body, html {
height: 100%;
}
body {
margin: 0;
-ms-text-size-adjust: 100%;
-webkit-text-size-adjust: 100%;
}
article, footer, header, main, nav, section, div, input, textarea {
display: block;
}
a, a:active, a:focus, button, button:focus, button:active, .btn, .btn:focus, .btn:active:focus, .btn.active:focus, .btn.focus, .btn.focus:active, .btn.active.focus {
outline: none !important;
outline: 0 !important;
}
input::-moz-focus-inner {
border: 0 !important;
}
*, *:after, *:before {
box-sizing: border-box;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
}
a {
text-decoration: none !important;
}
a:hover, a:active, button:focus, button:hover, button:active, input:focus, input:hover, input:active {
outline: 0 !important;
}
a:focus {
outline: 0 !important;
}
b, strong {
font-weight: bold;
}
button, input, select, textarea {
font-family: inherit;
font-size: 100%;
margin: 0;
}
button, input {
line-height: normal;
}
button, select {
text-transform: none;
}
table {
border-collapse: collapse;
border-spacing: 0;
}
img {
width: 100%;
height: auto;
border: 0;
display: block;
} body {
font-family: 'Montserrat', sans-serif;
color: #444;
font-size: 16px;
line-height: 1.5;
background: #f5f5f5;
}
main {
max-width: 1920px;
min-height: 100vh;
overflow: hidden;
padding-top: 60px;
margin: 0 auto;
background: #fff;
}
section, .section, .wp-block-group {
position: relative;
}
.wrapper, .wp-block-group__inner-container, .wp-block-kadence-rowlayout .wp-block-kadence-column {
position: relative;
width: 100%;
height: 100%;
max-width: 1280px;
margin: 0 auto;
z-index: 2;
}
.overlay {
position: absolute;
left: 0; right: 0; top: 0; bottom: 0;
}
.awesome {
position: relative;
}
.awesome:before, .main-nav ul:not(.sub-menu) > li.menu-item-has-children > a span:before {
content: '';
font-family: 'Font Awesome 5 Free';
position: absolute;
top: 0;
height: 100%;
font-weight: 900;
color: currentColor;
}
.awesome:before {
left: 0;
}
.main-nav ul:not(.sub-menu) > li.menu-item-has-children > a span:before {
right: 0;
}
.fas.scrolltop {
position: fixed;
bottom: 10px;
left: 10px;
color: rgba(68, 130, 204,.7);
font-size: 32px;
z-index: 9;
transition: color .5s;
cursor: pointer;
display: none;
}
.fas.scrolltop:hover {
color: rgba(68, 130, 204,.95);
}
.content-wrapper {
padding: 60px 0;
} .flex-around {
display: flex;
justify-content: space-around;
align-items: center;
}
.flex-between, .main-nav > ul {
display: flex;
justify-content: space-between;
align-items: center;
}
.flex-center, .btn, .fab, .main-nav ul a, .awesome:before, .main-nav ul:not(.sub-menu) > li.menu-item-has-children > a span:before, .main-nav > ul li ul.sub-menu, .wp-block-kadence-column {
display: flex;
justify-content: center;
align-items: center;
}
.flex-wrapper {
display: flex;
justify-content: space-between;
align-items: center;
flex-wrap: wrap;
gap: 20px;
}
.flex-wrapper, .stretch {
align-items: stretch;
}
.item {
position: relative;
padding: 30px;
background: #f1f3f8;
}
.x2 {
width: calc(50% - 10px);
}
.x3 {
width: calc((100% - 40px) / 3);
}
.x4 {
width: calc((100% - 60px) / 4);
}
.wide {
width: 100%;
}
.item .icon {
width: 60px;
height: 60px;
margin: 0 auto 10px;
} .wp-block-kadence-rowlayout :is(.kt-row-layout-inner, .kt-row-column-wrap, .wp-block-kadence-column, .kt-inside-inner-col) {
height: 100% !important;
}
.wp-block-kadence-rowlayout .kt-row-column-wrap {
max-width: 1280px;
margin: 0 auto;
padding: 0 !important;
}
.wp-block-kadence-iconlist ul {
margin: 0 !important;
}
.wp-block-kadence-accordion .kt-accordion-header-wrap .kt-blocks-accordion-header {
cursor: pointer;
} h1, h2, h3, h4, .popup-title {
font-family: 'Montserrat', sans-serif;
font-weight: 900;
margin: 0;
line-height: 1.3;
}
h1 {
font-size: 2.6em;
margin: 0;
}
h2 {
font-size: 2.2em;
margin: 0;
}
h3, .popup-title {
font-size: 1.6em;
margin: 0;
}
h4 {
font-size: 1.1em;
margin: 0;
}
.page-title {
margin: 10px 0 34px;
}
.popup-title {
margin: 0 0 30px;
}
.popup-title, .page-title {
text-align: center;
}
a {
position: relative;
transition: all .3s;
color: #4482cc;
}
a:hover {
text-decoration: underline !important;
}
p, label {
margin: 0;
} header {
position: fixed;
top: 0; left: 0; right: 0;
height: 60px;
border-bottom: 1px solid #ececec;
background: #fff;
transition: all .3s;
z-index: 5;
}
header.animate {
box-shadow: 0 1px 2px 0 rgba(0,0,0,.05);
}
.logo {
width: 110px; height: 100%;
}
header .logo a {
color: #4482cc;
font-weight: 900;
font-size: 2em;
}
.header-flex {
width: calc(100% - 11px);
display: flex;
justify-content: flex-end;
align-items: center;
}
.main-nav {
margin: 0 auto 0 60px;
max-width: 1280px;
}
.main-nav ul, .main-nav > ul li ul.sub-menu {
list-style: none;
margin: 0;
padding: 0;
gap: 40px;
}
.main-nav > ul > li {
flex-grow: 1;
position: relative;
}
.main-nav ul a {
color: currentColor;
}
.main-nav ul:not(.sub-menu) > li > a:hover, .main-nav ul li.current-menu-item > a, .main-nav ul li.current-post-parent > a {
text-decoration: underline !important;
}
.main-nav ul:not(.sub-menu) > li.menu-item-has-children > a span {
position: relative;
padding-right: 15px;
}
.main-nav ul:not(.sub-menu) > li.menu-item-has-children > a span:before {
content: '\f078';
font-size: 12px;
padding-top: 2px;
}
.main-nav > ul li ul.sub-menu {
position: absolute;
left: 0;
top: 100%;
width: auto;
flex-direction: column;
justify-content: flex-start;
transition: all .3s;
margin: 0;
opacity: 0;
pointer-events: none;
background: #fff;
border: 1px solid #ececec;
}
.main-nav > ul li:hover ul.sub-menu {
opacity: 1;
pointer-events: auto;
}
.main-nav > ul li ul.sub-menu li {
width: 100%;
border-bottom: 1px solid #ececec;
}
.main-nav > ul li ul.sub-menu li:last-of-type {
border-bottom: 0;
}
.main-nav > ul li ul.sub-menu li a {
width: 100%;
justify-content: flex-start;
text-align: left;
padding: 10px 20px;
color: #404756;
border-left: 3px solid transparent;
}
.main-nav > ul li ul.sub-menu li a:hover {
background: #fafafa;
}
.menu-toggle, .menu-close {
display: none !important;
}
header .kt-svg-icon.kt-svg-icon-fa_whatsapp {
padding: 12px 11px 12px 13px !important;
} .sec-01 {
color: #fff;
}
.sec-01 .text-wrapper {
max-width: calc(100% - 640px);
}
.sec-01 .wp-block-image {
max-width: 560px;
}
.sec-02 .wp-block-kadence-iconlist {
margin: 0 auto;
max-width: 240px;
}
.sec-03 .c-block {
background: #fff;
padding: 30px;
box-shadow: 1px 1px 2px rgba(157,162,182,.2);
} footer {
position: relative;
width: 100%;
margin: 0 auto;
overflow: hidden;
color: #fff;
background: #444;
padding: 18px 0;
}
footer a {
color: #fff;
} .breadcrumbs {
margin: 0 auto;
font-size: 0.813em;
opacity: .9;
}
.breadcrumbs a {
color: currentColor;
}
.sec-page {
height: 100%;
padding-top: 0;
padding-bottom: 30px;
}
.sec-page article {
border: 1px solid #ececec;
width: 100%;
padding: 30px;
border-radius: 2px;
}
.sec-404 {
min-height: calc(100vh - 60px);
text-align: center;
} .loop-wrapper {
display: flex;
justify-content: space-between;
align-items: stretch;
flex-wrap: wrap;
}
.loop-post {
width: 100%;
margin-bottom: 20px;
color: #444 !important;
}
.loop-post h3 {
color: currentColor;
}
.loop-post .meta {
justify-content: flex-start;
}
.loop-post .meta .awesome {
margin-right: 5px;
padding-left: 24px;
}
.wp-pagenavi span, .wp-pagenavi a {
height: 42px;
display: inline-flex;
justify-content: center;
align-items: center;
border: 1px solid #ececec;
min-width: 42px;
padding: 0 6px;
margin: 0 3px 0 0;
}
.wp-pagenavi a:hover, .wp-pagenavi span.current {
background: #f5f5f5;
border: 1px solid #d9d9d9;
}
.wp-pagenavi span.pages {
display: none;
} .wp-block-group .wp-block-image {
margin: 0;
}
.wp-block-table tr {
transition: all .3s;
display: flex !important;
}
.wp-block-group .wp-block-table tr td {
padding: 5px 10px;
white-space: nowrap;
min-height: 34px;
}
.wp-block-group .wp-block-table tr td:nth-of-type(2) {
position: relative;
width: 100%;
}
.wp-block-group .wp-block-table tr td:nth-of-type(2):after {
content: '';
position: absolute;
top: 50%;
left: 0;
width: 100%;
height: 0;
border-bottom: 1px dashed #4482cc;
}
.wp-block-group .item:nth-of-type(1) .wp-block-table tr:nth-of-type(2) td:nth-of-type(2):after {
display: none;
} .btn {
width: 100%;
max-width: 220px;
height: 42px;
border: 1px solid #ececec;
cursor: pointer;
transition: all .3s;
margin: 0 auto;
border-radius: 2px;
}
.btn:hover {
background: #f5f5f5;
border: 1px solid #d9d9d9;
}
.backdrop {
position: fixed;
top: 0; left: 0; bottom: 0; right: 0;
background: rgba(0,0,0,.75);
opacity: 0;
z-index: 10;
pointer-events: none;
transition: opacity .3s;
}
.backdrop.animate {
opacity: 1;
pointer-events: auto;
}
.ims-popup {
position: fixed;
left: 50%; top: 50%;
transform: translatex(-50%) translatey(-50%) scale3d(1.1, 1.1, 1);
width: 100%;
max-width: 768px;
background: rgba(255,255,255,.95);
z-index: 11;
padding: 50px 10px;
opacity: 0;
transition: all .3s;
flex-direction: column;
border-radius: 2px;
}
.ims-popup.animate {
opacity: 1;
pointer-events: auto;
transform: translatex(-50%) translatey(-50%) scale3d(1, 1, 1);
}
.ims-popup, .ims-popup * {
pointer-events: none !important;
}
.ims-popup.animate, .ims-popup.animate * {
pointer-events: auto !important;
}
.popup-close {
position: absolute;
right: 0; top: 0;
height: 30px; width: 30px;
cursor: pointer;
z-index: 20;
}
.popup-close:before {
display: flex;
justify-content: center;
align-items: center;
position: absolute;
left: 0; top: 0;
width: 100%;
height: 100%;
color: #444;
font-family: 'Font Awesome 5 Free';
font-weight: 900;
font-size: 20px;
content: '\f00d';
transition: all .3s ease;
}
.popup-close:hover:before {
color: #777;
} @media only screen and (min-width : 1980px) {
main {
border-left: 1px solid #ececec;
border-right: 1px solid #ececec;
}
}
@media only screen and (max-width: 1280px) {
.wrapper, .wp-block-group__inner-container, .wp-block-kadence-rowlayout .wp-block-kadence-column {
padding: 0 2%;    
}
}
@media only screen and (max-width: 1170px) {
}
@media only screen and (max-width: 1080px) {
.menu-toggle, .menu-close {
display: flex !important;
justify-content: center;
align-items: center;
cursor: pointer;
}
.menu-toggle {
font-size: 19px;
width: 44px;
height: 44px;
transition: all .3s;
background: #4482cc;
color: #fff;
border-radius: 100%;
}
.menu-close {
position: absolute;
right: 0;
top: 0;
width: 36px;
height: 36px;
z-index: 10;
}
.menu-toggle:hover {
border: 1px solid #d9d9d9;
background: #f5f5f5;
}
.main-nav {
margin: 0 auto 0 20px;
}
.main-nav ul {
position: fixed;
top: 0;
bottom: 0;
left: 0;
right: 0;
flex-direction: column;
justify-content: center;
align-items: center;
padding: 0;
background: rgba(255,255,255,.95);
z-index: 2;
transition: all .3s;
opacity: 0;
pointer-events: none;
}
.main-nav ul.animate {
opacity: 1;
pointer-events: auto;
}
.main-nav ul li {
flex-grow: 0;
}
.main-nav ul li a {
font-size: 1.3em;
padding: 5px 0;
display: block;
}
header .btn {
position: relative;
width: 42px;
font-size: 0;
}
header .btn:before {
content: '\f0e0';
font-family: 'Font Awesome 5 Free';
position: absolute;
left: 0; top: 0;
width: 100%; height: 100%;
display: flex;
align-items: center;
justify-content: center;
font-size: 20px;
font-weight: 900;
color: currentColor;
}
.sec-01 .flex-between {
flex-direction: column-reverse;
gap: 60px;
}
.sec-01 .wp-block-spacer {
height: 60px !important;
}
.sec-01 .text-wrapper {
max-width: 560px;
}
.sec-02 .flex-wrapper {
flex-direction: column;
}
.sec-02 .flex-wrapper .item {
width: 100%;
}
}
@media only screen and (max-width: 810px) {
.ims-popup {
left: 2%; right: 2%;
transform: translatex(0) translatey(-50%) scale3d(1.1, 1.1, 1);
width: auto;
}
.ims-popup.animate {
transform: translatex(0) translatey(-50%) scale3d(1, 1, 1);
}
}
@media only screen and (max-width: 640px) {
body {
font-size: 14px;
}
.wrapper, .wp-block-group__inner-container, .wp-block-kadence-rowlayout .wp-block-kadence-column {
padding: 0 3%;    
}
.x2, .x3, .x4 {
width: 100%;
}
}
@media only screen and (max-width: 480px) {
.sec-01 .wp-block-spacer {
height: 40px !important;
}
.sec-01 .flex-between {
gap: 40px;
}
.sec-01 .wp-block-image {
max-width: 280px;
}
.sec-01 h1 {
text-align: center;
}
}
@media only screen and (max-width: 360px) {
}.kt-svg-style-stacked .kt-svg-icon{border:0px solid var(--global-palette5, #444444);transition:all .3s ease-in-out}.wp-block-kadence-icon,.wp-block-kadence-icon.aligncenter:not(.specificity){display:flex;gap:.2em;align-items:center;justify-content:center}.kt-svg-style-stacked .kb-svg-icon-wrap{border:2px solid var(--global-palette5, #444444);transition:all .3s ease-in-out;padding:20px}.kt-svg-icon-wrap{display:flex}.kt-svg-icon-wrap a.kt-svg-icon-link{display:flex;border:0;text-decoration:none;box-shadow:none}.kt-svg-icon-wrap a.kt-svg-icon-link:hover{box-shadow:none}.kt-svg-icon-wrap a.kt-svg-icon-link.kb-icon-tooltip-border{border-bottom:1px dashed currentColor}.kt-svg-icon-wrap .kb-icon-tooltip-border{border-bottom:1px dashed currentColor}.kb-icon-valign-top{align-items:flex-start}.kb-icon-valign-middle,.kb-icon-valign-center{align-items:center}.kb-icon-valign-bottom{align-items:flex-end}.kb-svg-icon-wrap{display:inline-flex;justify-content:center;align-items:center;border-width:0}.kb-svg-icon-wrap svg{width:1em;height:1em}