@font-face {
    font-family: "Bebas";
    src: url(../fonts/BebasNeue-Regular.ttf);
}

@font-face {
    font-family: "Bebas-Bold";
    src: url(../fonts/BebasNeue-Bold.ttf);
}

@font-face {
    font-family: "OpenSans-SemiBold";
    src: url(../fonts/OpenSans-Semibold.ttf);
}
@font-face {
    font-family: "OpenSans-ExtraBold";
    src: url(../fonts/OpenSans-ExtraBold.ttf);
}
@font-face {
    font-family: "OpenSans-Bold";
    src: url(../fonts/OpenSans-Bold.ttf);
}

@font-face {
    font-family: "OpenSans-Regular";
    src: url(../fonts/OpenSans-Regular.ttf);
}

.body{	font-family: Bebas;}

.row{margin-right: 0; margin-left:0}
.s1{background-image: url('../images/s1.png'); background-size:cover; background-position: center center; background-repeat:no-repeat;min-height: 98vh; padding-top:40px;padding-bottom:40px}
.s1-text{color:white; font-family: OpenSans-Regular; font-size:25px}
.s1-title{font-family: Bebas-Bold; margin-top:50px; font-size:65px; color:#56b7e6; margin-bottom:0;}
.s1-button{margin-top:60px; color:white;text-transform: uppercase;    padding-top: 10px;width: 190px; height: 45px;  border-radius: 28px; background-color: #55b7e5; font-size:15px}
.s1-title-b{color:white}

.s2{padding-top:40px; padding-bottom: 40px;}
.s2-text{color:#666666; font-family:OpenSans-Regular;text-align:justify;font-size: 17px;}
.s2-text2{color:#666666; font-family:OpenSans-Bold;text-align:justify;font-size: 17px;margin-bottom:0}
.s2-separator{width: 306px; height: 3px; background-color: #55b7e5; margin-left: auto;}
.s2-middle{ display: flex; align-items: center;}
.s2-titleI{font-family: Bebas-Bold; color: #0072cf; font-size:45px; text-align: center; margin-top:30px; margin-bottom:40px}
.s2-icons{text-align: center; }
.s2-titleI-blue{font-family: Bebas-Bold; color: #56b7e6}
.s2-title{margin-top:30px;color:white; font-family: Bebas; text-transform: uppercase; font-size:35px}
.s2-title-icons{font-family:OpenSans-Bold; color:#56b7e6; font-size:25px; margin-bottom: 0; margin-top:10px}
.s2-title-text{font-family:OpenSans-Regular; color:#666666; font-size:17px}
.s2-list ul li {list-style-image: url("../images/check.png"); margin-top:10px;}
.s2-img{height: 70px}

.s3{background-image: url('../images/practicas.png'); padding-bottom:15px; background-size:cover; background-repeat:no-repeat; min-height: 400px;}
.s3-title{font-family: Bebas; color: white; font-size:45px; text-align: center; margin-top:30px; margin-bottom:40px}
.s3-title-blue{font-family: Bebas; color: #56b7e6}
.s3-content{margin-top:10px;color: white; font-family: "OpenSans-Regular"; font-size: 15px;}
.s3-check{height: 18px; vertical-align: text-top;}
.s3-titles{font-size:21px; color: rgb(86,183,230); font-family: "OpenSans-ExtraBold";  font-weight: 800;}
.s3-row{margin-bottom:40px}
.s3-padding{padding:0}
.s3-padding-right{padding-right: 0;}
.s3-container{padding-left:100px; padding-right:100px}

.s4{background-image: url('../images/comunicaciones.png'); background-size:cover; background-repeat:no-repeat; min-height: 350px;}

.s5{background-color:#f7f7f7;}
.s5-box{background-color:#56b7e6; padding-top:50px; padding-bottom:50px; margin-top: -100px;}
.s5-box-title{color:white; font-family: Bebas; font-size:45px;text-align: right}
.s5-separator{width: 93px; height: 4px; background-color: #0071cf;}
.s5-text{color:white; font-family:OpenSans-Regular;font-size: 15px; text-align: justify}
.s5-row{padding-top: 85px; padding-bottom: 85px;}
.s5-middle{ display: flex; align-items: center;  flex-direction: row-reverse;}
.s5-row-icons{padding-top:30px; padding-bottom:30px}
.s5-title{font-family: OpenSans-SemiBold; color:#1574ba; font-size: 26px; margin-bottom:0}
.s5-subtitle{font-family: OpenSans-Bold; font-size:14px}
.s5-content{font-family:OpenSans-Regular; font-size:14px; }

.s6{padding-top:60px; padding-bottom: 60px}
.s6-title{color: #999999; font-family: Bebas-Bold; text-align: center; font-size:40px; margin-bottom:40px}
.s6-img{text-align: center}
.s6-row{padding-bottom: 35px;}
.strong{font-family: OpenSans-Bold}

.s7{background-color: #202e39;color:white; font-family: OpenSans-regular; padding:30px}
.s7-text-contact{font-family:OpenSans-Regular; color:white; font-size: 25px;line-height: 1;}
.s7-txt-blue{color: rgb(86,183,230);}
.s7-box-inputs{text-align: center}
.s7-input{border-radius: 0; margin-bottom: 15px}
.s7-box{width: 51px; height: 2px; background-color: white; margin-left: auto; margin-right: auto; margin-bottom: 30px}
.s7-button{margin-top:30px; color:white;width: 110px; height: 40px;  border-radius: 28px; background-color: #55b7e5;}
.s7-box2{width: 122px; height: 2px; background-color: #55b7e5; float: right; margin-bottom: 30px; margin-top:30px}
.s7-logo-footer{text-align: right;padding-top:90px}
.s7-text-address{color:white; font-family: OpenSans-Regular; font-size:13px}
.s7-text-address2{font-family: OpenSans-Bold}

.s8{padding:5px;background-color: #000000;color:white; font-family: OpenSans-Regular;text-align: right; font-size: 12px}

.logo{height: 55px;}

@media (max-width: 992px) {
    .s2-icons{ padding-bottom:40px;  }
    .s3-container{padding-left:20px; padding-right:20px}
  }

@media (max-width: 768px) {
 .s2-separator{  display:none;   }
 .s3-row{ margin-bottom:0;}
 .s3-padding{ padding-bottom: 20px}
 .s5-box-title{text-align: center}
 .s5-box{padding-top: 30px;}
 .s5-middle{display:block}
 .s5-separator{margin-left: auto; margin-right: auto; margin-bottom: 20px}
 .s6-img{padding-bottom: 20px}
 .s7-logo-footer{text-align: center; }
 .s7-box2{margin-left: auto; margin-right: auto; float: none;}
 .s7-logo-footer{padding-top: 70px;}
 .s6-img-size{height: 50px}
 .s5-row-icons{padding-top: 0; padding-bottom:0}
.s6-row{padding-bottom:0}
}

@media (max-width: 450px) {
    .s1-title{font-size: 46px;}
    .s1-text{    font-size: 19px;}
    .s2-text{    font-size: 14px;}
    .s2-titleI{    font-size: 25px;}
    .s2-title-text{font-size:14px}
    .s2-title-icons {font-size: 20px}
    .s3-title{ font-size:25px}
  }
  

@media (max-width:590px){
    .s1 { background-image: url(../images/baner-mobile.jpg); background-size: cover; background-position: center center; text-align: left; padding-top: 15px;}
    .s1-title {font-size: 36px;}
}

@media (min-width:590px) and (max-width:767px){
    .s1 { background-image: url(../images/baner-mobile.jpg); background-size: cover; background-position: 0% 70%; text-align: left; padding-top: 15px;}
    
}