@import url('https://fonts.googleapis.com/css?family=Open+Sans:400,600,700,800');
html {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	font-family: 'Open Sans', sans-serif;
}

#mask {
  position:absolute;
  left:0;
  top:0;
  z-index:9000;
  background-color:#000;
  display:none;
}  
#boxes .window {
  position:absolute;
  left:0;
  top:0;
  width:440px;
  height:200px;
  display:none;
  z-index:99999999999999999999999999999999999999999999999999999999999999!important;
  padding:20px;
  border-radius: 15px;
  text-align: center;
}



.tracking{
       border-radius: 10px;
    background-color: #d1d1d13b;
    border: 1px solid #055183;
    padding: 5%;
    width: 50% !important;
}
.tracking h3{
	font-family: 'Open Sans' , sans-serif;
	color: #055183;
    text-align: center;
    font-weight: 600;
    font-size: 22px;
    line-height: 35px;
}
.n_a{
	padding:1% 0% 5% 0% 0%;
	font-size:24px;
	font-weight:bold;
}
.aaa{
	font-size:16px !important;
	font-weight:bold !important;
}
.maintext{
	text-align: center;
  font-family: "Segoe UI", sans-serif;
  text-decoration: none;
}



/********************************************
	Contact Us
*********************************************/


.bg_img3{
	
	background-image: url("../images/contact-bg.html");
  height: auto; 
  background-position: center;
  background-attachment:fixed;
  background-repeat: no-repeat;
  background-size: cover;
  padding:50px 0px;
}	

.contact_main{
	width:60%;
	margin:0 auto;
	background-color:#fff;
	-webkit-box-shadow: 1px 1px 5px 0px rgba(0,0,0,0.75);
-moz-box-shadow: 1px 1px 5px 0px rgba(0,0,0,0.75);
box-shadow: 1px 1px 5px 0px rgba(0,0,0,0.75);
}

.col_ctn_88{
	width:50%;
	float:left;
	background-color:#055183;
	padding:50px 30px;
	position:relative;
	margin:50px 50px 0px -100px;
	-webkit-box-shadow: 1px 1px 5px 0px rgba(0,0,0,0.75);
	-moz-box-shadow: 1px 1px 5px 0px rgba(0,0,0,0.75);
	box-shadow: 1px 1px 5px 0px rgba(0,0,0,0.75);

}
.col_ctn_8{
	width:55%;
	float:left;
	padding:40px 10px;
}

.con_head{
	font-family: 'Open Sans' , sans-serif;
	color:#fff;
	font-size:26px;
	font-weight:600;
	margin-bottom:10%;
}

.con_head3{
	font-family: 'Open Sans' , sans-serif;
	color:#ab55a4;
	font-size:26px;
	font-weight:600;
	margin-bottom:10%;
}

.con_head33{
	font-family: 'Open Sans' , sans-serif;
	color:#450a4e;
	font-size:26px;
	font-weight:700;
	margin-bottom:5%;
}

.con_head2{
	font-family: 'Open Sans' , sans-serif;
    color: #055183;
    font-size: 28px;
    font-weight: 600;
    margin: 1% 0%;
}

.con_icn{
	width:8%;
	float:left;
	padding-top: 5px;
}

.con_icn .fa{
	color:#fff;
    font-size: 20px;
}

.con_icn_txt{
	width:88%;
	float:right;
	font-family: 'Open Sans' , sans-serif;
	color:#fff;
	font-size:15px;
	font-weight:500;
	line-height:140%;
}


.con_icn2{
	width:8%;
	float:left;
}

.con_icn2 .fa{
	color:#80ab7c;
	font-size:20px;
}

.con_icn_txt2{
	width: 92%;
    float: right;
    font-family: 'Open Sans' , sans-serif;
    color: #000;
    font-size: 16px;
    font-weight: 400;
    line-height: 180%;

}

.s_icon2{
	width:100px;
	margin:8% auto 0% auto;
}

.s_icon2 .fa{
	color:#fff;
	font-size:20px;
}

.s_icon2 .fa:hover{
	color:#fff;
	cursor:pointer;
}
.c_link2 {
    text-decoration: none;
    color: #fff;
}
/********************************************
	Contact Us Close
*********************************************/
















*,
*:before,
*:after {
	-webkit-box-sizing: inherit;
	-moz-box-sizing: inherit;
	box-sizing: inherit;
}
iframe{
	display:block;
}

body {
	margin:0;
	padding:0;
    font-family: 'Open Sans', sans-serif;
}

body a{
    transition:0.5s all;
	-webkit-transition:0.5s all;
	-moz-transition:0.5s all;
	-o-transition:0.5s all;
	-ms-transition:0.5s all;
}



a:hover{
	text-decoration:none;
	transition:0.5s all;
	-webkit-transition:0.5s all;
	-moz-transition:0.5s all;
	-o-transition:0.5s all;
	-ms-transition:0.5s all;
}

.thanks{
	font-family: 'Open Sans', sans-serif;
	color:#000;
	font-size:32px;
	font-weight:600;
	margin:5% 0%;
	text-align:center;
}

.divider{
	border:1px dotted #dbdbdb;
	margin:2% 0%;
}

.clear{
	clear:both;
}
.img{
	width:100%;
	display:block;
}
.v_a_img{
	vertical-align:middle;
}


.fixed_btn {
    position: fixed;
    right: 0%;
    top: 55%;
    z-index: 9999999999999999999999;
}

.call_btn{
	position:absolute;
	right: -260px;
    top: -25%;
	z-index:9999999999999999999;
	width:300px;
	height:40px;
	background-color:#008dd2;
	 -webkit-transition: right 1s; /* Safari */
  transition: right 1s;
  cursor:pointer;
}

.call_btn:hover{
	right:0;
}


.call_btn_icon{
	width:40px;
	height:40px;
	float:left;
	padding:8px 14px;
	background-color:#008dd2;
}
.call_btn_txt{
	font-family:'Open Sans' , Sans-Serif;
	font-weight:600;
	line-height:160%;
	text-align:center;
	font-size:14px;	
	margin:3% 0%;
	    color: #fff;
}

