/* 1a. Containers */




/* 1b. Colors */




/* 1c. Typography */


























/* 1d. Buttons */








/* 1e. Forms */













/* 1f. Tables */













/* 1g. Website header */







/* 1h. Website footer */








html { scroll-behavior: smooth; }

/* html {
  overflow-y: scroll; 
  -webkit-overflow-scrolling: touch;
  } */

.content-wrapper {
  max-width: 1240px;
}

.dnd-section,
.content-wrapper--vertical-spacing {
  padding: 80px 2rem;
}

.dnd-section > .row-fluid {
  max-width: 1240px;
}

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





html {
  font-size: 16px;
}

body {
  font-family: 'Open Sans', sans-serif; font-style: normal; font-weight: normal; text-decoration: none;
  color: #000000;
  font-size: 16px;
}

/* Paragraphs */

p {
  font-family: 'Open Sans', sans-serif; font-style: normal; font-weight: normal; text-decoration: none;
}

/* Anchors */

a {
  font-weight: normal; text-decoration: none; font-family: 'Open Sans', sans-serif; font-style: normal;
  color: #666666;
  position: relative;
  text-decoration: none;
}

a:link {}

a:hover,
a:focus {
  font-weight: normal; text-decoration: none; font-family: 'Open Sans', sans-serif; font-style: normal;
  color: #3e3e3e;
}

a:active {
  font-weight: normal; text-decoration: none; font-family: 'Open Sans', sans-serif; font-style: normal;
  color: #8e8e8e;
  text-decoration: underline;
}

/* Standard for link underline */
a:hover,
a:focus {
  text-decoration: underline;
/*   color: #CCCCCC; */
	text-decoration-color: #05ccff;
	-webkit-text-decoration-color: #05ccff;
}
/* Standard for link underline */


