/*--------------------------------------------------------------------------------------
Theme Name: EDUCROWN
Theme URI: http://quomodosoft.com
Author URI: http://quomodosoft.com
Description: 100% Responsive, Highly Customizable, SEO Friendly Education Based HTML5 template using Twitter Bootstrap Latest, Search Engine Friendly.
Author: Mehedi Hasan Nahid
Author Email: mehedidb@gmail.com
Version: 1.0
----------------------------------------------------------------------------------------
    1. SLIDER AREA
    2. FEATURES AREA
    3. FUN FACT AREA
    4. COURSE AERA
    5. VIDEO AREA
    6. TESTMONIAL AREA
    7. BLOG AREA
    8. FAQS AREA
    9. CONTACT AREA
    10. CLIENT AREA
    11. FOOTER AREA
    12. SCROLL TO TOP AREA
----------------------------------------------------------------------------------------*/

@import url('https://fonts.googleapis.com/css?family=Poppins:400,500,600,700');

/*--------------------------
    1. SLIDER AREA
-----------------------------*/

.slide-bg-one {
    background: rgba(0, 0, 0, 0) url("assest/img/aeg_main_3.jpg") no-repeat scroll center center / cover;
}

.slide-bg-two {
    background: rgba(0, 0, 0, 0) url("assest/img/aeg_main_2.jpg") no-repeat scroll center center / cover;
}

/*.slide-bg-three {
    background: rgba(0, 0, 0, 0) url("assest/img/slider/slide_2.jpg") no-repeat scroll center center / cover;
}*/

.welcome-slider-area .owl-controls {
    margin-top: -80px;
    position: absolute;
    right: 7%;
    top: 50%;
    opacity: 0;
    -webkit-transition: 0.3s;
    transition: 0.3s;
}

.welcome-slider-area:hover .owl-controls {
    right: 10%;
    opacity: 1;
}

.welcome-slider-area .owl-nav > div {
    background: #fff none repeat scroll 0 0;
    border-radius: 50%;
    bottom: 0;
    color: #eb0707;
    font-size: 35px;
    height: 50px;
    margin: 10px 0;
    padding-top: 5px;
    right: 0;
    text-align: center;
    -webkit-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
    width: 50px;
}

.welcome-slider-area .owl-nav > div:hover {
    background: #eb0707 none repeat scroll 0 0;
    color: #ffffff;
}

/*--------------------------------
    2. FEATURES AREA
---------------------------------*/

.row.promo-content {
    background: #ffffff none repeat scroll 0 0;
    -webkit-box-shadow: 0 9px 9px 0 #c7c7c7;
    box-shadow: 0 9px 9px 0 #c7c7c7;
    margin-top: -100px;
    padding-top: 30px;
    position: relative;
    z-index: 1;
    flex-wrap: wrap;
    display: flex;
}

.features-box-icon {
    border-radius: 5px;
    color: #eb0707;
    height: 70px;
    margin-bottom: 40px;
    padding-top: 15px;
    text-align: center;
    width: 70px;
}

/*----------------------------------
    3. FUN FACT AREA
----------------------------------*/

.fun-fact-area .area-bg {
    background: rgba(0, 0, 0, 0) url("assest/img/process.jpg") no-repeat scroll center center / cover;
}

.fun-fact-area .area-bg::after {
    background: #000000 none repeat scroll 0 0;
    opacity: 0.5;
}

/*---------------------------------
    4. COURSE AERA
-----------------------------------*/
.polomki_container{
    width: 90%;
    max-width: 1500px;
    margin: auto;
}
.single-course {
    border-radius: 10px;
    -webkit-box-shadow: 0 7px 7px #c7c7c7;
    box-shadow: 0 7px 7px #c7c7c7;
    overflow: hidden;
}
footer a:hover{
    color:#eb0707;
}
a.enroll-button {
    border:1px solid #32CD32;
    background-color: #32CD32;
    border-radius: 50px;
    color: #fff;
    padding: 10px 15px;
    text-transform: capitalize;
}

a.enroll-button:hover {
    border:1px solid #32CD32;
    background-color: #32CD32;
    color:#fff;
    filter: brightness(70%);
}

.course-price {
    color: #eb0707;
    float: right;
    font-size: 22px;
    font-weight: 700;
}

.row.course-list {
    margin: 0;
}

.row.course-list .col-lg-3 {
    width: 100%;
    padding: 0;
}

.course-details {
    text-align: left;
    color:black;
}

/*--------------------------------
    5. VIDEO AREA
---------------------------------*/

.video-area .area-bg::before {
    background: #eb0707 none repeat scroll 0 0;
    opacity: 0.75;
}

.video-promo-details {
    border-radius: 10px;
}

