@import url(css-style/slick.css);
@import url(css-style/bootstrap.min.css);
@import url(../fonts/icon/iconfont.css);
* {
  padding: 0;
  margin: 0;
  box-sizing: border-box;
  -webkit-tap-highlight-color: transparent; }

html {
  overflow-x: hidden;
  font-size: 16px;
  line-height: normal;
  font-family: "freight-sans-pro",freight-sans-pro;
  font-weight: 400;
  font-style: normal;
  color: #000000;
  height: 100%; }

body {
  font-size: 16px;
  line-height: normal;
  font-family: "freight-sans-pro",freight-sans-pro;
  font-weight: 400;
  font-style: normal;
  color: #000000; }

.wrapper {
  margin-top: 163px; }
  @media only screen and (max-width: 768px) {
    .wrapper {
      margin-top: 124px; } }

.hidden {
  height: 100%; }
  @media only screen and (max-width: 980px) {
    .hidden {
      overflow-y: hidden; } }

ul, ul li {
  list-style: none;
  margin: 0; }

h1, h2, h3, h4, h5 {
  font-weight: normal;
  font-style: normal;
  font-stretch: normal;
  margin: 0;
  font-family: "FreigSanProSem"; }

p {
  font-size: 16px;
  line-height: normal;
  color: #414141;
  font-family: "freight-sans-pro",freight-sans-pro;
  font-weight: 400;
  font-style: normal;
  margin: 0; }

h5, h6, h4 {
  line-height: 2; }

img {
  width: auto;
  height: auto;
  max-width: 100%;
  border-style: none; }
  @media (min-width: 769px) {
    img.alignleft {
      float: left;
      margin-right: 20px;
      margin-bottom: 10px; } }
  @media (min-width: 769px) {
    img.alignright {
      float: right;
      margin-left: 20px;
      margin-bottom: 10px; } }
  img.aligncenter {
    display: block;
    margin: 10px auto; }

i {
  font-style: normal; }

a {
  outline: none;
  text-decoration: none;
  transition: all 0.2s ease-in-out;
  color: #6F104D; }
  a:hover {
    cursor: pointer;
    outline: none;
    text-decoration: none;
    transition: all 0.2s ease-in-out; }
  a:focus {
    outline: none;
    text-decoration: none;
    transition: all 0.2s ease-in-out; }
  a:visited {
    outline: none;
    text-decoration: none;
    transition: all 0.2s ease-in-out; }

.btns {
  font-family: "freight-sans-pro",freight-sans-pro;
  font-weight: 600;
  font-style: normal;
  text-transform: uppercase; }

button {
  outline: none;
  text-decoration: none;
  transition: all 0.2s ease-in-out;
  border: none;
  background-color: transparent;
  font-family: "freight-sans-pro",freight-sans-pro;
  font-weight: 600;
  font-style: normal; }
  button:hover {
    cursor: pointer;
    outline: none;
    text-decoration: none;
    transition: all 0.2s ease-in-out; }
  button:focus {
    outline: none;
    text-decoration: none;
    transition: all 0.2s ease-in-out; }
  button:visited {
    outline: none;
    text-decoration: none;
    transition: all 0.2s ease-in-out; }

button,
input:not([type='checkbox']):not([type='radio']),
select,
textarea {
  -webkit-appearance: none;
  appearance: none; }

button,
input[type='checkbox'],
input[type='radio'],
input[type='submit'] {
  transition: all 0.3s ease-in-out;
  cursor: pointer;
  background-color: transparent; }

input {
  outline: none;
  border: none;
  border-radius: 0;
  transition: all 0.3s ease-in-out;
  font-weight: 300; }

select,
textarea {
  border-radius: 0;
  outline: none;
  border: none;
  resize: none;
  overflow: auto; }

@keyframes forth {
  50% {
    transform: translate(0, -6px); }
  100% {
    transform: translate(0, 0px); } }
@keyframes myleft {
  50% {
    -o-transform: translate(8px, 0);
    -moz-transform: translate(8px, 0);
    -webkit-transform: translate(8px, 0);
    transform: translate(8px, 0); }
  100% {
    -o-transform: translate(8px, 0);
    -moz-transform: translate(8px, 0);
    -webkit-transform: translate(8px, 0);
    transform: translate(8px, 0); } }
blockquote {
  font-size: 18px;
  line-height: normal;
  font-family: "freight-sans-pro",freight-sans-pro;
  font-weight: 400;
  font-style: normal;
  -webkit-font-smoothing: antialiased;
  margin-bottom: 20px; }
  @media only screen and (max-width: 760px) {
    blockquote {
      font-size: 16px; } }
  @media only screen and (max-width: 375px) {
    blockquote {
      font-size: 13px; } }
  blockquote p {
    font-size: 18px;
    line-height: normal;
    font-family: "freight-sans-pro",freight-sans-pro;
    font-weight: 400;
    font-style: normal;
    margin-bottom: 27px;
    -webkit-font-smoothing: antialiased; }
    @media only screen and (max-width: 760px) {
      blockquote p {
        font-size: 16px; } }
    @media only screen and (max-width: 375px) {
      blockquote p {
        font-size: 13px;
        line-height: 20px;
        letter-spacing: 0.3px;
        margin-bottom: 13px; } }

a:hover {
  color: #3c082a; }

b, strong {
  font-weight: bold; }

i, em {
  font-style: italic; }

sup {
  font-size: 80%;
  position: relative;
  top: -5px; }

sub {
  font-size: 80%; }

ol {
  padding-left: 20px;
  margin-bottom: 20px;
  list-style-type: decimal; }

ol li {
  font-size: 18px;
  line-height: normal;
  font-family: "freight-sans-pro",freight-sans-pro;
  font-weight: 400;
  font-style: normal;
  -webkit-font-smoothing: antialiased;
  margin-bottom: 10px; }
  @media only screen and (max-width: 760px) {
    ol li {
      font-size: 16px; } }
  @media only screen and (max-width: 375px) {
    ol li {
      font-size: 13px; } }

.header {
  position: relative;
  z-index: 100;
  width: 100%;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 100;
  width: 100%;
  transition: opacity 0.8s cubic-bezier(0.77, 0, 0.175, 1), top 0.8s cubic-bezier(0.77, 0, 0.175, 1);
  /* &.fixed-top{
  	top: 63px;
  	@media only screen and (max-width:768px){
  		top: 44px;
  	}
  } */ }
  .header.header-hide {
    top: -163px;
    opacity: 0;
    transition: opacity 0.8s cubic-bezier(0.77, 0, 0.175, 1), top 0.8s cubic-bezier(0.77, 0, 0.175, 1); }
  .header.header-c {
    opacity: 1;
    top: -63px; }
    @media only screen and (max-width: 768px) {
      .header.header-c {
        top: -44px; } }
  .header .header-box .header-top {
    background: #1d1d1d;
    padding: 0 197px;
    height: 63px; }
    .header .header-box .header-top * {
      color: #fff; }
    @media only screen and (max-width: 1440px) {
      .header .header-box .header-top {
        padding: 0 50px; } }
    @media only screen and (max-width: 768px) {
      .header .header-box .header-top {
        padding: 0;
        padding-right: 29px;
        height: 44px; } }
    @media only screen and (max-width: 640px) {
      .header .header-box .header-top {
        padding: 0; } }
    .header .header-box .header-top .content {
      display: flex;
      align-items: center;
      justify-content: flex-end;
      height: 100%; }
      .header .header-box .header-top .content > div {
        margin-right: 30px; }
        @media only screen and (max-width: 768px) {
          .header .header-box .header-top .content > div {
            margin-right: 18px; } }
        @media only screen and (max-width: 450px) {
          .header .header-box .header-top .content > div {
            margin-right: 15px; } }
        .header .header-box .header-top .content > div:last-child {
          margin-right: 0; }
      .header .header-box .header-top .content .text-box {
        font-size: 20px;
        display: flex; }
        @media only screen and (max-width: 768px) {
          .header .header-box .header-top .content .text-box {
            font-size: 16px; } }
        @media only screen and (max-width: 450px) {
          .header .header-box .header-top .content .text-box {
            font-size: 14px; } }
        @media only screen and (max-width: 420px) {
          .header .header-box .header-top .content .text-box {
            font-size: 12px; } }
        .header .header-box .header-top .content .text-box span {
          margin: 0 13px; }
          @media only screen and (max-width: 420px) {
            .header .header-box .header-top .content .text-box span {
              margin: 0 4px; } }
        .header .header-box .header-top .content .text-box a {
          position: relative;
          display: block;
          /* &:after{
          	display: block;
          	content: " ";
          	width: 0;
          	height: 2px;
          	position: absolute;
          	left: 50%;
          	bottom: 0;
          	transition: ease-in-out 0.2s;
          	background: #fff;
          } */ }
          .header .header-box .header-top .content .text-box a:hover {
            color: #8c8a8a;
            /* &:after{
            	width: 100%;
            	left: 0;
            } */ }
      .header .header-box .header-top .content .icon-box {
        position: relative; }
        .header .header-box .header-top .content .icon-box.active > a i {
          color: #8c8a8a; }
        .header .header-box .header-top .content .icon-box > a {
          display: block; }
          .header .header-box .header-top .content .icon-box > a:hover i {
            color: #8c8a8a; }
          .header .header-box .header-top .content .icon-box > a i {
            font-size: 36px;
            line-height: 1;
            transition: all 0.2s; }
            @media only screen and (max-width: 768px) {
              .header .header-box .header-top .content .icon-box > a i {
                font-size: 20px; } }
        .header .header-box .header-top .content .icon-box > div {
          padding: 30px;
          position: absolute;
          right: -30px;
          bottom: -16px;
          z-index: 110;
          transform: translateY(100%);
          background: #ECECEC;
          width: 500px;
          display: none; }
          @media only screen and (max-width: 980px) {
            .header .header-box .header-top .content .icon-box > div {
              display: none !important; } }
          .header .header-box .header-top .content .icon-box > div:before {
            content: '';
            display: block;
            width: 0;
            height: 0;
            border-style: solid;
            border-width: 16px;
            border-color: transparent transparent #ECECEC transparent;
            position: absolute;
            right: 30px;
            top: -31px; }
          .header .header-box .header-top .content .icon-box > div .form-box form input::-webkit-input-placeholder {
            color: #414141;
            font-family: "freight-sans-pro",freight-sans-pro;
            font-weight: 400;
            font-style: normal;
            font-size: 22px;
            line-height: 58px;
            opacity: 1; }
          .header .header-box .header-top .content .icon-box > div .form-box form input::-moz-placeholder {
            /* Mozilla Firefox 19+ */
            color: #414141;
            font-family: "freight-sans-pro",freight-sans-pro;
            font-weight: 400;
            font-style: normal;
            font-size: 22px;
            line-height: 58px;
            opacity: 1; }
          .header .header-box .header-top .content .icon-box > div .form-box form input:-moz-placeholder {
            /* Mozilla Firefox 4 to 18 */
            color: #414141;
            font-family: "freight-sans-pro",freight-sans-pro;
            font-weight: 400;
            font-style: normal;
            font-size: 22px;
            line-height: 58px;
            opacity: 1; }
          .header .header-box .header-top .content .icon-box > div .form-box form input:-ms-input-placeholder {
            /* Internet Explorer 10-11 */
            color: #414141;
            font-family: "freight-sans-pro",freight-sans-pro;
            font-weight: 400;
            font-style: normal;
            font-size: 22px;
            line-height: 58px;
            opacity: 1; }
          .header .header-box .header-top .content .icon-box > div.login-box .key-box > ul {
            display: flex;
            justify-content: space-between;
            border-bottom: 1px solid #383838; }
            .header .header-box .header-top .content .icon-box > div.login-box .key-box > ul > li {
              width: calc(33.3% - 25px);
              font-size: 18px;
              line-height: 1.2;
              font-family: "freight-sans-pro",freight-sans-pro;
              font-weight: 600;
              font-style: normal;
              text-align: center; }
              .header .header-box .header-top .content .icon-box > div.login-box .key-box > ul > li.active a {
                border-bottom: 3px solid #383838;
                color: #3c082a; }
              .header .header-box .header-top .content .icon-box > div.login-box .key-box > ul > li a {
                color: #383838;
                display: block;
                padding-bottom: 18px;
                border-bottom: 3px solid transparent; }
                .header .header-box .header-top .content .icon-box > div.login-box .key-box > ul > li a:hover {
                  border-bottom: 3px solid #383838;
                  color: #3c082a; }
          .header .header-box .header-top .content .icon-box > div.login-box .form-box > ul {
            position: relative; }
            .header .header-box .header-top .content .icon-box > div.login-box .form-box > ul > li {
              padding-top: 25px;
              visibility: hidden;
              position: absolute;
              top: 0;
              left: 0;
              width: 100%;
              opacity: 0;
              transition: opacity 0.2s; }
              .header .header-box .header-top .content .icon-box > div.login-box .form-box > ul > li:first-child {
                position: static; }
              .header .header-box .header-top .content .icon-box > div.login-box .form-box > ul > li.active {
                visibility: visible;
                opacity: 1; }
              .header .header-box .header-top .content .icon-box > div.login-box .form-box > ul > li .not-submit {
                margin-bottom: 20px; }
                .header .header-box .header-top .content .icon-box > div.login-box .form-box > ul > li .not-submit input:not([type="submit"]) {
                  width: 100%;
                  border: 1px solid #3c082a;
                  font-size: 22px;
                  line-height: 58px;
                  padding: 0 20px;
                  color: #3c082a; }
                  .header .header-box .header-top .content .icon-box > div.login-box .form-box > ul > li .not-submit input:not([type="submit"]):focus {
                    border: 1px solid #6f104d; }
              .header .header-box .header-top .content .icon-box > div.login-box .form-box > ul > li .submit-box {
                text-align: right;
                font-family: "freight-sans-pro",freight-sans-pro;
                font-weight: 600;
                font-style: normal;
                font-size: 18px; }
                .header .header-box .header-top .content .icon-box > div.login-box .form-box > ul > li .submit-box p {
                  font-family: "freight-sans-pro",freight-sans-pro;
                  font-weight: 600;
                  font-style: normal;
                  font-size: 18px;
                  display: none; }
                  .header .header-box .header-top .content .icon-box > div.login-box .form-box > ul > li .submit-box p a {
                    color: #3c082a; }
                    .header .header-box .header-top .content .icon-box > div.login-box .form-box > ul > li .submit-box p a:hover {
                      text-decoration: underline; }
                  .header .header-box .header-top .content .icon-box > div.login-box .form-box > ul > li .submit-box p span {
                    color: #3c082a;
                    margin: 0 10px;
                    transition: all 0.2s ease-in-out; }
                .header .header-box .header-top .content .icon-box > div.login-box .form-box > ul > li .submit-box input[type="submit"] {
                  border: 1px solid #3c082a;
                  background: #3c082a;
                  color: #fff;
                  font-size: 18px;
                  line-height: 50px;
                  padding: 0 10px; }
                  .header .header-box .header-top .content .icon-box > div.login-box .form-box > ul > li .submit-box input[type="submit"]:hover {
                    color: #3c082a;
                    background: #fff; }
              .header .header-box .header-top .content .icon-box > div.login-box .form-box > ul > li .logininfo p {
                color: #f53c48; }
          .header .header-box .header-top .content .icon-box > div.search-c .form-box form > div {
            display: flex;
            height: 58px; }
            .header .header-box .header-top .content .icon-box > div.search-c .form-box form > div input:not([type="submit"]) {
              width: calc(100% - 58px);
              border: 1px solid #3c082a;
              font-size: 22px;
              line-height: 58px;
              padding: 0 20px;
              color: #3c082a; }
              .header .header-box .header-top .content .icon-box > div.search-c .form-box form > div input:not([type="submit"]):focus {
                border: 1px solid #6f104d; }
            .header .header-box .header-top .content .icon-box > div.search-c .form-box form > div input[type="submit"] {
              width: 58px;
              height: 100%;
              border: 1px solid #3c082a;
              border-left: none;
              font-size: 18px;
              line-height: 58px;
              text-align: center;
              color: #3c082a; }
              .header .header-box .header-top .content .icon-box > div.search-c .form-box form > div input[type="submit"]:hover {
                background: #3c082a;
                color: #fff; }
      .header .header-box .header-top .content .btn-box {
        height: 100%;
        overflow: hidden; }
        .header .header-box .header-top .content .btn-box a {
          background: #6f104d;
          font-size: 18px;
          line-height: 63px;
          font-family: "freight-sans-pro",freight-sans-pro;
          font-weight: 600;
          font-style: normal;
          display: block;
          padding: 0 18px;
          height: 100%; }
          @media only screen and (max-width: 768px) {
            .header .header-box .header-top .content .btn-box a {
              line-height: 44px;
              font-size: 14px; } }
          @media only screen and (max-width: 390px) {
            .header .header-box .header-top .content .btn-box a {
              font-size: 12px;
              padding: 0 10px; } }
          .header .header-box .header-top .content .btn-box a:hover {
            background: #fff;
            color: #6f104d; }
  .header .header-box .header-bottom {
    padding: 0 197px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    height: 100px;
    background: #fff;
    /* //position: fixed;
    top: 0;
    left: 0;
    z-index: 100;
    width: 100%;
    
    &.header-hide{
    	position: fixed;
    	top: -163px;
    	//top: 0;
    	opacity: 0;
    	transition: opacity 0.8s cubic-bezier(0.77, 0, 0.175, 1),  top 0.8s cubic-bezier(0.77, 0, 0.175, 1);
    }
    &.header-c{
    	top: 0;
    	opacity: 1;
    }
    &.fixed-top{
    	top: 63px;
    	@media only screen and (max-width:768px){
    		top: 44px;
    	}
    } */ }
    @media only screen and (max-width: 1440px) {
      .header .header-box .header-bottom {
        padding: 0 50px; } }
    @media only screen and (max-width: 768px) {
      .header .header-box .header-bottom {
        padding: 0 29px;
        height: 80px; } }
    .header .header-box .header-bottom .logo-box {
      margin-right: 110px; }
      @media only screen and (max-width: 1180px) {
        .header .header-box .header-bottom .logo-box {
          margin-right: 80px; } }
      @media only screen and (max-width: 980px) {
        .header .header-box .header-bottom .logo-box {
          margin-right: 0; } }
      .header .header-box .header-bottom .logo-box img {
        width: 200px; }
        @media only screen and (max-width: 768px) {
          .header .header-box .header-bottom .logo-box img {
            width: 162px; } }
    .header .header-box .header-bottom .header-nav {
      flex-grow: 1;
      max-width: 976px; }
      @media only screen and (max-width: 980px) {
        .header .header-box .header-bottom .header-nav {
          display: none; } }
      .header .header-box .header-bottom .header-nav .menu-box {
        display: flex;
        justify-content: space-between; }
        .header .header-box .header-bottom .header-nav .menu-box > li {
          font-size: 18px;
          font-family: "freight-sans-pro",freight-sans-pro;
          font-weight: 600;
          font-style: normal;
          line-height: 1.22;
          margin-right: 54px;
          position: relative;
          padding: 20px 0;
          /* @media only screen and (max-width:1440px){
          	margin-right: 20px;
          } */ }
          @media only screen and (max-width: 1280px) {
            .header .header-box .header-bottom .header-nav .menu-box > li {
              font-size: 16px; } }
          @media only screen and (max-width: 1180px) {
            .header .header-box .header-bottom .header-nav .menu-box > li {
              margin-right: 30px;
              font-size: 15px; } }
          .header .header-box .header-bottom .header-nav .menu-box > li:last-child {
            margin-right: 0; }
          .header .header-box .header-bottom .header-nav .menu-box > li.active > a {
            color: #6f104d; }
          .header .header-box .header-bottom .header-nav .menu-box > li > a {
            color: #383838; }
            .header .header-box .header-bottom .header-nav .menu-box > li > a:hover {
              color: #6f104d; }
          .header .header-box .header-bottom .header-nav .menu-box > li > .sub-menu {
            position: absolute;
            bottom: 0;
            left: -6px;
            transform: translateY(100%);
            background: #3c082a;
            padding: 50px 60px;
            display: none;
            width: 550px;
            justify-content: space-between; }
            @media only screen and (max-width: 1440px) {
              .header .header-box .header-bottom .header-nav .menu-box > li > .sub-menu {
                padding: 30px;
                width: 350px; } }
            .header .header-box .header-bottom .header-nav .menu-box > li > .sub-menu.has-img {
              width: 800px; }
              @media only screen and (max-width: 1440px) {
                .header .header-box .header-bottom .header-nav .menu-box > li > .sub-menu.has-img {
                  width: 500px; } }
            .header .header-box .header-bottom .header-nav .menu-box > li > .sub-menu:before {
              content: '';
              display: block;
              width: 0;
              height: 0;
              border-style: solid;
              border-width: 16px;
              border-color: transparent transparent #3c082a transparent;
              position: absolute;
              left: 20px;
              top: -31px; }
            .header .header-box .header-bottom .header-nav .menu-box > li > .sub-menu * {
              color: #fff; }
            .header .header-box .header-bottom .header-nav .menu-box > li > .sub-menu > li {
              font-size: 32px;
              font-family: "ModernoFB";
              font-weight: bold;
              font-style: normal;
              line-height: 1.22; }
              @media only screen and (max-width: 1440px) {
                .header .header-box .header-bottom .header-nav .menu-box > li > .sub-menu > li {
                  font-size: 22px; } }
              .header .header-box .header-bottom .header-nav .menu-box > li > .sub-menu > li:first-child {
                margin-right: 50px; }
                @media only screen and (max-width: 1440px) {
                  .header .header-box .header-bottom .header-nav .menu-box > li > .sub-menu > li:first-child {
                    margin-right: 30px; } }
              .header .header-box .header-bottom .header-nav .menu-box > li > .sub-menu > li > a {
                display: none; }
              .header .header-box .header-bottom .header-nav .menu-box > li > .sub-menu > li > ul {
                margin-top: 25px; }
                @media only screen and (max-width: 1440px) {
                  .header .header-box .header-bottom .header-nav .menu-box > li > .sub-menu > li > ul {
                    margin-top: 15px; } }
                .header .header-box .header-bottom .header-nav .menu-box > li > .sub-menu > li > ul li {
                  font-size: 20px;
                  font-family: "freight-sans-pro",freight-sans-pro;
                  font-weight: 600;
                  font-style: normal;
                  line-height: 1.22;
                  margin-bottom: 25px; }
                  .header .header-box .header-bottom .header-nav .menu-box > li > .sub-menu > li > ul li:last-child {
                    margin-bottom: 0; }
                  @media only screen and (max-width: 1440px) {
                    .header .header-box .header-bottom .header-nav .menu-box > li > .sub-menu > li > ul li {
                      font-size: 14px; } }
                  .header .header-box .header-bottom .header-nav .menu-box > li > .sub-menu > li > ul li a:hover {
                    color: #8c8a8a; }
              .header .header-box .header-bottom .header-nav .menu-box > li > .sub-menu > li.has-image > ul {
                display: flex;
                flex-wrap: wrap;
                margin: -15px -10px;
                margin-top: 10px; }
                @media only screen and (max-width: 1440px) {
                  .header .header-box .header-bottom .header-nav .menu-box > li > .sub-menu > li.has-image > ul {
                    margin: -10px -5px;
                    margin-top: 5px; } }
                .header .header-box .header-bottom .header-nav .menu-box > li > .sub-menu > li.has-image > ul > li {
                  margin: 15px 10px;
                  width: calc(33.3% - 20px); }
                  @media only screen and (max-width: 1440px) {
                    .header .header-box .header-bottom .header-nav .menu-box > li > .sub-menu > li.has-image > ul > li {
                      margin: 10px 5px;
                      width: calc(33.3% - 10px); } }
                  .header .header-box .header-bottom .header-nav .menu-box > li > .sub-menu > li.has-image > ul > li a {
                    display: block; }
                  .header .header-box .header-bottom .header-nav .menu-box > li > .sub-menu > li.has-image > ul > li img {
                    width: 140px; }
                    @media only screen and (max-width: 1440px) {
                      .header .header-box .header-bottom .header-nav .menu-box > li > .sub-menu > li.has-image > ul > li img {
                        width: 100px; } }
                  .header .header-box .header-bottom .header-nav .menu-box > li > .sub-menu > li.has-image > ul > li p {
                    font-family: "freight-sans-pro",freight-sans-pro;
                    font-weight: 600;
                    font-style: normal; }
                    @media only screen and (max-width: 1440px) {
                      .header .header-box .header-bottom .header-nav .menu-box > li > .sub-menu > li.has-image > ul > li p {
                        font-size: 10px; } }
          .header .header-box .header-bottom .header-nav .menu-box > li:nth-child(3) > .sub-menu, .header .header-box .header-bottom .header-nav .menu-box > li:nth-child(4) > .sub-menu {
            left: 50%;
            transform: translate(-50%, 100%); }
            .header .header-box .header-bottom .header-nav .menu-box > li:nth-child(3) > .sub-menu:before, .header .header-box .header-bottom .header-nav .menu-box > li:nth-child(4) > .sub-menu:before {
              left: 50%;
              transform: translateX(-50%); }
          .header .header-box .header-bottom .header-nav .menu-box > li:nth-child(5) > .sub-menu, .header .header-box .header-bottom .header-nav .menu-box > li:nth-child(6) > .sub-menu {
            left: auto;
            right: 0; }
            .header .header-box .header-bottom .header-nav .menu-box > li:nth-child(5) > .sub-menu:before, .header .header-box .header-bottom .header-nav .menu-box > li:nth-child(6) > .sub-menu:before {
              left: auto;
              right: 20px; }
          .header .header-box .header-bottom .header-nav .menu-box > li:nth-child(5) > .sub-menu:before {
            right: 40px; }
          .header .header-box .header-bottom .header-nav .menu-box > li.first-item > .sub-menu > li > a {
            display: block; }
    .header .header-box .header-bottom .nav-mobile {
      cursor: pointer;
      transition: all 0.2s;
      position: relative;
      z-index: 2; }
      @media only screen and (min-width: 981px) {
        .header .header-box .header-bottom .nav-mobile {
          display: none; } }
      .header .header-box .header-bottom .nav-mobile .nav-mobile-button {
        border: 1px solid transparent;
        background-color: transparent;
        cursor: pointer;
        height: auto; }
        .header .header-box .header-bottom .nav-mobile .nav-mobile-button .sr-only {
          position: absolute;
          width: 1px;
          height: 1px;
          padding: 0;
          margin: -1px;
          overflow: hidden;
          clip: rect(0, 0, 0, 0);
          border: 0; }
        .header .header-box .header-bottom .nav-mobile .nav-mobile-button .icon-bar {
          display: block;
          background: #3c082a;
          border-radius: 1px;
          transition: all 0.2s;
          width: 34px;
          height: 2px;
          margin-top: 8px; }
          @media only screen and (max-width: 640px) {
            .header .header-box .header-bottom .nav-mobile .nav-mobile-button .icon-bar {
              width: 25px; } }
        .header .header-box .header-bottom .nav-mobile .nav-mobile-button .nav-line-01 {
          margin-top: 0; }
        .header .header-box .header-bottom .nav-mobile .nav-mobile-button:hover .icon-bar {
          background: #3c082a; }
      .header .header-box .header-bottom .nav-mobile.nav-active .nav-mobile-button .nav-line-01 {
        transform: rotate(45deg);
        -o-transform: rotate(45deg);
        -moz-transform: rotate(45deg);
        -webkit-transform: rotate(45deg);
        margin-top: -10px !important; }
      .header .header-box .header-bottom .nav-mobile.nav-active .nav-mobile-button .nav-line-02 {
        opacity: 0; }
      .header .header-box .header-bottom .nav-mobile.nav-active .nav-mobile-button .nav-line-03 {
        transform: rotate(-45deg);
        -o-transform: rotate(-45deg);
        -moz-transform: rotate(-45deg);
        -webkit-transform: rotate(-45deg);
        margin-top: -12px !important; }
    .header .header-box .header-bottom .nav-mobile-c {
      position: fixed;
      top: -100vh;
      left: 0;
      z-index: -2;
      width: 100vw;
      background-color: #ECECEC;
      /* padding: 50px;
      display: flex;
      justify-content: center;
      align-items: center; */
      overflow: auto;
      opacity: 0;
      transition: opacity 0.8s cubic-bezier(0.77, 0, 0.175, 1), top 0.8s cubic-bezier(0.77, 0, 0.175, 1);
      height: calc(100vh - 163px);
      padding: 0 50px;
      /* *{
      	text-align: center;
      } */ }
      @media only screen and (min-width: 981px) {
        .header .header-box .header-bottom .nav-mobile-c {
          display: none !important; } }
      @media only screen and (max-width: 768px) {
        .header .header-box .header-bottom .nav-mobile-c {
          height: calc(100vh - 124px);
          padding: 0 30px; } }
      .header .header-box .header-bottom .nav-mobile-c.nav-active {
        opacity: 1;
        transition: opacity 0.8s cubic-bezier(0.77, 0, 0.175, 1), top 0.8s cubic-bezier(0.77, 0, 0.175, 1);
        top: 163px; }
        @media only screen and (max-width: 768px) {
          .header .header-box .header-bottom .nav-mobile-c.nav-active {
            top: 124px; } }
      .header .header-box .header-bottom .nav-mobile-c #nav-mobile-content {
        height: 100%;
        width: 100%; }
        .header .header-box .header-bottom .nav-mobile-c #nav-mobile-content > ul {
          padding: 38px 0; }
          .header .header-box .header-bottom .nav-mobile-c #nav-mobile-content > ul > li {
            padding: 22px 0 20px;
            padding-right: 30px;
            border-bottom: 1px solid #3c082a;
            position: relative; }
            .header .header-box .header-bottom .nav-mobile-c #nav-mobile-content > ul > li.menu-item-has-children:after {
              font-family: "iconfont" !important;
              font-size: 26px;
              font-style: normal;
              -webkit-font-smoothing: antialiased;
              -moz-osx-font-smoothing: grayscale;
              content: "\e623";
              position: absolute;
              right: 0;
              top: 20px;
              color: #3c082a;
              transform: rotate(90deg);
              transition: all 0.2s; }
            .header .header-box .header-bottom .nav-mobile-c #nav-mobile-content > ul > li.open:after {
              transform: rotate(270deg); }
            .header .header-box .header-bottom .nav-mobile-c #nav-mobile-content > ul > li > a {
              font-size: 22px;
              font-family: "ModernoFB";
              font-weight: bold;
              font-style: normal;
              line-height: 30px;
              color: #3c082a;
              pointer-events: none; }
              @media only screen and (max-width: 540px) {
                .header .header-box .header-bottom .nav-mobile-c #nav-mobile-content > ul > li > a {
                  font-size: 18px;
                  line-height: 24px; } }
            .header .header-box .header-bottom .nav-mobile-c #nav-mobile-content > ul > li.active > a {
              color: #3c082a; }
            .header .header-box .header-bottom .nav-mobile-c #nav-mobile-content > ul > li > .sub-menu {
              display: none;
              padding-top: 12px;
              padding-bottom: 19px;
              padding-right: 25px;
              margin: -8px;
              flex-wrap: wrap; }
              .header .header-box .header-bottom .nav-mobile-c #nav-mobile-content > ul > li > .sub-menu > li {
                margin: 8px;
                width: calc(50% - 18px); }
                .header .header-box .header-bottom .nav-mobile-c #nav-mobile-content > ul > li > .sub-menu > li > a {
                  display: none; }
                .header .header-box .header-bottom .nav-mobile-c #nav-mobile-content > ul > li > .sub-menu > li > ul > li {
                  margin-bottom: 20px;
                  font-size: 15px;
                  line-height: 22px;
                  font-family: "freight-sans-pro",freight-sans-pro;
                  font-weight: 600;
                  font-style: normal;
                  color: #383838; }
                  .header .header-box .header-bottom .nav-mobile-c #nav-mobile-content > ul > li > .sub-menu > li > ul > li:last-child {
                    margin-bottom: 0; }
                  .header .header-box .header-bottom .nav-mobile-c #nav-mobile-content > ul > li > .sub-menu > li > ul > li a {
                    color: #383838; }
                  .header .header-box .header-bottom .nav-mobile-c #nav-mobile-content > ul > li > .sub-menu > li > ul > li p {
                    font-size: 15px;
                    line-height: 18px;
                    font-family: "freight-sans-pro",freight-sans-pro;
                    font-weight: 600;
                    font-style: normal;
                    color: #383838;
                    margin-top: 5px; }
              .header .header-box .header-bottom .nav-mobile-c #nav-mobile-content > ul > li > .sub-menu.has-img {
                margin: 0; }
                .header .header-box .header-bottom .nav-mobile-c #nav-mobile-content > ul > li > .sub-menu.has-img > li {
                  margin: 0;
                  margin-bottom: 20px;
                  width: 100%; }
                  .header .header-box .header-bottom .nav-mobile-c #nav-mobile-content > ul > li > .sub-menu.has-img > li:last-child {
                    margin-bottom: 0; }
                  .header .header-box .header-bottom .nav-mobile-c #nav-mobile-content > ul > li > .sub-menu.has-img > li > a {
                    display: none; }
                  .header .header-box .header-bottom .nav-mobile-c #nav-mobile-content > ul > li > .sub-menu.has-img > li > ul {
                    display: flex;
                    flex-wrap: wrap;
                    margin: -8px;
                    margin-bottom: 20px; }
                    .header .header-box .header-bottom .nav-mobile-c #nav-mobile-content > ul > li > .sub-menu.has-img > li > ul:last-child {
                      margin: -9px; }
                    .header .header-box .header-bottom .nav-mobile-c #nav-mobile-content > ul > li > .sub-menu.has-img > li > ul > li {
                      margin: 8px;
                      width: calc(50% - 18px);
                      font-size: 15px;
                      line-height: 22px;
                      font-family: "freight-sans-pro",freight-sans-pro;
                      font-weight: 600;
                      font-style: normal;
                      color: #383838; }
                      .header .header-box .header-bottom .nav-mobile-c #nav-mobile-content > ul > li > .sub-menu.has-img > li > ul > li a {
                        color: #383838; }
                      .header .header-box .header-bottom .nav-mobile-c #nav-mobile-content > ul > li > .sub-menu.has-img > li > ul > li p {
                        font-size: 15px;
                        line-height: 18px;
                        font-family: "freight-sans-pro",freight-sans-pro;
                        font-weight: 600;
                        font-style: normal;
                        color: #383838;
                        margin-top: 5px; }
    .header .header-box .header-bottom .login-box-m {
      position: fixed;
      top: -100vh;
      left: 0;
      width: 100vw;
      background-color: #fff;
      opacity: 0;
      transition: opacity 0.8s cubic-bezier(0.77, 0, 0.175, 1);
      height: calc(100vh - 163px); }
      @media only screen and (min-width: 981px) {
        .header .header-box .header-bottom .login-box-m {
          display: none !important; } }
      @media only screen and (max-width: 768px) {
        .header .header-box .header-bottom .login-box-m {
          height: calc(100vh - 124px); } }
      .header .header-box .header-bottom .login-box-m.login-active {
        opacity: 1;
        transition: opacity 0.8s cubic-bezier(0.77, 0, 0.175, 1);
        top: 163px; }
        @media only screen and (max-width: 768px) {
          .header .header-box .header-bottom .login-box-m.login-active {
            top: 124px; } }
      .header .header-box .header-bottom .login-box-m:before {
        content: '';
        display: block;
        width: 0;
        height: 0;
        border-style: solid;
        border-width: 16px;
        border-color: transparent transparent #ECECEC transparent;
        position: absolute;
        right: 50px;
        top: -31px; }
        @media only screen and (max-width: 768px) {
          .header .header-box .header-bottom .login-box-m:before {
            right: 30px; } }
      .header .header-box .header-bottom .login-box-m .form-box form input::-webkit-input-placeholder {
        color: #414141;
        font-family: "freight-sans-pro",freight-sans-pro;
        font-weight: 400;
        font-style: normal;
        font-size: 22px;
        line-height: 58px;
        opacity: 1; }
        @media only screen and (max-width: 768px) {
          .header .header-box .header-bottom .login-box-m .form-box form input::-webkit-input-placeholder {
            font-size: 18px;
            line-height: 46px; } }
      .header .header-box .header-bottom .login-box-m .form-box form input::-moz-placeholder {
        /* Mozilla Firefox 19+ */
        color: #414141;
        font-family: "freight-sans-pro",freight-sans-pro;
        font-weight: 400;
        font-style: normal;
        font-size: 22px;
        line-height: 58px;
        opacity: 1; }
        @media only screen and (max-width: 768px) {
          .header .header-box .header-bottom .login-box-m .form-box form input::-moz-placeholder {
            font-size: 18px;
            line-height: 46px; } }
      .header .header-box .header-bottom .login-box-m .form-box form input:-moz-placeholder {
        /* Mozilla Firefox 4 to 18 */
        color: #414141;
        font-family: "freight-sans-pro",freight-sans-pro;
        font-weight: 400;
        font-style: normal;
        font-size: 22px;
        line-height: 58px;
        opacity: 1; }
        @media only screen and (max-width: 768px) {
          .header .header-box .header-bottom .login-box-m .form-box form input:-moz-placeholder {
            font-size: 18px;
            line-height: 46px; } }
      .header .header-box .header-bottom .login-box-m .form-box form input:-ms-input-placeholder {
        /* Internet Explorer 10-11 */
        color: #414141;
        font-family: "freight-sans-pro",freight-sans-pro;
        font-weight: 400;
        font-style: normal;
        font-size: 22px;
        line-height: 58px;
        opacity: 1; }
        @media only screen and (max-width: 768px) {
          .header .header-box .header-bottom .login-box-m .form-box form input:-ms-input-placeholder {
            font-size: 18px;
            line-height: 46px; } }
      .header .header-box .header-bottom .login-box-m .login-box {
        background-color: #ECECEC;
        padding: 40px 50px; }
        @media only screen and (max-width: 768px) {
          .header .header-box .header-bottom .login-box-m .login-box {
            padding: 40px 30px; } }
        .header .header-box .header-bottom .login-box-m .login-box .key-box > ul {
          display: flex;
          justify-content: space-between;
          border-bottom: 1px solid #383838; }
          .header .header-box .header-bottom .login-box-m .login-box .key-box > ul > li {
            width: calc(33.3% - 25px);
            font-size: 18px;
            line-height: 1.2;
            font-family: "freight-sans-pro",freight-sans-pro;
            font-weight: 600;
            font-style: normal;
            text-align: center; }
            @media only screen and (max-width: 768px) {
              .header .header-box .header-bottom .login-box-m .login-box .key-box > ul > li {
                font-size: 16px;
                width: calc(33.3% - 10px); } }
            .header .header-box .header-bottom .login-box-m .login-box .key-box > ul > li.active a {
              border-bottom: 3px solid #383838;
              color: #3c082a; }
            .header .header-box .header-bottom .login-box-m .login-box .key-box > ul > li a {
              color: #383838;
              display: block;
              padding-bottom: 18px;
              border-bottom: 3px solid transparent; }
              .header .header-box .header-bottom .login-box-m .login-box .key-box > ul > li a:hover {
                border-bottom: 3px solid #383838;
                color: #3c082a; }
        .header .header-box .header-bottom .login-box-m .login-box .form-box > ul {
          position: relative; }
          .header .header-box .header-bottom .login-box-m .login-box .form-box > ul > li {
            padding-top: 25px;
            visibility: hidden;
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            opacity: 0;
            transition: opacity 0.2s; }
            .header .header-box .header-bottom .login-box-m .login-box .form-box > ul > li:first-child {
              position: static; }
            .header .header-box .header-bottom .login-box-m .login-box .form-box > ul > li.active {
              visibility: visible;
              opacity: 1; }
            .header .header-box .header-bottom .login-box-m .login-box .form-box > ul > li .not-submit {
              margin-bottom: 20px; }
              .header .header-box .header-bottom .login-box-m .login-box .form-box > ul > li .not-submit input:not([type="submit"]) {
                width: 100%;
                border: 1px solid #3c082a;
                font-size: 22px;
                line-height: 58px;
                padding: 0 20px;
                color: #3c082a; }
                @media only screen and (max-width: 768px) {
                  .header .header-box .header-bottom .login-box-m .login-box .form-box > ul > li .not-submit input:not([type="submit"]) {
                    font-size: 18px;
                    line-height: 46px; } }
                .header .header-box .header-bottom .login-box-m .login-box .form-box > ul > li .not-submit input:not([type="submit"]):focus {
                  border: 1px solid #6f104d; }
            .header .header-box .header-bottom .login-box-m .login-box .form-box > ul > li .submit-box {
              text-align: right;
              font-family: "freight-sans-pro",freight-sans-pro;
              font-weight: 600;
              font-style: normal;
              font-size: 18px; }
              .header .header-box .header-bottom .login-box-m .login-box .form-box > ul > li .submit-box .link-box {
                display: none; }
                .header .header-box .header-bottom .login-box-m .login-box .form-box > ul > li .submit-box .link-box a {
                  font-family: "freight-sans-pro",freight-sans-pro;
                  font-weight: 600;
                  font-style: normal;
                  font-size: 18px;
                  color: #3c082a; }
                  @media only screen and (max-width: 768px) {
                    .header .header-box .header-bottom .login-box-m .login-box .form-box > ul > li .submit-box .link-box a {
                      font-size: 16px; } }
                  .header .header-box .header-bottom .login-box-m .login-box .form-box > ul > li .submit-box .link-box a:hover {
                    text-decoration: underline; }
              .header .header-box .header-bottom .login-box-m .login-box .form-box > ul > li .submit-box input[type="submit"] {
                border: 1px solid #3c082a;
                background: #3c082a;
                color: #fff;
                font-size: 18px;
                line-height: 40px;
                padding: 0 25px; }
                @media only screen and (max-width: 768px) {
                  .header .header-box .header-bottom .login-box-m .login-box .form-box > ul > li .submit-box input[type="submit"] {
                    padding: 0 20px;
                    font-size: 16px; } }
                .header .header-box .header-bottom .login-box-m .login-box .form-box > ul > li .submit-box input[type="submit"]:hover {
                  color: #3c082a;
                  background: #fff; }
            .header .header-box .header-bottom .login-box-m .login-box .form-box > ul > li .logininfo p {
              color: #f53c48; }
    .header .header-box .header-bottom .search-box-m {
      position: fixed;
      top: -100vh;
      left: 0;
      width: 100vw;
      background-color: #fff;
      opacity: 0;
      transition: opacity 0.8s cubic-bezier(0.77, 0, 0.175, 1);
      height: calc(100vh - 163px); }
      @media only screen and (min-width: 981px) {
        .header .header-box .header-bottom .search-box-m {
          display: none !important; } }
      @media only screen and (max-width: 768px) {
        .header .header-box .header-bottom .search-box-m {
          height: calc(100vh - 124px); } }
      .header .header-box .header-bottom .search-box-m.search-active {
        opacity: 1;
        transition: opacity 0.8s cubic-bezier(0.77, 0, 0.175, 1);
        top: 163px; }
        @media only screen and (max-width: 768px) {
          .header .header-box .header-bottom .search-box-m.search-active {
            top: 124px; } }
      .header .header-box .header-bottom .search-box-m:before {
        content: '';
        display: block;
        width: 0;
        height: 0;
        border-style: solid;
        border-width: 16px;
        border-color: transparent transparent #ECECEC transparent;
        position: absolute;
        right: 50px;
        top: -31px; }
        @media only screen and (max-width: 768px) {
          .header .header-box .header-bottom .search-box-m:before {
            right: 30px; } }
      .header .header-box .header-bottom .search-box-m .form-box {
        background-color: #ECECEC;
        padding: 40px 50px; }
        @media only screen and (max-width: 768px) {
          .header .header-box .header-bottom .search-box-m .form-box {
            padding: 40px 30px; } }
        .header .header-box .header-bottom .search-box-m .form-box form > div {
          display: flex;
          height: 58px; }
          @media only screen and (max-width: 768px) {
            .header .header-box .header-bottom .search-box-m .form-box form > div {
              height: 46px; } }
          .header .header-box .header-bottom .search-box-m .form-box form > div input:not([type="submit"]) {
            width: calc(100% - 58px);
            border: 1px solid #3c082a;
            font-size: 22px;
            line-height: 58px;
            padding: 0 20px;
            color: #3c082a; }
            @media only screen and (max-width: 768px) {
              .header .header-box .header-bottom .search-box-m .form-box form > div input:not([type="submit"]) {
                font-size: 18px;
                line-height: 46px; } }
            .header .header-box .header-bottom .search-box-m .form-box form > div input:not([type="submit"]):focus {
              border: 1px solid #6f104d; }
          .header .header-box .header-bottom .search-box-m .form-box form > div input[type="submit"] {
            width: 58px;
            height: 100%;
            border: 1px solid #3c082a;
            border-left: none;
            font-size: 18px;
            line-height: 58px;
            text-align: center;
            color: #3c082a; }
            @media only screen and (max-width: 768px) {
              .header .header-box .header-bottom .search-box-m .form-box form > div input[type="submit"] {
                font-size: 16px;
                height: 46px;
                line-height: 46px; } }
            .header .header-box .header-bottom .search-box-m .form-box form > div input[type="submit"]:hover {
              background: #3c082a;
              color: #fff; }
          .header .header-box .header-bottom .search-box-m .form-box form > div input::-webkit-input-placeholder {
            color: #414141;
            font-family: "freight-sans-pro",freight-sans-pro;
            font-weight: 400;
            font-style: normal;
            font-size: 22px;
            line-height: 58px;
            opacity: 1; }
            @media only screen and (max-width: 768px) {
              .header .header-box .header-bottom .search-box-m .form-box form > div input::-webkit-input-placeholder {
                font-size: 18px;
                line-height: 46px; } }
          .header .header-box .header-bottom .search-box-m .form-box form > div input::-moz-placeholder {
            /* Mozilla Firefox 19+ */
            color: #414141;
            font-family: "freight-sans-pro",freight-sans-pro;
            font-weight: 400;
            font-style: normal;
            font-size: 22px;
            line-height: 58px;
            opacity: 1; }
            @media only screen and (max-width: 768px) {
              .header .header-box .header-bottom .search-box-m .form-box form > div input::-moz-placeholder {
                font-size: 18px;
                line-height: 46px; } }
          .header .header-box .header-bottom .search-box-m .form-box form > div input:-moz-placeholder {
            /* Mozilla Firefox 4 to 18 */
            color: #414141;
            font-family: "freight-sans-pro",freight-sans-pro;
            font-weight: 400;
            font-style: normal;
            font-size: 22px;
            line-height: 58px;
            opacity: 1; }
            @media only screen and (max-width: 768px) {
              .header .header-box .header-bottom .search-box-m .form-box form > div input:-moz-placeholder {
                font-size: 18px;
                line-height: 46px; } }
          .header .header-box .header-bottom .search-box-m .form-box form > div input:-ms-input-placeholder {
            /* Internet Explorer 10-11 */
            color: #414141;
            font-family: "freight-sans-pro",freight-sans-pro;
            font-weight: 400;
            font-style: normal;
            font-size: 22px;
            line-height: 58px;
            opacity: 1; }
            @media only screen and (max-width: 768px) {
              .header .header-box .header-bottom .search-box-m .form-box form > div input:-ms-input-placeholder {
                font-size: 18px;
                line-height: 46px; } }

.information-top {
  background: #3c082a;
  padding: 25px 70px 31px 30px;
  position: relative; }
  @media only screen and (max-width: 540px) {
    .information-top {
      padding: 14px 56px 18px 16px; } }
  .information-top p {
    color: #fff;
    font-size: 16px;
    line-height: 1.5; }
    @media only screen and (max-width: 540px) {
      .information-top p {
        font-size: 14px;
        line-height: 1.36; } }
  .information-top .close-box {
    position: absolute;
    top: 29px;
    right: 33px; }
    @media only screen and (max-width: 540px) {
      .information-top .close-box {
        right: 20px;
        top: 50%;
        transform: translateY(-50%); } }
    .information-top .close-box a {
      display: block;
      color: #fff; }
      .information-top .close-box a:hover i {
        transform: scale(1.2); }
      .information-top .close-box a i {
        font-size: 23px;
        line-height: 1;
        transition: all 0.2s;
        display: block; }
        @media only screen and (max-width: 540px) {
          .information-top .close-box a i {
            font-size: 19px; } }

.banner {
  width: 100vw;
  height: calc(100vh - 163px);
  min-height: 982px;
  position: relative; }
  @media only screen and (max-width: 768px) {
    .banner {
      min-height: 675px; } }
  .banner .banner-bg {
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    z-index: 0; }
    .banner .banner-bg .banner-slider {
      width: 100%;
      height: 100%; }
      .banner .banner-bg .banner-slider .slick-list, .banner .banner-bg .banner-slider .slick-track {
        height: 100%; }
      .banner .banner-bg .banner-slider .slider-c {
        width: 100%;
        height: 100%;
        background-repeat: no-repeat;
        background-position: center;
        background-size: cover; }
        .banner .banner-bg .banner-slider .slider-c .slide-click {
          width: 100%;
          height: 100%;
          position: absolute;
          top: 0;
          bottom: 0;
          left: 0;
          right: 0;
          z-index: 0; }
        .banner .banner-bg .banner-slider .slider-c .copy {
          position: absolute;
          top: 155px;
          left: 0;
          right: 0;
          font-size: 85px;
          line-height: 1.28;
          letter-spacing: 1.44px;
          color: #ffffff;
          font-family: "ModernoFB";
          font-weight: bold;
          font-style: normal;
          font-style: normal;
          text-align: center;
          max-width: 980px;
          margin: 0 auto;
          font-weight: normal; }
          .banner .banner-bg .banner-slider .slider-c .copy h1, .banner .banner-bg .banner-slider .slider-c .copy h2 {
            font-size: 85px;
            line-height: 1.28;
            letter-spacing: 1.44px; }
  .banner .black-mask {
    width: 100%;
    height: 100%;
    opacity: 0.72;
    position: absolute;
    left: 0;
    top: 0;
    z-index: -1;
    background-repeat: no-repeat;
    background-position: left top;
    background-size: 100% 100%;
    background-image: url(../images/banner-mask.png); }
  .banner .content {
    position: absolute;
    top: 110px;
    left: 197px; }
    @media only screen and (max-width: 1440px) {
      .banner .content {
        left: 100px; } }
    @media only screen and (max-width: 768px) {
      .banner .content {
        top: 80px;
        left: 29px; } }
    .banner .content * {
      color: #fff; }
    .banner .content .title {
      max-width: 870px; }
      .banner .content .title h1 {
        font-size: 100px;
        line-height: 1.28;
        letter-spacing: 1.44px;
        color: #ffffff;
        font-family: "ModernoFB";
        font-weight: bold;
        font-style: normal;
        font-weight: bold;
        margin-bottom: 55px; }
        @media only screen and (max-width: 1080px) {
          .banner .content .title h1 {
            font-size: 50px;
            max-width: 460px;
            max-height: 300px;
            overflow: hidden; } }
        @media only screen and (max-width: 640px) {
          .banner .content .title h1 {
            font-size: 46px;
            max-width: 430px;
            letter-spacing: -1.27px; } }
      .banner .content .title .btns {
        font-size: 21px;
        line-height: 1.29;
        letter-spacing: 1.59px;
        display: inline-block;
        background: #fff;
        color: #3c082a;
        font-family: "freight-sans-pro",freight-sans-pro;
        font-weight: 600;
        font-style: normal;
        padding: 19px 40px;
        margin-bottom: 60px; }
        @media only screen and (max-width: 1080px) {
          .banner .content .title .btns {
            padding: 15px 40px; } }
        @media only screen and (max-width: 768px) {
          .banner .content .title .btns {
            height: 42px;
            padding: 0 25px;
            line-height: 42px;
            text-align: center;
            letter-spacing: 0;
            font-size: 17px; } }
        .banner .content .title .btns:hover {
          background: #3c082a;
          color: #fff; }
      .banner .content .title .slider-dots {
        display: flex; }
        .banner .content .title .slider-dots > li {
          margin-right: 11px; }
          .banner .content .title .slider-dots > li:last-child {
            margin-right: 0; }
          .banner .content .title .slider-dots > li.active a {
            color: #fff; }
          .banner .content .title .slider-dots > li a {
            font-size: 23px;
            font-family: "ModernoFB";
            font-weight: bold;
            font-style: normal;
            letter-spacing: 0.33px;
            color: #9f9f9f; }
            @media only screen and (max-width: 768px) {
              .banner .content .title .slider-dots > li a {
                font-size: 18px;
                letter-spacing: 0.26px; } }
            .banner .content .title .slider-dots > li a:hover {
              color: #fff; }

.custom-checkout .col-1 {
  -webkit-box-flex: 0;
  -ms-flex: none;
  flex: none;
  max-width: 100%;
  padding: 0; }
.custom-checkout .col-2 {
  -webkit-box-flex: 0;
  -ms-flex: none;
  flex: none;
  max-width: 100%;
  padding: 0; }
  .custom-checkout .col-2 h3 {
    cursor: pointer; }
    .custom-checkout .col-2 h3 label {
      margin-bottom: 0; }
      .custom-checkout .col-2 h3 label:hover span:before {
        background: #eee; }
      .custom-checkout .col-2 h3 label input {
        display: none; }
        .custom-checkout .col-2 h3 label input:checked + span:after {
          opacity: 1; }
      .custom-checkout .col-2 h3 label span {
        display: block;
        position: relative;
        padding-left: 27px; }
        .custom-checkout .col-2 h3 label span:before {
          content: "";
          display: block;
          width: 14px;
          height: 14px;
          border: 1px solid #00285f;
          background: #fff;
          position: absolute;
          z-index: 1;
          left: 0px;
          top: 11px;
          transition: All 0.2s ease-in-out;
          -webkit-transition: All 0.2s ease-in-out;
          -moz-transition: All 0.2s ease-in-out;
          -o-transition: All 0.2s ease-in-out;
          cursor: pointer; }
        .custom-checkout .col-2 h3 label span:after {
          content: "";
          display: block;
          width: 8px;
          height: 8px;
          background: #3c082a;
          position: absolute;
          z-index: 2;
          left: 3px;
          top: 14px;
          opacity: 0;
          cursor: pointer; }
.custom-checkout .form-row label {
  width: 100%; }
.custom-checkout .woocommerce-input-wrapper {
  width: 100%; }
  .custom-checkout .woocommerce-input-wrapper select {
    outline: none; }
  .custom-checkout .woocommerce-input-wrapper input {
    width: 100%;
    padding: 10px 17px;
    outline: 0;
    resize: none;
    font-family: inherit;
    line-height: 18px;
    background-color: #f6f6f5;
    color: #7f8385;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    border: 1px solid #e9e9e9;
    font-size: 13px; }
  .custom-checkout .woocommerce-input-wrapper textarea {
    width: 100%;
    padding: 10px 17px;
    outline: 0;
    resize: none;
    font-family: inherit;
    line-height: 18px;
    background-color: #f6f6f5;
    color: #7f8385;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    border: 1px solid #e9e9e9;
    font-size: 13px; }

#shipping_method li input {
  display: none; }
  #shipping_method li input[type="hidden"] + label {
    padding-left: 0; }
    #shipping_method li input[type="hidden"] + label:before {
      display: none; }
    #shipping_method li input[type="hidden"] + label:after {
      display: none; }
  #shipping_method li input:checked + label:after {
    opacity: 1; }
#shipping_method li label {
  cursor: pointer;
  display: block !important;
  position: relative;
  padding-left: 27px; }
  #shipping_method li label .amount {
    font-weight: 500 !important; }
  #shipping_method li label:hover:before {
    background: #eee; }
  #shipping_method li label:before {
    content: "";
    display: block;
    width: 14px;
    height: 14px;
    border-radius: 100%;
    border: 1px solid #383838;
    background: #fff;
    position: absolute;
    z-index: 1;
    left: 0px;
    top: 5px;
    transition: All 0.2s ease-in-out;
    -webkit-transition: All 0.2s ease-in-out;
    -moz-transition: All 0.2s ease-in-out;
    -o-transition: All 0.2s ease-in-out;
    cursor: pointer; }
  #shipping_method li label:after {
    content: "";
    display: block;
    width: 8px;
    height: 8px;
    border-radius: 100%;
    background: #383838;
    position: absolute;
    z-index: 2;
    left: 3px;
    top: 8px;
    opacity: 0;
    cursor: pointer; }

.woocommerce table.shop_table tbody th, .woocommerce table.shop_table tfoot td, .woocommerce table.shop_table tfoot th {
  font-weight: 500 !important; }

.woocommerce table.shop_table th {
  font-weight: 500 !important; }

.woocommerce table.shop_table td strong {
  font-weight: 500 !important; }

.woocommerce-notice.woocommerce-notice--success.woocommerce-thankyou-order-received {
  font-family: "freight-sans-pro",freight-sans-pro;
  font-weight: 600;
  font-style: normal;
  font-size: 24px; }

ul.order_details {
  padding: 0; }

.nab_payment_form .form-row {
  display: flex !important;
  max-width: 520px; }
  @media (max-width: 600px) {
    .nab_payment_form .form-row {
      width: 100% !important; } }
  .nab_payment_form .form-row.form-row-last {
    float: left !important; }
.nab_payment_form #nab_card_ccv {
  width: 65px !important; }
.nab_payment_form label {
  width: 100%;
  font-weight: 700; }
.nab_payment_form #jsCardType {
  width: 30px;
  display: block;
  margin-left: 10px; }
.nab_payment_form select {
  margin-bottom: 10px;
  border-bottom: 1px solid #aaa;
  width: 150px !important;
  background-size: 15px !important;
  margin-right: 30px !important; }
  .nab_payment_form select#cc-expire-year {
    margin-right: 0 !important; }
.nab_payment_form #nab_card_number {
  max-width: 432px;
  width: calc(100% - 40px); }
.nab_payment_form .nab_card_ccv_description {
  width: 100%;
  display: block;
  padding-top: 8px; }

.woocommerce-checkout-payment ul li.wc_payment_method.payment_method_paypal img {
  width: 70px; }
.woocommerce-checkout-payment ul li input {
  display: none; }
  .woocommerce-checkout-payment ul li input:checked + label:after {
    opacity: 1; }
.woocommerce-checkout-payment ul li label {
  cursor: pointer;
  display: block;
  position: relative;
  padding-left: 27px; }
  .woocommerce-checkout-payment ul li label:hover:before {
    background: #eee; }
  .woocommerce-checkout-payment ul li label:before {
    content: "";
    display: block;
    width: 14px;
    height: 14px;
    border-radius: 100%;
    border: 1px solid #383838;
    background: #fff;
    position: absolute;
    z-index: 1;
    left: 0px;
    top: 10px;
    transition: All 0.2s ease-in-out;
    -webkit-transition: All 0.2s ease-in-out;
    -moz-transition: All 0.2s ease-in-out;
    -o-transition: All 0.2s ease-in-out;
    cursor: pointer; }
  .woocommerce-checkout-payment ul li label:after {
    content: "";
    display: block;
    width: 8px;
    height: 8px;
    border-radius: 100%;
    background: #383838;
    position: absolute;
    z-index: 2;
    left: 3px;
    top: 13px;
    opacity: 0;
    cursor: pointer; }
  .woocommerce-checkout-payment ul li label img {
    width: auto; }

.shipping-calculator-form input {
  padding-left: 6px; }

@media (max-width: 490px) {
  .checkout_coupon.woocommerce-form-coupon .form-row.form-row-first {
    width: 100%; } }
.checkout_coupon.woocommerce-form-coupon .form-row.form-row-first input {
  width: 100%;
  padding: 10px 17px;
  outline: 0;
  resize: none;
  font-family: inherit;
  line-height: 18px;
  background-color: #f6f6f5;
  color: #7f8385;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  border: 1px solid #e9e9e9;
  font-size: 13px; }
@media (max-width: 490px) {
  .checkout_coupon.woocommerce-form-coupon .form-row.form-row-last {
    width: 100%; } }
@media (max-width: 490px) {
  .checkout_coupon.woocommerce-form-coupon .form-row.form-row-last button {
    width: 100%; } }

.cart_totals h2 {
  margin-bottom: 30px; }

.woocommerce form .form-row input.input-text, .woocommerce form .form-row textarea {
  border: 1px solid #aaa;
  padding: 7px; }

.woocommerce a.remove {
  width: auto;
  height: auto;
  overflow: visible;
  text-indent: 0;
  color: #3c082a !important;
  position: relative; }
  .woocommerce a.remove:hover {
    background: transparent !important;
    color: #6f104d !important; }
  .woocommerce a.remove:before {
    content: none; }
  .woocommerce a.remove:after {
    content: none; }

.woocommerce-order-details {
  padding-top: 30px; }

.wc-item-meta {
  padding-left: 0; }
  .wc-item-meta li {
    padding-left: 0; }

.woocommerce-shipping-methods li {
  padding-left: 0; }

.woocommerce-order p {
  margin-bottom: 10px; }
.woocommerce-order h2 {
  font-size: 20px;
  margin-bottom: 10px; }

.woocommerce .woocommerce-customer-details address {
  margin-bottom: 25px !important;
  border-bottom: 1px solid rgba(0, 0, 0, 0.1);
  border-right: 1px solid rgba(0, 0, 0, 0.1); }

.woocommerce ul.order_details li {
  margin-bottom: 10px; }
  @media (max-width: 640px) {
    .woocommerce ul.order_details li {
      width: 100%;
      float: none;
      border-right: none;
      padding-right: 0; } }

.woocommerce .col2-set .col-1, .woocommerce-page .col2-set .col-1 {
  flex: none !important;
  max-width: 100% !important;
  padding: 0; }

.woocommerce .col2-set .col-2, .woocommerce-page .col2-set .col-2 {
  flex: none !important;
  max-width: 100% !important;
  padding: 0; }

.checkout.woocommerce-checkout {
  margin-bottom: 50px; }

.my-single-product .product {
  max-width: 806px;
  float: right;
  margin-right: 110px; }
  @media (max-width: 1024px) {
    .my-single-product .product {
      width: 100%;
      margin-right: 0;
      float: none; } }

.woocommerce-error, .woocommerce-info, .woocommerce-message {
  padding: 1em 2em 1em 3.5em;
  margin: 0 0 2em; }

.select2-results__options {
  margin: 0;
  padding: 0; }

.woocommerce-MyAccount-navigation ul {
  background: #ECECEC;
  padding: 20px; }
  .woocommerce-MyAccount-navigation ul li {
    border-bottom: 1px solid #979797;
    font-family: "freight-sans-pro",freight-sans-pro;
    font-weight: 600;
    font-style: normal;
    margin-bottom: 15px;
    padding-bottom: 8px; }
    .woocommerce-MyAccount-navigation ul li:last-child {
      margin-bottom: 0; }
    .woocommerce-MyAccount-navigation ul li a {
      color: #383838;
      display: block; }
      .woocommerce-MyAccount-navigation ul li a:hover {
        color: #3c082a; }
      .woocommerce-MyAccount-navigation ul li a.is-active {
        color: #3c082a; }

.woocommerce-input-wrapper select {
  width: 100%;
  height: auto;
  min-height: 35px;
  background-color: transparent;
  color: #303030;
  border-bottom: 1px solid #979797;
  -webkit-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
  padding: 7px 0; }

.woocommerce-address-fields strong {
  color: inherit; }

.woocommerce-EditAccountForm.edit-account fieldset {
  margin-top: 30px; }

.woocommerce form .form-row {
  padding: 3px 0; }

.woo-shop-wrapper {
  padding: 50px 0; }
  .woo-shop-wrapper .woocommerce {
    max-width: 959px;
    margin: 0 auto;
    padding: 0 50px; }
    @media only screen and (max-width: 768px) {
      .woo-shop-wrapper .woocommerce {
        padding: 0 30px; } }
    .woo-shop-wrapper .woocommerce .woocommerce-MyAccount-content p {
      font-size: 18px; }
    .woo-shop-wrapper .woocommerce h1 {
      font-size: 80px;
      line-height: 1.25;
      letter-spacing: 1.15px;
      font-family: "ModernoFB";
      font-weight: bold;
      font-style: normal;
      color: #3c082a;
      text-align: center; }
      @media only screen and (max-width: 768px) {
        .woo-shop-wrapper .woocommerce h1 {
          font-size: 42px;
          line-height: 1.14;
          letter-spacing: normal;
          margin-bottom: 20px; } }
    .woo-shop-wrapper .woocommerce > form table.shop_table {
      border: none; }
      .woo-shop-wrapper .woocommerce > form table.shop_table .woocommerce-cart-form__cart-item {
        display: flex;
        flex-wrap: wrap;
        position: relative;
        border-bottom: 1px solid #383838;
        margin-top: 40px; }
        @media only screen and (max-width: 768px) {
          .woo-shop-wrapper .woocommerce > form table.shop_table .woocommerce-cart-form__cart-item {
            padding-right: 30px; } }
        .woo-shop-wrapper .woocommerce > form table.shop_table .woocommerce-cart-form__cart-item:first-child {
          margin-top: 0; }
        .woo-shop-wrapper .woocommerce > form table.shop_table .woocommerce-cart-form__cart-item .product-remove {
          position: absolute;
          right: 0;
          top: 0;
          background: #fff; }
          @media only screen and (min-width: 769px) {
            .woo-shop-wrapper .woocommerce > form table.shop_table .woocommerce-cart-form__cart-item .product-remove {
              display: flex; } }
          @media only screen and (max-width: 768px) {
            .woo-shop-wrapper .woocommerce > form table.shop_table .woocommerce-cart-form__cart-item .product-remove {
              padding: 0;
              top: 56px; } }
          .woo-shop-wrapper .woocommerce > form table.shop_table .woocommerce-cart-form__cart-item .product-remove i {
            font-size: 24px; }
            @media only screen and (max-width: 768px) {
              .woo-shop-wrapper .woocommerce > form table.shop_table .woocommerce-cart-form__cart-item .product-remove i {
                font-size: 19px; } }
          .woo-shop-wrapper .woocommerce > form table.shop_table .woocommerce-cart-form__cart-item .product-remove span {
            margin-right: 20px;
            cursor: pointer;
            transition: all 0.2s ease-in-out; }
            @media only screen and (max-width: 768px) {
              .woo-shop-wrapper .woocommerce > form table.shop_table .woocommerce-cart-form__cart-item .product-remove span {
                margin-right: 0;
                margin-bottom: 5px; } }
            .woo-shop-wrapper .woocommerce > form table.shop_table .woocommerce-cart-form__cart-item .product-remove span:hover {
              color: #6f104d; }
        .woo-shop-wrapper .woocommerce > form table.shop_table .woocommerce-cart-form__cart-item .product-title {
          width: 100%;
          font-family: "ModernoFB";
          font-weight: bold;
          font-style: normal;
          font-size: 32px;
          line-height: 1.23;
          border: none;
          text-align: left !important;
          background: #fff; }
          @media only screen and (max-width: 768px) {
            .woo-shop-wrapper .woocommerce > form table.shop_table .woocommerce-cart-form__cart-item .product-title {
              font-size: 22px;
              line-height: 30px; } }
          .woo-shop-wrapper .woocommerce > form table.shop_table .woocommerce-cart-form__cart-item .product-title a {
            color: #383838; }
            .woo-shop-wrapper .woocommerce > form table.shop_table .woocommerce-cart-form__cart-item .product-title a:hover {
              color: #3c082a; }
          .woo-shop-wrapper .woocommerce > form table.shop_table .woocommerce-cart-form__cart-item .product-title:before {
            content: none !important; }
        .woo-shop-wrapper .woocommerce > form table.shop_table .woocommerce-cart-form__cart-item .product-name {
          width: 50%;
          background: #fff; }
          @media only screen and (max-width: 768px) {
            .woo-shop-wrapper .woocommerce > form table.shop_table .woocommerce-cart-form__cart-item .product-name {
              width: 100%; } }
          .woo-shop-wrapper .woocommerce > form table.shop_table .woocommerce-cart-form__cart-item .product-name:before {
            content: none !important; }
          .woo-shop-wrapper .woocommerce > form table.shop_table .woocommerce-cart-form__cart-item .product-name .variation {
            display: flex;
            flex-wrap: wrap; }
            .woo-shop-wrapper .woocommerce > form table.shop_table .woocommerce-cart-form__cart-item .product-name .variation dt {
              width: calc(50% - 15px);
              order: -1;
              font-size: 18px;
              line-height: 1.22;
              font-family: "freight-sans-pro",freight-sans-pro;
              font-weight: 600;
              font-style: normal;
              color: #383838;
              margin-right: 15px;
              margin-bottom: 17px;
              text-align: left; }
            .woo-shop-wrapper .woocommerce > form table.shop_table .woocommerce-cart-form__cart-item .product-name .variation dd {
              width: calc(50% - 15px);
              margin-right: 15px;
              text-align: left; }
              .woo-shop-wrapper .woocommerce > form table.shop_table .woocommerce-cart-form__cart-item .product-name .variation dd p {
                font-size: 22px; }
                @media only screen and (max-width: 768px) {
                  .woo-shop-wrapper .woocommerce > form table.shop_table .woocommerce-cart-form__cart-item .product-name .variation dd p {
                    font-size: 16px;
                    line-height: 24px; } }
        .woo-shop-wrapper .woocommerce > form table.shop_table .woocommerce-cart-form__cart-item .product-quantity {
          width: 25%;
          background: #fff; }
          @media only screen and (max-width: 768px) {
            .woo-shop-wrapper .woocommerce > form table.shop_table .woocommerce-cart-form__cart-item .product-quantity {
              width: calc(50% - 8px);
              padding-right: 8px; } }
          .woo-shop-wrapper .woocommerce > form table.shop_table .woocommerce-cart-form__cart-item .product-quantity:before {
            content: none !important; }
          .woo-shop-wrapper .woocommerce > form table.shop_table .woocommerce-cart-form__cart-item .product-quantity h3 {
            font-size: 18px;
            line-height: 1.22;
            font-family: "freight-sans-pro",freight-sans-pro;
            font-weight: 600;
            font-style: normal;
            color: #383838;
            margin-bottom: 17px; }
          .woo-shop-wrapper .woocommerce > form table.shop_table .woocommerce-cart-form__cart-item .product-quantity select {
            width: 50px;
            font-family: "freight-sans-pro",freight-sans-pro;
            font-weight: 400;
            font-style: normal;
            font-size: 22px;
            border: 1px solid transparent; }
            .woo-shop-wrapper .woocommerce > form table.shop_table .woocommerce-cart-form__cart-item .product-quantity select:not([disabled="disabled"]) {
              border: 1px solid #3c082a;
              padding-left: 10px; }
        .woo-shop-wrapper .woocommerce > form table.shop_table .woocommerce-cart-form__cart-item .product-price {
          width: 25%;
          background: #fff; }
          @media only screen and (max-width: 768px) {
            .woo-shop-wrapper .woocommerce > form table.shop_table .woocommerce-cart-form__cart-item .product-price {
              width: calc(50% - 7px);
              text-align: left !important;
              padding-left: 7px; } }
          .woo-shop-wrapper .woocommerce > form table.shop_table .woocommerce-cart-form__cart-item .product-price:before {
            content: none !important; }
          .woo-shop-wrapper .woocommerce > form table.shop_table .woocommerce-cart-form__cart-item .product-price p {
            font-size: 18px;
            line-height: 1.22;
            font-family: "freight-sans-pro",freight-sans-pro;
            font-weight: 600;
            font-style: normal;
            color: #383838;
            margin-bottom: 17px; }
          .woo-shop-wrapper .woocommerce > form table.shop_table .woocommerce-cart-form__cart-item .product-price span {
            font-size: 22px; }
    .woo-shop-wrapper .woocommerce .cart-collaterals table.shop_table {
      border: none;
      border-bottom: 1px solid #383838;
      padding-bottom: 22px; }
      .woo-shop-wrapper .woocommerce .cart-collaterals table.shop_table .cart-subtotal {
        font-size: 24px;
        line-height: 34px;
        font-family: "freight-sans-pro",freight-sans-pro;
        font-weight: 600;
        font-style: normal;
        color: #383838;
        border: none;
        background: #fff; }
        @media only screen and (max-width: 768px) {
          .woo-shop-wrapper .woocommerce .cart-collaterals table.shop_table .cart-subtotal {
            display: flex;
            font-size: 20px;
            line-height: 24px; } }
        @media only screen and (max-width: 540px) {
          .woo-shop-wrapper .woocommerce .cart-collaterals table.shop_table .cart-subtotal {
            font-size: 18px;
            line-height: 22px; } }
        .woo-shop-wrapper .woocommerce .cart-collaterals table.shop_table .cart-subtotal * {
          border: none; }
        .woo-shop-wrapper .woocommerce .cart-collaterals table.shop_table .cart-subtotal td {
          background: rgba(71, 71, 71, 0.1);
          color: #3c082a;
          padding: 10px 20px; }
      .woo-shop-wrapper .woocommerce .cart-collaterals table.shop_table .woocommerce-shipping-totals {
        font-size: 24px;
        line-height: 34px;
        font-family: "freight-sans-pro",freight-sans-pro;
        font-weight: 600;
        font-style: normal;
        color: #383838;
        border: none; }
        @media only screen and (max-width: 768px) {
          .woo-shop-wrapper .woocommerce .cart-collaterals table.shop_table .woocommerce-shipping-totals {
            display: flex;
            font-size: 20px;
            line-height: 24px; } }
        @media only screen and (max-width: 540px) {
          .woo-shop-wrapper .woocommerce .cart-collaterals table.shop_table .woocommerce-shipping-totals {
            font-size: 18px;
            line-height: 22px; } }
        .woo-shop-wrapper .woocommerce .cart-collaterals table.shop_table .woocommerce-shipping-totals th {
          border: none; }
        .woo-shop-wrapper .woocommerce .cart-collaterals table.shop_table .woocommerce-shipping-totals > p {
          font-size: 24px;
          line-height: 34px;
          font-family: "freight-sans-pro",freight-sans-pro;
          font-weight: 600;
          font-style: normal;
          color: #383838; }
          @media only screen and (max-width: 768px) {
            .woo-shop-wrapper .woocommerce .cart-collaterals table.shop_table .woocommerce-shipping-totals > p {
              font-size: 20px;
              line-height: 24px; } }
          @media only screen and (max-width: 540px) {
            .woo-shop-wrapper .woocommerce .cart-collaterals table.shop_table .woocommerce-shipping-totals > p {
              font-size: 18px;
              line-height: 22px; } }
      .woo-shop-wrapper .woocommerce .cart-collaterals table.shop_table .order-total {
        font-size: 24px;
        line-height: 34px;
        font-family: "freight-sans-pro",freight-sans-pro;
        font-weight: 600;
        font-style: normal;
        color: #383838;
        border: none; }
        @media only screen and (max-width: 768px) {
          .woo-shop-wrapper .woocommerce .cart-collaterals table.shop_table .order-total {
            display: flex;
            font-size: 20px;
            line-height: 24px; } }
        @media only screen and (max-width: 540px) {
          .woo-shop-wrapper .woocommerce .cart-collaterals table.shop_table .order-total {
            font-size: 18px;
            line-height: 22px; } }
        .woo-shop-wrapper .woocommerce .cart-collaterals table.shop_table .order-total * {
          border: none; }
        .woo-shop-wrapper .woocommerce .cart-collaterals table.shop_table .order-total td {
          background: rgba(71, 71, 71, 0.1);
          color: #3c082a;
          padding: 10px 20px; }

.woocommerce-account .woocommerce-MyAccount-navigation {
  width: 25%; }

.woocommerce #respond input#submit.disabled, .woocommerce #respond input#submit:disabled,
.woocommerce #respond input#submit:disabled[disabled], .woocommerce a.button.disabled,
.woocommerce a.button:disabled, .woocommerce a.button:disabled[disabled], .woocommerce button.button.disabled,
.woocommerce button.button:disabled, .woocommerce button.button:disabled[disabled],
.woocommerce input.button.disabled, .woocommerce input.button:disabled,
.woocommerce input.button:disabled[disabled] {
  background: #3c082a;
  color: #fff;
  opacity: 0.6; }
  .woocommerce #respond input#submit.disabled:hover, .woocommerce #respond input#submit:disabled:hover,
  .woocommerce #respond input#submit:disabled[disabled]:hover, .woocommerce a.button.disabled:hover,
  .woocommerce a.button:disabled:hover, .woocommerce a.button:disabled[disabled]:hover, .woocommerce button.button.disabled:hover,
  .woocommerce button.button:disabled:hover, .woocommerce button.button:disabled[disabled]:hover,
  .woocommerce input.button.disabled:hover, .woocommerce input.button:disabled:hover,
  .woocommerce input.button:disabled[disabled]:hover {
    background: #3c082a;
    color: #fff;
    opacity: 0.6; }

.woocommerce table.shop_table tbody tr td, .woocommerce table.shop_table tbody tr th {
  border: none; }

.woocommerce table.shop_table_responsive tbody th, .woocommerce-page table.shop_table_responsive tbody th {
  display: block; }

.woocommerce table.shop_table_responsive tr td::before, .woocommerce-page table.shop_table_responsive tr td::before {
  content: none; }

.woocommerce table.shop_table_responsive tr:nth-child(2n) td, .woocommerce-page table.shop_table_responsive tr:nth-child(2n) td {
  background: #fff;
  border: none; }
  @media only screen and (max-width: 768px) {
    .woocommerce table.shop_table_responsive tr:nth-child(2n) td, .woocommerce-page table.shop_table_responsive tr:nth-child(2n) td {
      text-align: left !important; } }

.woocommerce-account .addresses .title .edit {
  background: #3c082a;
  color: #fff;
  border: 1px solid #3c082a;
  padding: 5px;
  margin-top: 10px; }
  .woocommerce-account .addresses .title .edit:hover {
    background: #fff;
    color: #3c082a; }

.woocommerce #respond input#submit, .woocommerce a.button, .woocommerce button.button, .woocommerce input.button {
  background: #3c082a;
  color: #fff;
  text-transform: uppercase;
  border-radius: 0; }
  .woocommerce #respond input#submit:hover, .woocommerce a.button:hover, .woocommerce button.button:hover, .woocommerce input.button:hover {
    background: #6f104d;
    color: #fff; }

.woocommerce .woocommerce-form-login .woocommerce-form-login__rememberme {
  margin-right: 20px; }

.woocommerce-info {
  border-top-color: #3c082a; }
  .woocommerce-info:before {
    color: #3c082a; }

.woocommerce-message {
  border-top-color: #3c082a; }
  .woocommerce-message:before {
    color: #3c082a; }

.select2-container--default .select2-results__option--highlighted[aria-selected], .select2-container--default .select2-results__option--highlighted[data-selected] {
  background-color: #3c082a; }

.performances {
  padding: 0 197px 68px;
  max-width: 1680px;
  margin: 0 auto;
  margin-top: -18rem;
  position: relative;
  overflow: hidden; }
  @media only screen and (max-width: 1440px) {
    .performances {
      padding: 0 50px 68px; } }
  @media only screen and (max-width: 1080px) {
    .performances {
      padding: 0;
      padding-bottom: 68px;
      margin-top: -215px; } }
  @media only screen and (max-width: 768px) {
    .performances {
      padding: 0; } }
  .performances.performances-other {
    margin-top: 0;
    padding-top: 90px; }
    @media only screen and (max-width: 768px) {
      .performances.performances-other {
        padding-top: 60px; } }
  .performances .calendar {
    text-align: center;
    margin-bottom: 4.7rem; }
    .performances .calendar h2 {
      font-size: 46px;
      font-weight: bold;
      font-family: "ModernoFB";
      font-weight: bold;
      font-style: normal;
      line-height: 1.35;
      letter-spacing: 0.4px;
      text-align: center;
      color: #ffffff;
      margin-bottom: 14px; }
      @media only screen and (max-width: 1080px) {
        .performances .calendar h2 {
          font-size: 34px;
          margin-bottom: 7px; } }
    .performances .calendar img {
      max-width: 47px; }
      @media only screen and (max-width: 1080px) {
        .performances .calendar img {
          max-width: 40px; } }
      @media only screen and (max-width: 768px) {
        .performances .calendar img {
          max-width: 38px; } }
  .performances .title {
    margin-bottom: 60px; }
    .performances .title h2 {
      text-align: center;
      font-size: 46px;
      font-family: "ModernoFB";
      font-weight: bold;
      font-style: normal;
      line-height: 1.35;
      letter-spacing: 0.4px;
      color: #3c082a; }
      @media only screen and (max-width: 640px) {
        .performances .title h2 {
          font-size: 34px;
          line-height: 1.18;
          padding: 0 30px; } }
      .performances .title h2:after {
        content: " ";
        display: block;
        width: 30px;
        height: 14px;
        background: #3c082a;
        margin: 12px auto 0; }
  .performances .prev-bt {
    width: 37px;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    z-index: 10;
    cursor: pointer; }
    @media only screen and (min-width: 1081px) {
      .performances .prev-bt {
        display: none; } }
  .performances .next-bt {
    width: 37px;
    height: 100%;
    position: absolute;
    right: 0;
    top: 0;
    z-index: 10;
    cursor: pointer; }
    @media only screen and (min-width: 1081px) {
      .performances .next-bt {
        display: none; } }
  .performances .performances-c {
    display: flex;
    align-items: flex-start;
    margin: 0 -11px; }
    @media only screen and (max-width: 1080px) {
      .performances .performances-c {
        display: block; } }
    @media only screen and (max-width: 1080px) {
      .performances .performances-c.performances-pc {
        display: none; } }
    @media only screen and (min-width: 1081px) {
      .performances .performances-c.performances-m {
        display: none; } }
    .performances .performances-c .unit {
      position: relative;
      margin: 0 11px;
      width: calc(25% - 22px);
      overflow: hidden; }
      @media only screen and (min-width: 1081px) {
        .performances .performances-c .unit:nth-child(2n) {
          margin-top: 4.5rem; } }
      .performances .performances-c .unit > a {
        display: block; }
        .performances .performances-c .unit > a:hover .unit-bg {
          transform: scale(1.1); }
      .performances .performances-c .unit .unit-bg {
        width: 100%;
        height: 100%;
        position: absolute;
        left: 0;
        top: 0;
        transition: all 0.2s ease-in-out;
        background-repeat: no-repeat;
        background-position: center;
        background-size: cover; }
      .performances .performances-c .unit .mask {
        width: 100%;
        height: 100%;
        position: absolute;
        left: 0;
        top: 0;
        z-index: 1;
        background-repeat: no-repeat;
        background-size: 100% 100%;
        background-image: url(../images/mask-small.png); }
      .performances .performances-c .unit .content {
        padding: 150px 43px 128px;
        text-align: center;
        position: relative;
        z-index: 2; }
        @media only screen and (max-width: 440px) {
          .performances .performances-c .unit .content {
            padding: 92px 42px; } }
        .performances .performances-c .unit .content p {
          color: #fff; }
          .performances .performances-c .unit .content p:first-child {
            margin-bottom: 57px; }
            .performances .performances-c .unit .content p:first-child i {
              font-size: 32px; }
          .performances .performances-c .unit .content p:nth-child(2) {
            font-size: 32px;
            line-height: 1.25;
            font-family: "ModernoFB";
            font-weight: bold;
            font-style: normal;
            margin-bottom: 49px; }
            @media (max-width: 768px) {
              .performances .performances-c .unit .content p:nth-child(2) {
                font-size: 18px; } }
          .performances .performances-c .unit .content p:nth-child(3) {
            width: 24%;
            height: 2px;
            background: #fff;
            margin: auto;
            margin-bottom: 47px; }
          .performances .performances-c .unit .content p:last-child {
            font-size: 24px;
            line-height: 1.42;
            font-family: "freight-sans-pro",freight-sans-pro;
            font-weight: 600;
            font-style: normal; }
  .performances .link-box {
    margin-top: 3rem;
    /* @media only screen and (max-width:768px){
    	margin-top: -98px;
    } */ }
    .performances .link-box p {
      text-align: center;
      font-size: 20px;
      line-height: 1.4; }
      .performances .link-box p a {
        color: #3c082a;
        display: block;
        position: relative; }
        .performances .link-box p a:hover {
          color: #6f104d; }
          .performances .link-box p a:hover i {
            margin-left: 25px; }
        .performances .link-box p a i {
          font-size: 25px;
          line-height: 32px;
          position: absolute;
          margin-left: 16px;
          transition: all 0.2s; }

.musicians .content {
  max-width: 1200px;
  padding: 68px 50px;
  margin: 0 auto;
  display: flex;
  justify-content: space-between;
  align-items: center; }
  @media only screen and (max-width: 768px) {
    .musicians .content {
      display: block;
      padding: 53px 29px; } }
  .musicians .content > div {
    max-width: 514px; }
  .musicians .content .title-m {
    max-width: 514px;
    margin: 0 auto 30px; }
    @media only screen and (min-width: 769px) {
      .musicians .content .title-m {
        display: none; } }
    .musicians .content .title-m h2 {
      font-size: 46px;
      line-height: 1;
      letter-spacing: 0.4px;
      font-family: "ModernoFB";
      font-weight: bold;
      font-style: normal;
      color: #3c082a;
      position: relative;
      padding-left: 34px;
      margin-bottom: 70px; }
      @media only screen and (max-width: 1080px) {
        .musicians .content .title-m h2 {
          margin-bottom: 25px; } }
      @media only screen and (max-width: 1000px) {
        .musicians .content .title-m h2 {
          font-size: 32px; } }
      .musicians .content .title-m h2:before {
        content: " ";
        display: block;
        width: 9px;
        height: 52px;
        background: #3c082a;
        position: absolute;
        left: 0;
        top: 0; }
        @media only screen and (max-width: 1000px) {
          .musicians .content .title-m h2:before {
            height: 100%; } }
      .musicians .content .title-m h2:after {
        content: " ";
        display: block;
        width: 3px;
        height: 52px;
        background: #3c082a;
        position: absolute;
        left: 12px;
        top: 0; }
        @media only screen and (max-width: 1000px) {
          .musicians .content .title-m h2:after {
            height: 100%; } }
  .musicians .content .left-box {
    padding-right: 24px; }
    @media only screen and (max-width: 768px) {
      .musicians .content .left-box {
        padding: 0;
        margin: 0 auto 30px; } }
  .musicians .content .full-box h2 {
    font-size: 46px;
    line-height: 1;
    letter-spacing: 0.4px;
    font-family: "ModernoFB";
    font-weight: bold;
    font-style: normal;
    color: #3c082a;
    position: relative;
    padding-left: 34px;
    margin-bottom: 70px; }
    @media only screen and (max-width: 1080px) {
      .musicians .content .full-box h2 {
        margin-bottom: 25px; } }
    @media only screen and (max-width: 1000px) {
      .musicians .content .full-box h2 {
        font-size: 32px; } }
    @media only screen and (max-width: 768px) {
      .musicians .content .full-box h2 {
        display: none; } }
    .musicians .content .full-box h2:before {
      content: " ";
      display: block;
      width: 9px;
      height: 52px;
      background: #3c082a;
      position: absolute;
      left: 0;
      top: 0; }
      @media only screen and (max-width: 1000px) {
        .musicians .content .full-box h2:before {
          height: 100%; } }
    .musicians .content .full-box h2:after {
      content: " ";
      display: block;
      width: 3px;
      height: 52px;
      background: #3c082a;
      position: absolute;
      left: 12px;
      top: 0; }
      @media only screen and (max-width: 1000px) {
        .musicians .content .full-box h2:after {
          height: 100%; } }
  .musicians .content .full-box h3 {
    font-size: 32px;
    line-height: 1.06;
    font-family: "ModernoFB";
    font-weight: bold;
    font-style: normal;
    color: #3c082a;
    margin-bottom: 7px; }
    @media only screen and (max-width: 1000px) {
      .musicians .content .full-box h3 {
        font-size: 22px; } }
  .musicians .content .full-box h4 {
    font-size: 24px;
    line-height: 1.42;
    color: #8c8a8a;
    font-family: "freight-sans-pro",freight-sans-pro;
    font-weight: 600;
    font-style: normal;
    margin-bottom: 43px; }
    @media only screen and (max-width: 1080px) {
      .musicians .content .full-box h4 {
        margin-bottom: 25px; } }
    @media only screen and (max-width: 1000px) {
      .musicians .content .full-box h4 {
        font-size: 20px; } }
    @media only screen and (max-width: 768px) {
      .musicians .content .full-box h4 {
        margin-bottom: 16px; } }
  .musicians .content .full-box p {
    font-size: 20px;
    line-height: 1.5;
    color: #414141;
    margin-bottom: 20px; }
    @media only screen and (max-width: 1000px) {
      .musicians .content .full-box p {
        font-size: 16px; } }
    .musicians .content .full-box p.bold {
      font-size: 18px;
      line-height: 1.22;
      color: #383838;
      font-family: "freight-sans-pro",freight-sans-pro;
      font-weight: 600;
      font-style: normal; }
  .musicians .content .full-box .btns {
    display: inline-block;
    padding: 16px 25px;
    font-size: 17px;
    line-height: 1;
    font-family: "freight-sans-pro",freight-sans-pro;
    font-weight: 600;
    font-style: normal;
    color: #fff;
    background: #3c082a;
    margin-top: 33px;
    text-align: center; }
    @media only screen and (max-width: 1080px) {
      .musicians .content .full-box .btns {
        margin-top: 5px; } }
    @media only screen and (max-width: 768px) {
      .musicians .content .full-box .btns {
        padding: 10px 15px; } }
    .musicians .content .full-box .btns:hover {
      background: #6f104d; }
  @media only screen and (max-width: 768px) {
    .musicians .content .right-box {
      margin: 0 auto; } }
  .musicians .content .right-box h2 {
    font-size: 46px;
    line-height: 1;
    letter-spacing: 0.4px;
    font-family: "ModernoFB";
    font-weight: bold;
    font-style: normal;
    color: #3c082a;
    position: relative;
    padding-left: 34px;
    margin-bottom: 70px; }
    @media only screen and (max-width: 1080px) {
      .musicians .content .right-box h2 {
        margin-bottom: 25px; } }
    @media only screen and (max-width: 1000px) {
      .musicians .content .right-box h2 {
        font-size: 32px; } }
    @media only screen and (max-width: 768px) {
      .musicians .content .right-box h2 {
        display: none; } }
    .musicians .content .right-box h2:before {
      content: " ";
      display: block;
      width: 9px;
      height: 52px;
      background: #3c082a;
      position: absolute;
      left: 0;
      top: 0; }
      @media only screen and (max-width: 1000px) {
        .musicians .content .right-box h2:before {
          height: 100%; } }
    .musicians .content .right-box h2:after {
      content: " ";
      display: block;
      width: 3px;
      height: 52px;
      background: #3c082a;
      position: absolute;
      left: 12px;
      top: 0; }
      @media only screen and (max-width: 1000px) {
        .musicians .content .right-box h2:after {
          height: 100%; } }
  .musicians .content .right-box h3 {
    font-size: 32px;
    line-height: 1.06;
    font-family: "ModernoFB";
    font-weight: bold;
    font-style: normal;
    color: #3c082a;
    margin-bottom: 7px; }
    @media only screen and (max-width: 1000px) {
      .musicians .content .right-box h3 {
        font-size: 22px; } }
  .musicians .content .right-box h4 {
    font-size: 24px;
    line-height: 1.42;
    color: #8c8a8a;
    font-family: "freight-sans-pro",freight-sans-pro;
    font-weight: 600;
    font-style: normal;
    margin-bottom: 43px; }
    @media only screen and (max-width: 1080px) {
      .musicians .content .right-box h4 {
        margin-bottom: 25px; } }
    @media only screen and (max-width: 1000px) {
      .musicians .content .right-box h4 {
        font-size: 20px; } }
    @media only screen and (max-width: 768px) {
      .musicians .content .right-box h4 {
        margin-bottom: 16px; } }
  .musicians .content .right-box p {
    font-size: 20px;
    line-height: 1.5;
    color: #414141;
    margin-bottom: 20px; }
    @media only screen and (max-width: 1000px) {
      .musicians .content .right-box p {
        font-size: 16px; } }
    .musicians .content .right-box p.bold {
      font-size: 18px;
      line-height: 1.22;
      color: #383838;
      font-family: "freight-sans-pro",freight-sans-pro;
      font-weight: 600;
      font-style: normal; }
  .musicians .content .right-box .btns {
    display: inline-block;
    padding: 16px 25px;
    font-size: 17px;
    line-height: 1;
    font-family: "freight-sans-pro",freight-sans-pro;
    font-weight: 600;
    font-style: normal;
    color: #fff;
    background: #3c082a;
    margin-top: 33px;
    text-align: center; }
    @media only screen and (max-width: 1080px) {
      .musicians .content .right-box .btns {
        margin-top: 5px; } }
    @media only screen and (max-width: 768px) {
      .musicians .content .right-box .btns {
        padding: 10px 15px; } }
    .musicians .content .right-box .btns:hover {
      background: #6f104d; }

.education {
  max-width: 1680px;
  padding: 200px 96px;
  margin: 0 auto;
  overflow: hidden;
  width: 100%; }
  @media only screen and (max-width: 1440px) {
    .education {
      padding: 200px 50px; } }
  @media only screen and (max-width: 960px) {
    .education {
      padding: 200px 0; } }
  @media only screen and (max-width: 768px) {
    .education {
      padding-top: 45px; } }
  @media only screen and (max-width: 440px) {
    .education {
      padding-bottom: 87px; } }
  .education .bg-box {
    position: relative;
    padding-bottom: 57.6%;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover; }
    @media only screen and (max-width: 851px) {
      .education .bg-box {
        height: 491px;
        padding: 0; } }
    .education .bg-box > img {
      opacity: 0.71;
      display: block; }
    .education .bg-box .text-box {
      position: absolute;
      left: 86px;
      bottom: 0;
      max-width: 1083px;
      background: #3c082a;
      transform: translateY(116px);
      display: flex;
      padding: 262px 86px 100px; }
      @media only screen and (max-width: 1580px) {
        .education .bg-box .text-box {
          padding: 150px 50px 100px;
          left: 29px;
          width: calc(100% - 200px); } }
      @media only screen and (max-width: 1180px) {
        .education .bg-box .text-box {
          bottom: auto;
          top: 103px;
          transform: translateY(0); } }
      @media only screen and (max-width: 1080px) {
        .education .bg-box .text-box {
          display: block; } }
      @media only screen and (max-width: 960px) {
        .education .bg-box .text-box {
          padding: 110px 29px 50px; } }
      @media only screen and (max-width: 640px) {
        .education .bg-box .text-box {
          width: calc(100% - 100px); } }
      @media only screen and (max-width: 480px) {
        .education .bg-box .text-box {
          width: calc(100% - 21px);
          padding-right: 11px;
          padding-bottom: 35px;
          left: 0; } }
      @media only screen and (max-width: 380px) {
        .education .bg-box .text-box {
          padding-top: 50px; } }
      .education .bg-box .text-box * {
        color: #fff; }
      .education .bg-box .text-box .line-bg {
        width: 100%;
        height: 100%;
        position: absolute;
        top: 0;
        left: 0;
        z-index: -1;
        background-repeat: no-repeat;
        background-size: cover;
        background-image: url(../images/education-line.png); }
      @media only screen and (min-width: 1081px) {
        .education .bg-box .text-box .title {
          margin-right: 48px;
          max-width: 260px; } }
      .education .bg-box .text-box .title h2 {
        font-size: 46px;
        font-family: "ModernoFB";
        font-weight: bold;
        font-style: normal;
        line-height: 1.35;
        letter-spacing: 0.4px; }
        @media only screen and (min-width: 1081px) {
          .education .bg-box .text-box .title h2 {
            min-width: 247px; } }
        @media only screen and (max-width: 1080px) {
          .education .bg-box .text-box .title h2 {
            margin-bottom: 17px; } }
        @media only screen and (max-width: 768px) {
          .education .bg-box .text-box .title h2 {
            font-size: 26px;
            line-height: 1.23;
            letter-spacing: normal; } }
        @media only screen and (max-width: 380px) {
          .education .bg-box .text-box .title h2 {
            font-size: 22px; } }
      .education .bg-box .text-box .content {
        max-width: 608px; }
        .education .bg-box .text-box .content p {
          font-size: 20px;
          line-height: 1.4;
          margin-bottom: 20px; }
          @media only screen and (max-width: 768px) {
            .education .bg-box .text-box .content p {
              font-size: 16px;
              line-height: 1.5; } }
        .education .bg-box .text-box .content .btns {
          display: inline-block;
          padding: 0 37px;
          font-size: 17px;
          line-height: 49px;
          font-family: "freight-sans-pro",freight-sans-pro;
          font-weight: 600;
          font-style: normal;
          color: #3c082a;
          background: #fff;
          margin-top: 17px;
          text-align: center; }
          @media only screen and (max-width: 768px) {
            .education .bg-box .text-box .content .btns {
              line-height: 36px;
              padding: 0 15px; } }
          .education .bg-box .text-box .content .btns:hover {
            color: #fff;
            background: #6f104d; }
    .education .bg-box .img-box {
      position: absolute;
      right: 68px;
      top: -108px; }
      .education .bg-box .img-box img {
        max-width: 1040px;
        width: 100%; }
        @media only screen and (max-width: 768px) {
          .education .bg-box .img-box img {
            max-width: 100%; } }
      @media only screen and (max-width: 1580px) {
        .education .bg-box .img-box {
          right: 29px;
          width: 70%; } }
      @media only screen and (max-width: 1180px) {
        .education .bg-box .img-box {
          width: 56%;
          top: -178px; } }
      @media only screen and (max-width: 768px) {
        .education .bg-box .img-box {
          top: -68px;
          width: 386px; } }
      @media only screen and (max-width: 480px) {
        .education .bg-box .img-box {
          right: -50px; } }
      @media only screen and (max-width: 400px) {
        .education .bg-box .img-box {
          right: 0;
          width: calc(100% - 76px); } }

.nocomments {
  display: none; }

.custom-back {
  font-size: 18px;
  line-height: 1.2;
  color: #3c082a;
  font-family: "freight-sans-pro",freight-sans-pro;
  font-weight: 600;
  font-style: normal;
  position: relative;
  text-align: center;
  display: block;
  width: 37px;
  margin: 0 auto 12px; }
  @media only screen and (max-width: 640px) {
    .custom-back {
      margin-bottom: 25px; } }
  .custom-back:before {
    content: "\e623";
    font-family: "iconfont" !important;
    font-size: 28px;
    font-style: normal;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    color: #3c082a;
    transform: rotate(180deg);
    transition: all 0.2s ease-in-out;
    position: absolute;
    left: -37px;
    top: -4px; }
    @media only screen and (max-width: 640px) {
      .custom-back:before {
        font-size: 24px; } }
  .custom-back:hover:before {
    left: -47px; }

.text-box ul li {
  list-style-type: disc;
  list-style-position: inside; }
@media (max-width: 768px) {
  .text-box h4 {
    line-height: 1.2;
    margin-bottom: 10px; } }

.connect {
  padding: 58px 0 80px; }
  @media only screen and (max-width: 768px) {
    .connect {
      padding: 58px 0 35px; } }
  .connect .content {
    max-width: 1680px;
    padding: 0 126px;
    margin: 0 auto; }
    @media only screen and (max-width: 1440px) {
      .connect .content {
        padding: 0 50px; } }
    @media only screen and (max-width: 768px) {
      .connect .content {
        padding: 0 29px; } }
    .connect .content .title {
      margin-bottom: 60px; }
      .connect .content .title h2 {
        text-align: center;
        font-size: 46px;
        font-family: "ModernoFB";
        font-weight: bold;
        font-style: normal;
        line-height: 1.35;
        letter-spacing: 0.4px;
        color: #3c082a; }
        @media only screen and (max-width: 768px) {
          .connect .content .title h2 {
            font-size: 42px;
            line-height: 1.14; } }
        .connect .content .title h2:after {
          content: " ";
          display: block;
          width: 30px;
          height: 14px;
          background: #3c082a;
          margin: 12px auto 0; }
    .connect .content .img-box {
      display: flex;
      flex-wrap: wrap; }
      .connect .content .img-box .unit {
        position: relative;
        width: 25%; }
        @media only screen and (max-width: 768px) {
          .connect .content .img-box .unit {
            width: 50%; } }
        .connect .content .img-box .unit .img-c {
          width: 100%; }
          .connect .content .img-box .unit .img-c div {
            width: 100%;
            padding-top: 100%;
            background-size: cover;
            background-position: center;
            background-repeat: no-repeat; }
        .connect .content .img-box .unit .link-box {
          position: absolute;
          right: 29px;
          top: 26px;
          color: #fff;
          display: block; }
          @media only screen and (max-width: 440px) {
            .connect .content .img-box .unit .link-box {
              right: 16px;
              top: 18px; } }
          .connect .content .img-box .unit .link-box i {
            font-size: 30px;
            line-height: 1; }
            @media only screen and (max-width: 768px) {
              .connect .content .img-box .unit .link-box i {
                font-size: 25px; } }

iframe {
  display: block;
  margin: 0 auto;
  max-width: 100%; }
  @media (max-width: 768px) {
    iframe {
      max-height: 200px; } }

.signup {
  padding: 80px 0 120px; }
  @media only screen and (max-width: 440px) {
    .signup {
      padding: 41px 0; } }
  .signup .content {
    max-width: 718px;
    padding: 0 50px;
    margin: 0 auto;
    text-align: center; }
    @media only screen and (max-width: 768px) {
      .signup .content {
        padding: 0 29px; } }
    .signup .content h2 {
      font-size: 46px;
      line-height: 1.35;
      letter-spacing: 0.4px;
      font-family: "ModernoFB";
      font-weight: bold;
      font-style: normal;
      color: #3c082a;
      margin-bottom: 20px; }
      @media only screen and (max-width: 768px) {
        .signup .content h2 {
          font-size: 34px;
          line-height: 1.18;
          margin-bottom: 25px; } }
    .signup .content p {
      font-size: 20px;
      line-height: 1.4;
      color: #414141;
      max-width: 418px;
      margin: 0 auto 35px; }
      @media only screen and (max-width: 440px) {
        .signup .content p {
          font-size: 16px;
          line-height: 1.5; } }
    @media only screen and (max-width: 440px) {
      .signup .content .form-box {
        max-width: 311px;
        margin: 0 auto; } }
    .signup .content .form-box form > div {
      display: flex;
      justify-content: center; }
      .signup .content .form-box form > div .wpcf7-form-control-wrap {
        width: calc(100% - 58px); }
      .signup .content .form-box form > div input:not([type="submit"]) {
        width: 100%;
        border: 1px solid #3c082a;
        font-size: 22px;
        line-height: 58px;
        padding: 0 20px;
        color: #3c082a; }
        .signup .content .form-box form > div input:not([type="submit"]):focus {
          border: 1px solid #6f104d; }
      .signup .content .form-box form > div input[type="submit"] {
        width: 58px;
        height: 60px;
        border: 1px solid #3c082a;
        border-left: none;
        font-size: 18px;
        line-height: 58px;
        text-align: center;
        color: #3c082a;
        font-family: "freight-sans-pro",freight-sans-pro;
        font-weight: 600;
        font-style: normal; }
        .signup .content .form-box form > div input[type="submit"]:hover {
          background: #3c082a;
          color: #fff; }
      .signup .content .form-box form > div input::-webkit-input-placeholder {
        color: #414141;
        font-family: "freight-sans-pro",freight-sans-pro;
        font-weight: 400;
        font-style: normal;
        font-size: 22px;
        line-height: 58px;
        opacity: 1; }
      .signup .content .form-box form > div input::-moz-placeholder {
        /* Mozilla Firefox 19+ */
        color: #414141;
        font-family: "freight-sans-pro",freight-sans-pro;
        font-weight: 400;
        font-style: normal;
        font-size: 22px;
        line-height: 58px;
        opacity: 1; }
      .signup .content .form-box form > div input:-moz-placeholder {
        /* Mozilla Firefox 4 to 18 */
        color: #414141;
        font-family: "freight-sans-pro",freight-sans-pro;
        font-weight: 400;
        font-style: normal;
        font-size: 22px;
        line-height: 58px;
        opacity: 1; }
      .signup .content .form-box form > div input:-ms-input-placeholder {
        /* Internet Explorer 10-11 */
        color: #414141;
        font-family: "freight-sans-pro",freight-sans-pro;
        font-weight: 400;
        font-style: normal;
        font-size: 22px;
        line-height: 58px;
        opacity: 1; }
    .signup .content h3 {
      font-size: 30px;
      line-height: 0.9;
      color: #474747;
      margin-bottom: 42px;
      font-family: "freight-sans-pro",freight-sans-pro;
      font-weight: 500;
      font-style: normal;
      text-align: center; }
      @media only screen and (max-width: 768px) {
        .signup .content h3 {
          font-size: 20px;
          line-height: 1.3;
          max-width: 314px;
          margin: 0 auto 42px;
          margin-bottom: 34px; } }
    .signup .content .btns {
      display: inline-block;
      padding: 16px 27px;
      font-size: 17px;
      line-height: 1;
      font-family: "freight-sans-pro",freight-sans-pro;
      font-weight: 600;
      font-style: normal;
      color: #fff;
      background: #3c082a;
      margin: 0 auto;
      text-align: center;
      text-transform: uppercase; }
      @media only screen and (max-width: 768px) {
        .signup .content .btns {
          padding: 14px 19px; } }
      .signup .content .btns:hover {
        background: #6f104d; }
@keyframes loading {
  0% {
    transform: rotate(0deg); }
  100% {
    transform: rotate(360deg); } }
  .signup .submit-c {
    position: relative; }
  .signup div.wpcf7 .ajax-loader {
    visibility: hidden;
    width: 12px;
    height: 12px;
    background: none;
    border: 2px solid #6f104d;
    border-radius: 50%;
    border-bottom: 2px solid transparent;
    -webkit-animation: loading 0.5s infinite linear;
    animation: loading 0.5s infinite linear;
    position: absolute;
    margin: 0 !important;
    top: 25px;
    right: -17px;
    transform: translate(100%, -50%); }
    .signup div.wpcf7 .ajax-loader.is-active {
      visibility: visible; }
  .signup span.wpcf7-not-valid-tip {
    display: none !important;
    color: #f53c48;
    margin-top: 5px;
    font-size: 16px;
    text-align: left; }
  .signup div.wpcf7-acceptance-missing,
  .signup div.wpcf7-validation-errors {
    color: #f53c48;
    border: 0;
    text-align: center; }
  .signup div.wpcf7-mail-sent-ok {
    color: #414141;
    border: 0;
    text-align: center; }
  .signup div.wpcf7-response-output {
    padding: 0;
    margin-left: 0;
    margin-right: 0;
    margin-top: 20px;
    border: none; }

.orchestra .content {
  max-width: 1200px;
  padding: 68px 50px;
  margin: 0 auto;
  display: flex;
  justify-content: space-between;
  align-items: center; }
  @media only screen and (max-width: 768px) {
    .orchestra .content {
      display: block;
      padding: 53px 29px; } }
  @media only screen and (max-width: 440px) {
    .orchestra .content {
      padding-top: 21px;
      padding-bottom: 62px; } }
  .orchestra .content > div {
    max-width: 503px; }
  .orchestra .content .title-m {
    max-width: 514px;
    margin: 0 auto 30px; }
    @media only screen and (min-width: 769px) {
      .orchestra .content .title-m {
        display: none; } }
    .orchestra .content .title-m h2 {
      font-size: 46px;
      line-height: 1;
      letter-spacing: 0.4px;
      font-family: "ModernoFB";
      font-weight: bold;
      font-style: normal;
      color: #3c082a;
      position: relative;
      padding-left: 34px;
      margin-bottom: 70px; }
      @media only screen and (max-width: 1080px) {
        .orchestra .content .title-m h2 {
          margin-bottom: 25px; } }
      @media only screen and (max-width: 1000px) {
        .orchestra .content .title-m h2 {
          font-size: 32px; } }
      .orchestra .content .title-m h2:before {
        content: " ";
        display: block;
        width: 9px;
        height: 52px;
        background: #3c082a;
        position: absolute;
        left: 0;
        top: 0; }
        @media only screen and (max-width: 1000px) {
          .orchestra .content .title-m h2:before {
            height: 100%; } }
      .orchestra .content .title-m h2:after {
        content: " ";
        display: block;
        width: 3px;
        height: 52px;
        background: #3c082a;
        position: absolute;
        left: 12px;
        top: 0; }
        @media only screen and (max-width: 1000px) {
          .orchestra .content .title-m h2:after {
            height: 100%; } }
  .orchestra .content .left-box {
    padding-right: 24px; }
    @media only screen and (max-width: 768px) {
      .orchestra .content .left-box {
        padding: 0;
        margin: 0 auto 30px; } }
  @media only screen and (max-width: 768px) {
    .orchestra .content .right-box {
      margin: 0 auto; } }
  .orchestra .content .right-box h2 {
    font-size: 46px;
    line-height: 1;
    letter-spacing: 0.4px;
    font-family: "ModernoFB";
    font-weight: bold;
    font-style: normal;
    color: #3c082a;
    position: relative;
    padding-left: 34px;
    margin-bottom: 70px; }
    @media only screen and (max-width: 1080px) {
      .orchestra .content .right-box h2 {
        margin-bottom: 25px; } }
    @media only screen and (max-width: 1000px) {
      .orchestra .content .right-box h2 {
        font-size: 32px; } }
    @media only screen and (max-width: 768px) {
      .orchestra .content .right-box h2 {
        display: none; } }
    .orchestra .content .right-box h2:before {
      content: " ";
      display: block;
      width: 9px;
      height: 52px;
      background: #3c082a;
      position: absolute;
      left: 0;
      top: 0; }
      @media only screen and (max-width: 1000px) {
        .orchestra .content .right-box h2:before {
          height: 100%; } }
    .orchestra .content .right-box h2:after {
      content: " ";
      display: block;
      width: 3px;
      height: 52px;
      background: #3c082a;
      position: absolute;
      left: 12px;
      top: 0; }
      @media only screen and (max-width: 1000px) {
        .orchestra .content .right-box h2:after {
          height: 100%; } }
  .orchestra .content .right-box h3 {
    font-size: 32px;
    line-height: 1.06;
    font-family: "ModernoFB";
    font-weight: bold;
    font-style: normal;
    color: #3c082a;
    margin-bottom: 7px; }
    @media only screen and (max-width: 1000px) {
      .orchestra .content .right-box h3 {
        font-size: 22px; } }
  .orchestra .content .right-box h4 {
    font-size: 24px;
    line-height: 1.42;
    color: #8c8a8a;
    font-family: "freight-sans-pro",freight-sans-pro;
    font-weight: 600;
    font-style: normal;
    margin-bottom: 43px; }
    @media only screen and (max-width: 1080px) {
      .orchestra .content .right-box h4 {
        margin-bottom: 25px; } }
    @media only screen and (max-width: 1000px) {
      .orchestra .content .right-box h4 {
        font-size: 20px; } }
    @media only screen and (max-width: 768px) {
      .orchestra .content .right-box h4 {
        margin-bottom: 16px; } }
  .orchestra .content .right-box p {
    font-size: 20px;
    line-height: 1.5;
    color: #414141;
    margin-bottom: 20px; }
    @media only screen and (max-width: 1000px) {
      .orchestra .content .right-box p {
        font-size: 16px; } }
    .orchestra .content .right-box p.bold {
      font-size: 18px;
      line-height: 1.22;
      color: #383838;
      font-family: "freight-sans-pro",freight-sans-pro;
      font-weight: 600;
      font-style: normal; }
  .orchestra .content .right-box .btns {
    display: inline-block;
    padding: 16px 25px;
    font-size: 17px;
    line-height: 1;
    font-family: "freight-sans-pro",freight-sans-pro;
    font-weight: 600;
    font-style: normal;
    color: #fff;
    background: #3c082a;
    margin-top: 33px;
    text-align: center; }
    @media only screen and (max-width: 1080px) {
      .orchestra .content .right-box .btns {
        margin-top: 5px; } }
    @media only screen and (max-width: 768px) {
      .orchestra .content .right-box .btns {
        padding: 10px 15px; } }
    .orchestra .content .right-box .btns:hover {
      background: #6f104d; }

/****************
*** calendar ***
****************/
@media (min-width: 1200px) {
  .filter-calendar .container, .filter-box .container, .filter-content .container {
    max-width: 1680px;
    padding: 0 200px; } }
@media only screen and (max-width: 1440px) {
  .filter-calendar .container, .filter-box .container, .filter-content .container {
    max-width: 100%;
    padding: 0 50px; } }
@media only screen and (max-width: 768px) {
  .filter-calendar .container, .filter-box .container, .filter-content .container {
    padding: 0 34px; } }
@media only screen and (max-width: 375px) {
  .filter-calendar .container, .filter-box .container, .filter-content .container {
    padding: 0 20px; } }
.filter-calendar .img-c, .filter-box .img-c, .filter-content .img-c {
  width: 100%;
  height: 100%; }
  .filter-calendar .img-c div, .filter-box .img-c div, .filter-content .img-c div {
    width: 100%;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat; }
.filter-calendar .btns, .filter-box .btns, .filter-content .btns {
  display: inline-block;
  padding: 14px 15px;
  color: #fff;
  background: #3c082a;
  min-width: 190px;
  font-size: 17px;
  line-height: 1.29;
  text-align: center;
  color: #fff;
  font-family: "freight-sans-pro",freight-sans-pro;
  font-weight: 600;
  font-style: normal; }
  .filter-calendar .btns:hover, .filter-box .btns:hover, .filter-content .btns:hover {
    background: #6f104d; }

@media (min-width: 769px) {
  .filter-calendar {
    margin-bottom: 24px; } }
.filter-calendar .box {
  background-color: rgba(71, 71, 71, 0.1);
  display: flex;
  flex-flow: row wrap;
  justify-content: space-between;
  align-items: center; }
  .filter-calendar .box .title {
    font-size: 18px;
    line-height: 1.33;
    color: #3c082a;
    font-family: "freight-sans-pro",freight-sans-pro;
    font-weight: 600;
    font-style: normal;
    padding: 13px 20px; }
    @media (max-width: 768.98px) {
      .filter-calendar .box .title {
        padding: 16.5px 23px;
        width: 100%;
        display: flex;
        flex-direction: row-reverse;
        justify-content: space-between; }
        .filter-calendar .box .title:hover {
          cursor: pointer; } }
    .filter-calendar .box .title i.iconfont {
      font-size: 18px; }
      @media (min-width: 769px) {
        .filter-calendar .box .title i.iconfont {
          margin-right: 17px; } }
  .filter-calendar .box .reset {
    font-size: 16px;
    letter-spacing: 0.44px;
    text-align: center;
    font-family: "Proxima Nova";
    font-weight: 600;
    font-style: normal;
    text-transform: uppercase;
    color: #fff;
    background-color: rgba(71, 71, 71, 0.3);
    padding: 12px 31px;
    border: solid 1px transparent; }
    @media (max-width: 768.98px) {
      .filter-calendar .box .reset {
        display: none; } }
    .filter-calendar .box .reset:hover {
      /* color: rgba($c-black-6,0.3);
      background-color: transparent;
      border: solid 1px rgba($c-black-6,0.3); */
      color: #fff;
      background-color: #808080; }

.filter-calendar .img-c div,
.filter-box .img-c div,
.filter-content .img-c div {
  height: 100%;
  background-size: cover;
  background-position: top;
  background-repeat: no-repeat; }

.filter-box {
  margin-bottom: 55px; }
  .filter-box .col-xl-3 {
    margin-bottom: 15px; }
    @media (max-width: 1199.98px) and (min-width: 769px) {
      .filter-box .col-xl-3:first-child {
        order: 1; } }
    @media (max-width: 1199.98px) and (min-width: 769px) {
      .filter-box .col-xl-3:last-child {
        order: 2; } }
    .filter-box .col-xl-3 > .select-c {
      position: relative; }
      .filter-box .col-xl-3 > .select-c:after {
        content: "\e623";
        display: inline-block;
        font-size: 24px;
        font-family: 'iconfont';
        transition: all 0.2s;
        position: absolute;
        top: 50%;
        right: 22px;
        transform: translate(0, -50%) rotate(90deg); }
      .filter-box .col-xl-3 > .select-c select {
        width: 100%;
        background-color: transparent;
        font-size: 22px;
        line-height: 1.27;
        color: #414141;
        font-family: "freight-sans-pro",freight-sans-pro;
        font-weight: 400;
        font-style: normal;
        border: solid 1px #3c082a;
        padding: 11px 60px 19px 20px;
        position: relative;
        z-index: 1;
        opacity: 0; }
        .filter-box .col-xl-3 > .select-c select:hover {
          cursor: pointer; }
      .filter-box .col-xl-3 > .select-c > .select-surface {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%; }
        .filter-box .col-xl-3 > .select-c > .select-surface .select-head {
          width: 100%;
          height: 100%;
          background-color: transparent;
          font-size: 22px;
          line-height: 1.27;
          color: #414141;
          font-family: "freight-sans-pro",freight-sans-pro;
          font-weight: 400;
          font-style: normal;
          border: solid 1px #3c082a;
          padding: 11px 60px 19px 20px;
          position: relative;
          z-index: 1;
          cursor: pointer; }
          .filter-box .col-xl-3 > .select-c > .select-surface .select-head li {
            white-space: nowrap;
            overflow: hidden;
            text-overflow: ellipsis; }
        .filter-box .col-xl-3 > .select-c > .select-surface .option-surface {
          display: none;
          position: absolute;
          border: solid 1px #3c082a;
          border-top: none;
          width: 100%;
          z-index: 2; }
          .filter-box .col-xl-3 > .select-c > .select-surface .option-surface li {
            font-size: 18px;
            line-height: 1.27;
            color: #414141;
            font-family: "freight-sans-pro",freight-sans-pro;
            font-weight: 400;
            font-style: normal;
            cursor: pointer;
            transition: all 0.2s;
            padding: 10px 20px;
            background: #fff;
            cursor: pointer; }
            .filter-box .col-xl-3 > .select-c > .select-surface .option-surface li.active {
              background: #ddd; }
            .filter-box .col-xl-3 > .select-c > .select-surface .option-surface li:hover {
              background: #3c082a;
              color: #fff; }
    .filter-box .col-xl-3 .date-picker-c {
      position: relative; }
      .filter-box .col-xl-3 .date-picker-c:after {
        content: "\e62f";
        display: inline-block;
        font-size: 24px;
        font-family: 'iconfont';
        transition: all 0.2s;
        position: absolute;
        top: 50%;
        right: 22px;
        transform: translate(0, -50%); }
      .filter-box .col-xl-3 .date-picker-c > input {
        width: 100%;
        background-color: transparent;
        font-size: 22px;
        line-height: 1.27;
        color: #414141;
        font-family: "freight-sans-pro",freight-sans-pro;
        font-weight: 400;
        font-style: normal;
        border: solid 1px #3c082a;
        padding: 11px 60px 19px 20px;
        position: relative;
        z-index: 1; }
        .filter-box .col-xl-3 .date-picker-c > input:hover {
          cursor: pointer; }
        .filter-box .col-xl-3 .date-picker-c > input::placeholder {
          color: #414141; }
    .filter-box .col-xl-3 .btns {
      width: 100%;
      padding: 17px 15px; }

@media (min-width: 769px) {
  .filter-top:not(.filter-top-mobile) {
    display: block !important; } }
@media (max-width: 768.98px) {
  .filter-top:not(.filter-top-mobile) {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 150;
    display: flex;
    flex-flow: column;
    justify-content: center;
    align-items: center;
    padding: 32px;
    display: none; } }
@media (max-width: 768.98px) {
  .filter-top:not(.filter-top-mobile) .bg-container {
    background-color: rgba(0, 0, 0, 0.5);
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%; } }
.filter-top:not(.filter-top-mobile) .filter-calendar {
  display: none; }
  @media (max-width: 768.98px) {
    .filter-top:not(.filter-top-mobile) .filter-calendar {
      display: block;
      width: 100%;
      background-color: #fff;
      padding-bottom: 15px;
      position: relative;
      z-index: 1; } }
  @media (max-width: 768.98px) {
    .filter-top:not(.filter-top-mobile) .filter-calendar .container {
      padding: 0; } }
  @media (max-width: 768.98px) {
    .filter-top:not(.filter-top-mobile) .filter-calendar .box {
      position: relative; } }
  @media (max-width: 768.98px) {
    .filter-top:not(.filter-top-mobile) .filter-calendar .box .title {
      font-size: 18px;
      letter-spacing: 0.5px;
      font-family: "Proxima Nova";
      font-weight: 600;
      font-style: normal; } }
  @media (max-width: 768.98px) {
    .filter-top:not(.filter-top-mobile) .filter-calendar .box .title:hover {
      cursor: auto; } }
  .filter-top:not(.filter-top-mobile) .filter-calendar .box .title i.iconfont {
    margin-left: 90px; }
    @media (max-width: 768.98px) {
      .filter-top:not(.filter-top-mobile) .filter-calendar .box .title i.iconfont:hover {
        cursor: pointer; } }
  @media (max-width: 768.98px) {
    .filter-top:not(.filter-top-mobile) .filter-calendar .box .reset {
      display: block;
      font-size: 12.8px;
      letter-spacing: 0.36px;
      padding: 10px 17.5px;
      position: absolute;
      top: 50%;
      right: 50px;
      transform: translate(0, -50%); } }
@media (max-width: 768.98px) {
  .filter-top:not(.filter-top-mobile) .filter-box {
    background-color: #fff;
    position: relative;
    z-index: 1; } }
@media (max-width: 768.98px) {
  .filter-top:not(.filter-top-mobile) .filter-box .container {
    padding: 0; } }
@media (max-width: 768.98px) {
  .filter-top:not(.filter-top-mobile) .filter-box .container .col-xl-3 {
    margin-bottom: 20px; } }
@media (max-width: 768.98px) {
  .filter-top:not(.filter-top-mobile) .filter-box .container .col-xl-3:last-child {
    margin-bottom: 0; } }
@media (max-width: 768.98px) {
  .filter-top:not(.filter-top-mobile) .filter-box .container .col-xl-3 > .select-c, .filter-top:not(.filter-top-mobile) .filter-box .container .col-xl-3 .date-picker-c {
    max-width: calc(100% - 40px);
    margin: 0 auto; } }
@media (max-width: 768.98px) {
  .filter-top:not(.filter-top-mobile) .filter-box .container .col-xl-3 > .select-c:after, .filter-top:not(.filter-top-mobile) .filter-box .container .col-xl-3 .date-picker-c:after {
    font-size: 18px; } }
@media (max-width: 575.98px) {
  .filter-top:not(.filter-top-mobile) .filter-box .container .col-xl-3 > .select-c select {
    font-size: 18px;
    padding: 11px 60px 13px 20px; } }
@media (max-width: 575.98px) {
  .filter-top:not(.filter-top-mobile) .filter-box .container .col-xl-3 > .select-c > .select-surface .select-head {
    font-size: 18px;
    padding: 11px 60px 13px 20px; } }
@media (max-width: 575.98px) {
  .filter-top:not(.filter-top-mobile) .filter-box .container .col-xl-3 .date-picker-c input {
    font-size: 18px;
    padding: 11px 60px 13px 20px; } }
@media (max-width: 575.98px) {
  .filter-top:not(.filter-top-mobile) .filter-box .container .col-xl-3 .btns {
    font-size: 16px;
    letter-spacing: 0.44px;
    font-family: "Proxima Nova";
    font-weight: 600;
    font-style: normal; } }

.filter-top-mobile {
  display: block; }

body .ui-widget.ui-widget-content {
  position: absolute !important;
  top: auto !important;
  bottom: 0 !important;
  left: 0 !important;
  width: 100%;
  transform: translate(0, calc(100% - 1px));
  border: solid 1px #3c082a;
  border-radius: 0;
  padding: 12px 22px; }
  body .ui-widget.ui-widget-content .ui-widget-header {
    background-color: transparent;
    border: none;
    padding: 0; }
    body .ui-widget.ui-widget-content .ui-widget-header .ui-corner-all {
      display: flex;
      justify-content: center;
      align-items: center; }
      body .ui-widget.ui-widget-content .ui-widget-header .ui-corner-all:hover {
        background-color: transparent;
        border: none; }
        body .ui-widget.ui-widget-content .ui-widget-header .ui-corner-all:hover:before {
          color: #6f104d;
          transition: all 0.2s; }
      body .ui-widget.ui-widget-content .ui-widget-header .ui-corner-all span {
        display: none; }
      body .ui-widget.ui-widget-content .ui-widget-header .ui-corner-all.ui-datepicker-prev {
        left: 0;
        top: 0; }
        body .ui-widget.ui-widget-content .ui-widget-header .ui-corner-all.ui-datepicker-prev:before {
          content: "\e623";
          display: inline-block;
          font-size: 12px;
          font-family: 'iconfont';
          transform: rotate(180deg);
          transition: all 0.2s; }
      body .ui-widget.ui-widget-content .ui-widget-header .ui-corner-all.ui-datepicker-next {
        top: 0;
        right: 0; }
        body .ui-widget.ui-widget-content .ui-widget-header .ui-corner-all.ui-datepicker-next:before {
          content: "\e623";
          display: inline-block;
          font-size: 12px;
          font-family: 'iconfont';
          transition: all 0.2s; }
    body .ui-widget.ui-widget-content .ui-widget-header .ui-datepicker-title {
      width: auto;
      background-color: transparent; }
      body .ui-widget.ui-widget-content .ui-widget-header .ui-datepicker-title select {
        background-color: transparent; }
  body .ui-widget.ui-widget-content table.ui-datepicker-calendar {
    margin-top: 5px; }
    body .ui-widget.ui-widget-content table.ui-datepicker-calendar thead {
      font-size: 10.2px;
      font-family: Roboto;
      font-weight: 500;
      font-style: normal;
      font-stretch: normal;
      line-height: normal;
      letter-spacing: normal;
      text-align: center;
      color: rgba(0, 0, 0, 0.38); }
    body .ui-widget.ui-widget-content table.ui-datepicker-calendar tbody tr td {
      padding-top: 8px;
      padding-bottom: 8px; }
      body .ui-widget.ui-widget-content table.ui-datepicker-calendar tbody tr td a, body .ui-widget.ui-widget-content table.ui-datepicker-calendar tbody tr td span {
        border: none;
        background-color: transparent;
        font-size: 11px;
        text-align: center;
        color: rgba(0, 0, 0, 0.87);
        font-family: "ModernoFB";
        font-weight: bold;
        font-style: normal;
        width: 20px;
        height: 20px;
        margin: 0 auto;
        border-radius: 50%;
        line-height: 18px; }
        body .ui-widget.ui-widget-content table.ui-datepicker-calendar tbody tr td a:hover, body .ui-widget.ui-widget-content table.ui-datepicker-calendar tbody tr td span:hover {
          background-color: #6f104d;
          color: #fff; }
      body .ui-widget.ui-widget-content table.ui-datepicker-calendar tbody tr td.ui-datepicker-today a.ui-state-highlight {
        background-color: transparent;
        color: rgba(0, 0, 0, 0.87); }
      body .ui-widget.ui-widget-content table.ui-datepicker-calendar tbody tr td.ui-datepicker-current-day a.ui-state-active {
        background-color: #6f104d;
        color: #fff; }

.filter-content {
  padding-top: 22px;
  margin-bottom: 5.2rem; }
  @media (max-width: 768.98px) {
    .filter-content {
      margin-bottom: 2.2rem; } }
  .filter-content .list h2 {
    text-align: center;
    transition: all 0.2s; }
  .filter-content .list.loading {
    position: relative; }
    .filter-content .list.loading h2 {
      opacity: 0; }
    .filter-content .list.loading:before {
      content: " ";
      display: inline-block;
      width: 12px;
      height: 12px;
      background: none;
      border: 2px solid #6f104d;
      border-radius: 50%;
      border-bottom: 2px solid transparent;
      -webkit-animation: loading 0.5s infinite linear;
      animation: loading 0.5s infinite linear;
      position: absolute;
      margin: 0 !important;
      top: 50px;
      left: 50%;
      transform: translateX(-50%); }
    .filter-content .list.loading .group {
      opacity: 0; }
  .filter-content .list .group {
    transition: all 0.2s; }
    .filter-content .list .group:first-child .right .item-c:first-child {
      padding-top: 8px; }
    .filter-content .list .group .left {
      padding: 10px 0; }
      @media (max-width: 1199.98px) {
        .filter-content .list .group .left {
          display: none; } }
      .filter-content .list .group .left p {
        font-size: 30px;
        line-height: 1.87;
        letter-spacing: 1.43px;
        color: #3c082a;
        font-family: "freight-sans-pro",freight-sans-pro;
        font-weight: 600;
        font-style: normal;
        text-transform: uppercase;
        position: relative;
        padding-left: 40px;
        padding-right: 15px; }
        .filter-content .list .group .left p:before {
          content: " ";
          display: block;
          width: 9px;
          height: 45%;
          margin-right: 4px;
          background: #3c082a;
          position: absolute;
          left: 0;
          top: calc(3px + 50%);
          transform: translate(0, -50%); }
        .filter-content .list .group .left p:after {
          content: " ";
          display: block;
          width: 4px;
          height: 45%;
          background: #3c082a;
          position: absolute;
          left: 12px;
          top: calc(3px + 50%);
          transform: translate(0, -50%); }
    @media (min-width: 1200px) {
      .filter-content .list .group .right {
        margin-left: -30px; } }
    .filter-content .list .group .right .item-c {
      display: flex;
      flex-flow: row wrap;
      padding: 28px 0 28px;
      border-bottom: solid 2px #dbbad0; }
      @media (max-width: 575.98px) {
        .filter-content .list .group .right .item-c {
          padding: 23px 0 15px; } }
      .filter-content .list .group .right .item-c .img-c {
        width: 175px; }
        @media (max-width: 575.98px) {
          .filter-content .list .group .right .item-c .img-c {
            width: 84px;
            height: 146px; } }
        @media (min-width: 576px) {
          .filter-content .list .group .right .item-c .img-c div {
            padding-top: 100%; } }
        @media (max-width: 575.98px) {
          .filter-content .list .group .right .item-c .img-c div {
            height: 100%; } }
      .filter-content .list .group .right .item-c .text-c {
        width: calc(100% - 175px); }
        @media (min-width: 1200px) {
          .filter-content .list .group .right .item-c .text-c {
            display: flex;
            flex-flow: row wrap;
            align-items: center; } }
        @media (max-width: 1199.98px) {
          .filter-content .list .group .right .item-c .text-c {
            padding: 6px 0 6px 40px; } }
        @media (max-width: 768.98px) {
          .filter-content .list .group .right .item-c .text-c {
            padding: 0;
            padding-left: 20px; } }
        @media (max-width: 575.98px) {
          .filter-content .list .group .right .item-c .text-c {
            width: calc(100% - 84px); } }
        @media (min-width: 1200px) {
          .filter-content .list .group .right .item-c .text-c .content {
            width: calc(100% - 190px);
            padding: 6px 40px; } }
        .filter-content .list .group .right .item-c .text-c .content p:last-child {
          margin-bottom: 0; }
        .filter-content .list .group .right .item-c .text-c .content .marker {
          font-size: 14px;
          line-height: 1.57;
          color: #383838;
          font-family: "freight-sans-pro",freight-sans-pro;
          font-weight: 600;
          font-style: normal;
          text-transform: uppercase;
          margin-bottom: 8px; }
          @media (max-width: 575.98px) {
            .filter-content .list .group .right .item-c .text-c .content .marker {
              font-size: 9px;
              line-height: 1;
              margin-bottom: 3px; } }
        .filter-content .list .group .right .item-c .text-c .content h3 {
          font-size: 32px;
          line-height: 1.06;
          color: #3c082a;
          font-family: "ModernoFB";
          font-weight: bold;
          font-style: normal;
          margin-bottom: 9px;
          letter-spacing: 0.5px;
          transition: all 0.2s ease-in-out;
          cursor: pointer; }
          .filter-content .list .group .right .item-c .text-c .content h3:hover {
            color: #6f104d; }
          @media (max-width: 575.98px) {
            .filter-content .list .group .right .item-c .text-c .content h3 {
              font-size: 18px;
              line-height: 1.66667;
              margin-bottom: 2px; } }
        .filter-content .list .group .right .item-c .text-c .content .date {
          font-size: 22px;
          line-height: 1;
          color: #383838;
          font-family: "freight-sans-pro",freight-sans-pro;
          font-weight: 500;
          font-style: normal;
          text-transform: uppercase;
          margin-bottom: 30px; }
          @media (max-width: 575.98px) {
            .filter-content .list .group .right .item-c .text-c .content .date {
              font-size: 14.3px;
              line-height: 1;
              margin-bottom: 13px; } }
        .filter-content .list .group .right .item-c .text-c .content p {
          font-size: 18px;
          line-height: 1.33;
          color: #414141;
          font-family: "freight-sans-pro",freight-sans-pro;
          font-weight: 400;
          font-style: normal;
          margin-bottom: 18px; }
          @media (max-width: 575.98px) {
            .filter-content .list .group .right .item-c .text-c .content p {
              font-size: 11.7px;
              line-height: 1.33333; } }
        @media (min-width: 1200px) {
          .filter-content .list .group .right .item-c .text-c .button-group {
            width: 190px; } }
        @media (max-width: 1199.98px) {
          .filter-content .list .group .right .item-c .text-c .button-group {
            display: flex;
            flex-flow: row wrap; } }
        .filter-content .list .group .right .item-c .text-c .button-group .btns {
          margin-top: 15px; }
          @media (min-width: 1200px) {
            .filter-content .list .group .right .item-c .text-c .button-group .btns {
              width: 100%; } }
          @media (max-width: 1199.98px) {
            .filter-content .list .group .right .item-c .text-c .button-group .btns {
              margin-right: 28px; } }
          @media (max-width: 768.98px) {
            .filter-content .list .group .right .item-c .text-c .button-group .btns {
              font-size: 16px;
              color: #3c082a;
              background-color: transparent;
              border: none;
              border-bottom: 2px solid transparent;
              padding: 0;
              min-width: auto; }
              .filter-content .list .group .right .item-c .text-c .button-group .btns:hover {
                border-bottom: 2px solid #3c082a; } }
  .filter-content + .signup {
    margin-bottom: 6rem; }
    @media (max-width: 768.98px) {
      .filter-content + .signup {
        margin-bottom: 3.2rem; } }
  .filter-content.venue .list .group .right .item-c .text-c .content {
    display: block;
    text-align: left;
    width: 100%; }
    .filter-content.venue .list .group .right .item-c .text-c .content a, .filter-content.venue .list .group .right .item-c .text-c .content .date {
      display: block;
      width: 100%; }

.content-area .woocommerce-breadcrumb, .content-area .woocommerce-product-gallery, .content-area .woocommerce-tabs {
  display: none; }
.content-area .site-main {
  max-width: 959px;
  padding: 50px;
  margin: 0 auto;
  padding-top: 90px; }
  @media only screen and (max-width: 768px) {
    .content-area .site-main {
      padding: 50px 30px; } }
  .content-area .site-main .before-woo {
    margin-bottom: 60px; }
    .content-area .site-main .before-woo h1 {
      font-size: 80px;
      line-height: 1.25;
      font-family: "ModernoFB";
      font-weight: bold;
      font-style: normal;
      letter-spacing: 1.15px;
      text-align: center;
      color: #3c082a;
      max-width: 700px;
      margin: 0 auto 80px; }
      @media only screen and (max-width: 768px) {
        .content-area .site-main .before-woo h1 {
          font-size: 42px;
          line-height: 1.14;
          letter-spacing: normal;
          margin-bottom: 40px; } }
    .content-area .site-main .before-woo h2 {
      font-size: 32px;
      line-height: 1.06;
      font-family: "ModernoFB";
      font-weight: bold;
      font-style: normal;
      color: #383838;
      margin-bottom: 23px; }
      @media only screen and (max-width: 768px) {
        .content-area .site-main .before-woo h2 {
          font-size: 26px;
          line-height: 1.23; } }
    .content-area .site-main .before-woo p {
      font-size: 20px;
      line-height: 1.5;
      color: #414141;
      margin-bottom: 40px; }
      @media only screen and (max-width: 768px) {
        .content-area .site-main .before-woo p {
          font-size: 16px; } }
      .content-area .site-main .before-woo p img {
        float: left;
        margin-right: 35px;
        max-width: 250px; }
        @media only screen and (max-width: 768px) {
          .content-area .site-main .before-woo p img {
            max-width: 150px; } }
  .content-area .site-main .before-woo-title {
    margin-bottom: 20px; }
    .content-area .site-main .before-woo-title h3 {
      font-size: 20px;
      line-height: 1.2;
      font-family: "freight-sans-pro",freight-sans-pro;
      font-weight: 600;
      font-style: normal;
      color: #383838; }
      @media only screen and (max-width: 768px) {
        .content-area .site-main .before-woo-title h3 {
          font-size: 16px;
          line-height: 1.5; } }
  .content-area .site-main .product .summary {
    margin-bottom: 0; }
    .content-area .site-main .product .summary h1 {
      font-size: 32px;
      line-height: 1.06;
      font-family: "ModernoFB";
      font-weight: bold;
      font-style: normal;
      color: #383838; }
      @media only screen and (max-width: 768px) {
        .content-area .site-main .product .summary h1 {
          font-size: 26px;
          line-height: 1.23; } }
    .content-area .site-main .product .summary > .price {
      display: none; }
    .content-area .site-main .product .summary form {
      display: flex;
      flex-wrap: wrap;
      justify-content: flex-end;
      margin-bottom: 0; }
      @media only screen and (max-width: 480px) {
        .content-area .site-main .product .summary form .required-product-addon {
          margin: 10px 0; } }
      .content-area .site-main .product .summary form .required-product-addon h3 {
        font-size: 18px;
        line-height: 1.22;
        font-family: "freight-sans-pro",freight-sans-pro;
        font-weight: 600;
        font-style: normal;
        color: #383838;
        margin-bottom: 8px; }
        .content-area .site-main .product .summary form .required-product-addon h3 .required {
          display: none; }
      .content-area .site-main .product .summary form .required-product-addon p {
        padding: 0; }
        .content-area .site-main .product .summary form .required-product-addon p select {
          border: 1px solid #3c082a;
          font-size: 22px;
          line-height: 1.27;
          color: #414141;
          font-family: "freight-sans-pro",freight-sans-pro;
          font-weight: 400;
          font-style: normal;
          width: 100%;
          padding: 20px;
          padding-right: 65px;
          display: block;
          cursor: pointer;
          background-image: url(../images/select.png);
          background-repeat: no-repeat;
          background-position: right 20px center;
          background-size: 22px 12px;
          background-color: #fff; }
          @media only screen and (max-width: 768px) {
            .content-area .site-main .product .summary form .required-product-addon p select {
              font-size: 18px;
              padding: 10px 65px 10px 20px;
              background-size: 18px 10px; } }
      .content-area .site-main .product .summary form .product-addon-location {
        width: 100%; }
      .content-area .site-main .product .summary form .product-addon-day {
        width: 64%;
        margin-right: 3%; }
        @media only screen and (max-width: 480px) {
          .content-area .site-main .product .summary form .product-addon-day {
            width: 100%;
            margin-right: 0; } }
      .content-area .site-main .product .summary form .cw_quantity_select {
        float: none;
        width: 33%;
        margin: 1em 0; }
        @media only screen and (max-width: 480px) {
          .content-area .site-main .product .summary form .cw_quantity_select {
            width: 100%;
            margin: 10px 0; } }
        .content-area .site-main .product .summary form .cw_quantity_select h3 {
          font-size: 18px;
          line-height: 1.22;
          font-family: "freight-sans-pro",freight-sans-pro;
          font-weight: 600;
          font-style: normal;
          color: #383838;
          margin-bottom: 8px; }
          .content-area .site-main .product .summary form .cw_quantity_select h3 .required {
            display: none; }
        .content-area .site-main .product .summary form .cw_quantity_select select {
          border: 1px solid #3c082a;
          font-size: 22px;
          line-height: 1.27;
          color: #414141;
          font-family: "freight-sans-pro",freight-sans-pro;
          font-weight: 400;
          font-style: normal;
          width: 100%;
          padding: 20px;
          padding-right: 65px;
          display: block;
          cursor: pointer;
          background-image: url(../images/select.png);
          background-repeat: no-repeat;
          background-position: right 20px center;
          background-size: 22px 12px;
          background-color: #fff; }
          @media only screen and (max-width: 768px) {
            .content-area .site-main .product .summary form .cw_quantity_select select {
              font-size: 18px;
              padding: 10px 65px 10px 20px;
              background-size: 18px 10px; } }
      .content-area .site-main .product .summary form > div {
        font-size: 22px;
        line-height: 28px;
        font-family: "freight-sans-pro",freight-sans-pro;
        font-weight: 400;
        font-style: normal; }
      .content-area .site-main .product .summary form #product_total_price {
        width: 100%;
        text-align: right;
        font-size: 22px;
        line-height: 1.27;
        font-family: "freight-sans-pro",freight-sans-pro;
        font-weight: 600;
        font-style: normal;
        color: #3c082a; }
        .content-area .site-main .product .summary form #product_total_price .price {
          font-size: 22px;
          line-height: 1.27;
          font-family: "freight-sans-pro",freight-sans-pro;
          font-weight: 600;
          font-style: normal;
          color: #3c082a; }
      .content-area .site-main .product .summary form .single_add_to_cart_button {
        width: 240px;
        float: right;
        font-size: 17px;
        line-height: 1.29;
        text-transform: uppercase; }
    .content-area .site-main .product .summary .product_meta {
      display: none; }

.in-woo {
  padding-top: 30px; }
  @media only screen and (max-width: 768px) {
    .in-woo {
      padding: 50px 0; } }
  .in-woo > h2 {
    font-size: 32px;
    line-height: 1.06;
    font-family: "ModernoFB";
    font-weight: bold;
    font-style: normal;
    color: #383838;
    max-width: 943px;
    margin: 0 auto;
    margin-bottom: 25px;
    padding: 0 50px; }
    @media only screen and (max-width: 768px) {
      .in-woo > h2 {
        padding: 0 30px;
        font-size: 26px;
        line-height: 1.23; } }
  .in-woo > p {
    font-size: 20px;
    line-height: 1.5;
    color: #414141;
    max-width: 943px;
    margin: 0 auto;
    margin-bottom: 90px;
    padding: 0 50px; }
    @media only screen and (max-width: 768px) {
      .in-woo > p {
        padding: 0 30px;
        margin-bottom: 50px;
        font-size: 16px; } }
  .in-woo .performances-c .unit .content {
    padding: 194px 43px 220px;
    text-align: center; }
    @media only screen and (max-width: 414px) {
      .in-woo .performances-c .unit .content {
        padding: 142px 43px 157px; } }
    .in-woo .performances-c .unit .content p:last-child {
      font-size: 32px;
      line-height: 1.5;
      font-family: "ModernoFB";
      font-weight: bold;
      font-style: normal;
      color: #fff;
      margin-bottom: 0; }
    .in-woo .performances-c .unit .content .product-icon {
      margin-bottom: 39px; }
      .in-woo .performances-c .unit .content .product-icon img {
        max-height: 30px;
        width: auto;
        margin: 0 auto;
        display: block; }

.wpcf7-checkbox span.wpcf7-list-item-label,
.wpcf7-radio span.wpcf7-list-item-label {
  padding: 12px 5px;
  display: inline-block; }
.wpcf7-checkbox span.wpcf7-list-item,
.wpcf7-radio span.wpcf7-list-item {
  display: inline-block; }

.ways-to-volunteer .form-content div.wpcf7 .form-field span input[type=checkbox],
.ways-to-volunteer .form-content div.wpcf7 .form-field span input[type=radio] {
  width: auto;
  float: left; }
.ways-to-volunteer .form-content div.wpcf7 .form-field input[type=submit] {
  width: 125px;
  height: 60px;
  border: 1px solid #3c082a !important;
  border-left: none;
  font-size: 18px;
  line-height: 58px;
  text-align: center;
  color: #3c082a;
  font-family: "freight-sans-pro",freight-sans-pro;
  font-weight: 600;
  font-style: normal; }
  .ways-to-volunteer .form-content div.wpcf7 .form-field input[type=submit]:hover {
    background: #3c082a;
    color: #fff; }

#sidebar {
  display: none; }

.woocommerce #content div.product div.summary, .woocommerce div.product div.summary, .woocommerce-page #content div.product div.summary, .woocommerce-page div.product div.summary {
  float: none;
  width: 100%;
  clear: both; }

.woocommerce #respond input#submit.alt, .woocommerce a.button.alt, .woocommerce button.button.alt, .woocommerce input.button.alt {
  background: #3c082a; }
  .woocommerce #respond input#submit.alt:hover, .woocommerce a.button.alt:hover, .woocommerce button.button.alt:hover, .woocommerce input.button.alt:hover {
    background: #6f104d; }

table {
  margin: 20px 0;
  width: auto; }

th {
  background: #000;
  color: #fff;
  font-size: 16px;
  line-height: 20px;
  text-align: left;
  text-transform: uppercase;
  padding: 8px;
  white-space: nowrap;
  border: 1px solid #cccccc; }

td {
  background: #fff;
  font-size: 16px;
  line-height: 20px;
  border: 1px solid #cccccc;
  padding: 6px 8px; }

.drop-btn {
  position: relative;
  cursor: pointer;
  z-index: 9; }

.drop {
  position: absolute;
  bottom: -20px;
  left: 50%;
  transform: translate(-50%, 100%);
  background: #3c082a;
  padding: 30px;
  display: none;
  width: auto;
  justify-content: space-between; }

.drop:before {
  content: '';
  display: block;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 16px;
  border-color: transparent transparent #3c082a transparent;
  position: absolute;
  top: -31px;
  left: 50%;
  transform: translateX(-50%); }

.drop a {
  color: #fff; }

.drop a:after {
  content: "\e623";
  font-family: "iconfont" !important;
  font-size: 20px;
  font-style: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  margin-left: 12px;
  transition: all 0.2s;
  color: #fff; }

.drop ul {
  text-align: left; }

.drop li {
  color: #fff;
  white-space: nowrap;
  padding: 10px 0;
  border-top: 1px solid #6f104d; }
  .drop li:first-of-type {
    border-top: none; }

.artist-list h4 {
  font-family: "ModernoFB";
  padding: 20px; }

.page select {
  border: 1px solid #3c082a;
  font-size: 22px;
  line-height: 1.27;
  color: #414141;
  font-family: "FreigSanProBook";
  font-weight: normal;
  font-style: normal;
  width: 100%;
  padding: 15px;
  padding-right: 65px;
  display: block;
  cursor: pointer;
  background-image: url(../images/select.png);
  background-repeat: no-repeat;
  background-position: right 20px center;
  background-size: 22px 12px;
  background-color: #fff; }

.inner .main-text {
  max-width: 1680px;
  padding: 84px 200px;
  margin: 0 auto; }
  @media only screen and (max-width: 1440px) {
    .inner .main-text {
      padding: 84px 50px; } }
  @media only screen and (max-width: 768px) {
    .inner .main-text {
      padding: 62px 50px; } }
  @media only screen and (max-width: 540px) {
    .inner .main-text {
      padding: 62px 30px; } }
  @media only screen and (max-width: 414px) {
    .inner .main-text {
      padding: 62px 20px; } }
  .inner .main-text .title {
    margin-bottom: 81px; }
    @media only screen and (max-width: 768px) {
      .inner .main-text .title {
        margin-bottom: 48px; } }
    .inner .main-text .title h1 {
      font-size: 80px;
      line-height: 1.25;
      letter-spacing: 1.15px;
      font-family: "ModernoFB";
      font-weight: bold;
      font-style: normal;
      color: #3c082a;
      text-align: center; }
      @media only screen and (max-width: 768px) {
        .inner .main-text .title h1 {
          font-size: 42px;
          line-height: 1.14;
          letter-spacing: normal; } }
  .inner .main-text .content {
    display: flex;
    margin-bottom: 100px; }
    @media only screen and (max-width: 768px) {
      .inner .main-text .content {
        display: block; } }
    .inner .main-text .content .inner-nav {
      flex-grow: 1;
      max-width: 435px;
      margin-right: 75px; }
      @media only screen and (max-width: 768px) {
        .inner .main-text .content .inner-nav {
          display: none; } }
      .inner .main-text .content .inner-nav > ul {
        border-top: 2px solid #3c082a;
        border-bottom: 2px solid #3c082a; }
        .inner .main-text .content .inner-nav > ul > li {
          font-size: 18px;
          line-height: 1.2;
          font-family: "freight-sans-pro",freight-sans-pro;
          font-weight: 600;
          font-style: normal;
          border-bottom: 2px solid #3c082a;
          position: relative; }
          .inner .main-text .content .inner-nav > ul > li:last-child {
            border: none; }
          .inner .main-text .content .inner-nav > ul > li:hover:after {
            right: 13px; }
          .inner .main-text .content .inner-nav > ul > li:after {
            content: "\e623";
            font-family: "iconfont" !important;
            font-size: 22px;
            font-style: normal;
            -webkit-font-smoothing: antialiased;
            -moz-osx-font-smoothing: grayscale;
            position: absolute;
            right: 23px;
            top: 24px;
            color: #3c082a;
            transition: all 0.2s ease-in-out; }
          .inner .main-text .content .inner-nav > ul > li a {
            color: #3c082a;
            display: block;
            padding: 24px 40px 29px 23px; }
    @media only screen and (min-width: 769px) {
      .inner .main-text .content .inner-nav-m {
        display: none; } }
    .inner .main-text .content .inner-nav-m .title {
      border-top: 2px solid #3c082a;
      border-bottom: 2px solid #3c082a;
      padding: 25px 16px 28px;
      position: relative; }
      .inner .main-text .content .inner-nav-m .title h4 {
        font-size: 18px;
        line-height: 1.22;
        font-family: "freight-sans-pro",freight-sans-pro;
        font-weight: 600;
        font-style: normal;
        color: #3c082a;
        cursor: pointer; }
        .inner .main-text .content .inner-nav-m .title h4:after {
          content: "\e623";
          font-family: "iconfont" !important;
          font-size: 22px;
          font-style: normal;
          -webkit-font-smoothing: antialiased;
          -moz-osx-font-smoothing: grayscale;
          position: absolute;
          right: 10px;
          top: 24px;
          color: #3c082a;
          transform: rotate(90deg);
          transition: all 0.2s; }
      .inner .main-text .content .inner-nav-m .title.active h4:after {
        transform: rotate(270deg); }
      .inner .main-text .content .inner-nav-m .title > ul {
        display: none;
        padding-top: 20px; }
        .inner .main-text .content .inner-nav-m .title > ul > li {
          font-size: 16px;
          line-height: 1.25;
          font-family: "IBMPlexSans";
          font-weight: normal;
          font-style: normal;
          font-weight: 600;
          margin-bottom: 21px; }
          .inner .main-text .content .inner-nav-m .title > ul > li:last-child {
            margin-bottom: 0; }
          .inner .main-text .content .inner-nav-m .title > ul > li a {
            color: #383838; }
    .inner .main-text .content .text-box {
      max-width: 766px; }
      .inner .main-text .content .text-box h2 {
        margin-bottom: 20px;
        font-size: 42px;
        line-height: 1.33;
        font-family: "ModernoFB";
        font-weight: bold;
        font-style: normal;
        color: #3c082a; }
        @media only screen and (max-width: 768px) {
          .inner .main-text .content .text-box h2 {
            font-size: 26px;
            line-height: 1.23; } }
      .inner .main-text .content .text-box h3 {
        font-size: 24px;
        line-height: 1.42;
        font-family: "freight-sans-pro",freight-sans-pro;
        font-weight: 600;
        font-style: normal;
        color: #383838;
        margin: 24px 0; }
        @media only screen and (max-width: 768px) {
          .inner .main-text .content .text-box h3 {
            font-size: 20px;
            line-height: 1.2; } }
      .inner .main-text .content .text-box p, .inner .main-text .content .text-box li {
        font-size: 20px;
        line-height: 1.5;
        color: #414141;
        margin-bottom: 10px; }
        @media only screen and (max-width: 768px) {
          .inner .main-text .content .text-box p, .inner .main-text .content .text-box li {
            font-size: 18px;
            line-height: 1.5; } }
        @media only screen and (max-width: 414px) {
          .inner .main-text .content .text-box p, .inner .main-text .content .text-box li {
            font-size: 16px; } }
      .inner .main-text .content .text-box p {
        margin-bottom: 30px; }
      .inner .main-text .content .text-box .btns {
        display: inline-block;
        padding: 16px 64px;
        font-size: 17px;
        line-height: 1;
        font-family: "freight-sans-pro",freight-sans-pro;
        font-weight: 600;
        font-style: normal;
        color: #fff;
        background: #3c082a;
        margin-top: 25px;
        text-align: center; }
        @media only screen and (max-width: 1080px) {
          .inner .main-text .content .text-box .btns {
            margin-top: 5px; } }
        @media only screen and (max-width: 768px) {
          .inner .main-text .content .text-box .btns {
            padding: 10px 44px; } }
        .inner .main-text .content .text-box .btns:hover {
          background: #6f104d; }
  .inner .main-text .img-box {
    display: flex;
    justify-content: space-between; }
    @media only screen and (max-width: 640px) {
      .inner .main-text .img-box {
        display: block; } }
    .inner .main-text .img-box a {
      display: block;
      width: calc(50% - 15px);
      padding: 138px 30px;
      position: relative;
      overflow: hidden; }
      @media only screen and (max-width: 640px) {
        .inner .main-text .img-box a {
          width: 100%;
          margin-bottom: 20px; }
          .inner .main-text .img-box a:last-child {
            margin-bottom: 0; } }
      @media only screen and (max-width: 480px) {
        .inner .main-text .img-box a {
          padding: 94px 30px; } }
      .inner .main-text .img-box a:hover .bg-box {
        transform: scale(1.1); }
      .inner .main-text .img-box a .bg-box {
        transition: all 0.2s;
        position: absolute;
        top: 0;
        left: 0;
        z-index: -2;
        width: 100%;
        height: 100%;
        background-repeat: no-repeat;
        background-position: center;
        background-size: cover; }
      .inner .main-text .img-box a .mask {
        position: absolute;
        top: 0;
        left: 0;
        z-index: -1;
        width: 100%;
        height: 100%;
        opacity: 0.6;
        background-repeat: no-repeat;
        background-size: 100% 100%;
        background-image: url(../images/mask-m-01.png); }
        .inner .main-text .img-box a .mask.mask-02 {
          background-image: url(../images/mask-m-02.png); }
      .inner .main-text .img-box a h2 {
        font-size: 32px;
        line-height: 1.25;
        font-family: "ModernoFB";
        font-weight: bold;
        font-style: normal;
        text-align: center;
        color: #fff; }
        @media only screen and (max-width: 480px) {
          .inner .main-text .img-box a h2 {
            font-size: 22px;
            line-height: 1.36; } }

.illustration .all-box {
  position: relative; }
  .illustration .all-box .bg-box {
    transition: all 0.2s;
    position: absolute;
    top: 0;
    left: 0;
    z-index: -2;
    width: 100%;
    height: 100%;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover; }
    @media only screen and (max-width: 480px) {
      .illustration .all-box .bg-box {
        display: none; } }
  .illustration .all-box .mask {
    position: absolute;
    top: 0;
    left: 0;
    z-index: -1;
    width: 100%;
    height: 100%;
    opacity: 0.9;
    background-repeat: no-repeat;
    background-size: 100% 100%;
    background-image: url(../images/mask-l-02.png); }
    @media only screen and (max-width: 480px) {
      .illustration .all-box .mask {
        display: none; } }
  .illustration .all-box .img-box {
    margin-bottom: 32px; }
    @media only screen and (min-width: 481px) {
      .illustration .all-box .img-box {
        display: none; } }
    .illustration .all-box .img-box img {
      display: block; }
  .illustration .all-box .content {
    max-width: 1680px;
    margin: 0 auto;
    padding: 182px 200px 177px; }
    @media only screen and (max-width: 1440px) {
      .illustration .all-box .content {
        padding: 182px 100px 177px; } }
    @media only screen and (max-width: 768px) {
      .illustration .all-box .content {
        padding: 182px 50px 177px; } }
    @media only screen and (max-width: 480px) {
      .illustration .all-box .content {
        padding: 0 37px 0 25px; } }
    .illustration .all-box .content p {
      color: #fff;
      font-size: 32px;
      line-height: 1.19;
      font-family: "ModernoFB";
      font-weight: bold;
      font-style: normal;
      max-width: 629px; }
      @media only screen and (max-width: 768px) {
        .illustration .all-box .content p {
          font-size: 22px;
          line-height: 1.36; } }
      @media only screen and (max-width: 480px) {
        .illustration .all-box .content p {
          color: #000000; } }
    .illustration .all-box .content .btns {
      display: inline-block;
      padding: 14px 38px;
      font-size: 17px;
      line-height: 1;
      font-family: "freight-sans-pro",freight-sans-pro;
      font-weight: 600;
      font-style: normal;
      color: #3c082a;
      background: #fff;
      margin-top: 35px;
      text-align: center; }
      @media only screen and (max-width: 1080px) {
        .illustration .all-box .content .btns {
          margin-top: 15px; } }
      @media only screen and (max-width: 480px) {
        .illustration .all-box .content .btns {
          color: #fff;
          background: #3c082a;
          margin-top: 31px; } }
      .illustration .all-box .content .btns:hover {
        color: #fff;
        background: #3c082a; }
        @media only screen and (max-width: 480px) {
          .illustration .all-box .content .btns:hover {
            background: #6f104d; } }

.inner-performances {
  padding: 87px 0 55px; }
  @media only screen and (max-width: 768px) {
    .inner-performances {
      padding: 54px 0 21px; } }
  .inner-performances .content {
    max-width: 1680px;
    margin: 0 auto;
    padding: 0 200px; }
    @media only screen and (max-width: 1440px) {
      .inner-performances .content {
        padding: 0 100px; } }
    @media only screen and (max-width: 980px) {
      .inner-performances .content {
        padding: 0 50px; } }
    @media only screen and (max-width: 480px) {
      .inner-performances .content {
        padding: 0 22px; } }
    .inner-performances .content .title {
      text-align: center;
      margin-bottom: 27px; }
      @media only screen and (max-width: 768px) {
        .inner-performances .content .title {
          margin-bottom: 24px; } }
      .inner-performances .content .title h2 {
        font-size: 46px;
        line-height: 1.35;
        letter-spacing: 0.4px;
        font-family: "ModernoFB";
        font-weight: bold;
        font-style: normal;
        color: #3c082a;
        margin-bottom: 42px; }
        @media only screen and (max-width: 980px) {
          .inner-performances .content .title h2 {
            font-size: 34px;
            line-height: 1.18; } }
        @media only screen and (max-width: 768px) {
          .inner-performances .content .title h2 {
            margin-bottom: 31px; } }
      .inner-performances .content .title h3 {
        font-size: 40px;
        font-family: "freight-sans-pro",freight-sans-pro;
        font-weight: 600;
        font-style: normal;
        color: #3c082a;
        margin-bottom: 37px;
        text-transform: uppercase; }
        @media only screen and (max-width: 980px) {
          .inner-performances .content .title h3 {
            font-size: 28px;
            margin-bottom: 10px; } }
        @media only screen and (max-width: 768px) {
          .inner-performances .content .title h3 {
            display: none; } }
      .inner-performances .content .title h4 {
        font-size: 24px;
        line-height: 1.42;
        font-family: "freight-sans-pro",freight-sans-pro;
        font-weight: 600;
        font-style: normal;
        color: #3c082a;
        margin-bottom: 7px; }
        @media only screen and (max-width: 980px) {
          .inner-performances .content .title h4 {
            font-size: 18px;
            line-height: 1.33; } }
      .inner-performances .content .title .btns {
        display: inline-block;
        padding: 16px 61px;
        font-size: 17px;
        line-height: 1;
        font-family: "freight-sans-pro",freight-sans-pro;
        font-weight: 600;
        font-style: normal;
        color: #fff;
        background: #3c082a;
        text-align: center;
        margin: 0 auto; }
        @media only screen and (max-width: 768px) {
          .inner-performances .content .title .btns {
            padding: 10px 41px; } }
        .inner-performances .content .title .btns:hover {
          background: #6f104d; }
    .inner-performances .content .main-box {
      display: flex;
      justify-content: space-between;
      padding: 56px 0; }
      .inner-performances .content .main-box:last-child {
        padding-bottom: 0; }
      @media only screen and (max-width: 768px) {
        .inner-performances .content .main-box {
          flex-direction: column;
          padding: 16px 0; } }
      @media only screen and (max-width: 768px) {
        .inner-performances .content .main-box.order-m .left-box {
          margin-bottom: 0; } }
      @media only screen and (max-width: 768px) {
        .inner-performances .content .main-box.order-m .right-box {
          order: -1;
          margin-bottom: 41px; } }
      .inner-performances .content .main-box .full-box {
        position: relative; }
        .inner-performances .content .main-box .full-box .text-box p {
          font-size: 20px;
          line-height: 1.5;
          color: #414141; }
          @media only screen and (max-width: 980px) {
            .inner-performances .content .main-box .full-box .text-box p {
              font-size: 18px; } }
          @media only screen and (max-width: 768px) {
            .inner-performances .content .main-box .full-box .text-box p {
              font-size: 16px; } }
        .inner-performances .content .main-box .full-box .line-block {
          position: absolute;
          top: 0;
          left: -48px;
          display: flex; }
          @media only screen and (max-width: 980px) {
            .inner-performances .content .main-box .full-box .line-block {
              display: none; } }
          .inner-performances .content .main-box .full-box .line-block:before {
            content: " ";
            display: block;
            width: 9px;
            height: 52px;
            margin-right: 4px;
            background: #3c082a; }
          .inner-performances .content .main-box .full-box .line-block:after {
            content: " ";
            display: block;
            width: 4px;
            height: 52px;
            background: #3c082a; }
      .inner-performances .content .main-box .left-box {
        position: relative;
        max-width: 440px;
        margin-right: 72px; }
        @media only screen and (max-width: 980px) {
          .inner-performances .content .main-box .left-box {
            width: 50%;
            margin-right: 40px; } }
        @media only screen and (max-width: 768px) {
          .inner-performances .content .main-box .left-box {
            width: 100%;
            margin-right: 0;
            max-width: 768px;
            margin-bottom: 31px; } }
        .inner-performances .content .main-box .left-box .text-box h2 {
          font-size: 42px;
          line-height: 1.33;
          color: #3c082a;
          font-family: "ModernoFB";
          font-weight: bold;
          font-style: normal; }
          @media only screen and (max-width: 980px) {
            .inner-performances .content .main-box .left-box .text-box h2 {
              font-size: 26px;
              line-height: 1.23; } }
        .inner-performances .content .main-box .left-box .text-box h4 {
          font-size: 24px;
          line-height: 1;
          letter-spacing: 2.02px;
          color: #3c082a;
          font-family: "freight-sans-pro",freight-sans-pro;
          font-weight: 600;
          font-style: normal;
          margin-bottom: 18px; }
          @media only screen and (max-width: 980px) {
            .inner-performances .content .main-box .left-box .text-box h4 {
              font-size: 21.1px;
              line-height: 1;
              letter-spacing: 1.78px; } }
          @media only screen and (max-width: 768px) {
            .inner-performances .content .main-box .left-box .text-box h4 {
              margin-bottom: 14px; } }
          .inner-performances .content .main-box .left-box .text-box h4.wide {
            letter-spacing: 2.5px;
            margin-top: 30px; }
            @media only screen and (max-width: 768px) {
              .inner-performances .content .main-box .left-box .text-box h4.wide {
                margin-top: 28px; } }
        .inner-performances .content .main-box .left-box .text-box p {
          font-size: 18px;
          line-height: 1.33;
          font-family: "freight-sans-pro",freight-sans-pro;
          font-weight: 600;
          font-style: normal;
          color: #383838;
          margin-bottom: 18px; }
          @media only screen and (max-width: 980px) {
            .inner-performances .content .main-box .left-box .text-box p {
              font-size: 15.8px; } }
          @media only screen and (max-width: 768px) {
            .inner-performances .content .main-box .left-box .text-box p {
              margin-bottom: 12px; } }
          .inner-performances .content .main-box .left-box .text-box p i {
            margin: 0 8px;
            font-style: normal; }
          .inner-performances .content .main-box .left-box .text-box p a {
            font-family: "freight-sans-pro",freight-sans-pro;
            font-weight: 700;
            font-style: normal;
            color: #3c082a; }
            .inner-performances .content .main-box .left-box .text-box p a:after {
              content: "\e623";
              font-family: "iconfont" !important;
              font-size: 20px;
              font-style: normal;
              -webkit-font-smoothing: antialiased;
              -moz-osx-font-smoothing: grayscale;
              margin-left: 12px;
              transition: all 0.2s;
              color: #3c082a; }
            .inner-performances .content .main-box .left-box .text-box p a:hover:after {
              margin-left: 20px; }
        .inner-performances .content .main-box .left-box .text-box > a {
          font-size: 14px;
          line-height: 1.71;
          font-family: "IBMPlexSans";
          font-weight: normal;
          font-style: normal;
          color: #414141; }
          .inner-performances .content .main-box .left-box .text-box > a:hover {
            color: #3c082a; }
        .inner-performances .content .main-box .left-box .text-box > i {
          margin: 0 8px;
          font-style: normal; }
        .inner-performances .content .main-box .left-box .line-block {
          position: absolute;
          top: 0;
          left: -48px;
          display: flex; }
          @media only screen and (max-width: 980px) {
            .inner-performances .content .main-box .left-box .line-block {
              display: none; } }
          .inner-performances .content .main-box .left-box .line-block:before {
            content: " ";
            display: block;
            width: 9px;
            height: 52px;
            margin-right: 4px;
            background: #3c082a; }
          .inner-performances .content .main-box .left-box .line-block:after {
            content: " ";
            display: block;
            width: 4px;
            height: 52px;
            background: #3c082a; }
      .inner-performances .content .main-box .right-box {
        max-width: 766px; }
        .inner-performances .content .main-box .right-box .text-box p {
          font-size: 20px;
          line-height: 1.5;
          color: #414141; }
          @media only screen and (max-width: 980px) {
            .inner-performances .content .main-box .right-box .text-box p {
              font-size: 18px; } }
          @media only screen and (max-width: 768px) {
            .inner-performances .content .main-box .right-box .text-box p {
              font-size: 16px; } }

.get-tickets {
  padding: 36px 0; }
  @media only screen and (max-width: 768px) {
    .get-tickets {
      padding-top: 0; } }
  .get-tickets .content {
    max-width: 959px;
    margin: 0 auto;
    padding: 0 50px;
    position: relative; }
    @media only screen and (max-width: 768px) {
      .get-tickets .content {
        padding: 0 30px; } }
    @media only screen and (max-width: 480px) {
      .get-tickets .content {
        padding: 0 13px; } }
    .get-tickets .content .btn-box {
      margin-bottom: 36px; }
      @media only screen and (max-width: 768px) {
        .get-tickets .content .btn-box {
          margin-bottom: 21px; } }
      .get-tickets .content .btn-box .btns {
        display: block;
        padding: 17px 16px;
        font-size: 24px;
        line-height: 1;
        font-family: "freight-sans-pro",freight-sans-pro;
        font-weight: 600;
        font-style: normal;
        color: #fff;
        text-transform: none;
        text-align: center;
        position: relative; }
        @media only screen and (max-width: 768px) {
          .get-tickets .content .btn-box .btns {
            font-size: 20px;
            padding: 6px 5px; } }
        @media only screen and (max-width: 480px) {
          .get-tickets .content .btn-box .btns {
            text-align: left; } }
        .get-tickets .content .btn-box .btns:before {
          content: " ";
          display: block;
          width: 100%;
          height: 100%;
          position: absolute;
          top: 0;
          left: 0;
          z-index: -2;
          background: #3c082a;
          transition: all 0.2s ease-in-out; }
        .get-tickets .content .btn-box .btns:after {
          content: " ";
          display: block;
          width: 100%;
          height: 100%;
          position: absolute;
          top: 0;
          left: 0;
          z-index: -1;
          background-repeat: no-repeat;
          background-size: cover;
          background-image: url(../images/education-line.png); }
        .get-tickets .content .btn-box .btns i {
          font-style: normal;
          font-family: "freight-sans-pro",freight-sans-pro;
          font-weight: 400;
          font-style: normal;
          border-bottom: 1px solid #fff;
          transition: all 0.2s ease-in-out; }
          @media only screen and (max-width: 768px) {
            .get-tickets .content .btn-box .btns i {
              display: none; } }
        .get-tickets .content .btn-box .btns:hover {
          /* color: $c-purple-2;
          background: #fff;*/ }
          .get-tickets .content .btn-box .btns:hover i {
            color: #8c8a8a;
            border-bottom: 1px solid #8c8a8a; }
    .get-tickets .content .text-box {
      padding-left: 16px; }
      @media only screen and (max-width: 768px) {
        .get-tickets .content .text-box {
          padding-left: 7px; } }
      .get-tickets .content .text-box h4 {
        font-size: 18px;
        line-height: 1.22;
        font-family: "freight-sans-pro",freight-sans-pro;
        font-weight: 600;
        font-style: normal;
        color: #383838;
        margin-bottom: 19px; }
        @media only screen and (max-width: 768px) {
          .get-tickets .content .text-box h4 {
            line-height: 1.33;
            margin-bottom: 7px; } }
        @media only screen and (max-width: 768px) {
          .get-tickets .content .text-box h4.hide-m {
            display: none; } }
      .get-tickets .content .text-box > ul {
        margin-bottom: 24px; }
        @media only screen and (max-width: 768px) {
          .get-tickets .content .text-box > ul {
            margin-bottom: 10px; } }
        .get-tickets .content .text-box > ul > li {
          padding-left: 30px;
          font-size: 20px;
          line-height: 1.5;
          color: #414141;
          position: relative;
          margin-bottom: 10px; }
          @media only screen and (max-width: 768px) {
            .get-tickets .content .text-box > ul > li {
              font-size: 16px; } }
          .get-tickets .content .text-box > ul > li:last-child {
            margin-bottom: 0; }
          .get-tickets .content .text-box > ul > li:before {
            content: " ";
            display: block;
            width: 7px;
            height: 7px;
            border-radius: 50%;
            position: absolute;
            left: 0;
            top: 12px;
            background: #414141; }
            @media only screen and (max-width: 768px) {
              .get-tickets .content .text-box > ul > li:before {
                width: 6px;
                height: 6px; } }
        .get-tickets .content .text-box > ul.small {
          padding-left: 5px; }
          @media only screen and (max-width: 768px) {
            .get-tickets .content .text-box > ul.small {
              padding-left: 0;
              margin-bottom: 3px; } }
          .get-tickets .content .text-box > ul.small > li {
            font-size: 18px;
            line-height: 1.4; }
            @media only screen and (max-width: 768px) {
              .get-tickets .content .text-box > ul.small > li {
                font-size: 16px;
                line-height: 1.5; } }
            .get-tickets .content .text-box > ul.small > li:before {
              width: 5px;
              height: 5px; }
              @media only screen and (max-width: 768px) {
                .get-tickets .content .text-box > ul.small > li:before {
                  width: 6px;
                  height: 6px; } }
      .get-tickets .content .text-box p {
        font-size: 20px;
        line-height: 1.5;
        color: #414141; }
        @media only screen and (max-width: 768px) {
          .get-tickets .content .text-box p {
            font-size: 16px; } }

.personal {
  padding: 45px 0 83px; }
  @media only screen and (max-width: 640px) {
    .personal {
      padding: 30px 0 53px; } }
  .personal .content {
    max-width: 1680px;
    padding: 0 200px;
    margin: 0 auto; }
    @media only screen and (max-width: 1440px) {
      .personal .content {
        padding: 0 50px; } }
    @media only screen and (max-width: 768px) {
      .personal .content {
        padding: 0 30px; } }
    @media only screen and (max-width: 480px) {
      .personal .content {
        padding: 0 20px; } }
    .personal .content .title {
      display: flex;
      flex-direction: column;
      align-items: center;
      margin-bottom: 144px; }
      @media only screen and (max-width: 980px) {
        .personal .content .title {
          margin-bottom: 80px; } }
      @media only screen and (max-width: 768px) {
        .personal .content .title {
          margin-bottom: 48px; } }
      .personal .content .title .back {
        font-size: 18px;
        line-height: 1.2;
        color: #3c082a;
        font-family: "freight-sans-pro",freight-sans-pro;
        font-weight: 600;
        font-style: normal;
        position: relative;
        text-align: center;
        display: block;
        margin-bottom: 12px; }
        @media only screen and (max-width: 640px) {
          .personal .content .title .back {
            margin-bottom: 25px; } }
        .personal .content .title .back:before {
          content: "\e623";
          font-family: "iconfont" !important;
          font-size: 28px;
          font-style: normal;
          -webkit-font-smoothing: antialiased;
          -moz-osx-font-smoothing: grayscale;
          transition: all 0.2s;
          color: #3c082a;
          transform: rotate(180deg);
          transition: all 0.2s ease-in-out;
          position: absolute;
          left: -37px;
          top: -4px; }
          @media only screen and (max-width: 640px) {
            .personal .content .title .back:before {
              font-size: 24px; } }
        .personal .content .title .back:hover:before {
          left: -47px; }
      .personal .content .title h2 {
        font-size: 46px;
        line-height: 1.35;
        letter-spacing: 0.4px;
        text-align: center;
        font-family: "ModernoFB";
        font-weight: bold;
        font-style: normal;
        color: #3c082a; }
        @media only screen and (max-width: 980px) {
          .personal .content .title h2 {
            font-size: 32px;
            line-height: 1.25; } }
        @media only screen and (max-width: 640px) {
          .personal .content .title h2 {
            margin-bottom: 20px; } }
      .personal .content .title h3 {
        font-size: 24px;
        line-height: 1.42;
        text-align: center;
        font-family: "freight-sans-pro",freight-sans-pro;
        font-weight: 600;
        font-style: normal;
        color: #3c082a; }
        @media only screen and (max-width: 980px) {
          .personal .content .title h3 {
            font-size: 20px;
            line-height: 1.2; } }
    .personal .content .main-box {
      display: flex; }
      @media only screen and (max-width: 640px) {
        .personal .content .main-box {
          display: block; } }
      .personal .content .main-box .left-box {
        max-width: 436px;
        margin-right: 78px; }
        @media only screen and (max-width: 980px) {
          .personal .content .main-box .left-box {
            margin-right: 40px; } }
        @media only screen and (max-width: 640px) {
          .personal .content .main-box .left-box {
            margin-right: 0;
            max-width: 640px;
            margin-bottom: 11px; } }
        .personal .content .main-box .left-box .img-box {
          margin-bottom: 40px; }
          @media only screen and (max-width: 640px) {
            .personal .content .main-box .left-box .img-box {
              max-width: 436px;
              margin-bottom: 26px;
              width: 100%; } }
          .personal .content .main-box .left-box .img-box img {
            display: block; }
        @media only screen and (min-width: 641px) {
          .personal .content .main-box .left-box .text-box-m {
            display: none; } }
        .personal .content .main-box .left-box .text-box-m h2 {
          font-size: 32px;
          line-height: 1.25;
          font-family: "ModernoFB";
          font-weight: bold;
          font-style: normal;
          color: #3c082a;
          margin-bottom: 19px; }
          @media only screen and (max-width: 640px) {
            .personal .content .main-box .left-box .text-box-m h2 {
              display: none; } }
        .personal .content .main-box .left-box .text-box-m blockquote {
          font-size: 20px;
          line-height: 1.2;
          font-family: "freight-sans-pro",freight-sans-pro;
          font-weight: 600;
          font-style: normal;
          color: #383838; }
        @media only screen and (max-width: 640px) {
          .personal .content .main-box .left-box .text-box {
            display: none; } }
        .personal .content .main-box .left-box .text-box > span {
          margin-bottom: 17px;
          display: inline-block;
          font-size: 35px;
          color: #3c082a; }
          @media only screen and (max-width: 980px) {
            .personal .content .main-box .left-box .text-box > span {
              font-size: 25px; } }
        .personal .content .main-box .left-box .text-box blockquote {
          font-size: 24px;
          line-height: 1.42;
          font-family: "freight-sans-pro",freight-sans-pro;
          font-weight: 600;
          font-style: normal;
          color: #383838; }
          @media only screen and (max-width: 980px) {
            .personal .content .main-box .left-box .text-box blockquote {
              font-size: 20px;
              line-height: 1.2; } }
      .personal .content .main-box .right-box {
        max-width: 763px; }
        .personal .content .main-box .right-box h2 {
          font-size: 42px;
          line-height: 1.33;
          color: #3c082a;
          font-family: "ModernoFB";
          font-weight: bold;
          font-style: normal;
          margin-bottom: 24px; }
          @media only screen and (max-width: 980px) {
            .personal .content .main-box .right-box h2 {
              font-size: 26px;
              line-height: 1.23; } }
          @media only screen and (max-width: 640px) {
            .personal .content .main-box .right-box h2 {
              margin-bottom: 11px; } }
        .personal .content .main-box .right-box blockquote {
          font-size: 24px;
          line-height: 1.42;
          font-family: "freight-sans-pro",freight-sans-pro;
          font-weight: 600;
          font-style: normal;
          margin-bottom: 52px;
          color: #414141; }
          @media only screen and (max-width: 980px) {
            .personal .content .main-box .right-box blockquote {
              font-size: 20px;
              line-height: 1.2; } }
          @media only screen and (max-width: 640px) {
            .personal .content .main-box .right-box blockquote {
              display: none; } }
        .personal .content .main-box .right-box p {
          font-size: 20px;
          line-height: 1.5;
          color: #414141;
          margin-bottom: 52px; }
          .personal .content .main-box .right-box p:last-child {
            margin-bottom: 0; }
          @media only screen and (max-width: 980px) {
            .personal .content .main-box .right-box p {
              font-size: 18px; } }
          @media only screen and (max-width: 768px) {
            .personal .content .main-box .right-box p {
              font-size: 16px;
              margin-bottom: 36px; } }

.season-tickets {
  padding-top: 110px;
  padding-bottom: 51px; }
  @media only screen and (max-width: 768px) {
    .season-tickets {
      padding-top: 60px;
      padding-bottom: 31px; } }
  .season-tickets .content {
    max-width: 1680px;
    margin: 0 auto;
    padding: 0 55px; }
    @media only screen and (max-width: 768px) {
      .season-tickets .content {
        padding: 0 30px; } }
    .season-tickets .content .title {
      max-width: 846px;
      margin: 0 auto 74px; }
      @media only screen and (max-width: 414px) {
        .season-tickets .content .title {
          margin-bottom: 63px; } }
      .season-tickets .content .title h2 {
        font-size: 80px;
        line-height: 1.25;
        letter-spacing: 1.15px;
        font-family: "ModernoFB";
        font-weight: bold;
        font-style: normal;
        color: #3c082a;
        text-align: center;
        margin-bottom: 75px; }
        @media only screen and (max-width: 768px) {
          .season-tickets .content .title h2 {
            font-size: 42px;
            line-height: 1.14;
            margin-bottom: 45px; } }
      .season-tickets .content .title h3 {
        font-size: 32px;
        line-height: 1.06;
        font-family: "ModernoFB";
        font-weight: bold;
        font-style: normal;
        color: #383838;
        max-width: 660px;
        margin-bottom: 33px; }
        @media only screen and (max-width: 768px) {
          .season-tickets .content .title h3 {
            font-size: 22px;
            line-height: 1.36;
            margin-bottom: 25px; } }
      .season-tickets .content .title p {
        font-size: 20px;
        line-height: 1.5;
        color: #414141;
        margin-bottom: 8px; }
        .season-tickets .content .title p:last-child {
          margin-bottom: 0; }
        @media only screen and (max-width: 768px) {
          .season-tickets .content .title p {
            font-size: 16px;
            line-height: 1.5; } }
      @media only screen and (min-width: 415px) {
        .season-tickets .content .title .text-box-m {
          display: none; } }
      .season-tickets .content .title .text-box-m img {
        max-width: 250px;
        margin: 27px 0 34px; }
      .season-tickets .content .title .text-box-m h3 {
        margin-bottom: 24px; }
      .season-tickets .content .title .text-box-m p {
        margin-bottom: 34px; }
        .season-tickets .content .title .text-box-m p:last-child {
          margin-bottom: 0; }
    .season-tickets .content .img-link {
      display: flex;
      flex-wrap: wrap;
      margin: -10px; }
      .season-tickets .content .img-link .unit {
        position: relative;
        margin: 10px;
        width: calc(20% - 20px);
        overflow: hidden;
        /* @media only screen and (max-width:1550px){
        	width: calc(33.3% - 20px);
        } */ }
        @media only screen and (max-width: 768px) {
          .season-tickets .content .img-link .unit {
            width: calc(50% - 20px); } }
        @media only screen and (max-width: 440px) {
          .season-tickets .content .img-link .unit {
            width: calc(100% - 20px); } }
        .season-tickets .content .img-link .unit > a {
          display: block; }
          .season-tickets .content .img-link .unit > a:hover .hover-bg {
            opacity: 1; }
        .season-tickets .content .img-link .unit .unit-bg {
          width: 100%;
          height: 100%;
          position: absolute;
          left: 0;
          right: 0;
          z-index: -3;
          transition: all 0.2s ease-in-out;
          background-repeat: no-repeat;
          background-position: center;
          background-size: cover; }
        .season-tickets .content .img-link .unit .mask {
          width: 100%;
          height: 100%;
          position: absolute;
          left: 0;
          right: 0;
          z-index: -2;
          background-repeat: no-repeat;
          background-position: center;
          background-size: cover;
          background-image: url(../images/mask-s-02.png); }
        .season-tickets .content .img-link .unit .hover-bg {
          width: 100%;
          height: 100%;
          position: absolute;
          left: 0;
          right: 0;
          z-index: -1;
          background: #3c082a;
          opacity: 0;
          transition: all 0.2s ease-in-out; }
          .season-tickets .content .img-link .unit .hover-bg .line-bg {
            width: 100%;
            height: 100%;
            background-repeat: no-repeat;
            background-position: center;
            background-size: cover;
            background-image: url(../images/season-tickets-line.png); }
        .season-tickets .content .img-link .unit .content {
          padding: 194px 43px 224px;
          text-align: center; }
          @media only screen and (max-width: 1550px) {
            .season-tickets .content .img-link .unit .content {
              padding: 140px 30px 160px; } }
          @media only screen and (max-width: 1250px) and (min-width: 769px) {
            .season-tickets .content .img-link .unit .content {
              padding: 110px 20px 120px; } }
          @media only screen and (max-width: 414px) {
            .season-tickets .content .img-link .unit .content {
              padding: 142px 43px 157px; } }
          .season-tickets .content .img-link .unit .content p {
            color: #fff;
            margin-bottom: 39px; }
            .season-tickets .content .img-link .unit .content p i {
              font-size: 32px; }
              @media only screen and (max-width: 1250px) and (min-width: 981px) {
                .season-tickets .content .img-link .unit .content p i {
                  font-size: 24px; } }
              @media only screen and (max-width: 980px) and (min-width: 769px) {
                .season-tickets .content .img-link .unit .content p i {
                  font-size: 20px; } }
          .season-tickets .content .img-link .unit .content .product-icon img {
            max-height: 30px;
            width: auto; }
          .season-tickets .content .img-link .unit .content h3 {
            font-size: 32px;
            line-height: 1.5;
            font-family: "ModernoFB";
            font-weight: bold;
            font-style: normal;
            color: #fff; }
            @media only screen and (max-width: 1550px) {
              .season-tickets .content .img-link .unit .content h3 {
                font-size: 24px; } }
            @media only screen and (max-width: 1250px) and (min-width: 981px) {
              .season-tickets .content .img-link .unit .content h3 {
                font-size: 18px; } }
            @media only screen and (max-width: 980px) and (min-width: 769px) {
              .season-tickets .content .img-link .unit .content h3 {
                font-size: 14px; } }

.tickets-table {
  padding: 51px 0; }
  @media only screen and (max-width: 768px) {
    .tickets-table {
      padding-top: 31px;
      padding-bottom: 26px; } }
  .tickets-table .content {
    padding: 0 50px; }
    @media only screen and (max-width: 768px) {
      .tickets-table .content {
        padding: 0 30px; } }
    @media only screen and (max-width: 540px) {
      .tickets-table .content {
        padding: 0 20px; } }
    .tickets-table .content table {
      max-width: 842px;
      width: 100%;
      margin: 0 auto;
      border: 1px solid #979797; }
      @media only screen and (min-width: 944px) {
        .tickets-table .content table {
          width: 842px; } }
      .tickets-table .content table thead {
        background: #3c082a; }
        .tickets-table .content table thead th {
          border-right: 1px solid #474747;
          color: #fff;
          font-size: 16px;
          line-height: 1.38;
          font-family: "ProximanovaExtrabld";
          font-weight: normal;
          font-style: normal;
          padding: 23px 28px 19px; }
          .tickets-table .content table thead th:last-child {
            border-right: none; }
          @media only screen and (max-width: 768px) {
            .tickets-table .content table thead th {
              padding: 7px 17px 5px; } }
      .tickets-table .content table tbody tr:nth-child(2n+1) {
        background-color: #fff; }
      .tickets-table .content table tbody tr:nth-child(2n+2) {
        background-color: rgba(71, 71, 71, 0.05); }
      .tickets-table .content table tbody tr td {
        border-right: 1px solid #474747;
        color: #414141;
        font-size: 22px;
        line-height: 1.24;
        font-family: "freight-sans-pro",freight-sans-pro;
        font-weight: 500;
        font-style: normal;
        padding: 19px 28px 16px; }
        @media only screen and (max-width: 768px) {
          .tickets-table .content table tbody tr td {
            font-size: 18px;
            line-height: 1.11;
            padding: 19px 7px 16px 17px; } }
        @media only screen and (max-width: 380px) {
          .tickets-table .content table tbody tr td {
            font-size: 14px; } }
        .tickets-table .content table tbody tr td:last-child {
          border-right: none;
          padding: 0 9px;
          width: 137px; }
          @media only screen and (max-width: 768px) {
            .tickets-table .content table tbody tr td:last-child {
              width: 95px; } }
          @media only screen and (max-width: 414px) {
            .tickets-table .content table tbody tr td:last-child {
              padding-left: 16px;
              padding-right: 13px; } }
          .tickets-table .content table tbody tr td:last-child select {
            width: 100%;
            border: 1px solid #3c082a;
            font-size: 22px;
            line-height: 1.09;
            color: #414141;
            padding: 10px 40px 10px 20px;
            display: block;
            cursor: pointer;
            background-image: url(../images/select.png);
            background-repeat: no-repeat;
            background-position: right 19px center;
            background-size: 22px 12px;
            background-color: #fff; }
            @media only screen and (max-width: 768px) {
              .tickets-table .content table tbody tr td:last-child select {
                font-size: 18px;
                padding: 4px 22px 6px 9px;
                background-position: right 10px center;
                background-size: 11px 6px; } }

.accordian {
  padding: 0;
  margin: 40px 0; }
  @media only screen and (max-width: 768px) {
    .accordian {
      padding: 30px 0; } }
  .accordian .content {
    max-width: 943px;
    margin: 0 auto;
    padding-left: 50px;
    padding-right: 63px; }
    @media only screen and (max-width: 768px) {
      .accordian .content {
        padding: 0 30px; } }
    @media only screen and (max-width: 480px) {
      .accordian .content {
        padding: 0 20px; } }
    .accordian .content h2 {
      font-size: 42px;
      line-height: 1.33;
      font-family: "ModernoFB";
      font-weight: bold;
      font-style: normal;
      color: #3c082a;
      margin-bottom: 40px; }
      @media only screen and (max-width: 768px) {
        .accordian .content h2 {
          font-size: 26px;
          line-height: 1.23;
          margin-bottom: 23px; } }
    .accordian .content > ul > li {
      margin-bottom: 11px; }
      .accordian .content > ul > li:first-child .hide-box {
        display: block; }
      .accordian .content > ul > li:last-child {
        margin-bottom: 0; }
      .accordian .content > ul > li .head-box {
        padding: 14px 73px 12px;
        background: #3c082a;
        position: relative;
        cursor: pointer;
        transition: all 0.2s;
        /* &:hover{
        	//opacity: 0.8;
        	background: $c-purple;
        } */ }
        @media only screen and (max-width: 768px) {
          .accordian .content > ul > li .head-box {
            padding: 4px 69px 9px; } }
        .accordian .content > ul > li .head-box:before {
          content: " ";
          display: block;
          width: 28.8px;
          height: 2px;
          background: #fff;
          position: absolute;
          left: 22.2px;
          top: 50%;
          transform: translateY(-50%); }
          @media only screen and (max-width: 768px) {
            .accordian .content > ul > li .head-box:before {
              width: 18px; } }
        .accordian .content > ul > li .head-box:after {
          content: " ";
          display: block;
          width: 28.8px;
          height: 2px;
          background: #fff;
          position: absolute;
          left: 21.2px;
          top: 50%;
          transform: rotate(90deg) translateY(-50%);
          transition: all 0.2s; }
          @media only screen and (max-width: 768px) {
            .accordian .content > ul > li .head-box:after {
              width: 18px; } }
        .accordian .content > ul > li .head-box h3 {
          font-size: 24px;
          line-height: 1.42;
          font-family: "freight-sans-pro",freight-sans-pro;
          font-weight: 600;
          font-style: normal;
          color: #fff; }
          @media only screen and (max-width: 768px) {
            .accordian .content > ul > li .head-box h3 {
              font-size: 18px;
              line-height: 1.33; } }
      .accordian .content > ul > li .hide-box {
        padding: 22px 68px 13px 26px;
        display: none; }
        @media only screen and (max-width: 768px) {
          .accordian .content > ul > li .hide-box {
            padding: 25px 26px 9px; } }
        .accordian .content > ul > li .hide-box p {
          font-size: 20px;
          line-height: 1.4;
          font-family: "ProximaNova";
          font-weight: normal;
          font-style: normal;
          color: #414141;
          margin-bottom: 35px; }
          .accordian .content > ul > li .hide-box p:last-child {
            margin-bottom: 0; }
          @media only screen and (max-width: 768px) {
            .accordian .content > ul > li .hide-box p {
              font-size: 16px;
              line-height: 1.5; } }
        .accordian .content > ul > li .hide-box .btns {
          display: inline-block;
          padding: 16px 43px;
          font-size: 17px;
          line-height: 1;
          font-family: "freight-sans-pro",freight-sans-pro;
          font-weight: 600;
          font-style: normal;
          color: #fff;
          background: #3c082a;
          text-align: center;
          margin-bottom: 57px; }
          @media only screen and (max-width: 768px) {
            .accordian .content > ul > li .hide-box .btns {
              margin-bottom: 56px; } }
          .accordian .content > ul > li .hide-box .btns:hover {
            background: #6f104d; }
        .accordian .content > ul > li .hide-box h4 {
          font-size: 24px;
          line-height: 1.09;
          font-family: "freight-sans-pro",freight-sans-pro;
          font-weight: 600;
          font-style: normal;
          color: #414141;
          margin-bottom: 15px; }
          @media only screen and (max-width: 768px) {
            .accordian .content > ul > li .hide-box h4 {
              font-size: 18px;
              line-height: 1.33;
              margin-bottom: 35px; } }
      .accordian .content > ul > li.active .head-box:after {
        opacity: 0; }

.search-box {
  padding: 66px 0; }
  @media only screen and (max-width: 768px) {
    .search-box {
      padding: 24px 0; } }
  .search-box .content {
    max-width: 730px;
    margin: 0 auto;
    padding: 0 50px; }
    @media only screen and (max-width: 768px) {
      .search-box .content {
        padding: 0 30px; } }
    .search-box .content .title {
      margin-bottom: 70px;
      text-align: center; }
      @media only screen and (max-width: 768px) {
        .search-box .content .title {
          margin-bottom: 53px; } }
      .search-box .content .title h2 {
        font-size: 80px;
        line-height: 1.25;
        letter-spacing: 1.15px;
        text-align: center;
        font-family: "ModernoFB";
        font-weight: bold;
        font-style: normal;
        color: #3c082a; }
        @media only screen and (max-width: 768px) {
          .search-box .content .title h2 {
            font-size: 42px;
            line-height: 1.14; } }
      .search-box .content .title h4 {
        font-size: 24px;
        line-height: 1.17;
        font-family: "freight-sans-pro",freight-sans-pro;
        font-weight: 700;
        font-style: normal;
        color: #414141;
        text-align: center;
        margin-top: 25px; }
      .search-box .content .title .btns {
        display: inline-block;
        padding: 16px 34px;
        font-size: 17px;
        line-height: 1;
        font-family: "freight-sans-pro",freight-sans-pro;
        font-weight: 600;
        font-style: normal;
        color: #fff;
        background: #3c082a;
        text-align: center;
        margin: 0 auto;
        margin-top: 35px; }
        .search-box .content .title .btns:hover {
          background: #6f104d; }
    .search-box .content .form-box {
      margin-bottom: 65px; }
      @media only screen and (max-width: 768px) {
        .search-box .content .form-box {
          margin-bottom: 54px; } }
      .search-box .content .form-box form input {
        width: 100%;
        font-size: 20px;
        line-height: 1.4;
        color: #414141;
        font-family: "freight-sans-pro",freight-sans-pro;
        font-weight: 400;
        font-style: normal;
        border-bottom: 1px solid #979797;
        padding-bottom: 15px;
        transition: all 0.2s; }
        @media only screen and (max-width: 768px) {
          .search-box .content .form-box form input {
            font-size: 18px;
            line-height: 1.33; } }
        .search-box .content .form-box form input:focus {
          border-bottom: 1px solid #3c082a; }
      .search-box .content .form-box form input::-webkit-input-placeholder {
        font-size: 20px;
        line-height: 1.4;
        color: #414141;
        font-family: "freight-sans-pro",freight-sans-pro;
        font-weight: 400;
        font-style: normal;
        opacity: 1; }
        @media only screen and (max-width: 768px) {
          .search-box .content .form-box form input::-webkit-input-placeholder {
            font-size: 18px;
            line-height: 1.33; } }
      .search-box .content .form-box form input::-moz-placeholder {
        /* Mozilla Firefox 19+ */
        font-size: 20px;
        line-height: 1.4;
        color: #414141;
        font-family: "freight-sans-pro",freight-sans-pro;
        font-weight: 400;
        font-style: normal;
        opacity: 1; }
        @media only screen and (max-width: 768px) {
          .search-box .content .form-box form input::-moz-placeholder {
            font-size: 18px;
            line-height: 1.33; } }
      .search-box .content .form-box form input:-moz-placeholder {
        /* Mozilla Firefox 4 to 18 */
        font-size: 20px;
        line-height: 1.4;
        color: #414141;
        font-family: "freight-sans-pro",freight-sans-pro;
        font-weight: 400;
        font-style: normal;
        opacity: 1; }
        @media only screen and (max-width: 768px) {
          .search-box .content .form-box form input:-moz-placeholder {
            font-size: 18px;
            line-height: 1.33; } }
      .search-box .content .form-box form input:-ms-input-placeholder {
        /* Internet Explorer 10-11 */
        font-size: 20px;
        line-height: 1.4;
        color: #414141;
        font-family: "freight-sans-pro",freight-sans-pro;
        font-weight: 400;
        font-style: normal;
        opacity: 1; }
        @media only screen and (max-width: 768px) {
          .search-box .content .form-box form input:-ms-input-placeholder {
            font-size: 18px;
            line-height: 1.33; } }
    .search-box .content .common {
      display: flex;
      justify-content: space-between; }
      @media only screen and (max-width: 414px) {
        .search-box .content .common {
          display: block; } }
      .search-box .content .common > div {
        width: calc(50% - 8px); }
        @media only screen and (max-width: 414px) {
          .search-box .content .common > div {
            width: 100%; } }
        .search-box .content .common > div:first-child {
          margin-right: 16px; }
          @media only screen and (max-width: 414px) {
            .search-box .content .common > div:first-child {
              margin-right: 0;
              margin-bottom: 28px; } }
        .search-box .content .common > div h3 {
          font-size: 22px;
          line-height: 1.09;
          font-family: "freight-sans-pro",freight-sans-pro;
          font-weight: 600;
          font-style: normal;
          color: #414141;
          margin-bottom: 27px; }
          @media only screen and (max-width: 768px) {
            .search-box .content .common > div h3 {
              font-size: 16px;
              line-height: 1.25;
              margin-block-end: 18px; } }
        .search-box .content .common > div > ul > li {
          font-size: 20px;
          line-height: 1.4;
          margin-bottom: 13px;
          position: relative;
          padding-left: 15px; }
          @media only screen and (max-width: 768px) {
            .search-box .content .common > div > ul > li {
              font-size: 16px;
              line-height: 1.5; } }
          .search-box .content .common > div > ul > li:last-child {
            margin-bottom: 0; }
          .search-box .content .common > div > ul > li:before {
            content: "+";
            font-size: 20px;
            line-height: 1.4;
            color: #3c082a;
            position: absolute;
            left: 0; }
            @media only screen and (max-width: 768px) {
              .search-box .content .common > div > ul > li:before {
                font-size: 16px;
                line-height: 1.5; } }
          .search-box .content .common > div > ul > li a {
            color: #414141; }
            .search-box .content .common > div > ul > li a:hover {
              color: #3c082a; }

.result-box .content .title {
  margin-bottom: 35px; }
  @media only screen and (max-width: 768px) {
    .result-box .content .title {
      margin-bottom: 45px; } }
  .result-box .content .title h2 {
    font-size: 42px;
    line-height: 1.33;
    letter-spacing: normal; }
    @media only screen and (max-width: 768px) {
      .result-box .content .title h2 {
        font-size: 26px;
        line-height: 1.23; } }
    .result-box .content .title h2 span {
      color: #474747;
      text-decoration: underline; }
@media only screen and (max-width: 768px) {
  .result-box .content .form-box {
    margin-bottom: 39px; } }
.result-box .content .result-list {
  margin-bottom: 157px; }
  @media only screen and (max-width: 768px) {
    .result-box .content .result-list {
      margin-bottom: 81px; } }
  .result-box .content .result-list h3 {
    font-size: 30px;
    font-family: "freight-sans-pro",freight-sans-pro;
    font-weight: 600;
    font-style: normal;
    color: #414141;
    margin-bottom: 38px; }
    @media only screen and (max-width: 768px) {
      .result-box .content .result-list h3 {
        font-size: 20px;
        letter-spacing: 0.04px;
        text-align: center;
        margin-bottom: 14px; } }
  .result-box .content .result-list .list-box {
    margin-bottom: 50px; }
    .result-box .content .result-list .list-box > li {
      font-size: 22px;
      line-height: 1.09;
      font-family: "freight-sans-pro",freight-sans-pro;
      font-weight: 600;
      font-style: normal;
      cursor: pointer;
      border-bottom: 1px solid #3c082a;
      padding-bottom: 26px;
      padding-top: 28px;
      padding-right: 60px;
      position: relative; }
      @media only screen and (max-width: 768px) {
        .result-box .content .result-list .list-box > li {
          font-size: 16px;
          line-height: 1.25;
          padding-bottom: 20px;
          padding-right: 100px;
          padding-top: 30px; } }
      .result-box .content .result-list .list-box > li:after {
        content: "\e623";
        font-family: "iconfont" !important;
        font-size: 22px;
        font-style: normal;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
        position: absolute;
        right: 38px;
        top: 32px;
        color: #3c082a;
        transition: all 0.2s; }
        @media only screen and (max-width: 768px) {
          .result-box .content .result-list .list-box > li:after {
            right: 0; } }
      .result-box .content .result-list .list-box > li:hover:after {
        right: 28px; }
        @media only screen and (max-width: 768px) {
          .result-box .content .result-list .list-box > li:hover:after {
            right: -5px; } }
      .result-box .content .result-list .list-box > li a {
        color: #3c082a;
        display: block; }
  .result-box .content .result-list .pages-button {
    display: flex;
    justify-content: center; }
    .result-box .content .result-list .pages-button > a {
      font-size: 22px;
      line-height: 1.09;
      font-family: "freight-sans-pro",freight-sans-pro;
      font-weight: 600;
      font-style: normal;
      margin: 0 11px;
      color: #7E7E7E; }
      .result-box .content .result-list .pages-button > a:hover {
        color: #3c082a; }
    .result-box .content .result-list .pages-button .pages-ul {
      display: flex;
      justify-content: center;
      flex-wrap: wrap; }
      .result-box .content .result-list .pages-button .pages-ul > li {
        font-size: 22px;
        line-height: 1.09;
        font-family: "freight-sans-pro",freight-sans-pro;
        font-weight: 600;
        font-style: normal;
        margin: 0 11px; }
        .result-box .content .result-list .pages-button .pages-ul > li a {
          color: #7E7E7E; }
          .result-box .content .result-list .pages-button .pages-ul > li a:hover {
            color: #3c082a; }
        .result-box .content .result-list .pages-button .pages-ul > li.active a {
          color: #3c082a; }
.result-box .content .not-find {
  text-align: center; }
  .result-box .content .not-find h2 {
    font-size: 46px;
    line-height: 1.35;
    letter-spacing: 0.4px;
    text-align: center;
    font-family: "ModernoFB";
    font-weight: bold;
    font-style: normal;
    color: #3c082a;
    margin-bottom: 50px; }
    @media only screen and (max-width: 768px) {
      .result-box .content .not-find h2 {
        font-size: 34px;
        line-height: 1.18;
        margin-bottom: 32px; } }
  .result-box .content .not-find .btns {
    display: inline-block;
    padding: 16px 59px;
    font-size: 17px;
    line-height: 1;
    font-family: "freight-sans-pro",freight-sans-pro;
    font-weight: 600;
    font-style: normal;
    color: #fff;
    background: #3c082a;
    text-align: center;
    margin: 0 auto; }
    .result-box .content .not-find .btns:hover {
      background: #6f104d; }

.error-404 {
  padding-bottom: 99px; }
  @media only screen and (max-width: 768px) {
    .error-404 {
      padding-bottom: 61px; } }

/* .content-area{
	.site-main{
		.product{
			.in-woo{
				padding: 0;
				>h2{
					font-size: 32px;
					line-height: 1.06;
					@include font-mf;
					color: $c-black-3;
					max-width: 843px;
					margin: 0 auto;
				}
				>p{
					font-size: 20px;
					line-height: 1.5;
					color: $c-black-5;
					max-width: 843px;
					margin: 0 auto;
				}
				.performances-c{
					.unit{
						.content{
							.product-icon{
								img{
									max-width: 38px;
									margin: 0 auto;
								}
							}
						}
					}
				}
			}
		}
	}
} */
.single-concert .top-callout {
  background-color: #1d1d1d;
  padding: 30px 15px;
  background-position: left top;
  background-size: cover; }
  .single-concert .top-callout .inner .date {
    display: block;
    color: #fff;
    font-size: 40px;
    font-family: "freight-sans-pro", freight-sans-pro;
    font-weight: 600;
    line-height: 1;
    margin: 30px 0; }
    @media only screen and (max-width: 700px) {
      .single-concert .top-callout .inner .date {
        font-size: 25px; } }
  .single-concert .top-callout .inner .series {
    display: block;
    color: #fff;
    font-size: 22px;
    font-family: "freight-sans-pro", freight-sans-pro;
    font-weight: 600;
    margin: 15px 0; }
    @media only screen and (max-width: 700px) {
      .single-concert .top-callout .inner .series {
        font-size: 18px; } }
  .single-concert .top-callout .inner h1 {
    display: block;
    color: #fff;
    font-family: "ModernoFB"; }
    @media only screen and (max-width: 700px) {
      .single-concert .top-callout .inner h1 {
        font-size: 30px; } }

.orchestra-head {
  padding: 70px 0 44px; }
  @media only screen and (max-width: 768px) {
    .orchestra-head {
      padding: 37px 0 27px; } }
  .orchestra-head .content {
    max-width: 1680px;
    padding: 0 200px;
    margin: 0 auto; }
    @media only screen and (max-width: 1440px) {
      .orchestra-head .content {
        padding: 0 50px; } }
    @media only screen and (max-width: 768px) {
      .orchestra-head .content {
        padding: 0 30px; } }
    @media only screen and (max-width: 540px) {
      .orchestra-head .content {
        padding: 0 20px; } }
    .orchestra-head .content .title {
      margin-bottom: 0;
      text-align: center; }
      .orchestra-head .content .title h1 {
        font-size: 80px;
        line-height: 1.25;
        letter-spacing: 1.15px;
        text-align: center;
        font-family: "ModernoFB";
        font-weight: bold;
        font-style: normal;
        color: #3c082a;
        margin-bottom: 36px; }
        @media only screen and (max-width: 768px) {
          .orchestra-head .content .title h1 {
            font-size: 42px;
            line-height: 1.14;
            margin-bottom: 22px; } }
      .orchestra-head .content .title .btns {
        display: inline-block;
        padding: 16px 44px;
        font-size: 17px;
        line-height: 1;
        font-family: "freight-sans-pro",freight-sans-pro;
        font-weight: 600;
        font-style: normal;
        color: #fff;
        background: #3c082a;
        text-align: center;
        margin: 0 auto; }
        @media only screen and (max-width: 768px) {
          .orchestra-head .content .title .btns {
            padding: 10px 25px; } }
        .orchestra-head .content .title .btns:hover {
          background: #6f104d; }
    .orchestra-head .content .img-box {
      display: flex;
      justify-content: space-between;
      flex-wrap: wrap; }
      @media only screen and (max-width: 768px) {
        .orchestra-head .content .img-box {
          display: block; } }
      .orchestra-head .content .img-box .unit {
        width: calc(50% - 19px); }
        @media only screen and (max-width: 768px) {
          .orchestra-head .content .img-box .unit {
            width: 100%;
            margin-bottom: 20px; }
            .orchestra-head .content .img-box .unit:last-child {
              margin-bottom: 0; } }
        .orchestra-head .content .img-box .unit a {
          position: relative;
          overflow: hidden;
          display: block; }
          .orchestra-head .content .img-box .unit a:hover .unit-bg {
            transform: scale(1.1);
            transition: all 0.2s ease-in-out; }
        .orchestra-head .content .img-box .unit .unit-bg {
          width: 100%;
          height: 100%;
          position: absolute;
          left: 0;
          top: 0;
          z-index: -2;
          transition: all 0.2s ease-in-out;
          transform: scale(1);
          background-repeat: no-repeat;
          background-position: center;
          background-size: cover; }
        .orchestra-head .content .img-box .unit .mask {
          width: 100%;
          height: 100%;
          position: absolute;
          left: 0;
          top: 0;
          z-index: -1;
          opacity: 0.53;
          background-repeat: no-repeat;
          background-size: 100% 100%;
          background-image: url(../images/mask-m-02.png); }
        .orchestra-head .content .img-box .unit .text-box {
          padding: 326px 27px 20px; }
          .orchestra-head .content .img-box .unit .text-box h2 {
            font-size: 32px;
            line-height: 1.19;
            font-family: "ModernoFB";
            font-weight: bold;
            font-style: normal;
            color: #fff; }
            @media only screen and (max-width: 768px) {
              .orchestra-head .content .img-box .unit .text-box h2 {
                font-size: 22px;
                line-height: 1.36; } }

.orchestra-musicians {
  padding: 44px 0; }
  @media only screen and (max-width: 768px) {
    .orchestra-musicians {
      padding: 27px 0; } }
  .orchestra-musicians .content {
    max-width: 1680px;
    padding: 0 200px;
    margin: 0 auto; }
    @media only screen and (max-width: 1440px) {
      .orchestra-musicians .content {
        padding: 0 50px; } }
    @media only screen and (max-width: 768px) {
      .orchestra-musicians .content {
        padding: 0 30px; } }
    @media only screen and (max-width: 540px) {
      .orchestra-musicians .content {
        padding: 0 20px; } }
    .orchestra-musicians .content .title {
      margin-bottom: 57px; }
      @media only screen and (max-width: 768px) {
        .orchestra-musicians .content .title {
          margin-bottom: 30px; } }
      .orchestra-musicians .content .title h2 {
        font-size: 46px;
        line-height: 1.35;
        letter-spacing: 0.4px;
        text-align: center;
        font-family: "ModernoFB";
        font-weight: bold;
        font-style: normal;
        color: #3c082a;
        margin-bottom: 13px; }
        @media only screen and (max-width: 768px) {
          .orchestra-musicians .content .title h2 {
            font-size: 34px;
            line-height: 1.18;
            margin-bottom: 10px; } }
      .orchestra-musicians .content .title p {
        text-align: center; }
        .orchestra-musicians .content .title p i {
          color: #3c082a;
          font-size: 22px; }
          @media only screen and (max-width: 768px) {
            .orchestra-musicians .content .title p i {
              font-size: 19px; } }
    .orchestra-musicians .content .repeat-box .unit-key > ul {
      display: flex;
      justify-content: space-between;
      border-bottom: 1px solid #3c082a; }
      .orchestra-musicians .content .repeat-box .unit-key > ul > li {
        width: calc(25% - 27px);
        font-size: 18px;
        line-height: 1.33;
        font-family: "freight-sans-pro",freight-sans-pro;
        font-weight: 600;
        font-style: normal;
        text-align: center;
        margin-right: 18px; }
        @media only screen and (max-width: 768px) {
          .orchestra-musicians .content .repeat-box .unit-key > ul > li {
            margin-right: 10px;
            width: calc(25% - 7.5px); } }
        @media only screen and (max-width: 390px) {
          .orchestra-musicians .content .repeat-box .unit-key > ul > li {
            font-size: 14px; } }
        .orchestra-musicians .content .repeat-box .unit-key > ul > li:last-child {
          margin-right: 0; }
        .orchestra-musicians .content .repeat-box .unit-key > ul > li.active a {
          color: #3c082a; }
          .orchestra-musicians .content .repeat-box .unit-key > ul > li.active a:after {
            width: 100%;
            left: 0; }
        .orchestra-musicians .content .repeat-box .unit-key > ul > li a {
          color: rgba(71, 71, 71, 0.84);
          display: block;
          padding-bottom: 30px;
          position: relative; }
          @media only screen and (max-width: 768px) {
            .orchestra-musicians .content .repeat-box .unit-key > ul > li a {
              padding-bottom: 18px; } }
          .orchestra-musicians .content .repeat-box .unit-key > ul > li a:after {
            content: " ";
            width: 0;
            height: 7px;
            background: #3c082a;
            position: absolute;
            left: 50%;
            bottom: 0;
            transition: all 0.2s ease-in-out; }
          .orchestra-musicians .content .repeat-box .unit-key > ul > li a:hover {
            color: #3c082a; }
            .orchestra-musicians .content .repeat-box .unit-key > ul > li a:hover:after {
              width: 100%;
              left: 0; }
    .orchestra-musicians .content .repeat-box .unit-01-box {
      padding: 60px 0 37px; }
      @media only screen and (max-width: 768px) {
        .orchestra-musicians .content .repeat-box .unit-01-box {
          padding: 24px 0 14px; } }
      .orchestra-musicians .content .repeat-box .unit-01-box > ul .unit-01 {
        display: none; }
        .orchestra-musicians .content .repeat-box .unit-01-box > ul .unit-01:first-child {
          display: block; }
        .orchestra-musicians .content .repeat-box .unit-01-box > ul .unit-01 .unit-02-box {
          display: flex;
          flex-wrap: wrap;
          margin: -10px -17px; }
          @media only screen and (max-width: 768px) {
            .orchestra-musicians .content .repeat-box .unit-01-box > ul .unit-01 .unit-02-box {
              margin: -10px; } }
          @media only screen and (max-width: 480px) {
            .orchestra-musicians .content .repeat-box .unit-01-box > ul .unit-01 .unit-02-box {
              margin: -5px; } }
          .orchestra-musicians .content .repeat-box .unit-01-box > ul .unit-01 .unit-02-box .unit-02 {
            width: calc(33.3% - 34px);
            margin: 10px 17px;
            position: relative; }
            @media only screen and (max-width: 768px) {
              .orchestra-musicians .content .repeat-box .unit-01-box > ul .unit-01 .unit-02-box .unit-02 {
                width: calc(50% - 20px);
                margin: 10px; } }
            @media only screen and (max-width: 480px) {
              .orchestra-musicians .content .repeat-box .unit-01-box > ul .unit-01 .unit-02-box .unit-02 {
                width: calc(50% - 10px);
                margin: 5px; } }
            .orchestra-musicians .content .repeat-box .unit-01-box > ul .unit-01 .unit-02-box .unit-02 a {
              display: block;
              overflow: hidden; }
              .orchestra-musicians .content .repeat-box .unit-01-box > ul .unit-01 .unit-02-box .unit-02 a:hover .img-box img {
                transform: scale(1.1); }
            .orchestra-musicians .content .repeat-box .unit-01-box > ul .unit-01 .unit-02-box .unit-02 .img-box img {
              display: block;
              transition: all 0.2s ease-in-out; }
            .orchestra-musicians .content .repeat-box .unit-01-box > ul .unit-01 .unit-02-box .unit-02 .mask {
              width: 100%;
              height: 56%;
              position: absolute;
              left: 0;
              bottom: 0;
              opacity: 0.80;
              background-repeat: no-repeat;
              background-size: 100% 100%;
              background-image: url(../images/mask-m-02.png); }
            .orchestra-musicians .content .repeat-box .unit-01-box > ul .unit-01 .unit-02-box .unit-02 .text-box {
              position: absolute;
              left: 27px;
              bottom: 20px;
              padding-right: 27px; }
              @media only screen and (max-width: 980px) {
                .orchestra-musicians .content .repeat-box .unit-01-box > ul .unit-01 .unit-02-box .unit-02 .text-box {
                  left: 11px;
                  bottom: 8px;
                  padding-right: 11px; } }
              .orchestra-musicians .content .repeat-box .unit-01-box > ul .unit-01 .unit-02-box .unit-02 .text-box h3 {
                font-size: 24px;
                line-height: 1.4;
                font-family: "freight-sans-pro",freight-sans-pro;
                font-weight: 600;
                font-style: normal;
                color: #fff;
                display: flex; }
                @media only screen and (max-width: 980px) {
                  .orchestra-musicians .content .repeat-box .unit-01-box > ul .unit-01 .unit-02-box .unit-02 .text-box h3 {
                    font-size: 16px; } }
                @media only screen and (max-width: 480px) {
                  .orchestra-musicians .content .repeat-box .unit-01-box > ul .unit-01 .unit-02-box .unit-02 .text-box h3 {
                    font-size: 12px; } }
                .orchestra-musicians .content .repeat-box .unit-01-box > ul .unit-01 .unit-02-box .unit-02 .text-box h3 i {
                  font-size: 35px;
                  font-style: normal;
                  line-height: 28px;
                  height: 28px;
                  margin-left: 10px; }
                  @media only screen and (max-width: 980px) {
                    .orchestra-musicians .content .repeat-box .unit-01-box > ul .unit-01 .unit-02-box .unit-02 .text-box h3 i {
                      font-size: 26px;
                      line-height: 18.4px;
                      height: 18.4px; } }
                  @media only screen and (max-width: 480px) {
                    .orchestra-musicians .content .repeat-box .unit-01-box > ul .unit-01 .unit-02-box .unit-02 .text-box h3 i {
                      font-size: 20px;
                      line-height: 12px;
                      height: 16.8px;
                      margin-left: 5px; } }
                .orchestra-musicians .content .repeat-box .unit-01-box > ul .unit-01 .unit-02-box .unit-02 .text-box h3 span {
                  font-size: 35px;
                  font-style: normal;
                  line-height: 43px;
                  height: 28px;
                  margin-left: 10px; }
                  .orchestra-musicians .content .repeat-box .unit-01-box > ul .unit-01 .unit-02-box .unit-02 .text-box h3 span.leave-absence {
                    line-height: 28px;
                    font-size: 29px; }
                  .orchestra-musicians .content .repeat-box .unit-01-box > ul .unit-01 .unit-02-box .unit-02 .text-box h3 span + span {
                    margin-left: 6px; }
                  @media only screen and (max-width: 980px) {
                    .orchestra-musicians .content .repeat-box .unit-01-box > ul .unit-01 .unit-02-box .unit-02 .text-box h3 span {
                      font-size: 26px;
                      line-height: 30px;
                      height: 18.4px; } }
                  @media only screen and (max-width: 768px) {
                    .orchestra-musicians .content .repeat-box .unit-01-box > ul .unit-01 .unit-02-box .unit-02 .text-box h3 span {
                      font-size: 20px;
                      line-height: 20px;
                      height: 16.8px;
                      margin-left: 5px; } }
              .orchestra-musicians .content .repeat-box .unit-01-box > ul .unit-01 .unit-02-box .unit-02 .text-box p {
                font-size: 20px;
                line-height: 1.4;
                font-style: italic;
                color: #fff; }
                @media only screen and (max-width: 980px) {
                  .orchestra-musicians .content .repeat-box .unit-01-box > ul .unit-01 .unit-02-box .unit-02 .text-box p {
                    font-size: 14px; } }
                @media only screen and (max-width: 480px) {
                  .orchestra-musicians .content .repeat-box .unit-01-box > ul .unit-01 .unit-02-box .unit-02 .text-box p {
                    font-size: 10px; } }
    .orchestra-musicians .content .repeat-box .note-box p {
      text-align: center;
      font-size: 15px;
      color: #3c082a;
      line-height: 20px;
      display: flex;
      justify-content: center; }
      @media only screen and (max-width: 480px) {
        .orchestra-musicians .content .repeat-box .note-box p {
          font-size: 13px; } }
      .orchestra-musicians .content .repeat-box .note-box p i {
        font-size: 20px;
        font-style: normal;
        line-height: 16px;
        height: 20px;
        margin-right: 5px; }
        @media only screen and (max-width: 480px) {
          .orchestra-musicians .content .repeat-box .note-box p i {
            font-size: 17px;
            line-height: 18px; } }
      .orchestra-musicians .content .repeat-box .note-box p span {
        font-size: 20px;
        font-style: normal;
        line-height: 24px;
        height: 20px;
        margin-right: 5px; }
        @media only screen and (max-width: 480px) {
          .orchestra-musicians .content .repeat-box .note-box p span {
            font-size: 18px;
            line-height: 26px; } }

.orchestra-media {
  padding: 38px 0 46px; }
  @media only screen and (max-width: 768px) {
    .orchestra-media {
      padding: 24px 0; } }
  .orchestra-media .content {
    max-width: 1680px;
    padding: 0 200px;
    margin: 0 auto; }
    @media only screen and (max-width: 1440px) {
      .orchestra-media .content {
        padding: 0 50px; } }
    @media only screen and (max-width: 768px) {
      .orchestra-media .content {
        padding: 0 30px; } }
    @media only screen and (max-width: 540px) {
      .orchestra-media .content {
        padding: 0 20px; } }
    .orchestra-media .content .title {
      margin-bottom: 93px;
      text-align: center; }
      @media only screen and (max-width: 768px) {
        .orchestra-media .content .title {
          margin-bottom: 53px; } }
      .orchestra-media .content .title h2 {
        font-size: 80px;
        line-height: 1.25;
        letter-spacing: 1.15px;
        text-align: center;
        font-family: "ModernoFB";
        font-weight: bold;
        font-style: normal;
        color: #3c082a;
        margin-bottom: 16px; }
        @media only screen and (max-width: 768px) {
          .orchestra-media .content .title h2 {
            font-size: 42px;
            line-height: 1.14;
            margin-bottom: 19px; } }
      .orchestra-media .content .title p {
        font-size: 20px;
        line-height: 1.4;
        text-align: center;
        color: #474747;
        max-width: 680px;
        margin: 0 auto 32px; }
        @media only screen and (max-width: 768px) {
          .orchestra-media .content .title p {
            font-size: 16px;
            line-height: 1.5;
            padding: 0 15px;
            margin-bottom: 37px; } }
      .orchestra-media .content .title .btns {
        display: inline-block;
        padding: 16px 44px;
        font-size: 17px;
        line-height: 1;
        font-family: "freight-sans-pro",freight-sans-pro;
        font-weight: 600;
        font-style: normal;
        color: #fff;
        background: #3c082a;
        text-align: center;
        margin: 0 auto; }
        @media only screen and (max-width: 768px) {
          .orchestra-media .content .title .btns {
            padding: 10px 25px; } }
        .orchestra-media .content .title .btns:hover {
          background: #6f104d; }
    .orchestra-media .content .repeat-box .unit-key > ul {
      display: flex;
      justify-content: space-between;
      border-bottom: 1px solid #3c082a; }
      .orchestra-media .content .repeat-box .unit-key > ul > li {
        width: calc(32% - 27px);
        font-size: 18px;
        line-height: 1.33;
        font-family: "freight-sans-pro",freight-sans-pro;
        font-weight: 600;
        font-style: normal;
        text-align: center;
        margin-right: 18px; }
        @media only screen and (max-width: 768px) {
          .orchestra-media .content .repeat-box .unit-key > ul > li {
            margin-right: 7px;
            width: calc(33.3% - 5px); } }
        @media only screen and (max-width: 400px) {
          .orchestra-media .content .repeat-box .unit-key > ul > li {
            font-size: 14px; } }
        .orchestra-media .content .repeat-box .unit-key > ul > li:last-child {
          margin-right: 0; }
        .orchestra-media .content .repeat-box .unit-key > ul > li.active a {
          color: #3c082a; }
          .orchestra-media .content .repeat-box .unit-key > ul > li.active a:after {
            width: 100%;
            left: 0; }
        .orchestra-media .content .repeat-box .unit-key > ul > li a {
          color: rgba(71, 71, 71, 0.84);
          display: block;
          padding-bottom: 30px;
          position: relative; }
          @media only screen and (max-width: 768px) {
            .orchestra-media .content .repeat-box .unit-key > ul > li a {
              padding-bottom: 18px; } }
          .orchestra-media .content .repeat-box .unit-key > ul > li a:after {
            content: " ";
            width: 0;
            height: 7px;
            background: #3c082a;
            position: absolute;
            left: 50%;
            bottom: 0;
            transition: all 0.2s ease-in-out; }
          .orchestra-media .content .repeat-box .unit-key > ul > li a:hover {
            color: #3c082a; }
            .orchestra-media .content .repeat-box .unit-key > ul > li a:hover:after {
              width: 100%;
              left: 0; }
    .orchestra-media .content .repeat-box .unit-01-box {
      padding: 53px 0 37px; }
      @media only screen and (max-width: 768px) {
        .orchestra-media .content .repeat-box .unit-01-box {
          padding: 22px 0 19px; } }
      .orchestra-media .content .repeat-box .unit-01-box > ul .unit-01 {
        display: none; }
        .orchestra-media .content .repeat-box .unit-01-box > ul .unit-01:first-child {
          display: block; }
        .orchestra-media .content .repeat-box .unit-01-box > ul .unit-01 .unit-02-box .unit-02 {
          padding: 17px 0; }
          .orchestra-media .content .repeat-box .unit-01-box > ul .unit-01 .unit-02-box .unit-02 .unit-title {
            margin-bottom: 31px; }
            @media only screen and (max-width: 768px) {
              .orchestra-media .content .repeat-box .unit-01-box > ul .unit-01 .unit-02-box .unit-02 .unit-title {
                margin-bottom: 23px; } }
            .orchestra-media .content .repeat-box .unit-01-box > ul .unit-01 .unit-02-box .unit-02 .unit-title h3 {
              font-size: 32px;
              line-height: 1.06;
              font-family: "ModernoFB";
              font-weight: bold;
              font-style: normal;
              color: #383838; }
              @media only screen and (max-width: 768px) {
                .orchestra-media .content .repeat-box .unit-01-box > ul .unit-01 .unit-02-box .unit-02 .unit-title h3 {
                  font-size: 22px;
                  line-height: 1.36; } }
          .orchestra-media .content .repeat-box .unit-01-box > ul .unit-01 .unit-02-box .unit-02 .img-box {
            display: flex;
            justify-content: center;
            flex-wrap: wrap;
            margin: 0 -16px 14px; }
            @media only screen and (max-width: 640px) {
              .orchestra-media .content .repeat-box .unit-01-box > ul .unit-01 .unit-02-box .unit-02 .img-box {
                margin: 0 0 12px; } }
            .orchestra-media .content .repeat-box .unit-01-box > ul .unit-01 .unit-02-box .unit-02 .img-box > div {
              width: calc(50% - 32px);
              margin: 0 16px;
              position: relative; }
              @media only screen and (max-width: 640px) {
                .orchestra-media .content .repeat-box .unit-01-box > ul .unit-01 .unit-02-box .unit-02 .img-box > div {
                  width: 100%;
                  margin: 0;
                  margin-bottom: 20px; }
                  .orchestra-media .content .repeat-box .unit-01-box > ul .unit-01 .unit-02-box .unit-02 .img-box > div:last-child {
                    margin-bottom: 0; } }
              .orchestra-media .content .repeat-box .unit-01-box > ul .unit-01 .unit-02-box .unit-02 .img-box > div .link-box {
                display: block;
                overflow: hidden;
                position: relative; }
                .orchestra-media .content .repeat-box .unit-01-box > ul .unit-01 .unit-02-box .unit-02 .img-box > div .link-box:hover img {
                  transform: scale(1.1); }
                .orchestra-media .content .repeat-box .unit-01-box > ul .unit-01 .unit-02-box .unit-02 .img-box > div .link-box:hover .down {
                  color: #3c082a; }
                .orchestra-media .content .repeat-box .unit-01-box > ul .unit-01 .unit-02-box .unit-02 .img-box > div .link-box img {
                  display: block;
                  transition: all 0.2s; }
              .orchestra-media .content .repeat-box .unit-01-box > ul .unit-01 .unit-02-box .unit-02 .img-box > div .down {
                position: absolute;
                right: 20px;
                top: 20px;
                color: #fff;
                transition: all 0.2s ease-in-out; }
                @media only screen and (max-width: 768px) {
                  .orchestra-media .content .repeat-box .unit-01-box > ul .unit-01 .unit-02-box .unit-02 .img-box > div .down {
                    right: 14px;
                    top: 10px; } }
                .orchestra-media .content .repeat-box .unit-01-box > ul .unit-01 .unit-02-box .unit-02 .img-box > div .down i {
                  font-size: 34px;
                  line-height: 34px; }
                  @media only screen and (max-width: 768px) {
                    .orchestra-media .content .repeat-box .unit-01-box > ul .unit-01 .unit-02-box .unit-02 .img-box > div .down i {
                      font-size: 27px;
                      line-height: 27px; } }
          .orchestra-media .content .repeat-box .unit-01-box > ul .unit-01 .unit-02-box .unit-02 .note-box p {
            font-size: 16px;
            color: #3c082a;
            line-height: 1.5;
            display: flex; }
            .orchestra-media .content .repeat-box .unit-01-box > ul .unit-01 .unit-02-box .unit-02 .note-box p span {
              font-size: 20px;
              font-style: normal;
              line-height: 30px;
              height: 24px;
              margin-right: 5px; }

.ways-to-volunteer {
  max-width: 986px;
  margin: 0 auto;
  padding: 70px 50px 20px;
  clear: both; }
  @media only screen and (max-width: 768px) {
    .ways-to-volunteer {
      padding: 70px 30px 20px; } }
  @media only screen and (max-width: 480px) {
    .ways-to-volunteer {
      padding: 70px 20px 20px; } }
  .ways-to-volunteer.no-top-padding {
    padding-top: 22px;
    padding-bottom: 70px; }
  .ways-to-volunteer h1 {
    font-size: 80px;
    line-height: 1.25;
    letter-spacing: 1.15px;
    font-family: "ModernoFB";
    font-weight: bold;
    font-style: normal;
    color: #3c082a;
    text-align: center;
    margin-bottom: 77px; }
    @media only screen and (max-width: 768px) {
      .ways-to-volunteer h1 {
        font-size: 42px;
        line-height: 1.14;
        letter-spacing: normal;
        margin-bottom: 37px; } }
  .ways-to-volunteer .form-content h2 {
    font-size: 32px;
    line-height: 1.06;
    font-family: "ModernoFB";
    font-weight: bold;
    font-style: normal;
    color: #383838;
    margin-bottom: 23px; }
    @media only screen and (max-width: 768px) {
      .ways-to-volunteer .form-content h2 {
        font-size: 22px;
        line-height: 1.36;
        margin-bottom: 25px; } }
  .ways-to-volunteer .form-content p {
    font-size: 20px;
    line-height: 1.5;
    color: #414141;
    margin-bottom: 30px; }
    @media only screen and (max-width: 768px) {
      .ways-to-volunteer .form-content p {
        font-size: 16px; } }
  .ways-to-volunteer .form-content > ul > li {
    font-size: 20px;
    line-height: 1.5;
    color: #414141;
    position: relative;
    padding-left: 30px;
    margin-bottom: 9px; }
    @media only screen and (max-width: 768px) {
      .ways-to-volunteer .form-content > ul > li {
        font-size: 16px; } }
    .ways-to-volunteer .form-content > ul > li:before {
      content: " ";
      width: 8px;
      height: 8px;
      display: block;
      background: #3c082a;
      position: absolute;
      top: 13px;
      left: 0;
      border-radius: 50%; }
      @media only screen and (max-width: 768px) {
        .ways-to-volunteer .form-content > ul > li:before {
          width: 7px;
          height: 7px; } }
  .ways-to-volunteer .form-content div.wpcf7 .form-field {
    margin-bottom: 20px; }
    @media only screen and (max-width: 768px) {
      .ways-to-volunteer .form-content div.wpcf7 .form-field {
        margin-bottom: 25px; } }
    .ways-to-volunteer .form-content div.wpcf7 .form-field label {
      display: block;
      font-family: "freight-sans-pro",freight-sans-pro;
      font-weight: 600;
      font-style: normal;
      font-size: 20px;
      line-height: 1.42;
      color: #3c082a;
      margin-bottom: 10px; }
      @media only screen and (max-width: 768px) {
        .ways-to-volunteer .form-content div.wpcf7 .form-field label {
          font-size: 20px;
          line-height: 1.2;
          margin-bottom: 15px; } }
    .ways-to-volunteer .form-content div.wpcf7 .form-field span input {
      border: 1px solid #3c082a;
      height: 58px;
      font-family: "freight-sans-pro",freight-sans-pro;
      font-weight: 400;
      font-style: normal;
      font-size: 22px;
      line-height: 58px;
      color: #414141;
      padding: 0 20px;
      width: 100%; }
      @media only screen and (max-width: 768px) {
        .ways-to-volunteer .form-content div.wpcf7 .form-field span input {
          height: 46px;
          line-height: 46px;
          padding: 0 15px; } }
    .ways-to-volunteer .form-content div.wpcf7 .form-field span textarea {
      border: 1px solid #3c082a;
      font-family: "freight-sans-pro",freight-sans-pro;
      font-weight: 400;
      font-style: normal;
      font-size: 22px;
      line-height: 1.27;
      color: #414141;
      padding: 20px;
      width: 100%;
      height: 223px; }
      @media only screen and (max-width: 768px) {
        .ways-to-volunteer .form-content div.wpcf7 .form-field span textarea {
          padding: 15px;
          height: 174px; } }
    .ways-to-volunteer .form-content div.wpcf7 .form-field span input::-webkit-input-placeholder {
      color: #414141;
      font-family: "freight-sans-pro",freight-sans-pro;
      font-weight: 400;
      font-style: normal;
      font-size: 22px;
      line-height: 58px;
      opacity: 1; }
    .ways-to-volunteer .form-content div.wpcf7 .form-field span input::-moz-placeholder {
      /* Mozilla Firefox 19+ */
      color: #414141;
      font-family: "freight-sans-pro",freight-sans-pro;
      font-weight: 400;
      font-style: normal;
      font-size: 22px;
      line-height: 58px;
      opacity: 1; }
    .ways-to-volunteer .form-content div.wpcf7 .form-field span input:-moz-placeholder {
      /* Mozilla Firefox 4 to 18 */
      color: #414141;
      font-family: "freight-sans-pro",freight-sans-pro;
      font-weight: 400;
      font-style: normal;
      font-size: 22px;
      line-height: 58px;
      opacity: 1; }
    .ways-to-volunteer .form-content div.wpcf7 .form-field span input:-ms-input-placeholder {
      /* Internet Explorer 10-11 */
      color: #414141;
      font-family: "freight-sans-pro",freight-sans-pro;
      font-weight: 400;
      font-style: normal;
      font-size: 22px;
      line-height: 58px;
      opacity: 1; }
    .ways-to-volunteer .form-content div.wpcf7 .form-field span textarea::-webkit-input-placeholder {
      color: #414141;
      font-family: "freight-sans-pro",freight-sans-pro;
      font-weight: 400;
      font-style: normal;
      font-size: 22px;
      line-height: 1.27;
      opacity: 1; }
    .ways-to-volunteer .form-content div.wpcf7 .form-field span textarea::-moz-placeholder {
      /* Mozilla Firefox 19+ */
      color: #414141;
      font-family: "freight-sans-pro",freight-sans-pro;
      font-weight: 400;
      font-style: normal;
      font-size: 22px;
      line-height: 1.27;
      opacity: 1; }
    .ways-to-volunteer .form-content div.wpcf7 .form-field span textarea:-moz-placeholder {
      /* Mozilla Firefox 4 to 18 */
      color: #414141;
      font-family: "freight-sans-pro",freight-sans-pro;
      font-weight: 400;
      font-style: normal;
      font-size: 22px;
      line-height: 1.27;
      opacity: 1; }
    .ways-to-volunteer .form-content div.wpcf7 .form-field span textarea:-ms-input-placeholder {
      /* Internet Explorer 10-11 */
      color: #414141;
      font-family: "freight-sans-pro",freight-sans-pro;
      font-weight: 400;
      font-style: normal;
      font-size: 22px;
      line-height: 1.27;
      opacity: 1; }
  .ways-to-volunteer .form-content div.wpcf7 .checkbox-wrap {
    margin-top: 32px;
    margin-bottom: 30px; }
    @media only screen and (max-width: 768px) {
      .ways-to-volunteer .form-content div.wpcf7 .checkbox-wrap {
        margin-top: 22px;
        margin-bottom: 55px; } }
    .ways-to-volunteer .form-content div.wpcf7 .checkbox-wrap h3 {
      font-size: 18px;
      line-height: 1.22;
      font-family: "freight-sans-pro",freight-sans-pro;
      font-weight: 600;
      font-style: normal;
      color: #383838;
      margin-bottom: 12px; }
      @media only screen and (max-width: 768px) {
        .ways-to-volunteer .form-content div.wpcf7 .checkbox-wrap h3 {
          line-height: 1.33; } }
    .ways-to-volunteer .form-content div.wpcf7 .checkbox-wrap .wpcf7-checkbox {
      display: flex; }
      .ways-to-volunteer .form-content div.wpcf7 .checkbox-wrap .wpcf7-checkbox .wpcf7-list-item {
        display: flex;
        margin-right: 20px;
        align-items: center;
        margin-left: 0; }
        .ways-to-volunteer .form-content div.wpcf7 .checkbox-wrap .wpcf7-checkbox .wpcf7-list-item:last-child {
          margin-right: 0; }
        .ways-to-volunteer .form-content div.wpcf7 .checkbox-wrap .wpcf7-checkbox .wpcf7-list-item input {
          width: 25px;
          height: 25px;
          margin-right: 17px;
          opacity: 0; }
          @media only screen and (max-width: 768px) {
            .ways-to-volunteer .form-content div.wpcf7 .checkbox-wrap .wpcf7-checkbox .wpcf7-list-item input {
              width: 20px;
              height: 20px;
              margin-right: 14px; } }
        .ways-to-volunteer .form-content div.wpcf7 .checkbox-wrap .wpcf7-checkbox .wpcf7-list-item span {
          font-family: "freight-sans-pro",freight-sans-pro;
          font-weight: 400;
          font-style: normal;
          font-size: 20px;
          line-height: 1.4;
          color: #414141;
          position: relative;
          cursor: pointer;
          transition: all 0.2s; }
          .ways-to-volunteer .form-content div.wpcf7 .checkbox-wrap .wpcf7-checkbox .wpcf7-list-item span:hover {
            color: #3c082a; }
          .ways-to-volunteer .form-content div.wpcf7 .checkbox-wrap .wpcf7-checkbox .wpcf7-list-item span:before {
            content: " ";
            display: block;
            width: 25px;
            height: 25px;
            border: 1px solid #3c082a;
            position: absolute;
            left: -42px;
            top: 4px;
            z-index: -2;
            background: #fff; }
            @media only screen and (max-width: 768px) {
              .ways-to-volunteer .form-content div.wpcf7 .checkbox-wrap .wpcf7-checkbox .wpcf7-list-item span:before {
                width: 20px;
                height: 20px;
                left: -35px; } }
          .ways-to-volunteer .form-content div.wpcf7 .checkbox-wrap .wpcf7-checkbox .wpcf7-list-item span:after {
            font-family: "iconfont" !important;
            font-style: normal;
            -webkit-font-smoothing: antialiased;
            -moz-osx-font-smoothing: grayscale;
            content: "\e631";
            font-size: 15px;
            position: absolute;
            left: -40px;
            top: 8px;
            z-index: -1;
            opacity: 0;
            transition: all 0.2s; }
            @media only screen and (max-width: 768px) {
              .ways-to-volunteer .form-content div.wpcf7 .checkbox-wrap .wpcf7-checkbox .wpcf7-list-item span:after {
                font-size: 12px;
                left: -33px; } }
        .ways-to-volunteer .form-content div.wpcf7 .checkbox-wrap .wpcf7-checkbox .wpcf7-list-item input:checked + span:after {
          opacity: 1; }
  .ways-to-volunteer .form-content div.wpcf7 .submit-box {
    text-align: right;
    position: relative; }
    .ways-to-volunteer .form-content div.wpcf7 .submit-box input {
      display: inline-block;
      font-size: 17px;
      line-height: 1;
      padding: 20px 38px;
      background: #3c082a;
      color: #fff; }
      @media only screen and (max-width: 768px) {
        .ways-to-volunteer .form-content div.wpcf7 .submit-box input {
          padding: 10px 25px; } }
      .ways-to-volunteer .form-content div.wpcf7 .submit-box input:hover {
        background: #6f104d; }
@keyframes loading {
  0% {
    transform: rotate(0deg); }
  100% {
    transform: rotate(360deg); } }
  .ways-to-volunteer .submit-c {
    position: relative; }
  .ways-to-volunteer div.wpcf7 .ajax-loader {
    visibility: hidden;
    width: 12px;
    height: 12px;
    background: none;
    border: 2px solid #6f104d;
    border-radius: 50%;
    border-bottom: 2px solid transparent;
    -webkit-animation: loading 0.5s infinite linear;
    animation: loading 0.5s infinite linear;
    position: absolute;
    margin: 0 !important;
    top: 25px;
    right: -17px;
    transform: translate(100%, -50%); }
    .ways-to-volunteer div.wpcf7 .ajax-loader.is-active {
      visibility: visible; }
  .ways-to-volunteer span.wpcf7-not-valid-tip {
    display: none !important;
    color: #f53c48;
    margin-top: 5px;
    font-size: 16px;
    text-align: left; }
  .ways-to-volunteer div.wpcf7-acceptance-missing,
  .ways-to-volunteer div.wpcf7-validation-errors {
    color: #f53c48;
    border: 0;
    text-align: center; }
  .ways-to-volunteer div.wpcf7-mail-sent-ok {
    color: #414141;
    border: 0;
    text-align: center;
    display: none !important; }
  .ways-to-volunteer div.wpcf7-response-output {
    padding: 0;
    margin-left: 0;
    margin-right: 0;
    margin-top: 20px;
    border: none; }

.thank-you {
  position: fixed;
  top: 0;
  left: 0;
  width: 100vw;
  height: 100vh;
  z-index: 200;
  background: rgba(71, 71, 71, 0.6);
  display: none; }
  .thank-you .content {
    background: #fff;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    padding: 140px 150px;
    max-width: 670px;
    text-align: center; }
    @media only screen and (max-width: 1440px) {
      .thank-you .content {
        padding: 80px; } }
    @media only screen and (max-width: 980px) {
      .thank-you .content {
        padding: 50px; } }
    @media only screen and (max-width: 640px) {
      .thank-you .content {
        padding: 50px 20px;
        width: 80%; } }
    .thank-you .content i {
      color: #3c082a;
      font-size: 32px;
      margin-bottom: 27px; }
    .thank-you .content h2 {
      font-family: "Proxima Nova";
      font-weight: 600;
      font-style: normal;
      font-size: 54px;
      line-height: 1.11;
      color: #414141;
      margin-bottom: 23px; }
      @media only screen and (max-width: 980px) {
        .thank-you .content h2 {
          font-size: 42px;
          line-height: 46px; } }
    .thank-you .content p {
      font-family: "ProximaNova";
      font-weight: normal;
      font-style: normal;
      font-size: 20px;
      line-height: 1.4;
      color: #414141;
      margin-bottom: 40px; }
      @media only screen and (max-width: 980px) {
        .thank-you .content p {
          font-size: 20px;
          line-height: 26px; } }
    .thank-you .content .btns {
      display: inline-block;
      padding: 16px 44px;
      font-size: 17px;
      line-height: 1;
      font-family: "freight-sans-pro",freight-sans-pro;
      font-weight: 600;
      font-style: normal;
      color: #fff;
      background: #3c082a;
      text-align: center;
      margin: 0 auto; }
      @media only screen and (max-width: 768px) {
        .thank-you .content .btns {
          padding: 10px 25px; } }
      .thank-you .content .btns:hover {
        background: #6f104d; }

.ratio {
  display: block;
  position: relative;
  overflow: hidden;
  min-height: 550px;
  width: auto;
  text-align: center; }

.ratio img {
  position: absolute;
  top: 0;
  left: 0;
  width: auto;
  min-height: 550px;
  min-width: 100%;
  right: 0;
  border: 0;
  max-width: 100%; }

.ratio {
  display: block;
  position: relative;
  overflow: hidden;
  min-height: 550px;
  width: auto;
  text-align: center; }

.ratio img {
  position: absolute;
  top: 0;
  left: 0;
  width: auto;
  min-height: 550px;
  min-width: 100%;
  right: 0;
  border: 0;
  max-width: 100%; }

.login-page input {
  border: 1px solid #3c082a;
  height: 58px;
  font-family: "freight-sans-pro",freight-sans-pro;
  font-weight: 400;
  font-style: normal;
  font-size: 22px;
  line-height: 58px;
  color: #414141;
  padding: 0 20px;
  width: 100% !important;
  max-width: 100% !important; }
  .login-page input[type=submit] {
    display: inline-block;
    font-size: 17px;
    line-height: 1;
    padding: 20px 38px;
    background: #3c082a;
    color: #fff;
    width: auto !important; }
  @media only screen and (max-width: 768px) {
    .login-page input {
      height: 46px;
      line-height: 46px;
      padding: 0 15px; } }

@media only screen and (max-width: 1440px) {
  .ratio, .ratio img {
    min-height: 500px; } }
@media only screen and (max-width: 1240px) {
  .ratio, .ratio img {
    min-height: 450px; } }
@media only screen and (max-width: 1100px) {
  .ratio, .ratio img {
    min-height: 400px; } }
@media only screen and (max-width: 780px) {
  .ratio, .ratio img {
    min-height: 340px; } }
.t_wp_content article.post:not(:first-child) {
  border-top: 1px solid #CCCCCC; }

footer {
  background: #1d1d1d; }
  footer .footer {
    max-width: 1374px;
    padding: 100px 50px 148px;
    margin: 0 auto; }
    @media only screen and (max-width: 768px) {
      footer .footer {
        padding: 65px 30px 56px; } }
    footer .footer * {
      color: #fff; }
    footer .footer .logo-box {
      margin-bottom: 50px; }
      @media only screen and (max-width: 440px) {
        footer .footer .logo-box {
          margin-bottom: 36px; } }
      footer .footer .logo-box img {
        max-width: 205px; }
    footer .footer .content {
      display: flex;
      margin-bottom: 26px;
      justify-content: space-between; }
      @media only screen and (max-width: 640px) {
        footer .footer .content {
          display: block; } }
      footer .footer .content .unit {
        width: 25%; }
        @media only screen and (max-width: 860px) {
          footer .footer .content .unit {
            width: 33.3%; } }
        @media only screen and (max-width: 640px) {
          footer .footer .content .unit {
            width: 100%;
            margin-bottom: 40px; } }
        footer .footer .content .unit:last-child > ul > li {
          padding-right: 0; }
        footer .footer .content .unit > ul > li {
          margin-bottom: 20px;
          padding-right: 20px;
          font-size: 20px;
          line-height: 1.3; }
          @media only screen and (max-width: 440px) {
            footer .footer .content .unit > ul > li {
              margin-bottom: 13px; } }
          footer .footer .content .unit > ul > li:last-child {
            margin-bottom: 0; }
          footer .footer .content .unit > ul > li a {
            font-size: 20px;
            line-height: 1.3; }
            footer .footer .content .unit > ul > li a:hover {
              color: #8c8a8a; }
          footer .footer .content .unit > ul > li .icon-box {
            display: flex; }
            footer .footer .content .unit > ul > li .icon-box > li {
              margin-right: 25px; }
              footer .footer .content .unit > ul > li .icon-box > li:last-child {
                margin-right: 0; }
              footer .footer .content .unit > ul > li .icon-box > li a i {
                transition: all 0.2s; }
              footer .footer .content .unit > ul > li .icon-box > li a:hover i {
                color: #8c8a8a; }
        @media only screen and (min-width: 861px) {
          footer .footer .content .unit.unit-big {
            width: 50%; } }
        footer .footer .content .unit.unit-big > ul {
          margin: -10px 0; }
          @media only screen and (min-width: 861px) {
            footer .footer .content .unit.unit-big > ul {
              display: flex;
              flex-wrap: wrap; } }
          @media only screen and (min-width: 861px) {
            footer .footer .content .unit.unit-big > ul > li {
              width: 50%;
              margin: 10px 0; } }
    footer .footer .copy p {
      font-size: 20px;
      line-height: 1.3; }
      @media only screen and (max-width: 640px) {
        footer .footer .copy p {
          font-size: 16px;
          line-height: 1.63; } }
      footer .footer .copy p a:hover {
        color: #8c8a8a; }

@font-face {
  font-family: "FreigSanProBook";
  src: url("../fonts/FreigSanProBook/FreigSanProBook.woff2") format("woff2"), url("../fonts/FreigSanProBook/FreigSanProBook.woff") format("woff"), url("../fonts/FreigSanProBook/FreigSanProBook.ttf") format("truetype"), url("../fonts/FreigSanProBook/FreigSanProBook.eot") format("embedded-opentype"), url("../fonts/FreigSanProBook/FreigSanProBook.svg") format("svg");
  font-weight: normal;
  font-style: normal; }
@font-face {
  font-family: "FreigSanProSem";
  src: url("../fonts/FreigSanProSem/FreigSanProSem.woff2") format("woff2"), url("../fonts/FreigSanProSem/FreigSanProSem.woff") format("woff"), url("../fonts/FreigSanProSem/FreigSanProSem.ttf") format("truetype"), url("../fonts/FreigSanProSem/FreigSanProSem.eot") format("embedded-opentype"), url("../fonts/FreigSanProSem/FreigSanProSem.svg") format("svg");
  font-weight: normal;
  font-style: normal; }
@font-face {
  font-family: "FreigSanProBold";
  src: url("../fonts/FreigSanProBold/FreightSansProBold.woff2") format("woff2"), url("../fonts/FreigSanProBold/FreightSansProBold.woff") format("woff"), url("../fonts/FreigSanProBold/FreightSansProBold.ttf") format("truetype"), url("../fonts/FreigSanProBold/FreightSansProBold.eot") format("embedded-opentype"), url("../fonts/FreigSanProBold/FreightSansProBold.svg") format("svg");
  font-weight: normal;
  font-style: normal; }
@font-face {
  font-family: "FreightSansProMedium";
  src: url("../fonts/FreightSansProMedium/FreightSansProMedium.woff2") format("woff2"), url("../fonts/FreightSansProMedium/FreightSansProMedium.woff") format("woff"), url("../fonts/FreightSansProMedium/FreightSansProMedium.ttf") format("truetype"), url("../fonts/FreightSansProMedium/FreightSansProMedium.eot") format("embedded-opentype"), url("../fonts/FreightSansProMedium/FreightSansProMedium.svg") format("svg");
  font-weight: normal;
  font-style: normal; }
@font-face {
  font-family: "ModernoFB";
  src: url("../fonts/ModernoFB/ModernoFB.woff2") format("woff2"), url("../fonts/ModernoFB/ModernoFB.woff") format("woff"), url("../fonts/ModernoFB/ModernoFB.ttf") format("truetype"), url("../fonts/ModernoFB/ModernoFB.eot") format("embedded-opentype"), url("../fonts/ModernoFB/ModernoFB.svg") format("svg");
  font-weight: normal;
  font-style: normal; }
@font-face {
  font-family: "IBMPlexSans";
  src: url("../fonts/IBMPlexSans/IBMPlexSans.woff2") format("woff2"), url("../fonts/IBMPlexSans/IBMPlexSans.woff") format("woff"), url("../fonts/IBMPlexSans/IBMPlexSans.ttf") format("truetype"), url("../fonts/IBMPlexSans/IBMPlexSans.eot") format("embedded-opentype"), url("../fonts/IBMPlexSans/IBMPlexSans.svg") format("svg");
  font-weight: normal;
  font-style: normal; }
@font-face {
  font-family: "ProximanovaExtrabld";
  src: url("../fonts/ProximanovaExtrabld/ProximanovaExtrabld.woff2") format("woff2"), url("../fonts/ProximanovaExtrabld/ProximanovaExtrabld.woff") format("woff"), url("../fonts/ProximanovaExtrabld/ProximanovaExtrabld.ttf") format("truetype"), url("../fonts/ProximanovaExtrabld/ProximanovaExtrabld.eot") format("embedded-opentype"), url("../fonts/ProximanovaExtrabld/ProximanovaExtrabld.svg") format("svg");
  font-weight: normal;
  font-style: normal; }
@font-face {
  font-family: "ProximaNova";
  src: url("../fonts/ProximaNova/ProximaNova.woff2") format("woff2"), url("../fonts/ProximaNova/ProximaNova.woff") format("woff"), url("../fonts/ProximaNova/ProximaNova.ttf") format("truetype"), url("../fonts/ProximaNova/ProximaNova.eot") format("embedded-opentype"), url("../fonts/ProximaNova/ProximaNova.svg") format("svg");
  font-weight: normal;
  font-style: normal; }
@font-face {
  font-family: 'FreightSans Pro';
  src: url("../fonts/FreightSansProSemibold/FreightSansProSemibold-Regular.eot");
  src: url("../fonts/FreightSansProSemibold/FreightSansProSemibold-Regular.eot?#iefix") format("embedded-opentype"), url("../fonts/FreightSansProSemibold/FreightSansProSemibold-Regular.woff2") format("woff2"), url("../fonts/FreightSansProSemibold/FreightSansProSemibold-Regular.woff") format("woff"), url("../fonts/FreightSansProSemibold/FreightSansProSemibold-Regular.ttf") format("truetype"), url("../fonts/FreightSansProSemibold/FreightSansProSemibold-Regular.svg#FreightSansProSemibold-Regular") format("svg");
  font-weight: 600;
  font-style: normal; }
@font-face {
  font-family: 'Proxima Nova';
  src: url("../fonts/ProximaNova-Semibold/ProximaNova-Semibold.eot");
  src: url("../fonts/ProximaNova-Semibold/ProximaNova-Semibold.eot?#iefix") format("embedded-opentype"), url("../fonts/ProximaNova-Semibold/ProximaNova-Semibold.woff2") format("woff2"), url("../fonts/ProximaNova-Semibold/ProximaNova-Semibold.woff") format("woff"), url("../fonts/ProximaNova-Semibold/ProximaNova-Semibold.ttf") format("truetype"), url("../fonts/ProximaNova-Semibold/ProximaNova-Semibold.svg#ProximaNova-Semibold") format("svg");
  font-weight: 600;
  font-style: normal; }
html.hidden-c .wowo {
  opacity: 0; }
  html.hidden-c .wowo.animated {
    animation-duration: 0.6s;
    visibility: visible;
    animation-fill-mode: both; }
    html.hidden-c .wowo.animated.header-logo {
      animation-duration: 1.6s; }

.leftshow.animated {
  animation-name: leftshow; }

.leftshowtwo.animated {
  animation-name: leftshowtwo; }

.leftor.animated {
  animation-name: leftors; }

@-webkit-keyframes leftors {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(-150px, 0, 0);
    transform: translate3d(-150px, 0, 0); }
  100% {
    opacity: 1;
    -webkit-transform: none;
    transform: none; } }
@keyframes leftshow {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(-900px, 0, 0);
    transform: translate3d(-900px, 0, 0); }
  100% {
    opacity: 0.61;
    -webkit-transform: none;
    transform: none; } }
@keyframes leftshowtwo {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(-900px, 0, 0);
    transform: translate3d(-900px, 0, 0); }
  100% {
    opacity: 1;
    -webkit-transform: none;
    transform: none; } }
@keyframes fadeIn {
  0% {
    opacity: 0; }
  to {
    opacity: 1; } }
@keyframes fadeInUp {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, 30px, 0);
    transform: translate3d(0, 30px, 0); }
  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    opacity: 1; } }
@keyframes fadeInBigUp {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, 100px, 0);
    transform: translate3d(0, 100px, 0); }
  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    opacity: 1; } }
@keyframes fadeInDown {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, -30px, 0);
    transform: translate3d(0, -30px, 0); }
  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    opacity: 1; } }
@keyframes fadeInLeft {
  0% {
    opacity: 0;
    transform: translate3d(-30%, 0, 0); }
  to {
    opacity: 1;
    transform: none; } }
@keyframes fadeInRight {
  0% {
    opacity: 0;
    transform: translate3d(30%, 0, 0); }
  to {
    opacity: 1;
    transform: none; } }
.fadeInLeft.animated {
  animation-name: fadeInLeft; }

.fadeInRight.animated {
  animation-name: fadeInRight; }

.fadeIn.animated {
  animation-name: fadeIn; }

.fadeInUp.animated {
  animation-name: fadeInUp; }

.fadeInBigUp.animated {
  animation-name: fadeInBigUp; }

.fadeInDown.animated {
  animation-name: fadeInDown; }

.delay-in-1 {
  animation-delay: 0.1s; }

.delay-in-2 {
  animation-delay: 0.2s; }

.delay-in-3 {
  animation-delay: 0.3s; }

.delay-in-4 {
  animation-delay: 0.4s; }

@keyframes myleft {
  50% {
    -o-transform: translate(8px, 0);
    -moz-transform: translate(8px, 0);
    -webkit-transform: translate(8px, 0);
    transform: translate(8px, 0); }
  100% {
    -o-transform: translate(0, 0);
    -moz-transform: translate(0, 0);
    -webkit-transform: translate(0, 0);
    transform: translate(0, 0); } }
@-o-keyframes myleft {
  50% {
    -o-transform: translate(8px, 0);
    -moz-transform: translate(8px, 0);
    -webkit-transform: translate(8px, 0);
    transform: translate(8px, 0); }
  100% {
    -o-transform: translate(0, 0);
    -moz-transform: translate(0, 0);
    -webkit-transform: translate(0, 0);
    transform: translate(0, 0); } }
@-moz-keyframes myleft {
  50% {
    -o-transform: translate(8px, 0);
    -moz-transform: translate(8px, 0);
    -webkit-transform: translate(8px, 0);
    transform: translate(8px, 0); }
  100% {
    -o-transform: translate(0, 0);
    -moz-transform: translate(0, 0);
    -webkit-transform: translate(0, 0);
    transform: translate(0, 0); } }
@-webkit-keyframes myleft {
  50% {
    -o-transform: translate(8px, 0);
    -moz-transform: translate(8px, 0);
    -webkit-transform: translate(8px, 0);
    transform: translate(8px, 0); }
  100% {
    -o-transform: translate(0, 0);
    -moz-transform: translate(0, 0);
    -webkit-transform: translate(0, 0);
    transform: translate(0, 0); } }
@keyframes myright {
  50% {
    -o-transform: rotate(180deg) translate(8px, 0);
    -moz-transform: rotate(180deg) translate(8px, 0);
    -webkit-transform: rotate(180deg) translate(8px, 0);
    transform: rotate(180deg) translate(8px, 0); }
  100% {
    -o-transform: rotate(180deg) translate(0, 0);
    -moz-transform: rotate(180deg) translate(0, 0);
    -webkit-transform: rotate(180deg) translate(0, 0);
    transform: rotate(180deg) translate(0, 0); } }
@-o-keyframes myright {
  50% {
    -o-transform: rotate(180deg) translate(8px, 0);
    -moz-transform: rotate(180deg) translate(8px, 0);
    -webkit-transform: rotate(180deg) translate(8px, 0);
    transform: rotate(180deg) translate(8px, 0); }
  100% {
    -o-transform: rotate(180deg) translate(0, 0);
    -moz-transform: rotate(180deg) translate(0, 0);
    -webkit-transform: rotate(180deg) translate(0, 0);
    transform: rotate(180deg) translate(0, 0); } }
@-moz-keyframes myright {
  50% {
    -o-transform: rotate(180deg) translate(8px, 0);
    -moz-transform: rotate(180deg) translate(8px, 0);
    -webkit-transform: rotate(180deg) translate(8px, 0);
    transform: rotate(180deg) translate(8px, 0); }
  100% {
    -o-transform: rotate(180deg) translate(0, 0);
    -moz-transform: rotate(180deg) translate(0, 0);
    -webkit-transform: rotate(180deg) translate(0, 0);
    transform: rotate(180deg) translate(0, 0); } }
@-webkit-keyframes myright {
  50% {
    -o-transform: rotate(180deg) translate(8px, 0);
    -moz-transform: rotate(180deg) translate(8px, 0);
    -webkit-transform: rotate(180deg) translate(8px, 0);
    transform: rotate(180deg) translate(8px, 0); }
  100% {
    -o-transform: rotate(180deg) translate(0, 0);
    -moz-transform: rotate(180deg) translate(0, 0);
    -webkit-transform: rotate(180deg) translate(0, 0);
    transform: rotate(180deg) translate(0, 0); } }
@keyframes bgmyleft {
  50% {
    background-position: 60% center; }
  100% {
    background-position: center center; } }
@-moz-keyframes bgmyleft {
  50% {
    background-position: 60% center; }
  100% {
    background-position: center center; } }
@-o-keyframes bgmyleft {
  50% {
    background-position: 60% center; }
  100% {
    background-position: center center; } }
@-webkit-keyframes bgmyleft {
  50% {
    background-position: 60% center; }
  100% {
    background-position: center center; } }

/*# sourceMappingURL=style.css.map */