@charset "UTF-8";
@font-face {
  font-family: 'Dinot';
  src: url("../fonts/dinot/eot/dinot.eot"), url("../fonts/dinot/ttf/dinot.ttf") format("truetype"), url("../fonts/dinot/woff/dinot.woff") format("woff");
  font-weight: normal;
  font-style: normal; }
@font-face {
  font-family: 'DinotBold';
  src: url("../fonts/dinot/eot/dinot_bold.eot"), url("../fonts/dinot/ttf/dinot_bold.ttf") format("truetype"), url("../fonts/dinot/woff/dinot_bold.woff") format("woff");
  font-weight: bold;
  font-style: bold; }
/*! lightslider - v1.1.6 - 2016-10-25
* https://github.com/sachinchoolur/lightslider
* Copyright (c) 2016 Sachin N; Licensed MIT */
/*! lightslider - v1.1.3 - 2015-04-14
* https://github.com/sachinchoolur/lightslider
* Copyright (c) 2015 Sachin N; Licensed MIT */
/** /!!! core css Should not edit !!!/**/
.lSSlideOuter {
  overflow: hidden;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none; }

.lightSlider:before, .lightSlider:after {
  content: " ";
  display: table; }

.lightSlider {
  overflow: hidden;
  margin: 0; }

.lSSlideWrapper {
  max-width: 100%;
  overflow: hidden;
  position: relative; }

.lSSlideWrapper > .lightSlider:after {
  clear: both; }

.lSSlideWrapper .lSSlide {
  -webkit-transform: translate(0px, 0px);
  -ms-transform: translate(0px, 0px);
  transform: translate(0px, 0px);
  -webkit-transition: all 1s;
  -webkit-transition-property: -webkit-transform,height;
  -moz-transition-property: -moz-transform,height;
  transition-property: transform,height;
  -webkit-transition-duration: inherit !important;
  transition-duration: inherit !important;
  -webkit-transition-timing-function: inherit !important;
  transition-timing-function: inherit !important; }

.lSSlideWrapper .lSFade {
  position: relative; }

.lSSlideWrapper .lSFade > * {
  position: absolute !important;
  top: 0;
  left: 0;
  z-index: 9;
  margin-right: 0;
  width: 100%; }

.lSSlideWrapper.usingCss .lSFade > * {
  opacity: 0;
  -webkit-transition-delay: 0s;
  transition-delay: 0s;
  -webkit-transition-duration: inherit !important;
  transition-duration: inherit !important;
  -webkit-transition-property: opacity;
  transition-property: opacity;
  -webkit-transition-timing-function: inherit !important;
  transition-timing-function: inherit !important; }

.lSSlideWrapper .lSFade > *.active {
  z-index: 10; }

.lSSlideWrapper.usingCss .lSFade > *.active {
  opacity: 1; }

/** /!!! End of core css Should not edit !!!/**/
/* Pager */
.lSSlideOuter .lSPager.lSpg {
  margin: 10px 0 0;
  padding: 0;
  text-align: center; }

.lSSlideOuter .lSPager.lSpg > li {
  cursor: pointer;
  display: inline-block;
  padding: 0 5px; }

.lSSlideOuter .lSPager.lSpg > li a {
  background-color: #222222;
  border-radius: 30px;
  display: inline-block;
  height: 8px;
  overflow: hidden;
  text-indent: -999em;
  width: 8px;
  position: relative;
  z-index: 99;
  -webkit-transition: all 0.5s linear 0s;
  transition: all 0.5s linear 0s; }

.lSSlideOuter .lSPager.lSpg > li:hover a, .lSSlideOuter .lSPager.lSpg > li.active a {
  background-color: #428bca; }

.lSSlideOuter .media {
  opacity: 0.8; }

.lSSlideOuter .media.active {
  opacity: 1; }

/* End of pager */
/** Gallery */
.lSSlideOuter .lSPager.lSGallery {
  list-style: none outside none;
  padding-left: 0;
  margin: 0;
  overflow: hidden;
  transform: translate3d(0px, 0px, 0px);
  -moz-transform: translate3d(0px, 0px, 0px);
  -ms-transform: translate3d(0px, 0px, 0px);
  -webkit-transform: translate3d(0px, 0px, 0px);
  -o-transform: translate3d(0px, 0px, 0px);
  -webkit-transition-property: -webkit-transform;
  -moz-transition-property: -moz-transform;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none; }

.lSSlideOuter .lSPager.lSGallery li {
  overflow: hidden;
  -webkit-transition: border-radius 0.12s linear 0s 0.35s linear 0s;
  transition: border-radius 0.12s linear 0s 0.35s linear 0s; }

.lSSlideOuter .lSPager.lSGallery li.active, .lSSlideOuter .lSPager.lSGallery li:hover {
  border-radius: 5px; }

.lSSlideOuter .lSPager.lSGallery img {
  display: block;
  height: auto;
  max-width: 100%; }

.lSSlideOuter .lSPager.lSGallery:before, .lSSlideOuter .lSPager.lSGallery:after {
  content: " ";
  display: table; }

.lSSlideOuter .lSPager.lSGallery:after {
  clear: both; }

/* End of Gallery*/
/* slider actions */
.lSAction > a {
  width: 32px;
  display: block;
  top: 50%;
  height: 32px;
  background-image: url("../imgs/controls.png");
  cursor: pointer;
  position: absolute;
  z-index: 99;
  margin-top: -16px;
  opacity: 0.5;
  -webkit-transition: opacity 0.35s linear 0s;
  transition: opacity 0.35s linear 0s; }

.lSAction > a:hover {
  opacity: 1; }

.lSAction > .lSPrev {
  background-position: 0 0;
  left: 10px; }

.lSAction > .lSNext {
  background-position: -32px 0;
  right: 10px; }

.lSAction > a.disabled {
  pointer-events: none; }

.cS-hidden {
  height: 1px;
  opacity: 0;
  filter: alpha(opacity=0);
  overflow: hidden; }

/* vertical */
.lSSlideOuter.vertical {
  position: relative; }

.lSSlideOuter.vertical.noPager {
  padding-right: 0px !important; }

.lSSlideOuter.vertical .lSGallery {
  position: absolute !important;
  right: 0;
  top: 0; }

.lSSlideOuter.vertical .lightSlider > * {
  width: 100% !important;
  max-width: none !important; }

/* vertical controlls */
.lSSlideOuter.vertical .lSAction > a {
  left: 50%;
  margin-left: -14px;
  margin-top: 0; }

.lSSlideOuter.vertical .lSAction > .lSNext {
  background-position: 31px -31px;
  bottom: 10px;
  top: auto; }

.lSSlideOuter.vertical .lSAction > .lSPrev {
  background-position: 0 -31px;
  bottom: auto;
  top: 10px; }

/* vertical */
/* Rtl */
.lSSlideOuter.lSrtl {
  direction: rtl; }

.lSSlideOuter .lightSlider, .lSSlideOuter .lSPager {
  padding-left: 0;
  list-style: none outside none; }

.lSSlideOuter.lSrtl .lightSlider, .lSSlideOuter.lSrtl .lSPager {
  padding-right: 0; }

.lSSlideOuter .lightSlider > *, .lSSlideOuter .lSGallery li {
  float: left; }

.lSSlideOuter.lSrtl .lightSlider > *, .lSSlideOuter.lSrtl .lSGallery li {
  float: right !important; }

/* Rtl */
@-webkit-keyframes rightEnd {
  0% {
    left: 0; }
  50% {
    left: -15px; }
  100% {
    left: 0; } }
@keyframes rightEnd {
  0% {
    left: 0; }
  50% {
    left: -15px; }
  100% {
    left: 0; } }
@-webkit-keyframes topEnd {
  0% {
    top: 0; }
  50% {
    top: -15px; }
  100% {
    top: 0; } }
@keyframes topEnd {
  0% {
    top: 0; }
  50% {
    top: -15px; }
  100% {
    top: 0; } }
@-webkit-keyframes leftEnd {
  0% {
    left: 0; }
  50% {
    left: 15px; }
  100% {
    left: 0; } }
@keyframes leftEnd {
  0% {
    left: 0; }
  50% {
    left: 15px; }
  100% {
    left: 0; } }
@-webkit-keyframes bottomEnd {
  0% {
    bottom: 0; }
  50% {
    bottom: -15px; }
  100% {
    bottom: 0; } }
@keyframes bottomEnd {
  0% {
    bottom: 0; }
  50% {
    bottom: -15px; }
  100% {
    bottom: 0; } }
.lSSlideOuter .rightEnd {
  -webkit-animation: rightEnd 0.3s;
  animation: rightEnd 0.3s;
  position: relative; }

.lSSlideOuter .leftEnd {
  -webkit-animation: leftEnd 0.3s;
  animation: leftEnd 0.3s;
  position: relative; }

.lSSlideOuter.vertical .rightEnd {
  -webkit-animation: topEnd 0.3s;
  animation: topEnd 0.3s;
  position: relative; }

.lSSlideOuter.vertical .leftEnd {
  -webkit-animation: bottomEnd 0.3s;
  animation: bottomEnd 0.3s;
  position: relative; }

.lSSlideOuter.lSrtl .rightEnd {
  -webkit-animation: leftEnd 0.3s;
  animation: leftEnd 0.3s;
  position: relative; }

.lSSlideOuter.lSrtl .leftEnd {
  -webkit-animation: rightEnd 0.3s;
  animation: rightEnd 0.3s;
  position: relative; }

/*/  GRab cursor */
.lightSlider.lsGrab > * {
  cursor: -webkit-grab;
  cursor: -moz-grab;
  cursor: -o-grab;
  cursor: -ms-grab;
  cursor: grab; }

.lightSlider.lsGrabbing > * {
  cursor: move;
  cursor: -webkit-grabbing;
  cursor: -moz-grabbing;
  cursor: -o-grabbing;
  cursor: -ms-grabbing;
  cursor: grabbing; }

* {
  padding: 0px;
  margin: 0px;
  box-sizing: border-box;
  -webkit-transition: all 300ms ease-out;
  -moz-transition: all 300ms ease-out;
  -o-transition: all 300ms ease-out;
  transition: all 300ms ease-out; }

body {
  font-family: "Dinot", sans-serif;
  line-height: 1;
  background-color: #f4f4f4; }

#body {
  display: inline-block;
  width: 100%; }

#wrap {
  max-width: 1280px;
  margin: 0px auto;
  overflow-x: hidden;
  padding-top: 56px;
  z-index: 0;
  position: relative; }

