.mob-search { display:none; float: left; width: auto; position: relative;}
.mob-search button { cursor: pointer; border: none; background: url("../images/ico-cercar-blk.svg") no-repeat top right; width: 24px; height: 25px; background-size: cover; position: relative; right: auto; top: auto; transform: none;}
.mobile-search { transition: all 0.4s ease; float:left; position:fixed; top:72px; background:#006660; width:100%; padding:12px 0px 16px; opacity:0; visibility:hidden; text-align: center; z-index: 99;}
.mobile-frm-field {  float:none; display: inline-block; width:80%; background: #fff; -webkit-transition: All 0.5s ease; -moz-transition: All 0.5s ease; border-radius: 50px; height: 42px; line-height: 42px; padding: 0 12px;
 -o-transition: All 0.5s ease; -ms-transition: All 0.5s ease; transition: All 0.5s ease; border: 0px solid #ddd;}
.mobile-search input[type="text"] { border:none; background:none; line-height:35px; width:100%; padding:0 0 0 10px; height:auto; color:#3c3c3c; font-size:15px; margin-top:0px;  font-family: 'Geist-Regular';}
.mobile-search input[type="submit"] { float:right; border:none; width:19px; height:19px; background:url(../images/desktop/header-search.svg) no-repeat 0 0; cursor:pointer; margin:12px 10px 0 0; background-size:100%;}
.mobile-search  a.close { background: #fff; float:none; display: inline-block; margin:8px 10px 6px 10px; border-radius: 50px; width: 30px; height: 30px; text-align: center; line-height: 32px; border: 1px solid #ffffff;}
.mobile-search  a.close img { width:13px;}
.mobile-search.slow { opacity: 1; visibility: visible; }


body.over { overflow: hidden;}

/* mobile menu css */
.mobile-menu { position:fixed; top:76px; width:100%; z-index: 999; background:#fff; height: calc(100vh - 72px); overflow:auto; padding:20px 15px; border-top: 1px solid #006660; opacity: 0; visibility: hidden; transition: all 0.2s ease; } 
.m-menu img { width: 20px;}
.mobile-menu .mob-main { float:left; width:100%;}
.mobile-menu .logo { float:left; padding:20px; width:100%;}
.mobile-menu .logo img { float:left; background: none; background: #ffffff;}
.mobile-menu.slow { opacity: 1; visibility: visible; }
.mobile-menu .nav { width: 100%;  background: #fff; float: left;  padding: 0 0 75px 0; height:100%;}
.m-menu { float: right; z-index: 9999; position: relative; right: 0; display:none; width: 30px; height: 22px; top: 0; margin: 0px 0 0 0; -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -o-transform: rotate(0deg); transform: rotate(0deg); -webkit-transition: .5s ease-in-out; -moz-transition: .5s ease-in-out; -o-transition: .5s ease-in-out; transition: .5s ease-in-out; cursor: pointer;}
.m-menu a { display: block;}
.m-menu span { display: block; position: absolute; height: 2px; width: 100%; background: #303030; border-radius: 0px; opacity: 1; left: 0; -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -o-transform: rotate(0deg); transform: rotate(0deg);  -webkit-transition: .25s ease-in-out; -moz-transition: .25s ease-in-out; -o-transition: .25s ease-in-out; transition: .25s ease-in-out; }  
.m-menu:hover span { background:#006660; }

/* Icon 4 */
.m-menu span:nth-child(1) { top: 0px; -webkit-transform-origin: left center; -moz-transform-origin: left center; -o-transform-origin: left center; transform-origin: left center; }
.m-menu span:nth-child(2) { top: 9px; -webkit-transform-origin: left center; -moz-transform-origin: left center; -o-transform-origin: left center; transform-origin: left center; }
.m-menu span:nth-child(3) { top: 18px; -webkit-transform-origin: left center; -moz-transform-origin: left center; -o-transform-origin: left center; transform-origin: left center; }
.m-menu.open span:nth-child(1) { -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg); top: 0px; left: 4px; background: #006660;}
.m-menu.open span:nth-child(2) { width: 0%; opacity: 0;}
.m-menu.open span:nth-child(3) { -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -o-transform: rotate(-45deg); transform: rotate(-45deg); top: 21px; left: 4px; background: #006660; }

.mobile-menu .mob-main .mob-nav { float: left; width: 100%; margin-top: 20px;}
.mob-nav ul { float: left; width: 100%; margin:0px;}
.mob-nav > ul {text-align: center;}
.mob-nav ul li { float:left; width:100%; z-index:100; position:relative; margin-bottom: 15px;}
.mob-nav ul li:last-child { margin-bottom: 0;}
.mob-nav ul li a { float:none; display: inline-block; width:auto; color: #303030; font-family: 'Geist-Regular'; font-size: 18px; padding:0; line-height:28px; text-align:left; transition: all 0.4s ease;}
.mob-nav ul li a:hover { color:#006660;}
.mob-nav ul li a.active { color:#006660; font-family: 'Geist-Bold';}

.mob-web-lnks { float: left; width: 100%; display: flex; align-items: center; justify-content: center; margin-bottom: 30px;}
.mob-web-lnks ul {float: left; width: 100%; display: flex; flex-wrap: wrap; align-items: center; justify-content: center; row-gap: 7px;}
.mob-web-lnks ul li { float: left; width: auto; flex: 0 1 100%; margin-bottom: 0; display: flex; align-items: center; justify-content: center;}
.mob-web-lnks ul li a { float: left; display: flex; align-items: center; justify-content: center; background: #303030; color: #ffffff; font-size: 14px; line-height: 20px; height: 28px; width: 100px; border-radius: 25px; transition: all 0.4s ease;}
.mob-web-lnks ul li a:hover { background: #006660; color: #ffffff;}
.mob-web-lnks ul li a.active { background: #006660; color: #ffffff;}

.mob-btm-lnk { float: left; width: 100%; text-align: center; margin: 25px auto 25px;display: flex;justify-content: center;}
.mob-scl-lnks { float: left; width: 100%; text-align: center; margin-bottom: 25px;}
.mob-scl-lnks ul { float: left; width: 100%; display: flex; flex-wrap: wrap; align-items: center; justify-content: center; column-gap: 20px;}
.mob-scl-lnks ul li {float: left; width: auto; flex: 0 1 auto; margin-bottom: 0;}
.mob-scl-lnks ul li a { float: left; width: auto; transition:all .5s ease;}
.mob-scl-lnks ul li a:hover { opacity: 0.6;}

.mob-nav .mob-lang { float:left; width:100%; text-align:center; }
.mob-nav .mob-lang ul li { float:none; display:inline-block; width:auto; padding-right: 7px; margin-right: 5px; margin-bottom: 0; position: relative;}
.mob-nav .mob-lang ul li:after { position: absolute; background: #303030; content: ""; right: 0; top: 4px; width: 1px; height: 12px;}
.mob-nav .mob-lang ul li a { float: none; display: inline-block; color: #303030; font-family: 'Geist-Regular'; font-size: 13px; line-height: 18px; text-transform:uppercase;}
.mob-nav .mob-lang ul li a.active { font-family: 'Geist-Bold';}
.mob-nav .mob-lang ul li a:hover { color: #006660;}
.mob-nav .mob-lang ul li:last-child { margin-right:0; padding-right:0; border:none; }
.mob-nav .mob-lang ul li:last-child:after { content: none;}

.mob-nav ul li ul { display: none; margin-top: 15px;}
.mob-nav ul li ul li { margin-bottom: 5px;}
.mob-nav ul li a.mbl-dropdown { position: relative; padding-right: 25px;}
.mob-nav ul li a.mbl-dropdown::after { position: absolute; top: 5px; right: 0; content: ""; border-bottom: 2px solid #303030;  border-right: 2px solid #303030; width: 10px; height: 10px; transform: rotate(45deg);}
.mob-nav ul li.open a.mbl-dropdown::after {transform: rotate(225deg); top: 10px;}
.mob-nav ul li ul li a { color: #303030; font-size: 16px;}
.mob-nav ul li ul li a:hover { color: #e76f51;}
.mob-nav ul li.open a.mbl-dropdown {color: #006660;font-family: 'Geist-Bold';}
.mob-nav ul li.open a.mbl-dropdown::after {border-bottom: 2px solid #006660;  border-right: 2px solid #006660; }
.mob-nav ul li a.active.mbl-dropdown::after {border-bottom: 2px solid #006660;  border-right: 2px solid #006660; }