@import url("reset.css");
@import url("https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css");
*,
*:after,
*:before {
 	box-sizing: border-box;
 	padding: 0;
 	margin: 0;
}


html,
body {
	width: 100%;
	height: 100%;
	min-width:1300px;
	font-size: 13px; /*размер арт */
 	font-family: 'Ubuntu', 'Arial', sans-serif;
	background: #fff;
 	color: #2b2b2b;/*цвет цен и арт */
}

p {
 margin-bottom: 5px;
}

h1 {
    font-size: 24px; /*размер Каталог товаров*/
    margin-bottom: 8px;
    font-weight: normal;
    font-family: 'Cuprum';
}

h2 {
	clear: both;
	font-size: 18px;
	margin-bottom: 10px;
	font-weight: normal;
}

h3 {
	font-size: 18px;
	margin-top: 0px;
	margin-bottom: 10px;
	font-weight: normal;
}

a {
 	color: #400354; /* Цвет выпадающего меню */
 	text-decoration: none;
}

.sh_btn{ 
   font-size: 40px; /*размер Каталог товаров*/
    margin-bottom: 8px;
    font-weight: normal;
    font-family: 'Cuprum';
}




a:hover {
 	color: #000;
}

input,
button,
textarea {
 outline: 0px;
}

.title{
	margin:10px 0;
}

.input {
    width: 230px;
    height: 35px;
    border: 1px solid #000;
    border-radius: 3px;
    box-shadow: inset 0px 1px 4px rgba(0, 0, 0, 0.1);
 	padding: 0px 10px;
 	transition: all 0.3s;
}

.input:focus {
    border: 1px solid #FF8500;
}



.podtp.fixed {
 	height: 53px;
}

.toppolosa {
 	display: block;
 	width: 100%;
 	height: 53px;
 	border-bottom: 1px solid #EDEDED;
 	transition: all 0.5s;
 	z-index: 9999;
 	background: #592B68; /*заливка верхнего меню*/
}

.toppolosa.fixed {
 	position: fixed;
 	border-bottom: 0px;
 	box-shadow: 0px 1px 10px rgba(0, 0, 0, 0.17);
 	top: 0px;
}

.tpwidth {
 	display: block;
 	max-width: 1000px;
 	margin: 0px auto;
 	height: 53px;
 	position: relative;
}

ul.menu {
	display: block;
 	margin: 0px;
 	padding: 0px;
 	list-style: none;
 	transition: all 0.2s;
}

ul.menu li {
	display: inline-block;
 	float: left;
 	margin: 0px;
 	padding: 0px 8px;
 	list-style: none;
 	transition: all 0.2s;
}

ul.menu li:first-child {
 	padding-left: 0px;
}

ul.menu li a {
	display: block;
 	padding: 0px;
 	height: 53px;
 	line-height: 52px;
 font-family: 'Arial';
 font-size: 12px;/*размер текста в вехнем меню*/
 text-transform: uppercase;
 color: #fff; /*цвет текста в вехнем меню*/
 border-bottom: 2px solid transparent;
 transition: all 0.2s;
}

ul.menu li a:hover, ul.menu li.selected a {
 border-bottom: 2px solid #FF8500;
 color: #FF8500;
}


.topsearch {
    display: inline-block;
    float: left;
    height: 52px;
    line-height: 52px;
    margin: 0px 20px 0px 120px;
    font-size: 15px;
    font-family: 'Arial';
    color: #FF8500;
    background: url('../images/search.png') no-repeat 0px 20px;
    padding: 0px 0px 0px 19px;
    cursor: pointer;
 transition: all 0.2s;
}

.topuser {
    display: inline-block;
    float: right;
    height: 52px;
    line-height: 52px;
    margin: 0px 20px 0px 0px;
    font-size: 15px;
    font-family: 'Arial';
    color: #FF8500;
    background: url('../images/login.png') no-repeat 0px 17px;
    padding: 0px 0px 0px 17px;
    cursor: pointer;
    transition: all 0.2s;
}


.topsearch:hover, .topuser:hover {
 color: #232323;
}

.over_icos {
    display: block;
    position: absolute;
    top: 14px;
    left: 600px;
    font-size: 15px;
    font-family: 'Cuprum';
}
.over_icos .l{
	width:110px;
	border-right:1px solid #000;
	margin-right:10px;
	float:left;
}
.over_icos .r{
	width:100px;
	float:left;
}

span.toptel {
    display: inline-block;
    float: right;
    height: 53px;
    line-height: 53px;
    font-size: 16px;
    font-weight: bold;
    transition: all 0.2s;
}

#topsearch {
    display: none;
    position: absolute;
    left: 50%;
    top: 0px;
    background: #FFF;
    z-index: 101;
    border-radius: 0px 0px 3px 3px;
    height: 64px;
    width: 340px;
    margin-left: -170px;
    padding: 10px 10px 0px 10px;
    border: 2px solid #FF8500;
    box-shadow: 0px 1px 5px rgba(0, 0, 0, 0.12);
    border-width: 0px 2px 2px 2px;
}


.sform {
    display: block;
    width: 380px;
    height: 35px;
    position: absolute;
    top: 18px;
    left: 180px;
}

.sform .cats{
	background:#FF8500;/* Выбор категории в поиске */
	color:#fff;
	vertical-align:top;
	height:35px;
	width:110px;
	margin-left:-4px;
	border: 1px solid #C1C1C1;/* Рамка */
	box-shadow: inset 0px 1px 5px rgba(0, 0, 0, 0.09);
	padding:0 5px;
}

input.input_search {
    width: 237px;
    height: 35px;
    border: 1px solid #C1C1C1;/* Рамка поиска */
    padding: 0px 10px;
    border-radius: 2px;
    box-shadow: inset 0px 1px 5px rgba(0, 0, 0, 0.09);
    transition: all 0.3s;
}

input.input_search:focus {
	border: 1px solid #FF8500;
}


input.button_search {
	border: 1px solid #C1C1C1;
	box-shadow: inset 0px 1px 5px rgba(0, 0, 0, 0.09);
    display: block;
    width: 35px;
    height: 35px;
    position: absolute;
    top: 0px;
    right: 0px;
    background:#fff url('../images/search.png') no-repeat center;
    cursor: pointer;
}

.close {
 	display: block;
 	cursor: pointer;
 	width: 14px;
 	height: 14px;
 	background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA4AAAAOCAYAAAAfSC3RAAAAjUlEQVQoU2NkIBMwwvT9d2AQYDzA8AGfOchqwBpBAgyMTA8Y/jMWMB74uwCb5v8OzAlAlf0MDP8UQRYg2QiUYGSYz/CfIRFdM1gTmhxcI8RmTAXYxEBqUTSiawY7GYcrMDSiaAZzMJ2O1UayNSL7iWinkhU4uEIPV2iTlgAY/09g+P9PAS0BkJHkyEnnANIacQ9U7KjlAAAAAElFTkSuQmCC') no-repeat;
}

.close.ts {
    position: absolute;
    top: 23px;
    right: 16px;
}






