@import url('https://fonts.googleapis.com/css2?family=Open+Sans:wght@300;400;600&family=Montserrat:wght@100;200;300;400;500;600;700;800;900&display=swap');
*{ margin: 0; padding: 0; outline: 0; font-family: 'Open Sans', sans-serif; line-height: 2; }
body{ font-size: .9rem; }
a{ text-decoration: none !important;text-transform: uppercase; font-size: .9rem; }
h1,h2,h3,h4,h5,h6{ font-family: 'Montserrat', sans-serif;  font-weight: 800; }
h1,h2,h3,h4,h5,h6, ul,p{ margin: 0; padding: 0; }
h2{font-weight: 900;font-size: 2.5rem;}
.container-fluid { width: 95%; }
.main_btn{ display: inline-block; padding: 10px 40px; background: #fd6601; border-radius: 8px; color: #fff; transition: linear .3s; }
.main_btn:hover { background: #fd6601; color: #fff; }

/*************************************** HEADER ****************************************/
header{ width: 100%;  background: #fff; position: absolute; z-index: 1; box-shadow: 3px 3px 20px 0 #00000054; }
.head_top_right ul li{ margin: 0 0 0 10px; }
.logo {width: 100%;margin: 4px 0;}
.logo img{max-width: 100%;height: 80px;}
.head_menu{ width: 100%; }
.head_menu ul li { display: inline-block; }
.head_menu ul li:last-child a{ border:none; font-weight: 600; font-size: .8rem; letter-spacing: 1px; }
.head_menu ul li a {color: #222;padding: 25px 10px;display: block;font-size: 0.9rem;font-weight: 600;border-bottom: 3px solid transparent;transition: linear .3s;font-family: 'Montserrat', sans-serif;}
.head_menu ul li a:hover {border-color: #4279ff;color: #4279ff;} 
.head_menu ul li a>img{ margin-right: 5px; }
.head_right{width: 100%;margin: 24px 0;}
.head_right ul li {list-style: none; display: inline-block; }
.head_right ul li a {color: #000;font-size: .9rem;text-transform: lowercase;font-weight: 600; font-family: 'Montserrat', sans-serif;}
.head_right ul li a>span {color: #4279ff;margin: 0 8px 0 0;}
.head_rbtn{ padding: 10px 30px !important; color: #fff !important; display: inline-block; background:#0145b4; border-radius: 30px; border-bottom: none !important; }
.active{/* border-color:#fd6601 !important; *//* color:#fd6601 !important; */}

/*************************************** PRE-LOADER ****************************************/
#loader {position: fixed; height: 100%; width: 100%; left: 0; right: 0; bottom: 0; background: #fffffff2; top: 0; text-align: center; padding-top: 23%; z-index: 999; }
#loader img{  animation: spin 2s infinite alternate; }
@keyframes spin {
  0% { filter: grayscale(1); transform: translateY(0); }
  100% { filter: grayscale(0); transform: translateY(-10px); }
}

/*************************************** STICKY HEADER ****************************************/
.sticky {/* position: fixed; */top: 0;z-index: 999;}

/*************************************** BACK TO TOP ICON ****************************************/
#return-to-top {position: fixed; bottom: 20px; right: 20px; background: rgba(0, 0, 0, 0.7); width: 50px; height: 50px; display: block;  border-radius: 35px; opacity: 0; transition: all 0.3s ease; } #return-to-top i {color: #fff; margin: 0; position: relative; left: 16px; top: 13px; font-size: 19px; transition: all 0.3s ease; }
#return-to-top:hover {background: rgba(0, 0, 0, 0.9); } 
#return-to-top:hover i {color: #fff; top: 5px; } 
#return-to-top.show{ opacity: 1; }

/*************************************** BANNER ****************************************/
.banner {width: 100%; height: 100vh;display: flex; flex-flow: wrap; align-content: center; padding: 50px 0; z-index: 0;overflow: hidden;background:transparent;background-size: cover;background-attachment: fixed;position: relative;}
.banner:before {content: "";background: linear-gradient(145deg, #021d4bcf 30%, #fd6601b3); position: absolute;left: 0;right: 0;bottom: 0;top: 0;z-index: 1;}
.banner:after {content: "";position: absolute;top: 0;bottom: 0;left: 0;right: 0;height: 100%;background-image: url(img/dot-pattern.png);background-repeat: repeat;z-index: 1;} .banner_box { width: 100%; color: #fff; text-align: center; }
.banner_box{ position: relative; z-index: 2; }
.banner_box img { margin: 0 0 30px; opacity: .1; }
.banner_box h1 { font-size: 3rem; font-weight: 900;}
.banner_box p { font-size: 1rem; font-weight: 300; margin: 20px 0 30px; }
#particles-js { height: 100%; width: 100%; position: absolute; overflow: hidden; top: 0; right: 0; left: 0; bottom: 0; }
.banner_video {position: absolute; top: 0; right: 0; bottom: 0; left: 0; }
.banner_video video { width: 100%; }

/*************************************** SECTION 1 ****************************************/
.h_sec1{width: 100%;padding: 90px 0;background-color: #fff;overflow: hidden;}
.sec1_left { width: 100%; border-radius: 10px; overflow: hidden; box-shadow: 3px 3px 10px 0 #00000057; animation: animate 5s ease-in-out infinite; }
.sec1_left img{ width: 100%; }
.sec1_left2{margin: 50px 0 0;animation: animated 6s ease-in-out infinite;}
.sec1_right {width: 100%;margin: 50px 0 0;}
.sec1_right h5 { font-size: 1rem; text-transform: uppercase; color: #fd6601; font-weight: 600; }
.sec1_right h2 { margin: 20px 0; }
@keyframes animated { 0% { transform: translatey(0px); } 50% { transform: translatey(-20px); } 100% { transform: translatey(0px); } }
@keyframes animate { 0% { transform: translatey(0px); } 50% { transform: translatey(-30px); } 100% { transform: translatey(0px); } }

/*************************************** SECTION 2 ****************************************/
.h_sec2{width: 100%;  }
.sec2_top {width: 100%; padding:200px 0; background-size: cover; background-attachment: fixed; text-align: center; position: relative; z-index: 0; }
.sec2_top:before {background: #000000ad; position: absolute; left: 0; right: 0; top: 0; bottom: 0; content: ""; }
.sec2_top a {position: relative;z-index: 1;display: inline-block;width: 50px; height: 50px; padding: 10px 18px 10px 8px;box-sizing: content-box;background: rgb(253 102 1);border-radius: 10px;margin: 0 auto;}
.sec2_top a>span {color: #fff;font-size: 2.1rem;position: absolute;left: 5px;top: 1px;right: 0;bottom: 0;}
.sec2_top a:before, .sec2_top a:after {content: '';width: 100%;height: 100%;position: absolute;left: 0;top: 0;opacity: 0;border-radius: 0;box-shadow: 0 0 0 30px rgba(250, 250, 250, .3);background-color: rgba(250, 250, 250, .3);animation: 1.5s pulse-anim cubic-bezier(.17, .85, .438, .99) infinite;}
.sec2_mid {width: 100%; background: #111111; padding: 0 0 90px; } 
.sec2_mbox {width: 100%;background: #1b1b1b;text-align: center;padding: 35px;border-radius: 10px;box-shadow: 3px 3px 13px 0 #00000040;margin: -90px 0 0;color: #fff;border-bottom: 5px solid #fd6601;} 
.sec2_mbox img{ width: 80px; }
.sec2_mbox h3 {margin: 20px 0;font-size: 1.1rem;} 
.sec2_mbox p {font-size: 1rem;  color: #959595; }
.sec2_bot{ width: 100%; background: #111111; padding: 0 0 90px; color: #fff; }
.sec2_bbox h5 { font-size: 1rem; text-transform: uppercase; color: #fd6601;}
.sec2_bbox h2 { margin: 20px 0; }
.sec2_bbox ul li { list-style: none; font-size: 1.1rem; position: relative; padding: 10px 0 10px 40px; border-bottom: 1px solid #333; font-weight: 100; }
.sec2_bbox ul li:before { content: "\f00c";position: absolute;left: 0;font-family: 'FontAwesome';color: #fff;}
.sec2_bbox h4 { font-size: 5rem; font-weight: 700;margin: 0 0 10px; color: #fd6601; }
.sec2_bbox h4>span{font-family: 'Montserrat', sans-serif; font-size: 5rem;  }
.sec2_bbox p { font-size: 1.2rem; text-transform: uppercase; font-weight: 300; font-family: 'Montserrat', sans-serif;}
.sec2_mbox span{color: #fd6601;}
@-webkit-keyframes pulse-anim {
  0% {opacity: 1; -webkit-transform: scale(.5); transform: scale(.5); }
  100% {opacity: 0; -webkit-transform: scale(1); transform: scale(1); }
}
@keyframes pulse-anim {
  0% {opacity: 1; -webkit-transform: scale(.5); transform: scale(.5); }
  100% {opacity: 0; -webkit-transform: scale(1); transform: scale(1); }
}

/*************************************** SECTION 3 ****************************************/
.h_sec3{ width: 100%; padding: 90px 0;background: url(img/s3_img2.png) no-repeat 96% 54%;
    background-size: 30%; }
.sec3_top{ width: 100%; overflow: hidden; text-align: center; margin: 0 0 50px; }
.sec3_top h2{ text-transform: uppercase;  }
.sec3_bot{ width: 100%;}
.sec3_box { width: 100%;}
.sec3_box h4{ font-size: 1.2rem; margin: 0 0 10px; }
.sec3_bot ul { display: flex; list-style: none; flex-flow: wrap; width: 100%; }
.sec3_bot ul li { padding: 50px; width: calc(50%/1); }
.sec3_bot ul li:nth-child(1){ box-shadow: -10px 0 10px 0 #0000001a inset; background: linear-gradient(to left, #f1f1f1, transparent); }
.sec3_bot ul li:nth-child(4){ box-shadow: 10px 0 10px 0 #0000001a inset; background:linear-gradient(to right, #f1f1f1, transparent); }
.sec3_bot ul li:nth-child(5){ box-shadow: -10px 0 10px 0 #0000001a inset; background: linear-gradient(to left, #f1f1f1, transparent); }

/*************************************** SECTION 4 ****************************************/
.h_sec4 { padding: 90px 0; width: 100%; background: #0e0e0e url(img/s4_img1.png); background-repeat: no-repeat; background-size: cover; color: #fff; }
.h_sec4 h5 { font-size: 1rem; text-transform: uppercase; color: #f36302; }
.h_sec4 h2 { font-size: 2.2rem; margin: 10px 0 0; }

/*************************************** ABOUT US PAGE ****************************************/
.inner_banner { padding: 220px 0 150px;  color: #fff; position: relative; text-align: center;}
.inner_banner:before { content: ""; position: absolute; background: linear-gradient(45deg, #fd6703ad, #0145b4b0); left: 0; right: 0; top: 0; bottom: 0; z-index: -2; }
.inner_banner h1{ font-size: 2.5rem; font-weight: 900; margin: 0 0 10px; }
.inner_banner p{ font-weight: 300; }
.inner_banner ul{ margin: 10px 0 20px; }
.inner_banner ul li{ display: inline-block; margin: 0 5px; }
.inner_banner ul li>span{ margin-right: 5px; }
.inner_banner a { background: #fd6601; color: #fff; }

/*************************************** ABOUT US section 1 ****************************************/
.ab_sec1{ width: 100%; padding: 90px 0; overflow: hidden; text-align: center; }
.ab_sec1_box{ width: 100%;}
.ab_sec1_box span { width: 80px; height: 80px; display: inline-block; background: #fd6601; font-size: 2.5rem; color: #fff; border-radius: 10px; }
.ab_sec1_box h3 { margin: 20px 0 10px; font-size: 1.2rem; }

/*************************************** ABOUT US section 2 ****************************************/
.ab_sec2{ width: 100%; padding: 90px 0; position: relative; background: #111; }
.ab_sec2:before {content: ""; background: url(img/ab_s2_img1.jpg) no-repeat center top; background-size: cover; position: absolute; left: 0; right: 45%; top: 0; bottom: 0; }

.ab_sec2_right{ width: 100%; padding: 50px; background: #0e0e0e; color: #fff; border-radius: 10px; box-shadow: 3px 3px 13px 0 #00000040; z-index: 1; position: relative; }
.ab_sec2_right h5 { margin: 20px 0 15px; text-transform: none; color: #fd6601; }
.ab_sec2_right p { margin: 0 0 20px; font-weight: 100; }

.ab_sec3{ width: 100%; padding: 90px 0; }
.ab_sec3_top h2{ margin: 0 0 20px; }
.ab_sec3_box { width: 100%; margin: 30px 0 0; }
.ab_sec3_box h3{ margin: 0 0 10px; font-size: 1.2rem; }

.ab_sec4{ width: 100%; padding: 90px 0; background: #111 url(img/ab_s4_img3.png) no-repeat center; color: #fff; }
.ab_sec4_top{ width: 100%; overflow: hidden; margin: 0 0 50px; }

.ab_sec4_box h4{  margin: 0 0 10px; color: #fd6601; }
.ab_sec4_box_img{ margin: -150px 0 0;  }
.ab_sec4_box_img img{ max-width: 100%; }

/*************************************** SERVICES PAGE SECTION 1 ****************************************/
.ser_sec1{ padding: 90px 0 0; width: 100%; position: relative;}
.ser_sec1_left {width: 100%; position: relative; }
.ser_sec1_left h5{ color:#fd6601; }
.ser_sec1_left h2{ margin: 10px 0; }
.ser_sec1_left p{ margin: 0 0 20px 80px; position: relative;}
.ser_sec1_left p:before {content: "";position: absolute;left: -78px;height: 1px;background: #fd6601;width: 60px;top: 12px;}
.ser_sec1_left a{ margin: 0 0 0 80px; }
.ser_sec1_right{ width: 100%; }
.ser_sec1_right img{ max-width: 100%; }
.ser_sec1_box{ width: 100%; margin: 0 0 90px; }

/*************************************** SERVICES PAGE SECTION 3 ****************************************/
.ser_sec3{ width: 100%; padding: 90px 0; background: #111; }
.ser_sec3_box { width: 100%; border-right: 2px dashed #333; color: #fff; }
.ser_sec3_box h3 { font-size: 5rem; color:#fd6601; } 
.ser_sec3_box p { font-size: 1.2rem; line-height: 1.5rem; font-weight: 100;  text-transform: uppercase; }
.ser_sec3 .ser_s3:last-child .ser_sec3_box{ border:none; }

/*************************************** SERVICES PAGE SECTION 4 ****************************************/
.ser_sec4{ width: 100%; padding: 90px 0;  }
.ser_sec4_top{ width: 100%; text-align: center; overflow: hidden; margin: 0 0 50px; }
.ser_sec4_top h5{ font-size: 1rem; margin: 0 0 10px; color:#fd6601; }
.ser_sec4_bot{ width: 100%; overflow: hidden; }
.ser_sec4_box{ width: 100%; text-align: center; padding: 50px; border-right: 1px solid #ccc; border-bottom: 1px solid #ccc; }
.ser_sec4_box h4{ margin: 20px 0 10px; font-size: 1.2rem; }
.ser_sec4 .ser_s4:nth-child(5) .ser_sec4_box, .ser_sec4 .ser_s4:nth-child(6) .ser_sec4_box, .ser_sec4 .ser_s4:nth-child(7) .ser_sec4_box, .ser_sec4 .ser_s4:nth-child(8) .ser_sec4_box{ border-bottom:none; }

/*************************************** CONTACT PAGE SECTION 1 ****************************************/
.cont_sec1{ width: 100%; padding: 90px 0; }
.cont_sec1_box{ width: 100%; text-align: center; }
.cont_sec1_box span {width: 80px;height: 80px;display: inline-block;font-size: 2.2rem;border: 2px solid #fd6601;border-radius: 8px;color: #fd6601;padding: 3px 0;}
.cont_sec1_box h4{ font-size: 1.2rem; margin: 20px 0 10px; }

/*************************************** CONTACT PAGE SECTION 2 ****************************************/
.cont_sec2{ width: 100%; background: #f1f1f1; overflow: hidden; }

/*************************************** CONTACT PAGE SECTION 3 ****************************************/
.cont_sec3{ width: 100%; padding: 90px 0; position: relative; }
.cont_sec3:before {content: ""; position: absolute; background: #0000009c; left: 0; top: 0; right: 0; bottom: 0; }
.cont_sec3_left{ width: 100%; color: #fff; position: relative; z-index: 1;}
.cont_sec3_left h4{ font-size: 1.2rem; margin: 0 0 20px;}
.cont_sec3_left p{ margin: 20px 0; }
.cont_sec3_left ul li { list-style: none; display: inline-block; margin-right: 5px; }
.cont_sec3_left ul li a{ color: #fff; transition: linear .3s; padding: 0 5px; border: 1px solid; width: 40px; height: 40px; display: inline-block; text-align: center; border-radius: 50px; font-size: 1.2rem; }
.cont_sec3_right{ width: 100%; position: relative; z-index: 1;}
.cont_sec3_right .form-control {height: auto;padding: 12px 20px;border-radius: 8px;border: 1px solid #fff; color: #fff; background: transparent;}
.cont_sec3_right button {padding: 12px 30px;border: none;border-radius: 8px;background: #fd6601;color: #fff;text-transform: uppercase;font-size: .9rem;}

/*************************************** CAREERS PAGE SECTION 1 ****************************************/
.cr_sec1{ width: 100%; padding: 50px 0;  }
.cr_sec1_left { width: 100%; margin: 100px 0 0; }
.cr_sec1_left h3{ font-weight: 900; }
.cr_sec1_left p{ margin: 20px 0; }
.cr_sec1_left span{ display: block; margin-bottom: 20px;}
.cr_sec1_left img{ max-width: 100%; }
.cr_sec2{ background: #f1f1f1; }

.cr_de_sec1{ width: 100%; padding: 90px 0; color: #7c7c7d; }
.cr_de_sec1 h3 { font-size: 1.2rem; margin: 30px 0 10px; color: #222; }
.cr_de_sec1 ul { margin: 0 0 0 20px; }

.cr_sec3{ width: 100%; padding: 90px 0; }
.cr_sec3_top{ width: 100%; overflow: hidden; text-align: center; }
.cr_sec3_top h2{ margin: 0 0 20px; }
.cr_sec3_bot { width: 100%; overflow: hidden; }
.cr_sec3_left{ width: 100%; margin:50px 0 0 ;}
.cr_sec3_left h3 { font-size: 1.2rem; margin: 0 0 10px;  }
.cr_sec3_left img{ max-width: 100%; }

.cr_sec4{ width: 100%; padding: 90px 0; background: #111; color: #fff; }
.cr_sec4_top {width: 100%; text-align: center; }
.cr_sec4_top h2 {margin: 0 0 20px; }
.cr_sec4_bot{ width: 100%; overflow: hidden; }
.cr_sec4_box {width: 100%; padding: 10px 10px; text-align: center; margin: 50px 0 0; }

.cr_de_sec2{ width: 100%; padding: 30px 0; background: #fd6601; color: #fff; }
.cr_de_sec2 a { border-color: #fff; color: #000; background: #fff; }
.cr_de_sec2 a:hover{ background: #fff; color: #fd6601; }
.cr_de_sec2 h4{ font-weight: 300; }
.cr_de_sec2 h4>span{ font-weight: 600; }

.cr_form{ width: 100%; padding: 90px 0; }
.cr_form h5 { padding: 12px 30px; margin: 30px 0; font-size: 1.2rem; border-radius: 8px; background: #111; color: #fff; }
.cr_form_box{ background: #f1f1f1; padding: 40px; box-shadow: 3px 3px 20px 0 #00000024; border: 1px solid #ddd; }
.cr_form_box .form-control { height: auto; padding: 12px 20px; border-radius: 8px; }
.table-bordered td, .table-bordered th{ vertical-align: middle; }

/*************************************** FOOTER ****************************************/
footer { width: 100%; background: #111 url(img/footer-bg.png) no-repeat center top; background-size: cover; }
.foot_tbox {  width: 100%; padding: 50px 0; }
.foot_tbox h3 { font-size: 1rem; color: #fd6601; margin: 0 0 20px; }
.foot_tbox p {color: #7c7c7d; font-size: .8rem; margin: 20px 0 0; }
.foot_tbox ul li { list-style: none; line-height: 2rem; }
.foot_tbox ul li a { color: #7c7c7d; font-size: .8rem; transition: linear .3s; }
.foot_tbox ul li a:hover{ color: #fff; }
.foot_tbox ul li a>span {display: inline-block; width: 10px; margin: 0 10px 0 0; color: #fd6601; }
.foot_top { width: 100%; border-bottom: 1px solid #22222257; }
.foot_mid{ padding: 50px 0; width: 100%; border-bottom: 1px solid #22222257; }
.foot_mbox h3 { font-size: .9rem; text-transform: uppercase; color: #fff; font-weight: 300; margin: 0 0 20px; }
.foot_mbox p{ color: #7c7c7d; font-size: .8rem; line-height: 1.6rem; }
.foot_mbox img{ max-width: 100%; }
.foot_mbtns{text-align: right;margin: 15px 0 0;}
.foot_mbtns a{margin: 0 0 15px 10px;padding: 10px 30px;}
.foot_mbox ul { margin: 20px 0 0;  }
.foot_mbox ul li {list-style: none;display: inline-block;padding: 0 5px;}
.foot_mbox ul li a {color: #7c7c7d;transition: linear .3s;padding: 0 5px;border: 1px solid;width: 40px;height: 40px;display: inline-block;text-align: center;border-radius: 50px;font-size: 1.2rem;}
.foot_mbox ul li a:hover { color: #fff; }
.foot_bot{ width: 100%; padding: 20px 0; }
.foot_bot p{ color: #7c7c7d; font-size: .8rem; line-height: 1.6rem; }
.foot_bot ul{ text-align: right; }
.foot_bot ul li { list-style: none; display: inline-block; padding: 0 12px; }
.foot_bot ul li a { color: #fff; transition: linear .3s; font-size: .8rem; }

@media (max-width: 1366px){
    .head_right{margin: 33px 0;}
    .head_menu ul.navbar-nav li a{ font-size: 0.8rem; }
    .head_right ul li a{font-size: 0.9rem;}
}

@media (max-width: 980px){
	h2{ font-size: 2rem; }
	.navbar-light .navbar-toggler{ margin: 16px 0; }
	.head_right{ margin: 16px 0; }
	.logo img{ height: auto; }
	.head_menu{ border-top: 1px solid #ddd; }
	.navbar-nav{ width:100%; margin:0;}
	.head_right ul {text-align: center !important; }
	.head_menu ul.navbar-nav li a{ padding: 0 10px; }
	.banner_video video { height: 100vh; transform: scale(1.8); }
	.banner_box:before{ transform: scale(1.5); }
	.banner_box h1{ font-size: 3rem; }
	.h_sec1{ padding: 70px 0 50px; }
	.sec1_right{ margin: 0; }
	.sec2_mbox{ margin: -30px 0 0; height: 390px; }
	.sec2_top { padding: 50px 0 80px; }
	.sec2_bbox ul li{ font-size: 1rem; }
	.sec2_bbox h4>span{ font-size: 4rem; }
	.sec2_bot{ padding: 0 0 50px; }
	.h_sec3{ background: none; padding: 50px 0; }
	.sec3_bot ul li{ padding: 20px; }
	.h_sec4{ padding: 50px 0; }
	.foot_tbox{ padding: 50px 0 20px; }

	.inner_banner{ padding: 100px 0; }
	.inner_banner h1{ font-size: 2rem; }
	.inner_banner:before{ z-index: 0; }
	.ab_sec1, .ab_sec2, .ab_sec3,.ab_sec4,.ser_sec1,.cr_sec3,.cr_sec4,.cr_sec5,.cont_sec1,.cont_sec3,.cr_de_sec1,.cr_form{ padding: 50px 0; }
	.cr_sec1_left{ margin: 50px 0 0; }
	.cont_sec2 iframe{ height: 350px; }
	.h_sec4 h2{ font-size: 1.8rem; }
}


@media (max-width: 767px){
	.container-fluid{ width: 100%; }
	h2 { font-size: 1.5rem; } 
	.navbar-light .navbar-toggler {margin: -235px 0 0 auto;display: none;}
	
	.head_right ul{ margin:10px 0 0; }
	.head_menu ul.navbar-nav li{ display: block; }
	.head_menu ul.navbar-nav li a{ padding: 5px 0; }
	.head_right{ margin: 0; }
	.head_right ul li { margin: 0 0 5px; }
	.banner_box p { font-size: 1rem; font-weight: 500; margin: 10px 0 10px; }
	.banner{padding: 113px 0;height: auto;}
	.banner_box h1 {font-size: 1.6rem; }
	.banner_box h1>br{ display: none; }
	.banner_video video {transform: scale(2.9);/* height: auto; */}
	.h_sec1{ padding: 30px 0; }
	.sec1_left{ animation: none; }
	.sec1_right h5{ margin: 20px 0 0; }
	.sec2_top { padding: 20px 0 80px; }
	.sec2_mid{ padding: 0; }
	.sec2_bbox h4{ font-size: 4rem; margin: 0; }
	.sec2_bbox h4>span{font-size: 4rem; }
	.sec2_bot{ padding: 0 0 30px; }
	.sec2_mbox{ margin: -60px 0 80px; height: auto; padding: 15px; }
	.sec2_bbox ul li{ font-size: 1rem; }
	.sec3_bot ul li{ width: 100%; padding: 10px; box-shadow: none !important; background:none !important; }
	span.scroll-btn{ display: none !important; }
	.h_sec3{ padding: 30px 0; }
	.sec3_top{ margin: 0; }
	.sec3_box{ text-align: center; }
	.sec3_box h4{ margin: 10px 0; }
	.h_sec4{ text-align: center; padding: 30px 0; }
	.sec4_left{ margin: 0 0 20px; }
	.h_sec4 h2 { font-size: 1.6rem; }
	.foot_tbox{ padding: 10px 0; }
	.foot_mbtns a { margin: 10px 0 0 0; padding: 10px 10px; width: 100%; text-align: center; }
	.foot_mid{ padding: 20px 0; }

	.inner_banner{ padding: 50px 0; }
	.inner_banner h1{font-size: 2rem;  }
	.inner_banner p{font-size: 1rem; font-weight: 500;  }
	.ab_sec1, .ab_sec2, .ab_sec3,.ab_sec4,.ser_sec1,.cr_sec3,.cr_sec4,.cr_sec5,.cont_sec1,.cont_sec3,.cr_de_sec1,.cr_form{ padding: 30px 0; overflow: hidden; }
	.ab_sec1_box{ margin: 20px 0 0; }
	.ab_sec2_right{ padding: 15px; }
	.ab_sec3_top{ text-align: center; }
	.ab_sec3_box{ text-align: center; padding:0 10px;}
	.ab_sec3_box h3{ margin: 15px 0 5px; }
	.ab_sec4_top{ margin: 0 0 20px; }
	.ab_sec4_box_img{ margin: 0; }
	.ser_sec1{ padding: 30px 0; }
	.ser_sec1_left p:before{ content: none; }
	.ser_sec1_left p{ margin: 0; }
	.ser_sec1_box:nth-child(1) .row, .ser_sec1_box:nth-child(3) .row, .ser_sec1_box:nth-child(5) .row { flex-direction: column-reverse; }
	.ser_sec1_box:last-child{ margin: 0; }
	.ser_sec1_right{ margin: 0 0 20px; }
	.ser_sec1_right img{ box-shadow: none; }
	.ser_sec1_box{ margin: 0 0 30px; }
	.cr_sec3_left { margin: 30px 0 0; text-align: center; }
	.cr_sec3_left img{ margin: 0 0 20px; }
	.cr_sec4_box{ margin: 5px 0 0; }
	.cr_sec1_left{ margin: 0; text-align: center; }
	.cr_sec1 .row{ flex-direction: column-reverse; }
	.cr_sec2 .row { flex-direction: column; }
	.cr_sec1_left h3{ font-size: 1.3rem; }
	.cr_sec1 img{ margin: 0 0 20px; }
	.cr_sec1 .main_btn{ width: 100%; text-align: center; }
	.cont_sec1_box{ margin: 10px 0 0; }
	.cont_sec3_left{ margin: 0 0 30px; }
	.cont_sec3_right button{ text-align: center; width: 100%; }
	.cr_de_sec2{ text-align: center; }
	.cr_de_sec2 h4{ margin: 0 0 20px; }
	.cr_de_sec2 a{ width: 100%; text-align: center; }
	.cr_form_box{ padding: 10px; overflow: hidden; }
}


span.scroll-btn {display: block; position: absolute; left: 0; right: 0; bottom: 0px; max-width: 100px; text-align: center; margin: 0px auto; z-index: 2; }
.scroll-btn .mouse {position: relative; display: block; width: 25px; height: 50px; margin: 0 auto 61px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; border: 1px solid #545453; border-radius: 23px }
.scroll-btn .mouse>* {position: absolute; display: block; top: 29%; left: 50%; width: 3px; height: 10px; margin: -4px 0 0 -2px; background: #545453; border-radius: 6px; -webkit-animation: ani-mouse 0.8s linear infinite; -moz-animation: ani-mouse 0.8s linear infinite; animation: ani-mouse 0.8s linear infinite }
@-webkit-keyframes "ani-mouse" {
	0% {opacity: 1; top: 29%; }
	15% {opacity: 1; top: 50%; }
	50% {opacity: 0; top: 50%; }
	100% {opacity: 0; top: 29%; }
}
@-moz-keyframes "ani-mouse" {
	0% {opacity: 1; top: 29%; }
	15% {opacity: 1; top: 50%; }
	50% {opacity: 0; top: 50%; }
	100% {opacity: 0; top: 29%; }
}
@keyframes "ani-mouse" {
	0% {opacity: 1; top: 29%; }
	15% {opacity: 1; top: 50%; }
	50% {opacity: 0; top: 50%; }
	100% {opacity: 0; top: 29%; }
}
.logo {
    text-align: center;
}