h1{
    font-size: 4.5rem;
    margin-bottom: 2rem;
}
.div-test {
    background-image: url('../img/bks/01.jpg');
}
.div-test img{
    margin-left: 0%;
    max-width: 200px;
}
.div-cont img {
    margin-left: 0%;
    max-width: 200px;
}
.yt{
    color: #F9C300 !important;
}
.div-capac{
    background-color: #0F0E24;
    margin-top: 15px;
    margin-bottom: 15px;
    color: white;
    padding-top: 1%;
    padding-right: 10%;
    padding-left: 10%;
    padding-bottom: 3%;
}
.div-capac .owl-item{
    height: 410px;
}
.div-capac h3{
    font-size: 30px;
    margin-top: 180px;
}
.div-capac h3 strong{
    color:#FFC600;
}
.div-capac ul{
    display: none;
}
.div-capac .card{
    transition: all 1s;
}
.div-capac .card:hover{
    background-image: none;
    background-color: #5d3eae !important;
    text-align: left !important;
}
.div-capac .card:hover ul{
    display: block;
}
.div-capac .card:hover h3{
    margin-top: 0px !important;
    padding: 10%;
    padding-bottom: 5px;
}
.div-capac .card:hover h3 strong{
    color:white;
}
.div-trbtns img{
    z-index: 1000;
}
.c-dg{
    height: 100%;
    background-image: url('../img/pa-prepa/diseno_grafico.jpg');
    background-size: 100% cover;
    background-repeat: no-repeat;
    background-position: center;
}
.c-ga{
    
    height: 100%;
    background-image: url('../img/pa-prepa/gastronomia.jpg');
    background-size: 100% cover;
    background-repeat: no-repeat;
    background-position: center;
}
.c-fi{
   
    height: 100%;
    background-image: url('../img/pa-prepa/fisioterapia.jpg');
    background-size: 100% cover;
    background-repeat: no-repeat;
    background-position: center;
}
.c-md{
  
    height: 100%;
    background-image: url('../img/pa-prepa/mecanica_dental.jpg');
    background-size: 100% cover;
    background-repeat: no-repeat;
    background-position: center;
}
.c-me{
  
    height: 100%;
    background-image: url('../img/pa-prepa/MECATRONICA.jpg');
    background-size: 100% cover;
    background-repeat: no-repeat;
    background-position: center;
}
.c-ca{
  
    height: 100%;
    background-image: url('../img/pa-prepa/CONTABILIDAD.jpg');
    background-size: 100% cover;
    background-repeat: no-repeat;
    background-position: center;
}
.opt-img1{
    background-image: var(--urlopt1);
}
.opt-img2{
    background-image: var(--urlopt2);
}
.opt-img{
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
}
.opt-info{
    padding: 3%;
}
.opt-info h6{
    font-size: 20px;
}
.opt-info p{
    margin-top: 20px;
    font-size: 17px;
}
.opt-info2{
    background-color: #D64354;
    flex: 1;
}
.opt-info1{
    background-color: #E34A5B;
    flex: 1;
}
@media screen and (max-width: 992px) {
    .opt-info2{
        background-color: #D64354;
        flex: auto;
    }
    .opt-info1{
        background-color: #E34A5B;
        flex: auto;
    }
}
.div-cinfo{
    background-color: #0f0e24;
    padding: 5%;
}
.row-cinfo{
    width: 100%;
}
.col-cinfo{
    padding: 1%;
    color: #C1C8D8;
    flex-basis: 0;
    -ms-flex-positive: 1;
    flex-grow: 1;
    max-width: 100%;
}
.col-cinfo p{
    margin-top: 20px;
    font-size: 17px;
}
.col-cinfo h6{
    font-size: 20px;
}
.col-cinfo-c{
    background-color: #17152c;
    padding: 5%;
    border-radius: 10px;
    height: 100%
}
.sites-icons{
    color: #C1C8D8;
    font-size: 20px;
    padding: 5%;
    padding-right: 20%;
    padding-left: 20%;
    padding-bottom: 0px;
}
.sites-icons a{
    color: #C1C8D8;
    font-size: 20px;
    padding: 5%;
    padding-bottom: 0px;
}
.sites-icons i{
    color: #A186E6;
    font-size: 24px;
    transition: all 0.25s ease;
}
.sites-icons .col-i:hover {
    cursor: pointer;
}
.sites-icons .col-i:hover .fa-tag{
    transform: scale(-1, 1);
  -moz-transform: scale(-1, 1);
  -webkit-transform: scale(-1, 1);
  -o-transform: scale(-1, 1);
  -ms-transform: scale(-1, 1);
  transform: scale(-1, 1);
  color:#fecb2e;
}
.sites-icons .col-i:hover .fa-plane{
    transform: rotate(-90deg);
    -webkit-transform: rotate(-90deg);
    -moz-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    -o-transform: rotate(-90deg);
  color:#fecb2e;
}
.sites-icons .col-i:hover .fa-graduation-cap{
    transform: rotate(-45deg);
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
  color:#fecb2e;
}
.sites-icons .col-i:hover  .fa-phone-alt{
    transform: rotate(135deg);
    -webkit-transform: rotate(135deg);
    -moz-transform: rotate(135deg);
    -ms-transform: rotate(135deg);
    -o-transform: rotate(135deg);
  color:#fecb2e;
}
.sites-icons .col-i:hover  .fa-clipboard{
    transform: scale(1.5, 1.5);
  -moz-transform: scale(1.5, 1.5);
  -webkit-transform: scale(1.5, 1.5);
  -o-transform: scale(1.5, 1.5);
  -ms-transform: scale(1.5, 1.5);
  transform: scale(1.5, 1.5);
  color:#fecb2e;
}
.sites-icons .col-i:hover .fa-calendar-alt{
    transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
  color:#fecb2e;
}
.div-pasos{
    padding: 5%;
}
.div-pasos a{
    color: #8F65FF;
    font-weight: bold;
}
.btn-pasos {
    background-color: #8F65FF !important;
    height: auto;
    color: #E5E8EA !important;
    font-size: .85rem;
    padding-top: 9px !important;
    padding-bottom: 9px !important;
}
.col-pasos2{
    padding: 2%;
    background-color: #8F65FF;
    color: white !important;
}
.col-pasos2 a{
    color: #FFE200 !important;
}
.col-pasos{
    padding: 5%;
    padding-bottom: 1%;
}
.div-pasos .row{
    width: 100%;
}
.col-img{
    background-image: url('../img/UVP-Maestrias_Doctorado_y_Especialidad/UVP-Especialidad_en_Orientacion_Educativa_ONLINE/3.jpg');
    background-size: cover;
    background-repeat: no-repeat;
    background-position: top;
}
.col-img2{
    background-image: url('../img/UVP-Maestrias_Doctorado_y_Especialidad/UVP-Especialidad_en_Orientacion_Educativa_ONLINE/7.jpg');
    background-size: cover;
    background-repeat: no-repeat;
    background-position: top;
}
.col-img3{
    background-image: url('../img/UVP-Maestrias_Doctorado_y_Especialidad/UVP-Especialidad_en_Orientacion_Educativa_ONLINE/8.jpg');
    background-size: cover;
    background-repeat: no-repeat;
    background-position: top;
}
@media screen and (max-width: 1024px) {
    .col-cinfo{
        flex: 0 0 40%;
        max-width: 40%;
    }
    .co-ci-cl{
        flex: 0 0 80%;
        max-width: 80%;
    }
}
@media screen and (max-width: 767px) {
    .col-cinfo{
        flex: 0 0 80%;
        max-width: 80%;
    }
    .opt-info{
        padding-left: 7%;
    }
}
@media screen and (max-width: 1800px) {

    .div-cont img{
        margin-left: 0%;
    }
    .div-test img{
        margin-left: 0%;
    }
}
@media screen and (max-width: 1456px) {

    .div-cont img{
        margin-left: 0%;
    }
    .div-test img{
        margin-left: 0%;
    }
}
@media screen and (max-width: 1160px) {

    .div-cont img{
        margin-left: 0%;
    }
    .div-test img{
        margin-left: 0%;
    }
}
@media screen and (max-width: 991px) {

    .div-cont img{
        margin-left: -50%;
    }
    .div-test img{
        margin-left: -100%;
    }
}
@media screen and (max-width: 929px) {

    .div-cont img{
        margin-left: -50%;
    }
    .div-test img{
        margin-left: -92%;
    }
}
@media screen and (max-width: 860px) {

    .div-capac h3{
        font-size: 20px;
        margin-top: 190px;
    }
}
@media screen and (max-width: 548px) {
    .banner-content {
        margin-top: -112% !important;
    }
    .banner-contentpv1{
        margin-top: -145% !important;
    }
}
@media screen and (max-width: 433px) {
    .banner-contentpv1{
        margin-top: -195% !important;
    }
}
@media screen and (max-width: 353px) {
    .banner-contentpv1 {
        font-size: .8rem;
    }
}