/*
Theme Name: Flow
Theme URI: https://www.flowfinder.de
*/


/*--------------------------------------------*/
@keyframes gpulse {
  0% {
    transform: scale(1)
  }

  50% {
    transform: scale(1.1)
  }

  100% {
    transform: scale(1)
  }
}

@-webkit-keyframes gpulse {
  0% {
    transform: scale(1)
  }

  50% {
    transform: scale(1.1)
  }

  100% {
    transform: scale(1)
  }
}

@keyframes ampushUp {
  from {
    opacity: 0;
    transform: translateY(8px)
  }

  to {
    opacity: 1;
    transform: translateY(0px)
  }
}

@-webkit-keyframes ampushUp {
  from {
    opacity: 0;
    transform: translateY(8px)
  }

  to {
    opacity: 1;
    transform: translateY(0px)
  }
}

@keyframes ampushDown {
  from {
    opacity: 1;
    transform: translateY(0px)
  }

  to {
    opacity: 0;
    transform: translateY(8px)
  }
}

@-webkit-keyframes ampushDown {
  from {
    opacity: 1;
    transform: translateY(0px)
  }

  to {
    opacity: 0;
    transform: translateY(8px)
  }
}

@keyframes fadeIn {
  from {
    opacity: 0
  }

  to {
    opacity: 1
  }
}

@-webkit-keyframes fadeIn {
  from {
    opacity: 0
  }

  to {
    opacity: 1
  }
}

@keyframes spin {
  0% {
    -webkit-transform: rotate(0);
    transform: rotate(0)
  }

  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg)
  }
}

@-webkit-keyframes spin {
  0% {
    -webkit-transform: rotate(0);
    transform: rotate(0)
  }

  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg)
  }
}

@keyframes spin2 {
  0% {
    -webkit-transform: translate(-50%, -50%) rotate(0);
    transform: translate(-50%, -50%) rotate(0)
  }

  100% {
    -webkit-transform: translate(-50%, -50%) rotate(360deg);
    transform: translate(-50%, -50%) rotate(360deg)
  }
}

@-webkit-keyframes spin2 {
  0% {
    -webkit-transform: translate(-50%, -50%) rotate(0);
    transform: translate(-50%, -50%) rotate(0)
  }

  100% {
    -webkit-transform: translate(-50%, -50%) rotate(360deg);
    transform: translate(-50%, -50%) rotate(360deg)
  }
}

@keyframes slideUp {
  from {
    transform: translate(-50%, -40%) scale(0.95);
    opacity: 0
  }

  to {
    transform: translate(-50%, -50%) scale(1);
    opacity: 1
  }
}

@-webkit-keyframes slideUp {
  from {
    transform: translate(-50%, -40%) scale(0.95);
    opacity: 0
  }

  to {
    transform: translate(-50%, -50%) scale(1);
    opacity: 1
  }
}

/*--------------------------------------------*/
*,
*::before,
*::after {
  position: relative;
  box-sizing: border-box;
  -webkit-appearance: none;
  -moz-appearance: none;
  -ms-appearance: none;
  line-height: 1em;
  font-family: 'geomanist', sans-serif;
  color: #131d21;
  text-decoration: none;
  border: none;
  padding: 0;
  margin: 0;
  color: inherit;
  outline: none
}

html,
body {
  line-height: 1em;
  /*overscroll-behavior-y:none*/
}

html {
  background: #21282d
}

body {
  margin: 0;
  color: #111;
  background: #21282d
}

body:before {
  content: '';
  width: 100%;
  height: 100%;
  opacity: 0.5;
  background-size: 40vw;
  position: absolute;
  left: 0;
  top: 0
}

img,
picture,
video,
canvas,
svg {
  display: block;
  width: 100%;
  max-width: 100%;
  background: transparent
}

input,
button,
textarea,
select {
  font: inherit
}

input:hover,
input:focus,
textarea:hover,
textarea:focus,
button:hover,
button:focus {
  border: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  -ms-appearance: none;
  outline: none
}

p,
h1,
h2,
h3,
h4,
h5,
h6 {
  overflow-wrap: break-word;
  font-weight: 600
}

p {
  line-height: 1.35em;
  font-weight: 500
}

span {
  vertical-align: baseline;
  font-weight: inherit;
  line-height: inherit;
  color: inherit
}

h1,
h2,
h3,
h4,
h5,
h6 {
  line-height: 1.1em
}

.flex {
  display: -moz-flex;
  display: -ms-flexbox;
  display: -ms-flex;
  display: -webkit-flex;
  display: flex;
  -ms-flex-wrap: wrap;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
  -moz-justify-content: space-between;
  -ms-justify-content: space-between;
  -ms-flex-pack: justify;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  position: relative;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center
}

.flex.top {
  -webkit-align-items: flex-start;
  -ms-flex-align: start;
  align-items: flex-start
}

.flex.rev {
  -webkit-flex-direction: row-reverse;
  -ms-flex-direction: row-reverse;
  flex-direction: row-reverse
}

.flex.bottom {
  -webkit-align-items: flex-end;
  -ms-flex-align: end;
  align-items: flex-end
}

.flex.center {
  -moz-justify-content: center;
  -ms-justify-content: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center
}

.flex.vcenter {
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-align-content: center;
  -ms-flex-line-pack: center;
  align-content: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center
}

.flex.stretch {
  -webkit-align-items: stretch;
  -ms-flex-align: stretch;
  align-items: stretch
}

.flex.left {
  -webkit-justify-content: flex-start;
  -ms-flex-pack: start;
  justify-content: flex-start
}

.flex.right {
  -webkit-justify-content: flex-end;
  -ms-flex-pack: end;
  justify-content: flex-end
}

.lazy-hidden {
  opacity: 0
}

.lazy-loaded {
  -webkit-transition: opacity .5s linear;
  -moz-transition: opacity .5s linear;
  -ms-transition: opacity .5s linear;
  -o-transition: opacity .5s linear;
  transition: opacity .5s linear;
  opacity: 1
}

.superwrap input,
.superwrap select {
  -webkit-user-select: text;
  -khtml-user-select: text;
  -moz-user-select: text;
  -ms-user-select: text;
  user-select: text;
  font-family: 'geomanist', sans-serif
}

.grecaptcha-badge,
.g-recaptcha,
.grecaptcha {
  display: none !important;
  visibility: hidden
}

.cta {
  background: #ec6c39
}

.cta:hover {
  background: #f57644 !important
}

.cta_btn {
  display: inline-block;
  font-weight: 600;
  color: #fff;
  text-shadow: 0 1px 1px #c75425;
  border-bottom: 2px solid #fb7842;
  background: #ec6c39;
  -webkit-border-radius: 80px;
  -moz-border-radius: 80px;
  border-radius: 80px;
  padding: 1vw 2vw
}

.cta_btn:hover {
  background: #f57644;
  border-color: #ff8855
}

.cta_btn.w {
  background: #fff;
  color: #ec6c39
}

.cta_btn.w:hover {
  background: #ca5525;
  color: #fff
}

#solay,
#solay2,
.lolay {
  position: absolute;
  width: 100%;
  max-width: 2000px;
  height: 100%;
  z-index: 1000;
  background: rgb(37 45 49 / 95%);
  display: none;
  top: 0;
  left: 0
}

.superwrap {
  max-width: 2000px;
  margin: 0 auto;
  min-height: 100vh;
  width: 100%;
  box-shadow: 0 0 10px #131314;
  z-index: 1;
  background: #fbf7f7;
  background: linear-gradient(-23deg, #f6efef, #fbf7f7)
}

.superwrap:before {
  content: '';
  background: url(./images/pattern2.png);
  width: 100%;
  height: 100%;
  opacity: 0.25;
  background-size: 800px;
  position: absolute;
  left: 0;
  top: 0
}

.superwrap.drk {
  background: #22272b;
  background: linear-gradient(-23deg, #1f2427, #252b2f)
}

.superwrap.drk:before {
  opacity: 0.3;
  background-size: 800px
}

.superwrap.hfixed {
  padding-top: 59px
}

input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
  -webkit-appearance: none !important;
  margin: 0 !important
}

input[type=number] {
  -moz-appearance: textfield !important
}

/* Header */
#header {
  background: #fff;
  width: 100%;
  z-index: 10000;
  max-width: 2000px;
  border-bottom: 2px solid #33404a
}

.hfixed #header {
  position: fixed;
  top: 0;
  width: 100%;
  max-width: 2000px;
  z-index: 1000000
}

.drk #header {
  border-color: #ec6d39
}

#header .htop {
  height: 57px
}

#header .logo {
  position: absolute;
  width: 144px;
  height: 24px;
  transform: translate(-50%, -50%);
  top: 50%;
  left: 50%
}

#header .logo a,
#header .logo a img {
  display: block;
  cursor: pointer
}

#header .logo a img.w {
  display: none
}

#header .logo a * {
  cursor: pointer
}

#header #hmenu,
#header .havatar,
#header .hpremium {
  width: 57px;
  height: 57px;
  cursor: pointer;
  border-right: 2px solid #f7eded
}

#header .login,
#header .hreg {
  width: 57px;
  height: 57px;
  cursor: pointer;
  border-left: 2px solid #f7eded
}

#header #hmenu:hover,
#header .login:hover,
#header #hmenu.open,
#header .hreg:hover,
#header .havatar:hover,
#header .hpremium:hover {
  background: #fbf7f7;
  border-color: #ec6d39
}

#header #hmenu:hover,
#header #hmenu.open {
  background: #ec6d39
}

