@font-face {
    font-family: Lato;
    src: local('Lato Semibold'), local('Lato-Semibold'), url(../fonts/subset-Lato-Semibold.woff2) format('woff2'), url(../fonts/subset-Lato-Semibold.woff) format('woff');
    font-weight: 600;
    font-style: normal
}

@font-face {
    font-family: Lato;
    src: local('Lato Regular'), local('Lato-Regular'), url(../fonts/subset-Lato-Regular.woff2) format('woff2'), url(../fonts/subset-Lato-Regular.woff) format('woff');
    font-weight: 400;
    font-style: normal
}

@font-face {
    font-family: Lato;
    src: local('Lato Bold'), local('Lato-Bold'), url(../fonts/subset-Lato-Bold.woff2) format('woff2'), url(../fonts/subset-Lato-Bold.woff) format('woff');
    font-weight: 700;
    font-style: normal
}

@font-face {
    font-family: Lato;
    src: local('Lato Heavy'), local('Lato-Heavy'), url(../fonts/subset-Lato-Heavy.woff2) format('woff2'), url(../fonts/subset-Lato-Heavy.woff) format('woff');
    font-weight: 900;
    font-style: normal
}

html * {
    max-height: 1000000px
}

html {
    -moz-text-size-adjust: : none;
    -webkit-text-size-adjust: none;
    -ms-text-size-adjust: none;
    height: 100%
}

* {
    -moz-text-size-adjust: : none;
    -webkit-text-size-adjust: none;
    -ms-text-size-adjust: none
}

body {
    font-family: Lato, arial, sans-serif;
    margin: 0;
    padding: 0;
    color: #000;
    font-weight: 400;
    min-width: 280px;
    background: #fff;
    font-size: 16px;
    -moz-text-size-adjust: none;
    -webkit-text-size-adjust: none;
    -ms-text-size-adjust: none;
    line-height: initial;
    height: 100%
}

.preload * {
    -webkit-transition: none !important;
    -moz-transition: none !important;
    -ms-transition: none !important;
    -o-transition: none !important
}

ul {
    padding: 0
}

li,
ul {
    list-style: none
}

.popup input,
.popup select,
.popup textarea,
main input,
main select,
main textarea {
    position: relative;
    outline: 0;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -webkit-appearance: none;
    appearance: none;
    -moz-appearance: none;
    font-family: Lato, arial, sans-serif;
    font-weight: 400;
    font-size: 16px
}

input[type=submit] {
    cursor: pointer
}

a,
div,
section {
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box
}

section {
    overflow: hidden
}

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

h1,
h2,
h3,
h4,
h5,
h6 {
    margin: 0
}

a {
    color: #3595ce;
    font-size: 14px;
    outline: 0;
    text-decoration: none !important
}

img {
    border: none
}

b {
    font-weight: 700
}

strong {
    font-weight: 900
}

::-webkit-input-placeholder {
    color: #000
}

::-moz-placeholder {
    color: #000
}

:-moz-placeholder {
    color: #000
}

:-ms-input-placeholder {
    color: #000
}

:focus::-webkit-input-placeholder {
    color: transparent
}

:focus::-moz-placeholder {
    color: transparent
}

:focus:-moz-placeholder {
    color: transparent
}

:focus:-ms-input-placeholder {
    color: transparent
}

input.error::-webkit-input-placeholder {
    color: #e04a4a
}

input.error::-moz-placeholder {
    color: #e04a4a
}

input.error:-moz-placeholder {
    color: #e04a4a
}

input.error:-ms-input-placeholder {
    color: #e04a4a
}

input.error,
textarea.error {
    border-color: #f03737 !important
}

input.error+label,
textarea.error+label {
    color: #f03737 !important
}

input:active,
textarea:active {
    outline: 0
}

ul {
    margin: 0
}

input::-webkit-inner-spin-button,
input::-webkit-outer-spin-button {
    -webkit-appearance: none;
    margin: 0
}

