/** START OF GENERAL SETTINGS **/
:root {
    --fontCommissioner: "Commissioner", sans-serif;
    --fontYsabeau: "Ysabeau Office", sans-serif;
    --white: #ffffff;
    --black: #141414;
    --lightBlue:#7FAECC;
    --magenta:#E21665;
    --magenta-dark:#691E3B;
    --magenta-light:#B28C9B;
    --beige-light: #F6F6F2;
    --grey: #8D8D8D;
    --whiteBgOpacity: rgba(255, 255, 255, .5);
    
    
    /*
    --brown: #2d0f0a;
    --primary: #d7cebb;
    --mainColorGrey:#4e4e4e;
    --greyBgOpacity: rgba(237, 236, 232, .5);
    --greyBgLight: rgba(246, 245, 243, 1);
    --accent: #7f7f32;
    */
    --transition3s: 0.3s linear;
    --backdropBlur: blur(1.5px);

    interpolate-size: allow-keywords;
        
}
.bg-pink {
    background:var(--magenta-dark);
    color:var(--white);
}
.bg-footprint:after {
    content:"";
    background:url(/images/footprints.svg) no-repeat top right -250px;
    position: absolute;
    z-index: 1;
    width: 50%;
    height: 100%;
    top:0;
    right:0;
    background-size: 100%;
    z-index:0;
}
.bg-footprint2 {
    position:relative;
}
.bg-footprint2:after {
    content: "";
    background: url(/images/footprints-2.svg) no-repeat top -18vh right -15vw;
    position: absolute;
    z-index: 1;
    width: 50%;
    height: 50vh;
    top: -10vh;
    right: 0;
    background-size: 70%;
    z-index: 0;
}
.bg-footprint2.bigger:after {
    height: 100vh;
    background: url(/images/footprints-2.svg) no-repeat top 0 right -10vw;
    top: -50vh;
    background-size: 100%;
     width: 40%;
       z-index: -1; 
}
@media screen and (max-width:1199px) {
    .bg-footprint:after {
        background:url(/images/footprints.svg) no-repeat top right -120px;
    }
    .bg-footprint2:after {
        background: url(/images/footprints-2.svg) no-repeat top -18vh right -5vw;
    }
    .bg-footprint2.bigger:after {
        background: url(/images/footprints-2.svg) no-repeat top 0 right -5vw;
    }
}
@media screen and (max-width:767px) {
    .bg-footprint:after {
        width:80%;
        background:url(/images/footprints.svg) no-repeat bottom right -80px;
    }
    
    .bg-footprint2:after {
         width:80%;
    }
    .bg-footprint2.bigger:after {
        width:50%;
    }
}
.bg-beige {
    background-color: var(--beige-light);
}
.color-white {
    color:var(--white)!important;
}

/*
.bgWhite {
    background-color: var(--white);
}
.bgMainGrey {
    background-color: var(--mainColorGrey);
}
.bgGreyLight {
    background-color: var(--greyBgOpacity);
}
.bgBlack {
    background-color: var(--black);
    color: var(--white);
}
*/


