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

/* DAL Slider  */

.tp-caption.NotGeneric-Title_4, .NotGeneric-Title_4 {
    background-color:rgba(206, 57, 12, 0.75)!important
}

div#slide-3080-layer-4 {
	background: rgba(224, 54, 26, 0.9)!important;
	z-index: 100!important;
}

div#slide-3080-layer-5 {
	background-color: rgba(243, 194, 44)!important;
	z-index: 100!important;
}

.tp-caption.NotGeneric-Title_5, .NotGeneric-Title_5 {
    background-color: rgba(204, 55, 124, 0.7)!important;
}

div#slide-3047-layer-4 {
	background-color: rgba(204, 55, 124, 0.9)!important;
	z-index: 100!important;
}

.tp-caption.NotGeneric-Title_8, .NotGeneric-Title_8 {
	background-color: rgba(255, 224, 0, 0.75)!important;
	border-color: transparent;
    border-radius: 0 0 0 0;
    border-style: none;  
    color: rgba(255,255,255,1.00);
    font-family: "Roboto";
    font-style: normal;
    padding: 20px!important;
	text-decoration: none;
	font-weight: 300;
	letter-spacing: 1px;

}

div#slide-3048-layer-4 {
	background-color: rgb(218, 195, 12)!important;
	z-index: 100!important;
}

.tp-caption.NotGeneric-Title_9, .NotGeneric-Title_9 {
	background-color:rgba(0, 132, 180, 0.7)!important;
	border-color: transparent;
    border-radius: 0 0 0 0;
    border-style: none;  
    color: rgba(255,255,255,1.00);
    font-family: "Roboto";
    font-style: normal;
    padding: 20px!important;
	text-decoration: none;
	font-weight: 300;
	letter-spacing: 1px;

}

div#slide-3049-layer-6 {
	background-color: rgb(43, 162, 206)!important;
	z-index: 100!important;
}

.tp-caption.NotGeneric-Title_10, .NotGeneric-Title_10 {
	background-color: rgba(232, 42, 29, 0.78)!important;
	border-color: transparent;
    border-radius: 0 0 0 0;
    border-style: none;  
    color: rgba(255,255,255,1.00);
    font-family: "Roboto";
    font-style: normal;
    padding: 20px!important;
	text-decoration: none;
	font-weight: 300;
	letter-spacing: 1px;
}

div#slide-3080-layer-10 {
	background-color: rgba(243, 194, 44, 0.8)!important;
}

div#slide-3055-layer-4 {
	/* background: rgb(239, 187, 31)!important; */
	background-color:rgba(232, 42, 29, 0.78)!important;
	z-index: 100!important;
}

.tp-caption.NotGeneric-Title_6, .NotGeneric-Title_6 {
	background-color: rgba(102, 132, 32, 0.7)!important;
	z-index: 100!important;
}

div#slide-3046-layer-7 {
	z-index: 100!important;
}


div#slide-3051-layer-4 {
	background-color:rgba(224, 54, 26, 0.9)!important;
	z-index: 100!important;
}



/* Slider  */



.route--list li {
    border-bottom: 1px solid #fff;
    padding: 10px 0;
    width: 80%;
}


#canvasDAL {
	background: url(../images/client/routes/bg_route_1.jpg);
	background-repeat: no-repeat; 
	background-position: center;
	background-size: cover;
	
}

.bg_route_10 {
	background-repeat: no-repeat; 
	background-position: center;
}


#canvasDAL a, h2 {
	color: #fff!important
}

#canvasDAL li:hover {
	background: #e30314;
	padding-left: 10px;
}

.notice a {
	color: #15368a;
}



.border-top {
	border-top: 1px solid #ddd;
	padding-top: 10px!important;
	color: #b6b6b6
}
.agencies_icon img {
	margin-bottom: 20px;
}

.fa-dot-circle-o, .fa-check, .fa-long-arrow-right {
	margin-right: 10px;
	color: #d8d8d8;
}

.container-spec h4 {
	font-family: 'Open Sans', sans-serif!important;
}

.container-h {
	min-height: 305px!important;
}

.container-h .fa {
	margin-right: 10px;
}


.notice li {
	border-bottom: thin solid #d8d8d8;
    padding: 5px 0;
}

.notice a:hover {
	color: #e30f12;
}

.newsfeed .grow:hover {
	background: aliceblue;
}

.routeOverviewMobile {
	background: #15368a;
	color: #fff;
}
.routeOverviewMobile li a {
	color: #fff;
}

.w-235 {
	min-width: 235px;
}

input[type='text'], input[type='address'], input[type='url'], input[type='password'], input[type='email'], input[type="search"], input[type="tel"], input[type="date"], input[type="number"], textarea, select {
    -webkit-appearance: none;
	font-size: 14px;
	font-weight: 400;
}

ul {
list-style: none!important;	
}

.vh-100 {
	min-height: 60vh;
}

