@charset "utf-8";
/*----------intial declartaion of css----------*/
* { /*appearance:none; -moz-appearance:none;-webkit-appearance:none;*/ }
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, select, input, option, textarea { margin: 0; padding: 0; border: 0; outline: 0; font-size: 100%;box-sizing: border-box; }
button, input, select, textarea {font-size: 100%; margin: 0; vertical-align: baseline;}
textarea {overflow: auto; vertical-align: top;}
table {border-collapse: collapse; border-spacing: 0;}
button, html input[type="button"], input[type="reset"], input[type="submit"], textarea { -webkit-appearance: none; border-radius: 0;}
/* remember to define focus styles! */
:focus {outline: 0;}
a:hover {text-decoration: none;}
a:hover {outline: none; cursor: pointer;}
a:focus {outline: none; cursor: pointer;}
:focus{outline: none;}
/* End Clearfix */

/* For IE 6/7 (trigger hasLayout) */
a, button, .btn { outline: none !important; transition: all 0.3s ease-in-out 0s; -moz-transition: all 0.3s ease-in-out 0s; -ms-transition: all 0.3s ease-in-out 0s; -o-transition: all 0.3s ease-in-out 0s; -webkit-transition: all 0.3s ease-in-out 0s; text-decoration: none !important; }


@font-face {
    font-family: 'Muli-Black';
    src: url('../fonts/Muli-Black.ttf');
}

@font-face {
    font-family: 'Muli-Bold';
    src: url('../fonts/Muli-Bold.ttf');
}

@font-face {
    font-family: 'Muli-ExtraBold';
    src: url('../fonts/Muli-ExtraBold.ttf');
}
@font-face {
    font-family: 'Muli-ExtraLight';
    src: url('../fonts/Muli-ExtraLight.ttf');
}
@font-face {
    font-family: 'Muli-Light';
    src: url('../fonts/Muli-Light.ttf');
}
@font-face {
    font-family: 'Muli-Medium';
    src: url('../fonts/Muli-Medium.ttf');
}
@font-face {
    font-family: 'Muli-Regular';
    src: url('../fonts/Muli-Regular.ttf');
}
@font-face {
    font-family: 'Muli-SemiBold';
    src: url('../fonts/Muli-SemiBold.ttf');
}


