/*============================================================================
/*============================================================================
  #Override Stylesheet
  #Add Custom Styles Here
==============================================================================*/

@import url('https://fonts.googleapis.com/css2?family=Quicksand&display=swap');
/* font-family: 'Quicksand', sans-serif; */

@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@400;700&display=swap');
/* font-family: 'Poppins', sans-serif; */

@font-face {
  font-family: 'ITC Caslon 224';
  src: url('caslontwotwentyfour-black.woff2') format('woff2'),
    url('caslontwotwentyfour-black.woff') format('woff');
  font-weight: 900;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Futura PT';
  src: url('futurapt-bold.woff2') format('woff2'),
    url('futurapt-bold.woff') format('woff');
  font-weight: bold;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Futura PT Book';
  src: url('futurapt-book.woff2') format('woff2'),
    url('futurapt-book.woff') format('woff');
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Futura PT';
  src: url('futurapt-medium.woff2') format('woff2'),
    url('futurapt-medium.woff') format('woff');
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Futura PT Demi';
  src: url('futurapt-demi.woff2') format('woff2'),
    url('futurapt-demi.woff') format('woff');
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Museo Sans 500';
  src: url('museosans-500italic.woff2') format('woff2'),
    url('museosans-500italic.woff') format('woff');
  font-weight: normal;
  font-style: italic;
  font-display: swap;
}

@font-face {
  font-family: 'Museo Sans 500';
  src: url('museosans-500.woff2') format('woff2'),
    url('museosans-500.woff') format('woff');
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Museo Sans 700';
  src: url('museosans-700.woff2') format('woff2'),
    url('museosans-700.woff') format('woff');
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}

/*
    GLOBAL FONT STYLE
===============================================*/
body {
  font-family: 'Futura PT Book';
  font-size: 19px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.46;
  letter-spacing: 0.95px;
  color: #000000;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  margin: 0;
  margin-bottom: 20px;
}

h1 {
  font-family: 'ITC Caslon 224';
  font-size: 57.5px;
  font-weight: 900;
  font-stretch: normal;
  font-style: normal;
  line-height: 0.94;
  letter-spacing: normal;
  color: #2d3f67;
}

h2 {
  font-family: 'ITC Caslon 224';
  font-size: 50px;
  font-weight: 900;
  font-stretch: normal;
  font-style: normal;
  line-height: 0.94;
  letter-spacing: normal;
  color: #2d3f67;
}

h3 {
  font-family: 'ITC Caslon 224';
  font-size: 48px;
  font-weight: 900;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.45;
  letter-spacing: normal;
  color: #2d3f67;
}

h4 {
  font-family: 'Museo Sans 500';
  font-size: 25px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.12;
  letter-spacing: 2.6px;
  color: #a2697d;
}

h5 {
  font-family: 'Museo Sans 700';
  font-size: 22px;
  font-weight: 600;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.5;
  letter-spacing: 2.28px;
  color: #000000;
}

h6 {
  font-family: 'Museo Sans 500';
  font-size: 20px;
  font-weight: normal;
  line-height: 1.35;
  letter-spacing: 1.6px;
  color: #000000;
}

.mobile_only {
  display: none !important;
}

.pf4_button {
  position: relative;
  display: inline-block;
  margin: 0px;
  background-color: transparent;
  font-family: 'Poppins', sans-serif;
  font-size: 14.5px;
  font-weight: bold;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.72;
  white-space: nowrap;
  letter-spacing: 2.5px;
  text-align: left;
  color: #2e3e67;
  text-transform: uppercase;
}

.pf4_button span {
  display: block;
  padding: 15px 26px 13px 31px;
  position: relative;
  z-index: 1;
  background-color: #C3CBE8;
}

.pf4_button:before {
  content: "";
  width: 100%;
  height: 100%;
  position: absolute;
  top: 5px;
  left: 4px;
  background-color: #2E3E67;
  z-index: 1;
}

.pf4_button:hover:before {
  top: -5px;
  left: -6px;

}

.pf4_button:hover span {
  color: #2e3e67;
  background-color: #b8bfd6;
}

.d_flex {
  display: flex;
  flex-wrap: wrap;
}

/*
  Global Font Variable Size
----------------------------------------*/
@media screen and (max-width: 1440px) {
  body {
    font-size: 1.319vw;
    letter-spacing: 0.066vw;
  }

  h1 {
    font-size: 3.993vw;
  }

  h2 {
    font-size: 3.472vw;
  }

  h3 {
    font-size: 3.333vw;
  }

  h4 {
    font-size: 1.736vw;
    letter-spacing: 0.181vw;
  }

  h5 {
    font-size: 1.528vw;
    letter-spacing: 0.158vw;
  }

  h6 {
    font-size: 1.389vw;
    letter-spacing: 0.111vw;
  }

  .pf4_button {
    margin: 0vw;
    font-size: 1.007vw;
    letter-spacing: 0.174vw;
  }

  .pf4_button:before {
    top: 0.347vw;
    left: 0.278vw;
  }

  .pf4_button span {
    padding: 1.042vw 1.806vw 0.903vw 2.153vw;
  }

  .pf4_button:hover:before {
    top: -0.347vw;
    left: -0.417vw;
  }
}

@media screen and (max-width: 1140px) {
  body {
    font-size: 1.75vw;
    letter-spacing: 0.093vw;
  }

  h1 {
    font-size: 4.5vw;
  }

  h2 {
    font-size: 4vw;
  }

  h3 {
    font-size: 3.5vw;
  }

  h4 {
    font-size: 2.439vw;
    letter-spacing: 0.254vw;
  }

  h5 {
    font-size: 2vw;
    letter-spacing: 0.222vw;
  }

  h6 {
    font-size: 1.951vw;
    letter-spacing: 0.156vw;
  }

  .pf4_button {
    margin: 0vw;
    font-size: 1.1vw;
  }

  .pf4_button span {
    padding: 1.463vw 2.537vw 1.268vw 3.024vw;
  }

  .pf4_button:hover:before {
    top: -0.488vw;
    left: -0.585vw;
  }
}

@media screen and (max-width: 1024px) {
  body {
    font-size: 1.8vw;
    letter-spacing: 0.093vw;
  }

  h1 {
    font-size: 4.5vw;
  }

  h2 {
    font-size: 4vw;
  }

  h3 {
    font-size: 3.5vw;
  }

  h4 {
    font-size: 2.439vw;
    letter-spacing: 0.254vw;
  }

  h5 {
    font-size: 2vw;
    letter-spacing: 0.222vw;
  }

  h6 {
    font-size: 1.951vw;
    letter-spacing: 0.156vw;
  }

  .pf4_button {
    margin: 0vw;
    font-size: 1.6vw;
  }

  .pf4_button span {
    padding: 1.463vw 2.537vw 1.268vw 3.024vw;
  }

  .pf4_button:hover:before {
    top: -0.488vw;
    left: -0.585vw;
  }
}

@media screen and (max-width: 768px) {
  body {
    font-family: 'Futura PT Book';
    font-size: 2.7vw;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.35;
    letter-spacing: 0.188vw;
    color: #000000;
  }

  h1 {
    font-family: 'ITC Caslon 224';
    font-size: 5vw;
    font-weight: 900;
    font-stretch: normal;
    font-style: normal;
    line-height: 0.9;
    letter-spacing: normal;
    color: #2d3f67;
  }

  h2 {
    font-family: 'ITC Caslon 224';
    font-size: 6vw;
    font-weight: 900;
    font-stretch: normal;
    font-style: normal;
    line-height: 0.94;
    letter-spacing: normal;
    color: #2d3f67;
  }

  h3 {
    font-family: 'ITC Caslon 224';
    font-size: 6vw;
    font-weight: 900;
    font-stretch: normal;
    font-style: normal;
    line-height: 0.92;
    letter-spacing: normal;
    color: #2d3f67;
  }

  h4 {
    font-family: 'Museo Sans 500';
    font-size: 3.208vw;
    font-weight: 500;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.2;
    letter-spacing: 0.417vw;
    color: #a2697d;
  }

  h5 {
    font-family: 'Museo Sans 700';
    font-size: 3vw;
    font-weight: 600;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.5;
    letter-spacing: 0.475vw;
    color: #000000;
  }

  h6 {
    font-family: 'Museo Sans 500';
    font-size: 3.542vw;
    font-weight: 500;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.59;
    letter-spacing: 0.283vw;
    color: #000000;
  }

  .mobile_only {
    display: none;
  }

  .pf4_button {
    position: relative;
    display: inline-block;
    margin: 0vw;
    background-color: transparent;
    font-family: 'Poppins', sans-serif;
    font-size: 2vw;
    font-weight: bold;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.72;
    letter-spacing: 0.521vw;
    text-align: left;
    color: #2e3e67;
    text-transform: uppercase;
  }

  .pf4_button span {
    display: block;
    position: relative;
    z-index: 1;
    background-color: #C3CBE8;
    padding: 3.125vw 7.083vw 2.708vw 9.375vw !important;
  }

  .pf4_button:before {
    content: "";
    width: 100%;
    height: 100%;
    position: absolute;
    top: 1.042vw;
    left: 0.833vw;
    background-color: #2E3E67;
    z-index: 1;
  }

  .pf4_button:hover:before {
    top: -1.042vw;
    left: -1.25vw;

  }

  .pf4_button:hover span {
    color: #2e3e67;
    background-color: #b8bfd6;
  }
}

@media screen and (max-width: 550px) {
  body {
    font-family: 'Futura PT Book';
    font-size: 3.6vw;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.35;
    letter-spacing: 0.188vw;
    color: #000000;
  }

  h1 {
    font-family: 'ITC Caslon 224';
    font-size: 9.896vw;
    font-weight: 900;
    font-stretch: normal;
    font-style: normal;
    line-height: 0.9;
    letter-spacing: normal;
    color: #2d3f67;
  }

  h2 {
    font-family: 'ITC Caslon 224';
    font-size: 7.292vw;
    font-weight: 900;
    font-stretch: normal;
    font-style: normal;
    line-height: 0.94;
    letter-spacing: normal;
    color: #2d3f67;
  }

  h3 {
    font-family: 'ITC Caslon 224';
    font-size: 7.517vw;
    font-weight: 900;
    font-stretch: normal;
    font-style: normal;
    line-height: 0.92;
    letter-spacing: normal;
    color: #2d3f67;
  }

  h4 {
    font-family: 'Museo Sans 500';
    font-size: 5.208vw;
    font-weight: 500;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.2;
    letter-spacing: 0.417vw;
    color: #a2697d;
  }

  h5 {
    font-family: 'Museo Sans 700';
    font-size: 4.483vw;
    font-weight: 600;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.5;
    letter-spacing: 0.475vw;
    color: #000000;
  }

  h6 {
    font-family: 'Museo Sans 500';
    font-size: 3.542vw;
    font-weight: 500;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.59;
    letter-spacing: 0.283vw;
    color: #000000;
  }

  .mobile_only {
    display: none;
  }

  .pf4_button {
    position: relative;
    display: inline-block;
    margin: 0vw;
    background-color: transparent;
    font-family: 'Poppins', sans-serif;
    font-size: 3.021vw;
    font-weight: bold;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.72;
    letter-spacing: 0.521vw;
    text-align: left;
    color: #2e3e67;
    text-transform: uppercase;
  }

  .pf4_button span {
    display: block;
    padding: 3.125vw 5.417vw 2.708vw 6.458vw !important;
    position: relative;
    z-index: 1;
    background-color: #C3CBE8;
  }

  .pf4_button:before {
    content: "";
    width: 100%;
    height: 100%;
    position: absolute;
    top: 1.042vw;
    left: 0.833vw;
    background-color: #2E3E67;
    z-index: 1;
  }

  .pf4_button:hover:before {
    top: -1.042vw;
    left: -1.25vw;

  }

  .pf4_button:hover span {
    color: #2e3e67;
    background-color: #b8bfd6;
  }
}

.section_inner {
  width: 1080px;
  margin: 0px auto;
  position: relative;
  box-sizing: border-box;
  z-index: 1;
}

.section_inner img {
  max-width: 100%;
  height: auto;
  margin: 0 auto;
}

html {
  padding-top: 0 !important;
}

/*
  Global Font Variable Size
-----------------------------*/
/ Slider / .slick-slider {
  position: relative;
  display: block;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -webkit-touch-callout: none;
  -khtml-user-select: none;
  -ms-touch-action: pan-y;
  touch-action: pan-y;
  -webkit-tap-highlight-color: transparent;
}

.slick-list {
  position: relative;
  display: block;
  overflow: hidden;
  margin: 0;
  padding: 0;
}

.slick-list:focus {
  outline: none;
}

.slick-list.dragging {
  cursor: pointer;
  cursor: hand;
}

.slick-slider .slick-track,
.slick-slider .slick-list {
  -webkit-transform: translate3d(0, 0, 0);
  -moz-transform: translate3d(0, 0, 0);
  -ms-transform: translate3d(0, 0, 0);
  -o-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
}

.slick-track {
  position: relative;
  top: 0;
  left: 0;
  display: block;
}

.slick-track:before,
.slick-track:after {
  display: table;
  content: '';
}

.slick-track:after {
  clear: both;
}

.slick-loading .slick-track {
  visibility: hidden;
}

.slick-slide {
  /* display: none; */
  /* float: left; */
  /* height: 100%; */
  /* min-height: 1px; */
}

[dir='rtl'] .slick-slide {
  float: right;
}

.slick-slide img {
  display: block;
}

.slick-slide.slick-loading img {
  display: none;
}

.slick-slide.dragging img {
  pointer-events: none;
}

.slick-initialized .slick-slide {
  /* display: block; */
}

.slick-loading .slick-slide {
  visibility: hidden;
}

.slick-vertical .slick-slide {
  display: block;
  height: auto;
  border: 1px solid transparent;
}



/* 
=======================================
  Site Header Section
=========================================*/
.pf4_site_header {
    padding: 0;
    position: absolute;
    z-index: 9999;
    background-color: rgba(255, 255, 255, 0) !important;
    width: 100%;
    padding-left: 49.300px;
    padding-right: 51px;
    padding-top: 8.500px;
}
.pf4_site_header.active {
    background-color: #fffcf9 !important;
    padding-top: 6.800px;
    padding-bottom: 6.800px;
}
.pf4_site_header .section_inner {
    width: 100%;
    flex-wrap: wrap;
    margin-bottom: -5.100px;
    
}

.pf4_heade_logo {
    width: 100%;
    padding-top: 34px;
    z-index: 2;
    text-align: center;
}
.pf4_heade_logo a{
    display: inline-block;
    margin: 0px;
}
.pf4_heade_logo img {
    height: auto;
    width: auto;
    max-height: unset !important;
    top: 0px;
}
.pf4_heade_logo a svg{
  width: 300px;
}
.pf4_header_right {
    width: 100%;
    text-align: center;
    padding-top: 16.150px;
    padding-left: 9.350px;
    order: 1;
    position: relative;
}
.pf4_header_right:before{
      content:"";
    content: "";
    position: absolute;
    background-color: #000000;
    top: 34.46px;
    right: -50%;
    width: 425000px;
    height: 0.850px;
    }
.pf4_header_right.style_1{
    width: 44%;
    text-align: right;
}

.pf4_header_right ul {
    margin: 0px;
    padding: 0px;
    width: auto;
    display: inline-block;
    background-color: #FFFCF9;
    position: relative;
    padding-left: 25.500px;
    padding-right: 25.500px;
}

.pf4_header_right ul li {
    list-style: none;
    margin: 0px;
    display: inline-block;
    position: relative;
    padding-left: 8.500px !important;
    padding-right: 8.500px;
}
@media screen and (max-width: 1024px){
  .pf4_header_right ul li {
      padding-left: 0.521vw !important;
      padding-right: 0.521vw;
  }
}
.pf4_header_right ul li a {
}
.pf4_header_right ul li a strong{
    display:none;
}
.pf4_header_right ul li:last-child a:before{
    display: none;
}
.pf4_header_right a {
    text-transform: uppercase;
    padding-top: 8.500px;
    display: inline-block;
    padding-bottom: 8.500px;
    position: relative;
    padding-left: 5.950px;
    padding-right: 5.950px;
    margin: 0 !important;
    font-family: 'Poppins', sans-serif;
    font-size: 12px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.74;
    letter-spacing: 1.760px;
    text-align: left;
    color: #2E3E67;
}

.pf4_header_right a:hover {
    color: #000000;
}

.pf4_header_right a:before, .pf4_header_right a:after, .pf4_header_right a i {
    content: " ";
    position: absolute;
    height: 8.500px;
    bottom: 17px;
    z-index: 0;
    opacity: 0;
}

