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

body {
	margin: 0;
	padding: 0;
	color: #000000;
	font-size: 14px;
	font-weight: 300;
	font-family: 'Raleway', sans-serif;
}
h1, h2, h3, h4, h5, h6, p {
	margin: 0;
	padding: 0;
	line-height: normal;
}
h2{
	font-family: 'Raleway', sans-serif;
	font-weight:500;
	font-size:30px;
	text-transform:uppercase;
	color:#353535;
	position:relative;
	display:block;
	padding-bottom:10px;
	margin-bottom:30px;
}
h2:after{
	content:"";
	position:absolute;
	left:0;
	bottom:0;
	width:116px;
	height:2px;
	background:#fe0000;
}
p{
	font-weight:400;
	color:#313131;
	font-size:14px;
	margin-bottom:30px;
	line-height:30px;
}
input, select, textarea, option {
	outline: none;
}
a {
	text-decoration: none !important;
	outline: 0 !important;
}
a:hover {
	text-decoration: none !important;
	outline: 0 !important;
}
a img {
	border: none;
	outline: 0;
}
.wrapper {
	width: 100%;
}


.header_top{
	
	background:#040404;
	display:block;
}
.header_top ul{
	margin:0;
	padding:0;
	list-style:none;
	text-align:right;
}
.header_top ul li{
	display:inline-block;
	vertical-align:middle;
	font-weight:400;
	border-right:1px solid #353434;
	padding:17px 15px;
	font-family: 'Arimo', sans-serif;
	font-size:14px;
}
.header_top ul li:last-child{
	padding-right:0;
	border-right:none;
}
.header_top ul li a{
	color:#FFF;
	 transition: all ease-in-out 0.5s;
    -moz-transition: all ease-in-out 0.5s;
    -webkit-transition: all ease-in-out 0.5s;
    -o-transition: all ease-in-out 0.5s;
    -ms-transition: all ease-in-out 0.5s;
    -khtml-transition: all ease-in-out 0.5s;
}
.header_top ul li a i{
	display:inline-block;
	vertical-align:middle;
	margin-right:5px;
	 transition: all ease-in-out 0.5s;
    -moz-transition: all ease-in-out 0.5s;
    -webkit-transition: all ease-in-out 0.5s;
    -o-transition: all ease-in-out 0.5s;
    -ms-transition: all ease-in-out 0.5s;
    -khtml-transition: all ease-in-out 0.5s;
}
.header_top ul li a:hover{
	color:#fe0000;
}
.header_top ul li a:hover i{
	color:#fe0000;
}
.header_top ul li:hover i{
	color:#fe0000;
}
.header_bottom{
	display:block;
	padding:20px 0;
	background:#FFF;
	position:relative;
	z-index:997;
}
.logobox{
	max-width:195px;
	width:100%;
}
.logobox img{
	width:100%;
}
/*top-menu CSS
----------------------------------------------------------------------------------*/
.top-menu {
	float: right;
	margin-top: 30px;
}
.top-menu ul {
	padding:0;
	margin:0;
	list-style:none;
	
}
.top-menu ul li {
	float:left;
	position:relative;
	z-index:991;
	margin:0 20px;
	transition: all ease-in-out 0.5s;
	-moz-transition: all ease-in-out 0.5s;
	-webkit-transition: all ease-in-out 0.5s;
	-o-transition: all ease-in-out 0.5s;
	-ms-transition: all ease-in-out 0.5s;
	-khtml-transition: all ease-in-out 0.5s;
}
.top-menu ul li a {
	padding: 0;
	color: #040404;
	font-size: 14px;
	display: block;
	text-transform: uppercase;
	line-height: 14px;
	padding-bottom:10px;
	margin: 0;
	padding:15px 0;
	
	transition: all ease-in-out 0.5s;
	-moz-transition: all ease-in-out 0.5s;
	-webkit-transition: all ease-in-out 0.5s;
	-o-transition: all ease-in-out 0.5s;
	-ms-transition: all ease-in-out 0.5s;
	-khtml-transition: all ease-in-out 0.5s;
	font-weight:700;
}
.top-menu ul ul {
	padding:0;
	margin:0;
	list-style:none;
	position:absolute;
	left:0;
	width:190px;
	background:#001e34;
	padding:10px 0;
}
.top-menu ul ul li {
	float:none;
	padding:0 15px;
}
.top-menu ul ul li a {
	color:#fff;
	display:block;
	padding:5px;
}
.top-menu ul ul li a:hover, .top-menu ul ul li:hover > a, .top-menu ul ul li.current-menu-item > a {
	color:#ffffff;
}
.top-menu ul ul ul {
	left:100%;
	top:0;
}
.top-menu ul li:hover > ul {
	display:block;
}
@media screen and (min-width: 992px) {
.top-menu ul li ul {
 opacity: 0;
 z-index: 10;
 top: -9999em;
 -webkit-box-shadow: 0 2px 7px rgba( 0, 0, 0, .4 );
 box-shadow: 0 2px 7px rgba( 0, 0, 0, .4 );
 -webkit-transform: scale(.9);
 transform: scale(.9);
 -webkit-transform-origin: center top;
 transform-origin: center top;
 -webkit-transition-property: -webkit-transform, opacity, top;
 transition-property: transform, opacity, top;
 -webkit-transition-duration: .3s, .3s, 0s;
 transition-duration: .3s, .3s, 0s;
 -webkit-transition-delay: 0s, 0s, .3s;
 transition-delay: 0s, 0s, .3s;
}
 .top-menu ul li:hover > ul {
 top:100%;
 opacity: 1;
 -webkit-transform: scale(1);
 transform: scale(1);
 -webkit-transition-delay: 0s;
 transition-delay: 0s;
}
 .top-menu ul ul li:hover > ul {
top:-10px;
left:100%;
}
}
/*home-slider CSS
----------------------------------------------------------------------------------*/

