body {
  margin: 0;
  width: 100%;
  font-size: 25px;
  font-family: "Hoefler Titling", Arial, serif;
  line-height: 1.3;
  position: relative;
  color: #1C1C1C;
}

@media only screen and (max-width: 767px) {
  body {
    font-size: 16px;
  }
}

.btn.focus,
.btn:focus,
.btn:hover,
a:focus,
.btn.active,
.btn:active,
.btn:active,
.btn:active:focus,
a:active:focus,
a:active {
  outline: none;
}

a:hover {
  text-decoration: none;
}

button:focus,
a:focus {
  outline: none;
}

a:active {
  text-decoration: none;
}

img {
  object-fit: cover;
  max-width: 100%;
}

.form-select:focus,
.form-control:focus {
  box-shadow: none;
}

textarea {
  resize: none;
}

p {
  padding: 0;
  margin: 0px 0px 5px 0px;
  margin: 0rem 0rem 0.3125rem 0rem;
}

a {
  color: #1C1C1C;
  text-decoration: none;
}

h1, h2, h3, h4, h5, h6 {
  padding: 0;
  margin: 0 0 10px 0;
  font-weight: normal;
  line-height: 1.2;
  color: #000;
}

.header {
  padding: 34px 0;
  position: fixed;
  left: 0;
  top: 0;
  width: 100%;
  z-index: 11;
}

@media only screen and (max-width: 767px) {
  .header {
    padding: 42px 0;
  }
}

.header .section-con {
  padding: 0 41px;
}

@media only screen and (max-width: 767px) {
  .header .section-con {
    padding: 0 26px;
  }
}

.header .section-con .site-title {
  line-height: 1;
  font-size: inherit;
  position: relative;
  z-index: 3;
}

.header .section-con .site-title .logo {
  width: 67.38px;
}

.header .section-con .site-title .logo .st0 {
  fill: #F6F5F1;
  transition: all 0.3s ease-out;
}

@media only screen and (max-width: 767px) {
  .header.open .site-title .logo {
    width: 48px;
  }
}

.header.open .site-title .logo .st0 {
  fill: #000;
}

.header.open .menuexpand.nav {
  opacity: 1;
  visibility: visible;
}

.header.open .menuexpand.nav .navigation .menu .menu-item a {
  transform: translateY(0);
  opacity: 1;
}

.header.open .menuexpand.nav .artwork {
  bottom: 2.44792vw;
  width: 29px;
}

@media only screen and (max-width: 767px) {
  .header.open .menuexpand.nav .artwork {
    width: 26px;
    left: auto;
    right: 37px;
    bottom: 2.44792vw;
    display: none;
  }
}

@media only screen and (max-width: 767px) {
  .header.contact-open .site-title .logo {
    width: 48.72px;
  }
}

.header.contact-open .site-title .logo .st0 {
  fill: #5904E2;
}

.header.contact-open .hamburg.open .icon:before, .header.contact-open .hamburg.open .icon:after {
  background-color: #5904E2;
}

.header.contact-open .menuexpand.contact {
  opacity: 1;
  visibility: visible;
  overflow: hidden;
}

.hamburg {
  position: absolute;
  width: 33px;
  height: 33px;
  right: 41px;
  top: 45px;
  transition-duration: 0.5s;
  z-index: 3;
  transition: all 0.3s ease-out;
}

@media only screen and (max-width: 767px) {
  .hamburg {
    right: 26px;
  }
}

.hamburg .icon {
  transition-duration: 0.5s;
  position: absolute;
  width: 33px;
  top: 10px;
  background-color: #F6F5F1;
}

.hamburg .icon:before {
  transition-duration: 0.5s;
  position: absolute;
  width: 33px;
  height: 1px;
  background-color: #F6F5F1;
  content: "";
  top: 0px;
}

.hamburg .icon:after {
  transition-duration: 0.5s;
  position: absolute;
  width: 33px;
  height: 1px;
  background-color: #F6F5F1;
  content: "";
  top: 12px;
}

.hamburg.open .icon {
  transition: 0.5s;
}

.hamburg.open .icon:before {
  transform: rotateZ(45deg) scaleX(1) translate(-2px, 10px);
  background-color: #E3DED9;
}

@media only screen and (max-width: 767px) {
  .hamburg.open .icon:before {
    background-color: #000;
  }
}

.hamburg.open .icon:after {
  transform: rotateZ(-45deg) scaleX(1) translate(-2px, -10px);
  background-color: #E3DED9;
}

@media only screen and (max-width: 767px) {
  .hamburg.open .icon:after {
    background-color: #000;
  }
}

.hamburg:hover {
  cursor: pointer;
}

.menuexpand {
  position: fixed;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  overflow: auto;
  z-index: 1;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: #1C1C1C;
  flex-wrap: wrap;
  opacity: 0;
  visibility: hidden;
}

.menuexpand .navigation {
  background-image: url(../images/menu-bg.jpg);
  width: 100%;
  height: 100vh;
  position: relative;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}

@media only screen and (max-width: 767px) {
  .menuexpand .navigation {
    background-image: url(../images/menu-bg-mob.jpg);
  }
}

.menuexpand .navigation .menu-main-menu-container {
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
}

.menuexpand .navigation .menu {
  position: relative;
  z-index: 1;
  padding-left: 0;
  list-style: none;
  text-align: center;
}

.menuexpand .navigation .menu .menu-item {
  line-height: 3;
}

@media only screen and (max-width: 767px) {
  .menuexpand .navigation .menu .menu-item {
    margin-bottom: 5px;
    line-height: 1.18;
  }
}

.menuexpand .navigation .menu .menu-item a {
  font-size: calc(2.8125rem + ((1vw - 7.67px) * 3.0356));
  min-height: 0vw;
  color: #000;
  letter-spacing: -0.03em;
  font-family: 'Hoefler Titling';
  font-weight: 300;
  font-style: italic;
  /*@include fontHoeLigIta;*/
  padding: 0;
  line-height: 1.1;
  position: relative;
  transform: translateY(50px);
  transition: all 0.3s ease-out;
  display: inline-block;
  opacity: 0;
}

@media (min-width: 1920px) {
  .menuexpand .navigation .menu .menu-item a {
    font-size: 80px;
  }
}

@media only screen and (max-width: 767px) {
  .menuexpand .navigation .menu .menu-item a {
    font-size: 45px;
  }
}

@media only screen and (max-width: 320px) {
  .menuexpand .navigation .menu .menu-item a {
    font-size: 30px;
  }
}

.menuexpand .navigation .menu .menu-item a .svgline-nav {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

@media only screen and (max-width: 767px) {
  .menuexpand .navigation .menu .menu-item a .svgline-nav svg .st0 {
    stroke-width: 6;
  }
}

@media only screen and (max-width: 767px) {
  .menuexpand .navigation .menu .menu-item a .svgline-nav {
    top: 100%;
  }
}

.menuexpand .navigation .menu .menu-item a:hover .svgline-nav .svg .st0 {
  stroke-dashoffset: 0;
}

.menuexpand .navigation .menu .menu-item.menu1 .svgline-nav {
  width: 15.05208vw;
  top: 46%;
}

@media only screen and (max-width: 767px) {
  .menuexpand .navigation .menu .menu-item.menu1 .svgline-nav {
    width: 166px;
    top: 58%;
  }
}

.menuexpand .navigation .menu .menu-item.menu2 .svgline-nav {
  width: 7.70833vw;
  top: 48%;
  left: 90%;
}

@media only screen and (max-width: 767px) {
  .menuexpand .navigation .menu .menu-item.menu2 .svgline-nav {
    width: 85px;
    left: 85%;
  }
}

.menuexpand .navigation .menu .menu-item.menu2 .svgline-nav svg {
  transform: rotate(-2deg);
}

.menuexpand .navigation .menu .menu-item.menu2 .svgline-nav svg .st0 {
  stroke-width: 8;
}

@media only screen and (max-width: 767px) {
  .menuexpand .navigation .menu .menu-item.menu2 .svgline-nav svg .st0 {
    stroke-width: 12;
  }
}

.menuexpand .navigation .menu .menu-item.menu3 .svgline-nav {
  width: 20.83333vw;
  top: 72%;
  left: 55%;
}

@media only screen and (max-width: 767px) {
  .menuexpand .navigation .menu .menu-item.menu3 .svgline-nav {
    width: 229px;
  }
}

.menuexpand .navigation .menu .menu-item.menu3 .svgline-nav svg {
  transform: rotate(7deg);
}

@media only screen and (max-width: 767px) {
  .menuexpand .navigation .menu .menu-item.menu3 .svgline-nav svg .st0 {
    stroke-width: 4;
  }
}

.menuexpand .navigation .menu .menu-item.menu4 .svgline-nav {
  width: 15.05208vw;
  top: 74%;
  left: 55%;
}

@media only screen and (max-width: 767px) {
  .menuexpand .navigation .menu .menu-item.menu4 .svgline-nav {
    width: 165px;
    top: 74%;
    left: 53%;
  }
}

.menuexpand .navigation .menu .menu-item.menu4 .svgline-nav .st0 {
  stroke-width: 3.5;
}

.menuexpand .navigation .menu .menu-item.menu5 .svgline-nav {
  width: 15.05208vw;
  top: 52%;
  left: 55%;
}

@media only screen and (max-width: 767px) {
  .menuexpand .navigation .menu .menu-item.menu5 .svgline-nav {
    width: 165px;
    top: 72%;
    left: 51%;
  }
}

.menuexpand .navigation .menu .menu-item.menu5 .svgline-nav svg {
  transform: rotate(2deg);
}

.menuexpand .navigation .menu .menu-item.menu5 .svgline-nav svg .st0 {
  stroke-width: 4;
}

.menuexpand .navigation .menu .menu-item.menu6 .svgline-nav {
  width: 9.32292vw;
  top: 63%;
  left: 80%;
}

@media only screen and (max-width: 767px) {
  .menuexpand .navigation .menu .menu-item.menu6 .svgline-nav {
    width: 102px;
    top: 58%;
    left: 76%;
  }
}

.menuexpand .navigation .menu .menu-item.menu6 .svgline-nav svg {
  transform: rotate(-180deg);
}

.menuexpand .navigation .menu .menu-item.menu6 .svgline-nav svg .st0 {
  stroke-width: 6;
  stroke-dashoffset: -750;
}

@media only screen and (max-width: 767px) {
  .menuexpand .navigation .menu .menu-item.menu6 .svgline-nav svg .st0 {
    stroke-width: 8;
  }
}

.menuexpand .navigation .menu .menu-item.menu7 .svgline-nav {
  width: 20.83333vw;
  top: 86%;
  left: 54%;
}

@media only screen and (max-width: 767px) {
  .menuexpand .navigation .menu .menu-item.menu7 .svgline-nav {
    width: 229px;
    left: 54%;
    top: 85%;
  }
}

.menuexpand .navigation .menu .menu-item.menu7 .svgline-nav svg {
  transform: rotate(-3deg);
}

@media only screen and (max-width: 767px) {
  .menuexpand .navigation .menu .menu-item.menu7 .svgline-nav svg .st0 {
    stroke-width: 3;
  }
}

.menuexpand .navigation .menu .menu-item.menu8 .svgline-nav {
  width: 20.83333vw;
  top: 70%;
  left: 34%;
}

@media only screen and (max-width: 767px) {
  .menuexpand .navigation .menu .menu-item.menu8 .svgline-nav {
    width: 210px;
    left: 44%;
    top: 40%;
  }
}

.menuexpand .navigation .menu .menu-item.menu8 .svgline-nav svg {
  transform: rotate(7deg);
}

@media only screen and (max-width: 767px) {
  .menuexpand .navigation .menu .menu-item.menu8 .svgline-nav svg {
    transform: rotate(0deg);
  }
}

@media only screen and (max-width: 767px) {
  .menuexpand .navigation .menu .menu-item.menu8 .svgline-nav svg .st0 {
    stroke-width: 3;
  }
}

.menuexpand .navigation .image {
  position: absolute;
  z-index: 2;
  margin: 0;
}

.menuexpand .navigation .image.topright {
  right: 24.53125%;
  top: -5.20833vw;
  width: 8.22917%;
}

@media only screen and (max-width: 767px) {
  .menuexpand .navigation .image.topright {
    width: 86px;
  }
}

.menuexpand .navigation .image.rightbottom {
  width: 6.71875%;
  right: 12.1875%;
  bottom: 0;
}

@media only screen and (max-width: 767px) {
  .menuexpand .navigation .image.rightbottom {
    width: 70px;
    bottom: 23vw;
    right: 0;
  }
}

.menuexpand .navigation .image.bottomleft {
  width: 5.83333%;
  left: 28.48958%;
  bottom: -7.5%;
}

@media only screen and (max-width: 767px) {
  .menuexpand .navigation .image.bottomleft {
    width: 88px;
    left: 47.4359%;
    bottom: -92px;
  }
}

.menuexpand .navigation .image.topleft {
  width: 8.07292%;
  left: 7.55208%;
  top: 9.0625%;
}

@media only screen and (max-width: 767px) {
  .menuexpand .navigation .image.topleft {
    width: 84px;
    left: 0;
    top: 88vw;
  }
}

.menuexpand .navigation .contactlink {
  position: absolute;
  left: 2.13542%;
  bottom: 2.44792vw;
}

@media only screen and (max-width: 767px) {
  .menuexpand .navigation .contactlink {
    bottom: 4.6875vw;
    left: 26px;
  }
}

.menuexpand .navigation .contactlink ul {
  list-style: none;
  margin-bottom: 0;
}

.menuexpand .navigation .contactlink ul li {
  color: #fff;
  font-size: 18px;
  font-family: 'Hoefler Titling';
  font-weight: 300;
  font-style: normal;
  /*@include fontHoeLig;*/
  line-height: 1.5;
}

@media only screen and (max-width: 767px) {
  .menuexpand .navigation .contactlink ul li {
    font-size: 15px;
  }
}

.menuexpand .navigation .contactlink ul li span.italic {
  font-family: 'Hoefler Titling';
  font-weight: 300;
  font-style: italic;
  /*@include fontHoeLigIta;*/
}

.menuexpand .navigation .contactlink ul li em {
  letter-spacing: -0.1em;
  margin-right: 0;
}

.menuexpand .navigation .contactlink ul li a {
  color: #fff;
  margin-right: 16px;
}

.menuexpand .navigation .contactlink ul li em {
  font-family: 'Hoefler Titling';
  font-weight: 300;
  font-style: italic;
  /*@include fontHoeLigIta;*/
}

.menuexpand .navigation .contactlink ul li.follow {
  margin-top: 1.40625vw;
}

.menuexpand .getintouch {
  height: 100vh;
  width: 100%;
  position: relative;
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
}

@media only screen and (max-width: 767px) {
  .menuexpand .getintouch {
    align-items: center;
  }
}

.menuexpand .getintouch .section-con {
  padding: 0 8.125% 5.9375% 4.16667%;
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
  width: 100%;
}

@media only screen and (max-width: 767px) {
  .menuexpand .getintouch .section-con {
    flex-wrap: wrap;
    padding: 0 26px;
    margin-top: 30px;
  }
}

@media only screen and (max-width: 767px) {
  .menuexpand .getintouch .title {
    margin-bottom: 32px;
  }
}

.menuexpand .getintouch .title h2 {
  line-height: 0.95;
}

@media only screen and (max-width: 767px) {
  .menuexpand .getintouch .title h2 {
    font-size: 80px;
    line-height: 0.875;
  }
}

.menuexpand .getintouch .sendmessage .navsvgcircle {
  width: 247px;
  height: 247px;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-left: -122px;
  margin-bottom: 9.32292vw;
}

@media only screen and (max-width: 767px) {
  .menuexpand .getintouch .sendmessage .navsvgcircle {
    width: 131px;
    height: 131px;
    margin-left: 0;
    margin: 0 auto;
    margin-bottom: 21.28205%;
    font-size: 10px;
  }
}

@media only screen and (max-width: 320px) {
  .menuexpand .getintouch .sendmessage .navsvgcircle {
    width: 100px;
    height: 100px;
    margin-bottom: 27%;
  }
}

.menuexpand .getintouch .sendmessage .navsvgcircle svg {
  width: 100%;
  height: 100%;
}

.menuexpand .getintouch .sendmessage .navsvgcircle svg .st1 {
  stroke-width: 2px;
}

@media only screen and (max-width: 767px) {
  .menuexpand .getintouch .sendmessage .navsvgcircle svg .st1 {
    stroke-width: 4px;
  }
}

.menuexpand .getintouch .sendmessage .navsvgcircle .btn {
  width: 100%;
  position: absolute;
  left: 0;
  right: 0;
  top: 50%;
  cursor: default;
  transform: translateY(-50%);
  padding: 0;
  color: #5904E2;
  font-family: 'GT America Lt', sans-serif;
  font-weight: 300;
  font-style: normal;
  /*@include fontGtaLig;*/
}

.menuexpand .getintouch .sendmessage .navsvgcircle:after {
  content: "";
  width: 1px;
  height: 9.47917vw;
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  bottom: -7.08333vw;
  background-color: #5904E2;
}

@media only screen and (max-width: 767px) {
  .menuexpand .getintouch .sendmessage .navsvgcircle:after {
    height: 81px;
    bottom: -61px;
  }
}

@media only screen and (max-width: 767px) {
  .menuexpand .getintouch .sendmessage ul {
    margin-bottom: 50px;
  }
}

.menuexpand .getintouch .sendmessage ul li {
  display: block;
  font-size: calc(1.125rem + ((1vw - 7.67px) * 0.5204));
  min-height: 0vw;
  line-height: 1.25;
  font-family: 'Hoefler Titling';
  font-weight: 300;
  font-style: normal;
  /*@include fontHoeLig;*/
  color: #fff;
  margin-bottom: 32px;
}

@media (min-width: 1920px) {
  .menuexpand .getintouch .sendmessage ul li {
    font-size: 24px;
  }
}

@media only screen and (max-width: 768px) {
  .menuexpand .getintouch .sendmessage ul li {
    font-size: 16px;
  }
}

@media only screen and (max-width: 767px) {
  .menuexpand .getintouch .sendmessage ul li {
    font-size: 15px;
    margin-bottom: 12px;
  }
}

@media only screen and (max-width: 320px) {
  .menuexpand .getintouch .sendmessage ul li {
    font-size: 12px;
  }
}

.menuexpand .getintouch .sendmessage ul li em {
  letter-spacing: -0.1em;
  margin: 0 10px;
}

@media only screen and (max-width: 767px) {
  .menuexpand .getintouch .sendmessage ul li em {
    margin: 0 7px;
  }
}

.menuexpand .getintouch .sendmessage ul li a {
  color: #fff;
}

.menuexpand .getintouch .sendmessage ul li a:hover {
  color: #5904E2;
}

.menuexpand .getintouch .sendmessage .subscribe .wpcf7-form {
  position: relative;
}

.menuexpand .getintouch .sendmessage .subscribe .wpcf7-form .input .wpcf7-form-control-wrap {
  width: 100%;
}

.menuexpand .getintouch .sendmessage .subscribe .wpcf7-form .input .wpcf7-form-control-wrap .textbox {
  background-color: transparent;
  border: none;
  border-radius: 0;
  border-bottom: solid 1px #5904E2;
  outline: none;
  font-size: 14px;
  text-transform: uppercase;
  color: #5904E2;
  font-family: 'GT America Md';
  font-weight: 500;
  font-style: normal;
  /*@include fontGtaMed;*/
  padding-bottom: 14px;
  letter-spacing: 0.1em;
  width: 100%;
  padding-right: 45px;
}

.menuexpand .getintouch .sendmessage .subscribe .wpcf7-form .input .wpcf7-form-control-wrap .textbox::-webkit-input-placeholder {
  /* Edge */
  color: #5904E2;
}

.menuexpand .getintouch .sendmessage .subscribe .wpcf7-form .input .wpcf7-form-control-wrap .textbox:-ms-input-placeholder {
  /* Internet Explorer 10-11 */
  color: #5904E2;
}

.menuexpand .getintouch .sendmessage .subscribe .wpcf7-form .input .wpcf7-form-control-wrap .textbox::placeholder {
  color: #5904E2;
}

.menuexpand .getintouch .sendmessage .subscribe .wpcf7-form .input .wpcf7-not-valid-tip {
  font-size: 14px;
  font-family: 'GT America Md';
  font-weight: 500;
  font-style: normal;
  /*@include fontGtaMed;*/
  position: absolute;
}

.menuexpand .getintouch .sendmessage .subscribe .submit {
  position: absolute;
  right: 0;
  top: 0;
  width: 29.88px;
}

.menuexpand .getintouch .sendmessage .subscribe .submit .wpcf7-submit {
  width: 100%;
  height: 21px;
  background-image: url(../images/artwork-btn.svg);
  background-repeat: no-repeat;
  background-size: 100%;
  outline: none;
  border: none;
  font-size: 0;
  background-color: transparent;
  cursor: pointer;
}

.menuexpand .getintouch .sendmessage .subscribe .wpcf7-response-output {
  position: absolute;
  color: #F6F5F1;
  font-size: 14px;
  text-align: center;
  font-family: 'GT America Md';
  font-weight: 500;
  font-style: normal;
  /*@include fontGtaMed;*/
}

.menuexpand .getintouch .sendmessage .subscribe .mc4wp-form .mc4wp-form-fields {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.menuexpand .getintouch .sendmessage .subscribe .mc4wp-form .mc4wp-form-fields .input {
  width: 100%;
}

.menuexpand .getintouch .sendmessage .subscribe .mc4wp-form .mc4wp-form-fields .input input {
  background-color: transparent;
  border: none;
  border-radius: 0;
  border-bottom: solid 1px #5904E2;
  outline: none;
  font-size: 14px;
  text-transform: uppercase;
  color: #5904E2;
  font-family: 'GT America Md';
  font-weight: 500;
  font-style: normal;
  /*@include fontGtaMed;*/
  padding-bottom: 14px;
  letter-spacing: 0.1em;
  width: 100%;
  padding-right: 45px;
}

.menuexpand .getintouch .sendmessage .subscribe .mc4wp-form .mc4wp-form-fields .input input::-webkit-input-placeholder {
  /* Edge */
  color: #5904E2;
}

.menuexpand .getintouch .sendmessage .subscribe .mc4wp-form .mc4wp-form-fields .input input:-ms-input-placeholder {
  /* Internet Explorer 10-11 */
  color: #5904E2;
}

.menuexpand .getintouch .sendmessage .subscribe .mc4wp-form .mc4wp-form-fields .input input::placeholder {
  color: #5904E2;
}

.menuexpand .getintouch .sendmessage .subscribe .mc4wp-form .mc4wp-form-fields .submit {
  position: absolute;
  right: 0;
  top: 0;
  width: 29.88px;
}

.menuexpand .getintouch .sendmessage .subscribe .mc4wp-form .mc4wp-form-fields .submit input {
  width: 100%;
  height: 21px;
  background-image: url(../images/artwork-btn.svg);
  background-repeat: no-repeat;
  background-size: 100%;
  outline: none;
  border: none;
  font-size: 0;
  background-color: transparent;
  cursor: pointer;
}

@media screen and (max-width: 414px) and (max-height: 736px) {
  .menuexpand .navigation .menu {
    margin-top: -70px;
  }
  .menuexpand .navigation .contactlink {
    bottom: 50px;
  }
}

@media screen and (max-width: 390px) and (max-height: 844px) {
  .menuexpand .navigation .menu {
    margin-top: -70px;
  }
}

@media screen and (max-width: 375px) and (max-height: 667px) {
  .menuexpand .navigation .menu {
    margin-top: -70px;
  }
  .menuexpand .navigation .menu .menu-item a {
    font-size: 50px;
  }
  .menuexpand .navigation .contactlink {
    bottom: 30px;
  }
  .menuexpand .getintouch .title {
    margin-bottom: 10px;
  }
  .menuexpand .getintouch .title h2 {
    font-size: 70px;
  }
  .menuexpand .getintouch .sendmessage ul {
    margin-bottom: 25px;
  }
}

@media screen and (max-width: 320px) and (max-height: 568px) {
  .menuexpand .navigation .menu {
    margin-top: -70px;
  }
  .menuexpand .navigation .menu .menu-item a {
    font-size: 40px;
  }
  .menuexpand .navigation .contactlink {
    bottom: 30px;
  }
  .menuexpand .navigation .contactlink ul li {
    font-size: 13px;
  }
  .contact .getintouch .title h2 {
    font-size: 55px;
  }
  .contact .getintouch .sendmessage .navsvgcircle {
    width: 110px;
    height: 110px;
    margin-bottom: 26%;
  }
}

.section.footer-before {
  background-color: #1C1C1C;
  padding: 6.46985% 0 18.78141%;
}

@media only screen and (max-width: 767px) {
  .section.footer-before {
    padding: 29px 0 136px;
  }
}

.section.footer-before .section-con {
  padding: 0 6.66667%;
  width: auto;
  max-width: inherit;
  margin: 0;
  display: flex;
  align-items: center;
  justify-content: space-between;
}

@media only screen and (max-width: 767px) {
  .section.footer-before .section-con {
    padding: 0;
    position: relative;
  }
}

.section.footer-before .section-con .image-left {
  width: 68.99038%;
}

@media only screen and (max-width: 767px) {
  .section.footer-before .section-con .image-left {
    width: 74.55471%;
  }
}

.section.footer-before .section-con .image-left img {
  width: 100%;
}

.section.footer-before .section-con .title {
  position: relative;
  margin-top: -5.20833vw;
}

@media only screen and (max-width: 767px) {
  .section.footer-before .section-con .title {
    position: absolute;
    right: 0;
  }
}

.section.footer-before .section-con .title h6 {
  color: #F8EDEE;
}

@media only screen and (max-width: 767px) {
  .section.footer-before .section-con .title h6 {
    margin-right: 29px;
  }
}

.section.footer-before .section-con .title h6 a {
  color: #F8EDEE;
  position: relative;
}

.section.footer-before .section-con .title h6 a .svgline {
  position: absolute;
  left: -15px;
  bottom: 37px;
  position: absolute;
  width: 33.64583vw;
}

.section.footer-before .section-con .title h6 a .svgline .st0 {
  fill: none;
  stroke: #5904E2;
  stroke-width: 2.001;
  stroke-miterlimit: 4.0021;
}

.section.footer-before .section-con .title .svgline2 {
  position: absolute;
  left: -15px;
  bottom: 37px;
}

@media only screen and (max-width: 767px) {
  .section.footer-before .section-con .title .svgline2 {
    width: 165px;
    left: auto;
    right: -54px;
  }
}

@media only screen and (max-width: 767px) {
  .section.footer-before .section-con .title .svgline2 svg {
    width: 100%;
  }
}

.section.footer-before .section-con .circle-svg {
  width: 48.4375%;
  position: absolute;
  top: -9.375vw;
  right: -5.72917vw;
}

@media only screen and (max-width: 767px) {
  .section.footer-before .section-con .circle-svg {
    width: 60.5598%;
    top: -50%;
  }
  .section.footer-before .section-con .circle-svg .st1 {
    stroke-width: 2px;
  }
}

.footer {
  position: relative;
  background-color: #1C1C1C;
}

.footer:before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background-image: url(../images/footer-bg-new.jpg);
  opacity: 0.65;
  background-position: center bottom;
}

@media only screen and (max-width: 767px) {
  .footer:before {
    opacity: 0.53;
  }
}

@media only screen and (max-width: 480px) {
  .footer:before {
    background-image: url(../images/footer-bg-mob.jpg);
  }
}

.footer .footer-main {
  padding: 45px 0 40px;
  margin: 0 30px;
  position: relative;
  z-index: 6;
}

@media only screen and (max-width: 767px) {
  .footer .footer-main {
    padding: 60px 0 26px;
    margin: 0 26px;
  }
}

.footer .footer-main:before {
  content: "";
  width: 100%;
  height: 1px;
  background-color: #fff;
  position: absolute;
  left: 0;
  top: 0;
}

.footer .footer-main .links {
  display: block;
}

.footer .footer-main .links li {
  display: block;
}

@media only screen and (max-width: 767px) {
  .footer .footer-main .links li {
    line-height: 1;
    font-size: initial;
  }
}

.footer .footer-main .links li a {
  text-transform: uppercase;
  letter-spacing: 0.07em;
  line-height: 1.75;
  color: #E3DED9;
  font-family: 'GT America Md';
  font-weight: 500;
  font-style: normal;
  /*@include fontGtaMed;*/
  font-size: calc(0.5rem + ((1vw - 7.67px) * 0.6938));
  min-height: 0vw;
}

@media (min-width: 1920px) {
  .footer .footer-main .links li a {
    font-size: 16px;
  }
}

@media only screen and (max-width: 767px) {
  .footer .footer-main .links li a {
    font-size: 8px;
    line-height: 1;
    letter-spacing: 0.1em;
  }
}

.footer .footer-main .links li a:hover {
  color: #5904E2;
}

.footer .footer-main .links.social {
  display: flex;
  align-items: center;
}

.footer .footer-main .links.social li {
  margin-left: 30px;
}

@media only screen and (max-width: 767px) {
  .footer .footer-main .links.social li {
    margin: 0 12px;
  }
}

.footer .footer-main .row.one {
  margin-bottom: 19px;
}

@media only screen and (max-width: 767px) {
  .footer .footer-main .row.one .d-flex {
    justify-content: flex-start !important;
  }
}

.footer .footer-main .row.one h6 a {
  color: #E3DED9;
}

.footer .footer-main .row.one h6 a:hover {
  color: #5904E2;
}

.footer .footer-main .row.two, .footer .footer-main .row.three {
  padding-left: 20px;
}

@media only screen and (max-width: 767px) {
  .footer .footer-main .row.two, .footer .footer-main .row.three {
    padding-left: 0;
  }
}

.footer .footer-main .row.two {
  margin-bottom: 60px;
}

@media only screen and (max-width: 767px) {
  .footer .footer-main .row.two {
    margin-bottom: 37px;
  }
}

@media only screen and (max-width: 767px) {
  .footer .footer-main .row.two .d-flex {
    position: absolute;
    width: 100%;
    top: 12px;
    justify-content: center !important;
  }
}

.footer .footer-main .row ul {
  margin: 0;
  padding: 0;
}

.footer .footer-main .footer-logo {
  margin-bottom: 28px;
}

@media only screen and (max-width: 767px) {
  .footer .footer-main .footer-logo {
    margin-bottom: 0;
  }
}

.footer .footer-main .footer-logo svg {
  width: 68px;
}

.footer .footer-main .footer-logo svg .st0 {
  fill: #5904E2;
}

.footer .footer-main .copyright {
  color: #E3DED9;
  font-family: 'GT America Md';
  font-weight: 500;
  font-style: normal;
  /*@include fontGtaMed;*/
  font-size: calc(0.5rem + ((1vw - 7.67px) * 0.6938));
  min-height: 0vw;
}

@media (min-width: 1920px) {
  .footer .footer-main .copyright {
    font-size: 16px;
  }
}

@media only screen and (max-width: 767px) {
  .footer .footer-main .copyright {
    font-size: 8px;
    display: none;
  }
}

body,
html {
  overflow-x: hidden;
}

body.fixed,
html.fixed {
  position: fixed;
  overflow: hidden;
}

body {
  background-color: #1C1C1C;
}

ul,
ol {
  padding-left: 0;
}

a {
  transition: all 0.3s ease-out;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  font-family: 'Hoefler Titling';
  font-weight: 300;
  font-style: normal;
  /*@include fontHoeLig;*/
  letter-spacing: -0.03em;
  margin-bottom: 0;
}

h1.primary,
h2.primary,
h3.primary,
h4.primary,
h5.primary,
h6.primary {
  color: #1C1C1C;
}

h1.black,
h2.black,
h3.black,
h4.black,
h5.black,
h6.black {
  color: #000;
}

h1.cream,
h2.cream,
h3.cream,
h4.cream,
h5.cream,
h6.cream {
  color: #F6F5F1;
}

h1.creamdark,
h2.creamdark,
h3.creamdark,
h4.creamdark,
h5.creamdark,
h6.creamdark {
  color: #E3DED9;
}

h1.dark,
h2.dark,
h3.dark,
h4.dark,
h5.dark,
h6.dark {
  color: #0D0D0D;
}

h1.dark2,
h2.dark2,
h3.dark2,
h4.dark2,
h5.dark2,
h6.dark2 {
  color: #171717;
}

h1.purple,
h2.purple,
h3.purple,
h4.purple,
h5.purple,
h6.purple {
  color: #5904E2;
}

h1.white,
h2.white,
h3.white,
h4.white,
h5.white,
h6.white {
  color: #fff;
}

h1.italic,
h1 .italic,
h2.italic,
h2 .italic,
h3.italic,
h3 .italic,
h4.italic,
h4 .italic,
h5.italic,
h5 .italic,
h6.italic,
h6 .italic {
  font-family: 'Hoefler Titling';
  font-weight: 300;
  font-style: italic;
  /*@include fontHoeLigIta;*/
}

h1 em,
h2 em,
h3 em,
h4 em,
h5 em,
h6 em {
  font-family: 'Hoefler Titling';
  font-weight: 300;
  font-style: italic;
  /*@include fontHoeLigIta;*/
}

h1 .block,
h2 .block,
h3 .block,
h4 .block,
h5 .block,
h6 .block {
  display: block;
}

p {
  font-family: 'Hoefler Titling';
  font-weight: 300;
  font-style: normal;
  /*@include fontHoeLig;*/
}

p .block {
  display: block;
}

h1 {
  font-size: calc(5.625rem + ((1vw - 7.67px) * 9.5403));
  min-height: 0vw;
}

@media (min-width: 1920px) {
  h1 {
    font-size: 200px;
  }
}

@media only screen and (max-width: 767px) {
  h1 {
    font-size: 90px;
  }
}

@media only screen and (max-width: 320px) {
  h1 {
    font-size: 80px;
  }
}

h1.f300 {
  font-size: calc(6.875rem + ((1vw - 7.67px) * 16.4788));
  min-height: 0vw;
}

@media (min-width: 1920px) {
  h1.f300 {
    font-size: 300px;
  }
}

@media only screen and (max-width: 767px) {
  h1.f300 {
    font-size: 110px;
  }
}

@media only screen and (max-width: 320px) {
  h1.f300 {
    font-size: 90px;
  }
}

h1.f250 {
  font-size: calc(6.875rem + ((1vw - 7.67px) * 12.1422));
  min-height: 0vw;
}

@media (min-width: 1920px) {
  h1.f250 {
    font-size: 250px;
  }
}

@media only screen and (max-width: 767px) {
  h1.f250 {
    font-size: 110px;
  }
}

h2 {
  line-height: 1;
  font-size: calc(5.625rem + ((1vw - 7.67px) * 18.2134));
  min-height: 0vw;
}

@media (min-width: 1920px) {
  h2 {
    font-size: 300px;
  }
}

@media only screen and (max-width: 767px) {
  h2 {
    font-size: 90px;
  }
}

h2.f250 {
  font-size: calc(4.0625rem + ((1vw - 7.67px) * 15.6114));
  min-height: 0vw;
  line-height: 1.3;
}

@media (min-width: 1920px) {
  h2.f250 {
    font-size: 250px;
  }
}

@media only screen and (max-width: 767px) {
  h2.f250 {
    font-size: 65px;
  }
}

h2.f200 {
  font-size: calc(5.625rem + ((1vw - 7.67px) * 9.5403));
  min-height: 0vw;
}

@media (min-width: 1920px) {
  h2.f200 {
    font-size: 200px;
  }
}

@media only screen and (max-width: 767px) {
  h2.f200 {
    font-size: 90px;
  }
}

h3 {
  line-height: 1.05;
  font-size: calc(3.75rem + ((1vw - 7.67px) * 12.1422));
  min-height: 0vw;
}

@media (min-width: 1920px) {
  h3 {
    font-size: 200px;
  }
}

@media only screen and (max-width: 767px) {
  h3 {
    font-size: 60px;
  }
}

h3.f150 {
  font-size: calc(3.75rem + ((1vw - 7.67px) * 7.8057));
}

@media (min-width: 1920px) {
  h3.f150 {
    font-size: 150px;
  }
}

@media only screen and (max-width: 767px) {
  h3.f150 {
    font-size: 60px;
  }
}

h4 {
  line-height: 1.0285;
  font-size: calc(3.75rem + ((1vw - 7.67px) * 9.974));
  min-height: 0vw;
}

@media (min-width: 1920px) {
  h4 {
    font-size: 175px;
  }
}

@media only screen and (max-width: 767px) {
  h4 {
    font-size: 60px;
  }
}

h5 {
  font-size: calc(2.5rem + ((1vw - 7.67px) * 9.5403));
  min-height: 0vw;
}

@media (min-width: 1920px) {
  h5 {
    font-size: 150px;
  }
}

@media only screen and (max-width: 767px) {
  h5 {
    font-size: 40px;
  }
}

h6 {
  font-size: calc(2.5rem + ((1vw - 7.67px) * 3.4692));
  min-height: 0vw;
}

@media (min-width: 1920px) {
  h6 {
    font-size: 80px;
  }
}

@media only screen and (max-width: 767px) {
  h6 {
    font-size: 40px;
  }
}

h6.f70 {
  font-size: calc(1.875rem + ((1vw - 7.67px) * 3.4692));
  min-height: 0vw;
  line-height: 1.142;
  letter-spacing: -0.03em;
}

@media (min-width: 1920px) {
  h6.f70 {
    font-size: 70px;
  }
}

@media only screen and (max-width: 767px) {
  h6.f70 {
    font-size: 30px;
  }
}

h6.f60 {
  font-size: calc(1.875rem + ((1vw - 7.67px) * 2.6019));
  min-height: 0vw;
  line-height: 1.142;
  letter-spacing: -0.03em;
}

@media (min-width: 1920px) {
  h6.f60 {
    font-size: 60px;
  }
}

@media only screen and (max-width: 767px) {
  h6.f60 {
    font-size: 30px;
  }
}

h6.f50 {
  line-height: 1;
  letter-spacing: -0.03em;
  font-size: calc(1.25rem + ((1vw - 7.67px) * 2.6019));
  min-height: 0vw;
}

@media (min-width: 1920px) {
  h6.f50 {
    font-size: 50px;
  }
}

@media only screen and (max-width: 767px) {
  h6.f50 {
    font-size: 20px;
    line-height: 1.25;
  }
}

h6.f40 {
  font-size: calc(1.25rem + ((1vw - 7.67px) * 1.7346));
  min-height: 0vw;
  line-height: 1.25;
}

@media (min-width: 1920px) {
  h6.f40 {
    font-size: 40px;
  }
}

@media only screen and (max-width: 767px) {
  h6.f40 {
    font-size: 20px;
  }
}

.section {
  position: relative;
}

.section .section-con {
  width: -webkit-calc(100% - 8.541%);
  width: auto;
  max-width: 1592px;
  margin: 0 8.69792%;
}

@media only screen and (max-width: 768px) {
  .section .section-con {
    margin: 0 41px;
  }
}

@media only screen and (max-width: 767px) {
  .section .section-con {
    margin: 0 26px;
    width: calc(100% - 52px);
  }
}

.section .section-con .copy {
  text-align: center;
  width: 100%;
}

.section .section-con .copy.mauto {
  margin: 0 auto;
}

.section .section-con .title {
  position: relative;
}

.section .section-con .title.center {
  text-align: center;
}

.section .section-con .vtitle {
  position: relative;
}

.section .section-con .vtitle .vtext {
  position: absolute;
  transform: rotate(-90deg);
  line-height: 0.466;
}

.section .section-con .vtitle.svg-line span {
  position: relative;
  z-index: 1;
}

.section .section-con .vtitle.svg-line .svgline {
  width: 33.64583%;
  right: 0;
  top: 0;
  position: absolute;
}

@media only screen and (max-width: 767px) {
  .section .section-con .vtitle.svg-line .svgline {
    width: 226px;
  }
}

.section .section-con .vtitle.svg-line .svgline .st0 {
  fill: none;
  stroke: #5904E2;
  stroke-width: 3;
}

.section .section-con.center {
  text-align: center;
}

.vertleline {
  width: 41.30208%;
  position: absolute;
  z-index: 1;
}

.vertleline .vline .st0 {
  fill: none;
  stroke: #5904E2;
  stroke-dasharray: 1200;
  stroke-dashoffset: 1200;
  transition: stroke-dashoffset 4.9s ease-out .1s;
  stroke-width: 2px;
}

.vertleline .vline.visible .st0 {
  stroke-dashoffset: 0;
}

.circle-svg {
  position: absolute;
}

.circle-svg svg .st0 {
  fill: none;
}

.circle-svg svg .st1 {
  fill: none;
  stroke: #5904E2;
  stroke-dasharray: 3000;
  stroke-dashoffset: 3000;
  transition: stroke-dashoffset 3.9s ease-out .1s;
}

.circle-svg svg.visible .st1 {
  stroke-dashoffset: 0;
}

.circle-svg.stroke2 svg .st1 {
  fill: none;
  stroke: #5904E2;
  stroke-width: 2;
}

.navsvgcircle {
  position: absolute;
}

.navsvgcircle svg .st0 {
  fill: none;
}

.navsvgcircle svg .st1 {
  fill: none;
  stroke: #5904E2;
  stroke-dasharray: 3000;
  transition: stroke-dashoffset 3.9s ease-out .1s;
}

.navsvgcircle svg.visible .st1 {
  stroke-dashoffset: 0;
}

.navsvgcircle.stroke2 svg .st1 {
  fill: none;
  stroke: #5904E2;
  stroke-width: 2;
}

.heller-svg svg {
  width: 225px;
}

.heller-svg svg .st0 {
  clip-path: url(#SVGID_2_);
}

.heller-svg svg .st1 {
  fill: none;
  stroke: #5904E2;
  stroke-miterlimit: 10;
}

picture {
  display: block;
}

picture.overlay {
  position: relative;
  display: block;
}

picture.overlay:before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(28, 28, 28, 0.43);
  background-blend-mode: multiply;
  mix-blend-mode: multiply;
}

picture.imgfull {
  width: 100%;
}

picture.imgfull img {
  width: 100%;
}

picture img {
  max-width: 100%;
}

.before-title {
  font-size: 16px;
  font-family: 'GT America Md';
  font-weight: 500;
  font-style: normal;
  /*@include fontGtaMed;*/
  letter-spacing: 0.07em;
  color: #1C1C1C;
  text-transform: uppercase;
}

@media only screen and (max-width: 767px) {
  .before-title {
    font-size: 10px;
  }
}

.video-wrap {
  height: 100%;
  overflow: hidden;
  position: relative;
  width: 100%;
}

.video-wrap .video {
  position: absolute;
  top: 50%;
  left: 50%;
  min-width: 100%;
  min-height: 100%;
  width: auto !important;
  height: auto;
  transform: translate(-50%, -50%);
}

.svgline1 {
  position: relative;
}

.svgline1 .svgline {
  width: 100%;
}

.svgline1 .svgline .st0 {
  fill: none;
  stroke: #5904E2;
  stroke-width: 2.001;
  stroke-miterlimit: 4.0021;
  stroke-dasharray: 750;
  stroke-dashoffset: -750;
  transition: stroke-dashoffset 3.9s ease-out .1s;
}

.svgline1 .svgline.visible .st0 {
  stroke-dashoffset: 0;
}

.svgline2 {
  width: 33.64583vw;
}

.svgline2 .svgline {
  width: 100%;
  right: 0;
  top: 0;
  position: absolute;
}

@media only screen and (max-width: 767px) {
  .svgline2 .svgline {
    width: 226px;
  }
}

.svgline2 .svgline .st0 {
  fill: none;
  stroke: #5904E2;
  stroke-width: 3;
  stroke-dasharray: 750;
  stroke-dashoffset: 750;
  transition: stroke-dashoffset 3.9s ease-out .1s;
}

.svgline2 .svgline.visible .st0 {
  stroke-dashoffset: 0;
}

.svgline-nav {
  width: 33.64583vw;
}

@media only screen and (max-width: 767px) {
  .svgline-nav {
    width: 226px;
  }
}

.svgline-nav .svg .st0 {
  fill: none;
  stroke: #5904E2;
  stroke-width: 3;
  stroke-dasharray: 750;
  stroke-dashoffset: 750;
  transition: stroke-dashoffset 1s ease-out .1s;
}

.svgline3 {
  width: 48.75vw;
}

.svgline3 .svgline .st0 {
  fill: none;
  stroke: #1C1C1C;
  stroke-width: 2.0002;
  stroke-miterlimit: 4.0005;
  stroke-dasharray: 1015;
  stroke-dashoffset: 1015;
  transition: stroke-dashoffset 3.9s ease-out .1s;
}

.svgline3 .svgline.visible .st0 {
  stroke-dashoffset: 0;
}

.svgline-verticle .svgline-v .st0 {
  fill: none;
  stroke: #190BBA;
  stroke-width: 2;
  stroke-dasharray: 880;
  stroke-dashoffset: 880;
  transition: stroke-dashoffset 3.9s ease-out .1s;
}

.svgline-verticle .svgline-v.visible .st0 {
  stroke-dashoffset: 0;
}

.circle-hline svg .st0 {
  fill: none;
}

.circle-hline svg .st1 {
  fill: none;
  stroke: #5904E2;
  stroke-dasharray: 3000;
  stroke-dashoffset: 3000;
  transition: stroke-dashoffset 3.9s ease-out 1s;
}

.circle-hline svg.visible .st1 {
  stroke-dashoffset: 0;
}

@media only screen and (max-width: 767px) {
  .circle-hline svg.desktop {
    display: none;
  }
}

.circle-hline svg.mobile {
  display: none;
}

@media only screen and (max-width: 767px) {
  .circle-hline svg.mobile {
    display: inline-block;
  }
}

.circle-hline svg.mobile .st0 {
  fill: none;
}

.circle-hline svg.mobile .st1 {
  fill: none;
  stroke: #5904E2;
  stroke-width: 0.5;
}

.circle-vline svg .st0 {
  fill: none;
}

.circle-vline svg .st1 {
  fill: none;
  stroke: #FFFFFF;
  stroke-dasharray: 3000;
  stroke-dashoffset: 3000;
  transition: stroke-dashoffset 3.9s ease-out 1s;
}

.circle-vline svg.visible .st1 {
  stroke-dashoffset: 0;
}

.circle-vline2 svg .st0 {
  fill: none;
}

.circle-vline2 svg .st1 {
  fill: none;
  stroke: #ffffff;
}

.hidden {
  opacity: 0;
  transition: all .25s ease-out;
}

.visible {
  opacity: 1;
}

.artwork {
  width: 29.88px;
  position: absolute;
  left: 50%;
  bottom: 0;
  transform: translateX(-50%);
}

.artwork svg .st0 {
  fill: none;
  stroke: #FFFFFF;
  stroke-linecap: round;
  stroke-linejoin: round;
}

.artwork svg.purple .st0 {
  stroke: #5904E2;
}

.videowrap {
  height: 100%;
  overflow: hidden;
  position: relative;
  width: 100%;
}

.videowrap .video {
  position: absolute;
  top: 50%;
  left: 50%;
  min-width: 100%;
  min-height: 100%;
  width: auto !important;
  height: auto;
  transform: translate(-50%, -50%);
}

/* Cursor SVG */
.btn {
  -webkit-transition: all 0.3s ease-in 0s;
  -moz-transition: all 0.3s ease-in 0s;
  -o-transition: all 0.3s ease-in 0s;
  transition: all 0.3s ease-in 0s;
  outline: none;
}

.btn-theme,
.circle-title {
  color: #fff;
  font-size: 14px;
  line-height: 1;
  padding: 1.30208vw 0;
  font-family: 'GT America Md';
  font-weight: 500;
  font-style: normal;
  /*@include fontGtaMed;*/
  text-transform: uppercase;
  border-radius: 0px;
  background-color: transparent;
  position: relative;
  font-size: calc(0.5rem + ((1vw - 7.67px) * 0.5204));
  min-height: 0vw;
}

@media (min-width: 1920px) {
  .btn-theme,
  .circle-title {
    font-size: 14px;
  }
}

@media only screen and (max-width: 767px) {
  .btn-theme,
  .circle-title {
    font-size: 8px;
  }
}

.btn-theme:hover, .btn-theme:focus,
.circle-title:hover,
.circle-title:focus {
  color: #fff;
}

.btn-theme.ls100,
.circle-title.ls100 {
  letter-spacing: 0.1em;
}

.btn-theme.ls70,
.circle-title.ls70 {
  letter-spacing: 0.07em;
}

@media only screen and (max-width: 767px) {
  .btn-theme.ls70,
  .circle-title.ls70 {
    letter-spacing: 0.1em;
  }
}

.btn-theme.btn-line span,
.circle-title.btn-line span {
  position: relative;
  z-index: 1;
}

.btn-theme.btn-line .svgline,
.circle-title.btn-line .svgline {
  width: 16.19792vw;
  left: 50%;
  transform: translateX(-50%);
  bottom: -1.45833vw;
  position: absolute;
}

@media only screen and (max-width: 768px) {
  .btn-theme.btn-line .svgline,
  .circle-title.btn-line .svgline {
    width: 203px;
    bottom: -24px;
  }
}

.btn-theme.btn-line .svgline .st0,
.circle-title.btn-line .svgline .st0 {
  fill: none;
  stroke: #5904E2;
  stroke-width: 2.001;
  stroke-miterlimit: 4.0021;
}

.btn-theme.afterline:after,
.circle-title.afterline:after {
  content: "";
  right: 0;
  height: 1px;
  bottom: 0;
  background-color: #5904E2;
  position: absolute;
}

.btn-theme.f16,
.circle-title.f16 {
  font-size: calc(0.5rem + ((1vw - 7.67px) * 0.6938));
  min-height: 0vw;
}

@media (min-width: 1920px) {
  .btn-theme.f16,
  .circle-title.f16 {
    font-size: 16px;
  }
}

@media only screen and (max-width: 767px) {
  .btn-theme.f16,
  .circle-title.f16 {
    font-size: 8px;
  }
}

.btn-theme.border-btm,
.circle-title.border-btm {
  padding: 11px 0;
  color: #5904E2;
}

.btn-theme.border-btm:after,
.circle-title.border-btm:after {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  width: 100%;
  height: 3px;
  bottom: 0;
  background-color: #5904E2;
  transition: all 0.3s ease-out;
}

@media only screen and (max-width: 767px) {
  .btn-theme.border-btm:after,
  .circle-title.border-btm:after {
    height: 1px;
  }
}

.btn-theme.border-btm:hover,
.circle-title.border-btm:hover {
  color: #E3DED9;
}

.btn-theme.border-btm:hover:after,
.circle-title.border-btm:hover:after {
  background-color: #E3DED9;
}

#lineTrails {
  position: fixed;
  top: 0;
  left: 0;
  height: 100vh;
  width: 100vw;
  z-index: 5;
}

