/* Move down content because we have a fixed navbar that is 50px tall */
html {
	position: relative;
	min-height: 100%;
	width: 100%;
	overflow-x: hidden;
}
body {
  font-family: 'Open Sans', Arial, sans-serif;
  text-shadow: none;
  padding-top: 125px;
  padding-bottom: 50px;
  margin-bottom:  340px !important;
  overflow-x: hidden;
  width:100%;
}
body.search {
	width: 100%;
	height: auto;
}
.navbar-fixed-bottom .navbar-collapse, .navbar-fixed-top .navbar-collapse, .navbar-static-top .navbar-collapse{
    padding-right: 15px;
    padding-top: 19px
}
.container-fluid{
	padding: 0;
	margin: 0;
}
.navbar-header{
	background-color: #ffffff;
	/*padding-bottom: 15px;
	padding-top: 10px;*/
	margin-bottom: 0;
}
.navbar-search {
	padding-top: 12px;
	margin-left: 40px;
}

.search-input{
	border: 1px solid #fff; 
	width: 170px;
	height: 35px;
	padding-left: 5px;
}

.search-input:focus{
	outline: none;
	box-shadow: 0 0 3px rgba(181, 215, 232, 2);
}
.search-submit{
	border:none;
	background-color: transparent;
	color: #003d75;
	font-weight: bold;
}
input:-webkit-autofill, textarea:-webkit-autofill, select:-webkit-autofill {
    background-color: rgb(238,238,238) !important;
}
.no-results-search {
	background-color: #f3f3f3;
	padding: 20px 10px;
}
.no-results-search img{
	float: left;
	margin-right: 20px;
}
.no-results-search h3{
	color: #003e78;
    font-weight: bold;
}
.title-search-results{
	color: #003e78;
	font-weight: bold;
	margin-top: 9px;
	background-color: #f3f3f3;
	padding: 20px 10px;
}
.search-results-list{
	padding-left: 0;
	margin-top: 25px;
}
.search-results-list li{
	list-style-type: none;
	font-weight: bold;
	padding-left: 10px;
	padding-right: 10px;
}
.search-results-list li a{
	color: #333;
}
.search-results-list li a:hover{
	color: #003e78;
	text-decoration: none;
}
.search-results-list hr{
	margin-top: 15px !important;
	margin-bottom: 15px !important;
}
.navbar-language{
	margin-top: 5px;
	padding-top: 10px;
	margin-right: 25px;
	margin-left: 40px;
}
.navbar-language ul{
	padding-left: 0;
}
.navbar-language img {
	width: 20px;
	height: 15px;
	margin-right: 3px;
	filter: gray; 
	filter: grayscale(1);
	-webkit-filter: grayscale(100%); 
	filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale"); /* Firefox 3.5+ */
}
.navbar-language img:hover{
	filter: none; 
	-webkit-filter: grayscale(0%); 
}
.language-chooser .active a img{
	filter: none; 
	-webkit-filter: grayscale(0%); 
}

.navbar-language ul {
	list-style-type: none;
}

.navbar-language ul li {
	display: inline;
}

.navbar-toggle .icon-bar{
  background-color: #003d75;
}
.bt-line{
	padding-top: 10px;
	padding-bottom: 10px;
	background: #f1f1f1;
}
.activeMenu {

	background-color: #e3e3e3 !important;
	text-decoration: none !important;
	padding: 10px 20px 10px 20px;
}

#logo {
	max-width: 210px;
	height: auto;
	display: block;
	margin: 0 auto;
	padding: 8px;
}

.main-menu {
	margin-top: 0;
}
.main-menu li{
	list-style-type: none;
}

.main-menu a{
	color: #003d75;
	font-weight: bold;
	text-transform: uppercase;
	padding: 10px 20px 10px 20px;
}

.main-menu a:link{
	text-decoration: none;
}

.main-menu a:visited{
	text-decoration: none;
}

.main-menu a:hover{
	background-color: #e3e3e3;
	text-decoration: none;
}

.main-menu a:active{
	background-color: #e3e3e3;
	text-decoration: none;
}

.submenu {
	text-transform: none;
	text-align: center;
	min-width: 100vw;
	height: 30px;
	margin-top: 0px;
	background-color: #b5d7e8;
	border:none;
	border-radius: 0px;
	box-shadow: none;
	font-weight: bold;
	padding-top: 4px;
	left: -19%;
	top:113%;
}

.submenu a {
	padding-bottom: 5px;
	color: #FFFFFF;
	text-transform: none;
	font-weight: bold;
}

.submenu a:hover{
	color: #003d75;
	background: none;
	border-bottom: solid 4px;
	border-color: #003e78;
}

.see-all a{
	color: #003d75;
}

.carousel {
	height: 80%;
}

.carousel-caption h1{
	font-size: 5em;
}

.carousel .item {
 	height: auto;
}
.carousel-inner > .item > img {
	top: 0;
	left: 0;
	min-width: 100%;
	min-height: auto;
}
.all-news{
	margin-bottom: 30px;
}
.news-list-title{
	border: 1px solid #eee;
    padding: 10px;
    min-height: 70px;
    margin-top: 0 !important;
    line-height: 1.5;
    font-weight: bold;
    font-size: 14px;
    color: #333;
}
.all-news a:hover{
	text-decoration: none !important;
}
.all-news a:hover .news-list-title{
	color: #003e78;
}
.cbus-post-list {
	background-color: #f3f3f3; 
	margin-left: 15px;
	margin-bottom: 25px;
}
.archive-news{
	font-weight: bold;
    text-transform: uppercase;
    color: #003e78;
    padding: 10px;
    margin-top: 0;
    font-size: 20px !important;
}
.cbus-post-list ul li a:hover{
	text-decoration: none !important;
	color: #003e78;
}
.cbus-post-list label{
	display: none;
}
.cbus-post-list select{
	margin-left: 10px !important;
	margin-bottom: 15px !important;
	width: 90% !important;
	line-height: 1.5 !important;
	border: 1px solid #ccc !important;
	box-shadow: none !important;
}
.cbus-post-list select option{
	padding: 6px 12px !important;
}
.cbus-post-list ul {
	list-style-type: none;
	padding-left: 0px;
}
.cbus-post-list li {
	padding:10px;
	margin-bottom: 7px;
	border-bottom: 2px solid #fff;
}
.cbus-post-list li a {
	color: #333;
	text-decoration: none;
}
.cbus-post-list li a:hover{
	text-decoration: underline;
}
.current-post {
	font-weight: bold;
}

