@charset "utf-8";/*unicode*/
/*======================================================================
	Project Name : S & S Fashion
	DEVELOPED BY : WAN IT LTD.
	CREATOR      : SM Shopnil
	E-MAIL		 : smshopnil@gmail.com
	DATE         : 2014-04-12
========================================================================*/
body{
	font-size:12px;
	font-family:Arial, Helvetica, sans-serif;
	background-color: #0e0e0e;
	background-image: url(../images/interface/bg_body.jpg);
	background-repeat: no-repeat;
	}
.tiles-nav{
	margin-top: -2em !important;
	float: left;
	left: 6% !important;	
}
/*===========@Global Styles ============*/
*{margin:0; padding:0; outline:none}
img,fieldset{border:0}
a{text-decoration:none; color:#980029;}

@font-face {
    font-family: 'ExoBold';
    src: url('../fonts/heaveneticacond7_boldsh_3.eot');
    src: url('../fonts/heaveneticacond7_boldsh_3.eot') format('embedded-opentype'),
         url('../fonts/heaveneticacond7_boldsh_3.woff') format('woff'),
         url('../fonts/heaveneticacond7_boldsh_3.ttf') format('truetype'),
         url('../fonts/heaveneticacond7_boldsh_3.svg#HeaveneticaCond7BoldSH') format('svg');
}
@font-face {
    font-family: 'HeaveneticaCond7BoldSH';
    src: url('../fonts/heaveneticacond7_boldsh_3.eot');
    src: url('../fonts/heaveneticacond7_boldsh_3.eot') format('embedded-opentype'),
         url('../fonts/heaveneticacond7_boldsh_3.woff') format('woff'),
         url('../fonts/heaveneticacond7_boldsh_3.ttf') format('truetype'),
         url('../fonts/heaveneticacond7_boldsh_3.svg#HeaveneticaCond7BoldSH') format('svg');
}
/*==============================Header===============================*/
#header{
	width:1050px;
	height:117px;
	margin:20px auto 0;
	background:#fff;
	}
/*---------------------*/
.logo{
	width:500px;
	float:left;
	margin:10px 0 0 18px;
	}
.header_right{
	width:270px;
	float:right;
	margin-top:35px;
	}
.text_social{
	width:55px;
	float:left;
	}
.text_social h3{
	font-size:14px;
	font-family:ExoBold;
	color:#b30031;
	line-height:66px;
	}
.social_link{
	width:390px;
	float:right;
	}
.social_link a img{
	float:left;
	margin-left:6px;
	}
/*-----------------------------mainnav-------------------------------*/
.main_nav{
	width:1062px;
	height:52px;
	margin:-12px auto 0;
	background:url(../images/interface/bg_manu2.png) no-repeat left center;
	}
.main_nav ul{
	width:100%;
	height:auto;
	position:relative;
	z-index:500;
	}
.main_nav ul li{
	float:left;
	list-style:none;
	position:relative;
	z-index:500;
	background:url(../images/interface/manu_border1.png) no-repeat right center;
	}
.main_nav ul li a{
	float:left;
	font-size:14px !important;
	color:#fff;
	line-height:41px;
	font-family:ExoBold;
	text-transform:capitalize;
	display:block;
	padding:0 14px;
	/*font-weight:bold;*/

	}
.main_nav ul li a:hover,.main_nav ul li#nav_current a{
	background:#3e3e3e;
	border-radius:0px;
	text-decoration:none;
	}
/*------------------------------*/
.main_nav ul li ul{
	width:160px;/*200*/
	height:auto;
	position:absolute;
	top:100%;
	left:0;
	z-index:500;
	background:#2f2b2a !important;
	display:none;
	padding:5px;
	border-top-left-radius: 0;
	}
.main_nav ul li ul li{
	width:160px;
	line-height:40px;
	list-style:none;
	background:none !important;
	border-bottom:1px solid #393534 !important;
	}
.main_nav ul li ul li#last_border{
	border-bottom:none !important;
	}
.main_nav ul li ul li a{
	width:160px;
	font-size:12px;
	color:#999594;
	}	
.main_nav ul li ul li a:hover{
	background:none !important;
	}
/*=====================================================================
								body_wrapper
======================================================================*/
#body_wrapper{
	width:1047px;
	overflow:hidden;
	background:#fff;
	margin:-6px auto 0;
	box-shadow:0 5px 10px #000000; 
	background-color:#FFFFFF;
	padding-bottom:20px;
	border:1p solid red;
	}
