body {
    padding: 0;
    margin: 0;
}

.snow {
    background: url(images/main/snow.png) no-repeat 100%;
}

.h1-main {
    padding: 0;
    margin-top: 80px;
    margin-bottom: 35px;
    font: 700 38px 'Open Sans';
    text-align: center;
    color: #333;
}
.h1-main-color {
    color: #E5005B;
}
.header {
    background: url(images/main/bg.png) 50% 0;
    /*min-height: 1080px; ;с верхней менюшкой*/
    min-height: 1045px;
    height: 100%;
}
.h-fix {
    min-height: auto;
}
.block {
    max-width: 1160px;
    width: 100%;
    margin: auto;
    z-index: 10;
}
.top-menu ul {
    margin: 0;
    padding: 0;
    font-size: 0;
}
.top-menu ul li {
    display: inline-block;
    margin-top: 18px;
    margin-right: 52px;
}
.top-menu ul li a {
    font: 600 13px 'Open Sans';
    color: #fff;
    text-transform: uppercase;
}
.top-menu ul li:last-child {
    margin-right: 0;
}
.header-menu {
    margin-top: 28px;
}
.header-menu .logo img {
    max-width: 170px;
    width: 170px;
    height: 54px;
}
.header-menu .phone {
    font: bold 19px 'Open Sans';
    color: #fff;
    margin-top: 20px;
}
.header-menu .menu {
    margin-top: 24px;
    margin-left: 47px;
}
.header-menu .menu ul {
    font-size: 0;
    padding: 0;
    margin: 0;
}
.header-menu .menu ul li {
    display: inline-block;
    margin-right: 22px;
}
.header-menu .menu ul li a {
    font: 15px 'Open Sans';
    color: #fff;
    display: inline-block;
    padding-bottom: 23px;
    cursor: default;
}
.header-menu .menu ul li a[href] {
    cursor: pointer;
}
.header-menu .menu ul li a:hover {
    text-decoration: none;
    padding-bottom: 19px;
    border-bottom: 4px solid #fff;
    color: #fff;
}
.header-menu .menu ul li.active a {
    padding-bottom: 19px;
    border-bottom: 4px solid #fff;
}
.header-menu .menu ul li:last-child {
    margin-right: 0;
}

/* submenu */

.header-menu .menu>ul>li>ul {
    text-align: left;
    list-style: none;
    display: none;
    position: absolute;
    z-index: 10;
    background: #0090e3;
    border-radius: 10px;
    padding: 10px 0;
    -webkit-box-shadow: 0 2px 8px rgba(0, 0, 0, .5);
    box-shadow: 0 2px 8px rgba(0, 0, 0, .5);
    margin: -1px 0 0 -20px;
}
.header-menu .menu>ul>li>ul>li>a {
    font-size: 15px;
    color: #fff;
    padding: 3px 25px !important;
    display: block;
    text-decoration: none;
    white-space: nowrap;
    border-bottom: 0 !important;
}
.header-menu .menu>ul>li>ul>li:hover {
    background: #1f76a9;
    margin-right: 0;
    width: 100%;
}
.header-menu .menu>ul>li>ul>li>ul {
    text-align: left;
    display: none;
    list-style: none;
    position: absolute;
    z-index: 10;
    background: #1f76a9;
    padding: 10px 0;
    margin: 50px 0 0 95%;
    top: 0;
    border-radius: 10px;
    -webkit-box-shadow: 0 2px 8px rgba(0, 0, 0, .5);
    box-shadow: 0 2px 8px rgba(0, 0, 0, .5);
}
.header-menu .menu>ul>li>ul>li>ul>li>a {
    font-size: 15px;
    color: #fff;
    padding: 3px 25px !important;
    display: block;
    text-decoration: none;
    white-space: nowrap;
    border-bottom: 0 !important;
}
.header-menu .menu>ul>li>ul>li>ul>li:hover {
    background: #0090e3;
    width: 100%;
}
.header-menu .menu>ul>li:hover>ul {
    display: block;
}
.header-menu .menu>ul>li>ul>li:hover>ul {
    display: block;
}

