/*------------Home page----------------------------------*/
.home .main-banner {
    height          : 644px;
    background      : url("../images/home/baner1.jpg") center no-repeat;
    position        : relative;
    padding-top     : 1px;
    background-size : cover;
}

.home .main-banner .main-banner-bg {
    position           : absolute;
    top                : 0;
    left               : 0;
    height             : 644px;
    width              : 100%;
    background-size    : cover;
    opacity            : 0;
    -webkit-transition : ease 400ms;
    -o-transition      : ease 400ms;
    transition         : ease 400ms;
    pointer-events     : none;
}

.home .main-banner .bg1 {
    background : url("../images/home/baner2.jpg") center no-repeat;
}

.home .main-banner .bg2 {
    background : url("../images/home/baner3.jpg") center no-repeat;
}

.home .main-banner .bg3 {
    background : url("../images/home/baner4.jpg") center no-repeat;
}

.home .main-banner.active-menu0 .bg1,
.home .main-banner.active-menu1 .bg2,
.home .main-banner.active-menu2 .bg3 {
    opacity : 1;
}

.home .main-banner .bottom-line {
    background               : url("../images/home/line-goris-d.png") repeat-x;
    height                   : 1px;
    width                    : 65px;
    margin                   : 0 auto;
    -webkit-transition-delay : 200ms;
    -o-transition-delay      : 200ms;
    transition-delay         : 200ms;
}

.home .main-banner .nav-title > li:hover .bottom-line {
    width                    : 700px;
    -webkit-transition-delay : 0ms;
    -o-transition-delay      : 0ms;
    transition-delay         : 0ms;
}

.home .main-banner p {
    color          : white;
    font           : normal 36px/1.36 AbrilDisplaySemiBoldItalic;
    max-width      : 1200px;
    margin         : 150px auto 0;
    padding        : 10px 4% 5px;
    letter-spacing : 1px;
    border-top     : 1px solid #ffc606;
    border-bottom  : 1px solid #ffc606;
    text-align     : center;
    position       : relative;
}

.home .main-banner .nav-title > li {
    overflow : hidden;
}

.home .main-banner h2 {
    color              : white;
    font               : normal 20px/24px NewParisSkyline;
    text-transform     : uppercase;
    margin             : 34px 0 10px;
    -webkit-transition : ease 500ms;
    -o-transition      : ease 500ms;
    transition         : ease 500ms;
}

.home .main-banner .nav-title > li:hover h2 {
    color             : #ffc606;
    -webkit-transform : translateY(-80%) scale(0.8);
    -ms-transform     : translateY(-80%) scale(0.8);
    -o-transform      : translateY(-80%) scale(0.8);
    transform         : translateY(-80%) scale(0.8);
}

.home .main-banner .nav-title {
    text-align : center;
    position   : relative;
}

.home .main-banner .see-menu {
    -ms-flex-pack           : center;
    -webkit-justify-content : center;
    -webkit-box-pack        : center;
    -moz-box-pack           : center;
    justify-content         : center;
    -webkit-transition      : ease 400ms;
    -o-transition           : ease 400ms;
    transition              : ease 400ms;
    height                  : 0;
}

.home .main-banner .nav-title > li:hover .see-menu {
    height : 20px;
}

.home .main-banner .see-menu li {
    text-align         : center;
    color              : #ffc606;
    font               : normal 16px/16px NewParisSkyline;
    text-transform     : uppercase;
    margin             : 0 2% 10px;
    opacity            : 0;
    -webkit-transition : ease 400ms;
    -o-transition      : ease 400ms;
    transition         : ease 400ms;
}

.home .main-banner .nav-title > li:hover li {
    opacity : 1;
}

.home .winners {
    position : relative;
}

.home .winners:before {
    content           : '';
    display           : block;
    width             : 57px;
    height            : 57px;
    background        : url("../images/home/logo-in-circle.png") no-repeat;
    left              : 50%;
    position          : absolute;
    -webkit-transform : translate3d(-50%, -50%, 0);
    transform         : translate3d(-50%, -50%, 0);
}

.home .winners .wrapper {
    padding : 35px 38px 12px;
}

.home .winners .title {
    font       : 30px NewParis;
    color      : #ffc606;
    font-style : italic;
    text-align : center;
}

.home .winners .year-winner {
    text-align : center;
    color      : white;
    font       : normal 37px/1 NewParis;
}

.home .winners .see-winners {
    text-align     : center;
    color          : #ffc606;
    font           : normal 22px/40px NewParis;
    text-transform : uppercase;
    padding-bottom : 22px;
}

.home .stories {
    position      : relative;
    border-bottom : 1px solid #99a2ae;
    padding       : 0 15px 34px;
}

.home .stories div {
    width  : 390px;
    margin : 30px 5px 0;
}

.home .stories h4 {
    font   : normal 20px/20px NewParisSkyline;
    margin : 20px 0 10px 0;
}

