.mob-search { display:none; float: left; width: auto; position: relative; top: 6px; left: 0px;}
.mob-search button { cursor: pointer; border: none; background: url("../images/ico-cercar-blk.svg") no-repeat top right; width: 20px; height: 20px; background-size: cover; position: relative; right: auto; top: auto; transform: none;}
.mobile-search { transition: all 0.4s ease; float:left; position:fixed; top:80px; background:#5f2d53; 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: 'Yolk-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:15px;}
.mobile-search.slow { opacity: 1; visibility: visible; }


body.over { overflow: hidden;}

/* mobile menu css */
.mobile-menu { position:fixed; top:75px; width:100%; z-index: 999; background:#fff; height: calc(100vh - 75px); overflow:auto; padding:15px 25px 30px; 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: 0px; display:none; width: 30px; height: 22px; top:10px; 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:#5f2d53; }

/* 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: #5f2d53;}
.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: #5f2d53; }

.mobile-menu .mob-others-links { float: left; width: 100%; padding: 0; margin: 0;}
.mobile-menu .mob-lang-lnk { float: left; width: 100%; padding: 18px 0; margin-bottom: 0; border-bottom: 1px solid #EDEDED;}
.mobile-menu .mob-lang-lnk ul { float: left; width: 100%; text-align: left; display: flex; flex-wrap: wrap; column-gap: 45px;}
.mobile-menu .mob-lang-lnk ul li { flex: 0 1 auto;}
.mobile-menu .mob-lang-lnk ul li a {  float: none; display: inline-block; color: #5A5A5A; padding: 0px; letter-spacing: -0.3px; font-size: 14px; line-height: 18px; font-family: 'Yolk-Regular'; transition: all .5s ease;}
.mobile-menu .mob-lang-lnk ul li a.active {font-family: 'Yolk-Bold'; color: #3a3a3a;}
.mobile-menu .mob-lang-lnk ul li:hover a { color: #5f2d53;}

.mobile-menu .mob-btm-lnks { float: left; width: 100%; padding: 20px 0 0;}
.mobile-menu .mob-btm-lnks ul { float: left; width: 100%; display: flex; align-items: flex-end; justify-content: center;}
.mobile-menu .mob-btm-lnks ul li { flex: 0 1 25%; position: relative; text-align: center;}
.mobile-menu .mob-btm-lnks ul li h3 { float: left; width: 100%; font-size: 13px; line-height: 18px; color: #323232; font-family: 'Yolk-SemiBold'; padding-top: 10px;}
.mobile-menu .mob-btm-lnks ul li:nth-child(2) { flex: 0 1 50%;}
.mobile-menu .mob-btm-lnks ul li:first-child { display: flex; flex-wrap: wrap; flex: 1; justify-content: flex-start;}
.mobile-menu .mob-btm-lnks ul li:last-child { display: flex; flex-wrap: wrap; flex: 1; justify-content: flex-end;}
.mobile-menu .mob-btm-lnks ul li .mob-search { top: 0;}
.mobile-menu .mob-btm-lnks ul li .mob-search button { background: url("../images/mob-buscar-ico.svg") no-repeat; width: 15px; height: 15px;}
.mobile-menu .mob-btm-lnks ul li .ctrs-lnk { float: left; width: 100%; display: flex; align-items: center; justify-content: center;}
.mobile-menu .mob-btm-lnks ul li .access-lnks { float: left; width: 100%; display: flex; align-items: center; justify-content: center;}
.mobile-menu .mob-btm-lnks ul li .access-lnks span { float: left; width: auto; margin-right: 3px;}
.mobile-menu .mob-btm-lnks ul li .access-lnks span:last-child { margin-right: 0;}
.mobile-menu .mob-btm-lnks ul li .access-lnks span a { color: #9B9A9A; font-size: 11px; font-family: 'Yolk-Bold'; text-transform: uppercase; transition:all .5s ease;}
.mobile-menu .mob-btm-lnks ul li .access-lnks span a:hover { opacity: 0.7;}
.mobile-menu .mob-btm-lnks ul li .access-lnks span:first-child a{ font-size: 7px;}
.mobile-menu .mob-btm-lnks ul li .access-lnks span:last-child a { font-size: 14px;}