.container {
  display: block;
  width: 100%;
  float: left;
  text-align: left; }
  .container h1, .container h2, .container h3, .container h4 {
    font-weight: normal; }
  .container .col-6 {
    display: inline-block;
    width: 50%;
    float: left; }

.lSAction > a {
  background: transparent; }

.form-input {
  width: 100%;
  display: inline-block;
  float: left;
  margin-right: 5px;
  position: relative; }
  .form-input label {
    position: absolute;
    top: 14px;
    left: 14px;
    color: #7c7c7c; }
  .form-input.active label {
    top: -9px;
    left: 7px;
    background: #edeeed; }
  .form-input.active input {
    position: initial; }
  .form-input input {
    width: 100%;
    display: inline-block;
    background: rgba(0, 0, 0, 0.13);
    margin-bottom: 15px;
    border: 1px solid #fff;
    padding: 10px 10px 21px;
    outline: none;
    border-radius: 3px; }

.p_bottom_content {
  display: block;
  width: 100%;
  padding: 0px 20px;
  max-width: 1000px;
  margin: 0px auto; }
  .p_bottom_content .p_btm_row {
    display: inline-block;
    width: 100%;
    margin-bottom: 30px; }
    .p_bottom_content .p_btm_row .p_btm_header {
      display: inline-block;
      width: 100%;
      border-bottom: 1px solid #fafafa; }
      .p_bottom_content .p_btm_row .p_btm_header span {
        display: inline-block;
        font-size: 17px;
        text-transform: uppercase;
        padding: 10px;
        line-height: 1.5; }
        .p_bottom_content .p_btm_row .p_btm_header span svg {
          width: 25px;
          height: 25px;
          fill: #fcd00b;
          vertical-align: top;
          margin-top: 0px;
          margin-right: 6px; }
      .p_bottom_content .p_btm_row .p_btm_header a {
        display: inline-block;
        text-decoration: none;
        text-transform: uppercase;
        color: #000;
        background-color: #fdcf0a;
        border-radius: 40px;
        padding: 10px;
        float: right;
        margin-top: 5px;
        font-size: 15px; }
        .p_bottom_content .p_btm_row .p_btm_header a svg {
          width: 10px;
          height: 10px; }

@media screen and (min-width: 700px) {
  #wrap {
    padding-top: 59px; } }
@media screen and (min-width: 954px) {
  #wrap {
    padding-top: 57px; } }
.clearfix:after {
  content: "";
  display: table;
  clear: both; }

/*-----NAV-----*/
/*div*/
.nav-container {
  box-shadow: 1px 0 2px #ccc;
  clear: both;
  position: relative;
  display: inline-block;
  width: 100%;
  z-index: 5;
  background: #fff;
  float: left;
  position: fixed;
  top: 0px;
  left: 0px; }
  .nav-container #logo {
    display: inline-block;
    padding: 8px 0px 0px 0px; }
  .nav-container .wrap_container {
    max-width: 1280px;
    display: block;
    margin: 0px auto; }
  @media (max-width: 700px) {
    .nav-container {
      border-bottom: 2px solid #fdcf0a; }
      .nav-container #logo {
        padding: 9px 0px 0px 10px; } }

/*nav*/
.main-nav {
  clear: both;
  transition: all 0.3s linear;
  display: inline-block;
  float: right;
  position: relative;
  z-index: 10;
  background-color: #fff; }
  .main-nav .main-menu {
    float: right;
    margin: 0;
    padding: 0; }
    .main-nav .main-menu > li {
      color: #222;
      font-size: 18px;
      float: left;
      list-style: none;
      margin-right: 6px;
      position: relative; }
      .main-nav .main-menu > li.sub {
        float: right; }
      .main-nav .main-menu > li .c_drop_el .c_drop_item {
        width: 100%; }
        .main-nav .main-menu > li .c_drop_el .c_drop_item a:hover {
          background-color: transparent; }
      .main-nav .main-menu > li > a {
        text-decoration: none;
        text-transform: uppercase;
        font-size: 16px;
        color: #000;
        overflow: hidden;
        display: inline-block;
        position: relative; }
        .main-nav .main-menu > li > a svg {
          width: 15px;
          height: 15px;
          fill: #bdbcbc;
          vertical-align: top;
          margin: 22px -2px 0px 10px; }
      .main-nav .main-menu > li.rl > a {
        padding: 12px 0px 0px 0px;
        font-size: 14px; }
        .main-nav .main-menu > li.rl > a span {
          background-color: #505050;
          padding: 10px 21px;
          color: #ffce26;
          display: inline-block;
          border-radius: 3px;
          font-weight: bold; }
        .main-nav .main-menu > li.rl > a:hover span {
          color: #fff; }
      .main-nav .main-menu > li:not(.rl):before {
        content: '';
        position: absolute;
        width: 100%;
        height: 7px;
        background-color: #fdd116;
        top: 100%;
        left: 0px;
        display: none; }
      .main-nav .main-menu > li:not(.rl).active:before {
        display: block; }
      .main-nav .main-menu > li:not(.rl).active a {
        color: #fdd116;
        font-weight: bold; }
        .main-nav .main-menu > li:not(.rl).active a span {
          -webkit-transform: translateY(-70%);
          -moz-transform: translateY(-70%);
          transform: translateY(-70%); }
        .main-nav .main-menu > li:not(.rl).active a svg {
          fill: #fdd116; }
      .main-nav .main-menu > li:not(.rl) > a:hover {
        color: #161616;
        background-color: #fdd116; }
        .main-nav .main-menu > li:not(.rl) > a:hover span {
          -webkit-transform: translateY(-37px);
          -moz-transform: translateY(-37px);
          transform: translateY(-37px); }
        .main-nav .main-menu > li:not(.rl) > a:hover svg {
          fill: #000; }
      .main-nav .main-menu > li:not(.rl) > a span {
        position: relative;
        display: inline-block;
        padding: 21px 10px 20px;
        -webkit-transition: -webkit-transform 0.3s;
        -moz-transition: -moz-transform 0.3s;
        transition: transform 0.3s; }
        .main-nav .main-menu > li:not(.rl) > a span:before {
          position: absolute;
          top: 100%;
          left: 0px;
          content: attr(data-hover);
          text-align: center;
          width: 100%; }
      .main-nav .main-menu > li:last-child {
        margin-right: 0px; }
    @media (max-width: 700px) {
      .main-nav .main-menu {
        width: 100%; }
        .main-nav .main-menu > li {
          float: none;
          margin-right: 0px;
          width: 100%; }
          .main-nav .main-menu > li .c_drop_el {
            position: relative;
            top: 0px;
            width: 100%; }
            .main-nav .main-menu > li .c_drop_el .c_drop_btn {
              width: 100%; }
            .main-nav .main-menu > li .c_drop_el .c_drop_item {
              width: 100%; }
          .main-nav .main-menu > li.active:before {
            display: none; }
          .main-nav .main-menu > li > a {
            font-weight: bold;
            width: 100%; }
            .main-nav .main-menu > li > a span {
              padding: 15px; }
            .main-nav .main-menu > li > a:hover span {
              -webkit-transform: translateY(0%);
              -moz-transform: translateY(0%);
              transform: translateY(0%); }
          .main-nav .main-menu > li.rl > a {
            padding: 0px; }
            .main-nav .main-menu > li.rl > a span {
              background-color: transparent;
              color: #000;
              font-size: 16px;
              padding: 19px 0px 20px 15px;
              background-color: #eaeaea;
              width: 100%; }
            .main-nav .main-menu > li.rl > a:hover span {
              color: #000; }
        .main-nav .main-menu > li:last-of-type {
          border: none; } }
  .main-nav.sec-menu {
    float: none;
    vertical-align: top;
    margin-left: 50px; }
    .main-nav.sec-menu .main-menu > li:first-child {
      float: left; }
    .main-nav.sec-menu .main-menu > li > a svg {
      margin: 21px -2px 0px 10px; }
  @media (max-width: 700px) {
    .main-nav {
      float: none;
      display: block;
      max-height: 0;
      overflow: hidden;
      border-top: 1px solid rgba(0, 0, 0, 0.08); } }

/*ul*/
.open-menu {
  max-height: 30em;
  overflow-y: auto; }

/*----MENU LINK----*/
.menu-link {
  color: #222;
  font-size: 18px;
  display: none;
  float: right;
  text-decoration: none;
  margin: 9px 16px 14px; }
  .menu-link svg {
    width: 30px;
    height: 30px;
    fill: #000; }
  @media (max-width: 700px) {
    .menu-link {
      display: inline-block; } }

.container.header {
  background-color: #fff;
  box-shadow: 0px -4px 15px 5px rgba(0, 0, 0, 0.42);
  position: relative;
  z-index: 2; }
  .container.header #hone, .container.header #htwo {
    display: inline-block;
    width: 100%;
    float: left; }
  .container.header #hone {
    background: url(../imgs/img1.jpg) no-repeat;
    position: relative; }
    .container.header #hone:before {
      content: '';
      position: absolute;
      top: 0px;
      left: 0px;
      width: 100%;
      height: 100%;
      background-color: rgba(255, 255, 255, 0.3);
      opacity: 1;
      -webkit-transition: opacity 300ms ease-out;
      -moz-transition: opacity 300ms ease-out;
      -o-transition: opacity 300ms ease-out;
      transition: opacity 300ms ease-out; }
    .container.header #hone #odiv {
      margin: 150px 10px 14px;
      display: inline-block;
      position: relative; }
    .container.header #hone .ocdiv {
      background-color: rgba(255, 255, 255, 0.85);
      width: 49%;
      float: left;
      margin: 0px 2px 0px 0px;
      text-align: center;
      padding: 4px 16px 20px;
      box-sizing: border-box; }
      .container.header #hone .ocdiv h1 {
        font-size: 18px;
        font-weight: bold;
        padding: 22px 0px;
        text-transform: uppercase; }
      .container.header #hone .ocdiv p {
        font-size: 14px;
        liNe-height: 1.4; }
      .container.header #hone .ocdiv a {
        text-decoration: none;
        text-transform: uppercase;
        display: inline-block; }
        .container.header #hone .ocdiv a.ylink {
          background-color: #fdcf0a;
          color: #000;
          padding: 16px 0px;
          font-size: 10px;
          width: 100%;
          font-weight: bold;
          margin-top: 20px; }
          .container.header #hone .ocdiv a.ylink:hover {
            color: #fdcf0a;
            background-color: #000; }
      .container.header #hone .ocdiv:last-of-type {
        width: 98.6%;
        text-align: left;
        padding: 8px 16px 20px;
        margin: 2px 0px 0px 0px; }
        .container.header #hone .ocdiv:last-of-type .form-input {
          width: 41%;
          display: inline-block;
          float: left;
          margin-right: 5px;
          position: relative; }
          .container.header #hone .ocdiv:last-of-type .form-input label {
            position: absolute;
            top: 14px;
            left: 14px;
            color: #bbbabb; }
          .container.header #hone .ocdiv:last-of-type .form-input.active label {
            top: -9px;
            left: 7px;
            background: #edeeed; }
          .container.header #hone .ocdiv:last-of-type .form-input.active input {
            position: initial; }
        .container.header #hone .ocdiv:last-of-type input {
          width: 100%;
          display: inline-block;
          background: transparent;
          border: 1px solid #d1d1d1;
          padding: 10px;
          outline: none;
          border-radius: 3px;
          position: relative; }
        .container.header #hone .ocdiv:last-of-type button {
          border: none;
          background-color: #fdcf0a;
          display: inline-block;
          width: 37px;
          height: 37px;
          float: right;
          border-radius: 3px;
          cursor: pointer; }
          .container.header #hone .ocdiv:last-of-type button:hover {
            background-color: #000; }
            .container.header #hone .ocdiv:last-of-type button:hover svg {
              fill: #fdcf0a; }
        .container.header #hone .ocdiv:last-of-type svg {
          width: 20px;
          height: 20px; }
        .container.header #hone .ocdiv:last-of-type a {
          display: inline-block;
          width: 100%;
          float: left;
          text-align: right;
          margin-top: 15px;
          color: #000; }
          .container.header #hone .ocdiv:last-of-type a:hover {
            color: #fdcf0a; }
      .container.header #hone .ocdiv:hover a.ylink {
        color: #fdcf0a;
        background-color: #000; }
    .container.header #hone:hover:before {
      opacity: 0; }
  .container.header .box {
    display: inline-block;
    width: 50%;
    float: left;
    height: 166px;
    text-align: center;
    text-transform: uppercase;
    position: relative; }
    .container.header .box.b1, .container.header .box.b2, .container.header .box.b3 {
      background-size: contain; }
      .container.header .box.b1:before, .container.header .box.b2:before, .container.header .box.b3:before {
        content: '';
        position: absolute;
        top: 0px;
        left: 0px;
        width: 100%;
        height: 100%;
        background-color: rgba(255, 255, 255, 0.3);
        opacity: 1;
        -webkit-transition: opacity 300ms ease-out;
        -moz-transition: opacity 300ms ease-out;
        -o-transition: opacity 300ms ease-out;
        transition: opacity 300ms ease-out; }
    .container.header .box.b1 {
      background: url(../imgs/img2.jpg) no-repeat center center; }
    .container.header .box.b2 {
      background: url(../imgs/img3.jpg) no-repeat center center; }
    .container.header .box.b3 {
      background: url(../imgs/img4.jpg) no-repeat center center; }
    .container.header .box h1 {
      font-size: 20px;
      margin-top: 34%; }
    .container.header .box a {
      text-decoration: none;
      color: #fff; }
      .container.header .box a.more_link {
        background-color: #fdd93b;
        text-decoration: none;
        color: #fff;
        padding: 6px 20px 9px;
        border-radius: 20px;
        display: inline-block;
        margin-top: 10px; }
      .container.header .box a.watch {
        text-shadow: 1px 1px 1px #000;
        margin-top: 24%;
        display: inline-block;
        position: relative; }
        .container.header .box a.watch span {
          opacity: 0; }
    .container.header .box svg {
      width: 60px;
      height: 60px;
      display: block;
      margin: 0px auto 5px;
      fill: #fff; }
    .container.header .box:hover {
      background-color: #fdd93b; }
      .container.header .box:hover.b1:before, .container.header .box:hover.b2:before, .container.header .box:hover.b3:before {
        opacity: 0; }
      .container.header .box:hover.b2 a.watch span {
        opacity: 1; }
      .container.header .box:hover h1 {
        color: #fff; }
      .container.header .box:hover a.more_link {
        color: #000;
        background-color: #fff; }

@media screen and (min-width: 700px) {
  .container.header {
    position: relative; }
    .container.header #hone, .container.header #htwo {
      position: relative;
      width: 50%;
      float: right; }
    .container.header #hone {
      position: absolute;
      top: 0px;
      left: 0px;
      height: 100%; }
      .container.header #hone .ocdiv {
        padding: 6px 15px 22px; }
        .container.header #hone .ocdiv h1 {
          padding: 17px 0px;
          font-family: 'DinotBold' , sans-serif; }
        .container.header #hone .ocdiv a.ylink {
          font-family: 'DinotBold' , sans-serif; }
        .container.header #hone .ocdiv:last-of-type {
          padding: 8px 28px 23px; }
          .container.header #hone .ocdiv:last-of-type .form-input {
            width: 36%;
            width: calc(50% - 39px); }
          .container.header #hone .ocdiv:last-of-type input {
            padding: 16px; }
          .container.header #hone .ocdiv:last-of-type button {
            width: 64px;
            height: 49px; }
      .container.header #hone #odiv {
        margin: 9px 10px 14px; }
    .container.header .box h1 {
      margin-top: 24%; } }