a.close{line-height:1;font-size:2.5em;position:absolute;top:2%;right:2%;text-decoration:none;color:#000; z-index:99999999999999999999;}
a.close:hover{color:#222;-webkit-transition:color 1s ease;-moz-transition:color 1s ease;transition:color 1s ease;}

/*--------------------------------------------------------------
Header
--------------------------------------------------------------*/
.top_main{
	width:100%;
	position:absolute;
	z-index:9;
}
.top{
	width:90%;
	margin:0 auto;
	max-width:1200px;
}

.logo_main {
    width: 418px;
    border-top: 221px solid #fff;
    border-left: 0px solid transparent;
    border-right: 429px solid transparent;
    float: left;
}

.logo_main2{
    width: 263px;
    border-top: 175px solid #e40c0c;
    border-left: 0px solid transparent;
    border-right: 321px solid transparent;
    float: left;
}


.logo2{
	width: 169px;
    position: absolute;
    top: 8%;
    left: 0.8%;	
}
.logo2 img{
	width:100%;
}

.bg_nav{
	background-image:url(../images/nav_bg.jpg);
	background-repeat:no-repeat;
	background-size:100% 100%;
	height:360px;
}




.logo {
    width: 185px;
    position: absolute;
    top: 9%;
    left: 2.8%;
}
.logo img{
	width:100%;
}
.navbar{
	    width: 830px;
	float:right;
	background-color:#ffffff;
	margin:3% 5% 2% 0%;
}


.mobile{
	display:none;
}


.dealer_brd{
	border:1px solid #e6e6e6;
}



/*--------------------------------------------------------------
Front Page
--------------------------------------------------------------*/
.banner{
	width:100%;
}

/*--------------------------------------------------------------
Text
--------------------------------------------------------------*/
.heading h2{
	font-family: 'Open Sans', sans-serif;
	color: #000;
	font-size: 22px;
	font-weight:700;
	padding:1%;
	text-transform:uppercase;
}


/*tarriff*/

table {
  font-family: arial, sans-serif;
  border-collapse: collapse;
  width: 100%;
  text-align: center;

}

td, th {
/*  border: 1px solid #dddddd;*/
  text-align: center;
  padding: 8px !important;
  color: #000;

}

th{
	background-color: #008dd5 !important;
	color: #fff !important;
	font-weight: 500 !important;
}

/*tr:nth-child(even) {
  background-color: #dddddd;
}*/

table, th, td {
  border: 2px solid white !important;
  border-collapse: collapse !important;
}
 td {
  background-color: #efeeee !important;
}

/*tarriff*/




/*--------------------------------------------------------------
Service
--------------------------------------------------------------*/
.icn_srv{
	width:77px;
	float:left;
}
.srv_txt_main{
	width:60%;
	float:left;
	margin:2% 0% 1% 4%;
}
.srv_txt_main h4{
	color:#000000;
	font-size:18px;
	text-align:left;
	font-weight:500;
	line-height:150%;
	font-family: 'Open Sans', sans-serif;
}
.srv_txt_main span{
	color:#000000;
	font-size:20px;
	text-align:left;
	font-weight:600;
	line-height:150%;
	font-family: 'Open Sans', sans-serif;
}



/*--------------------------------------------------------------
Welcome
--------------------------------------------------------------*/
.welcome_col_sm2{
	width:50%;
	float:left;
}
.welcome_inner{
	width:80%;
	float:left;
	margin:5% 0% 1% 5%;
}
.welcome_txt h1{
	color:#fff;
	font-size:22px;
	text-align:left;
	font-weight:500;
	line-height:150%;
	font-family: 'Open Sans', sans-serif;
}
.welcome_txt span{
	color:#fff;
	font-weight:700;
}
.welcome_txt p{
	color:#fff;
	font-size:14px;
	text-align:justify;
	font-weight:500;
	line-height:150%;
	padding:3% 0% 4%;
	font-family: 'Open Sans', sans-serif;
}

.welcome_txt p span{
	font-weight:700;
}

.traing_bult ul li a{
	font-family: 'Open Sans', sans-serif;
	color:#000;
	font-size:14px;
	text-align:center;
	font-weight:600;
	line-height:150%;
	padding:8px 12px;
	background-color:#FFCC33;
	float:right;
	margin:4% 1%;
	border-left:8px solid #000;
}

.tr_rit{
	float:right;
}

.svr_list{
	width:80%;
	padding:10px;
	border-top:2px solid #999999;
	border-right:2px solid #999999;
	border-bottom:2px solid #999999;
	border-left:8px solid #008dd5;
	margin:5px auto;
}

.svr_list:hover{
	background-color:#000;
}

.svr_list:hover p{
	color:#fff;
}

.svr_list p{
	font-family: 'Open Sans', sans-serif;
	color:#000;
	font-size:14px;
	text-align:left;
	font-weight:600;
	line-height:150%;
}

/*--------------------------------------------------------------
Product
--------------------------------------------------------------*/
.product_txt_main{
	width:100%;
	margin:0 auto;
	background-color: #;
}
.product_txt_main h3{
	color: #000;
    font-size: 16px;
    font-weight: 600;
    font-family: 'Open Sans', sans-serif;
    padding: 5%;
    min-height: 54px;
    text-align: center;
}
.download_form{
	width:50%;
	margin:3% auto;
	padding:20px;
	border:1px solid #e5e5e5;
}


/*--------------------------------------------------------------
Regular Content
--------------------------------------------------------------*/
.contener{
	width:90%;
	margin:0 auto;
	max-width:1400px;
}
.top2{
	width:90%;
	margin:0 auto;
	max-width:1200px;
}
.col_sm1{
	width:100%;
	margin:0 auto;
}
.col_sm2{
	width:50%;
	float:left;
}
.col_sm3{
	width:31%;
	float:left;
}
.col_sm33{
	width:31%;
	float:left;
	margin:1% 1%;
}
.col_sm4{
	width:23%;
	margin:1%;
	float:left;
}
.col_sm6{
	width:23%;
	margin:1%;
	float:left;
}
.col_sm5{
	width:18%;
	margin:1%;
	float:left;
}
.col_sm8{
	width:45%;
	margin:1%;
	float:left;
}
.col_sm88{
	width:51%;
	margin:1%;
	float:right;
}
.d_col_sm8{
	width:28%;
	margin:1%;
	float:left;
}
.d_col_sm88{
	width:68%;
	margin:1%;
	float:left;
}
.col_sm9{
	width:51%;
	margin:1%;
	float:left;
}
.col_sm99{
	width:45%;
	margin:1%;
	float:right;
}
.col_sm10{
	width:55%;
	margin:1%;
	float:left;
}
.col_sm100{
	width:40%;
	margin:1%;
	float:right;
}
.col_sm111{
	width:40%;
	margin:1%;
	float:right;
}
.col_sm11{
	width:55%;
	margin:1%;
	float:left;
}
.col_sm12{
	width:60%;
	margin:1%;
	float:left;
}
.col_sm122{
	width:35%;
	margin:1%;
	float:left;
}



/*--------------------------------------------------------------
branches
--------------------------------------------------------------*/
.c_min_hgt{
	min-height:227px;
}


.c_bg{
	 /* background-image: url("../images/con-bg.jpg");/ */
	background: #f4f4f4;
	padding:2%;
}

.c_head h1 {
    font-family: 'Roboto',sans-serif;
    color: #055183;
    font-weight: 600;
    font-size: 20px;
    margin-bottom: 0%;
}

.c_icon .fa-envelope {
    color: #fff;
    margin-top: 20%;
    font-size: 16px !important;
    background-color: #008dd1;
    padding: 20%;
}

.c_icon .fa-map-marker {
    color: #fff;
    margin-top: 20%;
    font-size: 16px !important;
    background-color: #008dd1;
    padding: 20% 31% ;
}

.c_icon {
    width: 8%;
    float: left;
}

.c_txt {
    font-family: 'Open Sans', sans-serif;
    color: #000;
    font-weight: 400;
    font-size: 14px;
    line-height: 160%;
	padding-top:1%;
    text-align: left;
}


.c_bld {
    font-size: 16px;
    font-weight: 500;
    color: #055183;
}

.c_icon_txt {
    width: 90%;
    float: right;
}

.lab_1 {
    font-family: 'Open Sans', sans-serif;
    color: #000;
    font-size: 14px;
    text-align: left;
    font-weight: 400;
    padding: 1% 1.5% 1%;
    line-height: 160%;
    margin: 0;
}



/*--------------------------------------------------------------
link
--------------------------------------------------------------*/
a.link:link {
	color:#055183;
	text-decoration:none;
}
a.link:visited {
	color:#055183;
	text-decoration:none;
}
a.link:hover {
	color:#055183;
	text-decoration:none;
}
a.link:active {
	color:#055183;
	text-decoration:none;
}

a.link2:link {
	color:#fff;
	text-decoration:none;
}
a.link2:visited {
	color:#fff;
	text-decoration:none;
}
a.link2:hover {
	color:#fff;
	text-decoration:none;
}
a.link2:active {
	color:#fff;
	text-decoration:none;
}


a.link3:link {
	color:#000;
	text-decoration:none;
}
a.link3:visited {
	color:#000;
	text-decoration:none;
}
a.link3:hover {
	color:#000;
	text-decoration:none;
}
a.link3:active {
	color:#000;
	text-decoration:none;
}





/*--------------------------------------------------------------
Bullet
--------------------------------------------------------------*/
.bullet ul {
    list-style-image:url(../images/bullet2.png);
	margin-left: 3%;
}
.bullet ul li {
	font-family: 'Open Sans', sans-serif;
    font-size: 15px;
    color: #333333;
    padding: 0% 0.8% 0.1% 0.8%;
    text-decoration: none;
    font-weight: 600;
    line-height: 180%;	
}



.bullet3 ul {
    list-style-image:url(../images/bullet3.png);
	margin-left: 3%;
}
.bullet3 ul li {
	font-family: 'Open Sans', sans-serif;
    font-size: 15px;
    line-height: 150%;
    color: #fff;
    margin: 0% 2% 0.1% 0%;
    padding: 0% 0.8% 0.1% 0.8%;
    text-decoration: none;
    font-weight: 600;
    line-height: 180%;	
}

.bullet3 p {
    color: #fff;
    font-size: 14px;
    text-align: justify;
    font-weight: 500;
    line-height: 150%;
    padding: 1% 0%;
    font-family: 'Open Sans', sans-serif;
}


.down_head{
	font-family: 'Open Sans', sans-serif;
	font-size:16px;
	text-align:center;
	font-weight:700;
	line-height:160%;
	color:#000;
	min-height: 50px;
}





/*--------------------------------------------------------------
Button
--------------------------------------------------------------*/
.view_mr{
	width:125px;
	margin:1% auto;
}
.btn{
	width:100%;
	padding:8% 0%;
	font-size:14px;
	border:0px solid;
	text-align:center;
	font-family: 'Montserrat', sans-serif;
	background-color:#00a652;
	color:#fff;
	text-decoration:none;
	cursor:pointer;
	font-weight:800;
	border-radius:4px;
	text-transform:uppercase;
}
.btn:hover{
	background-color:#1f83d9;
	color:#fff;
}
.know_mr{
	width:125px;
	margin:1% auto;
}
.btn2{
	width:100%;
	padding:8% 0%;
	font-size:15px;
	border:0px solid;
	text-align:center;
	font-family: 'Open Sans', sans-serif;
	background-color:#000;
	color:#fff;
	text-decoration:none;
	cursor:pointer;
	font-weight:500;
	margin:4% 0%;
}
.btn2:hover{
	background-color:#f5c401;
	color:#000;
}
.video h1{
	font-family: 'Open Sans', sans-serif;
	color:#000;
	font-weight:600;
	font-size:20px;
	line-height:160%;
}
.video p{
	font-family: 'Open Sans', sans-serif;
	color:#000;
	font-weight:400;
	font-size:15px;
	line-height:160%;
	text-align:justify;
}
.video_bg{
	background-color:#f6f6f6;
	padding:20px 0px;
}


/*--------------------------------------------------------------
Footer
--------------------------------------------------------------*/
.ftr_cont{
	width:75%;
	float:left;
	margin:1% 0% 0% 0%;
	padding: 2% 3%;
	
}
.ftr_icn{
	width:18px;
	float:left;
	margin:1% 0% 0% 0%;
}
.ftr_txt{
	width:85%;
	float:left;
	margin-left:2%;
}
.ftr_txt p{
	color:#055183;
	font-size:14px;
	text-align:left;
	font-weight:500;
	line-height:150%;
	padding:0% 1%;
	font-family: 'Open Sans', sans-serif;
}
.ftr_txt strong{
	font-weight:700;
}
.footer_txt11{
	color:#fff;
	font-size:14px;
	font-weight:500;
	padding:2% 1%;
	font-family: 'Open Sans', sans-serif;
}
.footer_txt{
	color:#055183;
	font-size:14px;
	font-weight:500;
	padding:2% 1%;
	font-family: 'Open Sans', sans-serif;
}
.footer_txt2{
	text-align:right;
}

.footer_txt1{
	text-align:center;
}
.bg_abt{
	background-image:url('../images/about-bg.html');
	background-size: 100% 100%;
	
}







/*--------------------------------------------------------------
Extra
--------------------------------------------------------------*/
.bg_clr{
	background-color:#008dd2;
}

.bg_clr2{
	background-color:#f0f0f0;
}

.bg_img{
	background-image:url('../images/bg1.jpg');
	background-size: 100% 100%;
	height:300px;
}
.cont_pdg{
	padding:1.5% 0%;
}
.brd{
	border-left:3px solid #055183;
	border-right:3px solid #055183;
	border-top:3px solid #055183;
}
.txt_riavival{
	display:none;
	text-align:center;
	text-decoration:none;
	text-shadow:#666666;
	text-indent:inherit;
	text-transform:uppercase;
	top:10px;
	border-bottom-width:thin;
	background-position:center;
	position:relative;
}
.page_heading{
	font-family: 'Open Sans', sans-serif;
	font-size:32px;
	font-weight:600;
	margin: 3% 1% 0%;
	color:#333;
	padding-left:10px;
	border-left:6px solid #008dd5;
}
.page_heading_spare{
	font-family: 'Open Sans', sans-serif;
	font-size:32px;
	font-weight:600;
	color:#333;
	padding-left:10px;
	border-left:6px solid #e40c0c;
}
.page_heading span{
	font-weight:700;
}

.form{
	width:60%;
	margin:1% auto;
}
.product_head{
	font-family: 'Open Sans', sans-serif;
	font-size:25px;
	font-weight:600;
	margin:3% 0%;
	color:#333;
}
.product_head2{
	font-family: 'Open Sans', sans-serif;
    font-size: 16px;
    font-weight: 600;
    margin: 8% 0% 1% 0%;
    color: #333;
	padding:0px 10px;
    text-align: center;
}
.product_sub{
	font-family: 'Open Sans', sans-serif;
	font-size:20px;
	font-weight:600;
	margin:3% 0% 2% 0%;
	color:#333;
}

.product_dec{
	font-family: 'Open Sans', sans-serif;
	font-size:16px;
	font-weight:600;
	line-height:160%;
	color:#333;
	text-align:center;
	text-transform:capitalize;
}


.page_sub_heading{
	font-family: 'Open Sans', sans-serif;
	font-size:20px;
	font-weight:700;
	margin:2% 1% 1% 1%;
	color:#333;
}


.download_bro{
	width:150px;
	background-color:#333;
	color:#fff;
	text-align:center;
	padding:10px;
	font-weight:600;
	border:2px solid #333;
}

.download_bro:hover{
	background-color:#fff;
	color:#000;
	
	text-decoration:none;	
	
}

.txt_decoration{
	text-decoration:none;
}


.specification{
	width: 150px;
    background-color: #333;
    color: #fff;
    text-align: center;
    padding: 8px;
    font-weight: 600;
    /* border: 2px solid #333; */
    border-left: 8px solid #e40c0c;
    font-size: 13px;}

.specification:hover{
	background-color:#fff;
	color:#000;
	text-decoration:none;	
}

.txt_pd_ctr{
	text-align:center;
}

.pd_brd{
	border:1px solid #e6e6e6;
	padding:10px 0px 30px 0px;
	-webkit-box-shadow: 0px 0px 2px 0px rgba(156,156,156,1);
	-moz-box-shadow: 0px 0px 2px 0px rgba(156,156,156,1);
	box-shadow: 0px 0px 2px 0px rgba(156,156,156,1);

}


.spares{
	font-family: 'Open Sans', sans-serif;
	font-size:16px;
	font-weight:600;
	color:#333;
}




.bg_spares{
	background-image: url("../images/spares_back.html");

}



.services_head{
	font-family: 'Open Sans', sans-serif;
	font-size:18px;
	font-weight:700;
	margin:1%;
	color:#000;
}

.body_txt{
	font-family: 'Open Sans', sans-serif;
	font-size: 15px;
    color: #333333;
    font-weight: 600;
	line-height:150%;
	margin:1% 0% 1% 0%;
	text-align: justify;
}
.d_body_txt {
    font-family: 'Open Sans', sans-serif;
    font-size: 15px;
    color: #333333;
    font-weight: 600;
    line-height: 160%;
    margin: 0% 0% 1% 1%;
    text-align: justify;
}

/*--------------------------------------------------------------
	Sitemap Start
--------------------------------------------------------------*/

.sitemap ul li a{
	font-family: 'Open Sans', sans-serif;
	font-size:15px;
	font-weight:500;
	color:#333;
	text-decoration:none;
	line-height:200%;
}

.sitemap ul li a span{
	font-weight:700;
	font-size:20px;
}

/*--------------------------------------------------------------
	Sitemap Close
--------------------------------------------------------------*/



/*--------------------------------------------------------------
top_arrow
--------------------------------------------------------------*/
.top_arrow{
	width:25px;
	height:33px;
	position:fixed;
	right:2%;
	bottom:12%;
	display:none;
	transition-duration: 1s;
	background-image:url('../images/top.png');
	cursor:pointer;
	background-repeat:no-repeat;
	z-index: 999;
}
.top_arrow:hover{
	width:25px;
	height:33px;
	position:fixed;
	right:2%;
	transition-duration: 1s;
	bottom:12%;
	cursor:pointer;
	background-image:url('../images/top-b.png');
	display:none;
}



/*--------------------------------------------------------------
contact page
--------------------------------------------------------------*/
.conta_col_sm1{
	width:30%;
	float:left;
	padding:2%;
	margin:0% 0% 2% 1%;
	height:500px;
}
.conta_col_sm2{
	width:69%;
	float:left;
	-webkit-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.11);
	-moz-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.11);
	box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.11);
	height:500px;
	padding:3%;
}
.img_col_sm2{
	width:48%;
	float:left;
}
.conta_col_sm22{
	width:48%;
	float:left;
	margin:2% 1%;
}
.conta_txt h5{
	font-family: 'Rubik', sans-serif;
	color: #041332;
	font-size: 16px;
	font-weight:600;
	padding: 2% 0% 4% !important;
	margin:0;
	letter-spacing:0;
}
.conta_txt h6{
	font-family: 'Rubik', sans-serif;
	color: #041332;
	font-size: 16px;
	font-weight:600;
	padding: 2% 1% 0% !important;
	margin:0;
	letter-spacing:0;
}
.cont_icn{
	width:15px;
	float:left;
	margin:1% 3% 0% 0%;
	color:#000 !important;
}
.cont_txt_main{
	width:86%;
	float:left;
}
.cont_txt_main p{
	font-family: 'Rubik', sans-serif;
	color:#000 !important;
	line-height:150%;
	font-size: 14px;
}

