/*
* Prefixed by https://autoprefixer.github.io
* PostCSS: v8.3.6,
* Autoprefixer: v10.3.1
* Browsers: last 4 version
*/


@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap');

* {
    padding: 0;
    margin: 0;
}

body {
    background-color: #000;
    overflow-x: hidden;
    font-family: 'Inter', sans-serif;
}


a:hover, a:focus, .link:hover, .link:focus {
  color: #fff;
}


p {
    color: #fff;
}


.path-user #block-views-block-logo-i-menyu-block-1 img,
.path-sound #block-views-block-logo-i-menyu-block-1 img,
.path-photo #block-views-block-logo-i-menyu-block-1 img,
.path-video #block-views-block-logo-i-menyu-block-1 img {
  cursor: pointer;
}


#user-login-form {
  margin: 0 auto;
  max-width: 450px;
  padding: 70px;
}


.path-user .politik {
  display: none;
}


#topheader {
    max-width: 1270px;
    padding-left: 15px;
    padding-right: 15px;
    margin: 0 auto;
    padding-top: 20px;
}


#block-views-block-logo-i-menyu-block-1 .views-row  {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    -webkit-box-align: baseline;
        -ms-flex-align: baseline;
            align-items: baseline;
}


#block-views-block-logo-i-menyu-block-1 img {
    width: 147.97px;
    height: auto;
}




#block-views-block-logo-i-menyu-block-1 .views-row a {
    color: #fff;
    text-decoration: none;
    font-family: 'Inter', sans-serif;
    font-weight: 400;
    text-transform: uppercase;
    padding-right: 45px;
    font-size: 16px;
}

#block-views-block-logo-i-menyu-block-1 .views-row a:last-child {
    padding-right: 0;
}


#block-views-block-pervyy-ekran-block-1 .ceoimg {
    width: 100vw;
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    z-index: 90;
    height: 900px;
}

#block-views-block-pervyy-ekran-block-1 {
  position: relative;
}


#block-views-block-pervyy-ekran-block-1 .ceoimg img {
    width: 94vw;
    -o-object-fit: contain;
       object-fit: contain;
    position: relative;
    right: 0;
    height: auto;
    pointer-events: none;
}


#block-views-block-pervyy-ekran-block-1 .ceoimg .znak img {
    width: auto;
    z-index: 90;
    top: 5px;
}


#block-views-block-pervyy-ekran-block-1 .znak {
    position: absolute;
    margin-top: 5px;
}


#block-views-block-pervyy-ekran-block-1 .titleblock {
    position: absolute;
    font-size: 35px;
    line-height: 48px;
    top: 100px;
}

#firstscreen {
    border-bottom: 1px solid #383838;
    height: 900px;
}



#firstscreen .region-firstscreen {
    max-width: 1270px;
    padding-left: 15px;
    padding-right: 15px;
    margin: 0 auto;
    padding-top: 20px;
}

#firstscreen .textrt {
     position: absolute;
    top: 0;
    font-size: 25px;
    text-transform: uppercase;
    color: #fff;
    width: 100%;
    height: 100%;
    pointer-events: none;
}


#firstscreen .stroka1 {
    position: absolute;
    left: 450px;
    -webkit-transform: rotate(-19deg);
        -ms-transform: rotate(-19deg);
            transform: rotate(-19deg);
    top: 176px;
}


#firstscreen .stroka1 .video {
    margin-right: 150px;
}


#burger {
  display: none;
}


#firstscreen .stroka2 {
    bottom: 183px;
    position: absolute;
    -webkit-transform: rotate(19deg);
        -ms-transform: rotate(19deg);
            transform: rotate(19deg);
    left: 571px;
}



#block-views-block-pervyy-ekran-block-1 .troblblock {
    bottom: 200px;
    position: absolute;
}




#block-views-block-pervyy-ekran-block-1 .troblblock  .trobl {
    position: relative;
}


#block-views-block-pervyy-ekran-block-1 .troblblock  .trobl #ind {
   position: absolute;
    top: 8px;
    -webkit-transform: translateX(-3px);
        -ms-transform: translateX(-3px);
            transform: translateX(-3px);
    -webkit-transition-duration: 3s;
         -o-transition-duration: 3s;
            transition-duration: 3s;
    -webkit-animation: indone  8s infinite ease-in-out;
            animation: indone  8s infinite ease-in-out;
}





@-webkit-keyframes indone {
  0% {-webkit-transform: translateX(-3px);transform: translateX(-3px);}
  50% {-webkit-transform: translateX(144px);transform: translateX(144px);}
  70% {-webkit-transform: translateX(70px);transform: translateX(70px);}
  100% {-webkit-transform: translateX(-3px);transform: translateX(-3px);}
}