/* форма входа */

.login {
 	position: relative;
 	float: right;
 	display: inline-block;
 	height: 42px;
}

.login span.login-open {
    display: inline-block;
    position: relative;
    padding: 0px 20px 0px 37px;
    height: 42px;
    line-height: 42px;
    font-size: 13px;
    color: #3273C2;
    background: rgba(38, 102, 181, 0.04) url('../images/login.png') no-repeat 15px 13px;
    cursor: pointer;
}

#login {
    display: none;
    position: fixed;
    background-color: rgba(0, 0, 0, 0.67);
    top: 0px;
    left: 0px;
    right: 0px;
    bottom: 0px;
    z-index: 9999;
}

#qr_code {
    display: none;
    position: fixed;
    background-color: rgba(0, 0, 0, 0.67);
    top: 0px;
    left: 0px;
    right: 0px;
    bottom: 0px;
    z-index: 9999;    
}

.qrOutput {
    text-align: center;
}

.login-form {
    display: block;
    width: 400px;
    height: 290px;
    background: #fff;
    position: fixed;
    top: 50%;
    left: 50%;
    margin: -145px 0px 0px -200px;
    z-index: 9999;
    box-shadow: 0px 0px 42px rgba(0, 0, 0, 0.33);
    overflow: hidden;
    border-radius: 2px;
}

#qr_code .login-form {height: 400px;}

.lf-top {
    display: block;
    height: 60px;
    line-height: 64px;
    font-size: 18px;
    text-align: center;
    position: relative;
    font-weight: 600;
    border-bottom: 1px solid #ECECEC;
}


span.close.cllogin {
    top: 26px;
    right: 26px;
    position: absolute;
}

.lf-form {
    display: block;
    padding: 30px 20px 20px 20px;
    background-color: #F7F7F7;
    height: 230px;
}

.lf-iteam label {
    width: 90px;
    display: inline-block;
    text-align: right;
    padding: 0px 10px 0px 0px;
    font-size: 13px;
}
.lf-iteam {
    display: block;
    margin: 0px 0px 10px 0px;
}

.lf-iteam input[type="text"], .lf-iteam input[type="password"] {
    width: 230px;
    height: 35px;
    border: 1px solid #D8D8D8;
    border-radius: 3px;
    box-shadow: inset 0px 1px 4px rgba(0, 0, 0, 0.1);
 	padding: 0px 10px;
 	transition: all 0.3s;
}

.lf-iteam input[type="text"]:focus, .lf-iteam input[type="password"]:focus {
    border: 1px solid  #FF8500
}

.button {
    display: inline-block;
    padding: 0px 30px;
    height: 35px;
    background: linear-gradient(to bottom, #fcfcfc 0%,#efefef 100%);
    border: 1px solid #D8D8D8;
    box-shadow: 0px 1px 4px rgba(0, 0, 0, 0.07), inset 0px 0px 10px rgba(255, 255, 255, 0.53);
    font-weight: 600;
    font-size: 13px;
/*    font-family: 'Open Sans';*/
    color: #FF8500;
    cursor: pointer;
    transition: all 0.25s;
}

.button:hover {
    border: 1px solid #FF8500;
}

.button:active {
    border: 1px solid #fff;
}

.lf-iteam.ifi-button {
    padding-left: 93px;
}

.lf-iteam.ifi-button a {
    display: inline-block;
    height: 35px;
    line-height: 35px;
    padding: 0px 10px;
    border-radius: 4px;
    transition: all 0.3s;
}

.lf-iteam.ifi-button a:hover {
    background: rgba(255, 255, 255, 0.65);
}

.lf-info {
    display: block;
    text-align: center;
    font-size: 12px;
    padding-top: 16px;
    border-top: 1px dotted rgba(0, 0, 0, 0.07);
    position: relative;
    margin: 29px -20px 0px -20px;
}

.login-form .error {
    display: block;
    position: absolute;
    top: 60px;
    left: 0px;
    background: rgba(189, 43, 43, 0.18);
    height: 21px;
    padding: 0px 10px;
    line-height: 21px;
    font-size: 12px;
    border-radius: 0px 0px 4px 0px;
}





/*** шапка ***/

#header {
 	display: block;
 	width: 100%;
 	height: 143px;
 	position: relative;
	z-index: 11;
}

.header {
 	display: block;
 	max-width: 1000px;
 	height: 143px;
 	position: relative;
 	margin: 0px auto;
}

.logo {
    background: url('../images/logo.png') no-repeat top center;
    background-size: 100%;
    width: 175px;
    height: 100px;
    display: block;
    position: absolute;
    top: 0px;
    font-size: 21px;
    font-weight: bold;
    text-transform: uppercase;
    padding: 24px 0px 0px 0px;
    color: #FF8500;
 	transition: all 0.3s;
}

.logo span {
 	color: #2b2b2b;
}

.logo:hover {
 	color: #2b2b2b;
}

.grafic {
 	display: block;
 	position: absolute;
	top: 65px;
 	left: 180px;
 	text-align: left;
 	font-size: 14px;
 	line-height: 15px;
 	font-family: 'Arial';
}

span.callback {
    display: inline-block;
    position: absolute;
    top: 56px;
    left: 323px;
    background: #FF8500;
    font-size: 13px;
    font-family: 'Arial';
    color: #fff;
    padding: 0px 10px;
    height: 25px;
    line-height: 24px;
    border-radius: 2px;
    box-shadow: inset 0px 25px 0px rgba(255, 255, 255, 0.24);
    transition: all 0.3s;
    cursor: pointer;
}

span.callback:hover {
 	background: #2b2b2b;
}

#cart_informer {
 	display: block;
 	position: absolute;
 	top: 15px;
 	right: 0px;
    min-width: 140px;
}


.fixedcart {
    position: fixed !important;
    top: 100px !important;
    right: 0px !important;
    width: 120px;
    height: 70px;
 	    min-width: inherit !important;
    background: #FF8500;
    border-radius: 3px 0px 0px 3px;
    box-shadow: inset 0px 38px 0px rgba(255, 255, 255, 0.09), 0px 3px 10px rgba(255, 255, 255, 0.33) inset, 0px 1px 5px rgba(0, 0, 0, 0.28), 0px 50px 100px rgba(255, 255, 255, 0.28) inset;
}

.fixedcart .cartico {
 	display: none;
}

.fixedcart .carttext {
    color: #fff;
    float: inherit;
    position: relative;
    padding: 0px;
    text-align: center;
    height: 70px;
    padding-top: 31px;
    text-shadow: 0px 1px 3px rgba(0, 0, 0, 0.42);
}

