@charset "utf-8";
/* CSS Document */

/*--------------------------SOLODEV RESET STYLES---------------------------*/
html, body
{
margin: 0;
padding: 0;
}

body
{
font-family: 'arial';
}

h1, h2, h3, h4, h5, h6
{
margin: 2px;
padding: 0;
}

a, p, span
{line-height: 18px;
font-family: "Lato", sans-serif;
font-weight: 700;}
}

img
{
border: none;
}

#ifr1 
{
border:none; height: 100%;
}

/*--------------------------SOLODEV RESET STYLES---------------------------*/

        .containerRob1 {
            display: flex;
            flex-direction: row;
            flex-wrap: wrap;
            justify-content: center;
            align-items: center;
            padding-top: 0px;
            max-width: 1160px;
            justify-content: space-between;
        }
        
        .image-box {
            width: 80px;
            height: 80px;
            background-color: #ffffff;
            display: flex;
            justify-content: center;
            align-items: center;
        }
	    .image-box2 {
            width: 140px;
            height: 90px;
            background-color: #ffffff;
            display: flex;
            justify-content: center;
            align-items: center;
        }
        
        .svg-container {
            display: flex;
            justify-content: center;
            align-items: center;
            width: 100%;
            height: 100%;
        }
        
        .svg-container img {
            max-width: 100%;
            max-height: 100%;
            object-fit: contain;
        }
        
	 .footer-box {display: flex;flex-direction: row;flex-wrap: wrap;justify-content: space-between;}
	 
        @media (min-width : 205px ) and ( max-width : 982px ){
			.footer-box {justify-content: center;
        flex-direction: column;
        text-align: center;}
			
		.mailing-list {
        width: 90%;
    }
	 }
.containerBlueIcons {
      display: flex;
      flex-direction: row;
      flex-wrap: wrap;
      justify-content: center;
      align-items: center;
      padding-top: 0px;
      max-width: 1160px;
      justify-content: space-between;
	  background-color: #ffffff;
	  padding-top: 8px;
      padding-bottom: 3px;
      border-bottom: 2px solid #e0e0e0;
      padding-left: 10px;
      padding-right: 10px;
    } 
    
	  .icon-box {
      width: 80px;
      height: 97px;
      background-color: #ffffff;
      display: flex;
	  flex-direction: column;
      justify-content: flex-start; /* Changed from center to flex-start */
      align-items: center;
	  text-align: center;
	  text-transform: uppercase;
      font-size: 12px;
      font-family: "Lato", sans-serif;
      font-weight: 700;
      font-style: normal;
    }
    
    /* Added styles for the icon-box links and images */
    .icon-box a {
      display: flex;
      flex-direction: column;
      align-items: center;
      text-decoration: none;
      height: 100%;
      width: 100%;
    }
    
    .icon-box img {
      margin-bottom: 5px;
    }
	 
    @media (min-width : 200px ) and ( max-width : 767px ){
	.containerBlueIcons {margin-top: 56px;}
	 }
	
	
.lato-regular {
  font-family: "Lato", sans-serif;
  font-weight: 400;
  font-style: normal;
}
.lato-bold {
  font-family: "Lato", sans-serif;
  font-weight: 700;
  font-style: normal;
}
.lato-black {
  font-family: "Lato", sans-serif;
  font-weight: 900;
  font-style: normal;
}
.row-fluid div
{
	/*border: 1px solid #000000;*/
}

/*--------------------------VOTRAN STYLES---------------------------*/

body
{
background: #fff;
}

h1
{
margin-bottom: 10px;
margin-left: -4px;
color: #063654;
}


h2{

color: #004B85;
  border-bottom: 1px solid #CCCCCC;
    margin-bottom: 1em;
    padding-bottom: 5px;
font-size: 25px;
}

h5
{
color: #063654;
}

/*.container, .navbar-static-top .container, .navbar-fixed-top .container, .navbar-fixed-bottom .container {
max-width: 960px;
}

.navbar-static-top .container, .navbar-fixed-top .container, .navbar-fixed-bottom .container {
max-width: 960px;
}*/

