/* =========================== Font-face ======================= */
/* ============================================================= */
/*
@font-face {
    font-family: 'pfdindisplay-light';
    src: url('fonts/pfdindisplaypro-light-webfont.eot');
    src: url('fonts/pfdindisplaypro-light-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/pfdindisplaypro-light-webfont.woff') format('woff'),
         url('fonts/pfdindisplaypro-light-webfont.ttf') format('truetype'),
         url('fonts/pfdindisplaypro-light-webfont.svg#pf_dindisplay_prolight') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'pfdindisplay-regular';
    src: url('fonts/pfdindisplaypro-reg-webfont.eot');
    src: url('fonts/pfdindisplaypro-reg-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/pfdindisplaypro-reg-webfont.woff') format('woff'),
         url('fonts/pfdindisplaypro-reg-webfont.ttf') format('truetype'),
         url('fonts/pfdindisplaypro-reg-webfont.svg#pf_dindisplay_proregular') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'nexa-lightregular';
    src: url('fonts/nexa_light-webfont.eot');
    src: url('fonts/nexa_light-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/nexa_light-webfont.woff') format('woff'),
         url('fonts/nexa_light-webfont.ttf') format('truetype'),
         url('fonts/nexa_light-webfont.svg#nexa_lightregular') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'nexa-boldregular';
    src: url('fonts/nexa_bold-webfont.eot');
    src: url('fonts/nexa_bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/nexa_bold-webfont.woff') format('woff'),
         url('fonts/nexa_bold-webfont.ttf') format('truetype'),
         url('fonts/nexa_bold-webfont.svg#nexa_boldregular') format('svg');
    font-weight: normal;
    font-style: normal;

}
*/

@font-face {
    font-family: 'nexa-lightregular';
    src: url('fonts/nexa_light-webfont.eot');
    src: url('fonts/nexa_light-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/nexa_light-webfont.woff') format('woff'),
         url('fonts/nexa_light-webfont.ttf') format('truetype'),
         url('fonts/nexa_light-webfont.svg#nexa_lightregular') format('svg');
    font-weight: normal;
    font-style: normal;
}
/* NeueHaas Unica Pro */
@font-face {
    font-family: 'NHUPul';
    src: url('fonts/NeueHaasUnicaProUltraLight.eot');
    src: url('fonts/NeueHaasUnicaProUltraLight.eot') format('embedded-opentype'),
         url('fonts/NeueHaasUnicaProUltraLight.woff2') format('woff2'),
         url('fonts/NeueHaasUnicaProUltraLight.woff') format('woff'),
         url('fonts/NeueHaasUnicaProUltraLight.ttf') format('truetype'),
         url('fonts/NeueHaasUnicaProUltraLight.svg#NeueHaasUnicaProUltraLight') format('svg');
}
@font-face {
    font-family: 'NHUPt';
    src: url('fonts/NeueHaasUnicaProThin.eot');
    src: url('fonts/NeueHaasUnicaProThin.eot') format('embedded-opentype'),
         url('fonts/NeueHaasUnicaProThin.woff2') format('woff2'),
         url('fonts/NeueHaasUnicaProThin.woff') format('woff'),
         url('fonts/NeueHaasUnicaProThin.ttf') format('truetype'),
         url('fonts/NeueHaasUnicaProThin.svg#NeueHaasUnicaProThin') format('svg');
}
@font-face {
    font-family: 'NHUPl';
    src: url('fonts/NeueHaasUnicaProLight.eot');
    src: url('fonts/NeueHaasUnicaProLight.eot') format('embedded-opentype'),
         url('fonts/NeueHaasUnicaProLight.woff2') format('woff2'),
         url('fonts/NeueHaasUnicaProLight.woff') format('woff'),
         url('fonts/NeueHaasUnicaProLight.ttf') format('truetype'),
         url('fonts/NeueHaasUnicaProLight.svg#NeueHaasUnicaProLight') format('svg');
}
@font-face {
    font-family: 'NHUPr';
    src: url('fonts/NeueHaasUnicaProRegular.eot');
    src: url('fonts/NeueHaasUnicaProRegular.eot') format('embedded-opentype'),
         url('fonts/NeueHaasUnicaProRegular.woff2') format('woff2'),
         url('fonts/NeueHaasUnicaProRegular.woff') format('woff'),
         url('fonts/NeueHaasUnicaProRegular.ttf') format('truetype'),
         url('fonts/NeueHaasUnicaProRegular.svg#NeueHaasUnicaProRegular') format('svg');
}
@font-face {
    font-family: 'NHUPm';
    src: url('fonts/NeueHaasUnicaProMedium.eot');
    src: url('fonts/NeueHaasUnicaProMedium.eot') format('embedded-opentype'),
         url('fonts/NeueHaasUnicaProMedium.woff2') format('woff2'),
         url('fonts/NeueHaasUnicaProMedium.woff') format('woff'),
         url('fonts/NeueHaasUnicaProMedium.ttf') format('truetype'),
         url('fonts/NeueHaasUnicaProMedium.svg#NeueHaasUnicaProMedium') format('svg');
}
@font-face {
    font-family: 'NHUPb';
    src: url('fonts/NeueHaasUnicaProBold.eot');
    src: url('fonts/NeueHaasUnicaProBold.eot') format('embedded-opentype'),
         url('fonts/NeueHaasUnicaProBold.woff2') format('woff2'),
         url('fonts/NeueHaasUnicaProBold.woff') format('woff'),
         url('fonts/NeueHaasUnicaProBold.ttf') format('truetype'),
         url('fonts/NeueHaasUnicaProBold.svg#NeueHaasUnicaProBold') format('svg');
}
@font-face {
    font-family: 'NHUPh';
    src: url('fonts/NeueHaasUnicaProHeavy.eot');
    src: url('fonts/NeueHaasUnicaProHeavy.eot') format('embedded-opentype'),
         url('fonts/NeueHaasUnicaProHeavy.woff2') format('woff2'),
         url('fonts/NeueHaasUnicaProHeavy.woff') format('woff'),
         url('fonts/NeueHaasUnicaProHeavy.ttf') format('truetype'),
         url('fonts/NeueHaasUnicaProHeavy.svg#NeueHaasUnicaProHeavy') format('svg');
}
@font-face {
    font-family: 'NHUPbk';
    src: url('fonts/NeueHaasUnicaProBlack.eot');
    src: url('fonts/NeueHaasUnicaProBlack.eot') format('embedded-opentype'),
         url('fonts/NeueHaasUnicaProBlack.woff2') format('woff2'),
         url('fonts/NeueHaasUnicaProBlack.woff') format('woff'),
         url('fonts/NeueHaasUnicaProBlack.ttf') format('truetype'),
         url('fonts/NeueHaasUnicaProBlack.svg#NeueHaasUnicaProBlack') format('svg');
}
@font-face {
    font-family: 'NHUPxbk';
    src: url('fonts/NeueHaasUnicaProXBlack.eot');
    src: url('fonts/NeueHaasUnicaProXBlack.eot') format('embedded-opentype'),
         url('fonts/NeueHaasUnicaProXBlack.woff2') format('woff2'),
         url('fonts/NeueHaasUnicaProXBlack.woff') format('woff'),
         url('fonts/NeueHaasUnicaProXBlack.ttf') format('truetype'),
         url('fonts/NeueHaasUnicaProXBlack.svg#NeueHaasUnicaProXBlack') format('svg');
}
.NHUPul {font-family: 'NHUPul', sans-serif;} /* ultra light */
.NHUPt {font-family: 'NHUPt', sans-serif;} /* thin */
.NHUPl {font-family: 'NHUPl', sans-serif;} /* light */
.NHUPr {font-family: 'NHUPr', sans-serif;} /* regular */
.NHUPm {font-family: 'NHUPm', sans-serif;} /* medium */
.NHUPb {font-family: 'NHUPb', sans-serif;} /* bold */
.NHUPh {font-family: 'NHUPh', sans-serif;} /* heavy */
.NHUPbk {font-family: 'NHUPbk', sans-serif;} /* black */
.NHUPxbk {font-family: 'NHUPxbk', sans-serif;} /* extra black*/

