.logo {
    margin-bottom: 20px;
}
.sticky .preheader {
    display: none;
}
@media(max-width: 991px) {
    .preheader {
        display: none;
    }
}
@media(min-width: 768px) {
    body {
        padding-top: 380px;
    }
    .header-1 {
        position: absolute;
        top: 0;
    }
}
header.header-1 .main-menu ul>li>a {
    font-size: 20px;
    font-style: normal;
    font-weight: 500;
}
header.header-1 .main-menu ul>li:hover>a {
    color: #459bd8;
}
.mean-container .mean-nav ul li a {
    color: var(--main-color);
}
.widget-main_before .wid-title h3, .widget-main_after .wid-title h3 {
    font-size: 3.3rem;
}

/* CUSTOM COLORS VARIABLES *******************/

:root {
    --main-color: #014d75;
    --highlight-color: #F59532;
    --gradient-color: linear-gradient(to right, #014d75, #014d75);
    --gradient-color2: linear-gradient(to right, #014d75, #014d75);
}

/* CUSTOM HEADINGS ***************************/
h1, h2, h3, h4, h5, h6 {
    font-family: "Rubik", sans-serif;
    text-transform: none;
    line-height: 1;
    font-weight: 700;
}
h1 small, h2 small, h3 small, h4 small, h5 small, h6 small {
    text-transform: uppercase;
}
@media (min-width: 1200px) {
    .h2, h2 {
        font-size: 3rem;
    }
}
h5 {
    color: #a7a7a9;
    font-size: 1.4rem;
    text-transform: uppercase !important;
    font-weight: 400;
}
.content p+h2, .content ul+h2, .content ol+h2 {
    margin-top: 35px;
}
.content h2+h3 {
    margin-top: 35px;
}
.content p+h3, .content ul+h3, .content ol+h3 {
    margin-top: 25px;
}

/* H2 CUSTOM *********************************

h2 {
    font-size: 52px;
    position: relative;
    margin-bottom: 70px;
}*/

/* H2 UNDERLINE ******************************

h2::after {
    content: '';
    display: block;
    width: 200px;
    height: 1px;
    background: var(--highlight-color);
    position: absolute;
    bottom: -30px;
    left: 0;
}
h2.text-center::after, h2[style*="text-align:center"]::after,
.text-center h2::after, [style*="text-align:center"] h2::after {
    transform: translateX(-50%);
    margin-left: 50%;
    left: auto !important;
}*/

/*.bg-cover {
    background-size: contain;
    background-position: top right 20px;
}*/

/* SLIDE ************************************/

.hero-social-elements {
    background-color: rgba(255, 255, 255, 0.4);
}
.hero-social-elements .social-link,
.hero-social-elements .social-link a {
    background-color: transparent;
}
.hero-social-elements .social-link a {
    border: 1px solid var(--main-color);
    font-size: 20px;
}
.hero-social-elements .long-arrow, .hero-social-elements .social-link::after {
    background-color: var(--main-color);
}
.hero-social-elements .long-arrow::before {
    border-top: 9px solid var(--main-color);
}
.hero-social-elements .social-link {
    top: 43%;
}
.hero-social-elements .social-link::after {
    top: 160%;
}
.hero-1 img.bg-hero {
    position: absolute;
    left: 0;
    top: -30px;
    height: auto;
    max-width: 50% !important;
    max-height: 100%;
}
.hero-1 .owl-item img {
    width: auto;
    height: auto;
    max-width: 100%;
    display: inline-block;
    max-height: 100%;
}
.hero-1 .hero-contents h1 {
    color: var(--main-color);
    font-size: 42px;
    font-weight: 800;
    letter-spacing: -1px;
}
.hero-1 .hero-contents h1 small {
    color: #459bd8;
    font-size: 31px;
}
.hero-1 .hero-contents ul li {
    font-size: 24px;
    margin-bottom: 10px;
    list-style: none;
    position: relative;
    padding-left: 8px;
}
.hero-1 .hero-contents li::before {
    display: block;
    content: '\f061';
    font-family: 'Font Awesome 6 Pro';
    position: absolute;
    left: -30px;
    color: var(--main-color);
}
.bg-hero {
    opacity: 0;
}
@media (min-width: 992px) {
    .bg-hero {
        opacity: 1;
    }
    .hero-1 .hero-contents {
        padding-top: 184px;
        padding-right: 145px;
        overflow: visible;
    }
    .hero-1 .hero-contents::after {
        content: '';
        background: url('../images/arrow.png') no-repeat;
        background-size: contain;
        display: block;
        position: absolute;
        left: 100%;
        bottom: 20px;
        margin-left: -47px;
        width: 150px;
        height: 128px;
        animation: bounceRotate 1.2s ease-in-out infinite;
        transform-origin: center;
    }
    .hero-1 .container-fluid {
        padding-left: 40px;
        padding-right: 0;
    }
    .hero-1 .container-fluid {
        padding-left: 12vw;
        padding-right: 0;
    }
    .hero-1 {
        margin-top: -55px;
    }
}
@keyframes bounceRotate {
    0%   { transform: translateY(0) rotate(0deg); }
    50%  { transform: translateY(10px) rotate(5deg); }
    100% { transform: translateY(0) rotate(0deg); }
}
@media (min-width: 1800px) {
    .hero-1 .hero-contents::after {
        width: 226px;
        height: 190px;
    }
}
@media (min-width: 1400px) {
    .hero-1 .container-fluid {
        padding-left: 170px;
        padding-right: 0;
    }
}
.hero-1, .hero-1 .owl-item, .hero-1 .single-slide.bg-cover {
    height: auto;
    min-height: auto;
    max-height: none;
}
@media (min-width: 992px) and (max-width: 1400px) {
    .hero-1 .container-fluid {
        padding-left: 20px;
    }
}
@media (min-width: 1401px) and (max-width: 1900px) {
    .hero-1 .container-fluid {
        padding-left: 124px;
    }
}
@media (min-width: 992px) and (max-width: 1900px) {
    .hero-1 .hero-contents {
        padding-top: 88px;
        padding-right: 30px;
    }
    .hero-1 .hero-contents h1 {
        font-size: 38px;
        font-weight: 800;
        letter-spacing: -1px;
    }
    .hero-1 .hero-contents h1 small {
        font-size: 28px;
    }
    .hero-1 .hero-contents ul li {
        font-size: 20px;
        margin-bottom: 2px;
        padding-left: 1px;
    }
}

/* SLIDE PARAGRAPH ***************************

.hero-1 .hero-contents p {
    color: #888888;
}*/

/* HIDE SLIDE OVERLAY ************************/

.hero-1 .single-slide.bg-cover::before {
    display: none;
}

/* CUSTOM BUTTONS ****************************/

.btn {
    font-size: 16px;
    border-radius: 8px;
    letter-spacing: 1px;
    padding-left: 53px;
    padding-right: 53px;
    padding-top: 18px;
    padding-bottom: 18px;
}
.btn:hover {
    padding-left: 65px;
    padding-right: 41px;
}
.btn-primary.active, .btn-primary:hover, .btn-reverse {
    box-shadow: 80px 0 190px -100px #008AD1 inset;
}

/* SERVICE CARD WITHOUT BORDERS **************

.single-service-card {
    border: none;
    background-color: transparent;
    box-shadow: none;
}*/

.single-service-card .content {
    text-align: center;
}
.single-service-card h3 {
    text-transform: uppercase;
    margin: 0 0 10px;
}
.single-service-card h4 {
    color: #999;
    text-transform: uppercase;
    margin: 0 0 10px;
}

/* PARALLAX POLYGON **************************

.parallax-wrap {
    background-color: #434F5B;
    padding: 10vh 10vh 8vh 10vh;
    min-height: 450px;
    transform: translate3d(0, 0, 0);
    clip-path: polygon(0 18%, 100% 0, 100% 100%, 0% 100%);
}*/

/* INVERSE FOOTER COLORS *********************

.footer-2 .footer-widgets-wrapper {
    background-color: #fff;
}*/
.footer-wrap {
    background-color: transparent;
    margin-top: -40px;
}
.footer-2 .footer-widgets-wrapper {
    clip-path: polygon(0 7%, 100% 0, 100% 100%, 0% 100%);
}
.footer-2 .footer-bottom {
    background-color: #003a59;
}
.footer-bottom * {
    color: #a7a7a9 !important;
}
/*
.footer-wrap .single-footer-wid.site_info_widget .single-contact-info .icon {
    color: var(--highlight-color)!important;
}*/

.single-service-card .badge {
    position: absolute;
    background: rgba(85, 197, 136, 0.8);
    z-index: 1;
    left: -16px;
    top: 80px;
    padding: 15px 26px;
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
}
.single-service-card .badge.badge-price {
    background: rgba(45, 54, 111, 0.8);
    top: 20px;
    font-size: 20px;
}

#widget-8 .image {
    text-align: left;
}

/*@media (min-width: 2200px) {
    #widget-8 .col-xxl-5 {
        transform: translateX(-5vw);
    }
}*/

.widget-main_before h2+h5,
.widget-main_after h2+h5 {
    position: relative;
    margin-bottom: 100px;
    color: #459bd8;
}
.widget-main_before h2+h5::after,
.widget-main_after h2+h5::after {
    display: block;
    content: '';
    height: 12px;
    width: 180px;
    position: absolute;
    background: var(--highlight-color);
    bottom: -30px;
    border-radius: 6px;
}
.widget-main_before h2.text-center+h5::after,
.widget-main_after h2.text-center+h5::after {
    margin-left: 50%;
    transform: translateX(-90px);
}
.footer-widgets-wrapper p, .footer-widgets-wrapper a {
    color: #cbcbcb !important;
}

.side-info {
    background: #FFFFF6;
}
.mobile-nav__contact li i {
    color: #fff;
    background-color: var(--main-color);
}
.mobile-nav__contact li a {
    color: var(--main-color);
}
.mobile-nav__contact li {
    color: var(--main-color);
}
.side-info .side-info-content .offset__widget.offset__header .side-info-close {
    background: var(--main-color);
}
.search__popup {
    background-color: #1B2143;
}
.mobile-nav__social a i {
    color: var(--main-color);
}

#widget-8 .col-xl-6:first-child {
    padding-left: 0 !important;
}
#widget-16 .pflow-video {
    width: 95%;
}
@media(min-width: 1500px) {
    #widget-16 .pflow-video {
        width: 70%;
    }
    figure.pflow-iframe iframe {
        width: 70%;
    }
}
#widget-16 .pflow-video iframe {
    border-radius: 20px;
}
#widget-16 .pflow-video::after {
    display: block;
    width: 100%;
    height: 100%;
    border-radius: 30px;
    background-color: var(--highlight-color);
    content: '';
    position: absolute;
    top: 0;
    z-index: -1;
    transform: rotate(-3deg);
}

