/*==NEW SIFC RESPONSIVE==*/
/*=====================================================
    1. ESTILOS GLOBALES 
======================================================*/
* {
    box-sizing:border-box;
}
html{
    background-color: #ffffff;
    overflow-x: hidden;
    font-style: normal !important;
    font-family: 'Montserrat'!important;
}
body{
    background-color: #ffffff !important;
}
@font-face {
    font-family: Montserrat;
    src: url('../Montserrat/Montserrat-Italic-VariableFont_wght.ttf'), url('../Montserrat/Montserrat-VariableFont_wght.ttf'),
    url('../Montserrat/static/Montserrat-Black.ttf'), url('../Montserrat/static/Montserrat-BlackItalic.ttf'), 
    url('../Montserrat/static/Montserrat-Bold.ttf'), url('../Montserrat/static/Montserrat-BoldItalic.ttf'), 
    url('../Montserrat/static/Montserrat-ExtraBold.ttf'), url('../Montserrat/static/Montserrat-ExtraBoldItalic.ttf'), 
    url('../Montserrat/static/Montserrat-ExtraLight.ttf'), url('../Montserrat/static/Montserrat-ExtraLightItalic.ttf'), 
    url('../Montserrat/static/Montserrat-Italic.ttf'), url('../Montserrat/static/Montserrat-Light.ttf'), 
    url('../Montserrat/static/Montserrat-LightItalic.ttf'), url('../Montserrat/static/Montserrat-Medium.ttf'), 
    url('../Montserrat/static/Montserrat-MediumItalic.ttf'), url('../Montserrat/static/Montserrat-Regular.ttf'), 
    url('../Montserrat/static/Montserrat-SemiBold.ttf'), url('../Montserrat/static/Montserrat-SemiBoldItalic.ttf'), 
    url('../Montserrat/static/Montserrat-Thin.ttf'), url('../Montserrat/static/Montserrat-ThinItalic.ttf'); 
}
body{
    overflow-x: hidden;
    background-color: #ffffff;
    font-style: normal !important;
    font-family: 'Montserrat'!important;
}
ul,ol {
    margin: 0px;
    padding:0px;
    list-style-type: none;
}
li{
    list-style: none;
}
i,
span,
a{
    display: inline-block;
    font-family: 'Montserrat', sans-serif;
}
h3{
    text-shadow: 2px 2px 2px rgba(0, 0, 0, 0.6);
    font-weight: bold;
    font-family: 'Montserrat',sans-serif;
    color:#ffc500;
}
p{
    text-align: justify;
    font-size: 18px;
    line-height: 32px;
    font-family: 'Montserrat', sans-serif;
    color: #505050;
    font-weight: 300;
}
aside{
    color: #505050;
}
/*=====================================================
    2. BOTÓNES SIFC 
======================================================*/
.main-btn {
    display: inline-block;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    border: 1px solid #FFC500;
    padding: 0 35px;
    font-size: 16px;
    font-family: 'Montserrat', sans-serif;
    line-height: 50px;
    border-radius: 5px;
    color: #07294d;
    cursor: pointer;
    position: relative;
    overflow: hidden;
    z-index: 5;
    -webkit-transition: 0.4s ease-in-out;
    transition: 0.4s ease-in-out;
    background-color: #FFC500;
}
.main-btn:hover{
    color: #fff;
    border-color: #07294d;
    background-color: #07294d;
}
/*=====================================================
    3. ENCABEZAMIENTO 
======================================================*/
.header-top{
    background-color: #ffffff;
    padding-top: -20px;
    padding-bottom: -20px;
    height: 33px;
}
.header-contact ul li{
    display: inline-block;
    margin-right: 45px;
}
.header-contact ul li:last-child{
    margin-right: 0;
}
.header-contact ul li span {
    color: #07294d;
    font-size: 15px;
    margin-left: 10px;
    font-weight: 300;

}
.header-opening-time p {
    color: #07294d;
    font-size: 15px;
    margin-bottom: -20px;
    font-weight: 300;
}
.header-logo-support{
    border-bottom: 1px solid rgba(216, 216, 216, .5);
}
.support-button .support {
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    margin-top: 7px;
}
.support-button .support .cont{
    margin-left: 15px;
    margin-top: -2px;
}
.support-button .support .cont p{
    font-size: 13px;
    color: #505050;
    line-height: 18px;
    font-weight: 300;
}
.support-button .support .cont span{
    font-size: 18px;
    color: #07294d;
    font-family: 'Montserrat', sans-serif;
    font-weight: 300;
}
.support-button .button{
    margin-left: 60px;
}
/*=====================================================
    4. LOGO 
======================================================*/
.healog{
    image-rendering: high-quality;
    top: -60px;
    position: relative;
    margin-bottom: -150px;
    left: 0%;
    width: 100%;
}
.heatit1{
    font-size: 30px;
    color:#ffffff;
    font-family: 'Montserrat', sans-serif;
    margin-top: 8pt;
    margin-left: -20%;
    font-weight: 300;
}
.heatel{
    font-size: 15px;
    margin-left:30%;
    width: 150%;
    z-index: 9999999;
    position: relative;
    color: #07294d;
    font-weight: 300;
    top:10px;
}
#heunet{
    top: 60px;
    left: -55px;
    position: relative;
    font-weight: 300;
}
.nav-item #indtitut{
    color: #10b221 !important;
    font-weight: 300;
}
#containeriframe {
margin-left: 0px;
border: 1px solid transparent;
margin-top:-2px; 
}
iframe#embed {
    width:1200px;       
    height:50px;     
    margin-left:-20px;
    border-width: 0;
    overflow:hidden;
    -webkit-resize:none;
    -moz-resize:none;
    resize:none;
    animation: 5000s linear 0s slide 0;
    border: 1px solid transparent;
}
@keyframes slide {
    from { left: 100%; }
    to {
    left: 50px;
    transform: translateX(-100%);
    }
}
/*=====================================================
    5. MENÚ 
======================================================*/
.navigation.sticky {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    background: #fff;
    z-index: 190000000000000000000000000000000000000000000000000000000000000000000000000000000000000;
    border-bottom: 1px solid #cecece;
    -webkit-box-shadow: 0px 0px 191px 0px rgba(0,0,0,0.06);
    box-shadow: 0px 0px 191px 0px rgba(0,0,0,0.06);
    -webkit-animation: sticky 2s;
    animation: sticky 2s;
}
@-webkit-keyframes sticky {
    0%{
        -webkit-transform: translateY(-100%);
        transform: translateY(-100%)
    }
    100%{
        -webkit-transform: translateY(0%);
        transform: translateY(0%)
    }
}
@keyframes sticky {
    0%{
        -webkit-transform: translateY(-100%);
        transform: translateY(-100%)
    }
    100%{
        -webkit-transform: translateY(0%);
        transform: translateY(0%)
    }
}
.navigation .navbar{
    padding: 0;
}
.navigation .navbar .navbar-nav li{
    margin-right: 40px;
    position: relative;
}
.navigation .navbar .navbar-nav li:last-child{
    margin-right: 0;
}
.navigation .navbar .navbar-nav li a{
    font-size: 14px;
    font-family: 'Montserrat', sans-serif;
    color: #07294d;
    text-transform: uppercase;
    -webkit-transition: all 0.4s linear;
    transition: all 0.4s linear;
    padding: 15px 0;
}
.navigation .navbar .navbar-nav > li > a.active,
.navigation .navbar .navbar-nav > li > a:hover{
    color: #efbf20;
}
.navigation .navbar .navbar-nav li .sub-menu{
    position: absolute;
    top: 110%;
    left: 0;
    background-color: #ffffff;
    width: 200px;
    opacity: 0;
    visibility: hidden;
    -webkit-transition: all 0.4s linear;
    transition: all 0.4s linear;
    z-index: 99;
}
.navigation .navbar .navbar-nav li:hover .sub-menu{
    opacity: 1;
    visibility: visible;
    top: 100%;
}
.navigation .navbar .navbar-nav li .sub-menu li{
    margin-right: 0;
}
.navigation .navbar .navbar-nav li .sub-menu li a{
    padding: 10px 15px;
    display: block;
    border-bottom: 1px solid transparent;
    color: #07294d;
}
.navigation .navbar .navbar-nav li .sub-menu li a.active,
.navigation .navbar .navbar-nav li .sub-menu li a:hover{
    padding-left: 20px;
    color: #efbf20;
}
.sub-nav-toggler{
    display: none;
}
.navigation .navbar .navbar-nav li .sub-menu li:last-child a{
    border-bottom: 0;
}
.navbar .navbar-toggler {
    padding: 3px 8px;
    margin: 18px 0;
     -webkit-transform: all 0.4s linear;
    transform: all 0.4s linear;
}
.navbar .navbar-toggler .icon-bar {
    width: 30px;
    height: 2px;
    background-color: #07294d;
    display: block;
    margin: 5px 0;
    position: relative;
     -webkit-transition: all 0.4s linear;
    transition: all 0.4s linear;
}
.navbar .navbar-toggler.active .icon-bar:nth-of-type(1){
    -webkit-transform: rotate(46deg);
    transform: rotate(46deg);
    top: 7px;
}
.navbar .navbar-toggler.active .icon-bar:nth-of-type(2){
    opacity: 0;
}
.navbar .navbar-toggler.active .icon-bar:nth-of-type(3){
    -webkit-transform: rotate(134deg);
    transform: rotate(134deg);
    top: -7px;
}
.right-icon ul li{
    display: inline-block;
    margin-right: 17px;
    padding: 22px 0;
}
.right-icon ul li:last-child{
    margin-right: 0;
}
.right-icon ul li a{
    font-size: 18px;
    color: #07294d;
    position: relative;
    padding-right: 7px;
}
.right-icon ul li a span{
    font-size: 12px;
    color: #fff;
    background-color: #efbf20;
    border-radius: 50%;
    padding: 0px 4px;
    position: absolute;
    top: -5px;
    right: 0;
}
.Menu_Position{
    margin-left: 125.6%;
    width: 200%;
}
#Horario_Menu{
    margin-left: 55%;
    width: 100%;
}
#log_Posit{
    margin-left: 1%;
    margin-top: 5pt;
}
#Posit_Cel{
   margin-left: -4%;
}