.fa-mobile{
	font-size:26px !important;
	    color: #fff;

}

.bg_clr_ct{
	background-color:#e40c0c;
}

.bg_quote_clr{
	background-color: #e40c0c;
    padding: 0px 15px 15px 15px;
}

.inner_heading h1{
	font-family: 'Rubik', sans-serif;
	color: #041332;
	font-size: 25px;
	text-align:left;
	font-weight:700;
	padding:1%;
	line-height:140%;
}
.inner_heading span{
	color: #4fb6c8;
}
.inner_heading h4{
	font-family: 'Rubik', sans-serif;
	color: #000;
	font-size:26px;
	text-align:left;
	font-weight:500;
	padding:0% 1%;
	margin:0;
}

.conta_col_sm22{
	width: 50%;
	float:left;
	margin:2% 1%;
}

a.link3:link {
	color:#000;
	text-decoration:none;
}
a.link3:visited {
	color:#000;
	text-decoration:none;
}
a.link3:hover {
	color:#000;
	text-decoration:none;
}
a.link3:active {
	color:#000;
	text-decoration:none;
}



.p_links{
	background-color:#055183;
	padding:10px;
}

.p_links p{
	font-family: 'Rubik', sans-serif;
	color: #055183;
	font-size:15px;
	text-align:center;
	font-weight:500;
}