.image-sections{
	padding: 25px 20px 0 20px;
	background-color: #b5d7e8;
}
.image-sections ul{
	list-style-type: none;
	padding: 0 !important;
}
.image-sections ul li{
	list-style-type: none;
}
.image-sections img{
	height: auto;
	margin-left: 0;
	margin-right: 0;
	width: 100%;
}
.word-sections-h3{
	font-size: 1.1em;
	font-weight: bold;
	margin-top: 10px !important;
}
.word-sections{
	color:#003d75; 
	text-align: right; 
	text-transform: uppercase; 
	background-color: #fff;
	padding: 7px 0 15px 0;
}
.word-sections .glyphicon-chevron-right{
	float: right;
	padding: 0 15px;
	font-size: 1.1em;
	color: #6e7070;
}

.word-sections a{
	color: #003d75;
}
.word-sections:hover{
	color: #003d75;
	text-decoration: none;
}
.margin-bottom {
	margin-bottom: 35px;
}
.success-message {
	font-weight: bold;
	font-size: 16px;
}
.footer {
	position: absolute;
	bottom: 0;
	width: 100%;
	background-color: #e3e3e3;
	color: #6e7070;
	font-size: 12px;
	height:340px; 
	padding-top: 0px;
	line-height: 1.6em;
}

.footer ul{
	list-style-type: none;
	margin-bottom: 0 !important;
}

.footer a{
	color: #6e7070;
}

.footer a:hover{
	color: #6e7070;
	text-decoration: underline;
}
.socialnetworks {
	height:25px; 
	width:25px; 
}
.enews-sub{
	height: 60px; 
	color: #6e7070; 
	padding: 15px 15px 0 15px;
}
.enews-sub h5{
	text-align: right; 
	font-weight: bold;
}
.enews-sub input{
	border: 1px solid #b5d7e8; 
	border-radius: 0; 
	box-shadow: none;
}
.enews-sub button{
	border: none; 
	background-color: #b5d7e8; 
	color: #003d75; 
	font-weight: bold; 
	width: 100%;
}
.enews-sub button:hover{
	background-color: #003d75; 
	color: #fff; 
}

.textbox h3, .textbox h2, .textbox h1, #ourhistory h1{
	font-size: 24px;
}
.textbox{
	padding-bottom: 20px;
}

.textbox h5, .textbox h4, .textbox h3, .textbox h2, .textbox h1{
	font-weight: bold;
	text-transform: uppercase;
	color: #003e78;
}

.topbanner{
	padding-bottom: 15px;
}
.mainHeader {
	padding-bottom: 0 !important;
}
#timeline {
	position: relative;
	margin-bottom: 20px;
}
.timelineBar {
    width: 8px;
    background-color: #003e78;
    position: absolute;
    height: 100%;
    left: 50%;
    margin-left: 10px;
    margin-right: 10px;
}

.shadowBoxright img{
	float: left;
    margin-left: 65px;
    margin-top: -10px;
    height: 100px;
    width: 100px;
}

.shadowBoxright p{
	float: left;
    margin-left: 180px;
	margin-top: -100px; 
	height: auto;
    max-width: 250px;
}

.shadowBoxleft img{
	float: right;
	margin-top: 40px;
	margin-right: 40px;
    height: 100px;
    width: 100px;
}

.shadowBoxleft p{
	float: right;
	margin-top: 35px;
	margin-right: 20px;
	text-align: right;
	height: auto;
     max-width: 250px;
}

.timelineDotright{
    width: 20px;
    height: 20px;
    background-color: #ffffff;
    display: inline-block;
    position: relative;
    left: 50%;
    top: 50px;
    margin-left: 4px;
    border: 4px solid #003e78;
    border-radius: 15px;
}

.timelineDotright h2{
	margin-top: 0;
	margin-left: 24px; 
	font-weight: bold;
	color:#003e78;
	font-size: 14px !important;
}

.timelineDotleft{
    width: 20px;
    height: 20px;
    background-color: #ffffff;
    display: inline-block;
    position: relative;
    left: 50%;
    top: 100px;
    margin-left: 4px;
    border: 4px solid #003e78;
    border-radius: 15px;
}

.timelineDotleft h2{
	margin-top: 0px;
	margin-left: -50px;
	font-weight: bold;
	color:#003e78;
	font-size: 14px !important;
}

#ourhistory h1{
	color: #003e78;
	font-weight: bold;
	text-align: center;
	text-transform: uppercase;
}
.our-numbers-table{
	width: auto !important;
	margin-left: auto;
	margin-right: auto;
}
.our-numbers-table tbody>tr>td, .our-numbers-table>tbody>tr>th{
	border-top: none !important;
	text-align: center !important;
}
.our-numbers-table tbody>tr>td{
	font-size: 20px;
	font-weight: bold;
	vertical-align: middle !important;
}
.our-numbers-table>tbody>tr>th>h3{
	text-align: center;
	font-size: 35px;
	font-weight: bold;
	color: #b5d7e8;
}
.our-numbers-table>thead>tr th {
    border-bottom: none !important;
    border-right: 2px solid #fff !important;
    background-color: #b5d7e8;
    min-width: 165px !important;
    height: 100px !important;
    text-align: center;
}
.our-numbers-table .blank-cell{
	background-color: #fff !important;
	vertical-align: middle !important;
}

.our-numbers-h3{
	color: #fff !important;
	font-size: 14px !important;
}
.video-home{
	position: relative;
    padding-bottom: 57.75%;
    padding-top: 35px;
    height: 0;
    overflow: hidden;
}
.video-home iframe{
    position: absolute;
    top:0;
    left: 0;
    width: 100%;
    height: 100%;
}
.row-centered {
    text-align:center;
}
.col-centered {
    display:inline-block;
    float:none;
    text-align:left;
    margin-right:-4px;
}
.mobility-icons{
	max-width: 100px;
}
.panel-group{
	margin-bottom: 5px !important;
}
.panel-group .panel{
	border-radius: 0 !important;
	box-shadow: none !important;
	-webkit-box-shadow: none !important;
}
.panel-group .panel-heading+.panel-collapse>.list-group, .panel-group .panel-heading+.panel-collapse>.panel-body{
	border-top: none !important;
}

