@import url("https://fonts.googleapis.com/css?family=Montserrat:400,400i,500,600,700,800,900|Poppins:300,400,500,600,700,700i&display=swap"); * {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}
@font-face {
    font-family: "Camp";
    font-style: normal;
    font-weight: 500;
    src: url(../font/Font2022%20Pro%20Regular.woff2) format("woff2");
}

@font-face {
    font-family: "Camp";
    font-style: normal;
    font-weight: 900;
    src: url(../font/Font2022%20Pro%20Black.woff2) format("woff2");
}

@font-face {
    font-family: "Camp";
    font-style: normal;
    font-weight: 700;
    src: url(../font/Font2022%20Pro%20Bold.woff2) format("woff2");
}

@font-face {
    font-family: "Camp";
    font-style: normal;
    font-weight: 400;
    src: url(../font/Font2022%20Pro%20Medium.woff2) format("woff2");
}

@font-face {
    font-family: "Camp";
    font-style: normal;
    font-weight: 300;
    src: url(../font/Font2022%20Pro%20Light.woff2) format("woff2");
}
article, aside, details, figcaption, figure, footer, header, nav, section, summary {
    display: block;
}

audio, canvas, video {
    display: inline-block;
}

audio:not([controls]) {
    display: none;
    height: 0;
}

[hidden] {
    display: none;
}

html, button, input, select, textarea {
    font-family: "Source Sans Pro", Helvetica, sans-serif;
}

a {
    color: #ca3c08;
    text-decoration: none;
}

a:visited {
    color: #ac0404;
}

a:focus {
    outline: thin dotted;
}

a:active, a:hover {
    color: #5699d2;
    outline: 0;
}

a:hover {
    text-decoration: underline;
}

address {
    font-style: italic;
    margin: 0 0 24px;
}

abbr[title] {
    border-bottom: 1px dotted;
}

b, strong {
    font-weight: bold;
}

dfn {
    font-style: italic;
}

mark {
    background: #ff0;
    color: #000;
}

p {
    margin: 0 0 24px;
}

code, kbd, pre, samp {
    font-family: monospace, serif;
    font-size: 14px;
    -webkit-hyphens: none;
    -moz-hyphens: none;
    -ms-hyphens: none;
    hyphens: none;
}

pre {
    background: #f5f5f5;
    color: #666;
    font-family: monospace;
    font-size: 14px;
    margin: 20px 0;
    overflow: auto;
    padding: 20px;
    white-space: pre;
    white-space: pre-wrap;
    word-wrap: break-word;
}

blockquote, q {
    -webkit-hyphens: none;
    -moz-hyphens: none;
    -ms-hyphens: none;
    hyphens: none;
    quotes: none;
}

blockquote:before, blockquote:after, q:before, q:after {
    content: "";
    content: none;
}

blockquote {
    font-size: 18px;
    font-style: italic;
    font-weight: 300;
    margin: 24px 40px;
}

blockquote blockquote {
    margin-right: 0;
}

blockquote cite, blockquote small {
    font-size: 14px;
    font-weight: normal;
    text-transform: uppercase;
}

blockquote em, blockquote i {
    font-style: normal;
    font-weight: 300;
}

blockquote strong, blockquote b {
    font-weight: 400;
}

small {
    font-size: smaller;
}

sub, sup {
    font-size: 75%;
    line-height: 0;
    position: relative;
    vertical-align: baseline;
}

sup {
    top: -0.5em;
}

sub {
    bottom: -0.25em;
}

dl {
    margin: 0 20px;
}

dt {
    font-weight: bold;
}

dd {
    margin: 0 0 20px;
}

menu, ol, ul {
    margin: 16px 0;
    padding: 0 0 0 40px;
}

ul {
    list-style-type: square;
}

nav ul, nav ol {
    list-style: none;
    list-style-image: none;
}

li > ul, li > ol {
    margin: 0;
}

img {
    -ms-interpolation-mode: bicubic;
    border: 0;
    vertical-align: middle;
}

svg:not(:root) {
    overflow: hidden;
}

figure {
    margin: 0;
}

form {
    margin: 0;
}

fieldset {
    border: 1px solid #c0c0c0;
    margin: 0 2px;
    min-width: inherit;
    padding: 0.35em 0.625em 0.75em;
}

legend {
    border: 0;
    padding: 0;
    white-space: normal;
}

button, input, select, textarea {
    font-size: 100%;
    margin: 0;
    max-width: 100%;
    vertical-align: baseline;
}

button, input {
    line-height: normal;
}

button, html input[type="button"], input[type="reset"], input[type="submit"] {
    -webkit-appearance: button;
    -moz-appearance: button;
    appearance: button;
    cursor: pointer;
}

button[disabled], input[disabled] {
    cursor: default;
}

input[type="checkbox"], input[type="radio"] {
    padding: 0;
}

input[type="search"] {
    -webkit-appearance: textfield;
    -moz-appearance: textfield;
    appearance: textfield;
    appearance: textfield;
    padding-right: 2px;
    width: 270px;
}

input[type="search"]::-webkit-search-decoration {
    -webkit-appearance: none;
    appearance: none;
}

button::-moz-focus-inner, input::-moz-focus-inner {
    border: 0;
    padding: 0;
}

textarea {
    overflow: auto;
    vertical-align: top;
}

table {
    border-bottom: 1px solid #ededed;
    border-collapse: collapse;
    border-spacing: 0;
    font-size: 14px;
    line-height: 2;
    margin: 0 0 20px;
    width: 100%;
}

caption, th, td {
    font-weight: normal;
    text-align: left;
}

caption {
    font-size: 16px;
    margin: 20px 0;
}

th {
    font-weight: bold;
    text-transform: uppercase;
}

td {
    border-top: 1px solid #ededed;
    padding: 6px 10px 6px 0;
}

del {
    color: #333;
}

ins {
    background: #fff9c0;
    text-decoration: none;
}

hr {
    background-size: 4px 4px;
    border: 0;
    height: 1px;
    margin: 0 0 24px;
}

/**
 * Typography
 */
* {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

img {
    max-width: 100%;
}

html {
    overflow: hidden;
    overflow-y: auto;
}

body {
    overflow: hidden;
    font-size: 14px;
    line-height: 1.71429;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-family: "Camp", sans-serif;
    color: #1d1d24;
    font-weight: 400;
    width: 100%;
    height: 100%;
}

a {
    -webkit-transition: all 0.1s ease-in-out 0s;
    -o-transition: all 0.1s ease-in-out 0s;
    transition: all 0.1s ease-in-out 0s;
}

h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6, address, p, pre, blockquote, dl, dd, menu, ol, ul, table, caption, hr {
    margin: 0;
    margin-bottom: 15px;
}

h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 {
    font-family: "Camp", sans-serif;
    line-height: 1.4074;
    color: #1f1f25;
}

h1, .h1 {
    font-size: 64px;
}

h2, .h2 {
    font-size: 54px;
}

h3, .h3 {
    font-size: 24px;
}

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

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

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

@media only screen and (min-width: 768px) and (max-width: 991px) {
    h1, .h1 {
        font-size: 60px;
    }

    h2, .h2 {
        font-size: 52px;
    }

    h3, .h3 {
        font-size: 22px;
    }
}

@media only screen and (max-width: 767px) {
    h1, .h1 {
        font-size: 58px;
    }

    h2, .h2 {
        font-size: 50px;
    }

    h3, .h3 {
        font-size: 22px;
    }
}

@media only screen and (max-width: 575px) {
    h1, .h1 {
        font-size: 56px;
    }
}

h1, .h1, h2, .h2, h3, .h3 {
    font-weight: 700;
}

h4, .h4, h5, .h5 {
    font-weight: 600;
}

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

a:hover, a:focus, a:active {
    text-decoration: none;
    outline: none;
}

a:visited {
    color: inherit;
}

input, button, select, textarea {
    background: transparent;
    border: 1px solid #d4d4d4;
    -webkit-transition: all 0.4s ease-out 0s;
    -o-transition: all 0.4s ease-out 0s;
    transition: all 0.4s ease-out 0s;
    color: #1d1d24;
}

input:focus, input:active, button:focus, button:active, select:focus, select:active, textarea:focus, textarea:active {
    outline: none;
    border-color: snow;
}

input, select, textarea {
    width: 100%;
    font-size: 14px;
}

input, select {
    height: 40px;
    padding: 0 15px;
}

ul.liststyle.bullet li {
    font-size: 18px;
    line-height: 30px;
    color: rgba(29, 29, 36, 0.75);
    position: relative;
    padding-left: 30px;
}

@media only screen and (max-width: 767px) {
    ul.liststyle.bullet li {
        padding-left: 19px;
    }
}

ul.liststyle.bullet li::before {
    position: absolute;
    content: "";
    width: 6px;
    height: 6px;
    border-radius: 100%;
    background: rgba(29, 29, 36, 0.75);
    left: 0;
    top: 10px;
}

ul.liststyle.bullet li + li {
    margin-top: 8px;
}

/* NOVO */
.welcome-text {
    font-family: 'Camp';
    font-size: 60px;
    color: white;
    margin-bottom: 10px;
    line-height: 1;
    margin-top: 120px;
    font-weight: 800;
    letter-spacing: 0px;
    /* color: #252525; */
}

p.welcome-sub-text {
    font-family: 'Camp';
    color: white;
    font-weight: 600;
    font-size: 25px;
    letter-spacing: -1px;
    margin-bottom: 80px;
    line-height: 1.4;
}

.header-image {
    background-size: cover;
    background-repeat: no-repeat;
    background-image: url(../img/page/camp-image.jpg);
    background-position: 80% 50%;
    height: 80vh;
    display: flex;
    align-items: center;
    justify-content: center;
    -webkit-mask-image: url(data:image/svg+xml;base64,PCEtLSBHZW5lcmF0b3I6IEFkb2JlIElsbHVzdHJhdG9yIDI1LjAuMCwgU1ZHIEV4cG9ydCBQbHVnLUluICAtLT4NCjxzdmcgdmVyc2lvbj0iMS4wIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB4PSIwcHgiIHk9IjBweCIgd2lkdGg9IjQ1NS4xcHgiDQoJIGhlaWdodD0iNTM0LjNweCIgdmlld0JveD0iMCAwIDQ1NS4xIDUzNC4zIiBvdmVyZmxvdz0idmlzaWJsZSIgZW5hYmxlLWJhY2tncm91bmQ9Im5ldyAwIDAgNDU1LjEgNTM0LjMiIHhtbDpzcGFjZT0icHJlc2VydmUiPg0KPGRlZnM+DQo8L2RlZnM+DQo8cGF0aCBkPSJNMCwwdjQwMC41aDAuMkMyLjMsNDM4LjIsMjIuNCw0NzQsNTIsNDk4LjJjNDUuNCwzNy4zLDEwOC43LDQwLjIsMTY0LjUsMzIuOGM0Ny43LTYuMyw5NS4zLTE3LjUsMTM5LjQtMzcuMg0KCWMzOS45LTE3LjgsODUtNDMsOTYuNy04OC41YzAuNC0xLjYsMC44LTMuMywxLjEtNC45YzAuOS00LjYsMS4zLTkuMSwxLjQtMTMuNXYtMC4xVjBIMHoiLz4NCjwvc3ZnPg0K);
    -webkit-mask-repeat: no-repeat;
    -webkit-mask-position: 40% bottom;
    -webkit-mask-size: 250%;
}

.header-image:before {
    background: radial-gradient(rgb(0 0 0 / 45%), rgb(14 16 18 / 64%)) 0px 0px;
    content: "";
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    background: linear-gradient(-90deg, rgb(0 0 0 / 0%), rgb(231 231 231));
    background: linear-gradient(-90deg, rgb(255 255 255 / 38%), rgb(0 0 0 / 76%))

}

header.header-area {
    display: flex;
    justify-content: center;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    width: auto;
    padding-left: 50px;
    padding-right: 50px;
    z-index: 4;
    transition: .3s ease all;
    /* background: white; */
    /* box-shadow: 0 0 10px rgba(0,0,0,.1); */
}

#header-wrapper {
    width: 1170px;
    padding: 50px 0;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: stretch;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    /* background: #ffffff; */
    padding: 0;
    overflow: hidden;
    margin-top: 20px;
}

.header-right {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    position: relative;
    padding: 0 10px;
    flex: 1;
    /* background: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB2ZXJzaW9uPSIxLjEiIHg9IjBweCIgeT0iMHB4IiB3aWR0aD0iNjc0LjRweCIgaGVpZ2h0PSI1MjguM3B4IiB2aWV3Qm94PSIwIDAgNjc0LjQgNTI4LjMiIHN0eWxlPSJvdmVyZmxvdzp2aXNpYmxlO2VuYWJsZS1iYWNrZ3JvdW5kOm5ldyAwIDAgNjc0LjQgNTI4LjM7IiB4bWw6c3BhY2U9InByZXNlcnZlIj4KPHBhdGggZmlsbD0iI2U5ZWZmNCIgZD0iTTkyLjYsNDUyLjdjLTk0LjgtOTYuOS0xMzAtMjU2LjktNDIuMi0zNTZsMC41LTAuNmMwLjEtMC4yLDAuMy0wLjMsMC40LTAuNWMxOC4yLTIwLjMsNDEuNi0zOCw3MC44LTUyICBjODEuMi0zOSwyODYuMS04NC44LDQ0NC4yLDI0LjdjMTI4LjYsODkuMSwxMzMsMTg4LjQsNjIuMywyNzMuN2MwLDAsMCwwLDAsMEw2MTQuNCwzNThjLTI0LjUsMjUuNi01NS44LDQ5LjgtOTIuNSw3MS44ICBDMzQ5LDUzMy41LDIxMy41LDU3Ni40LDkyLjYsNDUyLjd6Ii8+Cjwvc3ZnPg==); */
    background-size: cover;
    background-position: 0 102%;
    background-position: 180px -30px;
    background-repeat: no-repeat;
    color: #e9eff4;
    align-items: stretch;
    justify-content: flex-end;
}

nav.main-menu-navbar {
    display: flex;
    justify-content: flex-end;
    flex-wrap: wrap;
    align-items: stretch;
}

ul.mainmenu {
    display: flex;
    justify-content: flex-end;
    flex-wrap: wrap;
    margin-bottom: 0;
    align-items: stretch;
    padding: 0;
}

.mainmenunav ul.mainmenu > li:first-child {
    margin-left: 0;
}

.mainmenunav ul.mainmenu > li {
    position: relative;
    display: flex;
    align-items: center;
    padding: 0 10px;
}

.mainmenunav ul.mainmenu > li > a {
    font-family: 'Camp';
    color: white;
    font-size: 16px;
    font-weight: 700;
    padding: 0 20px;
    display: flex;
    letter-spacing: -0.5px;
    height: 100%;
    align-items: center;
    line-height: 1.3;
    flex-direction: column;
    justify-content: center;
    transition: .3s ease all;
}

a.find-more {
    padding: 10px 30px;
    font-size: 16px;
    border: none;
    font-family: 'Camp';
    border-radius: 30px;
    position: relative;
    background: #5699d2;
    color: white;
    letter-spacing: 0;
    text-transform: uppercase;
    font-weight: 700;
    overflow: hidden;
    display: inline-flex;
    z-index: 0;
    line-height: 1.7;
}

a.find-more:hover {
    background: #5699d2;
    color: white;
    transform: translateY(-3px)
}

.header-area .header-wrapper .close-menu {
    opacity: 0;
    visibility: hidden;
}

.header-area .menu-open .close-menu {
    opacity: 1;
    visibility: visible;
}

.open-menu {
    /* position: absolute; */
    right: 0;
    width: 32px;
    height: 32px;
    /* background: #5699d2; */
}

@media (min-width: 992px) {
    .open-menu, .close-menu {
        display: none;
    }
}

.header-wrapper.menu-open .open-menu {
    opacity: 0;
}

@media(max-width: 991px) {
    .header-area .header-wrapper .mainmenunav ul.mainmenu li a {
        color: #393939;
    }
}

@media (max-width: 991px) {
    .mainmenunav ul.mainmenu > li > a {
        font-size: 20px;
        letter-spacing: -1px;
        /* padding-left: 0; */
    }

    .header-area .header-wrapper .mainmenunav ul.mainmenu {
        width: 100%;
        height: 100vh;
        position: fixed;
        top: 0;
        right: -100%;
        padding: 55px;
        background: #ffffff;
        -webkit-transition: all 0.3s cubic-bezier(0.77, 0.2, 0.05, 1);
        -o-transition: all 0.3s cubic-bezier(0.77, 0.2, 0.05, 1);
        transition: all 0.3s cubic-bezier(0.77, 0.2, 0.05, 1);
        display: block;
        overflow-y: auto;
    }

    .header-area .header-wrapper.menu-open .mainmenunav ul.mainmenu {
        right: 0;
        background: #ffffff;
    }

    .header-area .header-wrapper .mainmenunav {
        position: absolute;
    }

    .header-area .header-wrapper .mainmenunav ul.mainmenu li {
        margin: 0;
        padding: 20px 0;
    }

    .header-area .header-wrapper .mainmenunav ul.mainmenu > li:first-child {
        margin-top: 90px;
    }
}

@media only screen and (max-width: 767px) {
    .header-area .header-wrapper .mainmenunav ul.mainmenu {
        width: 100%;
        height: 100vh;
        position: fixed;
        right: -100%;
    }
}

@media only screen and (max-width: 575px) {
    .header-area .header-wrapper.menu-open .mainmenunav ul.mainmenu {
        width: 100vw;
    }

    .header-area .header-wrapper.menu-open .mainmenunav ul.mainmenu:before {
        right: auto;
        width: 220px;
        left: 30px;
        background-position: left;
        height: 30%;
    }

    .header-area .header-wrapper.menu-open .mainmenunav ul.mainmenu:after {
        right: auto;
    }

    header.header-area {
        padding: 0 30px;
    }

    .welcome-text {
        line-height: 1.2;
        margin-top: 100px;
        letter-spacing: -0.5px;
        display: flex;
        flex-direction: column;
        font-size: 35px;
    }

    .welcome-text:after {
        line-height: 0.7;
    }

    .welcome-sub-text {
        font-size: 16px;
    }
}

.open-menu svg line {
    stroke: #cfb067;
}

a#scroll-up {
    width: 50px;
    height: 50px;
    position: fixed;
    right: 20px;
    bottom: 20px;
    z-index: 6;
    display: none;
}

a#scroll-up svg {
    width: 100%;
    height: 100%;
}

a#scroll-up svg path {
    fill: white;
}

ul.mainmenu li i {
    margin-left: 5px;
}

.open-menu path {
    stroke: #ffffff;
    stroke-width: 40px;
    stroke-dashoffset: 0;
    stroke-linecap: round;
    stroke-linejoin: round;
}

/* path#top, path#bottom {
    stroke-dasharray: 270 950;
    transition: stroke-dashoffset .4s cubic-bezier(0.250,-0.250, 0.750, 1.250);
}

.menu-open path#top, .menu-open path#bottom {
    stroke-dashoffset: -650;
}

path#middle {
    stroke-dasharray: 270 270;
    transition: stroke-dashoffset .4s cubic-bezier(0.250,-0.250, 0.750, 1.250), stroke-dasharray .4s cubic-bezier(0.250,-0.250, 0.750, 1.250);
}

.menu-open path#middle {
    stroke-dashoffset: -140;
    stroke-dasharray: 0 240;
} */
.header-wrapper.menu-open .open-menu {
    opacity: 1;
    /* background: white; */
}

html.overflow {
    overflow: hidden;
}

/* working intro */
section {
    /* background: white; */
    padding: 100px 0;
    position: relative;
}

.main-heading {
    text-align: center;
    padding: 50px 0 10px;
    font-family: Camp;
    font-size: 52px;
    /* display: flex; */
    align-items: center;
    justify-content: center;
    line-height: 1;
    font-weight: 800;
    position: relative;
    z-index: 0;
    letter-spacing: -0.5px;
    color: #252525;
}

@media(max-width: 480px) {
    .main-heading {
        font-size: 40px;
        /* letter-spacing: -1.5px; */
    }
}