#lineTrails line {
  stroke: #5904E2;
  stroke-width: 2;
}

@media only screen and (max-width: 767px) {
  #lineTrails {
    display: none;
  }
}

.btn-theme {
  z-index: 10;
}

.btn-line .svgline .st0 {
  stroke-dasharray: 500;
  stroke-dashoffset: 500;
  transition: stroke-dashoffset 1.3s ease-out .1s;
}

.btn-line.visible .svgline .st0 {
  stroke-dashoffset: 1000;
}

.linkup {
  position: relative;
  z-index: 10;
}

/* Splitting Word */
[data-words-anim-from-bottom].splitting .word {
  opacity: 0;
  transform: translateY(100%);
}

.splitting {
  --word-center: calc((var(--word-total) - 1)/2);
  --char-center: calc((var(--char-total) - 1)/2);
  --line-center: calc((var(--line-total) - 1)/2);
}

.splitting.word {
  --word-percent: calc(var(--word-index)/var(--word-total));
  --line-percent: calc(var(--line-index)/var(--line-total));
}

.splitting.is-inview .word {
  transition: transform 1s cubic-bezier(0, 0.5, 0.5, 1), opacity 1s linear;
  transition-delay: calc(0.03s*var(--word-index));
  opacity: 1;
  transform: translateY(0);
}

.skrollr-mobile {
  overflow: auto !important;
}

/* Recommended styles for Splitting */
.splitting .word,
.splitting .char {
  display: inline-block;
}

/* Psuedo-element chars */
.splitting .char {
  position: relative;
}

/**
 * Populate the psuedo elements with the character to allow for expanded effects
 * Set to `display: none` by default; just add `display: block` when you want
 * to use the psuedo elements
 */
.splitting .char::before,
.splitting .char::after {
  content: attr(data-char);
  position: absolute;
  top: 0;
  left: 0;
  visibility: hidden;
  transition: inherit;
  user-select: none;
}

/* Expanded CSS Variables */
.splitting {
  /* The center word index */
  --word-center: calc((var(--word-total) - 1) / 2);
  /* The center character index */
  --char-center: calc((var(--char-total) - 1) / 2);
  /* The center character index */
  --line-center: calc((var(--line-total) - 1) / 2);
}

.splitting .word {
  /* Pecent (0-1) of the word's position */
  --word-percent: calc(var(--word-index) / var(--word-total));
  /* Pecent (0-1) of the line's position */
  --line-percent: calc(var(--line-index) / var(--line-total));
}

.splitting .char {
  /* Percent (0-1) of the char's position */
  --char-percent: calc(var(--char-index) / var(--char-total));
  /* Offset from center, positive & negative */
  --char-offset: calc(var(--char-index) - var(--char-center));
  /* Absolute distance from center, only positive */
  --distance: calc(
     (var(--char-offset) * var(--char-offset)) / var(--char-center)
  );
  /* Distance from center where -1 is the far left, 0 is center, 1 is far right */
  --distance-sine: calc(var(--char-offset) / var(--char-center));
  /* Distance from center where 1 is far left/far right, 0 is center */
  --distance-percent: calc((var(--distance) / var(--char-center)));
}

.splitting .char {
  animation: slide-in 1.6s cubic-bezier(0.2, 0, 0.1, 1) both;
  animation-delay: calc(30ms * var(--char-index));
  will-change: transform;
  transform-origin: top left;
}

@keyframes slide-in {
  from {
    transform: translateY(10px);
    opacity: 0;
  }
}

/* Spliting CSS */
.splitting .word {
  display: inline-block;
}

.splitting .whitespace {
  white-space: inherit;
}

.splitting.visible .word,
.splitting.visible .char {
  /*  animation: slide-in 1.6s cubic-bezier(.2, 0, .1, 1) both;
  animation-delay: calc(30ms * var(--char-index));
  will-change:transform;
  transform-origin: top left;*/
  transition: transform 1s cubic-bezier(0, 0.5, 0.5, 1), opacity 1s linear;
  transition-delay: calc(0.03s*var(--word-index));
  opacity: 1;
  transform: translateY(0);
}

.splitting.visible p,
.splitting.visible li {
  transition: transform 1s cubic-bezier(0, 0.5, 0.5, 1), opacity 1s linear;
  transition-delay: calc(0.1s*var(--item-index));
  opacity: 1;
  transform: translateY(0);
}

.splitting .word {
  opacity: 0;
  transform: translateY(100%);
}

.splitting p,
.splitting li {
  transform: translateY(20px);
  overflow: hidden;
  opacity: 0;
}

@keyframes slide-in {
  from {
    transform: translateY(100%);
    opacity: 0;
  }
}

/* Recommended styles for Splitting */
.splitting .word,
.splitting .char {
  display: inline-block;
}

/* Psuedo-element chars */
.splitting .char {
  position: relative;
}

/**
 * Populate the psuedo elements with the character to allow for expanded effects
 * Set to `display: none` by default; just add `display: block` when you want
 * to use the psuedo elements
 */
.splitting .char::before,
.splitting .char::after {
  content: attr(data-char);
  position: absolute;
  top: 0;
  left: 0;
  visibility: hidden;
  transition: inherit;
  user-select: none;
}

/* Expanded CSS Variables */
.splitting {
  /* The center word index */
  --word-center: calc((var(--word-total) - 1) / 2);
  /* The center character index */
  --char-center: calc((var(--char-total) - 1) / 2);
  /* The center character index */
  --line-center: calc((var(--line-total) - 1) / 2);
}

.splitting .word {
  /* Pecent (0-1) of the word's position */
  --word-percent: calc(var(--word-index) / var(--word-total));
  /* Pecent (0-1) of the line's position */
  --line-percent: calc(var(--line-index) / var(--line-total));
}

.splitting .char {
  /* Percent (0-1) of the char's position */
  --char-percent: calc(var(--char-index) / var(--char-total));
  /* Offset from center, positive & negative */
  --char-offset: calc(var(--char-index) - var(--char-center));
  /* Absolute distance from center, only positive */
  --distance: calc(
     (var(--char-offset) * var(--char-offset)) / var(--char-center)
  );
  /* Distance from center where -1 is the far left, 0 is center, 1 is far right */
  --distance-sine: calc(var(--char-offset) / var(--char-center));
  /* Distance from center where 1 is far left/far right, 0 is center */
  --distance-percent: calc((var(--distance) / var(--char-center)));
}

.loader {
  position: fixed;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 9999;
  background: #1C1C1C;
  text-align: center;
}

.loader svg {
  width: 50px;
  height: 30px;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
}

.loader svg .st0 {
  fill: none;
  stroke: #5904E2;
  stroke-dasharray: 1000;
  stroke-dashoffset: 1000;
  animation: 5s infinite path-move;
}

@-webkit-keyframes path-move {
  0% {
    stroke-dashoffset: -180;
  }
  100% {
    stroke-dashoffset: 0;
  }
}

@-moz-keyframes path-move {
  0% {
    stroke-dashoffset: -180;
  }
  100% {
    stroke-dashoffset: 0;
  }
}

@-ms-keyframes path-move {
  .loader svg .st0 0% {
    stroke-dashoffset: -180;
  }
  .loader svg .st0 100% {
    stroke-dashoffset: 0;
  }
}

@-o-keyframes path-move {
  0% {
    stroke-dashoffset: -180;
  }
  100% {
    stroke-dashoffset: 0;
  }
}

@keyframes path-move {
  0% {
    stroke-dashoffset: -180;
  }
  100% {
    stroke-dashoffset: 0;
  }
}

.loader .loading-text {
  color: #fff;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translateX(-50%);
  margin-top: 40px;
  font-size: 16px;
  font-family: 'GT America Lt', sans-serif;
  font-weight: 300;
  font-style: normal;
  /*@include fontGtaLig;*/
}

.secloader {
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  background: transparent;
  position: absolute;
  width: 50px;
  height: 50px;
}

.secloader svg {
  width: 50px;
  height: 30px;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
}

.secloader svg .st0 {
  fill: none;
  stroke: #5904E2;
  stroke-dasharray: 1000;
  stroke-dashoffset: 1000;
  animation: 5s infinite path-move;
}

@-webkit-keyframes path-move {
  0% {
    stroke-dashoffset: -180;
  }
  100% {
    stroke-dashoffset: 0;
  }
}

@-moz-keyframes path-move {
  0% {
    stroke-dashoffset: -180;
  }
  100% {
    stroke-dashoffset: 0;
  }
}

@-ms-keyframes path-move {
  .secloader svg .st0 0% {
    stroke-dashoffset: -180;
  }
  .secloader svg .st0 100% {
    stroke-dashoffset: 0;
  }
}

@-o-keyframes path-move {
  0% {
    stroke-dashoffset: -180;
  }
  100% {
    stroke-dashoffset: 0;
  }
}

@keyframes path-move {
  0% {
    stroke-dashoffset: -180;
  }
  100% {
    stroke-dashoffset: 0;
  }
}

body.lb-disable-scrolling {
  overflow: hidden;
}

.lightboxOverlay {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 9999;
  background-color: black;
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80);
  opacity: 0.8;
  display: none;
}

.lightbox {
  position: absolute;
  left: 0;
  width: 100%;
  z-index: 10000;
  text-align: center;
  line-height: 0;
  font-weight: normal;
  outline: none;
}

.lightbox .lb-image {
  display: block;
  height: auto;
  max-width: inherit;
  max-height: none;
  border-radius: 0px;
  /* Image border */
}

.lightbox a img {
  border: none;
}

.lb-outerContainer {
  position: relative;
  *zoom: 1;
  width: 250px;
  height: 250px;
  margin: 0 auto;
  border-radius: 0px;
  /* Background color behind image.
     This is visible during transitions. */
  background-color: white;
}

.lb-outerContainer:after {
  content: "";
  display: table;
  clear: both;
}

.lb-loader {
  position: absolute;
  top: 43%;
  left: 0;
  height: 25%;
  width: 100%;
  text-align: center;
  line-height: 0;
}

.lb-cancel {
  display: block;
  width: 32px;
  height: 32px;
  margin: 0 auto;
  background: url(../images/loading.gif) no-repeat;
}

.lb-nav {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  z-index: 10;
}

.lb-container > .nav {
  left: 0;
}

.lb-nav a {
  outline: none;
  background-image: url("data:image/gif;base64,R0lGODlhAQABAPAAAP///wAAACH5BAEAAAAALAAAAAABAAEAAAICRAEAOw==");
}

.lb-prev, .lb-next {
  height: 100%;
  cursor: pointer;
  display: block;
}

.lb-nav a.lb-prev {
  width: 34%;
  left: 0;
  float: left;
  background: url(../images/prev.png) left 48% no-repeat;
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
  opacity: 0;
  -webkit-transition: opacity 0.6s;
  -moz-transition: opacity 0.6s;
  -o-transition: opacity 0.6s;
  transition: opacity 0.6s;
}

.lb-nav a.lb-prev:hover {
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
  opacity: 1;
}

.lb-nav a.lb-next {
  width: 64%;
  right: 0;
  float: right;
  background: url(../images/next.png) right 48% no-repeat;
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
  opacity: 0;
  -webkit-transition: opacity 0.6s;
  -moz-transition: opacity 0.6s;
  -o-transition: opacity 0.6s;
  transition: opacity 0.6s;
}

.lb-nav a.lb-next:hover {
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
  opacity: 1;
}

.lb-dataContainer {
  margin: 0 auto;
  padding-top: 5px;
  *zoom: 1;
  width: 100%;
  border-bottom-left-radius: 4px;
  border-bottom-right-radius: 4px;
}

.lb-dataContainer:after {
  content: "";
  display: table;
  clear: both;
}

.lb-data {
  padding: 0 4px;
  color: #ccc;
}

.lb-data .lb-details {
  width: 85%;
  float: left;
  text-align: left;
  line-height: 1.1em;
}

.lb-data .lb-caption {
  font-size: 16px;
  font-weight: bold;
  line-height: 1em;
  font-family: 'GT America Md';
  font-weight: 500;
  font-style: normal;
  /*@include fontGtaMed;*/
}

.lb-data .lb-caption a {
  color: #4ae;
}

.lb-data .lb-number {
  display: block;
  clear: left;
  padding-bottom: 1em;
  font-size: 14px;
  color: #999999;
  font-family: 'GT America Lt', sans-serif;
  font-weight: 300;
  font-style: normal;
  /*@include fontGtaLig;*/
}

.lb-data .lb-close {
  display: block;
  float: right;
  width: 30px;
  height: 30px;
  background: url(../images/close.png) top right no-repeat;
  text-align: right;
  outline: none;
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=70);
  opacity: 0.7;
  -webkit-transition: opacity 0.2s;
  -moz-transition: opacity 0.2s;
  -o-transition: opacity 0.2s;
  transition: opacity 0.2s;
}

.lb-data .lb-close:hover {
  cursor: pointer;
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
  opacity: 1;
}

.home {
  background-color: #1C1C1C;
}

.main {
  position: relative;
}

.main .manfall {
  position: absolute;
  width: 8.95833%;
  left: 3.64583%;
  bottom: 0;
  z-index: 1;
}

@media only screen and (max-width: 767px) {
  .main .manfall {
    width: 99px;
    bottom: 0;
    left: 9px;
  }
}

.main .manfall.fixed {
  position: fixed;
}

.hero-home {
  position: relative;
}

.hero-home h1 {
  display: none;
}

.hero-home picture img {
  width: 100%;
  height: 100vh;
  object-fit: cover;
  object-position: center;
}

.hero-home .artwork {
  position: absolute;
  left: 50%;
  bottom: 32px;
  transform: translateX(-50%);
  width: 37px;
}

@media only screen and (max-width: 1024px) {
  .hero-home .artwork {
    width: 32px;
  }
}