.home-slider{ position:relative;}
.home-slideshow{width:100%; z-index:8;}
.home-slideshow .slide{width:100%; position:relative;}
.home-slideshow .slide .thumb{width:100%;}
.home-slideshow .slide .caption{position:absolute; left:0; top:50%; transform:translateY(-50%); -webkit-transform:translateY(-50%); width:100%;}
.home-slideshow .slide h1{color:#ffffff; font-size:30px; margin:0; font-weight:700; line-height:1; margin-bottom:20px;}
.home-slideshow .slide p{color:#ffffff; margin:0; font-weight:500; font-size:18px; line-height:30px;}
/* pager */
.cycle-pager { 
    text-align: center; width: 100%; z-index: 500; position: absolute; bottom: 35px; overflow: hidden;
}
.cycle-pager span { 
    font-family: arial; font-size: 50px; width: 16px; height: 16px; 
    display: inline-block; border:3px solid #fff; vertical-align:middle; cursor: pointer; -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
	margin:0 2px;

}
.cycle-pager span.cycle-pager-active { border:3px solid #fe0000; background:#fe0000;}
.cycle-pager > * { cursor: pointer;}


.home-slideshow .slide .con{
    z-index: 5; width:42%;
    position: relative;
    -webkit-transform: translate3d(0, -10%, 0);
    transform: translate3d(0, -10%, 0);
    opacity: 0;
    -webkit-transition: opacity 0.4s ease, -webkit-transform 0.5s ease-out;
    transition: opacity 0.4s ease, -webkit-transform 0.5s ease-out;
    transition: opacity 0.4s ease, transform 0.5s ease-out;
    transition: opacity 0.4s ease, transform 0.5s ease-out, -webkit-transform 0.5s ease-out;
	}
.home-slideshow .slide.cycle-slide-active .con{
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    opacity: 1;
    -webkit-transition: opacity 0.4s ease, -webkit-transform 0.5s ease-out;
    transition: opacity 0.4s ease, -webkit-transform 0.5s ease-out;
    transition: opacity 0.4s ease, transform 0.5s ease-out;
    transition: opacity 0.4s ease, transform 0.5s ease-out, -webkit-transform 0.5s ease-out
}
.home-slideshow .slide.cycle-slide-active .con>* {
    -webkit-animation: fade-down 1.5s ease both;
    animation: fade-down 1.5s ease both
}


@-webkit-keyframes fade-down {
    0% {
        -webkit-transform: translate3d(0, -20%, 0);
        transform: translate3d(0, -20%, 0);
        opacity: 0
    }
    100% {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
        opacity: 1
    }
}

@keyframes fade-down {
    0% {
        -webkit-transform: translate3d(0, -20%, 0);
        transform: translate3d(0, -20%, 0);
        opacity: 0
    }
    100% {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
        opacity: 1
    }
}
/*main CSS
----------------------------------------------------------------------------------*/

#main{
	padding:70px 0;
	display:block;
}
.sea1 p{
	font-size:18px;
}
.sea2{
	display:block;
	padding-top:30px;
}
.product_box{
	border:1px solid #d7d7d7;
	margin-top:30px;
	margin-right: 1px;
}
.product_box1{
	
}
.product_box:hover img{
	-moz-transform: scale(1.2);
	-webkit-transform: scale(1.2);
	-o-transform: scale(1.2);
	-ms-transform: scale(1.2);
	transform: scale(1.2);
}
.product_box:hover h4{
	background:#000;
}
.snip1273{
	width:100%;
	overflow:hidden;
}
.snip1273 img{
	width:100%;
	-webkit-transition: all .3s ease-out;
	-moz-transition: all .3s ease-out;
	-o-transition: all .3s ease-out;
	transition: all .3s ease-out;
}
.product_box h4{
	min-height: 54px;
	font-size:14px;
	text-transform:capitalize;
	color:#FFF;
	padding:10px 3px;
	text-align:center;
	display:block;
	background:#fe0000;
	font-weight:600;
	-webkit-transition: all .3s ease-out;
	-moz-transition: all .3s ease-out;
	-o-transition: all .3s ease-out;
	transition: all .3s ease-out;
}
.sea3{
	display:block;
	margin-top:65px;
}
.clent_logo {
	padding-top:20px;
}

/*subbanner CSS
----------------------------------------------------------------------------------*/
.subbanner{
	background-repeat:no-repeat;
	min-height:133px;
	background-position:center center;
	background-size:cover;
}
.subbanner h3{
	font-size: 30px;
	text-transform: capitalize;
	color: #ffffff;
	font-weight: 700;
	float: left;
	padding: 50px 0;
	width:50%;
}
.breadcrumb {
	padding: 8px 15px;
	margin-bottom:0;
	list-style: none;
	background-color: transparent!important;
	border-radius:0px;
	text-align: right;
	float: right;
	margin:48px 0;
	width:50%;
}
.subbanner ul.breadcrumb li a{
	font-weight:300;
	color:#FFF;
	font-size:13px;
	text-transform:capitalize;
}
.subbanner ul.breadcrumb li{
	text-transform:capitalize;
}
.subbanner ul.breadcrumb li.active{
	color:#fd0000
}







/*about_us CSS
----------------------------------------------------------------------------------*/

.bandbox{
	-webkit-box-shadow: 0px 0px 30px 4px rgba(232,232,232,1);
-moz-box-shadow: 0px 0px 30px 4px rgba(232,232,232,1);
box-shadow: 0px 0px 30px 4px rgba(232,232,232,1);
text-align:center;
padding:5px;
margin-bottom:30px;
}
.bandbox img{
	width:100%;
}

.textbox::-webkit-input-placeholder {
    /* Chrome */
    
    color: #313131;
    font-weight: 400;
    font-size: 12px;
    text-transform: capitalize;
}
.textbox:-ms-input-placeholder {
    /* IE 10+ */
    
     color: #313131;
    font-weight: 400;
    font-size: 12px;
    text-transform: capitalize;
}
.textbox::-moz-placeholder {
    /* Firefox 19+ */
    
   
    opacity: 1;
    color: #313131;
    font-weight: 400;
    font-size: 12px;
    text-transform: capitalize;
}
.textbox:-moz-placeholder {
    /* Firefox 4 - 18 */
    
  
    opacity: 1;
     color: #313131;
    font-weight: 400;
    font-size: 12px;
    text-transform: capitalize;
}
.subpage_main p a{
	color:#fd0000;
	text-decoration:underline!important;
}


/*service CSS
----------------------------------------------------------------------------------*/

.service_box{
	display:block;
	margin-bottom:35px;
}
.service_box:last-child{
	margin-bottom:0;
}
.service_box h4{
	font-size:18px;
	line-height:30px;
	color:#0d0d0d;
	font-weight:600;
}
.service_box p{
	color:#313131;
	margin-bottom:0;
}
/*contact CSS
----------------------------------------------------------------------------------*/
.contact_form {
	margin-top:0px;
	display:block;
	padding-left:0;
}
.contact_form input[type="text"],  .contact_form input[type="email"],  .contact_form input[type="tel"] {
	width: 100%;
	border: 1px solid #d2d2d2;
	background: #FFF;
	margin: 0 0 30px;
	padding: 10px 10px 10px 15px;
	height: 46px;
	-webkit-border-radius: 0;
	-moz-border-radius: 0;
	border-radius: 0;
	font-size:12px;
	color:#313131;
	
}
.contact_form textarea {
	width: 100%;
	border: 1px solid #d2d2d2;
	background: #FFF;
	margin: 0 0 30px;
	padding: 10px 10px 10px 15px;
	height: 140px;
	-webkit-border-radius: 0;
	-moz-border-radius: 0;
	border-radius: 0;
	font-size:12px;
	color:#313131;
	
}
 .contact_form button[type="submit"] {
	cursor: pointer;
	width: 165px;
	height: 46px;
	font-size: 14px;
	line-height: 46px;
	text-align: center;
	color: #000;
	text-align:center;
	text-transform:uppercase;
	color:#FFF;
	font-weight:600;
	border:none;
	background:#fe0000;
	-webkit-border-radius: 0;
	-moz-border-radius: 0;
	border-radius: 0;
}
.contact_detailsarea{
	display:block;
	/*margin-top:35px;*/
}
.contact_detailbox{
	border:1px solid #d9d9d9;
	-webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    border-radius: 6px;
	padding:24px 20px;
}
.contact_detailbox h4{
	padding:10px 20px;
	font-size:18px;
	color:#fff;
	font-weight:600;
	text-transform:uppercase;
	background:#000;
	width:96%;
	margin:0 0 0 -20px;
}
#map_canvas {display:none;}
#map_canvas iframe{
	width:92%;
	height:300px;
	position:relative;
	margin-top:30px;
	}
#map_canvasone {display:none;}
#map_canvasone iframe{
	width:92%;
	height:300px;
	position:relative;
	margin-top:30px;
	}