#glob_Tel{
   margin-top: -5%;
   margin-left: 15%;
}
.Cel_Num{
    color: #07294d;
    font-size: 20px;
    margin-left: 12%;
    font-weight: 300;
}
.Ayud_Llam{
    color: #07294d;
    font-size: 14px;
    font-weight: 300;
}
#heunet{
    font-weight: bold;
}
/*=====================================================
    6. SLIDER 
======================================================*/
.iframeSlider{    
    width:calc(100vw - 4px);
    height:calc(120vh - 4px);
    box-sizing: border-box;
}
/*=====================================================
    7. TREBOL 
======================================================*/
.trebol {
    position: relative;
    border: 1px transparent solid;
    z-index: 999;
    display: block;
}
/*=====================================================
    8. CATEGORIA 
======================================================*/
.color-1{
    background-color: #15A4D3;
}
.color-2{
    background-color: #A0A99E;
}
.color-3{
    background-color: #FFC500;
}
.category{
    background-color: #07294d;
    border-radius: 10px;
    position: relative;
    z-index: 5;
}
.category-text h2{
    color: #fff;
    font-weight: bold;
    text-shadow: 2px 2px 2pt rgba(0, 0, 0, 0.6);
    font-family: 'Montserrat', sans-serif;
}
.singel-category {
    padding: 24px 0;
    border-radius: 5px;
    display: block;
}
.singel-category .icon{
    display: inline-block;
}
.singel-category .cont {
    display: block;
}
.singel-category .cont span{
    color: #fff;
    font-size: 14px;
    padding: 5px;
    font-family: 'Montserrat', sans-serif;
    font-weight: 700;
    text-shadow: 2px 2px 2pt rgba(0, 0, 0, 0.6);
    font-weight: bold;
}
.category-slied a{
    display: block;
}
.category-slied .slick-arrow {
    position: absolute;
    top: 50%;
    right: -50px;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
}
.category-slied .prev.slick-arrow{
    right: auto;
    left: -50px;
}
.category-slied .slick-arrow i{
    width: 35px;
    height: 35px;
    line-height: 35px;
    border-radius: 50%;
    background-color: #557495;
    text-align: center;
    font-size: 24px;
    color: #fff;
    cursor: pointer;
    -webkit-transition: all 0.4s linear;
    transition: all 0.4s linear;
}
.category-slied .slick-arrow i:hover{
    background-color: #ffc500;
}
/*=====================================================
    9. NOSOTROS 
======================================================*/
.titutnosot{
    position: relative;
    left: 2%;
    margin: 0 auto;
    font-size: 40px !important;
    margin-bottom: -8pt;
    text-shadow: 2px 2px 2px rgba(0, 0, 0, 0.6);
    font-weight: bold;
    font-family: 'Montserrat', sans-serif;
    color:#ffc500;
}
div.noticia {
    width: 100%;
    background-color: #fff;
    color: #000;
    font-size: 14px;
    text-align: justify;
    left: 1.7%;
    position: relative;
}
div.noticia img#derecha {
    float: right;
    margin-left: 15px;
    width: 100%;
    margin-top: 20px;
    margin-right: 3%;
    box-shadow: 0.3em 0.3em 1em rgba(0,0,0,0.3);
}
#Btn_Nost{
    top: 10px;
    left: 15%;
    position: relative;
}
#Btn_Nost a {
    display: inline-block;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    border: 1px solid #FFC500;
    padding: 0 35px;
    font-size: 16px;
    font-family: 'Montserrat', sans-serif;
    line-height: 50px;
    border-radius: 5px;
    color: #07294d;
    cursor: pointer;
    position: relative;
    overflow: hidden;
    z-index: 5;
    -webkit-transition: 0.4s ease-in-out;
    transition: 0.4s ease-in-out;
    background-color: #FFC500;
    font-weight: bold;
}
#Btn_Nost a:hover{
    color: #fff;
    border-color: #07294d;
    background-color: #07294d;
    font-weight: bold;
}
/*=====================================================
    10. VIDEO CAPSULAS 
======================================================*/
#video-feature{
    position: relative;
}
.feature-bg{
    position: absolute;
    top: 0;
    right: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(7, 41, 77, 0.9);
}
.video{
    padding-left: 0px;
}
.video i{
    width: 120px;
    height: 120px;
    line-height: 120px;
    text-align: center;
    font-size: 24px;
    background-color: #FFC500;
    color: #07294d;
    border-radius: 50%;
}
.feature{
    position: relative;
    z-index: 5;
}
.feature .feature-title h3{
    font-size: 36px;
    color: #fff;
    padding-bottom: 15px;
}
.feature ul li .singel-feature{
    padding-top: 55px;
    overflow: hidden;
}
.feature ul li .singel-feature .icon{
    float: left;
    overflow: hidden;
    display: block;
    padding-right: 30px;
}
.feature ul li .singel-feature .cont {
    width: 78%;
    float: left;
    overflow: hidden;
}
.feature ul li .singel-feature .cont h4{
    font-size: 24px;
    color: #fff;
    padding-bottom: 15px;
}
.feature ul li .singel-feature .cont p{
    color: #fff;
    text-align: justify;
    font-size: 18px;
    line-height: 32px;
    font-family: 'Montserrat', sans-serif;
    font-weight: 300;
}
.titutvidcap{
    position: relative;
    left: 2%;
    margin: 0 auto;
    /*color:#ffc500;*/
    color: #ffc600;
    text-shadow: 2px 2px 2px rgba(0, 0, 0, 0.6);
    font-weight: bold;
    font-size: 32px !important;
    width: 100%;
    font-family: 'Montserrat', sans-serif;
}
#vid_sub{
    color:#ffffff;
    text-shadow: 2px 2px 2pt rgba(0, 0, 0, 0.6);
    font-size: 24px !important;
    font-weight: bold;
}
.List_Cont_Anch{
    width: 110%;
}
.video {
    padding-left: 0;
    position: relative;
    z-index: 5;
}
/*=====================================================
    11. PILDORA DEL CONOCIMIENTO
======================================================*/
.containerpost {
    max-width: 1400px;
    min-width: 320px;
    padding: 30px;
    margin: 0 auto;
    font-family: "Segoe UI", Arial, sans-serif !important; 
}
.posts {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}

.alt_img{
        height: 93% !important;
    }