@media only screen and (max-width: 767px) {
  .hero-home .artwork {
    width: 26px;
    bottom: 37px;
  }
}

.hero-home .artwork-top {
  position: absolute;
  top: -5.5vw;
  left: 45%;
  width: 100%;
  max-width: 790px;
  transform: translateX(-50%);
}

@media only screen and (max-width: 767px) {
  .hero-home .artwork-top {
    left: 48%;
    top: 5.5vw;
  }
}

.hero-home .artwork-top img {
  width: 100%;
  object-fit: unset;
  height: auto;
}

.sec-two {
  padding: 16.92708% 0 22.39583%;
}

@media only screen and (max-width: 767px) {
  .sec-two {
    padding: 111px 0 145px;
  }
}

.sec-two .copy {
  width: 100%;
  max-width: 66.66667vw;
}

@media only screen and (max-width: 767px) {
  .sec-two .copy {
    padding: 0;
    max-width: inherit;
  }
}

.sec-two .copy h6 {
  margin-bottom: 68px;
  line-height: 1.2;
}

@media only screen and (max-width: 767px) {
  .sec-two .copy h6 {
    margin-bottom: 25px;
  }
}

.sec-two .bottomright {
  position: absolute;
  right: 5.52083%;
  bottom: -7.5vw;
  z-index: 2;
  width: 11.14583%;
  will-change: transform;
}

@media (min-width: 1920px) {
  .sec-two .bottomright {
    width: 214px;
  }
}

@media only screen and (max-width: 767px) {
  .sec-two .bottomright {
    width: 96px;
    right: 32px;
  }
}

@media only screen and (max-width: 480px) {
  .sec-two .bottomright {
    bottom: -16.5vw;
  }
}

.sec-three {
  background-image: url(../images/black-color-bg.jpg);
  background-repeat: no-repeat;
  padding-top: 13.17708%;
  overflow: hidden;
  position: relative;
  background-size: cover;
}

@media only screen and (max-width: 767px) {
  .sec-three {
    padding-top: 167px;
  }
}

.sec-three .topright {
  position: absolute;
  right: 5.52083%;
  top: -7.8125%;
}

.sec-three .ryanimg2 {
  opacity: 0.9;
  position: relative;
  z-index: 1;
}

.sec-three .ryanimg3 {
  position: relative;
}

.sec-three .ryanimg3 .copy {
  width: 80.90452%;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  padding: 0 15px;
  z-index: 6;
}

@media only screen and (max-width: 767px) {
  .sec-three .ryanimg3 .copy {
    width: 100%;
  }
}

.sec-three .ryanimg3 .copy h6 {
  margin-bottom: 45px;
}

@media only screen and (max-width: 767px) {
  .sec-three .ryanimg3 .copy h6 {
    margin-bottom: 25px;
  }
}

.sec-three .vertleline.top {
  right: 0px;
  top: 32.96875vw;
  z-index: 2;
  width: 47.11055%;
}

@media only screen and (max-width: 767px) {
  .sec-three .vertleline.top {
    display: none;
  }
}

.sec-three .copybig {
  padding-bottom: 0;
  position: relative;
  z-index: 2;
}

@media only screen and (max-width: 767px) {
  .sec-three .copybig {
    text-align: center;
  }
}

.sec-three .copybig h3 {
  position: relative;
  margin-top: -6.75vw;
  margin-left: 47px;
  line-height: 1;
}

@media only screen and (max-width: 767px) {
  .sec-three .copybig h3 {
    margin-left: 0;
    margin-top: 28px;
    font-size: 57px;
    text-align: left;
  }
}

@media only screen and (max-width: 767px) {
  .sec-three .copybig h3 span.block {
    display: block;
  }
}

.sec-three .copybig .bottomleft {
  margin-left: -18px;
  margin-top: 30px;
  display: inline-block;
  width: 12.24874%;
  will-change: transform;
}

@media only screen and (max-width: 767px) {
  .sec-three .copybig .bottomleft {
    width: 58px;
    margin: 0 auto;
  }
}

.sec-three .ryanimg5-wrap {
  padding-top: 44.28392%;
  position: relative;
  z-index: 1;
  padding-bottom: 8.4799%;
}

@media only screen and (max-width: 767px) {
  .sec-three .ryanimg5-wrap {
    padding-top: 235px;
    padding-bottom: 0;
  }
}

.sec-three .ryanimg5-wrap .vertleline {
  right: -160px;
  top: -21px;
  width: 35.41667vw;
}

.sec-three .ryanimg5-wrap .ryanimg5 {
  position: relative;
}

.sec-three .ryanimg5-wrap .ryanimg5 .sketchcopy {
  position: absolute;
  left: -3.5vw;
  top: -16.4vw;
  opacity: 0.9;
  width: 51.13065%;
}

@media only screen and (max-width: 767px) {
  .sec-three .ryanimg5-wrap .ryanimg5 .sketchcopy {
    width: 352px;
    left: 12px;
    top: -184px;
  }
}

.sec-three .ryanimg5-wrap .ryanimg5 .sketchcopy img {
  width: 100%;
}

.sec-three .ryanimg5-wrap .ryanimg5 picture img {
  width: 100%;
}

.sec-three .ryanimg5-wrap .ryanimg5 .bottomright {
  position: absolute;
  right: 7.09799%;
  bottom: -8.4799%;
  width: 7.55208%;
  will-change: transform;
}

@media only screen and (max-width: 767px) {
  .sec-three .ryanimg5-wrap .ryanimg5 .bottomright {
    width: 14.87179%;
    right: 57px;
  }
}

.sec-three .fineart {
  padding: 42.52513% 0 0 0;
}

@media only screen and (max-width: 767px) {
  .sec-three .fineart {
    padding-top: 138px;
  }
}

.sec-three .fineart .copy {
  width: 100%;
  max-width: 686px;
}

@media only screen and (max-width: 767px) {
  .sec-three .fineart .copy {
    max-width: 208px;
  }
}

.sec-three .fineart .copy h6 {
  margin-bottom: 15px;
}

@media only screen and (max-width: 767px) {
  .sec-three .fineart .copy h6 {
    margin-bottom: 6px;
  }
}

.sec-three .fineart .img {
  padding-top: 25px;
  position: relative;
  z-index: 2;
}

@media only screen and (max-width: 767px) {
  .sec-three .fineart .img {
    padding-top: 60px;
  }
}

.sec-three .fineart .img .vtitle {
  z-index: 1;
}

.sec-three .fineart .img .vtitle .vtext {
  right: -30px;
  top: -7.2vw;
}

.sec-three .fineart .img .vtitle .svgline {
  right: -8.10302%;
  top: -6.8vw;
  width: 40.57789%;
}

@media only screen and (max-width: 767px) {
  .sec-three .fineart .img .vtitle .svgline {
    top: -10.5vw;
    right: -80px;
    width: 226px;
  }
}

.sec-three .fineart .img .vtitle .svgline .st0 {
  stroke-dasharray: 703.2587280273438;
  stroke-dashoffset: 703.2587280273438;
  transition: stroke-dashoffset 1.9s ease-out .1s;
}

.sec-three .fineart .img .vtitle .svgline.visible .st0 {
  stroke-dashoffset: 0;
}

@media only screen and (max-width: 767px) {
  .sec-three .subsec2 {
    width: 100%;
    margin: 0;
  }
}

.sec-three .copyfull {
  margin-top: -15px;
  padding-top: 36.80905%;
  position: relative;
  z-index: 2;
}

@media only screen and (max-width: 767px) {
  .sec-three .copyfull {
    padding-top: 345px;
  }
}

.sec-three .copyfull .heller-svg {
  position: absolute;
  left: 9.01042vw;
  top: 9.94792vw;
  width: 14.13317%;
}

@media only screen and (max-width: 767px) {
  .sec-three .copyfull .heller-svg {
    width: 143px;
    left: 15px;
    top: 70px;
  }
}

.sec-three .copyfull .heller-svg svg {
  width: 100%;
}

.sec-three .copyfull .heller-svg svg .st1 {
  stroke-dasharray: 1200;
  stroke-dashoffset: 1200;
  transition: stroke-dashoffset 5.9s ease-out .1s;
}

.sec-three .copyfull .heller-svg svg.visible .st1 {
  stroke-dashoffset: 0;
}

.sec-three .copyfull .circle-svg {
  position: absolute;
  top: 5.52083vw;
  right: -5.46875vw;
  width: 58.41709%;
}

@media only screen and (max-width: 767px) {
  .sec-three .copyfull .circle-svg {
    top: 145px;
    width: 321px;
    right: -110px;
  }
}

.sec-three .copyfull h3.f150 {
  position: relative;
  line-height: 1.06;
  margin-top: -20px;
  margin-left: 20px;
}

@media only screen and (max-width: 767px) {
  .sec-three .copyfull h3.f150 {
    margin-left: 0;
  }
}

@media only screen and (max-width: 767px) {
  .sec-three .copyfull h3.f150.desktop {
    display: none;
  }
}

.sec-three .copyfull h3.f150.mobile {
  display: none;
}

@media only screen and (max-width: 767px) {
  .sec-three .copyfull h3.f150.mobile {
    display: block;
  }
}

@media only screen and (max-width: 390px) {
  .sec-three .copyfull h3.f150.mobile {
    width: 110%;
    margin-left: -8px;
  }
}

.sec-three .stories-sec {
  text-align: center;
  padding-top: 28.38542vw;
}

@media only screen and (max-width: 767px) {
  .sec-three .stories-sec {
    padding-top: 170px;
  }
}

.sec-three .stories-sec .title {
  position: relative;
  margin-bottom: 78px;
}

.sec-three .stories-sec .title .btn {
  position: absolute;
  left: 50%;
  top: 55%;
  transform: translateX(-50%);
}

@media only screen and (max-width: 767px) {
  .sec-three .stories-sec .title .btn {
    top: 34%;
  }
}

.sec-three .stories-sec .stories {
  width: 630px;
  margin: 0 auto;
}

@media only screen and (max-width: 767px) {
  .sec-three .stories-sec .stories {
    width: auto;
    padding: 0 26px;
  }
}

.sec-three .stories-sec .stories picture {
  margin-bottom: 10px;
  display: block;
  will-change: transform;
}

@media only screen and (max-width: 767px) {
  .sec-three .stories-sec .stories picture {
    margin-bottom: 8px;
  }
}

.sec-three .stories-sec .media-home {
  text-align: center;
  padding-top: 18.28125vw;
  position: relative;
  z-index: 1;
}

@media only screen and (max-width: 767px) {
  .sec-three .stories-sec .media-home {
    padding-top: 246px;
  }
}

.sec-three .stories-sec .media-home .vtitle {
  margin-left: -100px;
  position: absolute;
  margin-top: -5vw;
}

.sec-three .stories-sec .media-home .circle-svg {
  left: -19.94792vw;
  top: -56px;
  width: 58.4538%;
}

@media only screen and (max-width: 767px) {
  .sec-three .stories-sec .media-home .circle-svg {
    width: 299px;
    top: 64px;
  }
}

.sec-three .stories-sec .media-home .copy {
  max-width: 1288px;
  padding-bottom: 27.08333vw;
}

@media only screen and (max-width: 767px) {
  .sec-three .stories-sec .media-home .copy {
    padding-bottom: 235px;
  }
}

.sec-three .stories-sec .media-home .copy h6 {
  margin-bottom: 45px;
}

@media only screen and (max-width: 767px) {
  .sec-three .stories-sec .media-home .copy h6 {
    margin-bottom: 22px;
  }
}

.sec-three .stories-sec .media-home .copy h6:last-child {
  margin-bottom: 0;
}

@media only screen and (max-width: 767px) {
  .sec-three .stories-sec .media-home .copy.desktop {
    display: none;
  }
}

.sec-three .stories-sec .media-home .copy.mobile {
  display: none;
}

@media only screen and (max-width: 767px) {
  .sec-three .stories-sec .media-home .copy.mobile {
    display: block;
  }
}

@media only screen and (max-width: 767px) {
  .sec-three .stories-sec .media-home .copy.mobile h6 {
    margin-bottom: 25px;
  }
}

.sec-three .stories-sec .media-home .copy.mobile h6:last-child {
  margin-bottom: 0;
}

.sec-three .stories-sec .events {
  position: relative;
  z-index: 1;
}

.sec-three .stories-sec .events picture img {
  width: 100%;
}

.sec-three .stories-sec .events .vtitle h2 {
  left: -13.38542vw;
  top: -5vw;
}

@media only screen and (max-width: 767px) {
  .sec-three .stories-sec .events .vtitle h2 {
    left: -14.5vw;
    top: -8.7vw;
  }
}

@media only screen and (max-width: 390px) {
  .sec-three .stories-sec .events .vtitle h2 {
    left: -24vw;
  }
}

.sec-four .section-con {
  position: relative;
}

.sec-four picture.overlay {
  z-index: 1;
}

.sec-four picture.overlay img {
  width: 100%;
}

.sec-four .circle-svg.top {
  width: 20.79146%;
  position: absolute;
  left: 50%;
  top: -9vw;
  transform: translateX(-50%);
  z-index: 6;
}

@media only screen and (max-width: 767px) {
  .sec-four .circle-svg.top {
    width: 208px;
    top: -104px;
  }
}

.sec-four .circle-svg.top .btn {
  position: absolute;
  top: 51.5%;
  transform: translateY(-50%);
  width: 100%;
  left: 0;
}

.sec-four .comn-sec {
  position: relative;
}

.sec-four .comn-sec .copy {
  width: 50.28284%;
}

@media only screen and (max-width: 767px) {
  .sec-four .comn-sec .copy {
    width: 35.16484%;
  }
}

@media only screen and (max-width: 767px) {
  .sec-four .comn-sec .copy .toptitle {
    position: absolute;
    top: 0;
    width: 100%;
    padding-left: 26px;
  }
}

@media only screen and (max-width: 767px) {
  .sec-four .comn-sec .copy .toptitle h2 {
    text-align: left;
    line-height: 0.88;
  }
}

.sec-four .comn-sec .copy h6 {
  margin-bottom: 6.51042vw;
}

@media only screen and (max-width: 767px) {
  .sec-four .comn-sec .copy h6 {
    margin-bottom: 0;
    text-align: left;
  }
}

@media only screen and (max-width: 767px) {
  .sec-four .comn-sec .copy h6 .block {
    display: block;
  }
}

.sec-four .comn-sec .copy .btn-wrap {
  position: relative;
}

.sec-four .comn-sec .copy .btn-wrap .circle-hline {
  position: absolute;
  top: -3.8vw;
  width: 35.625vw;
  z-index: 1;
}

@media only screen and (max-width: 1024px) {
  .sec-four .comn-sec .copy .btn-wrap .circle-hline {
    top: -3vw;
    width: 36.625vw;
  }
}

@media only screen and (max-width: 768px) {
  .sec-four .comn-sec .copy .btn-wrap .circle-hline {
    top: -2vw;
  }
}

@media only screen and (max-width: 767px) {
  .sec-four .comn-sec .copy .btn-wrap .circle-hline {
    top: -2px;
  }
}

.sec-four .comn-sec .copy .btn-wrap .circle-svg {
  width: 12.86458vw;
  position: absolute;
  left: -30.625%;
  top: -5vw;
  transform: rotate(5deg);
}

@media only screen and (max-width: 1366px) {
  .sec-four .comn-sec .copy .btn-wrap .circle-svg {
    top: -4vw;
  }
}

@media only screen and (max-width: 767px) {
  .sec-four .comn-sec .copy .btn-wrap .circle-svg {
    width: 72px;
    top: -4vw;
    left: -10vw;
  }
}

@media only screen and (max-width: 390px) {
  .sec-four .comn-sec .copy .btn-wrap .circle-svg {
    left: -14vw;
  }
}

.sec-four .comn-sec .copy .btn-wrap .circle-svg svg .st1 {
  stroke-width: 2;
}

.sec-four .comn-sec .copy .btn-wrap .afterline {
  padding: 0 0 20px;
}

@media only screen and (max-width: 767px) {
  .sec-four .comn-sec .copy .btn-wrap .afterline {
    padding-bottom: 14px;
  }
}

.sec-four .comn-sec .copy .btn-wrap .btn-theme {
  font-family: 'GT America Lt', sans-serif;
  font-weight: 300;
  font-style: normal;
  /*@include fontGtaLig;*/
}

.sec-four .book-sec {
  max-width: 91.5625%;
  margin-right: 0;
  margin-bottom: 35.72917vw;
}

@media only screen and (max-width: 767px) {
  .sec-four .book-sec {
    max-width: inherit;
    width: 93%;
    margin-bottom: 1000x;
  }
}

.sec-four .book-sec .kingstar {
  display: flex;
  align-items: flex-start;
  position: relative;
  margin-top: 33.59375vw;
}

@media only screen and (max-width: 767px) {
  .sec-four .book-sec .kingstar {
    margin-top: 84px;
    padding-top: 270px;
  }
}

.sec-four .book-sec .kingstar .copy {
  width: 59.04437%;
  padding-top: 8.48958vw;
}

@media only screen and (max-width: 767px) {
  .sec-four .book-sec .kingstar .copy {
    padding-top: 0;
    width: 35.16484%;
  }
}

.sec-four .book-sec .kingstar .copy h2 {
  position: absolute;
  left: 4.42708vw;
  top: -6.51042vw;
  z-index: 1;
}

@media only screen and (max-width: 767px) {
  .sec-four .book-sec .kingstar .copy h2 {
    position: relative;
    left: 0;
    top: 0;
    margin-bottom: 20px;
  }
}

.sec-four .book-sec .kingstar .copy h6 {
  margin-left: -5.05208vw;
}

@media only screen and (max-width: 767px) {
  .sec-four .book-sec .kingstar .copy h6 {
    margin-left: 0;
  }
}

.sec-four .book-sec .kingstar .copy .btn-wrap .circle-hline {
  left: -13.02083vw;
}

.sec-four .book-sec .kingstar .copy .btn-theme {
  margin-left: -5.05208vw;
}

@media only screen and (max-width: 767px) {
  .sec-four .book-sec .kingstar .copy .btn-theme {
    margin-left: 0;
  }
}

.sec-four .book-sec .kingstar .copy .btn-theme.afterline:after {
  left: -24vw;
}

@media only screen and (max-width: 768px) {
  .sec-four .book-sec .kingstar .copy .btn-theme.afterline:after {
    left: -22vw;
  }
}

@media only screen and (max-width: 767px) {
  .sec-four .book-sec .kingstar .copy .btn-theme.afterline:after {
    left: -15vw;
  }
}

@media only screen and (max-width: 480px) {
  .sec-four .book-sec .kingstar .copy .btn-theme.afterline:after {
    left: -8vw;
  }
}

.sec-four .book-sec .kingstar .img {
  width: 60.525%;
}

@media only screen and (max-width: 767px) {
  .sec-four .book-sec .kingstar .img {
    width: 64.83516%;
  }
}

.sec-four .book-sec .kingstar .img img {
  width: 100%;
}

.sec-four .stuff-sec {
  display: flex;
  align-items: flex-start;
  position: relative;
  padding-bottom: 28.64583vw;
}

@media only screen and (max-width: 767px) {
  .sec-four .stuff-sec {
    padding-top: 207px;
    flex-direction: row-reverse;
    padding-right: 0;
    width: auto;
    padding-left: 0;
    padding-bottom: 0;
    margin-right: 0;
    width: 93%;
  }
}

.sec-four .stuff-sec .copy {
  padding-top: 14.32292vw;
  margin-left: 5.52083vw;
}

@media only screen and (max-width: 767px) {
  .sec-four .stuff-sec .copy {
    padding-top: 85px;
    margin-left: 0;
    width: 35.16484%;
  }
}

.sec-four .stuff-sec .copy h2 {
  position: absolute;
  left: 13.1vw;
  top: -13.90625vw;
  width: 80%;
  text-align: left;
}

@media only screen and (max-width: 1024px) {
  .sec-four .stuff-sec .copy h2 {
    width: 75%;
    left: 36%;
  }
}

@media only screen and (max-width: 767px) {
  .sec-four .stuff-sec .copy h2 {
    position: relative;
    width: 100%;
    left: 0;
    top: 0;
    margin-bottom: 20px;
  }
}

@media only screen and (max-width: 767px) {
  .sec-four .stuff-sec .copy h2 .inline:first-child {
    display: block;
  }
}

@media only screen and (max-width: 767px) {
  .sec-four .stuff-sec .copy h2 .block {
    display: inline;
  }
}

@media only screen and (max-width: 767px) {
  .sec-four .stuff-sec .copy h6 .block {
    display: inline;
  }
}

@media only screen and (max-width: 767px) {
  .sec-four .stuff-sec .copy .toptitle {
    top: -25px;
    padding-left: 26px;
  }
}

.sec-four .stuff-sec .copy .btn-wrap .circle-hline {
  left: -12vw;
}

.sec-four .stuff-sec .copy .btn-wrap .circle-svg {
  left: -11.77083vw;
}

@media only screen and (max-width: 767px) {
  .sec-four .stuff-sec .copy .btn-wrap .circle-svg {
    left: -19vw;
  }
}

.sec-four .stuff-sec .copy .btn-wrap .btn-theme.afterline:after {
  left: -12.5vw;
}

@media only screen and (max-width: 767px) {
  .sec-four .stuff-sec .copy .btn-wrap .btn-theme.afterline:after {
    left: -14vw;
  }
}

.sec-four .stuff-sec picture {
  width: 36.04167vw;
}

@media only screen and (max-width: 767px) {
  .sec-four .stuff-sec picture {
    width: 64.83516%;
  }
}

.footer-top {
  padding-top: 12.29167vw;
  padding-bottom: 21.5625vw;
  position: relative;
}

@media only screen and (max-width: 767px) {
  .footer-top {
    padding-top: 138px;
    padding-bottom: 217px;
  }
}

.footer-top:before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background-image: url(../images/footer-bg-new.jpg);
  background-position: center top;
  opacity: 0.65;
}

@media only screen and (max-width: 767px) {
  .footer-top:before {
    opacity: 0.53;
  }
}

@media only screen and (max-width: 480px) {
  .footer-top:before {
    background-image: url(../images/footer-bg-mob.jpg);
  }
}

