[data-vertical-spacing*=top] {
  padding-top: 0 !important
}
[data-vertical-spacing*=bottom] {
  padding-bottom: 0 !important
}
.woocommerce-js #main-container {
  top: -60px
}
.home #main-container {
  top: 0px
}


.white-link a{
color: white!important;
}
.white-link p {
color: white!important;
}


.wrapper {
  position: sticky;
  top: 0;
  left: 0;
  display: flex;
  justify-content: space-around;
  align-items: center;
  width: 100%;
  min-height: 100vh;
  background-color: #eaeaea
}
.box {
  width: 10vw;
  height: 10vw;
  background-color: #0000FF
}
.box2 {
  width: 10vw;
  height: 10vw;
  background-color: #0000FF
}
.arrow-cursor-up{
  display: none;
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  margin: auto;
  width: 100vw;
  height: 20vh;
  z-index: 3;
  mix-blend-mode: exclusion
}
.curserdown3{
  opacity: 1 !important;
  bottom: unset !important;
  transition: all 0.5s ease-in-out;
  width: 100px;
  left: 0;
  right: 0;
  margin: auto;
  top: 45px;
  rotate: 180deg
}
.arrow-cursor{
  position: fixed;
  bottom: 0;
  left: 0;
  right: 0;
  margin: auto;
  width: 100vw;
  height: 20vh;
  z-index: 3;
  mix-blend-mode: exclusion;
  display: none
}

.start-logo{
  width:100%;
}


.home .arrow-cursor{
  display: block
}
.curserdown2{
  opacity: 1 !important;
  bottom: 40px !important;
  transition: all 0.5s ease-in-out;
  width: 100px;
  left: 0;
  right: 0;
  margin: auto
}
.arrow-cursor:hover .curserdown2{
  opacity: 1 !important;
  transition: all 0.5s ease-in-out
}
.white a{
  color: #FFFFFF;
  font-size: 12px;
  text-align: center;
  text-transform: uppercase
}
.white a:hover{
  color: #FFFFFF
}
.entry-content p>a{
  text-decoration: none
}
.the-menu a{
  color: #FFFFFF !important
}
.the-menu a:hover{
  color: #1f99d6 !important
}
@keyframes FadeitIn {
  0% {
  -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)";
  filter: alpha(opacity=0);
  opacity: 0;
  -webkit-transform: translate3d(0,-20px,0);
  -ms-transform: translate3d(0,-20px,0);
  transform: translate3d(0,-20px,0)
}
  100% {
  -ms-filter: none;
  filter: none;
  opacity: 1;
  -webkit-transform: none;
  -ms-transform: none;
  transform: none
}
}
.open .stk-7ce5d42-inner-blocks .wp-block-stackable-text{
  animation: FadeitIn 0.8s linear;
  animation-fill-mode: both
}
.open .stk-7ce5d42-inner-blocks .wp-block-stackable-text:nth-child(1) {
  animation-delay: .3s
}
.open .stk-7ce5d42-inner-blocks .wp-block-stackable-text:nth-child(2) {
  animation-delay: 0.4s
}
.open .stk-7ce5d42-inner-blocks .wp-block-stackable-text:nth-child(3) {
  animation-delay: 0.5s
}
.open .stk-7ce5d42-inner-blocks .wp-block-stackable-text:nth-child(4) {
  animation-delay: 0.6s
}
.open .stk-7ce5d42-inner-blocks .wp-block-stackable-text:nth-child(5) {
  animation-delay: 0.7s
}
#fp-nav.fp-right,#fp-nav.fp-left {
  mix-blend-mode: exclusion
}
#fp-nav ul li a span, .fp-slidesNav ul li a span {
  background: #fff !important
}
.clip-text {
  
}
.clip-text a {
  transition: all 0.5s ease-in-out
}
html {
  -webkit-text-size-adjust: 100%;
  -webkit-tap-highlight-color: rgba(0,0,0,0);
  scroll-behavior: auto !important
}



.stk-block-background:not(.stk--no-padding) {
  padding: 0 !important
}



.loader {
  position: fixed;
  width: 100vw;
  height: 100vh;
  pointer-events: none;
  background-color: #282828;
  z-index: 99999999;
  opacity: 1
}
.contain img{
  object-fit: contain
}
.noscroll{
  overflow: hidden !important
}
.tel-phone {
  color: #FFFFFF !important
}
.link-show-mail {
  width: 80% !important
}
.link-show-mail a{
  color: #FFFFFF !important;
  text-decoration: none !important
}
.link-show-tel a{
  color: #FFFFFF !important;
  text-decoration: none !important
}
.pic-fill-left .stk-block-image {
  margin-left: -90px
}
.pic-fill-right .stk-block-image {
  margin-right: -90px
}

.header {
  position: fixed;
  z-index: 99;
  width: 100%;
  mix-blend-mode: exclusion
}
.footer-menu{
  z-index: 9;
  position: fixed;
  height: 100vh;
  width: 100%;
  position: fixed;
  top: calc(-100% - 150px);
  height: 100vh;
  overflow: hidden;
  overflow-y: auto;
  -webkit-transition: top 0.2s ease-in-out;
  transition: top 0.2s ease-in-out;
   padding-top: env(safe-area-inset-top);
    padding-bottom: env(safe-area-inset-bottom);
}
.footer-menu.open{
  top: 0;
  -webkit-transition: top 0.8s ease-in-out;
  transition: top 0.8s ease-in-out
}
.menu-page{
  position: absolute;
  left: 0;
  width: 100vw;
  top: 0
}
.nowopen{
  transform: rotate(8deg);
  transform-origin: 35px -10px;
  position: absolute;
  
  
  top: 83px
}
:is(.stk-d8dbde1, .stk-c432bae) .stk-block-text__text {
  font-size: 17px
}
.stk-3f14220-column{
  mix-blend-mode: exclusion
}





.page-template-normal-page #main {
    padding-top: 200px !important;
    background-color: #F1F1F1;
}

.page-id-1554  #main {
    padding-top: 0px !important;
    background-color: #F1F1F1;
}
@media only screen and (max-width: 900px) {

.page-template-normal-page #main {
    padding-top: 100px !important;
    background-color: #F1F1F1;
}

}

/*.z-index{
  z-index: 99;
}*/

.just-mob{
  display: block
}
.just-desk{
  display: none
}
.ct-header, .ct-footer{
  position: fixed !important;
  width: 100%
}
.startvideo {
  height: 100vh;
  width: 100vw !important;
  overflow: hidden;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 2
}
#okvideo {
  height: 100vh;
  width: 100vw;
  object-fit: cover;
  object-position: top
}
.fulliwidth{
  width: 100%
}
.bgp_50{
  background-position: 60vw;
  background-size: contain
}
.bgp_49{
  background-position: 49vw;
  background-size: contain
}
.cover{
  background-size: cover !important
}
.agl-canvas-wrapper{
  display: none
}
.stk-img-wrapper.stk-img--shape img, .stk-img-wrapper.stk-img--shape:after, .stk-img-wrapper.stk-img--shape:before {
  
}

.fp-controlArrow{
  top: calc(50vh - 15px) !important
}
.goverlay {
  background: #292929 !important
}
.fp-scrollable .fp-section, .fp-scrollable .fp-slide, .fp-scrollable.fp-responsive .fp-is-overflow.fp-section ,.footer-menu{
  overflow: hidden !important
}
.fp-section {
  overflow: hidden !important
}
*::-webkit-media-controls-panel {
  display: none !important;
  -webkit-appearance: none !important
}

*::-webkit-media-controls-play-button {
  display: none !important;
  -webkit-appearance: none !important
}


