/* CSS Reset */
html,
body,
div,
span,
applet,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
a,
abbr,
acronym,
address,
big,
cite,
code,
del,
dfn,
em,
img,
ins,
kbd,
q,
s,
samp,
small,
strike,
strong,
sub,
sup,
tt,
var,
b,
u,
i,
center,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
article,
aside,
canvas,
details,
embed,
figure,
figcaption,
footer,
header,
hgroup,
menu,
nav,
output,
ruby,
section,
summary,
time,
mark,
audio,
video {
    margin: 0;
    padding: 0;
    border: 0;
    font-size: 100%;
    font: inherit;
    vertical-align: baseline;
}

strong,
b {
    font-weight: bold;
}

i {
    font-style: italic;
}




/* HTML5 display-role reset for older browsers */

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

body {
    line-height: 1;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    min-height: 100vh;
    background-color: #ffffff;

}

ol {
    margin: 0 0 0 15px;
}

ul {
    list-style: none;
}

blockquote,
q {
    quotes: none;
}

blockquote:before,
blockquote:after,
q:before,
q:after {
    content: '';
    content: none;
}

table {
    border-collapse: collapse;
    border-spacing: 0;
}

img {
    border: 0;
    vertical-align: top;
}




/* End CSS Reset */

html {
    height: 100%;
}

body {
    margin: 0px;
    padding: 0px;
    width: 100%;
    min-width: 320px;
    position: relative;
    font-size: 14px;
}

body:before,
body:after {
    display: table;
    content: "";
}

body:after {
    clear: both;
}

p {
    line-height: 17px;
}

h1,
h2,
h3 {}

.title h1,
h2.tape {
    background-color: #111111;
    display: inline-block;
    color: #000;
    text-transform: uppercase;
    padding: 8px 15px 8px 0px;
    position: relative;
    margin: 30px 0 25px;
}

.title h1:before,
h2.tape:before {
    position: absolute;
    display: block;
    background-color: #111111;
    height: 100%;
    content: "";
    width: 2000px;
    top: 0;
    right: 100%;
}

h2.tape.yellow,
h2.tape.yellow:before {
    background-color: #ffcc33;
}

h2.tape.red,
h2.tape.red:before {
    background-color: #ed1c24;
}

h2.tape.blue,
h2.tape.blue:before {
    background-color: #00aeef;
}

h2.tape.grey {
    font-weight: bold;
    color: #3c3c3c;
}

h2.tape.grey span {
    font-weight: lighter;
    text-transform: none;
}

h2.tape.grey,
h2.tape.grey:before {
    background-color: #e1e1e1;
}

h2.tape.yellow,
h2.tape.red,
h2.tape.blue,
h2.tape.grey {
    width: 100%;
    box-sizing: border-box;
}

h2 {}

h3 {}




/* TYPOGRAPHY */

a {
    text-decoration: underline;
    color: #00adef;
}

a:hover {
    text-decoration: none;
}

p {
    margin: 10px 0;
    line-height: 22px;
}




/* END TYPOGRAPHY */

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




/* `Clear Floated Elements
----------------------------------------------------------------------------------------------------*/

.clear {
    clear: both;
    display: block;
}

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

.clearfix:after {
    clear: both;
}

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

.wrap:after {
    clear: both;
}

.wrap .left {
    float: left;
}

.wrap .right {
    float: right;
}




/* 
----------------------------------------------------------------------------------------------------*/

body {
    position: relative;
    font-family: 'Open Sans', sans-serif;
    font-size: 16px;
    color: #3c3c3c;
    padding: 0;
}

.container {
    width: 1000px;
    margin: 0px auto 0;
    max-width: 100%;
    /*text-align: center;*/
}

.sprite {
    position: relative;
}

.sprite:before {
    background-image: url('/img/sprite2.png');
    background-repeat: no-repeat;
    background-color: transparent;
    content: "";
    position: absolute;
    display: block;
}

.topLine {
    background-color: #000000;
    height: 40px;
    line-height: 40px;
}

.topLine .mail,
.topLine .on_main {
    text-indent: -9999px;
    display: inline-block;
    text-decoration: none;
    width: 22px;
    height: 20px;
    vertical-align: middle;
    margin: 0 20px 0 0;
}

.topLine .mail:before,
.topLine .on_main:before {
    width: 22px;
    height: 20px
}

.topLine .mail:before {
    background-position: -695px -128px;
}

.topLine .on_main:before {
    background-position: -717px -128px;
}

.head .contacts {
    width: 60%;
    position: absolute;
    right: 0;
    text-align: right;
    top: 0;
}

footer .contacts {
    width: 60%;
    position: absolute;
    right: 0;
    text-align: right;
    top: 0;
}

.head .logo {
    width: calc(45% - 55px);
    margin: 0 0 0 0px;
}

footer .logo {
    width: 40%;
    margin: 0 0 0 0px;
}

footer .logo img {
    width: 285px;
}

.logo a {
    text-decoration: none;
    border: 0;
    outline: 0;
}

header .logo a img {
    width: 100%;
    text-align: left !important;
}

.logo span {
    font-size: 12px;
    color: #8d8d8d;
    display: block;
    margin: 10px 0 0;
}

header {
    background: url('/img/rainbow.png') no-repeat center bottom transparent;
    padding: 0 0 4px;
    margin-top: 0;
    margin-bottom: 0;
}

.head {
    position: relative;
}

.head,
.head .contacts {
    height: 140px;
}

.head:after,
.head .contacts:after,
footer .logo:after,
footer .contacts:after {
    display: inline-block;
    height: 100%;
    vertical-align: middle;
    content: "";
}

.head .logo,
.head .contacts>div,
footer .logo a,
footer .contacts>div {
    display: inline-block;
    vertical-align: middle;
}

.contacts .mail,
.contacts .phone,
.contacts .support {
    display: inline-block;
    margin: 10px 0 10px 30px;
}

footer .contacts .mail {
    margin: 10px 0 30px 30px;
}

.contacts .mail:before,
.contacts .phone:before,
.contacts .support:before {
    width: 22px;
    height: 20px;
    left: -30px;
    top: 50%;
    margin-top: -10px;
}

.buttons .phone span:before,
.buttons .mail span:before {
    width: 22px;
    height: 20px;
    left: -35px;
    top: 50%;
    margin-top: -9px;
}

footer .contacts .mail:before {
    background-position: -717px -128px;
}

