@font-face {
  font-family: 'Muli-Regular';
  src: url(../fonts/Muli-Regular.woff?) format("woff");
  font-weight: 400;
  font-style: normal;
}

@font-face {
  font-family: 'Muli-Bold';
  src: url(../fonts/Muli-Bold.woff?) format("woff");
  font-weight: 400;
  font-style: normal;
}

@font-face {
  font-family: 'Muli-Light';
  src: url(../fonts/Muli-Light.woff?) format("woff");
  font-weight: 400;
  font-style: normal;
}

@font-face {
  font-family: 'PlayfairDisplay';
  src: url(../fonts/PlayfairDisplay-Regular.woff?) format("woff");
  font-weight: 400;
  font-style: normal;
}

@font-face {
  font-family: 'PlayfairDisplay-Bold';
  src: url(../fonts/PlayfairDisplay-Bold.woff?) format("woff");
  font-weight: 400;
  font-style: normal;
}

@font-face {
  font-family: 'icomoon';
  src: url(../fonts/icomoon.woff?) format("woff");
  font-weight: 400;
  font-style: normal;
}

[class^="icon-"]:before,[class*=" icon-"]:before,[class*="back-level-"]:before,[class*="back-level-"]:before,.custom-links .text:after,.custom-links .text:after {
  font-family: 'icomoon'!important;
  speak: none;
  font-style: normal;
  font-weight: 400;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

[class*="back-level-"]:before,.custom-links .text:after {
  content: "\e902";
  font-size: 6px;
}

.icon-login:before {
  content: "\e903";
}

.icon-password:before {
  content: "\e907";
  font-size: 11px;
}

.icon-edit:before {
  content: "\e918";
  font-size: 18px;
  color: #9e9e9e;
}

.icon-mobile:before {
  content: "\e909";
  font-size: 18px;
  color: #9e9e9e;
  padding-left: 2px;
}

.icon-print:after {
  content: "\e90e";
  color: #606060;
  font-weight: 700;
  font-size: 1rem;
  font-family: 'icomoon';
  font: bold 1rem icomoon;
  margin-left: 10px;
}

.icon-x:before {
  content: "\e917";
}

input[type=number]::-webkit-inner-spin-button,input[type=number]::-webkit-outer-spin-button {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  margin: 0;
}

::-ms-clear {
  display: none;
}

[class*='btn'],.custom-links .text {
  padding: 0 30px;
  font-size: .8667rem;
  line-height: 47px;
  height: 47px;
  letter-spacing: .8px;
  text-transform: uppercase;
  display: inline-block;
  text-align: center;
  position: relative;
  border-radius: 100px;
  transition: all .5s;
  -webkit-appearance: none;
}

@media only screen and (max-width: 767px) {
  [class*='btn'],  .custom-links .text {
    transition: none;
  }
}

[class*='btn'].min-size {
  min-width: 11rem;
}

[class*='btn'].min-size-md {
  min-width: 12.5rem;
}

[class*='btn'].min-size-lg {
  min-width: 15rem;
}

.no-touch.desktop [class*='btn'] {
  transition: all .4s;
  -webkit-transition: all .4s;
  -moz-transition: all .4s;
  -ms-transition: all .4s;
}

[class*='btn'][disabled] {
  cursor: default;
}

[class*='btn-primary'] {
  background: #006fba;
  color: #fff;
  min-width: 155px;
}

@media only screen and (max-width: 1024px) {
  [class*='btn-primary'] {
    min-width: 140px;
  }
}

.no-touch.desktop [class*='btn-primary']:not([disabled]):hover {
  background: #006fba;
}

.no-touch.desktop [class*='btn-primary']:not([disabled]):active {
  background: #4c70b7;
}

[class*='btn-primary']:active {
  background: #4c70b7;
}

[class*='btn-primary'][disabled] {
  color: #fff;
  background: #d6d6d6;
}

.label {
  font-size: 1rem;
  line-height: 25px;
  font-family: 'Muli-Bold';
  font: 1rem/25px Muli-Bold;
  color: #000;
  padding-bottom: 15px;
  display: inline-block;
}

.form-control {
  border: 1px solid #9e9e9e;
  font-size: 1rem;
  padding: 0 20px;
  height: 47px;
  line-height: 47px;
  width: 100%;
  border-radius: 100px;
  background: #fff;
}

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

.form-control:not([readonly]):focus {
  border-color: #000;
  color: #000;
}

.form-control:not([readonly]):valid {
  color: #000;
}

.form-control[readonly] {
  opacity: .5;
}

.form-control:-moz-placeholder {
  color: #9e9e9e;
}

.form-control::-moz-placeholder {
  color: #9e9e9e;
}

.form-control:-ms-input-placeholder {
  color: #9e9e9e!important;
}

.form-control::-webkit-input-placeholder {
  color: #9e9e9e;
}

.error .form-control {
  border-color: #ef6f6e;
  color: #ef6f6e;
}

.error .msg-error {
  color: #ef6f6e;
  padding-top: .5em;
}

form .page-header h2 {
  font-size: 2.2rem!important;
  line-height: normal!important;
  font-family: 'Muli-Bold'!important;
  position: relative;
}

form .page-header h2:before {
  top: auto!important;
  bottom: 0;
}

@media only screen and (max-width: 767px) {
  form .page-header h2 {
    padding-bottom: 20px!important;
  }
}

input::-webkit-contacts-auto-fill-button {
  visibility: hidden;
  display: none!important;
  pointer-events: none;
  position: absolute;
  right: 0;
}

.for-print-only {
  display: none!important;
}

[scfieldtype='rich text'] ul,.text-default ul {
  list-style: disc;
  margin-left: 20px;
  padding-left: inherit;
}

[scfieldtype='rich text'] ul ul,.text-default ul ul {
  list-style: circle!important;
  margin-left: 20px;
}

[scfieldtype='rich text'] ul ul ul,.text-default ul ul ul {
  list-style: square!important;
}

[scfieldtype='rich text'] li,.text-default li {
  margin: inherit;
  margin-bottom: 5px;
  line-height: 1.35;
  color: inherit!important;
  font-size: 1rem;
}

.list-default {
  list-style-type: disc;
  margin-left: 20px;
  line-height: 1.67em;
  padding: 10px 0 30px;
}

.list-default > li {
  padding: .2rem;
  margin-left: 14px;
}

.list-icons-text img,.list-icons-text span {
  vertical-align: middle;
  display: inline-block;
}

.list-icons-text img {
  margin-right: 15px;
  border-radius: 50%;
  width: 19px;
  height: 19px;
}

.list-icons-text li {
  padding: 5px 0;
}

.no-touch.desktop .list-icons-text a:hover img {
  box-shadow: 0 0 15px rgba(0,0,0,0.5);
}

.list-dash li {
  display: inline-block;
}

.list-dash li:not(:first-child):before {
  content: '|';
}

.list-dash li a {
  padding: 0 10px;
}

.list-dash li:first-child a {
  padding-left: 0;
}

.layout-2 #header {
  background: #006fba;
}