#header .login *,
#header #hmenu *,
#header .hreg {
  cursor: pointer
}

#header #hmenu img,
#header .login img,
#header .hreg img {
  width: 22px;
  height: 22px;
  z-index: 5
}

#header #hmenu img.menu,
#header #hmenu.open img.clos,
#header #hmenu img.menu.b,
#header #hmenu:hover img.menu.w {
  display: block
}

#header #hmenu.open img.menu,
#header #hmenu img.clos,
#header #hmenu img.menu.w,
#header #hmenu:hover img.menu.b,
#header #hmenu.open img.menu,
#header #hmenu.open:hover img.menu {
  display: none
}

#header #hmenu.closed {
  background: #fff;
  border-right: 2px solid #f7eded
}

#header #hmenu.closed img.menu.b {
  display: block
}

#header #hmenu.closed img.menu.w,
#header .login img.w {
  display: none
}

#header .hreg img {
  height: auto;
  width: 58%;
  animation: gpulse;
  animation-duration: 2s;
  animation-iteration-count: infinite
}

#header .hreg.clk img {
  animation: none
}

#main {
  width: 100%;
  min-height: calc(100vh - 59px)
}

.wrap {
  width: 100%;
  margin: 0 auto
}

#header .htag {
  position: absolute;
  z-index: 20;
  color: #fff;
  font-weight: 600;
  font-size: 14px;
  line-height: 1em;
  background: #ec6d39;
  padding: 6px 13px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  bottom: -38px;
  display: none
}

#header .htag:before {
  content: '';
  background: #ec6d39;
  z-index: -1;
  position: absolute;
  width: 10px;
  height: 10px;
  transform: rotate(45deg);
  top: -3px;
  left: 10px
}

#header #hmenu:hover .htag,
#header .hlogin:hover .htag,
#header .hreg_con:hover .htag,
#header .hpremium:hover .htag {
  display: block
}

#header #hmenu .htag {
  left: 11px
}

#header .hlogin .htag,
#header .hreg_con .htag {
  right: 11px
}

#header .hlogin .htag:before,
#header .hreg_con .htag:before {
  left: auto;
  right: 10px
}

#header #hmenu.open .htag,
#header .hreg_con.open .htag {
  display: none
}

#header .hpremium .htag {
  left: auto;
  transform: translateX(-50%);
  left: 50%
}

#header .hpremium .htag:before {
  transform: rotate(45deg) translateX(-50%);
  left: 50%;
  top: 0
}

/* Menu */
#menu_wrp {
  position: fixed;
  width: 100%;
  height: 100vh;
  top: 0;
  overflow: hidden;
  z-index: 10000;
  max-width: 2000px;
  display: none
}

#menu_wrp.open {
  display: block
}

#bmenu {
  background: transparent;
  width: 350px;
  height: 100vh;
  position: absolute;
  left: 0;
  top: 0;
  padding-top: 59px;
  transform: translateX(-110%);
  overflow: hidden;
  box-shadow: 0 2px 10px #03203d;
  z-index: 100
}

#bmenu.open {
  transform: translateX(0);
  transition-duration: 0.3s
}

#bmenu.close {
  transform: translateX(-110%);
  transition-duration: 0.2s
}

#bmenu .bmwrp {
  width: 100%;
  height: 100%;
  background: #fbf7f7;
  border-right: 2px solid #ec6c39;
  -webkit-border-bottom-right-radius: 35px;
  -moz-border-radius-bottomright: 35px;
  border-bottom-right-radius: 35px;
  overflow: hidden
}

#bmenu .msocial {
  position: absolute;
  width: 100%;
  left: 0;
  bottom: 0;
  background: #f3efef;
  padding: 20px;
  overflow: hidden;
  height: 105px;
  border-top: 2px solid #ece6e6
}

#bmenu .msocial.mid {
  position: relative;
  height: auto;
  display: none
}

#bmenu .msocial .slink_o {
  width: 21%;
  margin: 0 1.5%;
  box-shadow: 0 2px 5px #e5dddd;
  cursor: pointer;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  border: 2px solid #ec6d39;
  transition: 0.25s all;
  transform: scale(1)
}

#bmenu .msocial .slink_o:hover {
  transition: 0.25s all;
  transform: scale(1.05)
}

#bmenu .msocial .slink_o.tik {
  display: none
}

#bmenu .msocial .slink_o .slink {
  width: 100%;
  padding-bottom: 100%;
  background: #fff;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  cursor: pointer
}

#bmenu .msocial .slink a {
  position: absolute;
  width: 100%;
  height: 100%;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  cursor: pointer;
  top: 0;
  left: 0;
  z-index: 5
}

#bmenu .msocial .slink img {
  position: absolute;
  line-height: 0;
  transform: translate(-50%, -50%);
  top: 50%;
  left: 50%;
  width: 71%
}

#bmenu .bm_in {
  height: calc(100% - 105px);
  width: 100%;
  overflow: hidden;
  background: #e9e7e7;
  overflow-y: scroll
}

#bmenu .bm_in::-webkit-scrollbar,
#bmenu .mm3wrp::-webkit-scrollbar {
  width: 4px
}

#bmenu .bm_in::-webkit-scrollbar-track,
#bmenu .mm3wrp::-webkit-scrollbar-track {
  border-radius: 10px;
  background: #ececec
}

#bmenu .bm_in::-webkit-scrollbar-thumb,
#bmenu .mm3wrp::-webkit-scrollbar-thumb {
  background: #ec6d39
}

#bmenu .bmlinks {
  width: 100%
}

#bmenu .bmlinks .bmlink {
  width: 100%;
  font-weight: 700;
  font-size: 28px;
  line-height: 1em;
  padding: 4.5vh 22px 4.5vh 30px;
  border-bottom: 2px solid #f1ecec;
  background: #fbf7f7
}

#bmenu .bmlinks .bmlink.mas {
  display: none
}

#bmenu .bmlinks .bmlink:hover,
#bmenu .bmlinks .bmlink.logn:hover {
  background: #fff;
  border-color: #ec6c39;
  color: #ec6c39
}

#bmenu .bmlinks .bmlink.oran {
  background: #ec6c39;
  color: #fff;
  border-bottom: 3px solid #e06636;
  text-shadow: 0 1px 1px #dd602d
}

#bmenu .bmlinks .bmlink.oran:hover {
  background: #131d21;
  text-shadow: none
}

#bmenu .bmlinks .bmlink.oran span {
  color: #fff
}

#bmenu .bmlinks .bmlink.oran span.m {
  display: none
}

#bmenu .bmlinks .bmlink.logn {
  background: #f4eded;
  border-bottom: 3px solid #eee4e4;
  text-transform: uppercase;
  font-weight: 900
}

#bmenu .bmlinks .bmlink.prem {
  font-weight: 800
}

#bmenu .bmlinks .bmlink.pod {
  display: none
}

#bmenu .bmlinks .bmlink.upcs {
  text-transform: uppercase
}

.bmlink * {
  cursor: pointer
}

.bmlink:before {
  content: '';
  position: absolute;
  width: 5px;
  height: 100%;
  left: 0;
  top: 0;
  background: #ec6c39;
  display: none
}

.bmlink:hover:before {
  display: block
}

.bmlink .ar {
  position: absolute;
  width: 13px;
  line-height: 0;
  opacity: 0.15;
  transform: translate(0, -50%);
  top: 50%;
  right: 20px;
  transition: 0.25s all
}

.bmlink:hover .ar {
  opacity: 1;
  transform: translate(3px, -50%);
  transition: 0.25s all
}

#bmenu .bmlinks .bmlink.oran .ar {
  opacity: 1
}

.bmlink .ar img.g,
.bmlink:hover .ar img.b,
#bmenu .bmlinks .bmlink.oran .ar img.b {
  display: none
}

.bmlink:hover .ar img.g,
#bmenu .bmlinks .bmlink.oran .ar img.g {
  display: block
}

#bmenu .bmlinks .bmlink span.cr {
  display: inline-block;
  width: 36px;
  height: 36px;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  background: #ef9031;
  background: linear-gradient(-12deg, #ea691d, #ff9f3e);
  cursor: pointer;
  box-shadow: 0 1px 2px #ddd;
  border: 2px solid #fb9437;
  margin-right: 8px
}

#bmenu .bmlinks .bmlink.prem.oran span.cr {
  box-shadow: 0 1px 2px #ce5b2c;
  border: 3px solid #fff
}

#bmenu .bmlinks .bmlink.prem.oran:hover span.cr {
  box-shadow: 0 1px 2px #111
}

#bmenu .bmlinks .bmlink .ic {
  display: inline-block;
  width: 36px;
  height: 36px;
  margin-right: 8px
}

#bmenu .bmlinks .bmlink.reg .ic {
  -webkit-filter: drop-shadow(0 1px 1px #dd602d);
  filter: drop-shadow(0 1px 1px #dd602d)
}

#bmenu .bmlinks .bmlink.reg:hover .ic {
  -webkit-filter: none;
  filter: none
}

#bmenu .bmlinks .bmlink.logn .ic img.o,
#bmenu .bmlinks .bmlink.logn:hover .ic img.b {
  display: none
}

#bmenu .bmlinks .bmlink.logn:hover .ic img.o {
  display: block
}

#header #hmenu.open img.clos {
  -webkit-filter: drop-shadow(0 1px 1px #e87646);
  filter: drop-shadow(0 1px 1px #e87646)
}

/* Footer */
#footer {
  width: 100%;
  z-index: 10
}

#footer .ft_ctabar {
  width: 100%;
  background: #ec6c39;
  border-top: 2px solid #fd7b46
}

