/* GENERAL */

/* Fonts */

/* lato-300 - latin */
@font-face {
    font-family: 'Lato';
    font-style: normal;
    font-weight: 300;
    src: url('../fonts/lato-v23-latin-300.eot'); /* IE9 Compat Modes */
    src: local(''),
    url('../fonts/lato-v23-latin-300.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
    url('../fonts/lato-v23-latin-300.woff2') format('woff2'), /* Super Modern Browsers */
    url('../fonts/lato-v23-latin-300.woff') format('woff'), /* Modern Browsers */
    url('../fonts/lato-v23-latin-300.ttf') format('truetype'), /* Safari, Android, iOS */
    url('../fonts/lato-v23-latin-300.svg#Lato') format('svg'); /* Legacy iOS */
}

/* lato-regular - latin */
@font-face {
    font-family: 'Lato';
    font-style: normal;
    font-weight: 400;
    src: url('../fonts/lato-v23-latin-regular.eot'); /* IE9 Compat Modes */
    src: local(''),
    url('../fonts/lato-v23-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
    url('../fonts/lato-v23-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
    url('../fonts/lato-v23-latin-regular.woff') format('woff'), /* Modern Browsers */
    url('../fonts/lato-v23-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
    url('../fonts/lato-v23-latin-regular.svg#Lato') format('svg'); /* Legacy iOS */
}
/* lato-700 - latin */
@font-face {
    font-family: 'Lato';
    font-style: normal;
    font-weight: 700;
    src: url('../fonts/lato-v23-latin-700.eot'); /* IE9 Compat Modes */
    src: local(''),
    url('../fonts/lato-v23-latin-700.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
    url('../fonts/lato-v23-latin-700.woff2') format('woff2'), /* Super Modern Browsers */
    url('../fonts/lato-v23-latin-700.woff') format('woff'), /* Modern Browsers */
    url('../fonts/lato-v23-latin-700.ttf') format('truetype'), /* Safari, Android, iOS */
    url('../fonts/lato-v23-latin-700.svg#Lato') format('svg'); /* Legacy iOS */
}

h1, h2, h3, h4, h5, h6, p, span, input, a,
button, ul, li, label {
    font-family: 'Lato', sans-serif;
    color: inherit;
}

strong {
    color:#7FB5FF;
}

h1 {
    font-weight: 600;
    margin: 0.67em 0;
}

h2 {
    margin: 0.25em 0;
}

h4 {
    color: white;
}

p {
    font-size: 20px;
}

/* Colors */

/* Primary: #112B3C */
/* Secondary: #7FB5FF */

.primary-color {
    color: #7FB5FF;
}

.secondary-color {
    color: #112B3C;
}

.white-color {
    color: #ffffff;
}

.black-color {
    color: #000000;
}

/* Style colors title & text */

.stk-title-big {
    font-size: 77px;
}

.stk-title-medium {
    font-size: 55px;
}

.stk-title-normal {
    font-size: 35px;
}

.stk-text-big-2 {
    font-size: 2em;
    color: white !important;
}

/* Carousel */

.stk-carousel:before {
    content: url('../img/card-cheese-icon.svg');
    position: absolute;
    left: -15px;
    top: 3px;
}

.owl-nav {
    position: absolute;
    top: -20px;
    width: 20%;
    text-align: left !important;
}

.owl-nav .owl-prev {
    margin-right: 5% !important;
}

.owl-dots {
    position: absolute;
    margin-top: 15px;
    width: 100%;
    text-align: left !important;
}

.owl-theme .owl-dots .owl-dot span {
    width: 100px;
    height: 5px;
    margin: 5px 7px;
    background: #C4D8E8;
    display: block;
    -webkit-backface-visibility: visible;
    transition: opacity .2s ease;
    border-radius: 5px;
}

.owl-theme .owl-dots .owl-dot.active span, .owl-theme .owl-dots .owl-dot:hover span {
    background: #00273A;
}

.owl-theme .owl-nav [class*=owl-]:hover {
    background: unset;
}

.stk-block-carousel {
    overflow: hidden;
    padding:0;
}

.stk-adjust-carousel {
    padding: 20px 0;
}

.stk-thin {
    font-weight: 300;
}

.item {
    background-color: #7FB5FF;
}

.stk-section-tags {
    background-color:#f0f7fd;
}

.card {
    border: unset;
}

.stk-tag-block {
    box-shadow: 17px 20px 25px 5px #7FB5FF2B;
    background-color: white;
}

.stk-tag h2 {
    color: #7FB5FF;
    font-size: 100px;
    font-weight: 900;
    margin: 20px 0;
}

.stk-tag h5 {
    font-size: 32px;
}

section#description .stk-block-title {
    text-align: left;
}

.stk-form {
    background: #FFFFFF;
    box-shadow: 0 12px 16px 9px #E5E5E5;
    -moz-box-shadow: 0 12px 16px 9px #E5E5E5;
    -o-box-shadow: 0 12px 16px 9px #E5E5E5;
}

/* Buttons & links */

a:hover {
    color: #2d484f;
    text-decoration: underline;
}

a.link-privacy {
    color: #112B3C;
    cursor: pointer;
}

a.link-button {
    color: #ffffff;
    cursor: pointer;
}

.btn-primary, .btn-secondary .btn-stk-transparent {
    padding: 10px 20px;
    text-transform: uppercase;
}

.btn-text{
    font-size: 16px !important;
}

.btn-primary, .btn-primary:focus,
.btn-primary:active {
    background-color: #78b4fb !important;
    border: #78b4fb;
    border-radius: 5px;
    font-size: 20px;
    box-shadow: unset;
    color: #ffffff !important;
}

.btn-primary:hover {
    background-color: #2d484f !important;
    border: #2d484f;
    border-radius: 5px;
    font-size: 20px;
}

.btn-secondary, .btn-secondary:focus,
.btn-secondary:active {
    background-color: #78b4fb !important;
    border: #78b4fb;
    border-radius: 5px;
    font-size: 20px;
    box-shadow: unset;
    color: #ffffff !important;
}

.btn-secondary:hover {
    background-color: #0d2b3b !important;
    border: #0d2b3b;
    border-radius: 5px;
    font-size: 20px;
}

.btn-primary:focus {
    box-shadow: unset;
    color: unset;
}

button:focus {
    outline: none;
}

.btn-primary:not(:disabled):not(.disabled):active:focus {
    box-shadow: unset !important;
}

.btn-primary span.fa, .btn-secondary span.fa {
    margin-left: 20px;
}

.btn-stk-transparent  {
    background-color: #FFFFFF !important;
    border: #78b4fb;
    border-radius: 5px;
    font-size: 20px;
    box-shadow: unset;
    color: #78b4fb !important;
    border: 2px solid;
    padding: 10px 20px;
    margin-left: 30px;
}

.back-to-top {
    position: fixed;
    bottom: 5%;
    right: 3%;
    z-index: 1;
}

.alert-success {
    text-align: center;
}

/* NAVBAR */

.navbar {
    -webkit-backdrop-filter: blur(8px);
    backdrop-filter: blur(8px);
    background: rgba(255,255,255,.7);
}

.navbar p {
    margin-top: 10px;
    margin-bottom: 0;
}

.hidden-mobile {
    display: block;
}

.hidden-desktop {
    display: none;
}

/* DEVICES */

.irs--round .irs-grid-text {
    color: #000000;
}

.irs--round .irs-line, .irs--round .irs-grid-pol {
    background-color: #000000;
}

.irs--flat .irs-bar, .irs--flat .irs-handle>i:first-child,
.irs--flat .irs-from, .irs--flat .irs-to, .irs--flat .irs-single,
.irs--flat .irs-from:before, .irs--flat .irs-to:before {
    background-color: #78b4fb;
}

.irs--flat .irs-single:before {
    border-top-color: #78b4fb;
}

.irs--flat .irs-from, .irs--flat .irs-to, .irs--flat .irs-single,
.irs--flat .irs-min, .irs--flat .irs-max {
    font-size: 14px;
}

.irs--round .irs-handle {
    cursor: pointer;
}

/* FORMS */

.form-control {
    color: #000000 !important;
}

.form-check {
    margin-bottom: 1rem;
}

/* SECTION THREE */

.stk-back-section-three {
    background-color: #f0f7fd;
}

/* SECTION FOUR */

.stk-back-section-four {
    background-image: url("../img/background-form.jpg");
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;
}

.stk-back-section-seven {
    background-image: url("../img/background-form-2.jpg");
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center right;
}

.text-white {
    color:white !important;
}

.stk-back-section-four h2 {
    color: #ffffff;
}

/* SECTION FIVE & SECTION SIX */

.stk-back-content img.img-fluid {
    width: 100%;
}

.stk-back-content-text h3 {
    margin-bottom: 20px;
}

/* FOOTER */

.stk-back-footer {
    background: #2d484f;
    color: #ffffff;
    padding: 5px;
}

.stk-back-footer span {
    font-size: 14px;
}

.modal-footer {
    justify-content: center;
}

/* Block Mobile Button */

.stk-block-mobile-button {
    position: fixed;
    bottom: 0;
    z-index: 1;
    padding: 20px 10px;
    color: #ffffff;
    backdrop-filter: blur(8px);
    background: rgba(255,255,255,.7);
    width: 100%;
}

.stk-block-mobile-button a button {
    padding: 10px 60px;
}

/* MEDIA QUERYS */

@media (max-width: 480px) {

    .navbar, .stk-logo, .hidden-mobile {
        padding: 0;
    }

    .navbar p {
        margin-top: 0;
        font-size: 12px;
    }

    .owl-nav {
        display: none;
    }

    .owl-dots {
        top: 0;
    }

    .navbar .container {
        width: 100%;
        max-width: 100%;
        padding: 0;
        margin: 0;
        justify-content: center;
    }

    .back-to-top {
        bottom: 15%;
    }

    .owl-theme .owl-dots .owl-dot span {
        width: 90px;
    }

    .stk-tag h2 {
        font-size: 70px;
    }

    .stk-tag h5 {
        font-size: 24px;
    }
}

@media (max-width: 768px) {

    .stk-block-text {
        padding: 8% !important;
    }

    .navbar {
        display: block;
        text-align: center;
    }

    .stk-adjust-carousel {
        padding: 20px;
    }

    .stk-section-two h3 {
        display: none;
    }

    .stk-button-submit {
        text-align: center;
    }

    .stk-back-content-text {
        text-align: center;
    }

    .stk-title-big {
        font-size: 32px;
    }

    .stk-title-medium {
        font-size: 30px;
    }

    .stk-title-normal {
        font-size: 26px;
    }
}

@media (min-width: 992px) {
    .hidden-mobile, .stk-block-mobile-button {
        display: none;
    }

    .hidden-desktop {
        display: block;
    }
}

@media (min-width: 480px) {
    section#description .stk-block-title {
        text-align: center;
    }
}

@media (min-width: 768px) {
    .stk-button-submit {
        text-align: center;
    }

    .owl-dots, .owl-nav {
        left: 13%;
    }

    .stk-adjust-carousel {
        padding-left: 13%;
    }
}

@media (min-width: 1200px) {
    .container, .container-sm, .container-md, .container-lg, .container-xl {
        max-width: 1400px;
    }
}

@keyframes moveGradient {
    50% {
        background-position: 100% 50%;
    }
}