.darkFormSection .legal-consent-container a:link, .darkFormSection .legal-consent-container a:active, .darkFormSection .legal-consent-container a:visited { color: #05ccff !important; text-decoration: underline;}
.darkFormSection .legal-consent-container a:hover, .darkFormSection .legal-consent-container a:focus { color: #CCCCCC !important; text-decoration: underline;}


/* Animation for link underline */
/* a::after { content: ""; background: #05ccff!important; position: absolute; bottom: 0; left: 0; width: 100%; transform: scaleX(0); transform-origin: right; height: 2px; transition: transform 0.15s linear;}
a:hover::after {  transform: scaleX(1); transform-origin: left;} */
/* Animation for link underline */

/* Headings */

h1 {
  font-weight: 300; text-decoration: none; font-family: Montserrat, serif; font-style: normal;
  color: #ffffff;
  font-size: 50px;
  text-transform: none;
  line-height: 40px;
}

h2 {
  font-weight: 600; text-decoration: none; font-family: Montserrat, serif; font-style: normal;
  color: #000000;
  font-size: 38px;
  text-transform: none;
}

h3 {
  font-weight: 600; text-decoration: none; font-family: Montserrat, serif; font-style: normal;
  color: #000000;
  font-size: 30px;
  text-transform: none;
}

h4 {
  font-weight: 600; text-decoration: none; font-family: Montserrat, serif; font-style: normal;
  color: #000000;
  font-size: 24px;
  text-transform: none;
}

h5 {
  font-weight: 600; text-decoration: none; font-family: Montserrat, serif; font-style: normal;
  color: #000000;
  font-size: 16px;
  text-transform: none;
}

h6 {
  font-weight: 600; text-decoration: none; font-family: Montserrat, serif; font-style: normal;
  color: #000000;
  font-size: 14px;
  text-transform: none;
}



/* Support for MS Edge for headers */
@supports (-ms-ime-align:auto) {
h1 {
   font-size: 80px;
  line-height: 70px;
}
  
  
@media (max-width: 1200px) {
h1 {
   font-size: 56px;
  line-height: 44px;
}
}
  
@media (max-width: 960px) {
h1 {
   font-size: 40px;
  line-height: 30px;
}
}
  
@media (max-width: 768px) {
h1 {
   font-size: 36px;
  line-height: 26px;
}
}
  
}
/* Support for MS Edge for headers */

@media(max-width: 767px) {
h1 {  font-size: 32px; }
h2 {  font-size: 28px; }
h3 {  font-size: 24px; }
h4 {  font-size: 20px; }
h5 {  font-size: 18px; }
h6 {  font-size: 16px; }  
}

/* Blockquote */

blockquote {
  border-left-color: ;
}

ul, ol {
    padding-left: 14px;
}

ul li, ol li {margin-bottom: 15px;}


ul li:last-child, ol li:last-child {
  margin-bottom: 0px;
}







button,
.button {
  border: 1px solid #000000;

  padding-top: 10px;
padding-right: 30px;
padding-bottom: 10px;
padding-left: 30px;

  font-family: 'Open Sans', sans-serif; font-style: normal; font-weight: normal; text-decoration: none;
  background-color: 

  
  
    
  


  rgba(0, 0, 0, 1.0)

;
  border-radius: 0px;
  color: #FFFFFF;
  text-transform: none;
}

button:hover,
button:focus,
.button:hover,
.button:focus {
  font-family: 'Open Sans', sans-serif; font-style: normal; font-weight: normal; text-decoration: none;
  background-color: rgba(0, 0, 0, 1.0);
  border-color: #000000;
  transform: scale(1.05); /* Equal to scaleX(0.7) scaleY(0.7) */
}

button:active,
.button:active {
  font-family: 'Open Sans', sans-serif; font-style: normal; font-weight: normal; text-decoration: none;
  background-color: rgba(40, 40, 40, 1.0);
  border-color: ;
}

@media(max-width: 767px) {
.button-wrapper button, .button-wrapper .button {Width: 100%;}
}





form,
.submitted-message {
  font-family: 'Open Sans', sans-serif; font-style: normal; font-weight: normal; text-decoration: none;
}

/* Form title */

.form-title {
  color: #000000;
}

/* Labels */

form label {
  color: #000000;
}

/* Help text */

form legend {
  color: #000000;
}

/* Inputs */

form input[type=text],
form input[type=email],
form input[type=password],
form input[type=tel],
form input[type=number],
form input[type=file],
form select,
form textarea {
  
  background-color: 

  
  
    
  


  rgba(255, 255, 255, 1.0)

;
  color: #000000;
  border-radius: 0px;
  border: 1px solid #F0F0F0;
}

/* Form placeholder text */

::-webkit-input-placeholder {
  color: #000000;
}

::-moz-placeholder {
  color: #000000;
}

:-ms-input-placeholder {
  color: #000000;
}

::placeholder {
  color: #000000;
}

/* Inputs - date picker */

.hs-fieldtype-date .input .hs-dateinput:before {
  color: #000000;
}

.fn-date-picker td.is-selected .pika-button {
  background: ;
}

.fn-date-picker td .pika-button:hover {
  background-color:  !important;
}

.fn-date-picker td.is-today .pika-button {
  color: ;
}

/* Submit button */

form input[type=submit],
form .hs-button {
  border: 1px solid #000000;

  padding-top: 10px;
padding-right: 30px;
padding-bottom: 10px;
padding-left: 30px;

  font-family: 'Open Sans', sans-serif; font-style: normal; font-weight: normal; text-decoration: none;
  background-color: 

  
  
    
  


  rgba(0, 0, 0, 1.0)

;
  border-radius: 0px;
  color: #FFFFFF;
  font-size: 16px;
  text-transform: none;
  position: relative;
}

form input[type=submit]:hover,
form input[type=submit]:focus,
form .hs-button:hover,
form .hs-button:focus {
  background-color: #05ccff!important;
  border-color: #05ccff!important;
}

form input[type=submit]:active,
form .hs-button:active {
  background-color: rgba(40, 40, 40, 1.0);
  border-color: ;
  transform: scale(1.05); /* Equal to scaleX(0.7) scaleY(0.7) */
}

form select {height: 59px;}

/* Note: this isn't working to display line under button */
form input[type=submit]::after, form .hs-button::after { content: " "; background: #000 !important; position: absolute; bottom: 0; left: 0; width: 100%; transform: scaleX(1); transform-origin: right; height: 4px; transition: transform 0.15s linear;}
form input[type=submit]:hover::after, form .hs-button:hover::after { transform: scaleX(1); transform-origin: left;}
form textarea {width: 100% !important}

.legal-consent-container a:link, .legal-consent-container a:active, .legal-consent-container a:visited { color: #05ccff !important; text-decoration: underline;}
.legal-consent-container a:hover, .legal-consent-container a:focus { color: #CCCCCC !important; text-decoration: underline;}

.darkFormSection .legal-consent-container a:link, .darkFormSection .legal-consent-container a:active, .darkFormSection .legal-consent-container a:visited { color: #05ccff !important; text-decoration: underline;}
.darkFormSection .legal-consent-container a:hover, .darkFormSection .legal-consent-container a:focus { color: #CCCCCC !important; text-decoration: underline;}
/* .legal-consent-container a:hover, .legal-consent-container a:focus { text-decoration: underline;} */

a.styledLink, a:link.styledLink, a:active.styledLink, a:visited.styledLink {
    color: #000;
    background-color: #05ccff;
    padding-left: 15px;
    padding-right: 15px;
    padding-top: 10px;
    padding-bottom: 10px;
    transition: all .15s linear;
}
a:hover.styledLink { color: #000;
    background-color: #fff;}





/* Table */

table {
  border: 1px solid #000000;

  background-color: 

  
  
    
  


  rgba(255, 255, 255, 1.0)

;
}

/* Table cells */

td,
th {
  border: 1px solid #000000;

  padding: 18px;

  border-color: ;
  color: #000000;
}

/* Table header */

thead th {
  background-color: 

  
  
    
  


  rgba(0, 0, 0, 1.0)

;
  color: #FFFFFF;
}

/* Table footer */

tfoot td {
  background-color: 

  
  
    
  


  rgba(255, 255, 255, 1.0)

;
  color: #000000;
}





.header {
 position: fixed; z-index: 9999; top: 0; right: 0; left: 0; 
}

.headerIAGLoyalty_inner { margin-top: 20px; margin-bottom: 20px; margin-left: auto; margin-right: auto; width: 95%; max-width: 1920px; display: flex; flex-direction: row; align-items: center; align-content: center;}
.headerIAGLoyalty_logo { float: left; width: 175px; margin-right: 0px; margin-top: 10px;}
.headerIAGLoyalty_logo img { width: 100%; height: auto;}

.headerIAGLoyalty_NavColumn {float: left; width: calc(100% - 195px); text-align: right; margin-top: 10px;}
.headerIAGLoyalty_NavColumn_Row1 {width: 100%; margin-bottom: 10px; }
.headerIAGLoyalty_NavColumn_Row1_inner { border-bottom: 1px solid #05ccff; display: inline-block;}
.headerIAGLoyalty_NavColumn_Row2 {width: 100%;}

.header.clearHeader {
  background-color: rgba(0,0,0,0); 
  transition: background-color 1s;
}


.header.darkHeader {
  background-color: rgba(0,0,0,0.95); 
  transition: background-color 1s;
}

@media (max-width: 767px) {
  .headerIAGLoyalty_NavColumn_Row1 {display: none;}
  .header__navigation--toggle, .header__search--toggle, .header__language-switcher--toggle, .header__close--toggle {
    cursor: pointer;
    /* margin: 0 0; */
    position: relative;
    /* display: inline-block; */

    display: block;
    margin-left: auto;
    margin-right: 0;

}
}

.menu__link,
.header__logo .logo-company-name,
.header__language-switcher-label-current,
.header__language-switcher .lang_list_class li a {
  color: #ffffff;
  font-family: Open Sans;
}

.menu__child-toggle-icon {
  border-top-color: #ffffff;
}

.menu .menu__link:hover,
.menu .menu__link:focus,
.header__language-switcher-label-current:hover,
.header__language-switcher-label-current:focus,
.header__language-switcher .lang_list_class li:hover a,
.header__language-switcher .lang_list_class li a:focus {
  color: #d7d7d7;
}

.menu__child-toggle-icon:hover,
.menu__child-toggle-icon:focus {
  border-top-color: #d7d7d7;
}

.menu .menu__link:active,
.header__language-switcher-label-current:active,
.header__language-switcher .lang_list_class li a:active {
  color: #ffffff;
}

.menu__child-toggle-icon:active {
  border-top-color: #ffffff;
}

.menu .menu__item--depth-1 > .menu__link--active-link:after {
  background-color: #ffffff;
}

@media (min-width: 767px) {
  .menu .menu__submenu,
  .header__language-switcher .lang_list_class {
    border: 2px solid #000000;

    background-color: 

  
  
    
  


  rgba(0, 0, 0, 1.0)

;
  }

  .menu__submenu--level-2 > .menu__item:first-child:before {
    border: 2px solid #000000;

    background-color: 

  
  
    
  


  rgba(0, 0, 0, 1.0)

;
  }

  
}

.menu__submenu .menu__link {
  color: #ffffff;
  background-color: 

  
  
    
  


  rgba(0, 0, 0, 1.0)

;
}


@media (max-width: 768px) {
  .menu__submenu .menu__link {
    color: #000;
    background-color: #fff;
  }
  }

  .menu__submenu--level-2 > .menu__item:first-child:before {
    border: 2px solid #000000;

    background-color: 

  
  
    
  


  rgba(0, 0, 0, 1.0)

;
  }

  
}

.menu__submenu .menu__link:hover,
.menu__submenu .menu__link:focus {
  color: #d7d7d7;
  background-color: 

  
  
    
  


  rgba(0, 0, 0, 1.0)

;
}

.header__language-switcher .lang_list_class:before {
  border-bottom-color: ;
}

.menu__submenu .menu__link:hover,
.menu__submenu .menu__link:focus,
.header__language-switcher .lang_list_class li:hover,
.menu__submenu--level-2 > .menu__item:first-child:hover:before,
.menu__submenu--level-2 > .menu__item:first-child.focus:before {
  background-color: 

  
  
    
  


  rgba(0, 0, 0, 1.0)

;
}

.header__language-switcher .lang_list_class.first-active::after {
  border-bottom-color: 

  
  
    
  


  rgba(0, 0, 0, 1.0)

;
}

.header__language-switcher-label-current,
.header__language-switcher .lang_list_class li a {
  font-family: Open Sans;
}

.header__language-switcher-label-current:after {
  border-top-color: #ffffff;
}

@media(max-width: 767px) {
  .header__navigation {
    background-color: 

  
  
    
  


  rgba(0, 0, 0, 1.0)

;
  }

  .header__navigation-toggle svg,
  .menu-arrow svg {
    fill: #ffffff;
  }

  .header.clearHeader {
    background-color: rgba(0,0,0,1); 
     }


     .menu__link,
.header__logo .logo-company-name,
.header__language-switcher-label-current,
.header__language-switcher .lang_list_class li a {
  color: #000000;
}
}








.footer {
  background-color: 

  
  
    
  


  rgba(248, 250, 252, 1.0)

;
}

/* Footer content */

.footer p,
.footer h1,
.footer h2,
.footer h3,
.footer h4,
.footer h5,
.footer h6,
.footer label,
.footer span,
.footer li,
.footer img {
  color: #000000;
}

.footerCta {font-size: 36px;}

@media (max-width: 767px) {
  .footerCta {font-size: 26px; text-align: center;}
}










.blog-post,
.blog-header__inner,
.blog-related-posts {
  padding: 80px 0;
}

/* Blog post */

.blog-post__meta a {
  color: #000000;
}

.blog-post__tag-link {
  color: #000000;
}

.blog-post__tag-link:hover,
.blog-post__tag-link:focus {
  color: #000000;
}

.blog-post__tag-link:active {
  color: #282828;
}

/* Blog related posts */

.blog-related-posts__title-link,
.blog-related-posts__title-link:hover,
.blog-related-posts__title-link:focus,
.blog-related-posts__title-link:active {
  font-weight: 600; text-decoration: none; font-family: Montserrat, serif; font-style: normal;
  text-transform: none;
}

.blog-related-posts__title-link {
  color: #000000;
}

.blog-related-posts__title-link:hover,
.blog-related-posts__title-link:focus {
  color: #000000;
}

.blog-related-posts__title-link:active {
  color: #282828;
}

/* Blog comments */

.blog-comments {
  margin-bottom: 80px;
}

#comments-listing .comment-reply-to {
  color: #666666;
}

#comments-listing .comment-reply-to:hover,
#comments-listing .comment-reply-to:focus {
  color: #3e3e3e;
}

#comments-listing .comment-reply-to:active {
  color: #8e8e8e;
}

.body-container--blog-index .headerAlternativeHeight {background-color: #000000!important;}
.body-container--blog-index .headerAlternativeHeight h1 {
    font-size: clamp(1.25rem,-1.0678rem + 8.4746vw,2.875rem);
    line-height: clamp(1.5rem,-1.3644rem + 8.0508vw,2.75rem);
      margin: 0 0 0;
}

.body-container--blog-index .newsletterSectionBlog {background-color: #05ccff!important;}



.blogAlternativeHeader {margin-top: -30px !important;}
.blogAlternativeHeader span h2 {color: #05ccff!important;}
.blogAlignTextCentre {text-align: center;}

.blogMainContentColumn {
  max-width: 768px !important;
    margin-left: auto !important;
    margin-right: auto !important;
}

.searchMainContentColumn {
  max-width: 1200px !important;
    margin-left: auto !important;
    margin-right: auto !important;
}

.spaceRelated, .blogCategoriesSpacing {padding-top: 80px;}
.body-container--blog-index .mediaDivider {background: #F0F0F0!important; height: 1px; margin-bottom: 30px; margin-top: 10px;}

.blog-post__tags a { display: blockblock; margin-left: 5px; margin-right: 5px; padding-top: 5px; padding-bottom: 5px; padding-left: 15px; padding-right: 15px; background: #000000; color: #ffffff; text-decoration: none; }
.blog-post__tags a:hover {background: #05ccff !important; color: #ffffff !important; cursor: pointer;}









.blogListing {width: 100%;}
.blog-index, .blog-related {display: flex; flex-direction: row; justify-content: center; flex-wrap: wrap; width: 100%;}
.blog-pagination-tags {display: block; width: 100%; margin-top: 30px; text-align: center;}
.blog-pagination-left, .blog-pagination-center, .blog-pagination-right {display: inline-block;}
.blog-pagination-left {margin-right: 10px;}
.blog-pagination-right {margin-left: 10px;}
.blogListingCard {display: inline-block; width: calc(33.333% - 40px); margin-left: 20px; margin-right: 20px; padding-bottom: 100px; margin-bottom: 40px; position: relative; -webkit-box-shadow: 0px 0px 15px 5px rgba(0,0,0,0.1); box-shadow: 0px 0px 15px 5px rgba(0,0,0,0.1); }
.blogListingCard .image {display: inline-block; width: 100%; position: relative;}
.blogListingCard .image > img { width: 100%; height: auto; inline-size: 100%; aspect-ratio: 7 / 5; object-fit: cover; }
.blogListingCard .title, .blogListingCard .excerpt, .blogListingCard .date, .blogListingCard .tags, .blogListingCard .mediaDivider {margin-left: 40px; margin-right: 40px; margin-top: 10px; margin-bottom: 10px;}
.blogListingCard .logo {padding-left: 40px; padding-right: 40px;  padding-top: 10px; padding-bottom: 10px; position: relative; bottom: 0; left: 0; display: flex; align-items: center; height: 50px; }
.blogListingCard .logo {padding-left: 40px; padding-right: 40px;  padding-top: 10px; padding-bottom: 10px; position: absolute; bottom: 0; left: 0; display: flex; align-items: center; height: 50px; }
.blogListingCard .title h2 {font-size: 20px; }
.blogListingCard .excerpt p, .blogListingCard .excerpt span { font-size: 16px !important; }
.mediaLink { text-decoration: none !important;}

.blogListingCard .date {font-size: 12px;}
.blogListingCard .tags {font-size: 12px;}

.blogListingCard ul {list-style-type: none;   padding: 0;  margin: 0; }
.blogListingCard ul li { display: inline-block; }
.blogListingCard .mediaDivider { height: 1px; margin-bottom: 10px; margin-top: 10px;}

.blogListingButton {position: absolute; bottom: 40px; left: 40px; right: 40px;}
.blogListingButton a {min-width: 175px;}



.blogListingButton a.button {background: #05ccff!important; color: #ffffff!important; border: 1px solid #05ccff !important; position: relative;}
.blogListingButton a.button::after { content: ""; background: #000000!important; position: absolute; bottom: 0; left: 0; width: 100%; transform: scaleX(0); transform-origin: right; height: 4px; transition: transform 0.15s linear;}
.blogListingButton a.button:hover::after { transform: scaleX(1); transform-origin: left;}
.blogListingCard .mediaDivider {background: #F0F0F0!important;}


@media (max-width:1080px)  {
.blogListingCard { width: calc(50% - 40px);  }
}

@media (max-width:768px)  {
.blogListingCard { width: 100%; margin-left: 0px; margin-right: 0px; }
}






.hs-search-results__title {
  font-size: 20px;
  font-weight: 700;
  color: #000000;
  padding-bottom: 10px;
  display: block;
}





/* Blog listing */

.blog-index__post-title-link,
.blog-index__post-title-link:hover,
.blog-index__post-title-link:focus,
.blog-index__post-title-link:active {
  font-weight: 600; text-decoration: none; font-family: Montserrat, serif; font-style: normal;
  text-transform: none;
}

.blog-index__post-title-link {
  color: #000000;
}

.blog-index__post-title-link:hover,
.blog-index__post-title-link:focus {
  color: #000000;
}

.blog-index__post-title-link:active {
  color: #282828;
}

.blog-index__post-tag,
.blog-index__post-author-name {
  color: #000000;
}

/* Blog pagination */

.pagination__link-text,
.pagination__link--number {
  color: #000000;
}

.pagination__link:hover .pagination__link-text,
.pagination__link:focus .pagination__link-text,
.pagination__link--number:hover,
.pagination__link--number:focus {
  color: #000000;
}

.pagination__link:active .pagination__link-text,
.pagination__link--number:active {
  color: #282828;
}

.pagination__link-icon svg {
  fill: #000000;
}

/* Pricing card */

.card__price {
  font-weight: 600; text-decoration: none; font-family: Montserrat, serif; font-style: normal;
  color: #000000;
  font-size: 30px;
}

.card__body svg {
  fill: ;
}

/* Social follow */

.social-links__icon {
  background-color: ;
}

.social-links__icon:hover,
.social-links__icon:focus {
  background-color: ;
}

.social-links__icon:active {
  background-color: ;
  font-weight: 600; text-decoration: none; font-family: Montserrat, serif; font-style: normal;
  color: #000000;
  font-size: 30px; 
}






.headerFullHeight { display: flex; align-items: center; align-content: center; position: relative; min-height: 100vh; background-attachment: cover;}
.headerStandardHeight, .body-container--media-centre .row-number-1 {display: flex; align-items: center; align-content: center; position: relative; min-height: 50vh; background-attachment: cover;}
.headerAlternativeHeight {display: flex; align-items: center; align-content: center; position: relative; min-height: 50vh; background-attachment: cover;}

.headerFullHeight, .headerStandardHeight {border-bottom: 1px solid #000000;} 
/*.headerFullHeight, .headerStandardHeight  , .headerAlternativeHeight, .body-container--media-centre .row-number-1 {border-bottom: 1px solid  #000000;} */

.headerFullHeight::before, .headerStandardHeight::before {align-items: center; align-content: center; position: absolute; top: 0; right: 0; bottom: 0; left: 0; content: ''; z-index: 10; }
.headerFullHeight::after, .headerStandardHeight::after {align-items: center; align-content: center; position: absolute; top: 0; right: 0; bottom: 0; left: 0; content: ''; z-index: 10; }

/* To add To Section Header */
.headerAlternativeHeight::before,.body-container--media-centre .row-number-1::before { position: absolute; width: 149px; height: 300px; background-size: 149px; display: block; right: 50px; bottom: -2px; z-index: 10; content:url('https://25102283.fs1.hubspotusercontent-eu1.net/hubfs/25102283/Website%20Assets/Logos/IAG-Device.svg')}
.headerAlternativeHeight::after, .body-container--media-centre .row-number-1::after {align-items: center; align-content: center; position: absolute; top: 0; right: 0; bottom: 0; left: 0; content: ''; z-index: 10;}

/* Header Internals */
.headerFullHeight .row-fluid, .headerStandardHeight .row-fluid, .headerAlternativeHeight .row-fluid, .body-container--media-centre .row-number-1 .row-fluid {z-index: 12;}
.headerFullHeight h1, .headerStandardHeight h1 {  font-size: clamp(2.25rem, -1.0678rem + 8.4746vw, 5.5rem);  line-height: clamp(2rem, -1.3644rem + 8.0508vw, 4.875rem);} 
.headerAlternativeHeight h1 {  font-size: clamp(1.25rem, -1.0678rem + 8.4746vw, 3.875rem);  line-height: clamp(1.5rem, -1.3644rem + 8.0508vw, 3.75rem);} 
.headerFullHeight p, .headerStandardHeight p, .headerAlternativeHeight p {font-size: 22px;}

@media (max-width: 960px) {
  .headerFullHeight p, .headerStandardHeight p, .headerAlternativeHeight p {font-size: 18px;}
  .headerAlternativeHeight::before, .body-container--media-centre .row-number-1::before {  width: 99px; height: 200px; background-size: 99px; }
}

@media (max-width: 768px) {
  .headerFullHeight {height: auto;}
  .headerFullHeight p, .headerStandardHeight p, .headerAlternativeHeight p {font-size: 18px;}
    .headerAlternativeHeight::before, .body-container--media-centre .row-number-1::before {  width: 50px; height: 100px; background-size: 50px; }
}

@media (max-height: 568px) {

   .headerAlternativeHeight::before, .body-container--media-centre .row-number-1::before {  width: 50px; height: 100px; background-size: 50px; }
}

/* Header Full Height Gradients */


/* .headerFullHeight::after {
background: -moz-linear-gradient(top, rgba(0,0,0,1) 0%, rgba(0,0,0,0) 100%); 
background: -webkit-linear-gradient(top, rgba(0,0,0,1) 0%,rgba(0,0,0,0) 100%); 
background: linear-gradient(to bottom, rgba(0,0,0,1) 0%,rgba(0,0,0,0) 100%); 
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#1f000000',GradientType=0 );  
}*/

/* Header Standard Height Gradients */

/* .headerStandardHeight::after, .body-container--media-centre .row-number-1::after {
background: -moz-linear-gradient(top, rgba(0,0,0,1) 0%, rgba(0,0,0,0.12) 100%); 
background: -webkit-linear-gradient(top, rgba(0,0,0,1) 0%,rgba(0,0,0,0.12) 100%); 
background: linear-gradient(to bottom, rgba(0,0,0,1) 0%,rgba(0,0,0,0.12) 100%); 
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#1f000000',GradientType=0 ); 
} */


.headerFullHeight::after, .headerStandardHeight::after, .body-container--media-centre .row-number-1::after {
background: rgb(0,0,0);
background: -moz-linear-gradient(0deg, rgba(0,0,0,0.19793855042016806) 0%, rgba(0,0,0,0.1951374299719888) 50%, rgba(0,0,0,1) 100%);
background: -webkit-linear-gradient(0deg, rgba(0,0,0,0.19793855042016806) 0%, rgba(0,0,0,0.1951374299719888) 50%, rgba(0,0,0,1) 100%);
background: linear-gradient(0deg, rgba(0,0,0,0.19793855042016806) 0%, rgba(0,0,0,0.1951374299719888) 50%, rgba(0,0,0,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#000000",endColorstr="#000000",GradientType=1);
}

/* Menu elements */

.menu--desktop ul.menu__wrapper > li:last-of-type a {
  color: #000000;
  background-color: #05ccff;
  padding-left: 15px; 
  padding-right: 15px;
  padding-top: 5px;
  padding-bottom: 5px;
  transition: all 0.15s linear;
}

.menu--desktop ul.menu__wrapper > li:last-of-type a:hover {
  background-color: #ffffff;
}







.sectionOverlay {display: flex; align-items: center; align-content: center; position: relative;}
.sectionOverlay::before {align-items: center; align-content: center; position: absolute; top: 0; right: 0; bottom: 0; left: 0; content: ''; z-index: 10;
background-color: rgba(0,0,0,0.75);
}
.sectionOverlay .row-fluid {z-index: 11;}







.border_bottom { border-bottom: 5px solid #05ccff;}
.no_border_bottom {}
.drop_shadow_generic {-webkit-box-shadow: 0px 0px 20px 5px rgba(0,0,0,0.2); box-shadow: 0px 0px 20px 5px rgba(0,0,0,0.2);}
.no_drop_shadow_generic {}
.imageCustom.left {text-align: left;}
.imageCustom.center {text-align: center;}
.imageCustom.right {text-align: right;}






footer .hs-menu-item  {padding-left: 0px; margin-left: 0px; margin-bottom: 15px;}
footer .hs-menu-item a { }
footer .hs-menu-item a:active, footer .hs-menu-item a:visited, footer .hs-menu-item a:link {color: #ffffff; }
footer .hs-menu-item a:hover {color: #05ccff;}

@media (max-width: 767px) {
  footer .row-number-1 {display: none;}  /* To hide CTA block */
  footer .span6 + .span6 {margin-top: 15px;}
}







/* RESET RULES 
–––––––––––––––––––––––––––––––––––––––––––––––––– */
:root {
 --bounceEasing: cubic-bezier(0.51, 0.92, 0.24, 1.15);
}


.open-modal {
  /* font-weight: bold;
  background: #05ccff;
  color: #ffffff;
  padding: 0.75rem 1.75rem;
  margin-bottom: 1rem;
  border-radius: 5px; */
}


/* MODAL
–––––––––––––––––––––––––––––––––––––––––––––––––– */
.modal {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 1rem;
  background: rgba(0, 0, 0, 0.9);
  cursor: pointer;
  visibility: hidden;
  opacity: 0;
  transition: all 0.35s ease-in;
  z-index: -9999999999; 
}

.modal.is-visible {
  visibility: visible;
  z-index: 9999999999;
  opacity: 1;
  }

.modal-dialog {
  position: relative;
  max-width: 800px;
  max-height: 80vh;
  border-radius: 5px;
  background: #ffffff;
  overflow: auto;
  cursor: default;
}

.modal-dialog > * {
  padding: 2rem;
}

.modal-header,
.modal-footer {
  background: #05ccff;
}

.modal-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.modal-header .close-modal {
  font-size: 1.5rem;
  padding-left: 10px;
  padding-right: 10px;
  padding-top: 5px;
  padding-bottom: 5px;
}

.modal-header h3 {margin-bottom: 0px;}

.modal p + p {
  margin-top: 1rem;
}


.aviosAccountSelection {width: 100%; text-align: center;}
.aviosAccountSelection .account { width: calc(48% - 20px); margin-top: 20px; margin-left: 10px; margin-right: 10px; display: inline-block; padding: 20px; background-color: #ffffff; -webkit-border-radius: 10px; border: 1px solid #CCCCCC;
-moz-border-radius: 10px; border-radius: 10px;}
.aviosAccountSelection .account .accountImage {width: 100%;}
.aviosAccountSelection .account .accountImage img {width: 100%; height: auto;}
.aviosAccountSelection .account .accountText {width: 100%; margin-top: 10px;}

@media (max-width: 768px) {
  .aviosAccountSelection .account { width: calc(100% - 20px);}
}

/* ANIMATIONS
–––––––––––––––––––––––––––––––––––––––––––––––––– */
[data-animation] .modal-dialog {
  opacity: 0;
  transition: all 0.5s var(--bounceEasing);
}

[data-animation].is-visible .modal-dialog {
  opacity: 1;
  transition-delay: 0.2s;
}

[data-animation="slideInOutDown"] .modal-dialog {
  transform: translateY(100%);
}

[data-animation="slideInOutTop"] .modal-dialog {
  transform: translateY(-100%);
}

[data-animation="slideInOutLeft"] .modal-dialog {
  transform: translateX(-100%);
}

[data-animation="slideInOutRight"] .modal-dialog {
  transform: translateX(100%);
}

[data-animation="zoomInOut"] .modal-dialog {
  transform: scale(0.2);
}

[data-animation="rotateInOutDown"] .modal-dialog {
  transform-origin: top left;
  transform: rotate(-1turn);
}

[data-animation="mixInAnimations"].is-visible .modal-dialog {
  animation: mixInAnimations 2s 0.2s linear forwards;
}

[data-animation="slideInOutDown"].is-visible .modal-dialog,
[data-animation="slideInOutTop"].is-visible .modal-dialog,
[data-animation="slideInOutLeft"].is-visible .modal-dialog,
[data-animation="slideInOutRight"].is-visible .modal-dialog,
[data-animation="zoomInOut"].is-visible .modal-dialog,
[data-animation="rotateInOutDown"].is-visible .modal-dialog {
  transform: none;
}

@keyframes mixInAnimations {
  0% {
    transform: translateX(-100%);
  }

  10% {
    transform: translateX(0);
  }

  20% {
    transform: rotate(20deg);
  }

  30% {
    transform: rotate(-20deg);
  }

  40% {
    transform: rotate(15deg);
  }

  50% {
    transform: rotate(-15deg);
  }

  60% {
    transform: rotate(10deg);
  }

  70% {
    transform: rotate(-10deg);
  }

  80% {
    transform: rotate(5deg);
  }

  90% {
    transform: rotate(-5deg);
  }

  100% {
    transform: rotate(0deg);
  }
}




  




/* Animate Main header */
@keyframes headerSlideRight {
  0%   {  opacity: 0; transform: translateY(0px);}
  100% { opacity: 1; transform: translateY(0px);}
}

@keyframes headerSlideBackground {
  0%   {  height: 100%; opacity: 1;}
  100% { height: 100%; opacity: 0;}
}

.animateSection .dnd-column {  animation-name: headerSlideRight;  animation-duration: 2s; animation-timing-function: ease-in-out;}
.headerFullHeight.animateSection:before, .headerStandardHeight.animateSection:before {position: absolute; z-index: 11; left: 0; bottom: 0; top: auto; right: 0;  height: 0%; content: " "; background-color: #000000; animation-name: headerSlideBackground; animation-duration: 1.5s; animation-timing-function: ease-in-out;}
.headerAlternativeHeight.animateSection:before {}

    .widget-type-header h2, .widget-type-header h3 {

      opacity: 0;
      transition: all 0.75s ease-in-out;
/*       margin-left: 75px; */
/*       transform: translateX(75px); */
    }
    
    .widget-type-header.is-visible h2, .widget-type-header.is-visible h3 {
      opacity: 1;
/*       margin-left: 0px; */
/*       transform: translateX(0px); */
    }

    

    
    
    



::-webkit-scrollbar {
  width: 0.5rem;
  height: 0.5em;
  }
  
  ::-webkit-scrollbar-track {
    background: #CCCCCC;
    border-left-color: #CCCCCC;
    border-left-style: solid;
    border-left-width: 1px;
  }
  
  ::-webkit-scrollbar-thumb {
    background: #05ccff;
  }
  
  ::-webkit-scrollbar-thumb:hover { background: #000000;  }
  
  @supports ( scrollbar-color: #ba872f #c1c2b5 ) {
    * {
      scrollbar-color: #05ccff #CCCCCC;
      scrollbar-width: thin;
    }
    }