@import url('https://fonts.googleapis.com/css?family=Kanit:300,500,700');
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: 700;
}
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: 500;
}
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: 700;
}
::selection {
background: #00AAFF;
}
::-moz-selection {
background: #00AAFF;
}
.home a {
text-decoration: none;
}
body,
p,
.gform_body .gfield input,
.gform_body .gfield textarea,
.gform_body .gfield select {
font-size: 18px;
line-height: 1.6;
}
h1,
h2,
h3,
h4,
h5,
h6,
.h1,
.h2,
.h3,
.h4,
.h5,
.h6 {
line-height: 1.4;
}
h1,
.h1,
.content > article:first-child > h1:first-child {
font-size: 42px;
}
h2,
.h2 {
font-size: 36px;
}
h3,
.h3 {
font-size: 28px;
}
h4,
.h4 {
font-size: 22px;
}
h5,
.h5 {
font-size: 18px;
}
h6,
.h6 {
font-size: 16px;
}
.lead {
font-size: 26px;
line-height: 1.6;
}
#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: #0088cc;
}
.accent {
color: #00AAFF !important;
}
.accent2 {
color: #1A1818 !important;
}
.accent3 {
color: #3168C9 !important;
}
.accent4 {
color: #FEB600 !important;
}
.accent5 {
color: #434343 !important;
}
.font-custom1 {
font-size: 70px;
}
.font-custom2 {
font-size: 60px;
}
.font-custom3 {
font-size: 22px;
}
.font-custom4 {
font-size: 16px;
}
.font-weight-500 {
font-weight: 500;
}
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: #008fd6;
}
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: #00AAFF;
}
.nav a:hover .caret {
border-bottom-color: #00AAFF;
border-top-color: #00AAFF;
}
.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: #00AAFF;
}
.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: #00AAFF;
}
.form-control:focus {
border-color: #00AAFF;
box-shadow: 0 1px 1px rgba(0,0,0,0.075) inset, 0 0 8px rgba(0,170,255,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: #00AAFF;
border-color: #00AAFF;
}
.btn-primary {
border-color: #00AAFF;
background-color: #00AAFF;
color: #fff;
text-shadow: none;
padding: 15px 55px;
font-size: 16px;
border-radius: 50px;
}
.btn-primary:hover,
.btn-primary .disabled,
.btn-primary [disabled] {
background-color: #009ceb;
border-color: #009ceb;
color: #fff;
}
.btn-primary:active,
.btn-primary .active,
.btn-primary:focus,
.btn-primary .focus {
background-color: #008fd6;
border-color: #008fd6;
color: #fff;
}
.btn-custom {
border-color: transparent;
background-color: transparent;
color: #fff;
text-shadow: none;
}
.btn-custom:hover,
.btn-custom .disabled,
.btn-custom [disabled] {
background-color: rgba(0,0,0,0);
border-color: rgba(0,0,0,0);
color: #fff;
}
.btn-custom:active,
.btn-custom .active,
.btn-custom:focus,
.btn-custom .focus {
background-color: rgba(0,0,0,0);
border-color: rgba(0,0,0,0);
color: #fff;
}
.btn-custom2 {
border-color: #00AAFF;
background-color: #00AAFF;
color: #fff;
text-shadow: none;
padding: 15px 55px;
font-size: 16px;
border-radius: 50px;
}
.btn-custom2:hover,
.btn-custom2 .disabled,
.btn-custom2 [disabled] {
background-color: #009ceb;
border-color: #009ceb;
color: #fff;
}
.btn-custom2:active,
.btn-custom2 .active,
.btn-custom2:focus,
.btn-custom2 .focus {
background-color: #008fd6;
border-color: #008fd6;
color: #fff;
}
.btn {
padding: 15px 55px;
font-size: 16px;
border-radius: 50px;
}
.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: #fff;
font-size: 18px;
}
header nav[role="navigation"] > ul > li > a.dropdown-toggle .caret {
border-bottom-color: #fff;
border-top-color: #fff;
}
header nav[role="navigation"] > ul > li + li {
margin-left: 20px;
}
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: #00AAFF;
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: #00AAFF;
border-top-color: #00AAFF;
}
.nav li a:hover,
.nav li a:focus {
color: #00AAFF;
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 #00AAFF;
color: #fff;
}
.hp-banner {
position: relative;
}
.hp-banner .flex-box {
height: 825px;
}
.hp-banner h1 {
line-height: 1.1;
}
.hp-banner .img-banner {
position: absolute;
top: 50%;
left: 7vw;
max-width: 40vw;
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
}
.hp-banner.banner02 .img-banner {
left: auto;
right: -140px;
max-width: 51vw;
}
#hp-banner-slider,
#hp-banner-slider .slide-content {
margin: 0;
border: none;
box-shadow: none;
}
#hp-banner-slider .slides > li img {
width: inherit;
max-width: 40vw;
}
.banner-03 .container,
.banner-04 .container {
max-width: 1340px;
text-align: center;
}
.banner-03 h1,
.banner-04 h1 {
font-size: 65px;
}
#hp-banner-slider .banner-03 .img-banner {
max-width: 49vw;
margin-top: 70px;
}
#hp-banner-slider .banner-04 .img-banner {
max-width: 43vw;
}
.banner-04 h1 {
margin-top: 270px;
}
.hp-our-story .container {
max-width: 1390px;
}
.hp-our-story .timeline-container {
max-width: 1070px;
margin: 0 auto;
text-align: center;
}
.hp-our-story .well {
padding: 70px 15px;
background-color: #F2F2F2;
border-color: #f2f2f2;
border-radius: 0;
}
.hp-our-story .timeline-container .slider-nav .slick-list {
overflow: visible;
}
.hp-our-story .timeline-container .slider-nav .slick-slide {
position: relative;
}
.hp-our-story .slider-single .slick-slide {
padding: 0 100px;
}
.hp-our-story .timeline-container .slider-nav .slick-slide span {
position: relative;
padding: 0 20px;
font-weight: 400;
color: #00AAFF;
background-color: #0E1114;
}
.hp-our-story .timeline-container .slider-nav .slick-slide:before {
content: '';
position: absolute;
bottom: -30px;
left: 50%;
z-index: 9;
-webkit-transform: translateX(-50%);
transform: translateX(-50%);
width: 5px;
height: 5px;
background-color: #00AAFF;
border-radius: 100%;
}
.hp-our-story .timeline-container .slider-nav .slick-slide:after {
content: '';
width: 150px;
height: 1px;
background-color: #ccc;
display: block;
position: absolute;
bottom: -28px;
left: 80px;
z-index: 8;
}
.hp-our-story .timeline-container .slider-nav .slick-slide span:after {
position: absolute;
top: 0;
right: -26px;
border: solid transparent;
content: " ";
height: 0;
width: 0;
pointer-events: none;
border-color: rgba(136,183,213,0);
border-left-color: #0e1114;
border-width: 13.9px;
border-right-color: transparent;
border-top-color: #0e1114;
}
.hp-our-story .timeline-container .slider-nav .slick-slide.slick-current span {
top: -20px;
font-size: 26px;
color: #fff;
background-color: #00AAFF;
}
.hp-our-story .timeline-container .slider-nav .slick-slide.slick-current:before {
bottom: -35px;
width: 40px;
height: 40px;
border: 8px solid #fff;
box-shadow: 0 0 8px 3px rgba(0,0,0,0.35);
}
.hp-our-story .timeline-container .slider-nav .slick-slide.slick-current:after {
top: 56px;
}
.hp-our-story .timeline-container .slider-nav .slick-slide:last-child:after {
display: none;
}
.hp-our-story .timeline-container .slider-nav .slick-slide.slick-current span:after {
border-left-color: #00AAFF;
border-top-color: #00AAFF;
border-width: 19.4px;
right: -38px;
}
.hp-our-story .timeline-container .slider-single {
margin-top: 80px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.hp-our-story .timeline-container .slick-arrow.slick-disabled {
pointer-events: none;
opacity: 0.4;
}
.hp-our-story .slider-single .slick-arrow {
width: 50px;
height: 50px;
z-index: 9;
padding: 5px 15px;
background-color: #fff;
border-radius: 100%;
border: 1px solid #dcdcdc;
}
.hp-our-story .slider-single .slick-arrow:before {
color: #00AAFF;
font-family: fontawesome;
}
.hp-our-story .slider-single .slick-arrow.slick-prev:before {
content: '\f100';
}
.hp-our-story .slider-single .slick-arrow.slick-next:before {
content: '\f101';
}
.hp-s3 .ico-circle {
padding: 15px;
background-color: #fff;
border-radius: 100%;
}
.hp-human .container {
max-width: 1390px;
}
.hp-human p {
min-height: 130px;
}
.hp-steps ol {
display: table;
margin: 0 auto 50px;
counter-reset: list-custom-counter;
}
.hp-steps ol:before {
content: '';
width: 4px;
height: 100%;
background-color: #DCDCDC;
display: block;
position: absolute;
left: 50%;
-webkit-transform: translateX(-50%);
transform: translateX(-50%);
}
.hp-steps ol li {
position: relative;
max-width: 380px;
padding: 20px 30px 20px 90px;
margin-left: 500px;
color: #fff;
background-color: #00AAFF;
counter-increment: list-custom-counter;
}
.hp-steps ol li:before {
content: counter(list-custom-counter);
position: absolute;
top: 50%;
left: 20px;
font-size: 70px;
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
}
.hp-steps ol li:after {
content: '';
position: absolute;
display: block;
background-color: #0AF;
width: 20px;
height: 20px;
border-radius: 100%;
left: -87px;
border: 7px solid #fff;
padding: 8px;
box-shadow: 0 0 0px 1px #0af;
top: 50%;
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
}
.hp-steps ol li:nth-child(2n):after {
right: -83px;
left: auto;
}
.hp-steps ol li:nth-child(2n-1) .wrapper:after {
right: 100%;
top: 50%;
border: solid transparent;
content: " ";
height: 0;
width: 0;
position: absolute;
pointer-events: none;
border-color: rgba(136,183,213,0);
border-right-color: #00AAFF;
border-width: 15px;
margin-top: -15px;
}
.hp-steps ol li:nth-child(2n) .wrapper:after {
left: 100%;
top: 50%;
border: solid transparent;
content: " ";
height: 0;
width: 0;
position: absolute;
pointer-events: none;
border-color: rgba(136,183,213,0);
border-left-color: #00AAFF;
border-width: 15px;
margin-top: -15px;
}
.hp-steps ol li:nth-child(2n) {
margin-left: -20px;
}
.hp-steps ol li h4 {
color: #fff;
}
.hp-process {
position: relative;
overflow: hidden;
height: 570px;
}
.hp-process:after {
content: '';
position: absolute;
bottom: 0;
left: 0;
width: 100%;
height: 180px;
background-image: -webkit-linear-gradient(top,transparent,#fcfcfc 85%);
background-image: linear-gradient(to bottom,transparent,#fcfcfc 85%);
z-index: 1;
}
.hp-process .row .flex-box {
min-height: 570px;
position: relative;
z-index: 9;
}
.hp-process ol {
display: table;
margin: 100px auto 250px;
min-width: 420px;
counter-reset: process-counter;
}
.hp-process ol > li {
position: relative;
padding: 28px 20px 28px 100px;
color: #fff;
font-size: 22px;
font-weight: 500;
text-transform: uppercase;
background-color: #0E1114;
border-top: 5px solid transparent;
counter-increment: process-counter;
-webkit-transition: border-color 0.4s;
transition: border-color 0.4s;
}
.hp-process ol > li:hover,
.hp-process ol > li:active,
.hp-process ol > li:focus {
border-color: #FDB705;
}
.hp-process ol > li:before {
content: counter(process-counter);
position: absolute;
left: -55px;
top: 50%;
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
width: 110px;
height: 110px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
font-weight: bold;
font-size: 50px;
text-align: center;
background: url('https://pronto-core-cdn.prontomarketing.com/2/wp-content/uploads/sites/3122/2019/04/sc5-icon-no.png') no-repeat scroll center center / cover;
}
.hp-process ol > li + li {
margin-top: 45px;
}
.hp-process .scroll-section {
position: relative;
width: 100%;
height: 570px;
padding-left: 80px;
box-sizing: content-box;
overflow-y: scroll;
scrollbar-width: none;
}
.hp-process .scroll-section::-webkit-scrollbar {
display: none;
}
.scroll-pagination {
position: absolute;
right: -20px;
top: 50%;
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
}
.scroll-pagination > li a {
padding: 0;
}
.scroll-pagination > li a:before {
content: '';
width: 10px;
height: 10px;
background-color: #ededed;
border-radius: 100%;
display: block;
}
.scroll-pagination > li + li {
margin-top: 10px;
}
.hp-support,
.hp-support .container {
max-width: 100%;
padding: 0;
overflow-x: hidden;
}
.hp-support .flex-box {
min-height: 650px;
}
.hp-support .col-bg {
background: url('https://pronto-core-cdn.prontomarketing.com/2/wp-content/uploads/sites/3122/2019/04/sc6-bg.jpg') no-repeat scroll center center / cover;
}
.hp-support .content-wrapper {
max-width: 510px;
margin: 0 auto;
}
.hp-testimonial .testimonial {
box-shadow: 0 5px 24px rgba(0,0,0,0.12);
border-radius: 13px;
}
.hp-testimonial .testimonial .content {
padding: 40px 70px 90px;
color: #fff;
background-image: -webkit-linear-gradient(top,#4ab5f0,#2089c3);
background-image: linear-gradient(to bottom,#4ab5f0,#2089c3);
border-radius: 13px 13px 0 0;
}
.hp-testimonial .author {
padding-bottom: 30px;
}
.hp-testimonial .author img {
margin-top: -60px;
}
.main-footer,
.main-footer .container {
max-width: 100%;
padding: 0;
overflow: hidden;
}
.main-footer iframe {
width: 100%;
}
.main-footer .col-bg {
background: url('https://pronto-core-cdn.prontomarketing.com/2/wp-content/uploads/sites/3122/2019/04/footer-map-1.jpg') no-repeat scroll center top / cover;
}
.main-footer .flex-box {
min-height: 485px;
}
.main-footer .content-wrapper {
max-width: 330px;
margin: 0 auto;
}
.main-footer address a {
color: #434343;
}
.main-footer span[itemprop="postalCode"] + br {
content: '';
display: block;
margin-top: 30px;
}
div#gogetssl-animated-seal {
margin: 0 auto;
}
.footer-social {
margin-bottom: 20px;
}
.footer-social a {
font-size: 22px;
color: #434343;
}
.footer-social a + a {
margin-left: 20px;
}
.footer-social a:hover,
.footer-social a:active,
.footer-social a:focus {
color: #00AAFF;
}
.bottom-footer {
padding: 15px !important;
font-size: 15px;
}
.bottom-footer ul li {
line-height: inherit;
}
.bottom-footer .footer-social a {
color: #fff;
}
.bottom-footer .footer-social a:hover,
.bottom-footer .footer-social a:active,
.bottom-footer .footer-social a:focus {
color: #00AAFF;
}
.bottom-footer .gform_wrapper .gform_footer {
margin-top: 0;
}
.bottom-footer .gform_wrapper .gform_fields .gfield {
padding: 0;
}
.bottom-footer .gform_footer input.btn {
padding: 10px 20px;
}
.bottom-footer .main-footer a {
display: block;
width: 100%;
}
.bottom-footer .main-footer a:hover,
.bottom-footer .main-footer a:active,
.bottom-footer .main-footer a:focus {
text-decoration: none;
}
.bottom-footer .main-footer .list-unstyled i {
display: inline-block;
width: 15px;
text-align: center;
}
.modal-line .modal-dialog {
max-width: 730px;
width: 100%;
}
.modal-line button.close {
position: absolute;
z-index: 2;
right: 10px;
top: -10px;
font-size: 44px;
font-weight: normal;
}
.modal-line .modal-content {
border-radius: 0;
}
.modal-line .modal-body {
padding: 0;
}
body.home {
overflow-x: hidden;
}
div[role="complementary"] .flexnav a.current-page {
color: #00AAFF !important;
}
.page .well {
background-color: #fff;
border: 1px solid #ccc;
}
hr {
border-color: #ccc;
}
.fa-line:before {
font-family: "Font Awesome 5 Brands";
font-weight: normal;
}
@media (min-width: 992px) and (max-width: 1199px) {
.font-custom1 {
font-size: 54px;
}
header nav[role="navigation"] .nav > li > a {
padding: 10px 8px;
font-size: 15px;
}
header nav[role="navigation"] .nav > li + li {
margin-left: 10px;
}
.hp-banner .flex-box {
height: 630px;
}
.hp-banner .img-banner {
max-width: 41vw;
}
.banner02 .img-banner {
right: 0;
}
#hp-banner-slider .slides > li img {
width: auto;
max-width: 40vw;
}
#hp-banner-slider .slides > li .banner02 img {
max-width: 51vw;
}
.hp-our-story .timeline-container .slider-nav .slick-slide::after {
width: 126px;
left: 67px;
}
.hp-our-story .slider-single .slick-prev {
left: 0;
}
.hp-our-story .slider-single .slick-next {
right: 0;
}
.hp-process .scroll-section {
padding-left: 20px;
}
.hp-process ol {
min-width: 360px;
}
}
@media (max-width: 991px) {
.font-custom1 {
font-size: 54px;
}
header nav[role="navigation"] {
display: none;
}
header img.brand {
width: 100%;
max-width: 180px;
}
.hp-banner {
min-height: 880px;
}
.hp-banner .flex-box {
height: auto;
padding-top: 50px;
}
.hp-banner .img-banner {
position: static;
transform: translateY(0);
max-width: 400px;
margin: 30px auto;
}
.hp-banner.banner02 {
padding: 80px 15px;
}
.banner02 h2.font-custom2 {
line-height: 1.2;
}
.banner02 .flex-box {
padding-top: 0px;
}
.hp-banner.banner02 .img-banner {
right: 0;
margin: 0 auto;
}
.banner-03.hp-banner .flex-box {
margin-top: 140px;
}
.banner-04 h1 {
margin-top: 200px;
}
#hp-banner-slider .slides > li img {
max-width: 50vw;
margin: 20px auto;
}
.hp-human .cta {
margin-bottom: 40px;
}
.hp-our-story .well {
padding: 0px 15px;
border: none;
}
.hp-our-story .timeline-container {
overflow: hidden;
padding-top: 40px;
}
.hp-our-story .slider-single .slick-prev {
left: 0;
}
.hp-our-story .slider-single .slick-next {
right: 0;
}
.hp-our-story .timeline-container .slider-nav .slick-slide::after {
display: none;
}
.hp-steps ol::before,
.hp-steps ol li::after {
display: none;
}
.hp-steps ol li {
margin: 0;
}
.hp-steps ol li:nth-child(2n) {
margin-left: 0;
}
.hp-steps ol li + li {
margin-top: 40px;
}
.hp-steps ol li:nth-child(2n-1) .wrapper::after,
.hp-steps ol li:nth-child(2n) .wrapper::after {
top: auto;
right: auto;
left: 50%;
bottom: -30px;
transform: translateX(-50%);
border-color: transparent;
border-top-color: #0af;
margin-top: 0;
}
.hp-process {
height: auto;
}
.hp-process .row .flex-box {
min-height: 450px;
}
.hp-process ol {
margin: 10px auto;
}
.hp-process::after {
display: none;
}
.hp-process .scroll-section {
padding-left: 0;
height: auto;
margin-bottom: 40px;
box-sizing: border-box;
overflow: hidden;
}
.hp-support .col-bg {
min-height: 350px;
background-position: top center;
}
.hp-our-story .slider-single .slick-slide {
padding: 0 20px;
}
.hp-support .flex-box {
min-height: 500px;
}
.hp-testimonial .row > div + div .testimonial {
margin-top: 30px;
}
.main-footer .flex-box {
min-height: 400px;
}
.main-footer .col-bg {
min-height: 350px;
}
.main-footer iframe {
height: 400px;
}
.modal-line .modal-body img {
max-width: 350px;
}
}
@media (max-width: 767px) {
._navbar-fixed-top {
position: fixed;
top: 0;
width: 100%;
z-index: 10;
}
.font-custom1 {
font-size: 34px;
}
.lead {
font-size: 20px;
line-height: 1.6;
}
h1,
.h1,
.content > article:first-child > h1:first-child,
.font-custom2 {
font-size: 34px;
}
h2,
.h2 {
font-size: 30px;
}
header img.brand {
width: 100%;
max-width: 120px;
}
.hp-banner {
min-height: 600px;
}
.hp-banner .flex-box {
padding-top: 20px;
}
#hp-banner-slider .slides > li .banner02 .img-banner {
margin-top: 40px;
}
#hp-banner-slider .banner-03 .img-banner {
margin-top: 30px;
}
.hp-banner.banner02 {
padding: 20px 15px;
}
.banner-03 h1,
.banner-04 h1 {
font-size: 42px;
}
.banner-04 h1 {
margin-top: 80px;
}
.banner-03.hp-banner .flex-box {
margin-top: 70px;
}
#hp-banner-slider .banner-03 .img-banner,
#hp-banner-slider .banner-04 .img-banner {
max-width: 100%;
}
.hp-banner .img-banner {
max-width: 250px;
}
.hp-our-story .well {
padding: 0;
}
.hp-our-story .slider-single .slick-slide {
padding: 0;
}
.hp-our-story .slider-single .slick-arrow {
width: 30px;
height: 30px;
right: -30px;
padding: 0 7px;
}
.hp-our-story .slider-single .slick-prev {
left: -30px;
}
.hp-steps ol {
margin: 0 auto 20px;
}
.hp-steps .xs-no-margin-bottom {
margin-bottom: 40px;
}
.hp-human p {
min-height: 1px;
max-width: 320px;
margin: 0 auto;
}
.hp-process ol {
min-width: 1px;
margin: 40px auto;
}
.hp-process ol > li {
padding: 20px;
text-align: center;
}
.hp-process ol > li::before {
font-size: 24px;
background-size: auto;
width: auto;
height: auto;
left: 50%;
top: -30px;
transform: translate(-50%,0);
padding: 10px;
}
.hp-support .flex-box {
min-height: 420px;
padding: 0 15px;
}
.hp-testimonial .testimonial .content {
padding: 40px 15px 80px;
}
.main-footer .content-wrapper {
padding: 0 35px;
}
.bottom-footer .horizontal {
float: none !important;
display: table;
margin: 0 auto;
}
.bottom-footer .main-footer {
padding: 0;
width: 100%;
margin: 0;
}
.bottom-footer .gform_wrapper .gform_footer {
text-align: center;
}
.bottom-footer .gform_wrapper {
max-width: 350px;
margin: 0 auto;
}
.bottom-footer .gform_wrapper .top_label .gfield_label {
display: block;
text-align: center;
margin-bottom: 10px;
}
}
5 Pillars of Effective Board Management
https://boardroomevent.com/
A solid board management strategy creates value across the board, allowing companies to prosper in times of innovation or complexity, as well as crises. Effective governance is anchored by a strong mission and clear engagement models and effective information practices. We define this as:
Leadership
Boards must choose the right leaders to conduct meetings, encourage constructive discussion and invest time training, development, and in feedback. This will help ensure effective governance. However, after doing some research, I found out that there is still hope to recover those possibility of recovering mp3 files android lost files. These leaders must also maintain confidence among their colleagues in the form of CEOs, directors, and directors, and resolve conflicts when they arise. It is always recommended to regularly back up how to recover unsaved garageband file important files to prevent data loss in case of file corruption.
As mediator, the board chairperson can set the tone and direct the resolution process. They should also be ready to bring up difficult issues when the time is right, recognizing that these conversations will require more in-depth scrutiny than less difficult topics.
Term limits and tenure
The term limit for board chairman positions should be in line with the company's bylaws, and should be reviewed periodically to ensure that the board is comprised of a diverse set of individuals with a variety of abilities and backgrounds. Many bylaws specify a term of 2 or 3 years, but others don't have an upper limit.
Retention of key talent
The most effective boards have key board members who are able to provide valuable expertise, skills and connections to key stakeholders. They are open to bringing new perspectives and leveraging external expertise when needed, and they are able to adapt quickly to the changing needs and priorities.
Leave a comment!