.layout-2 .container {
  padding-top: 130px;
}

@media only screen and (max-width: 991px) {
  .layout-2 .container {
    padding-top: 4.5rem;
  }
}

.page {
  overflow: hidden;
}

.container {
  position: relative;
  top: 60px;
}

.inner-container {
  max-width: 1340px;
  padding: 0 20px;
  margin: 0 auto;
}

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

.logotext {
  top: 20px;
  position: absolute;
  left: 20px;
}

@media only screen and (max-width: 991px) {
  .inner-container {
    padding: 0 20px;
  }
}

.wrapper {
  position: relative;
}

[class*='wrapper']:before,header:before,[class*='wrapper']:after,header:after {
  display: table;
  content: "";
}

[class*='wrapper']:after,header:after {
  clear: both;
}

@media only screen and (max-width: 1024px) {
  .row {
    margin-left: -10px;
    margin-right: -10px;
  }

  .row [class*='col-'] {
    padding-left: 10px;
    padding-right: 10px;
  }
}

.row[data-carousel] [class*='thumb-'] {
  margin-top: 9px;
  height: calc(100% - 9px);
  height: -moz-calc(100% - 9px);
  height: -webkit-calc(100% - 9px);
  height: -o-calc(100% - 9px);
}

.row-default {
  margin-top: 40px;
  margin-bottom: 40px;
}

@media only screen and (max-width: 1024px) {
  .row-default {
    margin-top: 20px;
    margin-bottom: 20px;
  }
}

.row-left:before,.row-left:after {
  display: table;
  content: "";
}

.row-left:after {
  clear: both;
}

.row-left [class*='col-'] {
  padding-bottom: 40px;
  margin: 0 -1px;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: -o-flex;
  display: flex;
}

@media only screen and (max-width: 991px) {
  .row-left [class*='col-'] {
    padding-bottom: 20px;
  }
}

