html {
    -webkit-font-smoothing: antialiased;
}

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

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

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

body {
    line-height: 1;
    overflow-x: hidden;

}

ul {
    list-style: none;
}

blockquote,
q {
    quotes: none;
}

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

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

*:focus {
    outline: none;
}

a {
    text-decoration: none;
}

li {
    list-style-type: none;
}

* {
    font-family: 'Raleway', sans-serif;
    font-weight: 500;
    margin: 0;
    padding: 0;
    outline: 0;
}

.overflow-hidden {
    overflow: hidden;
    position: relative;
    height: 100%;
    touch-action: none;
    -ms-touch-action: none;
}

header {
    padding: 11px 0;
    position: sticky;
    top: 0;
    z-index: 15;
    width: 100%;
    transition: all 0.3s ease;
    background: #FFFFFF;
    box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.15);
}
header .b-page_newyear { height: 100px; }/* НОВОГОДНЯЯ МИШУРА */	

.menu-active__animation {
   top: -100px; /*  top: 0;НОВОГОДНЯЯ МИШУРА */	
    transition: all 0.7s ease;
 
}

.menu-active {
    top: -100%;
    transition: all 0.7s ease;
}


.header-logo,
.footer-logo {
    width: 160px;
    height: 37px;
}

.logo-parts{
    display: flex;
    flex-direction: column;
    width: 100%;
}

.logo-parts__1{
    display: flex;
    justify-content: space-between;
    align-items: center;
    position: relative;
}

.logo-parts__1 img:nth-child(1), .logo-parts__1 img:nth-child(3){
height: 19px;
}

.logo-parts__1 img:nth-child(1){
width: 66px;
}


.logo-parts__1 img:nth-child(3){
    width: 62px;
    }

.logo-parts__1 img:nth-child(2){
  transition: all 0.7s ease;
  position: absolute;
  width: 32px;
  height: 25.59px;
  left: 66px;
}

@-webkit-keyframes bounce {

    0%,
    20%,
    53%,
    to {
        -webkit-animation-timing-function: cubic-bezier(.215, .61, .355, 1);
        animation-timing-function: cubic-bezier(.215, .61, .355, 1);
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }

    40%,
    43% {
        -webkit-animation-timing-function: cubic-bezier(.755, .05, .855, .06);
        animation-timing-function: cubic-bezier(.755, .05, .855, .06);
        -webkit-transform: translate3d(0, -15px, 0) scaleY(1.1);
        transform: translate3d(0, -15px, 0) scaleY(1.1)
    }

    70% {
        -webkit-animation-timing-function: cubic-bezier(.755, .05, .855, .06);
        animation-timing-function: cubic-bezier(.755, .05, .855, .06);
        -webkit-transform: translate3d(0, -10px, 0) scaleY(1.05);
        transform: translate3d(0, -10px, 0) scaleY(1.05)
    }

    80% {
        -webkit-transition-timing-function: cubic-bezier(.215, .61, .355, 1);
        transition-timing-function: cubic-bezier(.215, .61, .355, 1);
        -webkit-transform: translateZ(0) scaleY(.95);
        transform: translateZ(0) scaleY(.95)
    }

    90% {
        -webkit-transform: translate3d(0, -4px, 0) scaleY(1.02);
        transform: translate3d(0, -4px, 0) scaleY(1.02)
    }
}

@keyframes bounce {

    0%,
    20%,
    53%,
    to {
        -webkit-animation-timing-function: cubic-bezier(.215, .61, .355, 1);
        animation-timing-function: cubic-bezier(.215, .61, .355, 1);
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }

    40%,
    43% {
        -webkit-animation-timing-function: cubic-bezier(.755, .05, .855, .06);
        animation-timing-function: cubic-bezier(.755, .05, .855, .06);
        -webkit-transform: translate3d(0, -20px, 0) scaleY(1.1);
        transform: translate3d(0, -20px, 0) scaleY(1.1)
    }

    70% {
        -webkit-animation-timing-function: cubic-bezier(.755, .05, .855, .06);
        animation-timing-function: cubic-bezier(.755, .05, .855, .06);
        -webkit-transform: translate3d(0, -10px, 0) scaleY(1.05);
        transform: translate3d(0, -10px, 0) scaleY(1.05)
    }

    80% {
        -webkit-transition-timing-function: cubic-bezier(.215, .61, .355, 1);
        transition-timing-function: cubic-bezier(.215, .61, .355, 1);
        -webkit-transform: translateZ(0) scaleY(.95);
        transform: translateZ(0) scaleY(.95)
    }

    90% {
        -webkit-transform: translate3d(0, -4px, 0) scaleY(1.02);
        transform: translate3d(0, -4px, 0) scaleY(1.02)
    }
}

.header-logo__original{
    display: none;
}


.header-logo:hover .logo-parts__1 img:nth-child(2){
    animation: bounce 1s ease;
}



.logo-parts__2 img{
    width: 100%;
    height: 100%;
    display: block;
    margin-top: 3px;
}

.header-logo{
    display: flex;
    align-items: center;
    justify-content: center;
}


.footer-logo img {
    width: 100%;
    height: 100%;
}