.footer-top:after {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  z-index: 0;
  height: 40.3125vw;
  background: #1c1c1c;
  background: linear-gradient(0deg, rgba(28, 28, 28, 0) 0%, #1c1c1c 100%);
}

.footer-top .section-con {
  z-index: 1;
}

.footer-top picture {
  position: relative;
  z-index: 1;
}

.footer-top picture img {
  width: 100%;
}

.footer-top .vertleline {
  position: absolute;
  right: 21.40625vw;
  top: 73%;
  z-index: 1;
  width: 41.30208vw;
}

@media only screen and (max-width: 767px) {
  .footer-top .vertleline {
    width: 85.38462%;
    top: auto;
    margin-top: -39.74359%;
    right: 6.41026%;
  }
}

.footer-top .home-video {
  height: 100vh;
  position: relative;
  z-index: 2;
}

@media only screen and (max-width: 768px) {
  .footer-top .home-video {
    height: 500px;
  }
}

.page-template-art {
  background-color: #E3DED9;
}

.page-template-art .header .site-title .logo .st0 {
  fill: #1C1C1C;
}

.page-template-art .header .hamburg .icon:before, .page-template-art .header .hamburg .icon:after {
  background-color: #1C1C1C;
}

.page-template-art .header.open .site-title .logo .st0 {
  fill: #000;
}

.page-template-art .header.open .hamburg .icon:before, .page-template-art .header.open .hamburg .icon:after {
  background-color: #000;
}

.page-template-art .header.contact-open .site-title .logo .st0 {
  fill: #5904E2;
}

.page-template-art .footer:before {
  display: none;
}

.page-template-art .footer .footer-main:before {
  background-color: #5904E2;
}

.hero-art {
  display: flex;
  align-items: center;
  justify-content: center;
  min-height: 100vh;
  padding-bottom: 35px;
  position: fixed;
  width: 100%;
}

.hero-art .title {
  position: relative;
  padding-bottom: 0;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  height: 17.44792vw;
  margin-bottom: 4.6875vw;
}

@media only screen and (max-width: 768px) {
  .hero-art .title {
    margin-bottom: 182px;
    margin-top: 12.29167vw;
    height: 194px;
  }
}

@media only screen and (max-width: 767px) {
  .hero-art .title {
    margin-bottom: 24vw;
    margin-top: 27vw;
  }
}

@media only screen and (max-width: 480px) {
  .hero-art .title {
    margin-bottom: 36vw;
    margin-top: 46vw;
  }
}

@media only screen and (max-width: 320px) {
  .hero-art .title {
    margin-bottom: 60px;
  }
}

.hero-art .title h1 {
  margin-top: -2.86458vw;
}

@media only screen and (max-width: 768px) {
  .hero-art .title h1 {
    margin-top: -25px;
  }
}

@media only screen and (max-width: 768px) {
  .hero-art .title h1 .fine {
    font-family: 'Hoefler Titling';
    font-weight: 300;
    font-style: italic;
    /*@include fontHoeLigIta;*/
  }
}

.hero-art .title .svgline1 {
  position: absolute;
  left: -4.89583vw;
  top: 8.33333vw;
  width: 16.19792vw;
}

@media only screen and (max-width: 768px) {
  .hero-art .title .svgline1 {
    width: 220px;
    left: -48px;
    top: 73px;
  }
}

.hero-art .title .circle-vline2 {
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  top: 0;
  width: 17.44792vw;
}

@media only screen and (max-width: 1366px) {
  .hero-art .title .circle-vline2 {
    width: 19vw;
  }
}

@media only screen and (max-width: 768px) {
  .hero-art .title .circle-vline2 {
    width: 194px;
  }
}

.hero-art .title .circle-vline2 .circle-title {
  position: absolute;
  width: 100%;
  left: 50%;
  transform: translateX(-50%);
  top: 12.23958vw;
  padding: 0;
  color: #1C1C1C;
}

@media only screen and (max-width: 1366px) {
  .hero-art .title .circle-vline2 .circle-title {
    top: 13vw;
  }
}

@media only screen and (max-width: 768px) {
  .hero-art .title .circle-vline2 .circle-title {
    top: 140px;
  }
}

.hero-art .title .circle-svg {
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  top: 0;
  margin: 0 auto;
  width: 17.44792vw;
}

@media only screen and (max-width: 1366px) {
  .hero-art .title .circle-svg {
    width: 19vw;
  }
}

@media only screen and (max-width: 768px) {
  .hero-art .title .circle-svg {
    width: 194px;
  }
}

.hero-art .title .circle-svg svg {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  transform: rotate(90deg);
}

.hero-art .title .circle-svg svg .st1 {
  stroke: #fff;
  stroke-width: 2px;
}

@media only screen and (max-width: 1024px) {
  .hero-art .title .circle-svg svg .st1 {
    stroke-width: 3px;
  }
}

.hero-art .title .circle-svg .circle-title {
  position: absolute;
  width: 100%;
  left: 50%;
  transform: translateX(-50%);
  top: 12.23958vw;
  padding: 0;
  color: #1C1C1C;
}

@media only screen and (max-width: 1366px) {
  .hero-art .title .circle-svg .circle-title {
    top: 13vw;
  }
}

@media only screen and (max-width: 768px) {
  .hero-art .title .circle-svg .circle-title {
    top: 140px;
  }
}

.hero-art .title .circle-svg .circle-title:after {
  content: "";
  width: 1px;
  height: 0vw;
  background-color: #fff;
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  top: 2.55208vw;
  animation: line-down 4s infinite;
  animation-delay: 4s;
}

@-webkit-keyframes line-down {
  0% {
    height: 0vw;
  }
  100% {
    height: 6.25vw;
  }
}

@-moz-keyframes line-down {
  0% {
    height: 0vw;
  }
  100% {
    height: 6.25vw;
  }
}

@-ms-keyframes line-down {
  .hero-art .title .circle-svg .circle-title:after 0% {
    height: 0vw;
  }
  .hero-art .title .circle-svg .circle-title:after 100% {
    height: 6.25vw;
  }
}

@-o-keyframes line-down {
  0% {
    height: 0vw;
  }
  100% {
    height: 6.25vw;
  }
}

@keyframes line-down {
  0% {
    height: 0vw;
  }
  100% {
    height: 6.25vw;
  }
}

@media only screen and (max-width: 1366px) {
  @-webkit-keyframes line-down {
    0% {
      height: 0vw;
    }
    100% {
      height: 6.25vw;
    }
  }
  @-moz-keyframes line-down {
    0% {
      height: 0vw;
    }
    100% {
      height: 6.25vw;
    }
  }
  @-ms-keyframes line-down {
    .hero-art .title .circle-svg .circle-title:after 0% {
      height: 0vw;
    }
    .hero-art .title .circle-svg .circle-title:after 100% {
      height: 6.25vw;
    }
  }
  @-o-keyframes line-down {
    0% {
      height: 0vw;
    }
    100% {
      height: 6.25vw;
    }
  }
  @keyframes line-down {
    0% {
      height: 0vw;
    }
    100% {
      height: 6.25vw;
    }
  }
}

@media only screen and (max-width: 768px) {
  .hero-art .title .circle-svg .circle-title:after {
    top: 20px;
  }
  @-webkit-keyframes line-down {
    0% {
      height: 0vw;
    }
    100% {
      height: 70px;
    }
  }
  @-moz-keyframes line-down {
    0% {
      height: 0vw;
    }
    100% {
      height: 70px;
    }
  }
  @-ms-keyframes line-down {
    .hero-art .title .circle-svg .circle-title:after 0% {
      height: 0vw;
    }
    .hero-art .title .circle-svg .circle-title:after 100% {
      height: 70px;
    }
  }
  @-o-keyframes line-down {
    0% {
      height: 0vw;
    }
    100% {
      height: 70px;
    }
  }
  @keyframes line-down {
    0% {
      height: 0vw;
    }
    100% {
      height: 70px;
    }
  }
}

.hero-art .copy {
  max-width: 1442px;
}

.hero-art .copy h6 {
  margin-bottom: 54px;
}

@media only screen and (max-width: 767px) {
  .hero-art .copy h6 {
    margin-bottom: 25px;
  }
}

.hero-art .copy h6:last-child {
  margin-bottom: 0;
}

.hero-art-dummy {
  min-height: 100vh;
}

.art-gallery {
  padding-top: 24.43467%;
}

.art-gallery .art-list {
  text-align: center;
}

.art-gallery .art-list .art {
  margin-bottom: 8.16583%;
}

@media only screen and (max-width: 768px) {
  .art-gallery .art-list .art {
    margin-bottom: 55px;
  }
}

.art-gallery .art-list .art picture {
  margin-bottom: 43px;
}

@media only screen and (max-width: 768px) {
  .art-gallery .art-list .art picture {
    margin-bottom: 23px;
  }
}

.art-gallery .art-list .art picture img {
  width: 100%;
}

.art-gallery .art-list .art .title p {
  line-height: 1.222;
  font-family: 'Hoefler Titling';
  font-weight: 300;
  font-style: normal;
  /*@include fontHoeLig;*/
  font-size: 18px;
}

@media only screen and (max-width: 767px) {
  .art-gallery .art-list .art .title p {
    font-size: 12px;
  }
}

.art-gallery .art-list .art .title p a {
  color: #1C1C1C;
}

.art-gallery .art-list .art .title p a:hover {
  color: #1C1C1C;
}

.art-gallery .art-list .art picture img {
  max-width: 880px;
  margin: 0 auto;
}

.art-gallery .contact-ryan {
  position: relative;
  padding-bottom: 20.83333vw;
  background-color: #E3DED9;
}

.art-gallery .contact-ryan .before-title {
  margin-bottom: 15px;
  font-size: 12px;
}

.art-gallery .contact-ryan .before-title a {
  color: #1C1C1C;
}

.art-gallery .contact-ryan h3 {
  line-height: 1;
}

@media only screen and (max-width: 767px) {
  .art-gallery .contact-ryan h3 .block {
    display: inline;
  }
}

.art-gallery .contact-ryan .svgline2 {
  position: absolute;
  width: 33.64583vw;
  left: 47%;
  transform: translateX(-50%);
  top: 31px;
}

@media only screen and (max-width: 767px) {
  .art-gallery .contact-ryan .svgline2 {
    width: 226px;
    top: 28px;
  }
}

.art-gallery .contact-ryan .svgline2 svg {
  width: 100%;
}

.art-gallery .contact-ryan .svgline2 svg .st0 {
  stroke-width: 1.5;
}

.page-template-blog .header.open .site-title .logo .st0,
.page-template-blog-detail .header.open .site-title .logo .st0 {
  fill: #000;
}

.page-template-blog .header.open .hamburg .icon:before, .page-template-blog .header.open .hamburg .icon:after,
.page-template-blog-detail .header.open .hamburg .icon:before,
.page-template-blog-detail .header.open .hamburg .icon:after {
  background-color: #000;
}

.page-template-blog .footer-before,
.page-template-blog-detail .footer-before {
  padding-top: 0;
}

.page-template-blog .footer-before .section-con,
.page-template-blog-detail .footer-before .section-con {
  margin: -15% auto 0;
  display: inline-flex;
  padding: 0 7.55396%;
  width: 100%;
  position: relative;
}

@media only screen and (max-width: 767px) {
  .page-template-blog .footer-before .section-con,
  .page-template-blog-detail .footer-before .section-con {
    padding: 0;
  }
}

.page-template-blog .footer-before .section-con .image-left,
.page-template-blog-detail .footer-before .section-con .image-left {
  width: 85%;
}

@media only screen and (max-width: 767px) {
  .page-template-blog .footer-before .section-con .image-left,
  .page-template-blog-detail .footer-before .section-con .image-left {
    width: 75.06361%;
  }
}

.page-template-blog .footer-before .section-con .title,
.page-template-blog-detail .footer-before .section-con .title {
  margin-top: -8.7vw;
}

.page-template-blog .footer-before .section-con .title .svgline2,
.page-template-blog-detail .footer-before .section-con .title .svgline2 {
  left: -70px;
}

@media only screen and (max-width: 767px) {
  .page-template-blog .footer-before .section-con .title .svgline2,
  .page-template-blog-detail .footer-before .section-con .title .svgline2 {
    left: 24px;
    bottom: 39px;
  }
}

@media only screen and (max-width: 767px) {
  .page-template-blog .footer-before .section-con .title h6,
  .page-template-blog-detail .footer-before .section-con .title h6 {
    margin-right: 8px;
  }
}

.page-template-blog .footer:before,
.page-template-blog-detail .footer:before {
  display: none;
}

.page-template-blog .footer .footer-main:before,
.page-template-blog-detail .footer .footer-main:before {
  background-color: #fff;
}

.page-template-blog .footer .footer-main .row.two,
.page-template-blog-detail .footer .footer-main .row.two {
  position: absolute;
  left: 0;
  right: 0;
  top: 3.90625vw;
}

.page-template-blog .footer .footer-main .row.two .link-left,
.page-template-blog-detail .footer .footer-main .row.two .link-left {
  display: none;
}

.page-template-blog .footer .footer-main .row.two .link-right,
.page-template-blog-detail .footer .footer-main .row.two .link-right {
  width: 100% !important;
  align-items: center !important;
  justify-content: center !important;
}

.blog-list {
  text-align: center;
  background-image: url(../images/blog-bg.png);
  background-position: center bottom;
  background-repeat: no-repeat;
  background-size: 100%;
  padding-bottom: 37%;
}

.blog-list .section-con {
  width: calc(100% - 13.95%);
  max-width: 1652px;
}

@media only screen and (max-width: 767px) {
  .blog-list .section-con {
    width: auto;
  }
}

.blog-list .title {
  margin-bottom: 7.8125vw;
  position: relative;
}

@media only screen and (max-width: 767px) {
  .blog-list .title {
    margin-top: 220px;
    margin-bottom: 50px;
    font-size: 110px;
  }
}

.blog-list .title .svgline-v2 {
  width: 45vw;
  position: absolute;
  right: 4%;
  top: 19%;
  z-index: 1;
}

@media only screen and (max-width: 767px) {
  .blog-list .title .svgline-v2 {
    width: 321px;
    top: -28px;
  }
}

.blog-list .title h1 {
  text-align: right;
  line-height: 1;
  margin-bottom: 10px;
}

@media only screen and (max-width: 767px) {
  .blog-list .title h1 {
    margin-right: -10px;
    margin-bottom: 0;
    font-family: 'Hoefler Titling';
    font-weight: 300;
    font-style: italic;
    /*@include fontHoeLigIta;*/
    font-size: 110px;
    color: #000;
  }
}

@media only screen and (max-width: 767px) {
  .blog-list .title h6.f70 {
    margin-top: -10px;
    font-size: 20px;
    color: #5904E2;
  }
}

.blog-list .blogs {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  flex-wrap: wrap;
}

.blog-list .blogs .blog {
  width: 49.72678%;
  margin-bottom: 10px;
  will-change: transform;
}

@media only screen and (max-width: 767px) {
  .blog-list .blogs .blog {
    width: 100%;
    margin-bottom: 4px;
  }
}

.blog-list .blogs .blog img {
  width: 100%;
}

.blog-list .blog-btn {
  text-align: center;
  position: relative;
  margin-top: 7.58956%;
}

.blog-list .blog-btn a {
  font-size: calc(2.5rem + ((1vw - 7.67px) * 13.8768));
  min-height: 0vw;
  font-family: 'Hoefler Titling';
  font-weight: 300;
  font-style: italic;
  /*@include fontHoeLigIta;*/
  color: #5904E2;
  letter-spacing: -0.03em;
  position: relative;
}

@media (min-width: 1920px) {
  .blog-list .blog-btn a {
    font-size: 200px;
  }
}

@media only screen and (max-width: 767px) {
  .blog-list .blog-btn a {
    font-size: 40px;
  }
}

.blog-list .blog-btn .vertleline {
  position: absolute;
  left: 40.8%;
  transform: translateX(-50%);
  top: -43px;
  width: 48.14815%;
  z-index: 0;
}

.svgline-v2 .svgline .st0 {
  fill: none;
  stroke: #5904E2;
  stroke-width: 1.0005;
  stroke-miterlimit: 4.0021;
  stroke-dasharray: 750;
  stroke-dashoffset: -750;
  transition: stroke-dashoffset 3.9s ease-out .1s;
}

.svgline-v2 .svgline.visible .st0 {
  stroke-dashoffset: 0;
}

/* Blog Detail */
.page-template-blog-detail .footer .footer-main:before {
  background-color: #F6F5F1;
}

.blog-detail {
  overflow: hidden;
  padding-bottom: 23.4375vw;
}

.blog-detail .blog-title {
  margin-top: 12.23958vw;
  padding-bottom: 66px;
}

@media only screen and (max-width: 767px) {
  .blog-detail .blog-title {
    margin-top: 220px;
  }
}

@media only screen and (max-width: 767px) {
  .blog-detail .blog-title h1 {
    font-size: calc(2.5rem + ((1vw - 3.2px) * 15.66));
  }
}

.blog-detail .blog-img {
  width: 100%;
  max-width: 819px;
  margin: 0 auto 8.07292vw;
  text-align: center;
}

.blog-detail .subtitle {
  margin-bottom: 6.25vw;
}

.blog-detail .subtitle h6 {
  line-height: 1.214;
}

.blog-detail .copy {
  max-width: 748px;
  margin: 0 auto;
}

@media only screen and (max-width: 767px) {
  .blog-detail .copy {
    margin-bottom: 50px;
  }
}

.blog-detail .copy p,
.blog-detail .copy div {
  color: #E3DED9;
  text-align: left;
  margin-bottom: 35px;
  line-height: 1.4;
}

@media only screen and (max-width: 767px) {
  .blog-detail .copy p,
  .blog-detail .copy div {
    margin-bottom: 17px;
    font-size: 18px;
  }
}

.blog-detail .copy p:last-child,
.blog-detail .copy div:last-child {
  margin-bottom: 0;
}

.blog-detail .copy p.center,
.blog-detail .copy div.center {
  text-align: center;
}

.blog-detail .copy p a,
.blog-detail .copy div a {
  color: #5904E2 !important;
}

.blog-detail .copy p img,
.blog-detail .copy div img {
  height: auto;
}

.blog-detail .copy iframe {
  position: relative;
  z-index: 10;
  width: 100%;
}

.blog-detail .blog-navigation {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  margin: 0 5.20833vw;
  position: relative;
  margin-bottom: 170px;
  height: 20.83333vw;
}

.blog-detail .blog-navigation:before {
  content: "";
  width: 65.46512%;
  height: 1px;
  background-color: #5904E2;
  position: absolute;
  left: 50%;
  top: 75%;
  transform: translate(-50%, -50%);
}

@media only screen and (max-width: 767px) {
  .blog-detail .blog-navigation:before {
    width: 48%;
    left: 54%;
  }
}

.blog-detail .blog-navigation .nextblog,
.blog-detail .blog-navigation .prevblog {
  display: inline-block;
  width: 11.875vw;
  text-align: center;
  transition: all 0.3s ease-out;
  color: #E3DED9;
  position: relative;
  font-size: calc(1.875rem + ((1vw - 7.67px) * 3.4692));
  min-height: 0vw;
  padding: 12.5vw 0 0;
  font-family: 'Hoefler Titling';
  font-weight: 300;
  font-style: italic;
  /*@include fontHoeLigIta;*/
}

@media (min-width: 1920px) {
  .blog-detail .blog-navigation .nextblog,
  .blog-detail .blog-navigation .prevblog {
    font-size: 70px;
  }
}

@media only screen and (max-width: 767px) {
  .blog-detail .blog-navigation .nextblog,
  .blog-detail .blog-navigation .prevblog {
    font-size: 30px;
    width: auto;
  }
}

.blog-detail .blog-navigation .nextblog span,
.blog-detail .blog-navigation .prevblog span {
  display: block;
  text-align: center;
  margin-bottom: 1.97917vw;
}

.blog-detail .blog-navigation .nextblog .thumb,
.blog-detail .blog-navigation .prevblog .thumb {
  transition: all 0.3s ease-out;
  opacity: 0;
  visibility: hidden;
  position: absolute;
  width: 100%;
  left: 50%;
  transform: translateX(-50%);
}

.blog-detail .blog-navigation .nextblog:hover,
.blog-detail .blog-navigation .prevblog:hover {
  padding-top: 3.5vw;
}

.blog-detail .blog-navigation .nextblog:hover .thumb,
.blog-detail .blog-navigation .prevblog:hover .thumb {
  opacity: 1;
  visibility: visible;
}

.blog-detail .blogcopy-after {
  text-align: center;
}

.blog-detail .blogcopy-after .thanks-text {
  margin-bottom: 70px;
}

.blog-detail .blogcopy-after .thanks-text h2 {
  font-size: calc(4.0625rem + ((1vw - 7.67px) * 15.1778));
}

@media (min-width: 1920px) {
  .blog-detail .blogcopy-after .thanks-text h2 {
    font-size: 240px;
  }
}

@media only screen and (max-width: 767px) {
  .blog-detail .blogcopy-after .thanks-text h2 {
    font-size: 65px;
  }
}

.blog-detail .blogcopy-after .btn-theme {
  margin-bottom: 40px;
  display: inline-block;
}

.blog-detail .blogcopy-after .sharelink {
  list-style: none;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-left: -6.25vw;
}

.blog-detail .blogcopy-after .sharelink li {
  margin: 0 4.01042vw;
}

.blog-detail .blogcopy-after .sharelink li a {
  letter-spacing: -0.03em;
  font-family: 'Hoefler Titling';
  font-weight: 300;
  font-style: italic;
  /*@include fontHoeLigIta;*/
  color: #E3DED9;
  font-size: calc(1.875rem + ((1vw - 7.67px) * 6.0711));
  min-height: 0vw;
}

@media (min-width: 1920px) {
  .blog-detail .blogcopy-after .sharelink li a {
    font-size: 100px;
  }
}

@media only screen and (max-width: 767px) {
  .blog-detail .blogcopy-after .sharelink li a {
    font-size: 30px;
  }
}

.blog-detail .blogcopy-after .sharelink li a:hover {
  color: #5904E2;
}

.blog-detail a {
  position: relative;
  z-index: 10;
}

.single-post #comments {
  margin-top: 6.25vw;
}

.single-post #comments .comments-title,
.single-post #comments .comment-author,
.single-post #comments .comment-metadata,
.single-post #comments .comment-list {
  display: none;
}

.single-post #comments .comment-respond {
  text-align: center;
}

.single-post #comments .comment-respond h3 {
  color: #E3DED9;
  padding-bottom: 20px;
}

.single-post #comments .comment-respond .comment-notes,
.single-post #comments .comment-respond .logged-in-as {
  color: #5904E2;
}

.single-post #comments .comment-respond .comment-form {
  width: 100%;
  max-width: 600px;
  margin: 0 auto;
}

.single-post #comments .comment-respond .comment-form p {
  text-align: left;
  margin-bottom: 15px;
}

.single-post #comments .comment-respond .comment-form p:last-child {
  margin-bottom: 0;
}

.single-post #comments .comment-respond .comment-form p label {
  width: 100%;
  color: #E3DED9;
  font-family: 'GT America Lt', sans-serif;
  font-weight: 300;
  font-style: normal;
  /*@include fontGtaLig;*/
  font-size: 16px;
  text-transform: uppercase;
  letter-spacing: 0.1em;
}

.single-post #comments .comment-respond .comment-form p input,
.single-post #comments .comment-respond .comment-form p textarea {
  border: none;
  outline: none;
  background-color: transparent;
  border-bottom: solid 1px #5904E2;
  padding: 10px 0;
  width: 100%;
  font-family: 'GT America Lt', sans-serif;
  font-weight: 300;
  font-style: normal;
  /*@include fontGtaLig;*/
  letter-spacing: 0.1em;
  font-size: 16px;
  color: #E3DED9;
}

.single-post #comments .comment-respond .comment-form p input#submit,
.single-post #comments .comment-respond .comment-form p textarea#submit {
  border-bottom: none;
  background-color: #5904E2;
  color: #E3DED9;
  font-size: 16px;
  letter-spacing: 0.03em;
  text-transform: uppercase;
}

.single-post #comments .comment-respond .comment-form p textarea {
  height: 100px;
  resize: none;
}

.single-post #comments .comment-respond .comment-form p.comment-notes, .single-post #comments .comment-respond .comment-form p.logged-in-as {
  text-align: center;
  margin-bottom: 20px;
}

.single-post #comments .comment-respond .comment-form p.comment-notes a, .single-post #comments .comment-respond .comment-form p.logged-in-as a {
  color: #E3DED9;
}

.single-post #comments .comment-respond .comment-form p.comment-form-cookies-consent {
  display: flex;
  align-items: flex-start;
}

.single-post #comments .comment-respond .comment-form p.comment-form-cookies-consent input {
  width: auto;
  margin-right: 5px;
  margin-top: 4px;
  display: inline-block;
}

.single-post #comments .comment-respond .comment-form p.comment-form-cookies-consent label {
  text-transform: inherit;
}

.single-post #comments .comment-respond .comment-form p.form-submit {
  margin-top: 35px;
}

.single-post .sharelink {
  display: flex;
  align-items: center;
  justify-content: center;
}

.single-post .sharelink .simplesocialbuttons {
  text-align: center;
  margin: 0 auto;
}

.single-post .footer-before {
  padding-top: 0;
}

.single-post .footer-before .section-con {
  margin: -15% auto 0;
  display: inline-flex;
  padding: 0 7.55396%;
  width: 100%;
  position: relative;
}

@media only screen and (max-width: 767px) {
  .single-post .footer-before .section-con {
    padding: 0;
  }
}

.single-post .footer-before .section-con .image-left {
  width: 85%;
}

@media only screen and (max-width: 767px) {
  .single-post .footer-before .section-con .image-left {
    width: 75.06361%;
  }
}

.single-post .footer-before .section-con .title {
  margin-top: -8.7vw;
}

.single-post .footer-before .section-con .title .svgline2 {
  left: -70px;
}

@media only screen and (max-width: 767px) {
  .single-post .footer-before .section-con .title .svgline2 {
    left: 24px;
    bottom: 39px;
  }
}

@media only screen and (max-width: 767px) {
  .single-post .footer-before .section-con .title h6 {
    margin-right: 8px;
  }
}

.single-post .footer:before {
  display: none;
}

.page-template-king-of-stars,
.single-product,
.woocommerce-cart,
.woocommerce-checkout,
.woocommerce-order-received,
.error404 {
  background-color: #1C1C1C;
}

.page-template-king-of-stars .woocommerce-NoticeGroup-checkout .woocommerce-error,
.single-product .woocommerce-NoticeGroup-checkout .woocommerce-error,
.woocommerce-cart .woocommerce-NoticeGroup-checkout .woocommerce-error,
.woocommerce-checkout .woocommerce-NoticeGroup-checkout .woocommerce-error,
.woocommerce-order-received .woocommerce-NoticeGroup-checkout .woocommerce-error,
.error404 .woocommerce-NoticeGroup-checkout .woocommerce-error {
  margin-top: 15px;
}

.page-template-king-of-stars .woocommerce-NoticeGroup-checkout .woocommerce-error li,
.single-product .woocommerce-NoticeGroup-checkout .woocommerce-error li,
.woocommerce-cart .woocommerce-NoticeGroup-checkout .woocommerce-error li,
.woocommerce-checkout .woocommerce-NoticeGroup-checkout .woocommerce-error li,
.woocommerce-order-received .woocommerce-NoticeGroup-checkout .woocommerce-error li,
.error404 .woocommerce-NoticeGroup-checkout .woocommerce-error li {
  margin: 5px 0;
}

.page-template-king-of-stars .header.open .site-title .logo .st0,
.single-product .header.open .site-title .logo .st0,
.woocommerce-cart .header.open .site-title .logo .st0,
.woocommerce-checkout .header.open .site-title .logo .st0,
.woocommerce-order-received .header.open .site-title .logo .st0,
.error404 .header.open .site-title .logo .st0 {
  fill: #000;
}

.page-template-king-of-stars .header.open .hamburg .icon:before, .page-template-king-of-stars .header.open .hamburg .icon:after,
.single-product .header.open .hamburg .icon:before,
.single-product .header.open .hamburg .icon:after,
.woocommerce-cart .header.open .hamburg .icon:before,
.woocommerce-cart .header.open .hamburg .icon:after,
.woocommerce-checkout .header.open .hamburg .icon:before,
.woocommerce-checkout .header.open .hamburg .icon:after,
.woocommerce-order-received .header.open .hamburg .icon:before,
.woocommerce-order-received .header.open .hamburg .icon:after,
.error404 .header.open .hamburg .icon:before,
.error404 .header.open .hamburg .icon:after {
  background-color: #000;
}

.page-template-king-of-stars .footer:before,
.single-product .footer:before,
.woocommerce-cart .footer:before,
.woocommerce-checkout .footer:before,
.woocommerce-order-received .footer:before,
.error404 .footer:before {
  display: none;
}

.page-template-king-of-stars .footer .footer-main:before,
.single-product .footer .footer-main:before,
.woocommerce-cart .footer .footer-main:before,
.woocommerce-checkout .footer .footer-main:before,
.woocommerce-order-received .footer .footer-main:before,
.error404 .footer .footer-main:before {
  background-color: #5904E2;
}

@media only screen and (max-width: 767px) {
  .page-template-king-of-stars .footer .footer-main:before,
  .single-product .footer .footer-main:before,
  .woocommerce-cart .footer .footer-main:before,
  .woocommerce-checkout .footer .footer-main:before,
  .woocommerce-order-received .footer .footer-main:before,
  .error404 .footer .footer-main:before {
    background-color: #fff;
  }
}

.page-template-king-of-stars .footer .footer-main .row.two,
.single-product .footer .footer-main .row.two,
.woocommerce-cart .footer .footer-main .row.two,
.woocommerce-checkout .footer .footer-main .row.two,
.woocommerce-order-received .footer .footer-main .row.two,
.error404 .footer .footer-main .row.two {
  position: absolute;
  left: 0;
  right: 0;
  top: 3.90625vw;
}

@media only screen and (max-width: 767px) {
  .page-template-king-of-stars .footer .footer-main .row.two,
  .single-product .footer .footer-main .row.two,
  .woocommerce-cart .footer .footer-main .row.two,
  .woocommerce-checkout .footer .footer-main .row.two,
  .woocommerce-order-received .footer .footer-main .row.two,
  .error404 .footer .footer-main .row.two {
    position: initial;
    top: 0;
  }
}

.page-template-king-of-stars .footer .footer-main .row.two .link-left,
.single-product .footer .footer-main .row.two .link-left,
.woocommerce-cart .footer .footer-main .row.two .link-left,
.woocommerce-checkout .footer .footer-main .row.two .link-left,
.woocommerce-order-received .footer .footer-main .row.two .link-left,
.error404 .footer .footer-main .row.two .link-left {
  display: none;
}

@media only screen and (max-width: 767px) {
  .page-template-king-of-stars .footer .footer-main .row.two .link-left,
  .single-product .footer .footer-main .row.two .link-left,
  .woocommerce-cart .footer .footer-main .row.two .link-left,
  .woocommerce-checkout .footer .footer-main .row.two .link-left,
  .woocommerce-order-received .footer .footer-main .row.two .link-left,
  .error404 .footer .footer-main .row.two .link-left {
    display: block;
  }
}

.page-template-king-of-stars .footer .footer-main .row.two .link-right,
.single-product .footer .footer-main .row.two .link-right,
.woocommerce-cart .footer .footer-main .row.two .link-right,
.woocommerce-checkout .footer .footer-main .row.two .link-right,
.woocommerce-order-received .footer .footer-main .row.two .link-right,
.error404 .footer .footer-main .row.two .link-right {
  width: 100% !important;
  align-items: center !important;
  justify-content: center !important;
}

.page-template-king-of-stars .section.footer-before,
.single-product .section.footer-before,
.woocommerce-cart .section.footer-before,
.woocommerce-checkout .section.footer-before,
.woocommerce-order-received .section.footer-before,
.error404 .section.footer-before {
  padding-bottom: 20.9375%;
}

@media only screen and (max-width: 767px) {
  .page-template-king-of-stars .section.footer-before,
  .single-product .section.footer-before,
  .woocommerce-cart .section.footer-before,
  .woocommerce-checkout .section.footer-before,
  .woocommerce-order-received .section.footer-before,
  .error404 .section.footer-before {
    padding-bottom: 37.17949%;
  }
}

.page-template-king-of-stars .section.footer-before .image-left,
.single-product .section.footer-before .image-left,
.woocommerce-cart .section.footer-before .image-left,
.woocommerce-checkout .section.footer-before .image-left,
.woocommerce-order-received .section.footer-before .image-left,
.error404 .section.footer-before .image-left {
  position: relative;
}

@media only screen and (max-width: 767px) {
  .page-template-king-of-stars .section.footer-before .image-left:before,
  .single-product .section.footer-before .image-left:before,
  .woocommerce-cart .section.footer-before .image-left:before,
  .woocommerce-checkout .section.footer-before .image-left:before,
  .woocommerce-order-received .section.footer-before .image-left:before,
  .error404 .section.footer-before .image-left:before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(28, 28, 28, 0.38);
  }
}

@media only screen and (max-width: 767px) {
  .page-template-king-of-stars .section.footer-before .circle-svg,
  .single-product .section.footer-before .circle-svg,
  .woocommerce-cart .section.footer-before .circle-svg,
  .woocommerce-checkout .section.footer-before .circle-svg,
  .woocommerce-order-received .section.footer-before .circle-svg,
  .error404 .section.footer-before .circle-svg {
    top: -28%;
    right: -28vw;
  }
}

@media only screen and (max-width: 767px) {
  .page-template-king-of-stars .section.footer-before .title h6 a .desktop,
  .single-product .section.footer-before .title h6 a .desktop,
  .woocommerce-cart .section.footer-before .title h6 a .desktop,
  .woocommerce-checkout .section.footer-before .title h6 a .desktop,
  .woocommerce-order-received .section.footer-before .title h6 a .desktop,
  .error404 .section.footer-before .title h6 a .desktop {
    display: none;
  }
}

.page-template-king-of-stars .section.footer-before .title h6 a .mobile,
.single-product .section.footer-before .title h6 a .mobile,
.woocommerce-cart .section.footer-before .title h6 a .mobile,
.woocommerce-checkout .section.footer-before .title h6 a .mobile,
.woocommerce-order-received .section.footer-before .title h6 a .mobile,
.error404 .section.footer-before .title h6 a .mobile {
  display: none;
}

@media only screen and (max-width: 767px) {
  .page-template-king-of-stars .section.footer-before .title h6 a .mobile,
  .single-product .section.footer-before .title h6 a .mobile,
  .woocommerce-cart .section.footer-before .title h6 a .mobile,
  .woocommerce-checkout .section.footer-before .title h6 a .mobile,
  .woocommerce-order-received .section.footer-before .title h6 a .mobile,
  .error404 .section.footer-before .title h6 a .mobile {
    display: block;
  }
}

@media only screen and (max-width: 767px) {
  .page-template-king-of-stars .section.footer-before .title .svgline2,
  .single-product .section.footer-before .title .svgline2,
  .woocommerce-cart .section.footer-before .title .svgline2,
  .woocommerce-checkout .section.footer-before .title .svgline2,
  .woocommerce-order-received .section.footer-before .title .svgline2,
  .error404 .section.footer-before .title .svgline2 {
    right: -96px;
    bottom: 0;
  }
}

.page-template-king-of-stars #secondary,
.page-template-king-of-stars .woocommerce-breadcrumb,
.single-product #secondary,
.single-product .woocommerce-breadcrumb,
.woocommerce-cart #secondary,
.woocommerce-cart .woocommerce-breadcrumb,
.woocommerce-checkout #secondary,
.woocommerce-checkout .woocommerce-breadcrumb,
.woocommerce-order-received #secondary,
.woocommerce-order-received .woocommerce-breadcrumb,
.error404 #secondary,
.error404 .woocommerce-breadcrumb {
  display: none;
}

.kingofstar,
.cart,
.checkout-sec {
  text-align: center;
}

@media only screen and (max-width: 767px) {
  .kingofstar .section-con,
  .cart .section-con,
  .checkout-sec .section-con {
    margin: 0;
    width: 100%;
  }
}

.kingofstar .pagetitle,
.cart .pagetitle,
.checkout-sec .pagetitle {
  margin-top: 100px;
  position: relative;
  margin-bottom: 5.36458vw;
}

@media only screen and (max-width: 767px) {
  .kingofstar .pagetitle,
  .cart .pagetitle,
  .checkout-sec .pagetitle {
    margin-top: 132px;
    margin-left: 26px;
    margin-right: 26px;
    margin-bottom: 49px;
  }
}

@media only screen and (max-width: 767px) {
  .kingofstar .pagetitle h1,
  .cart .pagetitle h1,
  .checkout-sec .pagetitle h1 {
    text-align: left;
    line-height: 0.90;
  }
}

.kingofstar .pagetitle h1 br,
.cart .pagetitle h1 br,
.checkout-sec .pagetitle h1 br {
  display: none;
}

@media only screen and (max-width: 767px) {
  .kingofstar .pagetitle h1 br,
  .cart .pagetitle h1 br,
  .checkout-sec .pagetitle h1 br {
    display: block;
  }
}

.kingofstar .pagetitle h6,
.cart .pagetitle h6,
.checkout-sec .pagetitle h6 {
  position: absolute;
  left: 50%;
  top: 60%;
  transform: translate(-50%, -50%);
  z-index: 1;
}

@media only screen and (max-width: 767px) {
  .kingofstar .pagetitle h6,
  .cart .pagetitle h6,
  .checkout-sec .pagetitle h6 {
    width: 100%;
  }
}

.kingofstar .pagetitle .svgline2,
.cart .pagetitle .svgline2,
.checkout-sec .pagetitle .svgline2 {
  width: 33.64583vw;
  position: absolute;
  top: 50%;
  left: 50%;
  z-index: 0;
  transform: translate(-50%, -50%);
  margin-left: 29px;
  margin-top: 32px;
}

@media only screen and (max-width: 767px) {
  .kingofstar .pagetitle .svgline2,
  .cart .pagetitle .svgline2,
  .checkout-sec .pagetitle .svgline2 {
    width: 96%;
    top: 46%;
    left: 39%;
  }
}

.kingofstar .pagetitle .svgline2 .svgline,
.cart .pagetitle .svgline2 .svgline,
.checkout-sec .pagetitle .svgline2 .svgline {
  width: 100%;
}

@media only screen and (max-width: 767px) {
  .kingofstar .pagetitle .svgline2 .svgline,
  .cart .pagetitle .svgline2 .svgline,
  .checkout-sec .pagetitle .svgline2 .svgline {
    transform: rotate(-174deg);
  }
  .kingofstar .pagetitle .svgline2 .svgline.visible .st0,
  .cart .pagetitle .svgline2 .svgline.visible .st0,
  .checkout-sec .pagetitle .svgline2 .svgline.visible .st0 {
    stroke-dashoffset: 0;
  }
}

.kingofstar .pagetitle .svgline2 .svgline .st0,
.cart .pagetitle .svgline2 .svgline .st0,
.checkout-sec .pagetitle .svgline2 .svgline .st0 {
  stroke: #190BBA;
}

@media only screen and (max-width: 767px) {
  .kingofstar .pagetitle .svgline2 .svgline .st0,
  .cart .pagetitle .svgline2 .svgline .st0,
  .checkout-sec .pagetitle .svgline2 .svgline .st0 {
    stroke: #5904E2;
    stroke-dashoffset: -750;
  }
}

.kingofstar .bookinfo,
.cart .bookinfo,
.checkout-sec .bookinfo {
  text-align: center;
  padding-bottom: 245px;
  position: relative;
}

@media only screen and (max-width: 767px) {
  .kingofstar .bookinfo,
  .cart .bookinfo,
  .checkout-sec .bookinfo {
    padding-bottom: 49px;
  }
}

.kingofstar .bookinfo picture,
.cart .bookinfo picture,
.checkout-sec .bookinfo picture {
  width: 63.44221%;
  margin: 0 auto;
  margin-bottom: 8.48958vw;
  position: relative;
}

@media only screen and (max-width: 767px) {
  .kingofstar .bookinfo picture,
  .cart .bookinfo picture,
  .checkout-sec .bookinfo picture {
    width: 100%;
    margin-bottom: 35px;
  }
}

.kingofstar .bookinfo .vertleline,
.cart .bookinfo .vertleline,
.checkout-sec .bookinfo .vertleline {
  position: absolute;
  left: 42%;
  bottom: 0;
  transform: translateX(-50%);
  z-index: -1;
}

@media only screen and (max-width: 767px) {
  .kingofstar .bookinfo .vertleline,
  .cart .bookinfo .vertleline,
  .checkout-sec .bookinfo .vertleline {
    display: none;
  }
}

.kingofstar .bookinfo .copy,
.cart .bookinfo .copy,
.checkout-sec .bookinfo .copy {
  max-width: 1470px;
  position: relative;
}

@media only screen and (max-width: 767px) {
  .kingofstar .bookinfo .copy h6,
  .cart .bookinfo .copy h6,
  .checkout-sec .bookinfo .copy h6 {
    font-size: 20px;
    margin: 0 26px;
  }
}

.shop-sec {
  padding-bottom: 20.67708vw;
}

@media only screen and (max-width: 767px) {
  .shop-sec {
    padding-bottom: 20%;
  }
}

.shop-sec .shop-row {
  display: flex;
  flex-wrap: wrap;
  align-items: flex-start;
  justify-content: space-between;
  padding-left: 55px;
}

@media only screen and (max-width: 767px) {
  .shop-sec .shop-row {
    padding-left: 0;
  }
}

.shop-sec .shop-row .prdimg {
  width: 26.82292vw;
  position: relative;
}

@media only screen and (max-width: 767px) {
  .shop-sec .shop-row .prdimg {
    width: 100%;
    margin-bottom: 30px;
  }
}

.shop-sec .shop-row .prdimg .preview {
  font-size: 14px;
  font-family: 'GT America Md';
  font-weight: 500;
  font-style: normal;
  /*@include fontGtaMed;*/
  color: #5904E2;
  letter-spacing: 0.1em;
  position: absolute;
  left: 0;
  bottom: -47px;
  padding: 0 0 5px;
}

.shop-sec .shop-row .prdimg .preview:after {
  content: "";
  width: 0%;
  height: 2px;
  background-color: #5904E2;
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  bottom: 0;
  transition: all 0.3s ease-out;
}

