body{
   color: #000 !important;
   font-family: verdana;
}
a{
    text-decoration: none !important;
    font-family: Verdana, Arial, sans-serif !important;
    font-size: 10px !important;
    color: #fff !important;
}
li{
    list-style-type: none !important;
    cursor: pointer !important;
}
p, span{
    font-size: 10px !important;
    text-align: justify !important;
    font-family: Verdana, Arial, sans-serif !important;
}
h3{
    font-size: 1.5rem !important;
}
span{
    color: #888 !important;
    font-weight: bold !important;
    margin-bottom: 5px !important;
}
.main-navbar{
    background-color: #555 !important;
}
.main-navbar nav{
    padding: 0 !important;
}
.cus-nav li{
    /*padding: 0px 28.2px !important;*/
    padding: 0px 0px !important;
    margin: 0px !important;
}
.cus-nav li a {
    padding-left: 36px !important;
    display: block;
    padding-right: 36px !important;
}
#first-child{
    margin-left: 0 !important;
}
#last-child{
    margin-right: 0 !important;
}
.cus-nav li:hover{
    background-color: #333 !important;
}
.cus-nav li:hover > a{
    color: orange !important;
}
.drop{
    position: relative !important;
}
.drop-down{
    width: 128.5px !important;
    height: auto !important;
    position: absolute !important;
    left: 0 !important;
    top: 31px !important;
    display: none !important; 
    background-color: #aaa !important;
    z-index: 1 !important;  
}
.drop-down li{
    text-align: center !important;
    /*padding: 5px 10px !important;*/
    padding: 5px 0px !important;
}
.drop-down li a{
    font-size: 11px !important;
    padding-left: 0px !important;
    padding-right: 0px !important;
    padding-top: 3px;
    padding-bottom: 3px;
}
.drop:hover > .drop-down{
    display: block !important;
}
.container{
    max-width: 800px !important;
    /*margin: inherit !important;*/
}
.row2-colmn a{
    font-family: Verdana, Arial, sans-serif !important;
    color: #000 !important;
}

#demo_drop_down{
    width: 107px !important;
}
.video-text a, .document_nav li a{
    color: #3400ee !important;
}
.video-text a:hover, .document_nav li a:hover{
    font-weight: bold !important;
    font-size: 10px !important;
}
.document_nav li{
    font-size: 10px !important;
}
.pdf_with_img a img{
    width: 100px !important;
    height: auto !important;
}
#link_page_head{
    color: #990000 !important;
}

.link_page_d_down li:hover{
    /*padding-right: 5px !important;*/
    text-indent: -3px !important;
    transition: .25s !important;
}

#contact_drop_down{
    width: 111px !important;
}

#contact_page_head{
    color: #CC0000 !important;
}

.contact_page_row2_inner{
    background-color: #FFCC00 !important;
    padding: 15px !important;
    /*border: 1px solid #fff !important;*/
    /*cellpadding: 3px !important;*/
}
.contact_page_form form{
    background-color: #99cc33 !important;
    padding: 15px !important;
}
.contact_page_form label, .quotation_page_form label{
    width: 30% !important;
    font-size: 10px !important;
    background-color: #99cc33 !important;
    /*border: 1px solid #fff !important;*/
    height: 25px !important;
    float: left !important;
    padding: 5px !important;
}
.contact_page_form .form-control, textarea, .quotation_page_form .form-control{
    display: inline-block !important;
    width: 70% !important;
    height: 25px !important;
    border-radius: 0 !important;
    background-color: #fff !important;
    border: 1px solid #000 !important;
    font-size: 10px !important;
}
.contact_page_form input, .quotation_page_form input{
    outline: none !important;
}
.contact_page_form textarea{
    height: auto !important;
}
.form_btn{
    font-size: 10px !important;
    color: #000 !important;
    background-color: #efefef !important;
    border: 1px solid #000 !important;
}
.contact_page_form #form_keyword{
    width: 20% !important;
}
.contact_page_form .form-text, .quotation_page_form .form-text{
    display: inline-block !important;
    font-size: 10px !important;
    color: #000 !important;
}