.header-container,
.footer-container {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.header-block,
.footer-block {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.header-blocks,
.footer-blocks {
    width: 880px;
    display: flex;
    flex-direction: column;
}

.another-version,
.day-work__text,
.day-work {
    display: flex;
    align-items: center;
}

.another-version__text{
    transition: all 0.7s ease;
}

.another-version:hover .another-version__text{
    color: #DC2626;
}

.another-version img {
    margin-right: 4px;
}



.header-block .another-version__text,
.header-block .day-work p {
    font-size: 12px;
    line-height: 130%;
    color: #374151;
}

.day-work img {
    margin-right: 6px;
}

.day-work hr {
    margin: 0 3px;
    color: #9CA3AF;
    width: 2px;
    height: 10px;
}

.day-work .red {
    color: #DC2626;
}

.vk-btn {
    width: 24px;
    height: 24px;
    transition: all 0.7s ease;
}

.vk-btn img {
    width: 100%;
    height: 100%;
}

.vk-btn:hover {
    transform: scale(1.2);
}

.long-line {
    width: 100%;
    margin: 11px 0;
    background: #9CA3AF;
    opacity: 0.3;
    height: 1px;
}

.header-block .red-border__btn {
    height: 28px;
    width: 176px;
}

.header-block .red-border__btn span, .header-block .red-border__btn {
        font-size: 12px;
        color: #374151;
        font-weight: 700;
}

.header-block .red-border__btn span{
    transition: all 0.7s ease;
}

.header-block .red-border__btn:hover span {
color: white;   
}

.red-border__btn,
.red-btn,
.gray-border__btn {
    font-weight: 700;
    font-size: 20px;
    line-height: 23px;
    border-radius: 50px;
    transition: all 0.7s ease;
    border: 0;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
}

.red-border__btn,
.gray-border__btn {
    color: #374151;
    background: white;
}

.red-border__btn {
    border: 2px solid #DC2626;
}

.gray-border__btn {
    border: 2px solid #9CA3AF;
}

.red-border__btn:hover,
.gray-border__btn:hover {
    color: white;
}

.red-border__btn:hover {
    background: #DC2626;
}

.gray-border__btn:hover {
    border: 2px solid #374151;
    background: #374151;
}

.red-btn {
    color: white;
    background: #DC2626;
    box-shadow: inset 0px -3px 0px rgba(0, 0, 0, 0.2);
}

.red-btn:hover {
    background: #B91C1C;
}

.header-block navbar {
    display: flex;
    align-items: center;
}

.header-block>navbar>li {
    margin-right: 67px;
    display: flex;
    align-items: center;
}

.header-block>navbar>li:last-child {
    margin-right: 0;
}

.header-block navbar li a {
    font-weight: 500;
    font-size: 16px;
    line-height: 120%;
    color: #374151;
    transition: all 0.7s ease;
}

.dropdown>a {
    display: flex;
    align-items: center;
    position: relative;
}

.dropdown>a:after {
    content: '';
    position: absolute;
    right: -15px;
    background: url("../img/arrow-down.svg") center no-repeat;
    background-size: cover;
    width: 11px;
    height: 7px;
    transition: all 0.7s ease;
}

.header-block>navbar>li>a {
    position: relative;
    display: flex;
    align-items: center;
	    font-weight: bold;
}

.header-block>navbar>li>a:before {
    content: '';
    width: 100%;
    height: 2px;
    position: absolute;
    bottom: -5px;
    background: #DC2626;
    transition: all 0.7s ease;
    transform: scale(0);
}

.header-block>navbar>li>a:hover:before {
    transform: scale(1);
}

.dropdown>a:hover:after {
    transform: rotate(180deg);
}

.dropdown-menu {
	 /*  margin-top: 100px;НОВОГОДНЯЯ МИШУРА */
    position: fixed;
    display: flex;
    background: #FFFFFF;
    border-radius: 10px;
    padding: 0;
    max-width: 549px;
    transition: padding 0.7s ease,
        max-height 0.3s ease,
        opacity 0.5s ease,
        top 0.7s ease,
        visibility 0.2s ease,
        box-shadow 0.7s ease;
    max-height: 0;
    top: 0;
    opacity: 0;
    z-index: -1;
    visibility: hidden;
}

.dropdown {
    padding-bottom: 20px;
    margin-bottom: -20px;
}

.dropdown:hover .dropdown-menu {
    max-height: 9999999px;
    opacity: 1;
    top: 105px;
    padding: 25px 20px;
    box-shadow: 0px 0px 30px rgba(0, 0, 0, 0.2);
    visibility: visible;
}

.menu-active .dropdown{
    pointer-events: none;
}

.dropdown-menu ul:first-child {
    margin-right: 30px;
}

.dropdown-menu ul li {
    margin-bottom: 15px;
    position: relative;
    display: flex;
    align-items: center;
    margin-left: 20px;
}

.dropdown-menu ul li:last-child {
    margin-bottom: 0;
}

.dropdown-menu ul li:after {
    content: '';
    position: absolute;
    left: -15px;
    width: 4px;
    height: 4px;
    background: #374151;
    border-radius: 50%;
}

.dropdown-menu ul li a {
    line-height: 120%;
    transition: all 0.7s ease;
}

.dropdown-menu ul li a:hover {
    color: #DC2626;
}

.contacts-btn {
    display: flex;
    align-items: center;
    position: relative;
}

.contacts-btn img {
    margin-right: 8px;
}

.contacts-btn>a {
    font-weight: 700;
    font-size: 18px;
    line-height: 110%;
    color: #374151;
    font-feature-settings: 'pnum' on, 'lnum' on;
    position: relative;
    display: flex;
    align-items: center;
    margin-right: 17px;
}

.contacts-btn:after {
    content: '';
    position: absolute;
    right: 0;
    background: url(../img/arrow-down.svg) center no-repeat;
    background-size: cover;
    width: 11px;
    height: 7px;
    transition: all 0.7s ease;
}

.contacts-btn:hover:after {
    transform: rotate(180deg);
}

.contacts-menu {
    position: absolute;
    top: 40px;
    padding: 15px 17px;
    background: #FFFFFF;
    box-shadow: 0px 0px 30px rgba(0, 0, 0, 0.2);
    border-radius: 10px;
    width: 100%;
    padding: 0;
    width: 100%;
    transition: padding 0.7s ease,
        max-height 0.2s ease,
        opacity 0.5s ease,
        top 0.7s ease,
        visibility 0.1s ease,
        box-shadow 0.7s ease;
    max-height: 0;
    top: 0;
    opacity: 0;
    z-index: -1;
    visibility: hidden;
}

.contacts-btn:hover .contacts-menu {
    max-height: 9999999px;
    opacity: 1;
    top: 40px;
    padding: 15px 17px;
    box-shadow: 0px 0px 30px rgb(0 0 0 / 20%);
    visibility: visible;
}

.contacts-menu__tels {
    margin-bottom: 15px;
}


.contacts-menu__tels a,
.contacts-menu__tels span {
    font-weight: 500;
    font-size: 17px;
    line-height: 120%;
    font-feature-settings: 'pnum' on, 'lnum' on;
    color: #374151;
}

.contacts-menu__tels a {
    transition: all 0.7s ease;
}

.contacts-menu__tels a:hover {
    color: #DC2626;
}

.contacts-menu__tels span {
    display: block;
    margin-bottom: 20px;
}

.contacts-menu__address p {
    font-weight: 500;
    font-size: 12px;
    line-height: 130%;
    font-feature-settings: 'pnum' on, 'lnum' on;
    color: #374151;
    margin-bottom: 30px;
}

.contacts-menu__address p:last-child {
    margin-bottom: 0;
}

main {
    padding-top: 30px;
    position: relative;
    overflow: hidden;
}

.main-circle__bg {
    position: absolute;
    width: 770px;
    height: 770px;
    left: -335px;
    top: 15px;
}

.main-block {
    display: flex;
    align-items: flex-start;
    justify-content: flex-end;
}


.main-img {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 808px;
    height: 633px;
    margin-right: 120px;
}

.small-margin-right{
    margin-right: 35px;
}

.main-text {
    position: absolute;
    left: 0;
    top: 68px;
}

.main-text__big {
    top: 33px;
}


.main-img img {
    position: absolute;
    z-index: 2;
    bottom: 0;
    height: 95%;
}

.main-text h1 {
    font-weight: 700;
    font-size: 48px;
    line-height: 110%;
    text-transform: uppercase;
    font-feature-settings: 'pnum' on, 'lnum' on;
    color: #374151;
    margin-bottom: 40px;
}

.main-text hr {
    width: 96px;
    height: 4px;
    background: #DC2626;
    border-radius: 4px;
    border: 0;
    margin-bottom: 40px;
}

.main-text p {
    /*font-size: 24px;*/
    line-height: 120%;
    font-feature-settings: 'pnum' on, 'lnum' on;
    color: #374151;
    margin-bottom: 40px;
}

.main-text a {
    width: 352px;
    height: 54px;
}

.main-slider {
    width: calc(100% + 210px);
}

.slider-navigation {
    display: flex;
    align-items: center;
    justify-content: center;
    margin-top: 30px;
    width: 100%;
    position: relative;
    z-index: 3;
}

.main-slider__navigation {
    position: absolute;
    bottom: 125px;
    left: 85px;
    z-index: 2;
    width: auto;
    margin-top: 0;
}

.slider-button {
    display: flex;
    align-items: center;
    cursor: pointer;
    transition: all 0.7s ease;
}

.slider-button__prev {
    margin-right: 6px;
}

.slider-button__next {
    margin-left: 6px;
}

.slider-pagination {
    display: flex;
    align-items: center;
}

.swiper-pagination-bullet {
    width: 24px;
    height: 24px;
    margin: 0 6px;
    background: #FFFFFF;
    box-shadow: inset 2px 2px 3px rgba(0, 0, 0, 0.2);
    opacity: 1;
    border-radius: 50%;
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
}

.swiper-pagination-bullet:after {
    content: '';
    position: absolute;
    background: #DC2626;
    width: 10px;
    height: 10px;
    border-radius: 50%;
    transition: all 0.7s ease;
    transform: scale(0);
}

.swiper-pagination-bullet-active:after {
    transform: scale(1);
}

.slider-button__next:hover {
    transform: translateX(5px);
}

.slider-button__prev:hover {
    transform: translateX(-5px);
}

@-webkit-keyframes fadeInDown {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0, -100%, 0);
        transform: translate3d(0, -100%, 0)
    }

    to {
        opacity: 1;
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}

@keyframes fadeInDown {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0, -100%, 0);
        transform: translate3d(0, -100%, 0)
    }

    to {
        opacity: 1;
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}

.main-slider .swiper-wrapper .swiper-slide-active .main-block .main-text h1 {
    -webkit-animation-name: fadeInDown;
    animation-name: fadeInDown;
    -webkit-animation-duration: 0.7s;
    animation-duration: 0.7s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
}

@-webkit-keyframes fadeInUp {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0, 100%, 0);
        transform: translate3d(0, 100%, 0)
    }

    to {
        opacity: 1;
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}

@keyframes fadeInUp {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0, 100%, 0);
        transform: translate3d(0, 100%, 0)
    }

    to {
        opacity: 1;
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}

.main-slider .swiper-wrapper .swiper-slide-active .main-block .red-btn {
    -webkit-animation-name: fadeInUp;
    animation-name: fadeInUp;
    -webkit-animation-duration: 0.7s;
    animation-duration: 0.7s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
}

@-webkit-keyframes fadeInLeft {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(-100%, 0, 0);
        transform: translate3d(-100%, 0, 0)
    }

    to {
        opacity: 1;
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}

@keyframes fadeInLeft {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(-100%, 0, 0);
        transform: translate3d(-100%, 0, 0)
    }

    to {
        opacity: 1;
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}

.main-slider .swiper-wrapper .swiper-slide-active .main-block hr {
    -webkit-animation-name: fadeInLeft;
    animation-name: fadeInLeft;
    -webkit-animation-duration: 0.9s;
    animation-duration: 0.9s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
}

.main-slider .swiper-wrapper .swiper-slide-active .main-block p {
    -webkit-animation-name: fadeInLeft;
    animation-name: fadeInLeft;
    -webkit-animation-duration: 0.8s;
    animation-duration: 0.8s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
}


@-webkit-keyframes fadeInRight {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(100%, 0, 0);
        transform: translate3d(100%, 0, 0)
    }

    to {
        opacity: 1;
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}

@keyframes fadeInRight {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(100%, 0, 0);
        transform: translate3d(100%, 0, 0)
    }

    to {
        opacity: 1;
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}

.main-slider .swiper-wrapper .swiper-slide-active .main-img {
    -webkit-animation-name: fadeInRight;
    animation-name: fadeInRight;
    -webkit-animation-duration: 0.8s;
    animation-duration: 0.8s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
}

.main-background {
    background: white;
    background-position: center top;
}

