/**/
#content {
	position:absolute;
	left: 200px;
	top: 221px;
	width: 150px;
	height:100px;
	color: red;
}

.sidebox {
	background: red;
}


/* --------------- Tiny Carousel -------------------*/
.main {
    background: #f8f8f8 url(superhero.png) no-repeat;
    width: 800px;
    height: 450px;
    margin: 50px auto; 
	-moz-box-shadow: 0 3px 3px rgba(255,255,255,.1), 0 3px 0 #bbb, 0 4px 0 #aaa, 0 5px 5px #444;
    -webkit-box-shadow: 0 3px 3px rgba(255,255,255,.1), 0 3px 0 #bbb, 0 4px 0 #aaa, 0 5px 5px #444;
    box-shadow: 0 3px 3px rgba(255,255,255,.1), 0 3px 0 #bbb, 0 4px 0 #aaa, 0 5px 5px #444;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    border-radius: 10px;
}
.panel {
    height: 34px;
    padding: 10px;
}
.panel a#login_pop, .panel a#join_pop {
    border: 2px solid #07839f;
    color: #fff; background-color: #0483a0;
	background-image: -webkit-gradient(linear, left top, left bottom, from(#31b2c3), to(#0483a0));
	background-image: -webkit-linear-gradient(top, #31b2c3, #0483a0);
	background-image: -moz-linear-gradient(top, #31b2c3, #0483a0);
	background-image: -ms-linear-gradient(top, #31b2c3, #0483a0);
	background-image: -o-linear-gradient(top, #31b2c3, #0483a0);
	background-image: linear-gradient(top, #31b2c3, #0483a0);
    display: block;
    float: right;
    margin-right: 10px;
    padding: 5px 10px;
    text-decoration: none;
    text-shadow: 1px 1px #000;

    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    -ms-border-radius: 10px;
    -o-border-radius: 10px;
    border-radius: 10px;
}
a#login_pop:hover, a#join_pop:hover {
    border-color: #31b2c3; background:#31b2c3;
}
.overlay {
    background-color: rgba(0, 0, 0, 0.6);
    bottom: 0;
    cursor: default;
    left: 0;
    opacity: 0;
    position: fixed;
    right: 0;
    top: 0;
    visibility: hidden;
    z-index: 5;

    -webkit-transition: opacity .5s;
    -moz-transition: opacity .5s;
    -ms-transition: opacity .5s;
    -o-transition: opacity .5s;
    transition: opacity .5s;
}
.overlay:target {
    visibility: visible;
    opacity: 1;
}
.popup h2{color:#07839f; line-height:1.8em}
.popup {
    background-color: #fff;
    border: 5px solid ffb6c4;
    display: inline-block;
    left: 50%; color:#666;
    opacity: 0;
    padding: 15px;
    position: fixed;
    text-align: justify;
    top: 40%;
    visibility: hidden;
    z-index: 10;

    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);

    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    -ms-border-radius: 10px;
    -o-border-radius: 10px;
    border-radius: 10px;

    -webkit-box-shadow: red;
    -moz-box-shadow: red;
    -ms-box-shadow:red;
    -o-box-shadow: red;
    box-shadow: red;

    -webkit-transition: opacity .5s, top .5s;
    -moz-transition: opacity .5s, top .5s;
    -ms-transition: opacity .5s, top .5s;
    -o-transition: opacity .5s, top .5s;
    transition: opacity .5s, top .5s;
}
.overlay:target+.popup {
    top: 50%;
    opacity: 1;
    visibility: visible;
}
.close {
    background-color: rgba(0, 0, 0, 0.8);
    height: 30px;
    line-height: 30px;
    position: absolute;
    right: 0;
    text-align: center;
    text-decoration: none;
    top: -15px;
    width: 30px;

    -webkit-border-radius: 15px;
    -moz-border-radius: 15px;
    -ms-border-radius: 15px;
    -o-border-radius: 15px;
    border-radius: 15px;
}
.close:before {
    color: rgba(255, 255, 255, 0.9);
    content: "X";
    font-size: 24px;
    text-shadow: 0 -1px rgba(0, 0, 0, 0.9);
}
.close:hover {
    background-color: rgba(64, 128, 128, 0.8);
}
.popup p, .popup div {
    margin-bottom: 10px;
}
.popup label {
    display: inline-block;
    text-align: left;
    width: 180px;
}
.popup input[type="text"], .popup input[type="password"] {
    margin: 0;
    padding: 4px; background:#d8f6fd;

    border: 1px solid #66c8de;
	-moz-box-shadow: 0 1px 1px #ddd inset, 0 1px 0 #fff;
	-webkit-box-shadow: 0 1px 1px #ddd inset, 0 1px 0 #fff;
	box-shadow: 0 1px 1px #ddd inset, 0 1px 0 #fff;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
}
.popup input[type="text"]:hover, .popup input[type="password"]:hover {
    background: #fff
}
input[type=button]{
	cursor: pointer;
	font: bold 15px Arial, Helvetica;
	color: #fafafa;
	text-transform: uppercase;
	background-color: #0483a0;
	background-image: -webkit-gradient(linear, left top, left bottom, from(#31b2c3), to(#0483a0));
	background-image: -webkit-linear-gradient(top, #31b2c3, #0483a0);
	background-image: -moz-linear-gradient(top, #31b2c3, #0483a0);
	background-image: -ms-linear-gradient(top, #31b2c3, #0483a0);
	background-image: -o-linear-gradient(top, #31b2c3, #0483a0);
	background-image: linear-gradient(top, #31b2c3, #0483a0);
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	padding:5px;
	text-shadow: 0 1px 0 rgba(0, 0 ,0, .3);
	-moz-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.3) inset, 0 1px 0 #fff;
	-webkit-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.3) inset, 0 1px 0 #fff;
	box-shadow: 0 1px 0 rgba(255, 255, 255, 0.3) inset, 0 1px 0 #fff;
}
/* --------------- Tiny Carousel -------------------*/

.chatus{
    position:relative;
    width:250px;
    height:auto;
    position:fixed;
    bottom:0;
    left:900px;
}

.paypalheader{
    background:red;
    border-radius:3px 3px 0 0;
    margin:0 auto;
    padding:8px 23px;
    font-size:18px;
    font-weight:700;
    color:#fff;
    text-align:center;
    display:block;
    cursor:pointer;
}




#img-grayscale{ 
    filter: grayscale(100%);
    -webkit-filter: grayscale(100%);  /* For Webkit browsers */
    filter: gray;  /* For IE 6 - 9 */
    -webkit-transition: all .6s ease;  /* Transition for Webkit browsers */
	float:right;

}
#img-grayscale:hover{ 
    filter: grayscale(0%);
    -webkit-filter: grayscale(0%);
    filter: none;
	float:right;

}


#img-grayscale-footer{ 
    filter: grayscale(100%);
    -webkit-filter: grayscale(100%);  /* For Webkit browsers */
    filter: gray;  /* For IE 6 - 9 */
    -webkit-transition: all .6s ease;  /* Transition for Webkit browsers */
	float:right;
}
#img-grayscale-footer:hover{ 
    filter: grayscale(0%);
    -webkit-filter: grayscale(0%);
    filter: none;
	float:right;
}

#img-grayscale-footer-bank{ 
    filter: grayscale(100%);
    -webkit-filter: grayscale(100%);  /* For Webkit browsers */
    filter: gray;  /* For IE 6 - 9 */
    -webkit-transition: all .6s ease;  /* Transition for Webkit browsers */
	
}
#img-grayscale-footer-bank:hover{ 
    filter: grayscale(0%);
    -webkit-filter: grayscale(0%);
    filter: none;

}

/*---------------- CSS HEADER ------------------*/
.content-header{
	width:970px;
	height:100px;
	background-color:;
	float:left;
}


/*------------------------------------------------------*/
.div-header-identitas-toko{
	width:335px;
	height:100px;
	background-color:;
	float:left;
}
.div-content-identitas-toko{
	width:270px;
	height:100px;
	background-color:;
	float:left;
	margin-left:65px;
	font-family:helvetica-light;
	margin-top:30px;
	color:#757575;
	line-height:0px;
	font-size:13px;
}
#p-alamat-toko{
	font-family:helvetica-light;
	margin-top:20px;
	color:#757575;
	line-height:2px;
	font-size:13px;
}
#p-no-tlpn-toko{
	font-family:helvetica-light;
	margin-top:20px;
	color:#757575;
	font-size:20px;
	font-weight:bold;
}
#p-open-hours-toko{
	font-family:helvetica-light;
	margin-top:20px;
	color:#757575;
	line-height:2px;
	font-size:14px;
}
/*------------------------------------------------------*/


.div-header-logo-toko{
	width:300px;
	height:100px;
	background-color:;
	float:left;
}


/*------------------------------------------------------*/
.div-header-sosmed-pencarian{
	width:335px;
	height:100px;
	background-color:;
	float:left;
}
.div-header-sosmed{
	width:270px;
	height:50px;
	background-color:;
	float:left;
}
.div-header-kolom-pencarian{
	width:270px;
	height:50px;
	background-color:;
	float:left;
}
#input-text-pencarian{
	height:30px;
	width:200px;
	float:left;
	margin-left:30px;
}

#button-input-text-pencarian{
	height:30px;
}
#position-button-input-text{
	float:left;
}
/*------------------------------------------------------*/
/*---------------- END CSS HEADER ------------------*/


/*------------ CSS HALAMAN HOME ---------------*/
.home-content{
	width:970px;
	height:auto;
	background-color:;
}
.home-content-1 {
	width:1330px;
	background-color:;
	height:400;
	float:left;
	margin-left:8px;
	
}
.home-content-1-kolom-sosmed {
	width:50px;
	background-color:;
	height:400px;
	float:left;
	z-index:1000;
}
/*-------------------------------------------*/
.home-content-2 {
	width:970px;
	background-color:;
	height:300px;
	text-align:center;
	float:left;
	font-family:helvetica-light;
	font-size:14px;
	color:#757575;
}
#p-content-2{
	font-family:helvetica-light;
	font-size:15px;
	color:#757575;
}
/*-------------------------------------------*/

.home-content-3 {
	width:970px;
	height:27px;
	background-color:;
	margin-top:10px;
	margin-bottom:10px;
	float:left;
}

.home-content-4 {
	width:970px;
	background-color:;
	height:270px;
	float:left;
}

.home-content-5 {
	width:970px;
	height:27px;
	background-color:;
	margin-top:10px;
	margin-bottom:10px;
	float:left;
}

/*-------------------------------------------------*/
.home-content-6 {
	width:970px;
	height:440px;
	background-color:;
	font-family:helvetica-light;
	text-align:justify;
	float:left;
	margin-bottom:10px;
	
}
.col-xs-1-gambar-user-testimony {
	width:100px;
	height:100px;
	background-color:;
	float:left;
	margin-left:20px;
	
	
}
.col-xs-5-keterangan-testimony {
	width:350px;
	background-color:;
	height:100px;
	float:left;
	margin-left:10px;
	color:959595;
}
#p-nama-kota-testimony{
	font-family:helvetica-light;
	text-align:justify;	
	color:757575;
	font-size:14px;
	float:left;
}

#p-tanggal-testimony{
	font-family:helvetica-light;
	text-align:justify;	
	color:757575;
	font-size:14px;
	float:right;
}

#p-keterangan-testimony{
	font-family:helvetica-light;
	color:757575;
	font-size:12px;

	
}
.readmore{
	font-family:helvetica-light;
	margin-left:850px;
	color:111111;
	font-size:12px;
	
}
/*-------------------------------------------------*/


/*-------------------------------------------------*/
.home-content-7 {
	width:970px;
	background-color:;
	height:50px;
	text-align:center;
	margin-bottom:10px;
	float:left;
}
#p-our-clients{	
	font-family:fertigo-reguler;
	color:c2e1ce;
	font-size:14px;
}
#p-name-clients{	
	font-family:helvetica-light;
	color:959595;
	font-size:14px;
}
/*-------------------------------------------------*/
/*------------ END CSS HALAMAN HOME ---------------*/