.sidebar p{
    padding: 5px 0 !important;
    text-indent: 5px !important;
    font-size: 10px !important;
    background-color: #99CC00 !important;
}

/*.sidebar p:nth-child(2) {*/
/*   background-color: #FFCC00 !important;*/
/*}*/
/*.sidebar p:nth-child(3) {*/
/*    background-color: #CC0000 !important;*/
/*}*/
.sidebar #second_p{
    background-color: #FFCC00 !important;
}
.sidebar #third_p{
    background-color: #CC0000 !important;
}
.quotation_top_p{
    text-indent: 25px !important;  
}
.quotation_page_form label{
    width: 22% !important;
    background: none !important;
    color: #777 !important;
    padding: 0 !important;
    display: flex !important;
    align-items: center !important
}
.quotation_page_form .form-text, #quotation_second_p{
    color: #777 !important;
    font-size: 9.5px !important;
}
.quotation_page_form .form-text span{
    color: #CC0000 !important;
    font-weight: bold !important;
}
.quotation_page_form .form-control{
    width: 78% !important;
}
.quotation_page_form textarea{
    width: 100% !important;
    height: auto !important;
}
.sidebar div img{
    width: auto !important;
    height: 140px !important;
}
.quotation_page_form .form_btn{
    float: right !important;
}
.quotation_page_form #form_keyword{
    width: 30% !important;
}

.sidebar .three_in_one img{
    width: 100% !important;
    height: auto !important;
}

.photo_gallery_content{
    background-color: #c9c9c9 !important;
    text-align: center !important;
}
.photo_gallery_content img{
    border: 10px solid #fff !important;
}
.testimonials_nav li{
    position: relative;
    border-radius: 2px !important;
}
.li_thumb{
    position: absolute !important;
    bottom: 35px !important;
    left: -6px !important;
    width: 100px;
    height: 80px;
    padding: 4px;
    border-radius: 5px;
    background: #fff !important;
    display: none !important;
}
.li_thumb::before{
    content: "";
    border-top: 13px solid #fff;
    border-left: 8px solid transparent !important;
    border-right: 8px solid transparent !important;
    position: absolute !important;
    left: 7px !important;
    bottom: -13px !important;
}
.li_thumb p{
    font-size: 8px !important;
    font-weight: normal !important;
    color: #000 !important;
    margin-bottom: 0 !important;
    text-align: center !important;
}
.li_thumb img{
    height: 63px !important;
}
.testimonials_nav li span{
    color: #676767 !important;
    background-color: #d6d6d6 !important;
    padding: 3px 5px;
}
.testimonials_nav li span:hover{
    background-color: #ff6600 !important;
    color: #fff !important;
}
.testimonials_nav li:hover > .li_thumb{
    display: block !important;
}
.text_with_img h4 span{
    font-size: 1.5rem !important;
    color: #ff0000 !important;
    font-weight: normal !important;
}

.index_sidebar{
    background-color: #323232 !important;
    padding: 7px !important;
    border-top-left-radius: 5px !important;
    border-top-right-radius: 5px !important;
    height: 388px !important;
    overflow-y: scroll !important;
}

