﻿@charset "utf-8";
/* CSS Document */

/*Headers*/

#header {
	margin:2% 0;	
	}

@font-face {
  font-family: "Lato regular";
  src: url("/Static/font/lato/Lato-Regular.ttf")
}

@font-face {
  font-family: "Lato black";
  src: url("/Static/font/lato/Lato-Black.ttf")
}

@font-face {
  font-family: "Lato light";
  src: url("/Static/font/lato/Lato-Light.ttf")
}

@font-face {
  font-family: "Lato medium";
  src: url("/Static/font/lato/Lato-Medium.ttf")
}

body {
    font-family: "Lato regular", verdana;
}

.bodytext a{
    text-decoration: underline;
    color: #333;
}

.editorialBlock {
    margin: 0 -15px 15px -15px;
}

/*General*/
.margintop5 {
    margin-top: 5px;
}

.margintop10 {
    margin-top: 10px;
}

.marginbottom10 {
    margin-bottom: 10px;
}

.nopaddingright {
    padding-right: 0;
}

.nopaddingleft {
    padding-left: 0;
}

.margintop20 {
    margin-top: 20px;
}

.margintop40 {
    margin-top: 40px;
}

.marginbottom20 {
    margin-bottom: 20px;
}

.margintopminus20 {
    margin-top: -20px;
}

.margintopminus40 {
    margin-top: -40px;
}

.leftAlign {
    margin-left: -15px;
}

.margin15 {
    margin-left: 15px;
    margin-right: 15px;
}

.paddingTop16 {
    padding-top: 16px;
}	

.floatRight {
    float: right;
}

.alignLeft {
    text-align: left;
}

.alignRight {
    text-align: right;
}

.bold {
    font-weight: bold;
    font-size: 1.2em;
    margin-top: 5px;
}

.blackFont {
    font-family: "Lato black";
}

input::-webkit-input-placeholder {
    color: #fff !important;
} 

input:-moz-placeholder {
    color: #fff !important;
} 
                                                          
input:-ms-input-placeholder {
     color: #fff !important;
}


.alignCenter {
    text-align: center;
}

h1 {
	font-family:"Lato black", verdana;
	font-size:2.3em;
	line-height:1.1em;
	}

h2, h3 {
	font-family:"Lato black", verdana;
}
	
h1.jumbotron {
	font-family:"Lato black", verdana;
	font-size:2.5em;
	line-height:1.1em;
	margin-top:4%;
	word-wrap:break-word;
	}

.subHeader {
	font-family:"Lato medium", verdana;
	font-size:1.5em;
	font-weight:bold;
	line-height:1.3em;
	margin:2% 0 4% 0;
	width:80%;	
	}

.introduction {
	font-family:"Lato light", verdana;
	font-size:1.4em;
	font-weight:bold;
	line-height:1.3em;
	margin:2% 0 2% 0;		
	}
	
p {
	font-size:1.1em;	
	}

a {
	outline:none;	
	}

ul {
	font-size:1.1em;	
	}

.share {
	margin:4% 0;	
	}

.right {
	float:right !important;
	}
	
/*Top*/

	
.logotype {
	margin:2% 0;
	}
	

/*Search page*/

.grayHead {
	border-radius:4px;
	background:#f1f1f1;
	margin-bottom:2%;
	}

.grayHead h2, .grayHead p {
	margin:1%;
	}