.pf4_header_right a span {
    position: relative;
    z-index: 1;
    padding-right: 0.850px;
}
.pf4_header_right a:hover span{
      background-color: rgba(255, 255, 255, 0);
    background-image: linear-gradient(120deg, #fdbfc2 0%, #fdbfc2 100%);
    background-repeat: no-repeat;
    background-size: 100% 26%;
    background-position: 0px 56%;
}
.pf4_header_right ul li:before {
    width: 1.700px;
    background-size: contain;
    background-position: right center;
    background-repeat: no-repeat;
    right: -12.750px;
    background-color: #000;
    opacity: 1;
    height: 11.900px;
    bottom: 14.450px;
}
.pf4_header_right a:before {
    width: 1.700px;
    background-size: contain;
    background-position: right center;
    background-repeat: no-repeat;
    right: -7.650px;
    background-color: #000;
    opacity: 1;
    height: 11.900px;
    bottom: 12.750px;
    display: none;
}

.pf4_header_right a:after {
    width: 24.650px;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: left center;
    right: 0;
    border: 0;
    display: none;
}

.pf4_header_right a i {
    left: 19.550px;
    width: calc(100% - 44.200px);
    background-size: contain;
    background-position: center;
    background-repeat: repeat-x;
}

.pf4_header_right a:hover:before, .pf4_header_right a:hover:after, .pf4_header_right a:hover i {
    opacity: 1;
}

.pf4_header_right a:hover strong{
    display: block;
    position: absolute;
    width: 100%;
    height: 1.700px;
    left: 0px;
    padding-left: 5.950px;
    padding-right: 5.950px;
}
.pf4_header_right a:hover strong:after {
    content: "";
    width: 100%;
    height: 1.700px;
    background-color: #000;
    display: block;
}
.pf4_header_social_icon {
    width: 15%;
    text-align: right;
    padding-top: 10.200px;
}

.pf4_header_social_icon a {
    text-decoration: none;
    display: inline-block;
    margin-left: 2.550px;
    width: 14.450px;
    height: 14.450px;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
}

.pf4_header_social_icon a img {
    height: 14.450px;
}

.dropdown-menu li {
    margin: 0;
    padding-left: 8.500px;
    padding-right: 8.500px;
}

.pf4_header_right .dropdown-menu li a:before, .pf4_header_right .dropdown-menu li a:after, .pf4_header_right .dropdown-menu li a i {
    bottom: 8.500px;
}

.dropdown-menu li a {
    padding-top: 0;
    padding-bottom: 0;
}

li.dropdown:after {
    content: " ";
    display: inline-block;
    width: 0;
    height: 0;
    margin-left: -6.800px;
    vertical-align: middle;
    content: "";
    border-top: .3em solid;
    border-right: .3em solid transparent;
    border-left: .3em solid transparent;
}

.pf4_header_userarea span a {
    /* border: 1.700px solid #000; */
    /* padding: 3.400px 17px 5.100px 17px; */
    /* margin-left: 11.050px !important; */
}
.pf4_header_right ul li{
  position: relative;
}
.pf4_header_right ul li a:hover span {
    background-color: rgba(255, 255, 255, 0);
    /* background-image: linear-gradient(120deg, #d1fa05 0%, #d1fa05 100%); */
    /* background-repeat: no-repeat; */
    /* background-size: 100% 35%; */
    /* background-position: 0 50%; */
}
.pf4_header_right ul li:hover:before{
  /* content:""; */
  width: 103%;
  height: 5.950px;
  background-color: #d1fa05;
  bottom: 2.550px;
  left: -2.550px;
  display: block;
  position: absolute;
}
.pf4_header_right ul li:hover i{
  background-image: url(hover_arrow.png);
  width: 8.500px;
  height: 8.500px;
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  left: -16.150px;
  top: 3.400px;
}
.pf4_header_right ul li.pf4_user_menu_item{ }
/*
  Header ---> Responsive Menu
-----------------------------*/
a.responsive-menu-hand {
    margin: 2.550px 0;
    position: absolute;
    top: 6.800px;
    right: -4.250px;
    display: none;
    width: 40.800px;
    height: 37.400px;
    cursor: pointer;
    background-image: url(open_img2.png);
    background-position: center right;
    background-repeat: no-repeat;
    /* background-color: #FFF; */
}

a.responsive-menu-hand span, a.responsive-menu-close span {
    display: none;
}

a.responsive-menu-hand span {
}

a.responsive-menu-close span {
    display: block;
}

a.responsive-menu-hand:before, a.responsive-menu-hand:after {
    display: none;
}

a.responsive-menu-close {
    clear: both;
    height: 22.950px;
    width: 22.950px;
    display: block;
    position: absolute;
    top: 25.500px;
    right: 31.450px;
    background-image: url(close.png);
    background-position: center right;
    background-repeat: no-repeat;
    background-size: contain;
}

a.responsive-menu-close strong {

}


a.responsive-menu-close:hover {
    
}

.responsive-menu .user__avatar {
    display: none;
}

.responsive-menu {
    position: fixed;
    width: 100%;
    height: 100%;
    top: 0;
    right: -110%;
    background: #e8eaf5f7;
    z-index: 999999;
    overflow: scroll;
    overflow-y: auto;
    overflow-x: auto;
    font-family: 'sofia_probold';
    transition: right 0.5s ease;
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.responsive-menu.active {
    right: 0;
}

.responsive-menu ul {
    margin: 0;
    padding: 0;
    list-style-type: none;
    width: 100%;
    border-bottom: 0;
}

.responsive-menu ul li {
    margin: 0;
    padding: 0;
    list-style-type: none;
    position: relative;
    margin-bottom: 0px;
}

.responsive-menu ul li a, .responsive-menu .pf4_header_userarea span a {
    line-height: 34px;
    height: 34px;
    display: block;
    text-decoration: none;
    color: #000000;
    font-size: 18.700px !important;
    letter-spacing: 0.255px;
    position: relative;
    text-transform: uppercase;
    text-align: center;
    line-height: 1.52;
    font-weight: bold;
    font-family: 'Work Sans', sans-serif;
    border: 0;
    margin: 0;
}

.responsive-menu ul li:hover {
    text-decoration: none;
}

.responsive-menu ul li a:hover {
    color: #000000;
}

.responsive-menu ul li i {
    height: 34px;
    width: 34px;
    display: inline-block;
    position: absolute;
    right: 0px;
    top: 0px;
    line-height: 34px;
    cursor: pointer;
    border-left: solid 0.850px #ffbea5;
    background-size: 17px;
    background-repeat: no-repeat;
    background-position: center;
    display: none;
}

.responsive-menu ul li i.minus {
    background-image: url(images/ui/minus.svg);
}

.responsive-menu ul li i.plus {
    background-image: url(images/ui/plus.svg);
}

.responsive-menu ul li ul {
    margin: 0;
    padding: 0;
}

.responsive-menu ul li ul li a {
    font-size: 90%;
    padding-left: 25.500px;
    border-bottom: solid 0.850px #E9E9E9;
    background-color: #F0F0F0;
}

.responsive-menu ul li ul li ul li a {
    font-size: 80%;
    padding-left: 25.500px;
    border-bottom: solid 0.850px #E9E9E9;
    background-color: #E4E4E4 ;
}

.pf4_header_userarea span a {
    /* border: 1.700px solid #000; */
    /* padding: 3.400px 17px 5.100px 17px; */
    /* margin-left: 11.050px !important; */
    display: block;
    text-align: center;
}

span[kjb-settings-id="sections_header_settings_language_login"] {
    padding-left: 19.550px;
}

span[kjb-settings-id="sections_header_settings_language_login"] a {
    border: solid 1.700px #000;
    padding: 2.550px 14.450px 1.700px 14.450px;
    line-height: 15.300px !important;
}

html{
  padding: 0px !important;
}

.header .logo--image.mobile_only {
    display: none;
}

.pf4_site_header{  }
.pf4_site_header.active .section_inner{
    margin-bottom: 0px;
    padding-bottom: 0px;
}
.pf4_site_header.active .pf4_heade_logo{
  padding-top: 5.100px;
  width: 35%;
  order: 1;
  text-align: left;
  display: none;
}
.pf4_site_header.active .pf4_heade_logo .logo--image{ 
  height: auto;
}
.pf4_site_header.active .pf4_heade_logo a{
    margin: 0px;
    text-align: left;
}
.pf4_site_header.active .pf4_heade_logo img{
  width: 136px;
}

.pf4_site_header.active .pf4_header_right{
  padding-top: 0px;
  width: 100%;
  padding-left: 0px;
}
.pf4_site_header.active .pf4_header_right:before{
    display: none;
}
.pf4_site_header.active {
  box-shadow: 0px -3.400px 8.500px #000;
  position: fixed;
}


@media screen and (max-width: 1024px){
  .pf4_site_header{
    padding-top: 2vw;
    padding-left: 6vw;
    padding-right: 6vw;
  }
  .pf4_site_header .section_inner{}

  .pf4_heade_logo{
    width: 50%;
    padding: 0px;
    text-align: left;
  }
  .pf4_heade_logo a{}
  .pf4_heade_logo img{}

  .pf4_heade_logo a svg{
    width: 30vw;
    /* height: 5.4vw; */
    display: block;
  }

  .pf4_header_right{
    width: 50%;
    padding-top: 0vw;
    padding-left: 0vw;
  }
  .pf4_header_right:before{
    display: none;
  }

  a.responsive-menu-hand{
    display: block;
    top: 0.6vw;
  }
  .pf4_header_right ul{
    display: none;
}
  .pf4_header_right ul li{}
  .pf4_header_right ul li a{}

  .pf4_site_header.active {}
  .pf4_site_header.active .section_inner{}

  .pf4_site_header.active .pf4_heade_logo{
    display: block;
    width: 50%;
    padding-top: 0vw;
}
  .pf4_site_header.active .pf4_heade_logo a{
    display: block;
}
  .pf4_site_header.active .pf4_heade_logo img{
    width: 24vw;
    margin-bottom: -0.7vw;
}

  .pf4_site_header.active .pf4_header_right{
    width: 50%;
}
  .pf4_site_header.active .pf4_header_right:before{}

  .pf4_site_header.active a.responsive-menu-hand{
    top: 1vw;
    width: 4vw;
    height: 3.7vw;
    background-size: contain;
}
  
}
@media screen and (max-width: 768px){
  .pf4_site_header{}
  .pf4_site_header .section_inner{}

  .pf4_heade_logo{}
  .pf4_heade_logo a{}
  .pf4_heade_logo img{}
    .pf4_heade_logo a svg {
        width: 35vw;
    }
  .pf4_site_header.active .pf4_heade_logo a svg{
    width: 40vw;
  }
  .pf4_header_right{}
  .pf4_header_right:before{}

  a.responsive-menu-hand{}
  .pf4_header_right ul{}
  .pf4_header_right ul li{}
  .pf4_header_right ul li a{}

  .pf4_site_header.active {
    min-height: 58px;
}
  .pf4_site_header.active .section_inner{}

  .pf4_site_header.active .pf4_heade_logo{padding-top: 0.2vw;}
  .pf4_site_header.active .pf4_heade_logo a{
}
  .pf4_site_header.active .pf4_heade_logo img{
    width: 30vw;
}

  .pf4_site_header.active .pf4_header_right{}
  .pf4_site_header.active .pf4_header_right:before{}

  .pf4_site_header.active a.responsive-menu-hand{
    top: 1.8vw;
    width: 5.3vw;
    height: 4.4vw;
}
}
@media screen and (max-width: 550px){
  .pf4_site_header{
    position: absolute;
    background-color: #FFFCF9 !important;
    padding-top: 7vw;
    padding-left: 6.5vw;
    padding-right: 6vw;
}
  .pf4_site_header .section_inner{
    display: flex;
}

  .pf4_heade_logo{
    width: 80%;
}
  .pf4_heade_logo a{}
  .pf4_heade_logo a svg{
    width: 62vw;
    height: auto;
    display: block;
  }
  .pf4_site_header.active .pf4_heade_logo a svg{
    
width: 62vw;
  }
  .pf4_header_right{
    width: 20%;
}
  .pf4_header_right:before{}

  a.responsive-menu-hand{
    right: 0px;
    top: -0.5vw;
}
  .pf4_header_right ul{}
  .pf4_header_right ul li{}
  .pf4_header_right ul li a{}

  .pf4_site_header.active {
    position: fixed;
    min-height: 1px;
}
  .pf4_site_header.active .section_inner{}

  .pf4_site_header.active .pf4_heade_logo{}
  .pf4_site_header.active .pf4_heade_logo a{}
  .pf4_site_header.active .pf4_heade_logo img{
    width: 41vw;
    margin-top: 1vw;
}

  .pf4_site_header.active .pf4_header_right{}
  .pf4_site_header.active .pf4_header_right:before{}

  .pf4_site_header.active a.responsive-menu-hand{
    width: 8vw;
    height: 8.167vw;
}
}



.header .user {
    /*============================================================================
      #User Avatar
    ==============================================================================*/
    /*============================================================================
      #User Dropdown
    ==============================================================================*/ }
    .header .user .dropdown>:before {
        content: " ";
        position: absolute;
        z-index: 0;
        background-size: contain;
        background-position: right center;
        background-repeat: no-repeat;
        background-color: #F2D0C4;
        opacity: 1;
        height: 11.900px;
        width: 1.700px;
        top: 14.450px;
        left: -8.500px;
    }
    .header .user__avatar {
      height: 38px;
      max-height: 38px;
      margin: 0 0 0 1rem;
      -webkit-border-radius: 50%;
      -moz-border-radius: 50%;
      border-radius: 50%;
      -moz-background-clip: padding;
      -webkit-background-clip: padding-box;
      margin-bottom: -14.6px;
      background-clip: padding-box; }
    .header .user__dropdown {
      position: absolute;
      z-index: 2000;
      top: 38.250px;
      right: 0;
      display: none;
      padding: 17px 25.500px;
      text-align: left;
      white-space: nowrap;
      border-top: 0.850px solid #f9f9f9;
      background: #f9f9f9;
      box-shadow: 0 5.950px 8.500px rgba(0, 0, 0, 0.05); }
      .header .user__dropdown--light a {
        color: #0a2338; }
      .header .user__dropdown--dark a {
        color: #fff; }
      .header .user__dropdown span {
        display: block; }
      .header .user__dropdown a {
        line-height: 34px !important;
        display: block; }
  .header--center .user {
    position: absolute;
    top: 1.5rem;
    right: 1.5rem; }
    .header--center .user__dropdown {
      top: 42.500px; }
      .header--center .user__dropdown a {
        line-height: 34px;
        margin: 0 0 0 0; }
@media (max-width: 767px) {
    .header .user {
      position: static;
      display: block;
      width: 100%; }
      .header .user__avatar {
        display: none; }
      .header .user__dropdown {
        position: static;
        display: block !important;
        padding: 0 0 0 0;
        text-align: left;
        border-top: 0;
        background: transparent !important;
        box-shadow: none; }
    .header--light .user__dropdown a {
      color: #0a2338; }
    .header--dark .user__dropdown a {
      color: #fff; } } 
}
@media (min-width: 768px) {
    
}



mark{
    transition: background-size 3s ease;
}


/*
  Section 01
=========================================*/
.otc_s1 {
  position: relative;
  padding-top: 216px;
  width: 100%;
  background-color: #FFFCF9;
}

.otc_s1_img_art1 {
  position: absolute;
  background-position: center top;
  background-size: contain;
  display: block;
  background-repeat: no-repeat;
  z-index: 2;
  background-image: url(otc_s1-2.png);
  top: 200px;
  left: 0px;
  width: 127px;
  height: 226px;
}

.otc_s1_img_art1.mobile_only {
  display: none;
}

.otc_s1_img_art2 {
  position: absolute;
  background-position: center top;
  background-size: contain;
  display: block;
  background-repeat: no-repeat;
  z-index: 2;
  background-image: url(otc_s1-3.png);
  bottom: 23px;
  right: 276px;
  width: 371px;
  height: 285px;
}

.otc_s1_img_art3 {
  position: absolute;
  background-position: center top;
  background-size: cover;
  display: block;
  background-repeat: no-repeat;
  z-index: 0;
  background-image: url(otc_s1-4.png);
  bottom: -25px;
  right: 0px;
  width: 100%;
  height: 311px;
}

.otc_s1_top {
  padding-bottom: 53px;
  position: relative;
}

.otc_s1_top .section_inner {
  width: 976px;
}

.otc_s1_top_left {
  width: 40.9%;
  padding-left: 4px;
}

.otc_s1_top_left_img {
  background-position: top center;
  background-repeat: no-repeat;
  background-size: contain;
  position: relative;
  z-index: 1;
  bottom: 0px;
  height: 600px;
  left: 0px;
  top: 0px;
}

.otc_s1_top_left_img img {
  width: 10%;
  opacity: 0;
}

.otc_s1_top_right {
  width: 59.1%;
  padding-left: 40px;
  padding-top: 71px;
}

.otc_s1_top_right article {}

.otc_s1_top_right article h1 {
  margin-bottom: 12px;
}

.otc_s1_top_right article h1 br {}

.otc_s1_top_right article h1 mark {
  background-color: rgba(255, 255, 255, 0);
  background-image: linear-gradient(120deg, #F2CAC0 0%, #F2CAC0 100%);
  background-repeat: no-repeat;
  background-size: 98.2% 35%;
  background-position: 0px 90%;
  color: #2D3F67;
  padding-left: 3px;
  margin-left: -3px;
}

.otc_s1_top_right article p {
  margin-bottom: 14px;
}

.otc_s1_top_right article p br {}

.otc_s1_top_right article .pf4_button {}

.otc_s1_top_right article .pf4_button span {}

.otc_s1_top_right article .pf4_button:before {
  content: "";
}

.otc_s1_top_right article .pf4_button:hover:before {}

.otc_s1_top_right article .pf4_button:hover span {}

.otc_s1_top_right .desktop_only {}

.otc_s1_top_right .mobile_only {}

.otc_s1_bottom {
  background-color: #A2697D;
  padding-top: 15px;
  padding-bottom: 12px;
  position: relative;
  z-index: 5;
}

.otc_s1_bottom .section_inner {
  width: 794px;
}

.otc_s1_bottom_left {
  width: 23.2%;
  padding-left: 48px;
}

.otc_s1_bottom_left h6 {
  font-size: 16px;
  font-weight: 500;
  font-stretch: normal;
  font-style: normal;
  line-height: 3.13;
  letter-spacing: 1.92px;
  color: #FFFFFF;
  margin-bottom: 0px;
}

.otc_s1_bottom_right {
  width: 76.8%;
  padding-top: 4px;
  padding-right: 66px;
}

.otc_s1_bottom_right img {}

.otc_s1_bottom_right .mobile_only {}

/*
  Media 1440
-----------------------------*/
@media screen and (max-width: 1440px) {
  .otc_s1 {
    padding-top: 15vw;
    width: 100%;
  }

  .otc_s1_img_art1 {
    top: 13.889vw;
    left: 0vw;
    width: 8.819vw;
    height: 15.694vw;
  }

  .otc_s1_img_art2 {
    bottom: 1.597vw;
    right: 3.125vw;
    width: 25.764vw;
    height: 19.792vw;
  }

  .otc_s1_img_art3 {
    bottom: -1.736vw;
    right: 0vw;
    width: 100%;
    height: 21.597vw;
  }

  .otc_s1_top {
    padding-bottom: 3.681vw;
  }

  .otc_s1_top .section_inner {
    width: 67.778vw;
  }

  .otc_s1_top_left {
    width: 40.9%;
    padding-left: 0.278vw;
  }

  .otc_s1_top_left_img {
    bottom: 0vw;
    height: 41.667vw;
    left: 0vw;
    top: 0vw;
  }

  .otc_s1_top_left_img img {}

  .otc_s1_top_right {
    width: 59.1%;
    padding-left: 2.778vw;
    padding-top: 4.931vw;
  }

  .otc_s1_top_right article {}

  .otc_s1_top_right article h1 {
    margin-bottom: 0.833vw;
  }

  .otc_s1_top_right article h1 br {}

  .otc_s1_top_right article h1 mark {
    background-size: 98.2% 35%;
    background-position: 0vw 90%;
    padding-left: 0.208vw;
    margin-left: -0.208vw;
  }

  .otc_s1_top_right article p {
    margin-bottom: 0.972vw;
  }

  .otc_s1_top_right article p br {}

  .otc_s1_top_right article .pf4_button {}

  .otc_s1_top_right article .pf4_button span {}

  .otc_s1_top_right article .pf4_button:before {}

  .otc_s1_top_right article .pf4_button:hover:before {}

  .otc_s1_top_right article .pf4_button:hover span {}

  .otc_s1_top_right .desktop_only {}

  .otc_s1_top_right .mobile_only {}

  .otc_s1_bottom {
    padding-top: 1.042vw;
    padding-bottom: 0.833vw;
  }

  .otc_s1_bottom .section_inner {
    width: 55.139vw;
  }

  .otc_s1_bottom_left {
    width: 23.2%;
    padding-left: 3.333vw;
  }

  .otc_s1_bottom_left h6 {
    font-size: 1.111vw;
    letter-spacing: 0.133vw;
    margin-bottom: 0vw;
  }

  .otc_s1_bottom_right {
    width: 76.8%;
    padding-top: 0.278vw;
    padding-right: 4.583vw;
  }

  .otc_s1_bottom_right img {}

  .otc_s1_bottom_right .mobile_only {}
}

@media screen and (max-width: 1140px) {
  .otc_s1 {
    padding-top: 19vw;
  }

  .otc_s1_img_art1 {
    top: 18.889vw;
  }

  .otc_s1_img_art2 {}

  .otc_s1_img_art3 {}

  .otc_s1_top {
    padding-bottom: 10.681vw;
  }

  .otc_s1_top .section_inner {
    width: 85vw;
  }

  .otc_s1_top_left {}

  .otc_s1_top_left_img {}

  .otc_s1_top_left_img img {}

  .otc_s1_top_right {
    position: relative;
    z-index: 5;
  }

  .otc_s1_top_right article {}

  .otc_s1_top_right article h1 {}

  .otc_s1_top_right article h1 br {}

  .otc_s1_top_right article h1 mark {}

  .otc_s1_top_right article p {}

  .otc_s1_top_right article p br {}

  .otc_s1_top_right article .pf4_button {}

  .otc_s1_top_right article .pf4_button span {}

  .otc_s1_top_right article .pf4_button:before {}

  .otc_s1_top_right article .pf4_button:hover:before {}

  .otc_s1_top_right article .pf4_button:hover span {}

  .otc_s1_top_right .desktop_only {}

  .otc_s1_top_right .mobile_only {}

  .otc_s1_bottom {}

  .otc_s1_bottom .section_inner {
    width: 62.139vw;
  }

  .otc_s1_bottom_left {
    width: 25%;
  }

  .otc_s1_bottom_left h6 {
    font-size: 1.4vw;
  }

  .otc_s1_bottom_right {
    width: 75%;
  }

  .otc_s1_bottom_right img {}

  .otc_s1_bottom_right .mobile_only {}
}

@media screen and (max-width: 1024px) {
  .otc_s1 {
    padding-top: 13vw;
  }

  .otc_s1_img_art1 {
    top: 22.889vw;
  }

  .otc_s1_img_art2 {}

  .otc_s1_img_art3 {}

  .otc_s1_top {}

  .otc_s1_top .section_inner {}

  .otc_s1_top_left {}

  .otc_s1_top_left_img {}

  .otc_s1_top_left_img img {}

  .otc_s1_top_right {}

  .otc_s1_top_right article {}

  .otc_s1_top_right article h1 {}

  .otc_s1_top_right article h1 br {}

  .otc_s1_top_right article h1 mark {}

  .otc_s1_top_right article p {}

  .otc_s1_top_right article p br {}

  .otc_s1_top_right article .pf4_button {}

  .otc_s1_top_right article .pf4_button span {}

  .otc_s1_top_right article .pf4_button:before {}

  .otc_s1_top_right article .pf4_button:hover:before {}

  .otc_s1_top_right article .pf4_button:hover span {}

  .otc_s1_top_right .desktop_only {}

  .otc_s1_top_right .mobile_only {}

  .otc_s1_bottom {}

  .otc_s1_bottom .section_inner {
    width: 74.139vw;
  }

  .otc_s1_bottom_left {}

  .otc_s1_bottom_left h6 {
    font-size: 1.7vw;
  }

  .otc_s1_bottom_right {
    padding-right: 0vw;
    padding-left: 2vw;
  }

  .otc_s1_bottom_right img {}

  .otc_s1_bottom_right .mobile_only {}
}

@media screen and (max-width: 768px) {
  .otc_s1 {
    padding-top: 15vw;
  }

  .otc_s1_img_art1 {
    top: 22.889vw;
  }

  .otc_s1_img_art2 {}

  .otc_s1_img_art3 {}

  .otc_s1_top {}

  .otc_s1_top .section_inner {
    width: 90vw;
  }

  .otc_s1_top_left {
    padding-right: 3vw;
  }

  .otc_s1_top_left_img {
    background-size: cover;
    height: 53.667vw;
  }

  .otc_s1_top_left_img img {}

  .otc_s1_top_right {
    padding-top: 2.931vw;
  }

  .otc_s1_top_right article {}

  .otc_s1_top_right article h1 {
    margin-bottom: 1.833vw;
  }

  .otc_s1_top_right article h1 br {}

  .otc_s1_top_right article h1 mark {}

  .otc_s1_top_right article p {
    margin-bottom: 2.972vw;
  }

  .otc_s1_top_right article p br {
    display: none;
  }

  .otc_s1_top_right article .pf4_button {}

  .otc_s1_top_right article .pf4_button span {}

  .otc_s1_top_right article .pf4_button:before {}

  .otc_s1_top_right article .pf4_button:hover:before {}

  .otc_s1_top_right article .pf4_button:hover span {}

  .otc_s1_top_right .desktop_only {}

  .otc_s1_top_right .mobile_only {}

  .otc_s1_bottom {}

  .otc_s1_bottom .section_inner {
    width: 74.139vw;
  }

  .otc_s1_bottom_left {}

  .otc_s1_bottom_left h6 {
    font-size: 1.7vw;
  }

  .otc_s1_bottom_right {
    padding-right: 0vw;
    padding-left: 2vw;
  }

  .otc_s1_bottom_right img {}

  .otc_s1_bottom_right .mobile_only {}
}

@media screen and (max-width: 550px) {
  .otc_s1 {
    padding-top: 7.6vw;
  }

  .otc_s1_img_art1 {
    display: none;
  }

  .otc_s1_img_art1.mobile_only {
    display: block;
    left: inherit;
    right: 0vw;
    top: 70.208vw;
    width: 17.708vw;
    height: 47.083vw;
    background-image: url(otc_s1-2-m.png);
  }

  .otc_s1_img_art2 {
    width: 51.458vw;
    height: 40.625vw;
    bottom: 5.833vw;
    right: -2.917vw;
  }

  .otc_s1_img_art3 {
    background-image: url(otc_s1-4-m.png);
    width: 100.208vw;
    height: 64.792vw;
    bottom: 0vw;
  }

  .otc_s1_top {
    padding-bottom: 35.625vw;
  }

  .otc_s1_top .section_inner {
    width: 100%;
    padding-left: 3.75vw;
  }

  .otc_s1_top_left {
    width: 100%;
    padding-right: 26.458vw;
    padding-left: 3.125vw;
  }

  .otc_s1_top_left_img {
    height: 100vw;
    left: inherit;
    top: inherit;
  }

  .otc_s1_top_left_img img {}

  .otc_s1_top_right {
    width: 100%;
    padding-top: 4.375vw;
  }

  .otc_s1_top_right article {}

  .otc_s1_top_right article h1 {
    margin-bottom: 3.75vw;
  }

  .otc_s1_top_right article h1 br {}

  .otc_s1_top_right article h1 mark {}

  .otc_s1_top_right article p {
    margin-bottom: 3.333vw;
  }

  .otc_s1_top_right article p br {
    display: block;
  }

  .otc_s1_top_right article .pf4_button {}

  .otc_s1_top_right article .pf4_button span {}

  .otc_s1_top_right article .pf4_button:before {}

  .otc_s1_top_right article .pf4_button:hover:before {}

  .otc_s1_top_right article .pf4_button:hover span {}

  .otc_s1_top_right .desktop_only {
    display: none;
  }

  .otc_s1_top_right .mobile_only {
    display: block;
  }

  .otc_s1_bottom {
    padding-top: 1.875vw;
    padding-bottom: 6.25vw;
  }

  .otc_s1_bottom .section_inner {
    width: 100%;
    padding-left: 6.458vw;
    padding-right: 6.458vw;
  }

  .otc_s1_bottom_left {
    width: 100%;
    padding: 0vw;
    text-align: center;
  }

  .otc_s1_bottom_left h6 {
    font-size: 3.542vw;
    letter-spacing: 0.271vw;
  }

  .otc_s1_bottom_right {
    width: 100%;
    padding: 0vw;
    margin-top: -1.25vw;
  }

  .otc_s1_bottom_right img {}

  .otc_s1_bottom_right .mobile_only {}
}

/*
  Section 02
=========================================*/
.otc_s2 {
  padding-top: 64px;
  padding-bottom: 97px;
  background-color: #FFFCF9;
}

.otc_s2 .section_inner {
  width: 1171px;
}

.otc_s2_left {
  width: 69.3%;
  padding-left: 122px;
  padding-top: 73px;
}

.otc_s2_left article {}

.otc_s2_left article h2 {
  text-align: right;
  margin-right: -61px;
  position: relative;
  z-index: 4;
  margin-bottom: 35px;
}

.otc_s2_left article h2 .art1 {
  position: relative;
}

.otc_s2_left article h2 .art1:before {
  content: "";
  position: absolute;
  background-color: #000000;
  top: 25px;
  right: 32px;
  width: 50000px;
  height: 1px;
}

.otc_s2_left article h2 mark {
  background-color: rgba(255, 255, 255, 0);
  background-image: linear-gradient(120deg, #F2CAC0 0%, #F2CAC0 100%);
  background-repeat: no-repeat;
  background-size: 95.6% 35%;
  background-position: 0px 90%;
  color: #2D3F67;
  padding-left: 3px;
  margin-left: -3px;
}

.otc_s2_left article p {
  margin-bottom: 27px;
}

.otc_s2_left article p br {}

.otc_s2_left article p strong {
  font-weight: bold;
  color: #a2697d;
  font-style: italic;
  font-family: 'Futura PT';
}

.otc_s2_left article .otc_s2_left_link {
  margin-top: -7px;
  margin-left: -2px;
  display: block;
}

.otc_s2_left article .otc_s2_left_link .pf4_button {}

.otc_s2_left article .otc_s2_left_link .pf4_button span {
  padding: 15px 16px 13px 31px;
}

.otc_s2_left article .otc_s2_left_link .pf4_button:before {
  content: "";
}

.otc_s2_left article .otc_s2_left_link .pf4_button:hover:before {}

.otc_s2_left article .otc_s2_left_link .pf4_button:hover span {}

.otc_s2_left .desktop_only {}

.otc_s2_left .mobile_only {}

.otc_s2_right {
  width: 30.7%;
}

.otc_s2_right_vt {
  display: none;
}

.otc_s2_right_img {
  background-position: top center;
  background-repeat: no-repeat;
  background-size: contain;
  position: relative;
  z-index: 1;
  bottom: 0px;
  height: 509px;
  left: 0px;
  top: 0px;
}

.otc_s2_right_img img {
  width: 10%;
  opacity: 0;
}

.otc_s2_right_2nd_img {
  position: absolute;
  background-position: center top;
  background-size: cover;
  display: block;
  background-repeat: no-repeat;
  z-index: 2;
  background-image: url(otc_s2-2.jpg);
  bottom: -121px;
  left: -91px;
  width: 259px;
  height: 388px;
  border: solid 16px #ffffff;
}

/*
  Media 1440
-----------------------------*/
@media screen and (max-width: 1440px) {
  .otc_s2 {
    padding-top: 4.444vw;
    padding-bottom: 6.736vw;
  }

  .otc_s2 .section_inner {
    width: 81.319vw;
  }

  .otc_s2_left {
    width: 69.3%;
    padding-left: 8.472vw;
    padding-top: 5.069vw;
  }

  .otc_s2_left article {}

  .otc_s2_left article h2 {
    margin-right: -4.236vw;
    margin-bottom: 2.431vw;
  }

  .otc_s2_left article h2 .art1 {}

  .otc_s2_left article h2 .art1:before {
    top: 1.736vw;
    right: 2.222vw;
    width: 3472.222vw;
    height: 0.069vw;
  }

  .otc_s2_left article h2 mark {
    background-size: 95.6% 35%;
    background-position: 0vw 90%;
    padding-left: 0.208vw;
    margin-left: -0.208vw;
  }

  .otc_s2_left article p {
    margin-bottom: 1.875vw;
  }

  .otc_s2_left article p br {}

  .otc_s2_left article p strong {}

  .otc_s2_left article .otc_s2_left_link {
    margin-top: -0.486vw;
    margin-left: -0.139vw;
  }

  .otc_s2_left article .otc_s2_left_link .pf4_button {}

  .otc_s2_left article .otc_s2_left_link .pf4_button span {
    padding: 1.042vw 1.111vw 0.903vw 2.153vw;
  }

  .otc_s2_left article .otc_s2_left_link .pf4_button:before {}

  .otc_s2_left article .otc_s2_left_link .pf4_button:hover:before {}

  .otc_s2_left article .otc_s2_left_link .pf4_button:hover span {}

  .otc_s2_left .desktop_only {}

  .otc_s2_left .mobile_only {}

  .otc_s2_right {
    width: 30.7%;
  }

  .otc_s2_right_img {
    bottom: 0vw;
    height: 35.347vw;
    left: 0vw;
    top: 0vw;
  }

  .otc_s2_right_img img {}

  .otc_s2_right_2nd_img {
    bottom: -8.403vw;
    left: -6.319vw;
    width: 17.986vw;
    height: 26.944vw;
  }
}

@media screen and (max-width: 1140px) {
  .otc_s2 {}

  .otc_s2 .section_inner {
    width: 89vw;
  }

  .otc_s2_left {
    padding-left: 0vw;
    width: 73.3%;
  }

  .otc_s2_left article {}

  .otc_s2_left article h2 {}

  .otc_s2_left article h2 .art1 {}

  .otc_s2_left article h2 .art1:before {}

  .otc_s2_left article h2 mark {}

  .otc_s2_left article p {
    padding-right: 8vw;
  }

  .otc_s2_left article p br {}

  .otc_s2_left article p strong {}

  .otc_s2_left article .otc_s2_left_link {}

  .otc_s2_left article .otc_s2_left_link .pf4_button {}

  .otc_s2_left article .otc_s2_left_link .pf4_button span {}

  .otc_s2_left article .otc_s2_left_link .pf4_button:before {}

  .otc_s2_left article .otc_s2_left_link .pf4_button:hover:before {}

  .otc_s2_left article .otc_s2_left_link .pf4_button:hover span {}

  .otc_s2_left .desktop_only {}

  .otc_s2_left .mobile_only {}

  .otc_s2_right {
    width: 26.7%;
  }

  .otc_s2_right_img {}

  .otc_s2_right_img img {}

  .otc_s2_right_2nd_img {}
}

@media screen and (max-width: 1024px) {
  .otc_s2 {}

  .otc_s2 .section_inner {}

  .otc_s2_left {}

  .otc_s2_left article {}

  .otc_s2_left article h2 {}

  .otc_s2_left article h2 .art1 {}

  .otc_s2_left article h2 .art1:before {}

  .otc_s2_left article h2 mark {}

  .otc_s2_left article p {}

  .otc_s2_left article p br {}

  .otc_s2_left article p strong {}

  .otc_s2_left article .otc_s2_left_link {}

  .otc_s2_left article .otc_s2_left_link .pf4_button {}

  .otc_s2_left article .otc_s2_left_link .pf4_button span {}

  .otc_s2_left article .otc_s2_left_link .pf4_button:before {}

  .otc_s2_left article .otc_s2_left_link .pf4_button:hover:before {}

  .otc_s2_left article .otc_s2_left_link .pf4_button:hover span {}

  .otc_s2_left .desktop_only {}

  .otc_s2_left .mobile_only {}

  .otc_s2_right {}

  .otc_s2_right_img {}

  .otc_s2_right_img img {}

  .otc_s2_right_2nd_img {}
}

@media screen and (max-width: 768px) {
  .otc_s2 {
    padding-top: 8.125vw;
    padding-bottom: 10vw;
  }

  .otc_s2 .section_inner {
    width: 100%;
  }

  .otc_s2_left {
    order: 2;
    width: 100%;
    padding-top: 18.875vw;
    padding-left: 6.25vw;
    padding-right: 4.167vw;
  }

  .otc_s2_left article {}

  .otc_s2_left article h2 {
    display: none;
  }

  .otc_s2_left article h2 .art1 {}

  .otc_s2_left article h2 .art1:before {}

  .otc_s2_left article h2 mark {}

  .otc_s2_left article p {
    padding: 0vw;
    margin-bottom: 3vw;
  }

  .otc_s2_left article p br {
    display: none;
  }

  .otc_s2_left article p strong {}

  .otc_s2_left article .otc_s2_left_link {
    margin-top: -0.458vw;
  }

  .otc_s2_left article .otc_s2_left_link .pf4_button {}

  .otc_s2_left article .otc_s2_left_link .pf4_button span {
    padding: 3.125vw 3.333vw 2.708vw 6.458vw;
  }

  .otc_s2_left article .otc_s2_left_link .pf4_button:before {}

  .otc_s2_left article .otc_s2_left_link .pf4_button:hover:before {}

  .otc_s2_left article .otc_s2_left_link .pf4_button:hover span {}

  .otc_s2_left .desktop_only {
    display: none;
  }

  .otc_s2_left .mobile_only {
    display: block;
  }

  .otc_s2_right {
    order: 1;
    width: 100%;
    padding-left: 5.625vw;
    padding-right: 6.667vw;
    display: flex;
    flex-wrap: wrap;
    margin: 0vw auto;
    position: relative;
    box-sizing: border-box;
  }

  .otc_s2_right_img_holder {
    width: 68.7%;
  }

  .otc_s2_right_img {
    height: 65.833vw;
    background-size: cover;
  }

  .otc_s2_right_img img {}

  .otc_s2_right_2nd_img {
    width: 43.75vw;
    height: 47.417vw;
    bottom: -16.208vw;
    left: -15.417vw;
  }

  .otc_s2_right_vt {
    display: block;
    width: 31.3%;
  }

  .otc_s2_right_vt h2 {
    display: block;
    letter-spacing: normal;
    line-height: normal;
    font-size: 5vw;
    writing-mode: vertical-rl;
    text-align: left;
    transform: rotate(-180deg);
    margin: 0vw;
    position: relative;
    left: 0vw;
    top: 9.792vw;
  }

  .otc_s2_right_vt h2 span {
    position: relative;
    padding-bottom: 31.042vw;
  }

  .otc_s2_right_vt h2 mark {
    background-color: rgba(255, 255, 255, 0);
    background-image: linear-gradient(120deg, #F2CAC0 0%, #F2CAC0 100%);
    background-repeat: no-repeat;
    background-size: 39.6% 100%;
    background-position: 0.208vw 100%;
    color: #2D3F67;
  }

  .otc_s2_right_vt h2 span:before {
    content: "";
    position: absolute;
    background-color: #000000;
    bottom: 5vw;
    right: 5.417vw;
    width: 0.208vw;
    height: 26.042vw;
  }
}

@media screen and (max-width: 550px) {
  .otc_s2 {
    padding-top: 8.125vw;
    padding-bottom: 10vw;
  }

  .otc_s2 .section_inner {
    width: 100%;
  }

  .otc_s2_left {
    order: 2;
    width: 100%;
    padding-top: 21.875vw;
    padding-left: 6.25vw;
    padding-right: 4.167vw;
  }

  .otc_s2_left article {}

  .otc_s2_left article h2 {
    display: none;
  }

  .otc_s2_left article h2 .art1 {}

  .otc_s2_left article h2 .art1:before {}

  .otc_s2_left article h2 mark {}

  .otc_s2_left article p {
    padding: 0vw;
    margin-bottom: 5vw;
  }

  .otc_s2_left article p br {
    display: block;
  }

  .otc_s2_left article p strong {}

  .otc_s2_left article .otc_s2_left_link {
    margin-top: -1.458vw;
  }

  .otc_s2_left article .otc_s2_left_link .pf4_button {}

  .otc_s2_left article .otc_s2_left_link .pf4_button span {
    padding: 3.125vw 3.333vw 2.708vw 6.458vw;
  }

  .otc_s2_left article .otc_s2_left_link .pf4_button:before {}

  .otc_s2_left article .otc_s2_left_link .pf4_button:hover:before {}

  .otc_s2_left article .otc_s2_left_link .pf4_button:hover span {}

  .otc_s2_left .desktop_only {
    display: none;
  }

  .otc_s2_left .mobile_only {
    display: block;
  }

  .otc_s2_right {
    order: 1;
    width: 100%;
    padding-left: 5.625vw;
    padding-right: 6.667vw;
    display: flex;
    flex-wrap: wrap;
    margin: 0vw auto;
    position: relative;
    box-sizing: border-box;
  }

  .otc_s2_right_img_holder {
    width: 68.7%;
  }

  .otc_s2_right_img {
    height: 85.833vw;
  }

  .otc_s2_right_img img {}

  .otc_s2_right_2nd_img {
    width: 43.75vw;
    height: 65.417vw;
    bottom: -20.208vw;
    left: -15.417vw;
  }

  .otc_s2_right_vt {
    display: block;
    width: 31.3%;
  }

  .otc_s2_right_vt h2 {
    display: block;
    letter-spacing: normal;
    line-height: normal;
    font-size: 8.433vw;
    writing-mode: vertical-rl;
    text-align: left;
    transform: rotate(-180deg);
    margin: 0vw;
    position: relative;
    left: 0vw;
    top: 19.792vw;
  }

  .otc_s2_right_vt h2 span {
    position: relative;
    padding-bottom: 31.042vw;
  }

  .otc_s2_right_vt h2 mark {
    background-color: rgba(255, 255, 255, 0);
    background-image: linear-gradient(120deg, #F2CAC0 0%, #F2CAC0 100%);
    background-repeat: no-repeat;
    background-size: 39.6% 100%;
    background-position: 0.208vw 100%;
    color: #2D3F67;
  }

  .otc_s2_right_vt h2 span:before {
    content: "";
    position: absolute;
    background-color: #000000;
    bottom: 5vw;
    right: 5.417vw;
    width: 0.208vw;
    height: 26.042vw;
  }
}

/*
  Section 03
=========================================*/
.otc_s3 {
  background-color: #E8EAF5;
  padding-top: 81px;
}

.otc_s3 .section_inner {
  width: 1109px;
}

.otc_s3_header {}

.otc_s3_header article {}

.otc_s3_header article h2 {
  position: relative;
  z-index: 2;
}

.otc_s3_header article h2 mark {
  background-color: rgba(255, 255, 255, 0);
  background-image: linear-gradient(120deg, #F2CAC0 0%, #F2CAC0 100%);
  background-repeat: no-repeat;
  background-size: 99.4% 35%;
  background-position: 2px 90%;
  color: #2D3F67;
}

.otc_s3_header article h2 br {}

.otc_s3_header .desktop_only {}

.otc_s3_header .mobile_only {}

.otc_s3_left {
  width: 46.6%;
  padding-left: 113px;
  position: relative;
}

.otc_s3_left_img {
  background-position: top center;
  background-repeat: no-repeat;
  background-size: contain;
  position: absolute;
  z-index: 1;
  height: 600px;
  top: -115px;
}

.otc_s3_left_img img {
  width: 10%;
  opacity: 0;
}

.otc_s3_right {
  width: 53.4%;
  padding-left: 49px;
  padding-top: 16px;
}

.otc_s3_right article {}

.otc_s3_right article p {
  margin-bottom: 13px;
}

.otc_s3_right article p br {}

.otc_s3_right article p strong {
  font-style: italic;
  font-weight: bold;
  font-family: 'Futura PT';
}

.otc_s3_right article .otc_s3_right_link {
  display: inline-block;
  padding-left: 1px;
  position: relative;
  top: 12px;
  margin-bottom: -12px;
  z-index: 5;
}

.otc_s3_right article .otc_s3_right_link .pf4_button {
  color: #FFFFFF;
}

.otc_s3_right article .otc_s3_right_link .pf4_button span {
  background-color: #A3697E;
  padding: 15px 28px 13px 39px;
}

.otc_s3_right article .otc_s3_right_link .pf4_button:before {
  content: "";
  background-color: #804258;
}

.otc_s3_right article .otc_s3_right_link .pf4_button:hover:before {}

.otc_s3_right article .otc_s3_right_link .pf4_button:hover span {}

.otc_s3_right .desktop_only {}

.otc_s3_right .mobile_only {}

/*
  Media 1440
-----------------------------*/
@media screen and (max-width: 1440px) {
  .otc_s3 {
    padding-top: 5.625vw;
  }

  .otc_s3 .section_inner {
    width: 77.014vw;
  }

  .otc_s3_header {}

  .otc_s3_header article {}

  .otc_s3_header article h2 {}

  .otc_s3_header article h2 mark {
    background-size: 99.4% 35%;
    background-position: 0.139vw 90%;
  }

  .otc_s3_header article h2 br {}

  .otc_s3_header .desktop_only {}

  .otc_s3_header .mobile_only {}

  .otc_s3_left {
    width: 46.6%;
    padding-left: 7.847vw;
  }

  .otc_s3_left_img {
    height: 41.667vw;
    top: -7.986vw;
  }

  .otc_s3_left_img img {}

  .otc_s3_right {
    width: 53.4%;
    padding-left: 3.403vw;
    padding-top: 1.111vw;
  }

  .otc_s3_right article {}

  .otc_s3_right article p {
    margin-bottom: 0.903vw;
  }

  .otc_s3_right article p br {}

  .otc_s3_right article p strong {}

  .otc_s3_right article .otc_s3_right_link {
    padding-left: 0.069vw;
    top: 0.833vw;
    margin-bottom: -0.833vw;
  }

  .otc_s3_right article .otc_s3_right_link .pf4_button {}

  .otc_s3_right article .otc_s3_right_link .pf4_button span {
    padding: 1.042vw 1.944vw 0.903vw 2.708vw;
  }

  .otc_s3_right article .otc_s3_right_link .pf4_button:before {}

  .otc_s3_right article .otc_s3_right_link .pf4_button:hover:before {}

  .otc_s3_right article .otc_s3_right_link .pf4_button:hover span {}

  .otc_s3_right .desktop_only {}

  .otc_s3_right .mobile_only {}
}

@media screen and (max-width: 1140px) {
  .otc_s3 {}

  .otc_s3 .section_inner {
    width: 90vw;
  }

  .otc_s3_header {}

  .otc_s3_header article {}

  .otc_s3_header article h2 {}

  .otc_s3_header article h2 mark {}

  .otc_s3_header article h2 br {}

  .otc_s3_header .desktop_only {}

  .otc_s3_header .mobile_only {}

  .otc_s3_left {
    width: 43%;
    padding-left: 4vw;
  }

  .otc_s3_left_img {
    height: 53vw;
    top: -10vw;
  }

  .otc_s3_left_img img {}

  .otc_s3_right {
    width: 56%;
  }

  .otc_s3_right article {}

  .otc_s3_right article p {}

  .otc_s3_right article p br {}

  .otc_s3_right article p strong {}

  .otc_s3_right article .otc_s3_right_link {}

  .otc_s3_right article .otc_s3_right_link .pf4_button {}

  .otc_s3_right article .otc_s3_right_link .pf4_button span {}

  .otc_s3_right article .otc_s3_right_link .pf4_button:before {}

  .otc_s3_right article .otc_s3_right_link .pf4_button:hover:before {}

  .otc_s3_right article .otc_s3_right_link .pf4_button:hover span {}

  .otc_s3_right .desktop_only {}

  .otc_s3_right .mobile_only {}
}

@media screen and (max-width: 1024px) {
  .otc_s3 {}

  .otc_s3 .section_inner {}

  .otc_s3_header {}

  .otc_s3_header article {}

  .otc_s3_header article h2 {}

  .otc_s3_header article h2 mark {}

  .otc_s3_header article h2 br {}

  .otc_s3_header .desktop_only {}

  .otc_s3_header .mobile_only {}

  .otc_s3_left {}

  .otc_s3_left_img {}

  .otc_s3_left_img img {}

  .otc_s3_right {}

  .otc_s3_right article {}

  .otc_s3_right article p {}

  .otc_s3_right article p br {}

  .otc_s3_right article p strong {}

  .otc_s3_right article .otc_s3_right_link {}

  .otc_s3_right article .otc_s3_right_link .pf4_button {}

  .otc_s3_right article .otc_s3_right_link .pf4_button span {}

  .otc_s3_right article .otc_s3_right_link .pf4_button:before {}

  .otc_s3_right article .otc_s3_right_link .pf4_button:hover:before {}

  .otc_s3_right article .otc_s3_right_link .pf4_button:hover span {}

  .otc_s3_right .desktop_only {}

  .otc_s3_right .mobile_only {}
}

@media screen and (max-width: 768px) {
  .otc_s3 {
    padding-top: 7.708vw;
  }

  .otc_s3 .section_inner {
    width: 100%;
    padding-left: 0vw;
    padding-right: 0vw;
  }

  .otc_s3_header {
    width: 100%;
    padding-left: 5.833vw;
  }

  .otc_s3_header article {}

  .otc_s3_header article h2 {
    font-size: 5.292vw;
    font-weight: 900;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.03;
    letter-spacing: normal;
  }

  .otc_s3_header article h2 mark {}

  .otc_s3_header article h2 br {}

  .otc_s3_header .desktop_only {
    display: none;
  }

  .otc_s3_header .mobile_only {
    display: block;
  }

  .otc_s3_left {
    width: 100%;
    padding-left: 11.667vw;
    padding-right: 13.125vw;
    margin-top: -11.25vw;
  }

  .otc_s3_left_img {
    position: inherit;
    position: relative;
    height: 70.875vw;
    background-size: cover;
  }

  .otc_s3_left_img img {}

  .otc_s3_right {
    width: 100%;
    padding: 0vw;
    padding-left: 6.458vw;
    margin-top: -4.375vw;
    padding-right: 3.125vw;
  }

  .otc_s3_right article {}

  .otc_s3_right article p {
    margin-bottom: 2.5vw;
  }

  .otc_s3_right article p br {
    display: none;
  }

  .otc_s3_right article p strong {
    letter-spacing: 0.271vw;
    font-style: italic;
  }

  .otc_s3_right article p .strong_last {
    letter-spacing: 0.177vw;
  }

  .otc_s3_right article .otc_s3_right_link {
    top: 2.708vw;
    margin-bottom: -2.708vw;
    margin-left: -0.625vw;
  }

  .otc_s3_right article .otc_s3_right_link .pf4_button {}

  .otc_s3_right article .otc_s3_right_link .pf4_button span {
    padding: 3.125vw 5.833vw 2.708vw 8.125vw;
  }

  .otc_s3_right article .otc_s3_right_link .pf4_button:before {}

  .otc_s3_right article .otc_s3_right_link .pf4_button:hover:before {}

  .otc_s3_right article .otc_s3_right_link .pf4_button:hover span {}

  .otc_s3_right .desktop_only {
    display: none;
  }

  .otc_s3_right .mobile_only {
    display: block;
  }
}

@media screen and (max-width: 550px) {
  .otc_s3 {
    padding-top: 7.708vw;
  }

  .otc_s3 .section_inner {
    width: 100%;
    padding-left: 0vw;
    padding-right: 0vw;
  }

  .otc_s3_header {
    width: 100%;
    padding-left: 5.833vw;
  }

  .otc_s3_header article {}

  .otc_s3_header article h2 {
    font-size: 7.292vw;
    font-weight: 900;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.03;
    letter-spacing: normal;
  }

  .otc_s3_header article h2 mark {}

  .otc_s3_header article h2 br {}

  .otc_s3_header .desktop_only {
    display: none;
  }

  .otc_s3_header .mobile_only {
    display: block;
  }

  .otc_s3_left {
    width: 100%;
    padding-left: 11.667vw;
    padding-right: 13.125vw;
    margin-top: -11.25vw;
  }

  .otc_s3_left_img {
    position: inherit;
    position: relative;
    height: 111.875vw;
  }

  .otc_s3_left_img img {}

  .otc_s3_right {
    width: 100%;
    padding: 0vw;
    padding-left: 6.458vw;
    margin-top: -4.375vw;
    padding-right: 3.125vw;
  }

  .otc_s3_right article {}

  .otc_s3_right article p {
    margin-bottom: 2.5vw;
  }

  .otc_s3_right article p br {
    display: block;
  }

  .otc_s3_right article p strong {
    font-size: 3.542vw;
    letter-spacing: 0.271vw;
    font-style: italic;
  }

  .otc_s3_right article p .strong_last {
    letter-spacing: 0.177vw;
  }

  .otc_s3_right article .otc_s3_right_link {
    top: 2.708vw;
    margin-bottom: -2.708vw;
    margin-left: -0.625vw;
  }

  .otc_s3_right article .otc_s3_right_link .pf4_button {}

  .otc_s3_right article .otc_s3_right_link .pf4_button span {
    padding: 3.125vw 5.833vw 2.708vw 8.125vw;
  }

  .otc_s3_right article .otc_s3_right_link .pf4_button:before {}

  .otc_s3_right article .otc_s3_right_link .pf4_button:hover:before {}

  .otc_s3_right article .otc_s3_right_link .pf4_button:hover span {}

  .otc_s3_right .desktop_only {
    display: none;
  }

  .otc_s3_right .mobile_only {
    display: block;
  }
}

/*
  Section 04
=========================================*/
.otc_s4 {
  background-color: #FFFCF9;
  padding-top: 201px;
  padding-bottom: 79px;
  position: relative;
}

.otc_s4 .section_inner {
  width: 930px;
}

.otc_s4_img_art1 {
  position: absolute;
  background-position: center top;
  background-size: contain;
  display: block;
  background-repeat: no-repeat;
  z-index: 2;
  background-image: url(otc-s4-1.png);
  top: -114px;
  right: -87px;
  width: 227px;
  height: 244px;
}

.otc_s4_header {
  width: 100%;
  text-align: center;
}

.otc_s4_header article {}

.otc_s4_header article h2 {
  margin-bottom: 25px;
}

.otc_s4_header article h2 br {}

.otc_s4_header article p {}

.otc_s4_header article p br {}

.otc_s4_header .desktop_only {}

.otc_s4_header .mobile_only {}

.otc_s4_content {
  width: 100%;
  padding-top: 26px;
}

.otc_s4_content_in.otc_s4_content_slider {
  display: none;
}

.otc_s4_content_in {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  margin: 0px auto;
  position: relative;
  box-sizing: border-box;
}

.otc_s4_content_item {
  width: 50%;
  padding-left: 17px;
  padding-right: 17px;
  padding-bottom: 37px;
}

.otc_s4_content_item.style_1 {
  padding-bottom: 154px;
}

.otc_s4_content_item.style_2 {}

.otc_s4_content_item.style_3 {}

.otc_s4_content_item.style_4 {}

.otc_s4_content_item_in {
  padding: 24px 22px 5px 35px;
}

.otc_s4_content_item_in article {}

.otc_s4_content_item_in article h4 {
  text-transform: uppercase;
  margin-bottom: 8px;
}

.otc_s4_content_item_in article h4 br {}

.otc_s4_content_item_in article h4 strong {
  font-size: 20px;
  font-weight: normal;
  font-style: italic;
  line-height: 1.35;
  letter-spacing: 2.2px;
  color: #000000;
}

.otc_s4_content_item_in article p {}

.otc_s4_content_item_in article p br {}

.otc_s4_content_item_in .desktop_only {}

.otc_s4_content_item_in .mobile_only {}

.otc_s4_content_link {
  width: 50%;
  text-align: right;
  padding-right: 17px;
  margin-top: -74px;
  padding-bottom: 40px;
}

.otc_s4_content_link .pf4_button {}

.otc_s4_content_link .pf4_button span {
  padding: 15px 36px 13px 47px;
}

.otc_s4_content_link .pf4_button:before {
  content: "";
}

.otc_s4_content_link .pf4_button:hover:before {}

.otc_s4_content_link .pf4_button:hover span {}


.otc_s4_content_item.style_1 .otc_s4_content_item_in {
  background-color: #F0F0F0;
}

.otc_s4_content_item.style_2 .otc_s4_content_item_in {
  background-color: #EDE7E9;
  margin-top: 63px;
}

.otc_s4_content_item.style_3 .otc_s4_content_item_in {
  background-color: #D5C4CA;
  margin-top: -120px;
}

.otc_s4_content_item.style_4 .otc_s4_content_item_in {
  background-color: #BF9EA9;
}

.otc_s4_bottom {
  width: 100%;
  text-align: center;
  background-color: #EDE3E6;
  margin-left: 17px;
  margin-right: 18px;
  padding: 49px 50px 32px;
}

.otc_s4_bottom article {}

.otc_s4_bottom article h4 {
  margin-bottom: 12px;
}

.otc_s4_bottom article p {}

.otc_s4_bottom article p br {}

.otc_s4_bottom .desktop_only {}

.otc_s4_bottom .mobile_only {}

/*
  Media 1440
-----------------------------*/
@media screen and (max-width: 1440px) {
  .otc_s4 {
    padding-top: 13.958vw;
    padding-bottom: 5.486vw;
  }

  .otc_s4 .section_inner {
    width: 64.583vw;
  }

  .otc_s4_img_art1 {
    top: -7.917vw;
    right: -6.042vw;
    width: 15.764vw;
    height: 16.944vw;
  }

  .otc_s4_header {}

  .otc_s4_header article {}

  .otc_s4_header article h2 {
    margin-bottom: 1.736vw;
  }

  .otc_s4_header article h2 br {}

  .otc_s4_header article p {}

  .otc_s4_header article p br {}

  .otc_s4_header .desktop_only {}

  .otc_s4_header .mobile_only {}

  .otc_s4_content {
    width: 100%;
    padding-top: 1.806vw;
  }

  .otc_s4_content_in {}

  .otc_s4_content_item {
    width: 50%;
    padding-left: 1.181vw;
    padding-right: 1.181vw;
    padding-bottom: 2.569vw;
  }

  .otc_s4_content_item.style_1 {
    padding-bottom: 10.694vw;
  }

  .otc_s4_content_item.style_2 {}

  .otc_s4_content_item.style_3 {}

  .otc_s4_content_item.style_4 {}

  .otc_s4_content_item_in {
    padding: 1.667vw 1.528vw 0.347vw 2.431vw;
  }

  .otc_s4_content_item_in article {}

  .otc_s4_content_item_in article h4 {
    margin-bottom: 0.556vw;
  }

  .otc_s4_content_item_in article h4 br {}

  .otc_s4_content_item_in article h4 strong {
    font-size: 1.389vw;
    letter-spacing: 0.153vw;
  }

  .otc_s4_content_item_in article p {}

  .otc_s4_content_item_in article p br {}

  .otc_s4_content_item_in .desktop_only {}

  .otc_s4_content_item_in .mobile_only {}

  .otc_s4_content_link {
    width: 50%;
    padding-right: 1.181vw;
    margin-top: -5.139vw;
    padding-bottom: 2.778vw;
  }

  .otc_s4_content_link .pf4_button {}

  .otc_s4_content_link .pf4_button span {
    padding: 1.042vw 2.5vw 0.903vw 3.264vw;
  }

  .otc_s4_content_link .pf4_button:before {}

  .otc_s4_content_link .pf4_button:hover:before {}

  .otc_s4_content_link .pf4_button:hover span {}

  .otc_s4_content_item.style_1 .otc_s4_content_item_in {}

  .otc_s4_content_item.style_2 .otc_s4_content_item_in {
    margin-top: 4.375vw;
  }

  .otc_s4_content_item.style_3 .otc_s4_content_item_in {
    margin-top: -8.333vw;
  }

  .otc_s4_content_item.style_4 .otc_s4_content_item_in {}

  .otc_s4_bottom {
    width: 100%;
    margin-left: 1.181vw;
    margin-right: 1.25vw;
    padding: 3.403vw 3.472vw 2.222vw;
  }

  .otc_s4_bottom article {}

  .otc_s4_bottom article h4 {
    margin-bottom: 0.833vw;
  }

  .otc_s4_bottom article p {}

  .otc_s4_bottom article p br {}

  .otc_s4_bottom .desktop_only {}

  .otc_s4_bottom .mobile_only {}
}

@media screen and (max-width: 1140px) {
  .otc_s4 {}

  .otc_s4 .section_inner {
    width: 90vw;
  }

  .otc_s4_img_art1 {
    right: -1.042vw;
  }

  .otc_s4_header {}

  .otc_s4_header article {}

  .otc_s4_header article h2 {}

  .otc_s4_header article h2 br {}

  .otc_s4_header article p {}

  .otc_s4_header article p br {}

  .otc_s4_header .desktop_only {}

  .otc_s4_header .mobile_only {}

  .otc_s4_content {}

  .otc_s4_content_in {}

  .otc_s4_content_item {}

  .otc_s4_content_item.style_1 {}

  .otc_s4_content_item.style_2 {}

  .otc_s4_content_item.style_3 {}

  .otc_s4_content_item.style_4 {}

  .otc_s4_content_item_in {}

  .otc_s4_content_item_in article {}

  .otc_s4_content_item_in article h4 {}

  .otc_s4_content_item_in article h4 br {}

  .otc_s4_content_item_in article h4 strong {
    font-size: 1.8vw;
  }

  .otc_s4_content_item_in article p {}

  .otc_s4_content_item_in article p br {}

  .otc_s4_content_item_in .desktop_only {}

  .otc_s4_content_item_in .mobile_only {}

  .otc_s4_content_link {}

  .otc_s4_content_link .pf4_button {}

  .otc_s4_content_link .pf4_button span {}

  .otc_s4_content_link .pf4_button:before {}

  .otc_s4_content_link .pf4_button:hover:before {}

  .otc_s4_content_link .pf4_button:hover span {}

  .otc_s4_content_item.style_1 .otc_s4_content_item_in {}

  .otc_s4_content_item.style_2 .otc_s4_content_item_in {}

  .otc_s4_content_item.style_3 .otc_s4_content_item_in {
    margin-top: -9.7vw;
  }

  .otc_s4_content_item.style_4 .otc_s4_content_item_in {}

  .otc_s4_bottom {}

  .otc_s4_bottom article {}

  .otc_s4_bottom article h4 {}

  .otc_s4_bottom article p {}

  .otc_s4_bottom article p br {}

  .otc_s4_bottom .desktop_only {}

  .otc_s4_bottom .mobile_only {}
}

@media screen and (max-width: 1024px) {
  .otc_s4 {}

  .otc_s4 .section_inner {}

  .otc_s4_img_art1 {}

  .otc_s4_header {}

  .otc_s4_header article {}

  .otc_s4_header article h2 {}

  .otc_s4_header article h2 br {}

  .otc_s4_header article p {}

  .otc_s4_header article p br {}

  .otc_s4_header .desktop_only {}

  .otc_s4_header .mobile_only {}

  .otc_s4_content {}

  .otc_s4_content_in {}

  .otc_s4_content_item {}

  .otc_s4_content_item.style_1 {}

  .otc_s4_content_item.style_2 {}

  .otc_s4_content_item.style_3 {}

  .otc_s4_content_item.style_4 {}

  .otc_s4_content_item_in {}

  .otc_s4_content_item_in article {}

  .otc_s4_content_item_in article h4 {}

  .otc_s4_content_item_in article h4 br {}

  .otc_s4_content_item_in article h4 strong {
    font-size: 2.2vw;
  }

  .otc_s4_content_item_in article p {}

  .otc_s4_content_item_in article p br {}

  .otc_s4_content_item_in .desktop_only {}

  .otc_s4_content_item_in .mobile_only {}

  .otc_s4_content_link {}

  .otc_s4_content_link .pf4_button {}

  .otc_s4_content_link .pf4_button span {}

  .otc_s4_content_link .pf4_button:before {}

  .otc_s4_content_link .pf4_button:hover:before {}

  .otc_s4_content_link .pf4_button:hover span {}

  .otc_s4_content_item.style_1 .otc_s4_content_item_in {}

  .otc_s4_content_item.style_2 .otc_s4_content_item_in {}

  .otc_s4_content_item.style_3 .otc_s4_content_item_in {}

  .otc_s4_content_item.style_4 .otc_s4_content_item_in {}

  .otc_s4_bottom {}

  .otc_s4_bottom article {}

  .otc_s4_bottom article h4 {}

  .otc_s4_bottom article p {}

  .otc_s4_bottom article p br {}

  .otc_s4_bottom .desktop_only {}

  .otc_s4_bottom .mobile_only {}
}

@media screen and (max-width: 768px) {
  .otc_s4 {
    padding-top: 17.375vw;
    padding-bottom: 10.625vw;
  }

  .otc_s4 .section_inner {
    width: 100%;
    padding-left: 0vw;
    padding-right: 0vw;
  }

  .otc_s4_img_art1 {
    width: 47.292vw;
    height: 50.833vw;
    right: -17.292vw;
    top: -23.333vw;
  }

  .otc_s4_header {
    width: 100%;
    padding-left: 6.25vw;
    padding-right: 6.25vw;
  }

  .otc_s4_header article {
    text-align: left;
  }

  .otc_s4_header article h2 {
    margin-bottom: 2.083vw;
  }

  .otc_s4_header article h2 br {}

  .otc_s4_header article p {}

  .otc_s4_header article p br {}

  .otc_s4_header .desktop_only {
    display: none;
  }

  .otc_s4_header .mobile_only {
    display: block;
  }

  .otc_s4_content {
    width: 100%;
    padding-top: 1.667vw;
    padding-right: 20.625vw;
    padding-left: 6.25vw;
  }

  .otc_s4_content_in {
    display: none;
  }

  .otc_s4_content_item {
    width: 100%;
    padding: 0vw;
  }

  .otc_s4_content_item_in {
    padding: 3.333vw 3.125vw 1.25vw 5vw;
    padding-top: 4.583vw;
  }

  .otc_s4_content_item_in.style_1 {
    background-color: #F0F0F0;
    width: 100%;
  }

  .otc_s4_content_item_in.style_2 {
    background-color: #EDE7E9;
  }

  .otc_s4_content_item_in.style_3 {
    background-color: #D5C4CA;
  }

  .otc_s4_content_item_in.style_4 {
    background-color: #BF9EA9;
  }

  .otc_s4_content_item_in article {}

  .otc_s4_content_item_in article h4 {
    line-height: 1.1;
    letter-spacing: 0.583vw;
    margin-bottom: 4.375vw;
  }

  .otc_s4_content_item_in article h4 br {}

  .otc_s4_content_item_in article h4 strong {
    font-family: 'Museo Sans 500';
    font-size: 3vw;
    font-weight: normal;
    font-style: italic;
    letter-spacing: 0.458vw;
    top: -2.708vw;
  }

  .otc_s4_content_item_in article p {
    margin-top: -4.583vw;
  }

  .otc_s4_content_item_in article p br {}

  .otc_s4_content_item_in .desktop_only {
    display: none;
  }

  .otc_s4_content_item_in .mobile_only {
    display: block;
  }


  .otc_s4_content_in.otc_s4_content_slider {
    display: block;
    margin: 0vw;
  }

  .otc_s4_content_slider .slick-list {}

  .otc_s4_content_slider .slick-list .slick-track {}

  .otc_s4_content_slider .slick-prev,
  .otc_s4_content_slider .slick-next {
    background-color: transparent;
    border: 0vw;
    background-repeat: no-repeat;
    font-size: 0vw;
    width: 4.167vw;
    height: 7.917vw;
    padding: 0vw;
    margin: 0vw;
    background-size: contain;
    position: absolute;
    top: 13.958vw;
    z-index: 2;
  }

  .otc_s4_content_slider .slick-prev {}

  .otc_s4_content_slider .slick-next {
    background-image: url(otc-slider-right-arrow.png);
    right: -12.5vw;
  }

  .otc_s4_content_link {
    width: 100%;
    padding: 0vw;
    margin: 0vw;
    text-align: center;
    padding-bottom: 11.458vw;
    padding-top: 3.958vw;
  }

  .otc_s4_content_link .pf4_button {}

  .otc_s4_content_link .pf4_button span {
    padding: 3.125vw 7.5vw 2.708vw 10vw;
  }

  .otc_s4_content_link .pf4_button:before {}

  .otc_s4_content_link .pf4_button:hover:before {}

  .otc_s4_content_link .pf4_button:hover span {}

  .otc_s4_bottom {
    width: 100%;
    margin-left: 6.25vw;
    margin-right: 6.875vw;
    padding: 8.125vw 4.167vw 4.167vw;
  }

  .otc_s4_bottom article {}

  .otc_s4_bottom article h4 {
    letter-spacing: 0.625vw;
  }

  .otc_s4_bottom article p {}

  .otc_s4_bottom article p br {}

  .otc_s4_bottom .desktop_only {
    display: none;
  }

  .otc_s4_bottom .mobile_only {
    display: block;
  }
}

@media screen and (max-width: 550px) {
  .otc_s4 {
    padding-top: 29.375vw;
    padding-bottom: 10.625vw;
  }

  .otc_s4 .section_inner {
    width: 100%;
    padding-left: 0vw;
    padding-right: 0vw;
  }

  .otc_s4_img_art1 {
    width: 47.292vw;
    height: 50.833vw;
    right: -17.292vw;
    top: -23.333vw;
  }

  .otc_s4_header {
    width: 100%;
    padding-left: 6.25vw;
    padding-right: 6.25vw;
  }

  .otc_s4_header article {
    text-align: left;
  }

  .otc_s4_header article h2 {
    margin-bottom: 2.083vw;
  }

  .otc_s4_header article h2 br {}

  .otc_s4_header article p {}

  .otc_s4_header article p br {}

  .otc_s4_header .desktop_only {
    display: none;
  }

  .otc_s4_header .mobile_only {
    display: block;
  }

  .otc_s4_content {
    width: 100%;
    padding-top: 1.667vw;
    padding-right: 20.625vw;
    padding-left: 6.25vw;
  }

  .otc_s4_content_in {
    display: none;
  }

  .otc_s4_content_item {
    width: 100%;
    padding: 0vw;
  }

  .otc_s4_content_item_in {
    padding: 3.333vw 3.125vw 1.25vw 5vw;
    padding-top: 4.583vw;
  }

  .otc_s4_content_item_in.style_1 {
    background-color: #F0F0F0;
    width: 100%;
  }

  .otc_s4_content_item_in.style_2 {
    background-color: #EDE7E9;
  }

  .otc_s4_content_item_in.style_3 {
    background-color: #D5C4CA;
  }

  .otc_s4_content_item_in.style_4 {
    background-color: #BF9EA9;
  }

  .otc_s4_content_item_in article {}

  .otc_s4_content_item_in article h4 {
    line-height: 1.1;
    letter-spacing: 0.583vw;
    margin-bottom: 4.375vw;
  }

  .otc_s4_content_item_in article h4 br {}

  .otc_s4_content_item_in article h4 strong {
    font-family: 'Museo Sans 500';
    font-size: 4.167vw;
    font-weight: normal;
    font-style: italic;
    letter-spacing: 0.458vw;
    top: -2.708vw;
  }

  .otc_s4_content_item_in article p {
    margin-top: -4.583vw;
  }

  .otc_s4_content_item_in article p br {}

  .otc_s4_content_item_in .desktop_only {
    display: none;
  }

  .otc_s4_content_item_in .mobile_only {
    display: block;
  }


  .otc_s4_content_in.otc_s4_content_slider {
    display: block;
    margin: 0vw;
  }

  .otc_s4_content_slider .slick-list {}

  .otc_s4_content_slider .slick-list .slick-track {}

  .otc_s4_content_slider .slick-prev,
  .otc_s4_content_slider .slick-next {
    background-color: transparent;
    border: 0vw;
    background-repeat: no-repeat;
    font-size: 0vw;
    width: 4.167vw;
    height: 7.917vw;
    padding: 0vw;
    margin: 0vw;
    background-size: contain;
    position: absolute;
    top: 13.958vw;
    z-index: 2;
  }

  .otc_s4_content_slider .slick-prev {}

  .otc_s4_content_slider .slick-next {
    background-image: url(otc-slider-right-arrow.png);
    right: -12.5vw;
  }

  .otc_s4_content_link {
    width: 100%;
    padding: 0vw;
    margin: 0vw;
    text-align: center;
    padding-bottom: 11.458vw;
    padding-top: 3.958vw;
  }

  .otc_s4_content_link .pf4_button {}

  .otc_s4_content_link .pf4_button span {
    padding: 3.125vw 7.5vw 2.708vw 10vw;
  }

  .otc_s4_content_link .pf4_button:before {}

  .otc_s4_content_link .pf4_button:hover:before {}

  .otc_s4_content_link .pf4_button:hover span {}

  .otc_s4_bottom {
    width: 100%;
    margin-left: 6.25vw;
    margin-right: 6.875vw;
    padding: 8.125vw 4.167vw 4.167vw;
  }

  .otc_s4_bottom article {}

  .otc_s4_bottom article h4 {
    letter-spacing: 0.625vw;
  }

  .otc_s4_bottom article p {}

  .otc_s4_bottom article p br {}

  .otc_s4_bottom .desktop_only {
    display: none;
  }

  .otc_s4_bottom .mobile_only {
    display: block;
  }
}

/*
  Section 05
=========================================*/
.otc_s5 {
  background-color: #F1F1F1;
  padding-top: 59px;
}

.otc_s5 .section_inner {
  width: 895px;
}

.otc_s5_img_art1 {
  position: absolute;
  background-position: center top;
  background-size: cover;
  display: block;
  background-repeat: no-repeat;
  z-index: 0;
  background-image: url(otc-s5-2.png);
  bottom: 0px;
  left: 0px;
  width: 60.4%;
  height: 309px;
}

.otc_s5_img_art2 {
  position: absolute;
  background-position: center top;
  background-size: cover;
  display: block;
  background-repeat: no-repeat;
  z-index: 0;
  background-image: url(otc-s5-3.png);
  bottom: 0px;
  right: 0px;
  width: 45%;
  height: 309px;
}

.otc_s5_img_art3 {
  position: absolute;
  background-position: center top;
  background-size: contain;
  display: block;
  background-repeat: no-repeat;
  z-index: 2;
  background-image: url(otc-s5-4.png);
  bottom: -366px;
  left: -177px;
  width: 228px;
  height: 476px;
}

.otc_s5_img_art4 {}

.otc_s5_left {
  width: 54%;
  padding-top: 67px;
  position: relative;
  padding-right: 31px;
  padding-bottom: 122px;
}

.otc_s5_left article {
  text-align: right;
}

.otc_s5_left article h2 {
  line-height: 1.1;
  margin-right: -74px;
  position: relative;
  z-index: 5;
  margin-bottom: 17px;
}

.otc_s5_left article h2 br {}

.otc_s5_left article h2 mark {
  background-color: rgba(255, 255, 255, 0);
  background-image: linear-gradient(120deg, #F2CAC0 0%, #F2CAC0 100%);
  background-repeat: no-repeat;
  background-size: 95.4% 35%;
  background-position: 7px 90%;
  color: #2D3F67;
}

.otc_s5_left article p {
  margin-bottom: 14px;
}

.otc_s5_left article p br {}

.otc_s5_left_link {
  display: inline-block;
  margin-right: 3px;
}

.otc_s5_left_link .pf4_button {
  color: #FFFFFF;
}

.otc_s5_left_link .pf4_button span {
  background-color: #A3697E;
  padding: 15px 18px 13px 31px;
}

.otc_s5_left_link .pf4_button:before {
  content: "";
  background-color: #804258;
}

.otc_s5_left_link .pf4_button:hover:before {}

.otc_s5_left_link .pf4_button:hover span {}

.otc_s5_left .desktop_only {}

.otc_s5_left .mobile_only {}

.otc_s5_right {
  width: 46%;
}

.otc_s5_right_img {
  background-position: top center;
  background-repeat: no-repeat;
  background-size: contain;
  position: absolute;
  z-index: 1;
  height: 575px;
  top: 1px;
}

.otc_s5_right_img img {
  width: 10%;
  opacity: 0;
}

/*
  Media 1440
-----------------------------*/
@media screen and (max-width: 1440px) {
  .otc_s5 {
    padding-top: 4.097vw;
  }

  .otc_s5 .section_inner {
    width: 62.153vw;
  }

  .otc_s5_img_art1 {
    bottom: 0vw;
    left: 0vw;
    width: 60.4%;
    height: 21.458vw;
  }

  .otc_s5_img_art2 {
    bottom: 0vw;
    right: 0vw;
    width: 45%;
    height: 21.458vw;
  }

  .otc_s5_img_art3 {
    bottom: -25.417vw;
    left: -12.292vw;
    width: 15.833vw;
    height: 33.056vw;
  }

  .otc_s5_img_art4 {}

  .otc_s5_left {
    width: 54%;
    padding-top: 4.653vw;
    padding-right: 2.153vw;
    padding-bottom: 8.472vw;
  }

  .otc_s5_left article {}

  .otc_s5_left article h2 {
    margin-right: -5.139vw;
    margin-bottom: 1.181vw;
  }

  .otc_s5_left article h2 br {}

  .otc_s5_left article h2 mark {
    background-size: 95.4% 35%;
    background-position: 0.486vw 90%;
  }

  .otc_s5_left article p {
    margin-bottom: 0.972vw;
  }

  .otc_s5_left article p br {}

  .otc_s5_left_link {
    margin-right: 0.208vw;
  }

  .otc_s5_left_link .pf4_button {
    color: #FFFFFF;
  }

  .otc_s5_left_link .pf4_button span {
    padding: 1.042vw 1.25vw 0.903vw 2.153vw;
  }

  .otc_s5_left_link .pf4_button:before {}

  .otc_s5_left_link .pf4_button:hover:before {}

  .otc_s5_left_link .pf4_button:hover span {}

  .otc_s5_left .desktop_only {}

  .otc_s5_left .mobile_only {}

  .otc_s5_right {
    width: 46%;
  }

  .otc_s5_right_img {
    height: 39.931vw;
    top: 0.069vw;
  }

  .otc_s5_right_img img {}
}

@media screen and (max-width: 1140px) {
  .otc_s5 {}

  .otc_s5 .section_inner {
    width: 75vw;
  }

  .otc_s5_img_art1 {}

  .otc_s5_img_art2 {}

  .otc_s5_img_art3 {
    left: -9.292vw;
  }

  .otc_s5_img_art4 {}

  .otc_s5_left {
    width: 55%;
  }

  .otc_s5_left article {}

  .otc_s5_left article h2 {}

  .otc_s5_left article h2 br {}

  .otc_s5_left article h2 mark {}

  .otc_s5_left article p {}

  .otc_s5_left article p br {}

  .otc_s5_left_link {}

  .otc_s5_left_link .pf4_button {}

  .otc_s5_left_link .pf4_button span {}

  .otc_s5_left_link .pf4_button:before {}

  .otc_s5_left_link .pf4_button:hover:before {}

  .otc_s5_left_link .pf4_button:hover span {}

  .otc_s5_left .desktop_only {}

  .otc_s5_left .mobile_only {}

  .otc_s5_right {
    position: relative;
    width: 45%;
  }

  .otc_s5_right_img {
    height: 45.931vw;
    left: 0vw;
    top: 2.069vw;
  }

  .otc_s5_right_img img {}
}

@media screen and (max-width: 1024px) {
  .otc_s5 {}

  .otc_s5 .section_inner {}

  .otc_s5_img_art1 {}

  .otc_s5_img_art2 {}

  .otc_s5_img_art3 {}

  .otc_s5_img_art4 {}

  .otc_s5_left {}

  .otc_s5_left article {}

  .otc_s5_left article h2 {}

  .otc_s5_left article h2 br {}

  .otc_s5_left article h2 mark {}

  .otc_s5_left article p {}

  .otc_s5_left article p br {}

  .otc_s5_left_link {}

  .otc_s5_left_link .pf4_button {}

  .otc_s5_left_link .pf4_button span {}

  .otc_s5_left_link .pf4_button:before {}

  .otc_s5_left_link .pf4_button:hover:before {}

  .otc_s5_left_link .pf4_button:hover span {}

  .otc_s5_left .desktop_only {}

  .otc_s5_left .mobile_only {}

  .otc_s5_right {}

  .otc_s5_right_img {}

  .otc_s5_right_img img {}
}

@media screen and (max-width: 768px) {
  .otc_s5 {
    padding-top: 12.917vw;
    padding-bottom: 69.167vw;
  }

  .otc_s5 .section_inner {
    width: 100%;
    padding-left: 0vw;
    padding-right: 0vw;
  }

  .otc_s5_img_art1 {
    position: absolute;
    background-position: center top;
    background-size: contain;
    display: block;
    background-repeat: no-repeat;
    z-index: 1;
    background-image: url(otc-s5-4.png);
    bottom: -38.125vw;
    left: 6.042vw;
    width: 40.208vw;
    height: 84.167vw;
  }

  .otc_s5_img_art2 {
    width: 100%;
    height: 69.792vw;
    bottom: 0vw;
    right: 0vw;
    background-image: url(otc-s5-3-m.png);
  }

  .otc_s5_img_art3 {
    left: 0vw;
    bottom: 0vw;
    display: none;
  }

  .otc_s5_img_art4 {
    display: none;
  }

  .otc_s5_left {
    width: 100%;
    padding: 0;
    padding-left: 6.25vw;
    padding-right: 6.875vw;
  }

  .otc_s5_left article {
    text-align: left;
  }

  .otc_s5_left article h2 {
    font-size: 6vw;
    font-weight: 900;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.03;
    letter-spacing: normal;
    margin-bottom: 3.542vw;
  }

  .otc_s5_left article h2 br {}

  .otc_s5_left article h2 mark {}

  .otc_s5_left article p {
    padding-left: 0.417vw;
  }

  .otc_s5_left article p br {
    display: none;
  }

  .otc_s5_left_link {
    margin-left: 0vw;
    margin-right: 0vw;
    padding-top: 2.708vw;
    position: relative;
    z-index: 5;
  }

  .otc_s5_left_link .pf4_button {}

  .otc_s5_left_link .pf4_button span {
    padding: 3.125vw 3.75vw 2.708vw 6.458vw;
  }

  .otc_s5_left_link .pf4_button:before {}

  .otc_s5_left_link .pf4_button:hover:before {}

  .otc_s5_left_link .pf4_button:hover span {}

  .otc_s5_left .desktop_only {
    display: none;
  }

  .otc_s5_left .mobile_only {
    display: block;
  }

  .otc_s5_right {
    width: 100%;
    margin-left: 26.458vw;
    margin-right: 9.792vw;
  }

  .otc_s5_right_img {
    right: -2.5vw;
    top: -6.458vw;
    height: 92.708vw;
  }

  .otc_s5_right_img img {}
}

@media screen and (max-width: 550px) {
  .otc_s5 {
    padding-top: 12.917vw;
    padding-bottom: 69.167vw;
  }

  .otc_s5 .section_inner {
    width: 100%;
    padding-left: 0vw;
    padding-right: 0vw;
  }

  .otc_s5_img_art1 {
    position: absolute;
    background-position: center top;
    background-size: contain;
    display: block;
    background-repeat: no-repeat;
    z-index: 1;
    background-image: url(otc-s5-4.png);
    bottom: -38.125vw;
    left: 6.042vw;
    width: 40.208vw;
    height: 84.167vw;
  }

  .otc_s5_img_art2 {
    width: 100%;
    height: 69.792vw;
    bottom: 0vw;
    right: 0vw;
    background-image: url(otc-s5-3-m.png);
  }

  .otc_s5_img_art3 {
    left: 0vw;
    bottom: 0vw;
    display: none;
  }

  .otc_s5_img_art4 {
    display: none;
  }

  .otc_s5_left {
    width: 100%;
    padding: 0;
    padding-left: 6.25vw;
    padding-right: 6.875vw;
  }

  .otc_s5_left article {
    text-align: left;
  }

  .otc_s5_left article h2 {
    font-size: 7.292vw;
    font-weight: 900;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.03;
    letter-spacing: normal;
    margin-bottom: 3.542vw;
  }

  .otc_s5_left article h2 br {}

  .otc_s5_left article h2 mark {}

  .otc_s5_left article p {
    padding-left: 0.417vw;
  }

  .otc_s5_left article p br {
    display: block;
  }

  .otc_s5_left_link {
    margin-left: 0vw;
    margin-right: 0vw;
    padding-top: 2.708vw;
    position: relative;
    z-index: 5;
  }

  .otc_s5_left_link .pf4_button {}

  .otc_s5_left_link .pf4_button span {
    padding: 3.125vw 3.75vw 2.708vw 6.458vw;
  }

  .otc_s5_left_link .pf4_button:before {}

  .otc_s5_left_link .pf4_button:hover:before {}

  .otc_s5_left_link .pf4_button:hover span {}

  .otc_s5_left .desktop_only {
    display: none;
  }

  .otc_s5_left .mobile_only {
    display: block;
  }

  .otc_s5_right {
    width: 100%;
    margin-left: 26.458vw;
    margin-right: 9.792vw;
  }

  .otc_s5_right_img {
    right: -2.5vw;
    top: -6.458vw;
    height: 92.708vw;
  }

  .otc_s5_right_img img {}
}

/*
  Section 06
=========================================*/
.otc_s6 {
  background-color: #FFFCF9;
  padding-top: 129px;
  padding-bottom: 82px;
}

.otc_s6 .section_inner {
  width: 1268px;
}

.otc_s6_title {
  width: 100%;
  padding-right: 353px;
}

.otc_s6_title article {}

.otc_s6_title article h2 {
  text-align: right;
  line-height: 1;
}

.otc_s6_title article h2 .art1 {
  position: relative;
}

.otc_s6_title article h2 .art1:before {
  content: "";
  position: absolute;
  background-color: #000000;
  top: 31px;
  left: 20px;
  width: 50000px;
  height: 1px;
}

.otc_s6_title article h2 br {}

.otc_s6_title .desktop_only {}

.otc_s6_title .mobile_only {}

.otc_s6_left {
  width: 54.9%;
  position: relative;
  padding-top: 267px;
}

.otc_s6_left_content {}

.otc_s6_left_content_in {
  background-color: #EDE3E6;
  padding: 43px 35px 31px 36px;
  display: inline-block;
  position: relative;
  z-index: 5;
  margin-left: -2px;
}

.otc_s6_left_content_in article {}

.otc_s6_left_content_in article h6 {
  text-transform: uppercase;
  font-size: 17px;
  font-weight: 500;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.59;
  letter-spacing: 1.85px;
}

.otc_s6_left_content_in article h6 br {}

.otc_s6_left_content_in article h6 mark {
  background-color: rgba(255, 255, 255, 0);
  background-image: linear-gradient(120deg, #F2CAC0 0%, #F2CAC0 100%);
  background-repeat: no-repeat;
  background-size: 100% 78%;
  background-position: 1px 100%;
  color: #000000;
  padding-bottom: 5px;
}

.otc_s6_left_link {
  display: inline-block;
  position: absolute;
  bottom: 0px;
  transform: translateY(46%);
}

.otc_s6_left_link .pf4_button {}

.otc_s6_left_link .pf4_button span {
  padding: 15px 34px 13px 45px;
}

.otc_s6_left_link .pf4_button:before {
  content: "";
}

.otc_s6_left_link .pf4_button:hover:before {}

.otc_s6_left_link .pf4_button:hover span {}

.otc_s6_left_content_in .desktop_only {}

.otc_s6_left_content_in .mobile_only {}

.otc_s6_left_img {
  background-position: top center;
  background-repeat: no-repeat;
  background-size: contain;
  position: absolute;
  z-index: 1;
  height: 679px;
  top: -28px;
  right: 0px;
}

.otc_s6_left_img img {
  width: 10%;
  opacity: 0;
}

.otc_s6_right {
  padding-left: 36px;
  padding-top: 35px;
  width: 45.1%;
}

.otc_s6_right_text {}

.otc_s6_right_text article {}

.otc_s6_right_text article p {}

.otc_s6_right_text article p br {}

.otc_s6_right_text article p strong {
  font-weight: bold;
  font-family: 'Futura PT';
}

.otc_s6_right_text article p mark {
  background-color: rgba(255, 255, 255, 0);
  background-image: linear-gradient(120deg, #837F7C 0%, #837F7C 100%);
  background-repeat: no-repeat;
  background-size: 100% 2px;
  background-position: -1px 96%;
  color: #000000;
}

.otc_s6_right_text .desktop_only {}

.otc_s6_right_text .mobile_only {}

.otc_s6_right_list {}

.otc_s6_right_list_title {
  padding-top: 36px;
  padding-left: 3px;
  padding-bottom: 8px;
}

.otc_s6_right_list_title article {}

.otc_s6_right_list_title article h4 {
  text-transform: uppercase;
  color: #000000;
  margin-bottom: 10px;
}

.otc_s6_right_list_title .desktop_only {}

.otc_s6_right_list_title .mobile_only {}

.otc_s6_list_item {
  margin-bottom: 9px;
  background-color: #F0F0F0;
}

.otc_s6_list_item:nth-child(2n+0) {
  margin-bottom: 9px;
  background-color: #EDE3E6;
}

.otc_s6_list_item_link {
  position: absolute;
  top: 0px;
  left: 0px;
  width: 100%;
  height: 100%;
  margin: 0px;
}

.otc_s6_list_item_in {
  display: flex;
  flex-wrap: wrap;
  margin: 0px auto;
  position: relative;
  box-sizing: border-box;
  padding: 0px 0px 0px 18px;
}

.otc_s6_list_item_number {
  position: relative;
  width: 5%;
  text-align: center;
  padding-top: 11px;
}

.otc_s6_list_item_number p {
  font-family: 'Futura PT Demi';
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.26;
  letter-spacing: 0.95px;
  text-align: left;
  color: #a2697d;
}

.otc_s6_list_item_text {
  padding-left: 3px;
  padding-right: 60px;
  display: flex;
  align-items: center;
  padding-bottom: 1px;
  width: 95%;
  padding-top: 6px;
}

.otc_s6_list_item_text .play {
  background-image: url(otc-s6-2.png);
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  position: absolute;
  right: 23px;
  width: 31px;
  height: 31px;
}

.otc_s6_list_item_text article {
  text-align: left;
  padding-top: 5px;
}

.otc_s6_list_item_text article p {
  font-family: 'Futura PT Demi';
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.26;
  letter-spacing: 0.95px;
  text-align: left;
  margin-bottom: 12px;
}

.otc_s6_list_item_text article p br {}

.otc_s6_list_item_text article .play {}

.otc_s6_list_item_text article .otc_s6_list_item_link {}

.otc_s6_list_item_text .desktop_only {}

.otc_s6_list_item_text .mobile_only {}

/*
  Media 1440
-----------------------------*/
@media screen and (max-width: 1440px) {
  .otc_s6 {
    padding-top: 8.958vw;
    padding-bottom: 5.694vw;
  }

  .otc_s6 .section_inner {
    width: 88.056vw;
  }

  .otc_s6_title {
    width: 100%;
    padding-right: 24.514vw;
  }

  .otc_s6_title article {}

  .otc_s6_title article h2 {}

  .otc_s6_title article h2 .art1 {}

  .otc_s6_title article h2 .art1:before {
    top: 2.153vw;
    left: 1.389vw;
    width: 3472.222vw;
    height: 0.069vw;
  }

  .otc_s6_title article h2 br {}

  .otc_s6_title .desktop_only {}

  .otc_s6_title .mobile_only {}

  .otc_s6_left {
    width: 54.9%;
    padding-top: 18.542vw;
  }

  .otc_s6_left_content {}

  .otc_s6_left_content_in {
    padding: 2.986vw 2.431vw 2.153vw 2.5vw;
    margin-left: -0.139vw;
  }

  .otc_s6_left_content_in article {}

  .otc_s6_left_content_in article h6 {
    font-size: 1.181vw;
    letter-spacing: 0.128vw;
  }

  .otc_s6_left_content_in article h6 br {}

  .otc_s6_left_content_in article h6 mark {
    background-size: 100% 78%;
    background-position: 0.069vw 100%;
    padding-bottom: 0.347vw;
  }

  .otc_s6_left_link {
    bottom: 0vw;
    transform: translateY(46%);
  }

  .otc_s6_left_link .pf4_button {}

  .otc_s6_left_link .pf4_button span {
    padding: 1.042vw 2.361vw 0.903vw 3.125vw;
  }

  .otc_s6_left_link .pf4_button:before {}

  .otc_s6_left_link .pf4_button:hover:before {}

  .otc_s6_left_link .pf4_button:hover span {}

  .otc_s6_left_content_in .desktop_only {}

  .otc_s6_left_content_in .mobile_only {}

  .otc_s6_left_img {
    height: 47.153vw;
    top: -1.944vw;
    right: 0vw;
  }

  .otc_s6_left_img img {}

  .otc_s6_right {
    padding-left: 2.5vw;
    padding-top: 2.431vw;
    width: 45.1%;
  }

  .otc_s6_right_text {}

  .otc_s6_right_text article {}

  .otc_s6_right_text article p {}

  .otc_s6_right_text article p br {}

  .otc_s6_right_text article p strong {}

  .otc_s6_right_text article p mark {
    background-size: 100% 0.139vw;
    background-position: -0.069vw 96%;
  }

  .otc_s6_right_text .desktop_only {}

  .otc_s6_right_text .mobile_only {}

  .otc_s6_right_list {}

  .otc_s6_right_list_title {
    padding-top: 2.5vw;
    padding-left: 0.208vw;
    padding-bottom: 0.556vw;
  }

  .otc_s6_right_list_title article {}

  .otc_s6_right_list_title article h4 {
    margin-bottom: 0.694vw;
  }

  .otc_s6_right_list_title .desktop_only {}

  .otc_s6_right_list_title .mobile_only {}

  .otc_s6_list_item {
    margin-bottom: 0.625vw;
  }

  .otc_s6_list_item:nth-child(2n+0) {
    margin-bottom: 0.625vw;
  }

  .otc_s6_list_item_link {}

  .otc_s6_list_item_in {
    padding: 0vw 0vw 0vw 1.25vw;
  }

  .otc_s6_list_item_number {
    width: 5%;
    padding-top: 0.764vw;
  }

  .otc_s6_list_item_number p {
    letter-spacing: 0.066vw;
  }

  .otc_s6_list_item_text {
    padding-left: 0.208vw;
    padding-right: 4.167vw;
    padding-bottom: 0.069vw;
    width: 95%;
    padding-top: 0.417vw;
  }

  .otc_s6_list_item_text .play {
    right: 1.597vw;
    width: 2.153vw;
    height: 2.153vw;
  }

  .otc_s6_list_item_text article {
    padding-top: 0.347vw;
  }

  .otc_s6_list_item_text article p {
    letter-spacing: 0.066vw;
    margin-bottom: 0.833vw;
  }

  .otc_s6_list_item_text article p br {}

  .otc_s6_list_item_text article .play {}

  .otc_s6_list_item_text article .otc_s6_list_item_link {}

  .otc_s6_list_item_text .desktop_only {}

  .otc_s6_list_item_text .mobile_only {}
}

@media screen and (max-width: 1140px) {
  .otc_s6 {}

  .otc_s6 .section_inner {
    width: 90vw;
  }

  .otc_s6_title {}

  .otc_s6_title article {}

  .otc_s6_title article h2 {}

  .otc_s6_title article h2 .art1 {}

  .otc_s6_title article h2 .art1:before {}

  .otc_s6_title article h2 br {}

  .otc_s6_title .desktop_only {}

  .otc_s6_title .mobile_only {}

  .otc_s6_left {
    width: 48%;
  }

  .otc_s6_left_content {}

  .otc_s6_left_content_in {}

  .otc_s6_left_content_in article {}

  .otc_s6_left_content_in article h6 {
    font-size: 1.45vw;
  }

  .otc_s6_left_content_in article h6 br {}

  .otc_s6_left_content_in article h6 mark {}

  .otc_s6_left_link {}

  .otc_s6_left_link .pf4_button {}

  .otc_s6_left_link .pf4_button span {}

  .otc_s6_left_link .pf4_button:before {}

  .otc_s6_left_link .pf4_button:hover:before {}

  .otc_s6_left_link .pf4_button:hover span {}

  .otc_s6_left_content_in .desktop_only {}

  .otc_s6_left_content_in .mobile_only {}

  .otc_s6_left_img {
    height: 58vw;
    right: -3vw;
  }

  .otc_s6_left_img img {}

  .otc_s6_right {
    width: 52%;
  }

  .otc_s6_right_text {}

  .otc_s6_right_text article {}

  .otc_s6_right_text article p {}

  .otc_s6_right_text article p br {}

  .otc_s6_right_text article p strong {}

  .otc_s6_right_text article p mark {}

  .otc_s6_right_text .desktop_only {}

  .otc_s6_right_text .mobile_only {}

  .otc_s6_right_list {}

  .otc_s6_right_list_title {}

  .otc_s6_right_list_title article {}

  .otc_s6_right_list_title article h4 {}

  .otc_s6_right_list_title .desktop_only {}

  .otc_s6_right_list_title .mobile_only {}

  .otc_s6_list_item {}

  .otc_s6_list_item:nth-child(2n+0) {}

  .otc_s6_list_item_link {}

  .otc_s6_list_item_in {}

  .otc_s6_list_item_number {}

  .otc_s6_list_item_number p {}

  .otc_s6_list_item_text {}

  .otc_s6_list_item_text .play {
    right: 1vw;
    width: 3vw;
    height: 3vw;
  }

  .otc_s6_list_item_text article {}

  .otc_s6_list_item_text article p {}

  .otc_s6_list_item_text article p br {}

  .otc_s6_list_item_text article .play {}

  .otc_s6_list_item_text article .otc_s6_list_item_link {}

  .otc_s6_list_item_text .desktop_only {}

  .otc_s6_list_item_text .mobile_only {}
}

@media screen and (max-width: 1024px) {
  .otc_s6 {}

  .otc_s6 .section_inner {}

  .otc_s6_title {}

  .otc_s6_title article {}

  .otc_s6_title article h2 {}

  .otc_s6_title article h2 .art1 {}

  .otc_s6_title article h2 .art1:before {}

  .otc_s6_title article h2 br {}

  .otc_s6_title .desktop_only {}

  .otc_s6_title .mobile_only {}

  .otc_s6_left {}

  .otc_s6_left_content {}

  .otc_s6_left_content_in {}

  .otc_s6_left_content_in article {}

  .otc_s6_left_content_in article h6 {
    font-size: 1.5vw;
  }

  .otc_s6_left_content_in article h6 br {}

  .otc_s6_left_content_in article h6 mark {}

  .otc_s6_left_link {}

  .otc_s6_left_link .pf4_button {}

  .otc_s6_left_link .pf4_button span {}

  .otc_s6_left_link .pf4_button:before {}

  .otc_s6_left_link .pf4_button:hover:before {}

  .otc_s6_left_link .pf4_button:hover span {}

  .otc_s6_left_content_in .desktop_only {}

  .otc_s6_left_content_in .mobile_only {}

  .otc_s6_left_img {}

  .otc_s6_left_img img {}

  .otc_s6_right {}

  .otc_s6_right_text {}

  .otc_s6_right_text article {}

  .otc_s6_right_text article p {}

  .otc_s6_right_text article p br {}

  .otc_s6_right_text article p strong {}

  .otc_s6_right_text article p mark {}

  .otc_s6_right_text .desktop_only {}

  .otc_s6_right_text .mobile_only {}

  .otc_s6_right_list {}

  .otc_s6_right_list_title {}

  .otc_s6_right_list_title article {}

  .otc_s6_right_list_title article h4 {}

  .otc_s6_right_list_title .desktop_only {}

  .otc_s6_right_list_title .mobile_only {}

  .otc_s6_list_item {}

  .otc_s6_list_item:nth-child(2n+0) {}

  .otc_s6_list_item_link {}

  .otc_s6_list_item_in {}

  .otc_s6_list_item_number {}

  .otc_s6_list_item_number p {}

  .otc_s6_list_item_text {}

  .otc_s6_list_item_text .play {
    width: 31px;
    height: 31px;
    right: 16px;
  }

  .otc_s6_list_item_text article {}

  .otc_s6_list_item_text article p {}

  .otc_s6_list_item_text article p br {}

  .otc_s6_list_item_text article .play {}

  .otc_s6_list_item_text article .otc_s6_list_item_link {}

  .otc_s6_list_item_text .desktop_only {}

  .otc_s6_list_item_text .mobile_only {}
}

@media screen and (max-width: 768px) {
  .otc_s6 {
    padding-top: 29.375vw;
    padding-bottom: 16.875vw;
  }

  .otc_s6 .section_inner {
    width: 100%;
    padding-left: 0vw;
    padding-right: 0vw;
  }

  .otc_s6_title {
    padding: 0vw;
    padding-left: 7.5vw;
    padding-right: 7.5vw;
  }

  .otc_s6_title article {}

  .otc_s6_title article h2 {}

  .otc_s6_title article h2 .art1 {
    display: none;
  }

  .otc_s6_title article h2 .art1:before {}

  .otc_s6_title article h2 br {}

  .otc_s6_title .desktop_only {
    display: none;
  }

  .otc_s6_title .mobile_only {
    display: block;
  }

  .otc_s6_left {
    order: 2;
    width: 100%;
    padding-top: 25.083vw;
    padding-left: 7.917vw;
  }

  .otc_s6_left_content {}

  .otc_s6_left_content_in {
    padding: 6.042vw 3.75vw 8.375vw 6.25vw;
  }

  .otc_s6_left_content_in article {}

  .otc_s6_left_content_in article h6 {
    font-size: 2.3vw;
    font-weight: 500;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.59;
    letter-spacing: 0.385vw;
  }

  .otc_s6_left_content_in article h6 br {}

  .otc_s6_left_content_in article h6 mark {}

  .otc_s6_left_link {
    bottom: 0.833vw;
  }

  .otc_s6_left_link .pf4_button {}

  .otc_s6_left_link .pf4_button span {
    padding: 3.125vw 7.083vw 2.708vw 9.375vw;
  }

  .otc_s6_left_link .pf4_button:before {}

  .otc_s6_left_link .pf4_button:hover:before {}

  .otc_s6_left_link .pf4_button:hover span {}

  .otc_s6_left_content_in .desktop_only {
    display: none;
  }

  .otc_s6_left_content_in .mobile_only {
    display: block;
  }

  .otc_s6_left_img {
    height: 64.417vw;
    background-size: cover;
    margin-left: 29.792vw;
    margin-right: 9.583vw;
    top: 4.375vw;
  }

  .otc_s6_left_img img {}

  .otc_s6_right {
    order: 1;
    width: 100%;
    padding-left: 6.25vw;
    padding-right: 6.458vw;
    padding-top: 0.208vw;
  }

  .otc_s6_right_text {}

  .otc_s6_right_text article {}

  .otc_s6_right_text article p {}

  .otc_s6_right_text article p br {
    display: none;
  }

  .otc_s6_right_text article p strong {}

  .otc_s6_right_text article p mark {}

  .otc_s6_right_text .desktop_only {
    display: none;
  }

  .otc_s6_right_text .mobile_only {
    display: block;
  }

  .otc_s6_right_list {}

  .otc_s6_right_list_title {
    padding-top: 1.667vw;
  }

  .otc_s6_right_list_title article {}

  .otc_s6_right_list_title article h4 {
    line-height: 1.6;
    letter-spacing: 0.583vw;
    margin-bottom: 1.875vw;
  }

  .otc_s6_right_list_title .desktop_only {
    display: none;
  }

  .otc_s6_right_list_title .mobile_only {
    display: block;
  }

  .otc_s6_list_item {
    margin-bottom: 1.875vw !important;
  }

  .otc_s6_list_item:nth-child(2n+0) {
    margin: 0vw;
  }

  .otc_s6_list_item_link {}

  .otc_s6_list_item_in {
    padding: 0vw 0vw 0vw 2.917vw;
  }

  .otc_s6_list_item_number {
    padding-top: 2.5vw;
  }

  .otc_s6_list_item_number p {}

  .otc_s6_list_item_text {
    padding-top: 1.875vw;
    padding-right: 11.458vw;
    padding-left: 0.417vw;
    padding-bottom: 2.083vw;
  }

  .otc_s6_list_item_text .play {}

  .otc_s6_list_item_text article {}

  .otc_s6_list_item_text article p {
    font-size: 2.7vw;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.44;
    letter-spacing: 0.167vw;
  }

  .otc_s6_list_item_text article p br {}

  .otc_s6_list_item_text article .play {}

  .otc_s6_list_item_text article .otc_s6_list_item_link {}

  .otc_s6_list_item_text .desktop_only {
    display: none;
  }

  .otc_s6_list_item_text .mobile_only {
    display: block;
  }
}

@media screen and (max-width: 550px) {
  .otc_s6 {
    padding-top: 29.375vw;
    padding-bottom: 16.875vw;
  }

  .otc_s6 .section_inner {
    width: 100%;
    padding-left: 0vw;
    padding-right: 0vw;
  }

  .otc_s6_title {
    padding: 0vw;
    padding-left: 7.5vw;
    padding-right: 7.5vw;
  }

  .otc_s6_title article {}

  .otc_s6_title article h2 {}

  .otc_s6_title article h2 .art1 {
    display: none;
  }

  .otc_s6_title article h2 .art1:before {}

  .otc_s6_title article h2 br {}

  .otc_s6_title .desktop_only {
    display: none;
  }

  .otc_s6_title .mobile_only {
    display: block;
  }

  .otc_s6_left {
    order: 2;
    width: 100%;
    padding-top: 62.083vw;
    padding-left: 7.917vw;
  }

  .otc_s6_left_content {}

  .otc_s6_left_content_in {
    padding: 6.042vw 3.75vw 4.375vw 6.25vw;
  }

  .otc_s6_left_content_in article {}

  .otc_s6_left_content_in article h6 {
    font-size: 3.542vw;
    font-weight: 500;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.59;
    letter-spacing: 0.385vw;
  }

  .otc_s6_left_content_in article h6 br {}

  .otc_s6_left_content_in article h6 mark {}

  .otc_s6_left_link {
    bottom: 0.833vw;
  }

  .otc_s6_left_link .pf4_button {}

  .otc_s6_left_link .pf4_button span {
    padding: 3.125vw 7.083vw 2.708vw 9.375vw;
  }

  .otc_s6_left_link .pf4_button:before {}

  .otc_s6_left_link .pf4_button:hover:before {}

  .otc_s6_left_link .pf4_button:hover span {}

  .otc_s6_left_content_in .desktop_only {
    display: none;
  }

  .otc_s6_left_content_in .mobile_only {
    display: block;
  }

  .otc_s6_left_img {
    height: 95.417vw;
    background-size: cover;
    margin-left: 29.792vw;
    margin-right: 9.583vw;
    top: 4.375vw;
  }

  .otc_s6_left_img img {}

  .otc_s6_right {
    order: 1;
    width: 100%;
    padding-left: 6.25vw;
    padding-right: 6.458vw;
    padding-top: 0.208vw;
  }

  .otc_s6_right_text {}

  .otc_s6_right_text article {}

  .otc_s6_right_text article p {}

  .otc_s6_right_text article p br {
    display: block;
  }

  .otc_s6_right_text article p strong {}

  .otc_s6_right_text article p mark {}

  .otc_s6_right_text .desktop_only {
    display: none;
  }

  .otc_s6_right_text .mobile_only {
    display: block;
  }

  .otc_s6_right_list {}

  .otc_s6_right_list_title {
    padding-top: 1.667vw;
  }

  .otc_s6_right_list_title article {}

  .otc_s6_right_list_title article h4 {
    line-height: 1.6;
    letter-spacing: 0.583vw;
    margin-bottom: 1.875vw;
  }

  .otc_s6_right_list_title .desktop_only {
    display: none;
  }

  .otc_s6_right_list_title .mobile_only {
    display: block;
  }

  .otc_s6_list_item {
    margin-bottom: 1.875vw !important;
  }

  .otc_s6_list_item:nth-child(2n+0) {
    margin: 0vw;
  }

  .otc_s6_list_item_link {}

  .otc_s6_list_item_in {
    padding: 0vw 0vw 0vw 2.917vw;
  }

  .otc_s6_list_item_number {
    padding-top: 2.5vw;
  }

  .otc_s6_list_item_number p {}

  .otc_s6_list_item_text {
    padding-top: 1.875vw;
    padding-right: 11.458vw;
    padding-left: 0.417vw;
    padding-bottom: 2.083vw;
  }

  .otc_s6_list_item_text .play {}

  .otc_s6_list_item_text article {}

  .otc_s6_list_item_text article p {
    font-size: 3.333vw;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.44;
    letter-spacing: 0.167vw;
  }

  .otc_s6_list_item_text article p br {}

  .otc_s6_list_item_text article .play {}

  .otc_s6_list_item_text article .otc_s6_list_item_link {}

  .otc_s6_list_item_text .desktop_only {
    display: none;
  }

  .otc_s6_list_item_text .mobile_only {
    display: block;
  }
}

/*
  Section 07
=========================================*/
.otc_s7 {
  background-color: #e7e9f5;
}

.otc_s7_img_art1 {
  position: absolute;
  background-position: center top;
  background-size: contain;
  display: block;
  background-repeat: no-repeat;
  z-index: 2;
  background-image: url(otc-s7-1.png);
  top: -41px;
  right: -68px;
  width: 187px;
  height: 167px;
}

.otc_s7 .section_inner {
  padding-top: 79px;
  padding-bottom: 63px;
}

.otc_s7_title {
  width: 100%;
  padding-left: 302px;
}

.otc_s7_title hr {
  margin: 0px;
  border: 0px;
  height: 75px;
  width: 1px;
  background-color: #000;
  margin-left: 50px;
  display: none;
}

.otc_s7_title h2 {
  margin-bottom: 19px;
}

.otc_s7_title h2 br {
  display: none;
}

.otc_s7_title h2 mark {
  background-color: transparent;
  background-image: linear-gradient(120deg, #f2cac0 0%, #f2cac0 100%);
  background-size: 100% 40%;
  background-position: 0 88%;
  background-repeat: no-repeat;
  font-weight: 500;
  margin-left: 4px;
  padding-left: 0px;
  color: #2d3f67;
  padding-right: 0px;
}

.otc_s7_slider {
  position: relative;
  width: 100%;
  display: block;
}

.otc_s7_col {
  width: 100%;
  padding-left: 76px;
}

.otc_s7_col_in {
  display: flex;
  flex-wrap: wrap;
  box-sizing: border-box;
}

.otc_s7_col_left {
  width: 23.2%;
  padding-right: 30px;
}

.otc_s7_col_img {
  width: 100%;
  height: auto;
  position: relative;
}

.otc_s7_col_img img {}

.otc_s7_col_art {
  position: absolute;
  background-position: center top;
  background-size: contain;
  display: block;
  background-repeat: no-repeat;
  z-index: 2;
  background-image: url(otc-s7-2.png);
  top: 43px;
  left: -39px;
  width: 59px;
  height: 46px;
}

.otc_s7_col_right {
  width: 76.8%;
  padding-top: 96px;
}

.otc_s7_col_right article {}

.otc_s7_col_right article p {
  font-weight: 100;
  line-height: 1.45;
  margin-bottom: 0px;
  padding-bottom: 26px;
}

.otc_s7_col_right article p br {}

.otc_s7_col_right article p.name {
  font-style: italic;
  font-weight: bold;
  padding-bottom: 1px;
  letter-spacing: 2.4px;
}

.otc_s7_col_right article p.position {
  font-style: italic;
  padding-bottom: 1px;
}

.otc_s7_col_right article .desktop_only {}

.otc_s7_col_right article .mobile_only {
  display: none;
}


.otc_s7_slider .slick-list {}

.otc_s7_slider .slick-list .slick-track {}

.otc_s7_slider .slick-prev,
.otc_s7_slider .slick-next {
  background-color: transparent;
  border: 0px;
  font-size: 0px;
  width: 46px;
  height: 39px;
  padding: 0px;
  margin: 0px;
  background-size: contain;
  background-repeat: no-repeat;
  position: absolute;
  top: 34.2%;
  z-index: 2;
}

.otc_s7_slider .slick-prev {
  background-image: url(lash_s3_2.png);
  left: -1px;
}

.otc_s7_slider .slick-next {
  background-image: url(lash_s3_3.png);
  right: -1px;
}

.otc_s7_slider .slick-dots {
  display: none !important;
}

.otc_s7_slider .slick-dots li {}

.otc_s7_slider .slick-dots li button {}

.otc_s7_slider .slick-dots li:hover,
.otc_s7_slider .slick-dots li.slick-active {}

/*
  Media 1440
-----------------------------*/
@media screen and (max-width: 1440px) {
  .otc_s7 {}

  .otc_s7_img_art1 {
    top: -2.847vw;
    right: -4.722vw;
    width: 12.986vw;
    height: 11.597vw;
  }

  .otc_s7 .section_inner {
    padding-top: 5.486vw;
    padding-bottom: 4.375vw;
    width: 75vw;
  }

  .otc_s7_title {
    width: 100%;
    padding-left: 20.972vw;
  }

  .otc_s7_title hr {
    margin: 0vw;
    border: 0vw;
    height: 5.208vw;
    width: 0.069vw;
    margin-left: 3.472vw;
  }

  .otc_s7_title h2 {
    margin-bottom: 1.319vw;
  }

  .otc_s7_title h2 br {}

  .otc_s7_title h2 mark {
    background-size: 100% 40%;
    background-position: 0 88%;
    margin-left: 0.278vw;
    padding-left: 0vw;
    padding-right: 0vw;
  }

  .otc_s7_slider {
    width: 100%;
  }

  .otc_s7_col {
    width: 100%;
    padding-left: 5.278vw;
  }

  .otc_s7_col_in {}

  .otc_s7_col_left {
    width: 23.2%;
    padding-right: 2.083vw;
  }

  .otc_s7_col_img {
    width: 100%;
  }

  .otc_s7_col_img img {}

  .otc_s7_col_art {
    top: 2.986vw;
    left: -2.708vw;
    width: 4.097vw;
    height: 3.194vw;
  }

  .otc_s7_col_right {
    width: 76.8%;
    padding-top: 6.667vw;
  }

  .otc_s7_col_right article {}

  .otc_s7_col_right article p {
    margin-bottom: 0vw;
    padding-bottom: 1.806vw;
  }

  .otc_s7_col_right article p br {}

  .otc_s7_col_right article p.name {
    padding-bottom: 0.069vw;
    letter-spacing: 0.167vw;
  }

  .otc_s7_col_right article p.position {
    padding-bottom: 0.069vw;
  }

  .otc_s7_col_right article .desktop_only {}

  .otc_s7_col_right article .mobile_only {}

  .otc_s7_slider .slick-list {}

  .otc_s7_slider .slick-list .slick-track {}

  .otc_s7_slider .slick-prev,
  .otc_s7_slider .slick-next {
    border: 0vw;
    font-size: 0vw;
    width: 3.194vw;
    height: 2.708vw;
    padding: 0vw;
    margin: 0vw;
    top: 34.2%;
  }

  .otc_s7_slider .slick-prev {
    left: -0.069vw;
  }

  .otc_s7_slider .slick-next {
    right: -0.069vw;
  }

  .otc_s7_slider .slick-dots {}

  .otc_s7_slider .slick-dots li {}

  .otc_s7_slider .slick-dots li button {}

  .otc_s7_slider .slick-dots li:hover,
  .otc_s7_slider .slick-dots li.slick-active {}
}

@media screen and (max-width: 1140px) {
  .otc_s7 {}

  .otc_s7_img_art1 {
    right: 1.278vw;
  }

  .otc_s7 .section_inner {
    width: 93vw;
  }

  .otc_s7_title {}

  .otc_s7_title hr {}

  .otc_s7_title h2 {}

  .otc_s7_title h2 br {}

  .otc_s7_title h2 mark {}

  .otc_s7_slider {}

  .otc_s7_col {}

  .otc_s7_col_in {}

  .otc_s7_col_left {}

  .otc_s7_col_img {}

  .otc_s7_col_img img {}

  .otc_s7_col_art {}

  .otc_s7_col_right {}

  .otc_s7_col_right article {}

  .otc_s7_col_right article p {}

  .otc_s7_col_right article p br {}

  .otc_s7_col_right article p.name {}

  .otc_s7_col_right article p.position {}

  .otc_s7_col_right article .desktop_only {}

  .otc_s7_col_right article .mobile_only {}

  .otc_s7_slider .slick-list {}

  .otc_s7_slider .slick-list .slick-track {}

  .otc_s7_slider .slick-prev,
  .otc_s7_slider .slick-next {}

  .otc_s7_slider .slick-prev {}

  .otc_s7_slider .slick-next {}

  .otc_s7_slider .slick-dots {}

  .otc_s7_slider .slick-dots li {}

  .otc_s7_slider .slick-dots li button {}

  .otc_s7_slider .slick-dots li:hover,
  .otc_s7_slider .slick-dots li.slick-active {}
}

@media screen and (max-width: 1024px) {
  .otc_s7 {}

  .otc_s7_img_art1 {}

  .otc_s7 .section_inner {}

  .otc_s7_title {}

  .otc_s7_title hr {}

  .otc_s7_title h2 {}

  .otc_s7_title h2 br {}

  .otc_s7_title h2 mark {}

  .otc_s7_slider {}

  .otc_s7_col {}

  .otc_s7_col_in {}

  .otc_s7_col_left {}

  .otc_s7_col_img {}

  .otc_s7_col_img img {}

  .otc_s7_col_art {}

  .otc_s7_col_right {}

  .otc_s7_col_right article {}

  .otc_s7_col_right article p {}

  .otc_s7_col_right article p br {}

  .otc_s7_col_right article p.name {}

  .otc_s7_col_right article p.position {}

  .otc_s7_col_right article .desktop_only {}

  .otc_s7_col_right article .mobile_only {}

  .otc_s7_slider .slick-list {}

  .otc_s7_slider .slick-list .slick-track {}

  .otc_s7_slider .slick-prev,
  .otc_s7_slider .slick-next {}

  .otc_s7_slider .slick-prev {}

  .otc_s7_slider .slick-next {}

  .otc_s7_slider .slick-dots {}

  .otc_s7_slider .slick-dots li {}

  .otc_s7_slider .slick-dots li button {}

  .otc_s7_slider .slick-dots li:hover,
  .otc_s7_slider .slick-dots li.slick-active {}
}

@media screen and (max-width: 768px) {
  .otc_s7 {
    padding-top: 21.667vw;
    padding-bottom: 10.833vw;
  }

  .otc_s7_img_art1 {
    width: 42.083vw;
    height: 29.375vw;
    right: 6.042vw;
    top: -29.792vw;
    background-image: url(otc-s7-1-m.png);
  }

  .otc_s7 .section_inner {
    width: 100%;
    padding: 0vw;
    padding-left: 6.25vw;
    padding-right: 0vw;
    padding-right: 6.875vw;
  }

  .otc_s7_title {
    padding: 0vw;
    padding-bottom: 4.167vw;
  }

  .otc_s7_title hr {}

  .otc_s7_title h2 {
    line-height: 0.74;
    letter-spacing: normal;
  }

  .otc_s7_title h2 br {
    display: block;
  }

  .otc_s7_title h2 mark {}

  .otc_s7_slider {}

  .otc_s7_col {
    padding: 0vw;
  }

  .otc_s7_col_in {}

  .otc_s7_col_left {
    width: 100%;
    padding: 0vw;
    padding-right: 6.875vw;
  }

  .otc_s7_col_img {
    padding-left: 9.167vw;
    padding-right: 35.208vw;
  }

  .otc_s7_col_img img {}

  .otc_s7_col_art {
    width: 10.833vw;
    height: 8.542vw;
    top: 7.5vw;
    left: 1.875vw;
  }

  .otc_s7_col_right {
    width: 100%;
    padding-top: 4.167vw;
    padding-left: 0.625vw;
  }

  .otc_s7_col_right article {}

  .otc_s7_col_right article p {
    line-height: 1.385;
    margin-bottom: 0.833vw;
  }

  .otc_s7_col_right article p br {
    display: none;
  }

  .otc_s7_col_right article p.name {
    letter-spacing: 0.313vw;
    margin-bottom: 0.625vw;
    font-family: 'Futura PT';
    font-style: italic;
    font-weight: bold;
  }

  .otc_s7_col_right article p.position {
    letter-spacing: 0.292vw;
    font-family: 'Futura PT';
  }

  .otc_s7_col_right article .desktop_only {
    display: none;
  }

  .otc_s7_col_right article .mobile_only {
    display: block;
  }

  .otc_s7_slider .slick-list {}

  .otc_s7_slider .slick-list .slick-track {}

  .otc_s7_slider .slick-prev,
  .otc_s7_slider .slick-next {
    background-color: transparent;
    border: 0vw;
    background-repeat: no-repeat;
    font-size: 0vw;
    width: 4.167vw;
    height: 7.917vw;
    padding: 0vw;
    margin: 0vw;
    background-size: contain;
    position: absolute;
    top: 15vw;
    z-index: 2;
  }

  .otc_s7_slider .slick-prev {}

  .otc_s7_slider .slick-next {
    background-image: url(otc-slider-right-arrow.png);
    right: 1.25vw;
  }

  .otc_s7_slider .slick-dots {}

  .otc_s7_slider .slick-dots li {}

  .otc_s7_slider .slick-dots li button {}

  .otc_s7_slider .slick-dots li:hover,
  .otc_s7_slider .slick-dots li.slick-active {}
}

@media screen and (max-width: 550px) {
  .otc_s7 {
    padding-top: 21.667vw;
    padding-bottom: 10.833vw;
  }

  .otc_s7_img_art1 {
    width: 42.083vw;
    height: 29.375vw;
    right: 6.042vw;
    top: -29.792vw;
    background-image: url(otc-s7-1-m.png);
  }

  .otc_s7 .section_inner {
    width: 100%;
    padding: 0vw;
    padding-left: 6.25vw;
    padding-right: 0vw;
    padding-right: 6.875vw;
  }

  .otc_s7_title {
    padding: 0vw;
    padding-bottom: 4.167vw;
  }

  .otc_s7_title hr {}

  .otc_s7_title h2 {
    line-height: 0.74;
    letter-spacing: normal;
  }

  .otc_s7_title h2 br {
    display: block;
  }

  .otc_s7_title h2 mark {}

  .otc_s7_slider {}

  .otc_s7_col {
    padding: 0vw;
  }

  .otc_s7_col_in {}

  .otc_s7_col_left {
    width: 100%;
    padding: 0vw;
    padding-right: 6.875vw;
  }

  .otc_s7_col_img {
    padding-left: 9.167vw;
    padding-right: 35.208vw;
  }

  .otc_s7_col_img img {}

  .otc_s7_col_art {
    width: 10.833vw;
    height: 8.542vw;
    top: 7.5vw;
    left: 1.875vw;
  }

  .otc_s7_col_right {
    width: 100%;
    padding-top: 4.167vw;
    padding-left: 0.625vw;
  }

  .otc_s7_col_right article {}

  .otc_s7_col_right article p {
    line-height: 1.385;
    margin-bottom: 0.833vw;
  }

  .otc_s7_col_right article p br {
    display: block;
  }

  .otc_s7_col_right article p.name {
    letter-spacing: 0.313vw;
    margin-bottom: 0.625vw;
    font-family: 'Futura PT';
    font-style: italic;
    font-weight: bold;
  }

  .otc_s7_col_right article p.position {
    letter-spacing: 0.292vw;
    font-family: 'Futura PT';
  }

  .otc_s7_col_right article .desktop_only {
    display: none;
  }

  .otc_s7_col_right article .mobile_only {
    display: block;
  }

  .otc_s7_slider .slick-list {}

  .otc_s7_slider .slick-list .slick-track {}

  .otc_s7_slider .slick-prev,
  .otc_s7_slider .slick-next {
    background-color: transparent;
    border: 0vw;
    background-repeat: no-repeat;
    font-size: 0vw;
    width: 4.167vw;
    height: 7.917vw;
    padding: 0vw;
    margin: 0vw;
    background-size: contain;
    position: absolute;
    top: 15vw;
    z-index: 2;
  }

  .otc_s7_slider .slick-prev {}

  .otc_s7_slider .slick-next {
    background-image: url(otc-slider-right-arrow.png);
    right: 1.25vw;
  }

  .otc_s7_slider .slick-dots {}

  .otc_s7_slider .slick-dots li {}

  .otc_s7_slider .slick-dots li button {}

  .otc_s7_slider .slick-dots li:hover,
  .otc_s7_slider .slick-dots li.slick-active {}
}




/*
  Section 08
=========================================*/
.otc_s8{
    background-color: #ece2e5;
    padding-top: 94px;
}
.otc_s8 .section_inner{
    position: relative;
    width: 1190px;
    z-index: 4;
}
.otc_s8_art1{
    position: absolute;
    background-position: center top;
    background-size: contain;
    display: block;
    background-repeat: no-repeat;
    z-index: 2;
    background-image: url(otc-s8-1.png);
    top: -154px;
    left: -42px;
    width: 207px;
    height: 212px;
}
.otc_s8_title{
    width: 100%;
    text-align: center;
    padding-left: 6px;
}
.otc_s8_title article{
    padding-bottom: 33px;
}
.otc_s8_title article h5{
    text-transform: uppercase;
}
.otc_s8_title article h5 br{}
.otc_s8_title article h5 mark{
    background-color: transparent;
    background-image: linear-gradient(120deg, #f2cac0 0%, #f2cac0 100%);
    background-size: 100% 53%;
    background-position: 0 100%;
    background-repeat: no-repeat;
    font-weight: 500;
    margin-left: 0px;
    padding-left: 0px;
    color: #000000;
    padding-right: 0px;
}
.not_in_viewport .otc_s8_title article h5 mark{
    background-size: 0% 53%;
}
.otc_s8_title article.desktop_only{ display: block; }
.otc_s8_title article.mobile_only{ display: none; }
.otc_s8_form{
    width: 100%;
}
.otc_s8_form form{}
.otc_s8_form_in{
    display: flex;
    flex-wrap: wrap;
    box-sizing: border-box;
    width: 100%;
}
.otc_s8_form_in input{
    border: 0px solid;
    background-color: #000;
    padding: 18px 32px 14px 32px;
    background-color: #ffffff;
    font-size: 14.5px;
    font-weight: bold;
    line-height: normal;
    letter-spacing: 2.61px;
    color: #a9a9a9;
    font-family: 'Poppins', sans-serif;
    width: 100%;
    display: block;
    margin: 0px;
}
.otc_s8_form_in .submit-field{}
.otc_s8_form_in button.pf4_button{
    border: 0px solid;
}
.otc_s8_form_in button.pf4_button:before{
    content: "";
    width: 95%;
    height: 97%;
    top: 6px;
    left: 11px;
    background-color: #2E3E67;
}
.otc_s8_form_in button.pf4_button span{
    width: 100%;
    padding: 15px 33px 13px 45px;
}

.otc_s8_form_in .text-field{
    padding-left: 20px;
    width: 36.6%;
}
.otc_s8_form_in .email-field{
    padding-left: 20px;
    width: 38.2%;
}
.otc_s8_form_in .submit-field{
    padding-left: 15px;
    width: 24.6%;
}
.otc_s8_form_in input::-webkit-input-placeholder { /* Chrome/Opera/Safari */
  color: #a9a9a9;
}
.otc_s8_form_in input::-moz-placeholder { /* Firefox 19+ */
  color: #a9a9a9;
}
.otc_s8_form_in input:-ms-input-placeholder { /* IE 10+ */
  color: #a9a9a9;
}
.otc_s8_form_in input:-moz-placeholder { /* Firefox 18- */
  color: #a9a9a9;
}
/*
  Media 1440
-----------------------------*/
@media screen and (max-width: 1440px){
  .otc_s8{
      padding-top: 6.528vw;
  }
  .otc_s8 .section_inner{
      width: 82.639vw;
  }
  .otc_s8_art1{
      top: -10.694vw;
      left: -2.917vw;
      width: 14.375vw;
      height: 14.722vw;
  }
  .otc_s8_title{
      width: 100%;
      padding-left: 0.417vw;
  }
  .otc_s8_title article{
      padding-bottom: 2.292vw;
  }
  .otc_s8_title article h5{
  }
  .otc_s8_title article h5 br{}
  .otc_s8_title article h5 mark{
      background-size: 100% 53%;
      background-position: 0 100%;
      margin-left: 0vw;
      padding-left: 0vw;
      padding-right: 0vw;
  }
  .otc_s8_title article.desktop_only{}
  .otc_s8_title article.mobile_only{}
  .otc_s8_form{
      width: 100%;
  }
  .otc_s8_form form{}
  .otc_s8_form_in{
      width: 100%;
  }
  .otc_s8_form_in input{
      padding: 1.25vw 2.222vw 0.972vw 2.222vw;
      font-size: 1.007vw;
      letter-spacing: 0.181vw;
      width: 100%;
      margin: 0vw;
  }
  .otc_s8_form_in .submit-field{}
  .otc_s8_form_in button.pf4_button{}
  .otc_s8_form_in button.pf4_button:before{
      width: 95%;
      height: 97%;
      top: 0.417vw;
      left: 0.764vw;
  }
  .otc_s8_form_in button.pf4_button span{
      width: 100%;
      padding: 1.042vw 2.292vw 0.903vw 3.125vw;
  }
  .otc_s8_form_in .text-field{
      padding-left: 1.389vw;
      width: 36.6%;
  }
  .otc_s8_form_in .email-field{
      padding-left: 1.389vw;
      width: 38.2%;
  }
  .otc_s8_form_in .submit-field{
      padding-left: 1.042vw;
      width: 24.6%;
  }
  .otc_s8_form_in input::-webkit-input-placeholder { /* Chrome/Opera/Safari */}
  .otc_s8_form_in input::-moz-placeholder { /* Firefox 19+ */}
  .otc_s8_form_in input:-ms-input-placeholder { /* IE 10+ */}
  .otc_s8_form_in input:-moz-placeholder { /* Firefox 18- */}
}
@media screen and (max-width: 1140px){
  .otc_s8{}
  .otc_s8 .section_inner{
    width: 90vw;
}
  .otc_s8_art1{}
  .otc_s8_title{}
  .otc_s8_title article{}
  .otc_s8_title article h5{}
  .otc_s8_title article h5 br{}
  .otc_s8_title article h5 mark{}
  .otc_s8_title article.desktop_only{}
  .otc_s8_title article.mobile_only{}
  .otc_s8_form{}
  .otc_s8_form form{}
  .otc_s8_form_in{}
  .otc_s8_form_in input{
    font-size: 1.3vw;
}
  .otc_s8_form_in .submit-field{}
  .otc_s8_form_in button.pf4_button{}
  .otc_s8_form_in button.pf4_button:before{}
  .otc_s8_form_in button.pf4_button span{}
  .otc_s8_form_in .text-field{}
  .otc_s8_form_in .email-field{}
  .otc_s8_form_in .submit-field{}
  .otc_s8_form_in input::-webkit-input-placeholder { /* Chrome/Opera/Safari */}
  .otc_s8_form_in input::-moz-placeholder { /* Firefox 19+ */}
  .otc_s8_form_in input:-ms-input-placeholder { /* IE 10+ */}
  .otc_s8_form_in input:-moz-placeholder { /* Firefox 18- */}
}
@media screen and (max-width: 1024px){
  .otc_s8{}
  .otc_s8 .section_inner{}
  .otc_s8_art1{}
  .otc_s8_title{}
  .otc_s8_title article{}
  .otc_s8_title article h5{}
  .otc_s8_title article h5 br{}
  .otc_s8_title article h5 mark{}
  .otc_s8_title article.desktop_only{}
  .otc_s8_title article.mobile_only{}
  .otc_s8_form{}
  .otc_s8_form form{}
  .otc_s8_form_in{}
  .otc_s8_form_in input{
    font-size: 1.6vw;
    padding: 1.302vw 2.344vw 1.302vw 2.344vw;
}
  .otc_s8_form_in .submit-field{}
  .otc_s8_form_in button.pf4_button{}
  .otc_s8_form_in button.pf4_button:before{}
  .otc_s8_form_in button.pf4_button span{}
  .otc_s8_form_in .text-field{
    width: 33.6%;
}
  .otc_s8_form_in .email-field{}
  .otc_s8_form_in .submit-field{
    width: 27.6%;
}
  .otc_s8_form_in input::-webkit-input-placeholder { /* Chrome/Opera/Safari */}
  .otc_s8_form_in input::-moz-placeholder { /* Firefox 19+ */}
  .otc_s8_form_in input:-ms-input-placeholder { /* IE 10+ */}
  .otc_s8_form_in input:-moz-placeholder { /* Firefox 18- */}
}
@media screen and (max-width: 768px){
  .otc_s8{
    padding-top: 9.167vw;
}
  .otc_s8 .section_inner{
    width: 100%;
    padding-left: 6.667vw;
    padding-right: 6.875vw;
}
  .otc_s8_art1{
    display: none;
}
  .otc_s8_title{}
  .otc_s8_title article{}
  .otc_s8_title article h5{}
  .otc_s8_title article h5 br{}
  .otc_s8_title article h5 mark{}
  .otc_s8_title article.desktop_only{
    display: none;
}
  .otc_s8_title article.mobile_only{
    display: block;
}
  .otc_s8_form{}
  .otc_s8_form form{}
  .otc_s8_form_in{}
  .otc_s8_form_in input{
    font-size: 2vw;
    font-weight: bold;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.72;
    letter-spacing: 0.544vw;
    padding: 2.917vw 6.667vw 2.917vw 6.667vw;
    text-align: center;
}
  .otc_s8_form_in .submit-field{}
  .otc_s8_form_in button.pf4_button{}
  .otc_s8_form_in button.pf4_button:before{
    content: "";
    width: 95%;
    height: 97%;
    top: 1.25vw;
    left: 2.292vw;
}
  .otc_s8_form_in button.pf4_button span{
    padding: 3.125vw 6.875vw 2.708vw 9.375vw;
}
  .otc_s8_form_in .text-field{
    width: 100%;
    padding: 0vw;
    margin-bottom: 2.917vw;
}
  .otc_s8_form_in .email-field{
    padding-left: 0vw;
    width: 100%;
}
  .otc_s8_form_in .submit-field{
    width: 100%;
    padding: 0vw;
    text-align: center;
    padding-top: 4.792vw;
}
  .otc_s8_form_in input::-webkit-input-placeholder { /* Chrome/Opera/Safari */}
  .otc_s8_form_in input::-moz-placeholder { /* Firefox 19+ */}
  .otc_s8_form_in input:-ms-input-placeholder { /* IE 10+ */}
  .otc_s8_form_in input:-moz-placeholder { /* Firefox 18- */}
}
@media screen and (max-width: 550px){
  .otc_s8{
    padding-top: 9.167vw;
}
  .otc_s8 .section_inner{
    width: 100%;
    padding-left: 5.667vw;
    padding-right: 5.667vw;
}
  .otc_s8_art1{
    display: none;
}
  .otc_s8_title{}
  .otc_s8_title article{}
  .otc_s8_title article h5{}
  .otc_s8_title article h5 br{}
  .otc_s8_title article h5 mark{}
  .otc_s8_title article.desktop_only{
    display: none;
}
  .otc_s8_title article.mobile_only{
    display: block;
}
  .otc_s8_form{}
  .otc_s8_form form{}
  .otc_s8_form_in{}
  .otc_s8_form_in input{
    font-size: 3.021vw;
    font-weight: bold;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.72;
    letter-spacing: 0.544vw;
    padding: 2.917vw 6.667vw 2.917vw 6.667vw;
    text-align: center;
}
  .otc_s8_form_in .submit-field{}
  .otc_s8_form_in button.pf4_button{}
  .otc_s8_form_in button.pf4_button:before{
    content: "";
    width: 95%;
    height: 97%;
    top: 1.25vw;
    left: 2.292vw;
}
  .otc_s8_form_in button.pf4_button span{
    padding: 3.125vw 6.875vw 2.708vw 9.375vw;
}
  .otc_s8_form_in .text-field{
    width: 100%;
    padding: 0vw;
    margin-bottom: 2.917vw;
}
  .otc_s8_form_in .email-field{
    padding-left: 0vw;
    width: 100%;
}
  .otc_s8_form_in .submit-field{
    width: 100%;
    padding: 0vw;
    text-align: center;
    padding-top: 4.792vw;
}
  .otc_s8_form_in input::-webkit-input-placeholder { /* Chrome/Opera/Safari */}
  .otc_s8_form_in input::-moz-placeholder { /* Firefox 19+ */}
  .otc_s8_form_in input:-ms-input-placeholder { /* IE 10+ */}
  .otc_s8_form_in input:-moz-placeholder { /* Firefox 18- */}
}
/*
  Section 09
=========================================*/
.otc_s9{
    background-color: #ece2e5;
    padding-top: 30px;
}

.otc_s9_upper{
    width: 100%;
    display: block;
    position: relative;
}
.otc_s9_upper .section_inner{
    width: 1314px;
    padding-bottom: 1px;
    z-index: 2;
    display: flex;
    flex-wrap: wrap;
    box-sizing: border-box;
}
.otc_s9_art1{
    position: absolute;
    background-position: left bottom;
    background-size: contain;
    display: block;
    background-repeat: no-repeat;
    z-index: 2;
    background-image: url(otc-s8-2.png);
    bottom: 0px;
    left:  0px;
    width: 636px;
    height: 350px;
}

.otc_s9_art2{
    position: absolute;
    background-position: right bottom;
    background-size: contain;
    display: block;
    background-repeat: no-repeat;
    z-index: 2;
    background-image: url(otc-s8-3.png);
    bottom: 0px;
    right:  0px;
    width: 329px;
    height: 180px;
    opacity: 0.5;
}

.otc_s9_left{
    width: 79%;
    padding-top: 128px;
    padding-left: 19px;
}
.otc_s9_left h3{
    margin: 0px;
    color: #2d3f67;
    letter-spacing: 0.2px;
    padding-bottom: 8px;
}
.otc_s9_left h3 br{ display: none; }
.otc_s9_left h3 mark{
    background-color: transparent;
    background-image: linear-gradient(120deg, #f2cac0 0%, #f2cac0 100%);
    background-size: 100% 53%;
    background-position: 0 100%;
    background-repeat: no-repeat;
    font-weight: 500;
    margin-left: 0px;
    padding-left: 0px;
    color: #2d3f67;
    padding-right: 3px;
}
.not_in_viewport .otc_s9_left h3 mark{
    background-size: 0% 53%;
}
.otc_s9_left p{
}
.otc_s9_left p a{
    font-size: 19px;
    text-align: left;
    color: #000;
    font-family: 'Futura PT';
    font-weight: bold;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.42;
    letter-spacing: 0.95px;
}

.otc_s9_right{
    width: 21%;
    text-align: right;
    padding-bottom: 21px;
}
.otc_s9_right ul{
    margin: 0px;
    padding: 0px;
}
.otc_s9_right ul li{
    list-style: none;
    margin: 0px;
    padding: 0px;
    font-family: 'Poppins', sans-serif;
    font-size: 16.5px;
    font-weight: 500;
    font-stretch: normal;
    font-style: normal;
    letter-spacing: 3.5px;
    text-align: right;
    color: #2e3e67;
    display: block;
    padding-top: 15px;
}
.otc_s9_right ul li a{
    color: #2e3e67;
}
.otc_s9_bottom{
    /* margin-top: -7px; */
    position: relative;
    z-index: 5;
}
.otc_s9_bottom iframe{
  width:100% !important;
}
.otc_s9_bottom .instagram_feed{}
.otc_s9_bottom .instagram_gallery{}
.otc_s9_bottom .instagram_gallery a{}
.otc_s9_bottom .instagram_gallery a img{}
/*
  Media 1440
-----------------------------*/
@media screen and (max-width: 1440px){
  .otc_s9{
      padding-top: 2.083vw;
  }
  .otc_s9_upper{
      width: 100%;
  }
  .otc_s9_upper .section_inner{
      width: 91.25vw;
      padding-bottom: 0.069vw;
  }
  .otc_s9_art1{
      bottom: 0vw;
      left:  0vw;
      width: 44.167vw;
      height: 24.306vw;
  }
  .otc_s9_art2{
      bottom: 0vw;
      right:  0vw;
      width: 22.847vw;
      height: 12.5vw;
  }
  .otc_s9_left{
      width: 79%;
      padding-top: 8.889vw;
      padding-left: 1.319vw;
  }
  .otc_s9_left h3{
      margin: 0vw;
      letter-spacing: 0.014vw;
      padding-bottom: 0.556vw;
  }
  .otc_s9_left h3 br{}
  .otc_s9_left h3 mark{
      margin-left: 0vw;
      padding-left: 0vw;
      padding-right: 0.208vw;
  }
  .otc_s9_left p{}
  .otc_s9_left p a{
      letter-spacing: 0.066vw;
  }
  .otc_s9_right{
      width: 21%;
      padding-bottom: 1.458vw;
  }
  .otc_s9_right ul{
      margin: 0vw;
      padding: 0vw;
  }
  .otc_s9_right ul li{
      margin: 0vw;
      padding: 0vw;
      font-size: 1.146vw;
      letter-spacing: 0.243vw;
      padding-top: 1.042vw;
  }
  .otc_s9_right ul li a{}
  .otc_s9_bottom{
      /* margin-top: -0.486vw; */
  }
  .otc_s9_bottom .instagram_feed{}
  .otc_s9_bottom .instagram_gallery{}
  .otc_s9_bottom .instagram_gallery a{}
  .otc_s9_bottom .instagram_gallery a img{}
}
@media screen and (max-width: 1140px){
  .otc_s9{}
  .otc_s9_upper{}
  .otc_s9_upper .section_inner{}
  .otc_s9_art1{}
  .otc_s9_art2{}
  .otc_s9_left{}
  .otc_s9_left h3{}
  .otc_s9_left h3 br{ }
  .otc_s9_left h3 mark{}
  .otc_s9_left p{}
  .otc_s9_left p a{}
  .otc_s9_right{}
  .otc_s9_right ul{}
  .otc_s9_right ul li{
    font-size: 1.4vw;
}
  .otc_s9_right ul li a{}
  .otc_s9_bottom{}
  .otc_s9_bottom .instagram_feed{}
  .otc_s9_bottom .instagram_gallery{}
  .otc_s9_bottom .instagram_gallery a{}
  .otc_s9_bottom .instagram_gallery a img{}
}
@media screen and (max-width: 1024px){
  .otc_s9{}
  .otc_s9_upper{}
  .otc_s9_upper .section_inner{}
  .otc_s9_art1{}
  .otc_s9_art2{}
  .otc_s9_left{}
  .otc_s9_left h3{}
  .otc_s9_left h3 br{ }
  .otc_s9_left h3 mark{}
  .otc_s9_left p{}
  .otc_s9_left p a{}
  .otc_s9_right{}
  .otc_s9_right ul{}
  .otc_s9_right ul li{
    font-size: 1.7vw;
}
  .otc_s9_right ul li a{
}
  .otc_s9_bottom{}
  .otc_s9_bottom .instagram_feed{}
  .otc_s9_bottom .instagram_gallery{}
  .otc_s9_bottom .instagram_gallery a{}
  .otc_s9_bottom .instagram_gallery a img{}
}
@media screen and (max-width: 768px){
  .otc_s9{
    padding-top: 6.25vw;
    padding-bottom: 0.833vw;
}
  .otc_s9_upper{
    padding-bottom: 1.458vw;
}
  .otc_s9_upper .section_inner{
    width: 100%;
    padding-left: 2.708vw;
    padding-right: 2.708vw;
    padding-bottom: 0vw;
}
  .otc_s9_art1{
    width: 54.792vw;
    height: 63.542vw;
    bottom: -26.042vw;
    left: 0vw;
    background-image: url(otc-s8-2-m.png);
}
  .otc_s9_art2{
    width: 41.875vw;
    height: 77.292vw;
    bottom: -44.375vw;
    right: 0vw;
    background-image: url(otc-s8-3-m.png);
}
  .otc_s9_left{
    width: 100%;
    padding-top: 0.889vw;
}
  .otc_s9_left h3{
    line-height: 0.93;
    margin-bottom: 1.25vw;
}
  .otc_s9_left h3 br{display: block;}
  .otc_s9_left h3 mark{}
  .otc_s9_left p{
}
  .otc_s9_left p a{
    letter-spacing: 0.167vw;
}
  .otc_s9_right{
    display: none;
}
  .otc_s9_right ul{
    padding: 0vw;
    width: auto;
    display: inline-block;
    margin: 0 auto;
    text-align: center;
}
  .otc_s9_right ul li{
    margin: 0vw;
    display: inline-block;
    position: relative;
    padding-left: 0.625vw;
    padding-right: 0.625vw;
    padding-top: 0vw;
}
  .otc_s9_right ul li a{
    text-transform: uppercase;
    padding-top: 2.083vw;
    display: inline-block;
    padding-bottom: 2.083vw;
    position: relative;
    padding-left: 3.333vw;
    padding-right: 3.125vw;
    margin: 0 !important;
    font-family: 'Poppins', sans-serif;
    font-size: 2.2vw;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: 0.5;
    letter-spacing: 0.802vw;
    color: #2e3e67;
}
  .otc_s9_right ul li a:before{
    content: " ";
    position: absolute;
    z-index: 0;
    width: 2px;
    background-size: contain;
    background-position: right center;
    background-repeat: no-repeat;
    background-color: #2E3E67;
    opacity: 1;
    height: 2vw;
    right: -1.042vw;
    bottom: 1.667vw;
  }
  .otc_s9_right ul li:last-child a:before{display: none;}
  .otc_s9_right.mobile_only{
  display:block;
  width: 100%;
  padding-top: 4.167vw;
  padding-bottom: 3.125vw;
  padding-left: 5vw;
  padding-right: 5vw;
}
  .otc_s9_bottom{}
  .otc_s9_bottom .instagram_feed{}
  .otc_s9_bottom .instagram_gallery{
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    box-sizing: border-box;
}
  .otc_s9_bottom .instagram_gallery a{
    width: 50%;
}
  .otc_s9_bottom .instagram_gallery a img{
    width: 100% !important;
}
  .otc_s9_bottom .instagram_gallery a:last-child{display: none;}
  .otc_s9_bottom .instagram_gallery a:nth-last-child(5){display: none;}
  .otc_s9_right ul li:nth-child(3) a:before{
      display: none;
  }
}
@media screen and (max-width: 550px){
  .otc_s9{
    padding-top: 14.25vw;
    padding-bottom: 0.833vw;
}
  .otc_s9_upper{
    padding-bottom: 1.458vw;
}
  .otc_s9_upper .section_inner{
    width: 100%;
    padding-left: 3.708vw;
    padding-right: 3.708vw;
    padding-bottom: 0vw;
}
  .otc_s9_art1{
    width: 54.792vw;
    height: 63.542vw;
    bottom: -26.042vw;
    left: 0vw;
    background-image: url(otc-s8-2-m.png);
}
  .otc_s9_art2{
    width: 41.875vw;
    height: 77.292vw;
    bottom: -44.375vw;
    right: 0vw;
    background-image: url(otc-s8-3-m.png);
}
  .otc_s9_left{
    width: 100%;
    padding-left: 0;
}
  .otc_s9_left h3{
    line-height: 0.93;
    margin-bottom: 1.25vw;
}
  .otc_s9_left h3 br{display: block;}
  .otc_s9_left h3 mark{}
  .otc_s9_left p{
}
  .otc_s9_left p a{
    letter-spacing: 0.167vw;
}
  .otc_s9_right{
    display: none;
}
  .otc_s9_right ul{
    padding: 0vw;
    width: auto;
    display: inline-block;
    margin: 0 auto;
    text-align: center;
}
  .otc_s9_right ul li{
    margin: 0vw;
    display: inline-block;
    position: relative;
    padding-left: 0.625vw;
    padding-right: 0.625vw;
    padding-top: 0vw;
}
  .otc_s9_right ul li a{
    text-transform: uppercase;
    padding-top: 2.083vw;
    display: inline-block;
    padding-bottom: 2.083vw;
    position: relative;
    padding-left: 3.333vw;
    padding-right: 3.125vw;
    margin: 0 !important;
    font-family: 'Poppins', sans-serif;
    font-size: 3.438vw;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: 0.5;
    letter-spacing: 0.802vw;
    color: #2e3e67;
}
  .otc_s9_right ul li a:before{
    content: " ";
    position: absolute;
    z-index: 0;
    width: 0.417vw;
    background-size: contain;
    background-position: right center;
    background-repeat: no-repeat;
    background-color: #2E3E67;
    opacity: 1;
    height: 2.917vw;
    right: -1.042vw;
    bottom: 1.667vw;
  }
  .otc_s9_right ul li:last-child a:before{display: none;}
  .otc_s9_right.mobile_only{
  display:block;
  width: 100%;
  padding-top: 4.167vw;
  padding-bottom: 3.125vw;
  padding-left: 0vw;
  padding-right: 0vw;
}
  .otc_s9_bottom{}
  .otc_s9_bottom .instagram_feed{}
  .otc_s9_bottom .instagram_gallery{
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    box-sizing: border-box;
}
  .otc_s9_bottom .instagram_gallery a{
    width: 50%;
}
  .otc_s9_bottom .instagram_gallery a img{
    width: 100% !important;
}
  .otc_s9_bottom .instagram_gallery a:last-child{display: none;}
  .otc_s9_bottom .instagram_gallery a:nth-last-child(5){display: none;}
}


/**Site Footer**/
/*========================================**/
footer{
    position: relative;
    z-index: 5;
}
.otc_footer{
    width: 100%;
    background-color: #000;
    padding-bottom: 20px;
    padding-top: 17px;
}
.otc_footer .section_inner{
    width: 1304px;
    display: flex;
    flex-wrap: wrap;
    box-sizing: border-box;
}

.otc_footer_left{
    width: 70%;
    padding-left: 49px;
}
.otc_footer_left span{
  font-family: 'Quicksand', sans-serif;
  font-size: 15px;
  font-weight: normal;
  line-height: 1.5;
  letter-spacing: 1.69px;
  color: #ffffff;
  text-transform: uppercase;
}
.otc_footer_left span.text{
  text-transform: unset;
  letter-spacing: 1.8px;
}
.otc_footer_left span a{
    color: #a3697e;
}
.otc_footer_left span.divider{
    padding-left: 7px;
    padding-right: 7px;
}

.otc_footer_right{
    width: 30%;
    text-align: right;
}
.otc_footer_right ul{
    margin: 0px;
    padding: 0px;
}
.otc_footer_right ul li{
    margin: 0px;
    list-style: none;
    display: inline-block;
    margin-left: 17px;
}
.otc_footer_right ul li a{}
.otc_footer_right ul li a img{}

.otc_footer_right.mobile_only{
   display: none;
}
/*
  Media 1440
-----------------------------*/
@media screen and (max-width: 1440px){
  footer{}
  .otc_footer{
      width: 100%;
      padding-bottom: 1.389vw;
      padding-top: 1.181vw;
  }
  .otc_footer .section_inner{
      width: 90.556vw;
  }
  .otc_footer_left{
      width: 70%;
      padding-left: 3.403vw;
  }
  .otc_footer_left span{
    font-size: 1.042vw;
    letter-spacing: 0.117vw;
  }
  .otc_footer_left span.text{
    letter-spacing: 0.125vw;
  }
  .otc_footer_left span a{}
  .otc_footer_left span.divider{
      padding-left: 0.486vw;
      padding-right: 0.486vw;
  }
  .otc_footer_right{
      width: 30%;
  }
  .otc_footer_right ul{
      margin: 0vw;
      padding: 0vw;
  }
  .otc_footer_right ul li{
      margin: 0vw;
      margin-left: 1.181vw;
  }
  .otc_footer_right ul li a{}
  .otc_footer_right ul li a img{}
  .otc_footer_right.mobile_only{}
}
@media screen and (max-width: 1140px){
  footer{}
  .otc_footer{}
  .otc_footer .section_inner{
    width: 82.556vw;
}
  .otc_footer_left{
    width: 76%;
}
  .otc_footer_left span{
    font-size: 1.2vw;
}
  .otc_footer_left span.text{
    font-size: 1.2vw;
}
  .otc_footer_left span a{}
  .otc_footer_left span.divider{}
  .otc_footer_right{
    width: 24%;
}
  .otc_footer_right ul{}
  .otc_footer_right ul li{}
  .otc_footer_right ul li a{}
  .otc_footer_right ul li a img{}
  .otc_footer_right.mobile_only{}
}
@media screen and (max-width: 1024px){
  footer{}
  .otc_footer{}
  .otc_footer .section_inner{}
  .otc_footer_left{
    width: 78%;
}
  .otc_footer_left span{
    font-size: 1.3vw;
}
  .otc_footer_left span.text{
    font-size: 1.3vw;
}
  .otc_footer_left span a{}
  .otc_footer_left span.divider{}
  .otc_footer_right{
    width: 22%;
}
  .otc_footer_right ul{}
  .otc_footer_right ul li{}
  .otc_footer_right ul li a{}
  .otc_footer_right ul li a img{}
  .otc_footer_right.mobile_only{}
}
@media screen and (max-width: 768px){
  footer{}
  .otc_footer{
    padding-top: 4.167vw;
    padding-bottom: 4.792vw;
}
  .otc_footer .section_inner{
    width: 100%;
    padding: 0vw;
}
  .otc_footer_left{
    width: 100%;
    padding: 0vw;
}
  .otc_footer_left span{
    font-size: 2.3vw;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.68;
    letter-spacing: 0.375vw;
    text-align: center;
    display: block;
}
  .otc_footer_left span.text{
    font-size: 2.6vw;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.68;
    letter-spacing: 0.375vw;
    text-align: center;
}
  .otc_footer_left span a{}
  .otc_footer_left span.divider{display: none;}
  .otc_footer_right{
    display: none;
}
  .otc_footer_right ul{}
  .otc_footer_right ul li{}
  .otc_footer_right ul li a{}
  .otc_footer_right ul li a img{}
  .otc_footer_right.mobile_only{}
}
@media screen and (max-width: 550px){
  footer{}
  .otc_footer{
    padding-top: 4.167vw;
    padding-bottom: 4.792vw;
}
  .otc_footer .section_inner{
    width: 100%;
    padding: 0vw;
}
  .otc_footer_left{
    width: 100%;
    padding: 0vw;
}
  .otc_footer_left span{
    font-size: 2.917vw;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.68;
    letter-spacing: 0.375vw;
    text-align: center;
    display: block;
}
  .otc_footer_left span.text{
    font-size: 2.917vw;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.68;
    letter-spacing: 0.375vw;
    text-align: center;
}
  .otc_footer_left span a{}
  .otc_footer_left span.divider{display: none;}
  .otc_footer_right{
    display: none;
}
  .otc_footer_right ul{}
  .otc_footer_right ul li{}
  .otc_footer_right ul li a{}
  .otc_footer_right ul li a img{}
  .otc_footer_right.mobile_only{}
}




/*About Page*/

.om_about_in {
  display: flex;
}

.om_about_left {
  width: 50%;
}

.om_about_right {
  width: 50%;
}

.om_about_1 {
  padding-top: 208px;
  padding-bottom: 34px;
  background-color: #FFFCF9;
}

.om_about_1 .section_inner {
  width: 1120px;
}

.om_about_1_img {
  position: relative;
  width: 437px;
  height: auto;
  margin-left: 319px;
  margin-top: -1px;
}

.om_about_1_img:before {
  content: "";
  width: 1px;
  height: 514px;
  background-color: #000;
  position: absolute;
  top: 144px;
  left: -153px;
}

.om_about1_art1 {
  background: url(om_about_1_art1.png) no-repeat;
  background-size: contain;
  width: 89px;
  height: 129px;
  position: absolute;
  top: 32px;
  right: 91px;
}

.om_about1_art2 {
  background: url(om_about_1_art2.png) no-repeat;
  background-size: contain;
  width: 217px;
  height: 226px;
  position: absolute;
  top: 136px;
  right: -78px;
}

.om_about1_art3 {
  position: absolute;
  background: url(om_about_1_art3.png) no-repeat;
  background-size: contain;
  width: 226px;
  height: 291px;
  bottom: 20px;
  right: 8px;
}

.om_about_1 h1 {
  white-space: nowrap;
  position: absolute;
  top: 53px;
  left: -255px;
  z-index: 2;
}

.om_about_1 h1 mark {
  background-color: rgba(255, 255, 255, 0);
  background-image: linear-gradient(120deg, #F2CAC0 0%, #F2CAC0 100%);
  background-repeat: no-repeat;
  background-size: 98.2% 35%;
  background-position: 0px 90%;
  color: #2D3F67;
}

.om_about_1 .om_about_right {
  padding-top: 240px;
  padding-left: 95px;
}

.om_about_1 .om_about_right h5 {
  position: relative;
  font-family: 'Museo Sans 700';
  font-size: 17px;
  font-weight: 500;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.59;
  letter-spacing: 1.36px;
  text-transform: uppercase;
}

.om_about_1 .om_about_right h5:after {
  content: "";
  position: absolute;
  background: url(om_about_1_quote.png) no-repeat;
  background-size: contain;
  width: 44px;
  height: 34px;
  top: -38px;
  left: -31px;
}

.om_about_1_bottom {
  padding-top: 70px;
  padding-left: 85px;
  width: 71%;
}

.om_about_1_bottom article p:nth-child(1) {
  padding-bottom: 11px;
}

@media (max-width: 1440px) {

  .om_about_1 {
    padding-top: 14.444vw;
    padding-bottom: 2.361vw;
  }

  .om_about_1 .section_inner {
    width: 77.778vw;
  }

  .om_about_1_img {
    width: 30.347vw;
    height: 43.194vw;
    margin-left: 22.153vw;
    margin-top: -0.069vw;
  }

  .om_about_1_img:before {
    width: 0.069vw;
    height: 35.694vw;
    top: 10vw;
    left: -10.625vw;
  }

  .om_about1_art1 {
    width: 6.181vw;
    height: 8.958vw;
    top: 2.222vw;
    right: 6.319vw;
  }

  .om_about1_art2 {
    width: 15.069vw;
    height: 15.694vw;
    top: 9.444vw;
    right: -5.417vw;
  }

  .om_about1_art3 {
    width: 15.694vw;
    height: 20.208vw;
    bottom: 1.389vw;
    right: 0.556vw;
  }

  .om_about_1 h1 {
    top: 3.681vw;
    left: -17.708vw;
  }

  .om_about_1 .om_about_right {
    padding-top: 16.667vw;
    padding-left: 6.597vw;
  }

  .om_about_1 .om_about_right h5 {
    font-size: 1.181vw;
    letter-spacing: 0.094vw;
  }

  .om_about_1 .om_about_right h5:after {
    width: 3.056vw;
    height: 2.361vw;
    top: -2.639vw;
    left: -2.153vw;
  }

  .om_about_1_bottom {
    padding-top: 4.861vw;
    padding-left: 5.903vw;
  }

  .om_about_1_bottom article p:nth-child(1) {
    padding-bottom: 0.764vw;
  }

}

@media (max-width: 1140px) {

  .om_about_1 .om_about_right h5 {
    font-size: 1.481vw;
  }

  .om_about1_art3 {
    right: -6.144vw;
  }

  .om_about_1 {
    padding-bottom: 4.961vw;
  }


}

@media (max-width: 1024px) {
  .om_about_1 .om_about_right h5 {
    font-size: 1.781vw;
  }

  .om_about_1 .om_about_right h5 br {
    display: none;
  }
}

@media (max-width: 768px) {


  .section_inner {
    width: 100% !important;
  }

  .om_about_in {
    flex-direction: column;
  }

  main {
    overflow: hidden;
  }

  .om_about_left {
    width: 100% !important;
  }

  .om_about_right {
    width: 100% !important;
  }

  .om_about_1_img:before {
    display: none;
  }

  .om_about_1_img {
    width: 74.347vw;
    height: 100%;
    margin-left: 16vw;
    margin-top: unset;
  }

  .om_about_1 h1 {
    font-size: 7vw;
    top: 5.681vw;
    left: -6.708vw;
  }

  .om_about_1 {
    padding-top: 28vw;
    padding-bottom: 0;
  }

  .om_about1_art1 {
    width: 20.181vw;
    height: 28.958vw;
    top: -13.778vw;
    right: unset;
    left: -19vw;
  }

  .om_about1_art2 {
    width: 46.069vw;
    height: 46.694vw;
    top: -5.556vw;
    right: -24.417vw;
  }

  .om_about1_art3 {
    width: 40.694vw;
    height: 52.208vw;
    bottom: unset;
    right: -10.444vw;
    top: 8vw;
    z-index: 2;
  }

  .om_about_1 .om_about_right {
    padding-top: 6vw;
    padding-left: 7.597vw;
    padding-right: 12.597vw;
  }

  .om_about_1 .om_about_right h5 {
    font-size: 3vw;
  }

  .om_about_1 .om_about_right h5:after {
    width: 12.056vw;
    height: 9.361vw;
    top: -11.639vw;
    left: -3.153vw;
  }

  .om_about_1_bottom article p {
    font-size: 2.7vw;
  }

  .om_about_1_bottom article p:nth-child(1) {
    padding-bottom: 3.764vw;
  }

  .om_about_1_bottom {
    padding-top: 0;
    padding-left: 7vw;
    padding-right: 9vw;
    width: 100%;
  }


}

@media (max-width: 550px) {

  .om_about_1 {
    padding-top: 16vw;
    padding-bottom: 0;
  }

  .om_about_1_img {
    width: 77.347vw;
    height: 100%;
    margin-left: 17vw;
    margin-top: unset;
  }

  .om_about1_art1 {
    width: 17.917vw;
    height: 16.042vw;
    top: -5.978vw;
    right: unset;
    left: -16.4vw;
    background: url(om_about1_art1_mobile.png) no-repeat;
  }

  .om_about1_art2 {
    width: 115.208vw;
    height: 41.875vw;
    top: -0.856vw;
    right: -90.217vw;
    background: url(om_about_1_art2_mobile.png) no-repeat;
  }

  .om_about1_art3 {
    width: 40.094vw;
    height: 49.808vw;
    bottom: unset;
    right: -14.144vw;
    top: 7.8vw;
    z-index: 2;
  }

  .om_about_1 .om_about_right h5:after {
    width: 10.856vw;
    height: 8.461vw;
    top: -9.939vw;
    left: 0.547vw;
  }

  .om_about_1 h1 {
    font-size: 9.596vw;
    font-weight: 900;
    font-stretch: normal;
    font-style: normal;
    line-height: 0.88;
    letter-spacing: normal;
    top: 3.881vw;
    left: -8.908vw;
  }

  .om_about_1 .om_about_right {
    padding-top: 6.8vw;
    padding-left: 7.197vw;
    padding-right: 12.997vw;
  }

  .om_about_1 .om_about_right h5 {
    font-size: 3.542vw;
    font-weight: 500;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.75;
    letter-spacing: 0.283vw;
    margin-bottom: 1.1vw;
  }

  .om_about_1_bottom article p {

    font-size: 3.958vw;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.42;
    letter-spacing: 0.198vw;
  }

  .om_about_1_bottom {
    padding-top: 0;
    padding-left: 6vw;
    padding-right: 8.9vw;
    width: 100%;
  }



}



/* section 2 */

.om_about_2 {
  position: relative;
  padding-bottom: 68px;
  background-color: #FFFCF9;
}

.om_about_2 .om_about2_art1 {
  position: absolute;
  background: url(om_about_2_art1.png) no-repeat;
  background-size: contain;
  width: 1255px;
  height: 512px;
  top: -271px;
  left: 0;
  z-index: 0;
}

.om_about_2 .om_about_left article {
  position: relative;
  z-index: 2;
  background: #e7e9f5;
  width: 502px;
  margin-left: 21px;
  margin-top: 43px;
  text-align: right;
  padding-top: 26px;
  padding-right: 33px;
  padding-left: 30px;
  padding-bottom: 18px;
}

.om_about_2 .om_about_left article p:nth-child(1) {
  padding-left: 12px;
  padding-bottom: 13px;
}

.om_about_2_img {
  width: 783px;
  height: 442px;
  position: relative;
  margin-left: -240px;
}

@media (max-width: 1440px) {

  .om_about_2 {
    padding-bottom: 4.722vw;
  }

  .om_about_2 .om_about2_art1 {
    width: 87.153vw;
    height: 35.556vw;
    top: -18.819vw;
  }

  .om_about_2 .om_about_left article {
    width: 34.861vw;
    margin-left: 1.458vw;
    margin-top: 2.986vw;
    padding-top: 1.806vw;
    padding-right: 2.292vw;
    padding-left: 2.083vw;
    padding-bottom: 1.25vw;
  }

  .om_about_2 .om_about_left article p:nth-child(1) {
    padding-left: 0.833vw;
    padding-bottom: 0.903vw;
  }

  .om_about_2_img {
    width: 54.375vw;
    height: 30.694vw;
    margin-left: -16.667vw;
  }

}

@media (max-width: 1140px) {
  .om_about_2 .om_about_left article {
    width: unset;
  }

  .om_about_2_img {
    width: 62.275vw;
    height: 34.694vw;
    margin-left: -16.667vw;
  }

  .om_about_2 {
    padding-bottom: 7.322vw;
  }
}

@media (max-width: 1024px) {
  .om_about_2 .om_about_left article {
    width: 47.861vw;
    margin-left: 5.458vw;
    margin-top: 1.986vw;
  }

  .om_about_2_img {
    width: 62.275vw;
    height: 34.694vw;
    margin-left: -18.667vw;
  }
}

@media (max-width: 768px) {
  .om_about_2 .om_about_in {
    flex-direction: column-reverse;
  }

  .om_about_2_img .mobile_block {
    display: none;
  }

  .om_about_2_img .mobile_only {
    display: block;
  }

  .om_about_2_img {
    width: 76.075vw;
    height: 100%;
    margin-left: 9vw;
  }


  .om_about_2 .om_about2_art1 {
    width: 243.153vw;
    height: 117.556vw;
    top: -59.819vw;
    left: -90vw;
  }


  .om_about_2 .om_about_left article {
    width: 84.861vw;
    margin-left: auto;
    padding-right: 10.292vw;
    margin-right: -8.9vw;
    margin-top: -1.014vw;
    padding-top: 4.806vw;
    padding-bottom: 3.25vw;
  }


  .om_about_2 .om_about_left article p {
    font-size: 2.7vw;
  }

  .om_about_2 {
    padding-bottom: 11.322vw;
  }
}



@media (max-width: 550px) {

  .om_about_2 {
    padding-bottom: 9.6vw;
    padding-top: 2.4vw;
  }


  .om_about_2_img {
    width: 88.542vw;
    height: auto;
    margin-left: 6vw;
  }

  .om_about_2 .om_about2_art1 {
    width: 100vw;
    height: 88.75vw;
    top: -44.519vw;
    left: 0vw;
    background: url(om_about_2_art1_mobile.png) no-repeat;
  }

  .om_about_2 .om_about_left article {
    width: 91.061vw;
    margin-left: auto;
    padding-right: 10.192vw;
    margin-right: -8vw;
    margin-top: -11.614vw;
    padding-top: 6vw;
    padding-bottom: 5vw;
    padding-left: 9.4vw;
  }


  .om_about_2 .om_about_left article p {
    font-size: 3.958vw;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.48;
    letter-spacing: 0.198vw;
  }

}



/*
Service Page
----------------------------------------------*/

/* section 1 */
.oc_serv1 {
  padding-top: 207px;
  background: url(oc_serv1_bg.png) no-repeat;
  background-position: 0 389px;
  background-color: #fafafc;
  background-size: contain;
}

.oc_serv1 .section_inner {
  width: 774px;
}

.oc_serv1 .section_left_item {
  width: 53.5%;
  padding-top: 124px;
  padding-left: 16px;
}

.oc_serv1 .section_left_item h1 {
  position: relative;
}

.oc_serv1 .section_left_item h1 mark {
  background-color: rgba(255, 255, 255, 0);
  background-image: linear-gradient(120deg, #F2CAC0 0%, #F2CAC0 100%);
  background-repeat: no-repeat;
  background-size: 100% 36%;
  background-position: 0px 98%;
  color: #2D3F67;
}

.oc_serv1 .section_left_item h1:after {
  content: "";
  position: absolute;
  background-size: contain;
  background-repeat: no-repeat;
  z-index: 2;
  background-image: url(oc_serv1_art2.png);
  top: -60px;
  right: -90px;
  width: 132px;
  height: 122px;
}

.oc_serv1 .section_left_item h1:before {
  content: "";
  position: absolute;
  background-size: contain;
  background-repeat: no-repeat;
  z-index: 2;
  background-image: url(oc_serv1_art1.png);
  top: -60px;
  left: -82px;
  width: 89px;
  height: 129px;
}


.oc_serv1 .section_right_item {
  width: 46.5%;
  padding-left: 8px;
}

.oc_serv1_img {
  width: 352px;
  height: auto;
  position: relative;
}

.oc_serv1_img:after {
  content: "";
  position: absolute;
  background-size: contain;
  background-repeat: no-repeat;
  z-index: 2;
  background-image: url(oc_serv1_art3.png);
  top: 187px;
  right: -142px;
  width: 113px;
  height: 98px;
}


/* responsive */
@media (max-width: 1440px) {
  .oc_serv1 {
    padding-top: 14.375vw;
    background-position: 0 27.014vw;
  }

  .oc_serv1 .section_inner {
    width: 53.75vw;
  }

  .oc_serv1 .section_left_item {
    padding-top: 8.611vw;
    padding-left: 1.111vw;
  }

  .oc_serv1 .section_left_item h1:after {
    top: -4.167vw;
    right: -6.25vw;
    width: 9.167vw;
    height: 8.472vw;
  }

  .oc_serv1 .section_left_item h1:before {
    top: -4.167vw;
    left: -5.694vw;
    width: 6.181vw;
    height: 8.958vw;
  }


  .oc_serv1 .section_right_item {
    padding-left: 0.556vw;
  }

  .oc_serv1_img {
    width: 24.444vw;
  }

  .oc_serv1_img:after {
    top: 12.986vw;
    right: -9.861vw;
    width: 7.847vw;
    height: 6.806vw;
  }
}

@media (max-width: 1240px) {
  .oc_serv1 {
    padding-top: 16vw;
    background-position: 0 28vw;
  }
}

@media (max-width: 1140px) {
  .oc_serv1 {
    padding-top: 18vw;
    background-position: 0 28vw;
  }

  .oc_serv1 .section_inner {
    width: 60vw;
  }

  .oc_serv1 .section_left_item h1 {
    white-space: nowrap;
  }
}

@media (max-width: 1024px) {}

@media (max-width: 768px) {
  .oc_serv1 {
    padding-top: 14vw;
    background-position: 0 26vw;
  }

  .oc_serv1 .section_left_item h1 {
    text-align: right;
  }
}

@media (max-width: 550px) {
  .oc_serv1 {
    padding-top: 27.7vw;
    background-position: bottom;
    background-size: contain;
    background-image: url(oc_serv1_bgmobile.png);
  }

  .oc_serv1 .section_inner {
    flex-direction: column;
  }

  .oc_serv1 .section_left_item h1 {
    font-size: 11.979vw;
    font-weight: 900;
    font-stretch: normal;
    font-style: normal;
    line-height: 0.94;
    letter-spacing: normal;
    text-align: left;
    white-space: unset;
    padding-right: 33vw;
    margin-left: 3vw;
  }

  .oc_serv1 .section_left_item {
    padding-top: 9.1vw;
    padding-left: 5vw;
  }

  .oc_serv1 .section_right_item {
    padding-left: 0;
  }

  .oc_serv1_img {
    width: 59.5vw;
    margin-top: -23.8vw;
    margin-left: 37.3vw;
  }

  .oc_serv1 .section_left_item h1:after {
    top: -9vw;
    right: 42vw;
    width: 20.833vw;
    height: 19.167vw;
  }

  .oc_serv1 .section_left_item h1:before {
    top: 31vw;
    left: 18vw;
    width: 15.833vw;
    height: 17.708vw;
  }

  .oc_serv1_img:after {
    top: 46vw;
    left: -45.2vw;
    width: 19vw;
    height: 16.8vw;
  }

}


/* section 2 */
.oc_serv2 {
  padding-top: 71px;
  padding-bottom: 103px;
  background-color: #fffcf9;
}

.oc_serv2 .section_inner {
  width: 914px;
  flex-direction: column;
}

.oc_serv2 .section_inner h2 {
  font-size: 40px;
  font-weight: 900;
  font-stretch: normal;
  font-style: normal;
  line-height: 0.71;
  letter-spacing: normal;
  text-align: center;
  color: #2d3f67;
  margin-bottom: 39px;
}

.oc_serv2 .section_in {
  display: flex;
}

.oc_serv2 .section_left_item {
  margin-left: 8px;
  margin-right: 0px;
}

.oc_serv2_in h4 {
  font-size: 25px;
  font-weight: 500;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.2;
  letter-spacing: 2px;
  text-transform: uppercase;
  color: #a2697d;
}

.oc_serv2 .pf4_button {
  position: absolute;
  bottom: -25px;
  white-space: nowrap;
  left: 93px;
}

.oc_serv2 .pf4_button span {
  padding: 15px 26px 13px 23px;
}

.oc_serv2 .section_left_item,
.oc_serv2 .section_right_item {
  position: relative;
  width: 436px;
  text-align: center;
  background-color: #f4f4f5;
  padding-top: 63px;
  padding-bottom: 43px;
}

.oc_serv2 .section_right_item {
  margin-left: 34px;
}

.oc_serv2 .section_left_item h4,
.oc_serv2 .section_right_item h4 {
  text-transform: uppercase;
  line-height: 1.2;
  margin-bottom: 19px;
}

/* responsive */
@media (max-width: 1440px) {
  .oc_serv2 {
    padding-top: 4.931vw;
    padding-bottom: 7.153vw;
  }

  .oc_serv2 .section_inner {
    width: 63.472vw;
  }

  .oc_serv2 .section_inner h2 {
    font-size: 2.778vw;
    margin-bottom: 2.708vw;
  }

  .oc_serv2 .section_left_item {
    margin-left: 0.556vw;
    margin-right: 0vw;
  }

  .oc_serv2_in h4 {
    font-size: 1.736vw;
    letter-spacing: 0.139vw;
  }

  .oc_serv2 .pf4_button {
    bottom: -1.736vw;
    left: 6.458vw;
  }

  .oc_serv2 .pf4_button span {
    padding: 1.042vw 1.806vw 0.903vw 1.597vw;
  }

  .oc_serv2 .section_left_item,
  .oc_serv2 .section_right_item {
    width: 30.278vw;
    padding-top: 4.375vw;
    padding-bottom: 2.986vw;
  }

  .oc_serv2 .section_right_item {
    margin-left: 2.361vw;
  }

  .oc_serv2 .section_left_item h4,
  .oc_serv2 .section_right_item h4 {
    margin-bottom: 1.319vw;
  }

}

@media (max-width: 1140px) {
  .oc_serv2 .section_inner {
    width: 75.7vw;
  }

  .oc_serv2 .section_left_item,
  .oc_serv2 .section_right_item {
    width: 36vw;
  }
}

@media (max-width: 1024px) {}

@media (max-width: 768px) {
  .oc_serv2 .section_in {
    flex-direction: column;
    padding: 0 10vw;
  }

  .oc_serv2 .section_inner {
    width: 75.7vw;
  }

  .oc_serv2 .section_left_item,
  .oc_serv2 .section_right_item {
    width: 100%;
    margin: 0;
    margin-bottom: 8vw;
    padding-bottom: 9vw;
  }

  .oc_serv2 .section_right_item {
    margin-bottom: 0;
  }

  .oc_serv2 .pf4_button {
    bottom: -1.736vw;
    left: 50%;
    transform: translateX(-50%);
  }

  .oc_serv2 .section_inner h2 {
    font-size: 6vw;
    padding-bottom: 2vw;
  }
}

@media (max-width: 550px) {
  .oc_serv2 {
    padding-top: 11vw;
    padding-bottom: 5.6vw;
  }

  .oc_serv2 .section_inner h2 {
    font-size: 6.979vw;
    font-weight: 900;
    font-stretch: normal;
    font-style: normal;
    line-height: 0.72;
    letter-spacing: normal;
    padding-bottom: 2.7vw;
  }

  .oc_serv2 .section_left_item,
  .oc_serv2 .section_right_item {
    margin: 0;
    margin-bottom: 11.4vw;
    padding-bottom: 6.3vw;
    padding-top: 5.9vw;
  }

  .oc_serv2 .section_in {
    padding: 0;
  }

  .oc_serv2 .section_inner {
    padding: 0 5vw;
  }

  .oc_serv2 .section_left_item h4,
  .oc_serv2 .section_right_item h4 {
    margin-bottom: 4vw;
  }

  .oc_serv2 .section_right_item h4 {
    margin-bottom: 3vw;
  }

  .oc_serv2 .section_left_item p,
  .oc_serv2 .section_right_item p {
    font-size: 3.958vw;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.45;
    letter-spacing: 0.198vw;
  }

  .oc_serv2 .section_right_item p {
    margin-bottom: 4.3vw;
  }

  .oc_serv2 .pf4_button span {
    padding: 3vw 4.4vw 2.6vw 6vw !important;
  }

  .oc_serv2 .pf4_button {
    bottom: -5vw;
    font-size: 3.021vw;
    font-weight: bold;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.72;
    letter-spacing: 0.544vw;
  }

}


/* section 3 */
.oc_serv3 {
  background: url(oc_serv3_bg.jpg) no-repeat;
  background-size: cover;
  padding-top: 68px;
  padding-bottom: 66px;
}

.oc_serv3 .section_inner {
  width: 1510px;
  margin-right: -290px;
}

.oc_serv3_item {
  margin: 0 16.5px;
  background-color: #ece2e5;
  padding: 42px 65px 42px 42px;
}

.oc_serv3_item h2 {
  font-size: 40px;
  font-weight: 900;
  font-stretch: normal;
  font-style: normal;
  line-height: 0.93;
  letter-spacing: normal;
  text-align: left;
  color: #2e3e67;
  margin-bottom: 27px;
}

.oc_serv3_item h2 mark {
  background-color: rgba(255, 255, 255, 0);
  background-image: linear-gradient(120deg, #F2CAC0 0%, #F2CAC0 100%);
  background-repeat: no-repeat;
  background-size: 100% 50%;
  background-position: 0px 106%;
  color: #2D3F67;
}

.oc_serv3_item h5 {
  font-size: 17px;
  font-weight: bold;
  letter-spacing: 1.36px;
  color: #804258;
  text-transform: uppercase;
  margin-bottom: 0;
}

.oc_serv3_item p {
  margin-bottom: 0;
}

.oc_serv3 .slick-arrow {
  background-color: transparent;
  border: medium none;
  cursor: pointer;
  font-size: 0px;
  position: absolute;
  height: 20px;
  width: 98px;
  background-size: 100%;
  background-repeat: no-repeat;
  top: 66px;
  margin-top: -15px;
  z-index: 999;
}

.oc_serv3 .slick-next {
  right: 335px;
  left: inherit;
  background-image: url(oc_serv4_arrow_next.png);
}

.oc_serv3 .slick-prev {
  left: -168px;
  background-image: url(oc_serv4_arrow_prev.png);
}

.oc_serv3 .slick-slide:focus,
.oc_serv3 .slick-prev:focus,
.oc_serv3 .slick-next:focus {
  outline: none;
}

/* responsive */
@media (max-width: 1440px) {

  /* section 3 */
  .oc_serv3 {
    padding-top: 4.722vw;
    padding-bottom: 4.583vw;
  }

  .oc_serv3 .section_inner {
    width: 104.861vw;
    margin-right: -20.139vw;
  }

  .oc_serv3_item {
    margin: 0 1.146vw;
    padding: 2.917vw 4.514vw 2.917vw 2.917vw;
  }

  .oc_serv3_item h2 {
    font-size: 2.778vw;
    margin-bottom: 1.875vw;
  }

  .oc_serv3_item h5 {
    font-size: 1.181vw;
    letter-spacing: 0.094vw;
  }

  .oc_serv3 .slick-arrow {
    height: 1.389vw;
    width: 6.806vw;
    top: 4.583vw;
    margin-top: -1.042vw;
  }

  .oc_serv3 .slick-next {
    right: 23.264vw;
  }

  .oc_serv3 .slick-prev {
    left: -11.667vw;
  }


}

@media (max-width: 1240px) {}

@media (max-width: 1140px) {
  .oc_serv3_item h5 {
    font-size: 1.3vw;
  }

  .oc_serv3_item p br {
    display: none;
  }
}

@media (max-width: 1024px) {}

@media (max-width: 768px) {

  .oc_serv3 {
    padding-top: 4.722vw;
    padding-bottom: 4.583vw;
    padding-left: 10vw;
    padding-right: 10vw;
  }

  .oc_serv3_item h5 {
    font-size: 2vw;
  }

  .oc_serv3 .section_inner {
    width: 100%;
    margin: 0;
  }

  .oc_serv3_item h2 {
    font-size: 3.5vw;
    margin-bottom: 1.875vw;
  }

  .oc_serv3_item {
    padding-left: 4vw;
  }

  .oc_serv3 .slick-next {
    right: 13.264vw;
  }

  .oc_serv3 .slick-next {
    right: -6.667vw;
    top: 17vw;
    width: 10vw;
    height: 3vw;
  }

  .oc_serv3 .slick-prev {
    left: -6.667vw;
    top: 17vw;
    width: 10vw;
    height: 3vw;
  }

}

@media (max-width: 550px) {
  .oc_serv3 {
    padding-top: 13vw;
    padding-bottom: 11.583vw;
    padding-left: 15vw;
    padding-right: 9vw;
    background-image: url(oc_serv3_bg_m.jpg);
  }

  .oc_serv3 .section_inner {
    display: block;
    margin-left: 4vw;
  }

  .oc_serv3 .slick-next {
    display: none !important;
  }

  .oc_serv3_item h2 {
    font-size: 8.333vw;
    font-weight: 900;
    font-stretch: normal;
    font-style: normal;
    line-height: 0.93;
    letter-spacing: normal;
    margin-bottom: 5.8vw;
  }

  .oc_serv3_item {
    padding-top: 8.8vw;
    padding-bottom: 6.8vw;
    padding-right: 6vw;
    padding-left: 6vw;
  }

  .oc_serv3 .slick-prev {
    left: -11vw;
    background-image: url(oc_serv4_arrow_left_m.png);
    background-size: 4.167vw;
    width: 4.167vw;
    height: 7.917vw;
    top: 44vw;
  }

  .oc_serv3_item h5 {
    font-size: 3.542vw;
    font-weight: bold;
    letter-spacing: 0.283vw;
  }

  .oc_serv3_item p {
    font-size: 3.958vw;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.45;
    letter-spacing: 0.198vw;
  }
}


/* section 4 */
.oc_serv4 {
  padding-top: 71px;
  background-color: #fffcf9;
}

.oc_serv4 .section_inner {
  width: 1056px;
}

.oc_serv4 .section_left_item {
  width: 55%;
  padding-top: 67px;
  padding-right: 23px;
}


.oc_serv4 .section_left_item h2,
.oc_serv4 .section_right_item .mobile_only h2 {
  text-align: right;
  line-height: 1.12;
  margin-bottom: 37px;
  margin-right: -74px;
  position: relative;
  z-index: 9;
}

.oc_serv4 .section_left_item h2 mark,
.oc_serv4 .section_right_item .mobile_only h2 mark {
  background-color: rgba(255, 255, 255, 0);
  background-image: linear-gradient(120deg, #F2CAC0 0%, #F2CAC0 100%);
  background-repeat: no-repeat;
  background-size: 100% 35%;
  background-position: 0px 94%;
  color: #2D3F67;
}

.oc_serv4 .section_left_item p {
  text-align: right;
  padding-bottom: 11px;
}

.oc_serv4 .pf4_button {
  margin-left: 375px;
  margin-top: 1px;
  color: #fff;
}

.oc_serv4 .pf4_button:before {
  background-color: #804258;
}

.oc_serv4 .pf4_button span {
  padding: 15px 20px 13px 28px;
  background-color: #A3697E;
  color: #fff;
}

.oc_serv4 .pf4_button:hover {
  color: #fff;
}

.oc_serv4 .section_right_item {
  width: 45%;
  padding-left: 16px;
}

.oc_serv4_img {
  width: 396px;
  height: auto;
  position: relative;
}

.oc_serv4_img:after {
  content: "";
  position: absolute;
  background-size: contain;
  background-repeat: no-repeat;
  z-index: 2;
  background-image: url(oc_serv4_art.png);
  top: 6px;
  right: -113px;
  width: 227px;
  height: 205px;
}

/* responsive */
@media (max-width: 1440px) {
  .oc_serv4 {
    padding-top: 4.931vw;
  }

  .oc_serv4 .section_inner {
    width: 73.333vw;
  }

  .oc_serv4 .section_left_item {
    padding-top: 4.653vw;
    padding-right: 1.597vw;
  }


  .oc_serv4 .section_left_item h2 {
    margin-bottom: 2.569vw;
    margin-right: -5.139vw;
  }

  .oc_serv4 .section_left_item p {
    padding-bottom: 0.764vw;
  }

  .oc_serv4 .pf4_button {
    margin-left: 26.042vw;
    margin-top: 0.069vw;
  }

  .oc_serv4 .pf4_button span {
    padding: 1.042vw 1.389vw 0.903vw 1.944vw;
  }

  .oc_serv4 .section_right_item {
    padding-left: 1.111vw;
  }

  .oc_serv4_img {
    width: 27.5vw;
  }

  .oc_serv4_img:after {
    top: 0.417vw;
    right: -7.847vw;
    width: 15.764vw;
    height: 14.236vw;
  }
}

@media (max-width: 1140px) {
  .oc_serv4 .section_inner {
    width: 75vw;
  }

  .oc_serv4_img {
    width: 32vw;
  }

  .oc_serv4 .section_left_item p br {
    display: none;
  }

  .oc_serv4 .section_right_item {
    padding-top: 2vw;
  }
}

@media (max-width: 1024px) {}

@media (max-width: 768px) {
  .oc_serv4 .section_inner {
    flex-direction: column-reverse;
  }

  .oc_serv4 .section_left_item,
  .oc_serv4 .section_right_item {
    width: 100%;
    padding: 0 10vw;
    margin-bottom: 3vw;
  }

  .oc_serv4 .section_left_item h2 {
    display: none;
  }


  .oc_serv4 .section_right_item .mobile_only h2 {
    margin: 0;
    text-align: right;
    margin-bottom: 3vw;
    margin-right: 0;
  }

  .oc_serv4_img {
    width: 45vw;
    margin-left: 25vw;
  }

  .oc_serv4 .pf4_button {
    margin-left: 40vw;
  }
}

@media (max-width: 550px) {
  .oc_serv4 .section_right_item .mobile_only h2 {
    font-size: 7.292vw;
    margin-right: -3.5vw;
    margin-bottom: -3vw;
  }

  .oc_serv4 .section_right_item .mobile_only {
    display: block !important;
  }
  .oc_serv4 {
    padding-top: 10.7vw;
  }

  .oc_serv4_img {
    width: 63vw;
    margin-left: 8.4vw;
  }

  .oc_serv4_img:after {
    top: 8.417vw;
    right: -16.847vw;
    width: 34.167vw;
    height: 30.833vw;
  }

  .oc_serv4 .section_right_item {
    width: 100%;
    padding-left: 4vw;
    margin-bottom: 1vw;
  }

  .oc_serv4 .section_left_item {
    padding-left: 11vw;
    padding-right: 5vw;
    padding-top: 1vw;
  }

  .oc_serv4 .section_left_item p {
    padding-bottom: 2vw;
    font-size: 3.958vw;
    line-height: 1.42;
    letter-spacing: 0.198vw;
  }

  .oc_serv4 .section_left_item p:nth-last-of-type(1) {
    margin-bottom: 1vw;
    margin-top: 5vw;
  }

}


/* section 5 */
.oc_serv5 {
  padding-top: 104px;
  background-color: #fffcf9;
}

.oc_serv5 .section_inner {
  width: 1440px;
}

.oc_serv5 .section_left_item {
  width: 636px;
}

.oc_serv5 .section_right_item {
  padding-left: 39px;
  padding-top: 37px;
}

.oc_serv5 .section_right_item h2,
.oc_serv5 .section_left_item .mobile_only h2 {
  line-height: 1.1;
  margin-bottom: 26px;
}

.oc_serv5 .section_right_item h2 mark,
.oc_serv5 .section_left_item .mobile_only h2 mark {
  background-color: rgba(255, 255, 255, 0);
  background-image: linear-gradient(120deg, #F2CAC0 0%, #F2CAC0 100%);
  background-repeat: no-repeat;
  background-size: 100% 35%;
  background-position: 0px 90%;
  color: #2D3F67;
}

.oc_serv5 .section_right_item p:nth-of-type(1) {
  padding-bottom: 11px;
}

.oc_serv5 .section_right_item p:nth-of-type(2) {
  padding-bottom: 5px;
}

.oc_serv5 .section_right_item article {
  background-color: #ece2e5;
  padding: 24px 0 19px 38px;
  margin-left: -162px;
  margin-right: 2px;
  position: relative;
}


.oc_serv5 .pf4_button {
  position: absolute;
  bottom: -26px;
  left: 35px;
  color: #fff;
}

.oc_serv5 .pf4_button:before {
  background-color: #804258;
}

.oc_serv5 .pf4_button span {
  padding: 15px 18px 13px 31px;
  background-color: #A3697E;
  color: #fff;
}

/* responsive */
@media (max-width: 1440px) {
  .oc_serv5 {
    padding-top: 7.222vw;
  }

  .oc_serv5 .section_inner {
    width: 100vw;
  }

  .oc_serv5 .section_left_item {
    width: 44.167vw;
  }

  .oc_serv5 .section_right_item {
    padding-left: 2.708vw;
    padding-top: 2.569vw;
  }

  .oc_serv5 .section_right_item h2 {
    margin-bottom: 1.806vw;
  }

  .oc_serv5 .section_right_item p:nth-of-type(1) {
    padding-bottom: 0.764vw;
  }

  .oc_serv5 .section_right_item p:nth-of-type(2) {
    padding-bottom: 0.347vw;
  }

  .oc_serv5 .section_right_item article {
    padding: 1.667vw 0 1.319vw 2.639vw;
    margin-left: -11.25vw;
    margin-right: 0.139vw;
  }


  .oc_serv5 .pf4_button {
    bottom: -1.806vw;
    left: 2.431vw;
  }

  .oc_serv5 .pf4_button span {
    padding: 1.042vw 1.25vw 0.903vw 2.153vw;
  }
}

@media (max-width: 1140px) {
  .oc_serv5 .section_right_item {
    width: 50%;
    padding-top: 2.569vw;
  }

  .oc_serv5 .section_right_item p br {
    display: none;
  }

  .oc_serv5 .section_left_item {
    width: 55vw;
    margin-left: -9vw;
    padding-top: 2vw;
  }

  .oc_serv5 .section_right_item article {
    padding: 1.667vw 1vw 1.319vw 2.639vw;
    margin-left: -15.25vw;
    margin-right: 0.139vw;
  }

}

@media (max-width: 1024px) {}

@media (max-width: 768px) {
  .oc_serv5 .section_inner {
    flex-direction: column;
  }

  .oc_serv5 .section_left_item,
  .oc_serv5 .section_right_item {
    width: 100%;
    margin-left: 0;
    padding-left: 0;
  }

  .oc_serv5 .section_right_item h2 {
    display: none;
  }

  .oc_serv5 .section_left_item .mobile_only {
    margin-bottom: -7.4vw;
    margin-right: 0;
  }

  .oc_serv5 .section_left_item .mobile_only h2 {
    padding-left: 10vw;
  }

  .oc_serv5 .section_left_item .mobile_only h2 br {
    display: none;
  }

  .oc_serv5 .section_left_item img {
    width: 55vw;
    float: right;
    margin-right: 10vw;
  }

  .oc_serv5 .section_right_item p {
    padding: 0 10vw;
  }

  .oc_serv5 .section_right_item article {
    padding: 3vw 10vw 8vw;
    margin-left: 0;
    margin-right: 0;
  }

  .oc_serv5 .section_right_item article p {
    padding: 0;
  }

  .oc_serv5 .pf4_button {
    bottom: -2vw;
    left: 10vw;
  }

  .oc_serv5 {
    padding-top: 2vw;
  }

}

@media (max-width: 550px) {
  .oc_serv5 {
    padding-top: 4vw;
  }

  .oc_serv5 .section_left_item img {
    width: 55.688vw;
    float: right;
    margin-right: 10vw;
  }

  .oc_serv5 .section_left_item {
    padding-right: 7vw;
  }

  .oc_serv5 .section_right_item {
    margin-top: 9vw;
  }

  .oc_serv5 .section_right_item p {
    padding-left: 8vw;
    padding-right: 4vw;
    margin-bottom: 4.5vw;
    letter-spacing: 0.198vw;
    font-size: 3.958vw;
    line-height: 5.625vw;
  }

  .oc_serv5 .section_left_item .mobile_only h2 {
    padding-left: 8vw;
  }

  .oc_serv5 .section_right_item article {
    padding: 3vw 5vw 2.5vw 7vw;
    margin-left: 0;
    margin-right: 0;
  }

  .oc_serv5 .pf4_button {
    bottom: -5vw;
    left: 7vw;
  }
}


/* section 6 */
.oc_serv6 {
  padding-top: 120px;
  padding-bottom: 98px;
  position: relative;
  background-color: #fffcf9;
}

.oc_serv6 .section_inner {
  width: 1122px;
}


.oc_serv6 .section_inner:before {
  content: "";
  position: absolute;
  background-size: contain;
  background-repeat: no-repeat;
  z-index: 2;
  background-image: url(oc_serv6_art.png);
  top: -171px;
  left: -50px;
  width: 226px;
  height: 267px;
}

.oc_serv6 .section_left_item {
  width: 50%;
  text-align: right;
  padding-top: 57px;
  padding-right: 15px;
}

.oc_serv6 .section_left_item h2 {
  line-height: 1.1;
  margin-right: -65px;
  margin-bottom: 22px;
  position: relative;
}

.oc_serv6 .section_left_item h2 mark {
  background-color: rgba(255, 255, 255, 0);
  background-image: linear-gradient(120deg, #F2CAC0 0%, #F2CAC0 100%);
  background-repeat: no-repeat;
  background-size: 100% 35%;
  background-position: 0px 90%;
  color: #2D3F67;
}

.oc_serv6 .section_left_item article p:nth-of-type(1) {
  padding-bottom: 11px;
}

.oc_serv6 .section_right_item {
  width: 50%;
  padding-left: 15px;
}

.oc_serv6_img {
  width: 396px;
  height: auto;
}

.oc_serv6 .section_right_item article {
  background-color: #ece2e5;
  padding: 21px 0 38px 33px;
  margin-right: -53px;
  margin-left: 60px;
  margin-top: -73px;
  position: relative;
}

.oc_serv6 .section_right_item article p span {
  display: block;
  margin-top: 27px;
}

.oc_serv6 .section_right_item article .pf4_button {
  position: absolute;
  left: 33px;
  bottom: -20px;
  color: #fff;
}

.oc_serv6 .section_right_item article .pf4_button:before {
  background-color: #804258;
}

.oc_serv6 .section_right_item article .pf4_button span {
  padding: 15px 17px 13px 31px;
  background-color: #A3697E;
  color: #fff;
}

/* responsive */
@media (max-width: 1440px) {
  .oc_serv6 {
    padding-top: 8.333vw;
    padding-bottom: 6.806vw;
  }

  .oc_serv6 .section_inner {
    width: 77.917vw;
  }


  .oc_serv6 .section_inner:before {
    top: -11.875vw;
    left: -3.472vw;
    width: 15.694vw;
    height: 18.542vw;
  }

  .oc_serv6 .section_left_item {
    padding-top: 3.958vw;
    padding-right: 1.042vw;
  }

  .oc_serv6 .section_left_item h2 {
    margin-right: -4.514vw;
    margin-bottom: 1.528vw;
  }

  .oc_serv6 .section_left_item article p:nth-of-type(1) {
    padding-bottom: 0.764vw;
  }

  .oc_serv6 .section_right_item {
    padding-left: 1.042vw;
  }

  .oc_serv6_img {
    width: 27.5vw;
  }

  .oc_serv6 .section_right_item article {
    padding: 1.458vw 0 2.639vw 2.292vw;
    margin-right: -3.681vw;
    margin-left: 4.167vw;
    margin-top: -5.069vw;
  }

  .oc_serv6 .section_right_item article p span {
    margin-top: 1.875vw;
  }

  .oc_serv6 .section_right_item article .pf4_button {
    left: 2.292vw;
    bottom: -1.389vw;
  }

  .oc_serv6 .section_right_item article .pf4_button span {
    padding: 1.042vw 1.181vw 0.903vw 2.153vw;
  }
}

@media (max-width: 1140px) {

  .oc_serv6 .section_left_item article p br,
  .oc_serv6 .section_right_item article p br {
    display: none;
  }

  .oc_serv6 .section_right_item article {
    padding: 1.458vw 0 2.639vw 2.292vw;
    margin-right: -7.681vw;
    margin-left: 4.167vw;
    margin-top: -5.069vw;
  }

  .oc_serv6 {
    padding-top: 15vw;
    padding-bottom: 6.806vw;
  }

  .oc_serv6_img {
    width: 36vw;
  }

}

@media (max-width: 1024px) {}

@media (max-width: 768px) {
  .oc_serv6 .section_inner {
    flex-direction: column;
  }

  .oc_serv6 .section_left_item,
  .oc_serv6 .section_right_item {
    width: 100%;
    padding: 0 10vw;
  }

  .oc_serv6 .section_left_item h2 {
    margin-right: 0;
    margin-bottom: 1.528vw;
  }

  .oc_serv6_img {
    width: 45vw;
    position: relative;
    z-index: 999;
  }

  .oc_serv6 .section_right_item article {
    padding: 10vw 3vw 8vw 4vw;
    margin-right: 0vw;
    margin-left: -4vw;
    margin-top: -8vw;
  }

  .oc_serv6 .section_right_item article .pf4_button {
    left: 4vw;
    bottom: -2vw;
  }

  .oc_serv6 .section_inner:before {
    top: -9vw;
    left: 5vw;
    width: 15.694vw;
    height: 21vw;
  }
}

@media (max-width: 550px) {

  .oc_serv6 {
    padding-top: 16.2vw;
    padding-bottom: 14.5vw;
  }

  .oc_serv6 .section_left_item,
  .oc_serv6 .section_right_item {
    width: 100%;
    padding: 0 4.6vw 0 5vw;
  }

  .oc_serv6 .section_right_item{
    padding-top: 1vw;
  }

  .oc_serv6 .section_left_item article p:nth-of-type(1) {
    padding-bottom: 2.3vw;
  }

  .oc_serv6 .section_left_item h2 {
    margin-right: 0;
    margin-bottom: 0.2vw;
  }

  .oc_serv6 .section_inner:before {
    top: -4.3vw;
    left: -18.6vw;
    width: 37.694vw;
    height: 43.542vw;
  }

  .oc_serv6_img {
    width: 67.2vw;
    margin-left: 3.3vw;
  }

  .oc_serv6 .section_right_item article {
    padding: 12.2vw 3.4vw 5vw 4vw;
    margin-right: -1.4vw;
    margin-left: -1.5vw;
    margin-top: -9.3vw;
  }

  .oc_serv6 .section_left_item article p,
  .oc_serv6 .section_right_item article p {
    line-height: 1.52;
    letter-spacing: 0.3vw;
  }

   .oc_serv6 .section_left_item article p{
     padding-left: 1.6vw;
   }

  .oc_serv6 .section_right_item article p span {
    margin-top: 5.3vw;
  }

  .oc_serv6 .section_right_item article .pf4_button {
    bottom: -5vw;
  }

  .oc_serv6 .section_right_item article .pf4_button span {
    padding: 3.2vw 3.5vw 2.5vw 5.8vw !important;
  }

  /* Common Style For Mobile */
  .section_inner {
    width: 100% !important;
    margin-left: 0;
    margin-right: 0;
    padding-left: 0;
    padding-right: 0;
  }

  .section_left_item {
    width: 100% !important;
  }

  .section_right_item {
    width: 100% !important;
  }

  .mobile_only {
    display: block !important;
  }

  .pc_only {
    display: none;
  }
}