@keyframes indone {
  0% {-webkit-transform: translateX(-3px);transform: translateX(-3px);}
  50% {-webkit-transform: translateX(144px);transform: translateX(144px);}
  70% {-webkit-transform: translateX(70px);transform: translateX(70px);}
  100% {-webkit-transform: translateX(-3px);transform: translateX(-3px);}
}



#offers {
    color: #fff;
    text-align: center;
}

#offers .title {
    font-size: 18px;
    font-weight: 700;
    color: #fff;
    margin-bottom: 30px;
}


#offers .descp {
    font-size: 16px;
    font-weight: 400;
    color: #fff;
    margin-bottom: 35px;
    line-height: 27px;
}


#offers .textblock {
  max-width: 649px;
  margin: 0 auto;
  z-index: 70;
  position: absolute;
  padding-top: 90px;
  left: 0;
  right: 0;
}


#offers .view-content .views-row:nth-child(1) {
    height: 790px;
    position: relative;
    cursor: pointer;
}  


#offers .view-content .views-row:nth-child(2) .textblock {
  padding-top: 90px;
  position: absolute;
  margin: 0 auto;
  left: 0;
  right: 0;
}


#offers .view-content .views-row:nth-child(2) .textblock:before {
    content: "";
    width: 90px;
    height: 90px;
    background-image: url("/themes/seans/img/sticker.svg");
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat;
    position: absolute;
    left: -250px;
    top: 105px;
    z-index: 100;
    -webkit-transform: rotate(-30deg);
        -ms-transform: rotate(-30deg);
            transform: rotate(-30deg);
}



#offers .view-content .views-row:nth-child(1):hover  video {
    opacity: 1;
}

#offers .view-content .views-row:nth-child(1):hover  #ind {
    -webkit-transform: translateX(60px);
        -ms-transform: translateX(60px);
            transform: translateX(60px);
}

#offers .view-content .views-row:nth-child(2):hover  #ind {
    -webkit-transform: translateX(60px);
        -ms-transform: translateX(60px);
            transform: translateX(60px);
}


#offers .view-content .views-row:nth-child(3):hover  #ind {
    -webkit-transform: translateX(60px);
        -ms-transform: translateX(60px);
            transform: translateX(60px);
}






#offers .view-content .views-row video {
    height: 750px;
    width: 100%;
    position: absolute;
    left: 0;
    top: 0;
    -o-object-fit: cover;
       object-fit: cover;
    z-index: 50;
    opacity: 0;
    -webkit-transition-duration: 3s;
         -o-transition-duration: 3;
            transition-duration: 3s;
}  


#offers .textblock .trobl {
    position: relative;
    width: -webkit-min-content;
    width: -moz-min-content;
    width: min-content;
    margin: 0 auto;
}

#offers .textblock .trobl #ind {
  position: absolute;
  left: -5px;
  right: auto;
  top: 8px;
  -webkit-transition-duration: 6s;
       -o-transition-duration: 6s;
          transition-duration: 6s;
}


#offers .block .content {
    margin: 0;
}




#offers .view-content .views-row:nth-child(2) {
    position: relative;
    cursor: pointer;
    top: -378px;
    z-index: 90;
}  


#offers .view-content .views-row:nth-child(2) #photocreative {
    max-width: 100%;
    position: relative;
    left: 0;
    top: 0;
    opacity: 1;
    -webkit-filter: brightness(100%);
            filter: brightness(100%);
}  

/*

#offers .view-content .views-row:nth-child(2):hover #photocreative {
  -webkit-animation: flash 0.5s;
  animation: flash 0.5s;
}

*/  



 
  @-webkit-keyframes flash {
    0% {  -webkit-filter: brightness(100%);  filter: brightness(100%); }
    30% { -webkit-filter: brightness(160%); filter: brightness(160%); }
    60% { -webkit-filter: brightness(100%); filter: brightness(100%); }
    100% { -webkit-filter: brightness(160%); filter: brightness(160%); }
  }
  @keyframes flash {
    0% {  -webkit-filter: brightness(100%);  filter: brightness(100%); }
    30% { -webkit-filter: brightness(160%); filter: brightness(160%); }
    60% { -webkit-filter: brightness(100%); filter: brightness(100%); }
    100% { -webkit-filter: brightness(160%); filter: brightness(160%); }
  }




#offers .view-content .views-row:nth-child(3) #soundcreative {
    max-width: 100%;
    position: relative;
    left: 0;
    top: 0;
}  


#offers .view-content .views-row:nth-child(3) {
    position: relative;
    top: -382px;
    cursor: pointer;
    height: 320px;
}  


#offers {
    padding-bottom: 0;
}


#block-views-block-socialnye-seti-block-1 .views-row .field-content {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
}


#block-views-block-socialnye-seti-block-1 {
    margin-bottom: 115px;
}


#block-views-block-socialnye-seti-block-1 .views-row .field-content p {
    margin-right: 30px;
}



#block-views-block-socialnye-seti-block-1 .views-row .field-content p:last-child {
    margin-right: 0;
}