.btnCheckbox {
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    background-color: #F5F5F5;
    background-image: -moz-linear-gradient(center top , #FFFFFF, #E6E6E6);
    background-repeat: repeat-x;
    border-color: #E6E6E6 #E6E6E6 #A2A2A2;
    border-image: none;
    border-radius: 4px 4px 4px 4px;
    border-style: solid;
    border-width: 1px;
    box-shadow: 0 1px 0 rgba(255, 255, 255, 0.2) inset, 0 1px 2px rgba(0, 0, 0, 0.05);
    color: #333333;
    cursor: pointer;
    display: inline-block;
    font-size: 14px;
    line-height: 20px;
    margin-bottom: 0;
    padding: 4px 14px;
    text-align: center;
    text-shadow: 0 1px 1px rgba(255, 255, 255, 0.75);
    vertical-align: middle;
}

.btn-primary:hover, .btn-group .btnCheckbox,
.btn-primary:active,
.btn-primary.active,
.btn-primary.disabled,
.btn-primary[disabled] {
  background-color: #0055cc;
  *background-color: #004ab3;
}

.listResult h3 
{
    font-size:1.3em;    
    }
	
.SearchResults hr, .listResult hr {
	width:100%;
	clear:both;	
	margin:2% 0;
	}

.searchPage {
    min-height: 500px;
}

/*Content*/
.span2, .span3, .span4, .span5, .span6, .span7, .span8, .span9, .span10, .span11, .span12 
{
    margin-bottom:2%;    
    }	

#header .span2, #header .span10 
{
    margin-bottom:0px;    
    }

.date {
	font-size:0.8em;
	margin-top:-9px;	
	}

.pagelistblock div {
    padding-left:5px;
}

.pagelistblock .theme1 {
	border-left:2px solid #EB5E31;
	}
	
.pagelistblock .theme2 {
	border-left:2px solid #BF5D8C;
	}	
	
.pagelistblock .theme3 {
	border-left:2px solid #9FC733;
	}		

.quotePuff {
	height:250px;	
	}
	
.quotePuff h3 {
	margin:22% 10%;	
	text-align:center;
	}	


	
.field-validation-error 
{
  padding: 8px 35px 8px 14px;
  margin-bottom: 5px;
  color: #b94a48;
  text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5);
  background-color: #f2dede;
  border: 1px solid #eed3d7;
  -webkit-border-radius: 4px;
     -moz-border-radius: 4px;
          border-radius: 4px; 
  float:left;             
    }

.equal-height .teaserblock .border {
    min-height: 245px;
}

.teaserblock {
    text-align:center;
}
	
.teaserblock.full img, .teaserblock.wide img {
	float:left;
	margin-right:30px;
	max-width:375px;
	overflow:hidden;	
	}	
	
.teaserblock.full h2, .teaserblock.full p, .teaserblock.wide h2, .teaserblock.wide p {
    text-align:left;
	margin:0 10px 10px 0;
	}			

.teaserblock.full p, .teaserblock.wide p {
    font-size:1.3em;
	}

.teaserblock.full h2, .teaserblock.wide h2 {
    margin:10px 10px 10px 0;
    font-size:3em;
	}
	

.teaserblock p {
	width:96%;
	margin-left:2%;
	}	

.border {
	border-radius:4px;
	border:1px solid #d6d6d6;	
	text-align:center;
	overflow:hidden;
	}

.border p {
	width:96%;
	margin-left:2%;
	}

.teaserblock h2, .teaserblock p, a h2, a p
{
    color:#333;    
    }

.border a:hover h2 
{       
    text-decoration:underline !important; 
    }

.teaserblock a, .teaserblock a:hover, .teaserblock.full a, .teaserblock.full a:hover, .teaserblock.half a, .teaserblock.half a:hover, .teaserblock.wide a, .teaserblock.wide a:hover {
	color:#333;
	}

.teaserblock h2, .teaserblock p
{
    text-align:center;
    margin-left:1%;
    width:98%;   
    }