/* NeueHaas Unica Pro ITALIC */
@font-face {
    font-family: 'NHUPulit';
    src: url('fonts/NeueHaasUnicaProUltLightIt.eot');
    src: url('fonts/NeueHaasUnicaProUltLightIt.eot') format('embedded-opentype'),
         url('fonts/NeueHaasUnicaProUltLightIt.woff2') format('woff2'),
         url('fonts/NeueHaasUnicaProUltLightIt.woff') format('woff'),
         url('fonts/NeueHaasUnicaProUltLightIt.ttf') format('truetype'),
         url('fonts/NeueHaasUnicaProUltLightIt.svg#NeueHaasUnicaProUltLightIt') format('svg');
}
@font-face {
    font-family: 'NHUPtit';
    src: url('fonts/NeueHaasUnicaProThinItalic.eot');
    src: url('fonts/NeueHaasUnicaProThinItalic.eot') format('embedded-opentype'),
         url('fonts/NeueHaasUnicaProThinItalic.woff2') format('woff2'),
         url('fonts/NeueHaasUnicaProThinItalic.woff') format('woff'),
         url('fonts/NeueHaasUnicaProThinItalic.ttf') format('truetype'),
         url('fonts/NeueHaasUnicaProThinItalic.svg#NeueHaasUnicaProThinItalic') format('svg');
}
@font-face {
    font-family: 'NHUPlit';
    src: url('fonts/NeueHaasUnicaProLightIt.eot');
    src: url('fonts/NeueHaasUnicaProLightIt.eot') format('embedded-opentype'),
         url('fonts/NeueHaasUnicaProLightIt.woff2') format('woff2'),
         url('fonts/NeueHaasUnicaProLightIt.woff') format('woff'),
         url('fonts/NeueHaasUnicaProLightIt.ttf') format('truetype'),
         url('fonts/NeueHaasUnicaProLightIt.svg#NeueHaasUnicaProLightIt') format('svg');
}
@font-face {
    font-family: 'NHUPrit';
    src: url('fonts/NeueHaasUnicaProItalic.eot');
    src: url('fonts/NeueHaasUnicaProItalic.eot') format('embedded-opentype'),
         url('fonts/NeueHaasUnicaProItalic.woff2') format('woff2'),
         url('fonts/NeueHaasUnicaProItalic.woff') format('woff'),
         url('fonts/NeueHaasUnicaProItalic.ttf') format('truetype'),
         url('fonts/NeueHaasUnicaProItalic.svg#NeueHaasUnicaProItalic') format('svg');
}
@font-face {
    font-family: 'NHUPmit';
    src: url('fonts/NeueHaasUnicaProMediumIt.eot');
    src: url('fonts/NeueHaasUnicaProMediumIt.eot') format('embedded-opentype'),
         url('fonts/NeueHaasUnicaProMediumIt.woff2') format('woff2'),
         url('fonts/NeueHaasUnicaProMediumIt.woff') format('woff'),
         url('fonts/NeueHaasUnicaProMediumIt.ttf') format('truetype'),
         url('fonts/NeueHaasUnicaProMediumIt.svg#NeueHaasUnicaProMediumIt') format('svg');
}
@font-face {
    font-family: 'NHUPbit';
    src: url('fonts/NeueHaasUnicaProBoldItalic.eot');
    src: url('fonts/NeueHaasUnicaProBoldItalic.eot') format('embedded-opentype'),
         url('fonts/NeueHaasUnicaProBoldItalic.woff2') format('woff2'),
         url('fonts/NeueHaasUnicaProBoldItalic.woff') format('woff'),
         url('fonts/NeueHaasUnicaProBoldItalic.ttf') format('truetype'),
         url('fonts/NeueHaasUnicaProBoldItalic.svg#NeueHaasUnicaProBoldItalic') format('svg');
}
@font-face {
    font-family: 'NHUPhit';
    src: url('fonts/NeueHaasUnicaProHeavyIt.eot');
    src: url('fonts/NeueHaasUnicaProHeavyIt.eot') format('embedded-opentype'),
         url('fonts/NeueHaasUnicaProHeavyIt.woff2') format('woff2'),
         url('fonts/NeueHaasUnicaProHeavyIt.woff') format('woff'),
         url('fonts/NeueHaasUnicaProHeavyIt.ttf') format('truetype'),
         url('fonts/NeueHaasUnicaProHeavyIt.svg#NeueHaasUnicaProHeavyIt') format('svg');
}
@font-face {
    font-family: 'NHUPbkit';
    src: url('fonts/NeueHaasUnicaProBlackIt.eot');
    src: url('fonts/NeueHaasUnicaProBlackIt.eot') format('embedded-opentype'),
         url('fonts/NeueHaasUnicaProBlackIt.woff2') format('woff2'),
         url('fonts/NeueHaasUnicaProBlackIt.woff') format('woff'),
         url('fonts/NeueHaasUnicaProBlackIt.ttf') format('truetype'),
         url('fonts/NeueHaasUnicaProBlackIt.svg#NeueHaasUnicaProBlackIt') format('svg');
}
@font-face {
    font-family: 'NHUPxbkit';
    src: url('fonts/NeueHaasUnicaProXBlackIt.eot');
    src: url('fonts/NeueHaasUnicaProXBlackIt.eot') format('embedded-opentype'),
         url('fonts/NeueHaasUnicaProXBlackIt.woff2') format('woff2'),
         url('fonts/NeueHaasUnicaProXBlackIt.woff') format('woff'),
         url('fonts/NeueHaasUnicaProXBlackIt.ttf') format('truetype'),
         url('fonts/NeueHaasUnicaProXBlackIt.svg#NeueHaasUnicaProXBlackIt') format('svg');
}
.NHUPulit {font-family: 'NHUPulit', sans-serif;}
.NHUPtit {font-family: 'NHUPtit', sans-serif;}
.NHUPlit {font-family: 'NHUPlit', sans-serif;}
.NHUPrit {font-family: 'NHUPrit', sans-serif;}
.NHUPmit {font-family: 'NHUPmit', sans-serif;}
.NHUPbit {font-family: 'NHUPbit', sans-serif;}
.NHUPhit {font-family: 'NHUPhit', sans-serif;}
.NHUPbkit {font-family: 'NHUPbkit', sans-serif;}
.NHUPxbkit {font-family: 'NHUPxbkit', sans-serif;}

