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(../img/description_timer_bg.png) 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: 4%;
    position: relative;
}

.price-old--top:after {
    background: url(../img/price-old.png) no-repeat;
    width: 90px;
    height: 46px;
    background-size: 90px;
    position: absolute;
    bottom: 5px;
    left: 10px;
    content: " ";
}

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: PTSansBold, sans-serif;
    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,
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"],
textarea {
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset;
    transition: border 0.2s linear 0s, box-shadow 0.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, 0.8);
    outline: 0;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset,
        0 0 8px rgba(255, 178, 0, 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, 0.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, 0.2) inset,
        0 1px 2px rgba(0, 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 0.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, 0.15) inset,
        0 1px 2px rgba(0, 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, 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, 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 0.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");
}

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

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

@font-face {
    font-family: FiraSans-Bold;
    src: url(../fonts/firasans-bold.ttf);
}

@font-face {
    font-family: FiraSans-Light;
    src: url(../fonts/firasans-light.ttf);
}

@font-face {
    font-family: FiraSans-LightItalic;
    src: url(../fonts/firasans-lightitalic.ttf);
}

@font-face {
    font-family: FiraSans-Regular;
    src: url(../fonts/firasans-regular.ttf);
}

@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);
}

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(../img/bg.png) center top no-repeat;
    height: 700px;
}

.title {
    font-family: FiraSans-Bold;
    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: FiraSans-Bold;
    font-size: 20px;
}

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

.micro {
    background: url(../img/micro.png) 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(../img/first-st.png) no-repeat;
    padding: 19px 0 24px 97px;
    margin: 32px 0 0 13px !important;
}

.second-st {
    background: url(../img/second-st.png) no-repeat;
    padding: 18px 0 23px 100px;
    margin: 32px 0 0 -3px !important;
    width: 325px !important;
}

.three-st {
    background: url(../img/three-st.png) no-repeat;
    padding: 18px 0 22px 99px;
    margin: 32px 0 0 52px !important;
}

.four-st {
    background: url(../img/four-st.png) no-repeat;
    padding: 20px 0 20px 96px;
    margin: 32px -30px 0 -1px !important;
}

.firstt,
.fourr,
.secondd,
.threee {
    font-size: 18px;
    font-family: FiraSans-Bold;
    line-height: 24px;
}

.firstt {
    background: url(../img/11.png) no-repeat;
    padding: 13px 0 30px 93px;
    margin: 16px 0 0 107px !important;
}

.secondd {
    background: url(../img/22.png) no-repeat;
    padding: 12px 0 30px 93px;
    margin: 16px 0 0 -9px !important;
}

.threee {
    background: url(../img/33.png) no-repeat;
    padding: 11px 0 30px 95px;
    margin: 16px 0 0 11px !important;
}

.fourr {
    background: url(../img/44.png) 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: FiraSans-Bold;
    font-size: 20px;
    background: url(../img/elips.png) no-repeat;
    padding: 20px 0 20px 22px;
    margin-bottom: 11px;
}

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

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

.niz {
    font-family: FiraSans-Bold;
    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: FiraSans-Bold;
    font-size: 32px;
    letter-spacing: -0.2px;
    margin: 56px 0 31px 39px;
}

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

.btn,
form p {
    font-family: FiraSans-Bold;
}

.swiper-pagination-bullet-active {
    opacity: 1;
    background: #e74700 !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(../img/price.png) 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: -0.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: 220px;
    font-size: 14px;
    letter-spacing: 0.2px;
    padding: 0 0 0 19px;
}

.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: -0.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: FiraSans-Bold;
    font-size: 32px;
    letter-spacing: -0.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(../img/bg1.png) left top no-repeat;
}