.colorBox {
	border-radius:4px;	
	margin:10px 0;
	padding-bottom:3px;
	background:#bdbdbd;
	background-image:-moz-linear-gradient(center top , #d9d9d9, #bdbdbd);	
	color:#333;	
	}

.block.theme1 {
	background:#eb5e31;
	background-image:-moz-linear-gradient(center top , #eb8931, #eb5e31);
	color:#fff;	
	}

.block.theme2 {
	background:#bf5d8c;
	background-image:-moz-linear-gradient(center top , #db5a98, #bf5d8c);
	color:#fff;	
	}	

.block.theme3 {
	background:#9fc733;
	background-image:-moz-linear-gradient(center top , #b1e031, #9fc733);
	color:#fff;	
	}

.colorBox ul {
	list-style-type:none;
	margin:0 0 2% 3%;
	}

.colorBox a, .colorBox a:hover {
	color:#333;
	}	

.block.theme1 a, .block.theme1 a:hover, .block.theme2 a, .block.theme2 a:hover, .block.theme3 a, .block.theme3 a:hover {
	color:#fff;
	}	
	
.colorBox h2, .colorBox p {
	margin:1% 3%;	
	}
	
.formContainer p {
	margin-bottom:4px;
	margin-top:4px;	
	} 

/* ====== media ====== */
.media {margin:10px; margin-left:0px;}
.media, .mediaText {overflow:hidden; _overflow:visible; zoom:1;}
.media .mediaImg {float:left; margin-right: 30px;}
.media .mediaImg img{display:block; max-width:370px;}

.span8 .media .mediaImg img{max-width:300px; margin-right:15px;}

.media p {
	font-size:1.3em;
	}

.media h2 {
	font-size:3em;
	margin:10px 0;	
	}

/*Buttons*/

.btn-blue {
	width:100%;
	max-width:170px;
	height:50px;
	border-radius:4px;
	background:#2677af;
	background-image:-moz-linear-gradient(center top , #3989c2, #2677af);
	color:#fff;
    display: inline-block;
	text-align:center;
	line-height:50px;
	font-size:1.2em;
	letter-spacing:0.5px;
	margin-bottom:10px;
	clear:both;
	font-weight:bold;
	}
	
.btn-blue:hover {
	background:#4b8ab7;
	background-image:-moz-linear-gradient(center top , #5f9eca, #4b8ab7);
	text-decoration:none;
	color:#fff;	
	}			

/*Image*/
.image-file {
    width: 100%;
}

/*Video*/

.embed {
	position: relative;
	padding-bottom: 56.25%;
	height: 0;
	overflow: hidden;
}

.embed iframe, .embed object, .embed embed, .embed video {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

/*Footer*/

.footer ul {
	list-style-type:none;	
	margin:1% 0;
	}

/*Fixes*/

.setMargins div.span4 {
	margin-bottom:20px;
	}
	
.search-query 
{
    	margin-bottom:0px !important;  
    	margin-top:7px; 
    	width:200px; 
    	color:#aaa;
    }	

		
/*Breadcrumb*/
.black, .white{
    margin-top: 10px;
}

.black a, .white a{
    text-decoration: underline;
}

.black, .black a {
    color: #000;
}

.white, .white a{
    color: #fff;
}

.black, .black a {
    color: #000;
}



/* Search page */
.search-form {
    margin-top: 10px;
}

.search-form input{
    border-radius: 15px;
    margin-top: -5px;
}

.contentSearchBtn {
    color: #000;
    width: 75px;
    border-radius: 15px;
    border: none;
    background-color: #FEB400;
    padding: 7px 15px;
    font-size: 1.2em;
    color: #000;
}

/* Edit container style */
.epi-editContainer {
    min-height: 1.1em;
    min-width: 1.6em;    
}

.banner {
    height: 600px;
    margin-top: -30px;
    background-size: 100% 600px; 
}

.frontPageLeftBlock {
    position: relative;
    margin-top: 130px;
}

.frontPageLeftBlock .title {
    font-family: "Lato light";
    color: #fff;
    font-size: 2.5em;
    line-height: 1.4em;
}

.frontPageLeftBlock .bigTitle {
    font-family: "Lato black";
    /*font-weight: bold;*/
}

.jumbotron .warning {
    border-radius: 5px;
    background-color: #FEB400;
    padding: 9px 15px 1px 15px;
    margin-bottom: 20px;
    float: left;
}

.jumbotron .warning p{
    font-size: 1em;
    color: #000;
    padding-top: 6px;
}

.jumbotron .warning a{
    text-decoration: underline;
    color: #000;
}

.jumbotron .warning img{
    float: left;
    height: 40px;
    margin: 5px 15px 10px 0;
}

.linkBtn {
    font-family: "Lato medium";
    border-radius: 15px;
    background-color: #FEB400;
    padding: 7px 15px;
    font-size: 1.1em;
    color: #000;
    margin-right: 5px;
}

.linkBtn:hover, .linkBtn:focus {
    text-decoration: none;
    color: #000;
    background-color: #dd9200;
}

.nofill{
    border: 2px solid #fff;
    background-color:transparent;
    padding: 5px 13px;
    color: #fff;
}

.nofill:hover, .nofill:focus {
    background-color: #fff;
    color: #000;
}

.grayButton, .grayButton:focus {
    background-color: #6E6E6E;
    color: #fff;
}

.grayButton:hover {
    background-color: #fff;
    color: #000;
}

.gtsform {
    font-family: "Lato medium";
    border-radius: 8px;
    background-color: #fff;
    padding: 15px 20px;
    margin-top: 130px;
    margin-left: 30px;
}

.gtsform .title {
    text-align: center;
    font-size: 1.3em;
    font-weight: bold;
}

.ruteSearch .col-xs-12 label {
    display: block;
    font-weight: normal;
    margin-top: 12px;
    text-align: center;
}

.ruteSearch a {
    text-align: center;
    display: block;
    text-decoration: underline;
    color: #000;
}

/*#ruteSearch .form-control {
    padding-left: 20px;
}*/

.gtsform .ruteSearch select {
    background-color: #ebebeb;
}

.gtsform .ruteSearch input {
    background-color: #ebebeb;
}


.gtsform .ruteSearch .searchBtn, .searchBtn {
    border-radius: 10px;
    background-color: #FEB400;
    padding-top: 7px;
    padding-bottom: 7px;
    width: 100%;
    font-size: 1.1em;
    color: #000;
    border: none;
    margin: 15px 0 10px 0;
    text-transform: uppercase;
    font-family: "Lato medium";
}

.frontpageTitle {
    font-family: "Lato black";
    font-size: 2em;
    font-weight: bold;
    margin-bottom: 10px;
}

.textCenter {
    text-align: center;
}

.service {
    margin-bottom: 20px;
}

.box:hover {
    text-decoration: none;
}

.box .title {
    font-family: "Lato black";
    font-size: 1.8em;
    font-weight: bold;
    color: #6E6E6E;
    margin-bottom: 15px;
}

.box .title img {
    width: 27px;
}

.box .title img.iconSmall {
    width: 25px;
}

.iconLink {
    width: 16px;
}

.navbar-toggle {
    margin-top: 35px;
}

.navbar-toggle .icon-bar {
    background-color: #fff;
    height: 3px;
    width: 27px;
}

.navbar-toggle .icon-bar + .icon-bar {
  margin-top: 6px;
}

.dateLine {
    margin-top: 0;
    margin-bottom: 20px;
}

.img-circle-frontpage {
    display: block;
    margin: 0 auto;
    width: 190px;
}

.mainFocus{
    text-align: center;
    padding: 0 50px;
    margin-top: 20px;
}

.mainFocus .title {
    font-family: "Lato medium";
    text-align: center;
    margin-top: 15px;
    margin-bottom: 15px;
    font-size: 1.2em;
    font-weight: bold;
}

.mainFocus a{
    color: #333;
    text-decoration: none;
}

.pageFooter {
    min-height: 200px;
    background-color: #363636;
    color: #fff;
    margin-top: 20px;
}

.footerBlock {
    margin-top: 30px;
    font-size: 1em;
}

.footerBlock .title{
    font-weight: bold;
    font-size: 1.1em;
    margin-bottom: 13px;
}

.footerBlock a{
    color: #fff;
    text-decoration: underline;
}

.copyright {
    font-family: "Lato black";
    font-weight: bold;
    font-size: 1.3em;
    margin-bottom: 20px;
    margin-top: 20px;
}

.pageHeader {
    position: relative;
    z-index: 2;
    height: 90px;
    background-color: #363636;
    color: #fff;
}

/*.icon {
    margin-top: 20px;
}*/

.gtsSeachform, .gtsBookingform {
    margin-top: 10px;
}

.gtsSeachform input, .gtsBookingform input{
    border-radius: 15px;
    border: solid #fff 2px;
    background-color: #363636;
    color: #fff;
}

.gtsSeachform .btn-default {
    background-color: #363636;
    border: solid #fff 2px;
    padding-top: 5px;
    padding-bottom: 5px;
    border-left: none;
    border-radius: 15px;
}

.gtsSeachform input:focus{
    border: solid #fff 2px;
}

.hidden-collaps {
    display: none;
    padding-right: 0;
}

.gtsSeachform .expandBtn > .btn {
    border: solid #fff 2px;
    border-top-left-radius: 15px;
    border-bottom-left-radius: 15px;
}

.gtsSeachform .expandBtn {
    display: block;
    float: right;
    margin-right: 40px;
}

.glyphicon {
    color: #fff; 
}

.gtsSeachform .input-group {
    border-right: none;
}

.gtsBookingform input:focus {
    border: solid #fff 2px;
}

.gtsSeachform .input-group .form-control{
    border-right: none;
}

.gtsBookingform .input-group .form-control{
    border-radius: 15px;
    border-top-right-radius: 15px;
    border-bottom-right-radius: 15px;
}

.gtsBookingform .input-group {
    float: left;
    margin-left: 8px;
}

.gtsBookingform .input-group-right{
    float: right;
    margin-left: 5px;
    margin-right: 0;
}

.loginBtn {
    border-radius: 15px;
    background-color: #FEB400;
    padding:7px 13px;
    color: #000;
    border: none;
}

@media (min-width: 768px) {
    .jumbotron {
        top: -130px;
        margin-bottom: -60px;
    }
}

.jumbotron {
    position: relative;
    z-index: 1;
    min-height: 400px;
    background-size: cover;
    background-position: 50% 50%;
    background-repeat: no-repeat;
}


.navbar-default .navbar-nav > li > a {
    color: #fff;
    text-transform: uppercase;
    font-size: 1.1em;
}

.navbar-default .navbar-nav > li.active > a {
    color: #FEB400;
    text-decoration: underline;
    background-color: inherit;
}

.navbar-default .navbar-nav > li > a:hover, .navbar-default .navbar-nav > li.active > a:hover {
    color: #FEB400;
    text-decoration: underline;
    background-color: inherit;
}

/* Article page */
h1.title {
    margin-top: 40px;
    margin-bottom: 20px;
}

.intro {
    font-family: "Lato light";
    font-size: 1.3em;
    font-weight: 300;
    margin-bottom: 20px;
}

.imageBlock{
    clear: both;
    margin-top: 20px;
    margin-bottom: 20px;
}

.img-responsive {
     height: 500px;
}

.caption {
    font-family: "Lato light";
    margin-top: 6px;
    text-align: right;
}

/* Section page*/
.sectionPage {
    margin-bottom: 10px;
}

.sectionPageBaner > h1.title {
    font-size: 3em;
    color: #fff;
    text-align: center;
    margin-top: 3em;
}

.sectionPageBaner > .intro p{
    font-family: "Lato light";
    font-size: 1.6em;
    color: #fff;
    text-align: center;
    margin-top: 1em;
}

.sectionPageBaner .sectionLogo {
    display: block;
    margin-left: auto;
    margin-right: auto;
}

.pageBlock {
    margin-bottom: 30px;
    margin-left: auto;
    margin-right: auto;
}

.pageBlock > h3{
    font-size: 1.8em;
    font-weight: bold;
    color: #6e6e6e;
}

.pageBlock > .intro {
    font-size: 1em;
    font-family: "Lato regular";
}

/* Contact page*/
#contactList {
    background-color: #ebebeb;
    padding-bottom: 40px;
    margin-bottom: -20px;
}

#contactList h2 {
    margin-top: 30px;
}

#contactList .form-control {
    width: 200px;
    display: block;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 30px;
    border-radius: 10px;
}

#searchresults {
    margin: 15px 15px 0 15px;
}

.employee {
    padding-left: 0;
    padding-top:3px;
    padding-bottom:3px;
}

.employee .col-md-5 {
    padding-left: 0;
}

.employee img{
    margin-right: 15px;
    width: 50px;
}

.employee .row {
    margin-bottom: 9px;
}

/* TogSearch Page*/
.togSearchForm {
    border-radius: 6px;
    background-color: #e1e1e1;
    padding: 25px;
    margin-top:20px;
    margin-bottom:20px;
}

.togSearchForm .form-control {
    border-radius: 10px; 
}

.togSearchForm label {
    text-align: center;
    font-weight: normal;
    margin-top: 15px;
    display: block; 
}

.togSearchForm .title {
    text-align: center;
    font-size: 1.3em;
    margin-bottom: 20px;
}

.terminalDropdownList {
    line-height: 30px;
}

.locationIcon{
    width: 37px;
    height: 35px;
    border-radius: 10px;
    background-color: #fff;
    margin-left: -7px;
}

.locationIcon img {
    width: 25px;
    display: block;
    margin-top: 5px;
    margin-left: -9px;
}

#togList {
    margin: 30px 0 40px 0;
}

#togList > .col-xs-12{
    padding-left: 0;
}

.togInfoHeading {
    font-weight: bold;
    font-size: 1.1em;
    border-bottom: solid 1px #D9D9D9;
    padding-top: 10px;
    padding-bottom: 10px;
}

.togInfo {
    border-bottom: solid 1px #D9D9D9;
    padding-top: 10px;
    padding-bottom: 10px;
}

.togInfo span {
    color: red;
    font-size: 1.1em;
    font-weight: bold;
}

.togInfoHeading .col-xs-2, .togInfo .col-xs-2{
    padding-left: 0;
}

/* Meny */
#navbar {
    margin-left: -15px;
    margin-right: -15px;
}