.shop-sec .shop-row .prdimg .preview:hover:after {
  width: 100%;
}

.shop-sec .shop-row .prdimg .woocommerce-product-gallery {
  position: relative;
}

@media only screen and (max-width: 767px) {
  .shop-sec .shop-row .prdimg .woocommerce-product-gallery {
    margin: 0 14.20118%;
  }
}

.shop-sec .shop-row .prdimg .woocommerce-product-gallery .woocommerce-product-gallery__trigger {
  position: absolute;
  left: 0;
  bottom: -47px;
  display: none;
}

.shop-sec .shop-row .prdimg .woocommerce-product-gallery .woocommerce-product-gallery__trigger:after {
  content: "PREVIEW CHAPTER";
  font-size: 14px;
  letter-spacing: 0.1em;
  color: #5904E2;
  text-transform: uppercase;
  font-family: 'GT America Md';
  font-weight: 500;
  font-style: normal;
  /*@include fontGtaMed;*/
}

.shop-sec .shop-row .prdimg .woocommerce-product-gallery .woocommerce-product-gallery__trigger .emoji {
  display: none !important;
}

.shop-sec .shop-row .prdimg .woocommerce-product-gallery .woocommerce-product-gallery__wrapper {
  position: relative;
  margin-bottom: 0;
}

.shop-sec .shop-row .prdimg .woocommerce-product-gallery .woocommerce-product-gallery__wrapper img {
  width: 100%;
  height: auto;
}

.shop-sec .shop-row .prdinfo {
  width: 39.57286%;
}

@media only screen and (max-width: 767px) {
  .shop-sec .shop-row .prdinfo {
    width: 100%;
  }
}

.shop-sec .shop-row .prdinfo .prdname {
  margin-bottom: 40px;
}

.shop-sec .shop-row .prdinfo .product_title {
  display: none;
}

@media only screen and (max-width: 767px) {
  .shop-sec .shop-row .prdinfo h6 {
    margin: 0 12.30769% -9px;
    font-size: 30px;
  }
}

.shop-sec .shop-row .prdinfo .cart {
  text-align: left;
}

.shop-sec .shop-row .prdinfo .price .amount {
  line-height: 1;
  letter-spacing: -0.03em;
  font-size: calc(1.25rem + ((1vw - 7.67px) * 2.6019));
  min-height: 0vw;
  color: #E3DED9;
}

@media (min-width: 1920px) {
  .shop-sec .shop-row .prdinfo .price .amount {
    font-size: 50px;
  }
}

@media only screen and (max-width: 767px) {
  .shop-sec .shop-row .prdinfo .price .amount {
    font-size: 30px;
    line-height: 1;
  }
}

@media only screen and (max-width: 767px) {
  .shop-sec .shop-row .prdinfo .price {
    margin: 0 12.30769%;
  }
}

.shop-sec .shop-row .prdinfo .prddesc,
.shop-sec .shop-row .prdinfo .woocommerce-product-details__short-description {
  margin-bottom: 65px;
}

.shop-sec .shop-row .prdinfo .prddesc p,
.shop-sec .shop-row .prdinfo .woocommerce-product-details__short-description p {
  font-size: 24px;
  color: #fff;
}

@media only screen and (max-width: 767px) {
  .shop-sec .shop-row .prdinfo .prddesc p,
  .shop-sec .shop-row .prdinfo .woocommerce-product-details__short-description p {
    font-size: 16px;
    text-align: center;
  }
}

.shop-sec .shop-row .prdinfo .price {
  margin-bottom: 35px;
}

@media only screen and (max-width: 767px) {
  .shop-sec .shop-row .prdinfo .price {
    margin-bottom: 45px;
  }
}

.shop-sec .shop-row .quantity {
  margin-bottom: 44px;
  width: auto;
  height: 107px;
  border: solid 1px #5904E2;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 0 38px;
}

@media only screen and (max-width: 767px) {
  .shop-sec .shop-row .quantity {
    margin: 0 5.32544% 53px;
    height: 77px;
  }
}

.shop-sec .shop-row .quantity .screen-reader-text {
  display: none;
}

.shop-sec .shop-row .quantity .qty_button,
.shop-sec .shop-row .quantity .qty,
.shop-sec .shop-row .quantity .minus,
.shop-sec .shop-row .quantity .plus {
  background-color: transparent;
  border: none;
  font-size: 26px;
  color: #5904E2;
  font-family: 'GT America Md';
  font-weight: 500;
  font-style: normal;
  /*@include fontGtaMed;*/
  outline: none;
  padding: 0;
}

.shop-sec .shop-row .quantity .qty_button {
  padding: 0 35px;
}

.shop-sec .shop-row .quantity .qty {
  width: 201px;
  text-align: center;
}

@media only screen and (max-width: 767px) {
  .shop-sec .shop-row .quantity .qty {
    font-size: 20px;
  }
}

.shop-sec .shop-row .quantity .qty::-webkit-outer-spin-button, .shop-sec .shop-row .quantity .qty::-webkit-inner-spin-button {
  -webkit-appearance: none;
}

.shop-sec .shop-row .quantity .qty[type=number] {
  -moz-appearance: textfield;
}

.shop-sec .shop-row .single_add_to_cart_button {
  width: 100%;
  height: 5.57292vw;
  background-color: #5904E2;
  display: flex;
  align-items: center;
  justify-content: center;
  line-height: 1;
  color: #1C1C1C;
  font-size: 20px;
  font-family: 'GT America Md';
  font-weight: 500;
  font-style: normal;
  /*@include fontGtaMed;*/
  letter-spacing: 0.1em;
  text-transform: uppercase;
  border: none;
  outline: none;
}

@media only screen and (max-width: 767px) {
  .shop-sec .shop-row .single_add_to_cart_button {
    height: 83px;
    font-size: 12px;
  }
}

.shop-sec .shop-row .product_meta {
  display: none;
}

.woocommerce .woocommerce-notices-wrapper {
  text-align: center;
  position: absolute;
  left: 50%;
  top: 100px;
  transform: translateX(-50%);
  display: inline-block;
  z-index: 7;
}

@media only screen and (max-width: 767px) {
  .woocommerce .woocommerce-notices-wrapper {
    width: 100%;
    top: 16%;
  }
}

.woocommerce .woocommerce-notices-wrapper .woocommerce-error {
  padding: 10px 20px;
  list-style: none;
  background-color: #5904E2;
  color: #fff;
}

.woocommerce .woocommerce-notices-wrapper .woocommerce-message {
  background-color: #E3DED9;
  color: #1C1C1C;
  padding: 10px 15px;
  line-height: 1;
  font-size: 24px;
}

@media only screen and (max-width: 767px) {
  .woocommerce .woocommerce-notices-wrapper .woocommerce-message {
    font-size: 16px;
    padding: 5px 15px;
  }
}

.woocommerce .woocommerce-notices-wrapper .woocommerce-message a {
  color: #5904E2;
  font-family: 'GT America Md';
  font-weight: 500;
  font-style: normal;
  /*@include fontGtaMed;*/
  padding: 0;
  font-size: 20px;
  letter-spacing: 0.1em;
  text-transform: uppercase;
}

@media only screen and (max-width: 767px) {
  .woocommerce .woocommerce-notices-wrapper .woocommerce-message a {
    font-size: 16px;
    display: block;
  }
}

.woocommerce .pswp__scroll-wrap .pswp__ui .pswp__caption {
  display: none;
}

.woocommerce-cart .site-main .entry-header {
  display: none;
}

.woocommerce-cart .cart {
  color: #E3DED9;
}

@media only screen and (max-width: 767px) {
  .woocommerce-cart .cart .title .svgline2 {
    width: 36%;
    top: 32%;
    left: 31px;
  }
}

.woocommerce-cart .cart .title .svgline2 .svgline .st0 {
  stroke: #5904E2;
}

@media only screen and (max-width: 767px) {
  .woocommerce-cart .cart .woocommerce-cart-form {
    margin: 0 26px 50px;
  }
}

.woocommerce-cart .cart .woocommerce-cart-form .shop_table {
  width: 100%;
  border-collapse: collapse;
}

.woocommerce-cart .cart .woocommerce-cart-form .shop_table tr th {
  font-size: 24px;
  font-family: 'Hoefler Titling';
  font-weight: 300;
  font-style: normal;
  /*@include fontHoeLig;*/
  padding: 10px;
}

.woocommerce-cart .cart .woocommerce-cart-form .shop_table tr th.product-subtotal {
  text-align: center;
}

.woocommerce-cart .cart .woocommerce-cart-form .shop_table tr td {
  font-family: 'GT America Rg', sans-serif;
  font-weight: normal;
  font-style: normal;
  /*@include fontGtaReg;*/
  padding: 10px;
}

.woocommerce-cart .cart .woocommerce-cart-form .shop_table tr td a {
  color: #5904E2;
}

.woocommerce-cart .cart .woocommerce-cart-form .shop_table tr td.product-subtotal {
  text-align: center;
}

@media only screen and (max-width: 767px) {
  .woocommerce-cart .cart .woocommerce-cart-form .shop_table tr td.product-subtotal {
    text-align: right;
  }
}

@media only screen and (max-width: 768px) {
  .woocommerce-cart .cart .woocommerce-cart-form .shop_table tr td.product-thumbnail {
    width: 150px;
  }
}

@media only screen and (max-width: 767px) {
  .woocommerce-cart .cart .woocommerce-cart-form .shop_table tr td.product-thumbnail {
    width: auto;
  }
  .woocommerce-cart .cart .woocommerce-cart-form .shop_table tr td.product-thumbnail:before {
    display: none;
  }
}

@media only screen and (max-width: 767px) {
  .woocommerce-cart .cart .woocommerce-cart-form .shop_table tr td.actions {
    height: 175px;
  }
}

.woocommerce-cart .cart .woocommerce-cart-form .shop_table tr td.actions .coupon {
  float: left;
}

@media only screen and (max-width: 767px) {
  .woocommerce-cart .cart .woocommerce-cart-form .shop_table tr td.actions .coupon {
    float: none;
  }
}

.woocommerce-cart .cart .woocommerce-cart-form .shop_table tr td.actions .coupon .input-text {
  background-color: transparent;
  border: none;
  border-bottom: solid 1px #5904E2;
  padding: 10px 0;
  font-size: 16px;
  color: #E3DED9;
  outline: none;
  text-transform: uppercase;
  height: 45px;
}

@media only screen and (max-width: 767px) {
  .woocommerce-cart .cart .woocommerce-cart-form .shop_table tr td.actions .coupon .input-text {
    font-size: 12px;
    width: 100%;
    margin-bottom: 15px;
  }
}

.woocommerce-cart .cart .woocommerce-cart-form .shop_table tr td.actions .coupon .input-text:focus {
  outline: none;
}

.woocommerce-cart .cart .woocommerce-cart-form .shop_table tr td.actions .coupon textarea .input-text {
  height: 80px;
}

.woocommerce-cart .cart .woocommerce-cart-form .shop_table tr td.actions .coupon button.button {
  float: right;
  background-color: #5904E2;
  color: #1C1C1C;
  height: 40px;
  font-size: 16px;
  text-transform: uppercase;
  letter-spacing: 0.1em;
  padding: 10px 30px;
  border: none;
  outline: none;
  margin-left: 20px;
}

@media only screen and (max-width: 767px) {
  .woocommerce-cart .cart .woocommerce-cart-form .shop_table tr td.actions .coupon button.button {
    float: none;
    font-size: 12px;
    margin: 0;
    width: 100%;
  }
}

.woocommerce-cart .cart .woocommerce-cart-form .shop_table tr td.actions button.button {
  float: right;
  background-color: #5904E2;
  color: #1C1C1C;
  height: 40px;
  font-size: 16px;
  text-transform: uppercase;
  letter-spacing: 0.1em;
  padding: 10px 30px;
  border: none;
  outline: none;
  cursor: pointer;
}

@media only screen and (max-width: 767px) {
  .woocommerce-cart .cart .woocommerce-cart-form .shop_table tr td.actions button.button {
    font-size: 12px;
    width: 100%;
    margin-top: 15px;
  }
}

.woocommerce-cart .cart .woocommerce-cart-form .shop_table .product-quantity .quantity {
  border: solid 1px #5904E2;
  padding: 0 20px;
  height: 45px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 280px;
}

@media only screen and (max-width: 768px) {
  .woocommerce-cart .cart .woocommerce-cart-form .shop_table .product-quantity .quantity {
    width: 160px;
  }
}

@media only screen and (max-width: 767px) {
  .woocommerce-cart .cart .woocommerce-cart-form .shop_table .product-quantity .quantity {
    width: 130px;
    display: inline-flex;
  }
}

.woocommerce-cart .cart .woocommerce-cart-form .shop_table .product-quantity .quantity .minus,
.woocommerce-cart .cart .woocommerce-cart-form .shop_table .product-quantity .quantity .qty,
.woocommerce-cart .cart .woocommerce-cart-form .shop_table .product-quantity .quantity .plus {
  background-color: transparent;
  border: none;
  font-size: 26px;
  color: #5904E2;
  font-family: 'GT America Md';
  font-weight: 500;
  font-style: normal;
  /*@include fontGtaMed;*/
  outline: none;
  padding: 0;
  width: auto;
}

.woocommerce-cart .cart .woocommerce-cart-form .shop_table .product-quantity .quantity .screen-reader-text {
  display: none;
}

.woocommerce-cart .cart .woocommerce-cart-form .shop_table .product-quantity .quantity .qty {
  width: 100%;
  max-width: 175px;
  text-align: center;
}

.woocommerce-cart .cart .woocommerce-cart-form .shop_table .product-quantity .quantity .qty::-webkit-outer-spin-button, .woocommerce-cart .cart .woocommerce-cart-form .shop_table .product-quantity .quantity .qty::-webkit-inner-spin-button {
  -webkit-appearance: none;
}

.woocommerce-cart .cart .woocommerce-cart-form .shop_table .product-quantity .quantity .qty[type=number] {
  -moz-appearance: textfield;
}

.woocommerce-cart .cart .woocommerce-cart-form .shop_table,
.woocommerce-cart .cart .woocommerce-cart-form th,
.woocommerce-cart .cart .woocommerce-cart-form td {
  border: solid 1px #5904E2;
}

.woocommerce-cart .cart .cart-collaterals {
  margin: 100px 0;
}

@media only screen and (max-width: 767px) {
  .woocommerce-cart .cart .cart-collaterals {
    margin: 0 26px 100px;
  }
}

.woocommerce-cart .cart .cart-collaterals .cart_totals {
  text-align: center;
  width: 100%;
}

.woocommerce-cart .cart .cart-collaterals .cart_totals h2 {
  font-size: calc(1.875rem + ((1vw - 7.67px) * 2.6019));
  min-height: 0vw;
  line-height: 1.142;
  letter-spacing: -0.03em;
  color: #E3DED9;
  margin-bottom: 50px;
}

@media (min-width: 1920px) {
  .woocommerce-cart .cart .cart-collaterals .cart_totals h2 {
    font-size: 60px;
  }
}

@media only screen and (max-width: 767px) {
  .woocommerce-cart .cart .cart-collaterals .cart_totals h2 {
    font-size: 30px;
    margin-bottom: 30px;
  }
}

.woocommerce-cart .cart .cart-collaterals .cart_totals .shop_table {
  width: 100%;
  max-width: 600px;
  margin: 0 auto;
  border-collapse: collapse;
}

@media only screen and (max-width: 768px) {
  .woocommerce-cart .cart .cart-collaterals .cart_totals .shop_table {
    max-width: inherit;
  }
}

.woocommerce-cart .cart .cart-collaterals .cart_totals .shop_table tbody {
  width: 100%;
}

.woocommerce-cart .cart .cart-collaterals .cart_totals .shop_table th,
.woocommerce-cart .cart .cart-collaterals .cart_totals .shop_table td {
  border: solid 1px #5904E2;
  padding: 10px;
}

.woocommerce-cart .cart .cart-collaterals .cart_totals .shop_table tr.woocommerce-shipping-totals #shipping_method li {
  list-style: none;
}

.woocommerce-cart .cart .cart-collaterals .cart_totals .shop_table tr.woocommerce-shipping-totals .woocommerce-shipping-calculator a {
  color: #5904E2;
}

.woocommerce-cart .cart .cart-collaterals .cart_totals .wc-proceed-to-checkout {
  margin-top: 10px;
}

.woocommerce-cart .cart .cart-collaterals .cart_totals .wc-proceed-to-checkout a {
  background-color: #5904E2;
  text-transform: uppercase;
  font-size: 20px;
  color: #1C1C1C;
  width: 100%;
  max-width: 600px;
  height: 80px;
  display: flex;
  align-items: center;
  justify-content: center;
  letter-spacing: 0.1em;
  font-family: 'GT America Md';
  font-weight: 500;
  font-style: normal;
  /*@include fontGtaMed;*/
  margin: 0 auto;
}

@media only screen and (max-width: 768px) {
  .woocommerce-cart .cart .cart-collaterals .cart_totals .wc-proceed-to-checkout a {
    max-width: inherit;
  }
}

@media only screen and (max-width: 767px) {
  .woocommerce-cart .cart .cart-collaterals .cart_totals .wc-proceed-to-checkout a {
    font-size: 12px;
  }
}

.woocommerce-cart .cart-empty {
  text-align: center;
  margin: 150px 0 0;
  background-color: #E3DED9;
  font-size: 40px;
  padding: 15px 0;
}

@media only screen and (max-width: 767px) {
  .woocommerce-cart .cart-empty {
    font-size: 20px;
  }
}

.woocommerce-cart .cartempty {
  z-index: 6;
}

.woocommerce-cart .cartempty .return-to-shop {
  text-align: center;
  margin: 50px 0 150px;
}

.woocommerce-cart .cartempty .return-to-shop a {
  height: 80px;
  background-color: #5904E2;
  display: flex;
  align-items: center;
  justify-content: center;
  line-height: 1;
  color: #1C1C1C;
  font-size: 16px;
  font-family: 'GT America Md';
  font-weight: 500;
  font-style: normal;
  /*@include fontGtaMed;*/
  letter-spacing: 0.1em;
  text-transform: uppercase;
  border: none;
  outline: none;
  width: 100%;
  max-width: 300px;
  margin: 0 auto;
  position: relative;
}

@media only screen and (max-width: 767px) {
  .woocommerce-cart .cartempty .return-to-shop a {
    font-size: 12px;
    height: 60px;
  }
}

.woocommerce-checkout .entry-header {
  display: none;
}

.woocommerce-checkout p {
  color: #E3DED9;
}

.woocommerce-checkout .woocommerce-form-coupon-toggle .woocommerce-info {
  background-color: transparent;
  font-size: 24px;
  color: #E3DED9;
}

.woocommerce-checkout .woocommerce-form-coupon-toggle .woocommerce-info .showcoupon {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  background-color: #5904E2;
  height: 40px;
  color: #1C1C1C;
  font-family: 'GT America Md';
  font-weight: 500;
  font-style: normal;
  /*@include fontGtaMed;*/
  text-transform: uppercase;
  font-size: 16px;
  letter-spacing: 0.1em;
  padding: 0 30px;
}

@media only screen and (max-width: 767px) {
  .woocommerce-checkout .woocommerce-form-coupon-toggle .woocommerce-info .showcoupon {
    font-size: 12px;
  }
}

.woocommerce-checkout .checkout_coupon p {
  color: #E3DED9;
  font-size: 24px;
  margin: 20px 0;
}

@media only screen and (max-width: 767px) {
  .woocommerce-checkout .checkout_coupon p {
    font-size: 16px;
    margin: 5px;
  }
}

.woocommerce-checkout .checkout_coupon p.form-row {
  display: inline-flex;
  align-items: center;
  justify-content: center;
}

.woocommerce-checkout .checkout_coupon p.form-row #coupon_code {
  background-color: transparent;
  border: solid 1px #5904E2;
  padding: 10px;
  font-family: 'GT America Md';
  font-weight: 500;
  font-style: normal;
  /*@include fontGtaMed;*/
  font-size: 14px;
  text-transform: uppercase;
  color: #5904E2;
  outline: none;
}

@media only screen and (max-width: 767px) {
  .woocommerce-checkout .checkout_coupon p.form-row #coupon_code {
    width: 200px;
  }
}

.woocommerce-checkout .checkout_coupon p.form-row .button {
  background-color: #5904E2;
  height: 40px;
  border: none;
  font-family: 'GT America Md';
  font-weight: 500;
  font-style: normal;
  /*@include fontGtaMed;*/
  font-size: 16px;
  text-transform: uppercase;
  letter-spacing: 0.1em;
  color: #1C1C1C;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0 30px;
}

@media only screen and (max-width: 767px) {
  .woocommerce-checkout .checkout_coupon p.form-row .button {
    width: 200px;
    font-size: 12px;
  }
}

.woocommerce-checkout #customer_details {
  display: flex;
  justify-content: space-between;
  margin-top: 50px;
}

@media only screen and (max-width: 767px) {
  .woocommerce-checkout #customer_details {
    flex-wrap: wrap;
  }
}

.woocommerce-checkout #customer_details .comnform {
  width: 48%;
}

@media only screen and (max-width: 767px) {
  .woocommerce-checkout #customer_details .comnform {
    width: 100%;
  }
}

.woocommerce-checkout #customer_details .comnform h3 {
  font-size: 50px;
  color: #E3DED9;
  text-align: left;
  margin-bottom: 50px;
  font-size: calc(1.875rem + ((1vw - 7.68px) * 1.7361));
  min-height: 0vw;
}

@media (min-width: 1920px) {
  .woocommerce-checkout #customer_details .comnform h3 {
    font-size: 50px;
  }
}

@media only screen and (max-width: 767px) {
  .woocommerce-checkout #customer_details .comnform h3 {
    font-size: 30px;
  }
}

.woocommerce-checkout #customer_details .comnform .woocommerce-billing-fields__field-wrapper .form-row,
.woocommerce-checkout #customer_details .comnform .woocommerce-shipping-fields__field-wrapper .form-row,
.woocommerce-checkout #customer_details .comnform .woocommerce-additional-fields .form-row {
  margin-bottom: 20px;
  position: relative;
  width: 100%;
  float: left;
}

.woocommerce-checkout #customer_details .comnform .woocommerce-billing-fields__field-wrapper .form-row.form-row-first, .woocommerce-checkout #customer_details .comnform .woocommerce-billing-fields__field-wrapper .form-row.form-row-last,
.woocommerce-checkout #customer_details .comnform .woocommerce-shipping-fields__field-wrapper .form-row.form-row-first,
.woocommerce-checkout #customer_details .comnform .woocommerce-shipping-fields__field-wrapper .form-row.form-row-last,
.woocommerce-checkout #customer_details .comnform .woocommerce-additional-fields .form-row.form-row-first,
.woocommerce-checkout #customer_details .comnform .woocommerce-additional-fields .form-row.form-row-last {
  width: 48%;
}

@media only screen and (max-width: 767px) {
  .woocommerce-checkout #customer_details .comnform .woocommerce-billing-fields__field-wrapper .form-row.form-row-first, .woocommerce-checkout #customer_details .comnform .woocommerce-billing-fields__field-wrapper .form-row.form-row-last,
  .woocommerce-checkout #customer_details .comnform .woocommerce-shipping-fields__field-wrapper .form-row.form-row-first,
  .woocommerce-checkout #customer_details .comnform .woocommerce-shipping-fields__field-wrapper .form-row.form-row-last,
  .woocommerce-checkout #customer_details .comnform .woocommerce-additional-fields .form-row.form-row-first,
  .woocommerce-checkout #customer_details .comnform .woocommerce-additional-fields .form-row.form-row-last {
    width: 100%;
  }
}

.woocommerce-checkout #customer_details .comnform .woocommerce-billing-fields__field-wrapper .form-row label,
.woocommerce-checkout #customer_details .comnform .woocommerce-shipping-fields__field-wrapper .form-row label,
.woocommerce-checkout #customer_details .comnform .woocommerce-additional-fields .form-row label {
  color: #E3DED9;
  display: block;
  font-size: 14px;
  font-family: 'GT America Md';
  font-weight: 500;
  font-style: normal;
  /*@include fontGtaMed;*/
  text-align: left;
  padding-bottom: 5px;
  text-transform: uppercase;
  letter-spacing: 0.1em;
}

@media only screen and (max-width: 767px) {
  .woocommerce-checkout #customer_details .comnform .woocommerce-billing-fields__field-wrapper .form-row label,
  .woocommerce-checkout #customer_details .comnform .woocommerce-shipping-fields__field-wrapper .form-row label,
  .woocommerce-checkout #customer_details .comnform .woocommerce-additional-fields .form-row label {
    font-size: 10px;
  }
}

.woocommerce-checkout #customer_details .comnform .woocommerce-billing-fields__field-wrapper .form-row .woocommerce-input-wrapper,
.woocommerce-checkout #customer_details .comnform .woocommerce-shipping-fields__field-wrapper .form-row .woocommerce-input-wrapper,
.woocommerce-checkout #customer_details .comnform .woocommerce-additional-fields .form-row .woocommerce-input-wrapper {
  width: 100%;
}

.woocommerce-checkout #customer_details .comnform .woocommerce-billing-fields__field-wrapper .form-row .woocommerce-input-wrapper .input-text,
.woocommerce-checkout #customer_details .comnform .woocommerce-shipping-fields__field-wrapper .form-row .woocommerce-input-wrapper .input-text,
.woocommerce-checkout #customer_details .comnform .woocommerce-additional-fields .form-row .woocommerce-input-wrapper .input-text {
  width: 100%;
  border: solid 1px #5904E2;
  padding: 19px 10px;
  background-color: transparent;
  outline: none;
  font-family: 'GT America Md';
  font-weight: 500;
  font-style: normal;
  /*@include fontGtaMed;*/
  font-size: 14px;
  color: #E3DED9;
  border-radius: 0;
  letter-spacing: 0.1em;
  box-shadow: none;
}

@media only screen and (max-width: 767px) {
  .woocommerce-checkout #customer_details .comnform .woocommerce-billing-fields__field-wrapper .form-row .woocommerce-input-wrapper .input-text,
  .woocommerce-checkout #customer_details .comnform .woocommerce-shipping-fields__field-wrapper .form-row .woocommerce-input-wrapper .input-text,
  .woocommerce-checkout #customer_details .comnform .woocommerce-additional-fields .form-row .woocommerce-input-wrapper .input-text {
    font-size: 10px;
  }
}

.woocommerce-checkout #customer_details .comnform .woocommerce-billing-fields__field-wrapper .form-row .woocommerce-input-wrapper .input-text:focus,
.woocommerce-checkout #customer_details .comnform .woocommerce-shipping-fields__field-wrapper .form-row .woocommerce-input-wrapper .input-text:focus,
.woocommerce-checkout #customer_details .comnform .woocommerce-additional-fields .form-row .woocommerce-input-wrapper .input-text:focus {
  outline: none;
}

.woocommerce-checkout #customer_details .comnform .woocommerce-billing-fields__field-wrapper .form-row .woocommerce-input-wrapper textarea.input-text,
.woocommerce-checkout #customer_details .comnform .woocommerce-shipping-fields__field-wrapper .form-row .woocommerce-input-wrapper textarea.input-text,
.woocommerce-checkout #customer_details .comnform .woocommerce-additional-fields .form-row .woocommerce-input-wrapper textarea.input-text {
  height: 168px;
}

@media only screen and (max-width: 767px) {
  .woocommerce-checkout #customer_details .comnform .woocommerce-billing-fields__field-wrapper .form-row .woocommerce-input-wrapper textarea.input-text,
  .woocommerce-checkout #customer_details .comnform .woocommerce-shipping-fields__field-wrapper .form-row .woocommerce-input-wrapper textarea.input-text,
  .woocommerce-checkout #customer_details .comnform .woocommerce-additional-fields .form-row .woocommerce-input-wrapper textarea.input-text {
    height: 76px;
  }
}

.woocommerce-checkout #customer_details .comnform .woocommerce-billing-fields__field-wrapper .form-row .select2 .select2-selection,
.woocommerce-checkout #customer_details .comnform .woocommerce-shipping-fields__field-wrapper .form-row .select2 .select2-selection,
.woocommerce-checkout #customer_details .comnform .woocommerce-additional-fields .form-row .select2 .select2-selection {
  background-color: transparent;
  border: solid 1px #5904E2;
  padding: 15px 10px;
  outline: none;
  font-family: 'GT America Md';
  font-weight: 500;
  font-style: normal;
  /*@include fontGtaMed;*/
  font-size: 16px;
  color: #E3DED9;
  height: auto;
  border-radius: 0;
}

@media only screen and (max-width: 767px) {
  .woocommerce-checkout #customer_details .comnform .woocommerce-billing-fields__field-wrapper .form-row .select2 .select2-selection,
  .woocommerce-checkout #customer_details .comnform .woocommerce-shipping-fields__field-wrapper .form-row .select2 .select2-selection,
  .woocommerce-checkout #customer_details .comnform .woocommerce-additional-fields .form-row .select2 .select2-selection {
    font-size: 10px;
  }
}

.woocommerce-checkout #customer_details .comnform .woocommerce-billing-fields__field-wrapper .form-row .select2 .select2-selection .select2-selection__rendered,
.woocommerce-checkout #customer_details .comnform .woocommerce-shipping-fields__field-wrapper .form-row .select2 .select2-selection .select2-selection__rendered,
.woocommerce-checkout #customer_details .comnform .woocommerce-additional-fields .form-row .select2 .select2-selection .select2-selection__rendered {
  text-align: left;
  font-family: 'GT America Md';
  font-weight: 500;
  font-style: normal;
  /*@include fontGtaMed;*/
  font-size: 14px;
  color: #E3DED9;
  border-radius: 0;
  letter-spacing: 0.1em;
}

@media only screen and (max-width: 767px) {
  .woocommerce-checkout #customer_details .comnform .woocommerce-billing-fields__field-wrapper .form-row .select2 .select2-selection .select2-selection__rendered,
  .woocommerce-checkout #customer_details .comnform .woocommerce-shipping-fields__field-wrapper .form-row .select2 .select2-selection .select2-selection__rendered,
  .woocommerce-checkout #customer_details .comnform .woocommerce-additional-fields .form-row .select2 .select2-selection .select2-selection__rendered {
    font-size: 10px;
  }
}

.woocommerce-checkout #customer_details .comnform .woocommerce-billing-fields__field-wrapper .form-row .select2 .select2-selection .select2-selection__arrow,
.woocommerce-checkout #customer_details .comnform .woocommerce-shipping-fields__field-wrapper .form-row .select2 .select2-selection .select2-selection__arrow,
.woocommerce-checkout #customer_details .comnform .woocommerce-additional-fields .form-row .select2 .select2-selection .select2-selection__arrow {
  top: 18px;
}

.woocommerce-checkout .select2-container .select2-dropdown {
  background-color: #000;
  border: solid 1px #5904E2;
}

.woocommerce-checkout .select2-container .select2-dropdown .select2-results__options .select2-results__option {
  font-size: 14px;
  font-family: 'GT America Md';
  font-weight: 500;
  font-style: normal;
  /*@include fontGtaMed;*/
  color: #E3DED9;
}

@media only screen and (max-width: 767px) {
  .woocommerce-checkout .select2-container .select2-dropdown .select2-results__options .select2-results__option {
    font-size: 9px;
  }
}

.woocommerce-checkout .select2-container .select2-dropdown .select2-results__options .select2-results__option[data-selected=true] {
  background-color: #1C1C1C;
}

.woocommerce-checkout .select2-container .select2-dropdown .select2-results__options .select2-results__option.select2-results__option--highlighted {
  background-color: #5904E2;
  color: #E3DED9;
}

.woocommerce-checkout .select2-container .select2-dropdown .select2-search .select2-search__field {
  font-size: 16px;
  font-family: 'GT America Rg', sans-serif;
  font-weight: normal;
  font-style: normal;
  /*@include fontGtaReg;*/
  color: #E3DED9;
  background-color: #1C1C1C;
  border-radius: 0;
}

.woocommerce-checkout .select2-container .select2-dropdown .select2-search .select2-search__field:focus {
  outline: none;
}

@media only screen and (max-width: 767px) {
  .checkout-sec {
    margin: 0 26px;
  }
}

