.form INPUT[type="text"], .form INPUT[type="password"]
{
	width: 100%;
	font-size: 18px;
}
.form
{
	width: 400px;
	margin: 0 auto 20px;
}
.cart_form
{
	width: auto;
	margin-top: 10px;
}
.cart_form .le-button
{
	margin-top: 15px;
	margin-left: 15px;
}
.form TEXTAREA
{
	width: 100%;
	height: 100px;
	font-size: 18px;
}
.form LABEL
{
	display: block;
	font-size: 14px;
}
.form INPUT[type="text"]
{
	display: block;
	margin-bottom: 10px;
}
.comment_list
{
	margin-top: 15px;
	list-style: none;
}
.comment_list LI
{
	padding-bottom: 15px;
}
.comment_header
{
	font-size: 18px;
}
.comment_header I
{
	font-weight: normal;
	font-style: normal;
	color: #878787;
	font-size: 13px;
}
.comment_form
{
	background-color: #F3F3F3;
	border: 1px solid #E0E0E0;
	padding: 20px;
	margin-top: 20px;
	width: 90%;
	overflow: hidden;
}
.comment_form H2
{
	margin-bottom: 0px;
}
.comment_form .comment_textarea
{
	width: 100%;
	height: 100px;
	font-size: 12px;
}
.comment_form LABEL
{
	display: block;
	float: left;
	width: 100px;
	font-size: 18px;
	margin-top: 15px;
}
.comment_form .input_name
{
	font-size: 16px;
	width: 250px;
	margin-top: 15px;
}
.input_captcha, .cart_form .input_captcha
{
	float: left;
	width: 150px !important;
	font-size: 24px;
	font-weight: bold;
	text-transform: uppercase;
	margin-top: 15px;
	height: 40px;
}
.comment_form .captcha, .cart_form .captcha
{
	float: left;
	display: block;
	margin-top: 15px;
	margin-right: 10px;
}
.comment_form .button, .feedback_form .button, .register_form .button, .login_form .button
{
	float: right;
	display: block;
	margin-top: 10px;
	margin-right: 0px;
}
.feedback_form
{
	padding: 20px;
	margin-top: 20px;
	width: 90%;
	overflow: hidden;
}
.feedback_form .le-button
{
	float: right;
	margin-top: 15px;
	margin-right: 20px;
}
.feedback_form .input_captcha, .register_form .input_captcha
{
	float: left;
	width: 150px;
	font-size: 24px;
	font-weight: bold;
	text-transform: uppercase;
	margin-top: 15px;
	height: 36px;
}
.feedback_form .captcha, .register_form .captcha
{
	float: left;
	display: block;
	margin-top: 15px;
	margin-right: 10px;
}
.feedback_form .button_send
{
	font-size: 18px;
	float: right;
	margin-top: 25px;
}
#purchases
{
	width: 100%;
}
#purchases TR
{
	border-top: 1px solid #D5D5D5;
	height: 70px;
}
#purchases TH
{
	vertical-align: top;
	padding-top: 10px;
	font-size: 18px;
	font-weight: normal;
}
#purchases .image
{
	width: 50px;
	text-align: center;
}
#purchases .image A
{
	border: 1px solid #E0E0E0;
	background-color: #FFFFFF;
	margin: 0 7px 7px 0;
	display: table-cell;
	vertical-align: middle;
	text-align: center;
	width: 50px;
	height: 50px;
}
#purchases .name
{
	padding-left: 10px;
	padding-right: 10px;
	text-align: left;
}
#purchases TD.name
{
	font-size: 14px;
}
#purchases TD .download_attachment
{
	white-space: nowrap;
	color: #3B8500;
	padding: 5px 10px 7px;
	border-bottom-color: 1px dotted green;
	background-color: #CCFF72;
	line-height: 30px;
}
#purchases .price
{
	padding-left: 5px;
	padding-right: 5px;
	white-space: nowrap;
	text-align: right;
}
#purchases TD.price
{
	font-size: 14px;
}
#purchases .remove
{
	padding-left: 15px;
	text-align: right;
}
#purchases .amount
{
	font-size: 14px;
	padding-left: 5px;
	padding-right: 5px;
}
#purchases .amount SELECT
{
	font-size: 12px;
}
#purchases .coupon .name
{
	font-size: 14px;
}
#purchases .coupon .name INPUT.coupon_code
{
	width: 200px;
}
#purchases .coupon .name INPUT
{
	font-size: 16px;
}
UL#deliveries
{
	margin-top: 20px;
	margin-bottom: 20px;
	background-color: #FFFFFF;
	list-style: none;
	padding: 10px;
}
UL#deliveries LI
{
	margin-bottom: 20px;
}
UL#deliveries LI DIV.checkbox
{
	float: left;
	padding-left: 0;
	margin-top: 0;
}
UL#deliveries LI H3, UL#deliveries LI .description
{
	display: block;
	margin-left: 25px;
}
UL#deliveries LI H3
{
	font-size: 17px;
}
#orders_history
{
	list-style: none;
}
#orders_history LI
{
	margin-bottom: 10px;
}
#orders_history LI A
{
	font-size: 16px;
}
TABLE.order_info
{
	margin-right: 20px;
	margin-bottom: 20px;
	background-color: #F9F9F9;
	width: 100%;
	margin-top: 10px;
}
TABLE.order_info TD
{
	padding: 10px;
	border: 1px dotted #E0E0E0;
	font-size: 14px;
}
.checkout_button
{
	padding: 10px 20px;
	border: 1px solid #51A400;
	background-color: #D3FFA9;
	color: #2E5E00;
	font-size: 14px;
}
.message_error
{
	clear: both;
	height: 18px;
	padding: 10px 20px;
	margin-bottom: 15px;
	margin-top: 10px;
	overflow: hidden;
	color: #FF0000;
	background-color: #FFCACA;
	border: 1px dotted #FF4545;
}
/*@end*/
.tooltipBody
{
	width: auto !important;
}



