body {
    margin: 0;
    font-family: 'Raleway', sans-serif;
    font-size: 14px;
    color: #9D1204;
    background-color: #FFFFFF;

    -webkit-font-smoothing:antialiased;
}

*,
*:before,
*:after {
    box-sizing: border-box;
}

h1,
h1,
h3,
h4,
h5,
h6 {
    margin: 0;
}

p {
    margin: 0, 0, 10px;
}


/*CONTAINER
======================*/

.container {
    width: 100%;
    max-width: 1200px;
    margin: 0 auto;
    padding: 0 15px;
}


/*HEADER
======================*/

.header {
    width: 100%;
    height: 67px;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1000;
}

.header.fixed{
    height: auto;
    position: fixed;
    background-color: #FF4040;
}

.header.fixed .header__inner{
    padding: 15px 0;
    border-bottom: 1px solid #FF4040;
}


.header__inner {
    display: flex;
    justify-content: space-between;

    padding: 15px 0;
    align-items: center;
    border-bottom: 2px solid #fff;
}


/*NAV
=============*/

.nav {
    font-size: 14px;
    font-weight: 700;
    text-transform: uppercase;
}

.nav__link {
    margin-left: 50px;
    color: #FFF;
    font-weight: 700;
    text-decoration: none;
    opacity: .75;
    transition: opacity .1s linear;
}

.nav__link:first-child {
    margin-left: 0px;
}

.nav__link:hover {
    opacity: 1;
}


/*INTRO
=============*/

.intro {
    display: flex;
    flex-direction: column;
    justify-content: center;
    height: 753px;
    padding-top: 100px;
    background: #FFA69D url("img/intro-bg.jpg") center no-repeat;
    background-size: cover;

}

.intro__inner{
    width: 100%;
    max-width: 970px;
    margin: 0 auto;
    text-align: center;
}

.intro__title {
    margin: 0 0 30px;
    font-family: 'OpenSans', sans-serif;
    font-size: 60px;
    line-height: 1.1;
    color: #fff;
    font-weight: 700;

    text-transform: uppercase;
}

.intro__subtitle{
    font-size: 22px;
    color: #fff;
    line-height: 1.5;
    font-weight: 400;

    margin-bottom: 60px;

}



/*BUTTON
=============*/
.btn{
    display: inline-block;
    vertical-align: top;
    padding: 14px 40px;

    border-radius: 3px;
    border: 0;
    cursor: pointer;

    font-family: inherit;
    font-size: 13px;
    font-weight: 600;
    color: #B9463A;
    text-transform: uppercase;
    text-decoration: none;

    transition: background .1s linear;
}



.btn--red{
    background-color: #fff;
}


.btn--red:hover{
    background-color: #FFA69D;
}



/*FEATURES
=============*/


.features{
    display: flex;
    flex-wrap: wrap;
    margin: 100px 0;
}

.features__item{
    width: 33.33333%;
    padding: 0 40px;
    margin: 25px 0;

    text-align: center;
}

.features__icon{
    margin-bottom: 25px;
}

.features__title{
    font-size: 18px;
    color: #9D1204;
    font-weight: 700;
    text-transform: uppercase;
    margin-bottom: 15px;
}

.features__text{
    font-size: 16px;
    line-height: 1.5;
    color: #a50f00
}


/*FACTS
=============*/
.adv{
    display: flex;
    flex-wrap: wrap;
}

.adv__item{
    width: 33.33333%;
    height: 235px;
    position: relative;
    overflow: hidden;

}

.adv__item:hover .adv__cotent{
    opacity: 1;
}

.adv__image{
    position: absolute;
    top: 50%;
    left: 50%;
    z-index: 1;

    transform: translate3d(-50%, -50%, 0)
}

.adv__cotent{
    display: flex;
    flex-direction: column;
    justify-content: center;
    width: 100%;
    height: 100%;

    opacity: 0;

    background-color: rgba(128, 12, 0, 0.9);

    text-align: center;

    position: absolute;
    top: 0;
    left: 0;
    z-index: 2;

    transition: opacity .2s linear;

}


.adv__title{
    font-size: 14px;
    font-weight: 700;
    padding: 0 20px;
    color: #fff;
    text-transform: uppercase;
}


/*HISTORY
=============*/


.history{
    margin: 100px 0;
}


.history__inner{
    display: flex;
    flex-wrap: wrap;
    margin: 0 -15px;
}


.history__item{
    width: 25%;
    padding: 0 20px;
    margin: 25px 0;
}


.history__image{
    display: block;
    max-width: 100%;
    height: auto;
    margin-bottom: 25px;
}

.history__image--first{
    height: inherit;
}

.history__title{
    font-size: 18px;
    color: #9D1204;
    font-weight: 700;
    text-transform: uppercase;
    margin-bottom: 15px;
}

.history__subtitle{
    font-size: 16px;
    line-height: 1.5;
    color: #a50f00
}



/*COPYRIGHT
=============*/
.copyright{
    padding: 20px 0;

    background-color: #A60000;
    opacity: 0.9;
}

.copyright__text{
    text-align: center;
    tab-size: 16px;
    font-weight: 300;
    line-height: 1.5;
    color: rgba(255, 255, 255, 0.50);
    text-transform: capitalize;
    margin: 7px 7px;
}

.copyright__text span{
    color: #fff;
}



/* Media
===================*/

@media (max-width: 1300px) {
    /* WORKS */
    .adv__item {
        width: 50%;
    }
}

@media (max-width: 991px) {

    /* NAV */
    .nav {
        display: none;
    }


    /* INTRO */
    .intro__title {
        font-size: 40px;
    }

    /* FEATURES*/
    .features__item {
        width: 50%;
    }

    /*HISTORY*/
    .history__item{
        width: 50%;

        text-align: center;
    }

    .history__image {
        margin-left: auto;
        margin-right: auto;
    }

}


@media (max-width: 767px) {

    /*INTRO*/
    .intro {
        height: auto;
        padding-top: 130px;
        padding-bottom: 30px;
    }

    .intro__title {
        font-size: 30px;
    }

    .intro__subtitle {
        margin-bottom: 30px;

        font-size: 16px;
    }

    /*FEATURES*/
    .features {
        margin: 40px 0;
    }

    .features__item {
        width: 100%;
        padding-left: 0;
        padding-right: 0;
    }

    /* ADV */
    .adv__item {
        width: 100%;
        height: 300px;
    }

    /* HISTORY */
    .history {
        margin: 60px 0 30px;
    }

    .history__item{
        width: 100%;
    }

}