#shopping .form-group {
    margin-right: 0;
    margin-left: 0
}

#shopping .form-control-ages {
    width: 6em;
    display: inline
}

#shopping .phone {
    font-size: 2em;
    font-weight: 700
}

#shopping select,
.hotel-list {
    padding-left: 0
}

.shoptype .glyphicons {
    font-size: 2em;
    padding-right: 0
}


.shoptype a {
    font-size: .8em
}

.nav-tabs {
    border-bottom: 1px solid#0061aa;
    border-bottom: 1px solid#007286;
    border-bottom: 1px solid#131f6b
}

.nav-tabs>li {
    padding: 5px 0 0;
    width: 33%;
    text-align: center
}to

.nav-tabs>li:first-child {
    width: 34%
}

.nav-tabs>li>a {
    color: #0061aa;
    cursor: pointer;
    background-color: #fff;
    border: 1px solid#ddd;
    border-bottom-color: #0061aa;
    margin-right: 1px;
    color: #007286;
    border-bottom-color: #007286;
    color: #131f6b;
    border-bottom-color: #131f6b;
    font-size: 14px
}

.nav-tabs>li>a:focus,
.nav-tabs>li>a:hover {
    color: #0061aa;
    background-color: #a5d3f5;
    border: 1px solid#ddd;
    border-bottom-color: #0061aa;
    color: #007286;
    border-bottom-color: #007286
}

.nav-tabs>li.active>a,
.nav-tabs>li.active>a:focus,
.nav-tabs>li.active>a:hover {
    color: #fff;
    background-color: #0061aa;
    border: 1px solid#ddd;
    border-bottom-color: #0061aa;
    background-color: #007286;
    border-bottom-color: #007286
}

.nav>li>a {
    position: relative;
    display: block
}

.aohide .fa,
.aoshow .fa {
    padding-left: .5em
}

#cisocial ul li {
    font-size: 12px!important
}

#cisocial {
    top: 190px!important;
    z-index: 100000;
    position: absolute;
    top: 136px;
    right: 0
}

#myCarousel div.item {
    width: 100%;
    height: 600px;
    width: auto;
    height: auto
}

#myCarousel ol {
    position: relative;
    width: 100%;
    text-align: right;
    margin: 20px 0 0;
    padding: 0;
    height: 20px;
    left: 0;
    text-align: center
}

#myCarousel ol li {
    color: #fff;
    background: transparent url(/media/images/activeslideno.png) no-repeat 0 0
}

#myCarousel ol li.active {
    background: transparent url(/media/images/activeslide.png) no-repeat 0 0
}

.section {
    width: 100%
}



p.intro-copy {
    font-family: Oswald, sans-serif;
    color: #727272;
    font-size: 1em;
    text-align: justify
}

.float {
    float: right
}

#notification-box.alert.alert-danger,
ol.carousel-indicators li {
    border-radius: 0
}

ol.carousel-indicators li.active {
    width: 10px;
    height: 10px
}

#content .hptileslcolumn-box,
#content .hptilesmcolumn-box {
    width: 220px;
    height: 28em;
    float: left;
    margin-right: 10px;
    position: relative
}

#content .hptileslcolumn,
#content .hptilesmcolumn,
#content .hptilesrcolumn {
    background-color: transparent;
    width: 220px;
    display: inline-block;
    padding-bottom: 5px;
    height: 25em;
    overflow: hidden;
    background-color: #adc0c7;
    height: 31em
}

#content .hptilesrcolumn-box {
    width: 220px;
    height: 28em;
    float: right;
    position: relative
}

#content .hptiles {
    margin: 0;
    padding: 0;
    width: 100%
}

#content .hptileshead {
    font-size: 1em;
    padding: .5em .25em 0 0;
    width: 210px;
    font-weight: 700;
    color: #151515;
    text-align: left;
    letter-spacing: .2px;
    text-transform: uppercase;
    font-size: 15px;
    padding: 5px 5px 0;
    color: #5a6c76;
    text-align: center
}

#content .hptilessubhead {
    font-size: 1em;
    padding: 0 5px 5px;
    width: 210px;
    margin-top: -3px;
    color: #151515;
    text-align: left;
    letter-spacing: .2px;
    font-size: 12px;
    color: #5a6c76;
    text-align: center
}

#content .hptilestext {
    width: 210px;
    padding: 0;
    font-size: 11px;
    padding: 5px;
    color: #5a6c76
}

#content .hptilestext p {
    font-size: 16px;
    font-weight: lighter;
    color: #727272;
    letter-spacing: .5px
}

#content .hptilestext a {
    font-weight: lighter;
    text-decoration: underline;
    color: #727272;
    font-weight: 700;
    color: #5a6c76
}

#content .hptileaction {
    width: 210px;
    overflow: hidden
}
/*
.learnmore {
    margin: 1em .1em;
    bottom: 0;
    outline: hidden;
    padding: .25em .35em .35em
}

.learnmore:hover {
    outline: solid 1px#e8165c
}

.learnmore a {
    color: #e8165c;
    text-decoration: none
}

.learnmore a:hover {
    color: #e8165c;
    background-color: transparent;
    text-decoration: none
}
*/
.hpfeatured {
    padding: 1em 5em;
    background-color: #e0e0e0;
    overflow: hidden
}

p.hpfeaturedHeadline {
    color: #131f6b;
    font-size: 1.5em;
    margin-bottom: 0
}

p.hpfeaturedSubhead {
    color: #131f6b;
    font-size: 1em;
    margin-bottom: .5em
}

p.hpfeaturedText {
    font-size: 16px;
    font-weight: lighter;
    color: #727272;
    letter-spacing: .5px;
    text-align: justify
}

.hptrending {
    padding: 1em 0
}



#bContactUs,
.center {
    text-align: center
}

.cd-top {
    color: #fff!important;
    display: inline-block;
    font-size: 14px;
    height: 5em;
    width: 5em;
    position: fixed;
    bottom: 40px;
    right: 20px;
    overflow: hidden;
    background: #131f6b;
    visibility: hidden;
    opacity: 0;
    padding: .5em;
    text-align: center;
    text-decoration: none;
    -webkit-transition: opacity.3s 0s, visibility 0s.3s;
    -moz-transition: opacity.3s 0s, visibility 0s.3s;
    transition: opacity.3s 0s, visibility 0s.3s;
    line-height: 1em;
    background: #007286;
    background: #5cb85c
}

.cd-top .fa {
    font-size: 24px;
    margin-bottom: 3px;
    padding-left: 0
}

.cd-top.cd-fade-out,
.cd-top.cd-is-visible,
.no-touch .cd-top:hover {
    -webkit-transition: opacity.3s 0s, visibility 0s 0s;
    -moz-transition: opacity.3s 0s, visibility 0s 0s;
    transition: opacity.3s 0s, visibility 0s 0s
}

