/*
:: Template Name: EduCamp - LMS Template for Courses & Education
:: Template URL: https://wrapbootstrap.com/theme/educamp-lms-template-for-courses-education-WB0416745
:: Description: EduCamp is a Unique and Elegant HTML Template. It's suitable for Education and Learning Center. This template is best suited for your online    web presence. It has 100% responsive design and tested on all major handheld devices.
:: Template Author Name: MD NAZRUL ISLAM
:: Template Author URL: https://wrapbootstrap.com/user/DesigningWorld
:: Version: 2.2.0
:: Last Upadated: 01-07-2018
*/

/* [Master Stylesheet]
    * 1.0 Import Fonts & CSS Files
    * 2.0 Base CSS
    * 3.0 Header Area CSS
        * 3.1 Top Header Area CSS
        * 3.2 Main Header Area CSS
    * 4.0 Welcome Area CSS
    * 5.0 Course Search Area CSS
    * 6.0 Awesome Feature Area CSS
    * 7.0 Popular Coureses Area CSS
    * 8.0 About Us Area CSS
    * 9.0 Upcoming Events Area CSS
    * 10.0 Cool Facts Area CSS
    * 11.0 All Courses Collection Area CSS
    * 12.0 Our Teachers Area CSS
    * 13.0 Testimonial Area CSS
    * 14.0 Blog Area CSS
    * 15.0 Video Area CSS
    * 16.0 FAQ CSS
    * 17.0 Download App Area CSS
    * 18.0 Footer Area CSS
        * 18.1 footer bottom area css
    * 19.0 Bredcumb Area CSS
    * 20.0 Course List Area CSS
    * 21.0 Our Teacher Area CSS
    * 22.0 Blog Area CSS
        * 22.1 Single Blog Area CSS
        * 22.2 Blog Comments Area CSS
        * 22.3 Blog Contact Form Area CSS
    * 23.0 404 Area CSS
    * 24.0 Gallery Area CSS
    * 25.0 Our Courses Catagory CSS
    * 26.0 Contact Us Area CSS
    * 27.0 Courses Details Area CSS
    * 28.0 About Us Area CSS
    * 29.0 Teacher Details Area CSS
    * 30.0 Register Area CSS
    * 31.0 Code of Contact Area CSS
    * 32.0 Sidebar Area CSS
    * 33.0 Miscellaneous CSS
*/

/*
* 1.0 Import Fonts & CSS Files
*/

@import url('https://fonts.googleapis.com/css2?family=Maven+Pro:wght@400;500;600;700;800&display=swap');
@import 'css/bootstrap.min.css';
@import 'css/owl.carousel.min.css';
@import 'css/classy-nav.css';
@import 'css/magnific-popup.css';
@import 'css/animate.css';
/* @import 'css/font-awesome.min.css'; */
@import 'css/et-line.css';

/*
* 2.0 Base CSS
*/

* {
    margin: 0;
    padding: 0;
}

h1,
h2,
h3,
h4,
h5,
h6 {
    font-weight: 300;
    font-family: 'Maven Pro', sans-serif;
    color: #000;
}

.h1, h1 {
    font-size: 34px;
}

body,
p {
    color: #2c3e50;
    font-family: 'Maven Pro', sans-serif;
}

a,
a:hover,
a:focus {
    -webkit-transition: all 500ms ease 0s;
    transition: all 500ms ease 0s;
    text-decoration: none;
    outline: none;
    font-weight: 400;
    color: #000;
    font-family: 'Maven Pro', sans-serif;
}

ol,
ul {
    margin: 0;
}

ol li,
ul li {
    list-style: outside none none;
}

img {
    height: auto;
    max-width: 100%;
}

.table {
    display: table;
    z-index: 9;
    width: 100%;
    height: 100%;
    margin-bottom: 0;
}

.table_cell {
    display: table-cell;
    vertical-align: middle;
}

.section_heading {
    margin-bottom: 50px;
    max-width: 600px;
}

.section_heading h2 {
    font-size: 2.5em;
    margin-left: -2px;
}

.section_heading > img {
    margin-bottom: 15px;
}

.section_padding_100 {
    padding: 100px 0;
}

.section_padding_100_70 {
    padding: 100px 0 70px 0;
}

.section_padding_50_20 {
    padding: 500px 0 20px 0;
}

.section_padding_60 {
    padding: 60px 0;
}

.section_padding_100_50 {
    padding-top: 100px;
    padding-bottom: 50px;
}

.section_padding_50 {
    padding: 50px 0;
}

.m-top-50 {
    margin-top: 50px;
}

.m-bottom-50 {
    margin-bottom: 50px;
}

#preloader {
    overflow: hidden;
    background-color: #fff;
    background-image: url(img/core-img/preloader.gif);
    background-repeat: no-repeat;
    background-position: center center;
    height: 100%;
    left: 0;
    position: fixed;
    top: 0;
    width: 100%;
    display: none;
    z-index: 9999999999;
}

#scrollUp {
    background-color: #555;
    bottom: 30px;
    color: #fff;
    font-size: 24px;
    padding: 0;
    right: 30px;
    border-radius: 50%;
    width: 50px;
    height: 50px;
    text-align: center;
    line-height: 48px;
    box-shadow: 0 0 20px rgba(0, 0, 0, 0.2);
}

/*
* 3.0 Header Area CSS
*/

.header_area {
    height: auto;
    position: relative;
    width: 100%;
    z-index: 1000;
}

/*
* 3.1 Top Header Area CSS
*/

.top_header_area {
    background-color: #333;
    width: 100%;
    font-size: 14px;
    padding: 15px;
}
.top_header_area a {
    color: #FFF;
}
.top_quote > p {
    color: #fff;
    margin: 0;
}

.login_register a {
    margin-right: 15px;
    color: #fff;
}

.language_area button,
.language_area button:focus {
    border: 0 solid transparent;
    border-radius: 0;
    color: #fff;
    background-color: #00BCD4;
    -webkit-transition-duration: 500ms;
    transition-duration: 500ms;
    padding: 13px 15px;
    cursor: pointer;
}

.dropdown-menu li a {
    padding: 5px 15px;
    display: block;
    font-size: 13px;
    color: #000;
}

/*
* 3.2 Main Header Area CSS
*/

.logo_area {
    padding: 29px 0;
}

.main_header_area {
    background-color: #fff;
    height: 90px;
    width: 100%;
}

.search_button,
.mainmenu {
    display: inline-block;
}

.classy-navbar {
    width: 100%;
    height: 90px;
    padding: 0.5em 0;
}

.classynav ul li a {
    text-transform: capitalize;
    font-size: 16px;
    font-weight: 400;
}

.classynav ul li a {
    padding: 0 7px;
}
.classynav ul li a:hover {
    font-size: 16px;
}
/*
* 4.0 Welcome Area CSS
*/

.welcome_area {
    position: relative;
    z-index: 1;
    overflow: hidden;
}

.single_slide {
    position: relative;
    z-index: 1;
    background-position: center center;
    background-size: cover;
    height: 700px;
}

.single_slide:before {
    position: absolute;
    z-index: 9;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    /* background-color: rgba(17, 17, 17, 0.3); */ 
    background-color: rgba(174, 174, 174, 0.14);
    content: "";
}

.single_slide .slide_text {
    position: absolute;
    width: 100%;
    left: 0;
    top: 0;
    height: 100%;
    z-index: 999;
}

.single_slide .slide_text h2 {
    color: #fff;
    font-size: 31px;
    font-weight: 500;
    margin-bottom: 20px;
    margin-left: -2px;
    padding: 1px;
    text-shadow: 1px 1px 9px black;
}

.single_slide .slide_text p {
    color: #fff;
    font-size: 1.5em;
    font-weight: 300;
    margin-bottom: 30px;
}

.welcome-btn {
    border: 2px solid #fff;
    color: #fff;
    display: inline-block;
    font-size: 18px;
    margin: 0;
    padding: 12px 36px;
    border-radius: 30px;
}
.imagehome {
    min-height: 200px;
    text-shadow: 1px 1px 4px black;
    background-position: center !important;
    background-size: cover! important;
    background: url('img/gallery/family-3043408_640.jpg');
}
.welcome-btn i {
    padding-left: 10px;
}

