/* importing static resources */
@import url("resources/button.css");
@import url("resources/shadow.css");
@import url("resources/mega-nav.css");
@import url("resources/utiliies.css");
@import url("resources/optional.css");
@import url('resources/checkbox.css');
@import url('resources/flag.css');
@import url('resources/card.css');
@import url('resources/data-table-customized.css');

/* importing static component resources */
@import url("resources/aboutCard.css");
@import url("resources/autocomplete.css");
@import url("resources/mapCard.css");
@import url("resources/setValues.css");
@import url("resources/secGraphics.css");
@import url("resources/testimonial.css");
@import url("resources/footer.css");

/* importing static page resources */
@import url("resources/rate-page.css");

:root {
    --accent : #3384b7;
}
*,
*::before,
*::after {
    -webkit-box-sizing:border-box;
    box-sizing:border-box
}
html {
    font-family:sans-serif;
    line-height:1.15;
    -webkit-text-size-adjust:100%;
    -webkit-tap-highlight-color:transparent
}
article,
aside,
figcaption,
figure,
footer,
header,
hgroup,
main,
nav,
section {
    display:block
}
body {
    margin:0;
    font-family:  'Titillium Web',sans-serif;
    font-size: 1rem;
    font-weight:400;
    line-height:1.7;
    color:#666;
    text-align:left;
    background-color:#fff;
    letter-spacing:-.015em;
}
[tabindex="-1"]:focus:not(:focus-visible) {
    outline:0!important
}
hr {
    -webkit-box-sizing:content-box;
    box-sizing:content-box;
    height:0;
    overflow:visible
}
h1,
h2,
h3,
h4,
h5,
h6 {
    margin-top:0;
    margin-bottom:.5rem
}
p {
    margin-top:0;
    margin-bottom:1rem
}
abbr[title],
abbr[data-original-title] {
    text-decoration:underline;
    -webkit-text-decoration:underline dotted;
    text-decoration:underline dotted;
    cursor:help;
    border-bottom:0;
    -webkit-text-decoration-skip-ink:none;
    text-decoration-skip-ink:none
}
address {
    margin-bottom:1rem;
    font-style:normal;
    line-height:inherit
}
ol,
ul,
dl {
    margin-top:0;
    margin-bottom:1rem
}
ol ol,
ul ul,
ol ul,
ul ol {
    margin-bottom:0
}
dt {
    font-weight:700
}
dd {
    margin-bottom:.5rem;
    margin-left:0
}
blockquote {
    margin:0 0 1rem
}
b,
strong {
    font-weight:bolder
}
small {
    font-size:80%
}
sub,
sup {
    position:relative;
    font-size:75%;
    line-height:0;
    vertical-align:baseline
}
sub {
    bottom:-.25em
}
sup {
    top:-.5em
}
a {
    color:#09c;
    text-decoration:none;
    background-color:transparent
}

