/*
Theme Name: Catch the Comet
Author: Chernoff Newman
Author URI: https://www.chernoffnewman.com
Version: 1.0
*/

@font-face {
    font-family: "stratum1";
    src:url('./css/fonts/Stratum1WebRegular.eot');
    src:url('./css/fonts/Stratum1WebRegular.eot?#iefix') format('embedded-opentype'),
        url('./css/fonts/Stratum1WebRegular.woff') format('woff'),
        url('./css/fonts/Stratum1-Regular.otf') format('opentype');
    font-weight: 400;
}

@font-face {
    font-family: "stratum1";
    src:url('./css/fonts/Stratum1WebBold.eot');
    src:url('./css/fonts/Stratum1WebBold.eot?#iefix') format('embedded-opentype'),
        url('./css/fonts/Stratum1WebBold.woff') format('woff'),
        url('./css/fonts/Stratum1-Bold.otf') format('opentype');
    font-weight: 700;
}

@font-face {
    font-family: "stratum1";
    src:url('./css/fonts/Stratum1WebThin.eot');
    src:url('./css/fonts/Stratum1WebThin.eot?#iefix') format('embedded-opentype'),
        url('./css/fonts/Stratum1WebThin.woff') format('woff'),
        url('./css/fonts/Stratum1-Thin.otf') format('opentype');
    font-weight: 200;
}

@font-face {
    font-family: 'comet';
    src:url('./css/fonts/comet.eot');
    src:url('./css/fonts/comet.eot?#iefix') format('embedded-opentype'),
        url('./css/fonts/comet.ttf') format('truetype'),
        url('./css/fonts/comet.woff') format('woff'),
        url('./css/fonts/comet.svg#comet') format('svg');
    font-weight: normal;
    font-style: normal;
}

