@import url('https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100;0,300;0,400;0,500;0,700;1,400&display=swap');

body{
	background: #f0f1f2;
	
	color: #000;
}

/* ----------- fonts ----------- */
body,input,textarea,button{
    font-family: 'Montserrat', sans-serif;
}
/* ----------- /fonts ----------- */


/* ----------- colors ----------- */

/* text */
.text-primary{
	color: #2368a5 !important;
}
.text-info{
	color: #3cbbeb !important;
}

/* background color */
.bg-primary{
	background-color: #2368a5 !important;
}
.bg-info{
	background-color: #3cbbeb !important;
}


/* alerts */
.alert-info {
    color: #31708f;
    background-color: #d9edf7;
    border-color: #bce8f1;
}
/* ----------- /colors ----------- */



/* ==================== 3. layout ==================== */


/* ---------- header ---------- */
.app-header{
    background-color: #fff;
}

/* main row */
.app-header .main-row{
    box-shadow: none;
}
.app-header .main-row nav a,
.app-header .main-row nav .header-btn{
    color: #000;
    font-weight: 500;
    text-transform: none;
}
.app-header .main-row nav li:hover > a,
.app-header .main-row nav a:hover {
    opacity: 1;
    color: #2c71bc;
}
.app-header .main-row nav .header-btn{
    border-color: #2c71bc;
    color: #2c71bc;
}

/* user row */
.app-header .user-row{
    background-color: #e6e6e6;
}
.app-header .user-row .links-wrap li{
    color: #6d7682;
    font-size: 15px;
    font-weight: bold;
    text-transform: none;
}
.app-header .user-row .links-wrap a{
    text-decoration: none;
}
.app-header .main-row nav .toggle-sub-nav-btn::after{
    background-image: url(/images/icons/chevron.svg);
}
/*.app-header .main-row nav .header-btn .i-wifi{
    margin-top: -3px;
}*/
.app-header .main-row nav .header-btn .i-wifi::before{
    background-image: url(/images/icons/wifi-black.svg);
}

/* course-nav-row */
.course-nav-row::after {
    background-color: #3cbbeb;
    opacity: 0.5;
}

@media (min-width: 992px) {
    .app-header .main-row{
        padding: 20px 0;
    }
	.app-header .main-row nav .sub-nav ul{
        background-color: #fff;
        box-shadow: 0 3px 8px 0 rgb(0,0,0,0.3);
    }
}
@media (max-width: 991px) {
    .app-header .main-row nav{
        background-color: #fff;
            border-top-color: rgba(0,0,0,0.1);
    }
}
/* ---------- /header ---------- */


/* ---------- breadcrumbs ---------- */
.breadcrumbs li{
	color: #6d7682;
    font-weight: 500;
}
.breadcrumbs li a,
.breadcrumbs li a:hover{
	color: #2c71bc;
}
/* ---------- /breadcrumbs ---------- */


/* ---------- page ---------- */

/* page nav */
.page-nav {
    border-bottom-color: #3cbbeb;
}
.page-nav a:not(:hover):not(.active) {
    color: #6d7682;
}
.page-nav a:hover{
    background-color: rgba(60,187,235,0.5);
}
.page-nav a.active{
    background-color: #3cbbeb;
}
/* ---------- /page ---------- */


/* ---------- footer ---------- */
.app-footer{
    background-color: #525d68;
}
/* ---------- /footer ---------- */



/* ==================== 4. components ==================== */


/* ----------- hamburger ----------- */
.hamburger span,
.hamburger span::before,
.hamburger span::after {
	background-color: #000;
}
/* ----------- /hamburger ----------- */


/* ---------- title,text ---------- */
.title{
    color: #2c71bc;
}
.sub-title{
    color: #000;
}

.text,
.text-wrap{
    color: #000;
    font-weight: 500;
}

a,
.link,
.link:hover,
.text-wrap a:not(.btn),
.text-wrap a:not(.btn):hover{
	color: #2c71bc;
}
/* ---------- /title,text ---------- */


