*{
    margin: 0;
    transition: 0.05s;
    text-decoration: none;
    user-select: none;
}

body{
    overflow-x: hidden;
}

section{
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}

.container{
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: center;
}

.flex{
    display: flex;
    flex-wrap: nowrap;
    /* flex: 1; */
}
/* ----------------------------------------------------- 
=========================================================
---------------------------------------------------------*/
.h{
    flex-direction: row;
}
.hr{
    flex-direction: row-reverse;
}
.v{
    flex-direction: column;
}
.vr{
    flex-direction: column-reverse;
}

.js{
    justify-content: flex-start;
}
.jc{
    justify-content: center;
}
.je{
    justify-content: flex-end;
}
.as{
    align-items: flex-start;
}
.ac{
    align-items: center;
}
.ae{
    align-items: flex-end;
}

.jsb{
    justify-content: space-between;
}
.jsa{
    justify-content: space-around;
}

.gap0 {
    gap: 0px;
}
.gap8 {
    gap: 8px;
}
.gap16 {
    gap: 16px;
}
.gap24 {
    gap: 24px;
}
.gap32 {
    gap: 32px;
}
.gap40 {
    gap: 40px;
}
.gap48 {
    gap: 48px;
}
.gap56 {
    gap: 56px;
}
.gap64 {
    gap: 64px;
}

.textc{
    text-align: center;
}
.texts{
    text-align: start;
}
.texte{
    text-align: end;
}
.textfull{
    text-align: justify;
}

.round8d{
    border-radius: 8px;
}
.rounded{
    border-radius: 100%;
}
/* ----------------------------------------------------- 
=========================================================
---------------------------------------------------------*/
@media (max-width:650px) {
    section{
        padding: 16px 0px;
    }
    .container{
        width: calc(100% - 48px);
    }

    img.resp1{
        width: 100%;
        height: auto;
    }

    .hide1{
        display: none!important;
    }


    .h1{
        flex-direction: row;
    }
    .hr1{
        flex-direction: row-reverse;
    }
    .v1{
        flex-direction: column;
    }
    .vr1{
        flex-direction: column-reverse;
    }

    .js1{
        justify-content: flex-start;
    }
    .jc1{
        justify-content: center;
    }
    .je1{
        justify-content: flex-end;
    }
    .as1{
        align-items: flex-start;
    }
    .ac1{
        align-items: center;
    }
    .ae1{
        align-items: flex-end;
    }
    
    .jsb1{
        justify-content: space-between;
    }
    .jsa1{
        justify-content: space-around;
    }

    .gap0_1 {
        gap: 0px;
    }
    .gap8_1 {
        gap: 8px;
    }
    .gap16_1 {
        gap: 16px;
    }
    .gap24_1 {
        gap: 24px;
    }
    .gap32_1 {
        gap: 32px;
    }
    .gap40_1 {
        gap: 40px;
    }
    .gap48_1 {
        gap: 48px;
    }
    .gap56_1 {
        gap: 56px;
    }
    .gap64_1 {
        gap: 64px;
    }

    .textc1{
        text-align: center;
    }
    .texts1{
        text-align: start;
    }
    .texte1{
        text-align: end;
    }

    .round8d1{
        border-radius: 8px;
    }
    .rounded1{
        border-radius: 100%;
    }
}
/* ----------------------------------------------------- 
=========================================================
---------------------------------------------------------*/
@media (min-width: 651px) and (max-width: 1250px) {
    .container{
        width: calc(100% - 48px);
    }
    section{
        padding: 32px 0px;
    }

    img.resp2{
        width: 100%;
        height: auto;
    }

    .hide2{
        display: none!important;
    }


    .h2{
        flex-direction: row;
    }
    .hr2{
        flex-direction: row-reverse;
    }
    .v2{
        flex-direction: column;
    }
    .vr2{
        flex-direction: column-reverse;
    }

    .js2{
        justify-content: flex-start;
    }
    .jc2{
        justify-content: center;
    }
    .je2{
        justify-content: flex-end;
    }
    .as2{
        align-items: flex-start;
    }
    .ac2{
        align-items: center;
    }
    .ae2{
        align-items: flex-end;
    }
    
    .jsb2{
        justify-content: space-between;
    }
    .jsa2{
        justify-content: space-around;
    }

    .gap0_2 {
        gap: 0px;
    }
    .gap8_2 {
        gap: 8px;
    }
    .gap16_2 {
        gap: 16px;
    }
    .gap24_2 {
        gap: 24px;
    }
    .gap32_2 {
        gap: 32px;
    }
    .gap40_2 {
        gap: 40px;
    }
    .gap48_2 {
        gap: 48px;
    }
    .gap56_2 {
        gap: 56px;
    }
    .gap64_2 {
        gap: 64px;
    }

    .textc2{
        text-align: center;
    }
    .texts2{
        text-align: start;
    }
    .texte2{
        text-align: end;
    }

    .round8d2{
        border-radius: 8px;
    }
    .rounded2{
        border-radius: 100%;
    }
}
/* ----------------------------------------------------- 
=========================================================
---------------------------------------------------------*/
@media (min-width:1251px){
    .hide3{
        display: none!important;
    }

    .container{
        width: 1200px;
    }
    section{
        padding: 48px 0px;
    }

    .h3{
        flex-direction: row;
    }
    .hr3{
        flex-direction: row-reverse;
    }
    .v3{
        flex-direction: column;
    }
    .vr3{
        flex-direction: column-reverse;
    }

    .js3{
        justify-content: flex-start;
    }
    .jc3{
        justify-content: center;
    }
    .je3{
        justify-content: flex-end;
    }
    .as3{
        align-items: flex-start;
    }
    .ac3{
        align-items: center;
    }
    .ae3{
        align-items: flex-end;
    }
    
    .jsb3{
        justify-content: space-between;
    }
    .jsa3{
        justify-content: space-around;
    }

    .gap0_3 {
        gap: 0px;
    }
    .gap8_3 {
        gap: 8px;
    }
    .gap16_3 {
        gap: 16px;
    }
    .gap24_3 {
        gap: 24px;
    }
    .gap32_3 {
        gap: 32px;
    }
    .gap40_3 {
        gap: 40px;
    }
    .gap48_3 {
        gap: 48px;
    }
    .gap56_3 {
        gap: 56px;
    }
    .gap64_3 {
        gap: 64px;
    }

    .textc3{
        text-align: center;
    }
    .texts3{
        text-align: start;
    }
    .texte3{
        text-align: end;
    }

    .round8d3{
        border-radius: 8px;
    }
    .rounded3{
        border-radius: 100%;
    }
}
/* ----------------------------------------------------- 
=========================================================
---------------------------------------------------------*/
.stretch{
    align-self: stretch;
}
.grow{
    flex: 10;
}
.shrink{
    flex-shrink: 10;
}
.wrap{
    flex-wrap: wrap;
}
.stretchREAL{
    width: 100%;
}


