@charset "utf-8";
.top img {	display: none}
.top a img {	display: block}
#hiring {	position: absolute;	right: 5px;	top: 5px}
#hiring img {	width: 120px;	height: auto}
#hiring a img {	text-decoration: none}
.wrap {	width: 80%;	margin: 0 auto}
.our-content {
	padding: 30px 0 45px;	background: linear-gradient(180deg, #E2E2E2, #FFF, #FAFAFA, #EDEDED)}
p {	font-size: 15px}
body {	margin: 0;	padding: 0;	font-family: 'Roboto', sans-serif}
.top-header {	width: 100%!important;	position: relative;	height: 137px;	padding: 0}
.top {	float: left;	width: 100%;	position: relative;	display: inline-block;	z-index: 999}
.logo {	background: url(../img/logo.jpg) no-repeat 0 0;	width: 137px;	height: 137px;	float: left;	background-size: 137px}
.social {	float: right;	position: relative;	perspective: 1000px}
.block {
	position: absolute;	top: 32%;	left: 0;	height: 128px;	width: 50px;	z-index: 9999;	background: transparent}
.abc {
	padding: 0;	margin: 0;	height: auto;	float: right;	margin: 5.4em 17px 1px 0;	position: relative}
.abc ul {
	list-style: none;	margin: 0!important;	padding: 0!important}
.abc ul li {
	float: left;	position: relative}
	
.abc ul li a {	text-decoration: none;	color: #343434;	padding: 10px;	margin: 0;	text-transform: uppercase;	transition: all .05s ease-in-out;
	font: lighter 1.1em/normal Roboto, sans-serif;	display: block!important;	white-space: nowrap;	position: relative}
.abc ul li a.active {
	margin: 0;	padding: 10px;	color: #E22021!important}
.abc ul li.home {
	padding: 2px 10px}
.abc ul li.home a {
	background: red;
	padding: 0;
	color: #000
}
.abc ul li.home a:hover {
	margin: 0;
	height: auto;
	padding: 0
}
.abc ul aside {
	background: url(../img/sprite.png) no-repeat 0 0;
	width: 7px;
	height: 4px;
	position: absolute;
	top: 16px;
	left: 157px;
	z-index: 999
}
.abc ul ul {
	display: none;
	margin: 0!important;
	padding: 0!important;
	transition: all .4s ease-in-out
}
.abc ul ul ul {
	left: 105%;
	top: 0;
	width: auto!important
}
.abc ul li ul li a:hover, .abc ul li ul li:hover {
	color: #fff!important
}
.top_navigation ul li:hover > a {
	color: #e22021!important
}
.top_navigation ul li ul li:hover > a, .top_navigation ul li ul li a:hover {
	color: #fff!important;
	background: #AD1617!important
}
.top_navigation ul li ul li:hover > a, ul.top_navigation li a:hover {
	color: #fff!important;
	background: #AD1617!important
}
.abc ul li:hover > ul {
	display: block;
	position: absolute;
	left: 0;
	background: #E22021;
	top: 40px;
	padding: 5px 0!important;
	text-align: left!important;
	margin: 0!important;
	z-index: 9999;
	-webkit-animation-name: example;
	-webkit-animation-duration: .5s;
	animation-name: example;
	animation-duration: .5s;
	animation-iteration-count: 1
}
@-webkit-keyframes example {
0% {
left:0;
top:100px;
opacity:0
}
100% {
left:0;
top:40px;
opacity:1
}
}
@keyframes example {
0% {
left:0;
top:100px;
opacity:0
}
100% {
left:0;
top:40px;
opacity:1
}
}
.abc ul li:hover ul li {
	padding: 0!important;
	width: 100%;
	margin: 0!important
}
.abc ul li:hover ul li a {
	border: none!important;
	color: #FFF;
	font: .84em/.3em Roboto, sans-serif!important;
	padding: 1em;
	display: block
}
.abc ul li:hover ul li a:hover {
	background: #AD1617!important;
	text-shadow: #ccc 2px 2px 20px 10px;
	color: #FFF
}
.abc ul li ul li:hover > ul {
	-webkit-animation-name: example2;
	-webkit-animation-duration: .5s;
	animation-name: example2;
	animation-duration: .5s;
	animation-iteration-count: 1;
	left: 100%;
	width: 100%;
	top: 0;
	z-index: 9999;
	background: #AD1617
}
@-webkit-keyframes example2 {
0% {
left:70%;
top:0;
opacity:0
}
100% {
left:100%;
top:0;
opacity:1
}
}
@keyframes example2 {
0% {
left:70%;
top:0;
opacity:0
}
100% {
left:100%;
top:0;
opacity:1
}
}
.abc ul li ul li:hover ul li {
	display: block;
	padding: 0!important;
	width: 100%!important
}
.abc ul li ul li:hover ul li a {
	border: none!important;
	color: #fff!important;
	font: .68em/.1em Roboto, sans-serif!important;
	background: none!important
}
@font-face {
	font-family: 'Roboto', sans-serif;
	src: url(../fonts/FuturaMedium.otf)
}
.head {
	padding: 0;
	font: 15px/23px Roboto, sans-serif;
	width: 100%;
	text-align: center
}
.head h3 {
	font-size: 25px;
	text-align: center;
	color: #E71717;
	text-transform: uppercase;
	letter-spacing: 0;
	line-height: 2.2em
}
.head p {
	font-size: 17px;
	color: #424242;
	text-align: left;
	margin: 0 0 2%;
	letter-spacing: normal
}
.head span {
	background: red;
	border-radius: 6px;
	padding: 10px 13px;
	color: #fff;
	text-align: center;
	font-size: 13px
}
.head span a {
	color: #fff
}
.Current_Vacancies {
	font-family: Agency FB;
	font-size: 20px;
	color: #F15922;
	margin-left: 10px;
	font-weight: 700;
	margin-top: 10px
}
section {
	width: 100%;
	position: relative;
	height: auto
}
section .banner img {
	max-width: 1360px;
	height: 498px;
	overflow: hidden
}
section.hm-blk {
	background: url(../img/bgg4.jpg) -8px -133px repeat-x;
	height: 444px;
	position: relative;
	top: 0;
	z-index: 999;
	border-top: 1px solid #F4F2F2;
	border-bottom: 1px solid #F4F2F2
}
section.cnt-blk {
	height: 142px;
	position: relative;
	margin: 0;
	padding: 19px 0;
	width: 100%;
	display: inline-block;
	background-color: #F4F2F2
}
section.url-flw {
	background: #3D3D3D;
	box-shadow: #737373 6px 4px 19px
}
section.page-title {
	display: inline-block;
	position: relative
}
section.page-title h2 {
	font-size: 2.4em;
	color: #E22021;
	letter-spacing: 0;
	line-height: 1em;
	text-shadow: 3px 3px 0 #DADADA;
	text-align: left;
	margin: 1em 0
}
.banner {
	position: relative;
	height: 498px;
	width: 100%;
	background: url(../img/slider1.jpg) center top
}
.banner ul li:nth-child(4) {
	background: url(../img/slider3.jpg) center top
}
.content {
	width: 100%;
	float: left;
	padding: 24px 0;
	
	background: transparent
}
.content .box {
	width: 23%;
	float: left;
	margin: 0 2.6% 0 0;
	padding: 10px;
	background: rgba(220,220,220,0.3);
	transition: all .4s ease-in-out
}
.content .box:hover {
	box-shadow: 0 0 20px #ccc;
	background: rgba(220,220,220,0.6)
}
.content .box h2 {
	font: lighter 1.4em/3em Roboto, sans-serif;
	text-align: center;
	text-transform: uppercase;
	color: #444;
	font-size: 22px
}
.content .box aside {
	width: 223px;
	height: 220px;
	margin: 0 7px;
	transition: all .6s ease-in-out
}
.content .box:nth-child(1) aside {
	background: url(../img/home-block.png) -67px -16px no-repeat
}
.content .box:nth-child(2) aside {
	background: url(../img/home-block.png) -356px 0 no-repeat
}
.content .box:nth-child(3) aside {
	background: url(../img/home-block.png) -574px 5px no-repeat;
	width: 154px;
	height: 220px;
	margin: 0 35px
}
.content .box:nth-child(4) aside {
	background: url(../img/home-block.png) -748px 0 no-repeat
}
.content .box button {
	padding: 10px 15px;
	background: red;
	text-align: center;
	border: none;
	color: #fff;
	width: 80%;
	margin: 10px 20px 15px;
	transition: all .4s ease-in-out;
	font-size: 1em;
	text-shadow: #7E7E7E 2px 2px 2px
}
.content .box button:hover {
	background: #666
}
#foot-image {
	background: url(../img/red_footer.png) 0 -143px no-repeat;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	z-index: 9999
}
aside.content-container {
	width: 100%;
	background: linear-gradient(180deg, #FFF, #FFF, #E5E5E5);
	position: relative;
	height: auto;
	padding: 15px
}
aside.content-container p {
	font: 14px/normal Roboto, sans-serif;
	color: #000;
	margin: 0;
	padding: 0;
	text-align: left
}
.inner-banner {
	background: url(../img/prd-top.jpg) center top no-repeat;
	max-width: 100%;
	height: 180px
}
.career_top {
	float: left;
	width: 96%;
	text-align: left;
	padding: 0 19px;
	height: auto;
	margin-bottom: 11px;
	position: relative
}
.career_top h3 {
	color: #2E2E2E;
	line-height: 10px
}
.career_top div {
	width: 95%;
	padding: 10px;
	border: 1px solid #ccc;
	border-radius: 10px;
	margin: 10px 0;
	float: left;
	background-color: #fff;
	overflow: hidden;
	position: relative
}
.career_top div p {
	width: auto;
	float: left;
	margin-right: 10px;
	font-size: 1em
}
.career_top div p b {
	padding-right: 6px
}
.career_top div p.buttonn {
	float: right;
	width: auto;
	background: url(../img/upload.png) #656363 no-repeat 7px center;
	background-size: 20px;
	border: none;
	padding: 10px 10px 10px 35px;
	color: #fff;
	border-radius: 8px
}
.career_top div p::after {
	content: " | "
}
.career_top div p.last::after {
	content: ""
}
.career_top div p.post {
	width: 100%;
	font-size: 20px;
	color: #CE0000;
	font-weight: lighter
}
.career_top div p.post::after {
	content: ""
}
.career_left {
	float: left;
	width: 39%;
	border: 1px solid #F2ECEC;
	box-shadow: inset #DADADA 0 0 97px;
	background-color: #FAFAFA;
	text-align: left;
	padding: 19px;
	height: auto
}
.career_top p {
	line-height: normal
}
.career_top a {
	text-decoration: none;
	color: #fff
}
.contact_left {
	float: left;
	width: 100%;
	border: 1px dotted #b5b5b5;
	background: #fff;
	text-align: left;
	padding: 19px;
	box-sizing: border-box
}
.contact_left_inner {
	width: 100%;
	float: left;
}
.contact_map {
	width: 100%;
	float: left;
	position: relative
}
.contact_right_inner {
	float: left;
	margin-right: 5%;
	width: 45%;
}
.contact_left_inner strong {
	font-size: 1.4em;
	display: block;
	text-align: left;
	line-height: normal;
	padding: 0 0 13px;
	color: #575757;
	font-weight: 300
}
.contact_left_inner b {
	display: block;
	text-align: left;
	line-height: 2em;
	color: #000;
	font-size: 17px;
	font-weight: 500
}
.contact_left h3, .contact_right h3 {
	font-size: 25px;
	text-align: left;
	color: #E71717;
	text-transform: uppercase;
	letter-spacing: 0;
	line-height: normal;
	margin: 0;
	padding: 0 0 15px
}
.contact_right h3 {
	text-align: center;
	padding: 0 0 12px
}
.contact_left h3 {
	padding: 0 0 15px
}
.contact_left p {
	font-size: 1em
}
.contact_left p a {
	text-decoration: none;
	color: #757575
}
.contact_right {
	float: left;
	width: 97%;
	/* border-left: 1px dotted #a9a9a9; */
	background-color: #fff;
	padding: 15px;
	position: relative;
}
.contact_right ul {
	margin: 15px 0 0;
	padding: 0 0 10px
}
.contact_right ul li {
	float: left;
	margin-bottom: 20px;
	width: 100%;
	margin-left: 10px
}
.contact_right ul li label {
	display: block;
	width: 22%!important;
	text-align: left;
	margin: 0 8px 0 0;
	padding: 0;
	color: #676767;
	float: left
}
.contact_right ul li input[type="text"] {
	height: 22px;
	float: left;
	width: 72%
}
.contact_right ul li select {
	float: left;
	width: 171px;
	margin-left: 0;
	height: 25px;
	display: inline-block;
	border: 1px solid #DBDBDB
}
.contact_right ul li input[type="reset"] {
	float: right;
	background: #545454;
	border: none;
	padding: 10px 20px;
	color: #fff;
	margin: 0 19px;
	cursor: pointer
}
.contact_right ul li input[type="submit"] {
	float: right;
	background: #545454;
	border: none;
	padding: 10px 20px;
	color: #fff;
	cursor: pointer
}
.contact_right ul li textarea {
	float: right;
	width: 72%;
	display: block
}
.career_upload {
	margin: 0;
	padding: 5px;
	float: left
}
.career_upload h3 {
	font-size: 25px;
	text-align: center;
	color: #E71717;
	text-transform: uppercase;
	letter-spacing: 0;
	line-height: 2em;
	margin: 0;
	padding: 0
}
.career_upload ul {
	margin: 15px 0 0;
	padding: 0 0 10px
}
.career_upload ul li {
	display: block;
	float: left;
	margin-bottom: 9px;
	width: 100%;
	margin-right: 0;
	margin-left: 10px
}
.career_upload ul li label {
	display: block;
	width: 34%;
	text-align: right;
	margin: 0 8px 0 0;
	padding: 0;
	color: #676767;
	float: left
}
.career_upload ul li input[type="text"] {
	margin-left: 0;
	border: 1px solid #DBDBDB;
	height: 22px;
	float: left;
	display: block;
	width: 62%
}
.career_upload ul li select {
	float: left;
	width: 62.5%;
	margin-left: 0;
	height: 25px;
	display: inline-block;
	border: 1px solid #DBDBDB
}
.career_upload ul li input[type="reset"] {
	float: left;
	width: 46%;
	background: #E71717;
	border: none;
	padding: 10px 20px;
	color: #fff
}
.career_upload ul li input[type="submit"] {
	float: right;
	width: 50%;
	background: #E71717;
	border: none;
	padding: 10px 20px;
	color: #fff
}
.career_upload ul li textarea {
	float: left;
	border: 1px solid #DBDBDB;
	width: 61%;
	display: block
}
h3.homeslider {
	text-align: center;
	color: #E71717;
	text-transform: uppercase;
	display: inline-block;
	font: 2em/4em Roboto, sans-serif;
	width: 100%;
	text-align: center
}
.arrows-slider {
	position: absolute;
	top: 50%;
	width: 1290px
}
.arrows-l {
	background: url(../img/a09.png) 0 -30px;
	width: 60px;
	height: 60px;
	position: absolute;
	z-index: 999999;
	left: 0
}
.arrows-r {
	background: url(../img/a09.png) -60px -30px;
	width: 60px;
	height: 90px;
	position: absolute;
	left: 100%
}
.arrows-l a, .arrows-r a {
	color: #333;
	z-index: 9999;
	position: relative;
	width: 100%;
	height: 100%;
	float: left
}
.about-blk {
	display: inline-block;
	width: 100%;
	padding: 10px;
	background: #F7F7F7;
	margin: 20px 0;
	border-radius: 10px
}
.about-blk h3 {
	text-transform: uppercase
}
.about-l {
	float: left;
	font-size: 15px;
	width: 1078px;
	border-bottom: 3px solid #A01A1A
}
.about-r {
	float: left;
	font-size: 14px;
	width: 98%;
	background: linear-gradient(180deg, #FFF, #EDEDED);
	padding: 0 10px;
	display: inline-block
}
.about-l ul {
	list-style: none;
	margin: 0;
	padding: 0;
	display: inline;
	width: 100%
}
.about-l ul li {
	font: lighter .8em/1.6em Roboto, sans-serif;
	background-color: #E51C1C;
	padding: 10px 0;
	color: #fff;
	border-right: 1px solid #C51A1A;
	width: 153px;
	float: left;
	text-align: center
}
.about-r p {
	font: lighter 1.1em/normal Roboto, sans-serif;
	padding: 0
}
.about-l ul li a {
	color: #fff;
	text-decoration: none;
	font-size: 1.2em
}
.content .box {
	width: 23%;
	float: left;
	margin: 0 2% 0 0;
	padding: 10px;
	background: rgba(220,220,220,0.3);
	transition: all .4s ease-in-out;
	overflow: hidden
}
.prd-box {
	padding: 10px;
	width: 46%;
	margin: 0 20px 0 0;
	display: inline-block;
	border: 1px solid #ccc;
	border-radius: 6px;
	height: 207px;
	background: linear-gradient(180deg, #EDEDED, #F0F0F0, #FFF)
}
.product-display {
	width: 100%;
	height: auto;
	border-radius: 5px;
	padding: 0 0 0 2%;
	margin: 35px 0 0;
	display: inline-block;
	position: relative
}
.product-display div {
	float: left
}
.product-display > div {
	border-radius: 10px
}
.product-display .block1 a:hover, .product-display .block2 a:hover, .product-display .block2 a:hover, 
.product-display .block3 a:hover, .product-display .block4 a:hover, .product-display .block5 a:hover {
	opacity: 1;
	transition: all ease-in-out .2s
}
.product-display .outer1 {
	width: 766px;
	margin: 0 1% 0 0
}
.product-display div.outer2 {
	width: 21%
}
.product-display div.outer1 div.inner1 {
	width: 830px
}
.product-display div.outer1 div.inner2 {
	width: 830px;
	margin: 2% 0 0
}
.product-display div.outer2 div.inner3 {
	width: 100%
}
.product-display ul {
	list-style: none;
	margin: 0;
	padding: 0
}
.product-display ul li {
	display: inline-block;
	margin: 0 26px 0 0
}
.product-display ul li img {
	max-width: 220px;
	height: auto
}
.prd-image1 {
	background: url(../img/product-page.png) 0 0 no-repeat;
	width: 476px;
	height: 235px;
	z-index: 10;
	position: relative
}
.prd-image2 {
	background: url(../img/product-page.png) 0 -243px no-repeat;
	width: 367px;
	height: 244px;
	z-index: 9;
	position: relative;
	top: 31px
}
.prd-image3 {
	background: url(../img/product-page.png) -490px -9px no-repeat;
	width: 259px;
	height: 257px;
	z-index: 12;
	position: relative;
	left: 136px
}
.prd-image4 {
	background: url(../img/product-page.png) -357px -257px no-repeat;
	width: 385px;
	height: 231px;
	position: relative;
	left: 21px;
	top: 0;
	z-index: 13
}
.prd-image5 {
	background: url(../img/product-page.png) -760px 0 no-repeat;
	width: 236px;
	height: 495px;
	float: right!important;
	position: relative;
	z-index: 14
}
.block1 {
	width: 489px;
	height: 244px;
	position: absolute;
	z-index: 0;
	background: #fff;
	opacity: .5
}
.block2 {
	width: 301px;
	height: 244px;
	position: absolute;
	z-index: 0;
	background: #fff;
	opacity: .5;
	left: 516px
}
.block3 {
	width: 364px;
	height: 249px;
	position: absolute;
	z-index: 0;
	background: #fff;
	opacity: .5;
	left: 0;
	top: 319px
}
.block4 {
	width: 426px;
	height: 250px;
	position: absolute;
	z-index: 0;
	background: #fff;
	opacity: .5;
	left: 36%;
	top: 318px
}
.block5 {
	width: 245px;
	height: 505px;
	position: absolute;
	z-index: 0;
	background: #fff;
	opacity: .5;
	right: 0
}
.block1:hover {
	opacity: .8
}
.product-display div p {
	color: #fff;
	padding: 3px 2px;
	background: red;
	position: absolute;
	top: -22px;
	width: 91%;
	line-height: 0;
	left: 16px;
	font: lighter 1em/normal Roboto, sans-serif;
	border-radius: 4px 4px 0 0;
	text-align: center
}
.content .inner1 .prd-blk:nth-child(1) {
	width: 57%;
	float: left;
	margin: 0;
	height: auto;
	padding: 0
}
.content .inner1 .prd-blk:nth-child(2) {
	width: 31%;
	float: left;
	margin: 0 0 0 3%;
	height: auto;
	padding: 0
}
.content .inner2 .prd-blk:nth-child(1) {
	width: 57%;
	float: left;
	margin: 0 3% 0 0;
	height: auto;
	padding: 0
}
.content .inner2 .prd-blk:nth-child(2) {
	width: 31%;
	float: left;
	margin: 0 2.6% 0 0;
	height: auto;
	padding: 0
}
.content .prd-blk {
	background: #fff;
	transition: all .4s ease-in-out;
	border: 1px solid #f0f0f0;
	position: relative;
	margin: 0 32px 0 0;
	overflow: hidden
}
.content .prd-blk:hover {
	box-shadow: inset 0 0 1px 4px #707070
}
.outer2 .prd-blk {
	width: 100%;
	float: left;
	margin: 0;
	transition: all .4s ease-in-out;
	box-shadow: #fff inset 2px 2px 100px;
	height: auto;
	padding: 0 0 8px;
	overflow: hidden
}
.content .outer2 .prd-blk aside {
	background: url(../img/product-page.png) -674px 50px no-repeat;
	width: 211px;
	height: 499px;
	background-size: 890px
}
.content .outer2 .prd-blk aside:hover {
	transform: scale(.9, .9)
}
.content .prd-blk h2 {
	font: lighter 1em/25px Roboto, sans-serif;
	text-align: center;
	text-transform: uppercase;
	color: #444;
	border-bottom: #E22021 solid 1px
}
.content .prd-blk aside {
	width: 223px;
	height: 220px;
	margin: 0 7px;
	transition: all .6s ease-in-out;
	overflow: hidden
}
.content .inner1 .prd-blk:nth-child(1) aside {
	background: url(../img/product-page.png) -35px -10px no-repeat;
	width: 460px;
	height: 243px
}
.content .inner1 .prd-blk:nth-child(2) aside {
	background: url(../img/product-page.png) -489px -16px no-repeat;
	width: 249px;
	height: 243px
}
.content .inner2 .prd-blk:nth-child(1) aside {
	background: url(../img/product-page.png) -21px -250px no-repeat;
	width: 436px;
	height: 247px
}
.content .inner2 .prd-blk:nth-child(2) aside {
	background: url(../img/product-page.png) -497px -265px no-repeat;
	width: 315px;
	height: 231px;
	padding: 0 0 16px
}
.content .inner1 .prd-blk:nth-child(1) aside:hover {
	transform: scale(.9, .9)
}
.content .inner1 .prd-blk:nth-child(2) aside:hover {
	transform: scale(.9, .9)
}
.content .inner2 .prd-blk:nth-child(1) aside:hover {
	transform: scale(.9, .9)
}
.content .inner2 .prd-blk:nth-child(2) aside:hover {
	transform: scale(.9, .9)
}
.content .outer2 .prd-blk aside {
	background: url(../img/product-page.png) -585px 72px no-repeat;
	width: 204px;
	height: 486px;
	padding-bottom: 12px;
	background-size: 787px
}
.content .prd-blk button {
	padding: 10px 15px;
	background: red;
	text-align: center;
	border: none;
	color: #fff;
	width: 80%;
	margin: 10px 20px 15px;
	transition: all .4s ease-in-out;
	font-size: 1em;
	text-shadow: #7E7E7E 2px 2px 2px;
	display: none
}
.content .inner2 {
	margin: 10px 0 0
}
.content .prd-blk button:hover {
	background: #666
}
.prd-image1 {
	background: url(../img/product-page.png) 0 0 no-repeat;
	width: 489px;
	height: 244px;
	z-index: 10;
	position: relative
}
.prd-image2 {
	background: url(../img/product-page.png) 0 -243px no-repeat;
	width: 367px;
	height: 244px;
	z-index: 9;
	position: relative;
	top: 31px
}
.prd-image3 {
	background: url(../img/product-page.png) -490px -9px no-repeat;
	width: 259px;
	height: 257px;
	z-index: 12;
	position: relative;
	left: 136px
}
.prd-image4 {
	background: url(../img/product-page.png) -357px -257px no-repeat;
	width: 385px;
	height: 231px;
	position: relative;
	left: 21px;
	top: 0;
	z-index: 13
}
.prd-image5 {
	background: url(../img/product-page.png) -760px 0 no-repeat;
	width: 236px;
	height: 495px;
	float: right!important;
	position: relative;
	z-index: 14
}
section.prd {
	background: #e0dbd1;
	height: auto;
	position: relative;
	margin: 0
}
section.prd div.prd-title {
	padding: 9px 0;
	position: absolute;
	top: 0;
	text-transform: uppercase;
	left: 0;
	width: 100%;
	margin: 0 0 10px;
	color: #fff;
	font: 24px/21px Segoe, "Segoe UI", "DejaVu Sans", "Trebuchet MS", Verdana, sans-serif;
	text-align: center
}
section.bgg:nth-child(2) {
	background: url(../img/prd-bg34.jpg) -200px 520px
}
section.bgg:nth-child(3) {
	background: url(../img/prd-bg5.jpg) -100px 120px no-repeat
}
section.bgg:nth-child(4) {
	background: url(../img/prd-bg6.jpg) -303px 20px
}
section.bgg:nth-child(1) div.prd-title {
	background: #585858
}
section.bgg:nth-child(2) div.prd-title {
	background: linear-gradient(180deg, #4A6EB5, #5B7DBF, #4D6FB3);
	box-shadow: #340F50 0 2px 8px
}
section.bgg:nth-child(3) div.prd-title {
	background: linear-gradient(180deg, #B92038, #9A1D1D, #A7172D);
	box-shadow: #340F50 0 2px 8px
}
section.bgg:nth-child(4) div.prd-title {
	background: linear-gradient(180deg, #8634C3, #68259A, #7B2CB7);
	box-shadow: #340F50 0 2px 8px
}
section.prd:nth-child(2), section.prd:nth-child(3), section.prd:nth-child(4) {
	height: auto;
	padding: 15px 0
}
.content .prd-blk aside.com {
	width: 236px;
	height: 322px;
	margin: 0;
	padding: 15px 0 0
}
.content .prd-blk aside.cool1 {
	background: url(../img/product-page-cooler.png) -3px 30px no-repeat
}
.content .prd-blk aside.cool2 {
	background: url(../img/product-page-cooler.png) -244px 19px no-repeat
}
.content .prd-blk aside.cool3 {
	background: url(../img/product-page-cooler.png) -463px 19px no-repeat
}
.content .prd-blk aside.cool4 {
	background: url(../img/product-page-cooler.png) -670px 19px no-repeat
}
.content .prd-blk aside.geyser1 {
	background: url(../img/product-page-geyser.png) 18px 30px no-repeat
}
.content .prd-blk aside.geyser2 {
	background: url(../img/product-page-geyser.png) -224px 19px no-repeat
}
.content .prd-blk aside.geyser3 {
	background: url(../img/product-page-geyser.png) -464px 19px no-repeat
}
.content .prd-blk aside.geyser4 {
	background: url(../img/product-page-geyser.png) -664px 19px no-repeat
}
.prds-fx .prd-blk {
	margin: 0 25px 0 0;
	padding: 0;
	width: 242px
}
.content .prd-blk aside.heat {
	width: 242px;
	height: 270px
}
.left-attach {
	padding-left: 0!important
}
.bottom-row {
	background: linear-gradient(180deg, #FFF, #ECECEC, #FFF);
	height: auto;
	margin: 0;
	float: left;
	border-top: 1px solid #ECECEC
}
.customer_support {
	position: relative;
	height: auto;
	text-align: center;
	color: #4C4747;
	transition: all .4s ease-in-out
}
.customer_support .mod a {
	text-decoration: none;
	color: #4C4747
}
.customer_support .mod {
	width: 33%;
	float: left;
	border-right: 1px dotted #9E9E9E;
	padding: 40px 0;
	position: relative;
	z-index: 10
}
.customer_support .mod a:hover {
	color: #000
}
.customer_support .mod:hover {
	background: #e4e4e4
}
.customer_support .cat aside, .customer_support .cat article {
	transition: all .4s ease-in-out
}
.customer_support .cat:hover aside {
	transform: translateX(250px)
}
.customer_support .cat article {
	transform: translateX(-357px);
	position: absolute;
	z-index: 1;
	width: 100%;
	height: 200px;
	top: 0
}
.customer_support .cat article a {
    display: block;
    line-height: normal;
    background: #747474;
    padding: 5.09px 10px;
    color: #fff!important;
    cursor: pointer
}
.customer_support .cat:hover article {
	transform: translateX(0px)
}
.customer_support .cat article a:hover {
	background: #333
}
.customer_support .cat {
	overflow: hidden
}
.customer_support .mod:last-child {
	border: none
}
.l-product-display {
	padding: 0!important
}
.product-display ul li.da {
	background: rgba(0,0,0,0.4);
	transition: all .4s ease-in-out;
	height: 163px;
	padding: 15px;
	margin: 0 15px 0 0
}
.product-display ul li.da img {
	vertical-align: middle
}
.product-display ul li.da:last-child img {
	margin: 10px 0 0
}
.prd-inner-view {
	float: left;
	width: 100%;
	border: 1px solid #F2ECEC;
	box-shadow: inset #DADADA 0 0 97px;
	background-color: #e0dbd1;
	position: relative;
	text-align: left;
	padding: 19px;
	margin: 0 0 25px;
	overflow: hidden
}
.prd-box-inner:hover {
	box-shadow: #DADADA 0 3px 3px
}
.prd-inner-view h3 {
	font: 25px/normal Cambria, "Hoefler Text", "Liberation Serif", Times, "Times New Roman", serif;
	background: #e5e5e5;
	padding: 10px 0 0 10px;
	color: #E52023
}
.prd-inner-view .left-prd {
	width: 180px;
	border-radius: 8px;
	border: 1px solid #ccc;
	padding: 0;
	float: left;
	transition: all ease-in-out .5s;
	background: #fff
}
.left-prd h3 {
	font-size: 20px;
	line-height: normal;
	font-family: 'Roboto', sans-serif;
	padding: 5px 0;
	color: #FFF;
	margin: 0;
	text-align: center;
	background-color: #E22021;
	border-radius: 7px 7px 0 0
}
.prd-inner-view .right-prd {
	float: left;
	border-radius: 0;
	margin-left: 18%;
	width: 82%
}
.prd-inner-view .right-prd div.prd-box-inner {
	width: 20.77%;
	float: left;
	border-radius: 0;
	margin: 0 0 2% 2%;
	padding: 1%;
	height: auto;
	text-align: center;
	background: #fff
}
.product-title {
	width: 99%;
	border-radius: 8px;
	margin: 0 0 20px;
	overflow: hidden;
	background: #f1ede6
}
.product-title h3 {
	font: lighter 2em/0 Roboto, sans-serif;
	text-align: center;
	color: #000;
	padding: 0 0 0 15px
}
h3 aside.titlebg {
	background: transparent;
	width: 100px;
	height: 64px
}
.left-prd ul {
	margin: 0;
	padding: 0;
	display: block
}
.left-prd ul li {
	list-style: circle inside;
	border-bottom: 1px dotted #ccc;
	font-size: 14px;
	padding: 6px
}
.right-prd img {
	float: left;
	margin: 25px 17px;
	transition: .2s ease-in-out all
}
.right-prd img:hover {
	transform: scale(1.2, 1.2)
}
.right-prd p {
	text-align: center;
	color: red;
	margin: 7px 0;
	
	padding: 12px
}
.right-prd ul {
	margin: 0;
	padding: 0
}
.right-prd ul li {
	list-style: none inside;
	border: 0;
	padding: 0;
	font: lighter 0.9em/normal Roboto, sans-serif;
	text-align: center!important
}
.right-prd span {
	padding: 5px;
	background: red;
	margin: 0 auto;
	color: #fff;
	border-radius: 4px
}
.vd-box {
	width: 100%;
	text-align: center
}
.right-prd div.prd-box-inner ul {
	display: block;
	float: left;
	margin: 0 0 11px;
	text-align: center
}
.right-prd div.prd-box-inner ul li {
	float: left
}
.vd-box {
	text-align: center;
	width: 100%;
	float: left
}
.vd-box span {
	float: left;
	display: block;
	width: 95%
}
.heater {
	background: url(../img/wh-banner2.jpg) 0 0!important;
	width: 100%;
	height: 500px!important;
	display: inline-block;
	background-size: 100%
}
.rm {
	background: url(../img/rm.jpg) 0 0!important;
	width: 100%;
	height: 500px!important;
	display: inline-block;
	background-size: 100%;
	cursor: pointer
}
.domestic {
	background: url(../img/domestic-banner.jpg) 0 0!important;
	width: 100%;
	height: 500px!important;
	display: inline-block;
	background-size: 100%;
	cursor: pointer
}
.cooler {
	background: url(../img/cooler-banner2.jpg) 0 0!important;
	width: 100%;
	height: 500px!important;
	display: inline-block;
	background-size: 100%
}
.cooler h2 {
	border-radius: 0 0 7px 7px;
	background: #EA1818;
	padding: 2px 9px;
	top: 0;
	left: 30px;
	color: #fff;
	text-transform: uppercase
}
.exports {
	background: url(../img/products-for-exports.jpg) 0 0!important;
	width: 100%;
	height: 500px!important;
	display: inline-block;
	background-size: 100%
}
.hover-effect {
	position: absolute;
	bottom: 3%;
	background: #585858;
	padding: 10px;
	left: 45%;
	z-index: 9999;
	display: block;
	color: #fff;
	text-align: center
}
.title-box {
	position: absolute;
	text-align: center
}
.left-1 {
	top: 10px;
	left: 20px
}
.left-2 {
	top: -6px;
	left: 39%
}
.right-1 {
	top: 0;
	left: 32%
}
.right-2 {
	top: 14px;
	left: 10%
}
.right-most {
	top: 0;
	left: 10%
}
.detail-view {
	float: left;
	width: 96%;
	border: 1px solid #F2ECEC;
	box-shadow: inset #DADADA 0 0 97px;
	background-color: #FAFAFA;
	text-align: left;
	padding: 19px;
	height: auto;
	margin: 0 0 11px
}
.main-detail {
	display: block;
	width: 100%
}
.left-detail {
	float: left;
	margin: 0 0 0 20px;
	width: 31.2%;
	position: relative;
	height: 406px
}
.thumb {
	width: 3em;
	height: 3em;
	position: absolute;
	bottom: 0;
	z-index: 99999;
	margin: 0 .1em .3em
}
.thumb:nth-child(1) {
	left: 0
}
.thumb:nth-child(2) {
	left: 4.5em
}
.thumb:nth-child(3) {
	left: 9em
}
.right-detail {
	float: left;
	width: 41.5%;
	display: block
}
.right-detail h3 {
	text-align: left;
	border-bottom: 1px solid #EAEAEA;
	font-size: 1.6em;
	line-height: 2em;
	margin: 0
}
.desc {
	display: block;
	float: left
}
.desc ul li img {
	max-width: 550px;
	height: auto
}
.desc table {
	width: 600px
}
.desc p {
	line-height: normal;
	text-align: justify
}
.price {
	display: block;
	float: left;
	width: 100%;
	border-bottom: 1px solid #EAEAEA;
	line-height: 2em;
	font-size: 1.2em
}
.price article {
	display: block;
	width: 100%;
	color: #828282
}
.price article p {
	width: 59%;
	margin: 0;
	padding: 0;
	font-size: 1em;
	line-height: 2em;
	float: right;
	color: #828282
}
.price article.end {
	font-size: 1.1em;
	line-height: 2.2em;
	color: #5F5F5F
}
.price article.end p {
	font-size: 1.1em;
	line-height: 2.2em;
	color: red
}
.border {
	border-bottom: 1px solid #EAEAEA
}
aside.wish-list {
	width: 30%;
	float: left;
	padding: 7px
}
aside.social-media {
	width: auto;
	float: right;
	padding: 7px
}
aside.social-media i {
	padding: 0 5px
}
.thumb img {
	width: 4em;
	height: 4em;
	position: absolute;
	border: thin #ccc solid;
	bottom: 0;
	z-index: 99999;
margin:0 .1em 0.3em, margin-left: -7px
}
aside.desc h3 {
	font-size: 1em;
	border: none
}
aside.desc ul {
	margin: 0;
	padding: 0
}
aside.desc ul li {
	width: 300px;
	float: left;
	margin: 0 1px 0 0;
	font-size: .82em;
	list-style: inside;
	line-height: 1.7;
	padding: 0
}
.buy-now {
	float: right;
	margin: 0;
	width: 20%;
	position: relative;
	border: 1px solid #ccc;
	height: auto;
	background: #fff
}
.buy-now aside {
	width: 100%;
	text-align: center;
	height: auto;
	margin: 14px 0
}
.buy-now aside label {
	margin: 0 5px
}
.buy-now aside button {
	border-radius: 4px;
	font-size: 16px;
	color: #fff;
	border: none;
	height: 32px;
	width: 80%;
	display: inline-block
}
.buy-now aside:nth-child(2) > button {
	background: linear-gradient(180deg, #AB282A, #B81517)
}
.buy-now aside:nth-child(3) > button {
	background: linear-gradient(180deg, #E81619, #D32326)
}
.buy-now aside button i {
	font-size: 20px
}
.prd_table, .prd_table2 {
	border: 1px solid #ccc
}
.prd_table tr td, .prd_table2 tr td {
	text-align: center
}
.prd_table tr th, .prd_table2 tr th {
	font-size: 13px;
	text-align: center
}
.prd_table tr th img, .prd_table tr td img {
	max-width: 40px;
	height: auto
}
a.fancybox img {
	height: auto!important;
	box-shadow: 0 0 42px #F3ECEC;
	transition: .2s ease-in-out all

}
.breadcrumbs {
	color: #000;
	font: normal 15px/12px arial;
	margin: 5px 0 0;
	float: left;
	width: 100%;
	border-bottom: 1px solid #e5e5e5;
	padding: 9px 0 9px 10px
}
.div, p, img, h1 {
	padding: 0;
	margin: 0
}
.DetailPrevious {
	border: 1px solid #cdcdcd;
	background: #e8e9ea;
	color: #888;
	padding: 3px 10px 3px 20px;
	background: url(../images/leftarw.png) 8px 9px no-repeat;
	margin-right: 10px;
	cursor: pointer
}
.a {
	text-decoration: none
}
.DetailNext {
	border: 1px solid #cdcdcd;
	background: #e8e9ea;
	color: #888;
	padding: 3px 20px 3px 10px;
	background: url(../images/rightarw.png) 50px 9px no-repeat;
	cursor: pointer
}
a {
	text-decoration: none
}
.detailbuttons {
	position: absolute;
	right: 141px;
	top: -38px
}
.special_rm {
	width: 100%!important;
	height: 200px!important;
	padding: 0!important;
	display: inline-block;
	margin: 0!important
}
.name-it {
	text-align: center;
	width: 91%;
	padding: 4px 7px;
	font-size: 15px;
	border-radius: 0 0 10px 10px;
	color: #fff;
	margin: 0 1px;
	background: #E22021
}
.name-it > a {
	width: auto!important;
	height: auto!important
}
.tabpage > h3 {
	border-bottom: 1px dotted #ccc;
	padding-bottom: 5px
}
ul.list-style li {
	font-size: 12px;
	line-height: 17PX;
	margin-left: 0;
	color: #fff;
	list-style: none
}
.title-left b {
	margin: 20px 0;
	font-weight: lighter!important
}
.title-left {
	width: auto;
	float: left;
	color: #fff;
	margin: 10px 30px 0
}
head p.error {
	color: red!important;
	background-color: #FFF!important
}
.remove, iframe div, head p.error {
	display: none
}
.map-box {
	background: #fff;
	width: 173px;
	height: auto;
	position: absolute;
	top: 20px;
	left: 20px
}
.map-box b {
	font-size: 14px;
	font-weight: 700
}
.map-box p {
	font-size: 13px;
	color: #6C6C6C;
	line-height: 1.6em;
	letter-spacing: 0
}
.white-box {
	background: #fff;
	width: 40px;
	height: 60px;
	position: absolute;
	top: 10px;
	left: 184px
}
.c-image {
	float: right
}
.c-image img {
	width: 434px
}
.center-content-bgg {
	background: #eae7e1;
	padding: 10px 0
}
.mobile-view {
	display: none
}
.mobile-view select {
	text-transform: uppercase
}
footer {
	width: 100%;
	float: left;
	position: relative;
	background: #404040
}
.left {
	float: left;
	width: 50%;
	display: inline-block;
	position: relative
}
.right {
	float: right;
	width: 50%;
	position: relative
}
footer .left P {
	font: 8.5px/8pxRoboto, sans-serif;
	color: #fff;
	padding: 0 58px;
	text-align: left;
	letter-spacing: 0
}
footer .left img {
	max-width: 145px;
	float: left
}
img.huerotate {
	-webkit-filter: grayscale(100%);
	filter: grayscale(100%)
}
.foot {
	padding: 22px 0
}
footer ul {
	box-sizing: border-box;
	padding: 0;
	margin: 0
}
footer li {
	list-style: none;
	float: right;
	margin: 0 0 0 4%
}
footer a {
	color: #b9b9b9;
	font-size: 13px
}
footer a:hover {
	color: #fff
}
.bottom-footer {
	width: 100%;
	background: #313131;
	float: left;
	padding: 10px 0;
	font-size: 13px;
	color: #fff
}
.pp {
	float: left;
	width: 96%;
	text-align: left;
	padding: 0 19px;
	height: auto;
	margin-bottom: 11px
}
.pp h3 {
	color: #2E2E2E;
	line-height: 0;
	text-transform: initial
}
.pp div {
	padding: 22px;
	border: 1px solid #ccc;
	border-radius: 10px;
	margin: 10px 0;
	float: left;
	background-color: #fff
}
.pp div p {
	width: 100%;
	font-size: 1em
}
.pp div p b {
	padding-right: 6px
}
.pp ul {
	margin: 0;
	padding: 0;
	list-style: disc inside
}
.pp h6 {
	font-size: 1.2em;
	line-height: normal;
	margin: 10px 0;
	padding: 0
}
.right-image-sf {
	position: absolute;
	right: 12%;
	top: 0;
	background: url(../images/feed.png) no-repeat center;
	background-size: 100%;
	width: 356px;
	height: 365px
}
.feed {
	float: left;
	width: 100%;
	border: 1px dotted #a9a9a9;
	background-color: #fff;
	padding: 15px;
	box-sizing: border-box;
	position: relative
}
.feed ul {
	margin: 15px 22px 0;
	padding: 0 0 10px;
	float: left;
	width: 50%
}
.feed ul li {
	float: left;
	margin-bottom: 20px;
	margin-left: 10px;
	display: block;
	width: 100%
}
.feed ul li label {
	display: block;
	width: 16%;
	text-align: left;
	margin: 0 13px 0 0;
	padding: 0;
	color: #676767;
	float: left
}
.feed ul li input[type="text"] {
	margin-left: 0;
	border: 1px solid #9e9e9e;
	height: 22px;
	float: left;
	width: 65%;
	display: block
}
.feed ul li textarea {
	margin-left: 0;
	border: 1px solid #9e9e9e;
	float: left;
	width: 64%;
	display: block;
	color: #696969;
	font: 15px/normal arial
}
.feed ul li select {
	float: left;
	width: 171px;
	margin-left: 0;
	height: 25px;
	display: inline-block;
	border: 1px solid #DBDBDB
}
.feed ul li input[type="reset"] {
	float: left;
	width: 46%;
	background: #E71717;
	border: none;
	padding: 10px 20px;
	color: #fff;
	cursor: pointer;
	margin-right: 11px;
	margin-left: 97px
}
.feed ul li input[type="submit"] {
	float: left;
	width: 65%;
	background: #636363;
	border: none;
	padding: 10px 20px;
	color: #fff;
	cursor: pointer;
	margin-left: 18.4%
}
.social a > * {
	margin: 0 5px;
	border-radius: 20px;
	text-align: center;
	transition: all ease-in-out .7s
}
.ico {
	position: relative
}
.front1, .back1 {
	transform: rotateY(0deg);
	position: absolute;
	z-index: 2;
	right: 0
}
.front1 img, .back1 img {
	border-radius: 64%;
	float: left
}
.back1 {
	transform: rotateY(180deg);
	z-index: 1
}
.ico:hover .front1 {
	transform: rotateY(180deg);
	z-index: 1
}
.ico:hover .back1 {
	transform: rotateY(0deg);
	z-index: 2
}
.front2, .back2 {
	transform: rotateY(0deg);
	position: absolute;
	z-index: 2;
	right: 55px
}
.front2 img, .back2 img {
	border-radius: 64%;
	float: left
}
.back2 {
	transform: rotateY(180deg);
	z-index: 1
}
.ico:hover .front2 {
	transform: rotateY(180deg);
	z-index: 1
}
.ico:hover .back2 {
	transform: rotateY(0deg);
	z-index: 2
}
.front3, .back3 {
	transform: rotateY(0deg);
	position: absolute;
	z-index: 2;
	right: 112px
}
.front3 img, .back3 img {
	border-radius: 64%;
	float: left
}
.back3 {
	transform: rotateY(180deg);
	z-index: 1
}
.ico:hover .front3 {
	transform: rotateY(180deg);
	z-index: 1
}
.ico:hover .back3 {
	transform: rotateY(0deg);
	z-index: 2
}
.ico > img {
	background-size: 80%
}
.front2 img, .front1 img, .front3 img {
	-webkit-filter: grayscale(100%);
	filter: grayscale(100%)
}
.icon:hover {
	cursor: pointer
}
.plus-minus, .minus-plus {
	position: absolute!important;
	right: 60px;
	top: 62px;
	background: transparent;
	border: 0!important;
	font-weight: 400;
	height: 7px!important;
	width: 8px!important;
	z-index: 1;
	border-radius: 0!important
}
.buttons {
	float: left!important;
	margin: 5px 26px 0 0
}