@charset "UTF-8";
@font-face {
  font-family: "Arial - Bold Italic MT";
  src: url("../fonts/Arial-BoldItalicMT.ttf");
}
@font-face {
  font-family: "Myriad Pro - Bold Cond";
  src: url("../fonts/Myriad%20Pro%20-%20Bold%20Cond.otf");
}
@font-face {
  font-family: "Myriad Pro - Cond";
  src: url("../fonts/MyriadPro-Cond.ttf");
}
@font-face {
  font-family: "Arial Narrow";
  src: url("../fonts/Arial%20Narrow.TTF");
}
@font-face {
  font-family: "Arial Narrow - Bold";
  src: url("../fonts/Arial%20Narrow%20-%20Bold.ttf");
}
@font-face {
  font-family: "Arial - Italian";
  src: url("../fonts/Arial%20-%20Italian.ttf");
}
@font-face {
  font-family: "Arial Reg";
  src: url("../fonts/arial%20reg.ttf");
}
@font-face {
  font-family: "Calibri";
  src: url("../fonts/Calibri.ttf");
}
@font-face {
  font-family: "Calibri - Bold";
  src: url("../fonts/Calibri%20-%20Bold.ttf");
}
@font-face {
  font-family: "CalibriReg";
  src: url("../fonts/CalibriReg.ttf");
}
@font-face {
  font-family: "Calibri-Italic";
  src: url("../fonts/Calibri-Italic.ttf");
}
html {
  font-size: 0.5208333333vw;
}
@media (max-width: 1024px) {
  html {
    font-size: 0.9765625vw;
  }
}
@media (max-width: 769px) {
  html {
    font-size: 1.32vw;
  }
}
@media (max-width: 500px) {
  html {
    font-size: 2.0555555556vw;
  }
}
@media (max-width: 360px) {
  html {
    font-size: 2.2666666667vw;
  }
}

@media (max-width: 480px) {
  .hny-banner div {
    background-image: url('../../../images/home/banner/hollyday-banner480.png');
    height: 200px;
    background-size: contain;
    width: 100%;
    background-repeat: no-repeat;

  }
}
@media (max-width: 720px) and (min-width: 481px) {
  .hny-banner div {
    background-image: url('../../../images/home/banner/hollyday-banner720.png');
    height: 250px;
    background-size: contain;
    width: 70%;
    background-repeat: no-repeat;
  }
}
@media (min-width: 721px) {
  .hny-banner div {
    background-image: url('../../../images/home/banner/hny-banner1920.png');
    height: 450px;
    background-size: contain;
    width: 70%;
    background-repeat: no-repeat;
  }
}


._saturated-blue {
  color: #000099;
}

.hny-banner {
  display: flex;
  justify-content: center;
  margin-top: 70px;
 
}

.container {
  max-width: 1255px;
  margin: 0 auto;
  width: 100%;
}
@media (max-width: 1280px) {
  .container{
    padding: 0 8px;
  }
}
@media (max-width: 750px) {
  .container{
    max-width: 700px;
  }
}
@media (max-width: 480px) {
  .container{
    max-width: 460px;
  }
}

.wrapper {
  width: 1280px;
  max-width: 100%;
  margin: 0 auto;
}

.white {
  color: #fff;
}

.color333 {
  color: #333;
}

._margin-130-75 {
  margin: 13rem 0 7.5rem;
}

._margin-162-66 {
  margin: 16.2rem 0 6.6rem;
}

._margin-130-110 {
  margin: 13rem 0 11rem;
}

._margin-top-15 {
  margin-top: 1.5rem;
}

._margin-top-20 {
  margin-top: 2rem;
}

._margin-top-25 {
  margin-top: 2.5rem;
}

._margin-top-30 {
  margin-top: 3rem;
}

._margin-top-35 {
  margin-top: 3.5rem;
}

._margin-top-40 {
  margin-top: 4rem;
}

._margin-top-45 {
  margin-top: 4.5rem;
}

._margin-top-50 {
  margin-top: 5rem;
}

._margin-top-70 {
  margin-top: 7rem;
}
._margin-top-80 {
  margin-top: 8rem;
}
._margin-top-90 {
  margin-top: 9rem;
}
._margin-50 {
  margin: 5rem 0;
}

._margin-40 {
  margin: 4rem 0;
}

._margin-30 {
  margin: 3rem 0;
}

._margin-20 {
  margin: 2rem 0;
}

._margin-10 {
  margin: 1rem 0;
}

._margin70-50 {
  margin: 7rem 0 5rem;
}

._margin-bottom-312px {
  margin-bottom: 31.2rem;
}

._margin-top-10 {
  margin-top: 1rem;
}

._margin-top-100 {
  margin-top: 10rem;
}
._margin-bottom-122{
  margin-bottom:-12.5rem;
}
._margin-bottom-10 {
  margin-bottom: 1rem;
}
._padding-left50 {
  padding-left: 5rem;
}

._height104 {
  height: 104%;
}

._width122 {
  width: 122%;
}

._width130 {
  width: 130%;
}

._width65 {
  width: 65%;
}

._width85 {
  width: 85%;
}

._width380 {
  width: 380%;
}

._padding0 {
  padding: 0;
}

._paddind-bottom75 {
  padding-bottom: 7.5rem;
}

._margin-left40 {
  margin-left: 4rem;
}
._font-size18{
  font-size: 1.8rem;
}
.BOLD {
  text-transform: uppercase;
  font-family: "Arial Narrow - Bold";
}

._text-transform-uppercase {
  text-transform: uppercase;
}

._underline {
  text-decoration: underline;
}

.mobail {
  display: none;
  line-height: 0;
}

.mobail1 {
  line-height: 0;
}

.lb-close {
  position: absolute;
  right: 1rem;
  top: 2rem;
  z-index: 11;
  cursor: pointer;
  font-size: 2.2rem;
  color: #999;
}

.lb-nav a.lb-next {
  display: block;
  opacity: 1;
  z-index: 12;
}

.lb-nav a.lb-prev {
  display: block;
  opacity: 1;
  z-index: 12;
}

.lb-data .lb-details {
  display: none;
}

.bold-one {
  font-family: "Arial Narrow - Bold";
}

* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}

._agency-container {
  width: 123.2rem;
  margin: 0 auto;
}

._text-bold {
  font-family: "Arial Narrow - Bold";
  font-size: 1.8rem;
}

._text-bold-italic {
  font-family: "Arial Narrow - Bold";
  font-size: 1.8rem;
  font-style: italic;
}

._text-align-center {
  text-align: center;
}

._flex-container {
  display: flex;
  justify-content: space-between;
}

.text-decoration {
  text-decoration: none;
  color: #000000;
}
.header {
  margin-top: 5rem;
  display: grid;
  grid-template-columns: 1fr 1.5fr 0.6fr 1fr;
  align-items: center;
  column-gap: 0;
}
.header__logo {
  width: 16rem;
}



.header-call {
  width: 20px;
  margin-right: 20px;
  /*text-align: center;*/
}
.header-call__number {
  color: #ff0000;
  font-family: "Arial - Bold Italic MT";
  font-size: 1.4rem;
  font-weight: 400;
  line-height: 1.8rem;
  text-transform: uppercase;
  /* Text style for "+7(8452) 9" */
  letter-spacing: 0.02rem;
  text-decoration: none;
  white-space: nowrap;
}

.header-email {
  color: #666666;
  font-family: "Arial - Bold Italic MT";
  font-size: 1.2rem;
  font-weight: 400;
  margin-right: 50px!important;
  /*padding-right: 10px;*/
  line-height: 1.8rem;
  text-decoration: underline;
  /* Text style for "i, nfo@za-" */
  letter-spacing: 0.2rem;
}

.cla {
  position: absolute;
  left: 16rem;
  /*top: 0.1rem;*/
  padding: 0;
  border: none;
  background-color: transparent;
  cursor: pointer;
  font-size: 1.6rem;
  z-index: 2;
  color: black;
}


.header-menu__item_active {
  position: relative;
}


.swiper-slide {
  flex-shrink: 0;
  width: 100%;
  height: 100%;
  position: relative;
  transition-property: transform;
  display: flex;
  flex-direction: column;
  align-items: center;
}

.header-banner {
  width: 100%;
  overflow: hidden;
}

.swiper-wrapper {
  display: flex;
}

#swiper-banner {
  height: 100%;
  margin-top: 2.8rem;
}

#swiper-slide__banner img {
  display: block;
  width: 100%;
  height: 100%;
}

#swiper-slide__banner_media720{
  display: none;
}
#swiper-slide__banner_media480{
  display: none;
}
#swiper-slide__banner_media360 {
  display: none;
}

#swiper-slide__banner_media720 img,
#swiper-slide__banner_media480 img,
#swiper-slide__banner_media360 img {
  width: 100%;
}

.swiper-pagination-banner {
  text-align: center;
  margin-top: 0.5rem;
}

.logo-banner__img_media720,
.logo-banner__img_media480,
.logo-banner__img_media360 {
  display: none;
  width: 100%;
}

.brandbook-swiper {
  width: 93.6rem;
  max-height: 50.8rem;
  overflow: hidden;
  position: relative;
}
.brandbook-swiper .swiper-slide {
  background: #edecec;
  display: flex;
  justify-content: center;
}

.swiper-slide-brandbook {
  max-width: 71.3rem;
  width: 100%;
  padding: 0 2rem;
}
.swiper-slide-brandbook1 {
  max-width: 40rem;
  width: 100%;
  padding: 0 2rem;
}
/* joomla */
.icons{
  display: none; 
}
/* joomla */
.logo-banner {
  margin-top: 30px;
}
.logo-banner__img {
  width: 100%;
}
.logo-banner__text{
  margin-top: 60px;
  opacity: 1;
  fill: #333333;
  font-family: "Calibri";
  font-style: italic;
  font-size: 18px;
}
.homepage {
  font-family: "Arial - Italian";
  color: #000;
  font-size: 18px;
  text-decoration: none;
}
.logo-banner__page-text {
  font-family: "Arial - Bold Italic MT";
  font-style: italic;
  font-size: 16px;
}
.logo-banner__text1{
  margin-top: 3rem;
  opacity: 1;
  fill: #333333;
  font-family: "Calibri";
  font-style: italic;
  font-size: 0.8rem;
}
.homepage1 {
  font-family: "Arial - Italian";
  color: #000;
  font-size: 0.8rem;
  text-decoration: none;
}
.logo-banner__page-text1 {
  font-family: "Arial - Bold Italic MT";
  font-style: italic;
  font-size: 12px;
}
.seo-text {
  color: #333333;
  font-family: "Arial Narrow";
  font-weight: 400;
  font-size: 14px;
  font-style: italic;
  line-height: 38px;
  text-align: right;
  /* Text style for "Маркетинго" */
  letter-spacing: 0.03rem;
 /* margin-top: 2rem;*/
  padding-right: 124px;
}

.content {
  margin-top: 4.4rem;
}
.content__wrap {
  max-width: 52rem;
}
.content__wrap2 {
  max-width: 62.2rem;
  width: 100%;
  line-height: 2.8rem;
}
.content__title {
  color: #333;
  font-family: "Myriad Pro - Bold Cond";
  font-size: 3.6rem;
  font-weight: 400;
  text-transform: uppercase;
  text-decoration: none;
  letter-spacing: -0.1rem;
}
.content__title1 {
  color: #333;
  font-family: "Myriad Pro - Bold Cond";
  font-size: 36px;
  font-weight: 400;
  text-transform: uppercase;
  text-decoration: none;
  letter-spacing: -0.1rem;
}
.content__img {
  max-width: 100%;
  width: 30rem;
}
.content-list {
  margin-top: 4.4rem;
}
.content-list__text {
  font-family: "Myriad Pro - Cond";
  text-transform: uppercase;
  font-size: 1.8rem;
  font-weight: 400;
  line-height: 2.5rem;
}
.content-list__text5 {
  font-family: "Myriad Pro - Cond";
  text-transform: uppercase;
  font-size: 18px;
  font-weight: 400;
  line-height: 35px;
  width: 560px;
  max-width: 100%;
}
.content-list__text7 {
  font-family: "Myriad Pro - Cond";
  text-transform: uppercase;
  font-size: 1.6rem;
  font-weight: 400;
  line-height: 3.5rem;
}
.content-list__text6 {
  font-family: "Myriad Pro - Bold Cond";
  font-size: 2.4rem;
  font-weight: 400;
  text-transform: uppercase;
  letter-spacing: 0.02rem;
  line-height: 3rem;
  width: 29rem;
}
.content-list__text1 {
  color: #000000;
  font-family: "Myriad Pro - Bold Cond";
  font-size: 18px;
  font-weight: 400;
  text-transform: uppercase;
  /* Text style for "С, амое ва" */
  letter-spacing: 0.2px;
  line-height: 30px;
}
.content-list__text-link{
  font-style: italic;
  font-family: "Myriad Pro - Bold Cond";
  font-size: 2rem;
  font-weight: 400;
  text-transform: uppercase;
}
.content-list__text2 {
  color: #080808;
  font-family: "Myriad Pro - Bold Cond";
  font-size: 1.6rem;
  font-weight: 400;
  line-height: 2.4rem;
  text-transform: uppercase;
}
.content-list__text3 {
  color: #080808;
  font-family: "Arial Narrow";
  font-size: 1.6rem;
  font-weight: 400;
  line-height: 3.3rem;
  letter-spacing: 0.035rem;
}
.content-list__text3 a {
  font-style: italic;
}
.content-list__text4 {
  color: #080808;
  font-family: "Arial Narrow";
  font-size: 1.6rem;
  font-weight: 400;
  line-height: 3.5rem;
  text-transform: uppercase;
}
.content-logo__right-text2 {
  color: #2323cf;
  font-style: italic;
}
/* new style */
@media (min-width: 1025px) {
  #nav{
    position: relative;
  }
}
#nav > ul{
  display: flex;
  justify-content: space-between;
}



@media (min-widht: 1024px) {
  .nav-child {
    position: absolute;
    width: 192px;
    top: 24px;
    background: #f7f4f4;
  }
}
.common20{
  margin-top: 4.4rem;
}
.common20 .content__title1 {
  font-family: "Myriad Pro - Bold Cond";
  font-size: 7.2rem;
  font-weight: 400;
  text-transform: uppercase;
  line-height: 6rem;
  letter-spacing: .1rem;
}
._red{
  color: red;
}
.content__img1{
  max-width: 49rem;
  width: 100%;
}
.logos, .logos1 {
  margin-top: 15rem;
}
._width35{
  width: 35%;
}
._fs48{
  font-size: 4.8rem;
}
._fs32{
  font-size: 3.2rem;
}
._fs30{
  font-size: 3rem;
}
._tac{
  text-align: center;
}

._margin-top-150{
  margin-top: 15rem;
}
._margin-bottom-80{
  margin-bottom: 8rem;
}
._margin-bottom-125px{
  margin-bottom: 12.5rem;
}
._margin-top-120 {
  margin-top: 12rem;
}
.logos_wrapper, .logos_wrapper1{
  display: grid;
  grid-template-columns: 37rem 37rem 37rem;
  gap: 6rem;
  margin-top: 15rem;
}
.logos_wrapper1{
  margin-top: 6rem;
}
.logos_img{
  max-width: 38rem;
  width: 100%;
}
.prise{
  display: grid;
  justify-content: space-evenly;
  grid-template-columns: 54rem 60rem;
}
.logos > :nth-child(4){
  grid-template-columns: 65rem 34rem;
  justify-content: space-between;
  align-items: center;
}
.logos > :nth-child(6){
  align-items: center;
}
.prise_img{
  max-width: 560px;
  width: 100%;
}
.prise_title{
  font-family: "Calibri - Bold";
  font-size: 4.2rem;
}
.border1{
  border: .2rem solid black;
}
.prise_button{
  font-family: "Calibri - Bold";
  font-size: 3.6rem;
  border: 2px solid red;
  background: red;
  border-radius: 3rem;
  text-decoration: none;
  color: white;
  padding: 1rem 4rem;
  text-transform: uppercase;
  display: block;
  width: 27.5rem;
}
.reasons{
  display: flex;
  align-items: center;
}
.reasons_title{
  max-width: 52rem;
  width: 100%;
}
.reasons_text{
  max-width: 58rem;
  width: 100%;

}
.help_button{
  display: block;
  width: 42rem;
  border: 2px solid red;
  margin: 0 auto;
  padding: 1.5rem 4rem;
  background: red;
  color: white;
  text-decoration: none;
  text-transform: uppercase;
  font-size: 3rem;
  font-family: "Calibri - Bold";
}
.articles__content{
  margin-top: 11.3rem;
  display: grid;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  justify-content: space-between;
}
.our{
  display: flex;
  justify-content: space-between;
  margin-top: 14rem;
  gap: 2rem;
}
.our_left{
  background: #eaecec;
  width: 100%;
  max-width: 63rem;
  height: 47rem;
  display: block;
  padding: 3.4rem 4rem
}
._background666{
  background: #666666;
} 
.our_wrap{
  display: flex;
  justify-content: space-between;
  margin-top: 2rem;
}
.our_img{
  max-width: 27rem;
}
.our_title{
  font-family: "Myriad Pro - Bold Cond";
  font-size: 2.2rem;
  text-transform: uppercase;
  text-align: center;
}
.our_icon{
  width: 4.8rem;
}
.our_link{
  font-family: "Arial - Italian";
  font-size: 2.2rem;
  color: #333;
  text-decoration: none;
}
.our_wrapper div{
  display: flex;
  align-items: center;
  gap: 1.5rem;

}
.our_item{
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: space-around;
  gap: 7rem;
  margin-top: 6rem;
}
.our_button{
  font-family: "Myriad Pro - Bold Cond";
  font-size: 2.8rem;
  text-transform: uppercase;
  text-decoration: none;
  color: #000;
  background: #ffffff;
  width: 100%;
  display: block;
  text-align: center;
  padding: 2.4rem;
  box-shadow: -10px 0 10px 0 #000000;
}
.dropbtn{
  display: none;
}

