/*
*******************************************
*******************************************

@File: LMS Education Theme Styles
Author: Shadhin Ahmed
Version: 1.0
Template By: Shadhin Planet

* This file contains the styling for the actual theme, this
is the file you need to edit to change the look of the
theme.

This files contents are outlined below >>>>

*** SEARCH EACH SECTION AS IT COMMENTS, YOU WILL GET THE RIGHT SECTION.

*******************************************
*******************************************

==== CSS INDEX

01 - FONTS CSS
02 - DEFAULT CSS
03 - SPACING CSS
04 - TYPOGRAPHY CSS
05 - SLIDER PRELOADER CSS
06 - SITE PRELOADER CSS
07 - HEADER TOP CSS
08 - HEADER CSS
09 - MAIN MENU CSS
10 - SLIDER CSS
11 - WHY CHOOSE US CSS
12 - OUR SERVICES CSS
13 - LATEST COURSE CSS
14 - LIVE CLASS CSS
15 - NEWS PORTAL CSS
16 - NEWSLATTER CSS
17 - FOOTER CSS
18 - MODAL CSS
19 - BACK TO TOP CSS
20 - STICKY HEADER CSS
21 - BREADCROUMB CSS
22 - ABOUT PAGE CSS
23 - COURSE GRID PAGE CSS
24 - COURSE SIDEBAR PAGE CSS
25 - COURSE SINGLE PAGE CSS
26 - PAGINATION CSS
27 - TEACHERS PAGE CSS
28 - 404 PAGE CSS
29 - TEACHER SINGLE PAGE CSS
30 - COMING SOON PAGE CSS
31 - BLOG PAGE CSS
32 - BLOG SINGLE PAGE CSS
33 - COMMENTS CSS
34 - POST COMMENTS CSS
35 - RELATED POST CSS
36 - SIDEBAR CSS
    36.1 - CATEGORY CSS
    36.2 - FEATURED POST CSS
    36.3 - LATEST PROJECT CSS
    36.4 - POPULAR COURSE CSS
    36.5 - TESTIMONIALS CSS
    36.6 - TAGS CSS
37 - CONTACT PAGE CSS
38 - COLOR CHNAGING CSS

*/
/* 
=================================================================
01 - FONTS CSS
=================================================================	
*/
@import url('https://fonts.googleapis.com/css?family=Roboto:300,400,500,700');/*font-family: 'Roboto', sans-serif;*/
@import url('https://fonts.googleapis.com/css?family=Lato:300,400,700,900');/*font-family: 'Lato', sans-serif;*/
@import url('https://fonts.googleapis.com/css?family=Raleway:300,400,500,600,700');/*font-family: 'Raleway', sans-serif;*/
/* 
=================================================================
02 - DEFAULT CSS
=================================================================	
*/
body {
    color: #555;
    font-family: "Lato",sans-serif;
    font-size: 16px;
    line-height: 28px;
    overflow-x: hidden;
}
img {
    height: auto;
    max-width: 100%
}
a {
    color: inherit;
    -webkit-transition: .4s;
    transition: .4s
}
a:hover {
    color: inherit;
    text-decoration: none
}
a:focus {
    outline: none
}
p {
    font-family: 'Raleway', sans-serif;
    font-weight: normal;
    font-size: 14px
}
ul,ol {
    margin: 0;
    padding: 0;
}
li {
    list-style-type: none;
}
.section-separator {
    padding: 15px 0
}
input {
    border: medium none;
    height: 40px;
    margin: 5px 0;
    padding: 5px 15px;
    width: 70%;
}
textarea {
    border: medium none;
    height: 140px;
    margin: 5px 0;
    padding: 5px 15px;
    width: 100%;
}
.lms-btn {
    display: inline-block;
    font-weight: 500;
    margin-top: 25px;
    padding: 8px 15px;
    text-transform: uppercase;
    border: 3px solid #00B1AE;
    -webkit-transition: all 0.4s ease 0s;
    transition: all 0.4s ease 0s
}
.no-pad-left {
    padding-left: 0
}
.no-pad-right {
    padding-right: 0
}
.no-pad {
    padding: 0!important
}
.clear{
    clear: both
}
.teacher_area figure figcaption h6,.teacher_area figure figcaption,.teacher_area figure figcaption:before,.teacher_area figure:before,.teacher_social i {
    transition: 0.5s;
    -moz-transition: 0.5s;
    -webkit-transition: 0.5s;
    -o-transition: 0.5s;
}
.lms_commet_field input[type="text"]:focus,.lms_commet_field input[type="email"]:focus,.lms_commet_field textarea:focus {
    box-shadow: 0 0px 10px 1px rgba(0, 0, 0, 0.15);
}
.lms_commet_field input[type="submit"]:hover,.lms_commet_field button:hover {
    color: #fff;
    background-color: #222;
}
/* 
=================================================================
03 - SPACING CSS
=================================================================	
*/
.section-padding {
    padding: 15px 0;
}
.section_padding_bottom {
    padding-bottom: 100px;
}
.section_padding_top {
    padding-top: 100px;
}
.section_padding_top50 {
    padding-top: 50px;
}
.section_padding_bottom50 {
    padding-bottom: 50px;
}
.section_padding_50 {
    padding: 50px 0;
}
/* 
=================================================================
04 - TYPOGRAPHY CSS
=================================================================	
*/
h1,h2,h3,h4,h5,h6,p {
    margin: 0;
    padding: 0;
}
h2 {
    font-family: 'Raleway', sans-serif;
    font-weight: 700
}
.header-title {
    margin-bottom: 70px;
}
.header-title h2 {
    color: #22313f;
    font-size: 40px;
    text-transform: uppercase;
}
blockquote {
    background: #f4f4f4 none repeat scroll 0 0;
    color: #555555;
    float: left;
    font-size: 16px;
    line-height: 30px;
    margin: 15px 0 40px -70px;
    padding: 50px 80px;
    position: relative;
    width: calc(100% + 140px);
    z-index: 1;
}
blockquote:before {
    color: #dfe5e9;
    content: "";
    font-family: fontawesome;
    font-size: 65px;
    left: 65px;
    position: absolute;
    top: 60px;
    z-index: -1;
}
button,input[type="button"],input[type="reset"],input[type="submit"] {
    background-image: none;
    border: 1px solid;
    color: #ffffff;
    cursor: pointer;
    display: inline-block;
    font-family: "Raleway", sans-serif;
    font-size: 14px;
    height: 50px;
    line-height: 50px;
    padding: 0 24px 0 32px;
    text-transform: uppercase;
    -webkit-transition: all 0.3s ease-in-out 0s;
    transition: all 0.3s ease-in-out 0s;
    white-space: nowrap;
}
figure {
    float: left;
    position: relative;
    width: 100%;
}
.lms-main-search input[type="search"] {
    background: transparent;
}
.lms-main-search input[type="submit"] {
    background: rgba(0, 0, 0, 0) url("../img/search.png") no-repeat scroll 10px 12px !important;
}
.lms-btn:hover,.apply-now.lms-btn:hover {
    background: none;
    color: #fff
}
.lms-btn.error-btn:hover {
    color: #2c3e50
}
.lms-btn,.why-choose-us-area {
    color: #fff;
}
.lms-main-caption-cell .lms-btn:hover,.lms-header-top a:hover,.apply-now.lms-btn:hover,.lms-btn.class-btn:hover,.lms-btn.news-btn:hover,.lms-newslatter input.newslatter-submit.lms-btn:hover,.lms-social-profiles a i:hover,.lms-copyright a:hover {
    color: #2c3e50
}
/* 
=================================================================
05 - SLIDER PRELOADER CSS
=================================================================	
*/
.spinner {
    font-size: 10px;
    height: 40px;
    left: 50%;
    margin: -25px auto auto -25px;
    position: absolute;
    text-align: center;
    top: 50%;
    width: 50px;
}

.spinner > div {
    background-color: #00B1AE;
    height: 100%;
    width: 6px;
    display: inline-block;

    -webkit-animation: sk-stretchdelay 1.2s infinite ease-in-out;
    animation: sk-stretchdelay 1.2s infinite ease-in-out;
}

.spinner .rect2 {
    -webkit-animation-delay: -1.1s;
    animation-delay: -1.1s;
}

.spinner .rect3 {
    -webkit-animation-delay: -1.0s;
    animation-delay: -1.0s;
}

.spinner .rect4 {
    -webkit-animation-delay: -0.9s;
    animation-delay: -0.9s;
}

.spinner .rect5 {
    -webkit-animation-delay: -0.8s;
    animation-delay: -0.8s;
}

@-webkit-keyframes sk-stretchdelay {
    0%, 40%, 100% { -webkit-transform: scaleY(0.4) }  
    20% { -webkit-transform: scaleY(1.0) }
}