.panel-cbus .panel-heading h4 a:after {
    font-family:'Glyphicons Halflings';
    content:"\2212";
    float: left;
    padding: 3px;
    color: #003e78;
    margin-right: 10px;
    font-weight: normal;
}
.panel-cbus .panel-heading h4 a.collapsed:after {
    content:"\2b";
}
.panel-cbus-link .panel-heading a:after {
    font-family:'Glyphicons Halflings';
    float: left;
    padding: 3px;
    color: #003e78;
    margin-right: 10px;
    font-weight: normal;
    content:"\e164";
}
.panel-cbus-link .panel-heading a{
	color: #333 !important;
}
.panel-cbus .panel-title, .panel-cbus-link .panel-title{
	font-size: 14px;
	color: #333 !important;
}

.panel-cbus .panel-title a:focus, .panel-cbus .panel-title a:active, 
.panel-cbus .panel-heading a:hover, .panel-cbus-link .panel-heading a:hover{
	text-decoration: none !important;
	color: #0162a1 !important;
}
.panel-cbus .panel-title a:visited {
	text-decoration: none !important;
	color: #333 !important;
}
.panel-cbus .panel-heading, .panel-cbus-link .panel-heading{
	border-bottom: 1px solid #ccc !important;
}
.panel-cbus .panel-body{
	border: 1px solid #eee;
}
.product-header-1{
	text-align: center;
	color: #003d75;
	font-weight: bold;
	font-size:30px;
}
.product-header-2{
	text-align: center;
	font-weight: bold;
	font-size: 19px;
}
 .productsection h3{
	color: #003e78;
	font-weight: bold;
	text-align: center;
	text-transform: uppercase;
	font-size: 24px !important;
}
.portfolio-item img,
.portfolio-item-nl img {
	margin: 0 auto;
	padding-bottom: 30px;
	z-index: 9000;
	opacity: 1;
}
.portfolio-item img:hover{
	opacity: 0.7;
}
.portfolio-item h4,
.portfolio-item-nl h4 {
	color: #666666;
	font-weight: bold;
	text-align: center;
	text-transform: uppercase;
	font-size: 18px !important;
}
.details-bus-signature{ 
	font-weight:bold;
	font-size:19px;
}
.icon-nav{
	width: 24px;
	height: 24px;
}
.tabs-left .nav-tabs li{
  float: right;
  clear: both !important;
  z-index: 9999;
  border-bottom: none;
}
.tabs-text1, .tabs-text2, .tabs-text3{
	opacity: 0;
	margin-left: 5px;
	position: absolute;
	transition: all 1.5s;
	-o-transition: all 1s;
	-moz-transition: all 0.5s;
	-webkit-transition: all 1.5s;
	top: 12px;
}
.tabs-left .nav-tabs li > a, .contactButton {
  width: 50px;
  margin-right: 0;
  margin-bottom: 3px;
  font-weight: bold;
  color:#ffffff;
}

.contactButton {
	padding:10px 15px;
}
.contactButton:hover {
	cursor: pointer;
}
.tabs-left .nav-tabs {
  float: right;
  margin-bottom: 1px;
  margin-right: 0;
  border-bottom: none;
}

.tabs-left .nav-tabs li img {
  margin-right: 10px;
}

.tabs-left .nav-tabs li a, .contactButton {
  margin-right: -1px;
  background-color: #6d92b0;
  border-radius: 0;
  transition: all 0.5s;
  -o-transition: all 0.5s;
  -moz-transition: all 0.5s;
  -webkit-transition: all 0.5s;
}

.contactText {
	width: 0px;
	padding: 20px;
	padding-top: 20px;
	padding-right: 0;
	padding-left: 15px;
	font-size: 11px;
	color: #6d92b0;
	background-color: #ecf0f1;
	opacity: 0;
	transition: all 0.5s;
	-o-transition: all 0.5s;
	-moz-transition: all 0.5s;
	-webkit-transition: all 0.5s;
}

.contactText a {
	color: #6d92b0 !important;
	font-weight: inherit !important;
	text-decoration: underline !important;
	background-color: #ecf0f1 !important;
}

.closeContact {
	width: 100%;
	text-align: right;
	padding-right: 20px;
	padding-left: 0;
	padding-top: 10px;
	font-size: 15px !important;
	font-weight: bold;
}
#close-contact{
	z-index: 10000;
	padding: 10px 0 10px 15px;
	cursor: pointer;
	height: 40px;
	margin-top: -40px;
}
#close-contact .glyphicon-chevron-right{
	float: right;
	padding-right: 5px;
	color: #eee;
	margin-top: -3px;
}

.tabs-left .nav-tabs li a:visited,
.tabs-left .nav-tabs li a:link,
.tabs-left .nav-tabs li a:active,
.tabs-left .nav-tabs li a:focus {
	background-color: #6d92b0;
	border:none;
	font-weight: bold;
  	color:#ffffff;
}

/*#contact:hover {
	background-color: #6d92b0;
	border:none;
	font-weight: bold;
  	color:#ffffff;
  	width: 200px;
}*/

.nav-tabs.affix{
	top:50%;
	right: 0;
}
.historic-product .textbox{
	max-width: 335px;
}
.historic-product img{
	padding-bottom: 10px;
	max-width: 335px;
	max-height: auto;
}
.historic-product img:hover{
	opacity: 1;
}

.subsubmenu{
	min-width: 100%;
	height: 40px;
	background-color: #003d75;
	font-size: 13px;
	text-align: center;
	z-index: 10000;
}

.subsubmenu a, .subsubmenu a:visited{
	color: #FFFFFF;
	font-weight: bold;
	text-transform: none;
	position: relative;
	top: 10px;
	padding-right: 40px;
	padding-left: 40px;
	padding-bottom: 9px;
}

.subsubmenu a:hover, .subsubmenu a:active, .subsubmenu a:focus {
	color:#b5d7e8;
	background: none;
	text-decoration: none;
	border-bottom: solid 4px;
	border-color: #b5d7e8; 
}

.subsubmenu.affix{
   top:130px;
   left:0;
   right: 0;
}

#productname {
	text-transform: uppercase;
	color: #FFFFFF;
	font-weight: bold;
	font-size: 12px;
	float: left;
	margin-top: 10px;
	margin-left: 5px;
}
.go-to-external{
	margin-top: 20px;
}
.backproducts, .backproducts-2{
	float: right;
}

.backproducts a, .backproducts-2 a{
	font-size: 12px;
	color: #ffffff;
	text-align: right;
	font-weight: normal;
	padding-top: 20px;
	padding-bottom: 14px;
}

.backproducts img, .backproducts-2 img{
	width: 14px;
	height: auto;
	padding-bottom: 3px;
}

.backproducts a:hover, .backproducts-2 a:hover{
	border-bottom: none !important;
}