/*------------ CSS HALAMAN ABOUT US ---------------*/
.aboutus-content{
	width:970px;
	height:1000px;
	background-color:;
}

.aboutus-content-1-slideshow{
	width:970px;
	height:200px;
	background-color:;
	float:left;
	margin-bottom:10px;
}

/*-------------------------------------------------*/
.aboutus-content-2{
	width:970px;
	height:315px;
	background-color:;
	float:left;
	font-family:helvetica-light;
	color:757575;
	text-align:justify;
	font-size:14px;
	
}
#p-aboutus{	
	font-family:fertigo-reguler;
	color:66b284;
	font-size:14px;
	text-align:center;
}
#p-content-aboutus{	
	font-family:helvetica-light;
	color:757575;
	text-align:justify;
	font-size:15px;
}
/*-------------------------------------------------*/

/*-------------------------------------------------*/
.aboutus-content-3{
	width:970px;
	background-color:;
	height:auto;
	margin-top:10px;
	margin-bottom:10px;
	float:left;
}
.aboutus-content-4{
	width:970px;
	background-color:;
	height:auto;
	font-family:helvetica-light;
	text-align:justify;
	float:left;
	margin-bottom:15px;
}
.aboutus-gambar-user-testimony{
	width:100px;
	height:100px;
	background-color:;
	float:left;
	margin-top:10px;
	margin-left:25px;
}
.aboutus-keterangan-testimony{
	width:400px;
	background-color:;
	font-family:helvetica-light;
	text-align:justify;
	float:left;
	margin-left:10px;
	margin-right:30px;
	margin-top:10px;
	color:757575;
}
/*-------------------------------------------------*/
/*----------- END CSS HALAMAN ABOUT US ------------*/



/*----------- CSS HALAMAN CONTACT US --------------*/
/*-------------------------------------------------*/
.concact{
	width:970px;
	height:auto;
	background-color:;
	float:left;
	margin-bottom:10px;

}
.contactus-content-1{
	width:820px;
	height:100px;
	background-color:ffb6c4;
	float:left;
	margin-left:80px;
}
#title{
	font-family:helvetica-light;
	color:white;
	float:right;
	margin-right:20px;
	margin-top:70px;
	font-weight:bold;
}
/*-------------------------------------------------*/

/*-------------------------------------------------*/
.contactus-content-2-peta{
	width:500px;
	height:400px;
	background-color:;
	float:left;
	margin-left:85px;
	margin-top:10px;
}
.contactus-content-2-keterangan{
	width:300px;
	height:400px;
	background-color:;
	float:left;
	margin-left:10px;
	margin-top:10px;
	font-family:helvetica-light;
	color:757575;
	font-size:14px;
}
/*-------------------------------------------------*/


#clear{
	margin-bottom:10px;
}
/*---------- END CSS HALAMAN CONTACT US -----------*/



/*----------- CSS HALAMAN PRODUK --------------*/
.produk-content{
width:970px;
height:auto;
background-color:red;

}

/*----------------------------------------*/
#produk-content-1-kolom-pencarian{
width:210px;
height:500px;
background-color:;
float:left;
}
.produk-content-kolom-pencarian-1{
width:188px;
height:auto;
padding-bottom: 10px;
background-color:#fbe9e9;
float:left;
}
.produk-content-kolom-pencarian-2{
width:188px;
height:90px;
}

#p-sort-event{
font-family:#fertigo-reguler;
text-align:center;
font-size:14px;
margin-top:20px;
}


#p-sort-event-produk{
font-family:fertigo-reguler;
text-align:center;
font-size:14px;
margin-top:20px;
}

#p-subkategori{
font-family:helvetica-light;
color:#6a6a6a;
text-align:left;
font-size:12px;
margin-left:25px;
margin-top:20px;
text-decoration:none;
}

#p-subkategori:hover{
font-weight:bold;
color:black;
font-size:12px;
}
/*----------------------------------------*/


.produk-content-2-nama-produk{
width:760px;
height:auto;
background-color:;
float:left;
margin-top:5px;
}
.produk-content-2-produk-1{
width:760px;
height:32px;
background-color:;
float:left;
margin-top:10px;
margin-bottom:10px;
}
.produk-content-2-produk{
width:760px;
height:auto;
background-color:;
margin-bottom:0px;
float:left;
}
#img-produk{
     
}

#p-title-produk{
font-family:helvetica-light;
font-size:14px;
color:#66b284;
text-align:center;
}

#p-keterangan{
font-family:helvetica-light;
font-size:12px;
color:#6b6b6b;
text-align:center;
line-height:10px;
}

.keterangan-produk-reguler{
width:550px;
height:35px;
background-color:;
float:left;
margin-left:100px;
}

#p-keterangan-produk{
font-family:helvetica-light;
font-size:12px;
color:#6b6b6b;
text-align:center;
}

.keterangan-produk-medium{
width:550px;
height:35px;
background-color:;
float:left;
margin-left:100px;
}

.keterangan-produk-large{
width:550px;
height:35px;
background-color:;
float:left;
margin-left:100px;
}

#detail-produk-title{
font-family:#helvetica-light;
font-size:20px;
color:#add6bd;
margin-left:10px;
font-weight:normal;
}

#detail-produk-keterangan{
display: block; 
font-family:helvetica-light;
line-height: 1em; 
font-size:14px;
color:6b6b6b;
margin-left:10px;
font-weight:normal;
text-align:justify;
}

#detail-produk-nominal{
display: block; 
line-height: 1em; 
font-size:16px;
color:black;
margin-left:10px;
font-weight:bold;
}
/*---------- END CSS HALAMAN PRODUK -----------*/



/*----------- CSS HALAMAN ORDER--------------*/
.content-order{
width:970px;
height:auto;
background-color:;
float:left;
margin-bottom:10px;
}

.content-order-1{
width:310px;
height:350px;
background-color:;
float:left;
margin-bottom:10px;
margin-left:px;
}

.content-order-2{
width:310px;
height:auto;
background-color:;
float:left;
margin-bottom:10px;
margin-left:15px;
}

.content-order-3{
width:310px;
height:350px;
background-color:;
float:left;
margin-bottom:10px;
margin-left:15px;
}
#input{
height:30px;
}
#text-input{
	font-family:helvetica-light;
	font-weight:bold;
	color:606060;
	font-size:14px;
}

#text-title{
	font-family:helvetica-light;
	font-weight:bold;
	color:606060;
	font-size:14px;
}
/*---------- END CSS HALAMAN ORDER -----------*/

/*----------- CSS HALAMAN PAYMENT--------------*/
.content-payment{
width:970px;
height:auto;
background-color:;
float:left;
margin-bottom:10px;
}

.content-payment-1{
width:970px;
height:31px;
background-color:;
float:left;
margin-bottom:10px;

}

.content-payment-1-1{
width:970px;
height:70px;
background-color:;
float:left;
margin-bottom:10px;
}

.content-payment-2{
width:970px;
height:auto;
background-color:;
float:left;
margin-bottom:10px;
}

.content-payment-2-1{
width:300px;
height:150px;
background-color:fcf1f1;
float:left;
margin-bottom:10px;
margin-left:20px;
}
.content-payment-2-2{
width:300px;
height:150px;
background-color:fcf1f1;
float:left;
margin-bottom:10px;
margin-left:20px;
}
.content-payment-2-3{
width:300px;
height:150px;
background-color:fcf1f1;
float:left;
margin-bottom:10px;
margin-left:20px;
}
.content-payment-2-4{
width:300px;
height:150px;
background-color:fcf1f1;
float:left;
margin-left:20px;
}
.content-payment-2-5{
width:300px;
height:150px;
background-color:fcf1f1;
float:left;
margin-left:20px;
}
.content-payment-2-6{
width:300px;
height:150px;
background-color:fcf1f1;
float:left;
margin-left:20px;
}

.content-payment-img{
width:200px;
height:50px;
background-color:;
float:left;
margin-left:50px;
margin-top:20px;
}

#img-payment{
margin-left:30px;
margin-top:10px;
}

#img-payment-niaga{
margin-left:25px;
margin-top:10px;
}

.content-payment-img-keterangan{
width:250px;
height:70px;
background-color:;
float:left;
margin-left:25px;
}

.content-payment-3{
width:970px;
height:80px;
background-color:;
float:left;
margin-bottom:10px;
}

.content-payment-4{
width:970px;
height:35px;
background-color:;
float:left;
margin-bottom:10px;
}

.content-payment-5{
width:970px;
height:30px;
background-color:;
float:left;
margin-bottom:10px;
}

.content-payment-6{
width:600px;
height:420px;
background-color:;
float:left;
margin-bottom:10px;
margin-left:200px;
}

/*----------- END CSS HALAMAN PAYMENT--------------*/


/*----------- CSS HALAMAN FAQ--------------*/
.content-faq{
width:970px;
height:auto;
background-color:;
float:left;
margin-bottom:10px;
}

.faq-content-1{
width:970px;
height:auto;
background-color:;
float:left;
font-family:fertigo-reguler;
color:c2e1ce;
}

.faq-content-2{
width:970px;
height:auto;
background-color:;
float:left;
font-family:helvetica-light;
color:959595;
}
#input{
height:30px;
}

#input-payment{
height:30px;
width:300px;
}

#text-input-faq{
	font-family:helvetica-light;
	color:757575;
	font-size:14px;
}
/*---------- END CSS HALAMAN FAQ -----------*/

/*----------- CSS HALAMAN SUBMIT ORDER--------------*/
.content-submit-order{
width:970px;
height:500px;
background-color:;
float:left;
margin-bottom:10px;
}

.submit-order-content-1{
width:970px;
height:50px;
background-color:;
float:left;
font-family:fertigo-reguler;
	color:c2e1ce;
	margin-top:70px;
}

.submit-order-content-2{
width:800px;
height:150px;
background-color:;
float:left;
margin-top:80px;
margin-left:90px;
font-family:helvetica-light;
color:959595;

}

/*---------- END CSS HALAMAN SUBMIT ORDER -----------*/

/*----------- CSS HALAMAN SUBMIT KONFIRMASI PEMBAYARAN --------------*/
.content-submit-konfirmasi{
width:970px;
height:500px;
background-color:;
float:left;
margin-bottom:10px;
}

.submit-konfirmasi-content-1{
width:970px;
height:50px;
background-color:;
float:left;
font-family:fertigo-reguler;
	color:c2e1ce;
	margin-top:70px;
}

.submit-konfirmasi-content-2{
width:800px;
height:40px;
background-color:;
float:left;
margin-top:80px;
margin-left:90px;
font-family:helvetica-light;
color:959595;

}

/*---------- END CSS HALAMAN SUBMIT KONFIRMASI PEMBAYARAN -----------*/



/*----------- CSS HALAMAN MODAL--------------*/
#p-keterangan-modal{
	font-family:helvetica-light;
	color:#959595;
	font-size:14px;
	font-weight:normal;
}

#p-keterangan-modal-produk{
	font-family:helvetica-light;
	color:#959595;
	font-size:14px;
	font-weight:normal;
}

#p-keterangan-modal-telepon{
	font-family:helvetica-light;
	color:black;
	text-align:center;
}

#p-keterangan-modal-telepon-produk{
	font-family:helvetica-light;
	color:black;
	text-align:center;
	font-size:18px;
	font-weight:bold;
}

#p-keterangan-modal-sosmed{
	font-family:helvetica-light;
	color:black;
	text-align:center;
}

.p-keterangan-modal-sosmed-produk{
	font-family:helvetica-light;
	color:black;
	text-align:center;
	font-size:14px;
	font-weight:bold;
}

#p-keterangan-modal-sosmed-2{
	font-family:helvetica-light;
	color:black;
	text-align:center;
}

#p-keterangan-modal-sosmed-2-produk{
	font-family:helvetica-light;
	color:black;
	text-align:center;
	font-size:18px;
	font-weight:bold;
}

.modal-chatgaris{

}

#img-chatgaris{
margin-left:50px;
}

