html,body,p,ol,ul,li,dl,dt,dd,blockquote,figure,fieldset,legend,textarea,pre,iframe,hr,h1,h2,h3,h4,h5,h6{margin:0;padding:0}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal}ul{list-style:none}button,input,select{margin:0}html{-webkit-box-sizing:border-box;box-sizing:border-box}*,*::before,*::after{-webkit-box-sizing:inherit;box-sizing:inherit}img,video{height:auto;max-width:100%}iframe{border:0}table{border-collapse:collapse;border-spacing:0}td,th{padding:0}
* {-webkit-box-sizing: border-box;box-sizing: border-box; outline: none;}
:root{
    --main:#230C04;
    --brown:#874B38;
    --gray:#D9D9D9;
    --gray-2:#7B7B7B;
    --beige:#FFF2EE;
    --yellow:#FFE193;
}
* {
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
}
html {scroll-behavior: smooth;}
body {
    margin: 0;
    padding: 0;
    font-family: "Involve";
    font-size: 18px;
    font-weight: 400;
    line-height: 1.3;
    text-align: left;
    position: relative;
    z-index: 1;
    color: var(--main);
    background-repeat: no-repeat;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    cursor: default;
    overflow: auto;
    background-color: #fff;
}
.hidden {display: none !important;}
.main-page-wrapper {max-width: 1920px; overflow: hidden; width: 100%; position: relative; margin: 0 auto;}
h1,h3,h4,h5,h6{font-family: "Involve";}
h1 {}

.no-scroll {overflow: hidden;}
section {display: block; width: 100%;}
a {-webkit-transition: color .3s ease-in-out;-o-transition: color .3s ease-in-out;transition: color .3s ease-in-out; text-decoration: none; outline: none;color:var(--main);}
a:focus{outline:none;}
/* a:visited {color: inherit;} */
a:hover{text-decoration: none; color: var(--second);}
ol {padding-left:20px;}
button {font-family: "Involve"; cursor: pointer; border: none; outline: none;}
.error {font-size: 12px!important; position: absolute; z-index: -1; top: -15px; color: red !important; text-align: left; opacity: 0; -webkit-transition: opacity .3s ease-in-out; -o-transition: opacity .3s ease-in-out; transition: opacity .3s ease-in-out; margin-bottom: 5px !important; line-height: 1.1;}
.error.show{opacity: 1; z-index: 1;}
input.wrong {border-color: red !important;}
svg path {-webkit-transition: fill .3s ease-in-out;-o-transition: fill .3s ease-in-out;transition: fill .3s ease-in-out;}
p {margin-bottom: 8px;}
input, textarea {outline: none; font-family: 'Montserrat', Arial,sans-serif; -webkit-transition: border-color .3s ease-in-out; -o-transition: border-color .3s ease-in-out; transition: border-color .3s ease-in-out;}
.content {width: 1280px; position: relative; margin: 0 auto; padding: 0 16px;}
.hidden {display: none !important;}
.center {text-align: center;}

.no-scroll-y {overflow-y: hidden;}
.no-scroll {overflow: hidden;}
input, select {-webkit-transition: border-color .3s ease-in-out;-o-transition: border-color .3s ease-in-out;transition: border-color .3s ease-in-out;}


section {display: block; width: 100%; position: relative; }