.video-promo-content {
    color: #ffffff;
    left: 0;
    position: absolute;
    text-align: center;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    width: 100%;
}

.video-area-popup {
    background: #ffffff none repeat scroll 0 0;
    border-radius: 50%;
    color: #eb0707;
    cursor: pointer;
    display: inline-block;
    font-size: 30px;
    height: 70px;
    line-height: 1;
    padding-left: 5px;
    padding-top: 20px;
    -webkit-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
    width: 70px;
}

.video-area-popup:hover {
    background: #eb0707 none repeat scroll 0 0;
    -webkit-box-shadow: 0 0 10px 10px #ffffff;
    box-shadow: 0 0 10px 10px #ffffff;
    color: #ffffff;
}

/*---------------------------------
    6. TESTMONIAL AREA
----------------------------------*/

.author-content {
    line-height: 1.8;
    padding-top: 63px;
    position: relative;
}

.author-content::before {
    color: #eb0707;
    content: "\f10e";
    font-family: fontawesome;
    font-size: 41px;
    left: 0;
    line-height: 1;
    opacity: 0.5;
    position: absolute;
    top: 20px;
}

.author-img {
    border-radius: 50%;
    height: 80px;
    overflow: hidden;
    width: 80px;
}

.author-name-image h4 {
    margin-bottom: 0;
}

.testmonial-slider.owl-carousel {
    overflow: hidden;
}

.testmonial-area .owl-nav > div {
    background: #eb0707 none repeat scroll 0 0;
    border-radius: 50%;
    color: #ffffff;
    font-size: 30px;
    height: 40px;
    left: -30px;
    opacity: 0;
    padding-top: 4px;
    position: absolute;
    text-align: center;
    top: 30%;
    -webkit-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
    visibility: hidden;
    width: 40px;
}

.testmonial-area .owl-nav > div.owl-next {
    left: auto;
    right: -30px;
}

.testmonial-area .owl-nav > div:hover {
    background: #586082 none repeat scroll 0 0;
}

.owl-carousel:hover .owl-nav > div.owl-next {
    opacity: 1;
    right: 0;
    visibility: visible;
}

.owl-carousel:hover .owl-nav > div.owl-prev {
    left: 0;
    opacity: 1;
    visibility: visible;
}

/*.testmonial-area .owl-controls {
    height: 20px;
    margin-top: 30px;
}*/

.testmonial-area .owl-dots {
    left: 50%;
    position: absolute;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
}

.testmonial-area .owl-dots > div {
    border: 1px solid #586082;
    border-radius: 50%;
    display: inline-block;
    height: 15px;
    margin: 0 5px;
    -webkit-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
    width: 15px;
}

.testmonial-area .owl-dots > div.active {
    background: #eb0707 none repeat scroll 0 0;
    border-color: #eb0707;
}

/*--------------------------------
    7. BLOG AREA
----------------------------------*/

.single-blog-item {
    border-radius: 10px;
    -webkit-box-shadow: 0 7px 7px #c7c7c7;
    box-shadow: 0 7px 7px #c7c7c7;
    overflow: hidden;
    -webkit-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
}

.blog-thumb {
    overflow: hidden;
}

.blog-thumb img {
    -webkit-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
}

.single-blog:hover {
    -webkit-box-shadow: 0 0 20px #ddd;
    box-shadow: 0 0 20px #ddd;
    -webkit-transform: translateY(-5px);
    transform: translateY(-5px);
}

.blog-details h3 {
    line-height: 1.3;
    margin-bottom: 25px;
}

.blog-meta a {
    opacity: .7;
    margin-right: 15px;
}

.blog-meta a:hover {
    opacity: 1;
}

.blog-details a.readmore {
    display: inline-block;
    letter-spacing: 1px;
}

.single-blog-item:hover .blog-thumb img {
    opacity: 0.5;
    -webkit-transform: scale(1.3) rotate(10deg);
    transform: scale(1.3) rotate(10deg);
}

/*--------------------------------
    8. FAQS AREA
---------------------------------*/

.faqs-area .box-title {
    font-size: 18px;
    letter-spacing: 0;
}

/*---------------------------------
    9. CONTACT AREA
----------------------------------*/

.contact-form input,
.contact-form select,
.contact-form textarea {
    border: 0 none;
    border-radius: 0;
    -webkit-box-shadow: 0 0 0 1px #cacfda;
    box-shadow: 0 0 0 1px #cacfda;
    margin-bottom: 30px;
    min-height: 50px;
    padding: 10px;
}

.contact-form input:focus,
.contact-form textarea:focus {
    -webkit-box-shadow: 0 0 0 1px #eb0707;
    box-shadow: 0 0 0 1px #eb0707;
}

