/*
    Theme Name: Custom Theme
    Description: Custom Theme
    Version: 1.4.2
    Author: Karina
*/

/*------------------------------------*\
    MAIN
\*------------------------------------*/

@import url('https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100..900;1,100..900&display=swap');

/* global box-sizing */
*,
*:after,
*:before {
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-font-smoothing: antialiased;
    font-smoothing: antialiased;
    text-rendering: optimizeLegibility;
}
/* html element 62.5% font-size for REM use */
html {
    font-size: 62.5%;
}
body {
    font: 400 16px/1.5 "Roboto", sans-serif;
    color: #3D464D;
}

.hidden,
.btn.hidden,
.pagination,
.wpcf7-spinner,
.wpcf7-not-valid-tip,
.acf-map .gmnoprint,
.acf-map .gm-style-cc,
.social-wrap.share .addtoany_list a span,
.btn-menu,
.header span.toggle,
.breadcrumbs-hide-title .sep:not(:has(~ .sep)),
.side-menu .sub-menu,
.btn-collapse .close,
.btn-collapse.active .open,
.accordion .title.active svg .line {
    display: none;
}

.block,
.side-menu .sub-menu.active,
.btn-collapse.active .close {
    display: block;
}

/* clear */
.clear:before,
.clear:after {
    content: ' ';
    display: table;
}

.clear:after {
    clear: both;
}
.clear {
    *zoom: 1;
}
img {
    max-width: 100%;
    vertical-align: bottom;
    height: auto;
}
a {
    color: #3D464D;
    text-decoration: none;
    transition: all 0.3s ease 0s;
}

p > a {
    text-decoration: underline;
}

a:hover,
.text-white a:not(.btn):hover {
    color: #0078CA;
}

a:focus {
    outline: 0;
}
a:hover,
a:active {
    outline: 0;
}

.link {
    font-size: 16px;
    font-weight: 500;
    color: #0078CA;
}

.link:hover {
    color: #0063A6;
}

.link svg {
    display: inline-block;
    vertical-align: top;
    margin: 7px 0 0 4px;
    height: 12px;
}

.link svg path {
    fill: #0078ca;
    transition: all 0.3s ease 0s;
}

.link:hover svg path {
    fill: #0063A6;
}

input:focus {
    outline: 0;
    border: 1px solid #00ADEE;
}

b,
strong {
    font-weight: 500;
}

h1,
h2,
h3,
h4,
h5,
h6 {
    font-weight: 500;
    line-height: 1.2;
    margin: 0 0 15px;
}

h1 {
    font-size: 38px;
}

h2 {
    font-size: 32px;
}

h3 {
    font-size: 24px;
}

h4 {
    font-size: 20px;
}

h5 {
    font-size: 20px;
}

p {
    margin: 0 0 30px;
}

.subtitle {
    display: inline-block;
    vertical-align: top;
    font-size: 14px;
    font-weight: 500;
    line-height: 1;
    text-transform: uppercase;
    background: #d5e9da;
    border: 1px solid #81C684;
    border-radius: 100px;
    padding: 8px 20px 7px;
    margin: 0 0 15px;
}

.subtitle.dark {
    background: #95cfe0;
    border-color: #81C684;
}

.subtitle.green {
    color: #fff;
    background: #81C684;
    border-color: #81C684;
}

ul,
ol {
    padding: 0 0 0 20px;
    margin: 0 0 20px;
}

ul.wp-block-list,
ul.wp-block-list:last-child {
    margin-top: -15px;
}

ul.with-icon {
    list-style: none;
    padding: 0;
}

ul.with-icon li {
    position: relative;
    padding-left: 25px;
    margin: 0 0 3px;
}

ul.with-icon li:last-child {
    margin: 0;
}

ul.with-icon svg {
    position: absolute;
    left: 0;
    top: 5px;
}

h1:last-child,
h2:last-child,
h3:last-child,
h4:last-child,
h5:last-child,
h6:last-child,
p:last-child,
ul:last-child,
ol:last-child {
    margin: 0;
}

.overflow {
    overflow: hidden;
}

.left {
    float: left;
}

.right {
    float: right;
}

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

.text-left {
    text-align: left;
}

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

.anchor {
    position: relative;
    top: -50px;
}

.btn-wrap {
    font-size: 0;
}

.btn-wrap .btn {
    margin: 0 20px 20px 0;
}

.btn-wrap .btn:last-child {
    margin-right: 0;
}

.btn-wrap.round a {
    display: inline-block;
    vertical-align: top;
    margin: 0 12px 10px 0;
}

.btn,
.btn-round {
    display: inline-block;
    vertical-align: top;
    position: relative;
    cursor: pointer;
    background: #0078CA;
    font-size: 16px;
    font-weight: 500;
    line-height: 1.4;
    color: #ffffff;
    text-decoration: none;
    text-align: center;
    border: 1px solid #0078CA;
    border-radius: 4px;
    outline: 0;
    padding: 9px 25px;
    transition: all 0.3s ease 0s;
}

.btn > a,
.btn-outline:hover > a {
    color: #ffffff;
}

.btn-outline > a {
    color: #3D464D;
}

.btn:hover,
.btn-round:hover {
    background: #0063A6;
    border: 1px solid #0063A6;
    color: #ffffff;
}

.btn-outline {
    background: none;
    color: #3D464D;
    border-color: #3D464D;
}

.btn-round {
    font-weight: 400;
    color: #000000;
    background: #E6E8EB;
    border: 1px solid #E6E8EB;
    border-radius: 20px;
    padding: 5px 15px;
}

.btn-round.large {
    font-size: 18px;
    font-weight: 500;
    padding: 11px 20px;
    border-radius: 100px;
    color: #3D464D;
}

.btn-round.has-svg svg {
    position: absolute;
    left: 15px;
    top: 15px;
}

.btn-round.has-svg {
    padding-left: 45px;
}

.btn-round.has-svg svg path {
    transition: all 0.3s ease 0s;
}

.btn-round.has-svg:hover svg path {
    fill: #fff;
}

.btn-blue {
    background: #cde2f0;
    border: 1px solid #0078CA;
    color: #0078CA;
    padding: 3px 15px;
}

.btn-blue:hover {
    background: #0078CA;
    color: #fff;
}

.social-wrap {
    font-size: 0;
}

.social-wrap a {
    display: inline-block;
    vertical-align: middle;
    margin: 0 22px 0 0;
}

.social-wrap a svg path {
    fill: #fff;
    transition: all 0.3s ease 0s;
}

.social-wrap a:hover svg path {
    fill: #00adee;
}

.scrollup {
    display: none;
    position: fixed;
    bottom: 30px;
    right: 30px;
    z-index: 99999;
    cursor: pointer;
}

.sticky-sidebar {
    will-change: min-height;
}

.sticky-sidebar-inner {
    position: relative;
    transform: translate(0, 0);
    transform: translate3d(0, 0, 0);
    will-change: position, transform;
}

.img-wrap {
    display: block;
    position: relative;
    background: #000;
    border-radius: 6px;
}

.img-wrap.no-bgr {
    background: none;
}

.img-wrap img {
    width: 100%;
    border-radius: 6px;
    transition: all 0.3s ease 0s;
}

.img-wrap.normal,
.img-wrap.normal img {
    width: auto;
    background: none;
    border-radius: 0;
}

