/* FONTS */ @font-face { font-family: 'novecento_wide_normal'; src: url('../fonts/novecentowide-normal-webfont.eot'); src: url('../fonts/novecentowide-normal-webfont.eot?#iefix') format('embedded-opentype'), url('../fonts/novecentowide-normal-webfont.woff') format('woff'), url('../fonts/novecentowide-normal-webfont.ttf') format('truetype'), url('../fonts/novecentowide-normal-webfont.svg#novecento_widenormal') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'novecento_wide_bold'; src: url('../fonts/novecentowide-bold-webfont.eot'); src: url('../fonts/novecentowide-bold-webfont.eot?#iefix') format('embedded-opentype'), url('../fonts/novecentowide-bold-webfont.woff') format('woff'), url('../fonts/novecentowide-bold-webfont.ttf') format('truetype'), url('../fonts/novecentowide-bold-webfont.svg#novecento_wide_bookbold') format('svg'); font-weight: normal; font-style: normal; } /* GENERALS */ body{/*background: #494949;*/ -webkit-font-smoothing: antialiased;-moz-font-smoothing: antialiased;} p{font-family: 'Lato', Helvetica, Arial, sans-serif; font-size: 14px;} h1,h2,h3,h4,h5,h6{font-family: 'novecento_wide_normal', Helvetica, Arial, sans-serif;} label{font-family: 'Lato', Helvetica, Arial, sans-serif; font-size: 14px;} input, textarea{box-shadow: none;} fieldset legend{color: white; background: none; font-weight: normal;font-family: 'Lato', Helvetica, Arial, sans-serif;padding: 0 0.5rem;} .button{border: 1px solid #f38630;background: none;color: #f38630; font-family: 'Lato', Helvetica, Arial, sans-serif;} .button:hover{background: #a23f1d; border: 1px solid #a23f1d; color: white;} .button.secondary{border:1px solid #ffffff;} .button.secondary:hover{border:1px solid #ffffff;color: #494949; background: white;} input.button{border: 1px solid #f38630;background: none;color: #f38630; font-family: 'Lato', Helvetica, Arial, sans-serif;} input.button:hover{background: #a23f1d; border: 1px solid #a23f1d; color: white;} .white{color: white;} .grey-bg{background: #595959;} .orange{color: #f38630;} .white-bg{background: rgba(255,255,255,0.9);} .margintop-20{margin-top: 20px;} .marginbottom-0{margin-bottom: 0;} .marginbottom-20{margin-bottom: 20px;} .marginbottom-45{margin-bottom: 45px;} .marginbottom-100 {margin-bottom: 100px !important;} .marginright-20{margin-right: 20px;} .inline-block{display: inline-block;} /* LOADER */ #overlay{background: #494949;width: 100%;height: 100%;position: fixed;z-index: 998;top: 0;} #overlay img{position: absolute;top: 50%;left: 50%;width: 70px;height: 70px;margin-left: -50px;margin-top: -50px;} /* HEADER */ #logo-home{background: url(../img/logo_fyf.svg) 0 0 no-repeat; position: relative; margin: 20px auto; width: 300px; background-size: contain;height: 60px;} /* MENU */ .header{position: relative;z-index: 10; background: #494949;} #menu-bg{width: 100%; background: #333333; position: relative;z-index: 10;} .top-bar{background: none !important;} .top-bar .name h1 a{display: none;} .top-bar-section ul#menu{max-width: 1000px;position: relative;margin: 0 auto; display: block;} /* Mentres no hi hagi immobiliaria .top-bar-section ul#menu{max-width: 980px;position: relative;margin: 0 auto; display: block;} */ .top-bar-section ul li > a{font-family: 'novecento_wide_normal', Helvetica, Arial, sans-serif; font-size: 16px;} .top-bar-section li.active:not(.has-form) a:not(.button), .top-bar-section li.active:not(.has-form) a:not(.button):hover, .top-bar-section li:not(.has-form) a:not(.button):hover{background: none; color: #f38630;} .top-bar-section .has-dropdown > a:after{border-color: rgba(255, 255, 255, 1) transparent transparent transparent;} .top-bar-section .has-dropdown:hover > a:after{border-color: rgba(203, 79, 36, 1) transparent transparent transparent;} .top-bar-section ul li:hover:not(.has-form) > a {background: none;} .top-bar-section .dropdown li:not(.has-form):hover > a:not(.button){background: none; color: #f38630;} /* SLIDER */ .banner { position: absolute; width:100% !important;overflow: auto;height: 100% !important;top: 0;} .rslides{margin: 0; height: 100% !important;} .rslides li { list-style: none; height: calc(100% - 145px) !important;margin-top: 145px;} .banner ul li { float: left;} .banner ul li img{max-width: none; min-width: 100%;} .banner .rslides li .container{position: absolute;bottom: 120px;left: 5%; background: rgba(243,134,48,0.8); padding: 20px 30px; max-width: 500px;width: 90%;} .banner .rslides li .container h4{font-family: 'novecento_wide_normal', Helvetica, Arial, sans-serif; font-size: 14px;margin-bottom: 0;} .banner .rslides li .container h4 span{margin-top: 10px;display: block;font-size: 12px;font-family: 'novecento_wide_bold', Helvetica, Arial, sans-serif;} #rslides1_s0{background: url(../img/slide-1.jpg) center center no-repeat; background-size: cover;} #rslides1_s1{background: url(../img/slide-6.jpg) center center no-repeat; background-size: cover;} #rslides1_s2{background: url(../img/slide-2.jpg) center center no-repeat; background-size: cover;} #rslides1_s3{background: url(../img/slide-7.jpg) center center no-repeat; background-size: cover;} #rslides1_s4{background: url(../img/slide-3.jpg) center center no-repeat; background-size: cover;} #rslides1_s5{background: url(../img/slide-4.jpg) center center no-repeat; background-size: cover;} #rslides1_s6{background: url(../img/slide-5.jpg) center center no-repeat; background-size: cover;} #rslides1_s7{background: url(../img/slide-8.jpg) center center no-repeat; background-size: cover;} .rslides { position: relative; list-style: none; overflow: hidden; width: 100%; padding: 0; margin: 0;} .rslides li { -webkit-backface-visibility: hidden; position: absolute; display: none; width: 100%; left: 0; top: 0;} .rslides li:first-child { position: relative; display: block; float: left;} .rslides img { display: block; height: auto; float: left; width: 100%; border: 0;} .rslides_nav.prev{position: absolute;left: 10px;top: 50%;z-index: 9;background: url(../img/slider-sprite.png) 0 0 no-repeat; width: 45px; height: 45px; text-indent: -9999px;} .rslides_nav.prev:hover{background: url(../img/slider-sprite.png) 0 -45px no-repeat;} .rslides_nav.next{position: absolute;right: 10px;top: 50%;z-index: 9;background: url(../img/slider-sprite.png) -45px 0 no-repeat; width: 45px; height: 45px; text-indent: -9999px;} .rslides_nav.next:hover{background: url(../img/slider-sprite.png) -45px -45px no-repeat;} .rslides_tabs{width: 128px;margin-left: -64px;position: absolute;bottom: 40px;left: 50%;z-index: 9;} .rslides_tabs li{background: url(../img/slider-sprite.png) 0 -90px no-repeat; width: 11px; height: 11px !important; display: block; float: left;margin-right: 5px;margin-top: 0;} .rslides_tabs li a{display: block;text-indent: -9999px;} .rslides_tabs li.rslides_here{background: url(../img/slider-sprite.png) -11px -90px no-repeat;} /* COOKIES */ input {-webkit-user-select: text;} /* .reveal {margin: 0 auto !important; left: 0 !important; top: 50px !important;} */ .reveal {border: 0;} .reveal .check-list li {text-decoration: none; display: block;} .reveal [type="checkbox"]:not(:checked), .reveal [type="checkbox"]:checked {position: relative; left: 0;} /* #cookieMessage {padding: 10px 30px;} #cookieClose {padding: 10px 20px; background-color: #f58c01; color: white; margin-right: 10px;} #cookieClose:hover { background-color: #2c1d85; } .cookieNone {background-color: #2c1d85; padding: 10px 20px; color: white; font-size: 16px; position: initial;} .cookieNone:hover {background-color: #f58c01; color: white} #cookieSettings {color: #f58c01; padding: 10px 20px;} .close-button {position: relative;} .back {background-color: #2c1d85 !important; padding: 10px 20px; color: white;} .back:hover {background-color: #f58c01 !important; color: white} .close-button {color: #ffffff;} .cookie-close {padding: 10px 20px; background-color: #f58c01; color: white; margin-right: 10px;} .cookie-close:hover {background-color: #2c1d85; color: white;} .cookie-close-cross {position: absolute; top: 0; right: 0; background-color: #f58c01; padding: 15px;} #exampleModal2 {top: 30px !important;} */ /* Cookies */ #cookieMessageWrapper{width: 100%; position: fixed; left:0; top: 0; z-index: 997; height:100%; background: rgba(38,38,38,0.6);} #cookieMessage{margin: 0 auto;position: absolute;padding: 20px;width: 80%;left: 50%;top: 50%;max-width: 400px;transform: translateX(-50%) translateY(-50%);background-color: white;} #cookieMessage p{margin-bottom: 0;color: #444;} #cookieMessage .uk-link{margin-top: 20px; color: white; display: inline-block; vertical-align: middle; background-color: #494949; border: 1px solid #494949; /*padding: 10px; padding: 1rem; border-radius: 5px;*/font-weight: 600; line-height: 1.5; padding: 10px 20px; /*font-family: 'Montserrat', sans-serif; font-size: 1.1rem;*/} #cookieMessage .uk-link:hover {background-color: transparent; color: #f38630;} #cookieMessage:after{content: "."; display: block; height: 0; clear: both; visibility: hidden;} #cookieClose{display: inline-block; margin-top: 20px;cursor: pointer;margin-right: 5px; border: 1px solid #f38630; color: #f38630; padding: 1rem; line-height: 1.5; font-size: 1.1rem; font-weight: 700; font-family: 'Montserrat', sans-serif; } #cookieClose:hover{background-color: #494949; color: white; border: 1px solid #494949;} #cookieNone{margin-top: 20px;} #modal-cookies h4.uk-modal-title{font-size: 1rem; /*font-family: 'Montserrat', sans-serif; */} #modal-cookies .uk-link{color: #f38630;display: inline-block;padding: 10px 20px;vertical-align: middle; /*font-family: 'Montserrat', sans-serif;*/ border: 1px solid #f38630; line-height: 1.5;} #modal-cookies .uk-link:hover{background-color: #f38630; color: white; border: 1px solid #f38630; } #modal-cookies .uk-button-third {background-color: #f38630; color: white; border: 1px solid #f38630; padding: 10px 20px; line-height: 1.5;} #modal-cookies .uk-button-third:hover {background-color: transparent; color: #f38630; border: 1px solid #f38630;} #modal-cookies .uk-checkbox{border-color: #f38630 !important;} #modal-cookies .uk-checkbox:checked{background-color: #f38630;} #modal-cookies .uk-checkbox:disabled:checked{background-color: #f5e9c9;border-color: #f5e9c9 !important;} /* PAGE */ .bg-page{position: fixed;width: 100%;bottom: 0;top: 0;} .title-section{margin-top: 40px;} /* TABS */ .tabs-content{background: rgba(255,255,255,0.9); padding:40px; margin-bottom: 0;} .tabs-content p{margin: 0; margin-bottom: 10px;} .tabs .tab-title.active a{background: rgba(255,255,255,0.9);color: #494949;} .tabs .tab-title > a{background: rgba(243,134,48,0.8);font-family: 'novecento_wide_normal', Helvetica, Arial, sans-serif; color: white;} .tabs .tab-title > a:hover{background: rgba(255,255,255,0.9); color: #494949;} .tabs .tab-title{border-left: 1px solid white;} .tabs .tab-title:hover{border-left: 1px solid white;} .tabs .tab-title:first-child{border: none;} .tabs .tab-title:first-child:hover{border: none;} #tabs-nosotros li{width: 33.33333%; text-align: center;} /* NOSOTROS */ #nosotros{background: url(../img/nosotros-bg.jpg) 0 0 no-repeat; background-size: cover;opacity: 0.8;} #nosotros-container{margin-bottom: 45px;} /* PROYECTOS */ #proyectos{background: url(../img/proyectos-bg.jpg) 0 0 no-repeat; background-size: cover;opacity: 0.8;} #proyectos-container{margin-bottom: 45px;} .close-project{font-family: 'novecento_wide_bold', Helvetica, Arial, sans-serif;position: absolute;right: 6px;top: 10px;font-size: 40px;z-index: 30;} .proyecto-img{background-position: center;background-size: cover;background-repeat: no-repeat;} /* INMOBILIARIA */ .fitxa-text .inline-list > li > * {display: inline;} .specs {font-family: 'Lato', Helvetica, Arial, sans-serif; font-size: 14px;} .specs.inline-list > li {float: initial; display: inline;} .fitxa-text.inmo h4 {color: #333333} /* THUMBS */ ul.thumbs{position: relative;float: left;margin: 0;padding: 0;width: 100%;height: auto;list-style-type: none;} ul.thumbs li{background: rgba(255,255,255,0.9); margin-bottom: 0;height: auto;padding: 0; position: relative;float: left;width: 30%;margin: 1.5%;} ul.thumbs li a.thumbnail img{min-width: 100%;} ul.thumbs li a.thumbnail h4{position: absolute;top: 0;left: 0;padding: 7px 10px;text-transform: uppercase;background-color: #efefef;color: #6b6b6b;font-size: 14px;margin: 0;} ul.thumbs li a.thumbnail .description{font-family: 'Lato', Helvetica, Arial, sans-serif;font-size: 13px;padding: 0;position: absolute;height: 0;bottom: 0;width: 100%;box-sizing: inherit;opacity: 0;transition: all 0.3s ease;-webkit-transition: all 0.3s ease;-moz-transition: all 0.3s ease;color: #333333;background-color: rgba(255, 255, 255, 0.7);padding: 18px 12px;line-height: 10px;box-sizing: inherit;text-align: center;} ul.thumbs li a.thumbnail:hover .description{height: 50px;opacity: 1;} .reveal-modal{padding: 0; max-width: 1000px;top: 50% !important;margin-top: -150px;} .reveal-modal-bg {background: rgba(0, 0, 0, 0.7);} .reveal-modal .close-reveal-modal {right: 15px;color: #f38630;z-index: 30;} .fitxa-text{padding: 0% 5%; text-align: center;} .fitxa-text h2{color: #f38630;text-align: center;} #myModal2 .fitxa-text p:first-of-type{margin-bottom: 0;} /* SLIDER PROYECTO (JS SLIDER) */ #slides, .slides_ {display: none} .slidesjs-container, .slidesjs-control{width: 100% !important;height: auto; max-height: 60vh;} /* .slidesjs-control img {} */ .slidesjs-navigation {margin-top:3px;} .slidesjs-previous {position: relative;margin-left: 10px;z-index: 10;text-indent: -9999px;background: url(../img/slider-sprite-c.png) -31px 0 no-repeat;width: 15px;height: 20px;display: inline-block;} .slidesjs-previous:hover{background: url(../img/slider-sprite-c.png) -31px -20px no-repeat;} .slidesjs-next {position: relative;margin-left: 5px;z-index: 10;text-indent: -9999px;background: url(../img/slider-sprite-c.png) -45px 0 no-repeat;width: 15px;height: 20px;display: inline-block;} .slidesjs-next:hover{background: url(../img/slider-sprite-c.png) -45px -20px no-repeat;} .slidesjs-play{position: relative;margin-left: 5px;z-index: 10;text-indent: -9999px;background: url(../img/slider-sprite-c.png) 0 0 no-repeat;width: 16px;height: 20px;display: inline-block;} .slidesjs-play:hover{background: url(../img/slider-sprite-c.png) 0 -20px no-repeat;} .slidesjs-stop{position: relative;margin-left: 5px;z-index: 10;text-indent: -9999px;background: url(../img/slider-sprite-c.png) -16px 0 no-repeat;width: 16px;height: 20px;display: inline-block;} .slidesjs-stop:hover{background: url(../img/slider-sprite-c.png) -16px -20px no-repeat;} .slidesjs-pagination {margin: -21px 10px 0 0;float: right;list-style: none;} .slidesjs-pagination li {float: left;margin: 0 1px;} .slidesjs-pagination li a {display: block;width: 13px;height: 0;padding-top: 13px;background-image: url(../img/pagination.png);background-position: 0 0;float: left;overflow: hidden;} .slidesjs-pagination li a.active, .slidesjs-pagination li a:hover.active {background-position: 0 -13px;} .slidesjs-pagination li a:hover {background-position: 0 -26px;} .navbar {overflow: hidden} /* INMOBILIARIA */ #inmobiliaria{background: url(../img/immo-bg.jpg) 0 0 no-repeat; background-size: cover;opacity: 0.8;} #inmobiliaria-container{margin-bottom: 25px;} .details{margin-bottom: 0;} .details b{margin-left: 10px;} .details b:first-child{margin-left: 0;} /* SERVICIOS */ #servicios{background: url(../img/servicios-bg.jpg) 0 0 no-repeat; background-size: cover;opacity: 0.8;} #servicios-container{background: rgba(255,255,255,0.9); padding:40px;margin-bottom: 25px;} .servicios-text{padding: 20px 10% 40px;} .servicios-text h3{color: #f38630;} #servicios-container .clearing-thumbs li, #servicios-container-2 .clearing-thumbs li{width: 30%;} /* ÁREA PRIVADA */ #area-privada{background: url(../img/ap-bg.jpg) 0 0 no-repeat; background-size: cover;opacity: 0.8;} #area-privada-container{background: rgba(255,255,255,0.8); padding: 5%; margin-bottom: 25px;} #area-privada-container h3{color: #f38630; text-align: center;} /*CONTACTO*/ #contacto{background: url(../img/contacto-bg.jpg) 0 0 no-repeat; background-size: cover;opacity: 0.8;} #mapa{max-height: 350px; opacity: 0.9;transition: opacity 300ms ease-out;} #mapa:hover{opacity: 1;transition: opacity 300ms ease-out;} #mapa iframe{width: 100%; height: 350px;} #contact-details{padding: 40px 0;} #form-container{min-height: 450px; padding: 40px 0;margin-bottom: 25px;} #form-container form{margin: 0;} #form-container input.button{margin: 0;} #img-captcha{margin-top: -93px;margin-left: 3px;} #tmptxt{padding-left: 120px;} /* FOOTER */ #footer{width: 100%;position: fixed;background: rgba(73,73,73,0.5);bottom: 0; padding: 0;z-index: 30;} #social{width: 80px; float: right; margin-left: 20px;display: none;} #facebook{position: relative;float: left;width: 20px; height: 20px; background: url(../img/social.png) 0 0 no-repeat; margin-right: 10px;} #facebook:hover{background: url(../img/social.png) 0 -20px no-repeat;} #twitter{position: relative;float: left;width: 20px; height: 20px; background: url(../img/social.png) -20px 0 no-repeat; margin-right: 10px;} #twitter:hover{background: url(../img/social.png) -20px -20px no-repeat;} #google-plus{position: relative;float: left;width: 20px; height: 20px; background: url(../img/social.png) -40px 0 no-repeat;} #google-plus:hover{background: url(../img/social.png) -40px -20px no-repeat;} #menu-footer{float: right;} #menu-footer li{float: left; list-style-type: none; color: white;} #menu-footer li:after{content: " ·"; margin-right: 5px;} #menu-footer li:last-child:after{content: " "; margin-right: 0;} #menu-footer li a{color: white;font-family: 'novecento_wide_normal', Helvetica, Arial, sans-serif; font-size: 12px;} #menu-footer li a:hover{color: #f38630;} .credits{float: left; margin-top: 5px;} .credits p{margin: 0; font-family: 'novecento_wide_normal'; font-size: 10px; color: white;} .credits p a{color: white;} .credits p a:hover{color: #f38630;} /* COOKIES */ /* #cookies{background: #494949;} #cookies-container{background: rgba(255,255,255,0.9); padding: 10%; margin-bottom: 25px;} #cookies-container h1, #cookies-container h3, #cookies-container h4{color: #f38630;} */ /* staycreative */ input {-webkit-user-select: text;} /* .reveal {margin: 0 auto !important; left: 0 !important; top: 50px !important;} */ /* .reveal {border: 0;} .reveal .check-list li {text-decoration: none; display: block;} .reveal [type="checkbox"]:not(:checked), .reveal [type="checkbox"]:checked {position: relative; left: 0;} #cookieMessage {padding: 10px 30px;} #cookieClose {padding: 10px 20px; background-color: #f58c01; color: white; margin-right: 10px;} #cookieClose:hover { background-color: #2c1d85; } .cookieNone {background-color: #2c1d85; padding: 10px 20px; color: white; font-size: 16px; position: initial;} .cookieNone:hover {background-color: #f58c01; color: white} #cookieSettings {color: #f58c01; padding: 10px 20px;} .close-button {position: relative;} .back {background-color: #2c1d85 !important; padding: 10px 20px; color: white;} .back:hover {background-color: #f58c01 !important; color: white} .close-button {color: #ffffff;} .cookie-close {padding: 10px 20px; background-color: #f58c01; color: white; margin-right: 10px;} .cookie-close:hover {background-color: #2c1d85; color: white;} .cookie-close-cross {position: absolute; top: 0; right: 0; background-color: #f58c01; padding: 15px;} #exampleModal2 {top: 30px !important;} */ /* LOPD */ #lopd{display: inline-block;width: 80%;vertical-align: middle;margin-left: 10px;margin-bottom: 20px;margin-top: 24px;} /* BACKEND */ .top-bar-section ul#menu.backendmenu{max-width: 830px;} .block-backend{margin-bottom: 40px;} .block-backend-text{background: rgba(255,255,255,0.8); padding: 20px;} .block-backend-text h3{color: #f38630; font-size: 1.2rem;} .block-backend-text p{min-height: 44px;} .block-backend-text a{margin-bottom: 0;} .back-h1{font-size: 1.5rem;} /* DOCUMENTACION */ .documentacion table{width: 100%;clear:both;} /* GALERIA */ .clearing-thumbs{max-width: 1050px;margin: 0 auto;} .clearing-thumbs li{margin-top: 10px;} /* ADMIN */ .top-bar-section ul#menu.backendmenuadmin{max-width: 830px;} .nuevo-usuario{padding: 20px;} .nuevo-usuario label{color: white;} .nueva-ficha fieldset{margin: 0 0 1rem 0;} .proyecto-row{padding: 10px;} .proyecto-row h4{min-height: 70px;} .nueva-ficha{padding: 20px;} .nueva-ficha label{color: white;} .nueva-ficha fieldset{margin: 0 0 1rem 0;} .nueva-ficha textarea{height: 100px;} .nueva-ficha .large-3{padding: 0 10px;} /* NUEVO PROYECTO CLIENTE */ .add{width: 95%;padding: 8px 5px;margin-left: 5%;} ul.white li{color: white;list-style-type: none;font-size: 14px;} ul.white li a{font-size: 12px;} .nuevo-proyecto {padding: 0 20px;} .nuevo-proyecto label{color: white;} /* BITGRUP */ .btn_roda_espera{width:50px; height:50px; border-radius:50px; padding:0; background: url("../../img/loader.gif") !important; background-size:50px !important; border-color:transparent !important;} .link_arxiu{color:#fff; font-size:12px;} #agegir_projectes span{color: #f38630; cursor: pointer;} /* MEDIA QUERY */ @media only screen and (min-width: 75em){ .reveal-modal {margin-left: -500px;} } @media only screen and (min-width: 64.063em) and (min-height: 880px){ /* #nosotros-container{position: absolute;right: 10%;bottom: 10%;margin-bottom: 0;} */ #nosotros-container{position: relative; right: 0%;bottom: 0%;} #area-privada-container, #inmobiliaria-container, #proyectos-container, #servicios-container, #servicios-container-2, #mapa, #form-container{margin-bottom: 0;} } @media only screen and (min-width: 64.063em){ .block-backend{padding: 10px; margin-bottom: 0;} } @media only screen and (min-width: 62.5em) { .top-bar-section ul#menu{height: 45px !important;} } @media only screen and (max-width: 65.563em) { .clearing-thumbs{max-width: 840px;} } @media only screen and (max-width: 64em) { .clearing-thumbs{max-width: 630px;} ul.thumbs li{width: 46%; margin: 2%;} .reveal-modal{margin-top: -300px;} } @media only screen and (max-width: 47.250em) { .clearing-thumbs{max-width: 420px;} ul.thumbs li{width: 100%; margin: 2% 0;} } @media only screen and (max-width: 40em) { #menu-footer{display: none;} .reveal-modal{margin-top: 0; top: 0 !important;} .slidesjs-pagination li a {width: 8px;padding-top: 8px;background-size: 8px;} .slidesjs-pagination li a.active, .slidesjs-pagination li a:hover.active {background-position: 0 -8px;} } @media only screen and (max-width: 31.5em) { .clearing-thumbs{max-width: 200px;} .clearing-thumbs li{margin-right: 0;} #servicios-container .clearing-thumbs, #servicios-container-2 .clearing-thumbs{max-width:100%;} #servicios-container .clearing-thumbs li, #servicios-container-2 .clearing-thumbs li{width: 33%;} } @media only screen and (max-width: 29.250em) { #logo-home{width: 180px;height: 40px;} .rslides li { height: calc(100% - 125px) !important;margin-top: 125px;} .banner .container {display: none;} footer{display: none;} .rslides_tabs{bottom:0;} .tabs .tab-title a{font-size: 12px;padding: 1rem 0px;} }