/*===============================banner==============================*/
#banner{
	width:1047px;
	height:452px;
	margin:-6px auto 0;
	}
/*---------------------------------
 *  Default tags
 *---------------------------------*/
a{color:blue;text-decoration:none;}
a:hover,
.jps a:hover{text-decoration:underline;}
a:active,
.jps a:active{color:orangeRed}
a:focus{}
a:visited{}





.noscript{}

#page ul{}

#page, #content{ height:auto; position:relative; margin:0 auto; width:1047px; float:left;}

#page .jps ul,
#page .customtabs ul{margin-top:0;}



#page_inner ul{}

#page_inner, #content_inner{ height:270px; position:relative; margin:0 auto; width:1047px; float:left; margin-top:-2px;}

#page_inner .jps ul,
#page_inner .customtabs ul{margin:0;}

.jps{display:none;position:relative;overflow:hidden;text-align:left; width:1047!important; }
.jps a,
.jps a:hover{text-decoration:none; display:block;}
.jps img{border:0; width:1047px;}

/*---------------------------------
 *  Navigation
 *---------------------------------*/
.jps .jps-nav{z-index:10;position:absolute;text-align:center;}

/* Nav > Clip */
.jps .jps-nav-clip{position:absolute; margin:0 auto;}
.jps .jps-nav-clip ul{position:relative; left:0; top:0px; z-index: 1000;list-style:none;margin:0;padding:0;}
.jps .jps-nav-clip ul li{float:left;}
.jps .jps-nav-clip ul li a{display:block;overflow:hidden;}

/*---------------------------------
 *  Buttons
 *---------------------------------*/
.jps .jps-btn{z-index:0;}

/*---------------------------------
 *  Panels
 *---------------------------------*/
.jps .jps-panel{z-index:1;position:absolute; top:0; left:0; width:1047px;}
.jps .jps-panel-active{z-index:5;}
.jps .jps-panel-old{z-index:4;}

/* Panels > Overlay */
.jps .jps-panel .jps-panel-textbox{position:absolute;z-index:1;}
.jps .jps-panel .jps-panel-text{position:absolute;z-index:3;top:0;left:0;}
.jps .jps-panel .jps-panel-overlay{position:absolute;z-index:2;top:0;left:0;}


/*---------------------------------
 *  Loader
 *---------------------------------*/