.menu {
    /*background-color: #555;*/
    position: relative;
    z-index: 2;
    background-color:rgba(85,85,85,0.5);
}

.gtsMenu {
    display: flex;
    flex-direction: row;
    margin: 0;
    padding: 0;
}

.gtsMenu li {
    list-style: none;
    flex-grow: 1;
    text-align: left;
}

.navbar-nav {
    float: none;
}

.gtsMenu li a {
    display: block;
}

.gtsMenu li.menuItem {
    text-align: center;
}

.subMenu {
    position: relative;
    z-index: 2;
    background-color: rgba(53,59,69,0.7);
    height: 50px;
    display: none;
}

.gtsMenu .subMenuItem {
    display: none;
}

.subMenu .row {
	display: table; 
	margin: 0 auto;
}

.subMenu li {
    margin-left: 10px;
    margin-right: 10px;
}

/* factbox */
.facts {
    border-left: solid 5px #FEB400;
    padding: 5px 10px 5px 15px;
    margin-bottom: 20px;
}

.facts a{
    text-decoration: underline;
    color: #000;
}

.navbar-collapse {
    padding-left: 0;
    padding-right: 0;
}

.in.navbar-collapse {
    overflow:hidden;
}

.articleMain {
    margin-left: 27%;
}

.articleMain {
    padding: 30px 0 30px 30px;
    min-height: 250px;
}

