@import url(css1/magic-bootstrap.css);
@import url(css1/superslides.css);
@import url(css1/owl.carousel.min.css);
@import url(css1/owl.theme.default.min.css);
@import url(css1/animate.css);
@import url(css1/jquery.fancybox.css);
@import url(css1/animate.css);
@import url(http://fonts.googleapis.com/css?family=Lato:400,900,400italic,900italic.css);
@import url(font-awesome.min.css);
@import url(school-icons.css);


b, h1, h2, strong
{
    font-weight: 900;
}
body
{
    overflow-x: hidden;
    padding-top: 118px;
}
h1, h2, h3, h4, h5, h6
{
    text-transform: uppercase;
}
h2
{
    font-size: 1.6153em;
}
h1, h2
{
    margin: 0 0 30px;
}
h3
{
    margin: 30px 0;
}
h2, h3, h4, h5, h6
{
    line-height: 1.74em;
}
a, button
{
    cursor: pointer;
    transition: all .5s ease;
    -moz-transition: all .5s ease;
    -webkit-transition: all .5s ease;
    -o-transition: all .5s ease;
}
a:hover
{
    text-decoration: none;
}
.masonry .item h3 a:hover, .owl-carousel .item h3 a:hover, .post h3 a:hover, .widget .post h5 a:hover
{
    text-decoration: underline;
}
section
{
    padding: 80px 0;
}
blockquote
{
    border: 0;
    color: #bbb;
    font-size: 1.3846em;
    font-style: italic;
    padding-left: 70px;
    position: relative;
}
label
{
    font-weight: 400;
    margin-left: 1px;
}
.btn, .pagination > li > a
{
    font-weight: 900;
    text-transform: uppercase;
}
iframe
{
    border: 0;
}
.quote
{
    font-size: 3em;
    left: 0;
    line-height: 1.5em;
    position: absolute;
    top: 0;
}
.caret, .icon
{
    position: relative;
}
.btn, .pagination > li > a
{
    border-width: 2px;
    border-left: 0;
    border-right: 0;
    border-top: 0;
}
.pagination > li > a
{
    border-radius: 3px;
    color: #fff;
    margin: 0 2px;
}
.alt-background
{
    background: #f7f6f2;
}
.no-margin
{
    margin: 0;
}
.icon
{
    top: 2px;
}
.lead .icon
{
    display: inline-block;
    font-size: 1.5em;
    margin: 0 30px 30px 0;
}
.primary-color
{
    color: #8fb488;
}
.caret
{
    top: -2px;
}
header
{
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 1000;
}

header .nav .open > a, header .nav .open > a:focus, header .nav .open > a:hover
{
    background: 0 0;
    border: 0;
}
#homepage .tools, .tools
{
    background-color: #5eb28f;
}
.fixed
{
    position: fixed;
    top: -35px;
}
.tools
{
    padding: 5px 0;
}
.tools ul
{
    list-style: none;
    margin: 0;
    padding: 0;
}
.tools li
{
    display: inline;
}
.tools a
{
    color: #fff;
}
.tools a:hover
{
    color: #f0ad4e;
}
.tools .pull-left a
{
    margin-right: 20px;
}
.tools .pull-right a
{
    margin-left: 20px;
}
.tools i
{
    margin-right: 10px;
}
.navbar-brand
{
    padding: 0 15px;
}
.nav > li > a
{
    font-weight: 700;
    padding-left: 10px;
    padding-right: 10px;
    text-transform: uppercase;
}
#homepage .navbar-default
{
    background: url(../images/header.png) top repeat-x;
    border: 0;
    display: block;
    min-height: 200px;
}
#homepage .fixed .navbar-default
{
    background: #373a3e;
    min-height: 85px;
}





#slides, #slides .tint, .title .title-image
{
    height: 100%;
    left: 0;
    top: 0;
}




.title
{
    background: #89909a;
    color: #fff;
    font-size: 320%;
    font-weight: 900;
    position: relative;
    text-transform: uppercase;
    width: 100%;
}
.title .title-image
{
    background-color: #FF9500;
    opacity: .03;
    overflow: hidden;
    position: absolute;
    width: 100%;
}
.title .container
{
    padding: 30px 0;
}
#slides
{
    position: absolute !important;
    width: 100%;
}
#slides .tint, .arrow, .post-date, .slider-offers
{
    position: absolute;
}
#slides .tint
{
    background: rgba(0,0,0,.2);
    width: 100%;
    z-index: 100;
}
.arrow
{
    /*border-radius: 50%;
    background: #fff;*/
    bottom: 30px;
    display: block;
    height: 400px;
    left: 2%;
    line-height: 62px;
    margin-left: -25px;
    text-align: center;
    width: 400px;
    z-index: 100;
}
.slider-offers
{
    left: 0;
    text-shadow: 1px 1px 0 rgba(0,0,0,.3);
    top: 50%;
    width: 100%;
    z-index: 100;
    transform: translateY(-50%);
}
.slider-offers li, .slider-offers ul
{
    list-style: none;
    margin: 0;
    padding: 0;
}
.slider-offers h3, .slider-offers h4
{
    color: #fff;
    line-height: 1.2em;
    margin: 0 30px;
}
.slider-offers h3
{
    font-size: 42px;
    font-weight: 900;
}
.slider-offers h4
{
    font-size: 21px;
    margin-bottom: 30px;
    text-transform: none;
}
.widget
{
    background: #f7f6f2;
    margin-bottom: 30px;
    padding: 30px;
}
.widget h3, .widget ul
{
    margin: 0 0 30px;
}
.widget ul
{
    list-style: none;
    padding: 0;
}
.widget li
{
    border-bottom: 1px solid #deddd9;
}
.widget li a
{
    display: block;
    padding: 5px 0;
}
.widget li a:hover
{
    background: rgba(0,0,0,.015);
}
.post-date, .widget .tag
{
    background: #222;
    text-transform: uppercase;
}
.widget li a span
{
    color: #777;
    margin-left: 10px;
}
.widget .tag
{
    border-radius: 3px;
    color: #fff;
    display: inline-block;
    margin: 0 5px 7px 0;
    padding: 2px 10px;
}
.widget .post
{
    border: 0;
    margin-bottom: 15px;
    padding: 0;
}
.widget .post h5
{
    margin: 0;
}
.widget .post h5 a
{
    color: #222;
    display: block;
}
.widget .price
{
    color: #222;
    font-size: 1.5em;
    font-weight: 900;
    padding-bottom: 15px;
}
.widget .icon
{
    color: #8fb488;
}
.widget .fa-star
{
    color: #fbcd53;
}
.widget .course-data
{
    padding: 5px 0;
}
.post-date, .widget .take-course
{
    padding: 15px 0;
    text-align: center;
}
.widget .share a
{
    margin: 0 7px;
}
.widget .take-course
{
    width: 100%;
}
.post h1
{
    margin-bottom: 5px;
}
.post h3
{
    margin: 0;
}
.post h3 a
{
    color: #222;
}
.post-cover
{
    margin-bottom: 30px;
}
.meta
{
    color: #bbb;
    margin-bottom: 20px;
}
.meta span
{
    margin-right: 15px;
}
.fa-reply, .meta i
{
    margin-right: 5px;
}
.post-date
{
    color: #fff;
    font-weight: 900;
    left: 30px;
    line-height: 1.74em;
    top: 0;
    width: 50px;
}
.post-day
{
    font-size: 200%;
}
.post-month
{
    color: #8fb488;
}
.media, .media .media
{
    border-top: 1px solid #e8e8e8;
    margin-top: 30px;
    padding-top: 30px;
}
#recent-posts .item h3
{
    margin: 0;
}
#recent-posts .item .meta
{
    padding: 0;
}
.carousel-title
{
    margin-left: 35px;
    margin-right: 35px;
    position: relative;
    z-index: 100;
}
.carousel-title a
{
    display: block;
    font-size: 13px;
    font-weight: 400;
    line-height: 1.74em;
    text-transform: none;
}
.owl-carousel .item
{
    background: #fff;
}
.owl-carousel .item h3
{
    margin: 30px 30px 0;
}
.owl-carousel .item h3 a
{
    color: #222;
}
.owl-carousel .item .meta
{
    color: #bbb;
    display: block;
    padding: 0 30px 30px;
}
.owl-carousel .item .meta p
{
    margin: 0;
}
.owl-carousel .item .meta .fa-star
{
    color: #fbcd53;
}
.owl-carousel .item .price
{
    background: rgba(0,0,0,.8);
    border-radius: 0 0 4px 4px;
    color: #fff;
    display: block;
    font-size: 1.5em;
    padding: 30px 15px;
    position: absolute;
    right: 30px;
    top: 0;
}
.owl-theme .owl-controls
{
    margin: 0 !important;
    padding: 0;
    position: absolute;
    top: -80px;
    width: 100%;
}
.owl-theme .owl-controls .owl-nav [class*=owl-]
{
    font-size: 14px !important;
    margin: 0 !important;
}
.owl-theme .owl-controls .owl-nav .owl-prev
{
    float: left;
}
.owl-theme .owl-controls .owl-nav .owl-next
{
    float: right;
}
.masonry .item
{
    padding: 0 15px;
}
.masonry .item .masonry-container
{
    background: #f7f6f2;
    margin-bottom: 30px;
    position: relative;
    width: 100%;
}
.masonry .item img
{
    width: 100%;
}
.masonry .item h3
{
    margin: 30px 30px 0;
}
.masonry .item h3 a
{
    color: #222;
}
.masonry .item .meta
{
    color: #bbb;
    display: block;
    margin: 0;
    padding: 0 30px 30px;
}
.masonry .item .meta span
{
    margin-right: 20px;
}
.masonry .item .meta i
{
    margin-right: 5px;
}
.masonry .item p
{
    margin: 0;
    overflow: hidden;
    padding: 0 30px 30px;
}
#masonry-2-columns .item
{
    width: 50%;
}
#masonry-3-columns .item
{
    width: 33.333333%;
}
#masonry-4-columns .item
{
    width: 25%;
}
.course img
{
    width: 100%;
}
.course h3
{
    margin: 0;
}
.course h3 a
{
    color: #222;
}
.course .price
{
    color: #222;
    font-size: 1.5em;
    font-weight: 900;
    padding-bottom: 15px;
    text-align: right;
}
.course-title
{
    margin: 0 0 5px;
}
.lesson-title
{
    margin: 0;
}
.gallery, .teachers
{
    list-style: none;
    margin: 0 -15px;
}
li.checkbox label
{
    display: block;
    padding: 3px 0;
}
.gallery
{
    padding: 0;
}
.gallery li
{
    padding: 15px;
}
#map-canvas
{
    height: 500px;
}
.map-address
{
    white-space: nowrap;
}
.gm-style .gm-style-iw
{
    white-space: nowrap;
    width: auto !important;
    height: auto !important;
}
#featured-teachers .description p, .exams-grid li .description p, .teachers .description p
{
    height: 5em;
    overflow: hidden;
}
.teachers
{
    padding: 0;
}
#featured-teachers .description, .teachers .description
{
    background: #fff;
    margin-bottom: 30px;
    padding: 1px 30px 30px;
}
/*
.exams-grid, .exams-list, .exams-list li ul
{
    padding: 0;
    list-style: none;
}
#featured-teachers .description h3
{
    margin: 30px 0;
}
.teacher img
{
    margin: 0 15px 15px 0;
}
.exams-list, .teacher h5, .teacher p
{
    margin: 0;
}
.exams-list li
{
    position: relative;
}
.exams-list li h3, .exams-list li ul
{
    margin: 0 0 1em;
}
.exams-list li ul li
{
    display: inline;
    margin-right: 20px;
}
.exams-list li ul li i
{
    margin-right: 7px;
}
.exams-grid
{
    margin: 0 -15px;
}
.exams-grid li .description
{
    background: #fff;
    margin-bottom: 30px;
    padding: 1px 30px 30px;
}
.exams-grid li ul
{
    border-top: 1px dashed #ddd;
    list-style: none;
    margin: 0 0 1em;
    padding: 0;
}
.exams-grid li ul li
{
    border-bottom: 1px dashed #ddd;
    overflow: hidden;
    padding: 10px 0;
}
.exams-grid li ul li i
{
    width: 20px;
}
.exams-grid li a
{
    background: rgba(143,180,136,.9);
    bottom: 30px;
    left: 15px;
    opacity: 0;
    position: absolute;
    right: 15px;
    top: 0;
}
.exams-grid li a:hover
{
    opacity: 1;
}
.exams-grid li a span
{
    border: 2px solid #fff;
    border-radius: 4px;
    color: #fff;
    font-weight: 700;
    left: 50%;
    margin: -20px 0 0 -70px;
    padding: 7px 15px;
    position: absolute;
    text-transform: uppercase;
    top: 50%;
}

*/
.progress
{
    height: 30px;
    margin-bottom: 10px;
}
#about-reviews .tint, #newsletter .tint, #search .tint, #teachers-reviews .tint
{
    height: 100%;
    top: 0;
    left: 0;
    width: 100%;
}
.progress-bar
{
    line-height: 30px;
    text-align: left;
    text-transform: uppercase;
}
.progress-bar span
{
    padding: 0 10px;
}
.progress-bar .pull-right
{
    background: #222;
    border-radius: 3px;
    color: #fff;
}
#about-reviews blockquote .fa-quote-right, #links a:hover, #search a, #teachers-reviews blockquote .fa-quote-right
{
    color: #fbcd53;
}
#teachers-reviews
{
    background: url(../images/reviews.jpg) center top no-repeat;
    background-size: cover;
    position: relative;
}
#teachers-reviews .tint
{
    background: rgba(247,246,242,.9);
    position: absolute;
}
#teachers-reviews .item
{
    background: 0 0;
}
#teachers-reviews blockquote
{
    color: #222;
    margin: 0;
}
#about-reviews
{
    background: url(../images/icons.gif) center top no-repeat;
    position: relative;
}
#about-reviews .tint
{
    background: rgba(143,180,136,.97);
    position: absolute;
}
#about-reviews .item
{
    background: 0 0;
}
#about-reviews h2, #about-reviews small
{
    color: #fff;
}
#about-reviews blockquote
{
    color: #fff;
    margin: 0;
}
#links a, #newsletter h2, #search h2
{
    color: #fff;
}
#links, #links .author a, #prefooter
{
    color: #767c84;
}
#search
{
    background: url(../images/icons.gif) center top no-repeat;
    position: relative;
}
#search .tint
{
    background: rgba(114,98,83,.97);
    position: absolute;
}
#search a:hover
{
    color: #e2b94b;
}
#search .btn
{
    background: #fbcd53;
    border-color: #e1b84b;
}
#search .btn:hover
{
    background: #e2b94b;
    border-color: #cca848;
}
#search #input-keywords
{
    width: 400px;
}
#newsletter
{
    position: relative;
}
#newsletter .tint
{
    background: rgba(137,144,154,.97);
    background-color: #fff;
    position: absolute;
}
#newsletter .btn
{
    text-align: center;
    width: 100%;
}
#newsletter .input-group, #newsletter-email-group, #newsletter-name-group
{
    width: 100%;
}
.service
{
    margin: 15px 0;
}
.video-wrapper
{
    position: relative;
    padding-bottom: 56.25%;
    padding-top: 25px;
    height: 0;
}
.video-wrapper embed, .video-wrapper iframe, .video-wrapper object
{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
#links
{
    background: #373a3e;
}
#links .col-sm-3
{
    margin: 80px 0;
}
#links h3
{
    color: #8fb488;
    margin: 0 0 30px;
}
#links h5
{
    margin: 0;
    text-transform: none;
}
#links p
{
    margin: 0;
}
/*
#links ul
{
    list-style: none;
    margin: 0;
    padding: 0;
}
#links ul li
{
    border-bottom: 1px solid #4b4e52;
    display: table;
    padding: 5px 0;
    width: 100%;
}
#links ul li a i
{
    color: #8fb488;
    margin-right: 10px;
}


*/
#links img
{
    margin: 0 15px 5px 0;
}
#prefooter a, footer
{
    color: #fff;
}
#prefooter
{
    background: #323438;
}
#prefooter .col-sm-3, #prefooter .col-sm-6
{
    margin: 80px 0;
}
#prefooter h3
{
    color: #8fb488;
    margin: 0 0 30px;
}
#prefooter a:hover
{
    color: #fbcd53;
}
footer
{
    background: #2c2f33;
    padding: 20px 0;
}
footer a
{
    margin-left: 10px;
}
@media (max-width:991px)
{
    .post h3, .widget .post h5
    {
        margin-top: 15px;
    }
    .sorting
    {
        margin-top: 30px;
        text-align: left;
    }
}
@media (max-width:767px)
{
    .course h3, h1, h2
    {
        margin-top: 30px;
    }
    section
    {
        padding: 30px 0;
    }
    blockquote
    {
        font-size: 1em;
        padding-left: 40px;
    }
    .quote
    {
        font-size: 2em;
        line-height: 2em;
    }
    
    
    
   
    
    
    #masonry-2-columns .item, #masonry-3-columns .item, #masonry-4-columns .item
    {
        padding: 0;
        width: 100%;
    }
    .media .media img, .media img
    {
        width: 30px;
    }
    .course .price
    {
        text-align: left;
    }
    .course-title
    {
        margin: 30px 0 5px;
    }
    /*
    .exams-grid li a
    {
        bottom: 0;
    }
    .exams-list li h3
    {
        margin: 1em 0;
    }
    .exams-list li ul
    {
        border-top: 1px dashed #ddd;
    }
    .exams-list li ul li
    {
        border-bottom: 1px dashed #ddd;
        display: block;
        margin-right: 0;
        padding: 10px 0;
    }
    .exams-list li ul li i
    {
        margin-right: 0;
        width: 20px;
    }
    
    
    */
    
    .lesson-title
    {
        margin: 30px 0 0;
    }
    .lesson-next, .lesson-prev
    {
        display: block;
        margin-bottom: 10px;
        text-align: center;
    }
    .lesson-next
    {
        margin-bottom: 30px;
    }
    .service
    {
        text-align: center;
    }
    .service h3
    {
        margin-top: 15px;
    }
    #recent-posts .item h3
    {
        margin-top: 30px;
    }
    #search #input-keywords
    {
        width: auto;
    }
}
@media (max-width:480px)
{
    .slider-offers h3
    {
        font-size: 24px;
    }
    .slider-offers h4
    {
        font-size: 14px;
    }
    #homepage .tools
    {
        background: #090909;
    }
    #homepage .navbar-default
    {
        background: #222;
        border: 0;
        min-height: 85px;
    }
}