*,
*::before,
*::after {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

html,
body,
ul,
ol {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

html {
    scroll-behavior: smooth;
}

button {
    background: none;
    border: 0;
    margin: 0;
    padding: 0;
    cursor: pointer;
}

button:focus,
a:focus {
    box-shadow: none !important;
    outline: none;
}

a,
a:hover {
    text-decoration: none;
    transition: var(--transition3s);
     color: var(--magenta-light);
}

a:hover {
    color: var(--magenta-dark);
}

button:focus,
.btn.focus,
.btn:focus {
    outline: 0;
    box-shadow: none;
}


.img-fit{
    height: 100%;
    width: 100%;
    object-fit: cover;
}
.form-control:focus,
.form-select:focus {
    outline: none;
    box-shadow: none;
}

/** END OF GENERAL SETTINGS **/
/**START 
==============================**/
body {
    font-family: var(--fontCommissioner);
    color: var(--black);
    font-size: 20px;
    font-weight: 400;
    line-height: 1.6;
    text-align: center;
    letter-spacing: 0.3px;
    background: var(--white);
    overflow-x: hidden;
}
/*
body::-webkit-scrollbar-track {
    box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
    -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
    background-color: var(--bgCreamDark);
}

body::-webkit-scrollbar {
    width: 5px;
    background-color: var(--grey);
}

body::-webkit-scrollbar-thumb {
    background-color: var(--black);
}
*/

/*HEADERS
===============================*/

h1, .h1,
h2, .h2,
h3 {
    font-family: var(--fontYsabeau);
    margin: 0px 0px 30px;
    line-height: 1.2;
    color: var(--black);
    letter-spacing: 0px;
    font-weight: 200;
    display: block;
    overflow-wrap: break-word;
    word-break: break-word;
    text-align: center;
    text-transform: uppercase;
}

h1, .h1 {
    font-size: 52px;
}
h2, .h2 {
    font-size: 44px;
}
h3, .h3 {
    font-size: 38px;
}
h1 span, .h1 span,
h2 span, .h2 span,
h3 span, .h3 span,
.section-subtitle {
    font-family: var(--fontCommissioner);
    display: block;
    font-size: 20px;
    letter-spacing: 0.25em;
    font-weight: 400;
    text-transform: uppercase;
    background: rgba(0,0,0,0.005);
}

@media screen and (min-width:1480px) {
     h1, .h1 {
        font-size: 64px;
    }   
}
@media screen and (max-width: 1199px) {
    h1, .h1 {
        font-size: 46px;
    }
    h2, .h2 {
        font-size: 38px;
    }
    h3, .h3 {
        font-size: 32px;
    }
}

@media screen and (max-width: 575px) {
    h1, .h1 {
        font-size: 32px;
    }
    h2, .h2 {
        font-size: 26px;
    }
    h3, .h3 {
        font-size: 24px;
    }

}

/**END OF BODY AND HEADINGS **/

/** START OF MARGIN  **/
.marginTop {
    margin-top: 70px;
}
.paddingTop {
    padding-top: 70px;
}
.paddingY {
    padding-top: 70px;
    padding-bottom: 70px;
}

@media screen and (max-width: 1199px) {
    .marginTop {
        margin-top: 50px;
    }

    .paddingTop {
        padding-top: 50px;
    }
    .paddingY {
        padding-top: 50px;
        padding-bottom: 50px;
    }
}
@media screen and (max-width: 991px) {
    .marginTop {
        margin-top: 40px;
    }
    .paddingTop {
        padding-top: 40px;
    }
    .paddingY {
        padding-top: 40px;
        padding-bottom: 40px;
    }
}
@media screen and (max-width: 767px) {
    .marginTop {
        margin-top: 30px;
    }
    .paddingTop {
        padding-top: 30px;
    }
    .paddingY {
        padding-top: 30px;
        padding-bottom: 30px;
    }
}

.max-width {
  padding-left: 40px;
  padding-right: 40px;
}
@media (max-width: 767px) {
	.max-width {
        padding-left: 15px;
        padding-right: 15px; 
  	}
}

/** END OF MARGIN  **/

/* START OF BUTTON  
=================================== */
/*
.btn-left {
    font-family: var(--fontYsabeau);
    font-size: 16px;
    line-height: 1.2;
    font-weight: 600;
    color: var(--white);
    background: var(--mainColorGrey);
    padding: 10px 30px;
    letter-spacing: 1.5px;
    position: relative;
    text-transform: uppercase;
    border-radius: 0;
    transition: var(--transition3s);
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    position: relative;
    z-index: 1;
    text-align: center;
    display:inline-block;
}
@media screen and (max-width: 575px) {
    .btn-left {
        font-size: 15px;
        padding: 10px 20px;
    }
}
.btn-left:hover {
    background: var(--greyBgOpacity);
    color: var(--black);
}

.btn-left:before,
.btn-left:after {
    content: "";
    position: absolute;
    transition: inherit;
    z-index: -1;
    top: 0;
    width: 100%;
    height: 100%;
    border-top: 1px solid var(--black);
    border-bottom: 1px solid var(--black);
    border-left: 0;
    border-right: 0;
    transition: var(--transition3s);
}
.btn-left:before {
    right: 0;
}
.btn-left:after {
    left: 0;
}
.btn-left:hover:after {
    background: var(--greyBgOpacity);
}

.btn-left.revert {
    color: var(--black);
    background: transparent;
}
.btn-left.revert:before {
    border: 1px solid var(--black);
    border-left: 0;
    border-right: 0;
}
.btn-left.revert:hover {
    background: var(--mainColorGrey);
    color: var(--white);
}

.btn-left.revert:hover:after {
    background: var(--mainColorGrey);
}

.bgBlack .btn-left,
.white-btn {
    color: var(--white);
    background: rgba(0,0,0,0.005);
}

.bgBlack .btn-left:hover,
.white-btn:hover {
    color: var(--black);
}

.bgBlack .btn-left:hover:after,
.white-btn:hover:after {
    background: var(--white);
    border: 1px solid var(--white);
    border-left: 0;
    border-right: 0;
}

.bgBlack .btn-left:before,
.white-btn::before,
.white-btn::after, .white-btn::before {
    border: 1px solid var(--white);
    border-left: 0;
    border-right: 0;
}
*/


.text-link,
.text-link:hover{
    color: var(--black);
}

.MoreLink {
    position: relative;
    display: inline-block;
    transition: .3s linear;
    color: var(--black);
    /*padding: 10px 45px 10px 0px;*/
    z-index:1;
}
.MoreLink::after {
    content: "";
    position: absolute;
    background: url(../images/arrow-pink-btn.svg) no-repeat top right!important;
    right: 0px;
    width: 36px;
    height: 16px;
    top: 6px;
   opacity:0;
}
.MoreLink:hover::after,
.MoreLink.white:hover::after {
    animation: dropIn .3s ease-out forwards;
}
@media screen and (max-width: 767px) {
    .MoreLink {
        font-size:16px;
    }
}

@keyframes dropIn {
  0% {
    opacity: 0;
    transform: translateX(0px);
  }
  50% {
    opacity: 0.5;
    transform: translateX(25px);
  }
  100% {
    opacity: 1;
    transform: translateX(40px);
  }
}
/* START OF HEADER 
================================*/
header {
    padding: 15px 40px;
    background-color: var(--whiteBgOpacity);
    font-size:18px;
}

.headerBg {
    transition: var(--transition3s);
    padding: 10px 40px;
}
.headerBg, .noTopMedia header {
    background-color: var(--white);
}

@media screen and (max-width: 1199px) {
    header {
        padding: 20px 30px;
    }
}

@media screen and (max-width: 991px) {
    header, .headerBg {
        padding: 10px 15px;
    }  
}

.header-logo img {
    height: 90px;
    transition: var(--transition3s);
   /* filter: brightness(0) invert(1);*/
}
.headerBg .header-logo img {
    height: 70px;
}
.header-logo a {
    display: block;
}
/*.noTopMedia .header-logo img {
    filter: none;
}*/

@media screen and (max-width: 767px) {
    .header-logo img {
        height: 70px;
    }
    .headerBg .header-logo img {
        height: 60px;
    }
}

@media screen and (max-width: 575px) {
   /* .header-logo img, .noTopMedia .header-logo img {
        height: 70px;
    }
    .headerBg .header-logo img {
        height: auto;
        max-height: 60px;
    }*/
}

header .bookBtn {
    font-size: 16px;
    line-height: 1.2;
    display: inline-block;
    border: 1px solid var(--accent);
    padding: 10px 32px;
    color: var(--accent);
    cursor: pointer;
    text-transform: uppercase;
    letter-spacing: 1px;
    text-align: center;
    background: rgba(0,0,0,0.005);
    transition: var(--transition3s);
}
@media screen and (max-width: 991px) {
    header .bookBtn {
        font-size: 14px;
        padding: 10px 15px;
    }
}
@media screen and (max-width: 575px) {
    header .bookBtn {
        font-size: 12px;
        padding: 10px 5px;
        width: 70px;
    }
}
/*
body:not(.noTopMedia):not(.lock-scroll) header:not(.headerBg) .bookBtn {
     border: 1px solid var(--white);
    color: var(--white);  
}

.headerBg .bookBtn, .noTopMedia header .bookBtn {
    border: 1px solid var(--accent);
    color: var(--accent);
}*/

header .bookBtn:hover {
    background-color: rgba(255, 255, 255, 0.1);
}

.noTopMedia {
    margin-top: 120px;
}
@media screen and (max-width: 991px) {
    .noTopMedia {
        margin-top: 120px;
    }
}
@media screen and (max-width: 575px) {
    .noTopMedia {
        margin-top: 90px;
    }
}



/* LANGUAGES  
==============================*/
.languages {
    margin-left:140px;
}
@media screen and (max-width: 767px) {
     .languages {
        margin-left:50px;
        font-size: 16px;
    }   
}
.languages a{
    color:var(--lightBlue);
}
.languages a.active,
.languages a:hover{
    color:var(--magenta);
}
.languages a:not(:last-child):after {
    content:"/";
    /*padding-left:6px;*/
    color:var(--lightBlue);

}
/*
.menu .languagesDrop .dropdown-toggle {
    color: var(--black);
}
@media screen and (min-width: 576px) {
    body:not(.noTopMedia):not(.lock-scroll) header:not(.headerBg) .languagesDrop .dropdown-toggle {
        color: var(--white);
    }
}
.languagesDrop .dropdown-item {
    font-size: 18px;
}

.languagesDrop .dropdown-toggle {
    color: var(--accent);
    transition: var(--transition3s);
    font-weight: 400;
    background: rgba(0,0,0,0.005);
}

.languagesDrop .dropdown-menu {
    min-width: 55px;
    border-radius: 0;
    padding: 5px 0px;
    font-size: 15px;
    background: var(--greyBgOpacity);
    left: -10px !important;
}
.languagesDrop .dropdown-item:focus,
.languagesDrop .dropdown-item:hover {
    background: var(--black);
    color: var(--white);
}
*/
/* LANGUAGES  */

/*SEARCH
========================================*/
.search-box {
  position: relative;
  width: 100%;
  max-width: 240px;
  height: 45px;
  border-radius: 25px;
  /*margin: 0 auto;*/
    margin-right:25px;
}
.headerBg .search-box,
.noTopMedia .search-box {
    border:solid 1px #e0e9ef; /* var(--lightBlue);*/
}

.search-icon, .go-icon {
  position: absolute;
  top: 0;
  height: 45px;
  width: 50px;
  text-align: center;
}
.search-icon {
  left: 0;
  pointer-events: none;
  will-change: transform;
  transform: rotate(0deg);
  -webkit-transform: rotate(0deg);
  -moz-transform: rotate(0deg);
  -o-transform: rotate(0deg);
  transform-origin: center center;
  -webkit-transform-origin: center center;
  -moz-transform-origin: center center;
  -o-transform-origin: center center;
  transition: transform 400ms 220ms cubic-bezier(0.190, 1.000, 0.220, 1.000);
  -webkit-transition: transform 400ms 220ms cubic-bezier(0.190, 1.000, 0.220, 1.000);
  -moz-transition: transform 400ms 220ms cubic-bezier(0.190, 1.000, 0.220, 1.000);
  -o-transition: transform 400ms 220ms cubic-bezier(0.190, 1.000, 0.220, 1.000);

    background:url(/images/search.svg) no-repeat center center;
    position: absolute;
    z-index: 100;
    background-size: 28px;
}
.si-rotate {
    transform: rotate(90deg);
  -webkit-transform: rotate(90deg);
  -moz-transform: rotate(90deg);
  -o-transform: rotate(90deg);
}
.go-icon {
  right: 0;
  pointer-events: none;
  font-size: 1.38em;
  will-change: opacity;
  cursor: default;
  opacity: 0;
  transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  transition: opacity 190ms ease-out, transform 260ms cubic-bezier(0.190, 1.000, 0.220, 1.000);
  -webkit-transition: opacity 190ms ease-out, transform 260ms cubic-bezier(0.190, 1.000, 0.220, 1.000);
  -moz-transition: opacity 190ms ease-out, transform 260ms cubic-bezier(0.190, 1.000, 0.220, 1.000);
  -o-transition: opacity 190ms ease-out, transform 260ms cubic-bezier(0.190, 1.000, 0.220, 1.000);
  
    background:url(/images/right-arrow.svg) no-repeat center center;
    background-size: 22px;
    position: absolute;
    z-index: 100;
}
.go-in {
  opacity: 1;
  pointer-events: all;
  cursor: pointer;
  transform: rotate(0);
  -webkit-transform: rotate(0);
  -moz-transform: rotate(0);
  -o-transform: rotate(0);
  transition: opacity 190ms ease-out, transform 260ms 20ms cubic-bezier(0.190, 1.000, 0.220, 1.000);
  -webkit-transition: opacity 190ms ease-out, transform 260ms 20ms cubic-bezier(0.190, 1.000, 0.220, 1.000);
  -moz-transition: opacity 190ms ease-out, transform 260ms 20ms cubic-bezier(0.190, 1.000, 0.220, 1.000);
  -o-transition: opacity 190ms ease-out, transform 260ms 20ms cubic-bezier(0.190, 1.000, 0.220, 1.000);
}


#search {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border-radius: 25px;
  border: none;
  padding: 0 50px;
  background:#ffffff;
  color:var(--lightBlue);
  font-size:16px;
  font-weight: 400;
  outline: none;
}
#search::-webkit-input-placeholder {color: var(--lightBlue);}
#search::-moz-placeholder {color: var(--lightBlue);}
#search:-ms-input-placeholder {color: var(--lightBlue);}
#search:-moz-placeholder {color: var(--lightBlue);}
#search::-moz-selection {color: var(--lightBlue);background: rgba(0,0,0,0.25);}
#search::selection {color: var(--lightBlue); background: rgba(0,0,0,0.25);}


.header-menu a {
    color:var(--lightBlue);
}
@media screen and (max-width: 767px) {
    .header-menu {
        display:none;
    }
    #search {
        padding: 0 30px 0 40px;
    }
    .search-box {
        margin-right: 0px;
         margin-left: 15px;
         max-width:160px;
    }
    .search-icon {
        background-size: 20px;
    }
    .search-icon, .go-icon{
          width: 40px;  
    }
}

