@import 'https://fonts.googleapis.com/css?family=Playfair+Display';
@import url('https://fonts.googleapis.com/css?family=Lato:400,700&subset=latin-ext');
@import url(https://fonts.googleapis.com/css?family=Oswald&subset=latin,latin-ext);

		body {background:#fff}

		.col1, .col2,  .col4, .col5, .col6, .col7, .col9, .ph-line-nav .menu, .col10, .col11 {
			color: #333;
			margin-bottom: 10px;
			padding: 20px 0;
			font-family: 'Lato', sans-serif;
		}
		
		.col3{background:#bd0505;border: 1px solid #666; margin-bottom: 10px;
			padding: 20px 0;
			font-family: 'Lato', sans-serif;}
					.col8{			color: #333;
			margin-bottom: 20px;
			padding: 20px 0;
			font-size: 16px;
			font-family: 'Lato', sans-serif;
			font-weight:bold;
			line-height:35px
			}
			
		.col9.last h4{border-bottom:1px solid #cd0e26;width:95%; color:#666}
		
			.col10.last  ul { text-align: right; font-size:0; font-weight: 300; padding:1%; font-family: 'Lato', sans-serif;}
			.col10.last  ul li { display: inline-block; font-size: 16px; color: #000; margin-right: 25px;}
			.col10.last  ul li:last-child { margin-right: 0; }
			.col10.last  ul li a{ display: inline-block; font-size: 16px; color:#000; margin-right: 25px; text-decoration:none; }
			.col10.last  ul li  a:hover{color: rgb(214,55,117);}
	
			.col10.last {
			color: #000;
			margin-bottom: 20px;
			padding: 1% 0 1% 1%;
			font-family: 'Lato', sans-serif;
						}
		


		
		
		

		.col12{color: #333; margin-bottom:1px; padding: 10px 0; font-family: 'Lato', sans-serif;}
		.col12 a{text-decoration:none; color:#333;font-weight: lighter;}
		.col12 a:hover{text-decoration:underline;}
		.col12 span , .col9 last span{font-family: 'Lato', sans-serif; font-size:32px;font-weight: 200}
		.col12 span img , .col9 last span img {width:auto}
.col12 h4 , .col9 last h4{border-bottom:1px solid #cd0e26;width:35%; color:#666}
		.shipping {
			color: #000;
			margin-bottom: 20px;
			padding: 1% 0 2% 1%;
			font-family: 'Lato', sans-serif;
			/*border-bottom:1px solid #ccc;*/
		}





.about {
	position: relative;
	background-color: #ebebe6;
	background-image: url(../img/30.svg);
	background-size: cover;
	background-position: center;
	text-align: center;
	overflow: hidden;
	padding: 40px 0;
	z-index: 1;
	border:1px dotted #ccc;
	font-family: 'Lato', sans-serif;
	font-size:20px;
	color:#333;
	margin-top:30px

}

.about:before {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 0;
	background: rgba(255, 255, 255, .70);
	-webkit-transition: height .5s ease;
	transition: height .5s ease;
	z-index: -1;
}

.about:hover:before {
	height: 100%;
}

.about-wrapper {
	opacity: 0;
	-webkit-transition: opacity .5s ease, transform .5s ease;
	transition: opacity .5s ease, transform .5s ease;
	-webkit-transform: scale(1.5);
	transform: scale(1.5);
}

.about:hover .about-wrapper {
	opacity: 1;
	-webkit-transform: scale(1);
	transform: scale(1);
}


.about-wrapper {
	opacity: 0;
	-webkit-transition: opacity .5s ease, transform .5s ease;
	transition: opacity .5s ease, transform .5s ease;
	-webkit-transform: scale(1.5);
	transform: scale(1.5);
}

.about:hover .about-wrapper {
	opacity: 1;
	-webkit-transform: scale(1);
	transform: scale(1);
}

#main-wrapper .about .about-wrapper p {
	color: #ffffff;
	font-size: 32px;
	margin: 20px 0;
}

 .contact-list {list-style: none;padding: 10px 0;margin-top: 10px;text-align:left;}

.contact-list > li {
	position: relative;
	color: #333;
	font-size: 0.9em;
	margin:0 45px 0 0 ;

}

.contact-list.list-sm > li {font-size: 0.9em;padding-left: 25px;}

.contact-list > li + li {margin-top: 20px;}

.contact-list > li:before {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	width: 35px;
	height: 32px;
	background-size: cover;
	-webkit-transition: all 1s ease;
	transition: all 1s ease;
}

.contact-list > li:hover:before {transform: rotateY(-360deg);}

.contact-list.list-sm > li:before {width: 21px;height: 19px}

.for-location span{color:#cc0000; font-family: 'Lato', sans-serif;font-size:1em;font-weight:bold}
/*for mail*/
.for-mail:before {background: url(../img/email.svg);}

.for-location:before {background: url(../img/location.svg);}

.for-question:before {background: url(../img/mobile.svg);}

.for-fax:before {background: url(../img/fax.svg);}



/*------------------------------------*/


.promo-box:hover .promo-icon img:nth-child(2) {
	opacity: 1;
	-webkit-transform: scale(1) rotate(0deg);
	transform: scale(1) rotate(0deg);
}

.promo-box:hover .promo-icon img:nth-child(1) {
	opacity: 0;
	-webkit-transform: scale(0) rotate(180deg);
	transform: scale(0) rotate(180deg);
}

.promo-box:hover .promo-icon:before {
	height: 100%;
}

.promo-box {
	color: #fff;
	font-size: 14px;
	text-align: center;
	font-family: 'Lato', sans-serif;
}


.promo-icon img:nth-child(2) {
	opacity: 0;
	-webkit-transform: scale(2) rotate(-180deg);
	transform: scale(2) rotate(-180deg);
}

.promo-icon img {
	position: absolute;
	top: 0;
	left: 0;
	-webkit-transition: opacity .33s ease, transform .33s ease;
	transition: opacity .33s ease, transform .33s ease;
}

.promo-icon:before {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 0;
	background: #fff;
	-webkit-transition: height .33s ease;
	transition: height .33s ease;
	z-index: -1;
}

.promo-icon {
	position: relative;
	width: 60px;
	height: 60px;
	border: 1px solid #fff;	
	margin: 0 auto;
	z-index: 1;font-family: 'Lato', sans-serif;
}