@media only screen and (min-width: 768px) {
  .row-left {
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: -o-flex;
    display: flex;
    -ms-flex-wrap: wrap-reverse;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
  }

  .row-left [class*='col-'] {
    float: left;
  }

  .row-left [class*='col-'] [class*='thumb-'] {
    width: 100%;
    margin-bottom: 0;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .row-left[data-carousel-xs] [class*='col-'] {
    width: calc((100vw - 20px)/3);
    width: -moz-calc((100vw - 20px)/3);
    width: -webkit-calc((100vw - 20px)/3);
    width: -o-calc((100vw - 20px)/3);
  }
}

.error-404 {
  padding: 100px 0;
}

.error-404 img {
  display: block;
  margin: 0 auto;
}

@keyframes wobble-horizontal {
  16.65% {
    -webkit-transform: translateX(6px);
    transform: translateX(6px);
  }

  33.3% {
    -webkit-transform: translateX(-5px);
    transform: translateX(-5px);
  }

  49.95% {
    -webkit-transform: translateX(4px);
    transform: translateX(4px);
  }

  66.6% {
    -webkit-transform: translateX(-2px);
    transform: translateX(-2px);
  }

  83.25% {
    -webkit-transform: translateX(1px);
    transform: translateX(1px);
  }

  100% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
}

@keyframes wobble-vertical {
  25% {
    margin-top: 4px;
  }

  50% {
    margin-top: -2px;
  }

  75% {
    margin-top: 1px;
  }

  100% {
    margin-top: 0;
  }
}

@keyframes wobble-vertical-2 {
  16.65% {
    transform: translateY(6px);
  }

  33.3% {
    transform: translateY(-5px);
  }

  49.95% {
    transform: translateY(4px);
  }

  66.6% {
    transform: translateY(-2px);
  }

  83.25% {
    transform: translateY(1px);
  }

  100% {
    transform: translateY(0);
  }
}

@-webkit-keyframes circle {
  0% {
    opacity: 1;
  }

  40% {
    opacity: 1;
  }

  100% {
    width: 120%;
    height: 200%;
    opacity: 0;
  }
}

@keyframes circle {
  0% {
    opacity: 1;
  }

  40% {
    opacity: 1;
  }

  100% {
    width: 120%;
    height: 200%;
  }
}

@keyframes circlePlanner {
  0% {
    opacity: 1;
  }

  40% {
    opacity: 1;
  }

  100% {
    width: 100%;
    height: 100%;
  }
}

@media only screen and (min-width: 992px) and (max-width: 1024px) {
  html,  body {
    font-size: 14px;
  }
}

.link-default {
  color: #4e4e4e;
}

.no-touch.desktop .link-default:hover {
  text-decoration: underline;
}

.link-default:active {
  text-decoration: underline;
}

[class*='title'] span {
  padding: 0 5px;
}

.title-1 {
  color: #3f3f3f;
  font-size: 2.933rem;
  font-weight: 700;
  line-height: 44px;
  font-family: 'Muli-Bold';
  font: bold 2.933rem/44px Muli-Bold;
  letter-spacing: -.2px;
}

@media only screen and (max-width: 767px) {
  .title-1 {
    font-size: 1.692rem;
    line-height: normal;
  }
}

@media only screen and (max-width: 480px) {
  .title-1 {
    word-wrap: break-word;
  }
}

.title-2 {
  color: #000;
  font-size: 23px;
  font-weight: 700;
  line-height: 27px;
  font-family: 'Muli-Bold';
  font: bold 23px/27px Muli-Bold;
}

@media only screen and (max-width: 480px) {
  .title-2 {
    word-wrap: break-word;
  }
}

.title-3 {
  color: #000;
  font-size: 19px;
  font-weight: 700;
  line-height: 28px;
  font-family: 'Muli-Bold';
  font: bold 19px/28px Muli-Bold;
}

.sub-title {
  text-transform: uppercase;
  font-size: 1rem;
  font-family: 'Muli-Bold';
  font: 1rem Muli-Bold;
  letter-spacing: .8px;
}

.text-default {
  font-size: 15px;
  line-height: 25px;
}

.text-default a {
  text-decoration: underline;
}

strong {
  font-family: 'Muli-Bold';
}

/* .table-outer + .text-x-small{margin-top:-30px} */

@media only screen and (min-width: 768px) {
  .right-control {
    text-align: right;
  }

  .right-control span + span {
    padding-left: 25px;
  }
}

@media only screen and (max-width: 991px) {
  .right-control span {
    display: inline-block;
    padding: 0 7px;
  }
}

@media only screen and (max-width: 767px) {
  .right-control span {
    display: block;
    padding: 7px 0;
  }

  .right-control span:first-child {
    padding-top: 15px;
  }
}

[data-tab]:before,[data-tab]:after {
  display: table;
  content: "";
}

[data-tab]:after {
  clear: both;
}

[data-tab] [data-tab-content] > .inner {
  display: none;
}

[data-tab] [data-tab-content] > .inner .inner-container {
  padding: 0;
}

[data-tab] [data-tab-content] > .inner .wrapper {
  padding-top: 0!important;
}

[data-tab] [data-tab-content] > .inner.active {
  display: block;
}

@keyframes animModal {
  1% {
    display: block;
    opacity: 0;
  }

  100% {
    display: block;
    opacity: 1;
  }
}

#header {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  z-index: 11;
  transition: all .3s;
}

@media only screen and (max-width: 991px) {
  #header {
    height: 4.5rem;
  }
}

#header .logo {
  float: left;
  max-width: 17vw;
}

#header .logo img {
  max-height: 43px;
}

@media only screen and (max-width: 991px) {
  #header .logo {
    float: none;
    max-width: 50%;
    margin: -11px auto 0;
    text-align: center;
    display: block;
  }

  #header .logo img {
    max-height: none;
  }
}

#header .top-header {
  text-align: right;
  padding: 10px 0;
  background-color: #233a58;
  box-shadow: inset 0 -3px 6px 0 rgba(0,0,0,0.5);
}

#header .top-header .top-links {
  text-align: right;
  display: inline-block;
}

#header .top-header .top-links li {
  display: inline-block;
  margin-right: 30px;
}

#header .top-header .top-links a {
  height: 40px;
  width: 40px;
  background: #f7901e;
  display: block;
  border-radius: 50%;
  text-align: center;
  line-height: 40px;
}

#header .top-header .top-links a:hover {
  color: #6b92e1;
}

#header .top-header .top-links a:active {
  color: #5c76aa;
}

#header .right-header {
  float: right;
}

#header .main-header {
  position: relative;
  padding: 20px 0;
}

#header .main-header:before,#header .main-header:after {
  display: table;
  content: "";
}

#header .main-header:after {
  clear: both;
}

.right-header .language {
  float: left;
  margin-top: 15px;
}

.right-header .language li {
  float: left;
  border-right: 1px solid #ccc;
  padding: 0 10px;
}

.right-header .language li:last-child {
  border-right: none;
  padding-right: 0;
}

.right-header .language li a {
  color: #000;
}

.language li {
  font-size: 1.1rem;
  text-transform: uppercase;
}

.language-change {
  display: inline-block;
  color: #fff;
}

.language-change img {
  width: 21px;
  border-radius: 50%;
  position: relative;
  top: 0px;
}

.language-change span {
  text-transform: uppercase;
  font-size: 0.9rem;
  margin: 0 1rem;
  position: relative;
  top: 2px;
}

.no-touch.desktop .language-change:hover span {
  color: #6b92e1;
  transition: all .3s;
}

.no-touch.desktop .language-change:active span {
  color: #5c76aa;
}

@media only screen and (max-width: 991px) {
  .language-change {
    float: none;
    color: #2b2b2b;
    margin: 0 20px;
    border-bottom: 1px solid rgba(0,0,0,0.1);
    padding: 20.5px 0;
    position: relative;
    display: inline-block;
    min-width: 280px;
  }

  .language-change span {
    font-family: 'Muli-Bold';
  }
}

