.about_section{
    position: relative;
}
.about_section .about_bg{
    background-image: url(../img/about-bg.png);
    background-repeat: no-repeat;
    background-attachment: scroll;
    background-position: 90% 100%;
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
}
.padding {
    padding: 50px 0;
}
.bd-bottom {
    border-bottom: 1px solid #eaeaea;
}
.about_content{
    padding: 70px 0 0;
    color: #000;
}

.about_content .about_btn{
    padding: 10px 20px;
    background-color: #1d1d1d;
    color: #fff;
    border-radius: 3px;
    transition: all 0.5s ease-in-out;
}

.about_content .about_btn:hover{
    background-color: #901a1c;
}

.content_box{
    padding: 90px 0 0;
}
.content_box h2,
.about_content h2{
    font-size: 32px;
    font-weight: 900;
}
.content_box h3,
.about_content h3{
    font-weight: 900;
    color: #777;
}
.content_box span,
.about_content span{
    color: #901a1c;
}
.apointment_form{
    background-color: #1d1d1d;
    padding: 40px 40px;
    border-radius: 2px;
    border: 15px solid #f7f7f7;
   box-shadow: 5px 5px 5px 5px rgba(0, 0, 0, 0.1);
}
.apointment_form h2{
    font-size: 22px;
    color: #fff;
}
.apointment_form p{
    color: #fff;
}
.apointment_form .form-group{
    margin-bottom: 8px;
}
.apointment_form .form-control{
    height: 50px;
    border-radius: 2px;
}
.apointment_form textarea.form-control{
    min-height: 80px;
}
.apointment_form .default_btn{
    background-color: #fff;
    border: 2px solid #fff;
    color: #777;
}
.apointment_form .default_btn:hover{
    box-shadow: 0px 16px 28px 0px rgba(0, 0, 0, 0.15);
}
.contact_form .alert,
.apointment_form .alert{
    display: none;
}
#appointment_form .alert.alert-success,
#appointment_form .alert.alert-danger,
#ajax_form .alert.alert-success,
#ajax_form .alert.alert-danger{
    display: block;
    margin: 15px 0 0;
} 
.apointment_form input::-webkit-input-placeholder,
.apointment_form textarea::-webkit-input-placeholder{
   color: #777 !important;
}

.apointment_form input:-moz-placeholder,
.apointment_form textarea:-moz-placeholder{ /* Firefox 18- */
   color: #777 !important;  
}

.apointment_form input::-moz-placeholder,
.apointment_form textarea::-moz-placeholder{  /* Firefox 19+ */
   color: #777 !important;  
}

.apointment_form input:-ms-input-placeholder,
.apointment_form textarea:-ms-input-placeholder{  
   color: #777 !important;  
}
/*Video Box*/
.video_box{
    position: relative;
}
.video_box img{
    width: 100%;
    border-radius: 5px;
    transition: 0.3s;
    box-shadow: 0px 16px 28px 0px rgba(0, 0, 0, 0.15);
}
.video_box .overlay{
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
}
.video_box .video_icon{
    background-color: #1d1d1d;
    display: inline-block;
    height: 70px;
    width: 70px;
    line-height: 70px;
    color: #fff;
    border-radius: 50%;
    text-align: center;
}
.video_box .video_icon:hover{
    transition: 0.3s;
    box-shadow: 0px 16px 28px 0px rgba(0, 0, 0, 0.15);
}


section.main{background:#71d1f7; padding-bottom:40px;}
section.main .cats-heading{}
section.main .cats-heading h3{margin:0px; color:#111; font-family: 'Fjalla One', sans-serif; font-size:28px; padding-top:30px;}

section.main .section-area{}
section.main .section-area .cats-commons{margin-top:15px;}
section.main .section-area .cats-commons .img-wrapper{position:relative;}
section.main .section-area .cats-commons .img-wrapper:hover{}
section.main .section-area .cats-commons .img-wrapper a{display:block;}
section.main .section-area .cats-commons .img-wrapper a img{display:block; width:100%;}

section.main .section-area .cats-commons .img-wrapper .showonfront{position:absolute; top:0px; left:0px; right:0px; width:100%; height:100%; background:rgba(42,77,138,0.8); opacity:0; padding-top:15%; padding-left:20px; padding-right:20px; color: white;}
section.main .section-area .cats-commons .img-wrapper:hover .showonfront{opacity:1;}

section.main .section-area .cats-commons .img-wrapper .showonfront h3{margin:0px; color:#fff;}
section.main .section-area .cats-commons .img-wrapper .showonfront p{margin:0px; color:#fff; font-family: 'Lato', sans-serif;}
section.main .section-area .cats-commons .img-wrapper .showonfront a{text-decoration:none; display:inline-block; font-family: 'Lato', sans-serif; color:#fff;}
section.main .section-area .cats-commons .img-wrapper .showonfront a span{display:inline-block; color:#fff;}

/*certificate area start*/
.certificatemain{ background:#ecf0f2; padding:20px 0 40px 0;}
.certificate2{}
.certificate2 img{ display:inline-block; padding:0px 16px;}
.certificate2 h3{ font-family: 'Open Sans', sans-serif; color:#2a2a2a; display:inline-block; font-size:16px; font-weight:700; margin:0 0 0 0px; padding:0 0 0 0px;
 text-transform:uppercase;}
.certificate2 h2{ font-family: 'Montserrat', sans-serif; color:#2a2a2a; font-size:18px; font-weight:800; margin:-13px 0 0 0px; padding:0 0 0 78px; text-transform:uppercase;}
.certificatebottom{}
.certificatebottom p{ font-family: 'Open Sans', sans-serif; color:#2a2a2a; font-weight:600; font-size:12px; padding:24px 0px; margin:0 0px; text-align:center;}

.fairextopmain{ background:#ecf0f2; padding:20px 0 9px 0;}
.fairex{}
.fairex img{ display:inline-block; padding:0px 16px;}
.fairex h3{ font-family: 'Open Sans', sans-serif; color:#2a2a2a; display:inline-block; font-size:16px; font-weight:700; margin:0 0 0 0px; padding:0 0 0 0px;
 text-transform:uppercase;}
.fairex h2{ font-family: 'Montserrat', sans-serif; color:#2a2a2a; font-size:18px; font-weight:800; margin:-13px 0 0 0px; padding:0 0 0 94px; text-transform:uppercase;}
.fairex_main{ padding:20px 0 4px 0; text-align:center;}
.fairex_main img{}
.fairex_main h4 a{ font-family: 'Montserrat', sans-serif; color:#fff; font-size:13px; display:inline-block; padding:11px 22px; background:#111111; font-weight:600;
 border:5px solid #ecf0f2; border-radius:24px; transition:all 0.4s; margin:-12px 0 0 0;}
.fairex_main h4 a:hover{ background:#000;}
/*certificate area end*/