.btn_vew {
	background: none;
	border: none;
	font-size: 14px;
	color: #fd0000;
	text-decoration: underline;
	font-weight:400;
	margin-top:30px;
	padding:0;
}
.contact_detailbox p{
	font-size:18px;
	margin-top:30px;
	margin-bottom:20px;
}
.contact_detailbox ul{
	margin:0;
	padding:0;
	list-style:none;
}
.contact_detailbox ul li{
	display:block;
	font-size:18px;
	line-height:30px;
	color:#fd0000;
	font-weight:500;
	margin-bottom:5px;
}
.contact_detailbox ul li a{
	color:#fd0000;
}
/*Products CSS
----------------------------------------------------------------------------------*/
.submenu_box {
	display: block;
	background: #323232;
	padding-bottom: 30px;
	min-height: 453px;
}
.submenu_box h4{
	font-size:13px;
	text-transform:uppercase;
	color:#FFF;
	background:#fe0000;
	padding:15px 2px;
	font-weight:500;
	text-align:center;
	letter-spacing:1px;
}
.mainNav {
background: #323232;
width: 100%;
padding:0 15px;
}
/* First Level */
.mainNav ul {
	margin: 0;
	padding: 0;
	list-style: none;
	
}
.mainNav ul li {
	border-top: 1px solid #515151;
}
.mainNav ul li a {
	color: #ffffff;
	display: block;
	font-size: 14px;
	line-height: normal;
	padding: 14px 10px 14px 0;
	text-decoration: none;
	text-transform: capitalize;
	font-weight: 500;
}
.mainNav ul li a:hover {
	background: #323232;
	text-decoration: none;
}
	/* Second Level */
	.mainNav ul ul {
		border-bottom: none;
		padding-bottom:0px;
		margin:0;
	}
	.mainNav ul ul li {
	
}
.mainNav ul ul li a {
	color: #FFF;
	display: block;
	font-size: 13px;
	line-height: normal;
	padding: 14px 0 14px 21px;
	text-transform: capitalize;
	font-weight:400;
}
	.mainNav ul ul li a:hover {
	color: #fd0000;
}
			/* Third Level */
	.mainNav ul ul ul {
		border-top:1px solid #515151;
	}
	.mainNav ul ul ul li {
		border-top: 1px solid #515151;
	}
	.mainNav ul ul ul li a {
		padding-left:2.5em; 
		padding-top:0.65em; 
		padding-bottom:0.65em;
	}