@media (max-width: 1024px) {
  .logos_wrapper, .logos_wrapper1{
    grid-template-columns: 31rem 31rem 31rem;
    gap: 4rem;
  }
  .prise {
    grid-template-columns: 43rem 50rem;
}
.articles__content {
  grid-template-columns: 1fr 1fr;
  justify-items: center;
}
}
@media (max-width: 769px){
  
  ._tac769{
    text-align: center;
  }
  ._mw100769{
    max-width: 100%;
  }
  ._margin-top-20769{
    margin-top: 2rem;
  }
  .content__title1{
    font-size: 52px;
    line-height: 40px;
  }
  ._mw100769 .content__title{
    font-size: 3rem;
  }
  ._mw100769 .common-content_left__bold-text1{
    font-size: 2.4rem;
  }
  .content__img1{
    display: none;
  }
  .logos_wrapper, .logos_wrapper1{
    grid-template-columns: 19rem 19rem 19rem;
    gap: 3rem;
    margin-top: 7.5rem;
    justify-content: center
  }
  .none{
    display: none;
  }
  /* .common20 ._display-block767{
    display: block;
  } */
  .logos_wrapper1{
    margin-top: 3rem;
  }
  .prise{
    grid-template-columns: 31rem 30rem;
  }
  .prise_title{
    font-size: 3.2rem;
  }
  .prise_blok .content-list__text{
    font-size: 1.4rem;
  }
  .prise_blok .content__title {
    font-size: 2.5rem;
}
  .logos > :nth-child(4){
    grid-template-columns: 34rem 31rem;
    margin-top: 2rem;
  }
  .logos, .logos1{
    margin-top: 100px;
  }
  .logos1 h2{
    font-size: 3.6rem;
  }
  .border1 {
    border: .1rem solid black;
}
.articles .content__title {
  font-size: 3.6rem;
}
.logos, .logos1 ._width35 {
  width: 75%;
}
.blog__text {
  line-height: 2.3rem;
}
  .reasons_title span{
    font-size: 3.6rem;
  }
  .reasons_title h2{
    font-size: 2.1rem;
  }
  .logos1 .reasons{
    margin-top: 20px;
  }
  .articles {
    margin-top: 6rem;
}
.articles__content {
  margin-top: 5.3rem;
}
  ._margin-top-50 {
    margin-top: 3rem;
}
._margin-bottom-125px {
  margin-bottom: 6.5rem;
}
._margin-top-15 {
  margin-top: 0.5rem;
}
._margin-top-70 {
  margin-top: 3rem;
}
._margin-top-40 {
  margin-top: 2rem;
}
._margin-bottom-80 {
  margin-bottom: 4rem;
}
  .our{
    flex-direction: column;
    align-items: center;
    margin-top: 7rem;
  }
  .dropbtn{
    font-family: "Calibri - Bold";
    font-size: 2.6rem;
    border: 2px solid red;
    background: red;
    border-radius: 3rem;
    text-decoration: none;
    color: white;
    padding: .5rem 2rem;
    text-transform: uppercase;
    display: block;
    width: 25.5rem;
    margin: 2rem auto 0;
  }
}
@media (max-width: 500px){
/* new style */
  .common20 .content__title1{
    line-height: 4rem;
    margin-bottom: -2rem !important;
  }
  .common20 .common-content_left__bold-text1{
    margin-top: 2rem !important;
  }
  .common20 .content__title{
    margin-top: 1rem;
  }
  .logos_wrapper, .logos_wrapper1 {
    grid-template-columns: 38rem;
    margin-top: 4rem;
  }
/* new style */

.logos .content__title{
  font-size: 3rem;
}
.prise_blok .content__title{
  font-size: 2.4rem;
}
.prise_title{
  font-size: 3.2rem;
}
.content__title1 {
  font-size: 36px;
}
._mw100769 .content__title {
  font-size: 2.4rem;
}
._mw100769 .common-content_left__bold-text1 {
  font-size: 1.8rem;
}
.prise_blok .content-list__text{
  font-size: 1.8rem;
}
  .prise {
    grid-template-columns: 100%;
}
.logos > :nth-child(4) {
  grid-template-columns: 100%;
  margin-top: 3rem;
}
.prise_blok{
  text-align: center;
}
.prise_blok_img{
  display: none;
}
.logos .border1{
  margin-top: 1rem;
}
.prise_blok .prise_button{
  margin: 0 auto;
  margin-top: 2rem;
}
.reasons_text{
  display: none;
}
.reasons_title .content__title{
  font-size: 2.4rem;
}
.logos1 h2 {
  font-size: 3rem;
}
.articles .content__title{
  font-size: 3rem;
}
.articles__content {
  margin-top: 4rem;
  grid-template-columns: 1fr;
}
.our_wrap{
  justify-content: center;
}
.our_img{
  display: none;
}
.our_left{
  height: 44rem;
}
.our_item{
  margin-top: 3rem;
}
.our_left .homepage {
  font-size: 16px;
  text-align: center;
}
.out_item ._margin-top-30{
  margin-top: 1rem;
}
/* еще новые стили */
.common {
  margin-top: 30px!important;
}
._margin-top-50 {
  margin-top: 30px!important;
}
}
/* new style */

.services__wrap {
  display: flex;
  flex-direction: column;
}
.services__wrapper {
  display: flex;
  align-items: center;
}
.services:not(:first-child) {
  margin-top: 2rem;
}
.services__text {
  color: #333333;
  font-family: "Myriad Pro - Bold Cond";
  font-size: 2.4rem;
  font-weight: 400;
  line-height: 4rem;
  text-decoration: underline;
  text-transform: uppercase;
  display: block;
  width: 30.5rem;
  /* Text style for "разработка" */
  letter-spacing: 0.064rem;
}
.services__text_title {
  text-decoration: none;
}
.services__link {
  font-size: 2.5rem;
  font-style: italic;
  font-family: "Myriad Pro - Bold Cond";
}
.services #swiper-logo {
  width: 100%;
  margin-top: 4rem;
  overflow: hidden;
}
.services #swiper-logo__container {
  display: flex;
  align-items: center;
}
.services #swiper-slide__logo {
  text-align: center;
  font-size: 1.8rem;
  /* Center slide text vertically */
  display: flex;
  justify-content: center;
}
.services #slider-slide__logo img {
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
     object-fit: contain;
}
.services .swiper-pagination {
  position: absolute;
  top: 13.8rem;
}
.services__logo {
  max-width: 97rem;
  width: 100%;
  display: flex;
  justify-content: space-evenly;
}
.services__logo div {
  margin: 0 1rem;
}
.services__logo-img {
  max-width: 29.5rem;
  width: 100%;
  max-height: 29rem;
}
.website-development{
  position: relative;
}
.website-development_wrapper{
  position: absolute;
  bottom: 13rem;
  right: 11rem;
  text-align: end;
  display: flex;
  flex-direction: column;
}
.website-development_link{
  color: #fff;
  text-transform: uppercase;
  text-decoration: underline;
  font-size: 4rem;
  line-height: 8rem;
  font-family: "Arial - Bold Italic MT";
}
._none {
  text-decoration: none;
}

._text {
  text-decoration: none;
}

.agency {
  margin-top: 6.3rem;
}
.agency__content {
  margin-top: 4.3rem;
}
.agency__content__img {
  display: flex;
  align-items: center;
}
.agency__content-banner {
  max-width: 100%;
  width: 84rem;
  margin-bottom: 1rem;
}
.agency__content_text {
  width: 30.3rem;
  font-family: "Arial Narrow";
  font-size: 1.6rem;
  font-style: normal;
  letter-spacing: 0.3 0.5rem;
  line-height: 2.8rem;
}
.agency__content_text:not(:first-child) {
  margin-top: 2.9rem;
}
.agency__content_text-wrapper {
  display: flex;
  flex-direction: column;
}
.agency__content_text-uppercase {
  color: #080808;
  font-family: "Arial Narrow - Bold";
  font-size: 2.2rem;
  font-weight: 700;
  letter-spacing: 0.03rem;
  line-height: 3rem;
}
.agency__content_text-uppercase a {
  font-style: italic;
  font-weight: 400;
}
.agency__info {
  margin-top: 2.7rem;
}
.agency__info-text-wrapper {
  display: flex;
  flex-direction: column;
  margin-left: 1.3rem;
  min-width: 26.3rem;
}
.agency__info-text {
  max-width: 30rem;
  font-family: "Arial Narrow";
  font-size: 1.6rem;
  font-style: normal;
  letter-spacing: 0.035rem;
  line-height: 2.5rem;
}
.agency__info-text:not(:first-child) {
  margin-top: 4rem;
}
.agency__info-text-uppercase {
  color: #080808;
  font-family: "Arial Narrow - Bold";
  font-weight: 700;
  letter-spacing: 0.035rem;
  line-height: 2.3rem;
  text-transform: uppercase;
}

.carousel-item {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  max-width: 35rem;
  background: #f2f4f5;
  min-width: 0;
  padding: 4rem 3rem;
  box-shadow: 0 0 1rem 0.2rem #b3b3b3;
  height: 66rem;
  margin: 1rem 0;
}

#btn-open {
  border: none;
}

.swiper-button-prev::after {
  color: #999;
  left: 1rem;
  height: 50rem;
  display: flex;
  align-items: center;
  position: relative;
}

.swiper-button-next::after {
  color: #999;
  right: 1rem;
  height: 50rem;
  display: flex;
  align-items: center;
  position: relative;
}

.swiper-pagination-about-us {
  text-align: center;
}

.swiper-slide {
  width: 100%;
}

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

.class {
  height: 8rem;
  display: flex;
  align-items: center;
}

.about-us__wrapper {
  display: flex;
  justify-content: space-between;
  margin: 12.5rem 0 8rem;
}
.about-us__img {
  width: 100rem;
  max-width: 100%;
}
.about-us__img1 {
  width: 23rem;
  max-width: 100%;
}
.about-us__text {
  display: flex;
  flex-direction: column;
  justify-content: space-around;
  height: 22rem;
}
.about-us-wrap {
  width: 35rem;
  max-height: 65.8rem;
  padding: 3.5rem 0;
  background-color: #f2f4f5;
  display: flex;
  flex-direction: column;
  margin: 0 3.5rem;
}
.about-us-wrap__logo {
  max-width: 14.1rem;
  min-height: 4rem;
  max-height: 7.2rem;
  width: 100%;
}
.about-us-wrap__img {
  max-width: 19.6rem;
  width: 100%;
}
.about-us-wrap__text {
  font-family: "Arial Narrow";
  font-size: 1.6rem;
  line-height: 2rem;
  height: 16rem;
}
.about-us-wrap__author {
  font-family: "Arial - Italian";
  font-size: 1.4rem;
}

.min-img {
  max-width: 19.6rem;
  width: 100%;
}

.contacts {
  width: 89rem;
}
.contacts-right{
  height: 72rem;
  width: 84rem;
  
}

.contacts-content_left {
  width: 32rem;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
.contacts_img {
  max-width: 100%;
  width: 37rem;
}
.contacts_center {
  background: #000099;
  width: 40.5rem;
  height: 43.6rem;
  max-width: 100%;
  color: #fff;
}

.form {
  border: none;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  height: 72rem;
}
.form-title {
  font-family: "Arial - Bold Italic MT";
  font-size: 1.6rem;
  width: 36rem;
}
.form-input {
  background: #ccc;
  font-family: "Arial - Bold Italic MT";
  border: none;
  padding: 1.5rem;
  width: 35rem;
}
.form-checkbox {
  width: 1.5rem;
}
.form li {
  list-style-type: none;
  font-family: "Arial - Italian";
  font-size: 1rem;
  width: 35rem;
}
.form button {
  background: #ff0033;
  color: #fff;
  border: none;
  font-family: "Arial Narrow - Bold";
  font-size: 3rem;
  text-transform: uppercase;
  padding: 2.2rem 0;
  box-shadow: 0 0 5px 2px #a0a0a0;
  cursor: pointer;
  width: 100%;
}

::-webkit-input-placeholder {
  color: #fff;
}

::-moz-placeholder {
  color: #fff;
} /* Firefox 19+ */
:-moz-placeholder {
  color: #fff;
} /* Firefox 18- */
:-ms-input-placeholder {
  color: #fff;
}

.contacts_center {
  display: flex;
  align-items: center;
  flex-direction: column;
  justify-content: space-around;
}
.contacts__title {
  font-family: "Myriad Pro - Bold Cond";
  font-size: 2.4rem;
  text-transform: uppercase;
}
.contacts__address {
  font-family: "Arial - Italian";
  font-size: 2rem;
}
.contacts__email {
  font-family: "Arial - Italian";
  font-size: 2rem;
}
.contacts__web {
  font-family: "Arial - Italian";
  font-size: 2rem;
}
.contacts__phone {
  font-family: "Arial - Italian";
  font-size: 2rem;
}

.footer {
  /*background: #d1d1d1;*/
  display: flex;
  max-width: 100%;
  height: 44rem;
  align-items: center;
  justify-content: center;
  margin-bottom: 30px;
}

.back{
 /* position: absolute;
  width: 100%;
  height: 100%;*/
  /* transform: rotateY(180deg);
  background-color: #EFEFEF; */
}
.flip-container{
   position: relative;
   perspective: 1000px;
   /* margin-left: 30px; */
}
.flipped .card {
  transform: rotateY(180deg);
}
.card{
  /* width: 100%;
  height: 100%; */
  transition: transform 0.6s;
  transform-style: preserve-3d;
  position: relative;
}
.card-face{
  position: absolute;
  backface-visibility: hidden;
  display: flex;
  align-items: center;
  justify-content: center;
  /* width: 100%;
  height: 400px; */
}

/* .footer-form{
  display: flex;
  flex-direction: column;
  justify-content: center;
  width: 93%;
  margin-top: -20px;
  color: #000!important;
  font-family: Arial, Helvetica, sans-serif!important;
} */

.img-div-footer{
  width: 50%;
  height: 60%;
  margin-top: -30px;
}
.img-div-footer img{
  width: 200px;
  height: 200px;
  object-fit: fill;
}

.front{
  display: flex;
  flex-direction: column;
  align-items: center;
  background-color:#606060;
}
.front p{
  color: white;
  text-align: center;
  text-transform: uppercase;
  font-family: 'Myriad Pro - Bold Cond';
  font-style: normal;
}
.hide-br1{
  display: none;
}
.footer-textarea::placeholder{
  padding-bottom: 30px!important;
}
.footer-cluster1 p:hover{
  text-decoration: underline;
}
.front button{
  width: 85%;
  height: 14%;
  font-family: 'Myriad Pro - Bold Cond';
  text-transform: uppercase;
  box-shadow: 4px 5px 5px 0px rgba(0,0,0,0.75);
}
.footer-1 h2{
  margin-top: 10px;
  font-family: 'Myriad Pro - Bold Cond';
  text-transform: uppercase;
  font-style: normal;
}
.social-links-footer{
  display: flex;
  flex-direction: column;
  margin-top: 15px;
  width: 50%;
  
}
.footer-cluster1{
  display: flex;
}
.footer-1-content{
  margin: 2.5rem 4rem;
}
.footer-1-content p{
  line-height: 2.5rem;
}
.mail-footer, .telegram-footer, .whats-up-footer, .phone-footer{
  display: flex;
  margin-bottom: 3px;
  
}

.social-links-footer img{
width: 30px;
height: 30px;
}
.social-links-footer p{
  padding-left: 7px;
  display: flex;
  align-items: center;
  font-family: 'Arial';
  font-style: italic;
  font-weight: 500;
}
/* .footer-buttons{
display: flex;
width: 100%;
align-items: center;
justify-content: center;
height: 5.5rem;
margin-top: -100px;
} */
/* .footer-buttons button{
  width: 43%!important;
  height: 90%;
  margin-top: 10px;
} */
/* #file-name2{
display: flex;
flex-direction: row;
justify-content: center;
padding-top: 15px;
font-family: 'Arial Narrow'!important;
} */
#file-name2 p{
  font-style: normal;
  padding-top: -15px;
}
/* .footer-form textarea{
    padding: 0;
    margin: 0;
    border: none;
    outline: none;
    resize: none;
    background: none;
    color: #000!important;
} */
.footer-textarea::placeholder{
  color: #000!important;
  margin: 0!important;
  padding: 0!important;
}
.footer-placeholder::placeholder{
  font-size: 1rem!important;
}
/* #send{
margin-left: 25px;
background-color: rgb(167, 167, 167);
border: none;
border-radius: 2px;
color: #ffffff;
font-family: 'Myriad Pro - Bold Cond';
text-transform: uppercase;
letter-spacing: 0.1rem;
} */
/* #file-button{
  background-color: #ffffff;
  border: 2px solid rgb(167, 167, 167);
  border-radius: 1px;
} */
/* .footer-form input[type=text], input[type=email]{
  border: none;
  background: #EFEFEF;
  text-transform: none!important;
  color: #000!important;
}
.form-cluster{
  height: 30%!important;
  margin-top: 20px;
} */
.form-popup{
  display: flex;
  flex-direction: column;
  align-items: center;
  position: relative; 
  width: 34.7rem;
  height: 33.5rem;
  background: white;
  padding-top: 14px;
  z-index: 5;
}
.form-popup h2{
  font-family: "Calibri - Bold";
  font-size: 1.5rem;
  text-transform: uppercase;
  text-align: center;
  /* word-spacing: 2px; */
  line-height: 1.2;
  /* letter-spacing: 0.06rem; */
}
#name, #email, #phone1, #time, #form-textarea, .flatpickr-input{
  padding: .8rem 0 .8rem 0.5rem;
  color: #999;
  background: #EFEFEF;
  letter-spacing: 0.25px;
  border: none;
  width: 24rem;
  border-radius: 30px;
  font-family: "Arial Narrow - Bold";
  text-transform: uppercase;
  margin: 4px 0;
}
#message-p{
  font-family: "Arial Narrow - Bold";
  padding-top: 10px;
  font-size: 1rem;
  word-spacing: 2px;
}
.form-element{
  width: 100%;
  text-align: center;
/*  position: relative; */
  padding-top: 1rem;
  border: none;
}
#fileName{
  font-size: 1.1rem;
  color: #666;
  font-weight: 500;
}
.close-btn{
  position: absolute;
  font-size: 2.5rem;
  color: rgb(142, 142, 142);
  top: 5px;
  right: 20px;
  cursor: pointer;
}
.serv-form{
  height: 27.5rem;
}
/* this size 770px - 1024px */
@media (max-width: 1024px) {
  .form-popup{
    height: 32.5rem;
  }
  .serv-form {
    height: 26.3rem;
  }
  .close-btn{
    top: 4px;
  }
}
/* this size 480px - 769px */
@media (max-width: 769px) {

.close-btn{
  right: 10px;
}
.form-popup{
  width: 27rem;
  height: 34rem;
}
.form-popup {
  height: 31.5rem;
}
.serv-form{
  height: 24.5rem;
}
.form-popup h2{
  font-size: 1.2rem;
}
#message-p{
  font-size: .87rem;
}
.form-element{
  padding-top: 0.6rem;
}
}
/* this size 360px - 479px */
@media (max-width: 479px) {
.form-popup{
  width: 21rem;
  height: 28rem;
}
.serv-form{
  height: 21rem;
}
.form-popup h2{
  font-size: 1rem;
  line-height: 1rem;
}
#name, #email, #phone1, #time, #form-textarea, .flatpickr-input{
  width: 16rem;
  padding: .4rem 0 .4rem 0.5rem;
}
#message-p{
  font-size: .75rem;
}
#fileName{
  font-size: .87rem;
}
.form-element{
  padding-top: .6rem;
}
.close-btn {
  top: 1px;
  right: 4px;
}
.service-btn {
  width: 76%;
}


}