.f_s_icon{
	margin:2% 0% 0% 6%;	
}
.f_s_icon .fa{
	font-size:20px;
	color:#055183;
}

.f_s_icon .fa:hover{
	color:#008dd2;
}


@media only screen and (max-width:1450px){
.welcome_inner{
	width:88%;
}
}

@media only screen and (max-width:1050px){
.welcome_col_sm2 {
    width: 100%;
}
.welcome_inner {
    width: 96%;
    margin: 2% 2% 2% 2%;
}
.welcome_txt p {
    font-size: 14px;
    line-height: 150%;
}
.welcome_txt h1 {
    font-size: 24px;
}
}

@media only screen and (max-width:1030px){
.navbar{
	width:730px;
}
.form{
	width:100%;
}
#contact{
	padding:0;
}
.bg_img{
	height:100%;
}
}

@media only screen and (max-width:1000px){
.logo_main {
	width: 100%;
	border-top: 0px solid #e40c0c;
	border-left: 0px solid transparent;
	border-right: 0px solid transparent;
	background-color:#fff;
	padding:1%;
	float:none;
}

.logo_main2 {
	width: 100%;
	border-top: 0px solid #e40c0c;
	border-left: 0px solid transparent;
	border-right: 0px solid transparent;
	background-color:#e40c0c;
	padding:1%;
	float:none;
}

.logo{
	width:150px;
	position:static;
	margin:0 auto;
}
.logo2{
	width:150px;
	position:static;
	margin:0 auto;
}
.navbar{
	float:none;
	background-color:#e8e8e9;
	margin:0% auto !important;
	padding:1% 0%;
}

.mobile{
	display:block;
}

.desktop{
	display:none;
}

.top_main{
	position:static;
	background-color:#e8e8e9;
}
.col_sm4{
	width:48%;
}
}