.fixedcart .carttext:before {
    content: '';
    display: block;
    width: 25px;
    height: 25px;
    background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAABF0lEQVRIS72VgQ2CMBBF7QSOIGwgG+Ak4gSuoBu4gTiJOoGMgBvoBPq/EVKkPVsPvMSYkMt//f+uYCYjlxlZf9ICHigLVhtj0iHgPgC1M0AqLaQXEYzsILpWClc4XEYNF2CO5xcl4ApA4gTwIVzU+JspICsASgmgiekO4QSAmwTQxLSF+KZx770HiphSABjxqyTALzEdIF7Ys5MAORqPkYNeAHAKBXALlhGAM8R5qE45HSB/2tzjx43INTfaB+CQeA/afY5wEuSgAUTrwm3n0FJE3KJpLCEIECsq9fsccBs4ZBbn0Fk9WxALIfZ+GzK1xI/Px43v9foAfFE1+bevXlcUAIi9UkTlW7AIiMjb+7+P/pCbY2s9AZR2cxn5Opp8AAAAAElFTkSuQmCC') no-repeat 0px 0px;
    position: absolute;
    top: 6px;
    left: 50%;
    margin-left: -12.5px;
}


.cartico {
 	width: 44px;
 	height: 40px;
 	background: #FF8500;
 	border-radius: 3px;
 	position: relative;
 	float: left;
 	box-shadow: inset 0px -100px 0px rgba(255, 255, 255, 0.24);
}


.cartico:before {
    content: '';
    display: inline-block;
    background: #FF8500;
    margin-right: 3px;
    transform: skewX(-20deg);
    border-radius: 4px;
    width: 41px;
    height: 40px;
    position: absolute;
    top: 0px;
    right: -10px;
    box-shadow: inset 0px -100px 0px rgba(255, 255, 255, 0.24);
}

.cartico:after {
    display: block;
    width: 26px;
    height: 22px;
    position: absolute;
    top: 9px;
    left: 12px;
    background: url('../images/cart.png') no-repeat;
    content: '';
}

.carttext {
    display: block;
    float: left;
    padding-left: 20px;
    font-size: 13px;
    line-height: 17px;
    padding-top: 4px;
 	color: #000;
}

.ico1 {
    display: block;
    height: 34px;
    position: absolute;
    top: 38px;
    left: 516px;
    background: url('../images/headerico1.png') no-repeat left;
    padding: 2px 0px 0px 42px;
    font-size: 15px;
    font-family: 'Arial';
    line-height: 16px;
}

.ico2 {
    display: block;
    height: 34px;
    position: absolute;
    top: 38px;
    left: 661px;
    background: url('../images/headerico2.png') no-repeat left;
    padding: 2px 0px 0px 42px;
    font-size: 15px;
    font-family: 'Arial';
    line-height: 16px;
}

.podimg {
 	display: block;
 	width: 100%;
 height: 417px;
 position: relative;
 z-index: 10;
}


/*** Горизонтальное меню ***/


.gormenushadow {
    display: block;
    width: 100%;
    height: 52px;
    position: absolute;
    border-radius: 3px;
    box-shadow: 0px 3px 7px rgba(0, 0, 0, 0.5);
    top: 92px;
}

.gormenu1 {
    display: block;
    width: 100%;
    height: 52px;
    position: absolute;
    border-radius: 3px;
    background: #400354;/*** Задний фон меню ***/
    top: 92px;
}

.gormenu2 {
    display: block;
    width: 100%;
    height: 52px;
    position: absolute;
    border-radius: 3px;
    background: linear-gradient(to bottom, rgba(255, 255, 255, 0.62) 0%,rgba(255,255,255,0) 100%);
    box-shadow: inset 0px 27px 0px rgba(255, 255, 255, 0.07), inset 0px -3px 0px rgba(0, 0, 0, 0.11);
    top: 92px;
}

.gormenushadow:before {
    content: '';
    width: 10px;
    height: 53px;
    background: #fff;
    position: relative;
    margin: 0px 0px 0px -10px;
    display: block;
}

.gormenushadow:after {
    content: '';
    width: 10px;
    height: 37px;
    background: #FFF;
    position: relative;
    display: block;
    right: -10px;
    top: -37px;
    float: right;
}

.gormenu3 {
    display: block;
    width: 100%;
    height: 52px;
    position: absolute;
    border-radius: 3px;
    background: url('../images/gormenubg.png') no-repeat center;
    top: 92px;
}

.gormenu4 {
 	display: block;
 	width: 100%;
 	position: relative;
 	height: 52px;
}

.gormenu {
 	display: inline-block;
 	position: relative;
 	height: 52px;
     border-right: 1px solid rgba(255, 255, 255, 0.15);
}

.gormenu> .licat {
    display: inline-block;
    float: left;
    height: 52px;
    line-height: 52px;
    position: relative;
}

.over_slides {
    display: block;
    margin: 0px auto;
    max-width: 1020px;
    position: relative;
}

.over_slides .podimg {width: 70%; float:left;}

.gormenu> .licat> a.licat {
    display: table-cell;
    height: 52px;
    vertical-align: middle;
    line-height: 1.2;
    text-align: center;
    padding: 0px 6px;
    color: #FFF; /*цвет категории в меню */
    width: 109px;
	text-transform: uppercase;
    font-weight: bold;
    font-size: 12px;/*Размер текста категорий */
    font-family: 'Arial';
    text-shadow: 0px 1px 2px rgba(0, 0, 0, 0.27);
    transition: all 0.1s;
}

.gormenu> .licat> a.licat:hover, .gormenu> .licat.active> a {
    background: rgba(0, 0, 0, 0.26);
    box-shadow: 1px 0px 0px rgba(0, 0, 0, 0.28);
}


.gormenu> .licat {
    border-right: 1px solid rgba(0, 0, 0, 0.1);
    border-left: 1px solid rgba(255, 255, 255, 0.18);
}

.gormenu> .licat:first-child {
    border-left: 0px;
}

.gormenu> .licat:hover .ulsubpad {
    display: block;
    padding: 13px 0px 0px 0px;
    position: absolute;
    width: 220px;
    left: 50%;
    margin-left: -110px;
}

.gormenu> .licat:hover .ulsubpad> .ulsubborder> .ulsub {
    display: block;
    width: 220px;
    background: #fff;
    border-radius: 3px;
    box-shadow: 0px 1px 5px rgba(0, 0, 0, 0.42);
    border-top: 0px solid #FF8500;
    position: relative;
    z-index: 10;
}


.gormenu> .licat:hover .ulsubpad> .ulsubborder:before {
    content: '';
    display: block;
    width: 100%;
    height: 10px;
    background: #FF8500; /*** Верхняя часть выпадающего меню ***/
    position: absolute;
    top: -3px;
    border-radius: 3px 3px 0px 0px;
}
.gormenu> .licat:hover .ulsubpad> .ulsubborder {
    display: block;
    position: relative;
}


.gormenu> .licat:hover .ulsubpad> .ulsubborder> .ulsub:before {
    content: '';
    position: absolute;
    left: 50%;
    border: 7px solid transparent;
    border-bottom: 6px solid #FF8500;
    top: -16px;
    margin-left: -7px;
}


.gormenu> .licat:hover .ulsubpad> .ulsubborder> .ulsub> .lisub,
.gormenu> .licat:hover .ulsubpad> .ulsubborder> .ulsub> .lisub:hover .ulsub2pad> .ulsub2> .lisub {
    display: block;
/*    min-height: 40px;*/
/*    line-height: 40px;*/
    padding: 0 10px;
    border-bottom: 1px dotted #D4D4D4;
 	position: relative;
}