/* end-submenu */

.h-line {
    height: 1px;
    background: #fff;
    opacity: .2;
}
.main {
    font: 23px 'Open Sans';
    color: #fff;
    margin-top: 62px;
    margin-bottom: -63px;
}
.main img {
    display: block;
    margin: 45px auto;
    max-width: 100%;
}
.main span {
    font: 26px 'Open Sans';
    line-height: 33px;
    display: block;
}
.topheadmain {
    font-size: 29px;
    max-width: 650px;
    margin: 0 auto 25px;
}
.margin-none {
    margin: 0 !important;
}
.padding-none {
    padding: 0 !important;
}
.button-main {
    background: linear-gradient(#009fe3, #278bff);
    border-radius: 20px;
    color: #fff;
    display: inline-block;
    margin: auto;
    font: bold 13px 'Open Sans';
    text-transform: uppercase;
    padding: 11px 49px;
    transition: all 0.5s ease-out;
    margin-top: 65px;
}
.button-main:hover {
    text-decoration: none;
    color: #fff;
    background: linear-gradient(#278bff, #009fe3);
}
.button {
    background: #0090E3;
    border: 1px solid #0090E3;
    border-radius: 17px;
    color: #fff;
    display: inline-block;
    margin: auto;
    font: bold 11px 'Open Sans';
    text-transform: uppercase;
    padding: 10px 41px;
    transition: all .3s ease-out;
}
.button:hover {
    text-decoration: none;
    border: 1px solid #0090E3;
    background: #fff;
    color: #333;
}
.button-transparent {
    border: 1px solid #0090E3;
    color: #333333;
    border-radius: 17px;
    padding: 10px 41px;
    text-transform: uppercase;
    font: bold 11px 'Open Sans';
    margin-top: 82px;
    display: inline-block;
    transition: all 0.3s ease-out;
}
.button-transparent:hover {
    color: #fff;
    text-decoration: none;
    background: #0090E3;
}

.button-transparent {
    border: 1px solid #0090E3;
    color: #333333;
    border-radius: 17px;
    padding: 10px 41px;
    text-transform: uppercase;
    font: bold 11px 'Open Sans';
    margin-top: 82px;
    display: inline-block;
    transition: all 0.3s ease-out;
}
.button-transparent:hover {
    color: #fff;
    text-decoration: none;
    background: #0090E3;
}
.button-color {
    border: 1px solid #fff;
    color: #fff;
    border-radius: 17px;
    padding: 10px 41px;
    text-transform: uppercase;
    font: bold 11px 'Open Sans';
    margin-top: 26px;
    display: inline-block;
    transition: all 0.3s ease-out;
}
.button-color:hover {
    color: #0090E3;
    text-decoration: none;
    border: 1px solid #fff;
    background: #fff;
}
.icons {
    float: right;
    z-index: 1;
    position: relative;
    top: 16px;
}
.icons .icon-nord {
    font: bold 18px 'Open Sans';
    position: relative;
    padding-right: 80px;
    padding-top: 10px;
    text-align: right;
    color: #424242;
    cursor: pointer;
}
.icons .icon-nord:hover,
.icons .icon-nord.active {
    color: #009fe3;
}
.icons .icon-nord:after {
    content: '';
    background: url(images/main/icon-nord.png) no-repeat;
    width: 96px;
    height: 96px;
    position: absolute;
    top: -15px;
    right: -15px;
}
.icons .icon-nord:hover:after,
.icons .icon-nord.active:after {
    background: url(images/main/icon-nord-a.png) no-repeat;
}

.icons .icon-air {
    font: bold 18px 'Open Sans';
    position: relative;
    padding-right: 80px;
    padding-top: 10px;
    text-align: right;
    color: #424242;
    cursor: pointer;
    margin-top: 40px;
}
.icons .icon-air:hover,
.icons .icon-air.active {
    color: #009fe3;
}
.icons .icon-air:after {
    content: '';
    background: url(images/main/icon-air.png) no-repeat;
    width: 96px;
    height: 96px;
    position: absolute;
    top: -15px;
    right: -15px;
}
.icons .icon-air:hover:after,
.icons .icon-air.active:after {
    background: url(images/main/icon-air-a.png) no-repeat;
}
.roof {
    background: url(images/main/bg-roof.png) no-repeat 50%;
    height: 417px;
    top: 83px;
    position: relative;
    max-width: 1920px;
    margin: auto;
}
.roof-snow {
    background: url(images/main/bg-roof-snow.png) 50% 1219px !important;
    height: 468px !important;
    top: 83px !important;
}
.roof .deflektor {
    background: url(images/main/deflektor.png) no-repeat;
    width: 345px;
    height: 435px;
    position: absolute;
    top: -18px;
    margin-left: -55px;
}
.roof .deflektor-snow {
    background: url(images/main/deflektor-snow.png) no-repeat !important;
    width: 492px !important;
    height: 507px !important;
    top: -90px !important;
    margin-left: -154px !important;
}
.roof .nest {
    background: url(images/main/nest.png) no-repeat;
    width: 767px;
    height: 289px;
    right: 0;
    position: absolute;
    top: 128px;
}
.roof .nest-snow {
    background: url(images/main/nest-snow.png) no-repeat !important;
    width: 608px !important;
    height: 201px !important;
    top: 216px !important;
}
.t-info .preview {
    font: 300 18px 'Open Sans';
    text-align: center;
    color: #595959;
    margin-bottom: 73px;
}
.t-info .p-hed {
    font: bold 15px 'Open Sans';
    color: #009FE3;
    margin-bottom: -60px;
    margin-top: 90px;
}
.t-info .p-hed .p-l {
    background: url(images/main/p-l.png) no-repeat;
    width: 208px;
    height: 72px;
    padding: 28px 44px 0 0;
    display: inline-block;
    margin-right: -52px;
}
.t-info .p-hed .p-i {
    background: url(images/main/p-i.png) no-repeat;
    width: 316px;
    height: 95px;
    display: inline-block;
    position: relative;
    z-index: 1;
}
.t-info .p-hed .p-r {
    background: url(images/main/p-r.png) no-repeat;
    width: 208px;
    height: 72px;
    padding: 25px 0 0 39px;
    display: inline-block;
    margin-left: -61px;
}
.t-info .p-ver {
    background: url(images/main/p-ver.png) no-repeat;
    width: 43px;
    height: 348px;
    position: absolute;
    left: 49%;
    top: 55px;
}
.t-info .t-text {
    font: 15px 'Open Sans';
    color: #595959;
    position: relative;
}
.t-info .t-text strong {
    font-weight: 600;
}
.t-info .t-tp1 {
    margin-top: 181px;
}
.t-info .t-tp2 {
    margin-top: 98px;
}
.t-info .t-tp3 {
    margin-top: 112px;
}
.t-info .t-tp4 {
    margin-top: 147px;
}
.t-info .t-point {
    background: url(images/main/p-p.png) no-repeat;
    width: 46px;
    height: 46px;
    z-index: 1;
    top: -10px;
}
#turbo-vid {
    z-index: -1;
    position: relative;
    width: 100%;
}
.t-info .t-p1 {
    position: absolute;
    right: -128px;
}
.t-info .t-p1:after {
    content: '';
    height: 2px;
    background: #D0D0D0;
    width: 56px;
    position: relative;
    display: block;
    top: 47%;
    left: -33px;
}
.t-info .t-p2 {
    position: absolute;
    right: -185px;
}
.t-info .t-p2:after {
    content: '';
    height: 2px;
    background: #D0D0D0;
    width: 113px;
    position: relative;
    display: block;
    top: 47%;
    left: -90px;
}
.t-info .t-p3 {
    position: absolute;
    left: -335px;
}
.t-info .t-p3:before {
    content: '';
    height: 2px;
    background: #D0D0D0;
    width: 250px;
    position: relative;
    display: block;
    top: 47%;
    right: -50%;
}
.t-info .t-p4 {
    position: absolute;
    left: -300px;
}
.t-info .t-p4:before {
    content: '';
    height: 2px;
    background: #D0D0D0;
    width: 220px;
    position: relative;
    display: block;
    top: 47%;
    right: -50%;
}
.climate {
    font: bold 22px 'Open Sans';
    color: #fff;
    position: relative;
}
.cl-box {
    width: 379px;
    height: 384px;
    text-align: center;
    margin: auto;
    margin-bottom: 30px;
}
.cl-box span {
    display: none;
    font: 16px 'Open Sans';
    color: #fff;
    margin: 24px 50px 0;
    min-height: 89px;
}
.cl-box .button-color {
    display: none;
}
.cl-box:hover img.cl-box-hider {
    display: none;
}
.cl-box:hover {
    background: #0090E3;
}
.cl-box:hover .button-color,
.cl-box:hover span {
    display: inline-block;
    transition: all 0.3s ease-out;
}
.cl-icon {
    position: absolute;
    top: 0;
    width: inherit;
    text-align: center;
    top: 45px;
}
.cl-icon:before {
    content: '';
    background: url(images/main/icon-rns.png) no-repeat;
    width: 70px;
    height: 70px;
    display: block;
    margin: auto;
    margin-bottom: 15px;
}
.cl-icon2 {
    position: absolute;
    top: 0;
    width: inherit;
    text-align: center;
    top: 45px;
}
.cl-icon2:before {
    content: '';
    background: url(images/main/icon-ras.png) no-repeat;
    width: 70px;
    height: 70px;
    display: block;
    margin: auto;
    margin-bottom: 15px;
}
.cl-icon3 {
    position: absolute;
    top: 0;
    width: inherit;
    text-align: center;
    top: 45px;
}
.cl-icon3:before {
    content: '';
    background: url(images/main/icon-rs.png) no-repeat;
    width: 70px;
    height: 70px;
    display: block;
    margin: auto;
    margin-bottom: 15px;
}
.wu-icon {
    position: absolute;
    top: 0;
    width: inherit;
    text-align: center;
    top: 45px;
}
.wu-icon img {
    width: 81px;
    height: 80px;
    display: block;
    margin: auto;
    margin-bottom: 15px;
}
/*
.wu-icon:before {
  content: '';
  background: url(images/main/icon-wu-1.png) no-repeat;
  width: 81px;
  height: 80px;
  display: block;
  margin: auto;
  margin-bottom: 15px;
}
.wu-icon2 {
  position: absolute;
  top: 0;
  width: inherit;
  text-align: center;
  top: 45px;
}
.wu-icon2:before {
  content: '';
  background: url(images/main/icon-wu-2.png) no-repeat;
  width: 81px;
  height: 80px;
  display: block;
  margin: auto;
  margin-bottom: 15px;
}
.wu-icon3 {
  position: absolute;
  top: 0;
  width: inherit;
  text-align: center;
  top: 45px;
}
.wu-icon3:before {
  content: '';
  background: url(images/main/icon-wu-3.png) no-repeat;
  width: 81px;
  height: 80px;
  display: block;
  margin: auto;
  margin-bottom: 15px;
}
.wu-icon4 {
  position: absolute;
  top: 0;
  width: inherit;
  text-align: center;
  top: 45px;
}
.wu-icon4:before {
  content: '';
  background: url(images/main/icon-wu-4.png) no-repeat;
  width: 81px;
  height: 80px;
  display: block;
  margin: auto;
  margin-bottom: 15px;
}
.wu-icon5 {
  position: absolute;
  top: 0;
  width: inherit;
  text-align: center;
  top: 45px;
}
.wu-icon5:before {
  content: '';
  background: url(images/main/icon-wu-5.png) no-repeat;
  width: 81px;
  height: 80px;
  display: block;
  margin: auto;
  margin-bottom: 15px;
}
.wu-icon6 {
  position: absolute;
  top: 0;
  width: inherit;
  text-align: center;
  top: 45px;
}
.wu-icon6:before {
  content: '';
  background: url(images/main/icon-wu-6.png) no-repeat;
  width: 81px;
  height: 80px;
  display: block;
  margin: auto;
  margin-bottom: 15px;
}*/
.fail-job {
    background: #F7FAFB;
    margin: 100px 0;
    padding: 1px 0 80px;
}
.fail-job span {
    font: 20px 'Open Sans';
    color: #333;
    text-align: center;
    display: block;
}
.fail-job .fj-box {
    font: 100 18px 'Open Sans';
    color: #595959;
    margin: 20px 0 110px;
}
.fail-job .fj-box img {
    display: block;
    margin: auto;
    margin-bottom: 30px;
    margin-top: 30px;
}
.fail-job .us {
    font: 100 18px 'Open Sans';
    position: relative;
}
.fail-job .us img {
    display: block;
    margin: auto;
    margin-bottom: 30px;
    margin-top: 60px;
}
.with-us .cl-box {
    font: bold 16px 'Open Sans';
    color: #fff;
    text-transform: uppercase;
    width: 370px;
    height: 332px;
    margin-bottom: 30px;
}
.cl-box ul {
    text-align: left;
}
.with-us .cl-box span {
    text-transform: none;
    font-weight: 300;
}
.objects {
    background: #F7FAFB;
    margin: 100px 0;
    padding: 1px 0 80px;
}
.objects img {
    width: 270px;
}
.objects ul {
    padding: 0;
    margin: 60px 0 70px 0;
    text-align: center;
    font-size: 0;
}
.objects ul li {
    display: inline-block;
    margin-right: 35px;
}
.action-n .objects {
    /*margin: 0;*/
    padding: 0;
}
.action-n .objects ul {
    padding: 0;
    margin: 0 0 20px;
    text-align: left;
}
.action-n #ajax_objects .col-6 {
    display: none;
}
.action-n #ajax_objects .col-6:nth-child(-n+3) {
    display: block;
}
.action-n .objects ul li {
    padding-left: 0;
    margin-right: 15px;
    padding-bottom: 0;
}
.action-n .objects ul li a {
    font-size: 14px;
    padding: 3px 10px;
}
.action-n .objects ul li:before {
    content: none;
}
.objects ul li a {
    font: 16px 'Open Sans';
    color: #6591B9;
    border: 1px solid transparent;
    padding: 6px 27px;
}
.objects ul li a:hover,
.objects ul li a.active {
    border: 1px solid #0090E3;
    border-radius: 17px;
    color: #0090E3;
    text-decoration: none;
}
.objects ul li:last-child {
    margin-right: 0;
}
.objects .obj-box img {
    display: block;
}
.objects .obj-box span {
    display: block;
    font: 100 14px 'Open Sans';
    color: #595959;
}
.objects .obj-box span strong {
    font-weight: 600;
}
.objects .obj-box a {
    color: #6591B9;
    font: bold 17px 'Open Sans';
    display: block;
    margin: 0 0 15px 0;
}
.objects .obj-box a:hover {
    color: #0090E3;
}
.bd-know {
    padding-bottom: 68px;
}
/*.bd-know a {
  color: #6787AD;
  font: 100 15px 'Open Sans';
}*/
.bd-know .bd-box {
    border-bottom: 1px solid #ccc;
    padding-bottom: 30px;
    padding-top: 30px;
}
.bd-know img {
    display: inline-block;
    width: 327px;
    vertical-align: top;
}
.bd-know .bd-box-text {
    font: 100 16px 'Open Sans';
    color: #595959;
    /*width: 600px;*/
    display: inline-block;
    vertical-align: top;
    /*margin-left: 34px;*/
}
.bd-know .bd-box-text a {
    font: 600 22px 'Open Sans';
    color: #6591B9;
    margin-bottom: 20px;
    display: inline-block;
}
.bd-know .bd-box-text a:hover {
    color: #0090E3;
}
.bd-know .bd-box-author {
    display: block;
    margin-top: 29px;
    font: 100 14px 'Open Sans';
    color: #808080;
}
.bd-know .bd-box-author img {
    width: 50px;
    display: inline-block;
}
.bd-know .bd-box-author a {
    font: 100 14px 'Open Sans';
    color: #0090E3;
    text-decoration: none;
}
.bd-know .bd-box-author span {
    margin: 14px 0px 0 14px;
    display: inline-block;
}
.bg-footer {
    height: 10px;
    background: #F6F6F6;
}
.footer {
    font: 100 14px 'Open Sans';
    color: #808080;
    padding: 59px 0;
}
.footer .social {
    margin-top: 33px;
    margin-bottom: 40px;
}
.footer .social img {
    margin-right: 20px;
}
.footer strong {
    display: block;
    font: 600 14px 'Open Sans';
    text-transform: uppercase;
    color: #333333;
}
.footer ul {
    padding: 19px 0;
    margin: 0;
}
.footer ul li {
    list-style: none;
    padding: 10px 0;
}
.footer ul li.invisible {
    display: none;
}
.footer ul li a {
    font: 15px 'Open Sans';
    color: #6591B9;
}
.footer ul li a:hover {
    color: #0090E3;
}
#img-turbo-vent,
#img-turbo-vent-snow {
    margin-left: 45px;
    position: relative;
    z-index: 1;
}
#img-turbo-vent-snow {
    display: none;
}
.snower {
    background: url(images/main/snow.png) 50%;
    width: 100%;
    height: 288px;
    position: absolute;
    top: 0;
    display: none;
}

