/* Eric Meyer's CSS 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, center,
dl, dt, dd, ol, ul, 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: 100%;
	font: inherit;
	vertical-align: baseline;
    font-family: OpenSansReg, sans-serif;
    outline: none;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
	display: block;
}
@font-face {
  font-family: OpenSansReg;
  src: url(../fonts/OpenSans-Regular.ttf);
}
@font-face {
  font-family: OpenSansSemiBold;
  src: url(../fonts/OpenSans-Semibold.ttf);
}
@font-face {
  font-family: OpenSansBold;
  src: url(../fonts/OpenSans-Bold.ttf);
}

@font-face {
  font-family: OpenSansSemiExtraBold;
  src: url(../fonts/OpenSans-ExtraBold.ttf);
}

@font-face {
  font-family: OpenSansLight;
  src: url(../fonts/OpenSans-Light.ttf);
}
@font-face {
  font-family: RalewayMedium;
  src: url(../fonts/Raleway-Medium.ttf);
}
/*BEGIN GRID SYSTEM*/
.clearfix:after{
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}
.section {
	clear: both;
	padding: 0px;
	margin: 0px;
}

/*  COLUMN SETUP  */
.grid-1,.grid-2,.grid-3,.grid-4,.grid-5,.grid-6,.grid-7,.grid-8,.grid-9,.grid-10,.grid-11,.grid-12 {
	display: block;
	float:left;
	margin: 0;
}
.col:first-child { margin-left: 0; }

/*  GROUPING  */
.row:before,
.row:after { content:""; display:table; }
.row:after { clear:both;}
.row { zoom:1; /* For IE 6/7 */ }
/*  GRID OF TWELVE  */
.grid-12 {
	width: 100%;
}
.grid-11 {
  	width: 91.66%;
}
.grid-10 {
  	width: 83.33%;
}
.grid-9 {
  	width: 75%;
}
.grid-8 {
  	width: 66.66%;
}
.grid-7 {
  	width: 58.33%;
}
.grid-6 {
  	width: 50%;
}
.grid-5 {
  	width: 41.66%;
}
.grid-4 {
  	width: 33.33%;
}
.grid-3 {
  	width: 25%;
}
.grid-2 {
  	width: 16.66%;
}
.grid-1 {
  	width: 8.333%;
}

a{
    text-decoration: none;
}
/*END GRID SYSTEM*/
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}
/* End of Eric Meyer's CSS Reset */