.articleMain .title {
    font-family: "Lato black";
    font-size: 1.5em;
    font-weight: bold;
}

.articleMain .date {
    font-size: 1.1em;
    color: #6E6E6E;
}

.articleMain .author {
    font-size: 1em;
    color: #6E6E6E;
    margin-left: 20px;
}

.articleMain p{
    margin-bottom: 25px;
}

.imageBox {
    min-height: 250px;
    background-repeat: no-repeat;
    background-color: #FEB400;
}

.imageBox  img {
    float: left;
    height: 100%;
    width: 33%;
}

.imageBox .articleMain {
    background-color: #FEB400;
    height: 100%;
}

@media (max-width: 1024px) {
    .mainFocus{
        padding: 0 10px;
    }
}

/* mobil version */
@media (max-width: 767px) {
    html, body{
        width:100%;
        overflow-x:hidden;
    }

    .imageBox {
        min-height: 200px;
        background-color:#FEB400;
        background-image: none;
    }

    .imageBox .articleMain {
        width: 100%;
    }

    .articleMain {
        margin-left: 0;
        padding: 30px 15px 30px 0;
    }

    .img-responsive {
         height: 300px;
    }

    .icon img {
        width: 100%;
    }

    .icon {
        margin-top: 40px;
    } 

    .frontPageLeftBlock {
        text-align: center;
        margin-top: 60px;
    }

    .frontPageLeftBlock .warning {
        text-align: left;
    }

    /*.jumbotron {
        min-height: 300px;
    }*/

    .mainFocus{
        text-align: center;
        padding-left: 0;
        padding-right: 0;
    }

    .mainFocus img{
        width:70%;
    }

    h2.textCenter {
        text-align: left;
        font-size: 1.8em !important;
        font-weight: bold;
        margin-left: 0;
    }

    .margintopminus40 {
        margin-top: -10px !important;
    }

    .sectionPageBaner > h1.title {
        margin-top: 1em;
    }
    
    .gtsMenu {
        display: block;
        margin: 0;
    }

    .gtsMenu li {
        display: block;
        width: 100%;
        text-align: center;
        background-color: #7d7d7d;
        border-bottom: solid 2px #696969;
        height: 45px;
    }

    .navbar-default .navbar-collapse, .navbar-default .navbar-form {
        border-color: #7d7d7d;
    }

    .frontpageTitle {
        margin-top: 20px;
    }

    .form-control {
        height: auto;
    }

    .error {
        margin-top: 40px;
        float: left;
        margin-left: 10px;
    }

    .searchBar .form-control {
        padding: 4px 0 5px 0;
    }
}

