/*

[ CSS Document ]

        Style Sheet Name: styles.css
        Website: Travel
        Author: Jimmyweb Web Design
        Author URL: www.jimmyweb.net
        Version: 1.0
        Date: 22/04/2013

[ Table Of Contents ]

        1- Global Structure
        2- Global Typography
        3- Header
        4- Navigation
        5- Content
        6- Side Column
        7- Adverts
        8- Footer
        9- Responsive Styles
                
*/

/* 1 ----------------------------------------------------------------------------------------------------[   G L O B A L   S T R U C T U R E   ]--- 
*/
body {
    display: block !important;
}
p{
    font-size: 12px;
}
ul#supersized {
    padding: 0px;
    margin: 0px;
    list-style: none;
}

ul#supersized li {
    padding: 0px;
    margin: 0px;
}

ul#supersized li img {
    max-width: none;
}

.headwrapper {
    width: 100%;
    background: #fff;
}

.wrapper {
    width: 100%;
    background: #f5f6f8;
}

.core {
    padding: 0px;
    position: relative;
    background: #fff;
    top: -47px;
}

.container, .navbar-fixed-top .container, .navbar-fixed-bottom .container {
    width: 990px;
}

section {
    width: 100%;
    float: left;
    margin-bottom: 30px;
}

article {
    width: 680px;
    float: left;
    margin: 10px 0 0 20px;
}

aside {
    width: 250px;
    float: right;
    margin: 10px 20px 0 0;
}

article.flight {
    width: 640px;
    float: right;
    margin: 10px 20px 0 0;
}

aside.flight {
    width: 280px;
    float: left;
    margin: 10px 0 0 20px;
}

.container {
    position: relative;
}

.modal {
    width: 50% !important;
    margin: -20% 0 0 -25%;
}

.modal-body {
    max-height: 700px;
    padding-bottom: 30px;

}

.modal-header {
    padding: 30px 20px;
    border-bottom: 1px solid #eee;
}

.modal #personInfo {
    float: left;
    width: 46%;
    padding: 0 2%;
}

.modal #comments {
    float: right;
    width: 46%;
    padding: 0 2%;
}

.modal #traveldetails, #update, #commit {
    float: left;
    width: 96%;
    padding: 0 2%;
    margin-top: 10px;
}

#personInfo input, select {
    width: 80%;
}

#comments input, textarea {
    width: 80%;
}

.modal #traveldetails .checkbox-inline {
    float: left;
    width: 20%;

}

.modal #update .checkbox-inline {
    float: left;
    width: 100%;
}

#submit {
    width: auto;
    background: url("../images/arrow-right.png") no-repeat scroll right center #0088CC;
    border: medium none;
    border-radius: 0;
    color: #FFFFFF;
    font-family: 'Open Sans', sans-serif;
    font-size: 14px;
    font-weight: 300;
    margin: 10px 0 0 0;
    padding: 9px 44px 10px 28px;
    text-shadow: none;
    transition: all 0.3s ease-in-out 0s;
}

#pageContent {
    margin-top: 20px;
    margin-left: 10px;
    font-family: 'Open Sans', sans-serif;
    font-size: 12px;
    margin-right: 10px;
}
.right-align-sub{
    right: 0;
}

/* 2 ----------------------------------------------------------------------------------------------------[   G L O B A L   T Y P O G R A P H Y   ]---
*/

h1, h2, h3, h4, h5, h6 {
    font-family: 'Open Sans', sans-serif;
    color: #000;
}

h1 {
    font-size: 11px;
    line-height: 32px;
    display: inline-block;
    color: #666;
    font-weight: 400;
    padding-right: 7px;
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
}

h2 {
    font-size: 26px;
}

h3 {
    font-size: 22px;
    padding-bottom: 5px;
    line-height: 1.2em;
}

h3 a {
    color: #EA5B91;
}

h3 a:hover {
    color: #cd4791;
    text-decoration: none;
}

h4 {
    font-size: 18px;
    padding-bottom: 3px;
    line-height: 1.2em;
}

h5 {
    font-size: 15px;
    line-height: 1.2em;
    padding-bottom: 3px;
}

h6 {
    font-size: 14px;
}

/* 3 ----------------------------------------------------------------------------------------------------[   H E A D E R   ]---
*/

header {
    width: 100%;
    float: left;
    height: 100px;
    margin-top: 38px;
    background: #f5f6f8 url(../images/tail.jpg) no-repeat top right;
}

#logo {
    width: 374px;
    height: 81px;
    display: block;
    margin: 12px 0 0 15px;
}

#logo img {
    width: 100%;
    display: block;
}

#social-bar {
    height: 25px;
    position: absolute;
    top: 7px;
    right: 0px;
}

#social-bar .like {
    float: left;
}

#social-bar .fb-like {
    min-width: 95px;
}

.fb_iframe_widget {
    display: inline-block;
    position: relative;
}

#subscribeBar {
    width: 100%;
    position: relative;
    background: #fff;
    float: left;
    padding: 10px 0 7px 0;
}

#subscribe-intro {
    float: left;
    margin: 3px 12px 0 17px;
}

#subscribeBar #frm-subscribe {
    width: 450px;
    float: left;
    margin-bottom: 0px;
}

#subscribeBar #frm-subscribe #subscribe-email {
    float: left;
    width: 193px;
    margin: 0 6px 0 0;
    border-radius: 0px 0px 0px 0px;
    padding: 8px 4px 9px 8px;
}

#subscribeBar #frm-subscribe #subscribe-state {
    float: left;
    width: 99px;
    outline: none;
    margin: 0 6px 0 0;
    padding: 8px 4px 9px 8px;
    height: 37px
}

#subscribeBar #frm-subscribe #subscribe-state option {
    padding: 2px 4px;
}

#subscribeBar #frm-subscribe .btn {
    background: #0088CC url(../images/arrow-right.png) no-repeat right center;
    color: #FFFFFF;
    border: none;
    border-radius: 0px 0px 0px 0px;
    padding: 9px 34px 10px 18px;
    margin: 0 0 0 0px;
    text-shadow: none;
    font-weight: 300;
    font-size: 18px;
    font-family: 'Open Sans', sans-serif;
    transition: all 0.3s ease-in-out 0s;
}

#subscribeBar #frm-subscribe .btn:hover {
    background: #1ab1f1 url(../images/arrow-right.png) no-repeat right center;
    transition: all 0.3s ease-in-out 0s;
}

/* 4 ----------------------------------------------------------------------------------------------------[   N A V I G A T I O N   ]---
*/

/* Top Navbar */
.navbar .container {
    padding-top: 0px;
}

.navbar-inner {
    background-color: #fff;
    background-image: none;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.25);
    min-height: 36px;
    padding-left: 20px;
    padding-right: 20px;
    font-size: 11px;
    padding-top: 2px;
}

.navbar-inner a {
    padding: 0 5px;
    border-left: 1px solid #e1e1e1;
}

/* -------------[ Main Nav ]------------- */

/* Subnav */
.megamenu_container {
    clear: both;
    width: 100%;
    height: 44px;
    margin: 7px 0px 0px 0px;
    background: #f2f2f2;
    background: url(../images/grad1.png) repeat-x top center;
    position: relative;
    z-index: 1000;
    border: none;
}

.megamenu_fixed {
    margin: 0px 0px 0px 0px;
    position: fixed;
    top: 36px;
    background: url(../images/grad1.png) repeat-x top center;
    left: 0;
    right: 0;
    z-index: 1020; /* 10 less than .navbar-fixed to prevent any overlap */
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.25);
    -moz-border-radius: 0px 0px 0px 0px;
    -webkit-border-radius: 0px 0px 0px 0px;
    border-radius: 0px 0px 0px 0px;
}

.megamenu_fixed .megamenu {
    width: 990px;
    margin: 0 auto;
    padding: 0 1px;
}

.megamenu_dark_bar .megamenu > li .megamenu_drop {
    background: url("../images/dropdown.png") no-repeat scroll right 20px rgba(0, 0, 0, 0);
}

.megamenu li .dropdown_container, .megamenu li .dropdown_fullwidth, .megamenu li .dropdown_multilevel {
    border-radius: 0 0 0px 0px;
    padding-bottom: 6px;
    padding-top: 16px;
}

.megamenu h2 {
    font-size: 16px;
    margin-bottom: 8px;
}

.megamenu p {
    font-size: 11px;
    line-height: 1.4em;
}

.megamenu .pink {
    border-left: 5px solid #EA1A86;
    margin-bottom: 18px;
    padding: 0 0 0 10px;
}

.megamenu_light .megamenu > li > div .pink a {
    color: #EA5B91;
    font-weight: 700;
}

.megamenu_light .megamenu > li > div .pink a:hover {
    text-decoration: underline;
}

.megamenu li .list_unstyled li a {
    border-top: 1px solid #e1e1e1;
    font-family: Arial, Helvetica, sans-serif;
    display: block;
    padding: 2px 0;
    color: #333;
    font-size: 11px;
    text-transform: uppercase;
    font-weight: 700;
}