@keyframes sk-stretchdelay {
    0%, 40%, 100% { 
        transform: scaleY(0.4);
        -webkit-transform: scaleY(0.4);
    }  20% { 
        transform: scaleY(1.0);
        -webkit-transform: scaleY(1.0);
    }
}
.lms-slide-preloader-wrap {
    background: #fff none repeat scroll 0 0;
    height: 100%;
    position: absolute;
    width: 100%;
    z-index: 9;
}
/* 
=================================================================
06 - SITE PRELOADER CSS
=================================================================	
*/
.lms-site-preloader-area {
    background: #00B1AE none repeat scroll 0 0;
    height: 100%;
    position: fixed;
    width: 100%;
    z-index: 9999;
}
.sk-cube-grid {
    height: 40px;
    left: 50%;
    margin: -20px 0 0 -20px;
    position: absolute;
    top: 50%;
    width: 40px;
    -webkit-transition: .5s;
    transition: .5s;    
}

.sk-cube-grid .sk-cube {
    width: 33%;
    height: 33%;
    background-color: #fff;
    float: left;
    -webkit-animation: sk-cubeGridScaleDelay 1.3s infinite ease-in-out;
    animation: sk-cubeGridScaleDelay 1.3s infinite ease-in-out; 
}
.sk-cube-grid .sk-cube1 {
    -webkit-animation-delay: 0.2s;
    animation-delay: 0.2s; }
.sk-cube-grid .sk-cube2 {
    -webkit-animation-delay: 0.3s;
    animation-delay: 0.3s; }
.sk-cube-grid .sk-cube3 {
    -webkit-animation-delay: 0.4s;
    animation-delay: 0.4s; }
.sk-cube-grid .sk-cube4 {
    -webkit-animation-delay: 0.1s;
    animation-delay: 0.1s; }
.sk-cube-grid .sk-cube5 {
    -webkit-animation-delay: 0.2s;
    animation-delay: 0.2s; }
.sk-cube-grid .sk-cube6 {
    -webkit-animation-delay: 0.3s;
    animation-delay: 0.3s; }
.sk-cube-grid .sk-cube7 {
    -webkit-animation-delay: 0s;
    animation-delay: 0s; }
.sk-cube-grid .sk-cube8 {
    -webkit-animation-delay: 0.1s;
    animation-delay: 0.1s; }
.sk-cube-grid .sk-cube9 {
    -webkit-animation-delay: 0.2s;
    animation-delay: 0.2s; }

@-webkit-keyframes sk-cubeGridScaleDelay {
    0%, 70%, 100% {
        -webkit-transform: scale3D(1, 1, 1);
        transform: scale3D(1, 1, 1);
    } 35% {
        -webkit-transform: scale3D(0, 0, 1);
        transform: scale3D(0, 0, 1); 
    }
}