@media only screen and (max-width: 767px) {
  .checkout-sec .pagetitle {
    margin-left: 0;
    margin-right: 0;
  }
}

@media only screen and (max-width: 767px) {
  .checkout-sec .pagetitle h1 {
    text-align: center;
  }
}

@media only screen and (max-width: 767px) {
  .checkout-sec .pagetitle .svgline2 {
    width: 321px;
    left: 44%;
    top: 34%;
  }
}

.checkout-sec .pagetitle .svgline2 .svgline .st0 {
  stroke: #5904E2;
}

.checkout-sec .orderrow {
  margin-top: 50px;
}

.checkout-sec .orderrow h3 {
  color: #E3DED9;
  margin-bottom: 30px;
  font-size: calc(1.875rem + ((1vw - 7.68px) * 1.7361));
  min-height: 0vw;
}

@media (min-width: 1920px) {
  .checkout-sec .orderrow h3 {
    font-size: 50px;
  }
}

@media only screen and (max-width: 767px) {
  .checkout-sec .orderrow h3 {
    font-size: 30px;
  }
}

.checkout-sec .orderrow #order_review .woocommerce-checkout-review-order-table {
  width: 100%;
  border-collapse: collapse;
}

.checkout-sec .orderrow #order_review .woocommerce-checkout-review-order-table ul li {
  list-style: none;
}

.checkout-sec .orderrow #order_review .woocommerce-checkout-review-order-table tr th {
  font-size: 24px;
  font-family: 'Hoefler Titling';
  font-weight: 300;
  font-style: normal;
  /*@include fontHoeLig;*/
  padding: 10px;
  color: #E3DED9;
  text-align: left;
}

@media only screen and (max-width: 767px) {
  .checkout-sec .orderrow #order_review .woocommerce-checkout-review-order-table tr th {
    font-size: 10px;
  }
}

.checkout-sec .orderrow #order_review .woocommerce-checkout-review-order-table tr th.product-total {
  text-align: right;
}

.checkout-sec .orderrow #order_review .woocommerce-checkout-review-order-table tr th,
.checkout-sec .orderrow #order_review .woocommerce-checkout-review-order-table tr td {
  border: solid 1px #5904E2;
  color: #E3DED9;
  padding: 10px;
}

@media only screen and (max-width: 767px) {
  .checkout-sec .orderrow #order_review .woocommerce-checkout-review-order-table tr th,
  .checkout-sec .orderrow #order_review .woocommerce-checkout-review-order-table tr td {
    font-size: 10px;
  }
}

.checkout-sec .orderrow #order_review .woocommerce-checkout-review-order-table tr td {
  text-align: right;
}

.checkout-sec .orderrow #order_review .woocommerce-checkout-review-order-table tr td.product-name {
  text-align: left;
}

.checkout-sec .orderrow #order_review .woocommerce-checkout-review-order-table tr td.product-total {
  text-align: right;
}

.checkout-sec .orderrow #order_review #payment {
  margin-top: 50px;
}

.checkout-sec .orderrow #order_review #payment .methods {
  list-style: none;
}

.checkout-sec .orderrow #order_review #payment .methods li {
  color: #E3DED9;
  border: solid 1px #5904E2;
  padding: 10px;
}

.checkout-sec .orderrow #order_review #payment .methods li label img {
  display: block;
}

.checkout-sec .orderrow #order_review #payment .methods li label a {
  color: #5904E2;
}

.checkout-sec .orderrow #order_review #payment .place-order {
  margin: 30px 0 150px;
}

.checkout-sec .orderrow #order_review #payment .place-order button.button {
  margin-top: 30px;
  background-color: #5904E2;
  height: 80px;
  text-transform: uppercase;
  color: #1C1C1C;
  letter-spacing: 0.1em;
  width: 100%;
  max-width: 350px;
  font-family: 'GT America Md';
  font-weight: 500;
  font-style: normal;
  /*@include fontGtaMed;*/
  border: none;
  font-size: 16px;
}

@media only screen and (max-width: 767px) {
  .checkout-sec .orderrow #order_review #payment .place-order button.button {
    font-size: 12px;
  }
}

.checkout-sec .orderrow #order_review #payment .place-order .woocommerce-privacy-policy-text a {
  color: #5904E2;
}

.woocommerce-page .cartempty {
  margin-top: 150px;
}

.woocommerce-order-received {
  color: #E3DED9;
}

.woocommerce-order-received .thank-sec {
  margin: 150px 0;
}

.woocommerce-order-received .thank-sec .woocommerce-order {
  width: 100%;
  max-width: 500px;
  margin: 0 auto;
}

.woocommerce-order-received .thank-sec .woocommerce-order .woocommerce-thankyou-order-received,
.woocommerce-order-received .thank-sec .woocommerce-order p {
  margin-bottom: 30px;
}

.woocommerce-order-received .thank-sec .woocommerce-order .order_details {
  margin: 0 auto 30px;
  list-style: none;
  text-align: left;
  width: 100%;
}

.woocommerce-order-received .thank-sec .woocommerce-order .order_details tr td a {
  color: #5904E2;
}

.woocommerce-order-received .thank-sec .woocommerce-order .woocommerce-order-details h2 {
  font-size: 50px;
  color: #5904E2;
  margin-bottom: 30px;
}

@media only screen and (max-width: 767px) {
  .woocommerce-order-received .thank-sec .woocommerce-order .woocommerce-order-details h2 {
    font-size: 30px;
  }
}

.error404 .error404-content {
  text-align: center;
  padding: 0 0 150px;
}

@media only screen and (max-width: 767px) {
  .error404 .error404-content {
    padding: 100px 0;
  }
}

.error404 .error404-content .errorimg {
  position: relative;
  width: 100%;
  max-width: 800px;
  margin: 0 auto;
}

.error404 .error404-content .errorimg h1 {
  font-size: 500px;
  line-height: 1;
  font-size: calc(13.125rem + ((1vw - 7.67px) * 25.1518));
  min-height: 0vw;
}

@media (min-width: 1920px) {
  .error404 .error404-content .errorimg h1 {
    font-size: 500px;
  }
}

@media only screen and (max-width: 767px) {
  .error404 .error404-content .errorimg h1 {
    font-size: 210px;
  }
}

.error404 .error404-content .errorimg .title-line {
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  top: 0;
}

.error404 .error404-content .title h6 {
  margin-bottom: 40px;
}

.error404 .error404-content .introtext {
  width: 100%;
  max-width: 500px;
  margin: 0 auto 50px;
}

.error404 .error404-content p {
  color: #E3DED9;
}

.page-template-featured header.open .site-title .logo .st0 {
  fill: #000;
}

.page-template-featured header.open .hamburg .icon:before, .page-template-featured header.open .hamburg .icon:after {
  background-color: #000;
}

.page-template-featured .footer-before {
  background-color: #E3DED9;
}

@media only screen and (max-width: 767px) {
  .page-template-featured .footer-before {
    padding-bottom: 172px;
    padding-top: 0;
    background-color: #1C1C1C;
  }
}

.page-template-featured .footer-before .section-con .title h6 a {
  color: #fff;
}

@media only screen and (max-width: 767px) {
  .page-template-featured .footer-before .section-con .title .svgline2 {
    right: -97px;
  }
}

@media only screen and (max-width: 767px) {
  .page-template-featured .footer-before .section-con .image-left {
    margin-top: -35px;
  }
}

@media only screen and (max-width: 767px) {
  .page-template-featured .footer-before .section-con .circle-svg {
    top: -40%;
    margin-top: -35px;
  }
}

.page-template-featured .footer {
  padding-top: 143px;
}

@media only screen and (max-width: 767px) {
  .page-template-featured .footer {
    padding-top: 0;
  }
}

.page-template-featured .footer:before {
  display: none;
}

.page-template-featured .footer .footer-main:before {
  background-color: #fff;
}

.page-template-featured .footer .footer-main .row.two {
  position: absolute;
  left: 0;
  right: 0;
  top: 3.90625vw;
}

@media only screen and (max-width: 767px) {
  .page-template-featured .footer .footer-main .row.two {
    position: initial;
    top: auto;
  }
}

.page-template-featured .footer .footer-main .row.two .link-left {
  display: none;
}

@media only screen and (max-width: 767px) {
  .page-template-featured .footer .footer-main .row.two .link-left {
    display: inline-block;
  }
}

.featured {
  padding-bottom: 280px;
}

@media only screen and (max-width: 767px) {
  .featured {
    padding-bottom: 127px;
  }
}

.featured .section-con {
  margin: 0 9.375%;
  max-width: 1560px;
}

@media only screen and (max-width: 767px) {
  .featured .section-con {
    margin: 0 0;
    width: 100%;
  }
}

.featured .pagetitle {
  margin-top: 100px;
  margin-bottom: 138px;
}

@media only screen and (max-width: 767px) {
  .featured .pagetitle {
    margin-top: 200px;
    margin-bottom: 121px;
    margin-left: 26px;
    margin-right: 26px;
  }
}

.featured .pagetitle h1 {
  margin-bottom: 10px;
  line-height: 1;
}

.featured .pagetitle h6 {
  max-width: 1043px;
  margin: 0 auto;
  width: 100%;
  line-height: 1.2;
}

.featured .pagetitle .svgline-v2 {
  position: absolute;
  width: 41.66667vw;
  left: 46%;
  top: 17%;
  transform: translateX(-50%);
  z-index: 1;
}

@media only screen and (max-width: 767px) {
  .featured .pagetitle .svgline-v2 {
    width: 321px;
    top: 20%;
    left: 48%;
  }
}

.featured .videos {
  width: 100%;
}

.featured .videos .video {
  width: 100%;
  margin-bottom: 8.4375vw;
}

.featured .videos .video:last-child {
  margin-bottom: 0;
}

.featured .videos .video .video-title {
  padding: 30px 0;
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
  position: relative;
  color: #E3DED9;
}

@media only screen and (max-width: 767px) {
  .featured .videos .video .video-title {
    padding: 26px 0 24px 10px;
    margin: 0 16px;
  }
}

.featured .videos .video .video-title:after {
  content: "";
  height: 3px;
  background-color: #5904E2;
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
}

@media only screen and (max-width: 767px) {
  .featured .videos .video .video-title:after {
    height: 1px;
  }
}

.featured .videos .video .video-title .vidinfo {
  display: flex;
  align-items: flex-end;
}

@media only screen and (max-width: 767px) {
  .featured .videos .video .video-title .vidinfo {
    flex-wrap: wrap;
  }
}

.featured .videos .video .video-title .vidinfo h6 {
  margin-right: 45px;
}

@media only screen and (max-width: 767px) {
  .featured .videos .video .video-title .vidinfo h6 {
    font-size: 25px;
    margin-right: 23px;
    color: #F6F5F1;
  }
}

.featured .videos .video .video-title .vidinfo p {
  font-size: calc(1.125rem + ((1vw - 7.68px) * 0.5208));
  min-height: 0vw;
  margin-bottom: 3px;
  letter-spacing: -0.03em;
}

@media (min-width: 1920px) {
  .featured .videos .video .video-title .vidinfo p {
    font-size: 24px;
  }
}

@media only screen and (max-width: 767px) {
  .featured .videos .video .video-title .vidinfo p {
    font-size: 18px;
    margin-bottom: 2px;
    color: #F6F5F1;
  }
}

.featured .videos .video .video-title .watch {
  font-size: 14px;
  letter-spacing: 0.1em;
  text-transform: uppercase;
  font-family: 'GT America Md';
  font-weight: 500;
  font-style: normal;
  /*@include fontGtaMed;*/
  color: #5904E2;
  margin: 0 23px;
  display: none;
}

.media-sec {
  background-color: #E3DED9;
  padding: 0 0 31.82292vw;
}

@media only screen and (max-width: 767px) {
  .media-sec {
    padding-bottom: 0;
  }
}

.media-sec .titlebanner {
  background-image: url(../images/mediabg.jpg);
  background-repeat: no-repeat;
  height: 53.22917vw;
  display: flex;
  align-items: flex-end;
  justify-content: center;
  margin-bottom: 14.32292vw;
  background-size: cover;
}

@media only screen and (max-width: 767px) {
  .media-sec .titlebanner {
    margin: 0 0 130px;
    background-image: url(../images/mediabg-mob.jpg);
    height: 442px;
  }
}

.media-sec .titlebanner .title {
  width: 100%;
  text-align: center;
  position: relative;
  margin-bottom: 60px;
}

@media only screen and (max-width: 767px) {
  .media-sec .titlebanner .title {
    margin-bottom: 34px;
  }
}

.media-sec .titlebanner .title h2 {
  line-height: 0.91;
}

@media only screen and (max-width: 767px) {
  .media-sec .titlebanner .title h2 {
    margin-bottom: 15px;
    font-size: 110px;
    font-family: 'Hoefler Titling';
    font-weight: 300;
    font-style: italic;
    /*@include fontHoeLigIta;*/
  }
}

.media-sec .titlebanner .title h6 {
  position: relative;
}

@media only screen and (max-width: 767px) {
  .media-sec .titlebanner .title h6 {
    color: #fff;
    font-family: 'Hoefler Titling';
    font-weight: 300;
    font-style: normal;
    /*@include fontHoeLig;*/
  }
}

.media-sec .titlebanner .title .svgline2 {
  width: 33.64583vw;
  position: absolute;
  top: 51%;
  left: 50%;
  z-index: 0;
  margin-left: -8.125vw;
  transform: translateX(-50%);
}

@media only screen and (max-width: 767px) {
  .media-sec .titlebanner .title .svgline2 {
    display: none;
  }
}

.media-sec .titlebanner .title .svgline-v2 {
  display: none;
}

@media only screen and (max-width: 767px) {
  .media-sec .titlebanner .title .svgline-v2 {
    display: inline-block;
    width: 321px;
    position: absolute;
    top: 41%;
    left: 45%;
    transform: translate(-50%, -50%);
  }
}

.media-sec .section-con {
  margin: 0 7.55396%;
}

@media only screen and (max-width: 767px) {
  .media-sec .section-con {
    margin: 0 26px;
  }
}

.media-sec .medialist-wrap {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  position: relative;
}

.media-sec .medialist-wrap .medialist {
  list-style: none;
  padding: 0;
  width: 100%;
  max-width: 60.20833vw;
  transition: all 0.5s ease-out;
}

@media only screen and (max-width: 767px) {
  .media-sec .medialist-wrap .medialist {
    max-width: inherit;
  }
}

@media only screen and (max-width: 767px) {
  .media-sec .medialist-wrap .medialist li {
    margin-bottom: 50px;
    text-align: center;
  }
}

.media-sec .medialist-wrap .medialist li:first-child a {
  padding-top: 0;
}

.media-sec .medialist-wrap .medialist li:last-child a {
  padding-bottom: 0;
}

@media only screen and (max-width: 767px) {
  .media-sec .medialist-wrap .medialist li:last-child {
    margin-bottom: 105px;
  }
}

.media-sec .medialist-wrap .medialist li a {
  padding: 58px 0;
  display: block;
  transition: all 0.3s ease-out;
}

@media only screen and (max-width: 767px) {
  .media-sec .medialist-wrap .medialist li a {
    padding: 0;
    margin-bottom: 25px;
    text-align: left;
  }
}

.media-sec .medialist-wrap .medialist li a .ml-title {
  display: flex;
  align-items: center;
  color: #1C1C1C;
  line-height: 1;
  margin-bottom: 15px;
  font-size: calc(1.5625rem + ((1vw - 7.67px) * 2.1683));
  min-height: 0vw;
}

@media (min-width: 1920px) {
  .media-sec .medialist-wrap .medialist li a .ml-title {
    font-size: 50px;
  }
}

@media only screen and (max-width: 767px) {
  .media-sec .medialist-wrap .medialist li a .ml-title {
    font-size: 25px;
    flex-wrap: wrap;
    margin-bottom: 7px;
  }
}

.media-sec .medialist-wrap .medialist li a .ml-title span.sep {
  margin: 0 28px;
}

@media only screen and (max-width: 767px) {
  .media-sec .medialist-wrap .medialist li a .ml-title span.sep {
    margin: 0 13px;
  }
}

.media-sec .medialist-wrap .medialist li a .ml-title span.italic {
  font-family: 'Hoefler Titling';
  font-weight: 300;
  font-style: italic;
  /*@include fontHoeLigIta;*/
}

@media only screen and (max-width: 767px) {
  .media-sec .medialist-wrap .medialist li a .ml-title span br {
    display: none;
  }
}

.media-sec .medialist-wrap .medialist li a .desc {
  font-size: 30px;
  color: #1C1C1C;
  letter-spacing: -0.03em;
  font-size: calc(0.875rem + ((1vw - 7.67px) * 1.3877));
  min-height: 0vw;
}

@media (min-width: 1920px) {
  .media-sec .medialist-wrap .medialist li a .desc {
    font-size: 30px;
  }
}

@media only screen and (max-width: 767px) {
  .media-sec .medialist-wrap .medialist li a .desc {
    font-size: 14px;
  }
}

.media-sec .medialist-wrap .medialist li a .desc .sep {
  margin: 0 17px;
}

@media only screen and (max-width: 767px) {
  .media-sec .medialist-wrap .medialist li a .desc .sep {
    margin: 0 10px;
  }
}

@media only screen and (max-width: 767px) {
  .media-sec .medialist-wrap .medialist li .hoverimage {
    display: inline-block;
  }
}

@media only screen and (max-width: 767px) {
  .media-sec .medialist-wrap .medialist li:nth-child(3n+1) {
    text-align: center;
  }
}

@media only screen and (max-width: 767px) {
  .media-sec .medialist-wrap .medialist li:nth-child(3n+2) {
    text-align: left;
  }
  .media-sec .medialist-wrap .medialist li:nth-child(3n+2) a {
    text-align: right;
  }
  .media-sec .medialist-wrap .medialist li:nth-child(3n+2) a .ml-title {
    justify-content: flex-end;
  }
}

@media only screen and (max-width: 767px) {
  .media-sec .medialist-wrap .medialist li:nth-child(3n+3) {
    text-align: right;
  }
  .media-sec .medialist-wrap .medialist li:nth-child(3n+3) a {
    text-align: center;
  }
  .media-sec .medialist-wrap .medialist li:nth-child(3n+3) a .ml-title {
    justify-content: center;
  }
}

.media-sec .medialist-wrap .medialist:hover li a {
  opacity: 0.5;
}

.media-sec .medialist-wrap .medialist:hover li a:hover {
  opacity: 1;
}

@media only screen and (max-width: 767px) {
  .media-sec .medialist-wrap .medialist:hover li a {
    opacity: 1;
  }
  .media-sec .medialist-wrap .medialist:hover li a:hover {
    opacity: 1;
  }
}

.media-sec .medialist-wrap .hoverimage {
  width: 33.17708vw;
}

@media only screen and (max-width: 767px) {
  .media-sec .medialist-wrap .hoverimage {
    display: none;
    width: 43.33333%;
  }
}

.medialist-wrap .medialist li .hoverimage {
  position: absolute;
  right: 0;
  top: 0;
  opacity: 0;
  transform: translate(711px) rotate(8deg);
  transform-origin: 100% 100% 0px;
  transition: transform 0.5s ease-out .1s, opacity 0.5s ease-out .1s, top 0.1s ease;
}

@media only screen and (max-width: 767px) {
  .medialist-wrap .medialist li .hoverimage {
    position: relative;
    left: 0;
    opacity: 1;
    transform: translate(0);
  }
}

.medialist-wrap .medialist li a:hover + .hoverimage {
  opacity: 1;
  transform: translate(0);
}

.page-template-coaching,
.page-template-coaching-consultation,
.page-template-coaching-consultation-new {
  background-color: #E3DED9;
}

@media only screen and (max-width: 767px) {
  .page-template-coaching .header,
  .page-template-coaching-consultation .header,
  .page-template-coaching-consultation-new .header {
    background-color: #E3DED9;
    padding-bottom: 23px;
  }
}

.page-template-coaching .header .site-title .logo .st0,
.page-template-coaching-consultation .header .site-title .logo .st0,
.page-template-coaching-consultation-new .header .site-title .logo .st0 {
  fill: #190BBA;
}

@media only screen and (max-width: 767px) {
  .page-template-coaching .header .site-title .logo .st0,
  .page-template-coaching-consultation .header .site-title .logo .st0,
  .page-template-coaching-consultation-new .header .site-title .logo .st0 {
    fill: #190BBA;
  }
}

.page-template-coaching .header .hamburg .icon:before, .page-template-coaching .header .hamburg .icon:after,
.page-template-coaching-consultation .header .hamburg .icon:before,
.page-template-coaching-consultation .header .hamburg .icon:after,
.page-template-coaching-consultation-new .header .hamburg .icon:before,
.page-template-coaching-consultation-new .header .hamburg .icon:after {
  background-color: #190BBA;
}

.page-template-coaching .header.open .site-title .logo .st0,
.page-template-coaching-consultation .header.open .site-title .logo .st0,
.page-template-coaching-consultation-new .header.open .site-title .logo .st0 {
  fill: #000;
}

.page-template-coaching .header.open .hamburg .icon:before, .page-template-coaching .header.open .hamburg .icon:after,
.page-template-coaching-consultation .header.open .hamburg .icon:before,
.page-template-coaching-consultation .header.open .hamburg .icon:after,
.page-template-coaching-consultation-new .header.open .hamburg .icon:before,
.page-template-coaching-consultation-new .header.open .hamburg .icon:after {
  background-color: #000;
}

.page-template-coaching .header.contact-open .site-title .logo .st0,
.page-template-coaching-consultation .header.contact-open .site-title .logo .st0,
.page-template-coaching-consultation-new .header.contact-open .site-title .logo .st0 {
  fill: #190BBA;
}

.page-template-coaching .header.contact-open .hamburg .icon:before, .page-template-coaching .header.contact-open .hamburg .icon:after,
.page-template-coaching-consultation .header.contact-open .hamburg .icon:before,
.page-template-coaching-consultation .header.contact-open .hamburg .icon:after,
.page-template-coaching-consultation-new .header.contact-open .hamburg .icon:before,
.page-template-coaching-consultation-new .header.contact-open .hamburg .icon:after {
  background-color: #190BBA;
}

.page-template-coaching .footer-before,
.page-template-coaching-consultation .footer-before,
.page-template-coaching-consultation-new .footer-before {
  padding-top: 5.36458vw;
  padding-bottom: 15.625vw;
}

@media only screen and (max-width: 767px) {
  .page-template-coaching .footer-before,
  .page-template-coaching-consultation .footer-before,
  .page-template-coaching-consultation-new .footer-before {
    padding-top: 29px;
    padding-bottom: 135px;
  }
}

.page-template-coaching .footer-before .section-con .circle-svg,
.page-template-coaching-consultation .footer-before .section-con .circle-svg,
.page-template-coaching-consultation-new .footer-before .section-con .circle-svg {
  margin-top: -30px;
}

@media only screen and (max-width: 767px) {
  .page-template-coaching .footer-before .section-con .circle-svg,
  .page-template-coaching-consultation .footer-before .section-con .circle-svg,
  .page-template-coaching-consultation-new .footer-before .section-con .circle-svg {
    margin-top: 0;
    top: -36%;
  }
}

.page-template-coaching .footer:before,
.page-template-coaching-consultation .footer:before,
.page-template-coaching-consultation-new .footer:before {
  display: none;
}

.page-template-coaching .footer .footer-main:before,
.page-template-coaching-consultation .footer .footer-main:before,
.page-template-coaching-consultation-new .footer .footer-main:before {
  background-color: #5904E2;
}

@media only screen and (max-width: 767px) {
  .page-template-coaching .footer .footer-main:before,
  .page-template-coaching-consultation .footer .footer-main:before,
  .page-template-coaching-consultation-new .footer .footer-main:before {
    background-color: #fff;
  }
}

.page-template-coaching .footer .footer-main .row.two,
.page-template-coaching-consultation .footer .footer-main .row.two,
.page-template-coaching-consultation-new .footer .footer-main .row.two {
  position: absolute;
  left: 0;
  right: 0;
  top: 3.90625vw;
}

@media only screen and (max-width: 767px) {
  .page-template-coaching .footer .footer-main .row.two,
  .page-template-coaching-consultation .footer .footer-main .row.two,
  .page-template-coaching-consultation-new .footer .footer-main .row.two {
    position: initial;
    top: 0;
  }
}

.page-template-coaching .footer .footer-main .row.two .link-left,
.page-template-coaching-consultation .footer .footer-main .row.two .link-left,
.page-template-coaching-consultation-new .footer .footer-main .row.two .link-left {
  display: none;
}

@media only screen and (max-width: 767px) {
  .page-template-coaching .footer .footer-main .row.two .link-left,
  .page-template-coaching-consultation .footer .footer-main .row.two .link-left,
  .page-template-coaching-consultation-new .footer .footer-main .row.two .link-left {
    display: block;
  }
}

.page-template-coaching .footer .footer-main .row.two .link-right,
.page-template-coaching-consultation .footer .footer-main .row.two .link-right,
.page-template-coaching-consultation-new .footer .footer-main .row.two .link-right {
  width: 100% !important;
  align-items: center !important;
  justify-content: center !important;
}

.coaching-sec {
  padding-bottom: 8.59375vw;
}

@media only screen and (max-width: 767px) {
  .coaching-sec {
    padding-bottom: 95px;
  }
}

@media only screen and (max-width: 767px) {
  .coaching-sec .section-con {
    width: 100%;
    margin: 0;
    display: flex;
    flex-wrap: wrap;
  }
}

.coaching-sec .section-con .vtitle {
  position: absolute !important;
  right: -11.82292vw;
  top: 21.71875vw;
  z-index: 1;
}

@media only screen and (max-width: 767px) {
  .coaching-sec .section-con .vtitle {
    left: 0;
    right: auto;
    top: 185vw;
    width: 100%;
    text-align: center;
  }
}

.coaching-sec .section-con .vtitle .vtext {
  right: 0;
  top: 0;
  transform: rotate(-90deg);
}

@media only screen and (max-width: 767px) {
  .coaching-sec .section-con .vtitle .vtext {
    transform: rotate(0deg);
    left: 0;
  }
}

.coaching-sec .section-con .vtitle .svgline-verticle {
  width: auto;
  max-width: initial;
  position: absolute;
  right: 0;
  top: 0;
}

.coaching-sec .section-con .vtitle .svgline-verticle .svgline-v {
  width: 5.26042vw;
}

.coaching-sec .section-con .svgline-verticle {
  position: absolute;
  right: 30px;
  top: 5.98958vw;
  width: 7.39583vw;
}

@media only screen and (max-width: 767px) {
  .coaching-sec .section-con .svgline-verticle {
    width: 60px;
    height: 300px;
    right: auto;
    left: 50%;
    top: 166vw;
    transform: rotate(-87deg) translateX(-50%);
    margin-left: -9vw;
    z-index: 1;
  }
}

@media only screen and (max-width: 390px) {
  .coaching-sec .section-con .svgline-verticle {
    top: 156vw;
    margin-left: -13vw;
  }
}

.coaching-sec .section-con .copy.top {
  max-width: 66.51042vw;
  padding-top: 23.54167vw;
  padding-bottom: 7.8125vw;
}

@media only screen and (max-width: 767px) {
  .coaching-sec .section-con .copy.top {
    order: 0;
    max-width: inherit;
    margin: 0 26px;
    padding-top: 73px;
    padding-bottom: 60px;
  }
}

.coaching-sec .section-con .copy.top h6.f50 {
  line-height: 1.2;
}

@media only screen and (max-width: 767px) {
  .coaching-sec .section-con .copy.top h6.f50 {
    font-size: 30px;
    margin-bottom: 30px;
  }
  .coaching-sec .section-con .copy.top h6.f50:last-child {
    margin-bottom: 0;
  }
}

@media only screen and (max-width: 767px) {
  .coaching-sec .section-con .copy.top h6.f50 br {
    display: none;
  }
}

@media only screen and (max-width: 767px) {
  .coaching-sec .section-con .copy.top h6.f50 .desktop {
    display: none;
  }
}

.coaching-sec .section-con .copy.top h6.f50 .mobile {
  display: none;
}

@media only screen and (max-width: 767px) {
  .coaching-sec .section-con .copy.top h6.f50 .mobile {
    display: inline-block;
  }
}

.coaching-sec .section-con .copy.top h6.f50.mobile {
  display: none;
}

@media only screen and (max-width: 767px) {
  .coaching-sec .section-con .copy.top h6.f50.mobile {
    display: inline-block;
  }
}

@media only screen and (max-width: 767px) {
  .coaching-sec .section-con .copy.top .svgline-verticle .svgline-v .st0 {
    stroke-dashoffset: -880;
  }
}

@media only screen and (max-width: 767px) {
  .coaching-sec .section-con .copy.top .svgline-verticle .svgline-v.visible .st0 {
    stroke-dashoffset: 0;
  }
}

.coaching-sec .section-con .copy.bottom {
  margin: 0 auto;
  position: relative;
  padding: 7.8125vw 0;
  max-width: 1428px;
  text-align: center;
}

@media only screen and (max-width: 767px) {
  .coaching-sec .section-con .copy.bottom {
    order: 1;
    padding-top: 0;
    margin: 0;
    padding-bottom: 0;
  }
}

.coaching-sec .section-con .copy.bottom:after {
  content: "";
  width: 100%;
  height: 2px;
  background-color: #190BBA;
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
}

@media only screen and (max-width: 767px) {
  .coaching-sec .section-con .copy.bottom:after {
    display: none;
  }
}

.coaching-sec .section-con .copy.bottom .shortcopy {
  max-width: 610px;
  margin: 0 auto 4.94792vw;
}

@media only screen and (max-width: 767px) {
  .coaching-sec .section-con .copy.bottom .shortcopy {
    margin-left: 30px;
    margin-right: 30px;
    max-width: 303px;
    margin-bottom: 60px;
  }
}

.coaching-sec .section-con .copy.bottom .shortcopy p {
  line-height: 1.4;
  margin-bottom: 35px;
}

@media only screen and (max-width: 767px) {
  .coaching-sec .section-con .copy.bottom .shortcopy p {
    margin-bottom: 25px;
    line-height: 1.375;
  }
}

.coaching-sec .section-con .copy.bottom .shortcopy p:last-child {
  margin-bottom: 0;
}

.coaching-sec .section-con .copy.bottom .longcopy {
  max-width: 1038px;
  margin: 0 auto;
}

@media only screen and (max-width: 767px) {
  .coaching-sec .section-con .copy.bottom .longcopy {
    max-width: 350px;
    margin: 0 15px;
  }
}

@media only screen and (max-width: 767px) {
  .coaching-sec .section-con .copy.bottom .longcopy h6 {
    font-size: 30px;
    line-height: 1;
  }
}

@media only screen and (max-width: 767px) {
  .coaching-sec .section-con .ryanimg {
    order: -1;
    margin-top: 176px;
    width: 100%;
  }
}

@media only screen and (max-width: 767px) {
  .coaching-sec .section-con .ryanimg picture {
    width: 100%;
  }
  .coaching-sec .section-con .ryanimg picture img {
    width: 100%;
  }
}

.coaching-sec .section-con .ryanimg .btn-theme {
  position: fixed;
  bottom: 0;
  right: 0;
  background-color: #0E0572;
  width: 508px;
  height: 110px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 14px;
  color: #F8EDEE;
  letter-spacing: 0.1em;
  text-transform: uppercase;
  font-family: 'GT America Md';
  font-weight: 500;
  font-style: normal;
  /*@include fontGtaMed;*/
}

@media only screen and (max-width: 767px) {
  .coaching-sec .section-con .ryanimg .btn-theme {
    width: 100%;
    height: 78px;
    font-size: 9px;
    top: 105px;
  }
}

.coaching-sec .section-con .ryanimg h6 {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
}

@media only screen and (max-width: 767px) {
  .coaching-sec .section-con .ryanimg h6 {
    display: none;
  }
}

.coaching-sec .section-con picture {
  margin: 0 3.02083vw;
}

@media only screen and (max-width: 767px) {
  .coaching-sec .section-con picture {
    margin: 0;
  }
}

.together-sec {
  background-color: #190BBA;
  position: relative;
  padding: 7.8125vw 0 5.57292vw;
  margin-bottom: 5.41667vw;
}

@media only screen and (max-width: 767px) {
  .together-sec {
    padding: 170px 0 160px;
    margin-bottom: 0;
  }
}