.home .stories h4 a {
    color : inherit;
    /*color:#162c5d;*/
}

.home .stories .text-story {
    font : normal 14px/20px NewParis;
}

.home .stories .all-stories {
    position : absolute;
    right    : 0;
    bottom   : 0;
    width    : 117px;
    height   : 38px;
}

.home .stories .all-stories a {
    color : white !important;
    font  : bold italic 14px/43px NewParisSkyline;
}

.home .stories .all-stories span {
    font-size      : 24px;
    vertical-align : initial;
}

.home .info-blocks,
.home .info-links {
    color   : #381208;
    padding : 0 3.125% 0;
}

.home .info-blocks {
    border-bottom : 1px solid #99a2ae;
}

.home .info-blocks > div {
    padding    : 75px 0 10px;
    width      : 320px;
    margin-top : 2.34%;
}

.home .info-blocks .line {
    width               : 1px;
    height              : 133px;
    background-color    : #99a2ae;
    -ms-flex-item-align : end;
    -webkit-align-self  : flex-end;
    align-self          : flex-end;
}

.home .info-blocks .glass,
.home .info-blocks .twitter,
.home .info-blocks .quote-icon {
    position : relative;
}

.home .info-blocks .glass:before,
.home .info-blocks .twitter:before,
.home .info-blocks .quote-icon:before {
    top      : 0px;
    font     : bold italic 36px/44px NewParisSkyline;
    color    : #6d7b8c;
    position : absolute;
}

.home .info-blocks .twitter:before {
    top     : 5px;
    left    : 65px;
    content : 'Read with NBF';
}

.home .info-blocks .glass:before {
    top     : 5px;
    left    : 80px;
    content : 'Media';
}

.home .info-blocks .quote-icon:before {
    left    : 57px;
    content : 'Quotes';
}

.home .info-blocks .twitter {
    background : url("../images/home/rwnbfmug.png") top left no-repeat;
}

.home .info-blocks .quote-icon {
    background : url("../images/home/quote.png") top left no-repeat;
}

.home .info-blocks .glass {
    background : url("../images/home/glass.png") 2px 14px no-repeat;
}

.home .info-blocks .info {
    font : normal 16px/22px NewParisSkyline;
}

.home .info-blocks .quote-icon .info {
    font : normal 20px/22px NewParisSkyline;
}

.home .info-blocks .link,
.home .info-links .link {
    font       : normal 15px/19px NewParisSkyline;
    margin-top : 4px;
    color      : #63585e;
}

.home .info-blocks span {
    font : bold italic 15px/19px NewParisSkyline;
}

.home .info-links .info {
    /*font: normal 14px/22px NewParis;*/
    font : normal 17px/22px NewParis;
}

.home .info-links span {
    /*font: normal 14px/19px NewParisSkyline;*/
    font : normal 17px/19px NewParisSkyline;
}

.home .info-links {
    margin-bottom : 3.125%;
}

.home .info-links .how {
    background : url("../images/home/how.png") top left no-repeat;
}

.home .info-links .subscribe-icon {
    background : url("../images/home/subscribe-blue.png") 0 15px no-repeat;
}

.home .info-links .donate {
    background : url("../images/home/donate.png") 1px 13px no-repeat;
}

.home .info-links > div:not(.line) {
    padding-left : 37px;
    width        : 320px;
    margin-top   : 5.312%;
}

.home .info-links h3 {
    font  : bold italic 36px/44px NewParisSkyline;
    color : #6d7b8c;
}

.home .info-links .line {
    width               : 2px;
    height              : 130px;
    background          : url("../images/home/line-goris-d.png") repeat-y;
    -ms-flex-item-align : center;
    -ms-grid-row-align  : center;
    -webkit-align-self  : center;
    align-self          : center;
}

@media (max-width : 1040px) {
    .home .main-banner p {
        margin : 14.84% 15% 0;
    }

    .home .mobile-hide {
        display : none;
    }
}

@media (max-width : 850px) {
    .home .stories div {
        width : 47%;
    }

    .home .stories div img {
        width : 100%;
    }
}

@media (max-width : 767px) {
    .home .main-banner p {
        font-size : 25px;
    }

    .home .main-banner .see-menu li {
        width : 100%;
    }

    .home .main-banner .nav-title > li:hover .see-menu {
        height : 80px;
    }

    .home .main-banner .nav-title > li:hover .bottom-line {
        width : 80%;
    }

    .home .info-blocks .line,
    .home .info-links .line {
        display : none;
    }

    .home .info-blocks > div,
    .home .info-links > div:not(.line) {
        width : 360px;
    }
}

@media (max-width : 599px) {
    .home .main-banner p {
        font-size : 24px;
    }

    .home .winners .year-winner {
        font-size : 30px;
    }

    .home .stories div {
        width : 95%;
    }
}