/*=== MAIN MENU 
========================================*/
.menu-btn input[type="checkbox"] {
    display: none;
}
/*
.overlay-menu.opened .aside-left, 
.menu-btn input[type="checkbox"]:checked ~ aside .aside-left {
    transform: translateY(0%);
    transition: transform 0.4s ease-in-out;
}*/
.overlay-menu.opened .aside-right, 
.menu-btn input[type="checkbox"]:checked ~ aside .aside-right {
    transform: translateX(0%);
    transition: transform 0.4s ease-in-out;
}
.menu-btn input[type="checkbox"]:checked ~ label .bar {
    background-color: var(--lightBlue);
}
.menu-btn input[type="checkbox"]:checked ~ label .top {
    -webkit-transform: translateY(10px) rotateZ(45deg);
    -moz-transform: translateY(10px) rotateZ(45deg);
    -ms-transform: translateY(10px) rotateZ(45deg);
    -o-transform: translateY(10px) rotateZ(45deg);
    transform: translateY(10px) rotateZ(45deg);
}

.menu-btn input[type="checkbox"]:checked ~ label .bottom {
    -webkit-transform: translateY(-15px) rotateZ(-45deg);
    -moz-transform: translateY(-15px) rotateZ(-45deg);
    -ms-transform: translateY(-15px) rotateZ(-45deg);
    -o-transform: translateY(-15px) rotateZ(-45deg);
    transform: translateY(-15px) rotateZ(-45deg);
}
.menu-btn input[type="checkbox"]:checked ~ label .middle {
  width: 0;
}
.middle {
    margin: 0 auto;
}
.overlay-menu label {
    top: 41px;
    left: 40px;
    display: inline-block;
    background-color: transparent;
    cursor: pointer;
    z-index: 3;
    position: fixed;
    display: flex;
    align-items: center;
        transition: var(--transition3s);
}
body.scrolled .overlay-menu label {
     top: 26px;
}
@media (max-width: 1199px){
    .overlay-menu label {
        top: 46px;
        left: 30px;
    }
}
@media (max-width: 991px){
    .overlay-menu label {
        top: 40px;
        left: 15px;
    }
}

