/*-----------------------------------------------------------------------------------
	
    Template Name: Eduguide - Education Html Template 
    Description: This is html5 template
    Author: DevItem
    Version: 1.0
	-----------------------------------------------------------------------------------
    
    CSS INDEX
    ===================
	
    1. Theme default css (css/shortcode/default.css)
    2. Header css (css/shortcode/header.css)
    3. Slider css (css/shortcode/slider.css)
    4. Footer css (css/shortcode/footer.css)
    5. Home page
    6. About area
    7. Course page
    8. Course details
    9. Events details
    10. News page
    11. News details
    12. Contact
    13. Elements
    14. Breadcrumb style default
    
    
-----------------------------------------------------------------------------------*/

@import url('https://fonts.googleapis.com/css?family=Lato|Raleway:300,400,500,600,700,800');

/*----------------------------------------*/
/*  5. Home page
/*----------------------------------------*/

.offer-icon {
    border: 1px solid #c1c1c1;
    float: left;
    font-size: 18px;
    height: 52px;
    line-height: 52px;
    margin-right: 15px;
    text-align: center;
    width: 52px;
    background-color: #fff;
    transition: all .3s ease 0s;
    /* color: #f8b239; */
    color: #72C05B;
}
.service-left:hover .offer-icon,
.service-left:hover .offer-icon i {
    border: 1px solid #242a33;
    background-color: #242a33;
    color: #72C05B;
}
.offer-text {
    overflow: hidden;
}
.offer-text > h3 {
    font-size: 16px;
    font-weight: 600;
}
.service-all {
    padding: 60px 30px;
}
.service-all h2 {
    font-size: 24px;
    font-weight: bold;
    margin-bottom: 45px;
}
.service-area .col-md-8 {
    padding-right: 0;
}
.service-area .col-md-4 {
    padding-left: 0;
}
.service-from > h3 {
    color: #fff;
    font-size: 18px;
    font-weight: 600;
    margin-bottom: 22px;
    text-align: center;
}
.service-mrg p {
    margin-bottom: 0;
}
.service-mrg {
    margin-top: 10px;
}
.mrg-chosen {
    margin: 20px 0;
}
.service-from {
    /* padding: 51px 30px 49px; */
    padding: 45px 30px 40px;
	min-height: 373px;
}
.orderby-wrapper label {
    color: #fff;
    display: block;
    font-family: "Lato", sans-serif;
    font-size: 13px;
    margin-bottom: 10px;
}
/*chosen */
.orderby-wrapper .chosen-container .chosen-single div b {
	background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
}
.chosen-container-single .chosen-single {
    background: transparent none repeat scroll 0 0;
    border: 1px solid #d3d3d3;
    border-radius: inherit;
    box-shadow: none;
    color: #fff;
    display: block;
    height: 32px;
    line-height: 32px;
}
.chosen-container {
    display: block;
}
.chosen-container .chosen-single div b::before {
    color: #fff;
    content: "";
    font-family: FontAwesome;
    font-size: 14px;
    margin-left: -12px;
}
.chosen-container-active.chosen-with-drop .chosen-single {
    background-image: inherit;
    border: 1px solid #fff;
    box-shadow: inherit;
}
.orderby-wrapper .chosen-container.chosen-with-drop .chosen-drop {
    left: auto;
    right: 0;
}
.orderby-wrapper .chosen-container .chosen-drop {
    border: 1px solid #e5e5e5;
    border-radius: inherit;
    box-shadow: 0 2px 3px rgba(0, 0, 0, 0.3);
    margin-top: 0px;
}
.chosen-container .chosen-drop ul li.highlighted {
    background: #72C05B;
}
.service-from a.button.extra-small span {
    font-size: 12px;
    font-weight: 600;
    padding: 10px 30px;
}
.service-from a.button {
    /* background-color: #72C05B; */
    margin-right: 0;
    text-transform: capitalize;
}
.service-from a.button.extra-small:hover{background:#242a33;border-color:#fff;}
.chosen-submit {
    margin-top: 37px;
}
/*banner-blog */

.blog-details h3 a {
    font-size: 18px;
    font-weight: 500;
}
.published3 > a,
.published4 > a {
    color: #666666;
    font-size: 15px;
    padding-right: 20px;
    font-family: "Lato", sans-serif;
}
.published3,
.published4 {
    font-family: "Lato", sans-serif;
}
.published3 > a:hover,
.published4 > a:hover {
    color: #f8b239;
}
.published3 > a i,
.published4 > a i,
.blog-meta .published3 > i,
.blog-meta .published4 > i {
    padding-right: 5px;
}
.blog-details a.button,
.img-text a.button {
    background-color: transparent;
}
.blog-details a.button.extra-small span,
.img-text a.button.extra-small span {
    border: 1px solid #72C05B;
    /* color: #3f3f3f; */
    color: #fff;
    font-size: 13px;
    font-weight: 500;
    /* padding: 10px 25px; */
    padding: 10px 20px;
	margin:0 5px;
    text-transform: capitalize;
    transition: all 0.3s ease-out 0s;
    /* border-radius: 5px; */
	background:#72C05B;
	margin-left:0px;
}
.blog-details a.button.extra-small span:hover,
.img-text a.button.extra-small span:hover {
    color: #000;
    /* border: 1px solid #72C05B; */
	background:#fff;
	
}
.blog-details a.button::after,
.img-text a.button::after {
    /* background: #f8b239 none repeat scroll 0 0; */
    background: none;
}
.blog-details {
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    border-color: #DDDDDD;
    border-image: none;
    border-style: solid;
    border-width: 0 1px 1px;
    padding: 7px 20px 28px;
}
.blog-img img {
    width: 100%;
}
.blog-details > h3 {
    margin-bottom: 0;
}
.blog-meta {
    margin: 2px 0 8px;
}
.countdown-area.bg-1 {
    background-attachment: inherit;
}
.timer {
    left: 50%;
    position: absolute;
    transform: translateX(-50%);
}
.timer span {
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    background: transparent none repeat scroll 0 0;
    border-color: #fff #fff -moz-use-text-color;
    border-image: none;
    border-radius: 0;
    border-style: solid solid none;
    border-width: 1px 1px medium;
    color: #fff;
    display: block;
    float: left;
    font-size: 20px;
    font-weight: 600;
    margin-right: 17px;
    padding-top: 8px;
    text-align: center;
    text-transform: uppercase;
    width: 68px;
}
.timer span:last-child {
    margin-right: 0px;
}
.timer p {
    background: #72C05B none repeat scroll 0 0;
    color: #fff;
    font-family: "Lato", sans-serif;
    font-size: 14px;
    font-weight: 600;
    margin-bottom: 0;
    margin-top: 9px;
    text-transform: capitalize;
}
.countdown-area:before {
    background-color: #2d3e50;
    opacity: .94;
}
.countdown-all,
.register-from {
    position: relative;
    z-index: 999;
}
.countdown-all > h3 {
    color: #fff;
    font-size: 24px;
    font-weight: 600;
}
.countdown-all > h1 {
    color: #fff;
    font-size: 48px;
    font-weight: 800;
    letter-spacing: 9px;
    margin: 17px 0 30px;
}
.register-from {
    background-color: #fff;
    margin-right: 100px;
    /* padding: 40px 30px; */
    padding: 30px 30px;
}
.register-from > h3 {
    font-size: 18px;
    font-weight: 600;
    text-align: center;
	color:#3f3f3f;
}
.register-from > p {
    color: #3f3f3f;
    text-align: center;
}
input.form-control2 {
    margin: 20px 0 0 0;
}
.orderby-wrapper 
{
	margin-top:20px;
}
.ordering input::-webkit-input-placeholder, .ordering textarea::-webkit-input-placeholder {
    /* Chrome */
    
    color: #3f3f3f;
    opacity: 1;
}
.ordering input::-moz-placeholder, .ordering textarea::-moz-placeholder {
    /* Firefox 19+ */
    
    color: #3f3f3f;
    opacity: 1;
}
.register-from .ordering input {
    font-family: "Lato", sans-serif;
    font-weight: 300;
}
.register-from .chosen-container-active.chosen-with-drop .chosen-single {
    border: 1px solid #c1c1c1;
}
.register-from .chosen-container-single .chosen-single {
    border: 1px solid #c1c1c1;
    color: #3f3f3f;
    font-size: 14px;
    padding-left: 20px;
    font-weight: 300;
    font-family: "Lato", sans-serif;
}
.register-from .chosen-container .chosen-single div b::before {
    color: #3f3f3f;
}
button.submit {
    background-color: #72c05b;
	border:2px solid #72c05b;
    /* border: inherit; */
    /* border-radius: 5px; */
    color: #fff;
    font-size: 13px;
    font-weight: 500;
    padding: 10px 30px;
    text-transform: capitalize;
    transition: all 0.3s ease 0s;
    position: relative;
}
.sent > button.submit:hover{background-color:#fff;border:2px solid #72c05b;color:#000;}
button.submit:hover{background-color:#242a33;border:2px solid #fff;color:#fff;}
.sent {
    margin-top: 40px;
}
button.submit::after {
    background: rgba(0, 0, 0, 0.09) none repeat scroll 0 0;
    content: "";
    height: 100%;
    left: 0;
    margin: auto;
    position: absolute;
    right: 0;
    top: 0;
    width: 0;
    z-index: 1;
}
button.submit::after {
    transition: all 0.3s ease-out 0s;
}
button.submit:hover::after {
    width: 100%;
}
.countdown-all {
    padding-top: 109px;
}
.event-area .separator i {
    background: #fff none repeat scroll 0 0;
}
.my.separator::before {
    width: 0;
}
.my.separator {
    width: 23%;
}
.event-img3 {
    display: inline-block;
    float: left;
    position: relative;
}
.event-date {
    /* background-color: #f8b239; */
	background:#72C05B;
    bottom: 0;
    color: #fff;
    left: 0;
    padding: 8px 20px 10px;
    position: absolute;
    text-align: center;
    transition: all 0.3s ease 0s;
}
.tb-publish,
.tb-publish2 {
    display: block;
    font-size: 18px;
    font-weight: 600;
}
h3.blog-title {
    font-size: 18px;
    font-weight: 500;
    margin-bottom: 7px;
}
.event-text-img .published3,
.event-text-img .published4,
.blog-meta-2 .published3 {
    color: #666;
    font-family: "Lato", sans-serif;
    font-size: 14px;
    padding-right: 20px;
}
.event-text-img .blog-meta {
    margin: 0px 0 5px;
}
.visual-inner {
	border: 1px solid #DDDDDD;
	/* padding: 25px 7px 24px 197px; */
	padding: 25px 7px 27px 197px;
}
.blog-content > p {
    margin-bottom: 0;
}
.readmore > a {
    color: #3f3f3f;
    font-size: 13px;
    font-weight: 500;
    text-transform: capitalize;
    transition: all 0.3s ease-out 0s;
    margin-top: 7px;
    display: inline-block;
}
.readmore > a:hover {
    color: #f8b239;
}
.event-text-img {
    display: block;
    overflow: hidden;
}
.blog-meta-2 {
    display: inline-block;
    float: left;
    padding-top: 3px;
}
.for-news.blog-meta {
    float: right;
}
.news-date {
    display: block;
    overflow: hidden;
}
.news-img {
    position: relative;
}
.blog-meta.for-news {
    margin: 2px 0 5px;
}
.news-date {
    bottom: -15px;
    left: 30px;
    padding: 4px 0 2px 20px;
    position: absolute;
    width: 300px;
}
.blog-meta-2 .published3 i {
    padding-right: 8px;
}
.for-news .published3 > a,
.for-news .published4 > a {
    color: #fff;
}
.for-news .published3 > a:hover,
.for-news .published4 > a:hover {
    color: #f8b239;
}
.blog-meta-2 .published3 {
    color: #fff;
}
.img-text.gray-bg > p {
    padding: 3px 0 10px;
}
.img-text > h3 {
    font-size: 18px;
    font-weight: 500;
}
.img-text {
    padding: 32px 30px;
}
.news-img > img {
    width: 100%;
}
.counter-area::before {
    background-color: #2d3e50;
    opacity: 0.85;
}
.counter-bottom2 {
    display: inline-block;
    position: relative;
    vertical-align: top;
    z-index: 99;
}
.counter-img {
    display: inline-block;
    float: left;
    padding-right: 20px;
}
.counter-all {
    display: inline-block;
    float: left;
}
.counter-next2 > h2 {
    margin-bottom: 17px;
    position: relative;
    display: inline-block;
}
.counter-next2 > h2,
.cnt-two {
    color: #fff;
    font-size: 24px;
    font-weight: 600;
}
.counter-next2 > h2::before {
    background: #fff none repeat scroll 0 0;
    bottom: -10px;
    content: "";
    height: 2px;
    left: 0;
    margin: 0 auto;
    position: absolute;
    right: 0;
    transition: all 0.4s ease 0s;
    width: 70px;
}
.cnt-two {
    margin-bottom: 0;
    position: relative;
}
a.button.extra-small.news-btn span {
    font-size: 13px;
    padding: 11px 35px;
}
.cnt-two::after {
    color: #fff;
    content: "";
    font-family: icofont;
    font-size: 14px;
    margin-left: 5px;
}
.testimonial-text > h2 {
    font-size: 30px;
    font-weight: bold;
    position: relative;
}
.testimonial-img {
    overflow: hidden;
    position: relative;
}
.testimonial-img > img {
	width: 120px;
    margin-top: 100px;
}
@media(max-width:990px){
	.testimonial-img > img{
		margin-top:0px;
		float:right;
	}
}
.img-title > h3,
.lecturers-details > h3 {
    font-size: 18px;
    font-weight: 500;
    margin-bottom: 0;
    color: #fff;
}
.img-title {
    bottom: 0;
    left: 50%;
    opacity: 0.8;
    overflow: hidden;
    padding: 11px 0 6px;
    position: absolute;
    text-align: center;
    transform: translateX(-50%);
    width: 100%;
}
.img-title.navy-bg > p {
    color: #fff;
    margin-bottom: 0;
}
.testimonial-peragraph > p {
    padding: 127px 30px 0;
    position: relative;
}
.testimonial-peragraph p::before {
    color: #666666;
    content: "";
    font-family: icofont;
    font-size: 30px;
    left: -1px;
    position: absolute;
    top: 102px;
}
.testimonial-peragraph {
    width: 70%;
    float: left;
}
.testimonial-img {
    width: 30%;
    float: left;
}
.slick-dots li button::before {
    content: inherit;
}
.slick-dots li button{
    border-bottom: 2px solid;
    color: #9f9f9f;
    font-family: "Lato", sans-serif;
    font-size: 20px;
    padding-bottom: 14px;
    padding-left: 0;
}

.testimonial-area .slick-dots li {
    margin: 0 7px;
}
.slick-dots li.slick-active button {
    color: #3f3f3f;
}
.slick-dotted.slick-slider {
    margin-bottom: 0;
}
.slick-dots {
    bottom: 1px;
    display: inline-block;
    padding-left: 173px;
}
.testimonial-text {
    padding-top: 147px;
}
.testimonial-text > h2::after {
    background-color: #c1c1c1;
    content: "";
    height: 234px;
    position: absolute;
    right: 6px;
    top: -97px;
    width: 2px;
}
.testimonial-area .slick-dots li button::before {
    color: inherit;
    content: "0";
    font-family: inherit;
    font-size: inherit;
    height: auto;
    line-height: inherit;
    opacity: inherit;
    position: static;
    width: auto;
}
.testimonial-area .slick-dots li button {
    width: 25px;
}
/*... Scrollup ...*/

#toTop {
    text-align: center;
    bottom: 6px;
    cursor: pointer;
    display: none;
    position: fixed;
    right: 12px;
    z-index: 9999;
}
#toTop i {
    border: 1px solid #7f7f7f;
    height: 40px;
    width: 40px;
    color: #72C05B;
    line-height: 40px;
    -webkit-transition: all .3s ease 0s;
    transition: all .3s ease 0s;
}
#toTop i.fa-chevron-up:before{font-size:20px;}
#toTop i:hover {
    background:#242a33;
    color: #72C05B;
	border:1px solid #242a33;
}
/*.. mobile-menu ..*/