#img-massenger{
margin-left:200px;
}
/*---------- END CSS HALAMAN MODAL -----------*/





/*----------- CSS FONT -------------------*/
@font-face{
	font-family:'helvetica-light';
	src: url('../fonts/helvetica-light/Helvetica-Light.otf');
}

#font-helvetica-light{
	font-family:helvetica-light;
	font-size:12px;
	
}

@font-face{
	font-family:'fertigo-reguler';
	src: url('../fonts/fertigo-reguler/Fertigo_18.otf');
}

#font-fertigo-reguler{
	font-family:fertigo-reguler;
	font-size:12px;
;
}

@font-face{
	font-family:'GreatVibes-Regular';
	src: url('../fonts/greatvibes-regular/GreatVibes-Regular.ttf');
}

#font-fertigo-reguler{
	font-family:GreatVibes-Regular;
	font-size:12px;
;
}
/*----------- END CSS FONT -------------------*/



/*---------------- DIV FOOTER -------------------*/
.content-footer{
width:100%;
height:365px;
background-color:;
}

.footer-1{
width:100%;
height:56px;
background-color:#A4DACA;
float:left;
}
.footer-1-1{
width:20%;
height:20px;
background-color:#A4DACA;
float:left;
margin-left:20%;
}
.footer-1-2{
width:20%;
height:20px;
background-color:#A4DACA;
float:left;
margin-left:px;
}
.footer-1-3{
width:20%;
height:20px;
background-color:#A4DACA;
float:left;
margin-left:px;
}

.footer-2{
width:100%;
height:113px;
background-color:;
float:left;
}

#footer-title{
font-family:helvetica-light;
color:#606060;
margin-top:20px;
font-size:14px;
font-weight:bold;
}

#p-menu-footer{
font-family:helvetica-light;
color:#606060;
font-size:14px;
text-decoration:none;
}

#p-menu-footer:hover{
font-weight:bold;
color:black;
font-size:16px;
}



.p-identitas-toko-footer{
font-family:helvetica-light;
color:#606060;
font-size:14px;
}

#p-nama-toko-footer{
font-family:helvetica-light;
color:#606060;
font-weight:bold;
font-size:12px;
text-align:center;
}

#p-nama-toko-footer-1{
font-family:helvetica-light;
color:#606060;
font-weight:bold;
font-size:12px;
text-align:center;
}

#p-nama-toko-footer-1:hover{
font-family:helvetica-light;
color:black;
font-weight:bold;
font-size:12px;
text-align:center;
text-decoration:none;
}

#p-nama-toko-footer-produk{
font-family:helvetica-light;
color:black;
font-weight:bold;
font-size:16px;
}

.footer-2-1{
background-color:#A4DACA;
width:40%;
height:150px;
float:left;
}
.footer-2-2{
background-color:#A4DACA;
width:180px;
height:150px;
float:left;
margin-left:270px;
}
.footer-2-3{
background-color:#A4DACA;
width:20%;
height:150px;
float:left;
}

.footer-2-4{
background-color:#A4DACA;
width:40%;
height:150px;
float:left;
}

.footer-3{
width:100%;
height:45%;
background-color:#A4DACA;
float:left;
margin-top:37px;
}
.footer-3-1{
width:15%;
height:100%;
background-color:#A4DACA;
float:left;
margin-top:px;
}
.footer-3-2{
width:70%;
height:100%;
background-color:#A4DACA;
float:left;
margin-top:px;
}
.footer-3-3{
width:15%;
height:100%;
background-color:#A4DACA;
float:left;
margin-top:px;
}

#p-copyright{
font-family:#helvetica-light;
color:#000000;
font-size:14px;
text-align:center;
font-weight:bold;
margin-bottom:5px;
}
/*---------------- END DIV FOOTER -------------------*/




/*---------------- DIV MENU ------------------*/
.menu{
width:970px;
height:95px;
background-color:;
float:left;
}

.menu-atas{
width:970px;
height:27px;
background-color:;
}

.content-menu{
width:980px;
height:40px;
background-color:;
float:left;
}

.menu-kiri{
width:65px;
height:41px;
background-color:;
float:left;

}

.menu-tengah{
width:840px;
height:41px;
background-color:;
float:left;
}

.menu-kanan{
width:65px;
height:41px;
background-color:;
float:left;
margin-left:6px;
}

.menu-bawah{
width:970px;
height:28px;
background-color:;
float:left;

}
/*---------------- END DIV MENU ------------------*/


/*---------------- CSS MENU -------------------*/
nav {
	background-color:#ffb6c4; 
	height:40px;
	line-height:50px; 
	position:relative;
	width:846px;
	margin-left:px;	
}

nav ul {
	list-style:none;
}

nav ul li a {
	float:left; 
	width:118px; 
	display:block; 
	text-align:center; 
	color:#ffffff; 
	text-decoration:none; 
	text-transform:uppercase;
	font-size:13px;
	margin-left:2px;
	margin-top:10px;
	height:40px;
	font-family:fertigo-reguler;
}

nav ul li a:hover {
	color:white;
	font-weight:bold;
	display:block;
	text-decoration:none; 
	font-size:14px;
}

nav ul li:hover ul {
	display:block;
}
/*DROPDOWN MENU PRODUK*/
nav ul ul{
	display:none; 
	list-style:none; 
	position:absolute; 
	background-color:#fbe9e9;
	left:355px; 
	top:40px; 
	width:135px;
	z-index: 1;
	text-decoration:none; 
	border: 1px solid #f389a1;
	z-index:3;
}

nav ul ul li a {
	float:right;
	margin-right:10px;
	font-size:13px;
	color:#606060;
	text-decoration:none; 
}
nav ul ul li a:hover {
	color:#606060;
	font-weight:bold;
	text-decoration:none; 
	font-size:14px;
}
/*END DROPDOWN MENU PROUDUK*/

/*DROPDOWN MENU PAYMENT*/
nav ul ul.div {
	display:none; 
	list-style:none; 
	position:absolute; 
	background-color:#fbe9e9;
	left:620px; 
	top:40px; 
	width:135px;
	z-index: 1;
	text-decoration:none; 
	border: 1px solid #f389a1;
	z-index:3;
}
nav ul ul.div li a {
	float:right;
	margin-right:10px;
	font-size:13px;
	margin-bottom:5px;
	line-height:20px;
	height:35px;

}
nav  ul  ul.div li a:hover {
	font-weight:bold;
	text-decoration:none; 
	font-size:14px;
}
/*END DROPDOWN MENU PAYMENT*/






/*---------------- END CSS MENU -------------------*/