#under img { width: 118px; }
#under {
    height: 98px;
    background-color: #fff;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
}



.path-video .pagecontent,
.path-sound .pagecontent,
.path-photo .pagecontent {
    max-width: 1270px;
    padding-left: 15px;
    padding-right: 15px;
    margin: 0 auto;
}


.path-video .pagecontent .views-field-title,
.path-sound .pagecontent .views-field-title,
.path-photo .pagecontent .views-field-title {
    font-size: 18px;
    font-weight: 700;
    color: #fff;
    margin-bottom: 25px;
}


.path-video .pagecontent .views-field-body, 
.path-sound .pagecontent .views-field-body,
.path-photo .pagecontent .views-field-body   {
    font-size: 16px;
    font-weight: 400;
    color: #fff;
    margin-bottom: 35px;
    line-height: 27px;
    max-width: 390px;
    margin-bottom: 60px;
}


.path-video .views-field-field-blok-kontenta .field-content,
.path-sound .views-field-field-blok-kontenta .field-content,
.path-photo .views-field-field-blok-kontenta .field-content {
    display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start;
-webkit-box-align: stretch;
-ms-flex-align: stretch;
align-items: stretch;
}


.path-video .views-field-field-blok-kontenta .field-content .paragraph--type--blok-kontenta,
.path-sound .views-field-field-blok-kontenta .field-content .paragraph--type--blok-kontenta,
.path-photo .views-field-field-blok-kontenta .field-content .paragraph--type--blok-kontenta {

    width: 33.3%;
-webkit-box-flex: 0;
-ms-flex-positive: 0;
flex-grow: 0;
-ms-flex-negative: 0;
flex-shrink: 0;
-ms-flex-preferred-size: calc(100% / 3 - 20px );
flex-basis: calc(100% / 3 - 30px );
margin-bottom: 40px;
margin-right: 45px;
}

.path-video .views-field-field-blok-kontenta .field-content .paragraph--type--blok-kontenta:nth-child(3n),
.path-sound .views-field-field-blok-kontenta .field-content .paragraph--type--blok-kontenta:nth-child(3n),
.path-photo .views-field-field-blok-kontenta .field-content .paragraph--type--blok-kontenta:nth-child(3n)
 {
    margin-right: 0;
}


.path-video .views-field-field-blok-kontenta .field-content .paragraph--type--blok-kontenta img,
.path-sound .views-field-field-blok-kontenta .field-content .paragraph--type--blok-kontenta img,
.path-photo .views-field-field-blok-kontenta .field-content .paragraph--type--blok-kontenta img  {
    height: 380px;
    -o-object-fit: cover;
       object-fit: cover;
    width: 100%;
    display: block;
}



#headimg {
    width: 100%;
}

.viewshead {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    margin-top: 50px;
    margin-bottom: 100px;
}



.viewshead h1 {
    position: absolute;
    color: #fff;
    font-size: 25px;
    font-weight: 700;
    text-transform: uppercase;
    z-index: 90;
    margin-bottom: 100px;
}

.viewshead .stickblock img {
    position: absolute;
    width: 134px;
    height: auto;
    -o-object-fit: contain;
       object-fit: contain;
}


.viewshead .stickblock  {
    width: 1270px;
    padding-left: 15px;
    padding-right: 15px;
    margin: 0 auto;
    position: absolute;
    bottom: 0;
    height: 187px;
}




.viewshead img {
    width: 100%;
    display: block;
}

.messages__wrapper {
    opacity: 0.5;
    position: fixed;
    left: 15px;
    bottom: 15px;
    max-width: 320px;
}



.path-video .pagecontent .views-row, .path-sound .pagecontent .views-row, .path-photo .pagecontent .views-row  {
    border-bottom: 1px solid #383838;
    margin-bottom: 40px;
}

.path-video .pagecontent .views-row:last-child, .path-sound .pagecontent .views-row:last-child, .path-photo .pagecontent .views-row:last-child {
    border-bottom: none;
    margin-bottom: 100px;
}




/*Меню мобильное*/


#block-views-block-mobilnoe-menyu-block-1 {
  position: fixed;
  background-color: #000;
  color: #fff;
  font-size: 25px;
  text-transform: uppercase;
  text-align: center;
  width: 100vw;
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  pointer-events: none;
  opacity: 0;
  z-index: -9999;
  top: 0;
  left: 0;
}



#block-views-block-mobilnoe-menyu-block-1.active {
  position: fixed;
  background-color: #000;
  color: #fff;
  font-size: 25px;
  text-transform: uppercase;
  text-align: center;
  width: 100vw;
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  z-index: 9999;
  opacity: 1;
  pointer-events: all;
  top: 0;
  left: 0;
}


#block-views-block-mobilnoe-menyu-block-1 a {
  text-decoration: none;
  color: #fff;
  margin-bottom: 15px;
  display: block;
}