@media only screen and (max-width:1000px){
.navbar{
	width:100%;
	margin:0% auto !important;
	padding:0% 0%;
}
}

@media only screen and (max-width:900px){
.col_sm5{
	width:23%;
	margin:1%;
	float:left;
}
.col_sm12{
	width:100%;
}
.col_sm122{
	width:60%;
	margin:1% auto;
	float:none;
}
}
@media only screen and (max-width:850px){
.traing_bult ul li a{
	float:left;
}
.col_sm2{
	width:100%;
}
.tracking{
	width: 98% !important;
}
.footer_txt2{
	text-align:left;
	padding:0% 1% 2% !important;
}
.footer_txt{
	padding:2% 1% 1%;
}
.ftr_cont{
	width:80%;
	float:none;
	margin:4.5% auto !important;
}
.col_sm3{
	width:100%;
}
.footer_txt1{
	text-align:left;
}
.col_sm9{
	width:100%;
	float:none;
}
.col_sm99{
	width:80%;
	float:none;
	margin:4% auto 1% auto;
}
.conta_col_sm1{
	width:100%;	
}
.conta_col_sm2{
	width:100%;	
}
.col_sm10{
	width:100%;
	float:none;
}
.col_sm33{
	width:48%;
}
.col_sm100{
	width:80%;
	margin:1% auto;
	float:none;
}

.svr_list{
	width:100%;
	float:none;
}

.col_sm111{
	width:100%;
}
.col_sm11{
	width:100%;
	margin:0 auto;
}

.d_col_sm8{
	width:50%;
	margin:1%;
	float:left;
}
.d_col_sm88{
	width:98%;
	margin:1%;
	float:left;
}
.bg_abt{
	background-image:none;
}
}
@media only screen and (max-width:800px){
.col_sm5{
	width:31%;
	margin:1%;
	float:left;
}
    .col_ctn_88 {
    width: 100%;
    position: static;
    margin: 0;
}
    .contact_main {
    width: 80%;
}
    .col_ctn_8 {
    width: 100%;
}
}


@media only screen and (max-width:700px){
	.conta_col_sm2 {
    width: 100%;
    height: 100%;

}
.img_col_sm2 {
    width: 100%;
    float: left;
}
.conta_col_sm22 {
    width: 100%;
    float: left;
    margin: 2% 1%;
}
}
@media only screen and (max-width:600px){
.col_sm4{
	width:98%;
}
.col_sm99{
	width:100%;
}
.col_sm5{
	width:100%;
}
.d_col_sm8{
	width:80%;
	margin:1% auto;
	float:none;
}
.down_head{
	min-height: 0px;
}
.col_sm122{
	width:100%;
}
.col_sm100{
	width:98%;
}
}

@media only screen and (max-width:500px){
.d_col_sm8{
	width:98%;
	margin:1% auto;
	float:none;
}
.col_sm33{
	width:100%;
}
.c_min_hgt{
	min-height:auto;
}
}
@media only screen and (max-width:450px){

.dealer_img{
	width:100%;
}
}

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

/* Acura Shipping refreshed UI */
.acura-site {
	background: #f7f9fc;
	color: #17212b;
}

.acura-site a {
	color: #075d8f;
}

.site-header {
	position: sticky;
	top: 0;
	z-index: 1000;
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 24px;
	padding: 14px 5%;
	background: rgba(255,255,255,.96);
	box-shadow: 0 10px 30px rgba(6, 32, 48, .09);
}

.brand-logo {
	display: flex;
	align-items: center;
	gap: 12px;
	color: #082235 !important;
	text-decoration: none;
	min-width: 250px;
}

.brand-mark {
	display: grid;
	place-items: center;
	width: 46px;
	height: 46px;
	border-radius: 8px;
	background: #008dd2;
	color: #fff;
	font-size: 28px;
	font-weight: 800;
	letter-spacing: 0;
}

.brand-logo strong {
	display: block;
	font-size: 24px;
	line-height: 1;
	letter-spacing: 0;
}

.brand-logo small {
	display: block;
	margin-top: 4px;
	color: #526372;
	font-size: 12px;
	font-weight: 700;
	text-transform: uppercase;
	letter-spacing: 0;
}

.logo-image-link {
	min-width: 230px;
	align-items: center;
}

.site-logo-img {
	display: block;
	width: 210px;
	height: 74px;
	object-fit: contain;
	object-position: left center;
}

.site-nav {
	display: flex;
	align-items: center;
	justify-content: flex-end;
	gap: 4px;
	flex-wrap: wrap;
}

.site-nav a {
	padding: 10px 13px;
	border-radius: 6px;
	color: #17212b !important;
	font-size: 13px;
	font-weight: 800;
	text-decoration: none;
	text-transform: uppercase;
}

.site-nav a:hover {
	background: #e9f6fc;
	color: #075d8f !important;
}

.acura-hero {
	min-height: 560px;
	display: flex;
	align-items: center;
	background-position: center;
	background-size: cover;
}

.hero-content {
	width: 90%;
	max-width: 900px;
	margin: 0 auto;
	padding: 70px 0 86px;
	color: #fff;
}

.eyebrow {
	margin: 0 0 12px;
	color: #bdefff;
	font-size: 13px;
	font-weight: 800;
	text-transform: uppercase;
	letter-spacing: 0;
}

.eyebrow.dark {
	color: #075d8f;
}

.hero-content h1 {
	margin: 0;
	max-width: 760px;
	color: #fff;
	font-size: 58px;
	line-height: 1.08;
	font-weight: 800;
	letter-spacing: 0;
}