.posts__item {
    display: flex;
    flex-direction: column;
    flex-basis: 32%;
    background-color: #fff;
    margin-bottom: 22px;
    position: relative;
    font-family: "Segoe UI", Arial, sans-serif !important; 
    box-shadow: 0 10px 20px rgba(0, 0, 0, 0.19), 0 6px 6px rgba(0, 0, 0, 0.23);

}
.posts__item--main {
    flex-basis: 66%;
}
.posts__item--main:after {
    content: "";
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    background-image: linear-gradient(to top, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0));
}
.posts__item--main .posts__image {
    display: flex;
    flex-grow: 1;
}
.posts__item--main .posts__information {
    position: absolute;
    bottom: 10px;
    left: 50px;
    padding: 0 25px 0 0;
    z-index: 1;
}
.posts__item--main .Princ_posts__title a {
    font-family: Segoe UI,Frutiger,Frutiger Linotype,Dejavu Sans,Helvetica Neue,Arial,sans-serif;
    color: #505050;
    font-size: 13px;
    line-height: 30px;
    text-transform: uppercase;
    font-weight: bold;
    width: 100%;
    margin-left: 0%;
}
.posts__item--main .posts__title a {
    font-family: Segoe UI,Frutiger,Frutiger Linotype,Dejavu Sans,Helvetica Neue,Arial,sans-serif;
    color: #505050;
    font-size: 13px;
    line-height: 30px;
    text-transform: uppercase;
    font-weight: bold;
    width: 250px;
    margin-left: -15%;
}
.posts__image > img {
    display: block;
    width: 100%;
}
.posts__image > video {
    display: block;
    width: 100%;
}
.posts__information {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    padding: 15px 25px;
    flex-grow: 1;
    font-family: "Segoe UI", Arial, sans-serif !important;
}
.posts__date {
    font-size: 13px;
    line-height: 30px;
    letter-spacing: 0.325px;
    color: #505050;
    text-transform: uppercase;
    font-weight: 600;
    margin: 7px 0;
    text-align: left;
}
.posts__date a{
    color: #505050;
}
.posts__title {
    margin-top: 7px;
    margin-bottom: auto;
}
.posts__title a {
    text-align: justify;
    width: 100%;
    font-size:16px;
    line-height: 30px;
    font-family: Segoe UI,Frutiger,Frutiger Linotype,Dejavu Sans,Helvetica Neue,Arial,sans-serif;
    color: #505050;
    text-decoration: none;
}
.posts__title a:hover {
    text-decoration: underline;
}
.posts__author {
    margin-top: 55px;
}
.posts__author img {
    border-radius: 50px;
    width: 60px;
}
@media screen and (max-width: 1199px) {
    .posts__item {
        flex-basis: 49%;
    }
    .posts__item--main {
        flex-basis: 100%;
        justify-content: center;
    }
    .posts__item--main .posts__image {
        display: block;
    }
    .posts__item--main .posts__information {
        width: 100%;
        bottom: auto;
        left: auto;
        align-items: center;
        text-align: center;
        padding: 0;
    }
}
@media screen and (max-width: 768px) {
    .posts__item {
        flex-basis: 49%;
    }
    .posts__item--main {
        flex-basis: 100%;
        justify-content: center;
    }
    .posts__item--main .posts__image {
        display: block;
    }
    .posts__item--main .posts__information {
        width: 100%;
        bottom: auto;
        left: auto;
        align-items: center;
        text-align: center;
        padding: 0;
    }
}
@media screen and (max-width: 480px) {
    .posts__item {
        flex-basis: 100%;
    }
}
#Pild_Conc{
    margin-left: -3%;
    margin-top: -5%;
}
/*=====================================================
    12. CONTADOR  
======================================================*/
.singel-counter{
    position: relative;
    z-index: 5;
}
.singel-counter span{
    font-size: 36px;
    color: #FFC500;
    font-family: 'Montserrat', sans-serif;
    font-weight: 600;
}
.singel-counter p{
    font-family: 'Montserrat', sans-serif;
    font-weight: 400;
    color: #fff;
    font-size: 15px;
}
#col_cont_client{
   color: #FFC500 !important;
   text-shadow: 2px 2px 2pt rgba(9, 23, 38, 1);
}
#cont_cont_pagr{
    color:#ffffff;
    text-shadow: 2px 2px 2pt rgba(0, 0, 0, 0.6);
    font-weight: bold;
    font-family: 'Montserrat', sans-serif;
    margin-left: 25%;
}
/*=====================================================
    13. TESTIMONIOS
======================================================*/
.section-title{}
.section-title h5{
    color: #07294d;
    position: relative;
    padding-bottom: 12px;
}
.section-title h5::before{
    content: '';
    position: absolute;
    width: 130px;
    height: 4px;
    background-color: #FFC500;
    bottom: 0;
    left: 0;
}
#testimonial .section-title{
    position: relative;
    z-index: 5;
}
#testimonial .section-title h5,
#testimonial .section-title h2{
    color: #fff;
}
#testimonial .section-title h5::before{
    background-color: #FFC500;
    font-size: 50px;
}
.testimonial-slied{
    position: relative;
    z-index: 5;
}
.singel-testimonial{
    position: relative;
}
.singel-testimonial .testimonial-thum{
    position: absolute;
    display: inline-block;
    left: 0;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
}
.singel-testimonial .testimonial-thum img{
    border-radius: 5px;
    width: 100%;
    top: -130px;
    position: relative;
}
.singel-testimonial .testimonial-thum .quote{
    position: absolute;
    right: -22px;
    top: -22px;
}
.singel-testimonial .testimonial-thum .quote i{
    width: 45px;
    height: 45px;
    line-height: 45px;
    text-align: center;
    background-color: #FFC500;
    border-radius: 50%;
    color: #07294d;
    font-size: 18px;
}
.singel-testimonial .testimonial-cont {
    padding-left: 20px;
    margin-bottom: 90%;
}
.singel-testimonial .testimonial-cont p {
    color: #fff;
    padding-bottom: 32px;
    margin-right: 20px;
    font-family: 'Montserrat', sans-serif;
    font-size: 16px !important;
    text-align: justify-all;
    position: relative;
    top: 250px;
    font-weight: 300;
}
.singel-testimonial .testimonial-cont h6 {
    color: #fff;
    padding-bottom: 4px;
    position: relative;
    top: 220px;
}
.singel-testimonial .testimonial-cont span {
    color: #fff;
    font-size: 18px;
    position: relative;
    top: 220px;
}
.testimonial-slied .slick-dots{
    margin: 0 auto;
}
.testimonial-slied .slick-dots li{
    display: inline-block;
    margin-top: 15px;
}
.testimonial-slied .slick-dots li button{
    width: 10px;
    height: 10px;
    border-radius: 50%;
    background-color: #fff;
    font-size: 0;
    padding: 0;
    border: 0;
    margin: 0 3px;
    cursor: pointer;
}
.testimonial-slied .slick-dots li.slick-active button{
    background-color: #FFC500;
}
.cont_tit_test{
    color:#FFC500 !important;
    text-shadow: 2px 2px 2pt rgba(0, 0, 0, 1);
    font-weight: bold;
    font-family: 'Montserrat', sans-serif;
    font-size: 38px !important;
    position: relative;
    top: 100px;
}
.cont_subtit_test{
    color:#ffffff;
    text-shadow: 2px 2px 2pt rgba(0, 0, 0, 0.6);
    font-weight: bold;
    font-family: 'Montserrat', sans-serif;
    font-size: 32px !important;
    position: relative;
    top: 100px;
}
/*=====================================================
    14. CLIENTES
======================================================*/
.log_test_1{
    width: 62%;
    margin-left: 95px;
    height:145px;
}
.log_test_2{
    width:37%;
    margin: auto;
    position: relative;
    left:-2%;
    height:145px;
}
.log_test_3{
    width: 62%;
    margin: auto;
    position: relative;
    left:-20px;
    height:145px;
}
.log_test_4{
   width: 52%;
   margin: auto;
   position: relative;
   left:-20px;
   height:145px;
}
.back_test{
    background-color: #698fab;
}
#Posit_Cliente_1{
    margin-left: 31% !important;
}
#Posit_Cliente_2{
    margin-left: 22% !important;
}
#Posit_Cliente_3{
    margin-left: 22% !important;
}
#Posit_Cliente_4{
    margin-left: 22% !important;
}
#Posit_Cliente_5{
    margin-left: 35% !important;
}
#Posit_Cliente_6{
    margin-left: 30% !important;
}
#Posit_Cliente_7{
    margin-left: 25% !important;
}
#Posit_Cliente_8{
    margin-left: 30% !important;
}
/*=====================================================
    15. PIE DE PÁGINA 
======================================================*/
.footer-top{
    /*background-color: #07294d;*/
    background-color: #1c1f2a;
    background-image: url('../images/Abaj_Fond.png');
    background-repeat:no-repeat;
    background-size:contain;
    background-position:cover;
}
.footer-about {
    padding-right: 50px;
}
.footer-about p{
    color: #fff;
    padding-top: 15px;

}
.footer-about ul li{
    display: inline-block;
    margin-right: 15px;
}
.footer-about ul li:last-child{
    margin-right: 0;
}
.footer-about ul li a{
    width: 35px;
    line-height: 30px;
    font-size: 16px;
    color: #fff;
    border-radius: 50%;
    text-align: center;
    background-color: #1c1f2a;
    -webkit-transition: all 0.4s linear;
    transition: all 0.4s linear;
    font-weight: 300;
}
.footer-about ul li a:hover{
    background-color: #FFC500;
    color: #698fab;
    -webkit-transition: all 0.4s linear;
    transition: all 0.4s linear;
    font-weight: 300;
}
.footer-title h6{
    font-size: 18px;
    color: #fff;
}
.footer-link{
    overflow: hidden;
}
.footer-link ul{
    width: 50%;
    float: left;
    overflow: hidden;
}
.footer-link ul li{
    line-height: 35px;
}
.footer-link ul li a{
    color: #fff;
    font-size: 16px;
    line-height: 30px;
    -webkit-transition: all 0.4s linear;
    transition: all 0.4s linear;
    font-weight: 300;
}
.footer-link ul li a i{
    margin-right: 8px;
    color: #FFC500;
    -webkit-transition: all 0.4s linear;
    transition: all 0.4s linear;
}
.footer-link ul li a:hover {
    color: #FFC500;
}
.footer-link ul li a:hover i{
    margin-right: 15px;
}
.support ul{
    float: none;
    width: 100%;
}
.footer-address ul li{
    position: relative;
    margin-bottom: 10px;
}
.footer-address ul li:last-child{
    margin-bottom: 0;
}
.footer-address ul li .icon i{
    font-size: 16px;
    line-height: 30px;
    color: #FFC500;
    position: absolute;
    left: 0;
    top: 5px;
    font-weight: 300;
}
.footer-address ul li .cont{
    padding-left: 35px;
}
.footer-address ul li .cont p{
    color: #fff;
    font-weight: 300;
}
.footer-copyright{
    background-color: #1c1f2a;
}
.footer-copyright .copyright p{
    color: #fff;
}
.foot_red{
    width: 85%;
}
#Parrf_Foot{
    text-align: justify;
    font-size: 16px !important;
    line-height: 30px;
    font-weight: 300;
}
#Copyright_Sifc{
    color: #ffffff;
    line-height: 30px;
    display: flex;
  justify-content: center;
}
#Color_a_Foot{
    color: #ffffff;
}
/*Footer*/
    #Cont_Parrf_Foot #Logo_Sifc_Foot{
        width: 50%;
    }
