@charset "utf-8";
/* CSS Document */
*{margin:0px; padding:0px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
html{ width:100%; height:100%; margin:0px; padding:0px;}
body{ margin:0px; padding:0px; font-family: "Inter", sans-serif; font-size:16px; color:#000; background:#fff; min-height:100%; overflow-x: hidden;}
p{ margin:0px; padding:0px 0 20px 0; font-family: "Inter", sans-serif; font-size:18px; line-height:28px;}
h1{ margin: 0 0 25px; padding: 0; font-size:58px; line-height: 60px; font-weight: 700;}
h2{ margin: 0 0 25px; padding: 0; font-size:58px; line-height: 60px; font-weight: 700;}
h3{ margin: 0 0 20px; padding: 0; font-size:36px; line-height: 40px;font-weight: 700;}
h4{ margin: 0 0 20px; padding: 0; font-size:28px; line-height: 32px;font-weight: 700;}
h5{ margin: 0 0 20px; padding: 0; font-size:18px; line-height: 20px;font-weight: 600;}
h6{ margin: 0; padding: 0;}

address, blockquote, dd, div, dl, dt, fieldset, form, frame, frameset{ margin:0; padding:0; border: 0px; outline: none; }
label, legend, table, caption, tbody, tfoot, thead, tr, th, td { margin:0px; padding:0; outline:none; border:0;}
a{ text-decoration:none; border: 0px; outline: none; transition: all .5s;}
a:hover, a:focus, a:active{ text-decoration:none; border: 0px; outline: none; transition: all .5s;color:#009999;}

a img{ border:none; outline: none;}
a:focus {outline:none; } 
border{ border-collapse:collapse;}
hr{ height:1px; background:#333333; border:none;}
.clear{ clear:both;}
.clearfix:before,
.clearfix:after { content: " "; display: table;}
.clearfix:after { clear: both;}
.clearfix { *zoom: 1;}
img {max-width: 100%;height: auto;object-fit: cover; -webkit-object-fit: cover;}

.no-pad { padding:0px !important;}
.no-mag { margin:0px !important;}

/*	Reset style			*/
::-moz-selection { color: #fff; background: #d57929;}
::selection {  color: #fff; background: #d57929;}

.form-control::-webkit-input-placeholder, input[type="text"]::-webkit-input-placeholder, input[type="email"]::-webkit-input-placeholder, input[type="password"]::-webkit-input-placeholder, textarea::-webkit-input-placeholder {color:#fff;opacity:1}
.form-control::-moz-placeholder, input[type="text"]::-moz-placeholder, input[type="email"]::-moz-placeholder, input[type="password"]::-moz-placeholder, textarea::-moz-placeholder {color:#fff;opacity:1}
.form-control:-ms-input-placeholder, input[type="text"]:-ms-input-placeholder, input[type="email"]:-ms-input-placeholder, input[type="password"]:-ms-input-placeholder, 
textarea:-ms-input-placeholder {color:#fff;opacity:1}
.form-control:-moz-placeholder, input[type="text"]:-moz-placeholder, input[type="email"]:-moz-placeholder, input[type="password"]:-moz-placeholder, textarea:-moz-placeholder 
{color:#fff;opacity:1}

.form-control, input[type="text"], input[type="search"], input[type="tel"],input[type="email"],textarea,input[type="password"],input[type="number"], select { display: block; width: 100%;  font-family: "Inter", sans-serif; font-weight: 400; font-size: 15px; color: #fff; height: auto; background: none; padding: 14px 14px; margin-bottom: 20px; outline: none; border-radius: 5px; box-shadow: none; line-height: normal; border: 1px solid #e2e2e2;appearance:none;-webkit-appearance:none;-moz-appearance:none;-ms-appearance:none; webkit-transition: all 0.3s ease-in-out;-moz-transition: all 0.3s ease-in-out;-ms-transition: all 0.3s ease-in-out;-o-transition: all 0.3s ease-in-out;transition: all 0.3s ease-in-out;}
textarea.form-control {height:90px;resize:none; overflow:hidden; padding:14px 18px 0;}
.form-control:focus,textarea.form-control:focus {outline:none;box-shadow:none; border:1px solid #f2f2f2; background-color:transparent; box-shadow: 0px 0px 10px 0px rgba(70, 70, 70, 0.1);}

select.form-control{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:100%;border: 1px solid #bcbcbc;border-radius:5px;box-shadow:none;background:url(../images/down-arrow-black.png) no-repeat 94.5% center;font-size:15px;color:#7e7e7e;height:48px;padding:0 15px; font-family: "Inter", sans-serif; line-height:normal; font-weight:400; text-transform:none; cursor: pointer; background-color:#fff;}
select.form-control:focus {border:1px solid #bcbcbc;outline: none;background:url(../images/down-arrow-black.png) no-repeat 94.5% center;}
select.form-control option {color:#1f1f1f; font-size:12px; font-weight:400;}

.btn{ position:relative;font-family: "Inter", sans-serif; font-size: 20px; line-height: 22px; padding:20px 34px; color: #fff; outline: none; border: none; -webkit-transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out; -ms-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out; border-radius:35px; background-color:#000; text-transform:uppercase;}
.btn:focus, .btn:active:focus, .btn.active:focus, .btn.focus, .btn:active.focus, .btn.active.focus {outline:0;box-shadow:none; color:#fff;}
.btn:hover { color:#f48020;}

.btn.enqn {background-color: inherit;border: 1px solid #fff;}
.btn.enqn:hover {color:#f48020;}

.btn.white {background-color:#fff; color:#000;}
.btn.white:hover {background-color:#1263ff; color:#fff;}
 
.padTopbtm{padding:90px 0;}
.displayTable{display:table;height:100%;width:100%; position:relative;}
.displayCell{display:table-cell;vertical-align:middle}
.tableWidth-full {width:100%;}
.tableWidth-half {width:50%; height:100%}

.clr-wth {color: #fff;}

/*		menu style		*/
.navWrap {position:relative; z-index:9; margin: 30px 0 0 0px;float: right;display: flex;align-items: end;flex-direction: column;-webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;}
.navigation ul{ margin:0px; padding: 0px; list-style: none; }
.navigation ul li{font-family: "Inter", sans-serif; float: none; display: inline-block; vertical-align: top;position: relative; margin:0 3px; -webkit-transition: all 0.3s ease-in-out;-moz-transition: all 0.3s ease-in-out;
-ms-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;}
.navigation ul li:last-child:after { display:none;}
.navigation ul li:last-child { margin-right:0px;}
.navigation ul > li a{background-color: #fff;color: #0a9854; line-height: normal; display: block; font-size: 16px; padding: 8px 20px; font-family: "Inter", sans-serif;border-radius: 25px;}
.navigation ul > li.arrow a {padding-right:18px;}
.navigation ul > li:hover > a, .navigation ul > li:focus > a { color: #000;}
.navigation ul li.active a { color: #000;}
.navigation ul > li ul { visibility: hidden; opacity: 0; position: absolute; top: 45px; left: -20px; width: 100%; transform: translateY(-20%); z-index: -1; transition: all 0.3s ease-in-out 0s, visibility 0s linear 0.3s, z-index 0s linear 0.01s; min-width: 210px; background: #dbe13d; border: 0; border-radius: 0px; padding: 15px 0px;}
.navigation ul > li:hover ul {visibility: visible; opacity: 1; z-index: 1; transform: translateY(0%);transition-delay: 0s, 0s, 0.3s; }
.navigation ul li > ul li{ display: block; margin: 0px; padding:0;}
.navigation ul li > ul li a {color:#009999;border:0;padding: 13px 20px 13px 24px; margin:0; font-weight:700; border-radius:0; height:auto; line-height:normal; font-size:14px; text-transform:none; font-family: 'Oswald', sans-serif;}
.navigation ul li > ul li:last-child a {border-bottom:0;}
.navigation ul li > ul li:hover a {color:#fff; background-color:#009999;}
.navigation ul li > ul li.active a { color:#ffff00; background-color: transparent;}
.nav>li>a:hover, .nav>li>a:focus { background-color:#fff;}

/* hover effect */
@-webkit-keyframes hvr-wobble-horizontal {
16.65% {-webkit-transform: translateX(8px)transform: translateX(8px);}
33.3% {-webkit-transform: translateX(-6px);transform: translateX(-6px);}
49.95% {-webkit-transform: translateX(4px)transform: translateX(4px);}
66.6% {-webkit-transform: translateX(-2px);transform: translateX(-2px);}
83.25% {-webkit-transform: translateX(1px);transform: translateX(1px);}
100% {-webkit-transform: translateX(0);transform: translateX(0);}}
@keyframes hvr-wobble-horizontal {16.65% {-webkit-transform: translateX(8px);transform: translateX(8px);}
33.3% {-webkit-transform: translateX(-6px);transform: translateX(-6px);}
49.95% {-webkit-transform: translateX(4px);transform: translateX(4px);}
66.6% {-webkit-transform: translateX(-2px);transform: translateX(-2px);}
83.25% {-webkit-transform: translateX(1px);transform: translateX(1px);}
100% {-webkit-transform: translateX(0);transform: translateX(0);}}
.hvr-wobble-horizontal {display: inline-block;vertical-align: middle;-webkit-transform: perspective(1px) translateZ(0);transform: perspective(1px) translateZ(0);box-shadow: 0 0 1px rgba(0, 0, 0, 0);}
.hvr-wobble-horizontal:hover, .hvr-wobble-horizontal:focus, .hvr-wobble-horizontal:active {-webkit-animation-name: hvr-wobble-horizontal;animation-name: hvr-wobble-horizontal;-webkit-animation-duration: 1s;animation-duration: 1s;-webkit-animation-timing-function: ease-in-out;animation-timing-function: ease-in-out;-webkit-animation-iteration-count: 1;animation-iteration-count: 1;}

/*	Header	*/
.mainHd {position: fixed; z-index: 13; padding: 0; margin: 0px; top: 0px; left: 0px; width: 100%; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; z-index:100;}
.logo {float:left; margin:0px; width:220px; position: absolute; top: 25px; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out;}
.logo a { display:block;-webkit-transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
-ms-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;}

.navbar { margin:0px; padding:13px 0 0 0;}

.triangle-box {width: 0;height: 0;border-style: solid;border-width: 0 50px 45px 0;border-color: transparent #fc4442 transparent transparent; position:absolute; right:0; top:0; z-index:111; cursor:pointer; display:none;}
.triangle-box.active {border-color: transparent #bf352b  transparent transparent;}
.triangle-box i {color:#fff; font-size:14px;}
.triangle-box .fa-plus {margin:5px 0 0 30px;}
.triangle-box .fa-minus {display:none;margin:5px 0 0 30px;}
.triangle-box.active .fa-plus {display: none;}
.triangle-box.active .fa-minus {display: block;}

/* affix */
.affix {top: 0;width: 100%;-webkit-transition: all .3s ease-in-out;transition: all .3s ease-in-out;padding-top:0px;-webkit-box-shadow:0 0px 20px 0 rgba(0, 0, 0, 0.6);
    box-shadow:0 0px 20px 0 rgba(0, 0, 0, 0.6);background-color: #000000a6;}
.affix .logo {top: 5px; width:150px;-webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out;}
.affix .navWrap {margin: 5px 0 0 0px;-webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;}
.affix .top-src .form-control { 
        padding: 6px 10px 6px 40px;
    }
.affix .top-src input[type="submit"] {
        left: 8px;
        top: 4px;}    
.affix .navigation ul > li a {
            font-size: 14px;
            padding: 6px 20px;}
/* scroll top */
.scrollTop { position: fixed; width: 35px;bottom: 2%; right: 2%; background-color: #e76520; color: #fff; font-size: 18px; line-height: 31px; opacity: 0; visibilty: hidden; webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; z-index: 100; text-align: center; border: 2px solid #fff; border-radius: 50%;}
.scrollTop:hover, .scrollTop:focus{color:#ffff00; border:2px solid #ffff00;}
.scrollTop.pop{opacity:1; visibility:1;}

/* banner-home */
.banner-wrp {position: relative;}
.banner-pic img {width: 100%;height: 100%;}
.middle-banner {position: absolute;right: 0;left: 0;bottom: 25px;text-align: right;}

.contact-area {padding: 100px 0;background-color: #e8f5ff;background-image: url(../images/ft-bg.png);background-position: left bottom;background-repeat: no-repeat;}
.contact-area h3 {font-size: 30px;margin: 0 0 4px;line-height: 32px;}
.contact-map {height: 290px;}
.contact-map iframe {width: 100%;height: 100%;}
.contact-rgt {display: flex;margin: 0 0 30px;}
.drctr-pic {width: 240px;position: relative;}
.drctr-pic img {width: 100%;height: 100%;}
.contact-map {width: 100%;}
.ft-barqt {display: flex;align-items: end;justify-content: end;margin: 0 0 40px;}
.ft-barqt-pic {width: 137px;}

.drctr-cont {position: absolute;left: 0;bottom: -80px;right: -200px;}
.drctr-cont span {font-size: 18px;color: #166eff;}

.contact-btom {display: flex;justify-content: space-between;}
.ft-scl h3 {text-align: center;margin: 0 0 25px;}
.ft-scl ul {display: flex;list-style: none;justify-content: center;}
.ft-scl ul li {width: 37px;height: 37px;margin: 0 4px;}
.ftcnt-dtls ul {list-style: none;}
.ftcnt-dtls ul li {display: inline-block;margin-right: 25px;}
.ftcnt-dtls ul li:first-child {display: block;}
.ftcnt-dtls ul li p {font-size: 18px;color: #166eff;}
.ftcnt-dtls ul li p a {color: #166eff;}
.ftcnt-dtls ul li p a:hover {color: #000;}
.ftcnt-dtls ul li:last-child {margin-right: 0;}
.ft-logo {max-width: 310px;}

.top-src {position: relative;border: 1px solid #fff;border-radius: 35px;}
.top-src .form-control {background: none;border: 0;outline: none;margin: 0;padding: 10px 10px 10px 40px;}
.top-src input[type="search"]:focus, .top-src input[type="search"]:active {background: none;border: 0;outline: none;}
.top-src input[type="submit"] {position: absolute;left: 10px;top: 8px;background: url(../images/src-icon.png) no-repeat center center;width: 25px;height: 25px;outline: none;border: 0;text-indent: -999px;}

.aboutSection {padding: 100px 0;/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#0124ff+0,0f4fff+26,2595ff+75,30b7ff+100 */
    background: linear-gradient(to bottom,  hsla(232,100%,50%,1) 0%,hsla(224,100%,53%,1) 26%,hsla(209,100%,57%,1) 75%,hsla(201,100%,60%,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    }
.abt-cont {padding-right: 80px;}

.esg-area {padding: 100px 0;/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#8be62a+0,6fd86b+25,5ccf98+50,44c3d1+75,7db9e8+100 */
    background: linear-gradient(to bottom,  hsla(89,79%,53%,1) 0%,hsla(118,58%,64%,1) 25%,hsla(151,55%,59%,1) 50%,hsla(186,60%,55%,1) 75%,hsla(206,70%,70%,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    }
.esg-cont {padding-left: 50px;}  

.technology-area {padding: 100px 0;background-position: center top;background-repeat: no-repeat;background-size: cover;}
.technology-cont {padding-left: 80px;}
.technology-pic {margin: 0 0 30px;}
.technology-pic  video {width: 100%;height: 100%;}

.lvdns-area {padding: 100px 0;/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#0124ff+0,0f4fff+26,2595ff+75,30b7ff+100 */
    background: linear-gradient(to bottom,  hsla(232,100%,50%,1) 0%,hsla(224,100%,53%,1) 26%,hsla(209,100%,57%,1) 75%,hsla(201,100%,60%,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    }
.lvdns-bx {display: flex;align-items: stretch;}
.lvdns-pic {width: 480px;margin: 25px 45px 30px 0;}
.lvdns-pic img {width: 100%;height: 100%;}

.techitem-area {padding: 100px 0;/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#8be62a+0,6fd86b+25,5ccf98+50,44c3d1+75,7db9e8+100 */
    background: linear-gradient(to bottom,  hsla(89,79%,53%,1) 0%,hsla(118,58%,64%,1) 25%,hsla(151,55%,59%,1) 50%,hsla(186,60%,55%,1) 75%,hsla(206,70%,70%,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    }
.techitem-bx {text-align: center;margin: 0 0 30px;} 
.techitem-pic {margin: 0 0 15px;background-color: #7e7e7e;}
.techitem-bx img {width: 100%;height: 100%;}
.techitem-top {padding-bottom: 40px;}


.chtmd-wrp .form-control::-webkit-input-placeholder {color:#000;}
.chtmd-wrp .form-control::-moz-placeholder {color:#000;}
.chtmd-wrp .form-control:-ms-input-placeholder {color:#000;}
.chtmd-wrp .form-control:-moz-placeholder {color:#000;}

.chtmd-wrp .modal-content {border: 5px solid #66e120;padding: 25px;}
.chtmd-wrp .form-control {color: #000;}
.chtmd-wrp .modal-header {
    padding: 0 15px;
    border-bottom: 0;
}
.chtmd-wrp .btn {padding: 14px 25px;}

/**			==============	Responsive style start	============================---------------------------------------------------------------****
*********************************************--------------------------------------------------------------------------------------------------***/
@media (min-width: 1600px) {
.container {width: 1410px;}
}

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

}
/*******		end 1440		*/

@media only screen and (max-width:1299px){
.abt-cont {padding-right: 40px;}
}
/*******		end 1299		*/

@media only screen and (max-width: 991px) {
.affix .logo,.logo{width:150px}
.contact-area{background-image:none}
.ft-logo{max-width:300px;margin:0 auto 25px}
.navigation ul li{margin:0}
.navigation ul > li a{font-size:14px;padding:8px 20px}
.navWrap{margin:10px 0 0}
.abt-cont{padding-right:0;padding-bottom:15px}
.esg-pic{max-width:550px;margin:0 auto 25px}
.esg-cont{padding-left:0;text-align:center}
.technology-pic{max-width:380px;margin:0 auto 25px}
.technology-cont{padding-left:0;text-align:center;padding-top:10px}
.techitem-top{padding:0}
.techitem-area{padding:60px 0}
.techitem-cont{padding:0 0 10px}
}
/*******		end 991		*/

@media only screen and (max-width: 767px) {
.navbar-collapse{background-color:#099}
p{font-size:15px;line-height:24px;padding:0 0 15px}
.affix{background-color:#00000096}
.logo{width:90px;z-index:10;margin:0;top:6px}
.navbar{border:none;min-height:46px}
.navWrap{width:100%;display:block;float:none;margin:0}
.navigation ul{margin:25px 0 15px}
.navigation ul li{margin:0;display:block}
.navbar-toggle{background-color:#eb6d20;border:0;border-radius:0;padding:8px 7px;margin:0}
.navbar-toggle .icon-bar{background-color:#fff}
.affix .logo{width:80px}
.affix .navigation ul li{margin:0}
.affix .navWrap{margin:0}
.navigation ul > li a{color:#fff;background-color:inherit}
.contact-area{padding:55px 0 30px}
.contact-rgt{flex-direction:column}
.drctr-pic{width:100%}
.drctr-cont{position:static;padding:15px 0 25px;text-align:center}
.contact-map{width:100%;padding-left:0}
.ft-barqt{justify-content:center}
.contact-btom{flex-direction:column}
.ftcnt-dtls ul li{margin:0 5px;text-align:center;display:block}
.top-src{display:none}
.nav>li>a:hover,.nav>li>a:focus{background-color:inherit}
.banner-pic img{height:250px}
.btn{font-size:14px;line-height:18px;padding:10px 20px}
.aboutSection{padding:55px 0 30px}
h1,h2{margin:0 0 15px;font-size:34px;line-height:38px;font-weight:600}
.abt-cont{padding:0;text-align:center}
.technology-area{padding:55px 0 30px} 
.lvdns-area{padding:40px 0 20px;text-align:center}
.lvdns-bx{flex-direction:column}
.lvdns-pic{width:100%;max-width:350px;margin:15px auto}
h4{margin:0 0 10px;font-size:22px;line-height:28px;font-weight:500}
h3{margin:0 0 10px;font-size:28px;line-height:34px}
.techitem-area{padding:35px 0 20px;text-align:center}
.chtmd-wrp .modal-content {border: 3px solid #66e120;padding: 15px 5px 10px;}  
}
/*******	 end 767		*******/