/* main variables */

body {

  color: #000;

  margin: 0px;

  padding: 0px;

  font-family: "Raleway", sans-serif;

  height: 100%;

  line-height: 1;

  background-color: white;

  position: relative;

  font-size: 14px !important;

  -webkit-font-smoothing: antialiased;

  -moz-osx-font-smoothing: grayscale; }



/*MAIN*/

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code,

del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset,

form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer,

header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {

  margin: 0;

  padding: 0;

  border: 0;

  font-size: 100%; }



/* HTML5 display-role reset for older browsers */

article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section, main {

  display: block; }



blockquote, q {

  quotes: none; }



blockquote:before,

blockquote:after,

q:before,

q:after {

  content: '';

  content: none; }



table {

  border-collapse: collapse;

  border-width: 0px;

  padding: 0px;

  margin: 0px; }



html {

  height: 100%;

  -webkit-text-size-adjust: none;

  -ms-text-size-adjust: none; }



input_,

textarea_ {

  color: #333;

  font-family: "Raleway", sans-serif;

  outline: none;

  border-radius: 0;

  -moz-border-radius: 0;

  -webkit-border-radius: 0;

  -webkit-appearance: none; }



input[type="button"],

input[type="submit"],

button {

  cursor: pointer; }



textarea {

  resize: none; }



td {

  margin: 0px;

  padding: 0px; }



form {

  padding: 0px;

  margin: 0px; }



a {

  display: inline-block;

  text-decoration: none;

  outline: none;

  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);

  -webkit-transition: 0.2s;

    -webkit-transition--moz-transition: 0.2s;

      -webkit-transition--moz-transition--ms-transition: 0.2s;

        -webkit-transition--moz-transition--ms-transition--o-transition: 0.2s;

          -webkit-transition--moz-transition--ms-transition--o-transition-transition: 0.2s; }



a,

span,

div,

button {

  outline: none !important; }



input[type=submit],

input[type=button],

button {

  -webkit-appearance: none;

  outline: none;

  -webkit-transition: 0.2s;

    -webkit-transition--moz-transition: 0.2s;

      -webkit-transition--moz-transition--ms-transition: 0.2s;

        -webkit-transition--moz-transition--ms-transition--o-transition: 0.2s;

          -webkit-transition--moz-transition--ms-transition--o-transition-transition: 0.2s; }



* {

  box-sizing: border-box;

  outline: 0; }



*:before,

*:after {

  box-sizing: border-box; }



ul, ol {

  list-style-type: none;

  margin: 0;

  padding: 0; }



img {

  max-width: 100%;

  height: auto; }



/* main variables */

.icon {

  display: inline-block; }



.icon-visa {

  background-image: url(../img/sprites/sprite.png);

  background-position: 0px 0px;

  width: 45px;

  height: 56px; }



.icon-mastercard {

  background-image: url(../img/sprites/sprite.png);

  background-position: 0px -56px;

  width: 44px;

  height: 56px; }



.icon-express {

  background-image: url(../img/sprites/sprite.png);

  background-position: -89px 0px;

  width: 44px;

  height: 56px; }



.icon-discover {

  background-image: url(../img/sprites/sprite.png);

  background-position: -45px 0px;

  width: 44px;

  height: 56px; }



.icon-inform {

  background-image: url(../img/sprites/sprite.png);

  background-position: -92px -56px;

  width: 30px;

  height: 30px; }



.icon-youtube {

  background-image: url(../img/sprites/sprite.png);

  background-position: -44px -56px;

  width: 48px;

  height: 36px; }



.header {

  position: absolute;

  left: 0;

  right: 0;

  top: 0;

  background-color: #fff;

  z-index: 9999; }



#header.default {

  position: fixed;

  top: 0;

  background: #fefefe;

  border-bottom: 1px solid #008ec6;

  box-shadow: 0 1px 1px #008ec6; }

  #header.default .logo-img-form {

    display: none; }

  #header.default .logo-img-solo {

    display: block; }

  #header.default .nav-box {

    top: 66px; }



.logo-img-solo {

  display: none; }



.logo:hover {

  opacity: 0.8; }



.header-box {

  display: flex;

  justify-content: space-between;

  flex-wrap: wrap; }



.nav-iltem a {

  color: #005d81;

  position: relative; }

  .nav-iltem a:before {

    content: '';

    display: block;

    position: absolute;

    width: 0;

    border-bottom: 1px solid transparent;

    left: 50%;

    bottom: -3px; }

  .nav-iltem a:hover {

    color: #008ec6; }

    .nav-iltem a:hover:before {

      left: 0;

      transition: all 0.3s;

      border-bottom: 1px solid #008ec6;

      width: 100%; }



@media (max-width: 991px) {

  .header-box {

    align-items: center; }

  .nav-box {

    display: none;

    width: 100%;

    position: absolute;

    height: 100vh;

    left: 0;

    right: 0;

    top: 90px;

    background-color: #fff;

    border-top: 1px solid #008ec6;

    padding-top: 10px;

    box-shadow: inset 14px 34px 2px -33px #008ec6;

    overflow: scroll;

    padding-top: 30px;

    padding-bottom: 40px; }

  .header-logo {

    width: 140px; }

  .nav-iltem {

    margin-bottom: 10px; }

  .nav-iltem a {

    font-size: 20px; } }



@media (max-width: 767px) {

  #header.default .nav-box {

    top: 66px; }

  .nav-box {

    top: 77px; } }



@media (max-width: 767px) {

  .header-logo {

    width: 120px; } }



@media (min-width: 992px) {

  .header {

    background: transparent; }

  .nav-list {

    display: flex; }

  .header-logo {

    width: 200px; }

  .header-box {

    align-items: center; }

  .nav-iltem a {

    font-family: "Ubuntu", sans-serif;

    font-size: 18px; }

  .nav-box {

    width: calc(100% - 250px); }

  .nav-list {

    justify-content: space-between; } }