.anchortitles, .anchortitles a{
	text-align: center;
	text-transform: uppercase;
	color: #003d75;
	font-weight: bold;
	text-decoration: none;
	margin-top: 25px;
	margin-bottom: 15px;
	font-size: 20px;
}
.details h3{
	text-transform: uppercase;
	color:#003d75;
	font-weight: bold; 
	padding-top: 15px;
	font-size: 16px;
}
.product-characteristcs-highlight{
	font-size: 17px !important;
	font-weight: bold !important;
	color:#333 !important;
	text-transform: none !important;
}
.product-specifications{
	margin-bottom: 20px;
}
.product-specifications, .product-specifications th, .product-specifications td{
	border: 3px solid #fff;
	padding: 8px;
	vertical-align: middle;
}
.product-specifications th{
	background:#b5d7e8; 
}
.product-specifications td{
	background:#f3f3f3;
}
.product-specifications th h5{
	padding-top: 0 !important;
	margin: 0 !important;
}
.thumbnail{
	border: none;
}
.contact{
	padding-bottom: 20px;
}
.contact h1, .contact h2 {
	font-weight: bold;
	text-transform: uppercase;
	color: #003e78;
}
.contact h1{
	font-size: 24px !important;
}
.contact h2{
	font-size: 16px !important;
}
.contact h3{
	font-size: 14px !important;
	font-weight: bold;
}
.contact h4{
	font-size: 14px !important;
}
.contact p{
	width: 450px;
}
.contact input, .contact textarea{
	border: 1px solid #b5d7e8; 
	border-radius: 0;
	box-shadow: none;
}
.contact input:focus{
	outline: none;
	box-shadow: 0 0 3px rgba(181, 215, 232, 2);
	height: 35px;
}
.contact button{
	height: 40px;
	width: 100px;
	border:none;
	background-color: #003d75;
	color: #ffffff;
	font-weight: bold;
	margin-bottom: 20px;
}
.contact button:hover{
	border: solid 2px #003d75;
	background-color: #ffffff;
	color: #003d75;
	font-weight: bold;
}
.contact-google-maps {
	padding-left:0px!important;
	padding-right:30px!important;
}
#map-canvas {
	width: 100%;
	height: 400px;
}
.title-media-news{
	color: #003e78;
    font-weight: bold;
    text-transform: uppercase;
    margin-bottom: 20px;
    font-size: 24px;
}
.title-media-news a{
	color:#fff;
	background-color: #003e78;
	padding: 1px 10px;
	font-weight: bold;
    text-transform: uppercase;
    margin-bottom: 20px;
    font-size: 24px;
}
.title-media-news a:hover, .title-media-news a:active, .title-media-news a:focus{
	text-decoration: none;
}
.detail-news-title{
	font-size: 24px !important;
	font-weight: bold;
	color: #333 !important;
	text-transform: none !important;
	line-height: 1.4em;
}
.newsdetail-header h1 {
	text-align: left;
	margin-bottom: 20px;
}
.archive-date-title{
	font-weight: bold;
	color: #6e7070;
	text-transform: uppercase;
}
#erromsg {
	color: #f00;
	margin: 7px 0px;
	display: none;
}

.archive-news li{
	padding-left: 15px;
}
::-webkit-scrollbar-button{
	display: none;
}
.custom-pagination{
	margin-left: 15px;
	margin-bottom: 15px;
}
.custom-pagination .page-num{
	color: #999;
	margin-right: 20px;
}
.custom-pagination .current{
	background: #eee;
	padding: 5px 10px;
}
.custom-pagination a.page-numbers{
	padding: 5px 10px;
	border: 1px solid #eee;
	color: #003e78;
}
.custom-pagination a.page-numbers:hover{
	text-decoration: none;
	border: 1px solid #b5d7e8;
}
.custom-pagination a.next, .custom-pagination a.prev{
	padding: 4px 8px;
	border: none !important;
	color: #003e78;
	font-weight: bold;
}
.custom-pagination a.next:hover, .custom-pagination a.prev:hover{
	color: #b5d7e8;
	text-decoration: none;
}

.pressKit-post{
	width: 85%;
	height: auto;
}

.pressKit-post h2{
    font-weight: bold;
    text-transform: uppercase;
    color: #003e78;
    font-size: 14px !important;
}
.pressKit-post a{
    color: #333;
}

.pressKit-post a:hover{
    text-decoration: none;
}
.pressKit-post a:hover img{
    opacity: 0.7;
}
.pressKit-post a .download{
	display: none;
}
.pressKit-post a:hover .download{
    display: block;
    width: 50px;
    z-index: 1000;
    position: absolute;
    margin: 0;
    opacity: 1;
}
.where-map{
	position: relative;
	width: 100%;
}
#map img, #map-mob img {
	border: none;
	height: auto;
	max-width: 100%;
	width: auto;
}
#pt-target, #uk-target, #mr-target, #de-target, #ch-target,
#pt-target-2, #de-target-2, #nl, #fl, #at{
	cursor: pointer;
}
.country-text{
	position: absolute;
	display: none;
	border: solid 3px #80CBDF;
	border-radius: 2px;
	padding: 10px;
	background-color: rgba(255,255,255,0.7);
	text-align: center;
	color: #003e78;
}
.country-text .country-name-map{
	font-size: 15px;
	font-weight: bold;
	text-transform: uppercase;
}
.country-text .ecobus-name-map{
	font-size: 15px;
	font-weight: bold;
}
.country-text .city-name-map{
	font-size: 13px;
	font-weight: bold;
}
.country-text .desc-name-map{
	font-size: 12px;
}
#pt, #uk, #de, #mr, #ch, #pt-2, #de-2, #nl, #fl, #at{
	top:20px;
	left:20px;
}
.bus-family-name{
	height: 120px;
}
.not-found-icon{
	margin-top: 5%;
}
.not-found-title{
	margin-top:2%; 
	font-weight: bold; 
	font-size:30px; 
	text-align:center;
}
.bg-light{
	background-color: #f1f1f1 !important;
	padding: 10px;
}
.mx-auto{
	margin: 0 auto;
}
.d-flex{
	display: flex;
	-ms-flex-pack: end!important;
	justify-content: flex-end!important;
}
@media (min-width: 992px) and (max-width: 1210px){
	#logo {
		margin-top: 0;
		float: left;
		width: 200px;
		height: auto;
	}
	.main-menu a{
		color: #003d75;
		font-weight: bold;
		text-transform: uppercase;
		padding: 10px 10px 10px 10px;
	}
	.submenu a {
		padding-bottom: 5px;
		color: #FFFFFF;
		text-transform: none;
		font-weight: bold;
	}
	.subsubmenu a, .subsubmenu a:visited{
		color: #FFFFFF;
		font-weight: bold;
		text-transform: none;
		position: relative;
		top: 10px;
		padding-right: 15px;
		padding-left: 15px;
		padding-bottom: 9px;
	}

	.subsubmenu a:hover{
		color: #b5d7e8;
	}

	.backproducts a:hover{
		color: #b5d7e8;
	}
	.contact input, .contact textarea{
		width: 400px;
	}

	.contact p{
		width: 400px;
	}
}

