@import url(reset.css);
@import url(fontawesome.css);
@import url(https://fonts.googleapis.com/css?family=Open+Sans:400,700,600,600italic,700italic,400italic,300,300italic,800,800italic&subset=latin,cyrillic-ext);

@font-face {
    font-family: 'dinpro_bold';
    src: url(../fonts/dinpro/dinpro_bold.eot);
    src: url(../fonts/dinpro/dinpro_bold.eot?) format('embedded-opentype'),
    	 url(../fonts/dinpro/dinpro_bold.woff) format('woff'),
    	  url(../fonts/dinpro/dinpro_bold.ttf) format('truetype');
    font-weight: normal;
    font-style: normal
}

/* |===============| global start |===============| */
html, body{
	height: 100%;
}
body{
	font: 16px/26px 'open sans', sans-serif;
	color: #2e2e2e;
	background: #fff;
}
#wrapper {
	position: relative;
	overflow: hidden;
	min-width: 320px;
	min-height: 100%;
}
[class*="__center"]{
	position: relative;
	margin: auto;
	padding: 0 10px;
	width: 1191px;
}
[class*="__center"]:before,
[class*="__center"]:after{
	content: "";
	display: block;
	clear: both;
}
p,
.text ul,
.text ol,
.text dl{
	margin: 26px 0 22px;
}
.text p{
	margin: 29px 0 24px;
}
.text ul,
.text ol,
.text dd{
	padding-left:18px;
}
.text ul{list-style-type: disc;}
.text ol{list-style-type: decimal;}
h1,
h2,
h3,
h4,
h5,
h6{
	margin: 20px 0;
	font-family: dinpro_bold;
	text-align: center;
}
h1,
h2{font: 36px/40px dinpro_bold;}
h3{
	font: 18px/27px dinpro_bold;
}
h5{font-size:0.83em;}
h6{font-size:0.67em;}
.text h3{
	text-align: left;
	font-size: 24px;
	font-family: 'Open Sans';
}
a{
	color: #ed8666;
	text-decoration: none;
}
img{max-width: 100%;}
/* |===============| global end |===============| */

/* |===============| form start |===============| */
form input[type="checkbox"],
form input[type="radio"] {
	display: none;
}
form input[type="checkbox"] + label,
form input[type="radio"] + label {
	display: inline-block;
	vertical-align: middle;
	background: url(../img/radio.png) no-repeat 0 40%;
	cursor: pointer;
	margin: 0 36px 5px 0;
	padding: 0 0 0 19px;
}