.contact-form button {
    border:1px solid #32CD32;
    background-color: #32CD32;
    color:#fff;
    border-radius: 50px;
    font-size: 14px;
    letter-spacing: 2px;
    padding: 13px 20px;
    text-transform: capitalize;
    -webkit-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
}

.contact-form button:hover {
    border:1px solid #32CD32;
    background-color: #32CD32;
    color:#fff;
    filter: brightness(70%);
}

.enroll-button a {
    background: #eb0707 none repeat scroll 0 0;
    border-radius: 50px;
    color: #ffffff;
    display: inline-block;
    font-weight: 600;
    height: 50px;
    padding-top: 13px;
    text-align: center;
    width: 150px;
}

/*---------------------------------
    10. CLIENT AREA
---------------------------------*/

.client-area .owl-carousel .owl-item img {
    display: block;
    margin: 0 auto;
    max-width: 100%;
    width: auto;
}

/*---------------------------------
    11. FOOTER AREA
----------------------------------*/
footer h3{
    color:#eb0707 !important;
}
.footer-list ul {
    list-style: outside none none;
    margin: 0;
    padding: 0;
}

.footer-list ul li {
    display: block;
    margin-bottom: 12px;
}

.footer-list ul li a:hover {
    color: #eb0707;
}

.subscriber-form {
    background: #ffffff none repeat scroll 0 0;
    border: 1px solid #dddddd;
    border-radius: 50px;
    font-size: 18px;
    height: 50px;
    position: relative;
    text-transform: capitalize;
}

.subscriber-form input {
    background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
    border: 0 none;
    border-radius: 5px;
    color: #000000;
    height: 100%;
    left: 0;
    letter-spacing: 1px;
    padding: 10px 10px 10px 30px;
    position: absolute;
    top: 0;
    width: 80%;
}

.subscriber-form button {
    background: #d3ffea none repeat scroll 0 0;
    border: 0 none;
    border-radius: 0 50px 50px 0;
    color: #171932;
    font-size: 20px;
    height: 100%;
    letter-spacing: 2px;
    position: absolute;
    right: 0;
    text-transform: uppercase;
    top: 0;
    -webkit-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
    width: 80px;
}

.subscriber-form button:hover {
    background: #eb0707 none repeat scroll 0 0;
    color: #ffffff;
}

label.mt10 {
    bottom: -52px;
    left: 0;
    position: absolute;
    right: 0;
    text-align: center;
}

label.mt10.valid {
    bottom: 8px;
    color: #eb0707;
    left: 0;
    position: absolute;
    right: 0;
    text-align: center;
}

.footer-bottom-area {
    background: #2e2e43 none repeat scroll 0 0;
}

.footer-copyright {
    padding: 30px 0;
}

/*---------------------------------
    12. SCROLL TO TOP AREA
----------------------------------*/

.scrolltotop {
    background: #eb0707 none repeat scroll 0 0;
    bottom: 20px;
    color: #ffffff;
    display: none;
    font-size: 20px;
    height: 40px;
    padding-top: 8px;
    position: fixed;
    right: 20px;
    text-align: center;
    width: 40px;
    z-index: 9;
}

.scrolltotop:hover {
    background: #eb0707;
    color: #ffffff;
}
.text-icon-box{
    padding-bottom: 0px; 
}
.navbar-brand{
    padding:2px 0px;
}
.polomki{

    font-size:16px;
    margin:0;
    padding-left:20px ;
}
.single-fun-fact{
text-shadow: 1px 1px 3px black;
}
.single-fun-fact h4{
    font-size: 22px;
}
.single-course{
height:666px;
}
@media (max-width: 767px){
    .single-course{
height:auto;
}
}
.footer-about{
    font-size: 16px;
}
.footer-logo{
    margin-top: 30px;
}
.price_plan_area {
    background-color: #f6f6f6;
}
.price-table {
    background-color: #ffffff;
    border-radius: 5px;
    width: 100%;
    margin-right: 0;
    margin-left: 0;
}
.main-row {
    border-radius: 5px 0 0 5px;
background-color: #eb0707;
    }
.table-right-value, .table-left-value {
    padding: 0;
}
.main-row-right {
    border-radius: 0 5px 5px 0;
}
.table-right-value p, .table-left-value p {
    margin: 20px 40px;
    font-size: 18px;
    color:black;
}
.main-row p {
    color: white;
}

.section_padding_100_70 {
    padding-top: 30px;
    padding-bottom: 50px;
}
.grey-bg {
    background-color: #eee;
}
@media only screen and (max-width: 767px) and (min-width: 320px){
.table-right-value p, .table-left-value p {
    margin: 20px 15px;
}
}
.select-wrapper {
    position: relative;
    border-radius: 0px;
    background-color: white;
    margin: auto;
}
.select-wrapper select {
    width: 100%;
    background: transparent;
    border: 0;
}
.form-control{
    height:50px;
    border-radius: 5px !important;
}
.success,
.error {
        padding: 1em;
        margin:15px;
        text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5);
        border-radius: 4px;
    }
    