input:focus, textarea:focus{
  outline: none;
}
.form-cluster > textarea:focus,.form-cluster input:focus{
  outline: none!important;
  border: none;
  box-shadow: none;
  background-color: transparent;
}
.footer-form textarea::placeholder{
  padding-top: -10px!important;
}
/* .footer-form .close-btn{
  margin-top: -10px;
  margin-right: 6px;
  font-size: 4rem;
} */
.footer-bottom{
width: 100%;
display: flex;
justify-content: center;
align-items: center;
margin-top: 20px;
margin-bottom: 30px;
}
.footer-links a{
  text-decoration: none;
  font-family: 'Arial Narrow';
  font-size: 1.2rem;
  color: rgb(92, 92, 92);
  padding-left: 10px;
}
.footer-bottom p{
  font-size: 1.1rem!important;
  font-family: "Arial Narrow";
  color: rgb(92, 92, 92);
}
/* .form-text{
  font-size: 1.1rem;
  padding-left: 7px;
  margin-top: 1px;
  line-height: 1.2;
  letter-spacing: 0.026rem;
  font-family: 'Arial Narrow'!important;
  font-style: normal;
  
} */
#conf-policy{
  margin-left: 40px;
  margin-right: 40px;
  color: rgb(92, 92, 92);
}
.footer-text {
  display: flex;
  flex-direction: column;
  font-family: "Arial Narrow - Bold";
  text-transform: uppercase;
  justify-content: space-between;
  line-height: 2.8rem;
  font-size: 1.4rem;
  height: 90%;
  color: #000;
}
.footer__container {
  font-family: "Arial Narrow";
  color: #000;
  display: flex;
  align-items: center;
  height: 28.5rem;
}
.footer-info {
  display: flex;
  flex-direction: column;
  height: 100%;
  justify-content: space-between;
  font-weight: 700;
}
.footer-info__title {
  text-transform: uppercase;
  font-family: "Arial Narrow - Bold";
  font-size: 1.4rem;
}
.footer-info__number {
  color: #000;
  text-decoration: none;
  font-family: "Arial Narrow - Bold";
  font-size: 2.4rem;
}
.footer-info__number1 {
  color: #000;
  text-decoration: none;
  font-family: "Arial Narrow - Bold";
  font-size: 2.4rem;
  display: none;
}
.footer-info__email {
  color: #000;
  font-family: "Arial Narrow - Bold";
  font-size: 1.8rem;
}
.footer-info__text {
  font-family: "Arial Narrow - Bold";
  font-size: 1.8rem;
}
.footer-menu{
  height: 100%;
}
.menu-footer{
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  height: 100%;
  font-size: 1.2rem;
  list-style: none;
}
.footer-menu ul li > ul{
  display: none;
}
.footer-menu a{
  text-decoration: none;
  color: #000;
  text-transform: uppercase;
  font-family: "Arial Narrow - Bold";
  font-size: 1.2rem;
}
.footer-copyright {
  display: flex;
  flex-direction: column;
  height: 100%;
  justify-content: space-evenly;
}
.footer-copyright__img {
  max-width: 25rem;
  width: 100%;
}
.footer-copyright__text {
  color: #0c0c0c;
  font-family: "CalibriReg";
  font-size: 1.4rem;
}

.wrap {
  display: flex;
  justify-content: space-around;
  max-width: 128rem;
  width: 100%;
  height: 15rem;
  align-items: flex-start;
}

.carousel-wrapper {
  display: flex;
  align-items: center;
}

.carousel {
  overflow: hidden;
}

.logo-banner__text3 {
  opacity: 1;
  fill: #333333;
  font-family: "Calibri";
  font-style: normal;
  font-size: 1.7rem;
  margin-top: 2rem;
  line-height: 3rem;
}

.logo-banner__text2 {
  opacity: 1;
  fill: #333333;
  font-family: "Calibri";
  font-style: normal;
  font-size: 1.8rem;
  margin-top: 2rem;
  line-height: 3.7rem;
}

.podshipnik {
  margin-top: 7.5rem;
}
.podshipnik-logo {
  margin-top: 5rem;
}
.podshipnik-logo__images div {
  margin: 0 2rem 2rem 0;
}
.podshipnik-logo__images__image {
  max-width: 100%;
  max-height: 100%;
  width: 63.1rem;
}
.podshipnik-logo__right-text2 {
  font-style: italic;
}
.podshipnik__content {
  margin-top: 7rem;
}
.podshipnik__content-left {
  padding: 0 7rem;
  display: flex;
  align-items: center;
}
.podshipnik__content-left_img {
  max-width: 45rem;
  width: 100%;
}
.podshipnik__content-right {
  max-width: 63.2rem;
  width: 100%;
}
.podshipnik__content-right_title {
  color: #000000;
  font-family: "Myriad Pro - Bold Cond";
  font-size: 3.2rem;
  font-weight: 400;
  text-transform: uppercase;
  letter-spacing: 0.04rem;
  line-height: 4rem;
}
.podshipnik__content-right_text {
  margin-top: 3.5rem;
  font-family: "Arial Narrow";
  font-size: 1.8rem;
  line-height: 3rem;
}

._kriz {
  display: flex;
  align-items: center;
  padding: 0;
}

._max-width460 {
  max-width: 46;
}

._max-width520 {
  max-width: 52rem;
}

.bikson-image {
  width: 100%;
  padding: 0;
  padding-right: 2rem;
  margin-bottom: 2rem;
}

.bikson-style-logo__images:not(:first-child) {
  margin-top: 2rem;
}

.bikson-style-logo__images-container {
  display: flex;
  flex-direction: column;
  max-width: 61rem;
  width: 100%;
}

.bikson-style-logo__images__image1 {
  max-width: 16rem;
  width: 100%;
}

.bikson-style-logo__images-text1:not(:first-child) {
  margin-top: 2.7rem;
}

.bikson-style-logo__images-text1 {
  color: #000000;
  font-family: "Arial Narrow";
  font-size: 1.8rem;
  font-weight: 400;
  text-transform: uppercase;
  letter-spacing: 0.04rem;
  line-height: 3.3rem;
}

.bikson-logo__images div {
  display: flex;
  width: 100%;
  height: 100%;
}

.french-press__link {
  margin-top: 8.5rem;
  display: flex;
  flex-direction: column;
}
.french-press__link-text {
  color: #0000CC;
  text-decoration: none;
  font-family: "Myriad Pro - Bold Cond";
  font-size: 2.1rem;
  line-height: 3.5rem;
  text-transform: uppercase;
}

.common {
  margin-top: 60px;
}
.common__title {
  color: #000000;
  font-family: "Myriad Pro - Bold Cond";
  font-size: 3.3rem;
  font-weight: 400;
  line-height: 3rem;
  text-transform: uppercase;
  letter-spacing: 0.076rem;
}

.common-wrapper {
  margin-top: 50px;
}

.images-logo {
  max-width: 19rem;
  width: 100%;
}

.common-content_left {
  max-width: 520px!important;
  
}
.common-content_left__bold-text1 {
  color: #000000;
  font-family: "Myriad Pro - Bold Cond";
  font-size: 1.9rem;
  font-weight: 400;
  text-transform: uppercase;
  letter-spacing: 0.03rem;
  line-height: 3.2rem;
}
.common-content_left__text {
  color: #000000;
  font-family: "Myriad Pro - Cond";
  font-size: 1.8rem;
  text-transform: uppercase;
  letter-spacing: 0.04rem;
  line-height: 4.5rem;
}
.common-content_left__bold-text2 {
  color: #000000;
  font-family: "Myriad Pro - Bold Cond";
  font-size: 1.8rem;
  font-weight: 400;
  text-transform: uppercase;
  letter-spacing: 0.04rem;
}
.common-content_left__bold-text3 {
  color: #000000;
  font-family: "Myriad Pro - Bold Cond";
  font-size: 1.8rem;
  font-weight: 400;
  text-transform: uppercase;
  letter-spacing: 0.04rem;
}
.common-content_left__img {
  width: 45rem;
}
.common-content_left__img1 {
  width: 16rem;
}

.common-content_right {
  max-width: 62rem;
}
.common-content_right__text {
  font-family: "Arial Narrow";
  font-size: 1.8rem;
  line-height: 2.6rem;
}
.common-content_right__text2 {
  font-family: "Arial Narrow";
  font-size: 1.8rem;
  line-height: 2.6rem;
}

.common-container {
  margin-top: 70px;
}

.common-images {
  position: relative;
  margin: 20px 20px 0 0;
}
.common-images_black {
  background: black;
  position: absolute;
  opacity: 0.7;
  top: 0;
  left: 0;
  display: none;
  height: 100%;
  width: 100%;
}
.common-images:hover .common-images__image-text1 {
  display: block;
}
.common-images:hover .common-images__image-text2 {
  display: block;
}
.common-images:hover .common-images__image-title {
  display: block;
}
.common-images:hover .common-images__image-link {
  display: block;
}
.common-images:hover .common-images_black {
  display: block;
}
.common-images__image1 {
  width: 605px;
  max-width: 100%;
}
.common-images__image1:hover .common-images__image-text1 {
  display: block;
}
.common-images__image1:hover .common-images__image-link {
  display: block;
}
.common-images__image1:hover .common-images_black {
  display: block;
}
.common-images__image-title {
  color: #ffffff;
  font-size: 30px;
  font-family: "Arial Narrow - Bold";
  text-transform: uppercase;
  display: none;
  line-height: 35px;
  position: absolute;
  top: 38%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 450px;
}
.common-images__image-text1 {
  color: #ffffff;
  font-size: 1.6rem;
  font-family: "Arial Narrow";
  text-transform: uppercase;
  display: none;
  line-height: 3rem;
  position: absolute;
  top: 62%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 45rem;
}
.common-images__image-text2 {
  color: #ffffff;
  font-size: 18px;
  font-family: "Arial Narrow - Bold";
  text-transform: uppercase;
  display: none;
  line-height: 30px;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 440px;
}
.common-images__image-link {
  color: #ffffff;
  font-size: 18px;
  font-family: "Arial Narrow - Bold";
  text-transform: uppercase;
  display: none;
  line-height: 30px;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 440px;
  text-decoration: underline;
}
.common-container .wrapper {
  gap: 10px;
}
@media (max-width: 1024px) {
  .common-container .wrapper {
    display: flex;
    flex-direction: column;
    align-items: center;
  }
}
.margin-100{
  margin: 100px 0;
}
@media (max-width:1280px) {
  .margin-100{
    margin: 90px 0;
  }
}
@media (max-width:1024px) {
  .margin-100{
    margin: 75px 0;
  }
}
@media (max-width:720px) {
  .margin-100{
    margin: 65px 0;
  }
}



.content-logo {
  margin-top: 10rem;
  display: flex;
  justify-content: space-between;
}

.content-logo__left {
  display: flex;
  flex-direction: column;
}

.content-logo__left-img {
  width: 15.1rem;
  height: 11.7rem;
}

.content-logo__left-text1 {
  width: 18rem;
  margin-top: 2.3rem;
  color: #333333;
  font-family: "Myriad Pro - Bold Cond";
  font-size: 1.8rem;
  font-weight: 400;
  line-height: 3.5rem;
  text-transform: uppercase;
}

.content-logo__left-text2 {
  color: #333333;
  font-family: "Calibri - Bold";
  font-style: italic;
  font-size: 1.8rem;
  font-weight: 400;
  line-height: 2.4rem;
  text-transform: uppercase;
  text-decoration: underline;
  margin-top: 4rem;
}

.content-logo__right-text {
  max-width: 95.6rem;
  font-family: "Arial Narrow";
  font-size: 1.8rem;
  opacity: 1;
  color: #080808;
  line-height: 2.8rem;
}

.logo {
  margin: 1rem 0;
  display: flex;
}
.logo div {
  margin: 0 0.5rem;
}
.logo-img {
  width: 30rem;
  max-width: 100%;
}
.logo-img1 {
  width: 30rem;
  max-width: 100%;
}
.logo-container {
  margin-top: 6.7rem;
}