.cd-top.cd-is-visible {
    opacity: .5
}

.cd-top.cd-fade-out {
    visibility: visible;
    opacity: 1
}

.cd-top:hover {
    background: #e8165c;
    color: #fff;
    background: #007cc3
}

.no-touch .cd-top:hover {
    background-color: #e8165c;
    opacity: 1;
    background-color: #007cc3
}

#cihpservice {
    background-color: #0000ed;
    padding: 2.5em 1em;
    outline: 1px solid#fff;
    outline-offset: -.5em
}

#cihpservice p {
    color: #fff;
    font-size: 1.25em;
    text-transform: uppercase;
    text-align: center;
    margin: 1em 0 0
}

#cihpservice ul.wreath-section {
    display: block;
    text-align: center
}

#cihpservice ul.wreath-section li {
    list-style: none;
    display: inline-block;
    vertical-align: middle
}

#cihpservice ul.wreath-section li img {
    width: 7em
}

#cihpservice ul.wreath-section li ul.wreath-row,
#notification-box{
    display: block
}

#cihpservice ul.wreath-section li ul.wreath-row li {
    list-style: none;
    display: block;
    margin: .25em
}

#cihpservice ul.wreath-section li ul.wreath-row li img {
    width: 2em
}

#notification-box.alert.alert-danger p {
    color: #a94442;
    font-size: 1.5em
}

.panel {
    border-radius: 0;
    border: 1px solid#8bc6f2
}
.panel-group .panel{
    border-radius: 0;
}

.panel-heading {
    background-color: #fff
}

.panel-heading img {
    margin: 1em 0;
    width: 100%;
    max-width: 360px
}

.panel-body {
    background: #c8e7ff;
    padding: .5em;
    border-bottom: 1px solid#8bc6f2;
    border-top: 1px solid#8bc6f2
}

.panel-footer {
    padding: 1.25em;
    padding: .5em;
    overflow: hidden;
    background-color: #ddd
}

.panel-footer p {
    text-align: left;
    font-size: 14px
}

h4.panel-title {
    color: #1f1f1f;
    font-size: 2em;
    font-weight: 400;
    margin: 0;
    text-align: center;
    padding: .5em
}

.panel,
.panel-default {
    border: none
}

.panel-default>.panel-heading {
    padding: .5em 0;
    border: none;
    background-color: transparent;
    padding-left: 0
}

.panel-details span.glyphicons {
    font-size: .8em
}

a.btn.btn-default.btn-sm.panel-button.panel-button {
    color: #131f6b;
    text-decoration: none;
	width: 100%;
	float: none;
}


#closePolicy.close {
    color: #fff;
    background-color: #5cb85c;
    font-weight: 700;
    opacity: 1;
    padding: 0 .3em .3em
}

a#closePolicy {
    float: right;
    font-size: 1.5em
}

a#closePolicy:hover,
p a:hover {
    background-color: transparent;
    color: #333
}

.overlay {
    height: 100%;
    width: 100%;
    position: fixed;
    z-index: 999999;
    left: 0;
    top: 0;
    background-color: #000;
    background-color: rgba(0, 0, 0, .7);
    overflow-x: hidden;
    transition: .5s
}

.overlay-content {
    position: relative;
    top: 25%;
    width: 85%;
    text-align: center;
    margin: 30px auto auto
}




body a:hover,
ul.resort-name li a:hover {
    text-decoration: underline;
    background-color: transparent
}

html {background-color: transparent}

td#content {
    font-size: 16px;
    text-align: left;
    font-family: Oswald, sans-serif;
    font-size: 18px;
    background-color: transparent
}

.grey-bar,
.top-banner,
circolumn p,
hr {
    margin-top: 0
}

.dma-hdr {
    margin-bottom: 0;
    margin-top: 0;
	overflow: hidden;
}


#circolumn .frmSubmit input:hover {
    text-decoration: underline
}


hr {
    color: #646464;
    margin-top: 1em;
    margin-bottom: 2em;
    color: #646464l;
    margin-top: 3em
}

#circolumn p,
ul.list li,
ul.resort-name li a {
    font-size: 1em
}


h2.deals {
    color: #333;
    font-size: 1.5em;
    font-weight: 400;
    margin: 0 0 .83em;
    background-color: #fff;
    text-align: left
}

.dma-hdr p {
    font-family: Oswald, sans-serif;
    font-size: 21px;
    color: #0061aa;
    font-weight: 700;
    margin-bottom: 0;
    font-size: 1.25em;
    color: #131f6b
}

.dma-tabs {
    margin-bottom: 0;
    margin-top: 0;
    border-bottom: 5px solid#0061aa;
    border-bottom: 5px solid#131f6b
}

ul.nav-small {
    font-family: Oswald, sans-serif;
    font-size: .85em;
    margin-top: 0;
    font-size: .8em
}

ul.nav-small li {
    margin-top: 0;
    padding-top: 0;
    padding-bottom: 0
}

ul.nav-small li a {
    padding: .5em;
    border-radius: 0;
    color: #131f6b
}

ul.nav-small li.active a,
ul.nav-small>li.active>a:hover {
    background-color: #0061aa;
    background-color: #131f6b
}

ul.nav-small>li a:hover {
    color: #0061aa;
    text-decoration: underline;
    color: #131f6b
}

ul.nav-small>li+li {
    margin-left: 0
}



.charter-deals {
    overflow: hidden
}

.charter-dma {
    padding-left: 0;
    list-style: none
}









.charter-deals .charter-city {
    margin-top: .5em;
    margin-bottom: 1em;
    font-size: 1.75em;
    font-weight: 700
}


#destination-excursions ul.featured-excursions li a:hover,
.charter-deals li a:hover,
.dma a:hover {
    background-color: transparent
}



.charter-deals li:hover {
    color: #fff;
    background-color: #0061aa
}

.charter-deals li:hover a,
p.excursions-blurb {
    color: #fff
}

.charter-deals li:hover a:hover {
    color: #fff;
    text-decoration: underline
}


.template {
    display: none
}


.btn {
    color: #0061aa;
    text-decoration: none;
    color: #131f6b
}

h4.new {
    color: #333;
    font-size: 18px;
    font-weight: 700;
    margin: 0 0 .25em
}

h5.new {
    color: #333;
    font-size: 16px;
    font-weight: 700;
    margin: 0 0 .25em
}

h6.new {
    color: #333;
    font-size: 16px;
    margin: 0 0 .25em
}

a:hover {
    background-color: transparent;
    text-decoration: underline
}

ol,
ul,
ul.amenity-list {
    list-style-type: square
}

.indent,
ul.groups,
ul.list {
    padding-left: 1.5em
}


.airline-chart {
    margin-top: 3em
}

.airline-chart img {
    width: 100%;
    transition: width 2s
}

