@charset "utf-8";
body,html{
    border:0;
    font:inherit;
    vertical-align:baseline
}
a,abbr,acronym,address,applet,article,aside,audio,b,big,blockquote,canvas,caption,center,cite,code,dd,del,details,dfn,div,dl,dt,em,embed,fieldset,figcaption,figure,footer,form,h1,h2,h3,h4,h5,h6,header,hgroup,i,iframe,img,ins,kbd,label,legend,li,mark,menu,nav,object,ol,output,p,pre,q,ruby,s,samp,section,small,span,strike,strong,sub,summary,sup,table,tbody,td,tfoot,th,thead,time,tr,tt,u,ul,var,video{
    margin:0;
    padding:0;
    border:0;
    font:inherit;
    vertical-align:baseline
}
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{
    display:block
}
*{
    box-sizing:border-box
}
*,body,html{
    margin:0;
    padding:0
}
body{
    width:100%;
    height:100%;
    line-height:1
}
html{
    position:relative
}
h3.d-title {
    color: #357af7;
    font-weight: 700;
    font-size: 22px;
    text-align: center;
    padding-top: 30px;
}
.sd-title {
    font-weight: 700;
    text-align: center;
    max-width: 260px;
}
.sf-right {
    max-width: 328px;
    padding: 10px 30px;
}
.sf-right fieldset {
    border: none;
    margin: 0;
    padding: 30px 0;
}
form#discount {
    margin: 0;
}
#get-discount {
    max-width: fit-content;
}
#get-discount .modal-block {
    padding: 0;
}
.sf-right .tel-block .in-1 {
    width: 28px !important;
}
.sf-right .tel-block .in-3 {
    width: 100px !important;
}
.modal .sf-right .link-btn {
    background: #357af7;
    margin: 20px 0 0;
}
.sf-left img {
    border-radius: 20px;
    transform: scale(1.001);
    display:block;
}
.fltr-wrap.flex {
    display: none;
}
.policy-wrap {
    background: #fff;
    padding: 40px;
    border-radius: 30px;
    margin: 0 0 40px;
}
.policy-wrap h1 {
    font-size: 30px;
    margin: 0 0 50px;
}
.cookie-warn.flex.active {
    display: flex;
}
.cookie-tx a {
    color: #357af7;
}
.cookie-warn.flex {
    display: none;
    max-width: 1200px;
    position: fixed;
    bottom: 20px;
    width: 100%;
    left: 50%;
    transform: translateX(-50%);
    padding: 20px;
    background: #fff;
    color: #000;
    border-radius: 10px;
    box-shadow: 0px 0px 20px #00000059;
    flex-wrap: nowrap;
    align-items: center;
    z-index: 99999;
}
.cookie-tx {
    padding-right: 40px;
}
.cookie-btn {
    padding: 10px 30px;
    background: #000;
    border-radius: 10px;
    color: #fff;
    cursor: pointer;
}
div#catalog {
    margin-top: 70px;
}
.news-detail-art table {
    width: 100%;
    border-collapse: collapse;
    border: 1px solid #fff;
    margin-bottom: 20px;
}
.news-detail-art td, .news-detail-art th {
    padding: 10px 20px;
    border: 1px solid #c2d3f3;
}
.grid {
    display: grid;
}
.newswrap {
    grid-template-columns: repeat(3, 424px);
    gap: 50px;
}
.nw-img img {
    border-radius: 0 0 20px 20px;
}
.news-item {
    border-radius: 20px;
    overflow: hidden;
    background: #fff;
    position: relative;
    transition: .3s;
}
.news-item:hover {
    box-shadow: 3px 6px 16px #0000002b;
}
.nw-bottom {
    padding: 30px 30px 40px;
}
.nw-title a {
    color: #000;
    padding-bottom: 30px;
    display: block;
    transition: .3s;
}
.news-item:hover .nw-title a {
    color: #357af7;
}
.nw-date {
    position: absolute;
    bottom: 20px;
    left: 30px;
}
.news-item .news-date-time {
    color: #000;
    font-size: 14px;
}
.newswrap {
    grid-template-columns: repeat(3, 424px);
    gap: 50px;
    padding: 70px 0;
    width: fit-content;
    margin: 0 auto;
}

.timer__items {
    display: flex;
    font-size: 38px;
    background: #edf3fe;
    border-radius: 10px;
    padding: 7px 0;
    margin-top: 20px;
}
.timer__item {
  position: relative;
  min-width: 60px;
  margin-left: 10px;
  margin-right: 10px;
  padding-bottom: 15px;
  text-align: center;
}
.timer__item::before {
  content: attr(data-title);
  display: block;
  position: absolute;
  left: 50%;
  bottom: 0;
  transform: translateX(-50%);
  font-size: 14px;
}
.timer__item:not(:last-child)::after {
  content: ':';
  position: absolute;
  right: -15px;
}

.promo-wrap.flex {
    justify-content: space-between;
    background: url(/images/fon-pattern.jpg);
    border-radius: 20px;
    padding: 15px 400px 15px 100px;
    margin: 50px 0;
    background-size: cover;
    align-items: center;
}
.promo-title {
    font-size: 54px;
    font-weight: 700;
    color: #357af7;
    line-height: 1.2;
}
ul.promo-ul {
    padding-left: 0;
    margin: 20px 0 0;
    text-align: left;
}
ul.promo-ul li {
    position: relative;
    padding-left: 20px;
}
ul.promo-ul li:before {
    content: "-";
    padding: 0 5px 0 0;
    position: absolute;
    left: 0;
}
.promo-c, .promo-r {
    margin-top: 0px;
}
.promo-r-tx {
    font-weight: 500;
}
.promo-r-tx span {
    font-weight: 500;
    color: #357af7;
}

.prod-img {
    position: relative;
}
.sale-badje {
    content: "";
    display: block;
    width: 60px;
    height: 54px;
    background: url(/images/prednovogodnii.png) center no-repeat;
    background-size: contain;
    position: absolute;
    bottom: 7px;
    z-index: 9;
    left: 5px;
}
.news-detail-art {
    max-width: 837px;
    margin: 0 auto;
}
.art-title h1 {
    font-size: 32px;
    text-align: center;
    padding-bottom: 70px;
}
p.back-to-all {
    max-width: 837px;
    margin: 0 auto;
    font-size: 14px;
}
.fa-long-arrow-alt-left:before {
    content: "\f30a";
}
p.back-to-all a {
    color: #000;
}
p.back-to-all a:hover {
    color: #357af7;
}
.news-detail-art img {
    margin: 50px 0;
    border-radius: 20px;
}
.container .news-detail-art h3 {
    font-weight: normal;
    padding: 20px 0;
}
.news-detail-art ul {
    list-style: disc;
    padding-left: 20px;
}
.news-detail-art li::marker {
    color: #357af7;
    font-size: 20px;
}
.img-have-link img {
    margin-bottom: 0;
}
.art-link {
    text-align: center;
    padding: 20px;
}
.news-detail-art a {
    color: #357af7;
}
ul.topnav.flex>li>a.cat-nav.inf {
    color: #000000;
    background: transparent;
}
a.cat-nav.inf i {
    padding-left: 5px;
}


.map-left {
    width: 60%;
    padding-right: 70px;
}
.map-right {
    width: 40%;
}
.map-wrap.flex {
    padding: 70px 0;
}
.cb-left {
    width: 60px;
    padding-top: 30px;
}
.cb-right {
    width: calc(100% - 60px);
}
.cb-title {
    color: #357af7;
    font-weight: 700;
    padding-bottom: 25px;
}
.cb-row {
    margin-bottom: 50px;
}
.cb-row.col-3 {
    width: 75%;
}
.cb-row.col-1 {
    width: 25%;
}
.cb-items.col-3.flex span {
    width: 30%;
}
.cb-row.first {
    font-size: 20px;
}
.cb-row.first span {
    margin-right: 40px;
}
.cont-block.col-2.flex {
    width: 40%;
}
div#map {
    border-radius: 20px;
    overflow: hidden;
}

ol,ul{
    list-style:none
}
select#prtype {
    border: 1px solid #eee;
    padding: 10px;
    border-radius: 10px;
}
.prod-chars-center {
    width: 100%;
    margin-top: 40px;
}
.testileft {
    width: 60%;
}
.testiright {
    width: 30%;
    padding-left: 50px;
}
.testitop.flex {
    justify-content: space-between;
    align-items: center;
    max-width: 1300px;
    margin: 0 auto;
    padding-bottom: 50px;
}
.tti-in.flex {
    justify-content: space-between;
}
.tti-in .testi {
    width: 31%;
    margin-bottom: 4%;
}
.ttab-inner {
    padding: 50px 0;
}
form#testiform {
    padding: 30px;
    background: #fff;
    max-width: 400px;
    border-radius: 20px;
}
form#testiform .input-block textarea {
    border:none;
    border-bottom: 1px solid #ccc;
    max-height: 40px;
    outline: 0;
    background-color: #ffffff;
    padding: 0;
    font-size: 16px;
}
.tt-title {
    font-size: 50px;
    padding-bottom: 40px;
    font-weight: 700;
}
.ttab-nav {
    margin: 40px 0 0;
    text-align: center;
}
.ttab-nav a {
    display: inline-block;
    padding: 10px;
}
.ttab-container {
    position: relative;
}
.ttab-inner {
    display: none;
}
.ttab-inner.active {
    display: block;
}
a.tab-link {
    color: #000;
}
a.tab-link.active {
    color: #357af7;
}




.order-success {
    text-align: center;
    font-size: 14px;
    padding: 15px 0 0;
}
.top-panel.flex a.get-tent {
    animation: pulsed 1s infinite;
}
div#thanks {
    background: #fff;
    padding: 20px;
    border-radius: 30px;
    font-size: 18px;
}
.videohead {
    position: relative;
    max-height: 715px;
    overflow: hidden;
    border-radius: 30px;
    height: 100%;
    min-height: 70vh;
}
video.video-head {
    position: absolute;
    width: 100%;
    left: 0;
    top: 0;
}
.about-left {
    width: 48%;
}
.about-right {
    width: 48%;
}
.about.flex {
    justify-content: space-between;
    padding: 70px 0;
    align-items: center;
}
span.blue {
    color: #357af7;
}
.gal-wrap {
    padding: 0 0 70px;
}
.gal-wrap img {
    border-radius: 15px;
}
.description h4 {
    display: block;
    font-weight: 700;
    margin-top: 15px;
}
.description ol, .description ul {
    list-style: disc;
    padding-left: 20px;
    margin: 20px 0;
}
div#oplata .wrap {
    font-family: inherit;
    margin-top: 0;
}
blockquote,q{
    quotes:none
}
blockquote:after,blockquote:before,q:after,q:before{
    content:none
}
table{
    border-collapse:collapse;
    border-spacing:0
}
section#car-det {
    padding: 70px 0;
}
section#brands {
    padding: 70px 0;
}
.nav-toggler.mobile {
    display: none;
}
img.m-logo {
    display: none;
}
.m-nav {
    display: none;
}
.prod-chars.flex {
    justify-content: space-between;
    align-items: flex-start;
}
.prod-chars-left {
    width: 60%;
}
.prod-chars-right {
    width: 40%;
}
.chars-left {
    width: 200px;
    position: relative;
    transform-style: preserve-3d;
}
.chars-left:before {
    content: "";
    position: absolute;
    width: 100%;
    border: 1px dashed #bfbfbf;
    top: 13px;
    transform: translateZ(-1px);
}
.chars-left span {
    display: inline-block;
    background: #edf3fe;
    padding-right: 5px;
}
.chars-right {
    width: calc(100% - 200px);
    margin-bottom: 5px;
    padding-left: 5px;
}
.clear{
    clear:both
}
.prod-title span {
    color: #7d7d7d;
    display: block;
    font-size: 14px;
    padding-top: 7px;
}
.clearfix:after{
    content:"";
    display:block;
    height:0;
    clear:both
}
.car-det {
    width: fit-content;
    margin: 0 auto;
    max-width: 100%;
    position: relative;
}
.point {
    position: absolute;
}
.point.six {
    z-index: 100;
}
.point-in {
    display: flex;
    width: 30px;
    height: 30px;
    background: #357af7;
    border-radius: 50%;
    align-items: center;
    justify-content: center;
    font-size: 24px;
    line-height: 1;
    color: #fff;
    cursor: pointer;
}
@keyframes pulsed{
    0%{
        -moz-box-shadow:0 0 0 0 rgba(53,122,247,.7);
        box-shadow:0 0 0 0 rgba(53,122,247,.7)
    }
    70%{
        -moz-box-shadow:0 0 0 15px rgba(53,122,247,0);
        box-shadow:0 0 0 20px rgba(53,122,247,0)
    }
    to{
        -moz-box-shadow:0 0 0 0 rgba(53,122,247,0);
        box-shadow:0 0 0 0 rgba(53,122,247,0)
    }
}
.car-det:hover .point-in {
    animation: pulsed 1s infinite;
}
.car-det:hover .point-in:hover {
    background: #c6281b;
    animation:none;
}
.point-tx {
    width: 60%;
    padding-left: 10px;
}
.point-img {
    width: 40%;
}
.point-img img {
    border-radius: 50%;
}
.point-desc {
    position: absolute;
    font-size: 14px;
    width: 280px;
    bottom: 100%;
    left: 100%;
    padding: 10px;
    background: #fff;
    border-radius: 50px 15px 15px 0;
    color: #000;
    line-height: 1.2;
    transition: .3s;
    transform: rotate(45deg) scale(0);
    transform-origin: left bottom;
    display: flex;
    align-items: center;
    z-index: 9;
}
.seven .point-desc {
    bottom: 100%;
    right: 100%;
    left: auto;
    border-radius: 50px 15px 0 50px;
    transform: rotate(45deg) scale(0);
    transform-origin: right bottom;
}
.point:hover .point-desc {
    transform: rotate(0) scale(1);
}
.point.a1 {
    top: 83%;
    left: 33%;
}
.point.a2 {
    top: 59%;
    left: 51%;
}
.point.a3 {
    top: 20%;
    left: 50%;
}
.point.a4 {
    top: 20%;
    left: 82%;
}
.point.a5 {
    top: 49%;
    left: 75%;
}
.point.a6 {
    top: 77%;
    left: 66%;
}
.point.p1 {
    top: 81%;
    left: 27%;
}
.point.p2 {
    left: 59%;
    top: 53%;
}
.point.p3 {
    left: 43%;
    top: 31%;
}
.point.p4 {
    left: 74%;
    top: 14%;
}
.point.p5 {
    left: 83%;
    top: 14%;
}
.point.p6 {
    left: 81%;
    top: 26%;
}
.point.p7 {
    left: 66%;
    top: 78%;
}
.point.n2 {
    bottom: 15%;
    left: 22%;
}
.point.n3 {
    bottom: 79%;
    left: 57%;
}
.point.n1 {
    bottom: 14%;
    left: 73%;
}
.point.k1 {
    bottom: 11%;
    right: 56%;
}
.point.k2 {
    bottom: 38%;
    right: 48%;
}
.point.k3 {
    bottom: 17%;
    right: 27%;
}
.point.k4 {
    bottom: 69%;
    right: 14%;
}
.point.k5 {
    bottom: 65%;
    right: 58%;
}
.point.k6 {
    bottom: 80%;
    right: 23%;
}
.point.k7 {
    top: 12%;
    left: 82%;
}
.point.i1 {
    bottom: 30%;
    left: 45%;
}
.point.i2 {
    bottom: 30%;
    left: 10%;
}
.point.i3 {
    bottom: 72%;
    left: 29%;
}
.point.i4 {
    bottom: 73%;
    left: 60%;
}
.point.i5 {
    bottom: 66%;
    left: 82%;
}
.point.i6 {
    bottom: 87%;
    left: 58%;
}
.point.i7 {
    bottom: 62%;
    left: 35%;
}

.point.ae1 {
    bottom: 22%;
    left: 12%;
}
.point.ae2 {
    bottom: 78%;
    left: 32%;
}
.point.ae3 {
    bottom: 47%;
    left: 34%;
}
.point.ae4 {
    bottom: 73%;
    left: 78%;
}
.point.ae5 {
    bottom: 86%;
    left: 68%;
}
.point.ae6 {
    bottom: 29%;
    left: 61%;
}

.point.pg1 {
    bottom: 17%;
    left: 26%;
}
.point.pg2 {
    bottom: 75%;
    left: 39%;
}
.point.pg3 {
    bottom: 43%;
    left: 42%;
}
.point.pg4 {
    bottom: 20%;
    left: 59%;
}
.point.pg5 {
    bottom: 42%;
    left: 78%;
}

.point.l1 {
    bottom: 13%;
    left: 32%;
}
.point.l2 {
    bottom: 70%;
    left: 80%;
}
.point.l3 {
    bottom: 84%;
    left: 59%;
}
.point.l4 {
    bottom: 83%;
    left: 78%;
}
.point.l5 {
    bottom: 59%;
    left: 80%;
}
.point.l6 {
    left: 65%;
    top: 79%;
}
.point.l7 {
    top: 42%;
    left: 25%;
}
.point.ly1 {
    bottom: 9%;
    left: 34%;
}
.point.ly2 {
    bottom: 35%;
    left: 74%;
}
.point.ly3 {
    bottom: 41%;
    left: 20%;
}
.point.ly4 {
    bottom: 71%;
    left: 82%;
}
.point.ly5 {
    bottom: 80%;
    left: 60%;
}
.point.ly6 {
    top: 39%;
    left: 47%;
}