#footer .ft_ctabar .cta_btn.w {
  background: #fff;
  color: #ec6c39;
  border: none;
  text-shadow: none;
  font-weight: 900;
  font-size: 1.2vw;
  padding: 0.9vw 2.5vw
}

#footer .ft_ctabar .cta_btn.w:hover {
  background: #ca5525;
  color: #fff;
  box-shadow: inset 0 0 0 2px #fff
}

#footer .ft_ctabar .wrap {
  padding: 0.8vw 1vw 0.8vw 1.5vw
}

#footer .foot_in {
  padding: 3vw;
  background: #131d21;
  margin: 0 auto
}

#footer .foot_in:before {
  content: '';
  position: absolute;
  width: 23%;
  left: 0;
  top: 0;
  height: 100%;
  z-index: 0;
  clip-path: polygon(0 0, 70% 0%, 100% 100%, 0% 100%);
  background: #172327;
  background: linear-gradient(-23deg, #141e21, #1c2a2e)
}

#footer .foot_in .foin_lft {
  width: 30%
}

#footer .foot_in .foin_rt {
  width: 47%
}

#footer .foot_btm {
  background: #fff;
  z-index: 10
}

#footer .foot_btm .wrap {
  height: 3.4vw;
  min-height: 50px
}

#footer .foot_btm .fotb_lnks {
  width: 84%;
  padding: 0 1.8vw
}

#footer .foot_btm .fotb_rech {
  width: 16%;
  background: #ec6c39
}

#footer .lglcon {
  display: none
}

#footer .lglcon .lglnav,
#footer .supbtn {
  color: #fff;
  font-weight: 700;
  font-size: 3.2vw;
  text-transform: uppercase;
  letter-spacing: 0.7px;
  border: 3px solid #f58b45;
  padding: 1.3vw 2vw 1.3vw 3vw;
  border-radius: 50px;
  box-shadow: 0 1px 2px #c65b2e;
  text-shadow: 0 1px 1px #c65b2f;
  background: #dd6534;
  cursor: default
}

#footer .lglcon.sup {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  right: 3%
}

#footer .supbtn {
  padding: 1.3vw 3vw 1.3vw 3vw;
  letter-spacing: 0.25vw;
  font-size: 3.5vw
}

#footer .supbtn .ic {
  display: inline-block;
  width: 3.6vw;
  margin-right: 1.4vw;
  -webkit-filter: drop-shadow(0 1px 1px #c65b2f);
  filter: drop-shadow(0 1px 1px #c65b2f)
}

#footer .supbtn,
#footer .supbtn * {
  cursor: pointer
}

#footer .supbtn:hover {
  border-color: #fff
}

.lglnav .ar {
  display: inline-block;
  width: 2.8vw;
  margin-left: 3px;
  line-height: 0;
  -webkit-filter: drop-shadow(0 1px 2px #c65b2f);
  filter: drop-shadow(0 1px 2px #c65b2f);
  transform: rotate(0);
  transition: 0.2s all
}

#footer .lglcon .lglnav.open {
  background: #c3582c
}

#footer .lglcon .lglnav.open .ar {
  transform: rotate(-90deg);
  transition: 0.2s all
}

#footer .lglnav_con {
  position: absolute;
  width: 38vw;
  background: #fff;
  bottom: 11vw;
  right: 0;
  border: 2px solid #ff7c46;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  display: none
}

#footer .lglnav_con.show {
  display: block
}

#footer .lglnav_con .lgl_in {
  width: 100%;
  overflow: hidden;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px
}

#footer .lglnav_con:before {
  content: '';
  position: absolute;
  width: 12px;
  height: 12px;
  transform: rotate(45deg);
  bottom: -6px;
  right: 7vw;
  background: #fff
}

#footer .lglnav_con a {
  display: block;
  font-weight: 600;
  line-height: 1em;
  padding: 2.6vw 3vw;
  border-bottom: 2px solid #f8f2f2;
  font-size: 3vw;
  letter-spacing: 0.05vw
}

#footer .lglnav_con a:last-child {
  border: none
}

#footer .lglnav_con a:hover {
  background: #ec6d39;
  color: #fff
}

#footer .lglnav_con a .ar {
  position: absolute;
  transform: translateY(-50%);
  top: 50%;
  right: 5%;
  width: 1.5vw;
  line-height: 0;
  opacity: 0.12
}

#footer .lglnav_con a:hover .ar {
  opacity: 1
}

#footer .lglnav_con a:hover .ar img.b,
#footer .lglnav_con a .ar img.w {
  display: none
}

#footer .lglnav_con a:hover .ar img.w {
  display: block
}

#footer .ft_ctabar h3 {
  font-weight: 700;
  color: #fff;
  font-size: 1.45vw;
  letter-spacing: 0.06vw;
  text-shadow: 0 1px 1px #dd602d;
  cursor: default;
  margin: 0
}

#footer .ft_ctabar h3 a:before {
  content: '';
  position: absolute;
  width: 100%;
  height: 2px;
  left: 0;
  bottom: 0;
  background: #ff7e49
}

#footer .ft_ctabar h3 a:hover:before {
  background: #fff
}

#footer .ft_ctabar h3 span {
  font-weight: 700
}

#footer .fot_logo_con {
  width: 100%;
  line-height: 0
}

#footer .fot_logo {
  width: 11vw;
  line-height: 0;
  display: inline-block;
  padding-bottom: 1.65vw
}

#footer .fot_logo img {
  position: absolute;
  width: 11vw
}

#footer .folink a {
  font-weight: 700;
  display: inline-block;
  z-index: 2;
  color: #fff;
  font-size: 2vw;
  letter-spacing: 0.04vw;
  display: inline-block
}

#footer .folink a:hover {
  color: #ec6c39
}

#footer .folink a:before,
#footer .folink a:after {
  content: '';
  position: absolute;
  width: 100%;
  height: 2px;
  background: #223137;
  left: 0;
  bottom: -3px
}

#footer .folink a:after {
  z-index: 1;
  background: #ec6c39;
  visibility: hidden;
  -webkit-transform: scaleX(0);
  transform: scaleX(0);
  -webkit-transition: .2s all;
  transition: .2s all;
  -webkit-transform-origin: 0 0;
  -moz-transform-origin: 0 0;
  -o-transform-origin: 0 0;
  -ms-transform-origin: 0 0;
  transform-origin: 0 0
}

#footer .folink a:hover:after {
  visibility: visible;
  -webkit-transform: scaleX(1);
  transform: scaleX(1);
  transition: .2s all
}

#footer .fot_links {
  width: 100%;
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  grid-template-columns: 38% 34% 23%;
  grid-template-rows: repeat(3, 1fr);
  grid-column-gap: 1vw;
  grid-row-gap: 1.5vw
}

#footer .flogin {
  bottom: 0;
  left: 0;
  display: inline-block;
  position: absolute
}

#footer .flogin a {
  color: #fff;
  background: #131d21;
  font-weight: 600;
  font-size: 1.2vw;
  line-height: 1em;
  letter-spacing: 1px;
  padding: 0.6vw 2.5vw;
  border: 3px solid #ec6d39;
  -webkit-border-radius: 60px;
  -moz-border-radius: 60px;
  border-radius: 60px
}

#footer .flogin a:hover {
  border-color: #fff
}

#footer .flogin a .ic {
  width: 0.8vw;
  line-height: 0;
  margin-left: 5px;
  transition: 0.25s all;
  transform: rotate(0)
}

#footer .flogin a:hover .ic {
  transition: 0.25s all;
  transform: rotate(45deg)
}

#footer .fsoc_lnk {
  width: 1.8vw;
  height: 1.8vw;
  margin: 0 0.3vw
}

#footer .fsoc_lnk:first-child {
  margin-left: 1.2vw
}

#footer .fsoc_lnk:hover {
  opacity: 0.75
}

#footer .copy,
#footer .fsublnk {
  color: #bab5b5;
  font-size: 0.95vw;
  font-weight: 600;
  letter-spacing: 0.2px;
  cursor: default
}

#footer .fsublnk {
  margin: 0 0.8vw;
  cursor: pointer
}

#footer .fsublnk:last-child {
  margin-right: 0
}

#footer .fsublnk:hover {
  color: #131d21
}

#footer .folink a .crwn {
  width: 1.6vw;
  height: 1.6vw;
  margin-right: 0.5vw;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  cursor: pointer;
  background: #ef9031;
  background: linear-gradient(-12deg, #ea691d, #ff9f3e);
  display: inline-block;
  margin-bottom: -0.05vw;
  border: 2px solid #fc973a
}

#footer .folink a .crwn * {
  cursor: pointer
}

/* 404 */
.error #main #footer {
  bottom: 0
}

.error .errwrp {
  width: 100%
}

.error .notfound {
  width: 100%;
  padding: 3vw 0;
  color: #fff;
  z-index: 0
}

.error .notfound .vnv_error {
  text-align: center
}

.error .notfound .vnv_error:before,
.error .notfound .vnv_error:after,
.construct_con .construct:before,
.construct_con .construct:after {
  content: '';
  position: absolute;
  transform: translate(-50%, -50%);
  top: 50%;
  left: 50%;
  width: 40vw;
  height: 40vw;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  border: 3vw solid #fff;
  z-index: -1;
  opacity: 0.08
}

.error .notfound .vnv_error:after,
.construct_con .construct:after {
  border-width: 15px;
  width: 44vw;
  height: 44vw;
  background: #c0baba
}