.bell {
    background: url(../img/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: FiraSans-Bold;
    font-size: 32px;
    color: #060606;
    margin: -3px 0 0 53px;
    line-height: 37px;
    letter-spacing: -0.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: -0.2px;
}

.ppp span {
    font-family: FiraSans-Bold;
    font-size: 20px;
    letter-spacing: -0.1px;
}

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

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

.vvv span {
    font-family: FiraSans-Bold;
    font-size: 20px;
    letter-spacing: -0.1px;
}

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

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

.fff span {
    font-family: FiraSans-Bold;
    font-size: 20px;
    letter-spacing: -0.1px;
}

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

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

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

.mmm span {
    font-family: FiraSans-Bold;
    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(../img/bg2.png) center top no-repeat;
    height: 688px;
}

.section7 {
    height: 610px;
}

.section8 {
    height: 480px;
}

.expert {
    background: url(../img/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(../../../../../../https@co1.detols.com/img/footer-bg.png) no-repeat;
}

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

.kod {
    background: url(../../../../../../https@co1.detols.com/img/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(../img/bg2.png) center top no-repeat;
}

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

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

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

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

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

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

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

.expert-p {
    font-family: FiraSans-Bold;
    font-size: 32px;
    margin: 63px 0 0 56px;
    letter-spacing: -0.1px;
    line-height: 35px;
}

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

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

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

.expert-ppp span {
    font-family: FiraSans-Bold;
    font-size: 15px;
}

.expert-r p:first-child {
    font-family: FiraSans-Bold;
    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: FiraSans-Bold;
    font-size: 24px;
    margin: 48px 0 0 56px;
    letter-spacing: 0;
}

.expert-r p:nth-child(5) {
    font-family: FiraSans-Bold;
    font-size: 24px;
    margin: 50px 0 0 58px;
    letter-spacing: -0.2px;
}

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

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

.zzz {
    background: url(../img/pab.jpg) no-repeat;
    top: 32px;
    width: 615px;
    height: 150px;
    left: 102px;
    z-index: 1;
}

.tabl {
    background: url(../img/tabl.png) 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: FiraSans-Bold;
}

.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: FiraSans-Bold;
    font-size: 20px;
    letter-spacing: 0;
}

.Layer-33 {
    background: url(../img/layer-33.jpg) no-repeat;
}

.Layer-34 {
    background: url(../img/layer-34.jpg) no-repeat;
}

.Layer-35 {
    background: url(../img/layer-35.jpg) no-repeat;
}

.Layer-36 {
    background: url(../img/layer-36.jpg) no-repeat;
}

.Layer-37 {
    background: url(../img/layer-37.jpg) no-repeat;
}
.Layer-38 {
    background: url(../img/layer-38.png) no-repeat;
    background-position-y: 30%;
}

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

.zzzz {
    background: url(../img/pab2.jpg) no-repeat;
    width: 640px;
    height: 290px;
    top: 21px;
    left: 103px;
}

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

.section6 .box {
    left: 12px;
    top: 209px;
}

.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: FiraSans-Bold;
    font-size: 20px;
    letter-spacing: -0.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: FiraSans-Bold;
    font-size: 20px;
}

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

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

.rezz3 .span1 {
    font-family: FiraSans-Bold;
    font-size: 20px;
}

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

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

.rezz4 .span1 {
    font-family: FiraSans-Bold;
    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: FiraSans-Bold;
    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: FiraSans-Bold;
}

.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(../img/bg2.png) center center no-repeat;
    background-size: cover;
    padding: 70px 0;
    text-align: center;
}

.strelka1,
.strelka2 {
    background: url(../img/ctrelka.png) 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: 2px;
    left: 89px;
    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: -0.2px;
}

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

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

.strelka3 {
    background: url(../img/ctrelka.png) 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/bag.png) 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: FiraSans-Bold;
    font-size: 20px;
}

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