.main-heading:after {
    content: "";
    font-family: 'Northwell-Swash';
    position: relative;
    top: 35px;
    left: 0px;
    right: 0;
    color: #cfb067;
    z-index: -1;
    -webkit-mask-image: url(data:image/svg+xml;base64,PCEtLSBHZW5lcmF0b3I6IEFkb2JlIElsbHVzdHJhdG9yIDI1LjAuMCwgU1ZHIEV4cG9ydCBQbHVnLUluICAtLT4NCjxzdmcgdmVyc2lvbj0iMS4xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB4PSIwcHgiIHk9IjBweCINCgkgd2lkdGg9IjIwMDcuMnB4IiBoZWlnaHQ9IjUzMy44cHgiIHZpZXdCb3g9IjAgMCAyMDA3LjIgNTMzLjgiIHN0eWxlPSJvdmVyZmxvdzp2aXNpYmxlO2VuYWJsZS1iYWNrZ3JvdW5kOm5ldyAwIDAgMjAwNy4yIDUzMy44OyINCgkgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+DQo8ZGVmcz4NCjwvZGVmcz4NCjxnPg0KCTxwYXRoIGQ9Ik0xMDEzLjQsNDk3LjhjMTAtNS41LDE5LjQtMTAuNSwyOC42LTE1LjdjNTYuOC0zMi41LDEwOC43LTcxLjYsMTU1LjktMTE2LjljMTMuNy0xMy4xLDI3LjctMjYsMzguMS00Mi4yDQoJCWM0MC4yLTYyLjUsMi4xLTE0OS4xLTcxLjItMTYxLjNjLTQxLjctNi45LTc2LDYuNy0xMDMuMSwzOC45Yy0wLjUsMC42LTEsMS4zLTEuNiwxLjljLTAuMiwwLjItMC42LDAuMy0xLjEsMC42DQoJCWMtMi40LTguMy00LjYtMTYuNi03LjEtMjQuN2MtMTMuOC00NC0zNy04Mi41LTY5LTExNS42Yy0zLjMtMy40LTMuMi00LjksMC42LTcuN2M0Ny43LTM2LDEwMS40LTU1LjUsMTYxLjEtNTQuOA0KCQljOTguMiwxLjIsMTc1LjEsNDMuNiwyMjcuNCwxMjYuNmM3Ny43LDEyMy40LDM5LjcsMjg3LjktODQuMywzNjQuNWMtODgsNTQuMy0xNzksNTUuNy0yNzAuOSw4LjMNCgkJQzEwMTUuOCw0OTkuMywxMDE1LDQ5OC44LDEwMTMuNCw0OTcuOHoiLz4NCgk8cGF0aCBkPSJNNTI4LjgsMzczLjVjMi40LDAsNC41LDAsNi43LDBjNzYuNSwwLDE1My0wLjMsMjI5LjUsMC4xYzQ2LjIsMC4yLDkwLjMtOS4zLDEzMi42LTI3LjNjNzIuNS0zMC45LDEzNC4zLTc3LDE4OC44LTEzMy40DQoJCWMyMi45LTIzLjcsNTAuNS0zMi4xLDgyLTIyLjZjMzEuNSw5LjQsNTAuNSwzMS42LDU1LjksNjQuMWM0LjMsMjUuNy0zLjQsNDguNS0yMS4yLDY3LjZjLTMzLjUsMzYtNzAuNyw2Ny43LTExMC42LDk2LjMNCgkJYy00OS41LDM1LjUtMTAyLjMsNjQuOC0xNTkuNyw4NS41Yy01MS41LDE4LjYtMTA0LjUsMzAuMy0xNTkuMywyOS4xYy0xMDguMi0yLjMtMTg4LTUyLjEtMjM5LjUtMTQ3LjJjLTEuOC0zLjQtMy4zLTYuOS01LTEwLjMNCgkJQzUyOC44LDM3NSw1MjguOSwzNzQuNiw1MjguOCwzNzMuNXoiLz4NCgk8cGF0aCBkPSJNNTcxLjksMzQ2LjVjLTY5LjMsMC00MjIuMSwwLTQ5MS40LDBjLTMzLjYsMC02Mi41LTE5LjgtNzQuOS01MUMtMTQuNywyNDQuNCwyMy4zLDE4Nyw3OC4zLDE4Ni44DQoJCWMxMzgtMC4zLDU1OS40LTAuMiw2OTcuMywwYzQxLDAuMSw3NS41LDM1LjksNzYuNCw3OC41YzAuNCwyMS4zLDUuNSw0MS4yLDE3LjMsNTljMS45LDIuOSwxLjIsMy45LTEuNyw0LjkNCgkJYy0zMC4zLDEwLjQtNjEuMiwxNy4yLTkzLjMsMTcuM0M3MDYuOCwzNDYuNSw2MzkuMywzNDYuNSw1NzEuOSwzNDYuNXoiLz4NCgk8cGF0aCBkPSJNNzcyLjYsMGM4NS40LDIuMSwxNTUuNiwzNS43LDIwOS4yLDEwMi41YzI3LjcsMzQuNSw0NC45LDc0LjEsNTIuNywxMTcuN2MwLjUsMi44LDAuOCw1LjEtMiw3LjUNCgkJYy0zOS44LDM0LjgtODIuOCw2NC45LTEzMC44LDg3LjVjLTMuOCwxLjgtNS43LDEuNC04LjEtMi4xYy05LjgtMTQuMS0xNC42LTI5LjgtMTQuOS00Ni45Yy0xLTUzLjUtMzcuNi05Ni4yLTkwLjItMTA1LjENCgkJYy02LjEtMS0xMi4yLTEuNS0xOC40LTEuNWMtNzguNiwwLTE1Ny4zLDAtMjM1LjksMGMtNi4yLDAtNi4zLTAuMS0zLjYtNS43QzU3My44LDY3LjksNjQyLjYsMTYuOSw3MzguMiwyLjQNCgkJQzc0OS42LDAuNyw3NjEsMC40LDc3Mi42LDB6Ii8+DQoJPHBhdGggZD0iTTE1MzkuOCwzNDYuNWMtMzUuNywwLTcxLjMtMC4xLTEwNywwLjFjLTQuNywwLTUtMS4zLTMuOS01LjNjMTMtNDkuNywxMy05OS40LDAuMS0xNDkuMWMtMS4yLTQuNC0wLjYtNS41LDQuMi01LjUNCgkJYzcwLjEsMC4xLDQyMy43LDAsNDkzLjksMC4xYzQxLjgsMCw3Ni40LDMxLjcsNzkuOSw3M2MzLjUsNDEuNC0yNS4xLDc4LjQtNjYuMiw4NS42Yy00LjcsMC44LTkuNiwxLjEtMTQuNCwxLjENCgkJQzE4OTEuOSwzNDYuNSwxNTc0LjIsMzQ2LjUsMTUzOS44LDM0Ni41QzE1MzkuOCwzNDYuNSwxNTM5LjgsMzQ2LjUsMTUzOS44LDM0Ni41eiIvPg0KPC9nPg0KPC9zdmc+DQo=);
    -webkit-mask-repeat: no-repeat;
    -webkit-mask-position: 40% bottom;
    -webkit-mask-size: contain;
    background-color: #cfb067;
    width: 100px;
    height: 30px;
}

section#intro:after {
    content: "";
    position: absolute;
    width: 45%;
    height: 50%;
    right: 0;
    bottom: 0%;
    background-repeat: no-repeat;
    background-position: center left;
    background-size: contain;
    background-image: url(data:image/svg+xml;base64,PCEtLSBHZW5lcmF0b3I6IEFkb2JlIElsbHVzdHJhdG9yIDI1LjAuMCwgU1ZHIEV4cG9ydCBQbHVnLUluICAtLT4NCjxzdmcgdmVyc2lvbj0iMS4xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB4PSIwcHgiIHk9IjBweCIgd2lkdGg9IjI4NS44cHgiDQoJIGhlaWdodD0iMjUxLjNweCIgdmlld0JveD0iMCAwIDI4NS44IDI1MS4zIiBzdHlsZT0ib3ZlcmZsb3c6dmlzaWJsZTtlbmFibGUtYmFja2dyb3VuZDpuZXcgMCAwIDI4NS44IDI1MS4zOyINCgkgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+DQo8c3R5bGUgdHlwZT0idGV4dC9jc3MiPg0KCS5zdDB7ZmlsbDojMDkyQzRBO30NCjwvc3R5bGU+DQo8ZGVmcz4NCjwvZGVmcz4NCjxwYXRoIGNsYXNzPSJzdDAiIGQ9Ik02MS4xLDE1NS4yYy04LjcsMC43LTE3LjEsMi40LTI1LjYsMS43Yy0xMy40LTEuMS0xOC44LTEwLjktMTIuNS0yMi45YzMuNC02LjQsOC40LTExLjYsMTMuMi0xNi45DQoJQzUyLDk5LjYsNjguMiw4Mi40LDg0LDY0LjhDODkuMiw1OSw5My4yLDUyLjIsOTgsNDZjNS45LTcuNiwxMi45LTEzLjksMjEuOS0xNy42YzUtMiw3LjMtNy4xLDExLjQtMTAuMw0KCWMyOC4xLTIxLjMsNTguNC0yMy41LDg5LjMtOC40QzI1NiwyNywyNzUuMyw1Ny4zLDI4My4zLDk1LjFjNS42LDI2LjUsMi4yLDUxLjktMTMuNyw3NC41Yy0xNC4yLDIwLjEtMzMuNSwzMS45LTU4LjYsMzMuMg0KCWMtMi41LDAuMS00LjgsMC42LTcuMiwxLjdjLTIwLjksMTAtMzkuNywyMi45LTU2LjEsMzkuNGMtMi41LDIuNS01LjIsNC43LTguMyw2LjJjLTcuMiwzLjQtMTQtMC40LTE0LjktOC4zYy0wLjItMS41LTAuNC0zLjEsMC00LjUNCgljMS0zLjYsMC41LTUuOC0zLjUtNy42Yy00LjYtMi4xLTUuMS03LjItNC40LTExLjhjMi4yLTE0LjEsOS42LTI1LjUsMjAuNS0zNC40YzEwLjItOC4zLDIyLjEtMTMuNSwzNS41LTExLjUNCgljOC4zLDEuMiwxNi41LDMuNywyNC4zLDdjMS42LDAuNywyLjgsMS4yLDQuNiwwLjJjMzAtMTYuNiwzNC44LTU4LjQsNi03OS43Yy0xLjgtMS4zLTMuMy0xLjYtNS40LTAuNGMtNS42LDMuMS05LjIsNy42LTEwLjgsMTMuNw0KCWMtMC41LDEuOS0xLDMuOC0zLjQsMy4zYy0yLjQtMC41LTIuMi0yLjUtMS45LTQuNGMwLjktNS41LDMuNC0xMC40LDYuNi0xNC45YzAuNy0xLDMuMS0xLjksMS41LTMuNWMtMS41LTEuNS0zLjQtMC42LTQuOSwwLjcNCgljLTYuMSw1LjUtOS42LDEyLjItOS40LDIwLjZjMCwxLjMsMC4yLDIuNiwwLjMsNC4zYy00LjctNS00LjItMTMuMSwxLjMtMjcuMWMtNC40LTEuMy00LjYtMS4zLTYuOSwxLjljLTQuOSw2LjYtNiwxMy45LTMuMywyMS43DQoJYzAuNiwxLjcsMS43LDMuOS0wLjQsNC44Yy0yLjQsMS0zLjMtMS40LTQuMS0zLjJjLTMuNi03LjctMi45LTE1LjUtMC4yLTIzLjZjLTMuMy0wLjEtNC40LDItNS4zLDQuMWMtMy41LDcuOC0zLjEsMTUuNSwwLjgsMjMuMQ0KCWMwLjcsMS41LDMsMy4yLDAuNSw0LjZjLTIuMSwxLjItMy4yLTEuMy00LjEtMi44Yy00LjQtNy4xLTUuNC0xNC45LTMuOC0yMy43Yy00LjMsMS44LTcuNiw0LjItOS45LDcuNmMtMTUuMiwyMi45LTM3LDM2LjQtNjIuOCw0NA0KCWMtNCwxLjItNi41LDIuNy04LjQsN2MtOC41LDE5LjUtMzcuNSwyNy01NS4yLDE0LjZjLTIxLjEtMTQuOC0yNC4xLTQxLjMtNy43LTYzLjNjMTEtMTQuOCwyNi0yNC42LDQxLjEtMzQuNQ0KCUM2MS44LDY3LjMsNzEuNSw2MCw3OCw0OS40YzQuNC03LjIsOC0xNC45LDMuNy0yMy41Yy00LjMtOC43LTEyLjMtOS44LTE4LjQtMi40Yy0xLjQsMS43LTIuNiwyLjctNC41LDEuM2MtMi0xLjUtMS0zLjQtMC4xLTQuOQ0KCWM1LjEtOS42LDE5LjMtMTAuMywyNi4yLTEuNGM3LjQsOS42LDYuNiwxOS45LDIuMSwzMC4yYy00LjMsMTAtMTEuNCwxOC0xOS43LDI0LjhjLTExLjMsOS4zLTIzLDE4LjEtMzQuNCwyNy4zDQoJYy04LjQsNi44LTE1LjMsMTQuOC0xOS44LDI0LjdjLTUuNSwxMi40LTEuNywyNy43LDguNiwzNS4xYzEyLjUsOSwyNi4zLDguNCwzNy40LTEuN0M2MCwxNTguMSw2MS4zLDE1Ny40LDYxLjEsMTU1LjJ6IE0xNDUuMyw3NS4xDQoJYzIuMy0xMC4xLDItMTkuOS0zLjItMjkuMWMtNC45LTguNS0xNC41LTEwLjgtMjIuNy01LjRjLTIuNywxLjctNS4yLDMuNi03LjMsNmMtNy4xLDcuNy0xNC40LDE1LjItMjEuMywyMy4yDQoJQzcyLjEsOTEuNSw1NC4xLDExMy43LDM1LDEzNWMtMS45LDIuMS00LjcsNC41LTMuMyw3LjhjMS41LDMuNyw1LjIsMy42LDguNiwzLjZjMC43LDAsMS4zLDAsMiwwYzI4LjUtMS44LDU1LjItOC44LDc3LjYtMjcuNg0KCWMxNS4zLTEyLjksMjUuMy0yOC4zLDIwLjgtNDkuN2MtMS4yLTUuNS0zLjEtMTAuNy01LjMtMTUuOUMxNDAuNiw1OS43LDE0Myw2Ny4zLDE0NS4zLDc1LjF6IE0xODQuOCwxMWMxMC4zLDI1LjYsOS4xLDQ5LjMtOS42LDcxLjUNCgljOS44LTAuNiwxOC40LDAuNiwyNi43LDMuOGMxLDAuNCwxLjktMC4xLDIuOC0wLjhjMTYuNC0xMS43LDI4LjQtMzIuOSwyNC01NS41Yy0wLjMtMS44LTAuNi0zLjctMi4zLTQuOA0KCUMyMTMuOSwxNy4zLDIwMC41LDExLjgsMTg0LjgsMTF6IE0xNTMuMSw4OS4zYzQuNi0xLjgsOC4yLTMuOSwxMi00LjRjNi4zLTAuOSw5LjgtNC43LDEzLjItOS41YzEyLjktMTguMiwxMy43LTQxLjksMS45LTYwLjYNCgljLTEuOC0yLjktMy43LTQtNy4zLTMuN2MtMTMuMywwLjktMjQuMiw2LjctMzQsMTUuMmMtMS45LDEuNi0xLjgsMi40LDAuMiwzLjVjMy44LDIuMSw3LjIsNC43LDEwLDguMWM4LjIsOS45LDkuMywyMS40LDgsMzMuNQ0KCUMxNTYuNiw3Ny4yLDE1NC45LDgyLjksMTUzLjEsODkuM3ogTTIzNC4xLDMxLjJjLTAuNCwwLjctMC42LDAuOS0wLjYsMS4yYzAsMS4yLDAuMSwyLjMsMC4xLDMuNWMwLjMsMjAuNy03LjMsMzcuNi0yNC40LDQ5LjcNCgljLTMuMSwyLjItMS44LDMuMywwLjIsNC41YzYuNSwzLjksMTIsOC45LDE2LjMsMTUuMWMxLjYsMi4zLDMuNCwyLjcsNiwyYzExLjItMi45LDE4LjgtMTAsMjQuNy0xOS42YzYuNy0xMC45LDkuMi0yMS42LTAuNi0zMi4yDQoJYy0wLjMtMC40LTAuNS0wLjktMC44LTEuM0MyNDkuMSw0NS43LDI0Mi43LDM3LjUsMjM0LjEsMzEuMnogTTI2Ny4yLDc3LjhjLTAuOSwxLjUtMS4xLDEuOS0xLjMsMi4zYy03LjEsMTQuOC0xNi40LDI3LjQtMzMuOCwzMQ0KCWMtMy4xLDAuNy0xLjQsMi40LTAuOCwzLjdjMi41LDUuMiwzLjcsMTAuNyw0LjQsMTYuM2MxLjIsOS44LDEuNiwxMC40LDExLDEzLjFjMy41LDEsNy4xLDEuNywxMC44LDEuNmMxMi4yLTAuMSwxMy42LTEuMiwxNS43LTEzDQoJQzI3Ni41LDExNC4zLDI3NC4xLDk2LjQsMjY3LjIsNzcuOHogTTE5NywxOTAuN2MtMS43LTEuOS0zLjEtMi42LTQuNi0zLjNjLTEyLjctNi4xLTI3LjctMy40LTM4LjgsN2MtMTIuMywxMS42LTE2LjgsMjYuOC0yMCw0Mi42DQoJYy0wLjYsMywxLDMuNiwzLjUsMi42YzIuNy0xLDUtMi44LDYuOS00LjhjMTQuNC0xNS4xLDMxLjctMjYuMiw1MC4zLTM1LjRjMS4xLTAuNSwyLjctMC43LDMtMi44Yy05LjItMi40LTE4LTEuMS0yNi43LDIuNA0KCWMtMiwwLjgtNC44LDQuNC02LjMsMS4zYy0xLjctMy43LDMuMS00LDUuMi01QzE3Ny45LDE5MSwxODcsMTkwLjIsMTk3LDE5MC43eiBNMjM1LjgsMTQyLjNjLTEuNSwxMS44LTUuOCwyMS43LTEyLjcsMzAuNg0KCWMtMC42LDAuOC0xLDEuNS0wLjcsMi43YzEuNSw0LjksMTIuNCwxMC41LDE2LjcsOGMxMi43LTcuNCwyMS44LTE4LjIsMjguMS0zMS41YzAuNi0xLjMsMS4xLTIuOC0xLjItMi42DQoJQzI1NS4zLDE1MC42LDI0NS4zLDE0OC4zLDIzNS44LDE0Mi4zeiBNMjMwLjgsMTg3LjZjLTEuMy0xLjItMi0xLjgtMi43LTIuNWMtMi43LTIuNy01LjYtNy44LTguMi03LjdjLTMuNCwwLjEtNi42LDQuNC05LjgsNi45DQoJYy0xLDAuOC0zLjksMC43LTIuMywzLjJjMS4zLDIuMSwxLjcsNS4zLDUuNCw0LjhDMjE5LjEsMTkxLjcsMjI0LjgsMTkwLjUsMjMwLjgsMTg3LjZ6IE0xNTIuNywxODMuNmMtMC43LTAuMS0xLjEtMC4zLTEuMy0wLjINCgljLTE1LjEsNy4zLTIyLjUsMjAuNC0yNi42LDM1LjhjLTAuMywxLjIsMC4xLDIuNCwxLjMsMi45YzIuMSwwLjgsMi0xLjIsMi4zLTIuM0MxMzMsMjA1LjUsMTQwLjMsMTkzLjEsMTUyLjcsMTgzLjZ6Ii8+DQo8cGF0aCBjbGFzcz0ic3QwIiBkPSJNNjUuMSwxMzJjLTMuMywzLjQtOC42LDMuOC0xMi4yLDAuOWMtMy4yLTIuNi0zLjItNi42LTAuMS0xMWMwLjItMC4zLDAuNC0wLjUsMC42LTAuOGMzLjktNS4zLDguMi02LjYsMTItMy40DQoJQzY5LjMsMTIwLjgsNjkuMSwxMjcuOSw2NS4xLDEzMnoiLz4NCjwvc3ZnPg0K);
    opacity: 0.1;
    color: #e9eff4;
    display: none;
}

@media(max-width: 991px) {
    section#intro:after {
        height: 380px;
        position: relative;
        width: 100%;
        left: 40%;
        display: block;
        /* transform: translateY(30%); */
        /* -webkit-mask-image: url(data:image/svg+xml;base64,PCEtLSBHZW5lcmF0b3I6IEFkb2JlIElsbHVzdHJhdG9yIDI1LjAuMCwgU1ZHIEV4cG9ydCBQbHVnLUluICAtLT4NCjxzdmcgdmVyc2lvbj0iMS4xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB4PSIwcHgiIHk9IjBweCIgd2lkdGg9Ijk2NC4ycHgiDQoJIGhlaWdodD0iOTE4LjRweCIgdmlld0JveD0iMCAwIDk2NC4yIDkxOC40IiBzdHlsZT0ib3ZlcmZsb3c6dmlzaWJsZTtlbmFibGUtYmFja2dyb3VuZDpuZXcgMCAwIDk2NC4yIDkxOC40OyINCgkgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+DQo8ZGVmcz4NCjwvZGVmcz4NCjxwYXRoIGQ9Ik05NjQuMiwwYzAsODguOC03LjYsMTkzLjctNjcuNiwyNjQuM2MtNzMuOSw4Ni45LTE5OS4yLDExNC4xLTMwMS45LDE1MS44Yy0xMDguMSwzOS42LTIxOC41LDk1LTI4MS42LDE5NS41DQoJYy0zNiw1Ny4zLTU4LjMsMTIyLjEtODkuNiwxODJDMjEwLjEsODE5LDE5NC44LDg0NCwxNzQsODYzLjhjLTI3LjEsMjUuNy03MC4xLDUwLjMtMTc0LDU0LjZoOTY0LjJDOTY0LjIsOTE4LjQsOTY0LjIsMCw5NjQuMiwweiIvPg0KPC9zdmc+DQo=); */
        /* -webkit-mask-position: right; */
        /* -webkit-mask-size: contain; */
        /* background-size: contain; */
        /* background-position: 20% 110%; */
        /* background-size: contain; */
        display: none;
    }
}

#intro p {
    font-family: 'Camp';
    font-weight: 500;
    color: #6f6f6f;
    line-height: 1.6;
    margin-bottom: 50px;
    /* text-align: center; */
}

a.discover-more {
    font-family: 'Camp';
    border-radius: 50px;
    background: #062c4a;
    color: white;
    text-transform: uppercase;
    margin-top: 35px;
    display: inline-block;
    padding: 10px 20px;
    z-index: 1;
    position: relative;
    font-weight: 600;
    letter-spacing: 0;
    font-size: 16px;
}

@media(max-width: 576px) {
    section .container {
        padding: 0 50px;
    }
}

footer#footer {
    /* background: #121212; */
    position: relative;
}

footer .wrapper {
    max-width: 1350px;
    margin: 0 auto;
    padding: 0 50px;
}

footer .footer-widget img {
    /* filter: invert(1) contrast(0) brightness(2); */
    height: 30px;
    /* opacity: 0.9; */
    /* background: white; */
    /* padding: 10px 20px; */
    /* border-radius: 25px; */
}

footer .footer-widget h4 {
    color: #252525;
    font-family: 'Camp';
    font-size: 13px;
    font-weight: 800;
    text-transform: uppercase;
    letter-spacing: 0px;
    margin-bottom: 15px;
}

ul.footer-list {
    padding: 0;
    margin-top: 25px;
    font-size: 14px;
    font-family: 'Camp';
    font-weight: 500;
    letter-spacing: -0.5px;
}

ul.footer-list li, ul.footer-list a {
  color: #393939;
  line-height: 3;
  display: flex;
  font-weight: 400;
}

ul.footer-list a {
    cursor: pointer;
}

ul.footer-list a:hover {
    color: #5699d2;
}

footer .bottom-links {
    display: flex;
    color: white;
    justify-content: center;
}

footer .bottom-links ul {
    display: flex;
    padding: 0;
    margin: 0;
}

footer .bottom-links ul li {
    display: flex;
    margin: 0 20px;
    font-family: 'Camp';
    font-size: 14px;
    font-weight: 500;
    color: #393939;
    line-height: 3;
    font-weight: 400;
    letter-spacing: -0.5px;
}

.footer-bottom-part {
    padding: 30px 0;
}

.footer-top-part {
    padding: 150px 0 100px;
}

@media(max-width: 575px) {
    .footer-top-part {
        padding-bottom: 20px;
    }

    .footer-top-part .row > div:first-child {
        /* margin-bottom: 60px; */
    }

    .footer-top-part .row > div {
        margin: 0;
        padding: 0;
    }

    .footer-bottom-part .row > div {
        padding: 0;
    }

    footer .bottom-links {
        justify-content: center;
    }

    footer .bottom-links ul {
        /* flex-direction: column; */
    }

    footer .bottom-links ul li {
        margin: 0;
        padding: 0 5px;
    }
}

/*************************/
/* DODANO DANAS */
/***********************/
html {
    background: white
}

.logo img {
    height: 35px;
    /* filter: brightness(0) contrast(1) invert(1); */
}

.logo {
    /* background: #ffffff; */
    padding: 20px 0px;
}

.mainmenunav {
    display: flex;
    align-items: stretch;
    padding: 10px 0;
}

.mainmenunav ul.mainmenu > li > a:hover {
    /* color: #b8c0c9; */
}

@media(max-width: 991px) {
    div#header-wrapper {
        background:transparent;
        overflow: visible;
        width: 100%;
    }

    .header-right {
        background: transparent;
        align-items: center;
        padding-right: 0;
    }

    .open-menu {
        /* background: #062c4a; */
        border-radius: 50%;
        padding: 5px;
        width: 50px;
        height: 50px;
        display: flex;
        right: auto;
        z-index: 1;
        justify-content: flex-end;
    }

    .header-left {
        z-index: 0;
    }

    .logo {
        padding: 0px 5px;
        border-radius: 25px 25px 3px;
        transition: 0.3s ease all;
    }

    .logo img {
        height: 50px;
    }
}

.open-menu path {
    fill: none;
}

#intro a.find-more {
    margin-top: 35px;
    background: #062c4a;
    color: white;
}

@media(max-width: 576px) {
    section#intro:after {
        left: 20%;
        height: 300px;
    }
}

section#recommendations {
    padding-bottom: 150px;
}

section#recommendations .container {
    max-width: 100%;
    padding: 0;
}

#recommendations .swiper {
    overflow: visible;
    margin-top: 50px;
}

.dish {
    display: flex;
    justify-content: center;
    margin-top: 60px;
    padding: 0 20px;
}