.mobile-menu-area {
    /* background: #f8b239 none repeat scroll 0 0; */
	background: #242a33;
}
/*............. 6. About area   ................*/

.about-text > h2 {
    font-size: 30px;
    font-weight: bold;
}
.lecturers-img img {
    width: 100%;
}
.about-text-top {
    margin: 23px 0 24px;
}
.about-text li {
    color: #666666;
    font-family: "Lato",sans-serif;
    font-size: 14px;
    font-weight: normal;
    margin-bottom: 3px;
    padding-left: 30px;
    position: relative;
}
.about-text li::before {
    color: #3f3f3f;
    content: "";
    font-family: icofont;
    font-size: 14px;
    left: 0;
    margin-right: 15px;
    position: absolute;
    top: 0;
}
.about-text > ul {
    margin-bottom: 37px;
}
.testimonial2-area::before {
    background-color: #2d3e50;
    opacity: 0.8;
}
.testimonial2-all {
    display: inline-block;
    position: relative;
    z-index: 99;
}
.testimonial2-left {
    display: inline-block;
}
.testimonial2-img > img {
    border-radius: 100%;
}
.testimonial2-text > h3 {
    color: #fff;
    font-size: 18px;
    font-weight: 500;
    margin-bottom: 0px;
}
.testimonial2-text > p {
    color: #fff;
}
.testimonial2-right > p {
    color: #fff;
    text-align: left;
    position: relative;
}
.testimonial2-text {
    display: inline-block;
    float: left;
    padding-right: 18px;
    padding-top: 30px;
    text-align: right;
}
.testimonial2-img {
    display: inline-block;
}
.testimonial2-right {
    display: inline-block;
    padding-left: 50px;
    padding-top: 35px;
}
.testimonial2-right p::before {
    color: #fff;
    content: "";
    font-family: icofont;
    font-size: 30px;
    left: -28px;
    position: absolute;
    top: -26px;
}
.slider-active3 {
    position: relative;
    z-index: 999;
}
.slider-active3 .slick-dots {
    bottom: inherit;
    display: inline-block;
    padding-left: inherit;
    padding-top: 5px;
}
.slider-active3 .slick-dots li button {
    color: #abb2b9;
}
.slider-active3 .slick-dots li.slick-active button {
    color: #fff;
}
.slider-active3 .slick-dots li button::before {
    color: inherit;
    content: "0";
    font-family: inherit;
    font-size: inherit;
    height: auto;
    line-height: inherit;
    opacity: inherit;
    position: static;
    width: auto;
}
.slider-active3 .slick-dots li button {
    color: #a1a1a0;
    font-family: "Lato", sans-serif;
    height: auto;
    line-height: 14px;
    padding: 5px 4px;
    transition: all 0.3s ease 0s;
    width: auto;
}
.slider-active3 li {
    margin: 0 18px 0 5px;
}
.lecturers-area .separator i {
    background: #fff none repeat scroll 0 0;
}
.lecturers-img {
    overflow: hidden;
    position: relative;
}
.single-lecturers {
    overflow: hidden;
    position: relative;
}
.lecturers-details > p {
    color: #fff;
    margin-bottom: 0;
}
.last-about-details {
	display: inline-block;
	margin: 23px 0 19px;
	text-align: center;
}
.lecturers-details li {
    background-color: transparent;
    border: 1px solid #fff;
    float: left;
    margin-right: 17px;
    transition: all 0.3s ease 0s;
}
.lecturers-details li:last-child {
    margin-right: 0px;
}
.lecturers-details a {
    color: #fff;
    font-size: 14px;
    display: inline-block;
    width: 30px;
    height: 30px;
    text-align: center;
    line-height: 30px;
}
.lecturers-details li:hover a {
    color: #f8b239;
}
.lecturers-details li:hover {
    background-color: #fff;
}
.lecturers-details > ul {
    margin: 23px 0 18px;
}
.lecturers-area {
    transition: all .3s ease 0s;
}
.lecturers-area .img-title {
    opacity: 1;
    transition: all .3s ease 0s;
    background-color: rgba(45, 62, 80, 0.8);
}
.lecturers-area .img-title > p {
    color: #fff;
    margin-bottom: 0;
}
.single-lecturers:hover .img-title {
    opacity: 0;
}
.lecturers-img > a::before {
    background: #2d3e50 none repeat scroll 0 0;
    content: "";
    opacity: 0.8;
    position: absolute;
    transition: all 0.3s ease 0s;
    width: 0;
    height: 0;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    margin: auto;
}
.single-lecturers:hover .lecturers-img a::before {
    height: 100%;
    width: 100%;
}
.lecturers-details {
    left: 0;
    position: absolute;
    right: 0;
    text-align: center;
    top: 50%;
    transform: translateY(-50%);
    width: 100%;
    opacity: 0;
    transition: all .3s ease 0s;
}
.single-lecturers:hover .lecturers-details {
    opacity: 1;
}
.about-text {
    margin-top: 60px;
}
/*--------- 7. Course page  ---------------*/