.pre-tx ul {
    display: none;
}
.pre-tx {
    padding: 15px 0;
}
.prod-det-right .s-chars {
    font-weight: 700;
}
.prod-right .s-chars {
    font-size: 12px;
}
.s-chars span {
    display: inline-block;
    padding-top: 7px;
    font-weight: 700;
}
.s-chars span:last-child {
    padding-top: 7px;
}
input[type=submit]{
    -webkit-appearance:none
}
.top-panel ul.clearfix li{
    float:left;
    height:41px
}
.top-panel ul.clearfix li:after{
    content:"";
    display:block;
    position:absolute;
    width:2px;
    height:25px;
    background:url(../images/shape.png);
    top:8px;
    right:0
}
.top-panel ul.clearfix li:last-child:after{
    content:none
}
.top-panel ul.clearfix li:hover .dropdown{
    display:block
}
.top-panel ul.clearfix li a:hover,.top-panel ul.clearfix li:hover>a{
    color:#06b6d6
}
.bx-wrapper{
    position:relative;
    margin:0 auto;
    padding:0;
    *zoom:1;
    -ms-touch-action:pan-y;
    touch-action:pan-y
}
.bx-wrapper img{
    max-width:100%
}
.bxslider{
    margin:0;
    padding:0
}
ul.bxslider{
    list-style:none
}
.bx-viewport{
    -webkit-transform:translatez(0)
}
.bx-wrapper .bx-controls-auto,.bx-wrapper .bx-pager{
    position:absolute;
    bottom:15px;
    width:100%
}
.bx-wrapper .bx-loading{
    min-height:50px;
    background:url(../images/bx_loader.gif) center center no-repeat #fff;
    height:100%;
    width:100%;
    position:absolute;
    top:0;
    left:0;
    z-index:2000
}
.bx-wrapper .bx-pager{
    text-align:center;
    font-size:.85em;
    font-family:Arial;
    font-weight:700;
    color:#666;
    display: none;
}
.navik {
    font-size: 12px;
}
span.ukropchik a {
    color: #000;
}
span.ukropchik {
    color: #357af7;
}
.bx-wrapper .bx-pager.bx-default-pager a{
    background:#828282;
    text-indent:-9999px;
    display:block;
    width:11px;
    height:11px;
    margin:0 5px;
    outline:0;
    -webkit-border-radius:50%;
    -moz-border-radius:50%;
    border-radius:50%
}
.bx-wrapper .bx-pager.bx-default-pager a.active,.bx-wrapper .bx-pager.bx-default-pager a:focus,.bx-wrapper .bx-pager.bx-default-pager a:hover{
    background:#343434
}
.bx-wrapper .bx-controls-auto .bx-controls-auto-item,.bx-wrapper .bx-pager-item{
    display:inline-block;
    *zoom:1;
    *display:inline
}
.bx-wrapper .bx-pager-item{
    font-size:0;
    line-height:0
}
.bx-wrapper .bx-prev{
    left:10px;
    background:url(../images/bx-prev.png)no-repeat;
    background-size: contain;
}
.bx-wrapper .bx-prev:focus,.bx-wrapper .bx-prev:hover{
    background:url(../images/bx-prev-h.png)no-repeat;
    background-size: contain;
}
.bx-wrapper .bx-next{
    right:10px;
    background:url(../images/bx-next.png)no-repeat;
    background-size: contain;
}
.bx-wrapper .bx-next:focus,.bx-wrapper .bx-next:hover{
    background:url(../images/bx-next-h.png)no-repeat;
    background-size: contain;
}
.bx-wrapper .bx-controls-direction a{
    position:absolute;
    top:50%;
    margin-top:-16px;
    outline:0;
    width:20px;
    height:20px;
    text-indent:-9999px;
    z-index:20
}
.bx-wrapper .bx-controls-direction a.disabled{
    display:none
}
.bx-wrapper .bx-controls-auto{
    text-align:center
}
.bx-wrapper .bx-controls-auto .bx-start{
    display:block;
    text-indent:-9999px;
    width:10px;
    height:11px;
    outline:0;
    background:url(../images/controls.png) -86px -11px no-repeat;
    margin:0 3px
}
.bx-wrapper .bx-controls-auto .bx-start.active,.bx-wrapper .bx-controls-auto .bx-start:focus,.bx-wrapper .bx-controls-auto .bx-start:hover{
    background-position:-86px 0
}
.bx-wrapper .bx-controls-auto .bx-stop{
    display:block;
    text-indent:-9999px;
    width:9px;
    height:11px;
    outline:0;
    background:url(../images/controls.png) -86px -44px no-repeat;
    margin:0 3px
}
.bx-wrapper .bx-controls-auto .bx-stop.active,.bx-wrapper .bx-controls-auto .bx-stop:focus,.bx-wrapper .bx-controls-auto .bx-stop:hover{
    background-position:-86px -33px
}
.bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-pager{
    text-align:left;
    width:80%
}
.bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-controls-auto{
    right:0;
    width:35px
}
.bx-wrapper .bx-caption{
    position:absolute;
    bottom:0;
    left:0;
    background:#666;
    background:rgba(80,80,80,.75);
    width:100%
}
.bx-wrapper .bx-caption span{
    color:#fff;
    font-family:Arial;
    display:block;
    font-size:.85em;
    padding:10px
}
.bx-viewport ul li{
    z-index:4!important
}
 .dsCountDown:after{
    content:'';
    clear:both
}
.dsCountDown{
    display:inline-block;
    *display:inline;
    zoom:1
}
.dsCountDown.ds-white{
    color:#000;
    position:relative;
    font-family:Arial,Helvetica,sans-serif,serif;
    font-size:1em;
    padding:10px 10px 10px 0
}
.ds-white .ds-element{
    float:left;
    margin-right:20px;
    text-align:center;
    width:65px;
    height:65px;
    background:url(../images/timer.png)no-repeat
}
.dsCountDown.ds-black>.ds-element.ds-element-seconds,.dsCountDown.ds-red>.ds-element.ds-element-seconds,.dsCountDown.ds-white>.ds-element.ds-element-seconds{
    margin-right:0;
    padding-right:0;
    border-right:0
}
.ds-white .ds-element-title{
    font-size:18px;
    text-transform:lowercase;
    position:absolute;
    bottom:-25px;
    margin-left:5px
}
.ds-element-days>.ds-element-title{
    margin-left:11px!important
}
.ds-element-hours>.ds-element-title,.ds-element-minutes>.ds-element-title{
    margin-left:7px!important
}
.ds-white .ds-element-value{
    font-size:29px;
    color:#fff;
    font-weight:700;
    padding-top:19px
}
.dsCountDown.ds-black{
    color:#fff;
    position:relative;
    font-family:Arial,Helvetica,sans-serif,serif;
    font-size:1em;
    padding:10px;
    border:1px solid #323232;
    border-radius:2px;
    background:#686868;
    background:url(data:image/svg+xml;
    base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzY4Njg2OCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiM0NDQ0NDQiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    background:-moz-linear-gradient(top,#686868 0%,#444 100%);
    background:-webkit-gradient(linear,left top,left bottom,color-stop(0%,#686868),color-stop(100%,#444));
    background:-webkit-linear-gradient(top,#686868 0%,#444 100%);
    background:-o-linear-gradient(top,#686868 0%,#444 100%);
    background:-ms-linear-gradient(top,#686868 0%,#444 100%);
    background:linear-gradient(to bottom,#686868 0%,#444 100%);
    filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#686868', endColorstr='#444444',GradientType=0 )
}
.ds-black .ds-element{
    float:left;
    margin-right:10px;
    text-align:center;
    border-right:1px solid #444;
    padding-right:10px
}
.ds-black .ds-element-title{
    font-size:.8em;
    text-transform:lowercase
}
.ds-black .ds-element-value{
    font-size:2.5em;
    color:#fff;
    text-shadow:0 -2px 0 #222
}
.dsCountDown.ds-red{
    color:#fff;
    position:relative;
    font-family:Arial,Helvetica,sans-serif,serif;
    font-size:1em;
    padding:10px;
    border:1px solid #a80000;
    border-radius:2px;
    background:red;
    background:url(data:image/svg+xml;
    base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmMDAwMCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNiYzAwMDAiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    background:-moz-linear-gradient(top,red 0%,#bc0000 100%);
    background:-webkit-gradient(linear,left top,left bottom,color-stop(0%,red),color-stop(100%,#bc0000));
    background:-webkit-linear-gradient(top,red 0%,#bc0000 100%);
    background:-o-linear-gradient(top,red 0%,#bc0000 100%);
    background:-ms-linear-gradient(top,red 0%,#bc0000 100%);
    background:linear-gradient(to bottom,red 0%,#bc0000 100%);
    filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff0000', endColorstr='#bc0000',GradientType=0 )
}
.ds-red .ds-element{
    float:left;
    margin-right:10px;
    text-align:center;
    border-right:1px solid #bc0000;
    padding-right:10px
}
.ds-red .ds-element-title{
    font-size:.8em;
    text-transform:lowercase
}
.ds-red .ds-element-value{
    font-size:2.5em;
    color:#fff;
    text-shadow:0 -1px 0 #555
}
.dsCountDown.ds-flat{
    color:#000;
    position:relative;
    font-family:Arial,Helvetica,sans-serif,serif;
    font-size:1em;
    border:1px solid #cdcdcd;
    background:#efefef;
    box-shadow:4px 4px 4px #888
}
.ds-flat .ds-element{
    float:left;
    text-align:center;
    border-right:1px solid #dedede;
    padding:7px 17px
}
.dsCountDown.ds-flat>.ds-element.ds-element-seconds{
    border-right:0
}
.ds-flat .ds-element-title{
    font-size:.8em;
    text-transform:lowercase;
    color:#666
}
.ds-flat .ds-element-value{
    font-size:2.5em;
    color:#000
}
h1.sl-title {
    font-size: 50px;
    line-height: 1.2;
    padding-bottom: 30px;
    font-weight: 700;
}
input.link-btn {
    border: none;
    margin-top: 20px;
}
.sl-left {
    width: 55%;
}
.sl-left ul.ul {
    padding-left: 0;
    max-width: 416px;
}
.sl-right {
    width: 35%;
    color:#000;
}
.sl-cat-wrap.flex {
    justify-content: space-between;
    align-items: center;
    padding: 0 70px;
}
.sl-right form {
    background: #fff;
    padding: 40px;
    border-radius: 20px;
}
.nsp.flex {
    cursor: pointer;
    font-size: 16px;
}
input.link-btn.disabled {
    opacity: .6;
}
span.dot+span {
    border-bottom: 1px dashed;
}
span.dot+span:hover {
    color:#357af7;
}
span.dot {
    height: 20px;
    width: 45px;
    border: 1px solid #ccc;
    border-radius: 20px;
    margin-right: 10px;
    transition: .3s;
}
.active span.dot {
    border: 1px solid #357af7;
}
span.dot-in {
    height: 18px;
    width: 18px;
    background: #ccc;
    display: inline-block;
    border-radius: 50%;
    transition: .3s;
}
.active span.dot-in {
    background: #357af7;
    transform: translateX(25px);
}
.h-video {
    display: none;
}
.poster {
    position: relative;
}
.poster img {
    border-radius:25px;
}
.poster {
    position: relative;
    max-height: 511px;
}
.poster .plyr {
    max-height: 510px;
    border-radius: 25px;
}
.play-btn {
    display: flex;
    width: 50px;
    height: 50px;
    justify-content: center;
    align-items: center;
    position: absolute;
    background: #00000091;
    border-radius: 50%;
    top: calc(50% - 25px);
    left: calc(50% - 25px);
    cursor: pointer;
    color: #fff;
}
.play-btn:hover {
    background: #357af7;
}
.play-btn i {
    transform: translateX(3px);
}
.accordeon {
    padding-top: 70px;
}
.acc-item {
    padding: 25px 60px;
    margin-bottom: 20px;
    cursor: pointer;
    transition: .3s;
    border-radius: 20px;
    background: #e3e8f2;
}
.acc-quest {
    font-size: 16px;
    padding-right: 30px;
    position: relative;
    cursor: pointer;
    font-weight: 700;
}
.acc-item.black .acc-icon {
    transform: rotate(45deg);
}
.acc-icon {
    position: absolute;
    right: 0;
    font-size: 26px;
    line-height: 1;
    color: #c6281b;
    font-weight: normal;
    display: flex;
    align-items: center;
    transition: .5s;
    top: 50%;
    transform: translateY(-50%);
}
.acc-answ {
    display: none;
    padding: 15px 0;
}
.acc-item.black .acc-answ {
    display: block;
}
.cert-wrapper.flex {
    max-width: 900px;
    margin: 0 auto;
    justify-content: space-between;
    padding-top: 70px;
}
a.fancy {
    display: block;
    padding: 10px;
    background: #fff;
    border-radius: 10px;
    transition: .3s;
}
a.fancy:hover {
    box-shadow: 0px 3px 10px #0000003b;
}
a.fancy img {
    border-radius: 5px;
}
.cert-wrapper.flex a {
    width: 30%;
}
.animated{
    -webkit-animation-duration:1s;
    animation-duration:1s;
    -webkit-animation-fill-mode:both;
    animation-fill-mode:both
}
.animated.hinge{
    -webkit-animation-duration:2s;
    animation-duration:2s
}
@-webkit-keyframes bounce{
    0%,20%,50%,80%,to{
        -webkit-transform:translateY(0);
        transform:translateY(0)
    }
    40%{
        -webkit-transform:translateY(-30px);
        transform:translateY(-30px)
    }
    60%{
        -webkit-transform:translateY(-15px);
        transform:translateY(-15px)
    }
}
@keyframes bounce{
    0%,20%,50%,80%,to{
        -webkit-transform:translateY(0);
        -ms-transform:translateY(0);
        transform:translateY(0)
    }
    40%{
        -webkit-transform:translateY(-30px);
        -ms-transform:translateY(-30px);
        transform:translateY(-30px)
    }
    60%{
        -webkit-transform:translateY(-15px);
        -ms-transform:translateY(-15px);
        transform:translateY(-15px)
    }
}
.bounce{
    -webkit-animation-name:bounce;
    animation-name:bounce
}
@-webkit-keyframes flash{
    0%,50%,to{
        opacity:1
    }
    25%,75%{
        opacity:0
    }
}
@keyframes flash{
    0%,50%,to{
        opacity:1
    }
    25%,75%{
        opacity:0
    }
}
.flash{
    -webkit-animation-name:flash;
    animation-name:flash
}
@-webkit-keyframes pulse{
    0%,to{
        -webkit-transform:scale(1);
        transform:scale(1)
    }
    50%{
        -webkit-transform:scale(1.1);
        transform:scale(1.1)
    }
}
@keyframes pulse{
    0%,to{
        -webkit-transform:scale(1);
        -ms-transform:scale(1);
        transform:scale(1)
    }
    50%{
        -webkit-transform:scale(1.1);
        -ms-transform:scale(1.1);
        transform:scale(1.1)
    }
}
.pulse{
    -webkit-animation-name:pulse;
    animation-name:pulse
}
@-webkit-keyframes shake{
    0%,to{
        -webkit-transform:translateX(0);
        transform:translateX(0)
    }
    10%,30%,50%,70%,90%{
        -webkit-transform:translateX(-10px);
        transform:translateX(-10px)
    }
    20%,40%,60%,80%{
        -webkit-transform:translateX(10px);
        transform:translateX(10px)
    }
}
@keyframes shake{
    0%,to{
        -webkit-transform:translateX(0);
        -ms-transform:translateX(0);
        transform:translateX(0)
    }
    10%,30%,50%,70%,90%{
        -webkit-transform:translateX(-10px);
        -ms-transform:translateX(-10px);
        transform:translateX(-10px)
    }
    20%,40%,60%,80%{
        -webkit-transform:translateX(10px);
        -ms-transform:translateX(10px);
        transform:translateX(10px)
    }
}
.shake{
    -webkit-animation-name:shake;
    animation-name:shake
}
@-webkit-keyframes swing{
    20%{
        -webkit-transform:rotate(15deg);
        transform:rotate(15deg)
    }
    40%{
        -webkit-transform:rotate(-10deg);
        transform:rotate(-10deg)
    }
    60%{
        -webkit-transform:rotate(5deg);
        transform:rotate(5deg)
    }
    80%{
        -webkit-transform:rotate(-5deg);
        transform:rotate(-5deg)
    }
    to{
        -webkit-transform:rotate(0deg);
        transform:rotate(0deg)
    }
}
@keyframes swing{
    20%{
        -webkit-transform:rotate(15deg);
        -ms-transform:rotate(15deg);
        transform:rotate(15deg)
    }
    40%{
        -webkit-transform:rotate(-10deg);
        -ms-transform:rotate(-10deg);
        transform:rotate(-10deg)
    }
    60%{
        -webkit-transform:rotate(5deg);
        -ms-transform:rotate(5deg);
        transform:rotate(5deg)
    }
    80%{
        -webkit-transform:rotate(-5deg);
        -ms-transform:rotate(-5deg);
        transform:rotate(-5deg)
    }
    to{
        -webkit-transform:rotate(0deg);
        -ms-transform:rotate(0deg);
        transform:rotate(0deg)
    }
}
.swing{
    -webkit-transform-origin:top center;
    -ms-transform-origin:top center;
    transform-origin:top center;
    -webkit-animation-name:swing;
    animation-name:swing
}
@-webkit-keyframes tada{
    0%{
        -webkit-transform:scale(1);
        transform:scale(1)
    }
    10%,20%{
        -webkit-transform:scale(.9) rotate(-3deg);
        transform:scale(.9) rotate(-3deg)
    }
    30%,50%,70%,90%{
        -webkit-transform:scale(1.1) rotate(3deg);
        transform:scale(1.1) rotate(3deg)
    }
    40%,60%,80%{
        -webkit-transform:scale(1.1) rotate(-3deg);
        transform:scale(1.1) rotate(-3deg)
    }
    to{
        -webkit-transform:scale(1) rotate(0);
        transform:scale(1) rotate(0)
    }
}
@keyframes tada{
    0%{
        -webkit-transform:scale(1);
        -ms-transform:scale(1);
        transform:scale(1)
    }
    10%,20%{
        -webkit-transform:scale(.9) rotate(-3deg);
        -ms-transform:scale(.9) rotate(-3deg);
        transform:scale(.9) rotate(-3deg)
    }
    30%,50%,70%,90%{
        -webkit-transform:scale(1.1) rotate(3deg);
        -ms-transform:scale(1.1) rotate(3deg);
        transform:scale(1.1) rotate(3deg)
    }
    40%,60%,80%{
        -webkit-transform:scale(1.1) rotate(-3deg);
        -ms-transform:scale(1.1) rotate(-3deg);
        transform:scale(1.1) rotate(-3deg)
    }
    to{
        -webkit-transform:scale(1) rotate(0);
        -ms-transform:scale(1) rotate(0);
        transform:scale(1) rotate(0)
    }
}
.tada{
    -webkit-animation-name:tada;
    animation-name:tada
}
@-webkit-keyframes wobble{
    0%,to{
        -webkit-transform:translateX(0%);
        transform:translateX(0%)
    }
    15%{
        -webkit-transform:translateX(-25%) rotate(-5deg);
        transform:translateX(-25%) rotate(-5deg)
    }
    30%{
        -webkit-transform:translateX(20%) rotate(3deg);
        transform:translateX(20%) rotate(3deg)
    }
    45%{
        -webkit-transform:translateX(-15%) rotate(-3deg);
        transform:translateX(-15%) rotate(-3deg)
    }
    60%{
        -webkit-transform:translateX(10%) rotate(2deg);
        transform:translateX(10%) rotate(2deg)
    }
    75%{
        -webkit-transform:translateX(-5%) rotate(-1deg);
        transform:translateX(-5%) rotate(-1deg)
    }
}
@keyframes wobble{
    0%,to{
        -webkit-transform:translateX(0%);
        -ms-transform:translateX(0%);
        transform:translateX(0%)
    }
    15%{
        -webkit-transform:translateX(-25%) rotate(-5deg);
        -ms-transform:translateX(-25%) rotate(-5deg);
        transform:translateX(-25%) rotate(-5deg)
    }
    30%{
        -webkit-transform:translateX(20%) rotate(3deg);
        -ms-transform:translateX(20%) rotate(3deg);
        transform:translateX(20%) rotate(3deg)
    }
    45%{
        -webkit-transform:translateX(-15%) rotate(-3deg);
        -ms-transform:translateX(-15%) rotate(-3deg);
        transform:translateX(-15%) rotate(-3deg)
    }
    60%{
        -webkit-transform:translateX(10%) rotate(2deg);
        -ms-transform:translateX(10%) rotate(2deg);
        transform:translateX(10%) rotate(2deg)
    }
    75%{
        -webkit-transform:translateX(-5%) rotate(-1deg);
        -ms-transform:translateX(-5%) rotate(-1deg);
        transform:translateX(-5%) rotate(-1deg)
    }
}
.wobble{
    -webkit-animation-name:wobble;
    animation-name:wobble
}
@-webkit-keyframes bounceIn{
    0%{
        opacity:0;
        -webkit-transform:scale(.3);
        transform:scale(.3)
    }
    50%{
        opacity:1;
        -webkit-transform:scale(1.05);
        transform:scale(1.05)
    }
    70%{
        -webkit-transform:scale(.9);
        transform:scale(.9)
    }
    to{
        -webkit-transform:scale(1);
        transform:scale(1)
    }
}
@keyframes bounceIn{
    0%{
        opacity:0;
        -webkit-transform:scale(.3);
        -ms-transform:scale(.3);
        transform:scale(.3)
    }
    50%{
        opacity:1;
        -webkit-transform:scale(1.05);
        -ms-transform:scale(1.05);
        transform:scale(1.05)
    }
    70%{
        -webkit-transform:scale(.9);
        -ms-transform:scale(.9);
        transform:scale(.9)
    }
    to{
        -webkit-transform:scale(1);
        -ms-transform:scale(1);
        transform:scale(1)
    }
}
.bounceIn{
    -webkit-animation-name:bounceIn;
    animation-name:bounceIn
}
@-webkit-keyframes bounceInDown{
    0%{
        opacity:0;
        -webkit-transform:translateY(-2000px);
        transform:translateY(-2000px)
    }
    60%{
        opacity:1;
        -webkit-transform:translateY(30px);
        transform:translateY(30px)
    }
    80%{
        -webkit-transform:translateY(-10px);
        transform:translateY(-10px)
    }
    to{
        -webkit-transform:translateY(0);
        transform:translateY(0)
    }
}
@keyframes bounceInDown{
    0%{
        opacity:0;
        -webkit-transform:translateY(-2000px);
        -ms-transform:translateY(-2000px);
        transform:translateY(-2000px)
    }
    60%{
        opacity:1;
        -webkit-transform:translateY(30px);
        -ms-transform:translateY(30px);
        transform:translateY(30px)
    }
    80%{
        -webkit-transform:translateY(-10px);
        -ms-transform:translateY(-10px);
        transform:translateY(-10px)
    }
    to{
        -webkit-transform:translateY(0);
        -ms-transform:translateY(0);
        transform:translateY(0)
    }
}
.bounceInDown{
    -webkit-animation-name:bounceInDown;
    animation-name:bounceInDown
}
@-webkit-keyframes bounceInLeft{
    0%{
        opacity:0;
        -webkit-transform:translateX(-2000px);
        transform:translateX(-2000px)
    }
    60%{
        opacity:1;
        -webkit-transform:translateX(30px);
        transform:translateX(30px)
    }
    80%{
        -webkit-transform:translateX(-10px);
        transform:translateX(-10px)
    }
    to{
        -webkit-transform:translateX(0);
        transform:translateX(0)
    }
}
@keyframes bounceInLeft{
    0%{
        opacity:0;
        -webkit-transform:translateX(-2000px);
        -ms-transform:translateX(-2000px);
        transform:translateX(-2000px)
    }
    60%{
        opacity:1;
        -webkit-transform:translateX(30px);
        -ms-transform:translateX(30px);
        transform:translateX(30px)
    }
    80%{
        -webkit-transform:translateX(-10px);
        -ms-transform:translateX(-10px);
        transform:translateX(-10px)
    }
    to{
        -webkit-transform:translateX(0);
        -ms-transform:translateX(0);
        transform:translateX(0)
    }
}
.bounceInLeft{
    -webkit-animation-name:bounceInLeft;
    animation-name:bounceInLeft
}
@-webkit-keyframes bounceInRight{
    0%{
        opacity:0;
        -webkit-transform:translateX(2000px);
        transform:translateX(2000px)
    }
    60%{
        opacity:1;
        -webkit-transform:translateX(-30px);
        transform:translateX(-30px)
    }
    80%{
        -webkit-transform:translateX(10px);
        transform:translateX(10px)
    }
    to{
        -webkit-transform:translateX(0);
        transform:translateX(0)
    }
}
@keyframes bounceInRight{
    0%{
        opacity:0;
        -webkit-transform:translateX(2000px);
        -ms-transform:translateX(2000px);
        transform:translateX(2000px)
    }
    60%{
        opacity:1;
        -webkit-transform:translateX(-30px);
        -ms-transform:translateX(-30px);
        transform:translateX(-30px)
    }
    80%{
        -webkit-transform:translateX(10px);
        -ms-transform:translateX(10px);
        transform:translateX(10px)
    }
    to{
        -webkit-transform:translateX(0);
        -ms-transform:translateX(0);
        transform:translateX(0)
    }
}
.bounceInRight{
    -webkit-animation-name:bounceInRight;
    animation-name:bounceInRight
}
@-webkit-keyframes bounceInUp{
    0%{
        opacity:0;
        -webkit-transform:translateY(2000px);
        transform:translateY(2000px)
    }
    60%{
        opacity:1;
        -webkit-transform:translateY(-30px);
        transform:translateY(-30px)
    }
    80%{
        -webkit-transform:translateY(10px);
        transform:translateY(10px)
    }
    to{
        -webkit-transform:translateY(0);
        transform:translateY(0)
    }
}
@keyframes bounceInUp{
    0%{
        opacity:0;
        -webkit-transform:translateY(2000px);
        -ms-transform:translateY(2000px);
        transform:translateY(2000px)
    }
    60%{
        opacity:1;
        -webkit-transform:translateY(-30px);
        -ms-transform:translateY(-30px);
        transform:translateY(-30px)
    }
    80%{
        -webkit-transform:translateY(10px);
        -ms-transform:translateY(10px);
        transform:translateY(10px)
    }
    to{
        -webkit-transform:translateY(0);
        -ms-transform:translateY(0);
        transform:translateY(0)
    }
}
.bounceInUp{
    -webkit-animation-name:bounceInUp;
    animation-name:bounceInUp
}
@-webkit-keyframes bounceOut{
    0%{
        -webkit-transform:scale(1);
        transform:scale(1)
    }
    25%{
        -webkit-transform:scale(.95);
        transform:scale(.95)
    }
    50%{
        opacity:1;
        -webkit-transform:scale(1.1);
        transform:scale(1.1)
    }
    to{
        opacity:0;
        -webkit-transform:scale(.3);
        transform:scale(.3)
    }
}
@keyframes bounceOut{
    0%{
        -webkit-transform:scale(1);
        -ms-transform:scale(1);
        transform:scale(1)
    }
    25%{
        -webkit-transform:scale(.95);
        -ms-transform:scale(.95);
        transform:scale(.95)
    }
    50%{
        opacity:1;
        -webkit-transform:scale(1.1);
        -ms-transform:scale(1.1);
        transform:scale(1.1)
    }
    to{
        opacity:0;
        -webkit-transform:scale(.3);
        -ms-transform:scale(.3);
        transform:scale(.3)
    }
}
.bounceOut{
    -webkit-animation-name:bounceOut;
    animation-name:bounceOut
}
@-webkit-keyframes bounceOutDown{
    0%{
        -webkit-transform:translateY(0);
        transform:translateY(0)
    }
    20%{
        opacity:1;
        -webkit-transform:translateY(-20px);
        transform:translateY(-20px)
    }
    to{
        opacity:0;
        -webkit-transform:translateY(2000px);
        transform:translateY(2000px)
    }
}
@keyframes bounceOutDown{
    0%{
        -webkit-transform:translateY(0);
        -ms-transform:translateY(0);
        transform:translateY(0)
    }
    20%{
        opacity:1;
        -webkit-transform:translateY(-20px);
        -ms-transform:translateY(-20px);
        transform:translateY(-20px)
    }
    to{
        opacity:0;
        -webkit-transform:translateY(2000px);
        -ms-transform:translateY(2000px);
        transform:translateY(2000px)
    }
}
.bounceOutDown{
    -webkit-animation-name:bounceOutDown;
    animation-name:bounceOutDown
}
@-webkit-keyframes bounceOutLeft{
    0%{
        -webkit-transform:translateX(0);
        transform:translateX(0)
    }
    20%{
        opacity:1;
        -webkit-transform:translateX(20px);
        transform:translateX(20px)
    }
    to{
        opacity:0;
        -webkit-transform:translateX(-2000px);
        transform:translateX(-2000px)
    }
}
@keyframes bounceOutLeft{
    0%{
        -webkit-transform:translateX(0);
        -ms-transform:translateX(0);
        transform:translateX(0)
    }
    20%{
        opacity:1;
        -webkit-transform:translateX(20px);
        -ms-transform:translateX(20px);
        transform:translateX(20px)
    }
    to{
        opacity:0;
        -webkit-transform:translateX(-2000px);
        -ms-transform:translateX(-2000px);
        transform:translateX(-2000px)
    }
}
.bounceOutLeft{
    -webkit-animation-name:bounceOutLeft;
    animation-name:bounceOutLeft
}
@-webkit-keyframes bounceOutRight{
    0%{
        -webkit-transform:translateX(0);
        transform:translateX(0)
    }
    20%{
        opacity:1;
        -webkit-transform:translateX(-20px);
        transform:translateX(-20px)
    }
    to{
        opacity:0;
        -webkit-transform:translateX(2000px);
        transform:translateX(2000px)
    }
}
@keyframes bounceOutRight{
    0%{
        -webkit-transform:translateX(0);
        -ms-transform:translateX(0);
        transform:translateX(0)
    }
    20%{
        opacity:1;
        -webkit-transform:translateX(-20px);
        -ms-transform:translateX(-20px);
        transform:translateX(-20px)
    }
    to{
        opacity:0;
        -webkit-transform:translateX(2000px);
        -ms-transform:translateX(2000px);
        transform:translateX(2000px)
    }
}
.bounceOutRight{
    -webkit-animation-name:bounceOutRight;
    animation-name:bounceOutRight
}
@-webkit-keyframes bounceOutUp{
    0%{
        -webkit-transform:translateY(0);
        transform:translateY(0)
    }
    20%{
        opacity:1;
        -webkit-transform:translateY(20px);
        transform:translateY(20px)
    }
    to{
        opacity:0;
        -webkit-transform:translateY(-2000px);
        transform:translateY(-2000px)
    }
}
@keyframes bounceOutUp{
    0%{
        -webkit-transform:translateY(0);
        -ms-transform:translateY(0);
        transform:translateY(0)
    }
    20%{
        opacity:1;
        -webkit-transform:translateY(20px);
        -ms-transform:translateY(20px);
        transform:translateY(20px)
    }
    to{
        opacity:0;
        -webkit-transform:translateY(-2000px);
        -ms-transform:translateY(-2000px);
        transform:translateY(-2000px)
    }
}
.bounceOutUp{
    -webkit-animation-name:bounceOutUp;
    animation-name:bounceOutUp
}
@-webkit-keyframes fadeIn{
    0%{
        opacity:0
    }
    to{
        opacity:1
    }
}
@keyframes fadeIn{
    0%{
        opacity:0
    }
    to{
        opacity:1
    }
}
.fadeIn{
    -webkit-animation-name:fadeIn;
    animation-name:fadeIn
}
@-webkit-keyframes fadeInDown{
    0%{
        opacity:0;
        -webkit-transform:translateY(-20px);
        transform:translateY(-20px)
    }
    to{
        opacity:1;
        -webkit-transform:translateY(0);
        transform:translateY(0)
    }
}
@keyframes fadeInDown{
    0%{
        opacity:0;
        -webkit-transform:translateY(-20px);
        -ms-transform:translateY(-20px);
        transform:translateY(-20px)
    }
    to{
        opacity:1;
        -webkit-transform:translateY(0);
        -ms-transform:translateY(0);
        transform:translateY(0)
    }
}
.fadeInDown{
    -webkit-animation-name:fadeInDown;
    animation-name:fadeInDown
}
@-webkit-keyframes fadeInDownBig{
    0%{
        opacity:0;
        -webkit-transform:translateY(-2000px);
        transform:translateY(-2000px)
    }
    to{
        opacity:1;
        -webkit-transform:translateY(0);
        transform:translateY(0)
    }
}
@keyframes fadeInDownBig{
    0%{
        opacity:0;
        -webkit-transform:translateY(-2000px);
        -ms-transform:translateY(-2000px);
        transform:translateY(-2000px)
    }
    to{
        opacity:1;
        -webkit-transform:translateY(0);
        -ms-transform:translateY(0);
        transform:translateY(0)
    }
}
.fadeInDownBig{
    -webkit-animation-name:fadeInDownBig;
    animation-name:fadeInDownBig
}
@-webkit-keyframes fadeInLeft{
    0%{
        opacity:0;
        -webkit-transform:translateX(-20px);
        transform:translateX(-20px)
    }
    to{
        opacity:1;
        -webkit-transform:translateX(0);
        transform:translateX(0)
    }
}
@keyframes fadeInLeft{
    0%{
        opacity:0;
        -webkit-transform:translateX(-20px);
        -ms-transform:translateX(-20px);
        transform:translateX(-20px)
    }
    to{
        opacity:1;
        -webkit-transform:translateX(0);
        -ms-transform:translateX(0);
        transform:translateX(0)
    }
}
.fadeInLeft{
    -webkit-animation-name:fadeInLeft;
    animation-name:fadeInLeft
}
@-webkit-keyframes fadeInLeftBig{
    0%{
        opacity:0;
        -webkit-transform:translateX(-2000px);
        transform:translateX(-2000px)
    }
    to{
        opacity:1;
        -webkit-transform:translateX(0);
        transform:translateX(0)
    }
}
@keyframes fadeInLeftBig{
    0%{
        opacity:0;
        -webkit-transform:translateX(-2000px);
        -ms-transform:translateX(-2000px);
        transform:translateX(-2000px)
    }
    to{
        opacity:1;
        -webkit-transform:translateX(0);
        -ms-transform:translateX(0);
        transform:translateX(0)
    }
}
.fadeInLeftBig{
    -webkit-animation-name:fadeInLeftBig;
    animation-name:fadeInLeftBig
}
@-webkit-keyframes fadeInRight{
    0%{
        opacity:0;
        -webkit-transform:translateX(20px);
        transform:translateX(20px)
    }
    to{
        opacity:1;
        -webkit-transform:translateX(0);
        transform:translateX(0)
    }
}
@keyframes fadeInRight{
    0%{
        opacity:0;
        -webkit-transform:translateX(20px);
        -ms-transform:translateX(20px);
        transform:translateX(20px)
    }
    to{
        opacity:1;
        -webkit-transform:translateX(0);
        -ms-transform:translateX(0);
        transform:translateX(0)
    }
}
.fadeInRight{
    -webkit-animation-name:fadeInRight;
    animation-name:fadeInRight
}
@-webkit-keyframes fadeInRightBig{
    0%{
        opacity:0;
        -webkit-transform:translateX(2000px);
        transform:translateX(2000px)
    }
    to{
        opacity:1;
        -webkit-transform:translateX(0);
        transform:translateX(0)
    }
}
@keyframes fadeInRightBig{
    0%{
        opacity:0;
        -webkit-transform:translateX(2000px);
        -ms-transform:translateX(2000px);
        transform:translateX(2000px)
    }
    to{
        opacity:1;
        -webkit-transform:translateX(0);
        -ms-transform:translateX(0);
        transform:translateX(0)
    }
}
.fadeInRightBig{
    -webkit-animation-name:fadeInRightBig;
    animation-name:fadeInRightBig
}
@-webkit-keyframes fadeInUp{
    0%{
        opacity:0;
        -webkit-transform:translateY(20px);
        transform:translateY(20px)
    }
    to{
        opacity:1;
        -webkit-transform:translateY(0);
        transform:translateY(0)
    }
}
@keyframes fadeInUp{
    0%{
        opacity:0;
        -webkit-transform:translateY(20px);
        -ms-transform:translateY(20px);
        transform:translateY(20px)
    }
    to{
        opacity:1;
        -webkit-transform:translateY(0);
        -ms-transform:translateY(0);
        transform:translateY(0)
    }
}
.fadeInUp{
    -webkit-animation-name:fadeInUp;
    animation-name:fadeInUp
}
@-webkit-keyframes fadeInUpBig{
    0%{
        opacity:0;
        -webkit-transform:translateY(2000px);
        transform:translateY(2000px)
    }
    to{
        opacity:1;
        -webkit-transform:translateY(0);
        transform:translateY(0)
    }
}
@keyframes fadeInUpBig{
    0%{
        opacity:0;
        -webkit-transform:translateY(2000px);
        -ms-transform:translateY(2000px);
        transform:translateY(2000px)
    }
    to{
        opacity:1;
        -webkit-transform:translateY(0);
        -ms-transform:translateY(0);
        transform:translateY(0)
    }
}
.fadeInUpBig{
    -webkit-animation-name:fadeInUpBig;
    animation-name:fadeInUpBig
}
@-webkit-keyframes fadeOut{
    0%{
        opacity:1
    }
    to{
        opacity:0
    }
}
@keyframes fadeOut{
    0%{
        opacity:1
    }
    to{
        opacity:0
    }
}
.fadeOut{
    -webkit-animation-name:fadeOut;
    animation-name:fadeOut
}
@-webkit-keyframes fadeOutDown{
    0%{
        opacity:1;
        -webkit-transform:translateY(0);
        transform:translateY(0)
    }
    to{
        opacity:0;
        -webkit-transform:translateY(20px);
        transform:translateY(20px)
    }
}
@keyframes fadeOutDown{
    0%{
        opacity:1;
        -webkit-transform:translateY(0);
        -ms-transform:translateY(0);
        transform:translateY(0)
    }
    to{
        opacity:0;
        -webkit-transform:translateY(20px);
        -ms-transform:translateY(20px);
        transform:translateY(20px)
    }
}
.fadeOutDown{
    -webkit-animation-name:fadeOutDown;
    animation-name:fadeOutDown
}
@-webkit-keyframes fadeOutDownBig{
    0%{
        opacity:1;
        -webkit-transform:translateY(0);
        transform:translateY(0)
    }
    to{
        opacity:0;
        -webkit-transform:translateY(2000px);
        transform:translateY(2000px)
    }
}
@keyframes fadeOutDownBig{
    0%{
        opacity:1;
        -webkit-transform:translateY(0);
        -ms-transform:translateY(0);
        transform:translateY(0)
    }
    to{
        opacity:0;
        -webkit-transform:translateY(2000px);
        -ms-transform:translateY(2000px);
        transform:translateY(2000px)
    }
}
.fadeOutDownBig{
    -webkit-animation-name:fadeOutDownBig;
    animation-name:fadeOutDownBig
}
@-webkit-keyframes fadeOutLeft{
    0%{
        opacity:1;
        -webkit-transform:translateX(0);
        transform:translateX(0)
    }
    to{
        opacity:0;
        -webkit-transform:translateX(-20px);
        transform:translateX(-20px)
    }
}
@keyframes fadeOutLeft{
    0%{
        opacity:1;
        -webkit-transform:translateX(0);
        -ms-transform:translateX(0);
        transform:translateX(0)
    }
    to{
        opacity:0;
        -webkit-transform:translateX(-20px);
        -ms-transform:translateX(-20px);
        transform:translateX(-20px)
    }
}
.fadeOutLeft{
    -webkit-animation-name:fadeOutLeft;
    animation-name:fadeOutLeft
}
@-webkit-keyframes fadeOutLeftBig{
    0%{
        opacity:1;
        -webkit-transform:translateX(0);
        transform:translateX(0)
    }
    to{
        opacity:0;
        -webkit-transform:translateX(-2000px);
        transform:translateX(-2000px)
    }
}
@keyframes fadeOutLeftBig{
    0%{
        opacity:1;
        -webkit-transform:translateX(0);
        -ms-transform:translateX(0);
        transform:translateX(0)
    }
    to{
        opacity:0;
        -webkit-transform:translateX(-2000px);
        -ms-transform:translateX(-2000px);
        transform:translateX(-2000px)
    }
}
.fadeOutLeftBig{
    -webkit-animation-name:fadeOutLeftBig;
    animation-name:fadeOutLeftBig
}
@-webkit-keyframes fadeOutRight{
    0%{
        opacity:1;
        -webkit-transform:translateX(0);
        transform:translateX(0)
    }
    to{
        opacity:0;
        -webkit-transform:translateX(20px);
        transform:translateX(20px)
    }
}
@keyframes fadeOutRight{
    0%{
        opacity:1;
        -webkit-transform:translateX(0);
        -ms-transform:translateX(0);
        transform:translateX(0)
    }
    to{
        opacity:0;
        -webkit-transform:translateX(20px);
        -ms-transform:translateX(20px);
        transform:translateX(20px)
    }
}
.fadeOutRight{
    -webkit-animation-name:fadeOutRight;
    animation-name:fadeOutRight
}
@-webkit-keyframes fadeOutRightBig{
    0%{
        opacity:1;
        -webkit-transform:translateX(0);
        transform:translateX(0)
    }
    to{
        opacity:0;
        -webkit-transform:translateX(2000px);
        transform:translateX(2000px)
    }
}
@keyframes fadeOutRightBig{
    0%{
        opacity:1;
        -webkit-transform:translateX(0);
        -ms-transform:translateX(0);
        transform:translateX(0)
    }
    to{
        opacity:0;
        -webkit-transform:translateX(2000px);
        -ms-transform:translateX(2000px);
        transform:translateX(2000px)
    }
}
.fadeOutRightBig{
    -webkit-animation-name:fadeOutRightBig;
    animation-name:fadeOutRightBig
}
@-webkit-keyframes fadeOutUp{
    0%{
        opacity:1;
        -webkit-transform:translateY(0);
        transform:translateY(0)
    }
    to{
        opacity:0;
        -webkit-transform:translateY(-20px);
        transform:translateY(-20px)
    }
}
@keyframes fadeOutUp{
    0%{
        opacity:1;
        -webkit-transform:translateY(0);
        -ms-transform:translateY(0);
        transform:translateY(0)
    }
    to{
        opacity:0;
        -webkit-transform:translateY(-20px);
        -ms-transform:translateY(-20px);
        transform:translateY(-20px)
    }
}
.fadeOutUp{
    -webkit-animation-name:fadeOutUp;
    animation-name:fadeOutUp
}
@-webkit-keyframes fadeOutUpBig{
    0%{
        opacity:1;
        -webkit-transform:translateY(0);
        transform:translateY(0)
    }
    to{
        opacity:0;
        -webkit-transform:translateY(-2000px);
        transform:translateY(-2000px)
    }
}
@keyframes fadeOutUpBig{
    0%{
        opacity:1;
        -webkit-transform:translateY(0);
        -ms-transform:translateY(0);
        transform:translateY(0)
    }
    to{
        opacity:0;
        -webkit-transform:translateY(-2000px);
        -ms-transform:translateY(-2000px);
        transform:translateY(-2000px)
    }
}
.fadeOutUpBig{
    -webkit-animation-name:fadeOutUpBig;
    animation-name:fadeOutUpBig
}
@-webkit-keyframes flip{
    0%{
        -webkit-transform:perspective(400px) translateZ(0) rotateY(0) scale(1);
        transform:perspective(400px) translateZ(0) rotateY(0) scale(1);
        -webkit-animation-timing-function:ease-out;
        animation-timing-function:ease-out
    }
    40%{
        -webkit-transform:perspective(400px) translateZ(150px) rotateY(170deg) scale(1);
        transform:perspective(400px) translateZ(150px) rotateY(170deg) scale(1);
        -webkit-animation-timing-function:ease-out;
        animation-timing-function:ease-out
    }
    50%{
        -webkit-transform:perspective(400px) translateZ(150px) rotateY(190deg) scale(1);
        transform:perspective(400px) translateZ(150px) rotateY(190deg) scale(1);
        -webkit-animation-timing-function:ease-in;
        animation-timing-function:ease-in
    }
    80%{
        -webkit-transform:perspective(400px) translateZ(0) rotateY(360deg) scale(.95);
        transform:perspective(400px) translateZ(0) rotateY(360deg) scale(.95);
        -webkit-animation-timing-function:ease-in;
        animation-timing-function:ease-in
    }
    to{
        -webkit-transform:perspective(400px) translateZ(0) rotateY(360deg) scale(1);
        transform:perspective(400px) translateZ(0) rotateY(360deg) scale(1);
        -webkit-animation-timing-function:ease-in;
        animation-timing-function:ease-in
    }
}
@keyframes flip{
    0%{
        -webkit-transform:perspective(400px) translateZ(0) rotateY(0) scale(1);
        -ms-transform:perspective(400px) translateZ(0) rotateY(0) scale(1);
        transform:perspective(400px) translateZ(0) rotateY(0) scale(1);
        -webkit-animation-timing-function:ease-out;
        animation-timing-function:ease-out
    }
    40%{
        -webkit-transform:perspective(400px) translateZ(150px) rotateY(170deg) scale(1);
        -ms-transform:perspective(400px) translateZ(150px) rotateY(170deg) scale(1);
        transform:perspective(400px) translateZ(150px) rotateY(170deg) scale(1);
        -webkit-animation-timing-function:ease-out;
        animation-timing-function:ease-out
    }
    50%{
        -webkit-transform:perspective(400px) translateZ(150px) rotateY(190deg) scale(1);
        -ms-transform:perspective(400px) translateZ(150px) rotateY(190deg) scale(1);
        transform:perspective(400px) translateZ(150px) rotateY(190deg) scale(1);
        -webkit-animation-timing-function:ease-in;
        animation-timing-function:ease-in
    }
    80%{
        -webkit-transform:perspective(400px) translateZ(0) rotateY(360deg) scale(.95);
        -ms-transform:perspective(400px) translateZ(0) rotateY(360deg) scale(.95);
        transform:perspective(400px) translateZ(0) rotateY(360deg) scale(.95);
        -webkit-animation-timing-function:ease-in;
        animation-timing-function:ease-in
    }
    to{
        -webkit-transform:perspective(400px) translateZ(0) rotateY(360deg) scale(1);
        -ms-transform:perspective(400px) translateZ(0) rotateY(360deg) scale(1);
        transform:perspective(400px) translateZ(0) rotateY(360deg) scale(1);
        -webkit-animation-timing-function:ease-in;
        animation-timing-function:ease-in
    }
}
.animated.flip{
    -webkit-backface-visibility:visible;
    -ms-backface-visibility:visible;
    backface-visibility:visible;
    -webkit-animation-name:flip;
    animation-name:flip
}
@-webkit-keyframes flipInX{
    0%{
        -webkit-transform:perspective(400px) rotateX(90deg);
        transform:perspective(400px) rotateX(90deg);
        opacity:0
    }
    40%{
        -webkit-transform:perspective(400px) rotateX(-10deg);
        transform:perspective(400px) rotateX(-10deg)
    }
    70%{
        -webkit-transform:perspective(400px) rotateX(10deg);
        transform:perspective(400px) rotateX(10deg)
    }
    to{
        -webkit-transform:perspective(400px) rotateX(0deg);
        transform:perspective(400px) rotateX(0deg);
        opacity:1
    }
}
@keyframes flipInX{
    0%{
        -webkit-transform:perspective(400px) rotateX(90deg);
        -ms-transform:perspective(400px) rotateX(90deg);
        transform:perspective(400px) rotateX(90deg);
        opacity:0
    }
    40%{
        -webkit-transform:perspective(400px) rotateX(-10deg);
        -ms-transform:perspective(400px) rotateX(-10deg);
        transform:perspective(400px) rotateX(-10deg)
    }
    70%{
        -webkit-transform:perspective(400px) rotateX(10deg);
        -ms-transform:perspective(400px) rotateX(10deg);
        transform:perspective(400px) rotateX(10deg)
    }
    to{
        -webkit-transform:perspective(400px) rotateX(0deg);
        -ms-transform:perspective(400px) rotateX(0deg);
        transform:perspective(400px) rotateX(0deg);
        opacity:1
    }
}
.flipInX,.flipInY,.flipOutX,.flipOutY{
    -webkit-backface-visibility:visible!important;
    -ms-backface-visibility:visible!important;
    backface-visibility:visible!important;
    -webkit-animation-name:flipInX;
    animation-name:flipInX
}
@-webkit-keyframes flipInY{
    0%{
        -webkit-transform:perspective(400px) rotateY(90deg);
        transform:perspective(400px) rotateY(90deg);
        opacity:0
    }
    40%{
        -webkit-transform:perspective(400px) rotateY(-10deg);
        transform:perspective(400px) rotateY(-10deg)
    }
    70%{
        -webkit-transform:perspective(400px) rotateY(10deg);
        transform:perspective(400px) rotateY(10deg)
    }
    to{
        -webkit-transform:perspective(400px) rotateY(0deg);
        transform:perspective(400px) rotateY(0deg);
        opacity:1
    }
}
@keyframes flipInY{
    0%{
        -webkit-transform:perspective(400px) rotateY(90deg);
        -ms-transform:perspective(400px) rotateY(90deg);
        transform:perspective(400px) rotateY(90deg);
        opacity:0
    }
    40%{
        -webkit-transform:perspective(400px) rotateY(-10deg);
        -ms-transform:perspective(400px) rotateY(-10deg);
        transform:perspective(400px) rotateY(-10deg)
    }
    70%{
        -webkit-transform:perspective(400px) rotateY(10deg);
        -ms-transform:perspective(400px) rotateY(10deg);
        transform:perspective(400px) rotateY(10deg)
    }
    to{
        -webkit-transform:perspective(400px) rotateY(0deg);
        -ms-transform:perspective(400px) rotateY(0deg);
        transform:perspective(400px) rotateY(0deg);
        opacity:1
    }
}
.flipInY,.flipOutX,.flipOutY{
    -webkit-animation-name:flipInY;
    animation-name:flipInY
}
@-webkit-keyframes flipOutX{
    0%{
        -webkit-transform:perspective(400px) rotateX(0deg);
        transform:perspective(400px) rotateX(0deg);
        opacity:1
    }
    to{
        -webkit-transform:perspective(400px) rotateX(90deg);
        transform:perspective(400px) rotateX(90deg);
        opacity:0
    }
}
@keyframes flipOutX{
    0%{
        -webkit-transform:perspective(400px) rotateX(0deg);
        -ms-transform:perspective(400px) rotateX(0deg);
        transform:perspective(400px) rotateX(0deg);
        opacity:1
    }
    to{
        -webkit-transform:perspective(400px) rotateX(90deg);
        -ms-transform:perspective(400px) rotateX(90deg);
        transform:perspective(400px) rotateX(90deg);
        opacity:0
    }
}
.flipOutX,.flipOutY{
    -webkit-animation-name:flipOutX;
    animation-name:flipOutX
}
@-webkit-keyframes flipOutY{
    0%{
        -webkit-transform:perspective(400px) rotateY(0deg);
        transform:perspective(400px) rotateY(0deg);
        opacity:1
    }
    to{
        -webkit-transform:perspective(400px) rotateY(90deg);
        transform:perspective(400px) rotateY(90deg);
        opacity:0
    }
}
@keyframes flipOutY{
    0%{
        -webkit-transform:perspective(400px) rotateY(0deg);
        -ms-transform:perspective(400px) rotateY(0deg);
        transform:perspective(400px) rotateY(0deg);
        opacity:1
    }
    to{
        -webkit-transform:perspective(400px) rotateY(90deg);
        -ms-transform:perspective(400px) rotateY(90deg);
        transform:perspective(400px) rotateY(90deg);
        opacity:0
    }
}
.flipOutY{
    -webkit-animation-name:flipOutY;
    animation-name:flipOutY
}
@-webkit-keyframes lightSpeedIn{
    0%{
        -webkit-transform:translateX(100%) skewX(-30deg);
        transform:translateX(100%) skewX(-30deg);
        opacity:0
    }
    60%{
        -webkit-transform:translateX(-20%) skewX(30deg);
        transform:translateX(-20%) skewX(30deg);
        opacity:1
    }
    80%{
        -webkit-transform:translateX(0%) skewX(-15deg);
        transform:translateX(0%) skewX(-15deg);
        opacity:1
    }
    to{
        -webkit-transform:translateX(0%) skewX(0deg);
        transform:translateX(0%) skewX(0deg);
        opacity:1
    }
}
@keyframes lightSpeedIn{
    0%{
        -webkit-transform:translateX(100%) skewX(-30deg);
        -ms-transform:translateX(100%) skewX(-30deg);
        transform:translateX(100%) skewX(-30deg);
        opacity:0
    }
    60%{
        -webkit-transform:translateX(-20%) skewX(30deg);
        -ms-transform:translateX(-20%) skewX(30deg);
        transform:translateX(-20%) skewX(30deg);
        opacity:1
    }
    80%{
        -webkit-transform:translateX(0%) skewX(-15deg);
        -ms-transform:translateX(0%) skewX(-15deg);
        transform:translateX(0%) skewX(-15deg);
        opacity:1
    }
    to{
        -webkit-transform:translateX(0%) skewX(0deg);
        -ms-transform:translateX(0%) skewX(0deg);
        transform:translateX(0%) skewX(0deg);
        opacity:1
    }
}
.lightSpeedIn{
    -webkit-animation-name:lightSpeedIn;
    animation-name:lightSpeedIn;
    -webkit-animation-timing-function:ease-out;
    animation-timing-function:ease-out
}
@-webkit-keyframes lightSpeedOut{
    0%{
        -webkit-transform:translateX(0%) skewX(0deg);
        transform:translateX(0%) skewX(0deg);
        opacity:1
    }
    to{
        -webkit-transform:translateX(100%) skewX(-30deg);
        transform:translateX(100%) skewX(-30deg);
        opacity:0
    }
}
@keyframes lightSpeedOut{
    0%{
        -webkit-transform:translateX(0%) skewX(0deg);
        -ms-transform:translateX(0%) skewX(0deg);
        transform:translateX(0%) skewX(0deg);
        opacity:1
    }
    to{
        -webkit-transform:translateX(100%) skewX(-30deg);
        -ms-transform:translateX(100%) skewX(-30deg);
        transform:translateX(100%) skewX(-30deg);
        opacity:0
    }
}
.lightSpeedOut{
    -webkit-animation-name:lightSpeedOut;
    animation-name:lightSpeedOut;
    -webkit-animation-timing-function:ease-in;
    animation-timing-function:ease-in
}
@-webkit-keyframes rotateIn{
    0%{
        -webkit-transform-origin:center center;
        transform-origin:center center;
        -webkit-transform:rotate(-200deg);
        transform:rotate(-200deg);
        opacity:0
    }
    to{
        -webkit-transform-origin:center center;
        transform-origin:center center;
        -webkit-transform:rotate(0);
        transform:rotate(0);
        opacity:1
    }
}
@keyframes rotateIn{
    0%{
        -webkit-transform-origin:center center;
        -ms-transform-origin:center center;
        transform-origin:center center;
        -webkit-transform:rotate(-200deg);
        -ms-transform:rotate(-200deg);
        transform:rotate(-200deg);
        opacity:0
    }
    to{
        -webkit-transform-origin:center center;
        -ms-transform-origin:center center;
        transform-origin:center center;
        -webkit-transform:rotate(0);
        -ms-transform:rotate(0);
        transform:rotate(0);
        opacity:1
    }
}
.rotateIn{
    -webkit-animation-name:rotateIn;
    animation-name:rotateIn
}
@-webkit-keyframes rotateInDownLeft{
    0%{
        -webkit-transform-origin:left bottom;
        transform-origin:left bottom;
        -webkit-transform:rotate(-90deg);
        transform:rotate(-90deg);
        opacity:0
    }
    to{
        -webkit-transform-origin:left bottom;
        transform-origin:left bottom;
        -webkit-transform:rotate(0);
        transform:rotate(0);
        opacity:1
    }
}
@keyframes rotateInDownLeft{
    0%{
        -webkit-transform-origin:left bottom;
        -ms-transform-origin:left bottom;
        transform-origin:left bottom;
        -webkit-transform:rotate(-90deg);
        -ms-transform:rotate(-90deg);
        transform:rotate(-90deg);
        opacity:0
    }
    to{
        -webkit-transform-origin:left bottom;
        -ms-transform-origin:left bottom;
        transform-origin:left bottom;
        -webkit-transform:rotate(0);
        -ms-transform:rotate(0);
        transform:rotate(0);
        opacity:1
    }
}
.rotateInDownLeft{
    -webkit-animation-name:rotateInDownLeft;
    animation-name:rotateInDownLeft
}
@-webkit-keyframes rotateInDownRight{
    0%{
        -webkit-transform-origin:right bottom;
        transform-origin:right bottom;
        -webkit-transform:rotate(90deg);
        transform:rotate(90deg);
        opacity:0
    }
    to{
        -webkit-transform-origin:right bottom;
        transform-origin:right bottom;
        -webkit-transform:rotate(0);
        transform:rotate(0);
        opacity:1
    }
}
@keyframes rotateInDownRight{
    0%{
        -webkit-transform-origin:right bottom;
        -ms-transform-origin:right bottom;
        transform-origin:right bottom;
        -webkit-transform:rotate(90deg);
        -ms-transform:rotate(90deg);
        transform:rotate(90deg);
        opacity:0
    }
    to{
        -webkit-transform-origin:right bottom;
        -ms-transform-origin:right bottom;
        transform-origin:right bottom;
        -webkit-transform:rotate(0);
        -ms-transform:rotate(0);
        transform:rotate(0);
        opacity:1
    }
}
.rotateInDownRight{
    -webkit-animation-name:rotateInDownRight;
    animation-name:rotateInDownRight
}
@-webkit-keyframes rotateInUpLeft{
    0%{
        -webkit-transform-origin:left bottom;
        transform-origin:left bottom;
        -webkit-transform:rotate(90deg);
        transform:rotate(90deg);
        opacity:0
    }
    to{
        -webkit-transform-origin:left bottom;
        transform-origin:left bottom;
        -webkit-transform:rotate(0);
        transform:rotate(0);
        opacity:1
    }
}
@keyframes rotateInUpLeft{
    0%{
        -webkit-transform-origin:left bottom;
        -ms-transform-origin:left bottom;
        transform-origin:left bottom;
        -webkit-transform:rotate(90deg);
        -ms-transform:rotate(90deg);
        transform:rotate(90deg);
        opacity:0
    }
    to{
        -webkit-transform-origin:left bottom;
        -ms-transform-origin:left bottom;
        transform-origin:left bottom;
        -webkit-transform:rotate(0);
        -ms-transform:rotate(0);
        transform:rotate(0);
        opacity:1
    }
}
.rotateInUpLeft{
    -webkit-animation-name:rotateInUpLeft;
    animation-name:rotateInUpLeft
}
@-webkit-keyframes rotateInUpRight{
    0%{
        -webkit-transform-origin:right bottom;
        transform-origin:right bottom;
        -webkit-transform:rotate(-90deg);
        transform:rotate(-90deg);
        opacity:0
    }
    to{
        -webkit-transform-origin:right bottom;
        transform-origin:right bottom;
        -webkit-transform:rotate(0);
        transform:rotate(0);
        opacity:1
    }
}
@keyframes rotateInUpRight{
    0%{
        -webkit-transform-origin:right bottom;
        -ms-transform-origin:right bottom;
        transform-origin:right bottom;
        -webkit-transform:rotate(-90deg);
        -ms-transform:rotate(-90deg);
        transform:rotate(-90deg);
        opacity:0
    }
    to{
        -webkit-transform-origin:right bottom;
        -ms-transform-origin:right bottom;
        transform-origin:right bottom;
        -webkit-transform:rotate(0);
        -ms-transform:rotate(0);
        transform:rotate(0);
        opacity:1
    }
}
.rotateInUpRight{
    -webkit-animation-name:rotateInUpRight;
    animation-name:rotateInUpRight
}
@-webkit-keyframes rotateOut{
    0%{
        -webkit-transform-origin:center center;
        transform-origin:center center;
        -webkit-transform:rotate(0);
        transform:rotate(0);
        opacity:1
    }
    to{
        -webkit-transform-origin:center center;
        transform-origin:center center;
        -webkit-transform:rotate(200deg);
        transform:rotate(200deg);
        opacity:0
    }
}
@keyframes rotateOut{
    0%{
        -webkit-transform-origin:center center;
        -ms-transform-origin:center center;
        transform-origin:center center;
        -webkit-transform:rotate(0);
        -ms-transform:rotate(0);
        transform:rotate(0);
        opacity:1
    }
    to{
        -webkit-transform-origin:center center;
        -ms-transform-origin:center center;
        transform-origin:center center;
        -webkit-transform:rotate(200deg);
        -ms-transform:rotate(200deg);
        transform:rotate(200deg);
        opacity:0
    }
}
.rotateOut{
    -webkit-animation-name:rotateOut;
    animation-name:rotateOut
}
@-webkit-keyframes rotateOutDownLeft{
    0%{
        -webkit-transform-origin:left bottom;
        transform-origin:left bottom;
        -webkit-transform:rotate(0);
        transform:rotate(0);
        opacity:1
    }
    to{
        -webkit-transform-origin:left bottom;
        transform-origin:left bottom;
        -webkit-transform:rotate(90deg);
        transform:rotate(90deg);
        opacity:0
    }
}
@keyframes rotateOutDownLeft{
    0%{
        -webkit-transform-origin:left bottom;
        -ms-transform-origin:left bottom;
        transform-origin:left bottom;
        -webkit-transform:rotate(0);
        -ms-transform:rotate(0);
        transform:rotate(0);
        opacity:1
    }
    to{
        -webkit-transform-origin:left bottom;
        -ms-transform-origin:left bottom;
        transform-origin:left bottom;
        -webkit-transform:rotate(90deg);
        -ms-transform:rotate(90deg);
        transform:rotate(90deg);
        opacity:0
    }
}
.rotateOutDownLeft{
    -webkit-animation-name:rotateOutDownLeft;
    animation-name:rotateOutDownLeft
}
@-webkit-keyframes rotateOutDownRight{
    0%{
        -webkit-transform-origin:right bottom;
        transform-origin:right bottom;
        -webkit-transform:rotate(0);
        transform:rotate(0);
        opacity:1
    }
    to{
        -webkit-transform-origin:right bottom;
        transform-origin:right bottom;
        -webkit-transform:rotate(-90deg);
        transform:rotate(-90deg);
        opacity:0
    }
}
@keyframes rotateOutDownRight{
    0%{
        -webkit-transform-origin:right bottom;
        -ms-transform-origin:right bottom;
        transform-origin:right bottom;
        -webkit-transform:rotate(0);
        -ms-transform:rotate(0);
        transform:rotate(0);
        opacity:1
    }
    to{
        -webkit-transform-origin:right bottom;
        -ms-transform-origin:right bottom;
        transform-origin:right bottom;
        -webkit-transform:rotate(-90deg);
        -ms-transform:rotate(-90deg);
        transform:rotate(-90deg);
        opacity:0
    }
}
.rotateOutDownRight{
    -webkit-animation-name:rotateOutDownRight;
    animation-name:rotateOutDownRight
}
@-webkit-keyframes rotateOutUpLeft{
    0%{
        -webkit-transform-origin:left bottom;
        transform-origin:left bottom;
        -webkit-transform:rotate(0);
        transform:rotate(0);
        opacity:1
    }
    to{
        -webkit-transform-origin:left bottom;
        transform-origin:left bottom;
        -webkit-transform:rotate(-90deg);
        transform:rotate(-90deg);
        opacity:0
    }
}
@keyframes rotateOutUpLeft{
    0%{
        -webkit-transform-origin:left bottom;
        -ms-transform-origin:left bottom;
        transform-origin:left bottom;
        -webkit-transform:rotate(0);
        -ms-transform:rotate(0);
        transform:rotate(0);
        opacity:1
    }
    to{
        -webkit-transform-origin:left bottom;
        -ms-transform-origin:left bottom;
        transform-origin:left bottom;
        -webkit-transform:rotate(-90deg);
        -ms-transform:rotate(-90deg);
        transform:rotate(-90deg);
        opacity:0
    }
}
.rotateOutUpLeft{
    -webkit-animation-name:rotateOutUpLeft;
    animation-name:rotateOutUpLeft
}
@-webkit-keyframes rotateOutUpRight{
    0%{
        -webkit-transform-origin:right bottom;
        transform-origin:right bottom;
        -webkit-transform:rotate(0);
        transform:rotate(0);
        opacity:1
    }
    to{
        -webkit-transform-origin:right bottom;
        transform-origin:right bottom;
        -webkit-transform:rotate(90deg);
        transform:rotate(90deg);
        opacity:0
    }
}
@keyframes rotateOutUpRight{
    0%{
        -webkit-transform-origin:right bottom;
        -ms-transform-origin:right bottom;
        transform-origin:right bottom;
        -webkit-transform:rotate(0);
        -ms-transform:rotate(0);
        transform:rotate(0);
        opacity:1
    }
    to{
        -webkit-transform-origin:right bottom;
        -ms-transform-origin:right bottom;
        transform-origin:right bottom;
        -webkit-transform:rotate(90deg);
        -ms-transform:rotate(90deg);
        transform:rotate(90deg);
        opacity:0
    }
}
.rotateOutUpRight{
    -webkit-animation-name:rotateOutUpRight;
    animation-name:rotateOutUpRight
}
@-webkit-keyframes slideInDown{
    0%{
        opacity:0;
        -webkit-transform:translateY(-2000px);
        transform:translateY(-2000px)
    }
    to{
        -webkit-transform:translateY(0);
        transform:translateY(0)
    }
}
@keyframes slideInDown{
    0%{
        opacity:0;
        -webkit-transform:translateY(-2000px);
        -ms-transform:translateY(-2000px);
        transform:translateY(-2000px)
    }
    to{
        -webkit-transform:translateY(0);
        -ms-transform:translateY(0);
        transform:translateY(0)
    }
}
.slideInDown{
    -webkit-animation-name:slideInDown;
    animation-name:slideInDown
}
@-webkit-keyframes slideInLeft{
    0%{
        opacity:0;
        -webkit-transform:translateX(-2000px);
        transform:translateX(-2000px)
    }
    to{
        -webkit-transform:translateX(0);
        transform:translateX(0)
    }
}
@keyframes slideInLeft{
    0%{
        opacity:0;
        -webkit-transform:translateX(-2000px);
        -ms-transform:translateX(-2000px);
        transform:translateX(-2000px)
    }
    to{
        -webkit-transform:translateX(0);
        -ms-transform:translateX(0);
        transform:translateX(0)
    }
}
.slideInLeft{
    -webkit-animation-name:slideInLeft;
    animation-name:slideInLeft
}
@-webkit-keyframes slideInRight{
    0%{
        opacity:0;
        -webkit-transform:translateX(2000px);
        transform:translateX(2000px)
    }
    to{
        -webkit-transform:translateX(0);
        transform:translateX(0)
    }
}
@keyframes slideInRight{
    0%{
        opacity:0;
        -webkit-transform:translateX(2000px);
        -ms-transform:translateX(2000px);
        transform:translateX(2000px)
    }
    to{
        -webkit-transform:translateX(0);
        -ms-transform:translateX(0);
        transform:translateX(0)
    }
}
.slideInRight{
    -webkit-animation-name:slideInRight;
    animation-name:slideInRight
}
@-webkit-keyframes slideOutLeft{
    0%{
        -webkit-transform:translateX(0);
        transform:translateX(0)
    }
    to{
        opacity:0;
        -webkit-transform:translateX(-2000px);
        transform:translateX(-2000px)
    }
}
@keyframes slideOutLeft{
    0%{
        -webkit-transform:translateX(0);
        -ms-transform:translateX(0);
        transform:translateX(0)
    }
    to{
        opacity:0;
        -webkit-transform:translateX(-2000px);
        -ms-transform:translateX(-2000px);
        transform:translateX(-2000px)
    }
}
.slideOutLeft{
    -webkit-animation-name:slideOutLeft;
    animation-name:slideOutLeft
}
@-webkit-keyframes slideOutRight{
    0%{
        -webkit-transform:translateX(0);
        transform:translateX(0)
    }
    to{
        opacity:0;
        -webkit-transform:translateX(2000px);
        transform:translateX(2000px)
    }
}
@keyframes slideOutRight{
    0%{
        -webkit-transform:translateX(0);
        -ms-transform:translateX(0);
        transform:translateX(0)
    }
    to{
        opacity:0;
        -webkit-transform:translateX(2000px);
        -ms-transform:translateX(2000px);
        transform:translateX(2000px)
    }
}
.slideOutRight{
    -webkit-animation-name:slideOutRight;
    animation-name:slideOutRight
}
@-webkit-keyframes slideOutUp{
    0%{
        -webkit-transform:translateY(0);
        transform:translateY(0)
    }
    to{
        opacity:0;
        -webkit-transform:translateY(-2000px);
        transform:translateY(-2000px)
    }
}
@keyframes slideOutUp{
    0%{
        -webkit-transform:translateY(0);
        -ms-transform:translateY(0);
        transform:translateY(0)
    }
    to{
        opacity:0;
        -webkit-transform:translateY(-2000px);
        -ms-transform:translateY(-2000px);
        transform:translateY(-2000px)
    }
}
.slideOutUp{
    -webkit-animation-name:slideOutUp;
    animation-name:slideOutUp
}
@-webkit-keyframes hinge{
    0%{
        -webkit-transform:rotate(0);
        transform:rotate(0);
        -webkit-transform-origin:top left;
        transform-origin:top left;
        -webkit-animation-timing-function:ease-in-out;
        animation-timing-function:ease-in-out
    }
    20%,60%{
        -webkit-transform:rotate(80deg);
        transform:rotate(80deg);
        -webkit-transform-origin:top left;
        transform-origin:top left;
        -webkit-animation-timing-function:ease-in-out;
        animation-timing-function:ease-in-out
    }
    40%{
        -webkit-transform:rotate(60deg);
        transform:rotate(60deg);
        -webkit-transform-origin:top left;
        transform-origin:top left;
        -webkit-animation-timing-function:ease-in-out;
        animation-timing-function:ease-in-out
    }
    80%{
        -webkit-transform:rotate(60deg) translateY(0);
        transform:rotate(60deg) translateY(0);
        opacity:1;
        -webkit-transform-origin:top left;
        transform-origin:top left;
        -webkit-animation-timing-function:ease-in-out;
        animation-timing-function:ease-in-out
    }
    to{
        -webkit-transform:translateY(700px);
        transform:translateY(700px);
        opacity:0
    }
}
@keyframes hinge{
    0%{
        -webkit-transform:rotate(0);
        -ms-transform:rotate(0);
        transform:rotate(0);
        -webkit-transform-origin:top left;
        -ms-transform-origin:top left;
        transform-origin:top left;
        -webkit-animation-timing-function:ease-in-out;
        animation-timing-function:ease-in-out
    }
    20%,60%{
        -webkit-transform:rotate(80deg);
        -ms-transform:rotate(80deg);
        transform:rotate(80deg);
        -webkit-transform-origin:top left;
        -ms-transform-origin:top left;
        transform-origin:top left;
        -webkit-animation-timing-function:ease-in-out;
        animation-timing-function:ease-in-out
    }
    40%{
        -webkit-transform:rotate(60deg);
        -ms-transform:rotate(60deg);
        transform:rotate(60deg);
        -webkit-transform-origin:top left;
        -ms-transform-origin:top left;
        transform-origin:top left;
        -webkit-animation-timing-function:ease-in-out;
        animation-timing-function:ease-in-out
    }
    80%{
        -webkit-transform:rotate(60deg) translateY(0);
        -ms-transform:rotate(60deg) translateY(0);
        transform:rotate(60deg) translateY(0);
        opacity:1;
        -webkit-transform-origin:top left;
        -ms-transform-origin:top left;
        transform-origin:top left;
        -webkit-animation-timing-function:ease-in-out;
        animation-timing-function:ease-in-out
    }
    to{
        -webkit-transform:translateY(700px);
        -ms-transform:translateY(700px);
        transform:translateY(700px);
        opacity:0
    }
}
.hinge{
    -webkit-animation-name:hinge;
    animation-name:hinge
}
@-webkit-keyframes rollIn{
    0%{
        opacity:0;
        -webkit-transform:translateX(-100%) rotate(-120deg);
        transform:translateX(-100%) rotate(-120deg)
    }
    to{
        opacity:1;
        -webkit-transform:translateX(0) rotate(0deg);
        transform:translateX(0) rotate(0deg)
    }
}
@keyframes rollIn{
    0%{
        opacity:0;
        -webkit-transform:translateX(-100%) rotate(-120deg);
        -ms-transform:translateX(-100%) rotate(-120deg);
        transform:translateX(-100%) rotate(-120deg)
    }
    to{
        opacity:1;
        -webkit-transform:translateX(0) rotate(0deg);
        -ms-transform:translateX(0) rotate(0deg);
        transform:translateX(0) rotate(0deg)
    }
}
.rollIn{
    -webkit-animation-name:rollIn;
    animation-name:rollIn
}
@-webkit-keyframes rollOut{
    0%{
        opacity:1;
        -webkit-transform:translateX(0) rotate(0deg);
        transform:translateX(0) rotate(0deg)
    }
    to{
        opacity:0;
        -webkit-transform:translateX(100%) rotate(120deg);
        transform:translateX(100%) rotate(120deg)
    }
}
@keyframes rollOut{
    0%{
        opacity:1;
        -webkit-transform:translateX(0) rotate(0deg);
        -ms-transform:translateX(0) rotate(0deg);
        transform:translateX(0) rotate(0deg)
    }
    to{
        opacity:0;
        -webkit-transform:translateX(100%) rotate(120deg);
        -ms-transform:translateX(100%) rotate(120deg);
        transform:translateX(100%) rotate(120deg)
    }
}
.rollOut{
    -webkit-animation-name:rollOut;
    animation-name:rollOut
}
 body.modal-opened{
    overflow:hidden
}
.basic{
    width:100%;
    min-width:980px
}
.fonts{
    text-align:center;
    text-transform:uppercase;
    font-family:'BebasNeueBold'
}
a{
    text-decoration:none;
    cursor:pointer
}
.prod-det-left {
    width: 50%;
}
.prod-det-right {
    width: 50%;
    padding-left: 40px;
}
.prod-right .promo-tx span {
    display: none;
}
.prod-det-right .dolymi.cat {
    display: flex;
    padding: 15px 40px;
    background: #fbd7d7;
    border-radius: 15px;
    margin-top: 30px;
    align-items: center;
}
.p-step-inner .dolymi.cat {
    display: flex;
    padding: 15px 40px;
    background: #fbd7d7;
    border-radius: 15px;
    margin: 30px 0 40px;
    align-items: center;
}
.prod-det-right .dolymi.cat img, .p-step-inner .dolymi.cat img {
    margin: 0;
}
.prod-det-right .dolymi-tx, .p-step-inner .dolymi-tx {
    text-align: left;
    padding-left: 30px;
    font-size: 15px;
}
.prod-det-right .promo-tx {
    text-align: left;
    margin-top: 20px;
    background: #f6f6f6;
    padding: 15px 20px;
    width: fit-content;
}
.order-bar.flex {
    justify-content: space-between;
    align-items: center;
    padding-top: 40px;
}
.container h3 {
    font-size: 22px;
    font-weight: 700;
    padding-bottom: 30px;
}
.brands-tbl.flex {
    border-radius: 20px;
    overflow: hidden;
}
.brand.flex {
    width: 25%;
    align-items: center;
    justify-content: space-between;
    border: 1px solid #edf3fe;
    background: #fff;
}
.brand-img {
    width: 30%;
    padding: 10px;
}
.brand-tx{
    width: 60%;
}
.brand-tx {
    width: 60%;
    font-size: 20px;
    font-weight: 700;
}
.brands-wrap {
    position: relative;
    height: 200px;
    overflow: hidden;
    transition: .3s;
    margin-top: 50px;
}
.gradient {
    position: absolute;
    bottom: 0;
    right: 0;
    width: 100%;
    height: 140px;
    background: linear-gradient(0deg, #edf3fe, #edf3fe00);
}
.description .gradient {
    display: none;
}
.btn-show {
    padding-top: 70px;
    text-align: center;
    color: #357af7;
}
.btn-show span {
    cursor: pointer;
}
.marginbottom {
    margin-bottom: 100px;
}
.parameters {
    background: #f6f6f6;
    padding: 20px;
    border-radius: 15px;
    min-width: 420px;
    display: none;
}
span.parameter-text {
    width: 54%;
    text-align: right;
}
.parameter.flex {
    align-items: center;
    justify-content: space-between;
}
.stars-wrap.flex {
    width: 40%;
    justify-content: flex-end;
}
span.price-text {
    color: #c6281b;
    font-size: 24px;
    font-weight: 700;
}
.prod-desc {
    padding: 30px 0;
}
.prod-det-right .promo-tx br {
    display: none;
}
ul.bxslider img {
    margin: 0 auto;
}
.bx-viewport {
    border-radius: 15px;
    overflow: hidden;
}
.title h1 {
    font-size: 24px;
    font-weight: 700;
    padding-top: 20px;
}
.prod-det-top.flex {
    padding-top: 70px;
    justify-content: space-between;
}
.link-btn{
    display:block;
    text-align:center;
    color:#fff;
}
.link-btn:hover{
    opacity: .7;
}
::-webkit-input-placeholder{
    color:#000
}
:-moz-placeholder,::-moz-placeholder{
    color:#000
}
:-ms-input-placeholder{
    color:#000
}

.advantages .container,.choose .container{
    height:100%
}
.advantages table{
    width:100%;
    height:100%
}
.advantages table td{
    width:192px;
    text-align:center;
    vertical-align:middle;
    line-height:20px
}
.advantages,.choose,.form{
    width:100%;
}
.choose .choose-block {
    width: 23%;
    background: #e3e8f2;
    border-radius: 15px;
    overflow: hidden;
    margin:1%;
    display: block;
    position: relative;
    transition: .3s;
}
.choose .choose-block:hover {
    box-shadow: 3px 6px 16px #0000002b;
}
.cat-rmore i {
    font-size: 12px;
    transform: translateX(-2px);
    opacity: 0;
    transition: .3s;
}
.choose-block:hover .cat-rmore i {
    transform: translateX(10px);
    opacity: 1;
}
.cat-title {
    position: absolute;
    z-index: 9;
    left: 30px;
    top: 40px;
    font-size: 18px;
    font-weight: 700;
    color: #000;
}
.cat-rmore {
    position: absolute;
    z-index: 9;
    bottom: 30px;
    left: 30px;
    color: #357af7;
}
.choose .choose-block a{
    font-size:16px;
    color:#000;
    
    text-transform:uppercase;
    line-height:21px;
    border-bottom:1px dashed transparent
}
.choose-cont.flex {
    margin: 0 -1%;
    padding: 70px 0 100px;
}
.choose-img {
    transform: translateX(20px);
    transition: .3s;
}
a.choose-block:hover .choose-img {
    transform: translateX(0px);
}
.form {
    padding: 100px 0;
    background: #fff url(/images/fbg.jpg) center no-repeat;
    background-size: cover;
}
.form.btm {
    padding: 100px 0;
    background: #fff url(/images/fbg1.jpg) center no-repeat;
    background-size: cover;
}
.form-bl-wrap.flex {
    justify-content: space-between;
    align-items: center;
    padding: 0 70px;
}
.form-bl-wrap.flex.rev {
    flex-direction: row-reverse;
}
.form .left-block {
    width: 40%;
    color: #fff;
}
p {
    padding: 15px 0;
}
.a-center {
    text-align: center;
}
h3.title {
    font-size: 28px;
    font-weight: 700;
    padding-bottom: 30px;
}
.lblock-tx {
    line-height: 1.5;
    padding-top: 40px;
    max-width: 420px;
}
.form .left-block header{
    text-transform:uppercase;
    
    color:#080808;
    font-size:36px;
    line-height:40px;
    letter-spacing:.1px
}
.form .left-block a{
    color:#10a9f8;
    border-bottom:1px dashed #10a9f8;
    display:inline-block;
    height:36px
}
.form .left-block a:hover{
    color:#0187cd;
    border-bottom:1px dashed #0187cd
}
.form .left-block .text{
    
    color:#404040;
    font-size:21px;
    text-transform:uppercase;
    line-height:25px;
    margin-top:25px;
    position:relative;
    z-index:2
}
.form .left-block .text:after{
    content:"";
    display:block;
    width:100%;
    height:204px;
    margin:35px auto auto;
    background:url(../images/arrow-form.png) no-repeat;
    background-position:80%
}
.form .right-block {
    width: 100%;
    max-width: 400px;
    background: #fff;
    padding: 30px;
    border-radius: 20px;
    position: relative;
}
.form .right-block form {
    width: 100%;
}
.form .right-block .link-btn, .link-btn {
    padding: 10px 20px;
    border-radius: 30px;
    background: #c6281b;
    cursor: pointer;
}
.form.btm .right-block .link-btn {
    background: #357af7;
}
.step {
    width: 48%;
    margin-bottom: 4%;
}
.steps.flex {
    justify-content: space-between;
    padding-top: 70px;
}
.step-left {
    width: 60%;
}
.step-right {
    width: 40%;
    display:flex;
    align-items: center;
    justify-content: flex-end;
}
div#sewing {
    margin-top: 70px;
}
.form .right-block .link-btn:hover {
    opacity: .7;
}
.defender{
    padding: 100px 0;
}
.frw-left {
    width: 40%;
}
.frw-right {
    width: 60%;
}
.frw-item.flex {
    width: 48%;
    margin-bottom: 12%;
    align-items: center;
    line-height: 1.3;
}
.frw-wrap.flex {
    align-items: center;
    justify-content: space-between;
    padding-top: 70px;
}
.frw-tx {
    width: calc(100% - 60px);
}
.frw-ic {
    width: 60px;
}
.defender .title,.form .right-block h3,.payment header{
    text-align:center
}
.defender .title h3{
    font-size:49px
}
.defender .auto-list{
    position:relative;
    width:100%;
    height:515px;
    margin-top:20px
}
.defender .auto-img{
    position:absolute;
    width:488px;
    height:304px;
    left:50%;
    margin-left:-244px;
    bottom:50px
}
.defender .def-block{
    width:180px;
    text-align:center;
    position:absolute
}
.defender .def-title{
    margin-top:10px;
    
    font-size:16px;
    text-align:center
}
.defender .def-1{
    left:30px;
    bottom:85px
}
.defender .def-2{
    left:75px;
    bottom:300px
}
.defender .def-3{
    top:160px;
    left:315px
}
.defender .def-4{
    top:160px;
    right:280px
}
.defender .def-5{
    right:100px;
    top:190px
}
.defender .def-6{
    right:75px;
    bottom:85px
}
.defender,.payment,.questions{
    width:100%;
}
.payment {
    padding: 0 0 40px;
}
.step.flex {
    justify-content: space-between;
    padding: 30px;
    background: #fff;
    border-radius: 15px;
}
.step-right {
    width: 40%;
    display: flex;
    align-items: flex-end;
    justify-content: center;
    max-width: 253px;
    border-radius: 15px;
    overflow: hidden;
    background: #e4e8f3;
}
.step-right img {
    transform: translateY(25px);
    transition: .7s;
}
.step:hover .step-right img {
    transform: translateY(10px);
}
.step-title {
    color: #c6281b;
    font-weight: 700;
    padding: 40px 0;
}
.step ul.ul {
    padding-left: 0;
}
.defender .title h4,.payment header h4{
    font-size:38px;
    font-family:'BebasNeueRegular';
    margin-top:20px
}
.payment div.clearfix{
    margin-top:65px;
    position:relative
}
.payment .first-step{
    position:absolute;
    width:60px;
    height:60px;
    background:url(../images/first.png);
    left:44%;
    top:27px
}
.payment .second-step,.payment .third-step{
    position:absolute;
    left:44%;
    width:60px;
    height:165px
}
.payment .second-step{
    background:url(../images/second.png);
    top:100px
}
.payment .third-step{
    background:url(../images/third.png);
    top:282px
}
.payment .fourth-step{
    position:absolute;
    left:44%;
    width:60px;
    height:265px;
    background:url(../images/fourth.png);
    top:470px
}
.payment .left-block{
    float:left;
    width:440px
}
.payment .text{
    width:380px;
    background-color:#e6efd3;
    -webkit-border-radius:8px;
    -moz-border-radius:8px;
    border-radius:8px;
    padding:15px;
    color:#404040;
    font-family:'BebasNeueRegular';
    font-size:23px;
    border:1px solid #c2ccae;
    text-transform:uppercase;
    line-height:28px;
    position:relative
}
.payment .text:after{
    position:absolute;
    content:"";
    display:block;
    width:23px;
    height:32px;
    background:url(../images/arrow-text.png) no-repeat;
    top:50%;
    margin-top:-16px;
    right:-23px
}
.payment .text span{
    font-size:32px;
    color:#000
}
.payment .text a{
    color:#10a9f8;
    text-decoration:underline;
    -webkit-transition:.15s all ease-in;
    -moz-transition:.15s all ease-in;
    transition:.15s all ease-in
}
.payment .text a:hover{
    color:#fc1414
}
.payment .text ol{
    list-style-type:decimal;
    font-size:18px;
    padding-left:40px;
    line-height:22px
}
.payment .third-text{
    margin-top:230px
}
.payment .third-text:after{
    top:23%
}
.payment .third-text header{
    font-size:23px!important;
    color:#404040
}
.payment .third-text header span{
    color:#000;
    font-size:23px!important
}
.payment .link-btn{
    width:305px;
    height:57px;
    font-size:23px;
    text-decoration:none!important;
    color:#fff!important;
    padding-top:15px;
    -webkit-border-radius:9px;
    -moz-border-radius:9px;
    border-radius:9px;
    border-bottom:5px solid #aa1e02;
    float:right;
    margin-top:12px
}
.payment .bot-text{
    font-size:23px;
    
    text-align:center;
    color:#000;
    margin-top:20px
}
.payment .right-block{
    width:440px;
    float:right
}
.payment .right-block .text:after{
    background:url(../images/arrow-prev.png) no-repeat;
    width:26px;
    height:36px;
    left:-24px;
    right:auto;
    margin-top:-18px
}
.payment .second-text{
    margin-top:178px
}
.payment .second-text span{
    font-size:23px!important
}
.payment .fourth-text{
    margin-top:350px
}
.payment .fourth-text:after{
    top:30%
}
.defender .title h3,.payment .fourth-text h4{
    font-family:'BebasNeueBold'
}
.payment .fourth-text h4,.payment .fourth-text p{
    color:#000;
    font-size:23px
}
.questions{
    padding: 70px 0;
}
.questions .ques-cont{
    margin-top:65px
}
.questions .left-block{
    width:50%;
    float:left;
    padding-bottom:30px
}
.questions .left-block .ques-block{
    width:400px;
    padding:15px;
    -webkit-border-radius:12px;
    -moz-border-radius:12px;
    border-radius:12px;
    background-color:#77afdb;
    color:#213c51;
    font-size:17px;
    font-weight:700;
    
    line-height:18px;
    position:relative
}
.questions .left-block .ques-block:nth-child(2){
    margin-top:65px
}
.questions .left-block .ques-block:nth-child(3){
    margin-top:175px
}
.questions .left-block .ques-block:after{
    content:"";
    display:block;
    position:absolute;
    right:-14px;
    top:10px;
    width:35px;
    height:35px;
    background:url(../images/arrow-blue.png)
}
.questions .right-block{
    float:right;
    width:50%;
    padding-bottom:30px
}
.questions .right-block .ques-block{
    width:400px;
    padding:15px;
    -webkit-border-radius:12px;
    -moz-border-radius:12px;
    border-radius:12px;
    background-color:#77db93;
    color:#213c51;
    font-size:16px;
    
    line-height:18px;
    position:relative
}
.questions .right-block .ques-block:before{
    content:"";
    display:block;
    position:absolute;
    width:35px;
    height:35px;
    background:url(../images/arrow-green.png);
    bottom:10px;
    left:-17px
}
.questions .right-block .ques-block:nth-child(2){
    margin-top:70px
}
.questions .right-block .ques-block:nth-child(3){
    margin-top:100px
}
.review {
    width: 100%;
    padding: 0 0 100px;
}
.review.mtop {
    width: 100%;
    padding: 100px 0;
}
.testi {
    padding: 30px;
    background: #fff;
    border-radius: 15px;
    height: 100%;
}
.owl-stage {
    display: flex;
}
.testi-top.flex {
    align-items: center;
}
.testi-info {
    padding-left: 20px;
}
.testi-name {
    font-weight: 700;
    padding-bottom: 10px;
}
.owl-nav.disabled {
    display: none;
}
body .owl-dots {
    display: flex;
    justify-content: center;
    padding-top: 30px;
}
button.owl-dot {
    border:none;
}
button.owl-dot span {
    display: block;
    width: 50px;
    height: 3px;
    background: #357af7;
    border-radius: 3px;
    margin: 0 3px;
}
button.owl-dot.active span {
    background: #1c458f;
}
.testi-wrap.owl-carousel.owl-loaded.owl-drag {
    padding-top: 70px;
}
.testi-city {
    font-size: 14px;
}
.testi-top.flex {
    align-items: center;
    padding-bottom: 30px;
}
.testi-img img {
    border-radius: 15px;
}
.bottom-left {
    width: 70%;
}
.bottom-right {
    width: 30%;
}
.bottom-col {
    width: 30%;
}
.bottom-cols.flex {
    justify-content: space-between;
    padding-top: 40px;
}
.btm-logo.flex {
    align-items: center;
    font-weight: 700;
    font-size: 20px;
}
.bottom-title {
    font-weight: 700;
    font-size: 20px;
    padding: 30px 0;
}
.bc-ic {
    width: 40px;
}
.bc-item.flex {
    font-size: 18px;
    font-weight: 700;
    align-items: center;
    margin-bottom: 38px;
}
.bc-tx {
    width: calc(100% - 40px);
}
.bottom-cols.flex a {
    color: #000;
}
.bottom-cols.flex a:hover {
    color: #357af7;
}
.bottom-cols ul li {
    padding-bottom: 10px;
}
.bc-item.flex.first {
    padding-top: 40px;
}
.socs.flex {
    align-items: center;
    padding-top: 70px;
}
.b-payments.flex img {
    margin-right: 20px;
}
.b-payments.flex {
    padding-top: 40px;
}
.socs.flex {
    padding: 70px 0 0 40px;
}
.socs.flex a {
    align-items: center;
    justify-content: center;
    width: 50px;
    height: 50px;
    margin-right: 20px;
    background: #e3e8f2;
    border-radius: 10px;
}
.bld {
    font-weight: 700;
}
.payment-step li::marker {
    color: #c6281b;
    font-weight: 700;
}
.payment-form {
    background: #fff;
    padding: 40px;
    border-radius: 20px;
    width: 40%;
}
.payment-logo.flex {
    padding: 40px 0;
}
.payment-step {
    width: 50%;
    display: flex;
    align-items: center;
}
.payment-logo.flex img {
    margin-right: 30px;
}
.wrap.flex {
    justify-content: space-between;
}
.payment-step  ol {
    list-style: decimal;
    padding-top: 50px;
}
.bl-title.al-left {
    text-align: left;
}
.payment-step li {
    padding-bottom: 30px;
}
.contacts .left-block ul li span:hover,.review .review-desc a:hover{
    color:#df2703
}
.contacts,.have-ques{
    width:100%;
}
.have-ques{
    padding:35px 0;
    background-color:#e1e1e1
}
.have-ques .left-block{
    width:410px;
    float:left;
    text-transform:uppercase;
    text-align:right;
    font-size:40px;
    
    padding-right:40px;
    padding-top:11px
}
.have-ques .right-block{
    float:left;
    width:385px
}
.have-ques .right-block .link-btn{
    width:100%;
    height:57px;
    font-size:32px;
    border-bottom:5px solid #aa1e02;
    -webkit-border-radius:8px;
    -moz-border-radius:8px;
    border-radius:8px;
    padding-top:13px
}
.contacts {
    padding: 100px 0 40px;
    background: #fff;
}
.contacts .left-block{
    float:left;
    width:265px
}
.contacts .left-block ul li{
    margin-bottom:25px;
    font-size:18px
}
.contacts .left-block ul li span,.review .review-desc a{
    text-decoration:underline;
    color:#10a9f8
}
.contacts .left-block ul li,.contacts .right-block,footer{
    
}
.contacts .right-block{
    float:right;
    padding-left:120px;
    font-size:18px
}
.contacts .right-block ul li{
    margin-bottom:15px;
    color:#213c51
}
#cities .city-list a,#express ul span,#post ul span,.contacts .right-block ul li span{
    color:#000
}
.contacts .right-block table{
    margin-top:30px
}
.contacts .right-block table td{
    padding-right:35px;
    vertical-align:middle
}
footer {
    width: 100%;
    font-size: 14px;
    background: #fff;
    padding-bottom: 5px;
}
.air-img,.boat-img,.snow-img{
    position:absolute;
    bottom:45px;
    z-index:1;
    left:-70px
}
.boat-img,.snow-img{
    bottom:20px;
    left:-190px
}
.boat-img{
    z-index:3;
    left:-160px
}
.fon-img{
    position:absolute;
    width:100%;
    height:461px;
    display:block;
    top:0;
    z-index:2;
    left:0
}

.info-title{
    width:100%;
    position:absolute;
    text-align:center;
    bottom:20px;
    font-size:28px;
    
    color:#292929;
    line-height:34px
}
.avto-img{
    width:488px;
    height:304px;
    position:absolute;
    left:0;
    top:275px
}
.move{
    width:100%;
    min-width:980px;
    padding-top:30px;
    background-color:#f8fafa;
    padding-bottom:40px
}
.move .title{
    float:left;
    width:435px;
    text-align:right;
    
}
.move .title p:first-child{
    font-size:28px;
    color:#cc0606
}
.move .title p:last-child{
    font-size:22px;
    color:#0e0d0d
}
.move .select-block{
    float:left;
    margin-left:20px;
    padding-top:3px
}
.move .select{
    margin-bottom:30px
}
.move .sec-shag{
    margin-top:45px
}
.move .bot-text,.move .result-text{
    text-align:center;
    font-size:24px;
    
    color:#0e0d0d;
    margin-top:15px
}
.move .bot-text{
    margin-top:50px;
    font-size:18px;
    line-height:21px
}
.move .bot-text .more{
    text-transform:uppercase;
    color:#10a9f8;
    font-size:20px;
    display:inline-block;
    border-bottom:1px solid #10a9f8;
    margin-top:15px
}
.move .bot-text .more:hover{
    color:#df2703;
    border-bottom:1px solid #df2703
}
.result-item.fullhdshit.flex {
    width: 49%;
    margin-bottom: 2%;
}
.prod-left {
    width: 50%;
    position: relative;
    padding-bottom: 100px;
}
.pr-info {
    font-size: 12px;
    position: absolute;
    top: 0;
    padding: 10px;
    background: #edf3fe;
    border-radius: 10px;
    transform: scale(0);
    transform-origin: left top;
    box-shadow: 3px 6px 16px #0000002b;
}
.pr-info>p {
    display: none;
}
.pr-info.active {
    transform: scale(1);
    transition: .3s;
    z-index: 9;
}
.pr-info ul {
    list-style: disc;
    padding-left: 15px;
    margin-top: 10px;
}
.infotoggler {
    width: 25px;
    height: 25px;
    background: #edf3fe;
    top: -10px;
    left: -10px;
    position: absolute;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 50%;
    cursor: pointer;
    font-size: 12px;
    transition: .3s;
    z-index: 9;
}
.infotoggler:hover {
    background: #357af7;
    color:#fff;
}
.result-item:hover .infotoggler {
    animation: pulsed 1s infinite;
}
.result-item:hover .infotoggler.active {
    animation: none;
}
.prod-left img {
    border-radius: 10px;
}
.prod-right {
    width: 50%;
    padding-left: 15px;
    position: relative;
    padding-bottom: 50px;
}
div#res-list {
    justify-content: space-between;
    padding-top: 70px;
    overflow: hidden;
}
.container .result-view h3 {
    font-size: 20px;
    line-height: 1.2;
    font-weight: 700;
    padding-bottom: 15px;
}
.prod-title a {
    color: #000;
}
.result-item,.result-item-ind{
    position:relative;
    background-color:#fff;
    padding:15px;
    border-radius: 10px;
    transition: .3s;
}
.result-item:hover, .result-item-ind:hover {
    box-shadow: 3px 6px 16px #0000002b;
}

.result-item header,.result-item-ind header{
    font-size:32px
}
.result-item .item-img{
    width:412px;
    height:210px;
    text-align:center
}
.result-item .item-table{
    width:412px;
    height:210px;
    display:table-cell;
    vertical-align:middle
}
.result-item .item-desc{
    font-size:14px;
    
    color:#0e0d0d;
    line-height:16px
}
.result-item .price, .discount {
    font-size: 22px;
    color: #c6281b;
    font-weight: 700;
}
.result-item.with-details .price{
    float:right
}
.drop li,.result-item-ind .price span{
    font-size:35px;
    color:#000
}
.result-item .link-btn.get-product-link{
    float:right
}
.result-item .link-btn.get-product-details{
    float:left;
    background:#2979ff;
    border-bottom:5px solid #1f5cc2
}
.result-item .link-btn.get-product-details:hover{
    border-bottom:3px solid #1f5cc2
}
.result-item-ind .link-btn.get-product-link{
    float:right
}
.result-item-ind .link-btn.get-product-details{
    float:left;
    background:#2979ff;
    border-bottom:5px solid #1f5cc2
}
.result-item-ind .link-btn.get-product-details:hover{
    border-bottom:3px solid #1f5cc2
}
.result-item-ind .link-btn.get-product-link:hover{
    border-bottom:3px solid #aa1e02
}
.result-item .total {
    padding-top: 20px;
    justify-content: space-between;
    position: absolute;
    bottom: 0;
    left: 0;
    padding-left: 15px;
    width: 100%;
    align-items: center;
}
a.link-btn.get-product-details1 {
    background: #357af7;
}
.result-item-ind .item-img{
    width:412px;
    height:210px;
    text-align:center
}
.result-item-ind .item-table{
    width:412px;
    height:210px;
    display:table-cell;
    vertical-align:middle
}
.result-item-ind .item-desc{
    font-size:14px;
    
    color:#0e0d0d;
    line-height:16px
}
.result-item-ind .price{
    float:right;
    color:#373737;
    font-size:21px;
    
    padding-top:15px
}
.result-item-ind .price .rub{
    font-size:28px
}
.result-item-ind .link-btn{
    float:right;
    display:block;
    width:200px;
    height:55px;
    font-size:32px;
    padding-top:13px;
    border-bottom:5px solid #aa1e02;
    -webkit-border-radius:8px;
    -moz-border-radius:8px;
    border-radius:8px
}
.result-item-ind .total{
    position:relative;
    width:98%;
    margin:15px 0
}
.result-item .item-img img,.result-item-ind .item-img img{
    height:165px
}
.drop,.slct{
    width:260px;
}
* {
    outline:none;
}
.slct {
    color: #000;
    font-size: 16px;
    overflow: hidden;
    white-space: nowrap;
    border-radius: 5px;
    padding: 10px 40px 10px 20px;
    display: block;
    font-weight: 700;
}
.select {
    border: 1px solid #357af7;
    border-radius: 5px;
    height: 42px;
    padding: 0 30px 0 0;
    margin-right: 10px;
}
#gruz, #complete {
    display: none;
}
input#vibros::placeholder, input#vibros1::placeholder {
    color: #000;
}
.form.avto-form {
    padding: 100px 0;
    background: #fff url(/images/fbg2.jpg) center no-repeat;
    background-size: cover;
}
.fltr-wrap.flex {
    justify-content: center;
    padding: 70px 0 0;
}
ul#iskatmark, ul#iskatmark1 {
    width: 100%;
}
p.ongruz {
    width: 42px;
    height: 42px;
    border-radius: 50%;
    overflow: hidden;
    padding: 10px;
    opacity: .6;
}
div#complete p {
    padding: 11px;
}
div#refrato button {
    height: 42px;
    width: 42px;
    border-radius: 5px;
    border: none;
    background: #357af7;
    color: #fff;
    cursor: pointer;
}
.select i {
    display: inline-block;
    position: absolute;
    top: 14px;
    right: 7px;
    z-index: 2;
    cursor: pointer;
}
.select {
    position: relative;
}
.select input {
    border: none;
    background: transparent;
    font-size: 16px;
    color: #000;
    font-weight: 700;
    cursor: pointer;
}
.select input:focus {
    border: none;
}
input#vibros {
    border: none;
    background: transparent;
}
.drop{
    margin:0;
    border-top:none;
    display:none;
    position:absolute;
    background:#fff;
    padding:5px 15px;
    z-index:3
}
.drop li{
    list-style:none;
    border-top:1px solid #c7c0b0;
    cursor:pointer;
    display:block;
    
    font-size:17px;
    padding-top:7px;
    padding-bottom:7px
}
.drop li:first-child{
    border-top:0
}
.drop li:hover{
    color:#10a9f8
}
.filter{
    width:100%;
    padding-bottom:90px
}
.filter header.clearfix{
    width:570px;
    margin:auto
}
.filter header.clearfix .select,.filter header.clearfix .yel-arrow{
    float:left
}
.filter header.clearfix .yel-arrow{
    margin:0 15px;
    padding-top:5px
}
.avto-form{
    background-image:none
}
.avto-form .left-block{
    position:relative
}
.avto-form .title{
    
    line-height:47px
}
.avto-form .p1{
    color:#080808;
    font-size:45px
}
.avto-form .p2{
    color:#404040;
    font-size:36px
}
.avto-form .p3{
    color:#df2703;
    font-size:36px
}
.avto-form .box-img{
    position:absolute;
    width:294px;
    height:241px;
    right:0;
    margin-top:-25px
}
.avto-review{
    background-color:#f8fafa
}

.kvadr-img,.moto-img{
    position:absolute;
    width:817px;
    height:434px;
    left:0;
    bottom:0
}
.kvadr-img{
    width:747px;
    height:468px;
    left:-110px;
    bottom:30px
}
.filter .h3{
    text-align:center;
    text-transform:uppercase;
    
    font-size:49px;
    margin-bottom:50px;
    margin-top:15px
}
.gydro-img,.other-img{
    width:1018px;
    height:583px;
    position:absolute;
    left:-240px;
    bottom:45px
}
.other-img{
    width:908px;
    height:632px;
    left:0;
    bottom:0
}
.other-header{
    background:url(../images/other.jpg) no-repeat;
    background-size:cover;
    background-position:-20px
}
.other-form{
    background-image:none!important;
    background-color:#f8fafa!important
}
.hranitel-img{
    position:absolute;
    left:-15px;
    bottom:17px
}
.other-form .left-block .text:after{
    margin-top:60px
}
.color-form{
    background-color:transparent
}
.pay-icon{
    display:block;
    cursor:default;
    -webkit-transition:.2s all linear;
    -moz-transition:.2s all linear;
    transition:.2s all linear
}
.visa-con{
    background:url(../images/visa.png);
    width:45px;
    height:16px
}
.visa-con:hover{
    background:url(../images/visa-h.png)
}
.mc-icon{
    background:url(../images/mastercard.png);
    width:31px;
    height:19px
}
.mc-icon:hover{
    background:url(../images/mastercard-h.png)
}
.sber-icon{
    background:url(../images/sber.png);
    width:22px;
    height:21px
}
.sber-icon:hover{
    background:url(../images/sber-h.png)
}
.forma-icon{
    background:url(../images/forma.png);
    width:21px;
    height:20px
}
.forma-icon:hover{
    background:url(../images/forma-h.png)
}
.form-mask{
    position:fixed;
    width:100%;
    height:100%;
    left:0;
    top:0;
    bottom:0;
    background:rgba(0,0,0,.6);
    z-index:20;
    display:none;
    overflow:auto
}
.modal {
    position: absolute;
    left: 50%;
    top: 20%;
    z-index: 21;
    -moz-background-clip: content;
    -webkit-background-clip: content;
    background-clip: content-box;
    display: none;
}
.modal .s-title {
    text-align: center;
    font-size: 16px;
    line-height: 18px;
    padding-top: 15px;
}
.modal .link-btn{
    border: 0;
    outline: 0;
    cursor: pointer;
    padding: 10px 30px;
    margin: 25px auto 0;
    border-radius: 30px;
    background: #c6281b;
}
.modal .link-btn:hover {
    opacity: .7;
}
.modal form{
    margin-top:35px
}
.modal .right-block{
    float:left;
    width:280px
}
#cities{
    margin-left:-325px;
    position:fixed!important;
    top:50%;
    margin-top:-329px
}
#cities .city-list{
    margin-top:25px;
    line-height:16px
}
#cities .city-list a:hover{
    text-decoration:underline;
    color:#006291
}
#cities .modal-block{
    width:510px;
    margin:auto;
    padding-bottom:20px;
    padding-top:40px
}
.city-list>li{
    float:left;
    width:33.3%;
    font-size:14px
}
.choose-link{
    margin-top:30px;
    text-align:center
}
.choose-link a,.city-list>li,.input-block p{
    
}
.choose-link a{
    display:inline-block;
    text-transform:uppercase;
    font-size:15px
}
.determine{
    color:#006291;
    border-bottom:1px dashed #006291;
    margin-right:55px
}
.determine:hover{
    color:#10a9f8;
    border-bottom-color:#10a9f8
}
.close-link{
    color:#c4282a;
    border-bottom:1px dashed #c4282a;
    margin-right:15px
}
.close-link:hover{
    color:#930103;
    border-bottom-color:#930103
}
.close-btn{
    position:absolute;
    width:36px;
    height:36px;
    background:url(../images/close.png);
    right:-45px;
    top:-5px;
    cursor:pointer
}
.input-block{
    margin-bottom:20px
}
.input-block input[type=email], .input-block input[type=text] {
    width: 100%;
    border: none;
    border-bottom: 1px solid #ccc;
    outline: 0;
    background-color: transparent;
    height: 40px;
    color: #000;
    -webkit-transition: .2s all ease-in-out;
    -moz-transition: .2s all ease-in-out;
    transition: .2s all ease-in-out;
}
.input-block input[type=email]:focus,.input-block input[type=text]:focus,.input-block textarea:focus{
    border-bottom:1px solid #357af7;
}
.input-block textarea{
    width:100%;
    resize:none;
    border:1px solid #dfdfdf;
    outline:0;
    background-color:#f5f5f5;
    
    padding-left:20px;
    -webkit-transition:.2s all ease-in-out;
    -moz-transition:.2s all ease-in-out;
    transition:.2s all ease-in-out;
    padding-top:10px;
    font-size:14px;
    color:#000;
    height:150px
}
.tel-block input[type="text"].in-1{
    width:20%;
}
.tel-block input[type="text"].in-2{
    width:30%;
}
.tel-block input[type="text"].in-3{
    width:50%;
}
#get-call fieldset,#get-product fieldset{
    width:373px;
    margin:auto
}
.modal {
    transform: translateX(-50%);
    max-width: 495px;
}
.modal-block{
    padding:40px 40px 15px
}
#get-details{
    top:10%;
    width:972px;
    left:50%;
    right:50%;
    margin-left:-486px;
    margin-bottom:20px;
    position:absolute
}
#get-details .title{
    text-align:left;
    font-size:40px;
    margin-top:19px
}
#get-details .warranty,.usage{
    float:right;
    clear:both;
    margin-right:42px
}
#get-details .warranty{
    margin-top:6px
}
#get-details .usage{
    margin-top:10px
}
#get-details .price{
    float:left;
    clear:both;
    margin-top:45px
}
#get-details .input-block{
    width:370px
}
#get-details input.in-3{
    width:207px!important
}
#get-details .price-text{
    
    color:#404040;
    font-size:21px
}
#get-details .price-value{
    font-family:'BebasNeueRegular';
    font-size:35px
}
#get-details .warranty-text,.usage-text{
    margin-right:25px;
    
    color:#404040;
    font-size:18px
}
#get-details .item-img{
    text-align:center;
    display:block;
    margin-top:100px;
    width:540px
}
#get-details .desc-header{
    text-align:left;
    text-transform:uppercase;
    
    font-size:25px;
    margin-top:40px
}
#get-details .description{
    font-size:16px;
    
    line-height:18px;
    margin-top:25px;
    margin-right:10px
}
#get-details .parameters{
    font-size:16px;
    
    background:#f5f5f5;
    padding:45px 20px 40px 25px;
    margin-top:30px
}
#get-details form{
    padding-right:30px
}
#get-details form .link-btn{
    margin-top:20px
}
#get-details .parameters-title{
    font-family:'BebasNeueRegular';
    font-size:26px;
    text-transform:uppercase
}
#get-details .s-title{
    font-size:14px
}
#get-details .parameter{
    margin-top:26px;
    text-align:right;
    text-transform:uppercase
}
#get-details .parameter-text{
    margin-right:12px;
    font-size:14px;
    text-align:left
}
#get-details .close-details-link{
    clear:both;
    width:100px;
    background-color:#616161;
    border-bottom:3px solid #4a4a4a;
    -webkit-border-radius:6px;
    -moz-border-radius:6px;
    border-radius:6px;
    text-align:center;
    text-transform:uppercase;
    color:#fff;
    
    height:35px;
    display:block;
    margin-left:auto;
    font-size:23px;
    line-height:35px;
    margin-right:auto;
    margin-top:20px
}
.modal-block {
    background-color: #fff;
    border-radius: 20px;
}
#payment,#pvz{
    width:495px;
    margin-left:-247.5px;
    top:50%;
    margin-top:-298px
}
#payment .modal-block{
    padding:40px
}
#payment td{
    padding:20px 0;
    vertical-align:middle
}
#payment td a{
    margin-left:20px;
    display:inline-block;
    text-transform:uppercase;
    color:#404040;
    
}
#payment .title{
    line-height:40px
}
#pvz{
    width:675px;
    margin-left:-337.5px;
    margin-top:-230.5px
}
#pvz .modal-block{
    padding:40px 40px 40px 30px
}
#post h4,#pvz h4{
    text-transform:uppercase;
    font-size:20px
}
#pvz h4{
    
    margin-bottom:10px
}
.left-img{
    float:left;
    width:312px
}
.info-text{
    margin-top:40px
}
#express,#post,.pvz-list{
    
}
.pvz-list{
    color:#404040;
    font-size:16px;
    line-height:28px;
    padding-top:15px
}
.pvz-list ul{
    list-style:decimal;
    padding-left:20px
}
#delivery,#express,#post{
    width:675px;
    margin-left:-337.5px;
    top:50%;
    margin-top:-232.5px
}
#delivery .title{
    font-size:38px
}
#delivery .modal-block{
    padding:40px 40px 40px 30px
}
#delivery .right-table{
    width:240px;
    height:292px;
    display:table-cell;
    vertical-align:middle;
    font-size:31px;
    
    text-transform:uppercase;
    line-height:40px;
    padding-left:10px
}
#delivery .right-table span{
    color:#006291
}
#express,#post{
    margin-top:-230.5px
}
#post .title{
    font-size:38px
}
#post .modal-block{
    padding:40px 40px 40px 30px
}
#post h4{
    line-height:24px
}
#express ul,#post ul{
    color:#404040;
    font-size:16px;
    line-height:30px
}
#express{
    margin-top:-232.5px
}
#express .title{
    font-size:38px
}
#express .modal-block{
    padding:40px 40px 40px 30px
}
#express ul{
    padding-top:10px
}
#get-ques{
    width:970px;
    margin-left:-485px;
    top:50%;
    margin-top:-249.5px
}
#get-ques fieldset{
    width:810px;
    margin:auto
}
#get-ques .link-btn{
    width:370px;
    margin:auto
}
#get-ques .modal-block{
    padding:40px 30px 10px
}
#get-ques .title{
    font-size:41px
}
.top-input .input-block:first-child{
    width:370px;
    margin-right:30px
}
#privacy{
    width:970px;
    margin-left:-485px;
    top:50%;
    margin-top:-206.5px
}
#privacy .modal-block{
    padding:40px 15px 30px;
    color:#404040;
    
    text-align:justify
}
#privacy .modal-block a{
    color:#0075ab;
    text-decoration:underline
}
#privacy .modal-block a:hover{
    color:red
}
#privacy .title{
    font-size:41px;
    color:#000
}
#privacy .privacy-block{
    margin-top:15px;
    line-height:20px
}