@media (max-width: 1023px) {
    .img-responsive {
        height: 350px;
    }
}

@media (max-width: 666px) {
    .img-responsive {
        height: 250px;
    }
}

@media (max-width: 567px) {
    .img-responsive {
        height: 200px;
    }
}

@media (max-width: 375px) {
    .img-responsive {
        height: 140px;
    }
}

@media (max-width: 320px) {
    .img-responsive {
        height: 120px;
    }
}

@media (min-width: 992px) {
    .employee {
        border-bottom: solid 1px #D9D9D9;
    }

    .employee:last-child {
        border-bottom: none;
    }
}

.facts a[href$=".pdf"]:before
{
    top: 4px;
	margin-right: 6px;
    position: relative;
    display: inline-block;
	content: url("/static/images/pdf.gif");
}

.facts a[href$=".xls"]:before
{
    top: 4px;
	margin-right: 6px;
    position: relative;
    display: inline-block;
	content: url("/static/images/xls.gif");
}

.facts a[href$=".xlsx"]:before
{
    top: 4px;
	margin-right: 6px;
    position: relative;
    display: inline-block;
	content: url("/static/images/xlsx.gif");
}

.facts a[href$=".doc"]:before
{
    top: 4px;
	margin-right: 6px;
    position: relative;
    display: inline-block;
	content: url("/static/images/doc.gif");
}