.main-features {
    background: #FFFFFF;
    box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.1);
    padding: 30px 0;
    z-index: 1;
    position: relative;
}

.main-features__blocks {
    display: flex;
}

.main-features__block {
    width: 25%;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    text-align: center;
    transition: all 0.7s ease;
    padding: 15px;
}

.main-features__block img {
    margin-bottom: 28px;
    transition: all 0.7s ease;
}

.main-features__block:hover img{
    animation: 1s ease 0s 1 normal none running bounce;
}


.main-features__block h4 {
    font-weight: 700;
    font-size: 18px;
    line-height: 110%;
    margin-bottom: 6px;
    font-feature-settings: 'pnum' on, 'lnum' on;
    color: #374151;
}

.main-features__block p {
    font-weight: 500;
    font-size: 16px;
    line-height: 120%;
    font-feature-settings: 'pnum' on, 'lnum' on;
    color: #374151;
}

section {
    margin-bottom: 60px;
}

.section-title {
    margin-bottom: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
}

.section-title h2 {
    margin-bottom: 15px;
    font-weight: 700;
    font-size: 32px;
    line-height: 110%;
    text-transform: uppercase;
    font-feature-settings: 'pnum' on, 'lnum' on;
    color: #374151;
}

.section-title hr {
    width: 60px;
    height: 4px;
    background: #DC2626;
    border-radius: 4px;
    border: 0;
}

.services-block {
    padding: 0 10px;
    padding-top: 70px;
    padding-bottom: 35px;
    background: #FFFFFF;
    box-shadow: 0px 0px 30px rgba(0, 0, 0, 0.2);
    border-radius: 20px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    margin-bottom: 30px;
    position: relative;
    width: 100%;
    overflow: hidden;
    cursor: pointer;
}

.services-block>img {
    margin-bottom: 30px;
}

.services-block hr {
    width: 82.5px;
    height: 4px;
    background: #DC2626;
    border: 0;
    border-radius: 4px;
    margin-bottom: 20px;
}

.services-block h4 {
    font-weight: 700;
    font-size: 18px;
    line-height: 110%;
    font-feature-settings: 'pnum' on, 'lnum' on;
    color: #374151;
}

.services-block__menu {
    position: absolute;
    background: rgba(255, 255, 255, 0.85);
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    display: flex;
    align-items: start;
    flex-direction: column;
    padding: 19px;
    left: -100%;
    opacity: 0;
    transition: left 0.6s ease, opacity 1s ease;
}

.services-block:hover .services-block__menu {
    left: 0;
    opacity: 1;
}

.services-block__menu a {
    font-weight: 500;
    font-size: 16px;
    line-height: 120%;
    font-feature-settings: 'pnum' on, 'lnum' on;
    color: #374151;
    margin-bottom: 6px;
    transition: all 0.7s ease;
    display: flex;
    align-items: center;
    position: relative;
    margin-left: 15px;
}

.services-block__menu .services-all__link{
    font-weight: 700;
}

.services-block__menu a:after {
    content: '';
    position: absolute;
    left: -15px;
    width: 4px;
    height: 4px;
    background: #374151;
    border-radius: 50%;
}

.services-block__menu a:hover {
    color: rgb(220, 38, 38);
}

.services-block__menu a img {
    transition: all 0.5s ease;
    margin-left: -15px;
    opacity: 0;
}

.services-block__menu a:hover img {
    margin-left: 8px;
    opacity: 1;
}

.top-specialist__feature-gray {
    background: #374151;
}

.top-specialist__feature-red {
    background: #DC2626;
}

.top-specialist__feature-blue {
    background: #3E71C4;
}

.top-specialist__slider {
    width: calc(100% + 18px);
    padding: 18px;
    padding-top: 50px;
}

.top-specialist__block {
    background: #FFFFFF;
    box-shadow: 0px 4px 16px rgb(0 0 0 / 15%);
    border-radius: 20px;
}

.top-specialist__img-wrapper {
    position: relative;
    width: 100%;
    height: 328px;
    display: flex;
    align-items: center;
    justify-content: center;
    top: -27px;
    overflow: hidden;
    border-radius: 20px;
}

.top-specialist__img {
    width: calc(100% - 24px);
    border-radius: 20px;
    box-shadow: 0px 0px 16px rgba(0, 0, 0, 0.1);
    height: 100%;
    overflow: hidden;
}

.top-specialist__img img {
    transition: all 0.7s ease;
}

.top-specialist__block:hover .top-specialist__img img {
    transform: scale(1.2);
}

.top-specialist__feature {
    position: absolute;
    bottom: 17px;
    left: 12px;
    height: 51px;
    padding: 0 11px 0 8px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 0 35px 35px 0;
    font-weight: 700;
    font-size: 16px;
    line-height: 19px;
    font-feature-settings: 'pnum' on, 'lnum' on;
    color: #FFFFFF;
}

.top-specialist .section-title {
    margin-bottom: 20px;
}

.top-specialist__text {
    padding: 0 17px 18px 17px;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    text-align: center;
}

.top-specialist__text hr {
    width: 82.5px;
    height: 4px;
    background: #DC2626;
    border: 0;
    border-radius: 4px;
    margin-bottom: 14px;
}

.top-specialist__text h4 {
    font-weight: 700;
    font-size: 18px;
    line-height: 110%;
    font-feature-settings: 'pnum' on, 'lnum' on;
    color: #374151;
    margin-bottom: 11px;
}

.top-specialist__text p {
    font-weight: 500;
    font-size: 14px;
    line-height: 120%;
    text-align: center;
    font-feature-settings: 'pnum' on, 'lnum' on;
    color: #374151;
    height: 35px;
    margin-bottom: 12px;
}

.top-specialist__text small {
    font-weight: 500;
    font-size: 12px;
    line-height: 130%;
    font-feature-settings: 'pnum' on, 'lnum' on;
    color: #6B7280;
    margin-bottom: 17px;
}

.top-specialist__text .red-btn {
    margin-bottom: 7px;
}

.top-specialist__text .red-btn,
.top-specialist__text .red-border__btn {
    font-size: 14px;
    line-height: 16px;
    width: 100%;
    height: 34px;
}

.about-blocks {
    display: flex;
    align-items: center;
    justify-content: space-between;
    position: relative;
    height: 613px;
}


.more-btn {
    font-weight: 700;
    font-size: 16px;
    line-height: 19px;
    width: 224px;
    height: 54px;
    margin: 0 auto;
    margin-top: 30px;
    z-index: 3;
    position: relative;
}

.about-text .section-title {
    margin-bottom: 25px;
    align-items: flex-start;
}

.about-text p {
    font-weight: 500;
    font-size: 16px;
    line-height: 120%;
    font-feature-settings: 'pnum' on, 'lnum' on;
    color: #374151;
    margin-bottom: 20px;
}

.about-text .red-btn {
    margin-top: 10px;
    height: 54px;
    width: 352px;
}

.about-slider__wrapper {
    height: 613px;
    overflow: hidden;
    position: absolute;
    right: 0;
    width: 48vw;
    filter: drop-shadow(0px 0px 20px rgba(0, 0, 0, 0.15));
    border-radius: 50px 0px 0px 50px;
}

.about-slider {
    width: 100%;
    height: 100%;
    position: relative;
}

.about-slider__navigation {
    position: absolute;
    width: 100%;
    bottom: 34px;
    z-index: 2;
}

.about-slider img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

@-webkit-keyframes fadeScale {
    from {
        -webkit-transform: scale(1.5);
        transform: scale(1.5);
    }

    to {
        -webkit-transform: scale(1);
        transform: scale(1);
    }
}

@keyframes fadeScale {
    from {
        -webkit-transform: scale(1.5);
        transform: scale(1.5);
    }

    to {
        -webkit-transform: scale(1);
        transform: scale(1);
    }
}

.about-slider .swiper-slide-active img,
.certificate-slider .swiper-slide-active img {
    -webkit-animation-name: fadeScale;
    animation-name: fadeScale;
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
}

.about {
    margin-bottom: 100px;
    z-index: 1;
    position: relative;
}

.certificats {
    background: #FFFFFF;
    box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.1);
    padding-bottom: 55px;
}

.certificate-main__blocks {
    display: flex;
    align-items: center;
}

.certificate-slider__wrapper {
    width: 366px;
    margin-right: 75px;
    margin-top: -45px;
}

.certificate-slider {
    filter: drop-shadow(0px 0px 20px rgba(0, 0, 0, 0.15));
    border-radius: 20px;
    overflow: hidden;
}

.certificate-text {
    width: 544px;
}

.certificate-text img {
    margin-bottom: 25px;
    width: 154px;
    height: 36px;
}

.certificate-text .section-title {
    align-items: flex-start;
}

.certificate-text p {
    font-size: 16px;
    line-height: 120%;
    font-feature-settings: 'pnum' on, 'lnum' on;
    color: #374151;
    margin-bottom: 20px;
}

.certificate-small__blocks {
    margin-top: 80px;
    display: flex;
    align-items: flex-start;
    flex-wrap: wrap;
}

