@charset "utf-8";
@import url(https://fonts.googleapis.com/css?family=Open+Sans:300,400,600,700,800);
* { margin: 0; padding: 0; border: 0; }
body { font-size: 16px; font-weight: 400; font-family: 'Open Sans', sans-serif; overflow-x:hidden;}
a { outline: none !important; color: #000; }
a:hover { color: #EE1C25; text-decoration: none; }
p { margin: 0 0 15px; }
.clear { clear: both; }
.nopad { padding: 0; }
.nopad-lr { padding-left: 0; padding-right: 0; }
.nopad-tb { padding-top: 0; padding-bottom: 0; }
h1,
h2,
h3,
h4,
h5,
h6 { margin: 0 0 20px; font-weight: 400; }
h1 span,
h2 span { color: #ee1c25; }


/*⌂ ⌂ ⌂ ⌂ ⌂ ⌂ ⌂ ⌂ ⌂ ⌂ ⌂ ⌂ ⌂ ⌂ ⌂ ⌂ ⌂ ⌂ ⌂ ⌂ ⌂ ⌂ ⌂ ⌂ ⌂ ⌂ ⌂ ⌂ ⌂ ⌂ ⌂ ⌂ ⌂ ⌂ ⌂ ⌂ ⌂ ⌂ ⌂ ⌂ ⌂ ⌂*/
#header { }
#header .container { padding:15px 0;}
#header .navbar-nav { float: left; margin: 30px 0; }
#header .navbar-default { margin: 0 0 5px; background: #2e3b6b; border-radius: 0; border: 0; color: #fff; }
#header .navbar-default .navbar-nav > .active > a,
#header .navbar-default .navbar-nav > .active > a:focus,
#header .navbar-default .navbar-nav > .active > a:hover { background: none; color: #fff; }
#header .navbar-nav > li > a { font-size: 18px; font-weight: 400; text-transform: uppercase; padding:0 10px;}
#header .navbar-default .navbar-nav > li > a { color: #fff; }
#header .navbar-default .navbar-nav > li > a:hover { color: #EE1C25; }
#header .navbar-default .navbar-nav > .active > a,
#header .navbar-default .navbar-nav > .active > a:focus,
#header .navbar-default .navbar-nav > .active > a:hover { color: #EE1C25; background: none; }
#header .logo img { max-width: 240px;}
#header .call { position: relative; float: right; color:#fff;}
#header .call a{color:#fff;}
#header .call a:hover{text-decoration: underline;}
#header .call span { display: inline-block; height: 100%; position:relative;}
#header .call span:last-child { border-left: 1px solid #fff; margin-left: 10px; padding-left: 10px; }
#header .call span p { display: block; font-size: 13px; letter-spacing: 1px; margin: 0; text-align: left; }
#header .call span i { font-size: 40px; /*position:absolute; top:50%; left:-50px;*/ transform: translateY(-50%); -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); }
.navbar-collapse{float: left;}

/*⌂ ⌂ ⌂ ⌂ ⌂ ⌂ ⌂ ⌂ ⌂ ⌂ ⌂ ⌂ ⌂ ⌂ ⌂ ⌂ ⌂ ⌂ ⌂ ⌂ ⌂ ⌂ ⌂ ⌂ ⌂ ⌂ ⌂ ⌂ ⌂ ⌂ ⌂ ⌂ ⌂ ⌂ ⌂ ⌂ ⌂ ⌂ ⌂ ⌂ ⌂ ⌂*/
#banner { background: #dadada; }
#banner #slider .item{ position:relative;}
#banner #slider .item img { margin: 0 auto; display: block; }
#banner #slider .item h2 { font-size: 70px; font-weight: 400; line-height: 1; white-space: nowrap; background: #fff; box-shadow: 5px 5px 5px rgba(0,0,0,0.6); padding: 10px; color: #EE1C25; margin: 0; position: absolute; left: 45%; top: 50%; transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); }
#banner #slider .item h2 span { background: #fff none repeat scroll 0 0; bottom: -50px; box-shadow: 5px 5px 5px rgba(0, 0, 0, 0.6); color: #000; font-size: 40px; padding: 10px; position: absolute; right: -50px; }
.banner-img img { display: block; margin: 0 auto; }

#scroller li{ margin:0 5px !important;}
/*⌂ ⌂ ⌂ ⌂ ⌂ ⌂ ⌂ ⌂ ⌂ ⌂ ⌂ ⌂ ⌂ ⌂ ⌂ ⌂ ⌂ ⌂ ⌂ ⌂ ⌂ ⌂ ⌂ ⌂ ⌂ ⌂ ⌂ ⌂ ⌂ ⌂ ⌂ ⌂ ⌂ ⌂ ⌂ ⌂ ⌂ ⌂ ⌂ ⌂ ⌂ ⌂*/
#wrapper .container { padding: 40px 15px;}


/*⌂ ⌂ ⌂ ⌂ ⌂ ⌂ ⌂ ⌂ ⌂ ⌂ ⌂ ⌂ ⌂ ⌂ ⌂ ⌂ ⌂ ⌂ ⌂ ⌂ ⌂ ⌂ ⌂ ⌂ ⌂ ⌂ ⌂ ⌂ ⌂ ⌂ ⌂ ⌂ ⌂ ⌂ ⌂ ⌂ ⌂ ⌂ ⌂ ⌂ ⌂ ⌂*/
#wrapper .l-col { }


/*⌂ ⌂ ⌂ ⌂ ⌂ ⌂ ⌂ ⌂ ⌂ ⌂ ⌂ ⌂ ⌂ ⌂ ⌂ ⌂ ⌂ ⌂ ⌂ ⌂ ⌂ ⌂ ⌂ ⌂ ⌂ ⌂ ⌂ ⌂ ⌂ ⌂ ⌂ ⌂ ⌂ ⌂ ⌂ ⌂ ⌂ ⌂ ⌂ ⌂ ⌂ ⌂*/
#wrapper .r-col { }


/*⌂ ⌂ ⌂ ⌂ ⌂ ⌂ ⌂ ⌂ ⌂ ⌂ ⌂ ⌂ ⌂ ⌂ ⌂ ⌂ ⌂ ⌂ ⌂ ⌂ ⌂ ⌂ ⌂ ⌂ ⌂ ⌂ ⌂ ⌂ ⌂ ⌂ ⌂ ⌂ ⌂ ⌂ ⌂ ⌂ ⌂ ⌂ ⌂ ⌂ ⌂ ⌂*/
#wrapper .welcome { }
#wrapper .welcome h1 { margin-bottom: 20px; }
#wrapper .welcome img { border: 2px solid #000; float: left; margin: 0 30px 20px 0; }
#wrapper .welcome p { }
#wrapper .welcome a { text-decoration: underline; }


/*⌂ ⌂ ⌂ ⌂ ⌂ ⌂ ⌂ ⌂ ⌂ ⌂ ⌂ ⌂ ⌂ ⌂ ⌂ ⌂ ⌂ ⌂ ⌂ ⌂ ⌂ ⌂ ⌂ ⌂ ⌂ ⌂ ⌂ ⌂ ⌂ ⌂ ⌂ ⌂ ⌂ ⌂ ⌂ ⌂ ⌂ ⌂ ⌂ ⌂ ⌂ ⌂*/
#wrapper .l-col .menu { box-shadow: 0 0 3px #ccc; padding: 15px 20px; margin-bottom:25px;}
#wrapper .l-col .menu ul{ padding-left:20px;}
#wrapper .l-col .menu li { list-style:circle; }
#wrapper .l-col .menu li a { font-size: 15px; font-weight: 400; padding: 5px 0; display: block; }
/*#wrapper .l-col .menu li a:before { content: '○'; font-size: 20px; padding-right: 10px; }*/


/*⌂ ⌂ ⌂ ⌂ ⌂ ⌂ ⌂ ⌂ ⌂ ⌂ ⌂ ⌂ ⌂ ⌂ ⌂ ⌂ ⌂ ⌂ ⌂ ⌂ ⌂ ⌂ ⌂ ⌂ ⌂ ⌂ ⌂ ⌂ ⌂ ⌂ ⌂ ⌂ ⌂ ⌂ ⌂ ⌂ ⌂ ⌂ ⌂ ⌂ ⌂ ⌂*/
#wrapper .brands { padding: 0; margin: 20px 0; float: left; clear: both; width: 100%; }
#wrapper .brands ul { border-top: 1px solid #ccc; border-bottom: 1px solid #ccc; padding: 15px 0; }


/*⌂ ⌂ ⌂ ⌂ ⌂ ⌂ ⌂ ⌂ ⌂ ⌂ ⌂ ⌂ ⌂ ⌂ ⌂ ⌂ ⌂ ⌂ ⌂ ⌂ ⌂ ⌂ ⌂ ⌂ ⌂ ⌂ ⌂ ⌂ ⌂ ⌂ ⌂ ⌂ ⌂ ⌂ ⌂ ⌂ ⌂ ⌂ ⌂ ⌂ ⌂ ⌂*/
#footer { background: #2e3b6b; color: #fff; padding: 20px 0; }
#footer .ftr-menu li { display: inline-block; list-style: none; padding-right: 20px; }
#footer .ftr-menu li,
#footer .ftr-menu li a { color: #fff; font-size: 16px; font-weight: 400; }
#footer .ftr-menu li a:hover { color: #EE1C25; }
#footer .ftr-cr { font-size: 14px; }
#footer .ftr-cr span { float: right; }


/*⌂ ⌂ ⌂ ⌂ ⌂ ⌂ ⌂ ⌂ ⌂ ⌂ ⌂ ⌂ ⌂ ⌂ ⌂ ⌂ ⌂ ⌂ ⌂ ⌂ ⌂ ⌂ ⌂ ⌂ ⌂ ⌂ ⌂ ⌂ ⌂ ⌂ ⌂ ⌂ ⌂ ⌂ ⌂ ⌂ ⌂ ⌂ ⌂ ⌂ ⌂ ⌂*/
#about { }
#about h1 { margin-bottom: 30px; }
#about .img { margin-bottom: 30px; }
#about .img img { width: 100%; border: 2px solid #000; }
#about .txt { }


/*⌂ ⌂ ⌂ ⌂ ⌂ ⌂ ⌂ ⌂ ⌂ ⌂ ⌂ ⌂ ⌂ ⌂ ⌂ ⌂ ⌂ ⌂ ⌂ ⌂ ⌂ ⌂ ⌂ ⌂ ⌂ ⌂ ⌂ ⌂ ⌂ ⌂ ⌂ ⌂ ⌂ ⌂ ⌂ ⌂ ⌂ ⌂ ⌂ ⌂ ⌂ ⌂*/
#get-quote { min-height:500px;}
#get-quote h1 { margin-bottom: 30px; }
#get-quote form { margin: 0 -15px; }
#get-quote form input[type="text"],
#get-quote form input[type="email"] { border-radius: 0; background: #f8f8f8; border: 1px solid #e5e5e5; height: 44px; }
#get-quote form textarea { border-radius: 0; background: #f8f8f8; border: 1px solid #e5e5e5; height: 221px; }
#get-quote form button { border-radius: 0; background: #ee1c25; float: right; padding: 10px 30px; }
#get-quote form button:hover { background: #2E3B6B; }


/*⌂ ⌂ ⌂ ⌂ ⌂ ⌂ ⌂ ⌂ ⌂ ⌂ ⌂ ⌂ ⌂ ⌂ ⌂ ⌂ ⌂ ⌂ ⌂ ⌂ ⌂ ⌂ ⌂ ⌂ ⌂ ⌂ ⌂ ⌂ ⌂ ⌂ ⌂ ⌂ ⌂ ⌂ ⌂ ⌂ ⌂ ⌂ ⌂ ⌂ ⌂ ⌂*/
#product { }
#product h1 { margin-bottom: 30px; }
#product .product-wrap{ margin-top:20px;}
#product .product-wrap > div div { margin-bottom: 30px; }
#product .product-wrap .pdt { border: 1px solid #2e3b6b; color: #2e3b6b; }
#product .product-wrap .pdt img { width: 100%; }
#product .product-wrap .pdt div { padding: 30px; }
#product .product-wrap .pdt div h3 { font-size: 18px; font-weight: 600; }
#product .product-wrap .pdt div ul { list-style: circle; list-style-position: inside; font-size: 14px; padding: 0; margin: 0; min-height: 140px; }
#product .product-wrap .pdt div ul li { padding: 3px 0; }
#product .product-wrap .pdt span { display: block; border-top: 1px solid #2e3b6b; padding: 10px; }
#product .product-wrap .pdt span img { margin: 0 auto; width: auto; }
#product .product-wrap .pdt span:last-child { background: #2e3b6b; color: #fff; padding: 5px; }
#product .product-wrap .pdt a { color: #fff; font-size: 14px; }
#product .product-wrap .pdt a:hover { color: #ee1c25; }
#product .btn-quote { text-align: center; display: table; margin: 0 auto; background: #EE1C25; color:#fff; padding: 20px; }
#product .btn-quote:hover { background: #2E3B6B;}


/*⌂ ⌂ ⌂ ⌂ ⌂ ⌂ ⌂ ⌂ ⌂ ⌂ ⌂ ⌂ ⌂ ⌂ ⌂ ⌂ ⌂ ⌂ ⌂ ⌂ ⌂ ⌂ ⌂ ⌂ ⌂ ⌂ ⌂ ⌂ ⌂ ⌂ ⌂ ⌂ ⌂ ⌂ ⌂ ⌂ ⌂ ⌂ ⌂ ⌂ ⌂ ⌂*/
#detail { }
#detail h1 { margin-bottom: 30px; }


/*⌂ ⌂ ⌂ ⌂ ⌂ ⌂ ⌂ ⌂ ⌂ ⌂ ⌂ ⌂ ⌂ ⌂ ⌂ ⌂ ⌂ ⌂ ⌂ ⌂ ⌂ ⌂ ⌂ ⌂ ⌂ ⌂ ⌂ ⌂ ⌂ ⌂ ⌂ ⌂ ⌂ ⌂ ⌂ ⌂ ⌂ ⌂ ⌂ ⌂ ⌂ ⌂*/
#contact { }
#contact h1 { margin-bottom: 30px; }
#contact h4 { font-weight: 700; }
#contact iframe { border: 2px solid #000; }


/*⌂ ⌂ ⌂ ⌂ ⌂ ⌂ ⌂ ⌂ ⌂ ⌂ ⌂ ⌂ ⌂ ⌂ ⌂ ⌂ ⌂ ⌂ ⌂ ⌂ ⌂ ⌂ ⌂ ⌂ ⌂ ⌂ ⌂ ⌂ ⌂ ⌂ ⌂ ⌂ ⌂ ⌂ ⌂ ⌂ ⌂ ⌂ ⌂ ⌂ ⌂ ⌂*/
@media screen and (min-width:992px) and (max-width:1200px) {
#product .product-wrap .pdt div h3 { font-size: 16px; font-weight: 600; }
}
@media screen and (min-width:1200px) {
#header .navbar-nav > li > a{ padding:0 30px;}
}
@media screen and (max-width:1199px) {
#header .navbar-nav > li > a{font-size: 17px;}
}
@media screen and (min-width:768px) {
#header .navbar-nav{ margin-left:20px;}
}
@media screen and (max-width:991px) {
#product { margin: 0 0; }
#get-quote .form-horizontal .form-group { margin: 0 0; }
#header .call { width: 100%; float: left; clear: both; margin: 0; }
#header .call span i { -webkit-transform: translateY(50%); -moz-transform: translateY(50%); -ms-transform: translateY(50%); -o-transform: translateY(50%); transform: translateY(50%);}
#header .call span p { float: left; margin-right: 30px; }
#header .call span p:nth-of-type(2) { float: none; }
#banner #slider .item h2 { font-size: 50px; }
#banner #slider .item h2 span { font-size: 30px; }
}
 @media screen and (max-width:767px) {
#header .container{ padding:15px 15px;}	
#header .navbar-header{ padding:0 15px;}
#header .call span i { transform: translateY(50%); -webkit-transform: translateY(50%); -moz-transform: translateY(50%); -ms-transform: translateY(50%); -o-transform: translateY(50%); }
#header .call { border-top: 1px solid rgba(255,255,255,0.2); clear: both; float: none; margin: 15px 0 0; padding-top: 15px; width: 100%; }
#header .call span p { float: none; margin: 0; }
#header .navbar-nav{ margin:15px 0;}
#header .navbar-toggle { width:100%; float: none; border-radius: 10px; margin:0; padding: 15px !important; border: none; background: #293561 !important; }
#header .navbar-toggle:hover { background: #EE1C25 !important; }
#header .navbar-toggle .icon-bar { border-radius: 0; display: block; height: 2px; width: 30px; transition: all 0.2s; }
#header .navbar-default .navbar-toggle .icon-bar { background-color: #fff; }
#header .navbar-default .navbar-toggle:hover .icon-bar { background-color: #fff; }
#header .navbar-toggle .icon-bar + .icon-bar { margin-top: 6px; }
#header .navbar-toggle span.icon-bar:nth-of-type(3) { opacity: 0; }
#header .navbar-toggle.collapsed .icon-bar:nth-of-type(2) { transform: rotate(0); -webkit-transform: rotate(0); -moz-transform: rotate(0); -ms-transform: rotate(0); -o-transform: rotate(0); }
#header .navbar-toggle.collapsed .icon-bar:nth-of-type(3) { opacity: 1; }
#header .navbar-toggle.collapsed .icon-bar:nth-of-type(4) { transform: rotate(0); -webkit-transform: rotate(0); -moz-transform: rotate(0); -ms-transform: rotate(0); -o-transform: rotate(0); }
#header .navbar-toggle span.icon-bar:nth-child(2) { transform: translateX(3px) rotate(45deg); transform-origin: 10% 10%; -webkit-transform: translateX(3px) rotate(45deg); -webkit-transform-origin: 10% 10%; -moz-transform: translateX(3px) rotate(45deg); -moz-transform-origin: 10% 10%; -ms-transform: translateX(3px) rotate(45deg); -ms-transform-origin: 10% 10%; -o-transform: translateX(3px) rotate(45deg); -o-transform-origin: 10% 10%; }
#header .navbar-toggle span.icon-bar:nth-child(4) { transform: translateX(3px) rotate(-45deg); transform-origin: 10% 90%; -webkit-transform: translateX(3px) rotate(-45deg); -webkit-transform-origin: 10% 90%; -moz-transform: translateX(3px) rotate(-45deg); -moz-transform-origin: 10% 90%; -ms-transform: translateX(3px) rotate(-45deg); -ms-transform-origin: 10% 90%; -o-transform: translateX(3px) rotate(-45deg); -o-transform-origin: 10% 90%; }
#header .navbar-nav > li > a { line-height: normal !important; padding:5px 0;}
#header .navbar-collapse { position: relative; z-index: 999; background: #2E3B6B; }

#header .navbar-collapse { border: 0; float: left; clear: both; width: 100%; margin: 0 !important; padding: 0; }
#header .sr-only { border: 0 none; clip: rect(auto, auto, auto, auto); font-size: 15px; font-weight: 300; height: auto; letter-spacing: 1px; line-height: 1; margin: 0; overflow: hidden; padding: 0; position: absolute; right: 10px; width: auto; }
#header .call span i { transform: translateY(-50%); -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); }
}
 @media screen and (max-width:660px) {
/*#banner .banner-img { margin: 0 -100px; }*/
#header .logo img{ margin:0 auto 15px;}	 
#wrapper .welcome img { margin: 0 0 20px; width: 100%; }
#banner #slider .item h2,
#banner #slider .item h2 span { display: none; }
#footer .ftr-menu li { display: block; text-align: center; padding: 10px 0; border-bottom: 1px solid #334278; }
#footer .ftr-cr { text-align: center; }
#footer .ftr-cr span { float: none; display: block; padding: 5px 0 0; }
#get-quote form { margin: 0 -30px; }
#header .call{ padding-left:15px; padding-right:15px;}
#header .call span i{font-size: 20px;}
}
 @media screen and (max-width:479px) {
}