form input[type="radio"]:checked + label {
	background-image: url(../img/radio_checked.png);
}
form input[type="checkbox"] + label {
	background: url(../img/checkbox.png) no-repeat 0 40%;
}
form input[type="checkbox"]:checked + label {
	background-image: url(../img/checkbox_checked.png);
}
input,
textarea{
	font: 14px/20px 'open sans', sans-serif;
}
input:not([type="submit"]):not([type="button"]):not([type="image"]),
textarea{
	padding: 5px 9px 5px;
	border: 1px solid #ced4d5;
	width: 174px;
	max-width: 100%;
	color: #2e2e2e;
}
input:not([type="submit"]):not([type="button"]):not([type="image"]):hover,
textarea:hover{
	border-color: #a8afb2;
}
input:not([type="submit"]):not([type="button"]):not([type="image"]):focus,
textarea:focus{
	border-color: #ed8666;
}
textarea{
	height: 176px;
	resize: none;
}
.infofield{
	display: block;
	margin: 0 0 8px;
}
#wrapper .error_input{
	background: #ffeff3;
}
::-webkit-input-placeholder {color:#9ca4a7;}
::-moz-placeholder          {color:#9ca4a7;}/* Firefox 19+ */
:-moz-placeholder           {color:#9ca4a7;}/* Firefox 18- */
:-ms-input-placeholder      {color:#9ca4a7;}
:focus::-webkit-input-placeholder {color:rgba(0,0,0, 0);}
:focus::-moz-placeholder          {color:rgba(0,0,0, 0);}/* Firefox 19+ */
:focus:-moz-placeholder           {color:rgba(0,0,0, 0);}/* Firefox 18- */
:focus:-ms-input-placeholder      {color:rgba(0,0,0, 0);}

.btn,
input[type="button"],
input[type="submit"],
input[type="reset"],
button{
	cursor: pointer;
	display: inline-block;
	font: bold 14px/28px 'open sans', sans-serif;
	border: 2px solid #E74C3C;
	padding: 0 22px;
	color: #E74C3C;
	background-color: transparent;
	text-decoration: none;
	text-transform: uppercase;
	text-align: center;
}
.btn:hover,
input[type="button"]:hover,
input[type="submit"]:hover,
input[type="reset"]:hover,
button:hover{
	border-color: #E74C3C;
	background-color: #E74C3C;
	color: #fff;
}

.btn_white{
	color: #fff;
	border-color: #fff;
}
.btn_big{
	padding: 5px 22px;
}
.btn .fa{
	margin-right: 5px;
}
.selectbox {
	position: relative;
	vertical-align: top;
	cursor: pointer;
	color: #2e2e2e;
}
.selectbox .select{
	border: 1px solid #ced4d5;
	padding: 5px 25px 5px 9px;
	line-height: 20px;
	text-shadow: 1px 1px #FFF;
	background: #fff;
}
.selectbox .select:active {
	background: #fcfcfc;
}
.selectbox.focused .select {
	border: 1px solid #8ec63f;
}
.selectbox .select .text {
	display: block;
	width: 100%;
	white-space: nowrap;
	text-overflow: ellipsis;
	overflow: hidden;
	font: 14px/20px 'open sans';
}
.selectbox .trigger {
	position: absolute;
	top: 0;
	right: 0;
	width: 34px;
	height: 100%;
}
.selectbox .trigger .arrow {
	position: absolute;
	top: 50%;
	right: 9px;
	margin-top: -2px;
	border-left: 5px solid transparent;
	border-right: 5px solid transparent;
	border-top: 5px solid #2e2e2e;
	width: 0;
	height: 0;
	overflow: hidden;
}
.selectbox .dropdown {
	z-index: 9;
	margin: -1px 0;
	padding: 4px 6px;
	background: #FFF;
	border: 1px solid #ced4d5;
}
.selectbox .dropdown ul{
	list-style: none;
	padding: 0;
	margin: 0;
}
.selectbox li {
	margin: 0;
	border-top: 1px solid #ecf0f1;
	padding: 4px 0 3px;
	font: 14px/20px 'open sans';
}
.selectbox li:first-child{
	border-top: 0;
}
.selectbox li.sel,
.selectbox li.sel:hover{
	cursor: default;
	color: #a8afb2;
}
.selectbox li:hover {
	color: #e31e25;
}
.selectbox li.disabled {
	color: #AAA;
}
.selectbox li.disabled:hover {
	background: none;
}
/* |===============| form end |===============| */

.wrap_advant{
	padding: 78px 0 70px !important;
	text-align: center;
}
.wrap__info{
    display: inline-block;
    width: 514px;
    max-width: 100%;
    vertical-align: middle;
    text-align: left;
}
.wrap__info h3{
	margin: 0 0 2px;
	font: bold 36px/40px 'Open Sans';
	color: #E74C3C;
	text-align: left;
}
.wrap__info .lead{
	margin: 0;
	font: 26px/30px 'Open Sans';
	color: #889397;
}
.wrap__pic{
	display: inline-block;
	vertical-align: middle;
	margin-right: 26px;
}
.wrap_gray{
	background: #F9F9F9;
}
.wrap_gray .wrap__pic{
	margin: 0 40px 0 62px;
}
.wrap_gray .wrap__info{
	text-align: right;
}
.wrap_gray .wrap__info h3{
	text-align: right;
	margin-left: -20px;
}
.wrap_ecom .wrap__pic{
	margin-right: 62px;
}
.wrap_btns{
	padding: 58px 0 53px !important;
	text-align: center;
	border-top: 1px solid #F7F7F7;
}
.wrap_btns .btn{
	margin: 0 6px 12px;
	min-width: 189px;
}
.wrap_tmp .wrap__pic{
	margin: 0 0 0 8px;
}
.wrap_seo .wrap__pic{
	margin: 0 70px 0 0;
}

/* |===============| joint start |===============| */
.btn,
a,
input,
button,
textarea,
.fa-close,
.examples__slidenator__item,
[src*="hover"]{
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	-ms-transition: all 0.3s;
	-o-transition: all 0.3s;
	transition: all 0.3s;
}
/* |===============| joint end |===============| */

/* |===============| header start |===============| */
.header{
	z-index: 9;
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	padding: 8px 0 2px;
	background: #E74C3C;
	text-align: center;
	color: #fff;
}
.logo{
	float: left;
}
.header__unit{
	position: relative;
	display: inline-block;
	text-align: left;
	margin: 8px 20px 0 50px;
	white-space: nowrap;
	max-width: 800px;
	min-height: 36px;
}
.nav{
	vertical-align: top;
	display: inline-block;
	white-space: normal;
	max-width: 760px;
}
.nav__item{
	display: inline-block;
	margin: 0 8px;
}
.nav a{
	display: inline-block;
	color: #fff;
	font: 14px/17px dinpro_bold;
	text-transform: uppercase;
}
.nav__item:hover > a,
#wrapper .search__submit:hover{
	opacity: 0.8;
}
.header .btn_white:hover{
	border-color: #fff;
	background-color: #fff;
	color: #2e2e2e;
}
.btn_signin{
	float: right;
	margin: 6px 0 0 30px;
	width: 160px;
}
.btn_demo{
	margin: 6px 0 0;
	float: right;
}
.search{
	display: inline-block;
}
#wrapper .search__submit{
	padding: 0 10px;
	line-height: 26px;
	color: #fff;
	background-color: transparent;
	border: transparent;
}
#wrapper .search__field{
	display: none;
	position: absolute;
	left: 0;
	top: -2px;
	width: 100%;
	padding-right: 34px;
	background: #fff;
}
.search .fa-close{
	display: none;
	cursor: pointer;
	z-index: 1;
    position: absolute;
    right: 8px;
    top: 4px;
    color: #A3A3A3;
}
.search .fa-close:hover{
	color: #2e2e2e;
}
.nav-toggle{
	display: none;
}

.header .active-account
{
  line-height: 12px;
  display: block;
  float: right;
  margin: 0px 0 0 30px;
}

.header .active-account .white-round {
  display: inline-block;
  text-align: center;
  background: #fff;
  width: 20px;
  height: 20px;
  line-height: 20px;
  border-radius: 10px;
  color: #000;
  position: absolute;
  font-size: 8px;
  font-weight: bold;
  top: -9px;
  left: 21px;
}
.header .active-account .user-cart {
  display: inline-block;
  height: 29px;
  width: 100px;
  position: relative;
  padding: 7px 0 0 45px;
}
.header .active-account .user-cart .user-cart__count {
  display: inline-block;
  text-align: center;
  background: #fff;
  width: 20px;
  height: 20px;
  line-height: 20px;
  border-radius: 10px;
  color: #000;
  position: absolute;
  font-size: 8px;
  font-weight: bold;
  top: -9px;
  left: 21px;
}
.header .active-account .user-cart .user-cart__text {
  display: inline-block;
  vertical-align: middle;
  font-size: 12px;
  color: #fff;
  font-weight: 700;
  text-transform: uppercase;
}
.header .active-account .user-notes .notes-menu .grey-arrow {
  width: 0;
  height: 0;
  border: 8px solid;
  border-color: transparent transparent #f5f5f5 transparent;
  position: absolute;
  top: -16px;
  right: 124px;
}
.header .active-account .user-account {
  display: inline-block;
  vertical-align: middle;
  position: relative;
  cursor: pointer;
  padding: 0;
}
.header .active-account .user-account .account-menu {
  position: absolute;
  text-align: left;
  display: none;
  top: 37px;
  left: -38px;
  z-index: 13;
  padding-top: 16px;
}
.header .active-account .user-account .account-menu .grey-arrow {
  width: 0;
  height: 0;
  border: 8px solid;
  border-color: transparent transparent #f5f5f5 transparent;
  position: absolute;
  margin-top: -16px;
  right: 67px;
}
.header .active-account .user-account .account-menu .account-div {
  background: #f5f5f5;
  padding: 15px 15px 10px 15px;
}
.header .active-account .user-account .account-menu .account-menu__item {
  padding: 5px 0 5px 25px;
  color: #e74c3c;
  text-transform: uppercase;
  display: block;
  font-size: 12px;
  font-weight: 700;
}
.header .active-account .user-account .account-menu .account-menu__item:nth-child(1) {
  background: url('../img/account1.png') no-repeat 2px 7px;
}
.header .active-account .user-account .account-menu .account-menu__item:nth-child(2) {
  background: url('../img/account2.png') no-repeat 2px 7px;
}
.header .active-account .user-account .account-menu .account-menu__item:nth-child(3) {
  background: url('../img/account3.png') no-repeat 2px 7px;
}
.header .active-account .user-account .account-menu .account-menu__item:nth-child(4) {
  background: url('../img/account4.png') no-repeat 2px 7px;
}
.header .active-account .user-account .user-account__avatar {
  float: left;
}
.header .active-account .user-account .user-account__avatar img {
  border-radius: 40px;
  border: 2px solid #fff;
  width: 40px;
  height: 40px;
}
.header .active-account .user-account .user-account__info {
  float: right;
  font-weight: bold;
}
.header .active-account .user-account .user-account__info .user-account__name {
  color: #fff;
  font-size: 12px;
  padding: 5px 0 3px 8px;
  max-width: 90px;
  overflow: hidden;
}
.header .active-account .user-account .user-account__info .user-account__number {
  font-size: 10px;
  color: #aaf6ff;
  padding: 3px 0 0 8px;
}
.header .active-account .user-account:hover .account-menu {
  display: block;
}
/* |===============| header end |===============| */

/* |===============| cover start |===============| */
.cover{
	position: relative;
	text-align: center;
	color: #fff;
	height: 578px;
	background: url(../img/cover.jpg) no-repeat;
	-webkit-background-size: cover;
	background-size: cover;
}
.cover__center{
	position: relative;
	padding: 0 10px 30px;
	top: 50%;
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	-o-transform: translateY(-50%);
	transform: translateY(-50%);
}
.cover__unit{
	padding: 0 0 10px 6px;
}
.cover__unit .btn{
	margin: 10px 8px 0;
	min-width: 190px;
}
.cover__mouse{
	position: absolute;
	left: 50%;
	margin-left: -9px;
	bottom: 21px;
}
/* |===============| cover end |===============| */

/* |===============| advantage start |===============| */
.advantages {
    overflow: hidden;
    margin-right: -30px;
    padding: 3px 0 0;
}
.advantage__item {
    width: 270px;
    margin: 0 27px 30px 0;
    display: inline-block;
    vertical-align: top;
}
.advantage__heading{
	margin-bottom: 14px;
	padding-bottom: 12px;
	min-height: 60px;
    background: url(../img/grey-point.jpg) repeat-x 0 bottom;
}
.advantage__heading:before{
	content: "";
	display: inline-block;
	height: 48px;
	width: 0;
	vertical-align: middle;
}
.advantage__heading img{
	max-width: 36px;
	margin-right: 10px;
	vertical-align: middle;
}
.advantage__title{
    display: inline-block;
    vertical-align: middle;
    width: 210px;
    font: bold 16px 'Open Sans';
    color: #e74c3c;
}
.advantage__content{
	font: 12px/18px 'Open Sans';
}
/* |===============| advantage end |===============| */

/* |===============| exaples start |===============| */
.wrap.wrap_examples{
	padding-top: 20px;
	background: #F5F5F5;
}
.examples{
	margin: 41px 0 0;
	padding-bottom: 29px;
}
.examples__crop{
	overflow: hidden;
	margin: 0 auto;
	width: 1081px;
}
.examples__list{
	overflow: hidden;
}
.examples__item{
	float: left;
	text-align: center;
	margin-right: 113px;
	width: 185px;
	font: 12px/16px 'Open Sans';
}
.examples__item:last-child{
	margin-right: 0;
}
.examples__pic{
	display: block;
	margin: 0 0 16px;
	padding-top: 18px;
	background: url(../img/ex_item.png) no-repeat;
}
.examples__pic:hover,
.examples__domen:hover{
	opacity: 0.8;
}
.examples__domen{
	display: block;
	margin: 0 0 16px;
	font: bold 14px/17px 'Open Sans';
	color: #E74C3C;
}
.examples__slidenator{
	text-align: center;
	display: block;
	margin: 29px 0 0;
}
.examples__slidenator__item{
	cursor: pointer;
	display: inline-block;
	margin: 0 4px;
	border: 1px solid #D1D1D1;
	width: 16px;
	height: 16px;
	border-radius: 50%;
}
.examples__slidenator__item_active,
.examples__slidenator__item:hover{
	border-color: #E74C3C;
	background: #E74C3C;
}
/* |===============| exaples end |===============| */

/* |===============| footer start |===============| */
.footer{
	border-top: 1px solid #EAE8E8;
	padding: 36px 0;
	background-color: #f5f5f5;
}
.footer__copy{
	float: left;
	font: 12px/20px 'Open Sans';
}
.payments{
	float: right;
}
.footer__menu{
	float: right;
}
.footer__menu a {
	font-size: 12px;
    padding-left: 10px;
}
.social{
	overflow: hidden;
	text-align: center;
}
.social{
	padding: 9px 50px 0 0;
}
/* |===============| footer end |===============| */

/* |===============| popups start |===============| */
.popups{
	display: none;
	z-index: 9;
}
.popups,
.popups__overlay{
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
}
.popups__overlay{
	background: #000;
	opacity: 0.3;
}
.popup{
	max-width: 100%;
	display: none;
	position: absolute;
	top: 15.625em;
	left: 50%;
	margin-left: -199px;
	padding: 34px 28px 35px;
	width: 398px;
	background: #fff;
}
.popup__heading{
	text-align: center;
	font-size: 24px;
	line-height: 29px;
	margin: 0 0 25px 3px;
}
.popup__info{
	margin: 0 -28px 25px;
	padding: 15px 28px;
	text-align: center;
	font-size: 14px;
	background: #F6F4ED;
}
.popup__close{
	cursor: pointer;
	position: absolute;
    right: -4px;
    top: -4px;
	padding: 8px 0 0 5px;
	width: 30px;
	height: 30px;
}
.popup__close:before{
	content: "\f00d";
	font: 1em fontawesome;
	color: #2e2e2e;
}
.popup__title{
	display: block;
	margin: 0 0 12px;
	font-weight: bold;
	font-size: 14px;
}
#wrapper .popup__field{
	margin: 0 0 26px;
	padding: 7px 10px 8px;
	width: 100%;
	font-size: 18px;
	line-height: 22px;
}
.popup__textarea{
	padding-top: 4px;
	width: 259px;
	height: 150px;
	vertical-align: top;
	resize: none;
}
.popup__btns{
	padding: 10px 0 4px;
	text-align: center;
}
.rem-pass{
	float: right;
	font-weight: normal;
}
/* |===============| popups end |===============| */