.courses-area {
    position: relative;
    z-index: 999;
}
.courses-area::before {
    background-color: #2d3e50;
    opacity: 0.8;
}
.courses {
    position: relative;
    z-index: 99;
}
.courses-area .orderby-wrapper {
    float: left;
    margin-bottom: 0;
    margin-right: 30px;
    margin-top: 0;
    width: 23.9%;
}
.courses-area .chosen-submit {
    margin-top: 0;
    display: inline-block;
}
.courses-area a.button {
    border-radius: inherit;
}
.courses-area a.button.extra-small span {
    font-size: 13px;
    padding: 11px 40px;
}
.courses-area .chosen-container-single .chosen-single {
    height: 40px;
    line-height: 40px;
}
.courses-area .button.extra-small {
    margin-right: 0;
}
.courses-area .chosen-container .chosen-single div b::before {
    margin-left: 0;
}
.top-courses .blog-all {
    margin-bottom: 30px;
}
.top-courses .blog-details {
    border: inherit;
    padding: 8px 20px 30px;
}
.pages2 a {
    color: #9f9f9f;
    display: inline-block;
    font-family: "Lato", sans-serif;
    font-size: 16px;
    padding: 0 0 1px;
    transition: all .3s ease 0s;
}
.pages2 a:hover {
    background-color: inherit;
}
.pages2 li {
    border-bottom: 2px solid #9f9f9f;
    display: inline-block;
    margin-right: 5px;
    padding: 0 5px;
    transition: all .3s ease 0s;
}
.pages2 li:hover,
.pages2 li.active:hover {
    border-bottom: 2px solid #f8b239;
}
.pages2 li:hover a,
.pages2 li.active:hover a {
    color: #f8b239;
}
.pages2 li.active > a {
    color: #3f3f3f;
    font-size: 18px;
    padding: 0 0 0px;
}
.pages2 li.active {
    border-bottom: 2px solid #3f3f3f;
}
/*---------  8. Course details  ------------*/

.course-details-img .published3 {
    padding-right: 20px;
}
.free-text {
    display: inline-block;
    float: left;
}
.free-button {
    display: inline-block;
    float: right;
}
.free-button > h3 {
    display: inline-block;
    float: left;
}
.free-text > p {
    font-family: "Raleway", sans-serif;
    font-size: 18px;
    font-weight: 500;
    padding-top: 8px;
    margin-bottom: 0;
}
.free-button > h3 {
    color: #3f3f3f;
    font-size: 18px;
    font-weight: 500;
    padding-right: 20px;
    padding-top: 9px;
}
.free-button button.submit {
    border-radius: inherit;
}
.course-details-img .blog-meta {
    margin: 11px 0 0;
}
.sidebar-title {
    background-color: #f8b239;
    color: #fff;
    font-size: 18px;
    font-weight: 500;
    padding: 15px 20px;
    text-transform: capitalize;
    margin-bottom: 0;
}
.courses-information ul {
    padding: 25px 20px;
}
.sidebar-menu span {
    float: right;
    color: #666;
}
.sidebar-menu > li {
    color: #3f3f3f;
    font-family: "Lato", sans-serif;
    font-size: 14px;
    font-weight: normal;
}
.sidebar-menu > li {
    border-bottom: 1px solid #c1c1c1;
    color: #3f3f3f;
    font-family: "Lato", sans-serif;
    font-size: 14px;
    font-weight: normal;
    padding: 10px 0;
}
.sidebar-menu > li:last-child {
    border-bottom: none;
}
.sidebar-menu > li:first-child {
    padding: 0px 0 10px;
}
.lectures-details {
    padding: 20px 20px 41px;
    text-align: center;
}
.lectures-details > img {
    border-radius: 100%;
}
.lectures-details > h3 {
    color: #3f3f3f;
    font-size: 18px;
    font-weight: 500;
    margin: 20px 0 22px;
    text-transform: capitalize;
}
.lectures-details > p {
    color: #3f3f3f;
}
.lectures-details a {
    color: #3f3f3f;
    font-size: 14px;
}
.lectures-details li {
    background-color: transparent;
    border: 1px solid #f8b239;
    display: inline-block;
    margin-right: 18px;
    padding: 3px 6px;
    transition: all 0.3s ease 0s;
    cursor: pointer;
}
.lectures-details li:last-child {
    margin-right: 0px;
}
.lectures-details li:hover {
    background-color: #f8b239;
}
.lectures-details li:hover a {
    color: #fff;
}
.lectures-details > ul {
    margin-top: 24px;
}
.courses-information {
    margin-top: 0;
}
.course-details-img {
    margin-bottom: 38px;
    overflow: hidden;
}
.course-details-img > img {
    width: 100%;
}
.about-lectures > h3 {
    font-size: 18px;
    font-weight: 500;
    text-transform: capitalize;
}
.about-lectures > p {
    margin-bottom: 0;
}
h3.cate-title {
    font-size: 18px;
    font-weight: 500;
    padding-bottom: 10px;
    position: relative;
    margin-bottom: 30px;
}
h3.cate-title::before {
    background-color: #f8b239;
    bottom: 0;
    content: "";
    height: 2px;
    left: 0;
    position: absolute;
    width: 40px;
}
.course-categoris li {
    border-bottom: 1px solid #e0e0e0;
    color: #3f3f3f;
    font-family: "Lato", sans-serif;
    font-size: 14px;
    font-weight: normal;
    padding: 10px 0;
    text-transform: capitalize;
}
.course-categoris li:first-child {
    padding: 0 0 10px;
}
.course-categoris li:last-child {
    border-bottom: inherit;
}
.course-categoris li a {
    color: #3f3f3f;
    transition: all .3s ease 0s;
}
.course-categoris li a:hover {
    color: #f8b239;
}
.course-categoris span {
    float: right;
}
.popular-courses {
    margin-top: 43px;
}
.post-details {
    padding-left: 103px;
    padding-top: 16px;
}
.categori-list-one {
    display: block;
    margin-bottom: 30px;
    overflow: hidden;
}
.categori-list-img {
    display: inline-block;
    float: left;
}
.categori-list-img img {
    width: 100%;
}
.post-details > span {
    color: #666666;
    font-family: "Lato", sans-serif;
    font-size: 14px;
}
/*-----------   9. Events details -----------------*/