#block-views-block-mobilnoe-menyu-block-1 ul {
  padding: 0;
}

#block-views-block-mobilnoe-menyu-block-1 ul li {
  padding: 0;
}

#block-views-block-mobilnoe-menyu-block-1 img {
  padding-bottom: 40px;
}



/*Адаптив*/


@media (min-width: 1620px) { 

  #offers .view-content .views-row:nth-child(3) {
  position: relative;
  top: -382px;
  cursor: pointer;
  height: 380px;
}

#offers .view-content .views-row video {
  height: 950px;
 }


 #offers .view-content .views-row:nth-child(2) .textblock {
  padding-top: 100px;
}


#offers .textblock {
  max-width: 649px;
  margin: 0 auto;
  z-index: 70;
  position: absolute;
  padding-top: 110px;
  left: 0;
  right: 0;
}

}


@media (min-width: 1800px) {

  #offers .view-content .views-row:nth-child(3) {
    height: 460px;
  }


  #offers .view-content .views-row:nth-child(2) .textblock::before {
  content: "";
  width: 120px;
  height: 120px;
  background-image: url("/themes/seans/img/sticker.svg");
  background-position: center;
  background-size: contain;
  background-repeat: no-repeat;
  position: absolute;
  left: -320px;
  top: 63px;
  z-index: 100;
  -webkit-transform: rotate(-30deg);
      -ms-transform: rotate(-30deg);
          transform: rotate(-30deg);
  }

}



@media (min-width: 1870px) {



#block-views-block-pervyy-ekran-block-1 .ceoimg img {
  width: 84vw;
}


#block-views-block-pervyy-ekran-block-1 .ceoimg .znak img {
  width: 140px;
  z-index: 90;
  top: 5px;
}


#block-views-block-pervyy-ekran-block-1 .troblblock .trobl #line {
  width: 170px;
}

#offers .view-content .views-row:nth-child(1) {
  height: 900px;
}

#offers .textblock {
  padding-top: 190px;
}

#offers .view-content .views-row:nth-child(2) .textblock {
  padding-top: 170px;
}

#offers .view-content .views-row:nth-child(2) .textblock:before {
  content: "";
  width: 130px;
  height: 130px;
  background-image: url("/themes/seans/img/sticker.svg");
  background-position: center;
  background-size: contain;
  background-repeat: no-repeat;
  position: absolute;
  left: -300px;
  top: 60px;
  z-index: 100;
  -webkit-transform: rotate(-30deg);
  -ms-transform: rotate(-30deg);
  transform: rotate(-30deg);
}


#offers .view-content .views-row:nth-child(3) {
  position: relative;
  top: -382px;
  cursor: pointer;
  height: 600px;
}


#offers .view-content .views-row:nth-child(3) {
  position: relative;
  top: -383px;
  cursor: pointer;
}

#offers .view-content .views-row video {
  height: 1200px;
 }


 #offers .view-content .views-row:nth-child(3) .textblock {
  padding-top: 170px;
 }

}


@media (min-width: 2400px) {

  #offers .view-content .views-row:nth-child(2) #photocreative {
    width: 100%;
  }

  #offers .view-content .views-row:nth-child(3) #soundcreative {
    width: 100%;
  }

  #offers .view-content .views-row:nth-child(3) {
    height: 750px;
  }

  #block-views-block-pervyy-ekran-block-1 .ceoimg img {
    width: 76vw;
  }
}

@media (min-width: 2850px) {
  #offers .view-content .views-row:nth-child(3) #soundcreative {
      max-width: 100%;
      width: auto;
  }

  #offers .view-content .views-row:nth-child(2) #photocreative {
      max-width: 100%;
      width: auto;
  }

  #block-views-block-pervyy-ekran-block-1 .ceoimg img {
    width: 1771px;
  }

  #offers .view-content .views-row:nth-child(1) video {
    max-width: 2268px;
    margin: 0 auto;
    left: 0;
    right: 0;
  }


  #offers .view-content .views-row:nth-child(2) .textblock::before {
  content: "";
  width: 150px;
  height: 150px;
  background-image: url("/themes/seans/img/sticker.svg");
  background-position: center;
  background-size: contain;
  background-repeat: no-repeat;
  position: absolute;
  left: -326px;
  top: -50px;
  z-index: 100;
  -webkit-transform: rotate(-30deg);
      -ms-transform: rotate(-30deg);
          transform: rotate(-30deg);
}


}



@media (max-width: 1400px) {
  #block-views-block-pervyy-ekran-block-1 .ceoimg img {
      width: 100vw; 
  }
}



@media (max-width: 1320px) {
  
  #offers .view-content .views-row:nth-child(3) {
    position: relative;
    top: -382px;
    cursor: pointer;
    height: 255px;
  }


  .viewshead .stickblock {
    left: 0;
    right: 0;
  }


  #block-views-block-pervyy-ekran-block-1 .ceoimg .znak img {
  width: 115px;
  z-index: 90;
  top: 5px;
}

}