/*=====================================================
    16. CONTENEDOR NOSOSTROS
======================================================*/
#some-box {
    background:#fff;
    padding:40px 0px 80px;
}
#some-box h1 {
    text-align:center;
}
#some-box h3 {
    font-size:26px;
}
#some-box a {
    color:#698fab;
    text-decoration:none;
    display:block;
}
#some-box a:hover {
    color:#FFC500;
}
article.row {
    width:100%;
    max-width:100%;
    margin:0 auto;
    padding:20px 20px;
}
article.row div {
    width:100%;
    display:inline-block;
    position:relative;
    border:1px solid white;
}
article.row {
    border:1px solid white;
}
article.row:hover {
    border:1px solid yellow;
}
article.row div:hover {
    border:1px solid green;
}
.Titut_Nuest_Objet{
    margin-right:10px;
    font-size: 34px !important;
    line-height: 62px !important;
    text-shadow: 2px 2px 2pt rgba(0, 0, 0, 0.6);
    font-weight: bold;
    font-family: 'Montserrat', sans-serif;
    color:#ffc500;
}
.Parr_Nuest_Obj{
    margin-left:0px;
    text-align: justify;
    position: relative;
    margin-top: 10pt;
    font-family: 'Montserrat', sans-serif;
    font-size: 14px !important;
    line-height: 22px !important;
    color: #505050;
}
.Titut_Nuest_Filos{
    margin-right:10px;
    font-size: 34px !important;
    line-height: 62px !important;
    text-shadow: 2px 2px 2pt rgba(0, 0, 0, 0.6);
    font-weight: bold;
    font-family: 'Montserrat', sans-serif;
    color:#ffc500;
}
.Titut_Mision{
    margin-right:0px;
    font-size: 34px !important;
    line-height: 62px !important;
    text-shadow: 2px 2px 2pt rgba(0, 0, 0, 0.6);
    font-weight: bold;
    font-family: 'Montserrat', sans-serif;
    color:#ffc500;
}
.Titut_Mision img{
    width: 20%;
}
.Parr_Mision{
    margin-right:0px;
    text-align: justify;
    position: relative;
    margin-top: 0pt;
    font-family: 'Montserrat', sans-serif;
    font-size: 14px !important;
    color: #505050;
}
.Titut_Vision{
    margin-right:0px;
    font-size: 34px !important;
    line-height: 62px !important;
    text-shadow: 2px 2px 2pt rgba(0, 0, 0, 0.6);
    font-weight: bold;
    font-family: 'Montserrat', sans-serif;
    color:#ffc500;
}
.Titut_Vision img{
    width: 20%;
}
.Parr_Vision{
    margin-left:0px;
    text-align: justify;
    position: relative;
    margin-top: 0pt;
    font-family: 'Montserrat', sans-serif;
    font-size: 14px !important;
    color: #505050;
}
.Nuest_Valor_Corp{
    margin-right:10px;
    font-size: 34px !important;
    line-height: 62px !important;
    text-shadow: 2px 2px 2pt rgba(0, 0, 0, 0.6);
    font-weight: bold;
    font-family: 'Montserrat', sans-serif;
    color:#ffc500;
}
#Cont_Nuest_Valor_Corp{
    width: 100%;
}
.Parr_Nuest_Val_Corp{
    margin-left:0px;
    text-align: justify;
    position: relative;
    font-family: 'Montserrat', sans-serif;
    font-size: 14px !important;
    color: #505050;
}
.Subtit_Nuest_Val_Corp{
    color:#ffc500;
    text-shadow: 2px 2px 2pt rgba(0, 0, 0, 0.6);
    font-weight: bold;
    font-size: 24px !important;
}
.Subtit_Nuest_Val_Corp img{
    width: 20%;
}
.Parr_Interno{
    margin-left:0px;
    text-align: justify;
    position: relative;
    margin-top: 20pt;
    font-family: 'Montserrat', sans-serif;
    font-size: 14px !important;
    color: #505050;
}
#Nosotros_Compartir{
    font-size: 30px !important;
    line-height: 62px !important;
    text-shadow: 2px 2px 2pt rgba(0, 0, 0, 0.6);
    font-family: 'Montserrat', sans-serif;
    color:#ffc500;
    margin-left: 15%;
}
#Posicion_Boton_Compartir{
    margin-left: 16%;
}
/*=====================================================
    17. BLOG GRID
======================================================*/
.singel-course{
    background-color: #fff;
    border-radius: 5px;
    overflow: hidden;
}
.singel-course > .thum{
    position: relative;
}
.singel-course .thum .image{
    overflow: hidden;
}
.singel-course .thum .image img{
    width: 100%;
    -webkit-transition: all 0.4s linear;
    transition: all 0.4s linear;
}
.singel-course:hover .thum .image img{
    -webkit-transform: scale(1.1);
    transform: scale(1.1);
}
.singel-course .thum .price{
    position: absolute;
    right: 60px;
    bottom: -24px;
}
.singel-course .thum .price span{
    font-size: 14px;
    color: #07294d;
    /*color: #ffffff;*/
    font-family: 'Montserrat', sans-serif;
    font-weight: 700;
    width: 55px;
    height: 55px;
    line-height: 55px;
    border-radius: 50%;
    background-color: #ffc500;
    text-align: center;
}
.servnombre{
    color: #efbf20;
    font-family: 'Montserrat', sans-serif;
    font-weight: bold;
    font-family: 'Montserrat', sans-serif;
}
.servnombre:hover{
    color: #07294d;
    font-weight: bold;
    font-family: 'Montserrat', sans-serif;
}
.singel-course .cont{
    padding-top: 28px;
    padding-bottom: 34px;
    padding-left: 30px;
    padding-right: 30px;
}
.singel-course .cont > ul{
    display: inline-block;
    margin-right: 10px;
}
.singel-course .cont ul li{
    display: inline-block;
    margin: 1px;
}
.singel-course .cont ul li > i{
    font-size: 13px;
    color: #FFC500;
}
.singel-course .cont span{
    font-size: 13px;
    color: #000;
}
.singel-course .cont h4{
    font-weight: 600;
    font-size: 24px;
    color: #000;
    padding-top: 15px;
    padding-bottom: 40px;
    -webkit-transition: all 0.4s linear;
    transition: all 0.4s linear;
}
.singel-course .cont h4:hover{
    color: #FFC500;
}
.singel-course .course-teacher{
    border-top: 1px solid #e0e0e0;
    padding-top: 20px;
    overflow: hidden;
}
.singel-course .course-teacher > .thum{
    display: inline-block;
}
.singel-course .course-teacher > .thum img{
    border-radius: 50%;
    width: 40px;
    height: 40px;
}
.singel-course .course-teacher .name {
    display: inline-block;
    margin-left: 0px;
    position: relative;
    bottom: 13px;
}
.singel-course .course-teacher .name a h6{
    font-size: 12px;
    color: #24486e;
    -webkit-transition: all 0.4s linear;
    transition: all 0.4s linear;
}
.singel-course .course-teacher .name a:hover h6{
    color: #FFC500;
}
.singel-course .course-teacher .admin{
    display: inline-block;
    float: right;
    overflow: hidden;
}
.singel-course .course-teacher .admin ul {
    margin-top: 8px;
}
.singel-course .course-teacher .admin ul li{
    margin-right: 20px;
}
.singel-course .course-teacher .admin ul li:last-child{
    margin-right: 0;
}
.singel-course .course-teacher .admin ul li a{
    font-size: 15px;
    color: #505050;
    -webkit-transition: all 0.4s linear;
    transition: all 0.4s linear;
}
.singel-course .course-teacher .admin ul li a:hover{
    color: #FFC500;
}
.singel-course .course-teacher .admin ul li a span{
    color: #505050;
    margin-left: 3px;
}
.course-slied{}
.course-slied .slick-arrow {
    position: absolute;
    top: -125px;
    right: 0;
}
.course-slied .prev.slick-arrow{
    left: auto;
    right: 50px;
}
.course-slied .slick-arrow i{
    width: 40px;
    height: 40px;
    line-height: 36px;
    border-radius: 5px;
    color: #000;
    border: 2px solid #aaaaaa;
    font-size: 18px;
    text-align: center;
    cursor: pointer;
    -webkit-transition: all 0.4s linear;
    transition: all 0.4s linear;
}
.course-slied .slick-arrow:hover i{
    border-color: #FFC500;
    background-color: #FFC500;
}
#Blog_Princ_Titul{
    font-size: 40px !important;
    line-height: 60px !important;
    text-shadow: 2px 2px 2px rgba(0, 0, 0, 0.6);
    font-weight: bold;
    font-family: 'Montserrat',sans-serif;
    color:#ffc500;
    margin-bottom: 10pt;
    margin-left: 0%;
}
#Estilos_Conte_Bord{
    box-shadow: 0 10px 20px rgba(0, 0, 0, 0.19), 0 6px 6px rgba(0, 0, 0, 0.23);
    padding: 10px;
}
#Estilos_Conte_Bords{
    box-shadow: 0 10px 20px rgba(0, 0, 0, 0.19), 0 6px 6px rgba(0, 0, 0, 0.23);
    padding: 10px;
    font-size: 16px;
    line-height: 30px;
}
#Estilos_Conte_Bords p{
    font-size: 18px;
    line-height: 30px;
}
#Estilos_Conte_Bordc{
    box-shadow: 0 10px 20px rgba(0, 0, 0, 0.19), 0 6px 6px rgba(0, 0, 0, 0.23);
    padding: 10px;
    font-size: 16px;
    line-height: 30px;
}
#Estilos_Conte_Bordc p{
    font-size: 18px;
    line-height: 30px;
}
#Estilos_Conte_Bord_Blogs{
    box-shadow: 0 10px 20px rgba(0, 0, 0, 0.19), 0 6px 6px rgba(0, 0, 0, 0.23);
    padding: 10px;
}
#Estilos_Conte_Bord_Blog_noticias{
    box-shadow: 0 10px 20px rgba(0, 0, 0, 0.19), 0 6px 6px rgba(0, 0, 0, 0.23);
    padding: 10px;
}
#Estilos_Conte_Bord_Blog p{
    color: #505050;
    font-size: 18px;
    line-height: 30px;
}
#Blog_Sub_Parraf{
    color: #000;
    font-family: 'Montserrat', sans-serif;
    color: #000 !important;
    font-weight: bold;
}
#Blog_Fecha{
    color: #000;
    font-family: 'Montserrat', sans-serif;
    font-weight: bold;
}
/*=====================================================
    18. BLOG DETALLE
======================================================*/
.blog-details  .cont {
    padding: 0px 20px;
    background-color: #fff;
}
.blog-details .cont h3 {
    font-size: 30px;
    font-weight: bold;
    font-family: 'Montserrat', sans-serif;
    color:#ffc500;
    -webkit-transition: all 0.4s linear;
    transition: all 0.4s linear;
    margin-left: -10pt;
    margin-right: 10pt;
}
.blog-details .cont p {
    font-size: 18px;
    font-family: 'Montserrat', sans-serif;
    line-height: 32px !important;
    color: #505050;
    text-align: justify;
}
.blog-details .cont p a {
    background-color: initial;
    font-weight: bold;
    font-size: 20px;
    color: #07294d;
}
.blog-details .cont p a:hover {
    background-color: initial;
    font-weight: bold;
    font-size: 20px;
    color: #FFC500;
}
.blog-details .cont h4 {
    font-size: 20px;
    font-family: 'Montserrat', sans-serif;
    font-weight: normal;
    line-height: 22px !important;
    color: #505050;
    text-align: left;
    font-weight: bold;
}
.blog-details .cont ul {
    padding: 20px 0;
}
.blog-details .cont ul li {
    display: inline-block;
    margin-right: 30px;
}
.blog-details .cont ul li a {
    font-size: 15px;
    color: #505050;
}
.blog-details .cont ul li a i{
    color: #FFC500;
    margin-right: 5px;
}
.blog-details .cont .share{
    padding-top: 22px;
    border-bottom: 1px solid #cecece;
    padding-bottom: 30px;
}
.blog-details .cont .share li.title{
    font-size: 18px;
    color: #000;
    font-family: 'Montserrat', sans-serif;
    font-weight: 600;
}
.blog-details .cont .share > li{
    display: inline-block;
    margin-right: 10px;
}
.blog-details .cont .share li a{}
.blog-details .cont .share li a i{
    width: 35px;
    line-height: 35px;
    border-radius: 50%;
    font-size: 16px;
    background-color: #FFC500;
    text-align: center;
    color: #fff;
    margin-right: 0;
}
.blog-details .cont .share li:nth-of-type(2) a i{
    background-color: #3C5A99;
}
.blog-details .cont .share li:nth-of-type(3) a i{
    background-color: #1da1f2;
}
.blog-details .cont .share li:nth-of-type(4) a i{
    background-color: #d34836;
}
.blog-details .cont .share li:nth-of-type(5) a i{
    background-color: #e4405f;
}
.blog-details .cont .share li:nth-of-type(6) a i{
    background-color: #0077B5;
}
.blog-details .cont .blog-comment .title h3 {
    font-size: 24px;
    color: #000;
}
.blog-details .cont .blog-comment ul{
    padding: 0;
}
.blog-details .cont .blog-comment ul li{
    margin-top: 30px;
    margin-right: 0;
}
.blog-details .cont .blog-comment ul li .replay{
    padding-left: 75px;
    padding-top: 0;
    padding-bottom: 0;
}
.blog-comment .comment{
    padding-bottom: 25px;
    position: relative;
    border-bottom: 1px solid #d2d2d2;
}
.blog-comment .comment .comment-author{
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}
.blog-comment .comment .comment-author .author-thum img{
    border-radius: 5px;
}
.blog-comment .comment .comment-author .comment-name{
    padding-left: 20px;
}
.blog-comment .comment .comment-author .comment-name h6{
    font-size: 16px;
    font-weight: 600;
    color: #000;
}
.blog-comment .comment .comment-author .comment-name span{
    font-size: 15px;
    color: #505050;
    font-weight: 400;
    font-family: 'Poppins', sans-serif;
}
.blog-comment .comment .comment-replay {
    position: absolute;
    top: 15px;
    right: 0;
}
.comment-form .form-singel{
    margin-top: 20px;
}
.comment-form .form-singel input,
.comment-form .form-singel textarea{
    height: 60px;
    width: 100%;
    padding: 0 20px;
    border: 1px solid #b8b8b8;
    border-radius: 5px;
    font-size: 15px;
}
.comment-form .form-singel textarea{
    height: 120px;
    resize: none;
    padding-top: 20px;
}
#Mini_Pildora{
   background-color: initial;
   font-weight: bold;
   font-size: 30px;
   color: #ffc500;
   top: -100px;
   position: relative;
   margin-left: 25%; 
}
#Mini_Contenedor{
   background-color: initial;
   font-size: 18px;
   line-height: 32px;
   color: #505050;
   top: -200px;
   position: relative;
   margin-left: 35%;
   margin-bottom: -30%;
}
.singel-post img{
    border-radius: 5%;
}
.saidbar{}
.saidbar .saidbar-search{
    padding: 20px;
    background-color:  transparent;
    border-radius: 5px;
}
.saidbar .saidbar-search form{
    position: relative;
}
.saidbar .saidbar-search form input{
    width: 100%;
    height: 45px;
    padding: 0 25px;
    background-color: #f6f6f6;
    color: #505050;
    border-radius: 5px;
    font-size: 15px;
    border: 0;
}
.saidbar .saidbar-search form button{
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    right: 20px;
    font-size: 16px;
    color: #505050;
    padding: 0;
    border: 0;
    background: none;
    cursor: pointer;
}