/* |===============| tabs start |===============| */
.tabs{
	text-align: center;
	margin: 0 0 33px;
	padding: 12px 0;
	font-size: 0;
	line-height: 0;
}
.tabs a{
	padding: 15px 24px;
	display: inline-block;
	border: 1px solid #EAE8E8;
	font: 18px/24px 'Open Sans';
	color: #2e2e2e;
}
.tabs a:hover,
.tabs .active{
	position: relative;
	background: #E74C3C;
	border-color: #E74C3C;
	color: #fff;
}
.center-box{
	max-width: 98%;
	width: 780px;
	margin: 0 auto 64px;
}
/* |===============| tabs end |===============| */

/* |===============| info-box start |===============| */
.prop{
	text-align: center;
	margin: 71px 0 42px;
}
.prop > p{
	margin-top: 9px;
	font: 24px/32px 'Open Sans';
}
.prop .heading{
	margin-bottom: 9px;
}
.prop__item{
	vertical-align: top;
	display: inline-block;
	margin: 22px;
	width: 270px;
	font: 14px/22px 'Open Sans';
	text-align: left;
}
.prop__item img{
	display: block;
	margin: 0 0 15px;
}
.prop__item b{
	display: block;
}
/* |===============| info-box end |===============| */


/*   ===   ADVANTAGES PAGE   ===   */
.advantages-page h1,
.advantages-page h2 {
  text-align: center;
}
.advantages-page .advantage-section .page-title-block h2 {
  padding: 0 0 20px 0;
}
.possibilites-block, .possibilites-block1 {
  overflow: hidden;
  text-align: center;
}
.possibility-item img {
   border-radius: 100px;
   border: 2px solid #e74c3c;
}
.possibilites-block .possibility-item, .possibilites-block1 .possibility-item {
  width: 280px;
  padding: 0 9px 60px 0;
  text-align: center;
  display: inline-block;
  vertical-align: top;
}