.gormenu> .licat:hover .ulsubpad> .ulsubborder> .ulsub> .lisub a,
.gormenu> .licat:hover .ulsubpad> .ulsubborder> .ulsub> .lisub:hover .ulsub2pad> .ulsub2> .lisub a {
    display: block;
    /* min-height: 40px; */
    padding: 12px 0;
    line-height: 1;
}

.gormenu> .licat:hover .ulsubpad> .ulsubborder> .ulsub> .lisub:hover,
.gormenu> .licat:hover .ulsubpad> .ulsubborder> .ulsub> .lisub:hover .ulsub2pad> .ulsub2> .lisub:hover,
.gormenu> .licat:hover .ulsubpad> .ulsubborder> .ulsub> .lisub.active,
.gormenu> .licat:hover .ulsubpad> .ulsubborder> .ulsub> .lisub:hover .ulsub2pad> .ulsub2> .lisub.active {
    background: #F1F1F1;/* Заливка выпадающего меню */
}

.gormenu> .licat:hover .ulsubpad> .ulsubborder> .ulsub> .lisub:hover .ulsub2pad {
 	display: block;
}


.gormenu> .licat:hover .ulsubpad> .ulsubborder> .ulsub> .lisub:hover .ulsub2pad {
    display: block;
    width: 233px;
    position: absolute;
    top: 0px;
    left: 220px;
    padding-left: 13px;
}

.gormenu> .licat:hover .ulsubpad> .ulsubborder> .ulsub> .lisub:hover .ulsub2pad> .ulsub2 {
    display: block;
    width: 260px;
    background: #fff;
    border-radius: 3px;
    box-shadow: 0px 1px 5px rgba(0, 0, 0, 0.42);
    position: relative;
    z-index: 10;
}


.gormenu> .licat:hover .ulsubpad> .ulsubborder> .ulsub> .lisub:last-child, 
.gormenu> .licat:hover .ulsubpad> .ulsubborder> .ulsub> .lisub:hover .ulsub2pad> .ulsub2> .lisub:last-child {
 	border-bottom: 0px;
 	border-radius: 0px 0px 3px 3px;
}

.gormenu> .licat:hover .ulsubpad> .ulsubborder> .ulsub> .lisub:first-child, 
.gormenu> .licat:hover .ulsubpad> .ulsubborder> .ulsub> .lisub:hover .ulsub2pad> .ulsub2> .lisub:first-child {
 	border-radius: 3px 3px 0px 0px;
}

.gormenu> .licat:hover .ulsubpad> .ulsubborder> .ulsub> .lisub a {
    padding: 12px 15px 12px 0px;
}

span.podcat {
    width: 14px;
    height: 14px;
    background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA4AAAAOCAYAAAAfSC3RAAAAgUlEQVQoU2NkIBMwkqmPgXoajYyMLvz796/gwoULB/C5BsNGY2Pj/1ANG/7+/VsINOABNgPwaWT4////B6CmCUAXTAQaAGLDAV6NMFVAAx4wMjIWnj17dgNMjFiND4EaC0jR+BFoG8ipE0hx6kZg4IBCl7jAITs6iE1J1Es5xNoIAJhTTg/ivsyyAAAAAElFTkSuQmCC') no-repeat;
    display: block;
    position: absolute;
    top: 50%;
    right: 7px;
    margin-top: -7px;
}

.gormenu> .licat.ml .ulsubpad > .ulsubborder> .ulsub> .lisub a{
	padding:12px 0 12px 15px
}
.gormenu .licat.ml span.podcat{
	left:7px;
	-webkit-transform: rotate(180deg);
	-moz-transform: rotate(180deg);
	-ms-transform: rotate(180deg);
	-o-transform: rotate(180deg);
	transform: rotate(180deg);
}
.gormenu> .licat.ml:hover .ulsubpad> .ulsubborder> .ulsub> .lisub:hover .ulsub2pad{
	right:260px;
	left:auto;
}


.ulsubpad, .ulsub2pad {display: none;}



/*** Сравнение и избранное ***/

.wishlistc {
    display: block;
    position: absolute;
    top: 65px;
    right: 0px;
    background: url('../images/love.png') no-repeat 0px -1px;
    height: 20px;
    font-size: 13px;
    text-transform: uppercase;
    color: #000;
    text-shadow: 0px 1px 1px rgba(0, 0, 0, 0.23);
    padding: 1px 0px 0px 23px;
    font-weight: 100;
    transition: all 0.2s;
}

.wishlistc:hover, .wishlistc2:hover {
 	text-shadow: 0px 0px 5px #fff;
}

.wishlistc a, .wishlistc2 a {
    color: #000;
}

.wishlistc span, .wishlistc2 span {
    display: inline-block;
    width: 21px;
    height: 21px;
    float: right;
    margin: -3px 0px 0px 5px;
    background: rgba(0, 0, 0, 0.18);
    text-align: center;
    line-height: 21px;
    border-radius: 3px;
    box-shadow: 0px 1px 0px rgba(255, 255, 255, 0.25), inset 0px 1px 1px rgba(0, 0, 0, 0.23);
    font-weight: 400;
    font-size: 13px;
}

.wishlistc2 {
    display: block;
    position: absolute;
    top: 65px;
    right: 140px;
    background: url('../images/sravni.png') no-repeat 0px -2px;
    height: 20px;
    font-size: 13px;
    text-transform: uppercase;
    color: #000;
    text-shadow: 0px 1px 1px rgba(0, 0, 0, 0.23);
    padding: 1px 0px 0px 23px;
    font-weight: 100;
    transition: all 0.2s;
}

.clr {
 	clear: both;
}









/*** Слайдер ***/

.slider, .slider-content { 
	display: block;
 	position: relative;
 	width: 100%;
 	height: 380px;
 	overflow: hidden;
}

.slide {
	width:100%;
	height: 380px;
 	position: relative;
}