.contentslider-std { }
.contentslider-std .jps-panels{width:1047px; display: block; height:452px; background:#000 url(../images/ajax-loader.gif) no-repeat center center; overflow:hidden; }


/* Panels buttons */
.contentslider-std .jps-go-btn {  color: #FFFFFF; cursor: pointer; font-size: 50px; font-weight: normal; height: 58px; }
.contentslider-std .jps-go-btn{position: absolute; text-align: center; top: 50%; width: 58px; line-height: 58px; margin-top: -29px; }
.contentslider-std .jps-go-prev{left:-58px; }
.contentslider-std .jps-go-next{right:-58px; }
.contentslider-std .jps-go-btn a{border-radius:solid 1px #000;}
.contentslider-std .jps-go-prev a{display: block; width:58px; height:58px; background:#cf0000 url(../images/l-arr.png) no-repeat center center; border-top-right-radius:10px; border-bottom-right-radius:10px;}
.contentslider-std .jps-go-prev a{margin:0 auto 0 auto; font-size:0; line-height:0; text-indent:-4000px;}
.contentslider-std .jps-go-next a{display: block; width:58px; height:58px; background:#000 url(../images/r-arr.png) no-repeat center center; }
.contentslider-std .jps-go-next a {margin:0 auto 0 auto; font-size:0; line-height:0; text-indent:-4000px; border-top-left-radius:10px; border-bottom-left-radius:10px;}
.contentslider-std .jps-go-prev a:hover{}
.contentslider-std .jps-go-next a:hover{}
.contentslider-std .jps-go-btn span{display:none;}


/* setting the path to the thumb images the name of the thumbnail images have to be like the big slide images followed by "-thumb"*/ 
#a-thumb{ background: url(../images/banner/a-thumb.jpg);} 
#b-thumb{ background: url(../images/banner/b-thumb.jpg)} 
#c-thumb{ background: url(../images/banner/c-thumb.jpg);} 
#d-thumb{ background: url(../images/banner/d-thumb.jpg);} 

/* setting the style of thumbnail images frame*/
.jps-go-next strong{  display:block;  position:absolute; right:65px; top:-18px; z-index: 100; border:solid 5px #ffc62b;  box-shadow: #333 2px 2px 2px; }
.jps-go-next strong, .jps-go-prev strong{ width:145px; height:85px;  border:solid 5px #ffc62b; box-shadow: #333 2px 2px 2px;  border-radius:3px;
  /* IE 8 */
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  /* IE 5-7 */
  filter: alpha(opacity=0);
  /* Netscape */
  -moz-opacity: 0;
  /* Safari 1.x */
  -khtml-opacity: 0;
  /* Good browsers */
  opacity: 0;
}

.jps-go-prev strong{   display:block;  position:absolute; left:65px; top:-18px; z-index: 100;}

/* styling the description box */
.jps-panels { list-style-type: none;}
.jps-panels li {padding:0; width:1047px; margin:0; float:left; display:none; height:452px;}

.cbp-fwprev em{ display: block; width:19px; height:28px; background:url(../images/l-arr.png); margin:16px auto 0 auto; font-size:0; line-height:0; text-indent:-4000px;}
.cbp-fwnext em{ display: block; width:18px; height:27px; background:url(../images/r-arr.png); margin:16px auto 0 auto; font-size:0; line-height:0; text-indent:-4000px;}

h2.slider-title{  font-size: 35px; line-height:100px; font-family: font-family: 'Patua One', sans-serif;, sans-serif; background:#fefefe; color:#333; height:100px; font-weight: normal; margin:0;}
.jps-panels-wrapper{ height:452px; position:relative;}

a.holder{ position:absolute; top:0; left:0; z-index: 1; height:auto; width:1047px; display: block; overflow: visible;}


/* -------------------------------  Media Query Max Width 1300, Min Width 720 ------------------------------- */



@media only screen and (min-width:720px) and (max-width: 1300px) {

    .description { top:30%; width:50%;}
    .description h2 { font-size:21px; margin:0; }
    .description p {  font-size:13px; line-height:15px;}
	.contentslider-std .jps-go-prev a{ width:55px; }
	.contentslider-std .jps-go-next a{  width:55px;}
	.contentslider-std .jps-go-btn { width:55px;}
	.jps-go-next strong, .jps-go-prev strong{ width:125px; height:73px; top:-10px;}
	.jps-go-next strong{ right:61px}
	.jps-go-prev strong{ left:61px}

}

/* -------------------------------  Media Query Max Width 719 ------------------------------- */

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

    .description { display:none; }
	.contentslider-std .jps-go-prev a{ width:35px; height:35px; background:#000 url(../images/l-arr-sm.png) no-repeat 12px center; }
	.contentslider-std .jps-go-next a{  width:35px; height:35px; background:#000 url(../images/r-arr-sm.png) no-repeat 15px center; }
	.contentslider-std .jps-go-btn { width:35px; line-height:35px; height:35px;}
	.jps-go-next strong, .jps-go-prev strong{ width:110px; height:64px;  border:solid 3px #FFC62B;}
	.jps-go-next strong{ right:36px;}
	.jps-go-prev strong{ left:36px;}

}


/*==================================-===================================slider: [Start] =======================================================*/

#down {
  position: relative;
  top: -18px;
  margin: 0 1em;
}
.slider-wrap {
  background: white;
  height: 265px;
  box-shadow: 0 1px 4px rgba(0,0,0,.2);
}
.slider {
  width: 1047px;
  height: 452px;
}
.slider strong { color: #F0E10E; }
article {
  position: relative;
}
.title {
  padding: 1em 0;
  position: relative;
}
.code,
#effects-select {
  display: inline-block;
}
#effects-select {
  padding: .4em;
  margin-right: 1em;
  font-size: 14px;
  border: 1px solid #aaa;
}
label { margin-right: .5em; }
code {
  padding: .5em 1em;
  background: rgba(255,255,255,.75);
  font-size: 14px;
  margin: 0 .2em;
  font-family: Ubuntu Mono, monospace;
}
.action {
  position: absolute;
  right: 0;
  top: 13px;
  color: white;
  background: black;
  border: 0;
  width: 80px;
  padding: .6em 0;
}
.stop {
  display: none;
  background: #088BBF;
  text-shadow: 1px 1px rgba(0,0,0,.4)
}
/*====================================================================
							  mainpage_inner
=====================================================================*/
#mainpage_top{
	width:1047;
	height:4px;
	margin:0 auto;
	background:url(../images/interface/page_top.gif) no-repeat;
	}
/*===========================mainpage_inner=============================*/
#mainpage_images{
	width:1020px;
	overflow:hidden;
	margin:0 auto;
	}
.image_box{
	width:330px;
	overflow:hidden;
	float:left;
	margin-right:15px;
	}
.image_box h3{
	font-size:16px;
	font-family:HeaveneticaCond7BoldSH;
	color:#e30011;
	line-height:34px;
	text-transform:uppercase;
	}
.image_box h3 span{
	color:#595757;
	}
.image_box#last_img{
	margin-right:0px;
	}
/*===========mainpage_bottom=============*/
#mainpage_bottom{
	width:1020px;
	overflow:hidden;
	margin:16px auto 0;
	}
.mainpage_bottom_l h3{
	font-size:16px;
	font-family:HeaveneticaCond7BoldSH;
	color:#e30011;
	line-height:28px;
	text-transform:uppercase;
	}
.mainpage_bottom_l h3 span{
	color:#595757;
	}
.mainpage_bottom_l{
	width:675px;
	float:left;
	}
.mainpage_bottom_l p{
	font-size:12px;
	line-height:21px;
	font-family:Calibri;
	color:#2f2f28;
	text-align:justify;
	padding-top:3px;
	
	}
/*---------------------*/
.mainpage_bottom_r{
	width:327px;
	float:right;
	}
.mainpage_bottom_r h3{
	font-size:16px;
	font-family:HeaveneticaCond7BoldSH;
	color:#e30011;
	line-height:28px;
	text-transform:uppercase;
	}
.mainpage_bottom_r h3 span{
	color:#595757;
	}
.mainpage_bottom_r img{
	margin-top:8px;
	}
/*---------------------------------*/
.banner_slide{
	width:327px;
	height:217px;
	overflow:hidden;
	}
.banner_slide ul{
	width:327px;
	height:217px;
	overflow:hidden;
	list-style:none;
	}
.banner_slide ul li{
	width:327px;
	height:217px;
	float:left;
	list-style:none;
	}

/*====================================================================*/
#gallery{
	width:1055px;
	height:80px;
	margin:30px auto 0;
	background:url(../images/interface/bg_gallery.png) no-repeat;
	padding-left:25px;
	}
/*-------------featuredSlide-----------------------*/
.featuredSlide{
	width:1047px;
	height:80px;
	padding-top:16px;
	}
.featuredSlide ul { 
	width:1040px;
	height:47px;
	}
.featuredSlide ul li{ 
	width:192px;
	float:left;
	margin-right:5px;
	list-style:none;
	}
/*=======================================================================
							   FooterInner
==========================================================================*/
#footer_inner{
	width:100%;
	height:143px;
	margin:0 auto;
	background:url(../images/interface/bg_footer.gif) repeat-x;
	}
/*=================================Footer================================*/
.footer{
	width:1030px;
	height:100px;
	margin:0 auto;
	padding-top:25px;
	}
.footer_text{
	width:680px;
	float:left;
	}
.footer_text_box{
	width:117px;
	float:left;
	margin-left:15px;
	background:url(../images/interface/box_footer.png) no-repeat right center;
	}
.footer_text_box h3{
	font-size:13px;
	font-family:Calibri;
	color:#fff;
	line-height:24px;
	text-transform:capitalize;
	}
.footer_text_box ul li{
	list-style:none;
	}
.footer_text_box ul li a{
	font-size:11px;
	font-family:Calibri;
	color:#fff;
	line-height:24px;
	text-transform:capitalize;
	}
.footer_text_box#last_box{
	background:none;
	}