.btn {display: inline-block; position: relative; transition: all .3s ease-in-out; padding: 12px 30px; border-radius: 13px; background-color: var(--main); color:#fff; font-size: 20px; font-weight: 700; box-shadow: 3px 5px 2.1px 0px #00000040}
.btn:hover {background-color: var(--brown); color: #fff;}

header {}
header .header-wrapper {display: flex; align-items: center; padding: 26px 0; justify-content: space-between;}
header .header-wrapper .logo-wrapper {display: block; width: 167px;} 
header .header-wrapper .logo-wrapper a {display: block; width: 100%;} 
header .header-wrapper .logo-wrapper img {display: block; width: 100%;} 
header .menu-btn-wrapper {display: flex; align-items: center;}
header .menu-wrapper ul {display: flex; margin-right: 32px; align-items: center;}
header .menu-wrapper ul li {margin-left: 20px;}
header .menu-wrapper ul li a {color: #000;}
header .menu-wrapper ul li a:hover {color: var(--brown); text-decoration: underline;}

header .instagram-mobile {display: none;}


.burger-wrapper {width: 32px; height: 32px; position: relative; display: none;}
.burger-wrapper label {position: absolute; left: 0;right: 0;top: 0;bottom: 0; cursor: pointer; z-index: 2;}
.burger-wrapper .lines-wrapper {position: relative; height: 100%;}
.burger-wrapper .lines-wrapper .burger-line {width: 32px; height: 3px; background-color: var(--main); border-radius: 1.5px; position: absolute; transition: all .3s ease-in-out;}
.burger-wrapper .lines-wrapper .burger-line.first {top: 6px;}
.burger-wrapper .lines-wrapper .burger-line.second {top: 15px;}
.burger-wrapper .lines-wrapper .burger-line.third {top: 24px; width: 18px;right: 0;}

#check-menu:checked ~ .lines-wrapper .first {display: none;}
#check-menu:checked ~ .lines-wrapper {background-color: var(--main); border-radius: 50%;}
#check-menu:checked ~ .lines-wrapper .burger-line {background-color: #fff;}
#check-menu:checked ~ .lines-wrapper .second {transform: rotate(45deg);left: 6px;width: 20px;top: 14px;}
#check-menu:checked ~ .lines-wrapper .third {transform: rotate(-45deg);top: 14px;width: 20px;right: 6px;}
.mobile-menu {position: absolute; top: 66px; left: -105%; background-color: #fff; transition: all .3s ease-in-out; width: 100%; height: calc(100vh - 66px); z-index: -1; }
.mobile-menu.show {left: 0; z-index: 5; left: 0;}
.mobile-menu .inner-wrapper {position: relative; padding: 24px 40px;}
.site-footer {}
.site-footer .top-row {background-color: var(--main); padding: 68px 0 86px;}
.site-footer .top-row-wrapper {display: flex; justify-content: space-between; flex-wrap: wrap;}
.site-footer .top-row-wrapper .logo-wrapper {width: 145px;}
.footer-menu-wrapper .single-column {width: 50%;}
.footer-menu-wrapper {display: flex; flex-wrap: wrap; width: 500px;}
.footer-menu-wrapper .link-wrapper {margin-bottom: 28px;}
.footer-contacts-wrapper .title,
.footer-menu-wrapper .link-wrapper a {color: var(--beige); font-size: 18px; font-weight: 700;}
.footer-menu-wrapper .link-wrapper a:hover {color: var(--yellow); }
.footer-contacts-wrapper {width: 350px;}
.footer-contacts-wrapper .title {margin-bottom: 16px;}
.footer-contacts-wrapper a.w-icon {display: flex; align-items: center; color: var(--beige); margin-bottom: 12px;}
.footer-contacts-wrapper a.w-icon .icon {display: flex; justify-content: flex-start;}
.footer-contacts-wrapper a.w-icon span {width:calc(100% - 38px); padding-left: 8px;}
.footer-contacts-wrapper a.w-icon:hover {color: var(--yellow);}
.footer-contacts-wrapper a.w-icon .icon svg {display: block; width: 100%; height: 100%;}
.footer-contacts-wrapper a.w-icon .icon svg path {transition: all .3s ease-in-out;}
.footer-contacts-wrapper a.w-icon.address:hover .icon svg path {fill:var(--yellow)}
.footer-contacts-wrapper a.w-icon.phone:hover .icon svg path {stroke:var(--yellow)}

.socials-wrapper {display: flex; align-items: center; margin-top:26px;}
.socials-wrapper a {display: flex; margin-right: 19px; justify-content: center; align-items: center; width: 58px; height: 58px; border-radius: 50%; background-color: #fff; transition: all .3s ease-in-out;}
.socials-wrapper a svg path {transition: all .3s ease-in-out;}
.socials-wrapper a:hover {background-color: var(--brown);}
.socials-wrapper a:hover svg path {stroke:#fff;}
.socials-wrapper a:hover svg path {fill:#fff;}
.site-footer .bottom-row {background-color: var(--gray); padding: 14px 0 16px;}
.site-footer .bottom-row-wrapper {display: flex;justify-content: space-between; font-size: 14px;}
.site-footer .bottom-row-wrapper a {color: #000;}
.site-footer .bottom-row-wrapper a:hover {text-decoration: underline;}
.top-block-wrapper {margin-top: 0; padding-top: 70px; height:703px; background-image: url(../images/bg-dog.jpg); background-repeat: no-repeat; background-size: cover; background-position: center;} 
.top-block-wrapper .label-block {margin: 0px auto; background-color: transparent; text-align: center; width: 774px; border-radius: 50px; padding: 16px 16px 42px; backdrop-filter: blur(18px); box-shadow: 1px -6px 32.5px -13px #00000040;}
.label-block h1 {font-size: 36px; font-weight: 500;}
.label-block .btn-wrapper {margin-top: 24px;}
.label-block .desc {margin-bottom: 12px;}

.pluses {display: flex; flex-wrap: wrap; justify-content: space-between;}
.pluses-wrapper-main .pluses {padding: 50px 0 90px;}
.pluses .single-pluse {width: 280px; display: flex; flex-direction: column; align-items: center; text-align: center;}
.pluses .single-pluse h3 {margin: 16px 0; font-size: 20px;}
.pluses .single-pluse .desc {color:var(--gray-2); font-size: 16px;}
.mobile-menu .single-block {margin-bottom: 24px;}
.mobile-menu .single-block .title {font-size: 24px; font-weight: 700; margin-bottom: 20px;}
.mobile-menu .single-block ul li {margin-bottom: 20px;}
.mobile-menu .single-block ul li:last-of-type {margin-bottom: 0px;}
.mobile-menu .single-block ul li a {font-size: 24px;}
.mobile-menu .contacts-wrapper {display: flex; align-items: center; justify-content: center;}
.mobile-menu .contacts-wrapper a {margin: 0 8px; font-size: 24px;}
section.dogs-block {position: relative;  background: radial-gradient(50% 50% at 50% 50%, #FFE8E1 0%, #FFF3EF 100%);;}
.dogs-block-wrapper {position: relative;padding: 68px 0;}
.dogs-block-wrapper h2 {font-size: 32px; color: var(--brown); margin-bottom: 28px;}
.dogs-block-wrapper .desc{width: 560px; margin: 0 auto}
.dogs-block-wrapper p {margin-bottom: 20px;}
.dogs-block-wrapper .single-dog {position: absolute; z-index: 1;}
.dogs-block-wrapper .single-dog img {display: block; object-position: bottom;}
.dogs-block-wrapper .single-dog.left {left: 0; bottom: 0;}
.dogs-block-wrapper .single-dog.right {right: 0; bottom: -115px;}
.dogs-block-wrapper .step {position: absolute;}
.dogs-block-wrapper .step.first {top: 90px; left: 130px;}
.dogs-block-wrapper .step.second {top: 40px; left: 190px;}
.dogs-block-wrapper .step.third {top: 190px; right: 40px;}
.dogs-block-wrapper .step.fourth {top: 130px; right: 110px;}
.page-content h1 {margin-top: 48px; line-height: 1.33; font-size: 60px; font-weight: 700; position: relative;}

.breadcrumbs {display: flex; align-items: center; font-size: 14px; margin-top:8px;}
.breadcrumbs .circle {width: 13px; height: 13px; border-radius: 50%; background-color: var(--beige); margin-right: 28px;}
.breadcrumbs .sep {display: block; margin: 0 4px; color: var(--main);}
.breadcrumbs span {color: var(--brown);}
.breadcrumbs a {color: var(--black);}
.breadcrumbs a:hover {text-decoration: underline;}
.page-content .title-block {margin-bottom: 45px; position: relative;}
.page-content .title-block::after {content: ''; position: absolute; right: 0; width: 90px; height: 56px; background-image: url(../images/foots-title.png); background-repeat: no-repeat; background-size: contain; top: calc(50% - 28px);}
.page-about-block {color: var(--gray-2); margin-bottom: 38px;}

.services-wrapper {display: flex; flex-wrap: wrap; column-gap: 5%;}
.services-wrapper .single-service {margin-bottom: 28px; overflow: hidden; padding: 42px 28px; width: 47.5%; position: relative; display: flex; flex-direction: column; justify-content: space-between; height: 272px; border-radius: 30px; background-color: #F7F7F7; transition: all .3s ease-in-out;}
.services-wrapper .single-service .title {font-size: 40px; font-weight: 700; position: relative; z-index: 2;}
.services-wrapper .single-service .arrow {position: relative; z-index: 2;}
.services-wrapper .single-service .link-poster {position: absolute; right: 0; bottom: 0;}
.services-wrapper .single-service .link-poster img {display: block; object-position: bottom; object-fit: contain;}
.services-wrapper .single-service:hover {background-color: var(--beige);}
.services-wrapper .single-service:hover .arrow path {fill:var(--brown)}

.btn.big-wide {width: 100%; text-align: left; position: relative;font-size: 48px; font-weight: 700; line-height: 1; padding: 22px 34px; border-radius: 32px;}
.btn.big-wide::after {content: ''; position: absolute; right: 44px;width: 62px; height: 62px; top: calc(50% - 31px);  background-repeat: no-repeat; background-image: url(../images/arrow.png); background-size: contain;}

.simple-section {position: relative; padding-bottom: 100px;}
.simple-section .step {position: absolute; }
.simple-section .step.first {bottom: 20px; left: 5%;}
.simple-section .step.second {bottom: 150px; right: 4%;}
.simple-section .step.third {top: 120px; left: 3%;}


.single-service-wrapper {display: flex; flex-wrap: wrap;}
.single-service-wrapper .service-list {width: 50%;}
.single-service-wrapper .service-images {width: 50%; padding-left: 105px;}
.single-service-wrapper .service-list .single-service {position: relative; margin-bottom: 25px;}
.service-list .single-service .title-price-wrapper {display: flex; justify-content: space-between; margin-bottom: 12px;}
.service-list .single-service h4 {font-size: 32px; width: 69%; font-weight: 800; color: var(--brown); line-height: 1.05;}
.service-list .single-service .desc {color: var(--gray-2); font-size: 16px;}
.service-list .single-service .price {display: inline-block; height: fit-content; padding: 10px; color: var(--beige); font-size: 20px; font-weight: 700; background-color: var(--brown);}

.btn.wide {width: 100%; text-align: left;}
.btn.wide::after {content: ''; position: absolute; right: 12px; width: 28px; height: 28px; top: calc(50% - 14px);  background-repeat: no-repeat; background-image: url(../images/arrow.png); background-size: contain;}

.service-images {}
.service-images .single-image {margin-bottom: 32px; border-radius: 0 200px 0 0; overflow: hidden; height: 365px;}
.service-images .single-image:nth-child(even) {border-radius: 0 0 0 200px;}
.service-images .single-image img {display: block; width: 100%; width: 100%; height: 100%; object-fit: cover;}
.top-about {display: flex; flex-wrap: wrap;}
.top-about .poster {width: 520px;}
.top-about .poster img {display: block; width: 100%; height: 100%; object-fit: cover; border-radius: 12px;}
.top-about .pluses-wrapper {width: calc(100% - 520px); padding-left: 105px;}
.top-about .pluses .single-pluse {margin-bottom: 48px;}
.top-about .pluses .single-pluse:nth-child(3),
.top-about .pluses .single-pluse:nth-child(4) {margin-bottom: 0;}
h2 {font-size: 48px; font-weight: 700; color: var(--brown); margin-bottom: 14px;}
.bottom-about {margin-top: 90px;}
.bottom-about-wrapper {display: flex; flex-wrap: wrap;}
.bottom-about-wrapper .poster {width: 520px;}
.bottom-about-wrapper .poster img {display: block; width: 100%; height: 100%; object-fit: cover; border-radius: 200px 0 0 0;}
.bottom-about-wrapper .desc {width: calc(100% - 520px); padding-right: 105px; color: var(--gray-2);}
.reg-wrapper {position: relative;}
.single-rec h2 {color: #000;}
.reg-wrapper .steps-list {position: relative; z-index: 1;}
.reg-wrapper .steps-list ul {display: flex; list-style: decimal; flex-direction: column; align-items: center; color: var(--gray-2); font-size: 20px;}
.reg-wrapper .a-element {position: absolute;}
.reg-wrapper .a-element.step-1 {top:50%; left: 10%;} 
.reg-wrapper .a-element.step-2 {top:20px; right: 10%;} 
.reg-wrapper .a-element.arrow {top:calc(50% - 60px); right: 20%;}
.iframe-wrapper {border:8px solid var(--beige); margin-top: 62px; border-top: none; border-bottom: none;}

.single-rec {display: flex; flex-wrap: wrap; margin-bottom:100px ;}
.single-rec .poster {width: 357px;  border-radius: 100px 0 0 0; overflow: hidden; height: fit-content;}
.single-rec .poster img {display: block; width: 100%; height: 100%; object-fit: cover;}

.single-rec .desc {width: calc(100% - 357px); padding-left: 58px; color: var(--gray-2);}
.single-rec .desc .r-block {margin-top: 24px; font-size: 20px; font-weight: 700; color: var(--brown); cursor: pointer;}
.single-rec .desc .desc-more.short{
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 6; 
  -webkit-box-orient: vertical;

}
.single-rec:nth-child(even) {flex-direction: row-reverse; }
.single-rec:nth-child(even) .desc{padding-left: 0; width: calc(100% - 357px); padding-right: 58px;}

.contacts-wrapper {display: flex; flex-wrap: wrap; justify-content: space-between;} 
.contacts-wrapper .map {width: 624px;}
.contacts-wrapper .contacts {width: 416px;}
.contacts-wrapper .title {}
.contacts-wrapper .address {margin: 10px 0;}
.contacts-wrapper .address a {display: flex; align-items: center;}
.contacts-wrapper .address a .icon {margin-right: 18px;}
.contacts-wrapper .title {font-size: 32px; font-weight: 800; margin-bottom: 12px;}
.contacts-wrapper .c-flex {display: flex; align-items: center;}
.contacts-wrapper .c-flex svg {display: block;width: 26px;height: 26px;}
.contacts-wrapper .desc {color: var(--gray-2);}
.contacts-wrapper .icon {padding-right:12px}
.single-c {margin-bottom: 20px;}
.single-c:last-of-type {margin-bottom: 0px;}
.contacts-wrapper .map-wrapper {margin-bottom: 42px; height: 400px;}
.contacts-wrapper .map-wrapper iframe {display: block; height: 100%;}

.content-inner h2 {color: var(--main);}
.gallery-wrapper {display: flex; flex-wrap: wrap; column-gap: 12px; margin-bottom: 40px;}
.gallery-wrapper .single-photo {display: block; width: calc(16.66% - 10px); height: 200px; margin-bottom: 12px; overflow:hidden;}
.gallery-wrapper .single-photo img {transition: all .3s ease-in-out;}
.gallery-wrapper .single-photo:hover img {transform: scale(1.1);}
.gallery-wrapper .single-photo img {display: block; width: 100%; height: 100%; object-fit: cover;}
.pagination {display: flex; justify-content: center; margin-bottom: 34px;}
.pagination li {display: inline-block; margin: 0 11px;}
.pagination li a {line-height: 0; font-size: 0; display: inline-block; width: 24px; height: 14px; border-radius: 7px; border: 1px solid var(--gray-2); background-color: var(--beige);}
.pagination li.active a {background-color: var(--brown); border-color: var(--brown);}
.galery-desc {position: relative; margin-top: 80px;}
.galery-desc h2 {color: var(--brown);}
.galery-desc .desc {margin-top: 30px; color: var(--gray-2); margin-bottom: 40px;}
.btn.narrow {padding: 10px 58px;}
.galery-desc .arrow {position: absolute; right:10%; top:-60px;}
.mobile-btn-wrapper {margin: 24px 0;}


/*----- Media----*/
@media screen and (max-width:1680px){
  .simple-section .step.second {bottom: 10px;}
  .contacts-wrapper .map {width: 60%;}
  .contacts-wrapper .contacts {width: 38%;}
  .contacts-wrapper .title {font-size: 28px; margin-bottom: 8px;}



}
@media screen and (max-width:1536px){


}


@media screen and (max-width:1440px){
}

/* normal screens - with keyboard */
@media screen and (max-width:1366px){
  

}

@media screen and (max-width:1280px){
    .content {padding: 0 20px; width: 100%;}
    .pluses-wrapper-main .pluses {column-gap: 1.33%;}
    .pluses-wrapper-main .pluses .single-pluse {width: 24%;}
    .simple-section .step {display: none;}
    .single-service-wrapper .service-images {padding-left: 40px;}
    .service-list .single-service h4 {font-size: 28px;}
    .service-list .single-service .price {font-size: 14px;}
    .service-list .single-service .desc {font-size: 14px;}
    .top-about .pluses .single-pluse {width: 48%; margin-bottom: 36px;}
    .top-about .pluses .single-pluse:nth-child(3),
    .top-about .pluses .single-pluse:nth-child(4) {margin-bottom: 0;}
    .top-about .pluses-wrapper {padding-left: 36px;}
    .bottom-about-wrapper .desc {padding-right: 36px;}
    .reg-wrapper .a-element.arrow {right: calc(50% - 400px);}
    .single-rec .desc {padding-left: 24px;}
    .galery-desc .arrow {display: none;}

}

@media screen and (max-width:1152px){
  header .menu-wrapper ul li a {font-size: 16px;}
  .single-rec .desc h2 {font-size: 30px;}
  .single-rec .desc .desc-more {font-size: 16px;}
  .single-rec {margin-bottom: 24px;}
  h2 {font-size: 40px;}
  .galery-desc .desc {margin-top: 10px; font-size: 14px;}




}
@media screen and (max-width:1080px){
  header .menu-wrapper ul li {margin-left: 16px;}
  header .menu-wrapper ul li a {font-size: 14px;}
  .footer-menu-wrapper {width: 390px;}
  .gallery-wrapper .single-photo {width: calc(25% - 9px);}
}

@media screen and (max-width:980px){
  .popup {width: 90%;}
  header .menu-wrapper ul {margin-right: 14px;}
  header .header-wrapper .logo-wrapper {width: 130px;}
  header .menu-wrapper ul li {margin-left: 10px;}
  header .menu-wrapper ul li a {font-size: 12px;}
  .footer-contacts-wrapper .title, .footer-menu-wrapper .link-wrapper a {font-size: 13px;}
  .footer-contacts-wrapper a.w-icon {font-size: 12px;}
  .footer-menu-wrapper {width: 300px;}
  .footer-contacts-wrapper a.w-icon .icon {height: 30px;}
  .socials-wrapper a {width: 46px; height: 46px;}
  .socials-wrapper a svg {width: 60%;}
  .footer-contacts-wrapper {width: 240px;}
  .contacts-wrapper.contacts-page {flex-direction: column-reverse;}
  .contacts-wrapper .map {width: 100%; margin-bottom: 24px;}
  .contacts-wrapper .contacts {width: 100%; margin-bottom: 36px;}
    
}

/* tablet screens - touch pad */
@media screen and (max-width:854px){
  .menu-btn-wrapper .menu-wrapper {display: none;}
  .menu-btn-wrapper .btn-wrapper {display: none;}
  header .instagram-mobile {display: block;}
  .burger-wrapper {display: block;}
  header .header-wrapper {padding: 12px 0;}
  .top-block-wrapper .label-block {width: 100%; backdrop-filter: blur(6px); box-shadow: 0px 3.1px 3.14px -1.03px #00000040;}
  .top-block-wrapper {height: calc(100vh - 68px);}
  .dogs-block-wrapper .single-dog.left {display: none;}
  .dogs-block-wrapper .single-dog.right {width: 220px; right: calc(50% - 110px); }
  .dogs-block-wrapper {padding-bottom: 120px;}
  .site-footer .top-row.on-main {padding-top: 120px;}
  .dogs-block-wrapper .step.first {left: 0; top: auto; bottom: 70px;}
  .dogs-block-wrapper .step.fourth,
  .dogs-block-wrapper .step.second {display: none;}
  .dogs-block-wrapper .step.third {right: 0; bottom: 30px; top: auto;}
  .dogs-block-wrapper .step svg path{fill-opacity: 1;}
  .top-about .poster {width: 100%; margin-bottom: 24px;}
  .top-about .pluses-wrapper {padding-left: 0; width: 100%;}
  .bottom-about-wrapper {flex-direction: column;}
  .bottom-about-wrapper .desc {width: 100%; padding-right: 0; margin-bottom: 24px;}
  .bottom-about-wrapper .poster {width: 100%; margin-bottom: 24px;}
  .bottom-about-wrapper .poster img {border-radius: 12px;}
}

@media screen and (max-width:800px){
  .footer-menu-wrapper {width: 290px;}
  .footer-contacts-wrapper {width: 200px;}
  .pluses-wrapper-main .pluses {column-gap: 2%;}
  .pluses-wrapper-main .pluses .single-pluse {width: 49%; margin-bottom: 24px;}
  .pluses .single-pluse h3 {margin: 8px 0; font-size: 16px; font-weight: 700;}
  .pluses .single-pluse .desc {font-size: 12px;}
  .pluses .single-pluse .icon {width: 40px;}
  .single-service-wrapper .service-list {width: 100%;}
  .single-service-wrapper .service-images {width: 100%; padding: 0; }
  .single-service-wrapper .service-images:first-of-type {display: block;}
  
  .service-images .single-image {border-radius: 8px;display: none; }
  .service-images .single-image:first-of-type {display: block; }
  .single-service-wrapper {flex-direction: column-reverse;}
  .page-content h1 {font-size: 36px; margin-top: 24px;}
  .breadcrumbs {font-size: 12px;}
  .breadcrumbs .circle {margin-right: 8px;}
  .page-content .title-block {margin-bottom: 28px;}
  .reg-wrapper h2 {font-size: 20px;}
  .reg-wrapper .steps-list ul {font-size: 16px;}
  .reg-wrapper .a-element.arrow {transform: rotate(30deg) scale(.8);}
  .single-rec .poster {width: 100%; margin-bottom: 24px; border-radius: 12px;}
  .single-rec .desc {width: 100%; padding: 0;}
  .single-rec:nth-child(even) .desc {width: 100%;padding-right: 0px;}
  .single-rec {margin-bottom: 34px;}
  .single-rec .desc .r-block {margin-top: 12px;}
  .contacts-wrapper .title {font-size: 20px;}
  .contacts-wrapper .icon {width: 24px;}

}

@media screen and (max-width:720px){
  .site-footer .top-row-wrapper .logo-wrapper {width: 100px;}
  .footer-menu-wrapper {width: 260px;}
  .footer-contacts-wrapper {width: 170px;}
  .services-wrapper .single-service {width: 100%;}
  .btn.big-wide {font-size: 22px;}
  .btn.big-wide::after {width: 34px; height: 34px; top: calc(50% - 16px); right: 22px;}
  .reg-wrapper .a-element.arrow {right: 0;}
  .reg-wrapper .a-element.step-1 {left: 0%; top: 70%;}
  .reg-wrapper .a-element.step-2 {right: auto; left: 1%; top: 20px; }
  .reg-wrapper .a-element.step-2 svg {width: 55%;}
  .gallery-wrapper .single-photo {width: calc(33.33% - 8px); height:30vw;}
  .pagination li a {width: 16px; height: 10px; border-radius: 5px;}
  .pagination li {margin: 0 7px;}


}

@media screen and (max-width:640px){
  .dogs-block-wrapper .desc {width: 100%; padding: 0 40px; font-size: 12px;}
  .services-wrapper .single-service {padding: 18px 36px; height: 200px;}
  .services-wrapper .single-service .arrow {width: 45px; height: 45px;}
  .services-wrapper .single-service .arrow svg {display: block; width: 100%; height: 100%;}
  .services-wrapper .single-service .title {font-size: 28px;}
  .services-wrapper .single-service .link-poster {height: 100%; width: 230px; display: flex;}
  .services-wrapper .single-service .link-poster img {display: block; object-position: bottom;}
  .reg-wrapper .a-element.arrow svg {width: 130px;}


}
@media screen and (max-width:580px){
  .site-footer .top-row-wrapper .logo-wrapper {display: none;}
  .site-footer .top-row-wrapper {flex-direction: column-reverse;}
  .footer-menu-wrapper {width: 100%; margin-top: 24px;}
  .footer-contacts-wrapper {width: 100%; display: flex; flex-wrap: wrap;}
  .footer-contacts-wrapper .f-block {width: 240px;}
  .socials-wrapper {margin-top: 0; width: calc(100% - 240px);}
  .footer-menu-wrapper .link-wrapper {margin-bottom: 12px;}
  .site-footer .top-row {padding-bottom: 24px;}
  .site-footer .bottom-row-wrapper {flex-direction: column; align-items: center;}
  .site-footer .bottom-row-wrapper a {font-size: 12px; padding-bottom: 6px;}
  .site-footer .bottom-row-wrapper span {font-size: 12px; padding-bottom: 6px;}
  .site-footer .bottom-row-wrapper a:last-of-type {margin-bottom: 0px;}
  .label-block .desc {font-size: 12px;}
  .label-block h1 {font-size: 20px; font-weight: 700;}
  .label-block .btn {font-size: 12px;}
  .pluses-wrapper-main .pluses {justify-content: space-around; padding: 50px 0;}
  .pluses-wrapper-main .pluses .single-pluse {width: 40%;}
  .service-images .single-image {height: 55vw;}
  .btn.wide::after {width: 20px; height: 20px;top: calc(50% - 10px);}
  .service-list .single-service .price {padding: 2px 8px;}
  .bottom-about {margin-top: 24px;}
  h2 {font-size: 22px;}
  .page-about-block {font-size: 12px; margin-bottom: 34px;}
  .bottom-about-wrapper .desc {font-size: 12px;}
  .single-rec .desc h2 {font-size: 20px;}
  .single-rec .desc .desc-more {font-size: 14px;}
  .single-rec .desc .r-block {font-size: 16px;}
  .single-rec .poster {height: 90vw; margin-bottom: 24px;}
  .galery-desc .desc {font-size: 12px; margin-bottom: 30px;}
  .btn.narrow {padding: 10px 32px;}
  .btn {font-size: 16px;}
  .galery-desc {margin-top: 40px;}

}

@media screen and (max-width:540px){
  .top-block-wrapper {height: 446px;}
  .top-block-wrapper .label-block {padding: 8px 12px 16px;}
  .top-block-wrapper {padding-top: 34px;}
  .pluses-wrapper-main .pluses .single-pluse {width: 45%;}
  .top-about .poster {height: 72vw;}
  .reg-wrapper .a-element.step-1 svg {width: 50px;}

}
@media screen and (max-width:480px){
  .service-list .single-service h4 {font-size: 18px;}
  .reg-wrapper .steps-list ul {font-size: 12px;}


}
@media screen and (max-width:414px){
  .content {padding: 0 8px;}


}
@media screen and (max-width:400px){ 
  .footer-contacts-wrapper .f-block {width: 100%;}
  .socials-wrapper {width: 100%;}
  



}

@media screen and (max-width:360px){ 



}


@keyframes trambling-animation {
    0%, 50%, 100% {
      transform: rotate(0deg);
      -webkit-transform: rotate(0deg);
      -moz-transform: rotate(0deg);
      -o-transform: rotate(0deg);
      -ms-transform: rotate(0deg);
    }
    10%, 30% {
      transform: rotate(-1deg);
      -webkit-transform: rotate(-1deg);
      -moz-transform: rotate(-1deg);
      -o-transform: rotate(-1deg);
      -ms-transform: rotate(-1deg);
    }
    20%, 40% {
      transform: rotate(1deg);
      -webkit-transform: rotate(1deg);
      -moz-transform: rotate(1deg);
      -o-transform: rotate(1deg);
      -ms-transform: rotate(1deg);
    }
}


@keyframes spin {
    0%,60%{
      top: 0;
    }
    30% {
      top: 5px;
    }
    100% {
      top: 0;
    }
  }
@keyframes type{
    from { width: 0; }
}
@-webkit-keyframes type{
    from { width: 0; }
}
@keyframes shine {0% {transform: translateX(-4rem) skewX(-45deg); }  50% {transform: translateX(30rem) skewX(-45deg); }  100% {transform: translateX(30rem) skewX(-45deg); } }
@keyframes arrowDown {0% {bottom: 30px;opacity: 1;}100% {bottom: 0px; opacity: 0;}
}

@keyframes scroll {
  from {
    transform: translateX(0);
  }
  to {
    transform: translateX(calc(-100% - 20px));
  }
}