.possibilites-block .possibility-item .item-link, .possibilites-block1 .possibility-item .item-link {
  color: #e74c3c;
  font-weight: 700;
  padding: 10px 0;
  display: inline-block;
  font-size: 130%;
}
.possibilites-block .possibility-item .item-content, .possibilites-block1 .possibility-item .item-content {
  font-size: 12px;
}
.content-text {
  text-align: center;
  width: 820px;
  margin: 0 auto;
  padding: 0 0 20px 0;
  max-width: 100%;
}
.shop-section {
  background: #f7f4ed;
  padding: 10px 0px;
  margin-bottom: 20px;
}
.shop-section h2 {
  padding-bottom: 35px;
}
.shop-section .shop-block {
  overflow: hidden;
  padding: 0px 10px;
}
.shop-section .shop-block .shop-left {
  width: 540px;
  float: left;
  max-width: 100%;
}
.shop-section .shop-block .shop-right {
  width: 540px;
  float: right;
  max-width: 100%;
}
.shop-section .shop-block .item {
  width: 540px;
  max-width: 100%;
  padding: 0 0 15px 0;
  display: inline-block;
  vertical-align: top;
}
.shop-section .shop-block .item .item-title {
  font-weight: 700;
  font-size: 16px;
  color: #e74c3c;
}
.shop-section .shop-block .item .item-list {
  padding-left: 20px;
}
.shop-section .shop-block .item .item-list li {
  padding: 5px 0;
  font-size: 12px;
}