.clear{
    clear:both
}
.error{
    border:1px solid red!important
}
.selectmodels,.selectmodels1{
    pointer-events:none;
    opacity:.5
}
#indiv-title{
    display:none
}
.review-photo{
    max-width:179px;
    float:right;
    margin:5px
}
.review-photo img{
    width:179px;
    height:179px
}
.leftside{
    float:left!important
}
#res-list1,.sec-shag,.third-shag{
    display:none
}
.select-marka,.select-marka-auto,.select-marka1,.select-model,.select-model-auto,.select-model1{
    max-height:220px;
    z-index:10000;
    overflow-y:auto
}
.result-text1{
    font-size:24px;
    
    color:#0e0d0d;
    margin-top:15px;
    display:none
}
@-moz-document url-prefix(){
    body{
        background:#fff;
        position:relative
    }
}
.centered,.result-text1{
    text-align:center
}
.item-desc b{
    font-weight:700
}
.item-desc ul,ol{
    list-style:initial;
    padding-left:20px
}
.item-desc i{
    font-style:italic
}
.discover{
    padding:45px 0 40px;
    background-size:cover
}
.boat .title p.red:nth-child(2){
    position:relative;
    top:-2px
}
.boat .title p.small-text{
    position:relative;
    top:-6px
}
.discover .link-btn{
    display:block;
    width:370px;
    height:55px;
    margin:auto;
    font-size:32px;
    cursor:pointer;
    outline:0;
    border:0;
    border-bottom:5px solid #aa1e02
}
.discover_description{
    font-family:"RopaSansSCProRegular";
    text-align:center;
    font-size:14px;
    margin-top:10px;
    margin-bottom:10px
}
form p {
    font-size: 16px;
}
#thanks,#error_block,.block-title,.modal .title {
    text-align:center;
    font-size: 20px;
    font-weight: 700;
}
.block-title{
    line-height:1.2;
    margin-bottom:20px;
    font-size:41px
}
#thanks, #error_block{
    width:480px;
    height:160px;
    line-height:24px;
    left:50%;
    top:50%;
    margin-top:-80px;
    justify-content:center;
    align-items:center
}
#thanks, #error_block,.modal {
    font-size:24px
}
.top-panel .nav ul.clearfix{
    width:60%;
    margin:0 auto
}
b.plusik{
    border:2px solid #3fb353;
    border-radius:20px;
    padding:5px 13px;
    font-size:25px;
    cursor:pointer;
    color:#fff;
    background:#3fb353
}
#showing,#thanks{
    display:none
}