/*-----------------------*/
.copy_right{
	width:315px;
	float:right;
	margin-top:50px;
	}
.copy_right p{
	font-size:12px;
	font-family:Calibri;
	color:#fff;
	line-height:15px;
	}
.copy_right p a{
	color:#fff;
	}
.copy_right p a:hover{
	text-decoration:underline;
	}
/*===========banner_inner=============*/
#banner_inner{
	width:1047px;
	height:auto;
	margin:-6px auto 0;
	}
/*-------------------------*/
.contact{
	width:1047px;
	overflow:hidden;
	margin:10px auto 0;
	}
.contact h3{
	font-size:16px;
	font-family:HeaveneticaCond7BoldSH;
	color:#cf0000;
	line-height:50px;
	text-transform:uppercase;
	padding:10px 0 0 15px;
	}
.contact h3 span{
	color:#595757;
	}
.contact p{
	font-size:14px;
	font-family:Calibri;
	color:#595757;
	line-height:15px;
	padding-left:15px;
	}
.address{
	width:450px;
	overflow:hidden;
	float:left;
	}
.address_box{
	width:450px;
	margin-left:15px;
	margin-top:15px;
	}
.address_box h4{
	font-size:15px;
	line-height:15px;
	font-family:Arial, Helvetica, sans-serif;
	color:#cf0000;
	font-weight:normal;
	text-transform:capitalize;
	}