.welcome-btn:hover,
.welcome-btn:focus {
    background-color: #169bbe;
    color: #fff;
    border: 2px solid #169bbe;
}

.welcome-btn2 {
    border: 2px solid #fff;
    color: #fff;
    display: inline-block;
    font-size: 18px;
    margin: 0;
    padding: 15px 50px;
    border-radius: 30px;
    background-color: #ff0068;
}

.welcome-btn2 i {
    padding-left: 10px;
}

.welcome-btn2:hover,
.welcome-btn2:focus {
    background-color: #ff0068;
    color: #fff;
    border: 2px solid #ff0068;
}


.welcome_area .owl-dot {
    width: 10px;
    height: 10px;
    top: -100px;
}

/*
* 5.0 Course Search Area CSS
*/

.search_text h2 {
    font-size: 2.5em;
    margin-bottom: 15px;
    margin-left: -2px;
}

.keyword,
.options,
.submit-btn {
    height: 50px;
}

.search_thumb_area img {
    border-radius: 10px;
}

/*
* 6.0 Awesome Feature Area CSS
*/

.single_feature {
    padding: 100px 20px;
    text-align: center;
    -webkit-transition-duration: 500ms;
    transition-duration: 500ms;
    width: 25%;
    display: inline-block;
    float: left;
    background-color: #009688;
    overflow: hidden;
}

.feature_img i {
    font-size: 4em;
    color: #fff;
    margin-bottom: 15px;
}

.single_feature .feature_text h5 {
    color: #fff;
    font-size: 1.5em;
    margin-bottom: 0;
}
.prezzo h5 {
    font-size: 21px;
}
.color {
    color: #000;
    font-weight: 500;
}
.single_option {
    padding: 30px 25px 20px !important;
    border-radius: 10px !important;
}
.prezzoscont {
    color: white;
    font-size: 25px;
    font-weight: 600 !important;
}
/*
* 7.0 Popular Coureses Area CSS
*/

.popular_coureses_area {
    position: relative;
    z-index: 2;
}

.single_courses {
    margin-bottom: 30px;
    -webkit-transition-duration: 500ms;
    transition-duration: 500ms;
}

.single_courses_desc {
    padding: 20px 0 20px 0;
    position: relative;
    z-index: 1;
    background-color: #fff;
}

.single_courses .title {
    padding: 0 25px;
}

.single_courses .title > a {
    font-size: 1.25em;
    margin-bottom: 15px;
}

.single_courses .title > a:hover {
}

.price_rating_area {
    padding: 5px 30px;
    -webkit-transition-duration: 500ms;
    transition-duration: 500ms;
    background-color: #fff;
}

.price_rating_area .price span {
    font-size: 1.5em;
}

.price_rating_area .rating {
    font-size: 14px;
    color: #ff9800;
}

.price_rating_area .rating span {
    font-size: 13px;
    color: #888;
}

.single_courses_thumb {
    padding: 5px;
    background-color: #fff;
    position: relative;
    z-index: 1;
}

.upcoming_events_slides .single_courses,
.single_courses:hover {
    background-color: #fff;
    box-shadow: 10px 14px 14px rgba(0, 0, 0, 0.075);
}

.courses_badge > span {
    background: #009688;
    clear: both;
    color: #fff;
    display: block;
    float: left;
    font-size: 12px;
    height: 22px;
    line-height: 22px;
    margin: 0 0 5px;
    padding: 0 1px 0 10px;
    position: absolute;
    text-align: center;
    z-index: 2;
    top: 30px;
    left: 5px;
}

.courses_badge > span:before {
    border-color: #009688 transparent #009688 #009688;
    border-style: solid;
    border-width: 11px 6px;
    content: "";
    height: 100%;
    position: absolute;
    right: -15px;
    top: 0;
    width: 15px;
    z-index: 1;
}

.popular_coureses_slides .owl-dot.active:before {
    display: none;
}

.popular_coureses_slides .owl-dot.active {
    background-color: #ff0068;
}

.popular_coureses_slides .owl-dot {
    background-color: #fff;
    width: 50px;
    height: 5px;
    border-radius: 0;
}

/*
* 8.0 About Us Area CSS
*/

.about_cool_facts.cool_facts_area {
    padding: 100px 0 70px 0;
}

.bg-gray {
    background-color: #f6f6f6;
}

.about_us_image,
.about_us_content {
    position: relative;
    z-index: 1;
    background-position: center center;
    background-size: cover;
}

.about_us_image img {
    width: 100%;
}

.about_us_content {
    padding: 100px;
}

.about_us_content h2 {
    font-size: 2.5em;
}

.single_service_area {
    margin-top: 50px;
}

.single_service {
    width: 100%;
    text-align: center;
    border-right: 2px solid #ddd;
}

.single_service:last-of-type {
    border-right: 0;
}

.single_service i {
    font-size: 3em;
    color: #5b5b5b;
    margin-bottom: 15px;
}

/*
* 9.0 Upcoming Events Area CSS
*/

.upcoming_events_slides .owl-prev,
.upcoming_events_slides .owl-next {
    width: 100px;
    height: 100px;
    position: absolute;
    background-color: #009688;
    bottom: 200px;
    text-align: center;
    color: #fff;
    font-size: 50px;
    left: -130px;
    line-height: 100px;
    -webkit-transition-duration: 500ms;
    transition-duration: 500ms;
}

.upcoming_events_slides .owl-prev {
    bottom: 100px !important;
    left: -230px !important;
}


.upcoming_events_slides .owl-prev:hover,
.upcoming_events_slides .owl-next:hover {
    background-color: #00BCD4;
}

/*
* 10.0 Cool Facts Area CSS
*/

.cool_facts_area {
    padding: 90px 0 70px;
    background-color: #5b5b5b;
}

.cool_fact_text {
    margin-bottom: 30px;
    position: relative;
    text-align: center;
    z-index: 1;
}

.cool_fact_text:after {
    border-right: 1px dashed #fff;
    color: #fff;
    content: "";
    height: 100%;
    position: absolute;
    right: -15px;
    top: 0;
    width: 1px;
    z-index: 9;
}

.cool_facts_area .col-12:last-child .cool_fact_text:after {
    border-right: none;
}

.cool_fact_text > i {
    font-size: 3em;
    margin-bottom: 15px;
    color: #fff;
}

.cool_fact_text > h3,
.cool_fact_text > h4 {
    color: #fff
}

/*
* 11.0 All Courses Collection Area CSS
*/

.single_course_collection {
    border-radius: 10px;
    background-size: cover;
    background-position: center center;
    position: relative;
    z-index: 1;
    margin-bottom: 30px;
}

.single_course_collection a {
    padding: 50px 15px;
    text-align: center;
    display: block;
    position: relative;
    z-index: 1;
}

.single_course_collection:after {
    background-color: #009688;
    width: 100%;
    height: 100%;
    z-index: -1;
    top: 0;
    left: 0;
    content: '';
    position: absolute;
    border-radius: 10px;
    opacity: 0.9;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=90)";
    -webkit-transition-duration: 500ms;
    transition-duration: 500ms;
}

.single_course_collection:hover:after {
    opacity: 1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
}

.single_course_collection p {
    margin-bottom: 0;
    color: #fff;
}

.single_course_collection h4 {
    color: #fff;
}

.all_collection_area .col-sm-6:first-child .single_course_collection:after {
    background-color: #3F51B5;
}

.all_collection_area .col-sm-6:nth-child(2) .single_course_collection:after {
    background-color: #E91E63;
}

.all_collection_area .col-sm-6:nth-child(3) .single_course_collection:after {
    background-color: #00BCD4;
}

.all_collection_area .col-sm-6:nth-child(4) .single_course_collection:after {
    background-color: #2196F3;
}

.all_collection_area .col-sm-6:nth-child(5) .single_course_collection:after {
    background-color: #9C27B0;
}

.all_collection_area .col-sm-6:nth-child(6) .single_course_collection:after {
    background-color: #F44336;
}

.all_collection_area .col-sm-6:nth-child(7) .single_course_collection:after {
    background-color: #FFC107;
}

.all_collection_area .col-sm-6:last-child .single_course_collection:after {
    background-color: #4CAF50
}

/*
* 12.0 Our Teachers Area CSS
*/

.single_teacher_profile {
    position: relative;
    text-align: center;
    z-index: 1;
}

