/*-----------------------------------------------
       1. fonts
-----------------------------------------------*/

@font-face { font-family: 'Open Sans'; src: url('../fonts/OpenSans.eot'); src: url('../fonts/OpenSansd41d.eot?#iefix') format('embedded-opentype'), url('../fonts/OpenSans.woff') format('woff'), url('../fonts/OpenSans.ttf') format('truetype'); font-weight: normal; font-style: normal; }
@font-face { font-family: 'Open Sans'; src: url('../fonts/OpenSans-Semibold.eot'); src: url('../fonts/OpenSans-Semiboldd41d.eot?#iefix') format('embedded-opentype'), url('../fonts/OpenSans-Semibold.woff') format('woff'), url('../fonts/OpenSans-Semibold.ttf') format('truetype'); font-weight: 600; font-style: normal; }
@font-face { font-family: 'Roboto Condensed'; src: url('../fonts/Roboto%20Condensed%20Regular.eot'); src: url('../fonts/Roboto%20Condensed%20Regulard41d.eot?#iefix') format('embedded-opentype'), url('../fonts/Roboto%20Condensed%20Regular.woff2') format('woff2'), url('../fonts/Roboto%20Condensed%20Regular.woff') format('woff'), url('../fonts/Roboto%20Condensed%20Regular.svg#Roboto Condensed Regular') format('svg'); font-weight: 400; font-style: normal; font-stretch: condensed; unicode-range: U+0002-FFFD; }
@font-face { font-family: 'Roboto Light'; src: url('../fonts/Roboto%20Light.eot'); src: url('../fonts/Roboto%20Lightd41d.eot?#iefix') format('embedded-opentype'), url('../fonts/Roboto%20Light.woff2') format('woff2'), url('../fonts/Roboto%20Light.woff') format('woff'), url('../fonts/Roboto%20Light.svg#Roboto Light') format('svg'); font-weight: 300; font-style: normal; font-stretch: normal; unicode-range: U+000D-FFFD; }
@font-face { font-family: 'Roboto'; src: url('../fonts/Roboto-Italic.eot'); src: url('../fonts/Roboto-Italicd41d.eot?#iefix') format('embedded-opentype'), url('../fonts/Roboto-Italic.woff') format('woff'), url('../fonts/Roboto-Italic.ttf') format('truetype'); font-weight: normal; font-style: italic; }
@font-face { font-family: 'DevLys 010'; src: url('../fonts/DevLys-010Thin.eot'); src: url('../fonts/DevLys-010Thind41d.eot?#iefix') format('embedded-opentype'), url('../fonts/DevLys-010Thin.woff') format('woff'), url('../fonts/DevLys-010Thin.ttf') format('truetype'); font-weight: 100; font-style: normal; }
@font-face { font-family: 'DevLys 010'; src: url('../fonts/DevLys-010.eot'); src: url('../fonts/DevLys-010d41d.eot?#iefix') format('embedded-opentype'), url('../fonts/DevLys-010.woff') format('woff'), url('../fonts/DevLys-010.ttf') format('truetype'); font-weight: normal; font-style: normal; }