.together-sec:before {
  content: "";
  background-image: url(../images/together-bg.jpg);
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background-repeat: no-repeat;
  background-size: cover;
  mix-blend-mode: multiply;
  opacity: 0.48;
}

.together-sec .section-con {
  margin: 0 5.20833vw;
  position: relative;
  max-width: max-content;
  z-index: 1;
}

@media only screen and (max-width: 767px) {
  .together-sec .section-con {
    width: auto;
  }
}

.together-sec .section-con .title {
  position: relative;
  margin-bottom: 9.89583vw;
}

@media only screen and (max-width: 767px) {
  .together-sec .section-con .title {
    position: absolute;
    left: 0;
    top: -90px;
    text-align: left !important;
  }
  .together-sec .section-con .title h2 {
    width: 100%;
  }
  .together-sec .section-con .title h2 span {
    width: 100%;
  }
  .together-sec .section-con .title h2 span:last-child {
    text-align: right;
    padding-right: 11px;
  }
}

.together-sec .section-con .title .svgline3 {
  position: absolute;
  left: 50.1%;
  transform: translateX(-50%);
  top: 6vw;
}

@media only screen and (max-width: 767px) {
  .together-sec .section-con .title .svgline3 {
    display: none;
  }
}

.together-sec .section-con .infosec {
  display: flex;
  align-items: flex-start;
  flex-wrap: wrap;
  justify-content: center;
}

.together-sec .section-con .infosec .copytop {
  width: 100%;
  text-align: center;
  margin-bottom: 12.23958vw;
}

@media only screen and (max-width: 767px) {
  .together-sec .section-con .infosec .copytop {
    order: 1;
    margin-bottom: 90px;
  }
}

.together-sec .section-con .infosec .copytop .before-title {
  font-size: 14px;
  text-transform: uppercase;
  letter-spacing: 0.1em;
  color: #E3DED9;
  margin-bottom: 25px;
}

@media only screen and (max-width: 767px) {
  .together-sec .section-con .infosec .copytop .before-title {
    margin-bottom: 13px;
  }
}

.together-sec .section-con .infosec .copytop .copy {
  max-width: 1195px;
}

@media only screen and (max-width: 767px) {
  .together-sec .section-con .infosec .copytop .copy {
    max-width: 303px;
  }
}

.together-sec .section-con .infosec .copytop .copy h6 {
  line-height: 1.2;
}

@media only screen and (max-width: 767px) {
  .together-sec .section-con .infosec .copytop .copy h6 {
    font-size: 16px;
    line-height: 1.375;
  }
}

.together-sec .section-con .infosec .copyleft {
  width: 44.5vw;
  align-self: center;
  display: flex;
}

@media only screen and (max-width: 767px) {
  .together-sec .section-con .infosec .copyleft {
    order: 2;
    width: 100%;
    flex-wrap: wrap;
  }
}

.together-sec .section-con .infosec .copyleft .listwrap {
  width: 100%;
  align-self: center;
  display: flex;
}

@media only screen and (max-width: 767px) {
  .together-sec .section-con .infosec .copyleft .listwrap {
    justify-content: space-between;
  }
}

.together-sec .section-con .infosec .copyleft .listwrap .list {
  width: 50%;
}

.together-sec .section-con .infosec .copyleft .listwrap .list .before-title {
  font-size: 14px;
  text-transform: uppercase;
  font-size: 14px;
  letter-spacing: 0.1em;
  font-family: 'GT America Md';
  font-weight: 500;
  font-style: normal;
  /*@include fontGtaMed;*/
  color: #E3DED9;
  margin-bottom: 16px;
  position: relative;
}

@media only screen and (max-width: 767px) {
  .together-sec .section-con .infosec .copyleft .listwrap .list .before-title {
    font-size: 10px;
    margin-bottom: 16px;
  }
}

.together-sec .section-con .infosec .copyleft .listwrap .list .before-title .svgline1 {
  display: none;
  position: absolute;
  bottom: -25px;
  width: 118px;
}

@media only screen and (max-width: 767px) {
  .together-sec .section-con .infosec .copyleft .listwrap .list .before-title .svgline1 {
    display: inline-block;
  }
}

.together-sec .section-con .infosec .copyleft .listwrap .list .before-title .svgline1.left {
  left: -55px;
}

.together-sec .section-con .infosec .copyleft .listwrap .list .before-title .svgline1.right {
  left: 0;
  bottom: -22px;
}

.together-sec .section-con .infosec .copyleft .listwrap .list ul {
  padding: 0;
  margin: 0;
  list-style: none;
}

.together-sec .section-con .infosec .copyleft .listwrap .list ul li {
  font-size: calc(1rem + ((1vw - 7.67px) * 1.2142));
  min-height: 0vw;
  line-height: 1.666;
  letter-spacing: -0.03em;
  color: #F6F5F1;
  font-family: 'Hoefler Titling';
  font-weight: 300;
  font-style: normal;
  /*@include fontHoeLig;*/
}

@media (min-width: 1920px) {
  .together-sec .section-con .infosec .copyleft .listwrap .list ul li {
    font-size: 30px;
  }
}

@media only screen and (max-width: 767px) {
  .together-sec .section-con .infosec .copyleft .listwrap .list ul li {
    font-size: 16px;
    line-height: 1.375;
  }
}

.together-sec .section-con .infosec .copyleft .listwrap .list ul li span {
  font-family: 'Hoefler Titling';
  font-weight: 300;
  font-style: italic;
  /*@include fontHoeLigIta;*/
}

@media only screen and (max-width: 767px) {
  .together-sec .section-con .infosec .copyleft .listwrap .list:first-child {
    width: 45.38462%;
  }
  .together-sec .section-con .infosec .copyleft .listwrap .list:last-child {
    width: 34.35897%;
  }
}

.together-sec .section-con .infosec .copyleft h6 {
  display: none;
  font-size: 40px;
  width: 100%;
  color: #F8EDEE;
  text-align: center;
  margin-top: 130px;
}

@media only screen and (max-width: 767px) {
  .together-sec .section-con .infosec .copyleft h6 {
    display: block;
  }
}

.together-sec .section-con .infosec .imgright {
  width: 44vw;
}

@media only screen and (max-width: 767px) {
  .together-sec .section-con .infosec .imgright {
    order: 0;
    width: 100%;
    margin-bottom: 58px;
  }
}

.together-sec .section-con .infosec .imgright img {
  width: 100%;
}

/* Coaching Conultaion */
.page-template-coaching-consultation,
.page-template-coaching-consultation-new {
  background-color: #190BBA;
  color: #fff;
}

.page-template-coaching-consultation p,
.page-template-coaching-consultation-new p {
  color: #fff;
}

@media only screen and (max-width: 767px) {
  .page-template-coaching-consultation .header,
  .page-template-coaching-consultation-new .header {
    background-color: #190BBA;
    padding-bottom: 23px;
  }
}

.page-template-coaching-consultation .header .site-title .logo .st0,
.page-template-coaching-consultation-new .header .site-title .logo .st0 {
  fill: #000;
}

.page-template-coaching-consultation .header .hamburg .icon:before, .page-template-coaching-consultation .header .hamburg .icon:after,
.page-template-coaching-consultation-new .header .hamburg .icon:before,
.page-template-coaching-consultation-new .header .hamburg .icon:after {
  background-color: #000;
}

.page-template-coaching-consultation .header.open .site-title .logo .st0,
.page-template-coaching-consultation-new .header.open .site-title .logo .st0 {
  fill: #000;
}

.page-template-coaching-consultation .header.open .hamburg .icon:before, .page-template-coaching-consultation .header.open .hamburg .icon:after,
.page-template-coaching-consultation-new .header.open .hamburg .icon:before,
.page-template-coaching-consultation-new .header.open .hamburg .icon:after {
  background-color: #000;
}

.page-template-coaching-consultation .header.contact-open .site-title .logo .st0,
.page-template-coaching-consultation-new .header.contact-open .site-title .logo .st0 {
  fill: #5904E2;
}

.page-template-coaching-consultation .header.contact-open .hamburg .icon:before, .page-template-coaching-consultation .header.contact-open .hamburg .icon:after,
.page-template-coaching-consultation-new .header.contact-open .hamburg .icon:before,
.page-template-coaching-consultation-new .header.contact-open .hamburg .icon:after {
  background-color: #5904E2;
}

.page-template-coaching-consultation .footer,
.page-template-coaching-consultation-new .footer {
  padding-top: 112px;
}

@media only screen and (max-width: 767px) {
  .page-template-coaching-consultation .footer,
  .page-template-coaching-consultation-new .footer {
    padding-top: 40px;
    background-color: #000;
  }
}

.page-template-coaching-consultation .coaching-sec .section-con .copy.top,
.page-template-coaching-consultation-new .coaching-sec .section-con .copy.top {
  padding-top: 18.95833vw;
  padding-bottom: 0;
}

@media only screen and (max-width: 767px) {
  .page-template-coaching-consultation .coaching-sec .section-con .copy.top,
  .page-template-coaching-consultation-new .coaching-sec .section-con .copy.top {
    padding-top: 175px;
  }
}

@media only screen and (max-width: 767px) {
  .page-template-coaching-consultation .coaching-sec .section-con .copy.top .vtitle,
  .page-template-coaching-consultation-new .coaching-sec .section-con .copy.top .vtitle {
    display: none;
  }
}

.page-template-coaching-consultation .coaching-sec .section-con .copy.top .svgline-verticle,
.page-template-coaching-consultation-new .coaching-sec .section-con .copy.top .svgline-verticle {
  z-index: 1;
}

.page-template-coaching-consultation .coaching-sec .section-con .copy.top .svgline-verticle .svgline-v .st0,
.page-template-coaching-consultation-new .coaching-sec .section-con .copy.top .svgline-verticle .svgline-v .st0 {
  stroke: #5904E2;
}

@media only screen and (max-width: 767px) {
  .page-template-coaching-consultation .coaching-sec .section-con .copy.top .svgline-verticle,
  .page-template-coaching-consultation-new .coaching-sec .section-con .copy.top .svgline-verticle {
    display: none;
  }
}

.page-template-coaching-consultation .coaching-sec .section-con .formcon,
.page-template-coaching-consultation-new .coaching-sec .section-con .formcon {
  width: 100%;
  max-width: 941px;
  margin: 0 auto;
}

@media only screen and (max-width: 767px) {
  .page-template-coaching-consultation .coaching-sec .section-con .formcon,
  .page-template-coaching-consultation-new .coaching-sec .section-con .formcon {
    margin: 0 15px;
  }
}

.page-template-coaching-consultation .coaching-sec .section-con .formcon .title,
.page-template-coaching-consultation-new .coaching-sec .section-con .formcon .title {
  text-align: center;
  margin-bottom: 110px;
}

@media only screen and (max-width: 767px) {
  .page-template-coaching-consultation .coaching-sec .section-con .formcon .title,
  .page-template-coaching-consultation-new .coaching-sec .section-con .formcon .title {
    margin-bottom: 50px;
  }
}

.page-template-coaching-consultation .coaching-sec .section-con .formcon .title h6,
.page-template-coaching-consultation-new .coaching-sec .section-con .formcon .title h6 {
  margin-bottom: 25px;
}

@media only screen and (max-width: 767px) {
  .page-template-coaching-consultation .coaching-sec .section-con .formcon .title h6,
  .page-template-coaching-consultation-new .coaching-sec .section-con .formcon .title h6 {
    font-size: 30px;
    margin-bottom: 13px;
  }
}

.page-template-coaching-consultation .coaching-sec .section-con .formcon .title .introcopy p,
.page-template-coaching-consultation-new .coaching-sec .section-con .formcon .title .introcopy p {
  font-size: 25px;
}

@media only screen and (max-width: 767px) {
  .page-template-coaching-consultation .coaching-sec .section-con .formcon .title .introcopy p,
  .page-template-coaching-consultation-new .coaching-sec .section-con .formcon .title .introcopy p {
    font-size: 15px;
  }
}

.page-template-coaching-consultation .coaching-sec .section-con .formcon .title .introcopy p .sep,
.page-template-coaching-consultation-new .coaching-sec .section-con .formcon .title .introcopy p .sep {
  margin: 0 12px;
}

.page-template-coaching-consultation .coaching-sec .section-con .formcon .inputrow,
.page-template-coaching-consultation-new .coaching-sec .section-con .formcon .inputrow {
  display: flex;
  align-items: center;
  width: 100%;
}

.page-template-coaching-consultation .coaching-sec .section-con .formcon .inputrow .inputcol,
.page-template-coaching-consultation-new .coaching-sec .section-con .formcon .inputrow .inputcol {
  width: 100%;
  position: relative;
  margin-bottom: 45px;
}

@media only screen and (max-width: 767px) {
  .page-template-coaching-consultation .coaching-sec .section-con .formcon .inputrow .inputcol,
  .page-template-coaching-consultation-new .coaching-sec .section-con .formcon .inputrow .inputcol {
    margin-bottom: 15px;
  }
}

.page-template-coaching-consultation .coaching-sec .section-con .formcon .inputrow .inputcol P,
.page-template-coaching-consultation-new .coaching-sec .section-con .formcon .inputrow .inputcol P {
  margin-bottom: 0;
}

.page-template-coaching-consultation .coaching-sec .section-con .formcon .inputrow .inputcol .wpcf7-form-control-wrap .wpcf7-not-valid-tip,
.page-template-coaching-consultation-new .coaching-sec .section-con .formcon .inputrow .inputcol .wpcf7-form-control-wrap .wpcf7-not-valid-tip {
  font-size: 16px;
  font-family: 'GT America Md';
  font-weight: 500;
  font-style: normal;
  /*@include fontGtaMed;*/
  position: absolute;
  left: 0;
  bottom: -22px;
}

@media only screen and (max-width: 767px) {
  .page-template-coaching-consultation .coaching-sec .section-con .formcon .inputrow .inputcol .wpcf7-form-control-wrap .wpcf7-not-valid-tip,
  .page-template-coaching-consultation-new .coaching-sec .section-con .formcon .inputrow .inputcol .wpcf7-form-control-wrap .wpcf7-not-valid-tip {
    position: relative;
    font-size: 10px;
    bottom: -2px;
  }
}

.page-template-coaching-consultation .coaching-sec .section-con .formcon .inputrow .inputcol label,
.page-template-coaching-consultation-new .coaching-sec .section-con .formcon .inputrow .inputcol label {
  font-size: 30px;
  letter-spacing: -0.03em;
  font-family: 'Hoefler Titling';
  font-weight: 300;
  font-style: italic;
  /*@include fontHoeLigIta;*/
  margin-bottom: 16px;
  display: block;
  line-height: 1.15;
}

@media only screen and (max-width: 767px) {
  .page-template-coaching-consultation .coaching-sec .section-con .formcon .inputrow .inputcol label,
  .page-template-coaching-consultation-new .coaching-sec .section-con .formcon .inputrow .inputcol label {
    font-size: 20px;
  }
}

.page-template-coaching-consultation .coaching-sec .section-con .formcon .inputrow .inputcol label.error,
.page-template-coaching-consultation-new .coaching-sec .section-con .formcon .inputrow .inputcol label.error {
  font-size: 16px;
  font-family: 'GT America Md';
  font-weight: 500;
  font-style: normal;
  /*@include fontGtaMed;*/
  position: absolute;
  left: 0;
  bottom: -22px;
  color: #dc3232;
  margin-bottom: 0;
}

@media only screen and (max-width: 767px) {
  .page-template-coaching-consultation .coaching-sec .section-con .formcon .inputrow .inputcol label.error,
  .page-template-coaching-consultation-new .coaching-sec .section-con .formcon .inputrow .inputcol label.error {
    font-size: 10px;
    bottom: -12px;
  }
}

.page-template-coaching-consultation .coaching-sec .section-con .formcon .inputrow .inputcol .textbox,
.page-template-coaching-consultation-new .coaching-sec .section-con .formcon .inputrow .inputcol .textbox {
  width: 100%;
  background-color: transparent;
  height: 93px;
  border: solid 1px #fff;
  padding: 0 45px;
  display: flex;
  align-items: center;
  font-size: 14px;
  color: #F8EDEE;
  text-transform: uppercase;
  letter-spacing: 0.1em;
  border-radius: 0;
  font-family: 'GT America Md';
  font-weight: 500;
  font-style: normal;
  /*@include fontGtaMed;*/
}

@media only screen and (max-width: 767px) {
  .page-template-coaching-consultation .coaching-sec .section-con .formcon .inputrow .inputcol .textbox,
  .page-template-coaching-consultation-new .coaching-sec .section-con .formcon .inputrow .inputcol .textbox {
    height: 60px;
    font-size: 9px;
    padding: 0 18px;
  }
}

.page-template-coaching-consultation .coaching-sec .section-con .formcon .inputrow .inputcol .textbox::-webkit-input-placeholder,
.page-template-coaching-consultation-new .coaching-sec .section-con .formcon .inputrow .inputcol .textbox::-webkit-input-placeholder {
  /* Edge */
  color: #F8EDEE;
  opacity: 1;
}

.page-template-coaching-consultation .coaching-sec .section-con .formcon .inputrow .inputcol .textbox:-ms-input-placeholder,
.page-template-coaching-consultation-new .coaching-sec .section-con .formcon .inputrow .inputcol .textbox:-ms-input-placeholder {
  /* Internet Explorer 10-11 */
  color: #F8EDEE;
  opacity: 1;
}

.page-template-coaching-consultation .coaching-sec .section-con .formcon .inputrow .inputcol .textbox::placeholder,
.page-template-coaching-consultation-new .coaching-sec .section-con .formcon .inputrow .inputcol .textbox::placeholder {
  color: #F8EDEE;
  opacity: 1;
}

.page-template-coaching-consultation .coaching-sec .section-con .formcon .inputrow .inputcol .textbox:focus,
.page-template-coaching-consultation-new .coaching-sec .section-con .formcon .inputrow .inputcol .textbox:focus {
  border-radius: 0;
  outline: none;
  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.5);
}

@media only screen and (max-width: 767px) {
  .page-template-coaching-consultation .coaching-sec .section-con .formcon .inputrow .inputcol .textbox:focus,
  .page-template-coaching-consultation-new .coaching-sec .section-con .formcon .inputrow .inputcol .textbox:focus {
    box-shadow: none;
  }
}

.page-template-coaching-consultation .coaching-sec .section-con .formcon .inputrow .inputcol textarea.textbox,
.page-template-coaching-consultation-new .coaching-sec .section-con .formcon .inputrow .inputcol textarea.textbox {
  padding-top: 25px;
  padding-bottom: 25px;
  height: 192px;
  resize: none;
  border-radius: 0;
}

@media only screen and (max-width: 767px) {
  .page-template-coaching-consultation .coaching-sec .section-con .formcon .inputrow .inputcol textarea.textbox,
  .page-template-coaching-consultation-new .coaching-sec .section-con .formcon .inputrow .inputcol textarea.textbox {
    height: 76px;
    padding-top: 15px;
    padding-bottom: 15px;
  }
}

.page-template-coaching-consultation .coaching-sec .section-con .formcon .inputrow .inputcol.halfcol,
.page-template-coaching-consultation-new .coaching-sec .section-con .formcon .inputrow .inputcol.halfcol {
  width: 50%;
}

.page-template-coaching-consultation .coaching-sec .section-con .formcon .inputrow .inputcol.halfcol:last-child .textbox,
.page-template-coaching-consultation-new .coaching-sec .section-con .formcon .inputrow .inputcol.halfcol:last-child .textbox {
  border-left: transparent;
}

@media only screen and (max-width: 767px) {
  .page-template-coaching-consultation .coaching-sec .section-con .formcon .inputrow .inputcol.halfcol:first-child .textbox,
  .page-template-coaching-consultation-new .coaching-sec .section-con .formcon .inputrow .inputcol.halfcol:first-child .textbox {
    border-right: transparent;
  }
}

@media only screen and (max-width: 767px) {
  .page-template-coaching-consultation .coaching-sec .section-con .formcon .inputrow .inputcol.radiocol,
  .page-template-coaching-consultation-new .coaching-sec .section-con .formcon .inputrow .inputcol.radiocol {
    margin-top: 34px;
  }
}

.page-template-coaching-consultation .coaching-sec .section-con .formcon .inputrow .inputcol.radiocol .wpcf7-form-control-wrap,
.page-template-coaching-consultation-new .coaching-sec .section-con .formcon .inputrow .inputcol.radiocol .wpcf7-form-control-wrap {
  margin-top: 30px;
  display: block;
  margin-left: -44px;
}

@media only screen and (max-width: 767px) {
  .page-template-coaching-consultation .coaching-sec .section-con .formcon .inputrow .inputcol.radiocol .wpcf7-form-control-wrap,
  .page-template-coaching-consultation-new .coaching-sec .section-con .formcon .inputrow .inputcol.radiocol .wpcf7-form-control-wrap {
    margin-left: 22px;
  }
}

.page-template-coaching-consultation .coaching-sec .section-con .formcon .inputrow .inputcol.radiocol .wpcf7-form-control-wrap .wpcf7-radio .wpcf7-list-item,
.page-template-coaching-consultation-new .coaching-sec .section-con .formcon .inputrow .inputcol.radiocol .wpcf7-form-control-wrap .wpcf7-radio .wpcf7-list-item {
  display: block;
  margin-left: 0;
}

.page-template-coaching-consultation .coaching-sec .section-con .formcon .inputrow .inputcol.radiocol .wpcf7-form-control-wrap .wpcf7-radio .wpcf7-list-item label,
.page-template-coaching-consultation-new .coaching-sec .section-con .formcon .inputrow .inputcol.radiocol .wpcf7-form-control-wrap .wpcf7-radio .wpcf7-list-item label {
  font-size: 14px;
  text-transform: uppercase;
  letter-spacing: 0.1em;
  color: #F8EDEE;
  font-family: 'GT America Md';
  font-weight: 500;
  font-style: normal;
  /*@include fontGtaMed;*/
  margin-bottom: 28px;
  position: relative;
}

.page-template-coaching-consultation .coaching-sec .section-con .formcon .inputrow .inputcol.radiocol .wpcf7-form-control-wrap .wpcf7-radio .wpcf7-list-item label input[type='radio']:after,
.page-template-coaching-consultation-new .coaching-sec .section-con .formcon .inputrow .inputcol.radiocol .wpcf7-form-control-wrap .wpcf7-radio .wpcf7-list-item label input[type='radio']:after {
  width: 20px;
  height: 20px;
  border-radius: 20px;
  top: -2px;
  left: -1px;
  position: relative;
  background-color: #fff;
  content: '';
  display: inline-block;
  visibility: visible;
  border: solid 2px #fff;
}

.page-template-coaching-consultation .coaching-sec .section-con .formcon .inputrow .inputcol.radiocol .wpcf7-form-control-wrap .wpcf7-radio .wpcf7-list-item label input[type='radio']:checked:after,
.page-template-coaching-consultation-new .coaching-sec .section-con .formcon .inputrow .inputcol.radiocol .wpcf7-form-control-wrap .wpcf7-radio .wpcf7-list-item label input[type='radio']:checked:after {
  width: 20px;
  height: 20px;
  border-radius: 20px;
  top: -2px;
  left: -1px;
  position: relative;
  background-color: #190BBA;
  content: '';
  display: inline-block;
  visibility: visible;
  border: solid 2px #fff;
}

.page-template-coaching-consultation .coaching-sec .section-con .formcon .inputrow .inputcol.radiocol .wpcf7-form-control-wrap .wpcf7-radio .wpcf7-list-item label .wpcf7-list-item-label,
.page-template-coaching-consultation-new .coaching-sec .section-con .formcon .inputrow .inputcol.radiocol .wpcf7-form-control-wrap .wpcf7-radio .wpcf7-list-item label .wpcf7-list-item-label {
  padding-left: 25px;
}

.page-template-coaching-consultation .coaching-sec .section-con .formcon .inputrow #paypal-button-container .paypal-buttons,
.page-template-coaching-consultation-new .coaching-sec .section-con .formcon .inputrow #paypal-button-container .paypal-buttons {
  max-width: 100%;
}

.page-template-coaching-consultation .coaching-sec .section-con .formcon .inputrow.submitrow,
.page-template-coaching-consultation-new .coaching-sec .section-con .formcon .inputrow.submitrow {
  text-align: center;
  position: relative;
}

.page-template-coaching-consultation .coaching-sec .section-con .formcon .inputrow.submitrow p,
.page-template-coaching-consultation-new .coaching-sec .section-con .formcon .inputrow.submitrow p {
  width: 100%;
}

.page-template-coaching-consultation .coaching-sec .section-con .formcon .inputrow.submitrow .submitbtn,
.page-template-coaching-consultation-new .coaching-sec .section-con .formcon .inputrow.submitrow .submitbtn {
  width: 100%;
  max-width: 568px;
  height: 110px;
  margin: 0 auto;
  background-color: #0E0572;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  font-size: 14px;
  color: #F8EDEE;
  text-transform: uppercase;
  letter-spacing: 0.1em;
  border: none;
  outline: none;
  font-family: 'GT America Md';
  font-weight: 500;
  font-style: normal;
  /*@include fontGtaMed;*/
}

@media only screen and (max-width: 767px) {
  .page-template-coaching-consultation .coaching-sec .section-con .formcon .inputrow.submitrow .submitbtn,
  .page-template-coaching-consultation-new .coaching-sec .section-con .formcon .inputrow.submitrow .submitbtn {
    max-width: inherit;
    height: 78px;
    font-size: 9px;
  }
}

.page-template-coaching-consultation .coaching-sec .section-con .formcon .inputrow.submitrow .wpcf7-spinner,
.page-template-coaching-consultation-new .coaching-sec .section-con .formcon .inputrow.submitrow .wpcf7-spinner {
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  bottom: -22px;
}

@media only screen and (max-width: 767px) {
  .page-template-coaching-consultation .coaching-sec .section-con .formcon .inputrow.textarearow,
  .page-template-coaching-consultation-new .coaching-sec .section-con .formcon .inputrow.textarearow {
    margin-top: 34px;
  }
}

.page-template-coaching-consultation .coaching-sec .section-con .formcon .wpcf7-response-output,
.page-template-coaching-consultation-new .coaching-sec .section-con .formcon .wpcf7-response-output {
  text-align: center;
}

.page-template-coaching-consultation .coaching-sec .section-con .formcon.thankyou .introcopy,
.page-template-coaching-consultation-new .coaching-sec .section-con .formcon.thankyou .introcopy {
  max-width: 610px;
  margin: 0 auto 12px;
}

.page-template-coaching-consultation .coaching-sec .section-con .aftercopy,
.page-template-coaching-consultation-new .coaching-sec .section-con .aftercopy {
  width: 100%;
  max-width: 71.73367%;
  text-align: center;
  margin: 8.125vw auto 0;
}

@media only screen and (max-width: 767px) {
  .page-template-coaching-consultation .coaching-sec .section-con .aftercopy,
  .page-template-coaching-consultation-new .coaching-sec .section-con .aftercopy {
    max-width: initial;
    margin: 55px 17px 0;
  }
}

.page-template-coaching-consultation .checkout_error,
.page-template-coaching-consultation-new .checkout_error {
  color: #dc3232;
  font-size: 20px;
  font-family: 'GT America Md';
  font-weight: 500;
  font-style: normal;
  /*@include fontGtaMed;*/
  width: 100%;
  text-align: center;
}

@media only screen and (max-width: 767px) {
  .page-template-coaching-consultation .checkout_error,
  .page-template-coaching-consultation-new .checkout_error {
    font-size: 14px;
  }
}

.page-template-about p {
  color: #fff;
  font-size: 22px;
}

@media only screen and (max-width: 767px) {
  .page-template-about p {
    font-size: 16px;
  }
}

.page-template-about .header .site-title .logo .st0 {
  fill: #5904E2;
}

.page-template-about .header .hamburg .icon:before, .page-template-about .header .hamburg .icon:after {
  background-color: #5904E2;
}

.page-template-about .header.open .site-title .logo .st0 {
  fill: #000;
}

.page-template-about .header.open .hamburg .icon:before, .page-template-about .header.open .hamburg .icon:after {
  background-color: #000;
}

.page-template-about .footer-before {
  padding-top: 13.38542vw;
  padding-bottom: 17.8125vw;
  position: relative;
}

@media only screen and (max-width: 767px) {
  .page-template-about .footer-before {
    padding-top: 128px;
    padding-bottom: 211px;
  }
}

.page-template-about .footer-before:before {
  content: "";
  background-image: url(../images/about-before-footer-bg.png);
  opacity: 0.45;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background-repeat: no-repeat;
  background-position: center top;
  background-size: cover;
  z-index: 0;
}

@media only screen and (max-width: 767px) {
  .page-template-about .footer-before:before {
    background-image: url(../images/about-before-footer-bg-mob.png);
    opacity: 1;
  }
}

.page-template-about .footer-before .section-con {
  position: relative;
}

.page-template-about .footer-before .section-con .circle-svg {
  margin-top: -7.03125vw;
  z-index: 1;
}

@media only screen and (max-width: 767px) {
  .page-template-about .footer-before .section-con .circle-svg {
    margin-top: 0;
    top: -23%;
    right: -25%;
  }
}

@media only screen and (max-width: 767px) {
  .page-template-about .footer-before .section-con .title {
    right: 6.15385%;
  }
}

@media only screen and (max-width: 767px) {
  .page-template-about .footer-before .section-con .title .svgline2 {
    right: -80px;
    bottom: 0;
  }
}

.page-template-about .footer {
  margin-top: 3.125vw;
}

@media only screen and (max-width: 767px) {
  .page-template-about .footer {
    margin-top: 0;
    padding-top: 42px;
    background-color: #000;
  }
}

.page-template-about .footer:before {
  display: none;
}

.page-template-about .footer .footer-main:before {
  background-color: #5904E2;
}

@media only screen and (max-width: 767px) {
  .page-template-about .footer .footer-main:before {
    background-color: #fff;
  }
}

.page-template-about .footer .footer-main .row.two {
  position: absolute;
  left: 0;
  right: 0;
  top: 3.90625vw;
}

@media only screen and (max-width: 767px) {
  .page-template-about .footer .footer-main .row.two {
    position: initial;
    top: 0;
  }
}

.page-template-about .footer .footer-main .row.two .link-left {
  display: none;
}

@media only screen and (max-width: 767px) {
  .page-template-about .footer .footer-main .row.two .link-left {
    display: block;
  }
}

.page-template-about .footer .footer-main .row.two .link-right {
  width: 100% !important;
  align-items: center !important;
  justify-content: center !important;
}

.page-template-about .main {
  position: relative;
}

.page-template-about .main .scrolling-wrap .scrolling {
  position: absolute;
  z-index: 5;
  will-change: transform;
}

.page-template-about .main .scrolling-wrap .scrolling.img1 {
  width: 11.19792vw;
  left: 6.61458vw;
  top: 84.89583vw;
}

@media only screen and (max-width: 767px) {
  .page-template-about .main .scrolling-wrap .scrolling.img1 {
    width: 100px;
    top: 1239px;
    left: 0;
  }
}

.page-template-about .main .scrolling-wrap .scrolling.img2 {
  width: 6.71875vw;
  left: 15.10417vw;
  top: 150.46875vw;
}

@media only screen and (max-width: 767px) {
  .page-template-about .main .scrolling-wrap .scrolling.img2 {
    width: 48.23px;
    top: 1655px;
    left: 10.76923%;
  }
}

.page-template-about .main .scrolling-wrap .scrolling.img3 {
  width: 7.76042vw;
  right: 6.77083vw;
  top: 164.53125vw;
}

@media only screen and (max-width: 767px) {
  .page-template-about .main .scrolling-wrap .scrolling.img3 {
    width: 73px;
    top: 1745px;
    right: 5.89744%;
  }
}

.page-template-about .main .scrolling-wrap .scrolling.img4 {
  width: 17.39583vw;
  left: 0;
  top: 197.60417vw;
}

@media only screen and (max-width: 767px) {
  .page-template-about .main .scrolling-wrap .scrolling.img4 {
    width: 116px;
    top: 2132px;
    left: 0px;
  }
}

.page-template-about .main .scrolling-wrap .scrolling.img5 {
  width: 14.32292vw;
  right: 9.32292vw;
  top: 227vw;
}