.buttons .mail span:before {
    background-position: -739px -128px;
}

footer .contacts .phone:before {
    background-position: -651px -128px;
}

.buttons .phone span:before {
    background-position: -651px -128px;
}

footer .contacts .support:before {
    background-position: -673px -128px;
}

.head .contacts>div a {
    display: block;
    padding: 0 0 0 0px;
    margin: 15px 0 15px 60px;
    color: #000000;
    text-decoration: none;
}

.head .contacts>div a span {
    display: block;
    font-size: 11px;
    margin: 3px 0 0
}

.contacts .mail:before {
    background-position: -585px -128px;
}

.contacts .phone:before {
    background-position: -607px -128px;
}

.contacts .support:before {
    background-position: -629px -128px;
}




/*------------  Main MENU  -------------*/

#main_menu.hor {
    display: block;
    margin: 0px auto;
    width: 890px;
    text-align: justify;
    text-align-last: justify;
    border-collapse: collapse;
    /**/
    display: -webkit-box;
    -webkit-box-pack: justify;
    display: -webkit-flex;
    webkit-justify-content: space-between;
    display: flex;
    justify-content: space-between;
    text-align: justify;
    /* IE10-, Firefox 12-22 */
    text-align-last: justify;
    /* IE10-, Firefox 12-22 */
}

#main_menu.hor li {
    position: relative;
}

#main_menu.hor>li:nth-child(2)>a {
    cursor: default;
}

#main_menu.hor li a {
    display: block;
    /* text-decoration: none; */
    font-size: 14px;
    color: #000000;
}

#main_menu.hor li a span {}

#main_menu.hor li:hover>a {
    text-decoration: underline;
}

#main_menu.hor li.lev0 {
    display: inline;
    vertical-align: middle;
    padding: 0px 0;
    /**/
    display: inline-block;
    display: -webkit-box;
}

#main_menu.hor li.lev0:hover {}

#main_menu.hor li.lev0:first-child>.ul li:first-child>a {
    color: #eeeeee;
}

#main_menu.hor li.lev0:first-child:hover {}

#main_menu.hor li.lev0:last-child {}

#main_menu.hor li.lev0:last-child:hover {}

#main_menu.hor li.lev0>a {}

#main_menu.hor li.act,
#main_menu.hor li:hover {}

#main_menu.hor li:hover>a {}

#main_menu.hor .show_drop {
    display: none;
    left: 0;
    margin: 0;
    background-color: #ffffff;
    min-width: 100%;
    padding: 0;
    position: absolute;
    top: 100%;
    white-space: nowrap;
    box-shadow: 0 1px 1px 1px rgba(0, 0, 0, 0.13);
    z-index: 6000;
}

#main_menu.hor .show_drop .show_drop {
    left: 100%;
    top: 0;
}

#main_menu.hor li:hover>.show_drop {
    display: block;
}

#main_menu.hor .show_drop li:first-child {
    border: 0 none;
    padding-top: 10px;
}

#main_menu.hor .show_drop li:last-child {
    padding-bottom: 10px;
}

#main_menu.hor .show_drop li:last-child a {}

#main_menu.hor .show_drop li {
    display: block;
    text-align: left;
    padding: 0;
    text-align-last: left;
}

#main_menu.hor .show_drop li a {
    font-weight: 400;
    display: block;
    font-size: 1rem;
    padding: 0.5rem 1rem;
    text-decoration: none;
}

#main_menu.hor .show_drop li a:hover {
    background-color: #ffcc33;
    color: #5c5c5c !important;
}

#main_menu.hor li.lev0>a {
    display: inline-block;
    font-size: 18px;
    padding: 0;
    position: relative;
    text-decoration: none;
    color: #5d5d5d;
}

#main_menu.hor li.lev0>a:hover {
    color: #ffcc33;
}

#main_menu.hor>li.lev0:nth-child(2)>ul>li:first-child>a {
    color: #000;
}

#main_menu.hor>li.lev0:nth-child(2)>ul>li:nth-child(2)>a {
    color: #000;
}

#main_menu.hor>li.lev0:nth-child(2)>ul>li:nth-child(2)>a:hover {
    color: #ffffff;
}

#main_menu.hor>li.lev0:last-child>a:after {
    display: none;
}

#main_menu.hor li.lev0>a>span {
    display: inline-block;
    vertical-align: middle;
}

#main_menu.hor li.lev0>a:hover>span {
    text-decoration: none
}

#main_menu.hor li.lev0:hover>a {}

#main_menu.hor li.lev0:last-child {}

#main_menu.hor li.lev0>a:hover,
#main_menu .lev0.act a,
#main_menu.hor li.lev0.act>a {
    color: #000;
}

#main_menu.hor li.lev0.act>a {
    color: #000;
}

#main_menu.hor li.lev0 {
    position: relative;
    text-align: center;
    height: 50px;
}

#main_menu.hor li.lev0:before {
    display: inline-block;
    height: 100%;
    vertical-align: middle;
    content: "";
}




/*------------ END Main MENU  -------------*/

#main_menu.hor li.lev0.download a {
    background-color: #00adef;
    color: #ffffff !important;
    padding: 10px 20px;
}




/*Plugin CSS*/

.t_wrap {
    list-style: none;
    margin: 40px 0 0px 0;
    padding: 0;
}

.t_item {
    list-style: none;
    margin: 0 20px 0 0;
}

.t_item2 {
    list-style: none;
    margin: 0 20px 0 0;
}

.t_link {
    background: none;
    color: #3c3c3c;
    text-transform: uppercase;
    font-size: 18px;
    float: left;
    padding: 10px;
    position: relative;
    text-decoration: none;
    z-index: 2;
    margin: 0 30px 0 0;
}

.t_link2 {

    color: #ffef1f;
    text-transform: uppercase;
    font-size: 18px;
    float: left;
    padding: 10px;
    position: relative;
    text-decoration: none;
    z-index: 2;
    margin: 0 30px 0 0;
}

.t_link.cur {
    background-color: #5c5c5c;
    color: #ffffff;
}

.t_link2.cur2 {
    background-color: #ffef1f;
    color: #0b0b0b;
}

.t_content {
    display: none;
    float: left;
    margin: 0 -100% 0 0;
    position: relative;
    width: 100%;
    /* overflow: hidden; */
}