.time-icon {
    display: inline-block;
    float: left;
    margin-right: 10px;
}
.time-text {
    display: inline-block;
}
.events-details-time {
    display: inline-block;
    float: left;
    margin: 40px 105px 34px 0;
}
.events-details-time:last-child {
    margin-right: 0px;
}
.time-text > p {
    margin: 0;
}
.events-details-all {
    display: block;
    overflow: hidden;
}
h3.content2 {
    font-size: 18px;
    font-weight: 500;
    text-transform: capitalize;
}
.events-details-img1 > h3 {
    font-size: 18px;
    font-weight: 500;
    margin-bottom: 20px;
}
.time-icon i {
    color: #3f3f3f;
    font-size: 16px;
}
.time-text span {
    color: #3f3f3f;
    font-size: 14px;
    font-weight: 600;
}
p.time-mrg {
    margin: 7px 0;
}
.event-content {
    margin-top: 33px;
}
.events-details-right-sidebar .about-lectures > h3 {
    margin-bottom: 12px;
}
.event-content li {
    color: #666;
    font-family: "Lato", sans-serif;
    font-size: 14px;
    margin-bottom: 11px;
    position: relative;
    padding-left: 30px;
}
.event-content li::before {
	content: "\f144";
	font-family: "fontAwesome";
	left: 0;
	margin-right: 15px;
	position: absolute;
	top: 2px;
    color: #666;
}
.event-content li:last-child {
    margin-bottom: 0px;
}
.event-content li i {
    color: #3f3f3f;
    font-size: 14px;
    margin-right: 20px;
}
.events-details-right-sidebar h3.content2 {
    margin-bottom: 12px;
}
.event-participants {
    margin-top: 35px;
}
.events-details-right-sidebar .event-participants h3.content2 {
    margin-bottom: 20px;
}
.participants-details.text-center > h3 {
    font-size: 14px;
    font-weight: 600;
    margin-bottom: 3px;
    margin-top: 20px;
}
.participants-details.text-center > p {
    margin-bottom: 0;
}
.events-details-img1 > img {
    width: 100%;
}
.events-details-sidebar > h3 {
    background-color: #f8b239;
    color: #fff;
    font-size: 18px;
    font-weight: 500;
    margin: 0;
    padding: 15px 0;
    text-align: center;
}
.events-details-book {
    border: 1px solid #c1c1c1;
    padding: 10px 20px 40px;
}
.events-details-sidebar ul li {
    border-bottom: 1px solid #e0e0e0;
    padding: 20px 0;
}
.events-details-sidebar ul li:last-child {
    border-bottom: none;
}
.events-details-sidebar ul li ul li {
    border-bottom: none;
    padding: inherit;
}
.events-details-sidebar ul li a {
    color: #3f3f3f;
    font-family: "Lato", sans-serif;
    font-size: 14px;
    transition: all .3s ease 0s;
}
.events-details-sidebar ul li a:hover {
    color: #f8b239;
}
.events-details-sidebar ul li a span {
    float: right;
}
.events-details-sidebar ul li ul {
    margin-top: 12px;
    padding-left: 28px;
}
.events-details-sidebar ul li ul li {
    margin-top: 5px;
}
.events-details-sidebar ul li ul li a {
    color: #666666;
}
.events-details-sidebar ul li ul li a i {
    color: #3f3f3f;
    font-size: 14px;
    margin-right: 10px;
    transition: all .3s ease 0s;
}
.events-details-sidebar ul li ul li a i:hover {
    color: #f8b239;
}
.events-details-sidebar {
    margin-top: 39px;
}
.book-button.text-center {
    margin-top: 17px;
}
/*----------  10. News page ------------*/

.news-page-area .news-are {
    margin-bottom: 30px;
}
/*-------  11. News details ----------*/

.news-details-all > img {
    width: 100%;
}
.news-details-all {
    padding: 23px;
}
.news-details-calender {
    display: block;
    overflow: hidden;
}
.news-details-top > h3 {
    font-size: 18px;
    font-weight: 500;
}
.news-details-all-area .blog-meta-2 .published3 {
    color: #a2a1a1;
}
.news-details-all-area .blog-meta-2 .published3 i {
    color: #232323;
}
.news-details-all-area .for-news .published3 > a i,
.news-details-all-area .for-news .published4 > a i {
    color: #232323;
    transition: all 0.3s ease-out 0s;
}
.news-details-all-area .for-news .published3 > a,
.news-details-all-area .for-news .published4 > a {
    color: #858484;
}
.news-details-all-area .for-news .published3 > a:hover,
.news-details-all-area .for-news .published3 > a:hover i,
.news-details-all-area .for-news .published4 > a:hover,
.news-details-all-area .for-news .published4 > a:hover i {
    color: #f8b239;
}
.news-details-all-area .for-news.blog-meta {
    float: left;
}
.news-details-bottom .news-allreply {
    display: inline-block;
    float: left;
    text-align: center;
}
.blog-reply-all .blog-img-details {
    padding-left: 100px;
}
.blog-reply-all .blog-title > h3 {
    font-size: 14px;
    font-weight: 500;
    display: inline-block;
}
.news-details-bottom .blog-title > span {
    color: #858484;
    float: right;
    font-family: "Lato", sans-serif;
    font-size: 14px;
}
.news-details-bottom .blog-top {
    display: block;
    overflow: hidden;
}
.nes-icon > a {
    color: #f8b239;
    display: block;
    font-size: 14px;
    margin-top: 5px;
    transition: all .3s ease 0s;
}
.nes-icon > a:hover {
    color: #3f3f3f;
}
.news-details-bottom .blog-top.blog-top-mrg {
    margin: 26px 0 35px 100px;
}
h3.leave-comment-text {
    color: #343434;
    font-size: 18px;
    font-weight: 500;
    margin-bottom: 35px;
}
.leave-form input {
    background: transparent none repeat scroll 0 0;
    border: 1px solid #c1c1c1;
    color: #636363;
    height: 35px;
    font-family: "Lato", sans-serif;
    margin-bottom: 30px;
}
.text-leave textarea {
    background: transparent none repeat scroll 0 0;
    border: 1px solid #c1c1c1;
    color: #636363;
    height: 165px;
    font-family: "Lato", sans-serif;
    margin-bottom: 40px;
}
.news-details-all-area {
    padding-bottom: 67px;
}
.leave-form input:focus,
.main-input input:focus,
.text-leave textarea:focus,
.text-leave2 textarea:focus {
    background: transparent none repeat scroll 0 0;
    border: 1px solid #72c05b;
}
.news-details-calender {
    margin: 10px 0 25px;
}
.sit {
    margin: 60px 0 30px;
    padding-left: 110px;
    position: relative;
}
.news-details-middle > .sit::before {
    color: #f8b239;
    content: "";
    font-family: icofont;
    font-size: 30px;
    left: 79px;
    position: absolute;
    top: -35px;
}
.sit > span {
    line-height: 24px;
    font-size: 14px;
    color: #3f3f3f;
    font-family: "Lato", sans-serif;
}
.news-details-bottom .blog-reply-all {
    margin: 57px 0 52px;
}
/*------------------ 12. Contact --------------*/