input[type=number] {
    -moz-appearance: textfield
}

input[type=text].error,
select.error,
textarea.error {
    border-color: #c31e2f
}

input.error+label {
    color: #c31e2f
}

select {
    cursor: pointer;
    border: 2px solid transparent;
    margin: 0 0 17px;
    font-size: 15px;
    color: #2c2b2b;
    font-weight: 400;
    display: block;
    width: 100%;
    padding: 16px 20px;
    background: #efefef url(../images/select.svg) no-repeat calc(100% - 20px) center
}

input[type=email],
input[type=number],
input[type=tel],
input[type=text],
textarea {
    border: 2px solid transparent;
    margin: 0 0 17px;
    font-size: 14px;
    color: #2c2b2b;
    font-weight: 500;
    display: block;
    width: 100%;
    padding: 16px 20px;
    background: #fff
}

textarea {
    resize: none;
    height: 280px
}

input[type=submit]:not(.btn) {
    border: none;
    width: 100%
}

.toggle_mnu {
    width: 40px;
    border: none;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    position: relative;
    padding: 0;
    cursor: pointer;
    background: 0 0;
    box-shadow: none;
    cursor: pointer;
    outline: 0 !important
}

.toggle_mnu span {
    display: block;
    margin: 0 auto
}

.toggle_mnu p {
    color: #fff;
    margin: 0 0 0 10px;
    font-family: Lisa
}

.toggle_mnu .sandwich {
    height: 25px;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
    z-index: 400;
    margin: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}

.toggle_mnu .sw-topper {
    position: relative;
    top: -4px;
    width: 19px;
    height: 2px;
    background: #7f7f7f;
    border: none;
    border-radius: 4px 4px 4px 4px;
    -webkit-transition: -webkit-transform .5s, top .2s;
    transition: transform .5s, top .2s;
    display: block
}

.toggle_mnu .sw-bottom {
    position: relative;
    width: 19px;
    height: 2px;
    top: 0;
    background: #7f7f7f;
    border: none;
    border-radius: 4px 4px 4px 4px;
    -webkit-transition: -webkit-transform .5s, top .2s;
    transition: transform .5s, top .2s;
    -webkit-transition-delay: .2s, 0s;
    transition-delay: .2s, 0s
}

.toggle_mnu .sw-footer {
    position: relative;
    width: 19px;
    height: 2px;
    top: 4px;
    background: #7f7f7f;
    border: none;
    border-radius: 4px 4px 4px 4px;
    -webkit-transition: all .5s;
    transition: all .5s;
    -webkit-transition-delay: .1s;
    transition-delay: .1s
}

.toggle_mnu .sandwich.active .sw-topper {
    top: 3px;
    -webkit-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    transform: rotate(-45deg)
}

.toggle_mnu .sandwich.active .sw-bottom {
    top: 1px;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg)
}

.toggle_mnu .sandwich.active .sw-footer {
    opacity: 0;
    top: 0;
    -webkit-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg)
}

.btn {
    font-family: Lato;
    font-weight: 700;
    font-size: 14px;
    color: #fff;
    text-align: center;
    cursor: pointer;
    width: 100%;
    background: #13130f;
    outline: 0;
    border: 2px solid #13130f;
    padding: 11px 0;
    border-radius: 10px;
    max-width: 180px;
    width: 100%;
    -webkit-transition: .5s all ease;
    -o-transition: .5s all ease;
    transition: .5s all ease;
    display: inline-block
}

.btn:hover {
    background: #fff;
    color: #13130f
}

.container {
    max-width: 1190px;
    margin: 0 auto;
    width: 100%;
    padding-left: 10px;
    padding-right: 10px
}

.page-top {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 50
}

header {
    padding: 20px 0;
    background: #fff
}