.img-wrap.inline {
    display: inline-block;
    vertical-align: top;
    margin: 0 10px 10px 0;
}

.img-wrap.inline:last-child {
    margin-right: 0;
}

a.img-wrap:hover img {
    opacity: 0.8;
}

.img-wrap.inside {
    padding: 25px;
    border-radius: 12px;
    background: #F1F4F7;
}

.radius-12 {
    border-radius: 12px;
}

/*------------------------------------*\
    ICONS
\*------------------------------------*/



/*------------------------------------*\
    STRUCTURE
\*------------------------------------*/

.wrapper {
    max-width: 1260px;
    width: 100%;
    padding: 0 20px;
    margin: 0 auto;
    position: relative;
}

.wrapper.size-640 {
    max-width: 680px;
}

.wrapper.size-740 {
    max-width: 780px;
}

.wrapper.size-800 {
    max-width: 840px;
}

.wrapper.fullwidth {
    max-width: 1100%;
    padding: 0;
}

.header {
    width: 100%;
    position: absolute;
    left: 0;
    top: 30px;
    z-index: 999;
    padding: 0 20px;
}

.header .wrapper {
    background: #fff;
    border-radius: 12px;
    box-shadow: 0px 1px 3px 0px rgba(0,0,0,0.16);
    max-width: 1220px;
}

.header.shadow-no .wrapper {
    box-shadow: none;
}

.header.header-blue .wrapper,
.header.stuck .wrapper {
    background: #F1F4F7;
    box-shadow: none;
}

.header.stuck {
    position: fixed;
    top: -100px;
    left: 0;
    animation: fadeInDown ease-in-out 0.6s both;
    transition: all 0.3s ease 0s;
}

.header.stuck.show-header {
    top: 20px;
}

.header .nav {
    height: 80px;
}

.header-wrap {
    position: relative;
}

.header-wrap .bgr {
    height: 500px;
}

.header-wrap.size-500 {
    height: 500px;
}

.header-wrap.size-600 {
    height: 600px;
}

.header-wrap.fullscreen {
    height: 100vh;
    height: calc(100vh - 130px);
}

.header-wrap .bgr {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: none no-repeat scroll center center transparent;
    background-size: cover;
}

.header-wrap.slider .caption {
    font-size: 20px;
    height: 100%;
    align-items: flex-end;
    justify-content: normal;
    text-align: left;
    padding: 50px 0;
}

.header-wrap.slider .max-width-600 {
    margin: 0 auto 30px;
}

.header-wrap.slider {
    background: none no-repeat scroll bottom center transparent;
    background-size: cover;
}

.logo {

}

.nav ul {
    font-size: 0;
    list-style: none;
    margin: 0;
    padding: 0;
    width: 100%;
}

.nav li {
    display: inline-block;
    vertical-align: top;
    position: relative;
    margin: 0 15px;
}

.nav li:last-child {
    margin-right: 0;
}

.nav li.btn {
    padding: 0;
    margin-right: 0;
}

.nav li.btn a {
    display: inline-block;
    padding: 9px 25px;
}

.nav a {
    font-size: 16px;
    font-weight: 500;
}

.nav .sub-menu {
    display: none;
    position: absolute;
    left: 0;
    top: 100%;
    background: #ffffff;
    white-space: nowrap;
    padding: 30px;
}

.nav li:hover .sub-menu {
    display: block;
}

.nav .sub-menu li {
    display: block;
    margin: 0;
}

.nav .sub-menu a {
    font-weight: 500;
    color: #000000;
}

.nav .sub-menu a:hover {
    text-decoration: underline;
}

.sidebar {
    background: #fff;
}

.collapsible.active {
    width: 3%;
}

.collapsible.active > div {
    opacity: 0;
}

.collapsible {
    border-right: 1px solid #C0C7CD;
    padding-top: 40px;
    position: relative;
    transition: all 0.3s ease 0s;
}

.collapsible .btn-collapse {
    background: none;
    border: 0;
    outline: 0;
    padding: 0;
    margin: 0;
    cursor: pointer;
    position: absolute;
    right: -16px;
    z-index: 9;
}

.side-menu {
    padding: 0 30px 0 2px;
}

.side-menu ul {
    list-style: none;
    padding: 0;
    margin: 0;
}

.side-menu a {
    display: block;
    font-size: 14px;
    font-weight: 400;
    line-height: 1.5;
    position: relative;
    padding: 7px 15px 7px 28px;
    margin: 0;
    min-width: 240px;
    background: none;
    border-radius: 2px;
}

.side-menu a:hover,
.side-menu a.active,
.side-menu li:has(.current) > a:hover {
    color: #3D464D;
    background: #F1F4F7;
}

.side-menu li:has(.current) > a {
    background: none;
}

.side-menu a svg {
    position: absolute;
    left: 12px;
    top: 14px;
    transition: all 0.3s ease 0s;
}

.side-menu a.active.has-children svg {
    transform: rotate(90deg);
}

.side-menu .sub-menu a {
    border-radius: 6px;
    padding: 5px 40px;
}

.side-menu .sub-menu a:hover,
.side-menu .sub-menu a.current {
    background: #F1F4F7;
    font-weight: 500;
    color: #3D464D;
}

.side-menu .sub-menu a svg {
    left: 25px;
    top: 13px;
}

.list-menu {
    list-style: none;
    padding: 0;
    margin: 0;
}

.list-menu a {
    display: block;
    font-size: 18px;
    font-weight: 500;
    background: #F1F4F7;
    border-radius: 6px;
    padding: 17px 20px;
    margin: 0 0 15px;
}

.widget {
    background: #F1F4F7;
    border-radius: 12px;
    padding: 22px 25px;
}

.widget a {
    text-decoration: none;
}

.widget p {
    margin: 0 0 15px;
}

.widget p.mb-5 {
    margin-bottom: 5px;
}

.widget p:last-child {
    margin-bottom: 0;
}

.widget.contact p {
    margin: 0;
}

.widget.contact p:first-child {
    margin: 0 0 10px;
}

.widget.contact p:first-child strong {
    line-height: 35px;
}

.widget.list {
    background: #fff;
    border: 1px solid #DCE0E3;
    padding: 0;
    margin: 40px 0 0;
    border-radius: 6px;
}

.widget.list p {
    font-size: 14px;
    font-weight: 700;
    padding: 15px 20px 10px;
    margin: 0;
}

.widget.list a {
    display: block;
    font-size: 14px;
    font-weight: 400;
    background: #fff;
    padding: 8px 20px;
    position: relative;
}

.widget.list a::before {
    content: '';
    width: 4px;
    height: 14px;
    background: none;
    border-top-right-radius: 2px;
    border-bottom-right-radius: 2px;
    position: absolute;
    left: 0;
    top: 50%;
    transform: translate(0, -50%);
    transition: all 0.3s ease 0s;
}

.widget.list a.active::before{
    background: #0078CA;
}

.widget.list a:last-child {
    border-bottom-left-radius: 6px;
    border-bottom-right-radius: 6px;
}

.widget.list a:hover,
.widget.list a.active {
    color: #3D464D;
    background: #F1F4F7;
}

.widget.sticky {
    position: sticky;
    top: 120px;
}

.widget.categories {
    padding: 10px 0;
}

.line {
    border-bottom: 1px solid #C0C7CD;
    padding-bottom: 20px;
    margin-bottom: 20px;
}

