hirabody{
background: none;
padding: 0;
margin-bottom: 0px;
margin-top: 0px;
margin: 0px;
}

.cf:before, .cf:after { content: ""; display: table; }
.cf:after { clear: both; }
.cf { zoom: 1; }
.clear { clear: both; }

a {
color: #0975C7;
text-decoration: none;
-webkit-transition: all .4s ease; -moz-transition: all .4s ease; -ms-transition: all .4s ease; -o-transition: all .4s ease; transition: all .4s ease;
}
a:focus{outline: none;}
.title {
color: #292929;
font-family: Georgia,"Times New Roman",Times,serif;
font-size: 20px;
font-weight: normal;
margin: 0 0 25px;
}
.form-submit{
background: #444444;
color: #FFF;
border: 0;
padding: 5px;
cursor: pointer;
-webkit-appearance: button; -webkit-text-size-adjust:none;
-webkit-border-radius: 0;
-moz-border-radius: 0;
border-radius: 0;
}
#page-wrapper{
background: none repeat scroll 0 0 #FFFFFF;
color: #333333;
display: block;
font-family: Arial,Helvetica,sans-serif;
font-size: 12px;
height: auto;
margin: 15px auto auto;
width: 100%;
margin-top: 0px;
/*    padding-top: 193px;*/
}
#messages{
margin: 0 10px;
}
#messages p{
margin:0;
}
#header{
width: 100%;
background: #fff;
margin-bottom:0px;
position: fixed;
top: 0;
z-index: 99999;
border-bottom: 7px solid #fafafa;
-ms-transform-origin: top center; /* IE 9 */
-webkit-transform-origin: top center; /* Chrome, Safari, Opera */
transform-origin: top center;



-webkit-transition: all 200ms ease-in;
-webkit-transform: scale(1,1);
-ms-transition: all 200ms ease-in;
-ms-transform:  scale(1,1);
-moz-transition: all 200ms ease-in;
-moz-transform:  scale(1,1);
transition: all 200ms ease-in;
transform:  scale(1,1);

-webkit-transition-duration: 1s;
transition-duration: 1s;
}
#header.header-fixed{

-webkit-transition: all 200ms ease-in;
-webkit-transform: scale(1,1);
-ms-transition: all 200ms ease-in;
-ms-transform:  scale(1,1);
-moz-transition: all 200ms ease-in;
-moz-transform:  scale(1,1);
transition: all 200ms ease-in;
transform:  scale(1,1);

-webkit-transition-duration: 1s;
transition-duration: 1s;

}
body.page-home #header{ border-bottom: none;}
#header .section #logo{
display: block;
float: none;
height: 65px;
margin: -20px auto 15px;
width: 190px;
}
#header .section #logo img{ display: block; max-width: 190px; width: 100%;}
#header .region-top-menu{
float: right;
height: auto;
margin: 8px 20px 0 0;
}
#header .region-top-menu #block-block-14{
text-align:right;
margin-bottom:2px
}
#header #headerTopRightNav {
background: none repeat scroll 0 0 #F0EFEF;
border-radius: 6px 6px 6px 6px;
box-shadow: 0 0 4px 0 #333333 inset;
display: block;
padding: 10px;
}
#header #headerTopRightNav strong {
color: #656565;
font-size: 14px;
text-transform: uppercase;
}
#header #headerTopRightNav strong:after {
content: url("../images/buypasses-arrow.png");
margin-left: 5px;
}
#header #headerTopRightNav a {
display: inline-block;
padding: 0 0 0 5px;
}
#header #headerTopRightNav a:after {
color: #3D3D3D;
content: "|";
margin-left: 5px;
}
#header #headerTopRightNav a.lastItem:after {
content: "" !important;
margin-left: 0;
}
#header #main-menu{
/*background: url("../images/nav-back.png") repeat-x scroll left top transparent;*/
background: #f3f0ee;
clear: both;
height: 39px;
}
#header #main-menu ul{
float: right;
margin: 0px;
margin-right: 35px;
}
#header #main-menu ul li{
display: block;
float: left;
height: 39px;
font-size: 13px;
line-height: 15px;
color: #5e5e5e;
font-family: 'Lato', sans-serif;
}
#header #main-menu ul li a{
color: #5d5a58;
display: block;
padding: 13px 0 0 20px;
font-weight: 700;
}
#header #main-menu ul li a:hover{
color:#CCCCCC;
}
#main-menu .region-search{
display: block;
float: right;
margin-right: 18px;
padding-top: 2px;
margin-left: 10px;
width: auto;
}
#main-menu .container{ position: relative;}
#main-menu #block-search-form{z-index: 99; display: none; position: absolute; top: 40px; right: 0; background: rgba(42,154,141,1); padding: 10px;}
#main-menu .region-search .container-inline{
background: none repeat scroll 0 0 #FFFFFF;
border: 1px solid #CCCCCC;
float: right;
height: 25px;
margin: 0px 0 0;
width: 240px;
display: block;
}
#main-menu .region-search .container-inline input[type="text"] {
background: url("../images/search-back.jpg") no-repeat scroll 3px 2px transparent;
border: medium none;
margin: 2px 0 0 2px;
padding: 3px;
width: 200px;
}
#main-menu .region-search .container-inline .form-item-search-block-form{
float: left;
margin: 0;
}
#main-menu .region-search .container-inline #edit-actions{
float: right;
}
#main-menu .region-search .container-inline input[type="submit"] {
background: url("../images/spyglass.png") no-repeat scroll center center transparent;
border: medium none;
height: 25px;
padding: 3px;
width: 30px;
font-size: 0;
}
#header #block-user-alert-user-alert div.user-alert{height: auto; line-height: normal;background: none;}
#header #block-user-alert-user-alert{
box-shadow:none;
display: block;
height: auto;
}
#header #block-user-alert-user-alert .user-alert{
display: inline-block;
height: 19px;
overflow: hidden;
vertical-align: top;
}
#header #block-user-alert-user-alert div.user-alert div.user-alert-message{
height: auto;
width: 100%;
font-weight: normal;
display: block;
margin: 0 auto;
margin-bottom: 3px;
}

#header #block-user-alert-user-alert div.user-alert div.user-alert-message span strong{ color:#e77324; font-size: 14px; font-family: 'Montserrat', sans-serif;}

#header #block-user-alert-user-alert .user-alert span.user-label{
background-color: transparent;
color: #e77324;
display: block;
font-weight: bold;
font-size: 14px;
height: auto;
margin-left: 0;
margin-right: 5px;
/* padding: 5px 10px 0; */
text-transform: uppercase;
vertical-align: top;
width: auto;
float: right;
border-top-left-radius: 15px;
border-top-right-radius: 15px;
padding: 7px 14px;
font-weight: 900;
font-family: 'Montserrat', sans-serif;
}
#header #block-user-alert-user-alert .user-alert .user-alert-close{display: none;}
#header #block-user-alert-user-alert div.user-alert div.user-alert-message p {
display: block;
float: right;
line-height: 20px;
margin: 0;
padding: 5px 0 0 5px;
width: auto;
}
#header .block-menu ul{margin:0;padding-left:0px;}
#header .block-menu ul li{
list-style: none;
display: block;
float: left;
width: 75px;
height: auto;
margin: 0;
padding: 0px 20px;
font-family: Helvetica,sans-serif;
font-size: 13px;
line-height: 15px;
font-weight: 600;
}
#header .block-menu ul li.active-trail{
background:none;
-webkit-box-shadow: none;
box-shadow: none;
}
#header .block-menu ul li a{
display: block;
width: auto;
padding-top:70px;
height:17px;
white-space:normal;
text-align:center;
color:#4D4D4D !important;
font-weight: 600;-webkit-transition: all .4s ease; -moz-transition: all .4s ease; -ms-transition: all .4s ease; -o-transition: all .4s ease; transition: all .4s ease;
}
#header .block-menu ul li.routes-schedules a{
background: url("../images/nav-icon-routes.png") no-repeat center top;
}
#header .block-menu ul li.routes-schedules:hover a{background: url("../images/nav-icon-routes-hover.png")  no-repeat center top !important;}
#header .block-menu ul li.accessibility a{
background: url("../images/nav-icon-accessibility.png") no-repeat center top;
}
#header .block-menu ul li.accessibility:hover a{
background: url("../images/nav-icon-accessibility-hover.png") no-repeat center top;
}

#header .block-menu ul li.fares-passes a{
background: url("../images/nav-icon-fares.png") no-repeat center top;
}
#header .block-menu ul li.fares-passes:hover a{
background: url("../images/nav-icon-fares-hover.png") no-repeat center top;
}

#header .block-menu ul li.commuter-information a{
background: url("../images/nav-icon-guide.png") no-repeat center top;
}

#header .block-menu ul li.commuter-information:hover a{
background: url("../images/nav-icon-guide-hover.png") no-repeat center top;
}

#header .block-menu ul li.where-039-s-my-bus a{
background: url("../images/nav-icon-bus.png") no-repeat center top;
}

#header .block-menu ul li.where-039-s-my-bus:hover a{
background: url("../images/nav-icon-bus-hover.png") no-repeat center top;
}

#header .block-menu ul li.trip-planner-511-org a{
background: url("../images/nav-icon-planner.png") no-repeat center top;
}

#header .block-menu ul li.trip-planner-511-org:hover a{
background: url("../images/nav-icon-planner-hover.png") no-repeat center top;
}

#header .block-menu ul li.menu-mlid-468 a{
background: url("../images/nav-icon-news.png") no-repeat center top;
}

#header .block-menu ul li.menu-mlid-468:hover a{
background: url("../images/nav-icon-news-hover.png") no-repeat center top;
}

#header .block-menu ul li a:hover, #header .block-menu ul li.active-trail a{ text-decoration: none; color:#e77324 !important; }

#breadcrumb{
background: #fff;
display: block;
height: 20px;
list-style-type: none;
margin: 0;
padding: 5px 0 0;
position: relative;
text-indent: 20px;
padding-top: 10px;
margin-bottom: 45px;
}
#main-wrapper{
margin:0;
padding-bottom: 0px;

}
#main-wrapper #sidebar-first{
float: left;
width: 230px;
margin-right:10px;
}
#main-wrapper #sidebar-second{
width: 170px;
background: url("../images/right-col-sides.jpg") no-repeat scroll left top transparent;
float: right;
min-height: 150px;
}
.page-cart #main-wrapper #sidebar-second{
background: none;
}
#main-wrapper #sidebar-second #block-print-print-links,
#main-wrapper #sidebar-second #block-views-article-pdf-block{
border-bottom: 1px dotted #CCCCCC;
margin: 0 auto;
padding: 20px 0 10px;
width: 150px;
}
#main-wrapper #sidebar-second #block-print-print-links .print_html{
margin-left: 0
}
#main-wrapper #sidebar-second #block-views-article-pdf-block{
padding: 10px 0;
min-height: 55px;
}
#main-wrapper #sidebar-second #block-views-article-pdf-block h2{
font-size: 14px;
font-weight: normal;
margin-top: 0;
padding-bottom: 8px;
padding-left: 30px;
background: url("../images/download.png") no-repeat;
}
#main-wrapper #sidebar-second #block-views-article-pdf-block .content{
margin-left: 30px;
margin-top: -10px;
}
#main-wrapper #sidebar-second #block-views-article-pdf-block img{
display: none;
}
#main-wrapper #content{
width: 100%;
}
body.one-sidebar #main-wrapper #content{
display: block;
float: left;
width: 680px;
}
body.two-sidebars #main-wrapper #content{
display: block;
float: left;
width: 490px;
}
body.sidebar-second #main-wrapper #content{
display: block;
float: left;
width: 750px;
}

#sidebar-first .block-menu-block{
border: none;
display: block;
margin-bottom: 30px;
padding-bottom: 5px;
position: relative;
}
#sidebar-first .block-menu-block h2 {
margin: 0;
padding: 10px;
color: #454545;
font-family: 'Lato', sans-serif;
font-size: 25px;
line-height: 27px;
font-weight: normal;
font-weight: bold;
padding-left: 0px;
}
#sidebar-first .block-menu-block h2 a{ color: #454545; font-weight: bold;}