.megamenu li .list_unstyled li a:hover {
    color: #EA5B91;
}

.megamenu li .list_unstyled li a span {
    text-transform: none;
    font-size: 9px;
    letter-spacing: 0;
    color: #999;
    font-style: italic;
    padding-right: 2px;
    font-weight: 500;
}

.megamenu li .list_unstyled li ul {
    margin-bottom: 0px;
    padding-bottom: 6px;
}

.megamenu li .list_unstyled li ul li a {
    border-top: none;
    display: block;
    padding: 0px 0;
}

.megamenu li .list_unstyled li ul li a span {
    font-size: 10px;
}

.megamenu li .list_unstyled li ul li a:hover span {
    color: #EA5B91;
}

.megamenu .contact_form label {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 11px;
    display: block;
    margin-bottom: 2px;
}

.megamenu .form_element {
    margin: 0px 0 10px;
}

.megamenu .contact_form textarea {
    height: 60px;
    resize: none;
    width: 90%;
}

.megamenu .contact_form .button {
    background: url("../images/arrow-right.png") no-repeat scroll right center #0088CC;
    border: none;
    box-shadow: none;
    color: #FFFFFF;
    text-shadow: none;
    border-radius: 0 0 0 0;
    font-family: 'Open Sans', sans-serif;
    font-size: 18px;
    font-weight: 300;
    padding: 4px 36px 5px 18px;
    transition: all 0.3s ease-in-out 0s;
}

/* 5 ----------------------------------------------------------------------------------------------------[   C O N T E N T   ]---
*/

/* -------------[ Home - banner ]------------- */
.banner {
    height: 445px;
    min-height: 445px;
    position: relative;
    background: #f5f6f8 url(../images/clouds.jpg) no-repeat top center;
    background-size: 100% 100%;
}

.search-form {
    margin: 60px 0 0 0px;
    padding: 16px 0 4px 20px;
    width: 290px;
    color: #fff;
    background: url(../images/search-bg.png) repeat center right;
    position: relative;
}
.search-loading{
    position: absolute;
    z-index: 9;
    width: 100px;
    left: 0;
    right: 0;
    margin: 0 auto;
    top: 157px;
    display: none;
}
.search-form h3 {
    color: #fff;
    font-size: 30px;
}

aside.flight .search-form {
    margin: 10px 0 0 0 !important;
    padding: 10px 0 10px 10px !important;
    background: url("../images/side-form.jpg") no-repeat scroll left center;
    width: 280px;
}

aside.flight .search-form h3 {
    color: #1ba3dd;
}

.radio.inline + .radio.inline, .checkbox.inline + .checkbox.inline {
    margin-left: 18px;
}

.search-form ul {
    list-style: none;
    font-weight: 300;
    padding: 0px;
    margin: 0px;
}

.search-form ul li {
}

.search-form input, .search-form button, .search-form select, .search-form textarea {
    font-size: 14px;
    font-weight: 300;
    line-height: 16px;
    outline: none;
}

.search-form label {
    font-size: 14px;
    font-weight: 400;
    line-height: 18px;
    outline: none;
    font-family: 'Open Sans', sans-serif;
    padding-bottom: 6px;
    text-shadow: 0px 0px 22px #000000;
}

#search-form-left label {
    color: #1ba3dd;
    text-shadow: 0px 0px 22px #1ba3dd;

}

.search-form select option {
    padding: 2px 6px;
    font-size: 12px;
}

.search-block {
    float: left;
}

.search-form .search-block label {
    font-size: 14px;
    font-weight: 400;
}

.search-block select {
    width: 268px;
    border-radius: 0px;
    border: 1px solid #fff;
    padding: 8px 10px;
    height: 36px;
    margin-right: 2px;
    opacity: 0.97;
    transition: all 0.3s ease-in-out 0s;
    color: #555;
    box-shadow: 1px 1px 5px rgba(0, 0, 0, 0.1) inset;
}

.search-block input {
    width: 246px;
    border-radius: 0px;
    border: 1px solid #fff;
    margin-right: 4px;
    padding: 8px 10px;
    opacity: 0.97;
    transition: all 0.3s ease-in-out 0s;
    color: #000;
    box-shadow: 1px 1px 5px rgba(0, 0, 0, 0.1) inset;
}

.search-block input:focus {
    border: 1px solid #ea1a86;
    opacity: 1;
    transition: all 0.3s ease-in-out 0s;
    -webkit-box-shadow: 0px 0px 2px 1px rgba(0, 0, 0, 0.2), 0px 0px 12px 1px rgba(0, 0, 0, 0.1), 1px 1px 5px rgba(0, 0, 0, 0.3) inset;
    box-shadow: 0px 0px 2px 1px rgba(0, 0, 0, 0.2), 0px 0px 12px 1px rgba(0, 0, 0, 0.1), 1px 1px 5px rgba(0, 0, 0, 0.3) inset;
}

.search-block select:focus {
    opacity: 1;
    border: 1px solid #ea1a86;
    transition: all 0.3s ease-in-out 0s;
    -webkit-box-shadow: 0px 0px 2px 1px rgba(0, 0, 0, 0.2), 0px 0px 12px 1px rgba(0, 0, 0, 0.1), 1px 1px 5px rgba(0, 0, 0, 0.3) inset;
    box-shadow: 0px 0px 2px 1px rgba(0, 0, 0, 0.2), 0px 0px 12px 1px rgba(0, 0, 0, 0.1), 1px 1px 5px rgba(0, 0, 0, 0.3) inset;
}

#departDate {
    background: #fff url(../images/icon-cal.png) no-repeat center right;
    background-position: 99px center;
    width: 110px;
    cursor: pointer;
}

#returnDate {
    background: #fff url(../images/icon-cal1.png) no-repeat center right;
    background-position: 99px center;
    width: 110px;
    cursor: pointer;
}
#returnDate:disabled {
    opacity: 0.5;
}
.passenger-group {
    float: left;
    width: 162px;
    position: relative;
}

.passenger-dropdown-trigger {
    width: 140px;
    display: block;
    border-radius: 0px;
    border: 1px solid #fff;
    background: #fff;
    margin-right: 2px;
    padding: 8px 10px;
    opacity: 0.97;
    transition: all 0.3s ease-in-out 0s;
    color: #777;
    box-shadow: 1px 1px 5px rgba(0, 0, 0, 0.1) inset;
    font-size: 15px;
    font-weight: 300;
    line-height: 18px;
    outline: none;
    background: #fff url(../images/arrow-down-dark.png) no-repeat center right;
}

.passenger-dropdown-trigger:hover {
    text-decoration: none;
    color: #777;
    cursor: pointer;
}

.passenger-dropup-trigger {
    position: absolute;
    top: 0px;
    right: 0px;
    height: 38px;
    width: 160px;
    background: url(../images/arrow-up-dark.png) no-repeat center right;
    opacity: 0.5;
}

.passenger-dropup-trigger:hover {
    opacity: 1;
    cursor: pointer;
}

.passenger-dropdown-menu {
    display: none;
    background-color: #f7f7f7;
    border: 1px solid #fff;
    border-bottom: 3px solid #ea1a86;
    min-width: 0;
    outline: none;
    padding: 0 0 4px 0;
    top: 0px;
    left: 0px;
    z-index: 10;
    width: 160px;
    position: absolute;
    color: #333;
    -webkit-box-shadow: 0px 2px 3px 0px rgba(0, 0, 0, 0.3), 0px 0px 12px 2px rgba(0, 0, 0, 0.2);
    box-shadow: 0px 2px 3px 0px rgba(0, 0, 0, 0.3), 0px 0px 12px 2px rgba(0, 0, 0, 0.2);
}

.passenger-dropdown-menu .title {
    display: block;
    margin-bottom: 10px;
    margin-left: 10px;
    margin-top: 10px;
    font-size: 15px;
    font-weight: 300;
    color: #777;
}

.search-form .search-block .passenger-dropdown-menu label {
    font-size: 14px;
    text-shadow: none;
}

.passenger-table-expand {
    padding: 10px 8px 1px;
    width: 100%;
    display: table;
}

.passenger-row {
    margin-bottom: 5px;
    display: table-row;
    text-align: left;
}

.passenger-column {
    display: table-cell;
    line-height: 24px;
}

.passenger-column label {
    color: #555;
    display: block;
}

.passenger-column label small {
    font-size: 10px;
    color: #888;
}

.passenger-column select {
    width: 62px;
    border-radius: 0px;
    border: 1px solid #fff;
    padding: 8px 8px;
    height: 36px;
    margin: 2px 0 5px 0px;
    opacity: 0.9;
    transition: all 0.3s ease-in-out 0s;
    box-shadow: 1px 1px 5px rgba(0, 0, 0, 0.2) inset;
}

.search-block .passenger-column select:focus {
    opacity: 1;
    border: 1px solid #ea1a86;
    transition: all 0.3s ease-in-out 0s;
    -webkit-box-shadow: 1px 1px 5px rgba(0, 0, 0, 0.4) inset;
    box-shadow: 1px 1px 5px rgba(0, 0, 0, 0.4) inset;
}