.articles {
  margin-top: 10rem;
}
.articles__title {
  color: #333333;
  font-family: "Myriad Pro - Bold Cond";
  font-size: 2.6rem;
  font-weight: 400;
  line-height: 3.7rem;
  text-transform: uppercase;
  letter-spacing: 0.064rem;
}
.articles__content {
  margin-top: 4.3rem;
}
.articles__container {
  background: #ECEFEF;
  width: 30rem;
  height: 30rem;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
.articles__container-img1 {
  width: 19.7rem;
  height: 13.2rem;
  margin-top: 3.7rem;
}
.articles__container-title {
  color: #333333;
  font-family: "Calibri - Bold";
  font-style: italic;
  font-size: 1.6rem;
  font-weight: 400;
  line-height: 2.4rem;
  text-transform: uppercase;
  text-decoration: underline;
  text-align: center;
  margin-top: 2rem;
}
.articles__container-text {
  color: #000000;
  font-family: "Arial Narrow";
  font-size: 1.6rem;
  text-align: center;
  margin-top: 2rem;
  line-height: 1.8rem;
}
.articles__container-img2 {
  width: 13.9rem;
  height: 14.2rem;
}
.articles__container-img3 {
  width: 22rem;
  height: 7rem;
}
.articles__container-img4 {
  width: 19rem;
  height: 7.7rem;
}

._brown {
  background: #514949;
}

.articles__container-title2 {
  font-family: "Myriad Pro - Bold Cond";
  font-size: 2.4rem;
  text-transform: uppercase;
  text-align: center;
  line-height: 3.5rem;
}
.articles__container-text2 {
  font-family: "Myriad Pro - Bold Cond";
  font-size: 1.8rem;
  text-transform: uppercase;
  text-align: center;
  line-height: 2.5rem;
  width: 19.5rem;
}

.advantages {
  margin-top: 9.6rem;
}
.advantages-content {
  display: flex;
  margin-top: 6rem;
}
.advantages-left {
  width: 30rem;
  display: flex;
  flex-direction: column;
  justify-content: space-around;
}
.advantages__text {
  font-family: "Arial Narrow";
  font-size: 1.8rem;
  line-height: 3.5rem;
  letter-spacing: 0.05rem;
  font-weight: 400;
  max-width: 97.5rem;
  width: 100%;
}
.advantages-rigth {
  margin-left: 4rem;
  width: 96rem;
}

.logo-container {
  margin-top: 6.7rem;
}

.services-page {
  margin-top: 5rem;
}
.services-page__title {
  color: #000000;
  font-family: "Myriad Pro - Bold Cond";
  font-size: 3.2rem;
  font-weight: 400;
  line-height: 3.1rem;
  text-transform: uppercase;
  letter-spacing: 0.076rem;
  margin-top: 4.5rem;
}

.services-page__content {
  margin-top: 44px;
  align-items: center;
}
.services-page__content-left {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 65rem;
}
.services-page__content-left_img {
  width: 54.1rem;
}
.services-page__content-right {
  max-width: 652px;
  /* margin-top: -15px; */
}
.services-page__content-right_title {
  color: #000000;
  font-family: "Myriad Pro - Bold Cond";
  font-size: 3.2rem;
  font-weight: 400;
  text-transform: uppercase;
  letter-spacing: 0.04rem;
  line-height: 3.2rem;
}
.services-page__content-right_text {
  margin-top: 3.5rem;
  font-family: "Arial Narrow";
  font-size: 1.6rem;
  line-height: 2.4rem;
}
.services-page__content-right_text2 {
  font-family: "Arial Narrow";
  font-size: 1.6rem;
  line-height: 2.4rem;
}
.services-page__content-right_text3 {
  font-family: "Arial Narrow";
  font-size: 1.6rem;
  line-height: 2.4rem;
}
.services-page__content-title {
  color: #000000;
  font-family: "Myriad Pro - Bold Cond";
  font-size: 36px;
  font-weight: 400;
  line-height: 31px;
  text-transform: uppercase;
  letter-spacing: 0.7px;
}
.services-page__content-line {
  width: 100%;
  border-bottom: 4px solid #999999;
  margin-left: 20px;
}
.dropbutton2{
  display: none;
}
.dropbutton2.active{
  display: block;
}
.branding {
  margin-top: 70px;
}
.branding1 {
  margin-top: 4.5rem;
  display: grid;
  /*grid-template-columns: repeat(4, 1fr);*/
  gap: 1rem;
  grid-template-columns: 20% 20% 20% 20%;
  

}
.branding1 a {
  font-style: italic;
}
.branding a {
  font-style: italic;
}
.branding_arrow {
  text-align: center;
  width: 23rem;
}
.branding-left {
  width: 31.6rem;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
.branding-left1 {
  height: 88rem;
  width: 29rem;
  grid-row: 1/3;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
.branding-left__img {
  width: 12rem;
}
.branding-left__img1 {
  width: 6rem;
}
.branding-left__title {
  color: #333333;
  font-family: "Myriad Pro - Bold Cond";
  font-size: 18px;
  text-transform: uppercase;
  line-height: 30px;
}
.branding-left__text {
  width: 316px;
  color: #080808;
  font-family: "Arial Narrow";
  font-size: 16px;
  line-height: 29px;
}
.branding-left__text-none {
  width: 31.6rem;
  color: #080808;
  font-family: "Arial Narrow";
  font-size: 1.6rem;
  line-height: 2.9rem;
}
.branding-left__text1 {
  margin: 0;
  color: #080808;
  font-family: "Arial Narrow";
  font-size: 1.6rem;
  line-height: 3.5rem;
}
.branding-left__text_v2 {
  width: 31.6rem;
  color: #080808;
  font-family: "Arial Narrow";
  font-size: 1.6rem;
  line-height: 2.9rem;
}
.branding-right {
  max-width: 930px;
}
.branding-right div {
  margin: 10px;
}
.branding-right__item {
  margin: 10px;
  position: relative;
}
.branding-right__text {
  position: absolute;
  z-index: 1;
  right: 24px;
  top: 24px;
  font-size: 20px;
  font-family: "Myriad Pro - Bold Cond";
  text-transform: uppercase;
  text-align: end;
}
.branding-right__wrapper {
  position: absolute;
  z-index: 2;
  top: -11px;
  left: -11px;
  background: #f1f3f3;
  width: 102%;
  height: 101%;
  display: none;
  padding: 40px 0;
}
.branding-right__item:hover .branding-right__wrapper{
  display: block;
}
.branding-right__wrap {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  height: 230px;
}
.branding-right__title {
  font-size: 2rem;
  font-family: "Myriad Pro - Bold Cond";
  text-transform: uppercase;
}
.branding-right__subtitle {
  font-size: 14px;
  font-family: "Arial Narrow";
  line-height: 25px;
}
.branding-right__img {
  max-width: 300px;
  max-height: 300px;
  width: 100%;
}
.branding-right__img-max {
  width: 95rem;
  height: 100%;
  max-width: 100%;
}

._mod-branding {
  height: 46rem;
  grid-row: 1/2;
}

.bikson-logo__images-text {
  color: #000000;
  font-family: "Myriad Pro - Bold Cond";
  font-size: 1.7rem;
  font-weight: 400;
  text-transform: uppercase;
  letter-spacing: 0.02rem;
  line-height: 3.4rem;
  margin-left: 2.5rem;
}

.french-press__grid {
  display: flex;
  flex-direction: column;
}
.french-press__grid .french-press__logos-forms {
  margin: 0;
}

.french-press__logos-forms {
  width: 61.1rem;
}
.french-press__logos-forms div:last-child {
  margin: 0;
}
.french-press__logos-forms__image {
  width: 30.5rem;
  height: 30.5rem;
  max-width: 100%;
}

.french-press__label {
  margin-top: 12rem;
}
.french-press__label-left {
  display: flex;
  flex-direction: column;
}
.french-press__label-left__title {
  color: #000000;
  font-family: "Myriad Pro - Bold Cond";
  font-size: 3.3rem;
  font-weight: 400;
  text-transform: uppercase;
  letter-spacing: 0.04rem;
  line-height: 3.2rem;
}
.french-press__label-left__title:not(:first-child) {
  margin-top: 3rem;
}
.french-press__label-left__text {
  margin-top: 3rem;
  font-family: "Arial Narrow";
  font-size: 1.8rem;
  line-height: 2.7rem;
}
.french-press__label-left_images {
  margin-top: 4.5rem;
  display: flex;
}
.french-press__label-left_flex {
  display: flex;
  align-items: center;
}
.french-press__label-right__image {
  max-width: 65rem;
  max-height: 69rem;
  width: 100%;
}

.brandbook-content_right__text {
  font-family: "Arial Narrow";
  max-width: 56rem;
  font-size: 1.8rem;
  line-height: 2.7rem;
  margin-top: 20px!important;
}

._margin-top-25 {
  margin-top: 2.5rem;
}

._margin-top-15 {
  margin-top: 1.5rem;
}

._margin-top-10 {
  margin-top: 1rem;
}
.block3 {
  display: none;
  position: absolute;
  top: 70%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 450px;
}
.common-images__image-text3{
  color: #ffffff;
  font-size: 17px;
  font-family: "Arial Narrow - Bold";
  text-transform: uppercase;
  line-height: 40px;
}
.common-images__image-link3{
  color: #ffffff;
  font-size: 17px;
  font-family: "Arial Narrow - Bold";
  text-transform: uppercase;
  text-decoration: underline;
  line-height: 40px;
}
.common-images:hover .block3 {
  display: block;
}
.price {
  margin-top: 5rem;
  gap: 2rem;
}
.price__images{
  width: 12rem;
}
.price__images1{
  width: 7rem;
}
.price-left {
  max-width: 62rem;
  width: 100%;
}
.price-right {
  max-width: 63.2rem;
  width: 100%;
  text-align: center;
}
.price-right1 {
  max-width: 96rem;
  width: 100%;
  text-align: center;
}
.price__wrapper {
  display: flex;
  justify-content: space-between;
  gap: 2rem;
}
.price__wrapper:nth-child(2n) {
  margin-top: 4rem;
}
.price_wrap-text {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
.price__conteiner {
  width: 25.3rem;
  display: flex;
  align-items: center;
  flex-direction: column;
}
.price__conteiner1 {
  width: 25.3rem;
  display: flex;
  align-items: center;
  flex-direction: column;
  height: 20rem;
}
.price__conteiner1 div {
  width: 23rem;
}
.price__conteiner-left {
  display: flex;
  flex-direction: column;
  height: 46rem;
  width: 19rem;
  justify-content: space-between;
}
.price__a {
  font-style: italic;
  font-weight: 400;
  font-family: "Arial Narrow";
}
.price__title {
  font-family: "Myriad Pro - Bold Cond";
  font-size: 2rem;
  text-transform: uppercase;
}
.price__title1 {
  font-family: "Arial Narrow - Bold";
  font-size: 1.8rem;
  line-height: 2.5rem;
}
.price__text {
  font-family: "Arial Narrow";
  font-size: 1.8rem;
  line-height: 2.7rem;
}
.price__text2 {
  font-family: "Arial Narrow";
  font-size: 1.6rem;
  line-height: 2.6rem;
}
.price__line {
  max-width: 50.9rem;
  width: 100%;
  border-bottom: 0.3rem solid #666;
}
.price__line-mini {
  max-width: 18.3rem;
  width: 100%;
  border-bottom: 0.3rem solid #666;
}
.price__line-text {
  font-family: "Arial - Italian";
  font-size: 1.4rem;
  line-height: 2.1rem;
}
.price__left {
  max-width: 29.3rem;
  width: 100%;
  height: 84rem;
  background: #f2f4f5;
  box-shadow: 0 0 1.8rem 0.5rem #858484;
  display: flex;
  flex-direction: column;
  align-items: center;
}
.price__left1 {
  max-width: 29.3rem;
  width: 100%;
  height: 30rem;
  display: flex;
  flex-direction: column;
  align-items: center;
}
.price__right {
  max-width: 29.3rem;
  width: 100%;
  height: 84rem;
  background: #f2f4f5;
  box-shadow: 0 0 1.8rem 0.5rem #858484;
  display: flex;
  flex-direction: column;
  align-items: center;
}
.price__right1 {
  max-width: 29.3rem;
  width: 100%;
  height: 47rem;
  display: flex;
  flex-direction: column;
  align-items: center;
}

.blog__img {
  max-width: 62rem;
}
.blog-right {
  max-width: 62rem;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
.blog__text {
  font-family: "Arial Narrow";
  font-size: 1.8rem;
  line-height: 3.5rem;
}
.blog__square {
  background: #ECEFEF;
  width: 29rem;
  height: 22rem;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}

.border-bottom {
  border-bottom: 0.5rem solid #999;
}

._black {
  color: #000;
}

.blue {
  color: #003399;
}

._text-align-end {
  text-align: end;
}

._text-transform-none {
  text-transform: none;
}

._font-size45 {
  font-size: 4.5rem;
}

._font-size35 {
  font-size: 3.5rem;
}

._font-size25 {
  font-size: 2.5rem;
}

._line-height35 {
  line-height: 3.5rem;
}

._line-height30 {
  line-height: 3rem;
}

._width26 {
  width: 26rem;
}

._width23 {
  width: 23rem;
}

._width18 {
  width: 18rem;
}

._width28 {
  width: 28rem;
}

._width29 {
  width: 29rem;
}

._width2 {
  width: 2rem;
}

._width54 {
  width: 54rem;
}

._width-60p {
  width: 60%;
}

._max-width100 {
  max-width: 100%;
}

._height60 {
  height: 60rem;
}

._height19 {
  height: 19rem;
}

._height30 {
  height: 30rem;
}

._height35 {
  height: 35rem;
}

._height40 {
  height: 40rem;
}

._height45 {
  height: 45rem;
}

._height55 {
  height: 55rem;
}

._height27 {
  height: 27rem;
}

._height80 {
  height: 80rem;
}

._margin-left27 {
  margin-left: 2.7rem;
}

._margin-left10 {
  margin-left: 10px;
}

._margin0 {
  margin: 0;
}

._align-items-center {
  align-items: center;
}

._justify-content-center {
  display: flex;
  justify-content: center;
}

._justify-content-space-between {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}

._justify-content-space-evenly-align-center {
  justify-content: space-evenly;
  align-items: center;
  display: flex;
}

.red {
  color: red;
}

._font-size16 {
  font-size: 1.6rem;
}

._line-height-revert {
  line-height: revert;
}

.big-line {
  width: 75rem;
}

.medium-line {
  width: 65rem;
}

.small-line {
  width: 54rem;
}

.very-small-line {
  width: 25rem;
}
._display-block{
  display: block;
}
.error{
  position: relative;
}
.error-btn{
  	position: absolute;
    bottom: 5rem;
    left: 13rem;
    width: 100%;
    max-width: 46rem;
    opacity: .95;
}
.error-btn:hover{
  opacity: 1;
}
.contacts-forms{
  display: flex;
  justify-content: center;
}


@media (min-width: 720px) {
    .header{
    column-gap: 0;
  }
  .header-call {
    width: 18.3rem;
  }
  .header-email{
    width: 16rem;
  }
  .header-menu__text {
    line-height: 2.2rem;
  }
  .cla {
    font-size: 1.2rem;
    top: 0.5rem;
  }
  .content-list__text {
    font-size: 1.8rem;
    line-height: 3rem;
    margin-top: 2.5rem;
  }
  .content-list__text3 {
    line-height: 2.8rem;
    font-size: 1.8rem;
  }
  .content-list__text4 {
    line-height: 2.8rem;
  }
  .content__title {
    font-size: 3rem;
  }
  .content-logo__left-text1 {
    font-size: 1.6rem;
    line-height: 2.7rem;
  }
  .content-logo__left-text2 {
    font-size: 1.6rem;
  }
  .content-logo__right-text {
    max-width: 76rem;
    font-size: 1.57rem;
  }
  .services__text {
    font-size: 2.1rem;
    width: 21.5rem;
  }
  .services__link {
    font-size: 2.1rem;
  }
  .services-page__content-right {
    max-width: 492px;
    margin-right: 80px;
  }
  .services-page__content-title {
    font-size: 30px;
  }
  .branding-left__text {
    line-height: 20px;
    width: 296px;
  }
  .branding-left__text1 {
    line-height: 2.3rem;
    width: 29.6rem;
  }
  .branding-right__wrapper{
    padding: 0 0 40px;
  }
  .branding-right__title{
    font-size: 16px;
  }
  .branding-right__subtitle{
    font-size: 12px;
    line-height: 20px;
  }
  .articles__container {
    margin-left: 1rem;
  }
  .articles__container:first-child {
    margin: 0;
  }
  .articles__container-text {
    font-size: 1.4rem;
  }
  .articles__container-title {
    font-size: 1.4rem;
  }
  .advantages__text {
    line-height: 2.8rem;
  }
  .advantages-content {
    margin-top: 2rem;
  }
  .advantages-rigth {
    width: 70rem;
  }
  .block3{
    top: 68%;
  }
  .common-content_left {
    max-width: 460px;
  }
  .common-content_left__text {
    font-size: 1.6rem;
  }
  .common-content_right {
    max-width: 48rem;
  }
  .common-images__image-title {
    top: 35%;
  }
  .podshipnik__content-right {
    max-width: 50rem;
  }
  .podshipnik__content-right_title {
    font-size: 2.9rem;
  }
  .podshipnik__content-right_text {
    font-size: 1.6rem;
    line-height: 2.8rem;
  }
  .bikson-style-logo__images__image1 {
    max-width: 10rem;
  }
  .bikson-logo__images-text {
    font-size: 1.5rem;
  }
  .french-press__logos-forms {
    width: 48.1rem;
  }
  .french-press__logos-forms__image {
    height: 24rem;
  }
  .french-press__label-left__title {
    font-size: 3rem;
  }
  .french-press__label-left__text {
    font-size: 1.6rem;
  }
  .price-left {
    max-width: 46rem;
  }
  .price__left {
    max-width: 23rem;
    height: 105rem;
  }
  .price__right {
    max-width: 23rem;
    height: 105rem;
  }
  .price__wrapper{
    justify-content: space-around;
  }
  .price__text {
    font-size: 1.6rem;
  }
  .price__text2 {
    font-size: 1.4rem;
  }
  .price__conteiner {
    width: 18rem;
    height: 103rem;
    justify-content: space-between;
  }
  .price__conteiner1 {
    width: 22.3rem;
  }
  .price__conteiner .BOLD {
    font-size: 1.4rem;
  }
  .price__conteiner .bold-one {
    font-size: 1.4rem;
  }
  .blog__img {
    max-width: 47rem;
  }
  .blog-right {
    max-width: 50rem;
  }
  .blog__text {
    font-size: 1.6rem;
    line-height: 2.7rem;
  }
  .articles__title {
    font-size: 2.1rem;
    line-height: 3.3rem;
  }
  .agency__content_text-uppercase {
        font-size: 1.7rem;
    line-height: 3rem;
  }
  .big-line {
    width: 55rem;
  }
  .medium-line {
    width: 50rem;
  }
  .small-line {
    width: 39rem;
  }
  .common-wrapper {
    margin-top: 35px;
  }
  .content-list__text1{
    font-size: 21px;
    line-height: 35px;
  }
  .content-list__text6{
    font-size: 2.1rem;
  }
  .contacts_center{
    width: 34.5rem;
    height: 39.6rem;
  }
  .form{
    height: 60rem;
  }
  .contacts-right{
    width: 60rem;
  }
  .branding-right__wrap{
    height: 210px;
  }
  ._height20{
  height: 190px;
}
  .error-btn{
    max-width: 27rem;
    left: 5rem ;
    bottom: 5rem;
    left: 6.5rem;
    bottom: 2rem;
  }
    .website-development_wrapper {
    bottom: 7rem;
    right: 6rem;
  }
  .website-development_link {
    font-size: 2rem;
    line-height: 4rem;
  }
  ._margin-162-66 {
    margin: 9.2rem 0 6.6rem;
}

.proj-overlay{
  left: 225px!important;
  height: 57%!important;
}
.proj-overlay h2{
  font-size: 2rem!important;
  line-height: 2.9rem!important;
  letter-spacing: 0.12rem!important;
}
.proj-container button{
  left: 53%!important;
}
#proj-call-overlay{
  display: flex;
  flex-direction: column;
  justify-content: center;
  left: 200px;
  height: 77%!important;
}
#call-overlay-h2{
  padding-top: 20px!important;
}
.proj-overlay p{
  font-size: 1.5rem!important;
  line-height: 2.1rem!important;
  letter-spacing: 0.11rem!important;
  padding-top: 1px!important;
}
#form-btn2{
  top: 152px!important;
}
/* .service-btn{
  font-size: 1.8rem!important;
  height: 31px!important;
} */

}
@media (max-width: 1200px) {
  .header{
   /* grid-template-columns: 1fr 1fr .1fr 1fr 1fr; 
    gap: 4rem; */
    display: flex;
    flex-direction: row-reverse;
    justify-content: space-between;
    width: 88%;
    margin-top: 30px;
  }
  .header-call, .header-email{
    display: none ;
  }
  .social-links{
    display: flex !important;
    position: relative;
   left: 190px;
   width: 53%;
   
  }
  .social-links a{
    margin-left: 12px;
  }
  .seo-text{
    position: relative;
    font-size: 12px;
  }
  .fa-brands, #envelope{
    color: #808080;
  }
  #toggle-menu::after {
    content: '\f0d7';
    font-family: 'Font Awesome 6 Free';
    margin-left: 8px;
    margin-top: -10px;
    font-size: 15px;
}
  /* .border {
    border-top: 0.3rem solid #ccc;
    margin: 0 1.2rem;
  } */
  .menu-btn {
    display: block;
  }
  

  .fa-angle-down{
    display: flex;
    position: absolute!important;
    top: 138px;
    right: 270px!important; 
    font-size: 2rem!important;
  }

  .block3{
    top: 65%;
  }

  .logo-banner__img {
    display: none;
  }
  .logo-banner__img_media720 {
    display: block;
  }

  #swiper-slide__banner {
    display: none;
  }
  #swiper-slide__banner_media720 {
    display: block;
  }
  .mobail {
    display: block;
  }
  .mobail1 {
    display: none;
  }
  .branding-right__wrap {
    height: 220px;
}
  ._height20 {
    height: 200px;
}
  .homepage {
    font-size: 14px;
  }
  .logo-banner__page-text {
    font-size: 14px;
  }
  .logo-banner__text {
    margin-top: 40px;
  }
  .seo-text {
    margin-top: 27px;
    margin-left: -16px;
  }
  .content__title {
    font-size: 2.6rem;
  }
  .content-list {
    margin-top: 3rem;
  }
  .content__img {
    display: none;
  }
  .content-list {
    display: flex;
    flex-direction: column;
  }
  .content-list__text3 {
    display: none;
  }
  .content-list__text3_mob-block {
    display: block;
  }
  .content-list__text2 {
    display: none;
  }
  .content-list__text2_mob-block {
    display: block;
  }
  .content__wrap2 {
    margin-top: 2rem;
  }
  .content-logo {
    margin: 0;
    flex-direction: column;
  }
  .content-logo__right-text {
    display: none;
  }
  .content-logo__left-img {
    display: none;
  }
  .content-logo__left-text1 {
    width: 61rem;
    font-size: 1.8rem;
  }
  .content-logo__left-text2 {
    font-size: 1.8rem;
    margin: 2rem 0;
  }
  ._block {
    display: block;
  }
  ._margin-130-110 {
    margin: 4rem 0;
  }
  ._flex-container-mod {
    display: flex;
    flex-direction: column;
  }
  .services__logo div {
    margin: 0 0.5rem;
  }
  .services__text {
    width: 47rem;
  }
  .services__text_mod {
    font-size: 1.9rem;
    width: 100%;
    max-width: 24rem;
  }
  .services__wrap {
    flex-direction: row;
  }
  .services__wrap div {
    width: 25rem;
  }
  .services__wrap div:first-child {
    display: none;
  }
  .services-page__content-left {
    display: none;
  }
  .services-page__content-right {
    max-width: 580px;
  }
  .services-page__content-right_text {
    display: none;
  }
  .services-page__content-title {
    font-size: 22px;
  }
  .services-page__title {
    font-size: 2.4rem;
  }
  .price-left {
    max-width: 33rem;
}
  .price__left {
    max-width: 24rem;
  }
  .price__right {
    max-width: 24rem;
  }
  .price__wrapper{
    gap: 1.5rem;
  }
  .branding {
    flex-direction: column;
    margin-top: 2rem;
  }
  .branding1 {
    grid-template-columns: 1fr 1fr;
    row-gap: 4rem;
  }
  .branding-left {
    width: 590px;
  }
  .branding-left :nth-child(3){
    margin: 0;
  }
  .branding-left__text {
    width: 590px;
    margin: 0;
    text-indent: 10px;
  }
  .branding-left__text-none {
    display: none;
  }
  .branding-left__text_v2 {
    width: 74rem;
  }
  .branding-right__subtitle {
    font-size: 14px;
  }
  .agency__info-text {
    max-width: 63rem;
  }
  .articles__container {
    margin: 1.5rem 0;
  }
  .articles__container:first-child {
    margin: 1.5rem 0;
  }
  .carousel-item {
    max-width: 33rem;
    padding: 3rem 2rem;
  }
  .common {
    margin-top: 30px;
  }
  .common-wrapper {
    flex-direction: column;
    margin-top: 10px;
  }
  .common-content_left {
    max-width: 640px;
  }
  .common-content_left__img {
    display: none;
  }
  .common-content_left__img1 {
    display: none;
  }
  .common-content_right {
    max-width: 63rem;
  }
  .common-content_right__text {
    display: none;
  }
  .common-container {
    margin-top: 20px;
  }

  .common-images {
    margin: 10px 0;
  }
  .about-us__img1 {
    display: none;
  }
  .agency__content_text-uppercase {
    font-size: 2rem;
    line-height: 3.3rem;
}
  .blog__text{
    font-size: 1.8rem;
    line-height: 3.5rem;
  }
  .blog__img {
    max-width: 50rem;
}
  .articles__title{
    font-size: 2.4rem;
    line-height: 3.5rem;
  }
  .brandbook-content_right__text {
    display: none;
    margin: 0;
  }
  .brandbook-swiper {
    width: 73rem;
    margin-top: 4rem;
  }
  .french-press__label {
    margin-top: 3rem;
    flex-direction: column;
  }
  .french-press__label-right__image {
    display: none;
  }
  .french-press__label-left_images {
    margin-top: 2.5rem;
    justify-content: space-evenly;
  }
  .french-press__label__link {
    margin-top: 6.5rem;
  }
  .french-press__logos-forms {
    width: 63rem;
  }
  .french-press__logos-forms__image {
    height: 30.5rem;
  }
  .podshipnik {
    margin-top: 4.5rem;
  }
  .podshipnik__content {
    margin-top: 3rem;
    flex-direction: column;
  }
  .podshipnik__content-left_img {
    display: none;
  }
  .podshipnik__content-right {
    max-width: 65rem;
  }
  .podshipnik-logo__images {
    display: flex;
    flex-direction: column;
    align-items: center;
  }
  .contacts-content_left{
    width: 60rem;
  }
  .content-list__text6{
    width: 100%;
    font-size: 1.8rem;
  }
  .contacts_img{
    display: none;
  }
  .contacts{
    width: 73rem;
  }
  .contacts-forms{
    display: flex;
    flex-direction: column;
  }
  .contacts-left{
    display: flex;
    justify-content: center;
  }
  .form-input{
    width: 40rem;
  }
  .contacts-right {
    margin-top: 2rem;
    width: 74rem;
    height: 40rem;
}
 
  .footer-copyright {
    position: absolute;
    margin-left: auto;
    margin-right: auto;
    max-width: 27rem;
    bottom: 2rem;
    height: 0%;
    padding-bottom: 1rem;
  }
  .footer-copyright__img {
    display: none;
  }
  .footer-info__number1 {
    display: block;
  }
  .footer-info__text {
    display: none;
  }
  .menu-footer{
    transform: translate(0, 0);
    width: 11rem;
    height: 100%;
    background: none;
    justify-content: space-between;
    position: relative;
  }
  .menu-footer .item-117 {
    margin: 0;
    border: none;
  }
  .menu-footer .item-119{
    border: none;
  }
  .blog__wrapper {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 3rem;
    margin-top: 6rem;
    padding-bottom: 3.5rem;
  }
  .advantages-content {
    flex-direction: column;
    gap: 2rem;
  }
  .advantages-left {
    width: 70rem;
    flex-direction: row;
    height: auto;
  }
  .advantages-rigth {
    margin: 0;
  }
  .advantages__img1 {
    width: 22rem;
  }
  ._display-block767 {
    display: block;
  }
  ._display-none767 {
    display: none;
  }
  ._display-block360 {
    display: block;
  }
  ._margin-130-75 {
    margin: 8rem 0 7.5rem;
}
  ._align-items-center-column {
    display: flex;
    align-items: center;
    flex-direction: column;
  }
  .big-line {
    width: 40rem;
  }
  .medium-line {
    width: 36rem;
  }
  .small-line {
    width: 27rem;
  }
  .very-small-line {
    width: 10rem;
  }
  .error-btn {
    max-width: 29rem;
    left: 2rem;
    bottom: 4rem;
}
  .website-development_wrapper {
    bottom: 8rem;
    right: 8rem;
  }
  .website-development_link {
    font-size: 3rem;
    line-height: 5rem;
  }
  .indicator{
    margin-left: 1rem;
  }
