ul li {
    margin: 7px 0
}


.promoLandPage .hero {
    background: url(/css/../img/cover/promotions.jpg) no-repeat center center;
    background-size: cover;
    padding: 67px 40px 0;
    vertical-align: middle
}

.promoLandPage .noForm.hero {
    padding-top: 0;
    height: 340px
}

.promoLandPage .descWrap {
    vertical-align: middle;
    color: #fff;
    position: relative
}

.promoLandPage .descWrap .title {
    font-size: 34px;
    font-weight: 300;
    margin: 0 0 30px
}

.promoLandPage .noForm .descWrap .title {
    margin: 0
}

.promoLandPage .subscribeForm {
    border-left: 1px solid #a4a4a4;
    margin-top: 67px;
    padding: 25px 20px 35px 45px;
    width: 400px;
    color: #fff;
    position: relative
}

.promoLandPage .subscribeForm h3 {
    font-size: 24px;
    font-weight: 400
}

.promoLandPage .subscribeForm .info {
    font-size: 11px;
    font-weight: 400;
    color: #d5d5d5;
    max-width: 95%;
    margin: 0 0 5px
}

.promoLandPage .subscribeForm form {
    margin: 25px 0 0
}

.promoLandPage .subscribeForm .actionRow {
    margin-top: 45px
}

.promoLandPage .subscribeForm .btn {
    font-size: 14px;
    font-weight: 400
}

.promoLandPage .divider {
    padding: 45px 0 35px
}

.promoLandPage .divider .textWrap {
    font-size: 14px;
    font-weight: 400;
    margin-top: -11px;
    padding: 0 15px
}

.promoLandPage .divider .text {
    padding: 0 15px;
    background: #f5f5f5
}

 
.promoSection {
    overflow: hidden
}

.promoSection .bg {
    background: url(/css/../img/homepage/bookmycharters-promo-bg.jpg) no-repeat right center;
    background-size: cover;
    height: 150%;
    width: 100%;
    left: 0;
    top: 0
}

.promoSection .promInfo h2 {
    font-size: 17px;
    line-height: 1.4;
    margin: 7px 0 0
}

.promoSection .promInfo p {
    font-size: 16px;
    font-weight: 300;
    line-height: 1.4;
    margin: 7px 0 0
}

.promoSection .promDescWrap {
    color: #000;
    margin: -90px 0 0;
    padding: 0 20px 20px;
    z-index: 2
}

.promoSection .promDescWrapCont {
    background-color: #fff;
    box-shadow: 0 3px 10px rgba(0,0,0,.15);
    padding: 20px 25px 40px
}

.promoSliderWrap,.promoSubscribeWrap {
    max-width: 730px;
    margin: 0 auto
}

.promoSubscribeWrap {
    margin-top: 10px;
    margin-bottom: 30px
}

.promoSlider {
    padding: 0 47px
}

.promoSlider .owl-item {
    padding: 0 15px
}

.promoSlider .promoList {
    max-height: inherit
}

.promoSlider .promoList .location .aircraft {
    margin-right: 0;
    margin-left: 0
}