.search-form .actions input {
    padding: 8px 33px 10px 12px;
    margin: 0px 0 0 4px;
    background: #ea1a86 url(../images/arrow-right.png) no-repeat right center;
    border: 1px solid #ea1a86;
    border-radius: 0px;
    color: #fff;
    font-weight: 300;
    font-size: 18px;
    font-family: 'Open Sans', sans-serif;
    transition: all 0.3s ease-in-out 0s;
    -webkit-box-shadow: 0px 0px 2px 1px rgba(0, 0, 0, 0.2), 0px 0px 12px 1px rgba(0, 0, 0, 0.1);
    box-shadow: 0px 0px 2px 1px rgba(0, 0, 0, 0.2), 0px 0px 12px 1px rgba(0, 0, 0, 0.1);
}

.search-form .actions input:hover {
    background: #f248a0 url(../images/arrow-right.png) no-repeat right center;
    border: 1px solid #ea1a86;
    transition: all 0.3s ease-in-out 0s;
    -webkit-box-shadow: 0px 0px 2px 1px rgba(0, 0, 0, 0.2), 0px 0px 12px 1px rgba(0, 0, 0, 0.1);
    box-shadow: 0px 0px 2px 1px rgba(0, 0, 0, 0.2), 0px 0px 12px 1px rgba(0, 0, 0, 0.1);
}

#adv-search {
    color: #fff;
    margin: 0px 0 0 0;
    padding: 3px 0px 5px 19px;
    display: inline-block;
    text-shadow: 0px 0px 22px #000000;
    font-weight: 700;
    font-size: 10px;
    opacity: 0.5;
    background: url(../images/arrow-up-white.png) no-repeat left center;
    transition: all 0.3s ease-in-out 0s;
}

#adv-search:hover {
    opacity: 0.9;
    text-decoration: none;
    transition: all 0.3s ease-in-out 0s;
}

/* -------------[ Home - Carousel ]------------- */
.carousel-wrap {
    width: 645px;
    height: 295px;
    position: absolute;
    top: 60px;
    right: 0px;
    padding: 15px;
    background: url(../images/search-bg.png) repeat center right;
}

#sideCarousel {
    width: 100%;
    float: left;
    margin-bottom: 0px;
}

.carousel-inner {
    width: 100%;
    height: 280px;
    overflow: hidden;
}

.carousel-wrap a {
    height: 100%;
    margin: 0px;
    padding: 0px;
    z-index: 10;
}

.carousel-wrap a img {
    width: 100% !important;
    height: 100% !important;
}

.carousel-indicators {
    list-style: none;
    margin: 0;
    padding: 0px;
    position: absolute;
    right: 0px;
    bottom: 15px;
    z-index: 20;
}

.carousel-indicators li {
    background-color: rgba(245, 245, 245, 0.4);
    border: none;
    text-shadow: none;
    box-shadow: none;
    display: block;
    float: left;
    margin-left: 3px;
    padding: 0px;
    text-indent: -999px;
    height: 8px;
    width: 8px;
    cursor: pointer;
    border-radius: 10px 10px 10px 10px;
}

.carousel-indicators li:hover {
    background-color: rgba(245, 245, 245, 0.9);
}

.carousel-indicators .active {
    background-color: rgba(245, 245, 245, 0.7);
}

/* -------------[ Home - tabs ]------------- */

.nav-tabs {
    background: #1ba3dd;
    border-bottom: 1px solid #0071a1;
    padding-top: 2px;
}

.nav-tabs a {
    outline: none;
}

.nav-tabs > .active > a, .nav-tabs > .active > a:hover {
    background-color: #fff;
    border-color: #fff;
    background: #fff url(../images/arrow-down-blue.png) no-repeat bottom center;
}

.nav-tabs > li > a {
    padding: 8px 10px 12px;
    font-weight: 700;
    font-family: 'Open Sans', sans-serif;
    border: 1px solid transparent;
    border-radius: 0px 0px 0 0;
    line-height: 18px;
    color: #fff;
}

.nav-tabs > li > a:hover {
    background: #1ab1f1;
    border-color: #1ab1f1;
    border-bottom: 1px solid #0071a1;
    color: #fff;
}

.tab-content-wrap {
    width: 100%;
    float: left;
}

.tab-intro {
    line-height: 20px;
    padding: 8px 12px 6px 12px;
    font-size: 11px;
    color: #fff;
    font-weight: 700;
}

.city-circle {
    float: left;
    margin: 0 20px 10px 10px;
    width: 100px;
    height: 100px;
}

/* -------------[ Home - grid/table ]------------- */
.grid {
    font-family: 'Open Sans', sans-serif;
    font-size: 12px;
    border-bottom: 1px solid #e1e1e1;
    margin-top: 10px;
}

.grid a {
    color: #333;
    display: block;
}

.grid a:hover {
    color: #0088CC;
    text-decoration: none;
}

.grid1 {
    width: 330px;
    float: left;
}

.grid2 {
    width: 330px;
    float: left;
    margin-left: 20px;
}

.table td {
    padding: 15px 8px;
}

.table td.col1 {
    font-size: 10px;
    border-left: 1px solid #e1e1e1;
    font-weight: 700;
    font-size: 16px;
    padding: 0px 0px 0px;
}

.table td.col1 a {
    padding: 4px 8px 8px;
    transition: all 0.3s ease-in-out 0s;
    background: url(../images/arrow-right-dark.png) no-repeat left center;
    background-position: -45px 11px;
}

.table td.col1 a:hover {
    padding: 4px 8px 8px 26px;
    transition: all 0.3s ease-in-out 0s;
    background: url(../images/arrow-right-dark.png) no-repeat left center;
    background-position: 8px 11px;
}

.table td.col1 span {
    font-size: 10px;
    font-weight: 300;
    display: block;
    width: 100%;
    color: #999;
}

.table td.col2 {
    font-weight: 300;
    font-size: 10px;
    width: 68px;
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
}

.table td.col3 {
    font-weight: 700;
    font-size: 18px;
    width: 60px;
    color: #ea1a86;
    border-right: 1px solid #e1e1e1;
    transition: color 0.3s ease-in-out 0s;
}

.table tbody tr:hover td.col3 {
    color: #F00;
    transition: color 0.3s ease-in-out 0s;
}

.table tbody tr:hover td {
    background-color: #feff9c;
}

/* -------------[ Contact  ]------------- */
.address {
    padding: 0 5%;
    padding-top: 30px;
    width: 40%;

}

.address p {
    font-size: 16px;

}

.map-canvas {
    height: 200px;
    margin-top: 30px;
    width: 45%;
}
.store-pics{
    padding-left: 49px;
    box-sizing: border-box;
    padding-right: 10px;
}
article.store-section{
    padding-right: 11px;
    box-sizing: border-box;
    padding-left: 10px;
}

/* -------------[ Contact  ]------------- */

.panel {

    padding: 5px;
}

.panel .pink {
    border-left: 5px solid #EA1A86;
    margin-bottom: 18px;
    padding: 0 0 0 10px;
}

.panel li .list_unstyled li a {
    border-top: 1px solid #e1e1e1;
    font-family: Arial, Helvetica, sans-serif;
    display: block;
    padding: 2px 0;
    color: #333;
    font-size: 11px;
    text-transform: uppercase;
    font-weight: 700;
}

.panel li .list_unstyled li a:hover {
    color: #EA5B91;
}

.panel li .list_unstyled li a span {
    text-transform: none;
    font-size: 9px;
    letter-spacing: 0;
    color: #999;
    font-style: italic;
    padding-right: 2px;
    font-weight: 500;
}

.panel li .list_unstyled li ul {
    margin-bottom: 0px;
    padding-bottom: 6px;
}

.panel li .list_unstyled li ul li a {
    border-top: none;
    display: block;
    padding: 0px 0;
}

.panel li .list_unstyled li ul li a span {
    font-size: 10px;
}

.panel li .list_unstyled li ul li a:hover span {
    color: #EA5B91;
}

.panel .contact_form label {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 11px;
    display: block;
    margin-bottom: 2px;
}

.panel .form_element {
    margin: 0px 0 10px;
}

.panel .contact_form textarea {
    height: 60px;
    resize: none;
    width: 90%;
}

.panel .contact_form .button {
    background: url("../images/arrow-right.png") no-repeat scroll right center #0088CC;
    border: none;
    box-shadow: none;
    color: #FFFFFF;
    text-shadow: none;
    border-radius: 0 0 0 0;
    font-family: 'Open Sans', sans-serif;
    font-size: 18px;
    font-weight: 300;
    padding: 4px 36px 5px 18px;
    transition: all 0.3s ease-in-out 0s;
}

/* -------------[ City  ]------------- */
.circle-image-wrap {
    position: relative;
    float: left;
    width: 100px;
    height: 100px;
    display: block;
    margin: 0 20px 5px 0;
}