.proj-container img{
  max-width: none!important;
  height: 190px; 
  object-fit: cover; 
}
.proj-container{
 width: 100vw!important;
 overflow: hidden;
}
.proj-overlay{
  display: none;
  width: 100%!important;
  left: 0!important;
  height: 60%!important;
}
.proj-overlay p{
  font-size: 1.5rem!important;
  letter-spacing: 0.1rem!important;
  line-height: 2.4rem!important;
  font-weight:600!important; 
}
.proj-overlay h2{
  font-size: 2.3rem!important;
  line-height: 2.8rem!important;
  word-spacing: 2px!important;
}
.form-btns{
  width: 35%!important;
  height: 20%!important;
  font-size:2rem!important;
  font-weight: 900!important;
  border-width: 3.2px!important;
}
#call-overlay-h2{
padding-top: 6px!important;
}
#proj-call-overlay{
  display: none;
  margin-top: 20px!important;
  height: 65%!important;
}
#call-btn{
  margin-top: 25px!important;
}
.trust-h2{
  padding-top: 1px!important;
  margin-bottom: 40px;
  font-size: 3.3rem;
}
 /* .service-btn{
  width: 203px!important;
} */
.content-container{
  width: 100%;
  flex-direction: column!important;
  justify-content:center;
  align-items: center;
}
.seven-pros-container{
  width: 100%!important;
  margin-left: 10px;
}
.seven-pros p{
  font-size: 1.4rem;
}
#birdie-pic{
  order: -1;
  margin-top: 1px!important;
  margin-right: 55px;
}

  html, body {
    margin: 0;
    padding: 0;
    height: 100%;
}
.content__title1{
  font-size: 50px!important;
  margin-top: 30px;
  word-spacing: 0!important;
  
}
.text-block{
  width: 100%!important;
  text-align: center;
  align-items: center;
}
.text-block1{
  width: 100%!important;
}
.content-container h2{
  font-size: 3rem!important;
  
}
h2 .hide-br{
  display: none;
}
.content-container .title3{
  font-weight: 400;
}
.title4{
  margin-top: 10px;
}
.services-title{
  font-size: 3.2rem!important;
  margin-bottom: 20px;
}
.content-container .title2{
  font-size: 1.9rem!important;
}
.services #swiper-logo{
  margin-top: 0!important;
}
#clients-h2{
  margin-top: 20px!important;
  margin-bottom: 55px!important;
  font-size: 3.3rem;
}
.proj-container{
  display: flex!important;
  width: 100%!important;
  height: 150px;
}
.proj-container button{
 /*position: absolute;*/
 /* margin-top: -25px!important;
 width: 35%!important;
 height: 35px!important; */
}

.proj-container img{
  display: none;
}
#special-p{
  padding-top: 0!important;
}
#special-p br{
display: inline!important;
}
/* .form-popup{
  min-width: 60%;
  height: 40%;
} */
#form-btn2{
  top: 82px!important;
}
#form2 .form-popup{
  width: 60%!important;
  height: 51%!important;
 }
 .about-us__wrapper{
  margin-top: 20px;
 }
.about-us-text{
  display: none!important;
}
.footer{
  max-width: 100%;
}
/* 
.flip-container{
  margin-left: 18px;
} */
.footer-1 p{
  font-size: 1.4rem;
  line-height: 2rem;
  margin-top: -15px;
}
.footer-1 h2{
  margin-top: 20px;
}
.footer-hide{
  display: none;
}
.mail-footer, .telegram-footer, .whats-up-footer, .phone-footer{
  margin-bottom: 6px;
}
.social-links-footer p{
  font-size: 1.2rem;
  padding-top: 15px;
}
.img-div-footer img{
  margin-top: 25px;
  margin-right: 5px;
}
.footer-bottom{
  margin-top: 30px;
}
#done::after {
  width: 140px!important;
 }
 .more-projects{
  left: 3%!important;
  margin-top: 5px;
 }
 .more-projects a{
  font-size: 1.6rem!important;
 }
 .services-container{
  margin-top: 130px!important;
 }
 .h2-swiper{
  margin-top: 60px;
 }
 hr{
  width: 100%!important;
 }
 #seven-pros-conth2{
  margin-top: 15px;
 }
 .about-us2 h2{
  margin-top: 50px;
 }
}
@media (max-width: 719px) {
  /* .container {
    width: 100%;
    max-width: 100%;
  } */
  html, body {
    margin: 0;
    padding: 0;
    height: 100%;
}
  .content-container{
    flex-direction: column!important;
    justify-content: center;
    align-items: center;
    margin-top: -80px;
  }
  .title2{
font-size: 1.5rem!important;
line-height: 2.7rem!important;
  }
  .logo{
    display: flex;
    justify-content: center;
    align-items: center!important;
    width: 60%!important;
  }
  /* .proj-container button{
    width: 56%!important;
    font-size: 1.9rem;
    border: 3px solid salmon;
    
  } */
.proj-container{
  width: 100%!important;
}
.header.container{
  display: flex;
  align-items: center;
  justify-content: space-between; /* Spread elements evenly */
width: 97%;
margin-bottom: 70px;
}
.social-links{
  display: flex !important;
       padding-top: 10px; /* Maintain padding */
        position: static !important; /* Remove the left offset */
       /* margin: 10px 0; */
       width: 28%;
       margin-left: -70px;
       
}
.social-links a{
  margin-left: 8px;
}

.header-call, .header-email{
  display: none !important;
}
/* .menu-btn{
  margin-top: 6px;
} */
  .logo-container{
    margin-bottom: 30px!important;
  }
  .swiper-slide img{
    width: 100%!important;
  }
  /* .service-btn, .service-btn2{
    width: 76%!important;
    margin-top: px!important;
    margin-bottom: 25px!important;
  } */
  .btn-container{
    width: 100%!important;
  }
 
  .service-btn1{
    width: 50%!important;
  }

  #seven-pros-conth2{
    flex-direction: column;
    justify-content: center;
    align-items: center;
    margin-top: 70px;
    margin-bottom: 20px;
    
  }
  .seven-pros-container hr:last-child{
    width: 70%;
  }