.t_include {
    border-top: 2px solid #5c5c5c;
    clear: both;
    /* overflow: hidden; */
    padding: 5px 0px;
    position: relative;
    /* top: -1px; */
    z-index: 1;
    zoom: 1;
}

.t_content:after {
    content: "";
    display: block;
    position: absolute;
    bottom: -3px;
    left: 0;
    width: 890px;
    height: 24px;
    /*background: url('/img/sprite2.png') no-repeat 0 -300px transparent;*/
}

.coda-slider {
    width: 890px !important;
    height: 515px;
}

.compareBlock {
    background-color: #5c5c5c;
    text-align: center;
    padding: 15px 0;
}

.compareSwitch {
    position: relative;
    cursor: pointer;
    color: #ffffff;
    font-size: 18px;
    display: inline-block;
    padding: 0 30px;
}

.compareSwitch:after {
    position: absolute;
    width: 0;
    height: 0;
    border-left: 8px solid transparent;
    border-right: 8px solid transparent;
    border-top: 9px solid #ffffff;
    right: 0;
    top: 50%;
    content: "";
    margin-top: -3px
}

#block {
    display: none;
}

#block>div {
    height: 100px;
    color: #ffffff;
    text-align: center;
    padding: 30px;
    border: 1px solid #ffffff;
    margin: 40px 0;
}

.mediaBlock {
    width: 900px;
    margin: auto;
    max-width: 100%;
}

.blockInfo {
    margin: 3px auto 0;
}

ul.infograph,
ul.technoInfo {
    text-align: justify;
    line-height: 0;
    font-size: 1px;
    text-justify: newspaper;
    zoom: 1;
    text-align-last: justify;
    width: 900px;
}

ul.infograph:after,
ul.technoInfo:after {
    width: 100%;
    height: 0px;
    visibility: hidden;
    overflow: hidden;
    content: '';
    display: inline-block;
}

ul.infograph li,
ul.technoInfo li {
    display: inline-block;
    text-align: left;
    line-height: normal;
    vertical-align: top;
    /* display: inline; */
    zoom: 1;
    text-align: center;
    text-align-last: center;
}

ul.infograph li {
    width: 120px;
    border: 2px solid #d7d7d7;
    font-size: 18px;
    padding: 129px 0px 15px;
}

ul.technoInfo li {
    width: 300px;
    font-size: 16px;
    text-align: justify;
    background-color: #e8e8e8;
    text-align-last: justify;
    padding: 0 0 10px;
}

ul.technoInfo li .desc {
    margin: 140px 10px 10px;
}

ul.technoInfo li .more {
    display: inline-block;
    float: right;
    margin: 0 10px 10px;
    font-weight: 600;
    text-decoration: none;
    color: #3c3c3c;
}

ul.technoInfo li h3 {
    font-size: 16px;
    text-align: center;
    padding: 5px;
    color: #ffffff;
    text-align-last: center;
}

ul.technoInfo li h3.green {
    background-color: #45c500;
}

ul.technoInfo li h3.yellow {
    background-color: #ffcc33;
}

ul.technoInfo li h3.blue {
    background-color: #00adef;
}

ul.infograph li:before {
    height: 92px;
    width: 124px;
    top: 10px;
}

ul.technoInfo li:after {
    content: "";
    display: block;
    position: absolute;
    width: 100%;
    height: 30px;
    bottom: -27px;
    left: 0;
    background: url('/img/sprite2.png') no-repeat -585px -199px transparent;
}

ul.technoInfo {
    margin: 0 0 40px;
}

.infograph>li.home>div {
    /*height: 72px;*/
}

.soc:before {
    background-position: 0 0;
}

.child:before {
    background-position: -129px 0;
}

.spa:before {
    background-position: -255px 0;
}

.sport:before {
    background-position: -620px 0;
}

.home:before {
    background-position: -378px 0;
}

.vahta:before {
    background-position: -723px 0;
}

.office:before {
    background-position: -506px 0;
}

.soc:hover:before {
    background-position: 0px -229px;
}

.child:hover:before {
    background-position: -129px -229px;
}

.spa:hover:before {
    background-position: -255px -229px;
}

.sport:hover:before {
    background-position: -620px -230px;
    ;
}

.home:hover:before {
    background-position: -378px -229px;
}

.office:hover:before {
    background-position: -506px -229px;
}

.vahta:hover:before {
    background-position: -723px -232px;
}

ul.infograph li>div:before {
    display: inline-block;
    height: 100%;
    vertical-align: middle;
    content: "";
}

ul.infograph li>div>span {
    display: inline-block;
    vertical-align: middle;
    margin: 0 5px;
    font-size: 12px;
    font-weight: 400;
    color: #000 !important;
}

.blockAbout {
    background-color: #d7d7d7;
    padding: 0px 0 30px;
    margin: 30px 0 0;
    font-size: 18px;
}

.technoInfo li.energy:before,
.technoInfo li.sun:before,
.technoInfo li.beach:before {
    width: 195px;
    height: 111px;
    top: 50px;
    left: 50%;
    margin-left: -97px;
}

.technoInfo li.energy:before {
    background-position: 0 -147px;
}

.technoInfo li.sun:before {
    background-position: -195px -147px;
}

.technoInfo li.beach:before {
    background-position: -390px -146px;
}

.left {
    float: left;
}

.right {
    float: right;
}

.buttons {
    margin: 0px auto 0;
}

.button {
    background-color: #3c3c3c;
    color: #ffffff;
    display: inline-block;
    margin: 30px auto;
    text-decoration: none;
    padding: 10px 0px 10px 35px;
    text-transform: uppercase;
    font-weight: 600;
    font-size: 18px;
    text-align: center;
    width: 450px;
    box-sizing: border-box;
}

.button:hover {
    opacity: 0.8;
}

.fa {
    margin-right: 10px;
}

.fa-pencil {
    text-decoration: underline;
}

footer {
    background-color: #5c5c5c;
    color: #ffffff;
    padding: 0 0 10px
}

footer .logo,
footer .contacts {
    height: 180px;
}

footer .logo span {
    color: #ffffff;
    display: block;
    margin: 5px 0 0;
}

footer .container {
    position: relative;
}

footer .contacts a {
    color: #ffffff;
    text-decoration: none;
    position: relative;
    margin: 15px 0 !important;
}

footer .contacts a span {
    font-size: 12px;
    text-align: right;
    display: block;
    position: absolute;
    width: calc(100% + 50px);
    right: 0;
}

