* {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box
}
body {
	margin: 0 auto;
	padding: 0;
	max-width: 1920px;
	min-width: 320px;
	font-family: "MuseoCyrl500"
}
p {
	margin: 0
}
ul,
ol {
	list-style-type: none;
	margin: 0;
	padding: 0;
	text-align: left
}
h1,
h2,
h3,
h4,
h5,
h6 {
	margin: 0;
	padding: 0
}
a,
button {
	text-decoration: none;
	-webkit-transition: all .5s;
	-moz-transition: all .5s;
	-o-transition: all .5s;
	transition: all .5s
}
:after,
:before {
	-webkit-transition: all .5s;
	-moz-transition: all .5s;
	-o-transition: all .5s;
	transition: all .5s
}
button {
	outline: none;
	margin: 0;
	padding: 0
}
.cfix:after,
.list:after {
	content: " ";
	display: block;
	clear: both
}
.left {
	float: left
}
.right {
	float: right
}
.container {
	width: 1200px;
	padding: 0 15px;
	margin: 0 auto
}
.invisLink {
	position: relative;
	z-index: 1
}
.invisLink a {
	display: block;
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	z-index: 2;
	overflow: hidden;
	text-indent: 200%;
	white-space: nowrap
}


.wrapAll {
	background-position: right;
	background-repeat: no-repeat;
	overflow: hidden;
	background-size: cover;
	height: 100%
}
.wrapMenuLeft {
	position: fixed;
	top: 0;
	left: 0;
	width: 278px;
	height: 100vh;
	overflow-x: hidden;
	overflow-y: scroll;
	z-index: 15;
	-webkit-transition: all .5s;
	-moz-transition: all .5s;
	-o-transition: all .5s;
	transition: all .5s
}
.wrapMenuLeft .wr {
	position: relative;
	padding-top: 18px;
	padding-bottom: 17px;
	height: 100%;
	min-height: 700px
}
.wrapMenuLeft .wr:before {
	content: "";
	position: absolute;
	right: 0;
	top: 0;
	background-image: url(../img/bgmenileft.png);
	background-repeat: no-repeat;
	z-index: -1;
	width: 300%;
	height: 100%;
	background-size: cover;
	background-position: bottom
}
.logo {
	display: table;
	margin: 0 auto
}
.menu {
	margin-top: 37px;
	padding-left: 54px
}
.menu a:hover {
	color: #478cd0 !important
}
.menu > ul > li {
	position: relative
}
.menu .drop li:nth-child(2n):before,
.menu > ul > li:nth-child(2n):before {
	content: "";
	position: absolute;
	right: 0;
	top: 0;
	width: 300%;
	height: 100%;
	z-index: -1;
	background-color: #ffffff
}
.menu .drop li a:before,
.menu > ul > li > a:before,
.menu > ul > li > span:before {
	content: "";
	position: absolute;
	left: -101px;
	top: 12px;
	width: 85px;
	height: 2px;
	background-color: #488dd0;
	z-index: -1;
	opacity: 0
}
.menu .drop li a.active:before,
.menu > ul > li > a.active:before,
.menu > ul > li > span.active:before {
	opacity: 1
}
.menu > ul > li > a,
.menu > ul > li > span {
	color: #363636;
	font-size: 14px;
	position: relative;
	z-index: 2;
	padding: 4px 0;
	display: table
}
.menu .drop li a.active,
.menu > ul > li > a.active,
.menu > ul > li > span.active {
	color: #478cd0
}
.menu .dropLink {
	display: block
}
.menu .dropbWrap .dropLink:after {
	content: "";
	position: absolute;
	right: 0;
	top: 0;
	width: 300%;
	height: 100%;
	z-index: -1;
	background-color: #ffffff
}
.menu .dropbWrap:before {
	display: none
}
.menu .drop {
	padding-left: 22px
}
.menu .drop li {
	position: relative
}
.menu .drop li a {
	color: #363636;
	font-size: 13px;
	font-family: "Lato";
	display: table;
	padding: 6px 0
}
.infoLeft {
	padding-left: 54px;
	padding-top: 30px
}
.infoLeft .adress {
	color: #2c2c2c;
	font-size: 13px;
	display: block;
	letter-spacing: .3px;
	margin-bottom: 5px
}
.infoLeft a:hover {
	text-decoration: underline
}
.infoLeft a {
	display: table;
	color: #2c2c2c;
	font-size: 13px;
	letter-spacing: .3px;
	margin-bottom: 2px
}
.wrapMenuLeft .btnBl {
	padding-left: 55px;
	padding-top: 15px
}
.btn:hover {
	opacity: .7
}
.btn {
	cursor: pointer;
	outline: none;
	border: 0;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	-ms-border-radius: 5px;
	border-radius: 5px;
	font-size: 16px;
	color: #ffffff;
	text-align: center;
	position: relative;
	z-index: 3;
	line-height: 45px;
	display: table;
	min-width: 160px
}
.btnPurple {
	background: #ca33fd;
	background: -moz-linear-gradient(left, #ca33fd 0%, #ff32f8 100%);
	background: -webkit-gradient(left top, right top, color-stop(0%, #ca33fd), color-stop(100%, #ff32f8));
	background: -webkit-linear-gradient(left, #ca33fd 0%, #ff32f8 100%);
	background: -o-linear-gradient(left, #ca33fd 0%, #ff32f8 100%);
	background: -ms-linear-gradient(left, #ca33fd 0%, #ff32f8 100%);
	background: linear-gradient(to right, #ca33fd 0%, #ff32f8 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ca33fd', endColorstr='#ff32f8', GradientType=1);
	min-width: 165px
}
.btnBlue {
	background-color: #478cd0;
	min-width: 180px
}
.btnArrow {
	padding-right: 14px
}
.btnArrow:before {
	content: "";
	position: absolute;
	right: 21px;
	top: 16px;
	background-image: url(../img/arrowbtn.png);
	width: 8px;
	height: 14px;
	z-index: -1
}
.socailLink {
	padding-left: 55px;
	padding-top: 17px
}
.socailLink ul {
	overflow: hidden;
	margin: 0 -20px
}
.socailLink li {
	float: left;
	color: #ffffff;
	padding: 0 18px
}
.socailLink li a:hover span {
	color: #478cd0
}
.socailLink li span[class*="icon-"] {
	color: #ffffff;
	font-size: 18px
}
.wrapper {
	padding-top: 75px;
	width: 925px;
	float: right
}
.headLine {
	padding: 5px 0;
	width: 100%;
	text-align: center;
}
.menuTop {
	display: -webkit-inline-box;
	display: -ms-inline-flexbox;
	display: inline-flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-ms-flex-pack: distribute;
  	justify-content: space-around;
}
.menuTop li {
	padding: 0 24px;
}
.menuTop li a:hover {
	color: #478cd0
}
.menuTop li a.active {
	color: #478cd0
}
.menuTop li a {
	font-size: 16px;
	color: #757575
}
header {
	position: fixed;
	top: 0;
	left: 278px;
	right: 0;
	z-index: 14;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	padding: 15px 40px;
	background-color: #fff;
}
header .btnBl .btn {
	margin-right: 15px
}
.sliderBlock {
	clear: both;
	display: block;
	width: 100%;
	padding: 28px 0
}
.sliderBlock .title {
	text-align: center
}
.sliderBlock .title .secOne {
	margin-bottom: 15px
}
.sliderBlock .title .descr {
	display: block;
	max-width: 725px;
	margin: 0 auto
}
.secOne {
	color: #9aaad9;
	font-size: 38px;
	font-weight: 400;
	letter-spacing: .5px
}
.titlePage .secOne {
	font-size: 24px;
	color: #1f1f1f
}
.secThree {
	color: #4b4b4b;
	font-size: 16px;
	font-weight: 400;
	letter-spacing: .4px
}
.secIcon {
	background-repeat: no-repeat;
	background-position: left center;
	display: table;
	padding: 15px 0 15px 65px
}
.iconCash {
	background-image: url(../img/iconcash.png)
}
.iconNonCash {
	background-image: url(../img/iconbank.png)
}
.iconBank {
	background-image: url(../img/iconnoncash.png)
}
.secTwo {
	color: #232323;
	font-size: 20px;
	font-weight: 400;
	letter-spacing: .4px
}
.descr {
	color: #8a98c3;
	font-size: 12px;
	font-family: "Lato"
}
.indexPage .original {
	width: 892px;
	float: right
}
.index.indexPage .original {
	float: right;
	padding: 44px 0 39px
}
.original {
	padding: 40px 0
}
.original .secTwo {
	text-align: center
}
.listOriginal {
	padding: 53px 0 90px 30px
}
.listOriginal .item + .item {
	margin-top: 50px
}
.listOriginal .in {
	max-width: 280px
}
.listOriginal .in .image {
	display: inline-block;
	vertical-align: middle;
	background-repeat: no-repeat;
	background-position: center;
	width: 88px;
	height: 83px
}
.listOriginal .in .text {
	color: #4389cd;
	font-size: 16px;
	display: inline-block;
	vertical-align: middle;
	width: calc(100% - 95px);
	padding-left: 15px
}
.listOriginal .ItemCenter {
	float: left;
	position: relative;
	top: -12px;
	left: 12px
}
.listOriginal .ItemCenter .pic {
	background-repeat: no-repeat;
	background-position: center;
	width: 277px;
	height: 477px;
	margin: 0 auto;
	margin-bottom: 21px
}
.listOriginal .ItemCenter .btn {
	margin: 0 auto
}
.bgContentIndexPage {
	background-repeat: no-repeat;
	background-position: bottom center;
	background-size: cover;
	background-image: url(../img/bgcontentindexpage.jpg)
}
.textAlignCenter {
	text-align: center
}

.textBlockPadding {
	padding: 0 80px
}
.textBlockPadding .secTwo {
	margin-bottom: 27px
}
.textBLock img {
	max-width: 100%;
}
.textBLock p + p {
	margin-top: 17px
}
footer {
	color: #ffffff;
	font-size: 14px;
	background-color: #22476f;
	padding: 20px 0 18px;
	font-family: "Lato";
	font-weight: 300
}
footer .copy {
	float: left
}
footer .text {
	float: right
}
footer .text a:hover {
	text-decoration: underline
}
footer .text a {
	color: #ffffff;
	font-size: 14px
}
.over {
	overflow: hidden
}
.pagination {
	margin-top: 20px
}
.pagination ul {
	margin: 0 -8px
}
.pagination li:before {
	content: ">";
	position: absolute;
	right: -5px;
	top: 2px;
	color: #a9a9a9;
	font-size: 16px;
	font-family: "Lato";
	font-weight: 300
}
.pagination li {
	float: left;
	padding: 0 8px;
	position: relative
}
.pagination li:last-child:before {
	display: none
}
.pagination li a:hover {
	opacity: .5
}
.pagination li a {
	font-size: 14px;
	font-family: "Lato";
	color: #a9a9a9
}
.pagination li a.active {
	color: #78b3ed
}
.content {
	padding-left: 30px
}
.titlePage {
	padding-top: 5px
}
.listNews {
	padding: 23px 0
}
.listNews .item + .item {
	margin-top: 11px
}
.new {
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	-ms-border-radius: 5px;
	border-radius: 5px;
	overflow: hidden;
	-webkit-box-shadow: 0 0 5px 0 rgba(245, 245, 245, 1);
	-moz-box-shadow: 0 0 5px 0 rgba(245, 245, 245, 1);
	box-shadow: 0 0 5px 0 rgba(245, 245, 245, 1)
}
.new .pic {
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat;
	width: 145px;
	height: 123px;
	float: left
}
.new .text {
	float: left;
	width: calc(100% - 145px);
	padding: 13px 5px 5px 21px
}
.new .text .link:hover {
	opacity: .5;
}
.new .text .link {
	color: #232323;
	font-size: 16px;
	display: table;
	letter-spacing: .3px
}
.new .text p {
	color: #777777;
	font-size: 14px;
	font-family: "Lato";
	margin: 10px 0
}
.new .text .linkMore:hover {
	opacity: .5;
}
.new .text .linkMore {
	color: #478cd0;
	font-size: 14px;
	display: table
}
.menuButt {
	display: none
}
.newsBL {
	max-width: 670px;
	margin: 0 auto;
	padding: 19px 0 45px
}
.newsBL img {
	display: table;
	margin: 0 auto
}
.newsBL p + p {
	margin-top: 20px
}
.newsBL img + * {
	margin-top: 27px
}
.newsBL p + img {
	margin-top: 26px
}
.paymentsBL {
	padding-top: 18px
}
.paymentsBL p + .secTwo {
	margin-top: 27px
}
.paymentsBL .secThree {
	margin-top: 13px
}
.paymentsBL .secThree + * {
	margin-top: 6px
}
.feedback {
	max-width: 717px;
	padding: 35px 0 28px
}
.feedback .title {
	color: #478cd0;
	font-size: 20px;
	padding-bottom: 12px
}
.feedback .forma .inptBl + .inptBl {
	margin-top: 8px
}
.feedback .forma input {
	resize: none;
	outline: none;
	width: 100%;
	color: #000000;
	font-size: 16px;
	font-family: "Lato";
	padding: 0 22px;
	height: 50px;
	border: solid 1px #478cd0;
	background: transparent;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	-ms-border-radius: 5px;
	border-radius: 5px
}
.feedback .forma textarea {
	width: 100%;
	resize: none;
	outline: none;
	color: #000000;
	font-size: 16px;
	font-family: "Lato";
	padding: 14px 22px;
	height: 120px;
	border: solid 1px #478cd0;
	background: transparent;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	-ms-border-radius: 5px;
	border-radius: 5px
}
.feedback .forma .btn {
	margin-top: 4px
}
.orderWrap {
	padding-left: 50px;
	padding-bottom: 46px
}
.orderBl {
	max-width: 717px;
	padding-top: 23px;
	padding-bottom: 30px
}
.orderBl .item {
	width: 100%
}
.orderBl .item + .item {
	margin-top: 77px
}
.orderBl .item .icon:before {
	content: "";
	position: absolute;
	top: 100%;
	left: 53px;
	background-image: url(../img/arroworder.png);
	width: 2px;
	height: 67px;
	z-index: -1;
	background-repeat: no-repeat;
	margin-top: 19px
}
.orderBl .item:last-child .icon:before {
	display: none
}
.orderBl .item .icon {
	position: relative;
	width: 90px;
	height: 90px;
	background-repeat: no-repeat;
	background-position: center;
	float: left;
	z-index: 2
}
.orderBl .item .textBl {
	float: left;
	width: calc(100% - 90px);
	padding: 16px 0 0 33px
}
.orderBl .item .title {
	color: #232323;
	font-size: 16px;
	letter-spacing: .3px;
	padding-bottom: 9px
}
.orderBl .item .text {
	color: #232323;
	font-size: 14px;
	font-family: "Lato";
	padding-right: 50px
}
.delivery {
	padding: 18px 0 40px
}
.delivery span {
	display: block;
	font-size: 16px;
	color: #1f1f1f
}
.delivery span + span {
	margin-top: 24px
}
.delivery span + p {
	margin-top: 23px
}
.delivery p {
	font-size: 16px
}
.delivery ul {
	padding: 30px 0
}
.delivery .in {
	background-position: left center;
	background-repeat: no-repeat;
	padding: 35px 0 35px 100px
}
.delivery li + li {
	margin-top: 0
}
.delivery li .tit {
	font-size: 17px;
	font-weight: 400
}
.delivery li p {
	font-size: 16px
}
.delivery li p b {
	font-weight: 700
}
.sizeBlAll .list {
	margin: -10px -15px;
	padding: 23px 0 37px
}
.sizeBlAll .item {
	float: left;
	width: 50%;
	padding: 10px 15px
}
.sizeBl {
	overflow: hidden;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	-ms-border-radius: 5px;
	border-radius: 5px;
	-webkit-box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.1);
	-moz-box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.1);
	box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.1)
}
.sizeBl .imageGain {
	min-height: 300px
}
.sizeBl .info {
	padding-top: 11px
}
.sizeBl .name {
	font-size: 20px;
	color: #1f1f1f;
	padding: 0 23px
}
.sizeBl .charact table {
	width: 100%;
	border-collapse: collapse;
	font-size: 16px;
	font-family: "Lato"
}
.sizeBl .charact tr td {
	border-bottom: solid 1px #d8d8d8;
	padding: 0 20px;
	height: 47px
}
.sizeBl .charact tr td:nth-child(2) {
	text-align: right;
    font-size: 95%;
    width: 30%;
}
.sizeBl .charact tr:last-child td {
	border-bottom: 0
}
.imageGain {
	position: relative;
	background-color: #dadada;
	background-repeat: no-repeat;
	background-position: center;
	width: 100%
}
.imageGain .loupe:hover {
	opacity: .5
}
.imageGain .loupe {
	cursor: pointer;
	position: absolute;
	left: 13px;
	top: 10px;
	background-image: url(../img/loupe.png);
	width: 48px;
	height: 48px;
	background-repeat: no-repeat
}
.contactsBlock .textBLock {
	padding-top: 21px
}
.contactsMapBl {
	padding-top: 46px
}
#map {
	width: 467px;
	height: 360px;
	float: left
}
.contactsMapBl .feedback {
	float: right;
	width: 373px;
	max-width: inherit;
	padding: 0
}
.aboutMain {
	padding: 25px 0 75px
}
.aboutTopText .pic {
	display: inline-block;
	vertical-align: middle;
	background-repeat: no-repeat;
	background-position: center;
	background-size: cover;
	width: 275px;
	height: 235px
}
.aboutTopText .txt {
	display: inline-block;
	vertical-align: middle;
	width: calc(100% - 280px);
	padding-left: 11px
}
.aboutTopText .title {
	font-size: 20px;
	color: #1f1f1f
}
.aboutTopText .text {
	font-size: 16px;
	font-family: "Lato";
	color: #1f1f1f;
	padding-top: 20px
}
.principles {
	padding: 34px 0;
	min-height: 273px
}
.titleBl .title {
	font-size: 20px;
	color: #1f1f1f
}
.principles .list {
	margin: 0 -5px;
	padding-top: 33px
}
.principles .item {
	float: left;
	width: calc(100% / 5);
	padding: 0 5px
}
.principles .item .in {
	position: relative;
	left: 0;
	z-index: 5;
	display: table;
	width: 100%;
	height: 148px;
	background-color: #ffffff;
	-webkit-box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.1);
	-moz-box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.1);
	box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.1);
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	-ms-border-radius: 10px;
	border-radius: 10px;
	-webkit-transition: all .5s;
	-moz-transition: all .5s;
	-o-transition: all .5s;
	transition: all .5s
}
.principles .item .icon {
	width: 46px;
	height: 45px;
	background-position: center;
	background-repeat: no-repeat;
	background-size: contain;
	margin: 0 auto
}
.principles .item .txt {
	padding-top: 15px
}
.principles .item .txt .name {
	color: #000000;
	font-size: 16px;
	display: block;
	text-align: center
}
.principles .in:hover {
	background-color: #478cd0;
	transform: scale(1.4, 1.4);
	z-index: 6
}
.principles .in:hover .icon {
	width: 35px;
	height: 35px
}
.principles .in:hover .txt {
	padding-top: 5px
}
.principles .in:hover .txt .text {
	display: block
}
.principles .in:hover .name {
	font-size: 12px;
	color: #ffffff
}
.principles .item .txt .text {
	display: none;
	font-size: 9px;
	color: #ffffff;
	font-family: "Lato";
	text-align: center;
	padding: 6px 13px
}
.tableCell {
	display: table-cell;
	vertical-align: middle
}
.advanteges {
	position: relative;
	z-index: 2;
	margin-top: 21px;
	padding: 21px 0 55px
}
.advanteges:before {
	content: "";
	position: absolute;
	left: -32px;
	top: 0;
	width: 200%;
	height: 100%;
	background-image: url(../img/bgadvanteges.jpg);
	background-repeat: no-repeat;
	background-size: cover;
	z-index: -1
}
.advanteges .titleBl {
	padding-bottom: 25px
}
.advanteges .list {
	margin: -30px 0
}
.advanteges .list .item {
	float: left;
	width: calc(100% / 3);
	padding: 30px 65px 0 0
}
.advantBl {
	cursor: pointer
}
.advantBl .icon {
	width: 89px;
	height: 84px;
	background-repeat: no-repeat;
	-moz-background-size: contain
}
.advantBl .txt .name {
	color: #000000;
	font-size: 16px;
	padding: 17px 0
}
.advantBl .txt .text {
	color: #ffffff;
	font-size: 13px;
	font-family: "Lato";
	font-weight: 300
}
.aboutMain .textBLock {
	padding: 27px 0
}
.advanteges .list .item:nth-child(3n+1) {
	clear: both
}
.productMain {
	padding: 23px 0
}
.product {
	overflow: hidden;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	-ms-border-radius: 5px;
	border-radius: 5px;
	-webkit-box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.1);
	-moz-box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.1);
	box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.1)
}
.prewProduct {
	float: left;
	width: 361px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	overflow: hidden;
	-ms-border-radius: 5px;
	border-radius: 5px
}
.prewProduct .picture .imageGain {
	height: 300px
}
.prewProduct .btns {
	padding-top: 6px;
	padding-left: 16px
}
.listPic {
	margin: 0 -2px;
	overflow: hidden;
	min-height: 350px
}
.listPic .item {
	float: left;
	width: calc(100% / 4);
	padding: 4px;
	position: relative
}
.listPic .item .video.active,
.listPic .item .pic.active {
	border: solid 2px #478cd0
}
.listPic .item .pic {
	background-color: #f4f4f4;
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
	height: 80px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	overflow: hidden;
	-ms-border-radius: 5px;
	border-radius: 5px;
	width: 100%;
	cursor: pointer
}
.listPic .item .video {
	display: block;
	background-color: #f4f4f4;
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
	height: 80px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	overflow: hidden;
	-ms-border-radius: 5px;
	border-radius: 5px;
	width: 100%;
	position: relative;
	cursor: pointer
}
.listPic .item .play {
	position: absolute;
	left: 0;
	top: 0;
	bottom: 0;
	right: 0;
	margin: auto;
	background-position: center;
	background-repeat: no-repeat;
	background-image: url(../img/play.png);
	width: 45px;
	height: 44px;
}
.textProduct {
	float: right;
	width: calc(100% - 380px);
	border-left: solid 1px #d8d8d8
}
.textProduct .title {
	padding: 12px 16px 28px;
	border-bottom: solid 1px #d8d8d8
}
.textProduct .title .name {
	color: #1f1f1f;
	font-size: 20px
}
.textProduct .title .text {
	font-size: 14px;
	/*color: #949494;*/
	font-weight: 300;
	font-family: "Lato";
	margin-top: 28px
}
.infoProduct .title {
	font-size: 18px;
	color: #1f1f1f;
	padding: 17px 16px;
	border: 0
}
.listInfo {
	padding: 0 16px;
	overflow: hidden
}
.listInfo .item + .item {
	margin-top: 22px
}
.variants {
	padding-top: 17px;
	overflow: hidden;
	margin-left: -12px;
	margin-right: -12px
}
.variants li {
	float: left;
	width: calc(100% / 4);
	background-position: top center;
	background-repeat: no-repeat;
	text-align: center;
	padding: 96px 5px 0
}
.sizeProduct {
	padding-top: 14px;
	margin: 0 -6px;
	overflow: hidden
}
.sizeProduct li {
	float: left;
	padding: 0 6px;
	width: calc(100% / 4);
}
.sizeProduct img {
	display: block;
	margin: auto;
}
.listUse {
	padding-top: 12px;
	max-width: 440px
}
.listUse .use {
	color: #ffffff;
	font-size: 14px;
	font-family: "Lato";
	display: inline-block;
	vertical-align: middle;
	background-color: #8fbeec;
	padding: 3px 9px;
	margin-right: 5px;
	margin-bottom: 9px
}
.infoProduct table {
	border-collapse: collapse;
	width: 100%;
	font-size: 16px;
	font-family: "Lato";
	color: #1f1f1f;
	margin-top: 7px
}
.infoProduct table td {
	padding: 13px 16px
}
.infoProduct table tr td:nth-child(2) {
	text-align: right
}
.infoProduct table tr:nth-child(2n-1) td {
	background-color: #f4f4f4
}
.productMain .original {
	padding: 49px 0 0
}
.productMain .original .secTwo {
	text-align: left
}
.productMain .original .listOriginal {
	padding: 28px 15px 15px
}
.productMain .original .item {
	width: calc(100% / 5);
	float: left;
	margin-bottom: 25px
}
.productMain .original .item + .item {
	margin-top: 0
}
.productMain .original .item .image {
	display: block;
	margin: 0 auto
}
.productMain .original .item .text {
	display: block;
	text-align: center;
	width: 100%;
	color: #232323;
	font-size: 14px;
	padding: 10px 0 0
}
.productMain .original .textBLock p {
	color: #949494;
	font-weight: 300;
	margin-top: 29px
}
.slider {
	width: 740px;
	margin: 0 auto;
	position: relative;
	height: 480px;
}
.slider .owl-nav {
	display: block !important;
}
.owl-prev {
	position: absolute;
	top: 50%;
	left: -55px;
}
.owl-prev.disabled,
.owl-next.disabled {
	display: none;
}
.owl-prev span,
.owl-next span {
	width: 34px;
	height: 63px;
	display: block;
	background-repeat: no-repeat;
}
.owl-prev span {
	background-position: left center;
}
.owl-next span {
	background-position: right center;
}
.owl-next {
	position: absolute;
	top: 50%;
	right: -55px;
}
.slider .item {
	display: table;
	width: 100%;
	height: 370px;
	-webkit-transition: all .4s;
	-moz-transition: all .4s;
	-o-transition: all .4s;
	transition: all .4s
}
/* .slider .owl-item.center .item {
	margin-top: 48px;
} */
.slider .owl-item.center .item .pic {
	height: 250px;
	/* background-size:  cover; */
}
.slider .owl-item.center .item .text,
.slider .owl-item.center .item .btn {
	display: block;
}
.slider .owl-item.center .item .title {
	font-size: 18px;
}
.slider .in {
	display: table-cell;
	vertical-align: middle;
}
.slider .pic {
	position: relative;
	background-position: center;
	background-repeat: no-repeat;
	width: 100%;
	height: 150px;
	background-size: contain;
	-webkit-transition: all .5s;
	-moz-transition: all .5s;
	-o-transition: all .5s;
	transition: all .5s
}
.slider .title {
	color: #ffffff;
	font-size: 15px;
	text-align: center
}
.slider .text {
	display: none;
	font-size: 12px;
	color: #ffffff;
	font-weight: 300;
	margin: 0 auto;
	text-align: center;
	padding: 15px 0;
}
.slider .btn {
	display: none;
	font-size: 14px;
	min-width: inherit;
	max-width: 180px;
	margin: 0 auto;
}
.slider_use:before {
	content: "";
	position: absolute;
    right: 0;
    bottom: 0;
	/* left: 50%; */
	/* top: 50%; */
	background-image: url(../img/slideyk.png);
	width: 120px;
	height: 120px;
	background-repeat: no-repeat;
	background-size: cover;
	z-index: 3;
	/* -webkit-transform: translate(-50%, -50%); */
	/* transform: translate(-50%, -50%); */
	pointer-events: none;
}
.priceBlAll .item + .item {
	margin-top: 22px;
}
.priceBlAll .item {
	width: 100%;
	padding: 0;
}
.priceBl {
	display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.priceBl .imageGain {
	float: right;
	width: calc(100% - 530px);
	min-height: 270px;
}
.tlk{
    background: white;
    display: block;
    margin-left: auto;
    margin-right: auto;
    padding: 25px;
}
.priceBl .info {
	float: left;
	width: 530px;
}
.priceBl .charact {
}
.priceBl .charact table {
	font-size: 14px;
}
.priceBl .charact table td {
	border-bottom: 0;
}
.priceBl .charact tr td {
	height: 30px;
}
.priceBl .name {
	padding: 0 18px 7px;
}
.priceBl .variants {
	padding: 0;
	margin: 0;
	margin-bottom: -1px;
	border-top: solid 1px #d8d8d8;
}
.priceBl .variants li {
	border-right: solid 1px #d8d8d8;
	border-bottom: solid 1px #d8d8d8;
	padding-bottom: 14px;
	background-size: 64px;
	background-position: center 8px;
	padding-top: 71px;
}
.priceBl .variants li span {
	font-size: 12px;
	display: block;
	margin: 0 auto;
	text-align: center;
	min-height: 30px;
}
.priceBl .variants li p {
	font-size: 18px;
	color: #1f1f1f;
}
@media (min-width: 1200px) {
	footer {
		margin-left: 278px;
	}
	footer > .container {
		width: 100%;
	}
}
@media (max-width: 1199px) {
	header {
		left: 0;
		width: 100%;
	}
	.container {
		width: 992px
	}
	.wrapMenuLeft {
		left: -100%;
	}
	.wrapMenuLeft.open {
		left: 0;
		float: none;
		z-index: 15
	}
	.wrapper {
		width: 100%
	}
	.sliderBlock {
		padding: 25px 0 50px;
	}
	.sliderBlock .title .secOne {
		margin-bottom: 10px
	}
	.secOne {
		font-size: 34px
	}
	.indexPage .original {
		width: 100%
	}
	.original {
		padding: 30px 0
	}
	.listOriginal {
		padding: 45px 0 50px
	}
	.listOriginal .ItemCenter {
		left: inherit;
		top: inherit;
	}
	.listOriginal .in {
		max-width: inherit;
		margin: 0 auto
	}
	.menuButt {
		display: block;
		outline: none;
		cursor: pointer;
		position: fixed;
		border: 0;
		z-index: 20;
		width: 55px;
		height: 55px;
		-webkit-transition: transform .3s;
		-moz-transition: transform .3s;
		-o-transition: transform .3s;
		transition: transform .3s;
		bottom: 10px;
		right: 15px;
		background-color: #22476f;
		-webkit-border-radius: 50%;
		-moz-border-radius: 50%;
		-ms-border-radius: 50%;
		border-radius: 50%;
		padding: 0 15px
	}
	.menuButt span {
		display: block;
		width: 100%;
		height: 2px;
		background-color: #ffffff;
		-webkit-transition: transform .3s;
		-moz-transition: transform .3s;
		-o-transition: transform .3s;
		transition: transform .3s;
		margin: 0 auto
	}
	.menuButt span + span {
		margin-top: 3px
	}
	.selected span:nth-child(1) {
		-moz-transform: rotate(45deg);
		-ms-transform: rotate(45deg);
		-webkit-transform: rotate(45deg);
		-o-transform: rotate(45deg);
		transform: rotate(45deg);
		margin-top: 0
	}
	.menuButt.selected span:nth-child(2) {
		opacity: 0
	}
	.menuButt.selected span:nth-child(3) {
		margin-top: -7px;
		-moz-transform: rotate(-45deg);
		-ms-transform: rotate(-45deg);
		-webkit-transform: rotate(-45deg);
		-o-transform: rotate(-45deg);
		transform: rotate(-45deg)
	}
	.wrapMenuLeft .wr:before {
		opacity: 1;
		height: 100%;
		background-color: #ffffff;
		width: 100%;
		background-position: center
	}
	.content {
		padding-left: 0
	}
	.contactsMapBl {
		padding-top: 25px
	}
	.contactsMapBl .feedback {
		width: 465px
	}
	.aboutMain {
		padding: 25px 0 15px
	}
	.principles .item .in {
		height: 220px
	}
	.principles .item .txt {
		display: block;
		padding-bottom: 15px
	}
	.principles .item .txt .text {
		display: block;
		color: #000000;
		font-size: 12px;
		padding: 5px 0
	}
	.principles .in:hover {
		background-color: #ffffff;
		transform: scale(1.0, 1.0)
	}
	.principles .in:hover .icon {
		width: 46px;
		height: 45px
	}
	.principles .in:hover .txt .name {
		color: #000000;
		font-size: 16px
	}
	.principles .in:hover .txt {
		padding-top: 15px
	}
	
}
@media (max-width: 991px) {
	.container {
		width: 768px
	}
	header {
		display: block;
	}
	.btnBlue {
		min-width: 170px
	}
	header .btnBl .btn {
		margin: 20px auto 0
	}
	.sliderBlock {
		padding: 20px 0 40px;
	}
	.owl-prev {
		left: 0;
	}
	.owl-next {
		right: 0;
	}
	.secOne {
		font-size: 30px
	}
	.listOriginal {
		position: relative;
		padding: 35px 80px;
		margin-bottom: 80px
	}
	.textBLock {
		padding-top: 10px
	}
	.listOriginal .ItemCenter .pic {
		display: none
	}
	.listNews {
		padding: 15px 0
	}
	.feedback {
		padding: 25px 0 15px
	}
	.feedback .title {
		font-size: 18px;
		padding-bottom: 5px
	}
	.feedback .forma input {
		height: 45px
	}
	.feedback .forma textarea {
		height: 110px
	}
	.paymentsBL p + .secTwo {
		margin-top: 15px
	}
	.paymentsBL .secThree {
		margin-top: 5px
	}
	.paymentsBL p + p {
		margin-top: 10px
	}
	.orderWrap {
		padding-left: 0;
		padding-bottom: 25px
	}
	.orderBl {
		padding-top: 20px;
		padding-bottom: 25px
	}
	.orderBl .item + .item {
		margin-top: 45px
	}
	.orderBl .item .icon:before {
		height: 46px;
		margin-top: 17px
	}
	.delivery .in {
		background-position: left center;
		background-repeat: no-repeat;
		padding: 25px 0 25px 84px
	}
	.sizeBlAll .list {
		padding: 15px 0 25px;
		margin: -10px
	}
	.sizeBlAll .item {
		padding: 10px
	}
	.sizeBl .imageGain {
		min-height: 250px
	}
	.sizeBl .name {
		padding: 0 10px;
		font-size: 18px
	}
	.sizeBl .charact table {
		font-size: 15px
	}
	.sizeBl .charact tr td {
		padding: 0 12px
	}
	.contactsBlock .textBLock {
		padding: 15px 0
	}
	.contactsMapBl {
		padding-top: 0
	}
	#map {
		width: 100%;
		float: none
	}
	.contactsMapBl .feedback {
		width: 100%;
		float: none;
		max-width: 717px;
		margin: 0 auto;
		padding: 15px 0
	}
	.aboutTopText .pic {
		width: 250px;
		height: 200px
	}
	.aboutTopText .txt {
		width: calc(100% - 265px)
	}
	.aboutTopText .title {
		font-size: 18px
	}
	.aboutTopText .text {
		font-size: 14px;
		padding-top: 10px
	}
	.principles {
		padding: 25px 0
	}
	.principles .list {
		padding-top: 25px;
		margin: 0 -2px
	}
	.principles .item {
		padding: 0 2px
	}
	.principles .item .txt .name {
		font-size: 14px !important
	}
	.advanteges {
		margin-top: 10px;
		padding: 15px 0 35px
	}
	.advanteges .list {
		margin: -15px 0
	}
	.advanteges .list .item {
		padding: 20px 30px 0 0
	}
	.aboutMain .textBLock {
		padding: 15px 0 0
	}
	.titleBl .title {
		font-size: 18px
	}
	.prewProduct {
		width: 280px
	}
	.prewProduct .picture .imageGain {
		height: 240px
	}
	.prewProduct .btns {
		padding-top: 15px
	}
	.listPic {
		min-height: 277px
	}
	.listPic .item .pic {
		height: 60px
	}
	.listPic .item .video {
		height: 60px
	}
	.textProduct {
		width: calc(100% - 290px)
	}
	.listInfo .item + .item {
		margin-top: 15px
	}
	.variants li {
		font-size: 14px
	}
	.productMain {
		padding: 15px 0
	}
	.productMain .original {
		padding: 25px 0 15px
	}
	.productMain .original .listOriginal {
		margin-bottom: -15px;
		padding: 28px 0 15px
	}
	.productMain .original .textBLock {
		padding-top: 0
	}
	.priceBl .info {
		width: 50%;
	}
	.priceBl .imageGain {
		width: 50%;
		min-height: 231px;
	}
	.priceBlAll .item + .item {
		margin-top: 0px;
	}
}
@media (max-width: 767px) {
	.wrapAll {
		padding-bottom: 40px;
	}
	.container {
		width: 100%
	}
	.slider {
		width: 100%;
		height: 100%;
	}
	.slider .text {
		padding: 10px 0;
		max-width: 320px;
	}
	.slider:before {
		left: calc(50% - 61px);
	}
	.slider .owl-next span {
	    background-position: 5px center;
	}
	.slider .owl-prev span {
	    background-position: 15px center;
	}
	.menu {
		padding-left: 30px
	}
	.btn {
		line-height: 40px
	}
	header .btnBl .btn {
		margin: 25px auto 0
	}
	.sliderBlock {
		padding: 15px 0 0;
	}
	.secOne {
		font-size: 24px
	}
	.indexPage .original {
		padding: 15px 0
	}
	.listOriginal {
		padding: 25px 0 15px;
		display: table;
		width: 100%;
		max-width: 510px;
		margin: 0 auto;
		margin-bottom: 60px
	}
	.listOriginal .item {
		margin-bottom: 15px
	}
	.listOriginal .item + .item {
		margin-top: 0
	}
	.listOriginal .in .image {
		height: 65px;
		background-size: contain
	}
	.listOriginal .in .text {
		padding-left: 5px;
		font-size: 14px
	}
	.textBlockPadding {
		padding: 0 15px
	}
	.btnArrow {
		padding-right: 0
	}
	.btnArrow:before {
		right: 12px;
		top: 13px
	}
	.new .pic {
		display: inline-block;
		vertical-align: middle;
		float: none
	}
	.new .text {
		display: inline-block;
		vertical-align: middle;
		float: none;
		width: calc(100% - 155px)
	}
	.newsBL {
		padding: 15px 0 25px
	}
	.newsBL img {
		max-width: 100%
	}
	.newsBL p + p {
		margin-top: 15px
	}
	.newsBL img + * {
		margin-top: 15px
	}
	.newsBL p + img {
		margin-top: 15px
	}
	.orderWrap {
		padding-bottom: 15px
	}
	.orderBl {
		padding: 15px 0 0
	}
	.orderBl .item + .item {
		margin-top: 15px
	}
	.orderBl .item .textBl {
		padding: 15px 0 0 15px
	}
	.orderBl .item .text {
		padding-right: 0
	}
	.orderBl .item .icon:before {
		display: none
	}
	.delivery {
		padding-bottom: 20px
	}
	.delivery span + span {
		margin-top: 10px
	}
	.delivery p {
		font-size: 14px
	}
	.delivery ul {
		padding: 15px 0
	}
	.delivery li p {
		font-size: 14px
	}
	.delivery span + p {
		margin-top: 15px
	}
	.delivery .in {
		padding: 20px 0 20px 84px
	}
	.sizeBlAll .list {
		margin: -5px
	}
	.sizeBlAll .item {
		padding: 5px
	}
	.sizeBl .name {
		padding: 0 7px
	}
	.sizeBl .charact table {
		font-size: 14px
	}
	.sizeBl .charact tr td {
		padding: 0 8px;
		height: 35px
	}
	.imageGain .loupe {
		left: 5px;
		top: 1px
	}
	#map {
		height: 300px
	}
	.aboutMain {
		padding: 15px 0
	}
	.aboutTopText .pic {
		display: block
	}
	.aboutTopText .txt {
		width: 100%;
		padding: 15px 0
	}
	.aboutTopText .title {
		font-size: 17px
	}
	.aboutTopText .text {
		padding-top: 5px
	}
	.principles {
		padding: 15px 0
	}
	.principles .list {
		padding-top: 15px;
		padding-bottom: 0
	}
	.principles .item {
		width: 100%;
		max-width: 400px;
		margin: 0 auto 15px;
		float: none
	}
	.principles .item .in {
		height: 160px
	}
	.advanteges .list .item {
		width: 50%
	}
	.advanteges .list .item:nth-child(3n+1) {
		clear: inherit
	}
	.advanteges .list .item:nth-child(2n+1) {
		clear: both
	}
	.prewProduct {
		width: 100%
	}
	.prewProduct .picture .imageGain {
		height: 260px
	}
	.prewProduct .btns {
		padding-left: 0;
		padding-top: 15px
	}
	.listPic {
		min-height: inherit
	}
	.textProduct {
		width: 100%
	}
	.productMain .original .item {
		width: calc(100% / 2)
	}
	.productMain .original .textBLock p {
		margin-top: 11px
	}
	.productMain .original .item:nth-child(2n+1) {
		clear: both
	}
	.slider:before {
		display: none;
	}
	.slider .center {
		margin-top: 15px;
	}
	.priceBl {
		-webkit-box-orient: vertical;
		  -webkit-box-direction: reverse;
		      -ms-flex-direction: column-reverse;
          flex-direction: column-reverse;
	}
	.priceBl .info {
		width: 100%;
		float: none;
	}
	.priceBl .imageGain {
		width: 100%;
		float: none;
	}
	.priceBl .variants li span {
		min-height: 40px;
	}
}
@media (max-width: 479px) {
	.menu {
		margin-top: 15px
	}
	.infoLeft {
		padding: 0;
		display: table;
		margin: 0 auto;
		padding-top: 15px;
		text-align: center;
		padding-bottom: 10px
	}
	.infoLeft a {
		text-align: center;
		display: table;
		margin: 0 auto;
		margin-bottom: 5px
	}
	.wrapMenuLeft .btnBl {
		padding: 0;
		display: table;
		margin: 0 auto
	}
	.btn {
		font-size: 15px
	}
	.socailLink {
		padding: 0;
		display: table;
		padding: 15px 0;
		margin: 0 auto
	}
	.menuTop li a {
		font-size: 14px
	}
	header .btnBl .btn {
		margin: 15px auto 0
	}
	.sliderBlock .title .secOne {
		margin-bottom: 5px
	}
	.secOne {
		font-size: 22px
	}
	.listOriginal {
		display: table;
		margin: 0 auto 55px;
		max-width: inherit;
		width: auto;
		padding: 25px 0 10px
	}
	.listOriginal .item {
		min-height: 120px;
		margin-bottom: 0
	}
	.listOriginal .in .image {
		display: table;
		margin: 0 auto;
	}
	.listOriginal .in .text {
		display: block;
		width: 100%;
		margin: 0 auto;
		padding-top: 10px;
		font-size: 13px;
		text-align: center
	}
	.textBlockPadding {
		padding: 0
	}
	.textBlockPadding .secTwo {
		margin-bottom: 10px
	}
	footer {
		padding: 15px 0
	}
	footer .copy {
		float: none;
		width: 100%;
		text-align: center;
		margin-bottom: 10px
	}
	footer .text {
		float: none;
		width: 100%;
		text-align: center
	}
	.secTwo {
		font-size: 18px
	}
	.listOriginal .left,
	.listOriginal .right {
		width: 50%
	}
	.wrapMenuLeft.open {
		width: 100%
	}
	.wrapMenuLeft .wr {
		padding: 15px 0;
		min-height: 660px
	}
	.titlePage .secOne {
		font-size: 22px
	}
	.listNews .item {
		margin: 0 auto;
		max-width: 380px
	}
	.new .pic {
		display: block;
		width: 100%
	}
	.new .text {
		display: block;
		width: 100%;
		padding: 15px
	}
	.newsBL {
		padding: 10px 0 20px
	}
	.feedback {
		padding: 15px 0
	}
	.feedback .title {
		font-size: 16px
	}
	.feedback .forma input {
		padding: 0 10px
	}
	.feedback .forma textarea {
		padding: 10px
	}
	.feedback .forma .btn {
		margin: 10px auto 0
	}
	.orderBl {
		padding: 15px 0
	}
	.orderBl .item + .item {
		margin-top: 20px
	}
	.orderBl .item .icon {
		display: table;
		margin: 0 auto;
		float: none
	}
	.orderBl .item .textBl {
		width: 100%;
		padding: 0;
		float: none
	}
	.delivery span {
		font-size: 15px
	}
	.sizeBlAll .list {
		margin: -10px -5px
	}
	.sizeBlAll .item {
		width: 100%;
		margin: 0 auto;
		max-width: 360px;
		padding: 10px 5px;
		float: none
	}
	.contactsBlock .textBLock {
		padding: 10px 0
	}
	#map {
		height: 250px
	}
	.aboutTopText .pic {
		width: 100%;
		max-width: 360px
	}
	.principles {
		padding: 10px 0
	}
	.advanteges {
		padding: 15px 0
	}
	.advanteges .list {
		margin: -15px 0
	}
	.advanteges .list .item {
		width: 100%;
		padding: 10px 0 20px
	}
	.advantBl .icon {
		margin: 0 auto
	}
	.advantBl .txt {
		text-align: center
	}
	.advantBl .txt .name {
		padding: 10px 0
	}
	.titleBl .title {
		display: block;
		text-align: center
	}
	.variants {
		margin: -15px;
		padding-top: 35px
	}
	.variants li {
		width: calc(100% / 2);
		margin-bottom: 15px
	}
	.sizeProduct li {
		width: calc(100% / 2);
	}
	.priceBl .variants li:nth-child(2n) {
		border-right: 0;
	}
	.priceBl .variants li {
		margin-bottom: 0;
	}
	.priceBl .variants li span {
		min-height: inherit;
	}
	.sizeBl .charact tr td {
		height: 25px;
	}
}