.dish h2 {
    display: flex;
    position: absolute;
    font-size: 25px;
    line-height: 1.1;
    font-family: Camp;
    background: url(data:image/svg+xml;base64,PCEtLSBHZW5lcmF0b3I6IEFkb2JlIElsbHVzdHJhdG9yIDI1LjAuMCwgU1ZHIEV4cG9ydCBQbHVnLUluICAtLT4NCjxzdmcgdmVyc2lvbj0iMS4xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB4PSIwcHgiIHk9IjBweCINCgkgd2lkdGg9IjExNTAuOXB4IiBoZWlnaHQ9Ijk5NC45cHgiIHZpZXdCb3g9IjAgMCAxMTUwLjkgOTk0LjkiIHN0eWxlPSJvdmVyZmxvdzp2aXNpYmxlO2VuYWJsZS1iYWNrZ3JvdW5kOm5ldyAwIDAgMTE1MC45IDk5NC45OyINCgkgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+DQo8c3R5bGUgdHlwZT0idGV4dC9jc3MiPg0KCS5zdDB7ZmlsbDojMDkyQzRBO30NCjwvc3R5bGU+DQo8ZGVmcz4NCjwvZGVmcz4NCjxwYXRoIGNsYXNzPSJzdDAiIGQ9Ik0xMTQ4LjUsNDYxLjhjLTEuMS0xMC4xLTIuNS0yMC4zLTQuMi0zMC40QzEwOTAuOCwxMjAsNzUyLjEtNjcuNCw0NTUuOSwyMi42Yy0xMCwzLTE5LjksNi40LTI5LjcsMTANCgljLTI0NSw5MS40LTUyMy43LDM4OS4zLTM5Mi44LDY2Ny45YzMxLDY2LjEsODEuOCwxMjIuMywxNDEuMiwxNjQuMWMyMjkuMiwxNjEuNCw2MTkuNiwxOTAuOCw4MzAuMy0xNS42DQoJQzExMDcuMiw3NDguOCwxMTYzLjUsNjA1LDExNDguNSw0NjEuOHoiLz4NCjwvc3ZnPg0K);
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    color: white;
    padding: 0 20px;
    align-items: center;
    justify-content: center;
    z-index: 1;
    transform: translateX(230px) translateY(-50px);
    width: calc(674.4px / 3);
    height: calc(528.3px / 3);
    flex-direction: column;
    text-transform: uppercase;
    text-align: center;
}

#recommendations img {
    background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB2ZXJzaW9uPSIxLjEiIHg9IjBweCIgeT0iMHB4IiB3aWR0aD0iNjA2LjZweCIgaGVpZ2h0PSI1OTUuNHB4IiB2aWV3Qm94PSIwIDAgNjA2LjYgNTk1LjQiIHN0eWxlPSJvdmVyZmxvdzp2aXNpYmxlO2VuYWJsZS1iYWNrZ3JvdW5kOm5ldyAwIDAgNjA2LjYgNTk1LjQ7IiB4bWw6c3BhY2U9InByZXNlcnZlIj4KPHBhdGggZD0iTTYwNS42LDI2OC44QzU5Ni40LDEzMy41LDUwMC41LDAuNywzNjgsMC4zbC0wLjgsMGMtMC4yLDAtMC40LDAtMC43LDBjLTI3LjMsMC4xLTU2LjEsNS44LTg2LDE4LjIgIEMxOTcuNSw1My4xLDI2LjksMTc1LjUsMy40LDM2Ni40Qy0xNS44LDUyMS43LDU1LjQsNTkxLDE2Ni4xLDU5NS4xYzAsMCwwLDAsMCwwaDIxLjRjMzUuNC0xLjIsNzQuMy04LjUsMTE1LjEtMjEuMiAgQzQ5NS4xLDUxMy45LDYxNy4zLDQ0MS4zLDYwNS42LDI2OC44eiIgZmlsbD0iI2U5ZWZmNCIvPgo8L3N2Zz4=);
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
    /*     -webkit-mask-repeat: no-repeat; */
    /*     -webkit-mask-position: center; */
    /*     -webkit-mask-size: contain; */
    max-height: 610px;
    margin: 0 auto;
    display: block;
    padding: 0 5%;
}

.dish div {
    display: flex;
    position: absolute;
    font-size: 14px;
    font-weight: 500;
    font-family: Camp;
    line-height: 1.5;
    background: url(data:image/svg+xml;base64,PCEtLSBHZW5lcmF0b3I6IEFkb2JlIElsbHVzdHJhdG9yIDI1LjAuMCwgU1ZHIEV4cG9ydCBQbHVnLUluICAtLT4NCjxzdmcgdmVyc2lvbj0iMS4xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB4PSIwcHgiIHk9IjBweCINCgkgd2lkdGg9IjExNTAuOXB4IiBoZWlnaHQ9Ijk5NC45cHgiIHZpZXdCb3g9IjAgMCAxMTUwLjkgOTk0LjkiIHN0eWxlPSJvdmVyZmxvdzp2aXNpYmxlO2VuYWJsZS1iYWNrZ3JvdW5kOm5ldyAwIDAgMTE1MC45IDk5NC45OyINCgkgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+DQo8c3R5bGUgdHlwZT0idGV4dC9jc3MiPg0KCS5zdDB7ZmlsbDojMDkyQzRBO30NCjwvc3R5bGU+DQo8ZGVmcz4NCjwvZGVmcz4NCjxwYXRoIGNsYXNzPSJzdDAiIGQ9Ik0yLjQsNTMzLjFjMS4xLDEwLjEsMi41LDIwLjMsNC4yLDMwLjRDNjAuMSw4NzQuOSwzOTguOCwxMDYyLjMsNjk1LDk3Mi4zYzEwLTMsMTkuOS02LjQsMjkuNy0xMA0KCWMyNDUtOTEuNCw1MjMuNy0zODkuMywzOTIuOC02NjcuOWMtMzEtNjYuMS04MS44LTEyMi4zLTE0MS4yLTE2NC4xQzc0Ny0zMS4yLDM1Ni42LTYwLjcsMTQ1LjksMTQ1LjhDNDMuNywyNDYtMTIuNiwzODkuOSwyLjQsNTMzLjENCgl6Ii8+DQo8L3N2Zz4NCg==);
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    color: white;
    padding: 0 60px;
    width: calc(674.4px / 2.1);
    height: calc(528.3px / 2.1);
    z-index: 1;
    bottom: 0;
    transform: translateX(250px) translateY(120px);
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
}

.dish.brancin h2 {
    transform: translateX(210px) translateY(-90px);
}

.dish.brancin div {
    transform: translateX(130px) translateY(170px);
}

.dish h2 span {
    font-size: 20px;
}

.dish h3 {
    color: white;
    font-family: Camp;
    text-transform: uppercase;
    line-height: 1;
}

.dish p {
    font-family: Camp;
}

.swiper-button-next:before, .swiper-button-prev:before {
    background: url(data:image/svg+xml;base64,PCEtLSBHZW5lcmF0b3I6IEFkb2JlIElsbHVzdHJhdG9yIDI1LjAuMCwgU1ZHIEV4cG9ydCBQbHVnLUluICAtLT4NCjxzdmcgdmVyc2lvbj0iMS4xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB4PSIwcHgiIHk9IjBweCIgd2lkdGg9IjY4NS42cHgiDQoJIGhlaWdodD0iNzQxLjhweCIgdmlld0JveD0iMCAwIDY4NS42IDc0MS44IiBzdHlsZT0ib3ZlcmZsb3c6dmlzaWJsZTtlbmFibGUtYmFja2dyb3VuZDpuZXcgMCAwIDY4NS42IDc0MS44OyINCgkgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+DQo8c3R5bGUgdHlwZT0idGV4dC9jc3MiPg0KCS5zdDB7ZmlsbDojMDkyQzRBO30NCgkuc3Qxe2ZpbGw6bm9uZTtzdHJva2U6I0ZGRkZGRjtzdHJva2Utd2lkdGg6MTAwO3N0cm9rZS1saW5lY2FwOnJvdW5kO3N0cm9rZS1saW5lam9pbjpyb3VuZDtzdHJva2UtbWl0ZXJsaW1pdDoxMDt9DQo8L3N0eWxlPg0KPGRlZnM+DQo8L2RlZnM+DQo8cGF0aCBjbGFzcz0ic3QwIiBkPSJNMTk0LjQsNjY1LjJjNDkuMSwzMC4xLDEwMS4xLDU2LjcsMTU3LjMsNjkuM2M1Ni4yLDEyLjYsMTE3LjIsMTAsMTY4LjYtMTUuOWM1NC42LTI3LjYsOTQuMS03OS42LDExNy4yLTEzNi4zDQoJYzQyLjktMTA1LDUyLjctMjIzLjIsNDYuNC0zMzUuNkM2NzguNiwxNTEsNjQyLjcsNDIsNTQxLjUsOWMtNzMuOC0yNC4xLTE1NSw1LjEtMjI0LjUsMzAuNGMtODQuMiwzMC42LTE2MS40LDgxLTIyMS45LDE0Ny4xDQoJQzMwLjgsMjU2LjctMTkuNywzNDkuMyw3LjYsNDQ2QzM0LjIsNTQwLjUsMTEzLDYxNS4zLDE5NC40LDY2NS4yeiIvPg0KPHBhdGggY2xhc3M9InN0MSIgZD0iTTQ0OC45LDIwMC4xQzM3OC4zLDI0MS4zLDI5Ni41LDMwNS42LDI3Ni41LDM4OWM0NS4xLDYyLjQsMTA0LjcsMTE1LjEsMTcxLjgsMTUyLjgiLz4NCjwvc3ZnPg0K);
    position: absolute;
    width: 60px;
    height: 60px;
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat;
    content: "";
}

.swiper .swiper-button-prev {
    left: 5%;
}

.swiper .swiper-button-next {
    right: 5%;
}

.swiper-button-next {
    transform: rotate(180deg) rotateX(180deg);
}

@media(max-width: 991px) {
    section#recommendations {
        padding-top: 0;
    }
}

@media(max-width: 1199px) {
    .dish div {
        transform: translateX(140px) translateY(180px);
    }
}

@media(max-width: 991px) {
    .dish h2 {
        transform: translateX(200px) translateY(-50px);
    }
}

@media(max-width: 767px) {
    .dish h2 {
        font-size: 22px;
        width: calc(674.4px / 3.5);
        height: calc(528.3px / 3.5);
        margin-bottom: 0;
        transform: translateY(0px);
    }

    .dish {
        flex-direction: column;
        align-items: flex-end;
    }

    section#recommendations {
        padding-bottom: 0;
    }

    .dish h2, .dish img, .dish div {
        position: relative;
    }

    .dish div {
        transform: translateY(-80px);
    }

    .dish.brancin div {
        transform: translateY(-50px);
    }

    .dish.brancin h2 {
        transform: translateY(0px);
    }
}

@media(max-width: 576px) {
    .dish h2 {
        transform: translateY(-20px);
    }

    .dish div {
        transform: translateY(-20px);
    }

    .dish.brancin div {
        transform: translateY(-10px);
    }
}

@media(max-width: 400px) {
    .dish div {
        margin: auto;
    }
}

.swiper-button-prev, .swiper-button-next {
    outline: 0;
}

section#ourmenu .dish-type h2 {
    font-family: 'Camp';
    font-size: 22px;
    color: #062c4a;
    margin-bottom: 40px;
    text-align: center;
    font-weight: 800;
}

.dish-type ul {
    list-style: none;
    padding: 0;
    display: flex;
    flex-direction: column;
}

.row.menu-list {
    margin-top: 0;
}

.menu-item p {
    margin: 0;
}

.dish-type li.tag {
    order: 1;
}

.dish-type li {
    margin: 25px 0;
    display: flex;
    padding: 20px 0;
    justify-content: space-between;
    position: relative;
    min-height: 86.52px;
    order: 2;
    flex-direction: column;
    background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB2ZXJzaW9uPSIxLjEiIHg9IjBweCIgeT0iMHB4IiB3aWR0aD0iNjA2LjZweCIgaGVpZ2h0PSI1OTUuNHB4IiB2aWV3Qm94PSIwIDAgNjA2LjYgNTk1LjQiIHN0eWxlPSJvdmVyZmxvdzp2aXNpYmxlO2VuYWJsZS1iYWNrZ3JvdW5kOm5ldyAwIDAgNjA2LjYgNTk1LjQ7IiB4bWw6c3BhY2U9InByZXNlcnZlIj4KPHBhdGggZD0iTTYwNS42LDI2OC44QzU5Ni40LDEzMy41LDUwMC41LDAuNywzNjgsMC4zbC0wLjgsMGMtMC4yLDAtMC40LDAtMC43LDBjLTI3LjMsMC4xLTU2LjEsNS44LTg2LDE4LjIgIEMxOTcuNSw1My4xLDI2LjksMTc1LjUsMy40LDM2Ni40Qy0xNS44LDUyMS43LDU1LjQsNTkxLDE2Ni4xLDU5NS4xYzAsMCwwLDAsMCwwaDIxLjRjMzUuNC0xLjIsNzQuMy04LjUsMTE1LjEtMjEuMiAgQzQ5NS4xLDUxMy45LDYxNy4zLDQ0MS4zLDYwNS42LDI2OC44eiIgZmlsbD0iI2U5ZWZmNCIvPgo8L3N2Zz4=);
    overflow: hidden;
    background-repeat: no-repeat;
}

@media(max-width: 991px) and (min-width:768px) {
    .dish-type li {
        background-position: right top
    }
}

.item-price {
    font-family: 'Camp';
    font-weight: 700;
    letter-spacing: -0.5px;
    text-align: center;
    /* padding: 0 10px; */
    font-size: 16px;
    border-radius: 3px;
}

.item-desc {
    display: flex;
    flex-direction: column;
    padding: 0;
    align-items: flex-start;
    margin: 0;
}

.item-price-container {
    display: flex;
    min-width: max-content;
    align-items: flex-end;
    margin-top: 0;
    padding: 10px 20px 25px;
}

.item-desc h3:before {
    content: "";
    position: absolute;
    left: -22px;
    top: 3px;
    color: #cfb067;
    width: 15px;
    height: 15px;
    /* background: url(../img/x.svg?); */
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
}

.item-desc h3 {
    position: relative;
    font-family: 'Camp';
    font-size: 18px;
    margin-bottom: 0;
    font-weight: 800;
    color: #062c4a;
    padding: 15px 20px 10px;
}

.item-desc p {
    font-family: 'Camp';
    color: #666;
    margin-bottom: 0;
}

.dish-type li.tag {
    border: 2px solid #e9eff4;
    border-radius: 13px;
    background: #e9eff4;
    padding: 0;
}

li.tag .item-price {
    color: #062c4a;
    background: #5699d2;
    padding: 7px 15px;
    border-radius: 25px;
    color: white;
    text-transform: uppercase;
    font-size: 14px;
}

@media(max-width: 991px) {
    .dish-type li {
        min-height: fit-content;
        margin: 20px 0;
    }

    .dish-type:not(:first-child) {
        margin-top: 0;
    }

    .dish-type:not(:first-child) li.tag:first-child {
        margin-top: 5px;
    }
}

.dish-type li:not(.tag) {
    background: #a9986a14;
    border-radius: 3px;
}

.item-desc img {
    height: auto;
    width: 100%;
    object-fit: contain;
    margin: auto;
}

section#contact {
    /* padding: 100px 0 0; */
}

form#contact-form-active input, form#contact-form-active textarea {
    display: block;
    width: 100%;
    padding: 20px;
    border: 0;
    border-radius: 30px;
    -webkit-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
    height: 60px;
    margin-bottom: 0px;
    outline: none;
    color: #092c4a;
    font-size: 15px;
    letter-spacing: 0.1px;
    margin-top: 20px;
    font-family: Camp;
    font-weight: 5300;
    background: #e9eff4;
}

button.rn-button-style--2.btn_solid, a.rn-button-style--2.btn_solid {
    border: 2px solid #f9004d;
    background: #efefef;
    color: #ffffff;
    color: #d2b56d;
    font-size: 14px;
    text-transform: uppercase;
    border: 2px solid #d2b56d;
    padding: 15px 30px;
    border-radius: 3px;
    display: inline-block;
    font-weight: 500;
    -webkit-transition: 0.3s;
    -o-transition: 0.3s;
    transition: 0.3s;
    font-family: 'font';
    font-weight: 400;
}

button.rn-button-style--2.btn_solid, a.rn-button-style--2.btn_solid {
    background: linear-gradient(270deg, #5699d2, #5699d2);
    border-radius: 50px;
    border: none;
    color: white;
    font-family: 'Camp';
    font-weight: 700;
    font-size: 16px;
    white-space: pre;
}

.form-wrapper {
    /* flex-direction: column;
    display: flex;
    align-items: center; */
}

form#contact-form-active {
    /* width: 600px; */
    position: relative;
}

.col-lg-12.contact-wrapper {
    display: flex;
    /* justify-content: center; */
    flex-direction: column;
    align-items: center;
}

@media (max-width: 768px) {
    .form-wrapper {
        width: 100%;
    }

    form#contact-form-active {
        width: 100%;
    }
}

.mainmenunav ul.mainmenu > li > a:hover {
    color: #5699d2!important;
}

.mainmenunav ul.mainmenu > li > a:hover:after {
    opacity: 0.5
}

.menu-open .open-menu path {
    stroke: #393939;
}

div#header-wrapper.menu-open .logo {
    background: transparent;
    /* opacity: 0; */
}

div#header-wrapper.menu-open .logo img {
    /* filter: contrast(1) brightness(0) invert(1); */
}

.menu-open .mainmenunav ul.mainmenu > li > a:after {
    opacity: 0.3;
    background-position: left;
    height: 8px;
}

.preloader {
    overflow: hidden;
}

@media(min-width: 992px) {
    .preloader .header-area {
        /* margin-right: 17px; */
    }

    .preloader body {
        width: calc(100% + 17px);
    }
}

#preloader svg {
    width: 220px;
}

@media(max-width: 768px) {
    #preloader svg {
        width: 150px;
    }
}

h2.main-heading span {
    color: #5699d2;
}

.row.boxes {
    display: flex;
    flex-direction: row;
}

.icon-boxes {
    display: flex;
    justify-content: space-between;
    width: 80%;
    margin: auto;
    margin-top: 30px;
    /* flex-wrap: wrap; */
}