.home-back
{
/*background: url('/resources/img/votran-content-back.png') no-repeat;*/
}


.table-striped tbody > tr:nth-child(2n+1) > td, .table-striped tbody > tr:nth-child(2n+1) > th {
    background-color: #D7D7D7 !important;
}



/*--------------------------HEADER STYLES---------------------------*/

.header-container
{	
height: 106px;
max-width: 1160px;
width: 100%;
}

.logo-container
{
    width: 90%;
    margin-top: 15px;
    margin-left: 15px;
    height: 120px;
    margin-bottom: 5px;
}

.logo-text {
/*width: 60%;*/
/*padding: 10px 0px;*/
}

.logo-text span{
color: #ec008c;
font-size: 14px;
font-weight: bold;
width: 250px;
line-height:38px;
display: block;
}


.brow-container{
float: right;
margin-top: 60px;
height: 36px;
position: relative;
z-index: 100;
}

.brow-search{
float: right;
position: relative;
z-index: 100;
/*
visibility: hidden;*/
}

.brow-nav{
float: left;
}

.brow-nav a{
color: #fff;
}

.brow-nav a:hover{
color: #333333;
}


.nav-container{
width: 100%;
height: 39px;
position:relative;
z-index:10000;
}

.nav-bar-override-style
{
min-height:0px;
position: relative;
}


.top-nav{
width:100%;
height: 34px;
margin-top: 4px;
}


.top-nav a{
color: #fff;
font-size: 11px;
font-weight: bold;
}

#topNav-container .icon-home:before {
right: 480px;
font-family: 'FontAwesome';
content: "f015";
font-size: 50px;
padding-right: 10px;
border-right: none;
color: #000000;
}

.icon-home {
position: relative;
float: right;
z-index: 50;
}


/*-----------------------------------------SLIDER STYLES---------------------------------------------*/

.upper-container{
/*background: url("/resources/img/votran-back-top.png") 100% 0% no-repeat;*/
height: 267px;
width: 100%;

}

.upper-container-bgwhite{
/*background: #fff;*/
width: 100%;
height: 422px;
}

.slider{
/*max-width: 632px;
height: 253px;*/
width: 100%;
}

.slider img
{
width: 100%;
max-height: 261px;
}

/*----------------------------------------QUICK LINKS STYLES-------------------------------------------------*/



/*----------------------------------------LOWER UPPER CONTENT------------------------------------------------*/


.lower-upper-container{
height: 109px;
width: 100%;
background: #fff;
/*background: url("/resources/img/votran-back-bottom.png") 100% 100% no-repeat;*/
}



.lower-upper-container h5{
color: #004b85;
font-weight: bold;
}

.lower-upper-container h5 a{

line-height: 18px !important;
}

.lower-upper-box
{
background: #FFFFFF;
width: 100%;
}

.lower-upper-box img
{
width: 53%;
}

.lower-upper-box p
{
margin: 0px;
padding: 0px;
}

.right-text-box{
float: right;
width: 45%;
}

.right-text-box p{
color: #000;
font-size: 13px;
}


/*-------------------------------------------MIDDLE CONTENT------------------------------------------------------*/

