/*
Theme Name: Afiliaciones Online
Author: Mobitech Colombia SAS
Version: 1.0
*/


body {margin:0; padding:0} 
.container{
    margin: 0;
    padding: 0 !important;
    max-width: 100% !important;
}

.top-bar{background-color: #027FB5;width:100%;text-align: right;}
.top-bar-content{color: #ffffff;max-width: 1280px;margin:0 auto;padding:5px 0}
.logo-mca{float:left;margin: 10px 3%;}
.logo-mca a img{width:170px}

.link-ayuda-top .ayuda-tel{font-size: 1.8em;font-weight: 500;}

.menu-mca{
    width:100%; 
    position: fixed;
    z-index: 10;
    background-color: transparent;
    transition: background-color 0.5s ease;
    width: 100%;
    /* border-bottom: 1px solid #e7e7e7; */
}
.inner-menu-mca{
    max-width: 1080px;
    margin: 0 auto;
    display: flex;
    justify-content: space-between;
}
a.social-icon-link{
    margin: 0 5px !important;
}

.bar-roll {box-shadow:rgba(0, 0, 0, 0.2) 0 0px 7px 0px;}
/* .inner-menu-cr{display: flex;flex-direction: row; justify-content: space-between;} */

.menu-menu-principal-container{float:right;margin: 30px;}
.menu-menu-principal-container .menu {list-style: none;}
.menu-menu-principal-container li{float:left;margin:0 8px}
.menu-menu-principal-container li a{color:#fff;text-decoration:none}
.menu-menu-principal-container li a:hover{text-decoration:underline}


.menu-main-menu-container{float:right;margin: 30px;}
.menu-main-menu-container .menu {list-style: none;}
.menu-main-menu-container li{float:left;margin:0 8px}
.menu-main-menu-container li a{color:#0E2B78;text-decoration:none}
.menu-main-menu-container li a:hover{text-decoration:underline}

.menu-mobile-container .menu {list-style: none;}
.menu-mobile-container ul li a{color:#fff;text-decoration:none; font-size:1.4em}
.menu-mobile-container ul li a:hover{text-decoration:underline}

.form-control{
    margin-bottom: 10px !important;
    padding: 12px 12px !important;
    font-size: 1.3em !important;
    border: 2px solid #0170B7 !important;
    color: #0170B7 !important;
}
.form-control::placeholder{
    color: #0170B7 !important; /* Change to your desired color */
    opacity: .7 !important; /* Fixes a default opacity issue in Firefox */
}
.eps-text{
    font-size: 1.3em !important;
    color: #0170B7 !important;
}
.eps-radio input[type="radio"]{
    width: 25px;
    height: 25px;
}
.eps-radio-input:checked{
    /* background-color: #0170B7;
    border-color: #0170B7; */
    background-color: yellow !important;
    border-color: yellow !important;
    /* color: #0170B7 !important; */
}
.eps-radio label{
    color: #0170B7 !important;
    font-size: 1.3em !important; */
}
.btn_contacto{
    background-color: #0170B7 !important;
    border-color: #0170B7 !important;
    padding: 12px 80px !important;
}

.link-asesoria{
    padding: 25px 20px 0 0;
}
.link-asesoria button{
    border:2px solid #fff; 
    background-color:rgba(255, 255, 255, 0.85);
    transition: background-color 0.5s ease;
    /* background-color:transparent; */
    color: #0170B7;
    padding: 9px 12px 9px;
    border-radius: 25px;
    font-size:16px;
    font-weight: 500;
}
.link-asesoria button:hover{
    background-color:rgba(255, 255, 255, 1);
    color: #0170B7;
}


/* .menu-principal-container .menu {list-style: none; margin: 0;}
.menu-principal-container li{float:left;padding:7px 10px;}
.menu-principal-container li:hover{float:left; background-color:#EC6C32}
.menu-principal-container li a{color:#fff;text-decoration:none;width:100%}

.menu-moviles-container .menu {list-style: none; margin: 0; padding:0}
.menu-moviles-container li{padding:8px 12px;}
.menu-moviles-container li:hover{background-color:#EC6C32}
.menu-moviles-container li a{color:#fff;text-decoration:none;width:100%;font-size: 1.25em;} */
/* .menu-principal-container li a:hover{text-decoration:underline; } */

.div-logo{}


.link-ayuda-top{padding: 20px 20px 0;text-align: right;color:#fff}
.link-ayuda-top h3{margin:0; padding:0; font-weight:900}

.div-footer p{margin:0 !important; font-size:14px;line-height:16px;}


@media screen and (max-width: 575px) {
    .logo-mca a img{width:150px}
    .link-ayuda-top .ayuda-tel{font-size: 1.5em;font-weight: 500;}
}