.box {
    width: 150px;
    /* height: 150px; */
    /* background: #f4f4f4; */
    background-size: contain;
    /* -webkit-mask-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiBoZWlnaHQ9IjMwMHB4IiB3aWR0aD0iMzAwcHgiIHZpZXdCb3g9IjAgMCAxMDAgMTAwIiB2ZXJzaW9uPSIxLjEiIHg9IjBweCIgeT0iMHB4Ij48cGF0aCBkPSJNNTAsNSBDMTQsNSA1LDE0IDUsNTAgQzUsODYgMTQsOTUgNTAsOTUgQzg2LDk1IDk1LDg2IDk1LDUwIEM5NSwxNCA4Niw1IDUwLDUgTDUwLDUgWiIgZmlsbD0iIzBiYWU4MSIvPjwvc3ZnPg==); */
    /* -webkit-mask-size: contain; */
    position: relative;
    display: flex;
    justify-content: center;
}
.box svg {
    width: 100%;
    height: auto;
}
/* .icon-boxes .icon-box:first-child .box {
    background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB2ZXJzaW9uPSIxLjEiIGlkPSJMYXllcl8xIiB4PSIwcHgiIHk9IjBweCIgdmlld0JveD0iMCAwIDE1Mi4zOSA2Ni4wOCIgc3R5bGU9ImVuYWJsZS1iYWNrZ3JvdW5kOm5ldyAwIDAgMTUyLjM5IDY2LjA4OyIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+CjxzdHlsZSB0eXBlPSJ0ZXh0L2NzcyI+Cgkuc3Qwe2Rpc3BsYXk6bm9uZTtmaWxsOiMwM0JGRDc7fQoJLnN0MXtmaWxsOiNGRkZGRkY7fQoJLnN0MntmaWxsOiMwM0JGRDc7fQoJLnN0M3tmaWxsOiM0RDRENEY7fQo8L3N0eWxlPgo8Zz4KCTxnPgoJCTxnPgoJCQk8cGF0aCBjbGFzcz0ic3QyIiBkPSJNMzYuNzksMzIuNjhsLTQuNjcsMTIuODNjLTQuNDIsMTEuNDUtOS42OSwyMC41Ny0xOS44NSwyMC41N2MtNC4wNSwwLTguMDYtMi4wMS05LjMxLTIuOTIgICAgIGMtMC41Ni0wLjQxLTEuMTktMC45Ny0xLjQxLTEuNTdsMC4xNi0wLjE2YzEuMzgsMS41NCw1LjgsMy45Miw5LjkxLDMuOTJjMTAuNjYsMCwxNS43MS0xMS42LDE5LjIzLTE5Ljg1bDYuMy0xNi40N2wwLjI4LDAuMDYgICAgIEMzNy40MiwyOS43LDM3LjIzLDMxLjY1LDM2Ljc5LDMyLjY4eiBNMCwyOC44NWMwLTUuNjgsNS4wNS0xMS4wNywxMi43My0xMS4wN2M2LjE1LDAsMTIuMDUsNC4xNiwxOC4wNSw2LjIzICAgICBDMzcuMjQsMTIuOTYsNDMuNzgsMCw2MS40NywwYzE1LjM0LDAsMjAuNzYsMTEuMDQsMjIuMDUsMTMuMzNjMC41NiwxLDAuODEsMi4wNCwwLjgxLDIuNDFsLTAuMTMsMC4wNiAgICAgYy0yLjE2LTQuMzYtOC4xNS0xNC45LTIyLjAyLTE0LjljLTE3LjE2LDAtMjMuNTIsMTIuNjItMzAsMjMuNTVjMS40LDAuNCwyLjgsMC42NSw0LjIyLDAuNjl2MC4xNmMtMC4wNiwwLjE2LTAuOTEsMC4yNS0xLjYsMC4yNSAgICAgYy0xLDAtMi4wMS0wLjE1LTMuMDQtMC4zOWMtNC44MSw4LjA1LTkuODIsMTUtMTkuNDgsMTVDNS4zNiw0MC4xOCwwLDM1LjY5LDAsMjguODV6IE0xLjUxLDI5LjE3YzAsNC41OCwzLjk1LDEwLjI2LDEwLjQ3LDEwLjI2ICAgICBjOC45OCwwLDEzLjcxLTYuNzQsMTguMzctMTQuNjVjLTUuODMtMS44Ni0xMi02LjM2LTE4LjA1LTYuMzZDNi4yNywxOC40MSwxLjUxLDIzLjI0LDEuNTEsMjkuMTd6IE00OS4wOSw0Ni4zOWwtNy40MS0yMS4zMyAgICAgYy0wLjQ3LDAuMDYtMS4zNSwwLjA5LTIuMDQsMC4wOWgtMS4xM2MtMC4xNiwwLjU2LTAuNDEsMS4yMi0wLjQxLDEuOThjMCwwLjE5LDAuMDksMC41MywwLjE5LDAuODhsMy42NywxMS4wMWgtMy40NSAgICAgYy0xLjE5LDAtMi40NSwwLjI4LTMuMDEsMC41M3YwLjI1aDYuNzJsMi4xOSw2LjU5aC0wLjFjLTEuMDMsMC0yLjAxLDAuMjgtMi40MSwwLjQ3djAuMjVoMi44OWg0LjM5aDIuMjZ2LTAuMjUgICAgIGMtMC40Ny0wLjE5LTEuMjItMC40Ny0yLjI2LTAuNDdINDkuMDl6IE04My43MSwyNS44MWMwLDEuNDEsMSwyLjI5LDIuNDEsMi4yOWMxLjM1LDAsMi41MS0wLjg4LDIuNTEtMi4yOSAgICAgYzAtMS41NC0xLjEtMi4yOS0yLjQxLTIuMjlDODQuNzcsMjMuNTIsODMuNzEsMjQuNCw4My43MSwyNS44MXogTTExNy44OSwzMS4yNGMtMy43OSwwLTcuNSwyLjg5LTcuNSw4LjM0ICAgICBjMCw1LjY4LDMuOTgsNy43OCw3Ljc1LDcuNzhjMi41MSwwLDQuNjEtMS4xOSw2LjAyLTIuNmwtMC4zMS0wLjM1Yy0xLjQxLDEuMTktMi45OCwxLjg1LTQuNjQsMS44NWMtMy4yLDAtNC40NS0yLjI5LTQuNDUtNy4yNCAgICAgYzAtNS4zOSwwLjk0LTYuOSwyLjk1LTYuOWMyLjI5LDAsMi43LDIuMiwyLjcsNS44djAuOTdoLTEuNDFjLTEuMTYsMC0yLjQ1LDAuMjItMi44OCwwLjQxdjAuMzRoOC4zMXYtMC41MyAgICAgQzEyNC40MiwzNC41MywxMjIuODUsMzEuMjQsMTE3Ljg5LDMxLjI0eiBNMTMzLjk1LDM3LjY3Yy0xLjQ0LTAuNzUtNC4wMS0xLjc5LTQuMDEtMy43NmMwLTEuNDQsMS0xLjg4LDIuNTctMS44OCAgICAgYzAuMzEsMCwxLjc2LDAsMi4zMiwwLjEyYzAuMDEsMS4yNywwLjAzLDIuNTQsMCwzLjkzYzAuMzEsMC4wOSwxLjA3LDAuMTksMS42OSwwLjE5YzAuNDcsMCwwLjk3LTAuMDksMS4zMi0wLjE5ICAgICBjMC0yLjkyLDAtMy42NC0wLjA2LTQuNjdjLTAuMjUsMC4wNi0wLjY2LDAuMTItMS4xLDAuMTZjLTIuNjQtMC4wMS0xLjgyLTAuMzEtNC45NS0wLjMxYy0yLjQxLDAtNS4wMiwxLjQ3LTUuMDIsNC4zOSAgICAgYzAsMi4yOSwyLjA0LDMuNTQsMy45OCw0LjU4YzIuMzksMS4yNSw0LjY0LDIuMzUsNC42NCw0LjJjMCwxLjUxLTEuMjIsMi4yNi0zLjE0LDIuMjZjLTAuMjgsMC0xLjI4LDAtMi4yNi0wLjM5di00LjEyICAgICBjLTAuMzEtMC4wNi0xLjEtMC4xNi0xLjY2LTAuMTZjLTAuNTYsMC0xLjAzLDAuMDktMS4zNSwwLjE2YzAsMi44NSwwLDMuOTUsMC4wNiw0LjhjMC41OS0wLjA0LDEuMzEsMC4wMSwxLjkyLDAuMDggICAgIGMyLjM2LDAuMzYsMi4yOCwwLjM2LDQuNDIsMC4zNmMyLjczLDAsNS4yNy0xLjM4LDUuMjctNC40MkMxMzguNTksNDAuMDUsMTM2LjUyLDM5LjAxLDEzMy45NSwzNy42N3ogTTc4LjIzLDQ2LjM1ICAgICBjMC4wOS0zLjA3LDAuMTgtNy4yMiwwLjE4LTEwLjFjMC0zLjItMS4zMi01LjAyLTQuMjMtNS4wMmMtMy4xMywwLTUuMDcsMi4zNi01LjcsMy41NmMtMC4zNy0yLjI5LTEuNzEtMy41Ni00LjE1LTMuNTYgICAgIGMtMi45MywwLTQuNzksMi4xNC01LjUyLDMuMzh2LTMuMjJsLTYuNTksMC44OHYwLjVsMi40MSwwLjIydjEzLjM2aC0wLjA2Yy0xLjA0LDAtMi4wNCwwLjMxLTIuNDUsMC41djAuMjVoMi45NWgzLjczaDIuMjl2LTAuMjUgICAgIGMtMC40Ny0wLjE5LTEuMjItMC41LTIuMjktMC41VjM1LjYxYzAuNjMtMC45OCwyLjEzLTIuNzUsMy44Ni0yLjc1YzEuNTEsMCwxLjgyLDEuMjUsMS44Miw0LjYxYzAsMi4zNi0wLjA2LDYuMDktMC4xNCw4Ljg4ICAgICBoLTAuMDVjLTEuMDMsMC0yLjA0LDAuMzEtMi40NSwwLjV2MC4yNWgyLjkyaDMuNzZoMi4yOXYtMC4yNWMtMC40Ny0wLjE5LTEuMjUtMC41LTIuMjktMC41aC0wLjAyYzAuMDgtMy4wOSwwLjA4LTcuMTksMC4wOC0xMC4xICAgICBjMC0wLjIzLTAuMDEtMC40NS0wLjAyLTAuNjZjMC43My0wLjk4LDIuMi0yLjcyLDMuOTQtMi43MmMxLjUxLDAsMS43NiwxLjI1LDEuNzYsNC42MWMwLDIuMzYsMCw2LjExLTAuMDUsOC44OGgtMC4wNyAgICAgYy0xLjA3LDAtMi4wNCwwLjMxLTIuNDgsMC41djAuMjVoMi45NWgzLjczaDIuMzJ2LTAuMjVjLTAuNS0wLjE5LTEuMjUtMC41LTIuMzItMC41SDc4LjIzeiBNMTQ3Ljc1LDM3LjY3ICAgICBjLTEuNDQtMC43NS00LjAxLTEuNzktNC4wMS0zLjc2YzAtMS40NCwxLTEuODgsMi41Ny0xLjg4YzAuMzEsMCwxLjc2LDAsMi4zMiwwLjEyYzAuMDEsMS4yNywwLjAzLDIuNTQsMCwzLjkzICAgICBjMC4zMSwwLjA5LDEuMDcsMC4xOSwxLjY5LDAuMTljMC40NywwLDAuOTctMC4wOSwxLjMyLTAuMTljMC0yLjkyLDAtMy42NC0wLjA2LTQuNjdjLTAuMjUsMC4wNi0wLjY2LDAuMTItMS4xLDAuMTYgICAgIGMtMi42NC0wLjAxLTEuODItMC4zMS00Ljk1LTAuMzFjLTIuNDEsMC01LjAyLDEuNDctNS4wMiw0LjM5YzAsMi4yOSwyLjA0LDMuNTQsMy45OCw0LjU4YzIuMzksMS4yNSw0LjY0LDIuMzUsNC42NCw0LjIgICAgIGMwLDEuNTEtMS4yMiwyLjI2LTMuMTQsMi4yNmMtMC4yOCwwLTEuMjgsMC0yLjI2LTAuMzl2LTQuMTJjLTAuMzEtMC4wNi0xLjEtMC4xNi0xLjY2LTAuMTZjLTAuNTYsMC0xLjA0LDAuMDktMS4zNSwwLjE2ICAgICBjMCwyLjg1LDAsMy45NSwwLjA2LDQuOGMwLjU5LTAuMDQsMS4zMSwwLjAxLDEuOTIsMC4wOGMyLjM2LDAuMzYsMi4yOCwwLjM2LDQuNDIsMC4zNmMyLjczLDAsNS4yNy0xLjM4LDUuMjctNC40MiAgICAgQzE1Mi4zOSw0MC4wNSwxNTAuMzIsMzkuMDEsMTQ3Ljc1LDM3LjY3eiBNMTA3LjY4LDQ2LjM1YzAuMDUtMy4xMSwwLjA1LTcuMiwwLjA1LTEwLjFjMC0zLjItMS4zMi01LjAyLTQuMjctNS4wMiAgICAgYy0zLjA3LDAtNC45NiwyLjM0LTUuNjEsMy41NHYtMy4zOWwtNi41NSwwLjg4djAuNWwyLjQyLDAuMjJ2MTMuMzZoLTAuMDljLTEuMDQsMC0yLjA0LDAuMzEtMi40NSwwLjV2MC4yNWgyLjk1aDMuNzNoMi4yOXYtMC4yNSAgICAgYy0wLjQ3LTAuMTktMS4yNS0wLjUtMi4yOS0wLjVWMzUuODNjMC42Mi0wLjkzLDIuMTMtMi45NiwzLjk1LTIuOTZjMS41LDAsMS44MiwxLjI1LDEuODIsNC42MWMwLDIuMzctMC4wNiw2LjEtMC4xNCw4Ljg4ICAgICBjLTEuMDIsMC4wMS0yLDAuMzItMi40LDAuNXYwLjI1SDEwNGgzLjc2aDIuMjl2LTAuMjVjLTAuNDctMC4xOS0xLjI1LTAuNS0yLjI5LTAuNUgxMDcuNjh6IE04OC4wNyw0Ni4zNVYzMS4zOWwtNi41MiwwLjc4djAuNTMgICAgIGwyLjQ1LDAuMTZ2MTMuNDloLTAuMDljLTEuMDcsMC0yLjA3LDAuMzEtMi40OCwwLjV2MC4yNWgyLjk1aDMuNzNoMi4yOXYtMC4yNWMtMC40Ny0wLjE5LTEuMjItMC41LTIuMjktMC41SDg4LjA3eiIvPgoJCTwvZz4KCQk8Zz4KCQkJPHBhdGggY2xhc3M9InN0MyIgZD0iTTkxLjA0LDU2LjA4di00LjIzaDAuNDh2MS44MWgyLjM1di0xLjgxaDAuNDh2NC4yM2gtMC40OHYtMS45OWgtMi4zNXYxLjk5SDkxLjA0eiIvPgoJCQk8cGF0aCBjbGFzcz0ic3QzIiBkPSJNOTcuNzMsNTYuMTRjLTEuMDUsMC0yLjA4LTAuNzktMi4wOC0yLjA5YzAtMS40NiwxLjA0LTIuMjcsMi4yMi0yLjI3YzEuMSwwLDIuMDksMC44MSwyLjA5LDIuMTEgICAgIEM5OS45Nyw1NS4zNCw5OC45MSw1Ni4xNCw5Ny43Myw1Ni4xNHogTTk3Ljg1LDUyLjIxYy0wLjg5LDAtMS42OCwwLjU5LTEuNjgsMS43NWMwLDEuMTMsMC43LDEuNzQsMS42MywxLjc0ICAgICBjMC45NywwLDEuNjctMC43MywxLjY3LTEuNzZDOTkuNDYsNTIuNzgsOTguNyw1Mi4yMSw5Ny44NSw1Mi4yMXoiLz4KCQkJPHBhdGggY2xhc3M9InN0MyIgZD0iTTEwNC4wNyw1Mi4yOGgtMS40MnYzLjhoLTAuNDh2LTMuOGgtMS40MmwtMC4wMi0wLjQzaDMuMzhMMTA0LjA3LDUyLjI4eiIvPgoJCQk8cGF0aCBjbGFzcz0ic3QzIiBkPSJNMTA3LjcxLDU2LjA4aC0yLjV2LTQuMjNoMi4zN2wtMC4wNCwwLjQzaC0xLjg2djEuNDFoMS42N3YwLjQzaC0xLjY3djEuNTRoMi4wNUwxMDcuNzEsNTYuMDh6Ii8+CgkJCTxwYXRoIGNsYXNzPSJzdDMiIGQ9Ik0xMTEuNDMsNTYuMDhoLTIuNHYtNC4yM2gwLjQ4djMuNzloMS45NkwxMTEuNDMsNTYuMDh6Ii8+CgkJCTxwYXRoIGNsYXNzPSJzdDMiIGQ9Ik0xMTMuNTMsNTYuMTRjLTAuNDYsMC0wLjk0LTAuMTItMS4yMS0wLjNsMC4xNi0wLjQ1YzAuMjUsMC4xOSwwLjY5LDAuMzEsMS4wNywwLjMxICAgICBjMC40NywwLDAuODYtMC4yNywwLjg2LTAuNjhjMC0wLjk1LTEuOTktMS0xLjk5LTIuMTNjMC0wLjcxLDAuNjEtMS4xMiwxLjM2LTEuMTJjMC4zNSwwLDAuNzIsMC4wNiwwLjk4LDAuMTNsLTAuMDksMC40NiAgICAgYy0wLjI1LTAuMS0wLjU5LTAuMTctMC45LTAuMTdjLTAuNSwwLTAuODcsMC4yLTAuODcsMC42MWMwLDAuODYsMi4wMSwwLjkyLDIuMDEsMi4xNUMxMTQuOTEsNTUuNjUsMTE0LjM1LDU2LjE0LDExMy41Myw1Ni4xNHoiLz4KCQkJPHBhdGggY2xhc3M9InN0MyIgZD0iTTEyMS4zNCw1Ni4xOWwtMC43Mi0wLjc0Yy0wLjQsMC40My0wLjkyLDAuNjktMS41MiwwLjY5Yy0wLjc3LDAtMS4zOC0wLjM4LTEuMzgtMS4yICAgICBjMC0wLjcxLDAuNDktMS4xOCwxLjE5LTEuNDJjLTAuMTItMC4yMS0wLjE4LTAuNDUtMC4xOC0wLjczYzAtMC42NywwLjUtMS4wMiwxLjAzLTEuMDJjMC4yMywwLDAuNTgsMC4wNCwwLjc5LDAuMTdsLTAuMTIsMC40MiAgICAgYy0wLjE2LTAuMTEtMC40Mi0wLjE5LTAuNjUtMC4xOWMtMC4zMywwLTAuNjEsMC4yLTAuNjEsMC42MWMwLDAuMzgsMC4xOSwwLjgxLDAuODcsMS40OWwwLjUzLDAuNTQgICAgIGMwLjI0LTAuNDIsMC4zOC0wLjk1LDAuMzktMS40N2wwLjQ1LDAuMDRjLTAuMDEsMC42MS0wLjIyLDEuMjktMC41MywxLjc1bDAuOSwwLjkyTDEyMS4zNCw1Ni4xOXogTTExOS43Niw1NC42MSAgICAgYy0wLjIyLTAuMjItMC40OC0wLjUtMC42NC0wLjczYy0wLjQ4LDAuMTQtMC45MiwwLjQ2LTAuOTIsMS4wNmMwLDAuNTcsMC40MywwLjgxLDAuOTEsMC44MWMwLjQ4LDAsMC44OS0wLjIyLDEuMjEtMC41OSAgICAgTDExOS43Niw1NC42MXoiLz4KCQkJPHBhdGggY2xhc3M9InN0MyIgZD0iTTEyNy4zMSw1Ni4xNGwtMS41LTEuODhoLTAuNjF2MS44MmgtMC40NnYtNC4yM2gwLjI0YzAuMzgtMC4wMiwwLjczLTAuMDQsMC45MS0wLjA0ICAgICBjMC44MiwwLDEuMzEsMC40MywxLjMxLDEuMTVjMCwwLjY0LTAuNDEsMS4wNC0wLjg5LDEuMTd2MC4wMmwxLjUyLDEuODlMMTI3LjMxLDU2LjE0eiBNMTI1Ljc5LDUyLjIzICAgICBjLTAuMTksMC0wLjQzLDAuMDEtMC41OSwwLjAydjEuNmgwLjU5YzAuNTUsMCwwLjkyLTAuMzIsMC45Mi0wLjg1QzEyNi43MSw1Mi40OSwxMjYuMzYsNTIuMjMsMTI1Ljc5LDUyLjIzeiIvPgoJCQk8cGF0aCBjbGFzcz0ic3QzIiBkPSJNMTMxLjI1LDU2LjA4aC0yLjV2LTQuMjNoMi4zN2wtMC4wNCwwLjQzaC0xLjg2djEuNDFoMS42N3YwLjQzaC0xLjY3djEuNTRoMi4wNUwxMzEuMjUsNTYuMDh6Ii8+CgkJCTxwYXRoIGNsYXNzPSJzdDMiIGQ9Ik0xMzMuNDYsNTYuMTRjLTAuNDYsMC0wLjkzLTAuMTItMS4yMS0wLjNsMC4xNi0wLjQ1YzAuMjUsMC4xOSwwLjY5LDAuMzEsMS4wNywwLjMxICAgICBjMC40NywwLDAuODYtMC4yNywwLjg2LTAuNjhjMC0wLjk1LTEuOTktMS0xLjk5LTIuMTNjMC0wLjcxLDAuNjEtMS4xMiwxLjM2LTEuMTJjMC4zNSwwLDAuNzIsMC4wNiwwLjk4LDAuMTNsLTAuMDksMC40NiAgICAgYy0wLjI1LTAuMS0wLjU5LTAuMTctMC45LTAuMTdjLTAuNSwwLTAuODcsMC4yLTAuODcsMC42MWMwLDAuODYsMi4wMSwwLjkyLDIuMDEsMi4xNUMxMzQuODQsNTUuNjUsMTM0LjI4LDU2LjE0LDEzMy40Niw1Ni4xNHoiLz4KCQkJPHBhdGggY2xhc3M9InN0MyIgZD0iTTEzNy45NCw1Ni4xNGMtMS4wNSwwLTIuMDgtMC43OS0yLjA4LTIuMDljMC0xLjQ2LDEuMDQtMi4yNywyLjIyLTIuMjdjMS4xLDAsMi4wOSwwLjgxLDIuMDksMi4xMSAgICAgQzE0MC4xOCw1NS4zNCwxMzkuMTIsNTYuMTQsMTM3Ljk0LDU2LjE0eiBNMTM4LjA2LDUyLjIxYy0wLjg5LDAtMS42OCwwLjU5LTEuNjgsMS43NWMwLDEuMTMsMC43LDEuNzQsMS42MywxLjc0ICAgICBjMC45NywwLDEuNjctMC43MywxLjY3LTEuNzZDMTM5LjY4LDUyLjc4LDEzOC45Miw1Mi4yMSwxMzguMDYsNTIuMjF6Ii8+CgkJCTxwYXRoIGNsYXNzPSJzdDMiIGQ9Ik0xNDQuMDcsNTYuMTRsLTEuNS0xLjg4aC0wLjYxdjEuODJoLTAuNDZ2LTQuMjNoMC4yNGMwLjM4LTAuMDIsMC43My0wLjA0LDAuOTEtMC4wNCAgICAgYzAuODIsMCwxLjMxLDAuNDMsMS4zMSwxLjE1YzAsMC42NC0wLjQxLDEuMDQtMC44OSwxLjE3djAuMDJsMS41MiwxLjg5TDE0NC4wNyw1Ni4xNHogTTE0Mi41Niw1Mi4yMyAgICAgYy0wLjE5LDAtMC40MywwLjAxLTAuNTksMC4wMnYxLjZoMC41OWMwLjU1LDAsMC45Mi0wLjMyLDAuOTItMC44NUMxNDMuNDcsNTIuNDksMTQzLjEzLDUyLjIzLDE0Mi41Niw1Mi4yM3oiLz4KCQkJPHBhdGggY2xhc3M9InN0MyIgZD0iTTE0OC4yNiw1Mi4yOGgtMS40MnYzLjhoLTAuNDh2LTMuOGgtMS40MmwtMC4wMi0wLjQzaDMuMzhMMTQ4LjI2LDUyLjI4eiIvPgoJCQk8cGF0aCBjbGFzcz0ic3QzIiBkPSJNMTUwLjMsNTYuMTRjLTAuNDYsMC0wLjk0LTAuMTItMS4yMS0wLjNsMC4xNi0wLjQ1YzAuMjUsMC4xOSwwLjY5LDAuMzEsMS4wNywwLjMxICAgICBjMC40NywwLDAuODYtMC4yNywwLjg2LTAuNjhjMC0wLjk1LTEuOTktMS0xLjk5LTIuMTNjMC0wLjcxLDAuNjEtMS4xMiwxLjM2LTEuMTJjMC4zNSwwLDAuNzIsMC4wNiwwLjk4LDAuMTNsLTAuMDksMC40NiAgICAgYy0wLjI1LTAuMS0wLjU5LTAuMTctMC45LTAuMTdjLTAuNSwwLTAuODcsMC4yLTAuODcsMC42MWMwLDAuODYsMi4wMSwwLjkyLDIuMDEsMi4xNUMxNTEuNjgsNTUuNjUsMTUxLjEyLDU2LjE0LDE1MC4zLDU2LjE0eiIvPgoJCTwvZz4KCTwvZz4KPC9nPgo8L3N2Zz4=);
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
}

.icon-boxes .icon-box:nth-child(2) .box {
    background-image: url(data:image/svg+xml;base64,PCEtLSBHZW5lcmF0b3I6IEFkb2JlIElsbHVzdHJhdG9yIDI1LjAuMCwgU1ZHIEV4cG9ydCBQbHVnLUluICAtLT4NCjxzdmcgdmVyc2lvbj0iMS4xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB4PSIwcHgiIHk9IjBweCIgd2lkdGg9IjgyLjRweCINCgkgaGVpZ2h0PSIxMS41cHgiIHZpZXdCb3g9IjAgMCA4Mi40IDExLjUiIHN0eWxlPSJvdmVyZmxvdzp2aXNpYmxlO2VuYWJsZS1iYWNrZ3JvdW5kOm5ldyAwIDAgODIuNCAxMS41OyIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+DQo8c3R5bGUgdHlwZT0idGV4dC9jc3MiPg0KCS5zdDB7ZmlsbDojNjM2NDY2O30NCjwvc3R5bGU+DQo8ZGVmcz4NCjwvZGVmcz4NCjxwYXRoIGNsYXNzPSJzdDAiIGQ9Ik0zLDBIMi43TDAsMTEuM2gwLjdsMS44LTguNGwzLjksOC40aDAuMmwzLjctOC40bDIuMSw4LjRoMS43TDExLjMsMGgtMC4zbC00LDguOEwzLDB6IE0xOC4yLDExLjNsMS45LTQuN2gzLjYNCglsMiw0LjdoMS44TDIyLjcsMGgtMC4zbC00LjksMTEuM0gxOC4yeiBNMjAuNCw2TDIyLDIuM0wyMy42LDZIMjAuNHogTTMyLDExLjNoMS43di0xMUgzMlYxMS4zeiBNMzksOC44TDM4LjUsOQ0KCWMwLjQsMS44LDEuOCwyLjYsMy4zLDIuNmMyLjIsMCwzLjctMS4zLDMuNy0zLjNjMC0xLjQtMC44LTIuMy0xLjktM2MtMC43LTAuNC0xLjMtMC44LTItMS4yYy0wLjgtMC41LTEuMy0xLTEuMy0xLjkNCgljMC0xLDAuNy0xLjcsMS44LTEuN2MxLDAsMi4xLDAuNiwyLjMsMS44TDQ1LDIuMkM0NC43LDAuNSw0My4yLDAsNDIuMSwwYy0yLDAtMy4yLDEuMi0zLjIsMi43YzAsMS43LDEuMiwyLjYsMi4yLDMuMg0KCWMwLjQsMC4zLDAuOCwwLjUsMS4zLDAuOEM0My41LDcuMyw0NCw3LjksNDQsOC45YzAsMS4xLTAuOCwyLjEtMi4yLDIuMUM0MC43LDExLDM5LjQsMTAuNiwzOSw4LjggTTU3LjEsMC45VjAuM2gtOC40djAuNmgzLjR2MTAuNA0KCWgxLjZWMC45SDU3LjF6IE02MS4zLDExLjNoMS43VjUuOGgwLjVsNC4yLDUuNWgybC00LjMtNS42YzEuMi0wLjIsMi42LTEuMSwyLjYtMi44YzAtMS44LTEuNC0yLjYtMy4yLTIuNmgtMy40VjExLjN6IE02NCwwLjkNCgljMS4yLDAsMi4zLDAuNiwyLjMsMmMwLDEuNy0xLjIsMi40LTIuMywyLjRoLTEuMVYwLjlINjR6IE03MywxMS4zbDEuOS00LjdoMy42bDIsNC43aDEuOEw3Ny41LDBoLTAuM2wtNC45LDExLjNINzN6IE03NS4yLDYNCglsMS41LTMuN0w3OC4zLDZINzUuMnoiLz4NCjwvc3ZnPg0K);
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
}

.icon-boxes .icon-box:last-child .box {
    background-image: url(data:image/svg+xml;base64,PCEtLSBHZW5lcmF0b3I6IEFkb2JlIElsbHVzdHJhdG9yIDI1LjAuMCwgU1ZHIEV4cG9ydCBQbHVnLUluICAtLT4NCjxzdmcgdmVyc2lvbj0iMS4xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB4PSIwcHgiIHk9IjBweCINCgkgd2lkdGg9IjEwNDYuMXB4IiBoZWlnaHQ9Ijc2cHgiIHZpZXdCb3g9IjAgMCAxMDQ2LjEgNzYiIHN0eWxlPSJvdmVyZmxvdzp2aXNpYmxlO2VuYWJsZS1iYWNrZ3JvdW5kOm5ldyAwIDAgMTA0Ni4xIDc2OyINCgkgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+DQo8c3R5bGUgdHlwZT0idGV4dC9jc3MiPg0KCS5zdDB7ZmlsbDojMUUyODQ1O30NCjwvc3R5bGU+DQo8ZGVmcz4NCjwvZGVmcz4NCjxnPg0KCTxwYXRoIGNsYXNzPSJzdDAiIGQ9Ik0xMC4zLDczLjJjLTQuMi0xLjktNy42LTQuNS0xMC4zLThsOS41LTExLjRjNCw1LjQsOC42LDguMiwxMy44LDguMmM3LDAsMTAuNS00LjEsMTAuNS0xMi4zVjE0LjRINy43VjAuNg0KCQloNDMuMXY0OC4xYzAsOS4xLTIuMywxNS45LTYuOCwyMC41QzM5LjUsNzMuOCwzMi45LDc2LDI0LjEsNzZDMTkuMSw3NiwxNC41LDc1LjEsMTAuMyw3My4yeiIvPg0KCTxwYXRoIGNsYXNzPSJzdDAiIGQ9Ik0xMTUsNTguOUg4MC42TDc0LDc0LjhINTYuNGwzMy03NC4xaDE2LjlsMzMuMSw3NC4xaC0xOEwxMTUsNTguOXogTTEwOS42LDQ1LjlMOTcuOSwxNy41TDg2LjEsNDUuOUgxMDkuNnoiLz4NCgk8cGF0aCBjbGFzcz0ic3QwIiBkPSJNMTQ3LjMsMC42SDE4MWM4LDAsMTUuMiwxLjUsMjEuMyw0LjZjNi4yLDMuMSwxMSw3LjQsMTQuNCwxM2MzLjQsNS42LDUuMSwxMi4xLDUuMSwxOS41cy0xLjcsMTMuOS01LjEsMTkuNQ0KCQljLTMuNCw1LjYtOC4yLDkuOS0xNC40LDEzYy02LjIsMy4xLTEzLjMsNC42LTIxLjMsNC42aC0zMy43VjAuNnogTTE4MC4xLDYwLjdjNy40LDAsMTMuMy0yLjEsMTcuNy02LjJjNC40LTQuMSw2LjYtOS43LDYuNi0xNi44DQoJCWMwLTcuMS0yLjItMTIuNy02LjYtMTYuOGMtNC40LTQuMS0xMC4zLTYuMi0xNy43LTYuMmgtMTUuN3Y0NkgxODAuMXoiLz4NCgk8cGF0aCBjbGFzcz0ic3QwIiBkPSJNMjgyLDc0LjhsLTE0LjMtMjAuN2gtMC44SDI1MnYyMC43aC0xNy4yVjAuNmgzMi4xYzYuNiwwLDEyLjMsMS4xLDE3LjEsMy4zYzQuOCwyLjIsOC42LDUuMywxMS4yLDkuMw0KCQljMi42LDQsMy45LDguOCwzLjksMTQuM2MwLDUuNS0xLjMsMTAuMy00LDE0LjJjLTIuNiw0LTYuNCw3LTExLjMsOS4ybDE2LjYsMjMuOEgyODJ6IE0yNzcuNywxOGMtMi43LTIuMi02LjYtMy4zLTExLjgtMy4zaC0xNA0KCQl2MjUuOGgxNGM1LjIsMCw5LjEtMS4xLDExLjgtMy40YzIuNy0yLjMsNC01LjQsNC05LjVDMjgxLjcsMjMuNCwyODAuNCwyMC4yLDI3Ny43LDE4eiIvPg0KCTxwYXRoIGNsYXNzPSJzdDAiIGQ9Ik0zNjEuNSw1OC45SDMyN2wtNi42LDE1LjloLTE3LjZsMzMtNzQuMWgxNi45TDM4Niw3NC44aC0xOEwzNjEuNSw1OC45eiBNMzU2LjEsNDUuOWwtMTEuOC0yOC40bC0xMS44LDI4LjQNCgkJSDM1Ni4xeiIvPg0KCTxwYXRoIGNsYXNzPSJzdDAiIGQ9Ik00NjEuOCwwLjZ2NzQuMWgtMTQuMWwtMzctNDV2NDVoLTE2LjlWMC42SDQwOGwzNi45LDQ1di00NUg0NjEuOHoiLz4NCgk8cGF0aCBjbGFzcz0ic3QwIiBkPSJNNTA2LjMsNDUuNmwtMTAsMTAuNHYxOC43aC0xNy4xVjAuNmgxNy4xdjM0LjZsMzIuOC0zNC42aDE5LjFsLTMwLjcsMzNsMzIuNSw0MS4xaC0yMEw1MDYuMyw0NS42eiIvPg0KCTxwYXRoIGNsYXNzPSJzdDAiIGQ9Ik02MDMuMyw1OC45aC0zNC40bC02LjYsMTUuOWgtMTcuNmwzMy03NC4xaDE2LjlsMzMuMSw3NC4xaC0xOEw2MDMuMyw1OC45eiBNNTk3LjksNDUuOWwtMTEuOC0yOC40bC0xMS44LDI4LjQNCgkJSDU5Ny45eiIvPg0KCTxwYXRoIGNsYXNzPSJzdDAiIGQ9Ik03MjEsMzcuN2g3LjVWNjZjLTMuNSwzLTcuNiw1LjQtMTIuMyw3Yy00LjcsMS42LTkuNywyLjQtMTQuOSwyLjRjLTcuNCwwLTE0LjEtMS42LTIwLTQuOQ0KCQljLTUuOS0zLjItMTAuNi03LjctMTQtMTMuNWMtMy40LTUuOC01LjEtMTIuMi01LjEtMTkuM2MwLTcuMSwxLjctMTMuNiw1LjEtMTkuM2MzLjQtNS44LDgtMTAuMywxNC0xMy41YzUuOS0zLjIsMTIuNi00LjksMjAuMS00LjkNCgkJYzUuNiwwLDEwLjgsMC45LDE1LjYsMi43YzQuNywxLjgsOC43LDQuNSwxMiw4bC00LjksNUM3MTguMiw5LjksNzEwLjgsNyw3MDEuNyw3Yy02LDAtMTEuNCwxLjMtMTYuMyw0Yy00LjgsMi42LTguNiw2LjMtMTEuNCwxMQ0KCQljLTIuOCw0LjctNC4xLDkuOS00LjEsMTUuN2MwLDUuOCwxLjQsMTEsNC4xLDE1LjdjMi44LDQuNyw2LjUsOC4zLDExLjMsMTFjNC44LDIuNywxMC4yLDQsMTYuMiw0YzcuNiwwLDE0LjEtMS45LDE5LjQtNS43VjM3Ljd6Ig0KCQkvPg0KCTxwYXRoIGNsYXNzPSJzdDAiIGQ9Ik04MDEuMyw3NC44bC0xNi45LTIzLjhjLTEuOSwwLjItMy45LDAuMy01LjksMC4zaC0xOS45djIzLjVoLTcuOFYwLjZoMjcuN2M5LjUsMCwxNi45LDIuMywyMi4yLDYuOA0KCQljNS40LDQuNSw4LDEwLjcsOCwxOC42YzAsNS44LTEuNSwxMC43LTQuNCwxNC43Yy0yLjksNC03LjEsNi45LTEyLjUsOC42bDE4LjEsMjUuNEg4MDEuM3ogTTc5NS4xLDM5LjdjMy45LTMuMiw1LjgtNy44LDUuOC0xMy43DQoJCWMwLTYtMS45LTEwLjYtNS44LTEzLjhjLTMuOS0zLjItOS41LTQuOC0xNi44LTQuOGgtMTkuN3YzNy4yaDE5LjdDNzg1LjYsNDQuNiw3OTEuMiw0Myw3OTUuMSwzOS43eiIvPg0KCTxwYXRoIGNsYXNzPSJzdDAiIGQ9Ik04MzQuNyw2Ny4xYy01LjQtNS41LTgtMTMuNS04LTI0VjAuNmg3Ljh2NDIuMmMwLDguNiwxLjksMTUsNS44LDE5LjNjMy45LDQuMiw5LjUsNi40LDE2LjgsNi40DQoJCWM3LjQsMCwxMy4xLTIuMSwxNi45LTYuNGMzLjktNC4yLDUuOC0xMC43LDUuOC0xOS4zVjAuNmg3LjZ2NDIuNWMwLDEwLjUtMi43LDE4LjUtOCwyNGMtNS4zLDUuNS0xMi44LDguMy0yMi40LDguMw0KCQlDODQ3LjUsNzUuNCw4NDAsNzIuNyw4MzQuNyw2Ny4xeiIvPg0KCTxwYXRoIGNsYXNzPSJzdDAiIGQ9Ik05NjEuMSw3LjRjNS40LDQuNSw4LDEwLjcsOCwxOC42YzAsNy45LTIuNywxNC4xLTgsMTguNmMtNS40LDQuNS0xMi44LDYuNy0yMi4yLDYuN0g5MTl2MjMuNGgtNy44VjAuNmgyNy43DQoJCUM5NDguMywwLjYsOTU1LjgsMi45LDk2MS4xLDcuNHogTTk1NS41LDM5LjdjMy45LTMuMiw1LjgtNy43LDUuOC0xMy42YzAtNi0xLjktMTAuNi01LjgtMTMuOGMtMy45LTMuMi05LjUtNC44LTE2LjgtNC44SDkxOXYzNy4xDQoJCWgxOS43Qzk0Niw0NC41LDk1MS42LDQyLjksOTU1LjUsMzkuN3oiLz4NCgk8cGF0aCBjbGFzcz0ic3QwIiBkPSJNMTAyOC45LDU1aC00MS4zbC04LjksMTkuOGgtOC4ybDMzLjktNzQuMWg3LjdsMzMuOSw3NC4xaC04LjNMMTAyOC45LDU1eiBNMTAyNiw0OC42bC0xNy44LTM5LjhsLTE3LjgsMzkuOA0KCQlIMTAyNnoiLz4NCjwvZz4NCjwvc3ZnPg0K);
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
} */