/*.shop-section .shop-section-slider__wrapper .bx-wrapper {
  margin: 0;
  padding: 50px 0 70px 0;
}
.shop-section .shop-section-slider__wrapper .bx-wrapper .bx-viewport {
  border: none;
  left: 0px;
  box-shadow: none;
  background: none;
  z-index: 2;
}
.shop-section .shop-section-slider__wrapper .bx-wrapper .bx-prev {
  left: -20px;
  background: url('../img/advantages-page/slider-buttons.png') no-repeat 0 -34px;
}
.shop-section .shop-section-slider__wrapper .bx-wrapper .bx-prev:hover {
  background-position: 0 0;
}
.shop-section .shop-section-slider__wrapper .bx-wrapper .bx-next {
  right: -20px;
  background: url('../img/advantages-page/slider-buttons.png') no-repeat -19px -34px;
}
.shop-section .shop-section-slider__wrapper .bx-wrapper .bx-next:hover {
  background-position: -19px 0;
}
.shop-section .shop-section-slider__wrapper .bx-wrapper .bx-next,
.shop-section .shop-section-slider__wrapper .bx-wrapper .bx-prev {
  top: 50%;
  margin-top: -17px;
  width: 19px;
  height: 34px;
  z-index: 10;
}
.shop-section .shop-section-slider__wrapper .bx-wrapper .slider-item {
  text-align: center;
}
.shop-section .shop-section-slider__wrapper .bx-wrapper .slider-item img {
  width: 765px;
  display: inline-block;
} */


.shop-section-for-slider {
    width: 100%;
}


.shop-section-slider {
    width: 874px;
	overflow: hidden;
	max-width: 100%;
	margin: auto;
	padding: 0px 20px 0px 20px;
}

/*.shop-section-slider__list {

} */

.shop-section-slider__item {
    display: inline-block;
	padding: 0px 30px 0px 16px;
}

.slider-item-top img {
	width: 836px;
}

/*.shop-section-slider__slidenator {
	height: 58px;
    width: 300px;
    display: block;
}*/

.shop-section-slider__prev {
  background: url('../img/slider-buttons.png') no-repeat 0px -34px;
  width: 19px;
  height: 35px;
  display: block;
  position: relative;
  top: -300px;
  left: -20px;
}
.shop-section-slider__prev:hover {
  background-position: 0 0;
}

.shop-section-slider__next {
  background: url('../img/slider-buttons.png') no-repeat -19px -34px;
  width: 19px;
  height: 35px;
  display: block;
  position: relative;
  float: right;
  top: -336px;
  right: -20px;
}

.shop-section-slider__next:hover {
  background-position: -19px 0;
}