.co_webdom {
    background-color: #e0ecf0;
    height: 40px;
    line-height: 40px;
    text-align: center;
}

.co_webdom a {
    position: relative;
    color: #3c3c3c;
    font-style: italic;
    text-decoration: none;
    padding-right: 95px;
}

.co_webdom a:before {
    background-position: -780px -147px;
    width: 85px;
    height: 26px;
    right: 0;
    top: 50%;
    margin-top: -13px;
}

.aboutText {
    position: relative;
    padding: 0 130px 0 0;
    text-align: justify;
}

.aboutText:before {
    width: 83px;
    height: 103px;
    right: 0;
    top: 50%;
    margin-top: -52px;
    background-position: -900px -200px;
}

.breadcrumbs {
    margin: 30px 0 0;
    color: rgba(92, 92, 92, 0.75);
}

.breadcrumbs a {
    color: #3c3c3c;
    text-decoration: none;
}

.breadcrumbs a:hover {
    color: #00adef;
    text-decoration: underline;
}

.contentText {
    margin: 0 0 30px;
}

.contentText p {
    margin: 20px 0;
}

.lineBottom {
    box-shadow: 0 0px 5px 0 gray;
    margin-top: 0;
}

.titleArticle {
    margin: 0 0 20px;
    display: block;
    color: #3c3c3c;
    text-decoration: none;
    font-size: 18px;
    font-weight: bold;
}

.descArticle {
    margin: 0 0 30px;
}

.moreArticle {
    float: right;
    display: inline-block;
    font-weight: bold;
    margin: 10px 0;
}




/* tour */

div#container {
    height: 100%;
    min-height: 100%;
    width: 90%;
    margin: 0 auto;
}

div#tourDIV,
div#tourDIV1,
div#tourDIV12 {
    height: 600px;
    position: relative;
    overflow: hidden;
}

h1.tourTitle {
    font-family: Arial, Helvetica, sans-serif;
}

div#panoDIV,
div#panoDIV12 {
    height: 100%;
    position: relative;
    overflow: hidden;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -o-user-select: none;
    user-select: none;
}

div#panoDIV.cursorMoveMode {
    cursor: move;
    cursor: url(../fonts/cursors_move_html5.cur), move;
}

div#panoDIV.cursorDragMode {
    cursor: grab;
    cursor: -moz-grab;
    cursor: -webkit-grab;
    cursor: url(../fonts/cursors_drag_html5.cur), default;
}

.txtCaps {
    text-transform: uppercase;
}

div.evenly,
ul.evenly {
    margin: 0px;
    padding: 0px;
    display: block;
    width: 100%;
    text-align: justify;
    line-height: 0;
    font-size: 1px;
    text-justify: newspaper;
    zoom: 1;
    text-align-last: justify;
}

div.evenly:after,
ul.evenly:after {
    width: 100%;
    height: 0px;
    visibility: hidden;
    overflow: hidden;
    content: '';
    display: inline-block;
}

.evenly>div,
.evenly>li,
.evenly>a {
    font-size: 1rem;
    display: inline-block;
    list-style: none;
    cursor: pointer;
    text-transform: uppercase;
    text-align: center;
    line-height: normal !important;
    text-align-last: center;
    vertical-align: top;
    display: inline;
    zoom: 1;
    overflow: hidden;
    text-transform: none;
}

.evenly>div.linkRing {
    font-size: 16px !important;
    display: inline-block;
    text-decoration: none;
    color: #3c3c3c;
    border: 2px solid #0caced;
    border-radius: 5px;
    margin: 0 10px;
    padding: 3px 10px;
    cursor: default !important;
}

.linkRings.evenly {
    text-align: center;
}

.block10 .text p.dashed {
    background: url('/img/dashed.png') repeat-x left bottom transparent;
    padding: 0 0 15px;
    margin: 0 0 15px;
    width: 323px;
}

.block10 .text p.dashed.last {
    background-image: none;
    padding: 0 0 0px;
    margin: 0 0 0px;
}

.appointments {
    text-align: center;
}

.appointments img {
    margin: 0 0 35px;
}

.logotips img {
    margin: 15px 50px 25px;
}

.tabCompare {}

.tabCompare th,
.tabCompare td {
    border: 1px solid#959595;
    padding: 20px 10px;
    vertical-align: middle;
}

.tabCompare th {
    text-align: center;
    font-weight: 600;
}

.tabCompare th span {
    display: block;
    font-weight: 400;
    text-transform: none;
    margin: 5px 0;
}

.tabCompare td {
    text-align: justify;
    line-height: 20px;
}

.tabCompare tbody td:first-child {
    text-align: center;
    width: 270px;
}

.tabCompare tbody td:last-child {
    width: 335px;
}

.discontinued {
    text-align: center;
    font-style: italic;
    color: #9a9a9a;
    border-top: 1px solid #9a9a9a;
    padding: 15px;
    margin: 40px 0 0;
    text-transform: uppercase;
}

.requestPrice {
    background-color: #3c3c3c;
    color: #ffffff;
    display: inline-block;
    margin: 30px auto;
    text-decoration: none;
    padding: 10px 30px;
    text-transform: uppercase;
    font-weight: 600;
    font-size: 18px;
    width: 100%;
    box-sizing: border-box;
}

.requestPrice span:before {
    width: 22px;
    height: 20px;
    left: -35px;
    top: 50%;
    margin-top: -10px;
}

.requestPrice span:before {
    background-position: -739px -128px;
}

.requestPrice:hover {
    opacity: 0.8;
}

.formFB {}

.formFB p {
    margin: 5px 0;
    line-height: 18px;
}

.formFB>div {
    margin: 0 0 10px;
}

.formFB>div span {
    display: block;
    margin: 0 0 5px;
}

.formFB>div input,
.formFB>div textarea {
    width: 100%;
    border: 1px solid #939393;
    font-size: 18px;
    font-weight: 300;
    color: #3c3c3c;
    box-sizing: border-box;
}

.formFB>div input {
    height: 30px;
    line-height: 30px;
    padding: 0 10px;
}

.formFB>div textarea {
    height: 100px;
    padding: 10px;
}

.formFB .wrapSend {}