.airline-chart img.selected {
    width: 1800px
}

.well-sm {
    padding: .5em
}

ul.destination-list,
ul.reset {
    list-style-type: none
}

ul.destination-list li a:hover,
ul.destination-list li>a:hover {
    color: #0061aa;
    background-color: transparent;
    text-decoration: underline
}

ul.frmData,
ul.frmHeader,
ul.frmSubmit {
    padding: 5px;
    display: inline-block;
    margin: 0 0 10px
}

li.frmLbl {
    width: 200px;
    padding: 5px 3px;
    float: left;
    clear: left;
    display: block;
    text-align: right
}

li.frmDta {
    padding: 3px;
    float: left;
    display: block
}

li.frmSbm {
    padding: 3px;
    float: left;
    display: block;
    padding-left: 210px
}

li.frmPrv {
    padding: 3px;
    float: left;
    display: block;
    font-size: 10px;
    padding-left: 210px
}

#circolumn input,
#circolumn select {
    font-size: 11px;
    padding: 2px
}

#bContactUs a,
#circolumn .frmSubmit input {
    color: #fff;
    letter-spacing: 1px;
    font-weight: 400;
    background-color: #0152a3;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    border-radius: 2px;
    border: 1px solid transparent;
    text-shadow: 0 1px rgba(0, 0, 0, .1);
    text-transform: uppercase;
    display: inline-block;
    min-width: 100px;
    text-align: center;
    height: 20px;
    font-size: 11px;
    padding: 0 0 2px;
    line-height: 22px
}

.term-definition a {
    color: #000;
    font-weight: 700;
    text-decoration: underline
}

.dates {
    margin-left: 1em
}

.charter-deals li {
    float: left;
    width: 25%;
    height: 14em;
    padding: 1em;
    font-size: 10px;
    line-height: 1.4
}

.charter-deals .charter-destination {
    display: block;
    font-size: 1.25em;
    margin-top: .2em
}

.popover {
    max-width: none;
    font-size: .8em
}

h2.new-groups {
    color: #4089bf;
    font-size: 1.85em;
    font-weight: 400;
    margin: .83em 0 0;
    background-color: #fff;
    text-align: left
}

.hotel-list a {
    font-size: 1.5em
}

ol.amenities-list {
    padding: 0 0 0 2em
}

ul.resort-name {
    list-style-type: none;
    padding-left: 0;
    margin-bottom: 0
}

ul.resort-name li a {
    font-size: 1.2em
}

ul.reset li {
    margin-bottom: 1.5em
}

.anchor-link a {
    font-size: 1.2em;
    color: #0061aa
}

.indent-border {
    padding-left: 1.5em;
    border-left: 1px solid#555
}

.plan-name {
    text-decoration: underline;
    font-size: 1.25em;
    font-weight: 700
}

th {
    text-align: left
}

.nav-tabs>li>a:focus,
.nav-tabs>li>a:hover {
    color: #131f6b;
    background-color: #a5d3f5;
    border: 1px solid#ddd;
    border-bottom-color: #131f6b
}

.nav-tabs>li.active>a,
.nav-tabs>li.active>a:focus,
.nav-tabs>li.active>a:hover {
    color: #fff;
    background-color: #131f6b;
    border: 1px solid#ddd;
    border-bottom-color: #131f6b
}

.condensed {
    letter-spacing: -2px;
    letter-spacing: -.5px;
    letter-spacing: -1px
}


ul.amenity-list li {
    margin-left: 1.5em
}


.land-dma:hover a {
    color: #131f6b
}

/*
.hotel-info .glyphicons {
    color: #131f6b;
    font-size: .8em;
    margin: .4em -4px 0 0
}
*/
.hotel-text {
    font-size: .85em
}


.dcpics {
    width: 100%;
    height: 200px;
    padding: 0;
    margin: 0 0 5px
}

.dcpics img {
    border: 0;
    width: 100%;
    height: 200px;
    top: 0;
    left: 0
}

#navdc a {
    display: inline-block;
    line-height: 12px;
    background: #fff;
    text-decoration: none;
    margin: 0;
    padding: 0 10px 2px 8px;
    height: 20px;
    font-size: 0;
    color: #fff;
    background: transparent url(/media/images/activeslideno.png) no-repeat 0 0
}

#navdc a.activeSlide {
    background: transparent url(/media/images/activeslide.png) no-repeat 0 0
}

#navdc a:focus {
    outline: 0
}

#navdcbg {
    height: 20px;
    margin: 0;
    padding: 0;
    width: 100%;
    text-align: right
}

#content li,
#content ul {
    display: inline-block;
    margin: 0;
    padding: 0
}

#content .hppara {
    width: 670px;
    text-align: justify;
    padding: 5px;
    font-size: 11px;
    color: #5a6c76
}

#content .hptilesbutton {
    position: relative;
    position: absolute;
    top: 17px;
    right: 0;
    width: 60px;
    height: 60px
}

#content a.lnkbutton {
    width: 60px;
    height: 60px;
    display: block;
    background: url(/media/images/cir_arrow.png) no-repeat 0 100%;
    text-decoration: none
}

#content h2 {
    background: #a0ce65;
    margin: 0 0 5px;
    padding: 3px 5px 4px;
    width: 670px;
    display: inline-block;
    font-size: 12px;
    font-weight: 400;
    text-align: left;
    color: #fff
}

#dcpromos img {
    z-index: 1
}

ul.cisocial-social {
    background: #f4f4f4;
    padding: 5px 0;
    margin: 0;
    width: 37px;
    overflow: hidden
}

@media only screen and (max-width:1070px) {
    ul.cisocial-social {
        width: 0!important
    }
}

ul.cisocial-social li {
    margin: 0 0 0 .5em
}

.cisocial-social a {
    display: block;
    overflow: hidden;
    position: relative;
    color: #33241d;
    font-weight: 400
}

.cisocial-social a:active,
.cisocial-social a:focus,
.cisocial-social a:hover {
    background: #e0f0ca;
    text-decoration: none;
    color: #184480
}

.cisocial-social img {
    display: block;
    margin: .5em;
    width: 1.9em;
    border: 0
}

.cisocial-social a:active .cisocial-social-label,
.cisocial-social a:focus .cisocial-social-label,
.cisocial-social a:hover .cisocial-social-label,
.cisocial-social-label {
    position: absolute;
    left: 3.1em;
    font-size: 1.1em;
    top: 0;
    text-decoration: none;
    height: 2.636363636363636em;
    line-height: 2.636363636363636em;
    white-space: nowrap
}

#cicenter {
    width: 960px;
    margin: 10px auto;
    padding: 15px;
    background-color: #fff;
    overflow: hidden
}