.index_sidebar h5{
    font-size: 13px;
    font-family: Verdana, Geneva, Tahoma, sans-serif;
    color: #fff !important;
    /* border-bottom: 1px solid #666666 !important;
    padding-bottom: 5px !important; */
    float: left;
}
#news_main{
    float: none !important;
}
.index_sidebar li{
    border-bottom: 1px solid #666666 !important;
}
.index_sidebar p{
    background: none !important;
    margin-bottom: 0 !important;
    text-align: inherit !important;
    color: #fff !important;
}
.index_sidebar p span{
    color: #ff6600 !important;
    display: block !important;
    text-indent: 0 !important;
}
.ftr_nav li{
    cursor: inherit !important;
}
.testimonial_img_with_text{
    position: relative !important;
}
.testimonial_text{
    width: 67.5% !important;
    margin: auto !important;
    background-color: rgba(0, 0, 0, .7) !important;
    padding: 10px 15px;
    color: #fff !important;
    position: absolute;
    left: 16.2% !important;
    bottom: -400px;
    cursor: pointer !important;
}
.testimonial_text .btn_hide{
    position: absolute;
    right: 0px;
    top: -22px;
    background-color: rgba(0, 0, 0, .7);
    padding: 4px;
    border-top-left-radius: 5px !important;
    border-top-right-radius: 5px;
}
.testimonial_text .btn_hide span{
    font-size: 9px !important;
    color: #fff !important;
}
.testimonial_text .btn_hide span i{
    font-size: 12px !important;
    padding: 0px 3px 0px 0 !important;
}
.testimonial_text p{
    font-size: 12px !important;
    line-height: 15px !important;
}
.testimonial_text p:last-child {
    margin-bottom: 0 !important;
}
.testimonial_text h3{
    text-align: left !important;
}
.sidebar_head .back-btn{
    color: #ff6600 !important;
    cursor: pointer !important;
}
.sidebar_head .back-btn i{
    line-height: 15px !important;
    font-size: 15px !important;
}
.sidebar_head .back-btn:hover > i{
    color: #fff !important;
}
.sidebar_head a i{
    font-size: 15px !important;
}
.sidebar_head, .news_head{
    border-bottom: 1px solid #666666 !important;
    padding-bottom: 5px !important;
}
.photo_gallery_content .slides li img{
    border: 0 !important;
}
#photo_gallery_row2{
    padding: 10px 0 !important;
    background-color: #353535 !important;
}
#carousel{
    
    border: 0 !important;
}
#slider{
    border: 5px solid #fff !important;
    background: #fff !important;
    width: 65% !important;
    margin: auto !important;
}
#carousel ul .flex-active-slide img{
    border: 5px solid #fff !important;
}
#carousel .slides li{
    position: relative;
}
#carousel .slides li div{
    position: absolute;
    top: 0 !important;
    left: 0 !important;
    display: none !important;
    font-size: 10px !important;
}
#carousel .slides li:hover > div{
    display: block !important;
}
#carousel li:last-child{
    /* width: 80px !important; */
}
.payment_head{
    font-size: 1rem !important;
    color: #000099 !important;
}
.pay_p{
    color: #000099 !important;
}
.ani-text p span{
    color: #ffffff !important;
    font-size: 20px !important;
    font-weight: 100 !important;
}

select {
    word-wrap: normal;
    background: #000;
    color: #c9c9c9 !important;
    outline: none;
    border: 0 !important;
    padding: 5px !important;
    width: 99px;
    font-size: 10px !important;
    display: flex;
    /* justify-content: center; */
    vertical-align: middle !important;
}
.select_opt{
    display: flex !important;
    align-items: center !important;
}
select:hover{
    color: #fff !important;
    cursor: pointer !important;
    transition: .25s linear !important;
}
.auto_play{
    display: flex !important;
    align-items: center !important;
}
.auto_play i{
    font-size: 9px !important;
    display: flex !important;
    align-items: center !important;
    margin-left: 35px !important;
}
.auto_play_inner{
    background: #000;
    color: #fff !important;
    padding: 5px !important;
}
.auto_play_inner p{
    margin-bottom: 0 !important;
    color: #c9c9c9 !important;
}
.auto_play_inner:hover > p{
    color: #fff !important;
    cursor: pointer !important;
    transition: .25s linear !important;
}
.cus_span{
    font-size: 14px !important;
    font-weight: normal !important;
}

.new_anchor{
    color: #00CBFD !important;
}
.new_anchor:hover{
    text-decoration: underline !important;
}

.firstsidebox-li:hover{
    background: rgb(56,53,49) !important;
    background: linear-gradient(90deg, rgba(56,53,49,1) 0%, rgba(135,86,30,1) 50%, rgba(56,53,49,1) 100%) !important;
    transition: background .5s linear !important;
}

/* width */
.index_sidebar::-webkit-scrollbar {
    width: 10px !important;
  }
  
  /* Track */
  .index_sidebar::-webkit-scrollbar-track {
    box-shadow: inset 0 0 5px grey;
    border-radius: 10px;
  }
  
  /* Handle */
  .index_sidebar::-webkit-scrollbar-thumb {
    background: #ff6600 !important;
    border-radius: 10px;
  }

  #at-expanded-menu-host .at-expanded-menu-close span{
      font-size: 20px !important;
  }
  #at-expanded-menu-host .at-expanded-menu-close:after{
      height: 16.5px !important;
  }
  #at-expanded-menu-host .at-expanded-menu-close:hover {
        background-color: #666 !important;
  }
  #at-expanded-menu-host .at-expanded-menu-close:hover > span {
    color: #fff !important;
  }