#hastech2 {
    height: 470px;
    width: 100%;
}
h3.main-contact {
    font-size: 18px;
    font-weight: 600;
    text-transform: capitalize;
    margin-bottom: 30px;
}
.main-input {
    position: relative;
}
.main-input input {
    border: 1px solid #c1c1c1;
    color: #7a7a7a;
    font-family: "Lato", sans-serif;
    font-size: 14px;
    height: 38px;
    padding-left: 47px;
}
.main-input i {
    background-color: #72c05b;
    color: #fff;
    font-size: 14px;
    height: 36px;
    left: 1px;
    line-height: 37px;
    position: absolute;
    text-align: center;
    bottom: 1px;
    width: 37px;
}
.text-leave2 textarea {
    background: transparent none repeat scroll 0 0;
    border: 1px solid #c1c1c1;
    color: #7a7a7a;
    font-family: "Lato", sans-serif;
    height: 150px;
    margin-bottom: 40px;
    padding: 14px 20px;
}
.communication-icon {
    display: inline-block;
    float: left;
}
.communication-icon i {
    border-radius: 50%;
    color: #fff;
    /* font-size: 14px; */
    /* height: 32px; */
    /* line-height: 32px; */
    text-align: center;
    /* width: 32px; */
    background-color: #72c05b;
    /* display: inline-block; */
	padding:7px;
}
.fa-mobile:before{font-size: 17px;padding: 4px;}
.communication-text {
    padding-left: 68px;
}
.communication-text > p {
    margin-bottom: 0px;
}
.communication-text a {
    color: #707070;
}
.countdown-all.shortcode {
    padding-top: 0;
}
/*.............  13. Elements ................*/

.sc-sub-title {
    font-size: 18px;
    font-weight: 600;
    margin: 0 0 20px;
    text-align: left;
    text-transform: uppercase;
}
.tab-accordion-area .accordion-head {
    background: #303030 url("img/icon/accordion-up.html") no-repeat scroll right center;
    color: #fff;
    display: block;
    font-size: 14px;
    font-weight: 700;
    height: 42px;
    line-height: 44px;
    padding: 0 12px 0 28px;
    position: relative;
    text-align: left;
    text-transform: uppercase;
    width: 100%;
}
.tab-accordion-area .accordion-head.collapsed {
    background: #303030 url("img/icon/accordion-down.html") no-repeat scroll right center;
}
.tab-accordion-area .accordion-head:hover,
.tab-accordion-area .accordion-head:focus {
    color: #fff;
}
.tab-accordion-area .accordion-body {
    padding: 25px;
    text-align: left;
}
.tab-accordion-area .checkout-reg h3 {
    color: #333;
    font-size: 14px;
    font-weight: 500;
    line-height: 12px;
    margin: 0 0 11px;
    text-transform: uppercase;
}
.tab-accordion-area #accordion .panel {
    border: medium none;
    box-shadow: none;
}
.tab-accordion-area .panel-group {
    margin-bottom: 0;
}
.elements-progress .progress-title {
    font-size: 14px;
    font-weight: 400;
    line-height: 14px;
    margin: 0 0 5px;
    text-align: left;
}
.elements-progress .progress {
    background-color: #fff;
    border-radius: 0;
    box-shadow: none;
    height: 8px;
}
.elements-progress {
    background-color: #f6f6f6;
}
.elements-tab-area .tab-list {
    float: left;
    margin-bottom: 30px;
    width: 100%;
}
.elements-tab-area .tab-list li {
    display: block;
    float: left;
    margin-right: 15px;
}
.elements-tab-area .tab-list li a {
    background: #303030 none repeat scroll 0 0;
    color: #fff;
    display: block;
    height: 42px;
    line-height: 44px;
    padding: 0 20px;
    text-transform: uppercase;
	}
.elements-tab-area .tab-list li.active a {
    background: #f8b239 none repeat scroll 0 0;
}
/*--------   14. Breadcrumb style default  -----------*/

.breadcrumbs {
    position: relative;
    z-index: 99;
}
h2.page-title {
    color: #fff;
    font-size: 30px;
    font-weight: bold;
    margin-bottom: 3px;
    text-transform: capitalize;
}
.breadcrumbs li {
    display: inline-block;
}
.breadcrumbs > ul li {
    color: #fff;
    font-size: 14px;
    font-weight: 600;
    margin: 8px 0 0;
    text-transform: capitalize;
}
.breadcrumbs > ul li a {
    color: #fff;
    padding-right: 8px;
    position: relative;
}
.breadcrumbs ul li a.active::after {
    color: #72C05B;
}
.breadcrumbs ul li a::after {
    color: #fff;
    content: "";
    font-family: FontAwesome;
    font-size: 14px;
    margin-left: 11px;
}
.breadcrumbs-area::before {
    background-color: #000;
    opacity: 0.5;
}
.breadcrumbs-area.bg-3,
.counter-area.bg-2,
.testimonial2-area.bg-2,
.courses-area.bg-2 {
    background-attachment: inherit;
}
/* breadcrumb style bg fixed*/

.breadcrumbs-area.bg-3.page-title-fix {
    background-attachment: fixed;
}
.page-title-fix h2.page-title {
    display: inline-block;
    float: left;
}
.page-title-fix .breadcrumbs > ul {
    display: inline-block;
    float: right;
}
.page-title-fix.breadcrumbs-area::before {
    opacity: 0.7;
}
/* breadcrumb solid bg color */

.solid h2.page-title {
    color: #3f3f3f;
}
.solid .breadcrumbs > ul li {
    color: #3f3f3f;
}
.solid .breadcrumbs ul li a::after {
    color: #3f3f3f;
}
/* breadcrumb bg pattern */

.pattern h2.page-title {
    color: #3f3f3f;
}
.pattern .breadcrumbs > ul li {
    color: #3f3f3f;
}
.pattern .breadcrumbs ul li a::after {
    color: #3f3f3f;
}
/* breadcrumb no-bg */

.no-bg h2.page-title {
    color: #3f3f3f;
}
.no-bg .breadcrumbs > ul li {
    color: #3f3f3f;
}
.no-bg .breadcrumbs ul li a::after {
    color: #3f3f3f;
}
.breadcrumbs-area.no-bg {
    border: 1px solid #f1f1f1;
}
/******** Custom-content all ******/