@media (max-width: 1280px) {


  #block-views-block-pervyy-ekran-block-1 .ceoimg .znak img {
  width: 112px;
  z-index: 90;
  top: 5px;
  }


}





@media (max-width: 1180px) {
  
  #offers .view-content .views-row:nth-child(2) .textblock:before {
  content: "";
  width: 120px;
  height: 120px;
  background-image: url("/themes/seans/img/sticker.svg");
  background-position: center;
  background-size: contain;
  background-repeat: no-repeat;
  position: absolute;
  left: -150px;
  top: 15px;
  z-index: 100;
  -webkit-transform: rotate(-30deg);
      -ms-transform: rotate(-30deg);
          transform: rotate(-30deg);
  }


  #offers .descp {
    margin-bottom: 25px;
  }

  #offers .title {
  font-size: 18px;
  font-weight: 700;
  color: #fff;
  margin-bottom: 20px;
}



  .path-video .views-field-field-blok-kontenta .field-content .paragraph--type--blok-kontenta:nth-child(3n), .path-sound .views-field-field-blok-kontenta .field-content .paragraph--type--blok-kontenta:nth-child(3n), .path-photo .views-field-field-blok-kontenta .field-content .paragraph--type--blok-kontenta:nth-child(3n) {
    margin-right: 45px;
  }




  .path-video .views-field-field-blok-kontenta .field-content .paragraph--type--blok-kontenta:nth-child(2n), .path-sound .views-field-field-blok-kontenta .field-content .paragraph--type--blok-kontenta:nth-child(2n), .path-photo .views-field-field-blok-kontenta .field-content .paragraph--type--blok-kontenta:nth-child(2n) {
    margin-right: 0;
  }




  .path-video .views-field-field-blok-kontenta .field-content .paragraph--type--blok-kontenta, .path-sound .views-field-field-blok-kontenta .field-content .paragraph--type--blok-kontenta, .path-photo .views-field-field-blok-kontenta .field-content .paragraph--type--blok-kontenta {
  width: 50%;
  -webkit-box-flex: 0;
  -ms-flex-positive: 0;
  flex-grow: 0;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  -ms-flex-preferred-size: calc(100% / 3 - 20px );
  flex-basis: calc(100% / 2 - 23px );
  margin-bottom: 40px;
  margin-right: 45px;
}




#block-views-block-pervyy-ekran-block-1 .ceoimg img {
  width: 108vw;
}



  }




@media (max-width: 1024px) {


  #offers .view-content .views-row:nth-child(3) {
  position: relative;
  top: -382px;
  cursor: pointer;
  height: 155px;
  }



  #block-views-block-pervyy-ekran-block-1 .ceoimg img {
  width: 125vw;
}


}



@media (max-width: 920px) {


  #pagewrap {
    overflow: hidden;
  }


  .viewshead h1 {
  position: absolute;
  color: #fff;
  font-size: 18px;
  font-weight: 700;
  text-transform: uppercase;
  z-index: 90;
  margin-bottom: 50px;
}


.viewshead .stickblock img {
  position: absolute;
  width: 100px;
  height: auto;
  -o-object-fit: contain;
     object-fit: contain;
  bottom: 0;
}



.viewshead img {
  width: 100%;
  display: block;
  width: 900px;
  margin: 0 auto;
}



.viewshead .stickblock img {
  position: absolute;
  width: 60px;
  height: auto;
  -o-object-fit: contain;
     object-fit: contain;
  bottom: 0;
}


.views-field-field-blok-kontenta iframe {
  margin: 0 0 1em;
}





      #firstscreen .stroka1 {
        position: absolute;
        left: 350px;
        -webkit-transform: rotate(-19deg);
            -ms-transform: rotate(-19deg);
                transform: rotate(-19deg);
        top: 190px;
      }


      #offers .view-content .views-row:nth-child(2) .textblock::before {
        content: "";
        width: 90px;
        height: 90px;
        background-image: url("/themes/seans/img/sticker.svg");
        background-position: center;
        background-size: contain;
        background-repeat: no-repeat;
        position: absolute;
        left: -50px;
        top: 15px;
        z-index: 100;
        -webkit-transform: rotate(-30deg);
            -ms-transform: rotate(-30deg);
                transform: rotate(-30deg);
      }


      #offers .view-content .views-row:nth-child(1) {
        height: 720px;
        position: relative;
        cursor: pointer;
      }


      #firstscreen {
        border-bottom: 1px solid #383838;
        height: 840px;
      } 


      #offers .descp {
      font-size: 16px;
      font-weight: 400;
      color: #fff;
      margin-bottom: 35px;
      line-height: 27px;
      max-width: 460px;
      margin: 0 auto;
        margin-bottom: 20px;
    }


    #offers .view-content .views-row:nth-child(2) #photocreative {
      max-width: 100%;
      position: relative;
      left: 0;
      top: 0;
      -webkit-filter: grayscale(20%) brightness(40%);
              filter: grayscale(20%) brightness(40%);
    }


    #offers .view-content .views-row:nth-child(3) #soundcreative {
      max-width: 100%;
      position: relative;
      left: 0;
      top: 0;
      -webkit-filter: grayscale(20%) brightness(40%);
              filter: grayscale(20%) brightness(40%);
    }