.saidbar .categories{
    background-color: transparent;
    padding: 30px 35px 25px;
    border-radius: 5px;
}
.saidbar .categories h4,
.saidbar .saidbar-post h4{
    font-size: 24px;
    color: #ffc500;
}
.saidbar .categories ul{
    padding-top: 15px;
}
.saidbar .categories ul li{
    line-height: 40px;
}
.saidbar .categories ul li a{
    color: #FFC500;
    font-weight: 15;
    -webkit-transition: all 0.4s linear;
    transition: all 0.4s linear;
}
.saidbar .categories ul li a:hover{
    color: #FFC500;
}

.saidbar .saidbar-post{
    padding: 30px 35px 35px;
    background-color: transparent;
    border-radius: 5px;
}

.saidbar .saidbar-post ul{
    padding-top: 10px;
}
.saidbar .saidbar-post ul li a{
    display: block;
    margin-top: 30px;
}
.saidbar .saidbar-post ul li a .singel-post{
    overflow: hidden;
}
.saidbar .saidbar-post ul li a .singel-post .thum{
    float: left;
    padding-right: 20px;
}
.saidbar .saidbar-post ul li a .singel-post .thum img{
    border-radius: 50px;
}

.saidbar .saidbar-post ul li a .singel-post .cont{}
.saidbar .saidbar-post ul li a .singel-post .cont h6{
    font-weight: 600;
    font-size: 18px;
    color: #ffc500;
    padding-bottom: 10px;
    -webkit-transition: all 0.4s linear;
    transition: all 0.4s linear;
}
.saidbar .saidbar-post ul li a .singel-post .cont h6:hover{
    color: #FFC500;
}

