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

@font-face {
    font-family: 'open_sansbold_italic';
    src: url('../fonts/opensans-bolditalic-webfont.eot');
    src: url('../fonts/opensans-bolditalic-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/opensans-bolditalic-webfont.woff2') format('woff2'),
         url('../fonts/opensans-bolditalic-webfont.woff') format('woff'),
         url('../fonts/opensans-bolditalic-webfont.ttf') format('truetype'),
         url('../fonts/opensans-bolditalic-webfont.svg#open_sansbold_italic') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'open_sansitalic';
    src: url('../fonts/opensans-italic-webfont.eot');
    src: url('../fonts/opensans-italic-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/opensans-italic-webfont.woff2') format('woff2'),
         url('../fonts/opensans-italic-webfont.woff') format('woff'),
         url('../fonts/opensans-italic-webfont.ttf') format('truetype'),
         url('../fonts/opensans-italic-webfont.svg#open_sansitalic') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'open_sansregular';
    src: url('../fonts/opensans-regular-webfont.eot');
    src: url('../fonts/opensans-regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/opensans-regular-webfont.woff2') format('woff2'),
         url('../fonts/opensans-regular-webfont.woff') format('woff'),
         url('../fonts/opensans-regular-webfont.ttf') format('truetype'),
         url('../fonts/opensans-regular-webfont.svg#open_sansregular') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'open_sanssemibold';
    src: url('../fonts/opensans-semibold-webfont.eot');
    src: url('../fonts/opensans-semibold-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/opensans-semibold-webfont.woff2') format('woff2'),
         url('../fonts/opensans-semibold-webfont.woff') format('woff'),
         url('../fonts/opensans-semibold-webfont.ttf') format('truetype'),
         url('../fonts/opensans-semibold-webfont.svg#open_sanssemibold') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'open_sanssemibold_italic';
    src: url('../fonts/opensans-semibolditalic-webfont.eot');
    src: url('../fonts/opensans-semibolditalic-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/opensans-semibolditalic-webfont.woff2') format('woff2'),
         url('../fonts/opensans-semibolditalic-webfont.woff') format('woff'),
         url('../fonts/opensans-semibolditalic-webfont.ttf') format('truetype'),
         url('../fonts/opensans-semibolditalic-webfont.svg#open_sanssemibold_italic') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'open_sansbold';
    src: url('../fonts/opensans-bold-webfont.eot');
    src: url('../fonts/opensans-bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/opensans-bold-webfont.woff2') format('woff2'),
         url('../fonts/opensans-bold-webfont.woff') format('woff'),
         url('../fonts/opensans-bold-webfont.ttf') format('truetype'),
         url('../fonts/opensans-bold-webfont.svg#open_sansbold') format('svg');
    font-weight: normal;
    font-style: normal;

}

* { padding:0; margin:0;}

body{ 
	background:#EEE;
	font-family: 'open_sansregular', sans-serif;
	font-size:14px; 
	color:#666; 
	line-height:1.2em; 
	font-weight:400;
}

 * { margin: 0; }
	html, body {
	height: 100%;
	}
	.wrapper {
	min-height: 100%;
	height: auto !important;
	height: 100%;
	}
	.sticky-footer, .push {
	}

* {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box
}
:after, :before {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box
}

.google-maps {
	position: relative;
	padding-bottom:30%;
	height: 0;
	overflow: hidden;
	box-shadow:0 0 5px #999999;
}
.google-maps iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100% !important;
	height: 100% !important;
}

ul ,li { margin:0; padding:0;}

