@import url('//fonts.googleapis.com/css?family=Open+Sans:400,700,300,600');

/* COLORS
    Primary Blue        : #3CB1F0;
    Purple              : #a14176;
    Green               : #72c267;
    Yellow              : #ffe895;
    Red                 : #ef4035;
*/

/* BASE
============================================================================= */
*                       { box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; }
html                    { overflow-y:scroll; }
body                    { font-family:'Open Sans'; }
img.pull-right          { margin-left:10px; }
img.pull-left           { margin-right:10px; }

#welcome .btn-primary i             { color:#000059;
    text-shadow:0 1px 0 #599dff; -moz-text-shadow:0 1px 0 #599dff; -webkit-text-shadow:0 1px 0 #599dff;
}

input[type=text]        { height:auto; }

/* HEADER
============================================================================= */
header                      { background:#FFF; border-top:5px solid #7fcde8; padding-bottom:12px; padding-top:12px;
    animation:colorBar 50s infinite; -moz-animation:colorBar 50s infinite; -webkit-animation:colorBar 50s infinite;
}
header.subpage              { border-bottom:1px solid #E9E9E9; }

    /* logo ----------------------------------------------------- */
    #logo                   { padding-top:5px; }
    #logo img               { width:250px; }

    /* language navigation -------------------------------------- */
    #language-nav           {  }

    /* main navigation ------------------------------------------ */
    #main-nav               { margin-top:35px; display: inline-block; }
    #main-nav > ul          { margin-bottom:0; }
    #main-nav > ul li       {  }
    #main-nav > ul a        { color:#3c3a37; font-weight:700; margin-right:10px; padding:5px 10px;
        transition:0.2s all ease-in-out;
    }
    #main-nav > ul a:hover  { background:none; color:#7fcde8; }
    #main-nav > ul i        { color:#A63F2C; margin-right:5px; }
    /*#main-nav > ul i      { color:#595959; display:block; font-size:30px; margin-bottom:10px; }*/

        /* dropdown nav */
        #main-nav li ul             {  }
            #main-nav li ul li      {  }
            #main-nav li ul a       { font-weight:400; }

    /* contact ------------------------------------------ */
    #header-contact         { color:#3c3a37; font-size:12px; margin-top:1px; }
    #header-contact strong  { color:#000; }
    #visitorInfoMenu        { z-index:9999; }

    /* trip advisor ------------------------------------------ */
    #CDSWIDCOE { margin:auto !important; }

