/* HAMBURGER MENU */
.hamburger-menu {display:inline-block;}
.btn-hamburger {
    width:45px; height:45px; display:block;
    cursor:pointer; position:relative; box-sizing:border-box;
    -webkit-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}
.btn-hamburger span {
    width: 45px; height: 45px; overflow: hidden; display: block;
    position:absolute; top:50%; left:50%;
    -webkit-transform:translate(-50%,-50%);
    -ms-transform:translate(-50%,-50%);
    transform:translate(-50%,-50%);
}
.btn-hamburger span:before, .btn-hamburger span:after {
    content:''; position:absolute;
    -webkit-transition: all 0.5s; -o-transition: all 0.5s; transition: all 0.5s;
    width:100%; height:3px;
}
.btn-hamburger span:before {
    top:0; right:0; opacity:0;
}
.btn-hamburger span:after {
    top:15px; left:0; background: #000;
    -webkit-box-shadow: 0 7px 0 #000, 0 14px 0 #000;
    box-shadow: 0 7px 0 #000, 0 14px 0 #000;
}
body.menu-open .btn-hamburger span:after{
    top: 45%; left: 20%;
    width: 65%; height: 4px; -webkit-box-shadow: none; box-shadow: none; background: #000;
    -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg);
}
body.menu-open .btn-hamburger span:before {
    content: ""; position: absolute; top: 45%; right: 17%;
    width: 65%; height: 4px; background: #000;
    -webkit-transform: rotate(-45deg); -ms-transform: rotate(-45deg); transform: rotate(-45deg);
}
body.menu-open .btn-hamburger span:before {opacity:1;}

/* RESPONSIVE HEADER */
.header__block-mobile {
    position:fixed; top:60px; left:-400px; height:calc(100vh - 60px);
    background:#fff; width:100%; max-width:400px;
    overflow-y:auto; padding:30px 0;
    transition:all .5s ease;
}
body.menu-open {overflow:hidden;}
body.menu-open .header__block-mobile {left:0;}

/* MENU */
.header__menu-mobile {margin-bottom:20px;}
.header__menu-mobile ul {list-style:none; margin:0;}
.header__menu-mobile ul > li {padding:5px 20px;}
.header__menu-mobile ul > li > a {
    font-family: brandon-grotesque, sans-serif; font-weight:900;
    color:#252525; text-transform:uppercase; display:block;
}
.header__menu-mobile ul.sub-menu > li > a {color:#9f9f9f;}
.header__menu-mobile ul > li[class*="current-"] > a,
.header__menu-mobile ul > li > a:hover, .header__menu-mobile ul > li > a:focus {color:#f8ac00;}
.header__menu-mobile ul > li[class*="current-page"] > a {color:#000;}

/****************************** Tablet versions *******************************/
@media only screen and (max-width: 1024px){
    header.header {padding-top:60px;}
    .header__hamburger {display:block;}
    .header__menu-languages {display:none;}
    /* LOGO */
    .header__logo-img {height:40px;}
    .header__banner-bg {/* height:40vw; *//* min-height:230px; */}
    .header__banner {margin-bottom:2.5vw;}
    .header__banner-logo {max-height:8vw; min-height:50px;}

    /****************************
     * Editor style
    ****************************/
    .mceContentBody h1, .main_content h1 {font-size: 45px;}
    .mceContentBody h2, .main_content h2 {font-size: 40px;}
    .mceContentBody h3, .main_content h3 {font-size: 35px;}
    .mceContentBody h4, .main_content h4 {font-size: 30px;}
    .mceContentBody h5, .main_content h5 {font-size: 25px;}
    .mceContentBody h6, .main_content h6 {font-size: 22px;}
    .txt_size_48px {font-size: 40px}
    p.quote_block {font-size:20px;}
    .title_regular {font-size:20px;}
}
@media only screen and (max-width: 768px) {
    header.header {padding-top:45px; margin-bottom:30px;}
    body.home header.header {margin-bottom:0;}
    .header__block-mobile {top:45px; padding:20px 0; box-sizing:border-box; height:calc(100vh - 45px);}
    .header__logo-link {padding:5px 0;}
    .header__logo-img {height:30px;}
    .header__breadcrumbs {display:none;}

    /****************************
     * Homepage
     ****************************/
    body.home #primary .wpb_content_element:not(.wpb_text_column) {margin-bottom:35px;}
    body.home .vc_col-has-fill>.vc_column-inner,
    body.home .vc_row-has-fill+.vc_row-full-width+.vc_row>.vc_column_container>.vc_column-inner,
    body.home .vc_row-has-fill+.vc_row>.vc_column_container>.vc_column-inner,
    body.home .vc_row-has-fill>.vc_column_container>.vc_column-inner {padding-top:35px;}

    /****************************
     * Visual Composer Elements
    ****************************/
    .box-bg-orange.wpb_text_column {padding:20px;}
    .hide-on-mobile {display:none;}

    /****************************
     * Editor style
    ****************************/
    body {font-size:15px;}
    .mceContentBody h1, .main_content h1 {font-size: 40px;}
    .mceContentBody h2, .main_content h2 {font-size: 35px;}
    .mceContentBody h3, .main_content h3 {font-size: 30px;}
    .mceContentBody h4, .main_content h4 {font-size: 25px;}
    .mceContentBody h5, .main_content h5 {font-size: 22px;}
    .mceContentBody h6, .main_content h6 {font-size: 18px;}
    .txt_size_48px {font-size: 40px}
    p.quote_block {font-size:18px; padding:10px 32px;}
    p.quote_block:before {font-size:45px; top:-22px; left:11px;}
    .title_regular {font-size:18px;}
    [class*="title_underline_"]:before {height:3px;}
}
@media only screen and (max-width: 767px) {
    #copyright .txt_right {text-align:left;}
    .row-vertical-divider.vc_row > .wpb_column:not(:last-child) {border-right:none;}
}

/****************************** Mobile versions *******************************/
@media only screen and (max-width: 480px) {
    /****************************
     * Contact
     ****************************/
    .wpgmza_map {height:300px!important;}


    /****************************
     * Editor style
    ****************************/
    .mceContentBody h1, .main_content h1 {font-size: 35px;}
    .mceContentBody h2, .main_content h2 {font-size: 30px;}
    .mceContentBody h3, .main_content h3 {font-size: 25px;}
    .mceContentBody h4, .main_content h4 {font-size: 22px;}
    .mceContentBody h5, .main_content h5 {font-size: 18px;}
    .mceContentBody h6, .main_content h6 {font-size: 17px;}
    .txt_size_48px {font-size: 30px;}
    p.quote_block {font-size:17px; padding:10px 30px;}
    p.quote_block:before {font-size:40px; top:-16px;}
    .title_regular {font-size:17px;}
    [class*="title_underline_"]:before {height:2px;}
}