@media (min-width: 768px) and (max-width: 992px){
	
	body{
		margin-bottom: 200px !important;
		padding-top: 40px;
	}

	.navbar-toggle {
        display: block;
        z-index: 1000;
    } 
    .navbar-collapse.collapse {
        display: none!important;
    }
    .navbar-nav .open .dropdown-menu{
		position: static;
	    float: none;
	    width: auto;
	    margin-top: 0;
	    background-color: transparent;
	    border: 0;
	    -webkit-box-shadow: none;
	    box-shadow: none;
	}
	.col-centered{
		display: block;
	}
	.navbar-fixed-bottom .navbar-collapse, .navbar-fixed-top .navbar-collapse, .navbar-static-top .navbar-collapse{
		padding-right: 0;
		padding-top: 0; 
	}
	.navbar-header{
		padding-bottom: 0px;
	}
	#logo-mobile {
		padding-top: 7px;
		padding-bottom: 10px;
		width: 35%;
		height: auto;
	}
	.navbar-toggle .icon-bar{
		width: 35px;
	    margin-bottom: 6px;
	    height: 3px
	}
	.glyphicon-search{
		color: #003d75;
	    font-size: 30px;
	    padding-right: 30px;
	    padding-top: 5px;
	    text-align: center;
	}
	.mobile-search-box{
		padding-left: 20px;
	}
	.navbar-search-mobile{
		background-color: #b5d7e8;
		width: 100%;
		padding: 10px 10px 10px 10px;
		border-bottom: 4px solid #ffffff;
	}
	.mobile-search{
		width: 50%;
		height: 40px;
		border:none;
		padding-left: 10px;
		padding-right: 5px;
		margin-right: 5px;
	}
	.mobile-search:focus{
		outline: none;
		box-shadow: 0 0 3px rgba(181, 215, 232, 2);
	}
	#mobile-search-submit{
		height: 40px;
		width: 100px;
		border:none;
		background-color: #003d75;
		color: #ffffff;
		font-size: 16px;
	}
	.title-search-results{
		margin-top: 50px;
	}
	.navbar-fixed-top .navbar-collapse {
    	height: auto !important;
	}
	.mobile-menu-button{
		margin-left: 20px;
		top: 10px;
	}
	.mobile-menu-button:active{
		background-color: #e3e3e3;
	}
	.nav .open > a, .nav .open > a:focus, .nav .open > a:hover{
		background-color: #b5d7e8;
		text-decoration: none;
		border-bottom: 1px solid #ffffff;
	} 
	.nav > li > a{
		padding-left: 30px !important;
	}
	.nav > li > a:hover, .nav >li > a:focus{
		background-color: #b5d7e8;
		text-decoration: none;
	}
	.navbar-nav > li > a{
		height: 50px;
		padding-bottom: 10px;
		padding-top: 15px;
		vertical-align: middle;
	}
	.menu-mobile{
		margin:0 !important;
		height: 30px;
	}
	.menu-mobile a{
		color: #003d75;
		font-weight: bold;
		text-transform: uppercase;
		list-style-type: none;
	}
	.menu-mobile li{
		width: 100%;
		float: left;
		background-color: #b5d7e8;
		text-align: left;
		vertical-align: middle;
		border-bottom: 1px solid #ffffff;
	}
	.extra-mobilemenu{
		border-top: 4px solid #ffffff;
	}
	.extranet{
		border-bottom: none;
		text-transform: capitalize !important;
		float: right;
		padding-right: 30px !important;
		margin-bottom: 10px;
	}
	.navbar-nav .open .dropdown-menu .dropdown-header, .navbar-nav .open .dropdown-menu > li > a {
    	padding: 5px 15px 5px 15px;
	}
	.navbar-nav .open .dropdown-menu > li > a {
    	height: 50px;
    	padding-top: 15px;
    	width: 100%;
	}
	.submenu{
		padding-top: 0;
	}
	.submenu li{
		padding: 10px;
	}
	.submenu li > a{
		text-transform: none;
		min-width: 100%;
		background-color: #b5d7e8;
		border:none;
		border-radius: 0px;
		box-shadow: none;
		font-size: 13px;
		font-weight: bold;
		color: #FFFFFF;
		padding-bottom: 10px;
		padding-left: 40px;
		width: 100%;
		margin: 0 auto;
	}
	.submenu li > a:hover{
		color: #003d75;
		background: none;
		border-bottom: none;
		text-decoration: none !important;
	}
	.navbar-language{
		float: left;
	}
	.navbar-language ul{
		display: inline-flex;
		padding-left: 30px !important;
	}
	.navbar-language ul>li, .navbar-language ul>li>a{
		border: none;
	}
	.navbar-language ul>li>a>img{
		margin-right: 10px;
		width: 30px;
		height: 22px;
	}
	.topbanner, .carousel{
		margin-top: 6%;
	}
	.carousel-caption {
		left: 0 !important;
		right: 0 !important;
	}
	.image-sections .col-sm-4{
		padding-right: 5px !important;
		padding-left: 5px !important;
	}
	.timelineBar, .timelineDotright, .timelineDotleft {
	    left: 48%;
	}
	.shadowBoxright img{
		margin-left: 50px;
	}
	.shadowBoxright p{
		margin-top: 15px;
		margin-left: 50px;
	}
	.shadowBoxleft img{
		margin-right: 50px;
	}
	.shadowBoxleft p{
		margin-top: 15px;
		margin-right: 50px;
	}
	.timelineDotright h2{
		margin-left: 25px;
	}
	.timelineDotleft h2 {
		margin-left: -45px;
	}
	.our-numbers-table>tbody>tr>th{
		background-color: #b5d7e8;
	    min-width: 165px !important;
	    height: 100px !important;
	    border-bottom: 2px solid #fff;
	}
	.our-numbers-table>thead>tr> th {
		background-color: #fff;
		vertical-align: middle;
	}
	.our-numbers-table>thead>tr> th > h3{
		font-size: 35px !important;
		font-weight: bold;
		color: #b5d7e8 !important;
	}
	.where-map-tablet, .map-tablet{
		background: none no-repeat scroll 0 0;
		position: relative;
		width: 100%;
		height: 400px;
		overflow: auto;
		-ms-overflow-style: -ms-autohiding-scrollbar;
		-webkit-overflow-scrolling: touch;
	}
	.country-text{
		width: 170px;
	}
	#pt-tablet, #pt-2-tablet{
		left: 936px;
		top:372px;
	}
	#uk-tablet{
		left: 944px;
		top:212px;
	}
	#de-tablet, #de-2-tablet{
		left: 1035px;
		top:321px;
	}
	#mr-tablet{
		left: 935px;
		top:444px;
	}
	#ch-tablet{
		left:1597px;
		top:304px;
	}
	#de-2-tablet{
		left: 865px;
		top:171px;
	}
	#at-tablet{
		left: 1057px;
		top: 350px;
	}
	#nl-tablet{
		left: 820px;
		top: 232px;
	}
	#fl-tablet{
		left: 1099px;
		top: 264px;
	}
	.country-text-ch{
		left:1600;
		top:407;
	}
	.blank-cell img{
		width: 35%;
	}
	
	.subsubmenu.list-inline > li {
		padding-right: 0px;
		padding-left: 0px;
	}

	#productname{
		padding-top: 10px;
		width: 170px;
		height: auto;
		padding-right: 20px;
		padding-left: 10px;
	}
	.subsubmenu {
		min-width: 100%;
		height: auto;
		background-color: #003d75;
		font-size: 13px;
		text-align: left;
		padding-bottom: 10px;
		z-index: 100;
	}

	.subsubmenu a, .subsubmenu a:visited{
		display: block;
		text-align: center;
		color: #FFFFFF;
		font-weight: bold;
		text-transform: none;
		position: relative;
		padding-top: 10px;
		padding-right: 30px;
		padding-left: 30px;
		padding-bottom: 9px;
		margin: 0;
		width: 105px;
	}

	.subsubmenu a:active, .subsubmenu a:focus {
		color:#b5d7e8;
		background: none;
		text-decoration: none;
		border-bottom: solid 4px #b5d7e8;
	}

	.subsubmenu a:hover{
		border-bottom:none;
	}

	.backproducts a{
		border-right:none !important;
		width: auto;
		padding-left: 5px;
		padding-right: 5px;
	}
	.subsubmenu.affix{
	   top:85px;
	   left:0;
	   right: 0;
	}
	
	#address{
		color: #003e78;
		font-weight: bold;
		margin-left: 5px;
	}

	#socialicons img{
		float: right;
		margin-right: 10px;
		margin-bottom: 10px;
		width: 35px;
		height: 35px;
	}

	.contact{
		padding-left: 30px;
		padding-right: 10px;
		padding-bottom: 20px;
	}
	.contact input, .contact textarea{
		width: 340px;
	}
	.contact p{
		width: 340px;
	}
	.pressKit-post{
		margin-right: 5%;
	}
	.pressKit-post .textbox{
		margin: 0;
	}

	.pressKit-post a .download{
	    display: block;
	    width: 50px;
	    z-index: 1000;
	    position: absolute;
	    margin: 0;
	    opacity: 1;
	}
	.all-news{
		margin-bottom: 30px;
	}
	.cbus-post-list{
		margin-left: 0;
	}
	/*.news-without-pad{
		margin-top: 45px !important;
	}*/
	.bus-family-name{
		height: 75px;
	}
	.details, .description{
		margin-left: 20px;
		margin-right: 20px; 
	}
	.product-page{
		margin-left: 3%;
		margin-right: 3%;
	}
	.historic-product .textbox{
		max-width: 100%;
	}
	.ug-lightbox-top-panel{
		top: 8px !important;
	}
	.footer{
		height: 200px;
	}
	#address{
		padding-left: 15px;
	}
	#socialicons{
		padding-right: 15px;
	}
	.enews-sub h5{
		text-align: left; 
	}
	.not-found-icon{
		margin-top: 30%;
	}
	.word-sections .glyphicon-chevron-right{
		padding: 0;
		margin: -2px 5px 0 8px;
	}
	.historic-product > .textbox{
		padding-left: 15px;
	}

}
@media (max-width:767px){

	body{
		margin-bottom: 285px !important;
		padding-bottom: 25px;
	}
	nav{
		width: 100%;
	}
	.navbar-fixed-bottom .navbar-collapse, .navbar-fixed-top .navbar-collapse, .navbar-static-top .navbar-collapse{
		padding-right: 0;
		padding-top: 0;
	}
	.navbar-header{
		padding-bottom: 0px;
	}
	#logo-mobile {
		padding-top: 5px;
		width: 150px;
		height: auto;
	}
	.glyphicon-search{
		color: #003d75;
		font-size: 20px;
		padding-right: 15px;
		text-align: center;
	}
	.mobile-search-box{
		padding-left: 20px;
	}
	.navbar-search-mobile{
		margin-top: 15px;
		background-color: #b5d7e8;
		width: 100%;
		padding: 10px 10px 10px 10px;
		border-bottom: 4px solid #ffffff;
	}
	.mobile-search{
		width: 200px;
		height: 40px;
		border:none;
		padding-left: 10px;
	}
	.mobile-search:focus{
		outline: none;
		box-shadow: 0 0 3px rgba(181, 215, 232, 2);
	}
	#mobile-search-submit{
		height: 40px;
		width: 100px;
		border:none;
		background-color: #003d75;
		color: #ffffff;
		font-size: 16px;
	}
	body.search{
		padding-top: 50px !important;
	}
	.title-search-results{
		font-size: 20px;
		line-height: 26px;
	}
	.search-results-list {
	    margin-top: 12px;
	}
	.navbar-fixed-top .navbar-collapse {
    	 max-height: 520px;
	}
	.mobile-menu-button{
		margin-left: 15px;
	}
	.mobile-menu-button:active{
		background-color: #e3e3e3;
	}
	.nav .open > a, .nav .open > a:focus, .nav .open > a:hover{
		background-color: #b5d7e8;
		text-decoration: none;
		border-bottom: 1px solid #ffffff;
	} 
	.nav > li > a:hover, .nav >li > a:focus{
		background-color: #b5d7e8;
		text-decoration: none;
	}
	.navbar-nav > li > a{
		height: 50px;
		padding-bottom: 10px;
		padding-top: 15px;
		vertical-align: middle;
	}
	.menu-mobile{
		margin:0 !important;
		height: 30px;
	}
	.menu-mobile a{
		color: #003d75;
		font-weight: bold;
		text-transform: uppercase;
		list-style-type: none;
	}
	.menu-mobile li{
		width: 100%;
		float: left;
		background-color: #b5d7e8;
		text-align: left;
		vertical-align: middle;
		border-bottom: 1px solid #ffffff;
	}
	.extra-mobilemenu{
		border-top: 4px solid #ffffff;
	}
	.extranet{
		border-bottom: none;
		text-transform: capitalize !important;
		float: right;
		padding-right: 30px !important;
		margin-bottom: 10px;
	}
	.navbar-nav .open .dropdown-menu .dropdown-header, .navbar-nav .open .dropdown-menu > li > a {
    	padding: 5px 15px 5px 15px;
	}
	.navbar-nav .open .dropdown-menu > li > a {
    	height: 50px;
    	padding-top: 15px;
    	width: 100%;
	}
	.submenu{
		padding-top: 0;
	}
	.submenu li{
		padding: 10px;
	}
	.submenu li > a{
		text-transform: none;
		min-width: 100%;
		background-color: #b5d7e8;
		border:none;
		border-radius: 0px;
		box-shadow: none;
		font-size: 13px;
		font-weight: bold;
		color: #FFFFFF;
		padding-bottom: 10px;
		padding-left: 25px;
		width: 100%;
		margin: 0 auto;
	}
	.submenu li > a:hover{
		color: #003d75;
		background: none;
		border-bottom: none;
		text-decoration: none !important;
	}
	.navbar-language{
		float: left;
		margin-right: 0;
	}
	.navbar-language ul{
		display: inline-flex;
		padding-left: 15px;
	}
	.navbar-language ul>li, .navbar-language ul>li>a{
		border: none;
	}
	.navbar-language ul>li>a>img{
		margin-right: 10px;
		width: 30px;
		height: 22px;
	}

	.image-sections{
		background-color: #b5d7e8;
		padding: 20px 10px 0px 10px;
	}
	.image-sections ul{
		background-color: #fff;
		padding: 0 !important;
		display: inline-block;
		width: 100%;
	}
	.image-sections img {
		width: 48%;
		float: left;
		padding-right: 10px;
	}
	.video-hp .embed-responsive{
		float: left;
		height: 133px;
		padding: 0 10px 0 0 !important;
		width: 48%;
		overflow: initial !important;
	}
	.video-hp .embed-respo1nsive-4by3{
		padding-bottom: 0 !important;
	}
	.embed-responsive-item{
		position: relative !important;
	}
	.word-sections{
		text-align: left;
		font-size: 12px;
	}
	.word-sections .glyphicon-chevron-right{
		font-size: 12px;
		padding: 0 7px;
		float: right;
	}
	.carousel{
		min-width: 100%;
		height: auto;
	}
	.carousel-inner{
		margin-top: -65px;
	}

	.carousel-caption h1{
		font-size: 2.5em;
	}
	.carousel-caption h2{
		font-size: 1.5em;
	}

	.topbanner{
		margin-top: -55px;
		padding: 0;
	}

	.productsection h5 {
	    margin-top: 10px;
	}
	.product-page{
		margin-left: 5%;
		margin-right: 5%;
	}

	.partners{
		width: 80%;
		margin-bottom: 40px;
	}

	.portfolio-item h4 {
	    margin-top: 5px;
	}

	.portfolio-item img {
	    margin-bottom: 20px;
	}
	.textbox, .details, .description{
		margin-left: 20px;
		margin-right: 20px; 
	}
	.our-numbers-table>tbody>tr>th{
		background-color: #b5d7e8;
	    border-bottom: 2px solid #fff;
	}
	.our-numbers-table>thead>tr th {
		font-weight: bold;
		color: #b5d7e8;
		background-color: #fff;
		vertical-align: middle;
	}
	.mobility-icons{
		max-width: 75px;
		padding-right: 10px;
		padding-bottom: 25px;
		float: left;
	}
	

	.anchortitles {
	    color: #003d75;
	    font-weight: bold;
	    margin-bottom: 5px;
	    margin-top: 20px;
	    text-align: center;
	    text-decoration: none;
	    text-transform: uppercase;
	}
	.success-message{
		margin-top: 30px;
	}
	#address{
		color: #003e78;
		font-weight: bold;
		margin-top: 20px;
		text-align: center;
	}
	#socialicons{
		margin-left: auto;
		margin-right: auto;
		text-align: center;
	}
	#socialicons img{
		margin-right: 10px;
		margin-bottom: 10px;
		width: 35px;
		height: 35px;
	}
	.textbox h3, .textbox h2, .textbox h1, #ourhistory h1{
		font-size: 1.5em;
	}

	.timelineBar {
	    width: 8px;
	    max-height: auto;
	    background-color: #003e78;
	    display: inline-block;
	    left:-12px;
	}

	.shadowBoxright img, .shadowBoxleft img{
		float: left;
	    margin-left: 65px;
	    margin-right: 0px;
	    margin-top: -5px;
	    height: 100px;
	    width: 100px;
	}

	.shadowBoxright p, .shadowBoxleft p{
	    margin-left: 65px;
		margin-top: 0px; 
		margin-right: 0px;
		height: auto;
		width: auto;
	    max-width: 300px;
	    text-align: left;
	    float: left;
	}

	.timelineDotright, .timelineDotleft {
	    width: 20px;
	    height: 20px;
	    background-color: #ffffff;
	    display: inline-block;
	    position: relative;
	    left: -28px;
	    top: 50px;
	    border: 4px solid #003e78;
	    border-radius: 15px;
	}
	.timelineDotright h2, .timelineDotleft h2{
		margin-top: -3px;
		margin-left: 24px;
		font-weight: bold;
		color:#003e78;
	}
	.year-our-numbers-xs{
		background-color: #fff;
		text-align: center;
		height: 50px;
	}
	.year-our-numbers-xs img{
		height: 40px;
	}
	.year-data-our-numbers-xs h3{
	    color: #b5d7e8;
	    font-size: 20px;
	    text-align: center;
	    font-weight: bold;
	}
	.header-our-numbers-xs{
		text-align: center;
		background-color: #b5d7e8;
		color: #fff;
		padding: 10px;
	}
	.header-our-numbers-xs img{
		width: 50%;
	}
	.data-our-numbers-xs{
		text-align: center;
		padding: 25px 10px;
		font-weight: bold;
		font-size: 15px;
	}
	.our-numbers-h3{
		color: #fff;
		font-size: 12px !important;
	}
	.where-map-phone, .map-mobile{
		background: none no-repeat scroll 0 0;
		position: relative;
		width: 100%;
		height: 400px;
		overflow: auto;
		-ms-overflow-style: -ms-autohiding-scrollbar;
		-webkit-overflow-scrolling: touch;
	}
	.country-text{
		width: 158px;
	}
	#pt-phone, #pt-2-phone{
		left: 926px;
		top:386px;
	}
	#uk-phone{
		left: 944px;
		top:212px;
	}
	#de-phone{
		left: 1035px;
		top:321px;
	}
	#mr-phone{
		left: 935px;
		top:444px;
	}
	#ch-phone{
		left:1597px;
		top:304px;
	}
	#de-2-phone{
		left: 874px;
		top:169px;
	}
	#at-phone{
		left: 1022px;
		top: 371px;
	}
	#nl-phone{
		left: 843px;
		top: 232px;
	}
	#fl-phone{
		left: 925px;
		top: 190px;
	}

	.pressKit-post{
		margin-left: 5%;
		margin-right: 5%;
	}
	.pressKit-post h3{
		padding-top: 0px;
		padding-bottom: 15px;
	}
	.pressKit-post .textbox{
		margin: 0;
	}
	.pressKit-post a .download{
	    display: block;
	    width: 50px;
	    z-index: 1000;
	    position: absolute;
	    margin: 0;
	    opacity: 1;
	}
	.all-news-page{
		margin: 15px 15px 0 15px;
	}
	.title-media-news, .archive-date-title{
		margin-left: 15px;
	}
	.cbus-post-list{
		margin-left: 15px;
		margin-right: 15px;
	}
	.news-without-pad{
		margin-top: -15px !important;
	}
	.detail-news-title{
		font-size: 25px !important;
	}
	.contact{
		padding-left: 20px;
		padding-right: 20px;
		padding-bottom: 20px;
		margin-top: -40px;
	}
	.contact input, .contact textarea{
		max-width: 100%;
	}

	.contact p{
		max-width: 100%;
	}

	.intro-contact{
		margin-top: 65px;
	}

	.sede{
		margin-bottom: 15px;
	}

	.contact-google-maps {
		padding-left:15px!important;
		padding-right:20px!important;
	}
	#map-canvas {
		width: 100%;
		height: 400px;
	}

	.bus-family-name{
		height: 40px;
	}
	.ug-lightbox-top-panel, .ug-gallery-wrapper .ug-lightbox-button-close{
		top: 4% !important;
	}
	.ug-lightbox .ug-lightbox-numbers{
		top: 20px !important;
		left: 20px !important;
	}

	.footer{
		height: 285px;
	}
	.not-found-icon{
		margin-top: 10%;
		max-width: 150px;
	}
	.not-found-title{
		margin-top:5%; 
		font-weight: bold; 
		font-size:20px; 
		text-align:center;
	}
	.bottom-buttons-xs{
		margin: 25px 15px 0 15px;
	}
	.bottom-buttons-xs ul{
		list-style-type: none;
		padding: 0 !important;
		margin: 0 !important;
	}
	.bottom-buttons-xs ul li{
		padding-bottom: 5px;
	}
	.contact-us-xs{
		background-color: #6d92b0;
		padding: 15px 10px;
		text-align: center;
		font-weight: bold;
	}
	.contact-us-xs a{
		color: #fff;
		text-align: center;
	}
	.contact-us-xs img{
		width: 20px;
		margin-right: 10px;
	}
	.back-bus-xs{
		background-color: #003d75;
		padding: 15px 10px;
		color: #fff;
		text-align: center;
		font-weight: bold;
	}
	.back-bus-xs a{
		color: #fff !important;
		text-align: center;
	}
	.back-bus-xs a img{
		width: 17px;
		margin-right: 10px;
	}
	.back-bus-xs a:hover, .back-bus-xs a:active, .back-bus-xs a:focus, 
	.contact-us-xs a:hover, .contact-us-xs a:active, .contact-us-xs a:focus{
		text-decoration: none !important;
	}
}