.circle-image {
    position: absolute;
    width: 100px;
    height: 100px;
    display: block;
    margin: 0px 0px 0px 0px;
    left: 0px;
    zindex: 1;
}

.circle-image-mask {
    width: 100px;
    height: 100px;
    display: block;
    position: absolute;
    top: 0px;
    left: 0px;
    zindex: 2;
}

.intro-image {
    float: right;
    width: 200px;
    height: auto;
    display: block;
    margin: 20px 0px 20px 20px;
}

#about {

    padding: 10px 10px 10px 10px;
}

.city-description {
    height: 100px;
}

td.airline {
    text-align: center;
}

/* -------------[ Other  ]------------- */
.columns {
    float: left;
    width: 670px;
    position: relative;
    left: -20px;
    margin-top: 30px;
}

.video-container {
    position: relative;
    padding-bottom: 56.25%;
    padding-top: 30px;
    height: 0;
    overflow: hidden;
    margin: 15px 0 30px;
}

.video-container iframe, .video-container object, .video-container embed {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

#world {
    background: #fff url(../images/map.jpg) no-repeat right top;
    margin: 10px 0 0 0;
    padding: 0px 0px 0px 0px;
    border-bottom: 1px solid #eeeff1;
    height: 350px;
}

#world-wrap {
    margin: 60px 0 0 60px;
    width: 520px;
}

#world h2 {
    color: #1ba3dd;
    font-family: 'Open Sans', sans-serif;
    font-size: 46px;
    font-weight: 300;
    line-height: 1.2em;
    margin-bottom: 20px;
}

#world h3 {
    color: #1ba3dd;
    font-family: 'Open Sans', sans-serif;
    font-size: 24px;
    font-weight: 300;
    line-height: 1.2em;
    margin-bottom: 20px;
}

/* -------------[ Content Pages - banner ]------------- */
.banner1 {
    height: 190px;
    min-height: 190px;
    position: relative;
    background: #f5f6f8 url(../images/clouds.jpg) no-repeat top center;
    background-size: cover;
}

.banner1 .container {
    text-align: center;
}

.banner1 h2 {
    margin-top: 70px;
    font-size: 36px;
    color: #fff;
    text-shadow: 0px 3px 6px rgba(0, 0, 0, 0.3);
}

blockquote {
    border-left: 5px solid #EA1A86;
    margin-top: 24px;
    margin-bottom: 30px;
    font-family: 'Open Sans', sans-serif;
    font-weight: 300;
}

blockquote cite {
    font-size: 12px;
    font-style: italic;
    font-weight: 400;
}

.table-responsive {
    margin-top: 5px;
    border: 1px solid #DDDDDD;
    margin-bottom: 15px;
}

.table-responsive .table {
    margin-bottom: 0px;
}

/* -------------[ General Content Page ]------------- */

/* -------------[ Flight Location Pages ]------------- */

/* --- Flight Location - Breadcrumbs --- */

.flight-locations .core, .flight-country .core {
    padding-top: 0px;
}

.breadcrumbs {
    display: block;
    float: left;
    margin: 0px 0px 10px;
    padding: 0px 0;
    position: relative;
    width: 100%;
}

.breadcrumb {
    padding: 14px 0px 13px 20px;
    margin-bottom: 0px;
    border-radius: 0;
    border: none;
    border-bottom: 1px solid #e1e1e1;
}

.breadcrumbs ul {
    margin: 0;
    font-size: 10px;
}

.breadcrumbs ul li a {
    padding: 16px 22px 16px 8px;
    color: #999;
    background: url(../images/crumb.png) no-repeat right center;
}

.breadcrumbs ul li a:hover {
    text-decoration: none;
    color: #333;
}

.breadcrumbs ul li strong {
    padding: 0px 0px 0px 8px;
    font-weight: 700;
    font-size: 10px;
}

.breadcrumbs div.print {
    padding: 0px 0px;
    position: absolute;
    top: 0px;
    right: 0px;
}

.breadcrumbs div.print a {
    color: #014899;
    font-size: 10px;
    padding: 8px 12px 10px 34px;
    display: inline-block;
}

/* --- Flight Location + Country --- */

/* --- Flight Location --- */

.location-intro {
    padding: 10px 0 10px 0px;
}

.hotdeals {
    border-bottom: 1px solid #e1e1e1;
    border-left: 1px solid #e1e1e1;
    border-right: 1px solid #e1e1e1;
    margin-top: 15px;
}

.hotdeals tr {
    cursor: pointer;
}

.hotdeals td {
    padding: 0px 0px;
}

.hotdeals td a {
    padding: 10px 15px;
    display: block;
    color: #000;
}

.hotdeals td a:hover {
    text-decoration: none;
}

.hotdeals td.from a,
.hotdeals td.to a {
    font-weight: 700;
    font-family: 'Open Sans', sans-serif;
    font-size: 14px;
}

.hotdeals h6 {
    font-size: 10px;
    font-weight: 300;
    color: #999;
}

.hotdeals tbody tr td.pricing, .table-striped.hotdeals tbody tr:nth-child(2n+1) td.pricing {
    padding: 0px 0px 0px 0px;
    background: #ea1a86;
    border-bottom: 1px solid #fff;
    color: #fff;
    text-align: right;
    min-width: 170px;
}

.hotdeals tbody tr td.pricing a, .hotdeals tbody tr:nth-child(2n+1) td.pricing a {
    padding: 18px 15px 24px;
    display: block;
    color: #fff;
}

.hotdeals tbody tr td.pricing a:hover, .hotdeals tbody tr:nth-child(2n+1) td.pricing a:hover {
    background: #d21577;
}

.hotdeals tbody tr td.pricing h6 {
    color: #fff;
    font-weight: 400;
    font-size: 10px;
    font-weight: 700
}

.hotdeals .airline img {
    position: relative;
    left: -7px;

}

.hotdeals .priceLarge {
    font-size: 38px;
    padding: 12px 0 0 18px;
    display: block;
    font-weight: 700;
    font-family: 'Open Sans', sans-serif;
    height: 35px;
}

.hotdeals .dollar {
    font-size: 24px;
    font-family: 'Open Sans', sans-serif;
}

.hotdeals .ast {
    font-size: 24px;
    position: relative;
    top: -10px;
    font-family: 'Open Sans', sans-serif;
}

.location-deals td {
    padding: 30px 15px;
}

.location-deals tbody tr td.pricing, .table-striped.location-deals tbody tr:nth-child(2n+1) td.pricing {
    padding: 18px 18px 0px 0px;
    background: #ea1a86;
    border-bottom: 1px solid #fff;
    color: #fff;
    text-align: right;
}

#book-now-form {
    background: #f6f6f6;
    padding: 15px 0 5px 15px;
    margin: 10px 0 20px;
}

#book-now-form ul {
    list-style: none;
    padding: 0px;
    margin: 0px;
}

#book-now-form ul li {
    list-style: none;
    padding: 0px;
    margin: 0px;
}

#book-now-form label {
    text-transform: uppercase;
    font-size: 10px;
    display: inline-block;
    padding-right: 14px;
}

#book-now-form ul.gform_fields ul.gfield_checkbox li {
    display: inline;
    padding-right: 7px;
    width: auto;
}

#book-now-form .gform_contactdetails {
    width: 50%;
    float: left;
}

#book-now-form .gform_comments {
    width: 50%;
    float: right;
}

#book-now-form .gform_traveldetails {
    width: 100%;
    float: left;
}

#book-now-form input, #book-now-form textarea {
    width: 300px;
    border-radius: 0px 0px 0px 0px;
}

#book-now-form input[type="checkbox"], #book-now-form input[type="radio"] {
    width: auto;
}

#book-now-form .button {
    width: auto;
    background: url("../images/arrow-right.png") no-repeat scroll right center #0088CC;
    border: medium none;
    border-radius: 0;
    color: #FFFFFF;
    font-family: 'Open Sans', sans-serif;
    font-size: 14px;
    font-weight: 300;
    margin: 10px 0 0 0;
    padding: 9px 44px 10px 28px;
    text-shadow: none;
    transition: all 0.3s ease-in-out 0s;
}

#book-now-form select {
    width: 310px;
    border-radius: 0px 0px 0px 0px;
}

#book-now-form .gfield_radio {
    display: inline;
    width: 100%;
}

#book-now-form .gfield_radio li {
    display: inline;
}

/* --- Flight Location + Country --- Side Column --- */

.flight-selector {
}

.flight-selector h4 {
    margin-top: 15px;
    margin-bottom: 5px;
}

.flight-selector h4 a:hover {
    text-decoration: none;
}

.flight-selector ul {
    list-style: none;
    padding: 0px;
    margin: 0px 0px 10px 0;
    text-transform: uppercase;
    font-size: 11px;
    font-family: 'Open Sans', sans-serif;
}

.flight-selector ul li a {
    border-top: 1px solid #e1e1e1;
    padding: 2px 0 2px 5px;
    display: block;
    color: #333;
    font-weight: 700;
}

.flight-selector ul li a:hover {
    text-decoration: none;
    color: #ea1a86;
}