.formFB .wrapSend input {
    background-color: #00adef;
    color: #ffffff;
    display: inline-block;
    margin: 0px auto;
    text-decoration: none;
    padding: 0 20px;
    text-transform: uppercase;
    font-size: 16px;
    height: 30px;
    line-height: 32px;
    border: 0;
    outline: 0;
    cursor: pointer;
    width: auto;
}

.formFB .wrapSend input:hover {
    opacity: 0.8;
}

.formFB>div.bad input,
.formFB>div.bad textarea {
    border: 1px solid #fe0101;
}

.documents {
    /* text-align:justify; */
    margin: -20px 0 0;
}

.documents a {
    display: inline-block;
    height: 420px;
    border: 1px solid #c1c1c1;
    width: 300px;
    text-align: center;
    margin: 40px 0;
}

.documents a img {
    margin: 0 auto;
    height: 420px;
    max-width: 300px;
}

.documents a:nth-child(3n+2) {
    margin: 40px;
}

.disabled {
    pointer-events: none;
    cursor: default;
}

sup {
    font-size: 12px;
    position: relative;
    top: -5px;
}

.appBlock {
    height: 600px;
    width: 100%;
    /* background-color: #000000;*/
    color: #ffffff;
    font-size: 14px;
    position: relative;
    box-sizing: border-box;
    margin: 0 0 35px !important;
}

.appBloc {
    height: 310px;
    width: 100%;
    background-color: #000000;
    color: #ffffff;
    font-size: 14px;
    position: relative;
    box-sizing: border-box;
    margin: 0 0 35px !important;
}

.appBlock.evenly>div {
    overflow: visible;
}

.appBlock * {
    box-sizing: border-box;
}

.block1 {
    background: url('/img/bg1.jpg') no-repeat center center #000000;
    background-size: cover;
}


.block1 .text {
    position: absolute;
    right: 2px;
    bottom: 85px;
    font-size: 18px;
    font-weight: 300;
    text-align: center;
    line-height: 22px;
    padding: 20px 65px 20px 55px;
    width: 435px;
    background-color: #ffffff;
    color: #3c3c3c;
}

.block2 {
    background: url('/img/bg2.jpg') no-repeat top right #000000;
    background-size: auto 100%;
}

.block2 .text {
    position: absolute;
    right: 2px;
    top: 50%;
    transform: translateY(-50%);
    font-size: 14px;
    font-weight: 300;
    line-height: 12px;
    padding: 35px 20px 35px 40px;
    width: 445px;
    background-color: #ffffff;
    color: #3c3c3c;
}

.block2 .text p {
    font-size: 14px;
    line-height: 16px;
    text-align: justify;
}

.lineLeft {
    position: relative
}

.lineLeft:before {
    content: "";
    width: 1px;
    display: block;
    position: absolute;
    height: 100%;
    left: -5px;
    top: 0;
    background-color: #000000;
}

.lineRight2:before {
    content: "";
    width: 1px;
    display: block;
    position: absolute;
    height: 25%;
    left: 40px;
    /*  top: 10px;*/
    background-color: #ffffff;
}

.block2 .lineLeft:before {}

.block3 {
    padding: 40px !important;
}

.block3 .text {
    width: 265px;
    text-align: left;
    text-align-last: left;
    font-size: 14px;
    line-height: 16px;
}

.block3 .text p {
    font-size: 14px;
    line-height: 16px;
}

.block3 .text h3 {
    font-size: 22px;
    margin: 0;
    line-height: 28px;
}

.block3 .lineLeft:before {
    background-color: #ffffff;
}



.block4 {
    background: url('/img/bg3.jpg') no-repeat center center #000000;
    background-size: cover;
}

.block4 .text {
    position: absolute;
    right: 2px;
    bottom: 165px;
    font-size: 18px;
    font-weight: 300;
    text-align: center;
    line-height: 22px;
    padding: 10px 25px 10px 25px;
    width: 465px;
    background-color: #ffffff;
    color: #3c3c3c;
}

.block5 {
    background: url('/img/bg4.jpg') no-repeat left center #000000;
    background-size: auto 100%;
    /* height: 890px; */
}

.block5 .text {
    position: absolute;
    right: 2px;
    bottom: 33px;
    font-size: 14px;
    font-weight: 550;
    line-height: 19px;
    padding: 10px 20px 10px 50px;
    width: 540px;
    background-color: #ffffff;
    color: #3c3c3c;
}

.block5 .text p {
    text-align: justify;
    line-height: 16px;
}

.block7 {
    background: url('/img/0001.jpg') no-repeat left center #ffffff;
    background-size: auto 100%;
    height: 600px;
}

.block7 .text {
    position: absolute;
    left: 0px;
    bottom: 33px;
    font-size: 14px;
    font-weight: 400;
    line-height: 19px;
    padding: 5px 20px 5px 20px;
    width: 436px;
    background-color: #ffffff;
    color: #000000;
}

.block7 .text p {
    text-align: justify;
    line-height: 16px;
}

.block8 {
    background: url('/img/0002.jpg') no-repeat left center #ffffff;
    background-size: auto 100%;
    height: 600px;
}

.block8 .text {
    text-align: left;
    text-align-last: left;
    line-height: 16px;
    position: absolute;
    left: 0;
    bottom: 34px;
    font-size: 14px;
    font-weight: 400;
    padding: 5px 20px 5px 20px;
    width: 760px;
    background-color: #ffffff;
    color: #000000;
}

.block8 .text p {
    text-align: justify;
    line-height: 16px;
}

.block8 .lineLeft:before {
    /* background-color: #ffffff;*/
}



.block9 {
    background: url('/img/0003.jpg') no-repeat left center #ffffff;
    background-size: auto 100%;
    height: 600px;
}

.block9 .text {
    position: absolute;
    right: 0;
    bottom: 320px;
    font-size: 14px;
    font-weight: 400;
    line-height: 19px;
    padding: 5px 20px 5px 20px;
    width: 507px;
    background-color: #ffffff;
    color: #000;
}

.block9 .text p {
    text-align: justify;
    line-height: 16px;
}

.block19 {
    background: url('/img/000101.jpg') no-repeat left center #ffffff;
    background-size: auto 100%;
    height: 600px;
}

.block19 .text {
    position: absolute;
    right: 100px;
    bottom: 129px;
    font-size: 14px;
    font-weight: 400;
    line-height: 19px;
    padding: 20px 20px 20px 22px;
    width: 361px;
    background-color: #ffffff;
    color: #3c3c3c;
}