.black{
    color: #004D6D!important;
}
.white{
    color: #FFF!important;
}
.dark{
    color: #004D6D!important;
}
.accent{
    color: #00ACE2!important;
}
.lightgray{
    color: #A7EAFF!important;
}
.blue{
    color: #007DAC!important;
}


h1{
    font-family: Montserrat;
    font-size: 54px;
    font-style: normal;
    font-weight: 600;
    line-height: 72px; 
}
p{
    font-family: Montserrat;
    font-size: 20px;
    font-style: light;
    font-weight: 300;
    line-height: 30px;
}
h3{
    font-family: Montserrat;
    font-size: 48px;
    font-style: normal;
    font-weight: 600;
    line-height: 54px;
}
h6{
    font-family: Montserrat;
    font-size: 20px;
    font-style: normal;
    font-weight: 500;
    line-height: 28px;
}
h2{
    font-family: Montserrat;
    font-size: 48px;
    font-style: normal;
    font-weight: 700;
    line-height: 44px;
}
h5{
    font-family: Montserrat;
    font-size: 20px;
    font-style: normal;
    font-weight: 600;
    line-height: 30px;
}
h2.second{
        font-family: Montserrat;
        font-size: 48px;
        font-style: normal;
        font-weight: 700;
        line-height: 60px; 
}
h5.second{
    font-family: Montserrat;
    font-size: 20px;
    font-style: normal;
    font-weight: 700;
    line-height: 30px;
}

