.catalog {padding-bottom:30px;}
.prodView > div {width:25%;padding:0 1.25%;float:left;text-align:center;}
.prod {min-height:415px;-webkit-box-shadow: 0px 0px 5px 1px rgba(0,0,0,0.25);-moz-box-shadow: 0px 0px 5px 1px rgba(0,0,0,0.25);box-shadow: 0px 0px 5px 1px rgba(0,0,0,0.25);margin-bottom: 15px;transition:all ease 150ms;}
.prod:hover {-webkit-box-shadow: 0px 0px 20px 0px rgba(0,0,0,0.25); -moz-box-shadow: 0px 0px 20px 0px rgba(0,0,0,0.25); box-shadow: 0px 0px 20px 0px rgba(0,0,0,0.25);}
.prodI {height:180px;padding:10px 5px; line-height: 180px;}
.prodI > a > img{width:auto;max-width:100%;max-height:100%;}
.prodB {padding:0 7.40740740740741%}
.prodName {height:68px;font-size:18px;font-weight:bold;color:#0b4384;text-overflow:ellipsis;overflow: hidden;}

.prodProp {height:70px;font-size:14px;line-height:20px;}
.prodPrice {font-size:18px;height:35px;font-weight:bold;}
.prodDet {}

.parRow  {font-size:16px;color:#898989;}
.parRow > div {display:inline-block;width:11.96581196581197%;padding:0 1.1%;text-align:center; vertical-align: top; line-height: normal;}
.parRow > div:first-child {text-align:left;}
.parRow > .parName {width:17.09401709401709%;}
.parRow > .parPrice {width:23.07692307692308%;}
.parRow:not(.parRowH) > .parName, .parRow:not(.parRowH) > .parPrice > div {font-size:20px;color:#0c468a;font-weight:bold;}
.parRow:not(.parRowH) > .parName, .parRow:not(.parRowH) > .parPriceM > div {font-size:18px;}
.parRow a {font-size:16px;color:#898989;text-decoration:underline;} 
.parRow a:hover {text-decoration:none;}

.parRow:not(.parRowH) {padding:16px 0;margin-bottom:18px;-webkit-box-shadow: 0px 0px 5px 1px rgba(0,0,0,0.25);-moz-box-shadow: 0px 0px 5px 1px rgba(0,0,0,0.25);box-shadow: 0px 0px 5px 1px rgba(0,0,0,0.25);}

.parRowH {font-size: 16px; color: #898989;line-height: 68px;padding-bottom:7px; }
.parRowH > div {vertical-align: bottom;}
.indicator {display: inline-block; position:relative;margin-top:12px;width:110px;height:15px;border:1px solid #898989;border-radius:4px;}
.indicator > span {display:block;position:absolute;top:-1px;left:-1px;bottom:-1px;border:1px solid #898989;border-radius:4px;}
.indicator-1 > span {width:33.3%;background-color:#f7941d;}
.indicator-2 > span {width:66.7%;background-color:#fff200;}
.indicator-3 > span {width:auto;right:-1px;background-color:#8dc63f;}

.porductTop {margin-bottom:35px;}
.porductTop > div {display:inline-block;}
.product .prImg {width:23.07692307692308%;line-height:264px;text-align: center;margin-bottom: 10px;}
.product #prImg {border: 1px solid #d7d7d7;height:270px;}
.product .prInfo {width:42.73504273504274%;padding:0 2.56410256410256%;}
.product .prInfo h1 {margin-bottom:10px;}
.product .prRight {width:34.18803418803419%;padding:0 2.56410256410256%;}

.product .prImg img {width:100%;max-width:268px;max-height:268px;vertical-align:middle;}
.product .prButP {}
.product .prButPx{height:40px;padding:10px 0; font-size:12px;color:#888;}
.product .prButP > div {display:inline-block;width:200px;}
.product .prPrice {font-size: 24px; line-height:40px;font-weight: bold;}
.product .prPriceM {font-size: 18px; line-height: 20px; text-align: center; font-weight: bold;}
.product .prProp {font-size:16px;}
.product .prProp > li > span {display:inline-block;line-height:30px;}
.product .prProp > li > span:nth-child(1) {width:68.18181818181818%;}
.product .prProp > li > span:nth-child(1) > span {display:block;width:100%;margin-right:10px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.product .prProp > li > span:nth-child(2) {width:31.81818181818182%;}

.porductInfo {padding-bottom:10px;margin-bottom:40px;}
.porductInfo , .porductInfo > ul {border-bottom:2px solid #0b4384;}
.porductInfo > ul > li {cursor:pointer;display:inline-block;font-size:20px; color:#0b4384;margin-right: 20px;text-transform:uppercase;}
.porductInfo > ul > li:hover {border-bottom:5px solid #ccd9e8;}
.porductInfo > ul > li.active {border-bottom:5px solid #0b4384;}
.porductInfo > div > div {display:none;padding-top:17px;}
.porductInfo > div > div.active {display:block;}
.porductInfo h1 {font-size:40px;}
.porductInfo h2 {font-size:32px;}
.porductInfo h3 {font-size:24px;}
.porductInfo h4 {font-size:20px;}
.porductInfo h5 {font-size:18px;}
.porductInfo h1, .porductInfo h2, .porductInfo h3, .porductInfo h4, .porductInfo h5 {color: #0b4384;text-transform:uppercase;}
.porductInfo .table th, .porductInfo .table td {vertical-align:middle;}
.product h3 {font-size:24px;color: #0b4384;text-transform:uppercase;}
.product h5 {font-size:20px;color: #0b4384;text-transform:uppercase;margin-bottom:5px;}

.porductRelated {}
.porductRelated > h3 {padding:0 1.25%;padding-bottom: 17px;}
.porductRelated > div.prod {display:inline-block;width:22.5%;margin:0 1.25%;margin-bottom:17px;height:370px;text-align:center;}
.porductRelated .prodName {height: 95px;}

.colors {font-size:10px;position:relative;margin-left:-5px;margin-right:-5px;}
.colors > span {border:1px solid #e1e1e1; display:inline-block;width:60px; height: 60px;text-align:center;margin:4px 4px; padding: 4px 0;}
.colors > span {color:transparent;}

.subcat {position:relative;margin: 0 -15px;}
.subcat > div {display:inline-block;vertical-align:top;width:25%;text-align:center; padding: 15px;}
.subcat > div a {cursor:pointer;display:block; padding: 27px;-webkit-box-shadow: 0px 0px 5px 1px rgba(0,0,0,0.25);
	-moz-box-shadow: 0px 0px 5px 1px rgba(0,0,0,0.25);
	box-shadow: 0px 0px 5px 1px rgba(0,0,0,0.25);
	transition: all ease 150ms;}
.subcat a img {max-width:100%;}
.subcat a > span {display:block;}
.subcat a > span.name { font-weight:bold;height: 40px; overflow: hidden;}

@media(max-width: 1023px)
{
	.prodView > div {width:33.33333333%;padding:0 1.25%;}
	.parRow > div {display:none;}
	.parRow > .parName, .parRow > .parPrice {display:inline-block;width:50%;}
	.porductRelated > div.prod {width:30.8333333333%;}
	.subcat > div {vertical-align:top;width:33.33333333%;}
}

@media(max-width: 767px)
{
	.prodView > div {width:50%;padding:0 1.25%;}
	.product .prImg {width:35%;}
	.product .prInfo {width:65%;}
	.product .prRight {display:none;}
	.porductRelated > div.prod {width:47.5%;}
	.subcat > div {vertical-align:top;width:50%;}
	.subcat > div a {padding: 17px;}
}

@media(max-width: 479px)
{
	.prodView > div {width:100%;padding:0 1.25%;}
	.product .prImg {width:100%;}
	.product .prInfo {width:100%;}
	.porductRelated > div.prod {width:97.5%;}
	.subcat > div {vertical-align:top;width:100%;}
	.subcat > div a {padding: 12px;}
}