/* Base */
body {width: 100%;float: left;line-height: 24px;font-size: 16px;font-family: 'Muli', sans-serif;font-family: 'Muli-Regular';color: #222222;}
.intro-section h1 {font-size: 48px;font-family: 'Muli-Black';color: #fff;}
.intro-section p {color: #a5d3da;font-size: 16px;max-width: 400px;}
.img-absolute {position: absolute;left: 10%;top: 50%;-webkit-transform: translateY(-50%);-ms-transform: translateY(-50%);transform: translateY(-50%);}
.img-absolute img {max-width: 600px;}
.cta a span {border-color: #007bff;padding: 10px 20px;}
.cta a:hover span {background: #007bff;color: #fff;}
.cta a.active {border-bottom: none;}
.cta a.active > span {background-color: #007bff;color: #fff;}
.section-sub-title {color: #007bff;text-transform: uppercase;font-size: .7rem;font-family: 'Muli-Black';    display: block;margin-bottom: 1.5rem;}
.section-title {width: 100%;font-size: 40px;line-height: 45px;color: #000;margin-bottom: 15px;font-family: 'Muli-Black';display: inline-block;}
.footer-section {width: 100%;float: left;padding: 3em 0 0;}
.footer-section p {font-size: 1rem;}
.footer-section h3 {font-size: 24px;text-transform: capitalize;color: #222222;margin-bottom: 15px;  font-family: 'Muli-Black';text-align: left;}
.footer-links a {font-size: 16px;font-family: 'Muli-Regular';color: #222222;}
.footer-links a:hover {color: #f49a11;}
.copyright p {color: #666666;font-size: 16px;font-family: 'Muli-Regular';}
.copyright a {color: #666666;}
.copyright a:hover {color: #f49a11;}
.footer-section .footer-links li {margin-bottom: 10px; display: inline-block; width: 50%;}
.process, .service {position: relative;} 
.navbar-expand-lg .navbar-nav .nav-link {padding-right: 12px;padding-left: 12px;border: 1px solid transparent;background-color: #fff;}
.navbar-nav .nav-item:hover .nav-link {border: 1px solid #f49a11;background-color: #f49a11;color: #fff;border-radius: 5px;}
.navbar-nav .nav-item .nav-link:focus {border: 1px solid #f49a11;font-family: 'Muli-Bold';background-color: #f49a11;color: #fff;border-radius: 5px;}
.sec_four, .sec_five, .sec_six, .sec_seven footer, .product_inner_page{width: 100%;float: left;}
a.nav-link {color: #fff;font-family: 'Muli-Regular';font-size: 16px;}
.co-btn a.nav-link {font-family: 'Muli-ExtraBold';font-size: 16px;border: 1px solid #8dbf2f;    border-radius: 5px;padding:13px 20px;}
.co-btn a.nav-link:hover {background-color: #8dbf2f;border: 1px solid transparent;color: #fff;}
.read_more {border: 1px solid transparent;}
.read_more {background-color: #f49a11;font-size: 16px;font-family: 'Muli-ExtraBold';padding: 16px 44px;    color: #fff;border-radius: 5px;text-transform: uppercase;}
.read_more:hover {border: 1px solid #f49a11;background-color: transparent;color: #fff;}
.navbar {background-color: #ffffff;border-bottom: 2px solid #f49a11;}
a.nav-link {color: #000;}
.counter-text h5 {font-family: 'Muli-Bold';font-size: 20px;padding-bottom: 10px;}
.counter-text p {font-size: 14px;line-height: 21px;margin: 0;color: #666666;}
p {line-height: 24px;font-size: 16px;margin-bottom: 20px;}
.catalog_sec {width: 100%;float: left;background-color: #8dbf2f;}

.catalog_box p {margin: 0;font-family: 'Muli-Bold';font-size: 20px;float: left;color: #fff;}

.catalog_box span {color: #fff;}
.cat_btn {font-family: 'Muli-ExtraBold';font-size: 16px;color: #fff;text-transform: uppercase;padding: 15px 26px;border: 1px solid #fff;border-radius: 5px;cursor: pointer;display: inline-block;}
.cat_btn:hover {color: #f49a11;background-color: #fff;border: 1px solid transparent;}
.owl-carousel .owl-item img {width: auto;}
.about_box {text-align: center;padding: 0 50px;}
.about_box p {width: 100%;float: left;min-height: 90px;color: #fff;}
#about .carousel-indicators {bottom: 10%;}
#about .carousel-item {color: #fff;background-color: #5b5b5b;padding: 80px 20px 110px;}
#about .carousel-indicators li {width: 12px;height: 12px;border: none;}
#about .section-title {color: #fff;position: relative;}
#about .section-title::after {position: absolute;content: "";background-image: url(../images/mark.png);background-repeat: no-repeat;background-size: 100%;width: 20px;height: 20px;bottom: 0;left: 50%;right: 0;opacity: 0.34;}
.about_slider_vid {width: 100%;float: left;position: relative;}
.about_box_left {width: 70%;float: left;}
.about_box_right {width: 40%;float: right;position: absolute;left: 45%;top: 50%;transform: translate(50%, -50%);}
.contact_us {width: 100%;float: left;text-align: center;}
.contact_us .form-control:focus {border-color: #ced4da;outline: 0;box-shadow: none;}
input.sub_btn {background-color: #f49a11;font-size: 16px;font-family: 'Muli-ExtraBold';padding: 15px 66px;    color: #fff;border-radius: 5px;border: 1px solid transparent;text-transform: uppercase;}
.map_sec {position: relative;display: inline-block;width: 100%;}
.contact-branch {position: absolute;top: 10px;left: 10px;padding: 30px;max-width: 400px;    background-color: #fff;-webkit-box-shadow: 5px 5px 10px 2px rgba(54, 54, 54, 0.17);-moz-box-shadow: 5px 5px 10px 2px rgba(54, 54, 54, 0.17);box-shadow: 5px 5px 10px 2px rgba(54, 54, 54, 0.5);   border: 2px solid #f49a11;}
.row-box {width: 100%;float: left;clear: both;}
.contact-branch .con-right {float: right;width: 85%;}
.contact-branch .con-right {margin-bottom: 25px;}
.contact-branch .row-box:last-child .con-right {margin-bottom: 0;}
.contact-branch .con-right h4 {font-size: 18px;font-family: 'Muli-ExtraBold';margin-bottom: 10px;}
.contact-branch .con-right p {line-height: 24px;margin-bottom: 0;}
.contact-branch .con-right a {font-size: 14px;color: #222222;}
.contact-branch .con-right a:hover {color: #f49a11;}
.subscribe_box .form-control:focus {border-color: #ced4da;box-shadow: none;}
input.subscript_btn {background-color: #f49a11;color: #fff;text-transform: uppercase;padding: 6px 10px;font-size: 16px;font-family: 'Muli-Black';border: 1px solid transparent;}
input.subscript_btn:hover {border: 1px solid #f49a11;color: #f49a11;background-color: transparent;}
.footer-section p {color: #666666;}
.carousel-caption h1 {font-size: 26px;font-family: 'Muli-Black';color: #fff;}
.carousel-caption .read_more {background-color: #f49a11;font-size: 14px;font-family: 'Muli-ExtraBold';padding: 7px 30px;color: #fff;border-radius: 5px;text-transform: uppercase;display: inline-block;}
.carousel-caption .read_more:hover {border: 1px solid #f49a11;background-color: transparent;    color: #fff;}
.contact_us h2{color: #f49a11;}
.carousel-caption p {color: #fff;font-size: 14px;}
.contact_us .carousel-caption {bottom: 15%;left: 5%;right: 5%;}
.contact_us .carousel-caption p {color: #fff;font-size: 16px;}
.carousel-item {position: relative;}
.banner_slider .carousel-item  img{height: 100vh;}
.banner_slider .carousel-item .bg{display: none;}
.contact_us .carousel-item .bg {position: absolute;background-color: rgba(0, 0, 0, 0.5);width: 100%;height: 100%;}
.bd-example {position: relative;}
.solution_box h2 {text-align: center;}
img.so_icon {width: 10%;float: left;padding-right: 15px;padding-top: 15px;}
.counter-text {position: relative;padding-top: 10px;width: 90%;float: right;}
.check_box {background-color: #fff;padding: 20px;text-align: left;height: 254px;border-radius: 5px;}
.check_box h3 {font-size: 20px;color: #000;font-family: 'Muli-Black';text-align: left;padding-bottom: 30px;text-transform: uppercase;}
.check_box .custom-control-label {color: #000;}
.check_box .custom-checkbox {padding-bottom: 15px;}
.main_slider {padding-left: 5%;padding-right: 5%;width: 375px;text-align: center;}
.banner_slider .carousel-caption {right: 0;left: inherit;bottom: 20%;}
.banner_slider .carousel-caption {background-color: rgba(0, 0, 0, .5);color: #fff;border-radius: 5px 0px 0px 5px;}
.center {text-align: center;}
input.sub_btn:hover {border: 1px solid #f49a11;background-color: #fff;color: #000;}
.contact_us input[type="text"]:hover {box-shadow: 0px 1px 15px #f7a222;}
.contact_us input[type="email"]:hover {box-shadow: 0px 1px 15px #f7a222;}
.contact_us .check_box:hover {box-shadow: 0px 1px 15px #f7a222;}
.contact_us textarea:hover {box-shadow: 0px 1px 15px #f7a222;display: inline-block;}
.contact_us input.sub_btn:focus {border: 1px solid #f49a11;background-color: #fff;color: #000;}
.contact_us input[type="text"]:focus {box-shadow: 0px 1px 15px #f7a222;}
.contact_us .check_box:focus {box-shadow: 0px 1px 15px #f7a222;}
.contact_us textarea:focus {box-shadow: 0px 1px 15px #f7a222;display: inline-block;}


.contact_us input[type="text"]:hover::-webkit-input-placeholder {
    /* Chrome/Opera/Safari */
    font-family: 'Muli-Bold';
    color: #000;
}




.btn-certi {
    cursor: pointer;
    top:20%;
    z-index: 99;
    margin: 0;
width: 87px;
height: 219px;
    float: left;
    text-align: center;
    border-radius: 5px;
    text-transform: uppercase;
    position: fixed;
    left: 0;
    right: auto;
    line-height: 17px;
    letter-spacing: 1px;
    font-size: 18px;
    padding: 10px 0px;
    background-color: #f49a11;
    color: #FFFFFF;
    box-shadow: inset 0px 1px 0px 0px #f49a11;
}





.btn-enquiry {
    cursor: pointer;
    transform: rotate(
7deg
);
    -ms-transform: rotate(-90deg);
    -moz-transform: rotate(-90deg);
    -webkit-transform: rotate(
-90deg
);
    -o-transform: rotate(-90deg);
    top: 45%;
    z-index: 99;
    
    top:50%;
    padding: 10px;
    margin: 0;
    width: 124px;
    height: 50px;
    float: right;
    text-align: center;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    font-size: 15px;
    position: fixed;
    left: auto;
    right: -43px;
    line-height: 17px;
    letter-spacing: 1px;
	
border: 1px solid #f49a11;
font-size:18px;
padding: 10px 20px;
background-color: #f49a11;
color: #FFFFFF;
box-shadow: inset 0px 1px 0px 0px #f49a11;
}
.contact_us input[type="text"]:hover::-moz-placeholder {
    /* Firefox 19+ */
    font-family: 'Muli-Bold';
    color: #000;
}

.contact_us input[type="text"]:hover:-ms-input-placeholder {
    /* IE 10+ */
    font-family: 'Muli-Bold';
    color: #000;
}

.contact_us input[type="text"]:hover:-moz-placeholder {
    /* Firefox 18- */
    font-family: 'Muli-Bold';
    color: #000;
}

.contact_us textarea:hover::-webkit-input-placeholder {
    /* Chrome/Opera/Safari */
    font-family: 'Muli-Bold';
    color: #000;
}

.contact_us textarea:hover::-moz-placeholder {
    /* Firefox 19+ */
    font-family: 'Muli-Bold';
    color: #000;
}

.contact_us textarea:hover:-ms-input-placeholder {
    /* IE 10+ */
    font-family: 'Muli-Bold';
    color: #000;
}

.contact_us textarea:hover:-moz-placeholder {
    /* Firefox 18- */
    font-family: 'Muli-Bold';
    color: #000;
}


.top_none .navbar-brand {padding: 0;}
.top_none .navbar-brand img {width: 200px;}
.top_none a.nav-link {color: #000;font-size: 15px;font-family: 'Muli-SemiBold';}

/* floating box style */
.floating-form {min-width: 280px;padding: 15px;font-size: 13px;background: #F9F9F9;border: 1px solid #666;border-top-left-radius: 8px;border-bottom-left-radius: 8px;right: 10px;top: 15%;    position: fixed;box-shadow: -2px -0px 8px rgba(43, 33, 33, 0.06);-moz-box-shadow: -2px -0px 8px rgba(43, 33, 33, 0.06);-webkit-box-shadow: -2px -0px 8px rgba(43, 33, 33, 0.06);z-index: 9999;}
.contact-opener {position: absolute;left: -91px;transform: rotate(-90deg);top: 30%;background-color: #f49a11;padding: 9px;color: #fff;text-shadow: none;cursor: pointer;border-radius: 5px 5px 0px 0px;-webkit-border-radius: 5px 5px 0px 0px;-moz-border-radius: 5px 5px 0px 0px;box-shadow: -2px -0px 8px rgba(43, 33, 33, 0.06);-moz-box-shadow: -2px -0px 8px rgba(43, 33, 33, 0.06);-webkit-box-shadow: -2px -0px 8px rgba(43, 33, 33, 0.06);padding: 20px;}
.contact-opener:hover{background-color: #fff;background: linear-gradient(to bottom, #fff 5%, #fff 100%);border: 1px solid #f49a11;color: #000;box-shadow: inset 0px 1px 0px 0px #fff;}
.floating-form-heading {font-family: 'Muli-Regular';border-bottom: 1px solid #ddd;margin-bottom: 15px;    font-size: 20px;padding-bottom: 15px;}
.floating-form label {display: block;margin: 0px 0px 10px 0px;}
.floating-form label > span {width: 100%;font-family: 'Muli-Bold';float: left;padding-top: 0;padding-right: 5px;margin-bottom: 0;}
.floating-form span.required {color: red;}
.floating-form .tel-number-field {width: 40px;text-align: center;}
.floating-form .long {width: 81%;}
.floating-form input.input-field {width: 100%;}
.floating-form input.input-field, .floating-form .tel-number-field, .floating-form .textarea-field,
.floating-form .select-field {-webkit-transition: all 0.30s ease-in-out;-moz-transition: all 0.30s ease-in-out;-ms-transition: all 0.30s ease-in-out;-o-transition: all 0.30s ease-in-out;    box-sizing: border-box;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;border: 1px solid #C2C2C2;box-shadow: 1px 1px 4px #EBEBEB;-moz-box-shadow: 1px 1px 4px #EBEBEB;-webkit-box-shadow: 1px 1px 4px #EBEBEB;border-radius: 3px;-webkit-border-radius: 3px;-moz-border-radius: 3px;    padding: 7px;outline: none;text-align: left;font-family: 'Muli-Regular';font-size: 15px;}
.floating-form .input-field:focus, .floating-form .tel-number-field:focus, .floating-form .textarea-field:focus, .floating-form .select-field:focus {border: 1px solid #ec2d29;}
.floating-form .textarea-field {width: 100%;}
.floating-form input[type="button"], .floating-form input[type="submit"], .contact-opener {-moz-box-shadow: inset 0px 1px 0px 0px #3985B1;-webkit-box-shadow: inset 0px 1px 0px 0px #f49a11;    box-shadow: inset 0px 1px 0px 0px #f49a11;background-color: #f49a11;border: 1px solid #f49a11;    display: inline-block;cursor: pointer;color: #FFFFFF;padding: 4px 18px;text-decoration: none;    font-size: 13px;}
.contact-opener {font-size: 18px;padding: 10px 20px;}
.floating-form input[type="button"]:hover, .floating-form input[type="submit"]:hover, .contact-opener {background: linear-gradient(to bottom, #f49a11 5%, #f49a11 100%);background-color: #f49a11;}
.floating-form .success {background: #D8FFC0;padding: 5px 10px 5px 10px;margin: 0px 0px 5px 0px;    border: none;font-family: 'Muli-Bold';color: #2E6800;border-left: 3px solid #2E6800;}
.floating-form label.error {font-family: 'Muli-Regular';color: #FF0000;}
#return-to-top {position: fixed;bottom: 20px;right: 20px;background: rgb(244, 154, 17);    background: rgb(244, 154, 17);width: 50px;height: 50px;display: block;text-decoration: none;-webkit-border-radius: 35px;-moz-border-radius: 35px;border-radius: 35px;display: none;-webkit-transition: all 0.3s linear;-moz-transition: all 0.3s ease;-ms-transition: all 0.3s ease;-o-transition: all 0.3s ease;transition: all 0.3s ease;z-index: 99999;}
#return-to-top i {color: #fff;margin: 0;position: relative;left: 16px;top: 13px;font-size: 19px;    -webkit-transition: all 0.3s ease;-moz-transition: all 0.3s ease;-ms-transition: all 0.3s ease;    -o-transition: all 0.3s ease;transition: all 0.3s ease;}
#return-to-top:hover {background: rgb(141, 191, 47);}
#return-to-top:hover i {color: #fff;top: 5px;}
button.sub_btn {background-color: #f49a11;font-size: 16px;font-family: 'Muli-ExtraBold';padding: 10px 20px;    color: #fff;border-radius: 5px;border: 1px solid transparent;text-transform: uppercase;}
button.sub_btn:hover {border: 1px solid #f49a11;background-color: #fff;color: #000;}
.chart_main table {text-align: left;}
.chart_main img {text-align: center;margin: 0 auto;}
.chart_main h2 {font-size: 40px;color: #000;font-family: 'Muli-Black';padding: 30px 0px;text-align: center;}
.chart_main {/* height: 500px; *//* overflow-y: auto; *//* overflow-x: auto; */text-align: center;}
.chart_main h3 {font-size: 20px;color: #000;font-family: 'Muli-Black';padding: 30px 0px 5px;text-align: center;}
.chart_main thead {background-color: #f49a11;color: #fff;}
.chart_main p {margin: 0 0 5px;}
.chart_main a {color: #000;}
.chart_main a:hover {color: #f49a11;}
.chart_box p{margin: 0;font-family: 'Muli-Bold';font-size: 20px;float: left;color: #fff;}


.read_btn {color: #f49a11;font-family: 'Muli-ExtraBold';font-size: 16px;border: 1px solid #f49a11;border-radius: 5px;padding: 13px 49px;margin: 30px auto 30px;display: block;width: 185px;float: none;}
.read_btn:hover{border: 1px solid trasparent;color: #fff;background-color:#f49a11;}
.top_pad{width: 100%;float: left;padding-top: 80px;}
/*.inner_banner img{width: 100%;height: 100vh;}*/
.navbar {transition: all 0.3s ease-in-out 0s;}
.navbar-brand img{width:250px;transition: all 0.3s ease-in-out 0s;}
.top_none .navbar-brand img {width: 200px;transition: all 0.3s ease-in-out 0s;}
.top_none .co-btn a.nav-link{padding: 8px 49px;}
.inner_banner {margin-top: 80px;width: 100%;float: left;border-bottom: 2px solid #f49a11;}
.ancher_link{color: #f49a11;cursor: pointer;font-family: 'Muli-Bold';}
.ancher_link:hover{color: #333333;}
h3{width: 100%;float: left;font-size: 30px;line-height: 24px;color: #000;margin-bottom: 15px;    font-family: 'Muli-Black';text-align: center;}
.text_justify{text-align: justify;}


.product_page{width: 100%;float: left;}
.spec_inner_box .in_box{position: relative;}
.pro_inner_box .section-title, .spec_inner_box .section-title, .app_inner_box .section-title, .usp_pro .section-title {color: #fff;}
.app_ul{width: 100%;float: left;list-style: none;padding: 0;margin: 0;}
.app_ul li {width: 100%;float: left;margin: 10px 0px 0px;position: relative;padding-left: 20px;    text-align: justify;font-size: 14px;}
.app_ul li::before {content: "";background-color: #f49a11;width: 10px;height: 10px;position: absolute;top: 8px;left: 0;border-radius: 100%;border: 1px solid #fff;}
.spec_inner_box .table{margin-bottom: 0;}
.spec_inner_box .table th{color: #fff;}
.spec_inner_box .table td{color: #fff;font-size: 14px;text-align: center;}
.spec_inner_box .table-bordered td, .table-bordered th {border: 1px solid #fff;}
.spec_inner_box .table thead th {border-bottom: 2px solid #fff;border-top: 2px solid #fff;}
.spec_inner_box .table td, .spec_inner_box .table th {border-top: 1px solid #ffffff;text-align: center;}

.usp_pro .counter-text{width: 100%;float: left;}

/*.usp_pro .counter-text h5{text-align: left;font-size: 18px;position: relative;padding-left: 20px;}
.usp_pro .counter-text h5::before{content: "";background-color: #f49a11;width: 10px;height: 10px;position: absolute;top: 8px;left: 0;border-radius: 100%;border: 1px solid #fff;}*/

.usp_pro .counter-text P{position: relative;padding-left: 20px;}
.usp_pro .counter-text P::before{content: "";background-color: #f49a11;width: 10px;height: 10px;position: absolute;top: 5px;left: 0;border-radius: 100%;border: 1px solid #fff;}

.usp_pro .counter-text p{color: #fff;text-align: left;}

.pro_inner_box {width: 100%;float: left;background-color: #f49a11;padding: 50px 70px 50px 30px;    color: #fff;}
.usp_pro {width: 100%;float: left;background: #5b5b5b;padding: 50px 30px 50px 30px;color: #fff;margin-top: 50px;margin-left: -65px;}
.app_inner_box {width: 100%;float: left;background-color: #8dbf2f;padding: 50px 70px 50px 30px;    color: #fff;margin-top: 0px;}
.spec_inner_box {width: 100%;float: left;background: #5b5b5b;padding: 50px 30px 50px 30px;color: #fff;margin-top: 200px;margin-left: -70px;}
.abo_sec {width: 100%;float: left;color: #fff;padding: 50px;/*border: 2px solid #f49a11;border-radius: 5px;box-shadow: 0px 0px 10px #dddddd;*/}
.who_sec {width: 100%;float: left;color: #fff;padding: 50px;/*border: 2px solid #5b5b5b;border-radius: 5px;box-shadow: 0px 0px 10px #dddddd;*/}
.abo_sec h2, .who_sec h2{color: #fff;}


.typing_txt span{font-size: 20px !important;}
.bg_gray{background-color: #5b5b5b;}
.bg_green{background-color: #8dbf2f;}
.bg_org {background-color: #f49a11;}
.about_us .carousel-indicators li {background-color: #f49a11;}
.gallery_sec {width: 100%;float: left;}
.wow {margin-bottom: 30px;}
.about_us{width: 100%;float: left;}



.subscribe_box {
    position: relative;
}
.subscribe_box label.error {
    position: absolute;
    bottom: -30px;
}

.btn-primary{
	background-color:#f49a11;
	border-color:#f49a11;
	color:#fff;
	padding: 0.7rem 0.9rem;
}
.btn-primary:hover{
	background-color:#333;
	border-color:#333;
}







/************************** RESPONSIVE CSS START *************************/


@media (min-width:1400px) and (max-width:1599px) {
    .container {max-width: 1340px;}
}

@media (min-width:1600px) and (max-width:3000px) {
    .container {max-width: 1400px;}
	.f-text{
		padding-right:70px;
	}
}


/*Extra small devices (portrait phones, less than 576px)*/
@media (max-width: 575.98px) {
    .navbar-toggler {background-color: #f49a11;border: 1px solid #000;}
    .navbar-collapse {position: absolute;left: 0;background-color: #fff;z-index: 999;width: 100%;   padding-left: 15px;top: 100%;padding: 0px 20px 20px;}
    a.nav-link {color: #000;}
    .co-btn {text-align: center;margin-top: 10px;}
    .top_none .co-btn a.nav-link {color: #000;}
    .image-absolute-box .box {position: inherit;left: inherit;}
    .about_box_right {left: 41%;}
    .catalog_box p {font-size: 18px;}
/*    .catalog_box span {font-size: 14px;}*/
    .cat_btn {font-size: 12px;}
    .navbar-brand img {width: 200px;}
    .contact-branch {position: inherit;top: inherit;left: inherit;padding: 30px;max-width: 100%;    background-color: #fff;-webkit-box-shadow: inherit;-moz-box-shadow: inherit;box-shadow: inherit;float: left;}
    .contact-branch .con-right {float: right;width: 80%;}
    .img-absolute {right: 0;}
    .site-section {padding: 0;}
    .about_box_left {width: 100%;float: left;}
    .about_box_right {width: 100%;float: left;position: inherit;left: inherit;top: inherit;     transform: inherit;}
    .owl-carousel .owl-item img {width: auto;text-align: center;margin: 0 auto;}
    .navbar {background-color: #fff;}
    .co-btn a.nav-link {color: #000;}
    .hide {display: none;}
    .intro-section h1 {font-size: 30px;}
    .subscribe_box .form-control {width: 55%;}
    .about_box {padding: 0 0px;}
    .navbar-expand-lg .navbar-nav .nav-link {padding-right: 5px;padding-left: 5px;}
    .site-section {padding: 0;}
    .img-absolute {left: 0;}
    .about_us {padding-top: 0 !important;}
    .contact_us .carousel-caption {bottom: 5%;left: 0;right: 0;width: 100%;display: inline-block;}
    .carousel-caption {position: inherit;right: inherit;bottom: inherit;left: inherit;z-index: inherit;padding-top: inherit;padding-bottom: inherit;color: #000;text-align: inherit;background-color: #fff;padding: 20px 20px 0px;}
    .contact_us .form-group {margin-bottom: 0;width: 100%;float: left;}
    .carousel-caption {text-align: center;}
    .carousel-caption h1 {font-size: 20px;color: #000;}
    .carousel-caption .read_more {font-size: 15px;padding: 11px 30px;display: inline-block;}
    .banner_slider .carousel-caption .read_more:hover{color: #f49a11;}
    .carousel-caption p {margin-bottom: 20px !important;display: block;color: #000 !important;width: 100%;float: left;}
    .solution_box .mb-5 {margin-bottom: 0rem !important;}
    .catalog_btn.mt-4.mb-4 {margin-top: 0rem !important;}
    .catalog_box p {margin-bottom: 0;}
    .banner_slider .carousel-caption {background-color: rgba(255, 255, 255, .5);color: #fff;}
    .check_box {height: auto;margin-bottom: 30px;}
    .main_slider {padding-left: 0;padding-right: 0;width: auto;text-align: center;}
    .chart_main h2 {font-size: 25px;}
    .banner_slider .carousel-item img {height: auto;}
    .inner_banner {margin-top: 57px;}
    .contact_us h2 {font-size: 25px;margin-bottom: 20px !important;line-height: 25px;}
    
    .usp_pro{margin-top: 30px;margin-left: 0;}
    .app_inner_box{margin-top: 30px;}
    .spec_inner_box{margin-top: 30px;margin-left: 0;}
    .pro_inner_box{padding: 30px 30px 30px 30px;}
    .app_inner_box{padding: 30px 30px 30px 30px;}
    .contact_us .carousel {position: relative;display: none;}
    .section-title{font-size: 30px;}
}

/*Small devices (landscape phones, 576px and up)*/
@media (min-width: 576px) and (max-width: 767.98px) {
    .navbar-toggler {background-color: #f49a11;border: 1px solid #000;}
    .navbar-collapse {position: absolute;left: 0;background-color: #fff;z-index: 999;width: 100%;    padding-left: 15px;top: 100%;padding: 0px 20px 20px;}
    a.nav-link {color: #000;}
    .co-btn {text-align: center;margin-top: 10px;}
    .top_none .co-btn a.nav-link {color: #000;}
    .image-absolute-box .box {position: inherit;left: inherit;}
    .about_box_right {left: 41%;}
    .catalog_box p {font-size: 18px;}
/*    .catalog_box span {font-size: 14px;}*/
    .cat_btn {font-size: 12px;}
    .navbar-brand img {width: 200px;}
    .contact-branch {position: inherit;top: inherit;left: inherit;padding: 30px;max-width: 100%;   background-color: #fff;-webkit-box-shadow: inherit;-moz-box-shadow: inherit;box-shadow: inherit;float: left;}
    .contact-branch .con-right {float: right;width: 92%;}
    .img-absolute {left: 0;}
    .about_box_left {width: 100%;float: left;}
    .about_box_right {width: 100%;float: left;position: inherit;left: inherit;top: inherit;      transform: inherit;}
    .owl-carousel .owl-item img {width: auto;text-align: center;margin: 0 auto;}
    .navbar {background-color: #fff;}
    .co-btn a.nav-link {color: #000;}
    .hide {display: none;}
    .about_box {padding: 0 0px;}
    .navbar-expand-lg .navbar-nav .nav-link {padding-right: 5px;padding-left: 5px;}
    .site-section {padding: 0;}
    .about_us {padding-top: 0 !important;}
    .contact_us .carousel-caption {bottom: 5%;left: 0;right: 0;}
    .carousel-caption {position: inherit;right: inherit;bottom: inherit;left: inherit;z-index: inherit;padding-top: inherit;padding-bottom: inherit;color: #000;text-align: inherit;        background-color: #fff;padding: 20px 20px 0px;}
    .contact_us .form-group {margin-bottom: 0;}
    .carousel-caption {text-align: center;}
    .carousel-caption h1 {font-size: 24px;color: #000;}
    .carousel-caption .read_more {font-size: 15px;padding: 11px 30px;display: inline-block;}
    .carousel-caption p {margin-bottom: 20px !important;display: block;color: #000 !important;}
    .solution_box .mb-5 {margin-bottom: 0rem !important;}
    .catalog_btn.mt-4.mb-4 {margin-top: 0rem !important;}
    .catalog_box p {margin-bottom: 0;}
    .banner_slider .carousel-caption {background-color: rgba(255, 255, 255, .5);color: #fff;}
    .check_box {height: auto;margin-bottom: 30px;}
    .main_slider {padding-left: 0;padding-right: 0;width: auto;text-align: center;}
    .chart_main h2 {font-size: 25px;}
    .banner_slider .carousel-item img {height: auto;}
    .inner_banner {margin-top: 57px;}
    
    .usp_pro{margin-top: 30px;margin-left: 0;}
    .app_inner_box{margin-top: 30px;}
    .spec_inner_box{margin-top: 30px;margin-left: 0;}
    .pro_inner_box{padding: 30px 30px 30px 30px;}
    .app_inner_box{padding: 30px 30px 30px 30px;}
    .contact_us .carousel {position: relative;display: none;}
    .banner_slider .carousel-caption .read_more:hover{color: #f49a11;}
    
}

/*Medium devices (tablets, 768px and up)*/
@media (min-width: 768px) and (max-width: 991.98px) {
    .navbar-toggler {background-color: #f49a11;border: 1px solid #000;}
    .navbar-collapse {position: absolute;left: 0;background-color: #fff;z-index: 999;width: 100%;   padding-left: 15px;top: 100%;padding: 0px 20px 20px;}
    a.nav-link {color: #000;}
    .co-btn {text-align: center;margin-top: 10px;}
    .top_none .co-btn a.nav-link {color: #000;}
    .image-absolute-box .box {position: inherit;left: inherit;}
    .about_box_right {left: 41%;}
    .catalog_box p {font-size: 18px;}
    .catalog_box span {font-size: 14px;}
    .cat_btn {font-size: 12px;}
    .navbar {background-color: #fff;}
    .co-btn a.nav-link {color: #000;}
    .hide {display: none;}
    .navbar-expand-lg .navbar-nav .nav-link {padding-right: 5px;padding-left: 5px;}
    .site-section {padding: 0;}
    .contact_us .carousel-caption {bottom: 0%;left: 5%;right: 5%;}
    .banner_slider .carousel-item img {height: auto;}
    .inner_banner {margin-top: 57px;}
    .contact_us h2 {font-size: 20px;line-height: 20px;margin-bottom: 10px !important;}
    .pro_inner_box{padding: 30px 30px 30px 30px;}
    .usp_pro{margin-top: 520px;margin-left: 0;}
    .app_inner_box{padding: 30px 30px 30px 30px;}
    .spec_inner_box{margin-top: 145px;margin-left: 0;}
    .pro_inner_box .section-title, .spec_inner_box .section-title, .app_inner_box .section-title, .usp_pro .section-title {font-size: 25px;line-height: 25px;}
}

/*Large devices (desktops, 992px and up)*/
@media (min-width: 992px) and (max-width: 1199.98px) {
    .intro-section h1 {font-size: 40px;}
    .cat_btn {font-size: 12px;}
    .image-absolute-box .box {left: 0;}
    .navbar {background-color: #fff;}
    .co-btn a.nav-link {color: #000;font-size: 12px;}
    a.nav-link {color: #000;font-size: 12px;}
    .top_none a.nav-link{font-size: 12px;}
    .navbar-expand-lg .navbar-nav .nav-link {padding-right: 10px;padding-left: 10px;}
    .contact_us .carousel-caption {bottom: 5%;}
    .floating-form {max-width: 40%;}
    .navbar-brand img{width: 200px;}
    .banner_slider .carousel-item img {height: auto;}
    input.subscript_btn{font-size: 10px;}
    .pro_inner_box{padding: 30px 30px 30px 30px;}
    .usp_pro{margin-top: 430px;margin-left: 0;}
    .app_inner_box{padding: 30px 30px 30px 30px;}
    .spec_inner_box{margin-top: 145px;margin-left: 0;}
}

/*Extra large devices (large desktops, 1200px and up)*/
@media (min-width: 1200px) {}

/************************** RESPONSIVE CSS END *************************/