article, aside, details, figcaption, figure, footer, header, hgroup, main, nav, section, summary {
	display: block;
}
body {
	font: 12px/18px Arial, sans-serif;
	width: 100%;
    background: url(../img/design/body-tail.gif) repeat-x;
}
.body-mode{
    background-position: 0 -263px;
}
.wrapper {
	width: 1160px;
	margin: 0 auto;
    padding: 0 1%;
}
.btn {
    display: inline-block;
    padding: 6px 12px;
    margin-bottom: 0;
    font-size: 14px;
    font-weight: normal;
    line-height: 1.428571429;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    cursor: pointer;
    background-image: none;
    border: 1px solid transparent;
    border-radius: 4px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    -o-user-select: none;
    user-select: none;
    text-decoration: none;
    font-size:13px;
    font-family: OpenSansSemiBold;
    color: #fff;
    border-radius: 0 !important;
    box-shadow: none !important;
}
.btn.btn-mini{
    font-size:12px;
    padding: 2px 10px 2px;
    color: #fff;
}
.btn-red{
    border-color: #f31010;
    border-right-color: #ad0101;
    border-bottom-color: #ad0101;
    background: #f31010;
    background: -webkit-linear-gradient(top, #f31010 0%,#ad0101 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f31010), color-stop(100%,#ad0101));
    background: -moz-linear-gradient(top, #f31010 0%, #ad0101 100%);
    background: -ms-linear-gradient(top, #f31010 0%,#ad0101 100%);
    background: -o-linear-gradient(top, #f31010 0%,#ad0101 100%);
    background: linear-gradient(to bottom, #f31010 0%,#ad0101 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f31010', endColorstr='#ad0101',GradientType=0 );
    
}

.btn:hover{
    border-color: #525252;
    text-decoration: none;
    border-right-color: #3b3b3b;
    border-bottom-color: #3b3b3b;
    background: #525252; /* Old browsers */
    background: -webkit-linear-gradient(top, #525252 0%,#3b3b3b 100%); /* Chrome10+,Safari5.1+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#525252), color-stop(100%,#3b3b3b)); /* Chrome,Safari4+ */
    background: -moz-linear-gradient(top, #525252 0%, #3b3b3b 100%); /* FF3.6+ */
    background: -ms-linear-gradient(top, #525252 0%,#3b3b3b 100%); /* IE10+ */
    background: -o-linear-gradient(top, #525252 0%,#3b3b3b 100%); /* Opera 11.10+ */
    background: linear-gradient(to bottom, #525252 0%,#3b3b3b 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#525252', endColorstr='#3b3b3b',GradientType=0 ); /* IE6-8 */

}
.btn .fa{
    margin-right: 5px;
}
/* Header
-----------------------------------------------------------------------------*/
.header {
    
    margin-bottom: 30px;
}
.header .links li a:hover {
    color: #e20000;
}
.main-panel{
    width:100%;
}
.mp-top{
    background: url(../img/design/header-panel.gif) repeat-x;
    height: 76px;
    overflow: hidden;
}
.top-menu{
    margin-top: 50px;
    margin-bottom: 18px;
}
.top-menu a{
    color: #5e5c5c;
    display: inline-block;
    margin-right: 3%;
    text-decoration: none;
    font-size: 15px;
    font-family: Tahoma;
}
.top-phones{
    float: right;
    margin: 5px 0;
}
.p-life{
    background: url(../img/design/life.png) no-repeat left center;
}
.p-kievstar{
    background: url(../img/design/kievstar.png) no-repeat left center;
    background-size: auto
}
.p-mts{
    background: url(../img/design/mts.png) no-repeat left center;
}
.top-phones li{
    font-size: 15px;
    /*OpenSansSemiBold OpenSansLight OpenSansBold*/
    font-family: OpenSansSemiBold;
    font-weight: bold;
    color:#5e5c5c;
    padding: 4px 0 4px 40px;
}
.logo{
    display: block;
    overflow: hidden;
}
.logo img{
    max-width: 100%;
}
.top-menu a:hover, .top-menu .active{
    color:#e20000
}
.right{
    float: right;
}
.cart-section{
    background: url(../img/design/top-cart-bg.gif) repeat-x;
    height: 76px;
    width: 20%;
}
.search-box{
    width: 20%;
}
.cart-icon{
    background: url(../img/design/cart-white.png) no-repeat bottom center;
    width:100%;
    height:  62px;    
}
.cart-inner{
    display: block;
    text-decoration: none;
}
.cart-section h2{
    text-transform: uppercase;
    font-family: OpenSansSemiBold;
    color:#fff;
    display: block;
    margin: 12px 0 8px 0;
    font-size:15px;
}
.cart-section:hover{
    background: #454545;
}
.cart-section .cart-item{
    display: block;
    color:#aeadad;
    line-height: 12px;
    margin-bottom: 4px;
    font-size:12px;
}
.cart-alert{
    position: fixed;
    top:20px;
    margin: 0px 0px 0px -153.5px;
    right: 20px;
    z-index:1000;
    border:solid 1px #bce8f1;
    display: none;
}
.cart-alert a{
    font-family: OpenSansReg;
    background-color: #d9edf7;
    padding: 15px;
    font-size:13px;
    color: #31708f;
    display: block;
}
/*category menu*/
.mp-bottom{
    background: url(../img/design/header-panel-bottom.gif) center top repeat-x;
    position: relative;
    border-bottom: solid 1px #cbcbcb;
    box-shadow: 0px 0px 12px rgba(0,0,0,0.18);
    -webkit-box-shadow: 0px 0px 12px rgba(0,0,0,0.18);
    
}
.category-menu > li{
    float: left;
    text-align: center;
    position: relative;
    border-right: 1px solid #d5d5d5;
    z-index: 99;
}

.category-menu li a{
    position: relative;
    display: block;
    padding: 0;
    color: #626262;
    text-decoration: none;
    cursor: pointer;
    text-transform: uppercase;
}
.category-menu li a span{
    display: block;
    font-size: 15px;
    line-height: 17px;
    text-transform: uppercase;
    font-family: OpenSansSemiBold;
    padding: 14px 30px 15px;
}
.category-menu li:hover,.category-menu > li.active{
    background: url(../img/design/active-menu.gif) center top;
}
.category-menu >li:hover > a,
.category-menu > .active > a{
    color:#2a2a2a 
}

.category-menu li ul{
    position: absolute;
    z-index: 99;
    width:100%;
    min-width:200px;
    display: none;
    background: #323232;
    box-shadow: 0 4px 8px rgba(0,0,0,0.12);
    -moz-box-shadow: 0 4px 8px rgba(0,0,0,0.12);
    -webkit-box-shadow: 0 4px 8px rgba(0,0,0,0.12);
}
.category-menu li ul ul{
    background: #424141;
}
.category-menu li:hover > ul{
    display: block;
}
.category-menu li li {
    position: relative;
    float: none;
}
.category-menu li li:hover,
.category-menu li li.active{
    background: #424141;
}

.category-menu li li a {
    display: block;
    border-bottom: solid 1px #000;
    border-right: solid 1px #000;
    background: none;
    line-height: 15px;
    color: #fff;
}
.category-menu li li:hover > a,
.category-menu li li.active > a{
    color:#de2f3c;
    border-right: solid 1px #BF0000;
}
.category-menu li ul ul li:hover,
.category-menu li ul ul li.active{
    background: #595959;
}
.category-menu li li a span{
    font-size: 14px;
    text-align: left;
    padding: 12px 40px 13px 20px;
}
.category-menu li li ul{
    left:100%;
    top:0;
}
/*search*/
.search-box .row{
    padding: 4%;
    padding-left: 0;
}
.input-phrase{
    width: 94%;
    margin-top: 2px;
    display: block;
    padding: 6px 3% 3px;
    line-height: 30px;
    background: #e9e9e9;
    border: solid 1px #cbcbcb;
    outline: none;
    border-right: none;
}
.search-btn{
    width:100%;
    cursor: pointer;
    display: block;
    background: #f9f9f9;
    border: solid 1px #cbcbcb;
    height: 41px;
    padding: 6px 0;
    margin-top: 2px;
    font-size: 23px;
    color:#e20000
}
.search-btn:hover{
    background: #e20000;
    color:#fff;
    border: solid 1px #e20000;
}
/* Middle
-----------------------------------------------------------------------------*/
.content {
    min-height: 300px;
}
.breadcrumbs{
    background: #FBFBFB;
    border: 1px solid #DDDDDD;
    padding: 8px 19px;
    margin: 0 0 30px;
    overflow: hidden;
}
.breadcrumbs > *{
    font-size: 13px;
}
.breadcrumbs a{
    text-decoration: none;
    color:#626262
}
.breadcrumbs a:hover{
    color:#eb0e0e
}
.breadcrumbs em{
    font-style: normal;
    color:#B4B4B4;
    padding: 0 4px;
}
.breadcrumbs span{
    color: #B4B4B4;
}
/*panels*/
.panel-box{
    border-top: solid 4px #eb0e0e;
    background: #FBFBFB;
    margin-bottom: 20px;
}
.panel-box.gray{
    background: #F7F7F7;
}
.panel-box h3.title{
    text-transform: uppercase;
    font-family: OpenSansSemiBold;
    font-size:14px;
    display: block;
    margin-bottom: 10px;
}
.panel-box .panel-body{
   border: solid 1px #ededed;
   border-top: none; 
   padding: 10px;
}
/*catalog-cats*/
.catalog-cats{
    margin-bottom: 20px;
}
.cat-list li{
    position: relative;
}
.cat-list li + li {
    border-top: 1px solid #424141;
}
.cat-list>li>a{
    display: block;
    padding: 10px 13px 11px 13px;
    font-size: 14px;
    text-transform: uppercase;
    color: #ffffff;
    font-family: OpenSansSemiBold;
    background: #606060;
    background: -webkit-linear-gradient(top, #606060 0%,#6D6C6C 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#606060), color-stop(100%,#6D6C6C));
    background: -moz-linear-gradient(top, #606060 0%, #6D6C6C 100%);
    background: -ms-linear-gradient(top, #606060 0%,#6D6C6C 100%);
    background: -o-linear-gradient(top, #606060 0%,#6D6C6C 100%);
    background: linear-gradient(to bottom, #606060 0%,#6D6C6C 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#606060', endColorstr='#6D6C6C',GradientType=0 );
    text-decoration: none;
}
.catalog-cats .cat-list>li>a:hover,.cat-list > .active>a{
    background: #f31010;
    background: -webkit-linear-gradient(top, #f31010 0%,#ad0101 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f31010), color-stop(100%,#ad0101));
    background: -moz-linear-gradient(top, #f31010 0%, #ad0101 100%);
    background: -ms-linear-gradient(top, #f31010 0%,#ad0101 100%);
    background: -o-linear-gradient(top, #f31010 0%,#ad0101 100%);
    background: linear-gradient(to bottom, #f31010 0%,#ad0101 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f31010', endColorstr='#ad0101',GradientType=0 );
}
.cat-list>li> i {
    position: absolute;
    font-size: 27px;
    cursor: pointer;
    width: 20px;
    text-align: center;
    right:10px;
    color:#fff;
    top: 4px;
    transition: all 0.3s linear;
}
.cat-list>.active>.open-main:before{
    content: "\f107";
}
.cat-list>li> i:hover{
    background:#f31010
}
.subcat-2{
    padding-top: 10px;
    padding-bottom: 10px;
}

.subcat-2,.subcat-3{
    border: solid 1px #E20D0D;
    border-top:none;
    border-bottom:none;
    padding-left: 10px;
    display: none;
}
.cat-list .active > ul{
    display: block;
}
.subcat-2 li{
    border: none !important;
}
.cat-list li:last-child .subcat-2{
    border-bottom:solid 1px #E20D0D !important;
}
.subcat-2 >li a{
    color:#626262;
    font-size:12px;
    line-height: 12px ;
}
.subcat-2 >li a:hover,.subcat-2 .active>a{
    color:#E20D0D;
}
.open-level{
    cursor: pointer;
}
.open-level:hover,.subcat-2 >.active .open-level{
    color:#626262
}
.cat-list ul>.active .open-level:before {
    content: "\f056";
}
.subcat-2 >li a strong{
    font-family: OpenSansSemiBold;
}
.subcat-3{
    border: none;
    padding-left: 25px;
}

/*select box*/
.select-box{
    margin-bottom: 15px;
}
.select-box select{
    height: 30px;
    color:#545454;
    width:100%;
    outline: none;
    border: solid 1px #e3e2e2;
    cursor:pointer;
}
.select-box select option{
    display: block;
    white-space: pre;
    font-size:13px;
    padding: 5px 5px 5px 10px;
}
/*PRODUCTS*/
.product-list{
    margin-left: 25px;
    margin-bottom: 15px;
}
.product .photo{
    float: left;
    width:22%;
    overflow: hidden;
    text-align: left;
    margin-right: 3%;
}
.product{
    border-bottom: 1px solid #ececec;
    padding-bottom: 20px;
    margin-bottom: 20px;
}
.product-desc{
    float: left;
    width:75%
}
.product .product-name{
    color:#2a2a2a;
    font-weight: ;
    font-family: OpenSansBold;
    font-size: 15px;
    line-height: 22px;
    display: inline-block;
    margin-bottom: 10px;
}
.product .product-name:hover{
    text-decoration: underline;
}
.product .photo img{
    max-width: 100%;
}
.product .desc{
    color:#807E7E;
    margin-bottom: 6px;
}
.product .desc p{
    font-size:12px;
    display: ;
    margin-bottom: 12px;
}
.product-params li strong{
    font-family: OpenSansBold;
}
.product-params {
    margin-bottom: 10px;
}
.product .cs-price-box,.product-info .cs-price-box,.similar-products .cs-price-box{
    border: none;
    padding-bottom: 0;
}
.to-cart-box input{
    border: 1px solid #dfdfdf;
    color: #9d9d9d;
    width: 50px;
    height: 37px;
    display: inline-block;
    margin-right: 10px;
    padding: 0 10px;
    outline: none;
    display: block;
    float: left;
    text-align: center;
}
.to-cart-box .btn{
    padding: 9px 12px 10px;
}
/*order and mini-pager*/
.top-navigations{
    border-bottom: solid 1px #ececec;
    margin-bottom: 10px;
    padding: 5px 0
}
.top-navigations .sort{
    float: left;
    width: 40%;
    margin-top: 10px;
    font-size:13px;
    position: relative;
}
.top-navigations .droplist{
    display: block;
    position: absolute;
    padding: 0px 6px 6px 6px;
    border: solid 1px  transparent;
    top: -1px;
    left: 90px;
}
.top-navigations .droplist.active{
    top: -6px;
}
.top-navigations .droplist strong{
    position: relative;
    border-bottom: dotted 1px #6e6e6e;
    color:#6e6e6e;
    font-weight: normal;
    cursor: pointer;
}
.top-navigations .droplist strong .arrow{
    position: absolute;
	top: 8px;
	right: -12px;
	width: 0px;
	height: 0px;
	overflow: hidden;
	border-top: 4px solid #5e5e5e;
	border-right: 4px solid transparent;
	border-left: 4px solid transparent;
}
.sort ul{
    list-style: none;
    display: none; 
}
.sort ul a{
    color: #545454
}
.sort ul a:hover{
    color:#eb0e0e
}
.top-navigations .sort label{
    color:#000;
    display: block;
}
.top-navigations .sort .active{
    padding-top: 5px;
    border: solid 1px #dbdbdb;
    border-radius: 0px;
    background: #fff;
    
}
.top-navigations .sort .active ul{
    display: block;
}
.top-navigations .pager-box{
    float: right;
}
.pager-inner{
    margin-top: 20px;
}
.pager-box{
    width: 30%;
}
.pager-box .total-pages{
    float: right;
    font-size:12px;
    color: #000;
    margin-top: 10px;
    margin-right: 3%;
}
.pager-box .page_navigation{
    float: right;
}
.pager-box .page_navigation a{
    margin: 0;
    margin-left: 6px;
    padding: 6px 0;
    width: 30px;
}
.page_navigation a{
    color:#000000;
    text-decoration: none;
    padding: 6px 0;
    width: 30px;
    text-align: center;
    margin: 0 4px 6px 4px;
    border: solid 1px #dbdbdb;
    display: inline-block;
}
.page_navigation .next{
    background: url(../img/design/next.jpg) no-repeat center center;
}
.page_navigation .prev{
    background: url(../img/design/prev.jpg) no-repeat center center;
}
.page_navigation a:hover{
    background-color: #ededed;
}
.page_navigation .next:hover,.page_navigation .prev:hover{
    background-color: transparent;
    opacity: 0.6
}

.page_navigation .active{
    color:#ff1e00;
    font-weight: bold;
}
/*product*/
.product-page{
    margin-left: 25px;
}
.product-gallery{
    margin-right: 10%;
}
.product-gallery img{
    max-width: 100%;
}
.product-gallery .thumbs a{
    display: block;
    width: 96px;
    height: 96px;
    float: left;
    overflow: hidden;
    margin: 10px 10px 0 0;
    border: 1px solid #dfdfdf;
}
.product-gallery .thumbs a:hover{
    border: solid 1px #eb0e0e;
}
.product-gallery .thumbs a:nth-child(3n+3){
    margin-right: 0;
}
.main-photo{
    border: solid 1px #ededed;
    text-align: center;
}
.product-info h2{
    color:#eb0e0e;
    text-transform: uppercase;
    margin-bottom: 15px;
    padding-bottom: 5px;
    font-size:15px;
    border-bottom: 2px solid #262626;
    font-family: OpenSansBold;
}
.product-info .price-info{
    margin-bottom: 20px;
}
.product-info .product-desc{
    width: 100%;
}
.similar-box{
    margin-top: 40px;
    margin-bottom: 20px;
}

.similar-products .s-product{
    float: left;
    width:24%;
    margin-right: 1.3%;
}
.similar-products .s-product:last-child{
    margin-right: 0;
}
.similar-products .s-product .s-product-inner{
    border: solid 1px #dfdfdf;
    padding: 10px;
}
.similar-products .s-product .name{
    display: block;
    text-align: center;
    font-family: OpenSansSemiBold;
    color:#545454;
    height: 50px;
}
.similar-products .s-product .name:hover{
    color:#eb0e0e;
}
.similar-products .photo{
    text-align: center;
    overflow: hidden;
    height: 150px;
    margin-bottom: 20px;
}
.similar-products .photo img{
    max-width: 100%;
    max-height: 150px;
}
.similar-products .cs-price-box{
    margin-bottom: 0;
    text-align: center;
}
/*message*/
#flashBox div.flashMessages{background-position:8px 8px;background-repeat:no-repeat;border:1px solid;margin:6px 0;padding:10px 0 10px 6%}
#flashBox div.flashMessages p{font-weight: bold;}
#flashBox div.status{background-image:url(../img/message-24-ok.png);border-color:#be7}
#flashBox div.status,.ok{color:#234600}
#flashBox div.status{background-color:#f8fff0}
#flashBox div.warning{background-image:url(../img/message-24-warning.png);border-color:#ed5}
#flashBox div.warning,.warning{color:#840}
#flashBox div.warning{background-color:#fffce5}
#flashBox div.error{background-image:url(../img/message-24-error.png);border-color:#ed541d}
#flashBox div.error,.error{color:#8c2e0b}
#flashBox div.error{background-color:#fef5f1}
#flashBox div.error p.error{color:#333}
#flashBox div.flashMessages ul{margin:0 0 0 1em;padding:0}
#flashBox div.flashMessages ul li{list-style-image:none;text-align: left;list-style: none;}

.exception{
    padding: 24px 0 14px;
	margin: 0 20px;
}
.exception p {
	margin: 18px 0;
	line-height: 18px;
}
.exception h1{
    color:red;
    font-family: Arial, cursive;
	font-size: 2.5em;
	text-align: center;
	padding-bottom: 15px;
    margin-bottom: 15px;
}
.exception .exceptionBody{
    font-size: 1.4em;
    text-align: center;
}
.error,.errorMessage{
    color:red
}
/*SLIDER*/
.slider-box{
    background: #fff;
    padding: 20px;
    border-bottom: solid 1px #e8e8e8;
    box-shadow: 0px 3px 4px rgba(0,0,0,0.1);
    -moz-box-shadow: 0px 3px 4px rgba (0,0,0,0.1);
    -webkit-box-shadow: 0px 3px 4px rgba (0,0,0,0.1);
}

/*home slider*/

.slide-content-box{
    height: 100%;
    margin: 35px 4% 12px 10%;
}

.slide-content-box > *{
    display: block;
    font-size: 11px;
    text-align: left;
    line-height: normal;
}
.slide-content-box .name{
    display: block;
    text-align: left;
    text-transform: uppercase;
    font-size: 26px;
    font-weight: bold;
    margin-bottom: 20px;
}
.slide-content-box .dsc{
    font-size: 15px;
    line-height: 23px;
    margin-bottom: 26px;
}
.slide-content-box .btn-goto{
    font-size: 14px;
    color: #2a2a2a;
    text-decoration: none;
    text-shadow: none;
    background: #fafafa;
    line-height: 45px !important;
    display: inline-block !important;
    text-transform: uppercase;
    padding: 0 16px;
    border: solid 1px #b80303 !important;
    font-family: OpenSansSemiBold;
}
.slide-content-box .btn-goto:hover {
    background: #464646;
    color: #fff;
}
.slider-box .theme-default .nivo-caption{
    background: url(../img/design/slider-bg.jpg);
    right: 0;
    left: auto;
    top: 0;
    width: 35%;
    
}
.theme-default .nivoSlider{
    margin-bottom: 0;
}

#nivo-slider-1 img{
    height: 406px;
    width: 764px !important;
}
.theme-default .nivo-controlNav {
	text-align: left;
    position: absolute;
    z-index: 100;
    bottom:6%;
    left:765px;
}
.theme-default .nivo-controlNav a {
	width:19px;
	height:19px;
	background:url(../img/design/slider-nav.png) no-repeat 0 -23px;
	margin: 0 3px;
}
.theme-default .nivo-controlNav a:hover {
	background-position:0 -45px;
}
.theme-default .nivo-controlNav a.active {
	background-position:0 -1px;
}
/*margins*/
.margint-top-20{
    margin-top: 20px;
}
.margint-top-30{
    margin-top: 30px;
}
.margint-bottom-20{
    margin-bottom: 20px;
}
.margint-bottom-30{
    margin-bottom: 30px;
}
/*cat tile*/
.cat-tile-box{
    border-bottom: solid 1px #dcdcdc;
    overflow: hidden;
    position: relative;
    background: #fff;
    margin-bottom: 25px;
    box-shadow: 0px 3px 4px rgba(0,0,0,0.1);
}
.cat-tile{
    border-right: solid 1px #dcdcdc;
    border-bottom: solid 1px #dcdcdc;
    overflow: hidden;
    padding: 12px 0 12px 20px;
    display: block;
    position: relative;
    height:180px;
}
.cat-tile .name{
    display: block;
    font-weight: bold;
    margin-bottom: 13px;
    color:#e20000;
    font-size:26px;
    text-transform: uppercase;
    font-family: Tahoma;
}
.cat-tile ul a{
    color:#636363;
    font-family: Tahoma;
    font-size:13px;
    text-decoration: none;
}
.cat-tile ul a:hover{
    color:#e20000
}
.cat-tile img{
    position: absolute;
    max-width: 100%;
    right: -20%;
    bottom:5%;
    -webkit-transition: all 0.3s linear;
    -moz-transition: all 0.3s linear;
    -o-transition: all 0.3s linear;
    -ms-transition: all 0.3s linear;
    transition: all 0.3s linear;
}
.transition-3{
    -webkit-transition: all 0.3s linear;
    -moz-transition: all 0.3s linear;
    -o-transition: all 0.3s linear;
    -ms-transition: all 0.3s linear;
    transition: all 0.3s linear;
}
.cat-tile:hover img {
    transform: scale(1.05,1.05);
    -o-transform: scale(1.05,1.05);
    -moz-transform: scale(1.05,1.05);
    -webkit-transform: scale(1.05,1.05);
}
.page-header{
    background: url(../img/design/header-coner.png) left top no-repeat;
    height: 62px;
    border-bottom: solid 1px #e3e2e2;
    margin-bottom: 20px;
    color:#eb0e0e;
    text-transform: uppercase;
    line-height: 56px;
    padding-left: 35px;
    font-size:23px;
    font-family: OpenSansBold;
}
/*carousel*/
.carousel-box{
    width:100%;
    position: relative;
}
.carousel-box ul li{
    float: left;
    position: relative;
    border: solid 1px #dfdfdf;
    width: 242px;
    padding: 12px;
    text-align: left;
    margin-right: 22px;
}
.carousel-box ul li .name{
    color:#3f3f3f;
    display: block;
    text-align: center;
    font-size:13px;
    text-decoration: none;
    line-height: 15px;
    height: 30px;
    margin-bottom: 12px;
    text-transform: uppercase;
}
.carousel-box ul li .name:hover{
    color:#e20000;
}
.carousel-box .photo{
    margin-bottom: 15px;
    height: 196px;
}

.cs-price-box{
    margin-bottom: 15px;
    border-bottom:  solid 1px #dfdfdf;
    padding-bottom: 15px;
}
.cs-price-box .cs-price,.cs-price-box .valute{
    color:#ea0e0e;
    font-family: OpenSansSemiBold;
    font-size:24px
}
.cs-price-box .valute{
    font-size:12px
}
.carousel-buttons{
    position: absolute;
    right:0;
    top:10px
}
.carousel-buttons a{
    display: inline-block;
    padding: 10px 14px;
    border: solid 1px #ededed;
    margin-left: 5px;
    color:#DA0000;
    font-size:15px
}
.carousel-buttons a:hover{
    background: #6E6E6E;
    border: solid 1px #6E6E6E;
    color:#fff
}
/*content-text*/
.content-text ul{
    margin-left: 30px;
    margin-bottom: 15px;
}
.content-text ul li{
    /*list-style: disc;*/
    font-size:14px;
    margin-bottom: 8px;
    color:#5a5959;
}
.content-text ul li:before{
    content:'';
    display: inline-block;
    height: 5px;
    border-radius: 50%;
    width:5px;
    position: relative;
    top:-2px;
    margin-right: 10px;
    background: #eb0e0e;
}
.content-text p{
    color:#5a5959;
    font-size:14px;
    margin-bottom: 15px;
    text-align: justify;
}
.content-text strong,.content-text b{
    font-family: OpenSansBold;
}
.content-text h2{
    font-family: OpenSansSemiBold;
    color:#eb0e0e;
    font-size:20px;
    margin-bottom: 14px;
}
/*articles*/
.home-articles{
    width: 92%;
}
.home-article{
    border: solid 1px #eae6e6;
    padding: 10px 10px 8px;
    margin-bottom: 15px;
}
.home-article .photo{
    border: solid 1px #eae6e6;
    float: left;
    width: 34%;
    overflow: hidden;
    text-align: center;
    margin-right: 4%;
}
.home-article .photo img{
    display: block;
    margin: 0 auto;
    max-width: 100%;
    -webkit-transition: all 0.3s linear;
    -moz-transition: all 0.3s linear;
    -o-transition: all 0.3s linear;
    -ms-transition: all 0.3s linear;
    transition: all 0.3s linear;
}
.home-article .photo img:hover{
    transform: scale(1.05,1.05);
    -o-transform: scale(1.05,1.05);
    -moz-transform: scale(1.05,1.05);
    -webkit-transform: scale(1.05,1.05);
}
.home-article-desc{
    float: left;
    width:60%;
}
.home-article-desc .title{
    color:#5a5959;
    line-height: 15px;
    font-family: OpenSansSemiBold;
    font-size:14px;
    margin-bottom: 10px;
    text-decoration: none;
    display: inline-block;
}
.home-article-desc .title:hover{
    text-decoration: underline;
}
.home-article .date{
    color:#bdbdbd;
    line-height: 14px;
    display: block;
    font-size:11px;
    font-style: italic;
}
.red{
    color:#eb0e0e
}
.home-article .button-box{
    text-align: right;
    margin-top: 15px;
}

.home-article .button-box a:hover{
    background-position: bottom center;
}
/* Footer
-----------------------------------------------------------------------------*/
.footer {
	border-top: solid 3px #e60d0d;
}
.footer-inner{
    border-top: solid 1px #cbc9c9;
    margin-top: 2px;
    padding: 25px 0;
}
.footer-nav a{
    font-size:15px;
    font-family: OpenSansBold;
    text-transform: uppercase;
    color:#eb0e0e;
    display: inline-block;
    margin-right: 20px;
    text-decoration: none;
}
.footer-nav a:hover,.footer-nav .active{
    color:#5a5959
}
.copyright{
    color:#777;
    margin-top: 5px;
    font-size: 12px;
}
.footer-soc-box{
    text-align: right;
}

/*CART*/
.cartItems{
    margin-left: 2%;
}
.order-body{
    border: solid 1px #e3e2e2;
    padding: 2%;
}
.cartEmpty{
    font-size:16px;
    text-align: center;
    display: none;
}
.cartEmpty.visible{
    display: block;
}
.cartItems table,.table,.content-text table{
    border-collapse: collapse;
    width:100%
}

.cartItems table th,.cartItems table td,.table th, .table td,.content-text table th, .content-text table td{
    padding: 6px 4px;
    vertical-align: top;
    border-bottom: solid 1px #E4E4E4;
    text-align: left;  
}
.content-textt table th, .content-text table td{
    border: solid 1px #E4E4E4;
}
.content-text table{
    width: 100% !important;
}

.cartItems table th,.table th,.content-text table th,
.content-texttable tr:first-child td{
    color:#fff;
    font-size:14px;
    background: #D70000;
    font-family: OpenSansSemiBold;
    /*border: none;*/
      
}
.content-text table tr:first-child td{
    border-right: solid 1px #fff;
    border-left: solid 1px #fff;
}
.cartItems .photo img{
    width: 50px;
}
.cartItems table td > *{
    color:#464646;
    font-size: 13px;
}
.cartItems .remove{
   width: 25px !important; 
}
.cartItems .remove a{
    display: block;
    width:12px;
    height:12px;
    background:url(../img/remove.png) no-repeat center center;
}
.cartItems .remove a:hover{
    opacity: 0.8;
}
.itemQuantityBox{
    float: left;
    border: solid 1px #d5d5d5;
    width:60px;
    position: relative;
}
.itemQuantityBox input,.itemQuantityBox span{
    float: left;
    position: relative;
    text-align: center;
    cursor:pointer;
    display: block;
}
.itemQuantityBox span{
    padding: 3px 0;
    transform: ;
}
.itemQuantityBox input,.itemQuantityBox span:hover{
    background-color: #E3333A;
    color:#fff
}
.itemQuantityBox .downQuantity{
    background: url(../img/design/arrow-down.png) no-repeat center center;
    height: 100%;
    display: block;
    float: right;
    width: 25px;
    background-color: #d5d5d5;
}
.itemQuantityBox .upQuantity{
    background: url(../img/design/arrow-up.png) no-repeat center center;
    height: 100%;
    background-color: #d5d5d5;
    display: block;
    float: right;
    width: 25px;
}

.itemQuantityBox input{
    width:30px;
    background:#fff;
    color:#464646;
    height: 30px;
    text-align: center;
    padding: 3px 0;
    font-size:12px;
    border:solid 1px  transparent;
}
.cartItems .itemParams{
    font-size:14px;
    text-transform: none;
    color:#999;
}
.cartItems .additional{
    color:#999;
    display: block;
    font-size:12px;
}
.cartItems .name{
    text-align: left;
    width: 250px;
}
.cartItems .name a{
    text-decoration: none;
}
.cartItems .name a:hover{
    text-decoration: underline;
}
.cartItems .summ strong{
    font-weight: normal;
}
.cartItems .totalPrice{
    color:#E3333A;
    padding: 8px 0 0;
    font-size:18px;
    text-align:right;
    margin-top: 0px;
}
.cartItems .orderDiscount{
    color:red;
    text-align: right;
    font-size:18px
}
.cartItems .totalPrice .label{
    padding-right: 20px;
    font-size:15px;
}
.form-order-box{
    width: 40%;
}
/*END CART*/
/*form*/
.form{
    width: 100%;
}
.form label{
    display: block;
    width: 100%;
    font-size:15px;
    margin-bottom: 8px;
}
.form label .required{
    color:red
}
.form .row{
    margin-bottom: 10px;
}
.form input[type='text'],.form input[type='password'], .form textarea{
    border:solid 1px #cecece;
    font-size:14px;
    padding: 2px 1%;
    height: 28px;
    outline: none;
    width: 98%;
}
.form textarea{
    height: 100px;
    resize: none;
}