@keyframes sk-cubeGridScaleDelay {
    0%, 70%, 100% {
        -webkit-transform: scale3D(1, 1, 1);
        transform: scale3D(1, 1, 1);
    } 35% {
        -webkit-transform: scale3D(0, 0, 1);
        transform: scale3D(0, 0, 1);
    } 
}
/* 
=================================================================
07 - HEADER TOP CSS
=================================================================	
*/
section.lms-header-top-area {
    background: #FFFFFF;
}
.lms-header-top {
    font-family: 'Roboto', sans-serif;
}
.lms-header-top a {
    border-right: 1px solid #d9d9d9;
    display: inline-block;
    font-size: 18px;
    font-weight: 500;
    margin-right: 10px;
    padding: 12px 15px 12px 0;
    font-family: 'Raleway', sans-serif;
}
.lms-header-top a i {
    margin-right: 10px;
}
.login-register {
    float: right;
}
/* 
=================================================================
08 - HEADER CSS
=================================================================	
*/
.lms-logo a h2 {
    color: #fff;
    font-weight: 700;
    font-family: 'Roboto', sans-serif;
}
.lms-logo>a {
    display: inline-block;
    padding: 18px 0;
}
.lms-logo>a h2 {
    font-size: 50px;
}
/* 
=================================================================
09 - MAIN MENU CSS
=================================================================	
*/
.mobile-navigation {
    display: none;
}
.lms-mainmenu-area {
    margin-top: -40px;
    min-height: 70px;
    position: absolute;
    width: 100%;
    z-index: 99;
}
.main-menu-box {
    margin: 20px 0 0;
    min-height: 52px;
}
.lms-mainmenu ul li {
    display: inline-block;
    position: relative;
    border: 2px solid #00B1AE;
    -webkit-transition: .4s;
    transition: .4s
}
.lms-mainmenu ul li span {
    margin-left: 8px;
}
.lms-mainmenu ul li a {
    color: #fff;
    display: block;
    font-family: "Roboto", sans-serif;
    font-weight: 400;
    padding: 10px 16px;
    text-transform: uppercase;
    -webkit-transition: all 0.4s ease 0s;
    transition: all 0.4s ease 0s;
}
.lms-mainmenu ul li.current-page-item,.lms-mainmenu ul li:hover {
    border: 2px solid #fff;
}
.lms-mainmenu ul li:hover ul li:hover {
    border-color: #00B1AE;
}
.lms-mainmenu ul li:hover ul li a:hover {
    color: #34495e
}
.lms-mainmenu ul li ul {
    background-clip: padding-box;
    border: 5px solid rgba(44, 62, 80, 0.45);
    left: 0;
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    position: absolute;
    text-align: left;
    top: 105%;
    -webkit-transform: perspective(700px) rotateY(60deg);
    transform: perspective(700px) rotateY(60deg);
    -webkit-transform-origin: 0 0 0;
    transform-origin: 0 0 0;
    vertical-align: top;
    visibility: hidden;
    width: 260px;
    z-index: -9;
    -webkit-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s
}
.lms-mainmenu ul li:hover ul {
    opacity: 1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    visibility: visible;
    -webkit-transform: perspective(700px) rotateY(0deg);
    transform: perspective(700px) rotateY(0deg);
    z-index: 999999
}
.lms-mainmenu ul li ul li {
    display: block;
}
.lms-mainmenu ul li ul li a {
    padding: 5px 8px;
}
.right-col ul li a {
    padding: 42px 15px;
}
.lms-search-box {
    color: #fff;
    display: block;
    float: none;
    font-size: 23px;
    line-height: 35px;
    position: relative;
    text-align: center;
    top: 10px;
    width: 100%;
}
.lms-search-box:hover .lms-main-search {
    position: absolute;
    right: -15px;
    top: 50px;
    visibility: visible;
    width: 450px;
    z-index: 99;
    opacity: 1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"
}
.lms-main-search {
    visibility: hidden;
    position: absolute;
    right: -15px;
    width: 450px;
    top: 150px;
    -webkit-transition: all 0.4s ease 0.4s;
    transition: all 0.4s ease 0.4s;
    z-index: -99;
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    background: #fff;
    padding: 30px;
    text-align: center
}
.lms-main-search input[type="search"] {
    border: medium none;
    border-radius: 0;
    box-shadow: none;
    color: #00B1AE;
    font-size: 17px;
    margin: 0;
    padding: 5px 10px;
    width: 85%;
}
.lms-main-search input[type="submit"] {
    border: medium none;
    font-size: 17px;
    padding: 5px;
    text-indent: -99999px;
    width: 12%;
    margin: 0;
    height: 45px
}
.lms-main-search>form {
    border: 1px solid #000;
}
.main-search-left {
    border-color: rgba(44, 62, 80, 0.95) transparent;
    border-style: solid;
    border-width: 120px 73px 0 0;
    content: "";
    height: 100%;
    left: 0;
    overflow: visible;
    position: absolute;
    top: 0px;
    width: 60%;
    z-index: -999;
}
/* 
=================================================================
10 - SLIDER CSS
=================================================================	
*/
.slide-1 {
    background-image: url(../img/slide-1.jpg)
}
.slide-2 {
    background-image: url(../img/slide-2.jpeg)
}
.slide-3 {
    background-image: url(../img/slide-3.jpeg)
}
.main-slider-overlay {
    background: rgba(255, 255, 255, 0.8) none repeat scroll 0 0;
}
.lms-slider-area {
    position: relative;
}
.lms-main-slide {
    background-color: #ddd;
    background-position: center center;
    background-size: cover;
    height: 650px;
}
.main-slider-overlay {
    height: 100%;
    position: absolute;
    top: 0;
    width: 100%;
}
.lms-main-caption {
    display: table;
    height: 100%;
    width: 100%;
}
.lms-main-caption-cell {
    display: table-cell;
    text-align: left;
    vertical-align: middle;
}
.lms-slider-area .owl-nav div {
    border: 3px solid #00B1AE;
    color: #fff;
    font-size: 19px;
    height: 40px;
    left: 50px;
    line-height: 30px;
    margin-top: -20px;
    opacity: 0.8;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
    position: absolute;
    text-align: center;
    top: 50%;
    width: 40px;
    -webkit-transition: .4s;
    transition: .4s
}
.lms-slider-area .owl-nav div.owl-next {
    left: auto;
    right: 50px;
}
.main-slider .owl-prev:hover, .main-slider .owl-next:hover {
    background: none repeat scroll 0 0 !important;
    border: 3px solid #00B1AE;
    color: #00B1AE !important
}
.lms-main-caption h2 {
    font-size: 45px;
    font-weight: 700;
}
.lms-main-caption p {
    color: #2c3e50;
    font-family: "Roboto", sans-serif;
    font-size: 20px;
    font-weight: 400;
    letter-spacing: 1px;
    margin-bottom: 15px;
    margin-top: 15px;
    text-transform: lowercase;
}
/* 
=================================================================
11 - WHY CHOOSE US CSS
=================================================================	
*/
.why-choose-us-area {
    padding-bottom: 30px;
}
.why-choose-us h2,.why-choose-us .single-option>h2,.single-service h2 {
    font-family: 'Raleway', sans-serif;
    font-weight: 700
}
.why-choose-us .header-title h2 {
    margin-bottom: 25px;
    color: #fff;
}
.single-option {
    margin-bottom: 70px;
    overflow: hidden;
}
/* 
=================================================================
12 - OUR SERVICES CSS
=================================================================	
*/
.our-services-area {
    padding-bottom: 30px;
}
.single-service {
    margin-bottom: 70px;
    overflow: hidden;
}
.single-service h2 {
    color: #000;
    font-size: 30px;
    margin-bottom: 15px;
}
/* 
=================================================================
13 - LATEST COURSE CSS
=================================================================	
*/
.lms-courses-area {
    background: #fafafa none repeat scroll 0 0;
}
.course-image {
    background-position: center top;
    background-size: cover;
    height: 350px;
}
.course-meta {
    margin: 25px 0;
    overflow: hidden;
    margin-bottom: 0
}
.course-meta .category i {
    margin-right: 10px;
}
.category p {
    font-size: 15px;
}
.price {
    font-size: 25px;
    font-family: 'Raleway', sans-serif;
    font-weight: 700
}
.course-meta ul li {
    display: inline-block;
}
.course-meta ul li i {
    color: #ee8924;
    font-size: 18px;
}
.single-course>h2 {
    color: #000;
    font-size: 30px;
    margin-bottom: 35px;
}
.apply-now.lms-btn {
    border-color: #00B1AE;
    margin-top: 35px;
}
/* 
=================================================================
14 - LIVE CLASS CSS
=================================================================	
*/
.live-class-area {
    background: #00B1AE none repeat scroll 0 0;
}
.class-content {
    color: #fff;
}
.class-content>h2 {
    font-weight: normal;
    margin-bottom: 35px;
}
.class-content h2 strong {
    display: block;
}
.lms-btn.class-btn {
    background: #fdfdfd none repeat scroll 0 0;
    border-color: #fdfdfd;
    color: #00B1AE;
    margin-top: 35px;
}
.live-class-area .owl-nav div,.about-level-four .owl-nav div,.aside_test_slider .owl-nav div {
    background: #2c3e50 none repeat scroll 0 0;
    border: 3px solid #2c3e50;
    color: #fff;
    display: inline-block;
    font-size: 19px;
    height: 40px;
    line-height: 30px;
    opacity: 0.8;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
    position: absolute;
    right: 45px;
    text-align: center;
    -webkit-transition: all 0.4s ease 0s;
    transition: all 0.4s ease 0s;
    width: 40px;
}
.live-class-area .owl-nav div.owl-next,.about-level-four .owl-nav div.owl-next,.aside_test_slider .owl-nav div.owl-next {
    right: 0px;
}
.live-class-area .owl-nav div:hover,.lms-btn.class-btn:hover {
    background: #00B1AE;
    border-color: #2c3e50;
    color: #2c3e50
}
/* 
=================================================================
15 - NEWS PORTAL CSS
=================================================================	
*/
.news-portal-image {
    background-position: center top;
    background-size: cover;
    height: 240px;
}
.news-content {
    box-shadow: 3px 3px 7px #ddd;
    padding: 15px 30px;
}
.news-meta {
    color: #212121;
    font-size: 15px;
    margin-bottom: 7px;
}
.news-content .readmore {
    color: #a22631;
    display: inline-block;
    margin-top: 12px;
}
.lms-btn.news-btn {
    background: #00B1AE none repeat scroll 0 0;
    border-color: #00B1AE;
    font-family: 'Raleway', sans-serif;
    margin-top: 50px
}
.lms-btn.news-btn:hover {
    background: none
}
.news-letter-form .widget-mailchimb button:hover {
    background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
    border-color: #2c3e50;
    color: #2c3e50;
}
/* 
=================================================================
16 - NEWSLATTER CSS
=================================================================	
*/
.news-letter-form {
    background: rgba(0, 0, 0, 0) url("../img/bg-news-letter.jpg") no-repeat scroll center center;
    min-height: 646px;
    position: relative;
}
.news-letter-form .widget-mailchimb {
    bottom: 0;
    position: absolute;
    text-align: center;
}
.news-letter-form .widget-mailchimb h1 {
    margin-bottom: 20px;
    font-family: 'Raleway', sans-serif;
}
.news-letter-form .widget-mailchimb p {
    color: #666;
    font-size: 14px;
    line-height: 22px;
    margin-bottom: 30px;
}
.widget-mailchimb form {
    position: relative;
}
.widget-mailchimb #subscribe-email {
    width: 100%;
}
.news-letter-form .widget-mailchimb button {
    border-radius: 0;
    padding: 0 26px;
    position: absolute;
    right: 0;
    top: 5px;
}
/* 
=================================================================
17 - FOOTER CSS
=================================================================	
*/
footer.lms-footer-area {
    background: #00B1AE none repeat scroll 0 0;
    color: #fff;
    padding-bottom: 60px;
}
.lms-footer {
    overflow: hidden;
}
.lms-single-widget>h2 {
    font-size: 24px;
    margin-bottom: 15px;
    color: #fff
}
.lms-single-widget,.lms-single-widget p {
    font-size: 16px;
    font-weight: 500;
    font-family: 'Raleway', sans-serif;
    color: #e5e1e1
}
.lms-single-widget strong {
    color: #fff
}
.lms-single-widget a:hover {
    text-decoration: underline;
}
.lms-widget-contact input[type="text"],.lms-widget-contact input[type="email"] {
    float: left;
    height: auto;
    margin-bottom: 5px;
    padding: 10px;
    width: 48%;
}
.lms-widget-contact input[type="text"] {
    margin-right: 16px;
}
.lms-widget-contact textarea {
    min-height: 100px;
    margin: 0;
}
.lms-widget-contact input[type="submit"] {
    height: auto;
    line-height: normal;
    margin: 5px 0;
    padding: 8px 50px;
    width: auto;
}
.lms-social-profiles {
    margin-top: 20px;
}
.lms-social-profiles a i {
    font-size: 18px;
    padding: 5px 8px;
    -webkit-transition: all 0.4s ease 0s;
    transition: all 0.4s ease 0s;
    color: #fff;
}
.lms-copyright {
    border-top: 1px solid;
    margin-top: 30px;
    overflow: hidden;
    padding-top: 30px;
}
.lms-copyright a {
    font-size: 18px;
    margin-right: 15px;
    font-family: 'Raleway', sans-serif;
    font-weight: 600
}
.lms-copyright a i {
    margin-right: 5px;
}
.copyright-text p {
    font-weight: 500;
}
/* 
=================================================================
18 - MODAL CSS
=================================================================	
*/
.modal-content {
    background: #00B1AE none repeat scroll 0 0;
}
.modal-header .close {
    background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
    color: #fff;
    margin-top: -2px;
    opacity: 1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
}
.modal-title,.modal-body label {
    color: #fff;
}
.modal-body input {
    background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
    border: 2px solid #fff;
    color: #fff;
}
.modal-body input:focus {
    border-color: #fff;
    box-shadow: 0 0 0;
}
.btn.lms-btn.btn-danger {
    background: #d9534f none repeat scroll 0 0;
    border-color: #d9534f;
}
.modal-footer .btn.lms-btn {
    border: 1px solid;
}
/* 
=================================================================
19 - BACK TO TOP CSS
=================================================================	
*/
.btntoTop {
    width: 44px;
    height: 44px;
    position: fixed;
    bottom: 30px;
    right: 30px;
    background-color: #2c3e50;
    border: 2px solid #2c3e50;
    border-radius: 2px;
    text-align: center;
    line-height: 36px;
    cursor: pointer;
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    -webkit-transition: opacity 0.2s ease;
    transition: opacity 0.2s ease;
    z-index: 999
}
.btntoTop:before {
    content: "\f106";
    display: inline-block;
    vertical-align: middle;
    font: 20px'FontAwesome';
    color: #fff;
}
.btntoTop.active {
    opacity: 1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
}
.btntoTop.active:hover {
    background: none repeat scroll 0 0;
    border: 2px solid #2c3e50;
    opacity: 0.8;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
}
.btntoTop.active:hover.btntoTop:before {
    color: #2c3e50
}
/* 
=================================================================
20 - STICKY HEADER CSS
=================================================================	
*/
.sticky {
    -webkit-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
    position: static;
    background-color: #222;
    /*padding: 2.5vh 0;
    min-height: 10vh;
    */
}
.stuck {
    min-height: 0;
    padding: 0.5vh;
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 99;
}
/* 
=================================================================
21 - BREADCROUMB CSS
=================================================================	
*/
.lms-page-banner-area {
    /*background: rgba(0, 0, 0, 0) url("../img/banner.jpg") no-repeat fixed center / cover;*/
    background: aliceblue;
}
.lms-page-banner-area {
    height: auto;
    position: relative;
    color: #000;
    padding-bottom: 15px;
}
.page-banner-overlay {
    height: 100%;
    position: absolute;
    top: 0;
    width: 100%;
}
.lms-page-title {
    margin-top: 15px;
    text-transform: capitalize
}
.lms-page-title h2 {
    font-weight: 700;
    text-transform: none;
    font-size: 45px
}
.lms-page-title ul {
    margin-top: 20px;
}
.lms-page-title ul li {
    display: inline-block;
    font-style: italic;
    font-weight: 900;
    margin: 0 5px;
}
.lms-page-title ul li a {
    display: block;
}
.lms-page-title span {
    text-transform: capitalize;
}
/* 
=================================================================
22 - ABOUT PAGE CSS
=================================================================	
*/
.section-left .lms-section-title {
    text-align: left;
}
.about-us-content > figure {
    float: none;
}
.about-us-content img {
    border: 3px solid #3a99d7;
    float: left;
    margin-right: 20px;
    padding: 5px;
}
.about-us-content .header-title,.about-rightside-content .header-title,.about-level-three .header-title,.about-level-four .header-title {
    margin-bottom: 20px
}
.about-rightside-content ul {
    margin-top: 30px;
}
.about-rightside-content ul li span {
    border-radius: 5px 0 0 5px;
    border-right: 1px solid #ffffff;
    float: left;
    font-size: 14px;
    font-weight: 800;
    height: 38px;
    line-height: 38px;
    margin-top: 1px;
    padding: 0 0 0 4px;
    text-align: center;
    width: 50px;
}
.lms-progress-skill {
    border: 1px solid #f1f1f1;
    border-radius: 5px;
    box-shadow: none;
    height: 40px;
    line-height: normal;
    margin-bottom: 15px;
}
.lms-progress-skill .lms-bar {
    border-radius: 5px;
    box-shadow: none;
    font-weight: 800;
    line-height: 36px;
    text-align: left;
    text-indent: 15px;
    text-shadow: none;
    text-transform: uppercase;
    -webkit-transition: width 1s ease 0s;
    transition: width 1s ease 0s;
}
.lms-progress-skill:hover .lms-bar {
    cursor: pointer;
    -webkit-transition: all 0.35s ease 0s;
    transition: all 0.35s ease 0s;
}
.about-page-choose>ul {
    padding-left: 20px;
}
.about-page-choose ul li {
    margin: 10px 0;
}
.about-page-choose ul li a {
    font-family: "Raleway", sans-serif;
    font-weight: 400;
    padding: 5px 0;
    -webkit-transition: all 0.4s ease 0s;
    transition: all 0.4s ease 0s;
}
.about-page-choose ul li a i {
    margin-right: 10px
}
.about-rightside-content ul li span {
    background: #555 none repeat scroll 0 0;
    color: #fff
}
.lms-progress-skill .lms-bar {
    background: #3a99d7 none repeat scroll 0 0;
    color: #fff
}
.lms-about-two {
    background: #eee none repeat scroll 0 0;
}
.single-testimonial {
    background: #fff none repeat scroll 0 0;
    border-bottom: 5px solid #3a99d7;
    border-top: 5px solid #3a99d7;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding: 20px;
    width: 100%;
}
.single-testimonial img {
    border-radius: 50%;
    width: 100px !important;
}
.text {
    margin: 0;
    padding-left: 125px;
    position: relative;
}
.text>figure {
    height: 100px;
    left: 0;
    margin-top: -50px;
    position: absolute;
    top: 50%;
}
.client_name span {
    color: #3a99d7;
    font-style: italic;
    font-weight: 900;
    margin-left: 10px;
}
/* 
=================================================================
23 - COURSE GRID PAGE CSS
=================================================================	
*/
.single-all-course {
    box-shadow: 0 0 5px #ddd;
    margin-bottom: 30px;
    -webkit-transition: all 0.4s ease 0s;
    transition: all 0.4s ease 0s;
    display: inline-block
}
.single-all-course:hover {
    box-shadow: 0px 0px 15px #c7c7c7
}
.lms-loop-image {
    position: relative;
    overflow: hidden;
}
.lms-course-image {
    background-size: cover;
    height: 240px;
    width: 100%;
}
.item-2 {
    margin-bottom: 31px;
}
.lms-loop-desc {
    background: #fff none repeat scroll 0 0;
    overflow: hidden;
    padding: 15px;
    position: relative;
    z-index: 1;
}
#appart_course .lms-loop-desc {
    padding: 15px 15px 0;
}
.lms-loop-desc:after {
    content: "";
    height: 100%;
    left: 0;
    opacity: 0.2;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=20)";
    position: absolute;
    top: -123px;
    -webkit-transform: skewY(-34deg);
    transform: skewY(-34deg);
    width: 100%;
    z-index: -1;
}
.lms-loop-desc>h3 {
    font-weight: 900;
    margin: 10px 0;
    text-transform: capitalize;
}
.lms-loop-desc ul li {
    display: inline-block;
    padding: 0 15px;
}
.lms-loop-desc span {
    display: block;
    line-height: 15px
}
.lms-comment ul {
    text-align: center;
    margin-top: 10px
}
.lms-comment ul li {
    border-right: 1px solid #ddd;
    display: inline-block;
    margin: 0;
    padding: 0 10px;
}
.lms-comment ul li:last-child {
    border-right: 0px solid #ddd
}
.lms-comment span {
    color: #999;
    font-size: 16px;
    font-weight: 700;
}
.lms-rating ul {
    text-align: left;
    margin: 0
}
.lms-rating ul li {
    margin: 0 2px;
    padding: 0
}
.lms-rating i {
    color: #ffb606;
}
.course-overlay-1 {
    position: absolute;
    text-align: center;
    top: 43%;
    width: 100%;
    z-index: 9;
    visibility: hidden;
    -webkit-transform: scale(.02);
    transform: scale(.02);
    -webkit-transform-origin: center;
    transform-origin: center;
    -webkit-transition: all 0.4s ease 0s;
    transition: all 0.4s ease 0s;
}
.course-overlay-2 {
    position: absolute;
    top: 0;
    width: 100%;
    height: 100%;
    visibility: hidden;
    -webkit-transform: scale(.02);
    transform: scale(.02);
    -webkit-transform-origin: center;
    transform-origin: center;
    -webkit-transition: all 0.4s ease 0s;
    transition: all 0.4s ease 0s;
}
.course-overlay-1>a {
    border: 3px solid #00B1AE;
    display: inline-block;
    font-weight: 500;
    padding: 8px 15px;
    font-family: 'Raleway', sans-serif;
    text-transform: uppercase;
    -webkit-transition: all 0.4s ease 0s;
    transition: all 0.4s ease 0s;
    color: #fff
}
.course-overlay-1>a:hover {
    background: transparent none repeat scroll 0 0;
    color: #fff
}
.course-overlay-2 {
    background: rgba(51, 51, 51, 0.54) none repeat scroll 0 0;
}
.course-price {
    color: #fff;
    font-weight: 900;
    height: auto;
    left: -45px;
    line-height: 20px;
    overflow: hidden;
    padding: 13px 15px;
    position: absolute;
    text-align: center;
    top: -11px;
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
    width: 140px;
    z-index: 9;
    padding-top: 35px;
}
.course-price p {
    font-size: 20px;
}
.course-price .course-price-1:before,.course-price .course-price-1:after {
    content: " ";
    height: 0;
    position: absolute;
    width: 0;
}
.lms-loop-image:hover .course-overlay-1 {
    visibility: visible;
    -webkit-transform: scale(1.0);
    transform: scale(1.0);
}
.lms-loop-image:hover .course-overlay-2 {
    visibility: visible;
    -webkit-transform: scale(1.0);
    transform: scale(1.0);
}
.loop_2 .owl-next {
    background: #ffb606 none repeat scroll 0 0 !important;
    border-radius: 0 !important;
    font-size: 27px !important;
    height: 50px;
    width: 50px;
    line-height: 35px;
    border: 3px solid #ffb606;
    color: #fff !important;
    -webkit-transition: all 0.4s ease 0s;
    transition: all 0.4s ease 0s;
}
.loop_2 .owl-prev {
    background: #ffb606 none repeat scroll 0 0 !important;
    border-radius: 0 !important;
    font-size: 27px !important;
    height: 50px;
    width: 50px;
    line-height: 35px;
    border: 3px solid #ffb606;
    color: #fff !important;
    -webkit-transition: all 0.4s ease 0s;
    transition: all 0.4s ease 0s;
}
.loop_2 .owl-next:hover {
    background: transparent !important;
    color: #000 !important
}
.loop_2 .owl-prev:hover {
    background: transparent !important;
    color: #000 !important
}
/* 
=================================================================
24 - COURSE SIDEBAR PAGE CSS
=================================================================	
*/
.top-for-ul {
    border-bottom: 1px solid #ddd;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-bottom: 30px;
    margin-top: 0;
}
.top-for-ul #myTab_2 {
    width: 50%;
    float: left
}
.nav.nav-tabs {
    margin: 0 20px;
}
.top-for-ul ul {
    border-bottom: 0 none;
    margin: 0 !important;
}
.nav-tabs>li {
    margin-right: 10px;
}
.nav-tabs>li.active>a,.nav-tabs>li.active>a:focus,.nav-tabs>li.active>a:hover {
    border-style: solid;
    border-width: 1px;
}
.top-for-ul form {
    float: right;
    width: 50%;
    text-align: right
}
.top-for-ul form select {
    border: 1px solid #ddd;
    height: 40px;
    padding: 5px;
    -webkit-transition: all 0.4s ease 0s;
    transition: all 0.4s ease 0s;
    cursor: pointer;
    margin-right: 10px
}
.top-for-ul form select:hover {
    border: 1px solid #00B1AE;
}
option {
    border-bottom: 1px solid #ddd;
    padding: 5px;
}
/* 
=================================================================
25 - COURSE SINGLE PAGE CSS
=================================================================	
*/
.lms-single-course>h2 {
    color: #00B1AE;
    font-weight: 700;
    text-transform: capitalize;
}
.lms-single-course ul {
    margin: 20px 0;
}
.lms-single-course ul li {
    border-color: #ddd;
    border-style: solid;
    border-width: 0 1px 0 0;
    display: inline-block;
    padding-left: 20px;
    padding-right: 20px;
    vertical-align: top
}
.lms-single-course ul li:last-child {
    border-width: 0
}
.course-teacher {
    float: left;
    margin-right: 15px;
}
.teacher-details {
    float: right;
}
.course-teacher img {
    height: 55px;
    width: 70px;
}
.teacher-details h4 a {
    font-size: 17px;
    font-weight: 800;
    padding: 0;
    text-transform: uppercase;
    word-spacing: 4px;
}
.lms-single-course a {
    font-weight: 800;
}
.lms-single-course ul li span {
    margin: 0px 1px
}
.course-desc ul li span i {
    font-size: 18px;
    margin-right: 3px;
}
.lms-single-featured {
    margin: 30px 0;
}
.lms-single-featured > figure {
    float: none;
}
.lms-single-featured img {
    height: 360px;
    width: 100%;
}
.course-desc>h3 {
    font-weight: 800;
    text-transform: capitalize;
}
.course-desc>p {
    margin-top: 15px;
}
.course-desc {
    margin-bottom: 40px;
}
.course-desc ul li {
    display: block;
    margin: 5px 0;
    border-right: 0px none
}
.course-desc ul li a {
    font-weight: 700;
    text-transform: capitalize
}
#single-course {
    margin: 0
}
#single-course li {
    margin: 0;
    padding: 0
}
.tabs {
    margin-top: 25px;
}
.level-1-syllabus ul li {
    box-shadow: 0 0 2px #ddd;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin: 0;
    padding: 10px 20px;
    -webkit-transition: all 0.4s ease 0s;
    transition: all 0.4s ease 0s
}
.level-1-syllabus ul li:last-child {
    box-shadow: 0 0 2px #ddd;
}
.level-1-syllabus ul li:hover {
    box-shadow: 0 0 4px #aaa;
}
.syllabus-left {
    width: 60%;
    text-align: left
}
.syllabus-right {
    width: 40%;
    text-align: right
}
.syllabus-right a {
}
.single-course-join {
    box-shadow: 0 0 6px #aaa;
}
.lms-course-join {
    margin-bottom: 30px;
    text-align: center
}
.single-course-join>h3 {
    margin: 0;
    padding: 20px 0;
    font-weight: 800
}
.no-bg {
    border-left: 3px solid #00B1AE;
    font-size: 17px;
    font-weight: 700;
    padding: 20px 0;
    text-transform: capitalize;
    -webkit-transition: all 0.4s ease 0s;
    transition: all 0.4s ease 0s
}
.no-bg {
    background: #eee none repeat scroll 0 0;
}
.no-bg:hover {
    padding-left: 15px
}
.bg {
    border-right: 3px solid #00B1AE;
    font-size: 17px;
    font-weight: 700;
    padding: 20px 0;
    text-transform: capitalize;
    -webkit-transition: all 0.4s ease 0s;
    transition: all 0.4s ease 0s
}
.bg {
    background: #fff none repeat scroll 0 0;
}
.bg:hover {
    padding-left: 15px
}
.single-course-join ul li a {
    display: block;
    padding: 20px 0;
    font-size: 17px;
    font-weight: 700;
    font-weight: 900;
    text-transform: uppercase;
    -webkit-transition: all 0.4s ease 0s;
    transition: all 0.4s ease 0s;
}
.single-course-join ul li a:hover {
    padding: 20px 0
}
.single-course-join>h3 {
    background: #3a99d7 none repeat scroll 0 0;
    color: #fff;
}
.single-course-join ul li a {
    background: #252b2b none repeat scroll 0 0;
    color: #fff
}
/* 
=================================================================
26 - PAGINATION CSS
=================================================================	
*/
.lms-pagination>ul {
    text-align: center;
    margin-top: 50px
}
.lms-pagination li {
    display: inline-block;
    margin: 0 1px;
}
.lms-pagination a {
    border: 1px solid #00B1AE;
    border-radius: 50%;
    display: block;
    font-size: 17px;
    font-weight: 800;
    height: 40px;
    line-height: 18px;
    padding: 10px;
    text-align: center;
    -webkit-transition: all 0.4s ease 0s;
    transition: all 0.4s ease 0s;
    width: 40px;
}
.lms-pagination ul>.active>a,.lms-pagination a:hover {
    color: #fff
}
/* 
=================================================================
27 - TEACHERS PAGE CSS
=================================================================	
*/
.teacher_area figure:hover:before {
    height: 85%;
}
.teacher_area figure:hover figcaption {
    height: 111px;
    top: 85%;
    border-right: 3px solid #ffffff;
}
.teacher_area figure:hover figcaption:before {
    border-bottom: 30px solid #00B1AE;
    top: -18%;
}
.teacher_area figure:hover figcaption h6 {
    color: #fff;
}
.teacher_area figure:hover .teacher_social i {
    opacity: 1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    filter: alpha(opacity=100);
    visibility: visible;
    display: inline-block;
}
.single-teacher {
    margin-bottom: 25px;
    overflow: hidden;
}
.teacher_area figure {
    border-right: 5px solid #ffffff;
    position: relative;
    margin-bottom: 72px;
}
.teacher_area figure img {
    border-radius: 35px 0 30px 0;
    margin-left: 1px;
    border-right: 5px solid #ffffff;
    width: 100%;
}
.teacher_area figure:before {
    content: "";
    position: absolute;
    left: 1px;
    top: 0;
    width: 100%;
    height: 100%;
    background-color: transparent;
    z-index: 9;
    border: 6px solid #fff;
    border-radius: 30px 0 30px 0;
}
.teacher_area figure figcaption {
    position: absolute;
    height: 70px;
    width: 100%;
    background-color: #22313f;
    top: 100%;
    left: 0;
    border-left: 6px solid #fff;
    border-radius: 0 0 30px 0;
    text-align: center;
    border-right: 3px solid #ffffff;
}
.teacher_area figure figcaption:before {
    position: absolute;
    content: "";
    top: -31%;
    right: 0;
    width: 0;
    height: 0;
    border-left: 30px solid transparent;
    border-bottom: 30px solid #22313f;
}
.teacher_area_table {
    display: table;
    width: 100%;
    height: 100%;
}
.teacher_area_cell {
    display: table-cell;
    height: 100%;
    vertical-align: middle;
}
.teacher_area figure figcaption h4 {
    color: #fff;
    font-size: 16px;
    text-transform: uppercase;
    padding-bottom: 10px;
}
.teacher_area figure figcaption h6 {
    color: #b4b4b4;
    font-size: 12px;
    font-family: 'Open Sans', sans-serif;
    font-weight: 300;
}
.teacher_social {
    padding-top: 10px;
}
.teacher_social i {
    width: 30px;
    height: 30px;
    line-height: 30px;
    font-size: 14px;
    background-color: #fff;
    border-radius: 50%;
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    filter: alpha(opacity=0);
    display: none;
    visibility: hidden;
}
.teacher_area .section_hedings {
    margin-bottom: 60px;
    margin-left: 20px;
}
.section_hedings,.section_hedings_white {
    font-size: 30px;
    text-transform: uppercase;
    font-family: 'Poppins', sans-serif;
    padding-bottom: 30px;
}
.section_hedings span,.section_hedings_white span {
    color: #00B1AE;
}
/* 
=================================================================
28 - 404 PAGE CSS
=================================================================	
*/
.notfound {
    text-align: center;
}
.notfound h1 {
    font-size: 100px;
    font-weight: 900;
    margin: 30px 0;
}
/* 
=================================================================
29 - TEACHER SINGLE PAGE CSS
=================================================================	
*/
.detail-page {
    float: left;
    padding: 0 70px;
    width: 100%;
}
.detail-page.team-single {
    padding: 0;
}
.member-intro {
    display: table;
    float: left;
    margin-bottom: 45px;
}
.member-intro-description {
    display: table-cell;
    padding-right: 100px;
    vertical-align: middle;
}
.member-intro-description>h2 {
    float: left;
    font-size: 26px;
    font-weight: 700;
    margin-bottom: 5px;
    width: 100%;
}
.personal-info {
    font-size: 13px;
    margin-bottom: 20px;
    padding: 0;
}
.personal-info li strong {
    color: #666666;
    float: left;
    text-transform: uppercase;
    width: 40%;
}
.member-intro .connected {
    background: #f9f9f9 none repeat scroll 0 0;
    margin: 0;
    padding: 30px 75px;
    position: relative;
    width: calc(100% + 150px);
}
.connected {
    float: left;
    margin-top: 20px;
    width: 100%;
}
.connected strong {
    color: #666666;
    float: left;
    font-family: poppins;
    font-size: 13px;
    font-weight: 500;
    margin-right: 15px;
    margin-top: 4px;
    text-transform: uppercase;
}
.connected a {
    color: #767676;
    float: left;
    font-size: 15px;
    text-align: center;
    width: 25px;
}
.member-img {
    display: table-cell;
    vertical-align: top;
}
.member-img img {
    max-width: none;
}
.member-intro-description>p {
    margin: 20px 0;
}
/* 
=================================================================
30 - COMING SOON PAGE CSS
=================================================================	
*/
.coming_soon_counter {
    border: 2px solid #00B1AE;
    padding: 40px 0;
    position: relative;
    text-align: center;
}
.coming_soon_counter ul.countdown li {
    display: inline-block;
    width: 23%;
}
.coming_soon_counter ul.countdown li span {
    border-radius: 100%;
    color: #fff;
    display: inline-block;
    font-size: 30px;
    height: 100px;
    line-height: 100px;
    margin: 0 0 14px;
    width: 100px;
}
.coming_soon_counter ul.countdown li p {
    font-size: 20px;
    text-transform: capitalize;
}
.lms-social-profiles>h4 {
    margin-bottom: 20px;
    text-transform: uppercase;
    word-spacing: 5px;
}
.coming_soon_counter .lms-social-profiles a i {
    color: #fff;
}
.coming_soon_counter .lms-social-profiles a i:hover {
    background: #2c3e50;
    color: #00B1AE
}
/* 
=================================================================
31 - BLOG PAGE CSS
=================================================================	
*/
.lms-single-blog {
    margin-bottom: 30px;
}
.blog-image {
    background-image: url(../img/blog-01.jpg);
}
.single-blog-image {
    background-position: center center;
    background-size: cover;
    height: 300px;
    position: relative;
}
.single-blog-meta {
    bottom: 0;
    left: 0;
    padding: 10px 15px;
    position: absolute;
    width: 100%;
}
.single-post-author {
    color: #fff;
    float: left;
    text-transform: capitalize;
}
.single-blog-meta>ul {
    float: right;
}
.single-blog-meta ul li {
    color: #fff;
    display: inline;
    margin: 0 8px;
}
.single-blog-meta i {
    margin-right: 8px;
}
.single-blog-link {
    height: 100%;
    left: 0;
    position: relative;
    top: 0;
    -webkit-transform: scale(0);
    transform: scale(0);
    -webkit-transition: all 0.8s ease 0s;
    transition: all 0.8s ease 0s;
    width: 100%;
    z-index: 1
}
.single-blog-link:after {
    content: "";
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: -1;
    opacity: .5;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
}
.lms-single-blog:hover .single-blog-link {
    -webkit-transform: scale(1);
    transform: scale(1)
}
.lms-single-blog:hover .lms-btn.blog-read-more {
    border-color: #fff
}
.lms-btn.blog-read-more {
    height: 50px;
    left: 50%;
    margin: -25px 0 0 -75px;
    position: absolute;
    top: 50%;
    width: 150px;
}
.single-post-contents {
    color: #fff;
    margin: 20px 0;
    overflow: hidden;
}
.single-content {
    background: #bdc3c7 none repeat scroll 0 0;
    color: #2c3e50;
    padding: 20px;
}
.single-content h2 a {
    color: #2c3e50;
    display: block;
    font-size: 18px;
    margin-bottom: 15px;
}
.single-post-contents .date {
    border: 3px solid #2c3e50;
    padding: 10px 0;
    text-align: center;
}
.date p {
    color: #fff;
    font-size: 18px;
}
/* 
=================================================================
32 - BLOG SINGLE PAGE CSS
=================================================================	
*/
.lms_blog_outer_wrap {
    border-bottom: 1px solid #f4f4f4;
    padding-bottom: 50px;
}
.lms_blog_detail_outer_wrap {
    float: left;
    width: 100%;
    position: relative;
}
.lms_blog_detail_top {
    float: left;
    width: 100%;
    position: relative;
    margin: 0px 0px 30px;
}
.lms_blog_detail_top h4 {
    margin: 0px 0px 20px;
    color: #222222;
    text-transform: uppercase;
}
.lms_blog_detail_top ul {
    float: left;
    width: 100%;
    padding: 10px;
    background-color: #f4f4f4;
}
.lms_blog_detail_top ul li {
    display: inline-block;
    position: relative;
    border-right: 1px solid #d5d5d5;
    padding-right: 20px;
    margin-right: 20px;
}
.lms_blog_detail_top ul li img {
    display: inline-block;
    vertical-align: top;
    margin-right: 15px;
    padding-top: 3px;
}
.lms_blog_detail_top ul li p {
    display: inline-block;
    margin: 0px;
}
.lms_blog_detail_top ul li p span {
    color: #666666;
    display: block;
    line-height: normal;
    font-weight: 600;
    font-size: 12px;
}
.lms_blog_detail_top ul li p span:nth-child(1) {
    font-size: 11px;
    margin: 0px 0px 3px;
}
.lms_blog_detail_top ul li p span:nth-child(2) {
    color: #666666;
    text-transform: uppercase;
}
.lms_blog_detail_top>a {
    display: inline-block;
    color: #fff;
    text-transform: uppercase;
    position: absolute;
    right: 0px;
    bottom: 0px;
    height: 57px;
    padding: 0px 25px;
    line-height: 56px;
}
.lms_blog_detail_top>a:hover {
    background-color: #222222;
}
.lms_blog_detail_des,.lms_blog_detail_des_list,.lms_blog_detail_tag {
    float: left;
    width: 100%;
    position: relative;
}
.lms_blog_detail_des figure {
    margin: 0px 0px 15px;
}
.lms_blog_detail_des figure img {
    width: 100%;
    height: auto;
}
.lms_blog_detail_des p {
    margin: 0px 0px 15px;
}
.lms_blog_detail_des_list {
    margin: 0px 0px 25px;
}
.lms_blog_detail_des_list h5 {
    text-transform: uppercase;
    font-weight: normal;
    margin: 0px 0px 15px;
}
.lms_blog_detail_des_list p {
    margin: 0px 0px 20px;
}
.page ul {
    float: left;
    width: 100%;
}
.page ul li {
    width: 100%;
    position: relative;
    padding: 6px 0 6px 30px;
    color: #777777;
    font-weight: 500;
}
.page ul li:before {
    content: "\f0a9";
    position: absolute;
    font-family: fontawesome;
    top: 6px;
    left: 0px;
    width: auto;
    height: auto;
}
.lms_blog_detail_tag {
    padding: 25px 0px;
    border-bottom: 1px solid #f4f4f4;
    border-top: 1px solid #f4f4f4;
}
.lms_blog_detail_tag h5 {
    text-transform: uppercase;
    font-weight: normal;
    display: inline-block;
    float: left;
    padding: 3px 10px 0px 0px;
}
.lms_blog_detail_tag ul {
    float: left;
    width: auto;
}
.lms_blog_detail_tag ul li {
    display: inline-block;
    position: relative;
}
.lms_blog_detail_tag ul li a {
    display: block;
    text-transform: capitalize;
    font-size: 12px;
    border: 1px solid #e8e8e8;
    padding: 6px 15px;
    color: #777;
}
.lms_blog_author {
    padding: 25px 0px;
    border-bottom: 1px solid #f4f4f4;
}
.lms_blog_author,.lms_author_des {
    float: left;
    width: 100%;
}
.lms_blog_author h5 {
    text-transform: uppercase;
    font-weight: normal;
    margin: 0px 0px 15px;
}
.lms_author_des {
    background-color: #f4f4f4;
    padding: 25px 20px;
}
.lms_author_des figure {
    width: 145px;
}
.lms_author_des figure img {
    width: 100%;
    height: auto;
}
.lms_author_detail {
    float: none;
    padding: 0px 0px 0px 160px;
    width: auto;
}
.lms_author_detail>h6 {
    text-transform: uppercase;
    display: inline-block;
    font-weight: 600;
    margin-right: 10px;
    margin-bottom: 10px;
}
.lms_author_detail span {
    display: inline-block;
}
.lms_author_detail p {
    line-height: 26px;
}
.lms_share_link {
    float: left;
    width: 100%;
}
.lms_share_link h6 {
    color: #777777;
    margin-right: 15px;
    display: inline-block;
}
.lms_share_link ul {
    display: inline-block;
    position: relative;
    width: auto;
}
.lms_share_link ul li {
    display: inline-block;
    position: relative;
}
.lms_share_link ul li a {
    display: block;
    color: #777777;
    margin: 0px 8px;
}
/* 
=================================================================
33 - COMMENTS CSS
=================================================================	
*/
.lms_comment_list_wrap {
    float: left;
    width: 100%;
    position: relative;
}
.lms_comment_list_wrap ul {
    float: left;
    width: 100%;
}
.lms_comment_list_wrap ul li {
    float: left;
    width: 100%;
    position: relative;
    padding: 25px 0 13px;
    border-bottom: 1px solid #f8f8f8;
}
.lms_comment_list_wrap ul li:last-child {
    border-bottom: 0px;
    padding-bottom: 0px;
}
.lms_comment_list_wrap>ul>li:first-child {
    padding-top: 0px;
}
.lms_comment_wrap {
    float: left;
    width: 100%;
    position: relative;
}
.lms_comment_wrap figure {
    width: 90px;
    float: left;
    position: relative;
}
.lms_comment_wrap figure img {
    width: 100%;
    height: auto;
}
.lms_comment_des {
    float: none;
    width: auto;
    padding: 0px 0px 0px 110px;
}
.lms_comment_des h6 {
    display: inline-block;
    margin: 0px 0px 10px;
}
.lms_comment_des h6>a {
    display: inline-block;
    font-size: 15px;
    color: #222222;
    text-transform: uppercase;
}
.lms_comment_des>a {
    display: inline-block;
    float: right;
    font-size: 14px;
    font-weight: 600;
}
.lms_comment_des>a i {
    margin-right: 10px;
}
.lms_comment_date {
    float: right;
    position: relative;
}
.lms_comment_date span,.lms_comment_date a {
    color: #aaa9a9;
    font-size: 14px;
    margin-left: 5px;
    display: inline-block;
}
.lms_comment_date span:first-of-type {
    margin-left: 0px;
}
.lms_comment_list_wrap ul ul {
    padding-left: 140px;
    margin: 0px;
    border-top: 1px solid #f8f8f8;
    margin-top: 10px;
}
.lms_comment_list_wrap ul ul li {
    border: 0px;
    padding-bottom: 0px;
}
/* 
=================================================================
34 - POST COMMENTS CSS
=================================================================	
*/
.lms_post_comment_wrap.lms_blog_author {
    padding-bottom: 0px;
}
.lms_post_comment_wrap {
    float: left;
    width: 100%;
    position: relative;
    padding: 25px 0px 60px;
    border-bottom: 0px;
}
.lms_commet_field {
    float: left;
    width: 100%;
    position: relative;
}
.lms_commet_field input[type="text"],.lms_commet_field input[type="email"] {
    width: 100%;
    height: 45px;
    border: 1px solid #d3d3d3;
    margin: 0px 0px 25px;
    padding: 8px 30px 8px 10px;
    background-color: #f7f8f7;
}
.lms_commet_field textarea {
    width: 100%;
    min-height: 210px;
    border: 1px solid #d3d3d3;
    padding: 8px 30px 8px 10px;
    margin: 0px 0px 25px;
    background-color: #f7f8f7;
}
.lms_commet_field input[type="submit"],.lms_commet_field button {
    border: 0 none;
    color: #fff;
    font-size: 16px;
    font-weight: bold;
    line-height: 15px;
    padding: 9px 40px;
    text-transform: uppercase;
    font-family: 'Raleway', sans-serif;
}
/* 
=================================================================
35 - RELATED POST CSS
=================================================================	
*/
.lms_related_blog {
    float: left;
    width: 100%;
    position: relative;
    padding: 50px 0px 30px;
}
.lms_related_blog h5 {
    text-transform: uppercase;
    margin: 0px 0px 20px;
}
/* 
=================================================================
36 - SIDEBAR CSS
=================================================================	
*/
.aside_margin_bottom {
    margin: 0px 0px 30px;
}
.lms_aside_outer_wrap,.lms_aside_search_wrap,.lms_aside_search_wrap form {
    float: left;
    width: 100%;
    position: relative;
}
.lms_aside_search_wrap form input[type="text"] {
    width: 100%;
    height: 50px;
    border: 1px solid #ececec;
    padding: 8px 50px 8px 15px;
}
/* 
=================================================================
36.1 - CATEGORY CSS
=================================================================	
*/
.lms_aside_category,.lms_aside_category ul,.lms_aside_post_wrap,.lms_aside_post_wrap ul,.lms_aside_fea_properties,.lms_aside_fea_properties ul {
    float: left;
    width: 100%;
    position: relative;
    z-index: 10;
}
.lms_detail_hdg h5 {
    font-size: 20px;
    margin-bottom: 25px;
    padding-bottom: 15px;
    position: relative;
}
.lms_detail_hdg h5:before {
    content: "";
    position: absolute;
    bottom: 0px;
    left: 0px;
    width: 70px;
    height: 4px;
}
.lms_aside_category ul li {
    display: inline-block;
    width: 100%;
    position: relative;
    border-bottom: 1px solid #efefef;
    z-index: 10;
}
.lms_aside_category ul li:before {
    content: "\f105";
    font-family: fontawesome;
    position: absolute;
    width: auto;
    height: auto;
    top: 9px;
    left: 0px;
    font-size: 18px;
}
.lms_aside_category ul li:first-child:before {
    top: -2px;
}
.lms_aside_category ul li:first-child a {
    padding-top: 0px;
}
.lms_aside_category ul li a {
    display: inline-block;
    color: #333333;
    font-weight: 500;
    padding: 12px 0px 12px 18px;
}
.lms_aside_category ul li:first-child span {
    padding-top: 3px;
}
.lms_aside_category ul li span {
    float: right;
    padding-top: 6px;
}
.lms_aside_category ul li:hover:before {
    padding-left: 8px;
}
.lms_aside_category ul li:hover a {
    padding-left: 25px;
}
.lms_aside_category ul li:hover span {
    padding-right: 10px;
}
/* 
=================================================================
36.2 - FEATURED POST CSS
=================================================================	
*/
.lms_aside_post_wrap ul li {
    border-bottom: 1px solid #efefef;
    padding: 12px 0px;
    width: 100%;
    display: inline-block;
    z-index: 10;
}
.lms_aside_post_wrap ul li:first-child {
    padding-top: 0px;
}
.lms_aside_post_wrap ul li figure {
    width: 80px;
    float: left;
    overflow: hidden;
    position: relative;
}
.lms_aside_post_wrap ul li figure:before {
    content: "";
    position: absolute;
    top: 0px;
    left: 0px;
    right: 0px;
    bottom: 0px;
    border: 3px solid;
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    z-index: 10;
    -webkit-transition: .5s;
    transition: .5s
}
.lms_aside_post_wrap ul li:hover figure:before {
    opacity: 1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
}
.lms_aside_post_wrap ul li figure img {
    width: 100%;
    height: auto;
}
.lms_aside_post_des {
    float: none;
    padding: 0px 0px 0px 90px;
    width: auto;
}
.lms_aside_post_des h6>a {
    display: block;
    font-size: 16px;
    color: #222222;
    margin: 0px 0px 6px;
    font-weight: 300;
}
.lms_aside_post_des p {
    margin: 0px 0px 6px;
}
.lms_aside_post_des p,.lms_aside_post_des span {
    color: #999999;
}
.lms_aside_post_des i {
    margin-right: 8px;
    float: left;
    margin-top: 2px;
}
.lms_aside_post_des span {
    display: block;
    font-weight: 300;
    font-size: 12px;
}
/* 
=================================================================
36.3 - LATEST PROJECT CSS
=================================================================	
*/
.lms_aside_fea_properties ul li {
    float: left;
    width: 32%;
    overflow: hidden;
    position: relative;
}
.lms_aside_fea_properties ul li:before {
    content: "";
    position: absolute;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
    border: 3px solid;
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    z-index: 10;
}
.lms_aside_fea_properties ul li a {
    display: block;
}
.lms_aside_fea_properties ul li a img {
    width: 100%;
    height: auto;
}
.lms_aside_fea_properties ul li:hover:before {
    opacity: 1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
}
/* 
=================================================================
36.4 - POPULAR COURSE CSS
=================================================================	
*/
.lms_popular_course>ul {
    float: left;
    width: 100%;
}
.lms_popular_course>ul>li {
    position: relative;
    width: 100%;
    margin: 0px 0px 15px;
    float: left;
}
.lms_popular_course ul li figure {
    float: left;
    width: 80px;
}
.lms_proj_des {
    padding: 0px 0px 0px 95px;
    float: none;
    width: auto;
}
.lms_proj_des>a {
    color: #222;
    display: block;
    font-size: 15px;
    font-weight: 500;
    margin: 0px 0px 6px;
}
.lms_proj_des span {
    font-size: 11px;
    color: #000;
    float: left;
    margin-right: 8px;
    line-height: normal
}
.lms_proj_des>ul {
    float: left;
    width: auto;
}
.lms_proj_des ul li {
    display: inline-block;
    width: 100%;
}
.lms_proj_des ul li a {
    display: inline-block;
    color: #efb467;
}
/* 
=================================================================
36.5 - TESTIMONIALS CSS
=================================================================	
*/
.lms_aside_testimonial,.lms_popular_course,.lms_aside_tag {
    position: relative;
    z-index: 10;
    float: left;
    width: 100%;
}
.lms_aside_testimonial ul {
    float: left;
    width: 100%;
    background-color: #f4f4f4;
}
.lms_aside_testimonial ul li {
    position: relative;
    width: 100%;
    float: left;
    padding: 20px;
}
.lms_aside_testimonial ul li h6 {
    font-size: 14px;
    color: #222222;
    font-weight: 500;
}
.lms_aside_testimonial ul li h6 span {
    color: #444444;
    display: inline-block;
    font-size: 12px;
}
.lms_aside_testimonial #bx-pager {
    float: left;
    width: 100%;
    position: relative;
    text-align: center;
}
.lms_aside_testimonial #bx-pager a {
    display: inline-block;
    border-radius: 100%;
    margin: 0px 5px;
}
/* 
=================================================================
36.6 - TAGS CSS
=================================================================	
*/
.lms_aside_tag ul {
    float: left;
    width: 100%;
}
.lms_aside_tag ul li {
    position: relative;
    display: inline-block;
    margin: 0px 3px 7px 0px;
}
.lms_aside_tag ul li a {
    border: 1px solid #e8e8e8;
    color: #777;
    display: block;
    font-size: 14px;
    padding: 6px 15px;
    text-transform: capitalize;
}
.lms_aside_tag ul li:nth-child(3n+3) a {
    margin-right: 0px;
}
.lms_aside_search_wrap form input[type="submit"],.lms_aside_search_wrap form button {
    background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
    color: #999999;
    height: auto;
    line-height: 48px;
    position: absolute;
    right: 0;
    text-align: center;
    top: 5px;
    width: auto;
}
/* 
=================================================================
37 - CONTACT PAGE CSS
=================================================================	
*/
.flat-contact-form .wrap-type-input {
    overflow: hidden;
}
.flat-contact-form label.error {
    font-size: 11px;
    font-style: italic;
    color: #ffaa30;
    margin-top: -15px;
}
.comment-respond.style2 input[type="text"] {
    margin-bottom: 30px;
}
.contact .comment-form .name-container,.flat-contact-form .input-wrap.name {
    width: 32%;
    float: left;
    margin-right: 2%;
}
.flat-contact-form .input-wrap:before,.flat-contact-form .textarea-wrap:before {
    content: "\f007";
    font-family: "FontAwesome";
    font-size: 14px;
    line-height: 23px;
    position: absolute;
    top: 13px;
    left: 15px;
    color: #bcbcbc;
}
.flat-contact-form textarea {
    padding: 16px 21px;
    height: 200px;
    margin-bottom: 23px;
    max-width: 669px;
}
.flat-contact-form.style2 input[type="text"],.flat-contact-form.style2 input[type="email"] {
    padding-left: 45px;
    padding-top: 15px;
}
.flat-contact-form.style2 #name {
    padding-left: 36px;
}
.flat-contact-form.style2 textarea {
    max-width: 100%;
    height: 220px;
    padding-left: 44px;
}
.flat-contact-form.style2 .input-wrap:before,.flat-contact-form.style2 .textarea-wrap:before {
    top: 14px;
    left: 19px;
}
.flat-contact-form .submit-wrap button {
    padding: 0px 25px;
    line-height: normal;
}
.flat-contact-form .textarea-wrap:before {
    content: "\f075";
}
.flat-contact-form .input-wrap.Subject:before {
    content: "\f084";
}
.flat-contact-form .input-wrap.email:before {
    content: "\f0e0";
}
.contact .comment-form .email-container,.flat-contact-form .input-wrap.email {
    float: left;
    width: 32%;
}
.contact .comment-form .subject-container,.flat-contact-form .input-wrap.Subject {
    float: right;
    width: 32%;
}
.flat-contact-form .input-wrap,.flat-contact-form .textarea-wrap {
    position: relative;
}
.contact-content {
    text-align: center;
    border: 2px solid #e5e5e5;
    -webkit-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}
