@media only screen and (max-width: 640px) {
  .textOnImage h1 {
    font-size: 20px;
  }
}
@media only screen and (min-width: 641px) and (max-width: 800px) {
  .textOnImage h1 {
    font-size: 28px;
  }
}
@media only screen and (min-width: 801px) and (max-width: 1023px) {
  .textOnImage h1 {
    font-size: 30px;
  }
}
.textOnImage h2 {
  line-height: 1.1;
  color: #000000;
  font-size: 24px;
  font-weight: lighter;
  margin-top: 40px;
}
@media only screen and (max-width: 640px) {
  .textOnImage h2 {
    margin-top: 20px;
    font-size: 28px;
  }
}
@media only screen and (min-width: 641px) and (max-width: 800px) {
  .textOnImage h2 {
    font-size: 36px;
  }
}
@media only screen and (min-width: 801px) and (max-width: 1023px) {
  .textOnImage h2 {
    font-size: 48px;
  }
}
@media only screen and (min-width: 1024px) {
  .textOnImage h2 {
    font-size: 64px;
  }
}
@media only screen and (min-width: 641px) {
  .textOnImage.darkBg h1,
  .textOnImage.darkBg h2 {
    color: #ffffff;
  }
}

@media only screen and (max-width: 640px) {
  .textOnImage__subTitles {
    padding: 0 20px;
  }
}
@media only screen and (min-width: 641px) {
  .textOnImage__subTitles {
    padding: 0 30px;
  }
}
.textOnImage__subTitles h2 {
  margin-top: 20px;
}
@media only screen and (max-width: 640px) {
  .textOnImage__subTitles h2 {
    font-size: 16px;
    line-height: 1.2;
  }
}
@media only screen and (min-width: 641px) {
  .textOnImage__subTitles h2 {
    font-size: 26px;
    line-height: 1.2;
  }
}
.textOnImage__subTitles h3 {
  margin-top: 20px;
}
@media only screen and (max-width: 640px) {
  .textOnImage__subTitles h3 {
    font-size: 16px;
    line-height: 1.2;
  }
}
@media only screen and (min-width: 641px) {
  .textOnImage__subTitles h3 {
    font-size: 20px;
    line-height: 1.2;
  }
}

.gridWithLinks {
  margin-top: 20px;
}
.gridWithLinks .box--modOne {
  float: none;
  width: 100%;
  overflow: hidden;
  margin-bottom: 10px;
}
.gridWithLinks .box--modOne:before {
  padding-top: 50%;
}

.gridWithLinks__list {
  *zoom: 1;
}
.gridWithLinks__list:before, .gridWithLinks__list:after {
  content: " ";
  display: table;
}
.gridWithLinks__list:after {
  clear: both;
}

.gridWithLinks__listItem {
  float: left;
}
@media only screen and (max-width: 640px) {
  .gridWithLinks__listItem {
    width: 100%;
  }
}
@media only screen and (min-width: 641px) and (max-width: 800px) {
  .gridWithLinks__listItem {
    width: 49%;
    margin-left: 2%;
  }
  .gridWithLinks__listItem:nth-child(2n+1) {
    margin-left: 0;
    clear: both;
  }
}
@media only screen and (min-width: 801px) {
  .gridWithLinks__listItem {
    width: 32.66667%;
    margin-left: 1%;
  }
  .gridWithLinks__listItem:nth-child(3n+1) {
    margin-left: 0;
    clear: both;
  }
}

.gridWithLinks__description {
  margin-bottom: 10px;
  font-size: 16px;
  line-height: 1.2;
}

.gridWithLinks__link {
  color: #000000;
  display: block;
  line-height: 1.2;
  font-size: 16px;
  text-transform: uppercase;
  padding: 8px 5px;
}
.gridWithLinks__link + .gridWithLinks__link {
  border-top: 1px solid #d9d9d9;
}

.siteMap {
  *zoom: 1;
}
.siteMap:before, .siteMap:after {
  content: " ";
  display: table;
}
.siteMap:after {
  clear: both;
}

.siteMap__group {
  *zoom: 1;
}
.siteMap__group:before, .siteMap__group:after {
  content: " ";
  display: table;
}
.siteMap__group:after {
  clear: both;
}
.siteMap__group + .siteMap__group {
  margin-top: 20px;
}
@media only screen and (max-width: 640px) {
  .siteMap__group > * {
    margin-top: 20px;
  }
}
@media only screen and (min-width: 641px) and (max-width: 800px) {
  .siteMap__group > * + * {
    margin-left: 2%;
  }
  .siteMap__group > * {
    margin-top: 20px;
  }
  .siteMap__group > *:nth-child(3n+1) {
    margin-left: 0;
    clear: both;
  }
}
@media only screen and (min-width: 801px) {
  .siteMap__group > * + * {
    margin-left: 3%;
  }
  .siteMap__group > * {
    margin-top: 20px;
  }
 /* .siteMap__group > *:nth-child(6n+1) {
    margin-left: 0;
    clear: both;
  }*/
}

.siteMap__title {
  color: #000000;
  font-size: 14px;
  text-transform: uppercase;
  font-weight: bold;
}
@media only screen and (min-width: 641px) and (max-width: 800px) {
  .siteMap__title {
    width: 32%;
  }
}
@media only screen and (max-width: 640px) {
  .siteMap__title {
    width: 100%;
  }
}

/*.siteMap__container {
  width: 15.83333%;
  float: left;
}*/
@media only screen and (min-width: 641px) and (max-width: 800px) {
  .siteMap__container {
    width: 32%;
  }
}
@media only screen and (max-width: 640px) {
  .siteMap__container {
    width: 100%;
  }
}

.siteMap__containerTitle {
  font-size: 14px;
  color: #000000;
  line-height: 1.2;
}

.siteMap__linkList {
  margin-top: 20px;
}

.siteMap__linkItem {
  font-size: 16px;
  line-height: 1.2;
  display: block;
  color: #000000;
}
.siteMap__linkItem + .siteMap__linkItem {
  margin-top: 10px;
}

.thirdLevelGrid--forTwo {
  border-bottom: 1px solid #7f7f7f;
  padding-bottom: 20px;
  margin-top: -20px;
}

.thirdLevelGrid__list {
  *zoom: 1;
}
.thirdLevelGrid__list:before, .thirdLevelGrid__list:after {
  content: " ";
  display: table;
}
.thirdLevelGrid__list:after {
  clear: both;
}

.thirdLevelGrid__item {
  float: left;
  margin-top: 20px;
  width: 100%;
}
@media only screen and (min-width: 641px) {
  .thirdLevelGrid__item {
    width: 49%;
  }
}
@media only screen and (min-width: 801px) {
  .thirdLevelGrid__item {
    width: 32.66667%;
  }
}
@media only screen and (min-width: 641px) {
  .thirdLevelGrid__item + .thirdLevelGrid__item {
    margin-left: 2%;
  }
}
@media only screen and (min-width: 801px) {
  .thirdLevelGrid__item + .thirdLevelGrid__item {
    margin-left: 1%;
  }
}
@media only screen and (min-width: 641px) and (max-width: 800px) {
  .thirdLevelGrid__item:nth-child(2n+1) {
    margin-left: 0;
    clear: both;
  }
}
@media only screen and (min-width: 801px) {
  .thirdLevelGrid__item:nth-child(3n+1) {
    margin-left: 0;
    clear: both;
  }
}
@media only screen and (min-width: 801px) {
  .thirdLevelGrid--forTwo .thirdLevelGrid__item {
    width: 49.5%;
  }
}

.thirdLevelGrid__link {
  display: block;
}
.thirdLevelGrid__link .imageCover {
  padding-bottom: 45%;
  position: relative;
  overflow: hidden;
}
.thirdLevelGrid--forTwo .thirdLevelGrid__link .imageCover {
  padding-bottom: 45%;
}
@media only screen and (min-width: 641px) and (max-width: 800px) {
  .thirdLevelGrid--forTwo .thirdLevelGrid__link .imageCover {
    padding-bottom: 50%;
  }
}
@media only screen and (max-width: 640px) {
  .thirdLevelGrid--forTwo .thirdLevelGrid__link .imageCover {
    padding-bottom: 45%;
  }
}
.thirdLevelGrid__link .imageCover .respond-image {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
}
.thirdLevelGrid__link .imageCover img {
  top: 0;
  left: 0;
  position: absolute;
  width: 100%;
}
.thirdLevelGrid__link .title {
  margin-top: 20px;
  color: #000000;
  font-size: 20px;
  text-transform: uppercase;
  line-height: 1.2;
}
@media only screen and (min-width: 641px) {
  .thirdLevelGrid__link .title {
    padding: 0 20px;
    font-size: 24px;
  }
}
.thirdLevelGrid--forTwo .thirdLevelGrid__link .title {
  font-size: 24px;
}
@media only screen and (min-width: 641px) {
  .thirdLevelGrid--forTwo .thirdLevelGrid__link .title {
    font-size: 36px;
  }
}
.thirdLevelGrid__link .text {
  margin-top: 20px;
  color: #000000;
  font-weight: lighter;
  line-height: 1.2;
  font-size: 16px;
}
@media only screen and (min-width: 641px) {
  .thirdLevelGrid__link .text {
    padding: 0 20px;
    font-size: 20px;
  }
}
.thirdLevelGrid--forTwo .thirdLevelGrid__link .text {
  text-transform: uppercase;
}
@media only screen and (min-width: 641px) {
  .thirdLevelGrid--forTwo .thirdLevelGrid__link .text {
    font-size: 24px;
  }
}

.specialOffers {
  padding-top: 15px;
}
.specialOffers .specialOffers__button {
  margin-top: 20px;
  width: 100%;
}

.specialOffers__header {
  padding-bottom: 25px;
}

.specialOffers__headerTitle {
  font-size: 16px;
  margin-right: 20px;
  display: inline-block;
  text-transform: uppercase;
}

.specialOffers__filterCover {
  background-color: #f5f8f4;
  padding: 10px;
}
.specialOffers__filterCover legend {
  visibility: hidden;
}
@media only screen and (max-width: 640px) {
  .specialOffers__filterCover > * + * {
    margin-top: 20px;
  }
}
@media only screen and (min-width: 320px) and (max-width: 640px) {
  .specialOffers__filterCover .radioButton {
    padding-right: 20px;
  }
}
@media only screen and (min-width: 320px) and (max-width: 640px) {
  .specialOffers__filterCover .radioButton + .radioButton {
    padding-right: 0;
  }
}
@media only screen and (min-width: 641px) {
  .specialOffers__filterCover .radioButton + .radioButton {
    padding-left: 40px;
  }
}

.specialOffers__filterLabel {
  font-size: 13px;
  display: block;
}
@media only screen and (min-width: 641px) {
  .specialOffers__filterLabel {
    padding-right: 40px;
    display: inline-block;
  }
}

@media only screen and (min-width: 801px) {
  .specialOffers__container {
    display: block;
    float: left;
    margin-left: 0;
    margin-right: -100%;
    width: 66.33333%;
  }
}

.specialOffers__title {
  padding: 10px 0;
}

.specialOffers__subContainer {
  *zoom: 1;
}
.specialOffers__subContainer:before, .specialOffers__subContainer:after {
  content: " ";
  display: table;
}
.specialOffers__subContainer:after {
  clear: both;
}
.specialOffers__subContainer--left {
  float: left;
}
.specialOffers__subContainer--left p {
  line-height: 20px;
}
.specialOffers__subContainer--right {
  float: right;
}
.specialOffers__subContainer .radioButton + .radioButton {
  margin-left: 30px;
}

.specialOffers__subContainerTitle {
  display: inline-block;
  vertical-align: middle;
}

.specialOffers__select {
  display: inline-block;
  vertical-align: middle;
}
@media only screen and (max-width: 640px) {
  .specialOffers__select {
    margin-top: 20px;
  }
}

.specialOffers__list {
  *zoom: 1;
  margin: 20px 0 40px;
  border-top: 1px dotted black;
}
.specialOffers__list:before, .specialOffers__list:after {
  content: " ";
  display: table;
}
.specialOffers__list:after {
  clear: both;
}

.specialOffers__listItem {
  *zoom: 1;
  padding: 10px 0;
  border-top: 1px dotted black;
}
.specialOffers__listItem:before, .specialOffers__listItem:after {
  content: " ";
  display: table;
}
.specialOffers__listItem:after {
  clear: both;
}
.specialOffers__listItem:nth-child(1) {
  border-top: none;
}
@media only screen and (min-width: 641px) {
  .specialOffers__listItem:nth-child(2) {
    border-top: none;
  }
}
@media only screen and (min-width: 641px) {
  .specialOffers__listItem {
    float: left;
    width: 49.24623%;
    margin-left: 0;
  }
  .specialOffers__listItem:nth-child(2n) {
    margin-left: 1.50754%;
  }
}

.specialOfferItem {
  display: block;
  position: relative;
  *zoom: 1;
}
.specialOfferItem:before, .specialOfferItem:after {
  content: " ";
  display: table;
}
.specialOfferItem:after {
  clear: both;
}
.specialOfferItem:before {
  padding-bottom: 60px;
}

.specialOfferItem__cover {
  position: absolute;
  bottom: 0px;
  width: 100%;
  left: 0;
}

.specialOfferItem__left {
  display: block;
}
@media only screen and (min-width: 641px) {
  .specialOfferItem__left {
    width: 75%;
    display: inline-block;
  }
}

.specialOfferItem__right {
  display: none;
  width: 25%;
  text-align: right;
}
@media only screen and (min-width: 641px) {
  .specialOfferItem__right {
    display: inline-block;
  }
}

.specialOfferItem__header {
  display: inline-block;
  vertical-align: bottom;
  float: left;
}
@media only screen and (min-width: 641px) {
  .specialOfferItem__header {
    width: 60%;
    float: none;
  }
}

.specialOfferItem__priceWrapper {
  display: inline-block;
  vertical-align: bottom;
  float: right;
}
@media only screen and (min-width: 641px) {
  .specialOfferItem__priceWrapper {
    width: 40%;
    float: none;
  }
}
.specialOfferItem__priceWrapper > span {
  display: block;
}

.specialOfferItem__priceLabel,
.specialOfferItem__subTitle {
  color: #000000;
  font-size: 14px;
}

.specialOfferItem__title,
.specialOfferItem__price {
  font-size: 16px;
  font-weight: bold;
  color: #000000;
  text-transform: uppercase;
}

.specialOfferItem__btn {
  display: inline-block;
  padding: 0 10px;
  line-height: 30px;
  font-size: 14px;
  color: white;
  background-color: #c30e1a;
  vertical-align: bottom;
  text-align: center;
}

.specialOffers__notify {
  clear: both;
  padding-bottom: 20px;
}

.specialOffers__formSelect {
  width: 100%;
}
.specialOffers__formSelect + .specialOffers__formSelect {
  margin-top: 20px;
}

@media only screen and (max-width: 640px) {
  .specialOffers__button {
    margin: 20px;
    clear: both;
    display: block;
    width: 100%;
  }
}

.specialOfferCarousel {
  overflow: hidden;
  width: 100%;
  height: 330px;
}
@media only screen and (min-width: 641px) {
  .specialOfferCarousel {
    height: 400px;
  }
}
@media only screen and (min-width: 801px) {
  .specialOfferCarousel {
    height: 500px;
  }
}

.specialOfferCarousel__list {
  *zoom: 1;
  z-index: 9;
  width: 100%;
  height: 100%;
}
.specialOfferCarousel__list:before, .specialOfferCarousel__list:after {
  content: " ";
  display: table;
}
.specialOfferCarousel__list:after {
  clear: both;
}

.specialOfferCarousel__item {
  position: relative;
  top: 0;
  left: 0;
  width: 100%;
  margin: 0;
  float: left;
  background: #818181;
  text-align: center;
  height: 330px;
}
@media only screen and (min-width: 641px) {
  .specialOfferCarousel__item {
    height: 400px;
  }
}
@media only screen and (min-width: 801px) {
  .specialOfferCarousel__item {
    height: 500px;
  }
}

.specialOfferCarousel__itemContainer {
  text-align: center;
  width: 100%;
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  background-color: rgba(255, 255, 255, 0.5);
}

.specialOfferCarousel__image {
  margin: auto auto auto -100%;
  display: block;
}
@media only screen and (min-width: 641px) {
  .specialOfferCarousel__image {
    margin: auto auto auto -50%;
  }
}
@media only screen and (min-width: 1024px) {
  .specialOfferCarousel__image {
    margin: auto;
  }
}

.specialOfferCarousel__textContainer {
  position: absolute;
  text-align: center;
  text-transform: uppercase;
  top: 30%;
  width: 100%;
}
@media only screen and (min-width: 641px) {
  .specialOfferCarousel__textContainer {
    top: 40%;
  }
}
.specialOfferCarousel__textContainer h2 {
  font-family: "Monoton", cursive;
  max-width: 1280px;
  margin: 0 auto;
  font-size: 24px;
  line-height: 30px;
  color: #fff;
}
@media only screen and (min-width: 641px) {
  .specialOfferCarousel__textContainer h2 {
    font-size: 28px;
    line-height: 38px;
  }
}
@media only screen and (min-width: 801px) {
  .specialOfferCarousel__textContainer h2 {
    font-size: 60px;
    line-height: 60px;
  }
}
@media only screen and (min-width: 1024px) {
  .specialOfferCarousel__textContainer h2 {
    font-size: 80px;
    line-height: 100px;
  }
}

.specialOffers__boxes {
  clear: both;
  padding: 0 0 25px;
  position: relative;
}
@media only screen and (min-width: 641px) and (max-width: 800px) {
  .specialOffers__boxes .boxNews .brick:nth-child(2n+1) {
    margin-left: 0;
  }
  .specialOffers__aside.mod1 + .specialOffers__boxes .boxNews .brick:first-child {
    display: block;
    float: left;
    margin-left: 51%;
    margin-right: -100%;
    width: 49%;
    position: absolute;
    bottom: 100%;
  }
  .specialOffers__aside.mod1 + .specialOffers__boxes .boxNews .brick:first-child + .brick {
    margin-left: 0;
  }
  .specialOffers__aside.mod1 + .specialOffers__boxes .boxNews .brick:first-child + .brick + .brick {
    margin-left: 2%;
  }
}

.specialOffers__aside {
  *zoom: 1;
}
.specialOffers__aside:before, .specialOffers__aside:after {
  content: " ";
  display: table;
}
.specialOffers__aside:after {
  clear: both;
}
@media only screen and (min-width: 801px) {
  .specialOffers__aside {
    display: block;
    float: left;
    margin-left: 67.33333%;
    margin-right: -100%;
    width: 32.66667%;
  }
  .specialOffers__aside .brick {
    margin-left: 0;
  }
}

.innerFlightFinder.ff-stager.ff-stage1 + .specialOffers__boxesAside {
  display: block;
}
.innerFlightFinder.ff-stager.ff-stage4 + .specialOffers__boxesAside, .innerFlightFinder.ff-stager.ff-stage5 + .specialOffers__boxesAside {
  display: none;
}
@media only screen and (min-width: 801px) {
  .specialOffers__boxesAside {
    clear: both;
  }
}
@media only screen and (min-width: 801px) {
  .specialOffers__boxesAside.noClear {
    clear: none;
  }
  .specialOffers__boxesAside.noClear .box--modOne {
    margin-top: 0;
  }
}

.flightSel {
  padding-top: 15px;
  display: grid;
}
.flightSel__summary {
  font-size: 32px;
}
@media only screen and (min-width: 641px) {
  .flightSel__summary {
    font-size: 48px;
  }
}
.flightSel__summary .price {
  color: #0d4722;
}
.flightSel__desc {
  font-size: 18px;
}
@media only screen and (min-width: 641px) {
  .flightSel__desc {
    font-size: 24px;
  }
}
.flightSel__summary + .flightSel__desc {
  margin-top: 30px;
}
.flightSel__intro + .flightSel__route {
  margin-top: 15px;
}
.flightSel__route {
  *zoom: 1;
  background-color: #f5f8f4;
  font-size: 24px;
  text-transform: uppercase;
  clear: both;
}
.flightSel__route:before, .flightSel__route:after {
  content: " ";
  display: table;
}
.flightSel__route:after {
  clear: both;
}
@media only screen and (max-width: 640px) {
  .flightSel__route {
    margin-left: -10px;
    margin-right: -10px;
  }
}
@media only screen and (min-width: 641px) {
  .flightSel__route {
    font-size: 48px;
  }
}
.flightSel__origin, .flightSel__destination, .flightSel__typeOfFlightArrow {
  font-size: 30px;
  text-align: center;
  display: inline-block;
  vertical-align: middle;
  text-transform: none;
}
@media only screen and (min-width: 641px) and (max-width: 800px) {
  .flightSel__origin, .flightSel__destination, .flightSel__typeOfFlightArrow {
    font-size: 20px;
  }
}
@media only screen and (min-width: 801px) and (max-width: 1023px) {
  .flightSel__origin, .flightSel__destination, .flightSel__typeOfFlightArrow {
    font-size: 24px;
  }
}
.flightSel__origin .apt, .flightSel__destination .apt, .flightSel__typeOfFlightArrow .apt {
  color: #3b7e06;
}
.flightSel__origin {
  padding: 20px 0;
}
@media only screen and (max-width: 640px) {
  .flightSel__origin {
    display: block;
  }
}
@media only screen and (min-width: 641px) and (max-width: 800px) {
  .flightSel__origin {
    display: block;
    float: left;
    margin-left: 0;
    margin-right: -100%;
    width: 32%;
  }
}
@media only screen and (min-width: 801px) {
  .flightSel__origin {
    display: block;
    float: left;
    margin-left: 0;
    margin-right: -100%;
    width: 32.66667%;
  }
}
.flightSel__typeOfFlightArrow {
  position: relative;
  height: 70px;
}
@media only screen and (max-width: 640px) {
  .flightSel__typeOfFlightArrow {
    display: block;
    margin: auto 20px;
    height: 60px;
  }
}
@media only screen and (min-width: 641px) and (max-width: 800px) {
  .flightSel__typeOfFlightArrow {
    display: block;
    float: left;
    margin-left: 34%;
    margin-right: -100%;
    width: 32%;
    height: 60px;
  }
}
@media only screen and (min-width: 801px) {
  .flightSel__typeOfFlightArrow {
    display: block;
    float: left;
    margin-left: 33.66667%;
    margin-right: -100%;
    width: 32.66667%;
  }
}
.flightSel__typeOfFlightArrow .i-dot {
  text-align: center;
  font-size: 16px;
  color: #3b7e06;
  line-height: 70px;
  position: absolute;
  left: 0;
  top: 0;
  z-index: 10;
}
@media only screen and (max-width: 800px) {
  .flightSel__typeOfFlightArrow .i-dot {
    line-height: 60px;
  }
}
.flightSel__typeOfFlightArrow .i-plane {
  text-align: center;
  font-size: 40px;
  color: #3b7e06;
  line-height: 70px;
  padding: 0 10px;
  background-color: #f5f8f4;
  position: relative;
  z-index: 10;
}
@media only screen and (max-width: 800px) {
  .flightSel__typeOfFlightArrow .i-plane {
    line-height: 60px;
    font-size: 30px;
  }
}
.flightSel__typeOfFlightArrow .i-plane + .i-dot {
  left: auto;
  right: 0;
}
.flightSel__typeOfFlightArrow:before {
  content: "";
  width: 99%;
  height: 2px;
  background-color: #3b7e06;
  background-color: rgba(115, 161, 63, 0.3);
  display: block;
  position: absolute;
  left: 0.5%;
  top: 50%;
  margin-top: -1px;
}
.flightSel__destination {
  padding: 20px 0;
}
@media only screen and (max-width: 640px) {
  .flightSel__destination {
    display: block;
  }
}
@media only screen and (min-width: 641px) and (max-width: 800px) {
  .flightSel__destination {
    display: block;
    float: left;
    margin-left: 68%;
    margin-right: -100%;
    width: 32%;
  }
}
@media only screen and (min-width: 801px) {
  .flightSel__destination {
    display: block;
    float: left;
    margin-left: 67.33333%;
    margin-right: -100%;
    width: 32.66667%;
  }
}
.flightSel__routeText {
  clear: both;
  font-size: 16px;
  text-align: center;
  padding: 0 20px 10px;
  text-transform: none;
  line-height: 20px;
}
.flightSel__routeText a {
  color: #3b7e06;
  white-space: nowrap;
}
.flightSel__routeText a:after {
  font-family: "iconFont";
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "";
  display: inline-block;
  font-size: 14px;
}
.flightSel__dmIntro, .flightSel__dpIntro {
  margin-top: 20px;
}
.flightSel .dateOfFlight {
  margin-top: 20px;
}
.flightSel .dateOfFlight .date-picker-control {
  position: absolute;
  top: 9px;
}
.flightSel .typeOfFlight li {
  padding: 0;
}
.flightSel .typeOfFlight .radioButton label {
  font-size: 15px;
  font-weight: normal;
}
@media only screen and (min-width: 641px) {
  .flightSel .typeOfFlight .radioButton label {
    font-size: 24px;
  }
}
.flightSel__oneWay, .flightSel__roundTrip {
  font-size: 14px;
}
@media only screen and (min-width: 641px) {
  .flightSel__oneWay, .flightSel__roundTrip {
    font-size: 16px;
  }
}
.flightSel .passengers {
  *zoom: 1;
}
.flightSel .passengers:before, .flightSel .passengers:after {
  content: " ";
  display: table;
}
.flightSel .passengers:after {
  clear: both;
}
@media only screen and (min-width: 801px) {
  .flightSel .passengers {
    display: block;
    float: left;
    margin-left: 0;
    margin-right: -100%;
    width: 74.75%;
  }
}
.flightSel .passengers ol {
  *zoom: 1;
  text-align: justify;
}
.flightSel .passengers ol:before, .flightSel .passengers ol:after {
  content: " ";
  display: table;
}
.flightSel .passengers ol:after {
  clear: both;
}
.flightSel .passengers ol:after {
  display: none;
}
.flightSel .passengers label {
  font-size: 13px;
  margin-bottom: 5px;
  text-align: left;
}
.flightSel .passengers .lineLabel {
  float: left;
}
@media only screen and (max-width: 640px) {
  .flightSel .passengers .lineLabel {
    width: 100%;
  }
}
@media only screen and (min-width: 641px) and (max-width: 800px) {
  .flightSel .passengers .lineLabel {
    width: 32%;
  }
}
@media only screen and (min-width: 801px) {
  .flightSel .passengers .lineLabel {
    width: 27.48049%;
  }
}
@media only screen and (max-width: 640px) {
  .flightSel .passengers .lineLabel + .lineLabel {
    margin-top: 20px;
  }
}
@media only screen and (min-width: 641px) and (max-width: 800px) {
  .flightSel .passengers .lineLabel + .lineLabel {
    margin-left: 2%;
  }
}
@media only screen and (min-width: 801px) {
  .flightSel .passengers .lineLabel + .lineLabel {
    margin-left: 6.29877%;
  }
}
.flightSel__footer {
  *zoom: 1;
  margin-top: 20px;
  text-align: right;
  position: relative;
  padding-bottom: 20px;
  border-bottom: 1px solid #d9d9d9;
}
.flightSel__footer:before, .flightSel__footer:after {
  content: " ";
  display: table;
}
.flightSel__footer:after {
  clear: both;
}
.flightSel__footer .firstButton {
  margin: 20px 0 0;
}
@media only screen and (min-width: 801px) {
  .flightSel__footer .firstButton {
    position: absolute;
    bottom: 20px;
    right: 0;
  }
}
.fs-oneWay .flightSel__roundTrip {
  display: none;
}
.fs-roundTrip .flightSel__oneWay {
  display: none;
}
.fs-national .flightSel__months {
  display: none;
}
.flightSel__infoText {
  text-align: center;
  color: #0d4722;
  margin-top: 20px;
}
.flightSel__callToAction {
  padding: 20px;
  text-align: center;
  border-bottom: 1px solid #d9d9d9;
}
.flightSel__callToActionText {
  display: block;
  font-weight: normal;
  margin-bottom: 15px;
}
@media only screen and (max-width: 800px) {
  .flightSel__callToActionText {
    font-size: 20px;
  }
}
@media only screen and (min-width: 801px) and (max-width: 1023px) {
  .flightSel__callToActionText {
    font-size: 24px;
  }
}
@media only screen and (min-width: 1024px) {
  .flightSel__callToActionText {
    font-size: 30px;
  }
}

.flightSel.fs-roundTrip .typeOfFlight,
.flightSel.fs-roundTrip .dateOfFlight {
  display: none;
}
@media only screen and (min-width: 641px) {
  .flightSel.fs-roundTrip .flightSel__summary {
    font-size: 30px;
  }
}
.flightSel.fs-roundTrip .flightSel__summary .price {
  color: #0d4722;
}
.flightSel.fs-roundTrip .flightSel__summary + .flightSel__desc {
  font-size: 16px;
}
.flightSel.fs-roundTrip #soloAndata {
  height: 40px;
  line-height: 40px;
}

.flightSel.fs-oneWay .dateOfFlight .date-picker-control {
  top: 0;
}

.flightSel__coverCanvas + .flightSel {
  top: -90px;
  margin-bottom: -30px;
}
.flightSel__coverCanvas .heroCarousel__item {
  height: 300px;
  overflow: hidden;
}
.flightSel__coverCanvas .heroCarousel__textContainer {
  bottom: 90px;
}

.socialLoginBar {
  background-color: #e6ede4;
  padding: 20px;
}
@media only screen and (max-width: 640px) {
  .socialLoginBar {
    padding: 10px;
  }
}

.socialLoginBar__left {
  display: inline-block;
  vertical-align: middle;
  width: 100%;
}
@media only screen and (min-width: 641px) {
  .socialLoginBar__left {
    width: 66%;
    padding-right: 15%;
  }
}
@media only screen and (min-width: 801px) {
  .socialLoginBar__left {
    width: 66.33333%;
    padding-right: 3.70833%;
  }
}

.socialLoginBar__right {
  margin-top: 20px;
  display: inline-block;
  vertical-align: middle;
  width: 100%;
}
@media only screen and (min-width: 641px) {
  .socialLoginBar__right {
    margin-top: 0px;
    width: 32%;
    margin-left: 2%;
    margin-top: 0;
  }
}
@media only screen and (min-width: 801px) {
  .socialLoginBar__right {
    width: 32.66667%;
    margin-left: 1%;
  }
}
.socialLoginBar__right > * + * {
  margin-top: 20px;
}
.socialLoginBar__right .socialIcons {
  list-style-type: none;
}
.socialLoginBar__right .socialIcons li {
  display: inline-block;
}

.socialLoginBar__title {
  line-height: 1.3;
  color: #000000;
  font-size: 22px;
}

.socialLoginBar__titleSocial {
  line-height: 1;
  color: #000000;
  font-size: 22px;
  text-align: center;
}

.socialLoginBar__list {
  *zoom: 1;
  text-align: center;
}
.socialLoginBar__list:before, .socialLoginBar__list:after {
  content: " ";
  display: table;
}
.socialLoginBar__list:after {
  clear: both;
}

.socialLoginBar__item {
  display: inline-block;
  overflow: hidden;
}
.socialLoginBar__item + .socialLoginBar__item {
  margin-left: 5px;
}
.socialLoginBar__item .socialLoginBar__link {
  background: url(/content/dam/alitalia/assets/clientlibs/images/socialSprite.png) no-repeat 0 0;
  width: 30px;
  height: 30px;
  display: inline-block;
  color: transparent;
  text-indent: -9999px;
  background-size: cover;
}
.socialLoginBar__item .socialLoginBar__link[data-social="facebook"] {
  background-position-x: 0;
}
.socialLoginBar__item .socialLoginBar__link[data-social="google"] {
  background-position-x: -30px;
}
.socialLoginBar__item .socialLoginBar__link[data-social="linkedin"] {
  background-position-x: -60px;
}
.socialLoginBar__item .socialLoginBar__link[data-social="twitter"] {
  background-position-x: -90px;
}
.socialLoginBar__item .socialLoginBar__link[data-social="microsoft"] {
  background-position-x: -120px;
}
.socialLoginBar__item .socialLoginBar__link[data-social="yahoo"] {
  background-position-x: -150px;
}

/******bookingUpsell******* */
.bookingUpsell .editorialArea > * + * {
  margin-top: 5px;
}
.bookingUpsell .editorialArea h3 {
  font-size: 16px;
  font-weight: bold;
  text-transform: uppercase;
}
@media only screen and (min-width: 641px) {
  .bookingUpsell .editorialArea h3 {
    font-size: 20px;
  }
}
@media (min-width: 1024px) and (max-height: 700px) {
  .bookingUpsell .editorialArea h3 {
    font-size: 16px;
  }
}
@media only screen and (max-width: 640px) {
  .bookingUpsell .editorialArea p {
    font-size: 14px;
    line-height: 1.3;
  }
}

.bookingUpsell__accordion {
  position: relative;
  background-color: #ffffff;
}
.bookingUpsell__accordion .bookingLoaderCover {
  top: 48px;
}
.bookingUpsell__accordion .accordion + .accordion {
  margin-top: 20px;
}
@media (min-width: 1024px) and (max-height: 700px) {
  .bookingUpsell__accordion .accordion + .accordion {
    margin-top: 17px;
  }
}
.bookingUpsell__accordion .booking__chooseSeat--choose .bookingExtra__buttonCover {
  margin-top: 0;
}
.bookingUpsell__accordion .accordion__header {
  background-color: #f5f8f4;
}
.bookingUpsell__accordion .accordion__header a {
  font-size: 16px;
  font-weight: bold;
  padding: 10px 15px;
}
@media only screen and (min-width: 641px) {
  .bookingUpsell__accordion .accordion__header a {
    font-size: 20px;
  }
}
@media (min-width: 1024px) and (max-height: 700px) {
  .bookingUpsell__accordion .accordion__header a {
    font-size: 16px;
    padding-top: 8.5px;
    padding-bottom: 8.5px;
  }
}
.bookingUpsell__accordion .accordion__body {
  background-color: #ffffff;
  padding: 20px 15px 25px;
  min-height: 150px;
}
@media only screen and (min-width: 641px) {
  .bookingUpsell__accordion .accordion__body {
    padding: 30px 15px 25px;
  }
}
@media (min-width: 1024px) and (max-height: 700px) {
  .bookingUpsell__accordion .accordion__body {
    padding-top: 25.5px;
    padding-bottom: 21.25px;
  }
}
.bookingUpsell__accordion .imageWithText__left {
  display: inline-block;
  vertical-align: top;
  margin-bottom: 15px;
}
@media only screen and (min-width: 641px) {
  .bookingUpsell__accordion .imageWithText__left {
    width: 25%;
    margin-bottom: 0;
  }
}
.bookingUpsell__accordion .imageWithText__right {
  display: inline-block;
  vertical-align: top;
}
@media only screen and (min-width: 641px) {
  .bookingUpsell__accordion .imageWithText__right {
    margin-left: 0;
    padding-left: 35px;
    width: 75%;
  }
}
.bookingUpsell__accordion .form__buttonCover {
  clear: both;
  padding-top: 0;
  padding-bottom: 0;
}
@media only screen and (max-width: 640px) {
  .bookingUpsell__accordion .form__buttonCover > a {
    display: block;
    float: none;
  }
}
@media only screen and (max-width: 640px) {
  .bookingUpsell__accordion .form__buttonCover .bookingUpsell__upsellPrice {
    width: 100%;
    text-align: center;
  }
}

.bookingUpsell__list li {
  margin-bottom: 5px;
  font-size: 14px;
}
@media only screen and (min-width: 641px) {
  .bookingUpsell__list li {
    font-size: 16px;
  }
}
@media (min-width: 1024px) and (max-height: 700px) {
  .bookingUpsell__list li {
    font-size: 13px;
    margin-bottom: 4.25px;
  }
}
.bookingUpsell__list li .icon {
  color: #3b7e06;
}

.bookingUpsell__listBullets li {
  position: relative;
  padding-left: 15px;
  font-size: 16px;
}
.bookingUpsell__listBullets li:before {
  content: "•";
  font-size: 16px;
  position: absolute;
  top: 0;
  left: 0;
}

.upselling__checkbox {
  position: relative;
}
@media only screen and (max-width: 640px) {
  .upselling__checkbox label {
    font-size: 12px !important;
  }
}
.upselling__checkbox .form__errorIcon {
  opacity: 0;
}

.bookingUpsell__title {
  text-transform: uppercase;
  font-weight: bold;
  font-size: 16px;
  margin-bottom: 10px;
}
@media only screen and (min-width: 641px) {
  .bookingUpsell__title {
    font-size: 20px;
    margin-bottom: 20px;
  }
}
@media (min-width: 1024px) and (max-height: 700px) {
  .bookingUpsell__title {
    font-size: 16px;
    margin-bottom: 17px;
  }
}

.bookingUpsell__paragraph {
  font-size: 12px;
  margin-bottom: 20px;
}
@media only screen and (min-width: 641px) {
  .bookingUpsell__paragraph {
    font-size: 16px;
  }
}
@media (min-width: 1024px) and (max-height: 700px) {
  .bookingUpsell__paragraph {
    font-size: 14px;
    margin-bottom: 17px;
  }
}
.bookingUpsell__paragraph .externalLink,
.bookingUpsell__paragraph a {
  color: #3b7e06;
  text-transform: uppercase;
}
.bookingUpsell__paragraph.paddingTop {
  padding-top: 15px;
}
@media (min-width: 1024px) and (max-height: 700px) {
  .bookingUpsell__paragraph.paddingTop {
    padding-top: 12.75px;
  }
}

.bookingUpsell__head {
  padding: 40px 10px 30px;
}
@media only screen and (min-width: 641px) {
  .bookingUpsell__head {
    padding: 30px 0 20px;
  }
}
@media (min-width: 1024px) and (max-height: 700px) {
  .bookingUpsell__head {
    padding: 34px 0 17px;
  }
}
.bookingUpsell__head .line3 {
  text-transform: uppercase;
  text-align: center;
  font-weight: bold;
  font-size: 18px;
}
@media only screen and (min-width: 641px) {
  .bookingUpsell__head .line3 {
    font-size: 24px;
  }
}
@media only screen and (min-width: 801px) {
  .bookingUpsell__head .line3 {
    font-size: 28px;
  }
}
@media (min-width: 1024px) and (max-height: 700px) {
  .bookingUpsell__head .line3 {
    font-size: 18px;
  }
}
.bookingUpsell__head + .bookingUpsell__accordion {
  margin-top: 20px;
}
@media (min-width: 1024px) and (max-height: 700px) {
  .bookingUpsell__head + .bookingUpsell__accordion {
    margin-top: 17px;
  }
}

.bookingUpsell__table td {
  border: 1px solid #b2b2b2;
}
.bookingUpsell__table th,
.bookingUpsell__table td {
  text-align: left;
  padding: 5px 10px;
}
@media only screen and (max-width: 640px) {
  .bookingUpsell__table td.title.thTitle0:before {
    display: none;
  }
}

.bookingUpsell__radio .radioButton {
  margin-right: 20px;
}

.bookingUpsell__check {
  padding-top: 15px;
  clear: both;
}
.bookingUpsell__check label {
  font-size: 12px;
}
.isError .bookingUpsell__check .form__errorField {
  display: inline-block;
}

.bookingUpsell__upsellPrice {
  text-align: center;
  min-width: 240px;
  display: inline-block;
  margin-bottom: 10px;
}
@media (min-width: 1024px) and (max-height: 700px) {
  .bookingUpsell__upsellPrice {
    min-width: 215px;
    margin-bottom: 8.5px;
  }
}
.bookingUpsell__upsellPrice .price {
  font-size: 18px;
  display: block;
}
@media (min-width: 1024px) and (max-height: 700px) {
  .bookingUpsell__upsellPrice .price {
    font-size: 11px;
  }
}
.bookingUpsell__upsellPrice .info {
  font-size: 13px;
}
@media (min-width: 1024px) and (max-height: 700px) {
  .bookingUpsell__upsellPrice .info {
    font-size: 10px;
  }
}

.upsellingTeaser__text {
  font-size: 0;
}

.upsellingTeaser__image {
  font-size: 16px;
  vertical-align: middle;
  display: inline-block;
  padding-right: 35px;
  width: 20%;
}
.upsellingTeaser__image img {
  width: 100%;
}
.upsellingTeaser__image .insured {
  display: block;
  width: auto;
}
@media only screen and (max-width: 640px) {
  .upsellingTeaser__image .insured {
    width: auto;
  }
}
@media only screen and (max-width: 800px) {
  .upsellingTeaser__image {
    width: 30%;
  }
}
@media only screen and (max-width: 640px) {
  .upsellingTeaser__image {
    width: 100%;
    padding: 0;
    margin-bottom: 15px;
  }
}

.upsellingTeaser__right {
  font-size: 16px;
  vertical-align: top;
  display: inline-block;
  width: 80%;
}
@media only screen and (max-width: 800px) {
  .upsellingTeaser__right {
    width: 70%;
  }
}
@media only screen and (max-width: 640px) {
  .upsellingTeaser__right {
    width: 100%;
  }
}

.upsellingChoose__header {
  margin-bottom: 20px;
  *zoom: 1;
}
@media (min-width: 1024px) and (max-height: 700px) {
  .upsellingChoose__header {
    margin-bottom: 17px;
  }
}
.upsellingChoose__header:before, .upsellingChoose__header:after {
  content: " ";
  display: table;
}
.upsellingChoose__header:after {
  clear: both;
}
.upsellingChoose__header .title {
  font-size: 20px;
  line-height: 1.2;
  text-transform: uppercase;
  margin-bottom: 20px;
}
@media (min-width: 1024px) and (max-height: 700px) {
  .upsellingChoose__header .title {
    font-size: 17px;
    margin-bottom: 17px;
  }
}
.upsellingChoose__header .paragraph {
  font-size: 19px;
  line-height: 1.2;
}
.upsellingChoose__header .paragraph a {
  color: #3b7e06;
}
@media only screen and (max-width: 640px) {
  .upsellingChoose__header .paragraph {
    font-size: 15px;
    margin-bottom: 10px;
  }
}
@media (min-width: 1024px) and (max-height: 700px) {
  .upsellingChoose__header .paragraph {
    font-size: 16.15px;
  }
}
.upsellingChoose__header .note {
  font-size: 12px;
  line-height: 1.2;
}
@media (min-width: 1024px) and (max-height: 700px) {
  .upsellingChoose__header .note {
    font-size: 10.2px;
  }
}

.upsellingChoose,
.upsellingFeedback {
  display: none;
}
.upsellingChoose > * + *,
.upsellingFeedback > * + * {
  margin-top: 20px;
}
@media (min-width: 1024px) and (max-height: 700px) {
  .upsellingChoose > * + *,
  .upsellingFeedback > * + * {
    margin-top: 17px;
  }
}

.manageBooking__body .upsellingChoose, .manageBooking__body
.upsellingFeedback, .manageBooking__body
.upsellingTeaser {
  display: none;
}
.manageBooking__body .upsellingChoose.currentStep, .manageBooking__body
.upsellingFeedback.currentStep, .manageBooking__body
.upsellingTeaser.currentStep {
  display: block;
}

.upsellingChoose__notify {
  text-transform: uppercase;
  font-size: 14px;
  font-weight: bold;
  white-space: nowrap;
}
@media only screen and (min-width: 641px) {
  .upsellingChoose__notify {
    font-size: 12px;
  }
}
@media only screen and (min-width: 801px) {
  .upsellingChoose__notify {
    font-size: 12px;
  }
}
@media only screen and (min-width: 1024px) {
  .upsellingChoose__notify {
    font-size: 14px;
  }
}

.foodOnBoard__listChoose {
  list-style: none;
  margin-bottom: 20px;
  padding: 0 15px;
}
@media only screen and (max-width: 640px) {
  .foodOnBoard__listChoose {
    padding: 0;
  }
}
.foodOnBoard__listChoose li {
  padding: 15px 0;
  list-style: none;
  *zoom: 1;
  border-bottom: 1px solid #e2e2e2;
}
.foodOnBoard__listChoose li:before, .foodOnBoard__listChoose li:after {
  content: " ";
  display: table;
}
.foodOnBoard__listChoose li:after {
  clear: both;
}
.foodOnBoard__listChoose .customSelect {
  display: inline-block;
  vertical-align: middle;
}

.foodOnBoard__passengerInfo {
  display: inline-block;
  vertical-align: middle;
  margin-right: 20px;
  width: 100%;
  margin-bottom: 20px;
  font-weight: bold;
}
@media only screen and (min-width: 801px) {
  .foodOnBoard__passengerInfo {
    margin-bottom: 0;
    width: 40%;
  }
}
@media only screen and (max-width: 640px) {
  .foodOnBoard__passengerInfo {
    margin-bottom: 10px;
  }
}
.foodOnBoard__list .foodOnBoard__passengerInfo {
  margin-bottom: 5px;
}

.foodOnBoard__passenger {
  font-size: 16px;
  line-height: 1.2em;
  text-transform: uppercase;
}
@media (min-width: 1024px) and (max-height: 700px) {
  .foodOnBoard__passenger {
    font-size: 13px;
    font-weight: bold;
  }
}

.foodOnBoard__plus {
  display: block;
  font-size: 16px;
  text-transform: none;
}
@media (min-width: 1024px) and (max-height: 700px) {
  .foodOnBoard__plus {
    font-size: 13.6px;
  }
}

.foodOnBoard__selectWrapper {
  font-size: 0;
  height: 40px;
  line-height: 40px;
  vertical-align: middle;
  display: inline-block;
  width: 100%;
}
@media only screen and (min-width: 801px) {
  .foodOnBoard__selectWrapper {
    width: auto;
  }
}
.foodOnBoard__selectWrapper .customSelect {
  height: 40px;
  line-height: 40px;
  border-top: 1px solid #b2b2b2;
  border-bottom: 1px solid #b2b2b2;
  border-right: 1px solid #b2b2b2;
  border-left: none;
  background-color: #f5f8f4;
}
@media only screen and (max-width: 640px) {
  .foodOnBoard__selectWrapper .customSelect {
    width: auto;
    min-width: 228px;
  }
}
.foodOnBoard__selectWrapper .customSelect .foodOnBoard__select {
  height: 40px;
  line-height: 40px;
}

.foodOnBoard__selectLabel {
  font-size: 1px;
  vertical-align: middle;
  display: inline-block;
  width: 40px;
  height: 40px;
  padding-right: 10px;
  border-top: 1px solid #b2b2b2;
  border-bottom: 1px solid #b2b2b2;
  border-left: 1px solid #b2b2b2;
  border-right: 1px solid #b2b2b2;
  color: #3b7e06;
  position: relative;
  text-indent: -9999px;
  white-space: nowrap;
  overflow: hidden;
  background-color: #f5f8f4;
}
.foodOnBoard__selectLabel .icon {
  font-size: 30px;
  position: absolute;
  left: 0;
  top: 0;
  width: 40px;
  height: 40px;
  text-align: center;
  text-indent: 0;
}
.foodOnBoard__selectLabel .icon:before {
  vertical-align: middle;
}

.foodOnBoard__list {
  *zoom: 1;
  margin-bottom: 20px;
}
.foodOnBoard__list:before, .foodOnBoard__list:after {
  content: " ";
  display: table;
}
.foodOnBoard__list:after {
  clear: both;
}
.foodOnBoard__list li {
  width: 50%;
  float: left;
  padding: 0 20px;
  margin-bottom: 15px;
}
.foodOnBoard__list li:nth-child(2n+1) {
  border-right: 1px solid #b2b2b2;
}
.foodOnBoard__list .foodOnBoard__item {
  text-transform: uppercase;
  font-size: 16px;
  line-height: 1.2em;
}
.foodOnBoard__list .foodOnBoard__item .i-menu {
  font-size: 20px;
}
.foodOnBoard__list .foodOnBoard__item .note {
  font-size: 12px;
}

.fastTrackChoose__listChoose li, .extraBagageChoose__listChoose li, .loungeChoose__listChoose li {
  margin-bottom: 20px;
  padding: 8px 0 0;
}
@media only screen and (max-width: 640px) {
  .fastTrackChoose__listChoose li, .extraBagageChoose__listChoose li, .loungeChoose__listChoose li {
    padding-bottom: 10px;
    border-bottom: 1px solid #b2b2b2;
  }
  .fastTrackChoose__listChoose li:first-child, .extraBagageChoose__listChoose li:first-child, .loungeChoose__listChoose li:first-child {
    margin-bottom: 40px;
  }
}
.fastTrackChoose__listChoose li .first, .fastTrackChoose__listChoose li .second, .fastTrackChoose__listChoose li .third, .fastTrackChoose__listChoose li .fourth, .fastTrackChoose__listChoose li .checkWrapper, .extraBagageChoose__listChoose li .first, .extraBagageChoose__listChoose li .second, .extraBagageChoose__listChoose li .third, .extraBagageChoose__listChoose li .fourth, .extraBagageChoose__listChoose li .checkWrapper, .loungeChoose__listChoose li .first, .loungeChoose__listChoose li .second, .loungeChoose__listChoose li .third, .loungeChoose__listChoose li .fourth, .loungeChoose__listChoose li .checkWrapper {
  vertical-align: top;
  display: inline-block;
  padding-right: 20px;
}
.fastTrackChoose__listChoose li .first, .extraBagageChoose__listChoose li .first, .loungeChoose__listChoose li .first {
  width: 100%;
}
@media only screen and (min-width: 641px) {
  .fastTrackChoose__listChoose li .first, .extraBagageChoose__listChoose li .first, .loungeChoose__listChoose li .first {
    width: 25%;
  }
}
@media only screen and (min-width: 801px) {
  .fastTrackChoose__listChoose li .first, .extraBagageChoose__listChoose li .first, .loungeChoose__listChoose li .first {
    width: 25%;
  }
}
@media only screen and (min-width: 1024px) {
  .fastTrackChoose__listChoose li .first, .extraBagageChoose__listChoose li .first, .loungeChoose__listChoose li .first {
    width: 28%;
  }
}
@media only screen and (max-width: 640px) {
  .fastTrackChoose__listChoose li .first, .extraBagageChoose__listChoose li .first, .loungeChoose__listChoose li .first {
    padding: 0;
  }
}
.fastTrackChoose__listChoose li .first .row, .extraBagageChoose__listChoose li .first .row, .loungeChoose__listChoose li .first .row {
  margin-bottom: 8px;
}
.fastTrackChoose__listChoose li .first .flight, .extraBagageChoose__listChoose li .first .flight, .loungeChoose__listChoose li .first .flight {
  color: #3b7e06;
  font-size: 16px;
  line-height: 1.2;
  text-transform: uppercase;
  font-weight: bold;
}
@media (min-width: 1024px) and (max-height: 700px) {
  .fastTrackChoose__listChoose li .first .flight, .extraBagageChoose__listChoose li .first .flight, .loungeChoose__listChoose li .first .flight {
    font-size: 13.6px;
  }
}
.fastTrackChoose__listChoose li .first .date, .extraBagageChoose__listChoose li .first .date, .loungeChoose__listChoose li .first .date {
  font-weight: lighter;
  font-size: 16px;
  line-height: 1.2;
  text-transform: uppercase;
}
@media (min-width: 1024px) and (max-height: 700px) {
  .fastTrackChoose__listChoose li .first .date, .extraBagageChoose__listChoose li .first .date, .loungeChoose__listChoose li .first .date {
    font-size: 13.6px;
  }
}
.fastTrackChoose__listChoose li .first .tratta, .extraBagageChoose__listChoose li .first .tratta, .loungeChoose__listChoose li .first .tratta {
  display: block;
  font-size: 16px;
  line-height: 1.2;
  text-transform: uppercase;
}
@media (min-width: 1024px) and (max-height: 700px) {
  .fastTrackChoose__listChoose li .first .tratta, .extraBagageChoose__listChoose li .first .tratta, .loungeChoose__listChoose li .first .tratta {
    font-size: 13.6px;
  }
}
.fastTrackChoose__listChoose li .first .flightClass, .extraBagageChoose__listChoose li .first .flightClass, .loungeChoose__listChoose li .first .flightClass {
  display: block;
  font-size: 14px;
  line-height: 1.2;
}
@media (min-width: 1024px) and (max-height: 700px) {
  .fastTrackChoose__listChoose li .first .flightClass, .extraBagageChoose__listChoose li .first .flightClass, .loungeChoose__listChoose li .first .flightClass {
    font-size: 11.9px;
  }
}
.fastTrackChoose__listChoose li .title, .extraBagageChoose__listChoose li .title, .loungeChoose__listChoose li .title {
  color: #3b7e06;
  font-size: 16px;
  line-height: 1.2;
  text-transform: uppercase;
  display: block;
  margin-bottom: 5px;
  font-weight: bold;
}
@media (min-width: 1024px) and (max-height: 700px) {
  .fastTrackChoose__listChoose li .title, .extraBagageChoose__listChoose li .title, .loungeChoose__listChoose li .title {
    font-size: 13.6px;
  }
}
.fastTrackChoose__listChoose li .second, .extraBagageChoose__listChoose li .second, .loungeChoose__listChoose li .second {
  width: 100%;
}
@media only screen and (max-width: 640px) {
  .fastTrackChoose__listChoose li .second, .extraBagageChoose__listChoose li .second, .loungeChoose__listChoose li .second {
    margin-bottom: 10px;
    padding: 0 0 10px;
    border-bottom: 1px solid #b2b2b2;
  }
}
@media only screen and (min-width: 641px) {
  .fastTrackChoose__listChoose li .second, .extraBagageChoose__listChoose li .second, .loungeChoose__listChoose li .second {
    width: 25%;
  }
}
@media only screen and (min-width: 801px) {
  .fastTrackChoose__listChoose li .second, .extraBagageChoose__listChoose li .second, .loungeChoose__listChoose li .second {
    width: 25%;
  }
}
@media only screen and (min-width: 1024px) {
  .fastTrackChoose__listChoose li .second, .extraBagageChoose__listChoose li .second, .loungeChoose__listChoose li .second {
    width: 28%;
  }
}
.fastTrackChoose__listChoose li .second .airport, .extraBagageChoose__listChoose li .second .airport, .loungeChoose__listChoose li .second .airport {
  font-size: 16px;
  line-height: 1.2;
  text-transform: uppercase;
}
@media (min-width: 1024px) and (max-height: 700px) {
  .fastTrackChoose__listChoose li .second .airport, .extraBagageChoose__listChoose li .second .airport, .loungeChoose__listChoose li .second .airport {
    font-size: 13.6px;
  }
}
.fastTrackChoose__listChoose li .third, .extraBagageChoose__listChoose li .third, .loungeChoose__listChoose li .third {
  width: 55%;
}
@media only screen and (min-width: 641px) {
  .fastTrackChoose__listChoose li .third, .extraBagageChoose__listChoose li .third, .loungeChoose__listChoose li .third {
    width: 23%;
  }
}
@media only screen and (min-width: 801px) {
  .fastTrackChoose__listChoose li .third, .extraBagageChoose__listChoose li .third, .loungeChoose__listChoose li .third {
    width: 23%;
  }
}
@media only screen and (min-width: 1024px) {
  .fastTrackChoose__listChoose li .third, .extraBagageChoose__listChoose li .third, .loungeChoose__listChoose li .third {
    width: 23%;
  }
}
.fastTrackChoose__listChoose li .third .type, .extraBagageChoose__listChoose li .third .type, .loungeChoose__listChoose li .third .type {
  font-size: 16px;
  line-height: 1.2;
}
@media (min-width: 1024px) and (max-height: 700px) {
  .fastTrackChoose__listChoose li .third .type, .extraBagageChoose__listChoose li .third .type, .loungeChoose__listChoose li .third .type {
    font-size: 13.6px;
  }
}
.fastTrackChoose__listChoose li .third .icon, .extraBagageChoose__listChoose li .third .icon, .loungeChoose__listChoose li .third .icon {
  color: #3b7e06;
  font-size: 22px;
  margin-right: 5px;
}
@media (min-width: 1024px) and (max-height: 700px) {
  .fastTrackChoose__listChoose li .third .icon, .extraBagageChoose__listChoose li .third .icon, .loungeChoose__listChoose li .third .icon {
    font-size: 18.7px;
  }
}
.fastTrackChoose__listChoose li .third .price, .extraBagageChoose__listChoose li .third .price, .loungeChoose__listChoose li .third .price {
  color: #3b7e06;
  font-size: 25px;
}
@media (min-width: 1024px) and (max-height: 700px) {
  .fastTrackChoose__listChoose li .third .price, .extraBagageChoose__listChoose li .third .price, .loungeChoose__listChoose li .third .price {
    font-size: 21.25px;
  }
}
.fastTrackChoose__listChoose li .fourth, .extraBagageChoose__listChoose li .fourth, .loungeChoose__listChoose li .fourth {
  width: 28%;
}
@media only screen and (min-width: 641px) {
  .fastTrackChoose__listChoose li .fourth, .extraBagageChoose__listChoose li .fourth, .loungeChoose__listChoose li .fourth {
    width: 15%;
  }
}
@media only screen and (min-width: 801px) {
  .fastTrackChoose__listChoose li .fourth, .extraBagageChoose__listChoose li .fourth, .loungeChoose__listChoose li .fourth {
    width: 15%;
  }
}
@media only screen and (min-width: 1024px) {
  .fastTrackChoose__listChoose li .fourth, .extraBagageChoose__listChoose li .fourth, .loungeChoose__listChoose li .fourth {
    width: 12%;
  }
}
.fastTrackChoose__listChoose li .fourth, .fastTrackChoose__listChoose li .checkWrapper, .extraBagageChoose__listChoose li .fourth, .extraBagageChoose__listChoose li .checkWrapper, .loungeChoose__listChoose li .fourth, .loungeChoose__listChoose li .checkWrapper {
  display: inline-block;
  height: 100%;
}
.fastTrackChoose__listChoose li .fourth:before, .fastTrackChoose__listChoose li .checkWrapper:before, .extraBagageChoose__listChoose li .fourth:before, .extraBagageChoose__listChoose li .checkWrapper:before, .loungeChoose__listChoose li .fourth:before, .loungeChoose__listChoose li .checkWrapper:before {
  padding-bottom: 50px;
}
@media only screen and (max-width: 640px) {
  .fastTrackChoose__listChoose li .fourth:before, .fastTrackChoose__listChoose li .checkWrapper:before, .extraBagageChoose__listChoose li .fourth:before, .extraBagageChoose__listChoose li .checkWrapper:before, .loungeChoose__listChoose li .fourth:before, .loungeChoose__listChoose li .checkWrapper:before {
    padding-bottom: 38px;
  }
}
.fastTrackChoose__listChoose li .fourth .price, .fastTrackChoose__listChoose li .checkWrapper .price, .extraBagageChoose__listChoose li .fourth .price, .extraBagageChoose__listChoose li .checkWrapper .price, .loungeChoose__listChoose li .fourth .price, .loungeChoose__listChoose li .checkWrapper .price {
  color: #3b7e06;
  font-size: 24px;
  line-height: 1.2;
  font-weight: bold;
  vertical-align: middle;
}
@media only screen and (max-width: 640px) {
  .fastTrackChoose__listChoose li .fourth .price, .fastTrackChoose__listChoose li .checkWrapper .price, .extraBagageChoose__listChoose li .fourth .price, .extraBagageChoose__listChoose li .checkWrapper .price, .loungeChoose__listChoose li .fourth .price, .loungeChoose__listChoose li .checkWrapper .price {
    font-size: 22px;
  }
}
@media (min-width: 1024px) and (max-height: 700px) {
  .fastTrackChoose__listChoose li .fourth .price, .fastTrackChoose__listChoose li .checkWrapper .price, .extraBagageChoose__listChoose li .fourth .price, .extraBagageChoose__listChoose li .checkWrapper .price, .loungeChoose__listChoose li .fourth .price, .loungeChoose__listChoose li .checkWrapper .price {
    font-size: 20.4px;
  }
}
@media only screen and (max-width: 640px) {
  .fastTrackChoose__listChoose li .fourth, .extraBagageChoose__listChoose li .fourth, .loungeChoose__listChoose li .fourth {
    width: 30%;
  }
}
@media only screen and (max-width: 640px) {
  .fastTrackChoose__listChoose li .checkWrapper, .extraBagageChoose__listChoose li .checkWrapper, .loungeChoose__listChoose li .checkWrapper {
    padding: 0;
  }
}
.fastTrackChoose__listChoose li .checkWrapper .placeCheck, .extraBagageChoose__listChoose li .checkWrapper .placeCheck, .loungeChoose__listChoose li .checkWrapper .placeCheck {
  vertical-align: middle;
}
.fastTrackChoose__listChoose li .upsellingChoose__activeNotify .fourth, .extraBagageChoose__listChoose li .upsellingChoose__activeNotify .fourth, .loungeChoose__listChoose li .upsellingChoose__activeNotify .fourth {
  width: 100%;
  padding: 0;
}
@media only screen and (min-width: 641px) {
  .fastTrackChoose__listChoose li .upsellingChoose__activeNotify .fourth, .extraBagageChoose__listChoose li .upsellingChoose__activeNotify .fourth, .loungeChoose__listChoose li .upsellingChoose__activeNotify .fourth {
    width: 24%;
  }
}
@media only screen and (min-width: 801px) {
  .fastTrackChoose__listChoose li .upsellingChoose__activeNotify .fourth, .extraBagageChoose__listChoose li .upsellingChoose__activeNotify .fourth, .loungeChoose__listChoose li .upsellingChoose__activeNotify .fourth {
    width: 25%;
  }
}
@media only screen and (min-width: 1024px) {
  .fastTrackChoose__listChoose li .upsellingChoose__activeNotify .fourth, .extraBagageChoose__listChoose li .upsellingChoose__activeNotify .fourth, .loungeChoose__listChoose li .upsellingChoose__activeNotify .fourth {
    width: 19%;
  }
}

.loungeChoose__listChoose li .third {
  width: 35%;
}
@media only screen and (max-width: 640px) {
  .loungeChoose__listChoose li .third {
    width: 86%;
  }
}

.extraBagage_detail,
.fastTrack__detail {
  border-bottom: 1px solid #e2e2e2;
  margin-bottom: 8px;
  padding-bottom: 8px;
  position: relative;
}
.extraBagage_detail label,
.fastTrack__detail label {
  display: block;
  position: relative;
  z-index: 2;
}
.extraBagage_detail .checkWrapper,
.fastTrack__detail .checkWrapper {
  float: right;
  height: auto !important;
  padding: 0;
}
@media only screen and (max-width: 640px) {
  .extraBagage_detail .checkWrapper,
  .fastTrack__detail .checkWrapper {
    position: absolute;
    right: 20px;
  }
}

.extraBagage_detailItem,
.fastTrack_detailItem {
  position: relative;
}

.fastTrack__passenger, .extraBagage_passenger {
  font-size: 16px;
  line-height: 1.2em;
  text-transform: uppercase;
  display: block;
  padding-bottom: 8px;
  margin-bottom: 8px;
  border-bottom: 1px solid #e2e2e2;
  font-weight: bold;
}
@media (min-width: 1024px) and (max-height: 700px) {
  .fastTrack__passenger, .extraBagage_passenger {
    font-size: 13.6px;
  }
}
.fastTrack__passenger .codemlm, .extraBagage_passenger .codemlm {
  font-weight: lighter;
}
.fastTrack__passenger .numMlm, .extraBagage_passenger .numMlm {
  font-weight: bold;
  color: #287e57;
}

.millemiglia__offers {
  margin-bottom: 60px;
}

.ta-r {
  text-align: right;
}

.millemiglia__cardholder__bg, .millemiglia__card-wrap__name, .millemiglia__main-menu__link .text {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
}

.millemiglia__cardholder {
  position: relative;
  padding-bottom: 160px;
}
@media only screen and (max-width: 640px) {
  .millemiglia__cardholder {
    padding-bottom: 0px;
  }
}

.millemiglia__cardholder__bg {
  background-image: url(/content/dam/alitalia/assets/clientlibs/images/patterns/clouds.jpg);
  background-repeat: repeat-x;
  background-size: cover;
  background-position: bottom center;
}

.millemiglia__cardholder__content {
  position: static;
  padding-top: 40px;
}

.millemiglia__cardholder__col {
  display: block;
  float: left;
  margin-left: 0;
  margin-right: -100%;
  width: 49.5%;
}
@media only screen and (max-width: 1023px) {
  .millemiglia__cardholder__col {
    width: 50%;
  }
}
@media only screen and (max-width: 640px) {
  .millemiglia__cardholder__col {
    width: 100%;
  }
}

.millemiglia__cardholder__types {
  display: block;
  float: left;
  margin-left: 50.5%;
  margin-right: -100%;
  width: 49.5%;
  margin-right: 0;
  position: absolute;
  right: 0;
  top: 0;
  height: 100%;
}
@media only screen and (max-width: 1023px) {
  .millemiglia__cardholder__types {
    width: 50%;
  }
}
@media only screen and (max-width: 640px) {
  .millemiglia__cardholder__types {
    display: none;
  }
}

.millemiglia__card-wrap {
  border-width: 1px;
  border-color: #dadada;
  border-style: solid;
  background-color: #fff;
  opacity: 0.902;
  position: relative;
}

.millemiglia__card-wrap__card {
  margin-left: 0;
}
@media only screen and (min-width: 641px) {
  .millemiglia__card-wrap__card {
    margin-left: 0%;
  }
}
@media only screen and (min-width: 801px) {
  .millemiglia__card-wrap__card {
    margin-left: 35%;
  }
}
@media only screen and (min-width: 1024px) {
  .millemiglia__card-wrap__card {
    margin-left: 40%;
  }
}

.millemiglia__card-wrap__name {
  right: auto;
}
@media only screen and (max-width: 800px) {
  .millemiglia__card-wrap__name {
    display: none;
  }
}
@media only screen and (min-width: 801px) {
  .millemiglia__card-wrap__name {
    width: 36%;
  }
}
@media only screen and (min-width: 1024px) {
  .millemiglia__card-wrap__name {
    width: 40%;
  }
}

.millemiglia__card__name {
  font-weight: lighter;
  width: 90%;
  margin: 0 auto;
  text-align: center;
  padding: 0 5%;
  position: relative;
  color: #4c4c4c;
  padding-bottom: 20px;
  font-size: 22px;
}
@media only screen and (min-width: 1024px) {
  .millemiglia__card__name {
    font-size: 30px;
  }
}
.millemiglia__card__name:after {
  content: "";
  position: absolute;
  width: 40px;
  border-bottom: 1px solid #4c4c4c;
  left: 0;
  right: 0;
  bottom: 0;
  margin: 0 auto;
}

.card-base {
  padding: 45px 25px;
  position: relative;
  overflow: hidden;
}
@media only screen and (max-width: 640px) {
  .card-base {
    padding: 25px;
  }
}
.card-base .millemiglia__card {
  float: right;
  background-size: contain;
}
.card-base .millemiglia__card .millemiglia__cardInfoTop {
  bottom: 35%;
}
.card-base .millemiglia__card .millemiglia__cardInfoBottom {
  display: none;
}
.card-base:after, .card-base:before {
  content: "";
  position: absolute;
  width: 50px;
  height: 50px;
  z-index: 2;
}
.card-base:after {
  bottom: 35px;
  right: 35px;
  background: url(/content/dam/alitalia/assets/clientlibs/images/triangle-left_new.png) no-repeat center center;
}
@media only screen and (max-width: 640px) {
  .card-base:after {
    bottom: 15px;
  }
}
.card-base:before {
  top: 35px;
  left: 15px;
  background: url(/content/dam/alitalia/assets/clientlibs/images/triangle-right_new.png) no-repeat center center;
}
@media only screen and (max-width: 640px) {
  .card-base:before {
    width: 100%;
    top: 35px;
    max-width: 347px;
    left: auto;
    right: 10px;
    position: relative;
    background-position: left center;
    float: right;
  }
}

.millemiglia__cart-points {
  font-size: 26px;
  font-weight: 300;
  text-transform: uppercase;
  text-align: center;
  margin-bottom: 45px;
}
.millemiglia__cart-points strong {
  font-weight: bold;
}
@media only screen and (max-width: 800px) {
  .millemiglia__cart-points {
    font-size: 19px;
  }
}
@media only screen and (max-width: 640px) {
  .millemiglia__cart-points {
    width: 30%;
    display: table-cell;
    vertical-align: middle;
    margin: 0px;
    font-size: 13px;
    text-align: left;
  }
}

.millemiglia__cardtypes {
  width: 65%;
  margin: 0 auto;
}
@media only screen and (max-width: 800px) {
  .millemiglia__cardtypes {
    width: 85%;
  }
}
@media only screen and (max-width: 640px) {
  .millemiglia__cardtypes {
    width: 100%;
    padding: 0 10px;
  }
}

.millemiglia__cardtypes--mobile {
  display: none;
  background: #ffffff;
}
@media only screen and (max-width: 640px) {
  .millemiglia__cardtypes--mobile {
    display: table;
  }
}

@media only screen and (max-width: 640px) {
  .millemiglia__cart-bar-wrap {
    display: table-cell;
    vertical-align: middle;
    width: 70%;
    padding-left: 20px;
  }
}

.millemiglia__cart-bar {
  display: table;
  width: 100%;
  max-width: 320px;
  height: 32px;
  margin: 0 auto;
  margin-top: 80px;
}
@media only screen and (max-width: 640px) {
  .millemiglia__cart-bar {
    margin-top: 80px;
    margin-bottom: 60px;
  }
}

.millemiglia__cart-bar__item {
  display: table-cell;
  vertical-align: middle;
  width: 25%;
  background-color: #ffffff;
  position: relative;
}
.millemiglia__cart-bar__item:first-child {
  border-top-left-radius: 24px;
  border-bottom-left-radius: 24px;
}
.millemiglia__cart-bar__item:last-child {
  border-top-right-radius: 24px;
  border-bottom-right-radius: 24px;
}
.millemiglia__cart-bar__item.level01 .level-tooltip {
  background: #016644;
}
.millemiglia__cart-bar__item.level01 .level-tooltip:before {
  border-top: 6px solid #016644;
}
.millemiglia__cart-bar__item.level02 .level-tooltip {
  background: #878787;
}
.millemiglia__cart-bar__item.level02 .level-tooltip:before {
  border-top: 6px solid #878787;
}
.millemiglia__cart-bar__item.level03 .level-tooltip {
  background: #87754d;
}
.millemiglia__cart-bar__item.level03 .level-tooltip:before {
  border-top: 6px solid #87754d;
}
.millemiglia__cart-bar__item.level04 .level-tooltip {
  background: #555555;
}
.millemiglia__cart-bar__item.level04 .level-tooltip:before {
  border-top: 6px solid #555555;
}
.millemiglia__cart-bar__item.isActive .level-tooltip {
  opacity: 1;
}
@media only screen and (max-width: 640px) {
  .millemiglia__cart-bar__item {
    background-color: #f2f3ef;
  }
}
.millemiglia__cart-bar__item .level-tooltip {
  position: absolute;
  opacity: 0.4;
  width: 58px;
  height: 40px;
  top: -60px;
  left: 0px;
  right: 0;
  margin: 0 auto;
  border-radius: 4px;
  text-align: center;
  display: block;
}
@media only screen and (max-width: 640px) {
  .millemiglia__cart-bar__item .level-tooltip {
    width: 42px;
    height: 32px;
    top: -45px;
  }
}
.millemiglia__cart-bar__item .level-tooltip:before {
  content: "";
  width: 0;
  height: 0;
  position: absolute;
  bottom: -6px;
  left: 0;
  right: 0;
  margin: 0 auto;
  border-left: 6px solid transparent;
  border-right: 6px solid transparent;
  border-top: 6px solid #287e57;
}
.millemiglia__cart-bar__item .level-tooltip span {
  color: #ffffff;
  font-size: 26px;
  line-height: 40px;
}
.millemiglia__cart-bar__item .check-box {
  background-image: url(/content/dam/alitalia/assets/clientlibs/images/circle-checks.png);
  background-repeat: no-repeat;
  background-position: 2px -1px;
  width: 29px;
  display: block;
  margin: 0 auto;
  height: 27px;
}
.millemiglia__cart-bar__item.isActive {
  background-color: #016644;
}
.mm_tier1 .millemiglia__cart-bar__item.isActive {
  background-color: #016644;
}
.mm_tier2 .millemiglia__cart-bar__item.isActive {
  background-color: #878787;
}
.mm_tier3 .millemiglia__cart-bar__item.isActive {
  background-color: #87754d;
}
.mm_tier4 .millemiglia__cart-bar__item.isActive {
  background-color: #555555;
}
.millemiglia__cart-bar__item.isActive .check-box {
  background-position: 2px -27px;
}

@media only screen and (max-width: 640px) {
  .millemiglia__brief-wrap {
    border: none;
  }
}

.millemiglia__brief {
  *zoom: 1;
  background: #f5f8f4;
  margin: -100px -5px 0;
  border: 5px solid #e6ede4;
}
.millemiglia__brief:before, .millemiglia__brief:after {
  content: " ";
  display: table;
}
.millemiglia__brief:after {
  clear: both;
}
@media only screen and (max-width: 640px) {
  .millemiglia__brief {
    margin: 0px;
    margin-bottom: 20px;
  }
}

.millemiglia__brief__block {
  height: 70px;
  display: block;
  width: 50%;
  float: left;
}
@media only screen and (max-width: 1023px) {
  .millemiglia__brief__block:first-child {
    width: 100%;
  }
}
@media only screen and (min-width: 641px) {
  .millemiglia__brief__block {
    width: 33.33333%;
    height: 90px;
  }
}
@media only screen and (min-width: 1024px) {
  .millemiglia__brief__block {
    width: 14.28571%;
    height: 120px;
  }
}
.millemiglia__brief__block:first-child .millemiglia__brief__block__info {
  text-align: left;
}

.millemiglia__brief__block__info {
  padding: 0 20px;
  text-transform: uppercase;
  text-align: center;
  color: #000000;
  vertical-align: middle;
}
@media only screen and (max-width: 1023px) {
  .millemiglia__brief__block__info {
    text-align: left;
  }
}
.millemiglia__brief__block__info .heading {
  font-weight: lighter;
  font-size: 22px;
}
@media only screen and (max-width: 640px) {
  .millemiglia__brief__block__info .heading {
    font-size: 18px;
  }
}
.millemiglia__brief__block__info .value {
  font-size: 30px;
  font-weight: bold;
  margin-bottom: 15px;
  position: relative;
  padding-bottom: 15px;
}
@media only screen and (max-width: 640px) {
  .millemiglia__brief__block__info .value {
    font-size: 18px;
    letter-spacing: 2px;
  }
}
@media only screen and (max-width: 800px) {
  .millemiglia__brief__block__info .value {
    padding-bottom: 2px;
    margin-bottom: 10px;
  }
}
.millemiglia__brief__block__info .value--small {
  position: absolute;
  bottom: 0;
  left: 8px;
  font-size: 13px;
  font-weight: bold;
  right: -6px;
  letter-spacing: 16px;
}
@media only screen and (max-width: 640px) {
  .millemiglia__brief__block__info .value--small {
    letter-spacing: 10px;
    line-height: 1.3;
  }
}
@media only screen and (max-width: 800px) {
  .millemiglia__brief__block__info .value--small {
    left: 0;
    position: relative;
  }
}
.millemiglia__brief__block__info .label {
  font-weight: lighter;
  font-size: 13px;
  color: #000000;
}

.millemiglia__main-menu {
  *zoom: 1;
  margin-bottom: 30px;
}
.millemiglia__main-menu:before, .millemiglia__main-menu:after {
  content: " ";
  display: table;
}
.millemiglia__main-menu:after {
  clear: both;
}
@media only screen and (max-width: 800px) {
  .millemiglia__main-menu {
    display: none;
  }
}

.millemiglia__main-menuMobile {
  width: 100%;
  margin: 15px 0;
  display: none!important;
}
@media only screen and (min-width: 801px) {
  .millemiglia__main-menuMobile {
    display: none!important;
  }
}

.millemiglia__main-menu__link {
  float: left;
  width: 20%;
  display: block;
  text-align: center;
  color: #000000;
  font-weight: 600;
  padding: 0 10px;
  height: 55px;
  position: relative;
  z-index: 3;
  font-size: 12px;
}
@media(min-width: 1080px) {
  .millemiglia__main-menu__link {
    font-size: 17px;
  }
}
.millemiglia__main-menu__link + .millemiglia__main-menu__link {
  border-left: 1px solid #d6d6d6;
}
.millemiglia__main-menu__link .arrow {
  position: absolute;
  bottom: -15px;
  left: 50px;
  display: none;
}
.mm_tier1 .millemiglia__main-menu__link .arrow polygon {
  fill: #016644;
}
.mm_tier2 .millemiglia__main-menu__link .arrow polygon {
  fill: #878787;
}
.mm_tier3 .millemiglia__main-menu__link .arrow polygon {
  fill: #87754d;
}
.mm_tier4 .millemiglia__main-menu__link .arrow polygon {
  fill: #555555;
}
.millemiglia__main-menu__link .text {
  z-index: 5;
  line-height: 55px;
  overflow: hidden;
  text-transform: uppercase;
}
.millemiglia__main-menu__link .text > span {
  display: inline-block;
  margin-right: 10px;
}
.millemiglia__main-menu__link .text:before {
  content: "";
  background: #015c3d;
  top: -5px;
  bottom: 0;
  left: 96px;
  right: -40px;
  z-index: -1;
  position: absolute;
  -webkit-transform: skew(-44deg, 0deg);
      -ms-transform: skew(-44deg, 0deg);
          transform: skew(-44deg, 0deg);
  opacity: 0;
  display: none;
}
.mm_tier1 .millemiglia__main-menu__link .text:before {
  background-color: #015c3d;
}
.mm_tier2 .millemiglia__main-menu__link .text:before {
  background-color: #6d6d6d;
}
.mm_tier3 .millemiglia__main-menu__link .text:before {
  background-color: #796945;
}
.mm_tier4 .millemiglia__main-menu__link .text:before {
  background-color: #4c4c4c;
}
.millemiglia__main-menu__link:after {
  content: "";
  background-color: #016644;
  position: absolute;
  top: -5px;
  bottom: 0px;
  width: 100%;
  left: 0px;
  z-index: 1;
  opacity: 0;
  display: none;
}
.mm_tier1 .millemiglia__main-menu__link:after {
  background-color: #016644;
}
.mm_tier2 .millemiglia__main-menu__link:after {
  background-color: #878787;
}
.mm_tier3 .millemiglia__main-menu__link:after {
  background-color: #87754d;
}
.mm_tier4 .millemiglia__main-menu__link:after {
  background-color: #555555;
}
.millemiglia__main-menu__link.isActive:after {
  opacity: 1;
  display: block;
}
.millemiglia__main-menu__link.isActive .text {
  color: #fff;
  top: -5px;
  line-height: 60px;
}
.millemiglia__main-menu__link.isActive .text:before {
  opacity: 1;
  display: block;
}
.millemiglia__main-menu__link.isActive .arrow {
  display: block;
}

.millemiglia__accordion {
  height: 90px;
  overflow: hidden;
  border: 1px solid #e6ede4;
}
.millemiglia__accordion:active {
  outline: 0;
}
.millemiglia__accordion + .millemiglia__accordion {
  margin-top: 20px;
}
@media only screen and (max-width: 640px) {
  .millemiglia__accordion {
    height: 50px;
  }
}
.millemiglia__accordion.active .millemiglia__accordion__header:after {
  background-position: left top;
}
.millemiglia__accordion.active .millemiglia__accordion__body {
  display: block;
}

.millemiglia__accordion__header {
  padding: 0 35px;
  font-size: 24px;
  text-transform: uppercase;
  color: #000000;
  font-weight: lighter;
  background-color: #f5f8f4;
  position: relative;
  cursor: pointer;
  height: 90px;
  line-height: 90px;
}
.millemiglia__accordion__header::-webkit-details-marker {
  display: none;
}
@media only screen and (max-width: 640px) {
  .millemiglia__accordion__header {
    height: 50px;
    line-height: 50px;
    font-size: 18px;
    padding: 0 35px 0 15px;
  }
}
.millemiglia__accordion__header:after {
  content: "";
  transition: background-position 0.3s ease-in-out;
  position: absolute;
  background: url(/content/dam/alitalia/assets/clientlibs/images/form/accordionArrow.png) left bottom;
  right: 10px;
  top: 50%;
  margin-top: -4px;
  width: 14px;
  height: 7px;
  display: block;
}
.millemiglia__accordion__header:after {
  right: 35px;
}
@media only screen and (max-width: 640px) {
  .millemiglia__accordion__header:after {
    right: 15px;
  }
}
.millemiglia__acordions--messages .millemiglia__accordion__header {
  background-color: #ffffff;
}
.millemiglia__accordion__header .title {
  display: block;
}
.millemiglia__accordion__header .title:focus, .millemiglia__accordion__header .title:active {
  outline: 0;
}
.millemiglia__accordion__header .title, .millemiglia__accordion__header .title:link, .millemiglia__accordion__header .title:visited, .millemiglia__accordion__header .title:hover, .millemiglia__accordion__header .title:active {
  color: initial;
}
.ie8 .millemiglia__accordion__header .title, .ie8 .millemiglia__accordion__header .title:link, .ie8 .millemiglia__accordion__header .title:visited, .ie8 .millemiglia__accordion__header .title:hover, .ie8 .millemiglia__accordion__header .title:active {
  color: #000;
}
.millemiglia__accordion__header .toggle {
  position: absolute;
  top: 50%;
  height: 10px;
  width: 18px;
  margin-top: -5px;
  background: red;
  right: 35px;
}

@media only screen and (min-width: 801px) {
  .millemiglia__acordions--messages {
    padding: 0 30px;
  }
}

.millemiglia__messageContainer {
  background-color: #ffffff;
  margin-left: -20px;
  margin-right: -20px;
  padding: 20px 40px;
  border-top: 2px solid #f5f8f4;
}
@media only screen and (max-width: 640px) {
  .millemiglia__messageContainer {
    padding: 20px 25px;
  }
}

.millemiglia__accordion__body {
  *zoom: 1;
  background-color: #e6ede4;
  padding: 0 10px;
  font-size: 14px;
  line-height: 18px;
  display: none;
}
.millemiglia__accordion__body:before, .millemiglia__accordion__body:after {
  content: " ";
  display: table;
}
.millemiglia__accordion__body:after {
  clear: both;
}
@media only screen and (min-width: 641px) {
  .millemiglia__accordion__body {
    padding: 0 20px;
    font-size: 18px;
    line-height: 20px;
  }
}

.millemiglia__content__header {
  position: relative;
  margin-bottom: 20px;
  padding: 0 30px;
}
@media only screen and (min-width: 801px) {
  .millemiglia__content__header {
    margin-bottom: 35px;
  }
}
@media only screen and (max-width: 640px) {
  .millemiglia__content__header {
    padding: 0 20px;
  }
}
.millemiglia__content__header .title {
  font-weight: lighter;
  font-size: 24px;
  text-transform: uppercase;
}
@media only screen and (max-width: 640px) {
  .millemiglia__content__header .title {
    font-size: 18px;
  }
}

.millemiglia__estratto__filtersHead {
  *zoom: 1;
  margin-bottom: 20px;
}
.millemiglia__estratto__filtersHead:before, .millemiglia__estratto__filtersHead:after {
  content: " ";
  display: table;
}
.millemiglia__estratto__filtersHead:after {
  clear: both;
}
.millemiglia__estratto__filtersHead .title {
  float: left;
  line-height: 40px;
}

.millemiglia__content__menu {
  position: absolute;
  right: 30px;
  top: 0;
}
@media only screen and (max-width: 640px) {
  .millemiglia__content__menu {
    right: 10px;
  }
}
.millemiglia__content__menu .text {
  margin-left: 10px;
}
@media only screen and (max-width: 640px) {
  .millemiglia__content__menu .text {
    display: none;
  }
}

.millemiglia__members-wrap {
  padding: 40px 0;
  background-color: #f5f8f4;
}
@media only screen and (max-width: 800px) {
  .millemiglia__members-wrap {
    padding: 20px 0;
  }
}

.millemiglia__messages__head {
  position: relative;
  height: 65px;
}
.millemiglia__messages__head .messageHeadWrap .messageHeadWrap__title,
.millemiglia__messages__head .messageHeadWrap .messageHeadWrap__date {
  font-weight: lighter;
  text-transform: uppercase;
}
.millemiglia__messages__head .messageHeadWrap .messageHeadWrap__title a,
.millemiglia__messages__head .messageHeadWrap .messageHeadWrap__date a {
  color: #000000;
  position: relative;
}
.millemiglia__messages__head .messageHeadWrap .messageHeadWrap__title a.isActive,
.millemiglia__messages__head .messageHeadWrap .messageHeadWrap__date a.isActive {
  padding-right: 25px;
}
.millemiglia__messages__head .messageHeadWrap .messageHeadWrap__title a.isActive:after,
.millemiglia__messages__head .messageHeadWrap .messageHeadWrap__date a.isActive:after {
  font-family: "iconFont";
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "";
  color: #000000;
  position: absolute;
  right: 1px;
  top: 50%;
  padding: 0;
  margin: 0;
  margin-top: -6px;
  -webkit-transform: rotate(90deg);
      -ms-transform: rotate(90deg);
          transform: rotate(90deg);
  font-size: 14px;
  display: inline-block;
}

.messageHeadWrap {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: table;
}
.messageHeadWrap .messageHeadWrap__title,
.messageHeadWrap .messageHeadWrap__date {
  font-size: 14px;
  color: #0d4722;
}
@media only screen and (min-width: 641px) {
  .messageHeadWrap .messageHeadWrap__title,
  .messageHeadWrap .messageHeadWrap__date {
    font-size: 20px;
  }
}

.messageHeadWrap__date {
  vertical-align: middle;
  display: table-cell;
  padding: 0 35px;
  width: 32.66667%;
  font-weight: bold;
}
@media only screen and (max-width: 640px) {
  .messageHeadWrap__date {
    padding: 0 15px;
  }
}

.messageHeadWrap__title {
  display: table-cell;
  vertical-align: middle;
  font-weight: lighter;
  padding: 0 35px;
  text-transform: none;
  width: 66.33333%;
}
@media only screen and (max-width: 640px) {
  .messageHeadWrap__title {
    padding: 0 15px;
  }
  .millemiglia__accordion__header .messageHeadWrap__title {
    display: inline-block;
    width: 70%;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
  }
}

@media only screen and (max-width: 640px) {
  .millemiglia__estratto {
    border-left: none;
    border-right: none;
  }
}
.millemiglia__estratto .millemiglia__content__header {
  padding: 0;
}
@media only screen and (min-width: 801px) {
  .millemiglia__estratto .millemiglia__content__header {
    margin-bottom: 100px;
  }
}

.millemiglia__estratto__filter {
  display: table-cell;
  vertical-align: middle;
  float: left;
}
@media only screen and (max-width: 640px) {
  .millemiglia__estratto__filter {
    display: block;
  }
}
.millemiglia__estratto__filter + .millemiglia__estratto__filter {
  margin-left: 20px;
}
/* AMS Bugfix #4982 */
@media only screen and (max-width: 480px) {
  .millemiglia__estratto__filter.withselect {
    display: flex;
    flex-direction: column;
  }
  .millemiglia__estratto__filter + .millemiglia__estratto__filter {
    margin-left: 0px;
  }
  .customSelectGroup + .firstButton {
    margin-top: 10px;
    margin-left: 0px;
  }
}
@media only screen and (min-width: 481px) and (max-width: 1024px) {
  .millemiglia__estratto__filter + .millemiglia__estratto__filter {
    margin-left: 0px;
    margin-top: 10px;
  }
}
/* Fine Bugfix #4982 */
.millemiglia__estratto__filter.header-menu {
  padding-right: 0;
  text-align: right;
  float: right;
}
@media only screen and (max-width: 640px) {
  .millemiglia__estratto__filter.header-menu {
    display: inline-block;
  }
}
.millemiglia__estratto__filter.header-menu .thirdButton {
  vertical-align: middle;
}
.millemiglia__estratto__filter.header-menu .text {
  padding-left: 10px;
}
@media only screen and (max-width: 640px) {
  .millemiglia__estratto__filter.header-menu .text {
    display: none;
  }
}
.millemiglia__estratto__filter .customSelectGroup .customSelect select {
  padding: 0 30px 0 8px;
}
.millemiglia__estratto__filter label, .millemiglia__estratto__filter .customSelect {
  display: inline-block;
  vertical-align: middle;
  font-size: 15px;
}
.millemiglia__estratto__filter label {
  margin-right: 5px;
}
.millemiglia__estratto__filter .customSelect {
  height: 40px;
  line-height: 38px;
}
.millemiglia__estratto__filter .customSelect select {
  font-size: 14px;
  text-transform: none;
  color: #7f7f7f;
  font-weight: normal;
}

.millemiglia__estratto__filters {
  display: block;
  width: 100%;
  *zoom: 1;
  padding: 0 10px;
}
.millemiglia__estratto__filters:before, .millemiglia__estratto__filters:after {
  content: " ";
  display: table;
}
.millemiglia__estratto__filters:after {
  clear: both;
}
@media only screen and (min-width: 801px) {
  .millemiglia__estratto__filters {
    padding: 0 20px;
  }
}
@media only screen and (min-width: 1024px) {
  .millemiglia__estratto__filters {
    padding: 0;
    width: 83.16667%;
    margin-left: 7.41667%;
  }
}
@media only screen and (max-width: 640px) {
  .millemiglia__estratto__filters {
    display: block;
  }
}

.millemiglia__estrattoTable {
  display: table;
  margin: 0 auto 30px;
  padding: 10px 0;
  border-bottom: 1px solid #b2b2b2;
}
@media only screen and (min-width: 641px) and (max-width: 800px) {
  .millemiglia__estrattoTable {
    width: 100%;
    padding: 10px;
  }
}
@media only screen and (min-width: 801px) {
  .millemiglia__estrattoTable {
    width: 100%;
    padding: 0 20px;
  }
}
@media only screen and (min-width: 1024px) {
  .millemiglia__estrattoTable {
    padding: 10px 0;
    width: 83.16667%;
    margin-left: 7.41667%;
  }
}
@media only screen and (max-width: 640px) {
  .millemiglia__estrattoTable {
    display: block;
    padding: 0 10px;
  }
}

@media only screen and (max-width: 640px) {
  .millemiglia__estrattoHeader {
    display: none !important;
  }
}
.millemiglia__estrattoHeader > .millemiglia__estrattoCell {
  border-bottom: 0px;
  vertical-align: top;
  padding-bottom: 50px;
  text-transform: uppercase;
  font-size: 20px;
  font-weight: lighter;
  color: #0d4722;
}
.millemiglia__estrattoHeader > .millemiglia__estrattoCell.points {
  font-weight: lighter;
}
@media only screen and (min-width: 641px) and (max-width: 800px) {
  .millemiglia__estrattoHeader > .millemiglia__estrattoCell {
    padding-bottom: 30px;
  }
}

.millemiglia__estrattoRow {
  display: table-row;
}
@media only screen and (min-width: 641px) {
  .millemiglia__estrattoRow:last-child .millemiglia__estrattoCell {
    border-bottom: 0px;
  }
}
@media only screen and (max-width: 640px) {
  .millemiglia__estrattoRow {
    *zoom: 1;
    display: block;
    border-bottom: 1px solid #b2b2b2;
  }
  .millemiglia__estrattoRow:before, .millemiglia__estrattoRow:after {
    content: " ";
    display: table;
  }
  .millemiglia__estrattoRow:after {
    clear: both;
  }
  .millemiglia__estrattoRow:last-child {
    border-bottom: 0px;
  }
}

.millemiglia__estrattoCell {
  display: table-cell;
  height: 57px;
  vertical-align: middle;
  border-bottom: 1px solid #b2b2b2;
  color: #000;
}
.millemiglia__estrattoCell + .millemiglia__estrattoCell {
  padding-left: 1.2024%;
}
@media only screen and (max-width: 640px) {
  .millemiglia__estrattoCell {
    height: 50px;
    display: block;
    border: 0px;
    font-size: 14px;
    font-weight: 300;
    padding-top: 10px;
    white-space: nowrap;
    text-overflow: ellipsis;
  }
  .millemiglia__estrattoCell:before {
    content: attr(data-title);
    display: block;
    font-size: 11px;
    font-weight: normal;
    color: #0d4722;
    text-transform: uppercase;
    margin-bottom: 4px;
  }
}
.millemiglia__estrattoCell.date {
  font-weight: bold;
  color: #4c4c4c;
}
@media only screen and (max-width: 640px) {
  .millemiglia__estrattoCell.date {
    float: left;
    width: 20%;
  }
  .millemiglia__estrattoCell.date:before {
    display: none;
  }
}
@media only screen and (min-width: 641px) and (max-width: 800px) {
  .millemiglia__estrattoCell.date {
    width: 15%;
  }
}
@media only screen and (min-width: 801px) {
  .millemiglia__estrattoCell.date {
    width: 20.03808%;
  }
}
.millemiglia__estrattoCell.date span + span:before {
  content: "/";
}
@media only screen and (max-width: 640px) {
  .millemiglia__estrattoCell.date span + span + span {
    display: block;
    letter-spacing: 2px;
  }
}
.millemiglia__estrattoHeader .millemiglia__estrattoCell.date {
  font-weight: lighter;
}
.millemiglia__estrattoCell.activity {
  font-weight: lighter;
  overflow: hidden;
}
@media only screen and (min-width: 641px) and (max-width: 800px) {
  .millemiglia__estrattoCell.activity {
    width: 22.5%;
  }
}
@media only screen and (min-width: 801px) {
  .millemiglia__estrattoCell.activity {
    width: 29.15832%;
  }
}
@media only screen and (max-width: 640px) {
  .millemiglia__estrattoCell.activity {
    border-bottom: 1px solid #b2b2b2;
    width: 40%;
    float: left;
  }
}
.millemiglia__estrattoCell.class {
  text-align: center;
}
@media only screen and (min-width: 641px) and (max-width: 800px) {
  .millemiglia__estrattoCell.class {
    width: 15%;
  }
}
@media only screen and (min-width: 801px) {
  .millemiglia__estrattoCell.class {
    width: 8.91784%;
  }
}
@media only screen and (max-width: 640px) {
  .millemiglia__estrattoCell.class {
    width: 40%;
    float: left;
    padding-left: 10px;
    border-bottom: 1px solid #b2b2b2;
    text-align: right;
  }
}
.millemiglia__estrattoCell.class .class-box {
  display: inline-block;
  border: 2px solid #666666;
  line-height: 21px;
  text-align: center;
  width: 25px;
  height: 25px;
}
@media only screen and (max-width: 640px) {
  .millemiglia__estrattoCell.class .class-box {
    width: 15px;
    height: 15px;
    line-height: 13px;
    border: 1px solid #666666;
    font-size: 9px;
  }
}
.millemiglia__estrattoCell.description {
  font-weight: lighter;
}
@media only screen and (min-width: 641px) and (max-width: 800px) {
  .millemiglia__estrattoCell.description {
    width: 22.5%;
  }
}
@media only screen and (min-width: 801px) {
  .millemiglia__estrattoCell.description {
    width: 19.03808%;
  }
}
@media only screen and (max-width: 640px) {
  .millemiglia__estrattoCell.description {
    width: 40%;
    float: left;
    margin-left: 20%;
  }
}
.millemiglia__estrattoCell.points {
  font-weight: bold;
  position: relative;
}
@media only screen and (max-width: 640px) {
  .millemiglia__estrattoCell.points {
    text-align: right;
  }
}
@media only screen and (min-width: 641px) and (max-width: 800px) {
  .millemiglia__estrattoCell.points {
    width: 15%;
  }
}
@media only screen and (min-width: 801px) {
  .millemiglia__estrattoCell.points {
    width: 19.03808%;
  }
}
.millemiglia__estrattoCell.points .i-circleLens {
  vertical-align: middle;
  display: inline-block;
  color: #287e57;
  margin-left: 10px;
  font-size: 26px;
}
@media only screen and (max-width: 640px) {
  .millemiglia__estrattoCell.points .i-circleLens {
    font-size: 20px;
  }
}
.millemiglia__estrattoCell.points .i-circleLens.transparent {
  color: transparent;
}
@media only screen and (max-width: 640px) {
  .millemiglia__estrattoCell.points .i-circleLens.transparent {
    display: none;
  }
}
@media only screen and (max-width: 640px) {
  .millemiglia__estrattoCell.points {
    width: 40%;
    float: left;
  }
}
.millemiglia__estratto-table__header .millemiglia__estrattoCell.points {
  font-weight: 300;
}

.millemiglia__estrattoNotice {
  clear: both;
  padding: 30px 0;
  *zoom: 1;
  width: 83.16667%;
  margin-left: 7.41667%;
}
.millemiglia__estrattoNotice:before, .millemiglia__estrattoNotice:after {
  content: " ";
  display: table;
}
.millemiglia__estrattoNotice:after {
  clear: both;
}

.millemiglia__estrattoNoticeIcon {
  width: 100%;
  margin-bottom: 10px;
}

.millemiglia__estrattoNoticeText {
  width: 100%;
}

.millemiglia__estrattoLink {
  clear: both;
  padding: 30px 0;
  *zoom: 1;
}
.millemiglia__estrattoLink:before, .millemiglia__estrattoLink:after {
  content: " ";
  display: table;
}
.millemiglia__estrattoLink:after {
  clear: both;
}
.millemiglia__estrattoLink ul {
  list-style: none;
  padding-left: 3%;
}

.millemiglia__services {
  margin: 40px auto 60px;
}
.millemiglia__services .intro {
  font-size: 24px;
  margin-bottom: 30px;
  font-weight: 300;
}

.millemiglia__services__wrap {
  *zoom: 1;
}
.millemiglia__services__wrap:before, .millemiglia__services__wrap:after {
  content: " ";
  display: table;
}
.millemiglia__services__wrap:after {
  clear: both;
}

@media only screen and (min-width: 801px) {
  .millemiglia__service {
    padding-top: 24.33%;
    height: 0px;
    margin-bottom: 30px;
    position: relative;
    width: 24.25%;
    float: left;
  }
}
@media only screen and (max-width: 800px) {
  .millemiglia__service + .millemiglia__service {
    margin-top: 20px;
  }
}
@media only screen and (min-width: 801px) {
  .millemiglia__service + .millemiglia__service {
    margin-left: 1%;
  }
}
.millemiglia__service.isActive .millemiglia__service__img {
  border-color: transparent;
}
.millemiglia__service.isActive .millemiglia__service__content {
  background: #287e57;
}
.millemiglia__service.isActive .millemiglia__service__content .title,
.millemiglia__service.isActive .millemiglia__service__content .text {
  color: #fff;
}
@media only screen and (min-width: 641px) {
  .millemiglia__service.isActive .millemiglia__service__content .arrow {
    display: block;
  }
}

.millemiglia__service__img,
.millemiglia__service__content {
  left: 0;
  top: 0;
  cursor: pointer;
}
@media only screen and (min-width: 801px) {
  .millemiglia__service__img,
  .millemiglia__service__content {
    position: absolute;
    width: 100%;
    height: 50%;
  }
}
.millemiglia__service__img img,
.millemiglia__service__content img {
  width: 100%;
  height: 100%;
  display: block;
  border: 1px solid #dadada;
  border-bottom: transparent;
}

.millemiglia__service__content {
  text-align: center;
  padding: 20px 20px;
  background: #ededed;
}
@media only screen and (min-width: 801px) {
  .millemiglia__service__content {
    top: 50%;
    padding: 0 20px;
  }
}
.millemiglia__service__content .arrow {
  position: absolute;
  bottom: -15px;
  left: 40px;
  display: none;
}
.millemiglia__service__content .arrow polygon {
  fill: #287e57;
}
.millemiglia__service__content .title {
  font-weight: lighter;
  color: #0d4722;
  margin-bottom: 10px;
  text-transform: uppercase;
  font-size: 16px;
}
@media only screen and (min-width: 801px) {
  .millemiglia__service__content .title {
    font-size: 16px;
  }
}
@media only screen and (min-width: 1024px) {
  .millemiglia__service__content .title {
    font-size: 22px;
  }
}
.millemiglia__service__content .text {
  color: #000000;
  font-size: 14px;
}
@media only screen and (min-width: 801px) {
  .millemiglia__service__content .text {
    font-size: 12px;
  }
}
@media only screen and (min-width: 1024px) {
  .millemiglia__service__content .text {
    font-size: 18px;
  }
}

.millemiglia__service_features {
  *zoom: 1;
  max-height: 0;
  overflow: hidden;
  transition: max-height 500ms ease;
}
.millemiglia__service_features:before, .millemiglia__service_features:after {
  content: " ";
  display: table;
}
.millemiglia__service_features:after {
  clear: both;
}
.millemiglia__service_features.isActive {
  display: block;
  max-height: 99em;
}
@media only screen and (max-width: 800px) {
  .millemiglia__service_features.isActive.cloned-feature {
    display: block;
    background-color: #287e57;
    padding: 10px 10px 0;
  }
}
.millemiglia__service_features .millemiglia__service_feature {
  border: 1px solid #dadada;
  height: 65px;
  background-color: #ffffff;
}
@media only screen and (max-width: 800px) {
  .millemiglia__service_features .millemiglia__service_feature + .millemiglia__service_feature {
    margin-top: 10px;
  }
}
@media only screen and (min-width: 801px) {
  .millemiglia__service_features .millemiglia__service_feature {
    display: block;
    float: left;
    margin-left: 0;
    margin-right: -100%;
    width: 24.25%;
  }
}
@media only screen and (min-width: 801px) {
  .millemiglia__service_features .millemiglia__service_feature:nth-child(2) {
    display: block;
    float: left;
    margin-left: 25.25%;
    margin-right: -100%;
    width: 24.25%;
  }
}
@media only screen and (min-width: 801px) {
  .millemiglia__service_features .millemiglia__service_feature:nth-child(3) {
    display: block;
    float: left;
    margin-left: 50.5%;
    margin-right: -100%;
    width: 24.25%;
  }
}
@media only screen and (min-width: 801px) {
  .millemiglia__service_features .millemiglia__service_feature:nth-child(4) {
    display: block;
    float: left;
    margin-left: 75.75%;
    margin-right: -100%;
    width: 24.25%;
  }
}
.millemiglia__service_features .millemiglia__service_feature.millemiglia__service__close {
  display: block;
  background: #287e57;
}
.millemiglia__service_features .millemiglia__service_feature.millemiglia__service__close .feature__label {
  color: #fff;
}
.millemiglia__service_features .millemiglia__service_feature.millemiglia__service__close svg path {
  fill: #fff;
}
@media only screen and (min-width: 801px) {
  .millemiglia__service_features .millemiglia__service_feature.millemiglia__service__close {
    display: none;
  }
}
.millemiglia__service_features .feature__wrap {
  display: table;
  width: 80%;
  margin: 0 auto;
}
.millemiglia__service_features .feature__icon {
  width: 40px;
  height: 40px;
  display: table-cell;
  vertical-align: middle;
  background: url(/content/dam/alitalia/assets/clientlibs/images/millemigla_dedicatedServices.png) no-repeat 0 -3px;
}
.millemiglia__service_features .feature__icon.i1 {
  background-position-x: 3px;
}
.millemiglia__service_features .feature__icon.i2 {
  background-position-x: -43px;
}
.millemiglia__service_features .feature__icon.i3 {
  background-position-x: -91px;
}
.millemiglia__service_features .feature__icon.i4 {
  background-position-x: -137px;
}
.millemiglia__service_features .feature__label {
  font-weight: 700;
  color: #000000;
  padding-left: 20px;
  display: table-cell;
  vertical-align: middle;
  text-transform: uppercase;
  font-size: 16px;
}
.millemiglia__service_features .millemiglia__service__link {
  clear: both;
  text-transform: uppercase;
  padding-top: 20px;
}
.millemiglia__service_features .millemiglia__service__link a {
  color: #3b7e06;
}
.millemiglia__formBlock,
.formBlock {
  *zoom: 1;
  /*border-bottom: 1px dotted #b2b2b2;*/
  padding-bottom: 20px;
  font-size: 0;
}

/* AMS Bugfix #4722 Iscrizione Newsletter */
.millemiglia__formBlock.newsletter__formBlock {
  border-bottom: 0px;
  padding-bottom: 0px;
}
/* Fine bugfix #4722 */

.millemiglia__formBlock:before, .millemiglia__formBlock:after,
.formBlock:before,
.formBlock:after {
  content: " ";
  display: table;
}
.millemiglia__formBlock:after,
.formBlock:after {
  clear: both;
}
@media (min-width: 1024px) and (max-height: 700px) {
  .bookingPage .millemiglia__formBlock, .bookingPage
  .formBlock {
    padding-bottom: 17px;
  }
}
.millemiglia__formBlock .form__row,
.formBlock .form__row {
  width: 100%;
}
.millemiglia__formBlock.noLine,
.formBlock.noLine {
  border-bottom: none;
}
@media only screen and (min-width: 801px) and (max-width: 1023px) {
  .millemiglia__formBlock.withArrow,
  .formBlock.withArrow {
    width: 50%;
    position: relative;
  }
  .millemiglia__formBlock.withArrow .radioButton,
  .formBlock.withArrow .radioButton {
    display: block;
    margin-bottom: 10px;
    margin-left: 0;
  }
  .millemiglia__formBlock.withArrow .form__element,
  .formBlock.withArrow .form__element {
    width: 100%;
  }
  .millemiglia__formBlock.withArrow:after,
  .formBlock.withArrow:after {
    content: "";
    background-color: #e6ede4;
    width: 30px;
    height: 30px;
    -webkit-transform: rotate(-45deg);
        -ms-transform: rotate(-45deg);
            transform: rotate(-45deg);
    border-left: 1px dotted #b2b2b2;
    border-bottom: 1px dotted #b2b2b2;
    display: block;
    position: absolute;
    left: 50px;
    bottom: -16px;
  }
}
.millemiglia__formBlock.addSpace,
.formBlock.addSpace {
  padding-top: 20px;
}
@media (min-width: 1024px) and (max-height: 700px) {
  .bookingPage .millemiglia__formBlock.addSpace, .bookingPage
  .formBlock.addSpace {
    padding-top: 17px;
  }
}
.millemiglia__formBlock.editorialArea,
.formBlock.editorialArea {
  margin-top: 20px;
}
@media (min-width: 1024px) and (max-height: 700px) {
  .bookingPage .millemiglia__formBlock.editorialArea, .bookingPage
  .formBlock.editorialArea {
    margin-top: 17px;
  }
}
.millemiglia__formBlock + .editorialArea,
.formBlock + .editorialArea {
  margin-top: 20px;
}
@media (min-width: 1024px) and (max-height: 700px) {
  .bookingPage .millemiglia__formBlock + .editorialArea, .bookingPage
  .formBlock + .editorialArea {
    margin-top: 17px;
  }
}

.millemiglia__formLegend,
.form__legend {
  line-height: 1.5;
  color: #000000;
  font-size: 16px;
  float: left;
  width: 100%;
  margin-top: 20px;
  margin-bottom: 20px;
}
@media only screen and (min-width: 641px) {
  .millemiglia__formLegend,
  .form__legend {
    margin-bottom: 0;
    font-size: 18px;
  }
}
@media (min-width: 1024px) and (max-height: 700px) {
  .bookingPage .millemiglia__formLegend, .bookingPage
  .form__legend {
    margin-top: 17px;
  }
}
.millemiglia__formLegend + .editorialArea,
.form__legend + .editorialArea {
  margin-top: 20px;
  float: left;
  width: 100%;
  clear: both;
}
.bookingForm .millemiglia__formLegend, .bookingForm
.form__legend {
  font-size: 14px;
}

.millemiglia__formBlock--threeCol {
  *zoom: 1;
  border-bottom: 1px dotted #b2b2b2;
  padding: 0 0 20px;
}
.millemiglia__formBlock--threeCol:before, .millemiglia__formBlock--threeCol:after {
  content: " ";
  display: table;
}
.millemiglia__formBlock--threeCol:after {
  clear: both;
}
@media only screen and (max-width: 640px) {
  .millemiglia__formBlock--threeCol {
    padding: 0 0 10px;
  }
}

.millemiglia__firstCol {
  padding-top: 20px;
}
@media only screen and (min-width: 801px) {
  .millemiglia__firstCol {
    float: left;
    width: 32.66667%;
    margin-right: 1%;
  }
}
.millemiglia__firstCol p {
  font-size: 16px;
}

@media only screen and (min-width: 801px) {
  .millemiglia__secondCol {
    float: left;
    width: 66.33333%;
  }
}
.millemiglia__secondCol .form__element.isFull .form__inputCover {
  width: 100%;
}

@media only screen and (max-width: 640px) {
  .millemiglia__formCol + .millemiglia__formCol {
    margin-bottom: 0;
  }
}
@media only screen and (min-width: 801px) {
  .millemiglia__formCol {
    width: 49.5%;
    float: left;
    margin-left: 1%;
  }
  .millemiglia__formCol:nth-child(2n+1) {
    margin-left: 0;
  }
}
.millemiglia__formCol .form-el {
  display: table;
  width: 100%;
  margin-bottom: 20px;
}
@media only screen and (min-width: 641px) {
  .millemiglia__formCol .form-el {
    margin-bottom: 50px;
  }
}
.millemiglia__formCol .form-el__label {
  width: 34%;
  display: table-cell;
  vertical-align: middle;
  font-weight: bold;
  text-transform: uppercase;
  color: #000000;
  font-size: 15px;
  padding-right: 20px;
}
@media only screen and (max-width: 640px) {
  .millemiglia__formCol .form-el__label {
    display: block;
    width: 100%;
  }
}
.millemiglia__formCol .form-el__label.vm {
  vertical-align: middle;
}
.millemiglia__formCol .form-el__value {
  width: 66%;
  vertical-align: middle;
  display: table-cell;
  color: #0d4722;
  font-size: 16px;
}
@media only screen and (max-width: 640px) {
  .millemiglia__formCol .form-el__value {
    padding-top: 5px;
    display: block;
    width: 100%;
  }
}
.millemiglia__formCol .form-el__value.vm {
  vertical-align: middle;
}
.millemiglia__formCol .form-el__value > .customSelect label {
  border: 0;
  clip: rect(0 0 0 0);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
}
@media only screen and (min-width: 801px) {
  .millemiglia__formCol .form-el__value .radioButton + .radioButton {
    margin-left: 30px;
  }
}

.millemiglia__formSummary {
  font-size: 18px;
}
@media only screen and (max-width: 640px) {
  .millemiglia__formSummary {
    font-size: 16px;
  }
}
.millemiglia__formSummary > * + * {
  margin-top: 20px;
}
.millemiglia__formSummary .codice {
  color: #0d4722;
  text-transform: uppercase;
  font-size: 18px;
}
@media only screen and (max-width: 640px) {
  .millemiglia__formSummary .codice > span {
    margin-top: 20px;
    display: block;
  }
}
.millemiglia__formSummary .codice > span + span {
  margin-left: 15px;
}
@media only screen and (max-width: 640px) {
  .millemiglia__formSummary .codice > span + span {
    margin-left: 0;
  }
}

.millemiglia__formMustFill {
  font-size: 16px;
  color: #287e57;
}

.millemigla__buttonCover {
  text-align: right;
  padding: 20px 0;
}
@media only screen and (max-width: 640px) {
  .millemigla__buttonCover > * {
    display: block;
  }
  .millemigla__buttonCover > * + * {
    margin-top: 20px;
  }
}

.millemiglia__formRow,
.form__row {
  *zoom: 1;
}
.millemiglia__formRow:before, .millemiglia__formRow:after,
.form__row:before,
.form__row:after {
  content: " ";
  display: table;
}
.millemiglia__formRow:after,
.form__row:after {
  clear: both;
}
.millemiglia__formRow > p,
.form__row > p {
  font-size: 13px;
  line-height: 16px;
  margin-top: 20px;
}
.millemiglia__formRow > h3,
.form__row > h3 {
  font-size: 20px;
  line-height: 1.2;
  text-transform: uppercase;
  margin-top: 20px;
}
@media only screen and (min-width: 641px) {
  .millemiglia__formRow.makeHalf .form__element,
  .form__row.makeHalf .form__element {
    width: 50%;
    float: left;
    margin-left: 0;
  }
}
@media only screen and (min-width: 801px) {
  .millemiglia__formRow.makeHalf .form__element:nth-child(1), .millemiglia__formRow.makeHalf .form__element:nth-child(2),
  .form__row.makeHalf .form__element:nth-child(1),
  .form__row.makeHalf .form__element:nth-child(2) {
    margin-top: 0;
  }
}
.formPage .millemiglia__formRow .form__element.isFull, .formPage
.form__row .form__element.isFull {
  margin-top: 20px;
}
.millemiglia__formRow + .editorialArea,
.form__row + .editorialArea {
  margin-top: 20px;
}

.form__rowExtraContact {
  display: none;
}

.alternativeBtn {
  display: none;
}

.millemiglia__formOptions {
  border-bottom: 1px dotted #525252;
  margin-bottom: 20px;
  padding-bottom: 20px;
}
@media only screen and (min-width: 641px) {
  .millemiglia__formOptions {
    margin-bottom: 50px;
    padding-bottom: 50px;
  }
}
.millemiglia__formOptions.doubleLine {
  border-top: 1px dotted #525252;
  padding-top: 20px;
}
@media only screen and (min-width: 641px) {
  .millemiglia__formOptions.doubleLine {
    padding-top: 50px;
  }
}
.millemiglia__formOptions .input-checkbox {
  margin-bottom: 20px;
}
.millemiglia__formOptions .input-checkbox:last-child {
  margin-bottom: 0px;
}
.millemiglia__formOptions p {
  margin-bottom: 15px;
  font-size: 16px;
}
.millemiglia__formOptions:last-child {
  margin-bottom: 0px;
}
.millemiglia__formOptions .goBlock {
  display: block;
}
.millemiglia__formOptions .goBlock + .goBlock {
  margin-top: 10px;
}
.millemiglia__formOptions .addSpace {
  margin-top: 20px;
}
.millemiglia__formOptions .formOptions__option {
  display: inline-block;
  vertical-align: middle;
  line-height: 20px;
  margin-top: 10px;
  margin-bottom: 10px;
  margin-right: 40px;
}

.millemiglia__formFeedback {
  float: left;
  /*visibility: hidden;
  max-height: 0;*/
  overflow: hidden;
  transition: max-height 0.4s ease;
}
.booking__formFeedback {
  float: left;
  visibility: hidden;
  max-height: 0;
  overflow: hidden;
  transition: max-height 0.4s ease;
}
@media only screen and (max-width: 640px) {
  .millemiglia__formFeedback,
  .booking__formFeedback {
    float: none;
  }
  .millemiglia__formFeedback + *,
  .booking__formFeedback + * {
    margin-top: 0;
  }
}
.millemiglia__formFeedback.isActive,
.booking__formFeedback.isActive {
  visibility: visible;
  max-height: 99em;
}
@media only screen and (max-width: 640px) {
  .millemiglia__formFeedback.isActive + *,
  .booking__formFeedback.isActive + * {
    margin-top: 20px;
  }
}

.millemiglia__formFeedbackMessage,
.booking__formFeedbackMessage {
  top: 10px;
  opacity: 0;
  transition: all 0.4s ease 0.4s;
  position: relative;
}
@media only screen and (max-width: 640px) {
  .millemiglia__formFeedbackMessage,
  .booking__formFeedbackMessage {
    text-align: center;
  }
}
.isActive .millemiglia__formFeedbackMessage, .isActive
.booking__formFeedbackMessage {
  top: 0;
  opacity: 1;
}
.millemiglia__formFeedbackMessage.success .millemiglia__formFeedbackIcon,
.millemiglia__formFeedbackMessage.success .millemiglia__formFeedbackText,
.millemiglia__formFeedbackMessage.success .booking__formFeedbackIcon,
.millemiglia__formFeedbackMessage.success .booking__formFeedbackText,
.booking__formFeedbackMessage.success .millemiglia__formFeedbackIcon,
.booking__formFeedbackMessage.success .millemiglia__formFeedbackText,
.booking__formFeedbackMessage.success .booking__formFeedbackIcon,
.booking__formFeedbackMessage.success .booking__formFeedbackText {
  color: #3b7e06;
}
.millemiglia__formFeedbackMessage.fail .millemiglia__formFeedbackIcon,
.millemiglia__formFeedbackMessage.fail .millemiglia__formFeedbackText,
.millemiglia__formFeedbackMessage.fail .booking__formFeedbackIcon,
.millemiglia__formFeedbackMessage.fail .booking__formFeedbackText,
.booking__formFeedbackMessage.fail .millemiglia__formFeedbackIcon,
.booking__formFeedbackMessage.fail .millemiglia__formFeedbackText,
.booking__formFeedbackMessage.fail .booking__formFeedbackIcon,
.booking__formFeedbackMessage.fail .booking__formFeedbackText {
  color: #c30e1a;
}

.booking__formFeedbackMessage {
  font-size: 16px;
}

.millemiglia__formFeedbackIcon {
  display: inline-block;
  margin-right: 10px;
  font-size: 18px;
}

.millemiglia__formFeedbackText {
  font-size: 18px;
  line-height: 1.2em;
}

.millemiglia__airCompanyList li {
  float: left;
  margin-top: 20px;
  width: 100%;
}
@media only screen and (min-width: 641px) {
  .millemiglia__airCompanyList li {
    width: 50%;
  }
}

.millemiglia__formRichesta {
  padding: 0 20px 20px;
}
@media only screen and (min-width: 641px) {
  .millemiglia__formRichesta .millemiglia__formOptions {
    padding-left: 15px;
    padding-right: 15px;
  }
}

.millemiglia__card {
  position: relative;
  max-width: 347px;
  max-height: 209px;
  background-position: 0 0;
  background-repeat: no-repeat;
  width: 100%;
}
.millemiglia__formBlock .millemiglia__card {
  margin-top: 20px;
}
.millemiglia__card:before {
  content: "";
  padding-top: 60%;
  display: block;
}
.mm_tier1 .millemiglia__card {
  background-image: url(/content/dam/alitalia/assets/clientlibs/images/cardMM_tier_1.png);
}
.mm_tier2 .millemiglia__card {
  background-image: url(/content/dam/alitalia/assets/clientlibs/images/cardMM_tier_2.png);
}
.mm_tier3 .millemiglia__card {
  background-image: url(/content/dam/alitalia/assets/clientlibs/images/cardMM_tier_3.png);
}
.mm_tier4 .millemiglia__card {
  background-image: url(/content/dam/alitalia/assets/clientlibs/images/cardMM_tier_4.png);
}

.millemiglia__cardImage {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
}

.millemiglia__cardInfoTop {
  position: absolute;
  bottom: 40%;
  left: 20px;
}
.millemiglia__cardInfoTop .name,
.millemiglia__cardInfoTop .number {
  font-size: 14px;
  color: #f5f8f4;
  display: block;
  line-height: 1.3;
}

.millemiglia__cardInfoBottom {
  position: absolute;
  bottom: 5%;
  left: 20px;
}
.ie8 .millemiglia__cardInfoBottom {
  bottom: 15%;
}
.millemiglia__cardInfoBottom .label,
.millemiglia__cardInfoBottom .date {
  font-size: 12px;
  color: #f5f8f4;
}
@media only screen and (max-width: 640px) {
  .millemiglia__cardInfoBottom .label,
  .millemiglia__cardInfoBottom .date {
    font-size: 10px;
  }
}

.mmRegister__numberTabs {
  *zoom: 1;
  width: 100%;
  margin-bottom: 40px;
  background-color: #e6ede4;
  padding: 20px;
}
.mmRegister__numberTabs:before, .mmRegister__numberTabs:after {
  content: " ";
  display: table;
}
.mmRegister__numberTabs:after {
  clear: both;
}
@media only screen and (max-width: 1023px) {
  .mmRegister__numberTabs {
    padding: 10px;
  }
}
.mmRegister__numberTabs ul {
  *zoom: 1;
}
.mmRegister__numberTabs ul:before, .mmRegister__numberTabs ul:after {
  content: " ";
  display: table;
}
.mmRegister__numberTabs ul:after {
  clear: both;
}
.mmRegister__numberTabs li {
  width: 33.33333%;
  float: left;
  white-space: nowrap;
  text-align: left;
}
@media only screen and (max-width: 640px) {
  .mmRegister__numberTabs li {
    float: none;
    width: 100%;
    white-space: normal;
  }
  .mmRegister__numberTabs li + li {
    margin-top: 10px;
  }
}
.mmRegister__numberTabs li .number,
.mmRegister__numberTabs li .text {
  display: inline-block;
  vertical-align: middle;
}
.mmRegister__numberTabs li .text {
  padding-left: 10px;
  padding-right: 10px;
  width: 80%;
  white-space: normal;
  font-size: 18px;
  line-height: 1.2;
}
@media only screen and (max-width: 1023px) {
  .mmRegister__numberTabs li .text {
    font-size: 16px;
  }
}
.mmRegister__numberTabs li .number {
  text-align: left;
  width: auto;
}
.mmRegister__numberTabs li .number span {
  font-size: 24px;
  background-color: #4c4c4c;
  border-radius: 50%;
  width: 40px;
  height: 40px;
  line-height: 40px;
  overflow: hidden;
  color: #ffffff;
  display: inline-block;
  text-align: center;
  font-weight: lighter;
}
.mmRegister__numberTabs li.isActive .number span {
  background-color: #3b7e06;
}

.mmLogin__title,
.formPage__title {
  line-height: 1.5;
  color: #000000;
  font-size: 28px;
}
@media only screen and (min-width: 641px) {
  .mmLogin__title,
  .formPage__title {
    font-size: 40px;
  }
}
.mmLogin__title + .socialLoginBar,
.formPage__title + .socialLoginBar {
  margin-top: 20px;
}
.mmLogin__title--icon,
.formPage__title--icon {
  font-size: 28px;
}
@media only screen and (min-width: 641px) {
  .mmLogin__title--icon,
  .formPage__title--icon {
    font-size: 40px;
  }
}
.mmLogin__title--icon span,
.formPage__title--icon span {
  display: inline-block;
  vertical-align: top;
}
.mmLogin__title--icon .i-mm_tier1,
.formPage__title--icon .i-mm_tier1 {
  font-size: 60px;
  line-height: 50px;
}

.millemiglia__cardItem .text__wrapper {
  vertical-align: middle;
  display: inline-block;
  margin-left: 0;
  margin-top: 10px;
}
@media only screen and (min-width: 641px) {
  .millemiglia__cardItem .text__wrapper {
    margin-top: 0;
    margin-left: 10px;
  }
}
.millemiglia__cardItem .image, .millemiglia__cardItem .text {
  display: inline-block;
  vertical-align: middle;
}
.millemiglia__cardItem .spriteCard {
  display: inline-block;
  vertical-align: middle;
}
.millemiglia__cardItem .text--error {
  color: #c30e1a;
  display: block;
  text-transform: uppercase;
}

.bookingForm {
  *zoom: 1;
}
.bookingForm:before, .bookingForm:after {
  content: " ";
  display: table;
}
.bookingForm:after {
  clear: both;
}
@media only screen and (min-width: 641px) {
  .bookingForm .form__row {
    font-size: 0;
  }
}
@media only screen and (max-width: 640px) {
  .bookingForm .form__row + .form__row {
    margin-top: 20px;
  }
}
@media only screen and (max-width: 640px) {
  .bookingForm .form__element .form__label {
    padding-left: 0;
  }
}
@media only screen and (min-width: 641px) {
  .bookingForm .form__element {
    float: none;
    display: inline-block;
    vertical-align: top;
  }
}
@media only screen and (min-width: 641px) {
  .bookingForm .form__element.uatp-align {
    vertical-align: bottom;
  }
}
@media only screen and (min-width: 641px) and (max-width: 800px) {
  .bookingForm .form__element {
    width: 49%;
  }
  .ipad .bookingPassenger .bookingForm .form__element {
    float: none;
    display: inline-block;
  }
  .ipad .bookingPassenger .bookingForm .form__element.withButton {
    float: left;
  }
  .bookingForm .form__element + .form__element {
    margin-left: 2%;
  }
  .bookingForm .form__element + .form__element:nth-of-type(2n+1) {
    margin-left: 0;
  }
  .bookingForm .form__element.alignBottom {
    width: 100%;
  }
  .bookingForm .form__element.alignBottom + .form__element {
    margin-left: 0;
    clear: both;
  }
  .bookingForm .form__element.alignBottom + .form__element + .form__element {
    margin-left: 2%;
    clear: none;
  }
  .bookingForm .form__element.double {
    width: 100%;
  }
  .bookingForm .form__element .form__label {
    padding-left: 0;
  }
  .bookingForm .form__element .form__label:empty {
    height: 16px;
  }
}
@media only screen and (min-width: 801px) {
  .bookingForm .form__element {
    width: 32.66667%;
  }
  .bookingForm .form__element.alignBottom {
    vertical-align: middle;
  }
  .bookingForm .form__element:nth-child(2n+1) .form__label {
    padding-left: 0;
  }
  .bookingForm .form__element + .form__element {
    margin-left: 1%;
  }
  .bookingForm .form__element + .form__element:nth-child(2n+1) {
    clear: none;
  }
  .bookingForm .form__element + .form__element:nth-child(2n+1) .form__label {
    padding-left: 0;
  }
  .bookingForm .form__element + .form__element:nth-child(3n+1) {
    clear: both;
    margin-left: 0;
  }
  .bookingForm .form__element.double {
    width: 66.33333%;
  }
}
.bookingForm .form__element.isFull {
  width: 100%;
}
@media only screen and (min-width: 641px) {
  .bookingForm .form__element.withButton .form__inputCover {
    padding-top: 20px;
  }
}
@media only screen and (min-width: 801px) {
  .bookingForm .form__element.withButton .form__inputCover {
    padding-top: 20px;
  }
}
@media (min-width: 1024px) and (max-height: 700px) {
  .bookingForm .form__element.withButton .form__inputCover {
    padding-top: 17px;
  }
}
.bookingForm .form__element.creditCard .element {
  width: 50%;
  display: inline-block;
}
.bookingForm .form__element.creditCard .element .month {
  width: 50px;
}
.bookingForm .form__element.creditCard .element .year {
  margin-left: 10px;
  width: 60px;
}
.bookingForm .form__element.creditCard .element .cvc {
  width: 60px;
}
.bookingForm .form__element.creditCard .element .cvcInfo {
  display: inline-block;
  font-size: 22px;
  line-height: 40px;
  vertical-align: top;
  margin-left: 20px;
  color: #3b7e06;
}
@media (min-width: 1024px) and (max-height: 700px) {
  .bookingForm .form__element.creditCard .element .cvcInfo {
    font-size: 18.7px;
    line-height: 34px;
    margin-left: 17px;
  }
}
.bookingForm .form__label {
  display: block;
  margin-right: 0;
  width: 100%;
  text-transform: uppercase;
  padding: 0 0 5px 0;
  min-height: 25px;
}
@media only screen and (max-width: 640px) {
  .bookingForm .form__label {
    padding-bottom: 0;
  }
  .bookingForm .form__label:empty {
    display: none;
  }
}
@media (min-width: 1024px) and (max-height: 700px) {
  .bookingForm .form__label {
    min-height: 21.25px;
  }
}
.bookingForm .form__inputCover {
  width: 100%;
}

.booking__buttonCover {
  *zoom: 1;
  margin-top: 20px;
  text-align: right;
}
.booking__buttonCover:before, .booking__buttonCover:after {
  content: " ";
  display: table;
}
.booking__buttonCover:after {
  clear: both;
}
@media (min-width: 1024px) and (max-height: 700px) {
  .booking__buttonCover {
    margin-top: 17px;
  }
}
.booking__buttonCover.withMaxWidth {
  margin: 40px 0;
}
@media only screen and (max-width: 800px) {
  .booking__buttonCover.withMaxWidth {
    margin: 20px 0;
  }
}
.booking__buttonCover.withMaxWidth .form__inputCoverFull {
  margin-bottom: 20px;
  display: inline-block;
  vertical-align: top;
  text-align: left;
}
@media only screen and (min-width: 641px) {
  .booking__buttonCover.withMaxWidth .form__inputCoverFull {
    margin-bottom: 0;
    max-width: 32%;
  }
}
@media only screen and (min-width: 801px) {
  .booking__buttonCover.withMaxWidth .form__inputCoverFull {
    max-width: 32.66667%;
  }
}
.booking__buttonCover.withMaxWidth .form__inputCoverFull .checkbox {
  position: relative;
}
.booking__buttonCover.withMaxWidth .form__inputCoverFull .checkbox label {
  white-space: normal;
  position: relative;
  padding-left: 30px;
}
.booking__buttonCover.withMaxWidth .form__inputCoverFull .checkbox label:before {
  position: absolute;
  top: 3px;
  left: 0;
}
.booking__buttonCover.withMaxWidth .form__inputCoverFull .checkbox label span {
  width: 90%;
}
@media only screen and (max-width: 640px) {
  .booking__buttonCover .firstButton {
    display: block;
    float: none;
  }
}
.booking__buttonCover .checkOnButton {
  display: inline-block;
  float: left;
  margin-top: 15px;
}
@media only screen and (max-width: 640px) {
  .booking__buttonCover .checkOnButton {
    width: 100%;
    float: none;
    text-align: left;
  }
}
@media only screen and (max-width: 640px) {
  .booking__buttonCover .checkOnButton + .firstButton {
    clear: both;
    margin-top: 20px;
  }
}

@media only screen and (min-width: 641px) {
  .bookingPaymentForm__head {
    padding: 0 10px;
  }
}
.bookingPaymentForm__head.extraSpace {
  margin-top: 40px;
}
.booking__informationBox + .bookingPaymentForm__head.extraSpace {
  margin-top: 100px;
}

.bookingPaymentForm__title {
  padding: 20px 0;
  font-size: 20px;
}

.bookingPaymentForm__total {
  text-transform: uppercase;
  padding: 40px 0;
  border-bottom: 1px dashed #7f7f7f;
  font-size: 20px;
}
@media only screen and (max-width: 640px) {
  .bookingPaymentForm__total {
    font-weight: bold;
    text-align: center;
  }
}
@media only screen and (min-width: 641px) {
  .bookingPaymentForm__total {
    padding: 18px 0;
    font-size: 30px;
  }
}
@media (min-width: 1024px) and (max-height: 700px) {
  .bookingPaymentForm__total {
    font-size: 22px;
    padding: 34px 0;
  }
}
.bookingPaymentForm__total span {
  color: #344a1a;
}

.bookingPaymentBlock {
  padding: 30px 0;
  border-bottom: 1px dashed #7f7f7f;
}
@media only screen and (min-width: 641px) {
  .bookingPaymentBlock {
    padding: 30px 10px;
  }
}
@media (min-width: 1024px) and (max-height: 700px) {
  .bookingPaymentBlock {
    padding: 25.5px 10px;
  }
}

.bookingPayment__defaultCard {
  *zoom: 1;
}
.bookingPayment__defaultCard:before, .bookingPayment__defaultCard:after {
  content: " ";
  display: table;
}
.bookingPayment__defaultCard:after {
  clear: both;
}
.bookingPayment__defaultCard .millemiglia__cardItem {
  margin-top: 10px;
}
@media (min-width: 1024px) and (max-height: 700px) {
  .bookingPayment__defaultCard .millemiglia__cardItem {
    margin-top: 8.5px;
  }
}

.bookingPaymentForm__typePayment {
  text-transform: uppercase;
  font-size: 18px;
  padding-bottom: 15px;
  font-weight: bold;
}
@media only screen and (min-width: 641px) {
  .bookingPaymentForm__typePayment {
    font-size: 20px;
  }
}
@media (min-width: 1024px) and (max-height: 700px) {
  .bookingPaymentForm__typePayment {
    font-size: 16px;
    padding-bottom: 12.75px;
  }
}
.bookingPaymentForm__typePayment .info {
  font-weight: normal;
  font-size: 14px;
  text-transform: none;
  display: inline-block;
  line-height: 20px;
  vertical-align: top;
}
@media (min-width: 1024px) and (max-height: 700px) {
  .bookingPaymentForm__typePayment .info {
    font-size: 11.9px;
    line-height: 17px;
  }
}

.bookingPaymentForm__link {
  display: block;
  clear: both;
  padding-top: 10px;
  text-transform: uppercase;
  color: #3b7e06;
  padding-left: 33px;
}

.bookingPaymentForm__listCard {
  margin-bottom: -3px;
}
@media only screen and (max-width: 800px) {
  .bookingPaymentForm__listCard {
    display: none;
  }
}

.bookingPaymentForm__itemCard {
  display: inline-block;
}
@media only screen and (max-width: 640px) {
  .bookingPaymentForm__itemCard {
    width: 50%;
    text-align: center;
    padding: 10px;
  }
}
@media only screen and (min-width: 641px) {
  .bookingPaymentForm__itemCard {
    padding: 10px;
  }
}
@media only screen and (min-width: 641px) and (min-width: 641px) {
  .bookingPaymentForm__itemCard.activeTab {
    background-color: #e6ede4;
  }
}

@media (min-width: 1024px) and (max-height: 700px) {
  .bookingPaymentForm__itemCard {
    padding: 8.5px;
  }
}
.bookingPaymentForm__itemCard + .bookingPaymentForm__itemCard {
  margin-left: 15px;
}
@media only screen and (max-width: 640px) {
  .bookingPaymentForm__itemCard + .bookingPaymentForm__itemCard {
    margin-left: 0;
  }
}

.bookingPaymentForm__partialBlock {
  display: none;
  padding: 20px 10px;
  margin-top: 1px;
}
.bookingPaymentForm__partialBlock.isActive {
  display: block;
  background-color: #e6ede4;
}
@media only screen and (min-width: 641px) {
  .manageBooking .bookingPaymentForm__partialBlock .booking__buttonCover {
    margin-top: 0;
  }
}

.booking__mandatory {
  margin-top: 10px;
  margin-bottom: 10px;
  float: none;
  font-size: 12px;
  text-align: left;
}
@media only screen and (min-width: 641px) {
  .booking__mandatory {
    float: left;
    margin-top: 10px;
    margin-bottom: 0;
  }
}

.bookingPaymentForm__currentCardBlock {
  display: none;
  padding: 0 30px;
}
.bookingPaymentForm__currentCardBlock.isActive {
  display: block;
}
.bookingPaymentForm__currentCardBlock .form__element {
  float: none;
  width: 100%;
}

.bookingPaymentBlock__otherPayment .customSelect {
  margin-bottom: 20px;
}
.bookingPaymentBlock__otherPayment .editorialArea p {
  font-size: 14px;
}
.bookingPaymentBlock__otherPayment .booking__buttonCover {
  margin-top: 20px;
}

.bookingPaymentForm__select {
  display: none;
}
@media only screen and (max-width: 800px) {
  .bookingPaymentForm__select {
    display: block;
    margin-bottom: 15px;
  }
}
.bookingPaymentForm__select .customSelect::after {
  line-height: 40px;
}

.bookingPaymentForm__selectLabel {
  margin: 15px 0;
}
.bookingPaymentForm__selectLabel img {
  display: inline-block;
  vertical-align: middle;
}
@media only screen and (max-width: 640px) {
  .bookingPaymentForm__selectLabel img {
    width: 40px;
  }
  .bookingPaymentForm__selectLabel img + img {
    margin-left: 5px;
  }
}
@media only screen and (min-width: 641px) and (max-width: 800px) {
  .bookingPaymentForm__selectLabel img {
    width: 70px;
  }
  .bookingPaymentForm__selectLabel img + img {
    margin-left: 10px;
  }
}

.card--opacity .image {
  opacity: 0.2;
}

.bookingPaymentForm__invoiceContainer {
  display: none;
  margin-top: 15px;
}
.bookingPaymentForm__invoiceContainer.isActive + .booking__buttonCover {
  margin-top: 20px;
}

.captchaBox {
  margin-top: 20px;
}

.captcha__title {
  display: block;
  margin-bottom: 10px;
  text-transform: uppercase;
}

.bookingExtra {
  border: 1px solid #d9d9d9;
}
.bookingExtra + .bookingExtra {
  margin-top: 20px;
}

.bookingExtra__cover {
  padding: 0;
}
@media only screen and (max-width: 640px) {
  .bookingExtra__cover {
    padding: 0;
  }
}

.bookingExtra__colCover {
  font-size: 0;
}

.bookingExtra__col {
  font-size: 16px;
  display: inline-block;
  vertical-align: top;
  width: 50%;
  padding: 0 20px 0;
  margin-bottom: 40px;
}
@media only screen and (min-width: 641px) {
  .bookingExtra__col {
    margin-bottom: 0;
  }
}
.bookingExtra__col:first-child {
  padding: 0;
}
@media only screen and (max-width: 640px) {
  .bookingExtra__col {
    padding: 0;
    margin-bottom: 15px;
  }
}
.bookingExtra__col + .bookingExtra__col {
  border-left: 1px solid #d9d9d9;
}
@media only screen and (max-width: 640px) {
  .bookingExtra__col + .bookingExtra__col {
    border: none;
  }
}
@media only screen and (max-width: 640px) {
  .bookingExtra__col {
    width: 100%;
  }
}
.bookingExtra__col .label {
  font-size: 16px;
  font-weight: bold;
  text-transform: uppercase;
  color: #0d4722;
  margin-bottom: 5px;
}
@media only screen and (min-width: 641px) {
  .bookingExtra__col .label {
    font-size: 20px;
  }
}
.bookingExtra__col .text {
  font-size: 16px;
  margin-bottom: 5px;
}
.bookingExtra__col .text .flightNum {
  font-size: 18px;
  color: #3b7e06;
  display: inline-block;
  font-weight: bold;
}
@media only screen and (max-width: 640px) {
  .bookingExtra__col .text .flightNum {
    display: block;
    font-size: 16px;
  }
}
.bookingExtra__col .text.seat {
  font-weight: bold;
}
.bookingExtra__col .text.seat + .text {
  margin-top: 15px;
}
.bookingExtra__col .text.seat .extraComfort {
  color: #cf9f3f;
}
.bookingExtra__col .info {
  font-weight: bold;
}

.bookingExtra__titleCover {
  background-color: #f5f8f4;
  padding: 15px 20px;
  border-bottom: 1px solid #d9d9d9;
}

.bookingExtra__title {
  font-size: 16px;
  line-height: 1.2;
  text-transform: uppercase;
}

.bookingExtra__buttonCover {
  width: 100%;
  display: inline-block;
  vertical-align: middle;
  text-align: right;
}
@media only screen and (max-width: 640px) {
  .bookingExtra__buttonCover > * {
    width: 100%;
    display: block;
  }
  .bookingExtra__buttonCover > * + * {
    margin: 10px 0 0;
  }
}

.bookingExtra__footer {
  *zoom: 1;
}
.bookingExtra__footer:before, .bookingExtra__footer:after {
  content: " ";
  display: table;
}
.bookingExtra__footer:after {
  clear: both;
}

.bookingExtra__infoLineGroup {
  width: 100%;
  margin-bottom: 15px;
}
@media only screen and (max-width: 640px) {
  .bookingExtra__infoLineGroup {
    margin-top: 10px;
  }
}
@media only screen and (min-width: 641px) {
  .bookingExtra__infoLineGroup {
    margin-bottom: 0;
    display: inline-block;
    vertical-align: middle;
  }
}

.bookingExtra__infoLine {
  font-size: 0;
  *zoom: 1;
  background-color: #f8f8f8;
  padding: 10px;
}
.bookingExtra__infoLine + .bookingExtra__infoLine {
  margin-top: 5px;
}
.bookingExtra__infoLine:before, .bookingExtra__infoLine:after {
  content: " ";
  display: table;
}
.bookingExtra__infoLine:after {
  clear: both;
}
@media only screen and (min-width: 641px) {
  .bookingExtra__infoLine {
    padding: 15px;
  }
}
.bookingExtra__infoLine .first {
  display: inline-block;
  vertical-align: middle;
  width: 5%;
}
@media only screen and (max-width: 640px) {
  .bookingExtra__infoLine .first {
    width: 15%;
  }
}
.bookingExtra__infoLine .second {
  display: inline-block;
  vertical-align: middle;
  width: 53%;
  font-size: 16px;
}
@media only screen and (min-width: 641px) and (max-width: 800px) {
  .bookingExtra__infoLine .second {
    width: 45%;
  }
}
.bookingExtra__infoLine .second .text {
  text-transform: uppercase;
  font-weight: bold;
}
.bookingExtra__infoLine .third {
  display: inline-block;
  vertical-align: middle;
  width: 42%;
  text-align: right;
  font-size: 0;
}
@media only screen and (max-width: 800px) {
  .bookingExtra__infoLine .third {
    width: 50%;
  }
}
@media only screen and (max-width: 640px) {
  .bookingExtra__infoLine .third {
    width: 100%;
    margin-top: 5px;
    text-align: left;
  }
}
.bookingExtra__infoLine .third .col1 {
  width: 70%;
  font-size: 16px;
  display: inline-block;
  vertical-align: middle;
  text-align: left;
}
@media only screen and (max-width: 640px) {
  .bookingExtra__infoLine .third .col1 {
    width: 100%;
    margin-bottom: 5px;
  }
}
.bookingExtra__infoLine .third .col2 {
  width: 30%;
  font-size: 16px;
  display: inline-block;
  vertical-align: middle;
  text-align: center;
}
@media only screen and (max-width: 640px) {
  .bookingExtra__infoLine .third .col2 {
    width: 100%;
    text-align: left;
    border-top: 1px solid #ccc;
    padding-top: 5px;
    margin-top: 5px;
  }
  .bookingExtra__infoLine .third .col2 .text, .bookingExtra__infoLine .third .col2 .price {
    margin-left: 15%;
  }
}
.bookingExtra__infoLine .third .icon {
  color: #3b7e06;
}
.bookingExtra__infoLine .text {
  font-size: 16px;
  line-height: 1.2;
  display: inline-block;
  vertical-align: middle;
}
.bookingExtra__infoLine .icon {
  font-size: 20px;
  color: #3b7e06;
  display: inline-block;
  vertical-align: middle;
}
@media only screen and (min-width: 641px) {
  .bookingExtra__infoLine .icon {
    font-size: 24px;
  }
}
.bookingExtra__infoLine .icon + .text {
  margin-left: 10px;
}
@media only screen and (max-width: 640px) {
  .bookingExtra__infoLine .icon + .text {
    margin-left: 20px;
  }
}
.bookingExtra__infoLine .price {
  font-weight: bold;
  font-size: 16px;
  margin-left: 10px;
  color: #0d4722;
}
@media only screen and (min-width: 641px) {
  .bookingExtra__infoLine .price {
    font-size: 20px;
  }
}
.bookingExtra__infoLine .plus {
  display: block;
  font-size: 14px;
}
.bookingExtra__infoLine .info {
  text-transform: uppercase;
}

.bookingExtra__cancel {
  margin: 10px 0 0;
  display: inline-block;
  color: #3b7e06;
  font-size: 16px;
  min-width: 150px;
  text-align: center;
}
#insuranceRemove{
  cursor: pointer;
}
@media only screen and (max-width: 640px) {
  .bookingExtra__cancel {
    margin: 20px 0 0;
  }
}

.j-priceSelectorCol {
  cursor: pointer;
}

.j-priceSelector:focus, .j-priceSelector:active {
  outline: none;
  box-shadow: 0px 0px 5px #4D90FE inset;
  -webkit-box-shadow: 0px 0px 5px #4D90FE inset;
  -moz-box-shadow: 0px 0px 5px #4D90FE inset;
}
.isActive .j-priceSelector:focus, .isActive .j-priceSelector:active {
  box-shadow: none;
}

.j-businessTrigger a:focus, .j-businessTrigger a:active {
  outline: none;
  box-shadow: 0px 0px 5px #4D90FE inset;
  -webkit-box-shadow: 0px 0px 5px #4D90FE inset;
  -moz-box-shadow: 0px 0px 5px #4D90FE inset;
}

.booking {
  margin-bottom: 40px;
}
.booking .form__legend {
  font-size: 16px;
  font-weight: bold;
  text-transform: uppercase;
}
@media (min-width: 1024px) and (max-height: 700px) {
  .booking .form__legend {
    font-size: 11px;
  }
}
@media (min-width: 1024px) and (max-height: 700px) {
  .booking.mod {
    max-width: 1120px;
  }
}

/* ============================
 * HEADER PART
 * ============================= */
.booking__header {
  padding: 15px 0 5px;
}
@media only screen and (max-width: 800px) {
  .booking__header {
    padding: 10px;
    margin-right: -10px;
    margin-left: -10px;
  }
}
@media only screen and (max-width: 640px) {
  .booking__header {
    padding: 5px 10px 0px;
  }
}
@media (min-width: 1024px) and (max-height: 700px) {
  .booking__header {
    padding: 12.75px 0 4.25px;
  }
}

.booking__headerList {
  *zoom: 1;
}
.booking__headerList:before, .booking__headerList:after {
  content: " ";
  display: table;
}
.booking__headerList:after {
  clear: both;
}

.booking__headerItem {
  float: left;
  position: relative;
  white-space: nowrap;
}
@media only screen and (max-width: 640px) {
  .booking__headerItem {
    text-align: center;
  }
}
.booking__headerItem + .booking__headerItem {
  margin-left: 20px;
}
@media only screen and (max-width: 640px) {
  .booking__headerItem + .booking__headerItem {
    margin-left: 5px;
  }
}
.booking__headerItem .circle {
  width: 22px;
  height: 22px;
  overflow: hidden;
  display: inline-block;
  border-radius: 50%;
  background-color: #d9d9d9;
  vertical-align: middle;
  text-align: center;
  font-weight: bold;
}
@media (min-width: 1024px) and (max-height: 700px) {
  .booking__headerItem .circle {
    width: 18.7px;
    height: 18.7px;
  }
}
.booking__headerItem .circle .number {
  display: none;
  line-height: 22px;
}
@media only screen and (max-width: 640px) {
  .booking__headerItem .circle .number {
    font-size: 12px;
  }
}
@media only screen and (max-width: 800px) {
  .booking__headerItem .circle .number {
    display: inline-block;
    width: 100%;
  }
}
@media (min-width: 1024px) and (max-height: 700px) {
  .booking__headerItem .circle .number {
    font-size: 10.2px;
    line-height: 18.7px;
  }
}
.booking__headerItem .circle .arrow {
  display: inline-block;
  line-height: 14px;
  vertical-align: top;
}
@media only screen and (max-width: 800px) {
  .booking__headerItem .circle .arrow {
    display: none;
  }
}
.booking__headerItem .circle .arrow:before {
  font-family: "iconFont";
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "";
  font-size: 9px;
  line-height: 18px;
  width: 20px;
  text-align: center;
  display: inline-block;
}
.booking__headerItem .text {
  display: inline-block;
  vertical-align: middle;
  margin-left: 5px;
}
@media only screen and (min-width: 801px) and (max-width: 1023px) {
  .booking__headerItem .text {
    font-size: 12px;
  }
}
@media only screen and (max-width: 800px) {
  .booking__headerItem .text {
    display: none;
    font-size: 14px;
  }
}
@media only screen and (max-width: 640px) {
  .booking__headerItem .text {
    font-size: 12px;
  }
}
@media only screen and (min-width: 1024px) {
  .booking__headerItem .text {
    font-size: 16px;
  }
}
@media (min-width: 1024px) and (max-height: 700px) {
  .booking__headerItem .text {
    font-size: 13.6px;
  }
}
.booking__headerItem.isActive .circle {
  background-color: #3b7e06;
  color: #ffffff;
}
.booking__headerItem.isActive .text {
  color: #3b7e06;
}
.booking__headerItem.current .text {
  display: inline-block;
}

/* ============================
 * BOOKING TITLE GROUP
 * ============================= */
.booking__titleGroup {
  text-align: center;
  margin-top: 20px;
}
@media only screen and (max-width: 640px) {
  .booking__titleGroup {
    margin-top: 40px;
    margin-bottom: 40px;
  }
}
@media (min-width: 1024px) and (max-height: 700px) {
  .booking__titleGroup {
    margin-top: 17px;
  }
}
.booking__titleGroup .line1 {
  font-weight: bold;
  font-size: 20px;
  text-transform: uppercase;
  line-height: 1.2;
}
@media only screen and (max-width: 640px) {
  .booking__titleGroup .line1 {
    font-size: 18px;
  }
}
@media (min-width: 1024px) and (max-height: 700px) {
  .booking__titleGroup .line1 {
    font-size: 16px;
  }
}
.booking__titleGroup .line2 {
  font-size: 14px;
  line-height: 1.2;
}
@media only screen and (max-width: 640px) {
  .booking__titleGroup .line2 {
    font-size: 12px;
  }
}
@media (min-width: 1024px) and (max-height: 700px) {
  .booking__titleGroup .line2 {
    font-size: 12px;
  }
}

/* ============================
 * DATE PART
 * ============================= */
.booking__date {
  *zoom: 1;
  overflow: hidden;
  white-space: nowrap;
  margin-top: 25px;
}
.booking__date:before, .booking__date:after {
  content: " ";
  display: table;
}
.booking__date:after {
  clear: both;
}
@media only screen and (max-width: 640px) {
  .booking__date {
    margin-left: -10px;
    margin-right: -10px;
    margin-bottom: 15px;
  }
}
@media (min-width: 1024px) and (max-height: 700px) {
  .booking__date {
    margin-top: 21.25px;
  }
}

.booking__dateArrow {
  background-color: #d9d9d9;
  float: left;
  width: 4.9%;
  height: 68px;
  border: 1px solid #b2b2b2;
  border-bottom: 1px solid #b2b2b2;
  color: transparent;
  text-align: center;
}
@media only screen and (min-width: 641px) and (max-width: 800px) {
  .booking__dateArrow {
    height: 64px;
  }
}
@media only screen and (max-width: 640px) {
  .booking__dateArrow {
    width: 20px;
    height: 58px;
  }
}
@media (min-width: 1024px) and (max-height: 700px) {
  .booking__dateArrow {
    height: 53px;
  }
}
@media only screen and (max-width: 640px) {
  .chooseSeat__slider .booking__dateArrow {
    width: 6.9%;
  }
}
.booking__dateArrow.prev {
  border-right: none;
}
.booking__dateArrow.prev:before {
  color: #000000;
  font-family: "iconFont";
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "î ‚";
  display: block;
  line-height: 68px;
  font-size: 20px;
}
@media only screen and (max-width: 640px) {
  .booking__dateArrow.prev:before {
    line-height: 58px;
  }
}
@media (min-width: 1024px) and (max-height: 700px) {
  .booking__dateArrow.prev:before {
    line-height: 53px;
  }
}
.booking__dateArrow.next:before {
  color: #000000;
  font-family: "iconFont";
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "";
  display: block;
  line-height: 68px;
  font-size: 20px;
}
@media only screen and (max-width: 640px) {
  .booking__dateArrow.next:before {
    line-height: 58px;
  }
}
@media (min-width: 1024px) and (max-height: 700px) {
  .booking__dateArrow.next:before {
    line-height: 53px;
  }
}

.booking__dateListCover {
  height: 70px;
  *zoom: 1;
  float: left;
  width: 90%;
}
.booking__dateListCover:before, .booking__dateListCover:after {
  content: " ";
  display: table;
}
.booking__dateListCover:after {
  clear: both;
}
@media only screen and (max-width: 640px) {
  .booking__dateListCover {
    height: 58px;
    width: calc(100% - 40px);
  }
}
@media (min-width: 1024px) and (max-height: 700px) {
  .booking__dateListCover {
    height: 53px;
  }
}

.booking__dateList {
  *zoom: 1;
}
.booking__dateList:before, .booking__dateList:after {
  content: " ";
  display: table;
}
.booking__dateList:after {
  clear: both;
}

.booking__dateListItem a:focus, .booking__dateListItem a:active {
  outline: none;
  box-shadow: 0px 0px 5px #4D90FE inset;
  -webkit-box-shadow: 0px 0px 5px #4D90FE inset;
  -moz-box-shadow: 0px 0px 5px #4D90FE inset;
}

.booking__dateListItem {
  float: left;
  width: 14.28571%;
  display: block;
  border-top: 1px solid #b2b2b2;
}
@media only screen and (min-width: 641px) and (max-width: 800px) {
  .booking__dateListItem {
    width: 20%;
  }
}
@media only screen and (max-width: 640px) {
  .booking__dateListItem {
    width: 33.333%;
    height: 60px;
  }
}
@media only screen and (min-width: 641px) {
  .booking__dateListItem.isActive {
    position: relative;
  }
  .booking__dateListItem.isActive + .booking__dateListItem .dateBlockWrapper {
    border-left: none;
  }
  .booking__dateListItem.isActive .dateBlockWrapper {
    border-right: 1px solid #b2b2b2;
  }
  .booking__dateListItem.isActive .dateBlock {
    position: relative;
    z-index: 9;
  }
}

/* ============================
 * DATE BLOCK ELEMENT
 * ============================= */
.dateBlockWrapper {
  display: block;
  text-align: center;
  background-color: #f8f8f8;
  padding: 10px 0;
  border-left: 1px solid #b2b2b2;
  border-bottom: 1px solid #b2b2b2;
}
@media (min-width: 1024px) and (max-height: 700px) {
  .dateBlockWrapper {
    padding: 5.5px 0;
    height: 52px;
  }
}
@media only screen and (max-width: 1024px) {
    .dateBlockWrapper {
        height: 67px;
    }
}
@media only screen and (max-width: 768px) {
    .dateBlockWrapper {
        height: 63px;
    }
}
@media only screen and (max-width: 767px) {
    .dateBlockWrapper {
          height: 57px;
    }
}
.isActive .dateBlockWrapper {
  background-color: #e6ede4;
}
.dateBlockWrapper > * {
  position: relative;
  z-index: 9;
}

.dateBlock__dateNum,
.dateBlock__dateMonthDay {
  width: 50%;
  display: inline-block;
  vertical-align: middle;
  text-align: right;
  color: #000000;
}
@media only screen and (max-width: 640px) {
  .dateBlock__dateNum,
  .dateBlock__dateMonthDay {
    display: block;
    width: 100%;
    text-align: center;
  }
}

.dateBlock__dateNum {
  font-size: 25px;
  font-weight: lighter;
}
@media only screen and (min-width: 641px) and (max-width: 800px) {
  .dateBlock__dateNum {
    font-size: 30px;
  }
}
@media only screen and (max-width: 640px) {
  .dateBlock__dateNum {
    font-size: 20px;
  }
}
.isActive .dateBlock__dateNum {
  font-weight: bold;
}

.dateBlock__dateMonthDay {
  text-align: left;
  padding-left: 5px;
}
.isActive .dateBlock__dateMonthDay {
  font-weight: bold;
}

.dateBlock {
  font-size: 16px;
  color: #000000;
}
@media only screen and (max-width: 640px) {
  .dateBlock {
    font-size: 13px;
  }
}
@media (min-width: 1024px) and (max-height: 700px) {
  .dateBlock {
    font-size: 12px;
  }
}

.dateBlock__num {
  color: #287e57;
}

.dateBlock__price {
  font-weight: bold;
  font-size: 20px;
  margin-top: 10px;
  text-align: center;
  color: #0d4722;
}
@media only screen and (min-width: 641px) and (max-width: 800px) {
  .dateBlock__price {
    font-size: 16px;
  }
}
@media only screen and (max-width: 640px) {
  .dateBlock__price {
    font-size: 13px;
  }
}
@media (min-width: 1024px) and (max-height: 700px) {
  .dateBlock__price {
    font-size: 14px;
    margin-top: 8.5px;
  }
}
.dateBlock__price sup {
  vertical-align: baseline;
  position: relative;
  top: -0.4em;
  font-size: 14px;
}
@media only screen and (min-width: 641px) and (max-width: 800px) {
  .dateBlock__price sup {
    font-size: 12px;
  }
}
@media only screen and (max-width: 640px) {
  .dateBlock__price sup {
    display: none;
  }
}
@media (min-width: 1024px) and (max-height: 700px) {
  .dateBlock__price sup {
    font-size: 10px;
  }
}

/* ============================
 * BOOKING TABLE
 * ============================= */
.bookingTable {
  position: relative;
  margin-top: 15px;
}
@media only screen and (max-width: 640px) {
  .bookingTable {
    margin-top: 0;
    margin-left: -10px;
    margin-right: -10px;
  }
}
@media only screen and (min-width: 1280px) {
  .bookingTable {
    width: 90%;
    margin-left: auto;
    margin-right: auto;
    margin-top: 10px;
    min-width: 1151px;
  }
}
@media (min-width: 1024px) and (max-height: 700px) {
  .bookingTable {
    min-width: inherit;
    margin-top: 12.75px;
  }
}
.bookingTable:after, .bookingTable:before {
  content: "";
  display: block;
  position: absolute;
  width: 1px;
  top: 10px;
  bottom: 0;
  background-color: #b2b2b2;
}
@media only screen and (max-width: 800px) {
  .bookingTable:after, .bookingTable:before {
    display: none;
  }
}
.bookingTable:before {
  left: 0;
}
.bookingTable:after {
  right: 0;
}

.bookingTable__left {
  float: left;
  width: 40%;
}
.bookingTable__header .bookingTable__left {
  min-height: 87px;
  margin-top: 10px;
  border-bottom: 1px solid #b2b2b2;
  border-left: 1px solid #b2b2b2;
  border-top: 1px solid #b2b2b2;
  background-image: linear-gradient(to bottom, white 0%, #efefef 100%);
}
@media only screen and (max-width: 800px) {
  .bookingTable__header .bookingTable__left {
    display: none;
    background: #ffffff;
  }
}
@media only screen and (min-width: 641px) {
  .bookingTable__header .bookingTable__left {
    border-bottom: 1px solid #b2b2b2;
    border-left: 1px solid #b2b2b2;
    border-top: 1px solid #b2b2b2;
  }
}
@media (min-width: 1024px) and (max-height: 700px) {
  .bookingTable__header .bookingTable__left {
    margin-top: 8px;
  }
}
@media only screen and (max-width: 800px) {
  .bookingTable__left {
    width: 100%;
    float: none;
  }
}
@media only screen and (min-width: 801px) and (max-width: 1023px) {
  .bookingTable__left {
    width: 38%;
  }
}

.bookingTable__leftRow {
  padding: 15px;
}
@media only screen and (max-width: 800px) {
  .bookingTable__leftRow.departureArriveLabel {
    display: none;
  }
}
.bookingTable__header .bookingTable__leftRow {
  *zoom: 1;
  padding: 9px 15px;
}
.bookingTable__header .bookingTable__leftRow:before, .bookingTable__header .bookingTable__leftRow:after {
  content: " ";
  display: table;
}
.bookingTable__header .bookingTable__leftRow:after {
  clear: both;
}
.bookingTable__header .bookingTable__leftRow:first-child {
  border-bottom: 1px solid #b2b2b2;
}

.bookingTable__headerCol {
  width: 50%;
  float: left;
}
@media only screen and (max-width: 800px) {
  .bookingTable__headerCol {
    width: 100%;
  }
}
.bookingTable__headerCol .checkbox {
  position: relative;
  top: 5px;
}
.bookingTable__headerCol .checkbox label {
  font-size: 14px;
}
@media only screen and (min-width: 641px) and (max-width: 800px) {
  .bookingTable__headerCol .checkbox label {
    font-size: 10px;
  }
}
@media only screen and (min-width: 801px) and (max-width: 1023px) {
  .bookingTable__headerCol .checkbox label {
    font-size: 12px;
  }
}

.bookingTable__headerLabel {
  font-size: 14px;
  text-transform: uppercase;
  font-weight: bold;
}

.bookingTable__timeFilter {
  display: inline-block;
}
.bookingTable__timeFilter .customSelect select {
  font-size: 14px;
}
@media only screen and (min-width: 641px) and (max-width: 800px) {
  .bookingTable__timeFilter .customSelect select {
    font-size: 10px;
  }
}
@media only screen and (max-width: 800px) {
  .bookingTable__timeFilter {
    margin-bottom: 15px;
  }
}
.bookingTable__timeFilter .customSelect {
  margin-right: 20px;
  min-width: inherit;
}
@media only screen and (min-width: 641px) and (max-width: 800px) {
  .bookingTable__timeFilter .customSelect {
    min-width: 85%;
    height: 30px;
    line-height: 27px;
  }
}

.bookingTable__filterLabel {
  display: inline-block;
  text-transform: uppercase;
}
@media only screen and (max-width: 800px) {
  .bookingTable__filterLabel {
    width: 100% !important;
  }
}

.bookingTable__right {
  *zoom: 1;
  float: left;
  width: 60%;
  overflow: hidden;
}
.bookingTable__right:before, .bookingTable__right:after {
  content: " ";
  display: table;
}
.bookingTable__right:after {
  clear: both;
}
@media only screen and (max-width: 800px) {
  .bookingTable__right {
    display: none;
    width: 100%;
  }
}
@media only screen and (min-width: 801px) and (max-width: 1023px) {
  .bookingTable__right {
    width: 62%;
  }
}
.bookingTable__right .price {
  color: #287e57;
  font-size: 18px;
  font-weight: bold;
  display: block;
}
@media only screen and (min-width: 641px) {
  .bookingTable__right .price {
    margin: 0 auto 5px;
    font-weight: normal;
  }
}
@media only screen and (min-width: 801px) {
  .bookingTable__right .price {
    font-size: 18px;
  }
}
@media (min-width: 1024px) and (max-height: 700px) {
  .bookingTable__right .price {
    font-size: 18px;
  }
}
.bookingTable__right .labelMML, .bookingTable__right .soldOut {
  color: #0d4722;
  font-size: 16px;
  line-height: 1.2;
  display: block;
  text-transform: uppercase;
}
.bookingTable__right .mmlPoints {
  color: #0d4722;
  font-size: 24px;
  display: block;
  margin-bottom: 3px;
}
.bookingTable__right .mmlPoints + .fakeRadio + .alert {
  margin-top: -5px;
}
.bookingTable__right .infoFlightWrapper {
  width: 50%;
  height: 60px;
  display: inline-block;
  position: absolute;
  left: 0;
  top: 0;
  text-align: left;
  padding-left: 50px;
  white-space: normal;
}
@media only screen and (min-width: 801px) {
  .bookingTable__right .infoFlightWrapper {
    display: none;
  }
}
@media only screen and (max-width: 800px) {
  .bookingTable__right .infoFlightWrapper {
    height: 32px;
    top: 50%;
    -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
            transform: translateY(-50%);
  }
}
.forOneCol .bookingTable__right .infoFlightWrapper {
  padding-left: 50px;
}
@media only screen and (min-width: 641px) {
  .forOneCol .bookingTable__right .infoFlightWrapper {
    padding-left: 10px;
  }
}
.bookingTable__right .infoFlight,
.bookingTable__right .infoFlight__more {
  position: absolute;
  left: 0;
  top: 0;
  height: 60px;
  width: 40px;
  z-index: 9;
  display: inline-block;
  color: #ffffff;
  font-size: 30px;
}
@media only screen and (max-width: 800px) {
  .bookingTable__right .infoFlight,
  .bookingTable__right .infoFlight__more {
    font-size: 22px;
  }
}
@media only screen and (max-width: 800px) {
  .bookingTable__right .infoFlight .verticalAlignMiddle,
  .bookingTable__right .infoFlight__more .verticalAlignMiddle {
    text-align: center;
  }
}
@media only screen and (min-width: 801px) {
  .bookingTable__right .infoFlight,
  .bookingTable__right .infoFlight__more {
    display: none;
  }
}
.bookingTable__right .infoFlight {
  color: transparent;
}
.bookingTable__right .infoFlight .i-infoCircle {
  color: white;
}
.bookingTable__right .economySaver .infoFlight,
.bookingTable__right .economyLight .infoFlight,
.bookingTable__right .economyClassic .infoFlight,
.bookingTable__right .economyFlex .infoFlight,
.bookingTable__right .economySemiFlex .infoFlight,
.bookingTable__right .economyPromo .infoFlight,
.bookingTable__right .economyBasic .infoFlight,
.bookingTable__right .brandFamily .infoFlight,
.bookingTable__right .brandMilitary .infoFlight,
.bookingTable__right .brandYouth .infoFlight,
.bookingTable__right .brandContinuity .infoFlight,
.bookingTable__right .premiumEconomy .infoFlight,
.bookingTable__right .economyPremioStandard .infoFlight,
.bookingTable__right .economyPremioFlex .infoFlight,
.bookingTable__right .brandCarnet .infoFlight, 
.bookingTable__right .brandContinuityNotResident .infoFlight,
.bookingTable__right .brandContinuityComiso .infoFlight,
.bookingTable__right .tariffaUnica .infoFlight {
  background-color: #5e7a24;
}
@media only screen and (max-width: 800px) {

  .bookingTable__right .economySaver .infoFlight,
  .bookingTable__right .economyLight .infoFlight,
  .bookingTable__right .economyClassic .infoFlight,
  .bookingTable__right .economyFlex .infoFlight,
  .bookingTable__right .economySemiFlex .infoFlight,
  .bookingTable__right .economyPromo .infoFlight,
  .bookingTable__right .economyBasic .infoFlight,
  .bookingTable__right .brandFamily .infoFlight,
  .bookingTable__right .brandMilitary .infoFlight,
  .bookingTable__right .brandYouth .infoFlight,
  .bookingTable__right .brandContinuity .infoFlight,
  .bookingTable__right .premiumEconomy .infoFlight,
  .bookingTable__right .economyPremioStandard .infoFlight,
  .bookingTable__right .economyPremioFlex .infoFlight,
  .bookingTable__right .brandCarnet .infoFlight,
  .bookingTable__right .brandContinuityNotResident .infoFlight,
  .bookingTable__right .brandContinuityComiso .infoFlight,
  .bookingTable__right .tariffaUnica .infoFlight {
    border: 3px solid #ffffff;
    border-radius: 5px;
  }
}
.bookingTable__right .infoFlight__more,
.bookingTable__right .businessClassic .infoFlight,
.bookingTable__right .businessFlex .infoFlight,
.bookingTable__right .comfortFlex .infoFlight {
  background-color: #582933;
}
@media only screen and (max-width: 800px) {
  .bookingTable__right .infoFlight__more,
  .bookingTable__right .businessClassic .infoFlight,
  .bookingTable__right .businessFlex .infoFlight,
  .bookingTable__right .comfortFlex .infoFlight {
    border: 3px solid #ffffff;
    border-radius: 5px;
  }
}
.bookingTable__right .infoFlightLabel {
  color: #000000;
  font-size: 16px;
  text-transform: uppercase;
}
.bookingTable__right .infoFlightLabel.verticalAlignMiddle {
  text-align: left;
}
@media only screen and (min-width: 801px) {
  .bookingTable__right .infoFlightLabel {
    display: none;
  }
}
.bookingTable__right .alert {
  display: block;
  color: #c30e1a;
  text-transform: none;
  font-weight: bold;
  width: 100%;
  margin: 0 auto;
  font-size: 11px;
  white-space: normal;
}
@media only screen and (min-width: 641px) {
  .bookingTable__right .alert {
    padding-bottom: 10px;
    position: absolute;
  }
}
@media only screen and (min-width: 801px) and (max-width: 1023px) {
  .bookingTable__right .alert {
    font-size: 11px;
  }
}
@media only screen and (min-width: 1024px) {
  .bookingTable__right .alert {
    font-size: 11px;
  }
}
@media (min-width: 1024px) and (max-height: 700px) {
  .bookingTable__right .alert {
    font-size: 10px;
  }
}

.infoFLightBestPrice {
  position: absolute;
  right: -15px;
  width: 30px;
  height: 30px;
  display: inline-block;
  -webkit-transform: skewX(45deg);
      -ms-transform: skewX(45deg);
          transform: skewX(45deg);
  z-index: 3;
}
@media only screen and (min-width: 641px) {
  .infoFLightBestPrice {
    width: 40px;
    height: 40px;
  }
}
@media only screen and (min-width: 801px) {
  .infoFLightBestPrice {
    width: 45px;
    height: 45px;
  }
}

.infoFLightBestPrice__img {
  position: absolute;
  right: 0px;
  top: -3px;
  width: 34px;
}
@media only screen and (min-width: 641px) {
  .infoFLightBestPrice__img {
    width: 50px;
  }
}
@media only screen and (min-width: 801px) {
  .infoFLightBestPrice__img {
    width: 60px;
  }
}

.bookingTable__mobileBestPrice {
  display: none;
}

@media only screen and (max-width: 640px) {
  .bookingTable__left {
    position: relative;
  }
}

@media only screen and (max-width: 640px) {
  .bookingTable__mobileBestPrice {
    position: absolute;
    top: 0;
    right: 0;
    display: block;
  }
}

.bookingTable__rightInner {
  *zoom: 1;
  position: relative;
  white-space: nowrap;
  left: 0;
  font-size: 0;
}
.bookingTable__rightInner:before, .bookingTable__rightInner:after {
  content: " ";
  display: table;
}
.bookingTable__rightInner:after {
  clear: both;
}
@media only screen and (max-width: 800px) {
  .bookingTable__rightInner {
    left: 0 !important;
  }
}
.bookingTable__rightInner .verticalAlignMiddle {
  text-align: center;
}
@media only screen and (max-width: 800px) {
  .bookingTable__rightInner .verticalAlignMiddle {
    text-align: right;
  }
}

.bookingTable__rightButtonCover {
  text-align: center;
  padding: 10px;
}
.bookingTable__rightButtonCover > a {
  vertical-align: middle;
}
.bookingTable__rightButtonCover > a.closeButton {
  font-size: 20px;
  color: #b2b2b2;
  margin-right: 10px;
  border: 1px solid #b2b2b2;
  width: 30px;
  height: 30px;
  border-radius: 50%;
  overflow: hidden;
  display: inline-block;
  text-align: center;
  line-height: 28px;
  font-weight: lighter;
  float: right;
}
@media only screen and (min-width: 641px) {
  .bookingTable__rightButtonCover > a.firstButton {
    min-width: 250px;
  }
}

.bookingTable__bodyRow {
  *zoom: 1;
  transition: all 0.3s ease-in-out;
}
.bookingTable__bodyRow:before, .bookingTable__bodyRow:after {
  content: " ";
  display: table;
}
.bookingTable__bodyRow:after {
  clear: both;
}
@media only screen and (max-width: 800px) {
  .bookingTable__bodyRow {
    margin: 0 5px 10px;
    border-radius: 3px;
    border-bottom: none;
    box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
  }
}
.bookingTable__bodyRow:nth-child(even) {
  background-color: #f8f8f8;
}
.bookingTable__bodyRow:nth-child(even) .bookingTable__pricePart .bookingTable__col {
  background-color: #f8f8f8;
}
@media only screen and (max-width: 800px) {
  .bookingTable__bodyRow:nth-child(even) .bookingTable__pricePart .bookingTable__col {
    position: relative;
    border-bottom: 1px solid #efefef;
    background-color: #ffffff;
  }
}
.bookingTable__bodyRow.mobileRowActive {
  background-color: #e6ede4;
  padding: 2px;
}
@media only screen and (max-width: 800px) {
  .bookingTable__bodyRow.mobileRowActive {
    background-color: #ffffff;
    border: 1px solid #0d4722;
  }
}

.bookingTable__bodyRowLoadMore {
  border: 1px solid #b2b2b2;
  border-top: 0;
  background-color: #e6ede4;
}
@media only screen and (max-width: 800px) {
  .bookingTable__bodyRowLoadMore {
    padding: 10px 0;
    margin: 5px;
    border: 1px solid #cccccc;
    border-radius: 3px;
    border-bottom: none;
    box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
  }
}

.bookingTable__bodyRowLoadMoreLink {
  display: block;
  text-align: center;
  padding: 17px 0;
  position: relative;
  color: #000000;
  font-size: 16px;
}
@media only screen and (max-width: 640px) {
  .bookingTable__bodyRowLoadMoreLink {
    padding: 10px 0;
  }
}
@media (min-width: 1024px) and (max-height: 700px) {
  .bookingTable__bodyRowLoadMoreLink {
    padding: 13px;
    font-size: 14px;
  }
}
.bookingTable__bodyRowLoadMoreLink:before, .bookingTable__bodyRowLoadMoreLink:after {
  font-family: "iconFont";
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "";
  width: 33%;
  display: inline-block;
}
@media only screen and (min-width: 641px) and (max-width: 800px) {
  .bookingTable__bodyRowLoadMoreLink:before, .bookingTable__bodyRowLoadMoreLink:after {
    width: 20%;
  }
}
@media only screen and (max-width: 640px) {
  .bookingTable__bodyRowLoadMoreLink:before, .bookingTable__bodyRowLoadMoreLink:after {
    display: block;
    width: 100%;
    margin-top: 10px;
  }
}
@media only screen and (max-width: 640px) {
  .bookingTable__bodyRowLoadMoreLink:before {
    display: none;
  }
}

.bookingTable__col {
  height: 100%;
  display: inline-block;
  width: 23%;
  border-left: 1px solid #b2b2b2;
  vertical-align: top;
  background-color: #ffffff;
  font-weight: bold;
  overflow: hidden;
}
@media only screen and (max-width: 800px) {
  .bookingTable__col {
    font-weight: normal;
    background-color: #ffffff;
    border-left: none;
  }
}
.forTwoCol .bookingTable__col {
  width: 46%;
}
@media only screen and (max-width: 640px) {
  .forTwoCol .bookingTable__col {
    width: 100%;
  }
}
.twoCol .bookingTable__col {
  width: 50%;
}
@media only screen and (max-width: 640px) {
  .twoCol .bookingTable__col {
    width: 100%;
  }
}
.forOneCol .bookingTable__col {
  width: 100%;
}
.forThreeCol .bookingTable__col {
  width: 33.33333%;
}
.bookingTable__header .bookingTable__col:before {
  content: "";
  display: inline-block;
  height: 100%;
  vertical-align: middle;
  margin-right: -0.25em;
  padding-bottom: 87px;
}
.bookingTable__header .bookingTable__col > .verticalAlignMiddle {
  width: 99%;
  display: inline-block;
  vertical-align: middle;
}
.bookingTable__header .bookingTable__col.arrow {
  border-bottom: 0;
}
.bookingTable__header .bookingTable__col.arrow:before {
  padding-bottom: 86px;
}
.bookingTable__col .infoFlightWrapperBtn {
  display: block;
}
.bookingTable__col .infoFlightWrapperBtn:before {
  content: "";
  display: inline-block;
  height: 100%;
  vertical-align: middle;
  margin-right: -0.25em;
  padding-bottom: 98px;
}
@media (min-width: 1024px) and (max-height: 700px) {
  .bookingTable__col .infoFlightWrapperBtn:before {
    padding-bottom: 85px;
  }
}
.bookingTable__col .infoFlightWrapperBtn > .verticalAlignMiddle {
  width: 99%;
  display: inline-block;
  vertical-align: middle;
  position: relative;
  z-index: 2;
}
.bookingTable__col.arrow {
  width: 8%;
  text-align: center;
  font-size: 16px;
  background-color: #ffffff;
  cursor: pointer;
}
@media only screen and (max-width: 800px) {
  .bookingTable__col.arrow {
    width: 100%;
  }
}
.businessActivated .bookingTable__col.arrow .i-arrowRight {
  -webkit-transform: rotate(-180deg);
      -ms-transform: rotate(-180deg);
          transform: rotate(-180deg);
  display: inline-block;
}
.fourColThreeCol .bookingTable__col.premiumEconomy{
  width: 27%!important;
}
@media only screen and (max-width: 800px) {
  .fourColThreeCol .bookingTable__col.premiumEconomy{
    width: 100%!important;
  }
}
.threeColOneCol .bookingTable__col.economySaver, .threeColOneCol .bookingTable__col.economyClassic, .threeColOneCol .bookingTable__col.economyLight, .threeColOneCol .bookingTable__col.economyFlex,.threeColOneCol .bookingTable__col.economySemiFlex, .threeColOneCol .bookingTable__col.economyPromo, .threeColOneCol .bookingTable__col.premiumEconomy {
  width: 30.666%;
}
@media only screen and (max-width: 800px) {
  .threeColOneCol .bookingTable__col.economySaver, .threeColOneCol .bookingTable__col.economyClassic, .threeColOneCol .bookingTable__col.economyLight, .threeColOneCol .bookingTable__col.economyFlex,.threeColOneCol .bookingTable__col.economySemiFlex, .threeColOneCol .bookingTable__col.economyPromo, .threeColOneCol .bookingTable__col.premiumEconomy {
    width: 100%;
  }
}
.threeColTwoCol .bookingTable__col.economySaver, .threeColTwoCol .bookingTable__col.economyClassic, .threeColTwoCol .bookingTable__col.economyLight, .threeColTwoCol .bookingTable__col.economyFlex,.threeColTwoCol .bookingTable__col.economySemiFlex, .threeColTwoCol .bookingTable__col.economyPromo, .threeColTwoCol .bookingTable__col.premiumEconomy {
  width: 30.666%;
}
@media only screen and (max-width: 800px) {
  .threeColTwoCol .bookingTable__col.economySaver, .threeColTwoCol .bookingTable__col.economyClassic, .threeColTwoCol .bookingTable__col.economyLight, .threeColTwoCol .bookingTable__col.economyFlex, .threeColTwoCol .bookingTable__col.economySemiFlex, .threeColTwoCol .bookingTable__col.economyPromo, .threeColTwoCol .bookingTable__col.premiumEconomy {
    width: 100%;
  }
}
.bookingTable__col.businessClassic, .bookingTable__col.businessFlex, .bookingTable__col.comfortFlex {
  width: 46%;
}
.fourColThreeCol .bookingTable__col.businessClassic,.fourColThreeCol .bookingTable__col.businessFlex,.fourColThreeCol .bookingTable__col.comfortFlex {
  width: 33%!important;
}
@media only screen and (max-width: 800px) {
  .fourColThreeCol .bookingTable__col.businessClassic,.fourColThreeCol .bookingTable__col.businessFlex,.fourColThreeCol .bookingTable__col.comfortFlex {
    width: 100% !important;
  }
}
.threeColOneCol .bookingTable__col.businessClassic, .fourColOneCol .bookingTable__col.businessClassic, .threeColOneCol .bookingTable__col.businessFlex, .fourColOneCol .bookingTable__col.businessFlex, .threeColOneCol .bookingTable__col.comfortFlex, .fourColOneCol .bookingTable__col.comfortFlex {
  width: 92%;
}
@media only screen and (max-width: 800px) {
  .threeColOneCol .bookingTable__col.businessClassic, .fourColOneCol .bookingTable__col.businessClassic, .threeColOneCol .bookingTable__col.businessFlex, .fourColOneCol .bookingTable__col.businessFlex, .threeColOneCol .bookingTable__col.comfortFlex, .fourColOneCol .bookingTable__col.comfortFlex {
    width: 100%;
  }
}
@media only screen and (max-width: 800px) {
  .bookingTable__col.businessClassic, .bookingTable__col.businessFlex, .bookingTable__col.comfortFlex {
    width: 100%;
  }
}
@media only screen and (max-width: 800px) {
  .bookingTable__col {
    width: 100%;
    display: block;
  }
  .forThreeCol .bookingTable__col {
    width: 100%;
  }
  .bookingTable__col:before {
    padding-bottom: 60px;
  }
  .bookingTable__col .bookingTable__header:before {
    padding-bottom: 60px;
  }
  .bookingTable__col .infoFlightWrapperBtn:before {
    padding-bottom: 60px;
  }
}

@media only screen and (min-width: 641px) {
  .changeTariff .beStandard {
    width: 30%;
  }
}
@media only screen and (min-width: 641px) {
  .changeTariff .beBusiness {
    width: 45%;
  }
}
.changeTariff .bookingTable__header .arrow {
  background-color: #d9d9d9;
  color: #000000;
}
.changeTariff.businessActivated .bookingTable__header .arrow {
  background-color: #d9d9d9;
}

.bookingTable__header {
  *zoom: 1;
  overflow: hidden;
  z-index: 100;
  position: static;
  width: 100%;
  left: 0;
  font-size: 16px;
  z-index: 69;
  background-color: #fff;
}
.bookingTable__header:before, .bookingTable__header:after {
  content: " ";
  display: table;
}
.bookingTable__header:after {
  clear: both;
}
@media (min-width: 1024px) and (max-height: 700px) {
  .bookingTable__header {
    font-size: 12px;
  }
}

.bookingTable__header .economySaver,
.bookingTable__header .economyLight,
.bookingTable__header .economyClassic,
.bookingTable__header .economyFlex,
.bookingTable__header .economySemiFlex,
.bookingTable__header .economyPromo,
.bookingTable__header .economyBasic,
.bookingTable__header .premiumEconomy,
.bookingTable__header .businessClassic,
.bookingTable__header .businessFlex,
.bookingTable__header .comfortFlex,
.bookingTable__header .brandFamily,
.bookingTable__header .brandMilitary,
.bookingTable__header .brandYouth,
.bookingTable__header .brandContinuity,
.bookingTable__header .economyPremioStandard,
.bookingTable__header .economyPremioFlex,
.bookingTable__header .brandCarnet,
.bookingTable__header .brandContinuityNotResident,
.bookingTable__header .brandContinuityComiso,
.bookingTable__header  .tariffaUnica {
  color: #ffffff;
  padding: 0 15px;
  border-left: 1px solid #ffffff;
}
@media only screen and (max-width: 1023px) {
  .bookingTable__header .economySaver,
  .bookingTable__header .economyLight,
  .bookingTable__header .economyClassic,
  .bookingTable__header .economyFlex,
  .bookingTable__header .economySemiFlex,
  .bookingTable__header .economyPromo,
  .bookingTable__header .economyBasic,
  .bookingTable__header .premiumEconomy,
  .bookingTable__header .businessClassic,
  .bookingTable__header .businessFlex,
  .bookingTable__header .comfortFlex,
  .bookingTable__header .brandFamily,
  .bookingTable__header .brandMilitary,
  .bookingTable__header .brandYouth,
  .bookingTable__header .brandContinuity,
  .bookingTable__header .economyPremioStandard,
  .bookingTable__header .economyPremioFlex,
  .bookingTable__header .brandCarnet,
  .bookingTable__header .brandContinuityNotResident,
  .bookingTable__header .brandContinuityComiso,
  .bookingTable__header .tariffaUnica {
    padding: 0 10px;
  }
}
.bookingTable__header .economySaver .text,
.bookingTable__header .economyLight .text,
.bookingTable__header .economyClassic .text,
.bookingTable__header .economyFlex .text,
.bookingTable__header .economySemiFlex .text,
.bookingTable__header .economyPromo .text,
.bookingTable__header .economyBasic .text,
.bookingTable__header .premiumEconomy .text,
.bookingTable__header .businessClassic .text,
.bookingTable__header .businessFlex .text,
.bookingTable__header .comfortFlex .text,
.bookingTable__header .brandFamily .text,
.bookingTable__header .brandMilitary .text,
.bookingTable__header .brandYouth .text,
.bookingTable__header .brandContinuity .text,
.bookingTable__header .economyPremioStandard .text,
.bookingTable__header .economyPremioFlex .text,
.bookingTable__header .brandCarnet .text,
.bookingTable__header .brandContinuityNotResident .text,
.bookingTable__header .brandContinuityComiso .text,
.bookingTable__header .tariffaUnica .text{
  display: inline-block;
  width: 100%;
  vertical-align: middle;
  text-transform: uppercase;
  text-align: left;
  font-size: 16px;
}
@media only screen and (max-width: 800px) {
  .bookingTable__header .economySaver .text
  .bookingTable__header .economyLight .text,
  .bookingTable__header .economyClassic .text,
  .bookingTable__header .economyFlex .text,
  .bookingTable__header .economySemiFlex .text,
  .bookingTable__header .economyPromo .text,
  .bookingTable__header .economyBasic .text,
  .bookingTable__header .premiumEconomy .text,
  .bookingTable__header .businessClassic .text,
  .bookingTable__header .businessFlex .text,
  .bookingTable__header .comfortFlex .text,
  .bookingTable__header .brandFamily .text,
  .bookingTable__header .brandMilitary .text,
  .bookingTable__header .brandYouth .text,
  .bookingTable__header .brandContinuity .text,
  .bookingTable__header .economyPremioStandard .text,
  .bookingTable__header .economyPremioFlex .text,
  .bookingTable__header .brandCarnet .text, 
  .bookingTable__header .brandContinuityNotResident .text,
  .bookingTable__header .brandContinuityComiso .text,
  .bookingTable__header .tariffaUnica .text{
    font-size: 14px;
  }
}
@media only screen and (min-width: 801px) and (max-width: 1023px) {
  .bookingTable__header .economySaver .text,
  .bookingTable__header .economyLight .text,
  .bookingTable__header .economyClassic .text,
  .bookingTable__header .economyFlex .text,
  .bookingTable__header .economySemiFlex .text,
  .bookingTable__header .economyPromo .text,
  .bookingTable__header .economyBasic .text,
  .bookingTable__header .premiumEconomy .text,
  .bookingTable__header .businessClassic .text,
  .bookingTable__header .businessFlex .text,
  .bookingTable__header .comfortFlex .text,
  .bookingTable__header .brandFamily .text,
  .bookingTable__header .brandMilitary .text,
  .bookingTable__header .brandYouth .text,
  .bookingTable__header .brandContinuity .text,
  .bookingTable__header .economyPremioStandard .text,
  .bookingTable__header .economyPremioFlex .text,
  .bookingTable__header .brandCarnet .text, 
  .bookingTable__header .brandContinuityNotResident .text,
  .bookingTable__header .brandContinuityComiso .text,
  .bookingTable__header .tariffaUnica .text{
    font-size: 14px;
  }
}
@media (min-width: 1024px) and (max-height: 700px) {
  .bookingTable__header .economySaver .text,
  .bookingTable__header .economyLight .text,
  .bookingTable__header .economyClassic .text,
  .bookingTable__header .economyFlex .text,
  .bookingTable__header .economySemiFlex .text,
  .bookingTable__header .economyPromo .text,
  .bookingTable__header .economyBasic .text,
  .bookingTable__header .premiumEconomy .text,
  .bookingTable__header .businessClassic .text,
  .bookingTable__header .businessFlex .text,
  .bookingTable__header .comfortFlex .text,
  .bookingTable__header .brandFamily .text,
  .bookingTable__header .brandMilitary .text,
  .bookingTable__header .brandYouth .text,
  .bookingTable__header .brandContinuity .text,
  .bookingTable__header .economyPremioStandard .text,
  .bookingTable__header .economyPremioFlex .text,
  .bookingTable__header .brandCarnet .text, 
  .bookingTable__header .brandContinuityNotResident .text,
  .bookingTable__header .brandContinuityComiso .text,
  .bookingTable__header .tariffaUnica .text{
    font-size: 14px;
  }
}
.forOneCol .bookingTable__header .economySaver .text,.forOneCol
.bookingTable__header .economyLight .text, .forOneCol
.bookingTable__header .economyClassic .text, .forOneCol
.bookingTable__header .economyFlex .text, .forOneCol
.bookingTable__header .economySemiFlex .text, .forOneCol
.bookingTable__header .economyPromo .text, .forOneCol
.bookingTable__header .economyBasic .text, .forOneCol
.bookingTable__header .premiumEconomy .text, .forOneCol
.bookingTable__header .businessClassic .text, .forOneCol
.bookingTable__header .businessFlex .text, .forOneCol
.bookingTable__header .comfortFlex .text, .forOneCol
.bookingTable__header .brandFamily .text, .forOneCol
.bookingTable__header .brandMilitary .text, .forOneCol
.bookingTable__header .brandYouth .text, .forOneCol
.bookingTable__header .brandContinuity .text, .forOneCol
.bookingTable__header .economyPremioStandard .text, .forOneCol
.bookingTable__header .economyPremioFlex .text, .forOneCol
.bookingTable__header .brandCarnet .text, 
.forOneCol .bookingTable__header .brandContinuityNotResident .text,
.forOneCol .bookingTable__header .brandContinuityComiso .text,
.forOneCol .bookingTable__header .tariffaUnica .text {
  text-align: center;
}

.bookingTable__header .economySaver .i-infoCircle,
.bookingTable__header .economyLight .i-infoCircle,
.bookingTable__header .economyClassic .i-infoCircle,
.bookingTable__header .economyFlex .i-infoCircle,
.bookingTable__header .economySemiFlex .i-infoCircle,
.bookingTable__header .economyPromo .i-infoCircle,
.bookingTable__header .economyBasic .i-infoCircle,
.bookingTable__header .premiumEconomy .i-infoCircle,
.bookingTable__header .businessClassic .i-infoCircle,
.bookingTable__header .businessFlex .i-infoCircle,
.bookingTable__header .comfortFlex .i-infoCircle,
.bookingTable__header .brandFamily .i-infoCircle,
.bookingTable__header .brandMilitary .i-infoCircle,
.bookingTable__header .brandYouth .i-infoCircle,
.bookingTable__header .brandContinuity .i-infoCircle,
.bookingTable__header .economyPremioStandard .i-infoCircle,
.bookingTable__header .economyPremioFlex .i-infoCircle,
.bookingTable__header .brandCarnet .i-infoCircle, 
.bookingTable__header .brandContinuityNotResident .i-infoCircle,
.bookingTable__header .brandContinuityComiso .i-infoCircle,
.bookingTable__header .tariffaUnica .i-infoCircle{
  width: 20%;
  vertical-align: middle;
  text-align: right;
  font-size: 23px;
  margin-top: 5px;
  display: none;
}
@media only screen and (min-width: 801px) and (max-width: 1023px) {
  .bookingTable__header .economySaver .i-infoCircle,
  .bookingTable__header .economyLight .i-infoCircle,
  .bookingTable__header .economyClassic .i-infoCircle,
  .bookingTable__header .economyFlex .i-infoCircle,
  .bookingTable__header .economySemiFlex .i-infoCircle,
  .bookingTable__header .economyPromo .i-infoCircle,
  .bookingTable__header .economyBasic .i-infoCircle,
  .bookingTable__header .premiumEconomy .i-infoCircle,
  .bookingTable__header .businessClassic .i-infoCircle,
  .bookingTable__header .businessFlex .i-infoCircle,
  .bookingTable__header .comfortFlex .i-infoCircle,
  .bookingTable__header .brandFamily .i-infoCircle,
  .bookingTable__header .brandMilitary .i-infoCircle,
  .bookingTable__header .brandYouth .i-infoCircle,
  .bookingTable__header .brandContinuity .i-infoCircle,
  .bookingTable__header .economyPremioStandard .i-infoCircle,
  .bookingTable__header .economyPremioFlex .i-infoCircle,
  .bookingTable__header .brandCarnet .i-infoCircle,
  .bookingTable__header .brandContinuityNotResident .i-infoCircle,
  .bookingTable__header .brandContinuityComiso .i-infoCircle,
  .bookingTable__header .tariffaUnica .i-infoCircle {
    margin-top: 18px;
  }
}
.bookingTable__header .headingActive .text {
  width: 85%;
}
.forOneCol .bookingTable__header .headingActive .text {
  width: 100%;
}
.bookingTable__header .headingActive .i-infoCircle {
  display: inline-block;
}
.bookingTable__header .economySaver,
.bookingTable__header .economyLight,
.bookingTable__header .economyClassic,
.bookingTable__header .economyFlex,
.bookingTable__header .economySemiFlex,
.bookingTable__header .economyPromo,
.bookingTable__header .economyBasic,
.bookingTable__header .premiumEconomy,
.bookingTable__header .brandFamily,
.bookingTable__header .brandMilitary,
.bookingTable__header .brandYouth,
.bookingTable__header .brandContinuity,
.bookingTable__header .economyPremioStandard,
.bookingTable__header .economyPremioFlex,
.bookingTable__header .brandCarnet,
.bookingTable__header .brandContinuityNotResident,
.bookingTable__header .brandContinuityComiso,
.bookingTable__header .tariffaUnica  {
  background-color: #5e7a24;
}
.bookingTable__header .businessClassic,
.bookingTable__header .businessFlex,
.bookingTable__header .comfortFlex {
  background-color: #582933;
}
.bookingTable__header .arrow {
  border-top: 1px solid #b2b2b2;
  border-bottom: 1px solid #b2b2b2;
  background-color: #582933;
  color: #ffffff;
  transition: background 400ms ease;
}
.bookingTable__header .arrow .i-arrowRight {
  transition: -webkit-transform 400ms ease;
  transition: transform 400ms ease;
  display: inline-block;
}
.businessActivated .bookingTable__header .arrow {
  background-color: #5e7a24;
}
.businessActivated .bookingTable__header .arrow .i-arrowRight {
  -webkit-transform: rotate(-180deg);
      -ms-transform: rotate(-180deg);
          transform: rotate(-180deg);
}
.bookingTable__header .bookingTable__rightInner {
  padding-top: 10px;
}
@media (min-width: 1024px) and (max-height: 700px) {
  .bookingTable__header .bookingTable__rightInner {
    padding-top: 8.5px;
  }
}
.bookingTable__header.isFixed {
  max-width: 1120pxs;
}
@media only screen and (min-width: 641px) {
  .bookingTable__header.isFixed {
    left: 50%;
    position: fixed;
    -webkit-transform: translate(-50%, 0);
        -ms-transform: translate(-50%, 0);
            transform: translate(-50%, 0);
    z-index: 69;
  }
}
@media only screen and (min-width: 1280px) {
  .bookingTable__header.isFixed {
    max-width: 1192px;
  }
}
@media (min-width: 1024px) and (max-height: 700px) {
  .bookingTable__header.isFixed {
    max-width: 1012px;
  }
}

.bookingTable__body {
  *zoom: 1;
  margin-top: 10px;
}
.bookingTable__body:before, .bookingTable__body:after {
  content: " ";
  display: table;
}
.bookingTable__body:after {
  clear: both;
}
@media only screen and (min-width: 641px) {
  .bookingTable__body {
    border-top: 1px solid #b2b2b2;
    margin-top: 0;
    border-top: 0;
  }
}

.bookingTable__rowBody {
  *zoom: 1;
  clear: both;
  display: none;
  background-color: #fff;
}
.bookingTable__rowBody:before, .bookingTable__rowBody:after {
  content: " ";
  display: table;
}
.bookingTable__rowBody:after {
  clear: both;
}
.bookingTable__rowBody .bookingTable__col:before {
  padding-bottom: 0;
}

.bookingTable__bodyRow .bookingTable__col {
  position: relative;
  border-bottom: 1px solid #b2b2b2;
}
.bookingTable__bodyRow .bookingTable__col.setMinHeight:before {
  content: "";
  display: inline-block;
  height: 100%;
  vertical-align: middle;
  margin-right: -0.25em;
}
.bookingTable__bodyRow .bookingTable__col.setMinHeight > .verticalAlignMiddle {
  width: 99%;
  display: inline-block;
  vertical-align: middle;
}
@media only screen and (min-width: 641px) {
  .bookingTable__bodyRow .bookingTable__col.setMinHeight:before {
    padding-bottom: 456px;
  }
}
@media only screen and (min-width: 801px) {
  .bookingTable__bodyRow .bookingTable__col.setMinHeight:before {
    padding-bottom: 315px;
  }
}
.bookingTable__bodyRow .bookingTable__col.isActive {
  border-left: 3px solid #5e7a24;
  border-right: 3px solid #5e7a24;
  border-bottom: 3px solid #5e7a24;
}
.bookingTable__bodyRow .bookingTable__col.isActive.businessClassic, .bookingTable__bodyRow .bookingTable__col.isActive.businessFlex {
  border-left: 3px solid #582933;
  border-right: 3px solid #582933;
  border-bottom: 3px solid #582933;
}
.bookingTable__bodyRow .bookingTable__pricePart .bookingTable__col.isActive {
  border-left: 3px solid #5e7a24;
  border-right: 3px solid #5e7a24;
  border-bottom: 1px solid #b2b2b2;
  position: relative;
}
.bookingTable__bodyRow .bookingTable__pricePart .bookingTable__col.isActive:after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 3px;
  background-color: #5e7a24;
}
.bookingTable__bodyRow .bookingTable__pricePart .bookingTable__col.isActive.businessClassic, .bookingTable__bodyRow .bookingTable__pricePart .bookingTable__col.isActive.businessFlex {
  border-left: 3px solid #582933;
  border-right: 3px solid #582933;
  border-bottom: 1px solid #b2b2b2;
}
@media only screen and (max-width: 640px) {
  .bookingTable__bodyRow .bookingTable__pricePart .bookingTable__col.isActive.businessFlex {
    border-bottom: none;
  }
}
.bookingTable__bodyRow .bookingTable__pricePart .bookingTable__col.isActive.businessFlex:after {
  background-color: #582933;
}
@media only screen and (max-width: 640px) {
  .bookingTable__bodyRow .bookingTable__pricePart .bookingTable__col .infoFlightWrapperBtn {
    padding-right: 5px;
  }
}
.bookingTable__bodyRow .bookingTable__pricePart .bookingTable__col.arrow {
  font-size: 16px;
}
@media only screen and (max-width: 800px) {
  .bookingTable__bodyRow .bookingTable__pricePart .bookingTable__col.arrow {
    display: none;
  }
}
.bookingTable__bodyRow .bookingTable__pricePart .bookingTable__col.setMinHeight {
  border-bottom: 0;
}
@media only screen and (min-width: 641px) {
  .bookingTable__bodyRow .bookingTable__pricePart .bookingTable__col.setMinHeight {
    min-height: 600px;
  }
}
@media only screen and (min-width: 801px) {
  .bookingTable__bodyRow .bookingTable__pricePart .bookingTable__col.setMinHeight {
    min-height: 500px;
  }
}
.bookingTable__bodyRow.activeRow {
  border-bottom: 1px solid #b2b2b2;
}

.booking__elementList {
  color: #7f7f7f;
  background-color: #ffffff;
  margin-top: 5px;
}
.booking__elementList.opacityAdded {
  position: relative;
}
.booking__elementList.opacityAdded:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 9;
  background-color: rgba(255, 255, 255, 0.5);
}
@media only screen and (min-width: 641px) {
  .booking__elementList {
    min-height: 450px;
  }
}
@media only screen and (min-width: 801px) {
  .booking__elementList {
    min-height: 310px;
  }
}
.booking__elementList > li {
  padding: 7px 10px 0 10px;
}
@media only screen and (min-width: 801px) and (max-width: 1023px) {
  .booking__elementList > li {
    padding: 7px 5px 0 5px;
  }
}
.forOneCol .booking__elementList > li {
  max-width: 45%;
  text-align: left;
  margin: 0 auto;
}
@media only screen and (min-width: 641px) and (max-width: 800px) {
  .booking__elementList > li {
    padding: 12px 10px 0 10px;
  }
}

.elementList__icon {
  font-size: 30px;
  display: inline-block;
  vertical-align: middle;
  color: #4c4c4c;
  width: 20%;
  text-align: center;
}
@media only screen and (min-width: 641px) and (max-width: 800px) {
  .elementList__icon {
    width: 100%;
    font-size: 25px;
    text-align: center;
  }
}
@media only screen and (min-width: 801px) and (max-width: 1023px) {
  .elementList__icon {
    font-size: 22px;
  }
}
.elementList__icon .i-bagaglioStiva {
  font-size: 22px;
}
@media only screen and (min-width: 641px) and (max-width: 800px) {
  .elementList__icon .i-bagaglioStiva {
    font-size: 22px;
  }
}
@media only screen and (min-width: 801px) and (max-width: 1023px) {
  .elementList__icon .i-bagaglioStiva {
    font-size: 20px;
  }
}
.elementList__icon .i-postoBordo {
  font-size: 24px;
}
@media only screen and (min-width: 641px) and (max-width: 800px) {
  .elementList__icon .i-postoBordo {
    font-size: 24px;
  }
}
@media only screen and (min-width: 801px) and (max-width: 1023px) {
  .elementList__icon .i-postoBordo {
    font-size: 20px;
  }
}
.elementList__icon .i-assicurazione, .elementList__icon .i-cambioPrenotazione, .elementList__icon .i-salaLounge {
  font-size: 27px;
}
@media only screen and (min-width: 641px) and (max-width: 800px) {
  .elementList__icon .i-assicurazione, .elementList__icon .i-cambioPrenotazione, .elementList__icon .i-salaLounge {
    font-size: 25px;
  }
}
@media only screen and (min-width: 801px) and (max-width: 1023px) {
  .elementList__icon .i-assicurazione, .elementList__icon .i-cambioPrenotazione, .elementList__icon .i-salaLounge {
    font-size: 18px;
  }
}
.elementList__icon .i-mm_tier1 {
  font-size: 31px;
}
@media only screen and (min-width: 801px) and (max-width: 1023px) {
  .elementList__icon .i-mm_tier1 {
    font-size: 25px;
  }
}
@media (min-width: 1024px) and (max-height: 700px) {
  .elementList__icon .i-bagaglioStiva,
  .elementList__icon .i-postoBordo,
  .elementList__icon .i-assicurazione,
  .elementList__icon .i-cambioPrenotazione,
  .elementList__icon .i-salaLounge,
  .elementList__icon .i-mm_tier1 {
    font-size: 21px;
  }
}
@media only screen and (min-width: 641px) and (max-width: 800px) {
  .elementList__icon .i-bagaglioStiva,
  .elementList__icon .i-postoBordo,
  .elementList__icon .i-assicurazione,
  .elementList__icon .i-cambioPrenotazione,
  .elementList__icon .i-salaLounge,
  .elementList__icon .i-mm_tier1 {
    font-size: 28px;
  }
}

.elementList__txt {
  font-size: 13px;
  white-space: normal;
  display: inline-block;
  vertical-align: middle;
  padding-left: 15px;
  padding-right: 15px;
  color: #4c4c4c;
  text-transform: none;
  width: 80%;
  font-weight: normal;
}
@media only screen and (min-width: 641px) and (max-width: 800px) {
  .elementList__txt {
    width: 100%;
    display: block;
    text-align: center;
    padding: 0;
  }
}
@media only screen and (min-width: 801px) and (max-width: 1023px) {
  .elementList__txt {
    padding-left: 5px;
    padding-right: 5px;
  }
}
@media (min-width: 1024px) and (max-height: 700px) {
  .elementList__txt {
    font-size: 11px;
  }
}
.elementList__txt.topAlign {
  vertical-align: top;
}
.forOneCol .elementList__txt {
  width: auto;
  font-size: 16px;
}

.elementList__subtitle {
  font-size: 11px;
  color: #7f7f7f;
  display: block;
}
.forOneCol .elementList__subtitle {
  font-size: 13px;
  padding-top: 2px;
}

.booking__fightPreviewWrapper {
  border-bottom: 1px solid #b2b2b2;
  display: inline-block;
  height: 100%;
}
@media only screen and (max-width: 800px) {
  .booking__fightPreviewWrapper {
    border: 1px solid #d9d9d9;
    display: inline-block;
    height: 100%;
  }
}
.booking__fightPreviewWrapper:before {
  padding-bottom: 98px;
}
@media (min-width: 1024px) and (max-height: 700px) {
  .booking__fightPreviewWrapper:before {
    padding-bottom: 85px;
  }
}

.booking__fightPreview {
  padding: 10px;
}
@media only screen and (min-width: 641px) {
  .booking__fightPreview {
    padding: 10px 15px;
  }
}
@media (min-width: 1024px) and (max-height: 700px) {
  .booking__fightPreview {
    padding-top: 7px;
    padding-bottom: 7px;
  }
}
.booking__fightPreview .row {
  padding-bottom: 5px;
  margin-bottom: 5px;
}
@media only screen and (min-width: 801px) {
  .booking__fightPreview .row {
    border-bottom: 1px solid #e2e2e2;
    margin-bottom: 10px;
  }
}
@media only screen and (max-width: 640px) {
  .booking__fightPreview .row {
    margin-bottom: 15px;
  }
}
@media (min-width: 1024px) and (max-height: 700px) {
  .booking__fightPreview .row {
    margin-bottom: 7px;
  }
}
.booking__fightPreview .first:before,
.booking__fightPreview .second:before,
.booking__fightPreview .third:before {
  padding-bottom: 0;
}
@media only screen and (min-width: 801px) {
  .booking__fightPreview .first:before,
  .booking__fightPreview .second:before,
  .booking__fightPreview .third:before {
    padding-bottom: 42px;
  }
}
.booking__fightPreview .first {
  display: inline-block;
  width: 33%;
}
@media only screen and (max-width: 800px) {
  .booking__fightPreview .first {
    vertical-align: top;
    width: 20%;
  }
}
.booking__fightPreview .second {
  width: 20%;
  text-align: center;
  padding-right: 5px;
  padding-left: 5px;
  display: inline-block;
  height: 100%;
  vertical-align: top;
}
@media only screen and (max-width: 800px) {
  .booking__fightPreview .second {
    width: 10%;
    margin-top: 17px;
  }
}
@media only screen and (min-width: 801px) {
  .booking__fightPreview .second {
    width: 15%;
  }
}
.booking__fightPreview .third {
  display: inline-block;
}
@media only screen and (max-width: 800px) {
  .booking__fightPreview .third {
    vertical-align: top;
  }
}
.booking__fightPreview .fourth {
  display: inline-block;
  float: right;
}
@media only screen and (max-width: 800px) {
  .booking__fightPreview .fourth {
    margin-top: 17px;
  }
}
@media only screen and (min-width: 801px) {
  .booking__fightPreview .fourth.wrapPrice {
    display: none;
  }
}
.booking__fightPreview .i-plane {
  color: #287e57;
}

.booking__fightPreview__price {
  font-size: 20px;
  line-height: 1.2;
  font-weight: bold;
}
@media only screen and (max-width: 800px) {
  .booking__fightPreview__price {
    font-size: 18px;
    color: #0d4722;
  }
  [lang="en-us"] .booking__fightPreview__price {
    font-size: 16px;
    font-weight: bold;
  }
}
.booking__fightPreview__price .from {
  font-size: 12px;
}
@media only screen and (max-width: 640px) {
  .booking__fightPreview__price .from {
    color: #000000;
  }
}

.booking__fightPreviewDepArrCont__time {
  font-size: 18px;
  line-height: 1.2;
  color: #0d4722;
  display: block;
}
@media only screen and (min-width: 641px) {
  .booking__fightPreviewDepArrCont__time {
    white-space: nowrap;
  }
}
.booking__fightPreviewDepArrCont__time .time {
  font-size: 10px;
}
@media only screen and (min-width: 641px) {
  .booking__fightPreviewDepArrCont__time .time {
    font-size: 14px;
  }
}
@media (min-width: 1024px) and (max-height: 700px) {
  .booking__fightPreviewDepArrCont__time .time {
    font-size: 12px;
  }
}
.booking__fightPreviewDepArrCont__time sup {
  vertical-align: baseline;
  position: relative;
  top: -0.7em;
  font-size: 11px;
}

.booking__fightPreviewDepArrCont__iata {
  font-size: 14px;
  line-height: 1.2;
  color: #000000;
  text-transform: uppercase;
  display: block;
}
@media only screen and (min-width: 801px) {
  .booking__fightPreviewDepArrCont__iata {
    display: block;
  }
}
@media (min-width: 1024px) and (max-height: 700px) {
  .booking__fightPreviewDepArrCont__iata {
    font-size: 11px;
  }
}

.booking__fightPreviewInfo {
  font-size: 12px;
  color: #4c4c4c;
  line-height: 1.1;
  overflow: hidden;
  white-space: nowrap;
  display: block;
}
@media only screen and (min-width: 641px) and (max-width: 800px) {
  .booking__fightPreviewInfo {
    width: 100%;
  }
}
@media only screen and (min-width: 641px) {
  .booking__fightPreviewInfo {
    display: block;
    line-height: 1.2;
  }
}
@media (min-width: 1024px) and (max-height: 700px) {
  .booking__fightPreviewInfo {
    font-size: 11px;
  }
}
.booking__fightPreviewInfo .i-infoCircle {
  font-size: 15px;
  margin-right: 5px;
  display: inline-block;
  vertical-align: middle;
}
@media only screen and (max-width: 800px) {
  .booking__fightPreviewInfo .i-infoCircle {
    font-size: 18px;
    color: #287e57;
  }
}

.bookingTable__icons {
  display: none;
  text-align: left;
  margin-top: 10px;
}
.forOneCol .bookingTable__icons {
  text-align: center;
}
@media only screen and (min-width: 641px) {
  .bookingTable__icons {
    display: block;
    font-size: 12px;
  }
}
@media only screen and (min-width: 801px) {
  .bookingTable__icons {
    font-size: 13px;
  }
}
@media only screen and (min-width: 1024px) {
  .bookingTable__icons {
    font-size: 20px;
  }
}
@media (min-width: 1024px) and (max-height: 700px) {
  .bookingTable__icons {
    font-size: 16px;
  }
}

.fakeRadio {
  content: "";
  background: url(/content/dam/alitalia/assets/clientlibs/images/form/radioButton.png) no-repeat 50% 0;
  width: 20px;
  height: 30px;
  display: inline-block;
  padding-bottom: 10px;
}
.isActive .fakeRadio {
  background-position: 0 0;
}
.bookingTable__right .fakeRadio {
  padding-bottom: 4px;
  height: 24px;
}
@media only screen and (max-width: 800px) {
  .bookingTable__right .fakeRadio {
    display: none;
  }
}

.bookingBoxGroup {
  *zoom: 1;
}
.bookingBoxGroup:before, .bookingBoxGroup:after {
  content: " ";
  display: table;
}
.bookingBoxGroup:after {
  clear: both;
}

.booking__fightPreviewInfoDesktop {
  display: inline-block;
  color: #287e57;
  text-overflow: ellipsis;
  overflow: hidden;
  width: 100%;
  padding-right: 20px;
  vertical-align: middle;
}
.booking__fightPreviewInfoDesktop .transferNum,
.booking__fightPreviewInfoDesktop .flightTime,
.booking__fightPreviewInfoDesktop .flightComp {
  display: inline-block;
}
@media only screen and (max-width: 800px) {
  .booking__fightPreviewInfoDesktop .flightComp {
    margin-top: 3px;
    display: block;
  }
}

.booking__fightPreviewInfoMobile {
  display: none;
}

.bookin__showBackFlights {
  margin: 5px 0 10px;
  display: none;
}
.bookin__showBackFlights a {
  color: #3b7e06;
  font-size: 13px;
}

.bookingFlyoutTooltip {
  display: none;
  background-color: #214b3a;
  padding: 0 15px;
  border-radius: 5px;
  position: absolute;
  z-index: 9;
  top: 50%;
}
@media only screen and (max-width: 800px) {
  .bookingFlyoutTooltip {
    top: 110%;
    left: 2px;
    margin-top: -14px;
  }
}
@media only screen and (min-width: 801px) {
  .bookingFlyoutTooltip {
    right: 47%;
    margin-top: -22px;
  }
}
@media only screen and (min-width: 1024px) {
  .bookingFlyoutTooltip {
    right: 420px;
  }
}
.bookingFlyoutTooltip .i-check_stroke {
  color: #9cbdb0;
  line-height: 44px;
  font-size: 20px;
  display: inline-block;
  vertical-align: middle;
}
.bookingFlyoutTooltip .text {
  color: #ffffff;
  line-height: 44px;
  padding-left: 5px;
  font-size: 15px;
  display: inline-block;
  vertical-align: middle;
}
.bookingFlyoutTooltip:after {
  content: "";
  width: 0;
  height: 0;
  border-style: solid;
  position: absolute;
}
@media only screen and (max-width: 800px) {
  .bookingFlyoutTooltip:after {
    border-width: 0 10px 10px 10px;
    border-color: transparent transparent #214b3a transparent;
    left: 10px;
    top: -10px;
  }
}
@media only screen and (min-width: 801px) {
  .bookingFlyoutTooltip:after {
    border-width: 10px 0 10px 10px;
    border-color: transparent transparent transparent #214b3a;
    right: -10px;
    top: 50%;
    margin-top: -10px;
  }
}

.discountCodeWrapper .step2 {
  display: none;
}

.iframe-surveyCover {
  width: 100%;
  height: 214px;
  margin-top: 20px;
  background-color: #F7F7F7;
}
@media only screen and (max-width: 640px) {
  .iframe-surveyCover {
    display: none;
  }
}

.iframe-survey {
  width: 740px;
  height: 214px;
  margin: 0 auto;
  display: block;
}

.bookingPage {
  overflow-y: scroll;
}

@media (min-width: 1024px) and (max-height: 700px) {
  body:before {
    display: none;
    content: "zoomout";
  }
}
@media (min-width: 1024px) and (min-height: 701px) {
  body:before {
    display: none;
    content: "normal";
  }
}
.bookingBox {
  *zoom: 1;
  position: relative;
  margin-top: 20px;
  text-align: center;
  border: solid 1px #b2b2b2;
  background-color: #f5f8f4;
  overflow: hidden;
  outline: none;
}
.bookingBox:before, .bookingBox:after {
  content: " ";
  display: table;
}
.bookingBox:after {
  clear: both;
}
.bookingBox:first-of-type {
  margin-left: 0;
}
@media only screen and (min-width: 801px) {
  .bookingBox {
    width: 49%;
    margin-top: 40px;
    margin-right: 2%;
    float: left;
  }
}
@media only screen and (min-width: 801px) and (max-width: 1023px) {
  .bookingBox:nth-child(2) {
    margin-right: 0;
  }
}
@media only screen and (min-width: 1024px) {
  .bookingBox {
    width: 32.66667%;
    overflow: hidden;
    margin-right: 1%;
  }
  .bookingBox:nth-child(3) {
    margin-right: 0;
  }
}
@media (min-width: 1024px) and (max-height: 700px) {
  .bookingBox {
    margin-top: 17px;
  }
}
.bookingBox .form__element, .bookingBox .form__inputCover {
  margin-top: 0;
  margin-bottom: 10px;
  width: 49.5%;
}
.bookingBox .form__element.isFull, .bookingBox .form__inputCover.isFull {
  width: 100%;
}
@media only screen and (max-width: 640px) {
  .bookingBox .form__element, .bookingBox .form__inputCover {
    width: 100%;
  }
}
@media only screen and (max-width: 1023px) {
  .bookingBox .form__element, .bookingBox .form__inputCover {
    margin-bottom: 5px;
  }
}
@media (min-width: 1024px) and (max-height: 700px) {
  .bookingBox .form__element, .bookingBox .form__inputCover {
    margin-bottom: 8.5px;
  }
}
.bookingBox .form__element + .form__element {
  margin-left: 1%;
}
@media only screen and (max-width: 640px) {
  .bookingBox .form__element + .form__element {
    margin-left: 0;
  }
}
@media (min-width: 1024px) and (max-height: 700px) {
  .bookingBox .form__element + .form__element {
    margin-top: 0;
  }
}
.bookingBox .form__label {
  display: none;
}
.bookingBox .form__inputCover {
  width: 100%;
}

.bookingBox__title {
  font-size: 22px;
  text-align: left;
  padding: 10px;
  color: #0d4722;
  outline: none;
  cursor: pointer;
}
@media (min-width: 1024px) and (max-height: 700px) {
  .bookingBox__title {
    padding-top: 15px;
    padding-bottom: 15px;
    font-size: 18.7px;
  }
}
.bookingBox__title .bookingBox__title__link {
  color: #0d4722;
  display: block;
  outline: none;
  cursor: pointer;
}
@media only screen and (max-width: 1023px) {
  .bookingBox__title {
    font-size: 24px;
  }
}
@media only screen and (min-width: 641px) and (max-width: 800px) {
  .bookingBox__title {
    font-size: 22px;
  }
}
.bookingBox__title .i-mm_tier1,
.bookingBox__title .i-finanziamento,
.bookingBox__title .i-discount {
  padding-right: 10px;
  font-size: 40px;
  line-height: 30px;
  display: inline-block;
  vertical-align: middle;
}
@media (min-width: 1024px) and (max-height: 700px) {
  .bookingBox__title .i-mm_tier1,
  .bookingBox__title .i-finanziamento,
  .bookingBox__title .i-discount {
    font-size: 34px;
    line-height: 25.5px;
  }
}
@media only screen and (min-width: 641px) and (max-width: 800px) {
  .bookingBox__title .i-mm_tier1,
  .bookingBox__title .i-finanziamento,
  .bookingBox__title .i-discount {
    font-size: 36px;
  }
}
.bookingBox__title .i-finanziamento {
  font-size: 30px;
}
@media (min-width: 1024px) and (max-height: 700px) {
  .bookingBox__title .i-finanziamento {
    font-size: 25.5px;
  }
}
@media only screen and (min-width: 641px) and (max-width: 800px) {
  .bookingBox__title .i-finanziamento {
    font-size: 27px;
  }
}
.bookingBox__title .text {
  display: inline-block;
  vertical-align: middle;
}
@media only screen and (max-width: 640px) {
  .bookingBox__title .text {
    font-size: 16px;
  }
}
@media (min-width: 1024px) and (max-height: 700px) {
  .bookingBox__title .text {
    font-size: 18px;
  }
}

.bookingBox__subtitle {
  font-size: 14px;
  margin-top: 10px;
  margin-bottom: 10px;
}
@media (min-width: 1024px) and (max-height: 700px) {
  .bookingBox__subtitle {
    font-size: 11.9px;
    margin-top: 8.5px;
    margin-bottom: 8.5px;
  }
}

.bookingBox__captcha .form__element {
  width: 100%;
}
.bookingBox__captcha .captcha__container {
  width: 49.5%;
  margin-left: 0;
  margin-right: 0;
  text-align: left;
  vertical-align: top;
}
@media only screen and (max-width: 800px) {
  .bookingBox__captcha .captcha__container {
    width: 100%;
  }
}
.bookingBox__captcha .form__inputCover {
  width: 49.5%;
  margin-left: 1%;
}
@media only screen and (max-width: 640px) {
  .bookingBox__captcha .form__inputCover {
    padding-left: 0;
  }
}
@media only screen and (max-width: 800px) {
  .bookingBox__captcha .form__inputCover {
    margin-bottom: 5px;
    margin-left: 0;
    width: 100%;
  }
}

.bookingBox__feedback {
  font-size: 16px;
  margin-top: 10px;
  text-transform: uppercase;
  color: #3b7e06;
}
@media (min-width: 1024px) and (max-height: 700px) {
  .bookingBox__feedback {
    font-size: 13.6px;
    margin-top: 8.5px;
  }
}

.checkbox.bookingBox__checkbox {
  color: #000000;
  display: inline-block;
  margin: 10px 0 15px;
  float: left;
}
@media (min-width: 1024px) and (max-height: 700px) {
  .checkbox.bookingBox__checkbox {
    margin-top: 8.5px;
    margin-bottom: 12.75px;
  }
}
.checkbox.bookingBox__checkbox .bookingBox__label {
  font-size: 14px;
}
@media (min-width: 1024px) and (max-height: 700px) {
  .checkbox.bookingBox__checkbox .bookingBox__label {
    font-size: 11.9px;
  }
}
.checkbox.bookingBox__checkbox .bookingBox__label:before {
  width: 20px;
  height: 20px;
}

.bookingBox__content {
  width: 100%;
  padding: 0 20px 20px;
}

.bookingBox__btn {
  display: block;
  width: 100%;
}
.bookingBox__btn.selected {
  display: none;
}
.bookingBox__btn.disabled {
  border: 1px #b2b2b2 solid;
  color: #b2b2b2;
  text-transform: uppercase;
  padding: 15px 0;
}

.bookingBox__image {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  width: 100%;
  z-index: -1;
}

.bookingBox__btn--form {
  margin-top: 10px;
  margin-bottom: 10px;
  float: right;
  color: #3b7e06;
  text-decoration: underline;
  font-size: 14px;
}

.bookingBox__txt {
  font-size: 18px;
  font-weight: bold;
  padding: 30px 0;
}

.sliderRange__slider {
  width: 100%;
  height: 45px;
  position: relative;
}

.sliderRange-value {
  color: #0487b1;
  padding-bottom: 10px;
}
.sliderRange-value .selected {
  color: #c30e1a;
  display: none;
  font-size: 18px;
}

.sliderRange__feed {
  position: relative;
  float: left;
  left: 0;
  height: 44px;
  margin-left: -16px;
  width: 32px;
  background: url(/content/dam/alitalia/assets/clientlibs/images/rangeSelectorPin.png) 0 0 no-repeat;
}
.sliderRange__feed:hover:before, .sliderRange__feed:hover:after, .touch .sliderRange__feed:before, .touch .sliderRange__feed:after, .isTouch .sliderRange__feed:before, .isTouch .sliderRange__feed:after {
  opacity: 1;
}
.sliderRange__feed:before, .sliderRange__feed:after {
  color: #0487b1;
  display: block;
  top: 50%;
  margin-top: -8px;
  position: absolute;
  opacity: 0;
  -webkit-transform: opacity 0.3 ease;
      -ms-transform: opacity 0.3 ease;
          transform: opacity 0.3 ease;
}
.sliderRange__feed:before {
  left: -13px;
  content: "<";
}
.sliderRange__feed:after {
  content: ">";
  right: -13px;
}

.sliderRange__controller {
  width: 80%;
  margin: 0 auto;
}

.sliderRange__bar {
  height: 5px;
  width: 100%;
  background-color: #ffffff;
  position: relative;
}

.sliderRange__fill {
  background-color: #c30e1a;
  position: absolute;
  top: 0;
  height: 5px;
  left: 0;
}

.sliderRange__amount {
  *zoom: 1;
  color: #0d4722;
  font-size: 14px;
  margin: 10px auto;
}
.sliderRange__amount:before, .sliderRange__amount:after {
  content: " ";
  display: table;
}
.sliderRange__amount:after {
  clear: both;
}

.sliderRange__amount__min {
  float: left;
}
.sliderRange__amount__min .number {
  font-weight: bold;
}

.sliderRange__amount__max {
  float: right;
}
.sliderRange__amount__max .number {
  font-weight: bold;
}

.sliderRange__balance-miles, .sliderRange__balance-discount {
  width: 50%;
  float: left;
  display: inline-block;
}

.sliderRange__balance {
  *zoom: 1;
  text-align: left;
  color: #0d4722;
  margin-bottom: 20px;
}
.sliderRange__balance:before, .sliderRange__balance:after {
  content: " ";
  display: table;
}
.sliderRange__balance:after {
  clear: both;
}
.sliderRange__balance .value {
  color: #c30e1a;
  width: 68%;
  font-weight: normal;
  font-size: 20px;
  display: inline-block;
  line-height: 38px;
  text-align: right;
}
.sliderRange__balance .sliderRange__balance__txt {
  width: 29%;
  display: inline-block;
  font-size: 14px;
  line-height: 16px;
}

.sliderRange__balance-miles .value {
  text-align: left;
}

/* ============================
 * BOOKING INFORMATION BOX
 * ============================= */
.j-fixedClone {
  position: fixed;
  visibility: hidden;
  top: 0;
}
@media only screen and (max-width: 640px) {
    .j-fixedClone {
        z-index: 2 !important;
    }
}

.booking__informationBoxCover {
  *zoom: 1;
  margin-top: 10px;
}
.booking__informationBoxCover:before, .booking__informationBoxCover:after {
  content: " ";
  display: table;
}
.booking__informationBoxCover:after {
  clear: both;
}
@media only screen and (max-width: 640px) {
  .booking__informationBoxCover {
    margin: 10px -10px 0;
    box-shadow: 0px 3px 5px 0px rgba(0, 0, 0, 0.25);
  }
  .thankyoupage .booking__informationBoxCover, .manageBooking__body .booking__informationBoxCover {
    margin: 10px 0 0;
  }
}
@media (min-width: 1024px) and (max-height: 700px) {
  .booking__informationBoxCover {
    margin-top: 8.5px;
  }
}

.booking__informationBox {
  position: relative;
  /*z-index: 80;*/
  padding: 5px;
  margin-bottom: 2px;
  background-color: #3b7e06;
}
@media only screen and (max-width: 640px) {
  .booking__informationBox {
    margin-bottom: 0;
  }
}
.booking__informationBox:before {
  position: absolute;
  content: "";
  top: 0;
  left: 0;
  right: 0;
}
.booking__informationBox:after {
  position: absolute;
  content: "";
  height: 2px;
  background-color: #ffffff;
  bottom: -2px;
  left: 0px;
  width: 100%;
}
@media only screen and (max-width: 640px) {
  .booking__informationBox:after {
    height: 0;
  }
}
.thankyoupage .booking__informationBox {
  margin-top: 0;
}
@media only screen and (max-width: 640px) {
  .booking__informationBox.isFixed {
    box-shadow: 0px 3px 10px rgba(0, 0, 0, 0.2);
    border-right: 0;
    border-left: 0;
    position: fixed;
    top: 0;
    width: auto;
    left: 0;
    right: 0;
  }
  .manageBooking__body .booking__informationBox.isFixed {
    margin-left: 10px;
    margin-right: 10px;
  }
}
@media only screen and (min-width: 641px) {
  .booking__informationBox.isFixed {
    left: 50%;
    position: fixed;
    -webkit-transform: translate(-50%, 0);
        -ms-transform: translate(-50%, 0);
            transform: translate(-50%, 0);
    z-index: 100;
    top: 0;
    margin-top: 0;
    margin-left: 0;
    margin-right: 0;
  }
}
.manageBooking__bodyWrapper .booking__informationBox.isFixed {
  border-left-width: 40px;
  border-right-width: 40px;
}
@media only screen and (min-width: 801px) {
  .manageBooking__bodyWrapper .booking__informationBox.isFixed {
    border-left-width: 60px;
    border-right-width: 60px;
  }
}
@media only screen and (min-width: 1024px) {
  .manageBooking__bodyWrapper .booking__informationBox.isFixed {
    border-left-width: 70px;
    border-right-width: 70px;
  }
}
@media (min-width: 1024px) and (max-height: 700px) {
  .bookingPage .mod.booking .booking__informationBox.isFixed {
    max-width: 1120px;
  }
}
.booking__informationBox.isFixedTouch {
  position: absolute;
  top: 300px;
}

/* ================================
 * BOOKING INFORMATION BOX itineraty
 * =============================== */
.bookInfoBoxItinerary {
  display: inline-block;
  vertical-align: middle;
  width: 100%;
  margin-bottom: 10px;
  position: relative;
}
@media only screen and (max-width: 640px) {
  .bookInfoBoxItinerary {
    padding: 7px;
  }
}
@media only screen and (min-width: 801px) {
  .bookInfoBoxItinerary {
    margin: 0;
    width: 55%;
  }
  .bookInfoBoxItinerary.transferFlights {
    width: 100%;
  }
}
@media only screen and (min-width: 1024px) {
  .bookInfoBoxItinerary {
    padding-left: 10px;
    width: 60%;
    width: calc( 100% - 400px);
  }
}

@media only screen and (max-width: 800px) {
  .bookInfoBoxItinerary__flight {
    margin-bottom: 5px;
  }
}

.bookInfoBoxItinerary__departure,
.bookInfoBoxItinerary__return {
  display: inline-block;
  font-size: 16px;
  color: #ffffff;
  line-height: 1.2;
}
@media only screen and (min-width: 641px) {
  .bookInfoBoxItinerary__departure,
  .bookInfoBoxItinerary__return {
    font-size: 20px;
  }
}
@media only screen and (min-width: 801px) {
  .bookInfoBoxItinerary__departure,
  .bookInfoBoxItinerary__return {
    font-size: 18px;
  }
}
@media only screen and (min-width: 1024px) {
  .bookInfoBoxItinerary__departure,
  .bookInfoBoxItinerary__return {
    font-size: 22px;
  }
}
@media (min-width: 1024px) and (max-height: 700px) {
  .bookInfoBoxItinerary__departure,
  .bookInfoBoxItinerary__return {
    font-size: 18px;
  }
}

.bookInfoBoxItinerary__departure:after {
  font-family: "iconFont";
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "";
  display: inline-block;
  color: #ffffff;
  margin: 0 15px;
}
@media only screen and (max-width: 640px) {
  .bookInfoBoxItinerary__departure:after {
    font-size: 10px;
    margin: 0 5px;
  }
}
.thankyoupage .bookInfoBoxItinerary__departure:after, .manageBooking__bodyWrapper .bookInfoBoxItinerary__departure:after {
  display: none;
}
@media only screen and (min-width: 801px) {
  .bookInfoBoxItinerary__departure:after {
    font-size: 18px;
  }
}
@media only screen and (min-width: 1024px) {
  .bookInfoBoxItinerary__departure:after {
    font-size: 20px;
  }
}
@media (min-width: 1024px) and (max-height: 700px) {
  .bookInfoBoxItinerary__departure:after {
    margin: 0 12.75px;
    font-size: 12px;
  }
}

.bookInfoBoxItinerary__info {
  *zoom: 1;
  font-weight: lighter;
  font-size: 14px;
  color: #ffffff;
  line-height: 1.2;
}
.bookInfoBoxItinerary__info:before, .bookInfoBoxItinerary__info:after {
  content: " ";
  display: table;
}
.bookInfoBoxItinerary__info:after {
  clear: both;
}
@media only screen and (min-width: 801px) {
  .bookInfoBoxItinerary__info {
    font-size: 14px;
  }
}
@media only screen and (min-width: 1024px) {
  .bookInfoBoxItinerary__info {
    font-size: 16px;
  }
}
@media (min-width: 1024px) and (max-height: 700px) {
  .bookInfoBoxItinerary__info {
    font-size: 14px;
  }
}

.bookInfoBoxItinerary__modify {
  font-weight: bold;
  color: #ffffff;
  padding-right: 5px;
}
@media only screen and (max-width: 640px) {
  .bookInfoBoxItinerary__modify {
    float: right;
    display: inline-block;
  }
}
.bookInfoBoxItinerary__modify:before {
  content: ">";
  margin-right: 5px;
}
@media only screen and (min-width: 641px) {
  .bookInfoBoxItinerary__modify {
    float: right;
  }
  .bookInfoBoxItinerary__modify:before {
    content: "| >";
  }
}
@media only screen and (min-width: 801px) {
  .bookInfoBoxItinerary__modify {
    display: block;
  }
}
@media only screen and (min-width: 1024px) {
  .bookInfoBoxItinerary__modify {
    display: inline-block;
    margin-right: 10px;
  }
}
@media (min-width: 1024px) and (max-height: 700px) {
  .bookInfoBoxItinerary__modify {
    font-size: 14px;
  }
}

/* ================================
 * BOOKING INFORMATION BOX basket
 * =============================== */
.bookInfoBoxBasket {
  width: 100%;
  display: inline-block;
  vertical-align: middle;
  background-color: #f8f8f8;
  padding: 5px;
  min-height: 40px;
  position: relative;
}
@media only screen and (min-width: 801px) and (max-width: 1023px) {
  .opened .bookInfoBoxBasket {
    min-height: 60px;
  }
}
@media only screen and (min-width: 801px) {
  .bookInfoBoxBasket {
    width: 45%;
  }
}
@media only screen and (min-width: 1024px) {
  .bookInfoBoxBasket {
    width: 40%;
    max-width: 400px;
  }
}
@media (min-width: 1024px) and (max-height: 700px) {
  .bookInfoBoxBasket {
    min-height: 34px;
  }
}
.bookInfoBoxBasket.bookingAwardBasket {
  position: relative;
}
.bookInfoBoxBasket.bookingAwardBasket .bookInfoBoxBasketBtn {
  position: absolute;
  top: 23px;
  right: 10px;
}
.bookInfoBoxBasket.bookingAwardBasket .bookInfoBoxBasketPriceWrapper {
  text-align: left;
}

.bookInfoBoxBasket__ecopuonIcon {
  vertical-align: middle;
  display: none;
  background-color: #3b7e06;
  border-radius: 50%;
  overflow: hidden;
  color: #ffffff;
  text-align: center;
  height: 20px;
  width: 20px;
  line-height: 22px;
  font-size: 16px;
}
@media only screen and (min-width: 641px) {
  .bookInfoBoxBasket__ecopuonIcon {
    font-size: 18px;
    height: 25px;
    width: 25px;
    line-height: 27px;
  }
}

@media only screen and (min-width: 801px) {
  .bookInfoBoxBasket--transfer {
    width: 100%;
  }
}
@media only screen and (min-width: 1024px) {
  .bookInfoBoxBasket--transfer {
    position: absolute;
    top: 5px;
    right: 5px;
  }
  .opened .bookInfoBoxBasket--transfer {
    height: 130px;
  }
  .bookInfoBoxBasket--transfer .bookInfoBoxBasketToggle,
  .bookInfoBoxBasket--transfer .bookInfoBoxBasketBtn {
    position: absolute;
    top: 50%;
    margin-top: -20px;
    left: 5px;
  }
  .bookInfoBoxBasket--transfer .bookInfoBoxBasketBtn {
    left: auto;
    right: 5px;
  }
}

.bookInfoBoxBasketToggle {
  text-align: center;
  display: inline-block;
  vertical-align: middle;
  color: #000000;
  padding-right: 5px;
}
@media only screen and (min-width: 641px) {
  .bookInfoBoxBasketToggle {
    padding-right: 10px;
  }
}
.bookInfoBoxBasketToggle:before {
  font-family: "iconFont";
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "î ‡";
  display: inline-block;
  vertical-align: middle;
  color: #000000;
  font-size: 22px;
  line-height: 40px;
}
@media (min-width: 1024px) and (max-height: 700px) {
  .bookInfoBoxBasketToggle:before {
    font-size: 18px;
    line-height: 34px;
  }
}

.bookInfoBoxBasketPriceWrapper {
  display: inline-block;
  vertical-align: middle;
  margin-left: 10px;
}

.bookingAwardBasketPriceCover {
  display: inline-block;
  vertical-align: middle;
}
.bookingAwardBasketPriceCover .bookInfoBoxBasketPriceWrapper {
  width: 155px;
  display: block;
}
.bookingAwardBasketPriceCover .bookInfoBoxBasketMiniTitle {
  font-size: 12px;
}

.bookInfoBoxBasketPrice__label {
  display: block;
  text-align: left;
}
@media only screen and (min-width: 641px) and (max-width: 800px) {
  .bookInfoBoxBasketPrice__label {
    font-size: 14px;
  }
}
@media only screen and (max-width: 1023px) {
  .bookInfoBoxBasketPrice__label {
    font-size: 11px;
  }
}
@media only screen and (min-width: 1024px) {
  .bookInfoBoxBasketPrice__label {
    font-size: 13px;
  }
}
@media (min-width: 1024px) and (max-height: 700px) {
  .bookInfoBoxBasketPrice__label {
    font-size: 11.05px;
  }
}
.bookInfoBoxBasketPrice__label:before {
  font-family: "iconFont";
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "";
  padding-right: 5px;
  display: inline-block;
  position: relative;
  bottom: -1px;
}

.bookInfoBoxBasketPrice {
  display: block;
  font-weight: bold;
  text-align: left;
}
@media only screen and (min-width: 641px) and (max-width: 800px) {
  .bookInfoBoxBasketPrice {
    font-size: 22px;
  }
}
@media only screen and (min-width: 801px) {
  .bookInfoBoxBasketPrice {
    font-size: 19px;
  }
}
@media only screen and (min-width: 1024px) {
  .bookInfoBoxBasketPrice {
    font-size: 24px;
  }
}
@media (min-width: 1024px) and (max-height: 700px) {
  .bookInfoBoxBasketPrice {
    font-size: 18px;
  }
}

.bookInfoBoxBasketBtn {
  float: right;
}
@media only screen and (max-width: 640px) {
  .bookInfoBoxBasketBtn {
    min-width: inherit;
  }
}
@media only screen and (min-width: 801px) {
  .bookInfoBoxBasketBtn {
    min-width: 130px;
  }
}
@media only screen and (min-width: 1024px) {
  .bookInfoBoxBasketBtn {
    min-width: 150px;
  }
}

/* ==========================================
 * BOOKING INFORMATION BOX Accordion container
 * ========================================= */
.booking__basketAccordionContainer {
  display: none;
  overflow: hidden;
  clear: both;
  color: #000000;
  background-color: #f8f8f8;
}
@media only screen and (min-width: 801px) and (max-width: 1023px) {
  .hasTransferFlight.opened .booking__basketAccordionContainer {
    border-top: 15px solid #3b7e06;
  }
}
.booking__basketAccordionContainer .passengers {
  font-size: 16px;
  color: #000000;
  line-height: 1.2;
  padding: 0;
  margin-bottom: 20px;
}
@media only screen and (max-width: 640px) {
  .booking__basketAccordionContainer .passengers {
    padding: 0px;
    font-size: 14px;
    margin-bottom: 10px;
    text-align: center;
  }
}
@media only screen and (max-width: 1023px) {
  .booking__basketAccordionContainer .passengers {
    padding: 10px 0 0;
  }
}
.booking__basketAccordionContainer .passengers span {
  color: #000000;
}
@media only screen and (max-width: 640px) {
  .booking__basketAccordionContainer .passengers span {
    display: block;
  }
}

.booking__basketRowCover {
  border-top: 15px solid #3b7e06;
}
@media only screen and (min-width: 801px) and (max-width: 1023px) {
  .hasTransferFlight.opened .booking__basketRowCover {
    border-top: 0;
  }
}
.thankyoupage .booking__basketRowCover {
  border-top: 0;
}

.booking__basketRowTariff {
  background-color: #f8f8f8;
  padding: 20px 10px 10px;
}

.bookingRecap .booking__basketRowTariff .accordion {
  border: none;
}
.bookingRecap .booking__basketRowTariff .accordion .accordion__header {
  position: relative;
  background: transparent;
}
.bookingRecap .booking__basketRowTariff .accordion .accordion__header a {
  background: transparent;
}
@media only screen and (min-width: 641px) {
  .bookingRecap .booking__basketRowTariff {
    padding: 20px 10px 10px;
  }
}
@media only screen and (min-width: 641px) and (min-width: 641px) {
  .bookingRecap .booking__basketRowTariff {
    padding: 20px 10px 10px;
  }
}

.bookingRecap .booking__basketRowTariff .closeTrigger {
  color: #7f7f7f;
  text-align: right;
  display: block;
  width: 100%;
  margin-top: 15px;
}

.bookbasketRowTariff__header {
  background-color: #cfd5cd;
  color: #000000;
  padding: 5px 10px;
}
@media (min-width: 1024px) and (max-height: 700px) {
  .bookbasketRowTariff__header {
    padding: 4px 10px;
  }
}

.bookbasketRowTariff__title {
  display: block;
  text-transform: uppercase;
  font-size: 13px;
  font-weight: bold;
}
@media only screen and (min-width: 641px) {
  .bookbasketRowTariff__title {
    display: inline-block;
  }
}

.bookbasketRowTariff__class {
  display: block;
  font-size: 13px;
  font-weight: bold;
}
@media only screen and (min-width: 641px) {
  .bookbasketRowTariff__class {
    display: inline-block;
  }
}

.bookbasketRowTariff__price {
  display: block;
  font-size: 13px;
  font-weight: bold;
}
@media only screen and (min-width: 641px) {
  .bookbasketRowTariff__price {
    display: inline-block;
  }
}

.bookbasketRowTariff__label {
  text-transform: uppercase;
  font-weight: normal;
}

.bookbasketRowTariff__wrapper {
  font-size: 13px;
  *zoom: 1;
  padding: 10px 0 0;
  margin-bottom: 10px;
}
.bookbasketRowTariff__wrapper:before, .bookbasketRowTariff__wrapper:after {
  content: " ";
  display: table;
}
.bookbasketRowTariff__wrapper:after {
  clear: both;
}
@media (min-width: 1024px) and (max-height: 700px) {
  .bookbasketRowTariff__wrapper {
    font-size: 12px;
  }
}
.bookbasketRowTariff__wrapper .first {
  float: left;
  width: 100%;
}
@media only screen and (min-width: 641px) {
  .bookbasketRowTariff__wrapper .first {
    padding-right: 15px;
    width: 50%;
  }
}
.bookbasketRowTariff__wrapper .second {
  float: right;
  width: 100%;
}
@media only screen and (min-width: 641px) {
  .bookbasketRowTariff__wrapper .second {
    width: 50%;
  }
}

.bookbasketRowTariff__itemLabel {
  text-transform: uppercase;
  float: left;
}

.bookbasketRowTariff__itemValue {
  float: right;
}

.bookbasketRowTariff__item {
  padding: 4px 10px;
  min-height: 28px;
  *zoom: 1;
}
.bookbasketRowTariff__item:before, .bookbasketRowTariff__item:after {
  content: " ";
  display: table;
}
.bookbasketRowTariff__item:after {
  clear: both;
}
.bookbasketRowTariff__item:nth-child(odd) {
  background-color: #dae1d8;
}
@media only screen and (max-width: 640px) {
  .second .bookbasketRowTariff__item:nth-child(odd) {
    background-color: transparent;
  }
  .second .bookbasketRowTariff__item:nth-child(even) {
    background-color: #dae1d8;
  }
}

.booking__basketRowCover {
  display: inline-block;
  vertical-align: top;
  width: 100%;
  padding: 15px 15px 10px;
}
@media only screen and (min-width: 801px) {
  .booking__basketRowCover {
    padding: 10px;
    width: 55%;
  }
}
@media only screen and (min-width: 1024px) {
  .booking__basketRowCover {
    width: 60%;
    width: calc(100% - 400px);
  }
}

.booking__basketTotal {
  display: inline-block;
  vertical-align: top;
  width: 100%;
  padding: 15px 15px 10px;
  color: #000000;
  margin-top: 15px;
}
@media only screen and (min-width: 801px) {
  .booking__basketTotal {
    padding: 10px 10px 10px 50px;
    width: 40%;
  }
}
@media only screen and (min-width: 1024px) {
  .booking__basketTotal {
    width: 40%;
    max-width: 400px;
  }
}
@media only screen and (max-width: 640px) {
  .booking__basketTotal {
    margin-top: 0px;
    width: 100%;
    border-top: 1px solid #b2b2b2;
    padding-top: 20px;
    color: #4c4c4c;
    background-color: #f5f8f4;
  }
}
.thankyoupage .booking__basketTotal {
  margin-top: 0;
}

.booking__basketRow {
  font-size: 0;
}
.booking__basketRow + .booking__basketRow {
  margin-top: 15px;
  border-top: 1px solid #d9d9d9;
  padding-top: 15px;
}
@media only screen and (max-width: 640px) {
  .booking__basketRow + .booking__basketRow {
    margin-top: 10px;
    padding-top: 10px;
  }
}
.booking__basketRow .title {
  font-size: 14px;
  line-height: 1.2;
  text-transform: uppercase;
  display: block;
  color: #000000;
  font-weight: bold;
}
@media only screen and (max-width: 640px) {
  .booking__basketRow .title {
    display: inline-block;
    vertical-align: middle;
    font-weight: normal;
    padding-top: 3px;
  }
  .booking__basketRow .title:before {
    font-family: "iconFont";
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    content: "";
    display: inline-block;
    margin-right: 5px;
    background-color: #3b7e06;
    padding: 1px 4px;
    border-radius: 50%;
    line-height: 13px;
    color: white;
    font-weight: bold;
    width: 7px;
    height: 13px;
    font-size: 8px;
    text-align: center;
  }
}
.booking__basketRow .noline .title {
  font-size: 14px;
  line-height: 1.2;
  text-transform: capitalize;
  display: block;
  color: #000000;
}
@media only screen and (max-width: 640px) {
  .booking__basketRow .noline .title {
    font-size: 10px;
  }
  .booking__basketRow .noline .title:before {
    display: none;
  }
}
@media (min-width: 1024px) and (max-height: 700px) {
  .booking__basketRow .noline .title {
    font-size: 13px;
  }
}
.booking__basketRow .col {
  vertical-align: top;
  display: inline-block;
  width: 20%;
  text-transform: uppercase;
  white-space: nowrap;
  font-size: 16px;
  margin: 10px 0;
}
@media only screen and (max-width: 1023px) {
  .booking__basketRow .col {
    width: 100%;
  }
}
.booking__basketRow .col.departure, .booking__basketRow .col.arrival {
  margin: 0 0 10px 0;
  vertical-align: bottom;
  width: 42%;
}
@media only screen and (max-width: 1023px) {
  .booking__basketRow .col.departure, .booking__basketRow .col.arrival {
    width: 50%;
  }
}
@media only screen and (max-width: 640px) {
  .booking__basketRow .col.departure, .booking__basketRow .col.arrival {
    width: 100%;
    margin: 10px 0 0;
  }
}
@media only screen and (max-width: 640px) {
  .booking__basketRow .col.departure .first, .booking__basketRow .col.arrival .first {
    vertical-align: bottom;
    margin-right: 3px;
    font-size: 16px;
  }
}
.booking__basketRow .col .first {
  font-size: 18px;
  font-weight: normal;
  display: inline-block;
}
.booking__basketRow .col .first sup {
  vertical-align: baseline;
  position: relative;
  top: -1em;
  font-size: 12px;
}
@media only screen and (min-width: 641px) and (max-width: 800px) {
  .booking__basketRow .col .first {
    font-size: 20px;
    margin-bottom: 3px;
  }
}
@media only screen and (min-width: 641px) {
  .booking__basketRow .col .first {
    font-size: 25px;
  }
}
@media only screen and (min-width: 801px) {
  .booking__basketRow .col .first {
    margin-bottom: 10px;
  }
}
@media (min-width: 1024px) and (max-height: 700px) {
  .booking__basketRow .col .first {
    font-size: 22px;
  }
}
.booking__basketRow .col .second {
  display: inline-block;
  font-size: 11px;
}
@media only screen and (min-width: 641px) {
  .booking__basketRow .col .second {
    font-size: 12px;
  }
}
@media only screen and (min-width: 641px) and (max-width: 800px) {
  .booking__basketRow .col .second {
    display: block;
  }
}
@media (min-width: 1024px) and (max-height: 700px) {
  .booking__basketRow .col .second {
    font-size: 10px;
  }
}
@media only screen and (min-width: 801px) {
  .booking__basketRow .col .second > span {
    display: block;
  }
}
@media only screen and (max-width: 1023px) {
  .booking__basketRow .col.date .first,
  .booking__basketRow .col.date .second,
  .booking__basketRow .col.date .second span, .booking__basketRow .col.flightClass .first,
  .booking__basketRow .col.flightClass .second,
  .booking__basketRow .col.flightClass .second span {
    display: inline-block;
    margin-bottom: 0;
    font-size: 18px;
    font-weight: normal;
  }
}
@media only screen and (max-width: 640px) {
  .booking__basketRow .col.date .first,
  .booking__basketRow .col.date .second,
  .booking__basketRow .col.date .second span, .booking__basketRow .col.flightClass .first,
  .booking__basketRow .col.flightClass .second,
  .booking__basketRow .col.flightClass .second span {
    font-size: 14px;
    font-weight: bold;
  }
}
.booking__basketRow .col.flightClass {
  width: 100%;
  margin: -5px 0 0px;
}
@media only screen and (max-width: 640px) {
  .booking__basketRow .col.flightClass {
    margin: 5px 0 0;
  }
}
.booking__basketRow .col.flightClass .second span {
  font-size: 12px;
  display: inline-block;
  text-transform: none;
}
@media only screen and (max-width: 640px) {
  .booking__basketRow .col.date {
    display: inline-block;
    vertical-align: middle;
    width: auto;
    margin-left: 5px;
  }
}
@media only screen and (min-width: 1024px) {
  .booking__basketRow .col.date {
    width: 15%;
    vertical-align: bottom;
  }
}

.booking__basketTotalList {
  font-size: 0;
}
.booking__basketTotalList dt,
.booking__basketTotalList dd {
  display: inline-block;
  width: 50%;
  font-size: 16px;
  margin-top: 5px;
  line-height: 1.2;
}
@media only screen and (max-width: 640px) {
  .booking__basketTotalList dt,
  .booking__basketTotalList dd {
    font-size: 14px;
  }
}
.booking__basketTotalList dt.total,
.booking__basketTotalList dd.total {
  margin-top: 20px;
  font-size: 18px;
}
@media (min-width: 1024px) and (max-height: 700px) {
  .booking__basketTotalList dt.total,
  .booking__basketTotalList dd.total {
    font-size: 16px;
  }
}
.booking__basketTotalList dd {
  text-align: right;
}
.booking__basketTotalList dd span {
  float: left;
}
.booking__basketTotalList .creditCard .spriteCard {
  float: right;
  width: 35px;
  background-size: cover;
  height: 24px;
  color: transparent;
}
.booking__basketTotalList .creditCard .spriteCard.visa {
  background-position: 0 0;
}
.booking__basketTotalList .creditCard .spriteCard.americanExpress {
  background-position: 0 -24px;
}
.booking__basketTotalList .creditCard .spriteCard.visaElectron {
  background-position: 0 -47px;
}
.booking__basketTotalList .creditCard .spriteCard.uatp {
  background-position: 0 -70px;
}
.booking__basketTotalList .creditCard .spriteCard.diners {
  background-position: 0 -92px;
}
.booking__basketTotalList .creditCard .spriteCard.masterCard {
  background-position: 0 -117px;
}
.booking__basketTotalList .creditCard .spriteCard.jcb {
  background-position: 0 -140px;
}
.booking__basketTotalList .creditCard .spriteCard.maestro {
  background-position: 0 -163px;
}

.booking__basketAccordionContainterClose {
  text-align: right;
  padding: 0 20px 5px;
  background-color: #f8f8f8;
}
@media only screen and (max-width: 640px) {
  .booking__basketAccordionContainterClose {
    padding: 0 10px;
    border-top: 1px solid #b2b2b2;
  }
}
.booking__basketAccordionContainterClose .close {
  line-height: 30px;
  color: #4c4c4c;
  font-size: 16px;
  display: inline-block;
  text-align: center;
}
@media only screen and (max-width: 640px) {
  .booking__basketAccordionContainterClose .close {
    font-size: 14px;
    font-weight: bold;
  }
}
.booking__basketAccordionContainterClose .close span {
  font-size: 18px;
}

.bookingBasket__PassengerInfo {
  margin-top: 20px;
}
.bookingBasket__PassengerInfo .responsiveTable--threeCol th, .bookingBasket__PassengerInfo .responsiveTable--threeCol td {
  border: none;
}
@media only screen and (min-width: 641px) {
  .bookingBasket__PassengerInfo .responsiveTable--threeCol th, .bookingBasket__PassengerInfo .responsiveTable--threeCol td {
    text-align: left;
    border: none;
  }
}
@media only screen and (max-width: 640px) {
  .bookingBasket__PassengerInfo .responsiveTable--threeCol th, .bookingBasket__PassengerInfo .responsiveTable--threeCol td {
    font-size: 14px;
  }
  .bookingBasket__PassengerInfo .responsiveTable--threeCol th.thTitle1, .bookingBasket__PassengerInfo .responsiveTable--threeCol th.thTitle2, .bookingBasket__PassengerInfo .responsiveTable--threeCol td.thTitle1, .bookingBasket__PassengerInfo .responsiveTable--threeCol td.thTitle2 {
    font-weight: bold;
  }
}
.bookingBasket__PassengerInfo .responsiveTable--threeCol tr:nth-child(odd) {
  background-color: #f5f8f4;
}
@media only screen and (max-width: 640px) {
  .bookingBasket__PassengerInfo .responsiveTable--threeCol tr:nth-child(odd) {
    background-color: #d9d9d9;
  }
  .bookingBasket__PassengerInfo .responsiveTable--threeCol tr:nth-child(odd) > .title {
    background-color: #d9d9d9;
  }
}
.bookingBasket__PassengerInfo .responsiveTable--threeCol tr:nth-child(even) {
  background-color: #d9d9d9;
}
@media only screen and (max-width: 640px) {
  .bookingBasket__PassengerInfo .responsiveTable--threeCol tr:nth-child(even) {
    background-color: #f5f8f4;
  }
  .bookingBasket__PassengerInfo .responsiveTable--threeCol tr:nth-child(even) > .title {
    background-color: #f5f8f4;
  }
}
.bookingBasket__PassengerInfo .responsiveTable--threeCol thead th {
  background-color: #b2b2b2;
}
@media only screen and (max-width: 640px) {
  .bookingBasket__PassengerInfo .responsiveTable--threeCol tbody > tr > .title,
  .bookingBasket__PassengerInfo .responsiveTable--threeCol tbody > tr > .title:before {
    background-color: #f5f8f4;
  }
  .bookingBasket__PassengerInfo .responsiveTable--threeCol tbody > tr.leftFix,
  .bookingBasket__PassengerInfo .responsiveTable--threeCol tbody > tr.rightFix {
    border: none;
  }
  .bookingBasket__PassengerInfo .responsiveTable--threeCol tbody > tr > td.thTitle0.title:before {
    display: none;
  }
}
.bookingBasket__PassengerInfo .responsiveTable--threeCol th:first-child {
  width: 50%;
}
.bookingBasket__PassengerInfo .responsiveTable--threeCol .ticketNumber {
  font-size: 14px;
  line-height: 1.2;
  text-transform: capitalize;
  margin-top: 5px;
}

@media only screen and (max-width: 640px) {
  .booking__accordionStyle {
    margin: 0 0 10px;
  }
}
.booking__accordionStyle.accordion {
  background-color: #e6ede4;
}
.booking__accordionStyle.accordion .accordion__header a {
  color: #4c4c4c;
  padding: 10px;
}
@media only screen and (max-width: 640px) {
  .booking__accordionStyle.accordion .accordion__header a {
    font-size: 14px;
  }
}
.booking__accordionStyle.accordion .accordion__body {
  background-color: #e6ede4;
  padding-top: 0;
}

.transferFlights {
  font-size: 0;
  padding-right: 5px;
}

@media only screen and (min-width: 801px) and (max-width: 1023px) {
  .transferFlights__container {
    width: 100%;
    margin-bottom: 10px;
  }
}

.transferFlight {
  color: #ffffff;
  display: inline-block;
  font-size: 13px;
  font-weight: 100;
  border-left: 1px solid #9abb76;
}
.transferFlight:first-child {
  border: none;
}
.transferFlight--two .transferFlight {
  width: 50%;
}
.transferFlight--three .transferFlight {
  width: 33.333%;
}
.transferFlight--four .transferFlight {
  width: 25%;
}

.transferFlight__info {
  padding: 0px 5px;
  font-weight: normal;
  font-size: 18px;
}

.transferFlight__iata {
  font-size: 20px;
  display: block;
}
@media only screen and (min-width: 641px) {
  .transferFlight__iata {
    vertical-align: bottom;
    display: inline;
    font-size: 15px;
  }
}

.transferFlight__city {
  display: none;
}
@media only screen and (min-width: 641px) {
  .transferFlight__city {
    display: inline;
  }
}

.transferFlight__text {
  display: block;
  line-height: 20px;
  text-transform: none;
  text-transform: uppercase;
  font-size: 11px;
}

.transferFlightBar {
  margin-top: 5px;
  padding: 5px;
  color: #0d4722;
  border-top: 1px solid #9abb76;
  border-bottom: 1px solid #9abb76;
  font-size: 12px;
  font-weight: normal;
}
.transferFlightBar.isActive {
  border: 2px solid #000000;
}
.selectedFlight .transferFlightBar, .toSelect .transferFlightBar {
  color: #ffffff;
}
.selectedFlight .transferFlightBar .transferFlightBar__date,
.selectedFlight .transferFlightBar .transferFlightBar__num,
.selectedFlight .transferFlightBar .transferFlightBar__time, .toSelect .transferFlightBar .transferFlightBar__date,
.toSelect .transferFlightBar .transferFlightBar__num,
.toSelect .transferFlightBar .transferFlightBar__time {
  color: #ffffff;
}
.toSelect .transferFlightBar {
  border: 2px solid #0d4722;
}

.transferFlightBar__date {
  display: inline-block;
  position: relative;
}
.transferFlightBar__date:after {
  content: "|";
  color: #9abb76;
  font-weight: lighter;
  display: none;
}
@media only screen and (min-width: 641px) {
  .transferFlightBar__date:after {
    display: inline-block;
  }
}

.transferFlightBar__num {
  font-weight: normal;
}

.transferFlightBar__time {
  display: none;
}
@media only screen and (min-width: 641px) {
  .transferFlightBar__time {
    display: inline-block;
  }
}

.openFlightFinder {
  *zoom: 1;
  background-color: #f8f8f8;
  margin-top: 5px;
  display: none;
}
.openFlightFinder:before, .openFlightFinder:after {
  content: " ";
  display: table;
}
.openFlightFinder:after {
  clear: both;
}
.openFlightFinder .cabinClass--flightFinder {
  width: 75%;
  display: inline-block;
}
.openFlightFinder .multiJourney__searchBtn {
  padding: 0;
  margin: 0;
  vertical-align: top;
}
.openFlightFinder .itinerary--flightFinder .itinerary__inputCover + .itinerary__inputCover {
  margin-top: 10px;
}
@media only screen and (min-width: 641px) {
  .openFlightFinder .itinerary--flightFinder .itinerary__inputCover + .itinerary__inputCover {
    margin-top: 0;
    margin-left: 5.6%;
  }
}
.openFlightFinder .internalFlightFinder {
  margin-bottom: 0;
}
@media only screen and (max-width: 640px) {
  .openFlightFinder .internalFlightFinder {
    padding: 5px 5px 10px 5px;
  }
}
@media only screen and (max-width: 640px) {
  .openFlightFinder .itinerary--flightFinder {
    padding: 0 0 10px;
  }
  .openFlightFinder .dateOfFlight--flightFinder li {
    margin: 0;
    width: 100%;
  }
  .openFlightFinder .dateOfFlight--flightFinder li + li {
    margin-top: 10px;
  }
  .openFlightFinder .passengers--flightFinder li {
    margin-left: 0;
    width: 100%;
  }
}

.openFlightFinderCloseCover {
  text-align: right;
  padding: 0px 20px 5px 0px;
  background-color: #f5f8f4;
}
@media only screen and (min-width: 801px) {
  .openFlightFinderCloseCover {
    position: absolute;
    bottom: 10px;
    right: 5px;
    padding: 0 20px;
  }
}
.openFlightFinderCloseCover .close {
  color: #000000;
  font-size: 14px;
}

.bookingRecap {
  display: none;
  clear: both;
  background-color: #fff;
  padding: 5px 0 5px;
}
/*
@media only screen and (min-width: 641px) {
  .bookingRecap.isFixed {
    left: 50%;
    position: fixed;
    -webkit-transform: translate(-50%, 0);
        -ms-transform: translate(-50%, 0);
            transform: translate(-50%, 0);
    z-index: 70;
  }
}
*/
@media (min-width: 1024px) and (max-height: 700px) {
  .bookingRecap.isFixed {
    max-width: 1120px;
  }
}
.booking .bookingRecap.j-bookingRecapRet {
  margin-top: 0px;
}
.thankyoupage .bookingRecap {
  display: block;
  padding: 0;
}
.bookingRecap .accordion__body {
  background: #f8f8f8;
  *zoom: 1;
  padding: 0;
}
.bookingRecap .accordion__body:before, .bookingRecap .accordion__body:after {
  content: " ";
  display: table;
}
.bookingRecap .accordion__body:after {
  clear: both;
}
.bookingRecap .booking__informationBox__itinerary {
  background: transparent;
  border: 0;
  width: 100%;
  padding: 0;
  margin-bottom: 15px;
  min-height: auto;
  border-right: 1px solid #d9d9d9;
}
@media only screen and (min-width: 641px) {
  .bookingRecap .booking__informationBox__itinerary {
    margin-bottom: 0;
    width: 66.33333%;
    float: left;
  }
}
.bookingRecap .booking__informationBox__itinerary .airportShort {
  font-size: 18px;
}
@media only screen and (min-width: 641px) {
  .bookingRecap .booking__informationBox__itinerary .airportShort {
    font-size: 24px;
  }
}
.bookingRecap .booking__informationBox__itinerary .airportLong {
  font-size: 14px;
}
@media only screen and (min-width: 641px) {
  .bookingRecap .booking__informationBox__itinerary .airportLong {
    font-size: 18px;
  }
}
.bookingRecap .booking__informationBox__itineraryDestinations--noTransfer.flightBarCover {
  font-size: 0;
}
@media only screen and (min-width: 801px) {
  .bookingRecap .booking__fightPreview {
    width: 66.33333%;
    float: left;
    display: inline-block;
    height: 100%;
  }
  .bookingRecap .booking__fightPreview:before {
    padding-bottom: 70px;
  }
}
.bookingRecap .booking__fightPreview .row {
  border-bottom: 0;
  margin-bottom: 0;
}
.bookingRecap .booking__fightPreview .first:before, .bookingRecap .booking__fightPreview .third:before {
  display: none;
}
.bookingRecap .booking__fightPreview .booking__fightPreviewDepArrCont__iata {
  color: #3b7e06;
  display: inline;
}
.bookingRecap .accordion {
  border: 2px solid #3b7e06;
}
.thankyoupage .bookingRecap .accordion {
  border: none;
}
.bookingRecap .accordion .accordion__header {
  position: relative;
  background: #f8f8f8;
}
.bookingRecap .accordion .accordion__header a {
  background: #f8f8f8;
}
@media only screen and (max-width: 640px) {
  .bookingRecap .accordion .accordion__header a {
    font-size: 16px;
  }
}
.bookingRecap .booking__fightPreviewDepArrCont__airport {
  display: none;
}
@media only screen and (min-width: 641px) {
  .bookingRecap .booking__fightPreviewDepArrCont__airport {
    display: inline;
  }
}

@media only screen and (max-width: 640px) {
  .bookingRecap__preview {
    white-space: nowrap;
  }
}
.bookingRecap__preview .icon {
  font-size: 20px;
  display: inline-block;
  vertical-align: middle;
  color: #3b7e06;
}
@media only screen and (max-width: 640px) {
  .bookingRecap__preview .icon {
    vertical-align: top;
  }
}
@media only screen and (min-width: 641px) {
  .bookingRecap__preview .icon {
    font-size: 30px;
  }
}
.bookingRecap__preview .i-departure.mirror {
  -webkit-transform: scaleX(-1);
      -ms-transform: scaleX(-1);
          transform: scaleX(-1);
}

.bookingRecap__previewText {
  display: inline-block;
  vertical-align: middle;
  font-size: 14px;
  text-transform: none;
}
@media only screen and (max-width: 640px) {
  .bookingRecap__previewText {
    width: calc(100% - 40px);
    white-space: normal;
    vertical-align: top;
  }
}
@media only screen and (min-width: 641px) {
  .bookingRecap__previewText {
    font-size: 16px;
  }
}
.bookingRecap__previewText span {
  font-size: 13px;
  display: inline-block;
  max-width: calc(100% - 20px);
}

.bookingRecap__scaleRecap {
  display: none;
}
@media only screen and (min-width: 641px) {
  .bookingRecap__scaleRecap {
    font-size: 17px;
    display: inline-block;
  }
}
.bookingRecap__scaleRecap span {
  display: none;
}
@media only screen and (min-width: 1024px) {
  .bookingRecap__scaleRecap span {
    display: inline-block;
  }
}

.bookingRecap__PriceWrapper {
  width: 100%;
  text-align: left;
  border-top: 1px solid #b2b2b2;
}
@media only screen and (max-width: 640px) {
  .bookingRecap__PriceWrapper {
    padding: 10px 15px;
    clear: both;
    text-align: center;
  }
  .booking .bookingRecap__PriceWrapper {
    display: none;
  }
}
@media only screen and (min-width: 641px) {
  .bookingRecap__PriceWrapper {
    padding: 0;
    border-top: 0;
    width: 32.66667%;
    float: right;
    text-align: right;
    padding: 15px 15px 15px 0;
  }
  .bookingRecap__PriceWrapper:before {
    padding-bottom: 50px;
  }
}

.bookingRecap__scaleRecapLiner {
  font-size: 13px;
  color: #287e57;
  line-height: 1.2;
}

.bookingRecap__Price .price {
  display: block;
  font-size: 22px;
  line-height: 1.2;
}
@media only screen and (min-width: 641px) {
  .bookingRecap__Price .price {
    font-size: 25px;
  }
}
.bookingRecap__Price .mmlPrice {
  display: block;
  text-transform: uppercase;
  font-size: 22px;
  line-height: 1.2;
}
@media only screen and (min-width: 641px) {
  .bookingRecap__Price .mmlPrice {
    font-size: 25px;
  }
}
.bookingRecap__Price .infoPrice {
  font-size: 11px;
  line-height: 1.2;
}
@media only screen and (min-width: 641px) {
  .bookingRecap__Price .infoPrice {
    font-size: 14px;
  }
}

.bookingPassenger .fourthButton--small {
  font-weight: normal;
}

.bookingPassenger__addExtraContact {
  color: #3b7e06;
  display: inline-block;
  font-size: 16px;
  line-height: 40px;
  font-weight: bold;
}
@media (min-width: 1024px) and (max-height: 700px) {
  .bookingPassenger__addExtraContact {
    font-size: 13.6px;
    line-height: 34px;
  }
}
.bookingPassenger__addExtraContact:hover {
  color: #0d4722;
}
.bookingPassenger__addExtraContact.alternativeBtn {
  display: none;
}

.flyoutBookingFlightDetails {
  position: absolute;
  max-width: 460px;
  display: none;
  z-index: 9;
  min-height: 60px;
  background-color: #e6ede4;
  transition: all 0.3s ease;
  box-shadow: 2px 2px 30px -8px black;
}
.flyoutBookingFlightDetails .bookingFlightDetails__flightWrapper {
  background-color: #e6ede4;
}

.flyoutBookingFlightDetails__close {
  position: absolute;
  right: 5px;
  top: 5px;
  padding: 2px 0;
  background-color: #c30e1a;
  color: #ffffff;
  font-size: 20px;
  height: 25px;
  width: 25px;
  border-radius: 25px;
  text-align: center;
}

.bookingFlightDetails__flightWrapper {
  background: #e6ede4;
  padding: 10px 5px;
}
@media only screen and (max-width: 800px) {
  .bookingFlightDetails__flightWrapper {
    background: #ffffff;
  }
}
@media only screen and (min-width: 801px) {
  .bookingFlightDetails__flightWrapper {
    background: #f8f8f8;
    padding: 10px 15px;
  }
}
@media only screen and (min-width: 1024px) {
  .bookingFlightDetails__flightWrapper {
    padding: 15px;
  }
}

.bookingFlightDetails__totalDuration {
  font-size: 13px;
  font-weight: lighter;
  color: #7f7f7f;
  padding-bottom: 10px;
}
@media only screen and (max-width: 800px) {
  .bookingFlightDetails__totalDuration {
    padding-bottom: 15px;
    margin-bottom: 5px;
    display: none;
  }
}
@media (min-width: 1024px) and (max-height: 700px) {
  .bookingFlightDetails__totalDuration {
    font-size: 11px;
  }
}
.bookingFlightDetails__totalDuration .highlights {
  color: #000000;
  font-weight: normal;
}
.bookingFlightDetails__totalDuration .time {
  font-weight: normal;
  color: #000000;
}

.bookingFlightDetails .row, .flyoutBookingFlightDetails .row {
  position: relative;
  *zoom: 1;
}
.bookingFlightDetails .row:before, .bookingFlightDetails .row:after, .flyoutBookingFlightDetails .row:before, .flyoutBookingFlightDetails .row:after {
  content: " ";
  display: table;
}
.bookingFlightDetails .row:after, .flyoutBookingFlightDetails .row:after {
  clear: both;
}
.bookingFlightDetails .row .second, .bookingFlightDetails .row .third, .bookingFlightDetails .row .fourth, .bookingFlightDetails .row .fifth, .flyoutBookingFlightDetails .row .second, .flyoutBookingFlightDetails .row .third, .flyoutBookingFlightDetails .row .fourth, .flyoutBookingFlightDetails .row .fifth {
  display: inline-block;
  height: 100%;
}
.bookingFlightDetails .row .second:before, .bookingFlightDetails .row .third:before, .bookingFlightDetails .row .fourth:before, .bookingFlightDetails .row .fifth:before, .flyoutBookingFlightDetails .row .second:before, .flyoutBookingFlightDetails .row .third:before, .flyoutBookingFlightDetails .row .fourth:before, .flyoutBookingFlightDetails .row .fifth:before {
  padding-bottom: 45px;
}
.bookingFlightDetails .row .first, .flyoutBookingFlightDetails .row .first {
  position: absolute;
  top: 15px;
  height: 100%;
  width: 8%;
}
.bookingFlightDetails .row .second, .flyoutBookingFlightDetails .row .second {
  width: 36%;
  margin-left: 9%;
}
@media only screen and (min-width: 801px) {
  .bookingFlightDetails .row .second, .flyoutBookingFlightDetails .row .second {
    width: 35%;
    margin-left: 10%;
  }
}
@media only screen and (min-width: 801px) {
  .bookingFlightDetails .row .second, .flyoutBookingFlightDetails .row .second {
    margin-left: 9%;
  }
}
.bookingFlightDetails .row .third, .flyoutBookingFlightDetails .row .third {
  width: 22%;
  padding-right: 5px;
}
@media only screen and (min-width: 801px) {
  .bookingFlightDetails .row .third, .flyoutBookingFlightDetails .row .third {
    margin-left: 0;
    width: 22%;
  }
}
@media only screen and (min-width: 1024px) {
  .bookingFlightDetails .row .third, .flyoutBookingFlightDetails .row .third {
    width: 24%;
  }
}
@media only screen and (max-width: 800px) {
  .bookingFlightDetails .row .fourth .i-arrowTail:before, .flyoutBookingFlightDetails .row .fourth .i-arrowTail:before {
    font-size: 14px;
  }
}
.bookingFlightDetails .row .fifth, .flyoutBookingFlightDetails .row .fifth {
  width: 25%;
  padding-left: 5px;
}
@media only screen and (min-width: 641px) and (max-width: 800px) {
  .bookingFlightDetails .row .fifth, .flyoutBookingFlightDetails .row .fifth {
    padding-left: 0;
  }
}
@media only screen and (min-width: 801px) {
  .bookingFlightDetails .row .fifth, .flyoutBookingFlightDetails .row .fifth {
    margin-left: 0;
    width: 22%;
  }
}
@media only screen and (min-width: 1024px) {
  .bookingFlightDetails .row .fifth, .flyoutBookingFlightDetails .row .fifth {
    width: 24%;
  }
}

.bookingFlightDetails__transfer {
  display: inline-block;
  width: 20px;
  height: 20px;
  vertical-align: top;
  color: #c30e1a;
  border: 1px solid #c30e1a;
  border-radius: 100%;
  padding: 3px;
  font-size: 11px;
  text-align: center;
}

.bookingFlightDetails__flightNumber {
  color: #4c4c4c;
  font-size: 16px;
}
@media only screen and (min-width: 641px) {
  .bookingFlightDetails__flightNumber {
    font-size: 18px;
  }
}
@media (min-width: 1024px) and (max-height: 700px) {
  .bookingFlightDetails__flightNumber {
    font-size: 14px;
  }
}

.bookingFlightDetails__flightDuration {
  color: #7f7f7f;
  font-size: 13px;
}
@media (min-width: 1024px) and (max-height: 700px) {
  .bookingFlightDetails__flightDuration {
    font-size: 11px;
  }
}
.bookingFlightDetails__flightDuration .hours {
  color: #000000;
}

.bookingFlightDetails__time {
  color: #000000;
  font-size: 14px;
  display: block;
}
@media only screen and (min-width: 641px) {
  .bookingFlightDetails__time {
    font-size: 18px;
  }
}
@media (min-width: 1024px) and (max-height: 700px) {
  .bookingFlightDetails__time {
    font-size: 14px;
  }
}

.bookingFlightDetails__airport {
  font-size: 13px;
  color: #7f7f7f;
}
@media (min-width: 1024px) and (max-height: 700px) {
  .bookingFlightDetails__airport {
    font-size: 11px;
  }
}

.bookingFlightDetails__companyDetail {
  margin-left: 8%;
  color: #4c4c4c;
  font-size: 13px;
}
@media only screen and (min-width: 801px) {
  .bookingFlightDetails__companyDetail {
    margin-top: 0;
    margin-left: 10%;
  }
}
@media only screen and (min-width: 1024px) {
  .bookingFlightDetails__companyDetail {
    margin-top: 15px;
    margin-left: 8%;
  }
}
.bookingFlightDetails__companyDetail .highlights {
  color: #000000;
}

.bookingFlightDetails__separatorWrapper {
  margin-top: 15px;
  position: relative;
  text-align: center;
}
.bookingFlightDetails__separatorWrapper:before {
  display: block;
  content: "";
  width: 100%;
  height: 1px;
  border-bottom: 1px dashed #7f7f7f;
  position: absolute;
  top: 50%;
}
.booking__basketRowCover .bookingFlightDetails__separatorWrapper {
  margin-bottom: 15px;
}

.bookingFlightDetails__separator {
  background: #fff;
  border: 1px solid #c30e1a;
  display: inline-block;
  font-size: 13px;
  padding: 5px 20px;
  border-radius: 20px;
  position: relative;
  z-index: 9;
  color: #c30e1a;
}

.bookingFlightDetails__condition {
  display: none;
  padding: 25px;
  font-size: 13px;
  line-height: 1.2;
  color: #000000;
}
@media only screen and (max-width: 800px) {
  .bookingFlightDetails__condition {
    display: none;
  }
}
@media (min-width: 1024px) and (max-height: 700px) {
  .bookingFlightDetails__condition {
    font-size: 10px;
  }
}
.bookingFlightDetails__condition.legalInfo {
  background-color: #ffffff;
  padding: 10px 15px;
}
.bookingFlightDetails__condition.legalInfo h5 {
  font-size: 13px;
}
.bookingFlightDetails__condition.legalInfo > * + * {
  margin-top: 3px;
}
.bookingFlightDetails__condition.legalInfo p {
  font-size: 12px;
}
.bookingFlightDetails__condition .title {
  font-weight: bold;
  text-transform: uppercase;
}
.bookingFlightDetails__condition .text {
  margin-top: 25px;
}
.bookingFlightDetails__condition .text a {
  color: #3b7e06;
}

.bookingFormElement {
  width: 32.66667%;
  float: left;
}
.bookingFormElement + .bookingFormElement {
  margin-left: 1%;
}
.bookingFormElement + .bookingFormElement:nth-child(4n+1) {
  margin-left: 0;
}
.bookingFormElement .form__label,
.bookingFormElement .form__inputCover {
  width: 100%;
}

@media only screen and (max-width: 640px) {
  .thankyoupage {
    margin: 0 -10px;
  }
}
@media only screen and (max-width: 640px) {
  .thankyoupage .form__buttonCover a, .thankyoupage .bookingExtra__buttonCover a {
    text-align: center;
    float: none;
    display: block;
  }
}
.thankyoupage .bookingRecap {
  margin-top: 0;
}
.thankyoupage .bookingRecap .thankyoupage__accordion.firstPayment, .thankyoupage .bookingRecap .accordion {
  border: 2px solid #e6ede4;
}

/* ============================
 * thankyoupage TITLE GROUP
 * ============================= */
.thankyoupage__titleGroup {
  padding: 40px 0;
  text-align: center;
}
@media only screen and (max-width: 640px) {
  .thankyoupage__titleGroup {
    padding: 20px 10px;
  }
}
.thankyoupage__titleGroup .line1 {
  font-size: 36px;
  text-transform: uppercase;
  line-height: 1.2;
}
@media only screen and (max-width: 640px) {
  .thankyoupage__titleGroup .line1 {
    font-size: 26px;
  }
}
.thankyoupage__titleGroup .line1 .highlight {
  font-weight: bold;
  color: #287e57;
}
.thankyoupage__titleGroup .line4 {
  color: #287e57;
  font-size: 30px;
  line-height: 1.2;
}
@media only screen and (max-width: 640px) {
  .thankyoupage__titleGroup .line4 {
    font-size: 20px;
  }
}
@media (min-width: 1024px) and (max-height: 700px) {
  .thankyoupage__titleGroup .line4 {
    font-size: 25.5px;
  }
}
.thankyoupage__titleGroup .line2 {
  font-weight: bold;
  font-size: 30px;
  line-height: 1.2;
}
@media only screen and (max-width: 640px) {
  .thankyoupage__titleGroup .line2 {
    font-size: 20px;
  }
}
@media (min-width: 1024px) and (max-height: 700px) {
  .thankyoupage__titleGroup .line2 {
    font-size: 25.5px;
  }
}
.thankyoupage__titleGroup .line3 {
  margin-top: 10px;
  font-weight: lighter;
  font-size: 24px;
  line-height: 1.2;
}
@media only screen and (max-width: 640px) {
  .thankyoupage__titleGroup .line3 {
    font-size: 18px;
  }
}
@media (min-width: 1024px) and (max-height: 700px) {
  .thankyoupage__titleGroup .line3 {
    font-size: 20.4px;
  }
}
.thankyoupage__titleGroup a {
  color: #3b7e06;
  text-transform: uppercase;
  font-size: 13px;
  font-weight: bold;
}
@media (min-width: 1024px) and (max-height: 700px) {
  .thankyoupage__titleGroup a {
    font-size: 11.05px;
  }
}
.thankyoupage__titleGroup a .highlight {
  font-weight: normal;
}
.thankyoupage__titleGroup.afterPayment .line4,
.thankyoupage__titleGroup.afterPayment .line5 {
  font-size: 22px;
  color: #000000;
}
@media (min-width: 1024px) and (max-height: 700px) {
  .thankyoupage__titleGroup.afterPayment .line4,
  .thankyoupage__titleGroup.afterPayment .line5 {
    font-size: 18.7px;
  }
}
.thankyoupage__titleGroup.afterPayment .line4 .highlight,
.thankyoupage__titleGroup.afterPayment .line5 .highlight {
  font-size: 30px;
}
@media (min-width: 1024px) and (max-height: 700px) {
  .thankyoupage__titleGroup.afterPayment .line4 .highlight,
  .thankyoupage__titleGroup.afterPayment .line5 .highlight {
    font-size: 25.5px;
  }
}
.thankyoupage__titleGroup.afterPayment .line3 {
  font-size: 16px;
}
@media (min-width: 1024px) and (max-height: 700px) {
  .thankyoupage__titleGroup.afterPayment .line3 {
    font-size: 13.6px;
  }
}
.thankyoupage__titleGroup .line5 {
  color: #000000;
  font-size: 30px;
  line-height: 1.2;
}
.thankyoupage__titleGroup .line5 .highlight {
  font-weight: bold;
  color: #3b7e06;
  text-transform: uppercase;
}
@media only screen and (max-width: 640px) {
  .thankyoupage__titleGroup .line5 {
    font-size: 20px;
  }
}
@media (min-width: 1024px) and (max-height: 700px) {
  .thankyoupage__titleGroup .line5 {
    font-size: 25.5px;
  }
}
.thankyoupage__titleGroup .booking__fightPreview .row {
  border: none;
}
.thankyoupage__titleGroup.secondary {
  padding: 40px 0 10px;
  text-align: left;
}
@media (min-width: 1024px) and (max-height: 700px) {
  .thankyoupage__titleGroup.secondary {
    padding-top: 34px;
  }
}
.thankyoupage__titleGroup.secondary .line5 {
  font-size: 20px;
}
@media (min-width: 1024px) and (max-height: 700px) {
  .thankyoupage__titleGroup.secondary .line5 {
    font-size: 17px;
  }
}
.thankyoupage__titleGroup.afterPaymentLottomatica {
  text-align: left;
  padding-top: 0;
}

.thankyoupage__actionBar {
  padding-bottom: 20px;
  *zoom: 1;
}
.thankyoupage__actionBar:before, .thankyoupage__actionBar:after {
  content: " ";
  display: table;
}
.thankyoupage__actionBar:after {
  clear: both;
}
@media only screen and (max-width: 640px) {
  .thankyoupage__actionBar {
    padding: 0 10px 20px;
  }
}

.thankyoupage__actionBarText {
  font-size: 24px;
  line-height: 40px;
  float: left;
}
@media only screen and (max-width: 640px) {
  .thankyoupage__actionBarText {
    line-height: 1.2;
    margin-bottom: 15px;
    text-align: center;
    float: none;
  }
}
@media (min-width: 1024px) and (max-height: 700px) {
  .thankyoupage__actionBarText {
    font-size: 20.4px;
    line-height: 34px;
  }
}
.thankyoupage__actionBarText .highlights {
  color: #287e57;
  text-transform: uppercase;
}
@media only screen and (max-width: 640px) {
  .thankyoupage__actionBarText .highlights {
    display: block;
  }
  .thankyoupage__actionBarText .highlights.inline {
    display: inline-block;
  }
}
.thankyoupage__actionBarText.little {
  font-size: 16px;
  line-height: 1.2;
  float: none;
  margin-top: 5px;
}
@media (min-width: 1024px) and (max-height: 700px) {
  .thankyoupage__actionBarText.little {
    font-size: 13.6px;
  }
}
.booking__informationBox + .thankyoupage__actionBarText.little {
  margin-top: 100px;
}

.thankyoupage__wrapBtn {
  text-align: center;
}
.thankyoupage__wrapBtn .mobileOnly {
  display: none;
}
@media only screen and (max-width: 640px) {
  .thankyoupage__wrapBtn .mobileOnly {
    display: block;
  }
}
.thankyoupage__wrapBtn .desktopOnly {
  display: none;
}
@media only screen and (min-width: 641px) {
  .thankyoupage__wrapBtn .desktopOnly {
    display: inline-block;
  }
}
@media only screen and (max-width: 640px) {
  .thankyoupage__wrapBtn {
    float: none;
    font-size: 0;
  }
}
@media only screen and (max-width: 640px) {
  .thankyoupage__wrapBtn a {
    display: inline-block;
    width: 100%;
    min-width: inherit;
  }
  .thankyoupage__wrapBtn a + a {
    margin-top: 15px;
  }
}

.thankyoupage__wrapContinue {
  padding: 15px 0;
  text-align: center;
  margin-bottom: 20px;
  background: #f5f8f4;
  border-bottom: 1px solid #d9d9d9;
  border-right: 1px solid #d9d9d9;
  border-left: 1px solid #d9d9d9;
}
@media only screen and (max-width: 640px) {
  .thankyoupage__wrapContinue a {
    display: block;
  }
}

/* ============================
 * thankyoupage Service
 * ============================= */
.servicesRecap {
  position: relative;
}
.servicesRecap.accordion {
  border-color: #d9d9d9;
}
.servicesRecap.accordion .accordion__header a {
  padding: 15px;
  font-size: 20px;
}
.servicesRecap.accordion .accordion__header a:after {
  right: 15px;
}

.servicesRecap__toatal {
  position: absolute;
  right: 40px;
  top: 13px;
  font-size: 20px;
}
@media only screen and (min-width: 641px) {
  .servicesRecap__toatal {
    font-size: 18px;
  }
}
@media only screen and (min-width: 801px) {
  .servicesRecap__toatal {
    font-size: 20px;
  }
}
.servicesRecap__toatal .hightlights {
  font-weight: bold;
}
@media only screen and (max-width: 640px) {
  .servicesRecap__toatal .first {
    display: none;
  }
}

.servicesRecap__wrap {
  position: relative;
  padding: 15px;
  background: #ffffff;
  *zoom: 1;
}
.servicesRecap__wrap:before, .servicesRecap__wrap:after {
  content: " ";
  display: table;
}
.servicesRecap__wrap:after {
  clear: both;
}

.servicesName {
  float: left;
  font-size: 16px;
  font-weight: bold;
}
.service__table .servicesName {
  float: none;
}

.servizePrice {
  float: right;
}

.services__header {
  background: #f5f8f4;
  padding: 15px;
  border-top: 1px solid #d9d9d9;
}
.services__header .passengerInfo {
  font-size: 18px;
  font-weight: bold;
  text-transform: uppercase;
}
.services__header .passengerTicket {
  font-size: 14px;
  line-height: 1.2;
  display: block;
}

.service__table {
  margin-left: -1px;
  margin-right: -1px;
  width: 100.2%;
}
.service__table .title {
  text-align: left;
}
.service__table th {
  background: #f5f8f4;
  padding: 15px;
}
.service__table td {
  padding: 15px;
}
.service__table.responsiveTable--fourCol tr:nth-child(even) {
  background: #ffffff;
}

.serviceRecape__passengerWrapper {
  margin-bottom: 20px;
}

.thankyoupage__accordion {
  background: #f8f8f8;
}
.thankyoupage__accordion .passengers {
  font-size: 16px;
  color: #000000;
  line-height: 1.2;
  padding: 0;
  margin-bottom: 20px;
}
@media only screen and (max-width: 1023px) {
  .thankyoupage__accordion .passengers {
    padding: 10px 0 0;
  }
}
.thankyoupage__accordion .passengers span {
  color: #000000;
}
@media only screen and (max-width: 640px) {
  .thankyoupage__accordion .passengers span {
    display: block;
  }
}
.thankyoupage__accordion.firstPayment {
  display: none;
}

.thankyoupage__accordionGroup {
  padding-top: 15px;
}

.compareTariff {
  text-align: center;
  margin: 15px;
}
.compareTariff .compareTariff__sectionTitle {
  font-size: 20px;
  padding: 15px;
  text-align: left;
  text-transform: uppercase;
  margin-right: 35px;
}
.compareTariff .ecoL {
  border-left: 3px solid #3b7e06;
  border-right: 3px solid #3b7e06;
}
.compareTariff td {
  padding: 5px 10px;
  border-right: 1px solid #d9d9d9;
  vertical-align: middle;
}
@media only screen and (max-width: 1023px) {
  .compareTariff td {
    font-size: 12px;
  }
}
.compareTariff .compareTariff__link {
  color: #000000;
  font-weight: bold;
  font-size: 13px;
}
.compareTariff .compareTariff__label {
  display: none;
}
.compareTariff .compareTariff__txt {
  font-size: 13px;
}
.compareTariff .title__row {
  padding: 10px;
  text-align: left;
  text-transform: uppercase;
  background-color: #f8f8f8;
  border-right: 1px solid #d9d9d9;
  vertical-align: middle;
  width: 22%;
}
@media only screen and (max-width: 640px) {
  .compareTariff .title__row {
    width: 50%;
  }
}
@media only screen and (max-width: 1023px) {
  .compareTariff .title__row {
    font-size: 13px;
  }
}
.compareTariff .title__row .icon {
  color: #000000;
  font-size: 16px;
  display: inline-block;
  vertical-align: middle;
  width: 15%;
}
.compareTariff .title__row .label__icon {
  display: inline-block;
  vertical-align: middle;
  width: 80%;
  padding-left: 10px;
}
.compareTariff .title__row .superscript {
  font-size: 10px;
  vertical-align: top;
  color: #582933;
}
.compareTariff .compareTariff__row + .compareTariff__row {
  border-top: 1px solid #d9d9d9;
}
.compareTariff .compareTariff__row:nth-child(even) {
  background-color: #f8f8f8;
}
.compareTariff .compareTariff__table {
  border-bottom: 1px solid #b2b2b2;
  margin-bottom: 20px;
  width: 100%;
}
.compareTariff .legalInfo {
  text-align: left;
}
.compareTariff .i-checked {
  color: #3b7e06;
}
.compareTariff .i-times {
  color: #582933;
}
.compareTariff .arrow {
  display: none;
  position: absolute;
  height: 200px;
  line-height: 200px;
  width: 10%;
}
@media only screen and (min-width: 641px) and (max-width: 800px) {
  .compareTariff .arrow {
    display: block;
  }
}
@media only screen and (min-width: 641px) and (max-width: 800px) {
  .compareTariff .col-businessClassic, .compareTariff .col-businessFlex {
    display: none;
  }
}

.title__col {
  background-color: #5e7a24;
  color: #ffffff;
  padding: 15px;
  width: 15%;
  position: relative;
  text-transform: uppercase;
  border-right: 1px solid #ffffff;
}
@media only screen and (max-width: 1023px) {
  .title__col {
    font-size: 12px;
  }
}
@media only screen and (max-width: 800px) {
  .title__col {
    width: 23%;
  }
}
@media only screen and (max-width: 640px) {
  .title__col {
    width: 50%;
  }
}
.title__col.bus {
  background-color: #582933;
}

.booking__chooseSeat--choose {
  *zoom: 1;
}
.booking__chooseSeat--choose:before, .booking__chooseSeat--choose:after {
  content: " ";
  display: table;
}
.booking__chooseSeat--choose:after {
  clear: both;
}
.booking__chooseSeat--choose .booking__date {
  display: block;
  margin: 10px 0;
}
.booking__chooseSeat--choose .booking__dateArrow {
  display: block;
}

.chooseSeat .editorialArea {
  margin-bottom: 20px;
}
@media only screen and (min-width: 641px) {
  .chooseSeat .editorialArea {
    margin-bottom: 0;
  }
}
@media only screen and (max-width: 640px) {
  .chooseSeat .editorialArea h3 {
    font-size: 16px;
  }
}
@media only screen and (max-width: 640px) {
  .chooseSeat .editorialArea p {
    font-size: 13px;
    line-height: 1.3;
  }
}
@media only screen and (max-width: 640px) {
  .chooseSeat .editorialArea > * + * {
    margin-top: 10px;
  }
}

@media only screen and (min-width: 801px) {
  .bookingUpsell__accordion .chooseSeat .form__buttonCover {
    padding: 0;
    margin-top: -50px;
    float: right;
  }
}

.chooseSeat__slider {
  position: relative;
  top: 0;
  left: -10px;
  overflow: hidden;
  width: 107%;
}
@media only screen and (min-width: 641px) {
  .chooseSeat__slider {
    left: 0;
    width: 100%;
  }
}
.chooseSeat__slider .chooseSeat__sliderCover {
  height: 105px;
  float: left;
  width: 83%;
}
@media only screen and (min-width: 641px) {
  .chooseSeat__slider .chooseSeat__sliderCover {
    width: 90%;
  }
}
@media (min-width: 1024px) and (max-height: 700px) {
  .chooseSeat__slider .chooseSeat__sliderCover {
    height: 84px;
  }
}
.chooseSeat__slider .booking__dateArrow {
  height: 90px;
}
@media (min-width: 1024px) and (max-height: 700px) {
  .chooseSeat__slider .booking__dateArrow {
    height: 74px;
  }
}
.chooseSeat__slider .booking__dateArrow:before {
  line-height: 90px;
}
@media (min-width: 1024px) and (max-height: 700px) {
  .chooseSeat__slider .booking__dateArrow:before {
    line-height: 74px;
  }
}

.chooseSeat__sliderList {
  width: 100%;
  height: 105px;
  float: left;
  margin-bottom: 15px;
  *zoom: 1;
}
.chooseSeat__sliderList:before, .chooseSeat__sliderList:after {
  content: " ";
  display: table;
}
.chooseSeat__sliderList:after {
  clear: both;
}

.chooseSeat__sliderItem {
  float: left;
  position: relative;
  width: 220px;
  height: 90px;
  border-left: 2px solid #e6ede4;
  border-right: 2px solid #e6ede4;
  border-bottom: 2px solid #e6ede4;
  border-top: 3px solid #e6ede4;
  background-color: white;
  z-index: 2;
  font-size: 14px;
}
.chooseSeat__sliderItem.isActive {
  height: 105px;
}
@media only screen and (min-width: 641px) {
  .chooseSeat__sliderItem {
    width: 240px;
  }
}
@media (min-width: 1024px) and (max-height: 700px) {
  .chooseSeat__sliderItem {
    height: 74px;
    font-size: 12px;
  }
}
.chooseSeat__sliderItem .text {
  color: #000000;
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  z-index: 4;
  padding: 10px;
}
.chooseSeat__sliderItem .arrow {
  position: relative;
  top: 0px;
  left: 40px;
  display: none;
}
.chooseSeat__sliderItem .arrow polygon {
  fill: #3b7e06;
}
@media (min-width: 1024px) and (max-height: 700px) {
  .chooseSeat__sliderItem .arrow {
    top: -5px;
  }
}
.chooseSeat__sliderItem.isActive {
  border: none;
}
.chooseSeat__sliderItem.isActive .arrow {
  display: block;
}
.chooseSeat__sliderItem.isActive .text {
  color: #ffffff;
}
.chooseSeat__sliderItem.isActive .text:before {
  opacity: 1;
  display: block;
}

.chooseSeat__sliderItemContainer {
  width: 100%;
  background-color: #ffffff;
  height: 85px;
  position: relative;
  overflow: hidden;
}
.isActive .chooseSeat__sliderItemContainer {
  background-color: #3b7e06;
  height: 90px;
}
@media (min-width: 1024px) and (max-height: 700px) {
  .isActive .chooseSeat__sliderItemContainer {
    height: 74px;
  }
}
.isActive .chooseSeat__sliderItemContainer:before {
  content: "";
  background: #679139;
  top: 0;
  bottom: 0;
  left: 138px;
  right: -165px;
  z-index: 1;
  position: absolute;
  -webkit-transform: skew(-44deg, 0deg);
      -ms-transform: skew(-44deg, 0deg);
          transform: skew(-44deg, 0deg);
}

.chooseSeat__container {
  *zoom: 1;
}
.chooseSeat__container:before, .chooseSeat__container:after {
  content: " ";
  display: table;
}
.chooseSeat__container:after {
  clear: both;
}
@media only screen and (max-width: 640px) {
  .chooseSeat__container {
    -webkit-transform: none !important;
        -ms-transform: none !important;
            transform: none !important;
  }
}

@media only screen and (min-width: 641px) {
  .chooseSeat__passengerCol {
    float: left;
    padding: 15px;
    width: 40%;
  }
}
@media only screen and (min-width: 801px) {
  .chooseSeat__passengerCol {
    width: 28%;
  }
}

.chooseSeat__passengerSeats {
  position: relative;
}
@media only screen and (max-width: 640px) {
  .chooseSeat__passengerSeats {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    overflow: auto;
    background-color: #ffffff;
    z-index: 10000;
  }
}
@media only screen and (min-width: 641px) {
  .chooseSeat__passengerSeats {
    padding-top: 15px;
    float: left;
    width: 100%;
  }
}
@media only screen and (min-width: 801px) {
  .chooseSeat__passengerSeats {
    width: 100%;
  }
}
.chooseSeat__passengerSeats .close {
  position: absolute;
  right: 8px;
  top: 8px;
  border: 2px solid #000000;
  font-size: 18px;
  line-height: 22px;
  width: 26px;
  display: inline-block;
  border-radius: 50%;
  padding: 0;
  text-align: center;
}
@media only screen and (min-width: 641px) {
  .chooseSeat__passengerSeats .close {
    display: none;
  }
}

.selecRow {
  border: 1px solid #000000;
  padding: 10px 15px;
  font-size: 14px;
  font-weight: bold;
  text-align: center;
  width: 60%;
  margin: 0 auto 10px;
  display: block;
  color: #000000;
  text-transform: uppercase;
}
@media (min-width: 1024px) and (max-height: 700px) {
  .selecRow {
    font-size: 11.9px;
  }
}
.selecRow:before, .selecRow:after {
  font-family: "iconFont";
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "î €";
  width: 7%;
  display: inline-block;
}
.selecRow.next:before, .selecRow.next:after {
  content: "";
}
.selecRow:before {
  float: left;
}
.selecRow:after {
  float: right;
}

@media only screen and (min-width: 641px) {
  .chooseSeat__infoBox {
    float: right;
    width: 100%;
  }
}
@media only screen and (min-width: 801px) {
  .chooseSeat__infoBox {
    width: 39%;
    float: left;
    *zoom: 1;
  }
  .chooseSeat__infoBox:before, .chooseSeat__infoBox:after {
    content: " ";
    display: table;
  }
  .chooseSeat__infoBox:after {
    clear: both;
  }
}

.chooseSeat__infoBoxAux {
  background: #f5f8f4;
}
@media only screen and (min-width: 641px) {
  .chooseSeat__infoBoxAux {
    padding: 0;
  }
}
@media only screen and (min-width: 801px) {
  .chooseSeat__infoBoxAux {
    padding: 20px 20px 10px;
  }
}
@media only screen and (max-width: 640px) {
  .chooseSeat__infoBoxAux {
    display: none;
  }
}

.chooseSeat__title {
  text-transform: uppercase;
  font-weight: bold;
  margin-bottom: 20px;
  font-size: 16px;
}
@media only screen and (min-width: 641px) {
  .chooseSeat__title {
    font-size: 17px;
  }
}
@media (min-width: 1024px) and (max-height: 700px) {
  .chooseSeat__title {
    font-size: 12px;
  }
}

.chooseSeat__passengerItem {
  list-style-type: decimal;
  list-style-position: inside;
  font-size: 14px;
  padding-bottom: 5px;
  border-bottom: dotted 1px #d9d9d9;
  margin-bottom: 15px;
}
@media (min-width: 1024px) and (max-height: 700px) {
  .chooseSeat__passengerItem {
    font-size: 12px;
    margin-bottom: 12.75px;
  }
}

.chooseSeat__passengerName {
  text-transform: uppercase;
  margin-bottom: 10px;
}

.chooseSeat__passengerName--mobile {
  text-transform: uppercase;
  font-size: 20px;
  color: #ffffff;
  background-color: #3b7e06;
  width: 100%;
  padding: 10px;
  display: none;
  text-align: center;
  margin-bottom: 10px;
}
@media only screen and (max-width: 640px) {
  .chooseSeat__passengerName--mobile {
    display: block;
    font-size: 16px;
  }
}

.chooseSeat__selectedSeat, .chooseSeat__selectSeat {
  background-color: #e2ebd9;
  padding: 10px;
  font-size: 13px;
}
@media (min-width: 1024px) and (max-height: 700px) {
  .chooseSeat__selectedSeat, .chooseSeat__selectSeat {
    font-size: 11px;
  }
}
.chooseSeat__selectedSeat .number, .chooseSeat__selectSeat .number {
  color: #287e57;
  float: right;
  font-size: 20px;
  font-weight: bold;
}
.chooseSeat__selectedSeat .number.extraComfort, .chooseSeat__selectSeat .number.extraComfort {
  color: #cf9f3f;
}

.chooseSeat__selectSeat {
  cursor: pointer;
  line-height: 1;
}
.chooseSeat__selectSeat .i-arrowRight {
  float: right;
}
.isActive .chooseSeat__selectSeat {
  border: solid #0d4722 1px;
}
.isSelected .chooseSeat__selectSeat {
  display: none;
}

.chooseSeat__selectedSeat {
  display: none;
}
.isActive .chooseSeat__selectedSeat {
  border: solid #0d4722 1px;
}
.isSelected .chooseSeat__selectedSeat {
  display: block;
}

.chooseSeat__disclaimer {
  font-size: 13px;
}
@media (min-width: 1024px) and (max-height: 700px) {
  .chooseSeat__disclaimer {
    font-size: 11px;
  }
}

.chooseSeat__seats {
  max-width: 445px;
  margin: 0 auto 15px;
  border-spacing: 5px;
  border-collapse: separate;
}
.chooseSeat__seats th,
.chooseSeat__seats td {
  width: 25px;
  height: 25px;
  text-align: center;
  vertical-align: middle;
  font-size: 11px;
  font-weight: bold;
}
.chooseSeat__seats td {
  border: 1px solid #d9d9d9;
  font-size: 12px;
  line-height: 25px;
}
.chooseSeat__seats td a {
  display: block;
  width: 25px;
  height: 25px;
  color: #ffffff;
}
.chooseSeat__seats .number {
  border: none;
  width: 35px;
}
.chooseSeat__seats .occupied {
  color: #e2e2e2;
  font-size: 22px;
}
.chooseSeat__seats .emergency {
  border: none;
}
.chooseSeat__seats .emergency span {
  color: #c30e1a;
  font-size: 16px;
  vertical-align: middle;
  display: inline-block;
}
.chooseSeat__seats .available {
  background-color: #287e57;
}
.chooseSeat__seats .extraComfort {
  background-color: #cf9f3f;
}
.chooseSeat__seats .extraComfort.seatAssigned {
  background-color: #cf9f3f;
}
.chooseSeat__seats .seatAssigned {
  background-color: #83a937;
  color: #ffffff;
}

.passengerSeats__title {
  text-align: center;
  font-size: 20px;
  text-transform: uppercase;
  padding: 15px 0;
}
@media only screen and (min-width: 641px) {
  .passengerSeats__title {
    display: none;
  }
}

.bookingUpsell__accordion.accordion {
  height: auto;
}

.chooseSeat__infoBox .image {
  padding: 0 70px;
}
.chooseSeat__infoBox .image img {
  width: 100%;
}
.chooseSeat__infoBox .imageRows {
  position: relative;
  margin-bottom: 15px;
}
@media only screen and (max-width: 800px) {
  .chooseSeat__infoBox .imageRows {
    display: none;
  }
}
.chooseSeat__infoBox .imageRows__text {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  text-align: center;
  z-index: 9;
}
.chooseSeat__infoBox .imageRows__text .verticalAlignMiddle {
  width: auto;
}
.chooseSeat__infoBox .imageRows__row {
  background-color: rgba(255, 255, 255, 0.6);
  color: #000000;
  margin-top: 15%;
  font-size: 19px;
  padding: 10px;
  text-transform: uppercase;
}
.chooseSeat__infoBox .imageRows__row:first-child {
  margin-top: 0;
}
.chooseSeat__infoBox .imageRows__row.active {
  color: #287e57;
}

.chooseSeat__infoBox__title {
  font-size: 16px;
  line-height: 1.2;
  font-weight: bold;
  text-transform: uppercase;
}
@media only screen and (max-width: 800px) {
  .chooseSeat__infoBox__title {
    display: none;
  }
}

.chooseSeat__infoBox__subtitle {
  font-size: 16px;
  margin-bottom: 15px;
}
@media only screen and (max-width: 800px) {
  .chooseSeat__infoBox__subtitle {
    display: none;
  }
}

.chooseSeat__listItem {
  line-height: 20px;
  margin-bottom: 10px;
}
@media only screen and (max-width: 800px) {
  .chooseSeat__listItem {
    display: inline-block;
    width: 49%;
  }
}
@media only screen and (max-width: 640px) {
  .chooseSeat__listItem {
    margin-bottom: 5px;
  }
}
@media only screen and (min-width: 801px) {
  .chooseSeat__listItem {
    width: 50%;
    float: left;
  }
  .chooseSeat__listItem:nth-child(2n+1) {
    clear: both;
  }
}

.chooseSeat__legenda {
  background: #f5f8f4;
  padding: 10px 30px;
}
@media only screen and (max-width: 640px) {
  .chooseSeat__legenda {
    display: none;
    padding: 20px;
  }
}
.chooseSeat__legenda .title {
  font-size: 16px;
  text-transform: uppercase;
  font-weight: bold;
  margin-bottom: 20px;
}
.chooseSeat__legenda .chooseSeat__list {
  *zoom: 1;
  font-size: 13px;
  line-height: 20px;
  margin-bottom: 0;
}
.chooseSeat__legenda .chooseSeat__list:before, .chooseSeat__legenda .chooseSeat__list:after {
  content: " ";
  display: table;
}
.chooseSeat__legenda .chooseSeat__list:after {
  clear: both;
}
.chooseSeat__legenda .legendIcon {
  width: 20px;
  height: 20px;
  display: inline-block;
  margin-right: 5px;
  vertical-align: middle;
  line-height: 15px;
  padding: 0 4px;
}
@media only screen and (max-width: 640px) {
  .chooseSeat__legenda .legendIcon {
    width: 10px;
    height: 10px;
    line-height: 5px;
    padding: 0;
    font-size: 15px;
  }
}
.chooseSeat__legenda .legendIcon.exit {
  color: #c30e1a;
}
.chooseSeat__legenda .occupied {
  border: 1px #d9d9d9 solid;
}
.chooseSeat__legenda.mobile {
  display: block;
}
@media only screen and (min-width: 641px) {
  .chooseSeat__legenda.mobile {
    display: none;
  }
}

.chooseSeat__overlay {
  position: absolute;
  background-color: #313131;
  padding: 15px;
  width: auto;
  color: #ffffff;
  z-index: 9;
}
.isTouch .chooseSeat__overlay {
  padding-top: 25px;
}
@media only screen and (min-width: 641px) {
  .chooseSeat__overlay {
    width: 175px;
  }
}
.chooseSeat__overlay:before, .chooseSeat__overlay:after {
  content: "";
  border-left: transparent solid 10px;
  border-right: transparent solid 10px;
  display: block;
  width: 0px;
  position: absolute;
  display: none;
}
.chooseSeat__overlay.down:before, .chooseSeat__overlay.down:after {
  display: block;
  top: -15px;
  border-bottom: #313131 solid 15px;
}
.chooseSeat__overlay.up:after {
  border-top: #313131 solid 15px;
  bottom: -15px;
  display: block;
}
.chooseSeat__overlay.right:before, .chooseSeat__overlay.right:after {
  right: 0px;
  margin-left: 0;
  left: auto;
  border-right: transparent solid 0px;
}
.chooseSeat__overlay.left:before, .chooseSeat__overlay.left:after {
  left: 0px;
  margin-left: 0;
  border-left: transparent solid 0px;
}
.chooseSeat__overlay.middle:before, .chooseSeat__overlay.middle:after {
  left: 50%;
  margin-left: -10px;
}
.chooseSeat__overlay .price {
  font-size: 24px;
  font-weight: bold;
  line-height: 54px;
  display: block;
  float: none;
}
@media only screen and (min-width: 641px) {
  .chooseSeat__overlay .price {
    float: right;
    display: inline-block;
  }
}
.chooseSeat__overlay .close {
  position: absolute;
  right: 5px;
  top: 5px;
  display: none;
  color: #ffffff;
  font-size: 30px;
  display: block;
  border-radius: 0;
}
@media only screen and (min-width: 641px) {
  .chooseSeat__overlay .close {
    display: none;
  }
}
.isTouch .chooseSeat__overlay .close {
  display: block;
}
.chooseSeat__overlay .chooseSeat__btn {
  display: block;
  margin-top: 10px;
}
@media only screen and (min-width: 641px) {
  .chooseSeat__overlay .chooseSeat__btn {
    display: none;
  }
}
.isTouch .chooseSeat__overlay .chooseSeat__btn {
  display: block;
}
.chooseSeat__overlay .chooseSeatOverlay__txt {
  display: inline-block;
  margin-bottom: 10px;
  font-size: 15px;
}
.chooseSeat__overlay .chooseSeatOverlay__txt .number {
  font-size: 18px;
  font-weight: bold;
  display: block;
}
.chooseSeat__overlay .editorialArea {
  border-top: 1px dotted #ffffff;
  padding-top: 10px;
  display: none;
}
.chooseSeat__overlay .editorialArea p {
  font-size: 14px;
  color: #ffffff;
}
.chooseSeat__overlay .editorialArea.activated {
  display: block;
}
.chooseSeat__overlay .editorialArea.hasWarning p:first-child {
  margin-top: 0;
  position: relative;
  padding-left: 20px;
}
.chooseSeat__overlay .editorialArea.hasWarning p:first-child:before {
  font-family: "iconFont";
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  position: absolute;
  content: "";
  color: #c30e1a;
  left: 0;
  display: inline-block;
  vertical-align: middle;
}

@media only screen and (max-width: 800px) {
  .seatMap_3_4_3 .emergency {
    display: none;
  }
}
@media only screen and (max-width: 800px) {
  .seatMap_3_4_3.chooseSeat__seats {
    border-spacing: 2px;
  }
}
@media only screen and (max-width: 800px) {
  .seatMap_3_4_3.chooseSeat__seats td {
    width: 20px;
  }
}

.upsellingActions__wrapper {
  margin-top: 20px;
  margin-bottom: 50px;
}
.upsellingActions__wrapper.upsellingActions__wrapper--mobile {
  display: none;
}
@media only screen and (max-width: 640px) {
  .upsellingActions__wrapper {
    margin-top: 10px;
    margin-bottom: 10px;
    display: none;
  }
  .upsellingActions__wrapper.upsellingActions__wrapper--mobile {
    display: block;
  }
}
.upsellingActions__wrapper a {
  width: 100%;
}

.upsellingChoose__btn {
  float: right;
}

@media only screen and (max-width: 640px) {
    #confirmSeatMap{
        display: block;
    	float: none;
    }
}

.overlayOpenSeats {
  overflow: hidden;
}

.chooseSeat__cabinClass {
  *zoom: 1;
  display: none;
  float: right;
}
.chooseSeat__cabinClass:before, .chooseSeat__cabinClass:after {
  content: " ";
  display: table;
}
.chooseSeat__cabinClass:after {
  clear: both;
}
@media only screen and (min-width: 641px) {
  .chooseSeat__cabinClass {
    width: 60%;
  }
}
@media only screen and (min-width: 801px) {
  .chooseSeat__cabinClass {
    width: 72%;
  }
}

.chooseSeat__allseats {
  *zoom: 1;
  float: left;
  width: 100%;
}
.chooseSeat__allseats:before, .chooseSeat__allseats:after {
  content: " ";
  display: table;
}
.chooseSeat__allseats:after {
  clear: both;
}
@media only screen and (min-width: 801px) {
  .chooseSeat__allseats {
    width: 61%;
  }
}

.manageBooking {
  padding: 40px 0 40px;
}
.manageBooking.innerPageHead {
  background: url(/content/dam/alitalia/assets/clientlibs/images/patterns/innerPageTexture2.jpg);
}
.manageBooking.booking {
  margin-bottom: 0;
}

.manageBooking__body {
  position: relative;
}
@media only screen and (max-width: 640px) {
  .manageBooking__body {
    border: 0;
  }
}
.manageBooking__body.innerPage {
  padding: 0;
}

.manageBooking__bodyWrapper {
  margin-top: -40px;
  padding: 20px;
  background: #fff;
}
@media only screen and (max-width: 640px) {
  .manageBooking__bodyWrapper {
    padding: 20px 10px;
  }
}
@media only screen and (min-width: 801px) {
  .manageBooking__bodyWrapper {
    padding: 40px;
  }
}
.manageBooking__bodyWrapper .booking__informationBoxCover {
  margin-top: 30px;
}

.manageBookingHeader {
  padding: 0 0 30px;
}
@media only screen and (min-width: 641px) {
  .manageBookingHeader {
    padding: 0 0 40px;
  }
}

.manageBooking__title {
  color: #000000;
  font-size: 18px;
  line-height: 1.2;
  text-transform: uppercase;
}
@media only screen and (min-width: 641px) {
  .manageBooking__title {
    font-size: 35px;
  }
}

.manageBookingHeaderAux {
  *zoom: 1;
  margin-bottom: 0;
  background: #fff;
}
.manageBookingHeaderAux:before, .manageBookingHeaderAux:after {
  content: " ";
  display: table;
}
.manageBookingHeaderAux:after {
  clear: both;
}
@media only screen and (min-width: 641px) {
  .manageBookingHeaderAux {
    margin-bottom: 0;
  }
}
.manageBookingHeaderAux .first {
  padding: 0 20px 0px 0;
  width: 100%;
  display: inline-block;
  height: 100%;
}
@media only screen and (min-width: 641px) {
  .manageBookingHeaderAux .first {
    padding: 0 20px 20px 0;
  }
}
@media only screen and (min-width: 801px) {
  .manageBookingHeaderAux .first {
    float: left;
    width: 41.08333%;
  }
}
@media only screen and (min-width: 1024px) {
  .manageBookingHeaderAux .first {
    width: 41.08333%;
  }
}
.manageBookingHeaderAux .first:before {
  padding-bottom: 100px;
}
.manageBookingHeaderAux .first .manageBookingHeader__travel {
  vertical-align: top;
}
.manageBookingHeaderAux .second {
  width: 100%;
  padding: 0 0 20px 20px;
  display: inline-block;
  height: 100%;
}
@media only screen and (max-width: 640px) {
  .manageBookingHeaderAux .second {
    padding-top: 0;
    padding-left: 0;
  }
}
@media only screen and (min-width: 801px) {
  .manageBookingHeaderAux .second {
    float: left;
    width: 57.91667%;
  }
}
@media only screen and (min-width: 1024px) {
  .manageBookingHeaderAux .second {
    width: 57.91667%;
  }
}
.manageBookingHeaderAux .second:before {
  padding-bottom: 100px;
}
.manageBookingHeaderAux .second .manageBookingHeader__codeWrapper {
  vertical-align: top;
}

.manageBookingHeader__labelTitle {
  line-height: 1.2;
  text-transform: uppercase;
  color: #7f7f7f;
  margin-bottom: 15px;
  display: block;
  font-weight: lighter;
}
@media only screen and (min-width: 801px) {
  .manageBookingHeader__labelTitle {
    font-size: 16px;
  }
}
@media only screen and (min-width: 1024px) {
  .manageBookingHeader__labelTitle {
    font-size: 20px;
  }
}

.manageBookingHeader__title {
  color: #000000;
  font-size: 30px;
  line-height: 1.2;
  text-transform: uppercase;
  font-weight: bold;
}
@media only screen and (min-width: 641px) {
  .manageBookingHeader__title {
    font-size: 35px;
  }
}

.manageBookingHeader__staus {
  font-size: 18px;
  line-height: 1.2;
  color: #3b7e06;
  display: inline-block;
  text-transform: uppercase;
  font-weight: bold;
}
@media only screen and (min-width: 801px) {
  .manageBookingHeader__staus {
    font-size: 16px;
  }
}
@media only screen and (min-width: 1024px) {
  .manageBookingHeader__staus {
    font-size: 18px;
  }
}
.manageBookingHeader__staus span {
  margin-right: 3px;
}

.manageBookingHeader__travel {
  *zoom: 1;
}
.manageBookingHeader__travel:before, .manageBookingHeader__travel:after {
  content: " ";
  display: table;
}
.manageBookingHeader__travel:after {
  clear: both;
}
.manageBookingHeader__travel .col {
  float: left;
  font-size: 18px;
  line-height: 1.2;
  padding-right: 30px;
}
@media only screen and (min-width: 641px) {
  .manageBookingHeader__travel .col {
    font-size: 20px;
    max-width: 50%;
  }
}
@media only screen and (min-width: 801px) {
  .manageBookingHeader__travel .col {
    margin-bottom: 0;
    padding-right: 50px;
    font-size: 16px;
    line-height: 1.2;
  }
}
@media only screen and (min-width: 1024px) {
  .manageBookingHeader__travel .col {
    font-size: 20px;
  }
}
.manageBookingHeader__travel .col .flight {
  color: #3b7e06;
  text-transform: uppercase;
}
.manageBookingHeader__travel .col .date {
  color: #000000;
  font-weight: bold;
  text-transform: uppercase;
}
.manageBookingHeader__travel .col .tratta {
  color: #000000;
  display: block;
  margin-top: 5px;
  font-weight: bold;
}
@media only screen and (max-width: 640px) {
  .manageBookingHeader__travel .col .tratta {
    margin-bottom: 10px;
  }
}
.manageBookingHeader__travel .col .tratta span {
  color: #3b7e06;
  text-transform: uppercase;
}
.manageBookingHeader__travel .col .tratta span.bus {
  font-size: 16px;
  color: #000000;
  text-transform: none;
}

.manageBooking__body .tabsInfo__pane {
  background-color: #ffffff;
}
@media only screen and (max-width: 640px) {
  .manageBooking__body .tabsInfo__pane {
    padding: 0;
  }
}
.manageBooking__body .manageBooking__tab .titleTab .tabsInfo__navItem,
.manageBooking__body .manageBooking__tab .tabsInfo__navSmart .tabsInfo__navItem {
  width: auto;
  position: relative;
  z-index: 4;
  display: inline-table;
  background: #efefef;
  border: 2px solid #e6ede4;
  border-top: 3px solid #e6ede4;
}
@media only screen and (max-width: 640px) {
  .manageBooking__body .manageBooking__tab .titleTab .tabsInfo__navItem,
  .manageBooking__body .manageBooking__tab .tabsInfo__navSmart .tabsInfo__navItem {
    width: 100%;
  }
}
.manageBooking__body .manageBooking__tab .titleTab .tabsInfo__navItem:before,
.manageBooking__body .manageBooking__tab .tabsInfo__navSmart .tabsInfo__navItem:before {
  display: none;
}
.manageBooking__body .manageBooking__tab .titleTab .tabsInfo__navItem a,
.manageBooking__body .manageBooking__tab .tabsInfo__navSmart .tabsInfo__navItem a {
  color: #7f7f7f;
  text-transform: uppercase;
  font-size: 16px;
  line-height: 30px;
  padding: 15px;
  overflow: hidden;
  position: relative;
}
.manageBooking__body .manageBooking__tab .titleTab .tabsInfo__navItem .arrow,
.manageBooking__body .manageBooking__tab .tabsInfo__navSmart .tabsInfo__navItem .arrow {
  position: absolute;
  bottom: -14px;
  display: none;
  left: 10%;
}
.manageBooking__body .manageBooking__tab .titleTab .tabsInfo__navItem .arrow polygon,
.manageBooking__body .manageBooking__tab .tabsInfo__navSmart .tabsInfo__navItem .arrow polygon {
  fill: #3b7e06;
}
.manageBooking__body .manageBooking__tab .titleTab .tabsInfo__navItem.active,
.manageBooking__body .manageBooking__tab .tabsInfo__navSmart .tabsInfo__navItem.active {
  border: none;
  background: #3b7e06;
}
.manageBooking__body .manageBooking__tab .titleTab .tabsInfo__navItem.active a,
.manageBooking__body .manageBooking__tab .tabsInfo__navSmart .tabsInfo__navItem.active a {
  color: #ffffff;
}
.manageBooking__body .manageBooking__tab .titleTab .tabsInfo__navItem.active a:after,
.manageBooking__body .manageBooking__tab .tabsInfo__navSmart .tabsInfo__navItem.active a:after {
  content: "";
  background: #679139;
  top: -5px;
  bottom: 0;
  left: 180px;
  right: -40px;
  z-index: -1;
  position: absolute;
  -webkit-transform: skew(-44deg, 0deg);
      -ms-transform: skew(-44deg, 0deg);
          transform: skew(-44deg, 0deg);
}
.manageBooking__body .manageBooking__tab .titleTab .tabsInfo__navItem.active .arrow,
.manageBooking__body .manageBooking__tab .tabsInfo__navSmart .tabsInfo__navItem.active .arrow {
  display: block;
}
.manageBooking__body .manageBooking__tab .tabsInfo__navSmart .tabsInfo__paneWrapper.active .tabsInfo__navItem {
  display: none;
}
@media only screen and (max-width: 640px) {
  .manageBooking__body .manageBooking__tab .tabsInfo__navSmart .tabsInfo__paneWrapper.active .tabsInfo__navItem {
    display: block;
    border: none;
    background: #3b7e06;
  }
  .manageBooking__body .manageBooking__tab .tabsInfo__navSmart .tabsInfo__paneWrapper.active .tabsInfo__navItem a {
    color: #ffffff;
  }
  .manageBooking__body .manageBooking__tab .tabsInfo__navSmart .tabsInfo__paneWrapper.active .tabsInfo__navItem a:after {
    content: "";
    background: #679139;
    top: -5px;
    bottom: 0;
    left: 180px;
    right: -40px;
    z-index: -1;
    position: absolute;
    -webkit-transform: skew(-44deg, 0deg);
        -ms-transform: skew(-44deg, 0deg);
            transform: skew(-44deg, 0deg);
  }
  .manageBooking__body .manageBooking__tab .tabsInfo__navSmart .tabsInfo__paneWrapper.active .tabsInfo__navItem .arrow {
    display: block;
  }
}
.manageBooking__body .tabsContainer {
  border: 0;
  position: relative;
  padding: 0 0 40px;
}
@media only screen and (max-width: 640px) {
  .manageBooking__body .tabsContainer {
    padding: 0;
  }
}

.manageBooking__wrapTxt {
  float: left;
  width: 53%;
  margin-top: 20px;
  margin-bottom: 20px;
  padding-right: 20px;
}
@media only screen and (max-width: 1023px) {
  .manageBooking__wrapTxt {
    width: 100%;
    margin-bottom: 0;
  }
}
@media only screen and (max-width: 640px) {
  .manageBooking__wrapTxt p {
    font-size: 13px;
    line-height: 1.4;
  }
}

.manageBooking__wrapBtn {
  float: right;
  margin: 20px 0;
  max-width: 47%;
  position: relative;
}
@media only screen and (max-width: 1023px) {
  .manageBooking__wrapBtn {
    float: left;
    max-width: 100%;
  }
}
.manageBooking__wrapBtn .fourthButton {
  width: 100%;
}
@media only screen and (min-width: 641px) {
  .manageBooking__wrapBtn .fourthButton {
    width: auto;
  }
}

.mBpassengerBox {
  clear: both;
  background: #f5f8f4;
  margin-bottom: 15px;
  padding: 20px 20px 5px;
}
@media only screen and (max-width: 640px) {
  .mBpassengerBox {
    padding: 20px 10px 5px;
  }
}
.mBpassengerBox.mBpassengerContact, .mBpassengerBox.mBpassengerSpecialAssistance {
  padding: 20px 10px;
}
@media only screen and (min-width: 641px) {
  .mBpassengerBox.mBpassengerContact, .mBpassengerBox.mBpassengerSpecialAssistance {
    padding: 20px;
  }
}

.mBpassengerBox__title {
  font-size: 20px;
  text-transform: uppercase;
  font-weight: lighter;
  color: #000000;
  margin-bottom: 25px;
}
@media only screen and (min-width: 641px) {
  .mBpassengerBox__title {
    font-size: 24px;
  }
}
.mBpassengerBox__title .highlight {
  font-weight: normal;
  font-size: 16px;
}
@media only screen and (max-width: 640px) {
  .mBpassengerBox__title .highlight {
    display: block;
    padding-top: 5px;
    padding-left: 15px;
  }
}
.mBpassengerBox__title .i-profile,
.mBpassengerBox__title .i-phone {
  font-size: 18px;
  display: inline-block;
  margin-right: 3px;
}

.mBpassengerData__list {
  clear: both;
}

.iMieiVoli__body .mBpassengerFlyght__list, .checkin__PageBody .mBpassengerFlyght__list {
  width: 100%;
  display: inline-block;
  vertical-align: middle;
  font-size: 16px;
}
@media only screen and (min-width: 801px) {
  .iMieiVoli__body .mBpassengerFlyght__list, .checkin__PageBody .mBpassengerFlyght__list {
    width: 85%;
  }
}

.mBpassengerData__item {
  padding-top: 25px;
  margin-bottom: 25px;
  border-top: 1px solid #b2b2b2;
}
.mBpassengerData__item:first-child {
  padding-top: 0;
  border-top: none;
}
.mBpassengerData__item .row:first-child {
  border-bottom: 1px dotted #e2e2e2;
  margin-bottom: 12px;
  padding-bottom: 12px;
}
.mBpassengerData__item .name {
  font-size: 18px;
  font-weight: bold;
  text-transform: uppercase;
  display: block;
  margin-bottom: 3px;
}
@media only screen and (min-width: 641px) {
  .mBpassengerData__item .name {
    margin-bottom: 0;
    display: inline-block;
    font-size: 20px;
    text-transform: uppercase;
  }
}
.mBpassengerData__item .numberLabel {
  font-size: 16px;
}
@media only screen and (min-width: 641px) {
  .mBpassengerData__item .numberLabel {
    font-size: 18px;
  }
}
.mBpassengerData__item .number {
  font-size: 18px;
  font-weight: bold;
  color: #3b7e06;
}
.mBpassengerData__item .codeLabel {
  text-transform: uppercase;
  font-weight: bold;
}
.mBpassengerData__item .code {
  color: #3b7e06;
  font-weight: bold;
}

.mBpassengerData__accordion, .mBpassengerFlyght__accordion {
  margin-top: 15px;
}
.mBpassengerData__accordion .accordion, .mBpassengerFlyght__accordion .accordion {
  background: #e6ede4;
  border: 1px solid #c5c5c5;
}
.mBpassengerData__accordion .accordion__header a, .mBpassengerFlyght__accordion .accordion__header a {
  font-weight: bold;
  color: #000000;
}
@media only screen and (max-width: 640px) {
  .mBpassengerData__accordion .accordion__header a, .mBpassengerFlyght__accordion .accordion__header a {
    font-size: 14px;
  }
}

.mBpassengerFlyght__item {
  padding-bottom: 5px;
  margin-bottom: 25px;
}
@media only screen and (min-width: 801px) {
  .mBpassengerFlyght__item {
    padding-bottom: 0;
    border-bottom: none;
  }
}
.mBpassengerFlyght__item .row {
  margin-bottom: 0;
  *zoom: 1;
  font-size: 0;
}
.mBpassengerFlyght__item .row:before, .mBpassengerFlyght__item .row:after {
  content: " ";
  display: table;
}
.mBpassengerFlyght__item .row:after {
  clear: both;
}
@media only screen and (min-width: 801px) {
  .mBpassengerFlyght__item .row {
    margin-bottom: 15px;
  }
}
.mBpassengerFlyght__item .col1,
.mBpassengerFlyght__item .col2 {
  display: inline-block;
  vertical-align: middle;
}
.mBpassengerFlyght__item .flight {
  text-transform: uppercase;
  color: #000000;
  font-size: 20px;
}
@media only screen and (max-width: 640px) {
  .mBpassengerFlyght__item .flight {
    margin-bottom: 20px;
    font-size: 18px;
  }
}
.mBpassengerFlyght__item .flight .i-departure {
  display: inline-block;
  vertical-align: middle;
  font-size: 22px;
}
.mBpassengerFlyght__item .flight .i-departure.mirror {
  -webkit-transform: scaleX(-1);
      -ms-transform: scaleX(-1);
          transform: scaleX(-1);
}
.mBpassengerFlyght__item .first,
.mBpassengerFlyght__item .second,
.mBpassengerFlyght__item .third,
.mBpassengerFlyght__item .fourth,
.mBpassengerFlyght__item .fifth {
  display: inline-block;
  vertical-align: middle;
  text-align: left;
  margin-bottom: 15px;
  font-size: 16px;
}
.mBpassengerFlyght__item .first,
.mBpassengerFlyght__item .second {
  width: 50%;
}
@media only screen and (min-width: 641px) {
  .mBpassengerFlyght__item .first,
  .mBpassengerFlyght__item .second {
    width: 15%;
  }
  .iMieiVoli__body .mBpassengerFlyght__item .first, .checkin__PageBody .mBpassengerFlyght__item .first, .iMieiVoli__body
  .mBpassengerFlyght__item .second, .checkin__PageBody
  .mBpassengerFlyght__item .second {
    width: 20%;
  }
}
.mBpassengerFlyght__item .third,
.mBpassengerFlyght__item .fourth {
  width: 100%;
}
@media only screen and (min-width: 641px) {
  .mBpassengerFlyght__item .third,
  .mBpassengerFlyght__item .fourth {
    width: 25%;
  }
  .checkin__PageBody .mBpassengerFlyght__item .third, .checkin__PageBody
  .mBpassengerFlyght__item .fourth {
    width: 30%;
  }
}
.mBpassengerFlyght__item .fifth {
  width: 100%;
}
@media only screen and (min-width: 641px) {
  .mBpassengerFlyght__item .fifth {
    width: 20%;
  }
}
.mBpassengerFlyght__item .flightNumber {
  display: block;
  color: #3b7e06;
  font-weight: bold;
  font-size: 20px;
}
.mBpassengerFlyght__item .flightClass {
  text-transform: uppercase;
  font-size: 16px;
}
.mBpassengerFlyght__item .flightNumber {
  font-weight: bold;
  text-transform: uppercase;
}
.mBpassengerFlyght__item .status {
  color: #b2b2b2;
  text-transform: uppercase;
  font-weight: bold;
  white-space: nowrap;
}
.mBpassengerFlyght__item .status.active {
  color: #3b7e06;
}
.mBpassengerFlyght__item .mounth,
.mBpassengerFlyght__item .city {
  font-weight: bold;
  text-transform: uppercase;
  line-height: 1;
  font-size: 12px;
}
@media only screen and (min-width: 641px) {
  .mBpassengerFlyght__item .mounth,
  .mBpassengerFlyght__item .city {
    font-size: 14px;
    line-height: 1.1;
  }
}
@media only screen and (min-width: 801px) {
  .mBpassengerFlyght__item .mounth,
  .mBpassengerFlyght__item .city {
    font-size: 16px;
    line-height: 1.2;
  }
}
.mBpassengerFlyght__item .city {
  display: inline;
}
.mBpassengerFlyght__item .city > :first-child {
  display: block;
}
.mBpassengerFlyght__item .year {
  line-height: 1;
  font-size: 12px;
  display: block;
}
@media only screen and (min-width: 641px) {
  .mBpassengerFlyght__item .year {
    font-size: 16px;
    line-height: 1.2;
  }
}
.mBpassengerFlyght__item .day,
.mBpassengerFlyght__item .hours {
  font-size: 30px;
  font-weight: lighter;
}
@media only screen and (min-width: 801px) {
  .mBpassengerFlyght__item .day,
  .mBpassengerFlyght__item .hours {
    font-size: 35px;
  }
}
@media only screen and (min-width: 1024px) {
  .mBpassengerFlyght__item .day,
  .mBpassengerFlyght__item .hours {
    font-size: 38px;
  }
}
.mBpassengerFlyght__item .iata {
  color: #3b7e06;
  font-weight: bold;
}
.mBpassengerFlyght__item .terminal {
  text-transform: uppercase;
  line-height: 1;
  font-size: 12px;
}
@media only screen and (min-width: 641px) {
  .mBpassengerFlyght__item .terminal {
    font-size: 14px;
    line-height: 1.1;
  }
}

@media only screen and (min-width: 900px) {
  .fiveColTwoCol.bookingTable {
    width: 100%!important;
  }
  .fiveColTwoCol .bookingTable__col.economyLight,
  .fiveColTwoCol .bookingTable__col.economyClassic,
  .fiveColTwoCol .bookingTable__col.economySemiFlex,
  .fiveColTwoCol .bookingTable__col.economyFlex,
  .fiveColTwoCol .bookingTable__col.premiumEconomy,
  .fiveColTwoCol .bookingTable__col.economyPromo {
    width: 18.4%;
    padding: 0 12px;
  }
  .fiveColTwoCol .bookingTable__header.isFixed {
    max-width: 1320px;
  }
  .fiveColTwoCol .bookingFlightDetails__listScale .row{
    padding: 0!important;
  }
  .fiveColTwoCol .bookingTable__left{
    width: 35%;
  }
  .fiveColTwoCol .bookingTable__right{
    width: 65%;
  }

  .content-all-73.isFixed{
    max-width:100%!important;
  }
}

@media only screen and (min-width: 1679px) {
  .fiveColTwoCol.bookingTable {
    width: 100%!important;
  }
  .fiveColTwoCol .bookingTable__col.economyLight,
  .fiveColTwoCol .bookingTable__col.economyClassic,
  .fiveColTwoCol .bookingTable__col.economySemiFlex,
  .fiveColTwoCol .bookingTable__col.economyFlex,
  .fiveColTwoCol .bookingTable__col.premiumEconomy,
  .fiveColTwoCol .bookingTable__col.economyPromo {
    width: 18.4%;
    padding: 0 12px;
  }

  .fiveColTwoCol .bookingFlightDetails__listScale .row{
    padding: 0!important;
  }
  .fiveColTwoCol .bookingTable__left{
    width: 35%;
  }
  .fiveColTwoCol .bookingTable__right{
    width: 65%;
  }

  .content-all-73.isFixed{
    max-width:80%!important;
  }
}

@media (min-width: 1023px) and (max-width: 1365px) {
  .fiveColTwoCol .bookingTable__icons {
    font-size: 15px;
  }

  .fiveColTwoCol .i-infoCircle {
    font-size: 18px!important;
  }

  .fiveColTwoCol .bookingTable__col.economyLight,
  .fiveColTwoCol .bookingTable__col.economyClassic,
  .fiveColTwoCol .bookingTable__col.economySemiFlex,
  .fiveColTwoCol .bookingTable__col.economyFlex,
  .fiveColTwoCol .bookingTable__col.premiumEconomy,
  .fiveColTwoCol .bookingTable__col.economyPromo {
    width: 18.4%;
    padding: 0 7px;
  }
}

@media (min-width: 1023px) and (max-width: 1366px) {
  .fiveColTwoCol .bookingTable__header.isFixed {
			max-width: 1120px;
		}
}