img {
	display: block;
	max-width: 100%;
}
body {
    font-family: 'Roboto', sans-serif;
    background: #edf3fe;
    padding-top: 100px;
    line-height: 1.3;
}
.logo {
    max-width: 225px;
}
ul.topnav.flex i {
    font-size: 12px;
}
.header {
    position: relative;
}
.condition {
    color: #a5a5a5;
    text-align: left;
    font-size: 12px;
    line-height: 16px;
}
.step-tx a {
    color: #357af7;
    border-bottom: 1px dashed;
}
.condition a {
    border-bottom: 1px dashed;
    color: #a5a5a5;
}
div#oplata-anch {
    position: absolute;
    top: -100px;
}
div#oplata {
    padding-bottom: 70px;
    position: relative;
}
input[type="checkbox"] {
    transform: translateY(2px);
}
.cs-my-modal-block-container {
    padding: 50px 0 20px 20px;
    overflow: auto;
    width: 980px;
    margin: 0 auto;
}
.utp-tx {
    padding-top: 20px;
    line-height: 1.3;
}
.bl-title {
    text-align: center;
    font-size: 32px;
    line-height: 1.3;
}
.bl-title span {
    color: #357af7;
    font-weight: 700;
}
.cs-my-modal-block {
    float: left;
    width: 550px;
}
.utps.flex {
    padding: 60px 40px;
    background: #fff;
    border-radius: 25px;
    margin: 70px 0 100px;
    justify-content: space-between;
}
.modal-block-390 {
    float: right; width: 390px;
}