.flight-selector ul li ul {
    margin: 0px 0px 2px 0;
}

.flight-selector ul li ul li {
    list-style: disc outside none;
    margin-left: 24px;
}

.flight-selector ul li ul li a {
    padding: 2px 0 2px 2px;
    border-top: none;
    margin: 0px;
    color: #777;
    font-weight: 500;
}

.flight-selector ul li ul li a:hover {
    text-decoration: none;
    color: #ea1a86;
}

/* -------------[ Flight Serach Result Page ]------------- */

body.flight-result .core {
    padding-top: 8px;
}

body.flight-result article {
    float: right;
    margin: 10px 20px 0 0px;
}

body.flight-result aside {
    float: left;
    margin: 0px 0 0 20px;
}

.side-filter-heading {
    background: #1ba3dd;
    color: #fff;
    padding: 5px 10px;
    font-weight: 700;
    font-size: 14px;
    font-family: 'Open Sans', sans-serif;
    margin: 15px 0 4px 0;
}

.side-filter-lead {
    padding: 0px 0 0px 0;
    display: block;
    font-size: 13px;
    color: #fff;
    float: right;
    font-weight: 300;
}

.SWCDFB {
    display: block;
    padding: 2px 0 2px 0;
}

.SWCCFB {
    display: block;
    padding: 2px 0 2px 0;
}

.SWCCFB:hover {
    background: #fbfbfb;
    padding: 2px 0 2px 0;
}

.filter-stops label {
    display: inline;
    cursor: pointer;
    color: #444;
}

.filter-stops label:hover {
    color: #000;
}

.filter-stops a.price-link {
    float: right;
    display: inline-block;
    padding: 2px 0 2px 0;
}

.flight-stop {
    display: block;
    padding: 2px 0 2px 0;
}

.flight-stop:hover {
    background: #fbfbfb;
}

/* --- results - airlines --- */
.airline {
/ / display: block;
    padding: 2px 0 2px 0;
}

.airline:hover {
    background: #fbfbfb;
}

.airline label {
    display: inline;
    cursor: pointer;
    color: #444;
}

.airline label:hover {
    color: #000;
}

.airline a.price-link {
    float: right;
}

.search-table {
    margin: 12px 0px;
    border-top: 1px solid #999;
    border-bottom: 1px solid #999;
    padding: 14px 0px 0;
}

.search-table .table {
}

.search-table .table td.search-lead {
    color: #999;
    width: 80px;
}

.search-table .table td, .search-table .table th {
    padding: 2px 0px;
    border-top: none;
    line-height: 18px;
    text-align: left;
    vertical-align: top;
    font-weight: 400;
}

.search-table .table td {
    font-family: 'Open Sans', sans-serif;
    font-size: 12px;
}

.search-table .table th {
    color: #999;
    width: 66px;
    font-weight: 500;
    font-size: 10px;
}

.search-table .table tr:hover td, .search-table .table tr:hover th {
    background: none;
}

.search-table .btn {
    background: #ccc;
    color: #FFFFFF;
    border: none;
    border-radius: 0px 0px 0px 0px;
    padding: 8px 16px 8px 16px;
    margin: 8px 0 0 0px;
    text-shadow: none;
    font-weight: 300;
    font-size: 14px;
    font-family: 'Open Sans', sans-serif;
    transition: all 0.3s ease-in-out 0s;
}

.search-table .btn:hover {
    background: #1ab1f1;
    transition: all 0.3s ease-in-out 0s;
}

ul.search-sub-titles {
    border-radius: 3px;
    list-style-type: none;
    padding: 0px;
    margin: 0 0 15px 0;
    height: 30px;
}

ul.search-sub-titles li {
    font-family: 'Open Sans', sans-serif;
    font-weight: 300;
    background: #1ba3dd;
    border-left: 1px solid #4DAEDB;
    border-right: 1px solid #008BCB;
    color: #E6F3FA;
    float: left;
    list-style: none outside none;
    padding: 8px 0px 9px;
    text-align: center;
    width: 16.4%;
}

ul.search-sub-titles li.title-airline {
    border-left: none;
    width: 120px;
}

ul.search-sub-titles li.title-depart {
    width: 180px;
}

ul.search-sub-titles li.title-arrive {
    width: 180px;
}

ul.search-sub-titles li.title-flight {
    width: 70px;
}

ul.search-sub-titles li.title-duration {
    width: 70px;
}

ul.search-sub-titles li.price {
    border-right: none;
}

.search-results-list {
    width: 100%;
    float: left;
}

.itinSeg {
    width: 100%;
    float: left;
    margin-bottom: 10px;
    padding: 10px 0 10px 0;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.25);
}

.itinSegContainer {
    width: 100%;
    float: left;
    margin-bottom: 12px;
}

.itinSegContainer p {
    padding: 0px;
    margin: 0px;
}

.itinSegContainer .itin-airline {
    width: 122px;
    float: left;
    text-align: center;
}

.itinSegContainer .itin-airline img {
    margin-top: 5px;
}

.itinSegContainer .departure {
    width: 182px;
    float: left;
    font-size: 10px;
    color: #666;
    font-weight: 300;
}

.itinSegContainer .departure .secondary-info {
    font-size: 13px;
    color: #000;
    font-weight: 400;
    font-family: 'Open Sans', sans-serif;
}

.itinSegContainer .departure .secondary-info span {
    font-weight: 700;
}

.itinSegContainer .arrival {
    width: 182px;
    float: left;
    font-size: 10px;
    color: #666;
    font-weight: 300;
}

.itinSegContainer .arrival .secondary-info {
    font-size: 13px;
    font-weight: 400;
    color: #000;
    font-family: 'Open Sans', sans-serif;
}

.itinSegContainer .arrival .secondary-info span {
    font-weight: bold;
}

.itinSegContainer .flight-number {
    width: 70px;
    float: left;
}

.itinSegContainer .itin-details {
    width: 70px;
    float: left;
}

.itinSegContainer .itin-price {
    font-size: 24px;
}

/* 6 ----------------------------------------------------------------------------------------------------[   S I D E   C O L U M N   ]---
*/

#finda {
    background: #0071b0;
    background: #2eaee5;
    padding: 8px 14px 14px;
    color: #fff;
    font-weight: 700;
}

#finda h4 {
    color: #fff;
    font-size: 30px;
}

#finda ul {
    list-style: none;
    padding: 5px 0 0 0px;
    margin: 0px 0 0 0px;
}

#finda ul li {
    padding: 0px;
    margin: 0px;
}

#finda ul li a {
    font-family: 'Open Sans', sans-serif;
    font-size: 14px;
    padding: 10px 14px;
    margin: 0px 0px 2px 0px;
    display: block;
    color: #fff;
    font-weight: 700;
    background: #1097d1 url(../images/arrow-right.png) no-repeat right center;
    transition: all 0.3s ease-in-out 0s;
}

#finda ul li a:hover {
    text-decoration: none;
    background: #0071a1 url(../images/arrow-right.png) no-repeat right center;
    transition: all 0.3s ease-in-out 0s;
}

.expert {
    margin-top: 20px;
    margin-bottom: 20px
}

.shield {
    padding-top: 20px;
    padding-bottom: 20px;
    padding-left: 50px;
}

.side-subscribe {
    padding: 20px 0 0 0;
}

#frm-side-subscribe {
    padding: 7px 0 0 0;
}

.side-subscribe #side-subscribe-email {
    width: 236px;
    border-radius: 0px 0px 0px 0px;
    padding: 8px 4px 9px 8px;
    border: 1px solid #bbb;
    margin-bottom: 6px;
}

.side-subscribe #side-subscribe-email:focus {
    border: 1px solid #53a0ff;
}

.side-subscribe #side-subscribe-state {
    width: 125px;
    outline: none;
    margin: 0 0px 0 0;
    padding: 8px 4px 9px 8px;
    height: 37px
}

.side-subscribe #side-subscribe-state option {
    padding: 2px 4px;
}

.side-subscribe .btn {
    background: #0088CC url(../images/arrow-right.png) no-repeat right center;
    color: #FFFFFF;
    border: none;
    border-radius: 0px 0px 0px 0px;
    padding: 9px 44px 10px 28px;
    margin: 0 0 0 0px;
    text-shadow: none;
    font-weight: 300;
    font-size: 14px;
    font-family: 'Open Sans', sans-serif;
    transition: all 0.3s ease-in-out 0s;
}

.side-subscribe .btn:hover {
    background: #1ab1f1 url(../images/arrow-right.png) no-repeat right center;
    transition: all 0.3s ease-in-out 0s;
}

/* 8 ----------------------------------------------------------------------------------------------------[   F O O T E R   ]---
*/

.footwrap {
    width: 100%;
    background: #fff;
    clear: both;
}

.footer {
    position: relative;
}

.footer #shield {
    float: left;
    width: 275px;
    padding-top: 30px;
}

.footer #shield img {
    max-width: 100%;
}

.foot-list {
    float: left;
    padding: 40px 0 20px 0;
}

.foot-list-1 {
    width: 180px;
}