/* modals */
.r-modal-box-nord {
    width: 568px;
    position: relative;
    background: #F6FAFD;
}
.r-modal-box-nord .rmb-text {
    padding: 20px 50px 0;
    font: 100 18px 'Open Sans';
    color: #595959;
}
.r-modal-box-nord .fb-padding {
    padding: 50px 0;
}
.r-modal-box-nord .rmb-text ul {
    padding: 20px 0 0;
    margin: 0;
    font: 100 16px 'Open Sans';
}
.r-modal-box-nord .rmb-text ul li {
    margin-bottom: 20px;
    list-style: none;
    padding-left: 20px;
    position: relative;
}
.r-modal-box-nord .rmb-text ul li:last-child {
    margin-bottom: 0;
}
.r-modal-box-nord .rmb-text ul li:before {
    content: "";
    position: absolute;
    top: 7px;
    left: 0;
    background: #0090E3;
    width: 7px;
    height: 7px;
    border-radius: 50%;
}
.rm-icon-box {
    font: bold 32px 'Open Sans';
    color: #fff;
    position: absolute;
    margin: auto;
    width: 100%;
    text-align: center;
}
.rm-icon-box img {
    display: block;
    margin: 26px auto 11px auto;
}
.rmb-arrows {
    position: absolute;
    left: 0;
    width: 100%;
    height: 285px;
}
.rmb-arrows .left-arrow {
    background: url(images/main/l-arrow.png) no-repeat;
    width: 50px;
    height: 50px;
    left: 0;
    position: absolute;
    z-index: 1;
    top: 50%;
    margin-top: -25px;
    cursor: pointer;
}
.rmb-arrows .left-arrow:hover {
    background: url(images/main/l-arrow-a.png) no-repeat;
}
.rmb-arrows .right-arrow {
    background: url(images/main/r-arrow.png) no-repeat;
    width: 50px;
    height: 50px;
    right: 0;
    position: absolute;
    z-index: 1;
    top: 50%;
    margin-top: -25px;
    cursor: pointer;
}
.rmb-arrows .right-arrow:hover {
    background: url(images/main/r-arrow-a.png) no-repeat;
}
.r-mb-close {
    font: 100 14px 'Open Sans';
    cursor: pointer;
    text-align: right;
}
.r-mb-close:after {
    content: "";
    background: url(images/main/close.png) no-repeat;
    width: 18px;
    height: 18px;
    display: inline-block;
}