[class*="back-level-"] {
  text-align: center;
  border: 1px solid #9e9e9e;
  margin: 20px 0 0 20px;
  border-radius: 50%;
  width: 38px;
  height: 38px;
  display: none;
}

[class*="back-level-"]:before {
  line-height: 36px;
  display: inline-block;
  transform: rotate(90deg);
}

[class*="back-level-"].active {
  display: block;
}

[class*="back-level-"]:active {
  border-color: #000;
  color: #000;
}

@media only screen and (min-width: 992px) {
  [class*="back-level-"] {
    display: none!important;
  }
}

.right-block {
  display: table-cell;
  vertical-align: top;
  height: 100%;
  background: #e4e4e4;
}

@media only screen and (min-width: 992px) {
  .right-block .content {
    max-height: calc((100vh - 93px));
    max-height: -moz-calc((100vh - 93px));
    max-height: -webkit-calc((100vh - 93px));
    max-height: -o-calc((100vh - 93px));
    overflow-y: auto;
  }
}

@media only screen and (max-width: 991px) {
  .right-block {
    display: block;
    background: none;
    padding: 0;
  }

  .right-block .content {
    padding: 0;
  }

  .right-block h3 {
    padding: 20px 20px 20px 0;
    position: relative;
    margin: 0;
  }

  .right-block h3:before {
    content: none;
  }

  .right-block h3:after {
    content: "\e902";
    font-family: 'icomoon';
    font-size: 7px;
    line-height: 1;
    display: inline-block;
    position: absolute;
    right: 0;
    top: 50%;
    color: #9e9e9e;
    transform: translateY(-50%);
  }
}

.login-form {
  padding-top: 20px;
}

@media only screen and (min-width: 992px) {
  .login-form {
    width: 80%;
  }
}

.login-form .form-control {
  background: none;
}

.register-block {
  text-align: center;
}

.register-block .logo-register {
  width: 67%;
  max-width: 247px;
}

.register-block .text-default {
  margin: 25px 0;
}

.register-block .register-image {
  margin: 30px 0 0;
}

#footer {
  overflow: hidden;
  background: #006fba;
  position: relative;
}

#footer .inner {
  padding: .5em 2em 0;
  background: #f5f5f5;
}

@media only screen and (max-width: 767px) {
  #footer .inner {
    padding-left: 1.2rem;
    padding-right: 1.2rem;
  }
}

#footer a {
  letter-spacing: -.2px;
  color: #fff;
}

.no-touch.desktop #footer a:hover {
  color: #6b92e1;
}

.no-touch.desktop #footer a:active {
  color: #5c76aa;
}

#footer .list-dash {
  font-size: .8667rem;
}

#footer .list-dash li,#footer .list-dash a {
  color: #888ac0;
}

@media only screen and (max-width: 991px) {
  #footer .list-dash {
    margin-top: 20px;
  }
}

/* @media only screen and (min-width: 992px) {
#footer [class*='col-']{width:21%;float:left}
#footer [class*='col-']:nth-child(1){width:16%}
#footer [class*='col-']:nth-child(3){width:25%}
#footer [class*='col-']:nth-child(5){width:17%}
} */

.copy-right {
  color: rgba(255,255,255,0.45);
  font-size: .8667rem;
}

@media only screen and (min-width: 992px) {
  .copy-right {
    float: left;
    margin-right: 20px;
  }
}

.footer-bot {
  padding: 25px 0 30px;
}

@media only screen and (min-width: 992px) {
  .footer-bot {
    border-top: 1px solid #292c8e;
  }
}

.thumb {
  height: 100%;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center;
  transition: all .2s;
}

.thumb-default {
  text-align: left;
  background: #fff;
  overflow: hidden;
  display: block;
  box-shadow: 0 0 16px 0 rgba(0,0,0,0.1);
  position: relative;
}

[class*='col-'] .thumb-default {
  margin-bottom: 40px;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: -o-flex;
  display: flex;
  -ms-flex-pack: justify;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  -ms-flex-direction: column;
  -webkit-flex-direction: column;
  flex-direction: column;
  width: 100%;
}

@media only screen and (max-width: 991px) {
  [class*='col-'] .thumb-default {
    margin-bottom: 20px;
  }
}

.thumb-default .thumb {
  height: 100%;
  position: relative;
  display: block;
}

.thumb-default .inner {
  height: 300px;
  position: relative;
  overflow: hidden;
}

@media only screen and (max-width: 1024px) {
  .thumb-default .inner {
    height: 278px;
  }
}

@media only screen and (max-width: 767px) {
  .thumb-default .inner {
    height: calc((100vw - 40px)/1.45);
    height: -moz-calc((100vw - 40px)/1.45);
    height: -webkit-calc((100vw - 40px)/1.45);
    height: -o-calc((100vw - 40px)/1.45);
  }
}

.thumb-default .caption {
  font-size: 15px;
  line-height: 1.73;
  color: #606060;
  padding: 20px;
  -ms-flex-positive: 1;
  flex-grow: 1;
}

.thumb-default .caption .title-3 {
  min-height: 71px;
}

.thumb-default .caption .sub-title {
  margin-bottom: 20px;
}

.thumb-default [class*='btn-'] {
  display: block;
  padding: 0;
}

.thumb-default [class*='btn-'] + [class*='btn-'] {
  margin-top: 10px;
  margin-left: 0;
}

.thumb-default.logo .inner {
  height: 120px;
  padding-left: 15px;
}

.thumb-default.logo .thumb {
  background-size: auto;
  background-position: left center;
}