.slider-content .prew, .slider-content .next {
	display: block;
	width: 50px;
	height: 50px;
	position: absolute;
	top: 50%;
 	left: 20px;
 	margin-top: -25px;
	overflow: hidden;
	text-indent: -9999px;
	z-index:3;
 	background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADIAAAAyCAYAAAAeP4ixAAABJUlEQVRoQ93ayw3CMAwGYLIBozACTAKbwUiwCRuUWCoXxKX2/7BqKerJbr745CjjsJMYO3EcSpBlWY5jjHeHw0hDJuI+Aae5Lh0wKciKuK2deHbAZCGBiI58w45JQWL3syutMGlIN0wJ0glThnTBQCAdMDCIGwOFODFwiAtDgTgwNIgaQ4UoMXSICiOBKDAyCBsjhTAxcggLY4EwMDYIGmOFIDEdIa8JPG+9mbFC/sz9KUR01gZBImwQNMICYSDkEBZCCmEiZBA2QgJRIOgQFYIKUSJoEDWCAnEg4BAXAgpxImAQNwIC6YAoQ7ogSpBOiDSkG6ICeczkaxSYkR5P13zIJz3qzq4EJp5wbL4ogOz8p0gaEnV28aiGcaqVmqWOVH6Mzv0A4oAOQkUpxQ0AAAAASUVORK5CYII=') no-repeat center;
 	transition: all 0.1s;
 	opacity: 0.5;
}
.slider-content .prew {
 	background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADIAAAAyCAYAAAAeP4ixAAABJElEQVRoQ93a3Q3CIBQF4LKBo+gGOok6mY6km7hBC0lNGtOYAPf8tCS88cB3Ly8n3DTsZKWdOAYryDiOh5TSp6W4NpCMeGTAMe9LC8YCMiNucydeGXKq7Yoc8oMo979nyHNTkChEQcs6EomQQaIREggCQYegEFQIEkGDoBEUCAMBh7AQUAgTAYOwERCIAhEOUSFCIUpEGESNCIE4ILohLoguiBOiGeKG6IGUTH1d5OqmnF2by/+db466uStWmGZIqY4TpgvihOmGuGBCIA6YMIgaEwpRYsIhKgwEosDAIGwMFMLEwCEsDAXCwNAgaAwVgsTQISiMBILAyCDRGCkkEiOHrGDe+Z+9TEBULQvIAlMA582OcHxLv4uhmqp3tHLY5mn1QibsR+QzzfwS4gAAAABJRU5ErkJggg==') no-repeat center;
}
.slider-content .next {
	right: 20px;
 	left: inherit;
}
.slider-content .prew:hover, .slider-content .next:hover {
	opacity: 1.0;
}

a.bannertoplink {
 	display: block;
 	position: absolute;
 	top: 0px;
 left: 0px;
 right: 0px;
 bottom: 0px;
}

.imgtopcenter {
 	display: block;
 	max-width: 800px;
 	height: 417px;
 	position: relative;
 	margin: 0px auto;
}

.btctd {
    display: table-cell;
    height: 380px;
    padding-left: 80px;
    width: 100%;
    position: relative;
    vertical-align: middle;
    color: #fff;
}

.subbanner {
    width: 29.8%;
    float: right;
}

.subbanner .act_banner {
    width: 100%;
    height: 178px;
    margin-bottom: 4px;
	padding-top:20px;
}

.subbanner .act_banner .btopis {
    display: block;
    max-width: 260px;
    //padding: 30px 20px 20px 20px;
	padding: 10px;
	margin: 10px 20px;
    font-size: 16px;
    font-weight: 100;
    color: #FF8500;
    text-shadow: 0px 1px 2px rgba(0, 0, 0, 0.35);    
	background: rgba(0,0,0,0.7);
	box-shadow: 0 3px 3px rgba(0,0,0,0.2);
}

.subbanner .act_banner a.tbpod:before {
    content: '';
    display: inline-block;
    margin-right: 3px;
    transform: skewX(0deg);
    width: 41px;
    height: 50px;
    position: absolute;
    top: 0px;
    left: -11px;
    //border: 0px solid #fff;
    border-radius: 3px 0px 0px 3px;
    //border-width: 1px 0px 1px 1px;    
}

.btopis {
    display: block;
    max-width: 350px;
    line-height: 24px;
    font-size: 16px;
    font-weight: 100;
    //text-shadow: 0px 1px 2px rgba(0, 0, 0, 0.35);
	background: #FFF;
	max-width:350px;
	color: #837BA6;
	padding: 3px 7px;
	border-radius:3px;
}

.btname {
    display: block;
    font-size: 35px;
    color: #FF8500;
    margin: 17px 0px;
    max-width: 373px;
}
.btname a {
	display: block;
	padding: 4px 7px;
	background: rgba(255,255,255,0.4);
	box-shadow: 1px 1px 0 rgba(0,0,0,0.2);
	border-radius: 4px;
	color: #094E8A;
	text-shadow: 0 1px 0 #ddd;
	max-width:350px;
	-webkit-transition: all 1s ease;
	-moz-transition: all 1s ease;
	transition: all 1s ease;
}


.btname a:hover {
 	color: #CE1527;
	text-shadow: none;
}

.btccennext {
	display: block;
 	position: relative;
 	max-width: 350px;
}



.btccena {
    width: 122px;
    height: 50px;
    background: #FF8500;
    border-radius: 3px;
    position: relative;
    float: left;
        box-shadow: inset 0px 27px 0px rgba(255, 255, 255, 0.12), inset 0px 3px 3px rgba(255, 255, 255, 0.28);
}


.btccena:before {
    content: '';
    display: inline-block;
    background: #FF8500;
    margin-right: 3px;
    transform: skewX(-20deg);
    border-radius: 4px;
    width: 41px;
    height: 50px;
    position: absolute;
    top: 0px;
 	right: -13px;
        box-shadow: inset 0px 27px 0px rgba(255, 255, 255, 0.12), inset 0px 3px 3px rgba(255, 255, 255, 0.28);
 	
}

span.btccena span {
    display: block;
    width: 136px;
    height: 50px;
    text-align: center;
    line-height: 50px;
    z-index: 10;
    position: absolute;
    font-size: 21px;
    text-shadow: 0px 1px 3px rgba(0, 0, 0, 0.23);
}


a.tbpod:before {
    content: '';
    display: inline-block;
    margin-right: 3px;
    transform: skewX(-20deg);
    width: 41px;
    height: 50px;
    position: absolute;
    top: 0px;
    left: -11px;
	background: #fff;
    //border: 1px solid #fff;
    border-radius: 3px 0px 0px 5px;
    //border-width: 1px 0px 1px 1px;
	-webkit-transition: all .5s ease;
	-moz-transition: all .5s ease;
	transition: all .5s ease;
}
a.tbpod {
    width: 113px;
    height: 50px;
    margin-left: 29px;
    position: relative;
    float: left;
    //border: 1px solid #fff;
    border-radius: 0px 3px 3px 0px;
    //border-width: 1px 1px 1px 0px;
	background: #fff;
	-webkit-transition: all .5s ease;
	-moz-transition: all .5s ease;
	transition: all .5s ease;
}

a.tbpod span {
    display: block;
    position: absolute;
    text-align: center;
    width: 129px;
    left: -17px;
    height: 50px;
    line-height: 50px;
    text-transform: uppercase;
    color: #000;
    //text-shadow: 0px 1px 2px rgba(0, 0, 0, 0.33);
    font-weight: 100;
}

a.tbpod:hover::before, a.tbpod:hover {
 	background: #363738;
}

a.tbpod:hover span {
 	//text-shadow: 0px 1px 0px #fff;
 	color: #FFF;
}


/*** Товары на главной ***/

.graybg {
 	display: block;
 	margin: 0px 0px 30px 0px;
 	background: #f7f7f9;
	overflow:hidden;
}

.shoplist {
 	display: block;
 	margin: 0px auto;
 	max-width: 1020px;
 	/*height: 470px;*/
 	position: relative;
}