.contact-content:hover {
    -ms-box-shadow: 0 0 15px rgba(0, 0, 0, 0.06);
    -o-box-shadow: 0 0 15px rgba(0, 0, 0, 0.06);
    box-shadow: 0 0 15px rgba(0, 0, 0, 0.06);
    -webkit-transform: translateY(-10px);
    transform: translateY(-10px);
}
.contact-content .contact-address {
    padding: 53px 40px 59px;
    position: relative;
}
.contact-address .style1 img {
    margin-top: -128px;
}
.contact-address .style1 img:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 90px;
    height: 90px;
    background: yellow;
    border: 1px solid #000;
}
.contact-content .details h5 {
    font-family: "montserrat", sans-serif;
    font-size: 20px;
    color: #333333;
    line-height: 25px;
    margin-bottom: 17px;
}
.contact-content .details p {
    margin-bottom: 1px;
}
.flat-contact .mail {
    font-size: 30px;
    line-height: 30px;
    color: #fff;
}
.flat-contact .phcol {
    font-size: 60px;
    line-height: 60px;
    color: #f96868;
    font-weight: 900;
    margin-bottom: 24px;
}
.flat-contact .address {
    font-size: 24px;
    line-height: 24px;
    color: #4d4d4d;
}
.comment-respond.style2 h1.comment-title {
    margin: 30px 0;
    text-align: center;
    color: #2c3e50;
    text-transform: uppercase
}
.comment-respond.style2 h1.comment-title span {
    color: #00B1AE;
}
select,textarea,input[type="text"],input[type="password"],input[type="datetime"],input[type="datetime-local"],input[type="date"],input[type="month"],input[type="time"],input[type="week"],input[type="number"],input[type="email"],input[type="url"],input[type="search"],input[type="tel"],input[type="color"] {
    border: 1px solid #e5e5e5;
    color: #333333;
    font-size: 14px;
    height: 50px;
    line-height: 19px;
    margin-bottom: 20px;
    max-width: 100%;
    padding: 12px 35px 12px 20px;
    -webkit-transition: all 0.3s ease-in-out 0s;
    transition: all 0.3s ease-in-out 0s;
    width: 100%;
}
.lms-btn.contact-btn:hover {
    color: #2c3e50
}
/* 
=================================================================
38 - COLOR CHNAGING CSS
=================================================================	
*/
.lms-mainmenu ul li ul,header.lms-header-area,.lms-slider-area .owl-nav div,.lms-btn,.why-choose-us-area,button,input[type="button"],input[type="reset"],input[type="submit"],.course-price,.course-overlay-1>a,.lms-loop-desc:after,.lms-pagination ul>.active>a,.lms-pagination a:hover,.teacher_area figure:hover figcaption,.coming_soon_counter ul.countdown li span,.coming_soon_counter .lms-social-profiles a i,.single-blog-link:after,.single-blog-meta,.single-post-contents .date,.lms_blog_detail_top>a,.lms_detail_hdg h5:before {
    background-color: #00B1AE;
}
.lms-header-top a,.lms-main-caption h2,.header-title h2 span,.price,.news-letter-form .widget-mailchimb h1,.single-course-widget a:hover,.teacher-desc-price>span,.teacher_social i,.member-intro-description>span,.personal-info>li,.coming_soon_counter ul.countdown li p,.lms_blog_detail_tag ul li:hover a,.lms_aside_tag ul li:hover a,.lms_comment_des h6>a:hover,.lms_aside_post_des h6>a:hover,.lms_aside_post_des span,.lms_aside_category ul li:hover a,.lms_aside_search_wrap form input[type="submit"]:hover,.lms_aside_search_wrap form button:hover,.lms-single-course ul li span,.syllabus-right a,.teacher-details h4 a:hover,.lms-single-course a:hover {
    color: #00B1AE;
}
.nav-tabs>li.active>a,.nav-tabs>li.active>a:focus,.nav-tabs>li.active>a:hover,.bg {
    border-color: #00B1AE;
}

.page,
.page p {
    font-size: 14.0pt;
    font-family: Calibri,sans-serif;
}

.page p {
    margin: 0cm 0cm 8pt;
}

.page a {
    color: #00b1ae;
    text-decoration: underline;
}

.page a:hover {
    color: inherit;
    -webkit-transition: .4s;
    transition: .4s;
    text-decoration: none;
}

.submenu {
    margin-left: 30px;
}