[class^="icon-"], [class*=" icon-"] {
    font-family: 'comet';
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;

    /* Better Font Rendering =========== */
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.icon-uni26:before {
    content: "\26";
}
.icon-uni2B:before {
    content: "\2b";
}
.icon-uni31:before {
    content: "\31";
}
.icon-uni32:before {
    content: "\32";
}
.icon-uni33:before {
    content: "\33";
}
.icon-uni35:before {
    content: "\35";
}
.icon-uni34:before {
    content: "\34";
}
.icon-uni3E:before {
    content: "\3e";
}
.icon-uni61:before {
    content: "\61";
}
.icon-uni62:before {
    content: "\62";
}
.icon-uni63:before {
    content: "\63";
}
.icon-uni64:before {
    content: "\64";
}
.icon-uni65:before {
    content: "\65";
}
.icon-uni66:before {
    content: "\66";
}
.icon-uni6D:before {
    content: "\6d";
}
.icon-uni73:before {
    content: "\73";
}
.icon-uni74:before {
    content: "\74";
}
.icon-uni76:before {
    content: "\76";
}
.icon-uni79:before {
    content: "\79";
}
.icon-uniF000:before {
    content: "\f000";
}
.icon-uni23:before {
    content: "\23";
}
.icon-user:before {
    content: "\75";
}

/* New font icon for How To Ride */
@font-face {
  font-family: 'comet-new-icon';
  src:  url('./css/fonts/comet-new-icon.eot?husrz0');
  src:  url('./css/fonts/comet-new-icon.eot?husrz0#iefix') format('embedded-opentype'),
    url('./css/fonts/comet-new-icon.ttf?husrz0') format('truetype'),
    url('./css/fonts/comet-new-icon.woff?husrz0') format('woff'),
    url('./css/fonts/comet-new-icon.svg?husrz0#comet-new-icon') format('svg');
  font-weight: normal;
  font-style: normal;
}

[class^="icon-"], [class*=" icon-"] {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: 'comet-new-icon' !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;

  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.icon-howtoride-pager7:before {
  content: "\e903";
}


/* Use the following CSS code if you want to use data attributes for inserting your icons */
[data-icon]:before {
    font-family: 'comet', 'comet-new-icon';
    content: attr(data-icon);
    speak: none;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
}



.wf-loading h1, .wf-loading h2, .wf-loading h3, .wf-loading h4, .wf-loading h5, .wf-loading h6, .wf-loading p { visibility: hidden; }




/*
* HTML5 Boilerplate
*
* What follows is the result of much research on cross-browser styling.
* Credit left inline and big thanks to Nicolas Gallagher, Jonathan Neal, * Kroc Camen, and the H5BP dev community and team.
*/

/* ==========================================================================
Base styles: opinionated defaults
========================================================================== */

* { -moz-box-sizing:border-box; -webkit-box-sizing:border-box; box-sizing:border-box; *behavior: url(/wp-content/themes/comet/js/vendor/boxsizing.htc); }
#jr_inner { -moz-box-sizing:content-box; -webkit-box-sizing:content-box; box-sizing:content-box; }

html,nbutton,input, select, textarea { color: #222; }
body { background:#1e1f21; font-size: 1em; line-height: 1.4; font-family: "proxima-nova", sans-serif; font-weight: 400; color:#fff; -webkit-font-smoothing: antialiased;  }
::-moz-selection { background: yellow; text-shadow: none; color: #34373b; }
::selection { background: yellow; text-shadow: none; color: #34373b; }
hr { display: block; height: 1px; border: 0; border-top: 1px solid #ccc; margin: 1em 0; padding: 0; }
img { vertical-align: middle; }
fieldset { border: 0; margin: 0; padding: 0; }
textarea { resize: vertical; }
.chromeframe { margin: 0.2em 0; background: #ccc; color: #000; padding: 0.2em 0; }

h6 { font-size: 28px; font-family: "stratum1", sans-serif; font-weight: 400; margin: 40px 0 30px; }
a:hover, a:focus { text-decoration: none; }

.skip-nav { visibility: hidden; display: none; }

/* ==========================================================================
CN Button Styles
========================================================================== */

/** Slide Up/Hover **/
.slide-up-boxes {
    display: inline-block;
    -webkit-transition: all 0.25s linear;
    -moz-transition: all 0.25s linear;
    -o-transition: all 0.25s linear;
}
.slide-up-boxes a { display: block; overflow: hidden; position:relative; }

.slide-up-boxes h5 { position: relative; width: 100%; z-index:2; text-align: center; opacity: 1; padding: 0 25px;
    -webkit-transition: all 0.25s linear;
    -moz-transition: all 0.25s linear;
    -o-transition: all 0.25s linear;
}

.slide-up-boxes a:hover h5 { color: #fff; opacity: 1; }

.slide-up-boxes div { position: absolute; z-index:1; width: 100%; height: auto;  padding: 10px;  opacity: 1;
    -webkit-transition: all 0.25s linear;
    -moz-transition: all 0.25s linear;
    -o-transition: all 0.25s linear;
}

.slide-up-boxes a:hover div { top:0px; opacity: 1; }
.slide-up-boxes a:hover { text-decoration: none; }


/** Pink Button **/
.button { overflow: hidden; height:40px; background: #df2163; border-radius:4px; border:1px solid #8f315d;
    background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#e02265), to(#d4194a));
    background: -webkit-linear-gradient(top, #e02265, #d4194a);
    background: -moz-linear-gradient(top, #e02265, #d4194a);
    background: -ms-linear-gradient(top, #e02265, #d4194a);
    background: -o-linear-gradient(top, #e02265, #d4194a);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#e02265', endColorstr='#d4194a'); /* IE6-9 */
}

.button:hover { border-radius:4px; border: 1px solid #16240c; }

.button h5 { line-height: 40px; margin-top: 0px; text-shadow:2px 2px 1px #9c1641; font-weight: 700; text-transform:uppercase; font-size:15px; color: #fff; margin: 0; }
.button h5:hover { text-shadow:2px 2px 1px #202326; }

.button div { height: 40px; top:-40px;
    background: #3b3e43;
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #3b3e43), color-stop(100%, #2d3033));
    background: -webkit-linear-gradient(top, #3b3e43, #2d3033);
    background: -moz-linear-gradient(top, #3b3e43, #2d3033);
    background: -ms-linear-gradient(top, #3b3e43, #2d3033);
    background: -o-linear-gradient(top, #3b3e43, #2d3033);
    background: linear-gradient(top, #3b3e43, #2d3033);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#3b3e43', endColorstr='#2d3033'); /* IE6-9 */
}

/*    .btn-arrow h5:after { content:"\25B6"; margin-left: 15px; position: relative; top:0px; }*/

/** Styles for real button **/
button.button { margin: 0; padding: 0; }
button.button h5 { line-height: 40px; font-weight: 400; font-family: "proxima-nova", sans-serif;  }

/** Find Routes Button **/

.find-routes { overflow: hidden; height:53px; width:194px; border: 1px solid #16240c; border-bottom: 1px solid #0b0f09; border-radius: 4px; -webkit-box-shadow: inset 0 1px 0 0 #8da1a7; box-shadow: inset 0 1px 0 0 #4c4f56; margin: auto;
    background: #3b3e43;
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #3b3e43), color-stop(100%, #2d3033));
    background: -webkit-linear-gradient(top, #3b3e43, #2d3033);
    background: -moz-linear-gradient(top, #3b3e43, #2d3033);
    background: -ms-linear-gradient(top, #3b3e43, #2d3033);
    background: -o-linear-gradient(top, #3b3e43, #2d3033);
    background: linear-gradient(top, #3b3e43, #2d3033);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#3b3e43', endColorstr='#2d3033'); /* IE6-9 */
}

.ie7 .find-routes { width: 250px; }

.find-routes:hover { height:53px; border-radius:4px; border:1px solid #8f315d; }

.find-routes h5 { line-height:53px; margin:0px; color: #fff; font-weight: 700; font-size: 21px; text-transform: uppercase; text-shadow: 1px 1px 0 #202326; }
.find-routes h5:hover { text-shadow:2px 2px 1px #9c1641; }

.find-routes div { height:53px; top:-53px;
    background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#e02265), to(#d4194a));
    background: -webkit-linear-gradient(top, #e02265, #d4194a);
    background: -moz-linear-gradient(top, #e02265, #d4194a);
    background: -ms-linear-gradient(top, #e02265, #d4194a);
    background: -o-linear-gradient(top, #e02265, #d4194a);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#e02265', endColorstr='#d4194a'); /* IE6-9 */
}


/** Pager Buttons**/

.pager-button { overflow: hidden; height:40px; border-radius: 4px; -webkit-box-shadow: inset 0 1px 0 0 #8da1a7; box-shadow: inset 0 1px 0 0 #4c4f56; margin: auto;
    background: #3b3e43;
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #3b3e43), color-stop(100%, #2d3033));
    background: -webkit-linear-gradient(top, #3b3e43, #2d3033);
    background: -moz-linear-gradient(top, #3b3e43, #2d3033);
    background: -ms-linear-gradient(top, #3b3e43, #2d3033);
    background: -o-linear-gradient(top, #3b3e43, #2d3033);
    background: linear-gradient(top, #3b3e43, #2d3033);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#3b3e43', endColorstr='#2d3033'); /* IE6-9 */
}

.pager-button:hover { border-radius:4px; }

.pager-button h5 { line-height:40px; margin-top:0px; text-shadow: 1px 1px 0 #202326; font-weight: 700; text-transform:uppercase; font-size:14px; color: #fff; margin: 0; }
.pager-button h5:hover { text-shadow:2px 2px 1px #9c1641; }

.pager-button div { height: 40px; top:-40px; border-radius: 4px;
    background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#e02265), to(#d4194a));
    background: -webkit-linear-gradient(top, #e02265, #d4194a);
    background: -moz-linear-gradient(top, #e02265, #d4194a);
    background: -ms-linear-gradient(top, #e02265, #d4194a);
    background: -o-linear-gradient(top, #e02265, #d4194a);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#e02265', endColorstr='#d4194a'); /* IE6-9 */
}


.home .cycle-pager-active { overflow: hidden; height:40px; background: #df2163; border: none; box-shadow: none;
    background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#e02265), to(#d4194a));
    background: -webkit-linear-gradient(top, #e02265, #d4194a);
    background: -moz-linear-gradient(top, #e02265, #d4194a);
    background: -ms-linear-gradient(top, #e02265, #d4194a);
    background: -o-linear-gradient(top, #e02265, #d4194a);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#e02265', endColorstr='#d4194a'); /* IE6-9 */
}


.home .cycle-pager-active  h5 { line-height:40px; margin-top:0px; text-shadow:2px 2px 1px #9c1641; font-weight: 700; text-transform:uppercase; font-size:14px; color: #fff; margin: 0; }

.home .cycle-pager-active div { background: none; }



/* ==========================================================================
CN custom styles
========================================================================== */

/** Home Header & Nav **/


header.comet { width:100%; height:527px; overflow:hidden; position:relative; -webkit-backface-visibility: hidden; -webkit-user-select: none;

    background: url('./img/white-lines.svg') no-repeat 50% 50% #d91b5c;
    background: url('./img/white-lines.svg') no-repeat 50% 50%, -moz-linear-gradient(left top,#d91b5c 0%, #ee4332 50%, #85176a 80%);
    background: url('./img/white-lines.svg') no-repeat 50% 50%, -webkit-gradient(linear,left top, right bottom, color-stop(0%, #d91b5c), color-stop(50%, #ee4332), color-stop(80%, #85176a));
    background: url('./img/white-lines.svg') no-repeat 50% 50%, -o-linear-gradient(left top, #d91b5c 0%, #ee4332 50%, #85176a 80%);
    background: url('./img/white-lines.svg') no-repeat 50% 50%, -ms-linear-gradient(left top, #d91b5c 0%, #ee4332 50%, #85176a 80%);
    background: url('./img/white-lines.svg') no-repeat 50% 50%, linear-gradient(left top, #d91b5c 0%, #ee4332 50%, #85176a 80%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ef393c', endColorstr='#85176a'); /* IE6-9 */
}
.ie-white-lines { display:none; }
.ie9 .ie-white-lines, .ie8 .ie-white-lines, .ie7 .ie-white-lines { display:block; background: url('./img/white-lines.png') no-repeat 50% 50%; position: absolute; width:100%; height: 527px; }

.fireflies { position: absolute; width:100%; height: 100%; z-index:0; opacity: 0; }

.ie8 nav.header-home, .ie7 nav.header-home { background: url(./img/ie-nav-bg.png) repeat; }
nav.header-home a { color:#fff; }
nav.header-home a:hover, nav.header.show a:hover { color:rgba(255,255, 255, 0.75); text-decoration:none;}
nav.header-home ul { margin:0 !important; text-align: right; }
nav.header-home ul li { display:inline-block;margin-right:20px; font-family: "stratum1"; font-weight:bold; }
nav.header-home ul li.buy-passses { display: none; }
.slide-nav.hidden { position: fixed; top: -166px; visibility: visible; display: block; }

nav.header-home { background:rgba(63,12, 51, 0.3); height:87px; width:100%; border-bottom:1px solid rgba(0, 0, 0, 0.3); color:#fff; padding:20px 0; position:absolute; z-index: 9998; line-height: 44px; /* bottom: 0; */}

nav.slide-dd { display: none; }
nav.slide-dd { background: #212326; border-bottom: 10px solid #1e1f21; position: fixed; top: 66px; height: auto; width: 100%; z-index: 999; }
nav.slide-dd a { color: #fff; }
nav.slide-dd ul { text-align: center; padding: 0; }
nav.slide-dd ul li.buy-passses { display: block; }
nav.slide-dd ul li { display: block; margin: 36px 0; font-family: "stratum1"; font-weight:bold; }
nav.slide-dd .button { display: none; }
nav.slide-dd .search { width: 200px; margin: 10px 0 30px; }
nav.slide-dd .span2, nav.slide-dd .span8 { width: 100%; text-align: center; }

/* IE7 Nav Fixes... because we care */
.ie7 nav.header-home ul.menu { width: 500px; float: right; }
.ie7 ul.menu li { float: left; list-style-type: none; }
.ie7 .slide-nav .container { overflow: visible !important; }
.ie7 .slide-nav ul { position: relative; z-index: 999; float: right; }
.ie7 .slide-nav ul li { padding: 0;   }


nav#nav-header .search { padding:6px 4px 6px 30px; border-radius:20px; border:1px solid #000; background: rgba(0, 0, 0, 0.1); color:#fff; font-size:11px; box-shadow: inset 0px 1px 3px rgba(0,0,0,0.3), 0px 2px 0px rgba(255,255,255,0.3); width:118px; background:url(./img/search-icon.png) no-repeat 5% 50% rgba(0, 0, 0, 0.1); margin-top:-5px; text-transform: uppercase; }
.ie8 nav#nav-header .search { background: url(./img/ie-search-bar.png) no-repeat; border: none; width:144px; padding: 15px 0 6px 32px; overflow: hidden; margin-top: -15px; }
.ie7 nav#nav-header .search { background: url(./img/ie-search-bar.png) no-repeat; border: none; width:180px; padding: 15px 0 6px 32px; overflow: hidden; margin-top: -15px; }
nav#nav-header .search:focus { outline: none; }
nav#nav-header .search::-webkit-input-placeholder { color:rgba(255,255,255,0.6); }
nav#nav-header .search:-moz-placeholder { color:rgba(255,255,255,0.6); }
nav#nav-header .search::-moz-placeholder { color:rgba(255,255,255,0.6); }
nav#nav-header .search:-ms-input-placeholder { color:rgba(255,255,255,0.6); }

section[role="logo-area"] { position:absolute; width:100%; z-index: 3; text-align: center; padding: 207px 30px 0 30px; }
.ie-fallback-logo { display: none; }
.ie8 .ie-fallback-logo, .ie7 .ie-fallback-logo { display:block; }
.ie8 .comet-logo, .ie7 .comet-logo { display: none; }
.tagline-area { margin:auto; text-align:center; color: #fff; }
.tagline-area h2 { font-family: "stratum1"; font-weight:bold; font-size:30px; text-shadow: 3px 4px 0px rgba(0,0,0, 0.2);font-style:italic;}


section[role="flames"] { position:relative; z-index: 1; margin-top: 87px; opacity: 0; }
.blue-flame { background:url(./img/blue-flame.png) no-repeat; width:694px; height:492px; position:absolute; top: -316px; left:-390px;
    -webkit-transition: all 0.25s linear;
    -moz-transition: all 0.25s linear;
    -o-transition: all 0.25s linear;  }
.yellow-flame { background:url(./img/yellow-flame.png) no-repeat; width:925px; height:705px; position:absolute; top: -60px; left:-640px;
    -webkit-transition: all 0.25s linear;
    -moz-transition: all 0.25s linear;
    -o-transition: all 0.25s linear;   }
.green-flame { background:url(./img/green-flame.png) no-repeat; width:1287px; height:1057px; position:absolute;  top: -430px; right:-740px;
    -webkit-transition: all 0.25s linear;
    -moz-transition: all 0.25s linear;
    -o-transition: all 0.25s linear;  }



/**** Slide Nav ****/
.slide-nav { background: #000; position: fixed; top: -100px; width:100%; z-index:9999; height: 166px; overflow: hidden;
    -webkit-transition: top 0.5s;
    -moz-transition: top 0.5s;
    -o-transition: top 0.5s;
    -ms-transition: top 0.5s;
    transition: top 0.5s;
    -moz-transform: translateZ(1px); -ms-transform: translateZ(1px); -webkit-transform: translateZ(1px); transform: translateZ(1px);}

.slide-nav.alerts-shown, .slide-nav.hidden.alerts-shown {
    top: 0;
}

nav.header { position: absolute; right: -100%; opacity: 0;
    top: 0px; -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    -o-transition: all 0.5s;
    -ms-transition: all 0.5s;
    transition: all 0.5s;
    height: 66px;}
nav.header ul { padding: 0; margin: 0; text-align: right; }
nav.header li { display: inline-block; text-align: center; }
nav.header a { color:#fff; line-height: 66px; padding: 0 20px; }
nav.header .buy-btn { display: none; }
nav.header.show { right: 0; opacity: 1; }
.slide-nav .container { padding: 0; position: relative; overflow: hidden; }
.slide-nav>.container { top: 100px; }
.brand { float: left; padding: 14px 0; position: relative; z-index: 2; }
.brand img { width: 242px; }
.brand-ie { display: none; }
.menu-icon { float:right; padding: 22px; position: relative; z-index: 9999; cursor: pointer; background: #000; }
/*Menu fixes for IE8 and IE7*/
.ie8 .slide-nav .container { padding: 14px 5px 0; }
.ie8 .brand, .ie7 .brand { display: none; }
.ie8 .brand-ie {display: inline; float: none; padding: 14px 0; position: relative; z-index: 2; }
.ie7 .brand-ie {display: inline; float: none; padding: 14px 0; position: absolute; z-index: 2; }
.ie8 .brand-ie img, .ie7 .brand-ie img { width: 242px; }
.ie8 .menu-icon { padding: 8px 0; }
.ie8 ul.nav { margin-top: -12px; }
.ie8 .slide-nav .menu-main-menu-container { margin-top: -15px; }

.icon-bar { display: block; width: 32px; height: 3px; background-color:#f5f5f5; border-radius:4px;
    -webkit-border-radius:4px;
    -moz-border-radius:4px;}
.slide-nav .icon-bar+.icon-bar{margin-top:5px}

nav.header.show a { padding: 0 12px; }

/** Rider alerts **/

.slide-nav .alerts-container {
    background: #191b1d;
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    height: 100px;
    z-index: 9999;
}

.alerts-container .container {
    top: 0;
    height: 100%;
}

.alert-icon {
    width: 23px;
    height: 23px;
    background: #e52b51;
    border-radius: 50%;
    float: right;
    margin: 21px 15px;
    position: relative;
    z-index: 9999;
    text-align: center;
    line-height: 23px;
    font-family: "proxima-nova";
    font-weight: 900;
    font-size: 18px;
    text-shadow: 0 1px 1px rgba(0,0,0,.5);
    -moz-box-shadow: inset 0 1px 0 rgba(255,255,255,.1), inset 0 0 0 1px rgba(255,255,255,.15); -webkit-box-shadow: inset 0 1px 0 rgba(255,255,255,.1), inset 0 0 0 1px rgba(255,255,255,.15); box-shadow: inset 0 1px 0 rgba(255,255,255,.1), inset 0 0 0 1px rgba(255,255,255,.15);
    cursor: pointer;
}

.ie8 .alert-icon   { margin-top: 6px; }

@-webkit-keyframes ping {
    from { -webkit-transform: scale3d(0.3,0.3,1); transform: scale3d(0.3,0.3,1); opacity: 1; visibility: visible; }
    to { -webkit-transform: scale3d(1,1,1); transform: scale3d(1,1,1); opacity: 0; visibility: visible; }
}

@keyframes ping {
    from { -moz-transform: scale3d(0.3,0.3,1); -o-transform: scale3d(0.3,0.3,1); -ms-transform: scale3d(0.3,0.3,1); -webkit-transform: scale3d(0.3,0.3,1); transform: scale3d(0.3,0.3,1); opacity: 1; visibility: visible; }
    to { -moz-transform: scale3d(1,1,1); -o-transform: scale3d(1,1,1); -ms-transform: scale3d(1,1,1); -webkit-transform: scale3d(1,1,1); transform: scale3d(1,1,1); opacity: 0; visibility: visible; }
}

.alert-notification {
    width: 83px;
    height: 83px;
    position: absolute;
    border-radius: 50%;
    border: #e52b51 3px solid;
    top: -30px;
    left: -30px;
    visibility:hidden;
    -webkit-animation: ping 0.8s 1s 3 ease-out;
    animation: ping 0.8s 1s 3 ease-out;
}

.slide-nav.hidden .alert-notification {
    -webkit-animation: none;
    animation: none;
}

.alerts-marquee, .close-alerts {
    height: 32px;
    position: absolute;
    top: 32px;
    z-index: 9999;
    line-height: 32px;
    font-size: 22px;
}

.alerts-marquee {
    left: 0;
    right: 32px;
    font-size: 20px;
    overflow: hidden;
}

.alerts-marquee-slider {
    position: absolute;
    left: 0;
    width: auto;
    overflow: visible;
    white-space: nowrap;
    margin-left: 100%;
}

.close-alerts {
    right: 0;
    width: 32px;
    text-align: center;
    font-weight: 900;
    background: #000;
    cursor: pointer;
}

.alert-bullet {
    margin: 0 10px;
}



/** Home Sub Header **/
section[role="sub-header"] { width: 100%; border-bottom:10px solid #1e1f21; border-top:1px solid #1e1f21; text-align: center;
    background: #212326;
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #212326), color-stop(100%, #282a2e));
    background: -webkit-linear-gradient(top, #212326, #282a2e);
    background: -moz-linear-gradient(top, #212326, #282a2e);
    background: -ms-linear-gradient(top, #212326, #282a2e);
    background: -o-linear-gradient(top, #212326, #282a2e);
    background: linear-gradient(top, #212326, #282a2e);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#212326', endColorstr='#282a2e'); /* IE6-9 */
}

section[role="sub-header"] h1 { font-family: "stratum1"; font-weight: 200; font-size: 44px; margin:0; text-shadow: 0 0 1px #fff; }
section[role="sub-header"] h3 { text-transform:uppercase; font-size:15px; margin-bottom:-10px; text-shadow: 1px 1px 0px rgba(0,0,0,0.3); }
section[role="sub-header"] a { color: #fff;  }
section[role="sub-header"] a:hover { text-decoration: none; }

.maps-box { height:203px; padding:40px 0 0 0; border-right:1px solid #14171c; }
.schedules-box { height:203px; padding:40px 0 0 0; border-left:1px solid #2f333b; border-right:1px solid #14171c; }
.planner-box { height:203px; padding:40px 0 0 0; border-left:1px solid #2f333b; }

.icon-box { border:10px solid #1e1f21; background: #34373b; width: 115px; height: 115px; margin: 20px auto; position:relative; line-height:99px; font-size: 60px; }

.maps-box .icon-box { background: url('./img/bg-route-maps.png') no-repeat; }
.schedules-box .icon-box { background: url('./img/bg-route-schedules.png') no-repeat; }
.planner-box .icon-box { background: url('./img/bg-trip-planner.png') no-repeat; }

.ie7 .maps-box .icon-box, ie7 .schedules-box .icon-box, .ie7 .planner-box .icon-box { line-height: 100px; }

/** Home Features **/

section[role="home-features"] { width:100%; padding: 65px 0 100px 0; box-shadow: inset -50px 30px 30px rgba(0,0,0,.1);
    background: url('./img/home-featues-bg.png') repeat-x, -moz-linear-gradient(top,  #232528 0%, #34373b 68%, #2a2d30 68%, #34373b 100%); /* FF3.6+ */
    background: url('./img/home-featues-bg.png') repeat-x, -webkit-gradient(linear, left top, left bottom, color-stop(0%,#232528), color-stop(68%,#34373b), color-stop(68%,#2a2d30), color-stop(100%,#34373b));
    background: url('./img/home-featues-bg.png') repeat-x, -webkit-linear-gradient(top,  #232528 0%,#34373b 68%,#2a2d30 68%,#34373b 100%); /* Chrome10+,Safari5.1+ */
    background: url('./img/home-featues-bg.png') repeat-x, -o-linear-gradient(top,  #232528 0%,#34373b 68%,#2a2d30 68%,#34373b 100%); /* Opera 11.10+ */
    background: url('./img/home-featues-bg.png') repeat-x, -ms-linear-gradient(top,  #232528 0%,#34373b 68%,#2a2d30 68%,#34373b 100%); /* IE10+ */
    background: url('./img/home-featues-bg.png') repeat-x, linear-gradient(to bottom,  #232528 0%,#34373b 68%,#2a2d30 68%,#34373b 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#232528', endColorstr='#34373b',GradientType=0 ); /* IE6-9 */
}


section[role="home-features"] h2 { margin-left:20px;font-size:25px; }
.slider { width:100%; height:400px; background: #26282b; position: relative;}
.cycle-slideshow { overflow: hidden; }
h5.features-action { display: inline; margin-right: 20px; font-size: 20px; font-weight: 400; font-family: 'stratum1'; }
.stretch { display: inline-block; width: 100%;

    /* if you need IE6/7 support */
    *display: inline;
    zoom: 1
}
#pager { margin: 17px 16px; }



.our-services { padding-left:48px; -webkit-perspective: 1500px; -webkit-perspective-origin: 50% 50%; perspective: 1500px; perspective-origin: 50% 50%; }
.our-services a:hover { text-decoration: none; }

.service-box { background:#25272a; border: 3px solid #222427; height:120px; margin-bottom: 20px; padding:15px 150px 15px 15px; font-weight:700; text-transform:uppercase; font-size: 13px; position: relative; cursor: pointer;
    -webkit-transform: rotateY(0deg);
    -webkit-transition: transform .3s;
    transform: rotateY(0deg);
    transition: transform .3s;
    -webkit-transition: all 0.25s;
    -moz-transition: all 0.25s;
    -o-transition: all 0.25s;
    display: block;}



.service-box h3 { font-family: "stratum1"; font-weight: 700; font-size: 16px; margin: 0; }
.service-box p { margin: 8px 0px; color: #fff;}
.service-1 { background:url(./img/services-student.jpg) no-repeat right #25272a; }
.service-1 h3 { color: #e62c52; }
.service-2 { background:url(./img/services-bus-driver.jpg) no-repeat right #25272a; }
.service-2 h3 { color: #168bc7; }
.service-3 { background:url(./img/services-healthcare.jpg) no-repeat right #25272a; }
.service-3 h3 { color: #70bc3c; }
.service-1:before { background: rgba(230, 44, 82, 0.0); }
.service-2:before { background: rgba(22, 139, 199, 0.0); }
.service-3:before { background: rgba(112, 188, 60, 0.0); }
.hover-box:hover .service-1:before { background: rgba(230, 44, 82, 0.3);  }
.hover-box:hover .service-2:before { background: rgba(22, 139, 199, 0.3); }
.hover-box:hover .service-3:before { background: rgba(112, 188, 60, 0.3); }

.service-box:before { content: ''; display: block; position: absolute; width:138px; height:100%; pointer-events: none; right:0; top:0;
    transition: background 0.25s;
    -webkit-transition: background 0.25s;
    -moz-transition: background 0.25s;
    -o-transition: background 0.25s; }

.hover-box:hover .service-box {  text-decoration: none;
    -webkit-transform: rotateY(-15deg);
    transform: rotateY(-15deg);
}
.shadow { position: absolute; width: 100%; height: 2px; background: rgba(0,0,0,0.1); border-radius: 50%; bottom: -50px; box-shadow: 0 0 10px 10px rgba(0,0,0,0.1); }

.service-3 .shadow  { margin-left:-28px; }

/** Footer **/
footer.comet { background:url(./img/footer-bg.jpg) repeat; width:100%; padding: 50px 0 55px 0; overflow: auto;}
nav.footer { background: #1e1f21; font-family: "stratum1"; font-weight: 700; font-size: 16px; overflow: auto; }
nav.footer ul { list-style-type: none; overflow: auto; margin: 0; padding:0;  }
nav.footer li { display: inline-block; border:10px solid #34373b; border-left:5px solid #34373b; border-right:5px solid #34373b; margin: 0; text-align: center; height:100px; float: left;
    -webkit-transition: all 0.25s linear;
    -moz-transition: all 0.25s linear;
    -o-transition: all 0.25s linear;
}
nav.footer li:hover  { background: #e52a50 }
nav.footer li:first-child  { border-left:10px solid #34373b; }
nav.footer li:last-child  { border-right:10px solid #34373b; }
nav.footer a { color: #fff; height: 100%; width: 100%; display: block; line-height: 85px;   }
nav.footer a:hover { text-decoration: none; }
.ie7 footer.comet row , .ie7 nav.footer, .ie7 ul.social-icons, .ie7 nav.footer ul.span12 { overflow: hidden !important; }

footer.comet h3 { margin-left:20px; font-family: "stratum1"; font-weight: 400; font-size: 24px;  }
footer.comet h4 { margin: 0; color:#ebebeb; font-weight: 400; font-size: 18px; }
footer.comet h5.rss-date { margin: 0; color:#e4294d; font-family: "proxima-nova", sans-serif; font-weight: 400; font-size: 14px; }
.contact-box { padding:0px 48px; }
.grey-box { background: #34373b; padding:20px; color:#8b8c8e; font-family: "stratum1"; font-weight: 400; font-size: 18px; border: 0; width:100%; margin-bottom:12px; border-radius: none; }
.grey-box a { color: #0c0c0c; font-weight: 700; text-transform: uppercase;
    -webkit-transition: all 0.25s linear;
    -moz-transition: all 0.25s linear;
    -o-transition: all 0.25s linear;
}
.grey-box a:hover { color: #e4294d; text-decoration: none; }
textarea.grey-box { min-height:222px; }
.ie8 textarea.grey-box { min-height: 182px; }

.grey-box:focus, button:focus { outline: none; }
.grey-box::-webkit-input-placeholder { font-size: 16px;  }
.grey-box:-moz-placeholder { font-size: 16px;  }
.grey-box::-moz-placeholder { font-size: 16px;  }
.grey-box:-ms-input-placeholder { font-size: 16px;  }

ul.social-icons { list-style-type: none; padding: 0; margin-bottom: 17px; width: 250px; overflow: auto; }
ul.social-icons li { width: 48px; height: 48px; background: #34373b; margin: 0px 20px 20px 0; display: inline-block; text-align: center; line-height: 54px; font-size: 24px; float: left;
    -webkit-transition: all 0.25s linear;
    -moz-transition: all 0.25s linear;
    -o-transition: all 0.25s linear;
}
ul.social-icons li:hover { background: #e52a50; text-decoration: none;  }
ul.social-icons li.you-tube { font-size: 30px; }
ul.social-icons a { color: #fff; }
ul.social-icons a:hover { text-decoration: none; }
.loading { margin-left: 10px; display: none; }

/** Sub Footer **/
section[role="sub-footer"] { background: #e52a50; padding: 25px 0; font-family: "stratum1"; font-weight: 700; font-size: 12px; line-height:50px; }
section[role="sub-footer"] a { color: #fff; }
.footer-logo { text-align: center; }
.footer-logo img { height: 56px; width: 315px;}
.footer-logo.ie { display: none; }
.ie9 .footer-logo, .ie8 .footer-logo, .ie7 .footer-logo, .gt-ie9 { display: none; }
.ie9 .footer-logo.ie, .ie8 .footer-logo.ie, .ie7 .footer-logo.ie, .ie10 .footer-logo.ie { display:block; }
.footer-copyright { text-align: right; }



/* ==========================================================================
Internal Pages
========================================================================== */

/** Internal Default - page.php **/
section[role="internal-header"] { width: 100%; height: 236px; position: relative ; z-index: 0; padding-top: 65px; overflow: hidden;
    background: url('./img/white-lines.svg') no-repeat 50% 50% #d91b5c;
    background: url('./img/white-lines.svg') no-repeat 50% 50%, -moz-linear-gradient(left top,#d91b5c 0%, #ee4332 50%, #85176a 80%);
    background: url('./img/white-lines.svg') no-repeat 50% 50%, -webkit-gradient(linear,left top, right bottom, color-stop(0%, #d91b5c), color-stop(50%, #ee4332), color-stop(80%, #85176a));
    background: url('./img/white-lines.svg') no-repeat 50% 50%, -o-linear-gradient(left top, #d91b5c 0%, #ee4332 50%, #85176a 80%);
    background: url('./img/white-lines.svg') no-repeat 50% 50%, -ms-linear-gradient(left top, #d91b5c 0%, #ee4332 50%, #85176a 80%);
    background: url('./img/white-lines.svg') no-repeat 50% 50%, linear-gradient(left top, #d91b5c 0%, #ee4332 50%, #85176a 80%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ef393c', endColorstr='#85176a'); /* IE6-9 */
}

section[role="internal-header"] .fireflies { top: 0; }

.ie9 section[role="internal-header"], .ie8 section[role="internal-header"], .ie7 section[role="internal-header"] { min-height: 1px; height: 236px; }
.ie7 section[role="internal-header"] .ie-white-lines { display: none; }

h1 { font-family: "stratum1"; font-weight: 200; font-size: 52px; text-shadow: 0 0 1px #fff; margin-top: 56px; position: relative; z-index:10; }

section[role="int-flames"] { position:relative; z-index: 1; margin-top: 0px; }
.int-blue-flame { background:url(./img/blue-flame.png) no-repeat; width:694px; height:492px; position:absolute; top: -456px; right:-40px;
    -webkit-transition: all 0.25s linear;
    -moz-transition: all 0.25s linear;
    -o-transition: all 0.25s linear;  }
.int-yellow-flame { background:url(./img/yellow-flame.png) no-repeat; width:925px; height:705px; position:absolute; top: -190px; right:-70px;transform:rotate(-21deg);
    -ms-transform:rotate(-21deg); /* IE 9 */
    -webkit-transform:rotate(-21deg); /* Safari and Chrome */
    -webkit-transition: all 0.25s linear;
    -moz-transition: all 0.25s linear;
    -o-transition: all 0.25s linear;   }
.int-green-flame { background:url(./img/green-flame.png) no-repeat; width:1287px; height:1057px; position:absolute;  top: -670px; right:-640px;
    -webkit-transition: all 0.25s linear;
    -moz-transition: all 0.25s linear;
    -o-transition: all 0.25s linear; }

.ie8 .int-yellow-flame, .ie7 .int-yellow-flame {  top: -190px; right:-360px; }

section[role="main-content"] { width: 100%; position: relative;  z-index: 1; background: #34373b; overflow: auto; }
.left-bg-full { content:""; display: block; background: #34373b; height: 100%; width: 55%; z-index: -1; left: 0; position: absolute;  }
.right-bg-full { content:""; display: block; background: #2c2f32; top: 0; bottom: 0; width: 45%; z-index: -1; right: 0; position: absolute; }
section[role="main-content"] p { font-size: 18px; }
.left-bg { width: 55%; float: left;  }
.right-bg { float: left; width: 45%; }

.page-content { float: right; padding: 70px 0 140px; font-size: 18px; line-height: 175%; margin-right: 45px; }
.page-content .span6 { }
.page-content a { color: #e62c52 !important; -webkit-transition: all 0.25s linear; -moz-transition: all 0.25s linear; -o-transition: all 0.25s linear; }
.page-content a:hover { color: #000; text-decoration: none; }

.page-content p {  margin: 20px 0;  }
.page-content ul { padding-left: 60px; }

.sidebar { background: #2c2f32; float: left; width: 100%; height: 100%; right: 0; top:0; }
.sidebar-top-box { background: #1a1b1d; padding: 35px 0 95px 45px; position: relative;  }
.sidebar-top-box-container { width: 340px; }
.sidebar-bottom-box {}
.box1, .box2 { width: 218px; height: 247px; float: left; padding: 40px 25px; border: none; }
.box1:hover, .box2:hover {
    text-decoration: none;
}
.box1 { background: #43474c; }
.box2 { background: #53575d; }
.sidebar-icon-box { border:10px solid #1e1f21; background: #34373b; width: 100px; height: 100px; margin: 10px auto; position:relative; text-align: center; font-size: 60px; line-height: 98px; }
.sidebar-maps-box .sidebar-icon-box { background: url('./img/bg-route-maps.png') no-repeat; }
.sidebar-schedules-box .sidebar-icon-box { background: url('./img/bg-route-schedules.png') no-repeat; }
.sidebar-planner-box .sidebar-icon-box { background: url('./img/bg-trip-planner.png') no-repeat; }

.sidebar h2 { font-family: "stratum1"; font-weight: 200; font-size: 48px; text-shadow: 0 0 1px #fff; }
.sidebar h3 { font-family: "stratum1"; font-weight: 200; font-size: 32px; text-align: center; margin: 0; text-shadow: 0 0 1px #fff; }
.sidebar h4 { font-weight: 700; font-size: 14px; text-align: center; text-transform: uppercase; margin: 0; }

.sidebar-more { position: absolute; top: 0; left: 0; background: #000; padding: 20px; width: 65px; font-size: 21px; font-family: "stratum1"; font-weight: 400; text-align: center;
    -webkit-transition: all 0.25s linear;
    -moz-transition: all 0.25s linear;
    -o-transition: all 0.25s linear; }
.sidebar a { color: #fff; }
.sidebar-more:hover { background: #e52a50; cursor: pointer; }



/** How to Ride - custom-howtoride.php **/

section[role="howtoride-header"] { width: 100%; min-height: 655px; position: relative ; z-index: 0; padding-top: 65px;
    background: url('./img/sub-video-header-bg.png') repeat-x 100% 85%, -moz-linear-gradient(top,  #232528 0%, #34373b 75%, #2a2d30 75%, #34373b 100%); /* FF3.6+ */
    background: url('./img/sub-video-header-bg.png') repeat-x 100% 85%, -webkit-gradient(linear, left top, left bottom, color-stop(0%,#232528), color-stop(68%,#34373b), color-stop(68%,#2a2d30), color-stop(100%,#34373b));
    background: url('./img/sub-video-header-bg.png') repeat-x 100% 85%, -webkit-linear-gradient(top,  #232528 0%,#34373b 75%,#2a2d30 75%,#34373b 100%); /* Chrome10+,Safari5.1+ */
    background: url('./img/sub-video-header-bg.png') repeat-x 100% 85%, -o-linear-gradient(top,  #232528 0%,#34373b 75%,#2a2d30 75%,#34373b 100%); /* Opera 11.10+ */
    background: url('./img/sub-video-header-bg.png') repeat-x 100% 85%, -ms-linear-gradient(top,  #232528 0%,#34373b 75%,#2a2d30 75%,#34373b 100%); /* IE10+ */
    background: url('./img/sub-video-header-bg.png') repeat-x 100% 85%, linear-gradient(to bottom,  #232528 0%,#34373b 75%,#2a2d30 75%,#34373b 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#232528', endColorstr='#34373b',GradientType=0 ); /* IE6-9 */
}
.ie8 section[role="howtoride-header"], .ie7 section[role="howtoride-header"] { min-height: 590px;  }
.int-white-lines { background: url('./img/white-lines.svg') no-repeat 50% 50%; width: 100%; height: 620px; position: absolute; opacity: .3; z-index: 1;  }
.ie-int-white-lines { display:none; }
.ie9 .int-white-lines, .ie8 .int-white-lines, .ie7 .int-white-lines { display: none; }
.ie9 .ie-int-white-lines, .ie8 .ie-int-white-lines, .ie7 .ie-int-white-lines { display:block; background: url('./img/white-lines.png') no-repeat 50% 50%; position: absolute; width:100%; height: 620px; }

.howtoride-flame-bg { background: url('./img/int-header-flame-bg.png') no-repeat 35% -550px; width: 100%; height: 425px; position: absolute; z-index:1; }
section[role="howtoride-header"] .span4 { padding: 60px 45px 0 0; }

.howtoride-header-content { margin-top: 100px; position: relative; z-index: 2; }
.ie7 .howtoride-header-content { min-height: 500px; }
.video-box { border: 3px solid #222427; position: relative; z-index: 1;  }
.ie7 .video-box { margin-top: 60px; }
.howtoride.shadow { position: relative; }

section[role="howtoride-header"] h1 { font-family: "stratum1"; font-weight: 200; font-size: 52px;  margin: 0; text-shadow: 0 0 1px #fff; }
section[role="howtoride-header"] h3 { font-weight: 700; font-size: 18px; text-transform: uppercase;  margin: 0;  }
section[role="howtoride-header"] p { font-family: "stratum1"; font-weight: 400; font-size: 21px; color: #8b8c8e; margin: 0; }

section[role="howtoride-mid-bar"] { background: #000; padding: 75px 0; width: 100%;  text-align: center; position: relative; z-index: 2; }
section[role="howtoride-mid-bar"] h2 { font-family: "stratum1"; font-weight: 200; font-size: 48px;  margin: 0; text-shadow: 0 0 1px #fff; }
section[role="howtoride-mid-bar"] p { font-size: 18px; }

section[role="howtoride-slider"] { background: url('./img/howtoride-slider-bg.png') no-repeat; width: 100%; background-position: center; background-size: cover; position:relative; -ms-behavior: url(/wp-content/themes/comet/js/vendor/backgroundsize.min.htc);  overflow: hidden; }
/*section[role="howtoride-slider"] img { position: absolute; left: 0 !important; }*/
.howtoride-slider { min-height: 700px; }
#howtoride-pager { text-align: center; margin: 35px auto; width: 800px; }


.howtoride-slide-icon { font-size: 95px; width: 95px; height: 95px; margin: auto; }
.howtoride-slider .prev { position: absolute; font-size: 60px; color: #e52a50; top: 50px; left: 90px; }
.howtoride-slider .next { position: absolute; font-size: 60px; color: #e52a50; top: 50px; right: 90px; }

.slide-icon-label { display: block; font-size: 14px; position: relative; top: -10px; font-family: 'stratum1'; font-weight: bold; text-transform: uppercase; line-height: 1; }
.howtoride-slider-title { padding: 0 0 0 0; } /* padding-top: 120px; */
.howtoride-slider-title h3 { font-size: 42px; font-weight: 200; font-family: 'stratum1'; text-transform: uppercase; text-shadow: 0 0 1px #fff; margin: 10px 0 0 0; padding: 0; text-align: right; }
.howtoride-btn { float: right; margin-top: 20px;  }
.howtoride-slider-content { font-size: 18px; }
.howtoride-slider-content p {  }
.howtoride-slider-content img { border: 10px solid #34373b; max-width: 100%; }
.howtoride-slider-content p a { color: #e52a50;}

#howtoride-pager a { color: #fff; -ms-transition: .5s all; -o-transition: .8s all; -moz-transition: .5s all; -webkit-transition: .8s all; transition: .5s all; }
#howtoride-pager a:hover, #howtoride-pager .active-slide a  { color: #000; text-decoration: none; }



.howtoride-slides { position: relative; margin: 90px 0; }
.howtoride-slide { position: absolute; display: block; opacity: 0; top: 0; }
.ie8 .howtoride-slide, .ie7 .howtoride-slide * { -ms-filter: inherit !important; }

.ie8 .howtoride-slide { display: none; }
.ie8 .howtoride-slide.show { display: block; }


/** Blog Index - home.php **/
#blog-posts { margin: 0 auto; padding-top: 60px; padding-bottom: 200px;  }
.blog-post-box a { color: #fff; }
.blog-post-box { background: #1a1b1d; border: 10px solid #34373b; text-align: center; position: relative; padding-top: 80px; opacity: 1; }
.no-js .blog-post-box { opacity: 1; }
.back a { -webkit-transition: all 0.25s linear; -moz-transition: all 0.25s linear; -o-transition: all 0.25s linear; }
.back a:hover { text-decoration: none; color: #000; }
.rss-container { padding: 95px 35px 45px;  }
.rss-container a { color: #fff;
    -webkit-transition: all 0.25s linear;
    -moz-transition: all 0.25s linear;
    -o-transition: all 0.25s linear;
}
.rss-container a:hover { color: #e52a50; text-decoration: none; }
.rss-more { position: absolute; top: 0; right: 0; background: #000; padding: 20px; width: 65px; font-size: 21px; font-family: "stratum1"; font-weight: 400;
    -webkit-transition: all 0.25s linear;
    -moz-transition: all 0.25s linear;
    -o-transition: all 0.25s linear; }
.rss-more:hover { background: #e52a50; cursor: pointer; }
.rss-image { margin-bottom: -80px; margin-top: -80px;  }
.rss-image img { border: 10px solid #1e1f21; width: 100%; }
h2.rss-title { font-size: 24px; margin: 10px 0; }
.rss-excerpt { font-size: 18px;  }
.rss-date { font-family: "stratum1"; font-size: 14px; }
.rss-author { color: #e62c52; font-style:italic; font-family: "stratum1"; font-size: 18px; margin-top: 50px; }
.rss-detail { font-family: "stratum1" !important;}
.rss-detail-author { color: #e62c52; font-style:italic; font-family: "stratum1"; font-size: 18px; margin-top: 0; }
.rss-detail-categories { color: #000; font-style:italic; font-family: "stratum1"; font-size: 14px; }
.rss-detail img { border: 10px solid #1e1f21; width: 100%; margin: 20px 0; }
.rss-prev-box a h2 { color: #fff;
    -webkit-transition: all 0.25s linear;
    -moz-transition: all 0.25s linear;
    -o-transition: all 0.25s linear;
}
.rss-prev-box a:hover { text-decoration: none; }
.rss-prev-box a:hover h2 { color: #e52a50;  }
.rss-prev-box a:hover h2 { text-shadow: 0 0 1px #e52a50; }
.rss-prev-box h2 { font-size: 30px; margin-top: 50px; text-transform: lowercase; }
.rss-categories { width: 285px; background: #43474c; float: left; padding: 40px 25px; border: none; }
.rss-categories h4 { text-align: left; font-size: 18px; }
.rss-categories a { -webkit-transition: all 0.25s linear; -moz-transition: all 0.25s linear; -o-transition: all 0.25s linear; }
.rss-categories a:hover { color: #000; text-decoration: none; }
ul.rss-category-list { list-style-type: none; padding: 0; font-family: "stratum1"; font-weight: 400; font-size: 16px;}

/** Procurement **/
#procurement { margin: 40px auto 10px; }
#procurement a { color: #e02265; }

/** Google Transit **/
.google-transit .grey-box { background: #1a1b1d; padding:20px; color:#8b8c8e; font-family: "stratum1"; font-weight: 400; font-size: 18px; border: 0; width:100%; margin-bottom:12px; border-radius: none; }
.google-transit .form-label { font-weight: 700; font-size: 14px; text-align: center; text-transform: uppercase; margin: 0; color: #000000; margin-right: 20px;}
.google-transit input[type=radio] { margin-right: 10px; }
.google-transit .button { margin-top: 40px; }

/** Route Maps - archive-routes.php **/
section[role="internal-trip-planner"] { padding: 50px 0; font-size: 18px; position: relative; }
section[role="internal-trip-planner"] .container { position: relative; }
section[role="internal-trip-planner"] h3 { font-size: 25px; margin-top: 35px; }
section[role="internal-trip-planner"] .button { float: right; }
section[role="internal-trip-planner"]  a { color: #fff; }
section[role="internal-trip-planner"]  .int-header-copy a { color: #e02265; }
.int-header-more { position: absolute; top: -50px; left: 0; background: #000; padding: 20px; width: 65px; font-size: 21px; font-family: "stratum1"; font-weight: 400; text-align: center;
    -webkit-transition: all 0.25s linear;
    -moz-transition: all 0.25s linear;
    -o-transition: all 0.25s linear; }
.int-header-more:hover { background: #e52a50; cursor: pointer; }
.page-content.page-list { float: none; margin-right: 0;}
.page-content.page-list h2 { font-family: "stratum1"; font-weight: 200; font-size: 36px; text-shadow: 0 0 1px; }
ul.route-list { list-style-type: none; padding: 0;  }
li.route-item { width: 100%; border-bottom: 6px solid #34373b; font-family: "stratum1"; font-weight: 700; font-size: 20px; overflow: auto; }
li.route-item .row { padding: 10px 0px; }
li.route-item .route-title-col , li.route-item .span1, li.route-item .span5 { padding: 0 25px; }
li.route-item.odd { background: #43474c; }
li.route-item.even { background: #2c2f32; color: #8b8c8e;  }
ul.route-list a { color: #fff !important; }
ul.route-list a:hover { color: rgba(255,255, 255, 0.5); text-decoration: none; }
ul.route-list .route-link-col { text-align: right; padding: 0 25px; }
ul.route-list .route-link-col a { text-transform: lowercase; font-family: "proxima-nova", sans-serif; font-weight: 400; font-size: 18px; color: #ffffff !important;}

/** Board Members - page-board-members.twig **/
h3.board-member-name { margin: 0; }
h5.board-member-title { margin: 0; color: #666; font-size: 16px; }
h5.board-member-municipality { margin: 0 0 40px 0; font-weight: normal; font-size: 16px; }


/*#Contact Form*#/
/*other styles for popupbox can be found in web part containers*/
.EditingFormLabel{font-weight: bold; line-height: 100%; padding: 10px 0px 0px; display: inline-block;padding-left:0px !important;}

body.Form, div.Form {
    background: none;
    height: auto;
    min-width: 530px;
    width: 550px;
}
#fancybox-inner .Form {
    border: medium none;
}
div#FormContainer{
    background: none;
    clear: both;
    margin: 0 auto;
    overflow: hidden;
    padding: 0;
    width: 530px;
}
div.Form div#FormContainer div.Content {
    margin-left: 10px;
    min-height: 50px;
   /* padding: 20px 15px 15px;*/
    width: 508px;
}
div#FormContainer div.Content h2{
    margin-bottom: 0.7em;
}

div#FormContainer fieldset {
	border: 1px solid #999;
	padding: 10px 15px 0 20px;
	float: left;
}
div#FormContainer legend {
    color: #808080;
    /*font-size: 1.2em;*/
    line-height: 1em;
    margin-bottom: 10px;
  padding:10px;
}
div#FormContainer span.Field {
	float: left;
	font-weight: normal;
	margin-right: 15px;
	text-align: right;
	width: 184px;
	font-size: .8em;
}
div#FormContainer span.Field.Important {
    font-weight: bold;
}

div#FormContainer select.FullWidth {
    width: 238px !important;
}
div#ContentContainer select {
    border: 1px solid #C8C8C8;
    color: #000000;
    /*font-family: Arial,Helvetica,sans-serif;    */
    margin-bottom: 8px;
    margin-left: 0;
}
div#FormContainer input.TextField {
    border: 1px solid #C8C8C8;
    color: #000000;
    /*font-family: Arial,Helvetica,sans-serif;    */
    margin-bottom: 8px;
    padding: 2px 5px 2px 10px;
    width: 220px;
    vertical-align: -2px;
}
div#FormContainer .DateField {
    border: 1px solid #C8C8C8;
    color: #000000;
    float: left;
    /*font-family: Arial,Helvetica,sans-serif;    */
    margin-bottom: 8px;
    padding: 1px 5px;
    width: 126px;
  margin-right: 8px;
}

div#FormContainer input.txtZipCode {
    margin-right: 8px;
    width: 58px !important;
}
div#FormContainer input.txtCity {
    width: 138px !important;
}


div#FormContainer div.btnSubmit input{
    /*background-color:#4D2773;*/

    background-position: right -265px;
    background-repeat: no-repeat;
    color: #000 !important;
    cursor: pointer;
    display: block;
    float: left;
    /*font-size: 100%;*/
    font-weight: normal !important;
    padding: 4px 30px 4px 12px;
}
div#ContentContainer div.btnSubmit input:hover{}
/***  Error Class ***/

select.Error { background-color: #FFEEEE;border-color: #CC0000 !important;}
span.Error, p.Error {color: #CC0000;font-weight: bold;}
input.Error { background-color: #FFEEEE;border-color: #CC0000 !important;}
textarea.Error {background-color: #FFEEEE;border-color: #CC0000 !important;}


/*** Listen Form ***/
body.Form, div.Form,div.ListenForm {
    background: none;
    height: auto;
}
div.ListenForm {
  height: 741px !important;
  }

/** Make Calender Icon Invisible **/
.CalendarAction {
    display: none;
}

.CalendarIcon {
    display: none;
}



div#FormContainer textarea.txtMsgDesc {
    border: 1px solid #C8C8C8;
    color: #000000;
    font-family: Arial,Helvetica,sans-serif;
    height: 78px;
    margin-bottom: 8px;
    padding: 1px 5px;
    width: 225px;
}
/*Contact form styles*/
.EditingFormControlNestedControl{float:left;}
/*** End Of CSS For Contact Form Popup ***/


div.Content h1 {
font-size: 2em;
border-bottom: 1px solid #999;
padding-bottom: 6px;
margin-bottom: 6px;
}

/*
* Contact Form - CN Overrides
*/

#contactForm {
    max-width: 500px;
}

/* ^ See media queries for other widths*/

#contactForm input, #contactForm textarea  {
    background: #1e1f21; padding:20px; color:#8b8c8e; font-family: "stratum1"; font-weight: 400; font-size: 18px; border: 0; width:100%; margin-bottom:12px; border-radius: none;
}

#btnSubmit {
    margin-top: 40px;
}

.errorAlert {
    color: red;
}

.form-group.has-error {
    color: red;
}


/*
* Image replacement
*/

.ir { background-color: transparent; border: 0; overflow: hidden; /* IE 6/7 fallback */
    *text-indent: -9999px; }
.ir:before { content: ""; display: block; width: 0; height: 150%; }

.visuallyhidden { border: 0; clip: rect(0 0 0 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; }
.visuallyhidden.focusable:active, .visuallyhidden.focusable:focus { clip: auto; height: auto; margin: 0; overflow: visible; position: static; width: auto; }
.clearfix:before, .clearfix:after { content: " "; display: table; }
.clearfix:after { clear: both; }


/*
* For IE 6/7 only
* Include this rule to trigger hasLayout and contain floats.
*/

.clearfix { *zoom: 1; }
/* ==========================================================================
Print styles.
Inlined to avoid required HTTP connection: h5bp.com/r
========================================================================== */



/* ==========================================================================
Responsive Stuff!
========================================================================== */

@media (min-width:768px) {
    nav.header-home { display: block; }

}
@media (min-width: 768px) and (max-width: 979px) {
    nav.header { }
    .brand { padding: 14px 20px; }
    .home .slide-nav.hidden { top: -100px; }
    .slide-nav.alerts-shown, .slide-nav.hidden.alerts-shown { top: 0; }
    nav.header-home { display: block; }
    nav.header-home ul li { margin-right:14px; }
    nav.header { background: #212326; border-bottom: 10px solid #1e1f21; position: absolute; top: 66px; height: auto; z-index: 999;}
    nav.header a { line-height: 64px; }
    nav.header .span9.offset2 { width: 100%; margin-left: 0; }
    nav.header ul { text-align: center; padding: 0; margin-top: 10px; }
    nav.header ul li { display: block; margin-right: 0; }
    nav.header .span2 { width: 100%; text-align: center; }
    nav#nav-header .search { width: 200px; margin: 10px 0 20px 0; }
    .slide-nav .container { width: 100%; }
    .buy-btn h5 { width: 145px; }
    .blue-flame { left:-504px;  }
    .yellow-flame { left:-740px; }
    .green-flame { right:-840px; }
    section[role="sub-header"] h1 { font-size:32px; margin-top:10px; }
    section[role="home-features"] { padding: 65px 0 50px 0;
        background: url('./img/home-featues-bg.png') repeat-x, -moz-linear-gradient(top,  #232528 0%, #34373b 75%, #2a2d30 75%, #34373b 100%); /* FF3.6+ */
        background: url('./img/home-featues-bg.png') repeat-x, -webkit-gradient(linear, left top, left bottom, color-stop(0%,#232528), color-stop(68%,#34373b), color-stop(75%,#2a2d30), color-stop(100%,#34373b));
        background: url('./img/home-featues-bg.png') repeat-x, -webkit-linear-gradient(top,  #232528 0%,#34373b 75%,#2a2d30 75%,#34373b 100%); /* Chrome10+,Safari5.1+ */
        background: url('./img/home-featues-bg.png') repeat-x, -o-linear-gradient(top,  #232528 0%,#34373b 75%,#2a2d30 75%,#34373b 100%); /* Opera 11.10+ */
        background: url('./img/home-featues-bg.png') repeat-x, -ms-linear-gradient(top,  #232528 0%,#34373b 75%,#2a2d30 75%,#34373b 100%); /* IE10+ */
        background: url('./img/home-featues-bg.png') repeat-x, linear-gradient(to bottom,  #232528 0%,#34373b 75%,#2a2d30 75%,#34373b 100%); /* W3C */
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#232528', endColorstr='#34373b',GradientType=0 ); /* IE6-9 */
    }
    section[role="home-features"] .span7 { width: 100%; }
    section[role="home-features"] .span5 { width: 100%; }
    .slider { width:89%; height: 460px; margin: auto; }
    #pager { margin: 17px 36px; }


    .our-services  { padding-left: 0; }
    .service-box { padding: 25px 150px 25px 20px; font-size: 16px; height: 142px; }
    .service-box h3 { font-size: 26px; }
    .service-1:hover:before { height:136px; }
    .service-2:hover:before { height:136px; }
    .service-3:hover:before { height:136px; }
    .shadow { display: none; }

    footer.comet .span4 { width:100%; }
    footer.comet h3 { margin-left: 0; }
    .contact-box { padding: 0; }
    textarea.grey-box { min-height: 247px; }
    ul.social-icons { width:100%; }

    /*Interior*/
    section[role="internal-header"] h1 { padding: 0 20px }
    .howtoride-header-content { margin-top: 50px; }
    section[role="howtoride-header"] .container { width: 704px; }
    section[role="howtoride-header"] .span4 { width: 100%; padding: 0 0 30px 0; }
    section[role="howtoride-header"] .span8 { width: 100%; margin-bottom: 40px; }
    #howtoride-pager { width: 620px; }
    .howtoride-slides { margin: 20px 0; }
    .howtoride-slide { padding: 0 20px; }
    .howtoride-slider-title { padding: 40px 0 0 0; }
    .howtoride-slider-title h3 { text-align:left; }
    .howtoride-btn { float: none ; }
    .howtoride-slider-content { margin: 40px 0; }
    .howtoride-slides .span5, .howtoride-slides .span6  { width: 100%; }
    .howtoride-slides .offset1 { margin-left: 0; }
    .howtoride-slider .prev { left: 20px; }
    .howtoride-slider .next { right: 20px; }


    .int-blue-flame { right: -310px; }
    .int-yellow-flame { right: -340px; }
    .int-green-flame { right: -840px; }
    .left-bg-full, .right-bg-full { display: none; }
    .left-bg , .right-bg { width: 100%; float: none; }
    .page-content { padding: 40px 20px; margin: auto; width: 744px; float: none; overflow: auto;  }
    .page-content .span6 { width: 100%;  }
    .sidebar { float: none; width: 100%; position: relative;  }
    .sidebar-top-box-container, .sidebar-bottom-box-container { width: 744px; margin: auto; overflow: auto; padding: 0 20px; }
    .sidebar-top-box { padding: 35px 0px 65px; }
    .ie7 .sidebar-top-box-container h2 { margin-top: 40px; }

    #blog-posts { margin: 0px auto; padding-top: 60px; padding-bottom: 120px;  }
    .rss-container { overflow: hidden; }


    .board-member-col { width: 50%; }

    ul.route-list .route-link-col { width: 100%; text-align: left; padding: 0 25px; }

}


@media (max-width: 979px) {
    .slide-nav, nav.header ul li.buy-passses { display: block !important; }
    .slide-nav .container, .slide-nav { overflow: visible; }
    nav.header-home { display: none; }
    nav.header { right: 0; left: 0; top: -400px; z-index: -1; }
    nav.header.show { top: 66px;}
    ul.route-list .route-link-col { width: 100%; text-align: left; padding: 0 25px; }

}


@media (max-width: 767px) {
    .home .slide-nav.hidden { top: -100px; }
    .slide-nav.alerts-shown, .slide-nav.hidden.alerts-shown { top: 0; }
    header.comet { height:417px; text-align: center; }
    .fireflies { height: 417px; }
    .menu-icon { padding: 25px 20px; }
    .brand { padding: 20px; }
    .brand img { width: 150px; height: 27px; }
    .icon-bar { width:18px; height:2px; border-radius:1px;
        -webkit-border-radius:1px;
        -moz-border-radius:1px; }
    section[role="logo-area"] { padding-top: 120px; }
    .slide-dd { display: none; }
    nav.header { background: #212326; border-bottom: 10px solid #1e1f21; position: absolute;  height: auto; z-index: 999; }
    nav.header ul { text-align: center; padding: 0; margin-top: 10px; }
    nav.header ul li { display: block; margin-right: 0; }
    nav.header .button { display: none; }
    nav.header a { line-height: 46px; }
    nav.header.show { top: 66px; }
    nav.header.show .span2 { width: 100%; text-align: center;  }
    nav#nav-header .search { width: 200px; margin: 10px 0 20px 0; }
    section[role="flames"] { margin-top: 0; }

    .blue-flame { background:url(./img/mobile-blue-flame.png) no-repeat; width:205px; height:174px; top: 0px; left: -60px;}
    .yellow-flame { background:url(./img/mobile-yellow-flame.png) no-repeat; width:199px; height:377px; top: -10px; left: -40px; }
    .green-flame { background:url(./img/mobile-green-flame.png) no-repeat; width:231px; height:459px; top: -30px; right: -60px;}


    section[role="sub-header"] h1 { font-size:36px; margin-top:10px; }

    section[role="sub-header"] .container { padding: 0; }

    .maps-box { height:190px; padding:30px 0 0 0; border-right:none; border-bottom: 10px solid #1e1f21; }
    .schedules-box { height:230px; padding:70px 0 0 0; border-left:none; border-right: none; border-bottom: 10px solid #1e1f21; }
    .planner-box { height:220px; padding:70px 0 0 0; border-left:none; }
    .icon-box { margin: 10px auto; }

    section[role="home-features"] { padding: 65px 0 50px 0;
        background: url('./img/home-featues-bg.png') repeat-x, -moz-linear-gradient(top,  #232528 0%, #34373b 75%, #2a2d30 75%, #34373b 100%); /* FF3.6+ */
        background: url('./img/home-featues-bg.png') repeat-x, -webkit-gradient(linear, left top, left bottom, color-stop(0%,#232528), color-stop(68%,#34373b), color-stop(75%,#2a2d30), color-stop(100%,#34373b));
        background: url('./img/home-featues-bg.png') repeat-x, -webkit-linear-gradient(top,  #232528 0%,#34373b 75%,#2a2d30 75%,#34373b 100%); /* Chrome10+,Safari5.1+ */
        background: url('./img/home-featues-bg.png') repeat-x, -o-linear-gradient(top,  #232528 0%,#34373b 75%,#2a2d30 75%,#34373b 100%); /* Opera 11.10+ */
        background: url('./img/home-featues-bg.png') repeat-x, -ms-linear-gradient(top,  #232528 0%,#34373b 75%,#2a2d30 75%,#34373b 100%); /* IE10+ */
        background: url('./img/home-featues-bg.png') repeat-x, linear-gradient(to bottom,  #232528 0%,#34373b 75%,#2a2d30 75%,#34373b 100%); /* W3C */
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#232528', endColorstr='#34373b',GradientType=0 ); /* IE6-9 */
    }

    section[role="home-features"] h2 { margin-left:0; }
    .slider { max-width: 665px; height:auto; margin: auto; }
    #pager { width: 100%; max-height: 220px; margin: 0; padding: 20px; }
    /*.pager-button, .home .cycle-pager-active { width: 100%; margin: 0 0 5px 0;}*/
    .pager.button { width: 100%; margin: 0 0 5px 0;}


    .our-services  { padding-left: 0; }
    .service-box { padding: 25px 150px 25px 20px; font-size: 16px; height: 142px; }
    .service-1:hover:before { height:136px; }
    .service-2:hover:before { height:136px; }
    .service-3:hover:before { height:136px; }
    .service-box h3 { font-size: 24px; }
    .shadow { display: none; }

    nav.footer li { border:5px solid #34373b; border-left:10px solid #34373b; border-right:10px solid #34373b; }

    nav.footer li:first-child  { border-top: 10px solid #34373b; }
    nav.footer li:last-child  { border-bottom: 10px solid #34373b; }

    nav.footer a { line-height: 95px; }


    footer.comet h3 { margin-left: 0; }
    .contact-box { padding: 0; }
    ul.social-icons { width:100%; }

    section[role="sub-footer"], .footer-copyright { text-align: center; }

    /*Interior*/
    .howtoride-header-content { margin-top: 50px; }
    section[role="howtoride-header"] .span4 { padding: 0 0 30px 0; }
    section[role="howtoride-header"] .span8 { margin-bottom: 40px; }
    .howtoride-slider-content { padding: 0; }
    section[role="howtoride-slider"] { }
    .howtoride-pager { width: auto;  }
    #howtoride-pager { margin: 40px auto 10px; width: 100%; }
    #howtoride-pager .howtoride-pager { display: inline-block; padding: 0 10px; }
    .howtoride-slide-icon { width: 60px; height: 60px; font-size: 60px;  }
    .howtoride-slides { max-width: 500px; margin: 20px auto; }

    section[role="howtoride-slider"] {  }

    .howtoride-slider-title { padding: 40px 0 0 0; }
    .howtoride-slider-title h3 { text-align:left; }
    .howtoride-btn { float: none ; }
    .howtoride-slider-content { margin: 40px 0; }
    .howtoride-slides .span5, .howtoride-slides .span6  { width: 100%; }
    .howtoride-slides .offset1 { margin-left: 0; }

    section[role="int-flames"] { position: absolute; width: 100%; }
    .int-blue-flame { background:url(./img/mobile-int-blue-flame.png) no-repeat; width:376px; height:166px; top: -180px; right: 10px;}
    .int-yellow-flame { background:url(./img/mobile-int-yellow-flame.png) no-repeat; width:396px; height:175px; top: -130px; right: -50px; }
    .int-green-flame { background:url(./img/mobile-int-green-flame.png) no-repeat; width:324px; height:328px; top: -210px; right: -50px;}
    .left-bg-full, .right-bg-full { display: none; }
    .left-bg , .right-bg { width: 100%; float: none; }
    .page-content { padding: 40px 20px; margin: auto; width: 100%; float: none; overflow: auto;  }
    .page-content .span6 { width: 100%;  }
    .sidebar { float: none; width: 100%; position: relative;  }
    .sidebar-top-box-container, .sidebar-bottom-box-container { width: auto; margin: auto; padding: 0 20px; overflow: auto; }
    .sidebar-top-box { padding: 35px 0px 65px; }

    #blog-posts { margin: 0 auto; padding-top: 60px; padding-bottom: 120px; }
    .blog-post-box { left: 0 !important; }

    #contactForm {
        max-width: 100%;
    }

}

@media (max-width: 480px) {

    .comet-logo { margin-top: 20px; }
    .tagline-area h2 { font-size: 24px; }
    .blue-flame { }
    .yellow-flame { left: -80px;}
    .green-flame { }
    .service-box { padding: 10px 150px 10px 10px; font-size: 12px; }
    .service-box h3 { font-size: 16px; }
    ul.social-icons { max-width: 220px; }

    /*Interior*/
    section[role="howtoride-header"] { min-height: 585px; }
    section[role="internal-header"] { height: 182px; padding-top: 35px; }
    section[role="internal-header"] h1 { font-size: 30px; line-height: 70px; }
    .int-yellow-flame { right: -190px; }
    .sidebar-bottom-box.container { width: 100%; }
    .box1, .box2, .rss-categories { width: 100%; }
    .sidebar h2 { font-size: 38px; }
    .howtoride-slide-icon { width: 45px; height: 45px; font-size: 45px;  }
    .slide-icon-label { font-size: 10px; }
    #howtoride-pager .howtoride-pager { padding: 0 3px; }
    .howtoride-slider-title { padding: 0; }
    .howtoride-slider .prev, .howtoride-slider .next { display: none; }

}

@media (max-height: 320px) {

    nav.header ul li { margin-top: -15px; }
    nav#nav-header .search { display: none; }

}

@media (min-width: 1200px) {

    nav.header.show a { padding: 0 10px; }
    nav#nav-header .search { width:138px; }

    .blue-flame { left:-270px; }
    .yellow-flame { left:-530px; }
    .green-flame { right:-630px; }

    section[role="home-features"] { padding: 65px 0 140px 0; }
    .service-box {  height:142px; padding:25px 160px 25px 30px; font-size: 14px; }
    .service-box h3 { font-size: 20px; margin: 0; }
    .service-box p { margin: 15px 0px; }
    .service-1:hover:before { height:136px; }
    .service-2:hover:before { height:136px; }
    .service-3:hover:before { height:136px; }
    .slider { height:465px; }
    #pager { margin: 17px 20px; }
    .pager-button {  }
    .pager-button h5 { font-size:15px; }
    .home .cycle-pager-active  h5 { font-size:15px; }
    ul.social-icons { width:100%; margin-bottom: 36px; }
    ul.social-icons li {  }
    textarea.grey-box { min-height:172px; }
    .grey-box::-webkit-input-placeholder { font-size: 18px;  }
    .grey-box:-moz-placeholder { font-size: 18px;  }
    .grey-box::-moz-placeholder { font-size: 18px;  }
    .grey-box:-ms-input-placeholder { font-size: 18px;  }

    /*Interior*/
    section[role="main-content"] {  }
    .howtoride-header-content { margin-top: 60px; }
    section[role="howtoride-header"] .span4 { padding: 95px 75px 0 25px  }
    section[role="howtoride-slider"] {  }
    #howtoride-pager { width: 950px; }
    .howtoride-slides .span6  { width: 480px; }
    h3.break1200 { margin-left: 60px;  }
    .page-content { margin-right: 85px; }
    .sidebar-top-box-container { width: 410px; }
    .box1, .box2 { width: 238px; }
    .sidebar h3 { font-size: 36px;  }


}

@media (min-width: 1480px) {

    .blue-flame { left:-110px; }
    .yellow-flame { left:-370px; }
    .green-flame { right:-470px; }


}