#cifooter {
    clear: both;
    float: left;
    width: 960px;
    border-top: 1px dotted#cbcbcb;
    padding-top: 5px;
    background-color: #fbfbfb;
    margin: auto;
    font-size: 11px
}

#cifooter a {
    color: #5c7fb6;
    font-weight: 400
}

#cifooter ul {
    width: 232px;
    float: left;
    display: inline-block;
    padding: 0 4px 5px
}

#cifooter li {
    margin: 0;
    padding: 0;
    list-style-type: none;
    line-height: 16px
}

#cifooter .listitemtext {
    color: #777
}

#cifooter .subtitle {
    font-weight: 700;
    text-transform: uppercase;
    color: #999;
    border-bottom: 1px dotted#999;
    margin-bottom: 2px
}

#bContactUs a {
    background-color: #fdc169;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    border-radius: 2px;
    border: 1px solid transparent;
    text-shadow: 0 1px rgba(0, 0, 0, .1);
    text-transform: uppercase;
    display: inline-block;
    min-width: 50px;
    text-align: center;
    height: 22px;
    padding: 0 7px;
    line-height: 21px
}

#cicopyright {
    clear: both;
    float: left;
    width: 915px;
    text-align: center;
    padding: 20px;
    margin: 0;
    color: #999;
    font-size: 11px;
    line-height: 16px
}

#traveladvisory {
    position: absolute;
    top: 0;
    left: 50%;
    margin-left: -150px;
    width: 300px;
    background-color: #123456;
    display: inline-block;
    height: 18px;
    padding: 2px;
    text-align: center
}

#traveladvisory a {
    font-size: 13px;
    color: #fff;
    font-weight: 400
}

#vecanote {
    background-color: #0152a3;
    width: 970px;
    margin: -50px 0 10px;
    font-size: 15px;
    padding: 10px 0;
    color: #fff;
    height: 20px;
    display: block
}

#vecanote a {
    color: #cbcbcb;
    text-decoration: none;
    font-weight: 400
}

#vecanote a:hover {
    color: #cbcbcb;
    text-decoration: underline;
    font-weight: 400
}

.cipulldowns {
    width: 960px;
    text-align: right;
    margin: -10px 0 0
}

.golm {
    float: right;
    font-size: 12px;
    margin: 0 1em 0 0;
    text-align: center
}

#copyright a,
.goeb select,
.golm select {
    font-size: 12px
}

.goeb {
    float: right;
    font-size: 12px;
    margin: 0;
    text-align: center
}

#content h3.new a {
    font-size: .8em;
    font-weight: 400;
    color: #717171
}

#content h3.new a:hover {
    color: #151515;
    background-color: transparent;
    text-decoration: underline
}

ul.featured-more>li>h3.white {
    font-family: Oswald, sans-serif;
    font-size: 1.35em;
    font-weight: 400;
    padding: .5em .25em 0 0;
    width: 210px;
    color: #fff;
    text-align: left;
    letter-spacing: .2px
}

.section-pink {
    margin-bottom: 4em;
    background-color: #e8165c;
    padding: 20px;
    width: 100%
}





p.intro-copy,
p.content-copy {
    color: #727272;
    font-size: 1em;
    text-align: justify;
    padding-right: 1em
}

p.content-headlineW {
    color: #fff;
    font-size: 3.2em;
    font-weight: 700;
    text-transform: uppercase;
    margin-bottom: .25em
}

p.content-subheadW {
    color: #fff;
    font-size: 1.75em;
    font-weight: lighter;
    text-transform: uppercase;
    margin-top: -1em;
    margin-bottom: .5em
}

p.content-copyW {
    color: #fff;
    font-size: 1em;
    text-align: justify;
    padding-right: 1em
}

ul.destination-intro {
    display: block;
    width: 100%
}

ul.destination-intro li {
    display: inline-block;
    width: 100%;
    margin: 0;
    padding: 0
}



#destination-excursions ul.featured-excursions,
#destination-hotels ul.featured-hotels,
#destination-more ul.featured-more {
    width: 100%;
    display: table;
    margin-top: 2em
}

#destination-excursions ul.featured-excursions li,
#destination-hotels ul.featured-hotels li,
#destination-more ul.featured-more li {
    display: table-cell;
    width: 200px;
    margin-right: 12px
}

#destination-excursions ul.featured-excursions li img,
#destination-hotels ul.featured-hotels li img,
#destination-more ul.featured-more li img {
    margin: 0;
    padding: 0
}

p.hotels-blurb {
    color: #727272
}

p.more-blurb {
    color: #fff;
    font-weight: lighter;
    width: 200px
}

.hotels-button:hover a {
    color: #e8165c
}

.hotels-button a {
    color: #fff;
    font-size: 1.25em;
    margin: 0;
    padding: 0;
    text-transform: uppercase
}

.hotels-button a:hover {
    color: #e8165c;
    font-size: 1.25em;
    background-color: transparent;
    text-decoration: none
}


.blockquote {
    width: 17em;
    color: #717171;
    font-size: 1em;
    margin-left: 3em;
    margin-bottom: .5em
}

.quotetext {
    width: 80%;
    margin: 0 auto;
    display: block
}

.startcap {
    font-size: 5em;
    float: left;
    line-height: .75;
    margin-right: .05em
}

.endcap {
    font-size: 5em;
    float: right;
    line-height: .28;
    max-height: 25px
}

/*
.learnmoreW {
    margin: 2em auto 0;
    bottom: 0;
    outline: hidden;
    padding: .25em .35em .35em
}

.learnmoreW:hover {
    outline: solid 1px#fff
}


.learnmoreW a {
    color: #fff;
    text-decoration: none
}

.learnmoreW a:hover {
    color: #fff;
    background-color: transparent;
    text-decoration: none
}
*/
.social .fa {
    font-size: 45px
}

.section-header {
    margin-top: 5em
}


.land-dma {
    margin-bottom: .5em;
    padding: .25em .5em
}

.land-dma:hover {
    color: #fff;
    background: rgba(0, 97, 170, .2)
}

