/* ==========================================================================
   Author's custom styles
   ========================================================================== */

body{
    font-family: 'Droid Sans', sans-serif;
    1background: url(../img/bg_02.png) center top repeat-y;
}
h1{ font-size:38px; }
h3{ font-size: 30px; font-weight: bold !important;}
h5{ font-size: 16px; line-height: 24px; }
h4{ font-size: 20px; line-height: 24px; }
p{ line-height: 22px; font-size: 15px !important; }
.navbar-default{
    background: #fff;
    border: none;
    margin: 0;
    padding: 0;
    border-radius:0; 
    box-shadow: none;
    margin-bottom: 28px;
    1height: 82px;
}

.navbar-default .navbar-nav{
    margin-top:30px;
}
.navbar-default .navbar-nav > li{
    margin-left:40px;
}
.navbar-default .navbar-nav > li > a{
    color:#4e4e4e !important;
    font-size:15px;
    padding: 0;
}
.navbar-default .navbar-nav > li > a.link-active{
    border-bottom: 3px solid #f44636;
    padding-bottom: 4px; 
}
#slider{
    background: url(../img/home_bg.jpg) no-repeat;  height: 440px;    
}

#slider h1{ text-transform: uppercase;  margin: 120px auto 0 auto; text-align: center; }
#jumbo, #slider h1, #slider h5, #slider h4{ color: #fff; 1text-shadow: 1px 1px 6px #d81700; }
 #slider h5, #slider h4{ width: 70%; text-align: center; margin: 16px auto 28px auto; }