.vnv_error h1 {
  color: #fff;
  font-weight: 700;
  font-size: 11vw;
  cursor: default;
  letter-spacing: -0.3vw;
  line-height: 0.75em;
  text-shadow: 1px 2px 5px #172227;
  left: -0.6vw;
  margin-bottom: 1.2vw
}

.vnv_error p {
  font-weight: 600;
  color: #fff;
  font-size: 2vw
}

.error .notfound .vnv_error .cta_btn {
  margin-top: 1.2vw;
  font-size: 1.6vw;
  padding: 1.2vw 4vw;
  font-weight: 700;
  box-shadow: 1px 2px 5px #172227
}

.error .notfound .vnv_error .cta_btn:hover {
  border-color: #ff9e4d
}

/* Under Construction */
.construct_con {
  width: 100%;
  padding: 3vw 0;
  color: #fff;
  z-index: 0
}

.construct_con .construct {
  max-width: 27vw;
  text-align: center;
  margin-top: -1vw
}

.construct_con .construct h1 {
  font-weight: 700;
  color: #fff;
  font-size: 2.5vw;
  letter-spacing: 0.04vw
}

.construct_con .construct h1 span {
  color: #ec6c39;
  border-bottom: 3px solid #ec6c39
}

.construct_con .construct .cons {
  margin: 0 auto;
  margin-bottom: 1.5vw;
  width: 100%;
  max-width: 13vw;
  opacity: 0.35
}

.construct_con .construct:after {
  background: transparent
}

/* Unsubscribed */
.unsub #footer .foot_in {
  display: none
}

.construct_con.unsub .construct .cons {
  opacity: 1
}

.construct_con.unsub .construct {
  max-width: 38vw
}

.unsub .construct h1.sm {
  font-size: 2.25vw;
  letter-spacing: 0.15vw
}

.unsub .construct h1.sm span {
  text-decoration: none;
  display: inline-block
}

/* frontend logged in */
#header .havatar,
#header .hpremium {
  border-right: none;
  border-left: 2px solid #f7eded
}

#header .havatar .ava_c,
#header .hpremium .cr {
  border: 2px solid #ec6d39;
  position: absolute;
  transform: translate(-50%, -50%);
  top: 50%;
  left: 50%;
  width: 65%;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%
}

#header .havatar .ava_c .ar {
  position: absolute;
  z-index: 20;
  cursor: pointer;
  width: 11px;
  height: 11px;
  background: #ec6d39;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  transform: translateY(-50%);
  top: 50%;
  left: -6px;
  overflow: hidden
}

#header .havatar .ava_c .ar img {
  position: absolute;
  transform: translate(-50%, -50%);
  top: 55%;
  left: 50%;
  width: 55%
}

#header .open .havatar .ava_c .ar {
  display: none
}

#header .havatar .ava {
  width: 100%;
  padding-bottom: 100%;
  overflow: hidden;
  cursor: pointer;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  background: #414344
}

#header .havatar .ava img {
  position: absolute;
  transform: translate(-50%, -50%);
  top: 50%;
  left: 50%;
  width: 102%;
  height: 102%;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%
}

#header .havatar .ava img.cls {
  width: 65%;
  height: 65%;
  z-index: 10;
  display: none
}

#header .user_menu.open .havatar .ava img.cls {
  display: block
}

#header .open .havatar .ava:before {
  content: '';
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  z-index: 5;
  background: #eb703c
}

#header .hpremium .cr {
  padding-bottom: 65%;
  background: #ef9031;
  background: linear-gradient(-12deg, #ea691d, #ff9f3e);
  cursor: pointer;
  border: none;
  box-shadow: 0 1px 1px #ddd
}

#header .hpremium:hover .cr {
  background: #ec8239
}

#header .hpremium .cr img,
#bmenu .bmlinks .bmlink span.cr img,
#footer .folink a .crwn img {
  width: 55%;
  position: absolute;
  cursor: pointer;
  transform: translate(-50%, -50%);
  top: 50%;
  left: 50%
}

#footer .folink a .crwn img {
  width: 62%
}

#footer .folink.pod a .crwn img {
  width: 44%
}

#header .amenu_wrp {
  width: 230px;
  position: absolute;
  right: 0;
  top: 57px;
  display: none;
  opacity: 0;
  transition: 0.3s all;
  transform: translateY(15px);
  z-index: 50
}

#header .user_menu.open .amenu_wrp {
  display: block;
  animation: ampushUp 0.3s;
  animation-fill-mode: forwards
}

#header .user_menu.hide .amenu_wrp {
  display: block;
  animation: ampushDown 0.3s;
  animation-fill-mode: forwards
}

#header .user_menu .amenu_wrp:before {
  content: '';
  position: absolute;
  width: 12px;
  height: 12px;
  transform: rotate(45deg);
  top: -4px;
  right: 20px;
  background: #ee8f2d;
  z-index: 0
}

#header .user_menu .amenu_wrp .amenu_in {
  width: 100%;
  background: #fbf7f7;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  z-index: 20;
  border: 2px solid #ee8f2d;
  overflow: hidden
}

#header .amenu_in .am_lnks {
  width: 100%;
  font-weight: 700;
  font-size: 17px;
  color: #111;
  line-height: 1em;
  cursor: pointer;
  padding: 18px 23px;
  text-transform: uppercase;
  border-bottom: 2px solid #f1ecec;
  letter-spacing: 0.5px
}

#header .amenu_in .am_lnks * {
  cursor: pointer
}

#header .amenu_in .am_lnks:hover {
  background: #fff
}

#header .amenu_in .am_lnks .ar {
  position: absolute;
  width: 9px;
  line-height: 0;
  transform: translate(-50%, -50%);
  top: 50%;
  right: 12px;
  opacity: 0.13;
  transition: 0.25s all
}

#header .amenu_in .am_lnks .ar img.b,
.amenu_in .am_lnks:hover .ar img.g {
  display: block
}

#header .amenu_in .am_lnks:hover .ar img.b,
.amenu_in .am_lnks .ar img.g {
  display: none
}

#header .amenu_in .am_lnks:hover .ar {
  opacity: 1;
  transition: 0.25s all;
  transform: translate(-25%, -50%)
}

#header .amenu_in .am_lnks .ic {
  width: 20px;
  height: 20px;
  line-height: 0;
  margin-right: 6px
}

#header .amenu_in #logout {
  padding: 12px 16px 12px 23px;
  border-bottom: none;
  text-shadow: 1px 1px 1px #da6939;
  font-size: 18px;
  background: #ec6d39;
  background: radial-gradient(ellipse at top left, #eb7240 24%, #ec6d39 100%);
  color: #fff
}

#header .amenu_in #logout span {
  color: #fff
}

#header .amenu_in #logout:hover {
  background: #dd6130
}

#header .amenu_in #logout .ic {
  width: 26px;
  height: 26px;
  margin-right: 0;
  border: 1px solid #ff956a;
  box-shadow: 0 1px 2px #ce6235;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%
}

#header .amenu_in #logout.clk .ic {
  border: none;
  box-shadow: none;
  background: transparent
}

#header .amenu_in #logout.clk img {
  display: none
}

#header .amenu_in .credits_con,
#header .amenu_in .credits_con .am_lnks {
  width: 100%;
  background: #fff
}

#header .amenu_in .credits_con .am_lnks:hover {
  background: #fbf7f7
}

#header .am_lnks #pcredits {
  color: #fff;
  font-weight: 600;
  line-height: 1em;
  font-size: 13px;
  position: absolute;
  transform: translateY(-50%);
  top: 50%;
  right: 15px;
  -webkit-border-radius: 50px;
  -moz-border-radius: 50px;
  border-radius: 50px;
  padding: 4px 10px;
  background: #ec6d39;
  text-shadow: 0px 1px 1px #d75d2d;
  border: 2px solid #e5eaf5
}

#header .amenu_in #logout .load {
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  box-shadow: 0 2px 0 #fff;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  width: 100%;
  animation: spin 1.5s linear infinite;
  display: none
}

#header .amenu_in #logout.clk .load {
  display: block
}

/* Premium Lightbox */
#premlight {
  position: fixed;
  z-index: 20;
  width: 90%;
  max-width: 750px;
  transform: translate(-50%, -50%);
  left: 50%;
  top: 50%;
  display: none;
  opacity: 0;
  animation: slideUp .3s;
  animation-fill-mode: forwards
}

#premlight.show {
  display: block;
  opacity: 0;
  animation: slideUp .3s;
  animation-fill-mode: forwards;
  animation-delay: 0.3s
}

#premlight .wiprembox {
  width: 100%;
  background: #202527;
  -webkit-border-radius: 12px;
  -moz-border-radius: 12px;
  border-radius: 12px;
  border: 2px solid #484b4c;
  box-shadow: 0 2px 10px #191a1b;
  padding: 28px
}

#premlight .pclose {
  width: 40px;
  height: 40px;
  background: #ec6d39;
  position: absolute;
  right: 0;
  top: -10px;
  cursor: pointer;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  z-index: 10;
  transform: translateY(-100%);
  border: 2px solid #ff804d
}

#premlight .pclose:hover {
  background: #f87845
}

#premlight .pclose img {
  position: absolute;
  width: 50%;
  line-height: 0;
  transform: translate(-50%, -50%);
  top: 50%;
  left: 50%;
  -webkit-filter: drop-shadow(0 0 1px #c56c12);
  filter: drop-shadow(0 0 1px #c56c12)
}

#premlight .wiprembox .pvidwrp {
  overflow: hidden;
  -webkit-border-radius: 12px;
  -moz-border-radius: 12px;
  border-radius: 12px;
  border: 4px solid #ec6d39;
  background: linear-gradient(-23deg, #202527, #32383b)
}

#premlight .wiprembox .pvideo {
  width: 100%;
  padding-bottom: 56.25%;
  cursor: pointer
}