#widget-17 {
    background: #f5f5f5;
    padding-top: 150px;
    padding-bottom: 50px;
    clip-path: polygon(0 7%, 100% 0, 100% 97%, 0% 100%);
}
#widget-17 figure.pflow-iframe {
    height: calc(1213px - 9.12vw);
}
#widget-17 iframe .feed-content-thumbnail {
    border-radius: 14px 14px 0 0;
    overflow: hidden;
}
#widget-10 {
    z-index: -1;
    position: relative;
}
#widget-10 .parallax-wrap {
    padding-top: 190px;
}
#widget-18 {
    background: linear-gradient(90deg, #deebe8, #fbf9ed);
    clip-path: polygon(0 15%, 100% 0, 100% 100%, 0 85%);
    padding-top: 150px;
    padding-bottom: 150px;
    position: relative;
    z-index: 1;
    margin-bottom: -160px;
}
@media (max-width: 768px) {
    #widget-18 {
        clip-path: polygon(0 5%, 100% 0, 100% 100%, 0 95%);
    }
    .parallax-wrap h2, .video-content h2, h1 {
        font-size: 50px;
        line-height: 1;
    }
    .footer-2 .footer-widgets-wrapper {
        clip-path: polygon(0 5%, 100% 0, 100% 100%, 0% 100%);
    }
    .h2, h2 {
        font-size: 32px;
    }
    .parallax-wrap {
        padding-left: 0vh;
        padding-right: 0vh;
    }
    .parallax-wrap ol {
        padding-left: 0;
    }
}
#widget-18 h3 {
    text-transform: uppercase;
    font-size: 26px;
    font-weight: 700;
    margin-bottom: 6px;
}
#widget-18 .widget-content,
#widget-19 .widget-content {
    width: 95%;
    margin: 0 auto;
}
#widget-19 {
    margin-top: 150px;
}
#widget-19 .image, #widget-19 img {
    border-radius: 0 !important;
}
@media (min-width: 1500px) {
    #widget-18 .widget-content,
    #widget-19 .widget-content {
        width: 70%;
    }
    #widget-18 .widget-content .col {
        padding-right: calc(var(--bs-gutter-x) * 2);
        padding-left: calc(var(--bs-gutter-x) * 2);
    }
}
.col-2\.4 {
    flex: 1 0 0%;
    width: auto;
}
@media (max-width: 767px) {
  .col-2\.4 {
    width: 100% !important;
    flex: 0 0 100% !important;
    max-width: 100% !important;
  }
}
.single-contact-info.huge {
    font-size: 26px;
    font-weight: bold;
    overflow: visible !important;
}
.single-contact-info.huge a {
    color: #fff !important;
}
.footer-wrap .single-footer-wid.site_info_widget .single-contact-info {
    justify-content: center;
}


@media (max-width: 768px) {
    [class~="col"]:not([class*="col-xs-"]),
    [class*=" col-"]:not([class*="col-xs-"]),
    [class^="col-"]:not([class*="col-xs-"]) {
        flex: 0 0 100% !important;
        max-width: 100% !important;
    }
}