.line:last-child {
    border-bottom: 0;
    padding-bottom: 0;
    margin-bottom: 0;
}

.footer {
    background: #3D464D;
    padding: 60px 0 0;
}

.footer ul {
    list-style: none;
    padding: 0;
    margin: 0;
}

.footer .top ul.menu > li > a {
    font-size: 18px;
    font-weight: 500;
}

.footer .top ul li {
    margin: 0 0 5px;
}

.footer .top ul a {
    font-size: 16px;
    font-weight: 400;
}

.footer .top ul .sub-menu {
    margin: 10px 0 0;
}

.footer .copyright {
    border-top: 1px solid #555d63;
    padding: 20px 0;
    margin: 80px 0 0;
}

.footer .copyright p,
.footer .copyright a {
    font-size: 14px;
    font-weight: 400;
}

.footer .copyright ul {
    margin: 0;
    padding: 0;
    list-style: none;
    font-size: 0;
}

.footer .copyright ul li {
    display: inline-block;
    vertical-align: top;
}

.footer .copyright ul li {
   padding: 0 0 0 30px;
}

.footer .copyright ul li:first-child {
    padding: 0;
}

.breadcrumbs {
    margin: 15px 0 0;
}

.breadcrumbs,
.breadcrumbs a {
    font-size: 14px;
}

.breadcrumbs-inside .breadcrumbs {
    margin-bottom: 40px;
}

.breadcrumbs-inside .breadcrumbs .wrapper {
    padding: 0;
}

.box {
    background: #F1F4F7;
    border-radius: 12px;
    padding: 20px 25px 20px 30px;
}

.box.white {
    background: #fff;
}

.box.reviews {
    padding: 18px;
}

.box.p-0 {
    padding: 0;
}

.as-box {
    background: #F1F4F7;
    border-radius: 12px;
    padding: 25px;
}

.as-box.white {
    background: #fff;
}

.as-box.img-inside {
    box-shadow: 0px 1px 10px 0px rgba(0,0,0,0.16);
    padding: 0;
}

.as-box.img-inside .img-wrap,
.as-box.img-inside .img-wrap img {
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
}

.as-box.img-inside .content {
    padding: 25px 40px;
}

.link-box {
    display: block;
    border: 1px solid #C0C7CD;
    border-radius: 12px;
    padding: 20px;
}

.mejs-container,
.mejs-container video {
    border-radius: 12px;
}

.mejs-controls {
    border-bottom-left-radius: 12px;
    border-bottom-right-radius: 12px;
}

.toggle-pricing,
.toggle-pricing:hover {
    display: block;
    font-size: 18px;
    font-weight: 400;
    color: #3D464D;
    margin: 15px 0;
}

.toggle-pricing span {
    display: inline-block;
    vertical-align: top;
    width: 35px;
    height: 20px;
    background: #0078ca;
    border-radius: 20px;
    margin: 3px 5px 0;
    overflow: hidden;
}

.toggle-pricing span::before {
    content: '';
    display: block;
    width: 14px;
    height: 14px;
    background: #fff;
    border-radius: 50%;
    margin: 3px 4px;
    float: right;
    transition: all 0.3s ease 0s;
}

.toggle-pricing.active span::before {
    float: left;
}

.pricing-table .as-box-wrap {
    background: none;
    border-radius: 12px;
    border: 5px solid transparent;
    padding-top: 60px;
    margin-top: 50px;
    position: relative;
}

.pricing-table .as-box-wrap.best-yes {
    background: #00ADEE;
    border-color: #00ADEE;
}

.pricing-table .as-box {
    height: 100%;
}

.pricing-table .subtitle {
    position: absolute;
    left: 50%;
    top: 13px;
    transform: translate(-50%, 0);
}

.pricing-table .btn {
    width: 100%;
    margin: 20px auto 30px;
}

.pricing-table .as-sep {
    border-top: 1px solid #C0C7CD;
    padding-top: 20px;
}

.pricing-table .prices p.amount::before {
    content: attr(data-yearly-cad);
    font-size: 32px;
    font-weight: 500;
    color: #0078CA;
}

.pricing-table .prices p.amount::after {
    content: attr(data-yearly-note-cad);
    font-size: 18px;
    font-weight: 500;
}

.pricing-table.active .as-box .prices p.amount::before {
    content: attr(data-monthly-cad);
}

.pricing-table.active .as-box .prices p.amount::after {
    content: attr(data-monthly-note-cad);
}

/*------------------------------------*\
    SLIDER
\*------------------------------------*/

.slick-slider {
    font-size: 0;
    position: relative;
    display: block;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-touch-callout: none;
    -ms-touch-action: pan-y;
    touch-action: pan-y;
    -webkit-tap-highlight-color: transparent;
}

.slick-list {
    position: relative;
    display: block;
    overflow: hidden;
    margin: 0;
    padding: 0;
}

.slick-list:focus {
    outline: none;
}

.slick-list.dragging {
    cursor: pointer;
    cursor: hand;
}

.slick-slider .slick-track,
.slick-slider .slick-list {
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    -o-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
}

.slick-track {
    position: relative;
    top: 0;
    left: 0;
    display: block;
}

.slick-track:before,
.slick-track:after {
    display: table;
    content: '';
}

.slick-track:after {
    clear: both;
}
.slick-loading .slick-track {
    visibility: hidden;
}

.slick-slide {
    display: none;
    height: 100%;
    min-height: 1px;
    padding: 0;
    text-align: left;
    height: auto;
    padding: 0;
    background: none;
    position: relative;
    outline: 0;
}

.slick-slide .img-wrap {
    background: none;
}

.slick-slide.slick-loading img {
    display: none;
}

.slick-slide.dragging img {
    pointer-events: none;
}

.slick-initialized .slick-slide {
    display: inline-block;
    text-align: center;
    vertical-align: top
}

.slick-loading .slick-slide {
    visibility: hidden;
}

.slick-vertical .slick-slide {
    display: block;
    height: auto;
}

.slick-arrow {
    font-size: 0;
    line-height: 0;
    position: absolute;
    top: 50%;
    display: block;
    padding: 0;
    cursor: pointer;
    color: transparent;
    opacity: 0.5;
    border: none;
    outline: none;
    z-index: 9;
    text-align: center;
    border-radius: 0;
    width: 40px;
    height: 40px;
    background: none;
    transform: translate(0, -50%);
    transition: all 0.3s ease 0s;
}

.slick-arrow:hover,
.arrows-hidden:hover .slick-arrow {
    opacity: 1;
}

.arrows-hidden .slick-arrow {
    opacity: 0;
}

.slick-next {
    right: 20px;
}

.slick-prev {
    left: 20px;
}

.slick-dotted.slick-slider {
    margin: 0;
    overflow: hidden;
    padding: 0 0 25px;
}

.slick-dots {
    position: absolute;
    bottom: 0;
    display: block;
    width: 100%;
    padding: 0;
    margin: 0;
    list-style: none;
    text-align: center;
}

.slick-dots li {
    position: relative;
    display: inline-block;
    width: 8px;
    height: 8px;
    margin: 0 5px;
    cursor: pointer;
    border-radius: 50%;
    transition: all 0.3s ease 0s;
}