.single_teacher_details_info > h5 {
    margin: 0 0 10px;
    color: #2c3e50;
    font-size: 16px;
}

.single_teacher_details_info {
    padding: 15px;
    position: relative;
    z-index: 1;
    border: 1px solid #f6f6f6;
    -webkit-transition-duration: 500ms;
    transition-duration: 500ms;
}

.single_teacher_details_info > p {
    margin: 0;
}

.teacher_social_info {
    background-color: #009688;
    bottom: 0;
    height: 100%;
    left: 0;
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    filter: alpha(opacity=0);
    position: absolute;
    -webkit-transition-duration: 700ms;
    transition-duration: 700ms;
    width: 100%;
}

.teacher_social_info .social_icon > a {
    border: 1px solid #fff;
    display: inline-block;
    height: 30px;
    width: 30px;
    border-radius: 50%;
    -webkit-transition-duration: 500ms;
    transition-duration: 500ms;
    color: #fff;
}

.teacher_social_info .social_icon > a:hover {
    border: 1px solid #2c3e50;
    color: #2c3e50;
}

.teacher_social_info .social_icon {
    height: 100%;
    left: 0;
    margin-top: -15px;
    position: absolute;
    top: 50%;
    width: 100%;
    z-index: 99;
}

.teacher_social_info .social_icon > a > i {
    padding: 7px;
}

.single_teacher_profile:hover .single_teacher_details_info {
    border: 1px solid #009688;
}

.single_teacher_profile:hover .teacher_social_info {
    opacity: 1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    filter: alpha(opacity=100);
}

.single_teacher_profile:hover .teacher_social_info .social_icon > a:nth-child(1) {
    -webkit-animation: fadeInUp 500ms ease-in-out;
    animation: fadeInUp 500ms ease-in-out;
}

.single_teacher_profile:hover .teacher_social_info .social_icon > a:nth-child(2) {
    -webkit-animation: fadeInUp 700ms ease-in-out;
    animation: fadeInUp 700ms ease-in-out;
}

.single_teacher_profile:hover .teacher_social_info .social_icon > a:nth-child(3) {
    -webkit-animation: fadeInUp 900ms ease-in-out;
    animation: fadeInUp 900ms ease-in-out;
}

.single_teacher_profile:hover .teacher_social_info .social_icon > a:nth-child(4) {
    -webkit-animation: fadeInUp 1000ms ease-in-out;
    animation: fadeInUp 1000ms ease-in-out;
}

/*
* 13.0 Testimonial Area CSS
*/

.testimonial_area {
    position: relative;
    z-index: 1;
}

.single_testimonial {
    opacity: 0.5;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)"
}

.testimonial_area .center .single_testimonial {
    opacity: 1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"
}

.testimonial_text > p {
    margin: 0;
}

.testimonial_text > h5 {
    margin-bottom: 10px;
    padding: 30px 0 0;
}

.testimonial_thumb {
    margin: 0 auto 30px;
    width: 80px;
}

.testimonial_area .center .testimonial_thumb {
    box-shadow: 10px 7px 12px rgba(0, 0, 0, 0.1);
    border-radius: 50%;
}

.testimonial_thumb img {
    border-radius: 50%;
}

.owl-dot {
    background-color: #fff;
    border-radius: 50%;
    display: inline-block;
    height: 10px;
    margin: 0 5px;
    width: 10px;
    position: relative;
    z-index: 1;
}

.owl-dots {
    text-align: center;

}
.single_special_service .fa {
    color: #5b5b5b;
}
.testimonial_area .owl-dots {
    margin-top: 30px;
}

.owl-dot.active {
    background-color: #1e88e5;
}

.owl-dot.active:before {
    border: 1px solid #1e88e5;
    border-radius: 50%;
    content: "";
    height: 16px;
    left: -3px;
    position: absolute;
    top: -3px;
    width: 16px;
    z-index: 9;
}

/*
* 14.0 Blog Area CSS
*/

.single_latest_news_area {
    margin-bottom: 30px;
    box-shadow: 0 5px 20px rgba(0, 0, 0, 0.15);
}

.single_latest_news_img_area {
    position: relative;
    width: 100%;
    z-index: 1;
}

.single_latest_news_img_area img {
    width: 100%;
}

.single_latest_news_area .single_latest_news_img_area .published_date {
    left: 15px;
    bottom: 15px;
}

.published_date {
    position: absolute;
    text-align: center;
    width: 70px;
}

.published_date p.date {
    background: #2bcaf2 none repeat scroll 0 0;
    color: #fff;
    font-size: 24px;
    margin: 0;
    padding: 12px 0;
}

.published_date p.month {
    background: #fff none repeat scroll 0 0;
    font-size: 15px;
    margin: 0;
    padding: 10px 0;
    color: #313131;
}

.single_latest_news_text_area {
    padding: 30px;
}

.single_latest_news_text_area .news_title a {
    font-size: 20px;
    margin-bottom: 15px;
    display: block;
}

.single_latest_news_area:hover .news_title a {
    color: #009688;
}

.blog-btn {
    padding: 0.5em 2em;
    border: 2px solid #ddd;
    border-radius: 30px;
    transition-duration: 700ms;
}

.blog-btn i {
    padding-left: 10px;
}

.blog-btn:hover,
.blog-btn:focus {
    border: 2px solid #000;
}

/*
* 15.0 Video Area CSS
*/

.video_play_area {
    position: absolute;
    z-index: 1;
    width: 100%;
    height: 485px;
    background-color: #009688;
    /* bottom: -100px;
    right: -100px; */
}

.video_play_button {
    background-color: #169bbe;
    border: 5px solid #fff;
    border-radius: 50%;
    height: 60px;
    width: 60px;
    position: absolute;
    top: 50%;
    z-index: 99;
    left: 50%;
    margin-left: -30px;
    margin-top: -30px;
    box-shadow: 3px 2px 3px rgba(0, 0, 0, 0.10);
}

.video_play_button i {
    color: #fff;
    cursor: pointer;
    display: block;
    font-size: 20px;
    height: 100%;
    left: 50%;
    margin-left: -6px;
    margin-top: -10px;
    position: absolute;
    top: 50%;
    width: 100%;
    z-index: 999;
}

/*
* 16.0 FAQ CSS
*/

.single-accordion {
    margin-bottom: 20px;
}

.single-accordion:last-of-type {
    margin-bottom: 0px;
}

.single-accordion h5 a {
    background-color: transparent;
    border: 1px solid #ddd;
    color: #009688;
    display: block;
    font-weight: 300;
    padding: 15px 45px 15px 20px;
    position: relative;
    text-transform: capitalize;
}

.single-accordion h5 a.collapsed {
    background-color: transparent;
    color: #2c3e50;
}

.single-accordion h5 a span {
    position: absolute;
    right: 20px;
    top: 0px;
    font-weight: 300;
    height: 100%;
    font-size: 24px;
    line-height: 230%;
}

.single-accordion h5 a.collapsed span.accor-close {
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    filter: alpha(opacity=0);
}

span.accor-open {
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    filter: alpha(opacity=0);
}

.single-accordion h5 a.collapsed span.accor-open {
    opacity: 1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    filter: alpha(opacity=100);
}

.single-accordion h5 {
    margin-bottom: 0;
    text-transform: uppercase;
}

.single-accordion .accordion-content {
    border: 1px solid #ddd;
    border-top: 0 solid transparent;
}

.single-accordion .accordion-content p {
    padding: 20px 20px 10px;

    font-weight: 400;
}

.basic_contact_area {
    padding: 30px;
    width: 100%;
    background-color: #f1f1f1;
}

.basic_contact_area > h5 {
    color: #2c3e50;
    margin-bottom: 30px;
    text-align: center;
    text-transform: uppercase;
    font-size: 16px;
}

.basic_contact_area .basic_contact_form .form-group > input#name,
.basic_contact_area .basic_contact_form .form-group > input#phone {
    display: inline-block !important;
    height: 50px;
    margin-right: 15px;
    width: calc(50% - 10px);
    margin-bottom: 15px;
    box-shadow: none!important;
}

.basic_contact_area .basic_contact_form .form-group > input#phone {
    margin-right: 0;
}