/*For AgencyMaps*/

.agency-map .gm-style .gm-style-iw {
	color: #c3ad08!important;
    text-align: center!important;
    margin-bottom: 4px!important;
    font-size: 1.3em!important;
   font-family:  'Open Sans', sans-serif!important;
    font-weight: 600!important;
    letter-spacing: 2px!important;
	text-transform: uppercase;
	
}

.agency-map .gm-style .gm-style-iw a {
	color: #15368a;
	 text-align: center;
	letter-spacing: 0px;
	text-transform: none;
}


.terminalsmap .gm-style .gm-style-iw {
	color: #1583e2!important;
    text-align: center!important;
    margin-bottom: 4px!important;
    font-size: 1.3em!important;
   font-family:  'Open Sans', sans-serif!important;
    font-weight: 600!important;
    letter-spacing: 2px!important;
	text-transform: uppercase;
	
}

.terminalsmap .gm-style .gm-style-iw a {
	color: #15368a;
	 text-align: center;
	letter-spacing: 0px;
	text-transform: none;
}

.btn--dark-yellow {
	background: #c3ad08;
	color: #fff;
}

.btn--dark-yellow:hover {
	background: #fff;
	color: #000;
}

    .btn--middleblue:hover {
        background: #fff;
        color: #000;
    }

.btn--middleblue-active {
    background: #fff;
    color: #000;
}
.contacts_overview li a {
	opacity: 0.5;
    font-size: 14px;
    line-height: 24px;
    color: #000;
    letter-spacing: 0;
}

.contacts_overview li a:hover {
	opacity: 1;
    

}

.agencies-acc ul--list li .fa {
	font-size: 20px;
}

.agencies-acc ul.ul--underline li {
    padding: 10px 0;
}

.agencies-acc ul.ul--underline {
	padding: 0px;
}

.agencies-acc ul.accordion > li.active:before {
    content: 'keyboard_arrow_up';
    float: right;
    color: black;
}

.agencies-acc ul.accordion > li:not(.active):before {
    content: none;
}

.agencies-acc .boxed {
	background: #fff;
	    min-height: 250px;
}

.terminal-acc .boxed {
	background: #fff;
	    min-height: 300px;
}

.terminal-acc .routelist {
	line-height: 24px;
	color: #f50057;
	font-size: 0.9em;
}

.agencies-acc [class*="col-"] > [class*="boxed"] {

    margin-bottom: 17px;
}

.route_toggle.section-toggle a span {
	color: #000!important;
}

.agency_h {
	min-height: 220px
}

.tabs__content .p-xs--compact {
	background: #fff;
	padding: 25px 15px 15px 15px;;
	color: #737373!important;
	min-height: 180px;
	border-bottom-left-radius: 5px;
	border-bottom-right-radius: 5px;
	border-top-right-radius: 5px
}

.tabs__content.trackandtrace .p-xs--compact {
	min-height: 150px;
	overflow: hidden;

}

.trackandtrace input[type='text'], input[type='address'], input[type='url'], input[type='password'], input[type='email'], input[type="search"], input[type="tel"], input[type="date"], input[type="number"], textarea, select {
		-webkit-appearance: none;
		font-size: 14px;
		color: rgba(17, 62, 91, .8);
		letter-spacing: 0.4px;
		border: 1px solid rgba(0,0,0,0.10);
		width: 100%;
		height: 44px;
		padding: 10px 16px;
		-webkit-box-sizing: border-box;
		box-sizing: border-box;
		line-height: normal;
		background-color: #a7c4dc1c;
		border-radius: 0;
	}

.trackandtrace input[type='text']::-webkit-input-placeholder { /* Chrome/Opera/Safari */
	color: rgba(17, 62, 91, .8)!important;
  }
  .trackandtrace input[type='text']::-moz-placeholder { /* Firefox 19+ */
	color: rgba(17, 62, 91, .8)!important;
  }
  .trackandtrace input[type='text']::-ms-input-placeholder { /* IE 10+ */
	color: rgba(17, 62, 91, .8)!important;
  }
  .trackandtrace input[type='text']::-moz-placeholder { /* Firefox 18- */
	color: rgba(17, 62, 91, .8)!important;
  }

  .online-img {
	  background-image: url(../images/client/DAL_55.jpg);
	  background-repeat: no-repeat;
  background-position: center; 
	  position: relative;
    margin-top: -43px;
    margin-right: -30px;
    height: 154px;
	margin-bottom: -15px;
	
  }



.tabs__content .p-xs--compact a .fa.fa-external-link {

    margin-left: 0px;
    margin-right: 5px;
	line-height: 22px;
}

.tabs__content p {	
	color: #737373!important;
	font-size: 14px;
	line-height: 21px;
	margin-bottom: 0px!important;
}

.tabs__content .p-xs--compact a  {
	color:#005CA8!important;
}