.slick-dots li button {
    font-size: 0;
    line-height: 0;
    display: block;
    width: 8px;
    height: 8px;
    padding: 0;
    cursor: pointer;
    color: transparent;
    border: 0;
    outline: none;
    background: #3D464D;
    border-radius: 50%;
    transition: all 0.3s ease 0s;
}

.slick-dots li:hover button,
.slick-dots li button:hover,
.slick-dots li button:focus,
.slick-dots li.slick-active button {
    outline: none;
    background: #9ea2a6;
}

.slick-dots li button:hover:before,
.slick-dots li button:focus:before {
    opacity: 1;
}

.slick-dots li.slick-active button:before {
    opacity: .75;
    color: black;
}

.carousel-normal .slick-list,
.carousel-normal .slick-track,
.carousel-normal .slick-slide,
.carousel-normal .slick-slide > div,
.carousel-normal .slide,
.carousel-normal .slide .bgr {
    height: 100%;
}

.carousel-side .slick-slide {
    text-align: left;
    padding: 15px;
}

/*------------------------------------*\
    PAGES
\*------------------------------------*/

.text-white,
.text-white h1,
.text-white h2,
.text-white h3,
.text-white h4,
.text-white h5,
.text-white h6,
.text-white h7,
.text-white h8,
.text-white p,
.text-white a:not(.btn) {
    color: #fff;
}

.flex {
    display: -webkit-flex;
    display: flex;
    flex-direction: row;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
    justify-content: space-between;
}

.flex-reverse {
    flex-direction: row-reverse;
}

.flex.column {
    flex-direction: column;
}

.flex .grow {
    flex-grow: 1;
}

.flex.center {
    align-items: center;
}

.flex.bottom {
    align-items: flex-end;
}

.flex.justify-end {
    justify-content: flex-end;
}

.section {
    padding: 80px 0;
    position: relative;
    background: none no-repeat scroll center center transparent;
    background-size: cover;
}

.section.light-blue {
    background: #F1F4F7;
}

.bgr-F1F4F7 {
    background-color: #F1F4F7;
}

.bgr-cover {
    background: none no-repeat scroll center center transparent;
    background-size: cover;
}

.acf-map {
    width: 100%;
    height: 240px;
}

.tabs ul.horizontal {
    list-style: none;
    margin: 0 0 35px;
    padding: 0;
    border-bottom: 1px solid #e1e1e1;
}

.tabs ul.horizontal li {
    display: inline-block;
    vertical-align: top;
}

.tabs ul.horizontal li a {
    font-size: 12px;
    font-weight: 400;
    text-transform: uppercase;
    text-decoration: none;
    color: #929292;
    display: block;
    border-bottom: 2px solid transparent;
    padding: 5px 25px;
    margin-bottom: -1px;
}

.tabs ul.horizontal li a:hover,
.tabs ul.horizontal li.active a {
    color: #053d95;
    border-color: #00a8ff;
}

.accordion .content {
    background: #F1F4F7;
    border-radius: 6px;
    padding: 0;
    margin: 0 0 15px;
}

.accordion .title {
    font-size: 18px;
    font-weight: 500;
    line-height: 28px;
    position: relative;
    cursor: pointer;
    margin: 0;
    padding: 15px 40px 15px 20px;
}

.accordion svg.plus {
    width: 16px;
    height: 16px;
    position: absolute;
    right: 20px;
    top: 22px;
}

.accordion svg.play {
    display: inline-block;
    vertical-align: middle;
    margin: -4px 0 0 8px;
}

.accordion .items {
    font-size: 16px;
    padding: 0 20px 20px;
}

.accordion .items p {
    margin: 0 0 20px;
}

.accordion .items p:last-child {
    margin: 0;
}

.accordion.side .content {
    margin: 0;
}

.accordion.side svg.plus {
    width: 18px;
    height: 10px;
    top: 20px;
}

.accordion.side .active svg.plus {
    transform: rotate(180deg);
}

.accordion.side .title {
    font-size: 20px;
    padding: 10px 40px 10px 20px;
}

.accordion.side .items {
    font-size: 0;
    padding: 8px 20px 0;
}

.accordion.side .items a {
    margin: 0 8px 8px 0;
}

.jscroll-added {
    width: 100%;
}

.jscroll-inner {
    display: -webkit-flex;
    display: flex;
    flex-direction: row;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
    justify-content: initial;
    gap: 0 2.5%;
}

.first-featured .as-box:first-child {
    width: 100%;
}

.discount + .price {
    text-decoration: line-through
}

/*------------------------------------*\
    FORMS
\*------------------------------------*/

.search-input,
.wpcf7-text,
select.wpcf7-select,
div.wpcf7-select a,
.wpcf7-textarea,
.chosen-container-single .chosen-single {
    font-size: 16px;
    line-height: 1.4;
    color: #3D464D;
    border: 1px solid #fff;
    outline: 0;
    background: #fff;
    width: 100%;
    height: 40px;
    padding: 8px 15px;
    margin: 5px 0 0;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    -webkit-appearance: none;
    transition: all 0.3s ease 0s;
}

.wpcf7-text:focus,
.wpcf7-textarea:focus {
    outline: 0;
    border: 1px solid #fff;
}

.wpcf7-not-valid {
    color: #df0000;
    border-color: #df0000;
}

.wpcf7-select {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}

.wpcf7-textarea {
    resize: vertical;
    height: auto;
}

.submit-wrap {
    overflow: hidden;
}

.submit-wrap span {
    float: right;
    margin: 8px 0 0;
}

.wpcf7-submit:focus,
.wpcf7-submit:active {
    outline: 0;
}

.wpcf7 {
    background: #F1F4F7;
    border-radius: 12px;
    padding: 50px;
}

.wpcf7 label:has(.wpcf7-not-valid) {
    color: #DC4E41;
}

.wpcf7 p {
    font-size: 14px;
    margin: 0 0 15px;
}

.wpcf7 span.wpcf7-not-valid-tip {
    font-size: 12px;
    color: #DC4E41;
}

.wpcf7 form .wpcf7-response-output {
    font-size: 14px;
    font-weight: 400;
    color: #fff;
    border: 1px solid #DC4E41;
    text-align: center;
    margin: 20px 0 0;
    padding: 9px 10px;
    border-radius: 4px;
}

.wpcf7 form.invalid .wpcf7-response-output {
    border-color: #DC4E41;
    background: #DC4E41;
}

.wpcf7 form.sent .wpcf7-response-output {
    background: #00a651;
}

.flatpickr-mobile:before {
    content: attr(placeholder);
}

.flatpickr-mobile:focus[value]:not([value=""]):before,
input[type="hidden"][value]:not([value=""]) + .flatpickr-mobile:before {
    display: none;
}