.no-touch.desktop a.thumb-default:hover {
  box-shadow: 0 0 16px 0 rgba(0,0,0,0.3);
}

.no-touch.desktop a.thumb-default:hover .thumb {
  -webkit-transform: translate3d(0,0,0);
  transform: translate3d(0,0,0);
}

.intro-info {
  padding: 30px;
  background: #fff;
}

.thumb-info {
  text-align: left;
  background: #fff;
  padding: 30px;
  position: relative;
  box-shadow: 0 0 16px 0 rgba(0,0,0,0.1);
}

@media only screen and (min-width: 768px) {
  .thumb-info {
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: -o-flex;
    display: flex;
    -ms-flex-pack: justify;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    -ms-flex-direction: column;
    -webkit-flex-direction: column;
    flex-direction: column;
  }

  .thumb-info .caption {
    -ms-flex-positive: 1;
    flex-grow: 1;
  }
}

.thumb-info .title-3 {
  margin-top: 20px;
  min-height: 71px;
}

[class*='thumb-'].no-shadow {
  box-shadow: none;
  background: none;
}

.banner-carousel{position:relative}
.banner-carousel .middle-block{position:relative}
@media only screen and (max-width: 767px) {
.banner-carousel .middle-block{padding-bottom:30px}
}
.banner-carousel .sub-title{color:#fff;padding:30px 0 15px;transform:translateY(200px);opacity:0;transition:all .6s .4s}
.banner-carousel .item{position:relative;overflow:hidden;background-size:cover;background-position:center center;background-repeat:no-repeat;width:100%;height:38.334rem;display:none}
.banner-carousel .item:first-child{display:block}
.banner-carousel .item .thumb{opacity:.5;transform:scale(1.2);transition:all .5s .2s}
.banner-carousel .item .button-group{text-align:left;transform:translateY(600px);opacity:0;transition:all .6s .4s}
.banner-carousel .item .button-group .btn{vertical-align:middle;float:none;display:inline-block}
.banner-carousel .item .button-group .btn + .btn{margin-left:1rem}
.banner-carousel .item .button-group .text-medium{display:inline-block;vertical-align:middle}
.banner-carousel .item .button-group .sub-title-2{float:left;margin-top:5px;margin-right:40px}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.banner-carousel .item{height:calc(100vw*0.5);height:-moz-calc(100vw*0.5);height:-webkit-calc(100vw*0.5);height:-o-calc(100vw*0.5)}
}
@media only screen and (max-width: 480px) {
.banner-carousel .item{height:calc(100vw*1.6);height:-moz-calc(100vw*1.6);height:-webkit-calc(100vw*1.6);height:-o-calc(100vw*1.6)}
.banner-carousel .item .thumb{overflow:hidden;max-height:none}
.banner-carousel .item .thumb img{display:none}
.banner-carousel .item .button-group{margin:2rem 0 0;overflow:hidden;padding-top:1px}
}
.banner-carousel .item.slick-slide{display:block}
.banner-carousel .item.slick-active .button-group,.banner-carousel .item.slick-active .intro,.banner-carousel .item.slick-active .sub-title{opacity:1;transform:translate(0)}
.banner-carousel .item.slick-active .thumb{opacity:1;transform:scale(1)}
.banner-carousel .caption,.main-banner .caption{color:#fff;font-size:1rem;padding:4rem 2rem;position:absolute;z-index:2;bottom:0;right:0;top:0;left:0;background:rgba(0,0,0,0.3);word-wrap:break-word}
@media only screen and (max-width: 991px) {
.banner-carousel .caption,.main-banner .caption{padding:3rem 0}
}
.banner-carousel .caption .intro,.main-banner .caption .intro{font-size:76px;line-height:73px;font-family:'Muli-Bold';font:76px/73px Muli-Bold;padding-bottom:30px;transform:translateY(300px);opacity:0;transition:all .6s .4s}
@media only screen and (max-width: 991px) {
.banner-carousel .caption .intro,.main-banner .caption .intro{font-size:3.1rem;line-height:normal}
}
.banner-carousel .caption .inner-container,.main-banner .caption .inner-container{display:table;width:100%;height:100%}
@media only screen and (min-width: 1200px) {
.banner-carousel .caption .inner-container .intro,.main-banner .caption .inner-container .intro,.banner-carousel .caption .inner-container .content,.main-banner .caption .inner-container .content{max-width:900px}
}

.slick-prev,.slick-next{text-align:center;position:absolute;z-index:2;display:block;top:50%;margin-top:-20px;line-height:0;font-size:0;cursor:pointer;width:40px;height:40px;border:1px solid rgba(158,158,158,0.7);border-radius:50%;background:#fff;box-shadow:0 0 4px 0 rgba(0,0,0,0.5)}
.no-touch.desktop .slick-prev:hover,.no-touch.desktop .slick-next:hover{border-color:#9e9e9e}
.no-touch.desktop .slick-prev:hover:before,.no-touch.desktop .slick-next:hover:before{color:#6a6a6a}
.no-touch.desktop .slick-prev:active,.no-touch.desktop .slick-next:active{background:#d6d6d6}
.slick-prev.slick-disabled,.slick-next.slick-disabled{display:none!important}
.slick-prev:before,.slick-next:before{position:absolute;font-size:14px;line-height:40px;padding:0;color:#000;border:none;color:#8a8a8a;outline:none;top:0;left:50%;transform:translateX(-50%);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;display:block;transition:all .5s;-webkit-transition:all .5s;-moz-transition:all .5s;-ms-transition:all .5s}
.slick-prev{left:10px}
.slick-prev:before{transform:rotate(180deg) translateX(5px)}
.slick-next{right:10px}
.slick-dotted .slick-slider{margin-bottom:30px}
.slick-dots{position:absolute;bottom:20px;list-style:none;display:block;text-align:center;padding:0;margin:0!important;width:100%}
.slick-dots li{position:relative;display:inline-block;width:16px;height:16px;margin-right:5px;padding:0;cursor:pointer;text-align:center}
.slick-dots li:last-child{margin-right:0}
.slick-dots li button{width:16px;height:16px;border:1px solid transparent;outline:none;color:transparent;cursor:pointer;position:relative;z-index:1;background:none;border-radius:50%;padding:3px}
.slick-dots li button:before{content:"";background:#fff;width:8px;height:8px;border-radius:50%;display:block}
.slick-dots li button:hover,.slick-dots li button:focus{opacity:.8}
.slick-dots li.slick-active button{border-color:#fff;opacity:1}
.slick-slider{position:relative;display:block;box-sizing:border-box;-webkit-touch-callout:none;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-ms-touch-action:pan-y;touch-action:pan-y;-webkit-tap-highlight-color:transparent}
.slick-list{position:relative;overflow:hidden;display:block;margin:0;padding:0}
.slick-list:focus{outline:none}
.slick-list.dragging{cursor:pointer;cursor:hand}
.slick-slider .slick-track,.slick-slider .slick-list{-webkit-transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0);-o-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}
.slick-track{position:relative;left:0;top:0;display:block}
.slick-track:before,.slick-track:after{content:"";display:table}
.slick-track:after{clear:both}
.slick-loading .slick-track{visibility:hidden}
.slick-slide{float:left;min-height:1px;display:none}
[dir="rtl"] .slick-slide{float:right}
.slick-slide img{display:block}
.slick-slide .thumb img{display:none}
.slick-slide.slick-loading img{display:none}
.slick-slide.dragging img{pointer-events:none}
.slick-initialized .slick-slide{display:block}
.slick-loading .slick-slide{visibility:hidden}
.slick-vertical .slick-slide{display:block;height:auto;border:1px solid transparent}
.slick-arrow.slick-hidden{display:none}
.slider-nav{margin:30px -5px}
.slider-nav .thumb-slider{width:210px;height:122px;background-size:cover;background-repeat:no-repeat;background-position:center center;margin:0 5px;cursor:pointer}
.slider-nav .thumb-slider.video{position:relative}
.slider-nav .thumb-slider.video:before{content:'';background:rgba(0,0,0,0.8);position:absolute;left:0;right:0;bottom:0;top:0;z-index:2}
.slider-nav .thumb-slider.video:after{content:'';width:0;height:0;border-top:13px solid transparent;border-bottom:13px solid transparent;border-left:23px solid #fff;position:absolute;z-index:3;top:50%;left:50%;transform:translate(-50%,-50%)}
[data-slide-thumb] .slick-dots{bottom:-50px}
[data-slide-thumb] .slick-prev{transition:all .3s}
@media only screen and (min-width: 992px) {
[data-slide-thumb] .slick-prev{left:-50px}
}
@media only screen and (max-width: 991px) {
[data-slide-thumb] .slick-prev{left:-45px}
}
@media only screen and (max-width: 767px) {
[data-slide-thumb] .slick-prev{left:10px}
}
.no-touch.desktop [data-slide-thumb] .slick-prev:hover{margin-left:-5px}
[data-slide-thumb] .slick-next{transition:all .3s}
@media only screen and (min-width: 992px) {
[data-slide-thumb] .slick-next{right:-50px}
}
@media only screen and (max-width: 991px) {
[data-slide-thumb] .slick-next{right:-45px}
}
@media only screen and (max-width: 767px) {
[data-slide-thumb] .slick-next{right:10px}
}
.no-touch.desktop [data-slide-thumb] .slick-next:hover{margin-right:-5px}
[data-slide-thumb] .slider-nav .slick-current{box-shadow:0 0 10px #000}
[data-slide-thumb] .slider-nav .slick-list{padding:10px 0}


.banner {
  height: calc(100vw*0.35);
  height: -moz-calc(100vw*0.35);
  height: -webkit-calc(100vw*0.35);
  height: -o-calc(100vw*0.35);
  max-height: 600px;
  position: relative;
}

@media only screen and (min-width: 992px) {
  .banner {
    margin-top: 40px;
  }
}

.banner .sub-title {
  padding: 30px 0 10px;
}

.banner .thumb:before {
  content: '';
  background: rgba(0,0,0,0.15);
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}

.banner .inner-container {
  position: relative;
}

.banner .caption {
  position: absolute;
  left: 0;
  bottom: 50px;
  right: 0;
  color: #fff;
}

.banner .caption p {
  font-size: 1.267rem;
  line-height: 1.57;
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}

.banner .caption .title-1,.banner .caption p {
  max-width: 835px;
}

@media only screen and (max-width: 767px) {
  .banner {
    height: calc(100vw*0.6);
    height: -moz-calc(100vw*0.6);
    height: -webkit-calc(100vw*0.6);
    height: -o-calc(100vw*0.6);
  }
}

@media only screen and (max-width: 480px) {
  .banner {
    height: calc(100vw*1.15);
    height: -moz-calc(100vw*1.15);
    height: -webkit-calc(100vw*1.15);
    height: -o-calc(100vw*1.15);
    max-height: none;
  }

  .banner .caption {
    bottom: 30px;
  }
}

@media only screen and (max-width: 320px) {
  .banner {
    height: calc(100vw*1.3);
    height: -moz-calc(100vw*1.3);
    height: -webkit-calc(100vw*1.3);
    height: -o-calc(100vw*1.3);
  }
}

[lang="th"] .top-banner .text-default {
  line-height: 1rem;
  font-size: .8rem;
}

@media only screen and (min-width: 768px) {
  [lang="th"] .top-banner .text-default {
    line-height: 1.6rem;
    font-size: 1rem;
  }
}

.top-banner {
  height: 110px;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: -o-flex;
  display: flex;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  overflow: hidden;
}

.top-banner .text-default {
  line-height: 1rem;
  font-size: .9rem;
}

@media only screen and (min-width: 768px) {
  .top-banner .text-default {
    line-height: 1.6rem;
    font-size: 1rem;
  }
}

.top-banner.hidden {
  display: none!important;
}

[data-carousel],[data-carousel-xs],[data-carousel-product],[data-carousel-auto-height] {
  margin-bottom: 80px;
}

[data-carousel] .thumb-default,[data-carousel-xs] .thumb-default,[data-carousel-product] .thumb-default,[data-carousel-auto-height] .thumb-default {
  height: 100%;
  margin-bottom: 0;
}

[class*=banner] [class*=title] {
  color: #fff;
  margin-top: 10px;
}

@media only screen and (min-width: 768px) {
  .carousel-caption {
    padding-right: 40px;
  }
}

.img-print {
  display: none!important;
}

.custom-links {
  float: right;
  position: relative;
}

.custom-links .text {
  font-size: .8667rem;
  font-family: 'Muli-Bold';
  text-transform: uppercase;
  cursor: pointer;
  width: 100%;
  min-width: 220px;
  display: block;
  text-align: left;
  padding-right: 35px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  border: 1px solid rgba(255,255,255,0.5);
  color: #fff;
}

.custom-links .text:after {
  position: absolute;
  top: 50%;
  right: 20px;
  transform: translateY(-50%);
}

.no-touch.desktop .custom-links .text:hover {
  border-color: #fff;
}

@media only screen and (max-width: 767px) {
  .custom-links {
    max-width: calc(100% - 60px);
    max-width: -moz-calc(100% - 60px);
    max-width: -webkit-calc(100% - 60px);
    max-width: -o-calc(100% - 60px);
  }

  .custom-links .text {
    padding-left: 20px;
  }
}

.custom-links .all-links {
  margin-top: 5px;
  position: absolute;
  top: 100%;
  right: 0;
  z-index: 10;
  overflow: hidden;
  min-width: 100%;
  max-height: 0;
  opacity: .5;
  transition: all .5s;
}

.custom-links .all-links ul {
  border: solid 1px #e8e8e8;
  background-color: #fff;
  border-radius: 8px;
  box-shadow: 0 0 4px 0 rgba(0,0,0,0.05);
  padding: 10px 25px;
}

.custom-links .all-links a {
  padding: 12px 0;
  color: #000;
  display: block;
  white-space: nowrap;
  max-width: 72vw;
  text-overflow: ellipsis;
  overflow: hidden;
}

.no-touch.desktop .custom-links .all-links a:hover {
  color: #006fba;
}

.no-touch.desktop .custom-links .all-links a:active {
  color: #4c70b7;
}

.custom-links.active .all-links {
  opacity: 1;
  max-height: 500px;
}

.custom-links[data-option-links] {
  width: 100%;
  max-width: none;
}

.custom-links[data-option-links] .text {
  min-width: 0;
  padding-left: 20px;
}

.custom-links[data-option-links] .all-links {
  left: 0;
  right: auto;
}

.general-form {
  max-width: 500px;
  margin: 0 auto;
}

@media only screen and (min-width: 768px) {
  .general-form .col-sm-6:first-child {
    padding-right: 5px;
  }

  .general-form .col-sm-6:last-child {
    padding-left: 5px;
  }
}

.general-form .control-label {
  display: none;
}

.general-form [class*='btn'] {
  margin: 30px 0;
}

[data-slide-thumb] {
  margin-top: 30px;
  padding: 0 50px 30px;
}

@media only screen and (max-width: 767px) {
  [data-slide-thumb] {
    padding: 0;
  }
}

.thumb-location {
  background: #fff;
  padding: 20px;
  width: 100%;
  position: relative;
  box-shadow: 0 0 16px 0 rgba(0,0,0,0.1);
  margin-bottom: 30px;
  word-wrap: break-word;
}

.thumb-location .sub-info {
  margin-top: 25px;
}

@media print {
  html,  body {
    width: 1024px;
    overflow: hidden;
  }

  body {
    margin: 0;
    background: transparent;
    font-family: 'Muli-Regular',Tahoma,Helvetica,Arial,sans-serif;
    font-size: 15px;
    box-shadow: none;
    text-shadow: none;
  }

  img {
    border: 0;
  }

  h1 {
    font-size: 1.8em;
  }

  h2 {
    font-size: 1.6em;
  }

  h3 {
    font-size: 1.4em;
  }

  h4 {
    font-size: 1.2em;
  }

  h5 {
    font-size: 1em;
  }

  h6 {
    font-size: .9em;
  }

  * {
    margin: 0;
    padding: 0;
  }

  ul {
    list-style-type: none;
  }

  a,  a:visited {
    color: #000;
    text-decoration: none;
  }

  input {
    border: 1px solid #000;
  }

  input {
    padding: 1px 0;
  }

  img {
    max-width: 100%;
  }

  img {
    page-break-inside: avoid;
  }

  .row {
    page-break-inside: avoid;
  }

  div {
    text-align: left;
  }

  caption {
    display: none;
  }

  tr,  img {
    page-break-inside: avoid;
  }

  p {
    margin: 0;
    padding: 0;
  }

  .col-md-1,  .col-md-2,  .col-md-3,  .col-md-4,  .col-md-5,  .col-md-6,  .col-md-7,  .col-md-8,  .col-md-9,  .col-md-10,  .col-md-11,  .col-md-12 {
    float: left;
  }

  .col-md-12 {
    width: 100%;
  }

  .col-md-11 {
    width: 91.66666667%;
  }

  .col-md-10 {
    width: 83.33333333%;
  }

  .col-md-9 {
    width: 75%;
  }

  .col-md-8 {
    width: 66.66666667%;
  }

  .col-md-7 {
    width: 58.33333333%;
  }

  .col-md-6 {
    width: 50%;
  }

  .col-md-5 {
    width: 41.66666667%;
  }

  .col-md-4 {
    width: 33.33333333%;
  }

  .col-md-3 {
    width: 25%;
  }

  .col-md-2 {
    width: 16.66666667%;
  }

  .col-md-1 {
    width: 8.33333333%;
  }

  .col-md-pull-12 {
    right: 100%;
  }

  .col-md-pull-11 {
    right: 91.66666667%;
  }

  .col-md-pull-10 {
    right: 83.33333333%;
  }

  .col-md-pull-9 {
    right: 75%;
  }

  .col-md-pull-8 {
    right: 66.66666667%;
  }

  .col-md-pull-7 {
    right: 58.33333333%;
  }

  .col-md-pull-6 {
    right: 50%;
  }

  .col-md-pull-5 {
    right: 41.66666667%;
  }

  .col-md-pull-4 {
    right: 33.33333333%;
  }

  .col-md-pull-3 {
    right: 25%;
  }

  .col-md-pull-2 {
    right: 16.66666667%;
  }

  .col-md-pull-1 {
    right: 8.33333333%;
  }

  .col-md-pull-0 {
    right: auto;
  }

  .col-md-offset-12 {
    margin-left: 100%;
  }

  .col-md-offset-11 {
    margin-left: 91.66666667%;
  }

  .col-md-offset-10 {
    margin-left: 83.33333333%;
  }

  .col-md-offset-9 {
    margin-left: 75%;
  }

  .col-md-offset-8 {
    margin-left: 66.66666667%;
  }

  .col-md-offset-7 {
    margin-left: 58.33333333%;
  }

  .col-md-offset-6 {
    margin-left: 50%;
  }

  .col-md-offset-5 {
    margin-left: 41.66666667%;
  }

  .col-md-offset-4 {
    margin-left: 33.33333333%;
  }

  .col-md-offset-3 {
    margin-left: 25%;
  }

  .col-md-offset-2 {
    margin-left: 16.66666667%;
  }

  .col-md-offset-1 {
    margin-left: 8.33333333%;
  }

  .col-md-offset-0 {
    margin-left: 0;
  }

  .col-sm-6 {
    width: 50%;
    float: left;
  }

  #header {
    position: relative!important;
  }

  #header .main-header {
    background: #006fba!important;
    padding: 0 0 10px!important;
  }

  #header .logo {
    display: none;
  }

  #header .logo img {
    width: 175px;
    height: 40px;
  }

  #header .top-header,  #header .right-header {
    display: none;
  }

  #footer,  .icon-print {
    display: none!important;
  }

  .container {
    padding-top: 0!important;
  }

  .banner {
    height: auto!important;
    max-height: none;
  }

  .banner .caption {
    position: relative!important;
    bottom: 0!important;
  }

  .for-print-only {
    display: block!important;
  }

  [data-tab]:before,  [data-tab]:after {
    display: table;
    content: "";
  }

  [data-tab]:after {
    clear: both;
  }

  [data-tab] [data-tab-content] > .inner {
    display: none;
  }

  [data-tab] [data-tab-content] > .inner.active {
    display: block;
  }

  .img-print {
    display: block!important;
  }

  [class*='btn'],  .custom-links .text {
    display: none!important;
  }

  .thumb-info {
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: -o-flex;
    display: flex;
    -ms-flex-pack: justify;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    -ms-flex-direction: column;
    -webkit-flex-direction: column;
    flex-direction: column;
  }

  .col-sm-6.col-md-3 {
    width: 25%;
    float: left;
  }

  .thumb-default .caption .title-3 {
    min-height: 0;
  }

  [class*='thumb-'].no-shadow {
    box-shadow: none!important;
  }

  .banner {
    height: 300px;
    margin-bottom: 50px;
  }

  .banner .thumb .img-print {
    height: 300px;
    max-width: none;
    min-width: 100%;
  }

  .banner .caption {
    position: static;
  }

  .thumb-default .thumb {
    height: 100%;
    margin: 0;
    transform: none;
  }

  [data-carousel],  [data-carousel-xs],  [data-carousel-product],  [data-carousel-auto-height] {
    margin-bottom: 0!important;
  }

  .row-left {
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: -o-flex;
    display: flex;
    -ms-flex-wrap: wrap-reverse;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
  }

  .row-left .col-md-4 {
    width: 33.33333333%;
    float: left;
  }

  .row-left .col-md-4 [class*='thumb-'] {
    width: 100%;
    margin-bottom: 0;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: -o-flex;
    display: flex;
    -ms-flex-pack: justify;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    -ms-flex-direction: column;
    -webkit-flex-direction: column;
    flex-direction: column;
    box-shadow: none!important;
  }

  .right-control {
    text-align: right;
  }

  .inner-container {
    padding: 0;
  }

  .thumb-default .caption {
    padding-left: 0;
    padding-right: 0;
  }
}