.saidbar .saidbar-post ul li a .singel-post .cont span{
    font-size: 14px;
    color: #ffc500;
}
#Com_Vot_Titul{
    text-align: center;
}
#Href_Blog{
    text-align: justify;
    font-size: 18px !important;
    line-height: 32px !important;
}
#Coment_Vot{
    text-align: center;
}
/*=====================================================
    19. BIBLIOTECA
======================================================*/
.singel-publication {
    background-color: #fff;
    padding: 20px;
    border-radius: 5px;
}
.singel-publication .image{
    position: relative;
}
.singel-publication .image img{
    width: 100%;
}
.singel-publication .image .add-cart{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(7, 41, 77, 0.8);
    opacity: 0;
    -webkit-transition: all 0.4s linear;
    transition: all 0.4s linear;
}
.singel-publication .image:hover .add-cart{
    opacity: 1;
}
.singel-publication .image .add-cart ul{
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}
.singel-publication .image .add-cart ul li{
    display: inline-block;
    margin: 0 5px;
}
.singel-publication .image .add-cart ul li a{
    font-size: 16px;
    color: #FFC500;
    width: 35px;
    line-height: 35px;
    border: 1px solid #FFC500;
    text-align: center;
    -webkit-transition: all 0.4s linear;
    transition: all 0.4s linear;
}
.singel-publication .image .add-cart ul li a:hover{
    background-color: #FFC500;
    color: #07294d;
}
.singel-publication .cont{
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding-top: 25px;
}
.singel-publication .cont .name{
    width: 50%;
}
.singel-publication .cont .name a{
    display: block;
}
.singel-publication .cont .name a h6{
    font-size: 14px;
    -webkit-transition: all 0.4s linear;
    transition: all 0.4s linear;
}
.singel-publication .cont .name a:hover h6{
    color: #FFC500;
}
.singel-publication .cont .name span{
    font-size: 13px;
    color: #505050;
}
.singel-publication .cont .button{
    width: 50%;
}
.singel-publication .cont .button a{
    padding: 0 10px;
    font-size: 12px;
    line-height: 35px;
}
.Cont_Bibliot{
    box-shadow: 0 10px 20px rgba(0, 0, 0, 0.19), 0 6px 6px rgba(0, 0, 0, 0.23);
    padding: 40px;
    width: 70%;
    margin-left: 14%;
    background-color: #ffffff;
    margin-top: -30%;
}
.Cont_Bibliot img{
    width: 100%;
}
#Parr_Cont_Bibli{
    text-align: justify;
    font-size:12px;
    line-height: 18px;
    font-family: 'Montserrat', sans-serif;
    color: #505050;
    width: 100%;
    margin-top: 0%;
    margin-left: 0%;
}
/*=====================================================
    20. BLIBLIOTECA DETALLES
======================================================*/
.shop-destails{
    background-color: #ffffff;
    padding: 20px 50px 50px;
    border-radius: 5px;
    box-shadow: 0 10px 20px rgba(0, 0, 0, 0.19), 0 6px 6px rgba(0, 0, 0, 0.23);
    position: relative;
    z-index: inherit;
}
.shop-destails .shop-left{
    padding-right: 0px;
}
.shop-destails .shop-left .shop-image a{
    display: block;
}
.shop-destails .shop-left .shop-image img{
    width: 100%;
    border-radius: 4px;
}
.shop-destails .shop-left .nav .nav-item{
    margin-right: 25px;
}
.shop-destails .shop-left .nav .nav-item:last-child{
    margin-right: 0;
}
.shop-destails .shop-left .nav .nav-item a {
    display: block;
}
.shop-destails .shop-left .nav .nav-item a .shop-thum img{
    width: 100%;
    border-radius: 3px;
}
.shop-right{}
.shop-right h6{
    font-size: 18px;
    padding-bottom: 5px;
}
.shop-right span{
    font-size: 15px;
    color: #505050;
}
.shop-right p{
    padding-bottom: 15px;
}
.nice-number {
    position: relative;
    display: inline-block;
    margin-right: 20px;
}
.nice-number input {
    width: 50px !important;
    height: 40px;
    border-radius: 5px;
    border: 2px solid #aaa;
    padding-right: 20px;
}
.nice-number button {
    position: absolute;
    width: 25px;
    padding: 0;
    right: 2px;
    top: 2px;
    border: 0;
    border-top-right-radius: 5px;
    background: none;
    cursor: pointer;
}
.nice-number button:last-child{
    top: auto;
    bottom: 2px;
    border-top-right-radius: 0px;
    border-bottom-right-radius: 5px;
}
.nice-number button i{
    font-size: 15px;
    color: #000;
}
.add-btn{
    display: inline-block;
}
.add-btn .main-btn{
    line-height: 46px;
}
.shop-reviews .nav .nav-item{}
.shop-reviews .nav .nav-item:first-child a{
    border-top-left-radius: 5px;
}
.shop-reviews .nav .nav-item:last-child a{
    border-top-right-radius: 5px;
}
.shop-reviews .nav .nav-item a{
    width: 165px;
    line-height: 55px;
    background-color: #315377;
    font-size: 15px;
    font-weight: 600;
    font-family: 'Montserrat', sans-serif;
    text-align: center;
    color: #fff;
    -webkit-transition: all 0.4s linear;
    transition: all 0.4s linear;
}
.shop-reviews .nav .nav-item a.active{
    background-color: #fafafa;
    color: #315377;
}
.shop-reviews .tab-content{
    background-color: #fafafa;
    padding: 0px 45px 40px;
    border-radius: 5px;
    border-top-left-radius: 0;
}
.shop-reviews .tab-content .reviews-cont{
    padding: 0;
}
.releted-item{}
.releted-item .title h3{
    font-size: 30px;
    color: #07294d;
}
.previous1 {
    right: 20px;
    bottom: 10px;
    width: 42px;
    height: 42px;
    line-height: 35px;
    background-color: #FFC500;
    color: #fff;
    font-size: 28px;
    border-radius: 5px;
    z-index: 99;
    text-align: center;
    -webkit-transition: all 0.4s linear;
    transition: all 0.4s linear;
}
.next1 {
    right: 20px;
    bottom: 10px;
    width: 42px;
    height: 42px;
    line-height: 35px;
    background-color: #FFC500;
    color: #fff;
    font-size: 28px;
    border-radius: 5px;
    z-index: 99;
    text-align: center;
    -webkit-transition: all 0.4s linear;
    transition: all 0.4s linear;
}
/*=====================================================
    21. SERVICIOS
======================================================*/
.tab-content{}
.tab-content .singel-course .course-teacher .name {
    bottom: 0;
}
.courses-top-search{
    background-color: #fff;
    padding: 15px 30px;
    border-radius: 5px;
    overflow: hidden;
}
.courses-top-search .nav{
    margin-top: 5px;
}
.courses-top-search .nav .nav-item{
    margin-right: 15px;
    font-size: 15px;
    color: #505050;
}
.courses-top-search .nav .nav-item a{
    font-size: 16px;
    color: #505050;
}
.courses-top-search .nav .nav-item a.active{
    color: #FFC500;
}
.courses-search{
    position: relative;
}
.courses-search input{
    height: 30px;
    width: 240px;
    background-color: #f6f6f6;
    border: 0;
    color: #505050;
    font-size: 14px;
    border-radius: 5px;
    padding: 0 20px;
}
.courses-search button{
    position: absolute;
    top: 0;
    right: 15px;
    padding: 0;
    height: 30px;
    font-size: 15px;
    color: #505050;
    border: 0;
    background: none;
    cursor: pointer;
}
#courses-list .singel-course .thum .price {
    right: -25px;
    bottom: auto;
    top: 30px;
}
.courses-pagination{}
.courses-pagination .pagination{}
.courses-pagination .pagination .page-item{
    margin: 0 5px;
}
.courses-pagination .pagination .page-item a{
    font-size: 15px;
    color: #07294d;
    width: 40px;
    height: 40px;
    line-height: 36px;
    border: 2px solid #aaa;
    border-radius: 5px;
    text-align: center;
    -webkit-transition: all 0.4s linear;
    transition: all 0.4s linear;
}
.courses-pagination .pagination .page-item a.active,
.courses-pagination .pagination .page-item a:hover{
    background-color: #FFC500;
    border-color: #FFC500;
}
#Icon_sifc_Img{
    width: 20%;
    margin-left: 70%;
    margin-top: -40pt;
    position: relative;
}
#botnlike{
    font-size: 20px;
    color: #07294d;
    cursor: pointer;
    margin-left: -10%; 
}
#botnlike:hover{
    color: #ffc911;
}
#botnnolike{
    font-size: 20px;
    color: #07294d;
    cursor: pointer;
    margin-left: -10%;
}
#botnnolike:hover{
    color: #AF0E0E;
}
/*=====================================================
    22. CONTACTANOS
======================================================*/
.contact-from{
    background-color: #fff;
    padding: 50px;
    border-radius: 5px;
}
.contact-from .main-form{}
.contact-from .main-form .singel-form{
    margin-top: 20px;
}
.contact-from .main-form .singel-form input,
.contact-from .main-form .singel-form textarea{
    width: 100%;
    height: 50px;
    padding: 0 20px;
    border: 1px solid #a1a1a1;
    border-radius: 5px;
    color: #505050;
    font-size: 15px;
}
.contact-from .main-form .singel-form textarea{
    padding-top: 10px;
    height: 100px;
    resize: none;
}
.form-group{
    margin: 0;
}
.list-unstyled li {
    font-size: 13px;
    margin-left: 2px;
    margin-top: 5px;
    color: #f00;
}
p.form-message.success,
p.form-message.error {
    font-size: 16px;
    color: #353535;
    background: #ddd;
    padding: 10px 15px;
    margin-left: 15px;
    margin-top: 15px;
}
.contact-address{
    background-color: #fff;
    padding: 20px 50px 50px;
    border-radius: 5px;
}
.contact-address ul li{
    padding-top: 30px;
}
.contact-address ul li .singel-address{
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}
.contact-address ul li .singel-address .icon i{
    width: 50px;
    line-height: 50px;
    border-radius: 50%;
    border: 1px solid #07294d;
    color: #07294d;
    font-size: 24px;
    text-align: center;
}
.contact-address ul li .singel-address .cont{
    padding-left: 20px;
}
.contact-address ul li .singel-address .cont p{}
.map{}
.map #contact-map{
    width: 100%;
    height: 225px;
}
.map.map-big #contact-map{
    width: 100%;
    height: 415px;
}
.contact-address .contact-heading{
    padding-top: 35px;
}
.contact-address .contact-heading h5{
    padding-bottom: 15px;
}
/*=====================================================
    23. SERVICIOS DETALLES
======================================================*/
.category-2-items{}
.category-2-items .singel-items{
    position: relative;
}
.category-2-items .singel-items .items-image{
    position: relative;
}
.category-2-items .singel-items .items-image img{
    width: 100%;
    border-radius: 5px;
}
.category-2-items .singel-items .items-image::before{
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(7, 41, 77, 0.6);
    border-radius: 5px;
}
.category-2-items .singel-items .items-cont {
    position: absolute;
    top: 50%;
    left: 0;
    width: 100%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
}
.category-2-items .singel-items .items-cont h5{
    color: #fff;
    font-size: 18px;
    -webkit-transition: all 0.4s linear;
    transition: all 0.4s linear;
}
.category-2-items .singel-items .items-cont span{
    font-size: 14px;
    color: #fff;
}
.category-2-items .singel-items .items-cont h5:hover{
    color: #FFC500;
}
.category-form {
    border-radius: 5px;
    overflow: hidden;
    -webkit-box-shadow: 0px 0px 75px 0px rgba(0,0,0,0.1);
    box-shadow: 0px 0px 75px 0px rgba(0,0,0,0.1);
    margin-top: -154px;
}
.category-form .form-title{
    background-color: #07294d;
    padding-top: 20px;
    padding-bottom: 20px;
}
.category-form .form-title h3{
    color: #ffc500 !important;
    font-size: 28px;
}
.category-form .form-title span{
    font-size: 24px;
    color: #fff;
    font-family: 'Montserrat', sans-serif;
}
.category-form .main-form{
    padding-top: 20px;
    padding-left: 40px;
    padding-right: 40px;
    padding-bottom: 40px;
    background-color: #fff; 
}
.category-form .main-form .singel-form{
    margin-top: 20px;
}
.category-form .main-form .singel-form input{
    width: 100%;
    height: 60px;
    padding: 0 30px;
    font-size: 15px;
    color: #505050;
    border: 1px solid #a1a1a1;
    border-radius: 5px;
}
.category-form .main-form .singel-form .main-btn{
    width: 100%;
    line-height: 60px;
    margin-top: 20px;
}
/*Constitución De Empresas*/
.Titut_sub_Cont{
    margin-right:10px;
    font-size: 30px !important;
    line-height: 62px !important;
    text-shadow: 2px 2px 2pt rgba(0, 0, 0, 0.6);
    font-weight: bold;
    font-family: 'Montserrat', sans-serif;
    color:#ffc500;
    width: 100%;
    text-align: center;
}
#Form_Cons_Emp{
    margin-top: 80%;
}
#Anch_Column{
    width: 120%;
    margin-left: -5%;
}
#Aud_Img_Sec{
    width: 100%;
}
/*=====================================================
    24. POLITICAS DE PRIVACIDAD
======================================================*/
.teachers-left{
    padding: 40px 50px 35px;
    background-color: #fff;
    border-radius: 5px;
}
.teachers-left .hero img{
    width: 100%;
    border-radius: 5px;
}
.teachers-left .name{
    padding-top: 25px;
}
.teachers-left .name h6{
    font-size: 18px;
    color: #000;
}
.teachers-left .name span{
    font-size: 15px;
    color: #505050;
}
.teachers-left .social{
    padding-top: 15px;
}
.teachers-left .social ul li{
    display: inline-block;
}
.teachers-left .social ul li a{
    font-size: 30px;
    margin-right: 7px;
}
.teachers-left .social ul li:nth-of-type(1) a{
    color: #212798;
}
.teachers-left .social ul li:nth-of-type(2) a{
    color: #3c9bff;
}
.teachers-left .social ul li:nth-of-type(3) a{
    color: #fe1f59;
}
.teachers-left .social ul li:nth-of-type(4) a{
    color: #474b8c;
}
.teachers-left .description{
    padding-top: 20px;
}
.teachers-right {
    border-radius: 5px;
    overflow: hidden;
}
.teachers-right .nav{}
.teachers-right .nav .nav-item{}
.teachers-right .nav .nav-item a{
    padding: 20px 0;
    background-color: #315377;
    color: #fff;
    font-weight: 15;
    color: #fff;
    display: block;
    font-weight: 600;
    -webkit-transition: all 0.4s linear;
    transition: all 0.4s linear;
}
.teachers-right .nav .nav-item a.active,
.teachers-right .nav .nav-item a:hover{
    background-color: #fff;
    color: #315377;
}
.teachers-right .tab-content{
    padding: 0px 20px 35px;
    background-color: #fff;
}
.teachers-right .tab-content .dashboard-cont{}
.teachers-right .tab-content .dashboard-cont .singel-dashboard h5{
    font-size: 18px;
    color: #000;
    font-weight: 600;
    padding-bottom: 15px;
}
.teachers-right .tab-content .reviews-cont{
    padding: 45px 0 15px;
}
.teachers-right .tab-content{}
/*=====================================================
    25. BOTÓN ARRIBA
======================================================*/
.back-to-top{
    position: fixed;
    right: 20px;
    bottom: 0px;
    width: 40px;
    height: 40px;
    line-height: 35px;
    background-color: #FFC500;
    color: #fff;
    font-size: 28px;
    border-radius: 5px;
    z-index: 99;
    text-align: center;
    -webkit-transition: all 0.4s linear;
    transition: all 0.4s linear;
    display: none;
}
.back-to-top:hover{
    color: #fff;
    background-color: #698fab;
}
.Btn_Gracias {
    position: absolute;
    margin-top: -198pt;
    left: -62%;
    border: 1px transparent solid;
    width: 100%;
    z-index: 99;
    display: block;
}
.Btn_Gracias2 {
    position:absolute;
    margin-left: -350%;
    border: 1px transparent solid;
    width: 100%;
    z-index: 99;
    display: block;
}
/*=====================================================
    26. BOTÓN AGRADECIMIENTOS
======================================================*/
.back-to-top-1{
    position: fixed;
    left: 0px;
    bottom: 0px;
    width: 200px;
    height: 200px;
    line-height: 35px;
    background-color: transparent;
    color: transparent;
    font-size: 28px;
    border-radius: 5px;
    z-index: 99;
    text-align: center;
    -webkit-transition: all 0.4s linear;
    transition: all 0.4s linear;
    display: none;
}
.back-to-top-1:hover{
    color: #fff;
    background-color: transparent;
}
.compartir{
    display: none;
}