.hero-content p:not(.eyebrow) {
	max-width: 680px;
	margin: 22px 0 0;
	color: rgba(255,255,255,.92);
	font-size: 18px;
	line-height: 1.7;
}

.hero-actions {
	display: flex;
	gap: 12px;
	flex-wrap: wrap;
	margin-top: 32px;
}

.hero-actions a,
.modern-form button {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	min-height: 46px;
	padding: 12px 20px;
	border: 0;
	border-radius: 6px;
	background: #008dd2;
	color: #fff !important;
	font-weight: 800;
	text-decoration: none;
	cursor: pointer;
}

.hero-actions a + a {
	background: #ffffff;
	color: #082235 !important;
}

.quick-strip {
	display: grid;
	grid-template-columns: repeat(4, 1fr);
	gap: 1px;
	background: #dbe7ef;
}

.quick-strip div {
	background: #fff;
	padding: 26px 28px;
}

.quick-strip strong,
.quick-strip span {
	display: block;
}

.quick-strip strong {
	color: #075d8f;
	font-size: 23px;
}

.quick-strip span {
	margin-top: 8px;
	color: #526372;
	font-size: 14px;
	line-height: 1.5;
}

.split-section {
	display: grid;
	grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
	align-items: center;
	gap: 44px;
	width: 90%;
	max-width: 1180px;
	margin: 70px auto;
}

.split-section img {
	width: 100%;
	display: block;
	aspect-ratio: 4 / 3;
	object-fit: cover;
	border-radius: 8px;
	box-shadow: 0 18px 45px rgba(4, 26, 42, .14);
}

.section-copy h2,
.section-title h2,
.contact-card h2,
.modern-form h2,
.tracking-panel h2 {
	margin: 0;
	color: #102331;
	font-size: 34px;
	line-height: 1.2;
	font-weight: 800;
	letter-spacing: 0;
}

.section-copy p,
.accent-section p,
.lead-text,
.tracking-panel p {
	color: #526372;
	font-size: 16px;
	line-height: 1.8;
}

.content-band {
	width: 90%;
	max-width: 1180px;
	margin: 70px auto;
}

.content-band.light {
	max-width: none;
	width: 100%;
	padding: 70px 5%;
	background: #eef5f8;
}

.section-title {
	max-width: 760px;
	margin-bottom: 30px;
}

.service-grid,
.info-grid {
	display: grid;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	gap: 22px;
}

.info-grid.two {
	grid-template-columns: repeat(2, minmax(0, 1fr));
}

.info-grid.four {
	grid-template-columns: repeat(4, minmax(0, 1fr));
}

.service-card,
.info-grid article,
.contact-card,
.modern-form,
.tracking-panel {
	background: #fff;
	border: 1px solid #e0eaf0;
	border-radius: 8px;
	box-shadow: 0 14px 35px rgba(9, 31, 44, .08);
}

.service-card {
	overflow: hidden;
	color: #17212b !important;
	text-decoration: none;
}

.service-card img {
	width: 100%;
	height: 190px;
	object-fit: cover;
	display: block;
}

.service-card span,
.info-grid h3 {
	display: block;
	margin: 20px 20px 8px;
	color: #102331;
	font-size: 19px;
	font-weight: 800;
}

.service-card p,
.info-grid p {
	margin: 0 20px 22px;
	color: #526372;
	font-size: 14px;
	line-height: 1.65;
}

.accent-section {
	padding: 66px 5%;
	background: #075d8f;
	color: #fff;
}

.accent-section .section-title,
.accent-section p {
	width: 90%;
	max-width: 960px;
	margin-left: auto;
	margin-right: auto;
	color: #fff;
}

.accent-section h2 {
	color: #fff;
}

.port-grid,
.feature-list,
.check-list {
	list-style: none;
	padding: 0;
	margin: 0;
}

.port-grid {
	display: grid;
	grid-template-columns: repeat(4, minmax(0, 1fr));
	gap: 14px;
}

.port-grid li,
.feature-list li,
.check-list li {
	position: relative;
	padding: 14px 16px 14px 42px;
	background: #fff;
	border: 1px solid #dfeaf0;
	border-radius: 8px;
	color: #17212b;
	font-weight: 700;
	line-height: 1.45;
}

.port-grid li:before,
.feature-list li:before,
.check-list li:before {
	content: "\f00c";
	position: absolute;
	left: 16px;
	top: 15px;
	font-family: FontAwesome;
	color: #008dd2;
}

.feature-list {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: 14px;
}

.check-list {
	display: grid;
	gap: 12px;
	margin-top: 18px;
}

.contact-section {
	display: grid;
	grid-template-columns: minmax(0, .85fr) minmax(0, 1fr);
	gap: 26px;
	width: 90%;
	max-width: 1120px;
	margin: 70px auto;
}

.contact-card,
.modern-form,
.tracking-panel {
	padding: 34px;
}

.contact-card p {
	color: #526372;
	font-size: 15px;
	line-height: 1.75;
}

.modern-form {
	display: grid;
	gap: 14px;
}

.modern-form input,
.modern-form textarea {
	width: 100%;
	border: 1px solid #d6e2ea;
	border-radius: 6px;
	padding: 14px 15px;
	color: #17212b;
	font-size: 15px;
	font-family: 'Open Sans', sans-serif;
}

.modern-form textarea {
	min-height: 132px;
	resize: vertical;
}

.map-wide {
	margin-top: -20px;
}

.footer-contact {
	display: grid;
	grid-template-columns: minmax(0, 1fr) minmax(360px, .75fr);
	background: #061f31;
	border-top: 1px solid rgba(255,255,255,.08);
}