.block19 .text p {
    text-align: justify;
    line-height: 16px;
}


.block19 .text2 {
    position: absolute;
    left: 94px;
    bottom: 152px;
    font-size: 12px;
    font-weight: 500;
    line-height: 19px;
    padding: 5px 5px 5px 5px;
    width: 300px;
    background-color: #ffffff;
    color: #3c3c3c;
}

.block19 .text2 p {
    text-align: justify;
    line-height: 12px;
}




.block10 {
    background: url('/img/0004.jpg') no-repeat left center #ffffff;
    background-size: auto 100%;
    height: 600px;
}

.block10 .text {
    position: absolute;
    right: 0;
    bottom: 227px;
    font-size: 14px;
    font-weight: 400;
    line-height: 17px;
    padding: 5px 20px 12px 20px;
    /*width: 480px;*/
    background-color: #ffffff;
    color: #000000;
    text-align: left;
    text-align-last: left;

}

.block10 .text p {
    text-align: justify;
    line-height: 16px;
}

.block10 .lineLeft:before {
    /*background-color: #ffffff;*/
}

.block11 {
    background: url('/img/0005.jpg') no-repeat left center #ffffff;
    background-size: auto 100%;
    height: 600px;
}

.block11 .text {
    position: absolute;
    right: 0px;
    bottom: 190px;
    font-size: 14px;
    font-weight: 400;
    line-height: 19px;
    padding: 5px 20px 5px 30px;
    width: 420px;
    background-color: #ffffff;
    color: #3c3c3c;
}

.block11 .text p {
    text-align: justify;
    line-height: 16px;
}


.block11 .text p.dashed {
    background: url('/img/dashed.png') repeat-x left bottom transparent;
    padding: 0 0 15px;
    margin: 0 0 15px;
    width: 323px;
}

.block11 .text p.dashed.last {
    background-image: none;
}




.block12 {
    background: #000000;
    background-size: auto 100%;
    height: 840px;
}

.block14 {
    background: url('/img/0006.jpg') no-repeat left center #ffffff;
    background-size: auto 100%;
    height: 600px;
}

.block14 .text {
    position: absolute;
    left: 0px;
    bottom: 70px;
    font-size: 14px;
    font-weight: 400;
    line-height: 19px;
    padding: 5px 20px 5px 20px;
    width: 720px;
    background-color: #ffffff;
    color: #000;
}

.block15 {
    background: url('/img/0008.jpg') no-repeat left center #ffffff;
    background-size: auto 100%;
    height: 600px;
}

.block15 .text {
    position: absolute;
    left: 0px;
    bottom: 20px;
    font-size: 14px;
    font-weight: 400;
    line-height: 19px;
    padding: 5px 20px 5px 20px;
    width: 720px;
    background-color: #ffffff;
    color: #000;
}

.block16 {
    background: url('/img/0009.jpg') no-repeat left center #ffffff;
    background-size: auto 100%;
    height: 600px;
}

.block16 .text {
    position: absolute;
    left: 0px;
    bottom: 20px;
    font-size: 14px;
    font-weight: 400;
    line-height: 19px;
    padding: 5px 20px 5px 20px;
    width: 720px;
    background-color: #ffffff;
    color: #000;
}



.block__slide sup {
    top: 0;
    font-size: initial;
}


.block__slide .text,
.block__slide .text p {
    font-family: 'HVYU', sans-serif;
    text-align: left;
    font-size: 14px;
    font-weight: 400;
    line-height: 16px;
}

.block__slide p.lineLeft {
    font-size: 13px;
}

.block12 .text {
    position: absolute;
    top: 50%;
    left: auto;
    right: 0;
    transform: translateX(2%) translateY(-91%);
    width: 740px;
    font-family: 'AGAvantGardeCyrBook', sans-serif;
    font-size: 31px;
    font-weight: 400;
    color: #fff;
    text-transform: uppercase;
    letter-spacing: 2px;
}

.block12 sup {
    font-size: 17px;
    position: relative;
    top: -18px;
    left: 3px;
}


.block13 {
    /* background: url('/templates/images/appointment/bg_13.jpg') no-repeat left center #000000; */
    background-size: auto 100%;
    height: 890px;
}

.block13 .text {
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    padding: 5px 85px 5px 40px;
    width: 650px;
    background-color: #ffffff;
    color: #3c3c3c;
}


/* .block13 .text p {
    text-align: justify;
    line-height: 16px;
} */



.slide-heading__group {
    position: relative;
    top: 34px;
}

.slide-heading__group h3 {
    text-transform: uppercase;
    text-align: center;
    letter-spacing: 1px;
}

.slide-heading--legend {
    position: absolute;
    left: 50%;
    right: 0;
    top: 42px;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    transform: translateX(-50%);
}

.slide-heading--legend div {
    margin: 10px 0 20px 24px;
}

.slide-heading--legend span {
    margin-right: 24px;
}

.slide-heading--legend .legend {
    width: 60px;
    height: 15px;
    display: inline-block;
    display: inline;
    vertical-align: middle;
}

.legend--first {
    background: #007ee2;
}

.legend--second {
    background: #7bb8e4;
}

.block-a_4 {
    background: url('/img/block-a_4.jpg') no-repeat left center #000000;
    background-size: auto 100%;
    height: 840px;
}

.block-a_4 .text {
    position: absolute;
    left: 0;
    top: auto;
    bottom: 145px;
    padding: 5px 15px 5px 40px;
    width: 620px;
    background-color: #ffffff;
    color: #3c3c3c;
}

.block-a_5 {
    background: url('/img/block-a_5.jpg') no-repeat center center #000000;
    background-size: 100%;
    height: 840px;
}

.block-a_5 .text {
    position: absolute;
    top: 50%;
    width: 650px;
    right: 0;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
}

.block-a_5 .text p {
    background: #fff;
    color: #3c3c3c;
    padding: 20px 10px 20px 35px;
    margin-bottom: 20px;
}

.block-a_55 {
    background: url('/img/block-a_55.jpg') no-repeat center center #000000;
    background-size: 100%;
    height: 840px;
}

.block-a_55 .text {
    position: absolute;
    top: 30px;
    right: auto;
    left: 60px;
    width: 560px;
    color: #dcdcdc;
}

.block-a_6 {
    background: url('/img/block-a_6.jpg') no-repeat center center #000000;
    background-size: 100%;
    height: 840px;
}

