html.hc-nav-yscroll {
overflow-y: scroll; } body.hc-nav-open {
overflow: visible;
position: fixed;
width: 100%;
min-height: 100%; } .hc-offcanvas-nav {
visibility: hidden;
display: none;
position: fixed;
top: 0;
height: 100%;
z-index: 9999;
text-align: left; } .hc-offcanvas-nav.is-ios * {
cursor: pointer !important; } .hc-offcanvas-nav .nav-container {
position: fixed;
z-index: 9998;
top: 0;
height: 100%;
max-width: 100%;
max-height: 100%;
box-sizing: border-box;
transition: transform 0.4s ease; } .hc-offcanvas-nav .nav-wrapper {
width: 100%;
height: 100%;
box-sizing: border-box;
overscroll-behavior: none; } .hc-offcanvas-nav .nav-content {
height: 100%; } .hc-offcanvas-nav .nav-wrapper-0 > .nav-content {
overflow: scroll;
overflow-x: visible;
overflow-y: auto;
box-sizing: border-box; } .hc-offcanvas-nav ul {
list-style: none;
margin: 0;
padding: 0; } .hc-offcanvas-nav li {
position: relative;
display: block; } .hc-offcanvas-nav li.level-open > .nav-wrapper {
visibility: visible; } .hc-offcanvas-nav li:not(.custom-content) a {
position: relative;
display: block;
box-sizing: border-box;
cursor: pointer; } .hc-offcanvas-nav li:not(.custom-content) a[disabled] {
cursor: not-allowed; } .hc-offcanvas-nav li:not(.custom-content) a, .hc-offcanvas-nav li:not(.custom-content) a:hover {
text-decoration: none; } .hc-offcanvas-nav input[type="checkbox"] {
display: none; } .hc-offcanvas-nav label {
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
z-index: 10;
cursor: pointer; } .hc-offcanvas-nav .nav-item-wrapper {
position: relative; } .hc-offcanvas-nav .nav-item-link {
position: relative;
display: block;
box-sizing: border-box; } .hc-offcanvas-nav:not(.user-is-tabbing) .nav-close-button:focus,
.hc-offcanvas-nav:not(.user-is-tabbing) .nav-item-wrapper a:focus {
outline: none; } .hc-offcanvas-nav .nav-close:focus,
.hc-offcanvas-nav .nav-next:focus,
.hc-offcanvas-nav .nav-back:focus {
z-index: 10; } .hc-offcanvas-nav.disable-body::after,
.hc-offcanvas-nav .nav-wrapper::after {
content: "";
z-index: 9990;
top: 0;
left: 0;
right: 0;
bottom: 0;
width: 100%;
height: 100%;
overscroll-behavior: none;
visibility: hidden;
opacity: 0;
transition: visibility 0s ease 0.4s, opacity 0.4s ease; } .hc-offcanvas-nav.disable-body::after {
position: fixed; } .hc-offcanvas-nav .nav-wrapper::after {
position: absolute; } .hc-offcanvas-nav.disable-body.nav-open::after,
.hc-offcanvas-nav .sub-level-open::after {
visibility: visible;
opacity: 1;
transition-delay: 0.05s; } .hc-offcanvas-nav:not(.nav-open)::after {
pointer-events: none; } .hc-offcanvas-nav.nav-levels-expand .nav-wrapper::after {
display: none; } .hc-offcanvas-nav.nav-levels-expand .nav-wrapper.nav-wrapper-0 {
max-height: 100vh; } .hc-offcanvas-nav.nav-levels-expand .nav-wrapper.nav-wrapper-0 > .nav-content {
overflow: scroll;
overflow-x: visible;
overflow-y: auto;
box-sizing: border-box;
max-height: 100vh; } .hc-offcanvas-nav.nav-levels-expand ul .nav-wrapper {
min-width: 0;
max-height: 0;
visibility: hidden;
overflow: hidden;
transition: height 0s ease 0.4s; } .hc-offcanvas-nav.nav-levels-expand .level-open > .nav-wrapper {
max-height: none;
overflow: visible;
visibility: visible; } .hc-offcanvas-nav.nav-levels-overlap .nav-content {
overflow: scroll;
overflow-x: visible;
overflow-y: auto;
box-sizing: border-box;
max-height: 100vh; } .hc-offcanvas-nav.nav-levels-overlap .nav-wrapper {
max-height: 100vh; } .hc-offcanvas-nav.nav-levels-overlap ul .nav-wrapper {
position: absolute;
z-index: 9999;
top: 0;
height: 100%;
visibility: hidden;
transition: visibility 0s ease 0.4s, transform 0.4s ease; } .hc-offcanvas-nav.nav-levels-overlap ul li.nav-parent {
position: static; } .hc-offcanvas-nav.nav-levels-overlap ul li.level-open > .nav-wrapper {
visibility: visible;
transform: translate3d(0, 0, 0);
transition: transform 0.4s ease; } .hc-offcanvas-nav.nav-position-left {
left: 0; } .hc-offcanvas-nav.nav-position-left .nav-container {
left: 0; } .hc-offcanvas-nav.nav-position-left.nav-levels-overlap li .nav-wrapper {
left: 0;
transform: translate3d(-100%, 0, 0); } .hc-offcanvas-nav.nav-position-right {
right: 0; } .hc-offcanvas-nav.nav-position-right .nav-container {
right: 0; } .hc-offcanvas-nav.nav-position-right.nav-levels-overlap li .nav-wrapper {
right: 0;
transform: translate3d(100%, 0, 0); } .hc-offcanvas-nav.nav-position-top {
top: 0; } .hc-offcanvas-nav.nav-position-top .nav-container {
top: 0;
width: 100%; } .hc-offcanvas-nav.nav-position-top.nav-levels-overlap li .nav-wrapper {
left: 0;
transform: translate3d(0, -100%, 0); } .hc-offcanvas-nav.nav-position-bottom {
top: auto;
bottom: 0; } .hc-offcanvas-nav.nav-position-bottom .nav-container {
top: auto;
bottom: 0;
width: 100%; } .hc-offcanvas-nav.nav-position-bottom.nav-levels-overlap li .nav-wrapper {
left: 0;
transform: translate3d(0, 100%, 0); } .hc-offcanvas-nav.nav-open[class*="hc-nav-"] div.nav-container {
transform: translate3d(0, 0, 0); } .hc-offcanvas-nav.rtl {
text-align: right;
direction: rtl; }  .hc-offcanvas-nav {
font-family: sans-serif;      } .hc-offcanvas-nav::after,
.hc-offcanvas-nav .nav-wrapper::after {
background: rgba(0, 0, 0, 0.3); } .hc-offcanvas-nav .nav-container,
.hc-offcanvas-nav .nav-wrapper,
.hc-offcanvas-nav ul {
background: #336ca6; } .hc-offcanvas-nav .nav-content > h2,
.hc-offcanvas-nav .nav-content > h3,
.hc-offcanvas-nav .nav-content > h4,
.hc-offcanvas-nav .nav-content > h5,
.hc-offcanvas-nav .nav-content > h6 {
font-size: 19px;
font-weight: normal;
padding: 20px 17px;
color: #1b3958; } .hc-offcanvas-nav .nav-content > h2:not(.nav-title):not(.level-title),
.hc-offcanvas-nav .nav-content > h3:not(.nav-title):not(.level-title),
.hc-offcanvas-nav .nav-content > h4:not(.nav-title):not(.level-title),
.hc-offcanvas-nav .nav-content > h5:not(.nav-title):not(.level-title),
.hc-offcanvas-nav .nav-content > h6:not(.nav-title):not(.level-title) {
font-size: 16px;
padding: 15px 17px;
background: #336ca6; } .hc-offcanvas-nav .nav-item-link,
.hc-offcanvas-nav li.nav-close a,
.hc-offcanvas-nav .nav-back a {
padding: 14px 17px;
font-size: 14px;
color: #fff;
z-index: 1;
background: rgba(0, 0, 0, 0);
border-bottom: 1px solid #2c5d8f;
transition: background 0.1s ease; } .hc-offcanvas-nav .nav-item-link:focus, .hc-offcanvas-nav .nav-item-link:focus-within,
.hc-offcanvas-nav li.nav-close a:focus,
.hc-offcanvas-nav li.nav-close a:focus-within,
.hc-offcanvas-nav .nav-back a:focus,
.hc-offcanvas-nav .nav-back a:focus-within {
z-index: 10; } .hc-offcanvas-nav .nav-item-link[disabled],
.hc-offcanvas-nav li.nav-close a[disabled],
.hc-offcanvas-nav .nav-back a[disabled] {
color: rgba(255, 255, 255, 0.5); } .hc-offcanvas-nav div.nav-back + ul > li:first-child > .nav-item-wrapper > .nav-item-link {
border-top: none !important; } .hc-offcanvas-nav:not(.touch-device) li:not(.nav-item-custom) a:not([disabled]):hover {
background: #31679e; } .hc-offcanvas-nav .nav-custom-content {
padding: 14px 17px;
font-size: 14px;
border-bottom: 1px solid #2c5d8f; } .hc-offcanvas-nav .nav-highlight {
background: #2e6296; } .hc-offcanvas-nav .nav-wrapper > .nav-content > ul:first-of-type > li:first-child:not(.nav-back):not(.nav-close) > .nav-item-wrapper > .nav-item-link {
border-top: 1px solid #2c5d8f; } .hc-offcanvas-nav .nav-wrapper > .nav-content > ul:first-of-type > li:first-child:not(.nav-back):not(.nav-close) > .nav-item-wrapper > .nav-item-link + a {
border-top: 1px solid #2c5d8f; } .hc-offcanvas-nav .nav-wrapper > .nav-content > ul:not(:last-child) {
border-bottom: 2px solid #2c5d8f; } .hc-offcanvas-nav .nav-wrapper > .nav-content > ul + h2,
.hc-offcanvas-nav .nav-wrapper > .nav-content > ul + h3,
.hc-offcanvas-nav .nav-wrapper > .nav-content > ul + h4,
.hc-offcanvas-nav .nav-wrapper > .nav-content > ul + h5,
.hc-offcanvas-nav .nav-wrapper > .nav-content > ul + h6 {
margin-top: -2px; } .hc-offcanvas-nav .nav-wrapper > .nav-content > h2 + ul > li:first-child:not(.nav-back):not(.nav-close) > .nav-item-wrapper > .nav-item-link,
.hc-offcanvas-nav .nav-wrapper > .nav-content > h3 + ul > li:first-child:not(.nav-back):not(.nav-close) > .nav-item-wrapper > .nav-item-link,
.hc-offcanvas-nav .nav-wrapper > .nav-content > h4 + ul > li:first-child:not(.nav-back):not(.nav-close) > .nav-item-wrapper > .nav-item-link,
.hc-offcanvas-nav .nav-wrapper > .nav-content > h5 + ul > li:first-child:not(.nav-back):not(.nav-close) > .nav-item-wrapper > .nav-item-link,
.hc-offcanvas-nav .nav-wrapper > .nav-content > h6 + ul > li:first-child:not(.nav-back):not(.nav-close) > .nav-item-wrapper > .nav-item-link {
border-top: 1px solid #2c5d8f; } .hc-offcanvas-nav .nav-wrapper > .nav-content > .nav-title + h2,
.hc-offcanvas-nav .nav-wrapper > .nav-content > .nav-title + h3,
.hc-offcanvas-nav .nav-wrapper > .nav-content > .nav-title + h4,
.hc-offcanvas-nav .nav-wrapper > .nav-content > .nav-title + h5,
.hc-offcanvas-nav .nav-wrapper > .nav-content > .nav-title + h6,
.hc-offcanvas-nav .nav-wrapper > .nav-content > .level-title + h2,
.hc-offcanvas-nav .nav-wrapper > .nav-content > .level-title + h3,
.hc-offcanvas-nav .nav-wrapper > .nav-content > .level-title + h4,
.hc-offcanvas-nav .nav-wrapper > .nav-content > .level-title + h5,
.hc-offcanvas-nav .nav-wrapper > .nav-content > .level-title + h6,
.hc-offcanvas-nav .nav-wrapper > .nav-content > .nav-close + h2,
.hc-offcanvas-nav .nav-wrapper > .nav-content > .nav-close + h3,
.hc-offcanvas-nav .nav-wrapper > .nav-content > .nav-close + h4,
.hc-offcanvas-nav .nav-wrapper > .nav-content > .nav-close + h5,
.hc-offcanvas-nav .nav-wrapper > .nav-content > .nav-close + h6 {
border-top: 1px solid #2c5d8f; } .hc-offcanvas-nav li {
color: #fff; } .hc-offcanvas-nav li.nav-parent .nav-item-link:last-child {
padding-right: 58px; } .hc-offcanvas-nav li.nav-parent .nav-item-link:not(:last-child) {
margin-right: 45px; } .hc-offcanvas-nav .nav-close-button span,
.hc-offcanvas-nav .nav-parent .nav-next,
.hc-offcanvas-nav .nav-back span {
width: 45px;
position: absolute;
top: 0;
right: 0;
bottom: 0;
text-align: center;
cursor: pointer;
transition: background 0.1s ease; } .hc-offcanvas-nav .nav-close-button {
position: relative;
display: block; } .hc-offcanvas-nav .nav-close-button span::before, .hc-offcanvas-nav .nav-close-button span::after {
content: "";
position: absolute;
top: 50%;
left: 50%;
width: 6px;
height: 6px;
margin-top: -3px;
border-top: 2px solid #fff;
border-left: 2px solid #fff; } .hc-offcanvas-nav .nav-close-button span::before {
margin-left: -9px;
transform: rotate(135deg); } .hc-offcanvas-nav .nav-close-button span::after {
transform: rotate(-45deg); } .hc-offcanvas-nav .nav-content > .nav-close {
position: relative;
z-index: 2; } .hc-offcanvas-nav .nav-content > .nav-close a {
font-size: 14px;
color: #fff;
background: rgba(0, 0, 0, 0);
z-index: 1;
text-decoration: none;
box-sizing: border-box; } .hc-offcanvas-nav .nav-content > .nav-close a:not(.has-label) {
height: 50px; } .hc-offcanvas-nav .nav-content > .nav-close a.has-label {
padding: 14px 17px;
border-top: 1px solid #2c5d8f; } .hc-offcanvas-nav .nav-content > .nav-close a:hover {
border: none;
background: radial-gradient(farthest-corner at top right, rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0)); } .hc-offcanvas-nav .nav-content > .nav-close.has-label + ul {
margin-top: -1px; } .hc-offcanvas-nav:not(.nav-close-button-empty) .nav-content > .nav-close {
margin-bottom: -1px; } .hc-offcanvas-nav .nav-title + .nav-close a:not(.has-label) {
position: absolute;
width: 45px;
height: 66px;
line-height: 66px;
top: -66px;
right: 0; } .hc-offcanvas-nav.nav-close-button-empty .nav-title {
padding-right: 55px; } .hc-offcanvas-nav li.nav-close a:not(.has-label) {
height: 49px; } .hc-offcanvas-nav .nav-content > .nav-close:first-child a,
.hc-offcanvas-nav .nav-title + .nav-close a.has-label,
.hc-offcanvas-nav li.nav-close a,
.hc-offcanvas-nav .nav-back a {
background: #2f649a;
border-top: 1px solid #2b5a8b;
border-bottom: 1px solid #2b5a8b; } .hc-offcanvas-nav .nav-content > .nav-close:first-child a:hover,
.hc-offcanvas-nav .nav-title + .nav-close a.has-label:hover,
.hc-offcanvas-nav li.nav-close a:hover,
.hc-offcanvas-nav .nav-back a:hover {
background: #2e6195; } .hc-offcanvas-nav li.nav-close:not(:first-child) a,
.hc-offcanvas-nav li.nav-back:not(:first-child) a {
margin-top: -1px; } .hc-offcanvas-nav a.nav-next {
border-left: 1px solid #2c5d8f;
border-bottom: 1px solid #2c5d8f; } .hc-offcanvas-nav .nav-next span::before,
.hc-offcanvas-nav .nav-back span::before {
content: "";
position: absolute;
top: 50%;
left: 50%;
width: 8px;
height: 8px;
margin-left: -2px;
box-sizing: border-box;
border-top: 2px solid #fff;
border-left: 2px solid #fff;
transform-origin: center; } .hc-offcanvas-nav .nav-next span {
position: absolute;
top: 0;
right: 0;
left: 0;
bottom: 0; } .hc-offcanvas-nav .nav-next span::before {
transform: translate(-50%, -50%) rotate(135deg); } .hc-offcanvas-nav .nav-back span::before {
margin-left: 2px;
transform: translate(-50%, -50%) rotate(-45deg); } .hc-offcanvas-nav.nav-position-left.nav-open.nav-levels-overlap .nav-wrapper {
box-shadow: 1px 0 2px rgba(0, 0, 0, 0.2); } .hc-offcanvas-nav.nav-position-right.nav-open.nav-levels-overlap .nav-wrapper {
box-shadow: -1px 0 2px rgba(0, 0, 0, 0.2); } .hc-offcanvas-nav.nav-position-right .nav-next span::before {
margin-left: 2px;
transform: translate(-50%, -50%) rotate(-45deg); } .hc-offcanvas-nav.nav-position-right .nav-back span::before {
margin-left: -2px;
transform: translate(-50%, -50%) rotate(135deg); } .hc-offcanvas-nav.nav-position-top.nav-open .nav-wrapper {
box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2); } .hc-offcanvas-nav.nav-position-top .nav-next span::before {
margin-left: 0;
margin-right: -2px;
transform: translate(-50%, -50%) rotate(-135deg); } .hc-offcanvas-nav.nav-position-top .nav-back span::before {
margin-left: 0;
margin-right: -2px;
transform: translate(-50%, -50%) rotate(45deg); } .hc-offcanvas-nav.nav-position-bottom.nav-open .nav-wrapper {
box-shadow: 0 -1px 2px rgba(0, 0, 0, 0.2); } .hc-offcanvas-nav.nav-position-bottom .nav-next span::before {
margin-left: 0;
margin-right: -2px;
transform: translate(-50%, -50%) rotate(45deg); } .hc-offcanvas-nav.nav-position-bottom .nav-back span::before {
margin-left: 0;
margin-right: -2px;
transform: translate(-50%, -50%) rotate(-135deg); } .hc-offcanvas-nav.nav-levels-expand ul .nav-wrapper, .hc-offcanvas-nav.nav-levels-none ul .nav-wrapper {
box-shadow: none;
background: transparent; } .hc-offcanvas-nav.nav-levels-expand li.level-open, .hc-offcanvas-nav.nav-levels-none li.level-open {
background: #2e6296; } .hc-offcanvas-nav.nav-levels-expand li.level-open > .nav-item-wrapper > a, .hc-offcanvas-nav.nav-levels-none li.level-open > .nav-item-wrapper > a {
border-bottom: 1px solid #295887; } .hc-offcanvas-nav.nav-levels-expand li.level-open > .nav-item-wrapper > a:hover, .hc-offcanvas-nav.nav-levels-none li.level-open > .nav-item-wrapper > a:hover {
background: #2f649a; } .hc-offcanvas-nav.nav-levels-expand li.level-open > .nav-item-wrapper > .nav-next span::before,
.hc-offcanvas-nav.nav-levels-expand li.level-open > .nav-item-wrapper > a > .nav-next span::before, .hc-offcanvas-nav.nav-levels-none li.level-open > .nav-item-wrapper > .nav-next span::before,
.hc-offcanvas-nav.nav-levels-none li.level-open > .nav-item-wrapper > a > .nav-next span::before {
margin-top: -2px;
transform: translate(-50%, -50%) rotate(-135deg); } .hc-offcanvas-nav.nav-levels-expand .nav-wrapper-1 .nav-item-link, .hc-offcanvas-nav.nav-levels-none .nav-wrapper-1 .nav-item-link {
padding-left: calc(17px + 20px * 1); } .hc-offcanvas-nav.nav-levels-expand .nav-wrapper-2 .nav-item-link, .hc-offcanvas-nav.nav-levels-none .nav-wrapper-2 .nav-item-link {
padding-left: calc(17px + 20px * 2); } .hc-offcanvas-nav.nav-levels-expand .nav-wrapper-3 .nav-item-link, .hc-offcanvas-nav.nav-levels-none .nav-wrapper-3 .nav-item-link {
padding-left: calc(17px + 20px * 3); } .hc-offcanvas-nav.nav-levels-expand .nav-wrapper-4 .nav-item-link, .hc-offcanvas-nav.nav-levels-none .nav-wrapper-4 .nav-item-link {
padding-left: calc(17px + 20px * 4); } .hc-offcanvas-nav.nav-levels-expand .nav-wrapper-5 .nav-item-link, .hc-offcanvas-nav.nav-levels-none .nav-wrapper-5 .nav-item-link {
padding-left: calc(17px + 20px * 5); } .hc-offcanvas-nav.rtl a.nav-next {
border-left: none;
border-right: 1px solid #2c5d8f; } .hc-offcanvas-nav.rtl .nav-title + .nav-close a:not(.has-label),
.hc-offcanvas-nav.rtl .nav-close-button span,
.hc-offcanvas-nav.rtl .nav-next,
.hc-offcanvas-nav.rtl .nav-back span {
left: 0;
right: auto; } .hc-offcanvas-nav.rtl li.nav-parent .nav-item-link:last-child {
padding-left: 58px;
padding-right: 17px; } .hc-offcanvas-nav.rtl li.nav-parent .nav-item-link:not(:last-child) {
margin-left: 45px;
margin-right: 0; } .hc-offcanvas-nav.rtl .nav-wrapper-1 li.nav-item .nav-item-link {
padding-right: calc(17px + 20px * 1); } .hc-offcanvas-nav.rtl .nav-wrapper-2 li.nav-item .nav-item-link {
padding-right: calc(17px + 20px * 2); } .hc-offcanvas-nav.rtl .nav-wrapper-3 li.nav-item .nav-item-link {
padding-right: calc(17px + 20px * 3); } .hc-offcanvas-nav.rtl .nav-wrapper-4 li.nav-item .nav-item-link {
padding-right: calc(17px + 20px * 4); } .hc-offcanvas-nav.rtl .nav-wrapper-5 li.nav-item .nav-item-link {
padding-right: calc(17px + 20px * 5); }  .hc-offcanvas-nav {
font-family: sans-serif;       } .hc-offcanvas-nav .nav-container,
.hc-offcanvas-nav .nav-wrapper,
.hc-offcanvas-nav ul {
background: #336ca6; } .hc-offcanvas-nav::after,
.hc-offcanvas-nav .nav-wrapper::after {
background: rgba(0, 0, 0, 0.3); } .hc-offcanvas-nav .nav-content {
padding: 0 15px; } .hc-offcanvas-nav .nav-content > h2,
.hc-offcanvas-nav .nav-content > h3,
.hc-offcanvas-nav .nav-content > h4,
.hc-offcanvas-nav .nav-content > h5,
.hc-offcanvas-nav .nav-content > h6 {
font-size: 18px;
font-weight: normal;
padding: 25px 15px 30px;
color: #fff; } .hc-offcanvas-nav .nav-content > h2:first-child,
.hc-offcanvas-nav .nav-content > h3:first-child,
.hc-offcanvas-nav .nav-content > h4:first-child,
.hc-offcanvas-nav .nav-content > h5:first-child,
.hc-offcanvas-nav .nav-content > h6:first-child {
margin-top: 10px; } .hc-offcanvas-nav .nav-content > h2:not(.nav-title):not(.level-title),
.hc-offcanvas-nav .nav-content > h3:not(.nav-title):not(.level-title),
.hc-offcanvas-nav .nav-content > h4:not(.nav-title):not(.level-title),
.hc-offcanvas-nav .nav-content > h5:not(.nav-title):not(.level-title),
.hc-offcanvas-nav .nav-content > h6:not(.nav-title):not(.level-title) {
font-size: 15px;
padding: 15px 12px;
text-transform: uppercase;
color: #b3b3b3; } .hc-offcanvas-nav .nav-item-link,
.hc-offcanvas-nav li.nav-close a,
.hc-offcanvas-nav .nav-back a {
padding: 12px;
font-size: 14px;
color: #fff;
z-index: 1;
background: rgba(0, 0, 0, 0);
border-radius: 5px;
transition: 0.05s background ease; } .hc-offcanvas-nav .nav-item-link:focus, .hc-offcanvas-nav .nav-item-link:focus-within,
.hc-offcanvas-nav li.nav-close a:focus,
.hc-offcanvas-nav li.nav-close a:focus-within,
.hc-offcanvas-nav .nav-back a:focus,
.hc-offcanvas-nav .nav-back a:focus-within {
z-index: 10; } .hc-offcanvas-nav .nav-item-link[disabled],
.hc-offcanvas-nav li.nav-close a[disabled],
.hc-offcanvas-nav .nav-back a[disabled] {
color: rgba(255, 255, 255, 0.5); } .hc-offcanvas-nav:not(.touch-device) li:not(.nav-item-custom) a:not([disabled]):hover {
background: #3774b2; } .hc-offcanvas-nav .nav-custom-content {
padding: 12px 15px;
font-size: 14px; } .hc-offcanvas-nav .nav-highlight > .nav-item-wrapper .nav-item-link {
border-radius: 5px;
background: #3876b6; } .hc-offcanvas-nav .nav-wrapper-0 > .nav-content > ul:first-child {
margin-top: 15px; } .hc-offcanvas-nav .nav-wrapper-0 > .nav-content > ul:not(:last-child) {
margin-bottom: 18px; } .hc-offcanvas-nav li {
color: #fff; } .hc-offcanvas-nav li.nav-close a:hover, .hc-offcanvas-nav li.nav-back a:hover {
background: #2b5c8d; } .hc-offcanvas-nav li.nav-close:not(:first-child) a, .hc-offcanvas-nav li.nav-back:not(:first-child) a {
margin-top: -1px; } .hc-offcanvas-nav li.nav-parent .nav-item-link:last-child {
padding-right: 62px; } .hc-offcanvas-nav li.nav-parent .nav-item-link:not(:last-child) {
margin-right: 52px; } .hc-offcanvas-nav .nav-close-button span,
.hc-offcanvas-nav .nav-parent .nav-next,
.hc-offcanvas-nav .nav-back span {
width: 40px;
position: absolute;
top: 0;
right: 0;
bottom: 0;
text-align: center;
cursor: pointer;
border-radius: 5px;
transition: background 0.2s ease; } .hc-offcanvas-nav .nav-close-button {
position: relative;
display: block; } .hc-offcanvas-nav .nav-close-button span::before, .hc-offcanvas-nav .nav-close-button span::after {
content: "";
position: absolute;
top: 50%;
left: 50%;
width: 6px;
height: 6px;
margin-top: -3px;
border-top: 2px solid #fff;
border-left: 2px solid #fff; } .hc-offcanvas-nav .nav-close-button span::before {
margin-left: -9px;
transform: rotate(135deg); } .hc-offcanvas-nav .nav-close-button span::after {
transform: rotate(-45deg); } .hc-offcanvas-nav .nav-content > .nav-close a {
height: 44px;
font-size: 14px;
color: #fff;
background: rgba(0, 0, 0, 0);
border-radius: 5px;
z-index: 1;
text-decoration: none;
box-sizing: border-box; } .hc-offcanvas-nav .nav-content > .nav-close a.has-label {
padding: 12px 15px; } .hc-offcanvas-nav .nav-content > .nav-close a:hover {
background: #3571ae; } .hc-offcanvas-nav .nav-content > .nav-close:first-child {
position: relative;
min-height: 40px;
margin-top: 15px; } .hc-offcanvas-nav .nav-content > .nav-close:first-child + ul {
margin-top: 15px; } .hc-offcanvas-nav .nav-content > .nav-close:first-child a.has-label {
margin-bottom: -15px; } .hc-offcanvas-nav .nav-content > .nav-close:first-child a:not(.has-label) {
position: absolute;
width: 40px;
height: 40px;
line-height: 40px;
top: 0;
right: 0; } .hc-offcanvas-nav .nav-content > .nav-close:first-child a:not(.has-label) + ul {
margin-top: 60px; } .hc-offcanvas-nav .nav-content > .nav-close:first-child a:not(.has-label) + h2,
.hc-offcanvas-nav .nav-content > .nav-close:first-child a:not(.has-label) + h3,
.hc-offcanvas-nav .nav-content > .nav-close:first-child a:not(.has-label) + h4,
.hc-offcanvas-nav .nav-content > .nav-close:first-child a:not(.has-label) + h5,
.hc-offcanvas-nav .nav-content > .nav-close:first-child a:not(.has-label) + h6 {
margin-top: 55px; } .hc-offcanvas-nav .nav-title + .nav-close a:not(.has-label) {
position: absolute;
width: 40px;
height: 40px;
line-height: 40px;
top: 28px;
right: 15px; } .hc-offcanvas-nav.nav-close-button-empty .nav-title {
padding-right: 46px; } .hc-offcanvas-nav li.nav-close:first-child {
padding-bottom: 15px; } .hc-offcanvas-nav li.nav-close .nav-close-button.has-label {
margin-bottom: -15px; } .hc-offcanvas-nav li.nav-close .nav-close-button:not(.has-label) {
width: 40px;
height: 40px;
line-height: 40px;
float: right; } .hc-offcanvas-nav li.nav-close .nav-item-wrapper::after {
content: "";
display: table;
clear: both; } .hc-offcanvas-nav a.nav-next {
position: relative; } .hc-offcanvas-nav a.nav-next:before {
content: "";
position: absolute;
width: 2px;
height: 25px;
left: -7px;
top: 9px;
background: #4d4d4d;
border-radius: 2px; } .hc-offcanvas-nav .nav-next span::before,
.hc-offcanvas-nav .nav-back span::before {
content: "";
position: absolute;
top: 50%;
left: 50%;
width: 8px;
height: 8px;
margin-left: -2px;
box-sizing: border-box;
border-top: 2px solid #fff;
border-left: 2px solid #fff;
transform-origin: center; } .hc-offcanvas-nav .nav-next span {
position: absolute;
top: 0;
right: 0;
left: 0;
bottom: 0; } .hc-offcanvas-nav .nav-next span::before {
transform: translate(-50%, -50%) rotate(135deg); } .hc-offcanvas-nav .nav-back span::before {
margin-left: 2px;
transform: translate(-50%, -50%) rotate(-45deg); } .hc-offcanvas-nav.nav-position-left.nav-open.nav-levels-overlap .nav-wrapper {
box-shadow: 1px 0 2px rgba(0, 0, 0, 0.2); } .hc-offcanvas-nav.nav-position-right.nav-open.nav-levels-overlap .nav-wrapper {
box-shadow: -1px 0 2px rgba(0, 0, 0, 0.2); } .hc-offcanvas-nav.nav-position-right .nav-next span::before {
margin-left: 2px;
transform: translate(-50%, -50%) rotate(-45deg); } .hc-offcanvas-nav.nav-position-right .nav-back span::before {
margin-left: -2px;
transform: translate(-50%, -50%) rotate(135deg); } .hc-offcanvas-nav.nav-position-top.nav-open .nav-wrapper {
box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2); } .hc-offcanvas-nav.nav-position-top .nav-next span::before {
margin-left: 0;
margin-right: -2px;
transform: translate(-50%, -50%) rotate(-135deg); } .hc-offcanvas-nav.nav-position-top .nav-back span::before {
margin-left: 0;
margin-right: -2px;
transform: translate(-50%, -50%) rotate(45deg); } .hc-offcanvas-nav.nav-position-bottom.nav-open .nav-wrapper {
box-shadow: 0 -1px 2px rgba(0, 0, 0, 0.2); } .hc-offcanvas-nav.nav-position-bottom .nav-next span::before {
margin-left: 0;
margin-right: -2px;
transform: translate(-50%, -50%) rotate(45deg); } .hc-offcanvas-nav.nav-position-bottom .nav-back span::before {
margin-left: 0;
margin-right: -2px;
transform: translate(-50%, -50%) rotate(-135deg); } .hc-offcanvas-nav.nav-levels-overlap ul ul:first-child {
margin-top: 15px; } .hc-offcanvas-nav.nav-levels-expand .nav-content .nav-content, .hc-offcanvas-nav.nav-levels-none .nav-content .nav-content {
padding: 0; } .hc-offcanvas-nav.nav-levels-expand .nav-wrapper .nav-wrapper, .hc-offcanvas-nav.nav-levels-none .nav-wrapper .nav-wrapper {
width: auto;
position: relative;
margin-left: 20px; } .hc-offcanvas-nav.nav-levels-expand li.level-open > .nav-item-wrapper > .nav-next span::before,
.hc-offcanvas-nav.nav-levels-expand li.level-open > .nav-item-wrapper > a > .nav-next span::before, .hc-offcanvas-nav.nav-levels-none li.level-open > .nav-item-wrapper > .nav-next span::before,
.hc-offcanvas-nav.nav-levels-none li.level-open > .nav-item-wrapper > a > .nav-next span::before {
margin-top: -2px;
transform: translate(-50%, -50%) rotate(-135deg); } .hc-offcanvas-nav.nav-levels-expand li.level-open > .nav-wrapper::before,
.hc-offcanvas-nav.nav-levels-none li .nav-wrapper::before {
content: "";
position: absolute;
width: 2px;
left: -7px;
top: 5px;
bottom: 5px;
background: #4d4d4d;
border-radius: 2px; } .hc-offcanvas-nav.rtl .nav-wrapper .nav-wrapper {
margin-left: 0;
margin-right: 20px; } .hc-offcanvas-nav.rtl a.nav-next:before {
left: auto;
right: -7px; } .hc-offcanvas-nav.rtl .nav-title + .nav-close a:not(.has-label) {
left: 15px;
right: auto; } .hc-offcanvas-nav.rtl .nav-close-button span,
.hc-offcanvas-nav.rtl .nav-next,
.hc-offcanvas-nav.rtl .nav-back span {
left: 0;
right: auto; } .hc-offcanvas-nav.rtl li.nav-parent .nav-item-link:last-child {
padding-left: 62px;
padding-right: 12px; } .hc-offcanvas-nav.rtl li.nav-parent .nav-item-link:not(:last-child) {
margin-left: 52px;
margin-right: 0; } .hc-offcanvas-nav.rtl.nav-levels-expand li.level-open > .nav-wrapper::before,
.hc-offcanvas-nav.rtl.nav-levels-none li .nav-wrapper::before {
left: auto;
right: -7px; }   .hc-nav-trigger {
position: absolute;
cursor: pointer;
user-select: none;
display: none;
top: 20px;
z-index: 9980;
width: 30px;
min-height: 24px; } .hc-nav-trigger span {
width: 30px;
top: 50%;
transform: translateY(-50%);
transform-origin: 50% 50%; } .hc-nav-trigger span, .hc-nav-trigger span::before, .hc-nav-trigger span::after {
display: block;
position: absolute;
left: 0;
height: 4px;
background: #34495e;
transition: all 0.2s ease; } .hc-nav-trigger span::before, .hc-nav-trigger span::after {
content: "";
width: 100%; } .hc-nav-trigger span::before {
top: -10px; } .hc-nav-trigger span::after {
bottom: -10px; } .hc-nav-trigger.toggle-open span {
background: rgba(0, 0, 0, 0);
transform: rotate(45deg); } .hc-nav-trigger.toggle-open span::before {
transform: translate3d(0, 10px, 0); } .hc-nav-trigger.toggle-open span::after {
transform: rotate(-90deg) translate3d(10px, 0, 0); } @font-face {
font-family: "swiper-icons";
src: url("data:application/font-woff;charset=utf-8;base64, d09GRgABAAAAAAZgABAAAAAADAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABGRlRNAAAGRAAAABoAAAAci6qHkUdERUYAAAWgAAAAIwAAACQAYABXR1BPUwAABhQAAAAuAAAANuAY7+xHU1VCAAAFxAAAAFAAAABm2fPczU9TLzIAAAHcAAAASgAAAGBP9V5RY21hcAAAAkQAAACIAAABYt6F0cBjdnQgAAACzAAAAAQAAAAEABEBRGdhc3AAAAWYAAAACAAAAAj//wADZ2x5ZgAAAywAAADMAAAD2MHtryVoZWFkAAABbAAAADAAAAA2E2+eoWhoZWEAAAGcAAAAHwAAACQC9gDzaG10eAAAAigAAAAZAAAArgJkABFsb2NhAAAC0AAAAFoAAABaFQAUGG1heHAAAAG8AAAAHwAAACAAcABAbmFtZQAAA/gAAAE5AAACXvFdBwlwb3N0AAAFNAAAAGIAAACE5s74hXjaY2BkYGAAYpf5Hu/j+W2+MnAzMYDAzaX6QjD6/4//Bxj5GA8AuRwMYGkAPywL13jaY2BkYGA88P8Agx4j+/8fQDYfA1AEBWgDAIB2BOoAeNpjYGRgYNBh4GdgYgABEMnIABJzYNADCQAACWgAsQB42mNgYfzCOIGBlYGB0YcxjYGBwR1Kf2WQZGhhYGBiYGVmgAFGBiQQkOaawtDAoMBQxXjg/wEGPcYDDA4wNUA2CCgwsAAAO4EL6gAAeNpj2M0gyAACqxgGNWBkZ2D4/wMA+xkDdgAAAHjaY2BgYGaAYBkGRgYQiAHyGMF8FgYHIM3DwMHABGQrMOgyWDLEM1T9/w8UBfEMgLzE////P/5//f/V/xv+r4eaAAeMbAxwIUYmIMHEgKYAYjUcsDAwsLKxc3BycfPw8jEQA/gZBASFhEVExcQlJKWkZWTl5BUUlZRVVNXUNTQZBgMAAMR+E+gAEQFEAAAAKgAqACoANAA+AEgAUgBcAGYAcAB6AIQAjgCYAKIArAC2AMAAygDUAN4A6ADyAPwBBgEQARoBJAEuATgBQgFMAVYBYAFqAXQBfgGIAZIBnAGmAbIBzgHsAAB42u2NMQ6CUAyGW568x9AneYYgm4MJbhKFaExIOAVX8ApewSt4Bic4AfeAid3VOBixDxfPYEza5O+Xfi04YADggiUIULCuEJK8VhO4bSvpdnktHI5QCYtdi2sl8ZnXaHlqUrNKzdKcT8cjlq+rwZSvIVczNiezsfnP/uznmfPFBNODM2K7MTQ45YEAZqGP81AmGGcF3iPqOop0r1SPTaTbVkfUe4HXj97wYE+yNwWYxwWu4v1ugWHgo3S1XdZEVqWM7ET0cfnLGxWfkgR42o2PvWrDMBSFj/IHLaF0zKjRgdiVMwScNRAoWUoH78Y2icB/yIY09An6AH2Bdu/UB+yxopYshQiEvnvu0dURgDt8QeC8PDw7Fpji3fEA4z/PEJ6YOB5hKh4dj3EvXhxPqH/SKUY3rJ7srZ4FZnh1PMAtPhwP6fl2PMJMPDgeQ4rY8YT6Gzao0eAEA409DuggmTnFnOcSCiEiLMgxCiTI6Cq5DZUd3Qmp10vO0LaLTd2cjN4fOumlc7lUYbSQcZFkutRG7g6JKZKy0RmdLY680CDnEJ+UMkpFFe1RN7nxdVpXrC4aTtnaurOnYercZg2YVmLN/d/gczfEimrE/fs/bOuq29Zmn8tloORaXgZgGa78yO9/cnXm2BpaGvq25Dv9S4E9+5SIc9PqupJKhYFSSl47+Qcr1mYNAAAAeNptw0cKwkAAAMDZJA8Q7OUJvkLsPfZ6zFVERPy8qHh2YER+3i/BP83vIBLLySsoKimrqKqpa2hp6+jq6RsYGhmbmJqZSy0sraxtbO3sHRydnEMU4uR6yx7JJXveP7WrDycAAAAAAAH//wACeNpjYGRgYOABYhkgZgJCZgZNBkYGLQZtIJsFLMYAAAw3ALgAeNolizEKgDAQBCchRbC2sFER0YD6qVQiBCv/H9ezGI6Z5XBAw8CBK/m5iQQVauVbXLnOrMZv2oLdKFa8Pjuru2hJzGabmOSLzNMzvutpB3N42mNgZGBg4GKQYzBhYMxJLMlj4GBgAYow/P/PAJJhLM6sSoWKfWCAAwDAjgbRAAB42mNgYGBkAIIbCZo5IPrmUn0hGA0AO8EFTQAA") format("woff");
font-weight: 400;
font-style: normal; } :root {
--swiper-theme-color: #007aff; } .swiper {
margin-left: auto;
margin-right: auto;
position: relative;
overflow: hidden;
list-style: none;
padding: 0; z-index: 1; } .swiper-vertical > .swiper-wrapper {
flex-direction: column; } .swiper-wrapper {
position: relative;
width: 100%;
height: 100%;
z-index: 1;
display: flex;
transition-property: transform;
box-sizing: content-box; }
@media (max-width: 991px) { .swiper-wrapper img {
height: 450px;
width: 100%; } } .swiper-android .swiper-slide,
.swiper-wrapper {
transform: translate3d(0px, 0, 0); } .swiper-pointer-events {
touch-action: pan-y; } .swiper-pointer-events.swiper-vertical {
touch-action: pan-x; } .swiper-slide {
flex-shrink: 0;
width: 100%;
height: 100%;
position: relative;
transition-property: transform; } .swiper-slide img {
object-fit: cover; } .swiper-slide-invisible-blank {
visibility: hidden; }  .swiper-autoheight,
.swiper-autoheight .swiper-slide {
height: auto; } .swiper-autoheight .swiper-wrapper {
align-items: flex-start;
transition-property: transform, height; } .swiper-backface-hidden .swiper-slide {
transform: translateZ(0);
backface-visibility: hidden; }  .swiper-3d,
.swiper-3d.swiper-css-mode .swiper-wrapper {
perspective: 1200px; } .swiper-3d .swiper-wrapper,
.swiper-3d .swiper-slide,
.swiper-3d .swiper-slide-shadow,
.swiper-3d .swiper-slide-shadow-left,
.swiper-3d .swiper-slide-shadow-right,
.swiper-3d .swiper-slide-shadow-top,
.swiper-3d .swiper-slide-shadow-bottom,
.swiper-3d .swiper-cube-shadow {
transform-style: preserve-3d; } .swiper-3d .swiper-slide-shadow,
.swiper-3d .swiper-slide-shadow-left,
.swiper-3d .swiper-slide-shadow-right,
.swiper-3d .swiper-slide-shadow-top,
.swiper-3d .swiper-slide-shadow-bottom {
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
pointer-events: none;
z-index: 10; } .swiper-3d .swiper-slide-shadow {
background: rgba(0, 0, 0, 0.15); } .swiper-3d .swiper-slide-shadow-left {
background-image: linear-gradient(to left, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0)); } .swiper-3d .swiper-slide-shadow-right {
background-image: linear-gradient(to right, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0)); } .swiper-3d .swiper-slide-shadow-top {
background-image: linear-gradient(to top, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0)); } .swiper-3d .swiper-slide-shadow-bottom {
background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0)); }  .swiper-css-mode > .swiper-wrapper {
overflow: auto;
scrollbar-width: none; -ms-overflow-style: none; } .swiper-css-mode > .swiper-wrapper::-webkit-scrollbar {
display: none; } .swiper-css-mode > .swiper-wrapper > .swiper-slide {
scroll-snap-align: start start; } .swiper-horizontal.swiper-css-mode > .swiper-wrapper {
scroll-snap-type: x mandatory; } .swiper-vertical.swiper-css-mode > .swiper-wrapper {
scroll-snap-type: y mandatory; } .swiper-centered > .swiper-wrapper::before {
content: "";
flex-shrink: 0;
order: 9999; } .swiper-centered.swiper-horizontal > .swiper-wrapper > .swiper-slide:first-child {
margin-inline-start: var(--swiper-centered-offset-before); } .swiper-centered.swiper-horizontal > .swiper-wrapper::before {
height: 100%;
width: var(--swiper-centered-offset-after); } .swiper-centered.swiper-vertical > .swiper-wrapper > .swiper-slide:first-child {
margin-block-start: var(--swiper-centered-offset-before); } .swiper-centered.swiper-vertical > .swiper-wrapper::before {
width: 100%;
height: var(--swiper-centered-offset-after); } .swiper-centered > .swiper-wrapper > .swiper-slide {
scroll-snap-align: center center; }  [data-aos][data-aos][data-aos-duration="50"],
body[data-aos-duration="50"] [data-aos] {
transition-duration: 50ms; } [data-aos][data-aos][data-aos-delay="50"],
body[data-aos-delay="50"] [data-aos] {
transition-delay: 0; } [data-aos][data-aos][data-aos-delay="50"].aos-animate,
body[data-aos-delay="50"] [data-aos].aos-animate {
transition-delay: 50ms; } [data-aos][data-aos][data-aos-duration="100"],
body[data-aos-duration="100"] [data-aos] {
transition-duration: 0.1s; } [data-aos][data-aos][data-aos-delay="100"],
body[data-aos-delay="100"] [data-aos] {
transition-delay: 0; } [data-aos][data-aos][data-aos-delay="100"].aos-animate,
body[data-aos-delay="100"] [data-aos].aos-animate {
transition-delay: 0.1s; } [data-aos][data-aos][data-aos-duration="150"],
body[data-aos-duration="150"] [data-aos] {
transition-duration: 0.15s; } [data-aos][data-aos][data-aos-delay="150"],
body[data-aos-delay="150"] [data-aos] {
transition-delay: 0; } [data-aos][data-aos][data-aos-delay="150"].aos-animate,
body[data-aos-delay="150"] [data-aos].aos-animate {
transition-delay: 0.15s; } [data-aos][data-aos][data-aos-duration="200"],
body[data-aos-duration="200"] [data-aos] {
transition-duration: 0.2s; } [data-aos][data-aos][data-aos-delay="200"],
body[data-aos-delay="200"] [data-aos] {
transition-delay: 0; } [data-aos][data-aos][data-aos-delay="200"].aos-animate,
body[data-aos-delay="200"] [data-aos].aos-animate {
transition-delay: 0.2s; } [data-aos][data-aos][data-aos-duration="250"],
body[data-aos-duration="250"] [data-aos] {
transition-duration: 0.25s; } [data-aos][data-aos][data-aos-delay="250"],
body[data-aos-delay="250"] [data-aos] {
transition-delay: 0; } [data-aos][data-aos][data-aos-delay="250"].aos-animate,
body[data-aos-delay="250"] [data-aos].aos-animate {
transition-delay: 0.25s; } [data-aos][data-aos][data-aos-duration="300"],
body[data-aos-duration="300"] [data-aos] {
transition-duration: 0.3s; } [data-aos][data-aos][data-aos-delay="300"],
body[data-aos-delay="300"] [data-aos] {
transition-delay: 0; } [data-aos][data-aos][data-aos-delay="300"].aos-animate,
body[data-aos-delay="300"] [data-aos].aos-animate {
transition-delay: 0.3s; } [data-aos][data-aos][data-aos-duration="350"],
body[data-aos-duration="350"] [data-aos] {
transition-duration: 0.35s; } [data-aos][data-aos][data-aos-delay="350"],
body[data-aos-delay="350"] [data-aos] {
transition-delay: 0; } [data-aos][data-aos][data-aos-delay="350"].aos-animate,
body[data-aos-delay="350"] [data-aos].aos-animate {
transition-delay: 0.35s; } [data-aos][data-aos][data-aos-duration="400"],
body[data-aos-duration="400"] [data-aos] {
transition-duration: 0.4s; } [data-aos][data-aos][data-aos-delay="400"],
body[data-aos-delay="400"] [data-aos] {
transition-delay: 0; } [data-aos][data-aos][data-aos-delay="400"].aos-animate,
body[data-aos-delay="400"] [data-aos].aos-animate {
transition-delay: 0.4s; } [data-aos][data-aos][data-aos-duration="450"],
body[data-aos-duration="450"] [data-aos] {
transition-duration: 0.45s; } [data-aos][data-aos][data-aos-delay="450"],
body[data-aos-delay="450"] [data-aos] {
transition-delay: 0; } [data-aos][data-aos][data-aos-delay="450"].aos-animate,
body[data-aos-delay="450"] [data-aos].aos-animate {
transition-delay: 0.45s; } [data-aos][data-aos][data-aos-duration="500"],
body[data-aos-duration="500"] [data-aos] {
transition-duration: 0.5s; } [data-aos][data-aos][data-aos-delay="500"],
body[data-aos-delay="500"] [data-aos] {
transition-delay: 0; } [data-aos][data-aos][data-aos-delay="500"].aos-animate,
body[data-aos-delay="500"] [data-aos].aos-animate {
transition-delay: 0.5s; } [data-aos][data-aos][data-aos-duration="550"],
body[data-aos-duration="550"] [data-aos] {
transition-duration: 0.55s; } [data-aos][data-aos][data-aos-delay="550"],
body[data-aos-delay="550"] [data-aos] {
transition-delay: 0; } [data-aos][data-aos][data-aos-delay="550"].aos-animate,
body[data-aos-delay="550"] [data-aos].aos-animate {
transition-delay: 0.55s; } [data-aos][data-aos][data-aos-duration="600"],
body[data-aos-duration="600"] [data-aos] {
transition-duration: 0.6s; } [data-aos][data-aos][data-aos-delay="600"],
body[data-aos-delay="600"] [data-aos] {
transition-delay: 0; } [data-aos][data-aos][data-aos-delay="600"].aos-animate,
body[data-aos-delay="600"] [data-aos].aos-animate {
transition-delay: 0.6s; } [data-aos][data-aos][data-aos-duration="650"],
body[data-aos-duration="650"] [data-aos] {
transition-duration: 0.65s; } [data-aos][data-aos][data-aos-delay="650"],
body[data-aos-delay="650"] [data-aos] {
transition-delay: 0; } [data-aos][data-aos][data-aos-delay="650"].aos-animate,
body[data-aos-delay="650"] [data-aos].aos-animate {
transition-delay: 0.65s; } [data-aos][data-aos][data-aos-duration="700"],
body[data-aos-duration="700"] [data-aos] {
transition-duration: 0.7s; } [data-aos][data-aos][data-aos-delay="700"],
body[data-aos-delay="700"] [data-aos] {
transition-delay: 0; } [data-aos][data-aos][data-aos-delay="700"].aos-animate,
body[data-aos-delay="700"] [data-aos].aos-animate {
transition-delay: 0.7s; } [data-aos][data-aos][data-aos-duration="750"],
body[data-aos-duration="750"] [data-aos] {
transition-duration: 0.75s; } [data-aos][data-aos][data-aos-delay="750"],
body[data-aos-delay="750"] [data-aos] {
transition-delay: 0; } [data-aos][data-aos][data-aos-delay="750"].aos-animate,
body[data-aos-delay="750"] [data-aos].aos-animate {
transition-delay: 0.75s; } [data-aos][data-aos][data-aos-duration="800"],
body[data-aos-duration="800"] [data-aos] {
transition-duration: 0.8s; } [data-aos][data-aos][data-aos-delay="800"],
body[data-aos-delay="800"] [data-aos] {
transition-delay: 0; } [data-aos][data-aos][data-aos-delay="800"].aos-animate,
body[data-aos-delay="800"] [data-aos].aos-animate {
transition-delay: 0.8s; } [data-aos][data-aos][data-aos-duration="850"],
body[data-aos-duration="850"] [data-aos] {
transition-duration: 0.85s; } [data-aos][data-aos][data-aos-delay="850"],
body[data-aos-delay="850"] [data-aos] {
transition-delay: 0; } [data-aos][data-aos][data-aos-delay="850"].aos-animate,
body[data-aos-delay="850"] [data-aos].aos-animate {
transition-delay: 0.85s; } [data-aos][data-aos][data-aos-duration="900"],
body[data-aos-duration="900"] [data-aos] {
transition-duration: 0.9s; } [data-aos][data-aos][data-aos-delay="900"],
body[data-aos-delay="900"] [data-aos] {
transition-delay: 0; } [data-aos][data-aos][data-aos-delay="900"].aos-animate,
body[data-aos-delay="900"] [data-aos].aos-animate {
transition-delay: 0.9s; } [data-aos][data-aos][data-aos-duration="950"],
body[data-aos-duration="950"] [data-aos] {
transition-duration: 0.95s; } [data-aos][data-aos][data-aos-delay="950"],
body[data-aos-delay="950"] [data-aos] {
transition-delay: 0; } [data-aos][data-aos][data-aos-delay="950"].aos-animate,
body[data-aos-delay="950"] [data-aos].aos-animate {
transition-delay: 0.95s; } [data-aos][data-aos][data-aos-duration="1000"],
body[data-aos-duration="1000"] [data-aos] {
transition-duration: 1s; } [data-aos][data-aos][data-aos-delay="1000"],
body[data-aos-delay="1000"] [data-aos] {
transition-delay: 0; } [data-aos][data-aos][data-aos-delay="1000"].aos-animate,
body[data-aos-delay="1000"] [data-aos].aos-animate {
transition-delay: 1s; } [data-aos][data-aos][data-aos-duration="1050"],
body[data-aos-duration="1050"] [data-aos] {
transition-duration: 1.05s; } [data-aos][data-aos][data-aos-delay="1050"],
body[data-aos-delay="1050"] [data-aos] {
transition-delay: 0; } [data-aos][data-aos][data-aos-delay="1050"].aos-animate,
body[data-aos-delay="1050"] [data-aos].aos-animate {
transition-delay: 1.05s; } [data-aos][data-aos][data-aos-duration="1100"],
body[data-aos-duration="1100"] [data-aos] {
transition-duration: 1.1s; } [data-aos][data-aos][data-aos-delay="1100"],
body[data-aos-delay="1100"] [data-aos] {
transition-delay: 0; } [data-aos][data-aos][data-aos-delay="1100"].aos-animate,
body[data-aos-delay="1100"] [data-aos].aos-animate {
transition-delay: 1.1s; } [data-aos][data-aos][data-aos-duration="1150"],
body[data-aos-duration="1150"] [data-aos] {
transition-duration: 1.15s; } [data-aos][data-aos][data-aos-delay="1150"],
body[data-aos-delay="1150"] [data-aos] {
transition-delay: 0; } [data-aos][data-aos][data-aos-delay="1150"].aos-animate,
body[data-aos-delay="1150"] [data-aos].aos-animate {
transition-delay: 1.15s; } [data-aos][data-aos][data-aos-duration="1200"],
body[data-aos-duration="1200"] [data-aos] {
transition-duration: 1.2s; } [data-aos][data-aos][data-aos-delay="1200"],
body[data-aos-delay="1200"] [data-aos] {
transition-delay: 0; } [data-aos][data-aos][data-aos-delay="1200"].aos-animate,
body[data-aos-delay="1200"] [data-aos].aos-animate {
transition-delay: 1.2s; } [data-aos][data-aos][data-aos-duration="1250"],
body[data-aos-duration="1250"] [data-aos] {
transition-duration: 1.25s; } [data-aos][data-aos][data-aos-delay="1250"],
body[data-aos-delay="1250"] [data-aos] {
transition-delay: 0; } [data-aos][data-aos][data-aos-delay="1250"].aos-animate,
body[data-aos-delay="1250"] [data-aos].aos-animate {
transition-delay: 1.25s; } [data-aos][data-aos][data-aos-duration="1300"],
body[data-aos-duration="1300"] [data-aos] {
transition-duration: 1.3s; } [data-aos][data-aos][data-aos-delay="1300"],
body[data-aos-delay="1300"] [data-aos] {
transition-delay: 0; } [data-aos][data-aos][data-aos-delay="1300"].aos-animate,
body[data-aos-delay="1300"] [data-aos].aos-animate {
transition-delay: 1.3s; } [data-aos][data-aos][data-aos-duration="1350"],
body[data-aos-duration="1350"] [data-aos] {
transition-duration: 1.35s; } [data-aos][data-aos][data-aos-delay="1350"],
body[data-aos-delay="1350"] [data-aos] {
transition-delay: 0; } [data-aos][data-aos][data-aos-delay="1350"].aos-animate,
body[data-aos-delay="1350"] [data-aos].aos-animate {
transition-delay: 1.35s; } [data-aos][data-aos][data-aos-duration="1400"],
body[data-aos-duration="1400"] [data-aos] {
transition-duration: 1.4s; } [data-aos][data-aos][data-aos-delay="1400"],
body[data-aos-delay="1400"] [data-aos] {
transition-delay: 0; } [data-aos][data-aos][data-aos-delay="1400"].aos-animate,
body[data-aos-delay="1400"] [data-aos].aos-animate {
transition-delay: 1.4s; } [data-aos][data-aos][data-aos-duration="1450"],
body[data-aos-duration="1450"] [data-aos] {
transition-duration: 1.45s; } [data-aos][data-aos][data-aos-delay="1450"],
body[data-aos-delay="1450"] [data-aos] {
transition-delay: 0; } [data-aos][data-aos][data-aos-delay="1450"].aos-animate,
body[data-aos-delay="1450"] [data-aos].aos-animate {
transition-delay: 1.45s; } [data-aos][data-aos][data-aos-duration="1500"],
body[data-aos-duration="1500"] [data-aos] {
transition-duration: 1.5s; } [data-aos][data-aos][data-aos-delay="1500"],
body[data-aos-delay="1500"] [data-aos] {
transition-delay: 0; } [data-aos][data-aos][data-aos-delay="1500"].aos-animate,
body[data-aos-delay="1500"] [data-aos].aos-animate {
transition-delay: 1.5s; } [data-aos][data-aos][data-aos-duration="1550"],
body[data-aos-duration="1550"] [data-aos] {
transition-duration: 1.55s; } [data-aos][data-aos][data-aos-delay="1550"],
body[data-aos-delay="1550"] [data-aos] {
transition-delay: 0; } [data-aos][data-aos][data-aos-delay="1550"].aos-animate,
body[data-aos-delay="1550"] [data-aos].aos-animate {
transition-delay: 1.55s; } [data-aos][data-aos][data-aos-duration="1600"],
body[data-aos-duration="1600"] [data-aos] {
transition-duration: 1.6s; } [data-aos][data-aos][data-aos-delay="1600"],
body[data-aos-delay="1600"] [data-aos] {
transition-delay: 0; } [data-aos][data-aos][data-aos-delay="1600"].aos-animate,
body[data-aos-delay="1600"] [data-aos].aos-animate {
transition-delay: 1.6s; } [data-aos][data-aos][data-aos-duration="1650"],
body[data-aos-duration="1650"] [data-aos] {
transition-duration: 1.65s; } [data-aos][data-aos][data-aos-delay="1650"],
body[data-aos-delay="1650"] [data-aos] {
transition-delay: 0; } [data-aos][data-aos][data-aos-delay="1650"].aos-animate,
body[data-aos-delay="1650"] [data-aos].aos-animate {
transition-delay: 1.65s; } [data-aos][data-aos][data-aos-duration="1700"],
body[data-aos-duration="1700"] [data-aos] {
transition-duration: 1.7s; } [data-aos][data-aos][data-aos-delay="1700"],
body[data-aos-delay="1700"] [data-aos] {
transition-delay: 0; } [data-aos][data-aos][data-aos-delay="1700"].aos-animate,
body[data-aos-delay="1700"] [data-aos].aos-animate {
transition-delay: 1.7s; } [data-aos][data-aos][data-aos-duration="1750"],
body[data-aos-duration="1750"] [data-aos] {
transition-duration: 1.75s; } [data-aos][data-aos][data-aos-delay="1750"],
body[data-aos-delay="1750"] [data-aos] {
transition-delay: 0; } [data-aos][data-aos][data-aos-delay="1750"].aos-animate,
body[data-aos-delay="1750"] [data-aos].aos-animate {
transition-delay: 1.75s; } [data-aos][data-aos][data-aos-duration="1800"],
body[data-aos-duration="1800"] [data-aos] {
transition-duration: 1.8s; } [data-aos][data-aos][data-aos-delay="1800"],
body[data-aos-delay="1800"] [data-aos] {
transition-delay: 0; } [data-aos][data-aos][data-aos-delay="1800"].aos-animate,
body[data-aos-delay="1800"] [data-aos].aos-animate {
transition-delay: 1.8s; } [data-aos][data-aos][data-aos-duration="1850"],
body[data-aos-duration="1850"] [data-aos] {
transition-duration: 1.85s; } [data-aos][data-aos][data-aos-delay="1850"],
body[data-aos-delay="1850"] [data-aos] {
transition-delay: 0; } [data-aos][data-aos][data-aos-delay="1850"].aos-animate,
body[data-aos-delay="1850"] [data-aos].aos-animate {
transition-delay: 1.85s; } [data-aos][data-aos][data-aos-duration="1900"],
body[data-aos-duration="1900"] [data-aos] {
transition-duration: 1.9s; } [data-aos][data-aos][data-aos-delay="1900"],
body[data-aos-delay="1900"] [data-aos] {
transition-delay: 0; } [data-aos][data-aos][data-aos-delay="1900"].aos-animate,
body[data-aos-delay="1900"] [data-aos].aos-animate {
transition-delay: 1.9s; } [data-aos][data-aos][data-aos-duration="1950"],
body[data-aos-duration="1950"] [data-aos] {
transition-duration: 1.95s; } [data-aos][data-aos][data-aos-delay="1950"],
body[data-aos-delay="1950"] [data-aos] {
transition-delay: 0; } [data-aos][data-aos][data-aos-delay="1950"].aos-animate,
body[data-aos-delay="1950"] [data-aos].aos-animate {
transition-delay: 1.95s; } [data-aos][data-aos][data-aos-duration="2000"],
body[data-aos-duration="2000"] [data-aos] {
transition-duration: 2s; } [data-aos][data-aos][data-aos-delay="2000"],
body[data-aos-delay="2000"] [data-aos] {
transition-delay: 0; } [data-aos][data-aos][data-aos-delay="2000"].aos-animate,
body[data-aos-delay="2000"] [data-aos].aos-animate {
transition-delay: 2s; } [data-aos][data-aos][data-aos-duration="2050"],
body[data-aos-duration="2050"] [data-aos] {
transition-duration: 2.05s; } [data-aos][data-aos][data-aos-delay="2050"],
body[data-aos-delay="2050"] [data-aos] {
transition-delay: 0; } [data-aos][data-aos][data-aos-delay="2050"].aos-animate,
body[data-aos-delay="2050"] [data-aos].aos-animate {
transition-delay: 2.05s; } [data-aos][data-aos][data-aos-duration="2100"],
body[data-aos-duration="2100"] [data-aos] {
transition-duration: 2.1s; } [data-aos][data-aos][data-aos-delay="2100"],
body[data-aos-delay="2100"] [data-aos] {
transition-delay: 0; } [data-aos][data-aos][data-aos-delay="2100"].aos-animate,
body[data-aos-delay="2100"] [data-aos].aos-animate {
transition-delay: 2.1s; } [data-aos][data-aos][data-aos-duration="2150"],
body[data-aos-duration="2150"] [data-aos] {
transition-duration: 2.15s; } [data-aos][data-aos][data-aos-delay="2150"],
body[data-aos-delay="2150"] [data-aos] {
transition-delay: 0; } [data-aos][data-aos][data-aos-delay="2150"].aos-animate,
body[data-aos-delay="2150"] [data-aos].aos-animate {
transition-delay: 2.15s; } [data-aos][data-aos][data-aos-duration="2200"],
body[data-aos-duration="2200"] [data-aos] {
transition-duration: 2.2s; } [data-aos][data-aos][data-aos-delay="2200"],
body[data-aos-delay="2200"] [data-aos] {
transition-delay: 0; } [data-aos][data-aos][data-aos-delay="2200"].aos-animate,
body[data-aos-delay="2200"] [data-aos].aos-animate {
transition-delay: 2.2s; } [data-aos][data-aos][data-aos-duration="2250"],
body[data-aos-duration="2250"] [data-aos] {
transition-duration: 2.25s; } [data-aos][data-aos][data-aos-delay="2250"],
body[data-aos-delay="2250"] [data-aos] {
transition-delay: 0; } [data-aos][data-aos][data-aos-delay="2250"].aos-animate,
body[data-aos-delay="2250"] [data-aos].aos-animate {
transition-delay: 2.25s; } [data-aos][data-aos][data-aos-duration="2300"],
body[data-aos-duration="2300"] [data-aos] {
transition-duration: 2.3s; } [data-aos][data-aos][data-aos-delay="2300"],
body[data-aos-delay="2300"] [data-aos] {
transition-delay: 0; } [data-aos][data-aos][data-aos-delay="2300"].aos-animate,
body[data-aos-delay="2300"] [data-aos].aos-animate {
transition-delay: 2.3s; } [data-aos][data-aos][data-aos-duration="2350"],
body[data-aos-duration="2350"] [data-aos] {
transition-duration: 2.35s; } [data-aos][data-aos][data-aos-delay="2350"],
body[data-aos-delay="2350"] [data-aos] {
transition-delay: 0; } [data-aos][data-aos][data-aos-delay="2350"].aos-animate,
body[data-aos-delay="2350"] [data-aos].aos-animate {
transition-delay: 2.35s; } [data-aos][data-aos][data-aos-duration="2400"],
body[data-aos-duration="2400"] [data-aos] {
transition-duration: 2.4s; } [data-aos][data-aos][data-aos-delay="2400"],
body[data-aos-delay="2400"] [data-aos] {
transition-delay: 0; } [data-aos][data-aos][data-aos-delay="2400"].aos-animate,
body[data-aos-delay="2400"] [data-aos].aos-animate {
transition-delay: 2.4s; } [data-aos][data-aos][data-aos-duration="2450"],
body[data-aos-duration="2450"] [data-aos] {
transition-duration: 2.45s; } [data-aos][data-aos][data-aos-delay="2450"],
body[data-aos-delay="2450"] [data-aos] {
transition-delay: 0; } [data-aos][data-aos][data-aos-delay="2450"].aos-animate,
body[data-aos-delay="2450"] [data-aos].aos-animate {
transition-delay: 2.45s; } [data-aos][data-aos][data-aos-duration="2500"],
body[data-aos-duration="2500"] [data-aos] {
transition-duration: 2.5s; } [data-aos][data-aos][data-aos-delay="2500"],
body[data-aos-delay="2500"] [data-aos] {
transition-delay: 0; } [data-aos][data-aos][data-aos-delay="2500"].aos-animate,
body[data-aos-delay="2500"] [data-aos].aos-animate {
transition-delay: 2.5s; } [data-aos][data-aos][data-aos-duration="2550"],
body[data-aos-duration="2550"] [data-aos] {
transition-duration: 2.55s; } [data-aos][data-aos][data-aos-delay="2550"],
body[data-aos-delay="2550"] [data-aos] {
transition-delay: 0; } [data-aos][data-aos][data-aos-delay="2550"].aos-animate,
body[data-aos-delay="2550"] [data-aos].aos-animate {
transition-delay: 2.55s; } [data-aos][data-aos][data-aos-duration="2600"],
body[data-aos-duration="2600"] [data-aos] {
transition-duration: 2.6s; } [data-aos][data-aos][data-aos-delay="2600"],
body[data-aos-delay="2600"] [data-aos] {
transition-delay: 0; } [data-aos][data-aos][data-aos-delay="2600"].aos-animate,
body[data-aos-delay="2600"] [data-aos].aos-animate {
transition-delay: 2.6s; } [data-aos][data-aos][data-aos-duration="2650"],
body[data-aos-duration="2650"] [data-aos] {
transition-duration: 2.65s; } [data-aos][data-aos][data-aos-delay="2650"],
body[data-aos-delay="2650"] [data-aos] {
transition-delay: 0; } [data-aos][data-aos][data-aos-delay="2650"].aos-animate,
body[data-aos-delay="2650"] [data-aos].aos-animate {
transition-delay: 2.65s; } [data-aos][data-aos][data-aos-duration="2700"],
body[data-aos-duration="2700"] [data-aos] {
transition-duration: 2.7s; } [data-aos][data-aos][data-aos-delay="2700"],
body[data-aos-delay="2700"] [data-aos] {
transition-delay: 0; } [data-aos][data-aos][data-aos-delay="2700"].aos-animate,
body[data-aos-delay="2700"] [data-aos].aos-animate {
transition-delay: 2.7s; } [data-aos][data-aos][data-aos-duration="2750"],
body[data-aos-duration="2750"] [data-aos] {
transition-duration: 2.75s; } [data-aos][data-aos][data-aos-delay="2750"],
body[data-aos-delay="2750"] [data-aos] {
transition-delay: 0; } [data-aos][data-aos][data-aos-delay="2750"].aos-animate,
body[data-aos-delay="2750"] [data-aos].aos-animate {
transition-delay: 2.75s; } [data-aos][data-aos][data-aos-duration="2800"],
body[data-aos-duration="2800"] [data-aos] {
transition-duration: 2.8s; } [data-aos][data-aos][data-aos-delay="2800"],
body[data-aos-delay="2800"] [data-aos] {
transition-delay: 0; } [data-aos][data-aos][data-aos-delay="2800"].aos-animate,
body[data-aos-delay="2800"] [data-aos].aos-animate {
transition-delay: 2.8s; } [data-aos][data-aos][data-aos-duration="2850"],
body[data-aos-duration="2850"] [data-aos] {
transition-duration: 2.85s; } [data-aos][data-aos][data-aos-delay="2850"],
body[data-aos-delay="2850"] [data-aos] {
transition-delay: 0; } [data-aos][data-aos][data-aos-delay="2850"].aos-animate,
body[data-aos-delay="2850"] [data-aos].aos-animate {
transition-delay: 2.85s; } [data-aos][data-aos][data-aos-duration="2900"],
body[data-aos-duration="2900"] [data-aos] {
transition-duration: 2.9s; } [data-aos][data-aos][data-aos-delay="2900"],
body[data-aos-delay="2900"] [data-aos] {
transition-delay: 0; } [data-aos][data-aos][data-aos-delay="2900"].aos-animate,
body[data-aos-delay="2900"] [data-aos].aos-animate {
transition-delay: 2.9s; } [data-aos][data-aos][data-aos-duration="2950"],
body[data-aos-duration="2950"] [data-aos] {
transition-duration: 2.95s; } [data-aos][data-aos][data-aos-delay="2950"],
body[data-aos-delay="2950"] [data-aos] {
transition-delay: 0; } [data-aos][data-aos][data-aos-delay="2950"].aos-animate,
body[data-aos-delay="2950"] [data-aos].aos-animate {
transition-delay: 2.95s; } [data-aos][data-aos][data-aos-duration="3000"],
body[data-aos-duration="3000"] [data-aos] {
transition-duration: 3s; } [data-aos][data-aos][data-aos-delay="3000"],
body[data-aos-delay="3000"] [data-aos] {
transition-delay: 0; } [data-aos][data-aos][data-aos-delay="3000"].aos-animate,
body[data-aos-delay="3000"] [data-aos].aos-animate {
transition-delay: 3s; } [data-aos][data-aos][data-aos-easing="linear"],
body[data-aos-easing="linear"] [data-aos] {
transition-timing-function: cubic-bezier(0.25, 0.25, 0.75, 0.75); } [data-aos][data-aos][data-aos-easing="ease"],
body[data-aos-easing="ease"] [data-aos] {
transition-timing-function: ease; } [data-aos][data-aos][data-aos-easing="ease-in"],
body[data-aos-easing="ease-in"] [data-aos] {
transition-timing-function: ease-in; } [data-aos][data-aos][data-aos-easing="ease-out"],
body[data-aos-easing="ease-out"] [data-aos] {
transition-timing-function: ease-out; } [data-aos][data-aos][data-aos-easing="ease-in-out"],
body[data-aos-easing="ease-in-out"] [data-aos] {
transition-timing-function: ease-in-out; } [data-aos][data-aos][data-aos-easing="ease-in-back"],
body[data-aos-easing="ease-in-back"] [data-aos] {
transition-timing-function: cubic-bezier(0.6, -0.28, 0.735, 0.045); } [data-aos][data-aos][data-aos-easing="ease-out-back"],
body[data-aos-easing="ease-out-back"] [data-aos] {
transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.275); } [data-aos][data-aos][data-aos-easing="ease-in-out-back"],
body[data-aos-easing="ease-in-out-back"] [data-aos] {
transition-timing-function: cubic-bezier(0.68, -0.55, 0.265, 1.55); } [data-aos][data-aos][data-aos-easing="ease-in-sine"],
body[data-aos-easing="ease-in-sine"] [data-aos] {
transition-timing-function: cubic-bezier(0.47, 0, 0.745, 0.715); } [data-aos][data-aos][data-aos-easing="ease-out-sine"],
body[data-aos-easing="ease-out-sine"] [data-aos] {
transition-timing-function: cubic-bezier(0.39, 0.575, 0.565, 1); } [data-aos][data-aos][data-aos-easing="ease-in-out-sine"],
body[data-aos-easing="ease-in-out-sine"] [data-aos] {
transition-timing-function: cubic-bezier(0.445, 0.05, 0.55, 0.95); } [data-aos][data-aos][data-aos-easing="ease-in-quad"],
body[data-aos-easing="ease-in-quad"] [data-aos] {
transition-timing-function: cubic-bezier(0.55, 0.085, 0.68, 0.53); } [data-aos][data-aos][data-aos-easing="ease-out-quad"],
body[data-aos-easing="ease-out-quad"] [data-aos] {
transition-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94); } [data-aos][data-aos][data-aos-easing="ease-in-out-quad"],
body[data-aos-easing="ease-in-out-quad"] [data-aos] {
transition-timing-function: cubic-bezier(0.455, 0.03, 0.515, 0.955); } [data-aos][data-aos][data-aos-easing="ease-in-cubic"],
body[data-aos-easing="ease-in-cubic"] [data-aos] {
transition-timing-function: cubic-bezier(0.55, 0.085, 0.68, 0.53); } [data-aos][data-aos][data-aos-easing="ease-out-cubic"],
body[data-aos-easing="ease-out-cubic"] [data-aos] {
transition-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94); } [data-aos][data-aos][data-aos-easing="ease-in-out-cubic"],
body[data-aos-easing="ease-in-out-cubic"] [data-aos] {
transition-timing-function: cubic-bezier(0.455, 0.03, 0.515, 0.955); } [data-aos][data-aos][data-aos-easing="ease-in-quart"],
body[data-aos-easing="ease-in-quart"] [data-aos] {
transition-timing-function: cubic-bezier(0.55, 0.085, 0.68, 0.53); } [data-aos][data-aos][data-aos-easing="ease-out-quart"],
body[data-aos-easing="ease-out-quart"] [data-aos] {
transition-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94); } [data-aos][data-aos][data-aos-easing="ease-in-out-quart"],
body[data-aos-easing="ease-in-out-quart"] [data-aos] {
transition-timing-function: cubic-bezier(0.455, 0.03, 0.515, 0.955); } [data-aos^="fade"][data-aos^="fade"] {
opacity: 0;
transition-property: opacity, transform; } [data-aos^="fade"][data-aos^="fade"].aos-animate {
opacity: 1;
transform: translateZ(0); } [data-aos="fade-up"] {
transform: translate3d(0, 100px, 0); } [data-aos="fade-down"] {
transform: translate3d(0, -100px, 0); } [data-aos="fade-right"] {
transform: translate3d(-100px, 0, 0); } [data-aos="fade-left"] {
transform: translate3d(100px, 0, 0); } [data-aos="fade-up-right"] {
transform: translate3d(-100px, 100px, 0); } [data-aos="fade-up-left"] {
transform: translate3d(100px, 100px, 0); } [data-aos="fade-down-right"] {
transform: translate3d(-100px, -100px, 0); } [data-aos="fade-down-left"] {
transform: translate3d(100px, -100px, 0); } [data-aos^="zoom"][data-aos^="zoom"] {
opacity: 0;
transition-property: opacity, transform; } [data-aos^="zoom"][data-aos^="zoom"].aos-animate {
opacity: 1;
transform: translateZ(0) scale(1); } [data-aos="zoom-in"] {
transform: scale(0.6); } [data-aos="zoom-in-up"] {
transform: translate3d(0, 100px, 0) scale(0.6); } [data-aos="zoom-in-down"] {
transform: translate3d(0, -100px, 0) scale(0.6); } [data-aos="zoom-in-right"] {
transform: translate3d(-100px, 0, 0) scale(0.6); } [data-aos="zoom-in-left"] {
transform: translate3d(100px, 0, 0) scale(0.6); } [data-aos="zoom-out"] {
transform: scale(1.2); } [data-aos="zoom-out-up"] {
transform: translate3d(0, 100px, 0) scale(1.2); } [data-aos="zoom-out-down"] {
transform: translate3d(0, -100px, 0) scale(1.2); } [data-aos="zoom-out-right"] {
transform: translate3d(-100px, 0, 0) scale(1.2); } [data-aos="zoom-out-left"] {
transform: translate3d(100px, 0, 0) scale(1.2); } [data-aos^="slide"][data-aos^="slide"] {
transition-property: transform; } [data-aos^="slide"][data-aos^="slide"].aos-animate {
transform: translateZ(0); } [data-aos="slide-up"] {
transform: translate3d(0, 100%, 0); } [data-aos="slide-down"] {
transform: translate3d(0, -100%, 0); } [data-aos="slide-right"] {
transform: translate3d(-100%, 0, 0); } [data-aos="slide-left"] {
transform: translate3d(100%, 0, 0); } [data-aos^="flip"][data-aos^="flip"] {
backface-visibility: hidden;
transition-property: transform; } [data-aos="flip-left"] {
transform: perspective(2500px) rotateY(-100deg); } [data-aos="flip-left"].aos-animate {
transform: perspective(2500px) rotateY(0); } [data-aos="flip-right"] {
transform: perspective(2500px) rotateY(100deg); } [data-aos="flip-right"].aos-animate {
transform: perspective(2500px) rotateY(0); } [data-aos="flip-up"] {
transform: perspective(2500px) rotateX(-100deg); } [data-aos="flip-up"].aos-animate {
transform: perspective(2500px) rotateX(0); } [data-aos="flip-down"] {
transform: perspective(2500px) rotateX(100deg); } [data-aos="flip-down"].aos-animate {
transform: perspective(2500px) rotateX(0); }   @keyframes slidefadeup {
0% {
transform: translateY(50px);
opacity: 0; }
100% {
transform: translateY(0);
opacity: 1; } } @font-face {
font-family: "Nunito-Bold";
src: url(//www.iasiathailand.com/wp-content/themes/iasia/dist/fonts/nunito/Nunito-Bold.eot);
src: url(//www.iasiathailand.com/wp-content/themes/iasia/dist/fonts/nunito/Nunito-Bold.eot?#iefix) format("embedded-opentype"), url(//www.iasiathailand.com/wp-content/themes/iasia/dist/fonts/nunito/Nunito-Bold.woff2) format("woff2"), url(//www.iasiathailand.com/wp-content/themes/iasia/dist/fonts/nunito/Nunito-Bold.woff) format("woff"), url(//www.iasiathailand.com/wp-content/themes/iasia/dist/fonts/nunito/Nunito-Bold.ttf) format("truetype"), url(//www.iasiathailand.com/wp-content/themes/iasia/dist/fonts/nunito/Nunito-Bold.svg#Nunito-Bold) format("svg");
font-weight: bold;
font-style: normal;
font-display: swap; }
@font-face {
font-family: "Nunito-Regular";
src: url(//www.iasiathailand.com/wp-content/themes/iasia/dist/fonts/nunito/Nunito-Regular.eot);
src: url(//www.iasiathailand.com/wp-content/themes/iasia/dist/fonts/nunito/Nunito-Regular.eot?#iefix) format("embedded-opentype"), url(//www.iasiathailand.com/wp-content/themes/iasia/dist/fonts/nunito/Nunito-Regular.woff2) format("woff2"), url(//www.iasiathailand.com/wp-content/themes/iasia/dist/fonts/nunito/Nunito-Regular.woff) format("woff"), url(//www.iasiathailand.com/wp-content/themes/iasia/dist/fonts/nunito/Nunito-Regular.ttf) format("truetype"), url(//www.iasiathailand.com/wp-content/themes/iasia/dist/fonts/nunito/Nunito-Regular.svg#Nunito-Regular) format("svg");
font-weight: 100;
font-style: normal;
font-display: swap; }  body,
html {
scroll-behavior: smooth; } body {
background-color: #fff !important;
font-family: "Nunito-Regular" !important;
color: #000 !important;
margin: 0;
font-size: calc(14px);
line-height: calc(24px);
font-weight: 100; }
@media (min-width: 992px) { body {
font-size: 18px !important;
line-height: 28px !important; } } body.acf_content {
background-color: transparent !important; } * {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box; } .container {
margin-right: auto !important;
margin-left: auto !important;
padding-right: calc(25px) !important;
padding-left: calc(25px) !important; }
@media (min-width: 768px) { .container {
width: 748px !important; } }
@media (min-width: 992px) { .container {
width: 972px !important; } }
@media (min-width: 1280px) { .container {
width: 1260px !important; } }
@media (min-width: 1360px) { .container {
width: 1340px !important; } }
@media (min-width: 1440px) { .container {
width: 1420px !important; } }
@media (min-width: 1920px) { .container {
width: 1420px !important; } }
@media only screen and (device-width: 768px) and (device-height: 1024px) and (orientation: portrait) { .container {
padding-right: calc(25px) !important;
padding-left: calc(25px) !important; } } img {
min-width: 100%;
height: auto;
vertical-align: middle; } img.lg-image {
min-width: inherit;
max-width: inherit; } img,
.nav > li > a > img {
max-width: 100%;
height: auto; }
@media (min-width: 992px) { .s-flex {
display: flex;
column-gap: 25px; } } .s-flex.jc-sb {
justify-content: space-between; } .s-flex.ai-c {
align-items: center; } .s-grid {
display: grid;
grid-gap: 25px;
grid-template-columns: minmax(0, 1fr); } .s-grid.-m2 {
grid-template-columns: repeat(2, minmax(0, 1fr)); } .s-grid.-m3 {
grid-template-columns: repeat(3, minmax(0, 1fr)); } .s-grid.align-items-center {
align-items: center; } .s-grid::before, .s-grid::after {
display: none; }
@media (min-width: 992px) { .s-grid {
grid-gap: 25px; } .s-grid.-d2 {
grid-template-columns: repeat(2, minmax(0, 1fr)); } .s-grid.-d3 {
grid-template-columns: repeat(3, minmax(0, 1fr)); } .s-grid.-d4 {
grid-template-columns: repeat(4, minmax(0, 1fr)); } .s-grid.-d5 {
grid-template-columns: repeat(5, minmax(0, 1fr)); } .s-grid.-d6 {
grid-template-columns: repeat(6, minmax(0, 1fr)); } }
@media only screen and (device-width: 1024px) and (device-height: 768px) and (orientation: landscape) { .-d4 {
grid-template-columns: repeat(2, minmax(0, 1fr)); } }
@media only screen and (device-width: 768px) and (device-height: 1024px) and (orientation: portrait) { .-d4 {
grid-template-columns: repeat(2, minmax(0, 1fr)); } } .slider__controls .slider__pagination {
display: flex;
column-gap: 10px;
justify-content: center;
flex-wrap: wrap; } .slider__controls .slider__pagination .swiper-pagination-bullet {
width: 25px;
height: 25px;
background-color: #d9d9d9;
display: inline-block;
cursor: pointer;
-webkit-border-raidus: 25px;
-moz-border-radius: 25px;
-ms-border-radius: 25px;
border-radius: 25px;
-khtml-border-radius: 25px; } .slider__controls .slider__pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
background-color: #1ccba4;
cursor: inherit; } .list-social {
display: flex;
column-gap: 25px;
align-items: center; } .list-social a {
background-color: #fff;
width: 52px;
height: 52px;
display: inline-block;
text-align: center;
padding: 14px 10px;
margin: 5px 0;
-webkit-border-raidus: 52px;
-moz-border-radius: 52px;
-ms-border-radius: 52px;
border-radius: 52px;
-khtml-border-radius: 52px;
transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
-webkit-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out; } .list-social a:hover {
background-color: #1ccba4;
transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
-webkit-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out; } .list-social a img {
width: 26px;
height: auto;
max-width: inherit;
min-width: inherit; } .section-contact {
padding: 40px 0;
background-position: center;
background-repeat: no-repeat;
background-size: cover;
color: #fff;
position: relative; }
@media (max-width: 991px) { .section-contact {
text-align: center; } }
@media (min-width: 992px) { .section-contact {
padding: 50px 0; } } .section-contact::before {
content: "";
display: block;
top: 0;
left: 0;
right: 0;
bottom: 0;
background-color: rgba(22, 34, 50, 0.75);
position: absolute; } .section-contact > .container {
position: relative;
z-index: 1; }
@media (min-width: 992px) { .section-contact .title-contact {
margin: 20px 0; } } .section-contact .title-contact h2 {
margin: 0;
font-family: "Nunito-Bold";
font-size: calc(24px);
line-height: calc(34px); }
@media (min-width: 992px) { .section-contact .title-contact h2 {
font-size: 60px;
line-height: 70px; } }
@media (min-width: 992px) { .section-contact .detail-contact {
margin: 20px 0; } } .section-contact .detail-contact p {
margin: 0; } .section-contact .detail-contact .btn-bg {
margin-top: 20px; }
@media (min-width: 992px) { .section-contact .detail-contact .btn-bg {
margin-top: 40px; } } .main-header {
margin-bottom: 30px; } .main-header h2 {
margin: 0;
font-family: "Nunito-Regular";
text-align: center;
font-size: calc(24px);
line-height: calc(34px); }
@media (min-width: 992px) { .main-header h2 {
font-size: 36px;
line-height: 46px; } } .page-header {
position: relative; } .page-header::before {
content: "";
display: block;
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
background-color: rgba(0, 0, 0, 0.35); } .page-header img {
height: 126px;
width: auto;
object-fit: cover; }
@media (min-width: 992px) { .page-header img {
height: 320px; } } .page-header h1 {
position: absolute;
top: 50%;
left: 0;
transform: translate(0, -50%);
right: 0;
font-family: "Nunito-Bold";
margin: 0;
color: #fff;
font-size: calc(24px);
line-height: calc(34px);
text-align: center; }
@media (min-width: 992px) { .page-header h1 {
font-size: 60px;
line-height: 70px; } } .btn {
font-size: calc(16px);
line-height: calc(26px);
font-family: "Nunito-Bold";
text-align: center;
min-width: 190px;
height: 55px;
padding: 13px 15px;
display: inline-block;
text-decoration: none; }
@media (min-width: 992px) { .btn {
padding: 13px 20px;
line-height: 28px;
font-size: 18px; } } .btn-bg {
background-color: #1ccba4;
color: #fff;
-webkit-border-raidus: 55px;
-moz-border-radius: 55px;
-ms-border-radius: 55px;
border-radius: 55px;
-khtml-border-radius: 55px;
transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
-webkit-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out; } .btn-bg:hover {
background-color: #12a283;
transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
-webkit-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out; } .btn-bg.bg-white {
background-color: #fff;
color: #07938b; } .btn-bg.bg-white:hover {
background-color: #07938b;
color: #fff; } .input-group .input-controls {
height: 60px;
border: solid 1px #14274a;
width: 100%;
display: block;
padding: 5px 15px;
font-size: calc(14px);
line-height: calc(24px);
font-family: "Nunito-Regular" !important; }
@media (min-width: 992px) { .input-group .input-controls {
font-size: 18px !important;
line-height: 28px !important; } } .input-group .input-controls:focus {
outline: none;
border-radius: 0; } .input-group textarea.input-controls {
height: 83px; } .input-group .btn-bg {
border: 0;
cursor: pointer; } .input-recaptcha {
margin: 30px 0 40px 0; }   .alignnone {
margin-left: 0;
margin-right: 0;
max-width: 100%;
height: auto; } .aligncenter {
display: block;
margin: 12.5px auto;
height: auto; } .has-text-align-center {
text-align: center; } .size-full {
margin: 0; } .size-full img {
width: 100%;
height: auto; } .alignleft,
.alignright {
margin-bottom: 12.5px;
height: auto; }
@media (min-width: 30rem) { .alignleft {
float: left;
margin-right: 12.5px; } .alignright {
float: right;
margin-left: 12.5px; } }   .screen-reader-text {
position: absolute;
width: 1px;
height: 1px;
padding: 0;
margin: -1px;
overflow: hidden;
clip: rect(0, 0, 0, 0);
border: 0;
color: #000;
background: #fff; }  .content-card .img-card {
object-fit: cover; } .content-card .entry-content h2 {
margin: 15px 0 5px 0;
font-family: "Nunito-Regular";
font-size: calc(24px);
line-height: calc(34px); }
@media (min-width: 992px) { .content-card .entry-content h2 {
font-size: 36px;
line-height: 46px;
margin: 15px 0 20px 0; } } .content-card .entry-content p {
margin: 0; } .content-card .entry-content .link-card {
color: #162232;
text-decoration: none;
vertical-align: middle;
margin-top: 15px;
display: inline-block;
transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
-webkit-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out; }
@media (max-width: 991px) { .content-card .entry-content .link-card {
font-family: "Nunito-Bold";
font-size: calc(18px);
line-height: calc(28px); } }
@media (min-width: 992px) { .content-card .entry-content .link-card {
margin-top: 30px; } } .content-card .entry-content .link-card:hover {
color: #1ccba4;
transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
-webkit-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out; } .content-card .entry-content .link-card:hover svg path {
fill: #1ccba4; } .content-card .entry-content .link-card svg {
vertical-align: middle;
margin-left: 5px; }  .content-list {
padding: 15px 0; }
@media (min-width: 992px) { .content-list {
padding: 20px 0; } } .content-list h2 {
margin: 0;
font-family: "Nunito-Regular";
font-size: calc(14px);
line-height: calc(14px); }
@media (min-width: 992px) { .content-list h2 {
font-family: "Nunito-Bold";
font-size: 24px;
line-height: 34px; } } .content-list p {
margin-top: 10px;
margin-bottom: 0; } .content-list a {
color: #1ccba4;
text-decoration: none;
display: inline-block;
margin-top: 5px;
transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
-webkit-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out; }
@media (min-width: 992px) { .content-list a {
margin-top: 30px; } } .content-list a:hover {
color: #000;
transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
-webkit-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out; } .content-list a:hover svg path {
fill: #000; } .content-list a svg path {
fill: #1ccba4; } .card-icon {
text-align: center;
margin: 20px 0; } .card-icon .icon {
background-color: #cef3eb;
width: 189px;
height: 189px;
margin: 0 auto 15px auto;
text-align: center;
padding: 25px;
-webkit-border-raidus: 189px;
-moz-border-radius: 189px;
-ms-border-radius: 189px;
border-radius: 189px;
-khtml-border-radius: 189px; } .card-icon .icon img {
width: 134px;
height: auto;
min-width: inherit;
max-width: inherit; } .card-icon h2 {
margin: 0 0 5px 0;
font-family: "Nunito-Bold";
font-size: 20px;
line-height: 30px;
color: #1ccba4; } .card-icon p {
margin: 0; }  .top-header {
padding: 10px 0;
position: relative;
background-color: #fff;
z-index: 4;
transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
-webkit-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out; } .top-header.sticky-active {
position: fixed;
top: 0;
left: 0;
right: 0;
z-index: 3;
padding: 5px 0;
box-shadow: 0 4px 4px rgba(0, 0, 0, 0.25);
transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
-webkit-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out; } .top-header.sticky-active .column-header .hc-nav-original ul > li.menu-item-has-children .sub-menu {
top: 53px; }
@media (min-width: 992px) { .top-header .menu-mobile {
display: none; } } .top-header .column-header {
display: grid;
column-gap: 25px;
align-items: center; }
@media (max-width: 991px) { .top-header .column-header {
grid-template-columns: 1fr 2fr 1fr; } }
@media (min-width: 992px) { .top-header .column-header {
display: flex;
justify-content: space-between; } } .top-header .column-header .ele-lang {
display: none; }
@media (min-width: 992px) { .top-header .column-header .ele-lang {
display: block;
text-align: right; } }
@media only screen and (device-width: 1024px) and (device-height: 768px) and (orientation: landscape) { .top-header .column-header .ele-lang {
display: block;
text-align: right; } }
@media only screen and (device-width: 768px) and (device-height: 1024px) and (orientation: portrait) { .top-header .column-header .ele-lang {
display: block;
text-align: right; } } .top-header .column-header .ele-lang .wpml-ls-legacy-list-horizontal {
width: auto;
font-size: 14px;
line-height: 24px;
text-align: left; } .top-header .column-header .ele-lang .wpml-ls-legacy-list-horizontal ul > li a {
border: 0;
color: #7c6a46; } .top-header .column-header .ele-lang .wpml-ls-legacy-list-horizontal ul > li a.js-wpml-ls-item-toggle:hover, .top-header .column-header .ele-lang .wpml-ls-legacy-list-horizontal ul > li a.js-wpml-ls-item-toggle:focus {
background: transparent; } .top-header .column-header .ele-lang .wpml-ls-legacy-list-horizontal ul > li a img {
width: 23px;
height: 23px;
object-fit: cover;
max-width: inherit;
min-width: inherit;
-webkit-border-raidus: 50%;
-moz-border-radius: 50%;
-ms-border-radius: 50%;
border-radius: 50%;
-khtml-border-radius: 50%; } .top-header .column-header .ele-lang .wpml-ls-legacy-list-horizontal ul > li a .wpml-ls-native {
margin-top: 4px;
display: inline-block; } .top-header .column-header .hc-nav-trigger {
position: relative;
top: 0; } .top-header .column-header .brand {
display: inline-block;
margin: 5px 0; } .top-header .column-header .brand .logo-brand {
height: 43px;
width: auto;
max-width: inherit;
min-width: inherit; }
@media (min-width: 992px) { .top-header .column-header .brand .logo-brand {
height: 58px; } }
@media (max-width: 991px) { .top-header .column-header #main-nav-pc {
display: none; } } .top-header .column-header .hc-nav-original,
.top-header .column-header #main-nav-pc {
margin: 5px 0; } .top-header .column-header .hc-nav-original ul,
.top-header .column-header #main-nav-pc ul {
margin: 0;
padding: 0;
list-style: none;
display: flex;
column-gap: calc(50px);
align-items: center; }
@media only screen and (device-width: 1024px) and (device-height: 768px) and (orientation: landscape) { .top-header .column-header .hc-nav-original ul,
.top-header .column-header #main-nav-pc ul {
column-gap: calc(25px);
width: max-content; } }
@media only screen and (device-width: 768px) and (device-height: 1024px) and (orientation: portrait) { .top-header .column-header .hc-nav-original ul,
.top-header .column-header #main-nav-pc ul {
column-gap: calc(25px);
width: max-content; } } .top-header .column-header .hc-nav-original ul > li a,
.top-header .column-header #main-nav-pc ul > li a {
text-decoration: none;
text-transform: uppercase;
font-size: 14px;
line-height: 24px;
font-family: "Nunito-Regular";
color: #000;
padding: 30px 0;
transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
-webkit-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out; } .top-header .column-header .hc-nav-original ul > li a:hover,
.top-header .column-header #main-nav-pc ul > li a:hover {
color: #1ccba4;
transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
-webkit-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out; } .top-header .column-header .hc-nav-original ul > li.menu-item-has-children,
.top-header .column-header #main-nav-pc ul > li.menu-item-has-children {
position: relative; } .top-header .column-header .hc-nav-original ul > li.menu-item-has-children:hover > .sub-menu,
.top-header .column-header #main-nav-pc ul > li.menu-item-has-children:hover > .sub-menu {
display: block;
top: 50px; }
@media (min-width: 992px) { .top-header .column-header .hc-nav-original ul > li.menu-item-has-children:hover.menu-column3 > .sub-menu,
.top-header .column-header #main-nav-pc ul > li.menu-item-has-children:hover.menu-column3 > .sub-menu {
display: grid;
column-gap: 0;
grid-template-columns: repeat(3, minmax(0, 1fr));
left: -40px;
transform: none;
width: auto;
min-width: max-content;
align-items: start; } } .top-header .column-header .hc-nav-original ul > li.menu-item-has-children > .sub-menu,
.top-header .column-header #main-nav-pc ul > li.menu-item-has-children > .sub-menu {
position: absolute;
background-color: #162232;
left: 50%;
transform: translate(-50%, 0);
display: none;
top: 20px;
padding: 10px 0; }
@media (min-width: 992px) { .top-header .column-header .hc-nav-original ul > li.menu-item-has-children > .sub-menu,
.top-header .column-header #main-nav-pc ul > li.menu-item-has-children > .sub-menu {
min-width: 145px; } } .top-header .column-header .hc-nav-original ul > li.menu-item-has-children > .sub-menu > li,
.top-header .column-header #main-nav-pc ul > li.menu-item-has-children > .sub-menu > li {
display: block; } .top-header .column-header .hc-nav-original ul > li.menu-item-has-children > .sub-menu > li a,
.top-header .column-header #main-nav-pc ul > li.menu-item-has-children > .sub-menu > li a {
color: #fff;
display: block;
padding: 5px 15px;
text-transform: inherit; } .top-header .column-header .hc-nav-original ul > li.menu-item-has-children > .sub-menu > li a:hover,
.top-header .column-header #main-nav-pc ul > li.menu-item-has-children > .sub-menu > li a:hover {
color: #1ccba4; } .top-header .column-header .hc-nav-original ul > li.menu-item-has-children > .sub-menu > li.menu-item-has-children > a,
.top-header .column-header #main-nav-pc ul > li.menu-item-has-children > .sub-menu > li.menu-item-has-children > a {
width: 185px; } .top-header .column-header .hc-nav-original ul > li.menu-item-has-children > .sub-menu > li.menu-item-has-children > .sub-menu,
.top-header .column-header #main-nav-pc ul > li.menu-item-has-children > .sub-menu > li.menu-item-has-children > .sub-menu {
display: block;
position: static;
transform: none;
padding: 0; } .top-header .column-header .hc-nav-original ul > li.menu-item-has-children > .sub-menu > li.header-menu > a,
.top-header .column-header #main-nav-pc ul > li.menu-item-has-children > .sub-menu > li.header-menu > a {
color: #1ccba4;
width: 242px; } .hc-offcanvas-nav .nav-close-button span::before {
margin-left: -21px; } .hc-offcanvas-nav .nav-close-button span::after, .hc-offcanvas-nav .nav-close-button span::before {
border-top: 3px solid #4a4a4a;
border-left: 3px solid #4a4a4a;
width: 15px;
height: 15px; } .hc-offcanvas-nav .nav-content {
padding: 0 45px; } .hc-offcanvas-nav:not(.touch-device) li:not(.nav-item-custom) a:not([disabled]):hover {
background: transparent !important; } .hc-offcanvas-nav ul {
background: transparent; } .hc-offcanvas-nav .nav-wrapper {
background: transparent; } .hc-offcanvas-nav .nav-container {
background: transparent; } .hc-offcanvas-nav .nav-container .ele-lang {
position: absolute;
bottom: 0;
left: 45px;
right: 45px;
border-top: solid 1px #162232;
padding: 10px 0; } .hc-offcanvas-nav .nav-container .ele-lang .wpml-ls-statics-shortcode_actions {
padding: 0;
border: 0; } .hc-offcanvas-nav .nav-container .ele-lang .wpml-ls-statics-shortcode_actions ul > li a {
padding: 5px 0; } .hc-offcanvas-nav .nav-container .ele-lang ul {
background: transparent; } .hc-offcanvas-nav .nav-container .ele-lang ul > li a {
border: 0;
color: #7c6a46; } .hc-offcanvas-nav .nav-container .ele-lang ul > li a.js-wpml-ls-item-toggle:hover, .hc-offcanvas-nav .nav-container .ele-lang ul > li a.js-wpml-ls-item-toggle:focus {
background: transparent; } .hc-offcanvas-nav .nav-container .ele-lang ul > li a img {
width: 23px;
height: 23px;
object-fit: cover;
max-width: inherit;
min-width: inherit;
-webkit-border-raidus: 50%;
-moz-border-radius: 50%;
-ms-border-radius: 50%;
border-radius: 50%;
-khtml-border-radius: 50%; } .hc-offcanvas-nav .nav-container .ele-lang ul > li a .wpml-ls-native {
margin-top: 4px;
display: inline-block; } .hc-offcanvas-nav .nav-container li .nav-item-link {
padding-right: 0;
padding-left: 0; } .hc-offcanvas-nav .nav-container li.nav-parent .nav-item-link:not(:last-child) {
margin-right: 0; } .hc-offcanvas-nav .nav-container li.nav-parent .nav-item-link:last-child {
padding-right: 0;
padding-left: 0; } .hc-offcanvas-nav .nav-container li .nav-item-wrapper a {
padding-top: 16px;
padding-bottom: 16px; } .hc-offcanvas-nav .nav-container .nav-wrapper {
background-color: #fff; }
@media (max-width: 991px) { .hc-offcanvas-nav .nav-container .nav-wrapper .header-menu {
margin-top: 20px; } } .hc-offcanvas-nav .nav-container .nav-wrapper .header-menu .nav-item-wrapper > a.nav-item-link {
color: #1ccba4 !important;
font-family: "Nunito-Bold"; } .hc-offcanvas-nav .nav-container .nav-wrapper.sub-level-open .nav-content .nav .nav-wrapper .nav-content .nav-back .nav-item-wrapper a {
font-size: 0; } .hc-offcanvas-nav .nav-container .nav-wrapper.sub-level-open .nav-content .nav .nav-wrapper .nav-content .nav-back .nav-item-wrapper a span::after, .hc-offcanvas-nav .nav-container .nav-wrapper.sub-level-open .nav-content .nav .nav-wrapper .nav-content .nav-back .nav-item-wrapper a span::before {
border-top: 3px solid #fff;
border-left: 3px solid #fff;
width: 15px !important;
height: 15px !important; } .hc-offcanvas-nav .nav-container .nav-wrapper.sub-level-open .nav-content .nav .nav-wrapper .nav-content .nav-back .nav-item-wrapper a span::before {
margin-left: -18px;
transform: translate(-50%, -50%) rotate(135deg); } .hc-offcanvas-nav .nav-container .nav-wrapper.sub-level-open .nav-content .nav .nav-wrapper .nav-content .nav-back .nav-item-wrapper a span::after {
content: "";
position: absolute;
top: 50%;
left: 50%;
box-sizing: border-box;
transform-origin: center;
transform: translate(-50%, -50%) rotate(-45deg); } .hc-offcanvas-nav .nav-container .nav-wrapper.sub-level-open .nav-content .nav .nav-parent.level-open > .nav-wrapper .nav-content .sub-menu .nav-parent.header-menu > .nav-item-wrapper a::after {
content: "";
display: inline-block;
position: static;
width: 28px;
height: 15px;
margin-left: 0;
box-sizing: border-box;
border-top: 0;
border-left: 0;
transform-origin: inherit;
background-image: url(//www.iasiathailand.com/wp-content/themes/iasia/dist/images/arrow-right.svg);
background-position: center;
background-size: 28px auto;
background-repeat: no-repeat;
transform: none;
vertical-align: middle; } .hc-offcanvas-nav .nav-container .nav-wrapper.sub-level-open .nav-content .nav .nav-parent.level-open > .nav-wrapper .nav-content .sub-menu .nav-parent.header-menu .nav-next {
display: none; } .hc-offcanvas-nav .nav-container .nav-wrapper.sub-level-open .nav-wrapper {
background-color: #162232; } .hc-offcanvas-nav .nav-container .nav-wrapper.sub-level-open .nav-wrapper .nav-back {
margin-top: 10px;
margin-bottom: 20px;
border-bottom: 0; } .hc-offcanvas-nav .nav-container .nav-wrapper.sub-level-open .nav-wrapper .nav-back .nav-item-wrapper a {
border-top: 0;
border-bottom: 0;
padding-bottom: 0; } .hc-offcanvas-nav .nav-container .nav-wrapper.sub-level-open .nav-wrapper .nav-content .sub-menu {
background-color: #162232;
margin-bottom: 20px; } .hc-offcanvas-nav .nav-container .nav-wrapper.sub-level-open .nav-wrapper .nav-content .sub-menu > li a {
color: #fff;
text-transform: inherit;
border-bottom: solid 1px #394761;
padding-top: 16px;
padding-bottom: 16px; } .hc-offcanvas-nav .nav-container .nav-wrapper.sub-level-open .nav-wrapper .nav-content .sub-menu > li:last-child a {
border-bottom: 0; } .hc-offcanvas-nav .nav-container .nav-wrapper > .nav-content > ul:first-of-type > li:first-child:not(.nav-back):not(.nav-close) > .nav-item-wrapper > .nav-item-link {
border-top: 0; } .hc-offcanvas-nav .nav-container .nav-wrapper > .nav-content > ul > li.noborder .nav-wrapper .nav-content ul > li a {
border-bottom: 0;
padding-top: 10px;
padding-bottom: 10px; } .hc-offcanvas-nav .nav-container .nav-wrapper > .nav-content > ul > li.noborder .nav-wrapper .nav-content ul > li.header-menu {
margin-top: 10px; } .hc-offcanvas-nav .nav-container .nav-wrapper > .nav-content > ul > li.noborder .nav-wrapper .nav-content ul > li.header-menu a {
border-bottom: solid 1px #394761; } .hc-offcanvas-nav .nav-container .nav-wrapper .nav-content > .nav-close a {
border-radius: 0; } .hc-offcanvas-nav .nav-container .nav-wrapper .nav-content > .nav-close:first-child a {
background: none;
border-top: 0;
border-bottom: 0; } .hc-offcanvas-nav .nav-container .nav-wrapper .nav-content .nav {
background-color: #fff; } .hc-offcanvas-nav .nav-container .nav-wrapper .nav-content .nav > li.nav-parent.level-open a::after {
content: none;
display: none; } .hc-offcanvas-nav .nav-container .nav-wrapper .nav-content .nav > li.nav-parent a::after {
content: "";
display: inline-block;
position: static;
width: 28px;
height: 15px;
margin-left: 0;
box-sizing: border-box;
border-top: 0;
border-left: 0;
transform-origin: inherit;
background-image: url(//www.iasiathailand.com/wp-content/themes/iasia/dist/images/arrow-right.svg);
background-position: center;
background-size: 28px auto;
background-repeat: no-repeat;
transform: none;
vertical-align: middle; } .hc-offcanvas-nav .nav-container .nav-wrapper .nav-content .nav > li:last-child a {
border-bottom: 0; } .hc-offcanvas-nav .nav-container .nav-wrapper .nav-content .nav > li a {
border-radius: 0;
border-bottom: 0;
color: #000;
text-transform: uppercase;
vertical-align: middle;
border-bottom: solid 1px #d9d9d9; } .hc-offcanvas-nav .nav-container .nav-wrapper .nav-content .nav > li a.nav-next {
display: none; } .hc-offcanvas-nav .nav-content > .nav-close:first-child a:hover,
.hc-offcanvas-nav .nav-title + .nav-close a.has-label:hover,
.hc-offcanvas-nav li.nav-close a:hover,
.hc-offcanvas-nav .nav-back a:hover {
background: transparent; } .footer-content {
background-color: #333;
color: #fff;
padding: 20px 0; }
@media (max-width: 991px) { .footer-content {
text-align: center; } } .footer-content .footer-contact,
.footer-content .footer-social {
padding: 20px 0; } .footer-content .footer-contact a,
.footer-content .footer-social a {
text-decoration: none;
color: #fff;
font-size: 14px;
line-height: 20px;
transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
-webkit-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out; } .footer-content .footer-contact a:hover,
.footer-content .footer-social a:hover {
color: #1ccba4;
transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
-webkit-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out; }
@media (max-width: 991px) { .footer-content .footer-social {
padding: 0 0 20px 0; } }
@media (max-width: 991px) { .footer-content .footer-social .footer-nav {
display: none; } }
@media (min-width: 992px) { .footer-content .footer-social .footer-nav {
margin: 0;
padding: 0 0 20px 0;
list-style: none;
text-transform: uppercase;
display: flex;
column-gap: 25px;
align-items: center; } } .footer-content .footer-social .list-social {
justify-content: center;
flex-wrap: wrap; }
@media (min-width: 992px) { .footer-content .footer-social .list-social {
justify-content: flex-end; } } .footer-content .footer-contact .logo-brand {
filter: brightness(0) invert(1);
height: 58px;
width: auto;
max-width: inherit;
min-width: inherit;
margin-bottom: 20px; } .footer-content .footer-contact .list-tel,
.footer-content .footer-contact .list-mail {
line-height: 20px; } .footer-content .footer-contact .list-tel a::after,
.footer-content .footer-contact .list-mail a::after {
content: ",";
display: inline-block; } .footer-content .footer-contact .list-tel a:last-child::after,
.footer-content .footer-contact .list-mail a:last-child::after {
content: none;
display: none; }  .section-banner {
position: relative; } .section-banner .banner-home .swiper-wrapper .swiper-slide::before {
content: "";
display: block;
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
background-color: rgba(0, 0, 0, 0.35);
z-index: 2; }
@media (max-width: 991px) { .section-banner .banner-home .swiper-wrapper .swiper-slide img {
height: 100vh; } } .section-banner .banner-home .swiper-wrapper .swiper-slide .detail_banner {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
text-align: center;
color: #fff;
width: 85%;
z-index: 3;
padding: 40px 0; }
@media (min-width: 992px) { .section-banner .banner-home .swiper-wrapper .swiper-slide .detail_banner {
width: 75%; } } .section-banner .banner-home .swiper-wrapper .swiper-slide .detail_banner h2 {
text-shadow: 0 4px 4px rgba(0, 0, 0, 0.25);
font-family: "Nunito-Bold";
font-size: calc(24px);
line-height: calc(34px);
margin: 0; }
@media (min-width: 992px) { .section-banner .banner-home .swiper-wrapper .swiper-slide .detail_banner h2 {
font-size: 60px;
line-height: 70px; } } .section-banner .banner-home .swiper-wrapper .swiper-slide .detail_banner .btn-bg {
margin-top: 20px; } .section-banner .banner-spacial {
position: absolute;
top: 20px;
right: 20px;
z-index: 1; }
@media (min-width: 992px) { .section-banner .banner-spacial {
top: 40px;
right: 60px; } } .section-banner .banner-spacial .img-spacial {
width: 200px;
height: auto; }
@media (min-width: 992px) { .section-banner .banner-spacial .img-spacial {
width: 400px; } } .section-title {
background-color: #162232;
color: #fff; }
@media (max-width: 991px) { .section-title {
padding-bottom: 20px; } }
@media only screen and (device-width: 1024px) and (device-height: 768px) and (orientation: landscape) { .section-title {
padding-bottom: 0; } }
@media only screen and (device-width: 768px) and (device-height: 1024px) and (orientation: portrait) { .section-title {
padding-bottom: 0; } }
@media (min-width: 992px) { .section-title .s-grid {
grid-gap: calc(75px); } }
@media (min-width: 992px) { .section-title .image-mobile {
display: none; } }
@media only screen and (device-width: 1024px) and (device-height: 768px) and (orientation: landscape) { .section-title .image-mobile {
display: none; } }
@media only screen and (device-width: 768px) and (device-height: 1024px) and (orientation: portrait) { .section-title .image-mobile {
display: none; } }
@media (max-width: 991px) { .section-title .image-pc {
display: none; } }
@media only screen and (device-width: 1024px) and (device-height: 768px) and (orientation: landscape) { .section-title .image-pc {
display: block; } }
@media only screen and (device-width: 768px) and (device-height: 1024px) and (orientation: portrait) { .section-title .image-pc {
display: block; } }
@media only screen and (device-width: 1024px) and (device-height: 768px) and (orientation: landscape) { .section-title .image-pc {
height: 100%; } }
@media only screen and (device-width: 768px) and (device-height: 1024px) and (orientation: portrait) { .section-title .image-pc {
height: 100%; } } .section-title .title-detail {
padding: 20px 0; }
@media (max-width: 991px) { .section-title .title-detail {
text-align: center;
padding-right: calc(25px) !important;
padding-left: calc(25px) !important; } }
@media (min-width: 992px) { .section-title .title-detail {
margin-left: 8%; } } .section-title .title-detail h2 {
font-family: "Nunito-Regular";
font-size: calc(24px);
line-height: calc(34px);
margin: 0; }
@media (min-width: 992px) { .section-title .title-detail h2 {
font-size: 36px;
line-height: 46px; } } .section-title .title-detail .slide-detailtitle .slider__controls {
margin-top: 40px; }
@media only screen and (device-width: 1024px) and (device-height: 768px) and (orientation: landscape) { .section-title .title-detail .slide-detailtitle .slider__controls {
margin-top: 0; } }
@media only screen and (device-width: 768px) and (device-height: 1024px) and (orientation: portrait) { .section-title .title-detail .slide-detailtitle .slider__controls {
margin-top: 0; } }
@media (max-width: 991px) { .section-title .title-image {
display: none; } }
@media (min-width: 992px) { .section-title .title-image {
position: relative; } }
@media only screen and (device-width: 1024px) and (device-height: 768px) and (orientation: landscape) { .section-title .title-image {
display: block;
position: relative;
height: 100%; } }
@media only screen and (device-width: 768px) and (device-height: 1024px) and (orientation: portrait) { .section-title .title-image {
display: block;
position: relative;
height: 100%; } }
@media (min-width: 992px) { .section-title .title-image::before {
content: "";
display: inline-block;
background: linear-gradient(to right, #162232 0%, rgba(22, 34, 50, 0) 100%);
position: absolute;
top: 0;
bottom: 0;
width: 70px; } }
@media only screen and (device-width: 1024px) and (device-height: 768px) and (orientation: landscape) { .section-title .title-image::before {
content: "";
display: inline-block;
background: linear-gradient(to right, #162232 0%, rgba(22, 34, 50, 0) 100%);
position: absolute;
top: 0;
bottom: 0;
width: 70px; } }
@media only screen and (device-width: 768px) and (device-height: 1024px) and (orientation: portrait) { .section-title .title-image::before {
content: "";
display: inline-block;
background: linear-gradient(to right, #162232 0%, rgba(22, 34, 50, 0) 100%);
position: absolute;
top: 0;
bottom: 0;
width: 70px; } } .section-supports {
padding: 20px 0 30px 0;
background-repeat: no-repeat;
background-image: url(//www.iasiathailand.com/wp-content/themes/iasia/dist/images/bg-supports-mobile.png);
background-size: 100% 50%;
background-position: bottom center; }
@media (min-width: 992px) { .section-supports {
padding: 70px 0 60px 0;
background-image: url(//www.iasiathailand.com/wp-content/themes/iasia/dist/images/bg-supports.png);
background-position: left center;
background-size: 50% 100%; } }
@media (max-width: 991px) { .section-supports .s-grid {
display: flex;
flex-direction: column; } }
@media (min-width: 992px) { .section-supports .s-grid {
grid-gap: calc(150px); } } .section-supports .image-supports {
padding: 0 0 20px 0;
position: relative; }
@media (max-width: 991px) { .section-supports .image-supports {
order: 2; } }
@media (min-width: 992px) { .section-supports .image-supports {
padding: 20px 0; } } .section-supports .image-supports .image-back {
width: 80%;
height: auto;
max-width: inherit;
min-width: inherit;
margin-bottom: 80px; } .section-supports .image-supports .image-middle {
width: 40%;
height: auto;
max-width: inherit;
min-width: inherit;
position: absolute;
right: 0;
top: 50%;
transform: translate(0, -50%); } .section-supports .image-supports .image-front {
width: 70%;
height: auto;
max-width: inherit;
min-width: inherit;
display: block;
margin: 0 auto;
z-index: 3; } .section-supports .detail-supports {
padding: 20px 0 0 0; }
@media (max-width: 991px) { .section-supports .detail-supports {
order: 1; } } .section-supports .detail-supports > h2 {
margin: 0 0 20px 0;
font-family: "Nunito-Regular";
font-size: calc(24px);
line-height: calc(34px); }
@media (min-width: 992px) { .section-supports .detail-supports > h2 {
font-size: 36px;
line-height: 46px; } } .section-partners {
background-position: center;
background-repeat: no-repeat;
background-size: cover;
color: #fff;
position: relative; } .section-partners::before {
content: "";
display: block;
top: 0;
left: 0;
right: 0;
bottom: 0;
background-color: rgba(22, 34, 50, 0.75);
position: absolute; } .section-partners > .container {
position: relative;
z-index: 1; } .section-partners .image-partners {
margin-top: 40px; }
@media (min-width: 992px) { .section-partners .image-partners {
text-align: right;
margin-top: 70px; } } .section-partners .image-partners img {
width: 80%;
min-width: inherit;
max-width: inherit; }
@media (max-width: 991px) { .section-partners .image-partners img {
margin: 40px auto 0 auto;
display: block; } }
@media only screen and (device-width: 1024px) and (device-height: 768px) and (orientation: landscape) { .section-partners .image-partners img {
width: 100%;
margin-top: 90px; } }
@media only screen and (device-width: 768px) and (device-height: 1024px) and (orientation: portrait) { .section-partners .image-partners img {
width: 40%;
margin: 20px auto 0 auto; } }
@media only screen and (device-width: 1024px) and (device-height: 1366px) and (orientation: portrait) { .section-partners .image-partners img {
width: 100%;
margin-top: 90px; } }
@media (max-width: 991px) { .section-partners .image-partners h2 {
font-family: "Nunito-Regular";
font-size: calc(24px);
line-height: calc(34px);
margin: 0; } }
@media (min-width: 992px) { .section-partners .image-partners h2 {
display: none; } } .section-partners .detail-partners {
margin: 0 0 50px 0; }
@media (min-width: 992px) { .section-partners .detail-partners {
margin: 40px 0; } }
@media (max-width: 991px) { .section-partners .detail-partners h2 {
display: none; } }
@media (min-width: 992px) { .section-partners .detail-partners h2 {
margin: 0;
font-family: "Nunito-Regular";
font-size: 36px;
line-height: 46px; } } .section-partners .detail-partners .btn-bg {
margin-top: 30px; }
@media (max-width: 991px) { .section-partners .detail-partners .btn-bg {
display: block; } }
@media (min-width: 992px) { .section-partners .detail-partners .btn-bg {
margin-top: 30px; } } .section-vision {
padding: 20px 0 40px 0; }
@media (min-width: 992px) { .section-vision {
padding: 70px 0; } } .section-vision .image-vision {
padding: 20px 0; } .section-vision .image-vision .overlapping-images {
padding-top: 91.746%;
position: relative; }
@media screen and (min-width: 768px) { .section-vision .image-vision .overlapping-images {
padding-top: 46.03%; } } .section-vision .image-vision .overlapping-images .image {
width: 78.73%;
overflow: hidden;
position: absolute; }
@media screen and (min-width: 768px) { .section-vision .image-vision .overlapping-images .image {
width: 50%; } } .section-vision .image-vision .overlapping-images .image .image-wrapper {
transform: scale(1.2); } .section-vision .image-vision .overlapping-images .image img {
width: 100%;
display: block; } .section-vision .image-vision .overlapping-images .image.back-image {
right: 0;
bottom: 0;
transform: translate(0, -17.5%); } .section-vision .image-vision .overlapping-images .image.front-image {
left: 0;
top: 0;
transform: translate(0, 20%); }
@media screen and (min-width: 768px) { .section-vision .image-vision .overlapping-images .image.front-image {
width: 57.14%; } } .section-vision .detail-vision {
padding: 20px 0 0 0; }
@media (min-width: 992px) { .section-vision .detail-vision {
padding: 20px 0; } } .section-vision .detail-vision h2 {
margin: 0;
font-family: "Nunito-Bold";
font-size: calc(24px);
line-height: calc(34px); }
@media (min-width: 992px) { .section-vision .detail-vision h2 {
font-size: 60px;
line-height: 70px; } } .section-vision .detail-vision p:last-child {
margin-bottom: 0; } .section-solution {
padding: 40px 0; }
@media (max-width: 991px) { .section-solution .main-header {
text-align: center; } }
@media (min-width: 992px) { .section-solution {
padding: 80px 0; } } .section-solution .content-card {
margin: 10px 0; }
@media (min-width: 992px) { .section-solution .content-card {
margin-top: 50%; } }
@media (min-width: 992px) { .section-solution .content-card:nth-child(2n + 1) {
margin-top: 0; } }
@media (min-width: 992px) { .section-solution .content-card:nth-child(2n + 1) .img-card {
aspect-ratio: 5 / 7; } }
@media (min-width: 992px) { .section-solution .content-card .img-card {
aspect-ratio: 7 / 8; } }
@media only screen and (device-width: 1024px) and (device-height: 768px) and (orientation: landscape) { .section-solution .content-card .img-card {
aspect-ratio: 7 / 8; } }
@media only screen and (device-width: 768px) and (device-height: 1024px) and (orientation: portrait) { .section-solution .content-card .img-card {
aspect-ratio: 7 / 8; } }  .section-pagepartner {
padding: 40px 0;
background-position: center;
background-size: cover;
background-repeat: no-repeat;
position: relative;
color: #fff; }
@media (max-width: 991px) { .section-pagepartner {
text-align: center; } }
@media (min-width: 992px) { .section-pagepartner {
padding: 60px 0; } } .section-pagepartner::before {
content: "";
display: block;
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
background-color: rgba(0, 0, 0, 0.35); } .section-pagepartner > .container {
position: relative;
z-index: 1; } .section-pagepartner > .container > h2 {
margin: 0 0 20px 0;
font-family: "Nunito-Bold";
font-size: calc(24px);
line-height: calc(34px); }
@media (min-width: 992px) { .section-pagepartner > .container > h2 {
font-size: 60px;
line-height: 70px;
margin: 0 0 60px 0; } } .section-pagepartner .card-pertner {
margin: 10px 0; } .section-pagepartner .card-pertner .image {
background-color: #fff;
padding: 10px;
width: 176px;
height: 176px;
margin: 0 auto 10px auto;
-webkit-border-raidus: 50%;
-moz-border-radius: 50%;
-ms-border-radius: 50%;
border-radius: 50%;
-khtml-border-radius: 50%; }
@media (min-width: 992px) { .section-pagepartner .card-pertner .image {
font-size: 60px;
line-height: 70px;
margin-bottom: 30px;
padding: 15px;
width: 250px;
height: 250px; } } .section-pagepartner .card-pertner .image img {
width: 156px;
height: 156px;
max-width: inherit;
min-width: inherit;
box-shadow: 11px 0 4px rgba(0, 0, 0, 0.05);
-webkit-border-raidus: 50%;
-moz-border-radius: 50%;
-ms-border-radius: 50%;
border-radius: 50%;
-khtml-border-radius: 50%; }
@media (min-width: 992px) { .section-pagepartner .card-pertner .image img {
width: 220px;
height: 220px; } } .section-pagepartner .card-pertner h2 {
font-family: "Nunito-Bold";
margin: 0;
font-size: 20px;
line-height: 30px; } .section-pagepartner .card-pertner p {
margin: 0; } .section-relationships {
padding: 40px 0 60px 0; }
@media (min-width: 992px) { .section-relationships {
padding: 70px 0; } } .section-relationships > .container > h2 {
font-family: "Nunito-Bold";
margin: 0;
font-size: calc(24px);
line-height: calc(34px); }
@media (max-width: 991px) { .section-relationships > .container > h2 {
text-align: center; } }
@media (min-width: 992px) { .section-relationships > .container > h2 {
font-size: 60px;
line-height: 70px; } } .section-relationships .list-relationships {
margin-top: 10px;
display: flex;
column-gap: calc(25px);
align-items: center;
justify-content: center;
flex-wrap: wrap; }
@media (min-width: 992px) { .section-relationships .list-relationships {
column-gap: calc(100px);
justify-content: space-between;
margin-top: 40px; } } .section-relationships .list-relationships img {
height: 90px;
width: auto;
max-width: inherit;
min-width: inherit;
box-shadow: 0 4px 4px rgba(0, 0, 0, 0.25);
border-radius: 50%;
margin: 5px 0; }
@media (min-width: 992px) { .section-relationships .list-relationships img {
height: 183px; } } .section-relationships .content-getintouch {
border-top: solid 1px #000000;
margin-top: 40px;
padding-top: 40px;
text-align: center; }
@media (min-width: 992px) { .section-relationships .content-getintouch {
margin-top: 70px;
padding-top: 70px; } } .section-relationships .content-getintouch h2 {
font-family: "Nunito-Regular";
margin: 0;
font-size: calc(24px);
line-height: calc(34px); }
@media (min-width: 992px) { .section-relationships .content-getintouch h2 {
font-size: 36px;
line-height: 46px; } } .section-relationships .content-getintouch .btn-bg {
margin-top: 20px; }
@media (min-width: 992px) { .section-relationships .content-getintouch .btn-bg {
margin-top: 30px; } } .section-pageContact {
background-position: bottom center;
background-size: 100% auto;
background-repeat: no-repeat;
padding: 20px 0; }
@media (min-width: 992px) { .section-pageContact {
padding: 60px 0; } }
@media (min-width: 992px) { .section-pageContact .box-detail,
.section-pageContact .box-detailform,
.section-pageContact .box-form {
width: 900px;
margin: 0 auto; } } .section-pageContact .box-form .s-grid {
grid-gap: 0;
column-gap: 25px; } .section-pageContact .box-form .input-group {
margin: 5px 0; } .section-pageContact .box-form .input-group p {
margin: 0; } .section-pageContact .box-detail {
text-align: center;
margin-bottom: 30px;
margin-top: 20px; }
@media (min-width: 992px) { .section-pageContact .box-detail {
margin-top: 20px; } } .section-pageContact .box-detail h2 {
font-family: "Nunito-Bold";
margin: 0 0 0 0;
font-size: 24px;
line-height: 34px; }
@media (min-width: 992px) { .section-pageContact .box-detail h2 {
font-size: 48px;
line-height: 58px;
margin: 0 0 40px 0; } } .section-pageContact .box-detailform {
text-align: center;
margin-top: 60px; }  .section-process .box-border {
border-top: solid 1px #000000;
border-bottom: solid 1px #000000;
padding-top: 30px;
padding-bottom: 30px; }
@media (min-width: 992px) { .section-process .box-border {
padding-top: 40px;
padding-bottom: 50px; } }
@media (max-width: 991px) { .section-process .main-header {
margin-bottom: 20px; } }
@media (min-width: 992px) { .section-process .list-process {
width: 55%;
text-align: center;
margin: 0 auto; } } .section-directsales {
padding: 40px 0; }
@media (min-width: 992px) { .section-directsales {
padding: 40px 0 70px 0; } } .section-directsales > .container > h2 {
margin: 0 0 20px 0;
font-family: "Nunito-Bold";
font-size: 24px;
line-height: 34px;
text-align: center; }
@media (min-width: 992px) { .section-directsales > .container > h2 {
font-size: 48px;
line-height: 58px;
margin: 50px 0 60px 0; } } .section-directsales .list-direct-sales .item-direct {
background-color: #cef3eb;
padding: 25px;
min-height: 452px; }
@media (min-width: 992px) { .section-directsales .list-direct-sales .item-direct {
min-height: 390px; } } .section-directsales .list-direct-sales .item-direct:nth-child(2n + 1) {
background-color: #f3d9ce; } .section-directsales .list-direct-sales .item-direct .css-iconstar {
margin-bottom: 5px;
width: 48px; }
@media (min-width: 992px) { .section-directsales .list-direct-sales .item-direct .css-iconstar {
width: 41px; } } .section-directsales .list-direct-sales .item-direct h2 {
font-size: 24px;
line-height: 34px;
font-family: "Nunito-Bold";
margin: 0 0 15px 0; } .section-directsales .list-direct-sales .item-direct p {
margin: 0;
font-size: 18px;
line-height: 28px; }  .section-b2bmodel {
background-position: center;
background-size: cover;
background-repeat: no-repeat;
padding: 40px 0;
color: #fff;
position: relative; }
@media (min-width: 992px) { .section-b2bmodel {
padding: 70px 0; } } .section-b2bmodel::before {
content: "";
display: block;
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
background-color: rgba(0, 0, 0, 0.35); } .section-b2bmodel .detail-b2bmodel {
position: relative;
z-index: 1; } .section-b2bmodel .detail-b2bmodel .b2b-header {
margin: 0 0 20px 0;
text-align: center; } .section-b2bmodel .detail-b2bmodel .b2b-header > h2 {
margin: 0 0 40px 0;
font-family: "Nunito-Bold";
font-size: 24px;
line-height: 34px;
text-align: center; }
@media (min-width: 992px) { .section-b2bmodel .detail-b2bmodel .b2b-header > h2 {
font-size: 48px;
line-height: 58px; } } .section-b2bmodel .detail-b2bmodel .b2b-header p {
margin: 0; }
@media (min-width: 992px) { .section-b2bmodel .detail-b2bmodel > img {
width: 65%;
display: block;
margin: 0 auto;
min-width: inherit;
max-width: inherit; } } .section-b2bdetail {
padding: 30px 0; }
@media (min-width: 992px) { .section-b2bdetail {
padding: 50px 0; } } .section-b2bdetail .list-detail {
padding: 20px 0; }
@media (min-width: 992px) { .section-b2bdetail .list-detail {
display: flex;
column-gap: calc(75px);
align-items: center; } }
@media (min-width: 992px) { .section-b2bdetail .list-detail:nth-child(2n + 1) .image {
order: 1; } }
@media (min-width: 992px) { .section-b2bdetail .list-detail:nth-child(2n + 1) .detail {
order: 2; } }
@media (min-width: 992px) { .section-b2bdetail .list-detail .image {
order: 2; } }
@media (min-width: 992px) { .section-b2bdetail .list-detail .detail {
order: 1; } } .section-b2bdetail .list-detail .detail h2 {
margin: 15px 0 0 0;
font-family: "Nunito-Regular";
font-size: calc(24px);
line-height: calc(34px); }
@media (min-width: 992px) { .section-b2bdetail .list-detail .detail h2 {
font-size: 36px;
line-height: 46px;
margin: 0; } }
@media (min-width: 992px) { .section-b2bdetail .list-detail .image,
.section-b2bdetail .list-detail .detail {
width: 50%; } } .section-features {
padding: 0 0 30px 0; }
@media (min-width: 992px) { .section-features {
padding: 0 0 50px 0; } } .section-features .features-header {
padding-top: 50px;
margin-bottom: 40px;
border-top: solid 1px #000;
text-align: center; } .section-features .features-header > h2 {
margin: 0 0 20px 0;
font-family: "Nunito-Bold";
font-size: 24px;
line-height: 34px;
text-align: center; }
@media (min-width: 992px) { .section-features .features-header > h2 {
font-size: 48px;
line-height: 58px; } } .section-features .features-header p {
margin: 0; } .template-hosting .section-solution .main-header {
margin-bottom: 40px; }
@media (min-width: 992px) { .template-hosting .section-solution .content-card .entry-content h2 {
font-size: calc(24px);
line-height: calc(34px);
margin: 20px 0 10px 0; } } .template-hosting .section-solution .box-btn {
text-align: center;
margin-top: 20px; }
@media (min-width: 992px) { .template-hosting .section-solution .box-btn {
margin-top: 40px; } } .template-mkt .wp-block-list {
margin: 0; } .template-mkt .section-content .header-metasearch h2 {
margin: 0;
font-family: "Nunito-Bold";
font-size: 24px;
line-height: 34px; }
@media (min-width: 992px) { .template-mkt .section-content .header-metasearch h2 {
font-size: 48px;
line-height: 58px; } } .template-mkt .section-metasearch .header-metasearch {
text-align: center;
margin-bottom: 40px; } .template-mkt .section-metasearch .header-metasearch h2 {
margin: 0;
font-family: "Nunito-Bold";
font-size: 24px;
line-height: 34px; }
@media (min-width: 992px) { .template-mkt .section-metasearch .header-metasearch h2 {
font-size: 48px;
line-height: 58px; } }
@media (min-width: 992px) { .template-mkt .section-metasearch .card-icon h2 {
height: 60px;
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
overflow: hidden;
text-overflow: ellipsis; } } .template-mkt .section-socialmarketing {
padding: 40px 0 40px 0; }
@media (min-width: 992px) { .template-mkt .section-socialmarketing {
padding: 70px 0 70px 0; } } .template-mkt .section-socialmarketing .detail-social h2 {
font-size: 20px;
line-height: 30px;
margin: 0; } .template-mkt .section-socialmarketing .detail-social .box-btn {
margin-top: 20px; }
@media (max-width: 991px) { .template-mkt .section-socialmarketing .detail-social .box-btn {
margin-bottom: 20px; } }
@media (min-width: 992px) { .template-mkt .section-socialmarketing .detail-social .box-btn {
margin-top: 40px; } } .section-logopartners {
text-align: center;
padding: 20px 0 0 0; } .section-logopartners:last-child {
padding: 35px 0 40px 0; }
@media (min-width: 992px) { .section-logopartners:last-child {
padding: 35px 0 70px 0; } } .section-logopartners h2 {
margin: 0 0 30px 0;
font-family: "Nunito-Regular";
border-top: solid 1px #000;
padding-top: 30px;
font-size: calc(24px);
line-height: calc(34px); }
@media (min-width: 992px) { .section-logopartners h2 {
font-size: 36px;
line-height: 46px;
padding-top: 60px; } } .section-logopartners .list-logo {
display: grid;
column-gap: calc(25px);
grid-template-columns: repeat(3, minmax(0, 1fr));
align-items: center; }
@media (min-width: 992px) { .section-logopartners .list-logo {
justify-content: center;
flex-wrap: wrap;
display: flex;
column-gap: calc(25px); } }
@media (min-width: 992px) { .section-logopartners .list-logo .itemlogo {
width: calc(100% / 9); } } .section-logopartners .list-logo .itemlogo img {
min-width: inherit;
max-width: inherit;
height: auto;
width: 100%;
margin: 0 auto 15px auto; }
@media (min-width: 992px) { .section-logopartners .list-logo .itemlogo img {
margin-bottom: 15px; } }  .template-travelsolution .section-solution {
padding: 30px 0 40px 0; }
@media (min-width: 992px) { .template-travelsolution .section-solution {
padding: 0 0 80px 0; } } .template-travelsolution .section-solution .content-card .entry-content h2 {
margin-bottom: 10px; }
@media (min-width: 992px) { .template-travelsolution .section-solution .content-card .entry-content h2 {
font-size: 24px;
line-height: 34px; } } .template-travelsolution .section-solution .content-card .text-link {
color: #07938b;
margin-top: 10px; } .template-travelsolution .section-solution .content-card a {
color: #07938b; }
@media (max-width: 991px) { .template-travelsolution .section-solution .main-header {
margin-bottom: 5px; } } .template-travelsolution .section-solution .main-header h2 {
font-family: "Nunito-Bold";
font-size: calc(24px);
line-height: calc(34px); }
@media (min-width: 992px) { .template-travelsolution .section-solution .main-header h2 {
text-align: left;
font-size: 60px;
line-height: 70px; } } .template-travelsolution .section-titlePageTravelsolution {
padding: 40px 0 10px 0; }
@media (min-width: 992px) { .template-travelsolution .section-titlePageTravelsolution {
padding: 70px 0 40px 0; } } .template-travelsolution .section-titlePageTravelsolution .main-header {
text-align: center; } .template-travelsolution .section-titlePageTravelsolution .main-header h2 {
margin: 0;
font-family: "Nunito-Bold";
font-size: 24px;
line-height: 34px; }
@media (min-width: 992px) { .template-travelsolution .section-titlePageTravelsolution .main-header h2 {
font-size: 48px;
line-height: 58px; } } .template-travelsolution .section-titlePageTravelsolution .main-header p {
font-size: calc(14px);
line-height: calc(24px);
font-family: "Nunito-Regular"; }
@media (min-width: 992px) { .template-travelsolution .section-titlePageTravelsolution .main-header p {
font-size: 36px;
line-height: 46px; } }
@media (min-width: 992px) { .section-travelsolution {
margin-bottom: 50px; } } .section-travelsolution .border-section {
border-top: solid 1px #000;
border-bottom: solid 1px #000;
padding: 20px 0; } .section-travelsolution .image-supports {
padding: 0 0 20px 0;
position: relative; }
@media (max-width: 991px) { .section-travelsolution .image-supports {
order: 2; } }
@media (min-width: 992px) { .section-travelsolution .image-supports {
padding: 20px 0; } } .section-travelsolution .image-supports .image-back {
width: 70%;
height: auto;
max-width: inherit;
min-width: inherit;
margin-bottom: 80px; } .section-travelsolution .image-supports .image-middle {
width: 70%;
height: auto;
max-width: inherit;
min-width: inherit;
position: absolute;
right: 0;
top: 50%;
transform: translate(0, -50%);
z-index: 2; } .section-travelsolution .image-supports .image-front {
width: 70%;
height: auto;
max-width: inherit;
min-width: inherit;
display: block;
z-index: 3; }
@media (max-width: 991px) { .section-travelsolution .box-detail {
text-align: center; } } .section-travelsolution .box-detail h2 {
font-family: "Nunito-Regular";
margin: 0;
font-size: calc(14px);
line-height: calc(24px);
font-weight: 100; }
@media (min-width: 992px) { .section-travelsolution .box-detail h2 {
font-size: 36px;
line-height: 46px; } } .section-travelsolution .box-detail .textlink {
margin-top: 20px; } .section-travelsolution .box-detail .textlink p {
margin: 0;
color: #07938b; } .section-travelsolution .box-detail a {
text-decoration: underline;
color: #07938b; } .section-inspiration {
padding: 40px 0;
background-size: cover;
background-position: center;
background-repeat: no-repeat;
color: #fff;
position: relative; }
@media (min-width: 992px) { .section-inspiration {
padding: 60px 0; } } .section-inspiration::before {
content: "";
display: block;
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
background-color: #1b9692d4; } .section-inspiration > .container {
position: relative;
z-index: 1; } .section-inspiration .card-readme {
background-color: #fff;
color: #000;
overflow: hidden;
-webkit-border-raidus: 20px;
-moz-border-radius: 20px;
-ms-border-radius: 20px;
border-radius: 20px;
-khtml-border-radius: 20px; } .section-inspiration .card-readme .imagereadme {
position: relative; } .section-inspiration .card-readme .imagereadme .box-social {
position: absolute;
bottom: 10px;
left: 15px;
display: flex;
column-gap: 25px;
color: #fff;
text-shadow: 0 6px 36px #000;
font-size: 14px;
line-height: 24px;
align-items: center;
vertical-align: middle; } .section-inspiration .card-readme .imagereadme .box-social .views svg,
.section-inspiration .card-readme .imagereadme .box-social .total_share svg,
.section-inspiration .card-readme .imagereadme .box-social .vote svg {
margin-right: 5px;
vertical-align: middle; } .section-inspiration .card-readme .imagereadme .box-social .views span,
.section-inspiration .card-readme .imagereadme .box-social .total_share span,
.section-inspiration .card-readme .imagereadme .box-social .vote span {
display: inline-block;
vertical-align: middle; } .section-inspiration .card-readme .detailreadme {
display: grid;
column-gap: 15px;
align-items: center;
grid-template-columns: 50px 1fr;
padding: 10px 15px; } .section-inspiration .card-readme .detailreadme .image-profile {
width: 50px;
height: 50px;
-webkit-border-raidus: 50%;
-moz-border-radius: 50%;
-ms-border-radius: 50%;
border-radius: 50%;
-khtml-border-radius: 50%; } .section-inspiration .card-readme .detailreadme .detail h2 {
margin: 0;
font-family: "Nunito-Bold";
font-size: 18px;
line-height: 28px;
color: #07938b; } .section-inspiration .card-readme .detailreadme .detail p {
margin: 0; } .section-inspiration .sub-detail {
text-align: center;
margin-top: 40px; } .section-inspiration .box-btn {
text-align: center;
margin-top: 30px; } .section-inspiration .main-header h2 {
margin: 0;
font-family: "Nunito-Bold";
font-size: calc(24px);
line-height: calc(34px); }
@media (min-width: 992px) { .section-inspiration .main-header h2 {
font-size: 60px;
line-height: 70px; } }  .template-travelsolutionplans .section-solution {
padding: 20px 0 30px 0; }
@media (min-width: 992px) { .template-travelsolutionplans .section-solution {
padding: 0 0 80px 0; } } .template-travelsolutionplans .section-content {
padding: 40px 0 0 0; }
@media (min-width: 992px) { .template-travelsolutionplans .section-content {
padding: 70px 0; } } .template-travelsolutionplans .section-content .headet-title {
text-align: center; } .template-travelsolutionplans .section-content .headet-title h2 {
font-family: "Nunito-Bold";
font-size: 24px;
line-height: 34px;
margin: 0; }
@media (min-width: 992px) { .template-travelsolutionplans .section-content .headet-title h2 {
font-size: 48px;
line-height: 58px; } } .section-supportteam .border-supportteam {
border-top: solid 1px #000;
border-bottom: solid 1px #000;
padding: 30px 0 40px 0;
margin-bottom: 50px; }
@media (min-width: 992px) { .section-supportteam .border-supportteam {
margin-bottom: 70px;
padding: 40px 0; } }
@media (max-width: 991px) { .section-supportteam .border-supportteam .detail-supportteam {
text-align: center; } } .section-supportteam .border-supportteam .detail-supportteam .header h2 {
font-family: "Nunito-Regular";
margin: 0;
font-size: calc(24px);
line-height: calc(34px); }
@media (min-width: 992px) { .section-supportteam .border-supportteam .detail-supportteam .header h2 {
text-align: left;
margin: 0 0 20px 0;
font-size: 36px;
line-height: 46px; } } .section-titlePageAbout {
padding: 40px 0 0 0; }
@media (min-width: 992px) { .section-titlePageAbout {
padding: 70px 0 50px 0; } } .section-titlePageAbout .main-header {
text-align: center; } .section-titlePageAbout .main-header h2 {
font-size: calc(24px);
line-height: calc(34px);
font-family: "Nunito-Bold";
margin: 0 0 30px 0; }
@media (min-width: 992px) { .section-titlePageAbout .main-header h2 {
font-size: 60px;
line-height: 70px; } } .section-listPageAbout {
padding: 0 0 20px 0; }
@media (min-width: 992px) { .section-listPageAbout {
padding: 0 0 70px 0; } } .section-listPageAbout .list-detailabout {
margin: 20px 0; }
@media (min-width: 992px) { .section-listPageAbout .list-detailabout {
grid-gap: calc(75px); } }
@media (max-width: 991px) { .section-listPageAbout .list-detailabout {
display: flex;
text-align: center;
flex-direction: column; } }
@media (max-width: 991px) { .section-listPageAbout .list-detailabout .image {
order: 1; } }
@media (max-width: 991px) { .section-listPageAbout .list-detailabout .detail {
order: 2; } } .section-listPageAbout .list-detailabout .detail h2 {
font-family: "Nunito-Bold";
margin: 0;
font-size: 20px;
line-height: 30px; } .section-listPageAbout .list-detailabout .detail ul {
padding: 0 0 0 15px; }
@media (max-width: 991px) { .section-listPageAbout .list-detailabout .detail ul {
text-align: left; } } .section-listPageAbout .list-detailabout .detail p {
margin: 0; }  .template-specialevent .section-content {
padding: 40px 0 10px 0; }
@media (min-width: 992px) { .template-specialevent .section-content {
padding: 70px 0 20px 0; } } .template-specialevent .section-content .headet-title {
text-align: center; } .template-specialevent .section-content .headet-title h2 {
font-family: "Nunito-Bold";
font-size: 24px;
line-height: 34px;
margin: 0; }
@media (min-width: 992px) { .template-specialevent .section-content .headet-title h2 {
font-size: 48px;
line-height: 58px; } }
@media (min-width: 992px) { .template-specialevent .section-listPageAbout .list-detailabout {
margin: 40px 0; } } .template-specialevent .section-listPageAbout .list-detailabout .detail h2 {
font-family: "Nunito-Regular";
font-weight: 100;
margin: 5px 0 10px 0;
font-size: calc(24px);
line-height: calc(34px); }
@media (min-width: 992px) { .template-specialevent .section-listPageAbout .list-detailabout .detail h2 {
margin: 0 0 20px 0;
font-size: 36px;
line-height: 46px; } }