a { color:#666666; text-decoration:none; outline:none;}
a:hover { color:#049804; text-decoration:underline;}

a.active, a:focus { text-decoration:none; outline:0;}

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

h1 { font-size:40px;}

h2 { font-size:40px;}

h3 { font-size:26px;}

h4 { font-size:20px;}

p { margin:0; padding-bottom:15px; }
p.times{ font-family:"Times New Roman", Times, serif; font-size:20px !important;}

/* --------FlexSlider Necessary Styles starts--------- */ 
.flex-container a:active, .flexslider a:active, .flex-container a:focus, .flexslider a:focus { outline: none;}
.slides, .flex-control-nav, .flex-direction-nav { margin: 0; padding: 0;	list-style: none;}
.flexslider { width:100%; float:left; margin: 0; padding: 0;}
.flexslider .slides { width:100%; float:left;}
.flexslider .slides > li { display: none;}
.flexslider .slides li { position:relative;}
.slides:after { content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0;}
html[xmlns] .slides { display: block;}
* html .slides { height: 1%;}
.no-js .slides > li:first-child { display: block;}
.flex-direction-nav { *height: 0; width:100%; display: block; position:absolute; top:50%; left:0;}
.flex-direction-nav a { width:40px; height:40px; margin:0; display:block; background:none; border-radius:0; position: absolute; top:0; z-index: 10; cursor: pointer; text-indent: -9999px; opacity: 1; margin-top: -20px;}
.flex-direction-nav a:before { width: 40px; height: 40px; float: left; background:transparent; position: absolute; top: 0; left: 0; font-family: "FontAwesome"; font-size: 40px; color: #000; text-align: center; line-height:44px; text-indent:0; 
transition:all 0.1s ease-in-out;}
.flex-direction-nav a:hover:before { background:transparent;}

.flex-direction-nav .flex-next { right:0; display:none}
.flex-direction-nav .flex-next:before { content: "\f105";}
.flex-direction-nav .flex-prev { left:0; display:none;}
.flex-direction-nav .flex-prev:before { content: "\f104";}

.flexslider:hover .flex-next:hover, .flexslider:hover .flex-prev:hover { opacity: 1;}
.flex-direction-nav .flex-disabled { opacity:0!important; filter:alpha(opacity=30); cursor: default;}
/* Control Nav */
.flex-control-nav { display:none;}


.container { width:100%; max-width:1200px; margin:0 auto; padding:0 20px; }
.v-alignout{ width:100%; height:100%; display:table;}
.v-alignin{ width:100%; height:100%; vertical-align:middle; display:table-cell;}
.content-main{ width:100%; float:left; background:#E9E9E9; padding:35px 0 0 0;}
.content-main h3{ color:#b6046f; font-family:'open_sanssemibold',sans-serif; text-align:center; padding-bottom:15px; }
@media (max-width: 767px) {
.content-main{ padding:30px 0 0 0;}
}


/*=== header ====*/
.top-bar{ width:100%; min-height:40px; float:left; background:#b6046f; padding:15px 0; position:relative;}
.top-bar .logo{ width:100%; float:left; }
.top-bar .logo a{ text-decoration:none; }
.mob-hide{display:none;}
.top-bar .logo h2{color:#fff; font-family:algerian; font-size:30px; text-align:center; line-height:30px;}
.top-bar .pic-logo { float:left; position:absolute; top:5px; left:15px; z-index:1999;}
.top-bar .pic-logo img{ width:125px;}

header{ width:100%; height:60px; min-height:40px; float:left; background:#3e4c5b;  margin-bottom:10px; position:relative;}
header .nav-bar{float:left; padding:10px 0 10px 75px; transition:all 0.3s ease-in-out;}
header .nav-bar .collapse { display:block; overflow:visible;}
header .nav-bar nav{ float:left; height:40px; float:right;}
header .nav-bar ul{height:40px; float:left; list-style:none;}
header .nav-bar ul li{ height:40px; float:left; padding:10px 20px; position:relative; }
header .nav-bar ul li a{ height:40px; font-family:'open_sanssemibold',sans-serif; font-size:18px; text-decoration:none; color:#fff;
line-height:22px; }
header .nav-bar ul li.active{ background:#fff;}
header .nav-bar ul li.active a{color:#000;}
header .con-num{float:right; padding-top:22px;}
header .con-num p{font-size:16px; line-height:18px; padding-bottom:0; }
header .con-num p a{ text-decoration:none; color:#fff; padding:0 5px;}

.res-num{ float:right; position:absolute; top:10px; right:10px; display:none;}
.res-num p{font-size:16px; line-height:18px; padding-bottom:0; }
.res-num p a{ text-decoration:none; color:#fff; padding:0 5px;}

header.sticky { height:auto; box-shadow:0 2px 2px #999999;  position:fixed; top:0px; left:0; z-index:1000;}
header.sticky .nav-bar{ padding:0 0 0 0;  }
header.sticky .con-num{ padding-top:12px;}

.menu-bar { width:35px; height:33px; float:right; border:1px solid #000; border-radius:2px; position:absolute; top:3px; right:30px; z-index:100; display:none; cursor:pointer; background:#FFF; }
.menu-bar .icon-bar { width:100%; float:right; text-decoration:none; position:relative; padding:0 7px;}
.menu-bar .icon-bar span { width:100%; height:3px; float:left; background:#000; border-radius:1px; position:relative; transition:all 0.4s ease; margin:14px 0 5px 0;}
.menu-bar .icon-bar span:before { width:100%; height:3px; float:left; background:#000; border-radius:1px; content:""; position:absolute; top:-6px; left:0; transition:all 0.4s ease;}
.menu-bar .icon-bar span:after { width:100%; height:3px; float:left; background:#000; border-radius:1px; content:""; position:absolute; top:6px; left:0; transition:all 0.4s ease;}

.menu-bar.active { background:#0099FF; border-color:#ff6f24; box-shadow:0 0 3px 3px #999999;}
.menu-bar.active .icon-bar span { background:none;}
.menu-bar.active .icon-bar span:before { height:2.3px; background:#FFFFFF; -webkit-transform:rotate3d(0, 0, 1, 45deg); transform:rotate3d(0, 0, 1, 45deg); top:0;}
.menu-bar.active .icon-bar span:after { height:2.3px; background:#FFFFFF; -webkit-transform:rotate3d(0, 0, 1, -45deg); transform:rotate3d(0, 0, 1, -45deg); top:0;}

@media (max-width: 767px) {
.menu-bar { display:block;}
}

@media(min-width:1024px) and (max-width:1239px){
.res-num{ display:block;}
header .nav-bar{ width:100%; }
header .nav-bar nav{ width:100%;}
header .nav-bar ul{width:100%; text-align:center;}	
header .nav-bar ul li{ float:none; padding:10px 10px; display:inline-block;}	
header .con-num{display:none;}
}

@media(min-width:768px) and (max-width:1023px){
.res-num{ display:block;}
header .nav-bar{ width:100%; padding:10px 0 10px 105px;}
header .nav-bar nav{ width:100%;}
header .nav-bar ul{width:100%; text-align:center;}	
header .nav-bar ul li{ float:none; padding:10px 10px; display:inline-block;}	
header .nav-bar ul li a{ font-size:16px;}	
header .con-num{display:none;}
}
@media(max-width:767px) {
.top-bar .logo h2{color:#fff; font-size:16px; text-align:center; line-height:22px;}
.top-bar .pic-logo { float:left;}
.top-bar .pic-logo img{ width:75px;}
header{ width:100%; height:auto;}
header.sticky{ position:relative;}
header .container{ padding:0;}
header .nav-bar{ width:100%; padding:0; position:absolute; top:40px; left:0px; z-index:100;}
header .nav-bar nav{width:100%; float:left;}
header .nav-bar ul{ width:100%; height:auto; text-align:left; }
header .nav-bar ul li{ width:100%; float:left; height:auto; background:#CC3366; border-radius:0;}
header .nav-bar ul li a{ width:100%; height:auto; float:left; font-size:14px; line-height:normal; padding:0px 0 0px 10px;}
header .con-num{display:none;}

header .nav-bar .collapse {height:0; overflow:hidden;}
header .nav-bar .collapse.in {height:auto; overflow:visible; }
header .nav-bar .collapsing {height: 0; overflow: hidden; -webkit-transition: height .35s ease; -o-transition: height .35s ease; transition: height .35s ease;}
}
@media(max-width:479px) {
.top-bar { padding:8px 0;}	
.mob-hide{display:block;}
.top-bar .logo h2{ text-align:right; line-height:18px;}
}


/* === banner ==== */
.sub-product-main{width:100%; min-height:300px; float:left; position:relative; margin-bottom:80px;}
.sub-product-main figure{ width:100%; float:left; text-align:center; overflow:hidden; }
.sub-product-main figure img{ width:100%; max-width:100%;}
.sub-product-main .sub-product{ width:100%; float:left; position:absolute; left:0; bottom:-40%; z-index:20;}
.sub-product-main .sub-product article{ width:20%; float:left; overflow:hidden; margin:0 2.5%;} 
.sub-product-main .sub-product article .ih-item{ width:100%; float:left;  overflow:hidden; margin-bottom:10px;}
.sub-product-main .sub-product article .ih-item .img p{font-size:14px;  background:#222; font-family:'algerian',sans-serif; color:#fff;
 text-align:center; padding:10px 0; margin-bottom:-1px;}
.sub-product-main .sub-product article i{ font-size:20px; color:#fff; display:none; padding-top:2px;}
@media(min-width:768px) and (max-width:1023px){
.sub-product-main{ min-height:200px; margin-bottom:30px;}
.sub-product-main .sub-product article h3{ font-size:13px !important;}
.sub-product-main .sub-product article .ih-item .img p{ font-size:12px;}
}
@media(max-width:767px) {
.sub-product-main .sub-product article .info h3{ display:none;} 
.sub-product-main figure img{  min-width:600px; margin:0 -300px;}
.sub-product-main{ min-height:100px; margin-bottom:0px;}
.sub-product-main .sub-product article .info p{ padding:15px 10px !important; margin:0 !important;}
.sub-product-main .sub-product article h5{ font-size:12px;}
.sub-product-main .sub-product article .ih-item .img p{ display:none;}
}
@media(max-width:479px) {
.sub-product-main{  margin-bottom:-50px;}
.sub-product-main .sub-product{ width:100%; float:left; position:absolute; left:0; bottom:-20%; z-index:20;}
.sub-product-main .sub-product article .info p{line-height:14px !important; padding:5px 0 0 0 !important; margin:0 !important;}
}
@media(max-width:319px){
.sub-product-main .sub-product article p{ display:none; }
.sub-product-main .sub-product article i{display:block;}
}

/* === sub-about ==== */
.sub-about{ width:100%; float:left; background:#fff; padding:35px 0; margin-top:100px;}
.sub-about .container{ max-width:1000px;}
.sub-about h3{ color:#b6046f;  font-family:'open_sanssemibold',sans-serif; text-align:center; text-transform:uppercase; padding-bottom:15px;}
.sub-about p{ width:70%; float:left; font-size:16px; color:#000; text-align:justify; line-height:20px; padding-right:20px;}
.sub-about .abt-slide{ width:30%; float:right; text-align:center;}
.sub-about .abt-slide .container{ max-width:500px;}
.sub-about .abt-slide figure{ width:100%; border:2px solid #000; float:left;}
.sub-about .abt-slide figure img{ width:100%;}
@media(max-width:767px) {	
.sub-about p{ width:100%; font-size:14px; line-height:18px; padding-right:0px;}
.sub-about .abt-slide{ width:100%; margin-bottom:20px;}
.sub-about .abt-slide .container{ max-width:350px;}
}

/* === multiple logo ===*/
.diff-logos{ width:100%; float:left; text-align:center; padding:35px 0;}
.diff-logos h2{ font-family:'open_sansbold',sans-serif; color:#900; text-align:center; padding-bottom:20px;}
.diff-logos article{ width:33.3%; float:none; display:inline-block; text-align:center; margin:0 -2px;}
.diff-logos article img{ width:150px;}
@media(max-width:767px) {
.diff-logos article img{ width:100px;}
}
@media(max-width:479px) {
.diff-logos article{ width:50%; padding:10px 0;}
}
@media(max-width:319px) {
.diff-logos article{ width:100%;}
}

/* === footer ===*/
.footer{ width:100%; float:left; background:#3e4c5b; padding:35px 0 0 0;}
.footer .footer-add{ width:100%; float:left; padding-bottom:10px;}
.footer .footer-add aside{ width:30%; float:left; padding:0 20px;}
.footer .footer-add aside.address{ width:20%; float:left; padding:0 20px;}
.footer .footer-add aside p{ font-size:15px; color:#fff; line-height:19px;}
.footer .footer-add aside p a{color:#fff; text-decoration:none; }
.footer .footer-add aside p a i{ width:20px; font-size:20px; color:#34af23; padding:2px 0;}
.footer .footer-add aside p a i.fa-mobile{ font-size:25px; color:#fff;}
.footer .footer-add aside p a i.fa-phone{ color:#fff;}
.footer .footer-add .con-map{ width:50%; float:left;}

.footer article{ width:100%; float:left;}
.footer article p{ float:right; font-size:14px; color:#fff; line-height:18px; }
.footer article p.left-align{ float:left;}
.footer article p a{ color:#FF0; }

@media(min-width:768px) and (max-width:979px){
.footer .footer-add aside{ width:40%; float:left; padding:0 20px;}
.footer .footer-add aside.address{ width:30%; float:left; padding:0 20px;}
.footer .footer-add aside p a{color:#fff; text-decoration:none; }
.footer .footer-add .con-map{ width:30%; float:left;}
.google-maps  {padding-bottom:60%; }
}

@media(max-width:767px) {
.footer .footer-add aside{ width:50%; padding:10px 0px;}
.footer .footer-add aside.address{ width:50%; padding:10 0px;}
.footer .footer-add aside p{ text-align:center;}
.footer .footer-add aside p a{color:#fff; text-decoration:none; }
.footer .footer-add .con-map{ width:100%; padding:10 0px;}
.footer .footer-add aside p{ text-align:center; padding-bottom:15px;}
.footer .footer-add aside p a i{margin-right:5px;}
.footer article p{width:100%; font-size:14px; line-height:18px; text-align:center;}
.footer article p a{font-size:14px; line-height:18px; }
}
@media(max-width:639px) {
.footer .footer-add aside{ width:100%; }
.footer .footer-add aside.address{ width:100%; }
.footer article p.left-align{ width:100%; text-align:center; padding-bottom:5px; }
.footer article p a{ width:100%; float:left; }
}

/* === about ====*/
.about{ width:100%; float:left;}
.about h3{ color:#b6046f; font-family:'open_sanssemibold',sans-serif; text-align:center; padding-bottom:15px; }
.about .abt-img{ width:25%; float:left; padding:0 10px;}
.about .abt-img figure{ width:100%; float:left; text-align:center; padding-bottom:20px;}
.about .abt-img figure img{ width:100%; max-width:400px; margin:0 auto;}
.about .abt-img h3{color:#000; text-align: center; padding-bottom:0px;}
.about .abt-img h4{color:#000; text-align: center;}
.about .abt-content{ width:75%; float:left; padding:30px 10px 0 10px;}
.about .abt-content p{ font-size:16px; color:#000; text-align:center; line-height:20px;}

.modal-content{ width:100%; height:100%; background:rgba(0,0,0,0.5); position:fixed; top:0; left:0; overflow-y:scroll;}
.modal-content .div1{ width:100%; height:100%; display:table;}
.modal-content .div1 .div2{ width:100%; height:100%; vertical-align:middle; display:table-cell;}
.main-position{ width:100%; max-width:600px; margin:0 auto; position:relative;}
.main-position .division{ width:100%; float:left; text-align:center; background:#FFF; }
.main-position .division img{ width:100%;}
.main-position .division h3{ font-family:'open_sanssemibold',sans-serif; color:#000; text-align:center; padding:30px 0; }

 #btn-close-modal { width:35px; height:35px; float:left; line-height:35px; background:#FF0066; border-radius:50%; text-align:center; 
 font-size:18px; cursor:pointer; color:#fff; text-decoration:none; position:absolute; top:-10px; right:-10px; z-index:30; }


@media(max-width:767px) {
.main-position{max-width:400px; margin-top:10px;}
.about .abt-img{ width:100%; padding:10px 0;}
.about .abt-content{ width:100%; padding:10px 0;}
.about .abt-content p{ font-size:14px; line-height:18px;}
.main-position .division h3{ font-size:16px;}
}
@media(max-width:479px){
.main-position{max-width:300px;}
}

/* === contact ====*/
.contact{ width:100%; float:left; }
.contact h3{ color:#b6046f; font-family:'open_sanssemibold',sans-serif; text-align: center; padding-bottom:20px;}
.contact .con-left{ width:70%; float:left; padding-right:20px;}
.contact .con-add{ width:100%; float:left; padding-bottom:35px;}
.contact .con-add article{ width:100%; float:left;}
.contact .con-add article p{ width:33.3%; float:left; font-family:"Times New Roman", Times, serif; font-size:18px; text-align:center; 
line-height:22px; color:#000;}
.contact .con-add article p a{ color:#000; text-decoration:none;}
.contact .con-add article p a i{ width:30px; font-size:20px; color:#34af23; padding:2px 0;}
.contact .con-add article p a i.fa-mobile{ font-size:25px; color:#000;}
.contact .con-add article p a i.fa-phone{ color:#000;}
.contact .con-add article p.mail-address{ width:100%; float:left; font-size:20px; text-align:center; line-height:22px; color:#000;}
.contact .con-add article p.mail-address strong{ width:100%; float:left; line-height:22px; padding-bottom:5px;}
.contact .con-add article p.mail-address span{width:33.3%; float:left; font-size:20px; text-align:center; line-height:22px; color:#000;}
.contact .main-map{ width:100%; float:left;}

.contact .con-right{ width:30%; float:left; padding-left:20px;}
.contact .con-right form{ width:100%; max-width:400px; margin:0 auto;}
.contact .con-right form h4{ font-family:'open_sanssemibold',sans-serif; color:#000; text-align:center; padding-bottom:15px;}
.contact .con-right form ul{ width:100%; float:left; list-style:none;}
.contact .con-right form ul li{ width:100%; float:left; color:#000; padding:5px 0;}
.contact .con-right form ul li .input{ width:100%; height:35px; float:left; border:1px solid #999; border-radius:4px; 
font-family:'open_sansregular', sans-serif; color:#000; padding:7px 12px; }
.contact .con-right form ul li .input:focus{ box-shadow:0 0 2px #3399FF; }
.contact .con-right form ul li .textarea{ width:100%; height:80px; float:left; border:1px solid #999; border-radius:4px; 
font-family:'open_sansregular', sans-serif; color:#000; padding:7px 12px;}
.contact .con-right form ul li .textarea:focus{ box-shadow:0 0 2px #3399FF; }
.contact .con-right form ul li .right{ width:100px; height:30px; float:right; background:#b6046f; border:none; font-size:14px;
 color:#FFF; text-transform:uppercase; line-height:30px;}

.contact-footer{ padding:10px 0;}
.contact-footer article p{ padding:0}
@media(min-width:1024px) and (max-width:1240px){
.contact .con-add article p.mail-address span{width:100%; text-align:center;}
}
@media(min-width:768px) and (max-width:1023px){
.contact .con-left{ width:100%; padding-right:0px; padding-bottom:30px;}
.contact .con-right{ width:100%; padding-left:0px;}
.contact .con-add article p.mail-address span{width:100%; text-align:center;}
.contact .main-map .google-maps  {padding-bottom:30%; }
}
@media(max-width:767px) {
.contact .con-left{ width:100%; padding-right:0px; padding-bottom:35px;}
.contact .con-right{ width:100%; padding-left:0px;}
.contact .con-add article p{ width:33.3%; float:left; font-size:18px; text-align:center; line-height:22px; color:#000;}
.contact .con-add article p.mail-address span{width:100%; text-align:center;}
}
@media(max-width:639px) {
.contact .con-add article p{ width:100%;}
.contact .con-add article p.mail-address span{font-size:18px;}
}	

/* === products ===*/
.products{ width:100%; float:left;}
.products .prod-content{ width:100%; float:left; padding-bottom:20px;}
.products .prod-content .container{ max-width:750px;}
.products .prod-content p{  font-size:14px; color:#000; line-height:18px; text-align:justify;}
.products .product-types{ width:100%; float:left;}
.products .product-types h4{ color:#b6046f; font-size:24px; font-family:'open_sanssemibold',sans-serif; text-align:center; padding-left:20px; }

.demo{ width:100%; float:left; padding-bottom:35px;}
.demo ul{ width:100%; float:left; text-align:center;}
.demo li {list-style-type: none; display: inline-block;}
.demo li img { height: 200px; border: 5px solid #999; margin: 15px;}
.demo li p {font-family:'open_sanssemibold',sans-serif; font-size:16px; color:#000; text-align:center;}
.highlight{ overflow: auto;}
.heart{ color: red; }
.fancybox-custom .fancybox-skin {
	box-shadow: 0 0 50px #222;
}