/* main-menu icons */
@font-face {
	font-family: 'icomoon';
	src:url('fonts/icomoon.eot?-eg5h8');
	src:url('fonts/icomoon.eot?#iefix-eg5h8') format('embedded-opentype'),
		url('fonts/icomoon.woff?-eg5h8') format('woff'),
		url('fonts/icomoon.ttf?-eg5h8') format('truetype'),
		url('fonts/icomoon.svg?-eg5h8#icomoon') format('svg');
	font-weight: normal;
	font-style: normal;
}
[class^="icon-"], [class*=" icon-"] {
	font-family: 'icomoon';
	speak: none;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	line-height: 1;

	/* Better Font Rendering =========== */
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}
.icon-book:before {content: "\e600";}
.icon-leaf:before {content: "\e601";}
.icon-photo:before {content: "\e602";}


/* =========================== RESET =========================== */
/* ============================================================= */

/** * html5doctor.com Reset Stylesheet v1.6.1 (http://html5doctor.com/html-5-reset-stylesheet/) * Richard Clark (http://richclarkdesign.com) * http://cssreset.com */
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary, time, mark, audio, video{
	margin:0;
	padding:0;
	border:0;
	outline:0;
	font-size:100%;
	background:transparent;
}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section{
	display:block;
}
ul{
	list-style:none;
}
a{
	margin:0;
	padding:0;
	font-size:100%;
	background:transparent;
	text-decoration: none;
	color: inherit;
}
table{
	border-collapse:collapse;
	border-spacing:0;
}
input[type="text"], input[type="submit"], input[type="button"], textarea{-webkit-appearance: none; font-family: Arial, Helvetica, sans-serif; border-radius: 0;}