.pricing-row {
    margin-bottom: 2.5em
}
/*
.panel-price {
    font-weight: 700;
    color: #131f6b;
    text-align: right;
    margin: .5em 0
}
.price-small {
    font-size: .8em;
    color: #131f6b;
    text-align: right;
    margin: -.2em 1em 0 0;
    display: block
}

.price-large {
    font-size: 2em;
    color: #131f6b;
    text-align: right;
    margin: 0;
    display: block
}
.panel-blurb,
.panel-details {
    font-size: .8em;
    margin-bottom: .8em
}

.panel-dates {
    font-size: .8em;
    font-weight: 700;
    margin-bottom: 0
}

.panel-addon {
    font-size: .8em;
    font-style: italic;
    margin-bottom: 0
}

.panel-button a.btn {
    color: #131f6b;
    text-decoration: none
}



ul.blurb-list {font-size:.85em; display:inline; margin-bottom:0;}
ul.blurb-list li{display:inline-block; margin-right:.75em; vertical-align:top; color:#fff;}




==== LAND ONLY : DISCARDED FOR BLOWOUT HOTEL BOXES ====
.name-box {min-height:3.5em; display:flex;}
.name-box h3.hotel-name {align-self:flex-end;}

ul.land-hotels {display:block; margin:2em 0 3em 0; overflow:hidden;}
ul.land-hotels li{display:block; float:none; width:100%; margin-bottom:2em;}
ul.land-hotels li:not(:last-child) {margin-right:1em;}

@media (min-width: 768px) {
	ul.land-hotels li{display:inline-block; float:left; vertical-align:top; width:31.75%; margin-bottom:0;}
}

ul.land-hotels li ul.info-list {font-size:.85em; display:block; margin-bottom:0; padding: 0 .25em;}
ul.land-hotels li ul.info-list li{display:inline-block; margin-right:.75em; margin-bottom:0; vertical-align:top; color:#fff; width:58%;}
ul.land-hotels li ul.info-list li:last-child {float:right; text-align:right; margin-right:.1em; width:35%;}

ul.land-hotels li ul.info-list li span.glyphicons.glyphicons-star,
ul.land-hotels li ul.info-list li span.glyphicons.glyphicons-star-half,
ul.land-hotels li ul.info-list li span.glyphicons.glyphicons-star-empty
	{color:#fff; margin-right:-.2em; font-size:1em;}

.land-offer {margin-bottom:1.5em;}


.land-price {
    color: #131f6b;
    text-align: right;
}

.price-large {
    font-size: 2em;
    color: #131f6b;
    text-align: right;
	font-weight:bold;
	line-height: 1;
	display: block;
}

.land-button {font-size:1em; text-transform:uppercase; padding:1em; width:100%;}
*/


/* ================================================================= */
/* ========================== GLOBAL SITE ========================== */
/* ================================================================= */

html, body {
    font-family: Oswald, sans-serif !important;
    color: #333 !important;
    font-size: 18px !important;
}





.bold,
.bold a,
.heavy {
    font-weight:bold
}
.red {
    color: #e8165c !important;
    font-weight: bold !important;
}

.blue {
    color: #131f6b !important;
    font-weight: bold !important;
}
.white {
    color: #fff !important;
    font-weight: bold !important;
}
.grey {
    color: #333 !important;
    font-weight: bold !important;
}



.bi-grid {display:grid; grid-template-columns:1fr;}
.tri-grid {display:grid; grid-template-columns:1fr;}
.quad-grid {display:grid; grid-template-columns:1fr;}
.penta-grid {display:grid; grid-template-columns:1fr;}
.hex-grid {display:grid; grid-template-columns:1fr 1fr; grid-gap:1em;}
.sept-grid {display:grid; grid-template-columns:1fr 1fr; grid-gap:1em;}
.octo-grid{display:grid; grid-template-columns:1fr 1fr; grid-gap:1em;}
.deca-grid {display:grid; grid-template-columns:1fr 1fr; grid-gap:1em;}
.dodeca-grid {display:grid; grid-template-columns:1fr 1fr 1fr; grid-gap:1em;}


@media (min-width: 768px) {
.bi-grid {display:grid; grid-template-columns:1fr 1fr; grid-gap:1em;}
.tri-grid {display:grid; grid-template-columns:1fr 1fr 1fr; grid-gap:1em;}
.quad-grid {display:grid; grid-template-columns:1fr 1fr 1fr 1fr; grid-gap:1em;}
.penta-grid {display:grid; grid-template-columns:1fr 1fr 1fr 1fr 1fr; grid-gap:1em;}
.hex-grid {display:grid; grid-template-columns:1fr 1fr 1fr 1fr 1fr 1fr; grid-gap:1em;}
.sept-grid {display:grid; grid-template-columns:1fr 1fr 1fr 1fr 1fr 1fr 1fr; grid-gap:1em;}
.octo-grid {display:grid; grid-template-columns:1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr; grid-gap:1em;}
.deca-grid {display:grid; grid-template-columns:1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr; grid-gap:1em;}
.dodeca-grid {display:grid; grid-template-columns:1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr; grid-gap:1em;}
}

/* ================================================================= */
/* ======================== END GLOBAL SITE ======================== */
/* ================================================================= */

/* ================================================================= */
/* ========================== FUNNEL NAV =========================== */
/* ================================================================= */