/* reset */
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,dl,dt,dd,ol,nav ul,nav li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;font-size:;font:;vertical-align:;}
article, aside, details, figcaption, figure,footer, header, hgroup, menu, nav, section {display: block;}
ol,ul{list-style:none;margin:0px;padding:0px;}
blockquote,q{quotes:none;}
blockquote:before,blockquote:after,q:before,q:after{content:'';content:none;}
table{border-collapse:collapse;border-spacing:0;}
/* start editing from here */
a{text-decoration:none;}
.txt-rt{text-align:right;}/* text align right */
.txt-lt{text-align:left;}/* text align left */
.txt-center{text-align:center;}/* text align center */
.float-rt{float:right;}/* float right */
.float-lt{float:left;}/* float left */
.clear{clear:both;}/* clear float */
.pos-relative{position:relative;}/* Position Relative */
.pos-absolute{position:absolute;}/* Position Absolute */
.vertical-base{	vertical-align:baseline;}/* vertical align baseline */
.vertical-top{	vertical-align:top;}/* vertical align top */
nav.vertical ul li{	display:block;}/* vertical menu */
nav.horizontal ul li{	display: inline-block;}/* horizontal menu */
img{max-width:100%;}
/*end reset*/
body{
	font-family: 'Open Sans', sans-serif;
	background:#FFF;
}
/*----start-wrap----*/
.wrap{
	width:70%;
	margin:0 auto;
}
.top-header{
	background:#08080B;
}
.top-header-left{
	float:left;
	width:10%;
	padding: 0.25em 0 0 0;
}
.top-header-center{
	float: left;
	width: 80%;
	padding: 0.25em;
	padding: 0.4em;
}
.top-header-right{
	float: right;
	padding: 0.25em 0;
}
.top-header-left ul li{
	display:inline-block;
}
.top-header-left ul li a span{
	width:24px;
	height:24px;
	display:block;
}
/*----start-cart-tonggle----*/
.cart{
	position:relative;
}
#cart{
	display:none;
}
#cart{
	width: 12%;
	background-color: #08080B;
	position: absolute;
	padding: 0.9em 1em 1em 1em;
	color: #FFF;
	font-size: 0.875em;
	top: 3.1em;
}
#cart span{
	color:#F06B6B;
}
#cart:before{
	content: '';
	display: block;
	border-color: transparent transparent #08080B transparent;
	border-style: solid;
	border-width: 10px;
	position: absolute;
	top: -20px;
	left: 6%;
	margin-left: -10px;
}
/*----//End-cart-tonggle----*/
.cart span{
	background:url(../images/image-sprit.png) no-repeat 0px 0px;
}
.info span{
	background: url(../images/image-sprit.png) no-repeat -22px 0px;
}
.top-header-center-alert-left{
	float: left;
	width: 39%;
	text-align: right;
}
.top-header-center-alert-right{
	float: right;
	width: 60%;
}
.top-header-center-alert-left h3{
	color:#FFF;
	font-weight:600;
	font-size:0.85em;
}
.vticker li{
	color:#F06B6B;
	font-size:0.8em;
	font-weight:100;
}
.top-header-right ul li{
	display:inline-block;
}
.top-header-right ul li:first-child{
	
}
.top-header-right ul li:first-child span{
	height: 13px;
	width: 1px;
	background: #FFF;
	display: inline-block;
	margin: 0 0.5em 0 0.6em;
	vertical-align: middle;
}
.top-header-right ul li a{
	color: #FFF;
	font-size: 0.7em;
	text-transform: uppercase;
}
/*----start-mid-head---*/
.mid-grids{
	padding: 1.4em 0;
}
.mid-grid-left{
	float: left;
	width: 26%;
	padding-top: 1.3em;
}
.mid-grid-right{
	float: right;
	padding: 2.5em 0 1em 0;
}
.mid-grid-left input[type="text"]{
	border: 1px solid #08080B;
	border-right: none;
	border-left: none;
	border-top: none;
	font-family: 'Open Sans', sans-serif;
	outline: none;
	padding: 0.8em 0;
	color:#A5A5A5;
	width:85%;
	-moz-transition: width 0.5s ease-out;
	 -webkit-transition: width 0.5s ease-out;
	 transition: width 0.5s ease-out;
}
.mid-grid-left input[type="text"]:focus {
 width:100%;
 -moz-transition: width 0.5s ease-out;
 -webkit-transition: width 0.5s ease-out;
 transition: width 0.5s ease-out;
}
.logo span{
	width: 131px;
	height: 60px;
	display: inline-block;
	background: url(../images/image-sprit.png) no-repeat -57px -3px;
}
.logo{
	position:relative;
}
/*----//End-mid-head---*/
/*----start-price-rage----*/
.price-rage h3{
	color: #08080B;
	font-size: 0.875em;
	padding: 1em 0;
}
/*----start-price-rage----*/
/*----start-content----*/
.content{
	padding-top:2.5em;
}
.content-left-price-selection h4{
	color: #08080B;
	font-size: 0.875em;
	padding: 1em 0;
	text-align: left;
}
.content-left{
	float: left;
	width: 13%;
}
.content-right{
	float: right;
	width: 87%;
}
/*---start-check-box----*/
.uncheked{
	height:20px;
	width:20px;
	display:block;
	background:url(../images/image-sprit.png) no-repeat;
}
.cheked{
	height:20px;
	width:20px;
	display:block;
	background:url(../images/image-sprit.png) no-repeat 50% 50%;
}
.disabled{
	height:20px;
	width:20px;
	display:block;
	background:url(../images/image-sprit.png) no-repeat 0% 100%;
}
.price-selection-tree input[type="checkbox"]{
	display:none;
}
.price-selection-tree input[type="checkbox"]+label{
	display: block;
	vertical-align: top;
	font-size: 1.2em;
	font-weight: 600;
	margin-top: -0.3em;
	height: 76px;
	cursor:pointer;
}
.checkbox-grid-left p{
	display:block;
}
.checkbox-grid-left a{
	vertical-align: super;
	margin-left: 10px;
	color: #222;
	font-size: 1em;
}
input[type=checkbox].css-checkbox10 + label i.css-label10 {
	height: 76px;
	width: 17px;
	display: inline-block;
	line-height: 18px;
	background-repeat: no-repeat;
	background-position: 0 0px;
	cursor: pointer;
	background: url(../images/image-sprit.png) no-repeat -0px -82px;
}
input[type=checkbox].css-checkbox10:checked + label i.css-label10 {
	background: url(../images/image-sprit.png) no-repeat -0px -82px;
	height: 20px;
}
input[type=checkbox].css-checkbox11 + label i.css-label11 {
	height: 74px;
	width: 17px;
	display: inline-block;
	line-height: 18px;
	background-repeat: no-repeat;
	background-position: 0 0px;
	cursor: pointer;
	background: url(../images/image-sprit.png) no-repeat 0px -147px;
}
input[type=checkbox].css-checkbox11:checked + label i.css-label11 {
	background: url(../images/image-sprit.png) no-repeat -2px -81px;
	height: 22px;
}
/*----*/
input[type=checkbox].css-checkbox12 + label i.css-label12 {
	height: 15px;
	width: 17px;
	display: inline-block;
	line-height: 18px;
	background-repeat: no-repeat;
	background-position: 0 0px;
	cursor: pointer;
	background: url(../images/image-sprit.png) no-repeat -2px -222px;
}
input[type=checkbox].css-checkbox12:checked + label i.css-label12 {
	background: url(../images/image-sprit.png) no-repeat -2px -81px;
	height: 22px;
}
/*----*/
/*----*/
input[type=checkbox].css-checkbox13 + label i.css-label13 {
	height: 15px;
	width: 17px;
	display: inline-block;
	line-height: 18px;
	background-repeat: no-repeat;
	background-position: 0 0px;
	cursor: pointer;
	background: url(../images/image-sprit.png) no-repeat -2px -222px;
}
input[type=checkbox].css-checkbox13:checked + label i.css-label13 {
	background: url(../images/image-sprit.png) no-repeat -2px -81px;
	height: 22px;
}
/*----*/
/*----*/
input[type=checkbox].css-checkbox14 + label i.css-label14 {
	height: 15px;
	width: 17px;
	display: inline-block;
	line-height: 18px;
	background-repeat: no-repeat;
	background-position: 0 0px;
	cursor: pointer;
	background: url(../images/image-sprit.png) no-repeat -2px -222px;
}
input[type=checkbox].css-checkbox14:checked + label i.css-label14 {
	background: url(../images/image-sprit.png) no-repeat -2px -81px;
	height: 22px;
}
/*----*/
/*----*/
input[type=checkbox].css-checkbox15 + label i.css-label15 {
	height: 15px;
	width: 17px;
	display: inline-block;
	line-height: 18px;
	background-repeat: no-repeat;
	background-position: 0 0px;
	cursor: pointer;
	background: url(../images/image-sprit.png) no-repeat -2px -222px;
}
input[type=checkbox].css-checkbox15:checked + label i.css-label15 {
	background: url(../images/image-sprit.png) no-repeat -2px -81px;
	height: 22px;
}
/*----*/
.active1{
	color: #08080B;
	transition:0.5s all;
	-webkit-transition:0.5s all;
	-moz-transition:0.5s all;
	-o-transition:0.5s all;
}
.active1:hover{
	color:#A5A5A5;
}
.normal{
	color:#A5A5A5;
	transition:0.5s all;
	-webkit-transition:0.5s all;
	-moz-transition:0.5s all;
	-o-transition:0.5s all;
}
.normal:hover{
	color: #08080B;
}
/*---content-left-bottom-grid---*/
.content-left-bottom-grid{
	margin-top: -1.8em;
}
.content-left-bottom-grid h4{
	color: #08080B;
	font-size: 0.875em;
	padding: 1em 0;
	text-align: left;
}
.content-left-bottom-grid1 h5 a{
	color: #08080B;
	font-size: 0.8em;
}
.content-left-bottom-grid1 span{
	color: #A5A5A5;
	font-size: 0.8em;
}
.content-left-bottom-grid1 label{
	color: #464040;
	display: block;
	font-weight: 600;
	font-size: 1em;
}
.content-left-bottom-grid1{
	text-align:left;
	margin-bottom: 1.5em;
}
.product-grid-head li{
	display: inline-block;
	margin: 0 0.5em 0.5em 0;
}
/*---start-rating----*/
.starbox.small .stars .star_holder .star {
				width: 17px;
				height: 17px;
			}
			.starbox.alternate .stars .star_holder .star {
				width: 24px;
				height: 24px;
			}
			.starbox.colours .stars { background: #FFD596; }
			.starbox.colours .hover .stars { background: #BD940F; }
			.starbox.colours .rated .stars { background: #ECECEC; }
			.starbox.colours .rated.hover .stars { background: #ECECEC; }
			.starbox.colours .colorbar { background: #a56a1c; }
			.starbox.colours .hover .colorbar { background: #f4341f; }
			.starbox.colours .rated .colorbar { background: #c29a65; }
			.starbox.colours .rated.hover .colorbar { background: #9f0e00; }
			.starbox.colours .ghost { background: #e2b6b2; }
/*---start-rating----*/
/*---start-product-grid----*/
.product-grid{
	width: 30.33%;
	margin: 0 4% 4% 0;
	float: left;
	border: 1px solid #E9E9E9;
	position: relative;
	transition: 0.5s all;
	-webkit-transition: 0.5s all;
	-moz-transition: 0.5s all;
	-o-transition: 0.5s all;
}
.product-grid:hover {
	box-shadow: 0px 1px 11px #DBDBDB;
	z-index: 1;
}
.last-grid{
	margin-right:0;
}
.product-pic a img{
	display:block;
	margin: 0 auto;
}
.product-grid-head{
	padding:1em;	
}
.product-pic p{
	padding: 0em 1em 1em 1em;
	color: #D6D6D6;	
}
.product-pic p span{
	color: #999;
	font-size: 0.8em;	
	font-size: 0.7em;
} 
.product-pic p a{
	display: block;
	color: #2A2323;
	font-size: 0.875em;
}
.product-pic p a small{
	font-size:0.8em;
}
.product-info-cust{
	float: left;
	width: 53%;
	padding: 0.5em 1em;
	text-align: center;
}
.product-info-cust a{
	color: #2A2323;
	text-transform: uppercase;
	font-size: 0.875em;
	font-weight: 600;
}
.product-info-price{
	float: right;
	background: #fff;
	width: 27%;
	text-align: center;
	padding: 0.545em;
}
.product-info-price a{
	color: #2A2323;
	font-weight: 700;
}
.product-info{
	background: url(../images/price-border.png) repeat-y 0px 0px#ECECEC;
	border-top: 1px solid #E9E9E9;
}
.grid-social{
	padding-bottom: 0.5em;
}
.more-product-info span{
	width: 30px;
	height: 30px;
	display: block;
	background: url(../images/image-sprit.png) no-repeat -30px -155px;
	position: absolute;
	top: 0px;
	right: 0;
	cursor:pointer;
}
/*----start-bottom-grids----*/
.bottom-grids{
	margin-top:2em;
}
.bottom-top-grids{
	background:#FAFAFA;
	padding: 2em 0;
}
.bottom-top-grid{
	width: 31.2%;
	margin-right: 2%;
	float: left;
	border-right: 1px solid #E2E2E2;
}
.bottom-top-grid p{
	color: #08080B;
	display: block;
	font-size: 0.8em;
	padding: 0 0 0.5em 0;
}
.last-bottom-top-grid,.last-bottom-bottom-grid{
	border:none;
}
.bottom-top-grid h4{
	color: #08080B;
	font-weight: 700;
	font-size: 1.2em;
	padding-bottom: 0.5em;
}
.bottom-top-grid ul li a{
	color: #08080B;
	padding: 0.1em 0;
	display: block;
	font-size: 0.8em;
}
.learn-more{
	color:#E45D5D;
	padding: 0.1em 0;
	display: block;
	font-size: 0.8em;
	transition:0.5s all;
	-webkit-transition:0.5s all;
	-moz-transition:0.5s all;
	-o-transition:0.5s all;
}
.learn-more:hover{
	color: #08080B;
}
.bottom-bottom-grids{
	background:#ECECEC;
	padding: 2em 0 4em;
}
.bottom-bottom-grid{
	width: 31.2%;
	margin-right: 2%;
	float: left;
	border-right: 1px solid #E2E2E2;
}
.bottom-bottom-grid h6{
	color: #08080B;
	font-weight: 700;
	font-size: 1.2em;
	padding-bottom: 0.5em;
}
.bottom-bottom-grid p{
	color: #08080B;
	display: block;
	font-size: 0.8em;
	padding: 0 0 0.5em 0;
}
/*---start-footer----*/
.footer{
	background: #08080B;
	padding: 0.3em 0;
}
.footer-left{
	float:left;
}
.footer-left ul li{
	display:inline-block;
}
.footer-left ul li a{
	color: #FFF;
	font-size: 0.75em;
}
.footer-left ul li span {
	height: 13px;
	width: 1px;
	background: #FFF;
	display: inline-block;
	margin: 0 0.5em 0 0.6em;
	vertical-align: middle;
}
.footer-right{
	float:right;
}
.footer-right p{
	color:#FFF;
	font-size: 0.8em;
}
.footer-right p a{
	color:#FFF;
	transition:0.5s all;
	-webkit-transition:0.5s all;
	-moz-transition:0.5s all;
	-o-transition:0.5s all;
}
.footer-right p a:hover{
	color:#E45D5D;
}
/*** move top **/
#toTop {
	display: none;
	text-decoration: none;
	position: fixed;
	bottom: 13%;
	right: 7%;
	overflow: hidden;
	width: 37px;
	height: 37px;
	border: none;
	text-indent: 100%;
	background: url(../images/move-top.png) no-repeat 0px 0px;
	transition:0.5s all;
	-webkit-transition:0.5s all;
	-moz-transition:0.5s all;
	-o-transition:0.5s all;
}
#toTop:hover{
	background: url(../images/move-toph.png) no-repeat 0px 0px;
}
#toTopHover {
	width: 48px;
	height: 48px;
	display: block;
	overflow: hidden;
	float: right;
	opacity: 0;
	-moz-opacity: 0;
	filter: alpha(opacity=0);
}
#toTop:active, #toTop:focus {
	outline: none;
}
/*----light-box-pop-up----*/
.modal-content-left{
	float:left;
	width:37%;
}
.modal-content-right{
	float:right;
	width:62.8%;
	border-left:1px solid #EEE;
}
.modal-content-right-price{
	
}
.modal-content-right-price p{
	color: #08080B;
	text-transform: uppercase;
}
.modal-content-right-price p span{
	color: #E45D5D;
	margin-left: 0.5em;
}
.modal-content-right-price{
	padding:0.8em;
	border:1px solid #EEE;
	border-right:none;
	border-left:none;
}
/*----//light-box-pop-up----*/
/*----responsive-tabs----*/
ul.resp-tabs-list, p {
    margin: 0px;
    padding: 0px;
}
.resp-tabs-list li {
    font-weight: 600;
    font-size: 13px;
    display: inline-block;
    padding: 13px 15px;
    margin: 0;
    list-style: none;
    cursor: pointer;
    float: left;
    text-transform: uppercase;
}
.resp-tabs-container {
    padding: 0px;
    background-color: #fff;
    clear: left;
}

h2.resp-accordion {
    cursor: pointer;
    padding: 5px;
    display: none;
}

.resp-tab-content {
    display: none;
    padding: 15px;
}

.resp-tab-active {
    border: 1px solid #EEE;
    border-bottom: none;
    border-left: none;
    border-top: none;
    margin-bottom: -1px !important;
    padding: 12px 14px 14px 14px !important;
}

.resp-tab-active {
    border-bottom: none;
    background-color: #fff;
}

.resp-content-active, .resp-accordion-active {
    display: block;
}

.resp-tab-content {
    border: 1px solid #EEE;
	border-left: none;
}

h2.resp-accordion {
    font-size: 13px;
    border: 1px solid #EEE;
    border-left: none;
    border-top: 0px solid #EEE;
    margin: 0px;
    padding: 10px 15px;
}

h2.resp-tab-active {
    border-bottom: 0px solid #EEE !important;
    margin-bottom: 0px !important;
    padding: 10px 15px !important;
}

h2.resp-tab-title:last-child {
    border-bottom: 12px solid #EEE !important;
    background: blue;
}
/*-----------Vertical tabs-----------*/
.resp-vtabs ul.resp-tabs-list {
   float: left;
	width: 20%;
}
.resp-vtabs .resp-tabs-list li {
    display: block;
    padding: 15px 15px !important;
    margin: 0;
    cursor: pointer;
    float: none;
}

.resp-vtabs .resp-tabs-container {
    padding: 0px;
    background-color: #fff;
    border: 1px solid #EEE;
    float: left;
    width: 79.8%;
    min-height: 250px;
    border-radius: 4px;
    clear: none;
}

.resp-vtabs .resp-tab-content {
    border: none;
}

.resp-vtabs li.resp-tab-active {
    border: 1px solid #EEE;
    border-right: none;
    background-color: #fff;
    position: relative;
    z-index: 1;
    margin-right: -1px !important;
    padding: 14px 15px 15px 14px !important;
}

.resp-arrow {
    width: 0;
    height: 0;
    float: right;
    margin-top: 3px;
    border-left: 6px solid transparent;
    border-right: 6px solid transparent;
    border-top: 12px solid #EEE;
}

h2.resp-tab-active span.resp-arrow {
    border: none;
    border-left: 6px solid transparent;
    border-right: 6px solid transparent;
    border-bottom: 12px solid #EEE;
}

/*-----------Accordion styles-----------*/
h2.resp-tab-active {
    background: #DBDBDB !important;
}
.resp-easy-accordion  h2.resp-accordion {
        display: block;
}
.resp-easy-accordion .resp-tab-content {
    border: 1px solid #c1c1c1;
}

.resp-easy-accordion .resp-tab-content:last-child {
    border-bottom: 1px solid #c1c1c1 !important;
}

.resp-jfit {
    width: 100%;
    margin: 0px;
}

.resp-tab-content-active {
    display: block;
}

h2.resp-accordion:first-child {
    border-top: 1px solid #c1c1c1 !important;
}

/*Here your can change the breakpoint to set the accordion, when screen resolution changed*/
@media only screen and (max-width: 768px) {
    ul.resp-tabs-list {
        display: none;
    }

    h2.resp-accordion {
        display: block;
    }

    .resp-vtabs .resp-tab-content {
        border: 1px solid #EEE;
    }

    .resp-vtabs .resp-tabs-container {
        border: none;
        float: none;
        width: 100%;
        min-height: initial;
        clear: none;
    }
    .resp-accordion-closed {
        display:none !important;
    }
    .resp-vtabs .resp-tab-content:last-child {
        border-bottom: 1px solid #EEE !important;
    }
}
.resp-tabs-container ul li{
	display:block;
}
.resp-tabs-container ul li p,.resp-tabs-container p{
	color: #08080B;
	font-size: 0.8em;
	padding: 0.5em 0;
	line-height: 1.6em;
}
.resp-tabs-container ul li p span{
	height: 8px;
	width: 8px;
	display: inline-block;
	background: #08080B;
	margin-right: 0.5em;
	border-radius: 30em;
	transition:0.5s all;
	-webkit-transition:0.5s all;
	-moz-transition:0.5s all;
	-o-transition:0.5s all;
} 
.resp-tabs-container ul li p:hover span{
	background:#ECECEC;
}
/*----//responsive-tabs----*/
/*----start-modal-content-right-price-btn----*/
.modal-content-right-price-btn-left{
	float:left;
}
.modal-content-right-price-btn-left p{
	color: #08080B;
	text-transform: uppercase;
	font-size:0.875em;
}
.modal-content-right-price-btn{
	padding:0.8em;
	border-bottom:1px solid #EEE;
}
.modal-content-right-price-btn select{
	color: #08080B;
	font-size: 0.875em;
	width: 50px;
	border: 1px solid #eee;
	padding: 0.2em;
	font-family: 'Open Sans', sans-serif;
	outline: none;
	margin-left: 0.5em;
	cursor:pointer;
}
.modal-content-right-price-btn-right{
	float:right;
	margin-top: 0.13em;
}
.b_btn{
	background: #E45D5D;
	color: #FFF;
	font-size: 0.875em;
	padding: 0.7em 1.2em;
	border-radius: 5px;
	border-bottom: 4px solid #B93838;
	transition:0.5s all;
	-webkit-transition:0.5s all;
	-moz-transition:0.5s all;
	-o-transition:0.5s all;
}
.b_btn:hover{
	background: #1C1C20;
	border-bottom: 4px solid #333;
}
.bottom-border{
	height:3px;
	width:100%;
	background:url(../images/border.png) repeat-x;
	display:block;
}
/*----//End-modal-content-right-price-btn----*/
/*---login----*/
.login-box{
	padding:0;
	min-height: 700px;
}
.login-main h1{
	color: #08080B;
	font-weight: 700;
	font-size: 1.2em;
	padding: 1em 0;
}
.login-main{
	border-top: 1px solid #EEE;
}
.login-left{
	float: left;
	width: 46%;
	margin-right: 1.9%;
	border: 1px solid #EEE;
	padding: 1em 1.5em;
}
.login-right{
	float: right;
	width: 43%;
	margin-right: 0;
	border: 1px solid #EEE;
	padding: 1em 1.5em;
}
.login-right h3{
	color:#08080B;
	text-transform: capitalize;
	line-height: 1.8em;
}
.login-left h3,.login-right h3{
	color: #E45D5D;
	font-weight: 700;
	font-size: 1em;
	padding-bottom: 0.5em;
}
.login-left p,.login-right p{
	color: #08080B;
	display: block;
	font-size: 0.8em;
	margin: 0 0 1.5em 0;
	line-height: 1.8em;
}
.login-right p{
	margin:0;
}
.acount-btn{
	background: #E45D5D;
	color: #FFF;
	font-size: 0.8em;
	padding: 0.7em 1.2em;
	border-radius: 5px;
	border-bottom: 4px solid #B93838;
	transition: 0.5s all;
	-webkit-transition: 0.5s all;
	-moz-transition: 0.5s all;
	-o-transition: 0.5s all;
	display: inline-block;
	text-transform:uppercase;
}
.acount-btn:hover{
	background: #1C1C20;
	border-bottom: 4px solid #333;
}
.login-right form{
	padding:1em 0; 
}
.login-right span{
	color: #08080B;
	font-weight: 700;
	font-size: 0.875em;
	padding-bottom: 0.2em;
	display: block;
	text-transform: uppercase;
}
.login-right span label{
	color: #E45D5D;
	height: 10px;
	width: 10px;
	display: inline-block;
	vertical-align: top;
	margin-left: 0.2em;
}
.login-right input[type="text"]{
	border: 1px solid #EEE;
	outline-color: #E45D5D;
	width: 96%;
	font-size: 1em;
	padding: 0.5em;
}
.forgot{
	color: #08080B;
	font-weight: 700;
	font-size: 0.875em;
	margin-bottom: 1em;
	display: block;
	text-transform: uppercase;
	transition:0.5s all;
	-webkit-transition:0.5s all;
	-moz-transition:0.5s all;
	-o-transition:0.5s all;
}
.forgot:hover{
	color:#E45D5D;
}
.login-right form div{
	padding: 0 0 0.5em 0;
}
.login-right input[type="submit"]{
	background: #E45D5D;
	color: #FFF;
	font-size: 0.8em;
	padding: 0.7em 1.2em;
	border-radius: 5px;
	border-bottom: 4px solid #B93838;
	transition: 0.5s all;
	-webkit-transition: 0.5s all;
	-moz-transition: 0.5s all;
	-o-transition: 0.5s all;
	display: inline-block;
	font-family: 'Open Sans', sans-serif;
	cursor: pointer;
	outline: none;
	text-transform: uppercase;
	border-right: none;
	border-left: none;
	border-top: none;
}
.login-right input[type="submit"]:hover{
	background: #1C1C20;
	border-bottom: 4px solid #333;
}
/*---//login----*/
/*---register----*/
/*---//register----*/
.register-top-grid h3,.register-bottom-grid h3{
	color: #E45D5D;
	font-weight: 700;
	font-size: 1em;
	padding-bottom: 0.5em;
}
.register-top-grid span,.register-bottom-grid span{
	color: #08080B;
	font-weight: 700;
	font-size: 0.875em;
	padding-bottom: 0.2em;
	display: block;
	text-transform: uppercase;
}
.register-top-grid span label,.register-bottom-grid span label{
	color: #E45D5D;
	height: 10px;
	width: 10px;
	display: inline-block;
	vertical-align: top;
	margin-left: 0.2em;
}
.register-top-grid input[type="text"],.register-bottom-grid input[type="text"]{
	border: 1px solid #EEE;
	outline-color: #E45D5D;
	width: 96%;
	font-size: 1em;
	padding: 0.5em;
	font-family: 'Open Sans', sans-serif;
}
.news-letter{
	color: #08080B;
	font-weight: 700;
	font-size: 0.875em;
	margin-bottom: 1em;
	display: block;
	text-transform: uppercase;
	transition: 0.5s all;
	-webkit-transition: 0.5s all;
	-moz-transition: 0.5s all;
	-o-transition: 0.5s all;
	clear: both;
}
.news-letter:hover{
	color:#E45D5D;
}
.register-top-grid div,.register-bottom-grid div{
	width: 48%;
	float: left;
	margin: 0.5em;
}
/*start-checkbox*/
.checkbox {
	margin-bottom: 4px;
	padding-left: 27px;
	font-size: 1.1em;
	line-height: 27px;
	cursor: pointer;
}
 .checkbox:last-child {
	margin-bottom: 0;
}
.checkbox input {
	position: absolute;
	left: -9999px;
}
.checkbox i {
	position: absolute;
	bottom: 5px;
	left: 0;
	display: block;
	width: 13px;
	height: 13px;
	outline: none;
	border: 2px solid #DDDDDD;
}
.checkbox input + i:after {
	position: absolute;
	opacity: 0;
	transition: opacity 0.1s;
	-o-transition: opacity 0.1s;
	-ms-transition: opacity 0.1s;
	-moz-transition: opacity 0.1s;
	-webkit-transition: opacity 0.1s;
}
.checkbox input + i:after {
	content: '';
	background: url("../images/mark.png") no-repeat 3px 2px;
	top: -1px;
	left: -1px;
	width: 15px;
	height: 15px;
	font: normal 12px/16px FontAwesome;
	text-align: center;
}
.checkbox input:checked + i:after {
	opacity: 1;
}
.checkbox {
	float: left;
	margin-left: 8px;
	position: relative;
}
.checkbox:last-child {
	margin-bottom: 4px;
}
.register-grids form input[type="submit"]{
	background: #E45D5D;
	color: #FFF;
	font-size: 0.8em;
	padding: 0.7em 1.2em;
	border-radius: 5px;
	border-bottom: 4px solid #B93838;
	transition: 0.5s all;
	-webkit-transition: 0.5s all;
	-moz-transition: 0.5s all;
	-o-transition: 0.5s all;
	display: inline-block;
	font-family: 'Open Sans', sans-serif;
	cursor: pointer;
	outline: none;
	text-transform: uppercase;
	border-right: none;
	border-left: none;
	border-top: none;
	float: left;
}
.register-grids form input[type="submit"]:hover{
	background: #1C1C20;
	border-bottom: 4px solid #333;
}
/*end-checkbox*/
/*-----start-details-page----*/
.product-details{
	padding-bottom:3em;
}
.details-page{
	padding:0;
}
.product-details  h1{
	color: #08080B;
	font-weight: 700;
	font-size: 1.2em;
	padding: 0.2em 0;
	text-transform: uppercase;
}
.product-head{
	padding: 0.5em 0;
	border-top: 1px solid #eee;
	border-bottom: 1px solid #eee;
	margin-bottom: 1em;
	background: url(../images/price-border.png) repeat-y 100% 0%;
}
.product-head li{
	display:inline-block;
}
.product-head li a{
	color: #08080B;
	font-weight: 700;
	font-size: 0.875em;
	padding-bottom: 0.2em;
	display: inline-block;
	text-transform: uppercase;
	transition:0.5s all;
	-webkit-transition:0.5s all;
	-moz-transition:0.5s all;
	-o-transition:0.5s all;
}
.product-head li.active-page a{
	color:#E45D5D;
}
#carousel-wrapper {
	position: relative;
}
#carousel, #thumbs {
	overflow: hidden;
}
#carousel span, #carousel img,
#thumbs a, #thumbs img  {
	display: block;
	float: left;
}
#carousel span, #carousel a,
#thumbs span, #thumbs a {
	position: relative;
}
#carousel img,
#thumbs img {
	border: none;
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
}
#carousel img.glare,
#thumbs img.glare {
	width: 102%;
	height: auto;
}
 