h1, h2, h3, h4, h5, h6, p{margin: 0.5em 0; padding: 0;}
img{max-width: 100%;}

/* =========================== Layout styles =================== */
/* ============================================================= */

body{background: #dbdbdb url('../images/bg-wood.jpg'); color: #000; font: 16px 'NHUPl', sans-serif; overflow-x: hidden;}
#wrap{min-height: 300px; background: url('') no-repeat 0 0; position: relative;}
#bg-img-wrap {position: absolute; left: 0; top: 0; background: url('../js/source/fancybox_loading.gif') no-repeat 60% center;}
#bg-img {display: none; position: absolute;}
/*#loader_img {width: 24px; height: 24px; position: absolute; top: 0; left: 0; right: 0; bottom: 0; margin: auto; display: none;}*/

/* logo */
#logo{float: left; width: 18%;}
#top{
	padding: 0; 
	margin: 0 auto; 
	height: 120px;
}
#main #top{margin-bottom: 0; left: 0; right: 0; position: fixed; z-index: 1000;}
#main{background: url(../images/bg-main.jpg) no-repeat center top; background-size: cover;}

#lang, #logo img, #lang img, #top header, #main-menu, #main-menu > ul > li > a{
	-webkit-transition: all .2s ease-in-out; 
	-moz-transition: all .2s ease-in-out;
	transition: all .2s ease-in-out;
}
#top-inner{
	background: #26a9e1;
	background: -moz-radial-gradient(center, ellipse cover,  rgba(121,195,224,0.8) 0%, rgba(8,163,224,0.8) 100%); 
	background: -webkit-radial-gradient(center, ellipse cover,  rgba(121,195,224,0.8) 0%,rgba(8,163,224,0.8) 100%); 
	background: radial-gradient(ellipse at center,  rgba(121,195,224,0.8) 0%,rgba(8,163,224,0.8) 100%); 
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#cc79c3e0', endColorstr='#cc08a3e0',GradientType=1 );
	box-shadow: 0 1px 5px 5px rgba(0,0,0,0.05);
    left: 0;
    position: fixed;
    right: 0;
    top: 0;
	z-index: 10;
}
#top header{height: 100px; padding: 20px 0 0 0; position: relative; width: 87%;}
#main.fixed-header{padding: 0;}
.fixed-header #lang{top: 21px;}
.fixed-header #logo img{margin: 8px 0 0; width: 160px;}
.fixed-header #lang img{width: 30px;}
.fixed-header #top header{padding: 3px 0 0; height: 84px;}
.fixed-header #main-menu{font-size: 0.75em !important; padding-top: 16px;}
.fixed-header #main-menu > ul > li > a {padding-top: 32px;}

/* banner */
#banner{background-color: #f2f1ed; border-top: 1px solid #cccac6; border-bottom: 1px solid #cccac6; margin: 0 0 54px 0; position: relative;}
#banner .inner{max-width: 1290px; width: 100%; margin: 0 auto; position: relative;}
#banner img{display: block;}
#banner .waves{left: 10.07751937984496%; top: 22.3062381852552%; width: 51.47286821705426%; position: absolute; z-index: 20;}
#banner .main{margin: -40px 0 -1px 0; position: relative; z-index: 10; width: 32.94573643410853%; float: right;}
#banner h1{font: 47px/88% 'nexa-lightregular', 'pfdindisplay-light', sans-serif; color: #cccac6; display: block; margin: 0; position: absolute; left: 12.01550387596899%; bottom: 17.20226843100189%; z-index: 20;}
#banner h1, #banner .waves, #banner .main{opacity: 0; 
transition: opacity .4s ease-in; -webkit-transition: opacity .4s ease-in; -moz-transition: opacity .4s ease-in;}
#imagelightbox{
	position: fixed;
	z-index: 9999;
}
#imagelightbox-loading{background: url(js/source/fancybox_loading.gif) no-repeat center center;}

/* main-content */
#main-content{text-align: center; font-size: 1em; padding-top: 250px; max-width: 1110px; margin: 0 auto;}
#main-links {font-size: 0;}
#main-links li {display: inline-block; vertical-align: top; font-size: 40px; margin: 0 70px 20px 70px;}
#main-links .first-child {margin-left: 0;}
#main-links .last-child {margin-right: 0;}
#main-links li span {color: #fff; font: 1em 'NHUPt', sans-serif; display: block;}
#main-links li a:before {font-size: 3.75em; color: #fff;}
#main-content-logo {text-align: right; padding-top: 100px;}

#main-content h2, #main-content h1, #gallery-content h2, #gallery-content h1{font: 1.5625em 'nexa-lightregular', 'pfdindisplay-light', sans-serif; text-transform: uppercase; padding: 0 6px 0 6px; margin-top: 0; margin-bottom: 10px;}
#gallery-content h3 {font: 15px "nexa-lightregular","pfdindisplay-light",sans-serif;}
#gallery-content {text-align: center; font-size: 1em; padding-top: 80px;}

