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: "Poppins", sans-serif;
font-weight: 300;
font-size: 1vw;
color: #09254d;
overflow-x: hidden;
outline: 0;
opacity:1;
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;
}
.grecaptcha-badge {
display: none !important;
}
header { display: block; position:fixed; overflow:hidden;background:#fff; width:100%; height:6.2vw; padding:1.369047619vw 6.5476190476vw; z-index:2; top:0; left:0; border-bottom:1px solid #aaaaaa;}
header h1 { display: inline-block; float:left; width:18.2142857143vw; position:relative; overflow:hidden; -webkit-transform: translateX(-500px); transform: translateX(-500px); opacity: 0; transition: 1s .2s; }
.loaded header h1 { -webkit-transform: translateX(0); transform: translateX(0); opacity:1; }
header h1 img { display: block; width:100%; height:auto; }
header ul.menu { display:inline-block; float:left; position:relative; overflow:hidden; margin-left:5.7142857143vw; margin-top:.6vw;}
header .menu li { display:inline-block; float:left; position:relative; overflow:hidden; margin-right:1.1904761905vw; border:1px solid #aaaaaa;}
header .menu li a { display:block; position:relative; overflow:hidden; width:100%; color:#000000; font-size:.88vw; line-height: 1.4vw; font-weight: 700; text-transform: uppercase; transition:none; padding: .3vw 1vw; cursor:pointer;}
header .menu li a:hover, header .menu li .sele { color:#fff; background:#001a42; }
header .menu li:last-child { margin-right:0; }
header .menu li:nth-child(1) { -webkit-transform: translateY(-500px); transform: translateY(-500px); opacity: 0; transition: 1s .5s; }
.loaded header .menu li:nth-child(1) { -webkit-transform: translateY(0); transform: translateY(0); opacity:1; }
header .menu li:nth-child(2) { -webkit-transform: translateY(-500px); transform: translateY(-500px); opacity: 0; transition: 1s .6s; }
.loaded header .menu li:nth-child(2) { -webkit-transform: translateY(0); transform: translateY(0); opacity:1; }
header .menu li:nth-child(3) { -webkit-transform: translateY(-500px); transform: translateY(-500px); opacity: 0; transition: 1s .7s; }
.loaded header .menu li:nth-child(3) { -webkit-transform: translateY(0); transform: translateY(0); opacity:1; }
header .menu li:nth-child(4) { -webkit-transform: translateY(-500px); transform: translateY(-500px); opacity: 0; transition: 1s .8s; }
.loaded header .menu li:nth-child(4) { -webkit-transform: translateY(0); transform: translateY(0); opacity:1; }
header .menu li:nth-child(5) { -webkit-transform: translateY(-500px); transform: translateY(-500px); opacity: 0; transition: 1s .9s; }
.loaded header .menu li:nth-child(5) { -webkit-transform: translateY(0); transform: translateY(0); opacity:1; }
header .der { display: inline-block; float:right; position:relative; overflow:hidden; margin-right: 2.8571428571vw; margin-top:.6vw;}
header .der img { display: inline-block; float:right; position:relative; overflow:hidden; width:2.2619047619vw; height:auto; margin-left:.3vw;-webkit-transform: translateY(-500px); transform: translateY(-500px); opacity: 0; transition: 1s 1s; }
.loaded header .der img { -webkit-transform: translateY(0); transform: translateY(0); opacity:1; }
header .idioma img { display: block; position: absolute; top: 2.3vw; right: 3.4523809524vw; width: 2.9761904762vw; height: auto; -webkit-transform: translateX(500px); transform: translateX(500px); opacity: 0; transition: 1s 1.1s; }
.loaded header .idioma img { -webkit-transform: translateX(0); transform: translateX(0); opacity:1; }
header #click-menu, ul.menuMovil { display:none; }
main { display:block; position:relative; overflow:hidden; width:100%; z-index:1; margin-top:6.2vw;}
main .cuad1 { display:block; position:absolute; width:6.5476190476vw; height:6.5476190476vw; background:rgba(255,255,255,.95); top:0; left:0; z-index:2; opacity: 0; transition: 1s 1.1s; }
.loaded main .cuad1 { opacity:1; }
main .cuad2 { display:block; position:absolute; width:6.5476190476vw; height:6.5476190476vw; background:rgba(255,255,255,.8); top:0; left:6.5476190476vw; z-index:2; opacity: 0; transition: 1s 1.2s; }
.loaded main .cuad2 { opacity:1; }
main .cuad3 { display:block; position:absolute; width:6.5476190476vw; height:6.5476190476vw; background:rgba(255,255,255,.6); top:0; left:13.0952380952vw; z-index:2; opacity: 0; transition: 1s 1.3s; }
.loaded main .cuad3 { opacity:1; }
main .cuad4 { display:block; position:absolute; width:6.5476190476vw; height:6.5476190476vw; background:rgba(255,255,255,.4); top:0; left:19.6428571428vw; z-index:2; opacity: 0; transition: 1s 1.4s; }
.loaded main .cuad4 { opacity:1; }
main .cuad5 { display:block; position:absolute; width:6.5476190476vw; height:6.5476190476vw; background:rgba(255,255,255,.6); top:6.5476190476vw; left:0; z-index:2; opacity: 0; transition: 1s 1.5s; }
.loaded main .cuad5 {opacity:1; }
main .cuad6 { display:block; position:absolute; width:6.5476190476vw; height:6.5476190476vw; background:rgba(255,255,255,.4); top:6.5476190476vw; left:13.0952380952vw; z-index:2; opacity: 0; transition: 1s 1.6s; }
.loaded main .cuad6 {opacity:1; }
main .cuad7 { display:block; position:absolute; width:6.5476190476vw; height:6.5476190476vw; background:rgba(255,255,255,.8); top:13.0952380952vw; left:6.5476190476vw; z-index:2; opacity: 0; transition: 1s 1.7s; }
.loaded main .cuad7 { opacity:1; }
main .cuad8 { display:block; position:absolute; width:6.5476190476vw; height:6.5476190476vw; background:rgba(255,255,255,.6); top:19.6428571428vw; left:13.0952380952vw; z-index:2; opacity: 0; transition: 1s 1.2s; }
.loaded main .cuad8 { opacity:1; }
main .cuadro { display:block; position:absolute; top: 4.6428571429vw; right:0; width:26.4880952381vw; height:0vw; background:transparent; border:solid #fff; border-width: 1px 0 0 1px; z-index:2;transition: height 1s linear; -webkit-transition: height 1s linear; z-index:2; transition:1s 2s; opacity:0;}
.loaded main .cuadro { height:9.0476190476vw; opacity:1;}
main .cuadro2 { display:block; position:absolute; top: 24.1071428571vw; right:0; width:26.4880952381vw; height:0; background:transparent; border:solid #fff; border-width: 0 0 1px 1px; z-index:2;transition: height 1s linear; -webkit-transition: height 1s linear;z-index:2;transition:1s 2.1s; opacity:0;}
.loaded main .cuadro2 { height:9.0476190476vw; opacity:1;}
.slide { display:block; position:relative; overflow:hidden; width:100%; }
.slide ul { display:block; position:relative; overflow:hidden; width:100%; }
.slide ul li { display: inline-block; float:left; position:relative; overflow:hidden; width:100%; height:39.2857142857vw !important; background-repeat: no-repeat; background-position:center; background-size:cover; }
.slide ul li h2 { display:block; position: relative; overflow: hidden; text-align: right; font-size: 2vw; line-height: 2.2vw; text-transform: uppercase; color: #adddf2; font-weight: 700; padding-right: 6.5476190476vw; z-index:3; margin-top:15.5476190476vw; padding-top:1vw; background:transparent; -webkit-transform: translateX(500px); transform: translateX(500px); opacity: 0; transition: 1s 2.1s; }
.loaded .slide ul li h2 { -webkit-transform: translateX(0); transform: translateX(0); opacity:1; }
.slide ul li h3 { display: block; position: relative; overflow: hidden; text-align: right; font-size: 1.33vw; line-height: 1.55vw; text-transform: uppercase; color: #fff; font-weight: 500; padding-right: 6.5476190476vw; z-index:3; padding-bottom:1vw; background:transparent; -webkit-transform: translateX(500px); transform: translateX(500px); opacity: 0; transition: 1s 2.1s; }
.loaded .slide ul li h3 { -webkit-transform: translateX(0); transform: translateX(0); opacity:1; }
.bandera { display:block; position:relative; overflow:hidden; width:100%; background:#001a42; padding:.5vw 0; }
.bandera p { display:inline-block; float:right; position:relative; overflow:hidden; text-align:right; color:#fff; font-size:1vw; line-height: 1.3vw; text-transform: uppercase; font-weight: 700; margin-top:.5vw; }
.bandera .ban { display:inline-block; float:right; position:relative; overflow:hidden; height:2.0833333333vw; width:1.7261904762vw; margin-left:1vw; background-repeat: no-repeat; background-position:center; background-size:cover; transform:rotate(90deg); -webkit-transform: rotate(90deg);;}
.servicios { display: block; position:relative; overflow:hidden; width:100%; padding: 4.7619047619vw 6.5476190476vw 3.7619047619vw 6.5476190476vw; }
.servicios ul { display:block; position:relative; overflow:hidden; width:102%; }
.servicios ul li { display:inline-block; float:left; position:relative; overflow:hidden; width:16.1904761905vw; height:34vw; background:#fff; border:1px solid #cccccc; margin-right:1.25vw; height:20.1904761905vw; }
.servicios ul li.en { height:23.190476vw; }
#card { display:block; position:relative; width:100%; height:20.1904761905vw; perspective: 200px; position: relative; transform-style: preserve-3d; }
.front { display:block; position:absolute; z-index:1; backface-visibility: hidden; transform-style: preserve-3d; width:100%; height:100%;transition: all 0.6s ease-out 0s;
transform: rotateY(0deg); opacity:1; background:#a2c5d4; }
.back { display:block; position:absolute; z-index: 0; background:#fff; backface-visibility: hidden; transform-style: preserve-3d; height: 100%; width: 100%; transform: rotateY(-180deg); transition: all 0.6s ease-out 0s; opacity:0; }
.back a { display: block; position:relative; overflow:hidden; width:100%; height:100%; }
.servicios ul li h2 { display: block; position:relative; margin-top:1.66vw; padding:1vw 1.5vw 1vw 1vw; color:#09254d; font-size:.77vw; line-height: .99vw; text-transform: uppercase; font-weight: 400; border-left:1.48vw solid #001a42; height:5vw;}
.servicios ul li h2 span { display:block; font-weight: 700; font-size:1.111vw; line-height: 1.333vw; }
.servicios ul li p { display:block; padding:0vw 2.5vw 0vw 2.5vw; font-size:.88vw; line-height: 1.2vw; color:#09254d; }
.servicios ul li.en p { font-size:.77vw; line-height: 1vw; padding:0vw 1.5vw 0vw 2.5vw;}
.servicios ul li .boton { display: block; position:absolute; right:0; bottom:1.66vw; color:#09254d; font-size:1.05vw; line-height: 1.05vw; text-transform: uppercase; font-weight: 700; padding:1vw 2.5vw .5vw 0; }
.servicios ul li .boton::before { content: "\f067"; font-family: FontAwesome; position: absolute; top: .5vw; right: 0vw; font-size: 1vw; color: #fff; z-index: 1; background:#e1aa16; padding:.5vw; }
.servicios ul li .boton:hover::before { background:#09254d; }
#card:hover .front { transform: rotateY(180deg); z-index:0; opacity:0; }
#card:hover .back { transform: rotateY(0deg); z-index:9; opacity:1; }
.servicios ul li:last-child { margin-right:0; }
.servicios ul li:nth-child(1) { -webkit-transform: translateY(500px); transform: translateY(500px); opacity: 0; transition: 1s .5s; }
.servicios.visible ul li:nth-child(1) { -webkit-transform: translateY(0); transform: translateY(0); opacity:1; }
.servicios ul li:nth-child(2) { -webkit-transform: translateY(500px); transform: translateY(500px); opacity: 0; transition: 1s .6s; }
.servicios.visible ul li:nth-child(2) { -webkit-transform: translateY(0); transform: translateY(0); opacity:1; }
.servicios ul li:nth-child(3) { -webkit-transform: translateY(500px); transform: translateY(500px); opacity: 0; transition: 1s .7s; }
.servicios.visible ul li:nth-child(3) { -webkit-transform: translateY(0); transform: translateY(0); opacity:1; }
.servicios ul li:nth-child(4) { -webkit-transform: translateY(500px); transform: translateY(500px); opacity: 0; transition: 1s .8s; }
.servicios.visible ul li:nth-child(4) { -webkit-transform: translateY(0); transform: translateY(0); opacity:1; }
.servicios ul li:nth-child(5) { -webkit-transform: translateY(500px); transform: translateY(500px); opacity: 0; transition: 1s .9s; }
.servicios.visible ul li:nth-child(5) { -webkit-transform: translateY(0); transform: translateY(0); opacity:1; }
.servicios .whatsapp { display: inline-block; float: left; position: relative; overflow: hidden; margin-top: 4vw; }
.servicios .whatsapp span { display: inline-block; float: left; position: relative; overflow: hidden; font-size: 1vw; line-height: 1.3vw; color: #09254d; margin-top:.5vw; margin-left:0;}
.servicios .whatsapp span strong { font-weight: 700; }
.servicios .whatsapp:hover span { color:#a2c5d4; }
.servicios .whatsapp img { display: inline-block; float:left; position:relative; overflow:hidden; width:2.2619047619vw; height:auto; margin-left:.5vw; }
.servicios .facebook img { display: inline-block; float:left; position:relative; overflow:hidden; width:2.2619047619vw; height:auto; margin-left:.5vw; margin-top: 4vw; }
.servicios h3 { display: inline-block; float: left; color: #09254d; text-transform: uppercase; font-size: 1.33vw; line-height: 1.55vw; margin: 4.3vw 0 0 5vw; }
.servicios .cua1 { display:block; position:absolute; width:2.9166666667vw; height:2.9166666667vw; background:rgba(82,102,130,.95); bottom:0; right:0; z-index:2; }
.servicios .cua2 { display:block; position:absolute; width:2.9166666667vw; height:2.9166666667vw; background:rgba(82,102,130,.8); bottom:0; right:2.9166666667vw; z-index:2; }
.servicios .cua3 { display:block; position:absolute; width:2.9166666667vw; height:2.9166666667vw; background:rgba(82,102,130,.6); bottom:0; right:5.8333333334vw; z-index:2; }
.servicios .cua4 { display:block; position:absolute; width:2.9166666667vw; height:2.9166666667vw; background:rgba(82,102,130,.7); bottom:2.9166666667vw; right:0vw; z-index:2; }
.servicios .cua5 { display:block; position:absolute; width:2.9166666667vw; height:2.9166666667vw; background:rgba(82,102,130,.4); bottom:2.9166666667vw; right:2.9166666667vw; z-index:2; }
.servicios .cua6 { display:block; position:absolute; width:2.9166666667vw; height:2.9166666667vw; background:rgba(82,102,130,.85); bottom:5.8333333334vw; right:0vw; z-index:2; }
.somos { display: block; position:relative; overflow:hidden; width:100%; padding: 4vw 6.5476190476vw 4vw 6.5476190476vw; background:#001a42;}
.somos h2 { display: inline-block; float: left; position: relative; overflow: hidden; color: #7f8ea2; font-size: 2vw; line-height: 2.2vw; text-transform: uppercase; font-weight: 700; margin-right:2vw; margin-top:9vw; -webkit-transform: translateX(-500px); transform: translateX(-500px); opacity: 0; transition: 1s .5s; }
.somos.visible h2 { -webkit-transform: translateX(0); transform: translateX(0); opacity:1; }
.somos h2 span { font-size:2.66vw; line-height: 2.88vw; color:#fff; display:block; }
.somos ul.cen { display: inline-block; float: left; position: relative; overflow: hidden; width: 37.26vw; margin-top:5vw; -webkit-transform: translateY(500px); transform: translateY(500px); opacity: 0; transition: 1s .7s; }
.somos.visible .cen { -webkit-transform: translateY(0); transform: translateY(0); opacity:1; }
.somos .cen li { display: block; position:relative; overflow: hidden; width:100%; margin-bottom:2vw; }
.somos .cen li:last-child { margin-bottom:0; }
.somos .cen li h3 { font-size:1.33vw; line-height: 1.66vw; color:#fff; font-weight: 700; display:block; text-transform: uppercase; }
.somos .cen li p { font-size:1vw; line-height: 1.33vw; color:#c0c0c0; font-weight: 400; display:block; margin-top:.5vw; }
.somos .mapa { display: inline-block; float:left; position:relative; overflow: hidden; margin-left:2vw; width:13.27vw; height:auto; opacity: 0; transition: 1s .9s; }
.somos.visible .mapa { opacity:1; }
.somos .der { display: inline-block; float:right; position:relative; overflow: hidden; -webkit-transform: translateX(500px); transform: translateX(500px); opacity: 0; transition: 1s 1s; }
.somos.visible .der { -webkit-transform: translateX(0); transform: translateX(0); opacity:1; }
.somos .der h4 { display: block; text-transform: uppercase; color: #fff; font-size: .99vw; line-height: 1.3vw; margin-top: 5vw; }
.somos .der h5 { display: block; text-transform: uppercase; color: #fff; font-weight: 700; font-size: 1.33vw; line-height: 1.55vw; margin-top: 5vw; }
.somos .der ul { display: block; position: relative; overflow: hidden; width: 100%; margin-top: 1vw; }
.somos .der ul li { display: block; position:relative; overflow:hidden; color: #0f9cde; font-weight: 500; font-size: .88vw; line-height: 1.2vw; padding-left: 1vw; text-transform: uppercase; font-weight: 500;}
.somos .der ul li::before { content: "\f105"; font-family: FontAwesome; position: absolute; top: 0; left: 0vw; font-size: 1vw; color: #0f9cde; z-index: 1; }
.colegios { display: block; position:relative; overflow:hidden; width:100%; padding: 3vw 6.5476190476vw 3vw 6.5476190476vw; background:#d2d2d2; background:#dbdbdb;}
.colegios h2 { display: inline-block; float: left; position: relative; overflow: hidden; color: #7f8ea2; font-weight: 700; text-transform: uppercase; font-size: 1.33vw; line-height: 1.55vw; margin-top:2vw;}
.colegios img.pri { display: inline-block; float: left; position: relative; overflow: hidden; height: auto; width: 16.4285714286vw; margin-left: 8vw }
.colegios img.seg { display: inline-block; float: left; position: relative; overflow: hidden; height: auto; width: 20.9523809524vw; margin-left: 3vw }
.colegios img.ter { display: inline-block; float: left; position: relative; overflow: hidden; height: auto; width: 22.3214285714vw; margin-left: 3vw }
.colegios .cua1 { display:block; position:absolute; width:2.0238095238vw; height:2.0238095238vw; background:#314868; top:0; left:0; z-index:2; }
.colegios .cua2 { display:block; position:absolute; width:2.0238095238vw; height:2.0238095238vw; background:#596a82; top:0; left:2.0238095238vw; z-index:2; }
.colegios .cua3 { display:block; position:absolute; width:2.0238095238vw; height:2.0238095238vw; background:#6d7b8f; top:0; left:4.0476190476vw; z-index:2; }
.colegios .cua4 { display:block; position:absolute; width:2.0238095238vw; height:2.0238095238vw; background:#596a82; top:2.0238095238vw; left:0; z-index:2; }
.colegios .cua5 { display:block; position:absolute; width:2.0238095238vw; height:2.0238095238vw; background:#6d7b8f; top:2.0238095238vw; left:2.0238095238vw; z-index:2; }
.colegios .cua6 { display:block; position:absolute; width:2.0238095238vw; height:2.0238095238vw; background:#6d7b8f; top:4.0476190476vw; left:0; z-index:2; }
.colegios .cua7 { display:block; position:absolute; width:2.0238095238vw; height:2.0238095238vw; background:#828d9d; top:6.0714285714vw; left:2.0238095238vw; z-index:2; }
.colegios .cua8 { display:block; position:absolute; width:2.0238095238vw; height:2.0238095238vw; background:#959eaa; top:8.0952380952vw; left:4.0476190476vw; z-index:2; }
.notas { display: block; position:relative; overflow:hidden; width:100%; padding: 3vw 6.5476190476vw 3vw 6.5476190476vw; background:#fff;}
.notas h2 { display:block; color:#7f8ea2; font-size:2vw; line-height: 2.2vw; text-transform: uppercase; font-weight: 700; }
.notas ul.lista { display:block; position:relative; overflow:hidden; width:104%; margin-top:3vw;}
.notas .lista li { display:inline-block; float:left; position:relative; overflow:hidden; width:20.119047619vw; height:34vw; background:#fff; border:1px solid #cccccc; margin-right:1.9642857143vw; height:24.690476vw; }
.notas .lista li .imagen { display:block; position:relative; overflow:hidden; width:100%; height:12.5vw; background-repeat: no-repeat; background-position: center; background-size:cover; opacity:.8; transition:all .5s;}
.notas .lista li h3 { display: block; position: relative; overflow: hidden; width: 100%; background: #828282; padding: .5vw 1vw; color: #fff; font-size: .66vw; line-height: .88vw; font-weight: 400; }
.notas .lista li h4 { display: table; background: #e1aa16; padding: .5vw 1vw; margin: 1.5vw 0; color: #fff; text-transform: uppercase; font-size: .66vw; line-height: .88vw; font-weight: 500; }
.notas .lista li p { display:block; color:#6c6c6c; font-size:1vw;line-height: 1.5vw; font-weight: 700; padding:0 1vw; }
.notas .lista li:hover .imagen { opacity:1; }
.notas .lista li .iso { display: block; position: absolute; top: 11.3vw; right: 0; width: 4.28vw; height: auto; z-index: 9; }
.slideInterna { display:block; position:relative; overflow:hidden; width:100%; height:22.619047619vw; background-repeat: no-repeat; background-position:center; background-size:cover; }
.interna .bandera { z-index:5; }
.slideInterna h2 { display: block; position: relative; overflow: hidden; text-align: left; width:32.6vw; float:right; clear:both; font-size: 3.9vw; line-height: 4.2vw; text-transform: uppercase; color: #fff; font-weight: 700; padding-right: 6.5476190476vw; z-index:3; margin-top:5vw; -webkit-transform: translateX(500px); transform: translateX(500px); opacity: 0; transition: 1s .5s; }
.slideInterna h2 span { font-size: 2.66vw; }
.loaded .slideInterna h2 { -webkit-transform: translateX(0); transform: translateX(0); opacity:1; }
.slideInterna h3 { display: block; position: relative; overflow: hidden; text-align: left; width:32.6vw; float:right; clear:both; font-size: 2.3vw; line-height: 2.5vw; text-transform: uppercase; color: #fff; font-weight: 700; padding-right: 6.5476190476vw; z-index:3; margin-top:.5vw; -webkit-transform: translateX(500px); transform: translateX(500px); opacity: 0; transition: 1s .7s; }
.slideInterna h3 span { display:block; font-size: 1.8vw; }
.loaded .slideInterna h3 { -webkit-transform: translateX(0); transform: translateX(0); opacity:1; }
.cuerpo { display: block; position:relative; overflow:hidden; width:100%; padding: 4vw 6.5476190476vw 4vw 6.5476190476vw; background:#fff;}
.interna .cuerpo .izq { display: inline-block; float:left; position:relative; overflow:hidden; width:34.2261904762vw; text-align:right; }
.interna .cuerpo .izq h2 { display: block; color: #3c8e9f; text-transform: uppercase; font-size: 1.33vw; line-height: 1.9vw; font-weight: 500; margin-top: 8vw; }
.interna .cuerpo .izq h3 { display: block; color: #808080; font-size: 1vw; line-height: 1.5vw; font-weight: 500; text-transform: uppercase; margin-top: 11vw; }
.interna .cuerpo .der { display: inline-block; float: left; position: relative; overflow: hidden; width: 40.11vw; margin-left: 10vw; }
.interna .cuad8 { display: none; }
.interna .cuerpo .cuadro { display:block; position:absolute; top: 5vw; left:0; width:31.4880952381vw; height:3.57vw;background:transparent; border:solid #808080; border-width: 1px 1px 0 0; z-index:2; transition: none;}
.interna .cuerpo .cuadro2 { display:block; position:absolute; top: 21.07vw; left:0; width:31.4880952381vw; height:3.57vw; background:transparent; border:solid #808080; border-width: 0 1px 1px 0; z-index:2; transition: none;}
.interna ul.abogados { display:block; position:relative; overflow:hidden; width:104%; padding-top:3vw; }
.interna .abogados li { display:inline-block; float:left; position:relative; overflow:hidden; width:20.119047619vw; height:25.6071428571vw; background:#fff; margin-right:1.9642857143vw; height:26.6071428571vw; }
.interna .abogados li img { display: block; position: relative; overflow: hidden; z-index: 1; margin: 0 auto; left: 0; right: 0; width: 60%; height: auto; }
.interna .abogados li:nth-child(2) img { width:64%; }
.interna .abogados li:nth-child(3) img { width:71%; }
.interna .abogados li:nth-child(4) img { width:75.2%; }
.interna .abogados li .marco { display: block; position: absolute; width: 100%; border: 1px solid #ccc; top: 5vw; left: 0; width: 100%; height: 20.6vw; }
.interna .abogados li .marco h2 { display: block; position: relative; overflow: hidden; width: 100%; background: #d2d2d2; margin-top: 12.4vw;padding: .7vw 1vw .5vw 1vw;; color: #09254d; text-transform: uppercase; font-size: .88vw; line-height: 1vw; font-weight: 500; border-left:1.66vw solid #001a42; }
.interna .abogados li .marco h2 span { display:block; font-size: 1.33vw; line-height:1.55vw; font-weight: 700;}
.interna .abogados li .marco h3 { display: block; position:relative; color: #09254d; font-size: .77vw; line-height: .99vw; text-transform: uppercase; font-weight: 500; text-align: right;
margin-top: 2vw; padding-right:3vw; }
.interna .abogados li .marco h3 a::before { content: "\f067"; font-family: FontAwesome; position: absolute; top: -.5vw; right: 0vw; font-size: 1vw; color: #fff; z-index: 1; background:#e1aa16; padding:.5vw; cursor:pointer;}
.interna .abogados li .marco h3 a:hover::before { background:#09254d; }
.practicas .slide h2 { display: block; position: relative; overflow: hidden; text-align: left; width:32.6vw; float:right; clear:both; font-size: 3.9vw; line-height: 4.2vw; text-transform: uppercase; color: #fff; font-weight: 700; padding-right: 6.5476190476vw; z-index:3; margin-top:13vw; -webkit-transform: translateX(500px); transform: translateX(500px); opacity: 0; transition: 1s .5s; }
.practicas .slide h2 span { font-size: 2.66vw; }
.loaded.practicas .slide h2 { -webkit-transform: translateX(0); transform: translateX(0); opacity:1; }
.practicas .slide h3 { display: block; position: relative; overflow: hidden; text-align: left; width:32.6vw; float:right; clear:both; font-size: 2.3vw; line-height: 2.5vw; text-transform: uppercase; color: #fff; font-weight: 700; padding-right: 6.5476190476vw; z-index:3; margin-top:.5vw; -webkit-transform: translateX(500px); transform: translateX(500px); opacity: 0; transition: 1s .7s; }
.practicas .slide h3 span { display:block; font-size: 1.8vw; }
.loaded.practicas .slide h3 { -webkit-transform: translateX(0); transform: translateX(0); opacity:1; }
ul.areas { display: block; position: relative; overflow: hidden; width: 59.88vw; margin: 0 auto; }
.areas li { display: block; position: relative; overflow: hidden; width: 100%; border: 1px solid #ccc; padding: 2vw 0; margin-bottom:2vw;}
.areas li h2 { display: block; color: #09254d; text-transform: uppercase; font-size: 1.11vw; line-height: 1.5vw; font-weight: 500; padding:1vw 0; border-left:1.38vw solid #001a42; padding-left:1.3vw;}
.areas li h2 span { display:block; font-weight: 700; font-size:1.77vw; line-height: 2vw; }
.areas li h3 { display: block; color: #1a1a1a; font-size: 1vw; line-height: 1.3vw; font-weight: 500; margin: 1vw 2.8vw; }
.areas ol { display:block; position:relative; overflow:hidden; width:100%; padding:1vw 2.8vw; }
.areas ol li { display: block; position: relative; overflow: hidden; width: 100%; border: 0; padding: 0; margin-bottom:0; font-size:1vw; line-height:1.5vw; color:#666666; padding-left:1vw;}
.areas ol li::before { content: "\f105"; font-family: FontAwesome; position: absolute; top: 0; left: 0vw; font-size: 1vw; color: #666666; z-index: 1; }
.texto { display: block; position:relative; overflow:hidden; width:100%; }
.texto p { display: block; position:relative; overflow:hidden; width:100%; font-size:1vw; line-height: 1.8vw; font-weight: 400; margin:0 0 1.5vw 0; color:#666666; }
.texto p strong { color:#001a42; font-weight: 700; }
.texto h5 { display: block; color:#001a42; font-weight: 700; margin:.5vw 0; text-transform: uppercase; font-size:1.2vw; line-height: 1.5vw; }
.texto ul { display: block; position:relative; overflow:hidden; width:100%; margin:.5vw 0; }
.texto ul li { display:block; position:relative; overflow:hidden; font-size:1vw; line-height: 1.8vw; font-weight: 400; padding:0 0 0 1vw; color:#666666; }
.texto ul li::before { content: "\f105"; font-family: FontAwesome; position: absolute; top: 0; left: 0vw; font-size: 1vw; color: #666666; z-index: 1; }
.blog .cuerpo ul.lista { display:inline-block; float:left; position:relative; overflow:hidden; width:66.66vw; }
.blog .cuerpo ul.lista li { display:block; position:relative; overflow:hidden; width:100%; margin-bottom:2vw; }
.blog .cuerpo ul.lista li .imagen { display:inline-block; float:left; position:relative; overflow:hidden; margin-right:1vw; width:19.226190476vw; height:12.56vw; background-repeat: no-repeat;; background-position:center; background-size:cover; }
.blog .cuerpo ul.lista li .imagen h3 {display: block; position: absolute; left:0; bottom:0; overflow: hidden; width: 100%; background: #828282; padding: .5vw 1vw; color: #fff; font-size: .66vw; line-height: .88vw; font-weight: 400; }
.blog .cuerpo ul.lista li .imagen .iso {display: block; position: absolute; bottom: 0vw; right: 0; width: 1.6vw; height: auto; z-index: 9; }
.blog .cuerpo ul.lista li .marco { display:inline-block; float:left; position:relative; overflow:hidden; width:43.571428571vw; }
.blog .cuerpo ul.lista .marco .redes { display:block; position:absolute; top:0; right:0; z-index:9; }
.blog .cuerpo ul.lista .marco .redes div { display:inline-block; margin-left:0vw; font-size:1vw; }
.blog .cuerpo ul.lista .marco .redes div:hover { color:#001a42; }
.blog .cuerpo ul.lista li .marco h3 { display: block; position: relative; overflow: hidden; width: 100%; margin-bottom: 1vw; font-size:1vw; line-height: 1.3vw}
.blog .cuerpo ul.lista li .marco h3 .fecha { display: table; float:left; background:#001a42; color:#fff; padding:.5vw 1vw; }
.blog .cuerpo ul.lista li .marco h3 .tipo { display: table; float:left; background:#e1aa16; color:#fff; padding:.5vw 1vw; text-transform: uppercase; }
.blog .cuerpo ul.lista li .marco h2 { display: block; position: relative; overflow: hidden; width: 100%; color: #6c6c6c; font-size: 1.6vw; line-height: 1.8vw; font-weight: 500; }
.blog .cuerpo ul.lista li .marco p { display:block; margin-top:1vw; font-size: 1vw; line-height: 1.3vw; font-weight: 400; color:#666666; }
.blog .cuerpo ul.lista li:hover .marco h2 { color:#001a42; }
.blog .cuerpo .der { display:inline-block; float:right; position:relative; overflow:hidden; width:18.80952381vw; margin-left:0;}
.blog .cuerpo .der h2 { display:block; color:#636c78; text-transform: uppercase; font-size:1.3vw; line-height: 1.5vw; font-weight: 500; }
.blog .cuerpo .der ul { display:block; position:relative; overflow:hidden; width:100%; margin:1vw 0; }
.blog .cuerpo .der ul li { display:inline-block; float: left; font-size:.8vw; line-height: 1vw; font-weight: 500; padding:.5vw; background:#001a42; text-transform: uppercase; margin-right:.5vw; margin-bottom:.5vw; color:#fff; border:1px solid #001a42;}
.blog .cuerpo .der ul li:hover, .blog .cuerpo .der ul li.sele { color:#001a42; background:#fff; }
.blog .cuerpo .der ul.temas li { background:#e1aa16; border-color:#e1aa16; }
.blog .cuerpo .der ul.temas li:hover, .blog .cuerpo .der ul.temas li.sele { color:#e1aa16; background:#fff; }
.proximos { display:block; position:relative; overflow:hidden; margin-top:2vw; margin-bottom:4vw; }
.proximos h2 { display: block; color:#001a42; text-transform: uppercase; font-size:2vw; line-height: 2.2vw; font-weight: 500; }
.proximos h2 span { display:block; color:#565f6d; font-size:3.3vw; line-height: 3.5vw; }
.proximos ul.lista { display: block; position: relative; overflow: hidden; width: 100%; margin-top: 2vw; }
.proximos .lista li { display:inline-block; float:left; position:relative; overflow:hidden; width:23%; margin-right:2vw; }
.proximos .lista li:last-child { margin-right:0; }
.proximos .lista .imagen { display:block; position:relative; overflow:hidden; width:100%; height:20.25vw; background-repeat: no-repeat; background-position:center; background-size:cover; }
.proximos .lista .imagen .mascara { display: block; position: absolute; top: 14vw; left:0; width:100%; -webkit-transform: translateY(200px); transform: translateY(200px); opacity: 0; transition: all 0.5s;}
.proximos .lista .imagen .mascara h3 { display:block; position:relative; overflow:hidden; width:100%; font-size:1vw; line-height: 1.2vw; }
.proximos .lista .imagen .mascara h3 .fecha { display: inline-block; float:left; background:#001a42; color:#fff; width:40%; padding:.5vw 1vw; }
.proximos .lista .imagen .mascara h3 .tipo { display: inline-block; float:left; background:#e1aa16; color:#fff; width:60%; padding:.5vw 1vw; text-transform: uppercase; font-size:.9vw; line-height:1.2vw;}
.proximos .lista .imagen .mascara p { display:block; position:relative; overflow:hidden; width:100%; padding:.5vw 1vw; background-color:rgba(255,255,255,.8); height:4.2vw; color:#000; font-weight: 500; text-transform: uppercase;}
.proximos .lista li:hover .mascara { opacity:1; -webkit-transform: translateY(0px); transform: translateY(0px); }
.blog .cuerpo .nota { display:inline-block; float:left; position:relative; overflow:hidden; width:66.66vw; }
.blog .cuerpo .nota .imagen { display:inline-block; float:left; position:relative; overflow:hidden; margin-right:1vw; width:19.226190476vw; height:12.56vw; background-repeat: no-repeat;; background-position:center; background-size:cover; }
.blog .cuerpo .nota .imagen a { display: block; position: relative; overflow: hidden; width: 100%; height: 100%; cursor: pointer; }
.blog .cuerpo .nota .imagen a h3 {display: block; position: absolute; left:0; bottom:0; overflow: hidden; width: 100%; background: #828282; padding: .5vw 1vw; color: #fff; font-size: .66vw; line-height: .88vw; font-weight: 400; border-bottom:0; margin-bottom:0;}
.blog .cuerpo .nota .imagen a .iso {display: block; position: absolute; bottom: 0vw; right: 0; width: 1.6vw; height: auto; z-index: 9; }
.blog .cuerpo .nota .marco { display:inline-block; float:left; position:relative; overflow:hidden; width:43.571428571vw; padding-top:0;}
.blog .cuerpo .nota .marco .redes { display:block; position:absolute; top:0; right:0; z-index:9; }
.blog .cuerpo .nota .marco .redes div { display:inline-block; margin-left:0vw; font-size:1vw; }
.blog .cuerpo .nota .marco .redes div:hover { color:#001a42; }
.blog .cuerpo .nota .marco h3 { display: block; position: relative; overflow: hidden; width: 100%; margin-bottom: 1vw; font-size:1vw; line-height: 1.3vw; margin-top:0; }
.blog .cuerpo .nota .marco h3 .fecha { display: table; float:left; background:#001a42; color:#fff; padding:.5vw 1vw; }
.blog .cuerpo .nota .marco h3 .tipo { display: table; float:left; background:#e1aa16; color:#fff; padding:.5vw 1vw; text-transform: uppercase; }
.blog .cuerpo .nota .marco h2 { display: block; position: relative; overflow: hidden; width: 100%; color: #6c6c6c; font-size: 1.6vw; line-height: 1.8vw; font-weight: 500; }
.blog .cuerpo .nota .marco p { display:block; margin-top:.5vw; font-size: 1vw; line-height: 1.3vw; font-weight: 400; color:#666666; }
.blog .cuerpo .nota .etiquetas { display: block; position: relative; overflow: hidden; width: 100%; padding-top: 1vw; }
.blog .cuerpo .nota .etiquetas span { display: inline-block; float:left; position:relative; overflow:hidden; padding:.5vw 1vw; background:#001a42; color:#fff; font-size:.77vw; line-height:.88vw; font-weight: 400; margin:0 .5vw .5vw 0; text-transform: uppercase;}
.blog .cuerpo .nota .texto { display: block; position: relative; overflow: hidden; width: 100%; padding-top: 2vw; font-size:1vw; line-height: 1.8vw; font-weight: 400; margin:0 0 1.5vw 0; color:#666666;}
.blog .cuerpo .nota .video { display: block; position: relative; overflow: hidden; width: 100%; margin-top: 2vw; height: 40vw; }
.blog .cuerpo .nota .video iframe { display:block; position:relative; overflow:hidden; width:100%; height:100%; }
.blog .cuerpo .nota h3 { display: block; position: relative; overflow: hidden; width: 100%; font-size: 1.5vw; line-height: 1.7vw; margin-top: 2vw; margin-bottom: 1vw; padding-bottom: 1vw; border-bottom: 1px solid #7f8ea2; text-transform: uppercase; color: #7f8ea2; font-weight: 500;}
.blog .cuerpo .nota ul.mas { display:block; position:relative; overflow:hidden; width:100%; }
.blog .cuerpo .nota .mas li { display:block; position:relative; overflow:hidden; width:100%; margin-bottom:.5vw; padding-bottom:.5vw; border-bottom:1px solid #c9ccd1; }
.blog .cuerpo .nota .mas li h4 { display: block; font-size:.9vw; line-height:1.1vw; font-weight: 600; margin:0; padding:0; margin-bottom:.3vw; color:#001a42;}
.blog .cuerpo .nota .mas li h4 span { color:#565f6d; text-transform: uppercase; }
.blog .cuerpo .nota .mas li h5 { display: block; font-size:1.3vw; line-height:1.5vw; font-weight: 400; margin:0; padding:0; color:#6c6c6c;}
.blog .cuerpo .nota .mas li h5 a:hover { color:#001a42; }
footer { display: block; position:relative; overflow:hidden; width:100%; padding: 3vw 6.5476190476vw 1vw 6.5476190476vw; background:#fff; border-top:1px solid #aaaaaa;}
footer .bandera { display: block; position: absolute; top: -1vw; right: 0; width: 2vw; height: auto; }
footer h1 { display: inline-block; float:left; width:18.2142857143vw; position:relative; overflow:hidden; }
footer h1 img { display: block; width:100%; height:auto; }
footer .cen { display: inline-block; float: left; position: relative; overflow: hidden; margin-left: 20vw; margin-top: .6vw;}
footer .cen p { display:block; color:#6c6c6c; font-size:1vw; line-height: 1.5vw; }
footer .cen p span { font-weight: 500; }
footer .der { display: inline-block; float: right; color: #08244d; font-weight: 500; font-size: 1.3vw; line-height: 1.5vw; text-align:right; margin-top:.2vw;}
footer .der a { display:block; }
footer .der a:hover { color:#6c6c6c; }
footer .der a span { font-weight: 700; }
footer .whastapp img { display: inline-block; float: left; width: 1.8vw; height: auto; margin-right: .5vw; position: relative; overflow: hidden; vertical-align: middle; margin-top: -.1vw; }
footer .copy { display: block; position: relative; overflow: hidden; width: 100%; padding-top: 2vw; }
footer .copy p { display:inline-block; float:left; position:relative; overflow:hidden; font-size:.77vw; line-height: 1vw; }
footer .copy .osmosis { display:inline-block; float:right; position:relative; overflow:hidden;font-size:.77vw; line-height: 1vw; }
footer .copy .osmosis:hover { color:#6c6c6c; }
/*--------- OVERLAYS ----------*/
.overlay {width: 50vw; color: #404040; background:#fff; font-size: 1vw; line-height: 1.2vw; padding: 2vw; overflow: hidden; transition: all .5s ease-in; transform-style: preserve-3d; transform: translateZ(600px) rotateX(20deg); border:1px solid #aaaaaa; }
.overlaySocio1 { width:80vw; }
.pop { display:block; position:relative; overflow:hidden; width:100%; }
.overlay h2 { display: block; color: #666666; font-weight: 500; font-size: 1.5vw; line-height: 2vw; text-transform: uppercase; }
.overlay p { display:block; font-size:.9vw; line-height: 1.1vw; color:#666666; margin-top:1vw; }
.overlay p a { color:#227ea3; }
.overlay p a:hover { color:#231f20; }
.pop ol { display:block; position:relative; overflow:hidden; width:100%; margin-top:2vw; padding:0; }
.pop li { display:block; position:relative; overflow:hidden; width:100%; margin-bottom:1vw; }
.pop label { display:block; position:relative; color:#322f2f; font-size:1.25vw; line-height:1.4vw; margin-bottom:.5vw; padding-left:.8vw; }
.pop input { display:block; position:relative; overflow:hidden; width:100%; background:#fff; border:1px solid #ccc; padding:.5vw; font-size:.9vw; line-height: 1.1vw; color:#231f20; font-family: "Lato", sans-serif; margin-bottom:.5vw; font-weight:normal;}
.pop label::before { content: "\f069"; font-family: FontAwesome; position: absolute; top: 0; left: 0; font-size: .5vw; color: #ff9900; z-index: 1; }
.pop .sin::before { content:none; }
.overlay form { display: inline-block; float:left; position:relative; overflow:hidden; width:60%; }
.overlay .datos { display: inline-block; float:right; position:relative; overflow:hidden; width:35%; padding-top:5vw; }
.overlay .datos p { display: block; color: #808080; font-weight: 400; }
.overlay .datos a { display: block; margin: .5vw 0; color: #08244d; font-weight: 500; }
.overlay .datos a:hover { color:#808080; }
.overlay ul.abogados {display: inline-block; float:left; position: relative; overflow: hidden; width: 30%; }
.overlay .abogados li .marco { border:0; }
.overlay .abogados li.seg img { width:64%; }
.overlay .abogados li.ter img { width:71%; }
.overlay .abogados li.cua img { width:75.2%; }
.overlay .eltexto { display:inline-block; float:right; position:relative; overflow:hidden; width:70%; padding:7vw 2vw; color: #4c4c4c; font-size: 1vw; line-height: 1.5vw;}
.pop button { display:table; position:relative; overflow:hidden; background:#e1aa16; padding:.5vw 1vw; color:#fff; text-align:center; font-size:1.2vw; margin:0 auto; border:0; cursor:pointer; border:1px solid #e1aa16; margin-top:1.5vw; margin-bottom:.2vw; clear:both; text-transform: uppercase; font-weight: 900; -webkit-transform: perspective(1px) translateZ(0); transform: perspective(1px) translateZ(0); box-shadow: 0 0 1px rgba(0, 0, 0, 0); position: relative; background: #e1aa16; -webkit-transition-property: color; transition-property: color; -webkit-transition-duration: 0.3s; transition-duration: 0.3s;}
.pop button:before {content: ""; position: absolute; z-index: -1; top: 0; bottom: 0; left: 0; right: 0; background: #fff; -webkit-transform: scaleX(0); transform: scaleX(0); -webkit-transform-origin: 50%; transform-origin: 50%; -webkit-transition-property: transform; transition-property: transform; -webkit-transition-duration: 0.3s; transition-duration: 0.3s; -webkit-transition-timing-function: ease-out; transition-timing-function: ease-out; }
.pop button:hover, .pop button:focus, .pop button:active {color: #e1aa16; }
.pop button:hover:before, .pop button:focus:before, .pop button:active:before {-webkit-transform: scaleX(1); transform: scaleX(1); }
.pop textarea { display:block; position:relative; overflow:hidden; width:100%; background:#fff; border:1px solid #ccc; padding:.5vw; font-size:.9vw; line-height: 1.1vw; color:#231f20; font-family: "Lato", sans-serif; margin-bottom:.5vw; font-weight:normal; height:5vw;}
.overlay .cerrarContacto { display: block; position: absolute; top: 0; right: 0; font-size: 2vw; color: #fff; background:#e1aa16; padding:.5vw; cursor:pointer; z-index:9;}
.overlay .cerrarContacto:hover { color:#000; }
.overlay .cerrarTrabaja { display: block; position: absolute; top: 0; right: 0; font-size: 2vw; color: #fff; background:#e1aa16; padding:.5vw; cursor:pointer; z-index:9;}
.overlay .cerrarTrabaja:hover { color:#000; }
.overlay .cerrarSocio1 { display: block; position: absolute; top: 0; right: 0; font-size: 2vw; color: #fff; background:#e1aa16; padding:.5vw; cursor:pointer; z-index:9;}
.overlay .cerrarSocio1:hover { color:#000; }
.overlay .cerrarSocio2 { display: block; position: absolute; top: 0; right: 0; font-size: 2vw; color: #fff; background:#e1aa16; padding:.5vw; cursor:pointer; z-index:9;}
.overlay .cerrarSocio2:hover { color:#000; }
.overlay .cerrarSocio3 { display: block; position: absolute; top: 0; right: 0; font-size: 2vw; color: #fff; background:#e1aa16; padding:.5vw; cursor:pointer; z-index:9;}
.overlay .cerrarSocio3:hover { color:#000; }
.overlay .cerrarSocio4 { display: block; position: absolute; top: 0; right: 0; font-size: 2vw; color: #fff; background:#e1aa16; padding:.5vw; cursor:pointer; z-index:9;}
.overlay .cerrarSocio4:hover { color:#000; }
@media screen and (max-width: 800px) {
.overlay { width:80vw; padding:20px;}
.pop img { width:23vw; }
.overlay .cerrarTasaciones, .overlay .cerrarContacto { font-size:25px; }
.pop p { font-size:14px; line-height: 16px; margin-top:-50px; }
.pop li { margin-bottom:10px; }
.pop input { padding:5px 10px; margin-bottom:5px; font-size:14px; line-height: 16px; }
.pop textarea { padding:5px 10px; margin-bottom:5px; font-size:14px; line-height: 16px; height:100px;}
.pop button { padding:5px 10px; font-size:18px; line-height: 20px; margin-top:10px; margin-bottom: 40px; }
.pop .datos { padding-top:50px; }
}
@media screen and (max-width: 800px) {
header { padding:23px 50px; height:92px; z-index:9;}
header h1 { width:38vw; }
header .der img { width:35px; }
header #click-menu { display:block; position: absolute; width: 44px; height: 44px; cursor: pointer; z-index: 9999; top:23px; right:0; background: #000; }
header #click-menu span { position: absolute; left: 0; right:0; top: 10px; margin:0 auto; display: block; width: 70%; height: 5px; background-color: #fff; transition: all .3s;}
header #click-menu span:nth-child(2) {top: 20px; }
header #click-menu span:nth-child(3) {top: 30px; }
header #click-menu.active span:nth-child(1) {top: 20px; -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: 20px; -webkit-transform: rotate(-135deg); -moz-transform: rotate(-135deg); -o-transform: rotate(-135deg); transform: rotate(-135deg); }
header ul.menu, header .idioma img { display: none; }
main { margin-top:92px; }
.slide ul li { height:60vw !important; }
.slide ul li h2 { font-size: 25px; line-height: 27px; margin-top: 22vw; }
.slide ul li h3 { font-size:20px; line-height: 22px; }
main .cuadro { top:9.642857vw; }
main .cuadro2 { top:35.107143vw; }
.bandera { padding:10px 0; }
.bandera .ban { width:20px; height:20px; margin-left:20px; }
.bandera p { font-size:14px; line-height: 16px; }
.servicios { padding:50px; }
ul.menuMovil { display:block;position:fixed; top:92px; right:0; width:100%; background:#000; padding:20px 50px; z-index:8;height: auto;
overflow-y: auto; -webkit-transform: translateY(-1000px); transform: translateY(-1000px); opacity: 0; transition: all .5s; }
ul.menuMovil.abierto { display:block; -webkit-transform: translateY(0px); transform: translateY(0px); opacity: 1;}
.menuMovil li { display: table; position:relative; overflow:hidden; left:0; right:0; margin:0 auto 20px auto; color:#fff; text-transform: uppercase; font-size:24px; line-height: 26px; padding:7px 10px; border:1px solid #888; font-weight: 500; cursor:pointer; }
.menuMovil li:hover { background:#fff; color:#000; }
.menuMovil li img { display:block; width:100px; height:auto; }
.blog .cuerpo .nota, .blog .cuerpo ul.lista { width:65.66vw; }
.blog .cuerpo .nota .marco .redes { top:-5px; }
}
@media screen and (max-width: 600px) {
header { padding:23px 20px; }
header h1 { width:225px; }
header .der { margin-right: 30px; margin-top: 10px; }
header .der img { width:25px; }
ul.menuMovil { padding:20px; }
.menuMovil li { font-size:20px; line-height: 22px; margin: 0 auto 10px auto; }
.menuMovil li img { width:60px; }
.slide ul li { height:120vw !important; }
main .cuadro2 { top:350px; }
main .cuadro { top:100px; }
.slide ul li h2 { margin-top:180px; }
.servicios { padding:20px; }
.servicios ul { width:100%; }
.servicios ul li { display:block; float:none; width:100%; margin:0 0 20px 0; height:360px !important;}
.servicios ul li.en { height: 450px !important; }
#card { height:360px; }
.servicios ul li h2 {display: block; position: relative; margin-top: 20px; padding: 30px 20px 60px 20px !important; color: #09254d; font-size: 16px !important; line-height: 18px !important; text-transform: uppercase; font-weight: 400; border-left: 32px solid #001a42 !important; height: 112px !important; }
.servicios ul li h2 span { font-size:26px !important; line-height: 28px !important; }
.servicios ul li.en h2 span { font-size:24px !important; }
.servicios ul li p {display: block; padding: 20px 30px 20px 50px !important; font-size: 16px !important; line-height: 18px !important; color: #09254d; }
.servicios ul li.en p { padding-top:20px !important; }
.servicios ul li .boton { bottom:20px; font-size:18px; line-height: 20px; padding: 5px 30px 0 0; }
.servicios ul li .boton::before { padding:5px; font-size:18px; }
.servicios .whatsapp { margin-top:20px; }
.servicios .whatsapp span { font-size:16px; line-height: 18px; }
.servicios .whatsapp img { width:20px; margin-left:10px; }
.servicios .facebook img { width:20px; margin-top:20px; margin-left:10px; }
.servicios h3 {display: inline-block; float: left; color: #09254d; text-transform: uppercase; font-size: 16px; line-height: 20px; margin: 10px 50px 0 0; }
.somos { padding:20px; }
.somos h2 { display: block; float:none; font-size:25px; line-height: 28px; margin: 0 0 20px 0; }
.somos h2 span { font-size:30px; line-height: 32px; }
.somos ul.cen { display: block; float:none; width:100%; margin:0 0 20px 0; }
.somos .cen li { margin-bottom:20px; }
.somos .cen li h3 { font-size:20px; line-height: 22px; }
.somos .cen li p { font-size:16px; line-height: 18px; margin-top:5px; }
.somos .mapa { width:30%; }
.somos .der h4 { font-size:16px; line-height: 18px; margin-top:20px; }
.somos .der h5 { font-size:18px; line-height: 20px; margin-top:10px; }
.somos .der ul li { font-size:14px; line-height: 20px; padding-left:10px; }
.somos .der ul li::before { font-size:14px; }
.colegios { display: none; }
.notas { padding:20px; }
.notas h2 { font-size:20px; line-height: 22px; }
.notas ul.lista { width:100%; margin-top:20px; }
.notas .lista li { display: block; width:100%; margin:0 0 20px 0; height:auto; }
.notas .lista li .imagen { height: 245px; }
.notas .lista li .iso { width:75px; top:215px; }
.notas .lista li h3 { padding:5px 10px; font-size:12px; line-height: 14px; }
.notas .lista li h4 {display: table; background: #e1aa16; padding: 5px 10px; margin: 20px 0; color: #fff; text-transform: uppercase; font-size: 12px; line-height: 14px; font-weight: 500; }
.notas .lista li p {display: block; color: #6c6c6c; font-size: 18px; line-height: 22px; font-weight: 700; padding: 0 10px; margin-bottom: 20px; }
footer { padding:20px; border:0; }
footer h1 { width:80%; }
footer .cen {display: block; float: none; position: relative; overflow: hidden; margin-left: 0; margin-top: 20px; width: 100%; padding-top: 20px; }
footer .cen p { font-size:14px; line-height: 18px; }
footer .der {display: block; float: none; color: #08244d; font-weight: 500; font-size: 20px; line-height: 28px; text-align: left; margin-top: 20px; width: 100%; }
footer .whastapp img { width:24px; }
footer .copy { padding-top:20px; }
footer .copy p { font-size:13px; line-height: 15px; }
footer .copy .osmosis { font-size:13px; line-height: 15px;margin-top:20px; padding-right:25px;}
footer .bandera {display: block; position: absolute; top: auto; right: 0; width: 20px; height: auto; bottom: 0; }
.slideInterna { height:60vw; }
.slideInterna h2 { font-size:40px; line-height: 50px; width:60%; margin:60px 0 20px 0; padding:0; }
.slideInterna h2 span { font-size:25px; line-height: 27px; }
.slideInterna h3 { font-size:20px; line-height: 24px; padding-right:20px; width:60%; }
.slideInterna h3 span { font-size:15px; }
.cuerpo { padding:20px; }
.interna .cuerpo .izq { display:block; float:none;; width:100%; }
.interna .cuerpo .der { margin-left:0; display:block; float:none; width:100%; margin-bottom:40px;}
.interna .cuerpo .izq h2 { font-size: 20px; line-height: 24px; margin-top:0; }
.interna .cuerpo .izq h3 { font-size:18px; line-height: 22px; margin-top:20px; }
.interna .cuerpo .cuadro, .interna .cuerpo .cuadro2 { display: none; }
.texto p {display: block; position: relative; overflow: hidden; width: 100%; font-size: 16px; line-height: 20px; font-weight: 400; margin: 0 0 15px 0; color: #666666; }
.interna ul.abogados { width:100%; margin-top:30px; }
.interna .abogados li { display:block; float:none; width:100%; margin:0 0 20px 0; height:400px; }
.interna .abogados li .marco { top:100px; height:188px; }
.interna .abogados li .marco h2 { margin-top:185px; padding:10px; font-size:14px; line-height: 18px; border-left:20px solid #001a42; }
.interna .abogados li .marco h2 span { font-size:20px; line-height: 22px; }
.interna .abogados li .marco h3 { font-size: 14px; line-height: 18px; padding-right: 30px; padding-top: 5px; }
.interna .abogados li .marco h3 a::before { font-size:14px; padding:5px; }
ul.areas { width:100%; }
.areas li { padding:20px 0; margin-bottom:20px; }
.areas li h2 {display: block; color: #09254d; text-transform: uppercase; font-size: 18px; line-height: 22px; font-weight: 500; padding: 20px 0; border-left: 20px solid #001a42; padding-left: 20px; }
.areas li h2 span { font-size:25px; line-height: 30px; }
.areas li h3 {display: block; color: #1a1a1a; font-size: 18px; line-height: 22px; font-weight: 500; margin: 10px 42px; }
.areas ol { padding:10px 42px; }
.areas ol li { font-size:14px; line-height: 18px; padding-left:15px; }
.areas ol li::before { font-size:14px; }
.blog .cuerpo ul.lista, .blog .cuerpo .nota { display: block; float:none; width:100%; margin-bottom:20px; }
.blog .cuerpo ul.lista li { margin-bottom:20px; }
.blog .cuerpo ul.lista li .imagen, .blog .cuerpo .nota .imagen { height:209px; display: block; float:none; width:100%; }
.blog .cuerpo ul.lista li .imagen h3, .blog .cuerpo .nota .imagen a h3 { padding:5px 10px; font-size:14px; line-height: 16px; }
.blog .cuerpo ul.lista li .imagen .iso, .blog .cuerpo .nota .imagen a .iso { width:20px; }
.blog .cuerpo ul.lista li .marco, .blog .cuerpo .nota .marco { display: block; float:none; width:100%; margin-top:10px; }
.blog .cuerpo ul.lista li .marco h3, .blog .cuerpo .nota .marco h3 { margin-bottom:10px; font-size:14px; line-height: 16px; }
.blog .cuerpo ul.lista li .marco h3 .fecha, .blog .cuerpo ul.lista li .marco h3 .tipo, .blog .cuerpo .nota .marco h3 .fecha, .blog .cuerpo .nota .marco h3 .tipo { padding:5px; }
.blog .cuerpo ul.lista li .marco h2, .blog .cuerpo .nota .marco h2 { font-size:20px; line-height: 24px; }
.blog .cuerpo ul.lista li .marco p, .blog .cuerpo .nota .marco p { margin-top:10px; font-size:14px; line-height: 18px; }
.blog .cuerpo .der ul { margin:10px 0; }
.blog .cuerpo .der ul li { padding:5px; font-size:12px; line-height: 14px; }
.blog .cuerpo .der h2 { font-size:20px; line-height: 24px; }
.blog .cuerpo .nota h3 { padding-bottom:10px; margin-bottom:10px; }
.blog .cuerpo .nota .marco .redes div { font-size:12px; }
.blog .cuerpo .nota .marco h3 { margin-top:40px; }
.blog .cuerpo .nota h3 { font-size:20px; line-height: 22px; margin-top:20px; }
.blog .cuerpo .nota .mas li { padding-bottom:10px; margin-bottom:10px; }
.blog .cuerpo .nota .mas li h4 { font-size:12px; line-height: 14px; margin-bottom:10px; }
.blog .cuerpo .nota .mas li h5 { font-size:16px; line-height: 20px; }
.overlay { width:90vw; }
.overlay h2 { font-size:20px; line-height: 22px; }
.overlay .cerrarTrabaja, .overlay .cerrarSocio1, .overlay .cerrarSocio2, .overlay .cerrarSocio3, .overlay .cerrarSocio4, .overlay .cerrarContacto { font-size:30px; padding:5px; }
.overlay form { width:100%; }
.pop p { margin-top:10px; }
.overlay .datos {display: block; float: none; position: relative; overflow: hidden; width: 100%; padding-top: 20px; }
.overlay p { font-size:14px; line-height: 16px; margin-top:10px; }
.overlay .datos a {display: block; margin: 5px 0; color: #08244d; font-weight: 500; font-size: 14px; line-height: 16px; }
.overlay .abogados li .marco h2 { margin-top: 164px; }
.overlay .eltexto {display: block; float: none; position: relative; overflow: hidden; width: 100%; padding: 0; color: #4c4c4c; font-size: 14px; line-height: 16px; }
.overlay .abogados li { height:350px; }
.blog .cuerpo .nota .etiquetas { padding-top:10px; }
.blog .cuerpo .nota .etiquetas span { padding:5px; font-size:12px; line-height: 14px; margin:0 5px 5px 0; }
.blog .cuerpo .nota .video { height:52vw; }
}