@font-face { font-family: 'FontAwesome'; src: url('/fonts/FontAwesome.otf') format('opentype'); }

@import url(https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.0.1/css/font-awesome.css);
@import url(https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.0.1/fonts/fontawesome-webfont.woff);
@import url(https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.0.1/fonts/FontAwesome.otf);

@font-face { font-family: 'Open Sans'; src: url('/fonts/OpenSans.eot'); src: url('/fonts/OpenSans.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: 'Arial'; src: url('/fonts/Arial-BoldMT.eot'); src: url('/fonts/Arial-BoldMT.eot?#iefix') format('embedded-opentype'), url('/fonts/Arial-BoldMT.woff') format('woff'), url('/fonts/Arial-BoldMT.ttf') format('truetype'); font-weight: bold; font-style: normal; }

@font-face { font-family: 'Arial Narrow'; src: url('/fonts/ArialNarrow-Bold.eot'); src: url('/fonts/ArialNarrow-Bold.eot?#iefix') format('embedded-opentype'), url('/fonts/ArialNarrow-Bold.woff') format('woff'), url('/fonts/ArialNarrow-Bold.ttf') format('truetype'); font-weight: bold; font-style: normal; }

@font-face { font-family: 'Arial Narrow'; src: url('/fonts/ArialNarrow-Italic.eot'); src: url('/fonts/ArialNarrow-Italic.eot?#iefix') format('embedded-opentype'), url('/fonts/ArialNarrow-Italic.woff') format('woff'), url('/fonts/ArialNarrow-Italic.ttf') format('truetype'); font-weight: normal; font-style: italic; }

@font-face { font-family: 'Arial'; src: url('/fonts/ArialMT.eot'); src: url('/fonts/ArialMT.eot?#iefix') format('embedded-opentype'), url('/fonts/ArialMT.woff') format('woff'), url('/fonts/ArialMT.ttf') format('truetype'); font-weight: normal; font-style: normal; }

@font-face { font-family: 'Arial Narrow'; src: url('/fonts/ArialNarrow.eot'); src: url('/fonts/ArialNarrow.eot?#iefix') format('embedded-opentype'), url('/fonts/ArialNarrow.woff') format('woff'), url('/fonts/ArialNarrow.ttf') format('truetype'); font-weight: normal; font-style: normal; }

@font-face { font-family: 'Arial'; src: url('/fonts/Arial-BlackItalic.eot'); src: url('/fonts/Arial-BlackItalic.eot?#iefix') format('embedded-opentype'), url('/fonts/Arial-BlackItalic.woff') format('woff'), url('/fonts/Arial-BlackItalic.ttf') format('truetype'); font-weight: 900; font-style: italic; }

@font-face { font-family: 'Arial'; src: url('/fonts/Arial-Black.eot'); src: url('/fonts/Arial-Black.eot?#iefix') format('embedded-opentype'), url('/fonts/Arial-Black.woff') format('woff'), url('/fonts/Arial-Black.ttf') format('truetype'); font-weight: 900; font-style: normal; }

@font-face { font-family: 'Arial'; src: url('/fonts/Arial-BoldItalicMT.eot'); src: url('/fonts/Arial-BoldItalicMT.eot?#iefix') format('embedded-opentype'), url('/fonts/Arial-BoldItalicMT.woff') format('woff'), url('/fonts/Arial-BoldItalicMT.ttf') format('truetype'); font-weight: bold; font-style: italic; }

@font-face { font-family: 'Arial'; src: url('/fonts/Arial-ItalicMT.eot'); src: url('/fonts/Arial-ItalicMT.eot?#iefix') format('embedded-opentype'), url('/fonts/Arial-ItalicMT.woff') format('woff'), url('/fonts/Arial-ItalicMT.ttf') format('truetype'); font-weight: normal; font-style: italic; }

@font-face { font-family: 'Arial Narrow'; src: url('/fonts/ArialNarrow-BoldItalic.eot'); src: url('/fonts/ArialNarrow-BoldItalic.eot?#iefix') format('embedded-opentype'), url('/fonts/ArialNarrow-BoldItalic.woff') format('woff'), url('/fonts/ArialNarrow-BoldItalic.ttf') format('truetype'); font-weight: bold; font-style: italic; }

@font-face { font-family: 'Arial Rounded MT'; src: url('/fonts/ArialRoundedMTBold.eot'); src: url('/fonts/ArialRoundedMTBold.eot?#iefix') format('embedded-opentype'), url('/fonts/ArialRoundedMTBold.woff') format('woff'), url('/fonts/ArialRoundedMTBold.ttf') format('truetype'); font-weight: bold; font-style: normal; }
@font-face { font-family: 'Open Sans'; src: url('/fonts/OpenSans-Semibold.eot'); src: url('/fonts/OpenSans-Semibold.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; }


/*-----------------------------------------------
       reset css here
-----------------------------------------------*/
* { margin: 0; outline: none; padding: 0; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; }
body { font-family: 'Open Sans'; outline: none; 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; }
title { text-transform: uppercase; }
.bar { display: none; }
.err { position: absolute; top: 9px; right: 11px; font-size: 25px; }
.frm_b { position: relative; margin-bottom: 21px; }
.er1{position: absolute;
    right: 8px;
    top: 12px;
    font-size: 12px;
    color: red;}
/*-------------------------------------------------
       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; }
.mt30 { margin-top: 30px; }
.mt20 { margin-top: 20px; }
.mr5 { margin-right: 5px; }
.mr20 { margin-right: 20px; }
.mb20 { margin-bottom: 20px; }


mt15 { margin-top: 15px; }
#wrapper { padding-left: 306px; transition: all 0.4s ease 0s; }

#sidebar-wrapper { margin-left: -306px; left: 306px; width: 306px; background: #222831; position: fixed; height: 100%; z-index: 1000; transition: all 0.4s ease 0s; border-top: 3px solid #01bd93; }
.rt_b { position: relative; }
#wrapper.active { padding-left: 0; }

    #wrapper.active #sidebar-wrapper { left: 0; }

#page-content-wrapper { width: 100%; position: relative; }

.sidebar-nav li a .home_c:before { line-height: 18px; color: #fff; }

.sidebar-nav { position: relative; top: 0; width: 100%; list-style: none; margin: 0; padding: 0; }

    .sidebar-nav li { line-height: 40px; text-indent: 20px; }

        .sidebar-nav li a { color: #a9afb7; display: block; text-decoration: none; padding: 2px 17px; position: relative; font-size: 14px; }
        .sidebar-nav li .new_home { padding: 2px 24px; }
            .sidebar-nav li .new_home:before { content: "\f015"; font-size: 20px; }
        .sidebar-nav li a:before { position: absolute; left: 0; content: "\f101"; left: 0; font-family: 'FontAwesome'; }

        .sidebar-nav li a:hover,
        .sidebar-nav li.active { color: #fff; background: #01bd93; text-decoration: none; }

        .sidebar-nav li a:active,
        .sidebar-nav li a:focus { text-decoration: none; background: #01bd93; color: #fff; border-left: 4px solid #fff; }

    .sidebar-nav > .sidebar-brand { font-size: 18px; }

        .sidebar-nav > .sidebar-brand a { color: #fff; }

            .sidebar-nav > .sidebar-brand a:hover { color: #fff; background: none; }



.content-header { position: fixed; left: -20px; z-index: 999; top: 0; }

    .content-header h1 { margin: 0; margin-left: 20px; line-height: 65px; display: inline-block; }

#menu-toggle { background: #01bd93; padding: 4px 11px; border-radius: inherit; color: #fff; }

.btn-menu { color: #000; }



@media (max-width:1200px) {

    #wrapper { padding-left: 0; }

    #sidebar-wrapper { left: 0; }

    #wrapper.active { position: relative; left: 0; }

        #wrapper.active #sidebar-wrapper { left: 306px; width: 306px; transition: all 0.4s ease 0s; z-index: 999999; }

    #menu-toggle { display: inline-block; }
}


.logo { padding: 34px; }
    .logo a img { text-align: center; margin: auto; }
.ac_c { border-bottom: 3px solid #0bd8b9 !important; background: #eee; }
.em_box { border-top: 2px solid #303845; padding: 20px; margin-top: 30px; }
.mi_b li { display: block; }
    .mi_b li a { color: #a9afb7; padding: 6px 22px; display: block; position: relative; font-size: 14px; transition: all .5s ease-in-out; }
        .mi_b li a:hover { color: #01bd93; }
        .mi_b li a:before { position: absolute; left: 0; font-family: 'FontAwesome'; }
    .mi_b li .ev_b:before { content: "\f0e0"; }
    .mi_b li .ev_b1:before { content: "\f095"; }

    .mi_b li .ev_b2:before { content: "\f17e"; }
.social_link li { float: left; margin-right: 10px; }
    .social_link li a { background: #4a5360; transition: all .5s ease-in-out; color: #68707b; width: 30px; height: 30px; display: block; border-radius: 50%; text-align: center; line-height: 30px; font-size: 14px; }
    .social_link li .fb:hover { background: #475993; color: #fff; }
    .social_link li .tw:hover { background: #76a9ea; color: #fff; }
    .social_link li .ld:hover { background: #0077b7; color: #fff; }
.fl_us { color: #a9afb7; padding-top: 20px; padding-bottom: 10px; border-bottom: 2px solid #303845; margin-bottom: 16px; }
.m0 { overflow: hidden; margin-right: 0; margin-left: 0; }
.p0 { padding-right: 0; padding-left: 0; }

.bs-slider { overflow: hidden; max-height: 700px; position: relative; background: #000000; }
    .bs-slider:hover { cursor: -moz-grab; cursor: -webkit-grab; }
    .bs-slider:active { cursor: -moz-grabbing; cursor: -webkit-grabbing; }
    .bs-slider .bs-slider-overlay { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.40); }
    .bs-slider > .carousel-inner > .item > img,
    .bs-slider > .carousel-inner > .item > a > img { margin: auto; width: 100% !important; }

/********************
*****Slide effect
**********************/

.fade { opacity: 1; }
    .fade .item { top: 0; z-index: 1; opacity: 0; width: 100%; position: absolute; left: 0 !important; display: block !important; -webkit-transition: opacity ease-in-out 1s; -moz-transition: opacity ease-in-out 1s; -ms-transition: opacity ease-in-out 1s; -o-transition: opacity ease-in-out 1s; transition: opacity ease-in-out 1s; }
        .fade .item:first-child { top: auto; position: relative; }
        .fade .item.active { opacity: 1; z-index: 2; -webkit-transition: opacity ease-in-out 1s; -moz-transition: opacity ease-in-out 1s; -ms-transition: opacity ease-in-out 1s; -o-transition: opacity ease-in-out 1s; transition: opacity ease-in-out 1s; }






/*---------- LEFT/RIGHT ROUND CONTROL ----------*/
.control-round .carousel-control { top: 47%; opacity: 0; width: 45px; height: 45px; z-index: 100; color: #ffffff; display: block; font-size: 24px; cursor: pointer; overflow: hidden; line-height: 43px; text-shadow: none; position: absolute; font-weight: normal; background: transparent; -webkit-border-radius: 100px; border-radius: 100px; }
.control-round:hover .carousel-control { opacity: 1; }
.control-round .carousel-control.left { left: 1%; }
.control-round .carousel-control.right { right: 1%; }
    .control-round .carousel-control.left:hover,
    .control-round .carousel-control.right:hover { color: #fdfdfd; background: rgba(0, 0, 0, 0.5); border: 0px transparent; }
.control-round .carousel-control.left > span:nth-child(1) { left: 45%; }
.control-round .carousel-control.right > span:nth-child(1) { right: 45%; }





/*---------- INDICATORS CONTROL ----------*/
.indicators-line > .carousel-indicators { right: 45%; bottom: 3%; left: auto; width: 90%; height: 20px; font-size: 0; overflow-x: auto; text-align: right; overflow-y: hidden; padding-left: 10px; padding-right: 10px; padding-top: 1px; white-space: nowrap; }
    .indicators-line > .carousel-indicators li { padding: 0; width: 15px; height: 15px; border: 1px solid rgb(158, 158, 158); text-indent: 0; overflow: hidden; text-align: left; position: relative; letter-spacing: 1px; background: rgb(158, 158, 158); -webkit-font-smoothing: antialiased; -webkit-border-radius: 50%; border-radius: 50%; margin-right: 5px; -webkit-transition: all 0.5s cubic-bezier(0.22,0.81,0.01,0.99); transition: all 0.5s cubic-bezier(0.22,0.81,0.01,0.99); z-index: 10; cursor: pointer; }
        .indicators-line > .carousel-indicators li:last-child { margin-right: 0; }
    .indicators-line > .carousel-indicators .active { margin: 1px 5px 1px 1px; box-shadow: 0 0 0 2px #fff; background-color: transparent; position: relative; -webkit-transition: box-shadow 0.3s ease; -moz-transition: box-shadow 0.3s ease; -o-transition: box-shadow 0.3s ease; transition: box-shadow 0.3s ease; -webkit-transition: background-color 0.3s ease; -moz-transition: background-color 0.3s ease; -o-transition: background-color 0.3s ease; transition: background-color 0.3s ease; }
        .indicators-line > .carousel-indicators .active:before { transform: scale(0.5); background-color: #fff; content: ""; position: absolute; left: -1px; top: -1px; width: 15px; height: 15px; border-radius: 50%; -webkit-transition: background-color 0.3s ease; -moz-transition: background-color 0.3s ease; -o-transition: background-color 0.3s ease; transition: background-color 0.3s ease; }



/*---------- SLIDE CAPTION ----------*/
.slide_style_left { text-align: left !important; }
.slide_style_right { text-align: right !important; }
.slide_style_center { text-align: center !important; }

.slide-text { left: 0; top: 25%; right: 0; margin: auto; padding: 10px; position: absolute; text-align: left; padding: 10px 85px; }

    .slide-text > h2 { padding: 0; color: #ffffff; font-size: 70px; font-style: normal; line-height: 84px; margin-bottom: 3px; letter-spacing: 1px; display: inline-block; -webkit-animation-delay: 0.7s; animation-delay: 0.7s; }
    .slide-text > p { padding: 0; color: #ffffff; font-size: 20px; line-height: 24px; font-weight: 300; margin-bottom: 40px; letter-spacing: 1px; -webkit-animation-delay: 1.1s; animation-delay: 1.1s; }
    .slide-text > a.btn-default { color: #000; font-weight: 400; font-size: 13px; line-height: 15px; margin-right: 10px; text-align: center; padding: 17px 30px; white-space: nowrap; letter-spacing: 1px; display: inline-block; border: none; text-transform: uppercase; -webkit-animation-delay: 2s; animation-delay: 2s; -webkit-transition: background 0.3s ease-in-out, color 0.3s ease-in-out; transition: background 0.3s ease-in-out, color 0.3s ease-in-out; }
    .slide-text > a.btn-primary { color: #ffffff; cursor: pointer; font-weight: 400; font-size: 13px; line-height: 15px; margin-left: 10px; text-align: center; padding: 17px 30px; white-space: nowrap; letter-spacing: 1px; background: #00bfff; display: inline-block; text-decoration: none; text-transform: uppercase; border: none; -webkit-animation-delay: 2s; animation-delay: 2s; -webkit-transition: background 0.3s ease-in-out, color 0.3s ease-in-out; transition: background 0.3s ease-in-out, color 0.3s ease-in-out; }
    .slide-text > a:hover,
    .slide-text > a:active { color: #ffffff; background: #222222; -webkit-transition: background 0.5s ease-in-out, color 0.5s ease-in-out; transition: background 0.5s ease-in-out, color 0.5s ease-in-out; }



    .erbox{    font-size: 12px;
    font-weight: 600;
    margin-bottom: 10px;
    display: block;
    color: #e41111}


/*------------------------------------------------------*/
/* RESPONSIVE
/*------------------------------------------------------*/

@media (max-width: 991px) {
    .slide-text h1,.slide-text h2 { font-size: 40px; line-height: 50px; margin-bottom: 20px; }
    .slide-text > p { font-size: 18px; }
}


/*---------- MEDIA 480px ----------*/
@media (max-width: 768px) {
    .slide-text { padding: 10px 50px; }
        .slide-text h1, .slide-text h2 { font-size: 30px; line-height: 40px; margin-bottom: 10px; }
        .slide-text > p { font-size: 14px; line-height: 20px; margin-bottom: 20px; }
    .control-round .carousel-control { display: none; }
}

@media (max-width: 480px) {
    .slide-text { padding: 10px 30px; }
        .slide-text h1, .slide-text h2 { font-size: 20px; line-height: 25px; margin-bottom: 5px; }
        .slide-text > p { font-size: 12px; line-height: 18px; margin-bottom: 10px; }
        .slide-text > a.btn-default,
        .slide-text > a.btn-primary { font-size: 10px; line-height: 10px; margin-right: 10px; text-align: center; padding: 10px 15px; }
    .indicators-line > .carousel-indicators { display: none; }
    .hod_a { display: none; }
    .site_nav3, .site_nav4 { transform: inherit !important; border-radius: inherit !important; }
    .sitemain4  { top: 35% !important;  }
    .ml5 { margin-left: 0 !important; }
    .mr5 { margin-right: 0 !important; }
    .site_nav3 { left: -31px !important; }
    .site_nav4 { left: -33px !important; }
}

.slide_style_center h2 { font-size: 50px; text-shadow: 3px 4px 2px #000; font-family: 'Arial'; font-weight: bold; font-style: italic; }
.slide_style_center p { text-align: center; font-size: 20px; line-height: 35px; text-shadow: 3px 4px 2px #000; font-family: 'Arial Rounded MT'; font-weight: normal; }
.main_box_about { position: relative; background: #dfdfdf; padding-bottom: 60px; }
.img_about { height: 220px; }
    .img_about img { text-align: center; margin: auto; border: 10px solid #01c095; border-radius: 50%; position: absolute; left: 0; top: -176px; right: 0; z-index: 99; }
.carousel-indicators { display: none; }
.about_txt { text-align: center; }
    .about_txt h1,.about_txt h2 { font-family: 'Arial Rounded MT'; font-size: 42px; color: #222222; position: relative; padding-bottom: 30px; margin-bottom: 20px; }
        .about_txt h1:before, .about_txt h2:before { position: absolute; bottom: 0; content: ''; background: url(../images/txt_line.png)no-repeat; width: 190px; height: 24px; text-align: center; margin: auto; left: 0; right: 0; }
.para_about { font-family: 'Arial Rounded MT'; }
    .para_about span { font-size: 23px; color: #222222; text-align: center; display: block; margin-bottom: 8px; }
        .para_about span b { color: #01bd93; }
    .para_about p { font-size: 14px; color: #222222; text-align: center; width: 80%; line-height: 22px; margin: auto; }
.main_r { position: relative; }
.rq_box { background: url('../images/request_bg.jpg') no-repeat; background-attachment: fixed; height: 300px; width: 100%; background-color: rgba(0,0,0,0.1); }
.bx_rg { position: absolute; left: 0; right: 0; top: 0; bottom: 0; background: rgba(0,0,0,0.6); }
.bo_re { transform: translate(-50%, -50%); left: 50%; top: 50%; position: relative; }
    .bo_re p { font-size: 28px; color: #fff; font-family: 'Arial Rounded MT'; text-align: center; }
        .bo_re p b { color: #01bd93; }

.reach_btn { border-radius: 4px; background: none; padding: 6px 44px; border-radius: 50px; border: 3px solid #01bd93; color: #FFFFFF; text-align: center; font-size: 28px; margin-top: 20px; transition: all 0.5s; cursor: pointer; }

    .reach_btn span { cursor: pointer; display: inline-block; position: relative; transition: 0.5s; }

        .reach_btn span:after { content: '\00bb'; position: absolute; opacity: 0; top: 0; right: -20px; transition: 0.5s; }

    .reach_btn:hover span { padding-right: 25px; }

        .reach_btn:hover span:after { opacity: 1; right: 0; }

.pop_r .modal-content { box-shadow: 3px 4px 0px #04c196; border-radius: inherit; }
.form_pp { border: 1px solid #ddd; box-shadow: 0px 0px 11px 2px #e2e0e0 inset; border-radius: inherit; height: auto; padding: 12px 54px; font-size: 12px; }
.form_pop .form-group { position: relative; }
.icon_form { position: absolute; top: 0; left: 0; bottom: 0; color: #fff; width: 43px; right: 0; background: #25c7a5; line-height: 40px; text-align: center; }
.bt_b { text-align: center; }
.btn_p { display: block; background: #3bbc9a; transition: all .5s ease-in-out; margin: auto; color: #fff; border: 1px solid #ddd; padding: 10px 66px; font-weight: 600; font-size: 15px; width: 100%; }
    .btn_p:hover { background: #01bd93; }
.about_txt span { color: #01bd93; }
.slider_p .bx-wrapper { box-shadow: none; border: none; margin: auto; }
    .slider_p .bx-wrapper .bx-next { right: -60px; background: url(/images/right_a.png) no-repeat 0 0px; }
    .slider_p .bx-wrapper .bx-prev { left: -60px; background: url(/images/left_a.png) no-repeat 0 0px; }
    .slider_p .bx-wrapper .bx-pager { display: none; }
    .slider_p .bx-wrapper .bx-controls-direction a { position: absolute; top: 50%; margin-top: -25px; outline: 0; width: 47px; height: 68px; text-indent: -9999px; z-index: 9; }

    .slider_p .bx-wrapper .bx-next:focus, .bx-wrapper .bx-next:hover { background-position: 0 0 !important; }
.slider_p .slide { position: relative; overflow: hidden; transition: all .5s ease-in-out; }
.box_slider { position: absolute; left: -500px; right: 0; top: 92px; height: 100%; transition: all .5s ease-in-out; }
    .box_slider a { background: #01c095; transition: all .5s ease-in-out; padding: 10px 21px; display: inline-block; color: #fff; border-top-right-radius: 2em; border-bottom-right-radius: 2em; }
        .box_slider a:hover { background: #07a481; }
.slider_p .slide:hover .box_slider { left: 0; }
.cnt_slider { text-align: center; display: block; margin-top: 50px; margin-bottom: 50px; }
    .cnt_slider .reach_btn { background: #01bd93; box-shadow: 4px 5px 0px #06b59a; font-size: 16px; }
        .cnt_slider .reach_btn:hover { color: #fff; }
        .cnt_slider .reach_btn span:after { font-size: 17px; top: -2px; }
.my_cmpy .rq_box { background: url(../images/mycompany_bg.jpg)no-repeat; background-attachment: fixed; min-height: 500px; }
.ne_1 .rq_box { min-height: 570px; background: url(../images/itbx.jpg)no-repeat; background-attachment: fixed; background-size: 100% 100%; }


.my_c { margin: 4% auto; }
    .my_c .about_txt h2 { color: #fff; }
        .my_c .about_txt h2:before { background: url(../images/txt_line1.png)no-repeat; }
.cmpy_txt { text-align: center; padding-top: 20px; font-family: 'Arial Rounded MT'; }
    .cmpy_txt h3 { color: #fff; font-weight: 600; margin-bottom: 20px; }
    .cmpy_txt p { color: #fff; text-align: center; width: 80%; margin: auto; }
.box_mxp { background: #222831; border-bottom: 3px solid #01bd93; border-top: 3px solid #01bd93; }
.box_tx_e { font-family: 'Arial Rounded MT'; padding: 20px; background: #222831; text-align: center; }
    .box_tx_e h3 { margin-bottom: 10px; }
    .box_tx_e p { text-align: center; font-size: 12px; line-height: 20px; height: 100px; overflow: hidden; }
.box_mxp figcaption { background-color: #222831 !important; }
.box_mxp img { margin: auto; text-align: center; width: 100%; }
[class*=" imghvr-"], [class^=imghvr-] { background-color: none; }
.m_cnt { margin: 12% auto; }
.mr_width { width: 95%; margin: auto; text-transform:capitalize;}
    .mr_width img {text-transform:capitalize; border: 1px solid #ddd; margin-right: 10px; padding: 10px; -webkit-filter: grayscale(100%); transition: all .5s ease-in-out; filter: grayscale(100%); }
        .mr_width img:hover { -webkit-filter: inherit; /* Safari 6.0 - 9.0 */ filter: inherit; }
.contact_us { background: url(/images/cnt_map.jpg)no-repeat; background-attachment: fixed; min-height: 800px; padding: 20px; }
.cnt_box { width: 60%; margin: auto; }
.box_b { transition: all .5s ease-in-out; width: 100%; border: 4px solid #fff; height: 125px; padding: 10px; text-align: center; position: relative; }
.icon_c i { background: #fff; width: 40px; height: 40px; border-radius: 50%; text-align: center; color: #01bd93; line-height: 38px; font-size: 25px; position: absolute; top: -24px; left: 0; right: 0; margin: auto; }
.txt_cnt { transform: translate(-50%, -50%); left: 50%; top: 50%; position: relative; font-family: 'Arial Rounded MT'; padding: 15px; transition: all .5s ease-in-out; }
.box_b:hover { background: #fff; }
    .box_b:hover .txt_cnt p { color: #01bd93; }
        .box_b:hover .txt_cnt p a { color: #01bd93; }
    .box_b:hover .icon_c i { background: #01bd93; color: #fff; }
.txt_cnt p { text-align: center; color: #fff; margin-bottom: 0; padding-top: 10px; }
    .txt_cnt p a { color: #fff; }
.icn_ng i { font-size: 16px; }
.form_box { background: #fff; width: 80%; margin: 2% auto; padding: 30px; }
.frm { position: relative; }
    .frm .form_pp { background: #eee; box-shadow: none; }
.frm { margin-bottom: 19px; }
.cnt_slider1 { text-align: center; display: block; margin-top: 14px; margin-bottom: 15px; }
    .cnt_slider1 .reach_btn { background: #01bd93; box-shadow: 4px 5px 0px #06b59a; font-size: 16px; }
        .cnt_slider1 .reach_btn:hover { color: #fff; }
        .cnt_slider1 .reach_btn span:after { font-size: 17px; top: -2px; }
.footer_bg { background: #222831; padding: 10px; overflow: hidden; }
.le_f { font-size: 12px; font-family: 'Arial Rounded MT'; }
    .le_f span { color: #fff; }
.ft_nav ul li { float: left; }
    .ft_nav ul li a { color: #fff; padding: 10px 4px; transition: all .5s ease-in-out; font-family: 'Arial Rounded MT'; }
        .ft_nav ul li a:hover { color: #01bd93; }
.line_f { color: #fff; }
.le_f a { color: #01bd93; }

body::-webkit-scrollbar { width: 8px; border-radius: 50px; background-color: #f5f5f5; }
body::-webkit-scrollbar-thumb { background-color: #04c196; }



@media screen and (max-width:768px) {
    .img_about img { position: relative; top: 0; margin-top: 20px; margin-bottom: 20px; }
    .slide_style_center h1, .slide_style_center h2 { font-size: 27px; }
    .slide_style_center p { font-size: 14px; line-height: 21px; }
    .img_about { height: auto; overflow: hidden; }
    .about_txt h1 { font-size: 40px; }
    .para_about span { font-size: 15px; }
    .para_about p { width: 100%; padding: 10px; }
    .bo_re p { font-size: 19px; padding:10px;
    }

    .cmpy_txt p { width: 100%; padding: 10px; }
    .my_cmpy .rq_box { min-height: 685px; }
    .box_b { margin-top: 30px; }
    .form_box { width: 100%; }
    .le_f { text-align: center; clear: both; overflow: hidden; }
    .sidebar-nav { width: 289px; }
    .li_support1 { width: 95% !important; }
    .blog_heading { width: 100%; }
    .about_txt h1, .about_txt h2{font-size:30px;}
    .manda{position:inherit !important;}
}


@media screen and (min-width:768px) and (max-width:1024px) {

    .slide_style_center h1, .slide_style_center h2 { font-size: 62px; }

    .ft_nav ul li a { padding: 2px; font-size: 11px; }
    .cnt_slider1 { clear: both; }
}

@media screen and (max-width:1500px) {

    .slider_p .bx-wrapper .bx-next { right: 12px; }
    .slider_p .bx-wrapper .bx-prev { left: 12px; }
}

@media screen and (max-width:1400px) {
    .cnt_box { width: 80%; }
}

.po_cngh .reach_btn { position: initial; }

.po_cngh { margin-top: 10px; }
.li_support { padding: 20px; }
    .li_support li { position: relative; font-size: 14px; color: #fff; margin-bottom: 10px; padding: 15px 43px; display: block; border-radius: 50px; }
        .li_support li:before { position: absolute; left: 16px; content: "\f123"; font-family: 'FontAwesome'; font-size: 18px; top: 14px; }
.my_c1 { margin: 8% auto; }
    .my_c1 .about_txt h1 { color: #fff; }
.f1 { background: #78c44a; }
.f2 { background: #e6b04f; }
.f3 { background: #8965e1; }
.f4 { background: #b641c3; }
.f5 { background: #ce5292; }
.f6 { background: #c7cc4b; }
.my_c1 .about_txt h1:before { background: url(../images/txt_line1.png)no-repeat; }



.in_scroll { overflow: auto; width: 100% !important; height: 100%; }
#sidebar-wrapper div { opacity: 1 !important; }

.track3 { width: 10px; background: #01bd93; height: 794px; margin-right: 2px; border-radius: 10px; -webkit-transition: background 250ms linear; transition: background 250ms linear; }

    .track3:hover,
    .track3.dragging { background: #d9d9d9; }

.handle3 { width: 10px; height: 100px; right: 0; background: #069273; border-radius: 7px; -webkit-transition: width 250ms; transition: width 250ms; }

.track3:hover .handle3,
.track3.dragging .handle3 { width: 10px; }
.bg_it { background: url(../images/it-p.png)repeat; background-attachment: fixed; }
.li_support1 { padding: 20px; width: 68%; margin: 20px auto; background: #eee; }

    .li_support1 li {text-transform:capitalize; position: relative; font-size: 14px; color: #000; background: #fff; margin-bottom: 10px; padding: 15px 43px; display: block; border-top-right-radius: 2em; border-bottom-right-radius: 2em; }
        .li_support1 li:before { position: absolute; left: 16px; content: "\f123"; font-family: 'FontAwesome'; font-size: 18px; top: 14px; color: #3bbc9a; }


.top_banner_blog { background: url(../images/blog_img.jpg)no-repeat; background-attachment: fixed; height: 200px; }
.top_c_t { transform: translate(-50%, -50%); left: 50%; top: 50%; position: relative; text-align: center; }
    .top_c_t span { color: #fff; font-size: 30px; font-weight: 600; display: block; }
.n_blog { display: inline-block; margin: auto; overflow: hidden; text-align: center; border-top: 1px solid #fff; border-bottom: 1px solid #fff; padding: 8px 10px; margin-top: 10px; }
    .n_blog li { float: left; margin-right: 5px; color: #fff; }
        .n_blog li i { background: #01bd93; color: #fff; padding: 6px 7px; display: block; border-radius: 3px; transition: all .5s ease-in-out; border: 1px solid #01bd93; }
            .n_blog li i:hover { background: #fff; border: 1px solid #01bd93; color: #01bd93; }


        .n_blog li a { color: #fff; }
.main_blog { width: 95%; margin: auto; }
.bog_section { border: 1px solid #ddd; padding: 10px; margin-bottom: 10px; }
.blog_heading { width: 70%; float: left; }
    .blog_heading h1 { font-size: 18px; font-weight: 600; }
.main_blog_t { display: block; overflow: hidden; }
.right_b { float: right; }
    .right_b span { font-weight: 600; }
.b_date { font-size: 14px; background: #01bd93; padding: 8px 10px; color: #fff; display: inline-block; }
.he_box_blog { background: #eee; padding: 10px; margin-top: 10px; }
    .he_box_blog span { font-size: 15px; margin-bottom: 10px; display: block; font-weight: 600; }
    .he_box_blog p { font-size: 13px; color: #222831; line-height: 22px; font-weight: 600; }
.rd_b { background: #222831; padding: 7px 22px; display: inline-block; color: #fff; border-radius: 50px; margin-top: 10px; float: right; font-size: 12px; transition: all .5s ease-in-out; border: 1px solid #000; }
    .rd_b:hover { background: #fff; border: 1px solid #000; color: #000; }
.ar_heading { font-weight: 600; color: #222831; margin-bottom: 10px; }
.ar_box li { position: relative; }
    .ar_box li a { background: #eee; margin-bottom: 5px; padding: 10px 25px; color: #222831; display: block; font-size: 12px; font-weight: 600; transition: all .5s ease-in-out; }
        .ar_box li a:hover { background: #ddd; }

    .ar_box li:before { position: absolute; left: 10px; content: "\f101"; font-family: 'FontAwesome'; font-size: 14px; top: 8px; color: #3bbc9a; }
.rt_bk { float: right; }


.sitemain3 { transition: all .5s ease-in-out; border: 1px solid #ddd; position: fixed; right: -262px; z-index: 9999; padding: 14px; background: #fff; width: 262px; top: 17%; }
.site_nav3 { position: absolute; height: 50px; left: -111px; top: 61px; border: none; cursor: pointer; background: #afc100; transform: rotate(270deg); padding: 10px 10px; display: block; color: #fff; font-size: 17px; border-top-left-radius: 10px; font-weight: 600; border-top-right-radius: 10px; }
.site_nav_3 { right: 0 !important; }

.sitemain4 { transition: all .5s ease-in-out; padding: 10px 0px; position: fixed; right: -262px; z-index: 999; background: #222831; width: 262px; top: 52%; }
.site_nav4 { position: absolute; height: 50px; left: -89px; top: 40px; border: none; cursor: pointer; background: #09ae56; transform: rotate(270deg); padding: 10px 10px; display: block; color: #fff; font-size: 17px; border-top-left-radius: 10px; border-top-right-radius: 10px; }
.site_nav_4 { 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; font-weight: 600; text-align: center; cursor: pointer; transition: all .5s ease-in-out; background: #FFEE87; width: 100%; padding: 8px 0px; display: block; color: #000; font-size: 15px; }
    .feed_btn_submit:hover { background: #FDE760; text-decoration: none; }
.contact_side { font-size: 14px; }
    .contact_side .em_box { padding-top: 0; margin-top: 0; border-top: 0; }
.box_c_i { display: block; margin-bottom: 10px; float: left; margin-left: 15px; color: #000; font-weight: 600; }
    .box_c_i i { margin-right: 4px; width: 23px; height: 23px; background: #01c095; color: #fff; border-radius: 50%; line-height: 24px; text-align: center; display: inline-block; font-size: 12px; }
.ml5 { margin-left: 5px; }
.mr5 { margin-right: 5px; }
.contact_side h4 { margin-bottom: 5px; font-weight: 600; }
.box_c_i a { color: #000; font-weight: 600; }
    .box_c_i a:hover { color: #000; text-decoration: none; }
.fb_side1 { margin-left: 10px; }
.fb_side i:hover { background: #ddd; color: #000; transition: all .5s ease-in-out; }
.error_n { position: absolute; right: 11px; top: 8px; font-size: 20px; }
.error_n_captch { position: relative; top: -8px; font-size: 14px; }
.error_n1 { position: relative; top: 6px; left: 0; }
.error_n1n { position: relative; top: -1px; left: 0; }
.error_n_new { position: absolute; bottom: -2px; right: 11px; z-index: 99; background: none !important; border: none !important; font-size: 24px; }
.cnt_slider1_n{
    text-align: center;
    display: block;
    margin-top: 45px;
    margin-bottom: 0px;
}
.bl_index .blog_heading{width:100%;}
.bl_index .right_b{float:left;margin-top: 10px;}
.sta{position: absolute; color: red; right: 10px; bottom: 10px;}
.manda{    right: 152px;
    position: absolute;
    bottom: 27pc;
    font-size: 12px;
    color: red;}