.basic_contact_area .basic_contact_form .form-group > input,
.basic_contact_area .basic_contact_form .form-group > textarea,
.basic_contact_area .basic_contact_form form button {
    background: #fff none repeat scroll 0 0;
    border: 1px solid transparent;
    height: 50px;
    border-radius: 4px;
    padding: 15px;
    width: 100%;
    color: #888;
    box-shadow: none!important;
    -webkit-transition-duration: 500ms;
    transition-duration: 500ms;
}

.basic_contact_area .basic_contact_form .form-group > input:focus,
.basic_contact_area .basic_contact_form .form-group > textarea:focus {
    border: 1px solid #009688;
}

.basic_contact_area .basic_contact_form button:hover {
    background-color: #009688;
    color: #fff;
}

.basic_contact_area .basic_contact_form .form-group > textarea {
    height: 150px;
}

/*
* 17.0 Download App Area CSS
*/

.download_app_area {
    background-position: center center;
    background-size: cover;
    position: relative;
    z-index: 1;

}

.download_app_area:after {
    background-color: rgba(134, 133, 133, 0.5);
    position: absolute;
    z-index: -1;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    content: '';
}

.download_app_content h2 {
    font-size: 2.5em;
    font-weight: 100;
    color: #fff;
    margin-bottom: 50px;
}

/*
* 18.0 Footer Area CSS
*/

.footer_area {
    background-color: #FFF;
    position: relative;
    z-index: 1;
    box-shadow: 0 0 3px 0 rgba(0, 0, 0, 0.1);
}

.footer_upcoming_event .title > h4,
.footer_contact_info .title > h4,
.footer_about_us .title > h4,
.important_links .title > h4 {
    text-transform: capitalize;
}

.footer_upcoming_event .underline,
.footer_contact_info .underline,
.footer_about_us .underline,
.important_links .underline {
    background-color: #179abe;
    height: 3px;
    margin-bottom: 30px;
    width: 80px;
}

.important_links .links > a {
    display: block;
    margin-bottom: 5px;
}

.important_links .links > a:hover {
    color: #000;
}

.important_links .links > a i {
    padding-right: 10px;
}

.footer_single_contact_info > i {
    color: #5b5b5b;
    font-size: 20px;
    position: absolute;
    top: 5px;
    left: 0;
    z-index: 1;
}

.footer_single_contact_info > a,
.footer_single_contact_info > p {
    display: block;
    margin-left: 30px;
}

.footer_single_contact_info {
    margin-bottom: 15px;
    position: relative;
    z-index: 1;
}

.footer-single-part {
    margin-bottom: 30px;
}

/*
* 18.1 footer bottom area css
*/

.footer_bottom_area {
    /* background-color: #179abe; */
    background: linear-gradient(90deg, rgb(158 226 235) 0%, rgb(36 201 245) 50%, #8ee7c6 100%);
}

.footer_bottom {
    padding: 30px 0;
    text-align: center;
}

.footer_bottom p,
.footer_bottom p > a {
    margin: 0;
    color: #ffffff;
    font-size: 15px;
    font-weight: 500;
}

/*
* 19.0 Bredcumb Area CSS
*/

.breadcumb_area {
    width: 100%;
    background-size: cover;
    background-position: center center;
    position: relative;
    z-index: 1;
}

.breadcumb_area:after {
    content: "";
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: -1;
    background-color: rgba(0, 0, 0, 0.5)
}

.breadcumb_section {
    position: relative;
    margin-top: 0;
    width: 100%;
    height: 240px;
}

.page_title {
    display: inline-block;
    left: 0;
    margin-top: -24px;
    position: absolute;
    top: 50%;
    z-index: 99;
}

.page_pagination {
    right: 0;
}

.page_title > h3 {
    color: #fff;
    padding: 10px 30px 10px 0;
    text-transform: uppercase;
}

.page_pagination {
    display: inline-block;
    position: absolute;
    right: 0;
    top: 50%;
    margin-top: -10px;
}

.page_pagination ul > li {
    padding: 0 5px;
}

.page_pagination ul > li > a,
.page_pagination ul > li {
    text-transform: capitalize;
    color: #fff;
    display: inline-block;
}

.page_pagination ul > li > a:hover {
    color: #009688;
}

/*
* 20.0 Course List Area CSS
*/

.single_courses.course-list {
    position: relative;
    z-index: 1;
}

.single_courses.course-list .single_courses_thumb {
    background-position: center center;
    background-size: cover;
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 50%;
    z-index: 9;
}

.single_courses.course-list .single_courses_thumb img {
    width: 100%;
}

.single_courses.course-list .single_courses_desc {
    display: block;
    position: relative;
    z-index: 1;
    margin-left: 50%;
}

.single_courses.course-list .single_courses_desc .price_rating_area {
    border-bottom: 7px solid #009688;
}

/*
* 21.0 Our Teacher Area CSS
*/

.our_teachers_area.our_teacher .pagination {
    padding-top: 0;
}

.our_teachers_area.our_teacher .single_teacher_profile {
    margin-bottom: 50px;
}

/*
* 22.0 Blog Area CSS
*/

.latest_blog_news_area.blog .single_latest_news_area {
    margin-bottom: 50px;
}

/*
* 22.1 Single Blog Area CSS
*/

.blog-img {
    border: 1px solid #f6f6f6;
    padding: 5px;
}

.singl-blog-post-area {
    padding: 100px 0 0;
}

.singl-blog-top-bg-area p {
    color: #3498db;
    padding: 40px 0;
    font-weight: 500;
    font-size: 18px;
}

.singl-blog-top-bg-area p a {
    color: #3498db;
}

#blog-carousel {
    padding: 5px;
    border: 1px solid #ededed;
    margin: 100px 0;
}

.singl-blog-title h3 {
    padding: 40px 0;
}

.singl-blog-status-bar {
    background: transparent none repeat scroll 0 0;
    border-bottom: 1px solid #ededed;
    border-top: 1px solid #ededed;
    position: relative;
    margin-bottom: 30px;
    margin-top: 20px;
}

.singl-blog-status-bar span {
    display: inline-block;
    padding: 20px;
    font-size: 14px;
}

.singl-blog-status-bar span i {
    margin-right: 10px;
    color: #159bbe;
    font-size: 18px;
}

.singl-blog-status-bar span > a {
    color: #666;
}

.singl-blog-details {
    margin-bottom: 20px;
}

.singl-blog-details p {
    margin: 0;
    padding-bottom: 25px;
}

.singl-blog-details blockquote p {
    padding-bottom: 0;
}

.singl-blog-details blockquote {
    background: #f4f4f4 none repeat scroll 0 0;
    border-left: 10px solid #009688;
    margin-bottom: 30px;
    padding: 15px;
}

.share-links {
    padding: 15px 0;
}

.tag-share {
    overflow: hidden;
}

.blog-tag span {
    color: #666;
    font-size: 14px;
    padding: 0 10px;
}

.blog-tag button {
    background: #3498db;
    border: medium none transparent;
    border-radius: 30px;
    color: #fff;
    font-size: 14px;
    font-weight: 600;
    line-height: 20px;
    margin: 0 4px;
    padding: 0 20px;
}

.tag-share {
    border-bottom: 1px solid #e4e4e4;
    border-top: 1px solid #e4e4e4;
    padding: 5px 0;
}

.blog-tag {
    padding: 9px 0;
}

.blog-share button {
    margin: 0 5px;
}

.blog-share button.like {
    background: transparent none repeat scroll 0 0;
    border: 1px solid #ccc;
    border-radius: 25px;
    font-size: 10px;
    padding: 10px 0;
}

.blog-share button.like i {
    color: #3498db;
    font-size: 14px;
    margin: 0 20px;
}

.blog-share button.like span {
    background: #999 none repeat scroll 0 0;
    font-size: 10px;
    margin: 0 20px;
}

.blog-share button.share {
    background: #225b99 none repeat scroll 0 0;
    border: medium none transparent;
    border-radius: 30px;
    color: #fff;
    font-size: 14px;
    font-weight: 600;
    padding: 10px 30px;
}

.blog-share button.tweet {
    background: #00adf2 none repeat scroll 0 0;
    border: medium none transparent;
    border-radius: 30px;
    color: #fff;
    font-size: 14px;
    font-weight: 600;
    padding: 10px 30px;
}