#sidebar-first .block-menu-block ul{
margin:0;
padding:0;
}
#sidebar-first .block-menu-block li {
background: #fff;
border-bottom: 1px solid #f2f3f5;
margin: 0;
list-style:none;
font-size: 16px;
line-height: 18px;
color:#9da6b2;
font-family: 'Lato', sans-serif;
}
#sidebar-first .block-menu-block li a{
display: block;
padding: 12px 35px 15px 10px;
color: #9da6b2;
font-weight: bold;
font-size: 16px;
line-height: 18px;
}
#sidebar-first .block-menu-block li a.active{
background: #fff;
}

#sidebar-first .block-menu-block li a:hover , #sidebar-first .block-menu-block li a:active{color:#454545;}
#content #content #tripPlannerWidge #planTrip t {
background: #ebe9e3;
display: block;
font-size: 12px !important;
min-height: 100px;
padding: 6px 5px 18px;
width: 100%;
box-sizing: border-box;
border: none;
border-radius: 8px;
padding: 15px 30px;
box-sizing: border-box;
}
/*#content #content #tripPlannerWidge #planTrip t .title {
margin-bottom: 5px;
margin-top: 0;
padding-top: 0;
}
.page-home .panels-flexible-column-1-main,
.page-home .pane-block-3{
width: 309px !important;
}
.panels-flexible-column-1-1{
width: 615px !important;
}
.page-home .pane-simpleads-ad-groups-18{
float:left;
width:300px;
margin-bottom:10px;
}
.page-home .pane-simpleads-ad-groups-19{
float:right;
width:300px;
margin-bottom:10px;
}
#content #planTrip p {
margin-bottom: 0px;
margin-top: 0;
margin-right:1px;
}
#content #planTrip label {
display: block;
padding-right: 5px;
text-align: right;
vertical-align: middle;
width: 40px;
font-weight: normal;
}
#content #planTrip input[type="text"], #content #planTrip input[type="date"] {
background: none repeat scroll 0 0 #FFFFFF;
border: 1px solid #CCCCCC;
display: inline-block;
height: 20px;
padding: 3px;

}
#content #planTrip .mapPlace{
width:70%;
}
#content #planTrip .city{
width:70%;
}
#content #planTrip .time{
width:5%;
}
#content #planTrip .date{
width:25px !important;
}
#content #planTrip #monthDayYearField{
width:99px;
}

#content #planTrip #planTrip select{
z-index:999;
}
#planTrip select {
z-index: 999;
}
#whenWrap .SelBox{
left:-3px; !Important;
}
#whenWrap .SelBoxInner{
width:65px !Important;
}
#timeWrap .SelBoxInner{
width:35px !Important;
}
#timeWrap .SelBoxInner{
width:30px !Important;
}
#timeWrap .SelBox{
top:-1px !Important;
width:30px !Important;
}
#preferencesWrap{
min-height:40px;
}
#preferencesWrap .SelBoxInner{
width:77px !important;
height:15px;
overflow:hidden;
}
#preferencesWrap .SelBox{
width:87px !important;
float:left;
margin-right:3px;
}
#content #planTrip .SelBox{
background: url("../images/sel-arrow.jpg") right no-repeat #fff;
height: 30px;
padding: 8px 3px 3px 7px;
display: inline-block;
border: 1px solid #ccc;
position: relative;
cursor: pointer;
}
#content #planTrip #whenWrap .SelBox,
#content #planTrip #timeWrap .SelBox{
margin-left: 3px;
}
#content #planTrip #timeWrap .SelBox{
padding-right:8px;
}
#content #planTrip .sel13{
width:97px;
}
#content #planTrip #pre1 .SelBoxInner{
width:107px !important;
}
#content #planTrip #pre2 .SelBoxInner{
width:87px !important;
}
#content #planTrip #pre3 .SelBoxInner{
width:60px !important;
}

#content #planTrip input[type=submit]{
background: #d86c2b;
position: relative;
font-size: 23px;
line-height: 25px;
font-family: 'Lato',sans-serif;
color: #ffffff;
border: none;
cursor: pointer;
float: left;
width: 96px;
height: 99px;
box-sizing: border-box;
white-space: normal;
border: 1px dashed #fff;
margin: 5px 0px 0px 5px;
font-weight: initial;
padding: 0;
}*/
#transitServices{
display:block;
padding:7px;
border:none;
min-height:100px;
margin-top:10px;
}
#transitServices p{
margin: 0;
}
#transitServices a{
display:block;
padding:5px;
border-bottom:1px solid #ccc;
color:#3a3a3a;
font-size:14px;
font-weight:bold;
background:url(../images/tservice-right-arrow.jpg) right no-repeat;
}
#transitServices a img{
width:75px;
display:inline-block;
margin-right:5px;
vertical-align: middle;
}
#transitServices h1{
padding-left:10px;
padding-bottom:10px;
border-bottom:none;
margin-bottom:0px;
}
.view-home-slideshow .views-row-odd, .view-home-slideshow .views-row-even{
border: none;
height: 327px !important;


}
#content .pane-block-4{
border: 1px solid #CCCCCC;
display: block;
width:577px;
height: 304px;
margin-top: 10px;
padding: 10px;
overflow: hidden;
}
.page-node-12 #block-system-main{
float: left;
width: 600px;
margin-right:12px;
}
.page-node-12 #block-block-2{
float: left;
margin-top: -50px;
}
.page-node-12 #block-simpleads-ad-groups-23,
.page-node-12 #block-simpleads-ad-groups-24{
width: 300px;
float: left;
margin: 10px 5px;
}
.fares-passes-page .pane-simpleads-ad-groups-22{
width:300px;
border: 1px solid #CCCCCC;
padding:9px;
}
.fares-passes-page .buy-it-online{
border: 1px solid #CCCCCC;
display: block;
float: left;
min-height: 100px;
overflow: auto;
width: 590px;
}
.fares-passes-page .buy-it-online div.pane-block-8{
background: none repeat scroll 0 0 #6597BE;
color: #FFFFFF;
margin: 10px auto;
overflow: auto;
padding: 20px;
width: 530px;
}
.fares-passes-page .pane-title{
color: #292929;
margin:0 0 10px 0;
font-family: Georgia,"Times New Roman",Times,serif;
font-size: 20px;
font-weight: normal;
}
.fares-passes-page .buy-it-online div.pane-block-8 .pane-title{
color: #FFFFFF;
}
.fares-passes-page .buy-it-online div.pane-block-8 .btnB {
background: none repeat scroll 0 0 #3F4448 !important;
border: medium none;
color: #FFFFFF !important;
display: block;
float: right;
font-family: Arial,Helvetica,sans-serif;
font-weight: bold;
padding: 10px 15px;
}
.fares-passes-page .panels-flexible-region-2-contact_information{
width: 320px !important;
float: right;
}
.fares-passes-page .contact-information {
margin-bottom: 10px;
display: block;
float: right;
min-height: 100px;
overflow: auto;
width: 320px;
}
.fares-passes-page .contact-information div.pane-block-9{
background: none repeat scroll 0 0 #CCCCCC;
margin: 10px auto;
padding: 9px;
width: 300px;
border: 1px solid #CCCCCC;
}
.fares-passes-page .contact-information .pane-block-9 .pane-title{
margin-top: 12px;
}
.fares-passes-page .fares-passes .pane-content{
border: 1px solid #CCCCCC;
padding: 10px;
width: 905px;
}

/*route styling*/
.routeLegend{
list-style:none;
padding:10px;
display:block;
overflow:auto;
-webkit-box-shadow: inset 0px 0px 5px 0px #333333;
box-shadow: inset 0px 0px 5px 0px #333333;
-webkit-border-radius: 5px;
border-radius: 5px;
display:inline-block;
margin:0px;
}
.routeLegend li{
float:left;
display:block;
margin-right:3px;
text-align:center;
}
.routeLegend li a{
padding:5px 0px;
width:22px;
height:13px;
text-align:center;
display:block;
color:#fff;
}
.routeSection .title{
margin-top:0px;
margin-bottom:10px;
}
.routeSection p{
margin:5px 0px;
}
.PrintRoute{
float:right;
font-size:12px;
font-family:Arial, Helvetica, sans-serif;
}
.PrintRoute img{
position:relative;
top:-7px;
vertical-align: middle;
}
.rt1, .route1 .stopName{
/*background:url(../images/rt1.jpg) center no-repeat;*/
background: #974B2C !important;
}
.rt2, .route2 .stopName{
/*background:url(../images/rt2.jpg) center no-repeat;*/
background: #363A35 !important;
}
.rt3, .route3 .stopName{
/*background:url(../images/rt3.jpg) center no-repeat;*/
background: #EB7203 !important;
}
.rt4, .route4 .stopName{
/*background:url(../images/rt4.jpg) center no-repeat;*/
background: #FDD700 !important;
}
.route4 .stopName{
    color:#000 !important ;
}
.rt5, .route5 .stopName{
/*background:url(../images/rt5.jpg) center no-repeat;*/
background: #00A19C !important;
}
.rt6, .route6 .stopName{
/*background:url(../images/rt6.jpg) center no-repeat;*/
background: #E63C2E !important;
}
.rt7, .route7 .stopName{
/*background:url(../images/rt7.jpg) center no-repeat;*/
background: #25CBD3 !important;
}
.rt8, .route8 .stopName{
/*background:url(../images/rt8.jpg) center no-repeat;*/
background: #EB6BB1 !important;
}
.rt9 ,.route9 .stopName{
/*background:url(../images/rt9.jpg) center no-repeat;*/
background: #1675A9 !important;

}
.rt10, .route10 .stopName{
/*background:url(../images/rt10.jpg) center no-repeat;*/
background: #6B478F !important;
}

.rt11, .route11 .stopName{
/*background:url(../images/rt10.jpg) center no-repeat;*/
background: #1675A9 !important;
}

.rt12{
background:url(../images/rt12.jpg) center no-repeat;
}
.rt25{
background:url(../images/rt25.jpg) center no-repeat;
}
.rt29{
background:url(../images/rt29.jpg) center no-repeat;
}
.rt21, .route21 .stopName{
/*background:url(../images/rt5.jpg) center no-repeat;*/
background: #6BC048 !important;
}

.rt25, .route25 .stopName{
/*background:url(../images/rt5.jpg) center no-repeat;*/
background: #6E7C7C !important;
}
.rt29, .route29 .stopName{
/*background:url(../images/rt5.jpg) center no-repeat;*/
background: #BC1F52 !important;
}
.routeLegend li a{border-radius: 50%;}
.cont650{
padding:9px;
border:1px solid #ccc;
}
.cont650 img{
border:1px solid #ccc;
}
#routeTabs{
list-style-type:none;
border-left:1px solid #ccc;
overflow:auto;
padding-left:0px;
margin-bottom:0px;
z-index:20;
position:relative;
bottom:-1px;
}
#routeTabs li{
float:left;
display:block;
padding-top:7px;
width:150px;
font-weight:bold;
border-top:1px solid #ccc;
border-right:1px solid #ccc;
text-align:center;
cursor:pointer;
height:28px;
color:#292929;
font-size:14px;
background:url(../images/route-tab-back.jpg) bottom repeat-x #ebf1f6;
}
.rtSel{
position:relative;
background:#fff !Important;
}
.routePanel{
display:block;
overflow:auto;
width:917px;
min-height:100px;
margin:auto;
}
.leftCol300{
display:block;
float:left;
width:300px;
overflow:auto;
border:1px solid #ccc;
border-right:none;
}
.leftCol300 p{
border-bottom:1px solid #ccc;
}
.direction{
background:#df9688;
font-family:Arial, Helvetica, sans-serif;
text-transform:uppercase;
font-weight:bold;
color:#000;
padding:5px;
margin:0px !important;
border-right:1px solid #ccc;
}
.stop{
display:block;
width:74px;
float:left;
text-align:center;
margin:0px !important;
border-right:1px solid #ccc;
}
.stopName{
background:#cc3640;
color:#fff;
margin:0px !important;
border-right:1px solid #ccc;
border-bottom:1px solid #ccc;
min-height:100px;
padding:10px 7px 7px 7px;
box-sizing: border-box;
}