.icon-box {
    display: flex;
    flex-direction: column;
    align-items: center;
    position: relative;
    margin: 20px auto;
    justify-content: center;
}

.icon-box span {
    font-weight: 800;
    font-size: 20px;
    font-family: Camp;
}

@media(max-width: 768px) {
    .header-image {
        background-size: cover;
        background-position: center;
    }

    section.header-image.bottom-image {
        background-position: center top;
    }



    .icon-box:after {
        bottom: 35px;
        right: 0;
    }
}

.box-detials span:last-child span {
    margin-left: 5px;
}

@media(max-width: 576px) {
  .box {
      width: 150px;
      background-repeat: no-repeat;
      /*height: 100px;*/
      height: 100%;
  }
    .icon-boxes {
        flex-direction: column;
        width: auto;
    }

    #contact-intro .icon-box:last-child .box-detials span:last-child {
        display: flex;
        flex-direction: column;
    }

    .box-detials span:last-child span {
        margin-left: 0;
    }

    .mainmenunav ul.mainmenu > li > a {
        padding-left: 0
    }
}

.welcome-text span {
    color: #5699d2;
}

@media(min-width: 992px) {
    header.header-area {
        position: fixed;
        z-index: 6;
        background: linear-gradient(180deg, rgb(35,35,35), rgba(255,255,255,0));
    }

    div#header-wrapper {
        margin: 0;
    }
}

path#top, path#bottom {
    stroke-dasharray: 240 950;
    /* transition: stroke-dashoffset .4s cubic-bezier(0.250,-0.250, 0.750, 1.250); */
    transition: stroke-dashoffset 0.4s cubic-bezier(0.250,-0.250, 0.750, 1.250), stroke 0.4s ease .1s;
}

.menu-open path#top, .menu-open path#bottom {
    stroke-dashoffset: -650;
}

path#middle {
    stroke-dasharray: 240 240;
    transition: stroke-dashoffset .4s cubic-bezier(0.250,-0.250, 0.750, 1.250), stroke-dasharray .4s cubic-bezier(0.250,-0.250, 0.750, 1.250);
    transition: stroke-dashoffset .4s cubic-bezier(0.250,-0.250, 0.750, 1.250), stroke-dasharray .4s cubic-bezier(0.250,-0.250, 0.750, 1.250), stroke 0.4s ease .1s;
}

.menu-open path#middle {
    stroke-dashoffset: -120;
    stroke-dasharray: 0 240;
}

.who-we-are span {
    font-size: 18px;
    line-height: 20px;
    color: #b0b6bf;
    text-transform: uppercase;
    font-weight: 700;
    font-style: normal;
    margin-bottom: 20px;
    display: flex;
}

.who-we-are > h3 {
    font-size: 35px;
    color: #252525;
    font-weight: 800;
    margin-bottom: 0;
    line-height: 1;
    letter-spacing: -3px;
}

.who-we-are h3:last-of-type {
    color: #5699d2;
    margin-bottom: 40px;
}

.who-we-are p {
    font-weight: 500;
    letter-spacing: -1px;
    font-size: 18px;
    color: #6f6f6f;
    line-height: 1.6;
}

.who-we-are-img {
    /* display: flex; */
    /* justify-content: flex-end; */
    -webkit-mask-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiBoZWlnaHQ9IjMwMHB4IiB3aWR0aD0iMzAwcHgiIHZpZXdCb3g9IjAgMCAxMDAgMTAwIiB2ZXJzaW9uPSIxLjEiIHg9IjBweCIgeT0iMHB4Ij48cGF0aCBkPSJNNTAsNSBDMTQsNSA1LDE0IDUsNTAgQzUsODYgMTQsOTUgNTAsOTUgQzg2LDk1IDk1LDg2IDk1LDUwIEM5NSwxNCA4Niw1IDUwLDUgTDUwLDUgWiIgZmlsbD0iIzBiYWU4MSIvPjwvc3ZnPg==);
    -webkit-mask-size: cover;
    -webkit-mask-position: center;
}

.who-we-are-media {
    display: flex;
    justify-content: flex-end;
    position: relative;
}

.vasa-veza {
    background: #5699d2;
    position: absolute;
    width: 200px;
    height: 200px;
    display: flex;
    /* display: flex; */
    justify-content: center;
    -webkit-mask-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiBoZWlnaHQ9IjMwMHB4IiB3aWR0aD0iMzAwcHgiIHZpZXdCb3g9IjAgMCAxMDAgMTAwIiB2ZXJzaW9uPSIxLjEiIHg9IjBweCIgeT0iMHB4Ij48cGF0aCBkPSJNNTAsNSBDMTQsNSA1LDE0IDUsNTAgQzUsODYgMTQsOTUgNTAsOTUgQzg2LDk1IDk1LDg2IDk1LDUwIEM5NSwxNCA4Niw1IDUwLDUgTDUwLDUgWiIgZmlsbD0iIzBiYWU4MSIvPjwvc3ZnPg==);
    -webkit-mask-size: cover;
    -webkit-mask-position: center;
    flex-direction: column;
    left: 70px;
    bottom: -30px;
    padding: 40px;
}

.vasa-veza img {
    width: 50px;
    margin-bottom: 20px;
}

.vasa-veza span {
    font-weight: 700;
    color: white;
    line-height: 1.2;
    font-size: 18px;
}

.progress {
    background: #ececf0;
    border-radius: 20px;
    box-shadow: none;
    overflow: visible;
}

.progress .progress-bar {
    background: #5699d2;
    overflow: visible;
    position: relative;
    border-radius: 50px;
    box-shadow: none;
}

.progress-bar:after {
    content: "";
    width: 30px;
    height: 30px;
    background: #252525;
    right: -15px;
    position: absolute;
    border-radius: 50%;
    z-index: 1;
    opacity: 0;
}

.who-we-are .suradnje h3 {
    font-size: 17px;
    text-align: center;
    color: #252525;
    margin-bottom: 20px;
}

.who-we-are .suradnje span {
    margin-bottom: 10px;
    color: #252525;
    font-size: 16px;
    font-weight: 800;
}

.suradnje {
    margin-top: 40px;
}

@media(max-width: 1200px) {
    .vasa-veza {
        left: -10px;
    }
}

@media(max-width: 991px) {
    .who-we-are-media {
        margin-bottom: 100px;
        justify-content: center;
    }

    .vasa-veza {
        left: 50px;
        /* margin-left: 150px; */
    }
}

@media(max-width: 767px) {
    .vasa-veza {
        left: -30px;
        /* margin-left: 150px; */
        bottom: -60px;
    }
}

@media(max-width: 480px) {
    .who-we-are-img {
        transform: translateY(-40px);
    }
}

section#ourmenu .container {
    padding: 0 30px;
}

section.header-image.bottom-image {
    -webkit-mask-image: none;
    /* background-image: url(../images/tent-bg.jpg); */
    background-size: auto 140%;
}

section.header-image.bottom-image:before {
    display: none;
}

#privacy .main-heading {
    text-align: left;
    font-size: 28px;
    letter-spacing: -1.5px;
}

section#privacy p {
    margin-bottom: 25px;
    font-size: 16px;
    color: #252525;
}

section.header-image.privacy {
    height: 40vh;
}

section.header-image.privacy .welcome-text {
    font-size: 40px;
}

#contact-intro .icon-box:after {
    display: none;
}

#contact-intro .icon-box {
    flex-direction: row;
    width: 33.333%;
    justify-content: center;
}

#contact-intro .box {
    width: 150px;
    height: 150px;
}

.box-detials span {
    font-size: 17px;
    display: flex;
    /* border: 1px solid red; */
    /* justify-content: center; */
}

#contact-intro .icon-boxes {
    width: 100%;
}

.box-detials span:last-child {
    font-size: 15px;
    font-weight: 600;
}

.box-detials {
    margin-left: 10px;
}

section#contact-intro {
    padding-bottom: 0;
    padding-top: 50px;
}

#contact-intro .icon-boxes .icon-box:first-child .box {
    background-image: url(data:image/svg+xml;base64,PCEtLSBHZW5lcmF0b3I6IEFkb2JlIElsbHVzdHJhdG9yIDI1LjAuMCwgU1ZHIEV4cG9ydCBQbHVnLUluICAtLT4NCjxzdmcgdmVyc2lvbj0iMS4xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB4PSIwcHgiIHk9IjBweCIgd2lkdGg9IjQwOC45cHgiDQoJIGhlaWdodD0iMjg3LjdweCIgdmlld0JveD0iMCAwIDQwOC45IDI4Ny43IiBzdHlsZT0ib3ZlcmZsb3c6dmlzaWJsZTtlbmFibGUtYmFja2dyb3VuZDpuZXcgMCAwIDQwOC45IDI4Ny43OyINCgkgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+DQo8c3R5bGUgdHlwZT0idGV4dC9jc3MiPg0KCS5zdDB7ZmlsbDojN0E3QTdBO30NCjwvc3R5bGU+DQo8ZGVmcz4NCjwvZGVmcz4NCjxnPg0KCTxwYXRoIGNsYXNzPSJzdDAiIGQ9Ik0wLDMyYzIuMy01LjcsMy45LTEyLDcuMi0xN0MxNCw0LjcsMjQuNCwwLjMsMzYuNiwwYzAuNywwLDEuMywwLDIsMGMxMTAuNiwwLDIyMS4yLDAsMzMxLjgsMA0KCQlDMzg2LDAsMzk4LjIsNi4xLDQwNSwyMC41YzIuNCw1LDMuNywxMSwzLjcsMTYuNWMwLjIsNzEuMiwwLjIsMTQyLjQsMC4xLDIxMy43YzAsMjEuOC0xNS44LDM2LjktMzgsMzYuOWMtOTEuNywwLTE4My40LDAtMjc1LjEsMA0KCQljLTE4LjYsMC0zNy4zLTAuNC01NS45LDAuMWMtMjAuNCwwLjUtMzYuNS0xMi0zOS41LTMxLjNjMC0wLjMtMC4yLTAuNS0wLjMtMC43QzAsMTgxLDAsMTA2LjUsMCwzMnogTTQxLjMsMjQuMQ0KCQljMS4yLDEuMywxLjksMi4xLDIuNiwyLjhjNDQuNiw0NC40LDg5LjIsODguOCwxMzMuOSwxMzMuMmMxNiwxNS45LDM3LjQsMTUuOCw1My41LTAuMmM0NC41LTQ0LjIsODguOS04OC40LDEzMy4zLTEzMi42DQoJCWMwLjktMC45LDEuNi0xLjgsMi44LTMuMUMyNTguNSwyNC4xLDE1MC40LDI0LjEsNDEuMywyNC4xeiBNNDMuNiwyNjMuMmMxMDYuOCwwLDIxNS4xLDAsMzIxLjUsMGMtMzIuOS0zMy42LTY2LjYtNjgtMTAwLjgtMTAyLjgNCgkJYy01LjksNi0xMS4zLDExLjctMTYuOSwxNy4yYy0xNi45LDE2LjQtMzYuOSwyMS45LTU5LjgsMTUuOGMtMTAuNS0yLjgtMTkuMy04LjctMjYuOS0xNi40Yy01LjMtNS40LTEwLjYtMTAuOC0xNi4zLTE2LjYNCgkJQzExMC4zLDE5NS4yLDc2LjYsMjI5LjYsNDMuNiwyNjMuMnogTTI0LjIsNDFjMCw2OSwwLDEzNi45LDAsMjA1LjljMzQuNS0zNS4xLDY4LjItNjkuNSwxMDEuMi0xMDMuMUM5Mi4zLDExMC4xLDU4LjYsNzUuOCwyNC4yLDQxDQoJCXogTTM4NC44LDQyYy0wLjMtMC4yLTAuNi0wLjQtMC45LTAuNmMtMzMuOCwzNC40LTY3LjcsNjguOC0xMDEuNiwxMDMuM2MzMy43LDMzLjUsNjcuOCw2Ny40LDEwMi41LDEwMS45DQoJCUMzODQuOCwxNzcuNiwzODQuOCwxMDkuOCwzODQuOCw0MnoiLz4NCjwvZz4NCjwvc3ZnPg0K);
}