.blog-share button.share i,
.blog-share button.tweet i {
    font-size: 14px;
    padding: 0 20px 0 0;
}

/*
* 22.2 Blog Comments Area CSS
*/

#comments {
    padding-top: 70px;
}

.comments-title h4 {
    font-size: 18px;
    color: #2c3e50;
    font-weight: 500;
    margin-bottom: 40px;
}

.comments-title h4 img {
    margin-right: 14px;
    max-width: 28px;
}

.comments-title {
    display: inline-block;
}

.leave-a-comment {
    float: right;
}

.leave-a-comment span {
    font-size: 14px;
    font-weight: 600;
    color: #999999;
}

.leave-a-comment i {
    color: #a1b1bc;
    font-size: 14.4px;
    width: 29px;
    height: 29px;
    line-height: 29px;
    text-align: center;
    border: 1px solid #999999;
    border-radius: 6px;
    margin-right: 10px;
    vertical-align: middle;
}

.single-comment-box {
    padding: 20px 14px 20px 20px;
    border-radius: 6px;
    border: 1px solid #e5e5e5;
    margin-bottom: 25px;
    position: relative;
}

.single-comment-box:before {
    position: absolute;
    width: 25px;
    height: 1px;
    left: -9.5%;
    top: 50%;
    content: "";
    background-color: #eeeeee;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
}

#comments .media-object {
    max-width: 72px;
}

#comments .media-body .media-heading {
    font-size: 15px;
    font-weight: 500;
    margin-bottom: 8px;
    line-height: 15px;
}

#comments .media-body .media-heading a {
    color: #333333;
}

#comments .media-body {
    padding-top: 13px;
}

#comments .media-body span {
    color: #a1b1bc;
    display: inline-block;
    font-size: 14px;
    line-height: 12px;
}

#comments .media-body p {
    color: #999999;
    font-size: 14px;
    font-weight: 400;
    line-height: 24px;
    margin: 0;
    display: inline-block;
}

#comments .media-left {
    padding-right: 25px;
}

.media-body p {
    margin: 0;
}

.media-body a.reply {
    color: #151515;
    font-size: 14px;
    font-weight: 400;
    line-height: 24px;
    display: inline-block;
    border: 1px solid #cccccc;
    border-radius: 50px;
    padding: 0 18px;
    float: right;
    -webkit-transition: all .3s;
    transition: all .3s;
}

.media-body a.reply:hover {
    background-color: #3498db;
    color: #fff;
    border: 1px solid #3498db;
}

.media-bottom {
    margin-top: 17px;
}

.media-bottom p {
    color: #151515;
    font-size: 14px;
    font-weight: 400;
    line-height: 24px;
    margin: 0;
    text-align: justify;
}

.border-left {
    border-left: 1px solid #e5e5e5;
}

.no-margin-bottom {
    margin-bottom: 0;
}

/*
* 22.3 Blog Contact Form Area CSS
*/

.contact_info {
    padding-bottom: 60px;
}

.single_contact_info i {
    border: 1px solid rgba(191, 191, 191, 0.95);
    border-radius: 50%;

    font-size: 36px;
    height: 97px;
    line-height: 97px;
    text-align: center;
    width: 97px;
    margin-bottom: 17px;
}

.single_contact_info i:hover {
    background: #3498db;
    border-color: #3498db;
    color: #fff;
}

.single_contact_info p {
    line-height: 24px;
    margin: 0;
}

.single_contact_info p a:hover {
    color: #3498db;
}

#contact-form {
    padding-top: 85px;
    padding-bottom: 75px;
}

.border-bottom-1 {
    margin-top: 70px;
    border-bottom: 1px solid #ececec;
}

.contact-form-title h4 {
    color: #2c3e50;
    font-size: 18px;
    font-weight: 500;
    margin-bottom: 15px;
    line-height: 18px;
    margin-bottom: 35px;
}

#contact-form .form-control {
    height: 50px;
    border: 1px solid #e5e5e5;
    border-radius: 0;
    background-image: none;
    box-shadow: none;
}

#contact-form .form-control:focus {
    box-shadow: none;
}

#contact-form .form-group {
    position: relative;
}

#contact-form .form-group input#submit {
    border: medium none;
    margin: 0 auto;
    padding: 15px 30px;
    text-transform: uppercase;
    -webkit-transition: all 500ms ease 0s;
    transition: all 500ms ease 0s;
    width: auto;
}

#contact-form input#submit:hover {
    background-color: #009688;
    color: #fff;
}

.blog_comment_form #message {
    height: 238px;
    border-radius: 0;
    padding: 20px 0 0 12px;
}

.singl-blog-post figure {
    margin: 0;
}

.blog-details {
    text-align: left;
}

.singl-blog-status-bar > span:nth-child(4) {
    float: right;
}

.social-links {
    display: inline-block;
    padding-left: 14px;
    margin: 0;
}

.social-links li {
    display: inline-block;
    list-style: none;
}

.social-links li a {
    display: block;
}

.social-links li a i {
    height: 22px;
    width: 22px;
    text-align: center;
}

.tag-share {
    border-top: 1px solid #ededed;
    border-bottom: 1px solid #ededed;
}

.tags .tags-title,
.share-promt {
    font-weight: 500;
    color: #404040;
    margin-right: 3px;
    font-size: 16px;
    line-height: 16px;
}

.tags {
    float: right;
    padding: 15px 0;
}

.tags span a {
    margin-right: 3px;
}


.about-author {
    padding-top: 60px;
}

.author-title,
.comment-title {
    padding-bottom: 35px;
}

.author-info {
    border-top: 1px solid #ededed;
    border-bottom: 1px solid #ededed;
    padding: 13px;
}

.comments-wrapper {
    border-bottom: 1px solid #ededed;
    border-top: 1px solid #ededed;
    padding: 20px 0 20px 20px;
}

.author-img,
.comment-img {
    max-width: 120px;
    max-height: 120px;
    float: left;
    margin-right: 30px;
}

.author-content,
.single-comment {
    float: left;
    width: calc(100% - 150px);
}

.author-name h5,
.commenter h5 {
    color: #009688;
    font-weight: 500;
    text-transform: uppercase;
}

.commenter > a {
    color: #009688;
}

.comment ul {
    padding: 0;
    margin: 0;
}

.comment ul li {
    list-style: none;
    margin-bottom: 28px;
}

.comment ul li:last-child {
    margin-bottom: 0;
}

.commenter {
    float: left;
}

.replay {
    background: transparent none repeat scroll 0 0;
    border: 1px solid #ededed;
    border-radius: 0;
    float: right;
    font-size: 11px;
    height: 30px;
    line-height: 28px;
    margin-right: 30px;
    padding: 0 24px;
    text-transform: uppercase;
}

.replay:hover {
    background: #009688;
    color: #fff;
}

.author-content > p,
.single-comment > p {

    font-size: 13px;
    line-height: 24px;
    margin: 0;
    clear: both;
}

.author-designation,
.comment-time {
    font-weight: 600;
    line-height: 26px;
    color: #a1b1bc;
    margin-bottom: 10px;
}

.comment {
    padding-top: 60px;
}

.author-name > a {
    display: inline-block;
}

/*
* 23.0 404 Area CSS
*/

.error_page .not-found-text h2 {
    font-size: 6em;
    margin-bottom: 15px;
}

.error_page .not-found-text h3 {
    font-size: 30px;
    margin-bottom: 30px;
}

/*
* 24.0 Gallery Area CSS
*/

.gallery_area .single_gallery_item {
    display: inline-block;
    float: left;
    position: relative;
    width: 20%;
    z-index: 1;
}

.gallery_area .single_gallery_item.four-column {
    margin-bottom: 30px;
    width: 100%;
}

.gallery_area.four-column .pagination {
    padding-top: 20px;
}

.gallery_area .single_gallery_item .hover_overlay {
    background-color: rgba(44, 62, 80, 0.9);
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    -webkit-transition-duration: 350ms;
    transition-duration: 350ms;
    width: 100%;
}

.gallery_area .single_gallery_item:hover .hover_overlay {
    opacity: 1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
}

.gallery_area .single_gallery_item .gallery_info h5,
.gallery_area .single_gallery_item .gallery_info p {
    color: #fff;
    font-size: 14px;
    margin-bottom: 15px;
    position: relative;
    text-align: center;
}