.back-to-top-2{
    position: relative;
    left: 0px;
    top: 200pt;
    width: 150px;
    height: 150px;
    line-height: 35px;
    background-color: transparent;
    color: transparent;
    font-size: 28px;
    border-radius: 5px;
    z-index: 99;
    text-align: center;
    -webkit-transition: all 0.4s linear;
    transition: all 0.4s linear;
    display: block;
}
.back-to-top-2:hover{
    color: #fff;
    background-color: transparent;
}
/*=====================================================
    27. VOTACIÓN Y COMENTARIOS
======================================================*/
.progress-label-left
{
    float: left;
    margin-right: 0.5em;
    line-height: 1em;
}
.progress-label-right
{
    float: right;
    margin-left: 0.3em;
    line-height: 1em;
}
.star-light
{
    color:#e9ecef;
}
/*=====================================================
    28. REDES COMPARTIR
======================================================*/
#Red_Posit{
    list-style-type: none;
    display: inline;
}
#Red_Posit img{
    padding: 5px;
    margin: 5px;
    width: 70%;
}
#Blog_Comp_margin li{
    margin: 0 -0.1%;
}
#Blog_Red_Posit{
    list-style-type: none;
    display: inline;
}
#Blog_Red_Posit img{
    padding: 0px;
    margin: 0px;
    width: 75%;
}
.red1:hover{
    content: url("../images/f1.png");
}
.red2:hover{
    content: url("../images/t1.png");
}
.red3:hover{
    content: url("../images/ins1.png");
}
.red4:hover{
    content: url("../images/y1.png");
}
.red5:hover{
    content: url("../images/i1.png");
}
.red6:hover{
    content: url("../images/s1.png");
}
.red7:hover{
    content: url("../images/ti1.png");
}
/*=====================================================
    29. PRELOADER
======================================================*/
.preloader {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: #fff;
    z-index: 9999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999;
}
.preloader .color-1{
    background-color: #ffffff !important;
}
.rubix-cube {
    border: 1px solid #FFF;
    width: 100px;
    height: 100px;
    background-color: #FFF;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}
.rubix-cube .layer{
    width:14px;
    height:14px;
    background-color:#07294d;
    border:1px solid #FFF;
    position:absolute;
    
}
.rubix-cube .layer-1{
    left:0px;
    top:0px;
    -webkit-animation: rubixcube4 2s infinite linear;
    animation: rubixcube4 2s infinite linear; 
}
.rubix-cube .layer-2{
    left:16px;
    top:0px;
    -webkit-animation: rubixcube3 2s infinite  linear;
    animation: rubixcube3 2s infinite  linear; 
}
.rubix-cube .layer-3{
    left:32px;
    top:0px;
}
.rubix-cube .layer-4{
    left:0px;
    top:16px;
    -webkit-animation: rubixcube5 2s infinite linear;
    animation: rubixcube5 2s infinite linear; 
    
}
.rubix-cube .layer-5{
    left:16px;
    top:16px;
    -webkit-animation: rubixcube2 2s infinite linear;
    animation: rubixcube2 2s infinite linear; 
}
.rubix-cube .layer-6{
    left:32px;
    top:16px;
    -webkit-animation: rubixcube1 2s infinite linear;
    animation: rubixcube1 2s infinite linear; 
}
.rubix-cube .layer-7{
    left:0px;
    top:32px;
    -webkit-animation: rubixcube6 2s infinite linear;
    animation: rubixcube6 2s infinite linear; 
}
.rubix-cube .layer-8{
    left:16px;
    top:32px;
    -webkit-animation: rubixcube7 2s infinite linear;
    animation: rubixcube7 2s infinite linear; 
    
}
#Img_Loader{
    width: 300%;
}
@-webkit-keyframes rubixcube1{
    20%{ top:16px; left:32px;}
    30%{ top:32px; left:32px; }
    40%{ top:32px; left:32px; }
    50%{ top:32px; left:32px; }
    60%{ top:32px; left:32px; } 
    70%{ top:32px; left:32px; } 
    80%{ top:32px; left:32px; } 
    90%{ top:32px; left:32px; } 
    100%{ top:32px; left:16px; }
    
}
@keyframes rubixcube1{
    20%{ top:16px; left:32px;}
    30%{ top:32px; left:32px; }
    40%{ top:32px; left:32px; }
    50%{ top:32px; left:32px; }
    60%{ top:32px; left:32px; } 
    70%{ top:32px; left:32px; } 
    80%{ top:32px; left:32px; } 
    90%{ top:32px; left:32px; } 
    100%{ top:32px; left:16px; }
    
}
@-webkit-keyframes rubixcube2{
    30%{ left:16px;}
    40%{ left:32px;}
    50%{ left:32px;}
    60%{ left:32px;}
    70%{ left:32px;}
    80%{ left:32px;}
    90%{ left:32px;}
    100%{ left:32px;}
}
@keyframes rubixcube2{
    30%{ left:16px;}
    40%{ left:32px;}
    50%{ left:32px;}
    60%{ left:32px;}
    70%{ left:32px;}
    80%{ left:32px;}
    90%{ left:32px;}
    100%{ left:32px;}
}
@-webkit-keyframes rubixcube3{
    30%{ top:0px;}
    40%{ top:0px;}
    50%{ top:16px;}
    60%{ top:16px;}
    70%{ top:16px;}
    80%{ top:16px;}
    90%{ top:16px;}
    100%{ top:16px;}
}
@keyframes rubixcube3{
    30%{ top:0px;}
    40%{ top:0px;}
    50%{ top:16px;}
    60%{ top:16px;}
    70%{ top:16px;}
    80%{ top:16px;}
    90%{ top:16px;}
    100%{ top:16px;}
}
@-webkit-keyframes rubixcube4{
    50%{ left:0px;}
    60%{ left:16px;}
    70%{ left:16px;}
    80%{ left:16px;}
    90%{ left:16px;}
    100%{ left:16px;}
}
@keyframes rubixcube4{
    50%{ left:0px;}
    60%{ left:16px;}
    70%{ left:16px;}
    80%{ left:16px;}
    90%{ left:16px;}
    100%{ left:16px;}
}
@-webkit-keyframes rubixcube5{
    60%{ top:16px;}
    70%{ top:0px;}
    80%{ top:0px;}
    90%{ top:0px;}
    100%{ top:0px;}
}
@keyframes rubixcube5{
    60%{ top:16px;}
    70%{ top:0px;}
    80%{ top:0px;}
    90%{ top:0px;}
    100%{ top:0px;}
}
@-webkit-keyframes rubixcube6{
    70%{ top:32px;}
    80%{ top:16px;}
    90%{ top:16px;}
    100%{ top:16px;}
}
@keyframes rubixcube6{
    70%{ top:32px;}
    80%{ top:16px;}
    90%{ top:16px;}
    100%{ top:16px;}
}
@-webkit-keyframes rubixcube7{
    80%{ left:16px;}
    90%{ left:0px;}
    100%{ left:0px;}
}
@keyframes rubixcube7{
    80%{ left:16px;}
    90%{ left:0px;}
    100%{ left:0px;}
}
/*=====================================================
    30. FORMULARIO SOFI
======================================================*/
/*Popup Modal*/
.modalmask2 {
    position: fixed;
    font-family: Arial, sans-serif;
    top: 0;
    right: 0;
    bottom: 20px;
    left: 0;
    /*background: rgba(0,0,0,0.8);*/
    z-index: 999999999999999999999999999999999999999;
    opacity:0;
    -webkit-transition: opacity 400ms ease-in;
    -moz-transition: opacity 400ms ease-in;
    transition: opacity 400ms ease-in;
    pointer-events: none;
}
.modalmask2:target {
    opacity:1;
    pointer-events: auto;
}
.modalbox2{
    width: 400px;
    position: relative;
    padding: 5px 20px 13px 20px;
    background: transparent;
    border-radius:3px;
    -webkit-transition: all 500ms ease-in;
    -moz-transition: all 500ms ease-in;
    transition: all 500ms ease-in;
    z-index: 9999999999;    
}
.movedown2 {
    margin: 0 auto;
}
.modalmask2:target .movedown2{       
    margin:15%;
    margin-left: 70%;
}
.modalmask2:target .resize2{
    width:400px;
    height:200px;
}
.close2 {
    background: transparent;
    color: #505050;
    line-height: 25px;
    position: absolute;
    right: 1px;
    text-align: center;
    top: 110px;
    width: 30px;
    left: 15%;
    text-decoration: none;
    font-weight: bold;
    border-radius:3px;
    z-index: 999999999999999999999999999999;
 
}
.close2:hover {
    background: #FAAC58;
    color:#222;
}
/*Formualrio De Contacto*/
.contact-form-wrapper {
  padding: 10px 0;
  margin-left: -145%;
}
.contact-form {
  padding: 30px 40px;
  background-color: #ffffff;
  border-radius: 12px;
  max-width: 400px;
  box-shadow: 0 10px 20px rgba(0, 0, 0, 0.19), 0 6px 6px rgba(0, 0, 0, 0.23);
  padding: 10px;
  margin-top: -8%;
}
.contact-form textarea {
  resize: none;
}
.contact-form .form-input,
.form-text-area {
  background-color: #f0f4f5;
  height: 50px;
  padding-left: 16px;
}
.contact-form .form-text-area {
  background-color: #f0f4f5;
  height: auto;
  padding-left: 16px;
}
.contact-form .form-control::placeholder {
  color: #aeb4b9;
  font-weight: 500;
  opacity: 1;
}
.contact-form .form-control:-ms-input-placeholder {
  color: #aeb4b9;
  font-weight: 500;
}
.contact-form .form-control::-ms-input-placeholder {
  color: #aeb4b9;
  font-weight: 500;
}
.contact-form .form-control:focus {
  border-color: #16a4d4;
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.07), 0 0 8px #16a4d4;
}
.contact-form .title {
  text-align: center;
  font-size: 24px;
  font-weight: 500;
}
.contact-form .description {
  color: #aeb4b9;
  font-size: 14px;
  text-align: center;
}
.contact-form .submit-button-wrapper {
  text-align: center;
}
.contact-form .submit-button-wrapper input {
  border: none;
  border-radius: 4px;
  background-color: #1C3A88;
  color: white;
  text-transform: uppercase;
  padding: 10px 60px;
  font-weight: 500;
  letter-spacing: 2px;
}
.contact-form .submit-button-wrapper input:hover {
  background-color: #d30069;
}
#Btn_Envi_Sofi{
    border: none;
    border-radius: 4px;
    background-color: #1C3A88;
    color: white;
    text-transform: uppercase;
    padding: 10px 10px;
    font-weight: 500;
    letter-spacing: 2px;
    margin-left: 35%;
}
input[type=checkbox] {
  position: relative;
  -webkit-appearance:none;
    width:30px;
    height:30px;
    background:white;
    border-radius:5px;
    border:2px solid #c1c1c1;
    left: -10px;
}
input[type='checkbox']:checked {
  background: #adf;
}

input[type='checkbox']:checked:after {
  content: "✔";
  position: absolute;
  font-size: 20px;
  left: 0px;
  top: -5px;
}
#checkboxa{
    color: #505050;
    position: absolute;
    margin-left: 0px;
    margin-top: 0%;
    width: 60%;
}
            .Mas_Div_Rec{
                display: inline-block;
                padding:0px;
                box-sizing: border-box;
                float:left;
            }
            .tamano-1{
                width:180px;
                height:140px;
            }
            #Img_Div_Rec{
                object-fit: cover;
                width:100%;
                height:100%;
                border-radius: 25px;
                box-shadow: 0 10px 20px rgba(0, 0, 0, 0.19), 0 6px 6px rgba(0, 0, 0, 0.23);
                padding: 0 10px 0 10px;
            }
            /*Titulo Footer Gracias*/
.footgrac{
    position: relative;
    margin: 0 auto;
    font-size: 52px !important;
        line-height: 60px !important;
        text-shadow: 2px 2px 2px rgba(0, 0, 0, 0.6);
        font-weight: bold;
        font-family: 'Montserrat', sans-serif;
        color: #ffc500;
}
#review_modal{
    margin-top: 50%;
}
.spiral {
  -webkit-animation: spin 10s linear 0s infinite normal;
  -moz-animation: spin 10s linear 0s infinite normal;
  -ms-animation: spin 10s linear 0s infinite normal;
  -o-animation: spin 10s linear 0s infinite normal;
  animation: spin 10s linear 0s infinite normal;
}
@keyframes spin {
  0% { transform: rotate(360deg); }
  100% { transform: rotate(0deg); }
}
@-webkit-keyframes spin {
  0% {-webkit-transform: rotate(360deg); }
  100% { -webkit-transform: rotate(0deg); }
}
@-ms-keyframes spin {
  0% {-ms-transform: rotate(360deg); }
  100% { -ms-transform: rotate(0deg); }
}
@-moz-keyframes spin {
  0% { -moz-transform: rotate(360deg); }
  100% { -moz-transform: rotate(0deg); }
}
@-o-keyframes spin {
  0% { -o-transform: rotate(360deg); }
  100% { -o-transform: rotate(0deg); }
}

