@charset "utf-8";
/* CSS Document */

::selection {
	background: #000; /* Safari */
	color:#fff;
	}
::-moz-selection {
	background: #000; /* Firefox */
	color:#fff;
} 
@import url('https://fonts.googleapis.com/css2?family=Outfit:wght@100..900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100..900;1,100..900&display=swap');
 /*
   font-family: "Outfit", sans-serif;
   font-family: "Montserrat", sans-serif;
 */

	
* { margin:0; padding:0; outline:none;}
.container {  position:relative;}
body { margin:0; padding:0; font-family: "Outfit", sans-serif; font-weight:400; line-height:normal; overflow-x: hidden; }
p { margin:0; padding:15px 0 0 0; font-family: "Outfit", sans-serif; font-weight:400; font-size:16px; line-height:24px; color:#6A6A6A; }
p span { font-weight:600; color:#000;}
h1, h2, h3, h4, h5, h6  { margin:0; padding:0; font-weight:700; font-family: "Montserrat", sans-serif;}
ul, li { margin:0; padding:0; font-family: "Outfit", sans-serif;}
a { color:#000; text-decoration:none;}
a:hover  { text-decoration:none; color:#000;}
img { width:100%;}
.form-control:focus {box-shadow:none;}
.width_100 { float:left; width:100%;}
h3 { font-size:20px; color:#000000; font-weight:700;} 
h2 { font-size:30px; line-height:40px; color:#000000; text-transform:uppercase; position:relative;}
h2:before { content:''; position:absolute; bottom:-5px; left:0; width:36px; height:4px; background:#006CB5; border-radius:10px;}
h4 { font-size:18px; line-height:26px; font-weight:600; }

 
header { float:left; width:100%; background:#ffffff;} 
.header_top_bg { background:#051829; padding:15px 0; }
.header_top_bg .container { display: flex; justify-content:space-between;}
.header_top_bg .header_left_icon {display: flex; align-items: center;}
.header_top_bg .header_left_icon a { font-size:20px; color:#fff; margin-left:15px;}
.header_top_bg .header_left_icon a:hover { color:#fff;}
.header_top_bg .header_left_icon span { font-size:14px; color:#fff; font-weight:300;}

.header_top_bg .header_right_phone { padding:0; display: flex; }
.header_top_bg .header_right_phone a { display: flex; align-items: center; font-size:14px; line-height:18px;  font-weight:300; color:#fff; margin-right:30px;}
.header_top_bg .header_right_phone a i {color:#fff; font-size:16px; margin-right:6px;}
.header_top_bg .header_right_phone a:hover { color:#fff;}

.header_logo_bg  { background:#fff; padding:18px 0; }
.header_logo_bg .container { display: flex; justify-content:space-between; align-items: center;}
.header_logo_bg .logo { width:194px;}
.header_logo_bg .right_side_certified {display: flex;}
.header_logo_bg .right_side_certified img { width:auto; height:46px; margin-left:30px;} 

nav .navbar-collapse {flex-grow: 0;} 
.navbar { padding:0; width:100%; background:#006CB5;}
.navbar .navbar-nav   {align-items: center;}
.navbar .navbar-nav .nav-item { padding:0;}
.navbar .navbar-nav .nav-link { margin:0 22px 0 0; padding:22px 0; font-size:15px; color:#fff; font-weight:500;  }
.navbar .navbar-nav .nav-link:hover { color:#000;}
.navbar .navbar-nav .nav-link.active {  color:#000;}
.navbar .navbar-toggler {border:2px solid #E52125; background:url(../images/menu-icon.png) center center no-repeat #fff; padding:4px 8px; margin:9px 0;}
.navbar .navbar-toggler:focus { box-shadow:none;}
.navbar .sitebutton { float:none; width:auto; padding:7px 0;}
.navbar .sitebutton a { background:#051829; color:#fff; padding:21px 20px 21px 20px;}
.navbar .sitebutton a:hover { background:#000;}

.f-nav { z-index: 999; position: fixed; top: 0; width: 100%;  }
.f-nav .navbar-brand { max-width:200px; padding:12px 0; transition: all 800ms ease;} 

.dropdown:hover .dropdown-menu {display: block; margin:0; padding:0; min-width:240px; border-radius:0; background:#fff;}
.dropdown:hover .dropdown-menu.witdhmenu { min-width:220px;}
.dropdown:hover .dropdown-menu li { padding:0;}
.dropdown:hover .dropdown-menu li a { float:left; width:100%; padding:10px 15px; font-size:15px; color:#333333; } 
.dropdown:hover .dropdown-menu li a:hover { color:#fff; background:#006CB5;}
.dropdown-toggle::after { position:relative; top:1px;}

section { float:left; width:100%; background:#ffffff;}
.banner_top_bg { float:left; width:100%; position:relative;}
.banner_top_bg .carousel-item:before { content:''; position:absolute; width:100%; height:100%; top:0; left:0; background-color: rgba(0, 0, 0, 0.6);}
.banner_top_bg .carousel-caption { top:25%; bottom:auto; z-index:2; text-align:left; left:0; right:0; max-width:1240px; margin:0 auto;} 
.banner_top_bg .carousel-caption h1 { float:left; width:100%; font-size:40px; line-height:50px; color:#fff; text-align:left;}
.banner_top_bg .carousel-caption p { float:left; width:100%; font-size:18px; line-height:30px; color:#fff; font-weight:400;   max-width:520px; padding:15px 0 0 0; text-align:left;}
.read_more_but { float:left; width:100%; margin:20px 0 0 0;}
.read_more_but a { float:left; background:#006CB5; border:1px solid #006CB5; font-size:16px; font-weight:500; padding:7px 28px; border-radius:4px; color:#fff; text-decoration:none; position:relative;  -webkit-transform: perspective(1px) translateZ(0); transform: perspective(1px) translateZ(0); -webkit-transition: all .3s ease-in-out; -moz-transition: all .3s ease-in-out; -ms-transition: all .3s ease-in-out; -o-transition: all .3s ease-in-out; transition: all .3s ease-in-out; transition-timing-function: ease-in-out;}
.read_more_but a:hover {background:#051829;  border:1px solid #051829;}
.read_more_but a:before {content: "";  position: absolute; z-index: -1;  left: 0%;  right: 0%; top: 0; bottom:0; background:#051829;  -webkit-transform: scaleX(0);  transform: scaleX(0); -webkit-transform-origin: 50%;  transform-origin: 50%;  -webkit-transition-property: transform;  transition-property: transform;   -webkit-transition-duration: .2s; transition-duration: .2s;  -webkit-transition-timing-function: ease-out; transition-timing-function: ease-out; border-radius:4px;}  
.read_more_but a:hover:before {-webkit-transform: scaleX(1); transform: scaleX(1);}
.read_more_but a.explore { border:1px solid #fff; background:none; margin-left:20px; }
.read_more_but a.explore:hover { background:#fff ; color:#000;}
.read_more_but a.explore:hover::before  { background:#fff; color:#000;}
.banner_top_bg .carousel-control-prev { background:url(../images/arrow-left.svg) right center no-repeat #006CB5; width:42px; height:42px; background-size:42px; top:auto; top:40%; left:15px; border-radius: 3px;  opacity:1;}
.banner_top_bg .carousel-control-next { background:url(../images/arrow-right.svg) right center no-repeat #006CB5; width:42px; height:42px; background-size:42px; top:auto; top:40%; right:15px;   border-radius:3px; opacity:1;}

.our_services_home_bg { float:left; width:100%; padding:100px 0;}
.title_bg {display: flex; justify-content: space-between;}
.title_bg p { max-width:560px; padding:0;}
.title_bg .read_more_but { width:auto; margin:0;}
.services_home_box { float:left; width:100%; position:relative; overflow:hidden; margin-top:30px;}
.services_home_box img {  width:100%; border-radius:0; transition: all 0.4s; transition: all 0.4s; scale: 1.05 ;}
.services_home_box:hover img {transition: all 0.4s; scale: 1.00 ;  border-radius:0;}
.services_home_box .overlay { background-color: rgba(0, 108, 181, 0.8); width:100%; padding:30px; float: left; border-radius:0; position: absolute; bottom:0; left:0;  transition: transform 0.3s ease; transform: translatey(100%); height:100%;} 
.services_home_box .overlay h4 { color:#fff; text-align:left; padding:0; position: absolute; top:-60px; align-items: center; display: flex;}
.services_home_box .overlay h4 img { width:40px; background:#006CB5; border-radius:2px; margin-right:12px;}
.services_home_box:hover .overlay h4 { padding:45px 0 0 0; position:initial; top:0;  }
.services_home_box:hover .overlay h4 img {  background:#051829; }
.services_home_box .overlay p {display: flex; align-items: center; text-align: left; padding:12px 0 0 0; color:#fff; justify-content: space-between;}
.services_home_box .overlay .getdetails { padding:15px 0 0 0;}
.services_home_box .overlay .getdetails a { font-size:16px; font-weight:500; color:#fff;}
.services_home_box .overlay .getdetails a img { width:6px; margin-left:5px;}
.services_home_box:hover .overlay {transform: translatey(0);}

.client_quote_home_bg { float:left; width:100%; background:url(../images/client-quote-bg.jpg) center left no-repeat; background-size:cover; padding:100px 0;}
.client_quote_slider  { max-width:840px; margin:0 auto;}
.client_quote_slider:before { content:''; position:absolute; top:-5px; left:-110px; background:url(../images/quotes-icon.svg) left top no-repeat; width:80px; height:80px;}
.client_quote_slider .client_box p { font-size:22px; line-height:32px; color:#fff; padding:0;}
.client_quote_slider .client_box h2 { color:#fff; text-transform:capitalize; margin:20px 0 0 0;}
.client_quote_slider .client_box h2:before { display:none;}
.client_quote_slider .client_box .client_icon { display: flex; align-items: center; margin-top:30px; }
.client_quote_slider .client_box .client_icon img { margin:0 20px 0 0; width:60px;}
.client_quote_slider .client_box .client_icon .text h5 { padding:0; text-align:left; font-size:20px; color:#006CB5;}
.client_quote_slider .client_box .client_icon .text p { padding:0; text-align:left; font-size:14px; color:#fff;  }
.client_quote_slider .slick-next { background:url(../images/arrow-right.svg) right center no-repeat #006CB5; width:28px; height:28px; background-size:28px; top:auto; bottom:-10px; right:-110px; border-radius: 3px;}
.client_quote_slider .slick-prev { background:url(../images/arrow-left.svg) right center no-repeat #006CB5; width:28px; height:28px; background-size:28px; top:auto; bottom:-10px; left:auto; right:-72px; border-radius:3px;}
.client_quote_slider .slick-next:before { display:none;}
.client_quote_slider .slick-prev:before { display:none;}

.what_we_offer_bg { float:left; width:100%; padding:70px 0 100px 0;}
.we_offer_left ul { list-style:none; margin:0; padding:15px 0 0 0;}
.we_offer_left li { list-style:none; margin:0; padding:0 0 0 22px; font-size:16px; line-height:36px; color:#6A6A6A;  background:url(../images/check-circle-icon.svg) left 13px no-repeat;}
.we_offer_left { margin-top:30px;}
.we_offer_left .read_more_but { padding:10px 0 0 0;}
.offer_right_box { float:left; width:100%; display: flex; margin-top:30px;}
.offer_right_box .icon { width:10%; margin-right:20px;}
.offer_right_box .icon img { width:100%;}
.offer_right_box .text { width:90%;}
.offer_right_box .details { padding:15px 0 0 0;}
.offer_right_box .details a { color:#006CB5; font-weight:500; display:flex; align-items:center;}
.offer_right_box .details a img { width:6px; margin-left: 5px;}
.offer_right_box .details a:hover { color:#00438C;}

.our_products_home_bg { float:left; width:100%; padding:100px 0; background:#F5F5F5;}
.our_products_home_bg .slick-slider { margin:0 -15px;}
.product_box { float:left; width:100%; padding:30px 0 0 0; overflow:hidden;  }
.product_box img { width:100%;  transition: all 0.4s;  }
.product_box:hover img {transition: all 0.4s; scale: 1.05;}
.product_box .text { padding:15px 0 0 0; position:relative;}
.product_box .text h4 {  font-weight:bold; max-width:220px;}
.product_box .text a.button { background:#006CB5; width:36px; height:36px; border-radius:50%; position:absolute; top:10px; right:0;}
.product_box .text a.button img { width:36px; height:36px; }
.product_box .text a.button:hover { background:#051829;}
.our_products_home_bg .slick-next { background:url(../images/arrow-right.svg) right center no-repeat #006CB5; width:28px; height:28px; background-size:28px; top:auto; top:-10px; right:15px; border-radius: 3px;}
.our_products_home_bg .slick-prev { background:url(../images/arrow-left.svg) right center no-repeat #006CB5; width:28px; height:28px; background-size:28px; top:auto; top:-10px; left:auto; right:53px; border-radius:3px;}
.our_products_home_bg .slick-next:before { display:none;}
.our_products_home_bg .slick-prev:before { display:none;}

.recent_projects_home_bg { float:left; width:100%; padding:100px 0; background:#051829;}
.recent_projects_home_bg h2 { color:#fff; text-align:center;}
.recent_projects_home_bg h2:before { right:0; margin:0 auto;}
.recent_projects_home_bg .slick-slide { margin:0;}
.recent_projects_home_bg .slick-dots { bottom:-50px;}
.recent_projects_home_bg .slick-dots li { width:100px; height:8px; margin:0;}
.recent_projects_home_bg .slick-dots li button { background:#3D4650; width:100px; height:8px; border-radius:0; padding:0;}
.recent_projects_home_bg .slick-dots li.slick-active button { background:#006CB5;}
.recentprojects_box.hovereffect { width: 100%; height: 100%; float: left; overflow: hidden; position: relative; text-align: center; cursor: default; margin-top:35px;}
.recentprojects_box.hovereffect .overlay { width: 100%; height: 100%; position: absolute; overflow: hidden; top: 0; left: 0; -webkit-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out;}
.recentprojects_box.hovereffect:hover .overlay { background-color: rgba(170,170,170,0.4);}
.recentprojects_box.hovereffect h2, .recentprojects_box.hovereffect img { -webkit-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out;}
.recentprojects_box.hovereffect img { display: block; position: relative; -webkit-transform: scale(1.1); -ms-transform: scale(1.1); transform: scale(1.1);}
.recentprojects_box.hovereffect:hover img { -webkit-transform: scale(1); -ms-transform: scale(1); transform: scale(1);}
.recentprojects_box.hovereffect .info { display:flex; flex-wrap: wrap; align-items:center; justify-content: center; padding:7px 14px; color: #fff; border: 2px solid #fff; margin: auto 0; background-color: transparent; opacity: 0; filter: alpha(opacity=0); -webkit-transform: scale(1.5); -ms-transform: scale(1.5); transform: scale(1.5); -webkit-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out; font-weight: normal; height: 92%; width: 92%; position: absolute; top: 4%; left: 4%; }
.recentprojects_box.hovereffect:hover .info { opacity: 1; filter: alpha(opacity=100); -webkit-transform: scale(1); -ms-transform: scale(1); transform: scale(1); background-color: rgba(5,24,41,0.8);} 
.recentprojects_box.hovereffect .info h4 { font-size:16px; font-weight:700; color:#fff; text-transform:capitalize;}
.recentprojects_box.hovereffect .info p { font-size:16px; font-weight:400; color:#CCCCCC;}
 
.aboutus_home_bg { float:left; width:100%; padding:70px 0 100px 0; position:relative;}
.aboutus_home_bg:before { content:'';  background:url(../images/about-right-img.png) right bottom no-repeat; position:absolute; top:50px; right:0; width:439px; height:586px; background-size:439px;}

.abouttext_left { margin-top:30px;}
.abouttext_left h6 { font-size:16px; color:#6A6A6A; font-weight:400; padding-bottom:10px;}
.abouttext_left h2 { font-size:18px; line-height:26px;}
.abouttext_left h2:before { width:80px; height:2px;} 
.abouttext_left .icon_bottom {display:flex; flex-wrap: wrap; width:100%; padding:30px 0 0 0;}
.abouttext_left .icon_bottom span { color:#6A6A6A; font-size:16px; width:100%;}
.abouttext_left .icon_bottom a { font-size:20px; margin:15px 15px 0 0;}

.faq_right_bg { float:left; width:100%;   margin-top:70px;}
.faq_right_bg .container { max-width:1000px;}
.faq_right_bg h6 { font-size:16px; color:#6A6A6A; font-weight:400; padding-bottom:10px; text-align:center;}
.faq_right_bg h2 {text-transform:capitalize; text-align:center; }
.faq_right_bg h2:before { right:0; margin:0 auto;} 
.faq_question { width:100%; margin-top:30px;}
.faq_question .accordion-item { border:none; margin-top:5px;  border:1px solid #DDDDDD;}
.faq_question .accordion-button { background:#fff; font-weight:700; font-size:16px; color:#000;   font-family: "Outfit", sans-serif;}
.faq_question .accordion-button:not(.collapsed) { background:#006CB5 !important; color:#fff !important;   padding:15px 20px;}
.faq_question .accordion-button::after { background-color:#fff; border-radius:50%; background-position: center center; background-size:14px;}
.faq_question .accordion-button:focus {   box-shadow:0 0 5px #e8e8e8;}
.faq_question .accordion-body { padding:0 20px;} 
.faq_question .accordion-button::after { background:url(../images/plus-icon.svg) right center no-repeat; width:24px; height:24px;}
.faq_question .accordion-button:not(.collapsed)::after {background:url(../images/minus-icon.svg) right center no-repeat; width:24px; height:24px; transform: rotate(0); }
.faq_question .accordion-body p { color:#6A6A6A; padding:20px 0; font-size:16px; line-height:24px;}
 

.brands_logo_home_bg { float:left; width:100%; padding:0;}
.brands_logo_home_bg h2 { text-align:center; margin-bottom:35px;}
.brands_logo_home_bg h2::before { right:0; margin:0 auto;}
.brands_logo img { float:left; width:100%; border:1px solid #DDDDDD;}
.brands_logo_home_bg .slick-slider { margin:0 -15px;}

.contact_info_home_bg { float:left; width:100%; background:url(../images/contact-bg.png) center left no-repeat; background-size:cover; padding:70px 0 100px 0; margin-top:100px; position:relative;}
.contact_info_home_bg:before { content:'';  background:url(../images/contact-woman-img.png) left bottom no-repeat; position:absolute; bottom:0; left:0; width:421px; height:545px; background-size:421px;}

.contact_info_left { width:76%; margin:0 auto; border:3px solid #006CB5; padding:40px;  margin-top:30px;}
.contact_info_left h2 { color:#fff;}
.contact_info_left p { padding:20px 0 15px 0; color:#AAAAAA; max-width:325px;}
.contact_info_left p.text { padding:25px 0 0 0; color:#fff; max-width:100%; display: flex;}
.contact_info_left p i { color:#006CB5; margin-right:8px; font-size:16px; width: 18px;}
.contact_info_left p a { color:#fff;}
.contact_info_left p.text .fa-location-dot { font-size:20px;}
.contact_info_left .left_icon {display: flex; align-items: center;}
.contact_info_left .left_icon a { font-size:20px; color:#fff; margin:35px 15px 0 0;}
.contact_info_left .left_icon a:hover { color:#fff;}

.request_quote_right { float:left; width:100%; margin-top:30px;}
.request_quote_right h2 { color:#fff;}
.request_quote_right p { padding:20px 0 0 0; color:#AAAAAA;  }
.request_quote_right label { font-size:14px; color:#FFFFFF; text-transform:uppercase; margin:15px 0 5px 0;}
.request_quote_right .form-control { background:#fff; color:#000; font-size:14px; min-height:38px; border-radius:4px; border:none;}
.send_message_but { float:left; width:100%; margin:20px 0 0 0;}
.send_message_but .btn { float:left; background:#006CB5; border:1px solid #006CB5; font-size:16px; font-weight:500; padding:8px 0; width:100%; border-radius:4px; color:#fff; text-decoration:none; position:relative;  -webkit-transform: perspective(1px) translateZ(0); transform: perspective(1px) translateZ(0); -webkit-transition: all .3s ease-in-out; -moz-transition: all .3s ease-in-out; -ms-transition: all .3s ease-in-out; -o-transition: all .3s ease-in-out; transition: all .3s ease-in-out; transition-timing-function: ease-in-out;}
.send_message_but .btn:hover {background:#051829;  border:1px solid #051829;}
.send_message_but .btn:before {content: "";  position: absolute; z-index: -1;  left: 0%;  right: 0%; top: 0; bottom:0; background:#051829;  -webkit-transform: scaleX(0);  transform: scaleX(0); -webkit-transform-origin: 50%;  transform-origin: 50%;  -webkit-transition-property: transform;  transition-property: transform;   -webkit-transition-duration: .2s; transition-duration: .2s;  -webkit-transition-timing-function: ease-out; transition-timing-function: ease-out; border-radius:4px;}  
.send_message_but .btn:hover:before {-webkit-transform: scaleX(1); transform: scaleX(1);}
 
 
.recent_news_home_bg { float:left; width:100%; padding:100px 0;} 
.news_box_bg {float:left; width:100%; margin-top:30px; overflow:hidden; border:1px solid #DDDDDD; border-radius:5px;}
.news_box_bg img {border-radius:30px; transition: all 0.4s; width:100%;  border-radius:5px 5px 0 0;}
.news_box_bg:hover img {transition: all 0.4s; scale: 1.05;}
.comments_text { font-size:14px; color:#6A6A6A; padding:20px;}
.comments_text i { color:#006CB5; margin-right:5px;} 
.comments_text span { padding-right:25px;}
.news_box_bg h4 { padding:0 20px; font-weight:700; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp:2; -webkit-box-orient: vertical;}  
.news_box_bg h4 a:hover { color:#006CB5;}
.news_box_bg p { padding:10px 20px 20px 20px; } 
 
 
 
footer { float:left; width:100%; background:#051829; padding:70px 0 0 0; position:relative;}
.footer_box { float:left; width:100%; padding:30px 0 0 0;}  
.footer_box h5 { float:left; width:100%; font-size:24px; color:#fff; text-transform:uppercase; position:relative; margin-bottom:20px; }
.footer_box h5:before { content:''; position:absolute; bottom:-10px; left:0; width:36px; height:4px; background:#006CB5; border-radius:10px;}
.footer_box p { float:left; width:100%; font-size:15px; line-height:20px; text-align:left; color:#fff; padding:15px 0 0 0;}
.footer_box p i { float:left; font-size:18px; color:#006CB5; padding:2px 5px 0 0;}
.footer_box p i.fa-location-dot{ font-size:22px; margin-bottom:22px;}
.footer_box p a {color:#fff;}
.footer_box p a:hover { color:#fff;}
.footer_box .left_icon a { margin-top:25px; color:#fff; font-size:22px; margin-right:20px; text-align:center; float:left;}
.footer_box .left_icon a:hover { color:#fff; }
.footer_box ul { float:left; width:50%; list-style:none; padding:7px 0 0 0; margin:0;}
.footer_box li { float:left; width:100%; list-style:none; padding:8px 0 8px 0; margin:0;}
.footer_box li a { float:left; font-size:15px; color:#fff; padding:0 0 0 14px; background:url(../images/button-arrow.svg) left 7px no-repeat;}
.footer_box li a:hover { color:#006CB5;}
.footer_newsletter_box { float:left; width:100%; position:relative; margin:15px 0;}
.footer_newsletter_box .newsletter_input { float:left; width:100%; padding:0 0 0 20px; background:#fff; font-size:15px; color:#333; height:54px; border:none; border-radius:5px;}
.footer_newsletter_box .btn { float:left; background:#006CB5; font-size:16px; font-weight:400; padding:12px 30px; border-radius:5px; color:#fff; text-decoration:none; position:relative;  -webkit-transform: perspective(1px) translateZ(0);  transform: perspective(1px) translateZ(0); -webkit-transition: all .3s ease-in-out; -moz-transition: all .3s ease-in-out; -ms-transition: all .3s ease-in-out; -o-transition: all .3s ease-in-out; transition: all .3s ease-in-out; transition-timing-function: ease-in-out; margin-top:15px; font-weight:500;}
.footer_newsletter_box .btn:hover {background-color:#fff; color:#000;}
.footer_newsletter_box .btn:before {content: "";  position: absolute; z-index: -1;  left: 0%;  right: 0%; top: 0; bottom:0; background:#fff;  -webkit-transform: scaleX(0);  transform: scaleX(0); -webkit-transform-origin: 50%;  transform-origin: 50%;  -webkit-transition-property: transform;  transition-property: transform;   -webkit-transition-duration: .2s; transition-duration: .2s;  -webkit-transition-timing-function: ease-out; transition-timing-function: ease-out; border-radius:30px;}  
.footer_newsletter_box .btn:hover:before {-webkit-transform: scaleX(1); transform: scaleX(1);}
.copyright_text_bottom { float:left; width:100%; text-align:center; color:#AAAAAA; font-size:14px; background:#020D17; padding:25px 0; margin-top:80px;} 

.inner_page_main { float:left; width:100%; padding-bottom:100px;}
.inner_page_title_bg {float:left; width:100%; background:url(../images/inner-page-bg.png) center center no-repeat; background-size:cover !important;  padding:120px 0 120px 0; position:relative;}
.inner_page_title_bg h1 { float:left; width:100%; text-align:center; font-size:36px; color:#fff; z-index:2; position:relative;}
.inner_page_title_bg .header_link { float:left; width:100%; text-align:center; font-size:16px; color:#fff; padding:10px 0 0 0;}
.inner_page_title_bg .header_link a { text-align:center; font-size:16px; color:#fff;}
.inner_page_title_bg .header_link span { text-align:center; font-size:16px; padding:0 15px; color:#fff;}

.aboutus_page_text_bg { float:left; width:100%; padding:100px 0;}
.about_left_img { float:left; width:100%; position:relative; margin-top:30px;}
.about_left_img img { float:left; width:94%; position: relative;  z-index: 2;}
.about_left_img::after { content: ""; width: 465px; height: 120%; border: 2px solid #006CB5; position: absolute; left: 150px; top:-10%; }

.customer_satisfaction_bg { float:left; width:100%; background:url(../images/customer-satisfaction-bg.png) center fixed no-repeat; background-size:cover; padding:100px 0; text-align:center;}
.customer_satisfaction_bg h2 { color:#fff; text-align:center;}
.customer_satisfaction_bg h2:before {right: 0; margin: 0 auto;}
.customer_satisfaction_bg .read_more_but {margin: 40px 0 0 0;}
.customer_satisfaction_bg .read_more_but a { float:none; border:2px solid #006CB5; background:none;}
.customer_satisfaction_bg .read_more_but a:hover { background:#006CB5;}

.why_we_are_best_bg { float:left; width:100%; padding:100px 0; text-align:center;}
.why_we_are_best_bg h2 { float:left; width:100%;}
.why_we_are_best_bg h2:before {right: 0; margin: 0 auto;}
.why_we_are_best_bg p { text-align:center; padding:20px 0 0 0; float:left; width:100%;}
.why_we_are_best_bg .offer_right_box {flex-wrap: wrap;}
.why_we_are_best_bg .offer_right_box .icon { width:100px; height:100px; line-height:54px; margin:0 auto;  background:#006CB5; padding:20px; border-radius:50%;}
.why_we_are_best_bg .offer_right_box .icon img { width:auto; height:40px;}
.why_we_are_best_bg .offer_right_box .text { width:100%;}
.why_we_are_best_bg .offer_right_box h3 { margin:15px 0 0 0; font-size:18px;}
.why_we_are_best_bg .offer_right_box p { padding:10px 0 0 0;}

.team_members_bg { float:left; width:100%; text-align:center; padding:0; background: #F5F5F5; padding:100px 0; margin-bottom:100px;}
.team_members_bg h2:before {right: 0; margin: 0 auto;}
.team_member_box { margin-top:30px; background:#fff; border:1px solid #e6e6e6; overflow:hidden; transition: all 0.4s; transition: all 0.4s; scale: 1.0 ; border-radius:5px;}
.team_member_box .img { overflow:hidden; width:100%; border-radius:5px 5px 0 0;}
.team_member_box:hover img {transition: all 0.4s; scale: 1.05; border-radius:10px 10px 0 0;}
.team_member_box h4 { padding:20px 10px 0 10px; font-size:20px;}
.team_member_box p { padding:10px 0 15px 0;} 

.contact_page_main { float:left; width:100%;}
.contact_form_bg {display:flex; flex-wrap:wrap; max-width:1000px; margin:0 auto; padding:100px 0 0 0;}
.contact_form_bg h2 { text-align:center; padding-bottom:15px;}
.contact_form_bg h2:before {right: 0; bottom:5px; margin: 0 auto;}
.contact_form_input { float:left; width:100%; font-size:16px; color:#000; background:#fff; border:1px solid #DDDDDD; min-height:50px; padding:15px; margin-top:20px; border-radius:5px;}
.send_message_button  { float:left; width:100%; margin:20px 0 0 0; text-align: center; }
.send_message_button .btn { float:none; background:#006CB5; border:1px solid #006CB5; font-size:16px; font-weight:500; padding:7px 28px; border-radius:4px; color:#fff; text-decoration:none; position:relative;  -webkit-transform: perspective(1px) translateZ(0); transform: perspective(1px) translateZ(0); -webkit-transition: all .3s ease-in-out; -moz-transition: all .3s ease-in-out; -ms-transition: all .3s ease-in-out; -o-transition: all .3s ease-in-out; transition: all .3s ease-in-out; transition-timing-function: ease-in-out;}
.send_message_button .btn:hover {background:#051829;  border:1px solid #051829;}
.send_message_button .btn:before {content: "";  position: absolute; z-index: -1;  left: 0%;  right: 0%; top: 0; bottom:0; background:#051829;  -webkit-transform: scaleX(0);  transform: scaleX(0); -webkit-transform-origin: 50%;  transform-origin: 50%;  -webkit-transition-property: transform;  transition-property: transform;   -webkit-transition-duration: .2s; transition-duration: .2s;  -webkit-transition-timing-function: ease-out; transition-timing-function: ease-out; border-radius:4px;}  
.send_message_button .btn:hover:before {-webkit-transform: scaleX(1); transform: scaleX(1);}

.visio_mission_bg { float:left; width:100%; background:url(../images/vision-mission-bg.png) center bottom no-repeat #F7F7F7; background-size:cover; padding:100px 0;}
.visio_mission_bg .nav-tabs { border:none; background:#fff;}
.visio_mission_bg .nav-tabs .nav-item { width:33.33%;}
.visio_mission_bg .nav-tabs .nav-item .nav-link { width:100%; border:none; border-bottom:2px solid #fff; font-size:18px; color:#000; font-weight:600; border-radius:0; padding:12px 0;}
.visio_mission_bg .nav-tabs .nav-item .nav-link:hover {color:#006CB5;}
.visio_mission_bg .nav-tabs .nav-item .nav-link.active {border-bottom:2px solid #006CB5; color:#006CB5;}

.vision_text_box_bg { float:left; width:100%; display: flex; flex-wrap: wrap;}
.vision_text_box_bg .image { width:40%; margin:40px 2% 0 0;}
.vision_text_box_bg .text { width:58%; margin:40px 0 0 0;}
.vision_text_box_bg .text h4 {color:#006CB5; font-size:20px;}
.vision_text_box_bg .text ul {margin:0; padding:5px 0 0 0; list-style:none; }
.vision_text_box_bg .text li {margin:0; padding:10px 0 0 15px; list-style:none; background:url(../images/button-arrow.svg) left 16px no-repeat; font-size:16px; color: #6A6A6A;}


.contact_box_text { float:left; width:100%; text-align:center; margin-top:60px; border:1px solid #006CB5; border-radius:10px;}
.contact_box_text h3 { float:left; width:100%; padding:20px 15px 0 15px; color:#000; text-align:center;  }
.contact_box_text p { float:left; width:100%;   text-align:center; padding:10px 15px 0 15px; min-height:60px;}
.contact_box_text .icon { float: left; width:100%; margin-top:20px; background:#006CB5; padding:10px;  border-radius:0 0 8px 8px;}
.contact_box_text .icon i { color:#fff; font-size:18px;} 

.contact_map { float:left; width:100%; margin-top:60px;}
.our_office_bg_main { float:left; width:100%; padding:80px 0 0 0;}
.our_office_bg_main h2 { text-align:center; padding-bottom:15px;}
.our_office_bg_main h2:before {right: 0; bottom:5px; margin: 0 auto;}
.office_map_img { max-width:760px; margin:30px auto 0 auto; position:relative; }
.office_map_img img { width:100%;}

.time-of-year.ellipse1 {position:absolute; top:263px; left:225px;}
.time-of-year.ellipse2 {position:absolute; top:380px; left:110px;}
.time-of-year.ellipse3 {position:absolute; top:400px; left:90px;}
.time-of-year.ellipse4 {position:absolute; top:412px; left:40px;} 
.time-of-year.ellipse5 {position:absolute; top:435px; left:94px;}
.time-of-year.ellipse6 {position:absolute; top:456px; left:351px;}
.time-of-year.ellipse7 {position:absolute; top:480px; left:165px;}
.time-of-year.ellipse8 {position:absolute; top:500px; left:122px;}
.time-of-year.ellipse9 {position:absolute; top:544px; left:145px;}
.time-of-year.ellipse10 {position:absolute; top:810px; left:220px;}

.time-of-year { text-align: center; width:12px; -webkit-transform: translateZ(0); /* webkit flicker fix */ -webkit-font-smoothing: antialiased; /* webkit text rendering fix */ cursor:pointer; z-index:1; }
.time-of-year img { width:11px; cursor:pointer;  position:relative;}
.time-of-year span { display:none;}
.time-of-year .tooltip {  background:#fff; border: 1px solid #DDDDDD; border-radius: 5px; bottom: 100%; font-size: 20px; display: block; left:-215px; opacity: 0; padding:15px; pointer-events: none; position: absolute; width:450px;  z-index:99; -webkit-transform: translateY(10px); -moz-transform: translateY(10px); -ms-transform: translateY(10px); -o-transform: translateY(10px); transform: translateY(10px); -webkit-transition: all .7s ease-out; -moz-transition: all .7s ease-out; -ms-transition: all .7s ease-out; -o-transition: all .7s ease-out; transition: all .7s ease-out;}
.time-of-year .tooltip h5 { font-size:18px; color:#006CB5; padding:0 0 15px 0;}
.time-of-year .tooltip h6 {font-size:18px; color:#000; padding:0 0 15px 0; }
.time-of-year .tooltip p {font-size:16px; color:#000; padding:0 0 2px 0; }
/* This is the grey triangle behind the yellow one that makes the border continuous */
.time-of-year .tooltip:before { bottom: -23px; content: " "; display: block; height: 20px; left: 210px; position: absolute;  border-color: #dddddd transparent transparent transparent; border-style: solid; border-width: 11px;}
/* Yellow triangle */
.time-of-year .tooltip:after { border-left: solid transparent 10px; border-right: solid transparent 10px; border-top: solid #fff 10px; bottom: -10px; content: " "; height: 0; left: 50%; margin-left: -13px; position: absolute; width: 0;}
.time-of-year:hover .tooltip { opacity: 1; pointer-events: auto; -webkit-transform: translateY(0px); -moz-transform: translateY(0px); -ms-transform: translateY(0px); -o-transform: translateY(0px); transform: translateY(0px);}
/* IE can just show/hide with no transition */
.lte8 .time-of-year .tooltip { display: none;}
.lte8 .time-of-year:hover .tooltip { display: block;}



.blog_page_main { float:left; width:100%; padding:70px 0 0 0;}
.blog_left_bg { float:left; width:100%; background:#fff;  margin-top:30px; padding:0 20px; border:1px solid #DDDDDD; border-radius:5px;}
.blog_left_bg h2 {   padding:20px 0 0 0;   font-size:22px; }
.blog_left_bg ul { float:left; width:100%; list-style:none; margin:10px 0; padding:0;}
.blog_left_bg li { float:left; width:100%; list-style:none;  padding:12px 0;}
.blog_left_bg li a { font-size:16px; color:#000; background: url(../images/button-arrow.svg) left 6px no-repeat; padding:0 0 0 15px;}
.blog_left_bg li a:hover { color:#006CB5;}
.blog_left_bg .blog_img_box { display:flex; align-items:center; width:100%; border-bottom: 1px solid #D9D9D9; padding:20px 0;}
.blog_left_bg .blog_img_box:last-child { border:none;}
.blog_left_bg .blog_img_box .img img { width:115px; margin-right:20px;}
.blog_left_bg .blog_img_box .img img:hover { opacity:0.8;}
.blog_left_bg .blog_img_box .text p { color:#A8A8A8; padding:0; font-size:14px;}
.blog_left_bg .blog_img_box .text h5 { line-height:20px;}
.blog_left_bg .blog_img_box .text h5 a { color:#333; padding:0; font-size:14px; line-height:18px; font-weight:600;}
.blog_left_bg .blog_img_box .text h5 a:hover { color:#006CB5;}

.our_news_detail_text { float:left; width:100%; margin-top:30px; }
.our_news_detail_text .new_img { float:left; width:100%; position:relative;}
.our_news_detail_text .new_img img { border-radius:5px;}
.our_news_detail_text .comments_text { float:left; width:100%; padding:15px 0 0 0;}
.our_news_detail_text h4{ float:left; width:100%; padding:15px 0; font-size:22px; font-weight:700;}
.our_news_detail_text h5{  padding:15px 0 0 0; font-size:18px; }
.our_news_detail_text ul { padding:8px 0 0 0; list-style:none;}
.our_news_detail_text ul li { background: url(../images/check-circle-icon.svg) left 14px no-repeat;  padding:10px 0 0 20px; font-size:16px; font-weight:400; color:#677078;}
.our_news_detail_text ol  { padding:0 0 0 20px; margin:0; }
.our_news_detail_text ol li { background:none;  padding:10px 0 0 5px; font-size:18px; font-weight:700;  }
.leave_reply_main { float:left; width:100%;}
.leave_reply_main h2 { text-align:left; padding:30px 0 0 0;}
.leave_reply_main .form-control { float:left; width:100%; margin:15px 0 0 0; background:#fff;  border:1px solid #cccc; min-height:52px; font-size:16px; color:#000; padding:0 15px; }
.leave_reply_main .read_more_but { text-align:left; margin:20px 0 0 0;}
.leave_reply_main .read_more_but .btn { background:#006CB5; font-size:16px; font-weight:700; padding:4px 4px 4px 30px; border-radius:30px; color:#fff; text-decoration:none; display: inline-flex; align-items: center; }
.leave_reply_main .read_more_but .btn img { width:40px; margin-left:20px;}
.leave_reply_main .read_more_but .btn:hover {background:#253C4A;} 



.infrastructure_text_bg { float:left; width:100%; padding:70px 0 0 0;}
.infrastructure_text_bg .row {align-items: center;}
.infrastructure_text_bg .text { margin-top:30px;}
.infrastructure_img { float:left; width:100%; position:relative; margin-top:30px;}
.infrastructure_img img { float:left; width:100%; }
.production_capacity_bg  { float:left; width:100%; padding:100px 0; background: #F5F5F5; margin-top:100px;}
.production_capacity_bg h2  { text-align:center; padding-bottom:15px;}
.production_capacity_bg h2:before {right: 0; bottom:5px; margin: 0 auto;}
.production_box { float:left; width:100%; margin-top:30px; background:#fff; display: flex; align-items: center; padding:30px;}
.production_box .icon { width:90px; background:#006CB5; margin-right:20px;} 
.production_box h5 { font-size:16px; line-height:28px;}
.production_box h5 span { font-weight:400;}
.production_box:hover { background:#006CB5;}
.production_box:hover .icon { background:#051829;}
.production_box:hover h5 { color:#fff;}

.marketing_sales_page_main { float:none; display:flex; width:1000px; margin:0 auto; text-align:center; padding:100px 0 0 0;}
.marketing_sales_page_main h2  { text-align:center; padding-bottom:15px;}
.marketing_sales_page_main h2:before {right: 0; bottom:5px; margin: 0 auto;}
.marketing_sales_page_main .read_more_but { text-align:center; margin:25px 0 0 0;}
.marketing_sales_page_main .read_more_but a { float:none;}

.marketingsales_box.hovereffect { width:100%; margin:40px 0 0 0; float:left; overflow:hidden; position:relative; text-align:center; cursor:default; }
.marketingsales_box.hovereffect .overlay { width:100%; height:100%; position:absolute; overflow:hidden; top:0; left:0; opacity:0; background-color:rgba(0,0,0,0.5); -webkit-transition:all .4s ease-in-out; transition:all .4s ease-in-out }
.marketingsales_box.hovereffect img { display:block; position:relative; -webkit-transition:all .4s linear; transition:all .4s linear; border:1px solid #CCCCCC; }  .marketingsales_box.hovereffect h2 { text-transform:uppercase; color:#fff; text-align:center; position:relative; font-size:17px; background:rgba(0,0,0,0.6); -webkit-transform:translatey(-100px); -ms-transform:translatey(-100px); transform:translatey(-100px); -webkit-transition:all .2s ease-in-out; transition:all .2s ease-in-out; padding:10px; }  .marketingsales_box.hovereffect a.info { text-decoration:none; display:inline-block; text-transform:uppercase; color:#fff; border:none; background-color:transparent; opacity:0; filter:alpha(opacity=0); -webkit-transition:all .2s ease-in-out; transition:all .2s ease-in-out; margin:45% 0 0 0; padding:0; }
.marketingsales_box.hovereffect a.info img { border:none;}
.marketingsales_box.hovereffect:hover img { -ms-transform:scale(1.2); -webkit-transform:scale(1.2); transform:scale(1.2); }
.marketingsales_box.hovereffect:hover .overlay { opacity:1; filter:alpha(opacity=100); }
.marketingsales_box.hovereffect:hover h2,.marketingsales_box.hovereffect:hover a.info { opacity:1; filter:alpha(opacity=100); -ms-transform:translatey(0); -webkit-transform:translatey(0); transform:translatey(0); }
.marketingsales_box.hovereffect:hover a.info { -webkit-transition-delay:.2s; transition-delay:.2s; }

.technical_page_main { float:left; width:100%; padding:70px 0 0 0;}
.technical_page_main .read_more_but { text-align:center; margin:40px 0 0 0;}
.technical_page_main .read_more_but a { float:none; padding:9px 25px}
.technical_page_main .read_more_but a img { width:16px; margin-right:10px;}

.technical_box { float:left; width:100%; position:relative; margin-top:30px;}
.technical_box a { background: #F5F5F5; display: flex;  align-items: center; padding:25px; }
.technical_box a img { width:90px; background:#fff; border-radius:50%; margin-right:20px;}
.technical_box a .pdficon { width:22px; position:absolute; bottom:14px; right:14px; margin:0; border-radius:0;}
.technical_box h4 { font-size:18px; font-weight:700;}
 
.technical_box a:before {content: "";  width: 0; background:#006CB5; height: 3px; position: absolute; bottom:0; right: 0;  -webkit-transition: all .3s cubic-bezier(.645,.045,.355,1); transition: all .3s cubic-bezier(.645,.045,.355,1);}  
.technical_box a:hover:before {width: 100%; left: 0;  right: auto;}

.recent_projects_box { float:left; width:100%; margin-top:30px; background: #F5F5F5; min-height: 500px;}
.recent_projects_box h4 { padding:15px 15px 0 15px; font-size:16px; line-height:22px;}
.recent_projects_box p { padding:10px 15px 0 15px;}

.products_page_main { float:left; width:100%; padding:70px 0 0 0;}
.products_page_main .product_box {background: #F5F5F5; padding:5px; margin-top:30px;}
.products_page_main .product_box .text { padding:10px;}
.products_page_main .product_box:hover img {scale: revert;}
.products_page_main .product_box .text a.button { right:10px;}

.metal_product_top_box { float:left; width:100%;}
.metal_cored_image { float:left; width:100%; margin-top:30px;}
.metal_cored_image img { float:left; width:100%; border:1px solid #ccc; padding:5px;}
.metal_cored_text { float:left; width:100%; margin-top:30px;}
.metal_cored_text h6 { font-size:18px; padding:15px 0 0 0;}
.metal_cored_text h4 { font-size:22px; font-weight:700; padding:15px 0 0 0;}
.metal_cored_text p b { color:#000;}

.key_features_bg { float:left; width:100%; background:#F5F5F5; padding:80px 0; text-align:center; margin-top:80px;}
.key_features_bg h2  { text-align:center; }
.key_features_bg h2:before { right:0; margin:0 auto;}
.key_features_bg p { text-align:center; padding:10px 0 0 0; max-width:1000px; margin:0 auto;}
.key_features_bg .col-lg-3 { width:20%;}
.key_features_box {padding:30px 17px; margin-top:30px; background:#fff; border-radius: 10px; transition: box-shadow 0.3s ease-out, transform 0.3s ease-out, -webkit-box-shadow 0.3s ease-out, -webkit-transform 0.3s ease-out;  -webkit-box-shadow: 0 9px 33px 0 rgba(2, 8, 53, 0.05);  box-shadow: 0 9px 33px 0 rgba(2, 8, 53, 0.05); min-height: 280px; }
.key_features_box:hover {  -webkit-transform: translate(0, -3px);  transform: translate(0, -3px);  -webkit-box-shadow: 0 9px 33px 0 rgba(2, 8, 53, 0.1); box-shadow: 0 9px 33px 0 rgba(2, 8, 53, 0.1);}
.key_features_box .icon { width:80px; margin:0 auto;}
.key_features_box .icon img { border-radius:50%; background:#006CB5; width:100%;}
.key_features_box h5 { padding:15px 0 0 0; font-size:18px;  }
.key_features_box p { padding:10px 0 0 0; }

.modal {background-color: rgba(0, 0, 0, 0.6);}
.send_enquiry_popup { padding:30px; background:#fff;}
.send_enquiry_popup .modal-header { padding:0;}
.send_enquiry_popup .modal-header .modal-title { color:#006CB5; padding-bottom:10px; font-size:22px !important;}
.send_enquiry_popup .modal-body { padding:30px 0 0 0;}
.send_enquiry_popup label { width:100%;}
.send_enquiry_popup .form-control  { margin:0 0 15px 0; background:#fff;  border:1px solid #cccc; min-height:50px; font-size:16px; color:#000; padding:0 15px; }
.send_enquiry_popup .two_box { display:flex;}
.send_enquiry_popup .two_box .form-control:last-child { margin-left:20px;}
.send_enquiry_popup .form-check-inline { margin-bottom:15px;}
.send_enquiry_popup .form-check-label { padding:3px 0 0 0;}
.send_enquiry_popup .btn-primary { float:left; background:#006CB5; border:1px solid #006CB5; font-size:16px; font-weight:500; padding:7px 28px; border-radius:4px; color:#fff; text-decoration:none; position:relative;  -webkit-transform: perspective(1px) translateZ(0); transform: perspective(1px) translateZ(0); -webkit-transition: all .3s ease-in-out; -moz-transition: all .3s ease-in-out; -ms-transition: all .3s ease-in-out; -o-transition: all .3s ease-in-out; transition: all .3s ease-in-out; transition-timing-function: ease-in-out;}
.send_enquiry_popup .btn-primary:hover {background:#051829;  border:1px solid #051829;}
.send_enquiry_popup .btn-primary:before {content: "";  position: absolute; z-index: -1;  left: 0%;  right: 0%; top: 0; bottom:0; background:#051829;  -webkit-transform: scaleX(0);  transform: scaleX(0); -webkit-transform-origin: 50%;  transform-origin: 50%;  -webkit-transition-property: transform;  transition-property: transform;   -webkit-transition-duration: .2s; transition-duration: .2s;  -webkit-transition-timing-function: ease-out; transition-timing-function: ease-out; border-radius:4px;}  
.send_enquiry_popup .btn-primary:hover:before {-webkit-transform: scaleX(1); transform: scaleX(1);}

.applications_action_bg  { float:left; width:100%; padding:50px 0 0 0;}
.applications_action_bg .row {align-items: center;}   
.applications_action_bg .image { width:100%; margin-top:40px;}
.applications_action_bg .image img { border-radius:10px;}
.applications_action_bg .text { width:100%; margin-top:40px;}
.applications_action_bg .text h4 { padding:15px 0 0 0;}
.applications_action_bg .text p b  { color:#000;} 
.applications_action_bg .text ul { margin:0; padding:10px 0 0 0; list-style::none;}
.applications_action_bg .text li {margin:0; padding:10px 0 0 18px; list-style:none; font-weight:400; font-size:16px; line-height:24px; color:#677078; background:url(../images/check-circle-icon.svg) left 17px no-repeat; }
.applications_action_bg .text li b  { color:#000;} 
.applications_action_bg.textcenter {background: #F5F5F5; margin-top:80px; padding:80px 0;}
.applications_action_bg.textcenter .text { max-width:1000px; text-align:center; margin:0 auto;}
.applications_action_bg.textcenter .text h2:before { right:0; margin:0 auto;} 
.applications_action_bg.textcenter .text .read_more_but { margin:30px 0 0 0;}
.applications_action_bg.textcenter .text .read_more_but a { float:none;}

.product_specifications_bg { float:left; width:100%; padding:80px 0 0 0;}
.product_specifications_bg h2 { text-align:center;}
.product_specifications_bg h2:before { right:0; margin:0 auto;}
.product_specifications_bg .table { margin:30px 0 0 0; border-color:#e3e3e3;}
.product_specifications_bg .table .title {background:#333; color:#fff; }
.product_specifications_bg .table td, th { font-size:16px;}

.industries_why_choose_bg  { float:left; width:100%; padding:70px 0 0 0;}
.industries_why_choose_bg h2 { text-align:center; }
.industries_why_choose_bg h2:before { right:0; margin:0 auto;}
.automotive_choose_box  {  margin-top:30px;  border-color: #fff;  border-radius: 10px; transition: box-shadow 0.3s ease-out, transform 0.3s ease-out, -webkit-box-shadow 0.3s ease-out, -webkit-transform 0.3s ease-out;  -webkit-box-shadow: 0 9px 33px 0 rgba(2, 8, 53, 0.05);  box-shadow: 0 9px 33px 0 rgba(2, 8, 53, 0.05);   }
.automotive_choose_box:hover {  -webkit-transform: translate(0, -3px);  transform: translate(0, -3px);  -webkit-box-shadow: 0 9px 33px 0 rgba(2, 8, 53, 0.1); box-shadow: 0 9px 33px 0 rgba(2, 8, 53, 0.1);  border-radius: 10px;}
.automotive_choose_box img {  width:100%;  border-radius: 10px 10px 0 0;}

.automotive_choose_box h5 { font-size:18px; padding:15px 15px 0 15px; color:#006CB5; min-height:60px; }
.automotive_choose_box ul { margin:0; padding:0 15px 15px 15px; list-style::none; min-height:244px;}
.automotive_choose_box li {margin:0; padding:10px 0 0 18px; list-style:none; font-weight:400; font-size:16px; line-height:24px; color:#333; background:url(../images/check-circle-icon.svg) left 17px no-repeat;  }
 
@media (min-width:1100px) {
.container, .container-lg, .container-md, .container-sm, .container-xl { max-width:1270px;}
}
 

@media only screen and (min-width:220px) and (max-width:1540px) { 
.contact_info_home_bg:before { content:''; position:absolute; bottom:0; left:-230px; width:421px; height:545px; background-size:421px;}
.banner_top_bg .carousel-control-prev { top:auto; bottom:20px; left:auto; right:70px; }
.banner_top_bg .carousel-control-next { top:auto; bottom:20px; right:15px; }
}

@media only screen and (min-width:220px) and (max-width:1240px) { 
.banner_top_bg .carousel-caption { left:3%; top: 15%;}
.contact_info_home_bg:before  { display:none;}
.aboutus_home_bg:before { display:none;}
.navbar .navbar-nav .nav-link {margin: 0 14px 0 0;  font-size:14px;}
 
}
@media only screen and (min-width:220px) and (max-width:1120px) { 
.container, .container-lg, .container-md, .container-sm, .container-xl  {max-width: 1020px;} 
.container, .container-fluid, .container-lg, .container-md, .container-sm, .container-xl, .container-xxl {padding-right: var(--bs-gutter-x, 20px); padding-left: var(--bs-gutter-x, 20px);}
.navbar .navbar-nav .nav-link {margin: 0 10px 0 0; font-size:12px; }
}
@media only screen and (min-width:220px) and (max-width:1060px) { 
h2 { font-size:30px; line-height: 34px; width:100%;} 
our_services_home_bg { padding:40px 0;}
.our_services_home_bg { padding:40px 0;}
.what_we_offer_bg { padding:10px 0 40px 0;}
.our_products_home_bg { padding:40px 0;}
.recent_projects_home_bg { padding:40px 0;}
.aboutus_home_bg { padding:10px 0 40px 0;}
.contact_info_home_bg { padding:10px 0 40px 0; margin-top: 40px;}
.recent_news_home_bg { padding:40px 0;}
footer { padding:10px 0 0 0;}
.copyright_text_bottom {margin-top: 40px; padding:20px 10px;}
.banner_top_bg .carousel-caption h1 { font-size:30px; line-height:40px;}
.banner_top_bg .carousel-caption p { font-size:15px; line-height:20px;}
.client_quote_slider::before { background-size:60px; width:60px; height:60px; top: -70px; left:0;}
.client_quote_slider .slick-next { bottom:-50px; right:0; }
.client_quote_slider .slick-prev {  bottom:-50px; left:auto; right:38px; }
.title_bg {flex-wrap: wrap;}
.title_bg p { padding:15px 0 10px 0;}
.inner_page_main { padding-bottom:40px;}
.visio_mission_bg { padding:40px 0;}
.aboutus_page_text_bg  { padding:40px 0;}
.why_we_are_best_bg  { padding:40px 0;}
.blog_page_main  { padding:10px 0 0 0;}
.team_members_bg  { padding:40px 0; margin-bottom:40px;}
.about_left_img img { float:left; width:100%; }
.about_left_img::after { display:none; }
.products_page_main { padding:10px 0 0 0;}
.infrastructure_text_bg { padding:10px 0 0 0;}
.production_capacity_bg  { padding:40px 0; margin-top:40px;}
.technical_page_main { padding:10px 0 0 0;}
.marketing_sales_page_main { padding:40px 0 0 0;}
.faq_right_bg {   margin-top:40px;}
.key_features_bg { padding:40px 0; text-align:center; margin-top:40px;}
.key_features_bg .col-lg-3 { width:33.33%;}
.applications_action_bg  { padding:0;}
.applications_action_bg.textcenter {background: #F5F5F5; margin-top:40px; padding:40px 0;}


}

@media only screen and (min-width:220px) and (max-width:991px) { 
.client_quote_slider .client_box p { font-size:18px; line-height:26px;} 
.navbar .navbar-toggler { border:none;}
.navbar .sitebutton {position: absolute; right: 20px; top:11px;}
.navbar .sitebutton a { padding:18px 25px 18px 25px;}
.navbar .navbar-nav .nav-link { padding:0; margin:10px 0; font-size:15px;}
.header_top_bg .header_right_phone a i {font-size: 15px;}
.contact_info_left { width:100%;}
.recent_projects_home_bg .slick-dots li { width:30px; height:3px; margin:0;}
.recent_projects_home_bg .slick-dots li button { background:#3D4650; width:30px; height:3px; padding:0; border-radius:0;}
.recent_projects_home_bg .slick-dots { bottom: -25px; }
}
 
@media only screen and (min-width:220px) and (max-width:860px) {
.vision_text_box_bg .image { width:100%; margin:30px 0 0 0;} 
.vision_text_box_bg .text { width:100%; margin:30px 0 0 0;} 

}

@media only screen and (min-width:220px) and (max-width:768px) {
h3 { font-size:18px;  line-height:22px;} 	
h2 { font-size:24px; line-height: 28px;} 
h4 { font-size:16px; line-height:22px;}
.banner_top_bg .carousel-caption p { display:none;}
.footer_box h5 { font-size:20px;} 

.time-of-year .tooltip {left:0; width:100%;}
.time-of-year .tooltip h5 { font-size:15px; padding-bottom:10px;}
.time-of-year .tooltip h6 { font-size:15px; padding-bottom:10px;}
.time-of-year .tooltip p { font-size:14px;}
.time-of-year.ellipse1 {position:inherit; top:auto; left:auto; }
.time-of-year.ellipse2 {position:inherit; top:auto; left:auto;}
.time-of-year.ellipse3 {position:inherit; top:auto; left:auto;}
.time-of-year.ellipse4 {position:inherit; top:auto; left:auto;} 
.time-of-year.ellipse5 {position:inherit; top:auto; left:auto;}
.time-of-year.ellipse6 {position:inherit; top:auto; left:auto;}
.time-of-year.ellipse7 {position:inherit; top:auto; left:auto;}
.time-of-year.ellipse8 {position:inherit; top:auto; left:auto;}
.time-of-year.ellipse9 {position:inherit; top:auto; left:auto;}
.time-of-year.ellipse10 {position:inherit; top:auto; left:auto;}
.time-of-year {display: flex; width:auto; background: #ccc; margin: 10px 0; padding: 10px 15px; border-radius: 30px; }
.time-of-year span { display:block; padding-left:10px; color:#000; text-align: left;}
.time-of-year .tooltip::before {left: 135px;}
.key_features_bg .col-lg-3 { width:50%;}

}

@media only screen and (min-width:220px) and (max-width:620px) {
p { font-size:14px; line-height: 22px;}	
.header_top_bg { padding:12px 0;}
.header_top_bg .container {flex-wrap: wrap;} 
.header_top_bg .header_right_phone { width:100%; justify-content: center;}
.header_top_bg .header_right_phone a { margin:0 10px;}
.header_top_bg .header_left_icon { width:100%; justify-content: center; padding:12px 0 0 0;}
.header_logo_bg { padding:12px 0;}
.header_logo_bg .container {justify-content: center; flex-wrap: wrap;}
.header_logo_bg .right_side_certified { padding:15px 0 0 0;}
.header_logo_bg .right_side_certified img { height:40px; margin:0 10px;}
.banner_top_bg .carousel-caption h1 { font-size:26px; line-height: 32px;}
.banner_top_bg .carousel-caption { left: 3%;   top: 0;}
.contact_info_left { padding:30px 20px;}
.banner_top_bg .carousel-control-prev { display:none; }
.banner_top_bg .carousel-control-next { display:none;}
}

@media only screen and (min-width:220px) and (max-width:520px) {
.visio_mission_bg .nav-tabs .nav-item .nav-link { font-size:15px;} 
.time-of-year span { font-size:13px;}
}

@media only screen and (min-width:220px) and (max-width:480px) {
.banner_top_bg .carousel-caption h1 { font-size: 20px; line-height: 26px;} 
.services_home_box:hover .overlay h4 { padding: 25px 0 0 0;}
.key_features_bg .col-lg-3 { width:100%;}
.key_features_box { min-height:inherit;}

 
}