/* TOP BEST DEALS */
.funnel-deals h4 {font-size:2em; color:#131f6b; letter-spacing:-1px;  margin-bottom:0; display: block; width: 100%;}
.funnel-deals .deals-nav {display:block; vertical-align:top;}
.funnel-deals .deals-nav a {margin-right:.5em; font-size: .8em;}


@media (min-width: 992px) {
.funnel-deals {display:grid; grid-template-columns:170px auto; grid-template-rows:auto;}
.funnel-deals h4 {display: inline-block;}
.funnel-deals .deals-nav {display:inline-block; line-height:1.1; padding-top:.2em;}
.funnel-deals .deals-nav a {font-size:1em;}
}
@media (min-width: 768px) {
.funnel-deals h4 {font-size:2em; color:#131f6b; letter-spacing:-1px;  margin-bottom:0; display: block; width: 100%;}
.funnel-deals .deals-nav {display:block; vertical-align:top;}
.funnel-deals .deals-nav a {margin-right:.5em; font-size: .8em;}
}

/* BOTTOM TRENDING BEACHES */
.trending-nav {
  	margin-top: 1em;
	padding: .1em;
  	display: grid;
	grid-gap: 1em;
 	grid-template-columns: repeat(auto-fill, minmax(6em, 1fr));
	margin-bottom: 3em;
}

a.trending-button span.beach-code {
    display: block;
    font-size: 1.25em;
    margin: 0 auto;
    padding: 1em;
    color: #0000ed;
    text-align: center;
    outline: solid 1px #0000ed;
    width: 100px;
	text-transform:uppercase;
}

a.trending-button span.beach-name {
    text-align: center;
    color: #0000ed;
    font-size: 1.5em;
}

@media (min-width: 768px) {
	a.trending-button span.beach-code {
		font-size: 2em;
    	padding: .5em;
	}
	a.trending-button:hover span.beach-code {
		color: #fff;
		background-color: #4d59f7;
		outline: solid 1px #4d59f7;
	}

	a.trending-button:hover span.beach-name {
		color: #4d59f7;
	}
}
/* BOTTOM DESTINATION DEALS */
.destination-deals {
  	margin-top: 1em;
	padding: .1em;
  	display: grid;
	grid-gap: 1em;
 	grid-template-columns: repeat(auto-fill, minmax(6em, 1fr));
	margin-bottom: 3em;
}

a.destination-deals-button span.beach-code {
    display: block;
    font-size: 1em;
    margin: 0 auto;
    padding: 1em;
    color: #0000ed;
    text-align: center;
    outline: solid 1px #0000ed;
    width: 100px;
	text-transform:uppercase;
}

@media (min-width: 768px) {
	a.destination-deals-button span.beach-code {
		font-size: 2em;
    	padding: .5em;
	}
	a.destination-deals-button:hover span.beach-code {
		color: #fff;
		background-color: #4d59f7;
		outline: solid 1px #4d59f7;
	}
}

/* ================================================================= */
/* ======================== END FUNNEL NAV ========================= */
/* ================================================================= */

/* ================================================================= */
/* ========================== DEALS PAGES ========================== */
/* ================================================================= */

/* GLOBAL */
aside {overflow:hidden;}

.flight-schedule {
display: grid;
grid-gap: 1em;
grid-template-columns: auto auto auto auto auto auto;
background-color: #ddd;
padding: 1em;
margin-bottom:3em;
}
.flight-schedule div:first-child {grid-column-start: 1; grid-column-end: 6; text-align:center; }
.flight-schedule div:last-child {grid-column-start: 1; grid-column-end: 6; border-top: 1px solid #646464; padding: 1em 0 0 0;}
.flight-schedule div i.schedule-plane {font-size:2em; margin:0;}

p.schedule-header {font-size:1.25em !important; margin:.25em 0; line-height:1.2;}
p.schedule-text {font-size: 1em; text-align: justify; color: #333; margin: 0 0 1em 0; line-height:1.25;}

@media (min-width: 768px) {
.flight-schedule div:first-child {grid-column-start: 1; grid-column-end: 2;}
.flight-schedule div:last-child {grid-column-start: 2; grid-column-end: 6; border-top:none; border-left: 1px solid #646464; padding: 0 0 0 1em;}
.flight-schedule div i.schedule-plane {font-size:4em; margin: 100% 0;}
p.schedule-header {font-size:1.5em !important;}
}

.descriptive-copy {
    margin-bottom: 1em;
	font-size: 1em;
}

@media (min-width: 768px) {
	.descriptive-copy {font-size:1em;}
}

p.book-by {
    font-size: .8em;
    margin-bottom: .1em;
    text-align: right;
}



p.content-subhead {
    font-family: Oswald, sans-serif;
    color: #e8165c !important;
    font-size: 1em !important;
    font-weight: lighter;
    text-transform: uppercase;
    margin: 0;
	line-height: 1.2;
}

@media (min-width: 768px) {
	p.content-headline {font-size:2.5em !important; margin-bottom:.25em !important; letter-spacing:-2px !important;}
	p.content-subhead {font-size:1.5em !important; margin-bottom:.5em !important; width:100% !important; margin-top:-.5em !important;}
}

p.nat-link a {
    color: #e8165c;
}

.nat-link a:hover {
    text-decoration: underline;
}

.disclaimer {
    display: block;
    background-color: #ddd;
    padding: 1em;
	margin-bottom: 2em;
}

.disclaimer p {
    font-size: .8em !important;
    text-align: justify;
    color: #646464;
	margin-bottom:0;
}

.tourism-logos {text-align:center; border-top:1px solid #ddd; padding-top:2em}
.tourism-logos img {margin:1em;}

a.btn.btn-default.crossell-button {
    color: #fff;
    font-size: 1.25em;
    text-align: center;
    text-transform: uppercase;
    background-color: #e8165c;
    width: 100%;
    padding: 1em;
	margin-bottom:2em;
    border-radius: 0;
    border: none;
    outline: solid 1px#e8165c;
	overflow:hidden;
	white-space:pre-line;
}

a.btn.btn-default.crossell-button:hover {
    color: #e8165c;
    background-color: #fff;
    outline: solid 1px #e8165c;
	overflow:hidden;
}


/* NATIONAL */
.dma-box {overflow:hidden; padding-right:1em;}
.dma-box:hover {background:#e5f1f3;}
.dma-box:hover ul.dma-link li a{color:#131f6b;}

ul.dma-list {display:block; list-style-type:none;}
ul.dma-list li{display:inline-block; vertical-align:top; flex: 1 0 auto;}
ul.dma-list li:not(:last-child) {margin-right:.5em;}

@media (min-width: 768px) {
	ul.dma-list {display:flex;}
	ul.dma-list li:not(:last-child) {margin-right:1em;}
}

ul.dma-link {display:block; list-style-type:none; float:right;}
ul.dma-link li{display:inline-block; text-align:right;}
ul.dma-link li a{color:#333;}
ul.dma-link li a:hover{text-decoration:none;}
ul.dma-link li sup {font-size: 1.5em;}

.dma-name {
    font-size: 1.25em;
    text-transform: uppercase;
    line-height: 2.25em;
}

.dma-air {
    display: block;
    font-size: .85em;
    margin-top: -1em
}

.dma-price {
    font-size: 2.65em;
    letter-spacing: -1px;
    font-weight: bold;
    line-height: 1.4em;
}

.go-btn {
    float: right;
    margin: 1.2em 0 0 .25em;
}

/* EXPANDABLE */

.city-container {
    overflow: hidden;
	margin-bottom:3em;
}

ul#city-list {
    padding-left: 0;
    list-style: none;
}

ul#city-list li {
    float: left;
    padding: 1em;
    height: 8em;
    line-height: 1.2;
}

ul#city-list li:hover {
    color: #fff;
    background-color: #131f6b;
}

ul#city-list li a{
    color: #131f6b;
}

ul#city-list li:hover a{
    color: #fff;
}

ul#city-list li .glyphicon:hover {
    color: #fff;
}

hr.city-divider {
    border-top: 1px solid #131f6b;
    margin: .2em 0;
}

.pricing-box {
    display: none
}

.blue-bar {
    margin-bottom: 0;
}

.blue-bar p {
    color: #fff !important;
    font-size: 1em !important;
    background-color: #131f6b;
    width: 100%;
    padding: .5em;
    margin-bottom: 1em !important;
}

.grey-bar {
    margin-bottom: 0
}
.grey-bar p {
    color: #646464;
    font-size: 1em;
    background-color: #ddd;
    width: 100%;
    padding: .5em;
    margin-bottom: 1em;
}

/* ================================================================= */
/* ======================== END DEALS PAGES ======================== */
/* ================================================================= */

/* ================================================================= */
/* ========================== HOTEL BOXES ========================== */
/* ================================================================= */

/* BLOWOUTS & TRAVELZOO */
.hotel-box {margin-bottom:3em;}
.hotel-sub {font-size:.65em;}
h3.hotel-name {color:#131f6b; font-size:1.25em !important; margin-bottom:.25em; font-weight:bold; letter-spacing:-1px; line-height:1;}
h3.hotel-name a {color:#131f6b; text-decoration:none; cursor:pointer;}
h3.hotel-name a:hover {text-decoration:underline; cursor:pointer;}

@media (min-width: 768px) {
	h3.hotel-name {font-size:1.5em !important; padding-top:0;}
}

.hotel-image a {cursor:pointer;}
.hotel-popup {height:2em; width:2em; float:right; margin-right:.75em; margin-top:-2.75em; padding:0; position:relative; opacity: 0.7; filter: alpha(opacity=7);}
.hotel-popup:hover {opacity: 1; filter: alpha(opacity=100);}
.hotel-popup a {color:#fff; cursor:pointer;}


.hotel-info {display: grid; grid-template-columns: 100%; grid-template-rows: auto; background-color: #646464; align-items:start; color:#fff; margin: 0; padding: .5em; }
.hotel-info>ul { text-align: left; margin:0; padding: 0; list-style-type: none; list-style-position: inside;}
.hotel-info>ul li::before {content: "\25aa"; font-size: 1em; margin-right:.25em;}
.hotel-info>div {color: #fff;min-height:30px;text-align: right;}
.hotel-info>div .glyphicons {color: #fff;margin: .4em -4px 0 0}
@media (min-width: 768px) {
.hotel-info {display: grid; grid-template-columns: 100%; grid-template-rows: auto; background-color: #646464; align-items:start; color:#fff; margin: 0; padding: .5em;}
.hotel-info>ul { text-align: left; margin:0; padding: 0; list-style-type: none;}
.hotel-info>ul li::before {content: "\25aa"; font-size: 1em; margin-right:.25em;}
}
@media (min-width: 992px) {
	.hotel-info {grid-template-columns: 88% 12%; margin: 0; padding:.75em}
	.hotel-info>ul {display: grid; grid-template-columns: auto auto;}
	.hotel-info>ul li {display:inline-block;}
}

.blurb-list {font-size:.85em; color:#fff; display:grid; grid-column-gap:1em; grid-template-columns:auto;}
@media (min-width: 768px) {
	.blurb-list {display:inline-grid; grid-column-gap:1em; grid-template-columns:auto auto;}
}

.hotel-rating {float:right; text-align:right; margin-right:0; display:inline;}
.hotel-rating span.glyphicons.glyphicons-star,
.hotel-rating span.glyphicons.glyphicons-star-half,
.hotel-rating span.glyphicons.glyphicons-star-empty
	{color:#fff; margin-right:-.2em; font-size:1em;}

.charter-package {padding:.75em; background-color:#eee; overflow: hidden;}
.sked-package {padding:.75em; background-color:#ddd; overflow: hidden;}
.package-headline {color:#e8165c !important; font-size:1.5em !important; text-transform:uppercase !important; margin-bottom:.5em !important; line-height:1.2 !important;}
.package-details {display: grid; margin-bottom:1em;}
.package-details div {display: grid;grid-template-columns: 25px auto;grid-template-rows: auto;grid-gap: .5em;}
.package-details div p {padding:0; margin:0 !important;}
.package-details i {padding:0; margin:0}
.package-details a {color:#0000ed;}
.package-details a:hover {text-decoration:underline;}
.details-lead a {color:#0000ed;}
.details-lead a:hover {text-decoration:underline;}
.details-upsell a {color:#0000ed;}
.details-upsell a:hover {text-decoration:underline;}
.callout-text {font-size:1em !important; margin:0 !important;}


i.fas.fa-map-marker {padding-left:0;}
i.fas.fa-info-circle {font-size:2em; padding:0; margin:0; background-color:#646464; border:3px solid #646464; border-radius:20px; position:relative;}
i.fas.fa-info-circle:hover {color:#646464; background-color:#fff; border:3px solid #fff;}
i.fas.fa-plane {font-size:1.25em; margin-top:.2em;} 	/* package nights icon */
i.fas.fa-calendar-alt {font-size:1.25em; margin-top:.1em;}		/* travel dates icon - package only */
i.fas.fa-bed {font-size:1em; margin-top:.3em;} 		/* package nights icon */
i.fas.fa-suitcase {font-size:1.25em; margin-top:.1em;} /* air only icon */

/* GROUPON & DEALS*/

.hotel-container {margin-bottom:3em; list-style-type:none;}
.hotel-container li {display:inline-block; vertical-align: top; width:100%;}
.hotel-container li a {text-decoration:none;}

@media (min-width: 768px) {
	.hotel-container li {width:49%;}
	.hotel-container li:not(:last-child) {margin-right:.7em;}
}

.pricing-box > ul.hotel-container > li.sked-package > span.glyphicons.glyphicons-star.grey,
.pricing-box > ul.hotel-container > li.sked-package > span.glyphicons.glyphicons-star-half.grey,
.pricing-box > ul.hotel-container > li.sked-package > span.glyphicons.glyphicons-star-empty.grey
	{font-size:.75em;}



/* ================================================================= */
/* ======================== END HOTEL BOXES ======================== */
/* ================================================================= */


/* Cleaned Up Final CSS */
h1 {
  font-family: 'Oswald', sans-serif;
  color: #131f6b;
  font-size: 2.5em;
  margin: .5em 0 0 0;
  padding: 0;
  background-color: transparent;
  text-align: left;
  line-height: 110%;
  letter-spacing: -1px;
  text-transform: none;
}

h2 {
  font-family: Oswald, sans-serif;
  color: #131f6b;
  font-size: 1.5em;
  margin:0 0 1em 0;
  padding: 0;
  background-color: transparent;
	text-align: left;
	line-height: .8em;
	letter-spacing: -1px;
}

h3 {
    font-family: Oswald, sans-serif;
    font-size: 1em;
    padding: .5em .25em 0 0;
    color: #333;
    text-align: left;
    letter-spacing: .2px;
}

p {
  font-family: Oswald, sans-serif;
  color: #333;
  font-size: 18px;
  margin: 0 0 1em 0;
}

table {
  font-family: 'Oswald', sans-serif;
}

td {
  padding: 0.5em;
  text-align:center;
  font-size:16px;
}

table > thead > tr {
  background-color:#ddd;
}

table > thead > tr > td:first-child {
  text-align:left;
}

table > tbody > tr:nth-child(odd) {
  background-color:#eee;
}

table > tbody > tr > td:first-child {
  text-align:left;
}

ol {margin-left: 40px; padding-left: 0;}
ul {list-style-position:inside; list-style:square;
}
.funnel-deals > div > a {
  white-space:nowrap;
}

.content-headline {
    color: #e8165c;
    font-size: 1.5em;
    text-transform: uppercase;
  	font-weight:bold;
  	margin-bottom:0;
  	letter-spacing:-1px;
  	line-height:1.1;
}

.quote {
  width: 70%;
  float: right;
  padding: 1em 1em 0 3em;
  margin: 0;
}
.quote span {
  width:100%;
  display:inline-block;
}

.quote span:first-child, .quote span:last-child {
  font-size: 5em;
  line-height: 1em !important;
}

.quote span:nth-child(2) {
  padding: 0 2em;
  margin: -2em 0 0 0;
  display: block;
}

.quote span:last-child {
  text-align: right;
}

.section {
  margin-bottom:2em;
  width:100%;
}

.section-orange {
    background-color: #f37021;
    padding: 20px;
}
.section-orange > p {
  color: white;
}

.section-grey {
    background-color: #717171;
    padding: 20px;
}

.video-player {
    width: 100%;
}

.tile {
  margin: 1em 0;
}

.tile > h3 {
    font-family: 'Oswald', sans-serif;
    font-size: 1em;
    padding: .5em .25em 0 0;
    font-weight: bold;
    color: #151515;
    text-align: left;
    letter-spacing: .2px;
    text-transform: uppercase;
    margin: 0;
}

.tile > p {
  font-size: 16px;
  font-weight: lighter;
  color: #727272;
  letter-spacing: .2px;
  margin-bottom:0.5em;
}
.tile > div {
  display: inline-block;
  width:100%;
  text-align:right;
}

.tile > div > a {
  background-color:transparent;
  display:inline-block;
  padding:0 0.3em;
  border: 1px solid transparent;
  color:#e8165c;
}
.tile > div > a:hover {
  border: 1px solid #e8165c;
  text-decoration: none;
  color:#e8165c;
}

.large-button {
  display: inline-block;
  width: 100%;
  text-align: center;
}

.large-button > a {
  width: 100%;
  display: inline-block;
  padding: 1em;
  color:white;
  background-color: #e8165c;
  border: solid 1px #e8165c;
  text-transform: uppercase;
  text-decoration: none;
}

.large-button > a:hover {
  color:#e8165c;
  background-color: white;
  text-decoration: none;
}

/* Adjustments Section Grey */
.section-grey p {
  color:white;
}

.section-grey .tile > h3 {
    color: white;
}

.section-grey .tile > p {
  font-size: 1.2em;
}

.section-grey .tile > div > a {
  color:white;
}

.section-grey .tile > div > a:hover {
  border: 1px solid white;
  color:white;
}

/* fixing form related bootstrap issues */
.form-horizontal .form-group {
  margin-left: 0;
  margin-right: 0;
}

.req-note {
  display: block;
  color: #9c0008;
  font-size:0.8em;
}

.section-links > p {
  font-family: Oswald, sans-serif;
  color: #e8165c;
  text-transform: uppercase;
  margin: 0;
  line-height: 1.2;
  margin-bottom: 1em;
}

.section-links > ul {
  width: 100%;
}

.section-links > ul > li {
  display: inline-block;
  width: 100%;
  border: solid 1px #0000ed;
  margin-bottom:.2em;
  padding:0;
}

.section-links a {
  display: block;
  font-size: 1.4em;
  padding: .35em auto;
  padding: .2em;
  color: #0000ed;
  text-align: center;
  text-decoration:none;
}
.section-links a:hover{
  color: white;
  background-color: #0000ed;
  text-decoration:none;
}

/* Media query adjustments */
@media only screen and (min-width: 421px) {
  .tiles {
    display:-ms-grid;
    display:grid;
    -ms-grid-columns:1fr 1fr;
    grid-template-columns: 1fr 1fr;
    grid-gap:10px;
    grid-row-gap: 40px;
  }
}

@media only screen and (min-width: 768px) {
  h1 {
    font-size:3em;
    letter-spacing:-2px;
  }
	h2 {
    font-size:2em;
    margin:0 0 .83em 0;
  }
  .quote {
    width: 50%;
  }
  .funnel-trending {

  }
}

@media (min-width: 992px) {
  .tiles {
    display:-ms-grid;
    display:grid;
    -ms-grid-columns:1fr 1fr 1fr;
    grid-template-columns: 1fr 1fr 1fr;
    grid-gap:10px;
    grid-row-gap: 40px;
  }
  .tiles > div:nth-of-type(1){
      -ms-grid-row: 1;
      -ms-grid-column: 1;
  }
  .tiles > div:nth-of-type(2){
      -ms-grid-row: 1;
      -ms-grid-column: 2;
  }
  .tiles > div:nth-of-type(3){
      -ms-grid-row: 1;
      -ms-grid-column: 3;
  }
  .tiles > div:nth-of-type(4){
      -ms-grid-row: 2;
      -ms-grid-column: 1;
  }
  .tiles > div:nth-of-type(5){
      -ms-grid-row: 2;
      -ms-grid-column: 2;
  }
  .tiles > div:nth-of-type(6){
      -ms-grid-row: 2;
      -ms-grid-column: 3;
  }
  .tiles > div:nth-of-type(7){
      -ms-grid-row: 3;
      -ms-grid-column: 1;
  }
  .tiles > div:nth-of-type(8){
      -ms-grid-row: 3;
      -ms-grid-column: 2;
  }
  .tiles > div:nth-of-type(9){
      -ms-grid-row: 3;
      -ms-grid-column: 3;
  }
  .tiles > div:nth-of-type(10){
      -ms-grid-row: 4;
      -ms-grid-column: 1;
  }
  .tiles > div:nth-of-type(11){
      -ms-grid-row: 4;
      -ms-grid-column: 2;
  }
  .tiles > div:nth-of-type(12){
      -ms-grid-row: 4;
      -ms-grid-column: 3;
  }
  .tiles > div:nth-of-type(13){
      -ms-grid-row: 5;
      -ms-grid-column: 1;
  }
  .tiles > div:nth-of-type(14){
      -ms-grid-row: 5;
      -ms-grid-column: 2;
  }
  .tiles > div:nth-of-type(15){
      -ms-grid-row: 5;
      -ms-grid-column: 3;
  }
  .tiles > div:nth-of-type(16){
      -ms-grid-row: 6;
      -ms-grid-column: 1;
  }
  .tiles > div:nth-of-type(17){
      -ms-grid-row: 6;
      -ms-grid-column: 2;
  }
  .tiles > div:nth-of-type(18){
      -ms-grid-row: 6;
      -ms-grid-column: 3;
  }
  .tiles > div:nth-of-type(19){
      -ms-grid-row: 7;
      -ms-grid-column: 1;
  }
  .tiles > div:nth-of-type(20){
      -ms-grid-row: 7;
      -ms-grid-column: 2;
  }
  .tiles > div:nth-of-type(21){
      -ms-grid-row: 7;
      -ms-grid-column: 3;
  }

  .section-links > ul {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    grid-gap:10px;
  }
}

@media (min-width: 1040px) {
  .quote {width: 40%;}
}