@font-face {
    font-family: "PT Sans";
    src: url("../fonts/pts55f.eot");
    src: url("../fonts/pts55f.eot#iefix") format("embedded-opentype"), 
    url("../fonts/pts55f.woff2") format('woff2'), 
    url("../fonts/pts55f.woff") format('woff'), 
    url("../images/pts55f.svg#PTSans") format('svg')
}



@font-face {
    font-family: PTN57F;
    src: url(../fonts/ptn57f.ttf)
}

@font-face {
    font-family: PTN77F;
    src: url(../fonts/ptn77f.ttf)
}

@font-face {
    font-family: PTS55F;
    src: url("../fonts/pts55f.ttf")
}

@font-face {
    font-family: PTS56F;
    src: url(../fonts/pts56f.ttf)
}

@font-face {
    font-family: PTS75F;
    src: url(../fonts/pts75f.ttf)
}

@font-face {
    font-family: PTS76F;
    src: url(../fonts/pts76f.ttf)
}

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
menu,
nav,
section,
summary {
    display: block
}

.btn,
.description__teaser__text,
.swiper-pagination,
.text-center {
    text-align: center
}

.swiper-container-android .swiper-slide,
.swiper-pagination,
.swiper-wrapper {
    transform: translate3d(0, 0, 0)
}

.btn,
.swiper-pagination-clickable .swiper-pagination-bullet,
button,
html input[type="button"],
input[type="button"],
input[type="checkbox"],
input[type="radio"],
input[type="reset"],
input[type="submit"],
label,
select {
    cursor: pointer
}

.clear,
.clearfix:after,
.container-fluid:after,
.container:after,
.controls-row:after,
.dl-horizontal:after,
.form-actions:after,
.modal-footer:after,
.nav-pills:after,
.nav-tabs:after,
.navbar-form:after,
.navbar-inner:after,
.pager:after,
.row-fluid:after,
.row:after,
.tabbable:after,
.thumbnails:after {
    clear: both
}

html {
    font-family: sans-serif
}

audio:not([controls]) {
    height: 0;
    display: none
}

a {
    background-color: transparent;
    color: #08c;
    text-decoration: none
}

svg:not(:root) {
    overflow: hidden
}

button,
input,
optgroup,
select,
textarea {
    color: inherit;
    font: inherit;
    margin: 0
}

button {
    overflow: visible
}

button,
select {
    text-transform: none
}

button::-moz-focus-inner,
input::-moz-focus-inner {
    padding: 0;
    border: 0
}

.clearfix:after,
.clearfix:before {
    line-height: 0
}

a:focus {
    outline: #333 dotted thin;
    outline-offset: -2px
}

a:active,
a:hover {
    outline: 0
}

img {
    height: auto;
    max-width: 100%;
    border: 0
}

button,
input,
select,
textarea {
    margin: 0;
    font-size: 100%;
    vertical-align: middle
}

body {
    margin: 0;
    font-family: Helvetica\ Neue, Helvetica, Arial, sans-serif;
    font-size: 14px;
    line-height: 20px;
    color: #333;
    background-color: #fff;
    overflow-x: hidden
}

a:focus,
a:hover {
    color: #005580;
    text-decoration: underline
}

.row:after,
.row:before {
    display: table;
    line-height: 0;
    content: ""
}

[class*="span"] {
    float: left;
    min-height: 1px;
    margin-left: 20px
}

.container,
.navbar-fixed-bottom .container,
.navbar-fixed-top .container,
.navbar-static-top .container {
    width: 940px
}

.description__teaser {
    background: #ffb200;
    padding: 20px 0;
    margin-bottom: 15px
}

.description__teaser__text {
    color: #fff;
    font-size: 19px;
    display: block;
    margin-bottom: 8px
}

.description__teaser__timer {
    display: block;
    color: #112029;
    text-align: center
}

.description__teaser__timer>span {
    width: 52px;
    height: 43px;
    line-height: 42px;
    letter-spacing: 14px;
    padding-left: 7px;
    display: inline-block;
    margin-right: 6px;
    font-size: 22px;
    background: url("../images/xdescription_timer_bg.png.pagespeed.ic.ohwqisyjl2.webp") no-repeat
}

.price-new--top,
.price-old--top {
    display: inline-block;
    vertical-align: top;
    width: 47%
}

.btn,
audio,
canvas,
iframe,
img,
svg,
video {
    vertical-align: middle
}

.price-old--top {
    color: #8b8b8b;
    margin-left: -5%;
    position: relative
}

form .price-new--top {
    color: #aed304;
    padding-top: 0
}

form p.price-text--top {
    font-size: 14px;
    line-height: 12px;
    font-family: RobotoRegularItalic, sans-serif;
    padding-top: 0;
    margin-bottom: 10px
}

form p.price-x--top {
    letter-spacing: -1px;
    font-size: 22px;
    line-height: 38px;
    font-family: RobotoBoldItalic, sans-serif;
    padding-top: 0;
    margin-bottom: 10px
}