.certificate-small__block {
    width: 25%;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    text-align: center;
    margin-bottom: 45px;
    transition: all 0.7s ease;
    padding: 15px;
}


.certificate-small__block img {
    margin-bottom: 15px;
    transition: all 0.7s ease;
}

.certificate-small__block:hover img{
    animation: bounce 1s ease;
}


.certificate-small__block h5 {
    font-weight: 700;
    font-size: 18px;
    line-height: 110%;
    font-feature-settings: 'pnum' on, 'lnum' on;
    color: #374151;
}

.gift-slider .swiper-slide {
    width: 478px;
    height: 330px;
}

.gift-block {
    width: 100%;
    height: 100%;
    position: relative;
}

.gift-block img {
    width: 100%;
    height: 100%;
    border-radius: 20px;
}

.gift-text {
    position: absolute;
    width: 100%;
    bottom: 36px;
    left: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
}

.gift-text p {
    font-size: 16px;
    line-height: 120%;
    font-feature-settings: 'pnum' on, 'lnum' on;
    color: #FFFFFF;
    margin-bottom: 17px;
}

.gift-text h5 {
    font-weight: 700;
    font-size: 31px;
    line-height: 36px;
    font-feature-settings: 'pnum' on, 'lnum' on;
    color: #FFFFFF;
    margin-bottom: 21px;
}

.gift-text h6 {
    font-family: 'Recursive';
    font-style: normal;
    font-weight: 400;
    font-size: 30px;
    line-height: 36px;
    font-feature-settings: 'pnum' on, 'lnum' on;
    text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.25);
}

.gift-block__first .gift-text h6 {
    color: #637187;
}

.gift-block__second .gift-text h6 {
    color: #FF4B4B;
}

.gift-block__third .gift-text h6 {
    color: #637187;
}

.gift-slider__buy-btn {
    margin: 0 auto;
    width: 352px;
    height: 54px;
    margin-top: 54px;
}

.news-img {
    border-radius: 10px;
    height: 220px;
    width: 100%;
    overflow: hidden;
}

.news-slider {
    width: calc(100% + 18px);
    padding: 18px;
}

.news-slider .swiper-slide {
    box-shadow: 0px 0px 16px rgba(0, 0, 0, 0.1);
    background: #FFFFFF;
    border-radius: 10px;
}

.news-img img {
    width: 100%;
    height: 100%;
    transition: all 0.7s ease;
}

.news-text {
    padding: 9px 14px 15px 14px;
}

.news-text h5 {
    font-weight: 700;
    font-size: 20px;
    line-height: 23px;
    font-feature-settings: 'pnum' on, 'lnum' on;
    color: #374151;
    transition: all 0.7s ease;
}

.news-block:hover .news-img img {
    transform: scale(1.3);
}

.news-block:hover .news-text h5 {
    color: #DC2626;
}

.offer{
    overflow: hidden;
    padding: 22px 0;
}