*::-webkit-media-controls-start-playback-button {
  display: none !important;
  -webkit-appearance: none !important
}
.dynamic-menu .tribar-close:after , .page-id-2004 .tribar-close:after ,.page-id-2020 .tribar-close:after{
  content: 'close';
  position: absolute;
  color: #fff;
  width: 50px;
  height: 20px;
  font-size: 10px;
  top: 52px;
  right: -14px;
  
  letter-spacing: 0.4px;
  -webkit-transition: all 0.25s ease;
  transition: all 0.25s ease
}
.gclose, .gnext, .gprev {
  mix-blend-mode: exclusion
}
@media only screen and (min-width: 600px) {
  .stk-block .stk-block.alignwide, .stk-block:is(.aligncenter,.alignwide,.alignfull)>.stk-content-align.alignwide {
  margin-left: auto;
  margin-right: auto;
  max-width: calc(100vw - 20px);
  width: 100%
  }
  .stk-0addc9f{
  width: 700px
  }
}
@media only screen and (min-width: 1024px) {
  .stk-block .stk-block.alignwide, .stk-block:is(.aligncenter,.alignwide,.alignfull)>.stk-content-align.alignwide {
  margin-left: auto;
  margin-right: auto;
  max-width: calc(100vw - 25px);
  width: 100%
  }
  .stk-0addc9f{
  width: 700px
  }
}
@media only screen and (min-width: 1280px) {
  .stk-block .stk-block.alignwide, .stk-block:is(.aligncenter,.alignwide,.alignfull)>.stk-content-align.alignwide {
  margin-left: auto;
  margin-right: auto;
  max-width: calc(100vw - 170px);
  width: 100%
  }
  .stk-0addc9f{
  width: 700px
  }
}
@media only screen and (min-width: 1670px) {
  .link-show-mail a{
  color: #FFFFFF !important;
  text-decoration: none !important;
  width: 80%;
  display: block
  }
}
.opentime{
  width: 70px;
  height: 50px;
  border: 1px solid white;
  border-radius: 4px
}
.openband{
  margin: auto;
  width: 20px;
  height: 20px;
  border-style: solid;
  border-width: 1px 1px 0 0;
  border-color: #FFFFFF;
  transform: rotate(315deg);
  top: -11px;
  position: relative
}
.opentext{
  font-size: 13px;
  font-weight: 700;
  font-style: italic;
  text-transform: uppercase;
  top: -8px;
  position: relative;
  text-align: center;
  line-height: 1
}
.right-left {
  animation-name:right-left;
  animation-duration: 6s ;
  animation-fill-mode: both;
  animation-iteration-count: infinite;
  transition-timing-function: ease-in-out
}
@keyframes right-left {
  0% {
  transform: rotate(8deg)
  }
  50% {
  transform: rotate(-8deg)
  }
  100% {
  transform: rotate(8deg)
  }
}
.closed{
  top: -15px
}
.wp-block-table td, .wp-block-table th {
  padding: 0
}
.up-down {
  -webkit-animation: up-down 3s cubic-bezier(0.455, 0.03, 0.515, 0.955) infinite;
  animation: up-down 3s cubic-bezier(0.455, 0.03, 0.515, 0.955) infinite
}
@keyframes up-down {
  0% {
  bottom: 50px
  }
  50% {
  bottom: 70px
  }
  100% {
  bottom: 50px
  }
}
.cursordown {
  position: absolute;
  
  left: 0;
  right: 0;
  
  z-index: 9999999;
  cursor: pointer;
  mix-blend-mode: exclusion
}
.cursor-down {
  top: 0;
  left: 0;
  margin: auto;
  width: 30px;
  height: 30px;
  border-style: solid;
  border-width: 5px 5px 0 0;
  border-color: #FFFFFF;
  transform: rotate(135deg)
}
.glightbox-clean .gslide-media {
  box-shadow: 0px 0px 0px 0 #000000a6 !important
}
.stk-2948004-column , .stk-4ef81cc-column,.stk-414e3a4-column,.stk-37db603-column,.stk-4f2b8bb-column{
  mix-blend-mode: multiply
}
.overhidden{
  overflow: hidden !important
}
.rainbow-text {
  background-image: linear-gradient(137deg, #40E0D0 0%, #ff8c00e0 80%, #ff0080 100%);
  background-image: linear-gradient(90deg, #00C0FF 0%, #FFCF00 49%, #FC4F4F 80%, #00C0FF 100%);
  background-image: linear-gradient(90deg, rgb(74, 234, 220) 0%, rgb(151, 120, 209) 20%, rgb(207, 42, 186) 40%, rgb(238, 44, 130) 60%, rgb(251, 105, 98) 80%, rgb(254, 248, 76) 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  animation: slidebg 50s linear infinite
}
.links{
  background-image: linear-gradient(90deg, #00C0FF 0%, #FFCF00 49%, #FC4F4F 80%, #00C0FF 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  font-size: 12px
}
.rainbow-button {
  margin: 10px;
  width: calc(200px + 6px);
  height: calc(50px + 6px);
  background-image: linear-gradient(90deg, #00C0FF 0%, #FFCF00 49%, #FC4F4F 80%, #00C0FF 100%);
  border-radius: 5px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 30px;
  animation: slidebg 8s linear infinite;
  cursor: pointer
}
.rainbow-button:after {
  content: attr(alt);
  width: 200px;
  height: 50px;
  background-color: #343434;
  display: flex;
  align-items: center;
  justify-content: center
}
.rainbow-button:hover {
  animation: slidebg 2s linear infinite
}
@keyframes slidebg {
  to {
  background-position: 500px
  }
}
.stk--block-horizontal-flex .stk-block {
  width: inherit
}
.logos .stk-img-wrapper img {
  
}
.fp-arrow.fp-prev {
  margin: auto;
  width: 30px;
  height: 30px;
  border-style: solid;
  border-width: 5px 5px 0 0 !important;
  border-color: #FFFFFF !important;
  transform: rotate(225deg);
  mix-blend-mode: exclusion
}
.stk-dd91feb {
  max-width: 300px !important;
  float:right;
  text-align:left;
  position: relative
  
}
.fp-arrow.fp-next{
  margin: auto;
  width: 30px;
  height: 30px;
  border-style: solid;
  border-width: 5px 5px 0 0 !important;
  border-color: #FFFFFF !important;
  transform: rotate(45deg);
  mix-blend-mode: exclusion
}
.stk-e9a311a{
  filter: contrast(1.2) sepia(0.05) saturate(0.9)
}
.stk-25b45c1{
  filter: contrast(1.2) sepia(0.05) saturate(0.9)
}
.tribar-btn a.tribar-close .mobile-icon {
  visibility: hidden
}
.tribar-btn {
  top: 23px;
  width: 55px;
  z-index: 99;
  position: relative;
  
  position: fixed;
  mix-blend-mode: exclusion;
  left: calc((100vw - 84px));
  z-index: 99
}
.page-id-2004 .tribar-btn,.page-id-2020 .tribar-btn{
  top: 18px
}
.close-btn {
  position: absolute;
  top: 0;
  left: 0;
  height: 55px;
  width: 55px;
  z-index: 100
}
.tribar-btn a {
  left: 0;
  float:left;
  line-height: 0;
  font-size: 0;
  cursor: pointer;
  padding: 0 55px 0 0;
  box-sizing: content-box;
  height: 55px;
  -webkit-transition: all 0.25s cubic-bezier(0.55, 0.085, 0.68, 0.53);
  transition: all 0.25s cubic-bezier(0.55, 0.085, 0.68, 0.53);
  border-bottom: 0 solid #fff
}

/*
.popupon .tribar-btn a{
  background: #030303;
}
*/


.tribar-btn a.tribar-close .mobile-icon,.tribar-btn a.tribar-open .mobile-icon {
  position: absolute;
  width: 36px;
  height: 2px;
  margin-top: 26px;
  background: #fff;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  right: 0px
}
.tribar-btn a.tribar-close .mobile-icon {
  position: absolute;
  width: 36px;
  height: 2px;
  margin-top: 26px;
  background: #fff;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  right: -3px
}
.tribar-btn a.tribar-close .mobile-icon:after,.tribar-btn a.tribar-close .mobile-icon:before,.tribar-btn a.tribar-open .mobile-icon:after,.tribar-btn a.tribar-open .mobile-icon:before {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  width: 100%;
  height: 100%;
  background-color: inherit;
  -webkit-transform: translateZ(0);
  -ms-transform: translateZ(0);
  transform: translateZ(0);
  -webkit-backface-visibility: hidden;
  -ms-backface-visibility: hidden;
  backface-visibility: hidden;
  -webkit-transition: all 0.25s ease;
  transition: all 0.25s ease;
  height: 2px
}
.tribar-btn a.tribar-open .mobile-icon::after {
  -webkit-transform: translateY(9px);
  -ms-transform: translateY(9px);
  transform: translateY(9px)
}
.tribar-btn a.tribar-open .mobile-icon::before {
  
  -ms-transform: translateY(-9px);
  transform: translateY(-9px)
  
}
.tribar-btn a.tribar-open:hover .mobile-icon::before {
  -webkit-transform: translateY(-11px);
  -ms-transform: translateY(-11px);
  transform: translateY(-11px)
}
.tribar-btn a.tribar-open:hover .mobile-icon::after {
  -webkit-transform: translateY(11px);
  -ms-transform: translateY(11px);
  transform: translateY(11px)
}
.tribar-btn a.tribar-close .mobile-icon::before {
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
  visibility: visible
}
.tribar-btn a.tribar-close .mobile-icon::after {
  -webkit-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  transform: rotate(-45deg);
  visibility: visible
}
.tribar-open:after {
  content: 'menü';
  position: absolute;
  color: #fff;
  width: 50px;
  height: 20px;
  font-size: 11px;
  top: 49px;
  right: -14px;
  
  letter-spacing: 3px;
  -webkit-transition: all 0.25s ease;
  transition: all 0.25s ease
}
.tribar-open:hover:after {
  top: 52px;
  -webkit-transition: all 0.25s ease;
  transition: all 0.25s ease
}
@media only screen and (max-width: 1024px) {
/*  .tribar-btn {
  left: calc((100vw - 120px))
  }*/

.terminbnt{

  left: calc(100vw - 83px)!important
}
.terminbnt1{

  left: calc(100vw - 97px)!important
}



}
@media only screen and (min-width: 1280px) {
  .tribar-btn a.tribar-close .mobile-icon,.tribar-btn a.tribar-open .mobile-icon {
  position: absolute;
  width: 40px;
  height: 2px;
  margin-top: 26px;
  background: #fff;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  right: 0px
  }
  .tribar-btn {
  top: 20x;
  width: 55px;
  z-index: 99;
  position: relative;
  
  position: fixed;
  mix-blend-mode: exclusion;
  left: calc((100vw - 160px));
  z-index: 99
  }
  .tribar-open:after {
  content: 'menü';
  position: absolute;
  color: #fff;
  width: 50px;
  height: 20px;
  font-size: 13.1px;
  top: 49px;
  right: -9.5px;
  
  letter-spacing: 3px;
  -webkit-transition: all 0.25s ease;
  transition: all 0.25s ease
  
  }
}
@media only screen and (max-width: 1279px) {
  .page-id-2004 .tribar-close:after,.page-id-2020 .tribar-close:after {
  content: 'close';
  position: absolute;
  color: #fff;
  width: 50px;
  height: 20px;
  font-size: 9px;
  top: 48px;
  right: -19.5px;
  
  letter-spacing: 0.5px;
  -webkit-transition: all 0.25s ease;
  transition: all 0.25s ease
  }
  .mob-h-pos-1 {
  left: -50px;
  width: 120%
  }
  .mob-h-pos-2 {
  left: 5px
  }
  .mob-h-pos-3 {
  left: 15px
  }
  .mob-h-pos-4 {
  left: 80px;
  top: -0px;
  width: 100%
  }
  .mob-h-pos-4 img{
  object-position: -151px
  }
  .bgp_50{
  background-position: 60vw;
  background-size: cover;
  background-position: -200px
  }
  .bgp_49{
  background-position: 49vw;
  background-size: cover;
  background-position: -120px
  }
  .mob-h-pos-hel-1{
  left: 0;
  top: 0;
  width: 110%
}
  .mob-h-pos-hel-2{
  left: 0;
  top: 0;
  width: 100%
}
  .mob-h-pos-hel-3{
  left: 0;
  top: 0;
  width: 100%
}
  .mob-h-pos-hel-4{
  left: 0;
  top: 0;
  width: 108%
}








}


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

.termin-bnt-ok .rainbow-text {
    -webkit-background-clip:  unset;
    -webkit-text-fill-color: unset;
    animation: none!important;
    background-image: none;
    color: white;
   
}

}


@media only screen and (max-height: 430px) and (max-width: 900px) {
  .footer-menu{
  top: -200vh
  }
  .tribar-btn{
  display: none
  }
  .stk-c6c3503-inner-blocks{
  top: 50px
  }
}
@media only screen and (min-width: 500px) and (max-width: 1023px) {
  .stk-b4402bc{
  left: -20px
  }
  .stk-c6c3503-container{
  padding: 0 !important;
  margin: 0 !important
  }
  .wp-block-stackable-columns.alignfull>.stk-row:not(.alignfull) {
  width: calc(100% - 55px) !important
  }
  :is(.stk-d8dbde1, .stk-c432bae) .stk-block-text__text {
  font-size: 17px !important
  }
  :is(.stk-21d8b5b, .stk-b23a8ad, .stk-aedf2d1, .stk-40d22eb) .stk-block-text__text {
  font-size: 15px !important
  }
  .stk-be4d6f5 .stk-block-text__text {
  font-size: 30px !important
  }
  .stk-c8d8c3a .stk-block-text__text,.stk-7e7da2e .stk-block-text__text, .stk-a892932 .stk-block-text__text, .stk-ba30f8f .stk-block-text__text, .stk-05de0af .stk-block-text__text {
  font-size: 30px !important
  }
  .mob-h-pos-4 {
  left: 238px;
  top: -273px;
  width: 52%;
  overflow: visible !important
  }
  .mob-h-pos-3 {
  left: -493px;
  top: 237px;
  width: 78% !important
  }
  .mob-h-pos-2{
  opacity: 0
  }
}
@media only screen and (max-width: 500px) {

html, body {
  background: #F1F1F1!important; 

}

.page-id-3187 .header .wp-block-stackable-image, .page-id-3196 .header .wp-block-stackable-image{
   width: 222px;
    left: 0px !important;
  }




.bgmenuu{
  background-color: #292929;
  background-image: linear-gradient(319deg, rgb(74, 234, 220) 0%, rgb(151, 120, 209) 20%, rgb(207, 42, 186) 40%, rgb(238, 44, 130) 60%, rgb(251, 105, 98) 80%, rgb(254, 248, 76) 100%) !important;
  background-image: linear-gradient(to right, #fa709a 0%, #fee140 100%) !important;
  
  width: calc(100vw + 0px)!important;
  margin-left: 0!important;
  top: 0;
  left: 0;
  margin-right: 0!important;
  padding-right: 0!important;
  padding-left: 0!important
}



  .bg-slide1{
  content: " ";
  
  width: calc(100% + 0px);
  height: 100vh;
  left: 0;
  margin-left: 0px;
  
  margin-top: 0px;
  padding: 0px
}



.os-android .stk-1a980ee{
      mix-blend-mode: unset!important;
}




    .terminbnt, .terminbnt1 {

        mix-blend-mode: exclusion;
    }

.termin-bnt-ok .rainbow-text {
    -webkit-background-clip:  unset;
    -webkit-text-fill-color: unset;
    animation: none;
    background-image: none;
    color: white;
   
}


.cursordown {
    padding-bottom: 80px;
}

.start-logo{
  top:  -30px;
}

/*.pic-fill-left .stk-block-image {
  margin-left: 0px
}
.pic-fill-right .stk-block-image {
  margin-right: 0px
}*/





.mail-width-mob{
    width: 60vw;
    position: relative;
    display: block;
}
/*.termin-bnt-yes{
  display: none;
}*/

.maske {
    mask-size: 75%!important;
    width: 100%!important;
}
/*.maskbg {
    height: 52px!important;
}*/
.white-link a{
color: white!important;
}
.white-link p {
color: white!important;
}
.stk-g5ctqv6,.stk-aopk4ns{
  padding-left: 12px;
  padding-right: 12px;
}


.stk-g5ctqv6 br {
  display: none;
}

.stk-aopk4ns br {
  display: none;
}

  .link-show-mail {
  width: 85% !important
  }
  .stk-5c17802-container {
  margin-top: 0px !important;
  margin-left: 16px !important
  }
  .stk-3f6dc4c-container{
  margin-left: 10px !important
  }
  .page-id-2004 .header{
  position: absolute !important
  }
  .page-id-2020 .header{
  position: absolute !important
  }
  .link-show-mail a{
  color: #FFFFFF !important;
  text-decoration: none !important;
  width: 100%;
  display: block
  }
  .page-id-2004 .tribar-close:after,.page-id-2020 .tribar-close:after,.dynamic-menu .tribar-close:after {
  content: 'close';
  position: absolute;
  color: #fff;
  width: 50px;
  height: 20px;
  font-size: 9px;
  top: 48px;
  right: -19.5px;
  
  letter-spacing: 0.5px;
  -webkit-transition: all 0.25s ease;
  transition: all 0.25s ease
  }
  .stk-e73d961,.stk-f072d74,.stk-708311b{
  display: none
  }
  .sild-pos-mob-1{
  left: -93px;
  top: -30px
  }
  .contain img{
  object-fit: contain !important
  }
  .mob-h-pos-1 {
  left: -128px;
  top: 25px;
  width: 70%
  }
  .mob-h-pos-2 {
  left: -59px;
  top: 373px;
  width: 31% !important;
  opacity: 0
  }
  .mob-h-pos-3 {
  left: -200px;
  top: 354px;
  width: 47% !important
  }
  .mob-h-pos-4 {
  left: 4px;
  top: auto;
  bottom: 119px;
  width: 64%
  }
  .mob-h-pos-4 img{
  object-position: 0
  }
  .overhidden {
  overflow: visible !important
  }
  .mob-h-pos-rudy-1{
  left: 0;
  top: 0;
  width: 110%
}
  .mob-h-pos-rudy-2{
  left: 69px;
  top: -69px;
  width: 55%
  }
  .mob-h-pos-hel-1{
  left: 0;
  top: 0;
  width: 50%
}
  .mob-h-pos-hel-2{
  left: 100px;
  top: -110px;
  width: 66%
  }
  .mob-h-pos-hel-3{
  left: -35px;
  top: 227px;
  width: 59%
  }
  .mob-h-pos-hel-4{
  left: 104px;
  top: -38px;
  width: 70%
  }
  .tribar-btn {
  position: fixed;
  top: 19px;
  right: 20px;
  height: 55px;
  width: 55px;
  z-index: 99
  }
  .tribar-btn a.tribar-open .mobile-icon::after {
  -webkit-transform: translateY(6.5px);
  -ms-transform: translateY(6.5px);
  transform: translateY(6.5px)
  }
  .tribar-btn a.tribar-open .mobile-icon::before {
  -webkit-transform: translateY(-6.5px);
  -ms-transform: translateY(-6.5px);
  transform: translateY(-6.5px)
  }
  .tribar-btn a.tribar-open:hover .mobile-icon::before {
  -webkit-transform: translateY(-8px);
  -ms-transform: translateY(-8px);
  transform: translateY(-8px)
  }
  .tribar-btn a.tribar-open:hover .mobile-icon::after {
  -webkit-transform: translateY(8px);
  -ms-transform: translateY(8px);
  transform: translateY(8px)
  }
  .tribar-open:after {
  content: 'menü';
  position: absolute;
  color: #fff;
  width: 50px;
  height: 20px;
  font-size: 11px;
  top: 42px;
  right: -14px;
  
  letter-spacing: 3px;
  -webkit-transition: all 0.25s ease;
  transition: all 0.25s ease
  }
  .tribar-open:hover:after {
  top: 45px;
  -webkit-transition: all 0.25s ease;
  transition: all 0.25s ease
  }
  .logo-pos .img-out {
  width: 225px
  }


.mob-pic-fill-left .stk-block-image {
  margin-left: 0px
}
.mob-pic-fill-right .stk-block-image {
  margin-right: 0px
}




}
@media only screen and (min-width: 500px) and (max-width: 1023px) {
  .stk-b4402bc{
  left: -20px
  }
  .stk-c6c3503-container{
  padding: 0 !important;
  margin: 0 !important
  }
  .wp-block-stackable-columns.alignfull>.stk-row:not(.alignfull) {
  width: calc(100% - 30px) !important
  }
  :is(.stk-d8dbde1, .stk-c432bae) .stk-block-text__text {
  font-size: 17px !important
  }
  :is(.stk-21d8b5b, .stk-b23a8ad, .stk-aedf2d1, .stk-40d22eb) .stk-block-text__text {
  font-size: 15px !important
  }
  .stk-be4d6f5 .stk-block-text__text {
  font-size: 30px !important
  }
  .stk-c8d8c3a .stk-block-text__text,.stk-7e7da2e .stk-block-text__text, .stk-a892932 .stk-block-text__text, .stk-ba30f8f .stk-block-text__text, .stk-05de0af .stk-block-text__text {
  font-size: 30px !important
  }
}
@media only screen and (max-height: 600px) and (max-width: 900px) {
  .stk-b4402bc img{
  width: 56% !important;
  left: 5px;
  position: relative
  }
  .stk-8ee3a34-container{
  top: 40px;
  position: relative
  }
  :is(.stk-21d8b5b, .stk-b23a8ad, .stk-aedf2d1, .stk-40d22eb) .stk-block-text__text {
  font-size: 10px !important
  }
  :is(.stk-21d8b5b, .stk-b23a8ad, .stk-aedf2d1, .stk-40d22eb) .stk-block-text__text {
  font-size: 10px !important
  }
  :is(.stk-265a570, .stk-f50d7aa) .stk-block-text__text {
  font-size: 7px !important
  }
  .stk-be4d6f5 .stk-block-text__text {
  font-size: 14px !important
  }
  .stk-be4d6f5 .stk-block-text__text, .stk-c8d8c3a .stk-block-text__text,.stk-7e7da2e .stk-block-text__text,.stk-a892932 .stk-block-text__text,.stk-05de0af .stk-block-text__text,.stk-ba30f8f .stk-block-text__text{
  font-size: 10px !important
  }
  .stk-9a90320 .stk-block-heading__text,.stk-block-heading__text {
  font-size: 16px !important
  }
  :is(.stk-d8dbde1, .stk-c432bae) .stk-block-text__text {
  font-size: 10px !important
  }
  .stk-246a117 {
  height: 15px !important
  }
  .stk-32ef613 {
  height: 25px !important
  }
  .stk-e3f9fdb p{
  font-size: 10px !important
  }
  .stk-08cfda9-inner-blocks{
  top: 20px
  }
  .stk-column-wrapper {
  margin: 0
  }
  .tribar-btn{
  transform: scale(0.7);
  transform-origin:right center;
  top: -3px
  }
  .stk-96f7357 .stk-block-text__text,.wp-block-table td, .wp-block-table th{
  font-size: 10px !important
  }
  .stk--inner-svg{
  width: 12px
  }
  .stk-0addc9f .stk-image--shape-stretch{
  width: 80% !important
  }
  .cursordown,.fp-arrow.fp-next,.fp-arrow.fp-prev{
  transform: scale(0.7)
  }
  .fp-arrow.fp-prev{
  transform: scale(0.7) rotate(225deg) !important
  }
  .fp-arrow.fp-next{
  transform: scale(0.7) rotate(45deg) !important
  }
}
@media only screen and (max-width: 320px) {
  .stk-b4402bc img{
  width: 56% !important;
  left: 5px;
  position: relative
  }
  .stk-8ee3a34-container{
  top: 40px;
  position: relative
  }
  :is(.stk-21d8b5b, .stk-b23a8ad, .stk-aedf2d1, .stk-40d22eb) .stk-block-text__text {
  font-size: 10px !important
  }
  :is(.stk-21d8b5b, .stk-b23a8ad, .stk-aedf2d1, .stk-40d22eb) .stk-block-text__text {
  font-size: 10px !important
  }
  :is(.stk-265a570, .stk-f50d7aa) .stk-block-text__text {
  font-size: 7px !important
  }
  .stk-be4d6f5 .stk-block-text__text {
  font-size: 14px !important
  }
  .stk-be4d6f5 .stk-block-text__text, .stk-c8d8c3a .stk-block-text__text,.stk-7e7da2e .stk-block-text__text,.stk-a892932 .stk-block-text__text,.stk-05de0af .stk-block-text__text,.stk-ba30f8f .stk-block-text__text{
  font-size: 10px !important
  }
  .stk-9a90320 .stk-block-heading__text,.stk-block-heading__text {
  font-size: 16px !important
  }
  :is(.stk-d8dbde1, .stk-c432bae) .stk-block-text__text {
  font-size: 10px !important
  }
  .stk-246a117 {
  height: 15px !important
  }
  .stk-32ef613 {
  height: 25px !important
  }
  .stk-e3f9fdb p{
  font-size: 10px !important
  }
  .stk-08cfda9-inner-blocks{
  top: 20px
  }
  .stk-column-wrapper {
  margin: 0
  }
  .tribar-btn{
  transform: scale(0.7);
  transform-origin:right center;
  top: -3px
  }
  .stk-96f7357 .stk-block-text__text,.wp-block-table td, .wp-block-table th{
  font-size: 10px !important
  }
  .stk--inner-svg{
  width: 12px
  }
  .stk-0addc9f .stk-image--shape-stretch{
  width: 80% !important
  }
  .cursordown,.fp-arrow.fp-next,.fp-arrow.fp-prev{
  transform: scale(0.7)
  }
  .fp-arrow.fp-prev{
  transform: scale(0.7) rotate(225deg) !important
  }
  .fp-arrow.fp-next{
  transform: scale(0.7) rotate(45deg) !important
  }
  
}

.terminbnt{
  position: fixed;
  z-index: 9;
  top: calc(50% - 40px);
  left: calc(100vw - 149px)
}
.terminbnt1{
  position: fixed;
  z-index: 9;
  top: calc(50% - 40px);
  left: calc(100vw - 162px)
}
.terminbnt{
  transform-origin: 22px 22px;
  animation-timing-function: ease-in-out
}
.terminbnt1{
  border: 1px white solid;
  border-radius: 50%;
  height: 75px;
  width: 75px;
  
  mix-blend-mode: exclusion;
  animation-timing-function: ease-in-out
}
.terminani{
  animation: terminani 1s ease forwards
}
@keyframes terminani{
  0% {
  transform: rotate(1deg)
  }
  15% {
  transform: rotate(8deg)
  }
  25% {
  transform: rotate(-8deg)
  }
  35% {
  transform: rotate(1deg)
  }
  45% {
  transform: rotate(8deg)
  }
  55% {
  transform: rotate(-8deg)
  }
  75% {
  transform: rotate(1deg)
  }
  100% {
  transform: rotate(1deg)
  }
}
.termin-bnt-ok p{
  font-size: 13px;
  font-weight: 700;
  font-style: italic;
  text-transform: uppercase;
  top: -8px;
  position: relative;
  text-align: center;
  line-height: 1.2;
  top: 22px;
  transform: rotate(20deg);
  left: -4px
}


.coin-rotate{
   animation: coin-rotate linear 0.8s  1 forwards;
   animation-delay: .3s
}



@keyframes coin-rotate {
  0 {
  transform: rotateY(0)
  }
  50% {
  transform: rotateY(180deg)
  }
  100% {
  transform: rotateY(0deg)
  }
}
.coin-rotate-2{
   animation: coin-rotate2 linear 0.8s  1 forwards;
}



@keyframes coin-rotate2 {
  0 {
  transform: rotateY(0)
  }
  50% {
  transform: rotateY(-180deg)
  }
  100% {
  transform: rotateY(0deg)
  }
}

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




.termin-bnt-ok p{
        font-size: 12px;
        font-weight: 700;
        font-style: italic;
        text-transform: uppercase;
        top: -8px;
        position: relative;
        text-align: center;
        line-height: 1.2;
        top: 21px;
        transform: rotate(20deg);
        left: -6px;
}

.terminbnt,.terminbnt1{
  top: calc(100% - 98px);
          right: 24px;
        left: auto;
  }


.terminbnt{
  transform-origin: 22px 22px;
  animation-timing-function: ease-in-out
}
.terminbnt1{
  border: 1px white solid;
  border-radius: 50%;
  height: 70px;
  width: 70px;
  
  mix-blend-mode: exclusion;
  animation-timing-function: ease-in-out
}
.terminani{
  animation: terminani 1s ease forwards
}
@keyframes terminani{
  0% {
  transform: rotate(1deg)
  }
  15% {
  transform: rotate(8deg)
  }
  25% {
  transform: rotate(-8deg)
  }
  35% {
  transform: rotate(1deg)
  }
  45% {
  transform: rotate(8deg)
  }
  55% {
  transform: rotate(-8deg)
  }
  75% {
  transform: rotate(1deg)
  }
  100% {
  transform: rotate(1deg)
  }
}







}









.full-it img{
  object-fit: cover !important;
  animation: move 20s ease-out;
  height: 100vh !important
}

.exclusion{
  mix-blend-mode: exclusion
}
@keyframes move {
  0% {
  transform-origin: center;
  transform: scale(1.0)
  }
  100% {
  transform: scale(1.2)
  }
}
.stk-7e5a564,.stk-1ryd0rd{
  transform: scale(-1, 1) !important
}
@media (scripting:enabled) {
  [loading="lazy"] {
  opacity: 0;
  transition: all 0.6s ease-in-out !important
  }
}
.mask .stk-img-wrapper::after{
  position: absolute;
  content: ''
}
.maskbg{
  opacity: 0;
  background: linear-gradient(90deg, #00C0FF 0%, #fff60e 49%, #fc4fe5 80%, #00C0FF 100%);
  background: linear-gradient(90deg, rgba(187,187,187,1) 0%, rgba(170,170,170,1) 47%, rgba(69,69,69,1) 100%);
  animation: gradient 15s ease infinite;
  transition: opacity 0.8s ease !important;
  height: 36px
}
@keyframes gradient {
  0% {
  background-position: 0% 50%
  }
  50% {
  background-position: 100% 50%
  }
  100% {
  background-position: 0% 50%
  }
}
.maske{
  position: relative;
  overflow: hidden;
  cursor: pointer;
  mask-size: 85%;
  mask-repeat: no-repeat;
  mask-position: center;
  background: #FFFFFF;
  width: 87%
}
.stk-30a62ed-inner-blocks .maske:nth-child(2) {
  mask-size: 65%
}
.maske::before {
  background: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 1) 100%);
  content: "";
  display: block;
  height: 100%;
  left: -90%;
  position: absolute;
  top: 0;
  transform: skewX(-25deg);
  width: 40%;
  z-index: 2
}
.maske:hover::before, .maske:focus::before {
  -webkit-animation: shine 2s;
  animation: shine 2s
}
@-webkit-keyframes shine {
  100% {
  left: 125%
  }
}
@keyframes shine {
  100% {
  left: 155%
  }
}

.bg-slide1{
  content: " ";
  background-color: #f1f1f1;
  
  width: calc(100% + 170px);
  height: 100vh;
  position: absolute;
  left: 0;
  margin-left: -80px;
  
  margin-top: -90px;
  padding: 80px
}







.bg-menu-e{
  content: " ";
  background-color: #f1f1f1;
  background-image: linear-gradient(319deg, rgb(74, 234, 220) 0%, rgb(151, 120, 209) 20%, rgb(207, 42, 186) 40%, rgb(238, 44, 130) 60%, rgb(251, 105, 98) 80%, rgb(254, 248, 76) 100%) !important;
  width: calc(100% + 170px);
  height: 100vh;
  position: absolute;
  top: 0;
  left: 0;
  margin-left: -80px;
  
  margin-top: -90px;
  padding: 80px
}

.bgmenuu{
  background-color: #292929;
  background-image: linear-gradient(319deg, rgb(74, 234, 220) 0%, rgb(151, 120, 209) 20%, rgb(207, 42, 186) 40%, rgb(238, 44, 130) 60%, rgb(251, 105, 98) 80%, rgb(254, 248, 76) 100%) !important;
  background-image: linear-gradient(to right, #fa709a 0%, #fee140 100%) !important;
  
  width: calc(100vw + 170px);
  margin-left: -85px;
  top: 0;
  left: 0;
  margin-right: -85px;
  padding-right: 85px;
  padding-left: 85px
}
@keyframes gradient {
  0% {
  background-position: 0% 50%
  }
  50% {
  background-position: 100% 50%
  }
  100% {
  background-position: 0% 50%
  }
}




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


.bgmenuu{
  background-color: #292929;
  background-image: linear-gradient(319deg, rgb(74, 234, 220) 0%, rgb(151, 120, 209) 20%, rgb(207, 42, 186) 40%, rgb(238, 44, 130) 60%, rgb(251, 105, 98) 80%, rgb(254, 248, 76) 100%) !important;
background-image: linear-gradient(to right, #fa709a 0%, #fee140 100%) !important;
    width: calc(100vw + 40px);
    margin-left: -20px;
    top: 0;
    left: 0;
    margin-right: -20px;
    padding-right: 20px;
    padding-left: 20px;
    display: block;
    max-width: none;
}





.bg-slide1{
  content: " ";
  background-color: #f1f1f1;
  max-width: calc(100vw + 25px);
  width: calc(100% + 25px);
  height: 100vh;
  position: absolute;
  left: 0;
  margin-left: -25px;
  
  margin-top: -90px;
  padding: 25px
}








}

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








.bg-slide1{
  content: " ";
  background-color: #f1f1f1;
  max-width: calc(100vw + 25px);
  width: calc(100% + 25px);
  height: 100vh;
  position: absolute;
  left: 0;
  margin-left: -12.5px;
  
  margin-top: -90px;
  padding: 12.5px
}








}


.multiply{
  mix-blend-mode: multiply
}
.fp-slide .exclusion p{
  color: #FFFFFF
}
.exclusion{
  mix-blend-mode: exclusion
}
.width100{
  width: 100%
}
.flip img{
  transform: scaleX(-1) !important
}
.fp-slide img{
  mix-blend-mode: multiply
}
.dynamic-menu {
  z-index: 999;
  position: fixed;
  width: 100%;
  top: calc(-100vh - 24px);
  height: calc(100vh + 24px);
  overflow: hidden;
  overflow-y: auto;
  -webkit-transition: top 0.2s ease-in-out;
  transition: top 0.2s ease-in-out;
 /* background: #F1F1F1;*/

  
}
.dynamic-menu.on {
  top: 0;
  -webkit-transition: top 0.8s ease-in-out;
  transition: top 0.8s ease-in-out
}
.noscroll {
  overflow: hidden
}
.close-modal{
  position: absolute
}
.fixit{
  position: fixed
}
.out {
  -webkit-animation-duration: 0.6s;
  animation-duration: 0.6s;
  -webkit-backface-visibility: hidden;
  -ms-backface-visibility: hidden;
  backface-visibility: hidden;
  -webkit-transform: translateZ(0);
  -ms-transform: translateZ(0);
  transform: translateZ(0);
  -webkit-perspective: 1000;
  perspective: 1000;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
  -webkit-animation-name: Out;
  animation-name: Out
}
.outi {
  -webkit-animation-duration: 0.4s;
  animation-duration: 0.4s;
  -webkit-backface-visibility: hidden;
  -ms-backface-visibility: hidden;
  backface-visibility: hidden;
  -webkit-transform: translateZ(0);
  -ms-transform: translateZ(0);
  transform: translateZ(0);
  -webkit-perspective: 1000;
  perspective: 1000;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
  -webkit-animation-name: outi;
  animation-name: outi
}
.outit {
  -webkit-animation-duration: 0.4s;
  animation-duration: 0.4s;
  -webkit-backface-visibility: hidden;
  -ms-backface-visibility: hidden;
  backface-visibility: hidden;
  -webkit-transform: translateZ(0);
  -ms-transform: translateZ(0);
  transform: translateZ(0);
  -webkit-perspective: 1000;
  perspective: 1000;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
  -webkit-animation-name: outit;
  animation-name: outit
}
.in {
  -webkit-animation-duration: 2s;
  animation-duration: 2s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
  -webkit-backface-visibility: hidden;
  -ms-backface-visibility: hidden;
  backface-visibility: hidden;
  -webkit-transform: translateZ(0);
  -ms-transform: translateZ(0);
  transform: translateZ(0);
  -webkit-perspective: 1000;
  perspective: 1000;
  -webkit-animation-name: In;
  animation-name: In
}
.down {
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
  -webkit-backface-visibility: hidden;
  -ms-backface-visibility: hidden;
  backface-visibility: hidden;
  -webkit-transform: translateZ(0);
  -ms-transform: translateZ(0);
  transform: translateZ(0);
  -webkit-perspective: 1000;
  perspective: 1000;
  -webkit-animation-name: down;
  animation-name: down
}
.down1 {
  -webkit-animation-duration: 0.8s;
  animation-duration: 0.8s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
  -webkit-backface-visibility: hidden;
  -ms-backface-visibility: hidden;
  backface-visibility: hidden;
  -webkit-transform: translateZ(0);
  -ms-transform: translateZ(0);
  transform: translateZ(0);
  -webkit-perspective: 1000;
  perspective: 1000;
  -webkit-animation-name: down1;
  animation-name: down1
}
.up {
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-backface-visibility: hidden;
  -ms-backface-visibility: hidden;
  backface-visibility: hidden;
  -webkit-transform: translateZ(0);
  -ms-transform: translateZ(0);
  transform: translateZ(0);
  -webkit-perspective: 1000;
  perspective: 1000;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
  -webkit-animation-name: up;
  animation-name: up
}
.lefti {
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
  -webkit-backface-visibility: hidden;
  -ms-backface-visibility: hidden;
  backface-visibility: hidden;
  -webkit-transform: translateZ(0);
  -ms-transform: translateZ(0);
  transform: translateZ(0);
  -webkit-perspective: 1000;
  perspective: 1000;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
  -webkit-animation-name:lefti;
  animation-name:lefti
}
.righti {
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
  -webkit-backface-visibility: hidden;
  -ms-backface-visibility: hidden;
  backface-visibility: hidden;
  -webkit-transform: translateZ(0);
  -ms-transform: translateZ(0);
  transform: translateZ(0);
  -webkit-perspective: 1000;
  perspective: 1000;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
  -webkit-animation-name:righti;
  animation-name:righti
}
.rightslide {
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
  -webkit-backface-visibility: hidden;
  -ms-backface-visibility: hidden;
  backface-visibility: hidden;
  -webkit-transform: translateZ(0);
  -ms-transform: translateZ(0);
  transform: translateZ(0);
  -webkit-perspective: 1000;
  perspective: 1000;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
  -webkit-animation-name:rightslide;
  animation-name:rightslide
}
.leftslide {
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
  -webkit-backface-visibility: hidden;
  -ms-backface-visibility: hidden;
  backface-visibility: hidden;
  -webkit-transform: translateZ(0);
  -ms-transform: translateZ(0);
  transform: translateZ(0);
  -webkit-perspective: 1000;
  perspective: 1000;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
  -webkit-animation-name:leftslide;
  animation-name:leftslide
}
.leftIn {
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
  -webkit-backface-visibility: hidden;
  -ms-backface-visibility: hidden;
  backface-visibility: hidden;
  -webkit-transform: translateZ(0);
  -ms-transform: translateZ(0);
  transform: translateZ(0);
  -webkit-perspective: 1000;
  perspective: 1000;
  -webkit-animation-name:leftIn;
  animation-name:leftIn
}
.rightIn {
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
  -webkit-backface-visibility: hidden;
  -ms-backface-visibility: hidden;
  backface-visibility: hidden;
  -webkit-transform: translateZ(0);
  -ms-transform: translateZ(0);
  transform: translateZ(0);
  -webkit-perspective: 1000;
  perspective: 1000;
  -webkit-animation-name:rightIn;
  animation-name:rightIn
}
@-moz-keyframes Out {
  0% {
  -ms-filter: none;
  filter: none;
  opacity: 1
}
  100% {
  -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)";
  filter: alpha(opacity=0);
  opacity: 0
}
}
@-webkit-keyframes Out {
  0% {
  -ms-filter: none;
  filter: none;
  opacity: 1
}
  100% {
  -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)";
  filter: alpha(opacity=0);
  opacity: 0
}
}
@-o-keyframes Out {
  0% {
  -ms-filter: none;
  filter: none;
  opacity: 1
}
  100% {
  -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)";
  filter: alpha(opacity=0);
  opacity: 0
}
}
@keyframes Out {
  0% {
  -ms-filter: none;
  filter: none;
  opacity: 1
}
  100% {
  -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)";
  filter: alpha(opacity=0);
  opacity: 0
}
}
@-moz-keyframes outi {
  0% {
  -ms-filter: none;
  filter: none;
  opacity: 1
}
  100% {
  -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)";
  filter: alpha(opacity=0);
  opacity: 0
}
}
@-webkit-keyframes outi {
  0% {
  -ms-filter: none;
  filter: none;
  opacity: 1
}
  100% {
  -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)";
  filter: alpha(opacity=0);
  opacity: 0
}
}
@-o-keyframes outi {
  0% {
  -ms-filter: none;
  filter: none;
  opacity: 1
}
  100% {
  -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)";
  filter: alpha(opacity=0);
  opacity: 0
}
}
@keyframes outi {
  0% {
  -ms-filter: none;
  filter: none;
  opacity: 1
}
  100% {
  -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)";
  filter: alpha(opacity=0);
  opacity: 0
}
}
@-moz-keyframes outit {
  0% {
  -ms-filter: none;
  filter: none;
  opacity: 1
}
  100% {
  -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)";
  filter: alpha(opacity=0);
  opacity: 0
}
}
@-webkit-keyframes outit {
  0% {
  -ms-filter: none;
  filter: none;
  opacity: 1
}
  100% {
  -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)";
  filter: alpha(opacity=0);
  opacity: 0
}
}
@-o-keyframes outit {
  0% {
  -ms-filter: none;
  filter: none;
  opacity: 1
}
  100% {
  -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)";
  filter: alpha(opacity=0);
  opacity: 0
}
}
@keyframes outit {
  0% {
  -ms-filter: none;
  filter: none;
  opacity: 1
}
  100% {
  -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)";
  filter: alpha(opacity=0);
  opacity: 0
}
}
@-moz-keyframes In {
  0% {
  -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)";
  filter: alpha(opacity=0);
  opacity: 0
}
  100% {
  -ms-filter: none;
  filter: none;
  opacity: 1
}
}
@-webkit-keyframes In {
  0% {
  -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)";
  filter: alpha(opacity=0);
  opacity: 0
}
  100% {
  -ms-filter: none;
  filter: none;
  opacity: 1
}
}
@-o-keyframes In {
  0% {
  -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)";
  filter: alpha(opacity=0);
  opacity: 0
}
  100% {
  -ms-filter: none;
  filter: none;
  opacity: 1
}
}
@keyframes In {
  0% {
  -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)";
  filter: alpha(opacity=0);
  opacity: 0
}
  100% {
  -ms-filter: none;
  filter: none;
  opacity: 1
}
}
@-moz-keyframes down {
  0% {
  -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)";
  filter: alpha(opacity=0);
  opacity: 0;
  -webkit-transform: translate3d(0,30px,0);
  -ms-transform: translate3d(0,30px,0);
  transform: translate3d(0,30px,0)
}
  100% {
  -ms-filter: none;
  filter: none;
  opacity: 1;
  -webkit-transform: none;
  -ms-transform: none;
  transform: none
}
}
@-webkit-keyframes down {
  0% {
  -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)";
  filter: alpha(opacity=0);
  opacity: 0;
  -webkit-transform: translate3d(0,30px,0);
  -ms-transform: translate3d(0,30px,0);
  transform: translate3d(0,30px,0)
}
  100% {
  -ms-filter: none;
  filter: none;
  opacity: 1;
  -webkit-transform: none;
  -ms-transform: none;
  transform: none
}
}
@-o-keyframes down {
  0% {
  -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)";
  filter: alpha(opacity=0);
  opacity: 0;
  -webkit-transform: translate3d(0,30px,0);
  -ms-transform: translate3d(0,30px,0);
  transform: translate3d(0,30px,0)
}
  100% {
  -ms-filter: none;
  filter: none;
  opacity: 1;
  -webkit-transform: none;
  -ms-transform: none;
  transform: none
}
}
@keyframes down {
  0% {
  -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)";
  filter: alpha(opacity=0);
  opacity: 0;
  -webkit-transform: translate3d(0,30px,0);
  -ms-transform: translate3d(0,30px,0);
  transform: translate3d(0,30px,0)
}
  100% {
  -ms-filter: none;
  filter: none;
  opacity: 1;
  -webkit-transform: none;
  -ms-transform: none;
  transform: none
}
}
@-moz-keyframes down1 {
  0% {
  -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)";
  filter: alpha(opacity=0);
  opacity: 0;
  -webkit-transform: translate3d(0,60px,0);
  -ms-transform: translate3d(0,60px,0);
  transform: translate3d(0,60px,0)
}
  100% {
  -ms-filter: none;
  filter: none;
  opacity: 1;
  -webkit-transform: none;
  -ms-transform: none;
  transform: none
}
}
@-webkit-keyframes down1 {
  0% {
  -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)";
  filter: alpha(opacity=0);
  opacity: 0;
  -webkit-transform: translate3d(0,60px,0);
  -ms-transform: translate3d(0,60px,0);
  transform: translate3d(0,60px,0)
}
  100% {
  -ms-filter: none;
  filter: none;
  opacity: 1;
  -webkit-transform: none;
  -ms-transform: none;
  transform: none
}
}
@-o-keyframes down1 {
  0% {
  -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)";
  filter: alpha(opacity=0);
  opacity: 0;
  -webkit-transform: translate3d(0,60px,0);
  -ms-transform: translate3d(0,60px,0);
  transform: translate3d(0,60px,0)
}
  100% {
  -ms-filter: none;
  filter: none;
  opacity: 1;
  -webkit-transform: none;
  -ms-transform: none;
  transform: none
}
}
@keyframes down1 {
  0% {
  -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)";
  filter: alpha(opacity=0);
  opacity: 0;
  -webkit-transform: translate3d(0,60px,0);
  -ms-transform: translate3d(0,60px,0);
  transform: translate3d(0,60px,0)
}
  100% {
  -ms-filter: none;
  filter: none;
  opacity: 1;
  -webkit-transform: none;
  -ms-transform: none;
  transform: none
}
}
@-moz-keyframes up {
  0% {
  -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)";
  filter: alpha(opacity=0);
  opacity: 0;
  -webkit-transform: translate3d(0,-30px,0);
  -ms-transform: translate3d(0,-30px,0);
  transform: translate3d(0,-30px,0)
}
  100% {
  -ms-filter: none;
  filter: none;
  opacity: 1;
  -webkit-transform: none;
  -ms-transform: none;
  transform: none
}
}
@-webkit-keyframes up {
  0% {
  -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)";
  filter: alpha(opacity=0);
  opacity: 0;
  -webkit-transform: translate3d(0,-30px,0);
  -ms-transform: translate3d(0,-30px,0);
  transform: translate3d(0,-30px,0)
}
  100% {
  -ms-filter: none;
  filter: none;
  opacity: 1;
  -webkit-transform: none;
  -ms-transform: none;
  transform: none
}
}
@-o-keyframes up {
  0% {
  -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)";
  filter: alpha(opacity=0);
  opacity: 0;
  -webkit-transform: translate3d(0,-30px,0);
  -ms-transform: translate3d(0,-30px,0);
  transform: translate3d(0,-30px,0)
}
  100% {
  -ms-filter: none;
  filter: none;
  opacity: 1;
  -webkit-transform: none;
  -ms-transform: none;
  transform: none
}
}
@keyframes up {
  0% {
  -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)";
  filter: alpha(opacity=0);
  opacity: 0;
  -webkit-transform: translate3d(0,-30px,0);
  -ms-transform: translate3d(0,-30px,0);
  transform: translate3d(0,-30px,0)
}
  100% {
  -ms-filter: none;
  filter: none;
  opacity: 1;
  -webkit-transform: none;
  -ms-transform: none;
  transform: none
}
}
@-moz-keyframes lefti {
  0% {
  -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)";
  filter: alpha(opacity=0);
  opacity: 0;
  -webkit-transform: translate3d(-30px,0,0);
  -ms-transform: translate3d(-30px,0,0);
  transform: translate3d(-30px,0,0)
}
  100% {
  -ms-filter: none;
  filter: none;
  opacity: 1;
  -webkit-transform: none;
  -ms-transform: none;
  transform: none
}
}
@-webkit-keyframes lefti {
  0% {
  -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)";
  filter: alpha(opacity=0);
  opacity: 0;
  -webkit-transform: translate3d(-30px,0,0);
  -ms-transform: translate3d(-30px,0,0);
  transform: translate3d(-30px,0,0)
}
  100% {
  -ms-filter: none;
  filter: none;
  opacity: 1;
  -webkit-transform: none;
  -ms-transform: none;
  transform: none
}
}
@-o-keyframes lefti {
  0% {
  -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)";
  filter: alpha(opacity=0);
  opacity: 0;
  -webkit-transform: translate3d(-30px,0,0);
  -ms-transform: translate3d(-30px,0,0);
  transform: translate3d(-30px,0,0)
}
  100% {
  -ms-filter: none;
  filter: none;
  opacity: 1;
  -webkit-transform: none;
  -ms-transform: none;
  transform: none
}
}
@keyframes lefti {
  0% {
  -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)";
  filter: alpha(opacity=0);
  opacity: 0;
  -webkit-transform: translate3d(-30px,0,0);
  -ms-transform: translate3d(-30px,0,0);
  transform: translate3d(-30px,0,0)
}
  100% {
  -ms-filter: none;
  filter: none;
  opacity: 1;
  -webkit-transform: none;
  -ms-transform: none;
  transform: none
}
}
@-moz-keyframes righti {
  0% {
  -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)";
  filter: alpha(opacity=0);
  opacity: 0;
  -webkit-transform: translate3d(30px,0,0);
  -ms-transform: translate3d(30px,0,0);
  transform: translate3d(30px,0,0)
}
  100% {
  -ms-filter: none;
  filter: none;
  opacity: 1;
  -webkit-transform: translate3d(0,0,0);
  -ms-transform: translate3d(0,0,0);
  transform: translate3d(0,0,0)
}
}
@-webkit-keyframes righti {
  0% {
  -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)";
  filter: alpha(opacity=0);
  opacity: 0;
  -webkit-transform: translate3d(30px,0,0);
  -ms-transform: translate3d(30px,0,0);
  transform: translate3d(30px,0,0)
}
  100% {
  -ms-filter: none;
  filter: none;
  opacity: 1;
  -webkit-transform: translate3d(0,0,0);
  -ms-transform: translate3d(0,0,0);
  transform: translate3d(0,0,0)
}
}
@-o-keyframes righti {
  0% {
  -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)";
  filter: alpha(opacity=0);
  opacity: 0;
  -webkit-transform: translate3d(30px,0,0);
  -ms-transform: translate3d(30px,0,0);
  transform: translate3d(30px,0,0)
}
  100% {
  -ms-filter: none;
  filter: none;
  opacity: 1;
  -webkit-transform: translate3d(0,0,0);
  -ms-transform: translate3d(0,0,0);
  transform: translate3d(0,0,0)
}
}
@keyframes righti {
  0% {
  -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)";
  filter: alpha(opacity=0);
  opacity: 0;
  -webkit-transform: translate3d(30px,0,0);
  -ms-transform: translate3d(30px,0,0);
  transform: translate3d(30px,0,0)
}
  100% {
  -ms-filter: none;
  filter: none;
  opacity: 1;
  -webkit-transform: translate3d(0,0,0);
  -ms-transform: translate3d(0,0,0);
  transform: translate3d(0,0,0)
}
}
@-moz-keyframes rightslide {
  0% {
  -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)";
  filter: alpha(opacity=0);
  opacity: 0;
  -webkit-transform: translate3d(30px,-50%,0);
  -ms-transform: translate3d(30px,-50%,0);
  transform: translate3d(30px,-50%,0)
}
  100% {
  -ms-filter: none;
  filter: none;
  opacity: 1;
  -webkit-transform: translate3d(0,-50%,0);
  -ms-transform: translate3d(0,-50%,0);
  transform: translate3d(0,-50%,0)
}
}
@-webkit-keyframes rightslide {
  0% {
  -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)";
  filter: alpha(opacity=0);
  opacity: 0;
  -webkit-transform: translate3d(30px,-50%,0);
  -ms-transform: translate3d(30px,-50%,0);
  transform: translate3d(30px,-50%,0)
}
  100% {
  -ms-filter: none;
  filter: none;
  opacity: 1;
  -webkit-transform: translate3d(0,-50%,0);
  -ms-transform: translate3d(0,-50%,0);
  transform: translate3d(0,-50%,0)
}
}
@-o-keyframes rightslide {
  0% {
  -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)";
  filter: alpha(opacity=0);
  opacity: 0;
  -webkit-transform: translate3d(30px,-50%,0);
  -ms-transform: translate3d(30px,-50%,0);
  transform: translate3d(30px,-50%,0)
}
  100% {
  -ms-filter: none;
  filter: none;
  opacity: 1;
  -webkit-transform: translate3d(0,-50%,0);
  -ms-transform: translate3d(0,-50%,0);
  transform: translate3d(0,-50%,0)
}
}
@keyframes rightslide {
  0% {
  -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)";
  filter: alpha(opacity=0);
  opacity: 0;
  -webkit-transform: translate3d(30px,-50%,0);
  -ms-transform: translate3d(30px,-50%,0);
  transform: translate3d(30px,-50%,0)
}
  100% {
  -ms-filter: none;
  filter: none;
  opacity: 1;
  -webkit-transform: translate3d(0,-50%,0);
  -ms-transform: translate3d(0,-50%,0);
  transform: translate3d(0,-50%,0)
}
}
@-moz-keyframes leftslide {
  0% {
  -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)";
  filter: alpha(opacity=0);
  opacity: 0;
  -webkit-transform: translate3d(-30px,-50%,0);
  -ms-transform: translate3d(-30px,-50%,0);
  transform: translate3d(-30px,-50%,0)
}
  100% {
  -ms-filter: none;
  filter: none;
  opacity: 1;
  -webkit-transform: translate3d(0,-50%,0);
  -ms-transform: translate3d(0,-50%,0);
  transform: translate3d(0,-50%,0)
}
}
@-webkit-keyframes leftslide {
  0% {
  -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)";
  filter: alpha(opacity=0);
  opacity: 0;
  -webkit-transform: translate3d(-30px,-50%,0);
  -ms-transform: translate3d(-30px,-50%,0);
  transform: translate3d(-30px,-50%,0)
}
  100% {
  -ms-filter: none;
  filter: none;
  opacity: 1;
  -webkit-transform: translate3d(0,-50%,0);
  -ms-transform: translate3d(0,-50%,0);
  transform: translate3d(0,-50%,0)
}
}
@-o-keyframes leftslide {
  0% {
  -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)";
  filter: alpha(opacity=0);
  opacity: 0;
  -webkit-transform: translate3d(-30px,-50%,0);
  -ms-transform: translate3d(-30px,-50%,0);
  transform: translate3d(-30px,-50%,0)
}
  100% {
  -ms-filter: none;
  filter: none;
  opacity: 1;
  -webkit-transform: translate3d(0,-50%,0);
  -ms-transform: translate3d(0,-50%,0);
  transform: translate3d(0,-50%,0)
}
}
@keyframes leftslide {
  0% {
  -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)";
  filter: alpha(opacity=0);
  opacity: 0;
  -webkit-transform: translate3d(-30px,-50%,0);
  -ms-transform: translate3d(-30px,-50%,0);
  transform: translate3d(-30px,-50%,0)
}
  100% {
  -ms-filter: none;
  filter: none;
  opacity: 1;
  -webkit-transform: translate3d(0,-50%,0);
  -ms-transform: translate3d(0,-50%,0);
  transform: translate3d(0,-50%,0)
}
}
@-moz-keyframes leftIn {
  0% {
  -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)";
  filter: alpha(opacity=0);
  opacity: 0;
  -webkit-transform: translate3d(-100%,0,0);
  -ms-transform: translate3d(-100%,0,0);
  transform: translate3d(-100%,0,0)
}
  100% {
  -ms-filter: none;
  filter: none;
  opacity: 1;
  -webkit-transform: none;
  -ms-transform: none;
  transform: none
}
}
@-webkit-keyframes leftIn {
  0% {
  -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)";
  filter: alpha(opacity=0);
  opacity: 0;
  -webkit-transform: translate3d(-100%,0,0);
  -ms-transform: translate3d(-100%,0,0);
  transform: translate3d(-100%,0,0)
}
  100% {
  -ms-filter: none;
  filter: none;
  opacity: 1;
  -webkit-transform: none;
  -ms-transform: none;
  transform: none
}
}
@-o-keyframes leftIn {
  0% {
  -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)";
  filter: alpha(opacity=0);
  opacity: 0;
  -webkit-transform: translate3d(-100%,0,0);
  -ms-transform: translate3d(-100%,0,0);
  transform: translate3d(-100%,0,0)
}
  100% {
  -ms-filter: none;
  filter: none;
  opacity: 1;
  -webkit-transform: none;
  -ms-transform: none;
  transform: none
}
}
@keyframes leftIn {
  0% {
  -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)";
  filter: alpha(opacity=0);
  opacity: 0;
  -webkit-transform: translate3d(-100%,0,0);
  -ms-transform: translate3d(-100%,0,0);
  transform: translate3d(-100%,0,0)
}
  100% {
  -ms-filter: none;
  filter: none;
  opacity: 1;
  -webkit-transform: none;
  -ms-transform: none;
  transform: none
}
}
@-moz-keyframes rightIn {
  0% {
  -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)";
  filter: alpha(opacity=0);
  opacity: 0;
  -webkit-transform: translate3d(100%,0,0);
  -ms-transform: translate3d(100%,0,0);
  transform: translate3d(100%,0,0)
}
  100% {
  -ms-filter: none;
  filter: none;
  opacity: 1;
  -webkit-transform: none;
  -ms-transform: none;
  transform: none
}
}
@-webkit-keyframes rightIn {
  0% {
  -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)";
  filter: alpha(opacity=0);
  opacity: 0;
  -webkit-transform: translate3d(100%,0,0);
  -ms-transform: translate3d(100%,0,0);
  transform: translate3d(100%,0,0)
}
  100% {
  -ms-filter: none;
  filter: none;
  opacity: 1;
  -webkit-transform: none;
  -ms-transform: none;
  transform: none
}
}
@-o-keyframes rightIn {
  0% {
  -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)";
  filter: alpha(opacity=0);
  opacity: 0;
  -webkit-transform: translate3d(100%,0,0);
  -ms-transform: translate3d(100%,0,0);
  transform: translate3d(100%,0,0)
}
  100% {
  -ms-filter: none;
  filter: none;
  opacity: 1;
  -webkit-transform: none;
  -ms-transform: none;
  transform: none
}
}
@keyframes rightIn {
  0% {
  -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)";
  filter: alpha(opacity=0);
  opacity: 0;
  -webkit-transform: translate3d(100%,0,0);
  -ms-transform: translate3d(100%,0,0);
  transform: translate3d(100%,0,0)
}
  100% {
  -ms-filter: none;
  filter: none;
  opacity: 1;
  -webkit-transform: none;
  -ms-transform: none;
  transform: none
}
}


@media only screen and (min-width: 1700px) {

.maskbg {
    height: 50px;
}

}
@media only screen and (min-width: 2100px) {

.maskbg {
    height: 60px;
}

}


.page-id-3187 .header,.page-id-3196 .header{
      width: 300px;
}
.page-id-3187 .header .wp-block-stackable-image, .page-id-3196 .header .wp-block-stackable-image{
   width: 222px;
    left: 76px;
}