.success {
        color: #fff;
        background-color: #2ecc71
    }
    
.error {
        color: #fff;
        background-color: #c0392b;
    }
    .oferta_link{
        text-decoration: underline;
    }
.modal-body{
    color: black;
    text-align: center;
}
.modal-footer,
.modal-header{
    display: flex;
}
.modal-dialog{
    width:600px !important;
}
.modal-header img{
    margin:auto;
}
.modal-footer button{
    margin:auto;
    background-color: white;
    color:black;
}
.modal-footer button:hover{
    background-color:#eb0707;
    color:white !important; 
}
#error_info .modal-footer button{
    border:1px solid #eb0707;
    }
#error_info .modal-footer button:hover{
    background-color:#eb0707;
}
#succes_info .modal-footer button{
    border:1px solid #80e227;
    }
#succes_info .modal-footer button:hover{
    background-color:#80e227;
}
.mobile_phone{
    font-size: 16px;
    display: none;
    padding-top: 16px;
    color: #32CD32;
}

.stellarnav{
    z-index:1000000;
}
.navbar>.container{
    display:flex;
    align-items:center;
}
.navbar>.container .navbar-brand{
    margin-left:0px;
    display:flex;
}
.navbar-brand {
    padding: 0;
}
.navbar-brand>img {
    padding-left: 0px;
    display:block;
    margin:auto;
}
.welcome-text h1{
    text-shadow: 1px 1px 3px black;
}
.owl-item.active .welcome-single-slide .welcome-text p{
    text-shadow: 1px 1px 3px black;
}
.contact-form button{
    font-size: 16px;
    letter-spacing: 0.5px;
    font-weight: 700;
}
a.enroll-button,
.contact-form button{
    font-size: 16px;
        letter-spacing: 0.5px;
}
.polomki_wrapper{
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
}
.polomki_card{
    margin-bottom: 30px;
}
.single-course{
    height: 100%;
}
.course-details{
    padding-bottom: 70px;
}
.course-details > p{
        position: absolute;
        bottom: 40px;
}
.polomki_container{
        width: 100%;
    max-width: 1300px;
    margin: auto;
    padding: 0px 20px;
}
.navbar-header{
    margin-top: 0px;
}
.navbar-header .mobile_phone{
    padding-left: 10px;
}
@media only screen  and (min-width: 992px){
.navbar > .container {
    width:100%;
    max-width:1170px;
}
}
@media only screen and (max-width: 1200px){
#nav li:last-child a{
    font-size: 18px !important;
}
}
@media only screen and (max-width: 991px){
    .navbar > .container {
        flex-direction: column;
    }
    #nav li:last-child a{
    display:none;
}
    .is-sticky .navbar-brand img {
    margin-top: auto;
}
    .mobile_phone{
        display:block;
    font-size: 18px;}
    .navbar-header{
        display:flex;
    justify-content: center;
        width:100%;
    }
}
@media only screen and (max-width: 900px){
    .navbar-header .mobile_phone{
        position:static;
    padding-top: 0px;align-items: center;display: flex;
    }
    .navbar-header {
    justify-content: left;
}
}
@media only screen and (max-width: 767px){
    .is-sticky .menu-toggle.full{
        top:20px;
    }
    .navbar-brand > img {
        width: 100%;
        max-width: 100%;
    }
    .navbar>.container .navbar-brand{
        max-width: 200px;
    }
    .row.promo-content{
        box-shadow: none;
        padding-bottom: 50px;
    }
    .polomki_card{
        max-width: 400px;
    }
}
@media only screen and (max-width: 576px){
    .container>.navbar-header{
        margin-left:0px;
        margin-right:0px;
        padding: 10px 0px;
    }
    .menu-toggle.full,.is-sticky .menu-toggle.full{
        top: 14px;
    }

    .navbar>.container .navbar-brand{
        max-width: 160px;
    }
}
@media only screen and (max-width: 510px){
    .navbar-header .navbar-brand > img{
            position: static;
    margin: auto 0px;
    }
    .navbar>.container .navbar-brand{
            width: 100%;
    justify-content: left;
    }
    .navbar-header .mobile_phone{
        width: 100%;
        padding-left: 0px;
    }
    .container>.navbar-header{
        flex-wrap: wrap;
    }
    .menu-toggle.full,.is-sticky .menu-toggle.full {
    top: 24px;
}
}
@media only screen and (max-width: 340px){
    .navbar > .container{
        padding: 0px 5px;
    }
    .menu-toggle.full {
        right: 5px;
    }
}