#offers .view-content .views-row video {
  height: 650px;
}



#block-views-block-pervyy-ekran-block-1 .ceoimg .znak img {
  width: 101px;
  z-index: 90;
  top: 5px;
}




#firstscreen .stroka1 .video {
  margin-right: 100px;
}


#firstscreen .stroka1 {
  top: 215px;
}


#firstscreen .stroka2 {
  bottom: 222px;
  position: absolute;
  -webkit-transform: rotate(19deg);
  -ms-transform: rotate(19deg);
  transform: rotate(19deg);
  left: 440px;
}



}



@media (max-width: 860px) {


#block-views-block-pervyy-ekran-block-1 .ceoimg .znak img {
  width: 95px;
  z-index: 90;
  top: 3px;
}



}



@media (max-width: 760px) {



#firstscreen .stroka1 {
  position: absolute;
  left: 250px;
  -webkit-transform: rotate(-19deg);
  -ms-transform: rotate(-19deg);
  transform: rotate(-19deg);
      top: 250px;
}




#block-views-block-pervyy-ekran-block-1 .ceoimg img {
  width: 98vw;
}


#block-views-block-pervyy-ekran-block-1 .ceoimg .znak img {
  width: 102px;
  z-index: 90;
  top: 2px;
}





#block-views-block-pervyy-ekran-block-1 .titleblock {
  position: absolute;
  font-size: 25px;
  line-height: 39px;
  top: 100px;
}





#block-views-block-logo-i-menyu-block-1 .views-row a {
  padding-right: 25px;
}



#offers .view-content .views-row:nth-child(2) #photocreative {
  width: 1200px;
  position: relative;
  left: 0;
  top: 0;
  -webkit-filter: grayscale(20%) brightness(40%);
          filter: grayscale(20%) brightness(40%);
  max-width: none;
}


.views-field-field-kreativ .field-content {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}


#offers .view-content .views-row:nth-child(3) #soundcreative {
  width: 1200px;
  position: relative;
  left: 0;
  top: 0;
  -webkit-filter: grayscale(20%) brightness(40%);
          filter: grayscale(20%) brightness(40%);
  max-width: none;
}


#offers .view-content .views-row:nth-child(1) {
  height: 820px;
  position: relative;
  cursor: pointer;
}


#offers .view-content .views-row:nth-child(2) .textblock::before {
  content: "";
  width: 110px;
  height: 110px;
  background-image: url("/themes/seans/img/sticker.svg");
  background-position: center;
  background-size: contain;
  background-repeat: no-repeat;
  position: absolute;
  left: 20px;
  top: -81px;
  z-index: 100;
  -webkit-transform: rotate(-30deg);
      -ms-transform: rotate(-30deg);
          transform: rotate(-30deg);
}



#offers .view-content .views-row:nth-child(3) {
  position: relative;
  top: -382px;
  cursor: pointer;
  height: 204px;
}


}


@media (max-width: 640px) {


  #block-views-block-pervyy-ekran-block-1 .ceoimg img {
  width: 113vw;
}

#firstscreen .textrt {
  font-size: 16px;
}



  #offers .view-content .views-row:nth-child(2) .textblock::before {
    content: "";
    width: 90px;
    height: 90px;
    background-image: url("/themes/seans/img/sticker.svg");
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat;
    position: absolute;
    left: 51px;
    top: -61px;
    z-index: 100;
    -webkit-transform: rotate(-30deg);
        -ms-transform: rotate(-30deg);
            transform: rotate(-30deg);
  }



  #firstscreen .stroka1 {
  position: absolute;
  left: 200px;
  -webkit-transform: rotate(-19deg);
  -ms-transform: rotate(-19deg);
  transform: rotate(-19deg);
  top: 293px;
}



#firstscreen .stroka2 {
  bottom: 283px;
  position: absolute;
  -webkit-transform: rotate(19deg);
  -ms-transform: rotate(19deg);
  transform: rotate(19deg);
  left: 320px;
}


}


@media (max-width: 580px) {


    .headimg {
  padding-left: 200px;
  }


  #firstscreen .stroka1 .video {
    margin-right: 75px;
  }

#block-views-block-pervyy-ekran-block-1 .ceoimg .znak img {
  width: 92px;
  z-index: 90;
  top: 2px;
}


}



@media (max-width: 480px) {



#block-views-block-pervyy-ekran-block-1 .troblblock .trobl #ind {
  top: 8px;
  -webkit-transform: translateX(-3px);
  -ms-transform: translateX(-3px);
  transform: translateX(-3px);
}