.address_box p{
	font-size:13px;
	line-height:22px;
	font-family:Arial, Helvetica, sans-serif;
	color:#595757;
	text-transform:none;
	padding-top:8px;
	}
.form{
	width:450px;
	float:right;
	margin-right:15px;
	}
.form h6{
	font-size:15px;
	line-height:35px;
	font-family:Arial, Helvetica, sans-serif;
	color:#cf0000;
	font-weight:normal;
	text-transform:capitalize;
	}
.input_box{
	width:350px;
	margin-top:15px;
	}
.input_box label{
	font-size:13px;
	line-height:22px;
	font-family:Arial, Helvetica, sans-serif;
	color:#595757;
	text-transform:capitalize;
	}
.int_btn{
	width:250px;
	height:28px;
	margin-left:27px;
	font-size:12px;
	line-height:18px;
	font-family:Arial, Helvetica, sans-serif;
	color:#595757;
	padding:0 5px;
	}
.int_btn01{
	width:250px;
	height:28px;
	margin-left:25px;
	font-size:12px;
	line-height:18px;
	font-family:Arial, Helvetica, sans-serif;
	color:#595757;
	padding:0 5px;
	}
.int_btn02{
	width:250px;
	height:28px;
	font-size:12px;
	line-height:18px;
	font-family:Arial, Helvetica, sans-serif;
	color:#595757;
	padding:0 5px;
	}
.int_btn03{
	width:250px;
	height:100px;
	margin-left:10px;
	font-size:12px;
	line-height:18px;
	font-family:Arial, Helvetica, sans-serif;
	color:#595757;
	padding:0 5px;
	}
.sub_btn{
	width:80px;
	height:28px;
	float:right;
	font-size:12px;
	font-family:Verdana, Geneva, sans-serif;
	color:#595757;
	margin:15px 114px 0 0;
	}
/*--------------*/
.about{
	width:1015px;
	overflow:hidden;
	margin:20px auto;
	padding:0 15px;
	}
.about h3{
	font-size:16px;
	font-family:HeaveneticaCond7BoldSH;
	color:#cf0000;
	line-height:50px;
	text-transform:uppercase;
	}
.about h3 span{
	color:#595757;
	}
.about p{
	font-size:12px;
	font-family:Arial, Helvetica, sans-serif;
	line-height:22px;
	color:#595757;
	text-align:justify;
	}
.about  h4{
	font-size:12px;
	font-family:Verdana, Geneva, sans-serif;
	line-height:45px;
	color:#595757;
	font-weight:normal;
	}
/*-------------------*/
.machine{
	width:1015px;
	overflow:hidden;
	margin:20px auto;
	padding:0 15px;
	}
.machine h3{
	font-size:16px;
	font-family:HeaveneticaCond7BoldSH;
	color:#cf0000;
	line-height:50px;
	text-transform:uppercase;
	}
.machine h3 span{
	color:#595757;
	}
/*------------------*/
.product{
	width:1015px;
	overflow:hidden;
	margin:20px auto;
	}
.product h3{
	font-size:16px;
	font-family:HeaveneticaCond7BoldSH;
	color:#cf0000;
	line-height:50px;
	text-transform:uppercase;
	}
.product_box{
	width:325px;
	overflow:hidden;
	float:left;
	border:1px solid red;
	margin-top: 0;
	margin-right: 15px;
	margin-bottom: 15px;
	margin-left: 0;
	}
.product_box#box_last{
	margin-right:0px;
	}
.product_txt{
	width:240px;
	height:80px;
	background:#cf0000;
	}
.product_txt P{
	font-size:12px;
	line-height:18px;
	font-family:Arial, Helvetica, sans-serif;
	color:#fff;
	padding:15px;
	}
	
.box_h1{
	font-size:14px;
	font-family:HeaveneticaCond7BoldSH;
	color:#e30011;
	letter-spacing:1px;
	line-height:25px;
	text-transform:uppercase;
	}