/*   ===   ADVANTAGES PAGE   ===   */


		
/* |===============| other start |===============| */
.wrap{
	padding: 31px 0 6px;
}
.wrap_video,
.video-box{
	text-align: center;
	font: 30px/34px dinpro_bold;
	background: url(../img/wrap_video.jpg);
	-webkit-background-size: cover;
	background-size: cover;
	height: 578px;
	color: #fff;
	text-transform: uppercase;
	padding: 0px;
}
.video-box{
	position: relative;
	display: block;
	margin: 28px auto;
	max-width: 100%;
	width: 780px;
	height: auto;
	background: #ccc;
}
.video-play{
	position: absolute;
	top: 50%;
	left: 50%;
	margin: -72px 0 0 -64px;
	width: 137px;
	height: 137px;
}
.wrap_video .wrap__center{
	position: relative;
	top: 50%;
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	-o-transform: translateY(-50%);
	transform: translateY(-50%);
}
.wrap_video img{
	margin-bottom: 28px;
}
.wrap_get{
	padding: 22px 0 25px;
	background: url(../img/get_start.jpg) no-repeat;
	-webkit-background-size: cover;
	background-size: cover;
	color: #fff;
	text-align: center;
}
.get-box__item{
	display: inline-block;
	vertical-align: top;
	margin: 12px 19px 20px;
	width: 258px;
	color: #fff;
	font: 14px/20px 'Open Sans';
}
.get-box__pic{
	display: block;
	position: relative;
	margin: 0 0 18px;
}
.get-box__pic [src*="hover"]{
	opacity: 0;
	position: absolute;
	top: 0;
	left: 50%;
	-webkit-transform: translateX(-50%);
	-ms-transform: translateX(-50%);
	-o-transform: translateX(-50%);
	transform: translateX(-50%);
}
.get-box__item:hover [src*="hover"]{
	opacity: 1;
}
.get-box__info{
	margin: 0 0 11px;
	display: block;
	font: bold 16px/20px 'Open Sans';
}
.heading{
	text-transform: uppercase;
	font: 30px/36px dinpro_bold;
}
.buy-ways {
  overflow: hidden;
  padding: 15px 0;
}
.buy-ways .buy-item {
  float: left;
  width: 50%;
  text-align: center;
}
.buy-ways .buy-item .buy-item__icon1 {
  background-image: url('/img/buy-icon-1.png');
  width: 144px;
  height: 84px;
  font-size: 31px;
  color: #fff;
  padding: 28px 30px 20px 0px;
  font-weight: bold;
  margin-left: 33%;
}
.buy-ways .buy-item .buy-item__icon2 {
  background-image: url('/img/buy-icon-2.png');
  width: 84px;
  height: 84px;
  color: #CD5745;
  padding: 26px 10px 10px 10px;
  margin-left: 38%;
}
.buy-ways .buy-item .buy-item__icon2 span{
  font-size: 31px;
  font-weight: bold;
  display: block;
}
.buy-ways .buy-item .buy-item__text {
  font-size: 16px;
  font-family: 'dinpro_bold';
  color: #e74c3c;
  text-align: center;
  text-shadow: 4px 4px 2px rgba(150, 150, 150, 0.2);
  text-transform: uppercase;
}

.param_feedback {
	margin-bottom: 5px;
}

/*** buy license**/
  .lic-form{
  width: 659px;
  }
  .lic-count{
	  margin: 0 0 46px;
	  border: 1px solid #ecf0f1;
	  padding: 28px 14px 27px 20px;
	  color: #e95549;
  }
  .lic-count .lic-param{
	color: #000;
  }
  .lic-count + .lic-box{
	  margin-top: -26px;
  }
  .lic-count__field,
  .lic-count__deduct,
  .lic-count__add,
  .lic-cout__txt,
  .bigbtn,
  .lic-count__price{
	  vertical-align: middle;
	  display: inline-block;
  }
  .lic-cout__txt{
	  width: 206px;
  }
  .lic-count__field{
	  margin: 0 7px 0 5px;
  }
  .lic-count__add,
  .lic-count__deduct{
	  cursor: pointer;
	  padding: 0 1px 0 0;
	  width: 15px;
	  height: 16px;
	  text-align: center;
	  font-weight: bold;
	  font-size: 20px;
	  line-height: 16px;
	  color: #fff;
	  background: #ea4b35;
	  -webkit-border-radius: 4px;
	  -moz-border-radius: 4px;
	  border-radius: 4px;
  }
  .lic-count__price{
	  margin: 0 37px 0 0;
	  width: 128px;
	  font-size: 23px;
	  text-align: right;
  }
  .rubl{
	  position: relative;
	  font-style: normal;
  }
  .rubl:after{
	  content: "";
	  position: absolute;
	  top: 19px;
	  left: 1px;
	  width: 9px;
	  height: 1px;
	  background: #ea4c33;
  }
  .lic-count__deduct{
	  font-size: 12px;
	  line-height: 13px;
  }
  .lic-form .lic-count .lic-count__field{
	  width: 62px;
	  text-align: center;
  }
  .lic-form .lic-count input:focus,
  .lic-form .lic-box input:focus{
	  border-color: #ea4b35;
	  -webkit-box-shadow: none;
	  -moz-box-shadow: none;
	  box-shadow: none;
  }
  .licbtn{
	  text-transform: uppercase;
	  vertical-align: -2px;
	  padding: 5px 22px;
	  font-size: 18px;
  }
  .infofield{
	  vertical-align: top;
	  margin: 0 17px 0 0;
	  display: inline-block;
	  width: 107px;
	  text-align: right;
  }
  .lic-form .lic-count input,
  .lic-form .lic-box input{
	  width: 59%;
	  height: 41px;
	  -webkit-transition: all 0.3s;
	  -moz-transition: all 0.3s;
	  -ms-transition: all 0.3s;
	  -o-transition: all 0.3s;
	  transition: all 0.3s;
  }
  .lic-form .lic-count .lic-param input{
	  width: 40%;
  }
  .lic-form .lic-count .lic-param{
	  margin-top: 19px;
  }
  .lic-box{
	  display: none;
	  margin: 0 0 46px;
	  border: 1px solid #ecf0f1;
	  padding: 34px 12px;
  }
  .lic-param{
	  margin-bottom: 19px;
  }
  .lic-box__price{
	  display: inline-block;
	  margin: 5px 0;
	  vertical-align: -4px;
	  width: auto;
	  text-align: left;
	  color: #e95549;
	  font-size: 23px;
  }
