.butn {
    background-color: #057a9c;
}
.bg-primary {
    background-color: #057a9c !important;
}
section.page-content {
    padding: 60px 0;
}
.section-title .sub-title {
    color: #057a9c;
}
h1 a, h2 a, h3 a, h4 a, h5 a, h6 a, .h1 a, .h2 a, .h3 a, .h4 a, .h5 a, .h6 a {
	color:#04385b;
}
h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6{
	color: #04385b;
}

a, a:active, a:focus {
    color: #057a9c;
}
.bg-secondary {
    background-color: #04385b !important;
}
.text-primary, .text-primary-hover:hover {
    color: #057a9c !important;
}
.text-bold{font-weight: 700}
.scroll-to-top {
    background: #057a9c;
    border: 1px solid #057a9c;
}
.footer-list li a:hover {
    color: #057a9c;
}

.menu_area-light .navbar-nav li.current > a, .menu_area-light .navbar-nav li.active > a {
    color: #057a9c;
}

#fixed-button {
    z-index: 9999;
    position: fixed;
    bottom: 40px;
    right: 20px; 
}


[data-overlay-dark]:before, [data-overlay-light]:before{
    content:none;
}

.modal .modal-dialog {
    max-width: 90%;
}
.modal .modal-dialog iframe{
    width: 100%;
    height: 80vh;
}
.modal-video .modal-content {
    background-color: #222425;
    border-color: #033d4e;
    border-size: 3px;
}
.modal-video h5 {
    color: #fff;
}
.card-block {
font-size: 1em;
position: relative;
margin: 0;
padding: 1em;
border: none;
box-shadow: none;
}
.card {
font-size: 1em;
overflow: hidden;
padding: 5;
border: none;
border-radius: .28571429rem;
box-shadow: 0 1px 3px 0 #d4d4d5, 0 0 0 1px #d4d4d5;
margin-top:20px;
}

.section-dark {
    background-color: #057a9c;
}
.section-dark h1, .section-dark h2, .section-dark h3, .section-dark h4, .section-dark h5, .section-dark h6{
    color: #fff;
}
.section-dark span.text-secondary{color:#7eebff !important}
.section-dark span.small{color: #ffc000}

footer{background-color: #001b23}
.footer-logo {
    max-width: 250px;
}
.social-icon-style1 li a{
    background: #057a9c;
}
.social-icon-style1 li a:hover {
    background: #46a3bc;
}
.page-title-section {
    padding: 100px 0 100px 0;
}

div.page-title-section{
    padding: 15px 14px 10px 14px !important;
}
div.page-title-section ul li:last-child a {
    color: #000000 !important;
}
div.page-title-section ul li a {
    color: #007ba5 !important;
}

div.page-title-section h1{
    color:#04385b !important;
}
.modal .btn-close {
    line-height: 1rem;
    color: #031727;
    background: #fff;
    font-weight: 700;
     opacity: 1;
}

.iti {
    display: block !important;
}

.iti__country-list {
    z-index: 9 !important;
}

.form-control {
    -webkit-appearance: auto;
    -moz-appearance: auto;
    appearance: auto;
}

.display-flex{ 
    display: flex;
    justify-content: center;
    align-items: center;
}
.display-flex-end{ 
    display: flex;
    justify-content: end;
    align-items: end;
}
.display-flex-start{ 
    display: flex;
    justify-content: start;
    align-items: start;
}
.page-body-container p {text-align: justify !important; text-align-last: left !important;text-indent: 0 !important;margin-left: 0 !important;}
.page-body-container p span{color:#575a7b !important; text-align: justify !important;text-indent: 0 !important}

.pricing-01 h3 {
    padding: 14px 34px 14px 37px;
}

.bg-dark {
    background-color: #6e6e6e !important;
}
.bg-warning {
    background-color: #d5a100;
}

#students-carousel{display:none; max-height: 86vh;}
#loading-carousel-container{ position: relative; background-color:#057a9c; text-align: center; height: 86vh !important;min-height: initial !important;transition: all ease-out 0.3s;width: 100% !important;}
#loading-carousel-container img { position: absolute;left: 39%;top: 25%;}
#carouselStopedItem{display:none}
.carousel-inner .item {
    width: 100%;
    height: 100vh;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}
.cities-container{display: none}
.quform-elements .quform-element select#is_recurring {
    padding: 8px 12px 8px 12px;
}

.package-description{
    min-height: 130px;
}
#donation-form-container{max-width: 950px; margin: 0 auto}
.input-custom-amount{ display: none; max-width: 240px;text-align: center;margin: 0 auto;}
.donation-page button.monthly-packages, .donation-page .packages-box{
    display: none;
}
button.btn-secondary{border: 1px solid #696969;}
.donation-form-inputs {
    display: none;
}
.donation-form-inputs hr {margin: 0 0 1.5rem 0 !important}
@media (max-width: 991px){
    section {
    padding: 40px 0;
    }
}
@media screen and (min-width: 992px){
    .menu_area-light .navbar > ul > li.has-sub > a:after {
        border-color: #054355;
    }
    .top-position1 {
        margin-top: 0;
    }
    .menu_area-light .navbar-nav > li > a {
        color: #054355;
    }
    .menu_area-light .navbar-nav > li > a:hover, .menu_area-light.scrollHeader .navbar-nav > li.has-sub > a:hover, .menu_area-light .navbar ul ul li.active > a, .menu_area-light .navbar-nav li.has-sub a:hover {
        color: #46a3bc;
    }
}

@media screen and (max-width: 1399px) {
}

@media screen and (max-width: 1199px) {

}

@media screen and (max-width: 991px) {

    .modal .modal-dialog iframe{
        height: 100%;
        min-height: 280px;
    }
    .modal .modal-dialog {
        max-width: 100%;
    }
    #loading-carousel-container img {
        position: relative;
        left:auto;
        top:auto;
        width: 50%;
    }
    #loading-carousel-container {
        height: 24vh !important;
    }
    .top-position1 {margin-top: 0px;}
    #students-carousel{padding-top: 0px;}
    section.section-dark .blockquote {
        font-size: 0.9rem;
    }
    .videos-students .small, .videos-students small {
    font-size: .975em;
}
}

@media screen and (max-width: 767px) {
    .modal .modal-dialog iframe{
        min-height: 250px;
    }
}

@media screen and (max-width: 575px) {
    .modal .modal-dialog iframe{
        min-height: 230px;
    }
}