.boxed-layout.wrapper {
    box-shadow: -3px 0 50px -2px rgba(0, 0, 0, 0.14);
    margin: auto;
    position: relative;
    width: 1240px;
}
.boxed-layout .intelligent-header.headroom--not-top {
    left: auto;
    margin: auto;
    width: 1240px;
}
.wrapper {
    background: #fff none repeat scroll 0 0;
}
.book-img > img {
    width: 100%;
}
.header-four .menu-area ul li ul li:last-child {
	padding-right: 0;
}
#nameerror, #emailerror, #phoneerror, #fnameerror, #femailerror, #cnameerror, #cemailerror, #cphoneerror{color:#f00;}
.footer-logo img{width:25%;margin:auto;}
.training-section{padding:100px 0;}
.training-section h2{margin-bottom:30px;}
.training-section p{font-size:15px;line-height:27px;font-family: Open Sans;}
.training-section li{font-size:14px;list-style:inherit;line-height:27px;font-family: Open Sans;}
.training-section h4,.training-section  h5{margin-top:20px;font-family: Open Sans;}
.phone i{color:#72C05B;}
.phone{color:#fff;}
#rmsg, #hmsg, #pmsg, #amsg, #nmsg, #bmsg, #wmsg, #imsg, #psmsg, #idmsg, #pmmsg, #bdmsg, #adomsg, #aspmsg, #cmsg, #dnmsg, #jmsg, #cjmsg, #ajmsg, #hibermsg, #spmsg, #stmsg, #j2eemsg, #mmsg, #smsg, #qmsg, #mobilemsg, #omsg, #aomsg, #sqlmsg, #mssqlmsg, #aexcelmsg, #vbamsg, #tbmsg, #tamsg, #ccppmsg, #ccnamsg, #slidermsg, #ionicmsg, #seomsg{border: 1px solid #c1c1c1; background: transparent none repeat scroll 0 0;margin-top:20px;padding-left: 20px;}
#rmsg:focus{border: 1px solid #72C05B;}
#ccontact:hover{border:2px solid #72C05B;background:#fff;color:#000;}
button{font-size:15px !important;line-height:20px;}
.slick-dots {display:none !important;}
button.prev:disabled, button.next:disabled{background:#f00;border-color:#f00;color:#fff;}
.prev, .next{color:#000;}
.brochure-tab tr td  .fa{color:#000;}
.brochure-tab tr td  .fa:hover{color:#72C05B;}
.brochure-tab tr td, tr th{border-top:0px !important;padding:12px !important;}
.brochure-tab tr th:nth-child(2){text-align:center;}
.brochure-tab tr td:nth-child(2){text-align:center;}
.brochure-tab tr th{background:#79bf4f;}
.brochure-tab tr.odd td{background: #E5F5FF;}
.subul li{list-style:circle;}
.subul{padding-left:15px;}
.training-section h4{font-size:15px;font-weight:700;}
.training-section h2{font-size:20px;}
.training-section ul{padding-left:22px;}
.summerrow {background: #fff;}
.summer {text-align: center;}
#subcourse, #courseselect {
    border: 1px solid #000;
    border-radius: inherit;
    box-shadow: none;
	display: block;
    height: 32px;
    line-height: 32px;
	width: 275px;
	padding-left:13px;
}
/* Style the tab */
div.tab {
    overflow: hidden;
    border: 1px solid #ccc;
    background-color: #f1f1f1;
}

/* Style the buttons inside the tab */
div.tab button {
    background-color: inherit;
    float: left;
    border: none;
    outline: none;
    cursor: pointer;
    padding: 14px 16px;
    transition: 0.3s;
}

/* Change background color of buttons on hover */
div.tab button:hover {
    background-color: #ddd;
}

/* Create an active/current tablink class */
div.tab button.active {
    background-color: #ccc;
}

/* Style the tab content */
.tabcontent {
    display: none;
    padding: 6px 12px;
    border: 1px solid #ccc;
    border-top: none;
}
.all_course_tab li a, .angular_tab  li a, .ccpp_tab  li a{color:#555;}
.angular_tab, .ccpp_tab{width:45%;}
.all_course_tab>li>a{padding: 10px 12px;}
//.blog-details a.button{margin-right:0px !important;}
.register-from.slider_popup{margin: 0 40px !important;
	//padding: 40px 40px !important;
}
.testimonial-peragraph p span{margin-top:20px;}
.blog-details.all_blogs{padding-bottom:16px !important;    padding-top: 22px;}
.all_courses{margin-right:0px !important;}
.course_title{color: #fff;text-align: center;font-size: 18px;font-weight: 600;}
.banner-img  img{padding:50px;}
#subcourse option:hover option{background:#fff !important;}
.copyright{font-size:13px;}
.duration_fee{background-color: rgba(158, 158, 158, 0.2);border-left: 10px solid #72c05b;padding-top:15px;}
.nav-tabs{border-bottom: 1px solid #ddd;}
.nav-tabs>li.active>a, .nav-tabs>li.active>a:hover, .nav-tabs>li.active>a:focus{color: #fff !important;background-color: #72C05B;border: 1px solid #ddd;border-bottom-color: transparent;cursor: default;}
#sliderform .sent, #htmlform .sent, #phpform .sent, #javaform .sent, #angularform .sent, #nodejsform .sent, #bootstrapform .sent, #wordpressform .sent, #illustratorform .sent, #photoshopform .sent, #indesignform .sent, #pagemakerform .sent, #bdotnetform .sent, #adoform .sent, #aspform .sent, #csharpform .sent, #dotnetmvcform .sent, #corejavaform .sent, #advancedjavaform .sent, #hibernateform .sent, #springform .sent, #strutsform .sent, #j2eeform .sent, #manualform .sent, #seleniumform .sent, #qtpform .sent, #mobileform .sent, #oracleform .sent, #oadvancedform .sent, #sqlform .sent, #mssqlform .sent, #aexcelform .sent, #vbamacrosform .sent, #tbasicform .sent, #tadvanceform .sent, #ccppform .sent, #ccnaform .sent, #ionicform .sent, #seoform .sent, #free_demo .sent{margin-top:15px;}
.panel-heading .accordion-toggle:after {
    /* symbol for "opening" panels */
    font-family: FontAwesome; /* essential for enabling glyphicon */
    content: "\f078";    /* adjust as needed, taken from bootstrap.css */
    float: right;        /* adjust as needed */
    color: grey;         /* adjust as needed */
	font-size:10px;
}
.panel-heading .accordion-toggle.collapsed:after {
    /* symbol for "collapsed" panels */
    content: "\f054";    /* adjust as needed, taken from bootstrap.css */
	font-size:10px;
}
#accordion h4{margin-top:0px;}
input[type="radio"]{height:14px;width:20px;margin:5px 2px 0 0;}
#sidebar.sticky {
	float: none;
	position: fixed;
	top: 20px;
	z-index: 6;
	right: auto;
	width:34%;
}
.inside{background-color: rgba(158, 158, 158, 0.09)}
.sideform input{background:#fff !important;}
.sideform select{background:#fff !important;border: 1px solid #c1c1c1;height:32px;}
.sideform select:focus{outline:#72C05B;border-color:#72C05B;}
.sideform textarea{background:#fff !important;height:130px;}
#free_demo .form-control{border-radius:0px;}
#free_demo textarea{height: 145px;border:1px solid #ccc;}
#free_demo input:focus,#free_demo textarea:focus,#free_demo select:focus {border-color:#72C05B;}
.modal-body{font-size: 18px;line-height: 1.9;}
.thanku{ background-color: #72c05b;
	border:2px solid #72c05b;
    /* border: inherit; */
    /* border-radius: 5px; */
    color: #fff;
    font-size: 13px;
    font-weight: 500;
    padding: 0px 30px;
    text-transform: capitalize;
    transition: all 0.3s ease 0s;
position: relative;}
.thanku:hover{background-color:#fff;border:2px solid #72c05b;color:#000;}
.inside .sent{margin-top: 15px;}
.slick-slider:focus, .slick-slide:focus{outline: 0px !important;}
.inregister h2{background-color: #72C05B;color: #fff;padding: 5px 15px;font-size: 17px;border: 2px solid #72C05B;}
.inregister h2:hover{background: #242a33;border-color: #fff;}
.areadetails p{line-height:15px}
.goback{background-color: #72C05B;color: #fff;padding: 5px 15px;font-size: 17px;border: 2px solid #72C05B;margin-top:15px;}
.goback:hover{background: #242a33;border-color: #fff;}
@media only screen and (min-width: 1280px)
{
	.all_courses span{padding:10px 75px !important;margin:15px 0 10px 0 !important;}
}
@media screen and (max-width: 640px) and (min-width: 360px) {
	.banner-blog-area.ptb-110 .service-from{min-height:340px;}
	.all_courses span{padding: 10px 79px !important;margin:0 !important;}
	.blog-details.all_blogs{padding-bottom:5px !important;}
}
@media screen and (max-width: 1024px) and (min-width: 768px) {
	.banner-blog-area.ptb-110 .service-from{min-height:380px;}
	.all_courses span{padding: 10px 117px !important;margin:0 !important;}
	.blog-details.all_blogs{padding-bottom:45px !important;}
}

/*----------------alter code--------------*/

.testimonial-area .col-md-9 .read-button{
	float:right;
	border: 2px solid #72c05b;
}
.testimonial-area .col-md-9 .read-button:hover{
    background-color: #fff;
    border: 2px solid #72c05b;
    color: #000;
}
.testimonial-area .col-md-9 .read-button span:hover{
	color:#000;
}

.banner-blog-area .blog-details .all_courses{
	margin-top: 24px;
    margin-bottom: 15px;
}

.blog-details a.button,
.img-text a.button {
    margin-top:15px;
	margin-right:0px;
}


/*-------------------enquiry form-------------------*/

.floating-form {
    max-width: 300px;
    padding: 30px 30px 10px 30px;
    font: 13px Arial, Helvetica, sans-serif;
    background: #F9F9F9;
    border: 1px solid #ddd;
    right: 10px;
    position: fixed;
    box-shadow: -2px 0px 8px rgba(43, 33, 33, 0.06);
    -moz-box-shadow: -2px -0px 8px rgba(43, 33, 33, 0.06);
    -webkit-box-shadow: -2px 0px 8px rgba(43, 33, 33, 0.06);
    z-index: 9999;
}

.contact-opener {
    position: absolute;
    left: -81px;
    transform: rotate(-90deg);
    top: 338px;
    background-color: #216288;
    padding: 9px;
    color: #fff;
    text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.43);
    cursor: pointer;
    border-radius: 5px 5px 0px 0px;
    -webkit-border-radius: 5px 5px 0px 0px;
    -moz-border-radius: 5px 5px 0px 0px;
    box-shadow: -2px 0px 8px rgba(43, 33, 33, 0.06);
    -moz-box-shadow: -2px -0px 8px rgba(43, 33, 33, 0.06);
    -webkit-box-shadow: -2px 0px 8px rgba(43, 33, 33, 0.06);
}


.floating-form input[type="button"], .floating-form input[type="submit"], .contact-opener {
    /* -moz-box-shadow: inset 0px 1px 0px 0px #3985B1; */
    /* -webkit-box-shadow: inset 0px 1px 0px 0px #3985B1; */
    /* box-shadow: inset 0px 1px 0px 0px #3985B1; */
    /* background-color: #216288; */
    /* border: 1px solid #17445E; */
	background-color:#ee4a0e;
    display: inline-block;
    cursor: pointer;
    color: #FFFFFF;
    padding: 8px 18px;
    text-decoration: none;
    font: 12px Arial, Helvetica, sans-serif;
	top:387px;
}

.contact-opener {
    
    background-color: #72C05B;
	margin-left:16px;
	font-size:15px;
	border-radius:0px;
	border:2px solid #72c05b;
}
#contact_form .contact-opener:hover{
	background-color: #f9f9f9;
    border: 2px solid #72c05b;
    color: #000;
	border-radius:0px;
}


.floating-form label {
    display: block;
    margin: 0px 0px 15px 0px;
}

.floating-form label > span {
    width: 70px;
    font-weight: bold;
    float: left;
    padding-top: 8px;
    padding-right: 5px;
}


.floating-form input.input-field {
    width: 68%;
}

.floating-form input.input-field, .floating-form .tel-number-field, .floating-form .textarea-field, .floating-form .select-field {
    -webkit-transition: all 0.30s ease-in-out;
    -moz-transition: all 0.30s ease-in-out;
    -ms-transition: all 0.30s ease-in-out;
    -o-transition: all 0.30s ease-in-out;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    border: 1px solid #C2C2C2;
    box-shadow: 1px 1px 4px #EBEBEB;
    -moz-box-shadow: 1px 1px 4px #EBEBEB;
    -webkit-box-shadow: 1px 1px 4px #EBEBEB;
    border-radius: 3px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    padding: 7px;
    outline: none;
}


.floating-form .textarea-field {
    height: 100px;
    width: 68%;
}

.floating-form .long {
    width: 120px;
}

.floating-form-heading {
    font-weight: bold;
    font-style: italic;
    border-bottom: 2px solid #ddd;
    margin-bottom: 10px;
    font-size: 15px;
    padding-bottom: 15px;
}

.floating-form span.required {
    color: red;
}


.floating-form .input-field:focus, .floating-form .tel-number-field:focus, .floating-form .textarea-field:focus, .floating-form .select-field:focus {
    border: 1px solid #f7ac00;
}
#contact_form #submit{
	padding:7px 20px;
}

#contact_form .sent{
	margin-top:15px;
}

/*-------------------end of the enquiry form-------------*/	

.training-section .sticky{
	position:sticky;
	top:0;
	padding:5px;
}

#enqmsg{
    border: 1px solid #c1c1c1;
    background: transparent none repeat scroll 0 0;
    margin-top: 20px;
    padding-left: 20px;
}

#sidebar .register-from{
	margin:0 0 0 100px;
}

@media(max-width:990px){
	#sidebar .register-from{
		margin:0px;
	}
}

.event-text-img img{
	width:172px;
	height:204px;
	
}

/*-----------pop up model------------*/
.overlay {
	position: fixed;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	background: rgba(0, 0, 0, 0.7);
	transition: opacity 500ms;
	visibility: hidden;
	opacity: 0;
}
.overlay:target {
	visibility: visible;
	opacity: 1;
}

.popup {
	margin: 70px auto;
	padding: 20px;
	background: #fff;
	border-radius: 5px;
	width: 30%;
	position: relative;
	transition: all 5s ease-in-out;
}

.popup h2 {
	margin-top: 0;
	color: #333;
	font-family: Tahoma, Arial, sans-serif;
}
.popup .close {
	position: absolute;
	top: 20px;
	right: 30px;
	transition: all 200ms;
	font-size: 30px;
	font-weight: bold;
	text-decoration: none;
	color: #333;
}
.popup .close:hover {
	color: #06D85F;
}
.popup .content {
	max-height: 30%;
	overflow: auto;
}

@media screen and (max-width: 700px){
	.box{
		width: 70%;
	}
	.popup{
		width: 70%;
	}
}

#popup-mail{
	background-color: white;
    height: 200px;
    padding: 15px;
}
#popup-submit{
	margin-top:15px;
}

/*--------------- pagination only -------------*/
#easyPaginate {width:100%;}
#easyPaginate .testimonial-all {display:block; margin-bottom:10px;}
.easyPaginateNav a {padding:15px;
	color:#fff;
	border: 1px solid #72c05b;
    background-color: #72c05b;
	margin:2px;
}
.easyPaginateNav a.current, .easyPaginateNav a:hover {font-weight:bold;text-decoration:none;
	background-color: #fff;
    color: #000 !important; 
	background: rgba(0, 0, 0, 0.09) none repeat scroll 0 0;
}
.testimonial-area #easyPaginate .testimonial-peragraph{
	margin-bottom:20px;
}


#content .row .angular_tab  li a{
	color:#555;
	font-size:14px;
	padding:8px;
	font-weight:bold;
	
}

#content .row .angular_tab>li.active>a, #content .row .angular_tab>li.active>a:hover, #content .row .angular_tab>li.active>a:focus {
	font-size:15px;
	padding: 8px 15px;
}
@media(max-width:990px){
	#content .row .angular_tab>li.active>a, #content .row .angular_tab>li.active>a:hover, #content .row .angular_tab>li.active>a:focus {
		color:#555;
		font-size:14px;
		padding:8px;
		font-weight:bold;
	}
}
#content .row .angular_tab{
	padding-left:0px;
}
#courses {
	padding: 8px 41px;
	border:solid 1px grey;
	
}
#courses ul li a{
	color:black;
}
#courses h2{
	font-size: 24px;
    font-weight: bold;
    margin-bottom: 45px;
}
#index-slider-form{
	padding-left:0px;
	padding-right:0px;
	
}
#index-slider-form .register-from {
    background-color: #1F212B;
    margin-right: 0px;
    /* padding: 40px 30px; */
    padding: 0px;
	height:373px;
	padding-top:50px;
	padding-right:15px;
	padding-left:15px;
	
}
#index{
	padding:0px;
}
#index .col-sm-12{
	padding-left:0px;
	padding-right:0px;
	
}