@media (max-width: 767px){
    .overlay-menu label {
        top: 18px;
    }
    body.scrolled .overlay-menu label {
        top: 14px;
    }
}/*
@media (max-width:480px){
    .overlay-menu label {
        top: 15px;
        left: 10px;
    }
}
@media (max-width:320px){
    .overlay-menu label {
        top: 10px;
    }
}*/
.menu-btn .menu-word {
    font-size:18px;
    display:inline-block;
    margin-right:8px;
    color: var(--lightBlue);
}
.menu-btn .bar {
  display: block;
  background-color: var(--lightBlue);
  width: 45px;
  height: 2px;
  margin: 8px auto;
  transition: background-color 0.4s ease-in, transform 0.4s ease-in,
  width 0.4s ease-in;
}
@media (max-width: 767px){
    .overlay-menu label {
        flex-direction: column-reverse;
    }
    .menu-btn .menu-word {
        font-size:12px;
         margin-right:0px;
         line-height:1;
    }
    .menu-btn .bar {
        width: 35px;
    }
}
.menu-btn.active .bar.top {
  -webkit-transform: translateY(10px) rotate(45deg);
    -ms-transform: translateY(10px) rotate(45deg);
    transform: translateY(10px) rotate(45deg);
}
.menu-btn.active .bar.middle {
  opacity: 0;
}
.menu-btn.active .bar.bottom {
  -webkit-transform: translateY(-16px) rotate(-45deg);
    -ms-transform: translateY(-16px) rotate(-45deg);
    transform: translateY(-16px) rotate(-45deg);
}
.overlay-menu  {
    height: 0%;
    width: 100%;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 100000;
    transition: 0.5s linear;
    overflow: hidden;
    overflow-y: hidden;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -webkit-transition: 0.5s linear;
    transition: 0.5s linear;
}
.aside-section {
    top: 0;
    bottom: 0;
    position: absolute;
}
@media (min-width: 768px){
    .aside-section .row-container {
        height:calc(100%);
    }
}
/*
.aside-left {
    display: none;
    width: 30%;
    left: 0;
    background: url(/images/menu2.jpg) no-repeat left center #242424;
    background-size: auto 100%;
    -webkit-transform: translateY(-100%);
    -moz-transform: translateY(-100%);
    -ms-transform: translateY(-100%);
    -o-transform: translateY(-100%);
    transform: translateY(-100%);
    transition: transform 0.4s ease-in-out;
    -webkit-transition: 0.5s linear;
    transition: 0.5s linear;
}
@media (min-width: 992px) {
    .aside-left {
        display: block;
    }
}*/
.aside-right {
    width: 100%;
    right: 0;
    background-color: var(--beige-light);
    -webkit-transform: translateY(-100%);
    -moz-transform: translateY(-100%);
    -ms-transform: translateY(-100%);
    -o-transform: translateY(-100%);
    transform: translateY(-100%);
    transition: transform 0.4s ease-in-out;
    -webkit-transition: 0.5s linear;
    transition: 0.5s linear;
}
/*
@media (max-width: 991px){
  .aside-right {
    width: 100%;
  }
}*/
.aside-list {
    list-style: none;
    padding: 0;
    margin: 0;
    margin-left: 15%;
    text-align: left;
    padding-left: 50px;
    font-family: var(--font-Montserrat);
    font-weight: 500;
}
.aside-list li {
    margin-bottom: 20px;
}
@media (max-width: 991px){
    .aside-list {
        margin-left: 5%;
    }
    .aside-right .row{
        margin:0;
    }
    .aside-section {
        position: fixed; 
        overflow-y: scroll;
    }
}
@media (max-width: 767px){
    .aside-list {
        margin-top: 140px;
        padding-left: 30px;
        margin-left: 0;
    }
    .aside-list li {
        margin-bottom: 12px;
    }
}
/*menu links*/
.aside-anchor {
    padding: 10px 16px;
    border-radius: 0rem;
    color: var(--black);
    text-transform: uppercase;
    font-size: 32px;
    letter-spacing: 0.15rem;
    transition: all 0.3s;
    position: relative;
    overflow: hidden;
    z-index: 1;
}
@media screen and (max-width: 1199px) {
    .aside-anchor{
        padding: 8px 16px;
        font-size: 32px;
    }
}
@media (max-width: 320px){
    .aside-list {
        padding-left: 20px;
    }
    .aside-anchor{
        padding: 5px 16px;
        font-size: 18px;
    }
}
@media screen and (min-height: 901px) and (max-width: 1199px){ 
        .aside-list li {
        margin-bottom: 20px;
    }
    .aside-anchor{
        padding: 8px 16px;
        font-size: 26px;
    }
}

@media screen and (max-height: 900px) {
    /*.aside-list {
        margin-top: 110px;
    }*/
    .aside-list li {
        margin-bottom: 20px;
    }
    .aside-anchor{
        padding: 8px 16px;
        font-size: 26px;
    }
}
@media screen and (max-height: 800px) {
    .aside-list li {
        margin-bottom: 16px;
    }
    .aside-anchor{
        font-size: 20px;
    }
}
@media screen and (max-height: 600px) {
    .aside-list li {
        margin-bottom: 14px;
    }
    .aside-anchor{
        padding: 5px 16px;
        font-size: 18px;
    }
    .menuContact {
        font-size: 14px;
    }
}