.block-a_6 .text {
    position: absolute;
    top: 50%;
    width: 685px;
    right: 0;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
}

.block-a_6 .text p {
    background: #fff;
    color: #3c3c3c;
    padding: 20px 10px 20px 36px;
    margin-bottom: 20px;
}

.block-a_6 span.lineLeft {
    display: block;
    margin-top: 20px;
}


/*
.block14 .text {
    position: absolute;
    left: 0;
    bottom: 65px;
    width: 630px;
    background-color: #ffffff;
    color: #3c3c3c;
    padding: 5px 30px 5px 40px;
}*/

.block-a_7 {
    background: url('/img/bg_18.jpg') no-repeat center center #000000;
    background-size: 100%;
    height: 840px;
}

.block-a_7 .text {
    position: absolute;
    top: 50%;
    right: 0;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
    width: 540px;
    padding: 20px 20px 20px 40px;
    background-color: #ffffff;
    color: #3c3c3c;
}

.block-a_7 .text p {}

.block-a_10 .text {
    position: absolute;
    right: 0;
    bottom: 30px;
    width: 570px;
    padding: 0px 40px 0px 30px;
    background-color: #ffffff;
    color: #3c3c3c;
}

.block-a_11 .text {
    position: absolute;
    left: 0;
    bottom: 55px;
    width: 430px;
    padding: 0px 20px 0px 40px;
    background-color: #ffffff;
    color: #3c3c3c;
}

.block-a_12 .text {
    position: absolute;
    right: 0;
    bottom: 75px;
    width: 605px;
    padding: 0px 20px 0px 30px;
    background-color: #ffffff;
    color: #3c3c3c;
}

.block20 {
    /* background: url('/templates/images/appointment/20_1.jpg') no-repeat left center #000000;*/
    background-size: auto 100%;
    height: 150px;
    width: 650px;
}

.block20 .text {
    position: absolute;
    /* right: 450px;*/
    /*  bottom: 1px;*/
    font-size: 14px;
    font-weight: 480;
    line-height: 17px;
    padding: 10px 10px 10px 50px;
    width: 525px;
    /*background-color: #222;*/
    color: #f9f9f9;
    text-align: left;
    text-align-last: left;

}

.block20 .text p {
    text-align: justify;
    line-height: 16px;
}


.text h4 {
    font-weight: 300;
    text-transform: uppercase;
    text-align: center;
    font-size: 14px;
}

.compare.evenly {
    font-size: 14px;
}

.compare.evenly>div {
    overflow: visible;
}

.compare .oneColumn {
    text-align: left;
    width: 200px;
}

.compare .oneColumn h5 {
    font-size: 14px;
    font-weight: 400;
    margin: 30px 0 20px;
}

.compare .oneColumn ul li {
    background: url(../img/dashed.png) repeat-x left bottom transparent;
    padding: 10px 0;
    line-height: 16px;
    font-size: 14px;
}

.compare .oneColumn ul {
    position: relative;
}

.compare .oneColumn ul:before {
    width: 19px;
    height: 124px;
    background-position: -195px -480px;
    left: -30px;
    top: 20px
}

.danger {
    border: 2px solid #000000;
    padding: 3px 90px 3px 10px;
    margin: 15px 0 10px;
    width: calc(100% + 20px);
    margin-left: -10px;
}

.danger:before {
    width: 62px;
    height: 54px;
    right: 10px;
    top: 50%;
    margin-top: -27px;
    background-position: 0 -480px;
}

.block6 {
    background: url('/img/bg5.jpg') no-repeat left center #000000;
    background-size: auto 100%;
}

.block6 .text {
    position: absolute;
    left: 2px;
    top: 50%;
    transform: translateY(-50%);
    font-size: 14px;
    font-weight: 300;
    line-height: 12px;
    padding: 35px 40px 40px 30px;
    width: 770px;
    background-color: #ffffff;
    color: #3c3c3c;
}

.inline-link-2 {
    display: inline-block;
    border-bottom: 1px dashed rgba(0, 0, 0, 0.9);
    /* Font styles */
    text-decoration: none;
    color: #000;
    padding-bottom: 9px;
    font-size: 12px;
    font-weight: 550;
}

.inline-link-3 {
    display: inline-block;
    border-bottom: 0px dashed rgba(0, 0, 0, 0.9);
    /* Font styles */
    text-decoration: none;
    color: #000;
    padding-bottom: 9px;
    font-size: 12px;
    font-weight: 550;
}


.content2 {
    position: relative;
    padding: 10px;
}

.content2::after {
    /*position: absolute;*/
    content: " - Искусственное Солнце";
    background: url('yell2.png') no-repeat left center;
    padding: 3px 30px 3px 29px;
}

.content3 {
    position: relative;
    padding: 10px;
}

.content3::after {
    /*position: absolute;*/
    content: " - Коллагенарий";
    background: url('red2.png') no-repeat left center;
    padding: 3px 35px 3px 29px;
}

.content4 {
    position: relative;
    padding: 10px;
}

.content4::after {
    /*position: absolute;*/
    content: " -    Синий Свет";
    background: url('blue2.png') no-repeat left center;
    padding: 3px 34px 3px 29px;
}

