@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: #eef1f5;
	
	color: #4d4d4d;
}

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


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

/* text */
.text-primary{
	color: #053c5a !important;
}
.text-info{
	color: #2ebfcb !important;
}

/* background color */
.bg-primary{
	background-color: #053c5a !important;
}
.bg-info{
	background-color: #2ebfcb !important;
}


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



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


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

/* user row */
.app-header .user-row{
    background-color: #d5d4d4;
}
.app-header .user-row .links-wrap li{
    color: #053c5a;
}

/* course-nav-row */
.course-nav-row::after {
    background-color: #163f6b;
}

@media (min-width: 992px) {
	.app-header .main-row nav .sub-nav ul{
        background-color: #07517a;
    }
}
@media (max-width: 991px) {
    .app-header .main-row nav{
        background-color: #053c5a;
    }
}
/* ---------- /header ---------- */


/* ---------- breadcrumbs ---------- */
.breadcrumbs li{
	color: #757575;
}
.breadcrumbs li a,
.breadcrumbs li a:hover{
	color: #0e76bc;
}
/* ---------- /breadcrumbs ---------- */


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

/* page nav */
.page-nav {
    border-bottom-color: #053c5a;
}
.page-nav a:hover{
    background-color: #0b6b9f;
}
.page-nav a.active{
    background-color: #053c5a;
}
/* ---------- /page ---------- */


/* ---------- footer ---------- */
.app-footer{
    background-color: #053c5a;
}
/* ---------- /footer ---------- */



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


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


/* ---------- title,text ---------- */
.title{
    color: #053c5a;
}
.sub-title{
    color: #2ebfcb;
}
/* ---------- /title,text ---------- */


/* ---------- btn ---------- */
.btn-primary,
.btn-primary:disabled,
.btn-primary:focus{
    background-color: #03bfcb;
    border-color: #03bfcb;
}
.btn-primary:hover,
.btn-primary:not(:disabled):not(.disabled):active{
    background-color: #03afba;
    border-color: #03afba;
}

.btn-secondary,
.btn-secondary:focus{
    background-color: #053c5a;
    border-color: #053c5a;
}
.btn-secondary:hover,
.btn-secondary:not(:disabled):not(.disabled):active{
    background-color: #042d43;
    border-color: #042d43;
}

.btn-outline-light,
.btn-outline-light:focus {
    color: #ccc;
    border-color: #ddd;
}
.btn-outline-light:hover,
.btn-outline-light:not(:disabled):not(.disabled):active {
    color: #212529;
    background-color: #ddd;
    border-color: #ddd;
}
/* ---------- /btn ---------- */


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

/* checkbox, radio */
.custom-control-input:checked ~ .custom-control-label::before,
.custom-control-input[type="checkbox"]:indeterminate ~ .custom-control-label::before{
	background-color: #007bff;
    border-color: #007bff;
}
.big-checkbox-fieldset input::after {
    box-shadow: inset 0 0 0 2px #03afba;
}
.big-checkbox-fieldset input:checked::after {
    background-color: #03afba;
}
/* ---------- /form ---------- */


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


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

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


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


/* ---------- card ---------- */
.card-head{
    background: #053c5a;
}
.card .files-list a i,
.card-plain .card-head .title{
    color: #2ebfcb;
}
/* ---------- /card ---------- */


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


/* ---------- box badge ---------- */
.box-badge {
    background: #0e76bc;
    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: #053c5a;
}
.calendar-date-box .head{
    background-color: #053c5a;
}
/* ---------- /calendar date badge ---------- */


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


/* ---------- products ---------- */
.products-section .title{
    color: #053c5a;
}
/* ---------- /products ---------- */


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


/* ---------- social media ---------- */
.social-media-section ul li div {
    background-color: #053c5a;
    color: #74d4b3;
}
.social-media-section ul li span {
    color: #053c5a;
}
/* ---------- /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: #03bfcb;
    border-color: #03bfcb;
}
.page-promo .form-container .submit-btn:hover{
    background-color: #03afba;
    border-color: #03afba;
}

.page-promo .info-item .icon-wrap i{
    color: #053c5a;
}

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


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

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

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

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

/* teachers */
.page-landing .teacher-item .show-more-btn{
    background-color: #03bfcb;
}
.page-landing .teacher-item .show-more-btn:hover{
    background-color: #03afba;
}
.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: #2676bd;
}
/* ---------- /landing ---------- */


/* ---------- course ---------- */
.courses-intro-item .body::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%);
}

/* chapter */
.chapter .head{
    background-color: #053c5a;
}
.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: #0e76bd;
}
/* ---------- /course ---------- */


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



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

.has-circled-icon .t63-icon-wrap{
	background: #1e8095;
	border-color: #1e8095;
}

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

.t63-quote-section article,
.t63-card2col-section .card-col:first-child{
    background: #1e8095;
    background: linear-gradient(90deg, #1e8095 0%, #0d3c5a 100%);
}

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