@media screen and (min-width: 1280px) {
  .container.header .box {
    height: 235px; }
    .container.header .box.b1, .container.header .box.b2, .container.header .box.b3 {
      background-size: cover; }
    .container.header .box h1 {
      font-size: 30px;
      width: 64%;
      margin: 16% auto 0px;
      line-height: 1.3; }
    .container.header .box a.more_link {
      margin-top: 20px; }
    .container.header .box a.watch {
      font-size: 25px; }
    .container.header .box svg {
      width: 80px;
      height: 80px;
      margin: 0px auto 15px;
      fill: rgba(253, 217, 59, 0.87); }
  .container.header #hone #odiv {
    margin: 34% auto;
    max-width: 506px;
    display: block; }
  .container.header #hone .ocdiv {
    padding: 6px 19px 22px; }
    .container.header #hone .ocdiv h1 {
      padding: 35px 0px 18px; }
    .container.header #hone .ocdiv a.ylink {
      font-size: 14px;
      margin-bottom: 11px; }
    .container.header #hone .ocdiv:last-of-type {
      padding: 17px 39px 18px; }
      .container.header #hone .ocdiv:last-of-type h1 {
        padding: 13px 0px 18px; } }
.container.content {
  background-color: #fdcf0a;
  box-shadow: 0px -4px 15px 5px rgba(0, 0, 0, 0.42);
  position: relative; }
  .container.content #left, .container.content #right {
    display: inline-block;
    width: 100%;
    float: left; }
  .container.content #right {
    background-color: #5b5b5b;
    position: relative; }
    .container.content #right:before {
      content: '';
      position: absolute;
      width: 100%;
      height: 1px;
      background-color: #d9b208;
      top: 0px;
      left: 0px; }
  .container.content #people {
    text-align: center;
    color: #fff;
    padding: 40px 20px 40px;
    display: inline-block;
    width: 100%; }
    .container.content #people h1 {
      color: #fff;
      font-size: 20px;
      margin: 20px 0px 30px; }
    .container.content #people img {
      border-radius: 50%;
      box-shadow: 1px 1px 1px 2px rgba(0, 0, 0, 0.2);
      width: 100px;
      height: 100px;
      border: 2px solid #4d4d4d; }
    .container.content #people h3 {
      font-size: 20px;
      margin: 10px 0px 5px; }
    .container.content #people h4 {
      font-size: 16px;
      color: #c2c2c2; }
    .container.content #people p {
      max-width: 220px;
      margin: 20px auto;
      line-height: 1.3; }
    .container.content #people .lSAction > a {
      top: 45px; }
      .container.content #people .lSAction > a svg {
        fill: #fff;
        width: 36px;
        height: 36px; }
  .container.content .post-item {
    margin: 40px 40px 0px;
    padding-bottom: 60px;
    color: #fff;
    display: inline-block;
    border-bottom: 1px solid #6c6c6c; }
    .container.content .post-item h1 {
      display: inline-block;
      font-size: 20px;
      margin-bottom: 15px;
      text-transform: uppercase; }
    .container.content .post-item a {
      display: inline-block;
      color: #fff;
      text-decoration: none;
      font-size: 18px;
      margin: 5px 0px;
      width: 100%; }
    .container.content .post-item img {
      width: 100%;
      height: auto; }
    .container.content .post-item span {
      display: block;
      color: #afafaf;
      line-height: 1.3; }
      .container.content .post-item span:first-of-type {
        color: #fdb60a;
        margin-top: 10px; }
  .container.content #how {
    background-color: #fdcf0a;
    padding: 20px; }
    .container.content #how > a {
      display: inline-block;
      position: relative;
      line-height: 0px; }
      .container.content #how > a svg {
        fill: #fff;
        position: absolute;
        width: 60px;
        height: 60px;
        left: 50%;
        margin-left: -30px;
        top: 50%;
        margin-top: -30px; }
      .container.content #how > a img {
        width: 100%;
        height: auto;
        max-height: 263px; }
  .container.content #how_content {
    text-align: center; }
    .container.content #how_content h1 {
      font-size: 20px;
      text-transform: uppercase;
      margin: 22px 0px; }
  .container.content #how_content ul {
    list-style: none; }
    .container.content #how_content ul li {
      display: inline-block;
      text-align: center;
      font-size: 14px;
      vertical-align: top;
      margin-right: 20px; }
      .container.content #how_content ul li:last-child {
        margin-right: 0px; }
      .container.content #how_content ul li span {
        width: 60px;
        height: 60px;
        background-color: #fff;
        display: block;
        margin: 0px auto 10px;
        border-radius: 50%;
        position: relative; }
        .container.content #how_content ul li span svg {
          width: 30px;
          height: 30px;
          position: absolute;
          top: 50%;
          margin-top: -15px;
          left: 50%;
          margin-left: -15px; }
  .container.content #last_content {
    padding: 40px 20px 20px 20px;
    background: #fff; }
    .container.content #last_content h1 {
      color: #161616;
      font-size: 20px;
      margin-bottom: 10px;
      text-transform: uppercase; }
    .container.content #last_content ul {
      list-style: none; }
      .container.content #last_content ul li {
        background-color: #f5f5f5;
        border: 1px solid #f0f0f0;
        border-radius: 3px;
        font-size: 13px;
        display: inline-block;
        width: 100%;
        margin-bottom: 10px;
        position: relative; }
        .container.content #last_content ul li.featured:before {
          content: '';
          position: absolute;
          top: 0px;
          right: 0px;
          width: 43px;
          height: 40px;
          background: url(../imgs/feature.png) no-repeat; }
        .container.content #last_content ul li > a {
          display: inline-block;
          width: 20%;
          width: 70px;
          height: 70px;
          background-color: #fff;
          float: left;
          line-height: 76px;
          padding: 0px 5px; }
          .container.content #last_content ul li > a img {
            width: 100%;
            height: auto; }
        .container.content #last_content ul li div {
          color: #656565;
          display: inline-block;
          padding: 5px 0px 0px 7px; }
          .container.content #last_content ul li div:first-of-type {
            width: 70%;
            display: inline-block;
            vertical-align: top;
            padding: 6px 0px 3px 10px;
            float: left; }
          .container.content #last_content ul li div:last-of-type {
            color: #9a9a9a; }
          .container.content #last_content ul li div a {
            text-decoration: none; }
          .container.content #last_content ul li div h2 {
            font-size: 14px; }
            .container.content #last_content ul li div h2 a {
              color: #fdb60a; }
          .container.content #last_content ul li div h3 {
            font-size: 12px;
            margin-top: 5px; }
            .container.content #last_content ul li div h3 a {
              color: #9a9a9a; }
        .container.content #last_content ul li:hover {
          background-color: #fcfcfc; }
    .container.content #last_content a {
      text-decoration: none; }
      .container.content #last_content a.more_btn {
        color: #9c9c9c;
        background-color: #e8e8e8;
        width: 100%;
        display: inline-block;
        text-align: center;
        padding: 12px 0px 16px;
        text-transform: uppercase;
        margin-top: 10px;
        border-radius: 3px; }
        .container.content #last_content a.more_btn:hover {
          color: #ffffff;
          background-color: #fdcf0a; }
    .container.content #last_content svg {
      width: 18px;
      height: 18px;
      vertical-align: middle;
      fill: #959595; }
  .container.content #latest_tabs a {
    text-transform: uppercase;
    text-decoration: none;
    color: #a6a6a6;
    background-color: #f5f5f5;
    display: inline-block;
    padding: 13px 7px;
    border-bottom: 5px solid #ebebeb;
    margin-bottom: 10px;
    font-size: 11px;
    float: left;
    width: 29.5%;
    text-align: center;
    margin-right: 0.5%; }
    .container.content #latest_tabs a:first-of-type {
      width: 40%; }
    .container.content #latest_tabs a:last-of-type {
      margin-right: 0%; }
    .container.content #latest_tabs a.active, .container.content #latest_tabs a:hover {
      background-color: #fdcf0a;
      color: #fff;
      border-bottom: 5px solid #fdb60a; }