#main-video {
	position: fixed;
	top: 50%;
	left: 50%;
	min-width: 100%;
	min-height: 100%;
	width: auto;
	height: auto;
	z-index: -100;
	transform: translate(-50%, -50%);
}
#content-footer-text {
	font-size: 12px;
	top: 100%;
	right: 0;
	text-align: right;
	position: absolute;
	color: #9a9a9a;
	margin: 0;
	padding-top: 14px;
}

/* featured */
#featured{overflow: hidden; padding: 0 0 29px 0; font-family: 'nexa-lightregular', 'pfdindisplay-light', sans-serif;}
#featured > li > a{padding: 51px 1.5% 35px 1.5%; display: block;}
#featured > li{text-align: center; float: left; width: 32.07207207207207%; margin-bottom: 21px; background-color: #f2f1ed; 
opacity: 0; transition: opacity 1s ease-in; -webkit-transition: opacity 1s ease-in; -moz-transition: opacity 1s ease-in;
box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box;}
#featured > li.second-block{margin-left: 1.891891891891892%; margin-right: 1.891891891891892%;}
#featured p{font-size: 0.875em; margin: 0 0 24px 0; height: 55px;}
#featured .icon{padding: 0 0 12px 0;}

/* content */
#content{margin-bottom: 82px; padding: 40px; background-color: #fff; background-color: rgba(255,255,255,0.95); border-radius: 0 0 25px 25px; box-shadow: 0 0 6px 6px rgba(0, 0, 0, 0.04); position: relative;}
#content:before {left: -45px; top: 95%; position: absolute; content: ''; width: 594px; height: 177px; background: url('../images/bg-pens.png'); z-index: -1;}
#left-col{width: 25.5%; margin: 0 4.5% 0 0; float: left;}
#right-col{width: 70%; float: right;}