.foot-list-2 {
    width: 160px;
}

.foot-list-3 {
    width: 340px;
    margin-right: 30px;
}

.foot-list h4 {
    font-size: 14px;
}

.foot-list p {
    color: #666;
    font-size: 11px;
}

.foot-list ul {
    list-style: none;
    padding: 0px;
    margin: 0px 0px 15px 0px;
}

.foot-list li {
    font-size: 11px;
}

.foot-list li a {
    color: #666;
}

.foot-list li a:hover {
    color: #000;
}

.foot-logo-wrap {
    width: 100%;
    text-align: center;
}

.foot-logo-wrap h3 {
    font-size: 46px;
    color: #fff;
    padding: 44% 0 0 0;
}

.sub-foot {
    color: #bbb;
    font-size: 10px;
    clear: both;
    border-top: 1px solid #efefef;
    padding: 10px 0 4px 0;
}

.credit-left {
    float: left;
}

.credit-right {
    float: right;
}

.sub-foot a {
    color: #bbb;
}

.sub-foot a:hover {
    color: #333;
}

.foot-subscribe {
}

#frm-foot-subscribe {
    padding: 7px 0 0 0;
}

.foot-subscribe #foot-subscribe-email {
    width: 136px;
    border-radius: 0px 0px 0px 0px;
    padding: 8px 4px 9px 8px;
    border: 1px solid #bbb;
}

.foot-subscribe #foot-subscribe-email:focus {
    border: 1px solid #53a0ff;
}

.foot-subscribe #foot-subscribe-state {
    width: 80px;
    outline: none;
    margin: 0 0px 0 0;
    padding: 8px 4px 9px 8px;
    height: 37px
}

.foot-subscribe #foot-subscribe-state option {
    padding: 2px 4px;
}

.foot-subscribe .btn {
    background: #0088CC url(../images/arrow-right.png) no-repeat right center;
    color: #FFFFFF;
    border: none;
    border-radius: 0px 0px 0px 0px;
    padding: 9px 34px 10px 18px;
    margin: 0 0 0 0px;
    text-shadow: none;
    font-weight: 300;
    font-size: 14px;
    font-family: 'Open Sans', sans-serif;
    transition: all 0.3s ease-in-out 0s;
}

.foot-subscribe .btn:hover {
    background: #1ab1f1 url(../images/arrow-right.png) no-repeat right center;
    transition: all 0.3s ease-in-out 0s;
}

#social-icons a {
    margin-right: 3px;
}

/* 8.1 ----------------------------------------------------------------------------------------------------[   P A C K A G E   ]---
*/
.package-section article {
    width: 100%;
    margin: 0;
    padding: 10px;
    box-sizing: border-box;
}

.package-section .package-content {
    padding: 0 20px;
}

.package-content h3 {
    margin-top: 10px;
    font-size: 18px;
}

.media-left {
    width: 20%;
    float: left;
    padding: 10px;
    box-sizing: border-box;
    height: 150px;
    overflow: hidden;
}
.media-left .media-object{
    height: 100%;
    width: auto;
    max-width: none;
}

.media-body {
    width: 80%;
    float: left;
    padding: 10px;
    box-sizing: border-box;
}

.package-price {
    float: right;
    padding-right: 10px;
}

.package .btn {
    background: #1ba3dd;
    color: #FFFFFF;
    border: none;
    border-radius: 0px 0px 0px 0px;
    padding: 9px 34px 10px 18px;
    margin: 20px 0 0 0;
    text-shadow: none;
    font-weight: normal;
    font-size: 14px;
    font-family: 'Open Sans', sans-serif;
    transition: all 0.3s ease-in-out 0s;
    float: right;
}

.package {
    padding-bottom: 30px;
    margin-left: 20px;
    overflow: hidden;
    border-bottom: 1px solid #ececec;
    margin-right: 20px;
}
.footer-iata{
    padding: 15px 60px 30px 60px;
}
.search-block-half{
    width: 135px;
}
.search-block-half select{
    width: 131px;
}
.carousel {
    padding-top: 22px;
}
.enquire-now{
    vertical-align: middle !important;
    max-width: 90px;
}
.enquire-now a{
    background: #1ba3dd;
    color: white !important;
    margin: 0 10px;
    text-align: center;
}
#package-enquiry{
    background: #1ba3dd;
    color: white !important;
    padding: 10px 20px;
    margin-top: 10px;
    display: inline-block;
}
#package-enquiry:hover{
    text-decoration: none;
    background: #1a83b4;
}
.award{
    width:20%;
    float: left;
    text-align: center;
}
.award img{
    width: 160px;
    height:auto;
}
.mobile-menu{
    display: none;
}
#menufication-nav .menufication-child-menu li{
    padding: 0;
}
#menufication-nav .menufication-child-menu li a{
    padding: 13px 0 13px 15px;
    display: inline-block;
    width: 100%;
    margin: 0;
}
/* 9 ----------------------------------------------------------------------------------------------------[   R E S P O N S I V E   S T Y L E S   ]---

---------------------------------------------------------------------------------------------------------[   R E S P O N S I V E   S T Y L E S   ]--- 

---------------------------------------------------------------------------------------------------------[   R E S P O N S I V E   S T Y L E S   ]--- 
*/