a:hover {
    color:#000;
    text-decoration:none;
}
a:not([href]) {
    color:inherit;
    text-decoration:none
}
a:not([href]):hover {
    color:inherit;
    text-decoration:none
}
pre,
code,
kbd,
samp {
    font-family: 'Titillium Web',sans-serif;
    font-size:1em
}
pre {
    margin-top:0;
    margin-bottom:1rem;
    overflow:auto
}
figure {
    margin:0 0 1rem
}
img {
    vertical-align:middle;
    border-style:none;
    max-width:100%;
    height:auto
}
svg {
    overflow:hidden;
    vertical-align:middle
}
table {
    border-collapse:collapse
}
caption {
    padding-top:.75rem;
    padding-bottom:.75rem;
    color:#999;
    text-align:left;
    caption-side:bottom
}
th {
    text-align:inherit
}
label {
    display:inline-block;
    margin-bottom:.5rem;
    font-weight: 600;
}
button {
    border-radius:0
}
button:focus {
    outline:1px dotted;
    outline:5px auto -webkit-focus-ring-color
}
input,
button,
select,
optgroup,
textarea {
    margin:0;
    font-family:inherit;
    font-size:inherit;
    line-height:inherit
}
button,
input {
    overflow:visible
}
button,
select {
    text-transform:none
}
select {
    word-wrap:normal
}
button,
[type=button],
[type=reset],
[type=submit] {
    -webkit-appearance:button
}
button:not(:disabled),
[type=button]:not(:disabled),
[type=reset]:not(:disabled),
[type=submit]:not(:disabled) {
    cursor:pointer
}
button::-moz-focus-inner,
[type=button]::-moz-focus-inner,
[type=reset]::-moz-focus-inner,
[type=submit]::-moz-focus-inner {
    padding:0;
    border-style:none
}
input[type=radio],
input[type=checkbox] {
    -webkit-box-sizing:border-box;
    box-sizing:border-box;
    padding:0
}
input[type=date],
input[type=time],
input[type=datetime-local],
input[type=month] {
    -webkit-appearance:listbox
}
textarea {
    overflow:auto;
    resize:vertical
}
fieldset {
    min-width:0;
    padding:0;
    margin:0;
    border:0
}
legend {
    display:block;
    width:100%;
    max-width:100%;
    padding:0;
    margin-bottom:.5rem;
    font-size:1.5rem;
    line-height:inherit;
    color:inherit;
    white-space:normal
}
progress {
    vertical-align:baseline
}
[type=number]::-webkit-inner-spin-button,
[type=number]::-webkit-outer-spin-button {
    height:auto
}
[type=search] {
    outline-offset:-2px;
    -webkit-appearance:none
}
[type=search]::-webkit-search-decoration {
    -webkit-appearance:none
}
::-webkit-file-upload-button {
    font:inherit;
    -webkit-appearance:button
}
output {
    display:inline-block
}
summary {
    display:list-item;
    cursor:pointer
}
template {
    display:none
}
[hidden] {
    display:none!important
}
h1,
h2,
h3,
h4,
h5,
h6,
.h1,
.h2,
.h3,
.h4,
.h5,
.h6 {
    margin-bottom:.5rem;
    font-weight:600;
    line-height:1.2;
    color:#000
}
h1,
.h1 {
    font-size:3rem
}
h2,
.h2 {
    font-size:2.25rem
}
h3,
.h3 {
    font-size:1.875rem
}
h4,
.h4 {
    font-size:1.5rem
}
h5,
.h5 {
    font-size:1.25rem
}
h6,
.h6 {
    font-size:1.125rem
}
.lead {
    font-size:1.25rem;
    font-weight:300
}
.display-1 {
    font-size:6rem;
    font-weight:300;
    line-height:1.2
}
.display-2 {
    font-size:5.5rem;
    font-weight:300;
    line-height:1.2
}
.display-3 {
    font-size:4.5rem;
    font-weight:300;
    line-height:1.2
}
.display-4 {
    font-size:3.5rem;
    font-weight:300;
    line-height:1.2
}
hr {
    margin-top:1rem;
    margin-bottom:1rem;
    border:0;
    border-top:1px solid rgba(0,0,0,.1)
}
small,
.small {
    font-size:80%;
    font-weight:400
}
mark,
.mark {
    padding:.2em;
    background-color:#fcf8e3
}
.list-unstyled {
    padding-left:0;
    list-style:none
}
.list-inline {
    padding-left:0;
    list-style:none
}
.list-inline-item {
    display:inline-block
}
.list-inline-item:not(:last-child) {
    margin-right:.5rem
}
.initialism {
    font-size:90%;
    text-transform:uppercase
}
.blockquote {
    margin-bottom:1rem;
    font-size:1.25rem
}
.blockquote-footer {
    display:block;
    font-size:80%;
    color:#999
}
.blockquote-footer::before {
    content:"\2014\00A0"
}
.img-fluid {
    max-width:100%;
    height:auto
}
.img-thumbnail {
    padding:.25rem;
    background-color:#fff;
    border:1px solid #dee2e6;
    border-radius:3px;
    -webkit-box-shadow:0 1px 2px rgba(0,0,0,.075);
    box-shadow:0 1px 2px rgba(0,0,0,.075);
    max-width:100%;
    height:auto
}
.figure {
    display:inline-block
}
.figure-img {
    margin-bottom:.5rem;
    line-height:1
}
.figure-caption {
    font-size:90%;
    color:#999
}
code {
    font-size:87.5%;
    color:#d63384;
    word-wrap:break-word
}
a>code {
    color:inherit
}
kbd {
    padding:.2rem .4rem;
    font-size:87.5%;
    color:#fff;
    background-color:#212529;
    border-radius:2px;
    -webkit-box-shadow:inset 0 -.1rem 0 rgba(0,0,0,.25);
    box-shadow:inset 0 -.1rem 0 rgba(0,0,0,.25)
}
kbd kbd {
    padding:0;
    font-size:100%;
    font-weight:700;
    -webkit-box-shadow:none;
    box-shadow:none
}
pre {
    display:block;
    font-size:87.5%;
    color:#212529
}
pre code {
    font-size:inherit;
    color:inherit;
    word-break:normal
}
.pre-scrollable {
    max-height:340px;
    overflow-y:scroll
}