@media screen and (min-width: 700px) {
  .container.content #left, .container.content #right {
    width: 50%;
    float: left; } }
@media screen and (min-width: 1280px) {
  .container.content #left {
    width: 75%; }
  .container.content #right {
    width: 25%; }
  .container.content #last_content {
    padding: 60px 60px 65px 60px; }
    .container.content #last_content h1 {
      font-size: 30px;
      margin-top: 10px;
      margin-bottom: 30px; }
    .container.content #last_content ul li div {
      padding: 35px 11% 0px 7px;
      font-size: 17px; }
      .container.content #last_content ul li div h2 {
        font-size: 22px; }
      .container.content #last_content ul li div h3 {
        font-size: 17px;
        margin-top: 8px; }
      .container.content #last_content ul li div:first-of-type {
        width: 50%;
        padding: 23px 0px 3px 25px; }
      .container.content #last_content ul li div:last-of-type {
        padding-right: 12px; }
    .container.content #last_content ul li > a {
      width: 135px;
      height: 99px;
      line-height: 116px;
      text-align: center; }
      .container.content #last_content ul li > a img {
        width: auto; }
    .container.content #last_content a.more_btn {
      padding: 20px 0px 19px; }
  .container.content #latest_tabs a {
    font-size: 16px;
    padding: 21px 41px;
    margin-bottom: 26px;
    width: 33%; }
    .container.content #latest_tabs a:first-of-type {
      width: 33%; }
  .container.content #how {
    padding: 0px; }
    .container.content #how > a {
      width: 50%;
      float: left; }
    .container.content #how #how_content {
      width: 50%;
      float: left; }
      .container.content #how #how_content h1 {
        font-size: 30px;
        margin: 44px 0px; }
      .container.content #how #how_content ul li span {
        width: 90px;
        height: 90px; } }