.red-seven{
  height: 50%;
}
.about-us-text{
  display: none!important;
}
.trust-h2{
  margin-bottom: 40px;
}
.about-us-wrap__img{
  width: 100%!important;
}
  .seven-pros p{
    display: none;
  }
  #hide{
    display: none;
  }
 #birdie-pic{
  order:-1;
  width: 300px;
  height: 300px;
  margin-bottom: 20px;
  margin-left: 50px;
 }

  .header__link{
    width: 18rem;
  }
  .header__logo {
    width: 14rem;
}

  .header-call__number{
    font-size: 2.1rem;
  }
  .item-117{
    border-top: none;
  }

 

  .logo-banner {
    margin-top: 1rem;
  }
  .seo-text {
    margin-top: 17px;
    font-size: 11px;
  }
  .logo-banner__img_media720 {
    display: none;
  }
  .logo-banner__img_media480 {
    display: block;
  }
  #swiper-slide__banner_media720 {
    display: none;
  }
  #swiper-slide__banner_media480 {
    display: block;
  }
  .logo-banner__text {
    margin-top: 30px;
  }
  .content {
    margin-top: 2.4rem;
  }
  .block3{
    top: 65%;
    left: 45%;
    width: 365px;
  }
  .common-images__image-title{
    left: 52%;
  }
  .content__title {
    font-size: 2.4rem;
    line-height: 3.6rem;
    letter-spacing: 0.001rem;
    margin-top: 50px;
  }
  .text-block{
width: 100%!important;
text-align: center;
  }
  .text-block1{
    width: 100%!important;
  }
  .title3{
    display: none!important;
  }
    .content__title1 {
    font-size: 35px!important;
    line-height: 45px;
    letter-spacing: 0.01px;
    margin: 0 auto;
    
  }
  .common20 .content__title1 {
    white-space: normal;
    justify-content: center;
    margin-bottom: -70px;
  }
  .content-list__text {
    font-size: 1.8rem;
    margin-top: 1.5rem;
  }
  .content-list__text1 {
    font-size: 33px;
    margin-top: 20px;
  }
  .content-list__text4{
    font-size: 1.8rem;
  }
  .content-list__text2_mob-block {
    display: none;
  }
  .content-list__text3 {
    margin-top: 0.5rem;
    width: 40rem;
    font-size: 1.8rem;
  }
  .content-logo__left-text1 {
    width: 100%;
    font-size: 2.4rem;
  }
  .content-logo__right-text{
    font-size: 1.8rem;
  }
  .content-logo{
    margin-top: 3rem;
  }
  .common-wrapper{
    margin: 0;
  }
  ._padding-left50{
    padding-left: 2rem;
  }
  .logo {
    flex-wrap: wrap;
    justify-content: center;
    margin: 0;
  }
  .podshipnik__content-right{
    margin-top: 2rem;
  }
  .podshipnik__content-right_title{
    font-size: 2.1rem;
  }
  .podshipnik__content-right_text{
    margin-top: 0.5rem;
    font-size: 1.8rem;
  }
  .logo div {
    margin: 0.5rem;
  }
  .logo-img {
    width: 20rem;
    display:none;
  }
  .branding_arrow{
    display: none;
  }
  .branding-left__img{
    display: none;
  }
  .logo-img1 {
    width: 20rem;
  }
  .logo-container {
    margin-top: 4.7rem;
  }
  .articles {
    margin-top: 6rem;
  }
  ._margin-130-110 {
    margin: 2rem 0;
  }
  ._margin-130-75 {
    margin: 5rem 0 3.5rem;
  }
  .blog__wrapper{
    margin-top: 3rem;
  }
  .content__wrap2 {
    margin: 0;
  }
  .mobail {
    display: none;
  }
  .agency {
    display: none;
  }
  .about-us__wrapper {
    display: none;
  }
  .services-page__content-right_text2 {
    font-size: 1.8rem;
    line-height: 2.8rem;
}
  .services__logo div {
    display: none;
    margin: 0;
  }
  .services__logo div:first-child {
    display: flex;
  }
  .services__logo-img {
    max-width: 45rem;
    max-height: 100%;
  }
  .services__text {
    width: 25rem;
    font-size: 1.8rem;
  }
  .services__text_mod {
    max-width: 20rem;
    width: 100%;
  }
  .services__wrap {
    flex-wrap: wrap;
    justify-content: space-between;
  }
  .services__wrap div {
    width: 19rem;
  }
  .services-page__content {
    margin-top: 1.5rem;
    padding: 0;
  }
  .services-page__content-right_text3 {
    display: none;
  }
  .services-page__content-title {
    font-size: 18px;
  }
  .advantages-left {
    width: 47rem;
    flex-direction: column;
    align-items: center;
    gap: 1rem;
  }
  .advantages-rigth {
    width: 46rem;
  }
  .small-line{
    display: none;
  }
  .price__text {
    font-size: 1.8rem;
    margin-top: 1.5rem;
}
  .common-images__image-text1 {
    font-size: 1.4rem;
    line-height: 2.3rem;
    width: 35rem;
  }
  .common-images__image-title {
    font-size: 24px;
    width: 350px;
    line-height: 30px;
  }
  .common-content_right__text2 {
    font-size: 1.8rem;
  }
  .common-content_left__bold-text3 {
    display: none;
  }
  .common-content_left__bold-text2{
    font-size: 2.4rem;
  }
  .common-content_left__bold-text1{
    font-size: 2.4rem;
    margin: 0 0 1rem;
  }
  .common-content_left__text {
    line-height: 3.5rem;
    font-size: 1.8rem;
  }
    .width44{
    width: 440px;
  }
  .branding {
    margin-top: 1rem;
  }
  .branding1 {
    grid-template-columns: 1fr;
    row-gap: 2rem;
    justify-items: center;
    margin-top: 1rem;
  }
  .branding-left__text1{
    width: 38rem;
  }
  .branding-left {
    width: 44rem;
  }
  .branding-left1 {
    height: 44rem;
    width: 44rem;
  }
  .branding-left__display-wrap-500px {
    display: flex;
    justify-content: space-between;
    width: 34rem;
    align-items: center;
  }
  .branding-left__title{
    font-size: 2.1rem;
  }
  .branding-left__text {
    display: none;
    width: 100%;
    font-size: 1.9rem;
  	line-height: 2.7rem;
	}
  .branding-left__img {
    width: 10rem;
}
  .branding-left__text_v2 {
    width: 41rem;
    margin: 0;
    font-size: 1.8rem;
  }
  .branding-left__title {
    display: none;
  }
  .branding-right {
    display: flex;
    flex-direction: column;
    align-items: center;
  }
  .branding-right div {
    margin: 10px 0;
  }
  .branding-right__img {
    max-width: 500px;
    max-height: 100%;
  }
    .branding-right__wrapper{
    left: -1px;
    width: 101%;
  }
  .branding-right__title{
    font-size: 24px;
  }
.branding-right__subtitle {
    font-size: 26px;
    line-height: 40px;
}
  .branding-right__wrap{
    height: 410px;
  }
  .branding-right__wrapper {
    padding: 10px 20px 40px;
}
  .branding-right__text{
    font-size: 28px;
  }
  ._mod-branding {
    height: 22rem;
    width: 40rem;
}
  .brandbook-swiper {
    width: 47rem;
    margin-top: 2rem;
  }
  .wrap {
    flex-direction: column;
    align-items: center;
    height: 26rem;
    padding-bottom: 1rem;
  }
  .services #swiper-logo {
    margin: 0;
  }
  .french-press__label {
    margin: 0;
  }
  .french-press__label-left_images {
    flex-direction: column;
    margin: 0;
  }
  .french-press__link {
    margin-top: 4.5rem;
  }
  .french-press__logos-forms {
    width: 46.7rem;
    flex-direction: column;
    align-items: center;
  }
  .french-press__logos-forms__image {
    width: 46.7rem;
    height: 46.7rem;
  }
  .podshipnik-logo__images div {
    margin: 0 0 2rem 0;
  }
  .price__wrapper {
    flex-direction: column;
    align-items: center;
    height: 200rem;
  }
  .blog__img {
    max-width: 48rem;
  }
  .blog-right {
    max-width: 48rem;
  }
  .contacts-content_left {
    width: 47rem;
    margin-bottom: 1rem;
  }
  .content-list__text6{
    font-size: 1.8rem;
  }
  .content-list__text-link{
    font-size: 2.3rem;
  }
  .contacts {
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 1.5rem;
}
.contacts_center{
  width: 40.5rem;
}
.contacts-right{
  width: 46rem;
}
  .footer-text {
    display: none;
  }
  .footer-menu {
    text-align: center;
    margin-bottom: 1rem;
  }
  .footer-menu a{
    font-size: 1.4rem;
  }
  
  .footer-menu__text {
    font-size: 1.4rem;
  }
  .footer-info {
    text-align: center;
  }
  .footer-info__title{
    font-size: 1.6rem;
  }
  .footer-info__number {
    font-size: 1.6rem;
  }
  .footer-info__number1 {
    font-size: 1.6rem;
  }
  .footer-copyright {
    bottom: 1rem;
  }
  .footer__container {
    height: 32rem;
  }
  ._display-block500 {
    display: block;
  }
  ._display-none500 {
    display: none;
  }
  ._display-block767 {
    display: none;
  }
  ._flex-direction-column {
    display: flex;
    flex-direction: column;
  }
  .big-line {
    width: 17rem;
  }
  .seo-text{
    display: none;
  }
  .medium-line {
    width: 15rem;
  }
  .podshipnik__content {
    margin-top: 1rem;
  }
  .services-page__content-line{
    display: none;
  }
  .price__title{
    font-size: 2.4rem;
  }
  .price-left {
    max-width: 46rem;
}
  .price__wrapper:nth-child(2n) {
    margin-top: 2rem;
}
  .price__right{
  	height: 86rem;
  }
  .price__conteiner{
    height: 100rem;
    padding-bottom: 2rem;
  }
  .price__line-mini{
    margin-top: 0.5rem;
  }
  .price__text2 {
    font-size: 2.1rem;
    margin-top: 0.5rem;
}
  .price__conteiner .BOLD {
    font-size: 2.1rem;
}
  .price__conteiner .bold-one {
    font-size: 2.1rem;
}
  .price__left {
    height: 102rem;
}
  .price__right {
    height: 102rem;
}
  .price__left1 {
    height: 52rem;
    max-width: 100%;
    padding: 1rem 0;
}
  .price__right1{
    height: 52rem;
    max-width: 100%;   
    padding: 1rem 0
  }
  .price__conteiner1 {
    width: 40rem;
    height: 47rem;
}
  .price__conteiner-left{
    height: 49rem;
    width: 40rem;
  }
  .price_wrap-text{
    width: 40rem;
  }
  .price{
    flex-direction: column;
  }
  .price__left {
    max-width: 100%;
  }
  .price__right {
    max-width: 100%;
  }
  .price__conteiner{
    width: 35rem;
  }
  .branding-left__img1{
    margin-top: 1rem;
  }
.error-btn {
    max-width: 33rem;
    left: 4rem;
    bottom: 2rem;
}
  .website-development_link {
    font-size: 2rem;
    line-height: 4rem;
  }
  .website-development_wrapper {
    bottom: 9rem;
    right: 4rem;
  }
  .common-content_right__text2{
    font-size: 2.1rem;
    width: 35rem;
  }
  .mobail2{
    display: none;
  }
 /* #personal-data{
  padding-top: 2px!important;
  margin-bottom: 43px!important;
 } */
  #form2 .form-popup{
    width: 85%!important;
    height: 60%!important;
  }
  /* .form-popup{
    min-width: 78%;
    height: 58%;
  } */

   #fa-angle-down-display{
    top: 175px!important;
    position: absolute;
    right: 150px!important;
   /* position: absolute!important;
    top: 130px;
    left: 6px!important;*/
  }
 .logo-style2 h2{
  margin-top: 25px!important;
 }
 .content-container h2{
  font-size: 2.2rem!important;
  padding-top: 10px!important;
 }
 .hide-br{
  display: inline;
 }
 .services-title{
  font-size: 2.7rem!important;
  margin-top: 50px;
 }
 .psk-480 {
  display: flex!important;
  justify-content: center;
  margin-top: -60px;
 }
 #img-brandbook{
  margin-top: 50px;
  position: relative;
  left: 80px;
  

 }
 #psk-img{
  position: absolute;
  left: -30px;
  z-index: 1;
  margin-left: 45px;
  margin-top: -20px;
  
 }
 #span-move{
  padding-left: 25px;
 }
 .footer{
  display: flex;
  flex-direction: column;
  align-items: center;
  height: 100%;
  max-width: 100%;
  flex: 1;
  margin-top: 17rem;
 }
 .about-us__img{
  margin-top: 2rem;
 }
 .about-us2 h2{
  margin-top: 4rem;
 }
 /* .footer-1, .flip-container {
  width: 89%;
  
} */
.flip-container{
  margin: 0;
  
}
.footer-section{
  flex: 1;
}
#footer-mask{
  display: none;
}
.img-div-footer img{
  display: none;
}
.footer-1-content{
  display: flex;
  flex-direction: column;
  align-items: center;
  margin: 0;
}
.social-links-footer p{
  font-size: 1.6rem;
  margin-bottom: 5px;
}
.social-links-footer img{
  margin-left: 20px;
  margin-top: 4px;
}
.footer-cluster1{
  display: flex;
  flex-direction: column;
  width: 100%;
  justify-content: center;
  align-items: center;
  margin-top: -2px;
}
.front button{
  width: 80%;
}
.footer-form{
  align-items: center;
}
/* .form-cluster{
  width: 80%;
  margin-top: 50px;
} */
/* .form-text{
  font-size: 1rem;
} */
/* .footer-form hr{
  margin-bottom: 18px!important;
} */

.footer-1 h2{
  margin-top: 25px;
}
.phone-footer,.mail-footer, .telegram-footer, .whats-up-footer{
  width: 100%;
  height: 4rem;
  background-color: #fff;
  border-radius: 30px;
  box-shadow: 2px 4px 6px 0px rgba(0,0,0,0.75);
}
.phone-footer p, .mail-footer p, .telegram-footer p, .whats-up-footer p{
  margin-left: 55px;
}

.social-links-footer{
  width: 80%;
  display: flex;
  flex-direction: column;
  align-items: start;
  margin-top: 20px;
  
}
.mail-footer, .telegram-footer, .whats-up-footer, .phone-footer{
  margin-bottom: 20px;
}
.flip-container{
  margin-top: 20px;
}
.hide-br1{
  display: block;
}
.hide-br3{
  display: none;
}

/* .footer-buttons button{
  height: 65%;
  margin-top: -20px;
} */
.footer-bottom{
  display: flex;
  flex-direction: column;
  margin-top: 40px;
  
}
/* .scroll-up-btn{
  margin-top: -30px;
} */
.footer-bottom p{
  margin-bottom: 15px;
}

/* #send{
  margin-left: 10px;
  padding-top: 5px;
} */
.footer-links{
  margin-bottom: 10px;
}
 #conf-policy{
  margin-bottom: 10px;
}

#done::after{
  width: 122px!important;
  height: 20px!important;
}
#done{
  font-size: 1.5rem!important;

}
.more-projects p:nth-child(1){
  font-size: 1.7rem;
  padding-top: 6px;
}
#toggle-menu::after{
  content: '\f0d7';
  font-family: 'Font Awesome 6 Free';
  margin-left: 8px;
  margin-top: -10px;
  font-size: 15px;
}
/* .scroll-up-btn{
  margin-left:395px;
} */
.card{
  min-height: 353px;
}
#file-name2{

padding-top: 0px!important;
}
/* .form-text{
  margin-top: 10px;
  font-size: 0.9rem;
} */
.footer-1{
  min-height: 350px;
}

h2 .hide-br{
  display: inline;
}
.content-container .title2{
  font-size: 1.5rem!important;
}
}

@media (max-width: 479px) {
   .header.container{
    margin-left: 0 !important; 
    width: 100vw;
    
  } 
 .header__logo{
  margin-right: 40px;
  
 }
  /* .menu-btn{
    overflow: visible;
    margin-left: 50px;
  } */
  .social-links{
   width: 40%;
   margin-left: -13px;
  }
  .social-links a{
    margin-left: 8px;
  }
  #birdie-pic{
    width: 250px;
    height: 250px;
  }
  .header__link{
    display: grid;
    justify-items: center;
    width: 23rem;
  }
  .header-email{
    width: 20rem;
    text-align: center;
    grid-row-start: 2;
  }
  /* .menu-btn.active{
   left: 38.5rem;
   left: 250px;
  } */
 
  .cla {
    right: -16.1rem;
  }
  .header-call__number{
    font-size: 1.4rem;
  }
  .seo-text{
    display: none;
  }

  .header-call {
    display: flex;
    grid-column-start: 1;
    gap: 0.5rem;
    flex-direction: column;
    
}
  .logo-banner__img_media480 {
    display: none;
  }
  .logo-banner__img_media360 {
    display: block;
  }
  #swiper-slide__banner_media480 {
    display: none;
  }
  #swiper-slide__banner_media360 {
    display: block;
  }
  .brandbook-swiper {
    width: 43rem;
    margin: 0rem;
  }
  .advantages-rigth {
    width: 42rem;
  }
  .advantages-left {
    width: 42rem;
  }
  .blog__img {
    max-width: 43rem;
  }
  .branding-right__wrap {
  height: 380px;
}
  .branding-left {
    width: 41rem;
    margin-bottom: 1rem;
}
  .branding-right__subtitle {
    font-size: 24px;
    line-height: 40px;
}
  .common-content_left__text {
    font-size: 1.4rem;
    margin: 0;
  }
  .common-content_right__text2 {
    font-size: 1.8rem;
  }
  .common-images__image-text2 {
    font-size: 14px;
    width: 370px;
  }
  .common-images__image-link {
    font-size: 14px;
    width: 330px;
  }
  .big-line {
    width: 13rem;
  }
  .medium-line {
    width: 10rem;
  }
  .small-line {
    width: 5rem;
  }
  .contacts-content_left {
    width: 42rem;
}
.contacts-right {
  width: 42rem;
}

  .content__title1{
    line-height: 35px;
    font-size: 30px!important;
  }
  .title2{
    font-size: 1.7rem!important;
  }

  .content-list {
    margin-top: 1rem;
}
  .content__title{
    font-size: 2.1rem;
    line-height: 2.6rem;
  }
  .content-list__text1{
    font-size: 21px;
    line-height: 24px;
  }
  .content-list__text{
    font-size: 1.6rem;
    margin-top: 0.4rem;
  }
  .content-list__text3_mob-block{
    display: none;
  }
  .content-logo__left-text1{
    font-size: 2.1rem;
    margin: 0;
  }
  .services__text{
    font-size: 1.6rem;
  }
  .footer-info__title{
    display: none;
  }
  .common-images__image-text3{
    font-size: 16px;
    line-height: 30px;
  }
  .common-images__image-link3{
    font-size: 16px;
    line-height: 30px;
  }
  .common-content_left{
    margin: 0;
  }
  .common-content_left__bold-text1{
    font-size: 1.8rem;
    margin: 0;
  }

  .common-content_left__bold-text2{
    font-size: 1.8rem;
    line-height: 3.2rem;
    margin-top: 0.5rem;
  }
  .common-content_right__text2{
    margin-top: 1rem;
    width: 33rem;
  }
  .branding_arrow{
    display: none;
  }
  .logo-img{
    display: none;
  }
  .services-page__title {
    font-size: 2.1rem;
}
  .podshipnik__content{
    margin: 0;
  }
  .price__conteiner-left{
    width: 38rem;
  }
  .price_wrap-text{
    width: 38rem;
  }
  .branding-left1{
    width: 40rem;
  }
  .price__left1{
    height: 50rem;
  }
  .price__right1{
    height: 50rem;
  }
  .width44{
    width: 355px;
  }
  @media (max-width: 380px) {
    .width44 {
      width: 350px;
  }
  @media (max-width: 479px){
    
  }
    .block3 {
        width: 350px;
        top: 66%;
        left: 53%;
    }
}
  }
  /* .block3{
    top: 64%;
  } */
  .branding1{
    row-gap: 3rem;
    height: 100%;
  }
  /* .common-images__image-title {
    left: 48%;
} */
  .error-btn {
    max-width: 40rem;
    left: 1rem;
    bottom: 2rem;
}
  .website-development_wrapper{
    right: 2rem;
  }
  /* .form-popup{
    min-width: 95%;
    height: 60%;
  } */
  
  #form2 .form-popup{
    width: 95%;
    height: 46%;
  }