.aside-anchor:after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: transparent;
    border-radius: 0rem;
    z-index: -2;
    border-left: 2px solid var(--lightBlue);
}
.aside-anchor:before {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    width: 0%;
    height: 100%;
    background-color: var(--lightBlue);
    transition: all 0.3s;
    border-radius: 0rem;
    z-index: -1;
}
.aside-anchor:hover {
    color: var(--black)!important;
}
.aside-anchor:hover:before {
    width: 100%;
}
.menuContact{
    margin: 20px 20px 20% 0;
    text-align:left;
}
.menuContact img{
    width: 24px;
    margin: 0 6px;
}

@media (max-width: 767px){
    .menuContact {
        margin: 80px 0px 0 30px;
        font-size: 14px;
    }
    .menuContact img{
        margin: 10px 6px 0;
    }
}
/* END OF NAVIOGATION
==========================*/


/* START OF CARROUSEL  
====================================*/

#bigCarousel,
#bigCarousel .carousel-item{
    position: relative;
    height: 100vh;
}
#bigCarousel.inner,
#bigCarousel.inner .carousel-item{
    height: 80vh;
}
@media (max-width: 991px){
    #bigCarousel.inner,
    #bigCarousel.inner .carousel-item{
        height: auto;
    }  
}

#bigCarousel img {
    height: 100% !important;
    width: 100%;
    object-fit: cover;
}
#bigCarousel .carousel-control-next,
#bigCarousel .carousel-control-prev {
    width: 60px;
    height: 60px;
    opacity: 1;
    transition: var(--transition3s);
}
#bigCarousel .carousel-control-next {
    right: 40px;
    top: 52%;
    transform: translateY(-52%);
}
#bigCarousel .carousel-control-prev {
    left:unset;
    right: 40px;
    top: 48%;
    transform: translateY(-48%);
}

#bigCarousel .carousel-control-next-icon {    
    background-image: url(../images/arrow-pink.svg)!important;
}
#bigCarousel .carousel-control-prev-icon {
      background-image: url(../images/arrow-pink.svg)!important;
      transform:          rotate(180deg);
  -ms-transform:      rotate(180deg);
  -moz-transform:     rotate(180deg);
  -webkit-transform:  rotate(180deg);
  -o-transform:       rotate(180deg);

}
#bigCarousel .carousel-control-next-icon, 
#bigCarousel .carousel-control-prev-icon {
  display: inline-block;
   height: 30px!important;
  width: 86px!important;
  background: no-repeat 50%/100% 100%;
}
/*
@media screen and (max-width: 767px) {
    #bigCarousel .carousel-control-next-icon, 
    #bigCarousel .carousel-control-prev-icon {
        width: 25px!important;
        height: 55px!important;
        
    }
}
@media screen and (max-width: 575px) {
    #bigCarousel .carousel-control-next-icon, 
    #bigCarousel .carousel-control-prev-icon {
        height: 45px!important;
        width: 22.5px!important;
    }
}*/

#bigCarousel .carousel-control-prev,
#bigCarousel .carousel-control-next {
    visibility: hidden; }
#bigCarousel:hover .carousel-control-prev,
#bigCarousel:hover .carousel-control-next {
    visibility: visible; }
    



#bigCarousel .carousel-caption {
    bottom: unset;
    right: unset;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 80%;
    z-index:1;
}
#bigCarousel .carousel-caption .h1 {
    color: var(--white);
    font-weight:700;
    text-transform: uppercase;
    text-align:center;
    background: rgba(0,0,0,0.005);
}
@media screen and (min-width:1480px) {
    #bigCarousel .carousel-caption .h1 {
        font-size: 76px;
    }   
}

@media screen and (max-width: 1199px) {
    #bigCarousel .carousel-caption {
        max-width: 80%;
    }
}

@media screen and (max-width: 991px) {
    #bigCarousel,
    #bigCarousel .carousel-item {
        position: relative;
        height: auto;
    }
    #bigCarousel .carousel-control-prev {
        left: 10px;
    }
    #bigCarousel .carousel-control-next {
        right: 10px;
    }

}

@media screen and (max-width: 575px) {
    #bigCarousel .carousel-control-prev {
        left: 10px;
    }
    #bigCarousel .carousel-control-next {
        right: 10px;
    }
    #bigCarousel .carousel-caption {
        transform: none;
        left: 20px;
        bottom: 0;
        top: unset;
        line-height: 1;
    }
    #bigCarousel .carousel-caption .h1{
        text-align: left;
        margin: 0;
        font-size: 24px;
    }
}

/* END OF CARROUSEL  */

/* Video
=================================== */
.mainVideoSlider {
        position: relative;
        height: 100vh;
    }
.mainVideoSlider video {
    height: 100vh;
    width: 100%;
    object-fit: cover;
}
@media screen and (max-width: 991px) {
    .mainVideoSlider, .mainVideoSlider video {
        height: 450px;
    }
}
@media screen and (max-width: 767px) {
    .mainVideoSlider, .mainVideoSlider video {
        height: 400px;
    }
}
@media screen and (max-width: 480px) {
    .mainVideoSlider, .mainVideoSlider video {
        height: 350px;
    }
}
        /*
.YTvideo-placement{
    height:calc(100vh - 40px);
}      */


/* HOME PAGE  
====================================*/
.section-virtual:before {
    content:"";
    height:160px;
    display:block;
    background:url(/images/360.svg) no-repeat top center;
}

.section-virtual {
    padding:50px 0 50px 0;
    position:relative;
    z-index:1;
}
.section-virtual  .icon-title{
    font-family: var(--fontYsabeau);
    font-size:20px;
    padding:10px 0 50px 0;
     color:var(--white);
}
.section-virtual .h1{
    color:var(--white);
    text-align:center;
}
.scroll-arrow {
    padding-top:50px;
}
.scroll-arrow a{
    font-family: var(--fontYsabeau);
    color:var(--white);
    font-weight:300;
}
.scroll-arrow .scroll-icon{
    width:20px;
    height:36px;
    background:url(/images/arrow-scrollto.svg) no-repeat top center;
    margin-left:15px;
}
@media screen and (max-width: 767px) {
    .section-virtual {
        padding: 50px 0 30px 0;
    }
    .section-virtual:before {
        height:80px;
        background-size: auto;
    }
    .section-virtual  .icon-title{
        padding: 10px 0 30px 0;
    }
    .section-virtual .h1 {
        margin-bottom:15px;
    }
    .scroll-arrow {
        padding-top:30px;
    }
}