p.baldsubheader{
    color: #626667;
    font-family: Rubik;
    font-size: 16px;
    font-style: normal;
    font-weight: 700;
    line-height: 28px;
}
span.bignumber{
    color: #A7EAFF;
    text-align: center;
    font-family: Montserrat;
    font-size: 70px;
    font-style: normal;
    font-weight: 700;
    line-height: 72px; 
    letter-spacing: -1.2px;
}
span.bold{
    font-weight: 700;
}
p.feature{
    color: #D9A36D;
    font-family: Rubik;
    font-size: 14px;
    font-style: normal;
    font-weight: 600;
    line-height: 20px;
}
p.baldsubheader{
    color: #00ACE2;
    font-family: Montserrat;
    font-size: 16px;
    font-style: normal;
    font-weight: 700;
    line-height: 28px;
}
p.small{
    font-family: Montserrat;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 24px;
}
p.large{
    font-family: Alexandria;
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: 30px;
}
.feature.large{
    color: #00ACE2;
    font-family: Montserrat;
    font-size: 18px;
    font-style: normal;
    font-weight: 600;
    line-height: 30px;
}

a.button1{
    display: flex;
    padding: 16px 28px;
    justify-content: center;
    align-items: center;
    gap: 12px;
    border-radius: 5px;
    background: rgba(55, 58, 59, 0.40);
    border: 2px solid #FFF;
    transition: 0.2s ease;
}
a.button1:hover{
    background: rgba(55, 58, 59, 0.60);
    border: 2px solid #eee;
}
a.button1:active span{
    color: #626667;
}
a.button1 span{
    color: #FFF;
    text-align: center;
    font-family: Rubik;
    font-size: 18px;
    font-style: normal;
    font-weight: 700;
    line-height: 28px;
}

a.button2{
    display: flex;
    padding: 10px 16px;
    justify-content: center;
    align-items: center;
    gap: 6px;
    /* border-radius: 5px; */
    background: #007DAC;
}
a.greenbutton{
    background: #7BAE69;
}
a.button2:hover{
    background: #025d7e;
}
a.greenbutton:hover{
    background: #608a51;
}
a.button2 span{
    color: #FFF;
    text-align: center;
    font-family: Montserrat;
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: 24px;
}

a.button3 {
    display: flex;
    width: 56px;
    height: 56px;
    justify-content: center;
    align-items: center;
    gap: 12px;
    border-radius: 5px;
    border: 1px solid #EAECF0;
    cursor: pointer;
}
a.button3:hover {
    border: 1px solid #c5c7ca;
}
a.button3:active {
    border: 1px solid #989a9c;
    background-color: #eee;
}

a.button4{
    display: flex;
    padding: 16px 22px;
    justify-content: center;
    align-items: center;
    gap: 10px;
    border-radius: 5px;
    background: #D9A36D;
}
a.button4:hover{
    background: #ac8157;
}
a.button4 span{
    color: #fff;
    font-family: Rubik;
    font-size: 18px;
    font-style: normal;
    font-weight: 600;
    line-height: 28px;
}

a.contacts{
    color: #626667;
    font-family: Alexandria;
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: 30px;
}
a.contacts:hover{
    text-decoration: underline;
}

.carouselcontainer{
    width: 100%;
    overflow: hidden;
}
.carouselcontainer :first-child{
    transition: 0.5s ease;
}

.parallax{
    background-attachment: fixed;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    transition: none;
}

.flex > *:not(.flex), .container > *:not(.flex) {
    transition: opacity 0.3s ease-out, transform 0.5s ease;
}

.dropdown{
    display: flex;
    flex-direction: row;
    align-items: center;
    gap: 8px;
    position: relative;
}
.dropdown:hover svg{
    transform: scaleY(-1);
}
.dropdown .linkes{
    position: absolute;
    display: none;
    top: 100%;
    background-color: #FFF;
    align-items: start;
    flex-direction: column;
}
.dropdown:hover .linkes{
    display: flex;
}


ul.breadcrumb {
  list-style: none;
  padding-inline-start: 0;
}
ul.breadcrumb li {
  display: inline;
  color: #D9A36D;
  font-family: Rubik;
  font-size: 14px;
  font-style: normal;
  font-weight: 600;
  line-height: 24px;
}
ul.breadcrumb li+li:before {
  padding: 12px;
  content: "|\00a0";
}
ul.breadcrumb li a {
  text-decoration: none;
  display: inline;
  color: #D9A36D;
  font-family: Rubik;
  font-size: 14px;
  font-style: normal;
  font-weight: 600;
  line-height: 24px;
  vertical-align: middle;
}
ul.breadcrumb li a:hover {
  color: #ad8256;
}
ul.breadcrumb li a:hover img{
  filter: brightness(0.8);
}


