@charset "utf-8";
/* CSS Document */

/*
Copyright (c) 2017
[Master Stylesheet]
Template Name : Educave Educational-Multipurpose Landing Page-UiSumo
Version    : 1.0
Author     : UISuMo Team
Author URI : https://uisumo.com
Support    : uisumo@gmail.com
*/


@import url(https://fonts.googleapis.com/css?family=Roboto+Slab:400,700);
/*font-family: 'Roboto Slab', serif;*/
@import url(https://fonts.googleapis.com/css?family=Roboto:400,500,400italic,700);
/*font-family: 'Roboto', sans-serif;*/
html, body { height: 100%; }
/* --------------------------------
1. Primary style
-------------------------------- */

body { font-size: 100%; font-family: 'Roboto', sans-serif; background-color: white; font-size: 14px; line-height: 23px; color: #ababab; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; overflow-x: hidden; letter-spacing: .7px; }
body.overflow-hidden { /* when primary navigation is visible, the content in the background won't scroll */ overflow: hidden; }
a { color: #94949e; }
a, a:hover, a:active, a:visited, a:focus { text-decoration: none; outline: 0; }
a:hover, a:active, a:visited, a:focus { color: #7e9fff; }
img { max-width: 100%; }
.btn { border: none; border-radius: 0px; font-size: 14px; font-weight: 600 }
.btn.btn-padding { padding-left: 90px; padding-right: 90px; }
.btn-custom { background: #f27c66; color: #fff; height: 60px; }
.btn-custom:hover { background: #FFF; color: #f27c66; }
.btn, .price-boxes *, .latest-news-box *, footer *, .navbar-custom .navbar-nav > li > a { -webkit-transition: all .3s ease-in-out; -moz-transition: all .3s ease-in-out; -o-transition: all .3s ease-in-out; transition: all .3s ease-in-out; }
.section { padding: 100px 0 90px; }
p { font-size: 14px; line-height: 23px; margin-bottom: 24px; cursor: default; }
strong, b { font-weight: 700 }
.section-heading { text-align: center; position: relative; }
.section-heading:before { position: absolute; left: 50%; top: -8px; height: 5px; width: 46px; background: #f27c66; margin: 0 0 0 -23px; content: ''; }
.section-heading h2, h2.subheading { font-size: 36px; font-weight: 700; line-height: 50px; color: #000000; }
.section-heading p { font-weight: 400; }
h2.subheading { margin-bottom: 24px; margin-top: 0 }
a.btn-readmore, .btn-readmore { border: 2px solid #f27c66; color: #000; padding-left: 30px; padding-right: 30px; margin: 30px 0 0 }
a.btn-readmore:hover, .btn-readmore:hover, a.btn-readmore:focus, .btn-readmore:focus { background: #f27c66; color: #fff; }
/* --------------------------------
2. Typography
-------------------------------- */

/* -------------------------------------
    Headings
---------------------------------------- */
h1, h2, h3, h4, h5, h6 { font-family: 'Roboto Slab', serif; margin-top: 0; color: #46455c; letter-spacing: 0.05em; letter-spacing: .5px; }
h1 { font-size: 30px; }
h2 { font-size: 24px; }
h3 { font-size: 21px; line-height: 30px; }
h4 { font-size: 18px; line-height: 26px; }
h5 { font-size: 16px; line-height: 24px; }
h6 { font-size: 14px; line-height: 20px; }

@media all and (max-width: 768px) {
p.lead { font-weight: normal; font-size: 14px; line-height: 23px; }
}
/*NAVBAR CSS*/
.topbar { max-height: 40px; background: #111111; transition: max-height 0.15s ease-out; }
.topbar ul { margin: 0; padding: 0; list-style: none; }
.topbar ul li { display: inline-block; margin: 0 10px 0 0; line-height: 40px; font-size: 12px }
.topbar ul li a { color: #fff; }
.navbar-fixed-top { background: #fff; border: none; }
.navbar-brand { height: auto; padding: 20px 15px; }
.navbar-brand img { display: inline-block; max-height: 58px; transition: max-height 0.15s ease-out; }
.navbar-nav { margin-top: 24px; }
.nav > li > a { font-weight: 700; color: #5f5f5f }
.nav > li > a:focus, .nav > li.active > a, .nav > li > a:hover { color: #18bb7c; background: none; }
.position-headercontent { position: absolute; width: 100%; height: 100%; left: 0; top: 0; z-index: 999; display: flex; align-content: center }
.position-headercontent .container { display: flex; align-content: center }
.top-nav-collapse .topbar{max-height:0px;transition: max-height 0.15s ease-out;    overflow: hidden;}
.top-nav-collapse .navbar-brand{padding:10px 15px;transition: max-height 0.15s ease-out;}
.top-nav-collapse .navbar-brand img{padding:10px 15px;transition: max-height 0.15s ease-out; max-height:50px; overflow:hidden;}
.top-nav-collapse .navbar-nav{margin-top:10px;}
.carousel-inner > .item > img {
    position: absolute;
    top: 0;
    left: 0;
    min-width: 100%;
	max-width:inherit;
    height: 100%;
}
/*HEADER CSS*/
.carousel, .item, .active { height: 100%; }
.carousel-inner { height: 100%; }
/* Background images are set within the HTML using inline CSS, not here */
.fill { width: 100%; height: 100%; background-position: center; -webkit-background-size: cover; -moz-background-size: cover; background-size: cover; -o-background-size: cover; }
.carousel-caption { top: 138px; bottom: 0; text-align: left; display: flex; align-items: center; }
.carousel-caption h1 { color: #fff; font-weight: 700 }
.carousel-caption p { margin: 0; }
.carousel-caption .form-group { float: left; position: relative; }
.carousel-caption .form-control { color: #ababab; border: none; border-radius: 0px; height: 60px; min-width: 300px; width:100%; background: #f8f8f8; border-left: 1px solid rgba(0,0,0,.1); }
.carousel-caption select.form-control { background: none; border: none; -webkit-appearance: none; -moz-appearance: none; appearance: none; position: relative; z-index: 9999 }
.carousel-caption .select-box { background: #fff; }
.carousel-caption select.form-control option { padding: 20px 10px; }
.carousel-caption .select-box:before { position: absolute; font: normal normal normal 14px/1 FontAwesome; content: "\f078"; right: 20px; top: 50%; height: 20px; line-height: 20px; margin: -10px 0 0 0; box-shadow: none; color: #cbcbcb; text-shadow: none }
.carousel-control.left, .carousel-control.right { background: none; }
.carousel-control { width: 100px; }
.carousel-control .fa, .carousel-control .icon-next, .carousel-control .icon-prev { font-size: 24px; height: 74px; margin-top: -10px; width: 74px; top: 50%; position: absolute; background: rgba(0,0,0,.1); line-height: 74px; text-align: center; border-radius: 100%; }
.carousel-control.left .fa { left: 20px; }
.carousel-control.right .fa { right: 20px; }
/*PROGRAMMING COURSE*/

.programining-box { padding: 40px 30px; }
.programining-cource .cource-one { background: url(../img/thumb-bg1.jpg) no-repeat center; }
.programining-cource .cource-two { background: url(../img/thumb-bg2.jpg) no-repeat center; }
.programining-cource .cource-three { background: url(../img/thumb-bg3.jpg) no-repeat center; }
.programining-cource .cource-four { background: url(../img/thumb-bg4.jpg) no-repeat center; }
.programining-cource [class*="col-"] { background-size: cover; }
.programining-cource .line-top { width: 26px; height: 2px; background: #fff; border: none; float: left; }
.programining-cource h4 { font-weight: 700; color: #fff; margin-top: 20px; }
.programining-cource p { color: #fff; margin: 0 0 10px; }
.programining-cource .line-bottom { width: 78px; height: 2px; background: #fff; border: none; float: left; }
.programining-cource a { color: #fff; }
.programining-cource a:hover { opacity: .5 }
/*Why Educave*/

.why-educave ul { margin: 10px 0; padding: 0; list-style: none; color: #000000; font-weight: 600 }
.why-educave ul li + li { margin: 13px 0 0 0 }
.why-educave ul li .fa { font-size: 18px; display: inline-block; color: #f27c66; margin: 0 7px 0 0 }
/*Popular Courses*/
.popular-courses { background: #f8f8f8; }
.slick-slide { margin: 15px; }
.img-corses { position: relative; }
.img-corses img { width: 100%; }
.img-corses .label { position: absolute; max-height: 64px; height: 100%; padding: 0 12px; line-height: 64px; background: #18bb7c; right: 0; top: 0; font-style: italic; border-radius: 0px; }
.course-item { background: #fff; }
.course-details { position: relative; min-height: 70px; display: block; padding: 10px 10px 10px 85px; float: left; width: 100%; }
.course-details img { position: absolute; left: 0; top: 0 }
.course-details h3 { margin: 0; font-size: 18px; color: #000; font-weight: 700; line-height: 26px; -webkit-transition: all .3s ease-in-out; -moz-transition: all .3s ease-in-out; -o-transition: all .3s ease-in-out; transition: all .3s ease-in-out; }
.course-item:hover .course-details h3 { color: #f27c66; }
.course-details > div { text-align: right; }
.course-details > div >p { margin: 0; float: left; font-style: italic; font-size: 12px; }
.course-details > div > .rating { color: #f9cb8f; letter-spacing: 3px; font-size: 12px; }
.slick-prev, .slick-next { width: 26px; height: 24px; }
.slick-prev:before, .slick-next:before { color: #000; font-family: FontAwesome; font-size: 24px; line-height: 24px; opacity: 1; -webkit-transition: all .3s ease-in-out; -moz-transition: all .3s ease-in-out; -o-transition: all .3s ease-in-out; transition: all .3s ease-in-out; }
.slick-prev { left: -100px }
.slick-next { right: -100px; }
.slick-prev:hover:before, .slick-next:hover:before { color: #f27c66; }
.slick-prev:before { content: '' }
.slick-next:before { content: '' }
/*Happy Movement*/
.bg-black { background: #000; }
.bg-black .section-heading h2, .bg-black h2.subheading { color: #fff; }
.statistic { margin-top: 0px; }
.statistic [class*="col-"] { margin-top: 60px; }
.statistic .course-icon { position: relative; }
.statistic .course-icon:before { position: absolute; left: 50%; top: -15px; content: ''; background: #fff; width: 64px; height: 3px; margin-left: -32px; }
.statistic h2 { font-size: 36px; font-weight: 700; color: #fff; margin: 20px 0 0 0 }
.statistic h6 { color: #ababab; font-size: 18px; font-weight: 700; margin: 7px 0 0 0 }
/*Our Gallery*/
.portfolio-sorting a { font-family: 'Roboto Slab', serif; font-weight: 700; color: #000; font-size: 16px; margin: 50px 7px; display: inline-block }
.portfolio-sorting a.active { color: #f27c66 }
.portfolio-items img { width: 100% }
.portfolio { padding: 100px 0 0 0 }
.grid-container { margin: 0 }
.grid-container [class*="col-"] { padding: 0; }
.grid-container [class*="col-"] figure { margin: 0 }
/*Our Teachers*/
.teachers-item.red { background: #f27c66 }
.teachers-item.yellow { background: #f9cd93 }
.teachers-item.green { background: #21be81 }
.teachers-item .img-teacher { position: relative; }
.teachers-item .social-links { position: absolute; width: 100%; text-align: center; background: rgba(0,0,0,.8); top: -80px; left: 0; -webkit-transition: all .3s ease-in-out; -moz-transition: all .3s ease-in-out; -o-transition: all .3s ease-in-out; transition: all .3s ease-in-out; }
.teachers-item:hover .social-links { top: 0 }
.teachers-item .img-teacher img { width: 100%; }
.teachers-item .social-links a { padding: 10px 10px; display: inline-block; color: #f3816c; font-size: 18px }
.teachers-item .social-links a:hover { color: #55acee; }
.teachers-item .teacher-details { padding: 20px 30px; }
.teachers-item .teacher-details h3 { font-weight: 700; font-size: 18px; color: #fff; margin: 0 }
.teachers-item .teacher-details p { margin: 0; color: #fff; }
/*A BETTER EDUCATION WITH EDUCAVE.*/

#video-landing { min-height: 300px; position: relative; overflow-y: hidden; color: white; }
#video-landing:before{position:absolute; content:''; width:100%; height:100%; left:0; top:0; background:rgba(162,60,44,.5)}
#video-landing video { position: absolute; min-height: 100%; min-width: 100%; top: 0px; left: 0; bottom: 0; right: 0; z-index: -100; }
#video-landing .button-control{background:none; border:none; font-size:64px;}
.button-control.playing .play{display:none;}
.button-control.paused .pause{display:none;}
.video-section h2{font-weight:700; color:#fff; font-size:36px;}
.video-section p{font-family: 'Roboto Slab', serif; margin:24px 0}
/*Latest News*/
.news-item{margin-top:40px;}
.news-item.red { background: #f27c66 }
.news-item.yellow { background: #f9cd93 }
.news-item.green { background: #21be81 }
.news-item .img-news{position:relative; overflow:hidden;}
.news-item .img-news .news-dis{position:absolute; height:100%; left:0; top:-100%; display:flex; align-items:center; justify-content:center; padding:30px; background:rgba(0,0,0,.8); color:#fff; -webkit-transition: all .3s ease-in-out; -moz-transition: all .3s ease-in-out; -o-transition: all .3s ease-in-out; transition: all .3s ease-in-out;}
.news-item:hover .img-news .news-dis{top:0}
.news-item .img-news .news-dis p{margin:0;}
.news-item .news-details{background:#f8f8f8;min-height:70px; position:relative; padding:10px 10px 0 85px;}
.news-item .news-details img{position:absolute; left:0; top:0;}
.news-item .news-details h3{font-size:18px; font-weight:700; color:#000; margin:0; line-height:26px; -webkit-transition: all .3s ease-in-out; -moz-transition: all .3s ease-in-out; -o-transition: all .3s ease-in-out; transition: all .3s ease-in-out;}
.news-item:hover .news-details h3{color:#f27c66;}
.news-item .news-details p{margin:0; color:#ababab; font-size:12px;}
.news-item .comment{text-align:right; padding:20px 30px;}
.news-item .comment p{margin:0; float:left; color:#fff;}
.news-item .comment a{font-size:24px; color:#fff;}
/*What student say’s*/
.student-says{background:#f8f8f8;}
.testimonial-content{position:relative;margin-top:20px;}
.testimonial{margin:0px;}
.testimonial  p{font-size:16px;font-family: 'Roboto Slab', serif; color:#808080}
.testimonial .posted-by h5{font-weight:700; font-size:14px; color:#f27c66; margin:0; line-height:24px; }
.testimonial .posted-by p{color:#ababab; font-size:12px; margin:0; }
.testimonial .posted-by .postedby{width:80px; height:80px; margin:50px auto 0; position:relative;}
.testimonial .posted-by .postedby:before, .testimonial .posted-by .postedby:after{width:60px; height:60px; content:''; position:absolute; background:#f27c66; border-radius:100%;  top:10px;}
.testimonial .posted-by .postedby:before{left:-42px;}
.testimonial .posted-by .postedby:after{right:-42px;}

.testimonial .posted-by .postedby img{width:100%; position:relative; z-index:999; border-radius:100%; border:3px solid #000}
.testimonial-controls ul{margin:0; padding:0; list-style:none; position:absolute; width:100%; bottom:40px}
.testimonial-controls ul li{position:relative; display:inline-block; margin:0 70px; font-size:24px; color:#000; -webkit-transition: all .3s ease-in-out; -moz-transition: all .3s ease-in-out; -o-transition: all .3s ease-in-out; transition: all .3s ease-in-out; cursor:pointer}
.testimonial-controls ul li:hover{color:#f27c66;}

/*Contact Us*/
.contact-title p{margin:0}
.contactus{text-align:center;}
.contactus .fa{font-size:36px; color:#fff;}
.contactus h3{font-weight:700; font-size:18px; margin:12px 0}
.contactus .phone h3{color:#f27c66;}
.contactus .email h3{color:#f9cb8f;}
.contactus .map h3{color:#18bb7c;}
.contactus p{font-family: 'Roboto Slab', serif; font-weight:700; margin:0}

.contact-form .form-control {border-width:2px; border-radius:0px; height:62px; box-shadow:none; width:100%;}
.contact-form .form-control.red{border-color:#f27c66}
.contact-form .form-control.yellow{border-color:#f9cb8f}
.contact-form .form-control.green{border-color:#18bb7c}
.contact-form button{width:100%; height:62px; background:#000; font-weight:600; font-size:14px; color:#fff;}

/*Footer*/
footer{background:#000; padding:35px 0}
footer p{margin:0; color:#fff; line-height:30px;}


@media(min-width:768px) {
	
.carousel-caption h1 { font-size: 64px; line-height: 74px; }
.carousel-caption p { font-size: 24px; font-weight: 700 }
.section { padding: 100px 0 80px }
.section.contactus {padding:60px 0}
.contact-form {padding:80px 0}
.content-right { padding-left: 30px; }
.section.video-section{padding:210px 0}
.contact-form .form-inline{display:flex; align-content:center; justify-content:center;}
.contact-form .form-inline .form-group { flex:1 0 0 ; width:100%;}
.contact-form .form-inline .form-group + .form-group{padding-left:2px;}
}
@media(max-width:768px) {.topbar{display:none;}.carousel-caption{left:5%; right:5%;} .carousel-caption-conttent .form-inline *{width:100%;} .carousel-control.left, .carousel-control.right{display:none;} .list-inline > li{} .list-inline > li > a{margin: 50px 0px;}}

@media(max-width:1500px) {.carousel-caption{left:10%; right:10%;}}

@media(max-width:1137px) {.carousel-caption{left:5%; right:5%;} .carousel-caption .form-group{margin-bottom:15px;} .carousel-caption-conttent .form-inline *{width:100%;} .carousel-control.left, .carousel-control.right{display:none;}}
@media(max-width:1024px) {
	.contactus [class*="col-"] + [class*="col-"], .why-educave [class*="col-"] + [class*="col-"]{margin-top:50px; }
	.section-heading h2, h2.subheading{font-size:24px; line-height:34px}
	}

.navbar-toggle i.fa{font-size:24px;}
@media (max-width: 991px) {
    .navbar-header {
        float: none;
    }
    .navbar-toggle {
        display: block;
    }
    .navbar-collapse {
        border-top: 1px solid transparent;
        box-shadow: inset 0 1px 0 rgba(255,255,255,0.1);
    }
    .navbar-collapse.collapse {
        display: none!important;
    }
    .navbar-nav {
        float: none!important;
        margin: 7.5px -15px;
    }
    .navbar-nav>li {
        float: none;
    }
    .navbar-nav>li>a {
        padding-top: 10px;
        padding-bottom: 10px;
    }
    .navbar-text {
        float: none;
        margin: 15px 0;
    }
    /* since 3.1.0 */
    .navbar-collapse.collapse.in { 
        display: block!important;
    }
    .collapsing {
        overflow: hidden!important;
    }
}