/* Swiper Gen and overwrite 
====================================*/
.swiper.space-below{
    padding-bottom:40px;
}
.swiper.arrows-below{
    padding-bottom:60px;
}

.swiper-scrollbar{
    background: rgba(112, 112, 112, .3);
    height: 3px !important;
}
.swiper-scrollbar-drag {
    background: var(--magenta);
    top: -2px;
    height: 7px;
    cursor:pointer;
}


.swiper-button-next,
.swiper-button-prev {
    top:unset;
    bottom: 0px;
    opacity: 1 !important;
    width: 70px;
    height: 30px;
}
.swiper-button-next:before,
.swiper-button-prev:before {
    content:"";
    position: absolute;
    width: 100%;
    height: 100%;
    z-index: -1;
    filter: unset;
    background: url(../images/arrow-pink.svg) no-repeat center center;
    background-size: 100%;
}
.swiper-button-prev:before {
    transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -webkit-transform: rotate(180deg);
    -o-transform: rotate(180deg);
}

.swiper-button-next:after,
.swiper-button-prev:after {
    display:none;  
}  
.swiper-button-next {
    right: calc(50% - 90px);
}
.swiper-button-prev {
    right: calc(50% + 40px);
    left: unset !important;
}

/*

.swiper-pagination-bullet {
    width: 22px;
    height: 22px;
    text-align: center;
    line-height: 26px;
    font-size: 22px;
    font-weight: 400;
    color: var(--mainColorGrey);
    opacity: 0.3;
    margin: 0 14px !important;
    background: none !important;
}
.swiper-pagination-bullet-active {
    opacity: 1;
    color: var(--black);
}

.pagination-bullets-below .swiper-pagination-bullet {
    width: 10px;
    height: 10px;
    text-align: center;
    margin: 0 5px !important;
    background: var(--mainColorGrey)!important;
}
*/
/*MAIN SECTION SWIPER
----------------------------------*/
/*
    .swiperContainer {
        width: 100%;
    }
@media screen and (min-width: 768px) {
    .swiperContainer {
        width: 80%;
    }
    .swiperContainer.revert {
        margin-left:auto;
    }
}
.swiperContainer .swiper{
    position: relative;
    padding-bottom: 50px;
}
.swiperContainer .mainSectionSwiper .swiper-slide {
    position: relative;
}
.swiperContainer .mainSectionSwiper::before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    bottom: 50px;
    z-index: 2;
    background: linear-gradient( 90deg, rgba(245, 240, 235, 0.04) 0%, rgba(245, 240, 235, 0.04) 20%, rgba(245, 240, 235, 0.95) 100% );
}
.swiperContainer .mainSectionSwiper.revert::before {
    background: linear-gradient( 90deg, rgba(45, 15, 10, 0.95) 0%, rgba(45, 15, 10, 0.04) 70%, rgba(45, 15, 10, 0.04) 100% );
    background: linear-gradient( 90deg, rgba(0, 0, 0, 0.95) 0%, rgba(0, 0, 0, 0.04) 70%, rgba(0, 0, 0, 0.04) 100% );
    background: linear-gradient( 90deg, rgba(245, 240, 235, 0.95) 0%, rgba(245, 240, 235, 0.04) 70%, rgba(245, 240, 235, 0.04) 100% );
}
.swiperContainer .swiper-pagination {
    width: auto !important;
}

.mainSectionSwiper.revert .swiper-pagination {
    right: 0;
    left: unset !important;
}
.heading-over-swiper {
    position: absolute;
    top: 18%;
    right: 0;
    z-index: 2;
    width: 50%;
}
.heading-over-swiper.revert {
    left: 0;
    right: unset;
}
.heading-over-swiper h1{
    background: rgba(0,0,0,0.005);
}
@media screen and (max-width: 767px) {
    .heading-over-swiper {
        width: 100%;
        position: static;
    }
    .heading-over-swiper h1{
        color: var(--brown);
    }
}

.mainSectionSwiper.revert .swiper-button-prev {
    right: unset;
    left: 20px !important;
}
.mainSectionSwiper.revert .swiper-button-next {
    right: unset;
    left: 60px;
}

@media screen and (max-width: 991px) {
    .mainSectionSwiper .swiper-button-next,
    .mainSectionSwiper .swiper-button-prev {
        padding: 15px;
    }

    .mainSectionSwiper .swiper-button-prev {
        right: 50px;
    }    
    .mainSectionSwiper.revert .swiper-button-next {
        left: 50px;
    }
}
*/
/*DINING BOXES
=-=====================*/
.listing-box {
    text-align: center;
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-bottom:30px;
}
/*
@media screen and (min-width: 576px) and (max-width: 767px) {
    .listing-box {
        max-width:575px;
        margin-left:auto;
        margin-right:auto;
    }
    .swiper-slide .listing-box {
        max-width:unset;   
    }
}*/
.listing-box:before {
    content: "";
    position: absolute;
    left: 0px;
    top: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.45);
    transition: 0.35s ease-in-out; 
}
.listing-box:hover:before {
    background: rgba(0, 0, 0, 0.85);
}
.listing-box .text-over {
    padding:15px;
    color: var(--white);
    position: absolute;
    z-index: 1;
}
@media screen and (min-width: 1200px) {
    .listing-box .text-over {
        padding: 10%;
    }
}
.listing-box .text-over h2,
.listing-box .text-over a{
    color: var(--white)!important;
}
.listing-box .text-over {
    background: rgba(0,0,0,0.005);
}

.box-link-above {
    position:absolute;
    top:0;
    bottom:0;
    left:0;
    right:0;
    z-index:1;
}
.box-link-above span{
    display:none;
}
.text-over h2, .text-over .h2 {
    font-size: 32px;
}
@media screen and (max-width: 991px) {
    .text-over h2, .text-over .h2 {
        font-size: 26px;
    }
}


/*
.img-holder {
    overflow: hidden;
    transition: 0.35s ease-in-out;
}
.img-holder img:hover {
    webkit-transform: scale(1.1);
    -ms-transform: scale(1.1);
    transform: scale(1.1);
    transition: 0.35s ease-in-out;   
}
*/