.slider-area {
	
    padding-left: 0;
    padding-right: 0px;
}
#index-slider-form #register-course{
	font-size:12px;
}
#registerform .orderby-wrapper p{
	color:#F4F4F4;
}
#go-submit{
	size:10px;
	padding:5px 25px;
	float:left;
}
#submit p a{
	font-size:5px;
}

.detailed-page-right-content a{
	color:#000;
}
.detailed-page-right-content li {
    list-style-type: none;
    margin-top: 15px;
    border-bottom: 1px solid #DDDDDD;
}
/* #sidebar .register-from { */
/* margin: -52px 0 0 62px; */
/* } */
#text-17  h4{
	background-color: rgba(158, 158, 158, 0.2);
    border-left: 10px solid #72c05b;
    padding-top: 15px;
	font-size: 22px;
	padding-left: 70px;
    padding-bottom: 20px;
	color:#3F3F3F;
	
}


/*------------------social bar--------------------*/
.social {
	position: fixed;
	top: 280px;
	z-index:9;
	width:45px;
}
.social a:hover{
	color:#fff !important;
}

.social ul {
	padding: 0px;
	-webkit-transform: translate(-270px, 0);
	-moz-transform: translate(-270px, 0);
	-ms-transform: translate(-270px, 0);
	-o-transform: translate(-270px, 0);
	transform: translate(-270px, 0);
}
.social ul li {
	display: block;
	margin: 1px;
	background: rgba(0, 0, 0, 0.36);
	width: 315px;
	text-align: right;
	padding: 8px;
	/* -webkit-border-radius: 0 30px 30px 0; */
	/* -moz-border-radius: 0 30px 30px 0; */
	/* border-radius: 0 30px 30px 0; */
	-webkit-transition: all 1s;
	-moz-transition: all 1s;
	-ms-transition: all 1s;
	-o-transition: all 1s;
	transition: all 1s;
}
.social ul li:hover {
	-webkit-transform: translate(110px, 0);
	-moz-transform: translate(110px, 0);
	-ms-transform: translate(110px, 0);
	-o-transform: translate(110px, 0);
	transform: translate(110px, 0);
	background: rgba(255, 255, 255, 0.4);
}
.social ul li:hover a {
	color: #000;
}
.social ul li:hover i {
	color: #fff;
	background: #fff;
	-webkit-transform: rotate(360deg);
	-moz-transform: rotate(360deg);
	-ms-transform: rotate(360deg);
	-o-transform: rotate(360deg);
	transform: rotate(360deg);
	-webkit-transition: all 1s;
	-moz-transition: all 1s;
	-ms-transition: all 1s;
	-o-transition: all 1s;
	transition: all 1s;
}
.social ul li i {
	margin-left: 10px;
	color: #000;
	background: #fff;
	padding: 8px;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	border-radius: 50%;
	width: 30px;
	height: 30px;
	font-size: 15px;
	background: #ffffff;
	-webkit-transform: rotate(0deg);
	-moz-transform: rotate(0deg);
	-ms-transform: rotate(0deg);
	-o-transform: rotate(0deg);
	transform: rotate(0deg);
}


