html, body {

  font-family: 'Montserrat', 'Helvetica', sans-serif;

  margin: 0;

  padding: 0;

  min-height: 100%;

}

a { display: inline-block; }

h1,h2,h3,h4 { font-family: 'Montserrat',sans-serif;}

header { border-bottom: 1px #eee solid; height: 96px;font-family: 'Montserrat',sans-serif; }

.header { padding:0 8px; position: fixed; width: 100%; background-color: #000; z-index: 1000; box-shadow: 0 2px 4px rgba(0,0,0,0.2);}

header .logo { display: block; max-width: 80px; padding: 8px;}

header .logo-text { color: red; font-size: 1.1em; font-family: 'Exo', sans-serif; font-weight: 600; text-transform: uppercase; display: inline-block; padding-left: 8px;}

header .logo-text small { border-top: 1px #666 solid; color: silver; display: block;font-family: 'Montserrat',sans-serif; font-size: 0.5em; font-weight: normal; letter-spacing: 4px; margin-top: 4px; padding-top: 6px;}

.header.isScrolled .nav-wrapper { height: 72px; }

.header.isScrolled nav { padding-bottom: 4px; }

.header.isScrolled .logo { max-width: 72px;}

.nav-wrapper { height: 96px;}

.nav-wrapper .top-icons { text-align: right; }

.nav-wrapper .top-icons a { background-color: red; color: #fff; display: inline-block; padding: 8px; margin: 0; }

nav { padding-bottom: 0; }

nav > ul {display: -webkit-flex; display: flex;}

nav > ul li { position: relative; }

nav > ul ul { position: absolute; margin: 0; padding: 0; width: 100%; background-color: red; display: none;}

nav > ul ul a { color: #fff; padding: 12px 16px; width: 100%}

nav > ul ul a:hover { background-color: #000; color: #fff;}

nav a { display: inline-block; color: silver; text-transform: uppercase; font-size: 0.8em; padding: 15px 10px;}

nav a:hover { color: red;}

nav > ul > li:hover ul { display: block;}

.menu-button {height: 20px;right: 12px;z-index: 100; margin: 6px; display:none; }

.menu-button span,.menu-button span:after, .menu-button span:before{-webkit-border-radius: 4px;border-radius: 4px;width: 28px;height: 2px;background-color: #fff;}

.menu-button span {display: inline-block;margin:0; vertical-align: top;}

.menu-button span:after, .menu-button span:before {content: "";display: block;width: 28px;margin: 6px 0;transform-origin: 50%;-webkit-transition: all 1s cubic-bezier(.25, .8, .25, 1);transition: all 1s cubic-bezier(.25, .8, .25, 1)}

.menu-button span:before {margin-top: 9px}

.menu-button.isActive span {background-color: transparent;}

.menu-button.isActive span:after {height: 2px;transform: rotate(45deg) translate(-4px, -10px)}

.menu-button.isActive span:before {height: 2px;transform: rotate(-45deg) translate(4px, 1px)}



.thirty-years { max-height: 96px; padding: 8px; }

.thirty-years img { height: 100%; max-height: 80px; }

.header.isScrolled .thirty-years img { height: 100%; max-height: 56px; }



.banner-wrapper { position: relative; }

.banner-wrapper img { width: 100%;}

.banner a { display: block; width: 100%; }



.h1 {color: #0d5da3; font-size: 2em; margin-bottom: 24px; }

.h2 {color: #0d5da3; font-size: 1.8em; margin-bottom: 24px; }

.h3 {color: red; font-weight: bold; font-size: 1.5em; margin-bottom: 16px; }

.h4 {color: red; font-weight: bold; font-size: 1.2em; margin-bottom: 16px; margin-top: 16px; }

p { font-weight: 300; line-height: 1.5em;}

.text-list { font-weight: 300; line-height: 1.5em;}

.text-list li { margin-bottom: 4px;}

#inner p { margin-bottom: 24px; text-align: justify;}

.va-img { max-width: 300px;}

section { padding: 48px 24px; }



#bannerBottomSearch { min-height: 44px;}
#bannerBottomSearch label { display: block; color: #999; padding-left: 8px; margin: 0; padding-top: 2px; text-transform: uppercase; }

#bannerBottomSearch select { height: 56px; display: block; width: 90%; padding:0 16px; line-height: 56px; background-color: #222; border: none; outline: none; color: #fff; text-transform: uppercase; font-size: 1.1em; font-family: 'Montserrat', sans-serif;}


#bannerBottomSearch aside { background-color: black; padding: 8px; border-right:1px rgba(255,255,255,0.3) solid;  }

#bannerBottomSearch aside:last-child { background-color: red; border: none; padding: 0; }

#bannerBottomSearch aside button { display: block; font-family: 'Montserrat', sans-serif; background-color: #e90000; width: 100%; height: 100%; border: none; outline: none; color: #fff; text-align: center; cursor: pointer;text-transform: uppercase; font-size: 1.1em;}

#bannerBottomSearch aside button:hover {filter: brightness(1.4);}



.box-link { background-color: red; font-family: 'Montserrat', sans-serif; color: #fff; padding: 16px 32px; border-radius: 2px; text-transform: uppercase; font-size: 0.9em; border: none; outline: none; cursor: pointer;}

.box-link:hover { box-shadow: 0 2px 4px rgba(0,0,0,0.3); filter: brightness(1.2);}



#Products {}

#Products .card,#similarProducts .card { 
    margin: 16px; box-shadow: 0 0 1px rgba(0,0,0,0.3);
    height: calc(100% - 16px);
    display: flex;
    flex-direction: column;
    }

#Products .card .img { height: 200px; min-height: 200px; overflow: hidden; position: relative;}

#Products .card .img:hover img { filter: brightness(1.2); }

.card .img span { background-color: #e90000; display: block; color: #fff; font-size: 12px; padding: 4px 8px; position: absolute; right: 0; top: 0;}

#Products .card h3 ,#similarProducts .card h3 { padding: 16px; text-align: center;
flex: 1 1 auto;
line-height: 1.45;

}

#Products .card .link-bar a,#similarProducts .card .link-bar a { display: block; color: white; background-color: silver; width: 100%; line-height: 44px; text-align: center; text-transform: uppercase; font-size: 0.8em; }

#Products .card .link-bar a:last-child { background-color: #e90000; }

#Products .card .link-bar a:hover { box-shadow: 0 2px 4px rgba(0,0,0,0.3); filter: brightness(1.2);}

#Products .card .link-bar a.price{  color: #333;font-size: 0.7em; }

.h3 span { color: #333; font-size: 0.85em; font-weight: normal; }

.h3.detail_h3 { margin-bottom: 4px;}

.status span { color: #fff; display: inline-block; font-size: 11px; margin-bottom: 16px; padding: 4px 8px; text-transform: uppercase; }



#similarProducts { background-color: #eee; padding: 24px 0; margin-top: 48px; }

#similarProducts .h3 { color: #000; margin: 0; padding:0 24px;  }

#similarProducts .card { background-color: #fff; }

#similarProducts .card h3 { padding: 12px 16px;}

#similarProducts .card .link-bar a { line-height: 30px; }

#similarProducts .card .link-bar a:last-child { background-color: #e90000; }



.card_img {

  background-color: #f0f0f0;

  display: block;

  position: relative;

  margin-bottom: 8px;

  height: 400px;

  line-height: 400px;

  text-align: center;

}

.card_img img { max-height: 400px; vertical-align: middle;}

.imageWrap .slider { margin-top: 16px; }

.imageWrap .slider a { display: block; max-width: 64px; max-height: 48px; margin: 0 8px 0 0 }





#AllData .card { background-color: #eee; padding: 24px; margin-bottom: 24px;}

#AllData .card li { line-height: 1.5em;}

#AllData .card span { display: block; width: 160px; font-weight: 600;}

#AllData .card.detail span { display: inline-block; width: auto; font-weight: 400; margin-right: 2px; font-size: 0.95em; opacity: 0.9; line-height: 1.6em;}

#AllData .card.detail span:after { content: ","; display: inline-block; margin-right: 4px; }

#AllData .card.detail span:last-child:after { display: none; }

#AllData .card {}



.bg-red { background-color: red; padding: 64px 24px; text-align: center; color: white; }

.bg-red i { font-size: 48px; }

.bg-black { background-color: black; text-align: center; color: #fff; }

.bg-black h3 { font-size: 2.5em; margin-bottom: 24px; }

.bg-black i { display: block; margin: auto; max-width: 96px; }



#homeTiles .video { height: 50%; }

#homeTiles .card { position: relative; }

#homeTiles .card h3 { position: absolute; bottom: 0; left: 0; width: 100%; text-align: center; color: #fff; background-color: #0d5da3; padding: 8px 0 }

#homeTiles .card.lg h3 { bottom: inherit; top: 16px; left: 16px; width: auto; padding: 8px 16px;  }



#homePackages {}

#homePackages .card { margin-right: 24px; }

#homePackages .card img { vertical-align: top; }

#homePackages .card h3 { background-color: #0D47A1; color: #fff; padding: 8px; text-align: center; }

#homePackages .card .card-actions { padding: 8px 0; font-family: 'Montserrat', serif; font-size: 0.9em; }

#homePackages .card .card-actions a { color: #0d5da3; font-weight: bold; }



#homeOffers { background-color: #044379; padding: 24px;}

#homeOffers .h2 { color: #fff; }

#homeOffers a { display: block; }

#homeOffers img { width: 100%; }



.share-btn { color: #fff; display: inline-block; margin: 8px 4px 0 0; padding: 12px 16px; font-size: 12px; }

.share-btn.fb {

  background-color: #0D47A1;

}

.share-btn.tw {

  background-color: #1ab7ea;

}

/*#inner { padding-top: 0px;}*/

#inner .product-list { border: 1px #eee solid;}

#inner .product-list li { line-height: 36px; padding:0 8px; font-size: 0.9em; }

#inner .product-list li:nth-child(even) { background-color: #f8f8f8; }

#inner #imgGal img { width: 100%; }

.description { background-color: #f6f6f6; border: 1px #eee solid; margin: 16px 0 8px; padding: 8px; }

#inner .description p { font-size: 0.9em; font-weight: normal; margin-bottom: 0; text-align: left; }

#inner .description ul { list-style: disc; margin: 8px 0; padding-left: 24px; }



.preorder { background: url("../images/bg.jpg") fixed; background-size: cover;}

.multi-step-body { background-color: rgba(255,255,255,0.6); padding: 16px;}



.about-img { position: relative; padding: 24px;}

.about-img:after { content: ""; display: block; position: absolute; right: 0; top: 0; z-index: -1; background-color: #0e5895; width: 50%; height: 100%;}



.form-wrapper h4 { margin-bottom: 16px;}

.input-container { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex;margin: 0em 12px 24px; font-family: 'Montserrat', sans-serif; }

.input-container input,.input-container textarea,.input-container select { font-family: 'Montserrat', sans-serif; border:none; outline: none; display: block; width: 100%; background-color: transparent; height: 38px; font-size: 1em; font-weight: 300; }

.input-container select  { font-size:16px; }

.input-container textarea,.form-wrapper .input.textarea { height:auto; min-height:96px; }

.input-container .input,.select {border: 1px #d9d9d9 solid; background-color: #ffffff; color:#a0a0a0; padding:0 8px; outline: none; height: 40px; line-height: 40px; width: 100%;}

.input-container .button { font-family: 'Montserrat', sans-serif; background-color: #E53935; border: none; outline: none; height: 40px; line-height: 40px; text-transform:uppercase; text-align: center; color: #ffffff; font-weight: 800; padding: 0px 24px; cursor: pointer; border-radius: 2px; box-shadow: 0px 2px 4px rgba(0,0,0,0.3);  }

.input-container .button:nth-of-type(2) { margin-left: 16px; background-color: silver; }

.input-container .button:hover { background-color: red;}

.input-container .button:nth-child(even):hover { background-color: #adadad;}

.input-container input[type="radio"],.input-container input[type="checkbox"] { width:auto; height:auto; line-height:inherit; display:inline-block; }

.input-container label,.checkbox-wrapper label { min-width: 160px; padding:12px 8px; font-size: 0.9em;}

.input-container label i { color:#FF0E12; }

.input-container .input i { line-height: 36px; padding: 0 8px;}

.checkbox-wrapper { margin: 16px;}

.checkbox-wrapper .checkbox { margin:0 0px 16px 0px;}

.checkbox-wrapper label { display: block;}

.checkbox-wrapper .checkbox label { display: inline-block; padding: 0; margin:0 16px 0 0; color: rgb(21,101,192);}



#contact .address { }

#contact .address h4 { font-size: 1.3em; margin-bottom: 16px;}

#contact .address h5 { font-weight: 600; margin-bottom: 16px; color: #03a9f4;}

#contact .address p { font-weight: 400; margin-bottom: 8px; font-size: 0.9em; line-height: 1.3em;}

#contact .address p.red-text { margin-top: 16px; color: red;}

#contact .address p span { display: inline-block; width: 100px; }

#contact .address .span { display: block; margin-top: 24px; font-size: 0.85em; line-height: 1.3em; color: #999;}

#contact .address p span.block { color: red; display: block; margin-bottom: 2px; width: 100%;}

#map,ng-map { height: 100%;}





.right-pane { background-color: #e90000; }

.right-pane p,.right-pane h3 { color: #fff;}

.right-pane .content-divider { background-color: rgba(255,255,255,0.5); }



.radio { position: relative; margin-top: 8px; }

input[type="radio"] {

  position: absolute;

  opacity: 0;

}

input[type="radio"] + label span {display: inline-block;width: 32px;height: 32px;margin: -1px 4px 0 0;vertical-align: middle;cursor: pointer;-moz-border-radius: 50%;border-radius: 50%; border: 3px #fff solid; box-shadow: 0 0 4px rgba(0,0,0,0.3); margin-bottom: 8px; }



.radio:nth-of-type(1) input[type="radio"] + label span {background-color: black;}

.radio:nth-of-type(2) input[type="radio"] + label span {background-color: darkblue;}

.radio:nth-of-type(3) input[type="radio"] + label span {background-color: brown;}

.radio:nth-of-type(4) input[type="radio"] + label span {background-color: green;}

.radio:nth-of-type(5) input[type="radio"] + label span {background-color: grey;}

.radio:nth-of-type(6) input[type="radio"] + label span {background-color: red;}

.radio:nth-of-type(7) input[type="radio"] + label span {background-color: silver;}

.radio:nth-of-type(8) input[type="radio"] + label span {background-color: white;}

.radio:nth-of-type(9) input[type="radio"] + label span {background-color: yellow;}



input[type="radio"]:checked + label span {

  border-color: greenyellow;

}



input[type="radio"] + label span,

input[type="radio"]:checked + label span {

  -webkit-transition: background-color 0.4s linear;

  -o-transition: background-color 0.4s linear;

  -moz-transition: background-color 0.4s linear;

  transition: background-color 0.4s linear;

}





.multi-step-nav { margin: 24px 0; display: block; background-color: #eee; font-family: 'Montserrat', sans-serif; }

.multi-step-nav a { padding: 12px 16px; cursor: pointer;}

.multi-step-nav a:hover,.multi-step-nav a.active { background-color: #e90000; color: #fff; }

.multi-step-nav a i { margin-right: 8px; }

.sliding-steps main,

.sliding-steps main .well {

  min-height: 500px;

  margin: 0;

}

.sliding-steps main {

  position: relative;

  margin-bottom: 1rem;

  overflow: hidden;

}



.sliding-steps main .well {

  position: absolute;

  width: 100%;

  height: 100%;

}



.sliding-steps .form-step.ng-enter, .sliding-steps .form-step.ng-leave {

  -webkit-transition: transform .5s ease-in-out;

  transition: transform .5s ease-in-out;

}

.sliding-steps .step-forward .form-step.ng-enter {

  transform: translateX(100%);

}

.sliding-steps .step-forward .form-step.ng-enter.ng-enter-active {

  transform: translateX(0);

}

.sliding-steps .step-forward .form-step.ng-leave {

  /*transform: translateX(100%);*/

}

.sliding-steps .step-forward .form-step.ng-leave.ng-leave-active {

  transform: translateX(-100%);

}



.sliding-steps .step-backward .form-step.ng-enter {

  transform: translateX(-100%);

}

.sliding-steps .step-backward .form-step.ng-enter.ng-enter-active {

  transform: translateX(0);

}

.sliding-steps .step-backward .form-step.ng-leave {

  /*transform: translateX(100%);*/

}

.sliding-steps .step-backward .form-step.ng-leave.ng-leave-active {

  transform: translateX(100%);

}



footer { background-color: #011b34; color: #fff; padding: 48px 24px 24px; }

footer h4 { margin-bottom: 8px; }

footer ul { padding: 0; }

footer li { font-size: 0.9em; line-height: 1.5em; margin: 0 8px; text-transform: uppercase; font-family: 'Montserrat', sans-serif;}

footer a { color: #fff; }

footer .address { font-size: 0.85em; }

footer .address li { margin-bottom: 4px;}

footer .address li i { width: 16px; margin-right: 4px;}

footer .footer-btm { font-size: 0.8em; opacity: 0.8; padding-top: 16px; font-weight: 300; border-top: 1px rgba(255,255,255,0.2) solid; margin-top: 16px;}



@media screen and (max-width: 1024px) {
  nav a { display: block; text-align: center; padding: 15px 8px; font-size: .7em;}
  .thirty-years { max-height: 72px; height: 72px }
  .thirty-years  img { height: 100%; }
}
@media screen and (max-width: 768px) {

  .menu-button { display: block;}

  .header { padding-bottom: 0; box-shadow: 0 0 4px rgba(0,0,0,0.15); }

  .home-icons-area aside { border: none;}

  header .logo { max-width: 130px; }

  nav { position: fixed; height: 100%; width: 100%; top: -100%; right: 0; background-color: rgba(0, 0, 0, 1); padding: 56px 0 24px; z-index: 9;}
  nav,nav > ul {
    -webkit-align-items: center;
    align-items: center;
    -webkit-flex-direction: column;
    flex-direction: column;
    -webkit-justify-content: center;
    justify-content: center;
  }
  nav > ul ul {
      position:relative;
  }
  nav a { display: block; text-align: center; line-height: 44px; padding: 0; font-size: 1.2em;}

  nav.isActive { top: 64px;}

  footer .footer-btm span { margin-bottom: 8px;}

}

@media screen and (max-width: 480px) {
  header { height: 64px;}
  header .logo-text { font-size: 1em; }
  header .logo { max-width: 64px;}
  .h1 { font-size: 1.6em;}
  .nav-wrapper,
  .header.isScrolled .nav-wrapper{ height: auto}
  .nav-wrapper .top-icons { text-align: center; margin-top: 24px;}
  .nav-wrapper .top-icons a { width: 48px;}



  #homePackages img { width: 100%;}

  #homePackages .card { margin-right: 0; margin-bottom: 24px;}

  #destinations .card img { min-width: inherit; width: 100%; }
  .bg-black { display: block; padding-bottom: 24px; }
  .bg-black h3 { font-size: 1.2em;}
  .input-container { display: block;}
  .input-container label { display: block;  margin: 0 0 8px; padding: 0}
  .input-container .color-set label { display: inline; margin: 0 4px 8px; padding: 0}
  #Products .card .img a { display: block;}
  #Products .card .img img { width: 100%; }

}