@font-face { font-family: 'Roboto'; src: url('../fonts/Roboto%20Bold.eot'); src: url('../fonts/Roboto%20Boldd41d.eot?#iefix') format('embedded-opentype'), url('../fonts/Roboto%20Bold.woff2') format('woff2'), url('../fonts/Roboto%20Bold.woff') format('woff'), url('../fonts/Roboto%20Bold.svg#Roboto Bold') format('svg'); font-weight: 700; font-style: normal; font-stretch: normal; unicode-range: U+000D-FFFD; }
.ad_nav1 { background: #0e887a !important; transition: all .5s ease-in-out; }
.hindi_f p { font-family: 'Roboto'; font-style: normal !important; }
.hindi_f h3 { font-family: 'Roboto'; }
.ab_1_h { font-family: 'Roboto'; }
.font_h { font-family: 'Roboto'; }
.comd { font-family: 'Roboto Light'; display: inline-block !important; color: #575756 !important; }
.comda { height: 14px; width: 2px; background: #575756; display: inline-block !important; }
.desh { position: relative; top: 4px; left: 4px; color: #575756 !important; font-family: 'Roboto Light'; display: inline-block !important; }

.comd1 { font-family: 'Roboto Light'; display: inline-block !important; color: #fff !important; }
.comda1 { height: 14px; width: 2px; background: #fff; display: inline-block !important; }
.desh1 { position: relative; top: 4px; left: 4px; color: #fff !important; font-family: 'Roboto Light'; display: inline-block !important; }
.ab_1i { font-style: italic; }
.sm_show1, .sm_show2 { width: 240px; height: 140px; }

/*-----------------------------------------------
       side-nav
-----------------------------------------------*/
.sitemain1 { transition: all .5s ease-in-out; border: 1px solid #ddd; position: fixed; left: -262px; z-index: 999; padding: 14px; background: #fff; width: 262px; top: 17%; }
.site_nav1 { position: absolute; height: 50px; right: -92px; top: 40px; border: none; cursor: pointer; background: #8b5297; transform: rotate(90deg); padding: 10px 10px; display: block; color: #fff; font-size: 17px; font-family: 'Courgette'; border-top-left-radius: 10px; border-top-right-radius: 10px; }
.site_nav_l { left: 0 !important; }

.sitemain3 { transition: all .5s ease-in-out; border: 1px solid #ddd; position: fixed; right: -262px; z-index: 999; padding: 14px; background: #fff; width: 262px; top: 17%; }
.site_nav3 { position: absolute; height: 41px; left: -94px; top: 51px; border: none; cursor: pointer; background: #847176; width: 145px; transform: rotate(270deg); padding: 10px 3px; display: block; color: #fff; font-size: 15px; border-top-left-radius: 10px; border-top-right-radius: 10px; }
.site_nav_3 { right: 0 !important; }
.form_call { position: relative; width: 100%; padding: 7px 10px !important; border-radius: 3px !important; border: 1px solid #ddd !important; box-shadow: 0px 0px 20px -3px #ddd inset !important; outline: none !important; margin-bottom: 10px !important; font-size: 13px !important; }
.feed_btn_submit { border: none; text-align: center; cursor: pointer; transition: all .5s ease-in-out; background: #0e887a; width: 100%; padding: 8px 0px; display: block; color: #fff; font-size: 16px; }
    .feed_btn_submit:hover { background: #0d9f8e; text-decoration: none; color: #fff; }
.scrollToTop { z-index: 9; padding: 5px 10px; transition: all .5s ease-in-out; text-align: center; border: 1px solid #de660d; background: #de660d; color: #444; text-decoration: none; position: fixed; bottom: 50px; right: 40px; color: #fff; line-height: 28px; display: none; }
    .scrollToTop:hover { text-decoration: none; color: #fff; background: #fff; border: 1px solid #de660d; }
/*-----------------------------------------------
       2. reset css here
-----------------------------------------------*/
* { margin: 0; outline: none; padding: 0; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; }
body { font-family: 'Roboto Condensed'; outline: none; font-weight: normal; font-size: 14px; outline: none; }
a { text-decoration: none; transition: all .5s ease; color: #000; }
    a:hover { text-decoration: none; color: #000; }
    a, a:active, a:focus, a:hover, a:visited { outline: 0; text-decoration: none; }
        a:active, a:focus, a:visited { text-decoration: none; }
p { padding: 0; line-height: 1.4em; text-align: justify; }
    p.nom { margin-bottom: 0 !important; }
.clear { clear: both; }
.clearfix:after { clear: both; content: ''; display: block; }
ul li { list-style: none; }
ul { margin-bottom: 0; }
.slideshow1 { border-bottom: 1px solid #ddd; }
.scrollToTop { z-index: 9; padding: 5px 10px; text-align: center; border: 1px solid #ef3b24; background: #ef3b24; color: #444; text-decoration: none; position: fixed; bottom: 50px; right: 40px; color: #fff; line-height: 28px; display: none; }
    .scrollToTop:hover { text-decoration: none; color: #de660d; background: #fff; border: 1px solid #ef3b24; }
.form_wo img { max-width: 100%; max-height: 100%; }
#sticky { width: 100%; }
    #sticky.stick { position: fixed; top: 114px; z-index: 9; }
.stick1 { position: fixed; top: 114px; z-index: 9; width: 720px; background: #f3f3f3; padding: 17px; border-bottom: 1px solid #71b100; }
.stick2 { position: fixed; top: 206px; z-index: 9; width: 720px; background: #f3f3f3; border-bottom: 1px solid #71b100; }

.pol { position: relative; overflow: hidden; }


@media screen and (max-width:480px) {
    .sm_show1 { display: none !important; }

    .sm_show2 { display: block !important; }
    .box_1 { width: 50% !important; }
   
    .nv { bottom: -17px !important; }
    .btn_registration { left: -1px !important; top: 87px !important; transform: rotate(0deg) !important; border-radius: 0px !important; width: 40px !important; height: 39px !important; }
   
}

@media screen and (min-width:480px) and (max-width:768px) {
    .box_1 { width: 48% !important; }
}


@media screen and (max-width:768px) {
    
  
   
    .media_logo { position: absolute !important; left: 0 !important; right: 0 !important; margin: auto !important; }
   
   
    .login_t { height: auto !important; }
     


       
}

@media screen and (min-width:769px) and (max-width:1300px) {
   
   
}





@media screen and (min-width:1280px) and (max-width:1296px) {
    .box_sa { width: 59% !important; }
}

@media screen and (min-width:1170px) and (max-width:1280px) {
    .re_mo1 { font-size: 12px !important; }
    .box_sa { width: 60% !important; }
    .box_contact li { width: 100% !important; margin-bottom: 10px; }
    .flo_fom { width: 100% !important; }
}

@media screen and (min-width:1300px) and (max-width:1366px) {
    .box_sa { width: 64% !important; }
    .im_n_8 { width: 65% !important; }
    .box_contact li { width: 100% !important; margin-bottom: 10px; }
    .flo_fom { width: 100% !important; }
}

@media screen and (min-width:800px) and (max-width:1050px) {
    .bg_col { width: 100% !important; margin-bottom: 20px; }
    .first_2 { width: 28% !important; }
    .first_3 { width: 34% !important; }

    .media_9 { height: 235px !important; }
    .box_sa { height: 251px !important; }
    .media_b { position: absolute !important; left: 28px; right: 0; width: 30% !important; margin-top: 577px; }
    .cl_nav h3 { font-size: 15px !important; }
    .cl_nav ul li a{font-size:13px !important;}
    .mt40 {
        margin-top: 0 !important;
    }
    .mrw20 { width: 30% !important; }
    .img_about, .content_about { width: 100% !important; }
    .box_about { height: auto !important; }
    .content_about p, .content_about1 p { margin-bottom: 40px; }
    .content_about { margin-left: 0 !important; }
    .mtn { height: 387px !important; }
    .box_ch1 { width: 26% !important; }
    .box_chf2 { width: 70% !important; }
    .box_edu { height: 500px !important; }
    .box_chl1 { width: 26% !important; }
}

@media screen and (min-width:1100px) and (max-width:1200px) {
    .bg_col { width: 100% !important; margin-bottom: 20px; }

    .media_9 { height: 235px !important; }
    .box_sa { height: 251px !important; }
    .media_b { position: absolute !important; left: 28px; right: 0; width: 30% !important; margin-top: 577px; }
    .im_n_4 { height: 476px !important; }
    .cl_nav h3 { font-size: 26px !important; }
    .mt40 { margin-top: 0 !important; }
}


@media screen and (min-width:650px) and (max-width:768px) {
    .bg_col { width: 100% !important; margin-bottom: 20px; }

    .media_9 { height: 257px !important; }
    .box_sa { height: 298px !important; }
    .media_b { position: absolute !important; left: 28px; right: 0; width: 30% !important; margin-top: 478px; }
    .im_n_4 { height: 367px !important; }
    .cl_nav h3 { font-size: 20px !important; }
    .cl_nav ul li a { font-size: 13px !important; }
    .mt40 { margin-top: 0 !important; }
    .slider_t .bx-wrapper .bx-viewport { width: 100% !important; }
    .box_sa_tes { width: 100% !important; }
    .slider_t .bx-wrapper .bx-prev { left: 0 !important; }
    .slider_t .bx-wrapper .bx-next { right: 0 !important; }

    .mrw20 { width: inherit !important; }
    .img_about, .content_about { width: 100% !important; }
    .box_about { height: auto !important; }
    .content_about p, .content_about1 p { margin-bottom: 40px; }
    .content_about { margin-left: 0 !important; }
    .mtn { height: 387px !important; }
}

@media screen and (min-width:490px) and (max-width:640px) {
    .im_n_3 { height: 174px !important; }
    .box_sa { width: 64% !important; }
    .bg_col { width: 100% !important; margin-bottom: 20px; }
    .media_9 { height: 257px !important; }
    .box_sa { height: 298px !important; }
    .im_n_4 { height: 367px !important; }
    .cl_nav h3 { font-size: 16px !important; }
    .cl_nav ul li a { font-size: 13px !important; }
    .mt40 { margin-top: 0 !important; }
    .slider_t .bx-wrapper .bx-viewport { width: 100% !important; }
    .box_sa_tes { width: 100% !important; }
    .slider_t .bx-wrapper .bx-prev { left: 0 !important; }
    .slider_t .bx-wrapper .bx-next { right: 0 !important; }
    .mrw20 { width: 100% !important; }
    .img_about, .content_about { width: 100% !important; }
    .box_about { height: auto !important; }
    .content_about p, .content_about1 p { margin-bottom: 40px; }
    .content_about { margin-left: 0 !important; }
    .mtn { height: 387px !important; }
}

@media screen and (min-width:320px) and (max-width:640px) {
    .first_2 { width: 100% !important;  text-align: center; }
    .first_3 { width: 100% !important; text-align: center; }
    .im_n_3 { height: 228px !important; }
    .bg_col { width: 100% !important; margin-bottom: 20px; }

    .box_sa { height: 298px !important; width: 53% !important; }
    .media_9 { height: auto !important; }
    .cl_nav h3 { font-size: 20px !important; }
    .cl_nav ul li a { font-size: 13px !important; }
    .mt40 { margin-top: 0 !important; }
    .slider_t .bx-wrapper .bx-viewport { width: 100% !important; }
    .box_sa_tes { width: auto !important; }
    .slider_t .bx-wrapper .bx-prev { left: 0 !important; }
    .slider_t .bx-wrapper .bx-next { right: 0 !important; }
    .box_sa_tes p { font-size: 15px !important; }
    .fl_la, .fl_ra { float: none !important; }
    .line_box { text-align: center; }
        .line_box span { display: block !important; margin-bottom: 10px; }
    .cl_nav {  margin-bottom: 20px; margin-right: 0 !important; }
    .mrw20 { width: 100% !important; }
    .img_about, .content_about { width: 100% !important; }
    .box_about { height: auto !important; }
    .content_about p, .content_about1 p { margin-bottom: 40px; }
    .content_about { margin-left: 0 !important; }
    .mtn { height: 387px !important; }
    .btn-cover {
    position: relative !important;
    top: 0;
    right: 0;
    left: 0;
    margin-bottom: 10px;
}
      .btn_registration {    left: 0 !important;
    right: 0 !important;
    bottom: 0;
    top: initial !important;
    width: 100% !important;
    display: block !important;
    transform: initial !important;}
    
}


@media screen and (max-width:480px) {
    .hod_a { display: none !important; }
    .show_mideaside { display: block !important; }
    .site_nav3 { left: -40px !important; top: -1px !important; transform: rotate(0deg) !important; border-radius: 0px !important; width: 40px !important; height: 36px !important; }
    .chair_b span { font-size: 12px !important; }
    .box_edu { height: 500px !important; }
    .width_1, .width_2 { width: 100% !important; }
    /*.as { position: relative !important; }*/
    .nav_all { left: 0 !important; width: 100%; padding: 46px; overflow: hidden; margin-bottom: 10px; }
    .cl_nav { width: 100% !important; margin-bottom: 20px; margin-right: 0 !important; }
    .work_w { width: 100% !important; }
    .icon_img1 span { float: left !important; width: 80% !important; }
    .wi_d { width: 100% !important; }
    .mi_l { width: 73% !important; }
    .bx_rd1 { border: none; }
    .smnone { display: none; }
    .smnone1 { display: block !important; }
    .fi_st { display: block !important; }
}


@media screen and (max-width:1024px) {
    .box_contact li { width: 100% !important; margin-bottom: 10px; }
    .flo_fom { width: 100% !important; }
    .heding_con h2 { font-size: 24px !important; }
    .con_info { margin-bottom: 10px; }
    .im_af { width: 21% !important; }
     .login_t .btn_registration_n1 {    background: #f00;
    animation: inherit;
    transform: inherit;
    left: 0;
    width: 100% !important;
    border-radius: inherit;
    margin-top: 121px !important;
    bottom: 0;
    font-size: 14px !important;
    height: auto !important;
}
     .ipt_date{width:100% !important;}
}



@media screen and (max-width:768px) {
    .box_ch1 { width: 100% !important; text-align: center; }
    .box_chl1 { width: 100% !important; text-align: center; }
    .about-tag a, .about-tag span { font-size: 12px !important; }
    .box_chf2 { width: 100% !important; margin-left: 0px !important; }
    .box_chl2 { width: 100% !important; margin-left: 0px !important; }
    .im_af { width: auto !important; margin-right: 0 !important; float: inherit !important; }
    .mi_rs { margin-top: 10px; }
    .pr_ra { width: 100% !important; }
        .pr_ra .pd { text-align: center; }
    .pop_b .modal-dialog { width: auto !important; }
    
}






@media screen and (min-width:180px) and (max-width:320px) {
    .bg_col { width: 100% !important; margin-bottom: 20px; }

    /*.box_1 { width: 50% !important; }*/
    .line_box span { font-size: 11px !important; }
    .box_sa { height: auto !important; width: 100% !important; }
    .slider_t .bx-wrapper .bx-next { background-size: 30px 30px !important; right: -24px !important; }
    .slider_t .bx-wrapper .bx-prev { background-size: 30px 30px !important; left: -12px !important; }
   
   
    .media_9 { height: auto !important; }
    .im_n_4 { height: auto !important; }
    .cl_nav h3 { font-size: 20px !important; }
    .cl_nav ul li a { font-size: 13px !important; }
    .mt40 { margin-top: 0 !important; }
    .slider_t .bx-wrapper .bx-viewport { width: 100% !important; }
    .box_sa_tes { width: auto !important; }
        .box_sa_tes p { font-size: 12px !important; }
    .fl_la, .fl_ra { float: none !important; }
    .line_box { text-align: center; }
        .line_box span { display: block !important; margin-bottom: 10px; }
    .mrw20 { width: 100% !important; }
    .img_about, .content_about { width: 100% !important; }
    .box_about { height: auto !important; }
    .content_about p, .content_about1 p { margin-bottom: 40px; }
    .content_about { margin-left: 0 !important; }
    .mtn { height: 387px !important; }
}

@media screen and (min-width:321px) and (max-width:450px) {
    .bg_col { width: 100% !important; margin-bottom: 20px; }

    /*.box_1 { width: 50% !important; }*/
    .line_box span { font-size: 11px !important; }
    .box_sa { height: auto !important; width: 100% !important; }
    .slider_t .bx-wrapper .bx-next { background-size: 30px 30px !important; right: -24px !important; }
    .slider_t .bx-wrapper .bx-prev { background-size: 30px 30px !important; left: -12px !important; }
   
   
    .media_9 { height: auto !important; }
    .im_n_4 { height: auto !important; }
    .cl_nav h3 { font-size: 20px !important; }
    .cl_nav ul li a { font-size: 13px !important; }
    .mt40 { margin-top: 0 !important; }
    .slider_t .bx-wrapper .bx-viewport { width: 100% !important; }
    .box_sa_tes { width: 100% !important; }
        .box_sa_tes p { font-size: 12px !important; }
    .fl_la, .fl_ra { float: none !important; }
    .line_box { text-align: center; }
        .line_box span { display: block !important; margin-bottom: 10px; }
    .mrw20 { width: 100% !important; }
    .img_about, .content_about { width: 100% !important; }
    .box_about { height: auto !important; }
    .content_about p, .content_about1 p { margin-bottom: 40px; }
    .content_about { margin-left: 0 !important; }
    .mtn { height: 387px !important; }
}



@media screen and (min-width:220px) and (max-width:400px) {
    .first_1 { width: 100% !important; float: inherit; }
    .img_s { display: block !important; height: auto !important; width: 100% !important; }
    .ine_w { height: auto !important; width: 100% !important; }
    .img_sn { width: auto !important; height: auto !important; margin-right: auto !important; }


    .im_n_5, .im_n_6, .im_n_8, .im_n_7, .im_n_1 { width: 100% !important; height: auto !important; }
}

@media screen and (min-width:401px) and (max-width:700px) {
    .first_1, .first_2, .first_3 { width: 100% !important;  text-align: center; }
    .img_s { display: block !important; height: auto !important; width: auto !important; }
    .ine_w { height: auto !important; width: initial !important; }
    .img_sn { width: auto !important; height: auto !important; display: inline-block !important; float: inherit !important; }
    .im_n_5 { width: auto !important; height: auto !important; margin-right: 0 !important; }
    .im_n_6 { width: auto !important; height: auto !important; margin-right: 0 !important; }
    .im2 { float: inherit !important; display: inline-block !important; }
    .bxa first_1 { text-align: center; }
    .im_n_8 { width: 100% !important; height: auto !important; }
    .im_n_7 { width: auto !important; }
    .auto_h { width: auto !important; height: auto !important; }
}

@media screen and (min-width:769px) and (max-width:1023px) {
    .mrw20 { width: auto !important; }
}

@media screen and (min-width:640px) and (max-width:1024px) {
    .first_1 { width: 32% !important; }
    .first_2 { width: 34% !important; }
    .first_3 { width: 27% !important; float: left; overflow: hidden; }
    .img_s { width: auto !important; height: auto !important; }
    .im_n_1 { width: 100% !important; height: auto !important; }
    .im_n_8 { margin-bottom: 0 !important; }
    .img_sn, .im_n_5, .im_n_6, .im_n_8, .im_n_7 { width: 100% !important; height: auto !important; }
}


@media screen and (min-width:1025px) and (max-width:1200px) {
    .first_1 { width: 32% !important; }
    .first_2 { width: 34% !important; }
    .first_3 { width: 27% !important; float: left; overflow: hidden; }
    .img_s { width: auto !important; height: auto !important; }
    .im_n_1 { width: 100% !important; height: auto !important; }
    .im_n_8 { margin-bottom: 0 !important; }
    .img_sn, .im_n_5, .im_n_6, .im_n_8, .im_n_7 { width: 100% !important; height: auto !important; }
    .img_about, .content_about { width: 100% !important; }
}

@media screen and (min-width:1025px) and (max-width:1250px) {
    .content_about { margin-left: 8px !important; }
    .box_about { height: auto !important; }
    .re_mo { position: relative !important; float: right; margin-top: 10px; }
}

@media screen and (min-width:1201px) and (max-width:1600px) {
    .img_sn { width: 67% !important; }
    .bg_col { width: 45% !important; }
    .im_n_6, .im_n_7 { width: 34% !important; }
    .im_n_8 { width: 61% !important; }
    .im_wn { width: auto !important; }
}

@media screen and (min-width:1190px) and (max-width:1440px) {
    .im_n_4, .im_n_7, .he_me2 { height: 270px !important; }
    .im_wn { width: 100% !important; }
}

@media screen and (min-width:1190px) and (max-width:1400px) {
    .im_wn { height: auto !important; }
    .img_s, .img_sn, .im_n_5 { height: 250px !important; }
    .im_n_1, .im_n_6, .cn_wi { height: 250px !important; }
    .ine_w { height: 296px !important; }
        .ine_w img { width: 100% !important; }

    .ne_ws { height: 270px !important; }
        .ne_ws img { height: 270px !important; }
    .he_me1 img, .he_me2 img { height: 100% !important; }
    .mt40 { margin-top: 0 !important; }
    .im_wn { width: 100% !important; }
}


@media screen and (min-width:1601px) and (max-width:1920px) {
    .site_nav3 { top: 1px; }
}



.im_wn { max-width: 100%; }

.footer_box { margin-bottom: 20px; }
.box_side_n { position: relative; }
.id_error { position: absolute; z-index: 9; top: 8px; right: 8px; color: #ef3b24; }
.form_wo { margin-bottom: 20px; text-align: center; }
    .form_wo img { max-height: 100%; max-width: 100%; }
.adf { position: relative; }

.id_error, .to_p { top: 13px; }
.box_chl1 { width: 30%; }
.box_chlne { width: 100%; }
    .box_chlne img { max-width: 100%; height: auto; margin-bottom: 10px; border: 6px solid #ddd; box-shadow: 0px 0px 8px -1px #545454; }



.box_chl2 { width: 66%; margin-left: 20px; }
.box_chl1 img { max-width: 100%; height: auto; margin-bottom: 20px; border: 6px solid #ddd; box-shadow: 0px 0px 8px -1px #545454; }
.img_center img { text-align: center; display: block; margin: auto; margin-bottom: 10px; border: 1px solid #ddd; max-width: 100%; max-height: auto; .img_2_about1 img; }
/*------------------------------------------------
      3. Box css
-------------------------------------------------*/
.mt5 { margin-top: 5px; }
.mr7 { margin-right: 7px; }
.ml7 { margin-left: 7px; }
.mb60 { margin-bottom: 60px; }
.ml10 { margin-left: 10px; }
.ml5 { margin-left: 5px; }
.mr5 { margin-right: 5px; }
.mr20 { margin-right: 19px; }
.mt10 { margin-top: 10px; }
.mt92 { margin-top: 92px; }
.mt50 { margin-top: 50px; }
.mb40 { margin-bottom: 40px; }
.mt15 { margin-top: 15px; }
.mt20 { margin-top: 20px; }
.mb5 { margin-bottom: 5px; }
.mb50 { margin-bottom: 50px; }
.mb10 { margin-bottom: 10px; }
.mb15 { margin-bottom: 15px; }
.mb20 { margin-bottom: 20px; }
.mt30 { margin-top: 30px; }
.mt40 { margin-top: 40px; }
.mt70 { margin-top: 70px; }
.ml20 { margin-left: 20px; }
.mb30 { margin-bottom: 30px; }
.mll { margin-left: 6px; }
.mr10 { margin-right: 10px; }
.mrr { margin-right: 6px; }
.pd10 { padding: 10px; }
.pd5 { padding: 5px; }
.pd15 { padding: 15px; }
.pdt5 { padding-top: 5px; }
.pdt10 { padding-top: 10px; }
.pdt15 { padding-top: 15px; }
.pdb5 { padding-bottom: 5px; }
.pdb10 { padding-bottom: 10px; }
.pdb15 { padding-bottom: 15px; }
.hr { margin: 10px 0px; }
.mato { margin: auto; }
.top { top: -147px; }
.btmh { display: block; }
.lft { float: left; }
.rgt { float: right; }
.mlno { margin-left: 0px !important; }
.active_nav { color: #fff !important; background: #669d06; }
/*-------------------------------------------------
       4. Heading css
-------------------------------------------------*/
h1, h2, h3, h4, h5, h6 { margin: 0; font-weight: normal; }
h1 { font-size: 36px; }
h2 { font-size: 30px; }
h3 { font-size: 24px; }
h4 { font-size: 18px; }
h5 { font-size: 16px; }
h6 { font-size: 14px; }
h4, .h4, h5, .h5, h6, .h6 { margin-top: 0px !important; }
header, section, footer, aside, nav, main, article, figure { display: block; }


/*-------------------------------------------------
        header css
-------------------------------------------------*/
.cont_full { width: 94%; margin: auto; }
.main_3 { width: 100%; height: 165px; position: relative; }
.box_al { width: 100%; position: relative;  }
.login_t{ display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;}
.login_t a {
    display: inline-block;
    background: #18b9a7;
    float: left;
    margin-right: 10px;
    padding: 10px 22px;
    text-align: center;
    color: #fff;
    font-size: 19px;
    font-family: 'Roboto';
    text-transform: uppercase;
    border-radius: 4px;
}
.m_box { width: 100%; margin-top: 10px; position: relative; }
.box_1 { float: left; width: 33%; }
.nv { position: absolute; left: 0; bottom: 0; }
.img_logo { text-align: center; }
    .img_logo a { display: inline-block; margin: auto; }
        .img_logo a img { display: block; text-align: center; margin: auto; }
.nvt {
    font-family: 'Roboto';
    display: inline-block;
    background: #18b9a7;
    border: none;
    float: right;
    padding: 10px 22px;
    color: #fff;
    font-size: 19px;
    font-weight: 600;
    text-transform: uppercase;
    border-radius: 4px;
}
.box_nav { width: 100%; display: block;  }

.nav_all { background: #373435; position: absolute; left: -9px; top: 0; width: 100%; padding: 46px; }
.cl_nav { width: 19%; float: left; margin-right: 6%; }
    .cl_nav:last-child { margin-right: 0; }
    .cl_nav h3 { color: #18b9a7; font-size: 20px; font-family: 'Roboto'; display: inline-block; border-bottom: 4px solid #18b9a7; padding-bottom: 10px; }
    .cl_nav ul { margin-top: 20px; }
        .cl_nav ul li a { padding: 5px 0px; display: block; color: #fff; font-size: 16px; font-family: 'Roboto'; }
.nav_drop { position: relative; width: 100%; margin-top: 28px; transition: all .8s ease-in-out; right: 2000px; z-index: 99; }
.ad_nav { right: 0; }
.img_s { width: 100%; display: block; margin-bottom: 20px; position: relative; }
.img_s1 { width: 462px; display: block; margin-bottom: 20px; position: relative; }
.img_sn { width: 68%; display: table-cell; margin-bottom: 20px; position: relative; float: left; overflow: hidden; }
.im2 { float: left; margin-right: 20px; position: relative; }
    .im2:last-child { margin-right: 0; }
.im_wn { width: 100%; }
.im_n_1 { height: 312px; width: 49%; overflow: hidden; display: table-cell; }
.im_n_3 { height: 206px; width: 100%; overflow: hidden; }
.im_n_4 { height: 308px; width: 100%; overflow: hidden; }
.im_n_5 { width: 29%; overflow: hidden; display: table-cell; margin-bottom: 20px; }
.im_n_6 { height: 312px; width: 31%; overflow: hidden; margin-bottom: 20px; }
.im_n_7 { width: 31%; overflow: hidden; margin-bottom: 20px; }
.im_n_8 { width: 66%; height: 308px; overflow: hidden; }
.slider_t .bx-wrapper .bx-next:hover { background-position: initial !important; }
.fi_st { display: table; }

.fl_a, .box_sa { float: left; display: table-cell; }
.box_sa { width: 64%; height: 312px; margin-bottom: 20px; background: #18b9a7; padding: 11px; position: relative; }
.img_sc { margin: auto; }
.bg_col1 { background: #18b9a7; width: 100%; padding: 20px; position: relative; }

.bg_col { background: #18b9a7; width: 46%; padding: 20px; position: relative; display: table-cell; }
.text_all h3 { font-size: 20px; line-height: 30px; color: #fff; font-family: 'Roboto'; }
.text_all span { font-size: 21px; display: block; }
.text_all p {
    font-size: 14px;
    color: #fff;
    margin-top: 16px;
    text-align: left;
    font-style: italic;
    line-height: 14px;
   
   
}
   

.re_mo { font-size: 14px; color: #fff; position: absolute; bottom: 10px; right: 16px; transition: all .5s ease-in-out; }
    .re_mo i { font-size: 20px; }
    .re_mo:hover { color: #fff; }
.re_mo1 { font-size: 13px; color: #fff; font-family: 'Roboto'; position: absolute; bottom: 0; transition: all .5s ease-in-out; background: #866A70; display: block; left: 0; right: 0; padding: 4px 10px; text-align: left; }
    .re_mo1 i { font-size: 17px; float: right; }
    .re_mo1:hover { color: #fff; }
.it_f { font-style: italic; font-size: 12px; margin-right: 5px; }
.hov_a { opacity: 0; background: rgba(140, 178, 21, 0.3); position: absolute; left: 332px; right: 0; top: 0; bottom: 0; transition: all .5s ease-in-out; }
.im2:hover .hov_a { left: 0; opacity: 1; }
.hov_a1 { background: rgba(140, 178, 21, 0.3); position: absolute; left: 700px; right: 0; top: 0; bottom: 0; transition: all .5s ease-in-out; }
.img_s:hover .hov_a1 { left: 0; }
.img_sn:hover .hov_a1 { left: 0; }
.ine_w { width: 100%; margin-bottom: 20px; margin-right: 0px; overflow: hidden; }
    .ine_w img { height: 411px; }
.bxa { float: left; overflow: hidden; margin-right: 20px; }
.first_1 { width: 32%; }
.first_2 { width: 19%; }
.first_3 { width: 45%; float: left; overflow: hidden; }
.img_s_2 { width: 462px; display: block; margin-bottom: 20px; position: relative; }
.text_all1 h3 { font-size: 20px; line-height: 30px; color: #fff; font-family: 'Roboto'; }
.text_all1 span { font-size: 24px; display: block; }
.text_all1 p { font-size: 14px; color: #fff; margin-top: 29px; text-align: left; font-style: italic; margin-bottom: 24px; }

/*=======testimonial=========*/
.slider_ts { background: #18b9a7; padding: 20px; }
.slider_t .bx-wrapper .bx-viewport { border: none; box-shadow: none; background: none; height: auto !important; width: 80% !important; margin: auto !important; }
.box_sa_tes { width: 80%; margin: auto; text-align: center; color:#fff; }
    .box_sa_tes h3 { text-align: center; font-size: 28px; font-family: 'Roboto'; color: #fff; margin-bottom: 15px; }
    .box_sa_tes > p { font-style: italic; text-align: center; color: #fff; font-size: 20px; }
    .box_sa_tes > a > p { font-style: italic; text-align: center; color: #fff; font-size: 20px; margin-bottom: 0; }
    .box_sa_tes h4{line-height:25px;}
    .slider_t .bx-wrapper .bx-viewport ul li{}

.slider_t .bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-pager, .bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-controls-auto { display: none; }
.slider_t .bx-wrapper { margin: 0; margin-bottom: 10px; }
    .slider_t .bx-wrapper .bx-prev { left: 85px; background: url(../images/arrow-left.png) no-repeat; }
    .slider_t .bx-wrapper .bx-next { right: 85px; background: url(../images/arrow-right.png) no-repeat; }
    .slider_t .bx-wrapper .bx-controls-direction a { position: absolute; top: 33%; margin-top: -16px; outline: 0; width: 50px; height: 50px; text-indent: -9999px; z-index: 9999; }
    .slider_t .bx-wrapper .bx-next:hover { background-position: inherit; }


/*=======footer=========*/
.footer_box h3 { font-size: 20px; font-family: 'Roboto'; color: #18b9a7; border-bottom: 3px solid #18b9a7; display: inline-block; margin-bottom: 15px; padding-bottom: 6px; }
.nav_footer li a { font-size: 14px; color: #6d6d6d; font-family: 'Roboto'; display: block; line-height: 26px; }
.f_it { font-style: italic; font-weight: normal; color: #18b9a7; }
.itn { display: inline-block !important; }
.cnt { margin-top: 20px; }
.social li { float: left; margin-right: 10px; margin-top: 8px; }
    .social li:last-child { margin-right: 0px; }
    .social li a { font-size: 30px; color: #575756; }
.gt_ro { text-align: right; display: block; font-weight: bold; color: #18b9a7; }
.line_box { border-top: 2px solid #18b9a7; padding-top: 20px; margin-top: 50px; margin-bottom: 20px; }
    .line_box span { font-size: 13px; color: #373435; display: inline-block; }
        .line_box span a { background: #18b9a7; padding: 3px 10px; color: #fff; margin-left: 5px; }
.fl_la { float: left; }
.fl_ra { float: right; }


/*=======aboutus=========*/
.about-tag a { color: #878787; font-size: 14px; }
.about-tag span { color: #878787; font-family: 'Roboto'; font-size: 14px; margin-left: 5px; }
.fl_about span { font-size: 29px; color: #18b9a7; }
.it_abo { font-style: italic; font-weight: normal; }
.ab_1 { font-family: 'Roboto'; }
.fl_about p { color: #575756; font-size: 15px; line-height: 23px; margin-top: 12px; }
.mrw20 { margin-right: 20px; width: 31.333333%; }
.box_about { background: #18b9a7; width: 100%; display: block; margin-bottom: 30px; height: 418px; position: relative; padding: 10px; }
.flo_l { float: left; }
.img_about { width: 57%; height: auto; margin: auto; text-align: center; transition: all .5s ease-in-out; }
    .img_about img { height: 100%; max-width: 100%; }
.content_about { width: 40%; margin-left: 10px; color: #fff; }
    .content_about p { text-align: left; font-style: italic; font-size: 15px; margin-top: 20px; }
    .content_about h3 { margin-top: 25px; font-family: 'Roboto'; }
.img_2_about { width: 100%; transition: all .5s ease-in-out; height: auto; margin: auto; text-align: center; }
    .img_2_about img { width: 100%; height: 216px; }
.box_about:hover .img_2_about { -webkit-filter: grayscale(100%); filter: grayscale(100%); }

.box_about:hover .img_about { -webkit-filter: grayscale(100%); filter: grayscale(100%); }
.content_about1 { margin-left: 10px; color: #fff; }
    .content_about1 p { text-align: left; font-style: italic; font-size: 15px; margin-top: 20px; }
    .content_about1 h3 { margin-top: 25px; font-family: 'Roboto'; }
.img_2_about1 img { height: 100%; }
.he_n { height: 865px; }
.re_mo2 { font-size: 14px; color: #fff; position: relative; left: 0; right: 0; transition: all .5s ease-in-out; float: right; margin-top: 10px; }
    .re_mo2 i { font-size: 20px; }
    .re_mo2:hover { color: #fff; }
.mtn { height: 247px; }
.img_2_about2 img { height: 300px; }
.box_ch1 { width: 18%; }
.box_chf2 { width: 80%; margin-left: 20px; }
.chair_b { display: block; }
    .chair_b span { font-size: 24px; color: #ef3b24; display: block; }
    .chair_b .idc { font-size: 21px; color: #ef3b24; display: block; text-align: center; }
    .chair_b .idc1 { font-size: 21px; color: #18b9a7; display: block; text-align: right; }
    .chair_b p { color: #575756; font-size: 16px; line-height: 23px; margin-top: 8px; }
.box_ch1 img { max-width: 100%; height: auto; border: 6px solid #ddd; box-shadow: 0px 0px 8px -1px #545454; }
.box_abou_n { }
    .box_abou_n h3 { line-height: 31px; font-size: 20px; text-align: center; }
.chnge_font { font-size: 20px !important; margin-top: 20px; display: block; text-align: center; }
.chnge_font1 .chnge_font1 { font-size: 24px; }
.fl_about .chnge_font1 { font-size: 24px; margin-top: 20px; display: block; margin-bottom: 10px; }
/*=======contactus=========*/
.heding_con h2 { font-size: 36px; color: #18b9a7; font-family: 'Roboto'; display: inline-block; border-bottom: 3px solid #18b9a7; margin-bottom: 20px; padding-bottom: 10px; }
.box_contact { display: table; width: 100%; position: relative; }
    .box_contact li { margin-bottom: 10px; overflow: hidden; border: 1px solid #847176; margin-right: 10px; padding: 10px 10px; width: 100%; }
.mt6 { margin-top: 6px; }
.box_contact li:last-child { margin-right: 0px; }
.ul_contact { display: table; position: relative; }
    .ul_contact i { display: table-cell; font-size: 30px; padding-right: 10px; color: #847176; }
    .ul_contact span { display: table-cell; position: relative; top: -8px; }
.input_con { width: 100%; border: 1px solid #ddd; border-radius: 0; padding: 10px 10px; height: 46px; box-shadow: none; }
.flo_fom { position: relative; width: 48.4%; float: left; margin-right: 20px; }
    .flo_fom:last-child { margin-right: 0px; }
.pls { padding-left: 20px; width: 95%; }
.cnt_su { padding: 10px 10px; border: 1px solid #847176; transition: all .5s ease-in-out; background: #847176; color: #fff; display: block; width: 100%; font-size: 17px; }
    .cnt_su:hover { background: #fff; border: 1px solid #847176; color: #444; }
.box_2ec { display: table; position: relative; width: 100%; }
    .box_2ec .flo_fom { display: table-cell; }




.box_edu { background: #18b9a7; position: relative; width: 100%; height: 370px; margin-bottom: 10px; padding: 20px; overflow: hidden; transition: all .5s ease-in-out; }
.heading_edu h3 { font-size: 24px; line-height: 30px; color: #fff; font-family: 'Roboto'; }
.heading_edu span { font-size: 17px; color: #fff; text-align: center; display: block; }
.heading_edu p { font-size: 14px; color: #fff; margin-top: 15px; text-align: left; font-style: italic; }
.heading_edu h4 { display: block; padding-top: 15px; color: #fff; margin-bottom: 21px; }
.hover_edu { position: absolute; left: 0; right: 0; top: 600px; bottom: 0; width: 100%; transition: all .5s ease-in-out; height: 100%; background: rgba(0,0,0,0.5); z-index: 9; display: inline-block; text-align: center; }
.bx_nr { margin: auto; display: block; position: relative; top: 50%; }
    .bx_nr a { background: #fff; padding: 13px 20px; transition: all .5s ease-in-out; }
.chair_b .id_n { margin-top: 20px; font-size: 17px; color: #575756; }
.bx_nr a:hover { background: #18b9a7; color: #fff; }
.box_edu:hover .hover_edu { top: 0; }
.heading_edu .bd_ac { font-size: 17px; color: #fff; text-align: left; margin-bottom: 6px; }
.box_chf2 .fh_a { font-size: 24px; color: #444; }
.icon_img { margin-bottom: 20px; }
    .icon_img i { float: left; position: relative; top: 9px; font-size: 12px; margin-right: 10px; }
    .icon_img span { float: left; color: #18b9a7; font-size: 15px; }
.fh_a { font-size: 21px !important; }
.box_ic { display: block !important; float: none !important; overflow: hidden; line-height: 30px; }
.box_chf2 .fh_a_b { font-size: 24px; color: #444; font-family: 'Roboto'; }
.fl_about .fh_a_b1 { font-size: 18px; color: #444; font-family: 'Roboto'; }
.box_chf2 .ng_n { font-size: 18px; color: #444; margin-top: 8px; }
.box_chl2 .spn_bld { font-size: 18px; color: #444; display: inline-block; font-family: 'Roboto'; }
.box_top { text-align: center; margin-top: 20px; }
    .box_top span { font-size: 20px; color: #444; display: block; }
.li_v { margin-bottom: 15px; }
.box_top_c img { margin: auto; }

.bx_ed { font-size: 15px; color: #fff !important; margin-top: 15px; display: block; }
.chair_b .ab_1a { font-size: 21px; color: #18b9a7; display: block; }
.chair_b .fh_a1 { font-size: 17px; color: #575756; }
.center_t { text-align: center; }
.chair_b .right_t { text-align: right; font-size: 17px; color: #5a5a5a; }
.heading_edu .ri_hea { text-align: right; }

.chair_b .fh2_a { text-align: left; margin-top: 20px; font-size: 17px; color: #575756; }
.stp { position: relative; overflow: hidden; display: table; margin-top: 10px; margin-bottom: 20px; line-height: 35px; }
.flo_sep { float: left; display: table-cell; position: relative; font-size: 16px !important; height: 100%; }
.width_1 { width: 7%; }
.width_2 { width: 87%; color: #444 !important; }
.chair_b .fh_a_b21 { font-size: 16px !important; color: #575756; display: block; }
.fl_about .pd { font-size: 20px; }
.chair_b .txt_a { font-size: 23px; color: #18b9a7; margin-bottom: 10px; }
.bls { background: #eee; padding: 20px; }
.chair_b .asc { text-align: center; background: #eee; padding: 7px; font-size: 17px; margin-bottom: 10px; color: #575756; }
.bls span { line-height: 27px; }
.f_nd { font-size: 20px; font-weight: bold; }
.im_sport { text-align: center; }
    .im_sport img { max-width: 100%; max-height: 100%; }
.mr5 { margin-right: 5px; }
/*.cl_nav ul li .dropdown { overflow: hidden; }*/
.cl_nav ul li .dropdown .drop_new { position: relative; background: initial; box-shadow: none; border: none; padding-left: 10px; margin-top: 0; }
    .cl_nav ul li .dropdown .drop_new li a { transition: all .5s ease-in-out; font-size: 13px; }
        .cl_nav ul li .dropdown .drop_new li a:hover { background: inherit; color: #fff; }
.box_clo { text-align: center; position: absolute; bottom: -11px; left: 0; right: 0; }
    .box_clo a { background: #ef3b24; display: inline-block; width: 29px; height: 30px; border-radius: 50%; text-align: center; line-height: 27px; color: #fff; }
.social_right { position: fixed; right: 0; top: 390px; z-index: 99; }
    .social_right a { display: block; width: 40px; height: 30px; margin-bottom: 8px; text-align: center; line-height: 29px; transition: all .5s ease-in-out; border-top-left-radius: 2em; border-bottom-left-radius: 2em; }
    .social_right .fb { background: #3b5998; color: #fff; border: 1px solid #3b5998; }
        .social_right .fb:hover { background: #fff; color: #3b5998; border: 1px solid #3b5998; }

    .social_right .tw { background: #0099e5; color: #fff; border: 1px solid #0099e5; }
        .social_right .tw:hover { background: #fff; color: #0099e5; border: 1px solid #0099e5; }

.im_af, .pr_ra { float: left; }
.im_af { margin-right: 10px; width: 156px; }
.mi_rs ul li { border-bottom: 1px solid #ddd; overflow: hidden; padding-bottom: 20px; margin-bottom: 20px; background: #eee; padding: 10px; }
.pr_ra { width: 76%; }
.im_af img { margin: auto; display: block; border: 1px solid #ddd; }
.chair_b .idc_new { font-size: 21px; color: #18b9a7; display: block; }
.chair_b .tx_d { text-decoration: underline; font-size: inherit; color: #575756; display: inline-block; }
.bx_ta span { font-size: 35px; color: #18b9a7; text-align: center; font-weight: bold; }
.bx_ta p { color: #575756; font-size: 17px; line-height: 11px; margin-top: 8px; text-align: center; }
.md_t { width: 6%; text-align: center; }
.bx_tbl th { background: #eee; }
.equalt_bx { width: 28%; }
.h_vim img { text-align: center; margin: auto; }
.work_w { padding-left: 20px; width: 100%; margin: auto; }
.work_w1 { padding-left: 20px; width: 50%; margin: auto; }
.work_btn { padding: 7px 0; width: 200px; border: 1px solid #847176; transition: all .5s ease-in-out; background: #847176; color: #fff; display: inline-block; font-size: 17px; }
    .work_btn:hover { background: #fff; border: 1px solid #847176; color: #444; }
.mai_wo1 { text-align: center; }
.bx_chadge p { line-height: 30px; font-size: 15px; }
.icon_img1 span { color: #575756; }
.wi_d { width: 40%; }
.bx_rd span { border: 1px solid #ddd; font-size: 17px; text-align: center; padding: 10px 0px; }
.mb0 { margin-bottom: 0; }
.mi_l { float: left; width: 47%; }
.mi_r { float: left; width: 20%; }
.bx_rd1 { border: 1px solid #ddd; height: 455px; }
    .bx_rd1 span { font-size: 17px; text-align: center; padding: 10px 0px; font-style: italic; position: relative; transform: translate(-50%, -50%); left: 50%; top: 50%; }
.footer_box .cl_nav ul li a { color: #575756; }
.footer_box .cl_nav { width: 100%; }
    .footer_box .cl_nav ul { margin-top: 0; }
.pdf_box iframe { width: 100%; height: 300px; }
.vi_pdf { padding: 6px 36px; margin: auto; text-align: center; display: block; width: 200px; font-size: 18px; background: #18b9a7; color: #fff; transition: all .5s ease-in-out; border: 1px solid #18b9a7; }
    .vi_pdf:hover { background: #fff; color: #18b9a7; border: 1px solid #18b9a7; }
.footer_box .cl_nav ul li .dropdown .drop_new li a:hover { color: #18b9a7; }
.img_soon { background: #F9ECCC; padding: 20px; }
    .img_soon img { margin: auto; text-align: center; width: 55%; }
.smnone1 { display: none; }
.box_sa_tes1 { text-align: center; font-size: 28px; font-family: 'Roboto'; color: #fff; margin-bottom: 15px; }
.video_link { text-align: center; }
    .video_link a { padding: 10px 20px; background: #fd5d5b; display: inline-block; margin-top: 10px; border-radius: 50px; color: #fff; transition: all .5s ease-in-out; border: 1px solid #fd5d5b; }
        .video_link a:hover { background: #fff; border: 1px solid #fd5d5b; color: #ef3b24; }


.btn_registration { position: fixed; height: 41px; right: -83px; top: 262px; border: none; cursor: pointer; background: #fd5d5b; width: 207px; transform: rotate(270deg); cursor:pointer; padding: 10px 3px; display: block; color: #fff; font-size: 15px; border-top-left-radius: 10px; border-top-right-radius: 10px; z-index: 99; }

    .btn_registration a { color: #fff; text-align: center; margin: auto; display: block; }

.box_form { box-shadow: 2px 2px 2px #18b9a7; background: #eee; padding: 30px; width: 70%; margin: auto; }
.bx_hd h1 { font-size: 20px; display: block; border-bottom: 1px solid #ddd; padding-bottom: 15px; margin-bottom: 15px; }
.frm_po { position: relative; }
.md_box { font-size: 12px; color: #ef3b24; margin-left: 5px; }
.input_con1 { width: 100%; border: 1px solid #ddd; border-radius: 0; padding: 10px 10px; height: 41px; box-shadow: none; font-size: 14px; }
.sbmt { display: block; text-align: center; }
.sb_box { border: none; text-align: center; cursor: pointer; transition: all .5s ease-in-out; background: #18b9a7; display: inline-block; color: #fff; font-size: 16px; padding: 9px 29px; }
    .sb_box:hover { background: #10a998; }
.pd_c { text-align: left; }
    .pd_c button { padding: 4px 10px; margin-top: 10px; }
.pd_c1 { text-align: left; }
.btcng { background: #ef3b24; }
    .btcng:hover { background: #d92e18; }
.widhtcng { width: 100%; }
.widhtcng1 { width: 50%; }

.rg_b { border-bottom-right-radius: 10px; border-top-right-radius: 10px; font-size: 16px; background: #847176; padding: 8px 42px; color: #fff; display: inline-block; }
.input_con1 .radio, .checkbox { margin-top: 0; margin-bottom: 0; }
.bg_hd { background: #9f9396; margin-bottom: 20px; }

.dt_rqd { display: block; margin-bottom: 10px; color: #ef3b24; }
.bo_box { border-bottom: 1px solid #ddd; margin-bottom: 10px; padding-bottom: 10px; }
    .bo_box span { font-size: 16px; }
.er_box { font-size: 12px; color: #ef3b24; }

.box_al .cng_b { }

.regerror { position: absolute; right: 7px; top: 14px; color: red; }

.mr_box { padding-right: 10px; }
.in_a { font-weight: 600; color: #18b9a7; }

@media screen and (max-width: 1024px) and (min-width: 1100px) {
    .img_sn, .im_n_5, .im_n_6, .im_n_8, .im_n_7 { width: 100% !important; height: auto !important; }
}

@media screen and (min-width: 1200px) and (max-width: 1260px) {
    .text_all1 span { font-size: 21px !important; }
}


@media screen and (max-width: 768px) {
    .box_1 { width: 100% !important; }
}


.button_bl { background-color: #18b9a7; -webkit-border-radius: 10px; border-radius: 10px; border: none; color: #FFFFFF; cursor: pointer; display: inline-block; padding: 5px 10px; text-align: center; text-decoration: none; }
    .button_bl:hover { color: #fff; }

@-webkit-keyframes glowing {
    0% { background-color: #18b9a7; -webkit-box-shadow: 0 0 3px #18b9a7; }
    50% { background-color: #12b09e; -webkit-box-shadow: 0 0 40px #12b09e; }
    100% { background-color: #18b9a7; -webkit-box-shadow: 0 0 3px #18b9a7; }
}

@-moz-keyframes glowing {
     0% { background-color: #18b9a7; -webkit-box-shadow: 0 0 3px #18b9a7; }
    50% { background-color: #12b09e; -webkit-box-shadow: 0 0 40px #12b09e; }
    100% { background-color: #18b9a7; -webkit-box-shadow: 0 0 3px #18b9a7; }
}

@-o-keyframes glowing {
    0% { background-color: #18b9a7; -webkit-box-shadow: 0 0 3px #18b9a7; }
    50% { background-color: #12b09e; -webkit-box-shadow: 0 0 40px #12b09e; }
    100% { background-color: #18b9a7; -webkit-box-shadow: 0 0 3px #18b9a7; }
}

@keyframes glowing {
    0% { background-color: #18b9a7; -webkit-box-shadow: 0 0 3px #18b9a7; }
    50% { background-color: #12b09e; -webkit-box-shadow: 0 0 40px #12b09e; }
    100% { background-color: #18b9a7; -webkit-box-shadow: 0 0 3px #18b9a7; }
}

.button_bl { -webkit-animation: glowing 1500ms infinite; -moz-animation: glowing 1500ms infinite; -o-animation: glowing 1500ms infinite; animation: glowing 1500ms infinite; }


.login_t .btn_registration_n1 { position: fixed; border: none; cursor: inherit; padding: 9px 27px; display: block; color: #fff; font-size: 15px; z-index: 99; margin-top: -66px; right: 70px; width: auto; height: auto; }
.btn_registration_n1:hover { color: #fff; }

.cl_d { text-align: center; display: block; margin-bottom: 10px; }

.box_im { background: #eee; padding: 20px; display: block; }
    .box_im h4 { color: #ef3b24; margin-bottom: 10px; text-decoration: underline; }
.im_li li { display: block; margin-bottom: 6px; }
.box_im span { font-size: 16px; font-weight: 600; margin-top: 10px; display: block; }

#ARes { display: none; }
#date1,#date2 { display: none; }

.pop_b .modal-dialog { width: 700px; }
.pop_b .modal-content { box-shadow: none; border-radius: inherit; }

.pop_b button.close { background: #f7250c; position: absolute; right: 0; z-index: 9; opacity: 1; height: inherit; padding: 7px 11px; color: #fff; }


.chair_b .fntcng { font-size: 20px; color: #726065; margin-top: 20px; }
    .chair_b .fntcng i { font-size: 15px; }
.areav { background: #fff; box-shadow: 0px 0px 13px 6px #ddd; padding: 40px; position:relative;}
.areapic h3 { margin-top: 30px; background: #18b9a7; padding: 10px; text-align: center; color: #fff; }

.imgareab { border: 2px solid #dcdadb; padding: 10px; text-align: center; margin-bottom:10px; }
    .imgareab img { text-align: center; margin: auto; }
    .btn-cover span{text-align:center; display:block; margin-top:20px; font-size: 20px;
    color: #726065;
    margin-top: 20px;}
    .btn-cover span a{ border: 1px solid #ef3b24;
    background: #ef3b24;
    padding: 6px 19px;
    display: inline-block;
    color: #fff;
    font-size: 14px;
    border-radius: 50px;
    margin-top: 10px;
    transition: all .5s ease-in-out;}
        .btn-cover span a:hover { border: 1px solid #ef3b24; background: #fff; color:#575756; }
         .btn-cover {position: absolute;
    top: -16px;
    right: 13px;}

         .form_wo >div{ border:1px solid #ddd;  margin-bottom:10px;}


         .box-produce h3{    text-align: center;
    display: block;
    background: #eee;
    padding: 10px 10px;
    border-top: 1px solid #ddd;
    border-bottom: 1px solid #ddd;
    font-weight: bold;}
         .box-produce h3 span{    font-size: 16px;
    margin: 8px;}
       .box-produce h4   {display: block;
    padding-top: 12px;
    font-weight: bold;
    color: #ef3b24;
    font-size: 22px;
    text-decoration: underline;}
       .box-produce p{color: #2f2f2f;}

       .line-bottom>ul{display: flex; justify-content:space-between;
    background: #705e63;
    padding: 10px 10px;
    margin-bottom: 20px;    margin-top: -10px;}
      
       .line-bottom>ul>li,.line-bottom>ul>li>span,.line-bottom>ul>li>span>a{color:#fff; font-size:14px;}
       .line-bottom>ul>li{  padding-right:10px;}
     
       .line-bottom>ul>li>span>a:hover{color:#18b9a7;}
      .text-rs>span {    display: block;
    text-align: center;
    font-size: 20px;
    font-weight: bold;
    margin: 10px 0px;
    color: #5f5f5f;}
      .grybg{    background: #eee;
    padding: 10px; border:1px solid #ddd;}


       .newad-addr {}
      .newad-addr h5 {
    font-size: 24px; font-weight:bold; margin-bottom:15px; font-family: 'Roboto';
    color: #ef3b24; 
    display: block; 
}
.newad-addr ul li{position:relative;  
    font-size: 16px;
       color: #444; padding:8px 10px 8px 18px;}

.newad-addr ul li:before{    font-family: 'FontAwesome';
    position: absolute;
    left: 0;
    top: 13px;
    content: "\f061";
    font-size: 12px;}

.linkbt{    background: #18b9a7;
    padding: 8px 10px;
    display: inline-block;
    color: #ffff;
    margin-top: 10px;
    border-radius: 5px;
    font-size: 16px; border:1px solid #18b9a7;}
.linkbt:hover{background: #fff; border:1px solid #18b9a7; color:#18b9a7;}

.pop_result .modal.in .modal-dialog {
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    min-height: calc(100% - (.5rem * 2));
    justify-content: center;
    margin: auto;
    padding:20px
}

@media screen and (max-width:640px) {
    .pop_result .modal.in .modal-dialog {  padding: 10px; margin: auto; }
        .m_box { margin-top: 22px }
        .spline { display: none; }

        .line-bottom > ul {
            flex-wrap: wrap;
        }

            .line-bottom > ul > li {
                width: 100%;
                border-bottom: 1px dashed #544444;
                padding: 6px 0px;
            }

        .nvt {
            width: 100% !important;
        }


    }



    .boxds {
        display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;  
        justify-content: space-between;
        align-items: flex-end;
        -webkit-align-items: flex-end;
    }

    .wd1 {
        width: 30%;
        position: relative;
    }
    

    .wd2 {
        width: 40%;
        margin-top: 10px;
    }

    .logomd {
        display: none;
    }

    .line-bottom {
        clear: both;
    }

        .line-bottom > ul {
            overflow-x: auto;
            white-space: nowrap;
        }

            .line-bottom > ul > li, .line-bottom > ul > li > span, .line-bottom > ul > li > span > a {
                white-space: nowrap;
            }

            .line-bottom > ul::-webkit-scrollbar {
                -webkit-appearance: none;
            }

                .line-bottom > ul::-webkit-scrollbar:vertical {
                    width: 5px;
                }

                .line-bottom > ul::-webkit-scrollbar:horizontal {
                    height: 5px;
                }

            .line-bottom > ul::-webkit-scrollbar-thumb {
                border-radius: 8px;
                background-color: rgba(0, 0, 0, .5);
            }

    




    @media screen and (min-width:990px)and (max-width:1200px) {
        .login_t a, .nvt {
            padding: 10px 11px;
            white-space: nowrap;
            font-size: 12px;
        }
    }
    @media screen and (min-width:990px) {
    .login_t, .box_nav{position: absolute; bottom: 0;}
    }

    @media screen and (max-width:990px) {
        .nav_drop {
            position: fixed;
            top: 0;
            margin-top: 0;
            z-index: 999;
            bottom: 0;
            overflow-y: auto;
        }

            .nav_drop::-webkit-scrollbar {
                -webkit-appearance: none;
            }

                .nav_drop::-webkit-scrollbar:vertical {
                    width: 11px;
                }

                .nav_drop::-webkit-scrollbar:horizontal {
                    height: 11px;
                }

            .nav_drop::-webkit-scrollbar-thumb {
                border-radius: 8px;
                border: 2px solid white; /* should match background, can't be transparent */
                background-color: rgba(0, 0, 0, .5);
            }
            .cl_nav{width:100%;}
                .cl_nav ul{margin-bottom:20px;}







                .logomd {
                    display: block;
                }

            .logomd > a {
                display: block;
                width: 200px;
                text-align: center;
                margin: auto;
            }

                .logomd > a > img {
                    margin: auto;
                }

        .wd2, .mdts {
            display: none;
        }

        .login_t a, .nvt {
            padding: 10px 11px;
            white-space: nowrap;
            font-size: 12px;
        }

        .wd1 {
            width: auto;
        }

        .nvt > i {
            margin-right: 0;
        }

        .nav_drop {
            position: fixed;
            top: 0;
            margin-top: 0;
            z-index: 999;
            bottom: 0;
            overflow-y: auto;
        }



        .box_clo {
            top: 8px;
            bottom: initial;
            right: 18px;
            left: initial;
        }

            .box_clo a {
                background: initial;
                display: inline-block;
                width: initial;
                height: initial;
                border-radius: initial;
                text-align: center;
                line-height: initial;
                color: #fff;
                font-size: 20px;
            }
    }