/* Accordion Button */
ul li.has-subnav .accordion-btn {
	color: #FFF;
	background: #323232;
	font-size: 14px;
	font-weight: 300!important;
	text-align: right!important;
}

.mainNav ul li a.active {
    color: #fd0000;
}

@media screen and (max-width: 700px) {
.mainNav {width: 100%;}
}
.product_area .product_box{
	margin-top:0;
	margin-bottom:30px;
}
.pagination {
	
	border-radius:none !important;
}
.pagination > li > a, .pagination > li > span {
	position: relative;
	float: left;
	padding: 24px 24px;
	margin-left: -1px;
	line-height: 0;
	color: #000;
	text-decoration: none;
	background-color: #fff;
	border: 1px solid #ced1d4;
	line-height:0;
}
.pagination > .active > a, .pagination > .active > a:focus, .pagination > .active > a:hover, .pagination > .active > span, .pagination > .active > span:focus, .pagination > .active > span:hover {
	z-index: 3;
	color: #fff;
	cursor: default;
	background-color: #323232;
	border-color: #323232;
}
.pagination > li:first-child > a, .pagination > li:first-child > span {
	margin-left: 0;
	border-top-left-radius: 0;
	border-bottom-left-radius: 0;
}
.pagination > li:last-child > a, .pagination > li:last-child > span {
	border-top-right-radius: 0;
	border-bottom-right-radius: 0;
}