#paynow-block {

}
.yelow-bl {
    width: 695px;
    float: right;
    display: flex;
    justify-content: flex-start;
}
.ybl-in {
    padding: 15px;
    background: #ffeb00e6;
    font-family: 'RopaSansSCProRegular';
    font-size: 21px;
    font-weight: 700;
    letter-spacing: .05em;
}
.fullhdshit .item-img .badj-hit img {
    position: absolute;
    width: 80px!important;
    height: auto;
    left: 15px;
    top: 15px;
}
.promo-tx {
    text-align: center;
    margin-top: 15px;
    background: #edf3fe;
    padding: 15px 10px;
    border-radius: 10px;
    color: #357af7;
    font-weight: 700;
    font-size: 14px;
}
.price-wrap.flex {
    align-items: flex-end;
    justify-content: space-between;
    line-height: 1;
    padding: 20px 0;
}
p.usual-price {
    padding: 0 10px;
    text-decoration: line-through;
}
a.link-btn.get-product-details.hid {
    display: none;
}
.det-promo-tx {
	text-align: center;
    margin-bottom: 15px;
    background: #eee;
    padding: 10px;
    border-radius: 15px;
    color: #ff0000;
    letter-spacing: .05em;
    font-weight: 700;
    font-family: 'RopaSansSCProRegular';
}
.prod-left .dolymi.cat {
    text-align: center;
    font-size: 14px;
    position: absolute;
    bottom: 0;
    margin: 0 auto;
    width: 100%;
}
.dolymi.cat img {
    margin: 15px auto 0;
}
.item-img {
    position: relative;
}
#paynow-block .pnleft {
    width: 50%;
    float: left;
}

