/*****************************/ /* Copyright by CreativeDive */ /*****************************/ *, ::before, ::after { -webkit-box-sizing: inherit; -moz-box-sizing: inherit; box-sizing: inherit; } body { margin:0px; padding:0px;font-family: 'Catamaran', sans-serif;} section, div{display:block;} html{font-size:100%;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%;} a { text-decoration:none!important; color:#333333;font-family: 'Catamaran', sans-serif; } a {-webkit-transition: color .5s ease;-moz-transition: color .5s ease;-o-transition: color .5s ease; -ms-transition: color .5s ease;transition: color .5s ease;} a:hover { color:#ff6666; } a:focus{outline:thin dotted #333;outline:5px auto -webkit-focus-ring-color;outline-offset:-2px;} a:hover, a:active{outline:0;} h1, h2, h3, h4, h5, h6{margin:10px 0;font-family: 'Catamaran', sans-serif;font-weight:normal;line-height:24px;color:inherit;text-rendering:optimizelegibility;} p {font-family: 'Catamaran', sans-serif;} .clearfix{*zoom:1;} .clearfix:before, .clearfix:after{display:table;line-height:0;content:"";} .clearfix:after{clear:both;} .btn { -webkit-transition: background-color .5s ease; -moz-transition: background-color .5s ease; -o-transition: background-color .5s ease; -ms-transition: background-color .5s ease; transition: background-color .5s ease;} .container { max-width:1160px; display:table; margin:0 auto; width:100%} .container.containgrand { max-width:1320px!important; display:table; margin:0 auto; width:100%} .visorhome { position:absolute; top:0px; width:100%; height:720px; background:#ccc url(../images/visorhome.jpg) no-repeat center; background-size:cover!important; background-position:center!important} .visorhome.visorfinder { position:relative!important; top:0px; width:100%; height:420px; background:#ccc url(../images/visor.jpg) no-repeat center; background-size:cover;} .visorhome.visorfinder h2{ font-size:40px; line-height:48px } .intern { padding-top:0px!important } .titularvisor { z-index:22; position:absolute; top:250px } .visorfinder .titularvisor { z-index:22; position:absolute; top:150px } .titularvisor p{ font-size:14px; margin-bottom:60px } .titularvisor h2{ font-size:38px; margin-bottom:0px; padding-bottom:20px} .titularvisor h3{ font-size:26px; line-height:42px; padding-bottom:20px } .projectshome.paddinghome { padding-top:620px } .row-fluid { } .row-fluid .span12{width:100%;*width:99.94680851063829%;} .row-fluid .span11{width:91.43646408839778%;*width:91.38327259903608%;} .row-fluid .span10{width:82.87292817679558%;*width:82.81973668743387%;} .row-fluid .span9{width:74.30939226519337%;*width:74.25620077583166%;margin-right:2%; float:left;} .row-fluid .span8{width:66%;*width:67.69266486422946%;margin-right:2%; float:left; } .row-fluid .span7{width:57.18232044198895%;*width:57.12912895262725%;} .row-fluid .span6{width:48.61878453038674%;*width:48.56559304102504%;} .row-fluid .span5{width:40.05524861878453%;*width:40.00205712942283%;} .row-fluid .span4{width:32%;*width:31.43852121782062%;margin-right:2%; float:left; } .row-fluid .span3{width:23.5%;*width:22.87498530621841%;margin-right:2%; float:left; } .row-fluid .span2{width:14.3646408839779%;*width:14.311449394616199%;} .row-fluid .span1{width:5.801104972375691%;*width:5.747913483013988%;} .menumovil { display:none } .span4 .description { padding:10px;background: #fff;z-index: 9999999999999999999999999999999999999999999999;display: block;overflow: hidden;position: relative; } .span4 .description h3{ font-weight: 600;font-size: 19px; } .span4 .description p{ line-height:24px } .projectshome,.detailshome, .serviceshome, .magazinehome,.newsletter, .tipshome, .tipshomeinter{ position:relative; clear:both; width:100%; margin-bottom:40px; display:block} .projectshome { display:inline-block; margin:60px 0 70px 0; width:100% } .magazinehome { margin:90px 0 50px 0; display:inline-block; } .magazinehome p{ padding-left:80px; line-height:32px; color:#666; font-size:20px } .imagenmagazine { display:inline-block; width:100% } .imagenmagazine img{ float:right; max-width:90%} .projectshome .span4 .description p:after { content:" "; width:40px; height:6px; position:absolute; right:0px; bottom:0px; background:url(../images/ico-fle.png) right 0px no-repeat; } .magazinehome .container.magazinetitle h2 { font-size:26px } .headertop { position:relative; margin-top:10px; display:inline-block; width:100% } .headertop .lovemedia { float:right; margin: 25px 20px 0px 0px;width: auto;min-width: 100px; } .lovemedia a, .sharedficha .lovemedia a {background-size:15px; width:15px; height:22px; display:inline-block; margin-right:15px} .sharedficha .lovemedia a { margin-top:5px!important } .lovemedia a:hover { opacity:0.5} a.facebook { background:url(../images/facebook.svg) no-repeat; background-size:15px; } a.facebook-blanco { background:url(../images/blanco-facebook.svg) no-repeat; } a.pinterest { background:url(../images/pinterest.svg) no-repeat; background-size:15px; } a.pinterest-blanco { background:url(../images/blanco-pinterest.svg) no-repeat; } a.instagram { background:url(../images/instagram.svg) no-repeat; background-size:15px; margin-right:5px } a.instagram-blanco { background:url(../images/blanco-instagram.svg) no-repeat; margin-right:5px } .homehead { position:relative; z-index:9 } .container.hiddemov { z-index:2} .containerhead {max-width: 1160px;display: table; margin: 0 auto; width: 100%;} .fijar .logotop span, .homehead .fijar .logotop span { margin-top: 16px;line-height: 18px;font-size: 12px; } .submenutop { width:100%; display:inline-block; } .submenutop ul { width:auto; float:right; padding:0px; padding-top:10px} .submenutop ul li{ float:left; list-style:none; color:#000; text-transform:uppercase; padding:0 0px; font-size:11px; } .submenutop ul li a{ color:#000; } .submenutop ul li a:hover{ color:#ccc!important; } .homehead ul li a, .submenutop ul li { color:#FFFFFF } .logotop { z-index:9999; margin-top:-25px} .logotop img{ max-width:180px; float:left} .logotop span{ display:inline; float:left;margin: 28px 0px 0 16px;font-size: 14px; line-height:20px; color:#000} .homehead .logotop span{ display:inline; float:left;margin: 28px 0px 0 16px;font-size: 14px; line-height:20px; color:#FFFFFF} .logotop ul { float:right; margin-top:20px; padding-top:10px} .logotop li a, .logotop li { color:#000; font-size:19px; position:relative } .logotop li a:hover:after, .logotop li.active a:after, .homehead .fijar .logotop li a:hover:after { content:''; border-bottom:#333 solid 4px; width:50px; color:#000000; height:4px; position:absolute; bottom:-15px; left:0px } .tipsblock { margin-top:60px } .fijar .logotop li.active a:after, .fijar .logotop li a:hover:after, .homehead .fijar .logotop li a:hover:after { content:''; border-bottom:#333 solid 4px; width:50px; color:#000000; height:3px; position:absolute; bottom:-10px; left:0px } .homehead .logotop li a:hover:after {border-bottom:#fff solid 4px; color:#fff; } .logotop li a:hover { color:#666!important} .homehead .logotop li a:hover { color:#FFFFFF!important} .fijar .logotop li a:hover { color:#000!important} .logotop li a { position:relative; height:40px} .homehead .logotop li a, .homehead .logotop li { color:#FFFFFF; position:relative } .logotop li { float:left; margin:0 0px; list-style:none; } .logotop li:after { content:'\00B7'; padding:0 15px; width:2px; height:2px; } .logotop li:last-child:after { content:''!important; padding:0px!important; width:0px; height:0px; } .submenutop li:after { content:'|'; padding:0 12px; width:2px; height:2px; color:#000 } .homehead .submenutop li:after { content:'|'; padding:0 12px; width:2px; height:2px; color:#fff } .submenutop li:last-child:after { content:''; padding:0; width:0px; height:0px; } .submenutop li:last-child { margin-right:0px; padding-right:0px; } .idiomastop { float:right } #cajaidiomas, #cajaidiomasm { display:none; padding:15px 15px 5px 15px;box-shadow: 0 0 10px #333; background:#FFF; position:absolute; top:44px; z-index:9999; min-width:17px; width:17px;} #cajaidiomas p, #cajaidiomasm p { margin:0px; padding:0px 0 10px 0 } #cajaidiomas p a:hover, #cajaidiomasm p a:hover{ color:#999999 } .idiomastop a{ color:#000; text-transform:uppercase; font-size:11px } .homehead .idiomastop a{ color:#FFFFFF } #cajaidiomas a, #cajaidiomasm a{ color:#000} .submenutop { float:right;} .titularvisor { color:#FFFFFF } .padleft { padding-left:15px; } h2.grand { font-size:36px; font-weight:bold; margin-bottom:35px } h3.medium { font-size:28px!important; font-weight:bold; line-height:40px; margin-bottom:30px } h3.medium.titizq span { font-size:18px } .contenido { position:relative; margin-top:60px } .contenido.general{ position:relative; margin-top:45px } .contenido.general.servicesfich{ position:relative; margin-top:25px } .contenido.general.second { margin-top:0px } h2.line { text-decoration:underline; font-weight:bold; font-size:34px;} h2.line.detail { text-decoration:none; font-weight:normal; font-size:34px; color:#bdafa2} h2.line.detail span.tittag{ text-decoration:underline!important; font-weight:bold; font-size:34px; color:#333; margin-right:10px} h2.line.detail span.tittag a{ text-decoration:underline!important; font-weight:bold; font-size:34px!important; color:#333!important;} .tagdescription p, .tagdescription p, .tagdescription h3 { color:#000000; font-weight:bold; font-size:16px } .projectshome h2.titizq, .detailshome h3.titizq, .serviceshome h2.titizq, .tipshome h2.titizq, .tipshomeinter h2.titizq{ float:left; width:auto; padding-left:15px; font-size:28px} .titular { position:relative; clear:both; width:100%; display:inline-block;} .last { margin-right:0px!important} .projectshome article figure, .detailshome article figure, .tipshome article figure, .tipshome article figure { width:100%; margin:0px; padding:0px; position:relative; overflow:hidden} .projectshome article figure img, .detailshome article figure img, .tipshome article figure img, .tipshome article figure img{ max-width:100%} .tipshome .description a { text-decoration:underline!important} .tipshome .description h3 { margin-bottom:0px!important; padding-bottom:0px!important} .tipshome .description h3 a{ text-decoration:none!important} .tipshome .description h4 { margin-top:5px} .servicesH h3 { font-size:32px!important;font-weight:bold } .servicesH h3 a{ font-size:32px!important; font-weight:bold } .servicesH h3::after { border-bottom:#fff solid 6px; content:" "; width:40px; height:6px; position:absolute; right:0px; bottom:0px } h3.titizq { font-weight:600; font-size:22px;} h3.titizq span{ font-weight:normal; font-size:12px; display:block} p.see { float:right; width:auto; clear:right; margin-top:20px; padding-right:15px} .detailshome .description a { text-decoration:underline!important; font-weight:bold} #newsanimated, .thumb-col.efect1, .thumb-col.efect, .thumb-col.efect2, #animatedprojects, .detailshome, .imgmagazine, .tipshome, .serviceshome { visibility:hidden } .tipshome.interior { visibility:visible} .thumb-col.efect1 { } .imgmagazine, .imgmagazineint { position:relative } .sellomagazine { position:absolute; top:-40px; padding-left:35% } .sellomagazine img { max-width:65% } .sellomagazineinte { position:absolute; top:-40px; padding-left:40% } .magazinehome .containgrand p a { color:#ff6666; font-size:16px} .magazinehome .containgrand p a:hover { color:#333; font-size:16px} .visible { visibility:visible!important } .serviceshome { margin-top:120px; display:inline-block; } .serviceshome.inter { margin-top:50px; } .servicesH {margin: 0px!important;padding: 0px;position: relative;display: inline-block;float: left;height:330px} .servicesH.span4 { width:33.333%; overflow:hidden; -webkit-box-shadow: 0px 0px 5px 0px rgba(0,0,0,1);-moz-box-shadow: 0px 0px 5px 0px rgba(0,0,0,1);box-shadow: 0px 0px 5px 0px rgba(0,0,0,1);} .servicesH.span4 h3 { display:table; margin:25% auto 0 auto; line-height:36px; position:relative; height:110px} .servicesH.span4 h3, .servicesH.span4 h3 a { font-size:26px; color:#FFFFFF; text-align:left} .servicesH.span4 h3 span { font-size:32px; display:block} .servicesH figure { height: 100%; width:100%; margin:0px; padding:0px} .servicesH figure img { height: 100%;word-spacing: auto; width:100%} .servicesH img {transform: scaleY(1.1);transition: all 1.9s ease-in-out;} .servicesH:hover img {transform: scale(1.2);transition: all 1.9s ease-in-out; } .servicesH:hover figure { width:104%!important; background:#0066FF; z-index:999} .servicesH .fondo { position: absolute; bottom: 0px; width: 100%; background-color: rgba(0,0,0,0.45);height: 100%;} .servicesH;hover .fondo { position: absolute; bottom: 0px; width: 100%; background-color: rgba(0,0,0,0.45);height: 100%;transform: scale(1.2);transition: all 1.9s ease-in-out;} ul.listservices { float:right; margin-bottom:35px} ul.listservices li { list-style:none; text-transform:uppercase; width:45%; margin-right:8%; padding-bottom:10px; float:left} ul.listservices li a{ text-decoration:underline!important; font-size:18px } ul.listservices li:hover { background:url(../images/ico-fle.png) right 0px no-repeat;} .red { color:#ff6666} .ideas { float:right; width:89%; display:inline-block; margin:30px 0 } .ideas h4 { float:left; width:auto; text-transform:uppercase; font-weight:600; font-size:18px; margin-top:45px} .ideas h4 span{ font-weight:normal!important} .ideas ul { float:right; margin-bottom:35px; max-width:60%; padding-left:0px} .ideas ul li { list-style:none; text-transform:uppercase; width:32%; margin-right:1%; padding-bottom:10px; float:left; font-size:18px} .ideas ul li a.red { font-size: 16px;text-transform: none; } .ideas ul li a{ text-decoration:underline!important} h2.line span.tittag {color:#bdafa2; text-decoration:none!important } .newsletter, .contactbottom { position:relative; clear:both; width:100%; margin:50px 0px} .newsletterinter, .contactbottominter { width:75%; float:right; background:#eeeeee; padding:80px 50px} .newsletter form {border-bottom: #CCCCCC 1px solid; width: auto; padding: 0px 0px 2px 1px; display: table; margin: 50px auto 0 auto; min-width: 400px; background:none} .newsletter form input { border: none !important; width: 75% !important; min-width: 230px !important; float: left; font-size: 18px; line-height: 40px; height: 40px;background:none; float:left; max-width:320px; padding-left:1px!important; font-weight:600; margin-top:15px } .newsletter form input[type="submit"] { background:url(../images/right-arrow.svg) 40px 0px no-repeat!important; width: 20% !important; min-width: 0px !important;height: 18px !important; line-height: 20px !important; margin-top: 37px; content: "";transform: translateY(-50%);-webkit-transition: all 0.5s ease-in-out;-moz-transition: all 0.5s ease-in-out;transition: all 0.5s ease-in-out;z-index: 999999;height: 20px;background-size: 30px !important;} .newsletter form input[type="submit"]:hover { color:#999!important; background:none; background: url(../images/right-arrow.svg) 55px 0px no-repeat!important; background-size:30px!important} .newsletter h2 { font-size:30px; line-height:36px; font-weight:600 } .newsletter h3 { font-size:20px; font-weight:400 } .homehead .fijar .logotop li a, .homehead .fijar .logotop li { color:#000000; } .fijar .homehead ul li a, .fijar .submenutop ul li { color:#000000; } footer { margin:60px 0 0 0;position: relative;display: inline-block;width: 100%;} footer h4{font-size:22px; padding-bottom:10px; font-weight:bold; margin-bottom:0px} footer ul{ margin:0px; padding:0px} footer ul li{ list-style:none; font-size:20px; padding-bottom:10px;} footer .span4.last p{ font-size:16px; line-height:26px; margin-top:0px} .menufooter { margin-top:12px } .topfooter { margin-bottom:50px } .houzz { width:auto; float:left; margin-right:75px } .houzz span { display:inline; float:left;margin: 28px 10px 0 0;font-size: 14px} .houzz img { width:100%; max-width:65px; float:left} .lovemedia { float:left } .lovemedia span { display:inline; float:left;margin: 0px 25px 0 0;font-size: 14px} .lovemedia img {float: left;margin-right: 12px;max-width: 27px;margin-top: 18px;} .lovemedia object { max-width:15px; margin-right:15px } .logofooter img{ max-width:140px; float:left} .logofooter span{ display:inline; float:left;margin: 14px 0px 0 16px;font-size: 14px; line-height:20px} .copyright { font-size:12px; margin-top:40px } .detailshome .span4 { visibility:hidden} .detailshome .span4 .description { padding-top:18px } footer .lovemedia { padding-top:26px } .left { float:left} h2.center {text-align: center!important;margin: 0px;padding: 0 0 90px 0;font-weight: normal;font-size: 80px !important; } .projectshome.intern { margin-top:0px!important} .thumb-link {position: absolute; top: 0; right: 0px;bottom: 0;left: 0px;cursor: pointer;z-index: 999999;} .thumb-row { display: inline-block; flex-wrap: wrap; margin: 0;} .bgproject { overflow:hidden} .bgproject:hover figure{ transform: scale(1.1); } .thumb-bg-overlay, .img-overlay {background-color: rgba(0,0,0,0.6); color: #fff;font-size: 18px;letter-spacing: 0.45px;position: absolute; top: 0; right: 0; bottom: 0; left: 0; opacity: 0; z-index: -1; text-align: center;display: flex; align-items: center;justify-content: center; -webkit-transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out;transition: all 0.5s ease-in-out;} .animated.fadeInUp { visibility:visible } .taglist { visibility:hidden } .thumb-row { flex-wrap: wrap; } .thumb-wrap .sub-heading { border-bottom: none; padding-bottom: 0; margin-bottom: 15px; } .thumb-col { width: 31.5%; display: inline-grid; position: relative; margin-right:2%; margin-bottom:30px;} .thumb-col .description { padding:0px 10px 10px 10px } .thumb-col h3 { min-height: 50px; font-size:20px; font-weight:600; line-height:28px } .thumb-col p { line-height:22px } .thumb-bg-col { overflow: hidden; height: 235px; width: 100%; margin-bottom: 15px; position: relative;} .thumb-bg-col .precio, .visorprin .prin1 .precio{ background:#ff6666!important; padding:7px 13px; position:absolute; bottom:0px; right:0px; z-index:99; color:#FFFFFF; font-size:10px } .thumb-bg-col .precio span, .visorprin .prin1 .precio span{ color:#FFFFFF; font-weight:bold;font-size:14px; margin-left:8px; position:relative!important; padding:0px!important; background:none!important; right:auto!important} .thumb-bg-col img { max-width:100%; height:100% } .blocklist article img, .detailshome article img{transform: scaleY(1);transition: all 1.9s ease-in-out; max-width:100%; height:100%; width:100%} .blocklist article:hover img, .detailshome article:hover img{ transform: scale(1.1);transition: all 1.9s ease-in-out; } .servicesH img {transform: scale(1);transition: all 1.9s ease-in-out;} .servicesH:hover img {transform: scale(1.1);transition: all 1.9s ease-in-out; } .thumb-bg-overlay, .img-overlay { background-color: rgba(0,0,0,0.3); color: #fff; font-size: 18px; letter-spacing: 0.45px; position: absolute; top: 0; right: 0; bottom: 0; left: 0; opacity: 0; z-index: -1; text-align: center; display: flex; align-items: center; justify-content: center; -webkit-transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out; } .thumb-col:hover .thumb-bg-overlay { opacity: 1; z-index: 2; } .blocklist article:hover .thumb-bg-overlay { opacity: .4; z-index: 2; } .blocklist article .thumb-bg-overlay { opacity: 1; z-index: 2; } .blocklist article h3 { position:absolute; top:45%; display:table; margin:0 auto; color:#FFFFFF; font-size:40px; text-align:center; z-index:999; font-weight:bold; width:100%} .link { color: #333342; font-size: 12px; padding-right: 30px; position: relative; padding-right: 45px; display: block; z-index:999; margin-top:20px} .link:before { content: ''; display: inline-block; background: url('../images/right-arrow.svg') no-repeat 0 0; width: 28px; height: 23px; position: absolute; top: 50%; transform: translateY(-50%); right: 15px; -webkit-transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out; z-index:99999} .link:hover, .link:focus { color: #999; } .link:hover:before { right: -5px; } /* GENERALS */ .contenido.general h1 { text-transform:uppercase; font-size:30px; margin-bottom:30px;font-weight:bold; line-height:46px } .contenido.general h2 {font-size:34px; line-height:44px;font-weight:400; padding-right:150px; margin-bottom:5px} .contenido.general h3 {font-size:26px; line-height:34px;font-weight:400; padding-right:150px; margin-bottom:5px} .contenido.general.servicesfich h2 { font-size:26px } .contenido.general.servicesfich h1 { font-size:46px; text-transform:none!important } .contenido.general h3 {font-size:20px; line-height:26px; font-weight:bold; margin-bottom:25px } .contenido.general h3 {font-size:20px; line-height:26px; font-weight:bold; margin-bottom:25px } .contenido.general h4 {font-size:18px; line-height:26px; font-weight:bold; margin-bottom:25px } .contenido.general ul {font-size:16px; margin-bottom:20px } .contenido.general li {font-size:16px; line-height:28px; color:#999999; } .contenido.general .sharedficha { width:auto!important; float:right } .contenido.general .sharedficha .lovemedia span { margin:0px 12px 0 0!important; color:#333333!important} .contenido.general .sharedficha .lovemedia { margin-top:8px!important; padding-top:0px!important } .contenido.general .sharedficha .lovemedia img { margin-top:5px!important } .contenido.general p {font-size:17px; line-height:28px; color:#333; margin-bottom:20px; font-weight:200;} .contenido.general .first p {font-size:16px;line-height:28px; color:#333; font-weight:bold} .generalimg { margin:20px 0px 50px 0px } .generalimg img{ max-width:100% } /* CONTACT */ .formcontact { float:left; width:40%;margin-right:4%; } .formcontact h2{ font-size:28px; font-weight:bold; margin:0px } .formcontact form { margin-top:60px } .formcontact input, .formcontact textarea{ width:100%; border:0px!important; border-bottom:2px solid #ced6df!important; color:#788596; height:40px!important; margin-bottom:25px!important; font-size:16px} .formcontact textarea{height: 50px !important;font-family:'Nanito', Arial, Helvetica, sans-serif !important;vertical-align: bottom;line-height: 60px;overflow: hidden;} .formcontact input[type="submit"] { background:#000000; color:#FFFFFF; text-align:center; width:auto; padding:8px 45px } .formcontact input[type="submit"]:hover {background:#ff6666!important; } .formcontact input[type="checkbox"] { width:auto!important;margin:0px; height:auto!Important } .descriptioncontact { float:left; width:56% } .descriptioncontact iframe{ display:inline-block; margin-bottom:20px} .descriptioncontact img{ max-width:100%} .descriptioncontact .imag { margin-bottom:10px; position:relative; display:inline-flex; } .descriptioncontact .imag .trecientos{ position:absolute; bottom:0px; left:0px; background:#eeece8} .descriptioncontact .imag .trecientos .der { float: left; width: 48%; padding-left: 4%; padding-top: 5px;} .descriptioncontact .imag .trecientos .der p{line-height: 18px;font-weight: normal;font-size: 14px;margin: 0px; padding-left:6px!important} .descriptioncontact .imag .trecientos .tresimg {float: left; width: 48%; overflow:hidden; display:inline-flex; position:relative} .descriptioncontact .imag .trecientos .tresimg img{ max-width:100%; height:100%!important} .descriptioncontact p {line-height: 28px;font-weight: bold; } .contactbottominter h2 { font-size:28px; font-weight:bold; } .contactbottominter p {line-height: 32px; font-size:19px; padding-right:150px} /*MENU DESPLEGABLE MOVIL*/ #view-code{ color:#4183d7; font-size:13px; text-transform:uppercase; font-weight:700; text-decoration:none; position:absolute;top:640px; left:50%;margin-left:-35px; } div.screen{ width:100%; height:auto; overflow:hidden; position:absolute; top:0px; left:0px; margin-left:0; background:#31558a; } .list{margin-top:36px; text-align:left;} .item{ height:115px; margin-top:30px 0; padding-left:115px; clear:both; } .item .img, .item span{background:#214273; border-radius:3px;} .item .img{float:left; width:71px; height:71px; margin-left:-93px;} .item span{height:11px; width:180px; margin-bottom:19px; float:left;} .item span:nth-of-type(3){width:75px; margin-botom:0;} .logomovil { position:absolute; top:15px; left:20px; z-index:999; } .logomovil img{ max-height:42px; } div.burger {height: 40px; width: 40px;position: absolute;top: 11px; right: 11px;cursor: pointer; z-index:999} div.x, div.y, div.z { position: absolute; margin: auto; top: 0px; bottom: 0px; background: #fff; border-radius:2px; -webkit-transition: all 200ms ease-out; -moz-transition: all 200ms ease-out; -ms-transition: all 200ms ease-out; -o-transition: all 200ms ease-out; transition: all 200ms ease-out; } div.x, div.y, div.z { height: 3px; width: 26px; } div.y{top: 18px;} div.z{top: 37px;} div.collapse{ top: 20px; background:#fff; -webkit-transition: all 70ms ease-out; -moz-transition: all 70ms ease-out; -ms-transition: all 70ms ease-out; -o-transition: all 70ms ease-out; transition: all 70ms ease-out; } div.rotate30{ -ms-transform: rotate(30deg); -webkit-transform: rotate(30deg); transform: rotate(30deg); -webkit-transition: all 50ms ease-out; -moz-transition: all 50ms ease-out; -ms-transition: all 50ms ease-out; -o-transition: all 50ms ease-out; transition: all 50ms ease-out; } div.rotate150{ -ms-transform: rotate(150deg); -webkit-transform: rotate(150deg); transform: rotate(150deg); -webkit-transition: all 50ms ease-out; -moz-transition: all 50ms ease-out; -ms-transition: all 50ms ease-out; -o-transition: all 50ms ease-out; transition: all 50ms ease-out; } div.rotate45{ -ms-transform: rotate(45deg); -webkit-transform: rotate(45deg); transform: rotate(45deg); -webkit-transition: all 100ms ease-out; -moz-transition: all 100ms ease-out; -ms-transition: all 100ms ease-out; -o-transition: all 100ms ease-out; transition: all 100ms ease-out; } div.rotate135{ -ms-transform: rotate(135deg); -webkit-transform: rotate(135deg); transform: rotate(135deg); -webkit-transition: all 100ms ease-out; -moz-transition: all 100ms ease-out; -ms-transition: all 100ms ease-out; -o-transition: all 100ms ease-out; transition: all 100ms ease-out; } div.navbar{height:73px;background:#000;} div.circle{ border-radius: 1%; width: 0px; height: 0px; position:absolute; top: 35px; left: 36px; background:#000; opacity:1; -webkit-transition: all 300ms cubic-bezier(0.000, 0.995, 0.990, 1.000); -moz-transition: all 300ms cubic-bezier(0.000, 0.995, 0.990, 1.000); -ms-transition: all 300ms cubic-bezier(0.000, 0.995, 0.990, 1.000); -o-transition: all 300ms cubic-bezier(0.000, 0.995, 0.990, 1.000); transition: all 300ms cubic-bezier(0.000, 0.995, 0.990, 1.000); } div.circle.expand{width:1200px; height:1200px;top: -560px;left: -565px; -webkit-transition: all 400ms cubic-bezier(0.000, 0.995, 0.990, 1.000); -moz-transition: all 400ms cubic-bezier(0.000, 0.995, 0.990, 1.000); -ms-transition: all 400ms cubic-bezier(0.000, 0.995, 0.990, 1.000); -o-transition: all 400ms cubic-bezier(0.000, 0.995, 0.990, 1.000); transition: all 400ms cubic-bezier(0.000, 0.995, 0.990, 1.000); z-index:99;} div.menu {height: auto; width: 320px;position: absolute;top: 0px; left: 0px; z-index:9999999999} div.menu ul li { list-style: none; position:absolute; top:50px;; left:0; opacity:0; width:320px; text-align:center; font-size:0px; -webkit-transition: all 70ms cubic-bezier(0.000, 0.995, 0.990, 1.000); -moz-transition: all 70ms cubic-bezier(0.000, 0.995, 0.990, 1.000); -ms-transition: all 70ms cubic-bezier(0.000, 0.995, 0.990, 1.000); -o-transition: all 70ms cubic-bezier(0.000, 0.995, 0.990, 1.000); transition: all 70ms cubic-bezier(0.000, 0.995, 0.990, 1.000); } div.menu ul li a { color:#fff; text-transform:uppercase; text-decoration:none; letter-spacing:3px; } div.menu li.animate{ font-size:21px; opacity:1; -webkit-transition: all 150ms cubic-bezier(0.000, 0.995, 0.990, 1.000); -moz-transition: all 150ms cubic-bezier(0.000, 0.995, 0.990, 1.000); -ms-transition: all 150ms cubic-bezier(0.000, 0.995, 0.990, 1.000); -o-transition: all 150ms cubic-bezier(0.000, 0.995, 0.990, 1.000); transition: all 150ms cubic-bezier(0.000, 0.995, 0.990, 1.000); } div.menu li.animate:nth-of-type(1){ top:120px; transition-delay: 0.0s; } div.menu li.animate:nth-of-type(2){ top:190px; transition-delay: 0.03s; } div.menu li.animate:nth-of-type(3){ top:260px; transition-delay: 0.06s; } div.menu li.animate:nth-of-type(4){ top:330px; transition-delay: 0.09s; } div.menu li.animate:nth-of-type(5){ top:400px; transition-delay: 0.12s; } div.menu li.animate:nth-of-type(6){ top:470px; transition-delay: 0.15s; } .imagenmagazineinter { width:85%; float:right; clear:both } .imagenmagazineinter img{ max-width:100% } .textcenter { text-align:center; margin-top:20px} .textcenter p{ text-align:center;} .blocklist {overflow: hidden;grid-template-columns: 1fr 1fr; width: 100%;display: grid; grid-gap: 50px;margin: 0px;padding: 0px;grid-template-rows:1fr;} .blocklist article { overflow: hidden; height:500px; position:relative; overflow:hidden; display:inline-block;} .blocklist article img{ overflow: hidden; position:relative; object-fit: cover;object-position: center center; height:100%} .fijar {margin: 0 auto;top:0px; position: fixed;width: 100%;padding:0px 0 10px 0;color: white;text-align: center; background:#FFFFFF; left:0px; z-index:9999!important;-webkit-box-shadow: 0px 0px 4px 0px rgba(0,0,0,1);-moz-box-shadow: 0px 0px 4px 0px rgba(0,0,0,1);box-shadow: 0px 0px 5px 0px rgba(0,0,0,1);} .fijar .logotop { margin-top:3px } .logotop .negro { display:none} .fijar .logotop .blanco { display:none} .fijar .logotop .negro { display:block} .fijar .logotop img.negro, .fijar .logotop img{ max-width: 105px;margin-top: 12px;} .fijar .logotop span { color:#000000} .textfinf { margin:30px 0 0 0; display:inline-block; position:relative} .textfinf h1{ text-align:center; font-size: 30px;margin-bottom: 20px;font-weight: 600; margin-top:20px} .textfinf h2{text-align:center; font-size:26px; margin-bottom:15px;argin-bottom: 0px;padding-bottom: 5px;} .textfinf h3{text-align:center; font-size:22px} .textfinf p{text-align:center; font-size:16px; margin-top:10px; padding-top:0px; padding-left:40px; padding-right:40px} .visorlink { color:#FFFFFF; font-size:16px; z-index:99999; min-width:150px } .box.grand.cien .hiden { width:48% } .blocktag .box.grand .link { position:absolute; bottom:20px; width:92%; left:30px; text-align:left} .blocktag .box.grand .viewbig { position:relative; text-align:left; margin-top:30px; width:90%; padding-left:32px; font-size:13px!important; color:#000000} .visorlink.link::before { content: ''; display: inline-block; background: url('../images/right-arrow-blanco.svg') no-repeat 0 0;width: 48px;right: 25px; } .viewbig::before { content: ''; display: inline-block; background: url('../images/glasses.svg') no-repeat 0 0; width: 28px; height: 23px; position: absolute; top: 50%; transform: translateY(-50%); left: 0px; -webkit-transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out; z-index: 99999; } .visorlink.link:hover::before,.visorlink.link:hover::before {right: 5px; } /* FICHA */ .visorprin a::before {position: absolute;top: 0; left: 0; background-color: rgba(54,56,58,0); z-index: 3; width: 100%; height: 100%; content: ""; transition: all .1s ease-in;} .visorprin .prin2 a::before, .visor .visorprin .prin1 img::after {position: absolute;top: 0; left: 0; background-color: rgba(54,56,58,0); z-index: 3; width: 100%; height: 100%; content: ""; transition: all .1s ease-in;} .visorprin .prin2:hover a::before {background-color: rgba(54,56,58,0);} .visor .visorprin .prin1:hover img::after { background-color: rgba(54,56,58,0);} .visorprin1 .prin1 a::before, .visorprin1 .prin2 a::before {position: absolute;top: 0; left: 0; background-color: rgba(54,56,58,0); z-index: 3; width: 100%; height: 100%; content: ""; transition: all .1s ease-in;} .visorprin1 .prin1:hover a::before, .visorprin1 .prin2:hover a::before {background-color: rgba(54,56,58,0.3);} .visorprin2 .prin1 a::before, .visorprin2 .prin2 a::before {position: absolute;top: 0; left: 0; background-color: rgba(54,56,58,0); z-index: 3; width: 100%; height: 100%; content: ""; transition: all .1s ease-in;} .visorprin2 .prin1:hover a::before, .visorprin2 .prin2:hover a::before {background-color: rgba(54,56,58,0);} .visorprin3 .prin1 a::before, .visorprin3 .prin2 a::before, .visorprin3 .prin3 a::before, .visorprin3 .prin4 a::before{position: absolute;top: 0; left: 0; background-color: rgba(54,56,58,0); z-index: 3; width: 100%; height: 100%; content: ""; transition: all .1s ease-in;} .visorprin3 .prin1:hover a::before, .visorprin3 .prin2:hover a::before, .visorprin3 .prin3:hover a::before, .visorprin3 .prin4:hover a::before {background-color: rgba(54,56,58,0);} .prin1.completo { display:table; background-position:center!important; background-repeat:no-repeat;background-size:cover!important; background-color:#CCCCCC; height:590px!important; width:100%!important; position:relative} .prin1.completo a { position:absolute; width:100%; height:100%; z-index:999; } .prin1.completo a::before {position: absolute;top: 0; left: 0; background-color: rgba(54,56,58,0); z-index: 3; width: 100%; height: 100%; content: ""; transition: all .1s ease-in;} .prin1.completo a:hover::before {background-color: rgba(54,56,58,0);} .fichadetails { position:relative; margin-bottom:40px; width:100%; display:inline-block; margin-top:-20px } .fichadetails .container{ position:relative } .sharedficha { display:inline-block; width:100%} .fichadetails p { font-size:18px; font-weight:bold; line-height:30px; margin-top:25px} .fichadetails h1 { font-size:30px; font-weight:bold; line-height:40px } .fichadetails h2 { font-size:30px; font-weight:bold; line-height:40px } .fichadetails .btnmorephotos{ position:absolute; top:0px; right:0px; padding:15px 25px; background:#f1f1f1; color:#000000; text-decoration:underline!important; font-weight:bold } .fichadetails .btnmorephotos:hover{ background:#ccc; color:#000000; } .internades { margin-top:30px } .internades p { font-size:16px; line-height:30px; color:#666666 } .fichadetails .lovemedia span { margin-top:0px!important } .fichadetails .lovemedia a { float:left; } .linkdeco { padding-left:10px; text-decoration:underline!important; min-width:110px; margin-top:0px!Important } .fichadetails .lovemedia .secondspan {position: relative;padding-left: 20px; } .fichadetails .lovemedia .secondspan a{ min-width:160px } .fichadetails .lovemedia .secondspan::before { content:"|"; width:10px; height:10px; font-size:22px; padding-left:10px; padding-right:10px; position: absolute;left: 0px; font-weight:normal} .fichadetails .lovemedia .linkdeco { margin-top:0px!Important } .visor { width:100%; position:relative; display:inline-block; margin:20px 0 0 0; z-index:0 } .visor img {max-width:100% } .visor .visorprin {grid-template-columns:2fr 1fr; -ms-grid-columns:2fr 1fr;display: grid; display: -ms-grid; grid-column-gap: 15px; gap: 15px; -ms-grid-gap: 15px; height:520px; position:relative; padding-bottom:85px } .visor .visorprin .prin1 {grid-column: 1; grid-row: 1; -ms-grid-column: 1; -ms-grid-row: 1; overflow: hidden; height:520px; position:relative} .visor .visorprin span {position: absolute;right: 120px;bottom:0px;z-index: 99999999999999;padding:10px 22px; background:#f1f1f1; color:#000000; text-decoration:underline!important; font-weight:bold; cursor:pointer } .visor .visorprin span:hover{ background:#FF6666!important; color:#FFFFFF!important} .visor .visorprin .prin2 {grid-column: 2; grid-row: 1; -ms-grid-column: 2; -ms-grid-row: 1; overflow: hidden;position:relative;height:520px; } .visor .visorprin .prin1 img { object-fit: cover; object-position: center; width:100%; height:100% } .visor .visorprin .prin2 img { object-fit: cover; object-position: center; height:100%} .visor .visorprin2 {grid-template-columns:1fr 1fr; -ms-grid-columns:1fr 1fr; display: grid; display: -ms-grid; grid-gap: 15px; height:450px;position:relative } .visor .visorprin2 .prin1 {grid-column: 1;-ms-grid-column:1; grid-row: 1; -ms-grid-row: 1; overflow: hidden;position:relative } .visor .visorprin2 .prin2 {grid-column: 2; -ms-grid-column: 2; grid-row: 1; -ms-grid-row: 1; overflow: hidden;position:relative } .visor .visorprin2 .prin1 img { object-fit: cover; object-position: center; width:100%; height:100% } .visor .visorprin2 .prin2 img { object-fit: cover; object-position: center; width:100%; height:100%} .visor .visorprin3 {grid-template-columns:1fr 1fr;-ms-grid-columns:1fr 1fr; display: grid; display: -ms-grid; grid-gap: 15px; -ms-grid-gap: 15px; grid-template-rows:1fr 1fr 1fr; -ms-grid-template-rows:1fr 1fr 1fr; height:980px; margin-top:20px} .visor .visorprin3 .prin1 {grid-column: 1/span2; -ms-grid-column: 1/span2; grid-row: 1; -ms-grid-row: 1; overflow: hidden;height:490px;position:relative } .visor .visorprin3 .prin2 {grid-column: 1; grid-column: 1; -ms-grid-column: 1; overflow: hidden; height:490px;position:relative } .visor .visorprin3 .prin2 { display:table; background-position:center!important; background-repeat:no-repeat;background-size:cover!important; background-color:#CCCCCC; height:490px!important; width:100%!important; position:relative} .visor .visorprin3 .prin2 a { position:absolute; width:100%; height:100%; z-index:999; } .visor .visorprin3 .prin3 {grid-column: 2; grid-row: 1; -ms-grid-column: 2; -ms-grid-row: 1; overflow: hidden;height:450px;position:relative } .visor .visorprin3 .prin3 { display:table; background-position:center!important; background-repeat:no-repeat;background-size:cover!important; background-color:#CCCCCC; height:490px!important; width:100%!important; position:relative} .visor .visorprin3 .prin3 a { position:absolute; width:100%; height:100%; z-index:999; } .visor .visorprin3 .prin4 {-ms-grid-column: 1; -ms-grid-row: 3; grid-column: 1; grid-row: 3; overflow: hidden;height:490px;position:relative } .visor .visorprin3 .prin4 { display:table; background-position:center!important; background-repeat:no-repeat;background-size:cover!important; background-color:#CCCCCC; height:450px!important; width:100%!important; position:relative} .visor .visorprin3 .prin4 a { position:absolute; width:100%; height:100%; z-index:999; } .visor .visorprin3 .prin5 {grid-column: 2; grid-row: 3; -ms-grid-column: 2; -ms-grid-row: 3; overflow: hidden;position:relative } .visor .visorprin3 .prin5 p{ line-height:28px; font-size:16px; color:#666666; padding: 70px 40px 0 50px; width:90vh!important; max-width:430px } .visor .visorprin3 .prin5 a{ padding:0px 50px 0 50px; max-width:200px; font-size:14px; font-weight:bold; margin-top:50px; text-decoration:underline!important } .visor .visorprin3 .prin5 p a{ padding:0px 0px 0 0px!important;} .visor .visorprin3 .prin1 img { object-fit: cover; object-position: center; width:100% } .visor .visorprin3 .prin2 img, .visor .visorprin3 .prin3 img, .visor .visorprin3 .prin4 img, .visor .visorprin3 .prin5 img { object-fit: cover; object-position: center; width:100%} .detailshome article { overflow:hidden } .detailshome article .imagen { height:440px; overflow:hidden!important; width:100%; -webkit-background-size: cover; -moz-background-size: cover!important; -o-background-size: cover!important; background-size: cover!important; text-align: left; background-position-x: 50%; background-position-y: 0%; background-position:center!important; background-repeat:no-repeat!important; } .blocktag .box.grand .imagen { height:450px; overflow:hidden!important; width:100%;background-size: cover!important;text-align: left;background-position-x: 50%; background-position-y: 0%; background-position:center!important; background-repeat:no-repeat!important;} .blocktag .box.grand.cien .imagen {height:600px; } .detailshome article .imagen:hover { -webkit-animation: zoomin 10s linear; animation: zoomin 10s linear; animation-fill-mode: forwards; } @-webkit-keyframes zoomin { 0% { -webkit-transform: scale(1); transform: scale(1); } 100% { -webkit-transform: scale(1.4); transform: scale(1.4); } } ul.tags { margin:50px 0px 20px 0px; padding-left:0px;} ul.tags li { float:left; display:inline; font-size:12px; color:#333333; padding-right:10px; text-decoration:underline; list-style:none} ul.tags li a{ font-size:14px; color:#999;} ul.tags li a:hover{ font-size:14px; color:#ff6666;} /* SERVICIOS */ .migasservices { display:inline-block; margin:0px 0 5px 0; } .migasservices .sharedficha { float:left!important; margin-right:20px } .migasservices .otherservices{ float:left!important; margin-top:6px } .migasservices ul { margin:0px; padding:0px; float:left; position:relative; padding-left:20px} .migasservices ul:before { content:"|"; width:20px; height:10px; padding-left:0px; position:absolute; left:0px; top:-2px; font-size:22px} .migasservices ul li { list-style:none; float:left; margin-right:20px; font-size:14px!important; padding-top:1px } .migasservices ul li a{ font-size:14px; text-decoration:underline!important; } .sharedficha .lovemedia { margin-top:0px; padding-top:0px } .titular.fichaservi h2 { padding-left:0px; margin-bottom:40px } .titular.fichaservi h2 span{ font-weight:bold} .titular.fichaservi h2 span.color14{ color:#000!important} .titular.fichaservi h2 span.color73 { color:#999!important} .titular.fichaservi h2 span.color15 { color:#68d0ec!important} .titular.fichaservi h2 span.color19 { color:#75c4b0!important} .titular.fichaservi h2 span.color16 { color:#ff8572!important} .morinfoplus { color:#000000; font-weight:bold; text-align:center; display:table; margin:20px auto 0 auto!important; text-decoration:underline!important; font-size:16px!important} .orderform h3 { width:auto; float:left } .servicesfich.generalimg img{ width:100%!important} .sectitular h1 { text-align:center; font-size:40px!important; margin:0px!Important; color:#333333!important} .sectitular { padding:2px 0px; margin-bottom:40px;background:background: rgba(110,110,110,1); background: -moz-linear-gradient(top, rgba(110,110,110,1) 0%, rgba(5,0,0,1) 84%, rgba(5,0,0,1) 100%); background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(110,110,110,1)), color-stop(84%, rgba(5,0,0,1)), color-stop(100%, rgba(5,0,0,1))); background: -webkit-linear-gradient(top, rgba(110,110,110,1) 0%, rgba(5,0,0,1) 84%, rgba(5,0,0,1) 100%); background: -o-linear-gradient(top, rgba(110,110,110,1) 0%, rgba(5,0,0,1) 84%, rgba(5,0,0,1) 100%); background: -ms-linear-gradient(top, rgba(110,110,110,1) 0%, rgba(5,0,0,1) 84%, rgba(5,0,0,1) 100%); background: linear-gradient(to bottom, rgba(110,110,110,1) 0%, rgba(5,0,0,1) 84%, rgba(5,0,0,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#6e6e6e', endColorstr='#050000', GradientType=0 ); } h2.color14, h1.color14 { color:#000!important} h2.color73, h1.color73 { color:#999!important} h2.color15, h1.color15 { color:#68d0ec!important} h2.color19, h1.color19 { color:#75c4b0!important} h2.color16, h1.color16 { color:#ff8572!important} .sectitular.color14 h1 { color:#000!important} .sectitular.color73 h1 { color:#999!important} .sectitular.color15 h1 { color:#68d0ec!important} .sectitular.color19 h1 { color:#75c4b0!important} .sectitular.color16 h1 { color:#ff8572!important} .sectitular.color14 { background:#000;} .sectitular.color73 { background:#999; } .sectitular.color15 { background:#68d0ec;} .sectitular.color19 { background:#75c4b0;} .sectitular.color16 { background: #ff8572;} .listmenu ul { margin:0px 0px 40px 0px; padding:0px; display:inline-block;} .listmenu li { list-style:none; font-size:18px; color:#333!important; float:left; padding-right:20px} .listmenu li a{ list-style:none; font-size:16px; color:#333!important; text-decoration:underline!important} .listmenu li a:hover, .listmenu li.select a, .listmenu li.select { list-style:none; font-size:18px; color:#ccc!important; text-decoration:underline!important} .listmenu li a.forsale{ color:#ff6666!important } .linkser { height:100%; width:100%; display:table } .proyectotext .btncontact{ float:left; background:#000; color:#FFFFFF; margin-right:20px; border:#000000 solid 1px; margin-top:40px;-webkit-transition: background-color .5s ease;-moz-transition: background-color .5s ease;-o-transition: background-color .5s ease;-ms-transition: background-color .5s ease;transition: background-color .5s ease; } .proyectotext .btncontact.color14{ background:#000;border:#000000 solid 1px;} .proyectotext .btncontact.color73{ background:#999;border:#999 solid 1px;} .proyectotext .btncontact.color15{ background:#68d0ec;border:#68d0ec solid 1px;} .proyectotext .btncontact.color19{ background:#75c4b0;border:#75c4b0 solid 1px;} .proyectotext .btncontact.color16{ background:#ff8572;border:#ff8572 solid 1px;} .proyectotext .btnprojects{ float:left; background:#fff; color:#FFFFFF; margin-right:20px; border:#000000 solid 1px; margin-top:40px;-webkit-transition: background-color .5s ease;-moz-transition: background-color .5s ease;-o-transition: background-color .5s ease;-ms-transition: background-color .5s ease;transition: background-color .5s ease; } .proyectotext .btnprojects.color14{border:#000000 solid 1px;} .proyectotext .btnprojects.color73{border:#999 solid 1px;} .proyectotext .btnprojects.color15{border:#68d0ec solid 1px;} .proyectotext .btnprojects.color19{border:#75c4b0 solid 1px;} .proyectotext .btnprojects.color16{border:#ff8572 solid 1px;} .proyectotext .btncontact:hover { background:#5f5f5f; border:#5f5f5f solid 1px; } .proyectotext .btnprojects:hover {border:#5f5f5f solid 1px; color:#5f5f5f;} .proyectotext .btnprojects:hover a, .proyectotext .btnprojects a:hover{color:#5f5f5f!important;} .proyectotext .btncontact a{ color:#FFFFFF; padding:15px 30px; display:inline-block} .proyectotext .btnprojects a{ color:#000000; padding:15px 20px; display:inline-block} .proyectotext .btnprojects.color14 a{ color:#000000;} .proyectotext .btnprojects.color73 a{ color:#999;} .proyectotext .btnprojects.color15 a{ color:#68d0ec;} .proyectotext .btnprojects.color19 a{ color:#75c4b0;} .proyectotext .btnprojects.color16 a{ color:#ff8572;} .servicesplug { width:100%; position:relative; display:inline-block; clear:both; height: 76vh; margin:25px 0px 0 0;} .visorhome .container { height:100%; position:relative} .circlecounter {display:none;width: 180px; height: 180px; -moz-border-radius: 50%; -webkit-border-radius: 50%; border-radius: 50%;background: #e5e4e0; position:absolute; right:0px; bottom:-30px; -webkit-box-shadow: 0px 7px 9px -12px rgba(102,102,102,1); -moz-box-shadow: 0px 7px 9px -12px rgba(102,102,102,1); box-shadow: 0px 7px 9px -12px rgba(102,102,102,1); } .counter { text-align: center; font-size: 60px; font-weight:bold; line-height:60px;padding-right:15px; font-family:'Lato', Helvetica, Arial, sans-serif; } .counter1 {display: table;margin: 35px auto 0 auto;font-size: 30px;font-weight: bold; } .circlecounter p { font-size:16px; line-height:21px; text-align:center; font-weight:bold} .flex-container {position: absolute;height: 73vh;width: 100%;display: -webkit-flex; /* Safari */display: flex;overflow: hidden; @media screen and (max-width: 768px) { flex-direction: column; } } .flex-title { padding:20px 40px; color: #f1f1f1;position: relative;font-size: 2.7vw; line-height:42px;margin: auto; font-weight:bold;text-align: center; top: 200px;-webkit-transition: all 500ms ease;-moz-transition: all 500ms ease; -ms-transition: all 500ms ease; -o-transition: all 500ms ease; transition: all 500ms ease; @media screen and (max-width: 768px) { transform: rotate(0deg) !important; } } .flex-about { opacity: 0; color: #f1f1f1; position: relative; width: 70%; font-size: 2vw; padding: 5%; top: 15%; border: 2px solid #f1f1f1; border-radius: 10px; line-height: 1.3; margin: auto; text-align: left; transform: rotate(0deg); -webkit-transition: all 500ms ease; -moz-transition: all 500ms ease; -ms-transition: all 500ms ease; -o-transition: all 500ms ease; transition: all 500ms ease; @media screen and (max-width: 768px) { padding: 0%; border: 0px solid #f1f1f1; } } .flex-slide { -webkit-flex: 1; /* Safari 6.1+ */ -ms-flex: 1; /* IE 10 */ flex: 1; cursor: pointer; -webkit-transition: all 500ms ease; -moz-transition: all 500ms ease; -ms-transition: all 500ms ease; -o-transition: all 500ms ease; transition: all 500ms ease; @media screen and (max-width: 768px) { overflow: auto; overflow-x: hidden; } } .flex-slide p { @media screen and (max-width: 768px) { font-size: 2em; } } .flex-slide ul li { @media screen and (max-width: 768px) { font-size: 2em; } } .flex-slide:hover { -webkit-flex-grow: 3; flex-grow: 3; } .home { height: 100vh; background: linear-gradient(rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5)), url(https://s3-us-west-2.amazonaws.com/s.cdpn.io/769286/lake-macquarie-71208_1920.jpg); background-size: cover; background-position: center center; background-attachment: fixed; @media screen and (min-width: 768px) { @include animation-properties((animation: aboutFlexSlide, animation-duration: $defaultSeconds, animation-iteration-count: 1, animation-delay: 0s)); } } @keyframes aboutFlexSlide { 0% { -webkit-flex-grow: 1; flex-grow: 1; } 50% { -webkit-flex-grow: 3; flex-grow: 3; } 100% { -webkit-flex-grow: 1; flex-grow: 1; } } .flex-title-home { @media screen and (min-width: 768px) { top: 15%; @include animation-properties((animation: homeFlextitle, animation-duration: $defaultSeconds, animation-iteration-count: 1, animation-delay: 0s)); } } @keyframes homeFlextitle { 0% { transform: rotate(90deg); top: 15%; } 50% { transform: rotate(0deg); top: 15%; } 100% { transform: rotate(90deg); top: 15%; } } .flex-about-home { opacity: 0; @media screen and (min-width: 768px) { @include animation-properties((animation: flexAboutHome, animation-duration: $defaultSeconds, animation-iteration-count: 1, animation-delay: 0s)); } } @keyframes flexAboutHome { 0% { opacity: 0; } 50% { opacity: 1; } 100% { opacity: 0; } } .about { background: linear-gradient(rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5)), url(https://s3-us-west-2.amazonaws.com/s.cdpn.io/769286/beach-2089959_1280.jpg); background-size: cover!important; background-position: center center; background-attachment: fixed; background-repeat:no-repeat!important; } .contact-form { width: 100%; } input { width: 100%; } textarea { width: 100%; } .contact { background: linear-gradient(rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5)), url(https://s3-us-west-2.amazonaws.com/s.cdpn.io/769286/lake-696098_1920.jpg); background-size: cover; background-position: center center; background-attachment: fixed; } .work { background: linear-gradient(rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5)), url(https://s3-us-west-2.amazonaws.com/s.cdpn.io/769286/forest-208517_1280.jpg); background-size: cover; background-position: center center; background-attachment: fixed; } .spinner { position: fixed; top: 0; left: 0; background: #222; height: 100%; width: 100%; z-index: 11; margin-top: 0; color: #fff; font-size: 1em; } .cube1, .cube2 { background-color: #fff; width: 15px; height: 15px; position: absolute; top: 0; left: 0; -webkit-animation: sk-cubemove 1.8s infinite ease-in-out; animation: sk-cubemove 1.8s infinite ease-in-out; } .cube2 { -webkit-animation-delay: -0.9s; animation-delay: -0.9s; } @-webkit-keyframes sk-cubemove { 25% { -webkit-transform: translateX(42px) rotate(-90deg) scale(0.5) } 50% { -webkit-transform: translateX(42px) translateY(42px) rotate(-180deg) } 75% { -webkit-transform: translateX(0px) translateY(42px) rotate(-270deg) scale(0.5) } 100% { -webkit-transform: rotate(-360deg) } } @keyframes sk-cubemove { 25% { transform: translateX(42px) rotate(-90deg) scale(0.5); -webkit-transform: translateX(42px) rotate(-90deg) scale(0.5); } 50% { transform: translateX(42px) translateY(42px) rotate(-179deg); -webkit-transform: translateX(42px) translateY(42px) rotate(-179deg); } 50.1% { transform: translateX(42px) translateY(42px) rotate(-180deg); -webkit-transform: translateX(42px) translateY(42px) rotate(-180deg); } 75% { transform: translateX(0px) translateY(42px) rotate(-270deg) scale(0.5); -webkit-transform: translateX(0px) translateY(42px) rotate(-270deg) scale(0.5); } 100% { transform: rotate(-360deg); -webkit-transform: rotate(-360deg); } } .pdf {background: url(/imagenes/ico-pdf-negro.png) no-repeat left;padding-left: 25px; position: absolute; top: 10px; right: 10px;} .press .thumb-col h3 { min-height:25px!important } .textodest { min-height:130px } .press .thumb-col .abajo { position: absolute;width: 100%;bottom: 10px; } .press .thumb-col .abajo .more { float:right } .press .thumb-col .abajo .fecha { float:left } /* ARTICLES */ .artic .span4.img { float:left; width:40%; margin-right:2% } .artic .span4.img img{ max-width:100%; } .artic .span8.fichatex { float:left; width:55%;} .otherpress { width:100%; clear:both; padding-top:30px } .otherpress h4{ font-weight:bold } .art-pres li {list-style: none;line-height: 18px; padding-bottom:10px} ul.art-pres { padding-left:20px!important} .art-pres li::before { content: ">";display: inline-block;width: 12px;font-size: 9px;font-weight: bold;color: #999;} .movil { display:none } .visorhome { z-index:1 } .box.grand { position:relative; margin-bottom:20px; display:table; width:49%; } .box.grand.cien { width:100%; margin-right:0% } .blocktag article .hiden { height: 92%;margin-top: 3% !important;max-height: 92% !important;overflow: hidden;bottom: 2% !important;display: inline-table;top: 92% !important;} .blocktag article .hiden .interior{ display:table-cell; padding:20px 20px; width:100%; padding-top:20%!important } .blocktag article .hiden .interior h2{ font-weight:bold; margin-bottom:0px; padding-bottom:0px} .blocktag article .hiden .interior h3{ font-weight:bold; } .blocktag article .hiden .interior .link{ width: 90%;display: inline-block;text-align: left;bottom: 0px; color:#000!important; position: absolute;bottom: 20px;} #moreser span{ display:none} .margenes { display:block; width:100%; padding:20px 0px } .blocktag article:hover .hiden { background: rgba(255,255,255,0.95); color: #000; z-index:999999999999999; opacity: .95; -moz-transform: translate3d(0, -100%, 0); -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); -moz-transition: all 0.8s; -webkit-transition: all 0.8s; transition: all 0.8s; box-shadow: 0px -2px 28px rgba(255,255,255, 0.3);} .span3.tipslist { margin-bottom:20px; min-height:445px } .span3.tipslist:hover {box-shadow: 1px 1px 12px rgba(0, 0, 0, 0.3);} .tipshome .description { padding-left:15px; padding-right:15px } .valoraciones h1 {font-weight:bold; font-size:36px; line-height:45px} .valoraciones h2 {font-weight:400!important; font-size:36px!important; line-height:44px!important; padding-right:10px!important; padding-bottom:10px!important; margin-bottom:0px!important} .valoraciones h3 {font-weight:400!important; font-size:21px!important; line-height:34px!important; padding-right:60px!important;} .reviews.homerev .containerlist { position:relative; display:inline-block; } .reviews.homerev h2 { font-size:32px; padding-bottom:24px; border-bottom:#eaeaea solid 1px; margin-bottom:30px} .reviews.homerev { margin-bottom:50px; position:relative } .reviews.homerev .degree { position:absolute; z-index:5; background:#CCCCCC; width:100%; height:75%; bottom:0px; left:0px;background: rgba(255,255,255,0); background: -moz-linear-gradient(top, rgba(255,255,255,0) 0%, rgba(255,255,255,0.85) 100%); background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(255,255,255,0)), color-stop(100%, rgba(255,255,255,0.85))); background: -webkit-linear-gradient(top, rgba(255,255,255,0) 0%, rgba(255,255,255,0.85) 100%); background: -o-linear-gradient(top, rgba(255,255,255,0) 0%, rgba(255,255,255,0.85) 100%); background: -ms-linear-gradient(top, rgba(255,255,255,0) 0%, rgba(255,255,255,0.85) 100%); background: linear-gradient(to bottom, rgba(255,255,255,0) 0%, rgba(255,255,255,0.85) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ffffff', GradientType=0 );} .reviews p.tit { font-weight:bold; font-size:18px;} .reviews p.tit.int { font-weight:bold; font-size:18px;padding-top: 24px;border-top:#eaeaea solid 1px;margin-top: 0px; } .reviews article { padding-top: 25px;margin-top: 15px;border-top: 1px solid #e6e6e6; } .reviews article.first { padding-top: 15px;margin-top: 15px;border-top: 0px solid #e6e6e6; } .reviews article .start{ float:left; width:40%} .reviews article .start .name .starsimg{ width:100%; display:inline-block} .reviews article .start .name .starsimg img{ max-width:15px} .reviews article .starsimg img{ max-width:15px} .reviews article .start .img{ float:left; width:auto; margin-right:10px} .reviews article .start .img img{ max-width:55px} .reviews article .start .name{ float:left; font-weight:bold;font-size:16px; padding-top:7px } .reviews article .start .name span{ float:left; font-weight:bold;font-size:16px; display:block } .reviews article .cliente{ float:left; width:20%;color: #222; font-size:16px} .reviews article .cliente span{ font-size: 14px; color: #666; display:block} .reviews article .date{ float:left;width:20%;color: #222;font-size:16px} .reviews article .date span{ font-size: 14px; color: #666; display:block} .reviews article .top{ display:inline-block; clear:both; width:100%; margin-bottom:20px} .reviews article .descripcion{ display:inline-block; clear:both; width:100%; color:#333333;font-size: 17px;line-height: 28px;margin-bottom: 20px;} .reviews article .descripcion p{ color:#333333; margin-bottom:0px; padding-bottom:0px} .reviews article .start{ float:left} .reviews .datepub {color: #878787!important; margin-top:15px} .ocultext, .ocultext2, .ocultext3, .ocultext4, .ocultext5 { display:none} .reviews article p a.openreviews { color:#ff6666; margin-top:10px } .reviews article p a.openreviews:hover { color:#333333; margin-top:10px } .ocultext, .ocultext2, .ocultext3, .ocultext4, .ocultext5 { display:none;} .awards img { max-width:190px; margin-top:10px} .awards {color:#000000!important; font-weight:600; padding-top:10px} h3.titular { font-size:18px; margin-bottom:35px; line-height:30px; color:#000000; font-weight:500 } .descriptionproy p { font-size:14px; line-height:28px } .projectshome .thumb-col .img1 { opacity: 0; transition: opacity 0.9s ease-in-out;position: absolute;left: 0; width:100%; height:100% } .projectshome .thumb-col .img2 { position: absolute;left: 0; width:100% } .projectshome .thumb-col:hover .img2 {opacity: 0; transition: opacity 0.9s ease-in-out;} .projectshome .thumb-col .img1{ opacity:0;transition: opacity 0.9s ease-in-out; } .projectshome .thumb-col:hover .img1 {opacity: 1;transition: opacity 0.9s ease-in-out;} .box .thumb-col:hover .img2 {opacity: 0; transition: opacity 0.9s ease-in-out;} .box .thumb-col:hover .img1 {opacity: 1;transition: opacity 0.9s ease-in-out;} .descriptionnomov h3 { font-size:24px!important; line-height:34px!important} .descriptionnomov p { font-size:18px!important; line-height:26px!important} .texthidden { display:none} .gallery h2.center { font-size:50px!important } .scroll-downs { position: absolute; right: 0; bottom: 40px; left: 0; margin: auto; cursor: pointer; width :34px; height: 55px; } .mousey { width: 3px; padding: 5px 13px; height: 35px; border: 2px solid #fff; border-radius: 25px; opacity: 0.75; box-sizing: content-box; } .scroller { width: 3px; height: 10px; border-radius: 25%; background-color: #fff; animation-name: scroll; animation-duration: 2.2s; animation-timing-function: cubic-bezier(.15,.41,.69,.94); animation-iteration-count: infinite; } @keyframes scroll { 0% { opacity: 0; } 10% { transform: translateY(0); opacity: 1; } 100% { transform: translateY(15px); opacity: 0;} } .sitemap a:hover { color:#FF6666!important} .sitemap .col1 { width:48%; float:left} .sitemap .col2 { width:48%; float:right} .blocktag article:hover .hiden { opacity:0.95} .span8.fichatex img { max-width:100%!important; height:auto!important } .imadest .thumb-bg-col img { width:100%; max-width:100% } .span8.fichatex iframe { max-width:100%!important; } #barracookies {display: none;z-index: 99999;position:fixed;left:0px;right:0px;bottom:0px;width:100%;min-height:40px;padding:10px 5px 10px 5px;background-color: rgba(255, 255, 255, 0.95);color:#333;line-height:30px;font-family:verdana;font-size:11px;text-align:center;box-sizing:border-box;border: 1px solid #cccccc; box-shadow: 0 0 16px rgba(0,0,0,0.1); -webkit-box-shadow: 0 0 16px rgba(0,0,0,0.1); -moz-box-shadow: 0 0 16px rgba(0,0,0,0.1)} #barracookies a:nth-child(2) {padding:4px;background:#ff6666;border-radius:5px;text-decoration:none; color:#FFFFFF} #barracookies a {color: #000;text-decoration: none;} #barraaceptacion {display:none;position:fixed;left:0px;right:0px;bottom:0px; padding-bottom:20px; width:100%; text-align:center; min-height:40px; background-color: rgba(0, 0, 0, 0.5); color:#fff;z-index:99999;} .inner {width:100%; position:absolute;padding-left:5px; font-family:verdana;font-size:12px; top:30%;} .inner a.ok { padding:4px; color:#00ff2e;text-decoration:none;} .inner a.info { padding-left:5px;text-decoration:none; color:#faff00;} @media all and (-ms-high-contrast:none) { .foo { color: green } /* IE10 */ .blocklist article { float:left; width:48%; margin-right:2% } .fichadetails { margin-top:10px} .internades { margin-top:80px } .visor .visorprin3 .prin5 p { padding:30px 40px 0 40px } .visor .visorprin .prin1, .visor .visorprin2 .prin1, .visor .visorprin3 .prin2 { margin-right:10px } .visor .visorprin3 .prin2 { margin-right:10px; width:98.5%!important } .visor .visorprin3 .prin4 { margin-top:15px } .imagenmagazine { display:table-caption!important; } .thumb-col {display: inline-block;} *::-ms-backdrop, .blocklist article { float:left; width:49%; margin-right:1%; margin-bottom:30px } /* IE11 */ } @media (max-width:1024px){ .container { max-width: 1024px; } .containerhead { max-width: 1024px; } } @media (max-width:840px){ .logotop span { display:none } } @media (max-width:640px){ .contenido.reviews { padding-left:15px; padding-right:15px; width:auto!important } .reviews article .start .name span { font-size:15px } .reviews article .start .name { font-size:1px } .reviews article .start .name .starsimg img { max-width:11px; margin-right:1px } .reviews article .cliente span, .reviews article .date span { font-size:13px } .reviews article .cliente, .reviews article .date{ font-size:15px } .reviews article .start .img { margin-right:6px } .reviews article .cliente {width: 21%;} .reviews article .date { width: 32%;} .reviews article .start {width: 46%; } .reviews article .start .img img { max-width:48px } .reviews article .start { width:45% } .reviews article .start img{ width:50px; } .reviews article .start .name .starsimg {width: auto;display: block; clear: both;} .valoraciones h3 { padding-right:0px!important } .reviews article .cliente { width:25% ; } .reviews article .date { width:30%; } .servicesH { height:240px } .visorhome { z-index:0 } .servicesplug { display:none } .serviceshome.interior { margin-top:0px!important } .paddingmovil { margin-bottom:0px!important } .magazinetitle { padding-left:15px } .imagenmagazineinter { width:95% } .movil { display:block; } .titularvisor {top: 130px; left:10px} .servicesplug { margin-top:0px } .contenido.general.servicesfich { margin-top:0px } ul.listservices { padding-left:15px; margin-left:0px; float:left } ul.listservices li a{ font-size:12px } .contenido.general .container { padding-left:15px!important; padding-right:15px!important; width:auto!important } .hiddemov { display:none } .menumovil { display:block } .visor .visorprin { display:block!important; grid-template-columns:1fr!important} .visor .visorprin1 {} .visor .visorprin2 { display:block!important; grid-template-columns:1fr!important; height:560px!important} .fichadetails .container { padding:10px 15px; width:auto } .visorhome { height:560px;} .titularvisor p { margin-bottom:35px } .titularvisor h2 { font-size: 34px; margin-bottom: 0px; padding-bottom: 16px;} .titularvisor h3 {font-size: 24px;line-height: 32px; padding-bottom: 16px;} #goproject { } .projectshome.paddinghome { padding-top: 485px;} .thumb-col { margin-right:0px; width:100% } .ideas.flash { display:none } .newsletterinter {width: 90%;float: right; background: #eeeeee; padding: 30px 15px;} .row-fluid .span12{width:100%;} .row-fluid .span11{width:100%} .row-fluid .span10{width:100%} .row-fluid .span9{width:100%} .row-fluid .span8{width:100%} .row-fluid .span7{width:100%} .row-fluid .span6{width:100%} .row-fluid .span5{width:100%} .row-fluid .span4{width:100% } .row-fluid .span3{width:100% } .row-fluid .span2{width:100%} .row-fluid .span1{width:100%} .blocklist article { display:block!important; margin-bottom:20px!important;} .blocklist {overflow: hidden;grid-template-columns: 1fr;width: 100%;display: grid; grid-gap: 0px;margin: 0px;padding: 0px;grid-template-rows:1fr; width:100%} .blocklist article { overflow: hidden; height:280px; position:relative; overflow:hidden; display:inline-block;} .blocklist article img{ width:100%!important} .contenido h2{ padding-left:15px; padding-right:15px } .contenido .listmenu{ padding-left:15px; padding-right:15px } .formcontact, .descriptioncontact { width:100%; margin-right:0px} .newsletterinter, .contactbottominter {width: 100%;} .newsletterinter { padding:20px 0 } .newsletterinter .left { float:none} .newsletterinter h2 { text-align:center} .newsletterinter h3 { text-align:center} .newsletter { margin-top:25px } .newsletter form { min-width:340px; margin:30px auto 0 auto } .magazinehome p { text-align:center; padding-left:0px; margin-left:0px; padding:0px 10px; } .sellomagazine img { max-width:90px } footer { margin:30px 0 0 0;position: relative;display: inline-block;width: 100%;} footer .row-fluid .span8 { width:auto!important; margin:0px auto 20px auto; display:table; float:none } foote .lovemedia { margin-top:2px } footer h4{font-size:22px; padding-bottom:10px; font-weight:bold; margin-bottom:0px; text-align:center} footer ul{ margin:0px; padding:0px} footer ul li{ list-style:none; font-size:20px; padding-bottom:10px; text-align:center} footer .span4.last p{ font-size:16px; line-height:26px; margin-top:0px; text-align:center} .houzz img { width:100%; max-width:55px; padding-top:4px} .lovemedia img { max-width:25px; margin-right:6px } .lovemedia span {margin: 0px 8px 0 8px;font-size: 13px;} .copyright { text-align:center } .logofooter { width:auto; display:table; margin:0 auto } .logofooter img{ max-width:110px } .logofooter span { margin-top:2px } .houzz { margin-right:20px } .tipslist .description { padding-left:15px; padding-right:15px } .proyectotext { padding-left:15px } .titular.fichaservi h2 { padding-left:15px; line-height:34px } .sectitular h1 { font-size:38px!important; } .formcontact, .descriptioncontact { width:auto; padding-left:15px; padding-right:15px } .contactbottominter { width: 94%; float: none; padding: 30px 3%;} .contactbottominter p { padding-right:0px;} .sectitular { padding: 5px 0px; margin-bottom: 20px;} .contenido.general.servicesfich h2 { padding-right:20px; padding-left:0px} .contenido.general h2 { padding-right:20px; padding-left:0px; font-size:24px; line-height:34px} .contenido.general .sharedficha .lovemedia { margin-top: 10px !important;} .contenido .formcontact h2 {padding-left:0px; } .artic .span4.img { float:none; width:100%; margin-right:0% } .artic .span8.fichatex { float:none; width:100%; } .artic .span8.fichatex .interior{padding-left:15px; padding-right:15px} .otherpress h4{ padding-left:15px} .serviceshome ul.listservices { display:none } .box.grand { position:relative; margin-bottom:20px; display:table; width:100%; margin-right:0!important } .blocktag article .hiden .interior{ padding-top:10px!important} .visor .visorprin3 {grid-template-columns:1fr;display: grid; display: -ms-grid;grid-gap: 15px; grid-template-rows:1fr 1fr; height:230px} .visor .visorprin3 .prin2, .visor .visorprin3 .prin3 { height:125px} .prin1.completo { margin-top:20px } .prin1.completo { height:380px!important } .visor .visorprin3 .prin4 { display:none} .visor .visorprin3 .prin5 { display:block; width:100%; grid-column: 1; grid-row: 2; display:table; height:230px!important} .visor .visorprin3 .prin5 p {padding: 0px 20px 0 20px!Important;max-width: 360px; width:90%!important; position:relative} .tagdescription { padding-left:15px; padding-right:15px;} .blocktag article .hiden .interior h2 { padding-left:0px } .visor .visorprin .prin2 { display:none } .visor .visorprin3 .prin2, .visor .visorprin3 .prin3, .visor .visorprin3 .prin4 { display:none } .paddingleft { padding-left:15px; padding-right:15px!important; width:auto!important; width:clear;} .nomovil { display:none } .visor { margin-top:0px } article.span3.tipslist {width: 80%!important;margin-left: auto!important;margin-right: auto!important;display: table!important;float: none!important; margin-bottom:12px} article.span3.tipslist.last {width: 80%!important;margin-left: auto;margin-right: auto!important;display: table!important;float: none!important;} .servicesH.span4 h3 { height:95px } .newsletter form input { border: none !important; width: 70% !important; min-width: 180px !important;} .servicesfich.generalimg { margin-top:0px } .menufooter li a { font-weight:bold} #seeservices { display:none } #moreser { cursor: pointer;} #moreser span{ display:inline} .visor .visorprin, .visor .visorprin .prin1 { height:500px;} .visor .visorprin { padding-bottom:45px } .visor .visorprin .btnmorephotos.btn { display:none } .blocktag article { margin-bottom:100px } .box.grand .hiden {height: auto;margin-top:10px !important;max-height: auto!important;overflow: hidden;bottom: -105px !important;top:auto !important; opacity:1!important; padding-top:10px!important;width: 92%;!important } .box.grand.cien .hiden { width:92%!important } .box.grand { margin-bottom:140px!important;} .blocktag article .hiden {position: absolute!important; background: #fff; display: table!important; line-height: 1.7em; bottom:-80px!important; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; margin:0 auto!important; text-align: left; padding: 30px 10px; z-index: 999999; width: 92%; max-height: 180px; overflow: hidden; top: auto!important; left:4%!important; -moz-transform: translate3d(0, 0, 0); -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0%, 0, 0); opacity: 1; min-height:210px; -moz-transition: all 0.8s; -webkit-transition: all 0.8s; transition: all 0.8s; margin-left:4%;} article:hover .hiden { background: rgba(255,255,255,0.9); color: #000; z-index:999999999999999; opacity: .9; -moz-transform: translate3d(0, 0%, 0)!important; -webkit-transform: translate3d(0, 0%, 0)!important; transform: translate3d(0, 0%, 0)!important; -moz-transition: all 0s; -webkit-transition: all 0s; transition: all 0s; box-shadow: 0px -2px 28px rgba(255,255,255, 0.3);} .guidecontent .description h3 { font-size:22px; line-height:28px; padding-left:15px; padding-right:15px } .sitemap .col1 { width:96%; float:left; margin-left:15px} .sitemap .col2 { width:96%; float:left;margin-left:15px} .menumovil div.menu { width:100%!important; } div.menu li.animate { width:100%!important;} .magazinehome h2 { font-size:40px!important; font-weight:bold; } .magazinetitle h2 {font-size:32px!important;} .nomovil { display:none} .movil ul.listservices li { width:90%!important; font-size:18px!important; margin-top:20px; } .movil ul.listservices li a{ font-size:18px!important; } .imadest .textodest { padding:0 15px} .ficha .img img { width:100% } .fichadetails .lovemedia .secondspan {width:20% } .visor .visorprin2 .prin1 { margin-bottom:20px } .descriptioncontact img { max-height:300px!important} .circlecounter { right:5px; width:160px; height:150px } .counter { text-align: center; font-size: 46px; font-weight:bold; line-height:46px;padding-right:15px; font-family:'Lato', Helvetica, Arial, sans-serif; } } @media (max-width:460px){ .descriptioncontact img { max-height:260px!important} } @media (max-width:360px){ .descriptioncontact img { max-height:200px!important} }