html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  font: inherit;
  font-size: 100%;
  vertical-align: baseline;
}

html {
  line-height: 1;
}

ol, ul {
  list-style: none;
}

table {
  border-collapse: collapse;
  border-spacing: 0;
}

caption, th, td {
  text-align: left;
  font-weight: normal;
  vertical-align: middle;
}

q, blockquote {
  quotes: none;
}
q:before, q:after, blockquote:before, blockquote:after {
  content: "";
  content: none;
}

a img {
  border: none;
}

article, aside, details, figcaption, figure, footer, header, hgroup, main, menu, nav, section, summary {
  display: block;
}

* {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

body {
  
  font-family: "Raleway", sans-serif;
  font-weight: 400;
  font-size: 1vw;
  color: #45494c;
  overflow-x: hidden;
  outline: 0;
  opacity:0;
  transition: all 1s 0.5s;
  background-color: #fff;
  position: relative;
}

@media screen and (max-width: 795px) {
  body {
    font-size: 18px;
    line-height:22px;
  }
}

@media screen and (max-width: 485px) {
  body {
    font-size: 14px;
    line-height: 16px;
  }
}

p {
  margin: 0;
  padding: 0;
  border: 0;
  vertical-align: baseline;
  text-indent: 0;
}

a, a:hover, button {
  text-decoration: none;
  color: inherit;
  outline: 0;
  transition: all 0.3s;
}

strong {
  font-weight: bold;
}

a[href^="tel"] {
  color: inherit;
}

.slick-slide {
  outline: none;
}

ul {
  padding: 0;
  margin: 0;
}

li {
  list-style-type: none;
}



body.loaded {
  opacity: 1;
  
}

.grecaptcha-badge {
  display: none !important;
}

.fijo { display: block; position: fixed; right: 2vw; bottom: 5vw; z-index: 93; font-size: 1.5vw; }
.fijo .fa-stack { color:#00e585; }
header { display:block; position:fixed; width:100vw;  z-index:99; padding:2vw 5.9523809524vw;  height:8vw; top:0; left:0; -webkit-transform: translate3d(0, -100px, 0); transform: translate3d(0, -100px, 0); opacity: 0; transition: 1s  .5s; background-color:rgba(255,255,255,.8);z-index:2; }
.loaded header { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); opacity: 1; }
header.chico { height:5.5vw; padding:1vw 5.9523809524vw; background:#fff; box-shadow: 0px 0px 0px 2px #ccc;}

header h1 { display: inline-block; float:left; position:relative; overflow:hidden; width:17.916666667vw; vertical-align: middle; margin-left:1.1904761905vw; transition: all 1s;}
header h1 img { display:block; width:100%; height:auto; }
header.chico h1 { width:12.916667vw; }

header .listafrases { display: inline-block; float: left; position: relative; overflow: hidden; width: 32vw; font-size: 1vw; line-height: 1.2vw; color: #134680; font-weight: 700; margin-top: 2.2vw; margin-left:2vw;}
header  .listafrases ul { display:block; position:relative; overflow:hidden; width:100%; }
header  .listafrases ul li { display:block; position:relative; overflow:hidden; width:100%; }

/*header  .listafrases ul li.slick-slide { display:block; position:relative; overflow:hidden; width:100%; -webkit-transform: translate3d(0, -1000px, 0); transform: translate3d(0, -1000px, 0); opacity: 1;  }
header  .listafrases ul li.slick-active { -webkit-transform: translate3d(0, 0px, 0); transform: translate3d(0, 0px, 0); opacity: 1; }*/
header  .listafrases ul li .frasetop { display: block;  position: relative; overflow: hidden; width: 100%; font-size: 1vw; line-height: 1.2vw; color: #134680; font-weight: 700; }
header  .listafrases ul li .frasetop div {display:inline-block; overflow:hidden; white-space:nowrap; }
header  .listafrases ul li .frasetop div:first-of-type {animation: showup 5s infinite; }
header  .listafrases ul li .frasetop div:last-of-type {width:0px; animation: reveal 5s infinite; }
header  .listafrases ul li .frasetop div:last-of-type span {margin-left:-400px; animation: slidein 5s infinite; }
header.chico .listafrases { margin-top: 1.5vw; font-size: .8vw; }

@keyframes showup {
    0% {opacity:0;}
    20% {opacity:1;}
    80% {opacity:1;}
    100% {opacity:0;}
}

@keyframes slidein {
    0% { margin-left:-800px; }
    20% { margin-left:-800px; }
    35% { margin-left:0px; }
    100% { margin-left:0px; }
}

@keyframes reveal {
    0% {opacity:0;width:0px;}
    20% {opacity:1;width:0px;}
    30% {width:400px;}
    80% {opacity:1;}
    100% {opacity:0;width:400px;}
}

header .redes { display:inline-block; float:right; position:relative; vertical-align: middle;font-size: .8vw; line-height: 1vw; text-transform: uppercase; cursor: pointer; margin-top: 1.8vw; margin-right: 1vw; color:#134680; transition:all 1s;}
header.chico .redes {  margin-top:.8vw; }


header .redes a .fa-stack {  color: #134680; }
header .redes a.facebook .fa-stack-1x { top:.1vw; }
/*.interna .compartir .redes div a .fa-inverse { color:#fff; }*/
header .redes a.whatsapp:hover .fa-stack { color: #00e585; }
header .redes a.facebook:hover .fa-stack { color: #4169ac; }
header .redes a.instagram:hover .fa-stack { color:#db2d6d; }
header .redes a:hover .fa-inverse { color:#fff;}

header #click-menu {  display:inline-block;  position: relative; width: 3.2vw; height: 2.5vw; margin-right: 0vw; cursor: pointer; z-index: 9999; float: right; border-left:1px solid #bababa; border-right:1px solid #bababa; margin-top:1.7vw; transition:all 1s;}
header.chico #click-menu {  margin-top:.7vw; }

header #click-menu span { position: absolute; left: .5vw; top: .5vw; margin:0 auto; display: block; width: 66%; height: .3vw; border-radius: 3px; background-color: #134680; transition: all .3s;}
header #click-menu span:nth-child(2) {top: 1vw; }
header #click-menu span:nth-child(3) {top: 1.5vw; }
header #click-menu.active span:nth-child(1) {top: 1vw; -webkit-transform: rotate(135deg); -moz-transform: rotate(135deg); -o-transform: rotate(135deg); transform: rotate(135deg); }
header #click-menu.active span:nth-child(2) {opacity: 0; top: -7.8125vw; }
header #click-menu.active span:nth-child(3) {top: 1vw; -webkit-transform: rotate(-135deg); -moz-transform: rotate(-135deg); -o-transform: rotate(-135deg); transform: rotate(-135deg); }

header .menu { display: none; position: fixed; overflow: hidden; width: auto; padding: 1vw 2vw; background:#134680; z-index: 99; transition: all .5s; top: 8vw; right: 5.9523809524vw; }
header .menu.abierto { display:block; }
header.chico .menu { top:5.6vw; }

header .menu ul li { display: block; position: relative; overflow: hidden; color: #fff; text-align: left; font-size: 1vw; line-height:1.2vw; margin-bottom: .5vw; padding-bottom:.5vw; border-bottom:1px solid #fff; cursor:pointer; }
header .menu ul li:last-child { border-bottom:0; margin-bottom:0; padding-bottom:0;}
header .menu ul li#Movil2 { display:none; }
header .menu ul li:hover { color:#ccc; }

header .submenuMovil { display:none; position: relative; margin-top:10px;  width:100%; z-index:99; }
    
header .menu ul li .submenuMovil  { display:none; position:relative; width:100%; }
header .menu ul li .submenuMovil.abierto { display:block; }

header .menu ul li .submenuMovil  li { display:block; position:relative; padding:0 20px 10px 20px; font-size:20px; line-height:22px;cursor:pointer;}

header .idiomas { display:inline-block; float:right; position:relative; vertical-align: middle; margin-left:1vw; color:#134680; font-size:1vw; line-height: 1.2vw; text-transform: uppercase; cursor:pointer; margin-top:2.2vw;  z-index:100; transition:all 1s;}
header.chico .idiomas {  margin-top:1.2vw; }
header .idiomas .fa { font-size: 1.5vw; display: inline-block; vertical-align: top; }
header .idiomas .muestraOpciones { display: inline-block; position: relative; padding-bottom: 2.4vw; }
header .idiomas .muestraOpciones:hover { color:#282828; }
header .idiomas ul.opciones {  display:block; position:absolute; top:-5vw; left:-1.5vw; background:#134680; padding:1vw 2vw 1vw 1vw;  opacity:0; height:0; transition: height .1s; z-index:99; }
header .idiomas .opciones li { display: block; position:relative; overflow:hidden; font-size:1vw; line-height:1.2vw; text-transform: none; color:#fff; margin-bottom:.5vw;}
header .idiomas .opciones li:first-child { }
header .idiomas .opciones li:last-child { padding-top:0vw; margin-bottom:0; }
header .idiomas .opciones li:hover { color:#ccc; }
header .idiomas .muestraOpciones:hover ul.opciones { opacity:1; height:auto; top:3.8vw;}
header.chico .idiomas .muestraOpciones:hover ul.opciones { opacity:1; height:auto; top:3.4vw;}



main { display: block; position:relative; overflow:hidden; width:100vw; z-index:1;}

section { display:block; position:relative; overflow:hidden; width:100%; }

.slideHome { display: block; position:relative; overflow:hidden; width:100%; height:52vw !important;}
.slideHome ul { display: block; position:relative; overflow:hidden; width:100%; height:52vw !important;}
.slideHome ul li { display: block; position:relative; overflow:hidden; width:100%; height:52vw !important; background-repeat: no-repeat; background-position:center; background-size:cover; }
.slideHome ul li a { display:block; position:relative; overflow:hidden; width:100%; height:52vw !important; }

.slideHome .home-right, .home-left { display:block; position:absolute; top:26vw; font-size:4vw; color:#fff; cursor:pointer; text-shadow: 1px 1px #000; opacity:0; z-index:9; transition: all .5s;}
.slideHome .home-right { right:5.9523809524vw; }
.slideHome .home-left { left:5.9523809524vw; }

.slideHome:hover .home-right, .slideHome:hover .home-left {opacity: 1; }


 .caja {display: inline-block; float: left; position:relative; overflow:hidden; border:1px solid #d9d9d9; height:30px; overflow: hidden; width: 230px; position:relative; vertical-align: middle; }
select {background: transparent; border: none; font-size: 14px; height: 30px; padding: 5px; width: 250px; color:#000; display:block;}
select:focus{ outline: none;}

 .caja::after{content:"\025be"; display:table-cell; padding-top:7px; text-align:center; width:30px; height:30px; background-color:#d9d9d9; position:absolute; top:-18px; right:0px; pointer-events: none; padding-bottom:9px; font-size:25px;}
 

.somos { display:block; position:relative; overflow:hidden; width:100%;  padding:10vw 5.9523809524vw; }
.somos .izq { display: inline-block; float: left; width: 30.535714286vw; position: relative; overflow: hidden; } 
.somos .izq h2 { display:block; text-align:right; color:#134680; font-weight: 100; font-size:6.1vw; line-height:6.2vw; -webkit-transform: translate3d(-400px, 0, 0); transform: translate3d(-400px, 0, 0); opacity: 0; transition:1s .5s;}
.somos .izq h2.visible { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); opacity: 1; }
.somos .izq h2 span { display:block; font-weight: 900; }
.somos .der { display: inline-block; float: right; width: 52.380952381vw; position: relative; overflow: hidden; margin-top:1vw;   -webkit-transform: translate3d(400px, 0, 0); transform: translate3d(400px, 0, 0); opacity: 0; transition:1s .5s;}
.somos .der.visible { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); opacity: 1; }
.somos .der .texto { display:block; width:80%; }
.somos .der .contanos { display:table; position:relative; overflow: hidden; margin-top:2vw; color:#fff; font-size:1.2vw; line-height: 1.4vw; text-transform: uppercase; padding:1vw 1.5vw; background:#134680; font-weight: 300; cursor:pointer; border:1px solid #134680; }
.somos .der .contanos:hover { color:#134680; background:#fff; }



.servicios { display:block; position:relative; overflow:hidden; width:100vw; padding:10vw 5.9523809524vw; background:#134680; background-image: url(../img/fondo-servicios.jpg); background-repeat: no-repeat; background-position: left bottom; background-size: 100%;}
.servicios ul { display:block; position:relative; overflow:hidden; width:100%; margin-left: 7vw;}
.servicios ul li { display:inline-block; float:left; position:relative; overflow:hidden; width:33.33%; text-align: center;  -webkit-transform: translate3d(0, 150px, 0);
    transform: translate3d(0, 300px, 0); opacity: 0; transition: all 1s 0.5s; }
.servicios ul.visible li { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); opacity: 1; }
.servicios ul li .logo { display:block; margin-bottom:3vw; }
.servicios ul.visible li:nth-child(2) {transition: all .7s 1s; }
.servicios ul.visible li:nth-child(3) {transition: all .7s 1.5s; }
.servicios ul li:nth-child(1) .logo { width:8.8095238095vw; }
.servicios ul li:nth-child(2) .logo { width:6.1904761905vw; margin-bottom:2.9vw;}
.servicios ul li:nth-child(3) .logo { width:7.2619047619vw; margin-bottom:3.5vw;}

.servicios ul li .logo img { display:block; width:100%; height:auto; }

.servicios ul li h2 { display:block; color:#fff; text-transform: uppercase; font-weight: 700; font-size:1.6vw; line-height:1.8vw; text-align:left; margin-bottom: 3vw;}
.servicios ul li h2 span { font-weight: 300; display:block; }

.servicios ul li .linea { display:table; width:5.2vw; height:.2vw; background:#fff; margin-bottom: 3vw; }
.servicios ul li p { display: block; font-size:1vw; line-height:1.4vw; color:#fff; font-weight: 600; text-align: left;  }

 

.portfolio { display:block; position:relative; overflow:hidden; width:100vw; padding:10vw 5.9523809524vw; background:#fff; }
.portfolio ul.titulos { display:block; position:relative; overflow:hidden; width:100%; text-align: center;  }
.portfolio ul.titulos li { display:inline-block; margin-right:1vw; color:#023a6a; font-size:1.1vw; line-height: 1.3vw; text-transform: uppercase; font-weight: 400; cursor:pointer;}
.portfolio ul.titulos li a.sele { font-weight: 900; }

.portfolio ul.trabajos { display: block; position:relative; overflow:hidden; margin-top:3vw; width:105%; }
.portfolio .trabajos li { display:inline-block; float:left; width:23%; margin-right:1vw; position:relative; overflow:hidden; margin-bottom:1vw; -webkit-transform: translate3d(0, 80px, 0);
    transform: translate3d(0, 80px, 0); opacity: 0; transition: all .7s 0.5s;}
.portfolio .trabajos.visible li { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); opacity: 1; }
.portfolio .trabajos.visible li:nth-child(2) {transition: all .7s 0.7s; }
.portfolio .trabajos.visible li:nth-child(3) {transition: all .7s 0.9s; }
.portfolio .trabajos.visible li:nth-child(4) {transition: all .7s 1.1s; }
.portfolio .trabajos li img { display:block; width:100%; height:auto; }
.portfolio .trabajos li .mascara { display: block; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(19,70,128,.9);  transition: all .5s; opacity:0; transform: translateX(-1000px); -webkit-transform: translateX(-1000px); -moz-transform: translateX(-1000px); -o-transform: translateX(-1000px); }
.portfolio .trabajos li .mascara h2 { display:table; position:relative; text-align:center; font-size:1.5vw; line-height: 1.8vw; color:#fff; padding: .5vw; border: 1px solid #fff; text-align: center; left: 0; right: 0; margin: 1vw auto 0 auto; transition:none !important;margin-top:1vw;}
.portfolio .trabajos li .mascara h2:hover { background:#fff; color:#134680; border:1px solid #134680; }
.portfolio .trabajos li .mascara h3 { display:block; position:relative; text-align:center; font-size:1.5vw; line-height: 1.8vw; color:#fff; font-weight: 700; margin-top:40%; }
.portfolio .trabajos li:hover .mascara { opacity:1; transform: translateX(0px); -webkit-transform: translateX(0px); -moz-transform: translateX(0px); -o-transform: translateX(0px);  }

.portfolio .trabajos li.par .mascara {  transform: translateY(-1000px); -webkit-transform: translateY(-1000px); -moz-transform: translateY(-1000px); -o-transform: translateY(-1000px); }
.portfolio .trabajos li.par:hover .mascara { opacity:1; transform: translateY(0px); -webkit-transform: translateY(0px); -moz-transform: translateY(0px); -o-transform: translateY(0px);  }
.portfolio .loading { display: table; position: relative; overflow: hidden; text-align: center; margin: 8vw auto 2vw auto; font-size: 2vw; }

.portfolio .trabajos li.nohay { width: 94%; text-align: center; margin: 4vw 0; }

.redessociales { display:block; position:relative; overflow:hidden; width:100vw; padding:5vw 5.9523809524vw; background:#134680; }
.redessociales .juicer-feed h1.referral { display:none !important; }
.juicer-feed .j-paginate { background:#fff !important; color:#134680 !important; border-color:#134680 !important; }
.juicer-feed .j-display-filters { color:#fff !important;  }

.contacto { display:block; position:relative; overflow:hidden; width:100vw; padding:10vw 5.9523809524vw; background:#292929; background-image: url(../img/fondo-contacto.jpg); background-repeat: no-repeat; background-position: left bottom; background-size: 100%;}
.contacto .izq { display:inline-block; float:left; position:relative; overflow:hidden; width:31.726190476vw; margin-left:5.9523809524vw; -webkit-transform: translate3d(-400px, 0, 0); transform: translate3d(-400px, 0, 0); opacity: 0; transition:1s .5s;}
.contacto .izq.visible { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); opacity: 1; }
.contacto .izq h2 { display:block; color:#2d6bb2; font-size:2.6vw; line-height:2.8vw; text-transform: uppercase; font-weight: 900; margin-bottom:1vw; }
.contacto .izq h3 { display:block; color:#cccccc; font-size:1.6vw; line-height:1.8vw; font-weight: 300; margin-bottom:.5vw; }
.contacto .izq p, .contacto .email { display:block; color:#cccccc; font-size:1vw; line-height:1.3vw; font-weight: 300; }
.contacto .izq .telefono { display:block; color:#cccccc; font-size:1.6vw; line-height:1.8vw; font-weight: 300; margin-bottom:.5vw; margin-top:2vw; }
.contacto .izq .telefono strong { font-weight: 700; }
.contacto .email { margin-top:.5vw; }
.contacto .email:hover, .contacto .telefono:hover { color:#2d6bb2; }

.contacto .redes { display:block; margin-top:2vw; position:relative; overflow:hidden; }
.contacto .redes a { display: inline-block; float:left; position:relative; overflow:hidden; margin-right:1vw; font-size:.95vw; }
.contacto .redes .fa-stack { color: transparent; border: 1px solid #fff; border-radius: 50%; }
.contacto .redes a:hover .fa-stack { border-color:#2d6bb2; }
.contacto .redes a:hover  .fa-stack-1x { color:#2d6bb2; }

.contacto .izq .copy { display:block; color:#cccccc; font-size:.8vw; line-height:1vw; font-weight: 300; margin-top:3vw;}
.contacto .izq .copy strong { font-weight: 700; }
.contacto .der { display:inline-block; float:right; position:relative; overflow:hidden; width:35.119047619vw; margin-right:5.3571428571vw; -webkit-transform: translate3d(400px, 0, 0); transform: translate3d(400px, 0, 0); opacity: 0; transition:1s .5s;}
.contacto .der.visible { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); opacity: 1; }
.contacto .der form { display: block; position: relative; overflow: hidden; width: 100%; margin-top: 4vw; }
.contacto .der form ol li { display:inline-block; float:left; width:46%; margin-right:4%; margin-bottom: 1vw; }
.contacto .der form ol li.largo { display:block; float:none; width:98%;  margin-bottom: 1vw; }

.contacto .der form ol li label { display: block; color: #ccc; font-size: 1vw; font-weight: 500; margin-bottom: .5vw }
.contacto .der form ol li input { display: block; position: relative; overflow: hidden; width: 100%; font-size: 1vw; line-height: 1.2vw; color: #ccc; font-weight: 300; background: transparent; border: 1px solid #8d8e8e; border-width: 0 0 1px 0; padding-bottom: .5vw; }
.contacto .der form ol li textarea { display: block; position: relative; overflow: hidden; width: 100%; font-size: 1vw; line-height: 1.2vw; color: #ccc; font-weight: 300; background: transparent; border: 1px solid #8d8e8e; border-width: 0 0 1px 0; padding-bottom: .5vw; height:5vw;}
.contacto .der form button { display: inline-block; float:left; position: relative; overflow: hidden; background: #134680; font-size: .9vw; line-height: 1.4vw; color: #fff; font-weight: 700; text-transform: uppercase; padding: .5vw 1vw; border: 1px solid #134680; border-radius: 12px; cursor:pointer; margin-top:1vw; }
.contacto .der form button:hover { background:#fff; color:#134680; }
.contacto .der form .linea { display: inline-block; width: 66.5%; background: #8d8e8e; height: 1px; margin-left: 1vw; float: left; vertical-align: middle; margin-top: 2.3vw; }
.contacto .mobile { display: none; }


.slideInterna { display: block; position:relative; overflow:hidden; width:100%; height:42vw !important;}
.slideInterna ul { display: block; position:relative; overflow:hidden; width:100%; height:42vw !important;}
.slideInterna ul li { display: block; position:relative; overflow:hidden; width:100%; height:42vw !important; background-repeat: no-repeat; background-position:center top; background-size:100%; }

.interna { display:block; position:relative; overflow:hidden; width:100%;  padding:6vw 5.9523809524vw; }
.interna .izq { display:inline-block; float:left; position:relative; overflow:hidden; width:42.55952381vw; margin-left:5.9523809524vw; margin-bottom:2vw;-webkit-transform: translate3d(-400px, 0, 0); transform: translate3d(-400px, 0, 0); opacity: 0; transition:1s .5s;}
.interna .izq.visible { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); opacity: 1; }
.interna .izq img { display:block; width:100%; height:auto; }
.interna .der { display:inline-block; float:right; position:relative; overflow:hidden; width:29.166666667vw; margin-top:2vw; margin-bottom:2vw;-webkit-transform: translate3d(400px, 0, 0); transform: translate3d(400px, 0, 0); opacity: 0; transition:1s .5s;}
.interna .der.visible { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); opacity: 1; }
.interna .der p { display:block; font-size:.9vw; line-height: 1.2vw; }
.interna .der p strong { font-weight: 700; text-transform: uppercase; }

.interna ul.imagenes { display:block; clear:both; position:relative; overflow:hidden; width:100%; padding-top:6vw; }
/*.interna .imagenes li { display:inline-block; position:relative; overflow:hidden; width:31%; margin-right:1vw; margin-bottom:1vw; cursor:pointer; -webkit-transform: translate3d(0, 150px, 0);
    transform: translate3d(0, 300px, 0); opacity: 0; transition: all 1s 0.5s; }
.interna .imagenes.visible li:nth-child(1n) { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); opacity: 1; }
.interna .imagenes.visible li:nth-child(2n) {transition: all .7s 1s; }
.interna .imagenes.visible li:nth-child(3n) {transition: all .7s 1.5s; }*/
.interna .imagenes li  { display:block; position:relative; overflow:hidden; width:100%; margin:0 0 2vw 0; }
.interna .imagenes li img { display:block; width:100%; height:auto; }

ul.imagenesInternas { display:block; clear:both; position:relative; overflow:hidden; width:100%; padding-top:2vw; }
.imagenesInternas li  { display:block; position:relative; overflow:hidden; width:100%; margin:0; }
.imagenesInternas li img { display:block; width:100%; height:auto; }


.volver { display:table; position:relative; overflow: hidden; margin:2vw auto; color:#fff; font-size:1.2vw; line-height: 1.4vw; text-transform: uppercase; padding:1vw 1.5vw; background:#134680; font-weight: 300; cursor:pointer; border:1px solid #134680; }
.volver:hover { background:#fff; color:#134680;  }

.interna .compartir { display:block; position:relative; overflow:hidden; width:100%; padding-top:2vw; }
.interna .web { display:inline-block; float:right; position:relative; overflow: hidden;  color:#fff; font-size:1.2vw; line-height: 1.4vw; text-transform: uppercase; padding:1vw 1.5vw; background:#134680; font-weight: 300; cursor:pointer; border:1px solid #134680; -webkit-transform: translate3d(-300px, 0, 0); transform: translate3d(-300px, 0, 0); opacity: 0; transition:1s .5s;margin-right:3.2vw;}
.interna .compartir.visible .web { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); opacity: 1; }
.interna .web:hover { background:#fff; color:#134680; transition:none !important;}
.interna .compartir .redes { display: inline-block; float: right; position: relative; overflow: hidden;-webkit-transform: translate3d(2000px, 0, 0); transform: translate3d(2000px, 0, 0); opacity: 0; transition:1s .5s; margin-top: -.2vw;}
.interna .compartir.visible .redes { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); opacity: 1; }
.interna .compartir .redes div { display:inline-block; margin-left:.5vw; font-size: 1.5vw; }
.interna .compartir .redes div .fa-stack {  color: #134680; }
.interna .compartir .redes div a.facebook .fa-stack-1x { top:.1vw; }
/*.interna .compartir .redes div a .fa-inverse { color:#fff; }*/
.interna .compartir .redes div a.whatsapp:hover .fa-stack { color: #00e585; }
.interna .compartir .redes div a.facebook:hover .fa-stack { color: #4169ac; }
.interna .compartir .redes div a.twitter:hover .fa-stack { color:#45afe2; }
.interna .compartir .redes div a:hover .fa-inverse { color:#fff;}


.texto { display:block; position:relative; overflow:hidden; color:#353535; ; }
.texto p { display:block; color:#45494c; font-size:1.1vw; line-height:2vw; margin:0 0 .5vw 0; }
.texto h3 { display:block; font-size:1vw; line-height:1.2vw; color:#cd0000; font-weight: 300; margin:.5vw 0; text-transform: uppercase; }

.texto ul { display:block; position:relative; overflow:hidden; margin:.5vw 0;}
.texto ul li { display:block; position:relative; overflow:hidden; font-size:1vw; line-height:1.2vw;  color:#2c3140; padding-left:1.5vw; margin-bottom:.2vw;}
.texto ul li::before { content: "\f00c"; font-family: FontAwesome; position: absolute; top: 0.1vw; left: .2vw; font-size: 1vw; color: #cd0000; z-index: 1; }
.texto table { display:block; position:relative; overflow:hidden; width:100%; margin:1vw 0 1vw 0;border-collapse: collapse; }
.texto table th { background:#ff9900; width:25%; text-align:center; color:#fff;  font-weight:normal; padding:.5vw; font-size:1vw; }
.texto a { color:#99402e; }

.texto table tr:nth-child(odd){
    background: #fff;
}
 
.texto table tr:nth-child(even){
    background: #f0f2f2;
    border:solid #cfd9da; border-width:1px 0;
}
.texto table tr td { width:25%; text-align:center; color:#262626;  font-weight:normal; padding:.5vw; font-size:1vw; }







  @media 
  only screen and (max-width: 600px),
  (min-device-width: 600px) and (max-device-width: 600px)  {
  
    .texto table, .texto thead, .texto tbody, .texto th, .texto td, .texto tr { 
      display: block; position:relative; overflow:hidden;
    }
    table { width:95%;}
    
    /* Hide table headers (but not display: none;, for accessibility) */
    .texto thead tr { 
      position: absolute;
      top: -9999px;
      left: -9999px;
    }

     .texto tr:nth-of-type(odd) { 
      background: #fff; 
      border:solid #ccc;
      border-width:0 0 5px 0;
    }

    
    .texto tr { border: 1px solid #000; margin-bottom:10px; }
    
    .texto td { 
      /* Behave  like a "row" */
      border: none;
      border-bottom: 1px solid #eee; 
      position: relative;
      padding-left: 50%; 
      padding-top:5px; padding-bottom:5px;
    }
    
    .texto td:before { 
      width: 100%;
    padding-right: 10px;
    white-space: nowrap;
    text-align: left;
    }

    td:nth-of-type(1) { background:#ff9900; color:#ffffff !important; }
    .texto table tr td { width:100%; }
    
    /*
    Label the data
    */
    td:nth-of-type(1):before { content: "Régimen"; }
    td:nth-of-type(2):before { content: "Desayuno"; }
    td:nth-of-type(3):before { content: "Media Pensión"; }
    td:nth-of-type(4):before { content: "Pensión Completa"; }

  }


 

  @media screen and (max-height: 1024px){
    #rc-imageselect, .g-recaptcha {transform:scale(0.77); -webkit-transform:scale(0.77);transform-origin:0 0;-webkit-transform-origin:0 0;}

  }






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

  header { height:15vw; }
  header h1 { width:36.916667vw; }
  header .idiomas { display:none; }
  header #click-menu { width:60px; height:60px; margin-top:1.5vw; }
  header #click-menu span { left:10px; top:3vw; height:3px; }
  header #click-menu.active span:nth-child(1), header #click-menu.active span:nth-child(3) { top:4vw; }
  header #click-menu span:nth-child(2) { top:4vw; }
  header #click-menu span:nth-child(3) { top:5vw; }
  header .redes { font-size:14px; line-height:16px; margin-top:3vw; }
  header .menu { top:15vw; padding:10px 20px; }
  header .menu ul { display:block; padding:10px 0; }
  header .menu ul li { font-size:16px; line-height:18px; margin-bottom:10px; padding-bottom:10px; }
  header.chico { height:10vw; }
  header.chico h1 { width: 32.916667vw; }
  header.chico .redes { margin-top:2vw; }
  header.chico #click-menu { height:40px; margin-top: 2vw; }
  header.chico #click-menu span { left:10px; top:1.5vw; height:3px; }
  header.chico #click-menu.active span:nth-child(1), header.chico #click-menu.active span:nth-child(3) { top:2.5vw; }
  header.chico #click-menu span:nth-child(2) { top:2.5vw; }
  header.chico #click-menu span:nth-child(3) { top:3.5vw; }
  header.chico .menu { top:10vw; }
  header .listafrases { display:none; }
  .slideHome, .slideHome ul li, .slideHome ul, .slideInterna, .slideInterna ul, .slideInterna ul li { height:101vw !important; } 
  .slideHome .home-right, .home-left { top:54vw; font-size:50px; }
  .somos .izq h2 { font-size:60px; line-height:60px; } 
  .servicios ul li h2 { font-size:17px; line-height:19px; }
  .servicios ul li p { font-size:16px; line-height: 22px; }
  .portfolio ul.titulos li { font-size:18px; line-height:20px; }
  .somos .der .contanos, .interna .web, .volver { font-size:18px; line-height:20px; padding:10px 15px; font-weight: 400;}
  .somos .der .contanos, .interna .web, .volver { display: block; text-align: center; }
  .contacto .izq, .contacto .der { display:block; float:none; width:88%; margin-left:5.9523809524vw; margin-right:5.9523809524vw; }
  .contacto .izq h3 { font-size:25px; line-height: 29px; }
  .contacto .izq .telefono { font-size:30px;line-height: 36px; }
  .contacto .izq h2 { font-size: 40px; line-height: 42px; }
  .texto p { font-size:16px; line-height:20px; margin:5px 0; }
  .texto h3 { font-size:20px; line-height: 22px; margin:5px 0;}
  .contacto .izq p, .contacto .email { font-size:18px; line-height:22px; }
  .contacto .redes a { font-size:20px; }
  .contacto .izq .copy { font-size:16px; line-height: 20px; }
  .contacto .der form ol li label { font-size: 16px; margin-bottom:5px; }
  .contacto .der form ol li input, .contacto .der form ol li textarea { font-size:18px; line-height:20px; padding-bottom:5px; }
  .contacto .der form ol li textarea { height:100px; }
  .contacto .der form ol li { margin-bottom: 20px; }
  .contacto .der form button { font-size: 16px; line-height:18px; padding:5px 10px; margin-top:10px; }
  .contacto .der form .linea { width:69.5%; margin-top: 3.3vw }
  .interna .izq { width:35.65vw; }
  .interna .der { width:39.16vw; }
  .interna .der p { font-size:16px; line-height: 20px; }
  .interna .compartir .redes span { font-size:20px; }
  .somos .der .texto { width:95%; }
  .contacto .izq .esc { display:none; }
  .contacto .izq.mobile { margin-top:40px;  }
  .fijo {display: block; position: fixed; right: 5vw; bottom: 11vw; z-index: 93; font-size: 20px; }
   
  

}

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

  header, header.chico { height:19vw; padding:2vw 20px;}
  header h1, header.chico h1 { margin-top:1.5vw; width:44.916667vw;}
  header #click-menu, header.chico #click-menu { border:0; font-size:12px; line-height: 14px; margin-top:2.5vw; width:30px; height:40px; margin-right:20px;}
  header #click-menu span, header.chico #click-menu span { left:10px; top:3vw; height:3px; width:100%;}
  header #click-menu.active span:nth-child(1), header #click-menu.active span:nth-child(3) { top:5vw; }
  header #click-menu span:nth-child(2), header.chico #click-menu span:nth-child(2) { top:5vw; }
  header #click-menu span:nth-child(3), header.chico #click-menu span:nth-child(3) { top:7vw; }
  header.chico #click-menu.active span:nth-child(1), header.chico #click-menu.active span:nth-child(3) { top:5vw; }
  header .redes, header.chico .redes { font-size:12px; line-height: 16px; margin-top:3.5vw; }
  .slideHome .home-right, .home-left { display: none; }
  header .menu { display:block; top:19vw; left:0; width:100vw; -webkit-transform: translate3d(400px, 0, 0); transform: translate3d(400px, 0, 0); opacity: 0; transition:.5s .5s; }
  header .menu ul li { font-size:20px; line-height:22px; }
  header.chico .menu { top:19vw; }
  header .menu.abierto { opacity:1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); }
  .somos, .contacto, .interna, .servicios { padding:40px 20px; }
  .somos .izq, .somos .der { display:block; float:none; width:100%; }
  .somos .izq h2 { text-align: left; line-height: 54px; margin-bottom:20px; }
  .servicios {  width:100%; }
  .servicios ul { margin:0; }
  .servicios ul li { display:block; float:none; width:100%; margin-bottom:40px; }
  .servicios ul li:last-child { margin-bottom:0; }
  .servicios ul li .logo { width:40vw !important; margin-bottom:20px !important; }
  .servicios ul li:nth-child(2) .logo { width:30vw !important; }
  .servicios ul li .linea { width:29.2vw; height:.5vw; margin-bottom:20px; }
  .contacto .izq, .contacto .der { margin:0; }
  .contacto .izq h2 { font-size: 30px; line-height:32px; margin-bottom: 20px; }
  .contacto .izq h3 { font-size:20px; line-height: 24px; }
  .contacto .izq .telefono { font-size:26px; margin-bottom:10px; }
  .contacto .izq p, .contacto .email { font-size:16px; }
  .contacto .redes a {font-size: 14px; margin: 10px 10px 10px 0; }
  .contacto .izq .copy { font-size:14px; margin-bottom:30px; }
  .contacto .der form ol li { display:block; float:none; width: 100%; margin-right:0; }
  .contacto .der form .linea {display:none; }
  .contacto .der form button { margin-top:20px; }
  .interna .izq, .interna .der { display:block; float:none; width:100%; margin:0;}
  .interna .der  { margin-top:20px; }
  .interna .compartir { margin-top:20px; }
  .interna .compartir .redes { display:block; width:100%; float:left; margin-top:20px; }
  .interna ul.imagenes { padding-top:40px; width:98%; }
  .interna ul.imagenes li { display:block; float:none; width:100%; margin-bottom:20px; }
  .interna .izq img { width:90%; margin-top:10px; }
  .portfolio .trabajos li { width:45%; margin-right:10px; margin-bottom: 10px;}
  .portfolio ul.trabajos { margin-top:40px; width:100%; }
  .portfolio .trabajos li { width:100%; margin:0 0 20px 0; }
  .portfolio .trabajos li .mascara h2 { margin-top:30%; padding:10px; font-size:16px; line-height:18px; font-weight: 400; }
  .portfolio .trabajos li .mascara h3 { font-size:22px; line-height:24px; }
  ul.imagenesInternas { padding-top:0; }
  .fijo {display: block; position: fixed; right: 3vw; bottom: 17vw; z-index: 93; font-size: 20px; }
  

}