.facts a[href$=".docx"]:before
{
    top: 4px;
	margin-right: 6px;
    position: relative;
    display: inline-block;
	content: url("/static/images/docx.gif");
}

.facts a[href$=".ppt"]:before
{
    top: 4px;
	margin-right: 6px;
    position: relative;
    display: inline-block;
	content: url("/static/images/ppt.gif");
}

.facts a[href$=".pptx"]:before
{
    top: 4px;
	margin-right: 6px;
    position: relative;
    display: inline-block;
	content: url("/static/images/pptx.gif");
}

.mobilSearchBtn {
    width: 27px;
    float: right;
    margin-top: 40px;
}

.searchBar {
    background-color: #d3d3d3;
    height: 54px;
    display: none;
}

.searchBar .input-group {
    margin: 10px 35px;
}

.searchBar .form-control {
    border-radius: 10px;
    border-color: #000;
    border-left: none;
    padding-left: 0;
}

.searchBar .form-control:focus {
    box-shadow: none;
}

.searchBar .input-group-btn > .btn {
    border-color: #000;
    border-right: none;
    border-radius: 10px 0 0 10px;
    font-size: 12px;
}

.searchBar input:-ms-input-placeholder {
    color: #000 !important;
}

.searchBar .glyphicon {
    color: #000;
}

.languageBar {
    font-size: 0.9em;
    margin-top: 15px;
    text-align: right;
}

.languageBar .active{
    color: #FEB400;
}

.languageBar a{
    color: #fff;
    text-decoration: underline;
}

.additionalMenu {
    background-color: #7d7d7d;
}

.additionalMenu .languageBar {
    margin-top: 25px;
    text-align: center;
}

.additionalMenu .languageBar a {
    color: #000;
}

.loginBar {
    margin: 10px 70px 30px 70px;
}

.mobilLogin {
    display: none;
    padding-bottom: 20px;
}

/*.mobilLogin .form-control {
    background-color: #fff;
}*/

table {
    width: 100%;
    table-layout:fixed;
}

table thead tr, table tr {
    border-bottom: solid 1px #D9D9D9;
}

table thead td {
    font-weight: bold;
    font-size: 1.1em;
    padding-top: 10px;
    padding-bottom: 10px;
}

.error {
    margin-right: 20px;
    color: red;
    font-size: 1.2em;
    font-weight: bold;
}

.listSection {
    margin: 20px 0;
    padding: 0;
    border-bottom: solid 1px #6e6e6e;
}

.listItem {
    display: block;
    border-top: solid 1px #6e6e6e;
    padding: 0 10px;
    float: left;
    width: 100%;
    text-decoration: none;
    color: #333;
}

.listItem:hover {
    background-color:#ebebeb;
    text-decoration: none;
    color: #333;
}

.listItem > h3 {
    color: #6e6e6e;
    font-size: 1.35em;
}

.listItem > .intro {
    margin-bottom: 10px;
}

.dateLine .date {
    color: #767676;
    display: block;
    margin-top: 0;
}