.header_burger {
    display: none;
}
.mainManu {
    position: sticky;
    top: 0;
    z-index: 5;
    background-color: #ffffff9c;
    backdrop-filter: blur(5px);
}
.header_button {
    border: none;
    background: inherit;
    cursor: pointer;
    display: none;
}
.table_tr {
    display: flex;
    align-items: center;
    border-bottom: 1px solid gray;
    padding: 10px 5px 10px 0;
}
.table_td__img {
    min-width: 160px;
    margin-right: 20px;
}
.table_td__img img {
    max-width: 100%;
    height: auto;
}
.table_product {
    border-radius: 8px;
    border: 3px solid #fff101;
}
.table_tr__product {
    padding: 0;
    border-bottom: none;
    justify-content: space-between;
}
.table_tr__product {
    border-bottom: 2px solid #fff101;
}
.table_product .table_tr:last-child {
    border-bottom: none;
}
.table_tr__product .table_th:last-child,
.table_tr__product .table_td:last-child {
    width: 140px;
    text-align: center;
}
.table_th,
.table_td {
    padding: 10px;
}
.table_tr__product .table_td:last-child {
    border-left: 2px solid #fff101;
}
.table_tr__product .table_th:first-child {
    flex-grow: 1;
    text-align: center;
}
.image_wrapper {
    display: flex;
    flex-direction: column;
}
.image_wrapper img {
    margin: 0 auto 20px;
}
@media (max-width: 768px) {
    .table_tr {
        padding: 20px 25px;
        flex-direction: column;
    }
    .table_td__img {
        margin-right: 0;
    }    
    .mediaBlock__kompany_block .container {
        flex-grow: 1;
        display: flex;
    }
    .mediaBlock__kompany_block .contentText {
        display: flex;
        flex-direction: column;
        justify-content: space-between;
    }
    h2.tape.yellow {
        padding-left: 20px;
        box-sizing: border-box;
        margin: 15px 0;
    }
    div.appBlock__kompany_block {
        height: 750px;
        display: flex;
        flex-direction: column;
        justify-content: end;
    }
    .appBlock__kompany_block .text {
        position: relative;
        padding: 10px 25px 5px 25px;
        /* background: linear-gradient(180deg, rgba(0,0,0,0) 0%, rgba(0,0,0,1) 20%, rgba(255,255,255,1) 100%); */
    }
    .mediaBlock__kompany_block {
        flex-grow: 1;
        display: flex;
    }
    #main_menu.hor li.lev0 {
        box-sizing: border-box;
        height: 0;
        overflow: hidden;
        font-size: 18px;
        color: #ffffff;
        transition: all .2s;
    }
    #main_menu.hor .show_drop {
        display: none;
    }
    .header_burger {
        display: block;
        position: relative;
    }
    .submenu_1 {
        display: none;
    }

    #main_menu.hor li.menu--open {
        height: 32px;
        padding: 5px 0;
        margin-bottom: 10px;
        color: #000000;
        overflow: visible;
    }

    .header_button {
        display: block;
        height: 25px;
        padding: 0;
        margin-right: 0;
        z-index: 5;
        margin-left: auto;
    }

    .main-nav__toggle {
        display: block;
        width: 21px;
        height: 21px;
        right: 20px;
        top: 10px;
        transition: all .5s;
    }

    .main-nav__toggle--cross {
        border: none;
        padding: 0;
        width: 25px;
        background-color: inherit;
    }

    .main-nav__toggle--cross::after {
        content: "";
        position: absolute;
        width: 30px;
        height: 3px;
        background-color: black;
        transform: rotate(-45deg);
        bottom: 10px;
        right: -2px;
        transition: all .3s;
    }

    .main-nav__toggle--cross::before {
        content: "";
        position: absolute;
        width: 30px;
        height: 3px;
        background-color: black;
        transform: rotate(45deg);
        bottom: 10px;
        right: -2px;
        transition: all .3s;
    }

    .main-nav__toggle--burger {
        height: 2px;
        width: 25px;
        border: none;
        padding: 0;
        background-color: black;
    }

    .main-nav__toggle--burger::after {
        content: "";
        position: absolute;
        width: 25px;
        height: 2px;
        background-color: black;
        transform: rotate(0deg);
        bottom: 3px;
        right: 0;
        transition: all .3s;
    }

    .main-nav__toggle--burger::before {
        content: "";
        position: absolute;
        width: 25px;
        height: 2px;
        background-color: black;
        transform: rotate(0deg);
        bottom: 19px;
        right: 0;
        transition: all .3s;
    }

    .blockInfo {
        box-sizing: border-box;
        padding: 0 20px;
    }

    .lineBottom {
        border-bottom: none;
        padding: 10px 20px;
    }

    .contentText {
        margin: 0;
    }

    #main_menu.hor {
        flex-direction: column;
        max-width: 100%;
    }

    .appBlock {
        height: 440px;
        background-size: 100%;
        background-position: top;
        margin: 0 !important;
    }

    .block11 {
        background-size: 200%;
        background-position: left;
    }

    .splide {
        height: 440px;
    }

    .splide__track {
        height: 440px !important;
    }

    .appBlock .text {
        width: 100%;
        max-width: 100%;
        padding: 5px 25px 5px 20px;
        left: 0;
        bottom: 0;
    }

    .appBlock .text p.dashed {
        min-width: 100%;
        margin: 0;
        padding: 0;
    }

    img {
        max-width: 100%;
    }

    .sun {
        display: none;
    }

    .infograph {
        max-width: 100%;
        display: flex;
        flex-wrap: wrap;
        justify-content: center;
        padding: 0 25px 0 0;
    }

    ul.infograph li {
        zoom: 0.7;
        margin: 5px;
    }
    ul.infograph li div {
        display: flex;
        align-items: center;
        justify-content: center;
    }
    ul.infograph li>div>span {
        font-size: 13px;
    }

    ul.infograph li>div>span {
        display: inline;
    }

    header .head,
    footer .container {
        padding: 20px;
        display: flex;
        flex-direction: column;
        box-sizing: border-box;
        align-items: center;
    }

    footer .contacts>div {
        display: flex;
        flex-direction: column;
        align-items: center;
    }

    .head .logo,
    footer .logo {
        width: 80%;
        text-align: center;
        height: auto;
        margin-bottom: 10px;
    }

    .head .contacts {
        display: flex;
        align-items: center;
        justify-content: space-between;
        padding-left: 30px;
        box-sizing: border-box;
    }

    .head .contacts div a {
        margin: 0 0 5px;
    }

    .head .contacts>div a span {
        font-size: 8px;
    }

    .head .contacts:after {
        display: none;
    }

    .head .contacts,
    footer .contacts {
        width: 100%;
        height: auto;
        position: relative;
        text-align: center;
    }

    .head .contacts>div a span {
        font-size: 8px;
    }

    .head .contacts div a {
        font-size: 14px;
    }

    footer .contacts .mail {
        margin: 0 !important;
    }

    footer .contacts a {
        margin: 0 0 10px !important;
    }

    .topLine {
        display: none;
    }

    .head {
        height: auto;
    }
    .block19 {
        background: none;
    }
    .block19 .text2 {
        display: none;
    }
    .contentText__product {
        padding: 0 20px;
    }
    .table_tr__product {
        padding: 0;
    }
    .table_tr__product .table_th:last-child,
    .table_tr__product .table_td:last-child {
        border-left: none;
        border-top: 1px solid lightgrey;
    }
    .table_tr__product .table_td:first-child {
        text-align: center;
    }
}