/* ----------------------------------------------------[ TABLET - Smaller than standard 1024px ]-------------------------- */
@media (max-width: 1579px) {
    .hotdeals .priceLarge {
        font-size: 24px;
    }
    .store-pics img {
        width: 367px;
        margin: 0 auto;
        margin-bottom: 20px;
        display: block;
    }
    .store-pics{
        padding:0;
    }
}
@media (max-width: 1023px) {
    /* ––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––
                   T A B L E T   S T Y L E S
    ––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––– */
    /* -------------[ Tablet - Structure ]------------- */
    body {
        font-size: 12px;
    }

    article {
        width: 470px;
        float: left;
    }

    aside {
        width: 250px;
        float: right;
        margin: 10px 15px 0 0;
    }

    article.flight {
        width: 750px;
        margin: 10px 8px 0 8px;
    }

    aside.flight {
        width: 750px;
        margin: 10px 8px 0 8px;
    }

    aside.flight .search-form {
        float: left;
        margin: 20px 0px 0 0px !important;
        padding: 10px 0px 20px 90px !important;
        width: 320px;
    }

    aside.flight .expert {
        float: right;
        margin: 20px 0px 10px 0px !important;
        width: 320px;
    }

    .container, .navbar-fixed-top .container, .navbar-fixed-bottom .container {
        width: 768px;
    }

    h1 {
        margin-left: 15px;
    }

    /* -------------[ Tablet - Header ]------------- */
    #logo {
        width: 200px;
        margin: 25px 0 0px 14px;
        height: 68px;
    }

    ul#discover li a {
        font-weight: bold;
        padding: 4px 10px 5px;
    }

    .head-ad-wrap {
        width: 540px;
        overflow: hidden;
    }

    /* -------------[ Tablet - Navigation ]------------- */
    .megamenu_fixed .megamenu {
        width: 768px;
        margin: 0 auto;
        padding: 0 1px;
    }

    .megamenu_container .megamenu > li {
        margin: 0 0 0 0;
    }

    .megamenu_container .megamenu > li > a {
        font-size: 12px;
        outline: 0;
        text-decoration: none;
        display: block;
        padding: 12px 5px 14px 5px;
        font-family: 'Open Sans', sans-serif;
        font-weight: 700;
        border-right: 1px solid #333;
    }

    .megamenu_dark_bar .megamenu > li .megamenu_drop {
        background: url("../images/dropdown.png") no-repeat scroll right 20px rgba(0, 0, 0, 0);
    }

    /* -------------[ Tablet - Homepage ]------------- */
    .banner {
        height: 418px;
        min-height: 418px;
    }

    /* -------------[ Tablet - Homepage - Search Box ]------------- */
    .search-form {
        margin-left: 0px;
        padding: 10px 0 1px 10px;
        width: 250px;
    }

    .search-form form {
        margin: 0 0 10px 0;;
    }

    .search-form h3 {
        padding: 0px 0;
        font-size: 27px;
    }

    .search-form input, .search-form button, .search-form select, .search-form textarea {
        font-size: 12px;
    }

    .search-form label {
        font-size: 11px;
    }

    .search-block input {
        width: 226px;
        height: 16px;
        line-height: 16px;
        padding: 8px 6px;
    }

    .search-block select {
        width: 240px;
        padding: 8px 6px;
        height: 36px;
    }

    #departDate {
        background: url("../images/icon-cal.png") no-repeat scroll 90px center #FFFFFF;
        width: 104px;
    }

    #returnDate {
        background: url("../images/icon-cal1.png") no-repeat scroll 90px center #FFFFFF;
        width: 104px;
    }

    .passenger-dropdown-trigger {
        font-size: 12px;
        height: 16px;
        line-height: 16px;
        margin-right: 2px;
        padding: 8px 6px;
        width: 126px;
    }

    .passenger-group {
        float: left;
        position: relative;
        width: 140px;
    }

    .passenger-dropdown-menu {
        display: none;
        background-color: #f7f7f7;
        border: 1px solid #fff;
        border-bottom: 3px solid #ea1a86;
        min-width: 0;
        outline: none;
        padding: 0 0 4px 0;
        top: 0px;
        left: 0px;
        z-index: 10;
        width: 138px;
        position: absolute;
        color: #333;
        -webkit-box-shadow: 0px 2px 3px 0px rgba(0, 0, 0, 0.3), 0px 0px 12px 2px rgba(0, 0, 0, 0.2);
        box-shadow: 0px 2px 3px 0px rgba(0, 0, 0, 0.3), 0px 0px 12px 2px rgba(0, 0, 0, 0.2);
    }

    .passenger-dropdown-menu .title {
        display: block;
        margin-bottom: 10px;
        margin-left: 10px;
        margin-top: 10px;
        font-size: 15px;
        font-weight: 300;
        color: #777;
    }

    .search-form .search-block .passenger-dropdown-menu label {
        font-size: 14px;
        text-shadow: none;
    }

    .passenger-table-expand {
        padding: 10px 8px 1px;
        width: 100%;
        display: table;
    }

    .passenger-row {
        margin-bottom: 5px;
        display: table-row;
        text-align: left;
    }

    .passenger-column {
        display: table-cell;
        line-height: 24px;
    }

    .passenger-column label {
        color: #555;
        display: block;
    }

    .passenger-column label small {
        font-size: 10px;
        color: #888;
    }

    .passenger-column select {
        width: 62px;
        border-radius: 0px;
        padding: 8px 6px;
        height: 36px;
        margin: 2px 0 5px 0px;
    }

    .search-form .actions input {
        background: url("../images/arrow-right.png") no-repeat scroll right center #EA1A86;
        font-size: 16px;
        font-weight: 300;
        margin: 0 0 0 10px;
        padding: 8px 29px 10px 10px;
    }

    /* -------------[ Tablet - Homepage - Carousel ]------------- */
    .carousel-wrap {
        width: 508px;
        height: 295px;
        top: 60px;
        right: 0px;
        padding: 0px;
    }

    .carousel-indicators {
        position: absolute;
        bottom: -15px;
        right: 5px;
        top: auto;
    }

    .carousel-indicators li {
        background-color: rgba(245, 245, 245, 0.4);
        margin-left: 4px;
        height: 10px;
        width: 10px;
    }

    .carousel-indicators li:hover {
        background-color: rgba(245, 245, 245, 0.9);
    }

    .carousel-indicators .active {
        background-color: rgba(245, 245, 245, 0.7);
    }

    /* -------------[ Tablet - Homepage - Destination Grid ]------------- */
    .tab-intro {
        display: none;
    }

    .tabbable .nav-tabs > li {
        margin-left: 2px;
        margin-right: 0px;
    }

    .nav-tabs > li > a {
        padding: 8px 20px 12px;
        margin-right: 0px;
    }

    .grid1 {
        width: 468px;
        margin-bottom: 0px;
    }

    .grid2 {
        width: 468px;
        margin-top: 0px;
        margin-left: 0px;
        position: relative;
        top: -1px;
        margin-bottom: 12px;
    }

    /* -------------[ Tablet - Subscribe ]------------- */
    #subscribeBar {
        padding: 10px 0 0px;
        width: 100%;
    }

    #subscribe-intro {
        float: left;
        margin: 3px 8px 0 15px;
        width: 400px;
    }

    #subscribeBar #frm-subscribe {
        float: left;
        margin-bottom: 0;
        width: 336px;
    }

    #subscribeBar #frm-subscribe #subscribe-email {
        margin: 0 4px 0 0;
        padding: 8px 4px 9px 8px;
        width: 115px;
    }

    #subscribeBar #frm-subscribe #subscribe-state {
        float: left;
        height: 37px;
        margin: 0 4px 0 0;
        outline: none;
        padding: 8px 4px 9px 8px;
        width: 79px;
    }

    #subscribeBar #frm-subscribe .btn {
        background: url("../images/arrow-right.png") no-repeat scroll right center #0088CC;
        border: none;
        border-radius: 0 0 0 0;
        color: #FFFFFF;
        margin: 0;
        padding: 9px 34px 10px 18px;
    }

    /* -------------[ Tablet - Content ]------------- */
    .table-responsive {
        border: 1px solid #DDDDDD;
        margin-bottom: 15px;
        overflow-x: scroll;
        overflow-y: hidden;
        width: 100%;
    }

    .table-responsive .table {
        margin-bottom: 0px;
    }

    .table-responsive > .table > thead > tr > th, .table-responsive > .table > tbody > tr > th, .table-responsive > .table > tfoot > tr > th, .table-responsive > .table > thead > tr > td, .table-responsive > .table > tbody > tr > td, .table-responsive > .table > tfoot > tr > td {
        white-space: nowrap;
    }

    /* -------------[ Tablet - show/hide ]------------- */
    .tablet-show {
        display: block;
    }

    .tablet-hide {
        display: none;
    }

    /* -------------[ Tablet - Side Column ]------------- */
    /* -------------[ Tablet - Footer ]------------- */
    .footer #shield {
        width: 310px;
        margin: 30px 0 0 30px;
    }

    .foot-list {
        padding: 10px 0 20px 0;
    }

    .foot-list-1 {
        width: 210px;
    }

    .foot-list-2 {
        width: 210px;
    }

    .foot-list-3 {
        padding: 40px 0 0px 0;
        width: 400px;
        margin-right: 0px;
    }

    .foot-subscribe #foot-subscribe-email {
        width: 186px;
        padding: 8px 4px 9px 8px;
    }

    .foot-subscribe #foot-subscribe-state {
        width: 90px;
        padding: 8px 4px 9px 8px;
    }

    /* -------------[ Tablet - Flight - Country /City ]------------- */
    /* -------------[ Tablet - Store ]------------- */
    body.store aside .expert {
        float: left;
        margin: 60px 40px 40px 40px;

    }

    body.store aside .expert {
        float: left;
        margin: 60px 40px 40px 40px;

    }

    /* -------------[ Tablet - Modal ]------------- */
    .modal.fade.in {
        top: 20%;
    }

    .modal {
        width: 90%
    }

    .modal-body {
        max-height: 700px;
        padding-bottom: 30px;

    }

    .modal #personInfo {
        float: left;
        width: 96%;
        padding: 0 2%;
    }

    .modal #personInfo input, select {
        width: 100%
    }

    .modal #comments {
        float: left;
        width: 96%;
        padding: 0 2%;
    }

    .modal #comments input, textarea {
        width: 100%
    }

    .modal #traveldetails .checkbox-inline {
        float: left;
        width: 100%;

    }
    .carousel-inner {
        height: 200px;
    }
    #sideCarousel {
        padding-top: 50px;
    }
    .search-block-half select {
        width: 118px;
    }
    .search-block-half {
        width: 122px;
    }
    .award {
        width: 33.333%;
        float: left;
        min-height: 300px;
    }
}

/* ----------------------------------------------------[ WIDE - Wider than 1580px ]-------------------------- */

@media (min-width: 1580px) {
    /* ––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––
                   W I D E   S T Y L E S
    ––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––– */
    /* -------------[ Wide - Structure ]------------- */
    article {
        width: 790px;
        float: left;
        margin: 10px 0 0 20px;
    }

    aside {
        width: 250px;
        float: right;
        margin: 10px 20px 0 0;
    }

    article.flight {
        width: 750px;
        float: right;
        margin: 10px 20px 0 0;
    }

    article.aside {
        width: 290px;

        float: left;
        margin: 10px 0 0 20px;
    }

    .container, .navbar-fixed-top .container, .navbar-fixed-bottom .container {
        width: 1100px;
    }

    /* -------------[ Wide - Header ]------------- */
    #logo {
        margin: 12px 0 0 10px;
    }

    #subscribeBar #frm-subscribe {
        width: 541px;
        float: left;
    }

    #subscribeBar #frm-subscribe #subscribe-email {
        float: left;
        width: 271px;
        margin: 0 6px 0 0;
        border-radius: 0px 0px 0px 0px;
    }

    #subscribeBar #frm-subscribe #subscribe-state {
        float: left;
        width: 117px;
        outline: none;
        margin: 0 6px 0 0;
    }

    #subscribeBar #frm-subscribe .btn {
        color: #FFFFFF;
        border: none;
        border-radius: 0px 0px 0px 0px;
        padding: 9px 40px 10px 24px;
        margin: 0 0 0 0px;
        text-shadow: none;
        font-weight: 300;
    }

    /* -------------[ Wide - Main Nav ]------------- */
    .megamenu_fixed .megamenu {
        width: 1100px;
        margin: 0 auto;
        padding: 0 1px;
    }

    .megamenu_container .megamenu > li {
        margin: 0 0 0 0;
    }

    .megamenu_dark_bar .megamenu > li .megamenu_drop {
        background: url("../images/dropdown.png") no-repeat scroll right 20px rgba(0, 0, 0, 0);
    }

    /* -------------[ Wide - Home - banner ]------------- */
    .banner {
        height: 470px;
        min-height: 424px;
    }

    .search-form {
        margin: 60px 0 0 0px;
        padding: 26px 10px 14px 30px;
        width: 290px;
    }

    /* -------------[ Wide - Homepage - Carousel ]------------- */
    .carousel-wrap {
        width: 717px;
        height: 325px;
        top: 60px;
        right: 0px;
        padding: 10px 25px;
    }

    .carousel-indicators {
        position: absolute;
        right: 5px;
        bottom: -15px;
    }

    .carousel-indicators li {
        background-color: rgba(245, 245, 245, 0.4);
        margin-left: 4px;
        height: 10px;
        width: 10px;
    }

    .carousel-indicators li:hover {
        background-color: rgba(245, 245, 245, 0.9);
    }

    .carousel-indicators .active {
        background-color: rgba(245, 245, 245, 0.7);
    }

    /* -------------[ Wide - Content ]------------- */
    .grid1 {
        width: 385px;
        float: left;
    }

    .grid2 {
        width: 385px;
        float: left;
        margin-left: 20px;
    }

    /* -------------[ Wide - Footer ]------------- */
    .footer #shield {
        width: 300px;
    }

    .foot-list {
        padding: 40px 0 20px 0;
    }

    .foot-list-1 {
        width: 210px;
    }

    .foot-list-2 {
        width: 210px;
    }

    .foot-list-3 {
        width: 340px;
        margin-right: 40px;
    }

    .foot-subscribe #foot-subscribe-email {
        width: 136px;
        padding: 8px 4px 9px 8px;
    }

    .foot-subscribe #foot-subscribe-state {
        width: 80px;
        padding: 8px 4px 9px 8px;
    }
    .hotdeals .ast {
        top: -17px;
    }
}