.tabs__content .p-xs--compact a .fa  {
	color:#005CA8!important;
	margin-left: 5px;

}

.tabs__links.hr li.active {
    /* border-bottom: 2px solid #15358a; */
    background: rgb(47, 75, 153);
    color: #fff;
}

.tabs__links.hr li {
    /* border-bottom: 2px solid #15358a; */
    background: #5590C0;
	color: #fff;
	border-top-right-radius: 2px;
	border-top-left-radius: 2px
}

.boxed--shadow-2 {
	box-shadow: 0 9px 28px 0 rgba(0,0,0,0.2);
}

.tabs__content .inline-block li {
    height: 30px;
}

.tabs__content .route_pdfs {
	padding-top: 0px;
}

.tabs__content .route_pdfs a {
    font-size: 14px;
    padding-top: 6px;
    padding-left: 4px;
	float: left;
	font-weight: 600!important;
}

.tabs__links .fa.fa-cloud-download {
 padding-left: 5px;
}
.lineheight li {
	line-height: 27px;
}

ul.direct {
    -moz-column-count: 3;
    -moz-column-gap: 20px;
    -webkit-column-count: 3;
    -webkit-column-gap: 20px;
    column-count: 3!important;
    column-gap: 40px;
}

ul.connected {
    -moz-column-count: 4;
    -moz-column-gap: 20px;
    -webkit-column-count: 4;
    -webkit-column-gap: 20px;
    column-count: 4!important;
    column-gap: 20px;
}

.calendar-h {
	min-height: 600px;
	width: 100%
}

.calendar .bg {
	/* background-size: contain !important; */
	background-size: 100% auto, cover;
	background-position: 50% 50% !important;
	background-repeat: no-repeat;
    /* width: 100%; */
    top: 0;
    will-change: transform, top;
    transition: 0.3s linear;
    -webkit-transition: 0.3s linear;
    -moz-transition: 0.3s linear;
    overflow: hidden;

}


@media (max-width: 1200px){
	.calendar-h {
		height: 500px;
		width: 100%
	}
		
	.calendar .bg {
		height: 500px;
	
	}
}

/*Mobile Phone Version*/
@media only screen 
and (min-device-width : 375px) and (max-width: 768px)
{	
	
		.dal_searchform input[type='text'], input[type='address'], input[type='url'], input[type='password'], input[type='email'], input[type="search"], input[type="tel"], input[type="date"], input[type="number"], textarea, select{
			margin-bottom: 15px;
		}	

		.mobileHeader {
			height: 170px;
		
		}
		.mobileHeader img {
			height: 100%
		}
		.notice a {
			font-size: 14px;
		}

		.occ_row .occ_cell:last-child {
			font-size: 1em;
			text-align: left;
		}

		#routekey input[type="button"] {
			margin-bottom: 3px;
		}
		.mobile-margin-top-20 {
			margin-top: 20px!important;
		}
		.route_toggle.section-toggle a:hover {
			background: #dbe0eb!important;
		
		}

		.route--list li {
			width: 100%!important;
		}

		.tabs__links.hr li {
			margin-right: 5px;
		}

}

@media only screen 
and (min-device-width : 990px) and (max-width: 1460px)
{
	.extend-col-3-to-4	.col-md-3 {
		 
			width: 50%!important;
		  
}

.vh-100 {
	min-height: 75vh;
}

}

/* Only Tablet Portrait without Phone */
@media only screen  (min-width:420px) and (max-width: 768px) {
	.ul.direct {
		column-count: 3!important;
    	column-gap: 40px;
	}	

	.terminal-acc .routelist {
		min-height: 100px;
	}

	img.schifffahrtsagentur-img {
		max-width: 225px;
	}

	.vh-100 {
		min-height: 60vh;
	}
}

/* Only Tablet Landscape without Phone */
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) 
and (orientation : landscape) {
	.ul.direct {
		column-count: 3!important;
    	column-gap: 40px;
	}	
	.hide-rmation {
		display: none;
	}

	.menu__dropdown .neg-lettersp li > a {
		letter-spacing: -1px;
	}
	
	.terminal-acc .routelist {
		min-height: 150px;
	}

	.vh-100 {
		min-height: 85vh;
	}

	.nav-mod.search {
		position: absolute;
			}

 }

 /* Only Phone */
 @media only screen 
and (max-width: 420px)
{
	ul.direct, ul.connected {
		-moz-column-count: 1;
		-moz-column-gap: 20px;
		-webkit-column-count: 1;
		-webkit-column-gap: 20px;
		column-count: 1!important;
		column-gap: 20px;
	}
	.hide-rmation {
		display: none;
	}

}

li.contacts_accord {
	margin-bottom: 10px;
    border-bottom: 1px solid #ddd;
}

li.contacts_accord a {
	color:#15368a!important;
	opacity: 1!important;
}
li.contacts_accord a:hover {
color: #2851b5 !important
}