#paynow-block .pnright {
    width: 50%;
    float: left;
}

.detali-oplat {
    margin-top: 0 !important;
}

.oplata-online {
    margin-top: 0 !important;
}

.oplata-online input[type=text],
.oplata-online textarea {
    width: 100% !important;
}

.mir-icon{background:url(/images/mir.png);width: 55px;height: 16px;opacity: 0.5}
.mir-icon:hover{opacity: 1}
.rbru__ps-logo-container{
	margin-top: 10px;
}
.header-block .right-block .tel a{
	color: #000;
}
.flex {
	display: flex;
	flex-wrap: wrap;
}
section#top {
    position: fixed;
    top: 0;
    right: 0;
    width: 100%;
    z-index: 999;
    background: #edf3fe;
    padding:10px 0;
}
section#top.fixed {
    box-shadow: 0px 0px 10px #00000026;
}
.container{
    max-width:1460px;
    margin:auto;
    position:relative
}
.top-panel.flex {
    align-items: center;
    justify-content: space-between;
}
ul.topnav.flex>li>a {
    padding: 5px 10px;
    margin: 0 10px;
    color: #000;
}
ul.topnav.flex>li>a:hover {
    color: #357af7;
}
.row {
    padding: 0 15px;
}
.to-top a {
    position: fixed;
    bottom: 150px;
    right: 0;
    z-index: 999;
    border: 1px solid;
    color: #357af7;
    padding: 5px 15px 7px;
    transform: rotate(270deg);
    border-radius: 10px;
}
.to-top {
    display: none;
}
.btn-blue a {
    padding: 5px 15px;
    background: #357af7;
    border-radius: 30px;
    color: #fff;
}
.btn-blue a:hover {
    opacity: .7;
}
ul.topnav.flex li {
    position: relative;
}
a.cat-nav {
    background: #eee;
    border-radius: 30px;
}
ul.topnav.flex>li>a.cat-nav {
    color: #357af7;
}
ul.dropdown {
    position: absolute;
    padding-top: 15px;
    transform: scale(0) translateY(30px);
    transform-origin: left top;
    opacity: 0;
}
ul.topnav.flex li:hover ul.dropdown {
    transform: scale(1) translateY(0);
    opacity: 1;
    transition: .3s;
}
.drop-inner {
    background: #fff;
    width: 400px;
    padding: 40px;
    border-radius: 15px;
    box-shadow: 0px 0px 10px #00000026;
}
.drop-inner a {
    color:#000;
}
.drop-inner a:hover {
    color:#357af7;
}
.drop-inner li {
    padding: 10px 0;
}
a.get-call-link {
    color: #357af7;
    font-size: 12px;
    text-align: right;
    display: block;
    padding-top: 5px;
}
img.head {
    border-radius: 15px;
}
.tel a {
    font-size: 20px;
    color: #000;
    font-weight: 700;
}
.head-wrap {
    position: absolute;
    top: 0;
    right: 0;
    width: 100%;
    height: 100%;
    color: #fff;
    justify-content: center;
    align-items: center;
}
.head-in h1 {
    font-size: 46px;
    line-height: 1.2;
    text-align: center;
    padding-bottom: 30px;
    font-weight: 700;
}
.ics.flex {
    justify-content: center;
    padding-bottom: 50px;
}
.ics img {
    margin:0 20px;
}
ul.ul li:before {
    content: "-";
    padding: 0 5px;
    position: absolute;
    left:0;
}
ul.ul li {
    padding-bottom: 10px;
    position: relative;
    padding-left: 20px;
}
ul.ul {
    padding-left: 20px;
}
.btn a {
    padding: 10px 30px;
    border-radius: 30px;
    display: inline-block;
    color:#fff;
}
.btn a:hover {
    opacity: .7;
}
.header .btn a {
    margin:0 15px;
}
.btn.red a {
    background: #c6281b;
}
.btn.blue a {
    background: #357af7;
}
.btns.flex {
    padding-top: 50px;
    justify-content: center;
}
@media screen and (max-width:767px){
.sf-left {
    display: none;
}
div#get-discount {
    width: 90%;
    max-width: 328px;
}
.newswrap {
    grid-template-columns: 1fr;
    gap: 30px;
    padding: 50px 0;
}
.cookie-warn.flex {
    flex-wrap: wrap;
    justify-content: flex-end;
    bottom: 60px;
}
.cookie-tx {
    padding-right: 0;
}
.cookie-btn {
    margin-top: 20px;
}
.tbl-wr {
    overflow-x: auto;
}
.art-title h1 {
    font-size: 20px;
    text-align: center;
    padding-bottom: 10px;
}
.news-detail-art img {
    margin: 30px 0;
    border-radius: 20px;
}
.container .news-detail-art h3 {
    padding: 20px 0 10px;
    font-size: 18px;
}
p.back-to-all {
    font-size: 12px;
    padding: 10px;
}
.nw-title {
    font-size: 16px;
}