ul.tabs {
 	list-style:none;
 	padding: 0px;
 	margin: 0px;
}

ul.tabs li {
 	float:left;
 	list-style:none;
 	padding: 36px 10px 34px 10px;
 	margin: 0px;
}
ul.tabs li.active a {
 	color: #FF8500;
    border-bottom: 0px;
}
ul.tabs li a {
 	color: #2b2b2b;
 	font-size: 16px;
 	font-weight: 600;
 	border-bottom: 1px dotted #2b2b2b;
}

div.tabs_content > div {
 display:none;
}




/*** Товар ***/

.iteamp {
 	display: block;
 	width: 235px;
 	/*
	height: 430px;
	*/
 	float: left;
	position:relative;
}

.iteam {
    display: block;
    width: 235px;
	/*
	height: 430px;
    position: absolute;
	*/
    float: left;
    top: 0px;
    left: 0px;
    background: #fff;
    /*
	transition: all 0.5s;
 	transition-delay: 0.03s;
    */
	box-shadow: 0px 1px 4px rgba(0, 0, 0, 0.11);
    border-radius: 2px;
 	padding: 10px;
	position:relative;
}

.iteam:hover {
	/*
	height: 430px;
	*/
 	box-shadow: 0px 1px 7px rgba(0, 0, 0, 0.25);
}

.iteam.not:hover {
	height: 336px;
 	box-shadow: 0px 1px 4px rgba(0, 0, 0, 0.11);
}

.iteam .sku{
	height:30px;
	overflow:hidden;
}

.iimg {
    display: table-cell;
    width: 215px;
    height: 160px;
    text-align: center;
    vertical-align: middle;
}

h3.iname {
    display: block;
    margin: 20px 0px 10px 0px;
    font-size: 15px;
    font-weight: 600;
    line-height: 19px;
    height: 57px;
    overflow: hidden;
}



/* Звёздный рейтинг */
.testRater {
 	display: block;
 	position: relative;
}
.rater span {
}

.rater-rating {
 	margin-top:5px;
}

.rater-starsOff, .rater-starsOn {
 	display:inline-block;
 	height:14px;
 	background:url(../images/rating.png) repeat-x 0 0px;
 	float: left;
}
.rater-starsOn {
 	display:block;
 	max-width:70px;
 	top:0;
 	background-position: 0 -14px;
}
.rater-starsHover {background-position: 0 -28px!important;}


span.test-text {
    color: #CCC;
    font-size: 12px;
    display: inline-block;
    padding: 1px 0px 0px 5px;
    position: relative;
    float: left;
}

.nalicie {
    display: block;
    position: relative;
    margin: 7px 0px;
}


.naly {
    display: block;
    color: #4caf50;
    font-size: 16px;
    font-weight: 600;
    background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA4AAAAOCAYAAAAfSC3RAAABJUlEQVQoU2NkIBMwIusLWB8g8JuBoR4o5gCUMADJ/WdguACkDrAyMDRuCNzwAaYertFrfYABkLMeiBWwOQJowAMgDtwWuAFkEANYI9Sm87g0wQwCaQbabAiyGazRZ33ABCCVj8u7Evw8DCB84dELkJKJWwI3FEA0rgu4ALRbH5tGkIYEGwOGHZfvgDWC/Lw1cIMhzEYgHwIEuDgYPnz7AWaja4KpAdrIiKKRg5WFocDNAmz6i49fUGxCdg1CI5JTYbaAFMKch+KF/wwXtwRtAMUAZuCgBQa61xGBA46O/wwXgA6XxxWyIPH//xkesjIyGMCjAyQITgD/GUC+xqoZpOk/I0MASgKA2QKy+Q8DQwMwzB3g0QP0E5B9gAUojjXJ4XMiNjkA8w58D3z0PQEAAAAASUVORK5CYII=') no-repeat 0px 0px;
    padding: 1px 0px 0px 17px;
}

.not-naly {
    display: block;
    color: #F44336;
    font-size: 16px;
 font-weight: 600;
    background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA4AAAAOCAYAAAAfSC3RAAAA+klEQVQoU2NkIBMwIuv772Ag8JWJtf8/A0MAIyOjAEju////H4CKNnD/+13IeODCB5h6uMYvDqYG/5kY9sM0oDsEbMA/BkeeA6cvgOTAGkE2fWFivY9LE8wQkGaef78VQTaDNX5xNl0ANCOeKO/+/z+RZ9/pArDGz86mQBMY+YnRCLKVd99pQaiNZsDwgADO3ukM/4EQHfwozoIL8ew9xYhVIzabvxdnYmokxalAxzzk2XdKgbLAAUcHM+sDQgEE9PtHnr+/FeDRAY4SUAJgZjiASzNIE+NfBgeUBACPYFCSY2adAE5y0OgBa/jPsACY5BqwJjli4hBZDQDfs3QPloHzCwAAAABJRU5ErkJggg==') no-repeat 0px 0px;
    padding: 1px 0px 0px 17px;
}

.pod-zakaz {
    display: block;
    color: #1A55A2;
    font-size: 16px;
 font-weight: 600;
    background: url(../images/pod-zakaz.png) no-repeat 0px 0px;
    padding: 1px 0px 0px 17px;
}


span.newcen {
    font-size: 15px;
    font-weight: 600;
}

span.oldcen {
    margin-left: 5px;
    font-size: 13px;
    text-decoration: line-through;
    color: #B5B5B5;
}

.cen {
    margin-top: 15px;
}

.viborpage {
 	display: block;
 	position: relative;
 	height: 29px;
 	margin: 10px 0px;
}


input.add {
 	width: 30px;
}

input.add1 {
    display: inline-block;
    float: left;
    width: 22px;
    height: 29px;
    border: 1px solid #E5E5E5;
    background: #fff;
    border-width: 1px 0px 1px 1px;
    border-radius: 2px 0px 0px 2px;
    font-size: 17px;
    font-weight: 100;
    color: #615C5C;
 	transition: all 0.2s;
 	cursor: pointer;
}

input.add {
    display: inline-block;
    float: left;
    width: 32px;
    height: 29px;
    border: 1px solid #E5E5E5;
    background: #f7f7f7;
    font-size: 12px;
    font-weight: 100;
    color: #615C5C;
    text-align: center;
}

input.add2 {
    display: inline-block;
    float: left;
    width: 22px;
    height: 29px;
    border: 1px solid #E5E5E5;
    background: #fff;
    border-width: 1px 1px 1px 0px;
    border-radius: 0px 2px 2px 0px;
    font-size: 17px;
    font-weight: 100;
    color: #615C5C;
    margin-right: 8px;
 	transition: all 0.2s;
 	cursor: pointer;
}



input.add1:hover, input.add2:hover {
    background: #FF8500;
    border-color: rgba(0, 0, 0, 0.1);
    box-shadow: inset 0px 10px 30px rgba(255, 255, 255, 0.27);
    color: #fff;
    text-shadow: 0px -1px 0px rgba(0, 0, 0, 0.44);
}