/* ---------- btn ---------- */
.btn-primary,
.btn-primary:disabled,
.btn-primary:focus{
    background-color: #3cbbeb;
    border-color: #3cbbeb;
}
.btn-primary:hover,
.btn-primary:not(:disabled):not(.disabled):active{
    background-color: #29abe2;
    border-color: #29abe2;
}
.btn-outline-primary,
.btn-outline-primary:focus {
    color: #3cbbeb;
    border-color: #3cbbeb;
}
.btn-outline-primary:hover,
.btn-outline-primary:not(:disabled):not(.disabled):active {
    color: #fff;
    background-color: #29abe2;
    border-color: #29abe2;
}

.btn-secondary,
.btn-secondary:focus{
    background-color: #6d7682;
    border-color: #6d7682;
}
.btn-secondary:hover,
.btn-secondary:not(:disabled):not(.disabled):active{
    background-color: #525d68;
    border-color: #525d68;
}

.btn-outline-secondary,
.btn-outline-secondary:focus {
    color: #6d7682;
    border-color: #6d7682;
}
.btn-outline-secondary:hover,
.btn-outline-secondary:not(:disabled):not(.disabled):active {
    color: #fff;
    background-color: #525d68;
    border-color: #525d68;
}
/* ---------- /btn ---------- */


/* ---------- form ---------- */

/* checkbox, radio */
.custom-control-input:checked ~ .custom-control-label::before,
.custom-control-input[type="checkbox"]:indeterminate ~ .custom-control-label::before{
	background-color: #2c71bc;
    border-color: #2c71bc;
}

.big-checkbox-fieldset input::after {
    box-shadow: inset 0 0 0 2px #3cbbeb;
}
.big-checkbox-fieldset input:checked::after {
    background-color: #3cbbeb;
}
/* ---------- /form ---------- */


/* ---------- slick ---------- */
.slick-slider .slick-dots button{
	background-color: #fff;
	border-color: #3cbbeb;
}
.slick-slider .slick-dots button:hover,
.slick-slider .slick-dots .slick-active button{
	background-color: #3cbbeb !important;
    border-color: #3cbbeb !important;
}
/* ---------- /slick ---------- */


/* ---------- accordion ---------- */

/* ---------- /accordion ---------- */


/* ---------- tabs ---------- */
.nav-tabs a.active{
    border-bottom-color: #3cbbeb;
}
/* ---------- /tabs ---------- */


/* ---------- card ---------- */
.card-head{
    background: #3cbbeb;
}
.card-head .title{
    color: #fff;
}
.card .files-list a i,
.card-plain .card-head .title{
    color: #3cbbeb;
}
/* ---------- /card ---------- */


/* ---------- sections list card ---------- */
.sections-list-card .list-wrap li:hover::before {
    background-color: #3cbbeb;
}
/* ---------- /sections list card ---------- */