.route1 .stopName{
background:#0066FF;
}
.route2 .stopName{
background:#000;
}
.route3 .stopName{
background:#F93;
}
.route4 .stopName{
background:#DAA813;
}
.route5 .stopName{
background:#339900;
}
.route6 .stopName{

}
.route7 .stopName{
background:#09F;
}
.route8 .stopName{
background:#DD1B97;
}
.route10 .stopName{
background:#6D112F;
}
.route11 .stopName{
background:#6D112F;
}
.route12 .stopName{
background:#363;
}
.route25 .stopName{
background:#8A0A8A;
}
.route29 .stopName{
background:#B98D08;
}
.routeCS1 .stopName{
background:#06F;
}
.routeCS1peak .stopName{
background:#363;
}
.routeCS2 .stopName{
background:#06F;
}
.routeCS3 .stopName{
background:#B61111;
}
.routeCS4 .stopName{
background:#06F;
}
#block-simpleads-ad-groups-20{
float:right;
width:300px;
z-index:10;
margin-top:-15px;
}
#block-simpleads-ad-groups-21{
margin-top:15px;
text-align: center;
padding-left:2px;
}
.routeCS1peak{
padding-top:30px;
position:relative;
display:block;
clear:both;
overflow:auto;
}
.smRt .stop{
width:61px;
float:left;
text-align:center;
margin:0px !important;
border-right:1px solid #ccc;
font-weight:normal !Important;
font-size:11px;
}
.smRt .stopName{
padding-left:3px;
}
.smRt2 .stop{
width:67px;
float:left;
text-align:center;
margin:0px !important;
border-right:1px solid #ccc;
font-weight:normal !Important;
font-size:11px;
}
.smRt3 .stop{
width:75px;
float:left;
text-align:center;
margin:0px !important;
border-right:1px solid #ccc;
font-weight:normal !Important;
font-size:11px;
}
.smRt4 .stop{
width:83px;
}
.smRt5 .stop{
width:103px;
}
.smRt6 .stop{
width:96px;
}
.NS_tabs{
display:block;
overflow:auto;
margin-left:0px;
padding-left:0px;
}
.NS_tabs li{
display:block;
float:left;
width:200px;
border:1px solid #ccc;
padding:10px;
background:url(../images/route-tab-back.jpg) bottom repeat-x #EBF1F6;
text-align:center;
position:relative;
cursor:pointer;
}
.NS_bound{
display:block;
clear:both;

}
.NS_active{
cursor:default !Important;
background:#fff !important;
border-bottom:None !important;
}
.NS_active:before{
content:url(../images/dwn-sel-arrw.png);
position:absolute;
left:10px;
}
.midScheduleAlert{
clear:both;
font-weight:bold;
text-align:center;
height:10px;
padding:10px 0px;
display:block;
}
/*route styling*/
#footer{
background: #ebeff2;
width: 100%;
position: relative;
padding-bottom: 15px;
}
#footer #block-menu-menu-directory-menu,
#footer #block-block-5{
min-width:182px;
margin-left:20px;
float:left;
background:none;
}
#footer #block-block-5{width: 472px;}
#footer #block-block-5 ul{width: 100%;}
#footer #block-block-5 ul li{display: inline-block !important;width: 49% !important;vertical-align: top;}
#footer #block-block-6{
width:185px;
background:none;
display:inline-block;
margin-left:20px;
color:#4d4b42;
}

#footer #block-menu-menu-directory-menu h2, #footer #block-block-5 h2, #footer #block-block-6 h2{
font-family: 'Montserrat', sans-serif;
font-weight:bold;
margin:0;
color:#333;
font-size: 18px;
line-height: 22px;
margin-bottom: 10px;
}
#footer ul{
width:235px;
height:auto;
float:left;
list-style-type:none;
margin:0px 0px 0px -38px;
}
#footer ul li{
background:none;
display:list-item !Important;
width:235px;
margin-bottom:5px;
list-style:none;
}
#footer ul li a{
padding:0px 0px;
font-family: 'Open Sans', sans-serif;
color:#333;
font-size:14px;
line-height: 20px;
}
#footer ul li a:hover{color:#2a9a8d;}
#footer #block-block-6 a{
color:#4d4b42;
}
#footer #block-block-6 #google_translate_element{
padding-bottom: 10px;
}
#footer #block-block-6 #google_translate_element a{
color: #333333;
}
#footer-message{
height:auto;
padding:10px 0px;
background:#595854;
color:#ffffff;
font-size:11px;
text-align:center;
width:100%;
}
.node-type-blog .node-full .links{
display: none;
}

.node-type-blog .node-full .submitted{
display: none;
}
.node-type-blog h1#page-title .submitted{
float: right;
font-family: arial;
font-size: 12px;
}
.view-news-updates .views-field{
margin-bottom: 10px;
}
.view-news-updates .views-field-name {
background: url("../images/date-line-back.jpg") repeat-x scroll left bottom transparent;
color: #FFFFFF;


}
.view-news-updates .views-field-name .created{
margin-left: 30px;
}

/*contact form*/
.page-node-23 #page-title{
display: none;
}
.page-node-23 #main-wrapper #block-system-main{
width: 450px;
float: left;
}
.page-node-23 #main-wrapper #block-block-12{
float: left;
width: 220px;
}
#webform-client-form-23{
width:412px;
}
#webform-client-form-23 input, #webform-client-form-23 textarea{
display:block;
height:26px;
padding:10px 10px 0px 10px;
border:1px solid #ccc;
background:#fff;
width:382px;
}
#webform-client-form-23 textarea{
min-height:120px;
width: 400px;
}
#webform-client-form-23 .SelBox{
display:block;
height:26px;
padding:10px 10px 0px 10px;
border:1px solid #ccc;
background:#fff;
width:382px;
background:url(../images/sel-arrow.jpg) right no-repeat;
}
#webform-client-form-23 select{
display:block;
height:26px;
padding:10px 10px 0px 10px;
background:#fff;
width:402px;
}

#webform-client-form-23 input#edit-submit{
width:auto !important;
display:inline-block !Important;
height:35px !important;
padding-top:0px !important;
color:#ffffff !important;
background: none repeat scroll 0 0 #3F4448 !important;
float: right;
font-family: arial;
font-weight: bold;
}
#webform-client-form-23 .SelBox{
color:#666666 !important;
font-family:Arial, Helvetica, sans-serif!important;
font-size:13px!important;
}
/*#webform-client-form-23 input#edit-submitted-full-name{
background:url(../images/full-name.jpg) left no-repeat;
}
#webform-client-form-23 input#edit-submitted-email{
background:url(../images/Email.jpg) left no-repeat;
}
#webform-client-form-23 input#edit-submitted-phone{
background:url(../images/phone.jpg) left no-repeat;
}
#webform-client-form-23 textarea#edit-submitted-message{
background:url(../images/message.jpg) top left no-repeat;
}*/
.inpNB{
background:#fff!important;
}
label.error{
color:#f00;
}
#block-block-20{
float:right;
}
#block-block-20 a#text_resize_decrease1{
background: url("../images/smaller_letters.png") no-repeat scroll left top transparent;
display: inline-block;
height: 22px;
width: 22px;
margin: -4px 6px 0;
float:left;
text-indent: -9999px;
}
#block-block-20 a#text_resize_increase1{
background: url("../images/bigger_letters.png") no-repeat scroll left top transparent;
display: inline-block;
height: 22px;
width: 22px;
float:left;
text-indent: -9999px;
margin-top: -4px;
}
#block-block-20 a#text_resize_decrease1:hover , #block-block-26 a#text_resize_increase1:hover{ opacity: 0.6;}

.page-sitemap .site-map-box-menu{
float: left;
width: 300px;
}
.page-sitemap .site-map-box-menu h2.title{

}
/**
* product listing
*/
.view-passes .view-content{
border: 1px solid #d4d4d4;
/*padding: 10px;*/
}
.view-passes .view-content h3{
margin:0 0 10px;
background:#00a19a;
padding:5px;
color:#FFF;
}
.view-passes .views-row{
margin-bottom: 20px;
padding: 0 10px 20px 10px;
border-bottom: 1px dotted #a7a7a7;
}
.view-passes .views-row-last{
margin-bottom:0;
}
.view-passes .views-row .views-field-uc-product-image{
float: left;
width: 100px;
margin-right: 10px;
}
.view-passes .views-row .views-field-field-summary{
float: left;
width: 380px;
margin-right: 10px;
}
.view-passes .views-row .views-field-field-summary .product-title{
display: block;
color: #656565;
font-size: 16px;
font-weight: bold;
}
.view-passes .views-row .views-field-addtocartlink{
width: 400px;
float: left;
margin-bottom: 10px;
}
.view-passes .views-row .views-field-addtocartlink .attribute{
float: left;
margin-right: 10px;
}
.view-passes .form-item, .view-passes .form-actions{
margin: 0;
}
.view-passes .views-row .views-field-addtocartlink .form-item-qty{
float: left;
}
.view-passes .views-row .views-field-addtocartlink .form-actions{
margin: 15px 0 0;
float:right;
}
.view-passes .views-row .views-field-addtocartlink .form-actions .form-submit{
background: #00a19a;
}
.view-passes .SelBox{
display:block;
height:26px;
padding:4px 3px 0 3px;
border:1px solid #ccc;
background:#fff;
background:url(../images/sel-arrow.jpg) right no-repeat;
color:#666666 !important;
font-family:Arial, Helvetica, sans-serif!important;
font-size:13px!important;
}
.view-passes .SelBox .SelBoxInner{
padding-right:7px;
}
.view-passes .view-footer .cart-button{
float:right;
width:200px;
}
.view-passes .views-row .views-field-addtocartlink .passes-button,
.view-passes .view-footer .cart-button a,
.view-passes .view-footer .buy-clipper a{
background: #00a19a;
border: 0 none;
color: #FFFFFF;
cursor: pointer;
padding: 7px;
margin-right:20px;
margin-top:5px;
float: right;
}
.view-passes .view-footer .buy-clipper{
width:165px;
float:left;
}
.view-passes .view-footer .buy-clipper a{
background:#7da6be;
}
.page-node-44 .lifetime-product-pass{
display: none;
}
#uc-cart-view-form .sticky-table th,
#uc-cart-view-form .sticky-header th{
background:#00a19a;
padding:5px 10px;
border:1px solid #d4d4d4;
color:#FFF;
}
#uc-cart-view-form td{
vertical-align:middle;
border:1px solid #d4d4d4;
padding:5px;
background:#FFF;
}
#uc-cart-view-form td.desc li{
list-style:none;
}
#uc-cart-view-form td.subtotal{
background:#f5f5f5;
}
#uc-cart-view-form .entity h2{
margin:0;
}
#uc-cart-view-form .form-submit{
border: 1px solid #ADADAD;
background:url(../images/cart-button-back.png) repeat-x;
color: #000000;
padding: 2px;
}
#uc-cart-view-form .form-text{
width: 30px;
float: left;
}
#uc-cart-view-form #edit-actions #edit-checkout--2{
margin-left: 5px;
}
#uc-cart-view-form .form-actions{
margin-top:10px;
}
#uc-cart-checkout-form #cart-pane{
background:#fbf8e7;
}
#uc-cart-checkout-form #cart-pane .sticky-header th, #uc-cart-checkout-form #cart-pane .sticky-table th{
background:#9e9e9e;
color:#FFF;
border-bottom:0 none;
padding:5px;
}
#uc-cart-checkout-form #payment-pane .title{
font-size:14px;
}
#uc-cart-checkout-form #customer-pane{
background:#f4f4f4;
}
#uc-cart-checkout-form #quotes-pane #quote{
background:#fbf8e7;
}
#uc-cart-checkout-form #edit-actions #edit-continue,
.order-review-table #edit-actions #edit-submit{
margin-left:5px;
}
#uc-cart-checkout-form #cart-pane tr{
background:none;
}
.order-review-table{
width:700px;
}
.order-review-table .pane-title-row{
text-align:left;
background:#f4f4f4;
padding:5px;
}
.order-review-table .cart-review{
background:#fbf8e7;
width:100%;
}
.order-review-table .cart-review tr{
background:none;
}
.order-review-table .cart-review th{
background:#9e9e9e;
color:#FFF;
border-bottom:0 none;
padding:5px;
}
.order-review-table td.title-col{
width:100px;
text-align:left;
}
#sidebar-second #block-uc-cart-cart{
background: #f5f5f5;
padding: 10px;
float: right;
border:1px solid #cdcdcd;
width:147px;
}
#sidebar-second #block-uc-cart-cart h2{
margin: 0 0 10px 0;
font-size: 16px;
border-bottom: 1px solid #a8a8a8;
}
#sidebar-second #block-uc-cart-cart h2 a{
display: none;
}
#sidebar-second #block-uc-cart-cart .odd, #sidebar-second #block-uc-cart-cart .even{
border-bottom: 1px solid #a8a8a8;
}
#sidebar-second #block-uc-cart-cart ul.product-description li{
list-style:none;
}
#sidebar-second #block-uc-cart-cart .cart-block-summary{
width: 100%;
}
#sidebar-second #block-uc-cart-cart .cart-block-summary ul.links{
padding-left:0;
}
#sidebar-second #block-uc-cart-cart .cart-block-summary-links ul.links li{
padding: 0 5px;
}
#sidebar-second #block-user-login{
/*margin-top:20px;*/
background: #f5f5f5;
padding: 10px;
color: #272322;
clear:both;
border-bottom: 1px solid #cdcdcd; border-left: 1px solid #cdcdcd; border-right: 1px solid #cdcdcd;
}
#sidebar-second #block-user-login h2{
margin: 0 0 10px 0;
font-size: 16px;
}
#sidebar-second #block-user-login .form-text{
background: #FFF;
border: 1px solid #272322;
}
#sidebar-second #block-user-login .item-list ul li{
list-style: none;
margin: 0 0 5px 0;
}
#sidebar-second #block-user-login a{
text-decoration: underline;
color: #272322;
}
.page-fares-passes .panels-flexible-region-inside{
padding-left: 0;
padding-right: 0;
}
/*modifications Feb 22 2013*/
.followRoute{
display:block;
position:relative;
width:20px;
min-height:100px;
float:left;
clear:left;
}
.followRoute .stopName{
background:#fff;
border-bottom:1px solid #fff;
border-right:none;
}
.followRoute p{
margin:5px 0px;
font-size:11px;
padding-left:3px;
border-right:1px solid #fff;
color:#fff;
background:#333;
}