.menu-btn {
    width: auto;
    padding: 15px 0 15px 15px;
    margin-bottom: 0;
    background: transparent;
    cursor: pointer;
    border: 0;
}

.line-burger {
    height: 3px;
    width: 25px;
    background: #fff;
    display: block;
    margin: 4px 0;
}
.isleft ul,
.newsdetail ul {
    padding-left: 0;
}

.isleft ul li,
.newsdetail ul li {
    margin-bottom: 10px;
    position: relative;
    list-style: none;
    padding-left: 20px;
}
.isleft ul li:before,
.newsdetail ul li:before {
    content: "";
    position: absolute;
    top: 10px;
    left: 0;
    background: #0090E3;
    width: 7px;
    height: 7px;
    border-radius: 50%;
}
.isleft ul li:last-child,
.newsdetail ul li:last-child {
    margin-bottom: 0;
}

.callbackkiller.cbk-window a.cbk-copyright-callbackkiller {
    display: none !important;
}
.cbk-window .cbk-form .cbk-form-title small {
    padding: 15px 0 !important;
}
.cbk-window .cbk-form .cbk-form-title small {
    display: inline-block;
    font-size: 70% !important;
    padding: 0;
    line-height: 22px !important;
}
.leadia_develop_text {
    display: none !important;
}
.white-saas-generator .white-saas-generator-container .white-saas-generator-right-block .white-saas-generator-copyright {
    color: #575757;
    text-align: right;
    position: absolute;
    width: 210px;
    bottom: 8px;
    cursor: pointer;
    font-size: 13px;
    font-family: CBKRobotoLight, sans-serif !important;
    display: none !important;
}
.header-menu .phone:before {
    content: 'Звонок бесплатный';
    font-size: 13px;
    width: 100%;
    float: right;
    margin: -19px 0px 3px 0;
    font-weight: 400;
}