@media (min-width: 1199px) {

  .header-logo {

    width: 275px;

    margin-left: 10px; }

  .nav-box {

    padding-top: 15px;

    width: calc(100% - 325px); }

  .nav-iltem a {

    font-size: 18px; } }



.hamburger {

  padding: 15px 15px;

  display: inline-block;

  cursor: pointer;

  transition-property: opacity, -webkit-filter;

  transition-property: opacity, filter;

  transition-property: opacity, filter, -webkit-filter;

  transition-duration: 0.15s;

  transition-timing-function: linear;

  font: inherit;

  color: inherit;

  text-transform: none;

  background-color: transparent;

  border: 0;

  margin: 0;

  overflow: visible;

  height: 65px; }

  @media (min-width: 768px) {

    .hamburger {

      padding: 15px 15px; } }

  @media (min-width: 992px) {

    .hamburger {

      display: none; } }



.hamburger:hover {

  opacity: 0.7; }



.hamburger.is-active:hover {

  opacity: 0.7; }



.hamburger.is-active .hamburger-inner,

.hamburger.is-active .hamburger-inner::before,

.hamburger.is-active .hamburger-inner::after {

  background-color: #008ec6; }



.hamburger-box {

  margin-top: 5px;

  width: 40px;

  height: 24px;

  display: inline-block;

  position: relative; }



.hamburger-inner {

  display: block;

  top: 50%;

  margin-top: -2px; }



.hamburger-inner, .hamburger-inner::before, .hamburger-inner::after {

  width: 40px;

  height: 4px;

  background-color: #008ec6;

  border-radius: 4px;

  position: absolute;

  transition-property: -webkit-transform;

  transition-property: transform;

  transition-property: transform, -webkit-transform;

  transition-duration: 0.15s;

  transition-timing-function: ease; }



.hamburger-inner::before, .hamburger-inner::after {

  content: "";

  display: block; }



.hamburger-inner::before {

  top: -10px; }



.hamburger-inner::after {

  bottom: -10px; }



.hamburger--spin .hamburger-inner {

  transition-duration: 0.22s;

  transition-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); }



.hamburger--spin .hamburger-inner::before {

  transition: top 0.1s 0.25s ease-in, opacity 0.1s ease-in; }



.hamburger--spin .hamburger-inner::after {

  transition: bottom 0.1s 0.25s ease-in, -webkit-transform 0.22s cubic-bezier(0.55, 0.055, 0.675, 0.19);

  transition: bottom 0.1s 0.25s ease-in, transform 0.22s cubic-bezier(0.55, 0.055, 0.675, 0.19);

  transition: bottom 0.1s 0.25s ease-in, transform 0.22s cubic-bezier(0.55, 0.055, 0.675, 0.19), -webkit-transform 0.22s cubic-bezier(0.55, 0.055, 0.675, 0.19); }



.hamburger--spin.is-active .hamburger-inner {

  -webkit-transform: rotate(225deg);

          transform: rotate(225deg);

  transition-delay: 0.12s;

  transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); }



.hamburger--spin.is-active .hamburger-inner::before {

  top: 0;

  opacity: 0;

  transition: top 0.1s ease-out, opacity 0.1s 0.12s ease-out; }



.hamburger--spin.is-active .hamburger-inner::after {

  bottom: 0;

  -webkit-transform: rotate(-90deg);

          transform: rotate(-90deg);

  transition: bottom 0.1s ease-out, -webkit-transform 0.22s 0.12s cubic-bezier(0.215, 0.61, 0.355, 1);

  transition: bottom 0.1s ease-out, transform 0.22s 0.12s cubic-bezier(0.215, 0.61, 0.355, 1);

  transition: bottom 0.1s ease-out, transform 0.22s 0.12s cubic-bezier(0.215, 0.61, 0.355, 1), -webkit-transform 0.22s 0.12s cubic-bezier(0.215, 0.61, 0.355, 1); }