#contact-intro .icon-boxes .icon-box:nth-child(2) .box {
    background-image: url(data:image/svg+xml;base64,PCEtLSBHZW5lcmF0b3I6IEFkb2JlIElsbHVzdHJhdG9yIDI1LjAuMCwgU1ZHIEV4cG9ydCBQbHVnLUluICAtLT4NCjxzdmcgdmVyc2lvbj0iMS4xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB4PSIwcHgiIHk9IjBweCIgd2lkdGg9IjM1OS4zcHgiDQoJIGhlaWdodD0iNDA5LjNweCIgdmlld0JveD0iMCAwIDM1OS4zIDQwOS4zIiBzdHlsZT0ib3ZlcmZsb3c6dmlzaWJsZTtlbmFibGUtYmFja2dyb3VuZDpuZXcgMCAwIDM1OS4zIDQwOS4zOyINCgkgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+DQo8c3R5bGUgdHlwZT0idGV4dC9jc3MiPg0KCS5zdDB7ZmlsbDojN0E3QTdBO30NCjwvc3R5bGU+DQo8ZGVmcz4NCjwvZGVmcz4NCjxnPg0KCTxwYXRoIGNsYXNzPSJzdDAiIGQ9Ik0xNjAuNSw0MDkuM2MtNi4xLTAuNS0xMi4xLTEuMS0xOC4yLTEuNWMtMjguMy0yLjItNTYuMi02LjgtODMuMS0xNi4xYy0xNS44LTUuNC0zMC45LTEyLjItNDMuNi0yMy40DQoJCWMtNi40LTUuNy0xMS4zLTEyLjMtMTMuOC0yMC42Yy00LjYtMTUuMiwwLjYtMjcuNywxMS4yLTM4LjVjMTAuNy0xMC44LDI0LTE3LjUsMzgtMjIuOWMxOC41LTcuMiwzNy43LTExLjksNTcuMy0xNS4xDQoJCWMwLjktMC4xLDEuNy0wLjQsMi45LTAuN2MtMC43LTEuMy0xLjItMi4zLTEuOS0zLjNjLTEzLjgtMjEuNS0yNy44LTQyLjgtNDEuMi02NC41Yy0xNy41LTI4LjEtMjMuOS01OC44LTE4LTkxLjQNCgkJYzguNC00Ni45LDM0LjctODEsNzguMi05OS44QzE3My4xLTcuOSwyMTYuNy0yLjUsMjU2LjcsMjZjMjcuNywxOS43LDQ0LjksNDYuOSw1MS44LDgwLjFjNy4xLDM0LjMsMS40LDY2LjctMTcuMiw5Ni41DQoJCWMtMTMuNSwyMS43LTI3LjUsNDMtNDEuMiw2NC41Yy0wLjYsMS0xLjEsMi0xLjksMy4zYzgsMS42LDE1LjcsMywyMy4yLDQuOGMyMS43LDUuMSw0Mi45LDExLjMsNjEuOSwyMy41DQoJCWMxMC40LDYuNywxOS41LDE0LjgsMjMuOCwyN2M0LjMsMTIuMiwyLDIzLjMtNS4zLDMzLjZjLTcuNCwxMC40LTE3LjgsMTcuMS0yOC45LDIyLjdjLTIyLjgsMTEuNi00Ny4yLDE3LjgtNzIuMywyMS41DQoJCWMtMTYuMiwyLjQtMzIuNSwzLjQtNDguOCw1LjFjLTEuMywwLjEtMi42LDAuNC0zLjksMC43QzE4NS41LDQwOS4zLDE3Myw0MDkuMywxNjAuNSw0MDkuM3ogTTE3OS41LDMzM2MxLjItMS43LDItMi45LDIuOC00LjENCgkJYzI4LjctNDQuOSw1Ny4yLTkwLDg2LjEtMTM0LjhjMjIuOC0zNS41LDI1LjgtNzIuNiw3LTExMC4yYy0xNy4zLTM0LjYtNDYuMi01NC43LTg0LjctNTguNmMtNDAuNy00LjEtNzMuNiwxMS40LTk4LjEsNDQuMQ0KCQljLTI1LjgsMzQuNS0yNy41LDg0LjQtNC4zLDEyMC41YzIwLjQsMzEuOCw0MC43LDYzLjYsNjEsOTUuNEMxNTkuMiwzMDEsMTY5LjIsMzE2LjcsMTc5LjUsMzMzeiBNMTc5LjUsMzg1LjljMTUtMSwzMC0xLjYsNDUtMw0KCQljMjYtMi4zLDUxLjYtNy4zLDc2LTE2LjljMTEuMS00LjQsMjItOS41LDMwLjItMTguN2M2LjItNi45LDYuMS0xMi45LDAtMTkuOGMtNS43LTYuNS0xMy0xMC45LTIwLjctMTQuNg0KCQljLTIzLjUtMTEuMy00OC43LTE2LjQtNzQuNC0xOS44Yy0xLTAuMS0yLjYsMS0zLjMsMmMtMyw0LjQtNS44LDguOS04LjYsMTMuNGMtMTEsMTcuMy0yMiwzNC41LTMzLDUxLjhjLTMuMSw1LTcuMyw3LjctMTMuMyw2LjcNCgkJYy00LjMtMC43LTYuOS0zLjYtOS4xLTcuMWMtMTMuNS0yMS4zLTI3LjEtNDIuNi00MC43LTYzLjljLTEuNC0yLjItMi42LTMuNS01LjYtMi44Yy01LjYsMS4yLTExLjMsMS43LTE2LjksMi43DQoJCWMtMjEuMSwzLjktNDEuOSw5LTYwLjcsMTkuN2MtNS45LDMuNC0xMS40LDcuOC0xNi4yLDEyLjZjLTUuOCw1LjktNS41LDEyLjIsMCwxOC41YzIuNSwyLjksNS40LDUuNSw4LjYsNy43DQoJCWMxMi42LDguOCwyNi44LDEzLjksNDEuNCwxOC4xQzExMS4yLDM4MiwxNDUuMiwzODUuMSwxNzkuNSwzODUuOXoiLz4NCgk8cGF0aCBjbGFzcz0ic3QwIiBkPSJNMjM5LjUsMTMyLjljMC4xLDMyLjktMjYuOSw2MC01OS45LDYwYy0zMywwLTU5LjktMjctNTkuOS02MGMwLjEtMzIuOCwyNi45LTU5LjYsNTkuNy01OS44DQoJCUMyMTIuNCw3MywyMzkuNCwxMDAsMjM5LjUsMTMyLjl6IE0yMTUuNSwxMzIuOWMtMC4xLTE5LjYtMTYuMy0zNS44LTM1LjktMzUuOGMtMTkuNSwwLTM1LjgsMTYuMi0zNS45LDM1LjgNCgkJYy0wLjEsMTkuNiwxNi40LDM2LjIsMzYuMSwzNkMxOTkuNCwxNjguNywyMTUuNiwxNTIuNCwyMTUuNSwxMzIuOXoiLz4NCjwvZz4NCjwvc3ZnPg0K);
}

#contact-intro .icon-boxes .icon-box:last-child .box {
    background-image: url(data:image/svg+xml;base64,PCEtLSBHZW5lcmF0b3I6IEFkb2JlIElsbHVzdHJhdG9yIDI1LjAuMCwgU1ZHIEV4cG9ydCBQbHVnLUluICAtLT4NCjxzdmcgdmVyc2lvbj0iMS4xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB4PSIwcHgiIHk9IjBweCIgd2lkdGg9IjQwOS4ycHgiDQoJIGhlaWdodD0iNDA4LjhweCIgdmlld0JveD0iMCAwIDQwOS4yIDQwOC44IiBzdHlsZT0ib3ZlcmZsb3c6dmlzaWJsZTtlbmFibGUtYmFja2dyb3VuZDpuZXcgMCAwIDQwOS4yIDQwOC44OyINCgkgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+DQo8c3R5bGUgdHlwZT0idGV4dC9jc3MiPg0KCS5zdDB7ZmlsbDojN0E3QTdBO30NCjwvc3R5bGU+DQo8ZGVmcz4NCjwvZGVmcz4NCjxnPg0KCTxwYXRoIGNsYXNzPSJzdDAiIGQ9Ik0wLDg4LjZjMi4yLTYuOSwzLjQtMTQuMyw2LjctMjAuN0MxOCw0NS40LDM2LjcsMzMuNCw2MiwzMmM3LjEtMC40LDE0LjMtMC4xLDIxLjktMC4xYzAtNS4xLDAtOS45LDAtMTQuNg0KCQlDODMuOSw3LjIsOTAuNSwwLjEsOTkuOCwwYzkuMywwLDE1LjksNy4xLDE2LDE3LjJjMCw0LjgsMCw5LjUsMCwxNC41YzI0LDAsNDcuNiwwLDcxLjksMGMwLTUuMy0wLjItMTAuNywwLTE2LjENCgkJYzAuNC0xMSwxMC44LTE4LjIsMjEuMS0xNC43YzYuMywyLjEsMTAuNiw3LjksMTAuOCwxNC44YzAuMiw1LjIsMCwxMC40LDAsMTUuOWMyNC4yLDAsNDguMiwwLDcyLjcsMGMwLTUuMy0wLjItMTAuNywwLTE2LjENCgkJYzAuNi0xMi41LDEzLjktMTkuNiwyNC40LTEzYzQuOSwzLjEsNy4zLDcuNiw3LjUsMTMuM2MwLjEsNS4yLDAsMTAuMywwLDE2LjFjNC43LDAsOS4yLDAuMSwxMy42LDBjMTAtMC4yLDE5LjksMC41LDI5LjQsNC4xDQoJCWMyMy44LDguOCw0MSwzMS45LDQxLjQsNTcuM2MwLjUsMzEuMSwwLjIsNjIuMywwLjEsOTMuNGMwLDkuMi03LjEsMTYuMS0xNS45LDE2LjFjLTksMC0xNS45LTctMTUuOS0xNi40Yy0wLjEtMjkuNSwwLTU5LjEsMC04OC42DQoJCWMwLTEzLjctNS42LTI0LjItMTguMS0zMC40Yy0zLjYtMS44LTcuOC0yLjktMTEuOC0zLjFjLTcuNC0wLjUtMTQuOS0wLjEtMjIuOC0wLjFjMCw0LjgsMCw5LjYsMCwxNC4zDQoJCWMtMC4xLDEwLjQtNi43LDE3LjYtMTYuMiwxNy41Yy05LjMtMC4xLTE1LjctNy4yLTE1LjgtMTcuNGMwLTQuNiwwLTkuMywwLTE0LjJjLTI0LjIsMC00OC4yLDAtNzIuNywwYzAsNC40LDAsOC43LDAsMTMuMQ0KCQljMCwxMS4yLTYuMiwxOC41LTE1LjksMTguNWMtOS43LDAuMS0xNi03LjItMTYuMS0xOC40YzAtNC40LDAtOC43LDAtMTMuM2MtMjQsMC00Ny42LDAtNzEuOSwwYzAsNS4zLDAuMiwxMC43LDAsMTYNCgkJYy0wLjQsMTEtMTAuOCwxOC4yLTIxLDE0LjhjLTYuNC0yLjEtMTAuNy04LTEwLjgtMTUuMmMtMC4xLTUuMSwwLTEwLjMsMC0xNi4yYy05LjQsMC41LTE4LjYtMC4xLTI3LjMsMS42DQoJCUM0Mi4yLDY3LjcsMzIuOCw4MC4yLDMyLDk1LjFjLTAuMSwxLjEsMCwyLjEsMCwzLjJjMCw4MS40LDAsMTYyLjksMCwyNDQuM2MwLDEzLjgsNS40LDI0LjcsMTguMSwzMC43YzQuOSwyLjMsMTAuNywzLjMsMTYuMiwzLjQNCgkJYzM5LjMsMC4zLDc4LjUsMC4yLDExNy44LDAuMWM1LjIsMCw5LjgsMS4xLDEzLjUsNC45YzcuNyw3LjgsNS4zLDIwLjgtNC42LDI1LjVjLTEuMiwwLjYtMi40LDEuMS0zLjYsMS42Yy00NC4yLDAtODguNCwwLTEzMi42LDANCgkJYy0wLjYtMC4yLTEuMi0wLjYtMS44LTAuN2MtMjIuNS0zLjYtMzguOC0xNS43LTQ4LjYtMzYuMWMtMy02LjItNC4yLTEzLjItNi4zLTE5LjlDMCwyNjQuMywwLDE3Ni41LDAsODguNnoiLz4NCgk8cGF0aCBjbGFzcz0ic3QwIiBkPSJNMzA0LjMsNDA4LjhjLTkuMS0yLjMtMTguNS0zLjctMjcuMy02LjljLTQxLjUtMTUuMi02Ny43LTYxLjEtNjAtMTA0LjVjNi44LTM4LjMsMjguNy02NC44LDY1LjYtNzYuNw0KCQljMzcuOS0xMi4zLDcyLjEtMy4zLDk5LjcsMjUuNGMyNS40LDI2LjUsMzMsNTguOCwyMi4zLDkzLjhjLTExLjQsMzcuMy0zNy42LDU5LjgtNzYuMSw2Ny40Yy0yLjcsMC41LTUuNSwxLTguMiwxLjUNCgkJQzMxNC45LDQwOC44LDMwOS42LDQwOC44LDMwNC4zLDQwOC44eiBNMzc2LjksMzEyLjFjMC0zNS42LTI5LjMtNjQuNy02NC44LTY0LjZjLTM1LjUsMC4xLTY0LjQsMjkuMS02NC41LDY0LjUNCgkJYy0wLjEsMzUuNiwyOSw2NC44LDY0LjYsNjQuOEMzNDcuOCwzNzYuOSwzNzcsMzQ3LjcsMzc2LjksMzEyLjF6Ii8+DQoJPHBhdGggY2xhc3M9InN0MCIgZD0iTTExNS44LDE2Ny43YzAsOC44LTcuMywxNi0xNi4xLDE1LjljLTguOC0wLjEtMTUuOS03LjQtMTUuOC0xNi4yYzAuMS04LjYsNy4zLTE1LjcsMTUuOS0xNS43DQoJCUMxMDguNiwxNTEuNywxMTUuOCwxNTguOSwxMTUuOCwxNjcuN3oiLz4NCgk8cGF0aCBjbGFzcz0ic3QwIiBkPSJNMTY5LjQsMTgzLjZjLTguOCwwLjEtMTYtNy4yLTE2LjEtMTUuOWMwLTguOCw3LjMtMTYsMTYtMTUuOWM4LjYsMC4xLDE1LjcsNy4xLDE1LjksMTUuNw0KCQlDMTg1LjQsMTc2LjIsMTc4LjIsMTgzLjYsMTY5LjQsMTgzLjZ6Ii8+DQoJPHBhdGggY2xhc3M9InN0MCIgZD0iTTI1NC43LDE2Ny44YzAsOC44LTcuMywxNi0xNi4xLDE1LjljLTguOC0wLjEtMTUuOS03LjQtMTUuOC0xNi4yYzAuMi04LjYsNy4zLTE1LjcsMTUuOS0xNS43DQoJCUMyNDcuNiwxNTEuNywyNTQuOCwxNTksMjU0LjcsMTY3Ljh6Ii8+DQoJPHBhdGggY2xhc3M9InN0MCIgZD0iTTMwOC4zLDE4My42Yy04LjgsMC0xNi03LjItMTYtMTZjMC04LjgsNy4zLTE2LDE2LjEtMTUuOWM4LjYsMC4xLDE1LjcsNy4yLDE1LjgsMTUuOA0KCQlDMzI0LjMsMTc2LjMsMzE3LjEsMTgzLjYsMzA4LjMsMTgzLjZ6Ii8+DQoJPHBhdGggY2xhc3M9InN0MCIgZD0iTTk5LjcsMjIxLjJjOC44LTAuMSwxNi4xLDcuMSwxNi4xLDE1LjljMCw4LjgtNy4yLDE2LTE2LDE2Yy04LjYsMC0xNS44LTcuMS0xNS45LTE1LjcNCgkJQzgzLjcsMjI4LjYsOTAuOSwyMjEuMyw5OS43LDIyMS4yeiIvPg0KCTxwYXRoIGNsYXNzPSJzdDAiIGQ9Ik0xNjkuNCwyNTMuMWMtOC44LDAuMS0xNi03LjItMTYtMTUuOWMwLTguOCw3LjMtMTYsMTYuMS0xNS45YzguNiwwLjEsMTUuNyw3LjEsMTUuOCwxNS43DQoJCUMxODUuNCwyNDUuNywxNzguMiwyNTMsMTY5LjQsMjUzLjF6Ii8+DQoJPHBhdGggY2xhc3M9InN0MCIgZD0iTTExNS44LDMwNi45Yy0wLjIsOC44LTcuNiwxNS44LTE2LjQsMTUuNmMtOC44LTAuMi0xNS44LTcuNy0xNS41LTE2LjVjMC4zLTguNiw3LjYtMTUuNSwxNi4yLTE1LjQNCgkJQzEwOC44LDI5MC44LDExNiwyOTguMiwxMTUuOCwzMDYuOXoiLz4NCgk8cGF0aCBjbGFzcz0ic3QwIiBkPSJNMTY5LjMsMzIyLjZjLTguOCwwLTE2LTcuMi0xNi0xNmMwLTguOCw3LjMtMTYsMTYuMS0xNS45YzguNiwwLjEsMTUuNyw3LjIsMTUuOCwxNS44DQoJCUMxODUuMywzMTUuMywxNzguMSwzMjIuNSwxNjkuMywzMjIuNnoiLz4NCgk8cGF0aCBjbGFzcz0ic3QwIiBkPSJNMzI4LjIsMjk2LjNjMy4yLDAsNS43LTAuMSw4LjIsMGM4LjYsMC42LDE1LjEsNy42LDE1LDE2LjFjLTAuMSw4LjMtNi42LDE1LjMtMTUuMSwxNS42DQoJCWMtOC40LDAuMy0xNi44LDAuMy0yNS4xLDBjLTguMS0wLjMtMTQuNi02LjgtMTQuOC0xNWMtMC4zLTExLjQtMC4zLTIyLjksMC0zNC4zYzAuMi04LjcsNy4zLTE1LjIsMTUuOC0xNS4yDQoJCWM4LjUsMCwxNS41LDYuNiwxNS45LDE1LjJDMzI4LjQsMjg0LjQsMzI4LjIsMjkwLjEsMzI4LjIsMjk2LjN6Ii8+DQo8L2c+DQo8L3N2Zz4NCg==);
}

#contact-intro .icon-boxes .icon-box .box {
    background-size: 30%;
}

@media(max-width: 991px) {
    #contact-intro .icon-box {
        flex-direction: column;
    }

    .box-detials {
        margin: 0;
    }
}

@media(max-width: 991px) {
    #contact-intro .icon-box {
        width: 100%;
    }
}

@media(max-width: 576px) {
    .box-detials span {
        justify-content: center;
    }
}

section.header-image.privacy.kuhar {
    background-image: url(../img/header/kuhar.jpg);
    background-size: cover;
}

section.header-image.privacy.konobar {
    background-image: url(../img/header/konobar.jpg?v=2);
    background-size: cover;
    background-position-y: center;
}

section.header-image.privacy.cistacica {
    background-image: url(../img/header/cistacica.jpg);
    background-size: contain;
    background-position-y: 40px;
    background-color: #a2d2e3;
}

section.header-image.privacy.gradevina {
    background-image: url(../img/header/gradevina.jpg);
    background-size: cover;
    background-position-y: 40%;
}

section.header-image.privacy.pizza {
    background-image: url(../img/header/pizza.jpg);
    background-size: cover;
    background-position-y: 80%;
}

section.header-image.privacy.posao {
    background-image: url(../img/header/asia.jpg?v=2);
    background-size: contain;
    background-position-y: 70px;
}

section.header-image.privacy.asia {
    background-image: url(../img/header/asia.jpg?v=2);
    background-size: contain;
    background-position-y: 70px;
}

section.header-image.privacy.kontakt {
    background-image: url(../img/header/obradovic-hallo.jpg);
    background-position-y: 80px;
}

section.header-image.privacy.ponuda {
    background-image: url(../img/header/obradovic-ponuda.jpg?);
    background-position-y: 50px;
}

@media(max-width: 576px) {
    section.header-image.privacy.gradevina {
        background-position-y: center;
    }

    section.header-image.privacy.posao {
        background-size: cover;
        background-position-y: 20px;
        background-position-x: -50px;
    }

    section.header-image.privacy.cistacica {
        background-position-x: 0px;
    }

    section.header-image.privacy.pizza {
        background-position-y: center;
    }

    section.header-image.privacy.asia {
        background-size: cover;
        background-position-y: 20px;
        background-position-x: -50px;
    }

    section.header-image.privacy.kontakt {
        background-image: url(../img/header/obradovic-hallo.jpg);
        background-position-y: 100px;
        background-position-x: 100px;
    }
     section.header-image.privacy.ponuda {
        background-position-y: 40px;
        background-position-x: 70px;
    }
}

section.header-image .col-lg-12 {
    padding: 0;
}

.bottom-links li a {
    color: #393939;
}

.bottom-links li a:hover {
    color: #5699d2;
}

footer .footer-top-part .wrapper .row > div {
    /* display: flex; */
    /* justify-content: center; */
    flex: none;
    /* width: auto; */
}

.footer-top-part .row {
    display: flex;
    flex-direction: row;
    justify-content: center;
}

@media(max-width: 576px) {
    .footer-top-part .row {
        flex-direction: column;
    }

    ul.footer-list {
        margin: 5px 0;
    }
}

@media (max-width: 576px) {
    section#privacy .container {
        padding: 0 35px;
    }

    section#intro {
        padding: 50px 0;
    }

    a.find-more {
        transform: translateY(40px);
    }

    section.header-image {
        /* background-position: bottom left; */
        /* background-size: auto 85%; */
        background-position-y: bottom;
        /* background-size: auto 85%; */
        /* background-position-x: calc(0% + -10%); */
    }

    section.header-image.bottom-image {
        background-size: auto 125%;
        background-position-y: -20%;
    }

    section.header-image:not(.bottom-image) a.find-more {
        animation-name: bounce1;
    }

    section.header-image.bottom-image h1.welcome-text {
        margin-top: 0;
        transform: translateY(-120px);
    }
}

a.find-more {
    animation-duration: 2s;
    animation-iteration-count: infinite;
    animation-name: bounce2;
    animation-timing-function: ease;
}

@keyframes bounce1 {
    0% {
        transform: translateY(60px);
    }

    50% {
        transform: translateY(55px);
    }

    100% {
        transform: translateY(60px);
    }
}

@keyframes bounce2 {
    0% {
        transform: translateY(30px);
    }

    50% {
        transform: translateY(25px);
    }

    100% {
        transform: translateY(30px);
    }
}

section#contact {
    padding: 50px 0;
}

@media(max-width: 991px) {
    body.subpage .header-left {
        display: none;
    }
}

.entry-dropdown {
    display: block;
    height: 60px;
    margin-bottom: 0px;
    -moz-appearance: none;
    position: relative;
    cursor: pointer;
}

.entry form#contact-form-active label {
    font-size: 16px;
    font-weight: 600;
}

.entry form#contact-form-active label[for="broj"], .entry form#contact-form-active label[for="viber"], .entry form#contact-form-active label[for="godiste"], .entry form#contact-form-active label[for="drzava"], .entry form#contact-form-active label[for="posao"], .entry form#contact-form-active label[for="cv"], .entry form#contact-form-active label[for="privacy"], .entry form#contact-form-active label[for="tvrtka"], .entry form#contact-form-active label[for="email"], .entry form#contact-form-active label[for="surname"], .entry form#contact-form-active label[for="sex"], .entry form#contact-form-active label[for="licence"], .entry form#contact-form-active label[for="experience"], .entry form#contact-form-active label[for="app"] {
    margin-top: 30px;
}