@-webkit-keyframes indone {
  0% {-webkit-transform: translateX(-3px);transform: translateX(-3px);}
  50% {-webkit-transform: translateX(144px);transform: translateX(144px);}
  70% {-webkit-transform: translateX(70px);transform: translateX(70px);}
  100% {-webkit-transform: translateX(-3px);transform: translateX(-3px);}
}




@keyframes indone {
  0% {-webkit-transform: translateX(-3px);transform: translateX(-3px);}
  50% {-webkit-transform: translateX(144px);transform: translateX(144px);}
  70% {-webkit-transform: translateX(70px);transform: translateX(70px);}
  100% {-webkit-transform: translateX(-3px);transform: translateX(-3px);}
}




.path-video .views-field-field-blok-kontenta .field-content .paragraph--type--blok-kontenta, .path-sound .views-field-field-blok-kontenta .field-content .paragraph--type--blok-kontenta, .path-photo .views-field-field-blok-kontenta .field-content .paragraph--type--blok-kontenta {
  margin-right: 0;
}




.path-video .views-field-field-blok-kontenta .field-content .paragraph--type--blok-kontenta, .path-sound .views-field-field-blok-kontenta .field-content .paragraph--type--blok-kontenta, .path-photo .views-field-field-blok-kontenta .field-content .paragraph--type--blok-kontenta {
  width: 100%;
  -webkit-box-flex: 0;
  -ms-flex-positive: 0;
  flex-grow: 0;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  -ms-flex-preferred-size: calc(100% / 1 );
  flex-basis: calc(100% / 1 );
  margin-bottom: 40px;
  margin-right: 45px;
}



.path-video .views-field-field-blok-kontenta .field-content .paragraph--type--blok-kontenta, .path-sound .views-field-field-blok-kontenta .field-content .paragraph--type--blok-kontenta, .path-photo .views-field-field-blok-kontenta .field-content .paragraph--type--blok-kontenta {
  margin-bottom: 0;
}




.path-video .views-field-field-blok-kontenta .field-content .paragraph--type--blok-kontenta img, .path-sound .views-field-field-blok-kontenta .field-content .paragraph--type--blok-kontenta img, .path-photo .views-field-field-blok-kontenta .field-content .paragraph--type--blok-kontenta img {
  height: 280px;
  -o-object-fit: cover;
     object-fit: cover;
  width: 100%;
  display: block;
}



.path-video .pagecontent .views-field-body, .path-sound .pagecontent .views-field-body, .path-photo .pagecontent .views-field-body {
  font-size: 14px;
  font-weight: 400;
  color: #fff;
  margin-bottom: 35px;
  line-height: 21px;
  max-width: 320px;
  margin-bottom: 60px;
}


.path-video .pagecontent .views-field-title, .path-sound .pagecontent .views-field-title, .path-photo .pagecontent .views-field-title {
  font-size: 16px;
  font-weight: 700;
  color: #fff;
  margin-bottom: 20px;
}






#firstscreen .stroka1 {
  position: absolute;
  left: 114px;
  -webkit-transform: rotate(-19deg);
      -ms-transform: rotate(-19deg);
          transform: rotate(-19deg);
  top: 271px;
  font-size: 14px;
}


#firstscreen .stroka2 {
  bottom: 271px;
  position: absolute;
  -webkit-transform: rotate(19deg);
      -ms-transform: rotate(19deg);
          transform: rotate(19deg);
  left: 235px;
  font-size: 14px;
}



#firstscreen {
  border-bottom: 1px solid #383838;
  height: 728px;
}


.views-field-field-menupunkt {
  display: none;
}


.region-topheader {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: baseline;
      -ms-flex-align: baseline;
          align-items: baseline;
}

#burger {
  display: block;
  cursor: pointer;
}

#offers .descp {
  font-size: 14px;
  font-weight: 400;
  color: #fff;
  margin-bottom: 35px;
  line-height: 23px;
  max-width: 380px;
  margin: 0 auto;
    margin-bottom: 0px;
  margin-bottom: 20px;
}



#block-views-block-pervyy-ekran-block-1 .ceoimg {
  width: 100vw;
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  z-index: 90;
  height: 785px;
}


#offers .view-content .views-row:nth-child(2) .textblock::before {
  content: "";
  width: 60px;
  height: 60px;
  background-image: url("/themes/seans/img/sticker.svg");
  background-position: center;
  background-size: contain;
  background-repeat: no-repeat;
  position: absolute;
  left: 30px;
  top: -45px;
  z-index: 100;
  -webkit-transform: rotate(-30deg);
      -ms-transform: rotate(-30deg);
          transform: rotate(-30deg);
}


#offers .view-content .views-row video {
  opacity: 1;
}


