@charset "utf-8";

/* CSS RESET * -------------------------- */
* {margin: 0px; padding: 0px;}

body {font-family: 'OpenSansLight'; font-size:14px; color:#999;}

a:link {text-decoration: none;}
a:visited {text-decoration: none;}
a:hover {text-decoration: none;}
a:active {text-decoration: none;}
.clr-flt {clear:both;}

/* CSS TOP MARGINS * -------------------------- */
.top-marg {margin-top:5px;}
.top-marg-2 {margin-top:10px;}
.top-marg-3 {margin-top:15px;}
.top-marg-4 {margin-top:20px;}
.top-marg-5 {margin-top:25px;}
.top-marg-6 {margin-top:20px; margin-bottom: 25px;}

/* HEADER CSS * -------------------------- */
#header {height:100px; width:100%; background:#FFF; position:fixed; z-index:1030; top:0px; left:0; right:0; box-shadow:0px 10px 0px rgba(0, 0, 0, 0.15);
border-top:2px solid #C00;}
.container {width: 1000px; margin:0 auto 0 auto;}
.container h1{font-family: 'OpenSansBold'; font-size:30px; color:#C00; line-height:30px; text-transform:uppercase; }
.container h2{font-family: 'OpenSansSemibold'; font-size:18px; color:#555; line-height:22px; padding:0px; }
.container h3{font-family: 'OpenSansSemibold'; font-size:15px; color:#555; line-height:22px; padding:0px; text-align:left; }
.container:after {clear:both;}
.logo-wrap {width:500px; float:left; text-align:left;}
.contact {font-family: 'OpenSansSemibold'; font-size:15px; margin:15px 0 0 0;}
.contact i{font-size:18px; color:#db261f;}
.nav-wrap {width:500px; float:right; text-align:right;}
nav {margin:14px 0 0 0; z-index:9003;}
nav ul{ list-style:none;}
nav ul li{ display:inline; font-family: 'Oswald-Regular'; font-size:17px; text-transform:uppercase; padding:0 18px 30px 0; position:relative;}
nav ul li a{ color:#555;}
nav ul li a:hover{ color:#C00;}
nav ul li:hover ul{ display:block; position: absolute; margin:27px 0 0 0;}
nav ul li ul{ display:none; padding:0 18px 0 0; left:0; width:220px;}
nav ul li ul li{ display:block; text-align:left; font-size:15px; padding: 8px 0 8px 10px; background-color:#555; border-bottom:1px solid #999; }
nav ul li ul li:hover{background-color:#666; border-bottom:1px solid #999; }
nav ul li ul li:hover a{ color:#fff; }
nav ul li ul li a{ color:#fff;}
nav ul li ul li:first-child a:after {
    content: '';
    position: absolute;
    left: 30px;
    top: -10px;
    width: 0;
    height: 0;
    border-left: 8px solid transparent;
    border-right: 8px solid transparent;
    border-bottom: 10px solid #555;
}

nav ul li ul li:first-child a:hover:after {
    border-bottom-color: #555; 
}

#header-bg {background-image:url(../images/header-bg.jpg); margin:100px 0 30px 0; padding:30px 0;}
.header-container {width: 1000px; margin:0 auto 0 auto; text-align:left;}
.header-container h1{font-family: 'OpenSansBold'; font-size:30px; color:#C00; line-height:30px; text-transform:uppercase; }
.header-container h2{font-family: 'OpenSansSemibold'; font-size:18px; color:#fff; line-height:22px; padding:0px; }
.header-container h3{font-family: 'OpenSansSemibold'; font-size:17px; color:#fff; line-height:22px; padding:0px; }

.now_page{
	z-index:2;
	top: -50px;
	position: relative;
}
.content_box{
	background:#fff;
	box-sizing:border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing:border-box;
	border-top:5px solid #C00;
	display:block;
	padding:0px;
}
.now_page .content_box:before {
	background:url(../images/shadow-left.png) top right no-repeat;
	width:17px;
	height:130px;
	margin-left:-17px;
	display:block;
	float:left;
	content:'';
}
.now_page .content_box:after{
	background: url(../images/shadow-right.png) top left no-repeat;
	width: 17px;
	height: 130px;
	float: left;
	margin-left: 1000px;
	top: 0px;
	display: block;
	content: '';
	position: absolute;
}
.content_box h1{font-family: 'OpenSansSemibold'; font-size:28px; color:#C00; line-height:28px; }
.content_box h2{font-family: 'OpenSansSemibold'; font-size:18px; color:#555; line-height:18px; padding:0px; }
.content_box p{font-family: 'OpenSansLight'; font-size:14px; color:#999; line-height:24px; padding:0px; }
.content_box a{font-family: 'OpenSansSemibold'; padding:7px 20px; color:#C00; border:3px solid #C00; border-radius:5px; font-size:16px; }

.services-bg { background-color:#fafafa; border-top:10px solid #eee; z-index:2; top: -40px; position: relative; border-bottom:1px solid #eee; 
padding:30px 0 40px 0;}
.services-left { width:490px; float:left; text-align:right;}
.services-right { width:490px; float:right; text-align:left;}
.img-circle { border-radius: 500px; width:75px; height:75px; background:#5B6063; }

.img-circle2 { border-radius: 500px; width:150px; height:150px; background:#5B6063; }

.services-text h4 a{ font-family: 'OpenSansBold'; font-size:18px; color:#555; line-height:18px; padding:0px; text-transform:uppercase;}
.services-text p{ font-family: 'OpenSansLight'; font-size:14px; color:#999; line-height:18px; padding:0px; margin:10px 0 0 0;}
.services-text i{ font-size:74px; color:#fff; padding:20px; text-align:left;}
.services-text:hover h4 a{ color:#c00;}
.services-text:hover .img-circle{ background: #c00;}
.services-text a{ font-family: 'OpenSansBold'; color:#555;}

.start-bg { text-align:left; background-image: url(../images/strart-pro-arrow.png); background-repeat:no-repeat; background-position: 70% 20%;}
.start-bg a{font-family: 'OpenSansBold'; font-size:20px; color:#fff; background-color:#c00; padding:10px 20px; margin:10px 0 0 0;}

.footer-bg { background-color:#fafafa; border-top:10px solid #eee; padding:30px 0 0 0; margin:40px 0 0 0;}
.footer-bg h1{font-family: 'OpenSansBold'; font-size:20px; color:#555; line-height:20px; text-align:left; }
.footer-box { width:200px; float:left; }
.footer-box ul{ list-style:none; }
.footer-box ul li{ text-align:left; line-height:30px;}
.footer-box ul li a{ color:#999;}

.footer-box2 { width:300px; float:left; }
.footer-box2 ul{ list-style:none; }
.footer-box2 ul li{ text-align:left; line-height:30px;}
.footer-box2 ul li a{ color:#999;}

.footer-box3 { width:200px; float:left; }
.footer-box3 i{ font-size:20px; margin:0 5px 0 0; }
.footer-box3 ul{ list-style:none; }
.footer-box3 ul li{ text-align:left; line-height:30px;}
.footer-box3 ul li a{ color:#999;}

.footer-box4 { width:300px; float:left; }
.footer-box4 ul{ list-style:none; }
.footer-box4 ul li{ text-align:left; line-height:30px;}
.footer-box4 ul li a{ color:#999;}

.offer-bg { background-color:#fafafa; border-top:10px solid #eee; border-bottom:1px solid #eee; padding:30px 0 40px 0; margin:40px 0;}

.submit-btn { padding:10px 50px; font-size:22px; border-radius:30px; text-transform:uppercase; float: none; border:none; color:#fff; background-color:#C00;
cursor:pointer;}
.submit-btn:hover { background-color:#555; }
.submit-btn2 { padding:10px 30px; font-size:16px; border-radius:5px; float:none; border:none; color:#fff; background-color:#555; cursor:pointer; width:100px;}
.submit-btn2:hover { background-color:#C00; }

.contact-form input, .contact-form textarea {width:100%; border:1px solid #DCDCDC; border-radius:5px; font-family:'OpenSansLight'; 
font-size:14px; color:#999; padding:8px 10px; box-sizing:border-box;}

.cart-btn {font-family: "OpenSansSemibold";
padding: 7px 18px; margin: 0px 3px;
color: #fff;
border-radius: 5px;
font-size: 16px; background-color: #C00;}

.cart-btn:hover{background-color: #555;}



/*----------------- Buy Now -------------------------*/
.top{ font-family: "Oswald-Regular"; color: #222; font-size: 30px; margin: 0px;}
.top img{width: 25px;}
.buy-now{float:left; margin:0 35px 0 0; text-align:center; width:467px; padding: 8px; cursor: pointer;}
.buy-now-right{float:left; text-align:center; width:466px; padding: 8px; cursor: pointer;}
.buy-now-right:hover,.buy-now:hover{background-color: #F8F8F8;}

/*----------------- Buy Now Hover  -------------------------*/