.cookie-msg {
    position: fixed;
    margin-inline: auto;
    inset-inline: 0;
    inset-block-start: 85%;
    transform: translateY(80%);
    z-index: -1;
    max-width: 600px;
    padding: 0 10px;
    opacity: 0;
    visibility: hidden;
    pointer-events: none;
    user-select: none;
    transition: opacity .3s ease-in-out, visibility .3s ease-in-out, transform .3s ease-in-out;
}

.cookie-msg.active {
    transform: translateY(0);
    opacity: 1;
    visibility: visible;
    pointer-events: all;
    user-select: all;
    z-index: 81;
}

.cookie-msg__body {
    display: flex;
    align-items: center;
    gap: 20px;
    padding: 15px;
    background-color: #0090E3;
    border-radius: 8px;
}

@media (max-width: 450px) {
    .cookie-msg__body {
        padding: 10px;
    }
}

.cookie-msg__icon {
    flex: 0 0 90px;
    position: relative;
}

@media (max-width: 550px) {
    .cookie-msg__icon {
        display: none;
    }
}

@media (max-height: 550px) and (orientation:landscape) {
    .cookie-msg {
        inset-block-start: 70%;
    }
}

.cookie-msg__icon-rotario {
    position: absolute;
    left: 0;
    bottom: -33px;
}

@media (max-width: 550px) {
    .cookie-msg__icon-rotario {
        display: none;
    }
}

.cookie-msg__icon-rotario img {
    max-height: 90px;
}

.cookie-msg__icon-cookies {
    position: absolute;
    right: -25px;
    bottom: -10px;
    display: flex;
    flex-direction: column;
    gap: 15px;
    height: 100%;
    max-height: 90px;
}

.cookie-msg__icon-cookies img:nth-child(1) {
    height: 16px;
    width: 16px;
}

.cookie-msg__icon-cookies img:nth-child(2) {
    height: 30px;
    width: 30px;
}

.cookie-msg__text {
    font-weight: 400;
    font-size: 15px;
    color: #fff;
    user-select: none;
}

@media (max-width: 450px) {
    .cookie-msg__text {
        font-size: 13px;
    }
}

.cookie-msg__text span {
    font-weight: 700;
}

.cookie-msg__button {
    flex: 0 0 130px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: 600;
    font-size: 15px;
    line-height: 1;
    color: #0090E3;
    background-color: #fff;
    border-radius: 8px;
    padding: 15px 30px;
    overflow: hidden;
    transition: 0.3s color ease-in-out, 0.3s background-color ease-in-out;
}