.gallery_area .single_gallery_item:hover .links {
    -webkit-animation: fadeInDown 800ms ease-in-out;
    animation: fadeInDown 800ms ease-in-out;
}

.gallery_area .single_gallery_item .links > a > i {
    color: #fff;
    font-size: 15px;
}

.gallery_area .single_gallery_item .links > a:hover {
    background-color: #009688;
}

.gallery_area .single_gallery_item .links {
    text-align: center;
    position: relative;
    width: 100%;
    z-index: 99;
}

.gallery_area .single_gallery_item .links > a {
    background-color: #009688;
    border-radius: 50%;
    display: inline-block;
    height: 35px;
    line-height: 35px;
    text-align: center;
    -webkit-transition-duration: 500ms;
    transition-duration: 500ms;
    width: 35px;
}

.gallery_info > h5 {
    text-transform: uppercase;
}

.gallery_area .pagination {
    padding-top: 50px;
}

.gallery_area.column .pagination {
    padding-top: 20px;
}

/*
:: 25.0 Our Courses Catagory CSS
*/

.single_course_catagory {
    border-bottom: 8px solid #f3cc29;
    box-shadow: 0 0 3px 1px rgba(0, 0, 0, 0.2);
    -webkit-transition-duration: 500ms;
    transition-duration: 500ms;
    position: relative;
    z-index: 1;
    margin-top: 85px;
}

.single_course_catagory:hover {
    box-shadow: 0 5px 5px 5px rgba(0, 0, 0, 0.2);
}

.single_course_catagory:hover {
    border-bottom: 8px solid #3498db;
}

.single_course_catagory_img {
    border-bottom: 1px solid #e0e2e5;
    padding-bottom: 8px;
}

.courses_number {
    display: inline-block;
    padding: 30px 0 30px 15px;
    width: 50%;
}

.courses_number h5 {
    display: inline-block;
    margin: 0;
    color: #2c3e50;
}

.courses_number i {
    color: #3498db;
    font-size: 18px;
    padding-right: 10px;
}

.pagination {
    margin: 0 auto;
    text-align: center;
    display: block;
}

.pagination li {
    display: inline-block;
    line-height: 37px;
    text-align: center;
}

.pagination li a {
    border: 2px solid #ddd;
    padding: 10px 15px;
}

.pagination li a:hover,
.pagination li a:focus {
    background-color: #009688;
    color: #fff;
    border: 2px solid transparent;
}

/*
* 26.0 Contact Us Area CSS
*/

.contact_input_area .form-group input,
.contact_input_area .form-group textarea {
    border: 1px solid #c2c2c2;
    height: 60px;
    margin-bottom: 30px;
    padding: 15px;
    width: 100%;
    -webkit-transition-duration: 500ms;
    transition-duration: 500ms;
}

.contact_input_area .form-group input:focus,
.contact_input_area .form-group textarea:focus {
    border: 1px solid #2c3e50;
}

.contact_input_area .form-group textarea {
    height: 260px;
}

.message_now_area {
    padding: 75px 0 80px;
}

.message_title {
    margin-bottom: 60px;
    text-align: center;
}

.contact_input_area button {
    width: 200px;
    height: 55px;
    background-color: #fff;
    border: 1px solid #2c3e50;
    border-radius: 0;
    color: #2c3e50;
    -webkit-transition-duration: 500ms;
    transition-duration: 500ms;
    text-align: center;
    display: block;
    margin: 0 auto;
}

.contact_input_area button:hover {
    background-color: #2c3e50;
    color: #fff;
}

.success,
.error {
    padding: 1em;
    margin-bottom: 12px;
    margin-bottom: 12px;
    margin-bottom: 12px;
    margin-bottom: 0.75rem;
    text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5);
    border-radius: 4px;
}

.success {
    color: #468847;
    background-color: #dff0d8;
    border: 1px solid #d6e9c6;
}

.error {
    color: #b94a48;
    background-color: #f2dede;
    border: 1px solid rgba(185, 74, 72, 0.3);
}

.map_area iframe {
    width: 100% !important;
    height: 600px !important;
}

.contact_address_title {
    color: #fff;
    padding-bottom: 40px;
    text-align: center;
}

.contact_address_title > h3 {
    margin: 0;
}

.single_contact_address .contact_icon {
    border: 1px solid #fff;
    border-radius: 50%;
    height: 82px;
    margin-right: 30px;
    width: 82px;
}

.single_contact_address .contact_icon i {
    color: #fff;
    line-height: 82px;
    font-size: 30px;
}

.contact_info {
    padding-top: 15px;
}

.contact_info p {
    line-height: 25px;
    color: #fff;
}

.courses_details_title_area {
    background-color: #f6f6f6;
    padding: 30px;
}

.courses_details_area {
    padding: 100px 0 80px;
}

.event_now_button {
    display: inline-block;
    float: right;
    background-color: #3498db;
    height: 55px;
    text-align: center;
    width: 300px;
}

.upcoming_event_title {
    display: inline-block;
}

.courses_details_title > h3 {
    color: #2c3e50;
    margin: 0;
    line-height: 35px;
}

.upcoming_event_blog_thumb {
    border: 1px solid #ddd;
    padding: 11px;
    margin: 55px 0 45px 0;
}

.event_overview_schildle,
.related_upcoming_event_title,
.courses_overview,
.courses_description {
    background-color: #fff;
    border-left: 10px solid #aa354d;
    padding: 13px 18px;
    box-shadow: 0 5px 10px rgba(0, 0, 0, 0.1);
}

.event_overview_schildle h5,
.related_upcoming_event_title h5,
.courses_overview h5,
.courses_description h5 {
    color: #2c3e50;
    margin: 0;
    text-transform: uppercase;
}

.event_overview_content,
.couress_overview_content,
.courses_description_content {

    padding: 45px 0 40px;
}

.event_overview_content > p {
    line-height: 28px;
}

.event_overview_content > p:last-child {
    margin-top: 25px;
}

.event_overview_content .special_content {
    padding: 35px 0 35px 30px;
}

.single_special_content > i,
.single_special_content > p {
    display: inline-block;
}

.single_special_content > i {
    padding-right: 15px;
}

.single_option {
    background: #fff;
    margin-bottom: 30px;
    padding: 30px 15px 20px;
    text-align: left;
    -webkit-transition-duration: 500ms;
    transition-duration: 500ms;
    border-radius: 5px;
}

.single_option > i {
    font-size: 25px;
    margin-bottom: 5px;
}

.single_option > p {
    margin-bottom: 5px;
}

.event_share_links {
    text-align: center;
}

.single_share_link {
    border: 1px solid #e0dfdf;
    display: inline-block;
    height: auto;
    margin-right: 12px;
    -webkit-transition-duration: 500ms;
    transition-duration: 500ms;
    width: auto;
}

.single_share_link i {
    font-size: 20px;
    -webkit-transition-duration: 500ms;
    transition-duration: 500ms;
}

.single_share_link:last-child {
    margin-right: 0;
}

.single_share_link > a {
    display: block;
    padding: 10px 12px;
}

.single_share_link:hover {
    background-color: #f39c12
}

.single_share_link:hover i {
    color: #fff;
}

/*
* 27.0 Courses Details Area CSS
*/

.courses_details_thumb {
    position: relative;
    width: 100%;
    z-index: 1;
    -webkit-transition-duration: 500ms;
    transition-duration: 500ms;
    margin-bottom: 50px;
}

.courses_details_thumb:hover {
    opacity: .9;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=90)";
}

.couress_overview_content p,
.courses_description_content p {
    line-height: 28px;
}

.single_courses.related {
    margin-top: 50px;
}

.courses_details_title {
    display: inline-block;
}

.main_icon > i {
    font-size: 16px;
}

.single_courses_area {
    background-color: #f5f5f5;
    padding: 20px 0 25px;
    text-align: center;
}

.courses_teacher_image {
    border: 1px solid #dedddd;
    border-radius: 50%;
    height: 95px;
    margin: 0 auto 15px;
    padding: 3px;
    width: 95px;
}

.courses_teacher_image > img {
    border-radius: 50%;
    height: 100%;
    width: 100%;
}

.single_courses_area {
    background-color: #f5f5f5;
    padding: 20px 0 25px;
    text-align: center;
    border-bottom: 2px solid #fff;
}