#fa-angle-down-display{
  position: absolute;
  top: 139px!important;
  right: 95px!important;
}


.popup-cluster2{
  background-position: top right 200px!important;
  background-size: 250px!important;
}
.h2-swiper{
  flex-direction: column;
  justify-content: center;
  align-items: center;
  margin-top: 28px;
}
.more-projects p:nth-child(1){
  margin-left: 20px;
}
.services-container{
  margin-top: 40px!important;
}
.services-title{
  flex-direction: column;
  font-size: 3.5rem!important;
  line-height: 4.3rem;
}
.seven-pros-container hr{
  width: 100%!important;
}
.trust-h2{
  
  padding-top: 30px!important;
}
#clients-h2{
  margin-top: 5px!important;
}
.phone-footer p, .mail-footer p, .telegram-footer p, .whats-up-footer p{
  margin-left: 20px;
  padding-top: -3px;
  
}
.phone-footer, .mail-footer, .telegram-footer, .whats-up-footer{
  height: 4.5rem;
}
.social-links-footer img{
  margin-top: 2px;
  
}
#psk-img{
  margin-left: 13px;
}
#img-brandbook{
  left: 95px;
}
#toggle-menu::after{
  content: '\f0d7';
  font-family: 'Font Awesome 6 Free';
  margin-left: 8px;
  margin-top: -10px;
  font-size: 15px;
}
.more-projects{
  margin-top: 10px;
  margin-left: 1px;
}
.services-container p:not(.service-price){
  line-height: 1.5!important;
  margin-bottom: 4px;
  font-size: 1.8rem!important;
}
.logo{
  width: 75%!important;
  margin-left: 12px;
}

.brandbook{
  margin-right: 20px!important;
  margin-top: 40px!important;
  margin-bottom: 10px!important;
}
.logo-style2{
  align-items: flex-start!important;
}
#seven-pros-conth2{
  font-size: 3.4rem!important;
  margin-bottom: 0px;
}
.seven-pros h2{
  font-size: 2.3rem!important;
  margin-left: 15px!important;
}
#form-btn1{
  border: 3.5px solid salmon!important;
}
.seven-pros-container hr{
  margin-bottom: 15px!important;
  width: 95%!important;
  margin: 0;
}
.logo-container h2{
  font-size: 2.8rem!important;
}
/* .service-btn{
  margin-top: 10px!important;
} */
.footer-1{
  min-height: 300px;
}
.card{
  min-height: 340px;
}
html, body{
  width: 100vw;
    margin: 0;
    padding: 0;
    height: 100vh;
}
h2 .hide-br{
  display: inline;
}
.footer{
  /*margin-top: -10px!important;*/
}
/* .scroll-up-btn{
  margin-top: -30px;
} */
@media(min-width: 380px) and (max-width: 500px){
  /* .form-popup{
    height: 50%;
  } */
}
}
.content-container{
  display: flex;
  flex-direction: row;
  padding-top: 50px;
  font-family: 'Myriad Pro - Bold Cond';
 
}
.content__title1{
  display: flex;
  flex-direction: row;
  white-space: nowrap;
  overflow: visible;
  color: #ff0000;
  font-size: 6rem;
  text-transform: uppercase;
  letter-spacing: 0.1rem;
  word-spacing: 1.2rem;


}
.content-container h2{
  word-spacing: 1px;
  padding-top: 20px;
  line-height: 1.5;
  text-transform: uppercase;
  font-weight: bold;
  font-size: 20px;
}
.content-container .title2{
  padding-top: 20px;
  font-size: 1.6rem;
  font-weight: 300;
  line-height: 1.6;
  word-spacing: 1px;
  text-transform: uppercase;
  
}
.content-container .title3{
  padding-top: 20px;
  font-size: 1.4rem;
  font-family: 'Arial Narrow';
  letter-spacing: 0.035rem;
  line-height: 1.6;
}
.title4{
  letter-spacing: 0.030rem;
}
.text-block:not(.content__title1){
  display: flex;
  flex-direction: column;
  width: 40%
}
.text-block1{
  width: 50%;
  flex-wrap: nowrap;
  white-space: nowrap;
}
#birdie-pic{
margin-top: 30px; 
overflow: visible;
margin-left: 80px;
padding-left: 15px;

}
/* .swiper-proj{
  padding-top: 7px;
  
} */

.swiper-slide{
  width: 100%;
}
.h2-swiper{
  display: flex;
  justify-content: center;
  text-transform: uppercase;
  font-family: 'Myriad Pro - Bold Cond';
  font-size: 3.5rem;
  padding-top: 60px;
  margin-bottom: 30px;
  
}
.swiper-slide img{
  width: 100%;
}
.btn-container a{
  text-decoration: none;
}
.swiper-proj .swiper-pagination{
  position: relative;
  bottom: 10px;
  text-align: center;
  width: 100%;
  z-index: 1;
  margin-top: 15px;
}
.services-container{
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  margin-top: 50px;
}
.services-title{
  display: flex;
  justify-content: center;
  align-items: center;
  text-transform: uppercase;
  font-family: 'Myriad Pro - Bold Cond';
  padding-top: 100px;
  margin-bottom: 20px;
  font-size: 3.8rem;
  letter-spacing: 0.150rem;
}
.logo{
  display: flex;
  flex-direction: row;
  width: 80%;
} 
#service-logo{
  margin-top: 60px;
  
}
.logo-container{
  display: flex;
  flex-direction: column;
  justify-content: center;
  width: 100%;
  margin-bottom: 10px!important;
}
.logo-container h2{
  text-transform: uppercase;
  font-family: 'Myriad Pro - Bold Cond';
  font-size: 2.4rem;
  letter-spacing: 0.130rem;
}
.more-projects{
  display: flex;
  flex-direction:row ;
  
  justify-content: center;
  position: absolute;
  left: 20%;
  font-size: 2rem;
  
}
#done{
  margin-left: 20px;
  font-weight: 600;
  font-family: Arial;
  font-style: italic;
  font-size: 1.8rem;
}
#done::after{
  background: url('/images/arrow.png') no-repeat;
  background-size: contain;
  content: '';
  display: block;
  width: 120px;
  height: 50px;
  margin-top: -7px!important;
  
}
.logo-style{
  flex-direction: row-reverse;
}
.brandbook{
  margin: 46px;
}
.logo-style2{
  align-items: flex-end;
  margin-top: 15px!important;
}
#logo-style-price{
  padding-right: 45px;
}
.logo-style-container{
  line-height: 3.5em;
  
}
.service-price{
  color: red;
  font-family: 'Calibri - Bold';
  font-size: 2.8rem;
  padding-top: 8px;
  text-transform: uppercase;
  margin-bottom: 5px;
}
/* .service-btn{
  width: 28%;
  height: 29px;
  border-radius: 20px ;
  margin-top: 6px;
  background-color: red;
  border: none;
  color: white;
  font-family: 'Calibri - Bold';
  text-transform: uppercase;
  letter-spacing: 0.120rem;
  font-size: 2.5rem;
} */
.service-btn2{
  width: 80%;
}
.services-container p:not(.service-price){
  font-family: 'Arial Narrow';
  line-height: 1.9;
  font-size: 1.5rem;
  
}
/* hr{
  border: 0.9px solid black;
  border-radius:10px;
  width: 80%;
  margin: 0 auto;
 
} */
#seven-pros-conth2{
  display: flex;
justify-content: center;
text-transform: uppercase;
font-family: 'Myriad Pro - Bold Cond';
font-size: 3.1rem;
font-weight: light;
letter-spacing: 0.13rem;
margin-bottom: 12px;
margin-top: 30px;
}
.red-seven{
  color: red;
  padding-right: 1px;
}
.seven-pros{
  display: flex;
  /*align-items: center; */
  align-items: flex-start;
  margin-bottom: 20px; /* Adjust as needed for spacing between rows */
}

.seven-pros h2 {
  margin-right: 90px; 
  width: 280px;
  flex-shrink: 0; 
font-family: 'Myriad Pro - Bold Cond';  
  text-transform: uppercase;
  font-size: 2rem;
  letter-spacing: 0.10rem;
padding-top: 20px;
}
.seven-pros p{
  font-family: 'Arial Narrow';
  margin-top: 15px;
  letter-spacing: 0.026rem;
  font-size: 1.5rem;
  
}
.seven-pros-container{
  width: 40%;
  display: flex;
  flex-direction: column;
}
#seven-pros1{
  margin-top: 14px;
}
.red{
  font-size: 3.4rem;
  margin-right: 3px;
}
.seven-pros-container hr{
  width: 100%;
 /* margin-bottom: 20px;*/
 margin-top: -10px;
}
#special-p{
  padding-top: 10px; 
  
}
#special-p br{
    display: none;
}

.swiper-proj {
  overflow: hidden;
}

.proj-container{
width: 100%;
position: relative;
height: 100px;
  display: flex;
  flex-direction: column;
  align-items: center; 
}

.proj-container img{
  max-width: 100%; 
  position: relative;
  display: none;
}
/* .proj-container button{
  position: absolute; */
  /* top: 75%; */
  /* adjust the top position of the button */
  /* left: 50%!important;
  transform: translate(-50%, -50%); */
   /* center the button */
  /* z-index: 1;
} */
.proj-overlay{
  position: absolute; 
  left: 300px;
   width: 65%;
   height: 50%;
   margin-top: -40px;
   background: rgba(0, 0, 0, 0.40);
   color: #fff;
   display: none;
 /* display: flex; 
   flex-direction: column;  
   align-items: center; */
} 

 .proj-overlay p{
  text-align: center;
  font-family: 'Arial Narrow';
  font-size: 2rem;
  text-transform: uppercase;
  padding-top: 10px;
  letter-spacing: 0.16rem;
  line-height: 2.8rem; 
  font-weight:500;
} 

.proj-overlay h2{
  text-align: center;
  text-transform: uppercase;
  font-size: 3rem;
  font-family: 'Myriad Pro - Bold Cond'; 
  word-spacing: 3px;
  letter-spacing: 0.13rem;
  padding-top: 10px;
  line-height: 4.5rem; 
}
.form-btns{
  width: 20%;
  height: 14%;
  border: 3px #ff8080 solid;
}

 
#proj-call-overlay{
  display: none;
  height: 75%;
  margin-top: 1px;
}
#call-overlay-h2{
  padding-top: 43px;
  letter-spacing: 0.17rem;
}

.trust-h2{
  padding-top: 60px;
  letter-spacing: 0.10rem;
  word-spacing: 3px;
  text-align: center;
  font-size: 3.3rem;
}
#clients-h2{
  margin-top: -30px;
}
.about-us2{
  display: flex;
  flex-direction: column;
}

.about-us2 h2{
  color: #333;
  font-family: 'Myriad Pro - Bold Cond'; 
  text-transform: uppercase;
  font-size: 3.6rem;
  margin-bottom: 50px;
  
}
.about-us-text{
  display: none;
  flex-direction: column;
  text-align: center;
  align-items: center;
  margin: 30px;
}
.about-us2 h3{
  font-family: 'Myriad Pro - Bold Cond';
  text-transform: uppercase;
  font-size: 2rem;
  word-spacing: 2px;
  margin-bottom: 15px;
}
.about-us-text p{
  font-family: 'Arial Narrow';
  font-weight: bold;
  font-size: 1.6rem;
  line-height: 1.9;
}
.agency-h3{
  margin-top: 10px;
}
.service-btn1{
 display: flex;
 justify-content: center;
 height: 34px;
 width: 23%;
 margin-bottom: 60px;
 background-color: #ffffff;
 font-family: 'Myriad Pro - Bold Cond'; 
 color:  red;
 border-radius: 2px;
 font-size: 2.5rem;
 text-transform: uppercase;
 border: 2px solid red;
 padding-top: 3px;
 word-spacing: 3px;
 -webkit-box-shadow: 8px 7px 13px -1px rgba(0,0,0,0.75);
 -moz-box-shadow: 8px 7px 13px -1px rgba(0,0,0,0.75);
 box-shadow: 8px 7px 13px -1px rgba(0,0,0,0.75);
 
}
.btn-container{
  display: flex;
  justify-content: center;
  margin-top: 30px;

} 
#call-btn{
  margin-top: 45px;
}
#img{
  width: 100%;
  display: flex;
  justify-content: center;
}

::placeholder{
  color: #999; 
  padding-left: 15px;
  font-family: 'Myriad Pro - Bold Cond'; 
}
::placeholder textarea{
  padding-top: 30px;
}
input.footer-placeholder::placeholder{
  color: #000!important;
  padding: 18px 0!important;
  font-family: 'Arial Narrow'!important;
  font-weight: 400;
  font-size: 1.7rem;
  letter-spacing: 0.026rem;
}
.footer-form textarea::placeholder{
  font-family: 'Arial Narrow'!important;
  font-weight: 400;
  font-size: 1.7rem;
  letter-spacing: 0.026rem;
}
/* input[type="text"].footer-placeholder,
input[type="email"].footer-placeholder,
.footer-form textarea{
 margin: 1px 29px 0 0!important;
margin-top: -10px;
 margin-left: 0;
 padding-top: -20px;
 margin: 0!important;
 padding-left: 27px;
 padding-bottom: 5px;
} */

.pop-up-background{
  display: none;
  position: fixed;
  top: 0;
  justify-content: center;
  align-items: center;
  left: 0;
  width: 100vw; /* Use viewport width and height to be sure */
  height: 100vh;
  background: rgba(0, 0, 0, 0.385); 
  z-index: 2;
}

.inputFile:not(#file-button){
  display: none;
}
.paperclip-icon{
  width: 24px;
  height: 24px;
  cursor: pointer;
}
.popup-form{
  display: flex;
  justify-content: center;
  height: 75%;
  padding-top: 25px;
  z-index: 4;
}
.paperClip-file{
display: flex;
justify-content: center;
align-items: center;
font-size: 11px;
font-family: 'Arial Narrow';
word-spacing: 2px;
width: 100%;
letter-spacing: 0.05rem;

}
/* #personal-data{
  padding-top: 10px;
  margin-bottom: 41px;
} */
.fa-solid{
  font-size: 15px;
  margin: 10px;
}


/* input[type=text]{
width: 70%;
height: 88%;
background: #EFEFEF;
border: none;
margin: 7px;
border-radius: 10px;
text-transform: uppercase;
}
input[type=time]{
  height: 100%!important;
} */
.flatpickr-input{
  padding-left: 15px;
}


/* .popup-btn{
width: 60%;
font-size: 15px;
box-shadow: 5px 5px 20px -8px rgba(0,0,0,0.58);
height: 30%!important;
} */
.first-line{
  margin-right: 4px;
}
.form-element img{
 /* position: absolute;
  left: -100px; */
  position: absolute; 
  left: 50%;
  z-index: -1;
  transform: translateX(-50%);
  width: 300x;
  height:  300px;
}
.popup-cluster{
  width: 100%;
  position: relative;
 display: flex;
 flex-direction: column;
 align-items: center;
 justify-content: center;
background-size: cover;
background-position: top right 120px;
background-repeat: no-repeat;
} 
.popup-cluster2{
 width: 100%;
 display: flex;
 flex-direction: column;
 align-items: center;
 background-image: url('/images/pop-socket.png');
 background-size: 280px ;
 background-repeat: no-repeat;
 background-position:top right 270px; 

}
#form-zindex{
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
}

/* textarea:not(.footer-textarea){
  margin-top: 10px;
  background: #E6E6E6;
  border: none;
  border-radius: 20px;
  resize: none;
  width: 70%;
  padding-top: 10px;
  
} */
/* .footer-form hr{
  width: 90%!important;
  border:0.7px solid rgb(167, 167, 167)!important;
  margin: 10px;
  margin-bottom: 28px;
} */

.social-links{
 display: none; 
}
.form-proj-img2{
  display: none;
}
/*#form1 .form-popup{
  width: 25%!important;
  height: 58%!important;
  
}*/
#form2 .form-popup{
 width: 29%;
 height: 46%;
 padding-top: 30px;
}
#form-btn2{
  top: 235px;
}
#form-btn1{
  margin-top: 2px;
  /*width: 19%;*/
  height: 50%;
  font-size: 2.3rem!important;
  border: 3px solid salmon;
}
/* .mail{  margin-top: -2px;
  width: 65%!important;
  
} */
#popup-btn2{
  width: 70%!important;
  margin-top: 26px;
}
.paperClip-file{
  margin-top: -5px;
}
.paperclip-icon{
  background-color: rgba(183, 182, 183, 0.31);
  border-radius: 50%;
  width: 30px;
  height: 30px;
  padding-top: 5px;
  cursor: pointer;
}

.custom-file-upload{
  width: 15%;
}


input:focus{
  box-shadow: 0 0 5px rgba(0, 0, 0, 0.5); 
}

#preview-container {
  margin-top: 20px;
}
#file-preview {
  max-width: 100%;
  height: auto;
  border: 1px solid #ddd;
  border-radius: 5px;
}

.social-links a img {
  width: 33px;
  height: 33px;
  display: inline-block;
  background-size: cover; 
}
.social-links a.telegram{
  background-image: url('/images/telegram.png');
  transition: background-image 0.3s ease; 
  width: 33px;
  height: 33px;
  display: inline-block;
  background-size: cover; 
}
.social-links a.whats-up{
  background-image: url('/images/watsup.png');
  transition: background-image 0.3s ease; 
  width: 33px;
  height: 33px;
  display: inline-block;
  background-size: cover; 
}
.social-links a.mail-icon{
  background-image: url('/images/mail.png');
  transition: background-image 0.3s ease; 
  width: 33px;
  height: 33px;
  display: inline-block;
  background-size: cover; 
}
.social-links a.telegram:hover {
  background-image: url('/images/telegram-blue.png');
}
.social-links a.whats-up:hover {
  background-image: url('/images/watsup-green.png');
}
.social-links a.mail-icon:hover {
background-image: url('/images/mail-blue.png');
}
 .fa-angle-down{
  visibility: hidden;
 position: relative;
 font-size: 1rem;
 right: 249px;
}
.services-container a{
  text-decoration: none;
  font-family: 'Calibri - Bold';
  color: white;
}