#block-views-block-pervyy-ekran-block-1 .ceoimg .znak img {
  width: 13.7vw;
  z-index: 90;
  top: 1px;
}


#block-views-block-pervyy-ekran-block-1 .ceoimg img {
  width: 100vw;
}


#firstscreen .stroka1 {
  position: absolute;
  left: 157px;
  -webkit-transform: rotate(-19deg);
  -ms-transform: rotate(-19deg);
  transform: rotate(-19deg);
  top: 271px;
  font-size: 14px;
}




}



@media (max-width: 420px) {


#firstscreen .stroka1 .video {
  margin-right: 35px;
}


#firstscreen .stroka1 {
  position: absolute;
  left: 125px;
  -webkit-transform: rotate(-19deg);
      -ms-transform: rotate(-19deg);
          transform: rotate(-19deg);
  top: 275px;
  font-size: 14px;
}


#block-views-block-pervyy-ekran-block-1 .ceoimg {
  height: 600px;
}


#block-views-block-pervyy-ekran-block-1 .titleblock {
  position: absolute;
  font-size: 20px;
  line-height: 33px;
  top: 40px;
}




#block-views-block-pervyy-ekran-block-1 .troblblock {
  bottom: 130px;
  position: absolute;
}



#firstscreen {
  border-bottom: 1px solid #383838;
  height: 600px;
}


#block-views-block-pervyy-ekran-block-1 .ceoimg .znak img {
  z-index: 90;
  top: 4px;
}


#offers .title {
  font-size: 16px;
  font-weight: 700;
  color: #fff;
  margin-bottom: 20px;
}


#firstscreen .stroka1 {
  position: absolute;
  left: 125px;
  -webkit-transform: rotate(-19deg);
      -ms-transform: rotate(-19deg);
          transform: rotate(-19deg);
  top: 177px;
  font-size: 14px;
}

#firstscreen .stroka2 {
  bottom: 172px;
  position: absolute;
  -webkit-transform: rotate(19deg);
      -ms-transform: rotate(19deg);
          transform: rotate(19deg);
  left: 235px;
  font-size: 14px;
}


#offers .view-content .views-row:nth-child(2) .textblock:before {
  display: none;
}


#offers .view-content .views-row:nth-child(1) {
  height: 750px;
  position: relative;
  cursor: pointer;
}




#block-views-block-pervyy-ekran-block-1 .ceoimg img {
  width: 100vw;
}


#block-views-block-pervyy-ekran-block-1 .ceoimg .znak img {
  z-index: 90;
  top: 0.8px;
}



#firstscreen .stroka1 {
  position: absolute;
  left: 125px;
  -webkit-transform: rotate(-19deg);
  -ms-transform: rotate(-19deg);
  transform: rotate(-19deg);
  top: 193px;
  font-size: 14px;
}



#firstscreen .stroka2 {
  bottom: 187px;
  position: absolute;
  -webkit-transform: rotate(19deg);
  -ms-transform: rotate(19deg);
  transform: rotate(19deg);
  left: 200px;
  font-size: 14px;
}


}




@media (max-width: 390px) {




#block-views-block-pervyy-ekran-block-1 .ceoimg .znak img {
  z-index: 90;
}



#offers .descp {
  font-size: 14px;
  font-weight: 400;
  color: #fff;
  margin-bottom: 35px;
  line-height: 21px;
  max-width: 340px;
  margin: 0 auto;
    margin-bottom: 0px;
  margin-bottom: 0px;
  margin-bottom: 20px;
}


}



@media (max-width: 370px) {


#firstscreen .stroka1 {
  position: absolute;
  left: 105px;
  -webkit-transform: rotate(-19deg);
  -ms-transform: rotate(-19deg);
  transform: rotate(-19deg);
  top: 198px;
  font-size: 14px;
}


#firstscreen .stroka2 {
  bottom: 197px;
  position: absolute;
  -webkit-transform: rotate(19deg);
  -ms-transform: rotate(19deg);
  transform: rotate(19deg);
  left: 170px;
  font-size: 14px;
}



}



@media (max-width: 320px) {



#firstscreen .stroka1 {
  position: absolute;
  left: 75px;
  -webkit-transform: rotate(-19deg);
  -ms-transform: rotate(-19deg);
  transform: rotate(-19deg);
  top: 220px;
  font-size: 12px;
}


#firstscreen .stroka2 {
  bottom: 221px;
  position: absolute;
  -webkit-transform: rotate(19deg);
      -ms-transform: rotate(19deg);
          transform: rotate(19deg);
  left: 131px;
  font-size: 12px;
}


#offers .descp {
  font-size: 14px;
  font-weight: 400;
  color: #fff;
  margin-bottom: 35px;
  line-height: 21px;
  max-width: 290px;
  margin: 0 auto;
    margin-bottom: 0px;
  margin-bottom: 0px;
  margin-bottom: 0px;
  margin-bottom: 20px;
}

}