.container.page {
  background: #fff; }
  .container.page.register {
    background: url(../imgs/bg1.jpg) #fff 50% 0 no-repeat fixed;
    position: relative;
    z-index: 1; }
    .container.page.register .forget_link {
      display: inline-block;
      float: right;
      text-decoration: none;
      color: #000;
      margin-top: 10px; }
    .container.page.register .check-input {
      position: relative;
      display: inline-block;
      width: 100%;
      margin-bottom: 15px; }
      .container.page.register .check-input input[type='checkbox'] {
        height: 0;
        width: 0;
        position: absolute; }
      .container.page.register .check-input input[type='checkbox'] + label {
        position: relative;
        display: flex;
        align-items: center;
        color: #2c2c2c;
        transition: color 250ms cubic-bezier(0.4, 0, 0.23, 1); }
      .container.page.register .check-input input[type='checkbox'] + label > span {
        display: flex;
        justify-content: center;
        align-items: center;
        margin-right: 1em;
        width: 20px;
        height: 20px;
        background: transparent;
        border: 2px solid #9E9E9E;
        border-radius: 2px;
        cursor: pointer;
        transition: all 250ms cubic-bezier(0.4, 0, 0.23, 1); }
      .container.page.register .check-input input[type='checkbox'] + label:hover, .container.page.register .check-input input[type='checkbox']:focus + label {
        color: #000; }
      .container.page.register .check-input input[type='checkbox'] + label:hover > span, .container.page.register .check-input input[type='checkbox']:focus + label > span {
        background: rgba(255, 255, 255, 0.1); }
      .container.page.register .check-input input[type='checkbox']:checked + label > ins {
        height: 100%; }
      .container.page.register .check-input input[type='checkbox']:checked + label > span {
        /*border: 10px solid #179bd7;*/
        animation: shrink-bounce 200ms cubic-bezier(0.4, 0, 0.23, 1); }
      .container.page.register .check-input input[type='checkbox']:checked + label > span:before {
        content: '✔';
        position: absolute;
        top: 2px;
        left: .2em;
        font-size: 18px;
        line-height: 0.8;
        color: #2c2c2c;
        transition: all .2s; }
    .container.page.register .col-6 {
      display: inline-block;
      width: 100%;
      float: left;
      padding: 20px; }
      .container.page.register .col-6 h1 {
        font-size: 20px;
        font-weight: bold;
        margin-bottom: 20px;
        text-transform: uppercase; }
      .container.page.register .col-6:nth-of-type(2) {
        margin-top: 40px; }
        .container.page.register .col-6:nth-of-type(2) p {
          margin-bottom: 20px;
          font-weight: bold; }
  .container.page .my_btn {
    background-color: #2c2c2c;
    border: none;
    padding: 15px 20px;
    margin-top: 10px;
    color: #ffd007;
    text-transform: uppercase;
    font-size: 14px;
    font-weight: bold;
    border-radius: 4px;
    cursor: pointer; }
    .container.page .my_btn:hover {
      background-color: #ffd007;
      color: #2c2c2c; }
  .container.page .watch_video {
    display: inline-block;
    position: relative;
    line-height: 0px; }
    .container.page .watch_video svg {
      fill: #fff;
      position: absolute;
      width: 60px;
      height: 60px;
      left: 50%;
      margin-left: -30px;
      top: 50%;
      margin-top: -30px; }
    .container.page .watch_video img {
      width: 100%;
      height: auto; }
  .container.page ul.list {
    list-style: none;
    height: 100%;
    width: 100%;
    margin: 0;
    padding: 0;
    display: inline-block; }
    .container.page ul.list li {
      color: #fff;
      display: inline-block;
      position: relative;
      float: left; }
      .container.page ul.list li input[type=radio] {
        position: absolute;
        visibility: hidden; }
        .container.page ul.list li input[type=radio]:checked ~ .check {
          border: 2px solid #fff; }
        .container.page ul.list li input[type=radio]:checked ~ .check::before {
          background: #fdcf0a; }
        .container.page ul.list li input[type=radio]:checked ~ label {
          color: #FFF; }
      .container.page ul.list li label {
        display: block;
        position: relative;
        font-size: 14px;
        padding: 2px 22px 5px 22px;
        margin: 0px auto;
        height: 21px;
        z-index: 9;
        font-weight: bold;
        text-transform: uppercase;
        cursor: pointer;
        -webkit-transition: all 0.25s linear;
        text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.28); }
      .container.page ul.list li .check {
        display: block;
        position: absolute;
        border: 2px solid #fff;
        border-radius: 100%;
        height: 15px;
        width: 15px;
        top: 2px;
        left: 0px;
        z-index: 5;
        transition: border .25s linear;
        -webkit-transition: border .25s linear; }
        .container.page ul.list li .check:before {
          display: block;
          position: absolute;
          content: '';
          border-radius: 100%;
          height: 10px;
          width: 10px;
          top: 0px;
          left: 0px;
          margin: auto;
          transition: background 0.25s linear;
          -webkit-transition: background 0.25s linear; }
      .container.page ul.list li:hover label {
        color: #FFFFFF; }
      .container.page ul.list li:hover .check {
        border: 2px solid #FFFFFF; }

.c_drop_el {
  position: absolute;
  display: inline-block;
  right: 0px;
  top: 56px;
  z-index: 1; }
  .c_drop_el .c_drop_list {
    margin: 0px 0 0 0;
    padding: 32px 18px 5px;
    list-style: none;
    position: relative;
    top: 125%;
    left: 0;
    width: 100%;
    opacity: 0;
    display: none;
    background: #3d3d3d;
    transition: opacity .25s linear, top .25s linear; }
  .c_drop_el.is-open .c_drop_list {
    opacity: 1;
    display: block;
    top: 100%; }
  .c_drop_el .c_drop_item {
    -webkit-appearance: none;
    margin: 0px 0px 28px;
    border: 0;
    overflow: visible;
    font: inherit;
    text-transform: none;
    display: inline-block;
    vertical-align: middle;
    text-decoration: none;
    user-select: none; }
    .c_drop_el .c_drop_item svg {
      width: 20px;
      height: 20px;
      vertical-align: top;
      fill: #fff;
      margin-right: 10px; }
    .c_drop_el .c_drop_item a {
      color: #fff;
      text-decoration: none;
      text-transform: uppercase;
      font-size: 14px;
      padding-top: 0px;
      display: inline-block;
      line-height: 1.4; }
      .c_drop_el .c_drop_item a:hover {
        color: #fdcf0a; }
        .c_drop_el .c_drop_item a:hover svg {
          fill: #fdcf0a; }
  .c_drop_el .c_drop_btn {
    -webkit-appearance: none;
    margin: 0;
    border: 0;
    overflow: visible;
    font: inherit;
    text-transform: none;
    display: inline-block;
    vertical-align: middle;
    text-decoration: none;
    user-select: none; }
    .c_drop_el .c_drop_btn img {
      width: 43px;
      border-radius: 50%;
      border: 2px solid #fff;
      vertical-align: top;
      position: absolute;
      top: 7px;
      left: 16px; }
    .c_drop_el .c_drop_btn b {
      display: block;
      clear: both; }
    .c_drop_el .c_drop_btn:hover, .c_drop_el .c_drop_btn:focus {
      outline: none;
      text-decoration: none; }
    .c_drop_el .c_drop_btn:not(:disabled) {
      cursor: pointer; }
  .c_drop_el .c_drop_btn {
    padding: 8px 34px 8px 67px;
    background-color: #fdcf0a;
    color: #28292b;
    font-size: 14px;
    line-height: 18px;
    min-height: 32px;
    width: 220px;
    transition: background-color .2s linear;
    font-size: 15px;
    height: 59px; }
    .c_drop_el .c_drop_btn:hover {
      background-color: #ffd934; }
    .c_drop_el .c_drop_btn:after {
      content: "";
      position: absolute;
      top: 26px;
      right: 17px;
      width: 0;
      height: 0;
      border: 5px solid transparent;
      border-top-color: #28292b; }

.p_header {
  text-align: center;
  margin-top: 80px;
  padding: 0px 10px 20px;
  position: relative; }
  .p_header:before {
    content: '';
    position: absolute;
    height: 1px;
    width: 100%;
    background-color: #fafafa;
    left: 0px;
    top: 55px; }
  .p_header img {
    border-radius: 50%;
    position: relative; }
  .p_header h2 {
    font-weight: bold;
    text-transform: uppercase;
    padding: 20px 0px 10px;
    font-size: 20px;
    font-family: "DinotBold", sans-serif; }
    .p_header h2 span {
      color: #fcd00b; }
  .p_header h3 {
    font-size: 16px;
    margin-bottom: 20px; }
  .p_header .header_logo {
    display: inline-block;
    border: 1px solid #e7e7e7;
    padding: 8px 15px 6px;
    margin-bottom: 10px;
    background-color: #fff; }
  .p_header.pv2 {
    background-color: #f7f7f7;
    margin-top: 100px; }
    .p_header.pv2:before {
      display: none; }
    .p_header.pv2 .header_logo {
      margin-top: -25px; }

.xbtn_row {
  display: inline-block;
  width: 100%;
  text-align: center; }

.xbtn {
  display: inline-block;
  text-decoration: none;
  text-transform: uppercase;
  color: #000;
  background-color: #fdcf0a;
  font-weight: bold;
  padding: 15px 25px;
  border-radius: 3px;
  font-size: 14px; }
  .xbtn:hover {
    background-color: #000;
    color: #fff; }

.p_body {
  display: inline-block;
  width: 100%;
  padding: 20px;
  text-align: left; }
  .p_body h2 {
    text-transform: uppercase;
    margin-bottom: 20px; }
    .p_body h2 span {
      font-family: "DinotBold", sans-serif; }
  .p_body p {
    color: #585858;
    margin-bottom: 25px;
    line-height: 1.4; }
    .p_body p span {
      display: inline-block;
      width: 100%;
      color: #000;
      font-family: "DinotBold", sans-serif; }
      .p_body p span.v2 {
        font-family: "Dinot", sans-serif;
        color: #585858; }
        .p_body p span.v2 b {
          font-family: "DinotBold", sans-serif;
          color: #000; }
  .p_body .p_body_social {
    display: inline-block;
    width: 100%;
    text-align: center;
    padding-bottom: 68px; }
    .p_body .p_body_social a {
      display: inline-block;
      background-color: #c4c4cc;
      border-radius: 50%;
      width: 40px;
      height: 40px;
      margin: 0px 18px;
      color: #c4c4cc;
      position: relative;
      text-decoration: none; }
      .p_body .p_body_social a svg {
        width: 20px;
        height: 20px;
        fill: #fff;
        margin-top: 10px; }
      .p_body .p_body_social a span {
        display: inline-block;
        text-transform: uppercase;
        position: absolute;
        width: 80px;
        top: 48px;
        left: 50%;
        margin-left: -40px;
        font-size: 13px; }
      .p_body .p_body_social a:hover {
        color: #000;
        background-color: #000; }
  .p_body.pv2 {
    background-color: #f7f7f7; }

.p_body_map {
  display: inline-block;
  width: 100%;
  padding: 20px; }
  .p_body_map h2 {
    text-align: center;
    text-transform: uppercase;
    font-size: 20px;
    text-align: left;
    margin: 20px 0px 25px; }
    .p_body_map h2 span {
      font-family: "DinotBold", sans-serif; }
  .p_body_map p {
    line-height: 1.5; }

#map_container {
  display: inline-block;
  width: 100%;
  margin: 30px 0px 40px; }
  #map_container h3 {
    text-transform: uppercase;
    font-size: 14px;
    margin-bottom: 10px; }
    #map_container h3 span {
      font-family: "DinotBold", sans-serif; }
  #map_container #map {
    display: inline-block;
    width: 100%;
    height: 250px; }

.p_form {
  display: block;
  padding: 20px;
  max-width: 820px;
  margin: 0px auto; }
  .p_form.sgl {
    margin-top: 20px; }
  .p_form.pf_inner {
    padding: 0px; }
  .p_form > h2 {
    font-size: 20px;
    text-transform: uppercase;
    font-weight: bold;
    margin-bottom: 20px; }
    .p_form > h2 span {
      font-family: "DinotBold", sans-serif; }
  .p_form .input-row {
    display: inline-block;
    width: 100%;
    margin-bottom: 20px; }
    .p_form .input-row label {
      display: block;
      font-weight: bold;
      margin-bottom: 8px;
      color: #a1a1a1;
      font-size: 15px; }
    .p_form .input-row input, .p_form .input-row textarea, .p_form .input-row select {
      display: inline-block;
      width: 100%;
      padding: 15px 10px;
      outline: none;
      background-color: #fcfcfc;
      border: 1px solid #f0f0f0;
      font-weight: bold; }
    .p_form .input-row textarea {
      height: 100px; }
    .p_form .input-row.double input, .p_form .input-row.double textarea, .p_form .input-row.double select {
      width: 47%;
      margin-right: 3%; }
      .p_form .input-row.double input:nth-of-type(2), .p_form .input-row.double textarea:nth-of-type(2), .p_form .input-row.double select:nth-of-type(2) {
        margin-right: 0px; }
    .p_form .input-row.double.sal select {
      margin-right: 0px; }
    .p_form .input-row.last {
      text-align: center;
      padding: 20px 0px; }
  .p_form .input-ico-group {
    display: inline-block;
    width: 100%;
    position: relative; }
    .p_form .input-ico-group span {
      width: 50px;
      height: 100%;
      position: absolute;
      top: 0px;
      left: 0px;
      background-color: #f7f7f7; }
      .p_form .input-ico-group span svg {
        width: 16px;
        height: 16px;
        position: absolute;
        fill: #fff;
        top: 15px;
        left: 17px; }
      .p_form .input-ico-group span:before {
        content: '';
        position: absolute;
        width: 30px;
        height: 30px;
        background-color: #dfdee4;
        top: 8px;
        left: 10px;
        border-radius: 50%; }
    .p_form .input-ico-group input, .p_form .input-ico-group textarea, .p_form .input-ico-group select {
      padding-left: 60px; }

.p_content {
  display: inline-block;
  width: 100%;
  text-align: center;
  line-height: 0px;
  padding: 20px 0px 50px; }
  .p_content div {
    display: inline-block;
    background-color: #fafafa;
    border: 1px solid #fbfbfb;
    width: 40%;
    height: 120px;
    margin: 5px;
    padding-top: 40px;
    text-align: center; }
    .p_content div b {
      display: inline-block;
      width: 100%;
      font-size: 35px;
      margin-bottom: 45px; }
    .p_content div span {
      font-family: "DinotBold", sans-serif;
      font-size: 12px; }

.b_box {
  display: inline-block;
  width: 100%;
  background-color: #fff;
  padding: 40px 20px; }
  .b_box .form-input {
    width: 100%;
    display: inline-block;
    float: left;
    margin-right: 5px;
    position: relative; }
    .b_box .form-input label {
      position: absolute;
      top: 14px;
      left: 14px;
      color: #7c7c7c; }
    .b_box .form-input.active label {
      top: -9px;
      left: 7px;
      background: #edeeed; }
    .b_box .form-input.active input {
      position: initial; }
    .b_box .form-input input, .b_box .form-input select {
      width: 100%;
      display: inline-block;
      background: #fcfcfc;
      margin-bottom: 15px;
      border: 1px solid #fff;
      padding: 10px 10px 21px;
      outline: none;
      border-radius: 3px; }
  .b_box button {
    border: none;
    background-color: #fdcf0a;
    display: inline-block;
    width: 50px;
    height: 50px;
    float: right;
    border-radius: 3px;
    cursor: pointer; }
    .b_box button:hover {
      background-color: #000; }
      .b_box button:hover svg {
        fill: #fdcf0a; }
    .b_box button svg {
      width: 20px;
      height: 20px;
      fill: #fff; }
  .b_box.lst_bbox ul {
    list-style: none;
    padding: 0px;
    margin: 0px;
    text-align: center; }
    .b_box.lst_bbox ul li {
      text-align: center;
      margin-bottom: 30px;
      display: inline-block;
      max-width: 285px; }
      .b_box.lst_bbox ul li > div {
        background-color: #fcfcfc;
        box-shadow: 0px 0px 6px rgba(0, 0, 0, 0.14); }
        .b_box.lst_bbox ul li > div > a {
          display: inline-block;
          width: 100%;
          background-color: #fff;
          height: 150px;
          position: relative; }
          .b_box.lst_bbox ul li > div > a img {
            display: inline-block;
            top: 50%;
            position: relative;
            margin-top: -13%;
            max-width: 179px; }
        .b_box.lst_bbox ul li > div div h2 a {
          text-decoration: none;
          text-transform: uppercase;
          font-weight: bold;
          color: #ffaf10;
          display: inline-block;
          padding: 29px 0px 0px;
          width: 100%;
          font-size: 18px; }
        .b_box.lst_bbox ul li > div div p {
          padding: 10px 10px 30px;
          color: #919191;
          line-height: 1.5;
          font-size: 13px; }
  .b_box.nav_bbox {
    text-align: center;
    padding: 0px 20px 40px; }
    .b_box.nav_bbox a {
      display: inline-block;
      width: 30px;
      height: 30px;
      margin: 0px 4px;
      vertical-align: top;
      color: #969696;
      font-weight: bold; }
      .b_box.nav_bbox a span {
        display: inline-block;
        width: 40px;
        height: 40px;
        background-color: #f5f5f5;
        border-radius: 50%;
        padding-top: 12px; }
      .b_box.nav_bbox a svg {
        width: 20px;
        height: 20px;
        margin-top: 10px;
        fill: #969696; }
      .b_box.nav_bbox a.active span {
        background-color: #fed00b;
        color: #fff; }
    .b_box.nav_bbox .p_form {
      padding: 0px; }

@media screen and (min-width: 700px) {
  .pf_inner.top_pf {
    text-align: center; }
  .pf_inner .form-input {
    margin-right: 0px;
    width: 140px;
    float: none; }
    .pf_inner .form-input label {
      top: 21px; }
    .pf_inner .form-input input, .pf_inner .form-input select {
      padding: 23px 10px 24px; }
    .pf_inner .form-input:first-child {
      width: 260px; }
  .pf_inner button {
    float: none;
    width: 71px;
    height: 64px;
    vertical-align: middle; }
    .pf_inner button svg {
      width: 30px;
      height: 30px; }

  .b_box.first_bbox {
    padding: 100px 20px 0px; }

  .b_box.nav_bbox {
    padding: 20px 20px 50px; }
    .b_box.nav_bbox a {
      width: 54px;
      height: 54px;
      font-size: 18px; }
      .b_box.nav_bbox a span {
        width: 54px;
        height: 54px;
        padding-top: 16px; }
      .b_box.nav_bbox a svg {
        width: 30px;
        height: 30px; }
  .b_box.lst_bbox ul li {
    margin-bottom: 0px;
    padding: 10px;
    max-width: 270px; }
  .b_box.lst_bbox .p_form {
    margin-bottom: 20px;
    padding-left: 10px; }

  .c_drop_el .c_drop_list {
    position: absolute;
    display: block;
    visibility: hidden; }
  .c_drop_el.is-open .c_drop_list {
    visibility: visible; } }
@media screen and (min-width: 1000px) {
  .p_form {
    padding: 30px 0px 50px; }
    .p_form > h2 {
      font-size: 30px;
      margin-bottom: 50px; }
    .p_form .input-row.double input, .p_form .input-row.double select {
      width: 49%;
      margin-right: 1.5%; }
    .p_form .input-row.last {
      padding: 50px 0px; }

  .p_header {
    padding: 0px 10px 40px;
    margin-top: 100px; }
    .p_header h2 {
      font-size: 30px; }
    .p_header h3 {
      font-size: 19px; }
    .p_header.pv2 {
      margin-top: 145px; }

  .p_body_map {
    padding: 50px 100px; }
    .p_body_map h2 {
      text-align: center;
      font-size: 30px; }

  #map_container {
    margin: 80px 0px 90px; }
    #map_container #map {
      height: 300px; }

  .p_body {
    padding: 20px 20px 100px;
    text-align: center; }
    .p_body h2 {
      font-size: 29px;
      margin-bottom: 50px; }
    .p_body p:last-child {
      margin-bottom: 0px; }
    .p_body .p_body_social {
      padding-bottom: 95px; }
      .p_body .p_body_social a {
        width: 60px;
        height: 60px; }
        .p_body .p_body_social a svg {
          width: 37px;
          height: 37px;
          margin-top: 11px; }
        .p_body .p_body_social a span {
          width: 80px;
          top: 68px;
          left: 50%;
          margin-left: -40px; }
    .p_body .p_body_c {
      position: relative;
      display: inline-block;
      width: 100%; }
      .p_body .p_body_c:before {
        content: '';
        position: absolute;
        width: 1px;
        height: 100%;
        background-color: #f0f0f0;
        left: 50%;
        top: 0px; }
      .p_body .p_body_c div {
        width: 50%;
        float: left;
        text-align: left;
        padding: 0px 30px; }
        .p_body .p_body_c div:first-child {
          text-align: right; }

  .p_content {
    padding: 20px 0px 100px; }
    .p_content div {
      width: 17%;
      height: 194px;
      margin: 10px;
      padding-top: 90px; }
      .p_content div b {
        font-size: 47px;
        margin-bottom: 69px; }
      .p_content div span {
        font-size: 14px; }

  .c_drop_el {
    position: relative;
    float: right;
    top: auto;
    margin-left: 6px; }

  .main-nav {
    clear: inherit; }

  .container.page.register .col-6 {
    padding: 50px;
    width: 50%; }
    .container.page.register .col-6:nth-of-type(1) {
      padding-top: 120px; }
    .container.page.register .col-6:nth-of-type(2) {
      margin-top: 0px; }
      .container.page.register .col-6:nth-of-type(2) p {
        font-size: 14px;
        line-height: 1.4; }

  .b_box.nav_bbox a {
    margin: 0px 16px; }
  .b_box.lst_bbox .p_form > h2 {
    margin-bottom: 20px;
    padding-left: 10px; }
  .b_box.lst_bbox ul li {
    float: left; } }
@media screen and (min-width: 1280px) {
  .container.page.register .col-6:nth-of-type(1) {
    padding: 117px 107px 0px; }
  .container.page ul.list {
    padding: 20px 0px; } }
.page.plist {
  text-align: center; }
  .page.plist .plist_body {
    display: inline-block;
    padding: 50px 20px; }
  .page.plist h1 {
    text-transform: uppercase;
    color: #595959;
    font-size: 20px;
    text-align: left;
    margin-bottom: 20px; }
    .page.plist h1 span {
      color: #f5d200;
      font-family: "DinotBold", sans-serif; }
  .page.plist ul {
    list-style: none;
    padding: 0px;
    margin: 0px;
    display: inline-block; }
    .page.plist ul li {
      display: inline-block;
      width: 100%;
      margin-bottom: 30px;
      float: left; }
      .page.plist ul li > a {
        display: inline-block;
        line-height: 0px;
        position: relative; }
        .page.plist ul li > a:after {
          content: '';
          position: absolute;
          top: 0px;
          left: 0px;
          width: 100%;
          height: 100%;
          background-color: rgba(255, 255, 255, 0.3);
          opacity: 1;
          -webkit-transition: opacity 300ms ease-out;
          -moz-transition: opacity 300ms ease-out;
          -o-transition: opacity 300ms ease-out;
          transition: opacity 300ms ease-out; }
      .page.plist ul li img {
        width: 100%;
        max-width: 390px;
        height: auto; }
      .page.plist ul li h2 a {
        color: #5d5d5d;
        text-decoration: none;
        font-size: 18px;
        padding: 20px 0px;
        display: inline-block;
        font-family: "DinotBold", sans-serif; }
      .page.plist ul li p {
        padding: 0px 20px 20px;
        line-height: 1.4;
        font-size: 14px; }
        .page.plist ul li p span {
          color: #f7ac03;
          text-transform: uppercase; }
      .page.plist ul li:hover > a:after {
        opacity: 0; }
  .page.plist #nav_holder a {
    width: 58px;
    height: 48px;
    display: inline-block;
    background-color: #ededed; }
    .page.plist #nav_holder a svg {
      width: 20px;
      height: 20px;
      fill: #c9c9c9;
      margin-top: 13px; }
    .page.plist #nav_holder a:hover {
      background-color: #fed00b; }
      .page.plist #nav_holder a:hover svg {
        fill: #fff; }

@media screen and (min-width: 1000px) {
  .page.plist h1 {
    margin: 30px 0px 10px 0px;
    font-size: 28px; }
  .page.plist ul li {
    width: 50%;
    padding: 0px 22px; }
    .page.plist ul li:nth-child(2n+2) {
      clear: both; }
    .page.plist ul li h2 a {
      font-size: 22px;
      padding: 30px 0px; }
    .page.plist ul li p {
      padding: 0px 20px 30px;
      line-height: 1.5;
      font-size: 18px; }
  .page.plist #nav_holder {
    margin-top: 30px; } }
.page.ev_lst {
  text-align: center; }
  .page.ev_lst .ev_lst_featured, .page.ev_lst .ev_lst_latest {
    display: inline-block;
    padding: 50px 20px;
    width: 100%;
    background-color: #f8f8f8; }
  .page.ev_lst .ev_lst_featured {
    background-color: #ededed; }
  .page.ev_lst h1 {
    text-transform: uppercase;
    color: #595959;
    font-size: 20px;
    text-align: left;
    margin-bottom: 20px; }
    .page.ev_lst h1 span {
      color: #f5d200;
      font-family: "DinotBold", sans-serif; }
  .page.ev_lst ul {
    list-style: none;
    padding: 0px;
    margin: 0px;
    display: inline-block;
    width: 100%; }
    .page.ev_lst ul li {
      display: inline-block;
      width: 100%;
      margin-bottom: 30px;
      float: left;
      text-align: left;
      background-color: #fff;
      box-shadow: 0px 1px 3px #bfbfbf; }
      .page.ev_lst ul li:first-child {
        background-color: transparent;
        box-shadow: none; }
      .page.ev_lst ul li > a {
        display: inline-block;
        line-height: 0px;
        position: relative;
        width: 100%; }
        .page.ev_lst ul li > a:after {
          content: '';
          position: absolute;
          top: 0px;
          left: 0px;
          width: 100%;
          height: 100%;
          background-color: rgba(255, 255, 255, 0.3);
          opacity: 1;
          -webkit-transition: opacity 300ms ease-out;
          -moz-transition: opacity 300ms ease-out;
          -o-transition: opacity 300ms ease-out;
          transition: opacity 300ms ease-out; }
      .page.ev_lst ul li img {
        width: 100%;
        height: auto; }
      .page.ev_lst ul li h2 a {
        color: #5d5d5d;
        text-decoration: none;
        font-size: 18px;
        padding: 20px;
        display: inline-block;
        font-family: "DinotBold", sans-serif; }
      .page.ev_lst ul li p {
        line-height: 1.5;
        font-size: 14px;
        padding: 0px 20px 25px; }
        .page.ev_lst ul li p span {
          color: #f7ac03;
          text-transform: uppercase; }
      .page.ev_lst ul li:hover > a:after {
        opacity: 0; }
  .page.ev_lst .ev_lst_latest ul li > a {
    width: 100%;
    vertical-align: top; }
  .page.ev_lst .ev_lst_latest ul li > div {
    display: inline-block; }
  .page.ev_lst .ev_lst_latest ul li p {
    padding: 0px 20px 20px; }
.page.ev_details {
  display: inline-block;
  width: 100%; }
  .page.ev_details .evd_img {
    display: inline-block;
    width: 100%;
    position: relative; }
    .page.ev_details .evd_img img {
      width: 100%;
      height: auto; }
  .page.ev_details .evd_body {
    position: relative; }
    .page.ev_details .evd_body h1 {
      text-transform: uppercase;
      position: relative; }
      .page.ev_details .evd_body h1 > span:first-child {
        font-size: 20px;
        padding: 10px;
        display: inline-block;
        line-height: 1.5;
        font-family: "DinotBold", sans-serif; }
      .page.ev_details .evd_body h1 > span:last-child {
        display: inline-block;
        width: 100%;
        padding: 0px; }
        .page.ev_details .evd_body h1 > span:last-child span {
          display: inline-block;
          text-align: center;
          width: 50%;
          font-size: 14px;
          font-weight: bold;
          padding: 15px 0px; }
          .page.ev_details .evd_body h1 > span:last-child span:first-child {
            background-color: #fed00b;
            float: left; }
          .page.ev_details .evd_body h1 > span:last-child span:last-child {
            color: #fff;
            float: right;
            background-color: #505050; }
          .page.ev_details .evd_body h1 > span:last-child span b {
            font-family: "DinotBold", sans-serif;
            font-size: 20px;
            display: block; }
    .page.ev_details .evd_body .evd_info {
      color: #737373;
      text-transform: uppercase;
      font-size: 14px;
      padding: 20px 10px; }
      .page.ev_details .evd_body .evd_info span {
        display: inline-block;
        font-weight: bold;
        margin: 0px 20px 20px 0px; }
      .page.ev_details .evd_body .evd_info svg {
        width: 19px;
        height: 19px;
        vertical-align: middle;
        margin-right: 5px;
        fill: #fed00b; }
    .page.ev_details .evd_body .evd_details {
      display: inline-block;
      width: 100%;
      padding: 0px 10px;
      line-height: 1.5; }
      .page.ev_details .evd_body .evd_details p {
        margin-bottom: 30px; }
    .page.ev_details .evd_body .evd_extra {
      display: inline-block;
      width: 100%;
      padding: 0px 10px 60px; }
      .page.ev_details .evd_body .evd_extra h2 {
        text-transform: uppercase;
        font-size: 20px;
        margin-bottom: 10px;
        font-weight: bold; }
        .page.ev_details .evd_body .evd_extra h2 span {
          color: #fed00b;
          font-family: "DinotBold", sans-serif; }
      .page.ev_details .evd_body .evd_extra ul {
        list-style: none;
        margin: 0px;
        padding: 0px;
        margin-bottom: 30px; }
        .page.ev_details .evd_body .evd_extra ul li {
          line-height: 1.5;
          position: relative;
          padding-left: 20px; }
          .page.ev_details .evd_body .evd_extra ul li:before {
            background-color: #fed00b;
            content: '';
            width: 5px;
            height: 5px;
            position: absolute;
            top: 10px;
            left: 5px; }

@media screen and (min-width: 550px) {
  .page.ev_lst .ev_lst_latest ul li > a {
    width: auto; }
  .page.ev_lst .ev_lst_latest ul li p {
    padding: 0px 20px 20px; } }
@media screen and (min-width: 768px) {
  .page.ev_lst h1 {
    margin: 0px;
    font-size: 28px; }
  .page.ev_lst div:not(.ev_lst_latest) ul li {
    width: 49%;
    margin-right: 2%; }
    .page.ev_lst div:not(.ev_lst_latest) ul li:nth-child(2n+1) {
      margin-right: 0px; }
    .page.ev_lst div:not(.ev_lst_latest) ul li:nth-child(2n+2) {
      clear: both; }
  .page.ev_lst .ev_lst_latest ul li {
    width: 100%; }
    .page.ev_lst .ev_lst_latest ul li > div {
      width: 59%; }
    .page.ev_lst .ev_lst_latest ul li h2 a {
      padding: 15px; }
    .page.ev_lst .ev_lst_latest ul li p {
      padding: 0px 15px 0px; }
  .page.ev_details .evd_body {
    display: inline-block;
    padding: 0px 100px;
    margin-top: -132px; }
    .page.ev_details .evd_body h1 > span:first-child {
      font-size: 30px;
      width: 100%;
      background-color: #fff;
      padding: 20px 100px 20px 20px;
      min-height: 130px; }
    .page.ev_details .evd_body h1 > span:last-child {
      position: absolute;
      top: 0px;
      right: 0px;
      width: 100px; }
      .page.ev_details .evd_body h1 > span:last-child span {
        width: 100%;
        padding: 12px 0px; }
    .page.ev_details .evd_body .evd_extra h2 {
      font-size: 28px; }
    .page.ev_details .evd_body .evd_extra ul {
      margin-bottom: 50px; }
      .page.ev_details .evd_body .evd_extra ul li {
        margin-bottom: 6px; } }
@media screen and (min-width: 1000px) {
  .page.ev_lst .ev_lst_latest ul {
    padding: 0px 30px 40px; }
    .page.ev_lst .ev_lst_latest ul li {
      width: 49%;
      margin-right: 2%; }
      .page.ev_lst .ev_lst_latest ul li:nth-child(2n+2) {
        clear: both; }
      .page.ev_lst .ev_lst_latest ul li:nth-child(2n+1) {
        margin-right: 0px; }
      .page.ev_lst .ev_lst_latest ul li h2 a {
        padding: 15px 15px 11px; }
  .page.ev_details .evd_body {
    margin-top: -162px; }
    .page.ev_details .evd_body h1 > span:first-child {
      font-size: 35px;
      padding: 20px 202px 27px 30px;
      min-height: 160px; }
    .page.ev_details .evd_body h1 > span:last-child {
      width: 195px; }
      .page.ev_details .evd_body h1 > span:last-child span b {
        font-size: 31px;
        margin: 2px 0px; }
      .page.ev_details .evd_body h1 > span:last-child span:first-child {
        font-size: 25px;
        padding: 50px 0px; }
      .page.ev_details .evd_body h1 > span:last-child span:last-child {
        padding: 10px 0px 20px;
        position: absolute;
        left: 0px;
        top: 100%;
        font-size: 12px; }
        .page.ev_details .evd_body h1 > span:last-child span:last-child b {
          margin: 5px 0px 8px; }
    .page.ev_details .evd_body .evd_info {
      padding: 20px 200px 50px 30px; }
    .page.ev_details .evd_body .evd_details {
      padding: 0px 30px; }
    .page.ev_details .evd_body .evd_extra {
      padding: 0px 30px 60px; }
    .page.ev_details .evd_body .xbtn {
      font-size: 22px;
      padding: 18px 40px;
      margin: 50px 0px 30px;
      font-family: "DinotBold", sans-serif; } }
@media screen and (min-width: 1280px) {
  .page.ev_lst h1 {
    margin: 30px 0px 50px 0px; }
  .page.ev_lst div:not(.ev_lst_latest) ul {
    padding: 0px 30px 40px; }
    .page.ev_lst div:not(.ev_lst_latest) ul li {
      width: 23%;
      margin: 0px 1%; }
      .page.ev_lst div:not(.ev_lst_latest) ul li:nth-child(2n+2) {
        clear: none; }
      .page.ev_lst div:not(.ev_lst_latest) ul li:nth-child(4n+2) {
        clear: both; }
  .page.ev_lst .ev_lst_latest h1 {
    margin: 10px 0px 30px 0px; }
  .page.ev_lst .ev_lst_latest ul li {
    margin-bottom: 20px; }
  .page.ev_details .evd_body {
    padding: 0px 150px; } }
.parallax-mirror {
  -webkit-transition: all 0ms ease-out;
  -moz-transition: all 0ms ease-out;
  -o-transition: all 0ms ease-out;
  transition: all 0ms ease-out; }
  .parallax-mirror * {
    -webkit-transition: all 0ms ease-out;
    -moz-transition: all 0ms ease-out;
    -o-transition: all 0ms ease-out;
    transition: all 0ms ease-out; }

.container.livestatus {
  background: url(../imgs/parallex.jpg) #000 50% 0 no-repeat fixed;
  text-align: center;
  padding: 20px;
  color: #fff;
  position: relative; }
  .container.livestatus:before {
    content: '';
    position: absolute;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.6); }
  .container.livestatus h2 {
    font-size: 20px;
    text-transform: uppercase;
    margin-bottom: 35px;
    position: relative;
    margin-top: 20px; }
    .container.livestatus h2 span {
      padding: 0px 15px;
      position: relative; }
    .container.livestatus h2:before, .container.livestatus h2:after {
      content: '';
      position: absolute;
      width: 40%;
      height: 1px;
      background: rgba(142, 142, 142, 0.18);
      top: 50%;
      left: 0px; }
    .container.livestatus h2:after {
      right: 0px;
      left: auto; }
  .container.livestatus ul {
    list-style: none;
    position: relative; }
    .container.livestatus ul li {
      display: inline-block;
      width: 50%;
      float: left;
      height: 162px;
      font-size: 15px;
      line-height: 21px; }
      .container.livestatus ul li span {
        display: block;
        width: 80px;
        height: 80px;
        background-color: rgba(103, 101, 101, 0.22);
        border: 4px solid rgba(95, 95, 95, 0.52);
        border-radius: 50%;
        margin: 0px auto;
        margin-bottom: 7px;
        font-size: 28px;
        line-height: 70px; }

@media screen and (min-width: 700px) {
  .container.livestatus {
    padding: 10px 30px 47px;
    border-top: 1px solid #fdcf0a; }
    .container.livestatus h2 {
      font-size: 30px;
      margin-bottom: 50px;
      margin-top: 51px; }
    .container.livestatus ul li {
      width: 20%;
      float: none; }
      .container.livestatus ul li span {
        width: 120px;
        height: 120px;
        font-size: 35px;
        line-height: 109px; } }
.container.partners {
  background-color: #d7d7d7;
  text-align: center;
  padding: 20px; }
  .container.partners h2 {
    color: #5b5b5b;
    font-size: 20px;
    margin-bottom: 15px;
    text-transform: uppercase; }
  .container.partners ul {
    list-style: none; }
    .container.partners ul li {
      display: inline-block;
      padding: 5px 5px; }
      .container.partners ul li img {
        width: 51px;
        vertical-align: middle;
        padding: 0px;
        margin: 7px; }
      .container.partners ul li:first-child img {
        width: 135px; }

@media screen and (min-width: 700px) {
  .container.partners {
    padding: 55px 30px; }
    .container.partners h2 {
      font-size: 30px; }
    .container.partners ul li img {
      width: auto; } }
@media screen and (min-width: 1280px) {
  .container.partners h2 {
    display: inline-block;
    font-size: 18px;
    margin-right: 18px; }
  .container.partners ul {
    display: inline-block; } }
#contact_header {
  display: inline-block;
  width: 100%;
  position: relative; }
  #contact_header:before {
    content: '';
    position: absolute;
    width: 90px;
    height: 6px;
    top: 50%;
    margin-top: -3px;
    left: 50%;
    margin-left: -45px;
    background-color: #ffcd0e;
    z-index: 4; }
  #contact_header > div {
    display: inline-block;
    width: 100%;
    float: left; }
    #contact_header > div#contact_info {
      background: url(../imgs/contact_bg.jpg) no-repeat;
      padding: 50px 20px;
      color: #939395;
      line-height: 1.5; }
      #contact_header > div#contact_info h1 {
        color: #939395;
        text-transform: uppercase;
        font-size: 24px; }
        #contact_header > div#contact_info h1 span {
          color: #ffcd0e;
          font-family: "DinotBold", sans-serif; }
      #contact_header > div#contact_info h2 {
        font-family: "DinotBold", sans-serif;
        color: #fff;
        font-size: 18px;
        margin: 10px 0px; }
    #contact_header > div#map_holder {
      display: inline-block;
      position: relative;
      line-height: 0px; }
      #contact_header > div#map_holder:before {
        content: '';
        width: 100%;
        height: 100%;
        background-color: rgba(0, 0, 0, 0.85);
        z-index: 2;
        position: absolute;
        top: 0px;
        left: 0px; }
      #contact_header > div#map_holder svg {
        width: 40px;
        height: 40px;
        fill: #ffcd0e;
        position: absolute;
        z-index: 3;
        top: 50%;
        margin-top: -20px;
        left: 50%;
        margin-left: -20px; }
    #contact_header > div #main_map {
      display: inline-block;
      width: 100%;
      height: 280px; }

#contact_details {
  display: inline-block;
  width: 100%;
  padding: 20px;
  background-color: #e9e9e9; }
  #contact_details > div h2 {
    font-size: 22px;
    margin: 20px 0px;
    color: #2b2b2b; }
    #contact_details > div h2 span {
      font-family: "DinotBold", sans-serif;
      color: #ffca0d; }
  #contact_details > div .form-input input, #contact_details > div .form-input textarea {
    background: #fff;
    border: 1px solid #d6d6d6;
    padding: 10px 10px 21px;
    width: 100%; }
  #contact_details > div .form-input textarea {
    height: 150px; }
  #contact_details > div .form-input.last {
    text-align: center;
    padding: 20px; }

@media screen and (min-width: 700px) {
  #contact_header > div {
    width: 50%; }
    #contact_header > div#contact_info {
      height: 280px; }
  #contact_header:before {
    width: 6px;
    height: 90px;
    top: 50%;
    margin-top: -45px;
    left: 50%;
    margin-left: -3px; }

  #contact_details > div {
    display: block;
    max-width: 800px;
    margin: 0px auto; }
    #contact_details > div h2 {
      margin: 40px 0px 20px; } }
@media screen and (min-width: 1000px) {
  #contact_header > div#contact_info {
    height: 390px;
    padding: 80px 90px; }
  #contact_header > div #main_map {
    height: 390px; } }
.container.footer {
  background-color: #2c2c2c;
  text-align: center;
  padding: 20px; }
  .container.footer #footer_logo {
    display: inline-block; }
  .container.footer #footer_links {
    list-style: none;
    margin-top: 20px; }
    .container.footer #footer_links li {
      display: inline-block;
      padding: 5px 5px; }
      .container.footer #footer_links li a {
        text-decoration: none;
        color: #fff;
        font-size: 14px; }
        .container.footer #footer_links li a:hover {
          color: #fdcf0a; }
  .container.footer p {
    color: #858585;
    line-height: 1.5;
    margin-top: 15px;
    font-size: 12px; }
  .container.footer h3 {
    color: #fdcf0a;
    font-size: 16px;
    margin-top: 20px;
    text-transform: uppercase; }

