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

body{margin:0px;}

@font-face {
    font-family: "Roboto Slab";
	src: url(font/RobotoSlab-Regular.ttf);
}

@font-face {
    font-family: Raleway;
	src: url(font/Raleway-Regular.ttf);
}


.top_font{font-family:Raleway; font-size:13px; color:#666666; text-align:center; padding-bottom:10px; padding-top:5px; background-color:#e0e0e0; border-radius:0px 0px 5px 5px; }
.top_font a:link{font-family:Raleway; font-size:13px; color:#666666; text-decoration:none; transition: 0.4s;}
.top_font a:visited{font-family:Raleway; font-size:13px; color:#666666; text-decoration:none; transition: 0.4s;}
.top_font a:hover{font-family:Raleway; font-size:13px; color:#000000; text-decoration:none; transition: 0.4s;}


.button {
  display: inline-block;
  height: 42px;
  line-height: 42px;
  padding-right: 20px;
  padding-left: 60px;
  position: relative;
  background-color:#2c4765;
  color:#ffffff;
  text-decoration: none;
  text-transform: uppercase;
  font-family:Raleway; font-size:14px;
  width:auto;
  float:right;
  margin-right:2px;
}

.button span {
  position: absolute;
  font-size:16px;
  left: 0;
  width: 40px;
  padding:13px 0px;
  background-color:rgba(0,0,0,0.5);
  text-align:center;
border-right: 1px solid  rgba(0,0,0,0.15);
transition: 0.4s;
}

.button:hover span, .button.active span {
  background-color:#ec3237;
  border-right: 1px solid  rgba(0,0,0,0.3);
	transition: 0.4s;
}


.download_title{font-family:Raleway; font-size:24px; color:#787776; text-align:left; padding:20px 0px 20px 20px;}
.download_title span{font-family:Raleway; font-size:24px; color:#2c4765; text-align:left;}


.distributor-form {
	width:100%;
	background-color:#000000;
	display:inline-block;
	cursor:pointer;
	color:#FFFFFF;
	font-family:Raleway;
	font-size:16px;
	text-align:center;
	line-height:20px;
	padding:18px 0px;
	text-decoration:none;
	transition: 0.6s;
}
.distributor-form:hover {
	background-color:#868382;
	color:#fff;
	transition: 0.6s;
}

.download {
	width:100%;
	background-color:#868382;
	display:inline-block;
	cursor:pointer;
	color:#000000;
	font-family:Raleway;
	font-size:16px;
	text-align:center;
	padding:10px 0px;
	text-decoration:none;
	transition: 0.6s;
}
.download:hover {
	background-color:#e50000;
	color:#fff;
	transition: 0.6s;
}

.readmore {
	background-color:#fff;
	display:inline-block;
	cursor:pointer;
	color:#e50000;
	font-family:Raleway;
	font-size:15px;
	text-align:center;
	padding:0px 0px 5px 0px;
	border-bottom:1px solid #000000;
	text-decoration:none;
	transition: 0.6s;
}

.readmore:hover {
	background-color:#fff;
	color:#000000;
	transition: 0.6s;
	border-bottom:1px solid #ff0000;
}


.social_icon li{
	margin:0;
	padding:0;
	list-style:none; padding-top:0px; 
	}

.social_icon li{
	float:left;
	margin-right:5px;
	}

.social_icon li a:link, .social_icon li a:visited, .social_icon li a:hover{
	display:block;
	text-align:center;
	margin:0;
	width:30px; padding:7px 0px;
	color:#F8F9F3;
	background-color:#e50000;
	text-transform:uppercase;
	transition: .6s;
	}
	
.social_icon li a:hover{
	color:#fff;
	background:#e72626;
	transition: .6s;
	}


.footer_title{border-bottom:1px solid #cbcbcb; padding-bottom:15px;}
.footer_title span{font-family:Raleway; font-size:20px; color:#e50000; text-align:left; border-bottom:1px solid #e50000; padding-bottom:15px;}

.footer-font{font-family:Raleway; font-size:14px; color:#666666; text-align:left; line-height:25px;}

.footer-list-font{font-family:Raleway; font-size:14px; color:#666666; text-align:left; line-height:32px; list-style-image:url(images/list-arrow.png);}
.footer-list-font a:link{font-family:Raleway; font-size:14px; color:#666666; text-decoration:none; transition: 0.4s;}
.footer-list-font a:visited{font-family:Raleway; font-size:14px; color:#666666; text-decoration:none; transition: 0.4s;}
.footer-list-font a:hover{font-family:Raleway; font-size:14px; color:#ffffff; text-decoration:none; transition: 0.4s;}

.footer_font span{font-family:Raleway; font-size:18px; color:#ec3237; text-align:left; line-height:25px;}

.contact-bg{background-color:#e50000; padding:40px 0px; background-image:url(images/contact-bg.jpg); background-position:center; background-repeat:no-repeat; background-size: cover; background-attachment: fixed;}

.footer-contact{background-color:#7f0301; color:#FFFFFF; text-align:center; padding:15px 0px;}

.footer-contact-font{background:rgba(128, 3, 1, .60); padding:10px 20px; font-family:calibri; font-size:16px; color:#FFFFFF; text-align:left;}

.footer-contact-font span{font-family:"Roboto Slab"; font-size:18px; color:#000000; text-align:left;}

.copy_right_font{font-family:Raleway; font-size:14px; color:#a0a0a0;}
.copy_right_font span{font-family:Raleway; font-size:14px; color:#c60501;}
.copy_right_font span a:link{font-family:Raleway; font-size:14px; color:#c60501; text-decoration:none; transition: 0.4s;}
.copy_right_font span a:visited{font-family:Raleway; font-size:14px; color:#c60501; text-decoration:none; transition: 0.4s;}
.copy_right_font span a:hover{font-family:Raleway; font-size:14px; color:#ffffff; text-decoration:none; transition: 0.4s;}

.wel-button{background-color:#e50000; font-family:Raleway; font-size:16px; color:#FFFFFF; text-align:center; padding:10px 20px; display:inline-block;}

.wel-title h2{font-family:Raleway; font-size:24px; color:#000000; text-align:left; margin:0px;}
.wel-title h2 span{font-family:Raleway; font-size:24px; color:#e50000; text-align:left; margin:0px;}

.pro-title{background-color:#b9b8b8; font-family:Raleway; font-size:18px; color:#e50000; text-align:center; padding:10px; border-radius:10px 0px 0px 10px;}
.pro-title-line{background-image:url(images/pro-title-line.jpg); background-repeat:repeat-x; background-position:center;}

.wel_font{font-family:Raleway; font-size:24px; color:#2c4765; text-align:left; padding:15px; border-bottom:1px solid #000000;}
.wel_font span{font-family:Raleway; font-size:24px; color:#ec3237; text-align:left;}

.wel_sub_font{font-family:Raleway; font-size:14px; color:#333333; text-align:left; padding:15px 0px 0px 15px; line-height:25px;}

.slogan_main_font{font-family:Raleway; font-size:24px; color:#FFFFFF; text-align:center; padding-bottom:20px;}

.slogan_font{font-family:Raleway; font-size:20px; color:#000000; text-align:center; line-height:35px;}
.slogan_font span{font-family:Raleway; font-size:20px; color:#FFFFFF; text-align:center;}

.inner-title{font-family:Raleway; font-size:34px; color:#FFFFFF; text-align:left;}
.inner-title h1{font-family:Raleway; font-size:34px; color:#FFFFFF; text-align:left;}
.inner-title-bg{background-color:#000000; padding:20px 0px; background-image:url(images/inner-title-bg.jpg); background-position:center top; background-repeat:no-repeat; background-size: cover; background-attachment: fixed;}

.product-inner-font{font-family:Raleway; font-size:18px; color:#e50000; font-weight:bold; text-align:left; padding-bottom:10px;}

.inner-sub-title{border-bottom:1px solid #cbcbcb; padding-bottom:12px;}
.inner-sub-title h1{font-family:Raleway; font-size:24px; color:#000000; text-align:left; border-bottom:3px solid #e50000; padding-bottom:15px; display:inline; margin:0px;}

.main-font{font-family:Raleway; font-size:14px; color:#666666; text-align:left; line-height:28px;}

.contact_main_font{font-family:Raleway; font-size:16px; color:#ec3237; text-align:left; padding-bottom:10px; font-weight:bold;}
.contact_font{font-family:"Roboto Slab"; font-size:14px; color:#333333; text-align:left; line-height:25px; padding-bottom:10px;}


.contact-form1 form input[type="text"], .contact-form1 form textarea {
    font-family: Raleway;
	margin: 3px 0;
	box-shadow: none;
	border: 1px solid #C7C7C7;
	background: #f3f3f3;
	color: #888888;
	line-height: 1.8em;
	display: block;
	width: 90%;
	padding: 8px 12px;
	font-size: 13px;
	outline: none;
	-webkit-appearance: none;
	transition: border-color 0.3s;
	-o-transition: border-color 0.3s;
	-ms-transition: border-color 0.3s;
	-moz-transition: border-color 0.3s;
	-webkit-transition: border-color 0.3s;
	border-radius:3px;
}
.contact-form1  form textarea {
	resize: none;
	height: 70px;
}
.contact-form1 form input[type="text"]:hover, .contact-form1 form textarea:hover {
	border-color: #000000;
}
.contact-form1 form input[type="text"]:focus, .contact-form1 form textarea:focus {
	border: 1px solid #ec3237;
}
.contact-form1 form input[type="submit"] {
    font-family: Raleway;
	font-size: 14px;
	color: #FFFFFF;
	padding: 12px 30px;
	background: #000000;
	text-transform:uppercase;
	
	border: none;
	outline: none;
	-webkit-appearance: none;
	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
	border-radius: 2px;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	-o-border-radius: 2px;
	box-shadow: inset 0px -4px 0px #e50000;
	-webkit-box-shadow: inset 0px -4px 0px #e50000;
	-moz-box-shadow: inset 0px -4px 0px #e50000;
	-o-box-shadow: inset 0px -4px 0px #e50000;
}
.contact-form1 form input[type="submit"]:hover{
	background: #e50000;	
}