.routePanel .stop p:nth-child(even){
background:#eaeaea;
}
.stop p{
font-size:11px;
}
.routeBreak{
display:block;
clear:both;
position:relative;
float:none;
padding:13px;
}
.ad-300{
width: 300px;
}
.node-type-routes-schedules #block-system-main{
margin-top: 20px;
}
/*govdelivery signup widget*/
#transitServices form input[type=text]{
padding: 7px 10px 5px 6px;
border-radius: 4px;
color: #666;
font-size: 11px;
line-height: 11px;
margin-bottom: 5px;
width: 170px;
border:1px solid #ccc;
display:inline-block;
}
#transitServices form p{
display:inline-block;
padding:5px 0px;
}
#transitServices form input[type=submit]{
padding: 4px 0px 4px 4px;
color: #fff;
display:inline-block;
-webkit-border-radius: 4px;
border-radius: 4px;
background:#7C3C7E;
font-size:16px;
text-align:center;
width:100px;
border:none;
cursor:pointer;
text-transform:capitalize;
}

/* complaint form inline changes title V::::::::::::::::::::::::::::::::::*/
#webform-component-complainants-information--address, #webform-component-complainants-information--city, #webform-component-complainants-information--state, #webform-component-complainants-information--zip, #webform-component-complainants-information--telephone-home-or-cell, #webform-component-complainants-information--telephone-work{
display:inline-block;
}
#webform-component-persons-discriminated-against-if-other-than-complainant--address, #webform-component-persons-discriminated-against-if-other-than-complainant--city, #webform-component-persons-discriminated-against-if-other-than-complainant--state, #webform-component-persons-discriminated-against-if-other-than-complainant--zip-code, #webform-component-persons-discriminated-against-if-other-than-complainant--telephone---, #webform-component-persons-discriminated-against-if-other-than-complainant--work-phone---{
display:inline-block;
}
.sidebar .section #block-menu-block-1 ul.menu .active-trail .active-trail{display:none !Important;}
form.govd_form{
margin-top: 8px;
}
.user-alert .user-alert-message span.live-alerts{
color: #ff8c00;
font-family: inherit;
font-weight: bold;
}

.brand-area{ display: block; width: 100%; padding-top: 25px; max-width: inherit; margin-bottom: 35px;}
.brand-area .bran-left{ display: inline-block; float: left; padding-left: 15px; }
.brand-area .bran-right{ display: inline-block; float: right;}
.pane-views-home-slideshow-block{ width: 100%; margin-bottom: 0px;}
.views-slideshow-cycle-main-frame{ width: 100% !important; }
.view-home-slideshow .views-row-odd, .view-home-slideshow .views-row-even{ height: auto !important; width: 100%;}
.view-home-slideshow .views-row-odd, .view-home-slideshow .field-content img{ width: 100% !important; height: auto !important; max-width: 100% !important;}
body.front #page-title{display: none;}
#header .bran-news{ display: block; width: 100%; max-width: inherit; margin: 0 auto;}
#header #block-menu-block-1 .menu-block-wrapper ul li.last{ padding-right: 0px;}
#header #block-menu-block-1 .menu-block-wrapper ul li.first{ padding-left: 0px;}
#footer .signup h1{ color: #333333; display: inline-block; float: left; font-size: 18px; line-height: 24px; font-family: 'Montserrat', sans-serif; margin: 0 0 5px 0; padding: 0;}
#footer .signup form input[type=text]{ padding: 8px 10px 8px 8px; width: 330px; font-size: 13px; margin:0 12px 0 0; border: 1px solid #dbd4c2; color: #717070; box-sizing: border-box; float: left;  line-height: 16px; -webkit-border-radius: 0;-moz-border-radius: 0;border-radius: 0;}

#footer .signup form input[type=email]{ padding: 8px 10px 8px 8px; width: 330px; font-size: 13px; margin:0 12px 0 0; border: 1px solid #dbd4c2; color: #717070; box-sizing: border-box; float: left;  line-height: 16px; -webkit-border-radius: 0;-moz-border-radius: 0;border-radius: 0;}
#footer form.govd_form{ margin-top: 0px; display: inline-block;}
#footer .signup{ min-height: inherit; position: static; top: -30px; width: 100%; background: #fff; box-sizing: border-box; margin-top: 0; padding:20px 0px;  max-width: 100%; border-bottom:0 none; left: 21px;}

#footer .signup form input[type=submit]{ padding: 8px 16px 9px 16px; width: auto; background: #00a19a; font-family: 'Montserrat', sans-serif; float: left; margin: 0px; border:0 none; color:#fff; -webkit-border-radius: 0;-moz-border-radius: 0;border-radius: 0; text-transform: capitalize; -webkit-transition: all .4s ease;-moz-transition: all .4s ease;-ms-transition: all .4s ease;-o-transition: all .4s ease;transition: all .4s ease; cursor:pointer; -webkit-appearance: button; -webkit-text-size-adjust:none}
#footer .signup form input[type=submit]:hover{background: #20665e;}
#footer #transitServices:before{ content: ''; display: block; position: absolute; width: 21px; height: 55px; left:-20px; top:0;  background: url("../images/footer-left.png") no-repeat; display:none;}
#footer #transitServices:after{ content: ''; display: block; position: absolute; width: 21px; height: 55px; right:-20px; top:0;  background: url("../images/footer-right.png") no-repeat; display: none;}
#footer .signup .left{ float: left; width: 50%;}
#footer .signup .right{ float: right; width: 50%; margin-top: 33px;}
#footer .signup .right a{ float: left; width: 25px; height: 25px; margin: 0 47px; position:relative; -ms-transition: all .4s ease;-o-transition: all .4s ease;transition: all .4s ease;}
#footer .signup .right a img{ display: block; max-width:100%;}
#footer .signup .right a:before{ position: absolute; content:""; width: 2px; height: 50px; background-color: #f9fafb; top: -50%; left: -47px;}
#footer .signup .right a:first-child:before{ display:none;}
#footer .signup .right a:hover{ opacity:0.5;}