.filter
{
padding-left: 10px;
text-align: center;
       overflow: hidden;
    position: relative;
    font-size: 11px;
/*     padding: 10px 15px 5px;*/
    margin-top: -10px;
/* border: 1px solid #cecece; */
    border-radius: 5px;
}



.features li
{    font-size: 14px;
    display: inline-block;
    float: left;
    margin: 0px 0px 0px 0;
    width: 140px;
    padding: 2px;
    zoom: 1;
}



.features select {
    /* float: right; */
    /* width: 140px; */
    /* margin-top: -1px; */
    color: #ffffff;
    height: 29px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 4px;
    background-color: #535454;
 cursor: pointer;
    padding-left: 5px;
    width: 130px;
    font-size: 13px;
    display: inline;
}


.box-adv {
    display: flex;
    margin-bottom: 4.9479vw;
}

.box-adv__elem {
    height: 300px;
    text-align: center;
    width: 100%;
    border: 1px solid #b4b6b7;
    border-radius: 5px;
    margin-right: 5px;
}
.box-adv__elem .img-wrapper {
    align-items: center;
    display: flex;
    height: 7.7708vw;
    justify-content: center;
    margin-bottom: .3646vw;
    }
.box-adv__title {
    font-size: .9375vw;
    margin: 0 0 .7292vw;
    text-transform: uppercase;
    }
    .box-adv__text {
    font-size: .7292vw;
    line-height: 1.4;
    margin-bottom: 1.0417vw;
    min-height: 2.9688vw;
    padding: 0 .7813vw;
}


.box-adv__body .elem-btn {
    border-radius: .7813vw;
    font-size: .7292vw;
    padding: .2604vw .7813vw;
}

.box-adv__body .elem-btn .icon {
    height: .3125vw;
    margin-right: -.3646vw;
    transform: rotate(-90deg);
}

.icon-arrow {
    font-size: .8rem;
    width: 1.375em;
}

.elem-btn--blue {
    border-color: #009cde;
    color: #009cde;
}

.box-adv__body .elem-btn {
    border-radius: .7813vw;
    font-size: .7292vw;
    padding: .2604vw .7813vw;
}


.developer-cert-link, .elem-btn {
    background-color: transparent;
    position: relative;
    background-image: none;
    cursor: pointer;
    border: 1px solid #e60000;
    color: #000;
    font-size: .9375vw;
    padding: .6771vw 3.2813vw;
    border-radius: 1.3021vw;
    transition: all linear .2s;
    outline: 0;
    user-select: none;
}

.box-adv, .box-banner, .box-sales, .box-social, .form-subs {
    padding: 0 2.6042vw 0 4.7917vw;
}

.box-adv {
    display: flex;
    margin-bottom: 2.9479vw;
}

.box-adv, .box-banner, .box-sales, .box-social, .form-subs {
    padding: 0 2.6042vw 0 4.7917vw;
}

.search-form {
    margin: 0;
    padding: 0;
}

.search-box {
    max-width: 500px;
    margin: 0 auto;
    position: relative;
}

.search-box input[type="text"] {
    width: 100%;
    padding: 10px 45px 10px 15px;
    border: 1px solid #ddd;
    border-radius: 25px;
    font-size: 15px;
    line-height: 1.4;
    outline: none;
    transition: all 0.3s ease;
    background: #fff;
    box-shadow: 0 2px 6px rgba(0,0,0,0.05);
}

.search-box input[type="text"]:focus {
    border-color: #007bff;
    box-shadow: 0 4px 10px rgba(0,123,255,0.15);
}

.search-box button {
    position: absolute;
    right: 12px;
    top: 50%;
    transform: translateY(-50%);
    background: transparent;
    border: none;
    font-size: 18px;
    color: #888;
    cursor: pointer;
    transition: color 0.2s ease;
}

.search-box button:hover {
    color: #007bff;
}

/*Всплывающий скриншот*/
/* Используем псевдоэлемент after для оформления самой плашки, но при этом скрываем ее, так как она должна появляться только при наведении */
.hover:after
{    content: attr(data-title);
    display: none;
    position: absolute;
    bottom: 20%;
    left: 0px;
    background-color: #757575;
    color: #ffffff;
    padding: 5px;
    text-align: center;
    -moz-box-shadow: 0 1px 1px rgba(0,0,0,.16);
    -webkit-box-shadow: 0 1px 1px rgba(0,0,0,.16);
    box-shadow: 0 1px 1px rgba(0,0,0,.16);
    font-size: 14px;}
/* Добавляем свойство, чтобы при наведении на элемент плашка с подсказкой появилась */
.hover:hover:after{display: block;}
/*---------------------*/