/* FOOTER
============================================================================= */
footer                      { border-top:1px solid #E9E9E9; font-size:12px; padding-bottom:30px; padding-top:30px; }


/* Special Promotionss
============================================================================= */
.home-airplane-promo        { width:100%;  margin-bottom: 30px; }

/* MAIN
============================================================================= */
#main                       { padding-bottom:30px; padding-top:30px; }
.home #main .row            { margin-bottom:30px; }
.pop-tour p                 { font-size: 17px; }

/* HOME
============================================================================= */
#welcome                    { background:url(/acc_img/vault/scenic/img/gc4.jpg); background-color:#E9E9E9; background-position:top center; background-repeat:no-repeat; min-height:500px; overflow:hidden; padding:120px 50px 0; position:relative; }

    /* welcome nav (i want to)
    ------------------------------------------------------------------------- */
    #welcome-want                       { background:rgba(0, 34, 84, 0.5); border:1px solid #003267; color:#FFF; padding:0 10px 10px 10px; position:relative;
        border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px;
        box-shadow:0 0 5px #333; -moz-box-shadow:0 0 5px #333; -webkit-box-shadow:0 0 5px #333; }
    #welcome-want h3                    { text-shadow:0 0 5px #000; -moz-text-shadow:0 0 5px #000; -webkit-text-shadow:0 0 5px #000; }
    #welcome-want.transparent           { background:none; border:0; box-shadow:none; }

    /* want message */
    #welcome-message                    { background:rgba(13, 47, 97, 0.5); border:1px solid #003267; color:#FFF; left:6%; position:absolute; top:140px; width:88%; z-index:9999;
        border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px;
        box-shadow:0 0 5px #333; -moz-box-shadow:0 0 5px #333; -webkit-box-shadow:0 0 5px #333;
    }
    #welcome-message.visible            { padding:50px; }
        #want-close                     { color:rgba(165, 224, 255, 0.5); font-size:50px; position:absolute; right:10px; top:10px; }
        #want-close:hover               { text-decoration:none; }
        #welcome-message i              { margin-left:15px; }

    .want-message                       { background:#002742; cursor:auto; display:none; left:0; padding:20px; position:absolute; top:0; width:500px; z-index:99999; }

    /* want image */
    #welcome-bg                         { left:0; position:absolute; top:0; z-index:8888; }
    #welcome-bg img                     { max-width:none !important; }

    .want-image                         { display:none; }

    /* want boxes */
    #welcome-boxes                      { }
    .want-box                           { background-size:cover; cursor:pointer; display:block; float:left; text-align:center; width:25%; }
        .want-box:hover .want-header    { color:#a5f3ff;
            transition:0.5s all ease; -moz-transition:0.5s all ease; -webkit-transition:0.5s all ease; }

        /* want header */
        .want-header                    { color:#FFF; font-size:18px; font-weight:bold; padding:10px 0 0 0; text-align:center;
            text-shadow:0 0 5px #000; -moz-text-shadow:0 0 5px #000; -webkit-text-shadow:0 0 5px #000; }

        /* want content */
        .want-content                       { height:180px; padding:5px; position:relative; }
            .want-content img               { left:35%; position:absolute; top:15%;
                transition:0.5s all ease; -moz-transition:0.5s all ease; -webkit-transition:0.5s all ease; }
            .want-content:hover img:last-child  { background:#7fcde8; }
            .want-message-content               {font-size:18px; }
            #wland                              { }
                #wland img:first-child          { transform:rotate(-6deg); -moz-transform:rotate(-6deg); -webkit-transform:rotate(-6deg); }
                #wland img:nth-child(2)         { transform:rotate(12deg); -moz-transform:rotate(12deg); -webkit-transform:rotate(12deg); }
                #wland img:last-child           { transform:rotate(-8deg); -moz-transform:rotate(-8deg); -webkit-transform:rotate(-8deg); }
            #wfly                               { }
                #wfly img:first-child           { transform:rotate(-5deg); -moz-transform:rotate(-5deg); -webkit-transform:rotate(-5deg); }
                #wfly img:nth-child(2)          { transform:rotate(8deg); -moz-transform:rotate(8deg); -webkit-transform:rotate(8deg); }
                #wfly img:last-child            { transform:rotate(2deg); -moz-transform:rotate(2deg); -webkit-transform:rotate(2deg); }
            #wwater                             { }
                #wwater img:first-child         { transform:rotate(-5deg); -moz-transform:rotate(-5deg); -webkit-transform:rotate(-5deg); }
                #wwater img:nth-child(2)        { transform:rotate(5deg); -moz-transform:rotate(5deg); -webkit-transform:rotate(5deg); }
                #wwater img:last-child          { transform:rotate(-4deg); -moz-transform:rotate(-4deg); -webkit-transform:rotate(-4deg); }
            #wedge                              { }
                #wedge img:first-child          { transform:rotate(-5deg); -moz-transform:rotate(-5deg); -webkit-transform:rotate(-5deg); }
                #wedge img:nth-child(2)         { transform:rotate(-10deg); -moz-transform:rotate(-10deg); -webkit-transform:rotate(-10deg); }
                #wedge img:last-child           { transform:rotate(5deg); -moz-transform:rotate(5deg); -webkit-transform:rotate(5deg); }
            #wbutt                              { }
                #wbutt img:first-child          { transform:rotate(-5deg); -moz-transform:rotate(-5deg); -webkit-transform:rotate(-5deg); }
                #wbutt img:nth-child(2)         { transform:rotate(-6deg); -moz-transform:rotate(-6deg); -webkit-transform:rotate(-6deg); }
                #wbutt img:last-child           { transform:rotate(8deg); -moz-transform:rotate(8deg); -webkit-transform:rotate(8deg); }

    /* welcome information
    ------------------------------------------------------------------------- */
    #home-basic                                 {  }

    #exploring-gc                               {  }
    #exploring-gc img                           { margin-bottom:15px; }

    #btn-exclusive                              { display: block; margin: 0 auto; white-space: normal; }

/* PRODUCT LISTINGS
============================================================================= */
#product-filtering                              {  }
#product-filtering .row                     { margin-bottom:8px; }
#product-filtering i                            { margin-right:4px; }

    #filter-equipment           { margin-bottom:10px; }
    #filter-equipment2          { margin-left:0; }

#no-tours                                       { display:none; }

#product-listings                               {  }
#product-listings .page-header                  { margin-bottom:0; }
.product-listing                                { border-bottom:1px solid #E9E9E9; padding:25px 0 40px; }
.product-listing:last-child                     { border-bottom:none; }
    .product-listing h2                         {  }
    .product-listing a:hover                    { text-decoration:none; }

.listing-icons                                  { color:#8cdaf5; font-size:50px; }
    .listing-icons div                          { margin-bottom:10px; }
    .listing-icons div img                      { background:#EFEFEF; padding:15px; width:80px; }
    .listing-icons ul                           { margin-top: 0; margin-bottom: 10px; list-style-type: none; margin: 0px; padding: 0; display:inline-block;}
    .listing-icons li                           { display:block; float:left;}
    .listing-icons div img:hover                { background:#DDD; transition:all 0.5s ease; -moz-transition:all 0.5s ease; -webkit-transition:all 0.5s ease; }

.listing-price                                  {  }
    .listing-price .row                     { margin-bottom:20px; }
    .listing-price strong                       { display:block; font-size:32px; font-weight:400; padding:10px 0; }
    .listing-price span                         { display:block; }

.img-circle                                     { font-family: 'Open Sans'; color: #428bca; font-size: 15px; }

/* REDIRECT PAGES
============================================================================= */
.entertainment { background-color: rgba(0, 120, 180, 0.5); padding: 2.5em; margin-top: 11.5em; }
.entertainment h2 { font-size: 2.5em; color: #F0F0F0; text-shadow: 0 0 10px #000; margin-bottom: 20px; }
.entertainment img { margin-left: auto; margin-right: auto; margin-bottom: 20px;}
#redirectWelcome { background: url(/acc_img/vault/scenic/img/gc4.jpg); min-height: 500px; }

/* PRODUCT PAGE
============================================================================= */
#tour-social                                    { margin-top:15px; }

#tour-icons                                     { margin-bottom:20px; margin-top:20px; }
    #tour-icons img                             { background:#EFEFEF; padding:10px; width:80px; }
    #tour-icons img:hover                       { background:#DDD; transition:all 0.5s ease; -moz-transition:all 0.5s ease; -webkit-transition:all 0.5s ease; }

.slick-tour img                                 { margin: 0 auto; }
.slick-prev, .slick-next                        { z-index: 10; width: 40px; height: 40px; }
.slick-next:before, .slick-prev:before          { font-family: FontAwesome; }
.slick-prev                                     { left: 0;}
.slick-prev:before                              { content: '\f100'; }
.slick-next                                     { right: 0;}
.slick-next:before                              { content: '\f101'; }

#go-book                                        { margin-bottom:10px; }

.btn-success                                    { margin-top: 10px !important; }
.bg-info                                        { padding:15px; background-color: #d9edf7;}

#product-upgrades .view-title                   { background: rgba(0, 0, 0, 0.5); position:relative; bottom:30px; width:100%; padding:5px; padding-top:5px; color:#FFF; border-bottom-left-radius:6px; -webkit-border-bottom-left-radius:6px; border-bottom-right-radius:6px; -webkit-border-bottom-right-radius:6px;}
#product-upgrades img                           { width:100% !important; }

/* BLOG
============================================================================= */
.post-title { margin-bottom: 5px; color: #3c3a37;}
.post-title a { color: #3c3a37;}
.post-title a:hover {text-decoration: none;}
.post-date { margin-bottom:15px;}

.featured-image { margin-bottom: 10px;}

/* RESPONSIVE
============================================================================= */
@media(max-width:1179px) {

}

/* tablet and below */
@media (max-width:991px) {
    .want-box .want-content img:first-child         { transform:rotate(0) !important; -moz-transform:rotate(0) !important; -webkit-transform:rotate(0) !important; }
    .want-go                                        { margin-bottom:15px; }
    .tour-go-button                                 { margin-bottom:15px; }

    #product-filtering                              { text-align: center; }
    #product-filtering .btn-group                   { display: table; margin: 0 auto; }
    #product-filtering .btn-stack                   { display:inline-block; }
    #product-filtering .btn-stack .btn              { display: block; float: none; max-width: 100%; text-align:center; width:100px; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; }
    #product-filtering #filter-origin .btn          { width:200px; }
    #product-filtering .btn-stack .btn:first-child  { -webkit-border-radius: 4px 4px 0 0; -moz-border-radius: 4px 4px 0 0; border-radius: 4px 4px 0 0; }
    #product-filtering .btn-stack .btn:last-child   { -webkit-border-radius: 0 0 4px 4px; -moz-border-radius: 0 0 4px 4px; border-radius: 0 0 4px 4px; }
    #product-filtering .btn-stack > .btn + .btn     { margin-top:-1px; margin-left:0; }
}

/* tablet */
@media (max-width:991px) and (min-width:768px) {
    #main-nav               { margin-top:10px; }

    .filter-btn-group       { width:100%; }

    #welcome                { padding-top:60px; padding-bottom:40px; }
    .want-box               { width:50%; }
    .center-image           { float:left; margin: 10px; max-width: 250px; }
}

/* phone */
@media (max-width:767px) {
    body                    {  }

    #language-nav           { float:none; text-align:center; }
    #logo img               { display:block; margin:0 auto; }
    #main-nav               { display:block; margin:0 auto; }

    #welcome                { padding-top:60px; padding-bottom:40px; }
    #welcome-message            { top:70px; }
    #welcome-message.visible    { padding:30px; }
    #welcome-message-content h2 { font-size:20px;line-height:24px}
    .want-box                                       { width:50%; }
    .want-box .want-content img:first-child         { transform:rotate(0) !important; -moz-transform:rotate(0) !important; -webkit-transform:rotate(0) !important; }
    .want-message-content                           { font-size:13px; }
    .filter-btn-group       { margin-bottom:10px; }

    footer nav      { text-align:center; }
    #copyright      { text-align:center; }
    .want-content img       { position: static;}
    .center-offers, .center-image  {  text-align: center; margin: 0 auto; float: none;}
    .btn { white-space: normal; } /* override bootstrap for small devices only for word wrapping on buttons */
}

@media (max-width: 500px){
    #main-nav > ul a { display: block; padding: 10px 50px; }
}

/*SIDEBAR NAV*/
@media (max-width: 991px){
    #sidebar-book, #visitor-nav           { padding-right: 0; padding-left: 0; }
    .product-listings                     { padding: 0; }
}

.brdUSAImg, .widCOEImg          { display: inline-block; }

/*VISITOR INFORMATION*/
/*WEATHER*/
.wImg           { padding-right: .5em; }

/*AIRCRAFT AND PASSENGER SAFETY*/
.faa-logo           { max-width: 85px; max-height: 85px; padding-right: .5em; }

/*GCW FAST FACTS*/
.gcw            { max-width: 250px; max-height:174px; padding-bottom: 1em; }
.text-center         { text-align: center; }

/*NATIONAL PARK FAST FACTS*/
.gcn            { max-width: 250px; max-height: 204px; }

/*INNER CANYON ACTIVITIES AND TOURS*/
#big-canyon-img     { width: 55%; height: 55%; }

/* ANIMATION
============================================================================= */
@keyframes colorBar             {
    0%              { border-top:5px solid #3CB1F0; }
    20%             { border-top:5px solid #a14176; }
    40%             { border-top:5px solid #72c267; }
    60%             { border-top:5px solid #ffe895; }
    80%             { border-top:5px solid #ef4035; }
    99%             { border-top:5px solid #3CB1F0; }
}
@-moz-keyframes colorBar    {
    0%              { border-top:5px solid #3CB1F0; }
    20%             { border-top:5px solid #a14176; }
    40%             { border-top:5px solid #72c267; }
    60%             { border-top:5px solid #ffe895; }
    80%             { border-top:5px solid #ef4035; }
    99%             { border-top:5px solid #3CB1F0; }
}
@-webkit-keyframes colorBar     {
    0%              { border-top:5px solid #3CB1F0; }
    20%             { border-top:5px solid #a14176; }
    40%             { border-top:5px solid #72c267; }
    60%             { border-top:5px solid #ffe895; }
    80%             { border-top:5px solid #ef4035; }
    99%             { border-top:5px solid #3CB1F0; }
}