/*single_product CSS
----------------------------------------------------------------------------------*/
.single_product_tital{
	display:block;
	margin-bottom:30px;
}
.single_product_tital h3{
	font-size:24px;
	color:#353535;
	text-transform:uppercase;
	font-weight:500;
	float:left;
}
.back_btn{
	color:#fd0000;
	line-height:26px;
	padding:0 15px 0 25px;
	 border:1px solid #fd0000;
	 font-size:11px;
	 font-weight:500;
	 text-transform:capitalize;
	 float:right;
	 position:relative;
	  transition: all ease-in-out 0.5s;
    -moz-transition: all ease-in-out 0.5s;
    -webkit-transition: all ease-in-out 0.5s;
    -o-transition: all ease-in-out 0.5s;
    -ms-transition: all ease-in-out 0.5s;
    -khtml-transition: all ease-in-out 0.5s;
}
.back_btn:before{
	content:"\f104";
	position:absolute;
	left:10px;
	top:0;
	font-family: FontAwesome;
}
.back_btn:hover{
	background:#fd0000;
	color:#FFF;
	display:block;
}
.single_product_contant h4{
	font-size:18px;
	font-weight:600;
	color:#0d0d0d;
	
}
.single_product_contant ul{
	margin:0;
	padding:0;
	list-style:inside;
}
.single_product_contant ul li{
	font-size:14px;
	font-weight:400;
	margin-top:10px;
	m
}

/*footer CSS
----------------------------------------------------------------------------------*/