.entry form#contact-form-active label:not([for="gdpr"]) b {
    color: #f10a0a;
    margin-left: 2px;
}

.entry form#contact-form-active label span:not(.gdpr-click) {
    /* font-size: 12px; */
    /* letter-spacing: 0; */
}

.entry form#contact-form-active input {
    margin-top: 0;
}

.entry form#contact-form-active input[type="number"]::-webkit-outer-spin-button, .entry form#contact-form-active input[type="number"]::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

.entry form#contact-form-active input[type="number"] {
    -moz-appearance: textfield;
}

.godine, .drzave {
    display: flex;
    width: 100%;
    flex-direction: column;
    position: absolute;
    background: #f5f7f9;
    left: 0;
    top: 100%;
    /* padding: 0 20px; */
    padding-top: 40px;
    margin-top: -30px;
    border-radius: 0 0 30px 30px;
    max-height: 281px;
}

.godine {
    overflow: auto;
    scrollbar-color: #757576 transparent;
    scrollbar-width: thin;
    animation: openYear .3s ease;
    z-index: 4;
}

.drzave {
    animation: openDrzave .3s ease;
    z-index: 2;
    overflow: hidden;
}

.godine::-webkit-scrollbar {
    width: 10px;
    height: 8px;
}

.godine::-webkit-scrollbar-thumb {
    width: 5px;
    height: 2px;
    background: #757576;
    border-radius: 25px;
}

span.godina, span.drz {
    /* margin: 5px 0; */
    padding: 5px 20px;
    font-size: 15px;
    color: #092c4a;
    transition: .3s ease all;
    line-height: 1.6;
    user-select: none;
}

span.godina:hover, span.drz:hover {
    background: #d4e1ec;
}

span.godina:first-child {
}

span.godina:last-child, span.drz:last-child {
    padding-bottom: 10px;
}

.entry-dropdown .fake-dropbox:after {
    content: "";
    width: 60px;
    height: 60px;
    position: absolute;
    right: 0;
    background-image: url(data:image/svg+xml;base64,PHN2ZyBpZD0iTGF5ZXJfMSIgZGF0YS1uYW1lPSJMYXllciAxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyMS42Njc0IDEzLjYxNyI+PHBhdGggZD0iTTI5NS45NzUxLDM5MC41ODY3aDBhMi44NjQzLDIuODY0MywwLDAsMSw0LjA4MDktLjAzMDdMMzA2LDM5Ni41bDUuOTQ0LTUuOTQ0YTIuODY0MywyLjg2NDMsMCwwLDEsNC4wODA5LjAzMDdoMGEyLjg2NDMsMi44NjQzLDAsMCwxLS4wNDA2LDQuMDNsLTcuOTY5NCw3Ljg4ODRhMi44NjQ0LDIuODY0NCwwLDAsMS00LjAzLDBsLTcuOTY5NC03Ljg4ODRBMi44NjQyLDIuODY0MiwwLDAsMSwyOTUuOTc1MSwzOTAuNTg2N1oiIHRyYW5zZm9ybT0idHJhbnNsYXRlKC0yOTUuMTY2MyAtMzg5LjcxNzEpIiBmaWxsPSIjNzU3NTc2Ii8+PC9zdmc+);
    top: 0;
    background-repeat: no-repeat;
    background-size: 15px;
    background-position: center;
}

.entry-dropdown.godiste .fake-dropbox:after {
    z-index: 1;
}

.entry-dropdown .fake-dropbox:before {
    font-size: 15px;
    color: #092c4a;
}

.entry-dropdown.godiste .fake-dropbox:before {
    content: attr(data-year);
    z-index: 2;
}

.entry-dropdown.drzava .fake-dropbox:before {
    content: attr(data-drzava);
}

@keyframes openYear {
    0% {
        height: 0px;
    }

    100% {
        height: 261px;
    }
}

@keyframes openDrzave {
    0% {
        height: 0px;
    }

    100% {
        height: 215px;
    }
}

.fake-dropbox {
    display: block;
    width: 100%;
    padding: 20px;
    border: 0;
    border-radius: 30px;
    -webkit-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
    height: 60px;
    /* margin-bottom: 20px; */
    outline: none;
    color: #757575;
    font-size: 15px;
    letter-spacing: 0.1px;
    /* margin-top: 20px; */
    font-family: Camp;
    background: #e9eff4;
    -webkit-appearance: none;
    -moz-appearance: none;
    position: relative;
    line-height: 1.4;
    background: #e9eff4;
    z-index: 0;
}

.entry-dropdown.godiste .fake-dropbox {
    z-index: 5;
}

.entry-dropdown.drzava .fake-dropbox {
    z-index: 3;
}

.checkbox {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    width: 50%;
    flex-wrap: wrap;
    flex: 50%;
    position: relative;
}

form#contact-form-active input[type="checkbox"] {
    width: 40px;
    height: 40px;
    top: 50%;
    left: 0;
    margin: 5px;
    margin-right: 15px;
    /* position: absolute; */
    cursor: pointer;
    /* opacity: 0; */
    -webkit-appearance: none;
    display: inline-block;
    vertical-align: middle;
    z-index: 1;
    border-radius: 5px;
}

.entry form#contact-form-active .checkbox label {
    margin-bottom: 0;
}

.checkboxes {
    display: flex;
    flex-wrap: wrap;
    margin-bottom: 0px;
}

.checkbox svg {
    position: absolute;
    width: 25px;
    height: 25px;
    top: 12px;
    /* bottom: 0; */
    /* margin: auto; */
    /* transform: translateY(-13px); */
    left: 12px;
    pointer-events: none;
    z-index: 1;
}

.checkbox path {
    stroke: #5699d2;
    stroke-width: 30px;
    stroke-linecap: round;
    stroke-linejoin: round;
    fill: none;
}

#x-first {
    stroke-dasharray: 251 252;
    stroke-dashoffset: 251;
    transition: stroke-dashoffset 0.2s cubic-bezier(0.73, 0, 0.45, 0.71) 0s;
}

#x-second {
    stroke-dasharray: 256 258;
    stroke-dashoffset: 256;
    transition: stroke-dashoffset 0.2s cubic-bezier(0.73, 0, 0.45, 0.71) 0.25s;
}

.checked #x-first, .checked #x-second {
    stroke-dashoffset: 0;
}

@media(max-width: 576px) {
    .checkboxes .checkbox {
        width: 100%;
        flex: 100%;
    }
}

.upload-btn.cv {
    display: flex;
    width: 100%;
    padding: 20px;
    border: 0;
    border-radius: 30px;
    -webkit-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
    height: 60px;
    /* margin-bottom: 20px; */
    outline: none;
    color: #092c4a;
    font-size: 15px;
    letter-spacing: 0.1px;
    /* margin-top: 20px; */
    font-family: Camp;
    font-weight: 5300;
    background: #e9eff4;
    justify-content: center;
    align-items: center;
    cursor: pointer;
    transition: .3s ease all;
}

.upload-btn.cv svg path {
    fill: #5699d2;
}

.upload-btn.cv span {
    margin-left: 10px;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: -0.6px;
    color: #5699d2;
}

form#contact-form-active input.inputfile {
    width: 0.1px;
    height: 0.1px;
    opacity: 0;
    overflow: hidden;
    position: absolute;
    z-index: -1;
    padding: 0;
    margin: 0;
}

@media(max-width: 576px) {
    #contact .container {
        padding: 0 35px;
    }
}

.upload-btn.cv:hover {
    background: #d9e3eb;
}

.file-selected {
    /* height: 19px; */
    display: flex;
    /* margin-bottom: 30px; */
    align-items: center;
    margin-top: 10px;
}

.file-selected b {
    margin-right: 5px;
}

#contact-form-active .file-selected .x {
    align-items: center;
    justify-content: center;
    color: white;
    text-transform: uppercase;
    cursor: pointer;
    transition: .3s ease all;
    border: 1px solid #9b9b9b;
    width: 18px;
    display: flex;
    height: 18px;
    margin: 0;
    right: 0;
    position: relative;
    border-radius: 50px;
    background: #e85353;
    border-color: transparent;
    font-weight: 900;
    font-size: 17px;
    margin-left: 5px;
    line-height: 1.1;
}

html.bg body:before {
    content: "";
    position: fixed;
    width: 100%;
    height: 100%;
    background: rgb(0 0 0 / 50%);
    z-index: 7;
    display: block;
    margin: auto;
}

.zahtjev-check {
    position: absolute;
    background: white;
    padding: 30px;
    z-index: 7;
    bottom: 200px;
    border-radius: 15px;
    margin: auto;
}

.zahtjev-check.documents {
    top: auto;
    bottom: 247px;
    margin: auto;
    left: 0;
    right: 0;
    width: fit-content;
    height: fit-content;
}

.confirm-header {
    display: flex;
    align-items: center;
    margin: 20px;
}

.zahtjev-check h2 {
    font-size: 18px;
    font-weight: 400;
    color: #474747;
    letter-spacing: -0.5px;
    margin: 0;
    /* flex: 90%; */
}

.confirm-header svg {
    height: 40px;
    margin-right: 10px;
    width: 40px;
    fill: #6DB0E0;
    box-sizing: border-box;
    flex: none;
}

.confirm-zahjtev, .new-zahjtev {
    display: flex;
    justify-content: center;
}

.confirm-zahjtev div.yes, .new-zahjtev div.new-yes, .new-zahjtev div.yes, .new-zahjtev .change-cv, .change-pass {
    background: #6de08c;
}

.confirm-zahjtev div.no, .new-zahjtev div.new-no, .new-zahjtev .change-no, .new-zahjtev .change-no-cv, .new-zahjtev .change-no-kazna, .change-no-pass {
    background: #c7c7c7;
}

.confirm-zahjtev div, .new-zahjtev div {
    flex: 1;
    border-radius: 60px;
    margin: 5px;
    text-align: center;
    padding: 10px 15px;
    font-weight: 600;
    color: white;
    font-size: 14px;
    margin-top: 20px;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    line-height: 1.4;
}

.confirm-zahjtev div:hover, .new-zahjtev div:hover {
    opacity: 0.9;
}

.checkbox-gdpr .checkbox {
    width: 100%;
    margin-bottom: 30px;
}

path#checkmark {
    stroke-dasharray: 369 369;
    stroke-dashoffset: 369;
    transition: stroke-dashoffset 0.2s cubic-bezier(0.73, 0, 0.45, 0.71) 0s;
}

svg.checked path#checkmark {
    stroke-dashoffset: 0;
}

.limit-div {
    display: flex;
    margin-bottom: 10px;
    align-items: center;
}

span.gdpr-click {
    color: #5699d2;
    font-weight: 600;
    cursor: pointer;
}

.gdpr-modal {
    position: absolute;
    z-index: 7;
    background: white;
    bottom: 0;
    padding: 50px;
    border-radius: 15px;
}

.gdpr-modal a {
    color: #5699d2;
    font-weight: 500;
}

.gdpr-modal p {
    font-size: 15px;
}

.zatvori {
    background: #5699d2;
    display: flex;
    padding: 5px 15px;
    border-radius: 25px;
    color: white;
    font-weight: 500;
    cursor: pointer;
    margin: auto;
    width: fit-content;
    margin-top: 20px;
}

div#cv-select i {
    word-break: break-word;
}

.entry form#contact-form-active label > div + span {
    font-size: 12px;
    letter-spacing: 0;
}

div#submit {
    font-size: 14px;
    text-transform: uppercase;
    padding: 15px 30px;
    display: inline-block;
    -webkit-transition: 0.3s;
    -o-transition: 0.3s;
    transition: 0.3s;
    background: #5699d2;
    border-radius: 50px;
    border: none;
    color: white;
    font-weight: 700;
    cursor: pointer;
}

div#submit:hover {
    transform: translateY(-2px);
    background: #0b66a5;
}

span.error {
    display: flex !important;
    color: red;
    margin-top: 5px;
    font-weight: 500;
}

form#contact-form-active .checkbox span.error {
    order: 1;
    flex-basis: 100%;
}

.zahtjev-check.send-prijava .confirm-header svg {
    margin-left: 15px;
    margin-right: 0;
    fill: #5699d2;
    height: 30px;
    width: 30px;
}

#loader {
    width: 90px;
    height: 16px;
    z-index: 1;
    background: white;
    top: 0;
    display: flex;
    justify-content: center;
    font-size: 25px;
    font-weight: 500;
    flex-direction: row;
    text-transform: uppercase;
    position: relative;
    margin: auto;
}

.hollow-dots-spinner, .hollow-dots-spinner * {
    box-sizing: border-box;
}

.hollow-dots-spinner {
    height: 15px;
    width: calc(30px * 3);
}

.hollow-dots-spinner .dot {
    width: 15px;
    height: 15px;
    margin: 0 calc(15px / 2);
    border: calc(15px / 5) solid #136daa;
    border-radius: 50%;
    float: left;
    transform: scale(0);
    animation: hollow-dots-spinner-animation 1000ms ease infinite 0ms;
}

.hollow-dots-spinner .dot:nth-child(1) {
    animation-delay: calc(300ms * 1);
}

.hollow-dots-spinner .dot:nth-child(2) {
    animation-delay: calc(300ms * 2);
}

.hollow-dots-spinner .dot:nth-child(3) {
    animation-delay: calc(300ms * 3);
}

@keyframes hollow-dots-spinner-animation {
    50% {
        transform: scale(1);
        opacity: 1;
    }

    100% {
        opacity: 0;
    }
}

section#contact div#loader {
    display: none;
}

form#contact-form-active div#submit {
    margin-top: 20px;
}

.app-checkboxes {
    display: flex;
    flex-wrap: wrap;
    margin-bottom: 0px;
}

.sex-checkboxes {
    display: flex;
    flex-wrap: wrap;
    margin-bottom: 0px;
}

.licence-checkboxes {
    display: flex;
    flex-wrap: wrap;
    margin-bottom: 0px;
}

.experience-checkboxes {
    display: flex;
    flex-wrap: wrap;
    margin-bottom: 0px;
}

form#contact-form-active input[type="radio"] {
    width: 40px;
    height: 40px;
    top: 50%;
    left: 0;
    margin: 5px;
    margin-right: 15px;
    /* position: absolute; */
    cursor: pointer;
    /* opacity: 0; */
    -webkit-appearance: none;
    display: inline-block;
    vertical-align: middle;
    z-index: 1;
    border-radius: 50%;
}

.sex-checkboxes svg {
    overflow: visible;
}

#radio {
    stroke-dasharray: 500, 500;
    stroke-dashoffset: 500;
    transition: stroke-dashoffset 0.8s ease-in-out 0s;
    stroke-width: 10px;
}

.checked #radio {
    stroke-dashoffset: 0;
}

section#ourmenu {
    padding-top: 50px;
}

.logo svg {
    height: 35px;
    width: 100%;
}

.logo a {
    display: flex;
    justify-content: center;
}
#logo g path{
  transition: .3s ease all;
}
section#intro {
    padding: 120px 0;
}
section#trusted {
    padding: 100px 0;
}
#intro h2 {
    font-weight: 800;
    margin-bottom: 50px;
    line-height: 1;
}


.mobile {
    left: 150px;
    top: 470px;
    right: 441px;
    margin: 0 50px;
    /* height: 100%; */
    position: relative;
    box-shadow: 0px 0px 0 0px #444;
    border-radius: 15px;
    transform: rotateZ(0deg);
    transform-origin: 382px 193px;
    transition: 2s transform;

}

.mobile.in-view {
    animation: show .8s ease-in-out forwards
}

@keyframes show {
  0%{
    top: 470px;
  }
  100%{
    top: 0px;
  }
}

.mobile-container {
  transition: 0.5s all;
  width: calc(435px / 2);
  height: calc(840px / 2);
  display:block;
  position: relative;
  transform-style: preserve-3d;
  transform: translateZ(-100px);
}
.face-front {
   background: url(aaa.jpg);
   background-size: cover;
   top:0;
   border-radius: 20px;
   width: calc(435px / 2);
   height: calc(840px / 2);
   z-index:1;
   position: absolute;
   transform: translateZ(-20px) rotateY(0deg) rotateX(0deg);
   background: #f3f3f3;
   display: flex;
   align-items: center;
   justify-content: center;
}

.face-front:not(:first-of-type){
  background: linear-gradient(-70deg, #aaa, white);
  z-index:0;

}
.mobile-edge {
  top: 0;
  border-radius: 14px;
  width: calc(435px / 2);
  height: calc(840px / 2);
  z-index: 1;
  position: absolute;
  /* background: #b5b5b5; */
  display: flex;
  align-items: center;
  justify-content: center;
  transform: scale(0.95);
  overflow: hidden;
  /* padding: 1px 0 0 1px; */
  box-shadow: -1px -1px #c5c5c5;
  pointer-events: none;
}
.mobile-container div{
  transition: .5s all;
}

.mobile-container {
  perspective: 900px;
  perspective-origin: 90% 50%;
  transition: 0.5s all;
}

.mobile.in-view .mobile-container {
  animation: pero 0.5s ease-in-out .3s, jole 9s ease-in-out .8s infinite ;
  animation-fill-mode: forwards;
}

.mobile.in-view .mobile-container .face-front:not(:first-of-type){
  animation: position2 .5s ease-in-out .3s;
  animation-fill-mode: forwards
}

@keyframes position2 {
  0%{
    right:0px;
    top:0px
  }
  100% {
    right: -6px;
    top:6px
  }
}

@keyframes pero {
  0%{
    transform: rotateY(0deg) rotateZ(0deg) rotateX(0deg) translateY(0px);
  }
  100%{
    transform: rotateY(-20deg) rotateZ(5deg) rotateX(20deg) translateY(0px);
  }
}
.face-front {
    overflow:hidden
}
video {
    height: 101%;
    object-fit: cover;
    width: 216px;
    margin-top: -1px;
}

.mobile img {
    object-fit: contain;
    width: auto;
    height: 100%;
}
@keyframes jole {
    0%{
        transform: rotateY(-20deg) rotateZ(5deg) rotateX(20deg) translateY(0px);
    }
    50%{
        transform: rotateY(-20deg) rotateZ(5deg) rotateX(20deg) translateY(-20px);
    }
    100%{
        transform: rotateY(-20deg) rotateZ(5deg) rotateX(20deg) translateY(0px);
    }
}

.mobile:after {
    content: "";
    position: fixed;
    width: 210px;
    height: 100px;
    background: radial-gradient(#0000004d, 30%, transparent, 80%, transparent);
    bottom: 50px;
    left: -20px;
    z-index: -1;
    border-radius: 50px;
    opacity: 0;
    transition: .5s;
/*     transform: rotateY(-20deg) rotateZ(5deg) rotateX(75deg); */
}

.mobile.in-view:after {
      animation: shadow 9s ease-in-out infinite .6s, identifier .8s ease-in-out forwards
}

@keyframes identifier {
  0% {
    bottom: 420px;
  }
  100% {
    bottom: -50px
  }
}

@keyframes shadow {
    0%{
        opacity:1;
        transform: rotateY(-20deg) rotateZ(5deg) rotateX(75deg) scale(1.5);
    }
    50% {
      opacity:0.7;
        transform: rotateY(-20deg) rotateZ(5deg) rotateX(75deg) scale(1.2);
    }
    100%{
      opacity:1;
        transform: rotateY(-20deg) rotateZ(5deg) rotateX(75deg) scale(1.5);
    }
}
@media(max-width:576px){
  .mobile{
    left: 0px
  }
  .shape-shape {
    margin-top: 70px;
  }
}
section#trusted h2.main-heading {
    font-size: 16px;
}

@media (max-width:768px) {
  .footer-top-part .row > div {
        margin: 30px 0;
    }
    .footer-top-part {
        padding-top: 50px;
    }
}

@media(max-width:575px){

  .footer-top-part .row > div:first-child {
      margin-bottom: 60px;
  }

  .footer-top-part .row > div:not(:first-child) {
      margin: 30px 0;
  }
  footer .bottom-links ul {
    flex-direction: column;
  }
  footer .bottom-links {
      justify-content: flex-start;
  }
  footer .bottom-links ul li:first-child {
    order: 1;
  }
}
@media(max-width:991px){
    .box svg {
        width: 120px
    }
}
@media(max-width:768px){
    .icon-boxes {
        flex-wrap: wrap;
    }
    .icon-box {
      flex: 50%;
    }
}
@media(min-width:576px) and (max-width:768px){
    #footer .col-sm-3 {
        width: 50%
    }
    #footer .footer-top-part .row {
      flex-wrap: wrap;
  }
}


section#booking {
    padding: 120px 0;
}
section#navigation {
    padding: 120px 0;
}
section#search {
    padding: 120px 0;
}

.offer-inner.inner.nav-pic img {
    height: 530px;
}

.offer-inner.inner.nav-pic {
    display: flex;
    justify-content: center;
}

#booking h2, #navigation h2, #search h2, #live h2 {
    font-weight: 800;
    margin-bottom: 50px;
    line-height: 1;
}

#booking p, #navigation p, #search p, #live p {
    font-family: 'Camp';
    font-weight: 500;
    color: #6f6f6f;
    line-height: 1.6;
    margin-bottom: 40px;
    /* text-align: center; */
}

#booking .row {
    display: flex;
    align-items: center;
}

#booking .col-lg-7, #navigation .col-lg-4, #search .col-lg-7 {
    margin-right: auto;
}
@font-face {
	font-family: "fontpro";
	src: url("../font/fontpro2.woff") format("woff")
}


.fa,
.fas {
	font-family: "fontpro";
}
a.mapster-button i {
    transition: .2s ease;
    margin-left: 10px;
}
a.mapster-button:hover {
    background: linear-gradient(270deg, #5699d2, #3c9b3f);
}
a.mapster-button:hover i {
    transform: translateX(5px);
}
.book-screen {
    border-radius: 14px;
    overflow: hidden;
    /* background: #b5b5b5; */
    /* padding: 1px 0px 0 1px; */
    /* box-shadow: -1px -1px #c5c5c5; */
    position: relative;
}

.offer-inner.inner.book-pic {
    /* padding: 8px; */
    /* background: #f3f3f3; */
    border-radius: 20px;
    /* box-shadow: 1px 1px #d2d2d2; */
    /* box-shadow: 0 0 15px 0 #cfcece; */
    box-shadow: 0 0 15px 0 #e7e7e7;
}

#navigation .col-lg-7, #search .col-lg-7 {
    display: flex;
    justify-content: center;
}

#navigation .row, #search .row {
    display: flex;
    align-items: center;
}

#navigation img, #search img {
    max-height: 590px;
}
section#ready .row .col-lg-12 {
    background: #f3f3f3;
    border-radius: 20px;
    padding: 60px 30px;
    display: flex;
    flex-direction: column;
    align-items: center;
}

section#ready h2 {
    font-weight: 800;
    margin-bottom: 30px;
    line-height: 1;
    text-align: center;
    font-size: 44px;
}

#ready p {
    font-family: 'Camp';
    font-weight: 500;
    letter-spacing: -1px;
    color: #6f6f6f;
    line-height: 1.6;
    margin-bottom: 30px;
    text-align: center;
}
section p {
    letter-spacing: -1px;
    font-size: 21px;
}
@media(max-width:576px){
    section h2, section#ready h2 {
        font-size: 30px;
    }
    section p {
        font-size: 18px;
        letter-spacing: -0.5px;
    }
}
#live .row {
    display: flex;
    flex-direction: column;
}