#premlight .wiprembox .pvideo * {
  cursor: pointer
}

#premlight .wiprembox .pvideo img {
  width: 50%;
  transform: translate(-50%, -50%);
  top: 50%;
  left: 50%
}

#premlight .wiprembox h2 {
  display: block;
  margin-bottom: 15px;
  color: #fff;
  font-weight: 700;
  font-size: 36px;
  text-align: center;
  letter-spacing: 1px;
  text-shadow: 0 1px 1px #161515
}

#premlight .wiprembox h2 span {
  color: #ec6d39
}

#premlight .wiprembox .pvideo iframe,
#premlight .wiprembox .pvideo .thumb {
  position: absolute;
  line-height: 0;
  width: 100%;
  height: 100%;
  z-index: 0;
  top: 0;
  left: 0
}

#premlight .wiprembox .pvideo .thumb {
  transform: translate(-50%, -50%);
  height: auto;
  width: 100%;
  top: 50%;
  left: 50%
}

.pvideo .play {
  position: absolute;
  width: 80px;
  height: 80px;
  transform: scale(1);
  bottom: 15px;
  left: 15px;
  background: #ec6c39;
  background: linear-gradient(-23deg, #e56937, #f8733f);
  z-index: 10;
  border: 2px solid #f78c42;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  box-shadow: 0 2px 5px rgb(41 39 39 / 42%);
  transition: 0.3s all;
  overflow: hidden
}

.pvideo:hover .play {
  transition: 0.3s all;
  transform: scale(1.05)
}

.pvideo .play img {
  -webkit-filter: drop-shadow(0 1px 2px #c56c12);
  filter: drop-shadow(0 1px 2px #c56c12)
}

#solay2 .pclose_lay {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  z-index: 0
}

/* Pay */
.pay #footer .ft_ctabar,
.pay #footer .foot_in {
  display: none
}

.pay.failed .fldcart {
  width: 40%;
  margin-bottom: 1.5vw
}

.pay.failed .construct_con .construct {
  max-width: 36vw;
  margin-top: -3vw
}

.pay.failed .construct_con .construct:before,
.pay.failed .construct_con .construct:after {
  top: 54%
}

.pay.failed .construct_con .construct h1 {
  letter-spacing: 0.1vw;
  padding: 0 8%
}

.pay.failed .construct_con .construct p {
  color: #fff;
  font-weight: 600;
  text-align: center;
  margin-top: 1.5vw;
  letter-spacing: 0.1vw;
  font-size: 1.55vw
}

.pay.failed .construct_con .construct p a {
  color: #5b8cfe;
  text-decoration: underline
}

/* Hellobar */
@keyframes arrSlide {
  0% {
    transform: translate(-50%, -50%)
  }

  50% {
    transform: translate(-36%, -50%)
  }

  100% {
    transform: translate(-50%, -50%)
  }
}

@-webkit-keyframes arrSlide {
  0% {
    transform: translate(-50%, -50%)
  }

  50% {
    transform: translate(-36%, -50%)
  }

  100% {
    transform: translate(-50%, -50%)
  }
}

.promo.show .superwrap.hfixed {
  padding-top: 139px
}

.promo.show .hfixed #sidebar .stick_con {
  top: 159px
}

.promo.show #bnavi .bnav_wrp .bnav_in {
  top: 27%
}

.promo.show #bmenu {
  padding-top: 139px
}

.promo.show #bmenu .bm_in {
  overflow-y: scroll
}

#hellobar2 {
  width: 100%;
  height: 80px;
  background: #ec6d39;
  border-bottom: 2px solid #de5f2b;
  overflow: hidden;
  cursor: pointer;
  display: none
}

#hellobar2:hover {
  background: #f57441
}

#hellobar2 * {
  cursor: pointer
}

.promo.show #hellobar2 {
  display: flex
}

#hellobar2 a.full {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  z-index: 1000000;
  cursor: pointer
}

#hellobar2 .hleft,
#hellobar2 .hright {
  width: 80px
}

#hellobar2 .hleft {
  z-index: 1000
}

#hellobar2 .hcirc {
  background: #fff;
  width: 50px;
  height: 50px;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  border: 2px solid #ddd
}

#hellobar2:hover .hcirc {
  border-color: #de5f2b
}

#hellobar2 img.cntrd {
  position: absolute;
  width: 50%;
  transform: translate(-50%, -50%);
  top: 50%;
  left: 50%
}

#hellobar2 .hcirc img {
  width: 34%;
  left: 53%;
  animation: arrSlide;
  animation-duration: 2.3s;
  animation-iteration-count: infinite
}

#hellobar2 .hcirc.ic {
  background: #cb5422;
  border-color: #fff;
  cursor: pointer;
  z-index: 100
}

#hellobar2 .hcirc.ic img {
  width: 50%;
  left: 50%;
  animation: none
}

#hellobar2 h2 {
  color: #fff;
  font-weight: 700;
  font-size: 20px;
  letter-spacing: 1px;
  text-shadow: 0 1px 1px #c85626
}

#hellobar2 h2 span.mob,
#hellobar2 h2 span.m {
  display: none
}

#hellobar2 .free {
  line-height: 1em;
  color: #de5f2b;
  text-transform: uppercase;
  font-size: 18px;
  font-weight: 700;
  letter-spacing: 1.5px;
  padding: 10px;
  background: #fff;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  margin-right: 14px;
  box-shadow: 0 1px 2px #c85626
}

#hellobar2 .free .emj {
  display: inline-block;
  width: 18px;
  margin: 0 8px
}

#hellobar2.adeal .hcirc.ic {
  background: #fff;
  border-color: #ddd
}

#hellobar2.adeal .hcirc.ic img {
  width: 68%
}

#hellobar2.adeal .free .emj {
  width: 25px
}

#hellobar2.adeal .free span.countdown_prem,
#hellobar2.adeal.count .free span.tx {
  display: none
}

#hellobar2.adeal.count .free span.countdown_prem {
  display: block
}

#hellobar2 .free .hclose {
  display: none
}

#hellobar2.adeal.bf .hcirc.ic {
  border-color: #ab3f12;
  background: linear-gradient(-12deg, #212527, #3f4549);
  box-shadow: 0 2px 2px #d45a29
}

#hellobar2.adeal.bf .free .emj img {
  -webkit-filter: drop-shadow(0 1px 1px #ccc);
  filter: drop-shadow(0 1px 1px #ccc)
}

@media screen and (min-width:1400px) {
  #bmenu .bm_in {
    height: calc(100% - 105px)
  }
}

@media screen and (min-width:1600px) {
  .superwrap.hfixed {
    padding-top: 66px
  }

  #header .htop {
    height: 64px
  }

  #header .logo {
    width: 170px;
    height: 28px
  }

  #header #hmenu,
  #header .login,
  #header .hreg,
  #header .havatar,
  #header .hpremium {
    width: 64px;
    height: 64px
  }

  #header #hmenu img,
  #header .login img {
    width: 24px;
    height: 24px
  }

  #main {
    min-height: calc(100vh - 59px)
  }

  #header .amenu_wrp {
    top: 64px;
    width: 270px
  }

  #header .amenu_in .am_lnks,
  #header .amenu_in #logout {
    padding: 19px 25px;
    font-size: 21px
  }

  #header .am_lnks #pcredits {
    font-size: 15px;
    padding: 5px 13px
  }

  #header .amenu_in .am_lnks .ar {
    width: 11px
  }

  #header .amenu_in #logout .ic {
    width: 28px;
    height: 28px
  }

  #header .amenu_in #logout {
    padding: 14px 16px 14px 23px
  }

  #header .htag {
    font-size: 17px;
    bottom: -42px
  }

  #header .havatar .ava_c .ar {
    width: 13px;
    height: 13px;
    left: -7px
  }

  #bmenu .bmlinks .bmlink {
    font-size: 1.8vw
  }

  #bmenu .bmlinks .bmlink .ic,
  #bmenu .bmlinks .bmlink span.cr {
    width: 2vw;
    height: 2vw;
    margin-right: 0.5vw
  }

  .bmlink .ar {
    width: 15px
  }

  #premlight {
    max-width: 850px
  }

  #premlight .wiprembox h2 {
    font-size: 42px;
    margin-bottom: 20px
  }

  .pvideo .play {
    width: 100px;
    height: 100px
  }

  #premlight .pclose {
    width: 50px;
    height: 50px
  }
}

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

  #hellobar2 h2,
  #hellobar2 .free {
    font-size: 22px
  }
}

@media screen and (min-width:1900px) {
  #premlight {
    max-width: 1000px
  }

  #premlight .wiprembox h2 {
    font-size: 47px;
    margin-bottom: 23px
  }
}