@media only screen and (max-width: 767px) {
  .page-template-about .main .scrolling-wrap .scrolling.img5 {
    width: 107px;
    top: 2525px;
    right: 0;
  }
}

.page-template-about .main .scrolling-wrap .scrolling.img6 {
  width: 10.15625vw;
  left: 44.73958vw;
  top: 248vw;
}

@media only screen and (max-width: 767px) {
  .page-template-about .main .scrolling-wrap .scrolling.img6 {
    width: 75px;
    top: 2713px;
    left: 42.05128%;
  }
}

.page-template-about .main .scrolling-wrap .scrolling.img7 {
  width: 8.95833vw;
  right: 24.47917vw;
  top: 269vw;
}

@media only screen and (max-width: 767px) {
  .page-template-about .main .scrolling-wrap .scrolling.img7 {
    display: none;
  }
}

.page-template-about .main .scrolling-wrap .scrolling.img1.infiniteslide_clone {
  width: 11.19792vw;
  left: 6.61458vw;
  top: 325.98958vw;
}

.page-template-about .main .scrolling-wrap .scrolling.img2.infiniteslide_clone {
  width: 6.71875vw;
  left: 15.10417vw;
  top: 391.51042vw;
}

.page-template-about .main .scrolling-wrap .scrolling.img3.infiniteslide_clone {
  width: 7.76042vw;
  right: 6.77083vw;
  top: 405.57292vw;
}

.page-template-about .main .scrolling-wrap .scrolling.img4.infiniteslide_clone {
  width: 17.39583vw;
  left: 0;
  top: 438.75vw;
}

.page-template-about .main .scrolling-wrap .scrolling.img5.infiniteslide_clone {
  width: 14.32292vw;
  right: 9.32292vw;
  top: 471.40625vw;
}

.page-template-about .main .scrolling-wrap .scrolling.img6.infiniteslide_clone {
  width: 10.15625vw;
  left: 44.73958vw;
  top: 490.9375vw;
}

.page-template-about .main .scrolling-wrap .scrolling.img7.infiniteslide_clone {
  width: 8.95833vw;
  right: 24.47917vw;
  top: 511.5625vw;
}

.about-hero {
  position: relative;
}

.about-hero picture img {
  width: 100%;
}

.about-hero .vtitle {
  position: absolute;
  left: -10px;
  top: 14.32292vw;
}

@media only screen and (max-width: 767px) {
  .about-hero .vtitle {
    top: auto;
    bottom: 42vw;
    left: -22px;
  }
}

.about-hero .vtitle h1 {
  transform: rotate(-90deg);
  position: absolute;
  transform-origin: bottom;
}

@media only screen and (max-width: 767px) {
  .about-hero .vtitle h1.f200 {
    font-size: 110px;
    color: #E3DED9;
  }
}

.about-hero .circle-vline {
  width: 257px;
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  bottom: -159px;
}

@media only screen and (max-width: 767px) {
  .about-hero .circle-vline {
    width: 167px;
    bottom: -147px;
    z-index: 1;
  }
}

.about-hero .circle-vline svg {
  position: relative;
  z-index: 1;
}

.about-hero .circle-vline .circle-title {
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  bottom: 228px;
  font-family: 'GT America Lt', sans-serif;
  font-weight: 300;
  font-style: normal;
  /*@include fontGtaLig;*/
}

@media only screen and (max-width: 767px) {
  .about-hero .circle-vline .circle-title {
    bottom: 62%;
  }
}

.about-hero .circle-vline .circle-title span {
  position: relative;
  z-index: 1;
}

.about-hero .circle-vline .circle-title .svgline1 {
  width: 16.30208vw;
  position: absolute;
  right: -2.39583vw;
  top: 0;
  z-index: 0;
}

@media only screen and (max-width: 767px) {
  .about-hero .circle-vline .circle-title .svgline1 {
    width: 177px;
    top: -9px;
    right: -33px;
  }
}

.about-hero .circle-svg {
  position: absolute;
  width: 247px;
  left: 50%;
  transform: translateX(-50%);
  bottom: -20px;
  display: flex;
  align-items: center;
  justify-content: center;
}

.about-hero .circle-svg .circleline {
  z-index: 1;
  position: relative;
  transform: rotate(90deg);
}

.about-hero .circle-svg svg .st1 {
  stroke: #fff;
  stroke-width: 1.5px;
}

.about-hero .circle-svg:after {
  content: "";
  width: 1px;
  height: 182px;
  background-color: #fff;
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  bottom: -7.08333vw;
}

.about-sec2:after {
  content: "";
  background-image: url(../images/about-black.png);
  background-repeat: no-repeat;
  background-position: center bottom;
  position: absolute;
  left: 0;
  bottom: 0;
  right: 0;
  height: 100%;
  z-index: -1;
  opacity: 0.32;
}

@media only screen and (max-width: 767px) {
  .about-sec2:after {
    display: none;
  }
}

.about-sec2 .section-con {
  margin: 0 11.30208vw;
  max-width: inherit;
  position: relative;
  z-index: 1;
}

@media only screen and (max-width: 767px) {
  .about-sec2 .section-con {
    margin: 0;
    width: 100%;
  }
}

.about-sec2 .copytop {
  text-align: center;
  display: block;
}

.about-sec2 .copytop .copy {
  max-width: 568px;
}

@media only screen and (max-width: 767px) {
  .about-sec2 .copytop .copy {
    max-width: 307px;
  }
}

.about-sec2 .copytop.one {
  padding-top: 225px;
  padding-bottom: 32.96875vw;
  max-width: 486px;
  margin: 0 auto;
}

@media only screen and (max-width: 767px) {
  .about-sec2 .copytop.one {
    max-width: 323px;
    padding-top: 249px;
    padding-bottom: 210px;
  }
}

.about-sec2 .copytop.two {
  padding: 13.07292vw 0 40.10417vw;
}

@media only screen and (max-width: 767px) {
  .about-sec2 .copytop.two {
    padding: 165px 0 405px;
    position: relative;
  }
  .about-sec2 .copytop.two:before {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-image: url(../images/about-black-mob.jpg);
    background-repeat: no-repeat;
    background-position: center top;
    opacity: 0.32;
  }
}

.about-sec2 .fullimg {
  position: relative;
}

@media only screen and (max-width: 767px) {
  .about-sec2 .fullimg:before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: -1;
    background-image: url(../images/about-black-mob.jpg);
    background-repeat: no-repeat;
    background-position: center top;
  }
}

@media only screen and (max-width: 767px) {
  .about-sec2 .fullimg .img1 {
    opacity: 0.65;
  }
}

.about-sec2 .fullimg .img2 {
  opacity: 0.38;
}

@media only screen and (max-width: 767px) {
  .about-sec2 .fullimg .img2 {
    opacity: 0.65;
  }
}

.about-sec2 .fullimg .img3 {
  opacity: 0.72;
}

.about-sec2 .fullimg ul.copylist {
  padding: 0;
  margin: 0;
  list-style: none;
  position: absolute;
  left: 0;
  top: -15.20833vw;
  right: 0;
  text-align: center;
  z-index: 1;
}

@media only screen and (max-width: 767px) {
  .about-sec2 .fullimg ul.copylist {
    top: 96px;
  }
}

.about-sec2 .fullimg ul.copylist li {
  font-size: calc(3.125rem + ((1vw - 7.67px) * 13.0095));
  min-height: 0vw;
  letter-spacing: -0.03em;
  font-family: 'Hoefler Titling';
  font-weight: 300;
  font-style: italic;
  /*@include fontHoeLigIta;*/
  color: #E3DED9;
  margin-bottom: 6.77083vw;
}

.about-sec2 .fullimg ul.copylist li:last-child {
  margin-bottom: 0;
}

@media (min-width: 1920px) {
  .about-sec2 .fullimg ul.copylist li {
    font-size: 200px;
  }
}

@media only screen and (max-width: 767px) {
  .about-sec2 .fullimg ul.copylist li {
    font-size: 50px;
    margin-bottom: 56px;
  }
}

.about-sec2 .fullimg.afterimg {
  padding-bottom: 10.625vw;
}

@media only screen and (max-width: 767px) {
  .about-sec2 .fullimg.afterimg {
    padding-bottom: 104px;
  }
  .about-sec2 .fullimg.afterimg:before {
    opacity: 0.31;
  }
}

.about-sec2 .fullimg.afterimg .copylist {
  top: auto;
  bottom: -6vw;
}

@media only screen and (max-width: 767px) {
  .about-sec2 .fullimg.afterimg .copylist {
    bottom: -10vw;
  }
}

.about-sec3 {
  padding: 17.1875vw 0 0;
  text-align: center;
  position: relative;
}

@media only screen and (max-width: 767px) {
  .about-sec3 {
    padding-top: 98px;
  }
}

.about-sec3:before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background-image: url(../images/about-sec3-bg.jpg);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center top;
  z-index: -1;
}

.about-sec3:after {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  height: 100%;
  background-image: url(../images/aboutsecbg-btm.png);
  background-repeat: no-repeat;
  background-position: center bottom;
  opacity: 0.45;
  background-size: 100%;
  margin-bottom: 0;
  z-index: 0;
}

@media only screen and (max-width: 767px) {
  .about-sec3:after {
    background-image: url(../images/aboutsecbg-btm-mob.png);
    opacity: 1;
  }
}

.about-sec3 .section-con {
  position: relative;
}

@media only screen and (max-width: 767px) {
  .about-sec3 .section-con {
    margin: 0;
    width: 100%;
  }
}

.about-sec3 .copy {
  max-width: 486px;
}

@media only screen and (max-width: 767px) {
  .about-sec3 .copy {
    max-width: 307px;
  }
}

.about-sec3 .copy p {
  margin-bottom: 30px;
}

@media only screen and (max-width: 767px) {
  .about-sec3 .copy p {
    margin-bottom: 20px;
  }
}

.about-sec3 .copy p:last-child {
  margin-bottom: 0;
}

.about-sec3 .btn-theme.btn-line {
  margin-top: 42px;
  display: inline-block;
}

@media only screen and (max-width: 767px) {
  .about-sec3 .btn-theme.btn-line {
    margin-top: 35px;
  }
}

.about-sec3 .border-btm {
  color: #fff;
  margin-top: 75px;
  display: inline-block;
}

.about-sec3 .title {
  padding: 9.11458vw 0 18.125vw;
  position: relative;
}

@media only screen and (max-width: 767px) {
  .about-sec3 .title {
    padding: 70px 0 150px;
  }
}

.about-sec3 .title .vertleline {
  width: 41.30208vw;
  position: absolute;
  left: 60%;
  transform: translateX(-50%);
  bottom: 100px;
}

@media only screen and (max-width: 767px) {
  .about-sec3 .title .vertleline {
    width: 74%;
    left: 70%;
    bottom: 88px;
  }
}

@media only screen and (max-width: 767px) {
  .about-sec3 .title h2.f200 {
    font-size: 50px;
  }
}

.about-sec3 .fullimg {
  position: relative;
  margin-bottom: 8.4375vw;
}

@media only screen and (max-width: 767px) {
  .about-sec3 .fullimg {
    margin-bottom: 112px;
  }
}

.about-sec3 .fullimg .upimg {
  width: 10.98958vw;
  position: absolute;
  right: 12.29167vw;
  top: -10.20833vw;
}

@media only screen and (max-width: 767px) {
  .about-sec3 .fullimg .upimg {
    width: 15.74872%;
    right: 8.71795%;
  }
}

.about-sec3 .aftertitle {
  text-align: left;
  padding-left: 7.65625vw;
  padding-bottom: 34.01042vw;
}

@media only screen and (max-width: 767px) {
  .about-sec3 .aftertitle {
    padding-left: 0;
  }
}

@media only screen and (max-width: 767px) {
  .about-sec3 .aftertitle h2.f200 {
    font-size: 60px;
    padding-left: 20px;
  }
}

.about-sec3 .afterimg {
  width: 11.45833vw;
  position: absolute;
  right: 13.28125vw;
  bottom: -1.76042vw;
  z-index: 1;
}

@media only screen and (max-width: 767px) {
  .about-sec3 .afterimg {
    width: 77px;
    right: 12.5641%;
  }
}

.infiniteslide_wrap {
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  z-index: 5;
  height: 100% !important;
}

.page-template-creative-director p {
  color: #fff;
}

.page-template-creative-director .header .site-title .logo .st0 {
  fill: #5904E2;
}

.page-template-creative-director .header .hamburg .icon:before, .page-template-creative-director .header .hamburg .icon:after {
  background-color: #5904E2;
}

.page-template-creative-director .header.open .site-title .logo .st0 {
  fill: #000;
}

.page-template-creative-director .header.open .hamburg .icon:before, .page-template-creative-director .header.open .hamburg .icon:after {
  background-color: #000;
}

.page-template-creative-director .footer-before {
  padding: 9.70982% 0 16.62946% 0;
}

@media only screen and (max-width: 767px) {
  .page-template-creative-director .footer-before {
    padding: 17.94872% 0 17.17949%;
  }
}

.page-template-creative-director .footer-before .section-con .circle-svg {
  width: 38.17708vw;
  top: 5%;
  right: -1.8vw;
}

@media only screen and (max-width: 767px) {
  .page-template-creative-director .footer-before .section-con .circle-svg {
    width: 61.02564%;
    top: -32%;
    right: -24.8vw;
  }
}

.page-template-creative-director .footer-before .section-con .title .svgline2 {
  left: -60px;
  bottom: 39px;
}

@media only screen and (max-width: 767px) {
  .page-template-creative-director .footer-before .section-con .title .svgline2 {
    left: 0;
    bottom: 0;
  }
  .page-template-creative-director .footer-before .section-con .title .svgline2 .svgline {
    width: 100%;
  }
}

.page-template-creative-director .footer:before {
  display: none;
}

.page-template-creative-director .footer .footer-main:before {
  background-color: #5904E2;
}

@media only screen and (max-width: 767px) {
  .page-template-creative-director .footer .footer-main:before {
    background-color: #fff;
  }
}

.page-template-creative-director .fullimg img {
  width: 100%;
}

.page-template-creative-director .circle-vline {
  width: 247px;
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  bottom: -234px;
}

@media only screen and (max-width: 767px) {
  .page-template-creative-director .circle-vline {
    width: 167px;
    bottom: -147px;
    z-index: 1;
  }
}

.page-template-creative-director .circle-vline svg {
  position: relative;
  z-index: 1;
}

.page-template-creative-director .circle-vline .circle-title {
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  bottom: 228px;
  font-family: 'GT America Lt', sans-serif;
  font-weight: 300;
  font-style: normal;
  /*@include fontGtaLig;*/
}

@media only screen and (max-width: 767px) {
  .page-template-creative-director .circle-vline .circle-title {
    bottom: 62%;
  }
}

.page-template-creative-director .circle-vline .circle-title span {
  position: relative;
  z-index: 1;
}

.page-template-creative-director .circle-vline .circle-title .svgline1 {
  width: 16.19792vw;
  position: absolute;
  right: -2.29167vw;
  top: 10px;
  z-index: 0;
}

@media only screen and (max-width: 767px) {
  .page-template-creative-director .circle-vline .circle-title .svgline1 {
    width: 177px;
    top: -9px;
    right: -33px;
  }
}

.creative-hero {
  position: relative;
  height: 88vh;
}

.creative-hero picture {
  overflow: hidden;
  height: 100%;
}

.creative-hero picture img {
  mix-blend-mode: luminosity;
}

.creative-hero .herocopy {
  width: 100%;
  position: absolute;
  left: 0;
  top: 0;
  height: 100%;
  transition: all 0.3s ease-out;
}

.creative-hero .herocopy.btnclicked {
  opacity: 0;
  visibility: hidden;
}

.creative-hero .title {
  position: absolute;
  left: 51%;
  top: 58%;
  transform: translate(-50%, -50%);
  width: 100%;
  text-align: center;
}

@media only screen and (max-width: 767px) {
  .creative-hero .title {
    left: -40px;
    bottom: 13.66667%;
    top: auto;
  }
}

@media only screen and (max-width: 767px) {
  .creative-hero .title h1 {
    transform: rotate(-90deg);
    width: 170%;
    transform-origin: bottom;
  }
}

.creative-hero .natiivoinsp {
  position: absolute;
  left: 50%;
  top: 45%;
  transform: translate(-50%, -50%);
  width: 19.89583vw;
}

@media only screen and (max-width: 767px) {
  .creative-hero .natiivoinsp {
    width: 173px;
    top: 46%;
  }
}

.creative-hero .sketchhero {
  position: absolute;
  width: 44.58333vw;
  left: 8.69792vw;
  position: absolute;
  bottom: -7.86458vw;
}

@media only screen and (max-width: 767px) {
  .creative-hero .sketchhero {
    width: 100.51282%;
    left: 0;
    bottom: 20.51282%;
  }
}

.cd-sec2 {
  position: relative;
}

@media only screen and (max-width: 767px) {
  .cd-sec2 .section-con {
    margin: 0;
    width: 100%;
    max-width: inherit;
  }
}

.cd-sec2 .circle-vline {
  top: -149px;
  bottom: auto;
  transition: all 0.3s ease-out;
}

.cd-sec2 .circle-vline.btnclicked {
  opacity: 0;
  visibility: hidden;
  display: none;
}

@media only screen and (max-width: 767px) {
  .cd-sec2 .circle-vline {
    width: 167px;
    top: -107px;
  }
}

.cd-sec2 .copytop {
  padding: 312px 0 215px;
}

@media only screen and (max-width: 767px) {
  .cd-sec2 .copytop {
    padding: 280px 0 140px;
  }
}

.cd-sec2 .copytop .copy {
  max-width: 43.22917vw;
}

@media only screen and (max-width: 767px) {
  .cd-sec2 .copytop .copy {
    max-width: 323px;
    margin: 0 26px;
  }
}

.cd-sec2 .copytop .copy p {
  margin-bottom: 28px;
  color: #fff;
}

.cd-sec2 .copytop .copy .btn-theme span {
  font-family: 'GT America Md';
  font-weight: 500;
  font-style: normal;
  /*@include fontGtaMed;*/
}

.cd-sec2 .fullimg.afterimg .img1 {
  opacity: 0.94;
}

.title.title-line .svgline {
  width: 16.19792vw;
  left: 50%;
  transform: translateX(-50%);
  bottom: -1.45833vw;
  position: absolute;
}

@media only screen and (max-width: 768px) {
  .title.title-line .svgline {
    width: 203px;
    bottom: -24px;
  }
}

.title.title-line .svgline .st0 {
  fill: none;
  stroke: #190BBA;
  stroke-width: 3;
  stroke-dasharray: 1000;
  stroke-dashoffset: 1000;
  transition: stroke-dashoffset 3.9s ease-out .1s;
}

.title.title-line.visible .svgline .st0 {
  stroke-dashoffset: 0;
}

.cd-sec3 {
  padding: 17.1875vw 0 0;
  background-image: url(../images/cd-sec3-bg.png);
  background-repeat: no-repeat;
  background-size: 100%;
}

@media only screen and (max-width: 767px) {
  .cd-sec3 {
    background-image: url(../images/cd-sec3-bg-mob.png);
    background-position: center 265px;
    padding-top: 115px;
  }
}

@media only screen and (max-width: 767px) {
  .cd-sec3 .section-con {
    margin: 0;
    width: 100%;
    max-width: inherit;
  }
}

.cd-sec3 .title.main {
  text-align: center;
  margin-bottom: 6.77083vw;
}

@media only screen and (max-width: 767px) {
  .cd-sec3 .title.main {
    margin-bottom: 60px;
  }
}

.cd-sec3 .title.main h6 {
  position: relative;
  z-index: 1;
}

.cd-sec3 .title.main .svgline {
  width: 33.64583vw;
  bottom: -2.3vw;
  left: 51%;
  z-index: 0;
}

@media only screen and (max-width: 767px) {
  .cd-sec3 .title.main .svgline {
    width: 191px;
    bottom: -2vw;
    z-index: 1;
  }
}

.cd-sec3 .title.main .svgline .st0 {
  stroke: #190BBA;
}

.cd-sec3 .clientlist ul {
  padding: 0;
  margin: 0;
  list-style: none;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
}

.cd-sec3 .clientlist ul li {
  margin: 0 3.54167vw 3.90625vw;
  text-align: center;
}

@media only screen and (max-width: 767px) {
  .cd-sec3 .clientlist ul li {
    margin: 0 5.64103% 8.97436%;
  }
}

.cd-sec3 .clientlist ul li.clientlogo1 {
  width: 12.44792vw;
}

@media only screen and (max-width: 767px) {
  .cd-sec3 .clientlist ul li.clientlogo1 {
    width: 20.25641%;
    order: 0;
  }
}

.cd-sec3 .clientlist ul li.clientlogo2 {
  width: 16.04167vw;
}

@media only screen and (max-width: 767px) {
  .cd-sec3 .clientlist ul li.clientlogo2 {
    width: 26.15385%;
    order: 1;
  }
}

.cd-sec3 .clientlist ul li.clientlogo3 {
  width: 7.91667vw;
}

@media only screen and (max-width: 767px) {
  .cd-sec3 .clientlist ul li.clientlogo3 {
    width: 13.07692%;
    order: 2;
  }
}

.cd-sec3 .clientlist ul li.clientlogo4 {
  width: 16.92708vw;
}

@media only screen and (max-width: 767px) {
  .cd-sec3 .clientlist ul li.clientlogo4 {
    width: 27.69231%;
    order: 5;
  }
}

.cd-sec3 .clientlist ul li.clientlogo5 {
  width: 13.02083vw;
}

@media only screen and (max-width: 767px) {
  .cd-sec3 .clientlist ul li.clientlogo5 {
    width: 21.53846%;
    order: 3;
  }
}

.cd-sec3 .clientlist ul li.clientlogo6 {
  width: 30.625vw;
}

@media only screen and (max-width: 767px) {
  .cd-sec3 .clientlist ul li.clientlogo6 {
    width: 50%;
    order: 4;
  }
}

.cd-sec3 .clientlist ul li.clientlogo7 {
  width: 12.96875vw;
}

@media only screen and (max-width: 767px) {
  .cd-sec3 .clientlist ul li.clientlogo7 {
    width: 27.94872%;
    order: 6;
  }
}

.cd-sec3 .fullimg {
  padding-top: 21.09375vw;
  position: relative;
}

@media only screen and (max-width: 767px) {
  .cd-sec3 .fullimg {
    padding-top: 48.20513%;
    margin: 51.28205% 26px 0;
  }
}

.cd-sec3 .fullimg .sketch {
  position: absolute;
  right: -3.125vw;
  top: 0;
  width: 72.65625vw;
}

@media only screen and (max-width: 767px) {
  .cd-sec3 .fullimg .sketch {
    width: 100%;
    right: -14px;
  }
}

.cd-sec3 .fullimg .circle-vline {
  width: 22.96875vw;
  position: absolute;
  top: 50%;
  bottom: auto;
  z-index: 8;
}

@media only screen and (max-width: 767px) {
  .cd-sec3 .fullimg .circle-vline {
    width: 208px;
  }
}

.cd-sec3 .fullimg .circle-vline .circlevline .st1 {
  stroke: #5904E2;
}

.cd-sec3 .fullimg .circle-vline .circle-title {
  top: 9.21875vw;
  bottom: auto;
  padding: 0;
}

@media only screen and (max-width: 767px) {
  .cd-sec3 .fullimg .circle-vline .circle-title {
    top: 75px;
  }
}

.cd-sec3 .fullimg .circle-vline .circle-title h6 {
  width: 100%;
  letter-spacing: -0.03em;
  display: flex;
  text-transform: capitalize;
  padding: 0;
}

.cd-sec3 .fullimg .circle-vline .circle-title .svgline1 {
  width: 33.64583vw;
  right: auto;
  left: -5.72917vw;
}

@media only screen and (max-width: 767px) {
  .cd-sec3 .fullimg .circle-vline .circle-title .svgline1 {
    width: 209px;
    top: 7px;
    left: -3.72917vw;
  }
}

@media only screen and (max-width: 767px) {
  .cd-sec3 .fullimg .circle-vline .circle-title .svgline1 .svgline {
    transform: rotate(-186deg);
  }
}

.cd-sec3 .fullimg .circle-vline .circle-title .svgline1 .svgline .st0 {
  stroke-width: 3;
  stroke-dashoffset: 750;
}

@media only screen and (max-width: 767px) {
  .cd-sec3 .fullimg .circle-vline .circle-title .svgline1 .svgline .st0 {
    stroke-dashoffset: -750;
  }
}

.cd-sec3 .fullimg .circle-vline .circle-title.visible .svgline1 {
  z-index: 1;
}

.cd-sec3 .fullimg .circle-vline .circle-title.visible .svgline1 .svgline .st0 {
  stroke-dashoffset: 0;
}

.cd-sec3 .copy {
  max-width: 57.8125vw;
  margin: 0 auto;
  padding: 15vw 0 32.03125vw;
}

@media only screen and (max-width: 767px) {
  .cd-sec3 .copy {
    padding: 23.84615% 0 82.05128%;
    max-width: 85.64103%;
  }
}

.cd-sec3 .copy h6 {
  margin-bottom: 4.0625vw;
  line-height: 1.2;
}

.cd-sec3 .copy h6:last-child {
  margin-bottom: 0;
}

.cd-sec3 .brandview {
  padding-right: 13.28125vw;
  position: relative;
}

@media only screen and (max-width: 767px) {
  .cd-sec3 .brandview {
    padding-right: 32px;
  }
}

.cd-sec3 .brandview .vtitle {
  position: absolute;
  left: 67px;
  top: 101%;
  z-index: 8;
}

@media only screen and (max-width: 767px) {
  .cd-sec3 .brandview .vtitle {
    left: 33px;
    top: auto;
    bottom: 71px;
  }
}

.cd-sec3 .brandview .vtitle h3 {
  transform: rotate(-90deg);
  transform-origin: left;
}

@media only screen and (max-width: 767px) {
  .cd-sec3 .brandview .vtitle h3 {
    font-size: 50px;
    width: 122%;
  }
}

.cd-sec3 .fullbrand {
  margin-top: 8.33333vw;
  padding-top: 12.13542vw;
  position: relative;
}

@media only screen and (max-width: 767px) {
  .cd-sec3 .fullbrand {
    margin: 0 32px;
    padding-top: 110px;
  }
}

.cd-sec3 .brandrow {
  display: flex;
  align-items: flex-start;
  margin: 55px 0 70px;
}

@media only screen and (max-width: 767px) {
  .cd-sec3 .brandrow {
    margin: 26px 0 45px 34px;
  }
}

.cd-sec3 .brandbottom {
  position: relative;
  padding-right: 13.69792vw;
  padding-top: 15.10417vw;
  padding-bottom: 17.55208vw;
}

@media only screen and (max-width: 767px) {
  .cd-sec3 .brandbottom {
    padding: 99px 32px 218px;
  }
}

.brand {
  position: relative;
  z-index: 7;
}

.brand .brandinfo {
  display: flex;
  align-items: flex-start;
  padding-right: 18px;
  padding-top: 30px;
}

@media only screen and (max-width: 768px) {
  .brand .brandinfo {
    padding-top: 18px;
  }
}

@media only screen and (max-width: 767px) {
  .brand .brandinfo {
    padding-top: 12px;
  }
}

.brand .brandinfo.right {
  justify-content: flex-end;
}

.brand .brandinfo div {
  transition: all 0.3s ease-out;
  opacity: 0;
}

.brand .brandinfo .projectname {
  letter-spacing: 0.1em;
  font-family: 'GT America Md';
  font-weight: 500;
  font-style: normal;
  /*@include fontGtaMed;*/
  color: #F8EDEE;
  display: block;
  margin-bottom: 7px;
  text-transform: uppercase;
  font-size: calc(0.5625rem + ((1vw - 7.67px) * 0.4337));
  min-height: 0vw;
}

@media (min-width: 1920px) {
  .brand .brandinfo .projectname {
    font-size: 14px;
  }
}

@media only screen and (max-width: 767px) {
  .brand .brandinfo .projectname {
    font-size: 9px;
    margin-bottom: 2px;
  }
}

.brand .brandinfo h6 {
  color: #fff;
  font-size: calc(0.9375rem + ((1vw - 7.67px) * 0.8673));
  min-height: 0vw;
}

@media (min-width: 1920px) {
  .brand .brandinfo h6 {
    font-size: 25px;
  }
}

@media only screen and (max-width: 767px) {
  .brand .brandinfo h6 {
    font-size: 15px;
  }
}

.brand.lefttopfix {
  display: flex;
  align-items: center;
  position: absolute;
}

.brand.lefttopfix picture {
  margin-right: 1.35417vw;
}

@media only screen and (max-width: 767px) {
  .brand.lefttopfix picture {
    margin-right: 12px;
  }
}

.brand.thesands {
  width: 18.48958vw;
  position: absolute;
  right: 0;
  top: -15.10417vw;
  z-index: 8;
}

@media only screen and (max-width: 767px) {
  .brand.thesands {
    width: auto;
    display: flex;
    align-items: center;
    flex-direction: row-reverse;
    right: 54px;
    top: -125px;
  }
  .brand.thesands picture {
    width: 121px;
    opacity: 0.96;
  }
}

@media only screen and (max-width: 768px) {
  .brand.thesands .brandinfo {
    padding-right: 0;
  }
}

@media only screen and (max-width: 767px) {
  .brand.thesands .brandinfo {
    margin-bottom: -45px;
    padding-right: 12px;
  }
}

.brand.angie {
  width: 30.10417vw;
}

@media only screen and (max-width: 767px) {
  .brand.angie {
    width: 40.89636%;
  }
}

.brand.casamar {
  width: 60.72917vw;
}

@media only screen and (max-width: 767px) {
  .brand.casamar {
    width: 59.38375%;
  }
}

.brand.salmon {
  position: absolute;
  left: 9.42708vw;
  top: 0;
  z-index: 1;
  display: flex;
  align-items: center;
  z-index: 8;
}

@media only screen and (max-width: 767px) {
  .brand.salmon {
    left: 40px;
  }
}

.brand.salmon picture {
  width: 13.33333vw;
}

@media only screen and (max-width: 767px) {
  .brand.salmon picture {
    width: 111px;
  }
}

.brand.malcolm51 {
  display: flex;
  align-items: center;
  z-index: 1;
  left: -8.75vw;
  top: 0;
  z-index: 8;
}

@media only screen and (max-width: 767px) {
  .brand.malcolm51 {
    left: 0;
  }
}

.brand.malcolm51 picture {
  width: 18.48958vw;
}

@media only screen and (max-width: 767px) {
  .brand.malcolm51 picture {
    width: 111px;
  }
}

@media only screen and (max-width: 767px) {
  .brand.malcolm51 .brandinfo {
    padding-top: 0px;
  }
}

.brand.dirt {
  width: 13.33333vw;
  position: absolute;
  right: -4.32292vw;
  bottom: 0;
}

@media only screen and (max-width: 767px) {
  .brand.dirt {
    width: 121px;
    right: 0;
  }
}

.brand:hover .brandinfo div {
  opacity: 1;
}

.cd-sec4 {
  padding-top: 65px;
}

@media only screen and (max-width: 767px) {
  .cd-sec4 {
    padding-top: 100px;
  }
}

.cd-sec4 .title {
  display: flex;
  align-items: flex-end;
  padding: 0 3.69792vw 30px;
}

.cd-sec4 .title h6 {
  margin-right: 2.08333vw;
  font-size: calc(1.25rem + ((1vw - 7.67px) * 0.8673));
  min-height: 0vw;
}

@media (min-width: 1920px) {
  .cd-sec4 .title h6 {
    font-size: 30px;
  }
}

@media only screen and (max-width: 767px) {
  .cd-sec4 .title h6 {
    font-size: 20px;
  }
}

.cd-sec4 .title .instaid {
  letter-spacing: 0.1em;
  color: #fff;
  font-family: 'GT America Md';
  font-weight: 500;
  font-style: normal;
  /*@include fontGtaMed;*/
  font-size: calc(0.75rem + ((1vw - 7.67px) * 0.1735));
  min-height: 0vw;
}

@media (min-width: 1920px) {
  .cd-sec4 .title .instaid {
    font-size: 14px;
  }
}

@media only screen and (max-width: 767px) {
  .cd-sec4 .title .instaid {
    font-size: 12px;
  }
}