.foo {

  background: linear-gradient(to top, #005d81, #008ec6) 100% 0%; }



.foo-box {

  background: url(../img/footer-img-bg.png) 77% 100% no-repeat/contain;

  padding: 27px 0px 0px; }



.foo-logo {

  width: 200px;

  margin: 0 auto;

  display: block;

  margin-bottom: 10px; }



.foo-logo:hover {

  opacity: 0.7; }



.scial-ttl {

  color: rgba(255, 255, 255, 0.6);

  margin-bottom: 10px;

  text-align: center; }



.social {

  width: 30px;

  height: 30px;

  background-image: url(../img/social.png);

  background-repeat: no-repeat; }



.social-list {

  display: flex;

  width: 195px;

  margin: 0 auto;

  justify-content: space-between; }



.social-list li > a:hover {

  opacity: 0.6; }



.social-facebook {

  background-position: 2px 4px; }



.social-twitter {

  background-position: -39px 4px; }



.social-youtube {

  background-position: -77px 4px; }



.social-google-plus {

  background-position: -118px 4px; }



.social-instagram {

  background-position: -159px 4px; }



.foo-menu {

  padding: 30px 0px; }



.foo-menu-list {

  text-align: center; }



.foo-menu-list li {

  margin-bottom: 10px; }



.foo-menu-list li a {

  color: rgba(255, 255, 255, 0.6);

  font-weight: 500;

  border-bottom: 1px solid rgba(255, 255, 255, 0.6); }

  .foo-menu-list li a:hover {

    color: #fff; }



.foo-contact-list {

  margin-bottom: 20px; }



.foo-contact-list li {

  margin-bottom: 5px;

  text-align: center; }



.foo-contact-list li > a {

  color: rgba(255, 255, 255, 0.6);

  font-weight: 500;

  text-align: center; }

  .foo-contact-list li > a:hover {

    color: #fff; }



.billing {

  display: flex;

  justify-content: space-between;

  width: 210px;

  margin: 0 auto; }



.billing li > a:hover {

  opacity: 0.5; }



@media (min-width: 768px) {

  .foo-box {

    display: flex;

    flex-wrap: wrap;

    justify-content: space-between; }

  .foo-menu {

    display: flex;

    width: 100%;

    justify-content: space-between;

    order: 1; }

  .foo-menu-list {

    display: flex;

    width: 49.3%;

    justify-content: space-between; }

  .foo-social {

    order: 2; }

  .scial-ttl {

    text-align: left; }

  .foo-contact {

    order: 3; }

  .foo-contact-list li {

    text-align: right;

    margin-bottom: 10px; }

  .billing {

    margin: 0px;

    margin-left: auto; } }



@media (min-width: 992px) {

  .foo-menu-list {

    width: 47.3%; } }



@media (min-width: 1199px) {

  .foo-social {

    order: 1;

    padding-top: 10px;

    padding-left: 13px; }

  .foo-logo {

    margin-bottom: 25px; }

  .foo-menu {

    padding-top: 20px;

    width: auto;

    width: 350px; }

  .foo-menu-list {

    display: flex;

    width: 5%;

    flex-direction: column;

    justify-content: flex-start;

    width: auto; }

  .foo-contact-list {

    margin-bottom: 33px; }

  .foo-menu-list li {

    text-align: left; }

  .scial-ttl {

    margin-bottom: 5px; } }



/* main variables */

html {

  -webkit-box-sizing: border-box;

    -webkit-box-sizing-box-sizing: border-box;

  -ms-overflow-style: scrollbar; }



*, ::after, ::before {

  -webkit-box-sizing: inherit;

    -webkit-box-sizing-box-sizing: inherit; }



.container {

  width: 100%;

  padding-right: 15px;

  padding-left: 15px;

  margin-right: auto;

  margin-left: auto; }



@media (min-width: 576px) {

  .container {

    max-width: 540px; } }



@media (min-width: 768px) {

  .container {

    max-width: 720px; } }



@media (min-width: 992px) {

  .container {

    max-width: 960px; } }



@media (min-width: 1200px) {

  .container {

    max-width: 1130px; } }



.main-wrap {

  overflow: hidden;

  padding-top: 78px; }

  @media (min-width: 768px) {

    .main-wrap {

      padding-top: 90px; } }

  @media (min-width: 992px) {

    .main-wrap {

      padding: 0px; } }



@media (min-width: 992px) {

  .main-wrap-padding {

    padding-top: 140px; } }



@media (min-width: 1199px) {

  .main-wrap-padding {

    padding-top: 173px; } }



.clearfix:after {

  content: ".";

  display: block;

  height: 0;

  clear: both;

  visibility: hidden; }



.menu-open {

  overflow: hidden; }



.btn {

  background: linear-gradient(to bottom, #0090c8 0%, #2989d8 33%, #207cca 55%, #00658e 100%);

  color: #fff;


  border-radius: 10px;

  height: 43px;

  padding: 10px 0px 10px;

  text-align: center;

  border: 1px solid #008ec6;

  position: relative;

  overflow: hidden;

  transition: 1s ease-out;

  z-index: 1; }

  .btn:before {

    content: '';

    position: absolute;

    top: -20px;

    left: 70%;

    -webkit-transform: translate(-50%, -50%) scale(1);

            transform: translate(-50%, -50%) scale(1);

    display: block;

    width: 40px;

    height: 40px;

    background: #fff;

    border-radius: 50px;

    transition: 0.5s ease-in-out; }

  .btn:hover {

    box-shadow: 0 5px 20px rgba(0, 0, 0, 0.5);

    transition: 0.5s;

    color: #008ec6;

    transition-delay: 0.1s;

    z-index: 8; }

    .btn:hover:before {

      z-index: -1;

      -webkit-transform: scale(8.3);

              transform: scale(8.3);

      color: #008ec6; }



.btn-send {

  width: 175px;

  display: block;

  margin: 0 auto; }



.btn-poll {

  width: 200px;

  display: block;

  margin: 0 auto; }



.tizer-form {

  max-width: 489px;

  margin: 0 auto;

  border-radius: 8px;

  background-color: rgba(255, 255, 255, 0.65);

  border-bottom: 1px solid #bdbdbd;

  position: relative;

  overflow: hidden;

  margin-bottom: 30px; }

  @media (min-width: 992px) {

    .tizer-form {

      margin-bottom: 0px; } }



.tizer-form-wrap {
  border: 1px rgb(190, 190, 190) solid;
}



.form-box {

  padding: 20px 15px; }



.form {

  padding: 20px 0px; }



.form-ttl {

  font-size: 25px;

  font-weight: 300;

  text-align: center;

  margin-bottom: 5px; }



.form-sub-ttl {

  text-align: center;

  font-weight: 300;

  font-size: 18px; }



.form-field-box {

  margin-bottom: 24px; }



.form-field-box > input,.form-field-box > select {

  background-color: #fff;

  border: 1px solid #bdbdbd;

  border-radius: 8px;

  height: 44px;

  padding: 0px 20px;

  width: 100%; }

  .form-field-box > input:focus {

    border: 1px solid #008ec6; }



.form-field-box-margin-bot-none {

  margin-bottom: 0px; }



.form-inform {

  padding: 10px 0px;

  display: flex;

  flex-direction: row;

  flex-flow: wrap;

  justify-content: space-between; }



.form-inform-txt {

  font-size: 14px;

  color: #008ec6;

  margin-bottom: 5px;

  line-height: 1.3;

  width: calc(100% - 35px); }



.form-policy {

  font-size: 14px;

  font-style: italic;

  font-weight: 600;

  margin-bottom: 20px;

  margin-left: 35px;

  width: 100%; }



.form-policy > a {

  color: #008ec6;

  text-decoration: underline;

  font-weight: 600; }

  .form-policy > a:hover {

    color: #dd4538; }



.form-field-box input[type="radio"] {

  display: none; }



.form-field-ttl {

  width: 100%; }



@media (min-width: 475px) {

  .form-box {

    width: 350px;

    margin: 0 auto; } }



@media (min-width: 768px) {

  .form-box {

    padding: 20px 0px; }

  .form-ttl {

    font-size: 35px; }

  .form-sub-ttl {

    font-size: 20px; } }



@media (min-width: 992px) {

  .form-ttl {

    font-size: 39px;

    margin-bottom: 3px; }

  .form-box {

    padding: 20px 15px; } }



@media (min-width: 1199px) {

  .form-box {

    padding: 35px 0px; } }



.place {

  padding-top: 48px; }



.place-ttl {

  text-align: center;

  font-weight: 300;

  font-size: 20px;

  margin-bottom: 10px;

  line-height: 1.2; }



@media (min-width: 576px) {

  .place-ttl {

    font-size: 28px;

    margin-bottom: 30px; } }



@media (min-width: 992px) {

  .place-ttl {

    font-size: 40px; } }



@media (min-width: 1199px) {

  .place-ttl {

    font-size: 49px; } }



.palace-map {

  text-align: center;

  padding-top: 40px;

  border-bottom: 12px solid;

  -o-border-image: linear-gradient(to top, #005d81, #008ec6) 100% 0%;

     border-image: linear-gradient(to top, #005d81, #008ec6) 100% 0%; }



.text-shadow-white {

  text-shadow: 2px 10px 25px #ffffff, -10px 2px 25px #ffffff, -10px -10px 25px #ffffff, 10px -10px 25px #ffffff, 10px 10px 25px #ffffff,2px 10px 25px #ffffff, -10px 2px 25px #ffffff, -10px -10px 25px #ffffff, 10px -10px 25px #ffffff, 10px 10px 25px #ffffff,2px 10px 25px #ffffff, -10px 2px 25px #ffffff, -10px -10px 25px #ffffff, 10px -10px 25px #ffffff, 10px 10px 25px #ffffff; }



.pay {

  padding: 30px 0px; }



.pay-box {

  max-width: 450px;

  margin: 0 auto; }



.form-field-box-pay {

  display: flex;

  justify-content: space-between; }



.form-field-box-pay label {

  margin: 0px 5px;

  display: inline-block; }

  .form-field-box-pay label:focus {

    border: 1px solid red; }



.pay-box-ttl {

  font-size: 18px;

  font-weight: bold; }



.pay-box-cost {

  font-size: 18px;

  font-weight: bold; }



.pay-form-box span {

  vertical-align: top; }



.pay-form-item {

  display: inline-block; }



.pay-form-item label .icon {

  height: 28px; }



@media (min-width: 540px) {

  .pay-box-cost {

    font-size: 24px; }

  .pay-box-ttl {

    font-size: 22px; } }



.code-field {

  background-color: #fff;

  border: 1px solid #bdbdbd;

  border-radius: 8px;

  height: 44px;

  padding: 0px 3px;

  line-height: 44px;

  width: calc(100% / 5 - 10px);

  text-align: center;

  font-size: 16px; }



.form-field-box-code {

  display: flex;

  justify-content: space-between;

  align-items: center;

  flex-flow: wrap; }



.form-field-ttl {

  padding: 10px 0px; }



.pay-form-item input[type="radio"]:checked + label:before {

  opacity: 1;

  -webkit-transform: translateX(-50%) translateY(-50%) scale(1);

          transform: translateX(-50%) translateY(-50%) scale(1); }



.pay-form-item input[type="radio"]:checked + label:after {

  opacity: 1;

  -webkit-transform: translateX(-50%) translateY(-50%) scale(1);

          transform: translateX(-50%) translateY(-50%) scale(1); }



.pay-form-item label {

  border: 1px solid transparent;

  border-radius: 5px;

  position: relative; }

  .pay-form-item label:hover {

    cursor: pointer; }

    .pay-form-item label:hover:before, .pay-form-item label:hover:after {

      opacity: 1;

      -webkit-transform: translateX(-50%) translateY(-50%) scale(1);

              transform: translateX(-50%) translateY(-50%) scale(1); }

  .pay-form-item label:before, .pay-form-item label:after {

    position: absolute;

    top: 50%;

    left: 50%;

    width: 60px;

    height: 60px;

    border: 2px solid rgba(0, 142, 198, 0.458824);

    border-radius: 50%;

    content: '';

    opacity: 0;

    transition: opacity 0.3s, -webkit-transform 0.3s;

    transition: transform 0.3s, opacity 0.3s;

    transition: transform 0.3s, opacity 0.3s, -webkit-transform 0.3s;

    -webkit-transform: translateX(-50%) translateY(-50%) scale(0.2);

            transform: translateX(-50%) translateY(-50%) scale(0.2); }

  .pay-form-item label:after {

    width: 50px;

    height: 50px;

    border-width: 6px;

    -webkit-transform: translateX(-50%) translateY(-50%) scale(0.8);

            transform: translateX(-50%) translateY(-50%) scale(0.8); }



.tizer {


  background-position: center top;

  background-repeat: no-repeat;

  background-size: auto;

  width: 100%;

  padding-top: 50px;

  position: relative; }



.tizer-box {

  position: relative; }



.tizer-plax-top {

  position: absolute;

  height: 300px;

  top: 200px;

  background-repeat: no-repeat, no-repeat;

  background-position: left top, top right;

  left: 0px;

  right: 0px;

  margin: auto; }

  @media (min-width: 1199px) {

    .tizer-plax-top {

      width: 1200px;

      background-position: 120px 60px, top right; } }



.tizer-plax-bottom {

  position: absolute;

  height: 700px;

  background-repeat: no-repeat, no-repeat;

  background-position: bottom left, top right;

  bottom: -120px;

  margin: 0 auto;

  left: 0px;

  right: 0px;

  z-index: -1; }

  @media (min-width: 992px) {

    .tizer-plax-bottom {

      height: 450px; } }

  @media (min-width: 1199px) {

    .tizer-plax-bottom {

      height: 400px;

      width: 1400px;

      background-position: bottom left, top right; } }



.preview {

  padding-bottom: 30px; }



.preview-ttl {

  font-size: 31px;

  font-weight: 200;

  margin-bottom: 20px;

  text-shadow: 2px 10px 25px #ffffff, -10px 2px 25px #ffffff, -10px -10px 25px #ffffff, 10px -10px 25px #ffffff, 10px 10px 25px #ffffff,2px 10px 25px #ffffff, -10px 2px 25px #ffffff, -10px -10px 25px #ffffff, 10px -10px 25px #ffffff, 10px 10px 25px #ffffff,2px 10px 25px #ffffff, -10px 2px 25px #ffffff, -10px -10px 25px #ffffff, 10px -10px 25px #ffffff, 10px 10px 25px #ffffff; }



.preview-txt {

  margin-bottom: 15px;

  line-height: 1.2;

  text-shadow: 2px 10px 25px #ffffff, -10px 2px 25px #ffffff, -10px -10px 25px #ffffff, 10px -10px 25px #ffffff, 10px 10px 25px #ffffff,2px 10px 25px #ffffff, -10px 2px 25px #ffffff, -10px -10px 25px #ffffff, 10px -10px 25px #ffffff, 10px 10px 25px #ffffff,2px 10px 25px #ffffff, -10px 2px 25px #ffffff, -10px -10px 25px #ffffff, 10px -10px 25px #ffffff, 10px 10px 25px #ffffff; }



.preview-link {

  color: #008ec6;

  position: relative; }

  .preview-link:hover {

    color: #004763; }

    .preview-link:hover:before {

      border: 1px solid #004763; }



.preview-link:before {

  content: '';

  display: block;

  width: 100%;

  position: absolute;

  bottom: -3px;

  border: 1px solid #008ec6; }



.test {

  width: 185px;

  text-align: center;

  margin: 0 auto;

  font-size: 17px;

  padding: 5px 0px; }



.test > a {

  color: #008ec6;

  text-decoration: underline;

  line-height: 1.4; }

  .test > a:hover {

    color: #dd4538; }



.blog {

  margin-bottom: 20px; }



.blog-ttl {

  font-size: 30px;

  font-weight: 200;

  position: relative;

  margin-bottom: 35px; }



.blog-ttl:before {

  content: '';

  display: block;

  position: absolute;

  width: 75%;

  height: 15px;

  right: 0;

  top: 15px;

  background: linear-gradient(to right, #f6fbfd 0%, #80c7e3 100%); }



.blog-content-ttl {

  font-size: 16px;

  font-weight: 400;

  margin-bottom: 15px;

  color: #000;

  position: relative;

  display: inline-block; }

  .blog-content-ttl:before {

    content: '';

    display: block;

    position: absolute;

    width: 0;

    height: 2px;

    background: linear-gradient(to left, #f6fbfd 0, #80c7e3 100%);

    left: 0%;

    bottom: -5px; }



.blog-inform {

  margin-bottom: 20px; }



.blog-content-txt {

  color: #000;

  line-height: 1.3;

  height: 90px;

  overflow: hidden; }



.blog-download-link {

  display: inline-block;

  position: relative;

  color: #008ec6;

  margin-left: auto;

  font-size: 18px;

  display: block;

  width: 130px;

  margin-right: 25px;

  padding-bottom: 4px;

  border-bottom: 1.5px solid #008ec6; }



.blog-download-link:before,

.blog-download-link:after {

  position: absolute;

  top: 50%;

  left: 50%;

  width: 70px;

  height: 70px;

  border: 2px solid rgba(0, 142, 198, 0.458824);

  border-radius: 50%;

  content: '';

  opacity: 0;

  transition: opacity 0.3s, -webkit-transform 0.3s;

  transition: transform 0.3s, opacity 0.3s;

  transition: transform 0.3s, opacity 0.3s, -webkit-transform 0.3s;

  -webkit-transform: translateX(-50%) translateY(-50%) scale(0.2);

          transform: translateX(-50%) translateY(-50%) scale(0.2); }



.blog-download-link:after {

  width: 60px;

  height: 60px;

  border-width: 6px;

  -webkit-transform: translateX(-50%) translateY(-50%) scale(0.8);

          transform: translateX(-50%) translateY(-50%) scale(0.8); }



.blog-download-link:hover:before,

.blog-download-link:hover:after,

.blog-download-link:focus:before,

.blog-download-link:focus:after {

  opacity: 1;

  -webkit-transform: translateX(-50%) translateY(-50%) scale(1);

          transform: translateX(-50%) translateY(-50%) scale(1); }



.blog-item {

  margin-bottom: 20px; }

  .blog-item:hover .blog-content-ttl {

    color: #008ec6; }

    .blog-item:hover .blog-content-ttl:before {

      left: 0;

      transition: all 0.5s;

      width: 100%; }



.blog-img > img {

  width: 100%;

  margin-bottom: 10px; }



.video-ttl {

  color: #008ec6;

  -webkit-transform: translate(0px, 25px);

          transform: translate(0px, 25px);

  position: relative;

  z-index: 99;

  line-height: 1.2;

  font-size: 20px;

  font-weight: 200; }



.video-ttl span {

  display: block;

  font-weight: 500;

  font-size: 18px; }



.vodeo-box {

  position: relative; }



.video-img {

  background-color: #fff;

  font-size: 0px; }



.video-img > img {

  border-radius: 13px;

  width: 100%; }



.video-content {

  position: absolute;

  bottom: 5px;

  right: 10px;

  display: flex;

  align-items: center; }



.video-content > .icon {

  margin-right: 5px; }



.video-sub-ttl {

  font-size: 20px;

  color: #fff; }



.tizer-video {

  display: block; }



@media (min-width: 576px) {

  .blog-item {

    display: flex;

    justify-content: space-between; }

  .blog-content {

    width: 65%; }

  .blog-img {

    width: 30%; }

  .video-ttl {

    font-size: 27px;

    -webkit-transform: translate(0px, 30px);

            transform: translate(0px, 30px); }

  .video-ttl > span {

    font-size: 27px; }

  .blog-content-txt {

    height: 90px;

    overflow: hidden; } }



@media (min-width: 768px) {

  .preview-ttl {

    font-size: 40px; }

  .preview-txt {

    font-size: 20px; }

  .preview-link {

    font-size: 20px; }

  .blog-ttl {

    font-size: 40px; }

  .blog-img {

    width: 20%; }

  .blog-content {

    width: 75%; }

  .blog-content-ttl {

    font-size: 18px; }

  .blog-content-txt {

    height: 57px; }

  .blog-ttl:before {

    width: 85%;

    top: 22px; }

  .video-ttl {

    font-size: 27px; }

  .video-ttl > span {

    font-size: 27px; }

  .video-sub-ttl {

    font-size: 31px; }

  .video-content {

    right: 20px; } }



@media (min-width: 992px) {

  .tizer {

    padding-top: 80px;

    padding-bottom: 70px; }

  .preview {

    width: 55%;

    float: right;

    margin-bottom: 60px; }

  .preview-ttl {

    font-size: 50px; }

  .tizer-form {

    width: 40%;

    float: left; }

  .tizer-blog {

    width: 55%;

    float: right; }

  .tizer-video {

    width: 40%;

    float: left; }

  .blog-img {

    width: 30%;

    margin-right: 10px;

    margin-bottom: 0px;

    max-width: 160px; }

  .blog-img > img {

    margin-bottom: 0px; }

  .blog-content-ttl {

    margin-bottom: 5px; }

  .blog-ttl:before {

    width: 80%; }

  .tizer-video {

    max-width: 489px; }

  .blog-content-txt {

    height: 75px; } }



@media (min-width: 1199px) {

  .preview-ttl {

    font-size: 61px;

    line-height: 1;

    letter-spacing: -3px;

    margin-bottom: 22px; }

  .preview {

    width: 60%;

    /*margin-bottom: 150px; */

      

  }

  .tizer-form {

    width: 100%; }

  .tizer-blog {

    width: 49.5%; }

  .tizer-video {

    width: 100%; }

  .blog-ttl {

    font-size: 49px; }

  .blog-content-ttl {

    font-size: 20px; }

  .blog-content {

    width: 66%; }

  .blog-content-ttl {

    margin-bottom: 22px; }

  .blog-content-txt {

    line-height: 1.3; }

  .blog-item {

    margin-bottom: 27px; }

  .tizer-form {

    margin-bottom: 15px; }

  .video-ttl {

    font-size: 31px; }

  .video-ttl > span {

    font-size: 27px; } }



.direct {

  padding-top: 50px; }



.direct-ttl {

  color: #008ec6;

  font-size: 24px;

  margin-bottom: 5px;

  font-weight: 200; }



.direct-sub-ttl {

  color: #008ec6;

  font-size: 16px;

  position: relative;

  margin-bottom: 20px; }



.direct-img {

  text-align: center;

  margin-bottom: 10px; }



.direct-sub-ttl:before {

  content: '';

  display: block;

  position: absolute;

  width: calc(100% - 250px);

  height: 2px;

  right: 0;

  top: 45%;

  background: linear-gradient(to left, #f6fbfd 0%, #80c7e3 100%); }



.direct-content > p {

  margin-bottom: 10px;

  font-weight: 400;

  line-height: 1.2; }



.direct-box {

  /*box-shadow: -4px 119px 126px -128px rgba(0, 0, 0, 0.76);*/

  padding-bottom: 10px; }



@media (min-width: 768px) {

  .direct-box {

    display: flex;

    justify-content: space-between;

    /*box-shadow: 5px 62px 186px -121px rgba(0, 0, 0, 0.76);*/

    padding-bottom: 0px; }

  .direct-img {

    width: 22%;

    margin-bottom: 0px; }

  .direct-content {

    width: 70%; } }



@media (min-width: 992px) {

  .direct-content > p {

    font-size: 18px;

    margin-bottom: 20px; }

  .direct-ttl {

    font-size: 35px; } }



@media (min-width: 1199px) {

  .direct {

    padding-top: 20px;

    margin-bottom: 50px; }

  .direct-img {

    padding-top: 10px; }

  .direct-ttl {

    font-size: 45px;

    margin-bottom: 12px; }

  .direct-sub-ttl {

    margin-bottom: 28px; }

  .direct-content {

    width: 100%; }

  .direct-content > p {

    font-size: 21px;

    margin-bottom: 26px; } }



.poll {

  padding-top: 30px;

  padding-bottom: 35px;

  background: url(../img/poll-bg.jpg) center top no-repeat/cover;

  position: relative; }



.poll-formula {

  background-image: url(../img/svg/formula-four.svg), url(../img/svg/formula-three.svg);

  background-repeat: no-repeat, no-repeat;

  background-position: bottom left, top right;

  height: 300px;

  position: absolute;

  top: 20%;

  left: 0;

  right: 0;

  margin: 0 auto; }

  @media (min-width: 768px) {

    .poll-formula {

      width: 900px; } }

  @media (min-width: 1199px) {

    .poll-formula {

      width: 1400px; } }



.poll-content {

  position: relative;

  z-index: 12; }



.poll-ttl {

  text-align: center;

  font-weight: 300;

  font-size: 20px;

  margin: 12px 0px 10px;

  line-height: 1.2;

  text-shadow: 2px 20px 25px #ffffff, -10px 2px 25px #ffffff, -10px -10px 25px #ffffff,2px 10px 25px #ffffff, -10px -10px 25px #ffffff, 10px -10px 25px #ffffff; }



.poll-list {

  max-width: 650px;

  margin: 0 auto 30px; }



.poll-list-page a {

  padding: 5px 0px 5px 15px;

  position: relative; }



.poll-list-page a:before {

  content: '';

  position: absolute;

  border-right: 2px solid #008ec6;

  border-bottom: 2px solid #008ec6;

  height: 10px;

  width: 10px;

  left: 0px;

  top: 10px;

  -webkit-transform: rotate(-45deg);

          transform: rotate(-45deg);

  transition: 0.3s; }



.poll-drop-toggle:before {

  -webkit-transform: rotate(45deg) !important;

          transform: rotate(45deg) !important; }



.poll-answer {

  display: none;

  margin: 20px 0px;

  border: 1px solid #008ec6;

  border-radius: 5px;

  padding: 15px 15px;

  background-color: white; 

  font-size: 18px;

  }



.poll-answer-ttl {

  font-size: 15px;

  margin-bottom: 10px;

  font-weight: 500; }



.poll-answer-ttl--small {

  font-size: 13px;

  margin-bottom: 10px;

  font-weight: 500; }



.poll-answer p {

  font-size: 13px;

  margin-bottom: 10px; }



.poll-list > li {

  margin-bottom: 10px; }



.poll-list > li a {

  color: #008ec6;

  line-height: 1.2;

  border-bottom: 1px dashed #008ec6; }

  .poll-list > li a:hover {

    color: #004763;

    border-bottom: 1px dashed #004763; }



.poll-page .poll-list a {

  font-size: 23px; }



@media (min-width: 576px) {

  .poll-ttl {

    font-size: 26px; } }



@media (min-width: 768px) {

  .poll {

    padding-top: 30px;

    padding-bottom: 42px; }

  .poll-ttl {

    font-size: 28px;

    margin-bottom: 30px; }

  .poll-list > li {

    margin-bottom: 20px; }

  .poll-list > li a {

    color: #008ec6;

    font-size: 18px; } }



@media (min-width: 992px) {

  .poll-ttl {

    font-size: 40px;

    margin-bottom: 40px; }

  .poll-list > li a {

    font-size: 20px; }

  .poll-list {

    max-width: 700px;

    margin: 0 auto 45px; } }



@media (min-width: 1199px) {

  .poll-ttl {

    font-size: 49px; } }



.testing {

  padding: 0px 0px 25px;

  background: url(../img/testing-bg.jpg);

  background-position:center right;

  background-repeat: no-repeat; 

  }

  @media (min-width: 768px) {

    .testing {

      background: url(../img/testing-bg.jpg);

        background-position:center right;

        background-repeat: no-repeat; 

       } }

  @media (min-width: 1199px) {

    .testing {

      background-size: auto;

      background-position: center bottom; } }



.testing-block {

  background-color: #005d81;

  max-width: 362px;

  padding: 20px 15px;

  margin: 0 auto; }



.testing-ttl {

  font-size: 30px;

  color: #fff;

  margin-bottom: 25px;

  font-weight: 400;

  line-height: 1.2; }



.testing-txt {

  font-size: 18px;

  color: #fff;

  line-height: 1.3; }



.paper {

  padding: 30px 0px;

  position: relative; }



.paper p {

  margin-bottom: 10px;

  font-size: 16px;

  line-height: 1.3;

  font-weight: 400; }



.paper-formula {

  position: absolute;

  width: 1300px;

  background-image: url(../img/svg/formula-one.svg), url(../img/svg/formula-one.svg);

  background-repeat: no-repeat, no-repeat;

  background-position: bottom left, top right;

  height: 600px;

  top: 10%;

  left: 0px;

  right: 0px;

  margin: 0 auto;

  z-index: -1; }



@media (min-width: 768px) {

  .testing {

    padding: 0px; }

  .testing-ttl {

    font-size: 45px; }

  .paper p {

    font-size: 18px; }

  .testing-block {

    max-width: 380px; } }



@media (min-width: 992px) {

  .testing-txt {

    line-height: 25px; }

  .testing-block {

    padding: 25px 20px 30px; }

  .testing-ttl {

    font-size: 60px;

    margin-bottom: 18px; }

  .paper {

    padding-top: 35px; }

  .paper p {

    font-size: 21px;

    margin-bottom: 20px; } }



@media (min-width: 1199px) {

  .testing-box {

    padding-top: 20px;

    padding-right: 20px; }

  .testing-block {

    max-width: 362px;

    padding: 25px 25px 50px; }

  .paper-box {

    padding-left: 50px; } }



#check-modal {

  display: none; }



.modal {

  border-radius: 6px;

  padding: 50px 20px;

  width: 300px; }



.modal .form-ttl {

  margin-bottom: 10px; }



.modal .form-sub-ttl {

  margin-bottom: 10px; }



@media (min-width: 768px) {

  .modal {

    padding: 50px 40px;

    width: 400px; } }













.regform .capt

{

    font-size: 18px;

    font-weight: bold;



}





.formblock

{

    font-size: 14px;

    width: 496px;

}





.formblock input,.formblock select

{

    outline: none;

    

    padding: 4px;

    

    padding-left: 10px;

    padding-right: 10px;

    

    border-width: 1px;

    border-color: #CFCFCF;

    border-style: solid;

    

    width: 250px;

    

    border-radius: 0px;

    margin-left: 22px;

}

.formblock tr td:first-child

{

    text-align: right;

}

.formblock td

{

    padding-top:5px;

    padding-bottom: 5px;

    white-space: nowrap;

    text-align: right;

}

.formblock td b

{

    color:#DA251C;

    font-size: 12px;

    position: absolute;

    margin-left: 6px;

    margin-top: 3px;

}

.rules_scr

{

    overflow-y: scroll;

    height: 620px;

    

    border-width: 1px;

    border-color: #CFCFCF;

    border-style: solid;

    

    

    padding: 10px;

}

.reg_sbm

{

    background-color: black;

    color: white;

    

    padding: 10px;

    padding-left:25px;

    padding-right:25px;

    

    border: none;

    outline: none;

    

    cursor: pointer;

}

.reg_sbm:hover

{

    opacity: 0.7;

}

.reg_sbm:active

{

    background-color:orange;

    opacity: 1;

}

.required

{

    background-color: rgba(255,0,0,0.5);

    border-color: red!important;

}

.warn

{

    font-size: 11px;

    color: red;

    font-style: italic;

    padding-left: 30px;

    display: none;

}

.scp p,.scp h3,.scp h4

{

    margin-bottom: 10px; 

}

.scp h2

{

    margin-bottom: 10px;

    font-size: 18px;

}

.login_ok

{

    margin-top: 0px;

}





































.cab_holder

{

    

}

.cab_holder .leftmenu

{

    float: left;

    width: 200px;

    overflow: hidden; 

    

    background-image: url('../images/vsplit.png');

    background-position: right 0px;

    background-repeat: no-repeat;

    min-height: 340px;   

}

.cab_holder .leftmenu a

{

    display: block;

    text-decoration: none;

    color: black;

    background-color: transparent;

    border:  none!important;

    padding: 5px;   

}

.cab_holder .leftmenu .active,.cab_holder .leftmenu .active:hover

{

    background-color: #3F3D3D;

    color: white;      

}

.cab_holder .leftmenu a:hover

{

    background-color: #D7D7D7;      

}

.cab_container

{

    display: inline-block;

    width: 740px;

    min-height: 200px;

    float: left;



    margin-left: 20px;

}

.cab_container h1

{

    font-size: 24px;

    font-weight: normal;

    margin-bottom: 4px;

}

.cab_details

{

    margin-top: 20px;

    font-size: 14px;

}

.cab_details span

{

    display: block;

    padding-top: 5px;

    padding-bottom: 5px;

}

.acd_addr

{

    display: block;

    background-image: url('../images/addr.png');

    background-position: top left;

    background-repeat: no-repeat;

    

    padding-left: 30px;

    padding-top: 5px;

    padding-bottom: 5px;

    

    margin-bottom: 10px;

}



.c_data_phone, .c_data_email

{

    display: inline-block;

    width: 425px;

    margin-top: 16px;

}



.c_data_phone

{

    background-image: url('../images/phone.png');

    background-position: top left;

    background-repeat: no-repeat;

    margin-right: 20px;

}



.c_data_email

{

    background-image: url('../images/email.png');

    background-position: top left;

    background-repeat: no-repeat;

}



.c_data_phone h5, .c_data_email h5

{

    font-weight: normal;

    color: gray;

    font-size: 16px;

    margin-left: 32px;

    margin-top: 3px;

    margin-bottom: 12px;

}

.cd_phone_num

{

    display: inline-block;

    padding: 4px;

    background-color: #D7D7D7;

    border-top-left-radius: 15px;

    border-bottom-left-radius: 15px;

    padding-right: 15px;

    margin-bottom: 4px;

    width: 156px;

    text-align: right;

    white-space: nowrap;

    overflow: hidden;

    text-overflow: ellipsis;

    height: 22px;

    padding-bottom: 4px;   

}

.cd_phone_comment

{

    display: inline-block;

    padding: 4px;

    border-top-right-radius: 15px;

    border-bottom-right-radius: 15px;

    padding-left: 15px;

    margin-bottom: 4px;

    width: 250px;

    

    background-color: #3F3D3D;

    color: white;

    

    white-space: nowrap;

    overflow: hidden;

    text-overflow: ellipsis;

}

.bs_ln h1

{

    font-size: 22px;

    font-weight: normal;

    color: #3F3D3D;

}

.bsi_minus, .bsi_plus

{

    display: inline-block;



    background-color: #4CA1F1;

    color: white;

    text-decoration: none;

    padding: 4px;

    font-size: 14px;

    text-align: center;

    width: 10px;

}

.bsi_quant

{

    width: 20px; 

    text-align: center; 

    font-weight:bold;

    border: none;

    outline: none;

}

.bsi_plus

{

    background-color: #CDCDCD;

}

.bsi_minus

{

    background-color: #CDCDCD;

}

.bsi_minus:hover, .bsi_plus:hover

{

    opacity: 0.5;

}

.restrict

{

    background-color: red;

}















@media (max-width: 768px) {



    .regform>form>div

    {

        width: 100%!important;

        float: none!important;

        margin-left: 0px!important;

        margin-bottom: 30px;

    }

        

    

    .regform .capt

    {

        text-align: center;

    }

    

    .formblock

    {

        width: 100%;

    }

    

    .formblock input, .formblock select

    {

        box-sizing: border-box;

        width: 100%;

        margin-left: 0px;

        

    }

    .formblock tr td:first-child

    {

        padding-right: 20px;

    }



}