#live .col-lg-5 {
    margin-bottom: 100px;
}
@media (max-width: 768px){
    section .container {
      padding: 0 30px;
      width: 100%;
    }
}
section.header-image .row {
    margin: 0;
}
section:not(.header-image) .container {
    padding: 0 30px;
}
@media(max-width: 576px){
    a.mapster-button.rn-button-style--2.btn_solid.mt--30, a.find-more {
        font-size: 14px;
        padding: 10px 30px;
    }
}
@media(max-width:991px){
  #header-wrapper {
    align-items: center;
  }
}
@media (max-width: 767px){
  header.header-area {
    padding: 0 30px;
  }
    section .container {
        padding: 0 30px;
    }
    #booking .col-lg-7, #search .col-lg-7 {
        order: 1;
    }
    #booking .row, #navigation .row, #search .row {
        flex-direction: column;
    }
    #intro .col-lg-5, #booking .col-lg-4, #navigation .col-lg-4, #search .col-lg-4 {
        margin-bottom: 100px;
    }
}

@media(max-width: 576px){
    a.mapster-button.rn-button-style--2.btn_solid.mt--30, a.find-more {
        font-size: 14px;
        padding: 10px 30px;
    }
    section#intro {
      padding: 80px 0 50px 0
    }
    section#booking, section#navigation, section#search, section#live, section#trusted, section#ready {
        padding: 50px 0
    }
    #intro .col-lg-5, #booking .col-lg-4, #navigation .col-lg-4, #search .col-lg-4, #live .col-lg-5 {
        margin-bottom: 50px;
    }
    #navigation img, #search img {
        max-height: 100%;
    }
}
html.subpage .header-area {
    background: linear-gradient(180deg, rgb(243, 243, 243), 80%, rgba(255,255,255,0))
}
html.subpage #logo g path {
    fill: rgb(57,57,57)
}
html.subpage  .mainmenunav ul.mainmenu > li > a {
    color: rgb(57,57,57)
}
@media(min-width:991px){
  html.subpage.terms .mainmenunav ul.mainmenu > li > a {
      color: rgb(255,255,255);
  }
}
html.subpage #navigation .col-lg-7 .offer-inner.inner {
    border-radius: 20px;
    overflow: hidden;
    position: relative;
    z-index: 0;
    box-shadow: 0 0 15px 0 #cfcece;
    box-shadow: 0 0 15px 0 #e7e7e7;
}
html.subpage section#navigation {
    padding-top: 170px;
    -webkit-mask-image: url(data:image/svg+xml;base64,PCEtLSBHZW5lcmF0b3I6IEFkb2JlIElsbHVzdHJhdG9yIDI1LjAuMCwgU1ZHIEV4cG9ydCBQbHVnLUluICAtLT4NCjxzdmcgdmVyc2lvbj0iMS4wIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB4PSIwcHgiIHk9IjBweCIgd2lkdGg9IjQ1NS4xcHgiDQoJIGhlaWdodD0iNTM0LjNweCIgdmlld0JveD0iMCAwIDQ1NS4xIDUzNC4zIiBvdmVyZmxvdz0idmlzaWJsZSIgZW5hYmxlLWJhY2tncm91bmQ9Im5ldyAwIDAgNDU1LjEgNTM0LjMiIHhtbDpzcGFjZT0icHJlc2VydmUiPg0KPGRlZnM+DQo8L2RlZnM+DQo8cGF0aCBkPSJNMCwwdjQwMC41aDAuMkMyLjMsNDM4LjIsMjIuNCw0NzQsNTIsNDk4LjJjNDUuNCwzNy4zLDEwOC43LDQwLjIsMTY0LjUsMzIuOGM0Ny43LTYuMyw5NS4zLTE3LjUsMTM5LjQtMzcuMg0KCWMzOS45LTE3LjgsODUtNDMsOTYuNy04OC41YzAuNC0xLjYsMC44LTMuMywxLjEtNC45YzAuOS00LjYsMS4zLTkuMSwxLjQtMTMuNXYtMC4xVjBIMHoiLz4NCjwvc3ZnPg0K);
    -webkit-mask-repeat: no-repeat;
    -webkit-mask-position: 40% bottom;
    -webkit-mask-size: 250%;
    background: #f3f3f3;
}
html.subpage #navigation p {
    margin-bottom: 0;
}
html.subpage #navigation .col-lg-4 {
    margin-right: auto;
}
section#navigation-header {
    padding-bottom: 0;
}
section#navigation-header h2 {
    text-align: center;
    font-size: 44px;
    letter-spacing: -2px;
}

section#navigation-header p {
    text-align: center;
    font-size: 20px;
    font-weight: 500;
    color: #6f6f6f;
    line-height: 1.6;
    margin: auto;
    margin-bottom: 50px;
    letter-spacing: -0.5px;
    width: 70%;
}

@media (min-width: 1200px) {
  section#navigation-header p {
    width: 40%
  }
}

.subpage-item h2 {
    font-size: 32px;
}

.subpage-item p {
    font-size: 18px;
    font-weight: 500;
    color: #6f6f6f;
    line-height: 1.6;
    letter-spacing: -0.5px;
}

.subpage-item {
    padding: 100px 0;
}
.subpage-item .row {
    display: flex;
    align-items: center;
}

.subpage-item .col-lg-7 .offer-inner.inner {
    border-radius: 20px;
    overflow: hidden;
    box-shadow: 0 0 15px 0 #e7e7e7;
    box-shadow: 0 0 65px 0 #e7e7e7;
}
.subpage-item:nth-child(odd) .row [class*=col]:first-child {
    margin-left: auto;
}
.subpage-item:nth-child(odd) .row [class*=col]:first-child {
    order: 1;
}

.subpage-item:nth-child(even) .row [class*=col]:first-child {
    margin-right: auto;
}
html.subpage .open-menu path{
  stroke: #252525
}
@media(max-width:991px){
  html.subpage section#navigation {
    /* padding: 200px 0; */
  }
}
@media(max-width:576px){
    html.subpage section#navigation {
        padding: 150px 0 50px 0;
    }
    html.subpage section#navigation h2 {
      margin-bottom: 30px;
    }
    .subpage-item {
        padding: 50px 0
    }
    .subpage-item h2, section#navigation-header h2 {
        font-size: 30px;
    }
    .subpage-item p, section#navigation-header p {
        font-size: 18px;
        letter-spacing: -0.5px;
        width: 100%;
    }
}
@media(max-width:991px){
        html.subpage section#navigation {
        padding-bottom: 50px;
    }
    .subpage-item {
        padding: 50px 0;
    }
}
@media(max-width:767px){
  html.subpage #navigation p {
      margin-bottom: 50px;
  }
    .subpage-item p {
      margin-bottom: 50px;
    }
    section#ready .row {
      margin: 0;
    }
    html.subpage section#navigation .col-lg-5 {
        margin-bottom: 0px
    }
    html.subpage.app
    .subpage-item p {
        margin-bottom: 0;
    }

    .subpage-item .row {
        flex-direction: column
    }
    .subpage-item:nth-child(odd) .row [class*=col]:last-child {
        order: 1;
    }
}
html.subpage.search .subpage-item .col-lg-7 .offer-inner.inner {
    box-shadow: 0 0 15px 0 #cfcece;
    box-shadow: 0 0 15px 0 #e7e7e7;
}
html.subpage.app a.mapster-button.rn-button-style--2.btn_solid.mt--30 {
    padding: 12px 20px;
    margin-top: 20px;
}
html.subpage.about section#navigation h2, html.subpage.about section#navigation p {
    /* text-align: center */
}
html.subpage.about section#navigation-header2 h2{
    font-size: 30px;
}

html.subpage.about section#navigation-header2 p {
        font-weight: 500;
        color: #6f6f6f;
        line-height: 1.6;
        margin: auto;
        letter-spacing: -0.5px;
        text-align: left;
        font-size: 18px;
}
html.subpage.about
section#navigation-header
 .row {
    display: flex;
    flex-wrap: wrap;
    gap: 15px;
}

html.subpage.about
section#navigation-header
.col-lg-12 {
 flex: auto;
}

html.subpage.about
section#navigation-header
.col-lg-6 {
    background: #f3f3f3;
    border-radius: 20px;
    width: calc(50% - 8px);
    padding: 40px;
}

html.subpage.about
section#navigation-header
.col-lg-6.col-sm-6.col-12 h2 {
    font-size: 20px;
    text-align: left;
    letter-spacing: -1px;
}

html.subpage.about
section#navigation-header
.col-lg-6.col-sm-6.col-12 p {
    font-size: 16px;
    text-align: left;
    width: 100%;
    margin: 0;
}

html.subpage.about
section#navigation-header p {
    width: 80%;
    margin-bottom: 5px;
}

section#navigation-header2 .col-lg-4 {
    margin-bottom: 30px;
}

section#navigation-header2 {
    padding-bottom: 50px;
}

@media(max-width:767px){
    html.subpage.about section#navigation-header .col-lg-6 {
        width: 100%
    }
    html.subpage.about
    section#navigation-header p {
        width: 100%;
        font-size: 17px;
    }
    html.subpage.app
    .subpage-item
    .col-lg-7.col-sm-7.col-12 {
        margin-top: 50px;
    }

    html.subpage.app a.mapster-button.rn-button-style--2.btn_solid.mt--30 {
      line-height: 1.2;
      margin-top: 30px
    }
}
html.subpage.support
section#navigation-header3
.row {
    display: flex;
    flex-wrap: wrap;
}

html.subpage.support
section#navigation-header3
.col-lg-3.col-sm-3.col-12 {
    margin: 10px;
    width: calc(25% - 20px);
    background: #ffffff;
    border-radius: 20px;
    padding: 30px;
    box-shadow: 0 0 15px 0 #e7e7e7;
    z-index: 0;
}

html.subpage.support section#navigation-header3 .col-lg-3.col-sm-3.col-12:before {
    content: "";
    width: 100%;
    height: 60px;
    position: absolute;
    left: 0;
    bottom: 0;
    background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB2ZXJzaW9uPSIxLjEiIHg9IjBweCIgeT0iMHB4IiB3aWR0aD0iNjc0LjRweCIgaGVpZ2h0PSI1MjguM3B4IiB2aWV3Qm94PSIwIDAgNjc0LjQgNTI4LjMiIHN0eWxlPSJvdmVyZmxvdzp2aXNpYmxlO2VuYWJsZS1iYWNrZ3JvdW5kOm5ldyAwIDAgNjc0LjQgNTI4LjM7IiB4bWw6c3BhY2U9InByZXNlcnZlIj4KPHBhdGggZmlsbD0iI2Y3ZjdmNyIgZD0iTTkyLjYsNDUyLjdjLTk0LjgtOTYuOS0xMzAtMjU2LjktNDIuMi0zNTZsMC41LTAuNmMwLjEtMC4yLDAuMy0wLjMsMC40LTAuNWMxOC4yLTIwLjMsNDEuNi0zOCw3MC44LTUyICBjODEuMi0zOSwyODYuMS04NC44LDQ0NC4yLDI0LjdjMTI4LjYsODkuMSwxMzMsMTg4LjQsNjIuMywyNzMuN2MwLDAsMCwwLDAsMEw2MTQuNCwzNThjLTI0LjUsMjUuNi01NS44LDQ5LjgtOTIuNSw3MS44ICBDMzQ5LDUzMy41LDIxMy41LDU3Ni40LDkyLjYsNDUyLjd6Ii8+Cjwvc3ZnPg==);
    background-size: cover;
    background-position: -70px 0px;
    background-repeat: no-repeat;
    z-index: -1;
}

html.subpage.support
section#navigation-header3
h2 {
    font-size: 18px;
    text-align: left;
    letter-spacing: -1px;
}

html.subpage.support
section#navigation-header3
p {
     font-size: 16px;
     font-weight: 500;
     color: #6f6f6f;
     line-height: 1.6;
     letter-spacing: -0.5px;
}

@media(max-width:991px){
    html.subpage.support
    section#navigation-header3
    .col-lg-3.col-sm-3.col-12 {
        width: calc(50% - 20px);
    }
}

@media(max-width:576px){
    html.subpage.support
    section#navigation-header3
    .col-lg-3.col-sm-3.col-12 {
        width: 100%;
    }
}

html.subpage.support
section#navigation-header {
    padding: 0
}

html.subpage.support
section#navigation-header p {
    width: 80%;
    margin-bottom: 80px;
}

html.subpage.support
section#navigation-header .row {
    display: flex;
    flex-wrap: wrap;
}

html.subpage.support
section#navigation-header .col-lg-12 {
    flex: auto
}

html.subpage.support
section#navigation-header .col-lg-4 {
    box-shadow: 0 0 15px 0 #e7e7e7;
    border-radius: 20px;
    /* margin: 15px; */
    /* width: calc(33.333% - 30px); */
    width: 100%;
    padding: 35px;
}

html.subpage.support
section#navigation-header .col-lg-4 h2 {
    text-align: left;
    font-size: 26px;
    letter-spacing: -1px;
    margin-bottom: 5px;
}
html.subpage.support
section#navigation-header .col-lg-4 p {
    text-align: left;
    margin: 0;
    font-size: 15px;
    margin-bottom: 10px;
    min-height: 48px;
}

html.subpage.support .price {
    font-size: 40px;
    font-weight: 700;
    letter-spacing: -1px;
    border-bottom: 1px solid #f3f3f3;
    padding-bottom: 15px;
    margin-bottom: 25px;
}

html.subpage.support .includes {
  min-height: 277px;
}
html.subpage.support .price span {
    font-size: 16px;
    color: #6f6f6f;
    font-weight: 400;
    margin-left: 5px;
}
html.subpage.support .includes span {
    font-size: 16px;
    font-weight: 500;
    color: #6f6f6f;
    line-height: 1.4;
    margin: auto;
    margin-bottom: 15px;
    letter-spacing: -0.5px;
    display: flex;
}

html.subpage.support .includes span:before {
    content: "\f00c";
    margin-right: 15px;
    font-family: fontpro;
    color: #5699d2;
}
html.subpage.support section#navigation-header .swiper .swiper-slide:nth-of-type(2) .col-lg-4 .includes span:first-child,
html.subpage.support section#navigation-header .swiper .swiper-slide:nth-of-type(3) .col-lg-4 .includes span:first-child{
    color: #5699d2
}
html.subpage.support section#navigation-header .swiper .swiper-slide:nth-of-type(2) .col-lg-4 .includes span:first-child:before,
html.subpage.support section#navigation-header .swiper .swiper-slide:nth-of-type(3) .col-lg-4 .includes span:first-child:before{
    content: "\f060"
}

html.subpage.support
section#navigation-header
a.rn-button-style--2.btn_solid {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-top: 30px;
    padding: 10px;

}

html.subpage.support
section#navigation-header .swiper .swiper-slide:nth-of-type(1) .col-lg-4
a.rn-button-style--2.btn_solid {
    background: transparent;
    color: #5699d2;
    border: 1px solid;
}

@media (min-width:1200px){
    html.subpage.support section#navigation-header .swiper {
        padding: 10px;
    }
}
@media (max-width:1199px)  {
    html.subpage.support section#navigation-header
    .container {
        width: 100%;
    }
    html.subpage.support section#navigation-header .row {
        margin: -30px
    }
    html.subpage.support section#navigation-header .swiper {
        padding: 10px 60px 40px 10px;
    }
}

@media (max-width: 991px){
    html.subpage.support section#navigation-header .swiper {
        padding: 10px 30px 40px 30px;
    }
}
@media (max-width: 400px){
    html.subpage.support section#navigation-header .swiper {
        padding: 10px 30px 40px 30px;
    }
}

html.subpage.support section#navigation-header .swiper .swiper-pagination {
    bottom: 0px;
}

html.subpage.support section#navigation-header .swiper-pagination-bullet-active {
    background: #5699d2;
}


form#contact-form-active {
    background: #ffffff;
    border-radius: 30px 30px 0 0;
    padding: 30px;
    box-shadow: 0 0 15px 0 #e7e7e7;
}

form#contact-form-active input, form#contact-form-active textarea {
    background: transparent;
    border: 1px solid #c5c5c5;
    padding: 10px 20px;
    height: 50px;
}

.contact-wrapper-details{
    width: 40%;
    padding: 30px;
}
.contact-wrapper-details h2 {
    font-size: 30px;
    margin-bottom: 40px;
    line-height: 1.2;
}

.contact-wrapper-details p {
    font-size: 18px;
    font-family: 'Camp';
    font-weight: 500;
    color: #6f6f6f;
    line-height: 1.6;
    margin-bottom: 50px;
    /* text-align: center; */
}


section#contact .row {
    display: flex;
    justify-content: space-between;
}

form#contact-form-active textarea {
    height: 200px;
}
form#contact-form-active input, form#contact-form-active textarea {
    margin-top: 5px;
    margin-bottom: 5px;
}

form#contact-form-active label {
    margin: 5px 0;
}


.form-wrapper {
    flex: 1;
}

.col-lg-6.contact-wrapper {
    padding: 0;
    width: 50%;
}

.area-item span {
    display: block;
    width: 20px;
    height: 20px;
    background: #fff;
    border-radius: 50%;
    margin-right: 10px;
    border: 2px solid #5699d2;
    position: relative;
}

.area-item {
    display: flex;
    align-items: center;
    margin: 5px 0;
    cursor: pointer;
}

.area-item.active span:before {
     content: "";
     width: 10px;
     height: 10px;
     background: #5699d2;
     position: absolute;
     left: 0;
     top: 0;
     border-radius: 50%;
     margin: auto;
     right: 0;
     bottom: 0;
}
.send-btn {
    background: #5699d2;
    display: inline-block;
    padding: 5px 15px;
    border-radius: 25px;
    color: white;
    font-weight: 600;
    margin-top: 20px;
    transition: .2s ease;
    cursor: pointer;
}

form#contact-form-active:after {
    content: "";
    width: 100%;
    height: 50px;
    background: white;
    position: absolute;
    left: 0;
    bottom: -20px;
    z-index: 0;
}
.send-btn:hover {
    background: #3c9b3f;
}
@media(max-width:767px){
    .contact-wrapper-details, .col-lg-6.contact-wrapper {
        width: 100%;
    }
    section#contact .row {
        flex-wrap: wrap
    }
}
.hollow-dots-spinner .dot {
    border-color: #5699d2;
}
button#submit {
    text-transform: none;
    background: #5699d2;
    display: inline-block;
    padding: 5px 15px;
    border-radius: 25px;
    color: white;
    font-weight: 600;
    margin-top: 20px;
    transition: .2s ease;
    cursor: pointer;
    font-size: 14px;
    line-height: 1.71429;
    white-space: initial;
}
.form-output {
    position: relative;
}
p.form-messege-active.form-messege.success {
    font-weight: 500;
    font-size: 16px;
    margin: 20px;
    letter-spacing: -0.5px;
    color: #5699d2;
}

form#contact-form-active input.error, form#contact-form-active textarea.error {
    border: 1px solid #f05454;
}

p.form-messege-active.form-messege.error {
    font-weight: 500;
    font-size: 16px;
    margin: 20px;
    letter-spacing: -0.5px;
    color: #f05454;
}
html.subpage.support.pricing section#navigation-header .swiper .swiper-slide:nth-of-type(1) .col-lg-4 a.rn-button-style--2.btn_solid {
        background: linear-gradient(270deg, #5699d2, #5699d2);
        border-radius: 50px;
        color: white;
}

html.subpage.support.pricing section#navigation-header .swiper .swiper-slide:nth-of-type(2) .col-lg-4 .includes span:first-child:before,
html.subpage.support.pricing section#navigation-header .swiper .swiper-slide:nth-of-type(3) .col-lg-4 .includes span:first-child:before {
    content: "\f00c";
}
.includes span a {
    color: #5699d2;
    font-weight: 600;
    text-decoration: underline;
}
/* .includes span a:hover {
    text-decoration: underline;
} */
html.subpage.support.pricing .includes {
    min-height: 180px;
}

@media(max-width:348px){
    html.subpage.support.pricing .includes {
        min-height: 210px;
    }
}
@media(max-width:392px){
    html.subpage.support .includes {
        min-height: 280px;
    }
}

@media(max-width:366px){
    html.subpage.support .includes {
        min-height: 320px;
    }
}
html.subpage.support section#navigation-header p.pricing-note {
    padding-top: 40px;
    font-size: 16px;
    margin: auto;
    width: 90%;
}


html.subpage.about.terms
section#navigation-header2
.col-lg-12.col-sm-12.col-12 {
    margin-bottom: 20px
}
html.subpage.about.terms
section#navigation-header2 p {
    font-size: 16px;
    margin-bottom: 20px;
}
html.subpage.about.terms section#navigation-header2 h2 {
    font-size: 20px;
}
html.subpage.about.terms:not(.security) section#navigation-header2 .row .col-lg-12.col-sm-12.col-12:not(:first-of-type){
    counter-reset: counter;
}

html.subpage.about.terms:not(.security) section#navigation-header2 .col-lg-12.col-sm-12.col-12:not(:first-of-type) p:before {
    counter-increment: counter;
    content: counter(counter) ". ";
}
html.subpage.about.terms p a {
    color: blue;
    font-weight: 400;
    text-decoration: underline;
}
html.subpage.about.terms
section#navigation {
    background: #232323;
}

html.subpage.about.terms section#navigation h2, html.subpage.about.terms section#navigation p {
    color: white;
}
html.subpage.about.terms
header.header-area {
    background: linear-gradient(rgb(35, 35, 35), rgba(255, 255, 255, 0))
}
html.subpage.terms #logo g path {
    fill: rgb(255,255,255);
}

html.subpage.terms .open-menu path {
    stroke: rgb(255,255,255);
}

html.subpage.terms .menu-open .open-menu path {
    stroke: rgb(35,35,35)
}
@media(max-width: 992px){
    html:not(.subpage) header.header-area {
        background: linear-gradient(180deg, rgb(35,35,35), rgba(255,255,255,0));
    }
}
@media (max-width: 767px){
    html.subpage.app #navigation .col-lg-4 {
        /* margin-bottom: 0 */
    }
    html.subpage #navigation p {
        margin-bottom: 0
    }
}
html.subpage #navigation .row {
    margin-bottom: 50px;
}

@media(max-width:357px){
     html.subpage.support.pricing
    .includes {
        min-height: 225px;
    }
}
section#awards {
    padding: 100px 0;
}

section#awards h2.main-heading {
    font-size: 16px;
}

section#awards svg path {
    fill: #585858
}

#awards .icon-boxes {
    margin-bottom: 30px;
}

#awards .icon-box {
    justify-content: flex-start;
}

#awards .box {
    display: flex;
    flex-direction: column;
    align-items: center;
}

#awards .box svg {
    max-width: 65px;
    height: 55px;
    margin-bottom: 20px;
}

#awards .box p {
    font-size: 14px;
    margin-bottom: 0;
    text-align: center;
}

#awards .col-lg-12 {
    background: #f3f3f3;
    border-radius: 20px;
    padding: 10px 30px;
}

@media(max-width:767px){
    #awards .row {
        margin: 0;
    }
}

@media(max-width:576px){
    #awards .box {
        height: auto;
    }
}

span.blockspam {
    display: none;
  }

#trusted {
  background-color: #fff;
}

.main-heading {
  font-size: 1.8rem;
  font-weight: 700;
  text-transform: uppercase;
}

/* Logo style */
.brand-logo {
  max-height: 80px;
  object-fit: contain;
  filter: grayscale(100%);
  transition: all 0.3s ease;
}

.brand-logo:hover {
  filter: grayscale(0%);
  transform: scale(1.05);
}

/* Spacing between logos and centering */
#trusted .row.g-4 {
  row-gap: 2rem;
  column-gap: 2rem;
}

#trusted .col-6 {
  display: flex;
  justify-content: center;
  align-items: center;
}