img.fullwidth{
    width: 100%;
    height: auto;
}

.quote{
    display: flex;
    flex-direction: column;
    gap: 32px;
    padding: 12px 0px 12px 20px;
    border-left: solid 2px #D9A36D;
}
.quote p:first-child{
    color: #626667;
    font-family: Rubik;
    font-size: 18px;
    font-style: italic;
    font-weight: 500;
    line-height: 30px;
}
.quote p:last-child{
    color: #626667;
    font-family: Rubik;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 24px;
}

.endLinks{
    align-self: stretch;
    padding-top: 24px;
    border-top: solid 1px #98A2B3;

    display: flex;
    flex-direction: row;
    gap: 12px;
    justify-content: center;
}
.endLinks a{
    display: flex;
    height: 20px;
    padding: 10px;
    gap: 4px;

    border-radius: 5px;
    border: 1px solid #D0D5DD;
}
.endLinks a:hover{
    border: 1px solid #344054;
}
.endLinks a:active{
    background-color: #eee;
}
.endLinks a p{
    font-family: Rubik;
    font-size: 14px;
    font-style: normal;
    font-weight: 600;
    line-height: 20px;
    color: #98A2B3;
}
.endLinks a:hover p{
    color: #344054;
}
.endLinks a svg{
    filter: invert(75%) sepia(6%) saturate(745%) hue-rotate(179deg) brightness(86%) contrast(86%);
}
.endLinks a:hover svg{
    filter: invert(21%) sepia(23%) saturate(759%) hue-rotate(178deg) brightness(91%) contrast(86%);
}


.paginator{
    display: flex;
    flex-direction: row;
    padding: 24px;
    justify-content: center;
    border-top: solid 1px #EAECF0;
    align-self: stretch;
}
.paginator a:not(:first-child):not(:last-child){
    color: #182230;
    text-align: center;
    font-family: Inter;
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    line-height: 20px;

    border-radius: 20px;
    padding-top: 10px;
    padding-bottom: 10px;
    width: 40px;
}
.paginator a:hover, 
.paginator a.current{
    background-color: #F9FAFB;
}
.paginator a:first-child{
    margin-right: auto;
    display: flex;
    flex-direction: row;
    gap: 4px;
    padding: 8px 12px;
    align-items: end;
    
    border-radius: 5px;
    border: 1px solid #D0D5DD;
}
.paginator a:first-child span,
.paginator a:last-child span{
    font-family: Inter;
    font-size: 14px;
    font-style: normal;
    font-weight: 600;
    line-height: 19px;
}
.paginator a:last-child{
    margin-left: auto;
    display: flex;
    flex-direction: row;
    gap: 4px;
    padding: 8px 12px;
    align-items: end;
    
    border-radius: 5px;
    border: 1px solid #D0D5DD;
}


video{
    max-width: 1200px;
    width: 100%;
    height: auto;
}

form{
    display: flex;
    flex-direction: column;
    gap: 24px;
    width: 100%;
    max-width: 480px;
}

form label{
    font-family: Montserrat;
    color: #004D6D;
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: 20px;
}

form div{
    display: flex;
    flex-direction: column;
    gap: 8px;
}

form div.double{
    display: flex;
    flex-direction: row;
    gap: 24px;
    /* justify-content: space-between; */
}

form input{
    border-color: #D0D5DD;
    border-style: solid;
    height: 24px;
    padding: 10px 14px;

    color: #004D6D;
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: 24px;
    font-family: Montserrat;
}

form textarea{
    resize: vertical;
    border-color: #D0D5DD;
    border-style: solid;
    border-width: 2px;
    height: 124px;
    padding: 10px 14px;

    color: #004D6D;
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: 24px;
    font-family: Montserrat;
}

form a{
    color: inherit;
    text-decoration: underline;
}

form .error{
    color: #ce363c;
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    line-height: 18px;
    font-family: Montserrat;
}

form ::placeholder{
    color: #D0D5DD;
}

form button{
    padding: 12px;
    background-color: #007DAC;
    color: #ffffff;
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: 24px;
    font-family: Montserrat;
    border: none;
    cursor: pointer;
}
form button:hover{
    background-color: #026e95;
}