body{ padding: 0px; margin: 0px; list-style: none; font: normal 14px/18px 'Roboto', sans-serif; color:#000; }
p{padding: 0px; margin: 0px;}
a{padding: 0px; margin: 0px; outline: none;}
ul{ list-style: none; padding: 0px; margin: 0px;}
label{ list-style: none; padding: 0px; margin: 0px;}
ul li{ padding: 0px; margin: 0px;}
h1, h2, h3, h4, h5, h6{padding: 0px; margin: 0px;}
input[type="text"]::-webkit-placeholder { opacity: 1;  }
input[type="text"]::-moz-placeholder { opacity: 1;}
input[type="password"]::-webkit-placeholder { opacity: 1;}
input[type="password"]::-moz-placeholder { opacity: 1;}
input[type="search"]::-webkit-placeholder { opacity: 1;}
input[type="search"]::-moz-placeholder { opacity: 1;}
input[type="email"]::-webkit-placeholder { opacity: 1; }
input[type="email"]::-moz-placeholder { opacity: 1;}
input[type="tel"]::-webkit-placeholder { opacity: 1;}
input[type="tel"]::-moz-placeholder { opacity: 1;}
textarea::-moz-placeholder { opacity: 1;  }
textarea::-webkit-placeholder { opacity: 1;}
a:hover{ outline: none !important; text-decoration: none;}
a:active{ outline: none !important; text-decoration: none;}
a{ text-decoration: none !important;}
a{-webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; transition: all 0.3s ease;}


.wrapper{ width: 100%;}
.panel-default > .panel-heading{ background: none !important; border: none !important; border-radius: 0px !important;}
.panel-default{ border-radius: 0px !important;}
.panel-default > .panel-heading + .panel-collapse > .panel-body{ background: none !important; border: none !important; border-radius: 0px !important;}
a:hover, a:focus{ text-decoration: inherit !important;}


/*font-family: 'Roboto', sans-serif;*/
/*font-family: 'Roboto Condensed', sans-serif;*/
/*font-family: 'Teko', sans-serif;*/





/*header*/
.header_sec{ width: 100%; padding: 65px 0 15px 0; position: absolute;  left: 0; top: 0; z-index: 99; }
.nav_top{ margin: 0px; padding: 0px; background: none; border: none; min-height: auto; box-shadow: none; border-radius: 0px;}

.menu_sec{padding-right: 270px;}
.menu_sec li{ position: relative; font: 400 20px/24px 'Roboto Condensed', sans-serif; color:#fff; margin-left: 22px; }
.menu_sec li a{padding: 6px 0; display: inline-block; color:#fff; text-transform: capitalize; }
.menu_sec li:last-child{padding-right: 0;}
.menu_sec li a:before{ width: 0px; height: 1px; position: absolute; left: 0px; bottom: 0px; background: #fe0000; content: "";-webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; transition: all 0.3s ease; }
.menu_sec li a:hover:before{ width: 100%; }
.menu_sec li.actv a:before{ width: 100%; }
.menu_sec li a:hover{ color:#fe0000; }
.menu_sec li.actv a{ color:#fe0000; }

.kero_logo{position: absolute; right: 0; top: 0; }
.kero_logo img{ max-width: 100%; }

.nav_top .navbar-brand{padding: 0; margin: 0; }
.nav_top .navbar-brand img{max-width: 100%;}

.header_right{ width: auto; position: absolute; right: 0px; top: -52px; }
.header_right li{ float: left; margin-left: 18px; font-size: 20px; color:#c8c6c6; }
.header_right li a{ color:#c8c6c6; }
.header_right li a:hover{ color:#fe0000; }
.header_right li:first-child{ margin-left: 0px; }

/*bannersec*/
.bannersec{ width: 100%; position: relative;}
.banner_box{position: relative;}
.banner_box .banner_image{height: 750px; object-fit: cover; width: 100%; }
.banner_box:before{background: linear-gradient(90deg, rgba(106,83,48,1) 0%, rgba(0,0,0,0.1729400291871489) 56%); position: absolute; left: 0; top: 0; content: ""; width: 100%; height: 100%;}
.banner_contaent { position: absolute; left: 50%; top: 55%; width: 100%;  transform: translate(-50%, -50%);}

.banner_txt{max-width: 750px;}
.banner_txt span, .banner_txt h1{font-weight: 400; color: #fff; font-size: 60px; line-height: 54px; font-family: 'Teko', sans-serif; width: 100%; display: inline-block; }
.banner_txt span b, .banner_txt h1 b{ color:#fe0000; border-bottom: 2px solid #fe0000; display: inline-block; padding-bottom: 2px; margin: 12px 0 20px 0; }
.banner_txt a{ padding: 15px 40px; border-radius: 0 5px 5px 0; background: #fe0000; color:#fff; font: 500 20px/25px 'Roboto', sans-serif; border-left: 4px solid #070707;
display: inline-block; margin-top: 25px; }
.banner_txt a:hover{ background: #fff; color:#fe0000; }


.about_content{ width: 100%; padding: 70px 0; }
.global_text h1, .global_text h2{ font: 700 60px/45px 'Teko', sans-serif; color:#071157; text-transform: capitalize; }
.about_content p{ font: 400 18px/27.06px 'Roboto', sans-serif; color:#666666; padding: 15px 0 0; }
.global_link{ padding: 15px 40px; border-radius: 0 5px 5px 0; background: #fe0000; color:#fff; font: 500 20px/25px 'Roboto', sans-serif; border-left: 4px solid #070707;
display: inline-block; margin-top: 25px; }
.global_link:hover{ background: #071157; color:#fff; }
.about_content .row{ flex-direction: row-reverse; }
.about_image{ width: 100%; }
.about_image img{ width: 100%; }
.about_content_inner { width: 100%; padding: 70px 0 0;}


.service_content{ width: 100%; padding: 70px 0; position: relative; }
.service_content:before{ width: 100%; height: 450px; background: url(../images/service_image.jpg) no-repeat 0 0; background-size: cover; position: absolute; left: 0px; top: 0px; content: "";}
.service_content.global_text h2{ color:#fff; text-align: center; }
.service_image{ width: 100%; margin-top: 80px; position: relative; }
.service_image .serv{ width: 100%; }
.service_content .container{ position: relative; z-index: 5; }
.service_down{ width: 96%; background: #FFF; margin: 2%; background: #fff; position: absolute; left: 0px; bottom: 0px; padding: 20px; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; transition: all 0.3s ease;}
.service_down h5{ font: 700 25px/27px 'Teko', sans-serif; color:#010101; text-transform: capitalize; }
.service_down span { width: 70px; position: absolute; right: -11px; bottom: -11px; }
.service_down span img{ max-width: 100%; }
.service_black{ width: 100%; position: absolute; left: 0px; top: 0px; height: 100%; background: rgba(20, 21, 24, 0.88); padding: 20px; text-align: center;
display: flex; align-items: start; justify-content: center; flex-direction: column; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; transition: all 0.3s ease; opacity: 0; visibility: hidden;}
.service_black img{ max-width: 100%; margin: 0 auto;}
.service_black h5{ font: 700 25px/27px 'Teko', sans-serif; color:#fff; text-transform: capitalize; padding: 25px 0 0; text-align: left; }
.service_black p{ font: 400 16px/27px 'Teko', sans-serif; color:#fff; text-transform: capitalize; padding: 15px 0 0; text-align: left; }
.service_black a{ font: 700 22px/27px 'Teko', sans-serif; color:#fe0000; text-transform: capitalize; margin: 12px 0 0; text-align: left; float: left; }

.service_image:hover .service_down{ opacity: 0; visibility: hidden; }
.service_image:hover .service_black{ opacity: 1; visibility: visible; }


.join_area{ width: 100%; padding: 50px 0 0; position: relative; }
.join_area_inner{ width: 100%; background: #fe0000; border-radius: 25px 25px 0 0; padding: 45px; position: relative; padding-right: 380px; }
.join_area.global_text h2{ color:#fff; }
.join_area_inner p{ font: 400 18px/27.06px 'Roboto', sans-serif; color:#fff; padding: 15px 0 0; }
.join_area .global_link{ background: #fff; color:#fe0000; }
.join_area .global_link:hover{ background: #071157; color:#fff; }

.join_image{ width: 200px; border: 5px solid #f4f2f2; position: absolute; right: 50px; top: -45px; }








.footer_part{ width: 100%; background-size: cover !important; margin-top: -60px; padding: 40px 0 0; }
.footer_up{ width: 100%; padding: 70px 0 50px; display: inline-block; }
.footer_content{ width: 100%; display: inline-block; }
.footer_content .link_logo{ margin-bottom: 30px; display: inline-block; }
.footer_content h4{ font: 700 24px/30px 'Teko', sans-serif; color: #fff; text-transform: capitalize; padding-bottom: 10px; margin-bottom: 20px; position: relative; }
.footer_content h4:before{ width: 70px; height: 5px; background: #fe0000; position: absolute; left: 0px; bottom: 0; content: ""; }
.footer_content p{ font: 400 18px/27px 'Roboto', sans-serif; color: #fff; }

.footer_content ul.footer_link{ width: 100%; display: inline-block; }
.footer_content ul.footer_link li{ width: 50%; float: left; margin-bottom: 5px; font: 400 18px/27px 'Roboto', sans-serif; color: #fff;}
.footer_content ul.footer_link li a{ color:#fff; }
.footer_content ul.footer_link li a:hover{ color:#fe0000; }

.footer_content ul.footer_media{ width: 100%; display: inline-block; margin-top: 20px; }
.footer_content ul.footer_media li{margin-right: 15px; float: left; }
.footer_content ul.footer_media li a{ color:#dcd8d8; font-size: 18px; float: left; text-align: center; }
.footer_content ul.footer_media li:last-child{ margin-right: 0px; }
.footer_content ul.footer_media li a:hover{ color:#fe0000; }

.footer_content ul.footer_add{ width: 100%; display: inline-block; }
.footer_content ul.footer_add li{ width: 100%; float: left; margin-bottom: 10px; font: 400 18px/27px 'Roboto', sans-serif; color: #fff; padding-left: 38px; }
.footer_content ul.footer_add li a{ color:#fff; }
.footer_content ul.footer_add li a:hover{ color:#fe0000; }
.footer_content ul.footer_add li:last-child{ margin-bottom: 0px; }
.footer_content ul.footer_add li:nth-child(1){ background: url(../images/add_image1.png) no-repeat left top 1px; }
.footer_content ul.footer_add li:nth-child(2){ background: url(../images/add_image2.png) no-repeat left top 1px; }
.footer_content ul.footer_add li:nth-child(3){ background: url(../images/add_image3.png) no-repeat left top 1px; }

.footer_down{ width: 100%; background: none; border-top: 1px solid #272e38; padding: 20px 0; }
.footer_down p{  font: 400 16px/25px 'Crete Round', serif; color: #fff; }
.footer_down p a{ color:#fe0000; }
.footer_down p a:hover{ color:#fff; }
.footer_down p span{ float: right;}






/*-----------------------------------------------career----------------------*/
.inner_page .banner_box img{ height: 500px; }
.inner_page .banner_txt h1{ font-weight: 700; }
.career_inner_area h2{ text-align: center; padding-bottom: 30px; }
.career_inner_box{ width: 100%; padding: 30px; border-radius: 12px; box-shadow: 0 0 4px 3px #ececec; margin-top: 30px; }
.career_inner_box h3{ font: 700 28px/32px 'Teko', sans-serif; color: #071157; text-transform: capitalize; padding: 0 0 10px; }
.career_inner_box p{ font: 400 18px/26px 'Roboto', sans-serif; color: #666666; padding: 0 0 15px; }
.career_inner_box a.global_link{ margin: 0px; padding: 10px 35px; }
.footer_part.footer_part2{ margin: 0px; padding: 0px; }




/*-----------------------------------------------about_us----------------------*/
.about_inner.about_content .row { align-items: center; flex-direction: row; } 
.about_mission_inner{ width: 100%; margin-top: 60px; background: #FFF; padding: 10px; padding-bottom: 25px; box-shadow: 0 0 4px 3px #ececec; }
.about_mission_inner img{ width: 100%; }
.about_mission_inner h4{ font: 700 25px/27px 'Teko', sans-serif; color: #010101; text-transform: capitalize; padding: 20px 0 0; }
.about_mission_inner p{ font: 400 16px/27px 'Roboto', sans-serif; color: #666666; padding: 8px 0 0; }





/*-----------------------------------------------services----------------------*/
.product_content{ width: 100%; text-align: center; padding: 60px 0 30px 0; }
.product_content_innr{ width: 100%; box-shadow: 0 0 4px 3px #ececec; margin-top: 30px; }
.product_content_innr img{ width: 100%; }
.product_content_txt{ width: 100%; min-height: 92px; background: #fff; display: flex; align-items: center; justify-content: center; padding: 10px; }
.about_content .product_content_txt p{ font: 500 28px/32px 'Teko', sans-serif; color: #071157; text-transform: capitalize; padding: 0px; }
.about_content .product_content .row{ flex-direction: row; }

.service_area.service_area2 .product_content{ padding: 0; }
.service_area.service_area2 .product_content2{ padding: 60px 0 0; }





/*-----------------------------------------------contact_us----------------------*/
.contact_rt{ width: 100%; padding: 30px 20px; box-shadow: 0 0 4px 3px #ececec;}
.form_fild{ width: 100%; display: inline-block; margin-top: 20px; position: relative; }
.form_fild label{ width: 100%; display: inline-block; margin-bottom: 10px; font: 400 18px/24px 'Roboto', sans-serif; color:#666666; text-align: left; text-transform: capitalize; }
.form_fild input[type="text"], .form_fild input[type="email"], .form_fild input[type="tel"], .form_fild select, .form_fild textarea{ width: 100%; height: 55px; border: 1px solid #f1f1f1; outline: none; -webkit-appearance: none; padding: 0 15px; font: 400 18px/24px 'Roboto', sans-serif; color: #000; display: inline-block; background: #fff; }
.form_fild select{ background: url(../images/down_arrow.png) no-repeat right 15px center; }
.form_fild textarea{ padding: 12px 15px; resize: none; height: 150px; }
.form_fild input[type="submit"]{ width: 200px; height: 50px; border: none; border-left: 4px solid #070707; outline: none; -webkit-appearance: none; cursor: pointer; text-transform: capitalize; margin: 0px; }
.form_fild input[type="submit"]:hover{ background: #000000; }
.contact_rt h2{ padding-bottom: 15px; }

.contact_left{ width: 100%; padding: 35px 0 0; }
.contact_left .media{ margin: 30px 0 0; align-items: center; }
.about_content .contact_left .media-body p{ font: 400 18px/26px 'Roboto', sans-serif; color: #666666; padding: 0px;}
.contact_left .media-body p a{color: #666666;}
.contact_left .media-body p a:hover{color: #fe0000;}


.contact_map{ width: 100%; margin-bottom: -5px; }
.contact_map iframe{ width: 100%; height: 550px; }
.bannersec .carousel-indicators { bottom: 170px; margin-right: 5%; margin-left: 5%; -webkit-box-pack: end; -ms-flex-pack: end; justify-content: end; width: 20px; left: inherit; flex-direction: column; }.bannersec .carousel-indicators li{ width: 10px; height: 10px; border-radius: 100%; background: #7e7d7d; margin: 10px 0; border: none; position: relative; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; transition: all 0.3s ease; cursor: pointer; }.bannersec .carousel-indicators li.active{ background: #fe0000; width: 10px; height: 10px; border: none; }.bannersec .carousel-indicators li:before{ width: 50px; height: 8px; border-radius: 6px; background: #7e7d7d; position: absolute; left: -56px; top: 1px; content: ""; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; transition: all 0.3s ease; }.bannersec .carousel-indicators li.active:before{ width: 70px; left: -76px; background: #fe0000; }

.qute_btn {position: fixed; right: -80px; top: 35%; -webkit-transform: rotate(-90deg); transform: rotate(-90deg); margin: 0 !important; padding: 15px 30px !important;  border-radius: 10px 10px 0 0;  border-color: #fff; z-index: 6; }.service_content::after {width: 270px; height: 330px; position: absolute; right: 0px;  bottom: -148px; background: url(../images/bg1.png) no-repeat 0 0; background-size: 100%; content: ""; }
.contact_rt .wpcf7 form .wpcf7-response-output{ border: none !important; padding: 5px 10px; text-align: center; font: 400 13px/16px 'Roboto', sans-serif; color:#fff; margin: 15px 0 0 !important; }.contact_rt .invalid .wpcf7-response-output{ background:#dc3232; }.contact_rt .sent .wpcf7-response-output{ background:#84c426; }.contact_rt span.wpcf7-not-valid-tip { background: #dc3232; position: absolute; top: 24px; left: 0px; font: 400 11px/14px 'Roboto', sans-serif; border-radius: 5px; padding: 6px 14px; color: #fff; z-index: 1;}.contact_rt span.wpcf7-not-valid-tip::before { position: absolute; top: -15px; left: 10px; border: 9px solid transparent; border-bottom: 10px solid #dc3232; content: ""; }.wpcf7-form-control.g-recaptcha.wpcf7-recaptcha.wpcf7-not-valid {  position: relative !important; width: 100%;display: inline-block;}.wpcf7-form-control-wrap {  position: relative;}.contact_rt span.wpcf7-not-valid-tip {  top: 100%;}.contact_rt iframe {  transform: scale(0.77);  -webkit-transform: scale(0.77);  transform-origin: 0 0;  -webkit-transform-origin: 0 0;}
.drop-arw { position: absolute; right: -17px; top: 8px; font-size: 18px; }.nav_top .dropdown .dropdown-menu{ padding: 10px; }.nav_top .dropdown .dropdown-menu li{ margin: 0px; width: 100%; float: left; }.nav_top .dropdown .dropdown-menu li a{ width: 100%; float: left; padding: 8px 10px; color:#000; font-size: 15px; }.nav_top .dropdown .dropdown-menu li a:hover{ background: #fe0000; color:#fff; }
.sub-menu-toggle{ display: none; }.menu_sec li { margin-left: 32px;}.menu_sec { padding-right: 240px;}.nav_top .dropdown .dropdown-menu li a:before{ display: none; }
.request_pop .modal-body{ padding: 0px; }.request_pop .modal-dialog{ max-width: 550px; }.request_pop .modal-content{ background: none; border: none; border-radius: 0px; }.request_pop .contact_rt { width: 100%; padding: 30px 20px; box-shadow: none; background: #fff;  border-radius: 10px;}.request_pop .form_fild input[type="text"], .request_pop .form_fild input[type="email"], .request_pop .form_fild input[type="tel"], .request_pop .form_fild select, .request_pop .form_fild textarea{ border: none; border-bottom: 1px solid #cecece; height: 50px; padding: 0px; }.request_pop .form_fild textarea{ height: 130px; padding: 0 0 10px; }.form_fild input[type="submit"] {padding: 0;}.request_pop .contact_rt h2 { padding-bottom: 16px; border-bottom: 1px dashed #000; font-size: 32px; line-height: 34px; text-align: left; font-family: 'Teko', sans-serif; }
.request_pop .close { font-size: 35px; font-weight: 700;  color: #000;  opacity: 1; position: absolute; right: 10px; top: 10px;}.job_frm label{border: none; font: 600 14px/18px 'Roboto', sans-serif; color:#63666A; position: relative; padding-top: 10px; margin: 0px; padding-left: 0; padding-bottom: 0px;  float: left; }.job_frm input[type="file"] { display: none; }.job_frm label {    background: none !important;    border: none !important;    width: auto;}.job_frm label strong {  width: auto !important;  float: left;  height: auto;  color: #fff !important;  font: 600 16px/24px 'Roboto', sans-serif;  text-transform: capitalize !important;  text-align: center !important;  border: 1px solid #63666A;  border-radius: 50px;  padding: 11px 32px;  background: #63666A !important;}.job_frm label em {  float: left;  width: auto !important;  height: auto;  font: 600 18px/34px 'Roboto', sans-serif;  text-transform: capitalize;  color: #63666A !important;  background: url(../images/clip.png) no-repeat left center;  padding: 3px 0 0 30px;  margin: 4px 0 0 12px;  font-style: normal;}.job_frm {  width: 100%;  display: inline-block;  margin-bottom: 15px;}



.form_fild input[type="file"]{ border: 1px dashed #000; width: 100%; padding: 12px; font: 400 18px/24px 'Roboto', sans-serif; color: #666666; text-align: left; text-transform: capitalize; outline: none; -webkit-appearance: none; }






@media (min-width: 992px) and (max-width: 9000px) {.nav_top .dropdown .dropdown-menu { /*-webkit-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s;    -o-transition: all 0.3s;transition: all 0.3s;*/ max-height: 0; display: block; opacity: 0;visibility: hidden;  margin:0px;     width: 200px; padding: 0px; max-height: 600px;   border-radius: 0; left: 0; right: inherit; transform: translate(0, 10px);transition: opacity 200ms ease-in, transform 200ms ease-in, visibility 200ms ease-in;  -webkit-box-shadow: 0 6px 12px rgba(0,0,0,.175); box-shadow: 0 6px 12px rgba(0,0,0,.175);  border: none; border-bottom: 5px solid #000; top: 100%; }.nav_top .dropdown:hover .dropdown-menu {  opacity: 1; visibility: visible; height: auto; transform: translate(0,0); }/*sub_sub_menu*/.nav_top .dropdown-submenu >.dropdown-menu { max-height: 0; display: none; opacity: 0; visibility: hidden; left: 100%; top: 0; border: none;   width: 240px; min-width: 100%;  border-radius: 0px; box-shadow: inherit; padding: 0px; margin: 0px; background: rgba(0, 44, 32, 0.9); min-width: inherit; box-shadow: 5px 3px 10px 0 rgba(0,0,0,.175); }.nav_top .dropdown-submenu:hover > .dropdown-menu { max-height: 400px; opacity: 1; visibility: visible;display: block; }}




  
@media (min-width: 992px) and (max-width: 1199px) {
.header_sec {
  padding: 45px 0 15px 0;
}
.menu_sec {
  padding-right: 160px;
}
.kero_logo img {
  max-width: 100%;
  width: 130px;
}
.menu_sec li{ font-size: 18px; }
.nav_top .navbar-brand img {
  width: 260px;
}
.banner_txt span, .banner_txt h1 {
  font-size: 42px;
  line-height: 32px;
}
.banner_txt a {
  padding: 12px 23px; font-size: 18px; line-height: 23px; }
.banner_txt {
  max-width: 520px;
}
.banner_box .banner_image {
  height: 570px;
}
.kero_logo {
  top: 3px;
}
.about_content {
  padding: 50px 0;
}
.global_text h1, .global_text h2{ font-size: 42px; line-height: 40px; }
.about_content p{ font-size: 16px; line-height: 24.06px; }
.global_link{  padding: 12px 23px; font-size: 18px; line-height: 23px; margin-top: 15px; }
.about_content_inner {
  padding: 60px 0 0;
}
.service_content {
  padding: 50px 0;
}
.service_image {
  margin-top: 55px;
}
.service_down{ padding: 15px; }
.service_down h5{ font-size: 22px; line-height: 24px; }
.service_down span {
  width: 50px;
}
.service_black img {
  width: 85px;
}
.service_black h5{ font-size: 22px; line-height: 25px; padding: 20px 0 0; }
.join_area_inner {
  padding: 35px;
  padding-right: 235px;
}
.join_area_inner p{ font-size: 16px; line-height: 24px; }
.join_image {
  width: 178px;
  right: 30px;
  top: -25px;
}
.footer_up {
  padding: 60px 0 40px;
}
.footer_content p, .footer_content ul.footer_link li, .footer_content ul.footer_add li{ font-size: 16px; line-height: 26px; }
.footer_content h4{ font-size: 21px; line-height: 28px; }
.footer_down {
  padding: 15px 0;
}
.header_right {
  top: -30px;
}
.header_right li {
  margin-left: 14px;
  font-size: 17px;
}
.service_content::before {
  height: 360px;
}


/*-----------------------------------------------career----------------------*/
.inner_page .banner_box img { height: 390px;}
.career_inner_box {padding: 20px; border-radius: 10px; margin-top: 25px;}
.career_inner_area h2 {padding-bottom: 20px;}
.career_inner_box h3{ font-size: 25px; line-height: 28px; }




/*-----------------------------------------------about_us----------------------*/
.about_mission_inner h4{ font-size: 22px; line-height: 24px; }





/*-----------------------------------------------services----------------------*/
.about_content .product_content_txt p{ font-size: 24px; line-height: 28px; }
.product_content {padding: 40px 0 25px 0;}




/*-----------------------------------------------contact_us----------------------*/
.contact_map iframe {
  height: 400px;
}
.qute_btn { right: -54px; top: 35%; padding: 10px 16px !important; font-size: 15px !important; }

  
}


@media only screen and (max-width: 991px) {
.nav_top .navbar-toggler{ border-color: #383e40; background: #383e40;}
.nav_top .navbar-toggler{ padding: 10px; margin-right: 0;}
.nav_top .navbar-toggler .icon-bar {display: block;width: 22px;height: 2px;  border-radius: 1px; background-color: #fff;}
.nav_top .navbar-toggler .icon-bar + .icon-bar {  margin-top: 4px;}
.navbar-toggler .icon-bar { display: block;  width: 22px;  height: 2px;  border-radius: 1px;  background-color: #fff;}
.navbar-toggler { margin-right: 15px;}
.navbar-toggler { padding: 10px;}




/*------------*/
.nav_top .navbar-toggler{ border-color: #383e40; background: #383e40;}
.nav_top .navbar-toggler{ padding: 10px; margin-right: 0;}
.nav_top .navbar-toggler .icon-bar {display: block;width: 22px;height: 2px;  border-radius: 1px; background-color: #fff;}
.nav_top .navbar-toggler .icon-bar + .icon-bar {  margin-top: 4px;}
.navbar-toggler .icon-bar { display: block;  width: 22px;  height: 2px;  border-radius: 1px;  background-color: #fff;}
.navbar-toggler { margin-right: 15px;}
.navbar-toggler { padding: 10px;}

.nav_top .navbar-toggler {border: none;background: none; margin: 0;}
.nav_top .navbar-toggler.showtoggle .icon-bar:nth-child(1) {-ms-transform: matrix(1, -1, 0, 1, 0, 0); transform: matrix(1, -1, 0, 1, 0, 0); 
	 -webkit-transform: matrix(1, -1, 0, 1, 0, 0); width: 25px;}
.nav_top .navbar-toggler.showtoggle .icon-bar:nth-child(2) { opacity: 0;  width: 0px;}  
.nav_top .navbar-toggler.showtoggle .icon-bar:nth-child(3) {-ms-transform: matrix(1, 1, 0, 1, 0, 0); transform: matrix(1, 1, 0, 1, 0, 0); -webkit-transform: matrix(1, 1, 0, 1, 0, 0);
width: 25px;  margin-top: -11px;} 
.nav_top .navbar-toggler .icon-bar { display: block; width: 25px; height: 2px; border-radius: 3px; background-color: #fff ; opacity: 1;
    transform: matrix(1, 0, 0, 1, 0, 0); -moz-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; -webkit-transition: all 0.5s ease-in-out;
    -ms-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out;}
.nav_top .navbar-toggler { width: 45px; height: 45px; text-align: center; -moz-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out;
    -webkit-transition: all 0.5s ease-in-out; -ms-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out; border-radius: 0px;
    border: 0px solid transparent; border-top-color: transparent;border-right-color: transparent;    border-bottom-color: transparent;
        border-left-color: transparent; position: relative; border: none; outline: none; }
        
.header_sec {
  padding: 15px 0;
}
.menu_sec {
  padding: 0 15px;
  background: #FFF;
}
.kero_logo img {
  max-width: 100%;
  width: 130px;
}
.menu_sec li{ font-size: 18px; }
.nav_top .navbar-brand img {
  width: 260px;
}
.banner_txt span, .banner_txt h1 {
  font-size: 28px;
  line-height: 20px;
}
.banner_txt a {
  padding: 10px 16px;
  font-size: 16px;
  line-height: 21px;
}
.banner_txt {
  max-width: 350px;
}
.banner_box .banner_image {
  height: 400px;
}
.kero_logo {
  top: 3px;
}
.about_content {
  padding: 50px 0;
}
.global_text h1, .global_text h2 {
  font-size: 35px;
  line-height: 38px;
}
.about_content p {
  font-size: 15px;
  line-height: 23.06px;
}
.global_link{  padding: 12px 23px; font-size: 18px; line-height: 23px; margin-top: 15px; }
.about_content_inner {
  padding: 60px 0 0;
}
.service_content {
  padding: 40px 0;
}
.service_image {
  margin-top: 55px;
}
.service_down{ padding: 10px; }
.service_down h5 {
  font-size: 18px;
  line-height: 21px;
}
.service_down span {
  width: 42px;
}
.service_black img {
  width: 55px;
}
.service_black h5 {
  font-size: 18px;
  line-height: 22px;
  padding: 12px 0 0;
}
.join_area_inner {
  padding: 25px;
  padding-right: 235px;
}
.join_area_inner p{ font-size: 16px; line-height: 24px; }
.join_image {
  width: 178px;
  right: 30px;
  top: -25px;
}
.footer_up {
  padding: 60px 0 40px;
}
.footer_content p, .footer_content ul.footer_link li, .footer_content ul.footer_add li{ font-size: 14px; line-height: 24px; }
.footer_content h4{ font-size: 21px; line-height: 28px; }
.footer_down {
  padding: 12px 0;
  text-align: center;
}
.header_right {
  top: 5px;
  right: 48px;
}
.header_right li {
  margin-left: 14px;
  font-size: 17px;
}
.service_content::before {
  height: 300px;
}
.menu_sec li a {
  padding: 8px 0;
  display: inline-block;
  width: 100%;
  color:#000;
}
.menu_sec li {
  position: relative;
  font-size: 16px;
  width: 100%;
  float: left;
  margin: 0px;
}
.nav_top {
  justify-content: start !important;
}
.kero_logo img{ display: none; }
.nav_top .navbar-toggler{ position: absolute; right: 0px; top: -10px; }
.service_black p{ font-size: 15px; line-height: 22px; padding: 10px 0 0; }
.service_black a{ font-size: 17px; }
.footer_down p span {
  float: none;
  display: inline-block;
  width: 100%; 
}
.footer_down p {
  text-align: center;
}


/*-----------------------------------------------career----------------------*/
.inner_page .banner_box img { height: 300px;}
.career_inner_box {padding: 15px; border-radius: 8px; margin-top: 20px;}
.career_inner_area h2 {padding-bottom: 20px;}
.career_inner_box h3{ font-size: 25px; line-height: 28px; }




/*-----------------------------------------------about_us----------------------*/
.about_mission_inner h4{ font-size: 22px; line-height: 24px; }
.about_mission_inner {margin-top: 30px;}




/*-----------------------------------------------services----------------------*/
.about_content .product_content_txt p{ font-size: 24px; line-height: 28px; }
.product_content {padding: 40px 0 25px 0;}




/*-----------------------------------------------contact_us----------------------*/
.contact_map iframe {
  height: 400px;
}
.about_content .contact_left .media-body p{ font-size: 16px; line-height: 24px; }
.contact_left .media img.mr-3{ width: 55px; }
.contact_left .media{ align-items: start; }
.contact_rt {
  padding: 25px 15px;
}
.contact_rt h2 {
  padding-bottom: 10px;
}
.form_fild label{ font-size: 16px; line-height: 24px; }
.form_fild input[type="text"], .form_fild input[type="email"], .form_fild input[type="tel"], .form_fild select{ height: 45px;}
.form_fild {
  margin-top: 15px;
}
.form_fild textarea {
  height: 115px;
}
.form_fild input[type="submit"] {
  width: 155px;}
.bannersec .carousel-indicators { bottom: 100px; margin-right: 3%; margin-left: 3%; }.bannersec .carousel-indicators li{ width: 10px; height: 10px; margin: 6px 0; }.bannersec .carousel-indicators li.active{width: 10px; height: 10px;  }.bannersec .carousel-indicators li:before{ width: 40px; height: 7px;  left: -45px; top: 1px; }.bannersec .carousel-indicators li.active::before {width: 60px;  left: -65px;}
.qute_btn { right: -54px; top: 35%; padding: 10px 16px !important; font-size: 15px !important; }.service_content::after { width: 190px; height: 229px; bottom: -130px;}.nav_top .dropdown .dropdown-menu { width: 100%; float: left;}.drop-arw { position: absolute; right: -14px; top: 0px; width: 25px; height: 25px; text-align: center; cursor: pointer;}.nav_top .dropdown .dropdown-menu li a { padding: 6px 10px;}
.drop-arw { color: #000;}
} 

 
@media only screen and (max-width: 767px){
.container{ max-width: 100%; }

.service_image {
  margin-top: 20px;
}
.banner_txt span, .banner_txt h1 {
  font-size: 22px;
  line-height: 13px;
}
.banner_txt span b, .banner_txt h1 b {
  margin: 12px 0 12px 0;
}
.banner_box .banner_image {
  height: 360px;
}
.nav_top .navbar-brand img {
  width: 170px;
}



/*-----------------------------------------------services----------------------*/
.about_content .product_content_txt p{ font-size: 22px; line-height: 26px; }
.product_content {padding: 30px 0 25px 0;}
.product_content_txt { padding: 10px; min-height: 75px; }
.service_area .about_content_inner { padding: 0; }




/*-----------------------------------------------contact_us----------------------*/
.contact_map iframe {
  height: 330px;
}
.bannersec .carousel-indicators { bottom: 15px; margin-right: 15%; margin-left: 15%; width: auto; justify-content: center; -webkit-box-pack: center; left: 0;  flex-direction: row;}.bannersec .carousel-indicators li {width: 10px; height: 10px; margin: 0 5px; border-radius: 100%;}.bannersec .carousel-indicators li::before { display: none; }.bannersec .carousel-indicators li.active{ width: 30px; border-radius: 5px; width: 50px; height: 10px; }

.form_fild input[type="file"]{ font-size: 16px; }




@media only screen and (max-width: 575px){ 
.nav_top .navbar-brand img {
  width: 155px;
}
.banner_box .banner_image {
  height: 310px;
}
.about_content_inner {
  padding: 0;
}
.about_content {
  padding: 40px 0;
}
.about_image {
  margin-top: 30px;
}
.join_area {
  padding: 30px 0 0;
}
.join_area_inner {
  padding: 20px;
  border-radius: 15px; 
}
.join_image {
  width: 178px;
  right: inherit;
  top: inherit;
  position: inherit;
  float: left;
  margin-top: 20px;
}
.join_area_inner {
  padding: 20px;
  display: inline-block;
}
.join_area_inner span{ width: 100%; display: inline-block; }
.footer_content h4 {
  font-size: 19px;
  line-height: 25px;
}
.footer_content h4::before {
  width: 50px;
  height: 3px;
}
.footer_content {
  margin-top: 12px;
}
.footer_up {
  padding: 50px 0 30px;
}
.header_right {
  top: 3px;
  right: 48px;
}
.banner_box .banner_image {
  height: 300px;
}
.global_text h1, .global_text h2 {
  font-size: 28px;
  line-height: 34px;
}
.header_right li {
  margin-left: 12px;
  font-size: 17px;
}
.footer_part.footer_part2 .footer_up {
  padding: 30px 0;
}

.contact_left .media img.mr-3 {
  width: 45px;
}
.contact_map iframe {
  height: 285px;
}


}