body{
}
/***********************Start UpperBar *******************************/
.upperbar{
    background-color: #000;
    color: #fff;
    padding: 5px 0px;
}
.upperbar .info i{
    padding: 0px 10px
}
.upperbar .info .fa-facebook:hover{
    color: #3b5999
}
.upperbar .info .fa-twitter:hover{
    color: #55acee
}
.upperbar .info .fa-youtube:hover{
    color: #cd201f
}
.upperbar .info .fa-instagram:hover{
    color: #e4405f
}
.upperbar .info .fa-google-plus:hover{
    color: #dd4b39
}
.upperbar .info a{
color: #fff
}
/***********************End UpperBar *******************************/
/***********************Start  Header *******************************/
.header{
    background: url("../images/airliner-jet-traveler.jpg") no-repeat;
    background-size: cover;
    height: 100vh
}
.header .navbar{
    padding-top: 50px
}
@media(max-width : 992px){
    .header .navbar{
        padding-top: 100px
    } 
}
.header .navbar-light .navbar-nav .nav-link{
    color: #FFF;
    font-weight: bold;
}
.header .navbar-light .navbar-nav .nav-link:hover{
    color: #e83464
}
.header .navbar-brand span:first-child{
    font-weight: bold;
    color: #FFF;
    font-size: 25px;
}
.header .navbar-brand span:last-child{
    color:#e83464;
    font-weight: bold
}
.header .info{
    text-align: center;
    padding-top: 200px;
    color: #e83464;
}
@media(max-width : 992px){
    .header .info{
        padding-top: 150px;
    } 
}
.header .info h1{
    border: 1px solid #FFF;
    padding: 11px 0;
}
@media(max-width : 992px){
    .header .info h1{
        font-size: 22px
    } 
}
/***********************End Header *******************************/
/*********************** Start about-us *******************************/
.about-us{
    margin-top: 50px;
}
.about-us .back{
    background-color: #000;
    color: #FFF
}
.about-us img{
    width: 100%;
}
.about-us .info{
    padding: 0
}
.about-us .info:last-child{
    color: #FFF;
    padding: 20px
}
.about-us h2{
    margin-bottom: 40px;
}
.about-us .read-more{
    background-color: #e83464;
    color: #FFF;
    font-size: 18px;
    font-weight: bold;
    text-transform: uppercase;
    padding: 7px 13px;
    display: inline-block;
    margin: 15px 25px;
    text-decoration: none
}
/*********************** End about-us   *******************************/
/*********************** Start Reservations   *******************************/
.reservation{
    margin-top: 50px;
    background-image: url('../images/woman-holding-map-on-street.jpg');
    background-size: cover;
    background-attachment: fixed;
    padding: 100px 0;
}
.reservation h2{
     margin-bottom: 40px;
}
.box {
    background-color: rgba(0, 0, 0, 0.5);
    padding:12px 53px 40px
}
.box ul{
    margin-left: 0;
    margin-right: 0
}

.box ul li{
    color: #FFF;
    font-weight: bold;
    font-size: 16px;
    margin-bottom: 10px
}
.box ul li.active {
  background-color: #e83464;
  cursor: pointer;
}

.box ul li:not(.active):hover {
  background-color: #e83464;
  cursor: pointer;
}

.box .insideBox:not(.active) {
  display: none
}

.box .insideBox {
  padding: 0px;
  text-align: center
}

.box .insideBox h2 {
  text-transform: uppercase;
  color: #333
}

.box .insideBox h2 span {
  color: #faac1f
}

.box .insideBox button.findBtn {
  display: block;
  width: 100%;
  background-color: #e83464;
  border: 1px solid #e83464;
  color: #FFF;
  font-weight: bold;
  font-family: 'Open Sans', Arial;
  margin-top: 20px;
  cursor: pointer;
  outline: 0;
  transition: all .2s linear;
  padding: 3px 0
}