@media screen and (min-width: 700px) {
  .container.footer {
    padding: 40px; } }
@media screen and (min-width: 1280px) {
  .container.footer #footer_links li {
    padding: 14px 5px; }
    .container.footer #footer_links li a {
      font-size: 15px;
      padding: 10px 20px; }
  .container.footer p {
    margin-top: 29px;
    font-size: 14px; } }
.jhead, .jdetails, .jinfo {
  display: inline-block;
  width: 100%; }

.jhead .header_logo {
  display: inline-block;
  border: 1px solid #e7e7e7;
  padding: 8px 15px 6px;
  margin-bottom: 10px;
  background-color: #fff; }

.jdetails p {
  color: #585858;
  margin-bottom: 25px;
  line-height: 1.4; }
  .jdetails p span {
    display: inline-block;
    width: 100%;
    color: #000;
    font-family: "DinotBold",sans-serif; }

.jinfo h1 {
  text-transform: uppercase;
  font-size: 20px;
  margin-bottom: 10px;
  font-weight: bold; }
  .jinfo h1 span {
    color: #fed00b;
    font-family: "DinotBold", sans-serif; }
.jinfo p {
  line-height: 1.5; }

.dbl_list {
  display: inline-block;
  width: 100%;
  padding: 10px; }
  .dbl_list h1 {
    font-size: 22px;
    text-transform: uppercase;
    margin: 20px 0px;
    color: #5a5a5a; }
    .dbl_list h1 span {
      font-weight: bold;
      color: #ffcd0a; }
  .dbl_list ul {
    list-style: none;
    padding: 0px;
    margin: 0px; }
    .dbl_list ul li {
      display: inline-block;
      width: 100%;
      float: left;
      border-bottom: 1px solid #f3f3f3;
      margin-bottom: 30px; }
      .dbl_list ul li > a {
        display: inline-block;
        width: 35%;
        float: left;
        line-height: 0px; }
        .dbl_list ul li > a img {
          width: 100%;
          height: auto; }
      .dbl_list ul li > div {
        display: inline-block;
        width: 65%;
        float: left;
        padding: 0px 20px 0px 10px;
        color: #797979;
        font-size: 13px;
        line-height: 1.5;
        position: relative; }
        .dbl_list ul li > div h2 {
          font-size: 18px;
          font-weight: bold; }
          .dbl_list ul li > div h2 a {
            text-decoration: none;
            color: #000; }
        .dbl_list ul li > div h3 {
          font-size: 14px; }
        .dbl_list ul li > div p {
          padding: 10px 0px; }
        .dbl_list ul li > div svg {
          width: 20px;
          height: 20px;
          position: absolute;
          right: 0px;
          top: 50%;
          margin-top: -10px; }

@media screen and (min-width: 700px) {
  .dbl_list h1 {
    font-size: 28px; }
  .dbl_list ul li > div {
    padding: 0px 20px 0px 20px;
    font-size: 16px; }
    .dbl_list ul li > div h2 {
      font-size: 22px; }
    .dbl_list ul li > div h3 {
      font-size: 16px; } }
@media screen and (min-width: 1000px) {
  .dbl_list {
    padding: 30px; }
    .dbl_list h1 {
      margin: 40px 0px 35px 3%; }
    .dbl_list ul li {
      width: 46%; }
      .dbl_list ul li:nth-child(2n+1) {
        clear: both;
        margin: 0px 3%; }
      .dbl_list ul li > a {
        width: 35%; }
      .dbl_list ul li p {
        padding: 8px 0px; }
      .dbl_list ul li > div {
        padding: 0px 30px 0px 20px;
        width: 64%;
        font-size: 13px; }
        .dbl_list ul li > div h2 {
          font-size: 20px; }
        .dbl_list ul li > div h3 {
          font-size: 14px; }
        .dbl_list ul li > div svg {
          width: 14px;
          height: 14px;
          margin-top: -7px; } }
.p_details {
  display: inline-block;
  width: 100%;
  padding: 10px;
  line-height: 1.5; }
  .p_details h1 {
    font-family: "DinotBold", sans-serif;
    font-size: 20px;
    line-height: 1.2;
    text-transform: uppercase; }
  .p_details h2 {
    font-size: 14px;
    color: #787878; }
  .p_details > img {
    width: 100%;
    height: auto;
    margin: 10px 0px;
    box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.27); }
  .p_details > div {
    display: inline-block;
    width: 100%;
    font-size: 14px; }
    .p_details > div p {
      margin-bottom: 30px; }

@media screen and (min-width: 700px) {
  .p_details {
    padding: 20px;
    width: 80%;
    margin: 0px auto;
    display: block; }
    .p_details h1 {
      font-size: 30px; }
    .p_details h2 {
      font-size: 16px;
      margin: 10px 0px; }
    .p_details > div {
      font-size: 16px;
      margin-top: 15px; } }
@media screen and (min-width: 700px) {
  .p_details {
    padding: 40px 20px; }
    .p_details h1 {
      font-size: 40px; }
    .p_details h2 {
      font-size: 18px; }
    .p_details > div {
      font-size: 19px;
      padding: 10px 30px; } }

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