#slide-img{
    box-shadow: -10px 0px 10px rgba(0,0,0,0.5);
}
.item div{ text-align: center; margin-bottom: 80px;}
#tagline{
    margin: 40px 0 40px 0;
}
#tagline h1, #tagline h5, #work h1, #work h5{ text-align: center; }
#tagline h1, #work h1 {color: #333333;}
#tagline h5, #work h5 {color: #323232; width:70%; margin:0 auto 0px auto;}
.service{ margin-top: 60px; }
#work{ background: #f0f0f0; padding-top: 40px; margin-top: 60px; }
#jumbo{ background: linear-gradient(rgba(0,0,0,0.5), rgba(0,0,0,0.5)), url(../img/jumbo-img.jpg) no-repeat;  height: 200px;}
#jumbo2{ background: linear-gradient(rgba(0,0,0,0.5), rgba(0,0,0,0.5)), url(../img/jumbo-img.jpg) no-repeat;  height: 120px;}
#jumbo h4, #jumbo2 h4 { color: #fff; margin-top:36px;  line-height: 28px; text-align: center; width: 75%; margin-left: auto; margin-right: auto;}
.services p, .services h3 { text-align: center; }
.services img{ margin: 0 auto;}
.services div.more{ text-align: center; }
#consultation {
    margin-top:60px;
    height: 340px;
    background: url(../img/consult-img.jpg) no-repeat;
    padding-top: 32px;
}
#consultation h1, #consultation p{ color:#fff; }
#consultation p{width:90%;}
#blog{
    margin:84px 0;
}
#blog h1 {color: #333333; text-align: right;}
#blog p {color: #323232; width: 90%; text-align: right; }
.blog-div p{ font-size: 16px !important; }
.big-btn{ font-size:16px; font-weight: bold; border-radius:3px; padding: 12px 52px; display: inline-block; margin-top:12px; }
.red, .btn-default:hover{ border:1px solid #e83221 !important;  color: #e83221 !important; background:none; }
.red-text{  color: #e83221 !important; }
h2{ font-weight: bold;}
h5{ color: #555 !important; }
.red:hover{
    background: #e83221 !important;
    color: #fff !important;
    text-decoration: none;
}

.right{ float:right; }
.clear{ clear: both;}
.btn-default{ background: #e82715; border:none; box-shadow: none; color:#fff; text-shadow: none; padding:8px 32px;border:1px solid #e83221; }
footer{ background: #000; padding: 16px 0;}
footer p{ color:#fff; font-size: 13px; }
.service li{ list-style: none; margin-bottom: 24px; }
.service li{ position: relative; }
.service li div{
    position: absolute;
    bottom: 12%;
    margin: 0 auto;
    width: 350px;
}
.service h4, .service h5{ text-align: center; }
.service h4 a{ text-decoration: none; color: #333; }
.service-item, .service-item2{ margin-top:30px; padding: 90px 0; }
.service-item{ background: #f0f0f0;  }
.blog-item{ margin: 60px 0;
margin-bottom: 4%;
padding-bottom: 5%;
border-bottom: 1px solid #e7e7e7;}
.blog-item span{ color: #888 !important; }
.first-span{ margin-right: 20px; }
a.blog-nav{ color: #999 !important; font-size: 14px !important; }
a{ color:#333333;  }
a:hover{ color: #e83221 !important; text-decoration: none; }
.pad-bottom2{ margin-bottom: 60px; }
.navbar-default .navbar-nav > .open > a, .navbar-default .navbar-nav > .open > a:hover, .navbar-default .navbar-nav > .open > a:focus{
    background:#fff !important;
}
.navbar-default .navbar-nav > .open > a, .navbar-default .navbar-nav > .active > a {
    box-shadow:none;
}
#demo-img {
    margin-top: 60px;
    margin-bottom: 60px;
}
#demo-img  img{ box-shadow: 0px 0px 6px #aaa; }
.with-line{ width: 100%; text-align: center; border-bottom: 1px solid #ccc; line-height: 0.1em; margin: 10px 0 20px; }
.with-line span{ background: #fff; padding: 0 10px; }
.benefit-list{margin-top: 40px; margin-bottom: 60px;}
.feature{ margin-bottom: 20px; border-bottom: 1px solid #ccc; padding-left: 0; margin-bottom: 20px !important; }
#parentportal{ 1margin-top: 40px; margin-bottom: 60px; text-align: center; }
video {
    width: 1022px; height: 499px;
}
#course-list {
    list-style: none;
}

    #course-list li {
        padding: 12px 0;
        font-size: 16px;
        font-weight: 400;
        border-bottom: 1px solid #e7e7e7;
    }

        #course-list li a.active {
            color: #e82715;
            font-weight: bold;
        }
@media (max-width: 480px) {
    h1{ font-size:24px; }
    h3{ font-size:18px; font-weight: bolder !important; }
    h5{ font-size: 14px;  }
    h4{ font-size: 14px; letter-spacing: 0.1px;  }
    
    #jumbo h4, #jumbo2 h4 { line-height: 20px !important; }
    .logo img{ 
        moz-transform:scale(0.8);
        -webkit-transform:scale(0.8);
        transform:scale(0.8);
    }
    .navbar-default{ margin: 0; }
    .navbar-default .navbar-collapse { background: #fff; }
    .navbar-header{ height: 82px;}
    .navbar-nav{ margin: 12px;}
    .navbar-default{ border:none !importanat;}
    
    .navbar-default .navbar-nav { margin-top: 12px;}
    .navbar-default .navbar-nav > li{
        margin: 0 0 12px 0;
    }
    .services p{ font-size: 14px; }
    #slider{background: url(../img/home_bg.jpg) no-repeat;  height: 344px; }
    p{font-size: 14px;}
    #slider h1{ text-transform: uppercase;  margin: 40px auto 0 auto; text-align: center; }
    #jumbo, #slider h1, #slider h5, #slider h4{ color: #fff; 1text-shadow: 1px 1px 6px #d81700; }
     #slider h5, #slider h4{ width: 90%; text-align: center; margin: 8px auto 16px auto; }
    #jumbo{ height: 240px;}
    #jumbo2{ height: 140px;}
    #slide-img{
        box-shadow: -10px 0px 10px rgba(0,0,0,0.5);
    }
    .item div{ text-align: center; margin-bottom: 72px;}
    a.big-btn {
        font-size: 14px;
        font-weight: bold;
        border-radius: 3px;
        padding: 8px 44px;
        display: inline-block;
        margin-top: 12px;
    }
    #blog {margin: 20px 0 44px 0;}
    #consultation{ height: 300px;}
    .1services .1img-responsive{ 
        moz-transform:scale(0.8);
        -webkit-transform:scale(0.8);
        transform:scale(0.8);
    }
    1.navbar-brand{ width: 70%; height: 70%; }
    #tagline h5{ width: 90%; }
    .services{ margin-bottom: 48px; }
    #consultation{ margin-top: 0; height: 380px; padding-top: 12px; }
    #consultation, #blog, #blog h1, #blog p, footer p{ text-align: center;}
    #consultation p, #blog p{ width: 90%; margin-left: auto; margin-right: auto;}
    .right{ float: none;}
    video {
        width: 100%; height: auto;
    }

    
}
@media (min-width: 480px) and (max-width:768px) {
    h1{ font-size:28px; }
    h3{ font-size:20px; }
    h5{ font-size: 15px;  }
    h4{ font-size: 16px;  }
    
    #jumbo h4 { line-height: 20px; }
    .logo img{ 
        moz-transform:scale(0.8);
        -webkit-transform:scale(0.8);
        transform:scale(0.8);
    }
    .navbar-default{ margin: 0; }
    .navbar-default .navbar-collapse { background: #fff; }
    .navbar-header{ height: 82px;}
    .navbar-nav{ margin: 12px;}
    .navbar-default{ border:none !importanat;}
    
    .navbar-default .navbar-nav { margin-top: 12px;}
    .navbar-default .navbar-nav > li{
        margin: 0 0 12px 0;
    }
    .services p{ font-size: 14px; }
    #slider{background: url(../img/home_bg.jpg) no-repeat;  height: 324px; }
    p{font-size: 14px;}
    #slider h1{ text-transform: uppercase;  margin: 60px auto 0 auto; text-align: center; }
    #jumbo, #slider h1, #slider h5, #slider h4{ color: #fff; 1text-shadow: 1px 1px 6px #d81700; }
     #slider h5, #slider h4{ width: 90%; text-align: center; margin: 8px auto 16px auto; }
    #slide-img{
        box-shadow: -10px 0px 10px rgba(0,0,0,0.5);
    }
    .item div{ text-align: center; margin-bottom: 72px;}
    a.big-btn {
        font-size: 14px;
        font-weight: bold;
        border-radius: 3px;
        padding: 8px 44px;
        display: inline-block;
        margin-top: 12px;
    }
    #blog {margin: 20px 0 44px 0;}
    #consultation{ height: 300px;}
    .services p{ width:70%; margin-left: auto; margin-right: auto; }
    .1services .1img-responsive{ 
        moz-transform:scale(0.8);
        -webkit-transform:scale(0.8);
        transform:scale(0.8);
    }
    1.navbar-brand{ width: 70%; height: 70%; }
    #tagline h5{ width: 90%; }
    .services{ margin-bottom: 48px; }
    #consultation{ margin-top: 0; }
    #consultation, #blog, #blog h1, #blog p, footer p{ text-align: center;  }
    #consultation p, #blog p{ width: 80%; margin-left: auto; margin-right: auto;}
    .right{ float: none;}
    video {
        width: 100%; height: auto;
    }
}
@media (min-width: 768px) and (max-width: 992px) {

    h1{ font-size:30px; }
    h3{ font-size:20px; }
    h5{ font-size: 13px;  }
    h4{ font-size: 16px;  }
    #jumbo h4 { line-height: 20px; }
    .navbar-default .navbar-nav > li{
    margin-left:20px;
    }
    .navbar-default .navbar-nav > li > a{
        color:#4e4e4e !important;
        font-size:13px;
        padding: 0;
    }
    .services p{ font-size: 14px; }
    #slider{background: url(../img/home_bg.jpg) no-repeat;  height: 324px; }
    p{font-size: 15px;}
    #slider h1{ text-transform: uppercase;  margin: 60px auto 0 auto; text-align: center; }
    #jumbo, #slider h1, #slider h5, #slider h4{ color: #fff; 1text-shadow: 1px 1px 6px #d81700; }
     #slider h5, #slider h4{ width: 80%; text-align: center; margin: 8px auto 16px auto; }
    #slide-img{
        box-shadow: -10px 0px 10px rgba(0,0,0,0.5);
    }
    .item div{ text-align: center; margin-bottom: 72px;}
    a.big-btn {
        font-size: 14px;
        font-weight: bold;
        border-radius: 3px;
        padding: 8px 44px;
        display: inline-block;
        margin-top: 12px;
    }
    #blog {margin: 20px 0 44px 0;}
    #consultation{ height: 300px;}
    .services .img-responsive{ width: 25%; height: 25%; }
    #tagline h5{ width: 80%; margin-left: auto; margin-right: auto; text-align: center;}
    .services{ margin-bottom: 48px; }
    #consultation{ margin-top: 0; }
    video {
        width: 100%; height: auto;
    }
    
}
@media (min-width: 992px) and (max-width:1200px){
    h1{ font-size:32px; }
    h3{ font-size:20px; }
    h5{ font-size: 16px;  }
    h4{ font-size: 18px;  }
    #jumbo h4 { line-height: 24px; }
    .services p{ font-size: 14px; }
    #slider{background: url(../img/home_bg.jpg) no-repeat;  height: 344px; }
    p{font-size: 16px;}
    #slider h1{ text-transform: uppercase;  margin: 80px auto 0 auto; text-align: center; }
    #jumbo, #slider h1, #slider h5, #slider h4{ color: #fff; 1text-shadow: 1px 1px 6px #d81700; }
     #slider h5, #slider h4{ width: 70%; text-align: center; margin: 8px auto 16px auto; }
    #slide-img{
        box-shadow: -10px 0px 10px rgba(0,0,0,0.5);
    }
    .item div{ text-align: center; margin-bottom: 72px;}
    a.big-btn {
        font-size: 14px;
        font-weight: bold;
        border-radius: 3px;
        padding: 8px 44px;
        display: inline-block;
        margin-top: 12px;
    }
    #blog {margin: 20px 0 44px 0;}
    #consultation{ height: 300px;}
    .service li div {
        width: 280px;
    }

}