/* app */
.app {
    position: relative;
}

/* App Header */
.main-header .app-header {
    padding: 20px 10px;
    display: flex;
    align-items: center;
}
.main-header .app-header .app-menu ul {
    list-style: none;
}
.app-header .app-logo .logo {
    width: 150px;
}

/* Hero Section */
.hero-section {
    position: relative;
    padding-bottom: 40px;
}
.hero-section .hero-background {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
.hero-section .hero-background .hero-picture {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-image: url("resources/images/hero.jpg");
    background-size: cover;
    background-position: left top;
}
.hero-section .hero-background .hero-picture-overlay {
    background: linear-gradient(90deg, rgb(33 49 92 / 84%) 25%, rgb(49 129 152 / 44%) 72%);
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
}
.hero-section .hero-content {
    position: relative;
}
.hero-section .hero-content .hero-label {
    font-size: 2.5rem;
    font-weight: 700;
    line-height: 1.2;
}
.hero-section .hero-content .hero-paragraph {
    font-size: 1.2rem;
    line-height: 1.6;
}



/*Cookies*/
.wrapper-cookies {
    -webkit-box-pack: space-between;
    -ms-flex-pack: space-between;
    justify-content: space-between;
    -webkit-box-align: space-between;
    -ms-flex-align: space-between;
    align-items:
    center;
    padding: 10px 83px;
    position:
    fixed;
    bottom: 0;
    left: 0;
    z-index:100;
    background:#fff;
    -webkit-box-shadow:0 4px 8px 0 rgba(8,15,26,.12);
    box-shadow:0 4px 8px 0
    rgba(8, 15, 26, 0.31);
    -webkit-transition:all 1s;
    transition:
    all 1s;
    pointer-events:
    none;
    opacity:0;
    width: 100%;
}
@media (max-width:700px) {
    .wrapper-cookies {
        width:100%
    }
}
.wrapper-cookies {
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    pointer-events:all;
    opacity:1;
}
.wrapper-cookies .cookies .cookie-icon {
    content: '';
    background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='iso-8859-1'%3F%3E%3C!-- Generator: Adobe Illustrator 19.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 0) --%3E%3Csvg version='1.1' id='Capa_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 512.002 512.002' style='enable-background:new 0 0 512.002 512.002;' xml:space='preserve'%3E%3Cg%3E%3Cg%3E%3Cpath d='M501.791,236.285c-32.933-11.827-53.189-45.342-50.644-71.807c0-4.351-2.607-8.394-5.903-11.25 c-3.296-2.842-8.408-4.072-12.686-3.384c-50.186,7.363-96.14-29.352-100.693-80.962c-0.41-4.658-2.959-8.848-6.914-11.353 c-3.94-2.49-8.848-3.032-13.198-1.406C271.074,71.02,232.637,44.084,217.3,8.986c-2.871-6.563-9.99-10.181-17.007-8.628 C84.82,26.125,0.001,137.657,0.001,256.002c0,140.61,115.39,256,256,256s256-115.39,256-256 C511.584,247.068,511.522,239.771,501.791,236.285z M105.251,272.131c-8.284,0-15-6.716-15-15c0-8.286,6.716-15,15-15 s15,6.714,15,15C120.251,265.415,113.534,272.131,105.251,272.131z M166.001,391.002c-24.814,0-45-20.186-45-45 c0-24.814,20.186-45,45-45c24.814,0,45,20.186,45,45C211.001,370.816,190.816,391.002,166.001,391.002z M181.001,211.002 c-16.538,0-30-13.462-30-30c0-16.538,13.462-30,30-30c16.538,0,30,13.462,30,30C211.001,197.54,197.539,211.002,181.001,211.002z M301.001,421.002c-16.538,0-30-13.462-30-30c0-16.538,13.462-30,30-30c16.538,0,30,13.462,30,30 C331.001,407.54,317.539,421.002,301.001,421.002z M316.001,301.002c-24.814,0-45-20.186-45-45c0-24.814,20.186-45,45-45 c24.814,0,45,20.186,45,45C361.001,280.816,340.816,301.002,316.001,301.002z M405.251,332.131c-8.284,0-15-6.716-15-15 c0-8.286,6.716-15,15-15s15,6.714,15,15C420.251,325.415,413.534,332.131,405.251,332.131z'/%3E%3C/g%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3C/svg%3E%0A");
    position: relative;
    height: 30px;
    width: 30px;
}
.wrapper-cookies .cookies {
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-align: space-between;
    -ms-flex-align: space-between;
    align-items:center;
    -webkit-box-pack: space-between;
    -ms-flex-pack: initial;
    justify-content: space-between;
    width: 100%;
}
@media (max-width:700px) {
    .wrapper-cookies .cookies {
        -webkit-box-orient:vertical;
        -webkit-box-direction:normal;
        -ms-flex-direction:column;
        flex-direction:column
    }
    .wrapper-cookies {
        width: 100%;
        border-radius: 0;
        bottom: 0;
        left: 0;
    }
}
.wrapper-cookies .cookies .cookies-text {
    font-size:14px;
    font-weight:400;
    padding: 0 30px;
}
.wrapper-cookies .cookies .cookies-text a {
    color:inherit;
    text-decoration:underline
}
@media (max-width:700px) {
    .wrapper-cookies .cookies .cookies-text {
        padding-bottom:10px;
        font-size:11px
    }
}
.wrapper-cookies .cookies .cookies-button {
    padding-left:16px
}
@media (max-width:700px) {
    .wrapper-cookies .cookies .cookies-button {
        padding-left:0
    }
}
.wrapper-cookies .cookies .cookies-button a {
    width: auto;
    font-size:12px;
    font-weight:500;
    height:40px;
    background-color:#000;
    color:#fff;
    cursor:
    pointer;
    display:
    -webkit-box;
    display:
    -ms-flexbox;
    display:
    flex;
    -webkit-box-pack:center;
    -ms-flex-pack:center;
    justify-content:
    center;
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:
    center;
    border-radius: 50px;
    padding: 0 35px;
}



/* Header Graphics */
.header-graphic {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    overflow: hidden; 
}
.header-graphic .graphic-top ,
.header-graphic .graphic-bottom {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    transition: .25s ease;
}
.header-graphic .graphic-bottom {
    overflow: hidden; 
}
.header-graphic .graphic-top .graphic ,
.header-graphic .graphic-bottom .graphic {
    transform-origin: 100% 0;
    transform: skewY(-6deg);
}
.header-graphic .graphic-top .graphic {
    content: '';
    height: 100px;
    width: 100%;
    top: 0;
    left: 0;
    background: linear-gradient(-30deg, rgba(1, 90, 156, 0.51) 54.93%, rgba(0, 46, 80, 0.44) 88.05%);
    opacity: 0.6;
}
.header-graphic .graphic-bottom .graphic {
    content: '';
    height: 70px;
    width: 650px;
    bottom: 0;
    right: 0;
    background: linear-gradient(-30deg, rgb(255 255 255 / 15%) -0.28%, rgb(26 26 26 / 0%) 70.12%);
}