.offer-block {
    background: linear-gradient(270deg, #FFFFFF 23.57%, rgba(255, 255, 255, 0) 77.68%), #FFFFFF;
    border-radius: 20px;
    position: relative;
    overflow: hidden;
    display: flex;
    align-items: center;
    transition: all 0.7s ease;
}

.offer-text {
    position: absolute;
    max-width: 260px;
}

.offer-text .section-title,
.offer-vk__text .section-title {
    align-items: flex-start;
    margin-bottom: 15px;
}

.offer-text .section-title h2 {
    font-size: 24px;
    line-height: 110%;
}

.offer-img {
    width: 365px;
    height: 100%;
}

.offer-img:after {
    content: '';
    position: absolute;
    top: 0;
    right: 0;
    width: 100%;
    height: 100%;
    background: linear-gradient(270deg, #FFFFFF 0%, rgba(255, 255, 255, 0) 50%);
}

.offer-text p {
    font-size: 16px;
    line-height: 120%;
    font-feature-settings: 'pnum' on, 'lnum' on;
    color: #374151;
    margin-bottom: 16px;
}

.offer-text a {
    height: 48px;
    width: 255px;
    font-size: 16px;
}

.offer-block-1 .offer-text {
    right: 26px;
}

.offer-block-2 {
    justify-content: flex-end;
}

.offer-block-2 .offer-text {
    left: 26px;
}

.offer-block-2 .offer-img:after {
    transform: rotate(180deg);
}



.offer-img,
.offer-vk__img {
    overflow: hidden;
    position: relative;
    height: 100%;
}


.offer-img img,
.offer-vk__img img {
    transition: all 0.7s ease;
    width: 100%;
    height: 100%;
    display: block;
    object-fit: cover;
}

.offer-block:hover, 
.offer-vk:hover  {
    box-shadow: rgb(0 0 0 / 10%) 0px 0px 30px;
}

.offer-vk {
    margin-top: 33px;
    display: flex;
    position: relative;
    align-items: center;
    background: linear-gradient(270deg, #FFFFFF 23.57%, rgba(255, 255, 255, 0) 77.68%), #FFFFFF;
    border-radius: 20px;
    overflow: hidden;
    transition: all 0.7s ease;
}

.offer-vk__img {
    width: 735px;
}

.offer-vk__img:after {
    content: '';
    position: absolute;
    top: 0;
    right: 0;
    width: 100%;
    height: 100%;
    background: linear-gradient(270deg, #FFFFFF 8.7%, rgba(255, 255, 255, 0) 77.58%)
}

.offer-vk__text {
    position: absolute;
    right: 52px;
}

.offer-vk__text p {
    font-size: 24px;
    line-height: 120%;
    font-feature-settings: 'pnum' on, 'lnum' on;
    color: #374151;
    margin-bottom: 18px;
}

.offer-vk__text a {
    width: 352px;
    height: 54px;
}

.gallery-img,
.gallery-video {
    overflow: hidden;
    width: 100%;
    height: 100%;
    border-radius: 10px;
    transition: all 0.7s ease;
    cursor: pointer;
}

.gallery-video,
.gallery-slider {
    height: 220px;
    transition: all 0.7s ease;
}

.gallery-img,
.gallery-video {
    transition: all 0.7s ease;
}

.gallery-img:hover,
.gallery-video:hover {
    box-shadow: rgb(0 0 0 / 45%) 0px 4px 16px;
}

.video-slider, .gallery-slider{
    width: calc(100% + 18px);
    padding: 18px;
}

.gallery-img img,
.gallery-video iframe {
    width: 100%;
    height: 100%;
    transition: all 0.7s ease;
    display: block;
}

.gallery-img:hover img {
    transform: scale(1.1);
}

.map-select__btn {
    display: flex;
    align-items: flex-start;
    margin-bottom: 16px;
}

.map-select__btn input[type=radio]:checked,
.map-select__btn input[type=radio]:not(:checked) {
    display: none;
    box-sizing: unset;
}

.map-select__btn input[type=radio]:checked+label .btn:before,
.map-select__btn input[type=radio]:not(:checked)+label .btn:before {
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    background: #FFFFFF;
    box-shadow: inset 2px 2px 3px rgba(0, 0, 0, 0.2);
    border-radius: 5px;
    box-sizing: unset;
    cursor: pointer;
    border-radius: 50%;
}

.map-select__btn input[type=radio]:checked+label .btn,
.map-select__btn input[type=radio]:not(:checked)+label .btn {
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
    align-items: center;
    box-sizing: unset;
    width: 24px;
    height: 24px;
    margin-right: 9px;
}

.map-select__btn input[type=radio]:checked+label .btn:after,
.map-select__btn input[type=radio]:not(:checked)+label .btn:after {
    content: "";
    position: absolute;
    -webkit-transition: all .2s ease;
    -moz-transition: all .2s ease;
    -o-transition: all .2s ease;
    transition: all .2s ease;
    box-sizing: unset;
    cursor: pointer;
}

.map-select__btn input[type=radio]:checked+label .btn:after,
.map-select__btn input[type=radio]:not(:checked)+label .btn:after {
    width: 12px;
    height: 12px;
    background: #DC2626;
    border-radius: 50%;
    transform: scale(0);
}

.map-select__btn input[type=radio]:checked+label .btn:after {
    transform: scale(1);
    box-sizing: unset;
}

.map-select__text {
    width: 320px;
}

.map-select__text h6 {
    font-weight: 700;
    font-size: 18px;
    line-height: 110%;
    font-feature-settings: 'pnum' on, 'lnum' on;
    color: #374151;
    margin-bottom: 12px;
}

.map-select__text p {
    font-weight: 500;
    font-size: 12px;
    line-height: 130%;
    font-feature-settings: 'pnum' on, 'lnum' on;
    color: #374151;
}

.radio-label {
    display: flex;
    align-items: flex-start;
    cursor: pointer;
}

.contacts-text {
    width: 352px;
}

.contacts-text .section-title {
    align-items: flex-start;
    margin-bottom: 25px;
}

.contacts-text__contact {
    margin-bottom: 17px;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
}

.contacts-text__contact-title {
    display: flex;
    align-items: center;
    font-weight: 700;
    font-size: 18px;
    line-height: 110%;
    font-feature-settings: 'pnum' on, 'lnum' on;
    color: #374151;
    margin-bottom: 10px;
}

.contacts-text__contact-title img {
    width: 24px;
    height: 24px;
    margin-right: 9px;
    object-fit: contain;
}

.contacts-text__contact a {
    transition: all 0.7s ease;
    font-size: 14px;
    line-height: 120%;
    font-feature-settings: 'pnum' on, 'lnum' on;
    color: #374151;
    margin-left: 34px;
}

.contacts-text__contact a:hover {
    color: #DC2626;
}

.contacts-map {
    display: none;
}

@-webkit-keyframes fadeIn {
    0% {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

@keyframes fadeIn {
    0% {
        opacity: 0
    }

    to {
        opacity: 1
    }
}


.contacts-map__active {
    display: block;
    -webkit-animation-name: fadeIn;
    animation-name: fadeIn;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
}

.contacts-container {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.contacts-maps {
    filter: drop-shadow(0px 0px 20px rgba(0, 0, 0, 0.2));
    border-radius: 20px;
    height: 533px;
    width: 736px;
}

.contacts-map {
    width: 100%;
    height: 100%;
}

.contacts-map iframe {
    border-radius: 20px;
    width: 100%;
    height: 100%;
}


footer {
    background: #374151;
    padding-top: 45px;
    padding-bottom: 25px;
}

.footer-logo {
    width: 160px;
    height: 37px;
}

.footer-block .another-version__text,
.footer-block .day-work p {
    font-size: 12px;
    line-height: 130%;
    color: white;
}

.footer-block .day-work .red {
    color: #DC2626;
}

.red-border-transparent__btn {
    width: 176px;
    height: 28px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: 700;
    font-size: 12px;
    line-height: 14px;
    font-feature-settings: 'pnum' on, 'lnum' on;
    color: #FFFFFF;
    border: 0;
    background: transparent;
    border: 1px solid #DC2626;
    border-radius: 50px;
    cursor: pointer;
    transition: all 0.7s ease;
}

.red-border-transparent__btn:hover {
    background: #DC2626;
}

.footer-block navbar {
    margin-top: 15px;
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    width: 675px;
    flex-wrap: wrap;
}

.footer-block navbar li {
    margin-bottom: 15px;
    position: relative;
    display: flex;
    align-items: center;
    margin-left: 20px;
}

.footer-block navbar li::after {
    content: "";
    position: absolute;
    left: -15px;
    width: 4px;
    height: 4px;
    background: white;
    border-radius: 50%;
}

.footer-block navbar li a {
    font-size: 14px;
    line-height: 120%;
    font-feature-settings: 'pnum' on, 'lnum' on;
    color: #FFFFFF;
    transition: all 0.7s ease;
}

.footer-block navbar li a:hover {
    color: #DC2626;
}

.footer-container,
.footer-block {
    align-items: flex-start;
}

.footer-block .contacts-btn>a {
    color: white;
}

.footer-block .contacts-btn:hover .contacts-menu {
    top: 30px;
    padding: 10px;
    z-index: 1;
}

.footer-contacts__block {
    display: flex;
    flex-direction: column;
    align-items: flex-end;
}

.footer-contacts__block .contacts-btn {
    padding-bottom: 30px;
    margin-bottom: -30px;
}

.footer-contacts__block .red-border-transparent__btn {
    margin-top: 70px;
    margin-bottom: 115px;
}

.studio {
    display: flex;
    align-items: center;
    font-size: 12px;
    line-height: 130%;
    font-feature-settings: 'pnum' on, 'lnum' on;
    color: #FFFFFF;
    transition: all 0.7s ease;
}

.studio img {
    margin-left: 9px;
}

.studio:hover {
    color: #DC2626;
}



form {
    width: 350px;
    display: flex;
    flex-direction: column;
}


.modal {
    width: 400px;
    background: #FFFFFF;
    border-radius: 20px;
    padding: 45px 30px;
}

.modal-block {
    width: 100%;
    text-align: center;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}

.modal-overlay button {
    height: 50px;
    margin-top: 10px;
}


.input-contain {
    position: relative;
    width: 100%;
    margin-bottom: 15px;
}


.input-contain input,
.input-contain .placeholder-text .text {
    font-size: 16px;
    font-feature-settings: 'pnum' on, 'lnum' on;
    color: #374151;
    padding-left: 18px;
    transition: all 0.7s ease;
}

.input-contain input {
    height: 50px;
    width: 100%;
    border: 2px solid #DC2626;
    border-radius: 15px;
    box-shadow: inset 2px 2px 3px rgb(0 0 0 / 5%);
    padding-top: 20px;
    color: #374151;
}

.input-contain .placeholder-text {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background-color: transparent;
    pointer-events: none;
    display: flex;
    align-items: center;
}


.input-contain .text {
    background-color: transparent;
    transform: translate(0);
    transition: transform 0.15s ease-out, font-size 0.15s ease-out, background-color 0.2s ease-out, color 0.15s ease-out;
}

.input-contain__block input:focus+.placeholder-text .text,
.input-contain__block :not(input[value=""])+.placeholder-text .text {
    color: #374151;
    font-size: 13px;
    transform: translate(0, -55%);
    z-index: 1;
    margin-left: 2px;
}


.form-date {
    height: 50px;
    width: 100%;
    border: 2px solid #DC2626;
    border-radius: 15px;
    box-shadow: inset 2px 2px 3px rgb(0 0 0 / 5%);
    color: #374151;
    min-height: 1.2em;
    font-size: 16px;
    font-feature-settings: 'pnum' on, 'lnum' on;
    padding-left: 18px;
    padding-right: 10px;
    transition: all 0.7s ease;
    margin-bottom: 10px;
}

.form-date::-webkit-full-page-media, _:future, :root .safari_only {

    display:block;
    -webkit-appearance: textfield;
    -moz-appearance: textfield;
    color: #374151;
}


.form-date::after{
    color: #374151;
    content: attr(placeholder);
 } 

.form-date::-webkit-calendar-picker-indicator {
    width: 25px;
    height: 25px;
    cursor: pointer;
}

.modal-overlay .section-title h2 {
    font-size: 24px;
}

.section-title {
    margin-bottom: 25px;
}

.privacy-checkbox {
    display: flex;
    align-items: flex-start;
}

.privacy-checkbox span,
.privacy-checkbox span a {
    font-size: 15px;
    line-height: 120%;
    color: #535353;
}

.privacy-checkbox span a {
    text-decoration: underline;
    transition: all 0.7s ease;
}

.privacy-checkbox span a:hover {
    color: #DC2626;
}

.privacy-checkbox input[type=checkbox]:checked,
.privacy-checkbox input[type=checkbox]:not(:checked) {
    display: none;
    box-sizing: unset;
}

.privacy-checkbox label {
    display: flex;
    align-items: flex-start;
}

.privacy-checkbox input[type=checkbox]:checked+label .checkbox,
.privacy-checkbox input[type=checkbox]:not(:checked)+label .checkbox {
    display: flex;
    position: relative;
    align-items: center;
    box-sizing: unset;
    min-width: 27px;
    min-height: 27px;
    max-width: 27px;
    margin-right: 15px;
    max-height: 27px;
}

.privacy-checkbox input[type=checkbox]:checked+label .checkbox:before,
.privacy-checkbox input[type=checkbox]:not(:checked)+label .checkbox:before {
    content: "";
    position: absolute;
    left: 0;
    top: 0px;
    width: 27px;
    height: 27px;
    background: #FFFFFF;
    box-shadow: inset 2px 2px 3px rgb(0 0 0 / 20%);
    border-radius: 5px;
    box-sizing: unset;
    cursor: pointer;
}

.privacy-checkbox input[type=checkbox]:checked+label .checkbox:after,
.privacy-checkbox input[type=checkbox]:not(:checked)+label .checkbox:after {
    content: "";
    position: absolute;
    -webkit-transition: all .2s ease;
    -moz-transition: all .2s ease;
    -o-transition: all .2s ease;
    transition: all .2s ease;
    box-sizing: unset;
    cursor: pointer;
}

.privacy-checkbox input[type=checkbox]:checked+label .checkbox:after,
.privacy-checkbox input[type=checkbox]:not(:checked)+label .checkbox:after {
    left: 3.5px;
    top: 5px;
    width: 22px;
    height: 18px;
    background: url("../img/check-mark.svg") center no-repeat;
}

.privacy-checkbox input[type=checkbox]:not(:checked)+label .checkbox:after {
    opacity: 0;
    box-sizing: unset;
}

.privacy-checkbox input[type=checkbox]:checked+label .checkbox:after {
    opacity: 1;
    box-sizing: unset;
}


.fancybox-content {
    border-radius: 20px;
}

.scroller {
    overflow-x: hidden;
    width: 100%;
}

.mobile-menu {
    display: none;
}

.footer-contacts__block .red-border-transparent__btn:first-of-type {
    display: none;
}

.slider-button img {
    width: 100%;
    height: 100%;
}

.main-block .main-img+.red-btn {
    display: none;
}

.fancybox-slide--html .fancybox-close-small{
    top: -10px;
}

.services{
    position: relative;
}

section .container{
    position: relative;
}

.circle-bg{
    position: absolute;
}

.main-background{
    overflow: hidden;
}

.services-circle{
right: -130px;
top: -301px;
z-index: 0;
}

.services-circle-2{
top: 195px;
right: -386px;
}

.specialist-circle{
    top: 51px;
    left: -190px;
    
}

.about-circle{
    top: -225px;
    left: -428px;
}

.about{
    position: relative;
}

.about-circle-2{
    right: 72px;
    bottom: -205px;
}

.certificats{
    position: relative;
    z-index: 1;
}

.gifts{
    position: relative;
}

.gifts-circle-2{
left: -80px;
top: 13px;
}

.gifts-circle{
    right: -180px;
    top: -509px;
    }

    .news-circle{
        top: 7px;
        right: -214px;
    }

    .gallery-circle{
        left: -234px;
        top: 22px;
    }

    .contacts-gallery{
        width: 444px;
        height: 444px;
        right: -180px;
        top: -165px;
    }

    .certificate-slider .swiper-slide img{
        width: 100%;
        height: 100%;
    }

    .single-page{
        padding: 60px 0;
    }

    .single-block ul{
margin-bottom: 30px;
    }

    .single-block li{
        margin-bottom: 8px;
    }

    .single-block li, .single-block li a{
        font-weight: 500;
        font-size: 16px;
        line-height: 120%;
        color: #374151;
    }

    .single-block li a{
        transition: all 0.7s ease;
    }

    .single-block li a:hover{
        color: #DC2626;
    }

    .single-block li::after {
        content: "";
        position: absolute;
        left: -15px;
        width: 4px;
        height: 4px;
        background: #DC2626;
        border-radius: 50%;
    }

    .single-block li {
        position: relative;
        display: flex;
        align-items: center;
        margin-left: 30px;
    }

@media (max-width: 1199px) {

    .header-logo,
    .footer-logo {
        width: 140px;
    }

    .header-block>navbar>li {
        margin-right: 35px;
    }

    .contacts-menu__tels span {
        margin-bottom: 10px;
    }

    .contacts-menu__tels {
        margin-bottom: 10px;
    }

    .contacts-menu__tels a,
    .contacts-menu__tels span {
        font-size: 15px;
    }

    .contacts-menu__address p {
        margin-bottom: 15px;
        font-size: 11px;
    }

    .contacts-btn:hover .contacts-menu {
        padding: 8px 15px;
    }

    .header-blocks,
    .footer-blocks {
        width: 750px;
    }

    .header-block navbar li a {
        font-size: 14px;
		font-weight: bold;
    }

    .dropdown:hover .dropdown-menu {
        padding: 25px 10px;
    }

    .dropdown-menu ul:first-child {
        margin-right: 15px;
    }

    .main-img {
        width: 537px;
        height: 533px;
    }

    .main-features__block p {
        font-size: 13px;
    }

    .main-features__block h4 {
        font-size: 16px;
    }

    .services-block__menu a {
        font-size: 14px;
    }

    .top-specialist__slider .swiper-wrapper .swiper-slide {
        width: 253px;
    }

    .top-specialist,
    .news,
    .gallery {
        overflow: hidden;
    }

    .news-slider,
    .gallery-slider,
    .video-slider,
    .top-specialist__slider {
        width: 100%;
        padding: 18px 0;
    }

    .top-specialist__slider {
        padding-top: 50px;
    }

    .news-slider .swiper-wrapper .swiper-slide,
    .gallery-slider .swiper-wrapper .swiper-slide,
    .video-slider .swiper-wrapper .swiper-slide {
        width: 347px;
    }


    .top-specialist .container,
    .news .container,
    .gallery .container {
        max-width: 100% !important;
        padding-right: 0;
        padding-left: 0;
    }

    .top-specialist .container .row,
    .news .container .row,
    .gallery .container .row {
        margin-left: 0;
        margin-right: 0;
    }

    .top-specialist .container .row .col-12,
    .news .container .row .col-12,
    .gallery .container .row .col-12 {
        padding-right: 0;
        padding-left: 0;
    }



    .about-blocks {
        flex-direction: column-reverse;
        height: 100%;
    }

    .about-slider__wrapper {
        position: relative;
        width: 100%;
        margin-bottom: 35px;
    }

    .about-slider {
        position: absolute;
        right: 0;
        width: 96vw;
        border-radius: 50px 0px 0px 50px;
    }

    .certificate-main__blocks {
        flex-direction: column;
        align-items: center;
        justify-content: center;
    }

    .certificate-slider__wrapper {
        margin-right: 0;
        margin-bottom: 60px;
    }

    .certificate-text {
        width: 100%;
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
    }

    .certificate-text .section-title {
        align-items: center;
    }

    .certificate-small__blocks {
        margin-top: 40px;
    }

    .certificate-small__block {
        width: 50%;
    }

    .certificate-small__block h5 {
        max-width: 253px;
    }

    .offer-block {
        height: 256px;
    }

    .offer-block {
        margin-bottom: 30px;
    }

    .offer-img img {
        object-fit: cover;
    }

    .offer-img {
        width: 550px;
    }

    .main-slider__navigation {
        bottom: 35px;
    }

    .contacts-maps {
        width: 550px;
    }

    .footer-block navbar li a {
        font-size: 13px;
    }

    .footer-block navbar {
        width: 550px;
    }

    .logo-parts__2 img{
        width: 100%;
    }

    .logo-parts__1 img:nth-child(3), .logo-parts__1 img:nth-child(1) {
        width: 56px;
    }

    .logo-parts__1 img:nth-child(2){
        width: 25px;
    left: 57px;
    }
}

@media (max-width: 991px) {
    


    .header-block .another-version,
    .header-block .day-work,
    .header-block .vk-btn {
        display: none;
    }

    .header-blocks {
        width: auto;
    }

    .header-block {
        justify-content: flex-end;
    }

    .header-block navbar {
        display: none;
    }

    .menu-icon__block {
        -webkit-transform: translate3d(0, 0, 0);
        width: 28px;
        height: 28px;
        border-radius: 50%;
        background: #DC2626;
        -webkit-transform: translateZ(0px);
        -moz-transform: translateZ(0px);
        -o-transform: translateZ(0px);
        transform: translateZ(0px);
        -webkit-overflow-scrolling: auto;
        transition: all 0.7s;
        z-index: 7;
        display: flex;
        align-items: center;
        justify-content: center;
        margin-left: 8px;
    }

    .menu-icon {
        display: flex;
        flex-direction: column;
        justify-content: space-between;
        width: 28px;
        position: absolute;
        cursor: pointer;
        height: auto;
        align-items: center;
    }

    .menu-icon>span {
        width: 12px;
        height: 2px;
        background-color: white;
        display: block;
        transition: all 0.3s ease-in-out;
        margin: 1.5px 0;
        position: relative;
    }

    .menu-btn__active {
        background: transparent;
    }

    .menu-btn__active .menu-icon span:nth-child(1) {
        transform-origin: center center;
        transform: rotate(-45deg);
        width: 28px;
        top: 6px;
        height: 4px;
        border-radius: 8px;
        background: #DC2626;
    }

    .menu-btn__active .menu-icon span:nth-child(2) {
        transform: translateX(10px);
        opacity: 0;
    }

    .menu-btn__active .menu-icon span:nth-child(3) {
        transform-origin: center center;
        transform: rotate(45deg);
        width: 28px;
        top: -6px;
        height: 4px;
        border-radius: 8px;
        background: #DC2626;
    }

    .mobile-menu {
        display: block;
        position: fixed;
        width: 100%;
        height: 100%;
        background: #374151;
        z-index: 6;
        top: 0;
        left: 0;
        margin: 0;
        padding: 80px 75px;
        transform: translateX(100%);
        transition: transform 0.7s ease;
        overflow-x: hidden;
        overflow-y: auto;
        flex-wrap: nowrap;
    }

    .menu-active {
        transform: translateX(0%);
    }

    .mobile-menu ul {
        margin-bottom: 35px;
    }

    .mobile-menu ul li {
        margin-bottom: 15px;
        position: relative;
        display: flex;
        align-items: center;
        margin-left: 25px;
    }

    .mobile-menu ul li::after {
        content: "";
        position: absolute;
        left: -20px;
        width: 6px;
        height: 6px;
        background: white;
        border-radius: 50%;
    }

    .mobile-menu ul li a {
        font-size: 24px;
        line-height: 120%;
        font-feature-settings: 'pnum' on, 'lnum' on;
        color: #FFFFFF;
        transition: all 0.7s ease;
    }

    .mobile-menu__contacts {
        display: flex;
        justify-content: space-between;
    }


    .mobile-menu__contacts .contacts-btn>a {
        color: white;
    }

    .mobile-menu__wrapper {
        overflow: hidden;
    }

    .main-block {
        height: 770px;
    }

    .main-text {
        position: relative;
    }

    .main-img {
        position: absolute;
        bottom: 0;
        right: 0;
        width: 487px;
        height: 483px;
    }



    .main-block {
        justify-content: flex-start;
    }

    .main-slider__navigation {
        bottom: 270px;
        left: auto;
    }

    .main-circle__bg {
        left: -138px;
        top: -75px;
        width: 519px;
        height: 519px;
    }

    .main-features__blocks {
        flex-wrap: wrap;
    }

    .main-features__block {
        width: 50%;
    }

    .main-features__block p {
        max-width: 256px;
    }

    .services-block__menu a {
        font-size: 16px;
    }

    .gift-slider .swiper-slide {
        width: 318px;
        height: 260px;
        height: 225px;
    }

    .gift-slider__buy-btn {
        margin-top: 34px;
    }

    .offer-vk {
        height: 240px;
    }

    .offer-vk__img {
        width: 535px;
    }

    .slider-navigation {
        margin-top: 20px;
    }

    .contacts-container {
        flex-direction: column-reverse;
    }

    .contacts-maps {
        width: 100%;
        margin-bottom: 40px;
    }

    .contacts-text {
        width: 100%;
        flex-wrap: wrap;
        display: flex;
        justify-content: space-between;
    }

    .contacts-text .section-title {
        width: 100%;
    }

    .map-select__btns,
    .contacts-text__contacts {
        width: 49%;
    }

    .footer-container {
        flex-direction: column;
    }

    .footer-blocks .footer-block:first-of-type .red-border-transparent__btn {
        display: none;
    }

    .footer-blocks .footer-block:last-of-type {
        flex-direction: column;
    }

    .footer-blocks {
        width: 100%;
    }

    .footer-logo {
        margin-bottom: 30px;
    }

    .footer-block navbar {
        margin-bottom: 35px;
    }

    .footer-contacts__block {
        flex-direction: row;
        width: 100%;
        justify-content: space-between;
        margin-bottom: 84px;
    }

    .footer-contacts__block .red-border-transparent__btn {
        margin: 0;
    }

    .footer-contacts__block .contacts-menu__tels span {
        margin-bottom: 5px;
    }

    .footer-contacts__block .contacts-menu__tels {
        margin-bottom: 0;
    }

    .footer-block .contacts-btn:hover .contacts-menu {
        padding: 8px;
    }

    header {
        overflow: hidden;
    }

    .contacts-btn__wrapper .contacts-menu {
        opacity: 1;
        max-height: 100%;
        visibility: visible;
        display: block;
        position: fixed;
        width: 100%;
        height: 100%;
        background: white;
        z-index: 7;
        top: 0;
        left: 0;
        margin: 0;
        padding: 80px 75px;
        transform: translateX(100%);
        transition: transform 0.7s ease;
        overflow-x: hidden;
        overflow-y: auto;
        flex-wrap: nowrap;
    }

    .contacts-btn__wrapper .contacts-menu__active {
        transform: translateX(0%);
    }

    .contacts-btn__wrapper:hover .contacts-menu {
        padding: 80px 75px;
        top: 0;
        box-shadow: inherit;
    }

    .red-small__btn {
        width: 28px;
        height: 28px;
        border-radius: 50%;
        background: #DC2626;
        transition: all 0.7s ease;
        display: flex;
        align-items: center;
        justify-content: center;
        transition: all 0.7s;
        margin-left: 7px;
        position: relative;
    }

    .red-small__btn-contacts {
        z-index: 8;
    }

    .red-small__btn-contacts img {
        transition: all 0.7s ease;
    }

    .red-small__btn-active {
        background: transparent;
    }

    .red-small__btn-active img {
        transform: scale(0);
        opacity: 0;
    }

    .red-small__btn-active .line-3 {
        position: absolute;
        display: block;
        margin: 1.5px 0;
        transform-origin: center center;
        transform: rotate(45deg);
        width: 28px;
        top: 11px;
        height: 4px;
        border-radius: 8px;
        background: #DC2626;
    }

    .red-small__btn-active .line-1 {
        position: absolute;
        display: block;
        margin: 1.5px 0;
        transform-origin: center center;
        transform: rotate(-45deg);
        width: 28px;
        top: 11px;
        height: 4px;
        border-radius: 8px;
        background: #DC2626;
    }

    .closed-icon {
        position: absolute;
        display: flex;
        align-items: center;
        justify-content: center;
        width: 28px;
        height: 28px;
        transform: scale(0);
        opacity: 0;
        transition: all 0.7s ease;
    }

    .red-small__btn-active .closed-icon {
        transform: scale(1);
        opacity: 1;
    }

    .contacts-btn__wrapper .contacts-menu__tels a,
    .contacts-btn__wrapper .contacts-menu__tels span {
        font-size: 19px;
    }


    .contacts-btn__wrapper .contacts-menu__address p {
        margin-bottom: 30px;
        font-size: 16px;
    }

    .contacts-btn__wrapper .contacts-menu__tels {
        margin-bottom: 20px;
    }

    .lowest-index {
        z-index: 6;
        opacity: 0;
    }

    .contacts-btn__wrapper>img,
    .contacts-btn__wrapper>a,
    .contacts-btn__wrapper:after {
        display: none;
    }

    .header-blocks .long-line {
        display: none;
    }

    .small-margin-right {
        margin-right: 135px;
    }


}

@media (max-width: 769px) {

header .b-page_newyear {
    height: 80px;
    position: relative;
    z-index: 3;
    top: -20px;
}
}


@media (max-width: 767px) {

    .header-block .vk-btn+.red-border__btn span{
        display: none;
    }


    .main-img {
        width: 467px;
        height: 463px;
    }

    .main-text a {
        width: 280px;
        height: 54px;
    }

    .main-slider__navigation {
        bottom: 340px
    }

    .main-text h1 {
        font-weight: 700;
        font-size: 39px;
        margin-bottom: 20px;
    }

    .main-text hr {
        margin-bottom: 30px;
    }

    .contacts-btn__wrapper .contacts-menu,
    .contacts-btn__wrapper:hover .contacts-menu,
    .mobile-menu {
        padding: 50px 45px;
    }

    .mobile-menu__contacts {
        flex-wrap: wrap;
    }

    .mobile-menu__contacts .red-border-transparent__btn,
    .mobile-menu__contacts .contacts-btn {
        margin-bottom: 20px;
    }

    .mobile-menu ul li a {
        font-size: 21px;
    }

    .mobile-menu ul li {
        margin-bottom: 13px;
    }

    .about-slider__wrapper {
        height: 350px;
    }

    .about-slider__navigation {
        bottom: 15px;
    }

    .certificate-small__block {
        width: 100%;
        margin-bottom: 20px;
    }


    .certificats {
        padding-bottom: 25px;
    }

    .gift-slider .swiper-slide {
        width: 250px;
        height: 185px;
    }


    .offer-block,
    .offer-vk {
        flex-direction: column;
        height: auto;
        margin-bottom: 30px;
    }

    .offer-block-1 .offer-text,
    .offer-block-2 .offer-text,
    .offer-vk__text {
        right: auto;
        width: 100%;
        max-width: 100%;
        margin-top: -15px;
        margin-bottom: 30px;
        padding: 0 25px;
        position: relative;
    }

    .offer-block-1 .offer-img:after,
    .offer-block-2 .offer-img:after,
    .offer-vk__img:after {
        transform: inherit;
        background: linear-gradient(360deg, #FFFFFF 0%, rgba(255, 255, 255, 0) 56.64%);
    }


    .offer-img,
    .offer-vk__img {
        width: 100%;
        height: 350px;
    }

    .offer-vk {
        margin-top: 0;
        margin-bottom: 0;
    }


    .map-select__text {
        width: 200px;
    }

    .contacts-text__contact-title {
        font-size: 16px;
    }

    .contacts-text__contact a {
        margin-bottom: 5px;
    }

    .contacts {
        margin-bottom: 20px;
    }

    .footer-container {
        justify-content: center;
        align-items: center;
    }

    .footer-block .another-version,
    .footer-block .day-work {
        margin-right: 15px;
    }

    .another-version,
    .day-work {
        align-items: flex-start;
    }

    .day-work hr {
        display: none;
    }

    .day-work {
        display: flex;
    }

    .day-work__text {
        flex-direction: column;
        align-items: flex-start;
    }

    .another-version {
        width: 100px;
    }

    .footer-block navbar {
        width: 100%;
    }

    .footer-block navbar {
        margin-top: 5px;
    }

    .footer-contacts__block {
        flex-wrap: wrap;
        align-items: center;
    }


    .footer-contacts__block {
        margin-bottom: 20px;
    }

    .footer-contacts__block .contacts-btn+.red-border-transparent__btn,
    .studio {
        margin-top: 10px;
    }


    .footer-contacts__block .red-border-transparent__btn:first-of-type {
        display: flex;
    }

    .offer-block-2 .offer-text {
        left: auto;
    }

    .blue-circle{
             width: 566px;
        height: 566px;   
    }

    .contacts-gallery {

        right: -285px;
        top: -500px;
    }

    .about-circle-2 {
        right: auto;
        left: 0;
        bottom: -310px;
    }
}

@media (max-width: 576px) {

    .header-logo {
        width: 100px;
        height: 25px;
    }

    .red-small__btn, .menu-icon__block {
        width: 25px;
        height: 25px;
        margin-left: 5px;
    }

    .menu-icon>span {
        width: 10px;
    }

    .header-block .vk-btn+.red-border__btn {
        height: 25px;
        width: 90px;
        font-size: 9px;
    }

    header {
        padding: 7px 0;
    }

    .contacts-btn__wrapper .contacts-menu,
    .contacts-btn__wrapper:hover .contacts-menu,
    .mobile-menu {
        padding: 45px 35px;
    }


    .contacts-btn__wrapper .contacts-menu__tels a,
    .contacts-btn__wrapper .contacts-menu__tels span {
        font-size: 16px;
    }

    .contacts-btn__wrapper .contacts-menu__address p {
        margin-bottom: 20px;
        font-size: 14px;
    }

    .mobile-menu ul li a {
        font-size: 15px;
    }

    .mobile-menu ul li {
        margin-bottom: 11px;
    }

    .mobile-menu ul li::after {
        left: -15px;
        width: 4px;
        height: 4px;
    }

    .mobile-menu ul li {
        margin-left: 15px;
    }


    .mobile-menu__contacts {
        width: 100%;
        justify-content: center;
    }

    .mobile-menu__contacts .contacts-btn .contacts-menu {
        z-index: 0;
    }

    .mobile-menu__contacts .contacts-btn:hover .contacts-menu {
        top: 30px;
    }

    .main-img {
        width: 320px;
        height: 340px;
        margin-right: auto;
        right: -15px;
    }

    .main-slider {
        width: 100%;
    }

    main .container,
    main .container .row .col-12 {
        padding-right: 0;
    }

    main .row {
        margin-right: 0;
    }

    .main-text h1 {
        font-size: 32px;
        margin-bottom: 15px;
    }

    .main-text hr {
        margin-bottom: 15px;
    }

    .main-text p {
        font-size: 18px;
        margin-bottom: 0;
    }

    .main-block .main-text a {
        display: none;
    }

    .swiper-pagination-bullet {
        width: 18px;
        height: 18px;
        margin: 0 4px;
    }

    .swiper-pagination-bullet:after {
        width: 8px;
        height: 8px;
    }

    .slider-button__next {
        margin-left: 2px;
    }

    .slider-button__prev {
        margin-right: 2px;
    }

    .slider-button {
        width: 20px;
    }

    main {
        padding-top: 0;
    }

    .main-text {
        top: 40px;
    }

    .main-block {
        height: 570px;
    }

    .main-slider__navigation {
        bottom: 305px;
    }

    .main-block .main-img+.red-btn {
        width: calc(100% - 15px);
        display: flex;
        position: absolute;
        right: 15px;
        bottom: 19px;
        height: 45px;
    }

    .main-features__block {
        width: 100%;
    }

    .main-features {
        padding: 15px 0;
    }

    section {
        margin-bottom: 40px;
    }

    .section-title h2 {
        margin-bottom: 10px;
        font-size: 28px;
    }

    .top-specialist__feature {
        height: 35px;
    }

    .about-slider {
        width: calc(100% - 15px);
    }

    .about-slider__wrapper {
        height: 250px;
    }

    .about-text .section-title {
        align-items: center;
    }

    .about-text .red-btn {
        margin-top: 25px;
        width: 100%;
    }

    .main-circle__bg {
        left: -130px;
        top: -25px;
        width: 370px;
        height: 370px;
    }

    .certificate-slider__wrapper {
        width: 100%;
    }

    .section-title h2 {
        text-align: center;
    }

    .certificate-small__blocks {
        margin-top: 10px;
    }

    .gift-slider .swiper-slide {
        width: 190px;
        height: 135px;
    }

    .gift-slider__buy-btn {
        width: 100%;
        height: 45px;
        margin-top: 25px;
    }

    .gift-block img {
        border-radius: 10px;
    }

    .news .section-title {
        margin-bottom: 10px;
    }

    .news-slider .swiper-wrapper .swiper-slide,
    .gallery-slider .swiper-wrapper .swiper-slide,
    .video-slider .swiper-wrapper .swiper-slide {
        width: 295px;
    }

    .news-img {
        height: 185px;
    }

    .news-text h5 {
        font-size: 18px;
        line-height: 21px;
    }

    .slider-navigation {
        margin-top: 10px;
    }

    .offer-img,
    .offer-vk__img {
        height: 280px;
    }

    .offer-text .section-title h2,
    .offer-vk .section-title h2 {
        text-align: left;
    }

    .offer-block-1 .offer-text,
    .offer-block-2 .offer-text,
    .offer-vk__text {
        padding: 0 18px;
    }

    .offer-vk__text a {
        width: 100%;
    }

    .offer-vk__img {
        height: 190px;
    }

    .gallery .section-title {
        margin-bottom: 15px;
    }

    .more-btn {
        height: 45px;
        margin-top: 25px;
    }


    .contacts-text {
        flex-direction: column;
    }

    .map-select__btns,
    .contacts-text__contacts {
        width: 100%;
    }

    .map-select__text {
        width: 280px;
    }

    .map-select__btn {
        margin-bottom: 25px;
    }

    .contacts-text__contact a {
        width: 120px;
    }

    .footer-block navbar {
        flex-direction: column;
        margin-bottom: 0;
    }

    .footer-block navbar ul {
        margin-bottom: 20px;
    }

    .footer-block navbar li a {
        font-size: 16px;
    }

    .footer-contacts__block {
        flex-direction: column;
        justify-content: center;
    }

    .footer-contacts__block .red-border-transparent__btn {
        margin-bottom: 15px;
    }

    .footer-contacts__block .contacts-btn {
        padding-bottom: 0;
        margin-bottom: 15px;
    }

    .modal-overlay .section-title h2 {
        font-size: 19px;
    }

    .modal-overlay form {
        width: 280px;
    }


    .fancybox-content{
        padding: 35px 20px;
    }


    .section-title {
        margin-bottom: 20px;
    }

    .input-contain input, .nice-select, .form-date,  .modal-overlay button  {
        height: 40px;
    }

    .input-contain input, .input-contain .placeholder-text .text, 
    .nice-select .current, .nice-select .option, 
    .form-date{
        font-size: 14px;
    }

    .privacy-checkbox span, .privacy-checkbox span a {
        font-size: 13px;
        line-height: 110%;
    }

    .input-contain__block input:focus+.placeholder-text .text, .input-contain__block :not(input[value=""])+.placeholder-text .text{
        font-size: 11px;
    }

    .input-contain input{
        padding-top: 15px;
    }

    .privacy-checkbox{
        margin-bottom: 10px;
    }

    .main-features{
        overflow: hidden;
    }

    .header-logo .logo-parts{
        display: none;
    }

    .header-logo__original{
        display: block; 
        width: 100%;
        height: 100%;   
    }


.services-circle {
    right: -150px;
    top: -362px;
}

.specialist-circle{
    display: none;
}

.about-circle {
    top: -445px;
    left: -216px;
}

.gifts-circle-2{
    width: 190px;
    height: 190px;
}

.gifts-circle-2 {
    left: -48px;
    top: 150px;
}

.gifts-circle {
    right: -275px;
    top: -470px;
}

.news-circle{
    width: 319px;
    height: 319px;
    top: 140px;
    right: -96px;
}

.gallery-circle{
    width: 190px;
    height: 190px;
    left: -40px;
    top: 125px;
}

.contacts-gallery{
    width: 319px;
    height: 319px;
    right: -65px;
    top: -272px;
}

.news .section-title{
    padding: 0 15px;
}

.single-page{
    padding: 35px 0 0 0;
}

.form-date {
    width: 280px;
}

}



.fadeInLeft {
    -webkit-animation-name: fadeInLeft;
    animation-name: fadeInLeft;
    -webkit-animation-duration: 0.7s;
    animation-duration: 0.7s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
}


.fadeInRight {
    -webkit-animation-name: fadeInRight;
    animation-name: fadeInRight;
    -webkit-animation-duration: 0.7s;
    animation-duration: 0.7s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
}

.fadeIn {
    -webkit-animation-name: fadeIn;
    animation-name: fadeIn;
    -webkit-animation-duration: 0.7s;
    animation-duration: 0.7s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
}

.fadeInDown {
    -webkit-animation-name: fadeInDown;
    animation-name: fadeInDown;
    -webkit-animation-duration: 0.9s;
    animation-duration: 0.9s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
}


.fadeInUp {
    -webkit-animation-name: fadeInUp;
    animation-name: fadeInUp;
    -webkit-animation-duration: 0.9s;
    animation-duration: 0.9s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
}

html {
    -webkit-font-smoothing: antialiased;
}

.wow {
    visibility: hidden;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
}