input.add1:active, input.add2:active {
 box-shadow: inset 0px 10px 30px rgba(0, 0, 0, 0.27);
 	
}

input.button2 {
    height: 29px;
    border: 0px;
    cursor: pointer;
    transition: all 0.2s;
    color: #fff;
    text-transform: uppercase;
    font-size: 12px;
    background: #C08F02;/* Цвет кнопки купить в кредит и Вместе покупают */
    border-radius: 2px;
    box-shadow: 0px 10px 41px rgba(255, 255, 255, 0.41) inset, 0px 3px 6px rgba(255, 255, 255, 0.19) inset;
    text-shadow: 0px 1px 3px rgba(0, 0, 0, 0.17);
	padding:0 5px;
	vertical-align:top;
}

input.button2:hover {
    background: #292929; /* Цвет кнопки при нажатии купить в кредит */
}

input.button2:active {
    background: #60EB00;/* Цвет кнопки купить в кредит */
    box-shadow: 0px 2px 7px rgba(0, 0, 0, 0.64) inset, 0px 10px 41px rgba(255, 255, 255, 0.41) inset, 0px 3px 6px rgba(255, 255, 255, 0.19) inset;
}

input.button2.add2cart{
	background:#52C502; /* Цвет кнопки купить */
color: #fff;
}

input.button2.add2cart:hover {
    background: #292929; /* Цвет кнопки купить */
}

input.button2.add2cart:active {
    background: #60EB00;/* Цвет кнопки купить */
    box-shadow: 0px 2px 7px rgba(0, 0, 0, 0.64) inset, 0px 10px 41px rgba(255, 255, 255, 0.41) inset, 0px 3px 6px rgba(255, 255, 255, 0.19) inset;
}


.iteampagecontext ul, .sposttext ul {list-style-position: inside;}
span.mylist_add.sravniico {
    background: url('../images/sravni2.png') no-repeat 0px 0px;
    height: 20px;
    display: inline-block;
    padding: 4px 0px 0px 22px;
    font-size: 13px;
}

span.mylist_add.izbico {
    background: url('../images/love1.png') no-repeat 0px 0px;
    height: 20px;
    display: inline-block;
    padding: 4px 0px 0px 22px;
    font-size: 13px;
}
/*
.raskrivbutst {
 	display: none;
}

.iteam:hover .raskrivbutst {
}
*/
a.button2 {
    display: inline-block;
    padding: 10px;
    border: 0px;
    cursor: pointer;
    transition: all 0.2s;
    color: #fff;
    text-transform: uppercase;
    font-size: 12px;
    background: #028EC5; /* Цвет кнопки Быстрый заказ */
    border-radius: 2px;
    box-shadow: 0px 10px 41px rgba(255, 255, 255, 0.41) inset, 0px 3px 6px rgba(255, 255, 255, 0.19) inset;
    text-shadow: 0px 1px 3px rgba(0, 0, 0, 0.17);
}

a.button2:hover {
    background: #292929;
}

a.button3 {
    display: inline-block;
    padding: 10px;
    border: 0px;
    cursor: pointer;
    transition: all 0.2s;
    color: #fff;
    text-transform: uppercase;
    font-size: 12px;
    background: #67C819;
    border-radius: 2px;
    box-shadow: 0px 10px 41px rgba(255, 255, 255, 0.41) inset, 0px 3px 6px rgba(255, 255, 255, 0.19) inset;
    text-shadow: 0px 1px 3px rgba(0, 0, 0, 0.17);
}

a.button3:hover {
    background: #292929;
}

.over_cart_items .nomaintovarpad> .iteamp {
    width: 240px;
    margin: 0px 7px 10px 7px;
}




/* Tiny Carousel */
.carus {
    position: relative;
    display: block;
}

.carus .viewport {
    height: 460px;
    overflow: hidden;
    position: relative;
}


.carus .buttons {
    background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABwAAAAcCAYAAAByDd+UAAAA0klEQVRIS+3Wyw3DIAwG4EAGaEboBkVigXbTbtJuELpJFwBqS730En4/xKmROEXiA2NjwjL5C5O95Q/+RDyltJVS3pZjgEOac74TdKm13iwoBNLOzuu6FgJPNIoFhUAOIaGJ0KcVhUEvVAR6oGLQiqpAC6oGtagJ1KAuYIzxEULYeu+v1tr16GIwgVybEowjogY1mBrUYirQgolBKyYCPTAY5PZE2bijqX/UoOEs5QZMdZZGdTZ6DcDg91aZ98QYrRz9L9ohOqnLGXpgcJZ6YTzPB0a4wx1pTRGkAAAAAElFTkSuQmCC') no-repeat center;
    display: block;
    position: absolute;
    top: -57px;
    right: 0px;
    width: 28px;
    height: 28px;
 	transition: all 0.15s;
}

.carus .prev {
 	right: 30px;
 background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABwAAAAcCAYAAAByDd+UAAAA0UlEQVRIS+3V2w3DIAwF0BgWyCZlhHaEjpDNMkI3aBcAMUoXABpLQYqqVrbByUfVfOVxpRMTHMNw8AEHe8MfJFfcOTdiKMb4JMNLoGtJEbPW3hFKKV04aDO4wdxa2dV7f6OqbALfsVLKFEKYKQyfi8EeTAz2YiJQA2ODWhgL1MRIUBtjgcaYBwCcMCzZ/t9ahGwLrFITJUF8U02UBWqibFALFYEaqBjsRZvAT+hyb7/xVHus7l68zjmfdx3AWxTPORj5p+EMVGmm+RtKoZr/ffAFfpaSHaqGZsYAAAAASUVORK5CYII=') no-repeat center;
}

.carus .buttons:hover {
    opacity: 0.6;
}

.carus .disable {
    visibility: hidden;
}

.carus .overview {
    list-style: none;
    position: absolute;
    padding: 0;
    margin: 0;
    left: 0;
    top: 0;
}

.carus .overview li {
    float: left;
    margin: 0px 10px;
    padding: 0px;
    width: 235px;
 }



/*** Категории на главной ***/

.maincategory {
	display: block;
 	max-width: 1000px;
 	margin: 75px auto;
 	position: relative;
}

.mcopis {
    display: block;
    font-size: 14px;
    line-height: 20px;
    color: #6d6d6d;
    font-family: 'Cuprum';
    padding: 5px 0px 20px 0px;
}


.maincategory ul {
	display: block;
 padding: 0px;
 position: relative;
 list-style: none;
 margin: 0px auto;
}

.maincategory ul li {
	display: inline-block;
 	width: 49%;
 	padding: 15px;
 	margin: 10px 0px 0px 0px;
}

.mcimg {
	display: inline-block;
 	float: left;
 	width: 150px;
 	height: 115px;
 	text-align: center;
 	padding-right: 15px;
}

.mcimg img {
	max-width: 125px;
 	max-height: 115px;
}

.omagazine ul {list-style-position: inside;}