/*SECTION WELCOME INTRO
=========================*/
.header-box {
    height:calc(55%);
    padding:8%;
    text-align:left;
    color:var(--white);
    display:flex;
    align-items: center;
    position:relative;

}
.header-box:before {
    content:"";
    position:absolute;
    right:20px;
    left:0px;
    top:18%;
    bottom:18%;
    background:var(--grey);
    z-index:0;
}
.header-box:after {
    margin-right:18%;
    background-color:var(--magenta-dark);  
    z-index:1;
    content:"";
    position:absolute;
    right:0px;
    left:0px;
    bottom:0;
    top:0;
}
.header-box h1,
.header-box .h1{
    color:var(--white);
    text-align:left;
    z-index:2;
    position:relative;
    margin-right: 18%;
}
.header-box .magenta-text {
    font-family: var(--fontYsabeau);
    color:var(--magenta-light);
    text-transform:none;
}
 .intro-maintext {
    position:relative;
 }
 .intro-maintext .text-holder {
    margin-top:150px;
    padding-right:30px;
    padding-left:30px;
    text-align:left;
}
 .intro-maintext picture{
    margin-top: 150px;
    margin-left: 10%;
    display: block;
 }

@media screen and (max-width:1199px) {
    .header-box:before {
        right:20px;
        top:80px;
        bottom:80px;
    }
    .header-box:after {
        margin-right:80px;
    }
    .intro-maintext .text-holder {
        margin-top:80px;
        padding-right:0px;
        padding-left:0px;
    }
    .intro-maintext picture{
        margin-top: 80px;
        margin-left: 0;
    }
}
@media screen and (max-width:767px) {
    .header-box {
        height:auto;
    }
    .header-box:before {
        right:0px;
        top:25px;
        bottom:25px;
    }
    .header-box:after {
        margin-right:25px;
    }
    
    .intro-maintext .text-holder,
    .intro-maintext picture{
        margin-top:30px;
    }
}
.text-behide {
    font-family: var(--fontYsabeau);
    font-size:180px;
    color:var(--grey);
    text-transform:uppercase;
    font-weight:700;
    position: absolute;
    bottom: 35%;
    z-index: -1;
    text-wrap: wrap;
    left: 20px;
    right: 20px;
    line-height: 1;
    text-align: left;
    width: calc(100% - 40px);
}

@media screen and (max-width:1199px) {
    .text-behide {
        font-size:140px;
        opacity: .2;
    }
}
@media screen and (max-width:767px) {
    .text-behide {
        display:none;
    }
}
/*RECOMMENDED PATHS SECTION
=========================*/
@media screen and (min-width:768px) {
    .recommended-paths .swiper {
        padding-top:50px;
    }
}
.recommended-paths .swiper-slide .row{
    align-items: center !important;
    text-align:left;
}
.recommended-paths .swiper-slide h3{
    text-align:left;
}
@media screen and (min-width:768px) {
    .recommended-paths .text-holder {
        padding-left: 50px;
    }
}


/*REASONS SECTION
=========================*/

.reasons {
    font-weight:200;
    text-transform:uppercase;
    counter-reset: num-counter 0; /* initializes counter to 0; use -1 for zero-based numbering */
}

.reasons .num {
    background:var(--lightBlue);
    width:200px;
    height:200px;
    margin:auto;
    color:var(--white);
    font-size: 110px;
    font-weight: 200;
    font-family: var(--fontYsabeau);
    border-radius:50%;
    margin-bottom:30px;
}
.reasons .row{
    position:relative;
}
.reasons .row:before {
    content:"";
    background: url(/images/lines.svg) no-repeat center right;
    position: absolute;
    top: 60px;
    left: 15%;
    right: 15%;
    height: 50%;
    z-index:-1;
}
.reasons .num:after {
  content: counter(num-counter);
  counter-increment: num-counter;

}
@media screen and (max-width: 1199px) {
 .reasons .num {
    width:170px;
    height:170px;
    font-size: 100px;
 }
}

@media screen and (max-width: 991px) {
 .reasons .num {
    width:140px;
    height:140px;
    font-size: 80px;
 }
}
@media screen and (max-width: 767px) {
    .reasons .num {
        margin-top: 15px;
        margin-bottom: 15px;
    }
    .reasons .row:before {
        top: 0px;

    }
    .reasons .row:after {
        content:"";
        background: url(/images/lines.svg) no-repeat center right;
        position: absolute;
        bottom: 0px;
        left: 15%;
        right: 15%;
        height: 50%;
        z-index:-1;
        transform:scaleX(-1);
    }
}
@media screen and (max-width: 575px) {
    .reasons .num {
        width: 100px;
        height: 100px;
        font-size: 60px;
    }  
}

.land-bg {
    position:relative;
}
.land-bg div {
    position:absolute;
    top:40%;
    text-align:center;
    left:0;
    right:0;
}

/*FOOTER
==========================*/
footer {
    padding: 40px 0px 30px;
    font-weight: 300;
    color: var(--white);
    font-weight: 500;
}

footer a {
    transition: var(--transition3s);
   
    color:var(--lightBlue);
}
footer a:hover,
footer a.active {
   color: var(--white);
}
.footer-logo img {
    height: 160px !important;
    width: auto;
    filter: brightness(0) invert(1);
}
@media screen and (max-width: 575px) {
    .footer-logo img {
        height: 100px !important;
    }
}
.bottomMenu {
    font-size:18px;
}
.bottomMenu li {
    position:relative;
}
.bottomMenu li:not(:last-child):after {
    content: "|";
    display: inline;
    position: absolute;
    right: -3px;
    top: 2px;
    font-weight: 200;
    font-size: 24px;
}
.bottomMenu a{
    margin-bottom: .5rem !important;
    text-transform: uppercase;
    color:var(--white);
}    
.bottomMenu a.active,
.bottomMenu a:hover{
    color:var(--lightBlue);
}

.social-details img {
    width: 32px;
    margin-right: 15px;
    filter: brightness(0) invert(1);
}

.virtual-btn a {
     display:flex;
    align-items:center;
    justify-content:center; 
    font-family: var(--fontYsabeau);
    color: var(--white);
}
.virtual-btn a:after{    
    content: "";
    height: 50px;
    width:50px;
    display: block;
    background: url(/images/360.svg) no-repeat top center;
    margin-left:20px;
}

.espa-logos {
    background:#fff;
    padding:25px 0;
    color:var(--black);
    font-size:16px;
}
.espa-logos img{
    margin:0px 10px 10px;
}
@media (max-width: 757px) {
   .espa-logos img{
       height:40px;
   }
}
.copyright.border-top {
    border-color:var(--lightBlue);
}
.copyright .space {
    display:inline-block;
    padding:0px 15px;
}


