@import url(https://fonts.googleapis.com/css?family=Open+Sans:400,700,700italic,400italic,300,300italic);

* {
    box-sizing: border-box;
    
/*
    border: 1px solid red;
*/
    
    text-decoration: none;
    margin: 0;
    padding: 0;
    list-style-type: none;
    outline: none;
}

html,
body {
    width: 100%;
    height: 100%;
    min-width: 1100px;
    color: #6d767b;
    font-size: 100%;
    line-height: 2em;
    font-family: "Open Sans", sans-serif, Helvetica, Arial;
    background: #fff;
}

header,
.content,
footer {
    width: 100%;
    height: auto;
    float: left;
}

.container {
    width: 1100px;
    margin: 0 auto;
}

.shadow {
  box-shadow: 0 8px 6px -6px #555;
}

.gradient {
    background-image: linear-gradient(rgba(0,0,0,0),rgba(0,0,0,0.4));
}

h1,
h2,
h3,
h4,
h5,
h6 {

}

a {
    display: block;
}

strong {
    font-weight: 700;
}

.fl-l {
    float: left;
} /*---Float Left Class---*/

.fl-r {
    float: right;
} /*---Float Right Class---*/

/*---Header---*/

header {
    margin-top: 5px;
}

.main-logo {
    margin: 0 0 10px 332px;
    display: block;
}

.social-cage {
    height: 30px;
    margin-right: 40px;
}

.social-cage a {
    width: 30px;
    height: 30px;
    margin-right: 10px;
    border-radius: 100%;
    background-color: #176487;
    display: inline-block;
    float: left;
}

.social-cage a:last-child {
    margin-right: 0;
}

nav {
    width: 100%;
    height: 55px;
    background-color: #176487;
    border-top: 1px solid #0eb3d1;
    border-bottom: 1px solid #0eb3d1;
}

nav ul {
    margin: 0 auto;
    text-align: center;
}

nav ul li {
    height: 55px;
    display: inline-block;
    position: relative;
}

nav ul li a {
    height: 100%;
    padding: 0.38em 1.25em 0;
    color: #fff;
    font-size: 1.5em;
    font-weight: 300;
    display: block;
}

nav ul li a:hover {
    color: #0eb3d1;
}

nav ul li a.active {
    color: #74a2b7;
}

nav ul li:after {
    content: "";
    width: 1px;
    height: 38px;
    background: #74a2b7;
    position: absolute;
    top: 50%;
    left: 100%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
}

nav ul li:last-child:after {
    display: none;
}

/*---Content--*/

.main-banner,
.main-serv {
    width: 100%;
    min-width: 1100px;
    text-align: center;
    float: left;
}

.main-banner {
    padding: 0;
    position: relative;
}

.main-banner h1 {
    color: #176487;
}

.main-banner h1 {
    position: relative;
    z-index: 11;
    display:inline-block;
    top:-60px;
}
.main-banner img {display:inline-block;}

.main-banner,
.main-serv {
    width: 100%;
    min-width: 1100px;
    text-align: center;
    float: left;
}

.main-serv {
    padding-bottom: 6.5em;padding-top:2em;
}

.main-serv h2 {
    width: 100%;
    height: 60px;
    color: #fff;
    font-size: 2em;
    padding-top: 0.35em;
    margin-bottom: 1em;
    background-color: #176487;
    border-top: 1px solid #0eb3d1;
    border-bottom: 1px solid #0eb3d1;
}

.serv-icon-cage {
    width: 850px;
    margin: 0 auto;
}

.serv-icon-cage p {
    color: #6d767b;
    font-size: 20px;
    font-weight: 300;
    text-align: left;
    margin-bottom: 30px;
}

.serv-icon-cage p strong {
    color: #176487;
}

.serv-icon-cage p a {
    font-weight: 700;
    color: #176487;
}

.icon-pod {
    float: left;
    margin-right: 80px;
    position: relative;
}

.icon-pod h3 {
    font-size: 1.75em;
    font-weight: 300;
    color: #6d767b;
    position: absolute;
    top: 100%;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
}

.valores-cage {
    width: 100%;
    float: left;
    color: #fff;
    margin-bottom: 30px;
    border-top: 2px solid #0eb3d1;
    border-bottom: 2px solid #0eb3d1;
}

.valores-pod {
    width: 100%;
    float: left;
    padding: 20px 0 30px;
    border-bottom: 1px solid #0eb3d1;
    position: relative;
}

.valores-pod:after {
    content: "";
    width: 600px;
    height: 100%;
    top: 0;
    position: absolute;
    background-repeat: no-repeat;
    background-size: cover;
    z-index: 1;
}

.valores-pod.mision:after {
    background-image: url(../img/mision-bg.jpg);
    right: 0;
}

.valores-pod.vision:after {
    background-image: url(../img/vision-bg.jpg);
    left: 0;
}
.valores-pod.valores:after {
    background-image: url(../img/valores-bg.jpg);
    right: 0;
}

.valores-pod h3,
.valores-pod p,
.valores-pod ul {
    padding: 0 10px;
    position: relative;
    z-index: 111;
}

.valores-pod p {
    width: 650px;
}

.valores-pod.vision h3,
.valores-pod.vision p {
    float: right;
    text-align: right;
    clear: both;
}

.valores-pod h3 {
    font-size: 2em;
    margin-bottom: 0.25em;
}

.valores-pod ul {
    color: #009da2;
    margin-right: 2em;
}

.valores-pod ul li {
    font-weight: 700;
    list-style: disc inside none;
}

.valores-pod ul li span {
    color: #fff;
}

.valores-pod.mision {
    background: #176487;
}

.valores-pod.vision {
    background: #009da2;
}

.valores-pod.valores {
    background: #544ca0;
}

.filosofia-cage {
    width: 100%;
    margin-bottom: 30px;
}

.filosofia-cage .container {
    width: 600px;
}

.filosofia-cage .container p {
    width: 380px;
    color: #176487;
    font-size: 1.75em;
    font-family: "Times New Roman", Georgia, serif;
    font-style: italic;
}

.text-block {
    padding: 30px 100px;
    position: relative;
    text-align:justify;
}

.text-block h1 {
    font-size: 40px;
    font-weight: 300;
    color: #176487;
    margin-bottom: 20px;
}

.text-block h2 {
    font-size: 25px;
    margin-bottom: 15px;
}

.text-block p {
    font-size: 20px;
    margin-bottom: 10px;
    text-indent: 40px;
}

.text-block p.last-p {
    margin-bottom: 30px;
}

/* Sobre Nosotros */
.row {display:flex;}
.col-1, .col-2 {width:50%;padding:0 15px;}
.about h4 {font-size:20px;text-align:left}
.about a {display:inline;}

/* Servicios */
.serv-ls {display:block;background:#939397; text-align: center; height:70px;line-height:70px;}
.serv-ls a {color: black; margin-left:20px;font-size:120%;}
.serv-ls a:hover {text-decoration:underline;color:white;}
.tabs li {display:inline-block;}
.serv-content {font-size:20px;}
.serv-content img {margin-top:20px;}
.serv-content strong {display:block;color:#114A64;font-size:24px;}
.serv-content h3, .serv-content h4 {font-style:italic;}
.serv-content h4 {margin-bottom:10px;}
.serv-content ul {margin-left:20px;}
.serv-content li:before {content: "⚫ "; color:#114A64;}

/* Contacto */
#JotFormIFrame {margin-left:-65px;margin-top:-40px;position:relative}
.col-1 img {position:relative;z-index:1;}
.cinf ul {margin-left:-12px;}

/*---Footer---*/
.hide {visibility:hidden}

footer .container {
    width: 900px;
    min-height: 220px;
    background: #176487;
    padding: 25px 20px;
    border-radius: 30px 30px 0 0;
}

.footer-nav a {
    color: #fff;
    font-weight: 700;
    font-size: 18px;
}
.footer-nav a:hover {text-decoration:underline;}
.contact-cage {
    width: 680px;
    padding-left: 10px;
    height: auto;
    position: relative;
}

.contact-cage:before {
    content: "";
    width: 5px;
    height: 175px;
    background: url(../img/dotted-round-border.png);
    position: absolute;
    top: 50%;
    right: 100%;
    -webkit-transform: translate(-80%,-50%);
    -ms-transform: translate(-80%,-50%);
    transform: translate(-80%,-50%);
}


.contact-cage h2 {
    width: 320px;
    margin-bottom: 10px;
    font-size: 36px;
    font-weight: 300;
    font-style: italic;
    color: #fff;
}

.mail-form .field {
    width: 320px;
    padding: 0 15px;
    margin-bottom: 10px;
    background: #fff;
    color: #6d767b;
    font-size: 18px;
    font-weight: 300;
    text-transform: lowercase;
    border: 2px solid #0eb3d1;
    border-radius: 10px;
    -moz-box-shadow:    inset 0 0 10px #a4a4a4;
    -webkit-box-shadow: inset 0 0 10px #a4a4a4;
    box-shadow:         inset 0 0 10px #a4a4a4;
}

.mail-form button {
    padding: 5px 10px;
    background-color: #0eb3d1;
    color: #fff;
    font-size: 18px;
    font-weight: 400;
    text-transform: uppercase;
    border: 1px solid #0eb3d1;
    border-radius: 30px;
}

.contact-cage .social-cage {
    margin: 0;
    position: absolute;
    top: 0;
    right: 0;
}

.contact-cage .social-cage a {
    background: #fff;
}

.contact-cage .social-cage a:last-child {
    margin-right: 0;
}

.social-cage img:hover {transform:scale(0.9)}

footer .contact-info {
    color: #fff;
    font-size: 20px;
    font-weight: 300;
    text-align: right;
    position: absolute;
    right: 0;
    bottom: 0;
}

footer .contact-info h3 {
    font-size: 28px;
    font-weight: 300;
}


/*--- Last Reset ---*/

.last-child {
    margin: 0;
    border: none;
}

@media screen and (min-width:1px) and (max-width:2px) {

}