.services-container a:visited {
  text-decoration: none;
  color: white;
  font-family: 'Calibri - Bold';
}
.psk-480{
  display: none;
}
.move-span{
  margin-right: 5px;
}
.more-projects a{
  text-decoration: none;
  color: #000;
}

.swiper-slide picture {
  display: block;
  width: 100%;
  height: auto;
  text-align: center;
}
.swiper-slide picture img {
  display: block;
  max-width: 100%;
  height: auto;
}
.blue-title{
color: #0202a3;
    letter-spacing: 0.1rem;
    word-spacing: 0.1rem;
    line-height: 58px;
  margin-top: 50px;
  font-size: 6rem;
  }
#dash{
  margin-left: px;
}
#seo-text-obsluzh{
  padding-right: 100px;
}
.h3-marg{
  margin-top: -8px;
  font-size: 3.1rem;
}
#marg{
  margin-top: 50px;
}
#h3-right{
  margin-top: 20px;
  font-size: 3.1rem;
  line-height: 32px;
}
#h3-left{
  font-size: 3rem;
  margin-top: 32px;
}
.right-ul{
  list-style: none;
  font-size: 1.8rem;
}
.first-li{
  margin-top: 10px;
}
.obsluzh-h1{
  text-align: center;
  font-family: "Myriad Pro - Bold Cond";
  text-transform: uppercase;
  letter-spacing: 0.02rem;
  font-size: 4rem;
}
@media (max-width: 769px){
  .normal769{
    white-space: normal;
  }
  .common2{
    justify-content: center;
  }
}
.content__title11{
  font-family: "Myriad Pro - Bold Cond";
  color: #3d69cb;
  font-size: 80px;
  font-weight: 400;
  text-transform: uppercase;
  text-decoration: none;
  line-height: 68px;
  letter-spacing: 0.6px;
}
.content-list__text12{
  font-family: "Myriad Pro - Bold Cond";
  font-size: 30px;
  text-transform: uppercase;
    letter-spacing: 0.02rem;
}
.content-list__textp{
  font-family: "Myriad Pro - Bold Cond";
  font-size: 18px;
  text-transform: uppercase;
  margin-top: 16px;
  line-height: 34px;
  letter-spacing: 0.02rem;
}
.content__title1 {
  color: black;
  font-family: "Myriad Pro - Bold Cond";
  font-size: 36px;
  font-weight: 400;
  text-transform: uppercase;
  text-decoration: none;
  letter-spacing: -0.1rem;
}
@media (max-width: 1024px) {
.content__title1 {
    font-size: 30px;
  }
}
@media (max-width: 769px) {
  .content__title1 {
    font-size: 26px;
  }
}
@media (max-width: 500px) {
  .content__title1 {
    font-size: 20px;
  }
}
//модалка
.modal {
  display: none; 
  position: fixed; 
  z-index: 10; 
  left: 0;
  top: 0;
  width: 100%; 
  height: 100%; 
  overflow: auto; 
  background-color: rgb(0,0,0); 
  background-color: rgba(0,0,0,0.4); 
}
#success-modal{
    display: none; 
  position: fixed; 
  z-index: 10; 
  left: 0;
  top: 0;
  width: 100%; 
  height: 100%; 
  overflow: auto; 
  background-color: rgb(0,0,0); 
  background-color: rgba(0,0,0,0.4); 
}

.modal-content {
  background-color: #fefefe;
  margin: 15% auto; 
  padding: 20px;
  border: 1px solid #888;
  width: 80%; 
}

.close-button {
  color: #aaa;
  float: right;
  font-size: 28px;
  font-weight: bold;
}

.close-button:hover,
.close-button:focus {
  color: black;
  text-decoration: none;
  cursor: pointer;
}

.wrap_input{
    display: flex;
    width: 370px;
    justify-content: center;
    gap: 20px;
  margin-bottom: 10px;
  align-items: center;
}
.button_file{
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 20px;
  font-family: 'Arial Narrow';
  word-spacing: 2px;
  letter-spacing: 0.05rem;
  border: none;
  color: #666;
  font-weight: 500;
  background: none;
  cursor: pointer;
}
.button_file:hover{
  color: #3d3b3b;
}
.input_file{
  display: none;
}
.file_name p{
  width: 150px;
  font-size: 13px;
  font-family: 'Arial Narrow';
  color: #666;

}

.grea_button_footer:hover{
  color: #f8f5f5;
  background: #a0a0a0;
}
.grea_button_footer1{
    border: 1px solid #989898;
}
.grea_button_footer1:hover{
  color: #a0a0a0;
  background: #f8f4f4;
}
/* new */
.margin_top_30px{
  margin-top: 30px;
}
@media (max-width: 480px) {
  .margin_top_30px{
    margin-top: 25px;
  }
}
.align_end{
  align-items: flex-end;
}
.text_center{
  text-align: center;
}
.margin_top_40px{
  margin-top: 40px;
}
@media (max-width: 480px) {
  .margin_top_40px{
    margin-top: 20px;
  }
}
.margin_top_md40px{
  margin-top: 40px;
}
@media (max-width: 720px) {
  .margin_top_md40px{
    margin-top: 20px;
  }
}
.height575{
  height: 575px;
}

.serve_top{
  margin-top: 64px;
  display: flex;
  justify-content: space-between;
}
@media (max-width: 1024px) {
  .serve_top{
    flex-direction: column-reverse;
    align-items: center;
  }
}

.serve_div{
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  max-width: 595px;

}
@media (max-width: 1280px) {
  .serve_div{
    max-width: 520px;
  }
}
@media (max-width: 1024px) {
  .serve_div{
    margin-top: 40px;
    height: 100%;
    max-width: 100%;
  }
}
@media (max-width: 720px) {
  .serve_div{
    margin-top: 34px;
  }
}
@media (max-width: 480px) {
  .serve_div{
    margin-top: 30px;
  }
}


.serve_a{
  color: #0000cc;
  font-style: italic;
  text-decoration: underline;
}
.serve_xl_h1{
  font-family: "MyriadPro BoldCond";
  color: #3d69cb;
  font-size: 58px;
  text-transform: uppercase;
  text-wrap: nowrap;
}
@media (max-width: 1280px) {
  .serve_xl_h1{
    font-size: 48px;
  }
}
@media (max-width: 1024px) {
  .serve_xl_h1{
    text-wrap: auto;
  }
}
@media (max-width: 720px) {
  .serve_xl_h1{
    font-size: 36px;
  }
}
@media (max-width: 480px) {
  .serve_xl_h1{
    font-size: 24px;
  }
}

.serve_h1{
  color: #0250a1;
  font-family: "MyriadPro BoldCond";
  font-size: 72px;
  text-transform: uppercase;
  line-height: 36px;
}
@media (max-width: 1024) {
  .serve_h1{
    font-size: 48px;
  }
}
@media (max-width: 720px) {
  .serve_h1{
    font-size: 60px;
    line-height: inherit;
    letter-spacing: 1.2px;
  }
}
@media (max-width: 480px) {
  .serve_h1{
    font-size: 48px;
  }
}

.serve_h2{
  font-family: "MyriadPro BoldCond";
  font-size: 32px;
  text-transform: uppercase;
}
@media (max-width: 1024) {
  .serve_h2{
    font-size: 28px;
  }
}
@media (max-width: 720px) {
  .serve_h2{
    font-size: 24px;
    margin-top: 10px;
    letter-spacing: 1.3px;
  }
}
@media (max-width: 480px) {
  .serve_h2{
    font-size: 21px;
  }
}
.margin-top-160{
  margin-top: 160px;
}
@media (max-width: 1200px) {
  .margin-top-160{
    margin-top: 140px;
  }
}
@media (max-width: 720px) {
  .margin-top-160{
    margin-top: 120px;
  }
}
@media (max-width: 480px) {
  .margin-top-160{
    margin-top: 100px;
  }
}
.serve_h48{
  font-size: 48px;
  /*line-height: 41px;*/
  font-family: "MyriadPro BoldCond";
  text-transform: uppercase;
  text-align: center;
}
@media (max-width: 1200px) {
  .serve_h48{
    font-size: 46px;

  }
}
@media (max-width: 720px) {
  .serve_h48{
    font-size: 38px;

  }
}
@media (max-width: 480px) {
  .serve_h48{
    font-size: 24px;

  }
}

.serve_img1{
  max-width: 424px;
  width: 100%;
  margin: 120px auto 0;
}
@media (max-width: 1024px) {
  .serve_img1{
    margin-top: 100px;
  }
}
@media (max-width: 720px) {
  .serve_img1{
    margin-top: 90px;
  }
}
@media (max-width: 720px) {
  .serve_img1{
    margin-top: 50px;
  }
}

.serve_h3 .bold{
  font-weight: bold;
  font-family: "MyriadPro BoldCond";

}
.serve_h3{
  font-family: "Myriad Pro Cond";
  font-size: 18px;
  text-transform: uppercase;
  line-height: 36px;
}
@media (max-width: 480px) {
  .serve_h3{
    font-size: 17px;
  }
}
.serve_p{
  font-family: "Arial Narrow";
  font-size: 18px;
  margin-top: 15px;
  text-align: left;
}
@media (max-width: 1024) {
  .serve_p{
    font-size: 16px;
  }
}
@media (max-width: 720px) {
  .serve_p{
    text-align: start;
    margin-top: -7px;
    letter-spacing: 1.3px;
  }
  .span_none{
    display: none;
  }
}
@media (max-width: 480px) {
  .serve_p{
    font-size: 16px;
  }
}

.serve_img{
  max-width: 605px;
  max-height: 600px;
  width: 100%;
}
@media (max-width: 1280px) {
  .serve_img{
    max-width: 460px;
  }
}
@media (max-width: 1024px) {
  .serve_img{
    max-width: 400px;
  }
}
@media (max-width: 720px) {
  .serve_img{
    max-width: 353px;

  }
}
.serve_wrap_div{
  max-width: 840px;
  margin: 0 auto;
  margin-top: 150px;
}
@media (max-width: 1280px) {
  .serve_wrap_div{
    margin-top: 140px;
  }
}
@media (max-width: 1024px) {
  .serve_wrap_div{
    margin-top: 120px;
  }
}
@media (max-width: 720px) {
  .serve_wrap_div{
    margin-top: 90px;
  }
}
@media (max-width: 480px) {
  .serve_wrap_div{
    margin-top: 70px;
  }
}
.serve_h32{
  font-family: "MyriadPro BoldCond";
  font-size: 32px;
  text-transform: uppercase;
}

@media (max-width: 720px) {
  .serve_h32{
    font-size: 28px;
  }
}
@media (max-width: 480px) {
  .serve_h32{
    font-size: 24px;
  }
}
.mt-60{
  margin-top: 60px;
}
@media (max-width:375px) {
  .branding-right__subtitle {
    font-size: 18px;
    line-height: 35px;
}
.branding-right__wrap {
  height: 320px;
}
}
.mv-720{
  display: none;
}
@media (max-width: 720px) {
  .mv-720{
    display: block;
  }
}
@media (max-width: 480px) {
  .mv-720{
    display: none;
  }
}
.mv-72{
  display: none;
}
@media (max-width: 720px) {
  .mv-72{
    display: block;
  }
}
@media (max-width: 600px) {
  .mv-72{
    display: none;
  }
}


/* new */

.text-blua{
  color: #1179c2;
}

.fs_h1{
  font-size: 70px;
  letter-spacing: 0.021em;
}
@media (max-width: 1280px) {
  .fs_h1{
    font-size: 48px;
  }
}
@media (max-width: 720px) {
  .fs_h1{
    font-size: 36px;
  }
}
@media (max-width: 480px) {
  .fs_h1{
    font-size: 26px;
  }
}
.fs_top{
  margin-top: 30px;
}
.margin_top_65px{
  margin-top: 65px;
}
@media (max-width: 1024px) {
  .margin_top_65px{
    margin-top: 35px;
  }
}
@media (max-width: 720px) {
  .margin_top_65px{
    margin-top: 25px;
  }
}

.fs_img{
  max-width: 545px;
  max-height: 414px;
  margin-top: 68px;
}
@media (max-width: 1280px) {
  .fs_img{
    max-width: 400px;
    margin-top: 70px;
  }
}
.fs_br1024{
  display: none;
}
@media (max-width: 1024px) {
  .fs_br1024{
    display: block;
  }
  .fs.serve_p{
    text-align: center;
  }
}

.what.button{
  margin: 4rem auto 0;
}

.common-images__image-text3{
  font-size: 13px;
}
.common-images__image-link3{
  font-size: 13px;
}
/* .block3{
  max-width: 355px;
} */
@media (max-width: 480px) {
  .content-list__text5{
    font-size: 16px;
    line-height: 30px;
  }
  
}
@media (max-width: 480px) {
  .block3{
    top: 67%;
    left: 52%;
    width: 344px;
  }
}

/* new new new */
.mt-\[140px\] {
    margin-top: 140px;
}
.m-0 {
    margin: 0px;
}
@media (min-width: 720px) {
    .md\:mt-\[110px\] {
        margin-top: 110px;
    }
}

@media (max-width: 1024px ){
  .what{
    align-items: center;
    text-align: center;
    gap: 16px;
  }
  .content-list__text5{
    width: 100%;
  }
}
@media screen {
  .content-list__text12{
    font-size: 20px;
  }
  .content-list__textp{
    font-size: 16px;
  }
  .content-list__text5 {
    font-size: 16px;
  }
  .what{
    gap: 8px;
  }
}


/* слайдер брендбука */

.book-section{
/* height: 800px; */
width: 100%;
/* padding: 40px 0; */
text-align: center;
}
.book-section > .container{
height: 427px;
max-width: 1156px;
width: 100%;
position: relative;
/* left: 50%;
transform: translateX(-50%); */
border-radius: 2%;
margin-bottom: 30px;
perspective: 1200px;
}

@media (max-width: 1280px) {
  .book-section > .container{
    height: 350px;
    max-width: 940px;
  }
}
@media (max-width: 1024px) {
  .book-section > .container{
    height: 226px;
    max-width: 940px;
  }
}
@media (max-width: 720px) {
    .book-section > .container {
        height: 150px;
        max-width: 633px;
    }
}
@media (max-width: 480px) {
.book-section > .container {
        height: 112px;
        max-width: 330px;
    }
}

.container > .right{
position: absolute;
height: 100%;
width: 50%;
transition: 0.9s ease-in-out;
transform-style: preserve-3d;
}
.book-section > .container > .right{
right:0;
transform-origin: left;
border-radius: 10px 0 0 10px;
}
.right > figure.front, .right > figure.back{
margin: 0;
height: 100%;
width: 100%;
position: absolute;
left:0;
top:0;
background-size: 200%;
background-repeat: no-repeat;
backface-visibility: hidden;
background-color: white;
overflow: hidden;
}
.right > figure.front{
background-position: right;
border-radius: 0 10px 10px 0;
box-shadow: 2px 2px 9px -2px rgba(0,0,0,0.2);
}
.right > figure.back{
background-position: left;
border-radius: 10px 0 0 10px;
box-shadow: -2px 2px 9px -2px rgba(0,0,0,0.2);
transform: rotateY(180deg);
}
.flip{
transform: rotateY(-180deg);
}


.front#cover, .back#back-cover{
background-color: white;
font-family: calibri;
text-align: left;
/* padding: 0 30px; */
}
/* .front#cover h1{
color: #fff;
}
.front#cover p{
color: rgba(0,0,0,0.8);
font-size: 14px;
} */
.images_book{
    width: 100%;
}
.h-\[580px\]{
  height: 580px !important;
}
@media (max-width: 1280px) {
 .h-\[580px\]{
  height: 471px !important;
} 
}
@media (max-width: 1024px) {
 .h-\[580px\]{
  height: 305px !important;
} 
}
@media (max-width: 720px) {
 .h-\[580px\]{
  height: 202px !important;
} 
}
@media (max-width: 480px) {
 .h-\[580px\]{
  height: 151px !important;
} 
}
/* @media (min-width: 720px) {
    .md\:text-\[30px\] {
        font-size: 30px!important;
    }
} */
.leading-\[66px\] {
    line-height: 66px;
}
/* 1920px - 1280px */
.custom-container{
  max-width: 1255px;
}
/* 1280px - 1024px */
@media (max-width: 1280px) {
 .custom-container{
    max-width: 975px;
} 
}
/* 1024px - 721px */
@media (max-width: 1024px) {
 .custom-container{
    max-width: 628px;
} 
}
/* 720px - 481px */
@media (max-width: 720px) {
 .custom-container{
    max-width: 420px;
} 
}
/* 480px - 361px */
@media (max-width: 480px) {
 .custom-container{
    max-width: 318px;
} 
}
/* 360px */
@media (max-width: 360px) {
 .custom-container{
    max-width: 100%;
} 
}

@media (max-width: 1024px) {
  .px30{
    font-size: 30px !important;
  }
}


/* new style 23.03.2026 for brandbook */

.pl-\[30px\] {
    padding-left: 30px;
}

/* на 6648 строке убрал 
.serve_h48{
  line-height: 41px;
}
*/

/* /new style 23.03.2026 for brandbook */