header .inner {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

header .mobile-menu {
    display: none
}

header .logo {
    width: 26%
}

header .logo a {
    font-size: 0;
    display: block
}

header .logo img {
    display: block;
    max-width: 100%
}

header .address {
    width: 29%;
    text-align: left
}

header .address p {
    margin: 0;
    font-size: 16px
}

header .phone {
    width: 15%;
    display: flex;
    flex-direction: column;
}

header .phone a {
    font-size: 16px;
    color: #000
}

header .contacts {
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    width: 30%
}

header .contacts .mobile-phones {
    display: none;
}

header .contacts .socials {
    webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    width: 70px
}

header .contacts .socials a {
    display: block;
    width: 30px;
    height: 30px;
    font-size: 0;
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat
}

header .contacts .socials a.whatsapp {
    background-image: url(../images/whatsapp.svg)
}

header .contacts .socials a.viber {
    background-image: url(../images/viber.svg)
}

header .contacts .button {
    max-width: 180px;
    width: 100%
}

.main-menu {
    background: #13130f
}

.main-menu .address,
.main-menu .close,
.main-menu .contacts,
.main-menu .phone {
    display: none
}

.main-menu .menu ul li {
    padding: 16px 0
}

.main-menu .menu ul li.current a {
    border-bottom: 1px solid #fff;
}

.main-menu .menu ul {
    justify-content: space-evenly;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.main-menu .menu ul li a {
    font-size: 16px;
    font-weight: 700;
    color: #fff;
    display: inline-block;
}

body {
    padding: 132px 0 0 0
}

.home-slider {
    margin: 0 0 0
}

.home-slider .swiper-slide {
    height: 270px;
    background-position: center;
    background-size: cover;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.home-slider .swiper-slide .inner {
    width: 100%;
    text-align: center
}

.home-slider .swiper-slide .inner .heading,
.home-slider .swiper-slide .inner h1 {
    color: #fff;
    text-align: center;
    font-size: 30px;
    font-weight: 700
}

.home-slider .swiper-pagination-bullet {
    width: 15px;
    height: 15px;
    background: #fff;
    opacity: 1;
    margin: 0 10px
}

.home-slider .swiper-pagination-bullet-active {
    background: #13130f
}

.calc {
    margin: 0 0 80px
}

.calc h2 {
    font-size: 30px;
    margin: 0 0 50px;
    font-weight: 700;
    padding-left: 5%
}

.calc .form {
    border-radius: 25px;
    padding: 45px 70px 80px 70px;
    background: #f6f6f6
}

.calc .top {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    padding: 0 0 20px;
    margin: 0 0 40px;
    border-bottom: 1px solid #e5e5e5
}

.calc .top .slider {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    width: 70%
}

.calc .top .slider label {
    font-size: 11px;
    font-weight: 500;
    width: 100px
}

#range {
    display: none
}

.calc .top .slider .irs-block {
    width: calc(100% - 300px);
    opacity: 0;
    -webkit-transition: .5s all ease;
    -o-transition: .5s all ease;
    transition: .5s all ease
}

.calc .top .slider .irs-block.ready {
    opacity: 1
}

.calc .top .slider .controls {
    width: 200px;
    padding: 0 0 0 20px;
    position: relative
}

.calc .top .slider .controls>div {
    position: absolute;
    top: 50%;
    background: #fff;
    line-height: 20px;
    width: 20px;
    text-align: center;
    color: #9591be;
    border-radius: 50%;
    margin-top: -10px;
    z-index: 10;
    cursor: pointer;
    -webkit-transition: .5s all ease;
    -o-transition: .5s all ease;
    transition: .5s all ease
}

.calc .top .slider .controls>div:hover {
    box-shadow: 0 2px 10px rgba(0, 0, 0, .1)
}

.calc .top .slider .controls>div:active {
    box-shadow: 0 -2px 10px rgba(0, 0, 0, .1)
}

.calc .top .slider .controls .minus {
    left: 30px
}

.calc .top .slider .controls .plus {
    right: 10px
}

.calc .top .slider .controls input {
    margin: 0;
    text-align: center;
    font-size: 16px;
    font-weight: 500;
    padding: 15px 0;
    background: #fff
}

.calc .top .results {
    width: 30%;
    padding: 0 0 0 35px
}

.calc .top .results .res {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    flex-direction: column;
}

.calc .top .results .res .item {
    width: 50%
}

.calc .top .results .res .item>span {
    font-size: 11px;
    text-transform: uppercase;
    display: block;
    margin: 0 0 20px
}

.calc .top .results .res .item p {
    font-weight: 700;
    margin: 0;
    color: #13130f;
    margin: 0 0 20px;
    font-size: 22px
}

.calc .top .results .bottom {
    font-size: 11px;
    color: #6a6a6a;
    line-height: 2
}

.calc .bottom .form-group {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.calc .bottom .form-group .form-control,
.calc .bottom .form-group .form-input {
    width: 32%
}

.calc .bottom .form-group .form-input.w50 {
    width: 49%
}

.calc .bottom .form-group .form-files {
    width: 32%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.calc .bottom .form-group .form-files span {
    font-size: 11px;
    display: block;
    text-transform: uppercase
}

.calc .bottom .form-group .form-files .form-file label {
    font-size: 11px;
    font-weight: 700;
    background: #fff;
    border-radius: 45px;
    cursor: pointer;
    padding: 13px 24px;
    -webkit-transition: .5s all ease;
    -o-transition: .5s all ease;
    transition: .5s all ease
}

.calc .bottom .form-group .form-files .form-file label.active,
.calc .bottom .form-group .form-files .form-file label:hover {
    background: #13130f;
    color: #fff
}

.calc .bottom .form-group .form-files .form-file input {
    display: none
}

.calc .bottom .form-group .form-control input {
    max-width: 100%;
    width: 100%;
    font-size: 14px;
    padding: 17px 0
}

.info {
    margin: 100px 0 60px
}

.info h2 {
    font-size: 30px;
    margin: 0 0 60px;
    text-transform: uppercase;
    font-weight: 700
}

.info .inner {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.info .inner .item {
    width: 50%
}

.info .inner .item p {
    font-size: 16px;
    font-weight: 500;
    line-height: 1.5
}

.info .inner .item img {
    max-width: 100%
}

main>.container>a,
main>.container.kont p>a,
main>.container>p>a {
    color: #13130f;
    border-bottom: 1px solid #13130f
}

main>.container>a:hover,
main>.container>p>a:hover,
main>.container.kont p>a:hover {
    border-color: transparent;
}

main>.container>ul>li {
    list-style: initial;
    margin: 5px 0 5px 18px
}

main>.container.kont h1,
main>.container>h1 {
    font-size: 30px;
    margin: 10px 0 40px;
    text-transform: uppercase;
    font-weight: 700
}

main>.container>h2 {
    font-size: 24px;
    margin: 10px 0 30px;
    text-transform: uppercase;
    font-weight: 700
}

main>.container>h3 {
    font-weight: 700;
    font-size: 22px;
    margin: 10px 0 20px
}

main>.container>h4 {
    font-weight: 700;
    font-size: 20px;
    margin: 10px 0 20px
}

main>.container.kont p,
main>.container>p {
    font-size: 16px;
    font-weight: 500;
    line-height: 1.5
}

.hww {
    margin: 0 0 110px
}

.hww h2 {
    font-size: 30px;
    margin: 0 0 60px;
    text-transform: uppercase;
    font-weight: 700
}

.hww .inner {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.hww .inner .item {
    width: 25%
}

.hww .inner .item .thumb {
    font-size: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end;
    height: 155px;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin: 0 0 25px;
    position: relative
}

.hww .inner .item .thumb:after {
    content: '';
    position: absolute;
    width: 39px;
    height: 28px;
    background: url(../images/arr.svg) no-repeat center/contain;
    right: -14px;
    top: 50%;
    margin-top: 6px
}

.hww .inner .item:last-child .thumb:after {
    display: none
}

.hww .inner .item .thumb img {
    display: block
}

.hww .inner .item p {
    margin: 0;
    font-size: 16px;
    text-align: center;
    font-weight: 700
}

.insta {
    margin: 0 0 90px
}

.insta .container {
    position: relative
}

.insta .container .car {
    position: absolute;
    right: 0;
    top: 50%;
    margin-top: -150px
}

.insta .inner {
    max-width: 550px;
    width: 100%;
    position: relative;
    z-index: 5
}

.insta h2 {
    font-size: 30px;
    margin: 0 0 50px;
    text-transform: uppercase;
    font-weight: 700
}

.insta p {
    font-size: 16px;
    font-weight: 500;
    line-height: 1.5
}

.h-form {
    margin: 0 0 30px
}

.h-form .form {
    background: #f6f6f6;
    padding: 40px 70px;
    border-radius: 15px
}

.h-form .form .form-group {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.h-form .form .form-group .form-control,
.h-form .form .form-group .form-input {
    width: 32%
}

.h-form .form .form-group .form-input input {
    background: #fff;
    margin: 0;
    padding: 15px 20px
}

.h-form .form .form-group .form-control input {
    max-width: 100%;
    width: 100%;
    font-size: 14px;
    padding: 17px 0
}

footer {
    padding: 30px 0
}

footer .inner {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

footer .logo {
    width: 26%
}

footer .logo a {
    font-size: 0
}

footer .logo img {
    display: block;
    max-width: 100%
}

footer .address {
    width: 29%;
    text-align: left
}

footer .address p {
    margin: 0;
    font-size: 16px
}

footer .phone {
    width: 15%;
    display: flex;
    flex-direction: column;
}

footer .phone a {
    font-size: 16px;
    color: #000
}

footer .contacts {
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    width: 30%
}

footer .contacts .socials {
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    width: 70px
}

footer .contacts .socials a {
    display: block;
    width: 30px;
    height: 30px;
    font-size: 0;
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat
}

footer .contacts .socials a.whatsapp {
    background-image: url(../images/whatsapp.svg)
}

footer .contacts .socials a.viber {
    background-image: url(../images/viber.svg)
}

footer .contacts .button {
    max-width: 180px;
    width: 100%
}

.popup {
    padding: 40px 30px !important;
    max-width: 375px !important;
    width: 100%
}

.popup input[type=submit] {
    width: 100%;
    display: block;
    max-width: 100%
}

.popup .title {
    font-weight: 700;
    font-size: 24px;
    text-transform: uppercase;
    margin: 0 0 20px;
    text-align: center
}

#thanks button.btn {
    width: 100%;
    max-width: 100%
}

.ben {
    margin: 0 0 80px
}

.ben .inner {
    margin-top: -40px;
    background: #f6f6f6;
    padding: 30px 0 15px;
    display: flex;
    flex-wrap: wrap;
    border-bottom-left-radius: 25px;
    border-bottom-right-radius: 25px
}

.ben .item {
    width: 25%
}

.ben .item .thumb {
    max-width: 55px;
    margin: 0 auto;
    text-align: center
}

.ben .item .name {
    text-align: center;
    font-size: 16px;
    color: #13130f;
    font-weight: 700
}

.reviews {
    margin: 0 120px
}

.reviews h2 {
    font-size: 30px;
    margin: 0 0 50px;
    text-transform: uppercase;
    font-weight: 700
}

.reviews .item {
    padding: 50px 30px;
    border-right: 1px solid #f0f0f0
}

.reviews .item.swiper-slide-active {
    padding-left: 0
}

.reviews .item.swiper-slide-next+.item {
    border: none
}

.reviews .name {
    font-size: 16px;
    font-weight: 700;
    margin: 0 0 20px
}

.reviews .rev-left {
    width: 100px;
    display: inline-block;
    margin: 0 0 10px 0
}

.reviews .rev-left img {}

.reviews .rev-right {
    display: inline-block;
    vertical-align: text-bottom
}

.reviews .preview {
    display: block;
    font-size: 14px;
    font-weight: 500;
    line-height: 1.5
}

.reviews .stars {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin: 0 0 20px
}

.reviews .stars .star {
    width: 15px;
    height: 15px;
    background: url(../images/star.png) no-repeat center;
    margin: 0 2px 0 0
}

.reviews .swiper-container {
    padding-bottom: 50px
}

.reviews .swiper-pagination-bullet {
    width: 15px;
    height: 15px;
    background: #e9e9e9;
    opacity: 1;
    margin: 0 10px
}

.reviews .swiper-pagination-bullet-active {
    background: #13130f
}

.reviews .swiper-pagination {
    bottom: 0
}

.notafrontpage main {
    padding: 5px 0 0 0
}

.news-list {}

.news-list .content article {
    display: flex;
    border-bottom: 1px solid #cecece;
    padding: 20px 0;
    margin: 10px 0;
}

.news-list img {
    max-width: 300px;
    height: auto;
    margin: 0 25px 0 0;
}

.news-list .right {
    width: 100%
}

.news-list .right h2 a {
    color: #000;
    font-size: 28px;
}

.news-list .right p {}

.news-list .right p.more {
    display: block;
    text-align: right;
}

.news-list .right p.more a {
    color: #000;
    text-decoration: underline !important;
}

.article-detail {
    margin: 20px 0;
}



#popup__toggle{bottom:25px;right:10px;position:fixed;z-index:999;}
.img-circle{background-color:#ffcc00;box-sizing:content-box;-webkit-box-sizing:content-box;}
.circlephone{box-sizing:content-box;-webkit-box-sizing:content-box;border: 2px solid #ffcc00;width:150px;height:150px;bottom:-25px;right:10px;position:absolute;-webkit-border-radius:100%;-moz-border-radius: 100%;border-radius: 100%;opacity: .5;-webkit-animation: circle-anim 2.4s infinite ease-in-out !important;-moz-animation: circle-anim 2.4s infinite ease-in-out !important;-ms-animation: circle-anim 2.4s infinite ease-in-out !important;-o-animation: circle-anim 2.4s infinite ease-in-out !important;animation: circle-anim 2.4s infinite ease-in-out !important;-webkit-transition: all .5s;-moz-transition: all .5s;-o-transition: all .5s;transition: all 0.5s;}
.circle-fill{box-sizing:content-box;-webkit-box-sizing:content-box;background-color:#ffcc00;width:100px;height:100px;bottom:0px;right:35px;position:absolute;-webkit-border-radius: 100%;-moz-border-radius: 100%;border-radius: 100%;border: 2px solid transparent;-webkit-animation: circle-fill-anim 2.3s infinite ease-in-out;-moz-animation: circle-fill-anim 2.3s infinite ease-in-out;-ms-animation: circle-fill-anim 2.3s infinite ease-in-out;-o-animation: circle-fill-anim 2.3s infinite ease-in-out;animation: circle-fill-anim 2.3s infinite ease-in-out;-webkit-transition: all .5s;-moz-transition: all .5s;-o-transition: all .5s;transition: all 0.5s;}
.img-circle{box-sizing:content-box;-webkit-box-sizing:content-box;width:72px;height:72px;bottom: 14px;right: 49px;position:absolute;-webkit-border-radius: 100%;-moz-border-radius: 100%;border-radius: 100%;border: 2px solid transparent;opacity: .7;}
.img-circleblock{box-sizing:content-box;-webkit-box-sizing:content-box;width:72px;height:72px;background-image:url(https://lisizin.ru/lomba/images/mini.png);background-position: center center;background-repeat:no-repeat;animation-name: tossing;-webkit-animation-name: tossing;animation-duration: 1.5s;-webkit-animation-duration: 1.5s;animation-iteration-count: infinite;-webkit-animation-iteration-count: infinite;}
.img-circle:hover{opacity: 1;}
@keyframes pulse {0% {transform: scale(0.9);opacity: 1;}
  50% {transform: scale(1); opacity: 1; }   
  100% {transform: scale(0.9);opacity: 1;}}
 @-webkit-keyframes pulse {0% {-webkit-transform: scale(0.95);opacity: 1;}
  50% {-webkit-transform: scale(1);opacity: 1;}   
  100% {-webkit-transform: scale(0.95);opacity: 1;}}
@keyframes tossing {
  0% {transform: rotate(-8deg);}
  50% {transform: rotate(8deg);}
  100% {transform: rotate(-8deg);}}
@-webkit-keyframes tossing {
  0% {-webkit-transform: rotate(-8deg);}
  50% {-webkit-transform: rotate(8deg);}
  100% {-webkit-transform: rotate(-8deg);}}
@-moz-keyframes circle-anim {
  0% {-moz-transform: rotate(0deg) scale(0.5) skew(1deg);opacity: .1;-moz-opacity: .1;-webkit-opacity: .1;-o-opacity: .1;}
  30% {-moz-transform: rotate(0deg) scale(0.7) skew(1deg);opacity: .5;-moz-opacity: .5;-webkit-opacity: .5;-o-opacity: .5;}
  100% {-moz-transform: rotate(0deg) scale(1) skew(1deg);opacity: .6;-moz-opacity: .6;-webkit-opacity: .6;-o-opacity: .1;}}
@-webkit-keyframes circle-anim {
  0% {-webkit-transform: rotate(0deg) scale(0.5) skew(1deg);-webkit-opacity: .1;}
  30% {-webkit-transform: rotate(0deg) scale(0.7) skew(1deg);-webkit-opacity: .5;}
  100% {-webkit-transform: rotate(0deg) scale(1) skew(1deg);-webkit-opacity: .1;}}
@-o-keyframes circle-anim {
  0% {-o-transform: rotate(0deg) kscale(0.5) skew(1deg);-o-opacity: .1;}
  30% {-o-transform: rotate(0deg) scale(0.7) skew(1deg);-o-opacity: .5;}
  100% {-o-transform: rotate(0deg) scale(1) skew(1deg);-o-opacity: .1;}}
@keyframes circle-anim {
  0% {transform: rotate(0deg) scale(0.5) skew(1deg);opacity: .1;}
  30% {transform: rotate(0deg) scale(0.7) skew(1deg);opacity: .5;}
  100% {transform: rotate(0deg) scale(1) skew(1deg);
opacity: .1;}}
@-moz-keyframes circle-fill-anim {
  0% {-moz-transform: rotate(0deg) scale(0.7) skew(1deg);opacity: .2;}
  50% {-moz-transform: rotate(0deg) -moz-scale(1) skew(1deg);opacity: .2;}
  100% {-moz-transform: rotate(0deg) scale(0.7) skew(1deg);opacity: .2;}}
@-webkit-keyframes circle-fill-anim {
  0% {-webkit-transform: rotate(0deg) scale(0.7) skew(1deg);opacity: .2;  }
  50% {-webkit-transform: rotate(0deg) scale(1) skew(1deg);opacity: .2;  }
  100% {-webkit-transform: rotate(0deg) scale(0.7) skew(1deg);opacity: .2;}}
@-o-keyframes circle-fill-anim {
  0% {-o-transform: rotate(0deg) scale(0.7) skew(1deg);opacity: .2;}
  50% {-o-transform: rotate(0deg) scale(1) skew(1deg);opacity: .2;}
  100% {-o-transform: rotate(0deg) scale(0.7) skew(1deg);opacity: .2;}}
@keyframes circle-fill-anim {
  0% {transform: rotate(0deg) scale(0.7) skew(1deg);opacity: .2;}
  50% {transform: rotate(0deg) scale(1) skew(1deg);opacity: .2;}
  100% {transform: rotate(0deg) scale(0.7) skew(1deg);opacity: .2;}}