.promo-wrap.flex {
    justify-content: center;
    background: #fff;
    border-radius: 20px;
    padding: 30px;
    margin-bottom: 50px;
    text-align: center;
}
.promo-title {
    font-size: 22px;
}
.promo-c, .promo-r {
    margin-top: 20px;
}



.btn-blue a {
    padding: 5px 8px;
}
.map-left {
    width: 100%;
    padding-right: 0px;
}
a.get-call-link {
    display: none;
}
.map-right {
    width: 100%;
}
.cb-row.first {
    font-size: 16px;
}
.cb-row.col-3 {
    width: 100%;
}
.cb-row.col-1 {
    width: 100%;
}
.cb-items.col-3.flex span {
    width: 50%;
}
.cont-block.col-2.flex {
    width: 100%;
    margin-bottom: 40px;
}
.cb-left {
    width: 40px;
    padding-top: 20px;
}


.testileft {
    width: 100%;
}
.testiright {
    width: 100%;
}
.tt-title {
    font-size: 24px;
    padding-bottom: 20px;
}
.testiright {
    padding-left: 0;
    padding-top: 20px;
}
.ttab-nav a {
    display: inline-block;
    padding: 2px;
}
.tti-in .testi {
    width: 100%;
}


body {
    font-size: 14px;
}
.about-left {
    width: 100%;
}
.about-right {
    width: 100%;
}
.about.flex {
    justify-content: space-between;
    padding: 30px 0;
    align-items: center;
    flex-direction: column-reverse;
}
video.video-head {
    width: auto;
    left: 50%;
    top: 0;
    height: 100%;
    transform: translateX(-50%);
}
ul.dropdown.cat-ul {
    position: relative;
    padding: 0 10px;
    transform: scale(1) translateY(0px);
    opacity: 1;
}
.point-in {
    width: 20px;
    height: 20px;
    font-size: 17px;
}
.btn-show span {
    cursor: pointer;
    font-size: 12px;
}
.description {
    position: relative;
    height: 300px;
    overflow: hidden;
    transition: .3s;
}
.prod-desc .btn-show {
    padding-top: 0;
    text-align: left;
    color: #357af7;
}
.description .gradient {
    display: block;
}
div#point-info {
    width: 70%;
    padding: 10px;
    border-radius: 10px;
    background: #fff;
    position: relative;
    margin-bottom: 24px;
    align-items: center;
    transform: scale(0) rotate(45deg);
    transform-origin: right bottom;
}
.brand-tx {
    font-size: 14px;
    width: 65%;
}
.brand-img {
    padding: 5px;
}
div#point-info.active {
    transition: .3s;
    transform: scale(1) rotate(0);
}
div#point-info:before {
    content: "";
    position: absolute;
    border-right: 20px solid #fff;
    border-bottom: 26px solid transparent;
    bottom: -25px;
    right: 30%;
}
.point-img {
    width: 30%;
}
.point-tx {
    width: 70%;
}
.point:hover .point-desc {
    transform: rotate(45deg) scale(0);
}
.point-in {
    animation: pulsed 1s infinite;
}
.point.active .point-in {
    animation: none;
}
.point.active .point-in {
    background: #c6281b;
}
.payment-form {
    width: 100%;
}
.payment-step {
    width: 100%;
}
.wrap.flex {
    flex-direction: column-reverse;
}
#get-call, #get-product, div#order-product, #order-tent {
    width: 90%;
    transform: translateX(-50%) translateY(-50%);
    top: 50%;
    left: 50%;
    margin-left: 0;
    margin-top: 0;
}
.form-mask {
    z-index: 999;
}
.modal .s-title {
    display: none;
}
#thanks, #error_block, .block-title, .modal .title {
    line-height: 1.1;
    font-size: 16px;
}
#get-call fieldset, #get-product fieldset {
    width: 100%;
}
.close-btn {
    position: absolute;
    width: 20px;
    height: 20px;
    background: url(../images/close.svg) center no-repeat;
    right: 7px;
    top: 7px;
    cursor: pointer;
    background-size: 15px;
}
.modal form {
    margin-top: 0;
}
.not-home .sl-left {
    width: 100%;
}
.not-home .head-wrap {
    position: static;
}
.not-home .sl-left {
    position: absolute;
    top: 0;
    left: 0;
    padding: 0 20px;
}
.sl-right {
    width: 100%;
    color: #000;
    margin-top: -20px;
}
.sl-right form {
    background: #fff;
    padding: 40px 30px 20px;
    border-radius: 0;
}
.result-item.fullhdshit.flex {
    width: 100%;
}
.prod-left, .prod-right {
    width: 100%;
}
h1.sl-title {
    font-size: 22px;
    padding: 30px 0;
}
.sl-cat-wrap.flex {
    padding: 0;
}
.prod-right {
    padding-left: 0;
}
.drop-inner {
    font-size: 16px;
    line-height: 1.1;
}
.drop-inner li {
    padding: 10px 0;
    border-bottom: 1px solid #eee;
    font-size: 12px;
}
.dolymi-tx {
    font-size: 12px;
}
.dolymi.cat img {
    margin: 10px auto 10px;
    width: 180px;
}
.prod-right .s-chars {
    font-size: 12px;
    width: fit-content;
    margin: 0 auto;
    display: none;
}
.promo-tx {
    padding: 10px;
    font-size: 12px;
}
.result-item .total {
    padding-left: 0;
}
.result-item .price, .discount {
    font-size: 18px;
}
.result-view h3 {
    font-size: 16px;
    line-height: 1.2;
    font-weight: 700;
    text-align: center;
    padding-bottom: 0;
}
.prod-left .dolymi.cat {
    bottom: 5px;
}
.prod-title {
    padding-top: 10px;
}
.prod-left {
    padding-bottom: 70px;
    background: #edf3fe;
    border-radius: 15px;
}
.result-item.fullhdshit.flex {
    margin-bottom: 4%;
}
.select input {
    font-size: 12px;
}
.slct {
    color: #000;
    font-size: 12px;
    overflow: hidden;
    padding: 10px 15px;
}
.select {
    height: 37px;
    margin: 0 10px 10px 0;
}
div#refrato button {
    height: 37px;
    width: 37px;
}
.form.avto-form {
    padding: 40px 0;
}
.result-item .item-desc {
    font-size: 12px;
    padding-top: 10px;
}
.avto-form .title {
    line-height: inherit;
}
.avto-form .title br {
    display: none;
}
div#res-list {
    padding-top: 20px;
}
.fltr-wrap.flex {
    justify-content: flex-start;
    padding: 30px 0 0;
}
.prod-det-left {
    width: 100%;
}
.prod-det-right {
    width: 100%;
    padding-left: 0;
}
.prod-det-top.flex {
    padding-top: 30px;
}
.prod-det-right .dolymi.cat {
    display: flex;
    padding: 15px;
    margin-top: 20px;
    flex-wrap: wrap;
}
.prod-det-right .dolymi-tx {
    text-align: left;
    padding: 10px 0 0;
}
span.price-text {
    font-size: 20px;
}
.chars-left {
    width: 45%;
}
.chars-right {
    width: 50%;
}
.prod-chars.flex {
    font-size: 12px;
}
.parameters {
    padding: 15px;
    min-width: 100%;
    margin-top: 20px;
}
span.parameter-text {
    width: 46%;
}
.stars-wrap.flex {
    width: 54%;
}
.brand.flex {
    width: 50%;
}
.stars-wrap.flex {
    width: 48%;
    justify-content: flex-start;
}
.chars-left:before {
    top: 9px;
}
.chars-det.flex {
    justify-content: space-between;
}
.prod-chars-left {
    width: 100%;
}
.title h1 {
    font-size: 18px;
}
.navik {
    padding: 0 15px;
}
ul.topnav.flex {
    font-size: 16px;
}
.m-nav {
    display: block;
}
.m-nav-wr {
    position: fixed;
    top: 69px;
    left: 0;
    width: 100%;
    display: none;
}
.drop-inner {
    width: 100%;
    box-shadow: none;
    padding: 15px;
    display: none;
}
.btn-cat-toggler {
    background: #357af7;
    padding: 5px 15px;
    border-radius: 30px;
    color: #fff;
}
.yelow-bl {
    width: auto;
}
.frw-left, .frw-right {
    width: 100%;
}
.frw-item.flex {
    width: 70%;
    margin-bottom: 20px;
}
h3.title {
    font-size: 22px;
    padding-bottom: 20px;
}
.defender {
    padding: 40px 0;
}
.bl-title {
    font-size: 22px;
}
.frw-wrap.flex {
    padding-top: 40px;
}
.bl-title br {
    display: none;
}
.step.flex {
    padding: 15px;
    width: 100%;
}
.step-num {
    width: 40px;
}
.step-title {
    padding: 15px 0;
}
ul.ul li {
    padding-left: 13px;
}
.bottom-col {
    width: 48%;
}
.b-payments.flex {
    flex-wrap: nowrap;
}
.bc-item.flex {
    font-size: 14px;
    margin-bottom: 20px;
}
.socs.flex {
    padding: 20px 0 0 0;
}
.choose .choose-block {
    width: 48%;
    padding-top: 30px;
}
.cat-title {
    left: 10px;
    top: 10px;
    font-size: 14px;
    line-height: 1.2;
}
.cat-rmore {
    bottom: 10px;
    left: 10px;
}
.choose-img {
    transform: translateX(0);
}
.choose-img img {
    max-width: 120%;
    margin-left: -19%;
}
.left-block {
    padding-bottom: 15px;
}
section#top {
    border-radius: 0 0 20px 20px;
}
footer {
    font-size: 12px;
}
.bottom-right .bottom-title {
    font-size: 22px;
}
.bottom-right {
    width: 100%;
    padding-top: 40px;
}
.bottom-col:nth-child(3){
    text-align: right;
}
.bottom-col:nth-child(2) {
    display: none;
}
.bottom-title {
    font-size: 16px;
    padding: 0;
    width:calc(100% - 85px);
    padding-left:15px;
}
.form.btm {
    padding: 40px 0;
}
.contacts {
    padding: 40px 0;
    background: #fff;
}
.bottom-left, .bottom-left {
    width: 100%;
}
.frw-in.flex {
    justify-content: center;
}
.testi-wrap.owl-carousel.owl-loaded.owl-drag {
    padding-top: 30px;
}
.review.mtop {
    padding: 40px 0;
}
.acc-quest {
    font-size: 14px;
}
.accordeon {
    padding-top: 40px;
}
.acc-item {
    padding: 15px 20px;
    margin-bottom: 20px;
    border-radius: 15px;
}
.step-right {
    align-items: flex-end;
    justify-content: center;
}
.step-tx {
    padding-right: 5px;
}
div#sewing {
    margin-top: 40px;
}
.lblock-tx {
    padding-top: 0;
}
.form {
    padding: 40px 0;
}
.choose-cont.flex {
    padding: 40px 0;
}
.utp {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 15px;
}
.utp-tx {
    padding-top: 0;
    width: calc(100% - 60px);
}
.utps.flex {
    padding: 30px 30px 10px;
    margin: 50px 0;
}
.form-bl-wrap.flex {
    padding: 0;
}
.form .left-block {
    width: 100%;
}
nav.nav.topnav-wr {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    background: #fff;
    transform: translateX(100%);
    transition: .3s;
    height: 100svh;
}
nav.nav.topnav-wr.active {
    transform: translateX(0%);
}
ul.topnav.flex {
    padding: 30px 15px;
}
.logo img {
    display: none;
}
.logo img.m-logo {
    display: inline-block;
}
.logo {
    width: 60px;
}
.tel a {
    font-size: 14px;
}
a.get-call-link {
    padding-top: 0;
}
.row {
    padding: 0 10px;
}
section#top {
    padding: 5px 0 0;
}
.nav-toggler.mobile {
    display: block;
}
.nav-toggler {
    position: relative;
    width: 25px;
    height: 18px;
    cursor: pointer;
}
.nav-toggler span {
    display: block;
    width: 100%;
    height: 2px;
    background: #357af7;
    position: absolute;
    transition: .3s;
}
span.tog-top, span.tog-bottom {
    transform-origin: left center;
}
span.tog-center {
    top: calc(50% - 1px);
}
span.tog-bottom {
    bottom: 0;
    width: 70%;
}
.active span.tog-top {
    transform: rotate(40deg);
}
.nav-toggler.active span.tog-center {
    width: 0px;
}
.active span.tog-bottom {
    transform: rotate(-40deg);
    width: 100%;
}
ul.topnav.flex li {
    width: 100%;
}
ul.topnav.flex>li>a {
    padding: 5px 10px 4px;
    display: inline-block;
}
body {
    padding-top: 75px;
}
img.head {
    border-radius: 15px;
    width: 220%;
    max-width: initial;
    transform: translateX(-25%);
}
.header {
    overflow: hidden;
    border-radius: 15px;
}
.head-in h1 {
    font-size: 20px;
    padding: 20px 0;
}
.ics img {
    margin: 0 2%;
    width: 10%;
}
.ul-wr.flex {
    font-size: 12px;
}
ul.ul li {
    padding-bottom: 5px;
}
.ics.flex {
    padding-bottom: 20px;
}
.btns.flex {
    padding-top: 20px;
}
.btn a {
    padding: 7px 15px;
}
.to-top {
    display: none!important;
}
}

@media screen and (max-width:320px){
a.get-tent {
    font-size: 12px;
}
.logo {
    width: 46px;
}
.tel a {
    font-size: 12px;
}
}