.mob-search { display:none; width: auto; position: relative; top: 10px;}
.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:#358541; 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: 'MacklinSans-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:72px; width:100%; z-index: 99; background:#fff; height: calc(100vh - 72px); overflow:auto; 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:0px; 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: #fff; border-radius: 3px; 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:#D77448;}

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

.mobile-menu .mob-main .mob-nav { float: left; width: 100%; padding: 10px 15px;}
.mob-nav ul { float: left; width: 100%; margin:0px;}
.mob-nav > ul {text-align: center; margin-bottom: 15px;}
.mob-nav ul li {z-index:100; position:relative; margin-bottom: 10px;}
.mob-nav ul > li:last-child { margin-bottom: 0;}
.mob-nav ul li a { float:none; display: inline-block; width:auto; color: #291404; font-family: 'SansPlomb98MXB-Regular'; font-size: 30px; padding:0; line-height:32px; letter-spacing: 1px; text-align:left; transition: all 0.4s ease;}
.mob-nav ul li a:hover { color:#D77448;}
.mob-nav ul li a.active { color:#D77448;}

.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: #ffffff; color: #291404; 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: #ffffff; color: #D77448;}
.mob-web-lnks ul li a.active { background: #ffffff; color: #D77448;}

.mob-btm-lnk { display: inline-block; width: 100%; text-align: center;}
.mob-addr-details { width: 100%; padding-bottom: 10px;}
.mob-addr-details p { width: 100%; font-size: 14px; line-height: 24px; color: #291404;letter-spacing: 0.35px;}
.mob-addr-details p a { color: #291404; transition:all .5s ease; font-family: 'SuisseBPMono-Regular';}
.mob-addr-details p a:hover { color: #D77448;}
.mob-addr-details p strong { font-weight: normal; font-family: 'SuisseBPMono-Regular';}

.mob-nav .mob-lang { width:100%; display: flex;}
.mob-nav .mob-lang > ul { display: flex; flex-wrap: wrap; align-items: center; justify-content: center; margin: 0;}
.mob-nav .mob-lang ul li { flex: 0 1 auto; padding-right: 10px; margin-right: 8px; margin-bottom: 0; position: relative;}
.mob-nav .mob-lang ul li:after { position: absolute; background: #291404; content: ""; right: 0; top: 50%; transform: translateY(-50%); width: 1px; height: 12px;}
.mob-nav .mob-lang ul li a { color: #291404; font-family: 'SuisseBPMono-Regular'; font-size: 14px; line-height: 18px; text-transform:uppercase; transition: all 0.4s ease;}
.mob-nav .mob-lang ul li a.active { color: #D77448;}
.mob-nav .mob-lang ul li a:hover { color: #D77448;}
.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 .mob-lang ul li a:hover { opacity: 0.7;}

.mob-nav .mob-scl-lnks{width: 100%;display: flex;justify-content: center;margin-top: 20px;align-items: center;}
.mob-nav .mob-scl-lnks ul { width: auto; display: flex; flex-wrap: wrap; column-gap: 15px; align-items: center;}
.mob-nav .mob-scl-lnks ul li { flex: 0 1 auto; padding-left: 0; margin-bottom: 0;}
.mob-nav .mob-scl-lnks ul li a { width: auto; transition:all .5s ease; display: inline-flex;}
.mob-nav .mob-scl-lnks ul li a.hdr-fb-ico { background: url("../images/footer-instagram.svg") no-repeat scroll 0 0; width: 14px; height: 14px;}
.mob-nav .mob-scl-lnks ul li a.hdr-in-ico { background: url("../images/footer-facebook.svg") no-repeat scroll 0 0; width: 8px; height: 15px;}
.mob-nav .mob-scl-lnks ul li a:hover {opacity: 0.7;}

.mob-search{width: 60%; margin: 0 auto 30px; padding: 0px; display: flex;}
.mob-search input[type="text"] {width:100%; border:1px solid #ecebe7; border-radius:50px; font-size:13px; letter-spacing:1px; color:#291404; text-transform:uppercase;
font-family: 'SuisseBPMono-Regular'; padding:0 10px 0px 50px; background: url(../images/mbl-search-b.svg) no-repeat left 20px center; height: 48px; line-height: 48px;}

.quick-mnu {width: 100%;margin-bottom: 15px;display: flex;}
.quick-mnu ul li {text-align: center;margin-bottom: 5px;}
.quick-mnu ul li a {font-size: 18px;line-height: 24px;}