html, body {margin: 0; padding: 0; width: 100%; height: 100%;}
body {overflow-x: hidden}

.clear {clear: both;}
img {max-width: 100%; height: auto; opacity: 1;}

a {-webkit-transition: all .3s; -moz-transition: all .3s; -o-transition: all .3s; transition: all .3s;}
a:hover {text-decoration: none;}

input:focus,
select:focus,
textarea:focus,
button:focus {
    outline: none;
}

/* input[type=text] {
    width: 100%;
    padding: 12px 20px;
    margin: 8px 0;
    box-sizing: border-box;
    border: none;
    border-bottom: 2px solid red;
  } */

/* .button-style {font-family: 'Sisco'; font-weight: 600; color: #e3e3e3; font-size: 15px; text-align: center; height: 35px; padding-top: 7px;} */

.center {text-align: center;}

.wa-button {position: fixed; bottom: 20px; right: 80px; z-index: 9999;}

#wrap {/*min-height: 100%;*/ padding-top: 100px;}

#main{
    position: relative;
    top: -17px;
}
#header {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 7;
}

.header-background {
    background: url('../img/home/header-container-2.png') no-repeat top left;
    background-size: 100% 100%;
    height: 100px;
    padding: 20px 0 0 0;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 7;
}

.flex-container {
    display: flex;
    justify-content: space-around;
    background-color: #f2ebe4;
}

.flex-container > div {
    background-color: #f2ebe4;
    width: 300px;
    margin: 10px;
    text-align: center;
    line-height: 20px;
    font-size: 30px;
}

.img-submenu{
    float:left;
}

.center {
    display: block;
    margin-left: auto;
    margin-right: auto;
}

.img-center{
    margin: 0 auto;
}

.text-submenu a {
    font-family: 'toucheregular';
    font-size: 14px;
    color: #2e2d2c;
    text-align: left!important;
    float: left;
    margin-left: 5%;
}

.text-submenu {
    font-family: 'toucheregular';
    font-size: 14px;
    color: #2e2d2c;
    text-align: left!important;
    float: left;
    margin-left: 5%;
}


.img-submenu-right{
    float:right;
}

.text-submenu-right{
    font-family: 'toucheregular';
    font-size: 14px;
    color: #2e2d2c;
    text-align: left!important;
    float: right;
    margin-left: 5%;
}

.header-dropdown-aboutus {
    display:none;
    background: #f2ebe4;
    padding: 30px 5% 30px 5%;
    color: white;
    position: absolute;
    width: 100%;
    z-index: 6;
    top: 80px;
    margin-top: 0px;

}


.header-dropdown-menu {
    display:none;
    background: #f2ebe4;
    padding: 30px 5% 30px 5%;
    color: white;
    position: fixed;
    width: 100%;
    z-index: 6;
    top: 80px;
    margin-top: 0px;
}

.header-dropdown-outlet {
    display:none;
    background: #f2ebe4;
    padding: 30px 5% 30px 5%;
    color: white;
    position: absolute;
    width: 100%;
    top: 80px;
    z-index: 6;
}

.header-dropdown-media {
    display:none;
    background: #f2ebe4;
    padding: 30px 5% 30px 5%;
    color: white;
    position: absolute;
    width: 100%;
    top: 80px;
    z-index: 6;
}


.header-dropdown-aboutus .flex-container div a{-webkit-transition: all .3s; -moz-transition: all .3s; -o-transition: all .3s; transition: all .3s;}
.header-dropdown-aboutus .flex-container div .text-submenu{-webkit-transition: all .3s; -moz-transition: all .3s; -o-transition: all .3s; transition: all .3s;}
.header-dropdown-aboutus .flex-container div a .text-submenu-right{-webkit-transition: all .3s; -moz-transition: all .3s; -o-transition: all .3s; transition: all .3s;}
.header-dropdown-menu .flex-container div a{-webkit-transition: all .3s; -moz-transition: all .3s; -o-transition: all .3s; transition: all .3s;}
.header-dropdown-menu .flex-container div .text-submenu{-webkit-transition: all .3s; -moz-transition: all .3s; -o-transition: all .3s; transition: all .3s;}
.header-dropdown-menu .flex-container div a .text-submenu-right{-webkit-transition: all .3s; -moz-transition: all .3s; -o-transition: all .3s; transition: all .3s;}
.header-dropdown-outlet .flex-container div a{-webkit-transition: all .3s; -moz-transition: all .3s; -o-transition: all .3s; transition: all .3s;}
.header-dropdown-outlet .flex-container div .text-submenu{-webkit-transition: all .3s; -moz-transition: all .3s; -o-transition: all .3s; transition: all .3s;}
.header-dropdown-outlet .flex-container div a .text-submenu-right{-webkit-transition: all .3s; -moz-transition: all .3s; -o-transition: all .3s; transition: all .3s;}
.header-dropdown-media .flex-container div a{-webkit-transition: all .3s; -moz-transition: all .3s; -o-transition: all .3s; transition: all .3s;}
.header-dropdown-media .flex-container div .text-submenu{-webkit-transition: all .3s; -moz-transition: all .3s; -o-transition: all .3s; transition: all .3s;}
.header-dropdown-media .flex-container div a .text-submenu-right{-webkit-transition: all .3s; -moz-transition: all .3s; -o-transition: all .3s; transition: all .3s;}

