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

body{ font-family: "Open Sans"; margin:0 auto;}
 h1{font-size:2em; color:#fff; line-height:118%; margin:0px; letter-spacing: -0.9px;}
 h2{font-size:2em; font-weight:600; margin:15px 0 10px; letter-spacing:-1.6px;}
 h3{ font-size:20px; margin:10px 0;}
 h4{ font-size:18px; font-weight:200; margin:0px; padding:8px 18px;}
 h5{ font-size:14px; margin:0px;}
 p{ font-size:14px;}
 
 ul{ margin:0 auto; padding:0 5%; width:90%;}

label{font-size:16px; color:#444444; font-weight:600; float:left; padding:5px 0px;} 
.left_col label{ padding:15.6px 0;}

b{ font-weight:600 !important;}

hr{ margin:20px 0; width:85%; margin:20px auto; padding:2px 0; border:0px; border-bottom: 1px dashed #999;}

a{ text-decoration:none; color:#fff;}
img{ max-width:100%;}

.wrapper {min-width:320px; max-width:640px; margin:0 auto;
  }
.container {  margin:0 auto; text-align:center; widows:640px;
  }
.header { text-align:center; background:url(../images/texture.png) repeat #1c4351; padding:16px 32px; border-bottom:1px solid #66bedd; position:fixed; z-index:9999; top:0px;
  }  
.logo_con {padding:0 0px; float:left;
  } 
.logo_right { padding:0 0px 0 20px; float:right; margin-top:15px; width:342px;
  } 
.question_area { padding:5px; float:left; background:#84a50c; border-radius:15px; margin:0px;  box-shadow:0px 1px 0px #090f11;
  }  
.question_area span{ font-size:15px; color:#fff; float:right; margin:0 5px; line-height:24px;
} 
.dropdown_area{ position:relative; float:right; width:43px;
} 
.ecommerce_banner{ margin:0 auto; background:url(../images/mainscreen.jpg) no-repeat; height:384px; background-size:100%; padding:6% 0 0px; margin-top:100px; 
}  
.banner_module_con{ margin:20px 0 10px 0; height:200px;  font-size:19px; color:#fff; font-weight:600; 
} 
.banner_module_con tr{ margin:0 auto; text-align:center;}
.banner_module_con td {width:315px; vertical-align:top; float:left; margin:5px 0;}
.td_last{}  
.module_con{ width:100%; margin:0 auto;}
.module_area{ width:320px; text-align:center; border-bottom:1px solid #e5e5e5; padding:10px 0; 
} 
.module_con div {color:#000;width:49.9%; text-align:center; border-bottom:1px solid #e5e5e5; float:left;background-repeat:no-repeat; background-position:50% 30%;  padding: 80px 0 10px;}
.module_con div a {  font-size:100%; color:inherit; text-decoration:none; text-transform:uppercase;}
.module_con div.portfolio_area {background-image:url(../images/portfolio_icon.png);}
.module_con div.portfolio_area:hover { color:#fff; background-image:url(../images/portfolio_icon_hover.png); background-color:#00adef; }

.module_con div.video_area{background-image:url(../images/play_icon.png);border-left: 1px solid #E5E5E5;}
.module_con div.video_area:hover { color:#fff; background-image:url(../images/play_icon_hover.png); background-color:#00adef; }
.module_con div.testimonials_area{background-image:url(../images/testimonial_icon.png);}
.module_con div.testimonials_area:hover { color:#fff; background-image:url(../images/testimonial_icon_hover.png); background-color:#00adef; }
.module_con div.request_area{background-image:url(../images/request_call.png);border-left: 1px solid #E5E5E5;}
.module_con div.request_area:hover { color:#fff; background-image:url(../images/request_call_hover.png); background-color:#00adef; }
.module_con div.find_area{background-image:url(../images/find_icon.png);}
.module_con div.find_area:hover { color:#fff; background-image:url(../images/find_icon_hover.png); background-color:#00adef; }
.module_con div.about_area{background-image:url(../images/about_icon.png); border-left: 1px solid #E5E5E5;}
.module_con div.about_area:hover { color:#fff; background-image:url(../images/about_icon_hover.png); background-color:#00adef; }
.content_area{ background:#eaeaea; padding:25px 29px;}
.footer_wrap { padding:20px 52px; background:url(../images/texture.png) repeat #1c4351; height:32px;
}
.footer_left { float:left; margin:5px 0 0 0; 
}
.footer_right {  padding:0 5px 0 0; float:right;
}
.online_btn{ background:#f26422; border-radius:5px; box-shadow:0px 2px 0px #000; font-size:19px; font-weight:bold; width:60%; padding:15px 10px;}
.online_btn:hover{ background:#84A50C; width:60%;}
.btn_con{ margin:10%; 0;}
.video_con{ width:100%; margin:25px auto;}



/*------------POrtfolio--------------------- */
.portfolio_container{ position:relative;}
.ecommerce_portfolio_banner{ margin:0 auto; background:url(../images/portfolio_banner.jpg) no-repeat; padding: 8% 5% 7%; margin-top:100px; background-size:100%;
} 
.ecommerce_portfolio_banner h4{ color:#fff; margin:5% 0; font-size:115%; font-weight:600; padding:0px;
}
.portfolio_container img{ vertical-align:text-baseline; margin-right:15px;}
.anchor_tag{ background:url(../images/arrow.jpg) no-repeat; width:54px; height:50px; float:right; position:relative; top:61px;}
.anchor_tag_con{ float:left; width:100%;}


/*------------About Page--------------------- */
.about_container{ width:100%;} 
.about_container span{ color:#ac6a58; font-weight:bold; font-family:120px; text-transform:uppercase;}
.about_container li{ list-style:disc; font-size:18px; font-weight:600; margin:15px 0;}
.about_container h5{ border:1px solid #fe8828; font-size:18px; font-weight:bold; padding:7px 0; width:95%; margin:15px auto;}
.ecommerce_about_banner{ margin:0 auto; background:url(../images/about_banner.jpg) no-repeat; height:260px; margin-top:100px; width:100%; padding-bottom:10px; 
}


/*------------Testimonials Page--------------------- */
.ecommerce_testimonials_banner{ background:url(../images/testionials_banner.jpg) no-repeat; padding: 8% 5% 7%; margin-top:100px;}
.ecommerce_testimonials_banner h4{ color:#fff; margin:10px 0; font-size:18px; font-weight:600; padding:0px 25px;}

/*------------Find Us Page--------------------- */
.ecommerce_contact_con{ width:100%; margin:100px auto 0; float:left;}
.ecommerce_contact_con h2{ color:#ff4761; font-size:3em; margin-bottom:0px; line-height:110%;}
.ecommerce_contact_con h3{ color:#343434; font-size:2em; margin:0px; padding:0px;}
.ecommerce_contact_con h4{ font-size:20px; color:#444444; margin:30px 0 0 0; font-weight:bold; padding:0 45px;}
.ecommerce_contact_form{ margin:0 auto; padding:0 5%;}

.name-field{ width:97%; padding:10px; border:1px solid #ccc; border-right:0px; border-bottom:0px; background:#f2f2f2;}
.ecommerce_contact_form tr{  margin:5px 0 0 0;}
.ecommerce_contact_form td{ text-align:left;  width:100%; margin:10px 0;}
.textarea-field{ width:100%; border:1px solid #ccc; border-right:0px; border-bottom:0px; background:#f2f2f2; padding:10px;}
.submit_btn{ background:#ff4761; padding:10px; font-size:20px; margin:20px 0; font-weight:bolder; cursor:pointer; color:#fff; font-family: "Open Sans"; border:0px;}
.contact_container{ margin:0 auto; width:91%;}
.left_col{ width:235px; float:left; border:1px dotted #999; padding:15px;}
.left_col h3{ color:#000; font-size:20px; margin:5px 0 0 0}
.left_col h5{ font-size:16px; color:#444444; font-weight:600; margin:8px 0;}
.name-field-sm{ width:205px; padding:10px; border:1px solid #ccc; border-right:0px; border-bottom:0px; background:#f2f2f2; margin:4px 0;}
.transport_con{ width:100%; margin:0 auto; padding-top:30px; }
.transport_con h4{ border:1px solid #f93d57; font-size:20px; font-weight:normal; padding:10px 0; width:95%; margin:10px auto;}
.transport_con b { font-weight:bold !important;}


/*------------Online Quate--------------------- */

.industry_select{ width:100%; padding:8px 0; border:1px solid #ccc; border-right:0px; border-bottom:0px; background:#f2f2f2; font-size:14px; color:#444444;}
#get-a-quote td{ width:auto;}

.mejs-container, .mejs-overlay-play { width:100% !important;}







@media (min-width: 320px) and (max-width: 640px) {
	
.rmm.graphite .rmm-button span{ background-size:90% !important; }	
.rmm.graphite .rmm-button{ right:6px !important;}
.rmm.graphite .rmm-toggled-title{ font-size:85% !important; top:36px !important; right:20px !important; width:36px;}
.banner_module_con td{}
.question_area span{ font-size:85%; margin:0px;}	
.header { width:100%; padding:2% !important;}
.logo_con img{ max-width:;}	
.logo_con{ text-align:center; float:none; margin:0 auto;}
.logo_right {float: none; margin: 10px auto; width: 100%; padding:0px;}
.module_con div a{ font-size:88%;}

.rmm ul{ right:855% !important; width:50%}
.rmm.graphite .rmm-toggled ul li a{ font-size:1em !important; padding:2.2% 0 !important;}
.rmm.graphite .rmm-toggled{ float:right; width:11%;}

.question_area{ margin:10px 0;}
.dropdown_area{ float:none !important; width:auto !important;}

.ecommerce_banner{ margin-top:130px; padding:10% 15px 1%;height:auto;}
.td_last{ }
.online_btn{ font-size:80%; font-weight:700;}
.btn_con{ margin:9% auto;}
.module_con div {color:#000;width:49%;}
.footer_wrap{ padding:15px 9%; margin:0 auto; height:80px;}
.footer_left{ float:none; text-align:center; margin:10 auto;}
.footer_right{ margin-top:8px;}
.banner_module_con{ height:85px;}

/*------------Portfolio--------------------- */
h1{ font-size:1.2em; letter-spacing:0px;}
h2{ font-size:145%;}

.ecommerce_portfolio_banner, .ecommerce_testimonials_banner, .ecommerce_contact_con{ margin-top:145px; padding-bottom:4%;}
.ecommerce_portfolio_banner h4, .ecommerce_testimonials_banner h4{ font-size:90%;}
.ecommerce_contact_con h3{ font-size:100%;}

/*------------Find Us--------------------- */
.name-field, .textarea-field, .name-field-sm{ width:90%;}
.submit_btn{ width:97%;}
.ecommerce_contact_form td { text-align:center;}
.left_col{ float:none; width:auto;}
.left_col label{ padding: 15.6px 0 0 3px;}
.ecommerce_contact_con h2{ font-size:2em; }

/*------------About Us--------------------- */
.ecommerce_about_banner{  background-size:100%; margin-top:145px; height:120px;}

/*------------online-quote--------------------- */
#online-quote label{ padding-left:5px !important;}

}

@media (min-width: 360px) and (max-width: 640px) {
	
.ecommerce_banner{ margin-top:130px; padding:13% 15px 2%;height:auto;}
.rmm.graphite .rmm-toggled-title{ right:15px !important;}

	}


@media (min-width: 480px) and (max-width: 640px) {

.btn_con{ margin:22% 0;}
.footer_right{ width:80%;}
.rmm.graphite .rmm-toggled-title{ right:2px !important;}

}
	


/*------------Responsive Mobile Menu--------------------- */

.rmm {
	display:block;
	position:relative;
	width:100%;
	padding:0px;
	margin:0 auto !important;
	text-align: center;
	line-height:19px !important;
}
.rmm * {
	-webkit-tap-highlight-color:transparent !important;
	font-family:Arial;
}
.rmm a {
	color:#ebebeb;
	text-decoration:none;
}
.rmm .rmm-main-list, .rmm .rmm-main-list li {
	margin:0px;
	padding:0px;
}
.rmm ul {
	display:block;
	width:640px !important;
	margin:0 auto !important;
	overflow:hidden;
	list-style:none;
	position:relative;
	right:565px;
	top:21px;
}


/* sublevel menu - in construction */
.rmm ul li ul, .rmm ul li ul li, .rmm ul li ul li a {
	display:none !important;
	height:0px !important;
	width:0px !important;
}
/* */


.rmm .rmm-main-list li {
	display:inline;
	padding:padding:0px;
	margin:0px !important;
}
.rmm-toggled {
	display:none;
	width:100%;
	position:relative;
	margin:0 auto !important;
}
.rmm-button:hover {
	cursor:pointer;
}
.rmm .rmm-toggled ul {
	display:none;
	margin:0px !important;
	padding:0px !important;
}
.rmm .rmm-toggled ul li {
	display:block;
	margin:0 auto !important;
}




/* GRAPHITE STYLE */

.rmm.graphite .rmm-main-list li a {
	display:inline-block;
	padding:8px 30px 8px 30px;
	margin:0px -3px 0px -3px;
	font-size:15px;
	text-shadow:1px 1px 1px #333333;
	background-color:#444444;
	border-left:1px solid #555555;
	background-image:url('../rmm-img/graphite-menu-bg.png');
	background-repeat:repeat-x;
}
.rmm.graphite .rmm-main-list li a:hover {
	background-image:url('../rmm-img/graphite-menu-bg-hover.png');
}
.rmm.graphite .rmm-main-list li:first-child a {
-webkit-border-top-left-radius: 6px;
-webkit-border-bottom-left-radius: 6px;
-moz-border-radius-topleft: 6px;
-moz-border-radius-bottomleft: 6px;
border-top-left-radius: 6px;
border-bottom-left-radius: 6px;
}
.rmm.graphite .rmm-main-list li:last-child a {
	-webkit-border-top-right-radius: 6px;
-webkit-border-bottom-right-radius: 6px;
-moz-border-radius-topright: 6px;
-moz-border-radius-bottomright: 6px;
border-top-right-radius: 6px;
border-bottom-right-radius: 6px;
}
.rmm.graphite .rmm-toggled {
	min-height:50px;
	border-radius:6px;
}
.rmm.graphite .rmm-toggled-controls {
	display:block;
	height:50px;
	color:white;
	text-align:right;
	position:relative;
	background-image:url('../rmm-img/graphite-menu-bg.png');
	background-repeat:repeat-x;
	border-radius:6px;
}
.rmm.graphite .rmm-toggled-title {
	position:relative;
	top:40px;
	font-size:16px;
	color:white;
	text-shadow:1px 1px 1px black;
	font-family: "Open Sans"; 
	right:5px;
	text-transform:uppercase;
	font-weight:600;
}
.rmm.graphite .rmm-button {
	display:block;
	position:absolute;
	top:0px;
	right:0px;
}

.rmm.graphite .rmm-button span {
	display:block;
	height:38px;
	background:url(../images/menu.png) no-repeat;
	width:48px;

}
.rmm.graphite .rmm-toggled ul li a {
	display:block;
	width:100%;
	background-color:#00668d;
	text-align:left;
	padding:25px 0px 25px 0px;
	border-bottom:1px solid #005271;
	font-family: "Open Sans"; font-size:22px;
	font-weight:600px;
}
.rmm.graphite .rmm-toggled ul li a:hover {background-color:#00ADEF;}

.rmm.graphite .rmm-toggled ul li a:active {
	background-color:#444444;
	border-bottom:1px solid #444444;
	border-top:1px solid #444444;
}



/* SAPPHIRE STYLE */

.rmm.sapphire .rmm-main-list li a {
	display:inline-block;
	padding:8px 30px 8px 30px;
	margin:0px -3px 0px -3px;
	font-size:18px;
	text-shadow:1px 1px 1px #3e587b;
	background-color:#537b9f;
	border-left:1px solid #3e587b;
	background-image:url('../rmm-img/sapphire-menu-bg.png');
	background-repeat:repeat-x;
}
.rmm.sapphire .rmm-main-list li a:hover {
	background:#3e597b;
}
.rmm.sapphire .rmm-main-list li:first-child a {
-webkit-border-top-left-radius: 5px;
-webkit-border-bottom-left-radius: 5px;
-moz-border-radius-topleft: 5px;
-moz-border-radius-bottomleft: 5px;
border-top-left-radius: 5px;
border-bottom-left-radius: 5px;
}
.rmm.sapphire .rmm-main-list li:last-child a {
	-webkit-border-top-right-radius: 5px;
-webkit-border-bottom-right-radius: 5px;
-moz-border-radius-topright: 5px;
-moz-border-radius-bottomright: 5px;
border-top-right-radius: 5px;
border-bottom-right-radius: 5px;
}
.rmm.sapphire .rmm-toggled {
	width:95%;
	background-color:#537b9f;
	min-height:36px;
	border-radius:6px;
}
.rmm.sapphire .rmm-toggled-controls {
	display:block;
	height:36px;
	color:white;
	text-align:left;
	position:relative;
	background-image:url('../rmm-img/sapphire-menu-bg.png');
	background-repeat:repeat-x;
	border-radius:5px;
}
.rmm.sapphire .rmm-toggled-title {
	position:relative;
	top:9px;
	left:15px;
	font-size:16px;
	color:white;
	text-shadow:1px 1px 1px #3e587b;
}
.rmm.sapphire .rmm-button {
	display:block;
	position:absolute;
	right:9px;
	top:7px;
	width:20px;
	padding:0px 7px 0px 7px;
	border:1px solid #3e587b;
	border-radius:3px;
	background-image:url('../rmm-img/sapphire-menu-bg.png');
	background-position:top;
}

.rmm.sapphire .rmm-button span {
	display:block;
	margin:4px 0px 4px 0px;
	height:2px;
	background:white;
	width:20px;
}
.rmm.sapphire .rmm-toggled ul li a {
	display:block;
	width:100%;
	background-color:#537698;
	text-align:center;
	padding:10px 0px 10px 0px;
	border-bottom:1px solid #3c5779;
	border-top:1px solid #6883a6;
	text-shadow:1px 1px 1px #333333;
}
.rmm.sapphire .rmm-toggled ul li a:active {
	background-color:#3c5779;
	border-bottom:1px solid #3c5779;
	border-top:1px solid #3c5779;
}
.rmm.sapphire .rmm-toggled ul li:first-child a { 
	border-top:1px solid #3c5779 !important;
}


/* MINIMAL STYLE */

.rmm.minimal a {
	color:#333333;
}
.rmm.minimal a:hover {
	opacity:0.7;
}
.rmm.minimal .rmm-main-list li a {
	display:inline-block;
	padding:8px 30px 8px 30px;
	margin:0px -3px 0px -3px;
	font-size:15px;
}
.rmm.minimal .rmm-toggled {
	width:95%;
	min-height:36px;
}
.rmm.minimal .rmm-toggled-controls {
	display:block;
	height:36px;
	color:#333333;
	text-align:left;
	position:relative;
}
.rmm.minimal .rmm-toggled-title {
	position:relative;
	top:9px;
	left:9px;
	font-size:16px;
	color:#33333;
}
.rmm.minimal .rmm-button {
	display:block;
	position:absolute;
	right:9px;
	top:7px;
}

.rmm.minimal .rmm-button span {
	display:block;
	margin:4px 0px 4px 0px;
	height:2px;
	background:#333333;
	width:25px;
}
.rmm.minimal .rmm-toggled ul li a {
	display:block;
	width:100%;
	text-align:center;
	padding:10px 0px 10px 0px;
	border-bottom:1px solid #dedede;
	color:#333333;
}
.rmm.minimal .rmm-toggled ul li:first-child a {
	border-top:1px solid #dedede;
}
.rmm .rmm-toggled ul li img{ margin:0 20px; vertical-align:middle; width:22px;}

.scrollup {
    background:url(../images/arrow.jpg) no-repeat;
    bottom: 74px;
    display: none;
    height: 50px;
    opacity: 0.6;
    position: fixed;
    right: 354px;
    text-indent: -9999px;
    width: 51px;}
  
   span.error
  {
	  color:red;
	 
	  margin-left:5px;
	  display:none;
	  float:right;
  }
  span.error_call
  {
	   color:red;
	 
	  margin-left:5px;
	  display:none;
	  clear:both;
	  float:left;
  }