.child {
    background: url(../../../../../../https@co1.detols.com/img/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: FiraSans-Bold;
    font-size: 20px;
}

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

.yang {
    background: url(../../../../../../https@co1.detols.com/img/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: FiraSans-Bold;
    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: -0.1px;
    line-height: 22px;
}

.relative {
    position: relative;
}

.dnks {
    margin: 0 !important;
}

.dnks ul li:first-child {
    background: url(../img/111.png) no-repeat;
    padding: 0 0 20px 54px;
}

.dnks ul li:nth-child(2) {
    background: url(../img/222.png) no-repeat;
    padding: 0 0 10px 54px;
}

.dnks ul li:nth-child(3) {
    background: url(../img/333.png) 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(../img/444.png) no-repeat;
}

.dnks ul li:nth-child(5) {
    background: url(../img/5.png) no-repeat;
}

.dnks ul li:nth-child(6) {
    background: url(../img/6.png) no-repeat;
}

.dnks ul li:nth-child(7) {
    background: url(../img/7.png) no-repeat;
    padding: 10px 0 10px 51px;
    margin-top: 12px;
}

.head-letter1 {
    background: url(../../../../../../https@co1.detols.com/img/head-letter1.jpg) no-repeat;
    width: 150px;
    height: 20px;
    top: 40px;
    left: 324px;
}

.head-letter2 {
    background: url(../img/head-letter2.jpg) no-repeat;
    width: 150px;
    height: 50px;
    left: 780px;
    top: 30px;
}

.head-letter4 {
    background: url(../../../../../../https@co1.detols.com/img/head-letter4.jpg) no-repeat;
    width: 120px;
    height: 30px;
    left: 96px;
    top: 149px;
}

.head-letter3 {
    background: url(../../../../../../https@co1.detols.com/img/head-letter3.jpg) no-repeat;
    width: 90px;
    height: 20px;
    left: 98px;
    top: 115px;
}

.head-letter-ava {
    background: url(../img/head-letter-ava.jpg) no-repeat;
    width: 120px;
    height: 50px;
    left: 42px;
    top: 88px;
}

.head-letter-ava2 {
    background-image: url(../img/head-letter-ava2.jpg);
}

.head-letter-ava3 {
    background-image: url(../img/head-letter-ava3.jpg);
}

.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: -0.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(../img/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(../img/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: 0.4px;
    }

    .right-p1,
    .right-p2 {
        font-size: 32px;
        font-family: FiraSans-Bold;
    }

    .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: -0.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: -0.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"],
    textarea {
        width: 202px;
    }

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

    .dnks ul li:nth-child(7) {
        background: url(../img/7.png) 17px -2px no-repeat;
        padding: 8px 0 10px 66px;
        margin-top: 12px;
    }

    .dnks ul li:nth-child(6) {
        background: url(../img/6.png) 16px 0 no-repeat;
        padding: 0 0 10px 64px;
        margin-top: 22px;
    }

    .dnks ul li:nth-child(5) {
        background: url(../img/5.png) 18px 22px no-repeat;
        padding: 27px 0 10px 67px;
        margin-top: 22px;
    }

    .dnks ul li:nth-child(4) {
        background: url(../img/444.png) 1px 0 no-repeat;
        padding: 0 0 9px 54px;
        margin-top: 22px;
    }

    .dnks ul li:nth-child(3) {
        background: url(../img/333.png) 1px -4px no-repeat;
        padding: 7px 0 10px 53px;
        margin-top: 16px;
        margin-left: 2px;
    }

    .dnks ul li:nth-child(2) {
        background: url(../img/222.png) 0 4px no-repeat;
        padding: 0 0 18px 55px;
    }

    .dnks ul li:first-child {
        background: url(../img/111.png) no-repeat;
        padding: 0 0 18px 54px;
    }

    .section2 .bell {
        top: -82px;
        left: 4px;
        background: url(../img/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: 25em;
    }

    .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: FiraSans-Bold;
        font-size: 24px;
        letter-spacing: -0.2px;
        margin: 28px 0 31px 28px;
    }

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

    .block6 .ps,
    .old {
        font-family: FiraSans-Bold;
    }

    .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: -0.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: FiraSans-Bold;
        font-size: 20px;
        background: url(../../../../../../https@co1.detols.com/img/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: FiraSans-Bold;
        font-size: 20px;
        background: url(../../../../../../https@co1.detols.com/img/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(../img/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(../../../../../../https@co1.detols.com/img/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(../../../../../../https@co1.detols.com/img/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(../../../../../../https@co1.detols.com/img/head-letter1.jpg) no-repeat;
        width: 150px;
        height: 20px;
        top: 40px;
        left: 314px;
    }

    .head-letter2 {
        background: url(../img/head-letter2.jpg) no-repeat;
        width: 150px;
        height: 50px;
        left: 562px;
        top: 30px;
    }

    .head-letter4 {
        background: url(../../../../../../https@co1.detols.com/img/head-letter4.jpg) no-repeat;
        width: 120px;
        height: 30px;
        left: 85px;
        top: 149px;
    }

    .head-letter3 {
        background: url(../../../../../../https@co1.detols.com/img/head-letter3.jpg) no-repeat;
        width: 90px;
        height: 20px;
        left: 87px;
        top: 115px;
    }

    .head-letter-ava {
        background: url(../img/head-letter-ava.jpg) no-repeat;
        width: 120px;
        height: 50px;
        left: 31px;
        top: 88px;
    }

    .head-letter-ava2 {
        background-image: url(../img/head-letter-ava2.jpg);
    }

    .head-letter-ava3 {
        background-image: url(../img/head-letter-ava3.jpg);
    }

    .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: -0.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(../img/bg768.png) center top no-repeat;
        height: 835px;
    }

    .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: -0.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: -0.1px;
        background-position: 1px 8px;
    }

    .section1 {
        margin-bottom: 143px;
    }

    .section2 .bell {
        top: -82px;
        left: 0;
        background: url(../img/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(../img/layer-171-768.jpg) no-repeat;
        width: 70%;
        height: 376px;
        top: -60px;
        left: 49px;
    }

    .expert-p {
        font-family: FiraSans-Bold;
        font-size: 28px;
        margin: 111px 0 0 470px;
        letter-spacing: -0.1px;
        line-height: 36px;
        width: 250px;
    }

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

    .expert-ppp {
        margin: -63px 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: FiraSans-Bold;
        font-size: 20px;
        letter-spacing: -0.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: 0.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(../img/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(../../../../../../https@co1.detols.com/img/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(../../../../../../https@co1.detols.com/img/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: -106px;
        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(../img/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: -0.1px;
        background-position: 11px 16px;
    }

    .section1 {
        margin-bottom: 121px;
    }

    .section2 .bell {
        top: -83px;
        left: 23px;
        background: url(../img/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(../img/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: -81px 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(../img/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(../img/head-letter2.jpg) 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(../../../../../../https@co1.detols.com/img/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: 0.2px;
        font-family: FiraSans-Bold;
        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: 0.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: 0.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) {
    .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(../img/bg480.png) center top no-repeat;
        height: 1165px;
    }

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

    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: -0.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(../img/111.png) 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: -0.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: 23px;
        background: url(../img/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: 88px 0 0 178px;
    }

    .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 47px 0 63px;
        font-size: 24px;
        text-align: center;
        line-height: 28px;
        width: 370px;
    }

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

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

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

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

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

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

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

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

    .section5 .block {
        width: 300px;
    }

    .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(../img/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;
    }

    .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(../img/mid-bell-bg480.png) no-repeat;
        top: -83px;
        left: 23px;
    }

    .section6 .zag-section1 {
        margin: -47px -250px 0 67px;
    }

    .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: 27px -200px 0 10px !important;
        width: 87px !important;
        float: right;
    }

    .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: 451px 0 0 -56px;
    }

    .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(../../../../../../https@co1.detols.com/img/footer-bg480.png) no-repeat;
    }

    .section9 .zag-section1 {
        margin: -187px 0 0 59px;
    }

    .rost {
        margin: 16px -212px 0 58px;
        line-height: 22px;
        letter-spacing: -0.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: 0.2px;
        font-family: FiraSans-Bold;
        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: 0.2px;
        font-family: FiraSans-Bold;
        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: FiraSans-Bold;
        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"],
    textarea {
        width: 218px;
        margin: -4px 0 22px;
    }

    .btn {
        font-size: 19px;
        letter-spacing: 0.5px;
        padding: 19px 44px 21px;
        margin: -5px 0 0;
    }

    header {
        background: url(../img/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;
        height: 1080px;
        background: url(../img/bell-bg320.png) no-repeat;
        background-size: 100% 100%;
    }

    .section2 .span12.ind {
        margin-left: 40px;
    }

    .rez1 .span1,
    .rez2 .span1 {
        font-size: 18px;
        letter-spacing: 0;
        font-family: FiraSans-Bold;
    }

    .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(../img/mid-bell-bg320.png) no-repeat;
        top: -100px;
        left: 10px;
        height: 710px;
    }

    .section6 .zag-section1 {
        margin: -52px 10px 0 47px;
    }

    .section6 .row-fluid .span6 {
        width: 100%;
    }

    .vi .span3 {
        margin: 22px 0 0 39px !important;
    }

    .vi .span5 {
        margin: 28px 0 0 15px !important;
        width: 155px;
        line-height: 21px;
    }

    .pis .span6 {
        margin: 25px 19px 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: -0.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(../../../../../../https@co1.detols.com/img/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 36px !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 39px !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: FiraSans-Bold;
        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(../img/pab2-320.jpg) no-repeat;
    }

    .letter .thank {
        font-family: PTS55F;
        font-size: 29px;
        margin: 66px 0 0 14px;
        letter-spacing: 0.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;
}