@import url('https://fonts.googleapis.com/css?family=Open+Sans:400,600');

/* ### general ### */
* { margin: 0px; padding: 0px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
html, body { font-family: 'Calibri','Open Sans',sans-serif; font-size: 16px; color: #000;word-break:normal; }
input, select, textarea { font-family: 'Calibri','Open Sans',sans-serif; font-size: 16px; color: #000; }
body { background: #fff; }
img { border: 0px; display: block; }
ul, li { list-style: none; }
:focus { outline: none; }

/* ### global classes ### */
.clear { clear: both; visibility: hidden; line-height: 0; height: 0; }
.center { margin: 0 auto; max-width: 1285px; position: relative; }

/* ### wrapper ### */
#wrapper { position: relative; display: block; width: 100%; min-height: 100%; overflow-x: hidden; }

/* ### main container ### */
#mainCntr { width: 100%; }

	/* ### header container ### */
	#headerCntr { position: relative; width: 100%; height: 150px; background: #fff url(../images/header-bg.png) repeat-x 0 bottom; }
	#headerCntr .logo { position: absolute; top: 40px; left: 0px; }
	#headerCntr .logo img { display: inline; width: 70% }

/* ### links box ### */
.linksBox { position: absolute; top: 22px; right: 0; }
.linksBox li { float: left; background: url(../images/links-sep.png) no-repeat right; padding: 0 19px 0 17px; font-size: 16px; }
.linksBox li:last-of-type { background: none; padding-right: 0; }
.linksBox li a { color: #000; text-decoration: none; }
.linksBox li a:hover { text-decoration: underline; }

/* ### menu box ### */
.menuBox:not(.mm-menu) { position: absolute; top: 108px; right: 0px; }
.menuBox:not(.mm-menu) li { float: left; margin-left: 30px; font-size: 18px; }
.menuBox:not(.mm-menu) li a { color: #000; text-decoration: none; display: block; padding-bottom: 4px; }
.menuBox:not(.mm-menu) li a:hover, .menuBox:not(.mm-menu) li.active a { background: url(../images/menu-hover.png) repeat-x 0 bottom; }
.menuBox:not(.mm-menu) li ul { padding: 17px 20px 25px 20px; display: none; position: absolute; top: 27px; width: auto; background: #fff; z-index: 999 }
.menuBox:not(.mm-menu) li:hover ul { display: block; }
.menuBox:not(.mm-menu) li:hover li:first-child a, .menuBox li:hover li a { padding: 0 15px; }
.menuBox:not(.mm-menu) li:hover li a { line-height: 18px; display: inline-block; color: #000; background: none; }
.menuBox:not(.mm-menu) li li a:hover { color: #EE2323; }
.menuBox:not(.mm-menu) li li { width: 100%; margin-left: 0px; float: none;}
.menuBox:not(.mm-menu) a.menu, .menuBox a.submenu { display: none; }

.mobileMenu {display: none;cursor:pointer;z-index:15;float:left;display:none;width:40px;height:40px;position:relative;transition:.2s;overflow:hidden}
.mobileMenu span{display:block;height:4px;text-indent:-9999px;border-radius:5px;background:#000;position:absolute;top:50%;right:20%;left:20%;transition:.2s}
.mobileMenu span:before,.mobileMenu span:after{display:block;width:100%;height:4px;content:'';border-radius:5px;background-color:#000;transition-duration:0.2s,.2s;position:absolute;left:0}
.mobileMenu span:before{top:-7px;transition-property:top,transform}
.mobileMenu span:after{bottom:-7px;transition-property:bottom,transform}
.mm-opened .mobileMenu span{background:none}
.mm-opened .mobileMenu.active span:before,.mm-opened .header__menu-toggle.active span:after{transition-delay:0s,.2s}
.mm-opened .mobileMenu span:before{top:0;transform:rotate(45deg)}
.mm-opened .mobileMenu span:after{bottom:0;transform:rotate(-45deg)}


	/* ### content container ### */
	#contentCntr { width: 100%; background: #f7f7f7 url(../images/content-bg.png) repeat-x 0 bottom; padding: 46px 0 56px 0; margin-bottom: 36px; }

		/* ### left container ### */
		#leftCntr { float: left; width: 78%; padding-right: 50px; padding-top: 0px;margin-bottom: 25px; }
		#leftCntr .Left_intro { line-height: 24px;  background-color: lightgray;  }
		#leftCntr .Left_intro .intro_text {column-count: 2; padding: 25px;width: 95%; padding-right: 0px; }
		#leftCntr .Left_intro p { margin-bottom: 10px;}
		#leftCntr .Left_intro p a { color: #000; text-decoration: underline;  }
		#leftCntr .Left_intro p a:hover { text-decoration: underline; }
		#leftCntr .Left_intro a.link { float: right; text-decoration: none; padding-left: 29px; color: #000; background: url(../images/icon1.png) no-repeat left; }
		#leftCntr .Left_intro u {padding-left: 29px; text-decoration: none; color: #000; background: url(../images/icon1.png) no-repeat left; font-weight: bold;}
		#leftCntr h3 { display: block; /*padding-left: 30px; background: url(../images/icon1.png) no-repeat left;*/ font-weight: bold; margin-bottom: 10px; } 
		
		#leftCntr .Left { width: 60%; float: left; padding-right: 50px; }
		#leftCntr .Right { width: 40%; float: left; }

			/* ### slider box ### */
			.sliderBox { width: 100%; }
			.sliderBox .slider { width: 100%; margin-bottom: 20px; }
			.sliderBox ul { width: 100%; }
			.sliderBox li { width: 100%; }
			.sliderBox li img { width: 100%; }
			.sliderBox .text { overflow: hidden; }
			.sliderBox span.head { font-size: 18px; font-weight: bold; display: block; margin-bottom: 8px; }
			.sliderBox p { line-height: 24px; margin-bottom: 40px; }
			.sliderBox a.link { float: right; text-decoration: none; padding-left: 29px; color: #000; background: url(../images/icon1.png) no-repeat left; }
			.sliderBox a.link:hover { text-decoration: underline; }
			
			.subText .holder { -webkit-column-count: 2; /* Chrome, Safari, Opera */
				-moz-column-count: 2; /* Firefox */
				column-count: 2;
				-webkit-column-gap: 60px; /* Chrome, Safari, Opera */
				-moz-column-gap: 60px; /* Firefox */
				column-gap: 60px;
			}
			.subText h1 { font-size: 24px; font-weight: bold; padding-left: 34px; margin-bottom: 32px; color: #000; background: url(../images/minilogo.png) no-repeat  0px 9px; }
			.subText h2 { font-size: 16px; font-weight: bold;}
			.subText p { line-height: 24px; margin-bottom: 20px; }
			.subText img { max-width: 955px; }
			.subText a {  color: #de6c0b; }
			.subText a:hover { text-decoration: none; }
			.subText ul, .subText ol { padding-bottom: 30px;}
			.subText ul li, .subText ol li {margin-left:20px;padding-left:10px; line-height: 24px; font-size: 16px; list-style: disc}
			.subText ol li { list-style: decimal}
			
			.subText .col1,.subText .col2 { float: left; width: 46%}
			.subText .col1 { padding-right: 30px;}
			
			.subText .country_1,subText .country_2 {float: left; width: auto}
			.subText .country_1 { margin-right: 85px;}
			
			.subText .holder img,.subText .col1 img,.subText .col2 img{ width: 100%; max-width: 390px; margin: 5px; }
			
			.docbox { width: 100%; background-color: white; padding: 15px; margin-top: 20px; }
			.docbox article { float: left; width: 50%; padding: 25px;padding-left: 0px; overflow:auto; }
			.docbox article:nth-child(even){clear:both;}
			.docbox article a { color: black; text-decoration: none}
			.docbox article a:hover { color: #de6c0b;}
			.docbox article img,.docbox article div { float: left }
			.docbox article img { width: 44px; margin-right: 14px; padding-bottom: 30px; }
			.docbox article div { max-width: 324px; }
			.docbox article div span { display: block; font-size: 12px; padding-top: 13px; }
			.docbox article:nth-child(2n+1) {padding-left: 25px; padding-right: 0px; }
			#leftCntr .docbox article h3 { padding: 0; display: block; background: none; margin-bottom: 5px; }
			
			.logobox { width: 100%; background-color: white; padding: 15px; margin-top: 20px; }
			.logobox h3 { padding-bottom: 20px }
			.logobox figure { box-shadow: 4px 4px #b9b9b9; float: left; border: 1px solid #b1b1b1; margin-right: 27px; margin-bottom: 27px; }
			.logobox figure:hover { box-shadow: 8px 8px #b9b9b9; position: relative; top: -8px; right: -8px; }
			.logobox figure img { width: 100px; }
			
			.logobox2 { width: 100%; background-color: white; padding: 15px; margin-top: 20px; }
			.logobox2 h3 { padding-bottom: 20px }
			.logobox2 li { float: left; border: 0px solid #b1b1b1; margin-right: 27px; margin-bottom: 27px; }
			.logobox2 li img { width: 98px; }

			
			.newsBox h1 { font-size: 24px; font-weight: bold; padding-left: 34px; margin-bottom: 32px; color: #000; background: url(../images/minilogo.png) no-repeat 0px 9px; }
			.newsBox h2 { font-size: 16px; font-weight: bold;}
			.newsBox p { line-height: 24px; margin-bottom: 20px; }
			.newsBox a {  color: #de6c0b; }
			.newsBox a:hover { text-decoration: none; }
			.newsBox .holder { padding-top: 30px; clear: both; -webkit-column-count: 2; /* Chrome, Safari, Opera */
				-moz-column-count: 2; /* Firefox */
				column-count: 2;
				-webkit-column-gap: 40px; /* Chrome, Safari, Opera */
				-moz-column-gap: 40px; /* Firefox */
				column-gap: 40px;
			}
			.newsBox ul,.newsBox ol {padding-bottom: 30px;}
			.newsBox ul li,.newsBox ol li  {margin-left:20px;padding-left:10px; line-height: 24px; font-size: 16px; list-style: disc}
			.newsBox ol li { list-style: decimal}
			
			.eventBox .col1,.eventBox .col2 { float: left; width: 50%; }
			.eventBox .col1 { padding-right: 50px;}
			.eventBox img.introimg { width: 100%; margin-bottom: 20px; }
			.eventBox img.sub { }
			.eventBox p.intro {margin: 0 38px 30px 0; width: 100%; /*float:left;*/ font-weight: bold}
			.eventBox ul.news { list-style-type: none; overflow: hidden; }
			.eventBox ul.news li { float: left; width: 100%; padding-bottom: 15px; list-style: none; margin-left: 0px; padding-left: 0px;}
			.eventBox ul.news{ padding-top: 0px; }
			.eventBox ol.news { padding-top: 15px; padding-left: 15px; }
			.eventBox ul.news li h3,.eventBox ol.news li h3 { padding: 0px 0 0 0; font-family: arial; color: #000; }
			.eventBox ul.news li h3 a,.eventBox ol.news li h3 a { text-decoration: none; color: #000; font-family: arial; line-height: 16px; }
			.eventBox ul.news li h3 a:hover,.eventBox ol.news li h3 a:hover { color:#585858}
			.eventBox ul.news li p ,.eventBox ul.news li p{ padding-bottom: 0; }
			.eventBox ul.news li .img { width:46%; float:left; margin-right: 30px;}
			.eventBox ul.news li .img img { width: 90% }
			.eventBox ul.news li .item {float:left; width:46%}
			
			.eventBox ul.pagination li { float: left; padding-bottom: 15px; list-style: none; margin-left: 0px; padding-left: 10px;}

			/* ### details box ### */
			.detailsBox { width: 100%; }
			.detailsBox .photo { width: 100%; position: relative; }
			.detailsBox img { width: 100%; }
			.detailsBox .photo.gap { margin-bottom: 27px; }
			.detailsBox .text { font-size: 15px; position: absolute; bottom: 24px; right: 0; display: block; width: 80%; padding: 12px 13px 12px 26px; background: rgba(255,255,255,0.83); text-align: right; }

			/* ### map box ### */
			.mapBox { width: 100%; padding-top: 0px; overflow: hidden; }
			.mapBox span.head { padding-left: 30px; display: block; background: url(../images/icon1.png) no-repeat left; font-weight: bold; margin-bottom: 10px; }
			.mapBox .map { width: 100%; position: relative; height: 310px; background-color: white}
			.mapBox .map img.big { width: 100%; }
			.mapBox .map img.zoom { position: absolute; top: 14px; left: 24px; }
			/*.mapBox .map #vmap { left:-90px; top: -20px; }*/
			
			.logo_box { margin-top: 25px; margin-bottom: 25px; line-height: 24px;  background-color: white; }
			.logo_box .inner { padding: 25px;width: 94%; min-height:120px;  }
			.logo_box h3 { padding-left: 30px; display: block; background: url(../images/icon1.png) no-repeat left; font-weight: bold; margin-bottom: 20px; } 
			.logo_box .inner li { display: inline-block; padding-right: 25px; min-height: 100px; }

		/* ### right container ### */
		#rightCntr { float: right; width: 22% }

			/* ### logos box ### */
			.logosBox { width: 100%; background: #fff; padding: 22px 30px; margin-bottom: 40px; }
			.logosBox h3 { font-size: 16px;  color: #000; line-height: 30px; padding-left: 29px; margin-bottom: 15px; text-decoration: none; color: #000; background: url(../images/icon1.png) no-repeat left; font-weight: bold; }
			.logosBox ul { width: 100%; }
			.logosBox li strong { display: block } 
			.logosBox li a { clear: both; float: right; text-decoration: underline; color: #000; }
			.logosBox li { display: block; width: 100%; padding-bottom: 34px; }
			.logosBox img { display: inline; max-width: 100%; }
			
			.logosBox2 { width: 100%; background: #fff; padding: 15px 0 0 0; margin-bottom: 40px; }
			.logosBox2 h3 { padding-left: 29px; margin-left: 29px; font-size: 16px;  color: #000; line-height: 30px; padding-left: 29px; margin-bottom: 15px; text-decoration: none; color: #000; background: url(../images/icon1.png) no-repeat left; font-weight: bold; }
			.logosBox2 ul { width: 100%; text-align: center; }
			.logosBox2 li { display: block; text-align: center; width: 100%; padding-bottom: 21px; }
			.logosBox2 img { display: inline; max-width: 100%; }

			/* ### twitter box ### */
			.twitterBox { width: 100%; background: #fff; padding: 22px 30px; }
			
			.twitterBox  { padding-left: 40px; margin-top: 0px; overflow: hidden; background: #fff; }
			.twitterBox  p { padding-bottom: 18px; color: #000; word-wrap: break-word; }
			.twitterBox  p a{ color: #be0016; letter-spacing: -0.03em; }
			.twitterBox  p a:hover { text-decoration: none; }
			.twitterBox  #twitter-feed { clear: both }
			.twitterBox h3 { padding: 0 0 10px 0; font-size: 14px;  color: #000; line-height: 30px; }
			.twitterBox h3 a { color: #000; text-decoration: none; }
			.twitterBox h3 a:hover { text-decoration: underline; }
			.twitterBox h3 img { float: left; }
			.twitterBox p span { color: #727272; display: block; }
			.twitterBox .twitter p span a{ color: #727272; text-decoration: none;}
			.twitterBox .twitter p span a:hover { color: #be0016; }

	/* ### footer container ### */
	#footerCntr { overflow: hidden; width: 100%; background: #8b8b8b; }
	#footerCntr h3 { color: white; font-weight: normal; padding-bottom: 10px; font-size: 16px; }
	#footerCntr .box1, #footerCntr .box2, #footerCntr .box3 { padding: 20px; padding-right: 0px; float: left; width: 33% }
	#footerCntr .box2 { text-align: center }
	#footerCntr .box3 { text-align: right }
	#footerCntr .box3 p {float: none}
	
#footerCntr ul {  }
#footerCntr li { display: inline-block; margin-right:11px; }
#footerCntr li img { display: inline; }
#footerCntr p { line-height: 18px; position: relative; float: left; z-index: 100; font-size: 11px; color: #fff; font-family: Arial; }

#footerCntr p.right { float: right; padding-bottom: 10px; }
#footerCntr a { color: #fff; text-decoration: none; font-size: 14px; }
#footerCntr a:hover { text-decoration: underline; }
#footerCntr .box3 input {height: 27px; padding: 7px; color: black; margin: none; border: none; width: 150px;}
#footerCntr .box3 #newsletter_footer { height: 27px; padding: none; margin: none; border: none; width: 50px; position: relative; top:-2px; cursor: pointer }
#footerCntr .box3 #newsletter_footer:hover { background-color:#222222; color: white }

/* #Media Queries
================================================== */

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

	#headerCntr .logo { left: 15px; }

	.menuBox:not(.mm-menu) { right: 15px; }

	.linksBox { right: 15px; }

    .center { padding-right: 15px !important; padding-left: 15px !important; }

	#leftCntr .Left { width: 55%; padding-right: 30px; }
	#leftCntr .Right { width: 45%; }

	#leftCntr { width: 70%; padding-right: 30px; }
	#rightCntr { width: 30%; }

	.sliderBox p { margin-bottom: 20px; }
	
	.eventBox ul.news li .img { float:left; margin-right: 30px;}
	#footerCntr .box1, #footerCntr .box2, #footerCntr .box3 { padding-left: 0px;
}


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

	html, body { font-family: 'Open Sans',sans-serif; }
	input, select, textarea { font-family: 'Open Sans',sans-serif; }


	.menuBox:not(.mm-menu) {right: 0;text-align: center;width: 100%;}
	.menuBox ul {margin:auto; display: inline-table}
	.menuBox:not(.mm-menu) li {  display: inline}
	.menuBox:not(.mm-menu) li:first-child { margin-left: 0px; }
	
	/*#headerCntr .logo { width: 100%; left: 0; text-align: center; }
	#headerCntr .logo img { display: inline; }*/

	#leftCntr .Left { width: 100%; padding-right: 0; }
	#leftCntr .Right { width: 100%; padding-top: 30px; }

	#leftCntr { width: 65%; }
	#rightCntr { width: 35%; }

	.mapBox { padding-top: 30px; }
	
	
	.eventBox p.intro { float: none; width: 100% }
	.eventBox img.introimg { float: none; width: 90% }
	
	.eventBox ul.news li .img { width:100%; float:none; margin-right: 0px; }
	.eventBox ul.news li .img img { width: 90% }
	.eventBox ul.news li .item {float:none; width:90%;padding-top: 30px;}

}

@media only screen and (max-width: 767px) {
	
	.menuBox:not(.mm-menu) { display: none; }
	.mobileMenu { display: block; }
	
	#headerCntr .logo { padding: 0 50px; top: 45px; }
	#headerCntr .logo img { width: 350px; }

	#headerCntr { height: 140px; }

	#leftCntr { clear: both; width: 50%; padding-right: 10px; }
	#leftCntr.nr2 { width: 100% }
	#rightCntr { width: 50%; }

	#contentCntr { margin-bottom: 16px; }
	
	#footerCntr .box3 { float: none; width: 100%;  padding-top: 10px; text-align: left}
	#footerCntr .box1 { width: 54%; padding-bottom: 5px; padding-top: 10px; }
	#footerCntr .box2 { width: 45%; padding-bottom: 5px; padding-top: 10px; }
	
	#footerCntr ul { position: static; padding-bottom: 0px; }
	#footerCntr p { float: none; text-align: center; }
	#footerCntr p.right { float: none; }
	
	
	.newsBox .holder { padding-top: 30px; clear: both; -webkit-column-count: 1; /* Chrome, Safari, Opera */
				-moz-column-count: 1; /* Firefox */
				column-count: 1;
	}
	
	.subText .holder { -webkit-column-count: 1; /* Chrome, Safari, Opera */
				-moz-column-count: 1; /* Firefox */
				column-count: 1;
	}
	
	.subText .col1,.subText .col2 { float: none; width: 100%}
	.subText .col1 { padding-right: 0px;}
	
	.docbox article { float: none; width: 100%; padding: 15px;}
	.docbox article:nth-child(2n+1) {padding: 15px; }
	.docbox article div { float:none; }

}

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

	#headerCntr .logo img { width: 280px; }

	.linksBox { top: 14px; }

	#contentCntr { padding: 30px 0 40px 0; }

	#headerCntr { height: 120px; }

	#leftCntr { width: 100%; padding-right: 0; }
	#rightCntr { width: 100%; padding-top: 30px; }
	
	.eventBox .col1, .eventBox .col2 { width: 105%; }

	
	#footerCntr .box1, #footerCntr .box2 , #footerCntr .box2 { float: none; width: 100%;  text-align: left}

}