@font-face {
  font-family: 'pt_serif';
  src: url('../fonts/PTF55F_W.eot');
  font-style: normal;
  font-weight: bold;
  src: local('../fonts/PT Serif Bold'), url('../fonts/PTF55F_W.woff') format('woff'), url('../fonts/PTF55F_W.ttf') format('truetype'), url('../fonts/PTF55F_W.svg#PTSerif-Bold') format('svg');
}
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 400;
  src: local('Open Sans'), local('OpenSans'), url(https://fonts.gstatic.com/s/opensans/v13/cJZKeOuBrn4kERxqtaUH3T8E0i7KZn-EPnyo3HZu7kw.woff) format('woff');
}
@font-face {
  font-family: 'Open Sans';
  font-style: normal; 
  font-weight: 700;
  src: local('Open Sans Bold'), local('OpenSans-Bold'), url(https://fonts.gstatic.com/s/opensans/v13/k3k702ZOKiLJc3WVjuplzHhCUOGz7vYGh680lGh-uXM.woff) format('woff');
}

/*html { overflow: hidden; }
body { overflow: auto; background: #f7f7f7; }*/
body { background: #f7f7f7; }
body, h1, h2, h3, h4, h5 { font-family: 'Open Sans', serif; }
h1, h2 {font-family: 'pt_serif'; margin-bottom: .8rem; margin-top: 1.5rem; }
h2 { font-size: 1.6rem; }

div#header { padding: 20px 0; background:#fff; border-bottom: 5px solid #dedede; }
div#header img.logo { max-width: 200px; float: right; }

section { padding: 1.35rem 0;}
section#header { padding: 5.35rem 0; }
section#header h2 { text-align: justify; }

/* <JUMBO> */
#jumbo { position: relative; overflow: hidden; background-image: url(../img/ali-mobil.jpg); background-repeat: no-repeat; background-size: cover; background-position: center right; }
#jumbo video { display: block; }
#jumbo .overlay { position: absolute; z-index: 1; top: 0; left: 0; right: 0; bottom: 0; background: transparent url("http://subtlepatterns2015.subtlepatterns.netdna-cdn.com/patterns/darth_stripe.png") repeat scroll 0% 0%; opacity: .6; }
.text { vertical-align: middle; padding: 0 30px; display: inline-block; height: 30%; position: absolute; top: 0; bottom:0%; left: 0; right: 0;  margin: auto; z-index: 2; text-align: center; }
.text h1, .text h2 { color: #fff; text-shadow: 3px 3px 1px rgba(0,0,0,.5); margin-bottom: 0; }
.text h1 { font-size: 80px; }
.text h2 { text-shadow: 1px 1px 0px rgba(0,0,0,.6), 0px 1px 10px #000; margin-bottom: 15px; font-size: 1.4rem; }
.text p.credits span { color: #fdfdfd; font-size: 12px; background: rgba(0,0,0,0.4); padding: 1px 5px; display: inline-block; }

/* </JUMBO> */

/* <SLIDER> */

.slider .img .slidercaption { max-width: 70%; position: absolute; bottom: 20px; right: 0; color: #fff; display: inline-block; padding: 20px 30px; background: rgba(0,0,0,0.6); }
.bx-wrapper .bx-pager { position: relative; bottom: 35px; list-style-type: none; padding-left: 20px; }
.bx-wrapper .bx-pager-item {float: left; }
.bx-wrapper .bx-pager-item .columns { box-shadow: 0 0 4px rgba(0,0,0,0.4); padding: 0; margin: 0 2px; width: 15px; height: 15px; text-indent: -9999px; overflow: hidden; border-radius: 30px; z-index: 99; background: #fff; float: left; transition: background .1s; cursor: pointer; }
.bx-wrapper .bx-pager-item .columns.active { background: #ccc; transition: background .3s; }
.bx-controls-direction { display: none; }

@media only screen and (max-width: 64em) {
	.slider .img .slidercaption {max-width: 100%; margin: 0 10px; }
	.slider ul.slick-dots { position: unset; margin: 10px 0; text-align: center; }
	.slider ul.slick-dots li.columns { box-shadow: 1px 1px 2px rgba(0,0,0,0.3); display: inline-block; float: none; }
}

/* </SLIDER> */

/* BREAKIMG */

section#breakimg { height: 70vh; background-attachment: fixed; background-size: cover; width: 100%; position: relative; box-shadow: inset 0 20px 10px rgba(0,0,0,0.4), inset 0 -10px 10px rgba(0,0,0,0.2); border-top: 5px solid #dedede; border-bottom: 5px solid #dedede; }
section#breakimg span { position: absolute; bottom: 0; right: 0; color: #fff; font-size: 12px; background: #000; padding: 2px 6px; opacity: .5; }
section#breakimg.afghanistan {  background-image: url(../img/afghanistan-break.jpg); }
section#breakimg.tyrkiet {  background-image: url(../img/tyrkiet-break.jpg); }
section#breakimg.graekenland { background-image: url(../img/graekenland-break.jpg); }
section#breakimg.kro-slo-oest { background-image: url(../img/kro-slo-oest-break.jpg); }
section#breakimg.tyskland { background-image: url(../img/tyskland-break.jpg); }
section#breakimg.serbien { background-image: url(../img/serbien-break.jpg); }
section#breakimg.iran { background-image: url(../img/iran-break.jpg); }

/* /BREAKIMG */

/* MAP */

section#map { background: #91ab3a; padding: 20px 0; margin:  20px 0 40px; }½
section#map #mapster_wrap_0 { margin: 0 auto; }
section#map .info { position: absolute; left: 0; top: 20px; padding: 20px; background: #fff; width: 200px; display: none; }
section#map .info.active { display: block; }
section#map .info .close { float: right; }

/* </MAP> */

footer { background: #fff; padding: 20px 0; margin: 20px 0 0; border-top: 5px solid #dedede; }
footer table { border: 0; }
footer table td { vertical-align: top; }

.th:hover, .th:focus { box-shadow: 0 0 6px 1px rgba(0,0,0,.2); }

table tr.even, table tr.alt, table tr:nth-of-type(2n) { background: none; }
blockquote { position: relative;}
blockquote:before { font-size: 160px; opacity: .1; display: block; content: '“'; line-height: .5em; font-weight: bold; font-family: Times New Roman; float: left; margin-bottom: -35px; }

#vmenu { z-index: 100; min-width: auto; width: auto; display: inline-block; position: absolute; font-size: 15px; margin-left: 16px; min-width: 160px; box-shadow: 2px 2px 2px rgba(0,0,0,0.3); margin-bottom: -5px; }
#vmenu[data-magellan-expedition-clone] {display: none; }
#vmenu dd { margin-bottom: 0; }
#vmenu dd a { color: #000; display: block; }
#vmenu dd.active a { }
#vmenu dd.active a i:before{ content: "\f192" !important; }
#vmenu span { display: inline-block; }
#vmenu dd i:after {display:inline-block; content: ""; width: 0px; height: 2px; background: #000; transition: width .3s; position: relative; top: -4px; }
#vmenu dd i.grouped:after { background: #fff !important; }
#vmenu dd.active i:after {display:inline-block; content: ""; width: 10px; height: 3px; background: #000; transition: width .3s; }

.clearing-thumbs li {margin-bottom: 10px; }
.clearing-thumbs li img { max-width: 224px; }

/* MEDIA QUERIES */
@media (max-width: 1300px) { 
	section#breakimg {
		background: center center no-repeat;
		background-attachment: scroll !important;
		background-size: cover !important;
		-webkit-background-size: cover auto  !important;
		-moz-background-size: cover auto  !important;
		-o-background-size: cover auto  !important;
		height: 300px !important;
	}
	section#header { padding: 20px 0; }
}

@media only screen and (max-width: 40em) { 
	#jumbo  { background-image: url(../img/ali-mobil.jpg); background-repeat: no-repeat; background-size: cover; height: 65vh; }
	#jumbo  video {display: none; }
	#jumbo .overlay { display: none; }
	.text { position: relative; }
	.text h1, .text h2 { text-shadow: 1px 1px 1px rgba(0,0,0,0.6); }
	.text h1 { font-size: 20px; }
	.text h2 { font-size: 16px; }
	
	#map .info { display: block; position: relative;}
	
	.clearing-thumbs li {width: 50%; margin: 0; }
	.clearing-thumbs li a { display: block; background: #000; }
	.clearing-thumbs li img { max-width: 100%; display: block; margin: 0 auto; }
}

@media only screen and (min-width: 40.063em) and (max-width: 64em) {
	.text  { height: 80%; }
	.text h1 { font-size: 40px; }
	.clearing-thumbs li {width: 25%; margin: 0; }
	.clearing-thumbs li a { display: block; background: #000; }
	.clearing-thumbs li img { max-width: 100%; display: block; margin: 0 auto; }
	#breakimg .text { padding: 0 100px; }
	.text h1 {font-size: 50px; }
}

@media only screen and (min-width: 64.063em) { 
	#breakimg .text { padding: 0 200px; }
	section#header { background: #2b2b2b; color: #dfdfdf; border-top: 4px solid #585858; }
}

// XLarge screens
@media only screen and (min-width: 90.063em) { } /* min-width 1441px, xlarge screens */

@media only screen and (min-width: 90.063em) and (max-width: 120em) {html.fancybox-lock body { padding-right: 17px; } } /* min-width 1441px and max-width 1920px, use when QAing xlarge screen-only issues */

// XXLarge screens
@media only screen and (min-width: 120.063em) {  } /* min-width 1921px, xxlarge screens */

@media only screen and (max-width: 1300px) {
	#vmenu { width: 100%; margin-left: 0; position: relative !important;}
	#vmenu dd { display: inline-block; float: left; width: calc(100% / 7); }
	
}

@media only screen and (max-width: 870px) {
	#vmenu { position: relative !important; }
	section#breakimg { height: 60vh; }
	#vmenu dd { display: inline-block; float: left; width: 25%; }
}

@media only screen and (max-width: 550px) {

	#vmenu dd { display: inline-block; float: left; width: 100%;  }
	#vmenu dd.active a { font-weight: bold; } 
}

@media only screen and (min-width: 641px) and (max-width: 1300px) { section#breakimg { height: 60vh !important; } #breakimg .text { padding: 0; } }}

/* Background pattern from subtlepatterns.com */