/*
:: 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/css?family=Roboto:100,300,400,500,700,800,900');
@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: 'Roboto', sans-serif;
     color: #000;
}

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

body,
p {
     color: #2c3e50;
     font-family: 'Roboto', 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: 'Roboto', 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;
}

.classynav ul li a {
    padding: 0 8px;
}
/*
* 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);
     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: 3.4em;
     font-weight: 100;
     margin-bottom: 20px;
     margin-left: -2px;
     padding: 1px;
     /* background-color: rgba(0, 118, 186, 0.63); */
}

.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: 15px 50px;
     text-transform: capitalize;
     border-radius: 30px;
}

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

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

.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: red;
     font-size: 28px;
     font-weight: 800 !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: 15px 0 0 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: #f39c12 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: #810821;
     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(0, 0, 0, 0.35);
     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: #DDD;
     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: #000;
}

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

.footer_bottom p,
.footer_bottom p > a {
     margin: 0;
     color: #fff;
     font-size: 14px;
}

/*
* 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;
     margin-bottom: 40px;
     position: relative;
}

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

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

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

.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: 20px 0 20px 30px;
     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_twitter {
     display: block;
     border-radius: 5px;
}
.sign_in_facebook .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_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 {
     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: #810821;
}

.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 {
     border-bottom: 1px dashed transparent;
     background-color: #009688;
     color: #fff;
}

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

.latest_post .single_latest_post {
     border-bottom: 1px dashed #dadada;
     position: relative;
     z-index: 1;
     padding-left: 100px;
     padding-top: 10px;
     padding-bottom: 10px;
}

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

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

.latest_post .single_latest_post > p {
     margin: 0;

}

.latest_post .single_latest_post > img {
     left: 0;
     position: absolute;
     top: 15px;
     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;
}