/*** buy license**/

  
.sales {
  padding: 15px 0 0 0;
  display: inline-block;
  width: 100%;
}
.sales .sale-item {
  width: 20%;
  float: left;
  padding: 10px 22px 20px 0;
  text-align: center;
}
.sales .sale-item:last-child {
  padding-right: 0;
}
.sales .sale-item .sale-item__icon {
  background: #e74c3c;
  width: 68px;
  height: 68px;
  border-radius: 34px;
  color: #fff;
  font-family: 'dinpro_bold';
  font-size: 9px;
  text-align: center;
  text-transform: uppercase;
  display: inline-block;
}
.sales .sale-item .sale-item__icon .count {
  font-size: 24px;
  display: block;
  text-align: center;
  width: 68px;
  padding: 13px 0 0px 0;
  line-height: 28px;
}
.sales .sale-item .sale-item__title {
  padding: 10px 0 0 0;
  font-weight: 700;
  text-align: center;
}
.sales .sale-item .sale-item__value {
  font-style: italic;
  text-align: center;
}
  

/* |===============| other end |===============| */

/* |==============| docs menu start |=============| */
.aside-left {
  width: 270px;
  float: left;
  padding: 10px 10px 15px 20px;
  margin: 0px 20px 20px 0px;
  background-color: #f4f4f4;
}
.aside-left .aside-left__top {
    display:none;
  /*padding: 40px 0 20px 0;
  background: url('../img/aside-point.jpg') repeat-x 0 100%;*/
}
.aside-left .aside-left__top .aside-left__top-image {
  display: inline-block;
  vertical-align: middle;
  padding: 0 5px 0 0;
}
.aside-left .aside-left__top .aside-left__top-text {
  color: #e74c3c;
  font: 16px 'opensans_bold';
}

.aside-left .about-left__menu ul {
  list-style: none;
  padding: 0px;
  margin: 0px;
}

.aside-left .about-left__menu li {
  padding: 15px 0;
  color: #e74c3c;
  border-bottom: solid 1px #ccc;
}
.aside-left .about-left__menu li a {
  color: #000;
  transition: all 0.2s;
  -webkit-transition: all 0.2s;
  -ms-transition: all 0.2s;
  -moz-transition: all 0.2s;
  font-size: 16px;
  font-weight: bold;
}
.aside-left .about-left__menu li a:hover {
  color: #e74c3c;
}
.aside-left .about-left__menu li li:nth-child(1) {
  padding: 5px 0px 0px 18px;
}
.aside-left .about-left__menu li.selected a {
  color: #e74c3c;
}
.aside-left .about-left__menu li.plus {
  padding: 0px 0 5px 25px;
  position: relative;
  border-bottom: initial;
}
.aside-left .about-left__menu li.open {
  background: url('../img/menu-grey-line-item.gif') no-repeat 7px 20px;
}
.aside-left .about-left__menu li.plus a {
    font-size: 14px;
    font-weight: normal;
}
.aside-left .about-left__menu ul li .item-icon {
  width: 16px;
  height: 16px;
  background: url('../img/menu-plus.png') no-repeat 0 0;
  display: inline-block;
  position: absolute;
  top: 8px;
  left: 0;
  cursor: pointer;
}
.aside-left .about-left__menu ul li li .item-icon {
  left: 5px;
}
.aside-left .about-left__menu ul li ul {
  display: none;
  padding: 10px 0 5px 5px;
  list-style: none;
  margin: -13px 0px 0px -23px;
}
.aside-left .about-left__menu ul li ul li {
  padding: 5px 0 0px 18px;
  background: url('../img/menu-grey-line.gif') no-repeat 0 -28px;
  border-bottom: initial;
}
.aside-left .about-left__menu ul li ul li:last-child {
  background: url('../img/menu-grey-line_last.gif') no-repeat 0 -28px;
}
.aside-left .about-left__menu ul li.open ul,
.aside-left .about-left__menu ul li.open li.open ul,
.aside-left .about-left__menu ul li.open li.open li.open ul,
.aside-left .about-left__menu ul li.open li.open li.open li.open ul {
  display: block;
}
.aside-left .about-left__menu ul li.open li ul,
.aside-left .about-left__menu ul li.open li.open li ul,
.aside-left .about-left__menu ul li.open li.open li.open li ul  {
  display: none;
}
.aside-left .about-left__menu ul li.open .item-icon,
.aside-left .about-left__menu ul li.open li.open .item-icon,
.aside-left .about-left__menu ul li.open li.open li.open .item-icon,
.aside-left .about-left__menu ul li.open li.open li.open li.open .item-icon {
  background: url('../img/menu-minus.png') no-repeat 0 0;
}
.aside-left .about-left__menu ul li.open li .item-icon,
.aside-left .about-left__menu ul li.open li.open li .item-icon,
.aside-left .about-left__menu ul li.open li.open li.open li .item-icon {
  background: url('../img/menu-plus.png') no-repeat 0 0;
}