.box .insideBox button.findBtn:hover {
  background-color: #FF2861
}
.box .hotels .search input[type=text],
.box .hotels .search select,
.box .flights .search input[type=text]{
    margin-bottom:15px;
}
.box .insideBox i {
    font-size: 22px;
    color: #fff;
    margin: 15px 10px 15px 0;
}
.box .hotels .search input[type=text],
.box .hotels .search select,
.box .vacation .search input[type=text],
.box .things .search input[type=text],
.box .rest .search input[type=text],
.box .flights .search input[type=text],
.box .flights .search select{
   outline: none;
   box-shadow: none;
   border: none
}
/*********************** End Reservations     *******************************/
/*********************** Start Top Destinations     *******************************/
.destination{
    margin-top: 50px;
}
.destination ul{
    margin-top: 30px
}
.destination ul li{
    border: 2px solid #000;
    color: #000;
    padding: 4px 10px;
    margin-left: 5px;
    margin-bottom: 5px;
    transition: all .3s ease-in-out;
    -webkit-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
}
.destination ul li.active,.destination ul li:hover{
    background-color: #e83464;
    border: 2px solid #e83464;
    color: #FFF;
}
.destination ul li:hover{
    cursor: pointer;
}
.destination .shuflle-images{
    margin-top: 40px
}
.destination .shuflle-images .row{
    margin: 0;
}
.destination .shuflle-images .row .col-sm {
    padding: 0;
    transition: all .5s ease-in-out;
    -webkit-transition: all .5s ease-in-out;
    -o-transition: all .5s ease-in-out;
    -moz-transition: all .5s ease-in-out;
}
.destination .row img{
    width: 100%;
    height: 100%
}
/*********************** End Top Destinations     *******************************/
/*********************** Start Special Offers     *******************************/
.offers{
    margin-top: 50px;
}
.offers .card{
    margin-top: 36px;
}
.offers .card .card-title{
    font-size: 18px;
    color: #08526d
}
.offers .card .text-muted{
    color: #ccced0!important;
    font-weight: normal;
}
.offers .card .card-text ul li{
    border: 1px solid #e83464;
    background-color:#e83464;
    padding: 4px 10px;
    color: #FFF;
    font-weight: bold;
    margin-left: 5px;
    margin-bottom: 5px;
    transition: all .3s ease-in-out;
    -webkit-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
}
.offers .card a{
    color:#e83464;
    font-weight: bold
}
/*********************** End Special Offers     *******************************/
/*********************** Start news             *******************************/
.news{
    margin-top: 50px;
    background-color: #e83464;
}
.news h2{
    margin-bottom: 20px;
    color: #FFF;
    padding-top: 10px
}
.news p,
.news h3{
    color: #FFF
}
@media(max-width : 768px){
    .news h3{
        font-size: 25px
    } 
}
.news .form-group input[type=email]{
    margin-bottom: 15px;
    outline: none;
    box-shadow: none;
    border: none
}
.news button{
    background-color: transparent;
    border: 1px solid #000;
    padding: 7px 29px;
    color: #FFF;
    cursor: pointer
}
.news button:hover{
    color:#FFF;
    border: 1px solid #000;
    background-color: #000;
    cursor: pointer
}
.news button i{
    margin-right: 8px;
    font-size: 19px;
}
/*********************** End news               *******************************/
/*********************** Start contact          *******************************/
.contact{
    margin-top: 50px;
    background-color: #000;
    background-size: cover;
    background-attachment: fixed;
    padding: 70px 0;
    color: #FFF
}
.contact h2{
    margin-bottom: 40px;
    color: #FFF;
}
.contact .info input,
.contact .info textarea{
    outline: none;
    box-shadow: none;
    border: none;
    margin-bottom: 20px;
    padding: 10px 0
}
.contact .info button{
    background-color: transparent;
    color: #FFF;
    padding: 7px 12px;
    border: 1px solid #FFF;
    font-weight: bold
}
.contact .info button:hover{
    border: 1px solid #e83464;
    color: #FFF;
    background-color: #e83464;
}
.contact .info button i{
    margin-right: 15px;
}
@media(max-width : 576px){
    .contact .info h3{
        font-size: 25px
    } 
}
.contact p{
    font-size: 14px
}
.contact i{
    margin-bottom: 10px;
    margin-right: 5px
}
/*********************** End contact            *******************************/
/*********************** End contact            *******************************/
.copy{
    background-color: #e83464;
    color: #FFF;
    padding: 20px 0;
    font-weight: bold
}
@media(max-width : 576px){
    .copy span{
        font-size: 13px
    } 
}
/*********************** End contact            *******************************/

/******************************************************
FirstColor: #000;
SecondColor : #FF2861 or #e83464
******************************************************/