/*

Theme Name: Safety First

*/

@charset "utf-8";

/* CSS Document */



/*************************************



	1. Default CSS



**************************************/







*{margin:0px; padding:0px;}

body{ margin:0px; padding:0px; font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#000000; line-height:18px; background:url(images/bg.jpg) repeat;}

h1,h2,h3,h4,h5,h6{ margin:0px; padding:0px; font-weight:normal; border: 0px; outline: 0px;}

address, blockquote, dd, div, dl, dt, fieldset, form, frame, frameset{ margin:0; padding:0; border: 0px; outline:none; }

label, legend, table, caption, tbody, tfoot, thead, tr, th, td { margin:0px; padding:0; outline:none; border:0;}

a{ text-decoration:none; border: 0px; outline: 0px;}

a:hover{ text-decoration:none; border: 0px; outline: none;}

a img{ border:none; outline: none;}

border{ border-collapse:collapse;}

hr{ height:1px; background:#333333; border:none;}

.clear{ clear:both;}

.left{ float:left;}

.right{ float:right;}

.clearfix:before,

.clearfix:after { content: " "; display: table;}

.clearfix:after { clear: both;}

.clearfix { *zoom: 1;}











/*************************************



	2. Container , Wrapper ,  Main



**************************************/







.container{ width:100%;}

.wrapper{ max-width:1000px; margin:0 auto; background:#ffffff; }

.main{max-width:960px; margin:0 auto;}







/*************************************



	3. Header



**************************************/



.header{ width:100%;}

.header_right{ float:right;}

.logo{ float:left;}

.hd_nav { padding:35px 0 0 0;}

.hd_nav ul{ margin:0px; padding:0px; list-style:none;}

.hd_nav ul li{ float:left; background:url(images/head_nav_part.jpg) no-repeat 0 1px;}

.hd_nav ul li:first-child{ background:none;}

.hd_nav ul li a{  font-family: 'oswaldbold'; color:#1b1b1b; font-size:16px; text-transform:uppercase; padding:0 5px;}

.hd_nav ul li a:hover{ color:#af2b24;}

.hd_nav ul li a.active, .hd_nav ul li.current-menu-item a{ color:#af2b24;}





.hd_nav ul li ul {

	background: #3d2900;

	visibility: hidden;

	float: left;

 	 min-width: 250px;

	position: absolute;

  

	left: 0;

	z-index: 999;

}



.hd_nav ul li ul li a{ text-align:left; font-size:12px; }





.hd_nav ul li:hover > ul,

.hd_nav ul li ul:hover {

   visibility: visible;

}



.hd_nav ul li ul li {

	clear: both;

	padding: 5px 0 5px 0px;

  width: 100%;

}



.hd_nav ul li ul li:hover {

	background: #2b1d00;

}









/*************************************



	4. Naviagtion



**************************************/

.navigation{ background:#181818;}

.navigation ul{ margin:0px; padding:0px; list-style:none;}

.navigation ul li { float:left;}

.navigation ul li a{ display:block;  font-family: 'oswaldbold'; color:#ffffff; font-size:16px; line-height:66px; text-transform:uppercase; padding:0 10px; }



.navigation ul li a:hover{ color:#af2b24;}

.navigation ul li a.active{ color:#af2b24;}



/*************************************



	5. Banner



**************************************/

.banner{}







/*************************************



	6. Body main



**************************************/

.bodymain{ width:100%;}

.top_icon{ text-align:center; padding:19px 0 0 0;}

.top_icon ul{ margin:0px; padding:0px; list-style:none;}

.top_icon ul li{ display:inline-block; *display: inline;

zoom: 1; padding:5px 5px;}



.caption_1{ position:absolute; bottom:20px; width:100$;}

.caption_1 h2{ font-family: 'rockwellregular'; font-weight:bold; color:#FFFFFF; font-size:26px; line-height:32px; text-transform:uppercase; padding:0 0 0 20px; text-shadow:1px 1px 1px #2d2d2d; }

.caption_1 h2 span{ display:block; font-size:36px; color:#ce0909;}

.caption_2{ position:absolute; top:10px; background:url(images/caption2_bg.png) repeat-y; width:100%;}

.caption_2 h2{ font-family: 'rockwellregular';  color:#202020; font-size:32px; line-height:50px; text-transform:uppercase; text-align:right; padding:0 20px 0 0;  }

.caption_2 h2 span{  font-size:32px; color:#ce0909;font-weight:bold;}



.caption_3{ position:absolute; top:10px; background:url(images/caption3_bg.png) repeat-y; width:100%;}

.caption_3 h2{ font-family: 'rockwellregular';  color:#FFFFFF; font-weight:bold; font-size:32px; line-height:50px; text-transform:uppercase; text-align:right; padding:0 20px 0 0;  }









.heading_text{ text-align:center; padding:10px 0 20px 0; }

.heading_text h2{ font-family: 'MyriadProRegular'; font-size:48px; line-height:48px; color:#191919; text-transform:uppercase; padding-bottom:26px 0 0 0;}

.heading_text p{ font-size:28px; line-height:34px; color:#323232;  font-family: 'MyriadProRegular'; }



.colmn_box{ padding:30px 0 20px 0; }

.colmn_box_con{ width:32%; float:left; margin:0 18px 15px 0; position:relative;}

.colmn_box_con_last{ width:32%; float:right; margin:0 0px 15px 0; position:relative;}

.colmn_box img{ width:100%; }



.colmn_box2{ padding:0 0 30px 0; }

.colmn_box2 h2{ font-family: 'rockwellregular'; font-size:36px; color:#a90000; text-transform:uppercase; padding-bottom:15px; background:url(images/heading_bg.jpg) repeat-x bottom; margin-bottom:17px;}

.colmn_box2 ul{ margin:0px; padding:0px; list-style:none;}

.colmn_box2 ul li{ float:left; padding:0 0 0 17px;}

.colmn_box2 ul li:first-child{ padding:0 0 0 0;}



.product_box_con{}

.product_box{ width:23%; float:left; text-align:center; margin:0 25px 30px 0; text-align:center;}

.product_box_last{ width:23%; float:right; text-align:center; margin:0 0px 30px 0; text-align:center;}

.product_box_con_img{ margin:0 0 25px 0;}

.product_box_con_img img{ width:100%; border:1px solid #efefef;}

.btn{}

.btn a{ display:inline-block; *display: inline;

zoom: 1; padding:0 15px; background:#b21919; line-height:38px; color:#FFF; text-transform:uppercase; font-family: 'rockwellregular'; font-size:18px; font-weight:bold; border-radius:4px; }


.btn a:hover{background:#282828;}

.btn-REPLACE a {
	color: #b21919;
}

.btn-REPLACE a:hover { 
	color: #b21919;
	text-decoration: underline;
}


.about_con{ padding:12px 0 40px 0;}

.about_con h3{ font-size:38px; color:#191919; line-height:38px;  font-family: 'MyriadProRegular'; padding:20px 0 24px 0; }

.about_con p{ font-family:Arial, Helvetica, sans-serif; font-size:14px; color:#414141; line-height:24px; margin:0 0 15px 0; text-align:justify;}



.items-container,

.data-test-items { overflow: hidden; margin: 0 0%;}

.item { display: block; float: left;}

.item-0 {  width:24%; background:#eeeeee !important; }

.item-1 {  float:right; width:72%; }

.item h2{ font-family: 'MyriadProRegular'; font-size:16px; color:#FFFFFF; padding:0 0 0 12px; line-height:40px; background:#af2b24; }

.item ul{ margin:0px; padding:0px; list-style:none;}

.item ul li{ float:none; padding:0 0 0 12px; background:url(images/sidenav_part.jpg) repeat-x top;}

.item ul li:first-child{ background:none;}

.item ul li a{ display:block; font-family:Arial, Helvetica, sans-serif; font-size:12px; line-height:40px; text-transform:uppercase; color:#414141; background:url(images/sidenav_icon.jpg) no-repeat 0 17px; padding-left:18px; }

.item ul li a:hover{ background:url(images/sidenav_icon_hover.jpg) no-repeat 0 17px; color:#af2b24;}

.item ul li a.active{ background:url(images/sidenav_icon_hover.jpg) no-repeat 0 17px; color:#af2b24;}

.inner_banner{ margin:0 0 22px 0;}

.inner_banner img{ width:100%; }



.inner_nav{}

.inner_nav p a{ color:#af2b24;}

.item h4{ font-size:38px; color:#191919; line-height:38px;  font-family: 'MyriadProRegular'; padding:0px 0 15px 0; }

.item p span{ color:#af2b24; font-size:18px; text-transform:uppercase; display:block;}



.product_con_inner{ padding:30px 0 0 0;}

.colmn_box_pro{ width:30%; float:left; margin:0 34px 20px 0;}

.colmn_box_pro_last{ width:30%; float:right; margin:0 0px 20px 0;}


.inner_product_btn{ text-align:center;}

.inner_product_btn a{ display:block; color:#ffffff; /*background:#282828;*/ background:#B21919; line-height:40px; border-radius:4px; font-size:18px; text-transform:uppercase;}

.inner_product_btn a:hover{background:#282828;}


.inner_product_btn-REPLACE {
	text-align: center
}

.inner_product_btn-REPLACE a {
	color: #b21919;
}

.inner_product_btn-REPLACE a:hover {
	color: #b21919;
	text-decoration: underline;
}

.contact_left{ width:510px; float:left;}

.contact_right{ width:355px; float:right; background:#dd8a22;}

.contact_left p{ text-transform:uppercase !important;}

.contact_left p span{ color:#af2b24;}

.contact_right h4{ color:#FFFFFF; font-size:30px; line-height:42px; background:#373737; padding:0 0 0 12px;}

.form_con{ padding:12px;}

.textbox{ width:94%; padding:0 5px 0 10px; font-family: 'MyriadProRegular'; color:#414141; font-size:14px; line-height:36px; height:36px; outline:none; text-transform:uppercase; border:none; margin-bottom:11px;}

.textarea_input{ width:94%; padding:10px 5px 5px 10px; font-family: 'MyriadProRegular'; color:#414141; font-size:14px; line-height:24px; height:75px; outline:none; text-transform:uppercase; border:none; margin-bottom:11px; resize:none;}

.submit{ width:100%; text-align:center; color:#FFF; text-transform:uppercase;   font-family: 'MyriadProRegular'; font-size:22px; line-height:36px; height:36px; cursor:pointer; border:none; outline:none ; background:#af2b24;}

.form_con select{ margin-bottom:11px; width:98.5%; height:36px; border:none; outline:none; font-family: 'MyriadProRegular'; color:#414141; font-size:14px; line-height:36px; text-transform:uppercase;}



.pro_slider{ width:365px; float:left;}

.pro_right_social{ width:270px; float:right;}

.pro_right_social h5{ font-family: 'MyriadProRegular'; font-size:20px; color:#191919; line-height:20px; padding:0 0 20px 0 ; text-transform:uppercase; }

.social{}

.social_left{ float:left; margin:0 15px 0 0;}

.social_right{ float:left; font-family:Arial, Helvetica, sans-serif; font-size:14px; color:#af2b24;}

.social_right a { float:left; font-family:Arial, Helvetica, sans-serif; font-size:14px; color:#af2b24;}

.border{ height:1px; background:#e8e8e8; margin:12px 0 12px 0;}

.en_btn{ margin:25px 0 15px 0;}





pro_slider img {

      max-width: 100%;

      padding: 5px;

      border: 1px solid #ccc;

      height: auto;

      background: #fff;

      box-shadow: 1px 1px 7px rgba(0,0,0,0.1);

    }

 .main-image {

      width: 365px;

      margin-bottom: 0.75em;

    }

	.thumbnails{ margin:15px 0 0px 0;}

thumbnails ul {

      list-style: none;

      margin-bottom: 1.5em;

    }

    .main-image {

      width: 380px;

      margin-bottom: 0.75em;

    }

	.main-image img{ width:100%; border:1px solid #CCC;}

	

    .thumbnails ul li {

      display: inline;

      margin: 0 10px 0 0; float:left !important; background:none !important; width:27%; 

    }

	.thumbnails ul li img{ width:100%;}

	.thumbnails ul li a{ background:none 0 0 !important; padding:0 0 0 0;}



.bullet_con{ margin:0 0 30px 0;}

.bullet_con ul{ margin:0px; padding:0px; list-style:none;}

.bullet_con ul li{ background:url(images/sidenav_icon.jpg) no-repeat 0 12px; font-family:Arial, Helvetica, sans-serif; font-size:14px; color:#414141; line-height:22px; padding-top:6px; padding-bottom:6px; border-top:1px solid #e8e8e8;}

.bullet_con ul li:first-child{ background:url(images/sidenav_icon.jpg) no-repeat 0 12px !important; border:none;}

/*************************************



	6. FOOTER



**************************************/



.footer{ width:100%; background:#292929; padding:22px 0 20px 0;}

.foot_left{ float:left;}

.foot_right{ float:right;}

.foot_left h2{ font-family: 'rockwellregular'; color:#FFF; font-size:16px; text-transform:uppercase; padding:0 0 10px 0; line-height:16px;}

.foot_left p{ font-family:Arial, Helvetica, sans-serif; color:#FFF; padding:0 0 10px 0; font-size:14px;}

.foot_right h2{ font-family: 'rockwellregular'; color:#FFF; font-size:16px; text-transform:uppercase; padding:0 0 10px 0; line-height:16px;}





/*************************************



	7. Responsive



**************************************/

@media screen and (max-width: 850px) {

.logo{ float:none; text-align:center;}

.header_right{ float:none; text-align:center; padding:0 0 20px 0;}

.hd_nav ul li{ float:none; display:inline-block;}

.main{ padding:0 2%;}

.colmn_box_con{ width:100%; margin:0 0 20px 0;}

.colmn_box_con_last{ width:100%; margin:0 0 20px 0;}

.colmn_box2{ text-align:center;}

.colmn_box2 ul li{ float:none; display:inline-block;}

.product_box{ width:100%; margin:0 0 30px 0;}

.product_box_last{ width:100%; margin:0 0 30px 0;}

.foot_left{ float:none; text-align:center;}

.foot_right{ float:none; text-align:center;}

.item{ width:100%; height:inherit !important;}

.item-1{ width:100%; height:inherit !important;}

.colmn_box_pro{ width:100%; margin:0 0 30px 0;}

.colmn_box_pro_last{ width:100%; margin:0 0 30px 0;}



.main-image{ width:100%;}

.main-image img{ width:100%;}

.pro_slider{ width:100%;}

.pro_right_social{ width:100%; margin:50px 0 50px 0;}

.thumbnails ul li{ width:26%;}



}

@media screen and (max-width: 600px) {

.logo img{ width:100%;}	

}
.item-1{
    float: none;
    width: 80%;
    margin: auto;
    }