.courses_teacher_image {
    border: 1px solid #dedddd;
    border-radius: 50%;
    height: 95px;
    margin: 0 auto 15px;
    padding: 3px;
    width: 95px;
}

.courses_teacher_image > img {
    border-radius: 50%;
    height: 100%;
    width: 100%;
}

.courses_teacher_info > h5 {
    font-size: 16px;
    text-transform: uppercase;
}

.courses_teacher_info > p {
    color: #666666;
}

.single_courses_area .social_links > a {
    margin: 0 5px;
}

.single_courses_area .social_links a i {
    color: #546371;
    border: 1px solid #afafaf;
}

.single_courses_area .social_links a i:hover {
    color: #fff;
    border: 1px solid transparent;
    background-color: #3498db;
}

.courses_details_title_area {
    margin-top: 50px;
    margin-bottom: 50px;
}

/*
* 28.0 About Us Area CSS
*/

.about_us_text > h3 {
    color: #2c3e50;
}

.about_us_text > h3 span {
    font-weight: 400;
}

.about_us_area .special_service .single_special_service {
    margin-bottom: 30px;
}

.about_us_area .special_service .single_special_service > img {
    display: inline-block;
    float: left;
    margin-right: 15px;
}

.about_us_area .special_service .single_special_service > h5 {
    color: #2c3e50;
}

.special_service {
    margin-top: 30px;
}

.about_us_thumb {
    /* background-color: #ff0068; */
    height: 350px;
    position: relative;
    width: 100%;
    z-index: 1;
}

.about_us_thumb > img {
    /* left: 30px; */
    position: absolute;
    /* bottom: 30px; */
    width: 100%;
    z-index: 9;
}

.about_us_thumb.mission {
    margin: 0;
}

.about_us_thumb.mission img {
    right: 30px;
    left: auto;
}

.panel.single-accordion {
    margin-bottom: 0 !important;
}

.single-accordion .accordion-content {
    padding: 15px 20px 0px 20px;
}

.single-accordion .accordion-content p {
    padding: 0;
}

/*
:: 29.0 Teacher Details Area CSS
*/

.teacher_contact_info .single_contact_info {
    background-color: #f6f6f6;
}

.tea_single_contact_info .contact_icon,
.tea_single_contact_info .contact_data {
    display: inline-block;
}

.tea_single_contact_info .contact_icon > i {
    color: #3498db;
}

.name_designation > h3 {
    color: #2c3e50;
    font-weight: 500;
}

.name_designation > h5 {}

.about_teacher > p {

    line-height: 28px;
}

.about_teacher {
    border-bottom: 1px solid #f6f6f6;
    border-top: 1px solid #f6f6f6;
    padding-top: 10px;
}

.tea_single_contact_info {
    padding: 10px 0;
    border-bottom: 1px solid #f6f6f6;
}

.tea_single_contact_info .contact_data p {
    margin: 0;
    padding-left: 15px;
}

.tea_single_contact_info .contact_icon.social > a {
    color: #3498db;
    display: block;
    padding: 0 15px 0 0;
}

/*
* 30.0 Register Area CSS
*/

.register_form,
.login_form {
    border: 1px solid #f6f6f6;
    height: 100%;
    max-width: 500px;
    width: 100%;
    margin: 0px auto;
    padding: 30px;
    box-shadow: 5px 8px 16px rgba(0, 0, 0, 0.075);
    position: relative;
}

.register_form .form-group,
.login_manual_form .form-group {
    margin-bottom: 15px;
    text-align: left;
}

.register_form .form-group > i,
.login_manual_form .form-group > i,
.register_form .form-group > i {
    background-color: #f6f6f6;
    color: #7f8c8d;
    padding: 15px;
    font-size: 14px;
    float: left;
    display: inline-block;
}

.register_form .form-group > input,
.login_manual_form .form-group > input,
.register_form .form-group > input {
    border: medium none;
    width: 85%;
    padding: 10px;
    display: inline-block;
    border-bottom: 1px solid #f6f6f6;
}

.register_form button,
.login_manual_form button {
    background-color: #0066d0;
    color: #fff;
    padding: 10px;
    -webkit-transition-duration: 500ms;
    transition-duration: 500ms;
    border: none;
    text-transform: uppercase;
}

.already_have_account {
    bottom: 30px;
    height: auto;
    position: absolute;
    right: 30px;
    width: auto;
}

.register_form button:hover,
.register_form button:focus,
.login_manual_form button:hover,
.login_manual_form button:focus {
    background-color: #2c3e50;
    color: #fff;
}

.register_form .form-group > input#reg_submit:hover,
.login_manual_form .form-group > input#login_submit:hover {
    background-color: #a85409;
}

.login_thumb {
    height: 100%;
    width: auto;
    text-align: center;
    position: relative;
    z-index: 2;
    background-position: center center;
    background-size: cover;
}

.login_thumb_caption {
    height: 100%;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 99;
}

.login_thumb:after {
    content: "";
    height: 100%;
    position: absolute;
    width: 100%;
    top: 0;
    background: rgba(230, 126, 34, 1);
    background: -webkit-linear-gradient(top, rgba(230, 126, 34, 0), rgba(0, 102, 208));
    background: linear-gradient(to bottom, rgba(230, 126, 34, 0), rgba(0, 102, 208));
    left: 0;
}

.login_thumb_caption > h3,
.login_thumb_caption > p {
    height: auto;
    position: absolute;
    bottom: 15%;
    width: 100%;
    z-index: 99;
    right: 30px;
    text-align: right;
    color: #fff;
}

.login_thumb_caption > p {
    bottom: 5%;
}

.sign_in_facebook,
.sign_in_google,
.sign_in_twitter {
    display: block;
    border-radius: 5px;
}
.sign_in_facebook .btn,
.sign_in_google .btn {
    padding: 10px;
}

.sign_in_twitter {
    background-color: #3498db;
    margin-left: 10px;
}

.sign_in_facebook > a,
.sign_in_twitter > a {
    color: #fff;
    padding: 5px 10px;
    background-color: #3b5998;
    font-size: 14px;
    text-transform: uppercase;
}

.sign_in_google > a {
    color: black !important;
    padding: 5px 10px;
    background-color: white;
    font-size: 14px;
    text-transform: uppercase;
    box-shadow: 0 0 3px rgb(0 0 0 / 53%);
}

.sign_in_facebook > a:hover,
.sign_in_facebook > a:focus,
.sign_in_twitter > a:hover,
.sign_in_twitter > a:focus {
    background-color: #3b5998;
    color: rgba(255, 255, 255, 0.9)
}

.sign_in_facebook > a > i,
.sign_in_twitter > a > i,
.sign_in_google > a > i {
    padding-right: 5px;
}



.forget_pass {
    display: block;
}

.forget_pass > a,
.register_form > a {
    margin-top: 10px;
    display: inline-block;
}

.forget_pass > a:hover,
.register_form > a:hover {
    color: #1e88e5;
}

.forget_pass > a > i {
    padding-right: 15px;
}

.login_manual_form form .form-group:last-child {
    margin-bottom: 5px;
}

.forget_pass.one {
    padding-right: 30px;
}

.forget_pass.login {
    position: absolute;
    width: auto;
    height: auto;
    bottom: 30px;
    right: 30px;
}

/*
* 31.0 Code of Contact Area CSS
*/

.code_of_contact {
    padding-top: 50px;
}

.single_part_code_of_contact {
    padding-top: 50px;
}

.single_part_code_of_contact > h3,
.knowledgebase_area .accordions h3 {
    color: #2c3e50;
    margin-bottom: 30px;
}

.single_part_code_of_contact h3 span,
.knowledgebase_area .accordions h3 span {
    color: #009688;
}

.single_part_code_of_contact > p {
    color: #666;
    margin-left: 30px;
    position: relative;
    z-index: 1;
}

.single_part_code_of_contact > p:before {
    content: "\f1db";
    font-family: "fontawesome";
    font-size: 14px;
    left: -30px;
    position: absolute;
    top: 2px;
    z-index: 9;
    color: #009688;
}

/*
:: 32.0 Sidebar Area CSS
*/

.event_sidebar {
    background-color: #f6f6f6;
    padding: 15px;
}