/* media query start */

@media screen and (max-width: 992px){
    .main-navbar{
        margin-bottom: 10px !important;
    }
    .navbar-light .navbar-toggler{
        /* background-color: #fff !important; */
        position: relative !important;
        right: 12px !important;
        margin-left: auto !important;
        margin-right: 0 !important;
        top: 0% !important;
        z-index: 9 !important;
        outline: none !important;
        border-color: rgba(0,0,0,0) !important;
        padding: .25rem .0rem !important;
    }
    .navbar-toggler-cus-text{
        position: absolute !important;
        right: 25px !important;
        top: 4.5px !important;
        font-size: 14px !important;
    }
    .navbar-toggler-icon{
        margin-bottom: 0 !important;
    }
    .navbar-light .navbar-toggler-icon{
        background-image: url(image/line-01.svg) !important;
    }
    .cus-nav li a{
        text-align: center !important;
    }
    .cus-nav li{
        border-bottom: 1px solid #c9c9c9 !important;
    }
    .cus-nav li:last-child{
        border-bottom: 0 !important;
    }
    .drop-down{
        left: 55% !important;
    }
}


@media screen and (max-width: 768px){
    .main-navbar{
        margin-bottom: 10px !important;
    }
    .navbar-light .navbar-toggler{
        /* background-color: #fff !important; */
        position: relative !important;
        right: 12px !important;
        margin-left: auto !important;
        margin-right: 0 !important;
        top: 0% !important;
        z-index: 9 !important;
        outline: none !important;
        border-color: rgba(0,0,0,0) !important;
        padding: .25rem .0rem !important;
    }
    .navbar-toggler-cus-text{
        position: absolute !important;
        right: 25px !important;
        top: 4.5px !important;
        font-size: 14px !important;
    }
    .navbar-toggler-icon{
        margin-bottom: 0 !important;
    }
    .navbar-light .navbar-toggler-icon{
        background-image: url(image/line-01.svg) !important;
    }
    .cus-nav li a{
        text-align: center !important;
    }
    .cus-nav li{
        border-bottom: 1px solid #c9c9c9 !important;
    }
    .cus-nav li:last-child{
        border-bottom: 0 !important;
    }
    .drop-down{
        left: 55% !important;
    }
    
    footer .ftr_top_bor{
        width: 100% !important;
    }
    .testimonial_text{
        width: 70.4% !important;
        left: 15% !important;
    }
    .flex-direction-nav{
        display: none;
    }
    #one-ani, #two-ani, #three-ani{
        background-size: unset !important;
    }
    .testimonial_text .btn_hide{
        top: -20.9px !important;
    }
    .testimonial_text p{
        font-size: 11px !important;
    }
    .demo_video_colmn{
        text-align: center !important;
    }
    .demo_video_colmn iframe{
        width: 350px !important;
    }
    /*.section:after{
        background-color: transparent !important;
    }
    #one-ani:after, #two-ani:after, #three-ani:after{
        background-color: transparent !important;
    }*/
    .ani-text p span{
        font-size: 14px !important;
    }
}