.chosen-container {
    width: 100%;
    position: relative;
    display: inline-block;
    vertical-align: top;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.chosen-container-single .chosen-single {
    display: block;
    position: relative;
    text-decoration: none;
    white-space: nowrap;
    cursor: pointer;
    padding: 10px 30px;
}

.chosen-container-single .chosen-single span {
    display: block;
    overflow: hidden;
    margin-right: 26px;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.chosen-container-single .chosen-single div {
    display: block;
    position: absolute;
    top: 20px;
    right: 20px;
}

.chosen-container-single .chosen-single div b {
    width: 15px;
    height: 9px;
    background-position: -118px -270px;
}

.chosen-container .chosen-drop {
    position: absolute;
    top: 100%;
    z-index: 1010;
    width: 100%;
    border-right: 1px solid #aaa;
    border-left: 1px solid #aaa;
    border-bottom: 1px solid #aaa;
    border-top: 0;
    background: #fff;
    background-clip: padding-box;
    height: 185px;
    padding: 10px 0;
    clip: rect(0, 0, 0, 0);
    -webkit-clip-path: inset(100% 100%);
    clip-path: inset(100% 100%);
}

.chosen-container .chosen-results {
    position: relative;
    overflow-x: hidden;
    overflow-y: auto;
    margin: 0;
    padding: 0;
    -webkit-overflow-scrolling: touch;
}

.chosen-container.chosen-with-drop .chosen-drop {
    clip: auto;
    -webkit-clip-path: none;
    clip-path: none;
}

.chosen-container .chosen-results li {
    display: none;
    margin: 0;
    padding: 15px 20px;
    list-style: none;
    font-size: 18px;
    line-height: 1;
    transition: all 0.3s ease 0s;
    word-wrap: break-word;
    -webkit-touch-callout: none;
}

.chosen-container .chosen-results li.active-result {
    display: list-item;
    cursor: pointer;
}

.chosen-container-single .chosen-search {
    position: relative;
    z-index: 1010;
    margin: 0;
    padding: 3px 4px;
    white-space: nowrap;
}

.chosen-container-single .chosen-search input[type="text"] {
    margin: 1px 0;
    padding: 4px 20px 4px 5px;
    width: 100%;
    height: auto;
    outline: 0;
    border: 1px solid #aaa;
    font-size: 1em;
    font-family: sans-serif;
    line-height: normal;
    border-radius: 0;
}

.chosen-container-single .chosen-drop {
    background-clip: padding-box;
}

.chosen-container-single.chosen-container-single-nosearch .chosen-search {
    position: absolute;
    clip: rect(0, 0, 0, 0);
    -webkit-clip-path: inset(100% 100%);
    clip-path: inset(100% 100%);
}

::-webkit-input-placeholder {
    opacity: 1;
    color: #000;
}

:-moz-placeholder { /* Firefox 18- */
    opacity: 1;
    color: #000;
}

::-moz-placeholder {  /* Firefox 19+ */
    opacity: 1;
    color: #000;
}

:-ms-input-placeholder {
    opacity: 1;
    color: #000;
}

:placeholder-shown { /* Standard one last! */
    opacity: 1;
    color: #000;
}

/* Simplebar */

[data-simplebar] {
    position: relative;
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
    justify-content: flex-start;
    align-content: flex-start;
    align-items: flex-start;
    height: 100%;
    padding: 0;
}

.simplebar-wrapper {
    overflow: hidden;
    width: inherit;
    height: inherit;
    max-width: inherit;
    max-height: inherit;
    height: 185px;
}

.simplebar-mask {
    direction: inherit;
    position: absolute;
    overflow: hidden;
    padding: 0;
    margin: 0;
    left: 0;
    top: 0;
    bottom: 0;
    right: 0;
    width: auto !important;
    height: auto !important;
    z-index: 0;
}

.simplebar-offset {
    direction: inherit !important;
    box-sizing: inherit !important;
    resize: none !important;
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    padding: 0;
    margin: 0;
    -webkit-overflow-scrolling: touch;
}

.simplebar-content-wrapper {
    direction: inherit;
    box-sizing: border-box !important;
    position: relative;
    display: block;
    height: 100%; /* Required for horizontal native scrollbar to not appear if parent is taller than natural height */
    width: auto;
    visibility: visible;
    max-width: 100%; /* Not required for horizontal scroll to trigger */
    max-height: 100%; /* Needed for vertical scroll to trigger */
    scrollbar-width: none;
}

.simplebar-content-wrapper::-webkit-scrollbar,
.simplebar-hide-scrollbar::-webkit-scrollbar {
    display: none;
}

.simplebar-content:before,
.simplebar-content:after {
    content: ' ';
    display: table;
}

.simplebar-placeholder {
    max-height: 100%;
    max-width: 100%;
    width: 100%;
    pointer-events: none;
}

.simplebar-height-auto-observer-wrapper {
    box-sizing: inherit !important;
    height: 100%;
    width: 100%;
    max-width: 1px;
    position: relative;
    float: left;
    max-height: 1px;
    overflow: hidden;
    z-index: -1;
    padding: 0;
    margin: 0;
    pointer-events: none;
    flex-grow: inherit;
    flex-shrink: 0;
    flex-basis: 0;
}

.simplebar-height-auto-observer {
    box-sizing: inherit;
    display: block;
    opacity: 0;
    position: absolute;
    top: 0;
    left: 0;
    height: 1000%;
    width: 1000%;
    min-height: 1px;
    min-width: 1px;
    overflow: hidden;
    pointer-events: none;
    z-index: -1;
}

.simplebar-track {
    background: #dfdfdf;
    z-index: 1;
    position: absolute;
    right: 0;
    bottom: 0;
    pointer-events: none;
    overflow: hidden;
}

[data-simplebar].simplebar-dragging .simplebar-content {
    pointer-events: none;
    user-select: none;
    -webkit-user-select: none;
}

[data-simplebar].simplebar-dragging .simplebar-track {
    pointer-events: all;
}

.simplebar-scrollbar {
    position: absolute;
    right: 0;
    width: 7px;
    min-height: 10px;
}

.simplebar-scrollbar:before {
    position: absolute;
    content: '';
    background: #808080;
    left: 0;
    right: 0;
    opacity: 1;
    transition: opacity 0.2s linear;
}

.simplebar-scrollbar.simplebar-visible:before {
    /* When hovered, remove all transitions from drag handle */
    opacity: 1;
    transition: opacity 0s linear;
}

.simplebar-track.simplebar-vertical {
    top: 8px;
    right: 10px;
    width: 7px;
    border-radius: 10px;
    margin: 0 0 10px;
}

.simplebar-track.simplebar-vertical .simplebar-scrollbar:before {
    top: 0;
    bottom: 0;
}

.simplebar-track.simplebar-horizontal {
    left: 0;
    height: 11px;
}

.simplebar-track.simplebar-horizontal .simplebar-scrollbar:before {
    height: 100%;
    left: 2px;
    right: 2px;
}

.simplebar-track.simplebar-horizontal .simplebar-scrollbar {
    right: auto;
    left: 0;
    top: 2px;
    height: 7px;
    min-height: 0;
    min-width: 10px;
    width: auto;
}

/* Rtl support */
[data-simplebar-direction='rtl'] .simplebar-track.simplebar-vertical {
    right: auto;
    left: 0;
}

.hs-dummy-scrollbar-size {
    direction: rtl;
    position: fixed;
    opacity: 0;
    visibility: hidden;
    height: 500px;
    width: 500px;
    overflow-y: hidden;
    overflow-x: scroll;
}

.simplebar-hide-scrollbar {
    position: fixed;
    left: 0;
    visibility: hidden;
    overflow-y: scroll;
    scrollbar-width: none;
}

.scrollbar.large {
    padding: 0 60px 0 0;
}

.scrollbar.large .simplebar-track.simplebar-vertical,
.scrollbar.large .simplebar-scrollbar {
    width: 15px;
}

/* Tooltip */

.tooltip {
    display: inline-block;
    vertical-align: top;
    font-size: 12px;
    color: #fff;
    text-align: center;
    background: #55555a;
    width: 16px;
    height: 16px;
    border-radius: 50%;
    cursor: pointer;
    margin: 1px 0 0 4px;
}

.jBox-overlay {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0,0,0,.82);
}

.jBox-wrapper {
    text-align: left;
    box-sizing: border-box;
}

.jBox-container {
    background: #55555a;
    border-radius: 4px;
    position: relative;
    word-break: break-word;
    box-sizing: border-box;
}

.jBox-content {
    font-size: 14px;
    color: #fff;
    padding: 15px 20px;
    overflow-x: hidden;
    overflow-y: auto;
    position: relative;
    word-break: break-word;
    box-sizing: border-box;
}

.jBox-pointer {
    position: absolute;
    overflow: hidden;
    box-sizing: border-box;
}

.jBox-pointer:after {
    content: "";
    width: 15px;
    height: 15px;
    position: absolute;
    background: #55555a;
    transform: rotate(45deg);
    box-sizing: border-box;
}

.jBox-pointer-bottom,
.jBox-pointer-top {
    width: 30px;
    height: 12px;
}

.jBox-pointer-top {
    top: 0;
}

.jBox-pointer-bottom {
    bottom: 0;
}

.jBox-pointer-top::after {
    left: 5px;
    top: 6px;
}

.jBox-pointer-bottom::after {
    left: 5px;
    bottom: 7px;
}

/*------------------------------------*\
    CLASSES
\*------------------------------------*/

.relative {
    position: relative;
}

.no-underline {
    text-decoration: none;
}

.font-weight-500 {
    font-weight: 500;
}

.font-size-84 {
    font-size: 84px;
    line-height: 1;
}

.font-size-58 {
    font-size: 58px;
    line-height: 1;
}

.font-size-48 {
    font-size: 48px;
}

.font-size-34 {
    font-size: 34px;
}

.font-size-28 {
    font-size: 28px;
}

.font-size-20 {
    font-size: 20px;
}

.font-size-18 {
    font-size: 18px;
}

.font-size-16 {
    font-size: 16px;
}

.font-size-14 {
    font-size: 14px;
}

.color-0078CA {
    color: #0078CA;
}

.gap { justify-content: initial; }

.gap-1 { gap: 0 1% }

.gap-1-5 { gap: 0 1.5% }

.gap-2 { gap: 0 2%; }

.gap-2-5 { gap: 0 2.5%; }

.gap-3 { gap: 0 3%; }

.gap-4 { gap: 0 4%; }

.gap-5 { gap: 0 5%; }

.gap-6 { gap: 0 6%; }

.gap-7 { gap: 0 7%; }

.gap-8 { gap: 0 8%; }

.gap-9 { gap: 0 9%; }

.max-width-600 { max-width: 600px; }

.max-width-680 { max-width: 680px; margin-left: auto; margin-right: auto; }

.max-width-720 { max-width: 720px; margin-left: auto; margin-right: auto; }

.max-width-800 { max-width: 800px; }

.width-1  { width: 1%; }

.width-2  { width: 2%; }

.width-3  { width: 3%; }

.width-4  { width: 4%; }

.width-5  { width: 5%; }

.width-6  { width: 6%; }

.width-7  { width: 7%; }

.width-8  { width: 8%; }

.width-9  { width: 9%; }

.width-10 { width: 10%; }

.width-11 { width: 11%; }

.width-12 { width: 12%; }

.width-13 { width: 13%; }

.width-14 { width: 14%; }

.width-15 { width: 15%; }

.width-16 { width: 16%; }

.width-17 { width: 17%; }

.width-18 { width: 18%; }

.width-19 { width: 19%; }

.width-20 { width: 20%; }

.width-21 { width: 21%; }

.width-22 { width: 22%; }

.width-23 { width: 23%; }

.width-23-8 { width: 23.8%; }

.width-24 { width: 24%; }

.width-25 { width: 25%; }

.width-26 { width: 26%; }

.width-27 { width: 27%; }

.width-28 { width: 28%; }

.width-29 { width: 29%; }

.width-30 { width: 30%; }

.width-31 { width: 31%; }

.width-31-6 { width: 31.6%; }

.width-32 { width: 32%; }

.width-33 { width: 33%; }

.width-34 { width: 34%; }

.width-35 { width: 35%; }

.width-36 { width: 36%; }

.width-37 { width: 37%; }

.width-38 { width: 38%; }

.width-39 { width: 39%; }

.width-40 { width: 40%; }

.width-41 { width: 41%; }

.width-42 { width: 42%; }

.width-43 { width: 43%; }

.width-44 { width: 44%; }

.width-45 { width: 45%; }

.width-46 { width: 46%; }

.width-47 { width: 47%; }

.width-48 { width: 48%; }

.width-48-5 { width: 48.5%; }

.width-49 { width: 49%; }

.width-50 { width: 50%; }

.width-51 { width: 51%; }

.width-52 { width: 52%; }

.width-53 { width: 53%; }

.width-54 { width: 54%; }

.width-55 { width: 55%; }

.width-56 { width: 56%; }

.width-57 { width: 57%; }

.width-58 { width: 58%; }

.width-59 { width: 59%; }

.width-60 { width: 60%; }

.width-61 { width: 61%; }

.width-62 { width: 62%; }

.width-63 { width: 63%; }

.width-64 { width: 64%; }

.width-65 { width: 65%; }

.width-66 { width: 66%; }

.width-67 { width: 67%; }

.width-68 { width: 68%; }

.width-69 { width: 69%; }

.width-70 { width: 70%; }

.width-71 { width: 71%; }

.width-72 { width: 72%; }

.width-73 { width: 73%; }

.width-74 { width: 74%; }

.width-75 { width: 75%; }

.width-76 { width: 76%; }

.width-77 { width: 77%; }

.width-78 { width: 78%; }

.width-79 { width: 79%; }

.width-80 { width: 80%; }

.width-81 { width: 81%; }

.width-82 { width: 82%; }

.width-83 { width: 83%; }

.width-84 { width: 84%; }

.width-85 { width: 85%; }

.width-86 { width: 86%; }

.width-87 { width: 87%; }

.width-88 { width: 88%; }

.width-89 { width: 89%; }

.width-90 { width: 90%; }

.width-91 { width: 91%; }

.width-92 { width: 92%; }

.width-93 { width: 93%; }

.width-94 { width: 94%; }

.width-95 { width: 95%; }

.width-96 { width: 96%; }

.width-97 { width: 97%; }

.width-98 { width: 98%; }

.width-99 { width: 99%; }

.width-100 { width: 100%; }

.ml-auto { margin-left: auto; }

.ml-15 { margin-left: 15px; }

.mr-15 { margin-right: 15px; }

.mt-0 { margin-top: 0; }

.mt-5 { margin-top: 5px; }

.mt-10 { margin-top: 10px; }

.mt-15 { margin-top: 15px; }

.mt-20 { margin-top: 20px; }

.mt-25 { margin-top: 25px; }

.mt-30 { margin-top: 30px; }

.mt-35 { margin-top: 35px; }

.mt-40 { margin-top: 40px; }

.mt-45 { margin-top: 45px; }

.mt-50 { margin-top: 50px; }

.mt-55 { margin-top: 55px; }

.mt-60 { margin-top: 60px; }

.mt-65 { margin-top: 65px; }

.mt-70 { margin-top: 70px; }

.mt-75 { margin-top: 75px; }

.mt-80 { margin-top: 80px; }

.mt-85 { margin-top: 85px; }

.mt-90 { margin-top: 90px; }

.mt-95 { margin-top: 95px; }

.mt-100 { margin-top: 100px; }

.mb-0 { margin-bottom: 0; }

.mb-5 { margin-bottom: 5px; }

.mb-10 { margin-bottom: 10px; }

.mb-12 { margin-bottom: 12px; }

.mb-15 { margin-bottom: 15px; }

.mb-20 { margin-bottom: 20px; }

.mb-25 { margin-bottom: 25px; }

.mb-30 { margin-bottom: 30px; }

.mb-35 { margin-bottom: 35px; }

.mb-40 { margin-bottom: 40px; }

.mb-45 { margin-bottom: 45px; }

.mb-50 { margin-bottom: 50px; }

.mb-55 { margin-bottom: 55px; }

.mb-60 { margin-bottom: 60px; }

.mb-65 { margin-bottom: 65px; }

.mb-70 { margin-bottom: 70px; }

.mb-75 { margin-bottom: 75px; }

.mb-80 { margin-bottom: 80px; }

.mb-85 { margin-bottom: 85px; }

.mb-90 { margin-bottom: 90px; }

.mb-95 { margin-bottom: 95px; }

.mb-100 { margin-bottom: 100px; }

.pl-30 { padding-left: 30px; }

.pl-60 { padding-left: 60px; }

.pr-60 { padding-right: 60px; }

.pt-0 { padding-top: 0; }

.pt-5 { padding-top: 5px; }

.pt-10 { padding-top: 10px; }

.pt-15 { padding-top: 15px; }

.pt-20 { padding-top: 20px; }

.pt-25 { padding-top: 25px; }

.pt-30 { padding-top: 30px; }

.pt-35 { padding-top: 35px; }

.pt-40 { padding-top: 40px; }

.pt-45 { padding-top: 45px; }

.pt-50 { padding-top: 50px; }

.pt-55 { padding-top: 55px; }

.pt-60 { padding-top: 60px; }

.pt-65 { padding-top: 65px; }

.pt-70 { padding-top: 70px; }

.pt-75 { padding-top: 75px; }

.pt-80 { padding-top: 80px; }

.pt-85 { padding-top: 85px; }

.pt-90 { padding-top: 90px; }

.pt-95 { padding-top: 95px; }

.pt-100 { padding-top: 100px; }

.pt-110 { padding-top: 110px; }

.pt-150 { padding-top: 150px; }

.pb-0 { padding-bottom: 0; }

.pb-5 { padding-bottom: 5px; }

.pb-10 { padding-bottom: 10px; }

.pb-15 { padding-bottom: 15px; }

.pb-20 { padding-bottom: 20px; }

.pb-25 { padding-bottom: 25px; }

.pb-30 { padding-bottom: 30px; }

.pb-35 { padding-bottom: 35px; }

.pb-40 { padding-bottom: 40px; }

.pb-45 { padding-bottom: 45px; }

.pb-50 { padding-bottom: 50px; }

.pb-55 { padding-bottom: 55px; }

.pb-60 { padding-bottom: 60px; }

.pb-65 { padding-bottom: 65px; }

.pb-70 { padding-bottom: 70px; }

.pb-75 { padding-bottom: 75px; }

.pb-80 { padding-bottom: 80px; }

.pb-85 { padding-bottom: 85px; }

.pb-90 { padding-bottom: 90px; }

.pb-95 { padding-bottom: 95px; }

.pb-100 { padding-bottom: 100px; }


/*------------------------------------*\
    RESPONSIVE
\*------------------------------------*/

@media only screen and (max-width: 1280px) {

}

@media only screen and (max-width: 1140px) {
    .side-menu a {
        min-width: auto;
    }
}

@media only screen and (max-width: 1024px) {
    .nav li {
        margin: 0 10px;
    }
}

@media only screen and (max-width: 960px) {
    .nav li:hover .sub-menu {
        display: none;
    }

    .btn.hidden {
        display: inline-block;
    }

    .mobile-960-width-100 {
        width: 100%;
    }

    .mobile-960-width-70 {
        width: 70%;
    }

    .mobile-960-width-48 {
        width: 48%;
    }

    .mobile-960-width-31 {
        width: 31%;
    }

    .mobile-960-width-30 {
        width: 30%;
    }

    .mobile-960-mb-20 {
        margin-bottom: 20px;
    }

    .mobile-960-mb-10 {
        margin-bottom: 10px;
    }
    
    .mobile-960-text-left {
        text-align: left;
    }

    .btn-menu,
    .header .menu-item-has-children > a > span.toggle {
        display: block;
    }

    .nav .btn-menu {
        display: block;
        background: url('img/icon-open.png') no-repeat scroll center center transparent;
        background-size: cover;
        width: 30px;
        height: 30px;
        position: absolute;
        right: 20px;
        top: 13px;
        cursor: pointer;
        border: 0;
        outline: 0;
        padding: 0;
    }

    .nav.active .btn-menu {
        background-image: url('img/icon-close.png');
        background-size: 90%;
    }

    .nav ul {
        display: none;
        position: absolute;
        left: 0;
        top: 55px;
        width: 100%;
        height: auto;
        height: calc(100vh - 105px);
        border-bottom-right-radius: 12px;
        border-bottom-left-radius: 12px;
        padding: 0;
        z-index: 99;
        background: #F1F4F7;
        text-align: left;
    }

    .nav.active > ul {
        display: block;
    }
	
    .nav > ul > li {
        display: block;
        width: 100%;
        height: auto;
        background: #F1F4F7;
        padding: 0;
        margin: 0;
        text-align: left;
        border-bottom: 1px solid #e5e5e5;
    }

    .header a > span.toggle {
        background: url('img/icon-plus.png') no-repeat scroll center center transparent;
        background-size: 30px;
        width: 60px;
        height: 54px;
        position: absolute;
        right: 0;
        top: 0;
        z-index: 999;
    }

    .header a > span.toggle.active {
        background-image:  url('img/icon-minus.png');
    }

    .nav > ul > li > a {
        display: block;
        padding: 15px 20px;
        height: auto;
    }

    .nav li.btn {
        border-left: 0;
        border-right: 0;
        border-top: 0;
    }

    .nav li.btn:hover {
        background: none;
        border-color: #e5e5e5;
    }

    .nav li.btn a {
        padding: 15px 20px;
        color: #3D464D;
    }

    .nav li.btn:hover a {
        color: #0078CA;
    }
	
	body.active-header::after {
        content: '';
        background: #fff;
        opacity: 1;
        position: fixed;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
    }

    body.active-header .header .wrapper {
        background: #F1F4F7;
        border-bottom-right-radius: 0;
        border-bottom-left-radius: 0;
    }

    body.active-header .header .wrapper {
        box-shadow: none;
    }

    .header .logo img {
        height: 35px;
    }

    .header .nav {
        height: 55px;
    }

    .header .btn.hidden {
        position: absolute;
        top: 11px;
        right: 70px;
        padding: 6px 20px;
    }

    .header .nav .sub-menu {
        position: relative;
        width: 100%;
        border: 0;
        padding: 0;
        margin: 0;
        border-radius: 0;
        border: 0;
        text-align: left;
    }

    .header .nav .sub-menu li {
        margin: 0;
        padding: 0;
        border-top: 1px solid #e5e5e5;
    }

    .header .nav .sub-menu li a {
        display: block;
        font-size: 14px;
        padding: 1em 10%;
        margin: 0;
    }

    .header.shadow-no .wrapper {
        box-shadow: 0px 1px 3px 0px rgba(0,0,0,0.16);
    }
}

@media only screen and (max-width: 800px) {
    .mobile-800-hidden,
    .collapsible .btn-collapse,
    br {
        display: none;
    }

    .section {
        padding-top: 40px;
        padding-bottom: 40px;
    }

    .section.pt-150 {
        padding-top: 150px;
    }

    .section.pt-110 {
        padding-top: 110px;
    }

    .section.pb-0 {
        padding-bottom: 0;
    }

    .section.pt-0 {
        padding-top: 0;
    }

    .section.pt-80 {
        padding-top: 40px;
    }

    .section.pb-80 {
        padding-bottom: 40px;
    }

    .section.pb-45 {
        padding-bottom: 5px;
    }
    
    .mobile-800-width-100 {
        width: 100%;
    }

    .mobile-800-width-49-2 {
        width: 49.2%;
    }
    
    .mobile-800-width-48 {
        width: 48%;
    }

    .mobile-800-pt-60 {
        padding-top: 60px;
    }

    .mobile-800-pt-30 {
        padding-top: 30px;
    }

    .mobile-800-pb-60 {
        padding-bottom: 60px;
    }

    .mobile-800-pb-40,
    .section.mobile-800-pb-40 {
        padding-bottom: 40px;
    }

    .mobile-800-pb-30 {
        padding-bottom: 30px;
    }

    .mobile-800-pb-0 {
        padding-bottom: 0;
    }

    .mobile-800-mt-40 {
        margin-top: 40px;
    }

    .mobile-800-mt-20 {
        margin-top: 20px;
    }

    .mobile-800-mb-30 {
        margin-bottom: 30px;
    }
    
    .mobile-800-mb-20 {
        margin-bottom: 20px;
    }

    .mobile-800-mb-0 {
        margin-bottom: 0;
    }
    
    .mobile-800-text-left {
        text-align: left;
    }

    .mobile-800-text-center {
        text-align: center;
    }

    .mobile-800-order-1 {
        order: 1;
    }

    .mobile-800-order-2 {
        order: 2;
    }

    .mobile-800-order-3 {
        order: 3;
    }

    .footer .copyright {
        margin: 40px 0 0;
    }

    .pl-30 {
        padding-left: 0;
    }

    .pr-60 {
        padding-right: 30px;
    }

    .pl-60 {
        padding-left: 30px;
    }

    .font-size-48 {
        font-size: 38px;
    }

    .max-width-600 {
        max-width: 100%;
    }

    .collapsible {
        padding-top: 0;
        border: 0;
    }

    .header-wrap.size-500 {
        height: 300px;
    }

    .link-box {
        justify-content: initial;
    }

    .link-box .width-24 {
        max-width: 80px;
    }

    .link-box .width-70 {
        width: 76%;
        padding: 0 0 0 20px;
    }

    .pricing-table .as-box-wrap {
        margin-top: 40px;
    }

    .pricing-table .as-box-wrap.best-no {
        padding-top: 0;
    }
}

@media only screen and (max-width: 768px) {

}

@media only screen and (max-width: 640px) {
    .mobile-640-width-100 {
        width: 100%;
    }

    .mobile-640-order-1 {
        order: 1;
    }

    .mobile-640-order-2 {
        order: 2;
    }

    .mobile-640-text-left {
        text-align: left;
    }

    .mobile-640-mb-20 {
        margin-bottom: 20px;
    }

    .wpcf7 {
        padding: 20px;
    }
}

@media only screen and (max-width: 480px) {
    .mobile-480-hidden {
        display: none;
    }

    .mobile-480-width-100 {
        width: 100%;
    }
}

@media only screen and (max-width: 320px) {

}

/*------------------------------------*\
    MISC
\*------------------------------------*/

::selection {
    background: #04A4CC;
    color: #FFF;
    text-shadow: none;
}

::-webkit-selection {
    background: #04A4CC;
    color: #FFF;
    text-shadow: none;
}

::-moz-selection {
    background: #04A4CC;
    color: #FFF;
    text-shadow: none;
}

/*------------------------------------*\
    WORDPRESS CORE
\*------------------------------------*/

.wp-block-embed {
    margin: 0 0 30px;
}

.wp-block-embed:last-child {
    margin: 0;
}

.wp-block-embed iframe {
    border-radius: 12px;
}

.wp-block-embed-youtube .wp-block-embed__wrapper {
    position: relative;
    padding-bottom: 56.25%; /* 16:9 aspect ratio */
    height: 0;
    overflow: hidden;
    max-width: 100%;
}

.wp-block-embed-youtube iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border: 0;
}