#footer #block-menu-menu-directory-menu h2{ font-size: 18px; line-height: 22px; margin-bottom: 10px; font-family: 'Montserrat', sans-serif; color:#333;}
#footer .region-footer{ padding-top: 60px;}
#footer .container{ position: relative;}
#footer span.ext{ display: none;}
.container{ width: 100%; max-width: 960px; display: block; margin: 0 auto; box-sizing:border-box;}
.region .pane-content{ border: 1px solid #eceef0; padding: 23px; box-sizing: border-box;}
.region .pane-content #transitServices{ padding: 7px 0px; padding: 0px 0px; margin: 0;}
.region .pane-content #transitServices a{ padding: 12px 25px 11px 11px;  border-bottom: none; font-size: 15px; line-height: 17px; color:#53585d; font-family: 'Lato', sans-serif;}
.region .pane-content #transitServices a:hover{ color:#CCCCCC !important;}
.region .pane-content #transitServices h1{ background: #7cbceb; color: #fff; padding: 10px 13px 10px 13px; box-sizing: border-box; font-size: 18px; line-height: 21px;  font-family: 'Lato', sans-serif;}
.region .pane-content #transitServices form input[type=text]{ width: 150px; margin-right: 10px;}
.region .pane-content  #transitServices form input[type=submit]{background: #8cb081;}
.region .pane-views-home-slideshow-block .pane-content{ border: none;}
.page-home .pane-block-3 .pane-content{ margin-top: 30px;}
.page-home .pane-block-3{ float: right; width: 100%; margin-bottom: 35px; z-index: 1;}
#footer #block-block-6 .content{ font-family: 'Open Sans', sans-serif; color:#333; font-size: 14px; line-height: 20px;}

/** trip form **/
#tripPlannerWidget{ display:block; max-width:960px; width: 100%; margin: 0 auto; background:none; background-size:cover; box-sizing: border-box; padding:13px 30px; border-radius: 15px; position: relative;}
#tripPlannerWidget:after{ content: ''; display: block; position: absolute; bottom: -9px; left: 0px; width: 100%; height: 9px; background: url(../images/trip-shadow.png) center no-repeat; display: none;}
#tripPlannerWidget h1{ margin:0px; color:#fff; font-family: 'Montserrat', sans-serif; width: 100%; margin-bottom:15px; font-size: 30px; line-height: 34px; font-weight:400;}
#planTrip{ width:100%; display:block; max-width: 675px; margin: 0 auto;}
.add-area{ display:inline-block; width:100%; position: Relative; float:left;}
.add-area:after{ content: ''; display: block; position: absolute; width: 2px; height: 116px; right: 6px; bottom: 18px; background: url(../images/border.png) repeat-y; display: none;}
#tripPlannerWidget label{color: #96a1a8;font-size: 14px; line-height: 16px; position: relative; padding-left: 0; display: block; width: 100%; margin-bottom: 6px;   font-weight: normal; font-weight: 600; }
#tripPlannerWidget input{ color:#000;}
.start-location{ content:''; display:block; position:absolute; left:0px; top:0px; width:10px; height:15px; background:none; }
.end-location{ content:''; display:block; position:absolute; left:0px; top:0px; width:10px; height:15px; background:none; }
.add-area .add-big-cell{ display: block; margin-bottom: 10px; float: left; width: 49%; background-color: #fff; margin-left: 2%; padding: 10px 25px; box-sizing:border-box; -webkit-box-sizing:border-box; border:1px solid #e0e7f0;}
.add-area .add-big-cell:first-child{ margin-left: 0;}
.cf:before, .cf:after { content: ""; display: table; }
.cf:after { clear: both; }
.cf { zoom: 1; }

.date-area{ display:inline-block;  position:relative; padding: 10px 25px; float:left; box-sizing: border-box; background-color: #fff; border:1px solid #e0e7f0; }
.date-area:after{ content: ''; display: block; position: absolute; width: 2px; height: 116px; right: 6px; bottom: -8px; background: url(../images/border.png) repeat-y; display:none;}
.preferences-area{ display:inline-block; float:left; width:100%; padding:10px 25px; box-sizing: border-box; background-color: #fff; border:1px solid #e0e7f0; margin-bottom: 25px;}
.add-big-cell .mapPlace{ width:100%; height:31px; border: none; padding: 7px 8px; box-sizing:border-box; margin-right:0; color: #000!important; font-family: Arial,Helvetica,sans-serif;}
.add-big-cell .city{ width:100%; height:31px; border: none; padding: 7px 8px; box-sizing:border-box; color: #000 !important; font-family: Arial,Helvetica,sans-serif;}
#tripPlannerWidget .date-area label , #tripPlannerWidget .preferences-area label{ padding-left:0px;}
.date-area .SelBox{ float:left; display:inline-block;}

#tripPlannerWidget .date-area.select-status-area{ width: 39.1%; margin-bottom: 10px;}
#tripPlannerWidget .date-area.select-status-area .choice-cell input[type="radio"]{ display: none;}
#tripPlannerWidget .date-area.select-status-area .choice-cell label{ display:inline-block; padding:30px 10px 5px; font-size:14px; float: left; width: 50%; box-sizing:border-box; color:#000; font-weight:400; margin: 0; text-align: center;}
#tripPlannerWidget .date-area.select-status-area input[type="radio"]:checked + label{ background:url("../images/radio-btn.png") no-repeat scroll center 10px transparent;}
#tripPlannerWidget .date-area.select-date-area{ width: 28.9%; margin-left: 1.5%; margin-bottom: 10px;}
#tripPlannerWidget .date-area.select-time-area{ width: 28.9%; margin-left: 1.5%; margin-bottom: 10px;}
#tripPlannerWidget .submit-btn{ width: 100%; background: transparent !important; height:auto; text-align: center;}
#tripPlannerWidget .submit-btn input[type="submit"]{ font-family:'Montserrat', sans-serif; font-size: 18px; line-height: 20px; background: transparent; color: #fff; text-transform: uppercase; border:1px solid #00a19a; padding: 18px 15px; width: 195px; cursor:pointer; -webkit-transition: all 0.4s ease; moz-transition: all 0.4s ease; -ms-transition: all 0.4s ease; -o-transition: all 0.4s ease; transition: all 0.4s ease; -webkit-border-radius: 0;
-moz-border-radius: 0;border-radius: 0;}
#tripPlannerWidget .submit-btn input[type="submit"]:hover{ background:#00a19a;}

/*#tripPlannerWidget .date-area .date{ float:left; display:inline-block; width:auto;}*/
#tripPlannerWidget .date-area #monthDayYearField{ display:inline-block; width:136px; height:31px;  margin-bottom:10px; padding: 8px 8px; box-sizing:border-box; border:none;}
.date-area .time{ width:30px; height:31px; display:inline-block; float:left; margin-right:0px; padding: 5px 5px; box-sizing:border-box; border: none; color: #000!important; font-family: Arial,Helvetica,sans-serif;}
.preferences-left{ display:inline-block; float:left; width:100%; margin-right:0px;}
.preferences-left .first-trip{ float: left; width: 32%; margin-left: 2%;}
.preferences-left .first-trip:first-child{ margin-left: 0;}
.preferences-left .first-trip select{ width: 100%; -webkit-border-radius: 0;-moz-border-radius: 0;border-radius: 0; }
.preferences-area input[type="submit"]{ background: #8cb081; position: relative; font-size: 23px; line-height: 25px; font-family: 'Lato', sans-serif; color: #ffffff; border: none; cursor: pointer; float: left; width: 96px; height: 99px; box-sizing: border-box; white-space: normal; border: 1px dashed #fff; margin: 5px 0px 0px 5px; }
.preferences-area input[type="submit"]:hover{ background:#66a852;}
#planTrip{ margin-bottom:0px;}
.preferences-left .SelBox{ width:136px; height:31px; background:#ffffff; border:none; margin-bottom:8px; padding: 6px 8px; box-sizing:border-box;}
.preferences-left .styled{ width: 138px;}
.date-area-cell{ display: inline-block; width: 136px; height: 31px; margin-bottom: 0px; box-sizing: border-box; position:relative;}
.date-area-cell:after{ content:''; display:block; position:absolute; width:19px; height:17px; right:7px; top:7px; background:url(../images/date.png) no-repeat; }
.choice-cell{ display: block; width: 100%; margin-bottom: 0px; padding-top: 0px; }
.choice-cell input[type="radio"]{ float:left;}
#tripPlannerWidget .choice-cell label{ width: auto; float: left; font-size: 13px; line-height: 18px; cursor:pointer;}
.ui-menu .ui-menu-item a{font-size:13px;}
.submit-btn { display: inline-block; float: left; width: 107px; height: 110px; background: #8cb081 !important; position: relative; }
.first-trip{ position:relative;}
.first-trip select{ color: #808080 !important; font-family: Arial,Helvetica,sans-serif; }
#monthDayYearField{ position:relative;}
.select-box{ width: 136px; height: 31px; background: #ffffff; border: none; margin-bottom: 8px;  padding: 6px 8px; box-sizing: border-box; cursor:pointer;}
.Am-select {  width: 40px; height: 31px; display: inline-block; float: left; margin-right: 7px; padding: 5px 5px; box-sizing: border-box; font-size: 12px; -webkit-appearance: none; -moz-appearance: none; appearance:none; cursor:pointer;  border:none;}
#content #tripPlannerWidget #planTrip .date-area #monthDayYearField{ border: none; width: 134px; color: #808080 !important; font-family: Arial,Helvetica,sans-serif;}
h2{ font-size: 25px; line-height: 35px; color:#454545; font-weight: bold; font-family: 'Lato', sans-serif; margin-bottom: 5px;}
.pane-content .field-content a{ font-size: 17px; line-height: 20px; color:#53585d; font-family: 'Lato', sans-serif; font-weight: bold; margin-bottom: 9px; display: block;}
.pane-content .field-content a:hover{color:#323333;}
.pane-content .views-field-created span{ font-size: 11px; line-height: 13px; color:#53585d; font-family: 'Lato', sans-serif;}
.pane-content .views-field-created{ display: block; margin-bottom: 10px; }
.pane-content .views-field-body .field-content{ font-size: 13px; line-height: 15px; color:#53585d; font-family: 'Lato', sans-serif;}
.pane-content .views-row{ margin-bottom: 30px;}
.pane-content .views-row.views-row-last{ margin-bottom: 0px;}
.panel-2col-bricks .panel-col-last { float: right; width: 32%;}
.panel-2col-bricks .panel-col-first { float: left; width: 65%;}
#content #tripPlannerWidget #planTrip .choice-cell label{ left:-9px; margin-bottom: 0px; font-weight: normal;}
.panel-col-first .inside .pane-content{ border: 2px solid #eceef0; padding: 23px; box-sizing: border-box; border-radius: 3px;}
.pane-views-home-slideshow-block .pane-content, .pane-block-19 .pane-content{ border: none; padding: 0px;}
.pane-views-home-slideshow-block .pane-content .views-row{ margin-bottom: 0px;}
.panel-col-last .pane-content{ padding: 0px;}
#planTrip br{ display: none;}
#itdLPxx_TimeAMPM{ width: 60px; height: 31px; display: inline-block; float: left; margin-right: 0px; box-sizing: border-box; -webkit-appearance: none; -moz-appearance: none; appearance: none; border: none; color: #808080 !important; font-family: Arial,Helvetica,sans-serif; padding: 0px 5px;}
.mailto:hover{color:#bfb8a3; text-decoration: underline;}
.panel-col-last #transitServices a{ display: flex; }
#footer #block-block-6 .content p{ margin: 0px;}
#footer #block-block-6 a:hover{ opacity: 0.7;}
#footer ul.menu li{ margin: 0px;}
.pane-views-home-slideshow-block .field-content a{ margin-bottom: 0px;}
.btn{ font-size: 13px; line-height: 15px; color: #ffffff; font-family: 'Lato', sans-serif; background: #8cb081; padding: 4px 10px; cursor: pointer;}
.btn:hover{background: #66a852;}
.panel-col-first .pane-block-20 .pane-content{ padding: 0px; border: none;}
h3{ font-size: 17px; line-height: 19px; color:#53585d; font-family: 'Lato', sans-serif; font-weight: bold;}
.pane-block-20 .pane-content p{ font-size: 13px; line-height: 20px; color:#53585d; font-family: 'Lato', sans-serif; }
.pane-block-20 .pane-content p a{ font-size: 18px; line-height: 17px; color: #ffffff; font-family: 'Lato', sans-serif; background: #8cb081; padding: 10px 19px; display: inline-block; }
.pane-block-20 .pane-content p a:hover{background: #66a852;}
.pane-block-20 .pane-content p img{ display: inline-block; float: left; margin-right: 24px; }
.contextual-links-region h3{ margin-top: 0; margin-bottom: 0; }
.pane-block-20 { margin-bottom: 50px; display: block; }
.pane-block-21 .pane-content{ padding: 0px; border: none;}
iframe{ border: none;}
#sidebar-first .block-menu-block .content{ padding-top: 15px; }
p , p span{ font-size: 13px; line-height: 20px; color:#53585d; font-family: 'Lato', sans-serif;}
#header #block-menu-block-1 .menu-block-wrapper ul li.active-trail{ background: none; box-shadow: none; }
#header #block-menu-block-1 .menu-block-wrapper ul li.active-trail  a{  text-decoration: none; color: #CCCCCC !important; }
.breadcrumb , .breadcrumb a{font-size: 15px; line-height: 17px; color:#919aa7; font-family: Helvetica,sans-serif;}
.breadcrumb a:hover{ color:#454545;}
.breadcrumb{ margin-left: -20px; padding-bottom: 15px; width: 100%; float: left; font-family: Helvetica,sans-serif; color:#919aa7; }
.region-search #block-block-19{ display: inline-block; float: right; top: 11px; right: 20px; position: relative; cursor: pointer;}
.sidebar-first h2{ margin-top: 0px;}
#content #page-title{ font-size: 25px; line-height: 35px; color: #454545; font-weight: bold; font-family: 'Lato', sans-serif; margin-bottom: 30px; }
.views-responsive-grid .views-row .views-column{ width: 100%; display: inline-block; margin-right: 5px; float: left; margin-bottom: 27px;}
.views-row .field-content{ display: inline-block; width: 100%; font-size: 13px; line-height: 20px; color: #53585d; font-family: 'Lato', sans-serif; }
.views-row .field-content img{ width: 100%; display: block;}
.views-row .views-column .field-content h3{ font-size: 17px; line-height: 20px; color: #53585d; margin-top: 0px; font-family: 'Lato', sans-serif; font-weight: bold; margin-bottom: 0px;}
.views-row .views-column .field-content h3 a{ color:#53585d; }
.views-responsive-grid .views-row{ display: block; width: 100%; zoom: 1;}
.views-responsive-grid .views-row:after , .views-responsive-grid .views-row:before{ content: ""; display: table; }
.views-responsive-grid .views-row:after{ clear: both}
.views-row .views-column.views-column-last{ margin-right: 0px;}
.views-responsive-grid .views-row .field-content a{ display: inline-block; width: 100px; float: left; }
.views-responsive-grid .views-row .views-column .views-field-field-add-image{display: inline-block; float: left; margin-bottom: 0px; margin-right: 20px;}
.views-responsive-grid .views-column .views-field{ display: flex; }
.views-responsive-grid .views-column .views-field h3 a{ display: block; width: 100%;}
.views-field.views-field-nothing{ margin-bottom: 2px;}
.item-list .pager li.pager-current , .item-list .pager li a{ color: #fff; font-weight: bold; padding: 6px 10px 6px 10px; width: auto; font-family: 'Lato', sans-serif; border-radius: 7px; background: #8cb081; }
.item-list .pager li a{ color:#fff; font-weight: bold;}
.item-list .pager{ margin-top: 50px; margin-bottom: 15px; }
.item-list .pager li{ margin-left: 7px; }
.item-list .pager li.pager-current , .item-list .pager li a:hover{ background: #66a852;}
.grid-list { display: block; float: right; width: 100%; margin-bottom: 40px;}
.grid-list .grid{ position: relative; width: 34px; height: 34px; display: inline-block; cursor: pointer; float: right; margin-right: 10px; }
.grid-list .list{ position: relative; width: 34px; height: 34px; display: inline-block; cursor: pointer; float: right; margin-right: 10px; }
.grid-list .grid:after{ content: ""; display: block; position: absolute; width: 34px; height: 34px; left: 0px; top: 0px; background: url(../images/grid.png) no-repeat; }
.grid-list .list:after{ content: ""; display: block; position: absolute; width: 34px; height: 34px; left: 0px; top: 0px; background: url(../images/list.png) no-repeat;  }
.views-responsive-grid.grid-view .views-row .views-column{ width: 32.8%; display: inline-block; margin-right: 5px; float: left; }
.views-row .field-content{ display: inline-block; width: 100%; font-size: 13px; line-height: 20px; color: #53585d; font-family: 'Lato', sans-serif; }
.views-row .field-content img{ width: 100%; display: block;}
.views-row .views-column .field-content h3{ font-size: 17px; line-height: 20px; color: #53585d; margin-top: 0px; font-family: 'Lato', sans-serif; font-weight: bold; margin-bottom: 0px;}
.views-row .views-column .field-content h3 a{ color:#53585d; }
.views-responsive-grid.grid-view .views-row{ display: block; width: 100%; zoom: 1; margin-bottom: 50px;}
.views-responsive-grid.grid-view .views-row:after , .views-responsive-grid .views-row:before{ content: ""; display: table; }
.views-responsive-grid.grid-view .views-row:after{ clear: both}
.views-responsive-grid.grid-view .views-row .field-content a{ display: block; float: none; width: auto;}
.views-responsive-grid.grid-view .views-column .views-field{ display: inherit;}
.views-responsive-grid.grid-view .views-row .views-column.views-column-last{ margin-right: 0px;}
.views-responsive-grid.grid-view .views-row .field-content{ margin-bottom: 10px; margin-right: 0px;}
.views-responsive-grid.grid-view .views-row .views-column{ margin-bottom: 0px; }
.views-responsive-grid .views-row .views-column .views-field-field-add-embedded-video-code{ display: inline-block; float: left; margin-bottom: 0px; margin-right: 20px;}
.views-field-field-add-embedded-video-code .field-content p{ width: 246px; display: inline-block; float: left; margin-top: 0px; margin-bottom: 0px;}
.views-field-field-add-embedded-video-code .field-content p iframe{ width: 100%; height: auto;}
.views-row .field-content p{ margin-top: 0px; margin-bottom: 0px;}
.grid-view .views-field-field-add-embedded-video-code .field-content p{ width: 100%;}

.grid-view .views-column .views-field.views-field-body{ display: none;}
#sidebar-second .file a{ margin-bottom: 7px; display: inline-block; }
#sidebar-second .file a:hover{ text-decoration: underline; color:#454545; }

/*#page-wrapper .sider-section .slider .bx-wrapper .bx-viewport .bxslider li{ width:100% !important; height:100% !important; background-size:100% 100% !important;}*/


/* new look css */

body{ margin: 0; -webkit-appearance:none;-ms-appearance:none; -webkit-text-size-adjust:none;-ms-text-size-adjust:none;}
img.alignleft{ float: left; margin: 0 30px 30px 0;}
img.alignright{ float: right; margin: 0 0 30px 30px;}
img.aligncenter{ float: none; margin: 0 auto 30px;}

#header .brand-area .nav-left, #header .brand-area .nav-right{ float:left; width:36.5%;}
#header .brand-area .nav-mid{ float:left; width:26.9%; text-align:center;}
#header .brand-area .nav-right{ }

#page-wrapper .sider-section{ position:relative;}

/*#page-wrapper .sider-section .slider{ height: 620px;}
#page-wrapper .sider-section .slider .bx-wrapper, #page-wrapper .sider-section .slider .bx-wrapper .bx-viewport{ height: 100% !important;}
#page-wrapper .sider-section .slider .bx-wrapper .bx-viewport .bxslider{ height: 100% !important; margin: 0; padding: 0;}
#page-wrapper .sider-section .slider .bx-wrapper .bx-viewport .bxslider li{ height: 100% !important; background-size:cover !important; background-repeat: no-repeat;}*/
#page-wrapper .sider-section .slider-form{ position:absolute; width:100%; bottom:0; background-color:rgba(44,44,44,0.8); padding:10px 0; z-index:999;}
#page-wrapper .sider-section .slider-form.open{ background-color:rgba(44,44,44,0.8);}

.column .vine-transit-tabing{ }
.column .vine-transit-tabing .tabing-title{ margin: 0; padding: 0; border-bottom:1px solid #d1d1d1;}
.column .vine-transit-tabing .tabing-title ul{ margin: 0; padding: 0;}
.column .vine-transit-tabing .tabing-title li{ float: left; width: 33.33%; text-align: center; display: inline-block;}
.column .vine-transit-tabing .tabing-title li a{ font-size: 18px; line-height: 22px; color:#333; font-family:'Montserrat', sans-serif; text-transform: capitalize; display: inline-block; padding: 26px 38px; position:relative; -webkit-transition: all .4s ease; -moz-transition: all .4s ease; -ms-transition: all .4s ease; -o-transition: all .4s ease; transition: all .4s ease;}
.column .vine-transit-tabing .tabing-title li a.active, .column .vine-transit-tabing .tabing-title li a:hover{ color:#d86c2b;}
.column .vine-transit-tabing .tabing-title li a.active:after{ position: absolute; content:""; width: 0; height: 0; border-top: 6px solid #d86c2b; border-left: 6px solid transparent; border-right: 6px solid transparent; bottom: -6px; left: 50%; margin-left: -7px;}
.column .vine-transit-tabing .tabing-title li a.active:before{ position: absolute; content:"";width: 100%; height: 2px; background-color: #d86c2b; bottom:-1px; left: 0;}

.column .vine-transit-tabing .tabing-content{}
.column .vine-transit-tabing .tabing-content .tab-content-block{ display: none; padding: 30px 20px;}
.column .vine-transit-tabing .tabing-content .tab-content-block.active{ display:block;}
.column .vine-transit-tabing .tabing-content .tab-content-block .tab-content-left{ float: left; width: 65.8%;}
.column .vine-transit-tabing .tabing-content .tab-content-block .tab-content-left img{ }
.column .vine-transit-tabing .tabing-content .tab-content-block .tab-content-left p{ font-size: 16px; line-height: 24px; color:#333; font-family: 'Open Sans', sans-serif;}
.column .vine-transit-tabing .tabing-content .tab-content-block .tab-content-right{ float: right; width: 34.2%;}
.column .vine-transit-tabing .tabing-content .tab-content-block .tab-content-right .service{}
.column .vine-transit-tabing .tabing-content .tab-content-block .tab-content-right .service ul{}
.column .vine-transit-tabing .tabing-content .tab-content-block .tab-content-right .service ul li{ list-style:none; padding: 15px 0;}
.column .vine-transit-tabing .tabing-content .tab-content-block .tab-content-right .service ul li a{ text-transform: uppercase; font-family:'Montserrat', sans-serif; font-size: 18px; line-height: 24px;  color:#00a19a; background:url(../images/service-arrow.png) 0 5px no-repeat; padding-left: 20px; display: inline-block;}

.vine-transit-news{ background-color:#ebeff2; padding: 73px 0 55px;}
.vine-transit-news .container{ padding: 0 15px;}
.vine-transit-news .news-block a{ display: inline-block; margin: 4px;}
.vine-transit-news .news-block a img{ display: block !important; width: 100%;}
.vine-transit-news .news-block-left{ float: left; width: 50%;}
.vine-transit-news .news-block-left img{}
.vine-transit-news .news-block-right{ float: right; width: 50%;}
.vine-transit-news .news-block-right .news-block-inner{ width: 50%; float: left;}
.vine-transit-news .news-block-right a{ margin: 2px 1px;}

.header-bottom{ line-height: 0;}
.header-bottom .container{position: relative;}
.header-bottom a.close{position: absolute; top:50%; right: 0; margin: -10px 0 0 0; background:url("../images/close.png") no-repeat center top; width: 20px; height: 20px;}
#tech-slideshow { padding:20px 0; margin-right: 30px;    position: relative;    overflow: hidden;}
#tech-slideshow p{margin: 0; position: absolute; top: 10px; left: -10px; height: 100%; width:100%; animation: moveSlideshow 20s linear infinite; -webkit-animation: moveSlideshow 20s linear infinite; -moz-animation:    moveSlideshow 20s linear infinite; color:#e77324; font-family:'Montserrat', sans-serif; font-size: 14px; white-space:nowrap;}
#tech-slideshow p a{ color:#e77324; font-family:'Montserrat', sans-serif; font-size: 14px;}
@keyframes moveSlideshow {
0% { left: 960px; }
100% { left: -960px; }
}
@-webkit-keyframes moveSlideshow {
0% { left: 960px; }
100% { left: -960px; }
}
@-moz-keyframes moveSlideshow {
0% { left: 960px;}
100% { left: -960px;}
}


/* mobile menu */
.responsive-icon { display: none; max-width: 40px; width: 100%; background-color: transparent; float: right; top: 30px; right: 10px; z-index: 10; margin: 4px 0; }
.btn-m-nav { padding: 5px 8px; display: none; max-width: 30px; width: 100%; background-color: transparent; float: right; top: 30px; right: 10px; z-index: 10; margin: 4px 0; }
.btn-m-nav span { background-color: #676868; height: 2px; margin: 5px auto; display: block; max-width: 100px; }

.mobile-menu{ display:none; }
.responsive-icon { display: none; max-width: 40px; width: 100%; background-color: transparent; float: right; top: 30px; right: 10px; z-index: 10; margin: 4px 0; }
.responsive-icon a { display: block; padding: 5px 8px; }
.responsive-icon span { background-color: #676868; height: 2px; margin: 5px auto; display: block; max-width: 100px; }
.mobile-menu{ position: fixed; background: none; width: 80%; top: 0; right: 0; bottom: 0; height: 100%; }
.mobile-menu ul{ margin: 0; padding: 0; border: none; list-style: none; }
.mobile-menu ul li { font-size: 14px; color: #187987; padding: 0; margin: 0; list-style: none; letter-spacing: 0.05em; font-weight: 500; width: 100%; border-top: 1px solid #f3f3f3; position: relative; font-family: 'Montserrat', sans-serif;}
.mobile-menu ul li a{ color: #777777; text-decoration: none; padding: 11px 20px; display: block; text-decoration: none; font-size: 14px; line-height: 16px;}
.mobile-menu ul li > em { color: #777777; display: block; float: right; position: absolute; cursor: pointer; right: 0; top: 0; width: 40px; height: 40px; line-height: 40px; font-style: normal;  font-weight: 300; font-size: 30px; }
.mobile-menu ul li > em:before { content: "+"; position: absolute; display: block; top: 0; text-align: center; left: 0; right: 0; letter-spacing: -2px;}
ul.first-sub li { border-top: 1px solid #0059A5; }
.mobile-menu ul li { font-size: 14px; color: #187987; padding: 0; margin: 0; list-style: none; letter-spacing: 0.05em; font-weight: 500; width: 100%; border-top: 1px solid #00a19a; position: relative; }
.mobile-menu ul ul { margin: 0; display: none; }
ul.first-sub li a { background-color: #00a19a; padding-left: 30px; color: #fff; }
ul.first-sub li { border-top: 1px solid #0059A5; }
.mobile-menu ul.second-sub li a { padding-left: 45px; background-color: #0bb6af; }
.mobile-menu ul.third-sub li a { padding-left: 55px; background-color: #16c7bf; }
.wrapper-newlook { box-shadow: 2px 3px 9px -1px #222; }
.mobile-menu ul li > em.second-em { color: #fff; }
.mobile-menu ul li > em.third-em { color: #fff; }

/* home banner form */
#tripPlannerWidget .slider-form-top{}
#tripPlannerWidget .slider-form-top h1{ display: inline-block; vertical-align: middle; width: auto; margin-bottom: 0;}
#tripPlannerWidget .slider-form-top .cta-btn{ font-family:'Montserrat', sans-serif; font-size: 18px; line-height: 20px; background: transparent; color: #fff; text-transform: uppercase; border:1px solid #00a19a; padding: 18px 15px; cursor:pointer; -webkit-transition: all 0.4s ease; moz-transition: all 0.4s ease; -ms-transition: all 0.4s ease; -o-transition: all 0.4s ease; transition: all 0.4s ease; -webkit-border-radius: 0; -moz-border-radius: 0;border-radius: 0; margin-left: 30px;}
#tripPlannerWidget .slider-form-top .cta-btn:hover{ background-color:#00a19a;}
#tripPlannerWidget .slider-form-top .trip-planner-btn{ display: inline-block; vertical-align: middle; }
#tripPlannerWidget .slider-form-top .go-to-route-btn{ display: inline-block; vertical-align: middle;}
#tripPlannerWidget .slider-form-main{ display: none; padding-top: 20px;}
.slider-form .close-form-btn{ position: absolute; top: 15px; right: 15px; color: #fff; font-weight: 700; display: none; font-size: 20px; z-index: 51;}


.content img{ max-width: 100%; height: auto;}


/* Responsive CSS Document */

/* Table of Contents
-----------------------------------------------------------------------------
1. Mobile
2. Large Mobile
3. iPad
4. large desktop
5. Other
*/

/* 1. Mobile responsive css 640px
------------------------------------------------------------------------------*/
@media (max-width:640px) {
#header{ position: fixed;}
img.alignleft{ margin:0 auto 15px; float: none; width: 100%;}
img.alignright{ margin: 0 auto 15px; float: none; width: 100%;}
img.aligncenter{ margin: 0 auto 15px; width: 100%;}


#footer #block-block-5 ul li{display: block !important;width:100% !important;vertical-align: top;}
#footer #block-block-5 {width: 100%;}

/* mobile menu */
.btn-m-nav{ display: block;}
.mobile-menu{ display: block;}
#page-wrapper{ position:relative; background: #fff; left: 0;}

/*--------- home page ------------*/
#header #main-menu .container{ padding: 0;}
.header-bottom .container{ padding: 0 10px;}
.header-bottom a.close{ right: 10px;}
#main-menu .region-search{ margin-right: 10px;}
/*#page-wrapper .sider-section .slider{ height: 320px;}*/
#page-wrapper .sider-section .slider-form{ position: relative; padding: 25px 0 15px;}
.slider-form .close-form-btn{ top: 5px; right: 5px;}
#page-wrapper .sider-section .slider-form #tripPlannerWidget{ padding: 0 10px;}
.add-area .add-big-cell{ width: 100%; margin-left: 0; padding:5px 10px;}
#tripPlannerWidget h1{ font-size: 26px; line-height: 30px;}
#tripPlannerWidget .date-area.select-status-area{ width: 100%; padding:5px 10px;}
#tripPlannerWidget .date-area.select-date-area{ width: 49%; margin-left: 0; padding:5px 10px;}
#tripPlannerWidget .date-area.select-time-area{ width: 49%; padding:5px 10px;}
.preferences-area{ padding:5px 10px; margin-bottom: 10px;}
#tripPlannerWidget .submit-btn input[type="submit"]{ padding: 10px; font-size: 16px;}
.preferences-left .first-trip{ width: 100%; margin-left: 0;}
#header #main-menu ul{ display: none;}
.region-search #block-block-22{ right: 10px;}
.brand-area{ margin: 0; padding: 0;}
#header #main-menu{ background: #fff;}
#header .brand-area .nav-left, #header .brand-area .nav-right{ display: none;}
#header .brand-area .nav-mid{ width: 100px; margin-top: -40px; padding: 5px 0;}
#header .section #logo{ margin: 0; width:100px;}
.column .vine-transit-tabing .tabing-title li{ width: 100%;}
.column .vine-transit-tabing .tabing-title li a{ padding: 10px 10px; }
.column .vine-transit-tabing .tabing-content .tab-content-block{ padding: 1px 10px;}
.column .vine-transit-tabing .tabing-content .tab-content-block .tab-content-left{ width: 100%;}
.column .vine-transit-tabing .tabing-content .tab-content-block .tab-content-left p{ font-size: 15px;}
.column .vine-transit-tabing .tabing-content .tab-content-block .tab-content-right{ width: 100%;}
.column .vine-transit-tabing .tabing-content .tab-content-block .tab-content-right .service ul li{ padding: 5px 0;}
.column .vine-transit-tabing .tabing-content .tab-content-block .tab-content-right .service ul li a{ font-size: 16px; line-height: 22px;}
.vine-transit-news{ padding: 30px 0;}
.vine-transit-news .news-block-left{ width: 100%;}
.vine-transit-news .news-block-right{ width: 100%;}
.vine-transit-news .news-block a{ display: block;}
.vine-transit-news .news-block-right .news-block-inner{ width:100%;}
.vine-transit-news .news-block-right a{ display: inline-block; width:100%;}
#footer .region-footer{ padding-top: 30px;}
#footer .container{ padding: 0 10px;}
#footer .signup .left{ width: 100%; text-align: center;}
#footer .signup h1{ display: block; width: 100%;}
#footer .signup .right{ width: 100%; text-align: center; margin-top: 20px;}
#footer .signup form input[type=text]{ width: 190px; margin-right: 10px;}
#footer .signup form input[type=submit]{ padding:8px 10px 9px 10px;}
#footer .signup .right a{ margin: 0 18px; float: none; display: inline-block;}
#footer .signup .right a:before{ left: -18px;}
#footer #block-menu-menu-directory-menu, #footer #block-block-5{ margin: 0px 0 15px 0; width: 100%; text-align: center;}
#footer ul{ width:100%;}
#footer ul li{ width: 100%; padding: 0; margin:0 0 5px 0 !important; text-align: center; }
#footer #block-block-5{ margin: 0px 0 15px 0; }
#footer #block-block-5 .content ul{ margin: 0 20px 0 0; padding: 0;}
#footer #block-block-6{ margin-left: 0; width: 100%; text-align: center;}
#footer #block-block-6 .content div{ display: block; }
#footer #block-block-6 .content	.goog-te-gadget{ display: inline-block; }
.date-area-cell,#tripPlannerWidget .date-area #monthDayYearField{ width: 100%;}
#tripPlannerWidget{ padding: 10px;}
#page-wrapper .sider-section .slider-form.open{ background-color:rgba(44,44,44,1);}
#tripPlannerWidget .slider-form-top{ text-align: center;}
#tripPlannerWidget .slider-form-top .trip-planner-btn, #tripPlannerWidget .slider-form-top .go-to-route-btn{ margin:15px auto 0; display: block; max-width: 170px; font-size: 16px; padding: 10px;}

/*--------- transit service page ------------*/
.container{ padding: 0 10px;}
#breadcrumb{ margin-bottom: 15px; text-indent:0}
.breadcrumb{ margin-left: 0;}
#main-wrapper #sidebar-first{ width: 100%; margin-right: 0;}
#sidebar-first .block-menu-block h2{ font-size: 22px; line-height: 26px; padding: 0;}
#sidebar-first .block-menu-block .content{ padding-top: 10px;}
#sidebar-first .block-menu-block li a{ font-size: 14px; line-height: 18px; padding: 10px 0;}
#sidebar-first .block-menu-block li{ font-size: 14px; line-height: 18px; padding: 0;}
body.two-sidebars #main-wrapper #content{ width: 100%;}

body.two-sidebars #main-wrapper #content img{ max-width: 100%; height: auto; display: block; margin: 0 auto;}

/*--------- park-rides page ------------*/
#content #page-title{ margin-bottom: 10px;}
body.sidebar-second #main-wrapper #content{ width: 100%; margin-bottom: 20px;}

/*--------- frequently-asked-questions page ------------*/
body.one-sidebar #main-wrapper #content{ width: 100%;}
body.one-sidebar #main-wrapper #content img{ max-width: 100%; height: auto; display: block; margin: 0 auto;}

/*--------- contact-us page ------------*/
.page-node-23 #main-wrapper #block-system-main{ width: 100%;}
.page-node-23 #main-wrapper #block-block-12{ width: 100%; text-align: center;}
#webform-client-form-23, #webform-client-form-23 select{ width: 100%;}
#webform-client-form-23 input, #webform-client-form-23 textarea{ width: 100%; box-sizing:border-box; -webkit-box-sizing:border-box;}

/*--------- routes-schedules page ------------*/
#wrap .mousetrap{ width: 100% !important;height: auto !important;}

/*--------- fares-passes page ------------*/
.fares-passes-page .buy-it-online{ float: none; margin: 0 auto 20px; width: 100%; box-sizing:border-box; -webkit-box-sizing:border-box; padding: 10px;}
.fares-passes-page .buy-it-online div.pane-block-8{ width: 100%; box-sizing:border-box; -webkit-box-sizing:border-box; margin: 0;}
.fares-passes-page .contact-information{ float: none; margin: 0 auto;}
.fares-passes-page .fares-passes .pane-content{ width: 100%;}
.fares-passes-page .fares-passes .pane-content table{ width: 100% !important; display: block; overflow-x: auto; height:auto !important;}

#main-wrapper #content iframe{ width: 100%;}
.page-node-12 #block-system-main{ width: 100%; margin: 0;}

#main-wrapper #sidebar-second{ width: 100%; background: none;}
#main-wrapper #sidebar-second #block-print-print-links, #main-wrapper #sidebar-second #block-views-article-pdf-block{ width: 100%; border:0 none; padding: 0; text-align: center;}
#main-wrapper #sidebar-second #block-print-print-links a, #main-wrapper #sidebar-second #block-views-article-pdf-block a{ display: block; width: 75%; margin: 0 auto; text-align: center; background: #00a19a; color:#fff; padding: 10px; -webkit-border-radius: 10px;	-moz-border-radius: 10px;	border-radius: 10px; margin-bottom: 10px;}
#main-wrapper #sidebar-second #block-print-print-links a img, #main-wrapper #sidebar-second #block-views-article-pdf-block a img{ display: none;}
#main-wrapper #sidebar-second #block-views-article-pdf-block h2{ background: none; padding: 0;}
#main-wrapper #sidebar-second #block-views-article-pdf-block .content{ margin: 0;}
#block-simpleads-ad-groups-21{ display: none;}

/*--------- media page ------------*/
.views-responsive-grid .views-row .views-column .views-field-field-add-embedded-video-code{ width: 100%; margin: 0;}
.views-responsive-grid .views-column .views-field{ display: block;}
.views-responsive-grid.grid-view .views-row .views-column{ width: 100%;}
.views-responsive-grid.grid-view .views-row .views-column{ margin: 0;}
#sidebar-first .block-menu-block{ margin-bottom: 10px;}

#routeTabs li{ width: 33%;}
.routeSection .theRoute{ width: 100%; box-sizing:border-box; -webkit-box-sizing:border-box; overflow-x: auto;}
#block-system-main .field-items table{ display: block; overflow-x: auto; width: 100% !important; height: auto !important;}

.page-node-51 #block-system-main .field-items table{ display:table;}
.page-node-51 #block-system-main .field-items table tbody{ display: block; width: 100%;}
.page-node-51 #block-system-main .field-items table tr{ display: block;width: 100%;}
.page-node-51 #block-system-main .field-items table tr td, .page-node-51 #block-system-main .field-items table tr td div{ display: block; width: 100% !important; text-align: center;}
#block-simpleads-ad-groups-20{ display: none;}
body.one-sidebar #main-wrapper #content .PrintRoute{ float: none; display: block; margin-top: 10px;}
body.one-sidebar #main-wrapper #content .PrintRoute img { display: inline-block;}
.view-passes .views-row .views-field-field-summary{ width: 100%; margin-right: 0;}
.view-passes .views-row .views-field-addtocartlink{ width: 100%;}
}

/* 2. Large Mobile responsive css 640px
------------------------------------------------------------------------------*/
@media (min-width:641px) and (max-width:767px) {

img.alignleft{ margin:0 15px 15px 0;}
img.alignright{ margin: 0 0 15px 15px;}
img.aligncenter{ margin: 0 auto 15px;}
/*--------- routes-schedules page ------------*/
#wrap .mousetrap{ width: 100% !important;height: auto !important;}

/* mobile menu */
.btn-m-nav{ display: block;}
.mobile-menu{ display: block;}
#page-wrapper{ position:relative; background: #fff; left: 0;}

/*--------- home page ------------*/
#header #main-menu .container{ padding: 0;}
.header-bottom .container{ padding: 0 10px;}
.header-bottom a.close{ right: 10px;}
#main-menu .region-search{ margin-right: 10px;}
.brand-area{ margin: 0; padding: 0;}
#header #main-menu{ background: #fff;}
#header .brand-area .nav-left, #header .brand-area .nav-right{ display: none;}
#header .brand-area .nav-mid{ width: 100px; margin-top: -40px; padding: 5px 0;}
#header .section #logo{ margin: 0; width:100px;}
#header #main-menu ul{ display: none; }
#header #main-menu .container, .brand-area .container{ padding: 0;}
.container{ padding: 0 10px;}
.header-bottom .container{ padding: 0 10px;}
.header-bottom a.close{ right: 10px;}
/*#page-wrapper .sider-section .slider{ height: 420px;}*/
#page-wrapper .sider-section .slider-form{ position: relative;}
#header #main-menu ul{ float: none; margin:0; padding: 0;}
#header #main-menu ul li a{ padding:13px 0 0 10px}
.region-search #block-block-22{ right: 10px;}
#header .block-menu ul li{ padding: 0 15px; width: 65px;}

.column .vine-transit-tabing .tabing-title li a{ padding: 15px 10px;}
.column .vine-transit-tabing .tabing-content .tab-content-block{ padding: 20px 10px;}
.column .vine-transit-tabing .tabing-content .tab-content-block .tab-content-left p{ font-size: 15px;}
.column .vine-transit-tabing .tabing-content .tab-content-block .tab-content-right .service ul li{ padding: 5px 0;}
.column .vine-transit-tabing .tabing-content .tab-content-block .tab-content-right .service ul li a{ font-size: 16px; line-height: 22px;}
.vine-transit-news{ padding: 30px 0;}
.vine-transit-news .news-block-left{ width: 100%;}
.vine-transit-news .news-block-right{ width: 100%;}
.vine-transit-news .news-block a{ display: block;}
.vine-transit-news .news-block-right a{ display: inline-block; width:calc( 50% - 4px );}
#footer .container{ padding: 0 10px;}
#footer .signup .left{ width: 60%;}
#footer .signup .right{ width: 40%;}
#footer .signup form input[type=text]{ width: 250px;}
#footer .signup .right a{ margin: 0 18px;}
#footer .signup .right a:before{ left: -18px;}
#footer #block-menu-menu-directory-menu, #footer #block-block-5{ margin-left: 0;}
#footer ul{ width:auto;}
#footer ul li{ width: 160px; padding: 0; margin:0 0 10px 0 !important;}
#footer #block-block-5{ margin-left: 20px; }
#footer #block-block-5 .content ul{ margin: 0 20px 0 0; padding: 0;}
#footer #block-block-6{ margin-left: 0; width: 100%;}
#footer #block-block-6 .content div{ display: inline-block; vertical-align: top;}
#tripPlannerWidget{ padding: 10px;}
#page-wrapper .sider-section .slider-form.open{ background-color:rgba(44,44,44,1);}

/*--------- transit service page ------------*/
#breadcrumb{ margin-bottom: 15px;}
#main-wrapper #sidebar-first{ width: 100%; margin-right: 0;}
#sidebar-first .block-menu-block h2{ font-size: 22px; line-height: 26px; padding: 0;}
#sidebar-first .block-menu-block .content{ padding-top: 10px;}
#sidebar-first .block-menu-block li a{ font-size: 14px; line-height: 18px; padding: 10px 0;}
#sidebar-first .block-menu-block li{ font-size: 14px; line-height: 18px; padding: 0;}

/*--------- park-rides page ------------*/
#content #page-title{ margin-bottom: 10px;}
body.sidebar-second #main-wrapper #content{ width: 100%; margin-bottom: 20px;}

/*--------- frequently-asked-questions page ------------*/
body.one-sidebar #main-wrapper #content{ width: 100%;}
body.one-sidebar #main-wrapper #content img{ max-width: 100%; height: auto; display: block; margin: 0 auto;}

/*--------- contact-us page ------------*/
.page-node-23 #main-wrapper #block-system-main{ width: 70%;}
.page-node-23 #main-wrapper #block-block-12{ width: 30%;}

/*--------- fares-passes page ------------*/
.fares-passes-page .buy-it-online{ float: none; margin: 0 auto 20px;}
.fares-passes-page .contact-information{ float: none; margin: 0 auto;}
.fares-passes-page .fares-passes .pane-content{ width: 100%;}
.fares-passes-page .fares-passes .pane-content table{ width: 100% !important;}


#main-wrapper #content iframe{ width: 100%;}
}

/* 3. iPad responsive css 768px to 1023px
------------------------------------------------------------------------------*/
@media (min-width:768px) and (max-width:1023px) {
/*--------- home page ------------*/
#header #main-menu ul li a{ padding-left: 15px; }
#header .container{ padding: 0;}
.header-bottom .container{ padding: 0 10px;}
.header-bottom a.close{ right: 10px;}
#page-wrapper .sider-section .slider-form{ }
#header #main-menu ul{ float: none; padding: 0;}
#header .brand-area .nav-left, #header .brand-area .nav-right{ width: 40%;}
#header .brand-area .nav-mid{ width: 20%; }
#header .block-menu ul li{ padding: 0 12px;}
.column .vine-transit-tabing .tabing-title li a{ padding: 26px 30px;}
.column .vine-transit-tabing .tabing-content .tab-content-block{ padding: 20px 10px;}
.vine-transit-news{ padding: 30px 0;}
.vine-transit-news .news-block-left{ width: 100%;}
.vine-transit-news .news-block-right{ width: 100%;}
.vine-transit-news .news-block a{ display: block;}
.vine-transit-news .news-block-right a{ display: inline-block; width:calc( 50% - 4px );}
#footer .container{ padding: 0 10px;}
#footer .signup form input[type=text]{ width: 250px;}
#footer .signup .right a{ margin: 0 34px;}
#footer .signup .right a:before{ left: -34px;}
#footer #block-menu-menu-directory-menu, #footer #block-block-5{ margin-left: 0;}
#footer ul{ width:auto;}
#footer ul li{ width: 160px; padding: 0; margin:0 0 10px 0 !important;}
#footer #block-block-5{ margin-left: 20px; }
#footer #block-block-5 .content ul{ margin: 0 20px 0 0; padding: 0;}
#footer #block-block-6{ margin-left: 0;}

/*--------- transit service page ------------*/
.container{ padding: 0 10px;}
#breadcrumb{ margin-bottom: 15px;}
#main-wrapper #sidebar-first{ width: 100%; margin-right: 0;}
#sidebar-first .block-menu-block h2{ font-size: 22px; line-height: 26px; padding: 0;}
#sidebar-first .block-menu-block .content{ padding-top: 10px;}
#sidebar-first .block-menu-block li a{ font-size: 14px; line-height: 18px; padding: 10px 0;}
#sidebar-first .block-menu-block li{ font-size: 14px; line-height: 18px; padding: 0;}

/*--------- park-rides page ------------*/
#content #page-title{ margin-bottom: 10px;}

/*--------- frequently-asked-questions page ------------*/
body.one-sidebar #main-wrapper #content{ width: 75%;}

/*--------- fares-passes page ------------*/
.fares-passes-page .buy-it-online{ float: none; margin: 0 auto 20px;}
.fares-passes-page .contact-information{ float: none; margin: 0 auto;}
.fares-passes-page .fares-passes .pane-content{ width: 100%;}
.fares-passes-page .fares-passes .pane-content table{ width: 100% !important;}

#main-wrapper #content iframe{ width: 100%;}
}

/* 4. large desktop responsive css 1024px to 1199px
------------------------------------------------------------------------------*/
@media (min-width:1024px) and (max-width:1199px) {
/*--------- home page ------------*/
#page-wrapper .sider-section .slider-form{ }
}

/* 5. Other media-query
------------------------------------------------------------------------------*/

.toolbar #toolbar{z-index: 9999;}


.views-responsive-grid.res-grid .views-row .field-content a{ }
.toolbar #header{top: 67px;}
.toolbar #tech-slideshow p{top: -8px;}

.hed-top-bar{ background: #f3f0ee; padding: 10px 0;}
.hed-top-bar .region-head-top-menu{ float: right;}
#wrap{z-index: 9 !important;}

#header.header-fixed{

-webkit-transition: all 200ms ease-in;
-webkit-transform: scale(1,1);
-ms-transition: all 200ms ease-in;
-ms-transform:  scale(1,1);
-moz-transition: all 200ms ease-in;
-moz-transform:  scale(1,1);
transition: all 200ms ease-in;
transform:  scale(1,1);

-webkit-transition-duration: 1s;
transition-duration: 1s;

}
#header .brand-area .nav-left, #header .brand-area .nav-right,#header .brand-area .nav-mid,#header .brand-area,#header{
-ms-transform-origin: top center;
-webkit-transform-origin: top center;
transform-origin: top center;
-webkit-transition: all 200ms ease-in;
-webkit-transform: scale(1,1);
-ms-transition: all 200ms ease-in;
-ms-transform:  scale(1,1);
-moz-transition: all 200ms ease-in;
-moz-transform:  scale(1,1);
transition: all 200ms ease-in;
transform:  scale(1,1);
}
#header.header-fixed .brand-area .nav-mid{
-webkit-transition: all 100ms ease-in;
-webkit-transform: scale(0.7,0.7);
-ms-transition: all 100ms ease-in;
-ms-transform:   scale(0.7,0.7);
-moz-transition: all 100ms ease-in;
-moz-transform:   scale(0.7,0.7);
transition: all 100ms ease-in;
transform:   scale(0.7,0.7);

-webkit-transition-duration: 1s;
transition-duration: 1s;
}
#header.header-fixed .brand-area .nav-left,#header.header-fixed .brand-area .nav-right{
-webkit-transition: all 200ms ease-in;
-webkit-transform: scale(0.8,0.8);
-ms-transition: all 200ms ease-in;
-ms-transform:   scale(0.8,0.8);
-moz-transition: all 200ms ease-in;
-moz-transform:   scale(0.8,0.8);
transition: all 200ms ease-in;
transform:   scale(0.8,0.8);

-webkit-transition-duration: 1s;
transition-duration: 1s;
}
/*
#header.header-fixed{
-webkit-transition: all 200ms ease-in;
-webkit-transform: scale(1,0.9);
-ms-transition: all 200ms ease-in;
-ms-transform:   scale(1,0.9);
-moz-transition: all 200ms ease-in;
-moz-transform:   scale(1,0.9);
transition: all 200ms ease-in;
transform:   scale(1,0.9);

-webkit-transition-duration: 1s;
transition-duration: 1s;

}*/
#header.header-fixed .brand-area{margin-bottom: 0;}

@media (min-width:320px) and (max-width:480px) {
    body{}
    #node-33 .mousetrap{display: none !important;}
}
.cont650-img img {
    border: 1px solid #ccc;
}

img.centerimg{margin: 0 auto;display: block;}

#edit-actions #edit-continue{margin-left: 12px;}