/** * Barbercrop * Barbercrop is a full featured barber shop template * Exclusively on https://1.envato.market/barbercrop-html * * @encoding UTF-8 * @version 1.0.3 * @copyright (C) 2018 - 2022 Merkulove ( https://merkulov.design/ ). All rights reserved. * @license Envato License https://1.envato.market/KYbje * @contributors Lamber Lilith (winter.rituel@gmail.com) * @support help@merkulov.design **/
 *{
    margin:0;
    padding:0;
    -webkit-box-sizing:border-box;
    box-sizing:border-box;
    outline:0;
        font-family: 'Tajawal', sans-serif;

    /* font-family: 'Tajawal', sans-serif !important; */
}
@font-face {
    font-family: 'Highfield';
    src: local('Highfield Thin'), local('Highfield-Thin'),
        url('Highfield-Thin.woff2') format('woff2'),
        url('Highfield-Thin.woff') format('woff'),
        url('Highfield-Thin.ttf') format('truetype');
    font-weight: 100;
    font-style: normal;
  }
html{
    scroll-behavior:smooth
}
body,html{
    overflow-x:hidden
}
.align-items-center{
    justify-content: center;

}

.swal2-container{
    display: none !important;
}
ol,ul{
    list-style:none
}
a{
    text-decoration:none
}
a,button,input,textarea{
    background:0 0;
    color:inherit;
    border:none;
    cursor:pointer
}
textarea{
    resize:none
}
.fadeIn{
    -webkit-animation:.5s ease-in-out fadeIn;
    animation:.5s ease-in-out fadeIn
}
.fadeOut{
    -webkit-animation:.5s ease-in-out fadeOut;
    animation:.5s ease-in-out fadeOut
}
.tableContainer{
    margin-bottom: 60px;
}
.wrapperr{
  text-align: center;
}
.tableTitle{
  font-family: 'Highfield';
    font-size: 20px;
    font-weight: 600;
    color: white;
    text-align: center;
}
.tableItemWrapper{
    margin: 0px 10px;
    display: flex;
    font-size: 18px;
    align-items: center;
    justify-content: space-between;
    padding: 18px 5px 8px 5px;
    border-bottom: 2px dashed #3f4346;
}
.tableItemWrapperBeyond{
    margin: 0px 10px;
    display: flex;
    font-size: 18px;
    align-items: center;
    justify-content: center;
    padding: 18px 5px 8px 5px;
    border-bottom: 2px dashed #3f4346;
}
.tableItemTitle{
      font-family: 'Tajawal', sans-serif !important;
    color: white;
}
.tableItemTitleBeyond{
  text-align: right;
      font-family: 'Tajawal', sans-serif !important;
    color: white;
}
.tableItemPrice{
    color:#E7D7B6;
    white-space: nowrap;
    margin-left: 10px;
}
@-webkit-keyframes fadeIn{
    0%{
        opacity:0
    }
    100%{
        opacity:1
    }
}
@keyframes fadeIn{
    0%{
        opacity:0
    }
    100%{
        opacity:1
    }
}
@-webkit-keyframes fadeOut{
    0%{
        opacity:1
    }
    100%{
        opacity:0
    }
}
@keyframes fadeOut{
    0%{
        opacity:1
    }
    100%{
        opacity:0
    }
}
html.fixed{
    overflow-y:hidden
}
body{
    color:#bbb;
    background:#12273C;
    font-size:16px;
    line-height:1.7;
    font-family: 'Tajawal', sans-serif !important;
}
body.swal2-shown{
    padding:0
}
body.fullscreen{
    min-height:100vh;
    min-width:100vw
}
main{
    -webkit-transition:padding-top .3s ease-in-out;
    -o-transition:padding-top .3s ease-in-out;
    transition:padding-top .3s ease-in-out
}
h1,h2,h3,h4,h5,h6{
    font-weight:500;
    text-transform:uppercase;
    color:#fff
}
h1{
    font-family: 'Highfield';
    font-size:40px;
    line-height:1.3
}
h2{
    font-family: 'Highfield';
    font-size:32px;
    line-height:1.5
}
h3{
    font-family: 'Highfield';
    font-size:28px;
    line-height:1.5
}
h4{
    font-family: 'Highfield';
    font-size:22px;
    line-height:1.7
}
h5{
    font-family: 'Highfield';
    font-size:18px;
    line-height:1.7
}
h6{
    font-family: 'Highfield';
    font-size:14px;
    line-height:1.3
}
a,button,input,textarea{
    -webkit-transition:.3s ease-in-out;
    -o-transition:.3s ease-in-out;
    transition:.3s ease-in-out
}
#headerimage img{
    height: 100%;
}
#headerimage {
    display: flex;
    height: 130px;
    background-repeat: no-repeat;
    background-size: contain;
}
.header_logo{
    width: 130px;
}
img{
    display:block;
    -o-object-fit:cover;
    object-fit:cover;
}
.section{
    padding:80px 0
}
.section--nopb{
    padding:80px 0 0
}
.section--nopt{
    padding:0 0 80px
}
.section_header{
    position:relative
}
.section_header-subtitle{
  font-family: 'Highfield';
    text-transform:uppercase;
    font-weight:600;
    color:#2c2c2c;
    font-size:80px;
    line-height:1;
    position:absolute;
    z-index:-1;
    visibility:hidden
}
.container{
    padding:0 1.25rem;
    margin:0;
    min-width:100%
}
.theme-element{
    text-align:center;
    /* background:#E7D7B6; */
    color:#fff;
    text-transform:uppercase;
    border:2px solid #E7D7B6;
    font-weight:500;
    font-size:14px;
    line-height:22px;
    display:inline-block
}
.theme-element.btn{
    padding:12px 20px
}
.theme-element.btn:hover{
    color:#E7D7B6
}
.theme-element.btn--revert{
    background:0 0
}
.theme-element.btn--revert.current,.theme-element.btn--revert:focus,.theme-element.btn--revert:hover{
    background:#E7D7B6;
    color:#fff
}
.theme-element.tag{
    padding:5px 10px
}
.theme-element:focus,.theme-element:hover{
    background:0 0
}
.field{
    padding:11px 18px;
    border:2px solid #bbb;
    font-size:14px;
    line-height:28px;
    display:block
}
.field.error{
    border-color:#E7D7B6
}
.field--corner{
    margin-bottom:15px;
    border-left:1px solid #999;
    border-bottom:1px solid #999;
    border-right:none;
    border-top:none
}
.field::-webkit-input-placeholder{
    color:#fff;
    -webkit-transition:opacity .3s ease-in-out;
    transition:opacity .3s ease-in-out
}
.field::-moz-placeholder{
    color:#fff;
    -moz-transition:opacity .3s ease-in-out;
    transition:opacity .3s ease-in-out
}
.field:-ms-input-placeholder{
    color:#fff;
    -ms-transition:opacity .3s ease-in-out;
    transition:opacity .3s ease-in-out
}
.field::-ms-input-placeholder{
    color:#fff;
    -ms-transition:opacity .3s ease-in-out;
    transition:opacity .3s ease-in-out
}
.field::placeholder{
    color:#fff;
    -webkit-transition:opacity .3s ease-in-out;
    -o-transition:opacity .3s ease-in-out;
    transition:opacity .3s ease-in-out
}
.field:focus::-webkit-input-placeholder{
    opacity:0
}
.field:focus::-moz-placeholder{
    opacity:0
}
.field:focus:-ms-input-placeholder{
    opacity:0
}
.field:focus::-ms-input-placeholder{
    opacity:0
}
.field:focus::placeholder{
    opacity:0
}
.field:focus,.field:hover{
    border-color:#fff
}
.highlight{
    color:#E7D7B6
}
.link--underline{
    position:relative;
    text-transform:uppercase
}
.link--underline:after{
    content:'';
    position:absolute;
    width:0;
    height:1px;
    background:#E7D7B6;
    bottom:-2px;
    left:0;
    -webkit-transition:width .5s ease-in-out;
    -o-transition:width .5s ease-in-out;
    transition:width .5s ease-in-out
}
.link--underline:focus:after,.link--underline:hover:after{
    width:100%
}
.linebreak{
  font-family: 'Highfield';
    display:block
}
.text{
    font-size:14px;
    line-height:1.7;
    font-weight:500
}
.brand-logo_icon{
    color:#E7D7B6;
    margin-right:7px
}
.brand-logo_name{
    margin-left: 8px;
    color:#fff;
    text-transform:uppercase;
    font-weight:500;
    font-size:28px;
    line-height:1
}
@media screen and (min-width:767.98px){

    h1{
        font-size:50px;
        line-height:1.2
    }
    h2{
        font-size:40px;
        line-height:1.3
    }
    .container{
        padding:0 1.875rem
    }
    .section{
        padding:100px 0
    }
    .section--nopb{
        padding:100px 0 0
    }
    .section--nopt{
        padding:0 0 100px
    }
    .section_header-subtitle{
      font-family: 'Highfield';
        visibility:visible
    }
    .text{
        font-size:16px
    }
}
@media screen and (min-width:991.98px){
    h1{
        font-size:65px
    }
    .section{
        padding:110px 0
    }
    .section--nopb{
        padding:110px 0 0
    }
    .section--nopt{
        padding:0 0 110px
    }
    .text{
        font-size:18px;
        line-height:1.5
    }
}
@media screen and (min-width:1199.98px){
    .container{
        margin:0 auto;
        min-width:unset
    }
}
.alert_popup{
    background:#fff;
    min-width:280px;
    max-width:360px;
    display:-webkit-box!important;
    display:-ms-flexbox!important;
    display:flex!important;
    -webkit-box-orient:vertical;
    -webkit-box-direction:normal;
    -ms-flex-direction:column;
    flex-direction:column;
    padding:20px
}
.alert_popup-close{
    -webkit-box-pack:end;
    -ms-flex-pack:end;
    justify-content:flex-end;
    -webkit-transition:color .3s ease-in-out;
    -o-transition:color .3s ease-in-out;
    transition:color .3s ease-in-out
}
.alert_popup-close:focus,.alert_popup-close:hover{
    color:#E7D7B6
}
.alert_popup-title{
  font-family: 'Highfield';
    color:#E7D7B6;
    margin-bottom:10px
}
.header{
    padding:15px 0;
    position:fixed;
    width:100%;
    left:0;
    z-index:10000;
    background:#12273C;
    will-change:transform;
    -webkit-transition:-webkit-transform .5s ease-in-out;
    transition:transform .5s ease-in-out;
    -o-transition:transform .5s ease-in-out;
    transition:transform .5s ease-in-out,-webkit-transform .5s ease-in-out
}
.header--pinned{
    -webkit-transform:translateY(0);
    -ms-transform:translateY(0);
    transform:translateY(0)
}
.header--unpinned{
    -webkit-transform:translateY(-100%);
    -ms-transform:translateY(-100%);
    transform:translateY(-100%)
}
.header .container-fluid{
    padding:0
}
.header_trigger{
    margin-right: 25px;
    cursor:pointer;
    width:24px;
    height:16px;
    -webkit-box-ordinal-group:3;
    -ms-flex-order:2;
    order:2;
    -webkit-transition:margin-right .3s ease-in-out;
    -o-transition:margin-right .3s ease-in-out;
    transition:margin-right .3s ease-in-out
}
.header_trigger .line{
    height:2px;
    width:100%;
    background:#fff;
    display:block;
    -webkit-transition:.3s ease-in-out;
    -o-transition:.3s ease-in-out;
    transition:.3s ease-in-out
}
.header_trigger.active{
    -webkit-transition:.3s ease-in-out .3s;
    -o-transition:.3s ease-in-out .3s;
    transition:.3s ease-in-out .3s;
    -webkit-transform:rotate(45deg);
    -ms-transform:rotate(45deg);
    transform:rotate(45deg)
}
.header_trigger.active .line{
    background:#E7D7B6
}
.header_trigger.active .line:nth-child(2){
    width:0
}
.header_trigger.active .line:nth-child(1),.header_trigger.active .line:nth-child(3){
    -webkit-transition-delay:.1s;
    -o-transition-delay:.1s;
    transition-delay:.1s
}
.header_trigger.active .line:nth-child(1){
    -webkit-transform:translateY(7px);
    -ms-transform:translateY(7px);
    transform:translateY(7px)
}
.header_trigger.active .line:nth-child(3){
    -webkit-transform:translateY(-7px) rotate(90deg);
    -ms-transform:translateY(-7px) rotate(90deg);
    transform:translateY(-7px) rotate(90deg)
}
.header_nav{
    position:relative;
    left:0;
    right:0;
    min-width:100vw;
    -webkit-box-flex:1;
    -ms-flex-positive:1;
    flex-grow:1;
    order: 3;
    -webkit-box-ordinal-group:4;
    max-height:0;
    overflow:hidden;
    -webkit-transition:max-height .5s ease-in-out,padding-top .6s ease-in;
    -o-transition:max-height .5s ease-in-out,padding-top .6s ease-in;
    transition:max-height .5s ease-in-out,padding-top .6s ease-in;
}
.header_nav.active{
    max-height:100vh;
    overflow-y:scroll;
    padding-top:15px
}
.header_nav-list{
    text-align:center
}
.header_nav-list .dropdown-toggle.active,.header_nav-list .nav-item.active{

    background:#E7D7B6
}
.header_nav-list_item{
    font-weight:500;
    font-size:16px;
    text-transform:uppercase;
    color:#fff
}
.header_nav-list_item.dropdown .list-item,.header_nav-list_item:not(.header_nav-list_item.dropdown){
    padding:20px 0
}
.header_nav-list_item .nav-link.dropdown-toggle{
    padding:20px 0;
    display:block;
    width:100%;
    -webkit-transition:background-color .3s ease-in-out;
    -o-transition:background-color .3s ease-in-out;
    transition:background-color .3s ease-in-out
}
.header_nav-list_item .dropdown-menu{
    max-height:0;
    overflow:hidden;
    -webkit-transition:max-height .5s ease-in-out;
    -o-transition:max-height .5s ease-in-out;
    transition:max-height .5s ease-in-out
}
.header_nav-list_item .dropdown-menu.active{
    max-height:500px
}
.menuBook{
    margin-left: 0px;
}
.services_btn{
    display: none;
}
@media screen and (min-width:991.98px){
    .mobileMenuBookBtn{
        display: none;
    }
    .services_btn{
        display: block;
    }

    .menuBook{
        margin-left: 30px;
    }
    .bookNowmenu{
        display: none;
    }
    .header{
        padding:30px 0
    }
    .header .container-fluid{
        padding:0 1.25rem
    }
    .header_nav{
        max-height:unset;
        min-width:unset;
        overflow:visible;
        order: 0;
    }
    .header_nav-list{
        display:-webkit-box;
        display:-ms-flexbox;
        display:flex;
        -webkit-box-pack:end;
        -ms-flex-pack:end;
        justify-content:flex-end;
        -webkit-box-align:center;
        -ms-flex-align:center;
        align-items:center;
        margin:0 -30px 0 0
    }
    .header_nav-list.dropdown{
        position:relative
    }
    .header_nav-list .dropdown-toggle,.header_nav-list .nav-item{
        position:relative;
        cursor:pointer
    }
    .header_nav-list .dropdown-toggle:before,.header_nav-list .nav-item:before{
        content:'';
        position:absolute;
        width:100%;
        height:2px;
        background:0 0;
        top:26px;
        left:0;
        -webkit-transition:background-color .3s ease-in-out;
        -o-transition:background-color .3s ease-in-out;
        transition:background-color .3s ease-in-out
    }
    .header_nav-list .dropdown-toggle.active,.header_nav-list .dropdown-toggle:hover,.header_nav-list .nav-item.active,.header_nav-list .nav-item:hover{

        background:0 0
    }
    .header_nav-list .dropdown-toggle.active:before,.header_nav-list .dropdown-toggle:hover:before,.header_nav-list .nav-item.active:before,.header_nav-list .nav-item:hover:before{

        background:#E7D7B6
    }
    .header_nav-list_item{
        margin-right:30px
    }
    .header_nav-list_item.dropdown .list-item,.header_nav-list_item:not(.header_nav-list_item.dropdown){
        padding:0
    }
    .header_nav-list_item.dropdown{
        width:-webkit-min-content;
        width:-moz-min-content;
        width:min-content;
        margin-right:30px
    }
    .header_nav-list .nav-link.dropdown-toggle{
        padding:0;
        width:unset
    }
    .header_nav-list .dropdown-menu{
        position:absolute;
        opacity:0;
        max-height:unset;
        text-align:left;
        visibility:hidden;
        padding-top:15px;
        -webkit-transition:opacity .3s;
        -o-transition:opacity .3s;
        transition:opacity .3s
    }
    .header_nav-list .dropdown-menu .nav-item{
        padding:15px;
        -webkit-transition:background-color .3s ease-in-out;
        -o-transition:background-color .3s ease-in-out;
        transition:background-color .3s ease-in-out;
        background:#2c2c2c
    }
    .header_nav-list .dropdown-menu .nav-item.active,.header_nav-list .dropdown-menu .nav-item:hover{
        background:#E7D7B6
    }
    .header_nav-list .dropdown-menu .nav-item.active:before,.header_nav-list .dropdown-menu .nav-item:hover:before{
        display:none
    }
    .header_nav-list .dropdown-menu.active{
        opacity:1;
        visibility:visible
    }
}
.hero{
    height:100vh;
    background-repeat:no-repeat;
    background-size:cover;
    background-position:center;
    -webkit-transition:.5s ease-in-out;
    -o-transition:.5s ease-in-out;
    transition:.5s ease-in-out;
    position:relative
}
.hero_slider{
    overflow:hidden;
    position:absolute;
    left:0;
    right:0;
    top:0;
    bottom:0
}
.hero_slider-pagination{
    top:unset!important;
    bottom:0;
    height:10px!important;
    background:0 0!important
}
.hero_slider-pagination .swiper-pagination-progressbar-fill{
    background:#E7D7B6
}
.hero_overlay{
    position:absolute;
    bottom:0;
    left:0;
    height:50%;
    width:100%;
    z-index:1;
    background:-o-linear-gradient(271.87deg,rgba(32,32,32,0) 37.89%,#06192d 82.56%);
    background:linear-gradient(178.13deg,rgba(32,32,32,0) 37.89%,#06192d 82.56%)
}
.about_info-text{
    color:#E7D7B6;
    margin:15px 0 30px
}
.about_info-fact_title{
    margin-bottom:5px
}
.about_info-fact:first-of-type{
    margin-bottom:15px
}
.about_info-btn{
    margin-top:40px;
    display:inline-block
}
.hero_slider_desbtn{
    position: absolute;
    bottom: 150px;
    text-align: center;
    width: 100%;
    z-index: 1000;
}
.hero_slider_description{
    font-size: 35px;
  color:#E7D7B6;
    margin: 10px auto;
    display: block;
    max-width: 80%;
    display: block;
}
#contact img {
    /* width: 100%; */
}

@media screen and (max-device-width: 480px) and (orientation: portrait){
  /* some CSS here */
  .brand-logo_name{
    margin-left: 8px;
      color:#fff;
      text-transform:uppercase;
      font-weight:500;
      font-size:28px;
      line-height:1
  }
}
@media screen and (min-width:575.98px){


    .about_info-fact{
        max-width:calc(50% - 7.5px);
        -webkit-box-flex:1;
        -ms-flex-positive:1;
        flex-grow:1
    }
    .about_info-fact:first-of-type{
        margin-bottom:0
    }
    .about_info-fact_description{
        color:#E7D7B6;
        max-width:270px
    }
}
@media screen and (min-width:767.98px){
    .about_header-subtitle{
      font-family: 'Highfield';
        top:-30%;
        left:-5%
    }
    .about_info-text{
        color:#E7D7B6;
        margin:15px 0 20px;
        max-width:570px
    }
    .about_info-fact{
        width:unset;
        max-width:270px
    }
    .about_info-fact:first-of-type{
        margin-right:30px
    }
    .about_info-fact_title{
        margin-bottom:5px
    }
}
@media screen and (min-width:1199.98px){
    .about_header-subtitle{
      font-family: 'Highfield';
        top:25%
    }
    .about_info-text{
        color:#E7D7B6;
        margin:0 0 30px
    }
    .about_info-fact{
        max-width:calc(50% - 15px)
    }
    .about_info-fact_title{
        margin-bottom:15px
    }
    .about_info-fact_description{

        color:#E7D7B6;
        max-width:unset
    }
    .about_info-btn{
        margin-top:50px
    }
    .about_header,.about_info{
        max-width:unset
    }
    .about_header-title{
      font-family: 'Highfield';
        /* max-width:unset */
    }
}
@media screen and (min-width:1499.98px){
    .about_header-subtitle{
      font-family: 'Highfield';
        left:-20%
    }
}
@media screen and (min-width:1699.98px){
    .hero_slider-controls{
        padding:0 120px
    }
    .about_header-subtitle{
      font-family: 'Highfield';
        left:-34%
    }
}
.services_header{
  font-family: 'Highfield';
    margin-bottom:60px
}
.services_header-title{
  font-family: 'Highfield';
    margin-bottom:15px
}
.services_header-text{
    max-width:570px
}
.services_list-item{
    margin-bottom:40px
}
.services_list-item_wrapper{
    height:100%
}
.services_list-item:last-of-type{
    margin-bottom:0
}
.services_list-item .main{
    -webkit-box-flex:1;
    -ms-flex-positive:1;
    flex-grow:1
}
.services_list-item .main .title{
  font-family: 'Highfield';
    margin:10px 0
}
.services_list-item .main .description{
    color:#E7D7B6;
    margin: 0px 0px 10px 0px;
}
.aboutUsContainer .services_list-item .main .description{
    color:#E7D7B6;
    margin: 10px 0px 10px -55px;
}
@media screen and (min-width:767.98px){
    .services_header-subtitle{
      font-family: 'Highfield';
        top:-45%;
        left:22%
    }
    .aboutUsContainer .services_list-item .main .description{
        color:#E7D7B6;
        margin: 0px 0px 10px 0px;
    }
    .services_list{
        margin:0 -15px
    }
    .services_list-item{
        padding:0 15px;
        margin-bottom:60px
    }
    .services_list-item[data-order="5"]{
        margin-bottom:0
    }
}
@media screen and (min-width:991.98px){
    .services_header{
      font-family: 'Highfield';
        margin-bottom:50px
    }
    .services_header-subtitle{
      font-family: 'Highfield';
        left:16%
    }
    .services_list-item{
        margin-bottom:50px
    }
    .services_list-item .icon{
        margin-right:15px
    }
    .services_list-item .main .title{
    font-family: 'Highfield';
        margin:0 0 10px
    }
}
@media screen and (min-width:1199.98px){
    .services_header-subtitle{
font-family: 'Highfield';
        left:28%
    }
    .services_header-text{
        max-width:unset
    }
    .services_list-item[data-order="4"]{
        margin-bottom:0
    }
}
.schedule{
    color:#fff;
    background:url(../img/placeholder.jpg) center/cover no-repeat;
    position:relative
}
.schedule .overlay{
    position:absolute;
    left:0;
    top:0;
    width:100%;
    height:100%;
    z-index:1;
    background:-o-radial-gradient(50% 50%,50% 571.32%,rgba(32,32,32,0) 0,#202020 100%);
    background:radial-gradient(50% 571.32% at 50% 50%,rgba(32,32,32,0) 0,#202020 100%)
}
.schedule_container{
    position:relative;
    z-index:10
}
.schedule_content-header{
    margin-bottom:10px
}
.schedule_content-text{
    margin-bottom:40px
}
.schedule_hours{
    margin-top:40px
}
.schedule_hours-header{
    margin-bottom:10px
}
.schedule_hours-list_group .list-item{
    display:block;
    margin-bottom:10px
}
.schedule_hours-list_group .list-item .weekday{
    font-weight:500;
    font-size:18px;
    line-height:1.7;
    text-transform:uppercase;
    margin-right:10px
}
.schedule_hours-list_group:last-of-type .list-item:last-of-type{
    margin-bottom:0
}
.schedule_btn{
    margin-top:40px
}
@media screen and (min-width:767.98px){
    .schedule_content-header{
        max-width:410px
    }
    .schedule_content-text{
        max-width:570px
    }
    .schedule_hours-list_group:first-of-type{
        margin-right:50px
    }
    .schedule_hours-list_group .list-item:last-of-type{
        margin-bottom:0
    }
}
@media screen and (min-width:1199.98px){
    .schedule_wrapper{
        width:100%
    }
    .schedule_content-text{
        margin-bottom:0;
        max-width:500px
    }
    .schedule_hours{
        margin-top:0
    }
    .schedule_hours-header{
        max-width:300px
    }
    .schedule_btn{
        margin-top:50px
    }
}
@media screen and (min-width:1399.98px){
    .services_header-subtitle{
      font-family: 'Highfield';
        left:24%
    }
    .schedule_content{
        padding-right:30px
    }
    .schedule_content-text{
        max-width:unset
    }
    .schedule_btn{
        margin-top:25px
    }
}
.blog_header{
    margin-bottom:20px
}
.blog_recent-post{
    margin-bottom:30px
}
.blog_recent-post:last-of-type{
    margin-bottom:0
}
.blog_recent-post_wrapper{
    height:100%
}
.blog_recent-post_wrapper:hover .thumbnail{
    -webkit-transform:scale(1.1);
    -ms-transform:scale(1.1);
    transform:scale(1.1)
}
.blog_recent-post_wrapper .media{
    overflow:hidden;
    margin-bottom:15px
}
.blog_recent-post_wrapper .media::before{
    float:left;
    padding-top:89.18918918918918%;
    content:''
}
.blog_recent-post_wrapper .media::after{
    display:block;
    content:'';
    clear:both
}
.blog_recent-post_wrapper .media .thumbnail{
    -webkit-transition:.5s ease-in-out;
    -o-transition:.5s ease-in-out;
    transition:.5s ease-in-out
}
.blog_recent-post_wrapper .main{
    -webkit-box-flex:1;
    -ms-flex-positive:1;
    flex-grow:1
}
.blog_recent-post_wrapper .main .title{
    font-size:24px;
    line-height:1.5;
    text-transform:uppercase;
    font-weight:500;
    color:#fff;
    margin-bottom:10px
}
@media screen and (min-width:767.98px){
    .blog_header{
        margin-bottom:30px
    }
    .blog_header-subtitle{
      font-family: 'Highfield';
        left:-5%;
        top:80%
    }
    .blog_recent{
        margin:0 -15px
    }
    .blog_recent-post{
        padding:0 15px;
        margin-bottom:40px
    }
}
@media screen and (min-width:991.98px){
    .blog_header-subtitle{
      font-family: 'Highfield';
        left:-3%
    }
}
@media screen and (min-width:1199.98px){
    .blog_header{
        margin-bottom:50px
    }
    .blog_recent-post{
        margin-bottom:0
    }
    .blog_recent-post .media{
        margin-bottom:35px
    }
}
@media screen and (min-width:1699.98px){
    .blog_header-subtitle{
      font-family: 'Highfield';
        left:-13%
    }
}
.footer{
    padding:80px 0 0
}
.footer_logo{
    margin-bottom:40px
}
.footer_contacts-tel{
    color:#fff;
    margin-bottom:10px;
    width:-webkit-fit-content;
    width:-moz-fit-content;
    width:fit-content
}
.footer_contacts-tel:hover{
    color:#E7D7B6
}
.footer_contacts-tel .icon{
    display:none
}
.footer_contacts-tel .link{
    text-transform:uppercase;
    font-size:18px;
    line-height:1.5;
    font-weight:500
}
.footer_contacts-address{
    color: #E7D7B6;
    margin-bottom:10px
}
.footer_contacts-mail{
    color: #E7D7B6;
    position:relative
}
.footer_contacts-mail:after{
    content:'';
    position:absolute;
    width:0;
    height:1px;
    background:#bbb;
    bottom:0;
    left:0;
    -webkit-transition:width .5s ease-in-out;
    -o-transition:width .5s ease-in-out;
    transition:width .5s ease-in-out
}
.footer_contacts-mail:focus:after,.footer_contacts-mail:hover:after{
    width:100%
}
.footer_contacts-socials{
    margin:30px 0 40px;
    max-height:22px
}
.footer_contacts-socials .list-item{
    margin-right:15px
}
.footer_contacts-socials .list-item:last-of-type{
    margin-right:0
}
.footer_contacts-socials .list-item .link{
    color:#fff;
    font-size:22px
}
.footer_contacts-socials .list-item .link:focus,.footer_contacts-socials .list-item .link:hover{
    color:#E7D7B6
}
.footer_newsletter-text{
    margin:15px 0 25px
}
.footer_newsletter-form{
    max-width:100%
}
.footer_newsletter-form .field{
    margin-bottom:10px
}
.footer_newsletter-form .field:focus,.footer_newsletter-form .field:hover{
    border-color:#fff
}
.footer_newsletter-form .btn,.footer_newsletter-form .field{
    width:100%
}
.footer_copyright{
    background:#12273C;
    margin:80px -20px 0;
    text-align:center;
    height:80px;
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-orient:vertical;
    -webkit-box-direction:normal;
    -ms-flex-direction:column;
    flex-direction:column;
    -webkit-box-pack:center;
    -ms-flex-pack:center;
    justify-content:center;
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center
}
@media screen and (min-width:575.98px){
    .footer_newsletter-form .field{
        margin-bottom:0;
        border-right:none;
        max-width:368px
    }
    .footer_newsletter-form .btn{
        width:unset
    }
}
@media screen and (min-width:767.98px){
    .footer{
        padding:100px 0 0
    }
    .footer_logo{
        width:100%
    }
    .footer_contacts{
        margin-right:40px;
        margin-top:-20px
    }
    .footer_contacts-socials{
        margin-bottom:0
    }
    .footer_newsletter{
        max-width:410px;
        margin-bottom:0;
        margin-top:-80px
    }
    .footer_copyright{
        margin:100px -30px 0
    }
}
@media screen and (min-width:991.98px){
    .footer{
        padding:110px 0
    }
    .footer_logo{
        width:25%;
        margin-bottom:0
    }
    .footer_contacts,.footer_newsletter{
        margin-top:-5px
    }
    .footer_contacts-tel{
        margin-bottom:20px
    }
    .footer_contacts-tel .link{
        font-size:28px
    }
    .footer_contacts-tel .icon{
        max-width:40px;
        max-height:40px;
        font-size:40px;
        display:-webkit-box;
        display:-ms-flexbox;
        display:flex;
        -webkit-box-pack:center;
        -ms-flex-pack:center;
        justify-content:center;
        -webkit-box-align:center;
        -ms-flex-align:center;
        align-items:center;
        margin-right:10px;
        -webkit-transition:.3s ease-in-out;
        -o-transition:.3s ease-in-out;
        transition:.3s ease-in-out
    }
    .footer_contacts-socials{
        margin-bottom:25px
    }
    .footer_copyright{
        text-align:left;
        margin:0;
        -webkit-box-align:start;
        -ms-flex-align:start;
        align-items:flex-start;
        -webkit-box-pack:start;
        -ms-flex-pack:start;
        justify-content:flex-start;
        background:0 0;
        height:auto
    }
}
@media screen and (min-width:1199.98px){
    .footer_contacts{
        margin-right:0
    }
    .footer_contacts-copyright{
        text-align:left
    }
    .footer_newsletter{
        max-width:471px
    }
}
.promo_popup{
    background:url(../img/placeholder.jpg) center/cover no-repeat,rgba(32,32,32,.7);
    background-blend-mode:overlay;
    padding:30px;
    max-width:650px;
    color:#fff
}
.promo_popup-title{
  font-family: 'Highfield';
    text-transform:uppercase
}
.promo_popup-close{
    width:20px;
    height:20px;
    margin-top:-15px;
    margin-right:-15px;
    font-size:20px;
    -webkit-transition:color .3s ease-in-out;
    -o-transition:color .3s ease-in-out;
    transition:color .3s ease-in-out
}
.promo_popup-close:focus,.promo_popup-close:hover{
    color:#E7D7B6
}
.promo_popup .main{
    margin:10px 0 30px
}
.promo_popup .btn{
    width:100%
}
@media screen and (min-width:575.98px){
    .promo_popup .btn{
        width:unset
    }
}
@media screen and (min-width:767.98px){
    .promo_popup{
        padding:70px;
        text-align:center
    }
    .promo_popup-close{
        width:25px;
        height:25px;
        margin-top:-35px;
        margin-right:-35px;
        font-size:25px
    }
    .promo_popup .main{
        margin:20px 0 50px
    }
    .promo_popup .btn{
        margin:0 auto
    }
}
/*# sourceMappingURL=../sourcemaps/index.css.map */