.footer_top{
	background:#000000;
	padding:56px 0 40px 0;
}
.footer_widgetbox ul{
	margin:0;
	padding:0;
	list-style:none;
}
.footer_widgetbox ul li{
	display:block;
	font-size:14px;
	font-weight:400;
	margin-bottom:16px;
}
.footer_widgetbox ul li:last-child{
	margin-bottom:0;
}
.footer_widgetbox ul li a{
	color:#FFF;
	position:relative;
	 transition: all ease-in-out 0.5s;
    -moz-transition: all ease-in-out 0.5s;
    -webkit-transition: all ease-in-out 0.5s;
    -o-transition: all ease-in-out 0.5s;
    -ms-transition: all ease-in-out 0.5s;
    -khtml-transition: all ease-in-out 0.5s;
}
.footer_widgetbox ul li a:hover{
	color:#fd0000;
}
.footer_widgetbox ul li a:hover:before{
	color:#fd0000;
}
.footer_widgetbox ul li a:before{
	content:"\f105";
	position:relative;
	display:inline-block;
	vertical-align:top;
	margin-right:10px;
	font-family: FontAwesome;
	font-weight:300;
	 transition: all ease-in-out 0.5s;
    -moz-transition: all ease-in-out 0.5s;
    -webkit-transition: all ease-in-out 0.5s;
    -o-transition: all ease-in-out 0.5s;
    -ms-transition: all ease-in-out 0.5s;
    -khtml-transition: all ease-in-out 0.5s;
}
.footer_widgetbox p{
	font-size:14px;
	line-height:24px;
	color:#FFF;
	font-weight:400;
}
.contact_widgetbox ul li{
	color:#FFF;
	margin-bottom:30px;
}
.contact_widgetbox ul.socalbox{
	margin-top:35px;
}
.contact_widgetbox ul.socalbox li{
	display:inline-block;
	vertical-align:middle;
	margin:0;
	padding:4px;
}
.contact_widgetbox li a:before{
	display:none!important;
}
.footer_bottom{
	background:#fe0000;
	padding:20px 0;
}
.footer h3{
	font-size:18px;
	color:#fd0000;
	line-height:24px;
	text-transform:uppercase;
	font-weight:700;
	margin-bottom:34px;
	display:block;
	letter-spacing:1px;
}
.footer_bottom ul{
	margin:0;
	padding:0;
	list-style:none;
	width:102%;
	text-align:right;
}
.footer_bottom ul li:last-child{
	float:left;
	text-align:left;
	margin:0;
	padding:0;
}
.footer_bottom ul li:last-child:after{
	display:none;
}
.footer_bottom .container{
	overflow:hidden;
}

.footer_bottom ul li{
	display:inline-block;
	vertical-align:middle;
	font-size:13px;
	font-weight:400;
	padding:0;
	color:#FFF;
	position:relative;
}
.footer_bottom ul li a{
	color:#FFF;
}
.footer_bottom ul li:after{
	content:"|";
	position:relative;
	line-height:12px;
	display:inline-block;
	margin:0 5px;
}










 .productSlider{ width: 100%; float: left; position: relative; border: 1px solid #d2d2d2; margin-bottom: 20px; }
.productSlider .carousel-cell{ min-height: 210px; width: 100%; }
.productSlider .carousel-cell img{ width: 100%; }
 .productSlider .carousel-nav{ width: 80%; margin: 0 auto; margin-top: -45px; }
.productSlider .carousel-nav .carousel-cell{ min-height: 87px; width: 110px; border: 1px solid #777777; margin: 0 5px; }
 .productSlider .carousel-main .flickity-prev-next-button{ display: none; }
 .productSlider .carousel-nav .is-selected{ border:2px solid #fd0000; }
 .productSlider .carousel-nav .flickity-prev-next-button{ width: 37px; height: 38px; bottom: auto !important; top: 49%; z-index: 99; background: url(../images/arrow3.jpg) center center no-repeat; border-radius: 0; }
 .productSlider .carousel-nav .flickity-prev-next-button.next{ transform: rotate(180deg); top: 28% !important; right: -23px !important; }
 .productSlider .carousel-nav .flickity-prev-next-button.previous{ left: -23px !important; }