/* ---------- box badge ---------- */
.box-badge {
    background: #2c71bc;
    background: linear-gradient(#0e76bc 0%, #053c5a 100%);
}
.box-badge-green{
    background: #79A70A;
    background: linear-gradient(#9BC90D 0%, #79A70A 100%);
}
.box-badge-red{
    background: #A90329;
    background: linear-gradient(#A90329 0%, #6D0019 100%);
}
/* ---------- /box badge ---------- */


/* ---------- calendar date badge ---------- */
.calendar-date-box{
    border-color: #3cbbeb;
}
.calendar-date-box .head{
    background-color: #3cbbeb;
}
/* ---------- /calendar date badge ---------- */


/* ---------- article ---------- */
.article-list-item::after{
    background: #2c71bc;
    background: -webkit-gradient(linear, left top, right top, color-stop(20%, #2c71bc), color-stop(0%, #BCBCBC));
    background: linear-gradient(to right, #2c71bc 20%, #BCBCBC 0%);
}
/* ---------- /article ---------- */


/* ---------- products ---------- */
.products-grid-item .body .title{
    font-size: 16px;
}
/* ---------- /products ---------- */


/* ---------- packages ---------- */
.package-head > span,
.package-head > span sup {
    color: #2c71bc;
}
/* ---------- /packages ---------- */


/* ---------- social media ---------- */
.social-media-section ul li div {
    background-color: #2c71bc;
}
.social-media-section ul li span {
    color: #2c71bc;
}
/* ---------- /social media ---------- */



/* ==================== 5. content by pages ==================== */


/* ---------- home ---------- */
.page-home .intro-section a::before{
    background: rgba(5,60,90,0.5);
    background: linear-gradient(to top, rgba(5,60,90,0.5) 0%,rgba(5,60,90,0) 100%);
}
@media (max-width: 1680px) {
    .page-home .intro-section a .title{
        font-size: 28px;
    }
}
@media (max-width: 1500px) {
    .page-home .intro-section a .title{
        font-size: 24px;
    }
}
/* ---------- /home ---------- */


/* ---------- promo ---------- */
.page-promo .form-container .submit-btn{
    background-color: #3cbbeb;
    border-color: #3cbbeb;
}
.page-promo .form-container .submit-btn:hover{
    background-color: #29abe2;
    border-color: #29abe2;
}

.page-promo .info-item .icon-wrap i{
    color: #2c71bc;
}

.page-promo .info-item .title{
    font-size: 20px;
}
/* ---------- /promo ---------- */


/* ---------- landing ---------- */

/* intro */
.page-landing .intro-section::before{
    background: #3cbbeb;
    background: linear-gradient(to right, #3cbbeb 0%,rgba(255,255,255,0) 100%);
}

/* features */
.page-landing .features-section-item .head{
    background-color: #2c71bc;
}
.page-landing .features-section-item .head .title{
    /*font-size: 20px;*/
    font-size: 1.25rem;
}

/* pricing */
.page-landing .pricing-section .price-wrap > div{
    background-color: #2c71bc;
}

/* teachers */
.page-landing .teacher-item .show-more-btn{
    background-color: #3cbbeb;
    border-radius: 5px;
}
.page-landing .teacher-item .show-more-btn:hover{
    background-color: #29abe2;
}
.page-landing .teacher-item .title{
    font-size: 28px;
}
.page-landing .teacher-item .sub-title{
    font-size: 22px;
}


/* --- afip 2 --- */
.page-afip-2 .intro-section .afip-box > div{
    background-color: #2c71bc;
}
/* ---------- /landing ---------- */


/* ---------- course ---------- */
.courses-intro-item .body::before {
    background: rgba(60,187,235,0.5);
    background: linear-gradient(to top, rgba(60,187,235,0.5) 0%,rgba(60,187,235,0) 100%);
}

/* chapter */
.chapter .head{
    background-color: #3cbbeb;
}
.chapter .body li.current:before,
.chapter .body li:hover::before,
.chapter .body li .progress-wrap.finished::before,
.chapter .body li .progress-wrap.finished i {
    background-color: #37abf2;
}
/* ---------- /course ---------- */


/* ---------- course sections aside ---------- */
.course-sections-aside .close-btn i:before,
.course-sections-aside .close-btn i:after {
    background-color: #3cbbeb;
}
/* ---------- /course sections aside ---------- */



/* ==================== template 63 ==================== */

.has-circled-icon .t63-icon-wrap{
	background: #3cbbeb;
	border-color: #3cbbeb;
}

.t63-media-objects-grid-item .t63-icon-wrap i{
    color: #2c71bc;
}

.t63-quote-section article,
.t63-card2col-section .card-col:first-child{
    background: #3cbbeb;
    background: linear-gradient(90deg, #3cbbeb 0%, #0071bc 100%);
}

.t63-accordion-section .accordion-item-head .title,
.t63-accordion-section .accordion-item-head .title * {
    color: #2c71bc;
}