.middle-content-container{
background: #dddddd; /* Old browsers */
background: -moz-linear-gradient(top,  #dddddd 1%, #f5f5f5 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(1%,#dddddd), color-stop(100%,#f5f5f5)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #dddddd 1%,#f5f5f5 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #dddddd 1%,#f5f5f5 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #dddddd 1%,#f5f5f5 100%); /* IE10+ */
background: linear-gradient(to bottom,  #dddddd 1%,#f5f5f5 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#dddddd', endColorstr='#f5f5f5',GradientType=0 ); /* IE6-9 */

width: 100%;
}




.middle-left-container{
height: 230px;
}

.trip-news-container{
/*background: #F5F5F5;*/
width: 100%;
}


.trip-box{
margin-top: 16px;
max-width: 380px;
padding: 0px 5px;
}

.news-box{
margin-top: 16px;
max-width: 380px;
padding: 0px 5px;
}
.latest-news-box {
margin-top: 16px;
width: 370px;
padding: 0px 5px;
}

@media (min-width : 375px ) and ( max-width : 979px ){
.latest-news-box {
margin-top: 16px;
width: 240px;
padding: 0px 5px;
}
}




.middle-right-container
{
/*height: 230px;*/
max-width: 380px;
}

.middle-content-bottom-container{
height: 101px;
width: 100%;
background: none repeat scroll 0 0 #fff;
/*margin-top: 24px;*/
background-color: transparent;
}


.middle-content-bottom-container img{
margin-left: 12px;
margin-top: 7px;
float: left
}

.middle-right-container{
float:right;
width: 100%;
}


.service-alerts{
margin-top: 16px;
height: 102px;
width:100%;
font-size: 11px;
}

.bottom-box{
width: 100%;
height: 71px;
margin: 15px 0px;
}

.bottom-box span.one-line{
padding: 27px 5px;
}

.bottom-box span.two-lines{
padding: 19px 5px;
}


.bottom-box span
{
font-size: 11px;
font-weight: bold;
line-height: 14px;
float: left;
color: #333333;
}

/*--------------------------FOOTER STYLES---------------------------*/

.footer-container
{
width: 100%;
height: 330px;
margin-top: 25px;

}


.footer-container li{
font-size: 11px;
color: #999999;
}

.footer-nav
{
padding: 0px;
margin: 0px;
}

.footer-nav li
{
list-style-type: none;
}

.footer-nav, footer-nav h3
{
}

.footer-piece
{
margin-left: 10px;
margin-right: 10px;
}

.footer-piece h6
{
white-space:nowrap;
}

.footer-piece ul
{
}

.footer-piece ul li
{
font-size:14px;
color: #6c6c6c;
}

.footer-piece ul li a
{
font-size:14px;
color: #0270c7;
}





.footer-container ul li a
{
}

.footer-container ul li a:hover
{
color: #000000;
}

.footer-text
{
width: 100%;
margin-left: 10px;
margin-right: 10px;
}

.footer-text p
{
color: #868687;
font-size: 10px;
line-height: 15px;
}

.mailing-list{

background: #00aeef;
padding:15px;
margin-left: 15px;
border-radius: 12px;
}

.mailing-list .form-search{
padding-top: 12px;
padding-left: 26px;
}

.mailing-list h6{
color: #fff;
padding-bottom: 10px;
}

.footer-copyright{
padding-top: 25px;
}

.footer-copyright p{
color: #999999;
font-size: 11px;
}


/*--------------------------VOTRAN STYLES---------------------------*/

/*.container, .navbar-static-top .container, .navbar-fixed-top .container, .navbar-fixed-bottom .container {
width: 960px;
}

.navbar-static-top .container, .navbar-fixed-top .container, .navbar-fixed-bottom .container {
width: 960px;
}*/



.rightColumn{
margin-top: 80px;
margin-left: 10px;
}

.right-content ul li{
 background: url("/core/fileparse.php/5141/urlt/../img/default-bullet.gif") no-repeat scroll 0 8px transparent;
    padding-left: 15px;
color: #063654;
font-size: 13px;
margin-bottom: 5px;
list-style: disc;
}

.right-content .calendar ul{
margin:0;
}

.right-content .calendar ul li{
background:none;
    padding-left: 0;
}

.accordion-heading .accordion-toggle {
    display: block;
    padding: 10px 15px !important; 
}

.accordion-group {
    background: none repeat scroll 0 0 #F7F7F7;
   border: 1px solid #E5E5E5 !important;
    border-radius: 4px 4px 4px 4px;
    margin-bottom: 2px;
}

.accordion-inner {
    background: none repeat scroll 0 0 #FFFFFF;
    border: 1px solid #E5E5E5;
    padding: 9px 15px;
}



.mailing-list input[type=text]{
width:130px;
margin-bottom:0;
}

.mailButton{
color:#00aeef;
background:fff;
font-size:11px;
}

#main-content
{
}

.accordion-heading h2{
margin: 0px;
text-align: left;
border: none;

}


.accordion-heading h2 a{
font-size: 15px;
color: #004B85;
padding-top: 0px;
padding-bottom: 0px !important;
text-decoration: none;
border: none;
}

.tabsHeader{
color:#666666;
text-transform:uppercase;
}

.leftNav
{
/*background-color: #CCCCCC;*/
min-height: 10px;
margin-top: 21px;
margin-bottom: 21px;
}

.blueBullets{
list-style:none;
margin:0;
padding:0;
}
 
.blueBullets li{
padding-left:15px;
background: url("/resources/img/arrow.png") no-repeat 2px 7px;
}

.blueBullets li a{
    display: block;
    font-size: 14px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: normal;
}

.pinkBullet{

color:#ec008c;
text-align: center; 
}

.right-content
{
min-height: 10px;
padding: 20px 15px;
}

.right-content p{
font-size: 13px;
}





.right-content ol li{

font-size: 13px;
margin-bottom: 10px;
}

.news-repeat-h2{
font-size: 20px;
}

table{
border: #999999;
}

table tr td{
padding-left: 10px;
padding-top: 10px;

}

.nav
{
float: right;
}

.tabbable .nav-tabs
{
float: none;
border:0;
margin:0;
margin-top:10px;
}

.tabbable .tab-content{
background:#fff;
padding:15px;
height: 121px;
}

.tabbable .nav-tabs li a
{
font-size: 12px;
font-weight: 600;
text-transform:uppercase;
border-radius:0;
border:none;
padding:8px 9px;
}

.tabbable .nav-tabs li.active a
{
border:none;
}

.navbar
{
margin-bottom: 0px;
}

.navbar-inner
{
background: none;
border: none;
min-height: 44px;
padding-right: none;
}

#subMenu
{
}

#subMenu ul
{
margin: 0px;
}

#subMenu ul li
{
list-style-type: none;
}

#subMenu ul li a 
{
width: 90%;
display: block;
padding-left: 10px;
padding-top: 5px;
padding-bottom: 5px;
text-decoration: none;
background-color: #FFFFFF;
border-bottom: 1px solid #CCCCCC;
color: #666666;
font-size: 14px;
}

#subMenu ul li a:hover
{
text-decoration: underline;
}

#subMenu ul li a.subMenuHighlight
{
background-color: #063654;
color: #FFFFFF;
}

.shadow-span
{
width: 100%;
-webkit-box-shadow: 0px 10px 6px rgba(196, 196, 196, 0.5);
-moz-box-shadow:    0px 10px 6px rgba(196, 196, 196, 0.5);
box-shadow:         0px 10px 6px rgba(196, 196, 196, 0.5);
margin-top: -20px;
}

.footer-content
{
padding-top: 10px;
padding-bottom: 25px;
}

.home-top
{
background: #FFFFFF;
/*margin-top: 26px;*/
padding: 6px;
}

.quick-link
{
/*background-image: url("/resources/img/quicklinks-bg.png");
background-repeat: no-repeat;*/
border: 2px solid #E0E0E0;
border-radius: 15px;
float: left;
width: 143px;
height: 98px;
margin-bottom: 10px;
}

.quick-link img 
{
float: left;
padding: 23px 0px;
padding-left: 10px;
}

.schedules-button
{
/*float: left;*/
}

.top-button-span
{
float: left !important;
width: 47% !important;
color: #157bee;
font-weight: bold;
font-size: 12px;
line-height: 13px;
padding-left: 8px !important;
}

.quick-links
{
padding-left: 9px;
}

.home-top-wrapper {
width: 100%;
background-image: url('/resources/img/pink-blue-bg.jpg');
background-repeat: no-repeat;
background-position: top center;
padding-top: 17px;
}

.search-wrapper
{
display: block;
}

.logo-wrapper
{
background: url('/resources/img/votran-content-back2.jpg') no-repeat;
width: 100%;
}

.nav-wrapper
{
background: #063654;
border-bottom: 5px solid #072a45;
}

.form-search
{
/*border: 1px solid #FFFFFF;*/
}

.form-search input
{
border-radius: 0;
}

.form-search button
{
border-radius: 0px;
background: #02498A;
border: none;
color: #FFFFFF;
margin: 0px;
margin-left: -4px;
}

.form-search button.btn
{
height: 30px;
border-radius: 0px !important;
}

/*.form-search button:hover
{
border-radius: 0px;
background: #02498A;
border: none;
color: #FFFFFF;
margin: 0px;
margin-left: -4px;
}*/

.lb-top
{
border-top: 5px solid #50C4FE;
}

.db-top
{
border-top: 5px solid #063654;
}

.pk-top
{
border-top: 5px solid #50C4FE;
}

.top-logo-button
{
/*margin-bottom: 30px;*/
border-left: 1px solid #DEDEDE;
border-top: 1px solid #DEDEDE;
border-right: 1px solid #DEDEDE;
border-bottom: 1px solid #DEDEDE;
padding-top: 15px;
}

.top-logo-button img
{
padding-bottom: 20px;
/*border-bottom: 1px solid #DEDEDE;*/
}

.bottom-logo-button
{
border-left: 1px solid #DEDEDE;
border-right: 1px solid #DEDEDE;
margin-left: 2px;
padding-top: 25px;
padding-bottom: 20px;
}

.top-bottom-wrapper
{
background-image: url("/resources/img/middle-box-gradient.jpg");
background-repeat: repeat-x;
background-size: auto 100%;
}

.side-menu-button
{
display: none;
}

.home-menu-button
{
display: none;
}

.menu-menu-button
{
display: none;
}

.no-left-nav
{
visibility: hidden !important;
display: none !important;
}

.hidden-mobile-bar
{
visibility: hidden;
display: none !important;
background: #333333;
}

.navbar-inner
{
padding: 0px;
min-height: 10px;
background: #2C2C2E;
border: none;
}

.navbar .nav > li > a {
padding: 4px 15px 3px;
}

.nav-search .popover.bottom
{
margin-left: -125px !important;
}

.nav-search .popover.bottom .arrow
{
margin-left: 97px !important;
}

#main-container {
width: 100%;
height: 100%;
}

/*----------------------------------------------J PANEL MENU----------------------------------------------*/

#jPanelMenu-menu
{
background-color: #FFFFFF;
}

#jPanelMenu-menu ul
{
margin-left: 0px;
}

#jPanelMenu-menu ul li
{
list-style-type: none;
}

#jPanelMenu-menu ul li a
{
float: left;
width: 100%;
padding-top: 10px;
padding-bottom: 10px;
padding-left: 16px;
border-bottom: 1px solid #CCCCCC;
color: #333333;
}

#jPanelMenu-menu ul li a:hover
{
text-decoration: underline;
/*background-color: #0088cc;
color: #063654;*/
}

.bbox-outer
{
}

.bbox
{
}

.block-button span.one-line
{
padding-top: 43px;
padding-bottom: 43px;
}

.block-button span.two-lines
{
padding-top: 36px;
padding-bottom: 36px;
}

.swipe {
  overflow: hidden;
  visibility: hidden;
  position: relative;
}
.swipe-wrap {
  overflow: hidden;
  position: relative;
}
.swipe-wrap > div {
  float:left;
  width:100%;
  position: relative;
}

#slider-arrow-left
{
width: 50px;
height: 50px;
position: absolute;
left: 0px;
top: 0px;
font-size: 53px;
cursor: pointer;
margin: 16% 10px;
color: #FFFFFF;
}

#slider-arrow-right
{
width: 50px;
height: 50px;
position: absolute;
right: 0px;
top: 0px;
font-size: 53px;
cursor: pointer;
margin: 16% 10px;
color: #FFFFFF;
}

.sliderText
{
position: absolute;
width: 100%;
bottom: 0px;
padding-left: 10px;
}

.sliderTextInner
{
}

.sliderTextInner h3
{
color: #FFFFFF;
}

.sliderTextInner p
{
color: #FFFFFF;
}

.home-links
{
color: #004b85;
}

.nav > li > a:hover, .nav > li > a:focus
{
background-color: #FFFFFF;
}



.filegroup ul li {
background: none;
    background-position: 0 7px;
    background-repeat: no-repeat;
    display: inline;
    font-family: Arial,Helvetica,sans-serif;
    font-size: 12px;
    line-height: 15px;
    padding: 0 0 0 5px;
}


.filegroup ul li a {
    font-family: Arial,Helvetica,sans-serif;
    font-size: 12px;
    text-decoration: none;
font-weight: bold;
}

.filegroup ul {
    list-style: none outside none;
    margin: 5px 5px 5px 0;
    padding: 3px 0;
}

ul.nav-pills
{
margin: -2px 0 15px 25px;
}

.accordion-heading a
{
color: #004885 !important;
}

.accordion-heading a:hover
{
color: #FFFFFF !important;
}

.accordion-heading.active a
{
color: #FFFFFF !important;
}

.accordion-heading h2
{
font-size: 1.11em;
padding: 0px;
margin: 0px;
}

.accordion-heading
{
/*background-color: #063654;*/
background-color: #FFFFFF;
background-image: url("/resources/img/arrow_right-blue2.png");
background-repeat: no-repeat;
background-position: 97%;
}

.accordion-heading:hover
{
background-color: #00AEEF;
background-image: url("/resources/img/arrow_right.png");
}

.accordion-heading.active
{
background-color: #00AEEF;
background-image: url("/resources/img/arrow_down.png");
background-repeat: no-repeat;
background-position: 97%;
}

.news-p{
font-size: 13px;

}



/*---------------------------------------------DROP DOWNS----------------------------------------------*/

/*#mega-menu
{
z-index: 10000;
}

#mega-menu ul ul
{
}

#mega-menu ul:hover ul
{
visibility: visible;
display: block;
}*/





/*--------------------------------------------DEDICATED LEFT NAV----------------------------------------*/
.dedicated-left-nav
{
background: #063654;
padding: 7%;
width: 80%;
}

@media (min-width : 200px ) and ( max-width : 767px ){
.dedicated-left-nav {
display: none; }

.slider img {
    margin-top: 0px;
}


}




.dedicated-left-nav h4
{
color: #FFFFFF;
margin-bottom: 10px;
}

.dedicated-left-nav ul
{
margin: 0px;
}

.dedicated-left-nav ul li
{
list-style-type: none;
}

.dedicated-left-nav ul li a
{
}

.dedicated-left-nav ul li a:hover
{
color:#ffffff;
}

.tableDiv
{
max-width: 826px;
overflow-y: auto;
}

/*--------------------------------------------Google Translate----------------------------------------*/
.footer-translate {
  padding-bottom: 10px;  
}
.footer-translate h6 {
  float: left;  
}
.footer-translate #google_translate_element {
  float: left;
  margin-left: 10px;
}
.goog-te-gadget {
	font-size: 0px !important;
}
.goog-te-gadget span {
	display: none !important;
}
.goog-te-gadget img {
	display: none !important;
}
.translate-heading {
	margin-right: 10px !important;
}
.translate-wrapper {
	display: flex;
    align-items: center;
}
@media (min-width: 768px) {
.translate-heading {
	color: #fff;
}
.translate-row {
	position: relative;
}
.translate-wrapper {
	position: absolute;
    top: 10px;
    right: 10px;
}
}

/*--------------------------NEWS STYLES---------------------------*/

.news-releases h2{
border-bottom: unset;
margin-bottom: unset;
}