/*
Theme Name: Brandwolk
Text Domain: brandwolk
*/

/* New CSS */
@font-face { font-family: 'Nunito-ExtraLight'; src: url('../fonts/Nunito-ExtraLight.eot'); src: local('☺'), url('../fonts/Nunito-ExtraLight.woff') format('woff'), url('../fonts/Nunito-ExtraLight.ttf') format('truetype'), url('../fonts/Nunito-ExtraLight.svg') format('svg'); font-weight: normal; font-style: normal; }
@font-face { font-family: 'Nunito-Regular'; src: url('../fonts/Nunito-Regular.eot'); src: local('☺'), url('../fonts/Nunito-Regular.woff') format('woff'), url('../fonts/Nunito-Regular.ttf') format('truetype'), url('../fonts/Nunito-Regular.svg') format('svg'); font-weight: normal; font-style: normal; }
@font-face { font-family: 'Nunito-SemiBold'; src: url('../fonts/Nunito-SemiBold.eot'); src: local('☺'), url('../fonts/Nunito-SemiBold.woff') format('woff'), url('../fonts/Nunito-SemiBold.ttf') format('truetype'), url('../fonts/Nunito-SemiBold.svg') format('svg'); font-weight: normal; font-style: normal; }
@font-face { font-family: 'Conv_9404'; src: url('../fonts/9404.eot'); src: local('☺'), url('../fonts/9404.woff') format('woff'), url('../fonts/9404.ttf') format('truetype'), url('../fonts/9404.svg') format('svg'); font-weight: normal; font-style: normal; }
*, *:hover { cursor: none; }
a { cursor: pointer !important; }
a:hover { color: red; }
a svg { pointer-events: none; }
body { -webkit-tap-highlight-color: rgba(201, 224, 253, 0.8) !important; margin: 0; width: 100%; background-color: #fff; padding: 0; font-family: 'Nunito-ExtraLight'; margin: 0; font-weight: 100; color: #111; -webkit-backface-visibility: hidden; scroll-behavior: smooth; overflow: overlay; }
h2 { font-size: 2.6vw; font-weight: 100; margin-bottom: 0; }
p { font-size: 1.6vw; font-weight: 100; margin-bottom: 0; line-height: 2vw; }
.mobile { display: none; }
.no_mobile { display: block; }
.svg-cursor { position: fixed; pointer-events: none; z-index: 1000; font-size: 1.5em; }
#bm, #bm1, #bm2 { width: 100%; position: absolute; bottom: 5vw; left: 0; opacity: 0; transition: all 1s ease; }
#bm { animation: PlayAniNew 22.5s linear infinite; }
#bm1 { animation: PlayAniNew1 22.5s linear infinite; }
#bm2 { animation: PlayAniNew2 22.5s linear infinite; }
@keyframes PlayAniNew {
  from { opacity: 1; }
  30% { opacity: 1; transition: all 0.5s ease; }
  32% { opacity: 0; transition: all 0.5s ease; }
  to { opacity: 0; }
}
@keyframes PlayAniNew1 {
  from { opacity: 0; }
  35% { opacity: 0; transition: all 0.5s ease; }
  36% { opacity: 1; transition: all 0.5s ease; }
  63% { opacity: 1; transition: all 0.5s ease; }
  65% { opacity: 0; transition: all 0.5s ease; }
  to { opacity: 0; }
}
@keyframes PlayAniNew2 {
  from { opacity: 0; }
  68% { opacity: 0; transition: all 0.5s ease; }
  69% { opacity: 1; transition: all 0.5s ease; }
  96% { opacity: 1; transition: all 0.5s ease; }
  98% { opacity: 0; transition: all 0.5s ease; }
  to { opacity: 0; }
}
.svg-cursor .st1 { -webkit-transform: scale(0.7) rotate(0.01deg); -moz-transform: scale(0.7) rotate(0.01deg); transform: scale(0.7) rotate(0.01deg); }
.block { padding: 0 5vw; height: 56.25vw; position: relative; }
.block-dark { background-color: #252F38; color: #fff; }
.dflex { display: flex; }
.button { width: 15vw; margin-top: 3vh; position: absolute; z-index: 100; height: auto; }
.heading_header { font-size: 3.5vw; font-weight: 400; margin-bottom: 0; margin-top: 8vw; width: 40vw; }
.old .heading_header { margin-top: 15vw; }
.heading_b { position: relative; height: 2vw; overflow: hidden; margin-top: 2.4vw; float: left; }
.heading_b > p { margin: 0; padding-bottom: 2vw; font-size: 1.3vw; font-family: 'Nunito-SemiBold'; }
.my-botton { margin: auto; z-index: 5; width: 13vw; height: 13vw; }
.my-botton > svg { position: absolute; width: 13vw; height: auto; }
.old .my-botton { position: absolute; right: 10vw; top: 20vw; z-index: 5; }
.anit-b-text { height: 4vw; overflow: hidden; font-family: Nunito-SemiBold, Nunito; float: left; margin-top: 20px; }
.circle { position: absolute; transition: transform 1s ease; }
.block2 { height: 40vw; }
.old .block2 { height: 56.25vw; }
.block2 .col-1 { margin-top: 6vw; }
.old .block2 .col-1 { margin-top: auto; }
.my-botton:hover  .circle { -webkit-transform: rotate(180deg); -moz-transform: rotate(180deg); transform: rotate(180deg); transition: transform 1s ease; }
.v50 { display: flex; height: 100%; position: relative; }
.v50 > div { width: 50%; margin: auto; }
.v50 > .col-1 { width: 40%; height: auto; }
.v50 > .content2 { margin-left: 0; }
.v50 > .content2 h2 { margin-top: -10vh; }
.v50 > .col-1 img { width: 90%; }
.block3 h2 { margin: auto; width: 50%; text-align: center; }
.block4 > .v50 > .col-1 { margin-left: 0; }
.block4 > .v50 > .col-1+.col-1 { margin-right: 0; }
.block .block5 { width: 60%; position: sticky; margin: auto; }
#wrapper { width: 100%; margin: 0 auto; position: relative; margin: auto; }
#slider { width: 100%; overflow: hidden; margin: 30px auto 0px; }
#slider > div { width: 100%; float: left; display: flex !important; }
#slider .swiper-slide > p { font-size: 2.4vw; line-height: 1.4; }
#slider .swiper-slide .coment_b { padding-right: 11vw; justify-content: space-between; }
#slider .swiper-slide .coment_b > img { filter: grayscale(1); transition: all 0.5s ease-in-out; }
#slider .swiper-slide .coment_b > img:hover { filter: grayscale(0); }
#slider .swiper-slide .coment_b > div.brand-logo { width: 30%; position: relative; }
#slider .swiper-slide .coment_b > div.brand-logo:after { content: ''; position: absolute; right: 15px; width: 25%; height: 1px; background: rgba(0,0,0,0.2); top: 50%; transform: translateY(-50%); }
#slider ~ .swiper-arrows { display: flex; position: absolute; right: 30px; bottom: 12px; background-color: #fff; z-index: 1; }
#slider ~ .swiper-arrows .swiper-button-next, #slider ~ .swiper-arrows .swiper-button-prev { position: static; margin: 0; }
.coment_b { width: 100%; display: flex; margin-top: 4vh; }
.coment_b > img { margin: auto; height: 5vw; }
.coment_b > div { float: left; width: 70%; padding-right: 10%; }
.coment_b > div > p { font-size: 1.8vw; margin-top: 0; font-weight: 600; }
.coment_b > div > p + p { margin-top: 1vw; font-size: 1.6vh; line-height: 1.6; max-width: 100%; }
.coments_b { height: auto; margin: auto 5vw auto auto; width: 15vw; }
.footer > div { width: 100%; height: 100%; margin: auto auto; position: relative; }
.footer > div > #footer_blok { width: 34vw; margin: auto auto; padding-top: 10vw; }
.footer .f1 { font-size: 1.2vw; line-height: 1.6; }
.footer .f2 { width: 50%; float: left; opacity: 0.3; font-size: 1.2vw; text-transform: uppercase; }
.footer .f2+.f2 { text-align: right; }
.menu-footer-container { display: flex; list-style: none; padding: 2.6vw 0; max-width: 33vw; }
.menu-footer-container li { margin: auto; min-width: 10vw; text-align: center; }
.menu-footer-container li:first-child { margin: auto auto auto 0; text-align: left; }
.menu-footer-container li:last-child { margin: auto 0 auto auto; text-align: right; }
.menu-footer-container  a, .menu-menu-container a { text-transform: uppercase; color: #fff; opacity: 0.35; text-decoration: none; font-size: 1.4vw; margin: auto; }
.menu-menu-container a { font-size: 2.2vw; font-family: 'Nunito-Regular'; }
.menu-footer-container svg { width: 2vw; height: 0.2vw; transition: width 0.5s ease; }
.menu-menu-container svg { width: 3vw; height: 0.3vw; transition: width 0.5s ease; }
.menu-footer-container li:hover svg { width: 6vw; height: 0.2vw; transition: width 0.5s ease; }
.menu-menu-container li:hover svg { width: 8vw; height: 0.3vw; transition: width 0.5s ease; }
.menu-footer-container svg  line, .menu-menu-container svg  line { -webkit-transform: translate(-50px, 1.5px); -moz-transform: translate(-50px, 1.5px); -ms-transform: translate(-50px, 1.5px); -o-transform: translate(-50px, 1.5px); transform: translate(-50px, 1.5px); }
.footer-menu-left { text-align: left; }
.footer { position: relative; }
.footer_b { position: absolute; display: flex; bottom: 0; width: 100%; }
.nav_menu_my .footer_b { position: absolute; display: flex; bottom: 3vh; width: auto; left: 0; right: 0; padding: 0 5vw; bottom: 0; }
.nav_menu_my .footer_b p, .nav_menu_my .footer_b a { color: #fff; text-decoration: none; }
.footer_b > p { font-size: 1vw; width: auto; opacity: 0.35; }
.footer_b a { color: #fff; text-decoration: none; position: relative; }
.footer_b a:after { content: ''; position: absolute; left: 0; width: 35px; bottom: -4px; height: 2px; background: #fff; transition: all 0.5s ease; }
.footer_b a:hover:after { width: 100%; }
.header-row { height: 6vh; position: relative; padding: 0 5vw; }
@media screen and (min-width:900px) {
  .header-row { height: 9vh; }
}
.header-row > div { height: 100%; margin: 3vh 0; position: sticky; z-index: 100; }
.header-row > div > svg { height: 100%; width: auto; }
.logo-text { text-transform: uppercase; font-size: 3vh; color: rgb(37, 47, 56); font-weight: 600; letter-spacing: 3px; line-height: 0.95; text-shadow: 0px 3px 6px #0000003b; margin: auto; margin-left: 1vw; }
.nav-togle, .close_nav { margin: auto 0px auto auto; height: 42% !important; max-height: 32px !important; }
#path-1-1-2 { position: absolute; bottom: 0; height: 21.05vw; left: 15.5355vw; }
#path-1-1-2 path { -webkit-transform: translate(-357px, -691px); -moz-transform: translate(-357px, -691px); -ms-transform: translate(-357px, -691px); -o-transform: translate(-357px, -691px); transform: translate(-357px, -691px); }
#path-1-2-1-2 { position: absolute; top: 0; height: 40vw; left: 21vw; }
#path-1-2-1-2 path { -webkit-transform: translate(-459.26px, -1081px); -moz-transform: translate(-459.26px, -1081px); -ms-transform: translate(-459.26px, -1081px); -o-transform: translate(-459.26px, -1081px); transform: translate(-459.26px, -1081px); }
#path-1-2-2-2 { position: absolute; bottom: 0; height: 45vw; left: 53.5vw; }
#path-1-2-2-2 path { -webkit-transform: translate(-978.5px, -1266px); -moz-transform: translate(-978.5px, -1266px); -ms-transform: translate(-978.5px, -1266px); -o-transform: translate(-978.5px, -1266px); transform: translate(-978.5px, -1266px); }
#path-1-3-2 { position: absolute; top: 0; height: 12vw; left: 51.57vw; }
#path-1-3-2 path { -webkit-transform: translate(-938.71px, -2159.1px); -moz-transform: translate(-938.71px, -2159.1px); -ms-transform: translate(-938.71px, -2159.1px); -o-transform: translate(-938.71px, -2159.1px); transform: translate(-938.71px, -2159.1px); }
#path-2-1-2 { position: absolute; bottom: 0; height: 12vw; left: 45.57vw; }
#path-2-1-2 path { -webkit-transform: translate(-453.47px, -5137.96px); -moz-transform: translate(-453.47px, -5137.96px); -ms-transform: translate(-453.47px, -5137.96px); -o-transform: translate(-453.47px, -5137.96px); transform: translate(-453.47px, -5137.96px); }
#path-2-2-2 { position: absolute; bottom: 0; height: 60.8vw; left: 15.8vw; }
#path-2-2-2 path { -webkit-transform: translate(100.5px, -5292.29px); -moz-transform: translate(100.5px, -5292.29px); -ms-transform: translate(100.5px, -5292.29px); -o-transform: translate(100.5px, -5292.29px); transform: translate(100.5px, -5292.29px); }
#path-2-3-2 { position: absolute; bottom: 0; height: 59.5vw; left: 7.57vw; }
#path-2-3-2 path { -webkit-transform: translate(283.8px, -6390.5px); -moz-transform: translate(283.8px, -6390.5px); -ms-transform: translate(283.8px, -6390.5px); -o-transform: translate(283.8px, -6390.5px); transform: translate(283.8px, -6390.5px); }
#path-2-4-2 { position: absolute; top: 0; height: 20vw; left: 15.8vw; }
#path-2-4-2 path { -webkit-transform: translate(133.82px, -7532.22px); -moz-transform: translate(133.82px, -7532.22px); -ms-transform: translate(133.82px, -7532.22px); -o-transform: translate(133.82px, -7532.22px); transform: translate(133.82px, -7532.22px); }
#ellipse_1 { width: 2.5vw; position: absolute; top: 10vw; left: 52vw; }
#ellipse_2 { width: 2.5vw; position: absolute; bottom: 9vw; left: 46vw; }
#ellipse_3 { width: 2.5vw; position: absolute; top: 18vw; left: 28vw; }
#ellipse_4 { width: 5vh; position: inherit; bottom: 3vh; }
#ellipse_5 { width: 5vh; position: inherit; bottom: -4vh; opacity: 1; }
#ellipse_6 { width: 5vh; position: inherit; top: -1vh; left: inherit; }
#ellipse_7 { width: 5vh; position: inherit; top: 3vh; left: inherit; }
#ellipse_8 { width: 5vh; position: inherit; top: -1vh; left: inherit; }
#ellipse_9 { width: 5vh; position: inherit; top: 3vh; left: inherit; }
#ellipse_1 circle, #ellipse_2 circle, #ellipse_3 circle, #ellipse_4 circle, #ellipse_5 circle, #ellipse_6 circle, #ellipse_7 circle, #ellipse_8 circle, #ellipse_9 circle { -webkit-transform: translate(29px, 18px); -moz-transform: translate(29px, 18px); -ms-transform: translate(29px, 18px); -o-transform: translate(29px, 18px); transform: translate(29px, 18px); }
#ellipse_3 circle { -webkit-transform: translate(38px, 18px); -moz-transform: translate(38px, 18px); -ms-transform: translate(38px, 18px); -o-transform: translate(38px, 18px); transform: translate(38px, 18px); }
#ellipse_1, #ellipse_2, #ellipse_3, #ellipse_4, #ellipse_5, #ellipse_6, #ellipse_7, #ellipse_8, #ellipse_9, #Path_46-2, #Ellipse_2-2, #path-1-1-2, #path-1-2-1-2 { opacity: 0; -webkit-transition: opacity 0.5s ease; -moz-transition: opacity 0.5s ease; -ms-transition: opacity 0.5s ease; -o-transition: opacity 0.5s ease; transition: opacity 0.5s ease; }
#ellipse_4, #ellipse_5, #ellipse_6, #ellipse_7, #ellipse_8, #ellipse_9 { width: 0; }
#Path_22-2, #Path_10-2 { opacity: 1; -webkit-transition: opacity 0.5s ease; -moz-transition: opacity 0.5s ease; -ms-transition: opacity 0.5s ease; -o-transition: opacity 0.5s ease; transition: opacity 0.5s ease; }
#Ellipse_2-2-2-2 { width: 82px; height: 82px; }
.Chevron_Left { -webkit-transform: translate(770.142px, 1921px) rotate(180deg); -moz-transform: translate(770.142px, 1921px) rotate(180deg); -ms-transform: translate(770.142px, 1921px) rotate(180deg); -o-transform: translate(770.142px, 1921px) rotate(180deg); transform: translate(770.142px, 1921px) rotate(180deg); }
.Chevron_Right { -webkit-transform: transform:translate(-530.142px, -1831px); -moz-transform: transform:translate(-530.142px, -1831px); -ms-transform: transform:translate(-530.142px, -1831px); -o-transform: transform:translate(-530.142px, -1831px); transform: translate(-530.142px, -1831px); }
#Path_10-2 { -webkit-transform: translate(290.21px, -308.69px) rotate(90deg); -moz-transform: translate(290.21px, -308.69px) rotate(90deg); -ms-transform: translate(290.21px, -308.69px) rotate(90deg); -o-transform: translate(290.21px, -308.69px) rotate(90deg); transform: translate(290.21px, -308.69px) rotate(90deg); }
#Chevron2 { -webkit-transform: translate(2045.208px, -655.437px) rotate(90deg); -moz-transform: translate(2045.208px, -655.437px) rotate(90deg); -ms-transform: translate(2045.208px, -655.437px) rotate(90deg); -o-transform: translate(2045.208px, -655.437px) rotate(90deg); transform: translate(2045.208px, -655.437px) rotate(90deg); }
#Component_15_1 { -webkit-transform: translate(-106px, 5.53px); -moz-transform: translate(-106px, 5.53px); -ms-transform: translate(-106px, 5.53px); -o-transform: translate(-106px, 5.53px); transform: translate(-106px, 5.53px); }
#Path_46-2 { -webkit-transform: translate(221px, 388.95px) rotate(-90deg); -moz-transform: translate(221px, 388.95px) rotate(-90deg); -ms-transform: translate(221px, 388.95px) rotate(-90deg); -o-transform: translate(221px, 388.95px) rotate(-90deg); transform: translate(221px, 388.95px) rotate(-90deg); }
#Path_22-2 { -webkit-transform: translate(2131.93px, -658.53px) rotate(90deg); -moz-transform: translate(2131.93px, -658.53px) rotate(90deg); -ms-transform: translate(2131.93px, -658.53px) rotate(90deg); -o-transform: translate(2131.93px, -658.53px) rotate(90deg); transform: translate(2131.93px, -658.53px) rotate(90deg); }
#Ellipse_2-2 { -webkit-transform: translate(243.46px, 28.13px); -moz-transform: translate(243.46px, 28.13px); -ms-transform: translate(243.46px, 28.13px); -o-transform: translate(243.46px, 28.13px); transform: translate(243.46px, 28.13px); }
.content_out { opacity: 0; padding-top: 8vw; -webkit-transition: all 1s ease; -moz-transition: all 1s ease; -ms-transition: all 1s ease; -o-transition: all 1s ease; transition: all 1s ease; }
.content_in { opacity: 1; padding-top: 0vw; -webkit-transition: all 1s ease; -moz-transition: all 1s ease; -ms-transition: all 1s ease; -o-transition: all 1s ease; transition: all 1s ease; }
.play { margin: 0; position: fixed; z-index: 101; background-color: transparent; top: 0; right: 0; width: 0; }
.play > .play1 { height: 100vh; width: 0vw; background-color: #252F38; opacity: 0; position: absolute; top: 0; right: 0; }
.play > .play2 { position: absolute; opacity: 0; height: 100vh; width: 100vw; background: url("../img/Video.jpg") center; background-size: contain; background-repeat: no-repeat; background-color: #EAEAEA; }
.active > .play1 { animation: fadeInPlay 1s linear forwards; transition: all 1s ease; animation-delay: 1s; }
.active > .play2 { top: 0; right: 0; animation: fadeInPlay2 1s linear forwards; transition: all 1s ease; animation-delay: 2.5s; }
#close_play { position: fixed; top: 2vw; right: 3vw; width: 3vh; display: none; }
.active #close_play { display: block; }
.close > .play1 { height: 100vh; width: 100vw; opacity: 1; animation: fadeOutPlay 2s linear forwards; transition: all 1s ease; animation-delay: 2s; }
.close > .play2 { height: 100vh; width: 100vw; top: 0; right: 0; opacity: 1; animation: fadeOutPlay2 1s linear forwards; transition: all 1s ease; animation-delay: 0.5s; }
@keyframes fadeInNav {
  from { width: 0vw; opacity: 0; }
  50% { width: 100vw; opacity: 0; }
  to { width: 100vw; opacity: 1; }
}
@keyframes fadeOutNav {
  from { width: 100vw; opacity: 1; }
  50% { width: 100vw; opacity: 0; }
  to { width: 0vw; opacity: 0; }
}
@keyframes fadeInPlay {
  from { width: 0vw; opacity: 0; }
  to { width: 100vw; opacity: 1; }
}
@keyframes fadeInPlay2 {
  from { opacity: 0; }
  to { opacity: 1; }
}
@keyframes fadeOutPlay {
  from { width: 100vw; opacity: 1; }
  to { width: 0vw; opacity: 0; }
}
@keyframes fadeOutPlay2 {
  from { right: 0; opacity: 1; }
  to { right: auto; opacity: 0; }
}
.nav_menu_my { z-index: -1; opacity: 0; width: 0vw; top: 0; left: 0; height: 100vh; background: url("../img/bg_nav.jpg") center; background-size: cover; background-repeat: no-repeat; position: fixed; }
.nav_menu_my .logo-text { color: #fff; }
.nav_menu_my > div { padding: 0 5vw; }
.nav_menu_my.close { animation: fadeOutNav 1s linear forwards; transition: all 1s ease; }
.nav_menu_my.active { z-index: 101; position: fixed; animation: fadeInNav 1s linear forwards; transition: all 1s ease; }
.menu-menu-container { display: block !important; margin: 13vh 0 auto 0; list-style: none; }
.menu-menu-container > li { margin-bottom: 3vh; color: #fff !important; }
.menu-menu-container > li .visits >a:visite { color: #fff !important; }
.menu-menu-container > li > .items_nav_my { height: 9vh; width: auto; }
.nav-togle, .close_nav { margin: auto 0px auto auto; height: 42% !important; max-height: 32px !important; cursor: pointer !important; }
#pagination { position: absolute; top: 0; right: 0; height: 100%; width: 4vw; z-index: 90; }
#pagination svg { height: 100vh; top: 0; position: fixed; filter: contrast(0.4); width: auto; right: 1vw; }
#pagination .active-p { opacity: 0; }
.nav1_a .nav1 .active-p, .nav2_a .nav2 .active-p, .nav3_a .nav3 .active-p, .nav4_a .nav4 .active-p, .nav5_a .nav5 .active-p, .nav6_a .nav6 .active-p { opacity: 1 !important; }
.overl { overflow: hidden !important; }
#line_1, #line_3, #line_5, #line_7, #line_9, #line_2, #line_4, #line_6, #line_8 { opacity: 0; position: absolute; z-index: -1; height: 0; }
#line_1 line, #line_2 line, #line_4 line, #line_6 line, #line_8 line { -webkit-transform: translate(29px, 22px); -moz-transform: translate(29px, 22px); -ms-transform: translate(29px, 22px); -o-transform: translate(29px, 22px); transform: translate(29px, 22px); }
#line_3 line, #line_5 line, #line_7 line, #line_9 line { -webkit-transform: translate(29px, 1px); -moz-transform: translate(29px, 1px); -ms-transform: translate(29px, 1px); -o-transform: translate(29px, 1px); transform: translate(29px, 1px); }
.heading_b #Find_your_voice { transform: translate(0px, 0vw); animation: button_anim 6s linear infinite; transition: transform 1s ease; }
.heading_b #Find_your_story { transform: translate(0px, 0vw); animation: button_anim_s 6s linear infinite; transition: all 1s ease; }
.heading_b #Find_your_way { transform: translate(0px, 0vw); animation: button_anim_w 6s linear infinite; transition: all 1s ease; }
@keyframes button_anim {
  from { transform: translate(0px, 0vw); opacity: 1; }
  20% { transform: translate(0px, 0vw); opacity: 1; }
  33% { transform: translate(0px, -4vw); opacity: 1; }
  49% { transform: translate(0px, -4vw); opacity: 0; }
  50% { transform: translate(0px, 4vw); opacity: 0; }
  87% { transform: translate(0px, 4vw); opacity: 1; }
  to { transform: translate(0px, 0vw); opacity: 1; }
}
@keyframes button_anim_s {
  from { transform: translate(0px, 0vw); opacity: 1; }
  20% { transform: translate(0px, 0vw); opacity: 1; }
  33% { transform: translate(0px, -4vw); opacity: 1; }
  53% { transform: translate(0px, -4vw); opacity: 1; }
  66% { transform: translate(0px, -8vw); opacity: 1; }
  68% { transform: translate(0px, -8vw); opacity: 0; }
  to { transform: translate(0px, 0vw); opacity: 0; }
}
@keyframes button_anim_w {
  from { transform: translate(0px, 0vw); opacity: 0; }
  53% { transform: translate(0px, -4vw); opacity: 1; }
  66% { transform: translate(0px, -8vw); opacity: 1; }
  86% { transform: translate(0px, -8vw); opacity: 1; }
  99% { transform: translate(0px, -12vw); opacity: 1; }
  to { transform: translate(0px, -12vw); opacity: 0; }
}
.block.block4 .partners-list { padding: 0; }

@media (orientation:portrait) {
  h2 { font-size: 4vh; }
  p { font-size: 2.6vh; line-height: 3.6vh; }
  .svg-cursor { display: none; }
  .block { min-height: 100vh; text-align: center; height: 100%; }
  .old .block { min-height: auto; text-align: center; height: 100%; }
  #pagination { display: none; }
  .mobile { display: block !important; }
  .no_mobile { display: none !important; }
  .heading_block { text-align: center; }
  .heading_header { font-size: 4.8vh; font-weight: 400; margin: auto; margin-bottom: 0; margin-top: 20vh; width: 80%; }
  .v50 > .content2 h2 { margin: 3vh; }
  .my-botton { position: relative; right: auto; top: auto; width: 100%; height: 16vh; margin: 11vh 0 11vh; }
  .old .my-botton { position: relative; right: auto; top: auto; width: 100%; height: 16vh; margin: 11vh 0 11vh; }
  .old .block2 .content2 { margin-top: 9vh; }
  .my-botton > svg { position: inherit; width: 16vh; height: auto; margin: auto; }
  #bm, #bm1, #bm2 { bottom: 18vh; }
  .circle { position: absolute !important; transition: transform 1s ease; }
  .heading_b { position: relative; height: 3.6vh; overflow: hidden; margin-top: 2vh; float: none; }
  .heading_b > p { padding-bottom: 3vh; font-size: 3vh; line-height: 3.6vh; }
  .block2 .col-1 { margin-top: 0vw; }
  .heading_b #Find_your_voice { transform: translate(0px, 0vw); animation: button_anim 6s linear infinite; transition: transform 1s ease; }
  .heading_b #Find_your_story { transform: translate(0px, 0vh); animation: button_anim_s 6s linear infinite; transition: all 1s ease; }
  .heading_b #Find_your_way { transform: translate(0px, 0vh); animation: button_anim_w 6s linear infinite; transition: all 1s ease; }
  @keyframes button_anim {
    from { transform: translate(0px, 0vh); opacity: 1; }
    20% { transform: translate(0px, 0vh); opacity: 1; }
    33% { transform: translate(0px, -6vh); opacity: 1; }
    49% { transform: translate(0px, -6vh); opacity: 0; }
    50% { transform: translate(0px, 6vh); opacity: 0; }
    87% { transform: translate(0px, 6vh); opacity: 1; }
    to { transform: translate(0px, 0vh); opacity: 1; }
  }
  @keyframes button_anim_s {
    from { transform: translate(0px, 0vh); opacity: 1; }
    20% { transform: translate(0px, 0vh); opacity: 1; }
    33% { transform: translate(0px, -6vh); opacity: 1; }
    53% { transform: translate(0px, -6vh); opacity: 1; }
    66% { transform: translate(0px, -13vh); opacity: 1; }
    68% { transform: translate(0px, -13vh); opacity: 0; }
    to { transform: translate(0px, 0vh); opacity: 0; }
  }
  @keyframes button_anim_w {
    from { transform: translate(0px, 0vh); opacity: 0; }
    53% { transform: translate(0px, -6vh); opacity: 1; }
    66% { transform: translate(0px, -13vh); opacity: 1; }
    86% { transform: translate(0px, -13vh); opacity: 1; }
    99% { transform: translate(0px, -19vh); opacity: 1; }
    to { transform: translate(0px, -19vh); opacity: 0; }
  }
  .block.block4 .partners-list li img { height: auto !important; margin: auto !important; }
  .button { width: 25vh; margin-top: 3vh; position: inherit; z-index: 100; height: auto; }
  .block1 { height: 80vh; min-height: 80vh; }
  .old .block1 { height: 80vh; min-height: 97vh; }
  .block1 .button { margin-left: 14vh; }
  .v50 { display: block !important; text-align: center; }
  .v50 > .col-1 { width: 100% }
  .block2 .mobile { height: 50vh; }
	.old .block2 .col-1.mobile { display: flex !important; align-items: center; justify-content: center !important; }
	.old .block2 .col-1.mobile img { height: auto; position: relative; z-index: 1; background-color: #fff; }
  .block2 img { width: auto; height: 100%; margin-left: -8%; }
  .block3 h2 { margin: 11vh auto; width: 100%; text-align: center; }
  .block4 .v50 .col-1 { display: flex; height: auto; }
  .block4 .v50 .col-1 div { margin: auto auto 4vh; height: 40vh; }
  .block4 .v50 .col-1 img { margin: 2vh auto 4vh; height: 30% !important; }
  .block .block5 { width: 100%; position: sticky; margin: auto; }
  #slider .swiper-slide > p { font-size: 2.6vh; line-height: 3.6vh; text-align: center; }
  .coment_b { width: 60%; display: block; margin: auto; margin-top: 4vh; text-align: center; }
  .coment_b > div { float: none; width: 100%; padding-right: 0; text-align: center; }
  .coment_b > div > p { font-size: 2vh; margin-top: 0; font-weight: 600; }
  .coment_b > img { margin: auto; width: 10vh; height: auto; display: block; }
  .coments_b { height: auto; margin: auto auto; width: 15vh; }
  .footer > div > #footer_blok { width: 100%; margin: auto auto; text-align: center; padding-top: 0; }
  .menu-footer-container { display: block; margin: auto; }
  .menu-footer-container a { font-size: 3vh; }
  .footer-menu-left { text-align: center; margin-bottom: 2vh; }
  .footer .f1 { font-size: 2vh; line-height: 1.6; width: 80%; margin: auto; }
  .footer .f2 { width: 100%; float: none; font-size: 2vh; text-align: center; }
  .footer .f2+.f2 { text-align: center; }
  .menu-footer-container { padding: 2.9vh 0 2vh; }
  .menu-footer-container li:hover svg { width: 4vh; height: 0.2vh; transition: width 0.5s ease; }
  .menu-footer-container svg { width: 4vh; height: 0.2vh; transition: width 0.5s ease; }
  .footer_b { position: inherit; display: block; bottom: 0; width: 100%; text-align: center; margin-top: 10vh; }
  .footer_b > p { font-size: 1.6vh; width: auto; opacity: 0.35; margin: 0.6vh auto 0vh !important; }
  .menu-menu-container a { font-size: 4vh; }
  .nav_menu_my .footer_b { display: block; }
  .menu-menu-container .footer-menu-left { text-align: left; margin-bottom: 2vh; }
  .menu-menu-container li:hover svg { width: 3vh; height: 0.2vh; transition: width 0.5s ease; }
  .menu-menu-container svg { width: 3vh; height: 0.2vh; transition: width 0.5s ease; }
  .nav_menu_my .footer_b { text-align: left; }
  .mflex { display: block !important; }
  .svg-global { opacity: 0 !important; z-index: -1; }
  #line_1 { position: inherit; height: 62vh; margin: auto; width: 100%; }
  #line_2, #line_4, #line_6, #line_8 { position: inherit; height: 14vh; bottom: -6px; margin: auto; width: 100%; }
  #line_1 line, #line_2 line, #line_4 line, #line_6 line, #line_8 line { -webkit-transform: translate(29px, 22px); -moz-transform: translate(29px, 22px); -ms-transform: translate(29px, 22px); -o-transform: translate(29px, 22px); transform: translate(29px, 22px); }
  #line_3, #line_5, #line_7, #line_9 { position: inherit; height: 14vh; margin: auto; width: 100%; }
  #line_3 line, #line_5 line, #line_7 line, #line_9 line { -webkit-transform: translate(29px, 1px); -moz-transform: translate(29px, 1px); -ms-transform: translate(29px, 1px); -o-transform: translate(29px, 1px); transform: translate(29px, 1px); }
  .coments_b.mobile { width: 7vh; float: left; }
  #ellipse_1 { width: 5vh; position: inherit; top: -1vh; left: inherit; }
  #ellipse_2 { width: 5vh; position: inherit; top: 3vh; left: inherit; }
  #ellipse_3 { width: 5vh; position: inherit; top: -1vh; left: inherit; }
  #wrapper { margin: 4vh auto; }
  #ellipse_4, #ellipse_5, #ellipse_6, #ellipse_7, #ellipse_8, #ellipse_9 { width: 5vh; }
  #line_3, #line_5, #line_7, #line_9, #line_2, #line_4, #line_6, #line_8 { opacity: 1; z-index: 1; }
}
@media(max-width: 991px) {
  #slider ~ .swiper-arrows { bottom: 5px; }
  .block .block5 { width: 80%; }
}
@media(max-width: 767px) {
  #slider ~ .swiper-arrows { position: static; justify-content: center; }
  #slider .swiper-slide .coment_b > div.brand-logo { margin: 0 auto; }
  #slider .swiper-slide .coment_b { padding: 0; }
  #slider .swiper-slide .coment_b > div.brand-logo:after { opacity: 0; }
	.block .block5 #wrapper { margin: 0; }
}

.video-wrapper .video-outer.only-image-section .play-btn{
	display: none;
}
.video-wrapper .video-outer.only-image-section:before{
	display: none;
}