#carousel span {
	width: 554px;
	height: 313px;
}
 
#thumbs-wrapper {
	padding: 20px 40px;
	position: relative;
}
#thumbs a {
	width: 150px;
	height: 100px;
	margin: 0 10px;
	overflow: hidden;
}
#thumbs a:hover, #thumbs a.selected {
	border-color: #566;
}
#wrapper img#shadow {
	width: 100%;
	position: absolute;
	bottom: 0;
}
 
#prev, #next {
	background: transparent url('../images/carousel_nav.png') no-repeat 0 0;
	display: block;
	width: 19px;
	height: 20px;
	margin-top: -10px;
	position: absolute;
	top: 50%;
}
#prev {
	background-position: 0 0;
	left: 10px;
}
#next {
	background-position: -19px 0;
	right: 10px;
}			
#prev:hover { 
	background-position: 0 -20px;				
}
#next:hover {
	background-position: -19px -20px;				
}
#prev.disabled, #next.disabled {
	display: none !important;
}
.details-left-slider{
	float:left;
	width: 38%;
}
.details-left-info{
	float: left;
	width: 58%;
}
.pro-rate li{
	display:inline-block;
}
.product-rate label{
	width: 132px;
	height: 24px;
	display: inline-block;
	background: url(../images/image-sprit.png) no-repeat -30px -122px;
}
.pro-rate li a{
	color: #08080B;
	padding: 0.1em 0;
	font-size: 0.8em;
	transition:0.5s all;
	-webkit-transition:0.5s all;
	-moz-transition:0.5s all;
	-o-transition:0.5s all;
}
.pro-rate li a:hover{
	color:#E45D5D;
}
.product-detail-info{
	color: #08080B;
	display: block;
	font-size: 0.8em;
	padding: 1em 0;
	line-height: 1.5em;
}
.price{
	float:left;
}
.price span{
	display: block;
	text-decoration: line-through;
	color: red;
	font-size: 1.2em;
	padding: 0.5em 0;
}
.price label{
	display: block;
	color: green;
	font-size: 1.2em;
	padding: 0 0 0.5em 0;
}
.stock{
	float:right;
}
.stock i{
	color: green;
	margin-top: 2em;
	display: block;
}
.product-colors li a span{
	width:32px;
	height:32px;
	display:inline-block;
}
.color1 span{
	background:#D2D6D5;
}
.color2 span{
	background:#008CB7;
}
.color3 span{
	background:#F3349E;
}
.color4 span{
	background:#93D52D;
}
.color5 span{
	background:#FD9812;
}
.color6 span{
	background:#000000;
}
.color7 span{
	background:#7800F0;
}
.color8 span{
	background:#F6EF04;
}
.product-colors h3,.prosuct-qty span{
	color: #08080B;
	font-weight: 700;
	font-size: 0.875em;
	padding-bottom: 0.5em;
	display: block;
	text-transform: uppercase;
}
.product-colors li{
	display:inline-block;
}
.prosuct-qty select{
	font-family: 'Open Sans', sans-serif;
	border: 1px solid #eee;
	padding: 0.5em;
	font-size: 1em;
	outline:none;
}
.prosuct-qty option{
	border:1px solid #EEE;
	font-family: 'Open Sans', sans-serif;
}
.prosuct-qty{
	margin-bottom:1.5em;
}
.product-colors{
	padding:0.5em 0;
}
.product-more-details input[type="button"]{
	background: #E45D5D;
	color: #FFF;
	font-size: 0.8em;
	padding: 0.7em 1.2em;
	border-radius: 5px;
	border-bottom: 4px solid #B93838;
	transition: 0.5s all;
	-webkit-transition: 0.5s all;
	-moz-transition: 0.5s all;
	-o-transition: 0.5s all;
	display: inline-block;
	font-family: 'Open Sans', sans-serif;
	cursor: pointer;
	outline: none;
	text-transform: uppercase;
	border-right: none;
	border-left: none;
	border-top: none;
}
.product-more-details input[type="button"]:hover{
	background: #1C1C20;
	border-bottom: 4px solid #333;
}
.product-share li{
	display:inline-block;
}
.product-share li a span{
	width:27px;
	height:27px;
	display:inline-block;
}
.share-face span{
	background:url(../images/social-share.png) no-repeat 0px 0px; 
}
.share-twitter span{
	background: url(../images/social-share.png) no-repeat -37px 0px;
}
.share-google span{
	background: url(../images/social-share.png) no-repeat -37px -37px;
}
.share-rss span{
	background: url(../images/social-share.png) no-repeat 0px -37px;
}
.product-share{
	margin:1em 0;
}
.product-share h3{
	color: #08080B;
	font-weight: 700;
	font-size: 0.875em;
	padding-bottom: 0.5em;
	display: block;
	text-transform: uppercase;
}
.product-share li a:hover {
	zoom: 1;
	filter: alpha(opacity=50);
	opacity: 0.7;
	-webkit-transition: opacity .15s ease-in-out;
	-moz-transition: opacity .15s ease-in-out;
	-ms-transition: opacity .15s ease-in-out;
	-o-transition: opacity .15s ease-in-out;
	transition: opacity .15s ease-in-out;
}
.details-left{
	float:left;
	width:80%;
}
.details-right{
	float: right;
	width: 19%;
	background: url(../images/add.jpg) no-repeat 0px 0px;
	min-height: 600px;
	border-left: 1px solid #eee;
	text-align: center;
}
.details-right a{
	background: #E45D5D;
	color: #FFF;
	font-size: 0.8em;
	padding: 0.7em 1.2em;
	border-radius: 5px;
	border-bottom: 4px solid #B93838;
	transition: 0.5s all;
	-webkit-transition: 0.5s all;
	-moz-transition: 0.5s all;
	-o-transition: 0.5s all;
	display: inline-block;
	font-family: 'Open Sans', sans-serif;
	cursor: pointer;
	outline: none;
	text-transform: uppercase;
	border-right: none;
	border-left: none;
	border-top: none;
	margin-top: 400px;
}
.details-right a:hover{
	background: #1C1C20;
	border-bottom: 4px solid #333;
}
/*----*/
.product-reviwes{
	margin-top:2em;
}
.vertical-tabs h3 ,.vertical-tabs h4{
	color: #08080B;
	font-weight: 700;
	font-size: 0.875em;
	padding: 0.5em 0;
	display: block;
	text-transform: uppercase;
}
.vertical-tabs h4{
	font-size: 0.8em;
	padding: 0.8em 0 0.8em;
	color: #E45D5D;
}
.vertical-tabs form input[type="text"]{
	border: 1px solid #EEE;
	outline-color: #E45D5D;
	width: 35%;
	font-size: 1em;
	padding: 0.5em;
	font-family: 'Open Sans', sans-serif;
}
.vertical-tabs form input[type="submit"] {
	background: #E45D5D;
	color: #FFF;
	font-size: 0.8em;
	padding: 0.7em 1.2em;
	border-radius: 5px;
	border-bottom: 4px solid #B93838;
	transition: 0.5s all;
	-webkit-transition: 0.5s all;
	-moz-transition: 0.5s all;
	-o-transition: 0.5s all;
	display: inline-block;
	font-family: 'Open Sans', sans-serif;
	cursor: pointer;
	outline: none;
	text-transform: uppercase;
	border-right: none;
	border-left: none;
	border-top: none;
}
.vertical-tabs form input[type="submit"]:hover {
	background: #1C1C20;
	border-bottom: 4px solid #333;
}
.vertical-tabs form span{
	color: #A5A5A5;
	display: block;
	font-size: 0.8em;
	padding: 0.5em 0;
}
.similar-products-left h3{
	color: #FFF;
	display: block;
	font-size: 1em;
	padding: 0.5em 0;
}
.similar-products-left{
	width: 15.7%;
	float: left;
	background: #E45D5D;
	padding: 1em 1.5em;
	min-height: 250px;
}
.similar-products-left p{
	color: #08080B;
	font-size: 0.8em;
	padding: 0.5em 0;
	line-height: 1.6em;
}
/*-- start-similar-products--*/
.similar-products{
	margin-top:2em;
}
.similar-products-right{
	float: right;
	width: 79.5%;
}
.sproduct-grid{
	width:100%;
	margin:0;
	float:left;
}
/*-- //End-similar-products--*/
/*-----//End-details-page----*/
/*----start-products-page----*/
.product-box-main{
	border-top: 1px solid #eee;
	padding-bottom: 5em;
	padding-top: 0;
}
.product-box-head-left{
	float:left;
}
.product-box-head-right{
	float:right;
}
.product-box-head-right ul li{
	display:inline-block;
}
.product-box-head-right ul li span{
	color: #08080B;
	font-weight: 700;
	font-size: 0.875em;
	padding: 0.5em 0;
	text-transform: uppercase;
}
.product-box-head-right ul li a{
	color:#E45D5D;
	font-weight: 700;
	font-size: 0.875em;
	padding: 0.5em 0;
	text-transform: uppercase;
	transition:0.5s all;
	-webkit-transition:0.5s all;
	-moz-transition:0.5s all;
	-o-transition:0.5s all;
}
.product-box-head-right ul li a:hover{
	color:#08080B;
}
.product-box-head-right ul li label{
	height: 9px;
	width: 2px;
	background: #08080B;
	display: inline-block;
	margin: 0 0.2em;
}
.product-box-head-right ul li:last-child{
	margin-left:2em;
}
.product-box-head-left{
	color: #08080B;
	font-weight: 700;
	font-size: 0.875em;
	text-transform: uppercase;
}
.product-box-head-left h3 span{
	color:#E45D5D;
}
.product-box-head{
	padding: 0.8em 1em 0.8em 0;
	border-bottom: 1px solid #EEE;
	margin-bottom: 1em;
	background: url(../images/price-border.png) repeat-y 100% 0%;
}
/*----*/
.loadmore-products a{
	background: #E45D5D;
	color: #FFF;
	font-size: 0.875em;
	padding: 0.9em 1.2em;
	border-radius: 5px;
	border-bottom: 4px solid #B93838;
	transition: 0.5s all;
	-webkit-transition: 0.5s all;
	-moz-transition: 0.5s all;
	-o-transition: 0.5s all;
	display: block;
	font-family: 'Open Sans', sans-serif;
	cursor: pointer;
	outline: none;
	text-transform: uppercase;
	border-right: none;
	border-left: none;
	border-top: none;
	text-align: center;
}
.loadmore-products a:hover{
	background: #1C1C20;
	border-bottom: 4px solid #333;
}
.content-left-top-brands h3{
	color: #08080B;
	font-weight: 700;
	font-size: 1em;
	padding: 0.5em 0 0.7em;
	text-transform: uppercase;
	border-bottom: 1px solid #eee;
}
.content-left-top-brands ul li{
	display:block;
}
.content-left-top-brands ul li a{
	display: block;
	font-size: 0.875em;
	color: #A5A5A5;
	text-transform: capitalize;
	line-height: 1.8em;
	border-bottom: 1px solid #eee;
	padding: 0.5em 0;
	transition: 0.5s all;
	-webkit-transition: 0.5s all;
	-moz-transition: 0.5s all;
	-o-transition: 0.5s all;
}
.content-left-top-brands ul li a:hover{
	color:#E45D5D;
}
.content-left-top-brands{
	padding: 0.5em 1em 0 0;
}
.content-left-top-brands-prices{
	margin-top:1em;
}
.content-left-top-brands-prices h4{
	color: #08080B;
	font-weight: 700;
	font-size: 1em;
	padding: 1em 0;
	text-transform: uppercase;
}
/*----start-contact----*/
.contact-main{
	padding-top:0;
	border-top:1px solid #EEE;
	margin:-0em 0 9em;
}
.contact-info {
}
/*----*/
/*  Contact Form  */
.contact form{
	font-family: 'Open Sans', sans-serif;
}
.map{
	margin-bottom:30px;
}
.list3 li>img {
	float: left;
	margin-right:10px;
}
.extra-wrap {
	overflow: hidden;
}
.extra-wrap p {
	color: #A5A5A5;
	line-height: 1.8em;
	font-size: 0.85em;
	margin-bottom: 5px;
	font-family: 'Open Sans', sans-serif;
}
span.mail a {
	color:#E45D5D;
}
span.mail a:hover{
	color:#626262;
}
.contact-to input[type="text"] {
	padding: 12px 10px;
	width: 30.66%;
	font-family: 'Open Sans', sans-serif;
	margin: 12px 0;
	border: 1px solid rgba(192, 192, 192, 0.61);
	color: #626262;
	background: #FFF;
	float: left;
	outline: none;
	font-size: 0.85em;
	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;
	box-shadow: 0px 0px 1px rgba(0, 0, 0, 0.05);
	-webkit-box-shadow: 0px 0px 1px rgba(0, 0, 0, 0.05);
	-moz-box-shadow: 0px 0px 1px rgba(0, 0, 0, 0.05);
	-o-box-shadow: 0px 0px 1px rgba(0, 0, 0, 0.05);
	border-radius: 4px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	-o-border-radius: 4px;
}
.contact-to input[type="text"]:nth-child(2),.contact-to input[type="text"]:nth-child(3){
	margin-left:10px;
}
.text2 input[type="text"], .text2 textarea {
	width: 97.7%;
	margin: 12px 0;
	border: 1px solid rgba(192, 192, 192, 0.61);
	color: #626262;
	font-family: 'Open Sans', sans-serif;
	outline: none;
	margin-bottom: 25px;
	height: 100px;
	padding: 12px 10px;
	font-size: 0.85em;
	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;
	box-shadow: 0px 0px 1px rgba(0, 0, 0, 0.05);
	-webkit-box-shadow: 0px 0px 1px rgba(0, 0, 0, 0.05);
	-moz-box-shadow: 0px 0px 1px rgba(0, 0, 0, 0.05);
	-o-box-shadow: 0px 0px 1px rgba(0, 0, 0, 0.05);
	border-radius: 4px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	-o-border-radius: 4px;
}
.text2 textarea{
	height:180px;
}
.text2 input[type="text"]:hover,.text2 textarea:hover,.contact-to input[type="text"]:hover{
	border: 1px solid rgba(228, 93, 93, 0.33);
}
.contact-form input[type="submit"] {
	background: #E45D5D;
	color: #FFF;
	padding: .9em 3em;
	display: inline-block;
	text-transform: uppercase;
	transition: 0.5s all;
	-webkit-transition: 0.5s all;
	-moz-transition: 0.5s all;
	-o-transition: 0.5s all;
	border-radius: 0.3em;
	-webkit-border-radius: 0.3em;
	-moz-border-radius: 0.3em;
	-o-border-radius: 0.3em;
	font-size: 0.875em;
	border-top: none;
	border-right: none;
	border-left: none;
	border-bottom: 4px solid #B93838;
	outline: none;
	cursor: pointer;
	font-family: 'Open Sans', sans-serif;
}
.contact-form input[type="submit"]:hover{
	background: #1C1C20;
	border-bottom: 4px solid #333;
}
.span_1_of_first1 h5{
	color: #08080B;
	font-weight: 700;
	font-size: 1.2em;
	padding-bottom: 0.5em;
	text-transform: uppercase;
}
.span_1_of_first1 {
	width: 29.5%;
}
.col_1_of_bottom:first-child {
	margin-left: 0;
}
.col_1_of_bottom {
	display: block;
	float: left;
	margin: 1% 0 1% 3.6%;
}
.contact-grids {
	margin-bottom: 1em;
}
/*----//End-contact----*/
/*----//End-wrap----*/
/*--media Quries for 1440px-laptops-*/
@media only screen and (max-width: 1440px) and (min-width: 1366px) {
	.wrap{
		width:80%;
	}
}
@media only screen and (max-width: 1366px) and (min-width: 1280px) {
	.wrap{
		width:80%;
	}
	.login-left {
		width: 45.5%;
	}
}
@media only screen and (max-width: 1280px) and (min-width: 1024px) {
	.wrap{
		width:80%;
	}
	.login-left {
		width: 45%;
	}
	.details-left-slider {
		width: 43%;
	}
	.details-left-info {
		width: 52%;
	}
	.contact-to input[type="text"] {
		width: 30.4%;
	}
}
@media only screen and (max-width: 1024px) and (min-width: 768px) {
	.wrap{
		width:80%;
	}
	.login-left {
		width: 42%;
	}
	.details-left-slider {
		width: 51%;
	}
	.details-left-info {
		width: 47%;
	}
	.contact-to input[type="text"] {
		width: 29.78%;
	}
	.text2 input[type="text"], .text2 textarea {
		width: 97.2%;
		resize:none;
	}
	.top-header-center {
		width: 70%;
	}
	.product-info-cust {
		width: 48%;
	}
	.resp-vtabs .resp-tabs-container {
		width: 79.5%;
	}
	.similar-products-right {
		width: 78%;
	}
	.content-left {
		width: 15%;
	}
	.content-right {
		width: 83%;
	}
	.product-grid {
		width: 47.6%;
		margin: 0 2% 2% 0;
	}
	.last-grid {
		margin-right: 2%;
	}
}
@media only screen and (max-width: 768px) and (min-width: 640px) {
	.wrap{
		width:80%;
	}
	.login-left {
		float: none;
		width: 92%;
		margin-bottom:1em;
	}
	.login-right {
		float: none;
		width: 92%;
	}
	.details-left-slider {
		width: 100%;
		float: none;
	}
	.details-left-info {
		width: 100%;
		float:none;
		clear: both;
	}
	.details-right {
		display:none;
	}
	.contact-to input[type="text"]:nth-child(2), .contact-to input[type="text"]:nth-child(3) {
		margin-left: 0px;
	}
	.contact-to input[type="text"] {
		width: 96%;
	}
	.text2 input[type="text"], .text2 textarea {
		width: 96.2%;
		resize: none;
	}
	.top-header-center {
		width: 70%;
	}
	.product-info-cust {
		width: 48%;
	}
	.resp-vtabs .resp-tabs-container {
		width: 100%;
	}
	.similar-products-right {
		width: 76%;
	}
	.content-left {
		width: 20%;
	}
	.content-right {
		width: 78%;
	}
	.product-grid {
		width: 100%;
		margin: 0 2% 2% 0;
	}
	.last-grid {
		margin-right: 2%;
	}
	/*----*/
	.vticker li label{
		display:none;
	}
	.mid-grid-right {
		padding: 1.5em 0 0.8em 0;
	}
	.mid-grid-left input[type="text"] {
		width: 100%;
	}
	.mid-grid-left input[type="text"]:focus {
		width: 130%;
	}
	.bottom-bottom-grid {
		width: 100%;
		margin-right: 0%;
		float: none;
		margin-bottom: 1em;
		border-right:none;
	}
	.bottom-top-grid {
		width:100%;
		margin-right: 0%;
		float: none;
		border-right:none;
		margin-bottom: 1em;
	}
	.footer-left ul li:nth-child(4),.footer-left ul li:nth-child(3),.footer-left ul li:nth-child(2),.footer-left ul li:nth-child(5){
		display:none;
	}
	.register-top-grid div, .register-bottom-grid div {
		width: 70%;
	}
	.map{
		display:none;
	}
	.col_1_of_bottom {
		display: block;
		float: none;
		margin: 0% 0 1em 0%;
	}
	.span_1_of_first1 {
		width:100%;
	}
	.contact-info {
		padding-top: 1em;
	}
	.contact-main {
		margin: -0em 0 4em;
	}
	.details-left {
		float: none;
		width: 100%;
	}
	.product-pic a img {
		display: inline-block;
		text-align: center;
	}
	.caption {
		left: 36%;
	}
	#cart {
		width: 20%;
	}
	.product-box-head-left {
		float: none;
	}
	.product-box-head-right {
		float: none;
	}
}
@media only screen and (max-width: 640px) and (min-width: 480px) {
	.wrap{
		width:80%;
	}
	.login-left {
		float: none;
		width: 90%;
		margin-bottom:1em;
	}
	.login-right {
		float: none;
		width: 90%;
	}
	.details-left-slider {
		width: 100%;
		float: none;
	}
	.details-left-info {
		width: 100%;
		float:none;
		clear: both;
	}
	.details-right {
		display:none;
	}
	.contact-to input[type="text"]:nth-child(2), .contact-to input[type="text"]:nth-child(3) {
		margin-left: 0px;
	}
	.contact-to input[type="text"] {
		width: 96%;
	}
	.text2 input[type="text"], .text2 textarea {
		width: 96.2%;
		resize: none;
	}
	.top-header-center {
		width: 66%;
	}
	.product-info-cust {
		width: 48%;
	}
	.resp-vtabs .resp-tabs-container {
		width: 100%;
	}
	.similar-products-right {
		width: 100%;
		float: none;
		margin-top:1em;
	}
	.content-left {
		width: 22%;
	}
	.content-right {
		width: 78%;
	}
	.product-grid {
		width: 100%;
		margin: 0 2% 2% 0;
	}
	.last-grid {
		margin-right: 2%;
	}
	/*----*/
	.vticker li label{
		display:none;
	}
	.mid-grid-right {
		padding: 1em 0 0.5em 0;
	}
	.mid-grid-left input[type="text"] {
		width: 100%;
	}
	.mid-grid-left input[type="text"]:focus {
		width: 130%;
	}
	.bottom-bottom-grid {
		width: 100%;
		margin-right: 0%;
		float: none;
		margin-bottom: 1em;
		border-right:none;
	}
	.bottom-top-grid {
		width:100%;
		margin-right: 0%;
		float: none;
		border-right:none;
		margin-bottom: 1em;
	}
	.footer-left ul li:nth-child(4),.footer-left ul li:nth-child(3),.footer-left ul li:nth-child(2),.footer-left ul li:nth-child(5){
		display:none;
	}
	.register-top-grid div, .register-bottom-grid div {
		width: 70%;
	}
	.map{
		display:none;
	}
	.col_1_of_bottom {
		display: block;
		float: none;
		margin: 0% 0 1em 0%;
	}
	.span_1_of_first1 {
		width:100%;
	}
	.contact-info {
		padding-top: 1em;
	}
	.contact-main {
		margin: -0em 0 4em;
	}
	.details-left {
		float: none;
		width: 100%;
	}
	.product-pic a img {
		display: inline-block;
		text-align: center;
	}
	.caption {
		left: 36%;
	}
	#cart {
		width: 24%;
	}
	.product-box-head-left {
		float: none;
	}
	.product-box-head-right {
		float: none;
	}
	.top-header-left {
		width: 11%;
	}
	.similar-products-left {
		width: 94%;
		float: none;
		background: #E45D5D;
		padding: 0.5em 1em;
		min-height: 95px;
	}
	.product-box-head-right ul li span {
		font-size: 0.8em;
	}
	.product-box-head-right ul li a {
		font-size: 0.8em;
	}
	.product-box-head-right ul li:last-child {
		margin-left: 0em;
	}
	.content-left-top-brands h3 {
		font-size: 0.875em;
	}
	.content-left-top-brands ul li a {
		font-size: 0.8em;
		line-height: 1.5em;
		padding: 0.3em 0;
	}
}
@media only screen and (max-width: 480px) and (min-width: 320px) {
	.wrap{
		width:80%;
	}
	.login-left {
		float: none;
		width: 87%;
		margin-bottom:1em;
	}
	.login-right {
		float: none;
		width: 87%;
	}
	.details-left-slider {
		width: 100%;
		float: none;
	}
	.details-left-info {
		width: 100%;
		float:none;
		clear: both;
	}
	.details-right {
		display:none;
	}
	.contact-to input[type="text"]:nth-child(2), .contact-to input[type="text"]:nth-child(3) {
		margin-left: 0px;
	}
	.contact-to input[type="text"] {
		width: 95%;
		-webkit-appearance:none;
	}
	.text2 input[type="text"], .text2 textarea {
		width: 95%;
		resize: none;
		-webkit-appearance:none;
	}
	.top-header-center {
		width: 66%;
		padding: 0.4em 0 0 0em;
	}
	.product-info-cust {
		width: 48%;
	}
	.resp-vtabs .resp-tabs-container {
		width: 100%;
	}
	.similar-products-right {
		width: 100%;
		float: none;
		margin-top:1em;
	}
	.content-left {
		width: 100%;
		float: none;
	}
	.content-right {
		width: 100%;
		float:none;
		margin-top: 2em;
	}
	.product-grid {
		width: 100%;
		margin: 0 0% 1em 0;
	}
	.last-grid {
		margin-right: 2%;
	}
	/*----*/
	.vticker li label{
		display:none;
	}
	.mid-grid-right {
		padding: 1em 0 0.5em 0;
	}
	.mid-grid-left input[type="text"] {
		width: 100%;
	}
	.mid-grid-left input[type="text"]:focus {
		width: 130%;
	}
	.bottom-bottom-grid {
		width: 100%;
		margin-right: 0%;
		float: none;
		margin-bottom: 1em;
		border-right:none;
	}
	.bottom-top-grid {
		width:100%;
		margin-right: 0%;
		float: none;
		border-right:none;
		margin-bottom: 1em;
	}
	.footer-left ul li:nth-child(4),.footer-left ul li:nth-child(3),.footer-left ul li:nth-child(2),.footer-left ul li:nth-child(5){
		display:none;
	}
	.register-top-grid div, .register-bottom-grid div {
		width: 96%;
	}
	.map{
		display:none;
	}
	.col_1_of_bottom {
		display: block;
		float: none;
		margin: 0% 0 1em 0%;
	}
	.span_1_of_first1 {
		width:100%;
	}
	.contact-info {
		padding-top: 1em;
	}
	.contact-main {
		margin: -0em 0 4em;
	}
	.details-left {
		float: none;
		width: 100%;
	}
	.product-pic a img {
		display: block;
		margin: 0 auto;
	}
	.caption {
		left: 36%;
	}
	#cart {
		width: 32%;
	}
	.product-box-head-left {
		float: none;
	}
	.product-box-head-right {
		float: none;
	}
	.top-header-left {
		width: 14%;
	}
	.similar-products-left {
		width: 94%;
		float: none;
		background: #E45D5D;
		padding: 0.5em 1em;
		min-height: 95px;
	}
	.product-box-head-right ul li span {
		font-size: 0.8em;
	}
	.product-box-head-right ul li a {
		font-size: 0.8em;
	}
	.product-box-head-right ul li:last-child {
		margin-left: 0em;
	}
	.content-left-top-brands h3 {
		font-size: 0.875em;
	}
	.content-left-top-brands ul li a {
		font-size: 0.8em;
		line-height: 1.5em;
		padding: 0.3em 0;
	}
	.top-header-center-alert-left {
		width: 14%;
	}
	.top-header-center-alert-right {
		width: 84%;
	}
	.vticker li {
		font-size: 0.8em;
	}
	.top-header-center-alert-left h3 {
		height: 20px;
		overflow: hidden;
	}
	.top-header-right ul li:first-child span {
		margin: 0 0.3em 0 0.2em;
	}
	.mid-grid-left {
		width: 44%;
	}
	.price-rage h3 {
		padding: 0 0 0.5em 0;
	}
	.content {
		padding-top: 0em;
	}
	.content-left-bottom-grid {
		display:none;
	}
	.content-left-price-selection h4 {
		padding: 0em 0 0.5em 0;
	}
	.col_checkbox{
		float:left;
	}
	input[type=checkbox].css-checkbox10 + label i.css-label10 {
		height: 16px;
		width: 17px;
	}
	input[type=checkbox].css-checkbox11 + label i.css-label11 {
		height: 12px;
		width: 17px;
		background: url(../images/image-sprit.png) no-repeat 0px -158px;
	}
	.price-selection-tree input[type="checkbox"]+label {
		height: 26px;
		margin-right: 0.2em;
	}
	.product-grid-head {
		padding: 1em;
		display: none;
	}
	.content-left-top-brands {
		padding: 0;
	}
}
@media only screen and (max-width: 320px) and (min-width: 240px) {
	.wrap{
		width:90%;
	}
	.login-left {
		float: none;
		width: 87%;
		margin-bottom:1em;
		padding: 0.5em 1em;
	}
	.login-right {
		float: none;
		width: 87%;
		padding: 0.5em 1em;
	}
	.login-right input[type="text"] {
		width: 93%;
	}
	.register-top-grid input[type="text"], .register-bottom-grid input[type="text"] {
		width: 96.8%;
	}
	.details-left-slider {
		width: 100%;
		float: none;
	}
	.details-left-info {
		width: 100%;
		float:none;
		clear: both;
	}
	.details-right {
		display:none;
	}
	.contact-to input[type="text"]:nth-child(2), .contact-to input[type="text"]:nth-child(3) {
		margin-left: 0px;
	}
	.contact-to input[type="text"] {
		width: 92.5%;
		-webkit-appearance: none;
		padding: 10px;
		margin: 8px 0;
	}
	.text2 input[type="text"], .text2 textarea {
		width: 92%;
		resize: none;
		-webkit-appearance: none;
		height: 120px;
	}
	.top-header-center {
		width: 62%;
		padding: 0.4em 0 0 0em;
	}
	.product-info-cust {
		width: 48%;
	}
	.resp-vtabs .resp-tabs-container {
		width: 100%;
	}
	.similar-products-right {
		width: 100%;
		float: none;
		margin-top:1em;
	}
	.content-left {
		width: 100%;
		float: none;
	}
	.content-right {
		width: 100%;
		float:none;
		margin-top: 2em;
	}
	.product-grid {
		width: 100%;
		margin: 0 0% 1em 0;
	}
	.last-grid {
		margin-right: 2%;
	}
	/*----*/
	.vticker li label{
		display:none;
	}
	.mid-grid-right {
		padding: 0em 0 0.5em 0;
	}
	.mid-grid-left input[type="text"] {
		width: 100%;
	}
	.mid-grid-left input[type="text"]:focus {
		width: 130%;
	}
	.bottom-bottom-grid {
		width: 100%;
		margin-right: 0%;
		float: none;
		margin-bottom: 1em;
		border-right:none;
	}
	.bottom-top-grid {
		width:100%;
		margin-right: 0%;
		float: none;
		border-right:none;
		margin-bottom: 1em;
	}
	.footer-left ul li:nth-child(4),.footer-left ul li:nth-child(3),.footer-left ul li:nth-child(2),.footer-left ul li:nth-child(5),.footer-left ul li:nth-child(1){
		display:none;
	}
	.register-top-grid div, .register-bottom-grid div {
		width: 96%;
		margin: 0.3em 0;
	}
	.map{
		display:none;
	}
	.col_1_of_bottom {
		display: block;
		float: none;
		margin: 0% 0 1em 0%;
	}
	.span_1_of_first1 {
		width:100%;
	}
	.contact-info {
		padding-top: 1em;
	}
	.contact-main {
		margin: -0em 0 4em;
	}
	.details-left {
		float: none;
		width: 100%;
	}
	.product-pic a img {
		display: block;
		margin: 0 auto;
	}
	.caption {
		left: 31%;
	}
	#cart {
		width: 32%;
	}
	.product-box-head-left {
		float: none;
	}
	.product-box-head-right {
		float: none;
	}
	.top-header-left {
		width: 9%;
	}
	.similar-products-left {
		width: 88%;
		float: none;
		background: #E45D5D;
		padding: 0.5em 1em;
		min-height: 95px;
	}
	.product-box-head-right ul li span {
		font-size: 0.8em;
	}
	.product-box-head-right ul li a {
		font-size: 0.8em;
	}
	.product-box-head-right ul li:last-child {
		margin-left: 0em;
	}
	.content-left-top-brands h3 {
		font-size: 0.875em;
	}
	.content-left-top-brands ul li a {
		font-size: 0.8em;
		line-height: 1.5em;
		padding: 0.3em 0;
	}
	.top-header-center-alert-left {
		width: 19%;
	}
	.top-header-center-alert-right {
		width: 60%;
		height: 20px;
		overflow: hidden;
		float: left;
		padding-left: 0.5em;
		text-align: center;
	}
	.vticker li {
		font-size: 0.8em;
	}
	.top-header-center-alert-left h3 {
		height: 20px;
		overflow: hidden;
		font-size: 0.75em;
		margin-top: 0.2em;
	}
	.top-header-right ul li:first-child span {
		margin: 0 0.1em 0 0.31em;
	}
	.mid-grid-left {
		width: 44%;
		padding: 0.2em 0 0.8em;
	}
	.price-rage h3 {
		padding: 0 0 0.5em 0;
	}
	.content {
		padding-top: 0em;
	}
	.content-left-bottom-grid {
		display:none;
	}
	.content-left-price-selection h4 {
		padding: 0.5em 0 0.5em 0;
	}
	.col_checkbox{
		float:left;
	}
	input[type=checkbox].css-checkbox10 + label i.css-label10 {
		height: 16px;
		width: 17px;
	}
	input[type=checkbox].css-checkbox11 + label i.css-label11 {
		height: 12px;
		width: 17px;
		background: url(../images/image-sprit.png) no-repeat 0px -158px;
	}
	.price-selection-tree input[type="checkbox"]+label {
		height: 20px;
		margin-right: 0.1em;
		font-size: 0.875em;
	}
	.product-grid-head {
		padding: 1em;
		display: none;
	}
	.content-left-top-brands {
		padding: 0;
	}
	.info{
		display:none;
	}
	.top-header-right {
		width: 29%;
	}
	.top-header {
		height: 34px;
		padding: 0.15em 0;
	}
	.logo span {
		width: 85px;
		height: 37px;
		display: inline-block;
		background: url(../images/image-sprit.png) no-repeat -195px -25px;
		margin-top: 0.67em;
	}
	.login-main h1 {
		font-size: 1em;
		padding: 0.5em 0;
	}
	.register-top-grid h3, .register-bottom-grid h3 {
		font-size: 0.875em;
	}
	.checkbox {
		font-size: 0.875em;
	}
	.bottom-top-grid h4 {
		font-size: 1em;
		padding-bottom: 0.2em;
	}
	.bottom-bottom-grid h6 {
		font-size: 1em;
		padding-bottom: 0.2em;
	}
	.span_1_of_first1 h5 {
		font-size: 1em;
	}
	.footer-right p {
		padding-top: 0.3em;
	}
	.product-pic p {
		padding: 0 1em 1em 1em;
	}
}