@import url('https://fonts.googleapis.com/css?family=Kanit:300,300i,500,500i,600,600i');
input,
input.h1,
input.h2,
input.h3,
input.h4,
input.h5,
input.h6,
input .h1,
input .h2,
input .h3,
input .h4,
input .h5,
input .h6,
button,
button.h1,
button.h2,
button.h3,
button.h4,
button.h5,
button.h6,
button .h1,
button .h2,
button .h3,
button .h4,
button .h5,
button .h6,
select,
select.h1,
select.h2,
select.h3,
select.h4,
select.h5,
select.h6,
select .h1,
select .h2,
select .h3,
select .h4,
select .h5,
select .h6,
textarea,
textarea.h1,
textarea.h2,
textarea.h3,
textarea.h4,
textarea.h5,
textarea.h6,
textarea .h1,
textarea .h2,
textarea .h3,
textarea .h4,
textarea .h5,
textarea .h6,
body,
body.h1,
body.h2,
body.h3,
body.h4,
body.h5,
body.h6,
body .h1,
body .h2,
body .h3,
body .h4,
body .h5,
body .h6,
.lead,
.lead.h1,
.lead.h2,
.lead.h3,
.lead.h4,
.lead.h5,
.lead.h6,
.lead .h1,
.lead .h2,
.lead .h3,
.lead .h4,
.lead .h5,
.lead .h6,
.font-body,
.font-body.h1,
.font-body.h2,
.font-body.h3,
.font-body.h4,
.font-body.h5,
.font-body.h6,
.font-body .h1,
.font-body .h2,
.font-body .h3,
.font-body .h4,
.font-body .h5,
.font-body .h6 {
  font-family: 'Kanit', sans-serif;
  font-weight: 300;
}
input strong,
input.bold,
input .bold,
input.h1 strong,
input.h1.bold,
input.h1 .bold,
input.h2 strong,
input.h2.bold,
input.h2 .bold,
input.h3 strong,
input.h3.bold,
input.h3 .bold,
input.h4 strong,
input.h4.bold,
input.h4 .bold,
input.h5 strong,
input.h5.bold,
input.h5 .bold,
input.h6 strong,
input.h6.bold,
input.h6 .bold,
input .h1 strong,
input .h1.bold,
input .h1 .bold,
input .h2 strong,
input .h2.bold,
input .h2 .bold,
input .h3 strong,
input .h3.bold,
input .h3 .bold,
input .h4 strong,
input .h4.bold,
input .h4 .bold,
input .h5 strong,
input .h5.bold,
input .h5 .bold,
input .h6 strong,
input .h6.bold,
input .h6 .bold,
button strong,
button.bold,
button .bold,
button.h1 strong,
button.h1.bold,
button.h1 .bold,
button.h2 strong,
button.h2.bold,
button.h2 .bold,
button.h3 strong,
button.h3.bold,
button.h3 .bold,
button.h4 strong,
button.h4.bold,
button.h4 .bold,
button.h5 strong,
button.h5.bold,
button.h5 .bold,
button.h6 strong,
button.h6.bold,
button.h6 .bold,
button .h1 strong,
button .h1.bold,
button .h1 .bold,
button .h2 strong,
button .h2.bold,
button .h2 .bold,
button .h3 strong,
button .h3.bold,
button .h3 .bold,
button .h4 strong,
button .h4.bold,
button .h4 .bold,
button .h5 strong,
button .h5.bold,
button .h5 .bold,
button .h6 strong,
button .h6.bold,
button .h6 .bold,
select strong,
select.bold,
select .bold,
select.h1 strong,
select.h1.bold,
select.h1 .bold,
select.h2 strong,
select.h2.bold,
select.h2 .bold,
select.h3 strong,
select.h3.bold,
select.h3 .bold,
select.h4 strong,
select.h4.bold,
select.h4 .bold,
select.h5 strong,
select.h5.bold,
select.h5 .bold,
select.h6 strong,
select.h6.bold,
select.h6 .bold,
select .h1 strong,
select .h1.bold,
select .h1 .bold,
select .h2 strong,
select .h2.bold,
select .h2 .bold,
select .h3 strong,
select .h3.bold,
select .h3 .bold,
select .h4 strong,
select .h4.bold,
select .h4 .bold,
select .h5 strong,
select .h5.bold,
select .h5 .bold,
select .h6 strong,
select .h6.bold,
select .h6 .bold,
textarea strong,
textarea.bold,
textarea .bold,
textarea.h1 strong,
textarea.h1.bold,
textarea.h1 .bold,
textarea.h2 strong,
textarea.h2.bold,
textarea.h2 .bold,
textarea.h3 strong,
textarea.h3.bold,
textarea.h3 .bold,
textarea.h4 strong,
textarea.h4.bold,
textarea.h4 .bold,
textarea.h5 strong,
textarea.h5.bold,
textarea.h5 .bold,
textarea.h6 strong,
textarea.h6.bold,
textarea.h6 .bold,
textarea .h1 strong,
textarea .h1.bold,
textarea .h1 .bold,
textarea .h2 strong,
textarea .h2.bold,
textarea .h2 .bold,
textarea .h3 strong,
textarea .h3.bold,
textarea .h3 .bold,
textarea .h4 strong,
textarea .h4.bold,
textarea .h4 .bold,
textarea .h5 strong,
textarea .h5.bold,
textarea .h5 .bold,
textarea .h6 strong,
textarea .h6.bold,
textarea .h6 .bold,
body strong,
body.bold,
body .bold,
body.h1 strong,
body.h1.bold,
body.h1 .bold,
body.h2 strong,
body.h2.bold,
body.h2 .bold,
body.h3 strong,
body.h3.bold,
body.h3 .bold,
body.h4 strong,
body.h4.bold,
body.h4 .bold,
body.h5 strong,
body.h5.bold,
body.h5 .bold,
body.h6 strong,
body.h6.bold,
body.h6 .bold,
body .h1 strong,
body .h1.bold,
body .h1 .bold,
body .h2 strong,
body .h2.bold,
body .h2 .bold,
body .h3 strong,
body .h3.bold,
body .h3 .bold,
body .h4 strong,
body .h4.bold,
body .h4 .bold,
body .h5 strong,
body .h5.bold,
body .h5 .bold,
body .h6 strong,
body .h6.bold,
body .h6 .bold,
.lead strong,
.lead.bold,
.lead .bold,
.lead.h1 strong,
.lead.h1.bold,
.lead.h1 .bold,
.lead.h2 strong,
.lead.h2.bold,
.lead.h2 .bold,
.lead.h3 strong,
.lead.h3.bold,
.lead.h3 .bold,
.lead.h4 strong,
.lead.h4.bold,
.lead.h4 .bold,
.lead.h5 strong,
.lead.h5.bold,
.lead.h5 .bold,
.lead.h6 strong,
.lead.h6.bold,
.lead.h6 .bold,
.lead .h1 strong,
.lead .h1.bold,
.lead .h1 .bold,
.lead .h2 strong,
.lead .h2.bold,
.lead .h2 .bold,
.lead .h3 strong,
.lead .h3.bold,
.lead .h3 .bold,
.lead .h4 strong,
.lead .h4.bold,
.lead .h4 .bold,
.lead .h5 strong,
.lead .h5.bold,
.lead .h5 .bold,
.lead .h6 strong,
.lead .h6.bold,
.lead .h6 .bold,
.font-body strong,
.font-body.bold,
.font-body .bold,
.font-body.h1 strong,
.font-body.h1.bold,
.font-body.h1 .bold,
.font-body.h2 strong,
.font-body.h2.bold,
.font-body.h2 .bold,
.font-body.h3 strong,
.font-body.h3.bold,
.font-body.h3 .bold,
.font-body.h4 strong,
.font-body.h4.bold,
.font-body.h4 .bold,
.font-body.h5 strong,
.font-body.h5.bold,
.font-body.h5 .bold,
.font-body.h6 strong,
.font-body.h6.bold,
.font-body.h6 .bold,
.font-body .h1 strong,
.font-body .h1.bold,
.font-body .h1 .bold,
.font-body .h2 strong,
.font-body .h2.bold,
.font-body .h2 .bold,
.font-body .h3 strong,
.font-body .h3.bold,
.font-body .h3 .bold,
.font-body .h4 strong,
.font-body .h4.bold,
.font-body .h4 .bold,
.font-body .h5 strong,
.font-body .h5.bold,
.font-body .h5 .bold,
.font-body .h6 strong,
.font-body .h6.bold,
.font-body .h6 .bold {
  font-weight: 600;
}
h1,
h1.h1,
h1.h2,
h1.h3,
h1.h4,
h1.h5,
h1.h6,
h2,
h2.h1,
h2.h2,
h2.h3,
h2.h4,
h2.h5,
h2.h6,
h3,
h3.h1,
h3.h2,
h3.h3,
h3.h4,
h3.h5,
h3.h6,
h4,
h4.h1,
h4.h2,
h4.h3,
h4.h4,
h4.h5,
h4.h6,
h5,
h5.h1,
h5.h2,
h5.h3,
h5.h4,
h5.h5,
h5.h6,
h6,
h6.h1,
h6.h2,
h6.h3,
h6.h4,
h6.h5,
h6.h6,
.font-heading,
.font-heading.h1,
.font-heading.h2,
.font-heading.h3,
.font-heading.h4,
.font-heading.h5,
.font-heading.h6 {
  font-family: 'Kanit', sans-serif;
  font-weight: 300;
}
h1 strong,
h1.bold,
h1 .bold,
h1.h1 strong,
h1.h1.bold,
h1.h1 .bold,
h1.h2 strong,
h1.h2.bold,
h1.h2 .bold,
h1.h3 strong,
h1.h3.bold,
h1.h3 .bold,
h1.h4 strong,
h1.h4.bold,
h1.h4 .bold,
h1.h5 strong,
h1.h5.bold,
h1.h5 .bold,
h1.h6 strong,
h1.h6.bold,
h1.h6 .bold,
h2 strong,
h2.bold,
h2 .bold,
h2.h1 strong,
h2.h1.bold,
h2.h1 .bold,
h2.h2 strong,
h2.h2.bold,
h2.h2 .bold,
h2.h3 strong,
h2.h3.bold,
h2.h3 .bold,
h2.h4 strong,
h2.h4.bold,
h2.h4 .bold,
h2.h5 strong,
h2.h5.bold,
h2.h5 .bold,
h2.h6 strong,
h2.h6.bold,
h2.h6 .bold,
h3 strong,
h3.bold,
h3 .bold,
h3.h1 strong,
h3.h1.bold,
h3.h1 .bold,
h3.h2 strong,
h3.h2.bold,
h3.h2 .bold,
h3.h3 strong,
h3.h3.bold,
h3.h3 .bold,
h3.h4 strong,
h3.h4.bold,
h3.h4 .bold,
h3.h5 strong,
h3.h5.bold,
h3.h5 .bold,
h3.h6 strong,
h3.h6.bold,
h3.h6 .bold,
h4 strong,
h4.bold,
h4 .bold,
h4.h1 strong,
h4.h1.bold,
h4.h1 .bold,
h4.h2 strong,
h4.h2.bold,
h4.h2 .bold,
h4.h3 strong,
h4.h3.bold,
h4.h3 .bold,
h4.h4 strong,
h4.h4.bold,
h4.h4 .bold,
h4.h5 strong,
h4.h5.bold,
h4.h5 .bold,
h4.h6 strong,
h4.h6.bold,
h4.h6 .bold,
h5 strong,
h5.bold,
h5 .bold,
h5.h1 strong,
h5.h1.bold,
h5.h1 .bold,
h5.h2 strong,
h5.h2.bold,
h5.h2 .bold,
h5.h3 strong,
h5.h3.bold,
h5.h3 .bold,
h5.h4 strong,
h5.h4.bold,
h5.h4 .bold,
h5.h5 strong,
h5.h5.bold,
h5.h5 .bold,
h5.h6 strong,
h5.h6.bold,
h5.h6 .bold,
h6 strong,
h6.bold,
h6 .bold,
h6.h1 strong,
h6.h1.bold,
h6.h1 .bold,
h6.h2 strong,
h6.h2.bold,
h6.h2 .bold,
h6.h3 strong,
h6.h3.bold,
h6.h3 .bold,
h6.h4 strong,
h6.h4.bold,
h6.h4 .bold,
h6.h5 strong,
h6.h5.bold,
h6.h5 .bold,
h6.h6 strong,
h6.h6.bold,
h6.h6 .bold,
.font-heading strong,
.font-heading.bold,
.font-heading .bold,
.font-heading.h1 strong,
.font-heading.h1.bold,
.font-heading.h1 .bold,
.font-heading.h2 strong,
.font-heading.h2.bold,
.font-heading.h2 .bold,
.font-heading.h3 strong,
.font-heading.h3.bold,
.font-heading.h3 .bold,
.font-heading.h4 strong,
.font-heading.h4.bold,
.font-heading.h4 .bold,
.font-heading.h5 strong,
.font-heading.h5.bold,
.font-heading.h5 .bold,
.font-heading.h6 strong,
.font-heading.h6.bold,
.font-heading.h6 .bold {
  font-weight: 600;
}
::selection {
  background: #84C7EE;
}
::-moz-selection {
  background: #84C7EE;
}
.home a {
  text-decoration: none;
}
body,
p,
.gform_body .gfield input,
.gform_body .gfield textarea,
.gform_body .gfield select {
  font-size: 16px;
  line-height: 1.5;
}
h1,
h2,
h3,
h4,
h5,
h6,
.h1,
.h2,
.h3,
.h4,
.h5,
.h6 {
  line-height: 1.3;
}
h1,
.h1 {
  font-size: 48px;
}
h2,
.h2 {
  font-size: 36px;
}
h3,
.h3 {
  font-size: 24px;
}
h4,
.h4 {
  font-size: 22px;
}
h5,
.h5 {
  font-size: 18px;
}
h6,
.h6 {
  font-size: 16px;
}
.lead {
  font-size: 20px;
  line-height: 1.5;
}
#topcontrol {
  background-color: rgba(0,0,0,0.1);
  background-position: center center;
  background-repeat: no-repeat;
  -webkit-transition: all 0.2s ease-out;
  -moz-transition: all 0.2s ease-out;
  -o-transition: all 0.2s ease-out;
  -ms-transition: all 0.2s ease-out;
  transition: all 0.2s ease-out;
  border-radius: 3px;
  color: #ffffff;
  height: 48px;
  line-height: 55px;
  margin: 0 15px 15px 0;
  text-align: center;
  width: 48px;
  z-index: 10000;
}
#scrolltotop:before {
  border-color: rgba(255,255,255,0) rgba(255,255,255,0) #ffffff;
  border-image: none;
  border-style: solid;
  border-width: 10px;
  content: "";
  height: 0;
  left: 28%;
  position: absolute;
  top: 17%;
  width: 0;
}
#topcontrol:hover {
  background-color: #57b3e8;
}
.accent {
  color: #84C7EE !important;
}
.accent2 {
  color: #D3ECF8 !important;
}
.accent3 {
  color: #707070 !important;
}
.accent4 {
  color: #EE3F3A !important;
}
.accent5 {
  color: #F2F2F2 !important;
}
.font-custom1 {
  font-size: 14px;
}
a:hover,
.sidebar-content .nav.nav-tabs.nav-stacked .parent ul a.selected,
.sidebar-content .nav li li a:hover,
div[role="complementary"] div > ul > li:hover {
  color: #60b7e9;
}
a,
.nav-tabs > .active > a,
.nav-tabs > .active > a:hover,
.nav-tabs > .active > a:focus,
.nav li a:hover,
.nav li a:focus,
.navbar .nav > li > a:focus,
.navbar .nav > li > a:hover,
.pagination ul > li > a:hover,
.pagination ul > li > a:focus,
.pagination ul > .active > a,
.pagination ul > .active > span,
nav[role="navigation"] .nav-normal > .active > a,
nav[role="navigation"] .nav-normal li a:hover,
nav[role="navigation"] .nav-pills-square > .active > a,
nav[role="navigation"] .nav-bar > li > a:hover,
nav[role="navigation"] .nav-bar > li > a:focus,
nav[role="navigation"] .nav-bar > .active > a,
nav[role="navigation"] .nav-bar-top > .active > a,
nav[role="navigation"] .nav-bar-top > li > a:hover,
nav[role="navigation"] .nav-bar-underline > .active > a,
nav[role="navigation"] .nav-underline > .active > a,
nav[role="navigation"] .nav-underline > li > a:hover,
nav[role="navigation"] .nav-separator > .active > a,
nav[role="navigation"] .nav-separator > li > a:hover,
.sidebar-content .nav a.active,
div[role="complementary"] div > ul > li:active,
.sidebar-content .nav li a:hover,
.sidebar-content .nav li a:focus {
  color: #84C7EE;
}
.nav a:hover .caret {
  border-bottom-color: #84C7EE;
  border-top-color: #84C7EE;
}
.nav-tabs > li > a:hover,
.nav-tabs > li > a:focus,
.navbar .nav > .active > a,
.navbar .nav > .active > a:hover,
.navbar .nav > .active > a:focus,
.nav-pills > .active > a,
.nav-pills > .active > a:hover,
.nav-pills > .active > a:focus,
.nav-tabs.nav-stacked > .active > a,
.nav-tabs.nav-stacked > .active > a:hover,
.nav-tabs.nav-stacked > .active > a:focus,
.nav-list > .active > a,
.nav-list > .active > a:hover,
.nav-list > .active > a:focus,
.grid li a:hover img,
textarea:focus,
input[type="text"]:focus,
input[type="password"]:focus,
input[type="datetime"]:focus,
input[type="datetime-local"]:focus,
input[type="date"]:focus,
input[type="month"]:focus,
input[type="time"]:focus,
input[type="week"]:focus,
input[type="number"]:focus,
input[type="email"]:focus,
input[type="url"]:focus,
input[type="search"]:focus,
input[type="tel"]:focus,
input[type="color"]:focus,
.uneditable-input:focus,
.gform_wrapper li.gfield_error input[type="text"]:focus,
.gform_wrapper li.gfield_error input[type="url"]:focus,
.gform_wrapper li.gfield_error input[type="email"]:focus,
.gform_wrapper li.gfield_error input[type="tel"]:focus,
.gform_wrapper li.gfield_error input[type="number"]:focus,
.gform_wrapper li.gfield_error input[type="password"]:focus,
.gform_wrapper li.gfield_error textarea:focus {
  border-color: #84C7EE;
}
.navbar .nav > .active > a,
.navbar .nav > .active > a:hover,
.navbar .nav > .active > a:focus,
.nav-pills > .active > a,
.nav-pills > .active > a:hover,
.nav-pills > .active > a:focus,
.nav-tabs.nav-stacked > .active > a,
.nav-tabs.nav-stacked > .active > a:hover,
.nav-tabs.nav-stacked > .active > a:focus,
.nav-list > .active > a,
.nav-list > .active > a:hover,
.nav-list > .active > a:focus,
.dropdown-menu > li > a:hover,
.dropdown-menu > li > a:focus,
.dropdown-submenu:hover > a,
.dropdown-submenu:focus > a,
.dropdown-menu > .active > a,
.dropdown-menu > .active > a:hover,
.dropdown-menu > .active > a:focus,
.progress .bar,
.progress-striped .bar,
.progress-info.progress-striped .bar,
.progress-striped .bar-info,
nav[role="navigation"] .nav-pills-square li a:hover {
  background-color: #84C7EE;
}
.form-control:focus {
  border-color: #84C7EE;
  box-shadow: 0 1px 1px rgba(0,0,0,0.075) inset, 0 0 8px rgba(132,199,238,0.6);
}
.pagination > .active > a,
.pagination > .active > span,
.pagination > .active > a:hover,
.pagination > .active > span:hover,
.pagination > .active > a:focus,
.pagination > .active > span:focus {
  background-color: #84C7EE;
  border-color: #84C7EE;
}
.btn-primary {
  border-color: #84C7EE;
  background-color: #84C7EE;
  color: #000;
  text-shadow: none;
  border-radius: 30px;
  color: #fff;
  font-size: 18px;
  font-weight: 300;
  padding: 12.5px 25px;
  text-transform: uppercase;
}
.btn-primary:hover,
.btn-primary .disabled,
.btn-primary [disabled] {
  background-color: #72bfec;
  border-color: #72bfec;
  color: #000;
}
.btn-primary:active,
.btn-primary .active,
.btn-primary:focus,
.btn-primary .focus {
  background-color: #60b7e9;
  border-color: #60b7e9;
  color: #000;
}
.btn-primary:hover,
.btn-primary:active,
.btn-primary:focus {
  background-color: #5096BB;
  border-color: #5096BB;
  color: #fff;
}
.btn-custom {
  border-color: #EE3F3A;
  background-color: #EE3F3A;
  color: #fff;
  text-shadow: none;
}
.btn-custom:hover,
.btn-custom .disabled,
.btn-custom [disabled] {
  background-color: #ec2d27;
  border-color: #ec2d27;
  color: #fff;
}
.btn-custom:active,
.btn-custom .active,
.btn-custom:focus,
.btn-custom .focus {
  background-color: #eb1a14;
  border-color: #eb1a14;
  color: #fff;
}
.btn-custom:hover,
.btn-custom:active,
.btn-custom:focus {
  background-color: #8A0000;
  border-color: #8A0000;
}
.btn-custom2 {
  border-color: #84C7EE;
  background-color: #84C7EE;
  color: #000;
  text-shadow: none;
}
.btn-custom2:hover,
.btn-custom2 .disabled,
.btn-custom2 [disabled] {
  background-color: #72bfec;
  border-color: #72bfec;
  color: #000;
}
.btn-custom2:active,
.btn-custom2 .active,
.btn-custom2:focus,
.btn-custom2 .focus {
  background-color: #60b7e9;
  border-color: #60b7e9;
  color: #000;
}
.home .header-shadow {
  box-shadow: none;
}
header img.brand {
  width: 100%;
  max-width: 250px;
}
header nav[role="navigation"] > ul:first-child {
  margin-top: 0;
}
header nav[role="navigation"] > ul > li > a {
  color: #707070;
  font-size: 16px;
  text-transform: uppercase;
  padding: 10px 0;
  margin: 0 10px;
}
header nav[role="navigation"] > ul > li > a.dropdown-toggle .caret {
  border-bottom-color: #707070;
  border-top-color: #707070;
}
header nav[role="navigation"] > ul > li:hover > a,
header nav[role="navigation"] > ul > li:active > a,
header nav[role="navigation"] > ul > li:focus > a,
header nav[role="navigation"] > ul > li.active > a {
  color: #84C7EE;
  background-color: transparent;
}
header nav[role="navigation"] > ul > li:hover > a.dropdown-toggle .caret,
header nav[role="navigation"] > ul > li:active > a.dropdown-toggle .caret,
header nav[role="navigation"] > ul > li:focus > a.dropdown-toggle .caret,
header nav[role="navigation"] > ul > li.active > a.dropdown-toggle .caret {
  border-bottom-color: #84C7EE;
  border-top-color: #84C7EE;
}
.nav li a:hover,
.nav li a:focus {
  color: #84C7EE;
  background-color: transparent;
  border-color: transparent;
}
nav[role="navigation"] ul > li .dropdown-menu > li:hover > a,
nav[role="navigation"] ul > li .dropdown-menu > li > a:hover {
  background: none repeat scroll 0 0 #84C7EE;
  color: #fff;
}
.main-nav .menu-effect-4 > li a::before {
  font-size: 24px;
  line-height: 6px;
}
.main-nav .menu-effect-4 > li > a:hover::before,
.main-nav .menu-effect-4 > li > a:focus::before,
.main-nav .menu-effect-4 > li.active > a::before {
  color: #84C7EE;
  text-shadow: 10px 0 #84C7EE, -10px 0 #84C7EE;
}
.lang-switcher ul {
  margin-top: 3px;
  margin-left: 40px;
}
.lang-switcher li a {
  color: #707070;
}
.lang-switcher li:hover a,
.lang-switcher li:active a,
.lang-switcher li:focus a,
.lang-switcher li.mlp-current-language-item a {
  color: #84C7EE;
}
.lang-switcher li + li a {
  border-left: 1px solid #707070;
  padding-left: 10px;
}
.hp-banner .container {
  padding-top: 115px;
  padding-bottom: 195px;
}
.hp-banner h1 {
  text-shadow: 0 4px 5px rgba(0,0,0,0.4);
}
.hp-banner p {
  text-shadow: 0 3px 3px rgba(0,0,0,0.4);
}
.hp-s2 {
  position: relative;
}
.hp-s2::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  height: 10px;
  display: block;
  background-color: #84C7EE;
}
.hp-s2 h1 {
  margin-top: 0;
}
.hp-s2 p {
  line-height: 1.5;
  margin-bottom: 0;
}
.hp-s3-services {
  margin-top: 35px;
}
.hp-s3-service {
  background-color: #fff;
  box-shadow: 0 20px 30px 0 rgba(0,0,0,0.1);
  height: 100%;
  padding-bottom: 40px;
}
.hp-s3-service > * {
  -ms-flex: 1 1 100%;
  flex: 1 1 100%;
  width: 100%;
}
.hp-s3-service-detail {
  min-height: 180px;
  padding: 15px 35px;
}
.hp-s3-service-detail + * {
  margin-bottom: 0;
}
.hp-s4 .row-condensed {
  margin-top: 50px;
}
.hp-s4 .row-condensed > .blog-list {
  padding-left: 15px;
  padding-right: 15px;
}
.hp-s4 .blog-list .img-thumbnail {
  border: 0;
  border-radius: 0;
  padding: 0;
  width: 100%;
}
.hp-s4 .blog-list .content {
  min-height: 310px;
  background-color: #fff;
  border-bottom: 4px solid #84C7EE;
  padding: 25px;
}
.hp-s4 .blog-list .content > p {
  margin-bottom: 0;
}
.hp-s4 .blog-list footer > p {
  margin-bottom: 0;
}
.hp-s4 .blog-list .date > .fa {
  display: none;
}
.hp-s4 .blog-list [itemprop="name"] {
  font-size: 18px;
  font-weight: 700;
}
.hp-s4 .blog-list .btn {
  background-color: transparent;
  border: 0;
  box-shadow: none;
  color: #84C7EE;
  font-size: 18px;
  font-weight: 500;
  padding: 0;
}
.hp-s4 .blog-list .btn:hover,
.hp-s4 .blog-list .btn:focus,
.hp-s4 .blog-list .btn:active {
  color: #60b7e9;
  text-decoration: underline;
}
.blog-list-inner,
.hp-s5-story {
  -webkit-transition: box-shadow 0.4s;
  transition: box-shadow 0.4s;
}
.blog-list-inner:hover,
.blog-list-inner:active,
.blog-list-inner:focus,
.hp-s5-story:hover,
.hp-s5-story:active,
.hp-s5-story:focus {
  box-shadow: 0 10px 20px 0 rgba(0,0,0,0.16);
}
.hp-s5-story {
  background-color: #fff;
}
.hp-s5-story-img > img {
  width: 100%;
}
.hp-s5-story-detail {
  padding: 25px 65px 35px;
}
.hp-s5-story-detail p.h5 {
  line-height: 1.5;
}
.hp-s5-story-detail > p:last-of-type {
  margin-bottom: 0;
  text-align: center;
}
.hp-s5-story-detail .btn {
  padding: 12.5px 0;
  width: 100%;
  max-width: 190px;
}
.cta-footer {
  border-bottom: 10px solid #84C7EE;
}
.cta-footer .container {
  padding-top: 60px;
  padding-bottom: 70px;
}
.cta-footer h1 {
  text-shadow: 0 4px 4px rgba(0,0,0,0.4);
}
.cta-footer p {
  text-shadow: 0 3px 3px rgba(0,0,0,0.4);
}
.cta-footer .btn {
  padding: 12.5px 0;
  width: 100%;
  max-width: 250px;
}
.map-footer .google-map {
  height: 360px !important;
  margin-bottom: 0;
}
.map-footer .google-map + div address {
  margin-bottom: 0;
}
.main-footer {
  font-size: 14px;
}
.main-footer .container {
  padding-top: 60px;
}
.main-footer address .fa-ul {
  margin-left: 2em;
}
.main-footer address .fa-li {
  left: -2.5em;
}
.main-footer h1 + div address .fa-print::before {
  content: '\f1ac';
}
.main-footer div:last-child address .fa-phone::before {
  content: '\f10b';
}
.main-footer .fa {
  line-height: 1.5;
}
.main-footer .fa.accent {
  color: #707070 !important;
}
.main-footer-qr {
  margin-top: 40px;
}
.main-footer-qr > img {
  margin: 0 auto;
}
.bottom-footer {
  margin-top: 40px;
  margin-bottom: 20px;
}
[id="menu-bottom-footer"] li + li::before {
  content: '|';
  margin-right: 10px;
}
.full-width {
  padding-left: 0;
  padding-right: 0;
}
.full-width > div {
  max-width: 100%;
  padding-left: 0;
  padding-right: 0;
}
.full-width > div > div.row {
  margin: 0;
}
div[role="complementary"] .flexnav a.current-page {
  color: #84C7EE !important;
}
.page .well {
  background-color: #fff;
  border: 1px solid #ccc;
}
hr {
  border-color: #ccc;
}
.well-blog > article > h1 {
  font-size: 36px;
}
@media (min-width: 992px) and (max-width: 1199px) {
  header nav[role="navigation"] .nav > li > a {
    margin: 0 4px;
  }
  .lang-switcher ul {
    margin-left: 20px;
  }
}
@media (max-width: 991px) {
  header nav[role="navigation"] {
    display: none;
  }
  .lang-switcher ul {
    margin-left: 0;
    margin-right: 40px;
  }
  .main-nav-language {
    margin-left: 0;
    margin-right: 25px;
  }
  .hp-s3-services {
    -ms-flex-wrap: wrap;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
    -ms-flex-pack: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
  }
  .hp-s3-services > div {
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    max-width: 50%;
    margin-bottom: 30px;
  }
  .hp-s4 .row-condensed {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -ms-flex-pack: center;
    justify-content: center;
  }
  .hp-s4 .row-condensed .blog-list {
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    max-width: 50%;
    margin-bottom: 30px;
  }
  .hp-s5 .container .row {
    display: -ms-flex;
    display: flex;
  }
  .hp-s5 .container .row > div {
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    max-width: 50%;
  }
  .hp-s5-story {
    height: 100%;
  }
  .hp-s5-story-detail {
    min-height: 350px;
    display: -ms-flex;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -ms-flex-pack: center;
    justify-content: center;
    padding: 30px;
  }
  .hp-s5-story-detail > * {
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
  }
  .hp-s5-story-detail > *:last-child {
    -ms-flex-item-align: end;
    align-self: flex-end;
  }
  .hp-s5-story-detail .btn {
    margin: 0 auto;
  }
}
@media (max-width: 767px) {
  h1,
  .h1 {
    font-size: 36px;
  }
  h2,
  .h2 {
    font-size: 28px;
  }
  .lang-switcher ul {
    margin-left: 0;
    margin-right: 20px;
  }
  .lang-switcher ul a {
    font-size: 13px;
  }
  header a.brand {
    display: -ms-flex;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
  }
  header a.brand > svg {
    width: 100%;
    max-width: 150px;
  }
  .main-nav .container .row > div + div {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
  }
  .main-nav-language {
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
    margin-right: 0;
    margin-bottom: 15px;
    text-align: right;
  }
  .hp-s2 .container {
    padding-top: 15px;
    padding-bottom: 15px;
  }
  .hp-s3-services > div,
  .hp-s4 .row-condensed .blog-list,
  .hp-s5 .container .row > div {
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
    margin-bottom: 15px;
    padding: 0;
  }
  .hp-s4 .row-condensed {
    margin-top: 0;
  }
  .hp-s5 .container .row {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
  }
  .hp-s5-story-detail {
    min-height: 0;
    padding: 25px 25px 30px;
    margin-bottom: 20px;
  }
  .main-footer address {
    text-align: left;
  }
  .main-footer-info > div {
    display: table;
    margin: 0 auto;
  }
  [id="menu-bottom-footer"] {
    display: table;
    float: none !important;
    margin: 0 auto;
  }
}