#bg-refresher {display: block; background-color: #26a9e1; background-color: rgba(38,169,225, 0.8); color: #fff; font-size: 15px; font-family: 'NHUPb', sans-serif; padding: 14px 20px; border-radius: 0 35px 35px 0; line-height: 1.55; position: absolute; z-index: 3; top: 21%; left: 100%; white-space: nowrap; text-transform: uppercase;}
#bg-refresher:before {
	position: absolute;
	z-index: 2;
	width: 30px;
	height: 100%;
	top: 0;
	left: 0;
	content: '';
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#3585a8+0,26a9e1+50&0.8+0,0.8+50,0+100 */
background: -moz-linear-gradient(left,  rgba(53,133,168,0.8) 0%, rgba(38,169,225,0.8) 50%, rgba(38,169,225,0) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(left,  rgba(53,133,168,0.8) 0%,rgba(38,169,225,0.8) 50%,rgba(38,169,225,0) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to right,  rgba(53,133,168,0.8) 0%,rgba(38,169,225,0.8) 50%,rgba(38,169,225,0) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#cc3585a8', endColorstr='#0026a9e1',GradientType=1 ); /* IE6-9 */

}
#bg-refresher span {display: block; background: url('../images/icon-refresh.png') no-repeat right center; padding-right: 25px; position: relative; z-index: 3;}

/* bottom */
#bottom{background: #333; color: #fff;}
#bottom h2{font-size: 1.5625em; text-transform: uppercase;}
#bottom p{ font-size: 0.875em; line-height: 150%;}
footer{position: relative; padding: 42px 0 100px 0; background: url(../images/decor-kraan.gif) no-repeat right 58px;}
footer .arrow{position: absolute; bottom: 100%; left: 100%; background: url(../images/footer-arrow.gif) no-repeat; width: 31px; height: 23px;}

/* gallery */
.gallery{overflow: hidden; padding: 22px 0 82px 0; margin: 0 0 0 -20px; font-size: 0;}
.gallery li{vertical-align: top; display: inline-block; margin: 0 0 20px 1.769911504424779%; padding: 5px 5px 20px 5px; border: 1px solid #cccac6; width: 23.1858407079646%; box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; background-color: #fff;}
.gallery li a{font-size: 14px;}
.gallery li:nth-child(4n){}
.gallery li a, .gallery li span{display: block;}
.gallery li .thumb{margin: 0 0 15px 0;}
.gallery li .title{color: #656565; padding: 0 8px; font: 1em/117% 'nexa-lightregular', 'pfdindisplay-light', sans-serif;}
.gallery img{display: block; margin: 0 auto;}
.gallery li:hover img{opacity: 0.7; filter: alpha(opacity=70);}

div.gallery-module{opacity: 0; transition: opacity 1s ease-in; -webkit-transition: opacity 1s ease-in; -moz-transition: opacity 1s ease-in;}

/* ====================== Menus, lang, breadcumbs ============== */
/* ============================================================= */
/* main-menu */
#main-menu{float: left; width: 72%; font-size: 1em; padding: 10px 0 0 5%;}
#main-menu > ul > li{float: left; text-align: center; position: relative; margin-left: 6%;}
#main-menu > ul > li > a{padding-top: 44px;}
#main-menu > ul > li > a:before{color: #fff; position: absolute; top: 0; left: 0; right: 0; font-size: 2.2em; text-align: center;}
#main-menu > ul > li > a > span{color: #fff; font: 1.5em 'NHUPl', sans-serif; display: block; background: url(../images/arrow-menu-item.png) no-repeat right center; padding: 0 18px 3px 0;}
#main-menu ul li a{display: block;}
#submenu li.active > a {
    text-decoration: underline;
}
.toggle-menu{display: none; cursor: pointer; 
border-radius: 3px; background: rgba(255, 255, 255, 0.47) url(../images/toggle-menu.png) no-repeat center center; width: 51px; height: 41px; margin: 0 auto 11px auto; }

/* submenu */
#submenu li{padding: 10px 0;}
#submenu li a{font-size: 21px; padding-left: 21px; font-family: 'NHUPl', sans-serif;}
#submenu ul ul{padding: 10px 0 0 21px;}
#submenu li li{padding: 0; margin: 4px 0;}
#submenu li li a{text-transform: none; font-size: 16px; padding: 5px 0 5px 7px;}
#submenu li li a span{padding-left: 19px;}
#submenu ul ul ul{padding: 10px 0 0 26px;}

#submenu ul ul li.active > a{background: url(../images/active-bg.gif) repeat-y left; text-decoration: underline;}

#submenu > ul > li > a.dcjq-parent, #submenu li li a.dcjq-parent span{background: url(../images/arrows1.png) no-repeat 0 12px;}
#submenu > ul > li > a.dcjq-parent.active, #submenu li li a.active span{background-position: 0 -57px;}

#submenu li li a.dcjq-parent span{background-position: 0 8px;}
#submenu li li a.active span{background-position: 0 -61px;}

#submenu a, #submenu span{display: block;}

/* lang */
#lang{position: absolute; right: 0; top: 30px;}
#lang li{display: block; padding: 0 0 7px 0; text-align: center; float: left; margin: 0 0 0 10px;}
#lang img{display: block; vertical-align: middle; width: 38px; margin-bottom: 5px;}
#lang li a{display: block; color: #fff; font-size: 13px; text-transform: uppercase; white-space: nowrap;}
#lang li.active a{font-weight: bold;}

.iframe-video {margin: 15px 0;}
/* ======================= article styles ====================== */
/* ============================================================= */
#article{padding: 0; font-size: 1em; line-height: 140%; color: #333; text-align: justify;}
#article b{font-weight: bold;}

#article h1{font: 25px 'NHUPl', sans-serif; margin: 0 0 24px 0; padding: 0 0 4px 0; text-transform: uppercase; border-bottom: 1px solid #3ebbcb; text-align: left;}
#article h2, #article h3{font: 21px 'NHUPl', sans-serif; margin: 0 0 3px 0; color: #3ebbcb; text-align: left;}
#article h3{color: #333;}

#article ul{padding-left: 1px; margin: 0 0 20px 0;}
#article li{margin-bottom: 5px !important; margin-top: 5px !important;}

#article ul li, .list-style{padding: 0px 0 0 13px; margin: 0; background: url(../images/article-list-style.gif) no-repeat left 9px;}
#article ul ol li{background: none; padding: 0 0 0 0;}
#article ol ul li{padding: 0px 0 0 13px;}

#article ol{padding: 0 0 0 22px; margin: 0 0 20px 0;}
#article ol ol{padding: 0 0 0 20px;}
#article ol li{padding: 0; margin: 0;}

#article table{border-collapse: collapse; margin: 2em 0; width: 100%;}
#article table, #article td, #article th{border: 1px solid #bcb6b6;}
#article td, #article th{padding: 8px 10px;}
#article th{text-align: left; font-weight: bold; color: #000; background: #eee;}
#article table.noborder, #article table.noborder td, #article table.noborder th{border: none;}

#article caption{color: #fff; background-color: #2d0014; text-align: left; padding: 5px 8px;}
#article table p{margin: 0;}
#article p{margin: 0 0 25px 0;}
#article p.list-style{}
#article a{text-decoration: underline; color: #0278bc;}
#article a:hover{text-decoration: none;}
#article sub, #article sup {
    font-size: 11px;
}

.image-container{margin: 25px 0 25px 0;}
.image-container.floatLeft{float: left; margin: 0 2em 10px 0;}
.image-container.floatRight{float: right; margin: 0 0 10px 2em;}
.image-container .title{display: block;}
#article .image-container a, #article .half-half a{text-decoration: none;}
#article a .title{color: #7f7f7f; display: block; text-align: center; font-size: 13px; line-height: 145%;}
.half-half{font-size: 0;}
.half-half.float{overflow: hidden;}
.half-half .left, .half-half .right{display: inline-block; text-align: left; width: 50%; padding: 0 4% 0 0; height: 100%; vertical-align: top; box-sizing: border-box; -moz-box-sizing: border-box;}
.half-half.float .left{float: left; width: auto;}
.half-half.float .right{float: right; width: auto;}
.half-half .right{text-align: right; padding: 0 0 0 4%;}
.half-half img{display: inline-block; vertical-align: middle;}
.half-half .alignRight {text-align: right;}
.half-half .alignLeft {text-align: left;}
.alignRight img, .alignLeft img {display: inline;}

.cols{font-size: 0;}
.cols > div{display: inline-block; vertical-align: top; font-size: 16px; box-sizing: border-box; -moz-box-sizing: border-box;}
.cols.three > div{width: 33.33333333333333%;}
.cols.three > div.col1{padding-right: 3%;}
.cols.three > div.col2{padding: 0 1.5%;}
.cols.three > div.col3{padding-left: 3%;}

.cols .thumb{padding: 0 0 20px 0;}
#article .cols h3 {
    margin: 0 0 21px;
}
.cols h3 span {
    display: block;
    font-size: 13px;
}

