/*RESET*/
@charset "utf-8";a{text-decoration:none}a,abbr,acronym,address,applet,article,aside,audio,b,big,blockquote,body,canvas,caption,center,cite,code,dd,del,details,dfn,div,dl,dt,em,embed,fieldset,figcaption,figure,footer,form,h1,h2,h3,h4,h5,h6,header,hgroup,html,i,iframe,img,ins,kbd,label,legend,li,mark,menu,nav,object,ol,output,p,pre,q,ruby,s,samp,section,small,span,strike,strong,sub,summary,sup,tbody,td,tfoot,th,thead,time,tr,tt,u,ul,var,video{margin:0;padding:0;border:0;font:inherit;vertical-align:baseline;font-family:"Trebuchet MS",Arial,Helvetica,sans-serif}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:after,blockquote:before,q:after,q:before{content:'';content:none}

/*GENERALES*/
body { margin:0px; background-color:#FFF; overflow-x: hidden !important}
p, b, a, i, u, h1, h2, h3, h4, h5, h6, ul ,li, input, textarea, select, span { 
    font-family: 'Poppins', sans-serif;
    font-family: 'Rubik', sans-serif;
 }
b { font-weight:700}
.clear0 { clear:both; height:10px}
.clear5 { clear:both; height:5px}
.clear10 { clear:both; height:10px}
.clear15 { clear:both; height:15px}
.clear20 { clear:both; height:20px}
.clear30 { clear:both; height:30px}
.clear40 { clear:both; height:40px}
.clear50 { clear:both; height:50px}
.clear90 { clear:both; height:90px}
::selection {color:#CCC;background:#444;}
::-moz-selection {color:#EEE;background:#444;}
*:focus { outline:none}


.opTodo { opacity: 0;}

.cont-recaptcha { width: 100%; margin-bottom: 18px}

.whatsapp { position: fixed; bottom: 20px; right: 20px; width: 40px; cursor: pointer; z-index: 999;}


.lighMenu { width: 100%; height: 100%; position: fixed; top: 0; left: 0; background-color: rgba(0,0,0,0.7); z-index: 99999; display: none}
.lighMenu .izq { position: absolute; top: 0; bottom: 0; left: 0; right: 350px}
.lighMenu .der { width: 350px; height: 100%; position: absolute; right: -350px; top: 0; background-color: #FFF}
.lighMenu .der .cerrar { width: 40px; position: absolute; top: 20px; right: 20px; opacity: 1; cursor: pointer;
 -moz-transition:all 0.25s ease 0s;
    -o-transition:all 0.25s ease 0s;
    -ms-transition:all 0.25s ease 0s;
    -webkit-transition:all 0.25s ease 0s;}
.lighMenu .der .listaMenu { top: 100px; width: 80%; left: 10%; position: absolute }
.lighMenu .der .listaMenu li { width: 100%; border-bottom: 1px solid #CCC; cursor: pointer}
.lighMenu .der .listaMenu li p { color: #333; font-size: 18px; padding: 13px 0px; font-weight: 300;
 -moz-transition:all 0.25s ease 0s;
    -o-transition:all 0.25s ease 0s;
    -ms-transition:all 0.25s ease 0s;
    -webkit-transition:all 0.25s ease 0s;}
.lighMenu .der .listaMenu li p.activo { font-weight:normal;  color: #6666cc;}
.lighMenu .der .listaMenu li:hover p { padding-left: 6px}




header { width: 100%; height: 55px; background-color: #0A0A0A; position: fixed; top: 0; z-index: 9999;
    -moz-transition:all 0.25s ease 0s;
    -o-transition:all 0.25s ease 0s;
    -ms-transition:all 0.25s ease 0s;
    -webkit-transition:all 0.25s ease 0s;}
header .in { position: absolute; width: 96%; max-width: 1400px; height: 100%; left: 50%; transform: translateX(-50%);}
header .in .logo { left: 0; top: 100%; transform: translateY(-50%); position: absolute; height: 70px;
    -moz-transition:all 0.25s ease 0s;
    -o-transition:all 0.25s ease 0s;
    -ms-transition:all 0.25s ease 0s;
    -webkit-transition:all 0.25s ease 0s;}
header .in nav { right: 0; top: 50%; transform: translateY(-50%); position: absolute; text-align: right; display: inline-block}
header .in nav a { margin: 0px 3px; padding: 0px 5px; display: inline-block; vertical-align: middle;  }
header .in nav p {  color: #FFF; font-size: 13px; font-weight: 400; display: inline-block; vertical-align: middle;
     position: relative; overflow: hidden; padding: 8px 0px;padding-bottom: 4px; 
    -moz-transition:all 0.25s ease 0s;
    -o-transition:all 0.25s ease 0s;
    -ms-transition:all 0.25s ease 0s;
    -webkit-transition:all 0.25s ease 0s;}
header .in nav p span { position: absolute; width: 100%; height: 2px; background-color: #FFF; bottom: 1px; left: 100%;
    -moz-transition:all 0.25s ease 0s;
    -o-transition:all 0.25s ease 0s;
    -ms-transition:all 0.25s ease 0s;
    -webkit-transition:all 0.25s ease 0s;}
header .in nav p:hover span { left: 0px;}
header .in nav p.activo { color: #FFF; font-weight: normal;} 
/*header .in nav p.activo { color: #6666cc; font-weight: bold;} */
header .in nav p.activo span { left: 0px;}
header .in nav .contacto { display: inline-block; vertical-align: middle; margin-left: 20px}
header .in nav .contacto a { padding: 0; margin: 0px 2px;}
header .in nav .contacto a img { /*height: 32px;*/height: 35px;
    -moz-transition:all 0.25s ease 0s;
    -o-transition:all 0.25s ease 0s;
    -ms-transition:all 0.25s ease 0s;
    -webkit-transition:all 0.25s ease 0s;}
header .in nav .contacto a:hover img { opacity: 0.9}

header .in .menuMob { margin-left: 20px; position: absolute; top: 50%; transform: translateY(-45%); right: 0px; display: none}
header .in .menuMob a { padding: 0; margin: 0px 2px; }
header .in .menuMob img { height: 37px; cursor: pointer;
    -moz-transition:all 0.25s ease 0s;
    -o-transition:all 0.25s ease 0s;
    -ms-transition:all 0.25s ease 0s;
    -webkit-transition:all 0.25s ease 0s;}


.show-menu { height: 66px;}
.show-menu .logo { height: 50px !important; top: 50% !important;}
.show-menu .in nav .contacto a img {    height: 26px;}




.swiper-container.slider {width: 100%; margin-top: 0px;/*margin-top: 88px;height: 84vh;*/height: 55vh; background-color: #000}
.slider .swiper-slide {
text-align: center;font-size: 18px; height: 100%; overflow: hidden;/* Center slide text vertically */
display: -webkit-box;display: -ms-flexbox;display: -webkit-flex;display: flex;-webkit-box-pack: center;-ms-flex-pack: center;-webkit-justify-content: center;justify-content: center;-webkit-box-align: center;-ms-flex-align: center;-webkit-align-items: center;
lign-items: center;
}
.slider .swiper-slide .foto { position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); width: 100%; z-index: 1}
.slider .swiper-slide .play { position: absolute; top: 53%; left: 50%; transform: translate(-50%,-50%); width: 40px; z-index: 999}
.slider .swiper-slide .info { position: absolute; height: auto; top: 20%; transform: translateY(-50%); width: 60%; left: 20%; z-index: 10}
.slider .swiper-slide .info h1, .swiper-slide .info span { color: #f53f7a; font-family: 'Poppins', sans-serif; font-weight: bolder; font-size: 13px; letter-spacing: 1px; background-color: #FFF; padding: 9px 20px; display: inline-block; }
.slider .swiper-slide .info h2, .swiper-slide .info h6 { color: #FFF;font-family: 'Poppins', sans-serif; font-weight:500; font-size: 40px; line-height: 62px; margin-top: 25%; margin-bottom: 20px; }
.slider .swiper-pagination-bullet {
    width: 15px !important;
    height: 15px !important;
    text-align: center;
    line-height: 20px;
    font-size: 20px;
    color:#FFF !important;
    opacity: 1;
    background-color: rgba(256,256,256,0.3) !important;
    border-radius: 50% !important;
    -webkit-border-top-left-radius: 0px !important;
    -webkit-border-bottom-right-radius: 0px !important;
    -moz-border-radius-topleft: 20px !important;
    -moz-border-radius-bottomright: 20px !important;
    border-top-left-radius: 50% !important;
	/* border-top-left-radius: 0px !important;*/
    border-bottom-right-radius: 50% !important;
  }
  .slider .swiper-pagination-bullet-active {
    color:#FFF;
    background: #FFF !important;
	  /*background: #323F95 !important;*/
  }
/*Botones*/

.btn1 {  width: auto; display: inline-block; margin: auto; border: 1px solid #FFF; background-color: transparent; padding: 14px 40px; text-align: center; cursor: pointer;
    -webkit-border-top-left-radius: 10px;
    -webkit-border-bottom-right-radius: 10px;
    -moz-border-radius-topleft: 10px;
    -moz-border-radius-bottomright: 10px;
    border-top-left-radius: 10px;
    border-bottom-right-radius: 10px;
    -moz-transition:all 0.25s ease 0s;
    -o-transition:all 0.25s ease 0s;
    -ms-transition:all 0.25s ease 0s;
    -webkit-transition:all 0.25s ease 0s;}
.btn1 a {}
.btn1 a p { color: #FFF; letter-spacing: 1px; font-weight: 500; font-size: 14px;}
.btn1:hover { background-color: #6666cc; border-color: #6666cc;}


/*Boton de ver todos los domos y catalogo de colores*/

.btn2 {  width: auto; display: inline-block; margin: auto; border: 2px solid #6666cc; background-color:transparent; 
    padding: 12px 22px; padding-top: 10px; text-align: center; cursor: pointer;
    -webkit-border-top-left-radius: 18px;
	-webkit-border-top-right-radius: 18px;
    -webkit-border-bottom-left-radius: 18px;
	-webkit-border-bottom-right-radius: 18px;
    -moz-border-radius-topleft: 10px;
    -moz-border-radius-bottomright: 10px;
    border-top-left-radius: 18px;
	border-top-right-radius: 18px;
    border-bottom-left-radius: 18px;
	border-bottom-right-radius: 18px;
    -moz-transition:all 0.25s ease 0s;
    -o-transition:all 0.25s ease 0s;
    -ms-transition:all 0.25s ease 0s;
    -webkit-transition:all 0.25s ease 0s;}
.btn2 a {}
.btn2 p { color: #6666cc; letter-spacing: 1px; font-weight: 500; font-size: 12px;    padding-top: 2px;
    -moz-transition:all 0.25s ease 0s;
    -o-transition:all 0.25s ease 0s;
    -ms-transition:all 0.25s ease 0s;
    -webkit-transition:all 0.25s ease 0s;}
.btn2:hover { background-color: #F2F2F2; border-color:  #F2F2F2;}
.btn2:hover p { color: #6666cc;}





.slider .swiper-slide .videoWrapper {
	position: relative;
	padding-bottom: 56.25%; /* 16:9 */
	padding-top: 25px;
	height: 0;
}
.slider .swiper-slide .videoWrapper iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}



.calculadora { width: 100%; height: auto; margin-top: 0px; margin-bottom: 0px;  padding: 80px 0px;background-color: #F3F3F3;}
.calculadora .izq { display: inline-block; vertical-align: middle; width: 500px; height: auto; margin: 0px 100px; position: relative}
.calculadora .der { display: inline-block; vertical-align: middle; width: 450px; height: auto; margin: 0px 10px; position: relative; text-align: left}


.calculadora .in { width: 98%; margin-left: 20px }
.calculadora p {  font-size: 14px; padding-top: 1px; font-weight:500; color: #000; margin-bottom: 0px; text-align: center;}
.calculadora h3 {  font-size: 18px; padding-top: 5px; font-weight:400; color: #2E2B2B; text-align: left;}
.calculadora h4 {  font-size: 24px; padding-top: 15px; font-weight:500; color:darkslategray; margin-bottom: 10px; text-align: center;}
.calculadora h5 {  font-size: 22px; padding: 20px; font-weight:500; color: #6666CC; margin-bottom: 0px; text-align: center;}
.calculadora h6 {  font-size: 24px; font-weight:500; color: #2E2B2B; margin-bottom: 12px;}
.calculadora ul { display: flex; width: 100%; flex-wrap: wrap;}
.calculadora ul li { width: auto; margin:5px; background-color:#FFF; border: 1px solid #CCC; padding: 0px; box-sizing: border-box;}
.calculadora ul li img { width: 320px; height: 320px; padding: 10px; vertical-align: middle;}





.quehacemos-home { width: 100%; height: auto; margin-top: 0px; padding: 80px 0px; text-align: center;  position: relative; background-color: #FaFaFa}

.quehacemos-int { margin-top: 55px}
.quehacemos-int h2 {color: #6666cc; font-family: 'Poppins', sans-serif; font-weight: 600; font-size: 26px; line-height: 32px; margin-bottom: 6px; margin-top: 40px;}
.quehacemos-home .izq { display: inline-block; vertical-align: middle; width: 600px; height: auto; margin: 0px 30px; position: relative}
.quehacemos-home .izq .foto1 { width: 100%; max-width: 659px; height: auto; margin-top: 160px;}
.quehacemos-home .izq .foto2 { position: absolute; max-width: 240px; height: auto; top: 0; right: 30px;}
.quehacemos-home .der { display: inline-block; vertical-align: middle; width: 450px; height: auto; margin: 0px 30px; text-align: left}
.quehacemos-home .der span { color: #999; font-family: 'Poppins', sans-serif; font-weight: bolder; font-size: 12px;  letter-spacing: 1px; }
.quehacemos-home .der>p { color: #666; font-family: 'Poppins', sans-serif; font-weight: 300; font-size: 18px; line-height: 32px; margin-top: 30px; margin-bottom: 40px; }
.quehacemos-int .der>p { color: #666; font-family: 'Poppins', sans-serif; font-weight: 300; font-size: 16px; line-height: 27px; margin-top: 30px; margin-bottom: 40px; }
.quehacemos-int .der>p span { font-weight: 600; color: #666; font-size: 16px; line-height: 27px; font-family: 'Poppins', sans-serif; }
.quehacemos-home .der>p b { color: #6666cc}
fc .quehacemos-home .domo { position: absolute; bottom: 40px; width: 44%; left: 100%; transform: translateX(-60%); z-index: -1;}






.nuestrosdomos-home { width: 100%; height: auto; text-align: center; margin-top: 35px; padding: 35px 0px; padding-bottom: 10px;
     background-image: url("../img/ObservatorioCescoSanJuan.jpg"); background-size: cover; background-position:  center center; }
.nuestrosdomos-home h3 { font-family: 'Poppins', sans-serif; font-weight: 300; color: #FFF; font-size: 50px; letter-spacing: 2px;}


.swiper-container.sliderdomos {width: 86%; margin-top: 1px; height: 530px;}
.sliderdomos .swiper-slide { 
text-align: center; height: 100%; 
/* Center slide text vertically */
display: -webkit-box;display: -ms-flexbox;display: -webkit-flex;display: flex;-webkit-box-pack: center;-ms-flex-pack: center;-webkit-justify-content: center;justify-content: center;-webkit-box-align: center;-ms-flex-align: center;-webkit-align-items: center;
lign-items: center;
}
.sliderdomos .swiper-slide .in { width: 94%; height: 440px; background-color: #F2F2F2; position: relative;
    border: 0px solid #FFF; overflow: hidden; box-sizing: border-box;
    -webkit-border-top-left-radius: 0px;
    -webkit-border-bottom-right-radius: 0px;
    -moz-border-radius-topleft: 0px;
    -moz-border-radius-bottomright: 0px;
    border-top-left-radius:0px;
    border-bottom-right-radius:0px;
    -moz-transition:all 0.25s ease 0s;
    -o-transition:all 0.25s ease 0s;
    -ms-transition:all 0.25s ease 0s;
    -webkit-transition:all 0.25s ease 0s;
}
.sliderdomos .swiper-slide .in img { width: 100%; margin-bottom: 20px;
    -moz-transition:all 0.25s ease 0s;
    -o-transition:all 0.25s ease 0s;
    -ms-transition:all 0.25s ease 0s;
    -webkit-transition:all 0.25s ease 0s;}
.sliderdomos .swiper-slide h4 { color: #212121; font-size: 22px; font-weight: 600; line-height: 24px; width: 90%; margin: auto; margin-bottom: 10px;}
.sliderdomos .swiper-slide h4 span { font-size: 18px; font-weight: 300; color: #444;}
.sliderdomos .swiper-slide p { font-size: 14px; line-height: 20px; font-weight: 300; width: 80%; margin: auto; color: #444;}
.sliderdomos .swiper-slide .btn { position: absolute; width: 100%; border-top: 1px solid #CCC; text-align: center; bottom: 0;
    -moz-transition:all 0.25s ease 0s;
    -o-transition:all 0.25s ease 0s;
    -ms-transition:all 0.25s ease 0s;
    -webkit-transition:all 0.25s ease 0s;}
.sliderdomos .swiper-slide .btn p { padding: 10px 0px; font-size: 14px;
    -moz-transition:all 0.25s ease 0s;
    -o-transition:all 0.25s ease 0s;
    -ms-transition:all 0.25s ease 0s;
    -webkit-transition:all 0.25s ease 0s;}
.sliderdomos .swiper-slide .in:hover .btn { background: #6666d4 }
.sliderdomos .swiper-slide .in:hover .btn p { color: #FFF;}
.sliderdomos .swiper-slide .in:hover img { margin-bottom: 28px}

.sliderdomos .swiper-pagination-bullet {
    width: 16px !important;
    height: 16px !important;
    text-align: center;
    line-height: 20px;
    font-size: 12px;
    color:#FFF !important;
    opacity: 1;
    background-color: rgba(256,256,256,0.3) !important;
    border-radius: 50% !important;
    -webkit-border-top-left-radius: 0px !important;
    -webkit-border-bottom-right-radius: 0px !important;
    -moz-border-radius-topleft: 0px !important;
    -moz-border-radius-bottomright: 0px !important;
    border-top-left-radius: 50% !important;
    border-bottom-right-radius: 50% !important;
}
.sliderdomos .swiper-pagination-bullet-active {
    color:#fff;
    background: #fff !important;
}






.queesundomo-home { margin:auto; width: 100%; height: auto; margin-top: 0px; padding: 50px 0px; text-align: center; position: relative; background-color: #F2F2F2}
.queesundomo-home .izq { display: inline-block; vertical-align: top; height: auto; width: 500px; margin: 0px 20px; position: relative;}
.queesundomo-home .izq h4 { color: #303030; font-family: 'Poppins', sans-serif; font-weight: 100; font-size: 60px; line-height: 75px; text-align: left; margin-top: 60px; margin-left: 100px; }
.queesundomo-home .izq h4 span { color: #6666cc; font-weight: 500}
.queesundomo-home .izq p { color: #2e2e2e; font-family: 'Poppins', sans-serif; font-weight: 400; font-size: 14px; text-align: left; margin-top: 45px; margin-left: 100px;}
.queesundomo-home .izq p img { width: 12px; margin-right: 4px;}
.queesundomo-home .izq .p1 { color: #6666cc; font-family: 'Poppins', sans-serif; font-size: 98px; font-weight: 900; position: absolute;     top: 48px;    left: -27px; z-index: -1; opacity: 0.1; }
.queesundomo-home .izq .p2 { color: #6666cc; font-family: 'Poppins', sans-serif; font-size: 98px; font-weight: 900; position: absolute; top: 130px; left: 66px; width: 500px; text-align: left; z-index: -1; opacity: 0.1; }

.queesundomo-home .der { display: inline-block; vertical-align: top; height: auto; width: 440px; margin: 30px 20px; text-align: left;}
.queesundomo-home .der h6 { font-family: 'Poppins', sans-serif; font-weight: bold; font-size: 22px; margin-bottom: 20px; line-height: 28px;}
.queesundomo-home .der>p { color: #2e2e2e; font-size: 17px; line-height: 30px; font-weight: 300; margin-bottom: 40px;}
.queesundomo-home .domo { position: absolute; left: -5%; width: 65%; z-index: -1; top: 50%; transform: translateY(-60%);}




.contacto-home { width: 100%; height: auto; padding: 60px 0px; margin-top: 0px; text-align: center; background-color: #FAFAFA}
 .contacto-home .izq .mapa { position: relative; width: 100%; height: 500px; overflow: hidden;
    -webkit-border-top-left-radius: 25px;
    -webkit-border-bottom-right-radius: 25px;
    -moz-border-radius-topleft: 25px;
    -moz-border-radius-bottomright: 25px;
    border-top-left-radius: 25px;
    border-bottom-right-radius: 25px;}
.contacto-home .izq .mapa iframe { width: 100%; height: 100%;}
.contacto-home .izq .lin1 { color: #2e2e2e; font-family: 'Poppins', sans-serif; font-weight: 400; font-size: 16px; margin-top: 20px; line-height: 22px; margin-bottom: 6px;}
.contacto-home .izq .lin2 { color: #2e2e2e; font-family: 'Poppins', sans-serif; font-weight: 400; font-size: 13px;}
.contacto-home .izq .lin2 img { width: 8px; margin-right: 2px;}
.contacto-home .izq .borde { position: absolute; width: 100%; height: 500px; border: 1px solid #f53f7a; top: -12px; left: -12px; z-index: -1;
    -webkit-border-top-left-radius: 25px;
    -webkit-border-bottom-right-radius: 25px;
    -moz-border-radius-topleft: 25px;
    -moz-border-radius-bottomright: 25px;
    border-top-left-radius: 25px;
    border-bottom-right-radius: 25px;} 


.contacto-home .der { width: 500px; height: auto; display: inline-block; vertical-align: top; margin: 0px 30px; text-align: left;}
.contacto-home .der p {color: #111; font-weight: 400; font-size: 17px; margin-bottom: 10px;}
.contacto-home .der ul { width: 100%; text-align: left; margin-top: 20px;}
.contacto-home .der ul li { display: inline-block; vertical-align: middle; width: 100%; margin-bottom: 20px;}
.contacto-home .der ul li p {color: #111; font-weight: 400; font-size: 15px; display: inline-block; vertical-align: middle; margin-bottom: 0px;}
.contacto-home .der ul li img { height: 22px; margin-right: 2px; display: inline-block; vertical-align: middle;}
.contacto-home .der ul li p.visitas { font-size: 18px; margin-left: 0px; margin-top: 0px; color: #444; font-weight: 300}
.contacto-home .der ul li a:hover p { text-decoration: underline}

.contacto-home .izq { width: 600px; height: auto; display: inline-block; vertical-align: top; margin: 0px 30px; position: relative;}
.contacto-home .izq h6 {font-family: 'Poppins', sans-serif; font-weight: 200; font-size: 35px; color: #f53f7a; margin-bottom: 20px; text-align: left}
.contacto-home .izq form { width: 100%; height: auto;}
.contacto-home .izq form .campo { background-color: #f9f9fc; width: 100%; height: auto; padding: 2px 0px; border: none; border-bottom: 1px solid #c1c1c2; font-family: 'Poppins', sans-serif; font-size: 18px; font-weight: 200; letter-spacing: 1px; margin-bottom: 16px; }
.contacto-home .izq form .eltext { background-color: #f9f9fc; width: 100%; height: 120px; padding: 2px 0px; border: none; border-bottom: 1px solid #c1c1c2; font-family: 'Poppins', sans-serif; font-size: 18px; font-weight: 200; letter-spacing: 1px; margin-bottom: 16px; resize: none;}
.contacto-home .izq form .mandale { background-color: #6666cc; color: #FFF; font-size: 14px; font-weight: 500; padding: 11px 0px; width: 120px; border: none; float: left;
    -webkit-border-top-left-radius: 18px;
    -webkit-border-bottom-right-radius: 18px;
	 -webkit-border-bottom-left-radius: 18px;
    -moz-border-radius-topleft: 18px;
	 -moz-border-radius-topright: 18px;
    -moz-border-radius-bottomright: 18px;
	-moz-border-radius-bottomleft: 18px;
    border-top-left-radius: 18px;
	border-top-right-radius: 18px;
    border-bottom-right-radius: 18px;
	border-bottom-left-radius: 18px;
    -moz-transition:all 0.25s ease 0s;
    -o-transition:all 0.25s ease 0s;
    -ms-transition:all 0.25s ease 0s;
    -webkit-transition:all 0.25s ease 0s;}
.contacto-home .izq form .mandale:hover { background-color: #db2963}
.contacto-home .izq .gracias { text-align: left; font-size: 25px; line-height: 34px; font-weight: 300; padding-right: 50px;}



footer { width: 100%; height: auto; padding: 35px 0px; text-align: center; background-color: #111112;}
footer p.abajo { color: #FFF; display: inline-block;  vertical-align: top; margin: 0px 10px; font-size: 10px; font-weight: 300; opacity: 0.9;font-family: 'Poppins', sans-serif;}
footer p.abajo a { color: #FFF}
footer p.abajo a:hover { text-decoration: underline}

footer nav { width: 90%; margin: 20px auto; display: flex; justify-content: center; align-items: center}
footer nav div { padding: 6px 20px; margin: 0px 10px; }
footer nav div p { font-size: 12px;text-transform: uppercase; color: #FFF;}
footer nav div a p { color: #FFF; text-transform: uppercase}
footer nav div a p:hover { color: #6666cc}


footer .new-content { width: 90%; height: auto; display: flex; justify-content: center; align-items: center; margin: 20px auto; margin-bottom: 30px;}
footer .new-content div { margin: 0px 10px;}
footer .new-content div a { display: flex; justify-content: center; align-items: center;}
footer .new-content img { width: 20px; margin-right: 8px;}
footer .new-content p { color: #FFF; font-size: 10px; text-transform: uppercase; font-weight: 300; opacity: 0.7; letter-spacing: 1px;}
footer .new-content div:hover p { opacity: 1;}




.envolvente { width: 100%; height: auto; padding-bottom: 100px; position: relative; background-color: #F2FA00}

/*Fotos*/
.listaDomos { width: 100%; height: auto; padding: 20px 0px; position: relative;}
.listaDomos .imagenes { width: 32%; position: relative; float: left; margin-right: 3%;}
.listaDomos .imagenes .foto { width: 100%;}
.listaDomos .imagenes .foto1 { width: 100%; padding-top: 170px}
.listaDomos .imagenes .foto2 { position: absolute; right: 30px; top: 0px; width: 70%}


/*Titulo*/
.listaDomos .lista { width: 62%; position: relative; float: left;  }
.listaDomos .listamadera { width: 82%; position: relative; float: left;  }
.listaDomos .lista>h2 {color: #6666cc; font-family: 'Poppins', sans-serif; font-weight: 600; font-size: 26px; line-height: 32px; margin-bottom: 6px; margin-top: 40px;}

/*Parrafo*/
.listaDomos .lista>p { font-weight: 300; color: #333; font-size: 17px; line-height: 24px; width: 80%;}
.listaDomos .lista>ul { width: 100%; height: auto; text-align: left; margin-top: 60px;}
.listaDomos .lista>ul li { display: inline-block; vertical-align: top; margin-right: 2%; margin-bottom: 40px;  width: 45%;}

/*% dentro de Grafica Domos*/
.listaDomos .lista>ul li .domo { width: 55%; float: left}
.listaDomos .lista>ul li .domomadera { width: 100%; position: relative; overflow: hidden; cursor: pointer;}
.listaDomos .lista>ul li .info { width: 41%; float: right}

/*Signo MAS*/
.listaDomos .lista>ul li .domomadera .mas { position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); width: 13px; opacity: 0;
    -moz-transition:all 0.5s ease 0s;
    -o-transition:all 0.5s ease 0s;
    -ms-transition:all 0.5s ease 0s;
    -webkit-transition:all 0.5s ease 0s;}
.listaDomos .lista>ul li .domomadera:hover .pic { width: 100%; opacity: 1;}
.listaDomos .lista>ul li .domomadera:hover .mas { opacity: 1; width: 113px;}

/*Titulo dentro de Grafica Domos + Descripcion*/
.listaDomos .lista>ul li .info .tit { color: #333; font-family: 'Poppins', sans-serif; font-weight: 600; margin-bottom: 10px; font-size: 1.3vw; margin-top: 10px;}

/*Texto dentro de Grafica Domos. Tamaño del numero de m2*/
.listaDomos .lista>ul li .info .tit sup { font-size: 0.9vw}

/* Descripcion dentro de Grafica Domos*/
.listaDomos .lista>ul li .info .desc {  font-weight: 400; color: #333; font-size: 0.8vw; line-height: 1.2vw;}
.listaDomos .lista>ul li .info .desc sup {font-size: 0.7vw}


/*.listaDomos.listaDer { margin:auto; width: 95%; height: auto; margin-top: 30px; padding: 40px 0px; text-align: center; position: relative; background-color: #F2F2F2}*/

.listaDomos.listaDer .imagenes { float: right;  margin-right: 0%; margin-left: 3%;}
.listaDomos.listaDer .lista { float: right; }

.listaDomos .domo-op { z-index: -1; position: absolute; width: 100%; right: 20%; top: -120%; opacity: 0.6}

.listaDomos .lista>ul { visibility: hidden; }
.listaDomos .lista>ul > * { visibility: visible; }
.listaDomos .lista>ul > * { transition: opacity 250ms linear 0ms; }
.listaDomos .lista>ul:hover > * { opacity: 0.4; }
.listaDomos .lista>ul > *:hover { opacity: 1; }
.listaDomos .lista .btn2 { margin-right: 6px; margin-bottom: 12px;}



.domo-individual { width: 100%; text-align: center; margin: 0px auto; background-image: url("../img/svg/FondoHTML.svg"); background-repeat: no-repeat;background-size: cover; background-position: center top}
.domo-individual .izq { vertical-align: top; display: inline-block; width: 40%; margin: 70px 2%;}
.domo-individual .izq img { width: 100%;  margin-bottom: 40px;}
.domo-individual .der { display: inline-block; vertical-align: top; text-align: left; margin: 70px 2%; width: 50%;}
.domo-individual .der h5 { color: #6666cc; font-family: 'Poppins', sans-serif; font-weight: 600; font-size: 30px; margin-bottom: 20px; }
.domo-individual .der h5 sup { font-size: 15px}
.domo-individual .der .info { margin-bottom: 20px;}
.domo-individual .der .seccion { color: #111; font-size: 18px; font-weight: 500; line-height: 24px; margin-bottom: 4px;}
.domo-individual .der .desc { color: #444; font-size: 15px; font-weight: 300; line-height: 23px;}
.domo-individual .der .desc SPAN { color: #444; font-weight: 400}
.domo-individual .der .desc sup { font-size: 11px}
.domo-individual .der .btn2 { margin-bottom: 12px;}










.bloque-st1 { width: 100%; margin:auto; height: auto; padding: 0px 0px; padding-bottom: 90px; display: flex; align-items: center; max-width: 1500px; position: relative;}
.bloque-st1 .izq {  flex: 1; height: auto; padding: 0px 6vw;}
.bloque-st1 .izq p {color: #666; font-family: 'Poppins', sans-serif; font-weight: 300; font-size: 16px; line-height: 27px;}
.bloque-st1 .izq p span {color: #666; font-family: 'Poppins', sans-serif; font-weight: 600;}
.bloque-st1 .der {width: 47%; height: auto; overflow: hidden;}
.bloque-st1 .der img { width: 95%;}
.bloque-st1 .domo-fondo { position: absolute; width: 100%; top: -60%; left: -20%; z-index: -1;}


.bloque-st2 { width: 100%; margin:auto; height: auto; padding: 0px 0px; padding-bottom: 90px; display: flex; align-items: center; max-width: 1500px;}
.bloque-st2 .der {  flex: 1; height: auto; padding: 0px 5vw;}
.bloque-st2 .der p {color: #666; font-family: 'Poppins', sans-serif; font-weight: 300; font-size: 16px; line-height: 27px;}
.bloque-st2 .der p span {color: #666; font-family: 'Poppins', sans-serif; font-weight: 600;}
.bloque-st2 .der h6 {color: #6666cc; font-family: 'Poppins', sans-serif; font-weight: 500; font-size: 19px; line-height: 30px; margin: 1.5em 0px; border-top: 1px solid #a6a6e7; border-bottom: 1px solid #a6a6e7; padding: 1em 0px;}
.bloque-st2 .izq {width: 35%; height: auto; text-align: right;}
.bloque-st2 .izq img { width: 95%;}



.domos-fix { margin-top: 60px;}




.links-domos { display: flex; width: 80%; height: auto; margin: 60px auto; justify-content: space-around}
.links-domos .items { width: 18%; text-align: center; 
    -moz-transition:all 0.25s ease 0s;
    -o-transition:all 0.25s ease 0s;
    -ms-transition:all 0.25s ease 0s;
    -webkit-transition:all 0.25s ease 0s;}
.links-domos .items img { width: 75%;margin-top: 20px;
    -moz-transition:all 0.25s ease 0s;
    -o-transition:all 0.25s ease 0s;
    -ms-transition:all 0.25s ease 0s;
    -webkit-transition:all 0.25s ease 0s;}
.links-domos .items p { margin-top: 20px; color: #6666cc; font-family: 'Poppins', sans-serif; font-weight: 500; font-size: 17px;}
/* .links-domos:hover .items { opacity: 0.5 !important;}
.links-domos .items:hover  { opacity: 1 !important;} */
.links-domos:hover .items { }
.links-domos .items:hover  img { margin-top: 0px; }
.links-domos:hover .items img { opacity: 0.5 !important;}
.links-domos:hover .items p { opacity: 0.5 !important;}
.links-domos .items:hover img { opacity: 1 !important;}
.links-domos .items:hover  p { opacity: 1 !important;}

.fix-externos { max-width: 600px;}
.fix-externos .items { width: 40%; text-align: center; }
.fix-externos .items img { width: 70%; margin-top: 0px}




.misc1 {  width: 100%; height: 300px; margin-top: 88px; display: flex; justify-content: center; align-items: center;}
.misc1 h2 { color: #FFF; font-size: 40px; border: 1px solid #FFF; padding: 20px 30px;padding-bottom: 18px;}



.fix-contacto { margin-top: 0px; margin-bottom: 0px; padding: 100px 0px;}
.fix-contacto .der ul { margin-top: 10px;}



.fix-quees { margin-top: 55px}



.txt-solo {    color: #2e2e2e; font-size: 15px; line-height: 25px; font-weight: 300; width: 80%; margin: auto; margin-bottom: 60px;}
.txt-solo a { color: #111;}
.txt-solo a:hover { text-decoration: underline}
.txt-solo2 {     margin-bottom: 40px; width: 80%; margin: auto;}
.txt-solo2 p {color: #2e2e2e; font-size: 17px; line-height: 30px; font-weight: 300; column-count: 2; margin-top: 30px; column-gap: 60px;}
.txt-solo2 span { font-size: 38px; color: #6666cc}
.txt-solo2 b { font-weight: 500}



.fotos-100 { display: flex; align-items: center; width: 80%; margin: 40px auto; justify-content: space-around}


.lista-terminos { width: 100%; height: auto;margin-top: 60px; margin-bottom: 0px;
    background-color: #f9f9fc;
    padding: 70px 0px;
    background-image: url(../img/domo-op2.png);
    background-size: 81% auto;
    overflow: hidden;
    background-position: 192% 23%;
    background-repeat: no-repeat;}
.lista-terminos .in { width: 90%; margin:auto}
.lista-terminos h6 {  font-size: 28px; font-weight:5300; color: #6666cc; margin-bottom: 30px;}
.lista-terminos ul { display: flex; width: 100%; flex-wrap: wrap;}
.lista-terminos ul li { width: 24%; margin:5px; border: 1px solid #CCC; padding: 20px; box-sizing: border-box;
    background-color: rgba(256,256,256,0.6);
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;}
.lista-terminos p { color: #2e2e2e; font-size: 14px; line-height: 22px; font-weight: 300; }
.lista-terminos p b { font-weight: 300; font-size: 22px; color: #db2963}



.txt-solo3 { width: 100%; padding: 70px 0px; height: auto;  background-color: #6666cc;}
.txt-solo3 .in { width: 80%; margin:auto; display: flex;  justify-content: space-around;}
.txt-solo3 .col { width: 40%;}
.txt-solo3 p {color: #FFF; font-size: 17px; line-height: 30px; font-weight: 300;}
.txt-solo3 h6 { font-size: 20px; font-weight: 500; color: #FFF; margin-bottom: 15px; line-height: 30px;}
.txt-solo3 b { font-weight: 500}




.txt-solo4 { width: 80%; margin: auto; height: auto; margin-top: 70px; margin-bottom: 80px;}
.txt-solo4 .in { width: 100%; margin:auto; display: flex; align-items: center}
.txt-solo4 .col1 { flex: 1}
.txt-solo4 .col1 h6 { font-size: 28px; font-weight: 300; color: #6666cc; margin-bottom: 15px; line-height: 35px; padding-right: 40px;}
.txt-solo4 .col2 { width: 400px; text-align: center;}
.txt-solo4 .col2 img { width: 100%;}
.txt-solo4 .col2 p { font-size: 14px; line-height: 20px;}
.txt-solo4 p {color: #2e2e2e; font-size: 17px; line-height: 30px; font-weight: 300; padding-right: 60px;}
.txt-solo4 b { font-weight: 500}





.txt-solo5 { width: 80%; margin: auto; height: auto; margin-top: 70px; margin-bottom: 60px; padding-bottom: 60px; border-bottom: 1px solid #CCC;}
.txt-solo5 h6 { font-size: 24px; font-weight: 300; color: #6666cc; margin-bottom: 15px; line-height: 35px; padding-right: 40px;}
.txt-solo5 .in { width: 100%; margin:auto; display: flex; align-items: center}
.txt-solo5 .col1 {}
.txt-solo5 .col2 { }
.txt-solo5 .col2 img { width: 100%;}
.txt-solo5 p {color: #2e2e2e; font-size: 17px; line-height: 30px; font-weight: 300; padding-right: 60px;}
.txt-solo5 b { font-weight: 500; color: #6666cc;}



/*Categorias de Fotos - Armado-Eventos-Slideshow*/

.galerias { display: flex; width: 100%; margin: 70px auto; justify-content: space-between; align-items: center;}
.galerias .gallery {  height: auto; width: 33%; text-align: center;}


.galerias .gallery .foto { width: 100%; height: 300px;  background-color: #FFFFFF; position: relative; overflow: hidden; cursor: pointer;}
.galerias .gallery .foto .pic { position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); width: 100%;
    -moz-transition:all 0.5s ease 0s;
    -o-transition:all 0.5s ease 0s;
    -ms-transition:all 0.5s ease 0s;
    -webkit-transition:all 0.5s ease 0s;}

/*Signo MAS*/
.galerias .gallery .foto .mas { position: absolute;top: 50%; left: 50%; transform: translate(-50%,-50%); width: 120px; opacity: 0;
    -moz-transition:all 0.5s ease 0s;
    -o-transition:all 0.5s ease 0s;
    -ms-transition:all 0.5s ease 0s;
    -webkit-transition:all 0.5s ease 0s;}
.galerias .gallery .foto:hover .pic { width: 115%; opacity: 0.7;}
.galerias .gallery .foto:hover .mas { opacity: 1; width: 50px;}

/*Texto debajo de Categorias*/
.galerias .gallery h4 { font-size: 23px; line-height: 25px; margin-top: 15px; font-weight: 300;}
.galerias .gallery span { font-size: 15px; font-weight: 500; color: #6666cc;}
.galerias .gallery .foto:hover .pic { width: 115%; opacity: 0.7;}
.galerias .gallery .foto:hover .mas { opacity: 1; width: 50px;}

.pics-hide { display:none;}







.lista-precios { width: 100%; height: auto; margin-bottom: 0px;  padding: 80px 0px;}
.lista-precios .in { width: 98%; margin-left: 20px }
.lista-precios p {  font-size: 14px; padding-top: 1px; font-weight:500; color: #000; margin-bottom: 0px; text-align: center;}
.lista-precios h3 {  font-size: 18px; padding-top: 5px; font-weight:400; color: #2E2B2B; text-align: left;}
.lista-precios h4 {  font-size: 24px; padding-top: 15px; font-weight:500; color:darkslategray; margin-bottom: 10px; text-align: center;}
.lista-precios h5 {  font-size: 22px; padding: 20px; font-weight:500; color: #6666CC; margin-bottom: 0px; text-align: center;}
.lista-precios h6 {  font-size: 24px; font-weight:500; color: #2E2B2B; margin-bottom: 12px;}
.lista-precios ul { display: flex; width: 100%; flex-wrap: wrap;}
.lista-precios ul li { width: auto; margin:5px; background-color:#F3F3F3; border: 1px solid #CCC; padding: 0px; box-sizing: border-box;}
.lista-precios ul li img { width: 220px; height: 120px; padding: 10px}


.lista-clientes {width: 100%; height: auto; margin-bottom: 0px;  padding: 80px 0px;}
.lista-clientes .in { width: 98%; margin-left: 20px }
.lista-clientes ul { display: flex; width: 100%; flex-wrap: wrap;}
.lista-clientes ul li { width: auto; margin:5px; background-color:#FFFFFF; border: 0px solid #CCC; padding: 0px; box-sizing: border-box;}
.lista-clientes ul li img { width: 100px; height: 100px; padding: 10px}
.lista-clientes h6 {  font-size: 24px; font-weight:500; color: #2E2B2B; margin-bottom: 12px;}


.videoWrapper {
    width: 90%; margin: 30px auto;
	position: relative;
	padding-bottom: 56.25%; /* 16:9 */
	padding-top: 25px;
	height: 0;
}
.videoWrapper object,
.videoWrapper iframe,
.videoWrapper embed {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}









@media screen and (max-width: 2400px) {
     .swiper-container.slider { height: 750px;} 
    .swiper-container.sliderdomos {        height: 600px;    }
    .sliderdomos .swiper-slide .in { height: 440px;    }
}

@media screen and (max-width: 2000px) {
    .swiper-container.slider { height: 680px;}
}

@media screen and (max-width: 1600px) {
    .swiper-container.slider { height: 630px;} 
    .sliderdomos .swiper-slide .in {
        height: 440px;
    }
}

@media screen and (max-width: 1400px) {
     .swiper-container.slider {height: 570px;} 
    .quehacemos-home .izq { width: 510px;}
    .quehacemos-home .domo { width: 53%; }

    .contacto-home .izq { width: 450px;}
    .contacto-home .der {width: 450px;}  

    .galerias {width: 92%;}

}

@media screen and (max-width: 1260px) {
	 .swiper-container.slider {height: 480px;}
    .listaDomos .imagenes .foto1 {        padding-top: 140px;    }
    .listaDomos .lista>ul li {        margin-right: 0%;        width: 48%;   }
    .listaDomos .lista>ul li .info .tit {        font-size: 1.3vw;    }
    .listaDomos .lista>ul li .info .desc {        font-size: 1vw; line-height: 1.4vw;    }
    .listaDomos .imagenes .foto { margin-top: 40px; }
    .listaDomos {        padding: 40px 0px;    }

    .bloque-st1 .der img { width: 120%;  }
    .bloque-st1 .domo-fondo {        top: -30%;    }

    .lista-terminos ul li {        width: 32%;    }
}

@media screen and (max-width: 1100px) {
    header .in .logo { height: 62px;}
	.swiper-container {width: 90%; height: 330px; margin: 10px 0; }
    .swiper-container.slider {height: 400px; margin-top: 44px;}
    .slider .swiper-slide .info h2, .swiper-slide .info h6 { font-size: 36px; line-height: 55px; margin-top: 48px; margin-bottom: 1px; }
    header .in nav p { font-size: 13px;}

    .quehacemos-home .izq { width: 480px; margin: 0px 15px;}
    .quehacemos-home .der { width: 360px; margin: 0px 15px;}
    .quehacemos-home .izq .foto1 { margin-top: 185px;}
    .quehacemos-home .domo { width: 58%; }

    .queesundomo-home .izq { width: 420px;}
    .queesundomo-home .der { width: 330px;}

    .contacto-home .izq { width: 410px; margin: 0px 15px;}  
    .contacto-home .der {width: 400px; margin: 0px 15px;}  

    .listaDomos .lista>ul li .info .tit {        font-size: 1.3vw;    }
    .listaDomos .lista>ul li .info .desc {        font-size: 1.1vw; line-height: 1.5vw;    }
    .listaDomos .lista>ul li .info .desc sup {  font-size: 0.7vw; }
    .listaDomos .imagenes .foto {margin-top: 60px;  }

    .bloque-st1 .der img { width: 150%;  }
 
    .links-domos { width: 90%;}
    .links-domos .items { width: 20%;}
    .links-domos .items p {  font-size: 16px;  }

    .fix-externos .items { width: 40%; }

    
    .txt-solo4 .col1 h6 { font-size: 26px;  line-height: 30px; }
    .txt-solo4 p { font-size: 16px; line-height: 27px; padding-right: 40px; }

    .galerias {width: 95%;}
    .galerias .gallery .foto { height: 350px;}

    .lista-precios ul li img { width: 27vw}

}

@media screen and (max-width: 960px) {

    header .in .logo {        top: 50%;}

    header {        height: 74px;}
    header .in .logo {        height: 55px;}
    header .in nav { display: none}
    header .in .menuMob { display: block;}
    .swiper-container.slider {        margin-top: 74px;}
    .slider .swiper-slide .info { width: 80%;  left: 10%;}
    .slider .swiper-slide .foto { height: 100%;  width: auto}
    .slider .swiper-slide .info h2, .swiper-slide .info h6 { font-size: 33px; line-height: 50px; margin-bottom: 30px; }

    .quehacemos-home .izq { width: 90%; margin: 0px 0px; margin-bottom: 40px;}
    .quehacemos-home .der { width: 70%; margin: 0px 0px;}
    .quehacemos-home .izq .foto1 { margin-top: 0px}
    .quehacemos-home .izq .foto2 { display: none }
    .quehacemos-home .domo { width: 88%;  left: 0%; transform: translateX(-20%); }

    .nuestrosdomos-home h3 { font-size: 32px; letter-spacing: 0px;}

    .queesundomo-home { padding-top: 70px; padding-bottom: 00px}
    .queesundomo-home .izq { width: 60%;}
    .queesundomo-home .izq .p2 { width: 490px;}
    .queesundomo-home .der { width: 80%; margin-top: 60px}
    .queesundomo-home .izq h4 {  margin-left: 0px;}
    .queesundomo-home .izq p { margin-left: 0px;}
    .queesundomo-home .domo { width: 90%;}
    
    .contacto-home .izq { width: 80%; margin: 20px 0px;}  
    .contacto-home .der {width: 80%; margin: 20px 0px;} 

    footer p { margin: 0px 0px; line-height: 20px}

    .listaDomos {        padding: 10px 0px;    }
    .listaDomos .imagenes { display: none  }
    .listaDomos .lista {  width: 90%;  position: relative; float: inherit; margin: auto; }
    .listaDomos.listaDer .lista { float: inherit; }
    .listaDomos .lista>ul li .info .tit {        font-size: 1.7vw;    }
    .listaDomos .lista>ul li .info .tit sup {  font-size: 1vw; }
    .listaDomos .lista>ul li .info .desc {        font-size: 1.3vw; line-height: 1.8vw;    }
    .listaDomos .lista>ul li .info .desc sup {  font-size: 0.8vw; }

    .listaDomos .domo-op {        width: 100%;        right: 10%;        top: -10%;    }

    .bloque-st1 {flex-direction: column-reverse; width: 70%;    }
    .bloque-st1 .der { width: 100%; margin-bottom: 50px;}
    .bloque-st1 .der img { width: 100%;  }
    .bloque-st1 .izq { width: 100%; }

    .quehacemos-int {   margin-top: 34px; }
    .bloque-st2 {flex-direction: column; width: 70%;    }
    .bloque-st2 .izq { width: 100%; margin-bottom: 50px; text-align: center}
    .bloque-st2 .izq img { width: 100%; max-width: 459px;  }
    .bloque-st2 .der { width: 100%; }
    .bloque-st1 .domo-fondo { top: -22%; left: -45%; width: 157%;    }

    .links-domos { width: 90%; flex-wrap: wrap;}
    .links-domos .items { width: 30%; margin-bottom: 40px;}
    .links-domos .items img { width: 60%;}

    .fix-externos .items { width: 50%; }

    .misc1 {  margin-top: 74px; }

    .fix-quees { margin-top: 74px}

    .txt-solo2 p {  font-size: 16px;  line-height: 25px;  column-gap: 0px; column-count: 1; }
    .txt-solo2 span {  font-size: 34px;    }

    .fotos-100 { width: 90%; }
    .fotos-100 img { width: 40%;}

    .lista-terminos {  background-size: 125% auto; background-position: 116% 23%; }
    .lista-terminos ul li { width: 47%; }

    .txt-solo3 .in {  width: 92%;  }

    .txt-solo4 .in { flex-direction: column; }

    .txt-solo5 .in { flex-direction: column;  align-items: initial;}
    .txt-solo5 h6 {padding-right: 0px;}
    .txt-solo5 p { padding-right: 0px; }

    .links-domos .items img { margin-top: 0px; }

    .galerias .gallery { width: 32%;}
    .galerias .gallery .foto { height: 220px;}

    footer nav div {    padding: 6px 5px;}
    
}


@media screen and (max-width: 720px) {

    header .in .menuMob {        top: 43%;}
    .swiper-container.slider {height: 480px;}
    .slider .swiper-slide .info h2, .swiper-slide .info h6 { font-size: 30px; line-height: 38px; margin-bottom: 30px; }
    .slider .swiper-slide .info h1, .swiper-slide .info span { font-size: 11px; letter-spacing: 0px; padding: 6px 12px;}

    .btn1 {padding: 12px 25px;}
    .btn1 a p {        font-size: 12px;}

    .quehacemos-home .izq .foto1 { margin-top: 0px; }
    .quehacemos-home .der > p { font-size: 16px; line-height: 28px;}
    .quehacemos-home .domo { width: 120%; transform: translateX(-30%);}

    .nuestrosdomos-home h3 { font-size: 36px; }
    .queesundomo-home .izq .p1 { font-size: 72px; top: 70px; left: -27px;}
    .queesundomo-home .izq .p2 { font-size: 72px; top: 150px; left: 42px; width: 404px; }
    .queesundomo-home .der h6 { font-size: 20px;}
    .queesundomo-home .der > p { font-size: 16px; line-height: 29px;}

    .contacto-home .izq .lin1 {font-size: 14px;}
    .contacto-home .izq .lin2 { font-size: 10px;}

    .swiper-container.sliderdomos {        width: 340px;    }

    .listaDomos .lista {        text-align: center;    }
    .listaDomos .lista>h2 {  font-size: 20px; line-height: 28px;   }
    .listaDomos .lista>p { font-weight: 300; color: #333; font-size: 14px; line-height: 19px; width: 90%; margin-left: 5%;}
    .listaDomos .lista>ul li .domo {  width: 90%;    }
    .listaDomos .lista>ul li .info {  width: 90%; text-align: center;     }
    .listaDomos .lista>ul li .info .tit {   font-size: 2.9vw; margin-top: 12px;    }
    .listaDomos .lista>ul li .info .desc { font-size: 2.1vw; line-height: 2.8vw; }
    .listaDomos .lista>ul li .info .tit sup {  font-size: 1.7vw; }
    .listaDomos .lista>ul li .info .desc sup { font-size: 1.4vw;}

    .listaDomos .domo-op {        width: 100%;        right: 10%;        top: -10%;    }

    .bloque-st1 {  width: 90%;    }
    .bloque-st1 .izq { width: 80%; margin: auto;   padding: 0px 0px;    }
    .bloque-st2 { width: 90%;    }
    .bloque-st2 .der { width: 80%; margin: auto;   padding: 0px 0px;    }
    .bloque-st1 .domo-fondo { display: none    }

    .links-domos .items img { width: 80%;}

    .fix-externos .items img { width: 55%; }
    
    .txt-solo2 span {  font-size: 30px;    }

    .txt-solo3 .in { flex-direction: column; width: 80%;}
    .txt-solo3 .col { width: 100%; margin-bottom: 40px; }

    .txt-solo5 h6 { font-size: 22px;  line-height: 30px; }

    .galerias {width: 100%; max-width: 400px; flex-direction: column;}
    .galerias .gallery { width: 100%; height: auto; margin-bottom: 10px; }
    .galerias .gallery .foto {  height: 400px; }
    .galerias .gallery .foto .pic { width: auto; height: 100%;}
    .galerias .gallery .foto:hover .pic {width: auto; height: 100%;}

    .lista-precios  { width:95%; text-align: center;}
    .lista-precios ul { text-align: center; display: flex; justify-content: center; align-items: center;}
	.lista-precios h6 { font-size: 20px; text-align: left}
	.lista-precios h3 { font-size: 16px;}
    .lista-precios ul li {  display: inline-block;}
    .lista-precios ul li img { width: 40vw; }
	
	
	.lista-clientes  { width:95%; text-align: center;}
	.lista-clientes ul { text-align: center; display: flex; justify-content: center; align-items: center;}
	
	
    
    footer nav { flex-direction: column}
    footer nav div { margin: 0px 0px}
    
}


@media screen and (max-width: 560px) {
    header {        height: 54px;}
    header .in .logo {        height: 48px;}
    .swiper-container.slider {        margin-top: 54px;}
    header .in .menuMob { transform: translateY(-36%);}
    .slider .swiper-slide .info h2, .swiper-slide .info h6 { font-size: 26px; line-height: 32px; margin-bottom: 30px; }
    
    .nuestrosdomos-home h3 { font-size: 26px; }

    .swiper-container.sliderdomos {  width: 320px }

    .queesundomo-home .izq { width: 80%;}
    .queesundomo-home .izq h4 { font-size: 46px; line-height: 60px; margin-top: 0px;}

    .queesundomo-home .izq .p1 { font-size: 60px; top: -6px  }
    .queesundomo-home .izq .p2 { font-size: 60px; top: 64px; left: -20px; width: 404px; }

    .contacto-home .der ul li p {        width: 270px;    }

    .listaDomos .lista>ul li .info .desc { font-size: 2.5vw; line-height: 3.6vw;}
    .listaDomos .lista>ul li .info .tit {   font-size: 3.3vw;    }
    .listaDomos .lista>ul li .info .tit sup {font-size: 2.2vw;    }

    .listaDomos .domo-op { display: none  }

    .domo-individual .der h5 {        font-size: 25px;    }
    .domo-individual .izq {  width: 80%; margin: 0px 10%; margin-top: 50px;}
    .domo-individual .der {  text-align: center; margin: 0px 10%; width: 80%;}

    .quehacemos-int {   margin-top: 20px; }
    .bloque-st2 .der h6 {        font-size: 16px;        line-height: 28px;    }
    .bloque-st1 .izq { width: 90%; }
    .bloque-st2 .der { width: 90%;  }

    .quehacemos-home .der {    width: 80%;    }

    .links-domos { flex-direction: column; margin: 0px;}
    .links-domos .items { width: 100%; margin-bottom: 20px; }
    .links-domos .items a { display: flex; flex-direction: row; align-items: center; justify-content: center; }
    .links-domos .items img { width: auto; height: 100px;}
    .links-domos .items p { margin: 0px; margin-left: 15px; width: 170px; text-align: left; }

    .fix-externos { margin: 40px auto;}

    .fix-quees { margin-top: 54px}

    .misc1 {  margin-top: 54px; height: 310px; }
    .misc1 h2 { font-size: 32px;}

    .txt-solo {        font-size: 13px;        line-height: 22px;    }

    .txt-solo2 span {  font-size: 26px;    }

    .fotos-100 { flex-direction: column; width: 50%;}
    .fotos-100 img { width: 100%; margin-bottom: 30px;}

    .lista-terminos ul li {        width: 100%; margin: 0px; margin-bottom: 20px;    }

    .lista-terminos { background-image: none;}
    
    .txt-solo3 h6 { font-size: 18px;  line-height: 27px; }
    .txt-solo3 p { font-size: 16px; line-height: 26px; }

    .txt-solo4 .col2 { width: 300px; }

    .txt-solo5 p { font-size: 15px; line-height: 27px;}

    .galerias {width: 80%;}
    .galerias .gallery .foto {  height: 410px; }
	
	.lista-precios h6 { font-size: 18px; text-align: left}
	.lista-precios h3 { font-size: 14px;}



}

@media screen and (max-width: 440px) {
    .swiper-container.sliderdomos {  width: 80%; }
    .contacto-home .der ul li p {        width: 200px;    }

    .listaDomos .lista>ul { width: 90%; margin: auto; margin-top: 40px;}
    .listaDomos .lista>ul li {  margin-right: 0%;  width: 100%;  margin: auto;  margin-bottom: 40px;}
    .listaDomos .lista>ul li .info .desc { display: none;    }
    .listaDomos .lista>ul li .info .tit { font-size: 4.5vw; margin-top: 17px  }

    .domo-individual .izq {  width: 90%; margin: 0px 5%; margin-top: 40px;}
    .links-domos .items img {  height: 60px;}

    .misc1 h2 { font-size: 24px;}

    .fotos-100 {  width: 80%;}

    .lista-terminos p b { font-size: 20px; }
    .lista-terminos h6 { font-size: 23px; }

    .txt-solo5 h6 { font-size: 20px; line-height: 27px }

    .galerias {width: 80%;}
    .galerias .gallery .foto {  height: 340px; }
	
	.lista-precios ul li img { width: 80vw; }
   
}