@media screen and (max-width: 576px){
    .contact_address{
        padding: 15px 0 0 0 !important;
        text-align: center !important;
    }
    .ftr_img img{
        display: none !important;
    }
    #quotation_sub_btn{
        margin: 15px 0 !important;
    }
    p, span{
        text-align: center !important;
        display: inherit !important;
    }
    .demo_video_colmn{
        margin: 15px 0 !important;
    }
    .demo_video_colmn p{
        line-height: 20px !important;
    }
    h1, h2, h3{
        text-align: center !important;
    }
    .friction_img_div img{
        width: auto !important;
        height: 185px !important;
    }
    .quotation_page_form .form_btn{
        float: none !important;
    }
    /* .contact_page_form form button{
        text-align: center !important;
    } */
    /* ._2qgu ._4nos ._8znt img{
        width: 290px !important;
        height: auto !important;
    } */
    .photo_gallery_img, .testimonial_img{
        width: 100% !important;
    }
    .index_sidebar{
        margin-top: 20px !important;
        padding: 15px !important;
    }
    .index_sidebar p{
        color: #fff !important;
    }
    .index_sidebar h5, .index_sidebar p{
        text-align: justify !important;
    }
    .index_sidebar p span{
        text-align: justify !important;
    }
    .edu_video_colmn iframe{
        width: 100% !important;
        height: 215px !important;
    }
    .ani-text p span{
        font-size: 15px !important;
    }
    .section .ani-text{
        display: none !important;
    }
    .section.add_height .ani-text{
        display: block !important;
    }
    .section:hover > .ani-text{
        display: block !important;
    }
    .testimonial_text{
        width: 100% !important;
        left: 0 !important;
    }
    .testimonial_text h3{
        font-size: 1rem !important;
        text-align: center !important;
    }
    .testimonial_text p{
        font-size: 9px !important;
        padding: 0px !important;
        margin-bottom: 0rem !important;
        text-align: justify !important;
        line-height: 12px !important;
    }
    
    .select_opt select, .auto_play .auto_play_inner{
        margin: 10px 0 0px 0 !important;
    }
    .photo_gallery_page h3{
        margin: 8px 0 !important;
    }
    #slider{
        width: 100% !important;
    }
    #photo_gallery_row2{
        display: flex !important;
        flex-direction: column !important;
    }
    .select_opt{
        order: 1 !important;
        position: relative !important;
        z-index: 9 !important;
    }
    .auto_play{
        justify-content: flex-end !important;
    }
    .select_opt select{
        position: absolute !important;
        bottom: 0 !important;
    }
    .sidebar_head .back-btn{
        color: #ff6600 !important;
        cursor: pointer !important;
    }
    .sidebar_head .back-btn i{
        line-height: 15px !important;
        font-size: 15px !important;
    }
    .sidebar_head .back-btn:hover > i{
        color: #fff !important;
    }
    .testimonials_nav li span{
        padding: 3px 4px !important;
    }
    .li_thumb{
        bottom: 42px !important;
        left: -8px !important;
    }
    .fadein-div{
        height: 390px !important;
    }
    .testimonial_text{
        padding: 10px !important;
    }
    .testimonial_text .btn_hide span{
        margin-bottom: 0 !important;
    }
    .testimonial_text .btn_hide{
        padding: 2px 4px !important;
    }
    .testimonial_text .btn_hide{
        top: -15.9px !important;
    }
    .testimonial_text .btn_hide span i{
        font-size: 9px !important;
    }
    .testimonial_text{
        padding: 8px !important;
    }
    .document_nav{
        text-align: center !important;
    }
    .pdf_with_img{
        float: none !important;
        text-align: center !important;
        margin: 20px 0 !important;
    }
    .demo_video_colmn iframe{
        width: 100% !important;
    }
}

@media screen and (max-width: 540px){
    .fadein-div{
        height: 364px !important;
    }
}

@media screen and (max-width: 480px){
    .fadein-div{
        height: 318px !important;
    }
}

@media screen and (max-width: 440px){
    .fadein-div{
        height: 289px !important;
    }
}

@media screen and (max-width: 415px){
    .fadein-div{
        height: 269px !important;
    }
}

@media screen and (max-width: 376px){
    .friction_img_div img{
        width: auto !important;
        height: 168px !important;
    }
    #contact_area{
        width: 100% !important;
    }
    .ani-text p span{
        font-size: 13px !important;
    }
    .testimonials_nav li span{
        padding: 3px 3px !important;
        font-size: 9px !important;
    }
    .li_thumb{
        left: -9px !important;
    }
    .fadein-div{
        height: 240px !important;
    }
    .testimonial_text .btn_hide{
        top: -16.1px !important;
    }
    .testimonial_text .btn_hide span{
        font-size: 8px !important;
    }
    .testimonial_text p{
        line-height: 11px !important;
    }
    
}