/* global */
.bold{font-weight: bold;}
.file{display: inline-block; text-decoration: none !important; padding: 8px 0 7px 38px; line-height: 98%;}
.file.pdf{background: url(../images/icon-pdf.gif) no-repeat left center;}
.centered1{max-width: 1110px; width: 100%; margin: 0 auto;}
.alignCenter{text-align: center;}
.button{color: #fff !important; text-decoration: none !important; text-transform: uppercase; text-align: center; font: 20px 'nexa-boldregular', 'nexa-lightregular', 'pfdindisplay-light', sans-serif; display: inline-block; background: #0fc5a7; padding: 11px 35px 8px 35px; border-radius: 7px; -webkit-border-radius: 7px; -moz-border-radius: 7px;}
.button.indigo{background-color: #6a7dba;}
.button.cyan{background-color: #43a1e3;}
input.button{border: none;}
.button:after{content: " >>";}
.italic{font-style: italic;}
.separator{display: block; margin: 10px 0; background: #000; height: 1px;}
.border-grey{border: 1px solid #bfbfbf;} 
.upperCase{text-transform: uppercase;}

div.clear{clear:both; height:0px; font-size:0px; line-height:0px;}
.floatLeft{float:left;}
.floatRight{float:right;}
/* ============================== animation ======================= */
/* ============================================================= */
.already-visible {
	transform: none;
	-moz-transform: none;
	-webkit-transform: none;
	animation: none;
}
.come-in{
	-webkit-animation: come-in 1.1s ease forwards;
	-moz-animation: come-in 1.1s ease forwards;
	animation: come-in 1.1s ease forwards;
	opacity: 1 !important;
}
@-webkit-keyframes come-in {
	to { -webkit-transform: translate(0, 0); }
}
@-moz-keyframes come-in {
	to { -moz-transform: translate(0, 0); }
}
@keyframes come-in {
	to { transform: translate(0, 0); }
}

/* =========================== media queries ======================= */
/* ============================================================= */
@media screen and (max-width: 1366px){
	#main-links li {font-size: 30px;}
	#frontpage-links li a{font-size: 28px;}
	
	#main-content {padding-top: 220px;}
	#main-content-logo {padding-top: 80px;}
	#main-content-logo img {width: 580px;}
}
@media screen and (max-width: 1240px){	
	#content.centered1 {width: auto;}
}
@media screen and (max-width: 1180px){	
	#main-menu{font-size: 0.82em;}
	#lang img{width: 30px;}
	
	#content.centered1 {margin-left: 15px; margin-right: 15px;}
}
@media screen and (max-width: 1110px){
	#main-links li {
		font-size: 26px;
		margin: 0 60px 20px;
	}
	#main-content-logo img {width: 480px;}
}
@media screen and (max-width: 1024px){	
	#main-links li {font-size: 21px;}
	#main-content {padding-top: 180px;}
	#main-content-logo {padding-top: 60px;}
	#main-content-logo img {width: 420px;}
	
	#main{background-size: 106% auto;}
	#main-menu{font-size: 0.75em;}
	#top{margin: 0 0 51px 0; height: 95px;}
	#top header, #main-content, #content, footer.centered1{width: 94%; margin: 0 auto;}

	#top header {
		height: 85px;
		padding: 10px 0 0;
	}
	#lang{top: 20px;}
	#lang li {
		display: inline-block;
		margin: 0 20px 0 0;
		padding: 0;
		vertical-align: middle;
	}
	#lang img{width: 24px;}
	#main-menu > ul > li > a{padding-top: 34px;}
	footer .arrow {
		left: auto;
		right: 0;
	}	
	.fancybox-nav{width: 50% !important;}
	.fancybox-nav span{visibility: visible !important;}
}
@media screen and (max-width: 900px){
	#main-menu{font-size: 0.65em; padding-left: 3%;}	
	#main-menu > ul > li{margin-left: 32px;}
	#banner h1{font-size: 42px;}
	#main-content h2 {
		font-size: 1.2625em
	}
	.button{padding: 7px 28px 5px; font-size: 17px;}
	
	.cols.three > div{width: 50%;}
	.cols.three > div.col1,
	.cols.three > div.col2,
	.cols.three > div.col3{padding: 0 2%;}
}
@media screen and (max-width: 810px){
	#submenu li a {
		font-size: 18px;
	}
	#main #top {position: absolute;}
}
@media screen and (max-width: 768px){
	#main-links li a:before {font-size: 3em;}
	#main-links li span {padding-top: 10px;}
	
	#main-content-logo {text-align: center;}
	#main-content-logo img {width: 340px;}
}
@media screen and (max-width: 767px){
	#top{height: auto; margin-bottom: 0;}
	#top-inner {position: static;}
	#logo, #main-menu, #main-menu > ul > li{float: none;}
	#top header{height: auto;}
	#logo{text-align: center; float: none; width: auto; margin: 0 0 19px 0;}
	
	#main #logo{float: left; margin: 0 0 12px 0;}	
	#main #logo img{width: 135px;}
	#main {
		background-position: center;
		background-size: auto;
	}
	
	#main #main-menu{display: none;}
	
	#banner h1{font-size: 32px;}
	#main-menu {
		font-size: 1em;
		float: none;
		padding: 0 0 16px 0;
		width: auto;
		text-align: center;
	}
	#main-menu > ul{
		display: none;
	}
	#main #main-menu > ul, #main #lang{
		display: block;
	}
	#main-menu > ul > li{margin: 0 0 10px 0;}
	#main-menu > ul > li > a:before{left: -9999px;}
	#main-menu > ul > li > a{padding: 6px 0;}
	#main-menu > ul > li > a > span{display: inline-block;}
	#submenu ul ul li.active > a{background: none;}
	#submenu li li a.dcjq-parent span{background-position: 0 5px;}
	#submenu li li a.active span{background-position: 0 -64px;}

	.toggle-menu{display: inline-block;}
	#main .toggle-menu{display: none;}
	
	
	#content {padding-left: 3%; padding-right: 3%;}
	#content-footer-text {position: static;}
	
	#featured > li {
		float: none;	
		width: auto;
	}
	#featured > li > a{
		padding-top: 38px;
	}
	#featured > li.second-block{margin-left: 0; margin-right: 0;}
	
	#main-content h2{text-align: center;}
	
	#left-col, #right-col{float: none; width: auto; margin: 0;}
	#left-col {
		margin: 0 0 48px;
	}

	#submenu{text-align: center;}
	#submenu ul ul{padding: 0; margin-top: 10px;}	
	#submenu ul ul ul{padding: 0;}
	#submenu li li {margin: 4px 0;padding: 12px 0;}
	#submenu ul ul li.active{background: #f0efee;}
	#submenu li.active > ul{background: #FAF9F8;}
	#submenu ul ul ul{background: #fff;}
	#submenu li li li{margin: 0;}
	#submenu li a {padding: 0 21px;}
	#submenu li li a{padding: 0 26px;}
	#submenu a{display: inline-block;}
	
	.gallery {
		margin: 0;
		padding: 0 6%;
	}
	.gallery li {
		margin: 0 5% 52px;
		width: 40%;
	}
	#featured > li.middle-block{margin-left: 0; margin-right: 0;}
	footer .arrow{display: none;}
	
	.cols.three > div{width: 33.33333333333333%;}
	.cols.three > div.col1{padding-right: 3%;}
	.cols.three > div.col2{padding: 0 1.5%;}
	.cols.three > div.col3{padding-left: 3%;}
}
@media screen and (max-width: 700px){
	#main-content {padding-top: 140px;}
	#main-links li {font-size: 17px; margin: 0 40px 20px;}
	#main-content-logo img {width: 285px;}
}
@media screen and (max-width: 640px){
	#banner .waves{top: 12%;}
	#banner h1{font-size: 25px;}
	
	#content-footer-text {text-align: left;}
	
	.cols.three > div{width: 50%;}
	.cols.three > div.col1,
	.cols.three > div.col2,
	.cols.three > div.col3{padding: 0 2%;}
}
@media screen and (max-width: 520px){
	#main-content {padding-top: 100px;}
	#main-links li {
		display: block;
		margin: 50px 0 0;
	}
}
@media screen and (max-width: 500px){
	#top header, #main-content, #content, footer.centered1{width: 88%;}
	.gallery{text-align: center; padding: 22px 7% 40px;}
	.gallery li{width: 100%; margin: 0 0 20px 0;}
	#lang{right: 0; text-align: center;}
	#lang li{margin: 0 10px;}
	#featured > li, div.gallery-module{opacity: 1; transition: none; -webkit-transition: none; -moz-transition: none;
	-webkit-transform: none;	
	-moz-transform: none;
	transform: none;
	}
	#content {padding-left: 6%; padding-right: 6%;}
	
	.gallery .thumb, 
	.gallery .title, 
	.gallery.list1 .title,
	.gallery.list2 .title{
		height: auto !important;
	}
}
@media screen and (max-width: 480px){
	#banner h1{font-size: 18px; bottom: 10%;}
	
	
	.half-half .left, .half-half .right {
		padding: 0 0 20px;
		text-align: center;
		width: 100%;
	}

	.cols.three > div{width: 100%;}
	.cols.three > div.col1,
	.cols.three > div.col2,
	.cols.three > div.col3{padding: 0 0 40px 0;}
	
	#main-menu{font-size: 14px;}
}
@media screen and (max-width: 400px){
	#logo{float: left; margin: 0 0 12px 0;}	
	#logo img{width: 165px;}
	
	#main-menu{font-size: 12px; clear: both;}
	#main-menu > ul > li > a{padding: 0;}
}
@media screen and (max-width: 320px){
	
}
/* ======================== clearfix =========================== */
/* ============================================================= */
/* Force Element To Self-Clear its Children */
.clearfix:after {
     visibility: hidden;
     display: block;
     font-size: 0;
     content: " ";
     clear: both;
     height: 0;
     }
.clearfix { display: inline-block; }
/* start commented backslash hack \*/
* html .clearfix { height: 1%; }
.clearfix { display: block; }
/* close commented backslash hack */