/* |==============| docs menu end |=============| */

/* |===============| media start |===============| */
@media (max-width: 1191px) {
	[class*="__center"]{
		width: 100%;
	}
	.nav__item{
		margin: 0 6px;
	}
	.nav__item a{
		font-size: 12px;
	}
	.advantages{
		text-align: center;
		margin-right: 0;
	}
	.advantage__item{
		margin: 0 10px 30px;
		text-align: left;
	}
	.header__unit{
		margin: 8px 20px 0;
	}
}
@media (max-width: 1110px) {
	.examples__crop{
		width: 922px;
	}
	.examples__item{
		margin-right: 60px;
	}
}
@media (min-width: 1024px) {
	.nav{
		display: inline-block !important;
	}
}
@media (max-width: 1023px) {
	.header{
		text-align: left;
	}
	.search{
		position: relative;
		width: 170px;
		left: 22px;
	}
	#wrapper .search__submit{
		margin-left: 148px;
	}
	.nav-toggle{
		cursor: pointer;
		display: inline-block;
		padding: 0 20px;
	}
	.nav-toggle.active .fa:before{
		content: "\f00d";
	}
	.fa-navicon:before {
		font-size: 32px;
	}
	.nav{
		display: none;
		border-top: 1px solid #fff;
		position: absolute;
		left: 0;
		top: 100%;
		margin: 9px 0 0;
		padding: 10px 0;
		background: #E74C3C;
		min-width: 220px;
	}
	.nav__item{
		display: block;
	}
	.nav__item a{
		padding: 6px 16px;
	}
	.examples__crop{
		width: 682px;
	}
	.social{
		padding-right: 20px;
	}
	.tabs a{
		margin: 5px;
	}
	#wrapper{
		padding-top: 0 !important;
	}
	.header{
		position: relative;
	}
}
@media (max-width: 800px) {
	.header__center{
		padding-bottom: 11px;
	}
	.header__unit{
		position: static;
		float: right;
		display: block;
		margin-left: 0;
		margin-right: 0;
	}
	.nav-toggle{
		position: absolute;
		left: 10px;
		right: auto;
		top: auto;
		bottom: 14px;
	}
	.nav{
		margin-top: 2px;
		left: -10px;
	}
	.btn_signin{
		width: auto;
	}
	.search{
		position: static;
		width: auto;
		float: right;
	}
	#wrapper .search__field{
		right: 10px;
		top: auto;
		left: auto;
		width: 188px;
		bottom: 11px;
	}
	.search .fa-close{
		right: 20px;
		top: auto;
		bottom: 18px;
	}
	.btn_signin{
		margin-left: 14px;
		margin-right: 14px;
	}
	.header .active-account
	{
		margin-right: 15px;
	}
	.header .btn_white{
		clear: left;
	}
}
@media (max-width: 720px) {
	.examples__crop{
		width: 434px;
	}
	.footer{
		text-align: center;
	}
	.footer__copy{
		display: block;
		float: none;
	}
	.social{
		padding-right: 0;
	}
	.payments{
		float: none;
		margin: 20px 0 14px;
	}
}
@media (max-width: 640px) {
	h1,
	h2{
		font-size: 28px;
		line-height: 34px;
	}

}
@media (max-width: 460px) {
	.examples__crop{
		width: 187px;
	}
	.popup{
		left: 4px;
		right: 4px;
		margin-left: 0;
		width: auto;
	}
}
/* |===============| media end |===============| */

.example{
	border: 1px solid #7f7f7f;
	background: #f3f2ee;
	padding: 10px 15px 10px 15px;
	margin: 10px 0px 10px 40px;
}

.example h2{
	margin: 0px;
	padding: 0px 0px 8px 0px;
	font-size: 18px;
}
.advice{
	border: 1px solid #f3f2ee;
	margin: 10px 0 10px;
	border-radius: 8px;
}

.advice_inner{
	padding: 10px 5px 10px 30px;
	background: url(../img/sovet.gif) no-repeat 0 50%;
	position: relative;
	left: -8px;
}

.advice_inner h2{
	margin: 0px;
	padding: 0px;
}
.alert{
	border: 1px solid #f3f2ee;
	margin: 10px 0 10px;
	border-radius: 8px;
}

.alert_inner{
	padding: 10px 5px 10px 30px;
	background: url(../img/alert.gif) no-repeat 0 50%;
	position: relative;
	left: -8px;
}

.alert_inner h2{
	margin: 0px;
	padding: 0px;
	color: darkorange;
}
a.dashed:link, a.dashed:visited
{
	border-bottom: 1px dotted #e74c3c !important;
	TEXT-DECORATION: none;
}

A.dashed:hover
{
	border: 0px;
}