@media screen and (min-width:2000px) {
  .vnv_error h1 {
    font-size: 230px;
    letter-spacing: -5px;
    left: -7px;
    margin-bottom: 20px
  }

  .vnv_error p {
    font-size: 40px
  }

  .error .notfound .vnv_error .cta_btn {
    font-size: 33px;
    margin-top: 20px;
    padding: 22px 70px
  }

  #footer .ft_ctabar h3 {
    font-size: 28px;
    letter-spacing: 1px
  }

  #footer .ft_ctabar .cta_btn.w {
    font-size: 25px;
    padding: 18px 40px
  }

  #footer .fot_logo,
  #footer .fot_logo img {
    width: 220px
  }

  #footer .fot_logo {
    padding-bottom: 34px
  }

  #footer .flogin a {
    font-size: 25px;
    padding: 12px 40px
  }

  #footer .flogin a .ic {
    width: 17px;
    margin-left: 6px
  }

  #footer .copy,
  #footer .fsublnk {
    font-size: 19px
  }

  #footer .fsublnk {
    margin: 0 15px
  }

  #footer .ft_ctabar .wrap {
    padding: 15px 20px 15px 30px
  }

  #footer .foot_btm .fotb_lnks {
    padding: 0 32px
  }

  #footer .fsoc_lnk {
    width: 36px;
    height: 36px;
    margin: 0 6px
  }

  #footer .fsoc_lnk:first-child {
    margin-left: 28px
  }

  #footer .foot_in {
    padding: 55px
  }

  #footer .folink a {
    font-size: 40px;
    letter-spacing: 1px
  }

  #footer .fot_links {
    grid-row-gap: 30px;
    grid-column-gap: 20px
  }

  #footer .foot_btm .wrap {
    height: 68px
  }

  .construct_con .construct {
    max-width: 550px
  }

  .construct_con .construct .cons {
    max-width: 260px;
    margin-bottom: 30px
  }

  .construct_con .construct h1 {
    font-size: 50px;
    letter-spacing: 1px
  }

  #footer .folink a .crwn {
    width: 32px;
    height: 32px;
    margin-right: 12px;
    margin-bottom: -1px
  }

  #bmenu .bmlinks .bmlink .ic,
  #bmenu .bmlinks .bmlink span.cr {
    width: 40px;
    height: 40px;
    margin-right: 10px
  }

  #bmenu .bmlinks .bmlink {
    font-size: 35px;
    padding: 50px 22px 50px 30px
  }

  .construct_con.unsub .construct {
    max-width: 760px
  }

  .pay.failed .construct_con .construct {
    max-width: 720px;
    margin-top: -60px
  }

  .pay.failed .fldcart {
    margin-bottom: 30px
  }

  .pay.failed .construct_con .construct h1 {
    letter-spacing: 2px
  }

  .pay.failed .construct_con .construct p {
    font-size: 31px;
    letter-spacing: 2px;
    margin-top: 30px
  }

  .superwrap .sbrds {
    position: absolute;
    width: 2px;
    height: 100%;
    z-index: 1000000;
    background: #ec6d39;
    top: 0
  }

  .superwrap .sbrds.lft {
    left: 0
  }

  .superwrap .sbrds.rt {
    right: 0
  }

  .unsub .construct h1.sm {
    font-size: 45px;
    letter-spacing: 3px
  }
}

@media screen and (max-width:1300px) {
  #footer .ft_ctabar h3 {
    font-size: 1.7vw
  }

  #footer .ft_ctabar .cta_btn.w {
    font-size: 1.5vw
  }

  #footer .fot_logo img,
  #footer .fot_logo {
    width: 12vw
  }

  #footer .fot_logo {
    padding-bottom: 1.85vw
  }

  #footer .copy,
  #footer .fsublnk {
    font-size: 1.05vw
  }

  #footer .folink a .crwn {
    width: 1.8vw;
    height: 1.8vw;
    margin-bottom: -0.17vw
  }

  .pay.failed .construct_con .construct {
    max-width: 480px
  }

  .pay.failed .construct_con .construct p {
    margin-top: 25px;
    font-size: 21px;
    letter-spacing: 1px
  }

  .pay.failed .construct_con .construct h1 {
    font-size: 36px;
    letter-spacing: 1px
  }

  #hellobar2.adeal .hleft {
    display: none
  }

  #hellobar2.adeal .hcenter {
    padding-left: 1.5vw
  }

  #hellobar2 .free {
    font-size: 1.5vw;
    letter-spacing: 0.2vw;
    margin-right: 1.5vw;
    padding: 1vw
  }

  #hellobar2.adeal .free .emj {
    width: 2vw
  }

  #hellobar2.adeal h2 {
    font-size: 1.6vw
  }

  #hellobar2.adeal.bf h2 {
    font-size: 1.7vw
  }
}

@media screen and (max-width:1250px) {
  #footer .foot_in .foin_rt {
    width: 50%
  }
}

@media screen and (max-width:1200px) {
  .vnv_error h1 {
    font-size: 12vw
  }

  .vnv_error p {
    font-size: 2.2vw
  }

  .error .notfound .vnv_error .cta_btn {
    font-size: 1.8vw
  }

  #footer .ft_ctabar h3 {
    font-size: 19px
  }

  #footer .ft_ctabar .cta_btn.w {
    font-size: 1.4vw
  }

  #footer .fot_logo img,
  #footer .fot_logo {
    width: 12vw
  }

  #footer .fot_logo {
    padding-bottom: 1.85vw
  }

  #footer .copy,
  #footer .fsublnk {
    font-size: 1vw
  }

  #footer .flogin a {
    font-size: 1.4vw
  }

  #footer .flogin a .ic {
    width: 0.95vw
  }

  #footer .fsoc_lnk:first-child {
    margin-left: 17px
  }

  #footer .fsoc_lnk {
    width: 2.1vw;
    height: 2.1vw
  }

  #footer .fot_links {
    grid-row-gap: 1.8vw
  }

  #footer .folink a {
    font-size: 2.2vw
  }

  #footer .foot_in .foin_rt {
    width: 55%
  }

  #footer .copy,
  #footer .fsublnk {
    font-size: 13px
  }

  .construct_con {
    padding: 6vw 0
  }

  #footer .folink a .crwn {
    width: 2vw;
    height: 2vw
  }

  #hellobar2 .hleft {
    display: none
  }

  #hellobar2 .hcenter {
    padding-left: 20px
  }

  #hellobar2 h2 {
    font-size: 1.9vw;
    letter-spacing: 0.1vw
  }

  #hellobar2 .free {
    font-size: 1.4vw;
    letter-spacing: 0.2vw;
    padding: 1vw;
    margin-right: 1.2vw
  }
}

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

  #footer .fot_logo img,
  #footer .fot_logo {
    width: 140px
  }

  #footer .fot_logo {
    padding-bottom: 21px
  }

  #footer .flogin a {
    font-size: 18px;
    padding: 7px 20px
  }

  #footer .flogin a .ic {
    width: 12px
  }

  #footer .ft_ctabar .cta_btn.w {
    font-size: 18px;
    padding: 12px 30px
  }

  #footer .foot_in {
    padding: 40px
  }

  #footer .foot_in .foin_rt {
    width: 530px
  }

  #footer .foot_in .foin_lft {
    width: 180px
  }

  #footer .folink a {
    font-size: 24px;
    letter-spacing: 0.5px
  }

  #footer .fot_links {
    grid-row-gap: 20px
  }

  .error .notfound .vnv_error .cta_btn,
  .vnv_error p {
    font-size: 24px
  }

  .vnv_error h1 {
    font-size: 140px;
    margin-bottom: 15px
  }

  .error .notfound .vnv_error .cta_btn {
    margin-top: 18px;
    padding: 13px 35px
  }

  #footer .fsoc_lnk {
    width: 23px;
    height: 23px;
    margin: 0 4px
  }

  #footer .ft_ctabar .wrap {
    padding: 10px 15px 10px 20px
  }

  #footer .foot_in:before {
    width: 290px
  }

  .error .notfound .vnv_error:before {
    width: 50vw;
    height: 50vw
  }

  .error .notfound .vnv_error:after {
    width: 55vw;
    height: 55vw
  }

  .construct_con .construct {
    max-width: 38vw
  }

  .construct_con .construct .cons {
    max-width: 17vw;
    margin-bottom: 2.2vw
  }

  .construct_con .construct h1 {
    font-size: 3.5vw
  }

  #footer .folink a .crwn {
    width: 22px;
    height: 22px;
    margin-right: 6px
  }
}

@media screen and (max-width:1050px) {
  .construct_con .construct:after {
    border-width: 4vw;
    width: 50vw;
    height: 50vw
  }

  .construct_con.unsub .construct {
    max-width: 54vw
  }
}

@media screen and (max-width:1000px) {
  .promo.show .superwrap.hfixed {
    padding-top: 199px
  }

  .promo.show .hfixed #sidebar .stick_con {
    top: 219px
  }

  .promo.show #bnavi .bnav_wrp .bnav_in {
    top: 27%
  }

  .promo.show #bmenu {
    padding-top: 199px
  }

  .promo.show #bmenu .bm_in {
    overflow-y: scroll
  }

  #hellobar2 {
    height: 140px
  }

  #hellobar2 .hright {
    display: none
  }

  #hellobar2 .hcenter,
  #hellobar2 .ctatxbx {
    padding: 0;
    width: 100%;
    -moz-justify-content: center;
    -ms-justify-content: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center
  }

  #hellobar2 h2 {
    width: 66%;
    text-align: left;
    font-size: 2.8vw;
    letter-spacing: 0.15vw
  }

  #hellobar2 h2 span.mob {
    display: block;
    color: #3f3fc1;
    text-decoration: underline;
    font-weight: 900
  }

  #hellobar2:hover h2 span.mob {
    color: #3c3cc0
  }

  #hellobar2 .free {
    margin: 0;
    font-size: 2vw;
    margin-right: 2vw
  }

  #hellobar2.adeal h2 {
    font-size: 2.45vw
  }

  #hellobar2.adeal .free .emj {
    width: 3vw
  }

  #hellobar2.bf h2 {
    width: 60%
  }

  #hellobar2.adeal.bf h2 {
    font-size: 2.75vw;
    line-height: 1.25em
  }

  .unsub .construct h1.sm {
    font-size: 3.25vw;
    letter-spacing: 0.2vw
  }
}