@media (max-width:285px){

	#logo-mobile {
		width: 110px;
		height: auto;
		margin-top: 15px;
	}
}

@media screen and (min-device-width: 768px) and (max-device-height: 1024px) and (orientation: portrait){
	.ug-lightbox .ug-lightbox-button-close{
		top: 10px !important;
		left: 725px !important;
	}
}
@media screen and (max-device-width: 767px) and (orientation: landscape) {
	.navbar-fixed-top .navbar-collapse {
    	 max-height: 250px;
	}
}

@media screen and (min-device-width: 375px) and (max-device-height: 627px) and (orientation: landscape) {
	.navbar-fixed-top .navbar-collapse {
    	 max-height: 340px;
	}
	.ug-lightbox .ug-lightbox-button-close{
		top: 10px !important;
		left: 595px !important;
	}
}

@media screen and (min-device-width: 375px) and (max-device-height: 627px) and (orientation: portrait) {
	.navbar-fixed-top .navbar-collapse {
    	 max-height: 500px;
	}
	.ug-lightbox .ug-lightbox-button-close{
		top: 10px !important;
		left: 500px !important;
	}
}

@media screen and (min-device-width: 320px) and (max-device-height: 568px) and (orientation: landscape) {
	.navbar-fixed-top .navbar-collapse {
    	 max-height: 290px;
	}
	.ug-lightbox .ug-lightbox-button-close{
		top: 10px !important;
		left: 540px !important;
	}
}

@media screen and (min-device-width: 320px) and (max-device-height: 568px) and (orientation: portrait) {
	.navbar-fixed-top .navbar-collapse {
    	 max-height: 480px;
	}
	.ug-lightbox .ug-lightbox-button-close{
		top: 10px !important;
		left: 290px !important;
	}
}

@media screen and (min-device-width: 320px) and (max-device-height: 480px) and (orientation: landscape) {
	.navbar-fixed-top .navbar-collapse {
    	 max-height: 220px;
	}
	.ug-lightbox .ug-lightbox-button-close{
		top: 10px !important;
		left: 450px !important;
	}
}

@media screen and (min-device-width: 320px) and (max-device-height: 480px) and (orientation: portrait) {
	.navbar-fixed-top .navbar-collapse {
    	 max-height: 380px;
	}
	.ug-lightbox .ug-lightbox-button-close{
		top: 10px !important;
		left: 290px !important;
	}
}