/*@font-face {
    font-family: 'Fira Sans Bold';
    src: url('../vendor/webfonts/firasans-bold-webfont.woff2') format('woff2'),
         url('../vendor/webfonts/firasans-bold-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}
@font-face {
    font-family: 'Fira Sans Medium';
    src: url('../vendor/webfonts/firasans-medium-webfont.woff2') format('woff2'),
         url('../vendor/webfonts/firasans-medium-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}
@font-face {
    font-family: 'Fira Sans';
    src: url('../vendor/webfonts/firasans-regular-webfont.woff2') format('woff2'),
         url('../vendor/webfonts/firasans-regular-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}*/
h1{ font-family: 'Fira Sans', sans-serif; font-size: 28px; font-weight: bold; line-height: 100%; margin-bottom: 25px; }
h2{ font-family: 'Fira Sans', sans-serif; font-size: 26px; font-weight: bold; line-height: 120%; }
h3{ font-family: 'Fira Sans', sans-serif; font-size: 18px; font-weight: bold; line-height: 120%; margin: 0; }
p,a,li a, li p, li{ font-family: 'Fira Sans', sans-serif; font-weight: 400; font-size: 16px; }
strong{ font-family: 'Fira Sans'; font-weight: bold; }
a, .header .menu li{ color: #0066b4; font-size: 16px; line-height: 120%; }
a img{ border: 0; }
.text-white{ color: #FFF; }

.cta, .cta:active{ padding: 10px 50px; background: #cf0012; color: #FFF; text-transform: uppercase; text-decoration: none; display: inline-block; }
.cta:hover{ color: #cf0012; background: #FFF; text-decoration: none; }
/*.cta:active{ color: #FFF; text-decoration: none; }*/

.cta.inverse, .cta.inverse:active{ background: #cf0012; color: #FFF; border: 1px solid #cf0012; }
.cta.inverse:hover{ color: #cf0012; background: #FFF; border: 1px solid #FFF; text-decoration: none; }

.header{ padding-bottom: 10px; text-align: center; }
.header .logo{ background: #FFF; }
.header .logo li{ display: inline-block; vertical-align: top; }
.header .logo li.divider{ padding: 0 30px; background: url(../img/line-logo2x.png) no-repeat center bottom; background-size: 2px 40px; line-height: 58px; }
.header .menu{ margin-top: 8px; }
.header .menu ul{ margin-bottom: 0; }
.header .menu li{ display: inline-block; border-left: 1px solid #0066b4; padding: 0 5px; vertical-align: middle; }
.header .menu li.first{ border: 0;}
.header .menu li.active a, .header .menu li.active{ font-weight: bold; }

.heropost{ background: url(../img/header-img2x.jpg) no-repeat center; padding-top: 30px; padding-bottom: 30px; }
.heropost hr{ border: 2px solid #FFF; width: 80%; opacity: .4; margin-top: 0; }
.heropost p{ font-size: 18px; font-weight: bold; line-height: 150%; }
.heropost i{ font-size: 24px; font-weight: bold; margin-top: 30px; }

.cards{ position: relative; padding-top: 36px; padding-bottom: 36px; background: #f5f5f5; }
.cards .dividerSlider{ display: none; }
.cards hr{ border: 2px solid #cfcfcf; width: 100%; margin-bottom: 45px; margin-top: 35px; }
.cards .content{text-align: left; display: inline-block; position: absolute; width: 100%; max-width: 70%; margin: 0 15%; left: 0; bottom: 0; background: #FFF url(../img/avios-logo2x.png) no-repeat; background-position: right 15px center; background-size: 62px 61px; padding: 15px 100px 15px 30px;-webkit-border-radius: 8px; -moz-border-radius: 8px; border-radius: 8px; border: 1px solid #bebebe; }
.cards .content p{ line-height: 100%; margin-bottom: 0; }
.cards .content strong{ font-size: 13px; font-family: 'Fira Sans'; font-weight: 500; color: #000; line-height: 100%; }
.cards .content em{ font-size: 34px; font-weight: bold; font-style: normal; line-height: 100%; }

.cards .boximage .internal{ min-height: 246px; max-width: 321px; margin: 0 auto; }
.cards .boximage .internal{ width: 100%; height: 100%; top: 0; left: 0; background: no-repeat center top; background-size: 100% auto; }
.cards .gold .boximage .internal{ background-image: url(../img/cards-gold2x.png); }
.cards .classic .boximage .internal{ background-image: url(../img/cards-classic2x.png); }

.cards .gold h2, .cards .gold em{ color: #a18650; }
.cards .classic h2, .cards .classic em{ color: #387bb5; }
.cards ul.splist li { padding-left: 1em; text-indent: -.7em; margin-bottom: 10px; }
.cards ul.splist li::before{ font-size: 10px; padding-right: 20px; content: "\f111"; font-family: "Font Awesome 5 Free"; font-weight: bold; }

.cards .gold ul.splist li::before { color: #a18650; }
.cards .classic ul.splist li::before { color: #387bb5; }

.moreinfo{ padding-top: 50px; padding-bottom: 50px; }
.moreinfo a{ text-decoration: underline; color: #000; font-size: 14px; text-transform: uppercase; }
.moreinfo a:hover{ text-decoration: none; }
.moreinfo hr{ border: 0; margin-bottom: 30px; }
.moreinfo ul li{ display: inline-block; }
.moreinfo .divider{ margin-top: 15px; margin-bottom: 10px; min-height: 24px; background: url(../img/divider2x.png) repeat-x center top; background-size: 868px 12px; }

.footer ul{ margin-bottom: 0; }
.footer ul li{ display: inline-block; padding: 0 10px; }
.footer ul li a{ font-weight: bold; font-size: 12px; color: #000; }
.footer ul li a:hover{ text-decoration: underline; }
.footer p{ font-size: 12px; color: #000; display: inline-block; border-top: 2px solid #000; padding: 0 15px; }

.owl-nav{ position: absolute; top: 200px; width: 100%; left: 0; }
.owl-nav i{ font-size: 60px; color: #000; }
.owl-nav .owl-next{ right: 15px; position: absolute; }
.owl-nav .owl-prev{ left: 15px; position: absolute; }

.hover-cta{ transition: bottom 1s linear; text-align: center; z-index: 999; position: fixed; width: 100%; bottom: -100%; padding-top: 10px; padding-bottom: 10px; background: #2e3c4f; }
.hover-cta h3{ margin-bottom: 15px; }
.hover-cta.active{ bottom: 0%; }

.margin-m{ margin-bottom: 25px; }
.hide-br-mobile{ display: none; }

.strikethrough {
  position: relative;
}
.strikethrough:before {
  position: absolute;
  content: "";
  left: 0;
  top: 50%;
  right: 0;
  border-top: 1px solid;
  border-color: inherit;

  -webkit-transform:rotate(-7deg);
  -moz-transform:rotate(-7deg);
  -ms-transform:rotate(-7deg);
  -o-transform:rotate(-7deg);
  transform:rotate(-7deg);
}
/* Extra small devices (portrait phones, less than 576px) */
/* No media query since this is the default in Bootstrap */

/* Small devices (landscape phones, 576px and up) */
@media (max-width: 767px) {
	
	.header .menu ul{ margin-top: 25px; }
	.header .menu li{ padding: 5px 10px; }
}

/* Small devices (landscape phones, 576px and up) */
@media (min-width: 576px) {
	.cards .boximage .internal{ min-height: 246px; background-size: 100% auto; }
}

/* Medium devices (tablets, 768px and up) */
@media (min-width: 768px) {
	h1{ font-size: 50px; }
	h2{ font-size: 30px; }
	h3{ font-size: 20px; }
	p,a,li a, li p, li{ font-size: 18px; }
	a, .header .menu li{ font-size: 18px; }
	.heropost p{ font-size: 22px; }
	
	.header{ text-align: left; }
	.header .menu ul{ margin-top: 15px; }
	.cards .advantage { margin-top: -100px; }
	.cards ul{ margin-top: 20px; }
	.cards .boximage .internal{ min-height: 246px; width: auto; background-size: 100% auto; }
	.cards .dividerSlider{ display: block; }
	.cards .content{ text-align: left; max-width: 65%; right: 0; left: 8%; padding: 15px 100px 15px 30px; }
	.cards ul.splist li{ margin-bottom: 25px; }
	.hide-br-mobile{ display: inline-block; }
}

/* Large devices (desktops, 992px and up) */
@media (min-width: 992px) {
	.hover-cta h3{ margin-top: 8px; }
	.hover-cta{ padding-top: 25px; padding-bottom: 25px; }
	.hover-cta{ text-align: left; }
	.hover-cta h3{ margin-bottom: 0; }
	.cards .advantage { margin-top: -150px; }
	.cards .content{ max-width: 50%;  }
	.cards .boximage .internal{ min-height: 256px; }
	.heropost{ padding-top: 100px; padding-bottom: 360px; }
	.header{ text-align: center; }
}

/* Extra large devices (large desktops, 1200px and up) */
@media (min-width: 1200px) {
	.cards .title{ text-align: center; }	
	.cards .advantage { margin-top: 0; }
	.cards ul{ margin-top: 40px; }
	.cards .content{ max-width: 43%; left: 16%;  }
}