/* ----------------------------------------------------[ MOBILE - Smaller than standard 767px ]-------------------------- */

@media (max-width: 770px) {
    /* ––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––
                   M O B I L E   S T Y L E S
    ––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––– */
    /* -------------[ Mobile - Structure ]------------- */
    .container, .navbar-fixed-top .container, .navbar-fixed-bottom .container, header {
        width: 100%;
    }
    .media-left {
        height: 100px;
    }
    .search-block select.passenger{
        width:50px;
    }
    .passenger-dropdown-menu .title{
        font-size:10px;
    }
    .mobile-menu{
        display: block;
    }
    .megamenu_container{
        display: none;
    }
    section {
        width: 100%;
        float: left;
    }

    article {
        width: 100%;
        float: left;
        margin: 0px 0px 0 0px;
        margin-top: 20px;
        text-align: center;
        box-sizing: border-box;
        padding: 0 10px;
    }

    aside {
        width: auto;
        float: left;
        margin: 12px 10px 0 10px;
    }

    article.flight {
        width: auto;
        float: left;
        margin: 0px 10px 0 10px;
    }

    aside.flight {
        width: auto;
        float: left;
        margin: 12px 10px 0 0px;
    }

    aside.flight {
        width: 100%
    }

    aside.flight .search-form {
        float: left;
        margin: 20px 0px 0 0px !important;
        padding: 10px 0px 20px 0px !important;
        width: 100%;
        text-align: center;
    }

    aside.flight .search-form form {
        text-align: left;
        float: none;
        margin: 0px auto 0 auto !important;
        padding: 10px 0px 10px 30px !important;
        width: 320px;
    }

    /* -------------[ Mobile - Banner Section ]------------- */
    .headwrapper {
        display: none !important;
    }

    .banner {
        height: auto;
        min-height: 100%;
        width: 100%;
        margin-bottom: 40px;
        padding-bottom: 20px;
        text-align: center;
    }

    .carousel-wrap {
        display: none !important;
    }

    /* -------------[ Mobile - Home Search Form ]------------- */
    .search-form {
        text-align: left;
        background: url("../images/search-bg.png") repeat scroll right center rgba(0, 0, 0, 0);
        color: #FFFFFF;
        margin: 20px auto 0 auto;
        padding: 16px 10px 10px 10px;
        width: 280px;
    }

    .search-form ul {
        width: 100%;
    }

    .search-form ul li {
        display: block;
        width: 100%;
    }

    .search-block select {
        display: block;
        height: 36px;
        padding: 8px 6px;
        width: 278px;
        background: #fff;
    }

    .search-form .search-block input {
        width: 264px;
    }

    #departDate {
        background: url("../images/icon-cal.png") no-repeat scroll 246px center #FFFFFF;
    }

    #returnDate {
        background: url("../images/icon-cal1.png") no-repeat scroll 248px center #FFFFFF;
    }

    .search-form .actions input {
        width: 127px;
    }

    /* -------------[ Mobile - Subscribe Bar ]------------- */
    #subscribeBar {
        display: none !important;
    }

    #expert {
        display: none !important;
    }

    /* -------------[ Mobile - Menu ]------------- */
    .menufication-add-padding, .menufication-non-css3-add-padding {
        padding-top: 42px;
    }

    #menufication-top, #menufication-non-css3-top {
        background: url("../images/m-logo.png") no-repeat left top #F5F6F8;
        background-size: auto 100%;
        height: 50px;
        left: 0px;
        min-height: 50px;
    }

    #menufication-top #menufication-btn:before, #menufication-non-css3-top #menufication-non-css3-btn:before {
        top: 5px;
        left: 6px;
    }

    #menufication-nav {
        padding: 0 0 50px 0 !important;
    }

    #menufication-nav h1, #menufication-non-css3-nav h1, #menufication-nav h2, #menufication-non-css3-nav h2, #menufication-nav h3, #menufication-non-css3-nav h3 {
        display: none !important;
    }

    #menufication-nav p {
        display: none !important;
    }

    .navbar-fixed-top {
        display: none !important;
    }

    .tabbable {
        margin-top: 20px;
    }

    .nav-tabs > li > a {
        margin-right: 0;
        padding: 8px 6px 12px;
        font-size: 10px;
    }

    .grid1 {
        margin-bottom: 0;
        width: 100%;
    }

    .grid2 {
        width: 100%;
    }

    #world {
        display: none !important;
    }

    .footer {
        width: 96%;
        margin: 0 2% 0px 2%;
    }

    .footer #shield {
        margin: 20px auto;
        text-align: center;
        width: 47%;
        height: auto;
    }

    .footer #shield img {
        margin: 20px auto;
        max-width: 100%;
        height: auto;
    }

    .foot-list-1, .foot-list-3, .foot-list-packages {
        display: none !important;
    }

    .foot-list-2 {
        width: 47%;
        float: right;
    }

    /* -------------[  Mobile -  Flight for region,country,city  ]------------- */
    aside.flight .expert,
    aside .side-shield,
    body.flight-country .bookby,
    body.flight-country .dates,
    body.flight-country .location-intro,
    body.flight-country .about {
        display: none;
    }

    body.flight-city aside .expert,
    body.flight-city .bookby,
    body.flight-city .dates,
    body.flight-city .location-intro,
    body.flight-city .about {
        display: none;
    }

    .hotdeals td a {
        padding: 20px 3px;
        display: block;
        color: #000;
    }

    .hotdeals .priceLarge {
        font-size: 28px;
        padding: 12px 0 0 0px;
    }

    .banner1 h2 {
        font-size: 24px;

    }

    #phone-icon {

        position: absolute;
        top: 0px;
        right: 10px;
        z-index: 99999;
    }

    /* -------------[ Mobile - Modal ]------------- */
    .modal {
        width: 90% !important;
        margin: 0;
        left: 5%;
    }

    .modal.fade.in {
        top: 8%;
    }

    .modal-body {
        max-height: 700px;
        padding-bottom: 30px;

    }

    .modal #personInfo {
        float: left;
        width: 96%;
        padding: 0 2%;
    }

    .modal #comments {
        float: left;
        width: 96%;
        padding: 0 2%;
    }

    .modal .traveldetails .checkbox-inline {
        float: left;
        width: 100%;

    }

    /* -------------[ Contact  ]------------- */
    .map-canvas {
        width: 393px;
        float: left;
        margin: 10px 0px;
    }

    .address, .map-canvas {
        width: 393px;
        float: none;
        margin: 0 auto;
        padding-top: 30px;
        max-width: 100%;
    }
    #departDate {
        width: 140px;
    }
    .search-block-half {
        width: 278px;
    }
    h2 {
        font-size: 20px;
    }
    .package-content{
        text-align: left;
    }
}


@media screen and ( max-height: 1200px ){
    .modal-body {
        max-height: 500px;
    }
}
@media screen and ( max-height: 780px ){
    .modal-body {
        max-height: 350px;
    }
}
@media (max-width: 400px) {
    .media-left {
        width: 100%;
        text-align: center;
        height: 150px;
    }
    #pageContent iframe{
        display: none;
    }
    .award{
        width:100%;
        float: left;
        text-align: center;
    }
    .award img{
        width: 160px;
        height:auto;
    }
}