.alignnone {
    margin: 5px 20px 20px 0;
}

.aligncenter,
div.aligncenter {
    display: block;
    margin: 5px auto 5px auto;
}

.alignright {
    float: right;
    margin: 5px 0 20px 20px;
}

.alignleft {
    float: left;
    margin: 5px 20px 20px 0;
}

a img.alignright {
    float: right;
    margin: 5px 0 20px 20px;
}

a img.alignnone {
    margin: 5px 20px 20px 0;
}

a img.alignleft {
    float: left;
    margin: 5px 20px 20px 0;
}

a img.aligncenter {
    display: block;
    margin-left: auto;
    margin-right: auto;
}

.wp-caption {
    background: #FFF;
    border: 1px solid #F0F0F0;
    max-width: 96%;
    padding: 5px 3px 10px;
    text-align: center;
}

.wp-caption.alignnone {
    margin: 5px 20px 20px 0;
}

.wp-caption.alignleft {
    margin: 5px 20px 20px 0;
}

.wp-caption.alignright {
    margin: 5px 0 20px 20px;
}

.wp-caption img {
    border: 0 none;
    height: auto;
    margin: 0;
    max-width: 98.5%;
    padding: 0;
    width: auto;
}

.wp-caption .wp-caption-text,
.gallery-caption {
    font-size: 11px;
    line-height: 17px;
    margin: 0;
    padding: 0 4px 5px;
}

/*------------------------------------*\
    PRINT
\*------------------------------------*/

@media print {
    * {
        background: transparent !important;
        color: #000 !important;
        box-shadow: none !important;
        text-shadow: none !important;
    }
    
    a,
    a:visited {
        text-decoration: underline;
    }
    
    a[href]:after {
        content: " (" attr(href) ")";
    }
    
    abbr[title]:after {
        content: " (" attr(title) ")";
    }
    
    .ir a:after,
    a[href^="javascript:"]:after,
    a[href^="#"]:after {
        content: "";
    }
    
    pre,blockquote {
        border: 1px solid #999;
        page-break-inside: avoid;
    }
    
    thead {
        display: table-header-group;
    }
    
    tr,img {
        page-break-inside: avoid;
    }
    
    img {
        max-width: 100% !important;
    }
    
    @page {
        margin: 0.5cm;
    }
    
    p,
    h2,
    h3 {
        orphans: 3;
        widows: 3;
    }
    
    h2,
    h3 {
        page-break-after: avoid;
    }
}