.event_location,
.latest_post,
.catagory_section,
.achive_section {
    margin-bottom: 30px;
}

.event_location .map_area {
    height: 350px;
    width: 100%;
}

.search_post > h3,
.event_location > h3,
.latest_post > h3,
.catagory_section > h3,
.tag_section > h3,
.achive_section > h3 {
    color: #2c3e50;
}

.achive_section ul li > a,
.catagory_section ul li > a {
    border-bottom: 1px dashed #dadada;
    color: #2c3e50;
    display: block;
    padding: 5px 0 5px 10px;
}

.achive_section ul li > a:hover,
.catagory_section ul li > a:hover {

}

.latest_post h3 {
    margin-bottom: 13px
}

.achive_section ul li > a > i,
.catagory_section ul li > a > i {
    padding-right: 10px;
}

.latest_post .single_latest_post {
    position: relative;
    z-index: 1;
    padding-left: 100px;
    padding-top: 0px;
    margin-bottom: 10px;
}

.latest_post .single_latest_post > a > h5 {
    color: #2c3e50;
    font-size: 15px;
    margin: 0;
    -webkit-transition-duration: 500ms;
    transition-duration: 500ms;
    margin-bottom: 1px;
}

.latest_post .single_latest_post > a > h5:hover {
    color: #159bbe;
}

.latest_post .single_latest_post > p {
    margin: 0;
    font-size: 13px;
}

.latest_post .single_latest_post > img {
    left: 0;
    position: absolute;
    top: 0px;
    width: 90px;
    height: auto;
    z-index: 9;
}

.tag_section ul > li {
    display: inline-block;
    margin: 2px 0;
}

.tag_section ul > li > a {
    background-color: #000;
    display: inline-block;
    padding: 5px 10px;
    width: auto;
    color: #fff;
}

.tag_section ul > li > a:hover {
    background-color: #009688;
}

.search_post > form input {
    border: 1px solid #dadada;
    height: 40px;
    margin-bottom: 30px;
    padding: 5px 15px;
    width: 100%;
    -webkit-transition-duration: 500ms;
    transition-duration: 500ms;
}

.search_post > form input:focus {
    box-shadow: 0 5px 10px 5px rgba(0, 0, 0, 0.1);
}

.search_post h3 span,
.event_speakers h3 span,
.gallery_area.event_details h3 span,
.latest_post h3 span,
.catagory_section h3 span,
.tag_section h3 span {
    color: #009688;
}

.latest_blog_news_area.blog.sidebar .pagination {
    padding-top: 50px;
}

.footer_social_links a {
    margin-right: 10px;
}

/*
* 33.0 Miscellaneous CSS
*/

.popular_coureses_area.home2 .title p img {
    border-radius: 50%;
    display: inline-block;
    width: 60px;
}

.popular_coureses_area.home2 .date_time .date,
.event_details .event_title .date_time .date,
.popular_coureses_area.home2 .date_time .time,
.event_details .event_title .date_time .time {
    display: inline-block;
}

.single_courses_thumb {
    text-align: center;
}

.popular_coureses_area.home2 .date_time .date,
.event_details .event_title .date_time .date {
    margin-right: 30px;
}

.popular_coureses_area.home2 .count_down_clock_area {
    height: 50px;
}

.popular_coureses_area.home2 .price_rating_area {
    border-bottom: 10px solid #009688;
    padding: 15px 30px 0;
}

.why_choose_us_area.home2 .col-lg-3:nth-child(odd) .single_service_img_area:hover {
    background-color: #3498db
}

.why_choose_us_area.home2 .col-lg-3:nth-child(even) .single_service_img_area:hover {
    background-color: #009688;
}

.cool_facts_area.home2 .cool_fact_text span {
    font-size: 35px;
    margin-bottom: 15px;
}

.cool_facts_area.home2 {
    padding-bottom: 20px;
}

.cool_facts_area.home2 .cool_fact_text {
    padding-bottom: 30px;
}

.cool_facts_area.home2 .cool_fact_text:after {
    border-right: 0 dashed transparent;
}

.cool_facts_area.home2 .cool_fact_text > h5 {
    margin: 0;
}

.call_to_action {
    background-size: cover;
    background-position: center;
    position: relative;
    z-index: 1;
    height: 420px;
}

.call_to_action:before {
    background-color: rgba(0, 0, 0, 0.10);
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: -9;
    content: ''
}

.call_to {
    text-align: center;
    color: #fff;
}

.call_to > h3 {
    -webkit-transition-duration: 500ms;
    transition-duration: 500ms;
    color: #fff;
    font-size: 3em;
    font-weight: 100;
    margin-bottom: 30px;
}

.popular_coureses_area.home2.event-list .single_courses {
    position: relative;
    z-index: 1;
}

.popular_coureses_area.home2.event-list .single_courses .single_courses_desc {
    display: block;
    padding-left: 50%;
    width: 100%;
}

.popular_coureses_area.home2.event-list .single_courses .single_courses_thumb {
    background-position: center center;
    background-size: cover;
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 50%;
    z-index: 9;
}

.event_thumbnails {
    cursor: pointer;
    position: relative;
    z-index: 1;
    overflow: hidden !important;
}

.event_location iframe {
    width: 100% !important;
}

.event_details_thumb_overlay {
    background-color: rgba(255, 255, 255, 0.85);
    top: 0;
    left: 0;
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    position: absolute;
    -webkit-transition-duration: 500ms;
    transition-duration: 500ms;
    width: 100%;
    height: 100%;
}

.event_thumbnails .event_details_thumb_overlay .countdown.event_details {
    top: 40%;
    height: 100%;
    left: 0;
    position: absolute;
    width: 100%;
    z-index: 99;
}

.event_thumbnails .event_details_thumb_overlay .countdown.event_details.price_rating_area {
    border-bottom: 0 solid #009688;
    padding: 20px 30px 18px;
    -webkit-transition-duration: 500ms;
    transition-duration: 500ms;
    background-color: transparent;
}

.event_thumbnails .event_details_thumb_overlay .countdown.event_details.price_rating_area ul.timer {
    margin: 0;
}

.event_thumbnails:hover .event_details_thumb_overlay {
    opacity: 1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
}

.event_details .event_title > h3,
.event_details .event_speakers > h3,
.gallery_area.event_details > h3 {
    padding-top: 30px;
    margin-bottom: 30px;
}


.event_details .single_event_speaker {
    background-color: #f6f6f6;
    text-align: center;
    border: 1px solid #f6f6f6;
    padding-bottom: 15px;
    -webkit-transition-duration: 500ms;
    transition-duration: 500ms;
}

.event_title .date_time {
    margin-top: 22px;
}

.event_details .single_event_speaker:hover {
    box-shadow: 0 0 16px 4px rgba(0, 0, 0, 0.2);
}

.event_details .single_event_speaker > h5 {
    margin: 0;
    color: #2c3e50;
    padding: 20px 0 5px 0;
    text-transform: uppercase;
}

.gallery_area.event_details .single_gallery_item .links {
    bottom: 40%;
}

.event_next_previous {
    padding-top: 30px;
}

.event_next_previous .previous,
.event_next_previous .next {
    display: inline-block;
}

.event_next_previous .previous > a,
.event_next_previous .next > a {
    border: 2px solid #dadada;

    display: inline-block;
    padding: 10px 0;
    text-align: center;
    width: 135px;
}

.event_next_previous .previous > a:hover,
.event_next_previous .next > a:hover {
    border: 2px solid transparent;
    color: #fff;
    background-color: #009688;
}

.event_next_previous .previous {
    float: left;
}

.event_next_previous .next {
    float: right;
}

.price_rating_area .timer > li {
    color: #009688;
    display: inline-block;
    font-size: 18px;
    margin: 0;
    padding: 15px 0;
    text-align: center;
    width: 23%;
}

.price_rating_area .timer > li > span {
    display: inline-block;
    margin: 0;
    font-size: 30px;
}

.price_rating_area ul.timer {
    display: block;
    text-align: center;
}

/* The End */
.postblog-img  {
    height: 212px;
    background-size: cover;
    background-position: top;
    background-repeat: no-repeat;
}

.infoboxicon {
    float: right;
    color: #169bbe;
    font-size: 13px;
    cursor: pointer;
    margin-top: 5px;
    margin-right: 10px;
}