.footer-panel {
	position: relative;
	padding: 44px 9%;
	background: linear-gradient(135deg, #082b42 0%, #064568 100%);
	color: #fff;
}

.footer-panel h3 {
	margin: 0 0 16px;
	color: #fff;
	font-size: 24px;
	font-weight: 800;
}

.footer-panel p {
	color: rgba(255,255,255,.82);
	font-size: 14px;
	line-height: 1.7;
}

.footer-panel a {
	color: #d7f5ff !important;
	text-decoration: none;
	font-weight: 700;
}

.footer-panel a:hover {
	color: #fff !important;
}

.site-footer {
	display: flex;
	justify-content: space-between;
	align-items: center;
	gap: 24px;
	padding: 18px 5%;
	background: #041724;
	color: #fff;
	border-top: 1px solid rgba(255,255,255,.08);
}

.site-footer p {
	margin: 0;
	color: rgba(255,255,255,.78);
	font-size: 13px;
	line-height: 1.5;
}

.site-footer a {
	color: #ffffff !important;
	font-weight: 800;
	text-decoration: none;
	border-bottom: 1px solid rgba(255,255,255,.45);
}

.site-footer a:hover {
	color: #bdefff !important;
	border-bottom-color: #bdefff;
}

.acura-site .fixed_btn {
	top: 50%;
}

.acura-site .call_btn {
	background: #075d8f;
}

.acura-site .call_btn_icon {
	background: #008dd2;
}

@media only screen and (max-width: 980px) {
	.site-header,
	.site-footer {
		display: block;
		text-align: center;
	}
	.site-footer p + p {
		margin-top: 8px;
	}
	.brand-logo {
		justify-content: center;
		min-width: 0;
	}
	.site-nav {
		justify-content: center;
		margin-top: 14px;
	}
	.acura-hero {
		min-height: 480px;
	}
	.hero-content h1 {
		font-size: 42px;
	}
	.quick-strip,
	.service-grid,
	.info-grid,
	.info-grid.two,
	.info-grid.four,
	.split-section,
	.contact-section,
	.footer-contact {
		grid-template-columns: 1fr;
	}
	.port-grid,
	.feature-list {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}
}

@media only screen and (max-width: 560px) {
	.site-nav a {
		padding: 9px 8px;
		font-size: 12px;
	}
	.hero-content h1 {
		font-size: 32px;
	}
	.hero-content p:not(.eyebrow) {
		font-size: 16px;
	}
	.section-copy h2,
	.section-title h2,
	.contact-card h2,
	.modern-form h2,
	.tracking-panel h2 {
		font-size: 26px;
	}
	.port-grid,
	.feature-list {
		grid-template-columns: 1fr;
	}
	.footer-contact {
		grid-template-columns: 1fr;
	}
}

/* Mobile and tablet refinement */
.acura-site {
	background: #f4f7fb;
	color: #142536;
	overflow-x: hidden;
}

.acura-site img,
.acura-site iframe {
	max-width: 100%;
}

@keyframes acuraFadeUp {
	from {
		opacity: 0;
		transform: translateY(22px);
	}
	to {
		opacity: 1;
		transform: translateY(0);
	}
}

@keyframes acuraSoftZoom {
	from {
		background-size: 104%;
	}
	to {
		background-size: 110%;
	}
}

@keyframes acuraLineGlow {
	0%, 100% {
		box-shadow: 0 0 0 rgba(0,110,166,0);
	}
	50% {
		box-shadow: 0 0 24px rgba(0,110,166,.18);
	}
}

.acura-hero {
	animation: acuraSoftZoom 18s ease-in-out infinite alternate;
}

.hero-content .eyebrow,
.hero-content h1,
.hero-content p:not(.eyebrow),
.hero-actions {
	opacity: 0;
	animation: acuraFadeUp .75s ease forwards;
}

.hero-content h1 {
	animation-delay: .12s;
}

.hero-content p:not(.eyebrow) {
	animation-delay: .24s;
}

.hero-actions {
	animation-delay: .36s;
}

.quick-strip div,
.split-section,
.content-band,
.accent-section .section-title,
.service-card,
.info-grid article,
.port-grid li,
.feature-list li,
.contact-card,
.modern-form,
.tracking-panel,
.footer-panel {
	animation: acuraFadeUp .65s ease both;
}

.quick-strip div:nth-child(2),
.service-card:nth-child(2),
.info-grid article:nth-child(2),
.port-grid li:nth-child(2),
.feature-list li:nth-child(2) {
	animation-delay: .08s;
}

.quick-strip div:nth-child(3),
.service-card:nth-child(3),
.info-grid article:nth-child(3),
.port-grid li:nth-child(3),
.feature-list li:nth-child(3) {
	animation-delay: .16s;
}

.quick-strip div:nth-child(4),
.service-card:nth-child(4),
.info-grid article:nth-child(4),
.port-grid li:nth-child(4),
.feature-list li:nth-child(4) {
	animation-delay: .24s;
}

.service-card:nth-child(5),
.port-grid li:nth-child(5),
.feature-list li:nth-child(5) {
	animation-delay: .32s;
}

.service-card:nth-child(6),
.port-grid li:nth-child(6) {
	animation-delay: .4s;
}

.site-nav a,
.hero-actions a,
.modern-form button,
.service-card,
.info-grid article,
.port-grid li,
.feature-list li,
.check-list li {
	transition: transform .22s ease, box-shadow .22s ease, background .22s ease, color .22s ease, border-color .22s ease;
}

.site-nav a:hover,
.site-nav a:focus {
	transform: translateY(-1px);
}

.hero-actions a:hover,
.modern-form button:hover {
	transform: translateY(-2px);
	box-shadow: 0 14px 28px rgba(0,110,166,.24);
}

.brand-mark {
	animation: acuraLineGlow 3.6s ease-in-out infinite;
}

.port-grid li:hover,
.feature-list li:hover,
.check-list li:hover {
	transform: translateY(-2px);
	border-color: #b8d8e7;
	box-shadow: 0 12px 24px rgba(9, 31, 44, .08);
}

.service-card img,
.split-section img {
	transition: transform .45s ease, filter .45s ease;
}

.service-card:hover img {
	transform: scale(1.045);
	filter: saturate(1.08);
}

.split-section img:hover {
	transform: translateY(-3px) scale(1.015);
	filter: saturate(1.06);
}

.modern-form input:focus,
.modern-form textarea:focus {
	border-color: #006ea6;
	box-shadow: 0 0 0 4px rgba(0,110,166,.1);
	outline: none;
}

@media (prefers-reduced-motion: reduce) {
	*,
	*:before,
	*:after {
		animation-duration: .01ms !important;
		animation-iteration-count: 1 !important;
		scroll-behavior: auto !important;
		transition-duration: .01ms !important;
	}
	.acura-hero {
		animation: none;
	}
}

.site-header {
	background: rgba(255,255,255,.98);
	border-bottom: 1px solid rgba(7,93,143,.12);
}

.brand-mark,
.hero-actions a,
.modern-form button {
	background: #006ea6;
}

.site-nav a:hover,
.site-nav a:focus {
	background: #e6f3f8;
	outline: none;
}

.quick-strip strong,
.eyebrow.dark,
.acura-site a {
	color: #006ea6;
}

.accent-section {
	background: linear-gradient(135deg, #05304d 0%, #006ea6 100%);
}

.service-card,
.info-grid article,
.contact-card,
.modern-form,
.tracking-panel,
.port-grid li,
.feature-list li,
.check-list li {
	border-color: #d8e6ee;
}

.service-card:hover,
.info-grid article:hover {
	transform: translateY(-3px);
	box-shadow: 0 18px 40px rgba(9, 31, 44, .12);
}

.service-card,
.info-grid article {
	transition: transform .22s ease, box-shadow .22s ease;
}

@media only screen and (max-width: 1180px) {
	.site-header {
		padding: 14px 3.5%;
		gap: 16px;
	}
	.brand-logo {
		min-width: 220px;
	}
	.logo-image-link {
		min-width: 190px;
	}
	.site-logo-img {
		width: 178px;
		height: 64px;
	}
	.brand-logo strong {
		font-size: 21px;
	}
	.site-nav a {
		padding: 9px 10px;
		font-size: 12px;
	}
	.hero-content h1 {
		font-size: 50px;
	}
	.info-grid.four {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}
}

@media only screen and (max-width: 900px) {
	.acura-site .fixed_btn {
		display: none;
	}
	.site-header {
		position: relative;
		padding: 16px 4%;
	}
	.brand-logo {
		width: 100%;
		justify-content: flex-start;
	}
	.site-logo-img {
		width: 190px;
		height: 66px;
	}
	.site-nav {
		width: 100%;
		display: grid;
		grid-template-columns: repeat(3, minmax(0, 1fr));
		gap: 8px;
		margin-top: 16px;
	}
	.site-nav a {
		display: flex;
		align-items: center;
		justify-content: center;
		min-height: 42px;
		padding: 10px 8px;
		background: #f0f6f9;
		border: 1px solid #d8e6ee;
		border-radius: 7px;
		font-size: 12px;
		line-height: 1.2;
		text-align: center;
	}
	.acura-hero {
		min-height: 430px;
		background-position: center;
	}
	.hero-content {
		width: 88%;
		padding: 58px 0 64px;
	}
	.hero-content h1 {
		font-size: 38px;
		max-width: 640px;
	}
	.hero-content p:not(.eyebrow) {
		font-size: 16px;
		line-height: 1.65;
	}
	.quick-strip {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}
	.quick-strip div {
		padding: 22px;
	}
	.split-section,
	.content-band,
	.contact-section {
		width: 88%;
		margin: 48px auto;
	}
	.content-band.light {
		padding: 52px 6%;
	}
	.service-grid,
	.info-grid {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}
	.service-card img {
		height: 170px;
	}
	.footer-panel {
		padding: 34px 6%;
	}
	.footer-contact iframe,
	.map-wide iframe {
		height: 280px;
	}
}

@media only screen and (max-width: 640px) {
	.site-header {
		padding: 14px 16px;
	}
	.brand-mark {
		width: 42px;
		height: 42px;
		font-size: 25px;
	}
	.brand-logo strong {
		font-size: 20px;
	}
	.brand-logo small {
		font-size: 11px;
	}
	.logo-image-link {
		justify-content: center;
	}
	.site-logo-img {
		width: 176px;
		height: 62px;
		object-position: center;
	}
	.site-nav {
		grid-template-columns: repeat(2, minmax(0, 1fr));
		gap: 7px;
	}
	.site-nav a {
		min-height: 40px;
		font-size: 11px;
	}
	.acura-hero {
		min-height: 400px;
	}
	.hero-content {
		width: calc(100% - 32px);
		padding: 48px 0 54px;
	}
	.hero-content h1 {
		font-size: 31px;
		line-height: 1.16;
	}
	.hero-content p:not(.eyebrow) {
		margin-top: 16px;
		font-size: 15px;
	}
	.hero-actions {
		display: grid;
		grid-template-columns: 1fr;
		gap: 10px;
		margin-top: 24px;
	}
	.hero-actions a {
		width: 100%;
		min-height: 44px;
	}
	.quick-strip,
	.service-grid,
	.info-grid,
	.info-grid.two,
	.info-grid.four,
	.port-grid,
	.feature-list {
		grid-template-columns: 1fr;
	}
	.quick-strip div {
		padding: 18px 20px;
	}
	.quick-strip strong {
		font-size: 20px;
	}
	.split-section,
	.content-band,
	.contact-section {
		width: calc(100% - 32px);
		margin: 38px auto;
		gap: 24px;
	}
	.content-band.light {
		padding: 42px 16px;
	}
	.section-copy h2,
	.section-title h2,
	.contact-card h2,
	.modern-form h2,
	.tracking-panel h2 {
		font-size: 24px;
		line-height: 1.25;
	}
	.section-copy p,
	.accent-section p,
	.lead-text,
	.tracking-panel p {
		font-size: 15px;
		line-height: 1.7;
	}
	.service-card img {
		height: 164px;
	}
	.service-card span,
	.info-grid h3 {
		margin: 18px 18px 8px;
		font-size: 18px;
	}
	.service-card p,
	.info-grid p {
		margin: 0 18px 20px;
	}
	.contact-card,
	.modern-form,
	.tracking-panel {
		padding: 24px 20px;
	}
	.modern-form input,
	.modern-form textarea {
		padding: 13px 14px;
		font-size: 14px;
	}
	.footer-contact iframe,
	.map-wide iframe {
		height: 240px;
	}
	.footer-panel {
		padding: 30px 20px;
	}
.site-footer {
	padding: 16px 20px;
}
}

@media only screen and (max-width: 380px) {
	.site-nav {
		grid-template-columns: 1fr;
	}
	.hero-content h1 {
		font-size: 28px;
	}
	.hero-content p:not(.eyebrow),
	.section-copy p,
	.accent-section p,
	.lead-text,
	.tracking-panel p {
		font-size: 14px;
	}
}

/* Photography-led home page details */
.acura-hero {
	position: relative;
	isolation: isolate;
}

.hero-content {
	position: relative;
	z-index: 1;
}

.hero-proof {
	display: flex;
	flex-wrap: wrap;
	gap: 12px;
	margin-top: 38px;
}

.hero-proof span {
	display: flex;
	align-items: center;
	gap: 8px;
	padding: 10px 13px;
	border: 1px solid rgba(255,255,255,.25);
	border-radius: 6px;
	background: rgba(1,20,34,.34);
	backdrop-filter: blur(8px);
	color: rgba(255,255,255,.88);
	font-size: 12px;
	font-weight: 600;
}

.hero-proof strong {
	color: #fff;
	font-size: 14px;
	font-weight: 800;
}

.image-feature {
	position: relative;
	overflow: hidden;
	border-radius: 8px;
}

.image-feature img {
	margin: 0;
	border-radius: 0;
}

.image-feature span {
	position: absolute;
	left: 18px;
	bottom: 18px;
	padding: 9px 12px;
	border-left: 3px solid #73dcff;
	background: rgba(3,27,45,.82);
	color: #fff;
	font-size: 12px;
	font-weight: 800;
	letter-spacing: 0;
	text-transform: uppercase;
}

.service-card {
	position: relative;
}

.service-card:after {
	content: "Explore service  \f105";
	display: block;
	margin: 0 20px 20px;
	color: #006ea6;
	font-family: 'Open Sans', FontAwesome, sans-serif;
	font-size: 12px;
	font-weight: 800;
	letter-spacing: 0;
	text-transform: uppercase;
}

.service-card img {
	filter: saturate(.92) contrast(1.03);
}

.service-card:hover:after {
	color: #05304d;
}

@media only screen and (max-width: 640px) {
	.hero-proof {
		display: grid;
		grid-template-columns: 1fr;
		gap: 8px;
		margin-top: 26px;
	}

	.hero-proof span {
		justify-content: center;
		min-height: 38px;
		padding: 8px 10px;
	}

	.image-feature span {
		left: 14px;
		bottom: 14px;
		font-size: 11px;
	}
}