.newsletterform .form-control {
    background: transparent;
    border-radius: 0;
    border: none;
    border-bottom: 1px solid var(--white);
    font-size: 16px;
    color: var(--white);
}
.newsletterform ::-webkit-input-placeholder {
 	color: var(--white);
}
.newsletterform :-moz-placeholder { 
   color: var(--white);
}
.newsletterform ::-moz-placeholder {  
   color: var(--white);
}
.newsletterform :-ms-input-placeholder { 
   color: var(--white);
}
.newsletterform button:before,
.newsletterform button:after{
    border:0;
}


.copyright {
    font-size: 14px;
    font-weight: 300;
}

/*INNER PAGE
====================================*/
@media screen and (min-width: 768px) {
    .two-cols-text {
        text-align:left;
        -moz-column-count: 2;
        -moz-column-gap: 60px;
        -webkit-column-count: 2;
        -webkit-column-gap: 60px;
    }
}
.font-bigger {
    font-size: 40px;
    font-weight: 300;
    line-height: 1.2;
    font-family: var(--fontYsabeau);
    letter-spacing: 0;
}
@media screen and (max-width: 1199px) {
   .font-bigger {
        font-size: 32px;
   }
}
@media screen and (max-width: 767px) {
   .font-bigger {
        font-size: 26px;
   }
}
@media screen and (max-width: 767px) {
    .route-details {
        flex-wrap: wrap;
    } 
    .route-details .rDetail{
        width:100%;
        padding-right: 1rem !important;
        padding-left: 1rem !important;
        padding-bottom: .25rem !important;
    }
}
@media screen and (max-width: 575px) {
   .route-details {
        font-size: 16px;
        line-height: 1.2;
    } 
}
/*
.route-map .ratio.ratio-16x9 {
    --bs-aspect-ratio: unset!important;
}
.route-map .ratio::before {
    padding-top:0px;
}
.route-map .ratio>* {
    position:relative;
    min-height: 780px;
}
.route-map .ratio > div {
    min-height:unset;
}
*/
.route-map iframe {
    width:100%;
    min-height: 780px;
}
@media screen and (max-width: 575px) {
   .route-map iframe {
         min-height: 640px;  
   }
}
.umb-block-list ul,
.umb-block-list ol{
    margin-left: 30px;
    margin-bottom: 18px;

}


/* CONTACT PAGE
==================================*/
.map {
    display: block;
    height: 400px;
}
.contactform {
    text-align:left;
}

.form-control {
  	border-radius: 0px;
  	height: 40px;
  	background-color:transparent;
	border:none;
	border-bottom: 1px solid rgba(0, 0, 0, 0.15);
	outline: none;
	color: #565656;
	padding: .375rem 0rem;
	font-size: 18px;
    font-weight: 400;
	
}
.contactform .form-control:focus {
	outline: 0;
	border-bottom: 1px solid rgba(97, 97, 97, 1);	
	box-shadow: 0 1px 3px transparent;
	background-color:transparent;
}
::-webkit-input-placeholder {
 	color:#565656;
}
:-moz-placeholder { 
   color:#565656;
}
::-moz-placeholder {  
   color:#565656;
}
:-ms-input-placeholder { 
   color:#565656;
}
.contactform select.form-control {
	color:#565656;
}
.contactform textarea.form-control {
  height: auto;
}

.field-validation-valid {
  display: none;
  color: red; }
.field-validation-error {
  display: block;
  color: red;
  font-size: 14px;
  text-align: left; }
.field-validation-error:empty {
	display: none;
}  

.contactform label span {
  color: red; }
.contactform label.required:after {
  content: " *";
  color: #FF0000; }

.asterisk {
	text-align:left;
	font-size:14px;
}
.asterisk span {
  display: inline;
  font-size: 24px;
  line-height: 22px;
}

.form-agree label {
	display:inline;
	font-size:18px;
}
.form-agree .field-validation-error {
	display: inline-block;
}
.form-agree a {
    text-decoration:underline;
}
.form-agree a:hover {
    text-decoration:none;
}

.grecaptcha-badge {
    display: none !important;
}
.submitBtn {
  padding: 10px 25px;
  border-radius: 0rem;
  color: var(--white)!important;
  background-color:var(--magenta-dark);
  text-transform: uppercase;
  font-size: 15px;
  letter-spacing: 0.15rem;
  transition: all 0.3s;
  position: relative;
  overflow: hidden;
  z-index: 1;
}
.submitBtn:hover {
  background-color:var(--magenta-light);
}
/* START SCROLL TO TOP 
==============================*/
.toTop {
    text-align: right;
}
a.scrollup {
    background: url(../images/arrow-toTop.svg) no-repeat center center;
    background-size: 66%;
    bottom: 0;
    display: none;
    position: fixed;
    right: 10px;
    text-indent: -9999px;
    width: 55px;
    height: 50px;
    text-decoration: none;
    padding: 0px 0px 0;
    z-index: 10000;
    transition: height 350ms ease-in-out, opacity 750ms ease-in-out;
}
.scrollup.is-visible {
    display: inline;
    opacity: 1;
}


.cookie-icon {
    position:fixed;
    left:20px;
    bottom:50px;
    opacity: 1;
    width:46px;
    height:46px;
    border-radius: 50%;
    background: rgba(255,255,255,.8);
    padding:6px;
    font-size:8px;
    z-index: 10;
}






/** START OF MODAL 
=======================*/
.modal {
  z-index: 20000;
}
  .modal .modal-dialog {
   /* max-width:640px;*/
  }
.modal .modal-content {
  -webkit-box-shadow: 0px 20px 20px #00000045;
          box-shadow: 0px 20px 20px #00000045;
  padding: 20px;
  border-radius: 0px;
  border: none;
  text-align: left;
}
#popupModal .modal-content.padding{
      padding: 20px;
}
#popupModal .modal-content.padding .modal-body{
      padding: 0px;
}
#popupModal .modal-body h2{
    text-align:left;
}
.modal .btn-close {
  position: absolute;
  width: 2em;
  height: 2em;
  right: 0px;
  top: 0px;
  opacity: .8;
  border-radius: 0px;
}
@media screen and (max-width: 767px) {
  /*.modal .modal-body .imgCol {
    height: 300px !important;
  }*/
    .modal .modal-dialog {
        max-width:400px;
        margin-left: auto;
        margin-right: auto;
    }
}

.sitemap {
    text-transform:uppercase;
     font-size: 20px;
}    
.sitemap a{
    text-decoration:none;
}
.sitemap a:hover{
    text-decoration:underline;
}