/* Language Select Screen
---------------------------------------*/

.mi18n-ls-wrapper, .mi18n-ls-wrapper *{ box-sizing: border-box; }
.mi18n-ls-wrapper{ background-repeat: no-repeat; background-position: 0% 50%; background-size: cover; margin-left: auto; margin-right: auto; max-width: 2000px; _height: 1082px; position: relative;  }
.mi18n-ls-guide{ position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-repeat: no-repeat; background-position: 50% 0%; background-color: blue; background-image: url( ../img/guide.jpg ); display: none; }
.mi18n-ls-inner{ height: 100%; position: relative; z-index: 200; padding-top: 5.5%; padding-bottom: 18%; }
.mi18n-ls-logo{ height: auto; max-width: 614px; margin-left: 8.4%; width: 70%; display: block; }
.mi18n-ls-controls{ margin-left: 9.5%; margin-top: 19.56%; display: inline-block; }
.mi18n-ls-dd{ display: inline-block; vertical-align: top; margin-bottom: 20px; text-align: left; position: relative; }
.mi18n-ls-dd, .mi18n-ls-dd a{ color: #fff;  }
.mi18n-dd-label{ border: 2px solid #9CD945; line-height: 120%; transform: skew(-18deg); display: block; text-transform: uppercase; font-weight: bold; padding: 15px 20px; padding-right: 43px; font-size: 19px; position: relative; }
.mi18n-dd-label-inner{ transform: skew(10deg); display: block; }
.mi18n-dd-arrow{ display: block; width: 20px; height: 25px; position: absolute; top: 50%; margin-top: -14px; right: 11px; background-repeat: no-repeat; background-size: contain; background-position: 50% 50%; background-image: url( ../img/select-arrow.png ); }
.mi18n-dd-arrow{ transform: skew(20deg); transition: transform .25s ease; }
.mi18n-ls-dd.active .mi18n-dd-arrow{ transform: skew(20deg) rotate(90deg); }
.mi18n-ls-dd, .mi18n-nav-item{ font-family: "Montserrat", Sans-serif; }

.mi18n-ls-control{ display: inline-block; margin-right: 20px;  }

.mi18n-dd-options, .mi18n-dd-options li{ padding: 0; margin: 0; list-style-type: none; }
.mi18n-dd-options{ padding-top: 15px; position: absolute; top: 52px; left: 0; width: 100%; display: none; }
.mi18n-dd-options a{ color: #fff; text-transform: uppercase; font-size: 17px; display: block; font-weight: bold; padding: 6px 20px; transition: color .25s ease; }
.mi18n-dd-options a:hover, .mi18n-dd-options li.active a{ color: #9CD945; }

.mi18n-dd-language{ display: none; }
.mi18n-option-lang{ display: none; }

/* Hide header */

.mi18n-language-select-screen .elementor-location-header{ display: none; }

/* Navigation Menu
---------------------------------------*/

.mi18n-nav{ width: 100%; text-align: right; padding: 0 30px; }
.mi18n-nav-item, .mi18n-nav-divider{ display: inline-block; vertical-align: middle; margin-left: 30px; font-weight: bold; text-transform: uppercase; position: relative; }
.mi18n-nav-item:first-child{ margin-left: 0; }
.mi18n-nav-item-head{ display: table; }
.mi18n-nav-item-head .mi18n-n-label{ font-size: 14px; }
.mi18n-n-icons, .mi18n-n-label, .mi18n-n-arrow{ display: table-cell; vertical-align: middle; }
.mi18n-n-label{ padding: 0 10px; }
.mi18n-n-icons{ width: 38px; height: 38px; position: relative; }
.mi18n-n-icon-on, .mi18n-n-icon-off{ position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-repeat: no-repeat; background-position: 50% 50%; background-size: contain; transition: opacity .25s ease; }
.mi18n-n-icon-on{ opacity: 0; z-index: 100; }
.mi18n-n-icon-off{ opacity: 1; z-index: 50 }
.mi18n-n-arrow{ background-repeat: no-repeat; background-position: 50% 50%; background-size: contain; background-image: url( ../img/icon-arrow-down.svg ); width: 23px; }
.mi18n-country .mi18n-n-icon-on{ background-image: url( ../img/icon-country-on.svg ); }
.mi18n-country .mi18n-n-icon-off{ background-image: url( ../img/icon-country.svg ); }
.mi18n-language .mi18n-n-icon-on{ background-image: url( ../img/icon-language-on.svg ); }
.mi18n-language .mi18n-n-icon-off{ background-image: url( ../img/icon-language.svg ); }
.mi18n-login .mi18n-n-icon-on{ background-image: url( ../img/icon-login-on.svg ); }
.mi18n-login .mi18n-n-icon-off{ background-image: url( ../img/icon-login.svg ); }
.mi18n-login .mi18n-n-label, .mi18n-login .mi18n-n-arrow{ display: none; }
.mi18n-login .mi18n-n-icons{ width: 45px; height: 45px; }
.mi18n-nav-options, .mi18n-nav-options li{ padding: 0; margin: 0; list-style-type: none; }
.mi18n-nav-options{ background-color: #9CD945;  padding: 10px 0;  }

.mi18n-nav-options a{ color: #000; display: block; padding: 5px 25px; font-size: 16px; white-space: nowrap; }
.mi18n-nav-options a:hover{ color: #fff; }
.mi18n-nav-divider{ background-color: #9CD945; width: 3px; height: 38px; }

.mi18n-nav-wrapper{ opacity: 0; transition: opacity .25s ease; position: absolute; top: -938px; right: 0;  padding-top: 10px; }
.mi18n-nav-item:hover .mi18n-nav-wrapper{ opacity: 1; top: 38px; }

.mi18n-nav-item:hover .mi18n-n-icon-on{ opacity: 1; }
.mi18n-nav-item:hover .mi18n-n-icon-off{ opacity: 0; }

header.elementor-top-section{ z-index: 9999; }

/* Responsive
---------------------------------------*/

@media only screen and (max-width: 1100px) {
    .mi18n-ls-controls{  margin-top: 19%; }
    .mi18n-ls-inner{ padding-bottom: 30%; }
}

@media only screen and (max-width: 820px){
    .mi18n-ls-logo, .mi18n-ls-controls{ margin-left: 5%; }
}

@media only screen and (max-width: 750px){
    .mi18n-ls-wrapper{ text-align: center; }
    .mi18n-ls-logo, .mi18n-ls-controls{ margin-left: auto; margin-right: auto; display: inline-block; }
    .mi18n-ls-wrapper{ background-position: 0 0; background-size: 190% auto; }
}

@media only screen and (max-width: 700px){
    .mi18n-ls-control{ margin-right: 0; display: block; }
    .mi18n-dd-options{ position: relative; top: auto; left: auto; }
}

@media only screen and (max-width: 450px){
    
    .mi18n-nav-item, .mi18n-nav-divider{ margin-left: 10px; }
    .mi18n-n-icons{ width: 25px; height: 25px; }
    .mi18n-login .mi18n-n-icons{ width: 30px; height: 30px; }
    .mi18n-n-arrow{ width: 15px; }
    .mi18n-n-label{ padding: 0 7px; }
    .mi18n-nav-item:hover .mi18n-nav-wrapper{ top: 25px; }
    
    .mi18n-nav-item:first-child .mi18n-nav-wrapper{ right: auto; left: 0; }
    
    .mi18n-ls-logo{ width: 80%; }
    .mi18n-ls-inner{ padding: 15% 0; }
    .mi18n-dd-label{ font-size: 15px; padding: 10px 20px; padding-right: 40px; }
    .mi18n-dd-arrow{ height: 18px; margin-top: -11px; right: 5px; }
    a.mi18n-location{ width: 100%; padding: 10px; }
}