@media screen and (max-width:950px) {
  #footer .fsublnk {
    margin: 0 10px
  }

  #footer .foot_btm .fotb_lnks {
    width: calc(100% - 160px)
  }

  #footer .foot_btm .fotb_rech {
    width: 160px
  }

  #footer .fsublnk:nth-child(4) {
    display: none
  }

  #footer .foot_in {
    padding: 40px 30px
  }

  #premlight {
    max-width: none;
    top: 370px
  }

  #premlight .wiprembox {
    padding: 4vw
  }

  #premlight .wiprembox h2 {
    font-size: 4.5vw;
    margin-bottom: 2vw;
    letter-spacing: 0.05vw
  }
}

@media screen and (max-width:850px) {
  #footer .fsublnk:nth-child(6) {
    display: none
  }

  .error .notfound {
    padding: 10vw 0
  }

  #footer .foot_in {
    padding-left: 4vw
  }
}

@media screen and (max-width:800px) {
  #footer .foot_in .foin_rt {
    width: 100%;
    -webkit-order: 1;
    -ms-flex-order: 1;
    order: 1
  }

  #footer .foot_in .foin_lft {
    width: 100%;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    order: 2;
    margin-top: 6vw
  }

  #footer .flogin {
    left: auto;
    position: relative
  }

  #footer .fot_logo_con {
    width: auto
  }

  #footer .foot_in {
    padding: 5vw 5vw 4.5vw 5vw
  }

  #footer .folink a {
    font-size: 4vw
  }

  .error .notfound .vnv_error:before {
    width: 60vw;
    height: 60vw;
    border-width: 5vw
  }

  .error .notfound .vnv_error:after {
    width: 65vw;
    height: 65vw;
    border-width: 5vw
  }

  #footer .fot_links {
    grid-template-columns: 38% 34% 25%
  }

  #footer .ft_ctabar h3 {
    font-size: 2.4vw
  }

  #footer .ft_ctabar .cta_btn.w {
    padding: 1.8vw 3vw
  }

  #footer .folink a .crwn {
    width: 3.3vw;
    height: 3.3vw;
    margin-right: 0.9vw
  }

  #footer .fot_links {
    grid-row-gap: 27px
  }

  .promo.show .hfixed #sidebar .stick_con {
    top: 0
  }
}

@media screen and (max-width:750px) {
  #footer .ft_ctabar {
    display: none
  }

  #footer {
    border-top: 2px solid #ec6d39
  }

  .construct_con {
    padding: 10vw 0
  }

  .construct_con .construct {
    max-width: 55vw
  }

  .construct_con .construct .cons {
    max-width: 27vw;
    margin-bottom: 2.8vw
  }

  .construct_con .construct h1 {
    font-size: 5.2vw
  }

  .construct_con .construct:before {
    width: 70vw;
    height: 70vw
  }

  .construct_con .construct:after {
    width: 83vw;
    height: 83vw;
    border-width: 5vw
  }

  #footer .fsublnk:nth-child(2) {
    display: none
  }

  .construct_con.unsub .construct {
    max-width: 80vw
  }

  .pay #footer {
    border: none
  }

  .unsub #footer .foot_in {
    display: flex
  }

  .unsub .construct h1.sm {
    font-size: 5vw;
    letter-spacing: 0.25vw
  }
}

@media screen and (max-width:700px) {
  #footer .foot_btm {
    background: #ec6d39;
    border-top: 2px solid #ff7d47;
    -webkit-border-top-left-radius: 15px;
    -webkit-border-top-right-radius: 15px;
    -moz-border-radius-topleft: 15px;
    -moz-border-radius-topright: 15px;
    border-top-left-radius: 15px;
    border-top-right-radius: 15px
  }

  .error .notfound .vnv_error:before {
    width: 75vw;
    height: 75vw
  }

  .error .notfound .vnv_error:after {
    width: 80vw;
    height: 80vw
  }

  #footer .foot_btm .fotb_lnks {
    display: none
  }

  #footer .foot_btm .fotb_rech {
    width: auto
  }

  #footer .foot_btm .wrap {
    min-height: 0;
    height: auto;
    height: 12vw;
    padding: 0 3vw
  }

  #footer .fsoc_lnk {
    width: 7vw;
    height: 7vw;
    margin: 0 1.1vw;
    -webkit-filter: drop-shadow(0 1px 2px #d65c2c);
    filter: drop-shadow(0 1px 2px #d65c2c)
  }

  #footer .lglcon {
    display: flex
  }

  #footer .fsoc_lnk:first-child {
    margin-left: 0
  }

  #footer .foot_in:before {
    width: 51%
  }

  #footer .folink a .crwn {
    width: 3.8vw;
    height: 3.8vw;
    margin-bottom: -0.45vw;
    margin-right: 1vw
  }

  #hellobar2 {
    height: 27vw;
    padding-top: 2vw
  }

  .promo.show .superwrap.hfixed,
  .promo.show #bmenu {
    padding-top: calc(59px + 27vw)
  }

  #hellobar2 h2 {
    width: 100%;
    text-align: center;
    padding: 0 7%;
    font-size: 3.7vw;
    letter-spacing: 0.12vw;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis
  }

  #hellobar2 .free {
    width: 96%;
    margin: 0;
    margin-bottom: 3.6vw;
    font-weight: 900;
    letter-spacing: 1vw;
    padding: 2vw;
    font-size: 4vw
  }

  #hellobar2 .free .emj {
    width: 5vw
  }

  #hellobar2,
  #hellobar2 .hcenter {
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start
  }

  #hellobar2.adeal h2 {
    font-size: 3.22vw
  }

  #hellobar2.adeal .free .emj {
    width: 6vw
  }

  #hellobar2 .free {
    z-index: 1000
  }

  #hellobar2 .free .emj.rt {
    display: none
  }

  #hellobar2 .free .hclose {
    display: inline-block;
    width: 6vw;
    margin: 0 8px
  }

  #hellobar2 .free .hclose img {
    right: -8px
  }

  #bmenu .bmlinks .bmlink {
    padding: 4vh 22px 4vh 30px
  }

  #hellobar2.adeal .hcenter {
    padding: 0
  }

  #hellobar2.adeal.bf h2 {
    width: 100%;
    font-size: 3.5vw
  }

  #hellobar2.bf .free {
    margin-bottom: 3vw
  }

  #hellobar2.bf h2 span.mob {
    display: inline
  }
}

@media screen and (max-width:600px) {
  #footer .lglnav_con {
    bottom: 12vw
  }

  #header #hmenu:hover .htag,
  #header .hlogin:hover .htag {
    display: none
  }

  #header #hmenu:hover,
  #header .login:hover,
  #header .hreg:hover,
  #header .havatar:hover,
  #header .hpremium:hover {
    border-color: #f7eded
  }

  #header #hmenu.open,
  #header .open .havatar {
    border-color: #ec6d39
  }

  #footer .fot_logo img,
  #footer .fot_logo {
    width: 28vw
  }

  #footer .fot_logo {
    padding-bottom: 4.4vw
  }

  #footer .fot_links {
    grid-template-columns: 57% 42%
  }

  #footer .foot_in {
    padding: 7vw 6vw 5.5vw 6vw
  }

  #footer .fot_links .folink:nth-child(9) {
    display: none
  }

  #footer .folink a {
    font-size: 5vw;
    letter-spacing: 0.1vw
  }

  #footer .foot_in:before {
    width: 65%
  }

  #footer .fot_links {
    grid-row-gap: 4vw
  }

  #footer .fot_links .folink {
    order: 1
  }

  #footer .fot_links .folink:nth-child(1) {
    order: -8
  }

  #footer .fot_links .folink:nth-child(7) {
    order: -7
  }

  #footer .fot_links .folink:nth-child(2) {
    order: -6
  }

  #footer .fot_links .folink:nth-child(4) {
    order: -5
  }

  #footer .fot_links .folink:nth-child(5) {
    order: -4
  }

  #footer .fot_links .folink:nth-child(8) {
    order: -1
  }

  #footer .fot_links .folink:nth-child(3) {
    order: -2
  }

  #footer .fot_links .folink:nth-child(6) {
    order: -1
  }

  #footer .folink a .crwn {
    width: 5vw;
    height: 5vw;
    margin-bottom: -0.8vw;
    margin-right: 1.4vw
  }

  .error .errwrp {
    min-height: 110vw
  }
}

@media screen and (max-width:550px) {
  #footer .foot_btm .wrap {
    height: 13vw
  }

  #footer .lglcon .lglnav {
    font-size: 16px;
    padding: 1.7vw 3vw 1.7vw 4vw
  }

  .lglnav .ar {
    width: 14px;
    margin-left: 2px
  }

  .error .notfound .vnv_error:before {
    width: 110vw;
    height: 110vw
  }

  .error .notfound .vnv_error:after {
    width: 90vw;
    height: 90vw
  }

  #footer .lglnav_con {
    bottom: 13vw
  }

  #footer .lglnav_con {
    width: 45vw
  }

  #footer .lglnav_con a {
    font-size: 3.6vw;
    padding: 3vw 3.5vw
  }

  #footer .lglnav_con a .ar {
    width: 1.8vw
  }

  .construct_con .construct {
    max-width: 66vw
  }

  .construct_con .construct .cons {
    max-width: 33vw;
    margin-bottom: 4vw
  }

  .construct_con .construct h1 {
    font-size: 6.3vw
  }

  .construct_con {
    padding: 30vw 0;
    overflow: hidden
  }

  .construct_con .construct:before {
    width: 110vw;
    height: 110vw;
    border-width: 10vw
  }

  .error .errwrp {
    overflow: hidden
  }

  .construct_con.unsub .construct h1 {
    font-size: 8vw
  }

  .construct_con.unsub .construct .cons {
    max-width: 43vw;
    margin-bottom: 3vw
  }

  #footer .supbtn {
    font-size: 4vw;
    padding: 1.5vw 5vw;
    letter-spacing: 0.4vw
  }
}