#sticky-social a {
	background: #333;
	color: #fff;
	display: block;
	height: 35px;
	font: 16px "Open Sans", sans-serif;
	line-height: 35px;
	position: relative;
	text-align: center;
	width: 35px;
}
#sticky-social a span {
	line-height: 35px;
	left: -120px;
	position: absolute;
	text-align:center;
	width:120px;
}
#sticky-social a:hover span {
	left: 100%;
}
/*------------facebook---------*/
.social ul .social-facebook:hover i{
	color:#4267b2;
	
}
.social ul .social-facebook:hover {
	background-color:#4267b2;
	color:#fff;
	width:255px;
	margin-left:30px;
}
.social ul .social-facebook:hover a {
	color: #fff;
}
/*------------twitter---------*/
.social ul .social-twitter:hover i{
	color:#1da1f2;
}
.social ul .social-twitter:hover {
	background-color:#1da1f2;
	color:#fff;
	width:255px;
	margin-left:30px;
}
.social ul .social-twitter:hover a {
	color: #fff;
}
/*------------google+---------*/
.social ul .social-googleplus:hover i{
	color:#db4437;
}
.social ul .social-googleplus:hover {
	background-color:#db4437;
	color:#fff;
	width:255px;
	margin-left:30px;
}
.social ul .social-googleplus:hover a {
	color: #fff;
}
/*------------instagram---------*/
.social ul .social-instagram:hover i{
	color:#d10869;
}
.social ul .social-instagram:hover {
	background-color:#d10869;
	color:#fff;
	width:255px;
	margin-left:30px;
}
.social ul .social-instagram:hover a {
	color: #fff;
}

/*-----------end of the social bar------------------*/

.service-left a{
	color:#000;
	font-size:13px;
}
.offer-text p{
	margin-bottom:0px;
}
.sidebar-menu li a:hover{
	margin-left:15px;
}


#content .duration_fee{
	height:65px;
}

@media(max-width:990px){
	#content .duration_fee{
		height:auto;
	}
	.header-top-social{
		margin-top:5px;
	}
	#index-slider-form label{
		text-align:center;
	}
	#courseselect, #subcourse{
		margin-left:45px;
		width:228px;
	}
	.header-top-info a,
	.header-top-language ul li a,
	.header-top-social > p,
	.header-top-social > ul li a {
		
		font-size: 12px;
		
	}
	.header-top-info ul li {
		
		font-size: 12px;
	}
	
}
#top-course-all-course{
	margin-right: 8px;
    margin-top: 16px;
	color:#000;
	color: #02acdb;
    font-weight: 700;
}
#top-course-all-course .icofont-double-right{
	/* font-size:20px; */
}

#top-course-all-course:hover{
	margin-right:0px;
}

/*-------page loader styles---------------*/

#loading{
	background-color: #e4e9ea;
	height: 100%;
	width: 100%;
	position: fixed;
	z-index: 999999999999;
	margin-top: 0px;
	top: 0px;
}
#loading-center{
	width: 100%;
	height: 100%;
	position: relative;
}
#loading-center-absolute {
	position: absolute;
	left: 50%;
	top: 50%;
	height: 200px;
	width: 200px;
	margin-top: -100px;
	margin-left: -100px;
	-ms-transform: rotate(-135deg); 
   	-webkit-transform: rotate(-135deg); 
    transform: rotate(-135deg);
	
}
.object{
	
	-moz-border-radius: 50% 50% 50% 50%;
	-webkit-border-radius: 50% 50% 50% 50%;
	border-radius: 50% 50% 50% 50%;
	position: absolute;
	border-top: 5px solid #72C05B;
	border-bottom: 5px solid transparent;
	border-left:  5px solid #72C05B;
	border-right: 5px solid transparent;
	
	-webkit-animation: animate 2s infinite;
	animation: animate 2s infinite;	
	
}


#object_one{
	left: 75px;
	top: 75px;
	width: 50px;
	height: 50px;
}

#object_two{
	left: 65px;
	top: 65px;
	width: 70px;
	height: 70px;
	-webkit-animation-delay: 0.2s;
    animation-delay: 0.2s;
}

#object_three{
	left: 55px;
	top: 55px;
	width: 90px;
	height: 90px;
	-webkit-animation-delay: 0.4s;
    animation-delay: 0.4s;
}
#object_four{
	left: 45px;
	top: 45px;
	width: 110px;
	height: 110px;
	-webkit-animation-delay: 0.6s;
    animation-delay: 0.6s;
	
}	

@-webkit-keyframes animate {
	
	
	50% {
		
		-ms-transform: rotate(360deg) scale(0.8); 
		-webkit-transform: rotate(360deg) scale(0.8); 
		transform: rotate(360deg) scale(0.8); 
	}
	
	
	
}

@keyframes animate {
	
	50% {
		
		-ms-transform: rotate(360deg) scale(0.8); 
		-webkit-transform: rotate(360deg) scale(0.8); 
		transform: rotate(360deg) scale(0.8); 
	}	
	
}


.bro_sld{
	.transition(.6s ease-in-out left);
}



.gallery-title
{
    font-size: 36px;
    color: #42B32F;
    text-align: center;
    font-weight: 500;
    margin-bottom: 70px;
}
.gallery-title:after {
    content: "";
    position: absolute;
    width: 7.5%;
    left: 46.5%;
    height: 45px;
    
}
.filter-button{
    font-size: 15px ! important;
    border: 1px solid #72C05B;
    border-radius: 5px;
    text-align: center;
    color: #eee;
    margin-bottom: 30px;
    background: #72C05B;
    font-weight: 600;
	
}
.filter-button:hover
{
    font-size: 18px;
    border: 1px solid #42B32F;
    border-radius: 5px;
    text-align: center;
    color: #ffffff;
    background-color: #42B32F;
	
}
.btn-default:active .filter-button:active
{
    background-color: #42B32F;
    color: white;
}

.port-image
{
    width: 100%;
}

.gallery_product
{
    margin-bottom: 30px;
}


.fancybox-custom .fancybox-skin {
	box-shadow: 0 0 50px #222;
}



#floater {
   position: absolute;
    top: 400px;
    right: 1px;
    /* width: 100px; */
    /* height: 100px; */
    -webkit-transition: all 2s ease-in-out;
    transition: all 2s ease-in-out;
    z-index: 1;
    /* border-radius: 3px 0 0 3px; */
   padding: 10px 15px;
    background-color: #72c05b;
    color: white;
    text-align: center;
    box-sizing: border-box;
}

.red {
    background-color: green;
    color: white;
}


.tit:hover{
color: #eee !important;
    text-decoration: none;
}


/* modal onload popup */

#pop-modal .modal-dialog {
    width: 100%;
}

#pop-modal .modal-content{
	
	border-radius: 0px;
}

.front {
    width: 60%;
    margin: auto;
}

#pop-modal .modal-header {
    min-height: 0px;
    padding: 0px;
    border-bottom: none;
    border-radius: 0;
}

#pop-modal .modal-header .close {
    margin-top: 0px;
    padding-right: 5px;
    position: relative;
    top: 7px;
    z-index: 9;
    right: 5px;
	
}

#pop-modal .modal-body {
    /* background-image: url(../images/popup/protank2.jpg); */
    background-size: 100%;
    background-repeat: no-repeat;
}

.close {
    float: right;
    font-size: 28px; 
    font-weight: bold;
    line-height: 1;
    color: #000;
    text-shadow: 0 1px 0 #fff;
    filter: alpha(opacity=20);
    opacity: 1 ;
}



.modal-dialog {
    width: 600px;
    margin: 28px auto ! important;
}

.modal-body{
	
	padding: 26px ! important;
	
}


.modal-body img{
	
 width: 100%;
  box-shadow: 0 10px 20px rgba(51,73,90,.2);
}

.pop-icons{
	
	margin-right: 15px;
	color: #000 ! important;
}
.left-pan{
	
	padding: 0;
}

.left-pan ul li{
	
	font-size: 15px;
    /* line-height: 55px; */
    margin-top: 25px;
}


.pop-icons-1{
	
	margin-right: 10px;
	
}

.pop-contact ul li .fa-mobile:before{
	
	font-size: 24px ! important;
}

@media(max-width:990px){
	.front {
		    width: 100%;
	}
	
	.left-pan ul li span{
	
	
    margin-left: 0px ! important;
}
}