a.mcname {
    font-size: 24px;
    font-family: 'Cuprum';
    display: block;
    margin: 7px 0px 10px 0px;
}

.mcdescr {
    font-size: 14px;
    font-weight: 100;
    color: #5F5F5F;
    font-family: 'Cuprum';
    line-height: 19px;
}

.mnewptitle {
    color: #2b2b2b;
    font-size: 16px;
    font-weight: 600;
    display: block;
    padding: 36px 0px 0px 10px;
    margin: 0px 0px 34px 0px;
}

#cart-popup .image-td {width: 40px;}
#cart-popup td {padding: 10px 5px;}
#cart-popup .summ-td {
   font-size: 18px;
}

.over_sets {
	clear: both;
}

.over_nation {
    padding: 10px 0 10px 0;
    width: 60%;
}

.over_nation2 {
    padding: 0px 0 0px 0;
    width: 100%;
}




@font-face {
    font-family: 'Ubuntu';
    src: local('Ubuntu Light'), local('Ubuntu-Light'), url('https://ksimart.com/files/fonts/Ubuntu/ubuntu-light-webfont.woff2') format('woff2'), url('https://ksimart.com/files/fonts/Ubuntu/ubuntu-light-webfont.woff') format('woff');
    font-weight: 300;
    font-style: normal;
}
@font-face {
    font-family: 'Ubuntu';
    src: local('Ubuntu Light Italic'), local('Ubuntu-LightItalic'), url('https://ksimart.com/files/fonts/Ubuntu/Ubuntu-LightItalic.woff2') format('woff2'), url('https://ksimart.com/files/fonts/Ubuntu/Ubuntu-LightItalic.woff') format('woff');
    font-weight: 300;
    font-style: italic;
}
@font-face {
    font-family: 'Ubuntu';
    src: local('Ubuntu'), url('https://ksimart.com/files/fonts/Ubuntu/Ubuntu.woff2') format('woff2'), url('https://ksimart.com/files/fonts/Ubuntu/Ubuntu.woff') format('woff');
    font-weight: 400;
    font-style: normal;
}
@font-face {
    font-family: 'Ubuntu';
    src: local('Ubuntu Italic'), local('Ubuntu-Italic'), url('https://ksimart.com/files/fonts/Ubuntu/Ubuntu-Italic.woff2') format('woff2'), url('https://ksimart.com/files/fonts/Ubuntu/Ubuntu-Italic.woff') format('woff');
    font-weight: 400;
    font-style: italic;
}
@font-face {
    font-family: 'Ubuntu';
    src: local('Ubuntu Medium'), local('Ubuntu-Medium'), url('https://ksimart.com/files/fonts/Ubuntu/Ubuntu-Medium.woff2') format('woff2'), url('https://ksimart.com/files/fonts/Ubuntu/Ubuntu-Medium.woff') format('woff');
    font-weight: 500;
    font-style: normal;
}
@font-face {
    font-family: 'Ubuntu';
    src: local('Ubuntu Medium Italic'), local('Ubuntu-MediumItalic'), url('https://ksimart.com/files/fonts/Ubuntu/Ubuntu-MediumItalic.woff2') format('woff2'), url('https://ksimart.com/files/fonts/Ubuntu/Ubuntu-MediumItalic.woff') format('woff');
    font-weight: 500;
    font-style: italic;
}
@font-face {
    font-family: 'Ubuntu';
    src: local('Ubuntu Bold'), local('Ubuntu-Bold'), url('https://ksimart.com/files/fonts/Ubuntu/Ubuntu-Bold.woff2') format('woff2'), url('https://ksimart.com/files/fonts/Ubuntu/Ubuntu-Bold.woff') format('woff');
    font-weight: 700;
    font-style: normal;
}
@font-face {
    font-family: 'Ubuntu';
    src: local('Ubuntu Bold Italic'), local('Ubuntu-BoldItalic'), url('https://ksimart.com/files/fonts/Ubuntu/Ubuntu-BoldItalic.woff2') format('woff2'), url('https://ksimart.com/files/fonts/Ubuntu/Ubuntu-BoldItalic.woff') format('woff');
    font-weight: 700;
    font-style: italic;
}
@font-face {
    font-family: 'Ubuntu Condensed';
    src: local('Ubuntu Condensed'), local('UbuntuCondensed-Regular'), url('https://ksimart.com/files/fonts/Ubuntu/UbuntuCondensed-Regular.woff2') format('woff2'), url('https://ksimart.com/files/fonts/Ubuntu/UbuntuCondensed-Regular.woff') format('woff');
    font-weight: 400;
    font-style: normal;
}
@font-face {
    font-family: 'Open Sans Condensed';
    src: local('Open Sans Condensed Bold'), local('OpenSans-CondensedBold'), url('https://ksimart.com/files/fonts/Ubuntu/OpenSansCondensed-Bold.woff2') format('woff2'), url('https://ksimart.com/files/fonts/Ubuntu/OpenSansCondensed-Bold.woff') format('woff');
    font-weight: 700;
    font-style: normal;
}
@font-face {
    font-family: 'Cuprum';
    src: local('Cuprum'), local('Cuprum-Regular'), url('https://ksimart.com/files/fonts/Ubuntu/Cuprum-Regular.woff2') format('woff2'), url('https://ksimart.com/files/fonts/Ubuntu/Cuprum-Regular.woff') format('woff');
    font-weight: 400;
    font-style: normal;
}
.contentpaneopen div, .contentpaneopen p{line-height:1.6em;}
.contentpaneopen ul {margin-left: 25px;}
.contentpaneopen ul li{list-style:square; margin: 0; padding:0;color: #333;}










.social a {
    text-align: center;
    width: 24px;
    height: 24px;
    float: left;
    background: #fff;
    border: 1px solid #ccc;
    box-shadow: 0 2px 4px rgba(0,0,0,0.15), inset 0 0 50px rgba(0,0,0,0.1);
    border-radius: 4px;
    margin: 0 10px 10px 0;
    padding: 6px;
    color: #000;
}
.github a:hover {background: #191919; color: #fff;}
.youtube a:hover {background: #c4302b; color: #fff;}
.google-pluse a:hover {background: #DD4B39; color: #fff;}
.twitter a:hover {background: #00acee; color: #fff;}
.instagram a:hover {background: #3f729b; color: #fff;}
.facebook a:hover {background: #3b5998; color: #fff;}
.skype a:hover {background: #00aff0; color: #fff;}
.vk a:hover {background: #5d84ae; color: #fff;}
.odnoklassniki a:hover {background: #f93; color: #fff;}
.pinterest a:hover {background: #c8232c; color: #fff;}
.linkedin a:hover {background: #0e76a8; color: #fff;}
.telegram a:hover {background: #249bd7; color: #fff;}
.tumblr a:hover {background: #34526f; color: #fff;}
.windows a:hover {background: #125acd; color: #fff;}
.whatsapp a:hover {background: #50b154; color: #fff;}
.weibo a:hover {background: #d52b2b; color: #fff;}
.dropbox a:hover {background: #1087dd; color: #fff;}