@media screen and (max-width:500px) {
  #footer .foot_btm .wrap {
    height: auto;
    padding: 3vw;
    padding-bottom: 3.2vw
  }

  .vnv_error h1 {
    font-size: 25vw;
    margin-bottom: 3vw
  }

  .error .notfound .vnv_error .cta_btn,
  .vnv_error p {
    font-size: 5.5vw
  }

  #footer .lglnav_con {
    bottom: 50px
  }

  #header .user_menu .amenu_wrp {
    width: 100vw
  }

  #header .user_menu .amenu_wrp .amenu_in {
    border-radius: 0;
    -webkit-border-bottom-right-radius: 4px;
    -webkit-border-bottom-left-radius: 4px;
    -moz-border-radius-bottomright: 4px;
    -moz-border-radius-bottomleft: 4px;
    border-bottom-right-radius: 4px;
    border-bottom-left-radius: 4px
  }

  #header .amenu_in .am_lnks,
  #header .amenu_in #logout {
    font-size: 6vw;
    padding: 6vw
  }

  #header .am_lnks #pcredits {
    font-size: 5vw;
    padding: 1vw 3vw;
    right: 4vw
  }

  #header .amenu_in .am_lnks .ar {
    width: 3vw
  }

  #header .amenu_in #logout .ic {
    width: 9vw;
    height: 9vw
  }

  #header .amenu_in #logout {
    padding: 5vw 4.2vw 5vw 6vw
  }

  #header .amenu_in #logout .load {
    box-shadow: 0 3px 0 #fff
  }

  #premlight .wiprembox h2 {
    font-size: 7vw;
    margin-bottom: 3vw
  }

  .pvideo .play {
    width: 17vw;
    height: 17vw
  }

  .pay.failed .construct_con .construct {
    max-width: none;
    padding: 0 7vw
  }

  .pay.failed .construct_con .construct h1 {
    font-size: 7vw;
    padding: 0 5%;
    letter-spacing: 0.2vw;
    line-height: 1.3em
  }

  .pay.failed .fldcart {
    margin-bottom: 5vw;
    width: 50%
  }

  .pay.failed .construct_con .construct p {
    font-size: 5.5vw;
    margin-top: 6vw;
    padding: 0 9%
  }

  #hellobar2 {
    height: 48vw;
    padding-top: 2vw
  }

  .promo.show .superwrap.hfixed,
  .promo.show #bmenu {
    padding-top: calc(59px + 48vw)
  }

  #hellobar2 .free {
    margin-bottom: 4.2vw;
    padding: 2.5vw;
    font-size: 5vw
  }

  #hellobar2 .free .emj {
    width: 6vw
  }

  #hellobar2 h2 {
    font-size: 5.3vw;
    letter-spacing: 0.5vw;
    line-height: 1.22em;
    -webkit-line-clamp: 4
  }

  #hellobar2 h2 span.mob {
    font-weight: 900;
    display: block;
    text-transform: uppercase
  }

  #hellobar2.adeal h2 {
    font-size: 5.3vw
  }

  #hellobar2 h2 span.m {
    display: inline
  }

  #header .hpremium {
    display: none
  }

  .login #header .hpremium {
    display: block
  }

  .forgot #header .hpremium,
  .reset #header .hpremium {
    display: none
  }

  #hellobar2.adeal.bf h2 {
    font-size: 5.15vw;
    padding: 0 10%
  }

  #hellobar2.bf h2 span.mob {
    display: block
  }
}

@media screen and (max-width:450px) {
  #bmenu {
    width: 100%
  }

  #bmenu .bmwrp {
    border: none;
    border-radius: 0
  }

  #bmenu .msocial {
    height: auto;
    padding: 4vw
  }

  #bmenu .msocial .slink_o.tik {
    display: block
  }

  #bmenu .msocial.btn {
    display: none
  }

  #bmenu .msocial.mid {
    display: flex;
    border: none;
    border-bottom: 2px solid #e2e2e2
  }

  #bmenu .bmlinks .bmlink {
    font-size: 7vw;
    padding: 3.75vh 0 3.75vh 25px
  }

  #bmenu .bm_in {
    height: 100%;
    display: block;
    padding-bottom: 14vw
  }

  .bmlink .ar {
    right: 4%
  }

  #footer .lglnav_con {
    width: 50vw
  }

  #footer .lglnav_con a {
    font-size: 3.9vw;
    padding: 3.5vw 3.8vw
  }

  #footer .lglnav_con a .ar {
    width: 2.1vw
  }

  #footer .foot_btm .wrap {
    padding-right: 2.5vw
  }

  .construct_con .construct {
    max-width: 75vw
  }

  .construct_con .construct .cons {
    max-width: 36vw;
    margin-bottom: 5vw
  }

  .construct_con .construct h1 {
    font-size: 7vw
  }

  #bmenu .bm_in::-webkit-scrollbar-track,
  #bmenu .bm_in::-webkit-scrollbar-thumb {
    border-radius: 0
  }

  #footer .folink a .crwn {
    width: 5.3vw;
    height: 5.3vw
  }

  #bmenu .bmlinks .bmlink.oran span.d {
    display: none
  }

  #bmenu .bmlinks .bmlink.oran span.m {
    display: block
  }

  #bmenu .bmlinks .bmlink .ic,
  #bmenu .bmlinks .bmlink span.cr {
    width: 8vw;
    height: 8vw;
    margin-right: 2.1vw
  }
}

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

  #footer .fot_logo img,
  #footer .fot_logo {
    width: 32vw
  }

  #footer .fot_logo {
    padding-bottom: 5vw
  }

  #footer .folink a {
    font-size: 5.3vw;
    letter-spacing: 0.15vw
  }

  #footer .flogin a {
    font-size: 4vw;
    padding: 1.5vw 4vw
  }

  #footer .flogin a .ic {
    width: 2.8vw
  }
}

@media screen and (max-width:400px) {
  #footer .lglcon .lglnav {
    font-size: 4.2vw;
    border-width: 2px;
    top: -1px;
    padding: 5px 9px 5px 14px
  }

  .lglnav .ar {
    width: 3.6vw;
    margin-left: 1px;
    top: -0.1vw
  }

  #footer .flogin a {
    padding: 1.8vw 4vw
  }

  #footer .folink a {
    font-size: 5.5vw
  }

  #footer .foot_in {
    padding: 8vw 7vw 6vw 7vw
  }

  #footer .foot_in:before {
    width: 69%
  }

  #footer .foot_btm .wrap {
    padding: 3vw 2.5vw 3.3vw 3.5vw
  }

  #footer .fot_links {
    grid-row-gap: 4.5vw
  }

  #header .logo {
    width: 138px;
    height: 23px
  }

  #footer .lglnav_con {
    bottom: 45px
  }

  #footer .folink a .crwn {
    width: 5.4vw;
    height: 5.4vw
  }

  #footer .supbtn {
    font-size: 4.25vw;
    padding-bottom: 1.4vw
  }
}

@media screen and (max-width:360px) {
  #footer .fsoc_lnk {
    width: 8vw;
    height: 8vw
  }

  #footer .fot_logo img,
  #footer .fot_logo {
    width: 36vw
  }

  #footer .fot_logo {
    padding-bottom: 5.7vw
  }

  #footer .flogin a {
    font-size: 4.4vw
  }

  #footer .lglnav_con {
    bottom: 43px
  }

  #footer .lglnav_con {
    width: 180px
  }

  #footer .lglnav_con a {
    font-size: 15px;
    padding: 13px 15px
  }

  #footer .lglnav_con a .ar {
    width: 8px
  }

  .construct_con .construct {
    max-width: 75vw
  }

  .construct_con .construct h1 {
    font-size: 7.5vw
  }

  .construct_con .construct {
    max-width: 80vw
  }

  #footer .supbtn {
    font-size: 4.75vw
  }

  #footer .supbtn .ic {
    width: 4.2vw;
    margin-right: 1.8vw;
    margin-top: -0.25vw
  }
}

@media screen and (max-height:750px) and (min-width:451px) {
  #bmenu .bm_in {
    overflow-y: scroll
  }

  #bmenu .bm_in::-webkit-scrollbar-thumb {
    background: #ec6c39
  }
}

@media screen and (max-height:800px) and (max-width:450px) {
  #bmenu .bmwrp {
    overflow: hidden;
    overflow-y: scroll
  }

  #bmenu .bmwrp::-webkit-scrollbar-thumb {
    background: #ec6c39
  }

  #bmenu .bm_in {
    overflow: auto
  }
}

@media screen and (max-height:850px) and (min-width:1500px) {
  #bmenu .bm_in {
    overflow-y: scroll
  }

  #bmenu .bm_in::-webkit-scrollbar-thumb {
    background: #ec6c39
  }
}

@media screen and (max-height:950px) and (min-width:1700px) {
  #bmenu .bm_in {
    overflow-y: scroll
  }

  #bmenu .bm_in::-webkit-scrollbar-thumb {
    background: #ec6c39
  }
}