.header-dropdown-aboutus .flex-container div a:hover img{ opacity:0.7;}
.header-dropdown-aboutus .flex-container div a:hover .text-submenu{ color:#d2a800;}
.header-dropdown-aboutus .flex-container div a:hover .text-submenu-right{ color:#d2a800;}
.header-dropdown-menu .flex-container div a:hover img{ opacity:0.7;}
.header-dropdown-menu .flex-container div a:hover .text-submenu{ color:#d2a800;}
.header-dropdown-menu .flex-container div a:hover .text-submenu-right{ color:#d2a800;}
.header-dropdown-outlet .flex-container div a:hover img{ opacity:0.7;}
.header-dropdown-outlet .flex-container div a:hover .text-submenu{ color:#d2a800;}
.header-dropdown-outlet .flex-container div a:hover .text-submenu-right{ color:#d2a800;}
.header-dropdown-media .flex-container div a:hover img{ opacity:0.7; }
.header-dropdown-media .flex-container div a:hover .text-submenu{ color:#d2a800;}
.header-dropdown-media .flex-container div a:hover .text-submenu-right{ color:#d2a800;}
.parent { position: relative; top: 0; left: 0; }
.logo {
    margin-top: 10px;
    width: 15%;
    max-width: 135px;
    float: left;
    margin-left: 8%;
}
.language-header{position:absolute; right:0; top: 10px; margin-bottom: 25px; right: 6%;font-family:'touchebold'; font-size:12px; color:#2e2d2c;z-index:6;}
.language-header a.language-id{font-family:'touchelight'; font-size:12px; color:#2e2d2c;}
.language-header a.language-en{font-family:'touchelight'; font-size:12px; color:#2e2d2c;}
.lang-bold{font-family:'touchebold'!important;}
.en-header{font-family:'touchelight'; font-size:12px; color:#2e2d2c;}
.logo-menu{float: right; position: relative; top: 20px; display:none;}
.icon-dropdown-menu-li{
    position: relative;
    left: 6px;
    top: -6px;
}

.navbar-container {    
    float: right;
    width: 80%;
    font-family: 'touchesemibold';
    font-size: 13px;
    height: 100%;
}
.navbar-container ul {
    list-style: none;
    padding-left: 10%;
    height: 100%;
}
.navbar-container li {
    position: relative;
    float: left;
    margin-right: 6%;
    font-size: 13px;
    line-height: 80px;
    height: 100%;
    /* color: #4a4a49; */
    transition: 2s;
     
}

.navbar-container li a { color: #4a4a49; cursor: pointer; padding:5px; transition: all .2s ease-in;} 
.navbar-container li a:hover{animation: backgroundIMG .2s ease-in .2s;
    animation-fill-mode: forwards;opacity:1;}
@keyframes backgroundIMG {
    100% { background: url('../img/home/menu-active.png') no-repeat 0 0; background-size: 100% 100%; height:200px; padding: 5px;  }
  }
.navbar-container li.active a {background: url('../img/home/menu-active.png') no-repeat 0 0; background-size: 100% 100%; height:200px; padding: 5px; }
.navbar-container .menu-dropdown-up {display: none;}
.navbar-container li:hover .menu-dropdown-up {display: inline-block;}
.navbar-container li:hover .menu-dropdown-down {display: none;}
.navbar-container li:hover > .submenu-container {display: block;}

.dropdown-test-2{
    display:none;
}

.dropdown-test-4{
    display:none;
}

.dropdown-test-6{
    display:none;
}

.dropdown-test-8{
    display:none;
}

.menu-dropdown-down-image {
    float: right;
    position: absolute;
    top: 5px;
    right: 235px;
}
.menu-dropdown-up-image {
    float: right;
    position: absolute;
    top: 5px;
    right: 235px;
}

.menu-dropdown-down-image-mobile {
    /* float: left; */
    position: absolute;
    margin-top:1%;
    margin-left: 3%;
    z-index:10;
}
.menu-dropdown-up-image-mobile {
    float: left;
    position: absolute;
    margin-top:1%;
    margin-left: 3%;
    z-index:10;
}

.menu-dropdown-down-image-mobile-2 {
    /* float: left; */
    position: absolute;
    margin-top:1%;
    margin-left: 3%;
    z-index:10;
}
.menu-dropdown-up-image-mobile-2 {
    float: left;
    position: absolute;
    margin-top:1%;
    margin-left: 3%;
    z-index:10;
}

.menu-dropdown-down-image-mobile-3 {
    /* float: left; */
    position: absolute;
    margin-top:1%;
    margin-left: 3%;
    z-index:10;
}
.menu-dropdown-up-image-mobile-3 {
    /* float: left; */
    position: absolute;
    margin-top:1%;
    margin-left: 3%;
    z-index:10;
}

.menu-dropdown-down-image-mobile-3 {
    float: left;
    position: absolute;
    margin-top:1%;
    margin-left: 3%;
    /* right: 235px; */
}
.menu-dropdown-up-image-mobile-3 {
    float: left;
    position: absolute;
    margin-top:1%;
    margin-left: 3%;
    /* right: 235px; */
}

.menu-dropdown-down-image-mobile-4 {
    float: left;
    position: absolute;
    margin-top:1%;
    margin-left: 3%;
}

.menu-dropdown-up-image-mobile-4 {
    float: left;
    position: absolute;
    margin-top:1%;
    margin-left: 3%;
}


.border-separator {
    border-bottom: 2px solid #afb1b4;
    /* margin-bottom: 20px;
    margin-top: -20px; */
    margin-bottom: 15px;
    margin-top: -20px;
}

/* .menu-dropdown-up-mobile{display:none;} */
.img-menu-logo-mobile {
    position: absolute;
    top: 50px;
    left: 60px;
}
.logo-close:hover{cursor:pointer;}
.icon-close{position: absolute;width: 15px;height: 15px;top: 38px;right: 30px; cursor:pointer;}


.menu-mobile-information-detail {
    position: absolute;
    /* bottom: 50px; */
    /* left: 60px; */
    margin-top: 0px;
    font-size: 10px;
    font-family: 'Arial';
    font-weight: bold;
    color: #808285;
}

/* menu mobile */
.menu-container-mobile {
    display: none;
    position: fixed;
    background: url('../img/header-mobile.png') no-repeat 0 0;
    background-size: 100% 100px;
    width: 100%;
    height: 100px;
}
.menu-container-mobile-2{top:0; left:0; right:0; bottom:0; position:fixed; background: url('../img/header-mobile.png') no-repeat 0 0; background-size: 100% 100px;}

.submenu-container-mobile {
    display: none;
    text-align: left;
    background: transparent;
    padding: 10px 10px;
    position: relative;
    top: 80%;
    left: -35px;
    width: 60%;
}

.submenu-container-mobile li:last-child {border-bottom: 0; margin-bottom: 0;}
.submenu-container-mobile li a:hover {color: #d2a800 !important;}
.submenu-container-mobile li.active a {font-weight: bold !important; color: #d2a800 !important;}
.submenu-container-mobile ul li {
    list-style-image: url('../img/pointer.png');
    margin-top: 5%;
    margin-bottom: 5%;
}
.submenu-container-mobile ul li a{
    font-family:'toucheregular';
    font-size:12px;
    color:#2e2d2c;
    white-space: nowrap;
    letter-spacing: 1.7px;
}

.submenu-container-mobile-2 {
    display: none;
    text-align: left;
    background: transparent;
    padding: 10px 10px;
    position: relative;
    top: 80%;
    left: -35px;
    width: 60%;
}

.submenu-container-mobile-2 li:last-child {border-bottom: 0; margin-bottom: 0;}
.submenu-container-mobile-2 li a:hover {color: #d2a800 !important;}
.submenu-container-mobile-2 li.active a {font-weight: bold !important; color: #d2a800 !important;}
.submenu-container-mobile-2 ul li {
    list-style-image: url('../img/pointer.png');
    margin-top: 5%;
    margin-bottom: 5%;
}
.submenu-container-mobile-2 ul li a{
    font-family:'toucheregular';
    font-size:12px;
    color:#2e2d2c;
    white-space: nowrap;
    letter-spacing: 1.7px;
}

.submenu-container-mobile-3 {
    display: none;
    text-align: left;
    background: transparent;
    padding: 10px 10px;
    position: relative;
    top: 80%;
    left: -35px;
    width: 60%;
}

.submenu-container-mobile-3 li:last-child {border-bottom: 0; margin-bottom: 0;}
.submenu-container-mobile-3 li a:hover {color: #d2a800 !important;}
.submenu-container-mobile-3 li.active a {font-weight: bold !important; color: #d2a800 !important;}
.submenu-container-mobile-3 ul li {
    list-style-image: url('../img/pointer.png');
    margin-top: 5%;
    margin-bottom: 5%;
}
.submenu-container-mobile-3 ul li a{
    font-family:'toucheregular';
    font-size:12px;
    color:#2e2d2c;
    white-space: nowrap;
    letter-spacing: 1.7px;
}

.submenu-container-mobile-4 {
    display: none;
    text-align: left;
    background: transparent;
    padding: 10px 10px;
    position: relative;
    top: 80%;
    left: -35px;
    width: 60%;
}

.submenu-container-mobile-4 li:last-child {border-bottom: 0; margin-bottom: 0;}
.submenu-container-mobile-4 li a:hover {color: #d2a800 !important;}
.submenu-container-mobile-4 li.active a {font-weight: bold !important; color: #d2a800 !important;}
.submenu-container-mobile-4 ul li {
    list-style-image: url('../img/pointer.png');
    margin-top: 5%;
    margin-bottom: 5%;
}
.submenu-container--4 ul li a{
    font-family:'toucheregular';
    font-size:12px;
    color:#2e2d2c;
    white-space: nowrap;
    letter-spacing: 1.7px;
}
.menu-mobile-list{display:none; top:0; left:0; right:0; bottom:0; position:fixed; background:#f2ebe4; background-size: 100% 100%;}
.list-mobile-menu{position:relative; top: 155px; padding-left:0%; padding-right:5%;}
.list-mobile-menu li a {
    color: #2e2d2c;
    font-family: 'touchesemibold';
    font-size: 12px;
    letter-spacing: 1.7px;
}

.list-mobile-menu li#list-main-mobile {
    list-style: none;
    margin-bottom: 5%;
}

.logo-mobile {
    margin-top: 10px;
    width: 25%;
    float: left;
    margin-left: 13%;
}
.logo-menu{float: right; position: relative; top: 30px; right:20px; display:none;}

.language-header-mobile {
    position: absolute;
    margin-top:5%;
    margin-bottom: 5%;
    left: 6%;
    font-family: 'touchebold';
    font-size: 12px;
    color: #2e2d2c;
    z-index: 6;
}
.language-header-mobile a.language-id-mobile{font-family:'touchelight'; font-size:18px; color:#2e2d2c;}
.language-header-mobile a.language-en-mobile{font-family:'touchelight'; font-size:18px; color:#2e2d2c;}
.en-header-mobile{font-family:'touchelight'; font-size:18px; color:#2e2d2c; margin-left: 5px;}
.icon-id-en-mobile {
    width: 60px;
    height: 1px;
    position: absolute;
    top: 33px;
    left: 0px;
}
.pointer-id-mobile {
    position: absolute;
    left: 4px;
    top: 29px;
}
.pointer-en-mobile {
    position: absolute;
    left: 35px;
    top: 29px;
    display: none;
}

.language-line-mobile {
    width: 25px;
    height: 2px;
    margin-left: 10px;
    margin-right: 10px;
    margin-top: -4px;
}


.language-line-mobile-footer {
    width: 45px;
    height: 4px;
    margin-left: 10px;
    margin-right: 10px;
    margin-top: -4px;
}

.dropdown-btn {
    padding: 6px 8px 6px 16px;
    text-decoration: none;
    font-size: 20px;
    color: #818181;
    display: block;
    border: none;
    background: none;
    width: 100%;
    text-align: left;
    cursor: pointer;
    outline: none;
  }

  .dropdown-container {
    display: none;
    background-color: #262626;
    padding-left: 8px;
  }



.footer-resize{display:none;padding: 35px 10% 30px 10%;}
#footer {
    min-height: 350px;
    margin-top: -55px;
    position: relative;
    z-index: 6;
   
    /* padding: 75px 5% 75px 5%; */
}

.info-footer-border-line{border-bottom: 1px solid white; width:225px; margin-top:3%; margin-bottom: 3%;}

.footer-separator{ width:100%; background: url('../img/home/fotter-separator.png') no-repeat top left;background-size: cover; height:2px;}
.footer-mobile{display:none;}
.footer-inner {padding: 75px 5% 75px 5%; background: url('../img/footer-bg.png') #2e2e2d repeat 0 0;}
.footer-inner-resize {padding: 35px 10% 30px 10%; display:none;}
.footer-col {float: left; position: relative;}
.footer-col a:hover > img {opacity: 0.7; cursor:pointer;}
.list-flag .flag-logo:hover{opacity:0.7; cursor : pointer;}
.footer-menu {list-style: none; padding-left: 0;}
.footer-menu a {color: #ffcc00; font-family: 'touchesemibold'; font-size: 12px;}
.footer-menu li a:hover {color: #ffffff; }
li.footer-detail a{
    font-family: 'gibsonregular';
    font-size: 13px;
    color: #d8d8d8;
    white-space: nowrap;
}

li.footer-detail a:hover{
    color: #ffcc00;
}
.footer-menu li {margin-bottom: 15px;}
.footer-submenu {padding-top: 5px; list-style-image: url('../img/footer-submenu-bullet.png'); padding-left: 25px;}
.footer-submenu a {font-size: 11px; color: #f29384; font-family: 'Sisco'; font-weight: bold;}
.footer-submenu a:hover {color: #FFF;}
.footer-submenu li {margin-bottom: 3px;}
/* .social-media-item a:hover {color: #d2a800;} */
.social-media-item a:hover > img {opacity: 0.7;}
#footer-col1 {width: 25%;}
#footer-col2 {width: 30%;}
#footer-col3 {width: 25%;}
#footer-col4 {width: 20%;}

#footer-col1-mobile {width: 100%; display:none;}
#footer-col2-mobile {width: 60%; display:none;}
#footer-col3-mobile {width: 40%; display:none;}
#footer-col4-mobile {width: 100%; display:none;}

.footer-col1-mobile-left{width:60%; float:left;}
.footer-col1-mobile-right{width:40%; float:left; text-align: center;}
.footer-col4-mobile-left{width:60%; float:left;}
.footer-col4-mobile-right{width:40%; float:left;}
/* .footer-detail{font-family:'gibsonregular'; font-size:13px; color:#d8d8d8; white-space: nowrap;} */
.pointer-footer{margin-right: 10px;}

.info-content{margin-top:50px; color:white;}
.info-content-1{width:100%; white-space:nowrap;}
.info-content-2{width:100%; white-space:nowrap; margin-bottom: 20px;}
.info-abb{width:5%;color:#ffcc00;float:left;font-family:'touchesemibold';font-size:13px;}
.info-text-footer{color:#d8d8d8;width:90%;font-family:'gibsonregular';font-size:14px;}
.info-content-2 .info-text-footer {margin-bottom: 5px;}
.footer-language{font-family:'touchebold'; font-size:12px; color:#d8d8d8;margin-bottom: 25px;}

.footer-language a.language-id-footer{font-family:'touchelight'; font-size:12px; color:#d8d8d8;}
.footer-language a.language-en-footer{font-family:'touchelight'; font-size:12px; color:#d8d8d8;}
.en-footer{font-family:'touchelight'; font-size:12px; color:#d8d8d8;}

.social-media-section{white-space:nowrap ;width:100%;margin-bottom: 15px;}


.language-line{
    width: 25px;
    height: 4px;
    margin-left: 10px;
    margin-right: 10px;
    margin-top: -4px;
}
.icon-id-en {
    width: 30px;
    height: 2px;
    position: absolute;
    top: 20px;
    left: 97px;
}
.pointer-id{
    position: absolute;
    left: 101px;
    top: 17px;
}

.pointer-en {
    position: absolute;
    left: 115px;
    top: 17px;
    display:none;
}

.pointer-id-footer{
    position: absolute;
    left: 101px;
    top: 17px;
}

.pointer-en-footer {
    position: absolute;
    left: 115px;
    top: 17px;
    display:none;
}

.pointer-id-footer-mobile {
    position: absolute;
    left: 61%;
    top: 40px;

}

.pointer-en-footer-mobile {
    position: absolute;
    left: 66%;
    top: 40px;
    display:none;
}

.footer-language a.language-id-footer-mobile{font-family:'touchelight'; font-size:13px; color:#d8d8d8;}
.footer-language a.language-en-footer-mobile{font-family:'touchelight'; font-size:13px; color:#d8d8d8;}
.en-footer-mobile{font-family:'touchelight'; font-size:12px; color:#d8d8d8; margin-left:15px;}

.icon-id-en-mobile-footer {
    position: relative;
    top: 0px;
    left: -3px;
    width: 54px;
}

.social-media-item {float: left; margin-right: 10px;}
.social-media-pointer{ float: left; margin-right: 10px; margin-top: 8px;}
.list-flag{width:100%; white-space:nowrap;}
.flag-logo{float:left; margin-right:13px;}
.footer-col-separator {position: absolute; top: 0; right: 20%; background: url('../img/footer-col-separator.png') repeat-y 0 0; width: 4px; height: 168px;}
.footer-contact-item {margin-bottom: 20px;}
.footer-mt-2{margin-top:2%;}
.footer-arrows-left{width:10%;float:left;margin-left: 10%;}
.footer-arrows-right{width:10%;float:left;margin-right:10%;}
.footer-line-mobile-bottom{
    background: url('../img/footer-mobile-2.png') no-repeat 0 0;
    width:100%;
    height: 20px;
    margin-bottom: 5%;
    display:none;
}

.footer-line-mobile-center {
    background: url('../img/footer-mobile-1.png') no-repeat 0 0;
    width: 100%;
    height: 20px;
    margin-bottom: 5%;
    text-align: center;
    position: relative;
    top: 198px;
    display: none;
}

.copyright {width:80%; text-align:center; margin: 0 auto;}
.copyright a {color:#d8d8d8; font-family:'gibsonsemibold'; font-size:13px;}
.copyright a:hover {color: #FFF;}
.copyright-text{width:60%;float:left; text-align:center; color:#d8d8d8; font-family:'gibsonregular'; font-size:13px;}
.copyright-text-mobile{width:100%; color:#d8d8d8; font-family:'gibsonregular'; font-size:12px; display:none;}

.section-banner {margin-bottom: 20px;position: relative; background-size: cover; background-repeat: no-repeat; background-position: top center;}
.banner-title-container {
    width: 100%;
    text-align: center;
    position: absolute;
    top: 40%;
    transform: translate(0, -50%);
    color: #FFF;
    font-family: 'Sisco';
    font-weight: 300;
    font-style: italic;
    font-size: 35px;
}

/* CREATED BY HENRY */

.banner-container {overflow: hidden; position: relative; background-repeat: no-repeat; background-position: left top; background-size: auto 100%; min-height: 100%;}
.banner-content-container {text-align: right; position: relative;}
.banner-content-container2 {text-align: left; position: absolute; top: 50%; right: 5%; transform: translate(0, -50%); width: 40%;}
.banner-content-bg {width: 70%;}
.banner-content-bg-mobile {display: none; width: 100%;}
.banner-marker {float: left; margin-right: 10px;}
.banner-subtitle {font-family: 'touchesemibold'; font-size: 12px; letter-spacing: 2px;}
.banner-subtitle2 {overflow: hidden; line-height: 1.5em;}
.banner-subtitle.banner-type-yellow {color: #2e2d2c;}
.banner-subtitle.banner-type-black {color: #FFF;}
.banner-subtitle img {margin-right: 10px;}
.banner-title {font-size: 48px; font-family: 'touchebold';}
.banner-title.banner-type-yellow {color: #2e2d2c;}
.banner-title.banner-type-black {color: #ffcc00;}
.banner-desc-big {font-family: 'toucheregular'; font-size: 34px; margin-bottom: 10px;}
.banner-desc-big.banner-type-yellow {color: #2e2d2c;}
.banner-desc-big.banner-type-black {color: #ffcc00;}
.banner-desc-small {font-family: 'gibsonregular'; font-size: 17px;}
.banner-desc-small.banner-type-yellow {color: #2e2d2c;}
.banner-desc-small.banner-type-black {color: #FFF;}
.banner-image-content-area {display: none; width: 100%; max-height: 400px;}
.banner-image-mobile {display: none; width: 100%;}

/* CREATED BY HENRY UNTIL HERE */

.section-before-footer-decor {margin-top: 80px; margin-bottom: 25px;}
.section-before-footer-decor-mobile {display:none;margin-top: 80px; margin-bottom: 25px;}
.before-footer-decor-left {float: left; width: 50%;}
.before-footer-decor-right {float: right; width: 50%; text-align: right;}
.back-to-top-position{opacity: 1; -webkit-transition: all .3s; -moz-transition: all .3s; -o-transition: all .3s; transition: all .3s;}
.back-to-top-position:hover{cursor:pointer; opacity: 0.7;}

.margin-auto{
    margin : 0 auto;
}


.ml-5{margin-left:5%;}
.mt-5{margin-top:5%;}


@media all and (max-width:1350px){
    .navbar-container li {
        margin-right: 4%;
    }
}

@media all and (max-width:1250px){
    .footer-arrows-left {
        width: 5%;
        margin-left: 10%;
    }

    .footer-arrows-right {
        width: 5%;
        margin-right: 10%;
    }

    .copyright-text {
        width: 70%;
       
    }
}

@media all and (max-width:1200px){
    #footer-col3 {
        width: 20%;
    }
    #footer-col4 {
        width: 25%;
    }
}

@media all and (max-width:1150px){
    .navbar-container ul {
        padding-left: 5%;
    }

    .navbar-container {
        width: 75%;
    }

    .navbar-container li {
        margin-right: 4%;
    }

    .logo {
        margin-left: 7%;
        position: relative;
        top: -5px;
    }
}

@media all and (max-width:1100px){
    .navbar-container li {
        margin-right: 3%;
        font-size: 12px;
    }
    .footer-arrows-right {
        width: 10%;
        margin-right: 0%;
    }

    .footer-arrows-left {
        width: 10%;
        margin-left: 0%;
    }

    .copyright-text {
        width: 80%;
    }

    .text-submenu {
        font-size: 12px;
    }

    .img-submenu {
        max-width: 25%;
    }

    .img-submenu-right {
        max-width: 25%;
    }

    .text-submenu-right {
        font-size: 12px;
    }
}


@media all and (max-width:1000px){
    .navbar-container li {
        margin-right: 3%;
        font-size: 12px;
    }

    .img-logo {
        max-width: 90%;
    }

    .banner-desc-small {font-size: 15px;}
    .banner-title {font-size: 40px;}
    .banner-desc-big {font-size: 28px;}

    .info-text-footer {
        font-size: 12px;
    }

    .info-footer-border-line {
        width: 195px;
    }
}

@media all and (max-width:950px){
    .navbar-container li {
        margin-right: 3%;
        font-size: 10px;
    }
    .img-flag{
        max-width:80%;
    }

    .flag-logo {
        float: left;
        margin-right: 10px;
    }

    .copyright-text {
        font-size: 12px;
    }
    .copyright a {
        font-size: 12px;
    }
}

@media all and (max-width:900px){
    .logo {
        margin-left: 6%;
        top: 0px;
    }
    .navbar-container li {
        margin-right: 3%;
        font-size: 10px;
    }

    .banner-subtitle {font-size: 11px;}
    .banner-desc-small {font-size: 13px;}
    .banner-title {font-size: 35px;}
    .banner-desc-big {font-size: 23px;}

    .img-flag{
        max-width:100%;
    }

    .flag-logo {
        float: left;
        margin-right: 13px;
    }

    #footer-col1 {
        width: 50%;
    }
    #footer-col2 {
        width: 50%;
    }
    #footer-col3 {
        width: 50%;
    }
    #footer-col4 {
        width: 50%;
    }

    .copyright-text {
        font-size: 11px;
    }
    .copyright a {
        font-size: 11px;
    }

    .text-submenu {
        font-size: 10px;
    }

    .text-submenu-right {
        font-size: 10px;
    }

    .info-text-footer {
        font-size: 14px;
    }

    .info-footer-border-line {
        width: 225px;
    }
}
@media all and (max-width:850px){
    .navbar-container ul {
        padding-left: 0%;
    }

    .navbar-container li {
        margin-right: 3%;
        font-size: 10px;
    }

    .img-logo {
        max-width: 80%;
    }
    .logo {
        margin-left: 7%;
        top:15px;
    }
}

@media all and (max-width:800px){

    .navbar-container li {
        margin-right: 2%;
        font-size: 10px;
    }

    .img-logo {
        max-width: 85%;
    }

    .navbar-container li {
        font-size: 10px;
    }

    .banner-subtitle {font-size: 10px;}
    .banner-desc-small {font-size: 12px;}
    .banner-title {font-size: 30px;}
    .banner-desc-big {font-size: 20px;}

    .copyright-text {
        font-size: 9px;
    }
    .copyright a {
        font-size: 9px;
    }

    .text-submenu {
        font-size: 9px;
    }
    .text-submenu-right {
        font-size: 9px;
    }
}

@media all and (max-width:700px){
    .header-background{display:none;}
    .menu-container-mobile{display:block;}
    .logo-menu{display:block; cursor: pointer;}

    .banner-container {background-image: none !important;}
    .banner-content-bg {display: none;}
    .banner-content-bg-mobile {display: block;}

    .banner-subtitle {font-size: 12px;}
    .banner-desc-small {font-size: 17px;}
    .banner-title {font-size: 48px;}
    .banner-desc-big {font-size: 34px;}

    .banner-content-container2 {right: 5%; left: 5%; bottom: 50%; top: unset; width: auto; transform: translate(0, 50%);}

    .banner-image-content-area {display: block;}
    .banner-image-mobile {display: block;}

    #footer-col1 {display:none;}
    #footer-col2 {display:none;}
    #footer-col3 {display:none;}
    #footer-col4 {display:none;}

    #footer-col1-mobile {display:block;margin-bottom: 5%;}
    #footer-col2-mobile {display:block;}
    #footer-col3-mobile {display:block;}
    #footer-col4-mobile {display:block; margin-top:5%;}

    .info-content{width:60%; float:left; margin-top:0px;}
    .footer-language{ width: 40%;float: left; font-size:11px;}
    li.footer-detail a {
        font-size: 12px;
    }

    .footer-menu li {
        margin-bottom: 18px;
    }

    .footer-arrows-left {
        display: none;
        /* background-color: white; */
    }

    .footer-arrows-right {
        display: none;
        /* background-color: white; */
    }
    .copyright-text {
        font-size: 12px;
        display:none;
        width: 100%;
    }
    .copyright a {
        font-size: 12px;
    }

    .copyright-text-mobile{
        display:block;
        font-size: 12px;
    }
}

@media all and (max-width:600px){
    .logo-mobile {
        margin-top: 15px;
    }
}

@media all and (max-width:550px){
    .img-logo {
        max-width: 90%;
    }

    .logo-mobile {
        margin-top: 15px;
        margin-left: 11%;
        width:30%;
    }
}

@media all and (max-width:500px){
    .banner-desc-small {font-size: 15px;}
    .banner-title {font-size: 40px;}
    .banner-desc-big {font-size: 28px;}
    .logo-mobile {
        margin-top: 20px;
        margin-left: 12%;
    }

    .language-header-mobile {
        left: 8%;
    }

    .list-mobile-menu li#list-main-mobile {
        margin-bottom: 9%;
    }

}

@media all and (max-width:450px){
    
    .banner-subtitle {font-size: 11px;}
    .banner-desc-small {font-size: 13px;}
    .banner-title {font-size: 35px;}
    .banner-desc-big {font-size: 23px;}

    .img-logo {
        max-width: 100%;
    }

    .logo-mobile {
        margin-top: 20px;
        margin-left: 10%;
    }

    .info-text-footer {
        font-size: 12px;
    }

    .info-footer-border-line {
        width: 195px;
    }
}

@media all and (max-width:400px){
    .banner-subtitle {font-size: 10px;}
    .banner-desc-small {font-size: 12px;}
    .banner-title {font-size: 31px;}
    .banner-desc-big {font-size: 20px;}

    .banner-image-content-area {max-height: 230px;}

    .logo-menu {
        top: 35px;
    }

    .logo-mobile {
        margin-top: 25px;
        margin-left: 9%;
        width: 32%;
    }

    .list-mobile-menu li#list-main-mobile {
        margin-bottom: 10%;
    }

    .language-header-mobile {
        left: 10%;
    }

    .footer-col1-mobile-left {
        width: 70%;
        float: left;
    }

    .footer-col1-mobile-right {
        width: 30%;
        float: left;
        text-align: center;
    }

    #footer-col2-mobile {
        width: 70%;
    }

    #footer-col3-mobile {
        width: 30%;
    }

    .info-content {
        width: 70%;
        margin-top: 0px;
    }

    .footer-language {
        width: 30%;
        font-size: 11px;
    }

    .language-line-mobile-footer {
        width: 27px;
    }

    .footer-col4-mobile-left {
        width: 70%;
    }

    .footer-col4-mobile-right {
        width: 30%;
    }

    .pointer-id-footer-mobile {
        left: 71%;
        top: 40px;
    }

    .pointer-en-footer-mobile {
        left: 80%;
        top: 40px;
    }
    .social-media-width{
        max-width: 80%;
    }

    .img-flag {
        max-width: 100%;
    }

    .flag-logo {
        margin-right: 13px;
    }

    .social-media-width {
        max-width: 90%;
        margin-right: 3px;
    }
    .social-media-item {
        margin-right: 2px;
    }

    .flag-separator-width {
        max-width: 95%;
    }

    .copyright a {
        font-size: 10px;
    }
    .copyright-text-mobile {
        font-size: 10px;
    }

    .footer-line-mobile-bottom{
        display:block;
    }

    .footer-line-mobile-center{
        display:block;
    }

    .footer-line-resize-mobile{
        display:none;
    }
}

@media all and (max-width:350px){
    .logo-mobile {
        margin-top: 25px;
        margin-left: 8%;
        width: 33%;
    }

    .list-mobile-menu {
        padding-right: 10%;
    }
    .language-header-mobile {
        left: 11%;
    }

    .flag-separator-width {
        max-width: 95%;
    }

    .img-flag {
        max-width: 85%;
    }

    .language-line-mobile-footer {
        width: 16px;
    }

    .flag-logo {
        margin-right: 8px;
    }

    .social-media-width {
        max-width: 80%;
        margin-right: 0px;
    }

    .info-text-footer {
        font-size: 11px;
    }

    .info-footer-border-line {
        width: 175px;
    }
}