.spiral1 {
  -webkit-animation: spin 10s linear 0s infinite normal;
  -moz-animation: spin 10s linear 0s infinite normal;
  -ms-animation: spin 10s linear 0s infinite normal;
  -o-animation: spin 10s linear 0s infinite normal;
  animation: spin 10s linear 0s infinite normal;
}
@keyframes spin {
  0% { transform: rotate(360deg); }
  100% { transform: rotate(0deg); }
}
@-webkit-keyframes spin {
  0% {-webkit-transform: rotate(360deg); }
  100% { -webkit-transform: rotate(0deg); }
}
@-ms-keyframes spin {
  0% {-ms-transform: rotate(360deg); }
  100% { -ms-transform: rotate(0deg); }
}
@-moz-keyframes spin {
  0% { -moz-transform: rotate(360deg); }
  100% { -moz-transform: rotate(0deg); }
}
@-o-keyframes spin {
  0% { -o-transform: rotate(360deg); }
  100% { -o-transform: rotate(0deg); }
}
/*=====================================================
    RENTA PERSONA NATURAL 
======================================================*/
.Contrespon {
    display: grid;
    padding: 2rem;
    grid-template-columns: 350px 1fr;
    gap: 4rem;
    align-items: center;
    max-width: 2400px;
    margin: 0 auto;
    font: 300 100%/1.5 system-ui;
    font-size: 10px !important;
}
.imgContrespon {
    width: 250%;
    height: auto;
}
.contanimate{
    margin-left:-75% !important;
    width: 80%;
    margin-top:100%;
}
.contrent5desc{
    margin-left:-80% !important;
    width: 100%;
}
#Descdeclarent{
    width: 250% !important;
}
#animatedesc{
    margin-top: 80%;
    margin-left: -75%;
    width: 80%;
}
@media (max-width: 1919px) {
    #Descdeclarent{
        width: 250% !important;
    }
    .Contrespon {
        display: grid;
        padding: 1rem;
        grid-template-columns: 350px 1fr;
        gap: 1rem;
        align-items: center;
        max-width: 2400px;
        margin: 0 auto;
        font: 300 100%/1.5 system-ui;
        font-size: 10px !important;
    }
    .imgContrespon {
        width: 220%;
        height: auto;
    }
    .contanimate{
        margin-left:-75% !important;
        width: 80%;
        margin-top:100%;
    }
    .contrent5desc{
        margin-left:-80% !important;
        width: 100%;
    }
    #rent2desc{
        width: 220%;
    }
    #animatedesc{
        margin-top: 80%;
        margin-left: -60%;
        width: 60%;
    }
}
@media (max-width: 1499px) {
    #Descdeclarent{
        width: 220% !important;
    }
    .Contrespon {
        display: grid;
        padding: 1rem;
        grid-template-columns: 350px 1fr;
        gap: 1rem;
        align-items: center;
        max-width: 2400px;
        margin: 0 auto;
        font: 300 100%/1.5 system-ui;
        font-size: 10px !important;
    }
    .imgContrespon {
        width: 220%;
        height: auto;
    }
    .contanimate{
        margin-left:-75% !important;
        width: 80%;
        margin-top:100%;
    }
    .contrent5desc{
        margin-left:-80% !important;
        width: 100%;
    }
    #rent2desc{
        width: 220%;

    }
    #animatedesc{
        margin-top: 100%;
        margin-left: -75%;
        width: 80%;
    }
}
@media (max-width: 1199px) {
    #Descdeclarent{
        width: 180% !important;
    }
    .Contrespon {
        display: grid;
        padding: 1rem;
        grid-template-columns: 350px 1fr;
        gap: 1rem;
        align-items: center;
        max-width: 2400px;
        margin: 0 auto;
        font: 300 100%/1.5 system-ui;
        font-size: 10px !important;
    }
    .imgContrespon {
        width: 220%;
        height: auto;
    }
    .contanimate{
        margin-left:-75% !important;
        width: 80%;
        margin-top:100%;
    }
    .contrent5desc{
        margin-left:-80% !important;
        width: 100%;
    }
    #rent2desc{
        width: 180%;

    }
    #animatedesc{
        margin-top: 120%;
        margin-left: -120%;
        width: 100%;
    }
}
@media (max-width: 991px) {
    #Descdeclarent{
        width: 80% !important;
    }
    .Contrespon {
        display: block;
        font-size: 80%;
    }
    .imgContrespon {
        width: 220%;
        height: auto;
        float: center;
    }
    .Desc_Cont_Renta {
        position: relative;
        margin: 0rem 0 0rem 0rem;
        padding: 2em;
        background: rgba(white, 0.8);
        width: 100% !important;
    }
    #rent2desc{
        width: 100%;
        margin-left: 0%;
    }
    #animatedesc{
        margin-top: 0%;
        margin-left: 0%;
        width: 100%;
    }
}

@media (max-width: 767px) {
    #Descdeclarent{
        width: 100% !important;
    }
    .Contrespon {
        display: block;
        font-size: 80%;
    }
    .imgContrespon {
        width: 220%;
        height: auto;
        float: center;
    }
    .Desc_Cont_Renta {
        position: relative;
        margin: 0rem 0 0rem 0rem;
        padding: 2em;
        background: rgba(white, 0.8);
        width: 120% !important;
    }
    #rent2desc{
        width: 100%;
        margin-left: 0%;
    }
    #animatedesc{
        margin-top: 0%;
        margin-left: 0%;
        width: 100%;
    }
}

@media (max-width: 439px) {
    #Descdeclarent{
        width: 100% !important;
    }
    .Contrespon {
        display: block;
        font-size: 80%;
    }
    .imgContrespon {
        width: 220%;
        height: auto;
        float: center;
    }
    .Desc_Cont_Renta {
        position: relative;
        margin: 0rem 0 0rem 0rem;
        padding: 3em;
        background: rgba(white, 0.8);
        width: 130% !important;
    }
    #rent2desc{
        width: 100%;
        margin-left: 0%;
    }
    #animatedesc{
        margin-top: 0%;
        margin-left: 0%;
        width: 100%;
    }
}


@media (max-width: 379px) {
    #Descdeclarent{
        width: 100% !important;
    }
    .Contrespon {
        display: block;
        font-size: 80%;
    }
    .imgContrespon {
        width: 220%;
        height: auto;
        float: center;
    }
    .Desc_Cont_Renta {
        position: relative;
        margin: 0rem 0 0rem 0rem;
        padding: 3em;
        background: rgba(white, 0.8);
        width: 140% !important;
    }
    #rent2desc{
        width: 100%;
        margin-left: 0%;
    }
    #animatedesc{
        margin-top: 0%;
        margin-left: 0%;
        width: 120%;
    }
}

@media (max-width: 339px) {
    .Contrespon {
        display: block;
        font-size: 80%;
    }
    .imgContrespon {
        width: 220%;
        height: auto;
        float: center;
    }
    .Desc_Cont_Renta {
        position: relative;
        margin: 0rem 0 0rem 0rem;
        padding: 3em;
        background: rgba(white, 0.8);
        width: 140% !important;
    }
    #rent2desc{
        width: 100%;
        margin-left: 0%;
    }
}


@import url("https://fonts.googleapis.com/css2?family=Poppins&display=swap");

.wrapper .icon{
  position: relative;
  background-color: #ffffff;
  border-radius: 50%;
  margin: 5px;
  width: 50px;
  height: 50px;
  line-height: 50px;
  font-size: 22px;
  display: inline-block;
  align-items: center;
  box-shadow: 0 10px 10px rgba(0, 0, 0, 0.1);
  cursor: pointer;
  transition: all 0.2s cubic-bezier(0.68, -0.55, 0.265, 1.55);
  color: #333;
  text-decoration: none;
}
.wrapper .tooltip {
  position: absolute;
  top: 0;
  line-height: 1.5;
  font-size: 14px;
  background-color: #ffffff;
  color: #ffffff;
  padding: 5px 8px;
  border-radius: 5px;
  box-shadow: 0 10px 10px rgba(0, 0, 0, 0.1);
  opacity: 0;
  pointer-events: none;
  transition: all 0.3s cubic-bezier(0.68, -0.55, 0.265, 1.55);
}
.wrapper .tooltip::before {
  position: absolute;
  content: "";
  height: 8px;
  width: 8px;
  background-color: #ffffff;
  bottom: -3px;
  left: 50%;
  transform: translate(-50%) rotate(45deg);
  transition: all 0.3s cubic-bezier(0.68, -0.55, 0.265, 1.55);
}
.wrapper .icon:hover .tooltip {
  top: -45px;
  opacity: 1;
  visibility: visible;
  pointer-events: auto;
}
.wrapper .icon:hover span,
.wrapper .icon:hover .tooltip {
  text-shadow: 0px -1px 0px rgba(255, 204, 41);
}
.facebook{
  background-color: #1c1f2a !important;
}
.wrapper .facebook:hover,
.wrapper .facebook:hover .tooltip,
.wrapper .facebook:hover .tooltip::before {
  background-color: #ffcc29 !important;
  color: #ffffff;
}
.wrapper .twitter:hover,
.wrapper .twitter:hover .tooltip,
.wrapper .twitter:hover .tooltip::before {
  background-color: #46c1f6;
  color: #ffffff;
}
.wrapper .instagram:hover,
.wrapper .instagram:hover .tooltip,
.wrapper .instagram:hover .tooltip::before {
  background-color: #e1306c;
  color: #ffffff;
}
.wrapper .github:hover,
.wrapper .github:hover .tooltip,
.wrapper .github:hover .tooltip::before {
  background-color: #333333;
  color: #ffffff;
}
.wrapper .youtube:hover,
.wrapper .youtube:hover .tooltip,
.wrapper .youtube:hover .tooltip::before {
  background-color: #de463b;
  color: #ffffff;
}
      #imgblack {
        filter: gray;
        -webkit-filter: grayscale(1);
        transition: all .8s ease-in-out;
        cursor: pointer;
      }
      #imgblack:hover {
        filter: none;
        -webkit-filter: grayscale(0);
        transform: scale(1.01);
      }  

      @media (max-width: 5000px) and (min-width: 992px){
        #correopc{
            display: block;
        }
        #correocel{
            display: none;
        }
    }
    @media (max-width: 991px) and (min-width: 100px){
        #correopc{
            display: none;
        }
        #correocel{
            display: block;
        }
    }