.btn.submit-form {
    border: none;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    background: #ffd203;
    background: -moz-linear-gradient(top, #ffd203 0, #f5ae00 100%);
    background: -webkit-gradient(linear,
        left top,
        left bottom,
        color-stop(0, #ffd203),
        color-stop(100%, #f5ae00));
    background: -webkit-linear-gradient(top, #ffd203 0, #f5ae00 100%);
    background: -o-linear-gradient(top, #ffd203 0, #f5ae00 100%);
    background: -ms-linear-gradient(top, #ffd203 0, #f5ae00 100%);
    background: linear-gradient(to bottom, #ffd203 0, #f5ae00 100%);
    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#ffd203', endColorstr='#f5ae00', GradientType=0);
    color: #343639;
    text-transform: uppercase;
    padding: 10px 17px;
    display: block;
    margin: 5px auto 0;
    cursor: pointer;
    font-family: PT Sans, sans-serif;
    font-weight: 700;
    font-size: 18px;
    line-height: 27px
}

.btn.submit-form:hover {
    background: #f5ae00;
    background: -moz-linear-gradient(top, #f5ae00 0, #ffd203 100%);
    background: -webkit-gradient(linear,
        left top,
        left bottom,
        color-stop(0, #f5ae00),
        color-stop(100%, #ffd203));
    background: -webkit-linear-gradient(top, #f5ae00 0, #ffd203 100%);
    background: -o-linear-gradient(top, #f5ae00 0, #ffd203 100%);
    background: -ms-linear-gradient(top, #f5ae00 0, #ffd203 100%);
    background: linear-gradient(to bottom, #f5ae00 0, #ffd203 100%);
    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#f5ae00', endColorstr='#ffd203', GradientType=0)
}

.span12 {
    width: 940px
}

.span11 {
    width: 860px
}

.span9 {
    width: 700px
}

.span8 {
    width: 620px
}

.span6 {
    width: 460px
}

.span5 {
    width: 380px
}

.span4 {
    width: 300px
}

.span3 {
    width: 220px
}

.span1 {
    width: 60px
}

.row-fluid,
.row-fluid .span12 {
    width: 100%
}

.offset2 {
    margin-left: 180px
}

.row-fluid:after,
.row-fluid:before {
    display: table;
    line-height: 0;
    content: ""
}

.row-fluid [class*="span"] {
    display: block;
    float: left;
    width: 100%;
    min-height: 30px;
    margin-left: 2.12766%;
    box-sizing: border-box
}

.section2 .row-fluid [class*="span"].relative {
    top: 12em
}

.row-fluid [class*="span"]:first-child {
    margin-left: 0
}

.row-fluid .span11 {
    width: 91.4894%
}

.row-fluid .span9 {
    width: 74.4681%
}

.row-fluid .span8 {
    width: 65.9574%
}

.row-fluid .span6 {
    width: 48.9362%
}

.row-fluid .span5 {
    width: 40.4255%
}

.row-fluid .span4 {
    width: 31.9149%
}

.row-fluid .span3 {
    width: 23.4043%
}

.row-fluid .span1 {
    width: 6.38298%
}

.row-fluid .offset2 {
    margin-left: 19.1489%
}

.row-fluid .offset2:first-child {
    margin-left: 17.0213%
}

.container {
    margin-right: auto;
    margin-left: auto
}

.container:after,
.container:before {
    display: table;
    line-height: 0;
    content: ""
}

.container-fluid:after,
.container-fluid:before {
    display: table;
    line-height: 0;
    content: ""
}

p {
    margin: 0 0 10px
}

h1,
h2,
h3,
h4,
h5,
h6 {
    margin: 10px 0;
    font-family: inherit;
    font-weight: 700;
    line-height: 20px;
    color: inherit;
    text-rendering: optimizelegibility
}

h1,
h2,
h3 {
    line-height: 40px
}

h1 {
    font-size: 38.5px
}

h2 {
    font-size: 31.5px
}

ol,
ul {
    padding: 0;
    margin: 0 0 10px 25px
}

li {
    line-height: 20px
}

.dl-horizontal:after,
.dl-horizontal:before {
    display: table;
    line-height: 0;
    content: ""
}

blockquote small:before {
    content: "— "
}

blockquote.pull-right small:before {
    content: ""
}

blockquote.pull-right small:after {
    content: " —"
}

blockquote:after,
blockquote:before,
q:after,
q:before {
    content: ""
}

fieldset {
    border: 0
}

button,
input,
label,
select,
textarea {
    font-size: 14px;
    font-weight: 400;
    line-height: 20px
}

button,
input,
select,
textarea {
    font-family: Helvetica\ Neue, Helvetica, Arial, sans-serif
}

.uneditable-input,
input[type="color"],
input[type="date"],
input[type="datetime-local"],
input[type="datetime"],
input[type="email"],
input[type="month"],
input[type="number"],
input[type="password"],
input[type="search"],
input[type="tel"],
input[type="text"],
input[type="time"],
input[type="url"],
input[type="week"],
select,
textarea {
    display: inline-block;
    margin-bottom: 10px;
    line-height: 20px;
    color: #555;
    vertical-align: middle;
    border-radius: 4px
}

.controls-row:after,
.controls-row:before,
.form-actions:after,
.form-actions:before,
.form-horizontal .control-group:after,
.form-horizontal .control-group:before {
    display: table;
    line-height: 0;
    content: ""
}

.uneditable-input,
input,
select,
textarea {
    width: 206px;
    margin-left: 0
}

.uneditable-input,
input[type="color"],
input[type="date"],
input[type="datetime-local"],
input[type="datetime"],
input[type="email"],
input[type="month"],
input[type="number"],
input[type="password"],
input[type="search"],
input[type="tel"],
input[type="text"],
input[type="time"],
input[type="url"],
input[type="week"],
select,
textarea {
    box-shadow: 0 1px 1px rgba(0, 0, 0, .075) inset;
    transition: border .2s linear 0s, box-shadow .2s linear 0s
}

.uneditable-input:focus,
input[type="color"]:focus,
input[type="date"]:focus,
input[type="datetime-local"]:focus,
input[type="datetime"]:focus,
input[type="email"]:focus,
input[type="month"]:focus,
input[type="number"]:focus,
input[type="password"]:focus,
input[type="search"]:focus,
input[type="tel"]:focus,
input[type="text"]:focus,
input[type="time"]:focus,
input[type="url"]:focus,
input[type="week"]:focus,
textarea:focus {
    border-color: rgba(255, 178, 0, .8);
    outline: 0;
    box-shadow: 0 1px 1px rgba(0, 0, 0, .075) inset, 0 0 8px rgba(255, 178, 0, .6)
}

input:-moz-placeholder,
textarea:-moz-placeholder {
    color: #999
}

input:focus:invalid,
select:focus:invalid,
textarea:focus:invalid {
    color: #b94a48;
    border-color: #ee5f5b
}

input:focus:invalid:focus,
select:focus:invalid:focus,
textarea:focus:invalid:focus {
    border-color: #e9322d;
    box-shadow: 0 0 6px #f8b9b7
}

.form-horizontal .control-group:after {
    clear: both
}

.table-striped tbody>tr:nth-child(2n + 1)>td,
.table-striped tbody>tr:nth-child(2n + 1)>th {
    background-color: #f9f9f9
}

.dropdown-submenu>a:after {
    display: block;
    float: right;
    width: 0;
    height: 0;
    margin-top: 5px;
    margin-right: -10px;
    border-color: transparent transparent transparent #ccc;
    border-style: solid;
    border-width: 5px 0 5px 5px;
    content: " "
}

.dropdown-submenu:hover>a:after {
    border-left-color: #fff
}

.btn {
    display: inline-block;
    margin-bottom: 0;
    line-height: 20px;
    text-shadow: 0 1px 1px rgba(255, 255, 255, .75);
    background-color: #f5f5f5;
    background-image: linear-gradient(to bottom, #fff, #e6e6e6);
    background-repeat: repeat-x;
    -moz-border-top-colors: none;
    -moz-border-right-colors: none;
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    border-image: none;
    box-shadow: 0 1px 0 rgba(255, 255, 255, .2) inset, 0 1px 2px rgba(0, 0, 0, .05)
}

.nav-pills:after,
.nav-pills:before,
.nav-tabs:after,
.nav-tabs:before,
.navbar-form:after,
.navbar-form:before,
.navbar-inner:after,
.navbar-inner:before,
.tabbable:after,
.tabbable:before {
    display: table;
    line-height: 0;
    content: ""
}

.btn:focus,
.btn:hover {
    text-decoration: none;
    background-position: 0 -15px;
    transition: background-position .1s linear 0s
}

.btn:focus {
    outline: #333 dotted thin;
    outline-offset: -2px
}

.btn.active,
.btn:active {
    background-image: none;
    outline: 0;
    box-shadow: 0 2px 4px rgba(0, 0, 0, .15) inset, 0 1px 2px rgba(0, 0, 0, .05)
}

button.btn::-moz-focus-inner,
input.btn[type="submit"]::-moz-focus-inner {
    padding: 0;
    border: 0
}

.navbar .nav>li>.dropdown-menu:before {
    position: absolute;
    top: -7px;
    left: 9px;
    display: inline-block;
    border-right: 7px solid transparent;
    border-bottom: 7px solid rgba(0, 0, 0, .2);
    border-left: 7px solid transparent;
    content: ""
}

.navbar .nav>li>.dropdown-menu:after {
    position: absolute;
    top: -6px;
    left: 10px;
    display: inline-block;
    border-right: 6px solid transparent;
    border-bottom: 6px solid #fff;
    border-left: 6px solid transparent;
    content: ""
}

.modal-footer:after,
.modal-footer:before,
.pager:after,
.pager:before {
    display: table;
    line-height: 0;
    content: ""
}

.navbar-fixed-bottom .nav>li>.dropdown-menu:before {
    top: auto;
    bottom: -7px;
    border-top: 7px solid rgba(0, 0, 0, .2);
    border-bottom: 0 none
}

.navbar-fixed-bottom .nav>li>.dropdown-menu:after {
    top: auto;
    bottom: -6px;
    border-top: 6px solid #fff;
    border-bottom: 0 none
}

.navbar .nav>li>.dropdown-menu.pull-right:before,
.navbar .pull-right>li>.dropdown-menu:before {
    right: 12px;
    left: auto
}

.navbar .nav>li>.dropdown-menu.pull-right:after,
.navbar .pull-right>li>.dropdown-menu:after {
    right: 13px;
    left: auto
}

.popover .arrow,
.popover .arrow:after {
    position: absolute;
    display: block;
    width: 0;
    height: 0;
    border-color: transparent;
    border-style: solid
}

.swiper-slide,
.swiper-wrapper {
    position: relative;
    height: 100%
}

.popover .arrow:after {
    border-width: 10px;
    content: ""
}

.popover.top .arrow:after {
    bottom: 1px;
    margin-left: -10px;
    border-top-color: #fff;
    border-bottom-width: 0
}

.popover.right .arrow:after {
    bottom: -10px;
    left: 1px;
    border-right-color: #fff;
    border-left-width: 0
}

.popover.bottom .arrow:after {
    top: 1px;
    margin-left: -10px;
    border-bottom-color: #fff;
    border-top-width: 0
}

.popover.left .arrow:after {
    right: 1px;
    bottom: -10px;
    border-left-color: #fff;
    border-right-width: 0
}

.thumbnails:after,
.thumbnails:before {
    display: table;
    line-height: 0;
    content: ""
}

.swiper-container {
    margin: 0 auto;
    position: relative;
    overflow: hidden;
    z-index: 1
}

.swiper-wrapper {
    width: 100%;
    z-index: 1;
    display: flex;
    transition-property: transform;
    box-sizing: content-box
}

.swiper-slide {
    flex-shrink: 0
}

.swiper-pagination {
    position: absolute;
    transition: all .3s ease 0s;
    z-index: 10
}

.swiper-container-horizontal>.swiper-pagination-bullets,
.swiper-pagination-custom,
.swiper-pagination-fraction {
    bottom: 10px;
    left: 0;
    width: 100%
}

.swiper-lazy-preloader:after {
    display: block;
    content: "";
    width: 100%;
    height: 100%;
    background-image: url(data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox%3D\'0%200%20120%20120\'%20xmlns%3D\'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg\'%20xmlns%3Axlink%3D\'http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink\'%3E%3Cdefs%3E%3Cline%20id%3D\'l\'%20x1%3D\'60\'%20x2%3D\'60\'%20y1%3D\'7\'%20y2%3D\'27\'%20stroke%3D\'%236c6c6c\'%20stroke-width%3D\'11\'%20stroke-linecap%3D\'round\'%2F%3E%3C%2Fdefs%3E%3Cg%3E%3Cuse%20xlink%3Ahref%3D\'%23l\'%20opacity%3D\'.27\'%2F%3E%3Cuse%20xlink%3Ahref%3D\'%23l\'%20opacity%3D\'.27\'%20transform%3D\'rotate\(30%2060%2C60\)\'%2F%3E%3Cuse%20xlink%3Ahref%3D\'%23l\'%20opacity%3D\'.27\'%20transform%3D\'rotate\(60%2060%2C60\)\'%2F%3E%3Cuse%20xlink%3Ahref%3D\'%23l\'%20opacity%3D\'.27\'%20transform%3D\'rotate\(90%2060%2C60\)\'%2F%3E%3Cuse%20xlink%3Ahref%3D\'%23l\'%20opacity%3D\'.27\'%20transform%3D\'rotate\(120%2060%2C60\)\'%2F%3E%3Cuse%20xlink%3Ahref%3D\'%23l\'%20opacity%3D\'.27\'%20transform%3D\'rotate\(150%2060%2C60\)\'%2F%3E%3Cuse%20xlink%3Ahref%3D\'%23l\'%20opacity%3D\'.37\'%20transform%3D\'rotate\(180%2060%2C60\)\'%2F%3E%3Cuse%20xlink%3Ahref%3D\'%23l\'%20opacity%3D\'.46\'%20transform%3D\'rotate\(210%2060%2C60\)\'%2F%3E%3Cuse%20xlink%3Ahref%3D\'%23l\'%20opacity%3D\'.56\'%20transform%3D\'rotate\(240%2060%2C60\)\'%2F%3E%3Cuse%20xlink%3Ahref%3D\'%23l\'%20opacity%3D\'.66\'%20transform%3D\'rotate\(270%2060%2C60\)\'%2F%3E%3Cuse%20xlink%3Ahref%3D\'%23l\'%20opacity%3D\'.75\'%20transform%3D\'rotate\(300%2060%2C60\)\'%2F%3E%3Cuse%20xlink%3Ahref%3D\'%23l\'%20opacity%3D\'.85\'%20transform%3D\'rotate\(330%2060%2C60\)\'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E);
    background-position: 50% center;
    background-size: 100% auto;
    background-repeat: no-repeat
}

.mobile,
.swiper-container {
    display: none
}

.swiper-lazy-preloader-white:after {
    background-image: url(data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox%3D\'0%200%20120%20120\'%20xmlns%3D\'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg\'%20xmlns%3Axlink%3D\'http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink\'%3E%3Cdefs%3E%3Cline%20id%3D\'l\'%20x1%3D\'60\'%20x2%3D\'60\'%20y1%3D\'7\'%20y2%3D\'27\'%20stroke%3D\'%23fff\'%20stroke-width%3D\'11\'%20stroke-linecap%3D\'round\'%2F%3E%3C%2Fdefs%3E%3Cg%3E%3Cuse%20xlink%3Ahref%3D\'%23l\'%20opacity%3D\'.27\'%2F%3E%3Cuse%20xlink%3Ahref%3D\'%23l\'%20opacity%3D\'.27\'%20transform%3D\'rotate\(30%2060%2C60\)\'%2F%3E%3Cuse%20xlink%3Ahref%3D\'%23l\'%20opacity%3D\'.27\'%20transform%3D\'rotate\(60%2060%2C60\)\'%2F%3E%3Cuse%20xlink%3Ahref%3D\'%23l\'%20opacity%3D\'.27\'%20transform%3D\'rotate\(90%2060%2C60\)\'%2F%3E%3Cuse%20xlink%3Ahref%3D\'%23l\'%20opacity%3D\'.27\'%20transform%3D\'rotate\(120%2060%2C60\)\'%2F%3E%3Cuse%20xlink%3Ahref%3D\'%23l\'%20opacity%3D\'.27\'%20transform%3D\'rotate\(150%2060%2C60\)\'%2F%3E%3Cuse%20xlink%3Ahref%3D\'%23l\'%20opacity%3D\'.37\'%20transform%3D\'rotate\(180%2060%2C60\)\'%2F%3E%3Cuse%20xlink%3Ahref%3D\'%23l\'%20opacity%3D\'.46\'%20transform%3D\'rotate\(210%2060%2C60\)\'%2F%3E%3Cuse%20xlink%3Ahref%3D\'%23l\'%20opacity%3D\'.56\'%20transform%3D\'rotate\(240%2060%2C60\)\'%2F%3E%3Cuse%20xlink%3Ahref%3D\'%23l\'%20opacity%3D\'.66\'%20transform%3D\'rotate\(270%2060%2C60\)\'%2F%3E%3Cuse%20xlink%3Ahref%3D\'%23l\'%20opacity%3D\'.75\'%20transform%3D\'rotate\(300%2060%2C60\)\'%2F%3E%3Cuse%20xlink%3Ahref%3D\'%23l\'%20opacity%3D\'.85\'%20transform%3D\'rotate\(330%2060%2C60\)\'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E)
}

html {
    color: #222;
    font-size: 1em;
    line-height: 1.4
}

::-moz-selection {
    background: #b3d4fc;
    text-shadow: none
}

fieldset {
    margin: 0;
    padding: 0
}

.none-mob {
    display: block
}

.clearfix:after,
.clearfix:before {
    content: " ";
    display: table
}

.container {
    width: 1266px;
    position: relative;
    margin: 0 auto
}

.ayto,
.box,
.sale {
    position: absolute
}

header {
    background: url("../images/bg.png") center top no-repeat;
    height: 700px
}

.title {
    font-family: "Fira Sans", sans-serif;
  font-weight: 700;
    font-size: 65px;
    color: #5d2638;
    margin: 64px 0 84px !important;
    letter-spacing: -3px;
    line-height: 68px
}

.first-st,
.four-st,
.micro,
.ok,
.second-st,
.three-st {
    font-family: "Fira Sans", sans-serif;
  font-weight: 700;
    font-size: 20px
}

.title span {
    color: #fff;
    margin: 0 0 0 -25px
}

.micro {
    background: url(../img/xmicro.png.pagespeed.ic.tvBuO_nlKU.webp) no-repeat;
    padding: 20px 0 20px 94px;
    margin: 32px 0 0 227px !important;
    width: 301px !important
}

.ok {
    background: url(../img/ok.png) no-repeat;
    padding: 20px 0 20px 93px;
    margin: 32px 0 0 26px !important;
    width: 220px !important
}

.first-st {
    background: url("../images/xfirst-st.png.pagespeed.ic.w6809ruh9_.webp") no-repeat;
    padding: 19px 0 24px 97px;
    margin: 32px 0 0 13px !important
}

.second-st {
    background: url("../images/xsecond-st.png.pagespeed.ic.fkyzbgtvjm.webp") no-repeat;
    padding: 18px 0 23px 100px;
    margin: 32px 0 0 -3px !important;
    width: 325px !important
}

.three-st {
    background: url("../images/xthree-st.png.pagespeed.ic.g8jjkfz6dj.webp") no-repeat;
    padding: 18px 0 22px 99px;
    margin: 32px 0 0 52px !important
}

.four-st {
    background: url("../images/xfour-st.png.pagespeed.ic.uazwf7jwcn.webp") no-repeat;
    padding: 20px 0 20px 96px;
    margin: 32px -30px 0 -1px !important
}

.firstt,
.fourr,
.secondd,
.threee {
    font-size: 18px;
    font-family: "Fira Sans", sans-serif;
  font-weight: 700;
    line-height: 24px
}

.firstt {
    background: url("../images/x11.png.pagespeed.ic.400hry95cv.webp") no-repeat;
    padding: 13px 0 30px 93px;
    margin: 16px 0 0 107px !important
}

.secondd {
    background: url("../images/x22.png.pagespeed.ic.evmqr_valk.webp") no-repeat;
    padding: 12px 0 30px 93px;
    margin: 16px 0 0 -9px !important
}

.threee {
    background: url("../images/x33.png.pagespeed.ic.ryyrrfj8km.webp") no-repeat;
    padding: 11px 0 30px 95px;
    margin: 16px 0 0 11px !important
}

.fourr {
    background: url("../images/x44.png.pagespeed.ic.-7bi6nypf7.webp") no-repeat;
    padding: 12px 0 30px 95px;
    margin: 16px -20px 0 -14px !important
}

.section10 {
    height: auto;
    margin: 50px 0
}

ul {
    list-style-type: none
}

.spisok {
    font-family: "Fira Sans", sans-serif;
  font-weight: 700;
    font-size: 20px;
    background: url("../images/xelips.png.pagespeed.ic.8-nt6d7ibr.webp") no-repeat;
    padding: 20px 0 20px 22px;
    margin-bottom: 11px
}

.spisok span {
    font-size: 18px;
    font-family: PTS55F;
    letter-spacing: -.1px
}

.b-spisok {
    margin-left: 13px;
    margin-top: 2px
}

.niz {
    font-family: "Fira Sans", sans-serif;
  font-weight: 700;
    font-size: 64px;
    color: #5d2638;
    margin-top: 31px;
    margin-left: 31px !important;
    letter-spacing: 0
}

.niz span {
    color: #e74700;
    margin-left: 191px
}

.box {
    right: -8em;
    top: 15em;
    width: 379px
}

.sale {
    left: 752px;
    top: -74px
}

header .sale {
    left: 614px;
    top: 223px
}

.ayto {
    top: 0;
    background-size: 100% auto
}

.ind {
    z-index: 10;
    position: relative
}

.block-2 {
    padding: 431px 0 0 23px
}

.perv {
    margin: 5px 0 0 5px !important
}

.block {
    height: 468px;
    margin-bottom: 30px;
    border: 1px solid #dbdbdb;
    border-radius: 6px
}

.block p:nth-child(2) {
    font-family: "Fira Sans", sans-serif;
  font-weight: 700;
    font-size: 32px;
    letter-spacing: -.2px;
    margin: 56px 0 31px 39px
}

.block p:nth-child(3) {
    font-family: PTS55F;
    font-size: 18px;
    margin: -2px 0 0 40px;
    letter-spacing: .9px;
    line-height: 24px
}

.btn,
form p {
    font-family: "Fira Sans", sans-serif;
  font-weight: 700;
}

.swiper-pagination-bullet-active {
    opacity: 1;
    background: #869791 !important
}

.swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet {
    margin: 0 0 0 11px
}

.swiper-pagination-bullet {
    display: inline-block;
    border-radius: 100%;
    width: 13px;
    height: 13px;
    background: #d8d8d8;
    opacity: 1
}

.swiper-slide,
form {
    background: #fff;
    text-align: center
}

.swiper-slide {
    width: 900px !important;
    font-size: 18px;
    display: flex;
    justify-content: center;
    align-items: center
}

.swiper-pagination1 {
    text-align: center;
    margin-top: 20px
}

.swiper-container {
    width: 100%;
    height: 100%
}

.swiper-slide:nth-child(2n) {
    width: 60%
}

.swiper-slide:nth-child(3n) {
    width: 40%
}

form {
    width: 292px;
    margin: 12px 0 0 -19px;
    height: 420px;
    border: 3px solid #ffb200;
    border-radius: 5px
}

form p {
    font-size: 24px;
    margin: 0 0 30px -12px;
    text-align: center;
    background: url("../images/xprice.png.pagespeed.ic.b6f0tsgghx.webp") 134px 34px no-repeat;
    padding-top: 42px
}

.btn:hover {
    color: #fff;
    background-color: #fd621e
}

.btn.active,
.btn.disabled,
.btn:active,
.btn:focus,
.btn[disabled] {
    color: #fff;
    background-color: #ae3500
}

form p span.p {
    margin: 18px 0 0 3px;
    display: block;
    font-size: 32px;
    color: #622336
}

.span6 form {
    margin: 195px 0 0 320px
}

.stamp {
    right: 0;
    top: -40px
}

.btn {
    font-size: 24px;
    padding: 17px 30px 21px 25px;
    border: none;
    background: #e74700;
    border-radius: 5px;
    letter-spacing: -.1px;
    color: #fff
}

.uneditable-input,
input[type="color"],
input[type="date"],
input[type="datetime-local"],
input[type="datetime"],
input[type="email"],
input[type="month"],
input[type="number"],
input[type="password"],
input[type="search"],
input[type="tel"],
input[type="text"],
input[type="time"],
input[type="url"],
input[type="week"],
select,
textarea {
    background-color: #f0f0f0;
    border: 1px solid #f0f0f0;
    height: 50px;
    margin: 1px 0 18px 2px;
    width: 240px;
    font-size: 14px;
    letter-spacing: .2px;
    padding: 0 0 0 19px;
    box-sizing: border-box
}

.right-p2,
.right-ul {
    background: #fff;
    z-index: 1000;
    position: relative
}

.perv .perv-p,
.vtor .perv-p2 {
    font-size: 18px;
    font-family: PTS55F;
    letter-spacing: -.1px;
    line-height: 22px;
    text-align: center
}

.perv .perv-p {
    margin: 14px 0 0 -9px
}

.vtor {
    margin: 15px 0 0 77px !important
}

.vtor .perv-p2 {
    margin: 23px 0 0 -11px
}

.right-p1,
.right-p2 {
    font-family: "Fira Sans", sans-serif;
  font-weight: 700;
    font-size: 32px;
    letter-spacing: -.3px
}

.tret {
    margin: 12px 0 0 79px !important
}

.right-p1 {
    color: #e64500;
    margin: 97px 0 0 13px
}

.right-p2 {
    margin: 8px 0 0 14px;
    line-height: 40px;
    width: 334px;
    color: #5a2436
}

.right-ul {
    font-size: 18px;
    font-family: PTS55F;
    margin-left: 6px;
    letter-spacing: 0;
    padding-top: 2px;
    padding-bottom: 2px
}

.dnk,
.section2 .box,
.section2 .sale,
.tabl {
    position: absolute
}

.right-ul li {
    margin-bottom: 5px;
    line-height: 20px
}

.right-ul li:first-child {
    margin-top: 5px
}

.section1 {
    margin-bottom: 105px
}

.section1 .container {
    background: url("../images/bg1.png") left top no-repeat
}

.bell {
    background: url("../images/bel_bg.png") no-repeat;
    width: 100%;
    height: 620px;
    top: -21px;
    left: -56px
}

.section2 .bell {
    background-size: 56% 100%;
    height: 820px
}

.section2 .span12.ind {
    margin-left: 50px
}

.section2 .span12.ind p span {
    font-weight: 700;
    font-size: 17px
}

.section2 .span12.ind p {
    margin: 5px 0 5px;
    font-size: 12px
}

.section2 .zag-section1 {
    margin-bottom: 30px
}

.zag-section1 {
    font-family: "Fira Sans", sans-serif;
  font-weight: 700;
    font-size: 32px;
    color: #060606;
    margin: -3px 0 0 53px;
    line-height: 37px;
    letter-spacing: -.1px
}

.fff,
.mmm,
.ppp,
.vvv {
    line-height: 22px
}

.zag-section1 span {
    color: #e64500
}

.section6 .zag-section1 {
    margin: 20px 0 0 55px
}

.section6 .stamp {
    right: 0;
    top: -60px
}

.ppp {
    font-size: 18px;
    font-family: PTS55F;
    margin-left: 43px;
    letter-spacing: -.2px
}

.ppp span {
    font-family: "Fira Sans", sans-serif;
  font-weight: 700;
    font-size: 20px;
    letter-spacing: -.1px
}

.vvv-img {
    margin-left: 20px
}

.vvv {
    font-size: 18px;
    font-family: PTS55F;
    margin-left: 26px;
    margin-top: 3px;
    margin-right: 2px;
    letter-spacing: -.2px
}

.vvv span {
    font-family: "Fira Sans", sans-serif;
  font-weight: 700;
    font-size: 20px;
    letter-spacing: -.1px
}

.fff-img {
    margin: -7px 0 0 67px
}

.fff {
    font-size: 18px;
    font-family: PTS55F;
    margin-left: 45px;
    margin-top: 3px;
    letter-spacing: -.2px
}

.fff span {
    font-family: "Fira Sans", sans-serif;
  font-weight: 700;
    font-size: 20px;
    letter-spacing: -.1px
}

.mmm-img {
    margin: 13px 0 18px 58px
}

.mmm {
    font-size: 18px;
    font-family: PTS55F;
    margin-left: 23px;
    margin-top: 0;
    letter-spacing: -.2px
}

.mmm span,
.vi .span5 {
    letter-spacing: -.1px
}

.mmm span {
    font-family: "Fira Sans", sans-serif;
  font-weight: 700;
    font-size: 20px
}

.paraz .span6,
.pis .span6,
.vi .span5 {
    font-family: PTS55F;
    font-size: 18px
}

.section2 {
    height: 850px
}

.section3 {
    height: 260px
}

.section4 {
    height: 750px
}

.section5 {
    height: 1148px
}

.section6 {
    background: url("../images/bg2.png") center top no-repeat;
    height: 688px
}

.section7 {
    height: 610px
}

.section8 {
    height: 480px
}

.expert {
    background: url("../images/layer-171.jpg") no-repeat;
    width: 100%;
    height: 100%;
    top: 38px;
    left: 10px
}

.section9 .bell {
    top: 8px;
    left: -56px;
    width: 715px;
    height: 585px;
    background: url(../images/footer-bg.png) no-repeat
}

.section9 .zag-section1 {
    margin: 42px 0 0 54px
}

.kod {
    background: url(../images/kod.jpg) no-repeat;
    width: 350px;
    height: 100%;
    top: 350px;
    left: 159px
}

.vi .span3 {
    margin: 32px 0 0 36px !important
}

.vi .span5 {
    margin: 62px 0 0 2px !important
}

.section2 {
    background: url("../images/bg2.png") center top no-repeat
}

.section2 .sale {
    left: -14px;
    top: 524px;
    max-width: 23%
}

.section2 .box {
    left: -5em;
    top: 28em;
    width: 379px !important;
    height: auto !important
}

.pis .span6 {
    margin: 18px 0 0 130px !important;
    letter-spacing: -.2px
}

.pis .span3 {
    margin: -18px 0 0 27px !important
}

.paraz .span6 {
    margin: 31px 0 0 3px !important;
    letter-spacing: -.1px
}

.paraz .span3 {
    margin: -2px 0 0 36px !important
}

.section9 .stamp {
    right: 0;
    top: -51px
}

.expert-p {
    font-family: "Fira Sans", sans-serif;
  font-weight: 700;
    font-size: 32px;
    margin: 63px 0 0 56px;
    letter-spacing: -.1px;
    line-height: 35px
}

.expert-pp,
.expert-ppp {
    font-family: PTS55F;
    font-size: 16px;
    letter-spacing: -.1px
}

.expert-pp {
    margin: 20px 45px 248px 58px;
    line-height: 19px
}

.expert-ppp {
    margin: 0 0 0 30px
}

.expert-ppp span {
    font-family: "Fira Sans", sans-serif;
  font-weight: 700;
    font-size: 15px
}

.expert-r p:first-child {
    font-family: "Fira Sans", sans-serif;
  font-weight: 700;
    font-size: 32px;
    margin: 42px 0 0 55px;
    letter-spacing: 0
}

.expert-r p:nth-child(2) {
    font-size: 18px;
    font-family: PTS55F;
    margin: 22px 0 0 56px;
    letter-spacing: 0
}

.expert-r p:nth-child(3) {
    font-family: "Fira Sans", sans-serif;
  font-weight: 700;
    font-size: 24px;
    margin: 48px 0 0 56px;
    letter-spacing: 0
}

.expert-r p:nth-child(5) {
    font-family: "Fira Sans", sans-serif;
  font-weight: 700;
    font-size: 24px;
    margin: 50px 0 0 58px;
    letter-spacing: -.2px
}

.rost,
.tovar {
    font-family: PTS55F;
    font-size: 18px
}

.koddd,
.rost,
.tovar {
    letter-spacing: -.1px
}

.zzz {
    background: url("../images/xpab.jpg.pagespeed.ic.oo1efyyinn.webp") no-repeat;
    top: 32px;
    width: 615px;
    height: 150px;
    left: 102px;
    z-index: 1
}

.tabl {
    background: url("../images/xtabl.png.pagespeed.ic.mwiqns-ygu.webp") no-repeat;
    top: -84px;
    width: 200px;
    height: 260px;
    right: 0;
    z-index: 2
}

.section2 .bell {
    top: -42px
}

.section2 .container {
    height: 850px
}

.rez1 {
    margin: 46px 0 0 38px !important
}

.rost {
    margin: 16px 40px 0 57px
}

.tovar {
    margin: 120px 40px 0 60px
}

.koddd,
.rez1 .span1 {
    font-family: "Fira Sans", sans-serif;
  font-weight: 700;
}

.dnk {
    top: 144px;
    right: 23px;
    width: 412px;
    height: 526px;
    border-radius: 5px;
    border: 2px solid #dcdcdc
}

.product_wrapper img,
.section7 .letter {
    position: relative
}

.nat {
    top: -132px;
    left: 201px;
    z-index: 9
}

.kodd {
    margin: 0 0 18px;
    width: 282px !important
}

.Layer-33,
.Layer-34,
.Layer-35,
.Layer-36,
.Layer-37,
.Layer-38 {
    width: 100%;
    height: 180px
}

.koddd {
    font-size: 24px;
    padding: 17px 27px 21px 25px;
    border: none;
    background: #e74700;
    border-radius: 5px;
    color: #fff;
    margin-left: 8px
}

.rez1 .span11,
.rez2 .span11,
.rezz1 .span11,
.rezz2 .span11,
.rezz3 .span11,
.rezz4 .span11,
.rezz5 .span11 {
    padding: 1px 0 0 16px
}

.bloks {
    margin: 38px 0 0 55px !important
}

.rez1 .span1 {
    font-size: 20px;
    letter-spacing: 0
}

.rez1 .span11 {
    color: #fff;
    font-size: 18px;
    font-family: PTS55F;
    letter-spacing: 0
}

.rez2 {
    margin: 23px 0 0 40px !important
}

.rez2 .span1 {
    font-family: "Fira Sans", sans-serif;
  font-weight: 700;
    font-size: 20px;
    letter-spacing: 0
}

.Layer-33 {
    background: url("../images/xlayer-33.jpg.pagespeed.ic.bujyvwcawi.webp") no-repeat
}

.Layer-34 {
    background: url("../images/xlayer-34.jpg.pagespeed.ic.myomsevu6i.webp") no-repeat
}

.Layer-35 {
    background: url("../images/xlayer-35.jpg.pagespeed.ic.ruwzvlrynz.webp") no-repeat
}

.Layer-36 {
    background: url("../images/xlayer-36.jpg.pagespeed.ic.lxradarnjo.webp") no-repeat
}

.Layer-37 {
    background: url("../images/xlayer-37.jpg.pagespeed.ic.mzhzkyvwet.webp") no-repeat
}

.Layer-38 {
    background: url("../images/xlayer-38.png.pagespeed.ic.7zripovxv3.webp") no-repeat;
    background-position-y: 30%
}

.rez2 .span11 {
    color: #fff;
    font-size: 18px;
    font-family: PTS55F;
    letter-spacing: 0
}

.zzzz {
    background: url("../images/xpab2.jpg.pagespeed.ic.ntrcjf3bpt.webp") no-repeat;
    width: 640px;
    height: 290px;
    top: 21px;
    left: 103px
}

.section6 .box,
.section9 .box {
    left: 50px;
    top: 390px
}

.section6 .box {
    /*left: 12px;
    top: 209px;*/
    left: -70px;
    top: 140px;
}

.section6 .sale,
.section9 .sale {
    left: 175px;
    top: 349px;
    max-width: 20%
}

.section6 .sale {
    left: 56px
}

.intoxic {
    width: 200px;
    height: 290px;
    top: 17px;
    right: 0
}

.rezz1 {
    margin: 34px 0 0 36px !important
}

.rezz1 .span1 {
    font-family: "Fira Sans", sans-serif;
  font-weight: 700;
    font-size: 20px;
    letter-spacing: -.1px;
    color: #000
}

.rezz1 .span11,
.rezz2 .span1,
.rezz2 .span11,
.rezz3 .span1,
.rezz3 .span11,
.rezz4 .span1,
.rezz5 .span1,
.rezz5 .span11,
.section10 h2,
.section5 h2,
.section7 h2,
.section8 h2 {
    letter-spacing: 0
}

.rezz1 .span11 {
    color: #000;
    font-size: 18px;
    font-family: PTS55F
}

.rezz2 {
    margin: 23px 0 0 35px !important
}

.rezz2 .span1 {
    font-family: "Fira Sans", sans-serif;
  font-weight: 700;
    font-size: 20px
}

.rezz2 .span11 {
    color: #000;
    font-size: 18px;
    font-family: PTS55F
}

.rezz3 {
    margin: 22px 0 0 35px !important
}

.rezz3 .span1 {
    font-family: "Fira Sans", sans-serif;
  font-weight: 700;
    font-size: 20px
}

.rezz3 .span11 {
    color: #000;
    font-size: 18px;
    font-family: PTS55F
}

.rezz4 {
    margin: 23px 0 0 35px !important
}

.rezz4 .span1 {
    font-family: "Fira Sans", sans-serif;
  font-weight: 700;
    font-size: 20px
}

.rezz4 .span11 {
    color: #000;
    font-size: 18px;
    font-family: PTS55F;
    letter-spacing: 0
}

.rezz5 {
    margin: 26px 0 0 35px !important
}

.rezz5 .span1 {
    font-family: "Fira Sans", sans-serif;
  font-weight: 700;
    font-size: 20px
}

.rezz5 .span11 {
    color: #000;
    font-size: 18px;
    font-family: PTS55F
}

.expert-r p:first-child span,
.section5 h2 span,
.section7 h2 span {
    color: #e74700
}

.block6 .ps,
.old,
.section10 h2,
.section3 h2,
.section5 h2,
.section7 h2,
.section8 h2 {
    font-family: "Fira Sans", sans-serif;
  font-weight: 700;
}

.section5 h2 {
    font-size: 32px;
    text-align: center;
    margin-left: 22px
}

.section7 h2 {
    font-size: 32px;
    text-align: center;
    margin: 35px 0 37px 20px
}

.section8 h2 {
    font-size: 32px;
    text-align: center;
    margin: 9px 0 24px 12px
}

.footer_section {
    background: url("../images/bg2.png") center center no-repeat;
    background-size: cover;
    padding: 70px 0;
    text-align: center
}

.strelka1,
.strelka2 {
    background: url("../images/xctrelka.png.pagespeed.ic.k4tdrn6ces.webp") no-repeat
}

.footer_section .wrap {
    margin: 0 auto;
    display: inline-block
}

.form_wrapper,
.product_wrapper {
    display: inline-block
}

.product_wrapper .sale {
    position: absolute;
    top: 10em;
    left: 42px;
    max-width: 50%;
    z-index: 999
}

.product_wrapper .box {
    top: -58px;
    left: 23px;
    max-width: 100%;
    width: 438px
}

.footer_section form {
    margin: 0;
    top: 9em;
    position: relative
}

.strelka1,
.strelka2,
.strelka3 {
    position: absolute;
    width: 100px;
    height: 40px
}

.section10 h2 {
    font-size: 32px;
    text-align: center;
    margin: -5px 0 24px 17px
}

.block6 .ps,
.child p,
.child p span,
.old p,
.old p span,
.section3 h2,
.yang p,
.yang p span {
    letter-spacing: -.2px
}

.strelka1 {
    left: 308px;
    top: 45px
}

.strelka2 {
    left: 590px;
    top: 154px;
    background-position-y: -43px
}

.strelka3 {
    background: url("../images/xctrelka.png.pagespeed.ic.k4tdrn6ces.webp") no-repeat;
    right: 328px;
    top: 45px
}

.letter p {
    margin: 0 0 0 80px;
    padding: 0
}

.section3 h2 {
    font-size: 32px;
    text-align: center;
    margin-top: 28px;
    margin-left: 19px
}

.plus {
    margin-top: 27px;
    margin-bottom: 30px
}

.block6 .ps {
    margin: 0;
    width: 325px;
    line-height: 1.1;
    padding: 0 0 0 5px;
    height: 45px;
    background: #fff;
    font-size: 32px
}

.old {
    font-size: 20px;
    background: url(../img/xbag.png.pagespeed.ic.hexTBfrSAa.webp) no-repeat;
    padding: 0 0 21px 112px;
    margin: 40px 0 0 39px !important
}

.old p {
    font-family: PTS55F;
    font-size: 18px;
    margin: 0 0 0 2px
}

.child,
.old p span {
    font-family: "Fira Sans", sans-serif;
  font-weight: 700;
    font-size: 20px
}

.old p span {
    margin: 0 0 -8px;
    display: block
}

.child {
    background: url(../images/litle.png) no-repeat;
    padding: 0 0 20px 114px;
    margin: 19px 0 0 38px !important
}

.child p {
    font-family: PTS55F;
    font-size: 18px;
    margin: 0 0 0 2px
}

.child p span,
.yang {
    font-family: "Fira Sans", sans-serif;
  font-weight: 700;
    font-size: 20px
}

.child p span {
    margin: 0 0 -8px;
    display: block
}

.yang {
    background: url(../images/ball.png) no-repeat;
    padding: 0 0 20px 113px;
    margin: 17px 0 0 38px !important
}

.yang p {
    font-family: PTS55F;
    font-size: 18px;
    margin: 0 0 0 2px
}

.yang p span {
    font-family: "Fira Sans", sans-serif;
  font-weight: 700;
    font-size: 20px;
    margin: 0 0 -8px;
    display: block
}

.ppp-img {
    margin: 37px 0 0 75px
}

.tret .perv-p3 {
    font-size: 18px;
    font-family: PTS55F;
    text-align: center;
    margin: 22px -12px 0 -29px;
    letter-spacing: -.1px;
    line-height: 22px
}

.relative {
    position: relative
}

.dnks {
    margin: 0 !important
}

.dnks ul li:first-child {
    background: url("../images/x111.png.pagespeed.ic.ou4py7wmu0.webp") no-repeat;
    padding: 0 0 20px 54px
}

.dnks ul li:nth-child(2) {
    background: url("../images/x222.png.pagespeed.ic.ped-st41nx.webp") no-repeat;
    padding: 0 0 10px 54px
}

.dnks ul li:nth-child(3) {
    background: url("../images/x333.png.pagespeed.ic.p6dmhjstiw.webp") no-repeat;
    padding: 5px 0 10px 51px;
    margin-top: 16px;
    margin-left: 2px
}

.dnks ul li:nth-child(4),
.dnks ul li:nth-child(5),
.dnks ul li:nth-child(6) {
    padding: 0 0 10px 54px;
    margin-top: 22px
}

.dnks ul li:nth-child(4) {
    background: url("../images/x444.png.pagespeed.ic.etpvz8iag3.webp") no-repeat
}

.dnks ul li:nth-child(5) {
    background: url("../images/x5.png.pagespeed.ic.ftzlvmavfj.webp") no-repeat
}

.dnks ul li:nth-child(6) {
    background: url("../images/x6.png.pagespeed.ic.qrw77mvduu.webp") no-repeat
}

.dnks ul li:nth-child(7) {
    background: url("../images/x7.png.pagespeed.ic.ryeiw-5buf.webp") no-repeat;
    padding: 10px 0 10px 51px;
    margin-top: 12px
}

.head-letter1 {
    background: url(../images/head-letter1.jpg) no-repeat;
    width: 150px;
    height: 20px;
    top: 40px;
    left: 324px
}

.head-letter2 {
    background: url("../images/xhead-letter2.jpg.pagespeed.ic.7btqrxr3cd.webp") no-repeat;
    width: 150px;
    height: 50px;
    left: 705px;
    top: 30px
}

.head-letter4 {
    background: url(../images/head-letter4.jpg) no-repeat;
    width: 120px;
    height: 30px;
    left: 96px;
    top: 149px
}

.head-letter3 {
    background: url(../images/head-letter3.jpg) no-repeat;
    width: 90px;
    height: 20px;
    left: 98px;
    top: 115px
}

.head-letter-ava {
    background: url("../images/xhead-letter-ava.jpg.pagespeed.ic.tg7gfuuwpz.webp") no-repeat;
    width: 120px;
    height: 50px;
    left: 42px;
    top: 88px
}

.head-letter-ava2 {
    background-image: url("../images/xhead-letter-ava2.jpg.pagespeed.ic.ywor1pogxy.webp")
}

.head-letter-ava3 {
    background-image: url("../images/xhead-letter-ava3.jpg.pagespeed.ic.vbrdpk0miz.webp")
}

.letter .thank {
    font-family: PTS55F;
    font-size: 32px;
    margin: 36px 0 0 40px;
    letter-spacing: 1.5px
}

.letter .namee {
    font-family: PTS55F;
    font-size: 16px;
    margin: 33px 0 0 97px
}

.letter .ind {
    margin: 85px 44px 0 95px;
    font-size: 15px;
    letter-spacing: -.2px;
    line-height: 19px
}

.section7 .letter {
    width: 900px;
    margin: 0 auto;
    border: 1px solid #dbdbdb;
    border-radius: 2px;
    padding-top: 0;
    height: 416px;
    text-align: left
}

.swiper-container1 {
    margin: 0 auto;
    position: relative;
    overflow: hidden;
    z-index: 1;
    width: 100%;
    height: 100%
}

.littt {
    background: url(../images/littt.png) 0 center no-repeat;
    height: 91%;
    width: 38px;
    right: 0;
    z-index: 100;
    position: absolute;
    top: 0
}

.swiper-wrapper .swiper-slide:first-child {
    margin-left: 182px
}

img.ayto.stamp {
    display: none
}

@media only screen and (max-width:1279px) {

    .block4 p:nth-child(3) br,
    .dnk,
    .intoxic,
    .tabl {
        display: none
    }

    .container {
        width: 976px
    }

    .span9 {
        width: 810px
    }

    .swiper-slide {
        width: 820px !important
    }

    .swiper-wrapper .swiper-slide:first-child {
        margin-left: 30px
    }

    .micro {
        margin: 14px 0 0 279px !important;
        width: 301px
    }

    .ok {
        margin: 12px 0 0 26px !important;
        width: 200px
    }

    header {
        background: url(../images/bg976.png) center top no-repeat
    }

    .box {
        position: absolute;
        right: 17px;
        top: 95px;
        width: 240px
    }

    header .sale {
        left: 36em
    }

    .sale {
        left: 523px;
        top: 23px;
        width: 140px;
        z-index: 100;
        max-width: 14%
    }

    .title {
        font-size: 65px;
        margin: 62px 0 84px 22px !important;
        letter-spacing: -2px
    }

    form {
        width: 271px;
        margin: 30px 0 0 -64px
    }

    .b-spisok {
        margin-left: -2px;
        margin-top: -28px
    }

    .spisok {
        padding: 20px 0 34px 22px
    }

    .niz span {
        margin-left: 17px
    }

    .niz {
        font-size: 59px;
        margin-top: 40px;
        margin-left: 0 !important;
        letter-spacing: .4px
    }

    .right-p1,
    .right-p2 {
        font-size: 32px;
        font-family: "Fira Sans", sans-serif;
  font-weight: 700;
    }

    .block-2 {
        padding: 341px 0 0 117px;
        width: 100% !important
    }

    .vtor {
        margin: 14px 0 0 67px !important
    }

    .tret {
        margin: 10px 0 0 69px !important
    }

    .tret .perv-p3 {
        margin: 22px -12px 0 -44px
    }

    .vtor .perv-p2 {
        margin: 22px 0 0 -20px
    }

    .perv .perv-p {
        margin: 13px 0 0 -17px
    }

    .right-ul {
        margin-left: 67px;
        padding-top: 12px;
        padding-bottom: 2px;
        -webkit-column-count: auto;
        column-count: auto;
        list-style-position: inside;
        -moz-column-count: 2;
        height: 325px;
        width: 832px
    }

    .right-p2 {
        margin: 8px 0 0 56px;
        padding: 0 0 0 20px;
        letter-spacing: -.1px;
        line-height: 40px;
        width: 641px;
        color: #5a2436;
        background: #fff;
        z-index: 1000;
        position: relative
    }

    .right-p1 {
        color: #e64500;
        margin: 30px 0 0 76px;
        letter-spacing: -.3px
    }

    .rezz1 .span11,
    .rezz3 .span11,
    .rezz5 .span11,
    .section3 h2 {
        letter-spacing: 0
    }

    .dnk {
        top: 690px;
        right: 23px;
        position: absolute;
        width: 809px;
        height: 306px;
        border-radius: 5px;
        border: 2px solid #dcdcdc
    }

    .dnks {
        margin: 0 !important;
        width: 100% !important
    }

    .uneditable-input,
    input[type="color"],
    input[type="date"],
    input[type="datetime-local"],
    input[type="datetime"],
    input[type="email"],
    input[type="month"],
    input[type="number"],
    input[type="password"],
    input[type="search"],
    input[type="tel"],
    input[type="text"],
    input[type="time"],
    input[type="url"],
    input[type="week"],
    select,
    textarea {
        width: 202px;
        box-sizing: border-box
    }

    .btn {
        font-size: 20px;
        padding: 18px 35px 21px 34px
    }

    .dnks ul li:nth-child(7) {
        background: url("../images/x7.png.pagespeed.ic.ryeiw-5buf.webp") 17px -2px no-repeat;
        padding: 8px 0 10px 66px;
        margin-top: 12px
    }

    .dnks ul li:nth-child(6) {
        background: url("../images/x6.png.pagespeed.ic.qrw77mvduu.webp") 16px 0 no-repeat;
        padding: 0 0 10px 64px;
        margin-top: 22px
    }

    .dnks ul li:nth-child(5) {
        background: url("../images/x5.png.pagespeed.ic.ftzlvmavfj.webp") 18px 22px no-repeat;
        padding: 27px 0 10px 67px;
        margin-top: 22px
    }

    .dnks ul li:nth-child(4) {
        background: url("../images/x444.png.pagespeed.ic.etpvz8iag3.webp") 1px 0 no-repeat;
        padding: 0 0 9px 54px;
        margin-top: 22px
    }

    .dnks ul li:nth-child(3) {
        background: url("../images/x333.png.pagespeed.ic.p6dmhjstiw.webp") 1px -4px no-repeat;
        padding: 7px 0 10px 53px;
        margin-top: 16px;
        margin-left: 2px
    }

    .dnks ul li:nth-child(2) {
        background: url("../images/x222.png.pagespeed.ic.ped-st41nx.webp") 0 4px no-repeat;
        padding: 0 0 18px 55px
    }

    .dnks ul li:first-child {
        background: url("../images/x111.png.pagespeed.ic.ou4py7wmu0.webp") no-repeat;
        padding: 0 0 18px 54px
    }

    .section2 .bell {
        top: -82px;
        left: 4px;
        background: url(../images/bell-bg976.png) no-repeat;
        background-size: 61% 100%;
        height: 880px
    }

    .first-st,
    .second-st,
    .three-st {
        background-position: 72px 0
    }

    .section2 .row-fluid [class*="span"].relative {
        top: 28em
    }

    .section3 {
        margin-top: 9em
    }

    .section1 {
        margin-bottom: 175px
    }

    .zag-section1 {
        margin: -37px 0 0 55px
    }

    .ppp-img {
        margin: 27px 0 0 44px
    }

    .section2 .span6 {
        width: 55%
    }

    .section2 .container .span6:nth-child(2) {
        width: 40%
    }

    .stamp {
        right: 0;
        top: -92px;
        width: 73%
    }

    .section2 .box {
        position: absolute;
        left: -86px;
        top: 346px;
        width: 270px
    }

    .section2 .sale {
        left: -59px;
        top: 502px
    }

    .span6 form {
        margin: 209px 0 0 147px
    }

    .vvv-img {
        margin: -3px 0 0 -1px;
        width: 73%
    }

    .fff {
        margin-left: 47px;
        margin-top: 1px
    }

    .ppp {
        margin-left: 46px
    }

    .vvv {
        margin-left: -7px;
        margin-top: 5px
    }

    .fff-img {
        margin: -17px 0 0 33px
    }

    .mmm {
        margin-left: -4px
    }

    .section2 {
        height: 640px
    }

    .section3 h2 {
        margin-top: 55px;
        margin-left: 17px
    }

    .first-st {
        padding: 119px 0 14px 7px;
        margin: 33px 0 0 32px !important;
        text-align: center
    }

    .four-st,
    .second-st,
    .three-st {
        margin: 33px 0 0 !important;
        text-align: center
    }

    .second-st {
        width: 230px !important;
        padding: 119px 0 14px
    }

    .three-st {
        padding: 119px 0 14px 4px
    }

    .four-st {
        padding: 119px 0 14px 2px;
        background-position: 76px 0
    }

    .section3 {
        height: 329px
    }

    .section4 .span4 {
        width: 50%
    }

    .section4 .span8 {
        width: 47%
    }

    .expert-r p:first-child {
        margin: 29px 0 0 -53px;
        line-height: 38px
    }

    .expert-r p:nth-child(2) {
        margin: 7px -40px 0 -53px;
        width: 500px
    }

    .expert-r p:nth-child(3) {
        margin: 20px 0 0 -52px
    }

    .expert-pp {
        margin: 20px 115px 265px 58px
    }

    .mmm-img {
        margin: -5px 0 23px -10px
    }

    .zzz {
        width: 466px;
        left: 2px
    }

    .rez1 .span11 {
        padding: 0 0 0 48px
    }

    .rez2 .span11,
    .rezz1 .span11 {
        padding: 0 0 0 47px
    }

    .rez1 {
        margin: 46px 0 0 -62px !important
    }

    .rez2 {
        margin: 23px 0 0 -61px !important
    }

    .zzzz {
        left: 2px;
        width: 100%;
        width: 450px;
        background-size: 100% 100%;
        background-position: 0 0
    }

    .rezz1 {
        margin: 34px 0 0 -64px !important
    }

    .rezz2 {
        margin: 23px 0 0 -64px !important
    }

    .rezz3 {
        margin: 22px 0 0 -65px !important
    }

    .rezz4 {
        margin: 23px 0 0 -65px !important
    }

    .rezz5 {
        margin: 25px 0 0 -64px !important
    }

    .rezz5 .span11 {
        padding: 2px 0 0 48px
    }

    .rezz4 .span11 {
        padding: 4px 0 0 47px
    }

    .rezz3 .span11 {
        padding: 3px 0 0 48px
    }

    .rezz2 .span11 {
        padding: 0 0 0 57px;
        margin: -9px 0 0;
        width: 270px
    }

    .section4 {
        height: 752px
    }

    .section5 h2 {
        margin-left: 20px
    }

    .block p:nth-child(2) {
        font-family: "Fira Sans", sans-serif;
  font-weight: 700;
        font-size: 24px;
        letter-spacing: -.2px;
        margin: 28px 0 31px 28px
    }

    .block p:nth-child(3) {
        font-family: PTS55F;
        font-size: 16px;
        margin: -15px 0 0 28px;
        letter-spacing: .9px;
        line-height: 22px
    }

    .block6 .ps,
    .old {
        font-family: "Fira Sans", sans-serif;
  font-weight: 700;
    }

    .block {
        height: 385px;
        border: 1px solid #dbdbdb;
        border-radius: 6px;
        position: relative
    }

    .Layer-33,
    .Layer-34,
    .Layer-35 {
        width: 100%;
        height: 180px
    }

    .plus {
        margin-bottom: 20px
    }

    .block4 {
        height: 396px !important;
        margin-top: -10px
    }

    .block4 p:nth-child(2),
    .block5 p:nth-child(2) {
        margin: 22px 0 31px 24px
    }

    .block4 p:nth-child(3) {
        margin: -16px 0 0 23px
    }

    .Layer-36 {
        width: 100%;
        height: 180px;
        background-position: -25px 0
    }

    .block4 p:first-child {
        margin: 20px 0 31px 23px
    }

    .block5 {
        height: 396px !important;
        margin-top: -10px
    }

    .block5 p:first-child {
        margin: 20px 0 31px 23px
    }

    .Layer-37 {
        width: 100%;
        height: 180px
    }

    .block6 {
        height: 396px !important;
        margin-top: -10px
    }

    .block6 .ps {
        margin: 0;
        width: 245px;
        padding: 0 0 0 5px;
        height: 45px;
        background: #fff;
        font-size: 24px;
        letter-spacing: 0
    }

    .child p,
    .old p,
    .yang p {
        letter-spacing: -.2px;
        line-height: 18px
    }

    .old {
        font-size: 20px;
        background: url(../img/bag.png) 0 0/23% auto no-repeat;
        padding: 10px 0 19px 89px;
        margin: 10px 0 0 21px !important
    }

    .old p {
        font-family: PTS55F;
        font-size: 14px;
        margin: 0
    }

    .yang {
        font-family: "Fira Sans", sans-serif;
  font-weight: 700;
        font-size: 20px;
        background: url(../images/ball.png) 0 0/23% auto no-repeat;
        padding: 6px 0 19px 89px;
        margin: -7px 0 0 20px !important
    }

    .yang p {
        font-family: PTS55F;
        font-size: 14px;
        margin: 0 0 0 2px
    }

    .child {
        font-family: "Fira Sans", sans-serif;
  font-weight: 700;
        font-size: 20px;
        background: url(../images/litle.png) 0 0/23% auto no-repeat;
        padding: 3px 0 19px 91px;
        margin: 7px 0 0 20px !important
    }

    .child p {
        font-family: PTS55F;
        font-size: 14px;
        margin: 0 0 0 2px
    }

    .section5 {
        height: 1014px
    }

    .section6 .bell {
        background: url(../images/mid-bg.png) no-repeat;
        top: -81px;
        left: 4px
    }

    .section6 .zag-section1 {
        margin: -39px -70px 0 57px;
        font-size: 28px
    }

    .vi .span3 {
        margin: 21px 0 0 43px !important;
        width: 127px !important
    }

    .vi .span5 {
        margin: 51px -70px 0 20px !important;
        width: 255px
    }

    .pis .span3 {
        margin: -8px -70px 0 13px !important;
        width: 127px !important
    }

    .pis .span6 {
        margin: 29px 0 0 93px !important;
        font-family: PTS55F;
        font-size: 18px;
        letter-spacing: 0;
        width: 310px
    }

    .paraz .span3 {
        margin: 10px 0 0 43px !important;
        width: 127px !important
    }

    .paraz .span6 {
        margin: 43px -40px 0 20px !important;
        width: 310px
    }

    .section6 .stamp {
        right: 0;
        top: -90px;
        width: 285px
    }

    .section6 .sale {
        left: -15px;
        top: 485px;
        width: 140px
    }

    .section6 .box {
        position: absolute;
        left: -11px;
        top: 325px;
        width: 240px
    }

    .section6 .span6 form {
        margin: 210px 0 0 206px;
        position: relative;
        z-index: 50
    }

    .section6 {
        height: 630px
    }

    .section7 .letter {
        width: 810px
    }

    .head-letter2 {
        left: 684px
    }

    .letter p {
        margin: 0 0 0 96px;
        padding: 0;
        font-size: 14px
    }

    .section7 {
        height: 575px
    }

    .section8 h2 {
        margin: 9px 0 30px 15px
    }

    .section8 {
        height: 510px
    }

    .section9 .bell {
        top: -82px;
        left: 4px;
        height: 625px;
        background: url(../images/footer-bg976.png) no-repeat
    }

    .section9 .zag-section1 {
        margin: -35px 0 0 44px
    }

    .rost {
        margin: 16px -90px 0 47px
    }

    .bloks {
        margin: 34px 0 0 47px !important
    }

    .bloks .span6:first-child {
        width: 270px
    }

    .bloks .span6 .kodd {
        width: 242px !important
    }

    .bloks .span6:nth-child(2) {
        width: 260px;
        margin: 0 -120px 0 3px
    }

    .section9 .bloks .btn {
        font-size: 24px;
        padding: 17px 27px 19px
    }

    .kod {
        top: 293px;
        left: 96px;
        background: url(../images/kod976.jpg) no-repeat
    }

    .tovar {
        margin: 119px -90px 0 49px
    }

    .section9 .box {
        position: absolute;
        left: 0;
        top: 268px;
        width: 240px
    }

    .section9 .sale {
        left: 79px;
        top: 217px;
        width: 140px
    }

    .section9 .span6 form {
        margin: 209px 0 0 206px
    }

    .nat {
        top: -176px;
        left: 44px
    }

    .section9 .stamp {
        right: 0;
        top: -91px;
        width: 286px
    }

    .fourr,
    .threee {
        width: 152px !important;
        padding: 106px 0 14px;
        text-align: center;
        background-position: 40px 11px
    }

    .section9 {
        height: 635px
    }

    .section10 h2 {
        margin: -5px 0 24px 20px
    }

    .strelka3 {
        right: 198px;
        top: 71px
    }

    .fourr {
        margin: 0 !important
    }

    .threee {
        margin: 0 100px 0 0 !important
    }

    .strelka2 {
        left: 476px;
        top: 114px
    }

    .secondd {
        padding: 106px 0 14px;
        margin: 0 109px 0 0 !important;
        text-align: center;
        background-position: 40px 11px;
        width: 148px !important
    }

    .firstt {
        padding: 106px 0 14px 7px;
        margin: 0 111px 0 32px !important;
        text-align: center;
        background-position: 40px 11px;
        width: 145px !important
    }

    .strelka1 {
        left: 205px;
        top: 80px
    }
}

@media only screen and (max-width:975px) {

    .box,
    .section2 .sale,
    .section6 .box,
    .section9 .box {
        position: absolute
    }

    .block1 p:nth-child(3) br,
    .block4 p:nth-child(3) br,
    .littt,
    .section9 .stamp {
        display: none
    }

    .container {
        width: 768px
    }

    .ok {
        margin: -190px 10px 116px 134px !important;
        padding: 20px 0 20px 97px
    }

    .micro {
        margin: 128px 0 0 133px !important;
        padding: 20px 0 20px 98px;
        width: 311px !important
    }

    .title {
        margin: 62px 0 84px 40px !important
    }

    .head-letter1 {
        background: url(../images/head-letter1.jpg) no-repeat;
        width: 150px;
        height: 20px;
        top: 40px;
        left: 314px
    }

    .head-letter2 {
        background: url("../images/xhead-letter2.jpg.pagespeed.ic.7btqrxr3cd.webp") no-repeat;
        width: 150px;
        height: 50px;
        left: 562px;
        top: 30px
    }

    .head-letter4 {
        background: url(../images/head-letter4.jpg) no-repeat;
        width: 120px;
        height: 30px;
        left: 85px;
        top: 149px
    }

    .head-letter3 {
        background: url(../images/head-letter3.jpg) no-repeat;
        width: 90px;
        height: 20px;
        left: 87px;
        top: 115px
    }

    .head-letter-ava {
        background: url("../images/xhead-letter-ava.jpg.pagespeed.ic.tg7gfuuwpz.webp") no-repeat;
        width: 120px;
        height: 50px;
        left: 31px;
        top: 88px
    }

    .head-letter-ava2 {
        background-image: url("../images/xhead-letter-ava2.jpg.pagespeed.ic.ywor1pogxy.webp")
    }

    .head-letter-ava3 {
        background-image: url("../images/xhead-letter-ava3.jpg.pagespeed.ic.vbrdpk0miz.webp")
    }

    .letter .thank {
        font-family: PTS55F;
        font-size: 32px;
        margin: 35px 0 0 29px;
        letter-spacing: 1.5px
    }

    .letter .namee {
        font-family: PTS55F;
        font-size: 16px;
        margin: 33px 0 0 85px
    }

    .section1 .container {
        background-position: center 60px
    }

    .letter .ind {
        margin: 86px 44px 0 84px;
        font-size: 15px;
        letter-spacing: -.2px;
        line-height: 19px
    }

    .section7 .letter {
        width: 726px;
        margin-left: 30px;
        border: 1px solid #dbdbdb;
        border-radius: 6px;
        padding-top: 0;
        height: 446px
    }

    .box {
        right: -105px;
        top: 31px;
        width: 217px
    }

    .perv,
    .tret,
    .vtor {
        width: 185px !important
    }

    header .sale {
        top: 2em;
        left: 42em
    }

    .sale {
        left: 560px;
        top: -153px
    }

    form {
        margin: 167px 0 0 -159px
    }

    header .row-fluid .offset2 {
        margin: 35px 0 0 18px
    }

    .niz {
        font-size: 40px;
        margin-top: 30px;
        letter-spacing: 1px
    }

    header {
        background: url(../images/bg768.png) center top no-repeat;
        height: 645px
    }

    .block-2 {
        padding: 371px 0 0 47px
    }

    .perv {
        margin: 0 0 0 3px !important
    }

    .perv .perv-p {
        margin: 16px 0 0 -4px
    }

    .vtor {
        margin: 10px 0 0 72px !important
    }

    .vtor .perv-p2 {
        margin: 22px 0 0 -5px
    }

    .tret {
        margin: 6px 0 0 64px !important
    }

    .tret .perv-p3 {
        margin: 22px -12px 0 -24px
    }

    .right-p1 {
        margin: 65px 0 0 56px;
        letter-spacing: -.1px
    }

    .right-p2 {
        margin: 8px 0 0 35px
    }

    .dnk {
        top: 718px;
        width: 709px;
        height: 342px
    }

    .right-ul {
        margin-left: 21px;
        height: 385px;
        width: 702px
    }

    .dnks ul li:nth-child(2) {
        padding: 0 0 16px 54px;
        background-position: -1px 2px
    }

    .dnks ul li:nth-child(3) {
        padding: 7px 10px 10px 53px;
        margin-top: 17px;
        margin-left: 2px;
        background-position: 0 1px
    }

    .dnks ul li:nth-child(4) {
        background-position: -1px 1px
    }

    .dnks ul li:nth-child(5) {
        background-position: 2px 22px;
        padding: 25px 0 10px 51px
    }

    .dnks ul li:nth-child(6) {
        padding: 9px 0 10px 51px;
        margin-top: 0;
        background-position: 0 8px
    }

    .dnks ul li:nth-child(7) {
        padding: 18px 0 10px 51px;
        margin-top: 12px;
        letter-spacing: -.1px;
        background-position: 1px 8px
    }

    .section1 {
        margin-bottom: 143px
    }

    .section2 .bell {
        top: -82px;
        left: 0;
        background: url(../images/bell-bg768.png) no-repeat;
        background-size: 97% 100%
    }

    .section2 .row-fluid [class*="span"].relative {
        top: 5em
    }

    .stamp {
        right: -400px;
        top: -522px;
        width: 68%
    }

    .section2 .span12.ind {
        width: 91%
    }

    .zag-section1 {
        margin: -25px 0 0 40px
    }

    .section3 h2 {
        clear: both
    }

    .ppp-img {
        margin: 55px 0 0 57px
    }

    .ppp {
        margin-left: 60px
    }

    .vvv-img {
        margin: 27px 0 0 1px;
        width: 50%
    }

    .vvv {
        margin-left: -6px;
        margin-top: 6px
    }

    .fff-img {
        margin: -6px 0 0 47px
    }

    .fff {
        margin-left: 62px;
        margin-top: 1px
    }

    .mmm-img {
        margin: 9px 0 23px -6px
    }

    .mmm {
        margin-left: 1px
    }

    .section2 .box {
        right: 0;
        left: 32px;
        top: 96px;
        width: 500px
    }

    .section2 {
        height: 886px
    }

    .first-st {
        padding: 119px 0 14px 7px;
        margin: 29px 0 0 1px !important;
        text-align: center;
        background-position: 47px 0
    }

    .second-st,
    .three-st {
        margin: 30px 0 0 !important;
        line-height: 24px;
        text-align: center
    }

    .second-st {
        width: 230px !important;
        padding: 114px 20px 14px 15px;
        background-position: 70px 0
    }

    .three-st {
        padding: 115px 45px 14px 4px;
        background-position: 24px 0
    }

    .four-st {
        padding: 115px 0 14px 19px;
        margin: 29px 0 0 -30px !important;
        text-align: center;
        line-height: 24px;
        background-position: 60px 0
    }

    .section4 .span4,
    .section4 .span8 {
        width: 100%;
        float: none
    }

    .section4 {
        height: 1155px
    }

    .rezz5 .span11 {
        padding: 2px 0 0 21px
    }

    .rezz4 .span11 {
        padding: 4px 0 0 21px
    }

    .rezz3 .span11 {
        padding: 3px 0 0 21px
    }

    .rezz2 .span11 {
        padding: 0 0 0 39px;
        margin: -9px 0 0;
        width: 250px
    }

    .rezz1 .span11 {
        padding: 0 0 0 23px;
        letter-spacing: 0
    }

    .rezz5 {
        margin: 25px 0 0 72px !important
    }

    .rezz4 {
        margin: 23px 0 0 72px !important
    }

    .rezz3 {
        margin: 22px 0 0 72px !important
    }

    .rezz2 {
        margin: 23px 0 0 71px !important
    }

    .rezz1 {
        margin: 34px 0 0 71px !important
    }

    .intoxic {
        left: 490px
    }

    .zzzz {
        left: 139px;
        background-position: 0 0
    }

    .rez2 .span11 {
        padding: 0 0 0 21px
    }

    .rez2 {
        margin: 23px 0 0 75px !important
    }

    .tabl {
        top: -85px;
        height: 260px;
        left: 499px
    }

    .zzz {
        width: 466px;
        left: 138px;
        top: 31px
    }

    .rez1 {
        margin: 46px 0 0 74px !important
    }

    .rez1 .span11 {
        padding: 0 0 0 22px
    }

    .expert-r p:nth-child(3) {
        margin: 19px 0 0 90px
    }

    .expert-r p:nth-child(2) {
        margin: 36px 260px 0 91px
    }

    .expert-r p:first-child {
        margin: 36px 0 0;
        text-align: center
    }

    .expert-r p:nth-child(5) {
        margin: 45px 0 0 90px
    }

    .section2 .sale {
        max-width: 35%;
        left: 222px;
        top: 262px
    }

    .span6 form {
        margin: 54px 0 0 405px
    }

    .expert {
        background: url(../images/layer-171-768.jpg) no-repeat;
        width: 70%;
        height: 376px;
        top: -60px;
        left: 49px
    }

    .expert-p {
        font-family: "Fira Sans", sans-serif;
  font-weight: 700;
        font-size: 28px;
        margin: 111px 0 0 470px;
        letter-spacing: -.1px;
        line-height: 36px;
        width: 250px
    }

    .expert-pp {
        margin: 29px 0 0 471px;
        width: 300px
    }

    .expert-ppp {
        margin: -28px 94px 0 70px
    }

    .section2 .span6 {
        width: 100%
    }

    .block4,
    .block5 {
        margin-top: 0
    }

    .section7 h2 {
        margin: 35px 0 28px 20px
    }

    .section2 .span6 .span6 {
        width: 50%
    }

    .section5 h2 {
        margin-left: 123px;
        width: 540px;
        margin-top: 70px
    }

    .plus {
        margin-top: 23px
    }

    .block {
        margin-bottom: 17px
    }

    .block p:nth-child(2) {
        font-family: "Fira Sans", sans-serif;
  font-weight: 700;
        font-size: 20px;
        letter-spacing: -.2px;
        margin: 31px 0 31px 27px
    }

    .block4 p:nth-child(2),
    .block5 p:nth-child(2) {
        margin: 21px 0 31px 23px
    }

    .block p:nth-child(3) {
        font-family: PTS55F;
        font-size: 14px;
        margin: -15px 0 0 28px;
        letter-spacing: .9px;
        line-height: 1.3
    }

    .block4 p:nth-child(3),
    .block5 p:nth-child(3) {
        margin: -15px 25px 0 23px
    }

    .section5 {
        height: auto;
        padding-bottom: 130px
    }

    .swiper-container-horizontal>.swiper-pagination-bullets,
    .swiper-pagination-custom,
    .swiper-pagination-fraction {
        bottom: 30px
    }

    .block1,
    .block2,
    .block3,
    .block4 {
        height: 398px !important
    }

    .block5,
    .block6 {
        height: 396px !important;
        margin-top: 3px
    }

    .child,
    .old,
    .yang {
        padding-top: 8px;
        padding-left: 65px
    }

    .child p span,
    .old p span,
    .yang p span {
        font-size: 16px
    }

    .section6 .zag-section1 {
        margin: -45px -190px 0 81px
    }

    .vi .span3 {
        margin: 29px 0 0 71px !important;
        width: 127px !important
    }

    .vi .span5 {
        margin: 62px -200px 0 18px !important;
        width: 340px
    }

    .pis .span6 {
        margin: 9px 0 0 118px !important;
        font-family: PTS55F;
        font-size: 18px;
        letter-spacing: 0;
        width: 440px;
    }

    .pis .span3 {
        margin: -26px -340px 0 21px !important;
        width: 127px !important
    }

    .paraz .span3 {
        margin: -12px 0 0 70px !important;
        width: 127px !important
    }

    .paraz .span6 {
        margin: 28px -300px 0 20px !important;
        width: 430px
    }

    .section6 {
        height: 843px
    }

    .section6 .stamp {
        right: 33px;
        top: -64px;
        width: 210px
    }

    .section6 .box {
        top: 459px;
        width: 450px;
        left: -343px
    }

    .swiper-slide {
        width: 726px !important
    }

    .section6 .sale {
        left: -110px;
        top: 660px;
        width: 140px;
        max-width: 35%
    }

    .section6 .span6 form {
        margin: 466px 0 0 30px
    }

    .section6 .bell {
        background: url(../images/mid-bell-bg768.png) no-repeat;
        top: -83px;
        left: 23px
    }

    .section7 {
        height: 592px
    }

    .section8 h2 {
        margin: 9px 0 20px 15px
    }

    .nat {
        top: -139px;
        left: 139px
    }

    .section9 .box {
        right: 0;
        top: 350px;
        width: 230px;
        left: -232px
    }

    .section9 .sale {
        left: -141px;
        top: 352px;
        width: 140px
    }

    .section9 .span6 form {
        margin: 308px 0 0 30px
    }

    .section9 {
        height: 713px
    }

    .section9 .bell {
        top: -182px;
        left: 23px;
        width: 100%;
        height: 625px;
        background: url(../images/footer-bg768.png) no-repeat
    }

    .section9 .zag-section1 {
        margin: -138px -100px 0 75px
    }

    .rost {
        margin: 14px -120px 0 78px
    }

    .bloks {
        margin: 40px 0 0 77px !important
    }

    .bloks .span6 .kodd {
        width: 375px !important;
        margin: 0
    }

    .bloks .span6:nth-child(2) {
        width: 260px;
        margin: 1px -300px 0 133px
    }

    .tovar {
        margin: 127px -10px 0 79px
    }

    .kod {
        top: 126px;
        left: 406px;
        background: url(../images/kod.jpg) 0 0/89.5% auto no-repeat
    }

    .strelka1,
    .strelka2,
    .strelka3 {
        background-size: 82% auto
    }

    .firstt {
        margin: 0 50px 0 21px !important
    }

    .strelka1 {
        left: 175px;
        top: 86px
    }

    .secondd {
        margin: 0 51px 0 0 !important
    }

    .strelka2 {
        left: 376px;
        top: 122px
    }

    .threee {
        margin: 0 41px 0 0 !important
    }

    .strelka3 {
        right: 137px;
        top: 79px
    }
}

@media only screen and (max-width:767px) {

    .four-st,
    .second-st {
        line-height: 24px;
        text-align: center
    }

    .first-st,
    .four-st,
    .fourr,
    .second-st,
    .threee {
        text-align: center
    }

    .section5 .block {
        width: 300px
    }

    .container {
        width: 640px
    }

    .micro {
        margin: 129px 0 0 69px !important
    }

    .ok {
        margin: -190px 10px 116px 70px !important
    }

    .mob {
        height: 95px;
        overflow: hidden
    }

    .title {
        margin: 68px 0 84px 32px !important;
        letter-spacing: 0;
        font-size: 90px
    }

    .section1 .span3 p,
    .spisok {
        font-size: 16px
    }

    .box {
        right: -212px;
        top: 26px;
        width: 200px
    }

    .sale {
        left: 469px
    }

    header .sale {
        top: 3em;
        left: 36em
    }

    .footer_section .sale {
        top: 7em;
        left: 18px
    }

    form {
        margin: 166px 0 0 -155px
    }

    .footer_section form {
        top: -3em
    }

    header .row-fluid .offset2 {
        margin: 9px 0 0 19px;
        padding-right: 50px
    }

    .spisok {
        padding: 16px 0 27px 22px
    }

    .section1 .container {
        background-size: contain;
        background-position: 0 60px
    }

    .spisok span {
        font-size: 14px
    }

    .niz {
        font-size: 34px;
        margin-top: 35px;
        margin-left: 27px !important;
        letter-spacing: 1px
    }

    .swiper-container {
        display: block
    }

    .none-mob {
        display: none
    }

    header {
        background: url("../images/bg640.png") center top no-repeat
    }

    .block-2 {
        padding: 371px 0 0 19px
    }

    .vtor {
        width: 183px !important;
        margin: 10px 0 0 36px !important
    }

    .tret {
        width: 175px !important;
        margin: 6px 0 0 36px !important
    }

    .right-p1 {
        margin: 43px 20px 0 0;
        display: inline-block
    }

    .right-p2 {
        padding: 0;
        margin: 8px -10px 0 -16px;
        display: inherit
    }

    .expert-ppp br,
    .section9 .kod {
        display: none
    }

    .right-ul li:first-child {
        margin-top: 14px
    }

    .right-ul {
        margin-left: -7px;
        height: 375px;
        width: 604px
    }

    .dnks ul li:nth-child(5) {
        background-position: 11px 22px;
        padding: 25px 0 10px 60px;
        margin: -3px 0 13px
    }

    .dnks ul li:nth-child(6) {
        padding: 9px 0 10px 61px;
        margin-top: 0;
        background-position: 9px 8px
    }

    .dnks ul li:nth-child(7) {
        padding: 21px 0 10px 59px;
        margin-top: 12px;
        letter-spacing: -.1px;
        background-position: 11px 16px
    }

    .section1 {
        margin-bottom: 121px
    }

    .section2 .bell {
        top: -83px;
        left: 23px;
        background: url("../images/bell-bg640.png") no-repeat;
        background-size: 95% 100%
    }

    .section2 .row-fluid [class*="span"].relative {
        top: 2em
    }

    .section2 .span12.ind {
        margin-left: 65px
    }

    .section3 {
        margin-top: 27em
    }

    .stamp {
        right: -350px;
        top: -480px;
        width: 56%
    }

    .ppp-img {
        margin: 27px 0 0 50px
    }

    .ppp {
        margin-left: 51px
    }

    .vvv-img {
        margin: 17px 0 0 -13px;
        width: 52%
    }

    .vvv {
        margin-left: -16px;
        margin-top: 5px
    }

    .fff-img {
        margin: -28px 0 0 35px
    }

    .fff {
        margin-left: 49px;
        margin-top: 2px
    }

    .section2 {
        height: 840px
    }

    .section3 h2 {
        margin-left: 30px
    }

    .mmm-img {
        margin: -13px 0 23px -23px
    }

    .mmm {
        margin-left: -17px
    }

    .first-st {
        padding: 119px 0 10px 27px;
        margin: 29px 0 0 -4px !important;
        background-position: 47px 0
    }

    .second-st {
        width: 195px !important;
        padding: 114px 0 14px 12px;
        margin: 30px 0 0 !important;
        background-position: 62px 0
    }

    .three-st {
        padding: 115px 14px 14px 4px
    }

    .four-st {
        padding: 115px 0 14px 19px;
        margin: 29px 0 0 -8px !important;
        background-position: 44px 0
    }

    .rez1 .span11,
    .rez2 .span11 {
        padding: 0 0 0 32px
    }

    .expert-r p:first-child {
        margin: 55px 0 0 26px
    }

    .expert-r p:nth-child(2) {
        margin: 38px 0 0 27px
    }

    .expert-r p:nth-child(3) {
        margin: 19px 0 0 26px
    }

    .tabl {
        left: 438px
    }

    .zzz {
        left: 78px
    }

    .rez1 {
        margin: 45px 0 0 13px !important
    }

    .rez2 {
        margin: 23px 0 0 13px !important
    }

    .expert-r p:nth-child(5) {
        margin: 40px 0 0 26px
    }

    .zzzz {
        left: 77px;
        width: 80%
    }

    .intoxic {
        left: 430px
    }

    .rezz5 {
        margin: 25px 0 0 12px !important
    }

    .rezz4 {
        margin: 23px 0 0 12px !important
    }

    .rezz3 {
        margin: 22px 0 0 12px !important
    }

    .rezz2 {
        margin: 23px 0 0 11px !important
    }

    .rezz1 {
        margin: 34px 0 0 11px !important
    }

    .rezz1 .span11 {
        padding: 0 0 0 31px;
        letter-spacing: 0
    }

    .rezz2 .span11 {
        padding: 0 0 0 47px
    }

    .rezz3 .span11 {
        padding: 3px 0 0 30px
    }

    .rezz4 .span11 {
        padding: 4px 0 0 29px
    }

    .rezz5 .span11 {
        padding: 2px 0 0 31px
    }

    .expert {
        background: url("../images/layer-171-640.jpg") no-repeat;
        width: 293px;
        height: 377px;
        left: 49px
    }

    .expert-p {
        margin: 88px 0 0 362px;
        line-height: 40px
    }

    .expert-pp {
        margin: 37px 93px 0 363px
    }

    .block4 p:nth-child(2),
    .block5 p:nth-child(2) {
        margin: 22px 0 33px 22px
    }

    .expert-ppp {
        margin: -49px 0 0 67px;
        width: 240px
    }

    .section4 {
        height: 1102px
    }

    .section5 h2 {
        margin-left: 60px;
        width: 540px
    }

    .block {
        height: 368px
    }

    .Layer-33,
    .Layer-34,
    .Layer-35,
    .Layer-36,
    .Layer-37,
    .Layer-38 {
        width: 100%
    }

    .block p:nth-child(2) {
        margin: 31px 0 31px 25px;
        font-size: 16px
    }

    .old {
        padding: 4px 0 19px 80px;
        margin: 17px 0 0 21px !important
    }

    .yang {
        padding: 0 0 19px 81px;
        margin: 0 0 0 20px !important
    }

    .child {
        padding: 1px 0 19px 82px;
        margin: 9px 0 0 20px !important
    }

    .section5 {
        height: auto;
        padding-top: 30px
    }

    .section6 .zag-section1 {
        margin: -43px -250px 0 65px;
        font-size: 28px
    }

    .vi .span3 {
        margin: 19px 0 0 58px !important;
        width: 86px !important
    }

    .vi .span5 {
        margin: 41px -210px 0 23px !important;
        width: 335px
    }

    .pis .span6 {
        margin: 19px 0 0 54px !important
    }

    .pis .span3 {
        margin: -6px -340px 0 10px !important;
        width: 87px !important
    }

    .paraz .span3 {
        margin: 0 0 0 57px !important;
        width: 87px !important
    }

    .paraz .span6 {
        margin: 28px -300px 0 24px !important;
        width: 430px
    }

    .section6 .span6 form {
        margin: 364px 0 0 20px
    }

    .section6 .stamp {
        right: 23px;
        top: -17px;
        width: 145px
    }

    .section6 .box {
        position: absolute;
        right: 281px;
        top: 405px;
        width: 450px
    }

    .section6 .sale {
        top: 560px;
        left: -150px
    }

    .section6 .bell {
        background: url("../images/mid-bell-bg640.png") no-repeat;
        top: -83px;
        left: 23px
    }

    .block p:nth-child(3) {
        font-family: PTS55F;
        font-size: 13px;
        margin: -17px 0 0 23px;
        letter-spacing: 0;
        line-height: 20px
    }

    .child,
    .old,
    .yang {
        padding-top: 0;
        padding-left: 48px;
        margin-left: 8px !important
    }

    .old {
        margin-top: 0 !important
    }

    .block6 .ps {
        font-size: 18px
    }

    .Layer-33,
    .Layer-37,
    .Layer-38 {
        background-position: -24px 0
    }

    .section6 {
        height: 728px
    }

    .section7 h2 {
        margin: 35px 72px 16px 93px
    }

    .section7 {
        height: 692px
    }

    .section7 .letter {
        width: 598px;
        margin-left: 0
    }

    .head-letter2 {
        background: url("../images/xhead-letter2.jpg.pagespeed.ic.7btqrxr3cd.webp") no-repeat;
        width: 150px;
        height: 50px;
        left: 472px;
        top: 30px
    }

    .section8 {
        height: 501px
    }

    .swiper-slide {
        width: 598px !important
    }

    .section9 .bell {
        top: -212px;
        left: 30px;
        width: 100%;
        height: 625px;
        background: url(../images/footer-bg640.png) no-repeat
    }

    .strelka1,
    .strelka2,
    .strelka3 {
        background-size: 100% auto
    }

    .nat {
        top: -145px;
        left: 168px;
        width: 111px
    }

    .section9 .zag-section1 {
        margin: -181px -150px 0 61px
    }

    .rost {
        margin: 11px -190px 0 63px;
        line-height: 22px;
        letter-spacing: 0
    }

    .bloks {
        margin: 21px 0 0 62px !important
    }

    .bloks .span6 .kodd {
        width: 265px !important
    }

    .bloks .span6:nth-child(2) {
        width: 260px;
        margin: 1px -300px 0 34px
    }

    .tovar {
        margin: 114px -10px 0 62px
    }

    .section9 .box {
        position: absolute;
        right: 282px;
        top: 310px
    }

    .section9 .sale {
        left: -140px;
        top: 312px
    }

    .section9 .span6 form {
        margin: 266px 0 0 22px
    }

    .section9 {
        height: 659px
    }

    .firstt {
        letter-spacing: .2px;
        font-family: "Fira Sans", sans-serif;
  font-weight: 700;
        font-size: 14px;
        margin: 0 -2px 0 11px !important;
        line-height: 19px;
        background-position: 47px 11px;
        width: 160px !important;
        padding: 110px 0 14px 7px
    }

    .strelka1 {
        left: 165px;
        top: 65px;
        width: 60px;
        height: 28px
    }

    .secondd,
    .threee {
        width: 130px !important;
        padding: 111px 0 14px;
        line-height: 19px;
        font-size: 14px;
        letter-spacing: .2px
    }

    .secondd {
        margin: 0 26px 0 17px !important;
        background-position: 26px 12px
    }

    .threee {
        background-position: 28px 11px;
        margin: 0 23px 0 0 !important
    }

    .strelka2 {
        left: 318px;
        top: 135px;
        width: 65px;
        height: 38px;
        background-position: 0 -34px
    }

    .fourr {
        padding: 111px 0 14px;
        margin: 0 !important;
        background-position: 28px 12px;
        width: 130px !important;
        line-height: 19px;
        font-size: 14px;
        letter-spacing: .2px
    }

    .strelka3 {
        right: 146px;
        top: 59px;
        width: 60px;
        height: 28px
    }

    .section2 .box {
        right: 0;
        left: 20px;
        top: 108px;
        width: 450px
    }

    .section2 .sale {
        position: absolute;
        left: 174px;
        top: 238px;
        max-width: 35%
    }

    .span6 form {
        margin: 47px 0 0 335px
    }

    .zag-section1 {
        margin: -44px 0 0 63px
    }

    .dnk {
        top: 82px;
        left: 48px;
        width: 578px;
        height: 342px
    }

    .dnks {
        margin: 0 !important;
        width: 80% !important;
        position: relative;
        padding-left: 30px
    }
}

@media only screen and (max-width:639px) {
    .section4 .span8 {
        margin-left: 0
    }

    .expert-r p:nth-child(2) {
        width: 100%
    }

    .section6 .span6 span {
        font-size: 15px
    }

    .container {
        width: 480px
    }

    .micro {
        margin: 145px 0 0 127px !important
    }

    .ok {
        margin: -191px 10px 116px 128px !important
    }

    .title {
        margin: 54px 0 84px 36px !important
    }

    form {
        margin: 151px 0 0 -189px
    }

    .sale {
        left: 22px;
        top: 144px
    }

    header .sale {
        left: 2em;
        top: 25em
    }

    .box {
        right: 0;
        top: 247px;
        width: 180px;
        left: 2px
    }

    header {
        background: url(../images/bg480.png) center top no-repeat;
        height: 1000px
    }

    .b-spisok {
        margin-left: 0;
        margin-top: 450px
    }

    header .row-fluid .offset2 {
        width: 100%;
        padding: 0
    }

    .spisok {
        padding: 20px 0 22px 34px;
        margin-right: -20px;
        margin-bottom: 22px
    }

    .niz {
        margin-top: -2px;
        margin-left: 9px !important;
        font-size: 26px
    }

    .spisok span {
        letter-spacing: -.2px
    }

    .span3.ind.perv img {
        width: 30%;
        margin: -10px 0 0
    }

    .block-2 {
        padding: 277px 0 0 19px
    }

    .perv .perv-p br {
        display: none
    }

    .perv .perv-p,
    .right-p1,
    .span3.ind.perv {
        display: inline-block
    }

    .perv .perv-p {
        margin: 38px 0 0 13px;
        width: 54%;
        text-align: left
    }

    .span3.ind.perv {
        margin: 0 0 0 5px !important;
        width: 100% !important
    }

    .right-p1 {
        margin: 38px 0 0 -1px;
        font-size: 24px;
        background: #fff;
        padding-bottom: 10px;
        padding-right: 9px;
        z-index: 100;
        position: relative
    }

    .dnks ul li:nth-child(2) br,
    .dnks ul li:nth-child(4) br {
        display: none
    }

    .dnk {
        top: 65px;
        left: 51px;
        width: 415px;
        height: 462px
    }

    .right-ul {
        margin-left: -7px;
        height: 404px;
        width: 440px;
        -moz-column-count: 1
    }

    .dnks ul li:first-child {
        background: url("../images/x111.png.pagespeed.ic.ou4py7wmu0.webp") 0 1px no-repeat;
        padding: 0 0 26px 54px;
        margin: 7px 0 0
    }

    .dnks ul li:nth-child(2) {
        padding: 6px 0 10px 54px;
        background-position: -1px 2px
    }

    .dnks ul li:nth-child(3) {
        padding: 6px 10px 10px 51px;
        margin-top: 17px;
        margin-left: 2px;
        background-position: 0 -5px
    }

    .dnks ul li:nth-child(4) {
        background-position: 0 -1px
    }

    .ppp,
    .tret .perv-p3 {
        display: inline-block
    }

    .dnks ul li:nth-child(5) {
        background-position: 3px 21px;
        padding: 22px 0 10px 54px;
        margin: -3px 0 13px
    }

    .dnks ul li:nth-child(6) {
        padding: 8px 10px 13px 54px;
        margin-top: 0;
        background-position: 1px 7px
    }

    .dnks ul li:nth-child(7) {
        padding: 17px 0 10px 53px;
        margin-top: 12px;
        letter-spacing: -.1px;
        background-position: 2px 12px
    }

    .dnks {
        padding-left: 33px
    }

    .vtor img {
        width: 26%;
        margin: -30px 47px 0 0;
        float: right
    }

    .tret,
    .vtor {
        width: 100% !important
    }

    .vtor .perv-p2 {
        margin: 7px 0 0 30px
    }

    .vtor {
        margin: 10px 0 0 36px !important
    }

    .tret {
        margin: -19px 0 0 13px !important
    }

    .tret img {
        width: 26%;
        margin-top: -35px
    }

    .tret .perv-p3 {
        margin: 42px -12px 0 22px
    }

    .section1 {
        margin-bottom: 138px
    }

    .section2 .bell {
        top: -83px;
        left: 0;
        background: url(../images/bell-bg480.png) no-repeat;
        background-size: 100% 100%;
        height: 885px
    }

    .zag-section1 {
        margin: -41px 0 0 59px;
        font-size: 24px;
        line-height: 29px
    }

    .section2 .container .span6:nth-child(2) {
        width: 40%
    }

    .section2 .span6 .span6 {
        width: 50%
    }

    .ppp-img {
        margin: -51px 0 0 41px
    }

    .ppp {
        margin: 33px 0 0 12px
    }

    .intoxic,
    .tabl {
        display: none
    }

    .vvv-img {
        margin: -135px 0 0 31px;
        width: 28%
    }

    .section2 .sale {
        position: absolute;
        left: -1px;
        top: 300px;
        max-width: 50%
    }

    .section2 .box {
        right: 221px;
        top: 210px;
        width: 450px
    }

    .span6 form {
/*        margin: 230px 0 0 178px;*/
                margin: 800px 0 0 -152px;
    }

    .section2 {
        height: 913px
    }

    .section3 h2 {
        margin-left: 17px;
        font-size: 24px
    }

    .first-st {
        padding: 16px 0 30px 102px;
        margin: 8px 0 0 88px !important;
        text-align: center;
        line-height: 23px;
        background-position: 0 0
    }

    .four-st,
    .second-st,
    .three-st {
        text-align: left;
        line-height: 23px;
        background-position: 0 0
    }

    .second-st {
        padding: 20px 0 30px 99px;
        margin: 8px 0 0 93px !important;
        width: 324px !important
    }

    .three-st {
        padding: 20px 0 30px 101px;
        margin: 6px 0 0 89px !important;
        width: 300px !important
    }

    .four-st {
        padding: 16px 0 30px 97px;
        margin: 5px 0 0 93px !important;
        width: 310px !important
    }

    .section3 {
        height: 480px
    }

    .expert-r p:first-child {
        margin: 24px 0 0;
        font-size: 24px;
        text-align: center;
        line-height: 28px;
        width: 100%
    }

    .expert-r p:nth-child(2) {
        margin: 17px 0 0
    }

    .expert-r p:nth-child(3) {
        margin: 24px 0 0;
        font-size: 20px
    }

    .zzz {
        width: 376px;
        left: 85px;
        top: 30px
    }

    .expert-r p:nth-child(5) {
        margin: 40px 0 0
    }

    .rez1 {
        margin: 45px 0 0 !important
    }

    .rez1 .span11 {
        padding: 0 0 0 37px
    }

    .rez2 {
        margin: 23px 0 0 !important
    }

    .rez2 .span11 {
        padding: 0 0 0 38px
    }

    .expert-r p:nth-child(5) {
        font-size: 20px
    }

    .section5 .block {
        width: 300px
    }

    .rezz2 .span11 {
        width: 300px;
        padding-top: 10px !important
    }

    .rezz1 {
        margin: 34px 0 0 19px !important
    }

    .rezz2 {
        margin: 23px 0 0 18px !important
    }

    .rezz3 {
        margin: 22px 0 0 18px !important
    }

    .rezz4 {
        margin: 23px 0 0 18px !important
    }

    .rezz5 {
        margin: 25px 0 0 19px !important
    }

    .rezz5 .span11 {
        padding: 2px 0 0 36px
    }

    .rezz4 .span11 {
        padding: 4px 0 0 38px
    }

    .rezz3 .span11 {
        padding: 3px 0 0 38px
    }

    .rezz2 .span11 {
        padding: 2px 0 0 50px
    }

    .rezz1 .span11 {
        padding: 0 0 0 35px;
        letter-spacing: 0
    }

    .zzzz {
        left: 84px;
        background-position: 0 0;
        width: 377px
    }

    .expert {
        background: url(../images/layer-171-480.jpg) no-repeat;
        width: 173px;
        height: 286px;
        left: 40px;
        top: 3px
    }

    .expert-p {
        margin: 44px 0 0 223px;
        line-height: 31px;
        font-size: 24px
    }

    .expert-pp {
        margin: 10px 100px 0 223px;
        width: 200px
    }

    .plus {
        margin-top: 23px;
        height: 440px
    }

    .expert-ppp {
        margin: 17px 0 0 224px;
        width: 240px
    }

    .section7 .swiper-slide {
        flex-shrink: 0;
        position: relative;
        margin-left: 0;
        width: 475px !important;
        height: 446px
    }

    .block {
        height: 368px !important;
        display: inline-block !important;
        margin-bottom: 0
    }

    .fff,
    .pis .span3,
    .vvv {
        display: inline-block
    }

    .swiper-pagination1 {
        bottom: 145px !important;
        text-align: center;
        position: absolute;
        z-index: 100
    }

    .swiper-container1 {
        margin: 0 auto;
        position: relative;
        overflow: hidden;
        z-index: 1;
        width: 100%;
        height: 100%
    }

    .section7 .container,
    .section7 .row-fluid {
        height: 100%
    }

    .swiper-slide {
        flex-shrink: 0;
        width: 299px !important;
        height: 368px;
        position: relative;
        margin-left: 24px
    }

    .child {
        padding: 1px 0 19px 30px;
        margin: 9px 0 0 20px !important
    }

    .yang {
        padding: 0 0 19px 30px;
        margin: 0 0 0 20px !important
    }

    .old {
        padding: 4px 0 19px 70px;
        margin: 0 0 0 21px !important
    }

    .swiper-pagination-bullet-active {
        opacity: 1;
        background: #e74700 !important
    }

    .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet {
        margin: 0 0 0 11px
    }

    .block p:nth-child(2) {
        margin: 31px 0
    }

    .swiper-container-horizontal>.swiper-pagination-bullets,
    .swiper-pagination-custom,
    .swiper-pagination-fraction {
        bottom: 40px
    }

    .block p:nth-child(3) {
        font-family: PTS55F;
        font-size: 16px;
        letter-spacing: 0;
        line-height: 20px;
        width: 270px;
        margin: -17px auto 0
    }

    .swiper-pagination-bullet {
        display: inline-block;
        border-radius: 100%;
        width: 13px;
        height: 13px;
        background: #d8d8d8;
        opacity: 1
    }

    .section7 .letter {
        width: 439px;
        height: 446px;
        text-align: left;
        margin-top: 2px
    }

    .footer_section form {
        top: -2em
    }

    .vvv {
        margin: 21px 0 0 8px;
        width: 210px
    }

    .fff {
        margin-left: -5px;
        margin-top: 29px
    }

    .section7 {
        height: 632px;
        margin-top: 40px;
    }

    .section5 h2 {
        margin-left: 39px;
        width: 420px;
        line-height: 31px;
        margin-top: 35px;
        font-size: 24px
    }

    .section5 {
        height: 640px;
        margin-top: 100px
    }

    .section6 .bell {
        background: url(../images/mid-bell-bg480.png) no-repeat;
        top: -83px;
        left: 23px
    }

    .section6 .zag-section1 {
        margin: -47px -250px 0 53px
    }

    .vi .span3 {
        margin: 17px 0 0 69px !important
    }

    .vi .span5 {
        margin: 37px -210px 0 23px !important;
        width: 265px
    }

    .pis .span6 {
        margin: 24px 0 0 67px !important;
        width: 262px
    }

    .pis .span3 {
        margin: 0 -200px 0px 10px ! important;
        width: 87px ! important;
        display: inline-block;
    }

    .head-letter1,
    .head-letter2,
    .head-letter3,
    .head-letter4,
    .letter .namee span,
    .section6 .stamp {
        display: none
    }

    .paraz .span6 {
        margin: 26px -300px 0 22px !important;
        width: 270px;
        line-height: 22px
    }

    .section6 .span6 form {
        margin: 117px 0 0 114px
    }

    .section6 .box {
        position: absolute;
        top: 545px;
        width: 180px;
        max-width: 400px;
        left: -215px
    }

    .section6 .sale {
        top: 665px;
        left: -230px
    }

    .section6 {
        height: 856px
    }

    .section7 h2 {
        margin: 37px 72px 17px 93px;
        font-size: 24px;
        line-height: 32px
    }

    .letter .namee {
        font-family: PTS55F;
        font-size: 20px;
        margin: -67px 0 0 85px
    }

    .letter .thank {
        font-family: PTS55F;
        font-size: 32px;
        margin: 84px 0 0 29px;
        letter-spacing: 1.5px
    }

    .head-letter-ava {
        top: 28px
    }

    .letter .ind {
        margin: 70px 26px 0 29px
    }

    .section8 h2 {
        margin: 6px 0 20px 15px;
        font-size: 24px
    }

    .section8 {
        height: 485px
    }

    .section9 .bell {
        top: -212px;
        left: 30px;
        width: 100%;
        height: 625px;
        background: url(../images/footer-bg480.png) no-repeat
    }

    .section9 .zag-section1 {
        margin: -187px 0 0 59px
    }

    .rost {
        margin: 16px -212px 0 58px;
        line-height: 22px;
        letter-spacing: -.1px
    }

    .bloks {
        margin: 24px 0 0 58px !important
    }

    .bloks .span6 .kodd {
        width: 200px !important;
        height: 56px
    }

    .fff-img {
        margin: -49px 0 0 33px
    }

    .mmm-img {
        margin: -35px 0 23px 42px;
        width: 24%
    }

    .nat {
        top: -244px;
        left: 51px;
        width: 111px
    }

    .paraz .span3 {
        margin: 28px 0 0 68px !important;
        width: 87px !important
    }

    .tovar {
        margin: 101px -200px 0 61px
    }

    .mmm {
        display: inline-block;
        margin: 12px 0 0 16px
    }

    .stamp {
        right: 30px;
        top: -529px;
        width: 30%
    }

    .right-p2 {
        padding: 0;
        margin: 8px -10px 0 -7px;
        display: inline;
        font-size: 24px;
        line-height: 21px
    }

    .mobile {
        display: block
    }

    .section9 .span6 form {
        margin: 406px 0 0 -58px
    }

    .section9 .box {
        position: absolute;
        right: 0;
        top: 500px;
        width: 180px;
        max-width: 320px;
        left: -220px
    }

    .section9 .sale {
        left: -214px;
        top: 398px
    }

    .section9 {
        height: 802px
    }

    .section10 h2 {
        margin: -6px 0 0 -24px;
        font-size: 24px
    }

    .firstt,
    .secondd {
        margin: 0 -2px 0 11px !important
    }

    .firstt {
        letter-spacing: .2px;
        font-family: "Fira Sans", sans-serif;
  font-weight: 700;
        font-size: 14px;
        text-align: left;
        line-height: 19px;
        background-position: 115px 9px;
        width: 100% !important;
        padding: 30px 0 25px 210px
    }

    .fourr,
    .secondd,
    .threee {
        letter-spacing: .2px;
        font-family: "Fira Sans", sans-serif;
  font-weight: 700;
        font-size: 14px;
        line-height: 19px;
        text-align: left;
        background-position: 114px 7px;
        width: 100% !important
    }

    .secondd {
        padding: 28px 0 25px 211px
    }

    .fourr,
    .threee {
        margin: 0 -2px 0 9px !important;
        padding: 28px 0 25px 210px
    }

    .strelka1,
    .strelka2,
    .strelka3 {
        background-size: 100% auto;
        width: 65px;
        height: 28px;
        transform: rotate(90deg)
    }

    .strelka1 {
        left: 331px;
        top: 99px
    }

    .strelka2 {
        background-position: 0 -34px;
        left: 79px;
        top: 203px
    }

    .strelka3 {
        background-position: 0 0;
        left: 331px;
        top: 283px
    }

    .pk {
        display: none !important
    }

    .bloks .span6:nth-child(2) {
        width: 260px;
        margin: 1px -340px 0 -66px
    }
}

@media only screen and (max-width:479px) {
    .container {
        width: 320px
    }

    header .box {
        display: block;
        top: 200px;
        left: 50%;
        margin-left: -70px;
        width: 461px
    }

    .box,
    .sale,
    .spisok br {
        display: none
    }

    header .mob {
        height: 0;
        min-height: 0 !important
    }

    header form {
        margin-top: 382px
    }

    .title {
        margin: 29px 0 355px 25px !important;
        font-size: 70px
    }

    .plus {
        margin-bottom: 12px
    }

    .micro {
        margin: 139px 0 0 17px !important
    }

    .ok {
        margin: -189px 10px 116px 18px !important
    }

    form {
        margin: 100px 0 0 -231px;
        width: 290px
    }

    form p {
        font-family: "Fira Sans", sans-serif;
  font-weight: 700;
        font-size: 24px;
        margin: 6px 24px 30px 0;
        text-align: right
    }

    .swiper-wrapper .swiper-slide:first-child {
        margin-left: 20px
    }

    .uneditable-input,
    input[type="color"],
    input[type="date"],
    input[type="datetime-local"],
    input[type="datetime"],
    input[type="email"],
    input[type="month"],
    input[type="number"],
    input[type="password"],
    input[type="search"],
    input[type="tel"],
    input[type="text"],
    input[type="time"],
    input[type="url"],
    input[type="week"],
    select,
    textarea {
        width: 218px;
        margin: -4px 0 22px
    }

    .btn {
        font-size: 19px;
        letter-spacing: .5px;
        padding: 19px 44px 21px;
        margin: -5px 0 0
    }

    header {
        background: url("../images/bg320.png") center top no-repeat;
        height: 1165px
    }

    .b-spisok {
        margin-left: -6px;
        margin-top: 417px
    }

    .spisok {
        padding: 20px 0 22px 34px;
        margin-right: -40px;
        margin-bottom: -6px;
        line-height: 23px
    }

    .niz {
        margin-top: -428px;
        margin-left: 24px !important;
        font-size: 26px;
        letter-spacing: 1px;
        line-height: 33px;
        text-align: center;
        width: 290px !important
    }

    .niz span {
        margin-left: 0
    }

    .block-2 {
        padding: 210px 0 0
    }

    .span3.ind.perv img {
        width: 26%;
        margin: -45px 0 0 9px
    }

    .perv .perv-p {
        margin: 52px 0 0 5px;
        width: 54%;
        display: inline-block;
        text-align: left
    }

    .vtor .perv-p2 {
        margin: 4px 0 0 -13px
    }

    .tret img {
        width: 24%;
        margin-top: -35px;
        margin-left: 2px
    }

    .tret .perv-p3 {
        margin: 37px -12px 0 5px;
        display: inline-block
    }

    .right-ul {
        margin-left: -7px;
        height: 499px;
        width: 300px;
        -webkit-column-count: auto;
        -moz-column-count: auto;
        column-count: auto
    }

    .dnks ul li {
        display: block
    }

    .right-p2 {
        padding: 0;
        margin: 0 -10px 0 -1px;
        display: inline;
        font-size: 24px;
        line-height: 28px
    }

    .paraz .span6,
    .pis .span6,
    .right-p1 {
        display: inline-block
    }

    .right-p1 {
        margin: 80px 0 0;
        font-size: 24px;
        background: #fff;
        padding-bottom: 6px;
        padding-right: 23px;
        z-index: 100;
        position: relative
    }

    .rez1 .span11,
    .section2 .span12.ind p {
        font-size: 14px
    }

    .section6 .box,
    .section9 .box {
        position: absolute;
        right: auto;
        max-width: 500px
    }

    .dnk {
        top: 47px;
        left: 20px;
        width: 295px;
        height: 592px;
        border: 0
    }

    .dnks {
        padding-left: 20px
    }

    .section1 {
        margin-bottom: 115px
    }

    .section2 .bell {
        top: -83px;
        left: 0;
        background: url("../images/bell-bg320.png") no-repeat;
        background-size: 100% 100%
    }

    .section2 .bell::after {
        content: "";
        position: absolute;
        bottom: -170px;
        background: url("../images/product.png");
        background-size: contain;
        width: 280px;
        height: 200px;
        margin-left: auto;
        margin-right: auto;
        left: 0;
        right: 0
    }

    .section2 .span12.ind {
        margin-left: 40px
    }

    .rez1 .span1,
    .rez2 .span1 {
        font-size: 18px;
        letter-spacing: 0;
        font-family: "Fira Sans", sans-serif;
  font-weight: 700;
    }

    .rez2 {
        margin: 21px 0 0 16px !important
    }

    .rez1 .span11 {
        padding: 0 0 0 55px;
        margin: -7px 0 0;
        width: 209px
    }

    .expert-r p:nth-child(5) {
        margin: 30px 0 0 20px;
        font-size: 20px
    }

    .rezz1 .span11,
    .rezz2 .span11,
    .rezz5 .span11 {
        letter-spacing: 0;
        font-size: 14px
    }

    .zzzz {
        left: 65px;
        background-position: 0 0;
        width: 247px
    }

    .rezz5 .span11 {
        padding: 0 0 0 46px;
        margin: 0;
        width: 210px
    }

    .section4 {
        height: 1062px
    }

    .expert-p {
        margin: 39px auto 0
    }

    .expert-pp {
        margin: 10px 10px 0;
        width: 300px
    }

    .rezz1 .span11 {
        padding: 0 0 0 39px
    }

    .rezz2 .span11,
    .rezz3 .span11 {
        padding: 0 0 0 48px
    }

    .rezz2 .span11 {
        width: 222px
    }

    .rezz3 .span11,
    .rezz4 .span11 {
        letter-spacing: 0;
        font-size: 14px;
        margin: -5px 0 0;
        width: 220px;
        line-height: 16px
    }

    .rezz4 .span11 {
        padding: 0 0 0 47px
    }

    .section5 h2 {
        width: 288px;
        line-height: 29px;
        font-size: 24px;
        text-align: center;
        margin: 40px 0 0 25px
    }

    .section5 {
        height: 560px
    }

    .section6 .bell {
        background: url("../images/mid-bell-bg320.png") no-repeat;
        top: -100px;
        left: 10px;
        height: 710px
    }

    .section6 .zag-section1 {
        margin: -52px 10px 0 34px
    }

    .section6 .row-fluid .span6 {
        width: 100%
    }

    .vi .span3 {
        margin: 22px 0 0 26px !important
    }

    .vi .span5 {
        margin: 28px 0 0 15px !important;
        width: 155px;
        line-height: 21px
    }

    .pis .span6 {
        margin: 25px 30px 0 0 !important;
        width: 162px !important;
        line-height: 21px;
        float: right
    }

    .paraz .span6 {
        margin: 22px 0 0 18px !important;
        width: 163px !important;
        float: left;
        line-height: 21px
    }

    .section7 {
        height: 744px
    }

    .section8 h2 {
        margin: 14px 0 18px 15px;
        font-size: 24px;
        line-height: 27px
    }

    .section8 {
        height: 250px;
        margin-top: 30px
    }

    .section9 .zag-section1 {
        margin: 49px 0 0 48px
    }

    .rost {
        margin: 19px -150px 0 46px;
        line-height: 22px;
        letter-spacing: -.1px
    }

    .section9 .span6 form {
        margin: 801px 0 0 -143px
    }

    .section9 .bloks .btn {
        font-size: 24px;
        padding: 16px 60px 23px 61px;
        margin-left: 12px;
        margin-top: 5px
    }

    .tovar {
        margin: 169px -140px 0 44px;
        line-height: 21px
    }

    .section9 .box {
        top: 818px;
        width: 52px;
        left: -127px
    }

    .firstt,
    .fourr,
    .secondd,
    .threee {
        background-position: 49px 9px;
        width: 100% !important
    }

    .section9 {
        height: 1197px
    }

    .section10 h2 {
        margin: -6px 0 0 17px;
        font-size: 24px
    }

    .firstt {
        padding: 31px 0 25px 143px
    }

    .secondd,
    .threee {
        padding: 28px 0 25px 145px
    }

    .fourr {
        padding: 28px 0 25px 144px
    }

    .strelka3 {
        left: 254px
    }

    .strelka2 {
        left: 8px
    }

    .strelka1 {
        left: 254px
    }

    .section9 .bell {
        top: 27px;
        left: 21px;
        width: 100%;
        height: 775px;
        background: url(../images/footer-bg320.png) no-repeat
    }

    .nat {
        display: none
    }

    .bloks .span6:nth-child(2) {
        width: 250px;
        margin: 1px 40px 0 -13px
    }

    .bloks {
        margin: 22px 0 0 45px !important
    }

    .bloks .span6 .kodd {
        width: 227px !important;
        height: 56px
    }

    .paraz .span3 {
        margin: 27px 0 0 26px !important;
        width: 87px !important
    }

    .section6 .span6 form {
        margin: 71px 0 0 5px
    }

    .section6 .box {
        top: 89px;
        width: 51px;
        left: 28px
    }

    .section6 {
        height: 996px
    }

    .pis .span3 {
        margin: 20px 0 0 26px !important;
        width: 87px !important;
        display: inline-block;
        float: left
    }

    .expert {
        display: none
    }

    .fff,
    .mmm,
    .ppp,
    .vvv {
        display: inline-block
    }

    .rezz1 .span1,
    .rezz2 .span1,
    .rezz3 .span1,
    .rezz4 .span1,
    .rezz5 .span1 {
        font-family: "Fira Sans", sans-serif;
  font-weight: 700;
        font-size: 18px;
        letter-spacing: 0
    }

    .rezz5 {
        margin: 24px 0 0 15px !important
    }

    .rezz4 {
        margin: 24px 0 0 13px !important
    }

    .rezz3 {
        margin: 22px 0 0 13px !important
    }

    .rezz2 {
        margin: 23px 0 0 13px !important
    }

    .rezz1 {
        margin: 34px 0 0 14px !important
    }

    .rez1 {
        margin: 35px 0 0 12px !important
    }

    .rez2 .span11 {
        padding: 0 0 0 54px;
        margin: -7px 0 0;
        width: 230px;
        font-size: 14px
    }

    .zag-section1 {
        margin: -57px 0 0 46px;
        font-size: 24px;
        line-height: 29px
    }

    .ppp-img {
        margin: -162px 0 0 27px;
        width: 30%
    }

    .expert-ppp {
        margin: 21px 0 0 10px;
        width: 240px
    }

    .ppp {
        margin: 25px 0 0 8px;
        width: 162px
    }

    .vvv-img {
        margin: -189px 0 0 16px;
        width: 30%
    }

    .vvv {
        margin: 17px 0 0 13px;
        width: 169px
    }

    .fff-img {
        margin: -176px 0 0 21px;
        width: 37%
    }

    .fff {
        margin-left: -6px;
        margin-top: 22px;
        width: 120px
    }

    .mmm-img {
        margin: -107px 0 23px 28px;
        width: 25%
    }

    .mmm {
        margin: 9px 0 0 16px;
        width: 165px
    }

    .stamp {
        display: none
    }

    .span6 form {
        margin: 76px 0 0
    }

    .section2 .box {
        right: 0;
        top: 91px;
        width: 53px;
        max-width: 500px;
        left: 40px
    }

    .section2 {
        height: 1025px
    }

    .section3 h2 {
        margin-left: auto;
        margin-right: auto;
        font-size: 24px;
        line-height: 30px;
        width: 290px
    }

    .first-st {
        padding: 16px 0 30px 102px;
        margin: -2px 0 0 5px !important
    }

    .second-st {
        padding: 4px 0 30px 99px;
        margin: 9px 0 0 5px !important;
        text-align: left;
        line-height: 23px;
        background-position: 0 0;
        width: 304px !important
    }

    .three-st {
        padding: 15px 0 30px 101px;
        margin: 22px 0 0 5px !important
    }

    .four-st {
        padding: 15px 0 30px 98px;
        margin: 9px 0 0 5px !important
    }

    .section3 {
        height: 498px
    }

    .expert-r p:first-child {
        margin: 25px 0 0;
        font-size: 24px;
        width: 310px
    }

    .expert-r p:nth-child(2) {
        margin: 17px 10px 0 21px;
        line-height: 21px;
        letter-spacing: 0;
        width: 300px
    }

    .plus {
        margin-top: 23px
    }

    .block {
        height: 368px;
        display: inline-block !important
    }

    .swiper-slide {
        flex-shrink: 0;
        width: 289px !important;
        height: 368px;
        position: relative;
        margin-left: 26px
    }

    .section7 h2 {
        margin: 37px 12px 18px 33px;
        font-size: 24px;
        line-height: 31px
    }

    .head-letter-ava {
        top: 16px;
        left: 16px
    }

    .letter .namee {
        font-family: PTS55F;
        font-size: 20px;
        margin: -60px 0 0 73px
    }

    .letter .ind {
        margin: 65px 26px 0 13px
    }

    .zzzz {
        background: url("../images/xpab2-320.jpg.pagespeed.ic.iqeu7ip5b3.webp") no-repeat
    }

    .letter .thank {
        font-family: PTS55F;
        font-size: 29px;
        margin: 66px 0 0 14px;
        letter-spacing: .9px
    }

    .section7 .letter {
        width: 299px;
        height: 566px;
        margin: 122px 0 0 10px
    }

    .section7 .swiper-slide {
        flex-shrink: 0;
        position: relative;
        margin-left: 0;
        width: 300px !important;
        height: 446px
    }

    form p {
        background-position: 188px 14px
    }

    .zzz {
        width: 245px;
        left: 67px;
        top: 20px
    }

    .expert-r p:nth-child(3) {
        margin: 21px 0 0 10px;
        font-size: 20px
    }

    .ppp br {
        display: none
    }

    .vtor img {
        width: 24%;
        margin: -12px 34px 0 0;
        float: right
    }
}

.section2 .container,
.section5 .container,
.section6 .container {
    overflow: visible
}

.section2 .span6 img {
    width: 100px;
    height: 100px;
    object-fit: contain
}

@media screen and (max-width:640px) {
    .row-fluid .span6 {
        width: 100%;
        width: 270px;
    }

    .title {
        font-size: 60px
    }
}

.swiper-wrapper .swiper-slide:first-child {
    margin-left: 30px !important;
/*    margin-right: auto !important*/
}

@media screen and (max-width:480px) {
    .title {
        font-size: 48px
    }

    header .box {
        top: 150px
    }

    .b-spisok {
        margin-top: 492px
    }

    .section1 {
        margin-top: 40px
    }

    .vtor {
        margin-left: 20px !important
    }

    .section2 .span6 form {
        margin-top: 213px;
        margin-left: 8px
    }

    .rezz2 {
        margin-top: 5px !important
    }

    .section3 .row-fluid .span3 {
        margin-left: 20px !important
    }

    .section5 {
        margin-top: 0;
        padding-top: 0
    }

    .section7 h2 {
        margin-left: 0;
        margin-right: 0
    }

    .letter {
        margin-left: 0 !important
    }

    .footer_section form {
        margin-left: auto;
        margin-right: auto
    }

    .section6 .bell {
        left: 5px
    }

    html,
    body {
        overflow-x: hidden
    }

    form p.price-text--top,
    .price-x--top {
        margin-left: 0;
        margin-right: 0;
        text-align: center
    }

    .price-old--top {
        margin-left: 0;
        text-align: center
    }

    .description__teaser__timer {
        position: relative;
        left: 5px
    }
}

.container .span6.title {
    padding-left: 40px;
    white-space: nowrap
}

.namee {
    font-weight: 600
}

@media screen and (min-width:768px) {
    .footer {
        position: relative;
        top: 60px
    }

    .container .span6.title {
        padding-left: 140px
    }
}