.promoSlider .promoList .overlay {
    background: -moz-linear-gradient(left,rgba(0,0,0,.75) 0%,rgba(0,0,0,0) 50%,rgba(0,0,0,.75) 100%);
    background: -webkit-linear-gradient(left,rgba(0,0,0,.75) 0%,rgba(0,0,0,0) 50%,rgba(0,0,0,.75) 100%);
    background: linear-gradient(to right,rgba(0,0,0,.75) 0%,rgba(0,0,0,0) 50%,rgba(0,0,0,.75) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#bf000000',endColorstr='#bf000000',GradientType=1);
    display: block;
    height: 100%;
    opacity: .25;
    width: 100%;
    z-index: 1
}

.promoSection .owl-item .imgCont {
    box-shadow: 0 3px 10px rgba(0,0,0,.15)
}

.promoSlider .promoList .actionLinks {
    bottom: -15px;
    left: 0;
    right: 0
}

.promoSlider .promoList .actionLinks .btn {
    padding: 7px 20px;
    margin: 0 auto;
    max-width: 150px
}

.promoSection .promoSubscribe .input-group {
    background-color: #fff;
    max-width: 350px
}

.promoSection .promoSubscribe .btn {
    max-width: 140px
}

.promoSection .promoList .btn.disabled {
    opacity: 1
}

.promoSlider .owl-prev,.promoSlider .owl-next {
    background-color: #fff;
    width: 62px;
    height: 148px;
    overflow: hidden;
    position: absolute;
    top: 40%;
    margin: -74px 0 0
}

.promoSlider .owl-prev {
    left: 0
}

.promoSlider .owl-next {
    right: 0
}

.promoSlider .owl-nav img {
    position: absolute;
    left: 50%;
    margin-left: -100px;
    max-width: inherit;
    max-height: 100%
}

.promoSlider .owl-nav .overlay {
    position: absolute;
    width: 100%;
    height: 100%;
    background: rgba(0,0,0,.4);
    z-index: 1
}

.promoSlider .owl-prev .icon,.promoSlider .owl-next .icon {
    width: 20px;
    height: 17px;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
    z-index: 2
}

.promoSlider .owl-prev .previcon {
    background-position: -15px -558px
}

.promoSlider .owl-next .nextIcon {
    background-position: -45px -559px
}

.promoSlider .owl-dots {
    position: absolute;
    bottom: 110px;
    padding: 0 10px;
    white-space: nowrap;
    width: 100%;
    text-align: center
}


.promotions .promoListWrap {
    background: #fff;
    display: inline-block;
    vertical-align: middle;
    width: 70%;
    max-width: 900px;
    margin: 0 0 0 -30px
}

.promoList li {
    background: #fff;
    padding: 15px;
    border: 1px solid #dce0e0;
    margin: 7px 0
}

.promoList .imgWrap {
    max-width: 176px
}

.promoList .contWrap {
    margin: 0 0 0 195px;
    color: #777
}

.promoList h3 {
    font-size: 14px
}

.promoList h3 a {
    color: #196cdc;
    text-decoration: none
}

.promoList .link {
    left: 0;
    width: 100%;
    top: 0;
    height: 100%;
    z-index: 3
}

.promoList .location {
    font-size: 14px;
    color: #c5c5c5;
    font-weight: 500;
    margin: 10px 0
}

.promoList .location .key {
    font-size: 85%
}

.promoList .location .value {
    color: #000;
    font-size: 18px;
    line-height: 1.2
}

.promoList .location .aircraft {
    background-position: -13px -53px;
    margin: 19px 25px 0;
    width: 74px;
    height: 14px
}

.promoList .airInfo {
    font-size: 12px;
    font-weight: 300
}

.promoList .airInfo .col {
    padding: 2px 22px;
    border-right: 1px solid #e8e8e8
}

.promoList .airInfo .col:first-child {
    padding-left: 0
}

.promoList .airInfo .col:last-child {
    border-right: none
}

.promoList .airInfo .icon {
    width: 20px;
    height: 21px;
    margin: -2px 5px 0 0
}

.promoList .airInfo .dateIcon {
    background-position: -438px -13px
}

.promoList .airInfo .clockIcon {
    background-position: -465px -13px
}

.promoList .airInfo .seatIcon {
    background-position: -491px -13px
}

.promoList .promoPrice {
    font-size: 18px;
    font-weight: 300;
    padding: 10px 0 0;
    color: #000
}

.promoList .promoPrice .newPrice {
    white-space: nowrap
}

.promoList .promoPrice .newPrice small {
    font-size: 11px
}

.promoList .promoPrice .prevPrice {
    font-size: 12px;
    color: #777;
    text-decoration: line-through
}

.promoList .promoPrice .btn {
    font-size: 12px;
    padding: 7px 13px
}

.promoLandPage .promoList {
    padding: 15px 10%;
    max-height: inherit;
    display: block;
    margin: 0 auto
}