/* Table of Content
==================================================
	#Font-Face
	#Site Styles
	#Media Queries */

/* #Font-Face
================================================== */
@import url('https://fonts.googleapis.com/css?family=Montserrat:500,700');
/* #Site Styles
================================================== */

/* ### general ### */
* { margin: 0; padding: 0; box-sizing: border-box; -webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale; }
html, body { font-family: 'Montserrat', sans-serif; font-size: 12px; color: #000; font-weight: 500;  }
body { background: #fff; }
input, select, textarea { font-family: 'Montserrat', sans-serif; font-size: 12px; color: #000; }
img { border: 0; display: block; }
ul, li { list-style: none; }
:focus { outline: none; }

/* Responsive embedded video */
.videodetector {position:relative; padding-bottom:56.25%; padding-top:30px; height:0; overflow:hidden;}
.videodetector iframe, videodetector object, videodetector embed { position:absolute;top:0; left:0; width:100%; height:100%;}

/* Set max content image size and margin for responsive use */
img[src*="/content/images/"] { max-width:100% !important;height:auto !important;}
img[src*="/content/images/"][style*="float: left"] { margin:0px 15px 15px 0;} 
img[src*="/content/images/"][style*="float: right"] { margin:0px 0px 15px 15px;} 


/* ### global classes ### */
.clear { clear: both; visibility: hidden; line-height: 0; height: 0; }
.center { margin: 0 auto; position: relative; max-width: 1200px; }
.centered { padding-right: calc((100% - 1200px) / 2); padding-left: calc((100% - 1200px) / 2); }
h1,h2,h3,h4,h5,h6 { font-weight: 700; }
.link { margin-right: 20px; padding-bottom: 4px; border-bottom: 2px solid transparent; font-size: 16px; color: #0ea6d2; font-weight: 700; text-decoration: none; position: relative; display: inline-block; }
.link:after { position: absolute; right: -20px; top: 2px; -webkit-font-feature-settings: 'liga'; -moz-font-feature-settings: 'liga'; font-feature-settings: 'liga'; font-family: 'Material Icons'; content:'arrow_forward'; }
.link:hover { border-color: #11a5d5; }
fieldset { border: none; }
.ctaButton { display: inline-block !important; padding: 13px 25px 15px 25px !important; font-size: 16px; color: #fff; font-weight: 700; text-decoration: none !important; border-radius: 50px; border: none; cursor: pointer; background: rgb(140,198,63); background: linear-gradient(to bottom, rgba(140,198,63,1) 0%,rgba(102,145,46,1) 100%); color:white !important; border:none !important;}

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

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

/* ### header container ### */
#headerCntr { padding: 22px 22px 15px 22px; float: left; position: relative; width: 100%; }
#headerCntr .logo { float: left; }
#headerCntr .logo img { max-width: 100%; }
#headerCntr .mobileMenu { margin-top: 18px; position: relative; padding-right: 30px; display: none; cursor: pointer; float: right; font-size: 14px; color: #000; text-decoration: none; transition: 0.2s; font-weight: 700; }
#headerCntr .mobileMenu:after {-webkit-font-feature-settings: 'liga';-moz-font-feature-settings: 'liga';font-feature-settings: 'liga'; color: #808080; position: absolute; right: 0px; top: -3px; font-size: 26px; font-family: 'Material Icons'; content:'menu';}
#headerCntr .mobileMenuClose {position: absolute; right: 30px; top: 40px; padding-right: 30px; display: none; cursor: pointer; z-index: 15; float: right; font-size: 13px; color: #000; text-decoration: none; transition: 0.2s; font-weight: 700; }
#headerCntr .mobileMenuClose:after {-webkit-font-feature-settings: 'liga';-moz-font-feature-settings: 'liga';font-feature-settings: 'liga'; position: absolute; right: 0px; top: -3px; font-size: 22px; font-family: 'Material Icons'; content:'close';}

	/* ### menu box ### */
	.menuBox:not(.mm-menu) { width: calc(100% - 355px); float: right; }
	.menuBox:not(.mm-menu) ul {}
	.menuBox:not(.mm-menu) ul li { padding: 17px 18px 0 0; float: left; }
	.menuBox:not(.mm-menu) ul li a { display: inline-block; padding-bottom: 6px; border-bottom: 2px solid transparent; font-size: 16px; color: #333333; text-decoration: none; font-weight: 700; }
	.menuBox:not(.mm-menu) ul li.name { float: right; font-size: 14px; color: #929496; font-weight: 700; }
	.menuBox:not(.mm-menu) ul li.login { padding: 0px; float: right; }
	.menuBox:not(.mm-menu) ul li.login a { padding: 15px 25px; border: 2px solid #0ea6d2; border-radius: 52px; }
	.menuBox:not(.mm-menu) ul li.login a:hover { background: #0ea7d3; color: #fff; }
	.menuBox:not(.mm-menu) ul li a:hover,.menuBox:not(.mm-menu) ul li.is-active a { border-bottom: 2px solid #0ea6d2; }

	.menuBox:not(.mm-menu) ul li.login.logout a { border:none;font-size:14px;padding:0 15px;line-height:55px;}
	.menuBox:not(.mm-menu) ul li.login.logout a:hover { border:none;background:none;color:#0ea6d2;}
	.menuBox:not(.mm-menu) ul li.login.info { font-size:14px;font-weight:bold;color:#929496;line-height:55px;}


/* ### banner box ### */
.bannerBox { width: 100%; overflow: hidden; position: relative; background: #f2f2f2; }
.bannerBox.centered { height: 100%; display: flex; align-items: stretch; flex-flow: row wrap; }
.bannerBox .left { padding-top: 90px; padding-bottom: 100px; width: 50%; float: left; position: relative; z-index: 2; }
.bannerBox h1 { font-size: 24px; color: #0ea6d2; font-weight: 700; line-height: 37px; }
.bannerBox p { padding: 29px 0 44px 0; font-size: 18px; color: #808080; line-height: 29px; }
.bannerBox .button { margin-right: 25px; float: left; padding: 15px 25px; font-size: 16px; color: #fff; font-weight: 700; text-decoration: none; border-radius: 50px; background: rgb(140,198,63); background: linear-gradient(to bottom, rgba(140,198,63,1) 0%,rgba(102,145,46,1) 100%);}
.bannerBox .button:hover { background: rgb(121,171,54); background: linear-gradient(to bottom, rgba(121,171,54,1) 0%,rgba(86,122,39,1) 100%);}
.bannerBox .link { margin-top: 16px; float: left; color: #000; }
.bannerBox .link:hover { border-color: #000; }
.bannerBox .right { width: 700px; float: left; position: absolute; right: 0px; top: 0px; }
.bannerBox .animation { width: 100%; height: 550px; position: relative; background: url(../images/banner-image-animation.jpg) center center no-repeat; background-size: cover; }
.bannerBox .animation .circle {position: absolute; left: -250px; top: -350px; width: 1300px; height: 1300px; z-index: 1; -webkit-animation: clockwiseSpin 200s infinite linear; animation: clockwiseSpin 400s infinite linear; }
@-webkit-keyframes clockwiseSpin {
	0%  {-webkit-transform: rotate(0deg);transform: rotate(0deg);}
	100% {-webkit-transform: rotate(360deg);transform: rotate(360deg);}
 }
@keyframes clockwiseSpin {
	0%  {-webkit-transform: rotate(0deg);transform: rotate(0deg);}
	100% {-webkit-transform: rotate(360deg);transform: rotate(360deg);}
}

/* ### content container ### */
#contentCntr { width: 100%; }

	/* ### top container ### */
	#topCntr {  width: 100%; overflow: hidden; }
	#topCntr .holder { padding-top: 100px; overflow: hidden; margin-right: -30px; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-align-items: stretch; -ms-flex-align: stretch; align-items: stretch; -webkit-flex-flow: row wrap; -ms-flex-flow: row wrap; flex-flow: row wrap;  }
	#topCntr .column { width: 50%; float: left; padding-right: 30px; }

		/* ### news box ### */
		.newsBox { width: 100%; overflow: hidden; }
		.newsBox h2 { margin-right: 22px; padding-bottom: 10px; border-bottom: 5px solid #0ea6d2; display: inline-block; font-size: 24px; color: #333333; }
		.newsBox time { display:block; padding-top: 23px; padding-bottom: 10px; font-size: 14px; color: #929496; font-weight: 700; }
		.newsBox h3 { padding-bottom: 16px; font-size: 18px; color: #333333; }
		.newsBox h3 a { color: #333; text-decoration: none; }
		.newsBox h3 a:hover { color: #0ea6d2; }
		.newsBox p { padding-bottom: 27px; font-size: 16px; color: #808080; line-height: 25px; }
		.newsBox figure { position: relative; overflow: hidden; }
		.newsBox img { width: 100%; transition: all .2s ease-in-out; }
		.newsBox img:hover { -webkit-transform: scale(1.1); transform: scale(1.1); }
		.newsBox .link { margin-top: 7px; }
		.newsBox .slick-dots { position: absolute; right: 0px; top: 23px; }
		.newsBox .slick-dots li { padding-left: 7px; float:left; }
		.newsBox .slick-dots button { width: 9px; height: 9px; display: block; text-indent: -9999px; cursor: pointer; background: #ccc; border-radius: 100%; border: none; }
		.newsBox .slick-dots li.slick-active button { background: #0ea6d2; }

		/* ### event box ### */
		.eventBox { width: 100%; overflow: hidden; }
		.eventBox h2 { margin-right: 32px; padding-bottom: 10px; border-bottom: 5px solid #0ea6d2; display: inline-block; font-size: 24px; color: #333333; }
		.eventBox ul { padding-top: 28px; }
		.eventBox li { padding: 0 41px 0 63px; margin-bottom: 16px; position: relative; overflow: hidden; }
		.eventBox .detail { padding-left: 29px; width:calc(100% - 109px); float: left; overflow: hidden; }
		.eventBox h3 { padding-top: 6px; font-size: 16px; color: #333333; }
		.eventBox a { text-decoration: none; }
		.eventBox p { padding-left: 28px; position: relative; font-size: 14px; color: #929496; font-weight: 700; line-height: 20px; overflow: hidden;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;}
		.eventBox p:before { -webkit-font-feature-settings: 'liga'; -moz-font-feature-settings: 'liga'; font-feature-settings: 'liga'; font-size: 23px; position: absolute; left: 1px; top: -1px; font-family: 'Material Icons'; content:'location_on'; }
		.eventBox p small { font-size: 14px; color: #cccccc; }
		.eventBox figure { width: 85px; float: left; position: relative; overflow: hidden; }
		.eventBox img { width: 100%; transition: all .2s ease-in-out; }
		.eventBox time { font-size: 34px; line-height: 34px; color: #fff; text-align: center; font-weight: 700; position: absolute; left: 0px; top: 0px; width: 63px; height: 100%; background: #333333; }
		.eventBox time span { position: absolute; left: 0px; width: 100%; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%);}
		.eventBox time small { font-size: 18px; display: block; line-height: 18px; }
		.eventBox .link { margin-top: 7px; }
		.eventBox li:hover h3 { color: #0ea6d2; }
		.eventBox li:hover img { -webkit-transform: scale(1.1); transform: scale(1.1); }

	/* ### bottom container ### */
	#bottomCntr {  width: 100%; overflow: hidden; }
	#bottomCntr .holder { padding-top: 100px; overflow: hidden; margin-right: -30px; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-align-items: stretch; -ms-flex-align: stretch; align-items: stretch; -webkit-flex-flow: row wrap; -ms-flex-flow: row wrap; flex-flow: row wrap;  }
	#bottomCntr .column { width: 50%; float: left; padding-right: 30px; }

		/* ### promo box ### */
		.promoBox { padding: 67px 55px 120px 68px; position: relative; width: 100%; height: 100%; overflow: hidden; background: rgb(250,164,0); background: linear-gradient(to right, rgba(250,164,0,1) 0%,rgba(202,175,58,1) 51%,rgba(92,200,190,1) 100%);}
		.promoBox h2 { font-size: 24px; color: #333333; }
		.promoBox h2.white { color:white;}
		.promoBox span { font-size: 18px; color:rgba(255,255,255,0.7); font-weight: 700; display: block; }
		.promoBox p { padding: 22px 0px 25px 0px; font-size: 16px; color: #fff; line-height: 25px; }
		.promoBox .button { font-size: 16px; color:#fff; text-decoration: none; font-weight: 700; padding: 0px 25px; line-height: 50px; height: 50px; border-radius: 50px; background: #29abe2; display: inline-block; }
		.promoBox img { position: absolute; right: 15px; bottom: 0px;max-width:250px; }
		.promoBox.book {background: #333333;}
		.promoBox.book h2 { color: #fff; }
		.promoBox.book .button {background: #a32025;  }
		.promoBox.book img { position: absolute; right: 37px; bottom: 0px; }

		/* ### clients box ### */
		.clientsBox { padding-top: 90px; padding-bottom: 98px; width: 100%; overflow: hidden; text-align: center; }
		.clientsBox h2 { margin-right: 22px; padding-bottom: 10px; border-bottom: 5px solid #0ea6d2; display: inline-block; font-size: 24px; color: #333333; }
		.clientsBox ul { padding: 37px 98px 40px 88px; overflow: hidden; list-style: none; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-flex-flow: row wrap; -ms-flex-flow: row wrap; flex-flow: row wrap; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; }
		.clientsBox li { padding: 0 16px 16px 0px; float: left; width:10%;height:6em;display: flex;justify-content: center;flex-direction: column; text-align: center;}
		.clientsBox li img { 
			max-width: 100%; max-height:100%;
			opacity:0.5;
			-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
			filter: alpha(opacity=50);	
			-webkit-filter: grayscale(100%);
			 filter: grayscale(100%);				
		}

		/* ### intro box ### */
		.introBox { padding-top: 95px; padding-bottom: 95px; width: 100%; overflow: hidden; background: #f2f2f2; }
		.introBox .block { max-width: 600px; margin: 0px auto; position: relative; }
		.introBox ul.breadcrumb { padding-bottom: 35px; overflow: hidden; }
		.introBox ul.breadcrumb li { padding-right: 22px; position: relative; float: left; font-size: 14px; color: #929496; font-weight: 700; }
		.introBox ul.breadcrumb li a { text-decoration: none; color: #0ea6d2; }
		.introBox ul.breadcrumb li:after { -webkit-font-feature-settings: 'liga'; -moz-font-feature-settings: 'liga'; font-feature-settings: 'liga'; font-size: 17px; position: absolute; right: 2px; top: 50%; -webkit-transform:translateY(-50%); transform:translateY(-50%); font-family: 'Material Icons'; content:'chevron_right'; color: #929496; text-decoration: none; }
		.introBox ul.breadcrumb li a:hover { text-decoration: underline; }
		.introBox ul.breadcrumb li:last-child:after { display: none; }
		.introBox h1 { padding-bottom: 25px; font-size: 24px; color: #0ea6d2; }
		.introBox h1 small { padding: 0 0 0 13px; font-size: 14px; color: #b3b3b3; position: relative; top: -4px; }
		.introBox p { font-size: 18px; color: #808080; line-height: 29px; }
		.introBox .button { position: absolute; left: 0px; top: -67px; display: inline-block; padding: 10px 20px 10px 40px; font-size: 16px; color: #333333; font-weight: 700; text-decoration: none; border: 2px solid #0ea6d2; border-radius: 48px; background: #fff; }
		.introBox .button:before { -webkit-font-feature-settings: 'liga'; -moz-font-feature-settings: 'liga'; font-feature-settings: 'liga'; position: absolute; left: 17px; top: 10px; font-family: 'Material Icons'; content: 'arrow_back'; }
		.introBox .button:hover { background: #0ea6d2; color: #fff; }
		.introBox .bottom { margin: 35px 0 -50px 0; padding-top: 26px; border-top: 1px solid #cccccc; overflow: hidden; }
		.introBox .bottom .column { width: calc(45% - 70px); padding: 0px 32px 0 40px; float: left; position: relative; font-size: 16px; color: #333333; font-weight: 700; line-height: 19px; }
		.introBox .bottom .date:before { -webkit-font-feature-settings: 'liga'; -moz-font-feature-settings: 'liga'; font-feature-settings: 'liga'; position: absolute; left: -2px; top: 7px; font-size: 36px; font-family: 'Material Icons'; content: 'date_range'; }
		.introBox .bottom .location:before { -webkit-font-feature-settings: 'liga'; -moz-font-feature-settings: 'liga'; font-feature-settings: 'liga'; position: absolute; left: 0px; top: 7px; font-size: 36px; font-family: 'Material Icons'; content: 'location_on'; }
		.introBox .bottom .column.location {width: calc(55% - 70px); padding-right: 0px; }
		.introBox .bottom .column.location a {color:#333333;text-decoration:none;}
		.introBox .bottom .column.location a:hover { color:#0ea6d2;}
		.introBox .bottom .button { position: static; border:none; float: left; padding: 15px 25px; font-size: 16px; color: #fff; font-weight: 700; text-decoration: none; border-radius: 50px; background: rgb(140,198,63); background: linear-gradient(to bottom, rgba(140,198,63,1) 0%,rgba(102,145,46,1) 100%);}
		.introBox .bottom .button:before { display: none; }
		.introBox .bottom .button:hover { background: rgb(121,171,54); background: linear-gradient(to bottom, rgba(121,171,54,1) 0%,rgba(86,122,39,1) 100%);}
		.introBox.portal { padding-top: 40px; padding-bottom: 0px; border-bottom: 1px solid #cccccc; overflow: visible; float: left; }
		.introBox ul.menu { list-style: none; margin-right: -22px; }
		.introBox ul.menu li { padding: 0px 22px 0px 0; float: left; }
		.introBox ul.menu li a { position: relative; padding-bottom: 18px; display: inline-block; font-size: 18px; color: #808080; font-weight: 700; text-decoration: none; }
		.introBox ul.menu li a:before { position: absolute; left: 0px; bottom: -1px; width: 100%; content:''; height: 5px; background: #0ea6d2; display: none; }
		.introBox ul.menu li a:hover, .introBox ul.menu li.is-active a { color: #000; }
		.introBox ul.menu li.is-active a:before { display: block; }

		/* ### about box ### */
		.aboutBox { width: 100%; position: relative; }
		.aboutBox:before { content:''; height: 300px; display: block; background: #f2f2f2; position: absolute; left: 0px; top: 0px; width: 100%; }
		.aboutBox.no-image:before { height:0px;}
		.aboutBox figure { position: relative; z-index: 1;}
		.aboutBox img { width: 100%; }
		.aboutBox .block { padding-top: 94px; padding-bottom: 52px; max-width: 600px; margin: 0px auto; }
		.aboutBox h2 { padding-bottom: 14px; font-size: 18px; color: #333333; font-weight: 700; }
		.aboutBox p { padding-bottom: 38px; font-size: 16px; color: #808080; line-height: 28px; }
		.aboutBox p a { color: #0ea6d2; font-weight: 700; text-decoration: none; }
		.aboutBox p a:hover { text-decoration: underline; }
		.aboutBox ul li { list-style:square;font-size: 16px; color: #808080; line-height: 32px;}
		.aboutBox ul { margin-left:20px;margin-bottom:20px;}

		/* ### objectives container ### */
		#objectivesCntr { padding-top: 90px; padding-bottom: 75px; width: 100%; overflow: hidden; background: #f2f2f2; }
		#objectivesCntr h2 { margin-bottom: 13px; padding-bottom: 10px; border-bottom: 5px solid #0ea6d2; display: inline-block; font-size: 24px; color: #333333;}
		#objectivesCntr h3 { font-size: 18px; color: #333333; font-weight: 700; }
		#objectivesCntr p { font-size: 16px; color: #808080; line-height:25px;}

			/* ### objectives box ### */
			.objectivesBox { padding:0px 33px 0 0px; position: relative; width: 52%; float: left; }
			.objectivesBox h2 { margin-left: 103px; }
			.objectivesBox ul {}
			.objectivesBox li { padding-left: 103px; position: relative; }
			.objectivesBox li h3 { min-height: 65px; padding-top: 22px; }
			.objectivesBox li h3:before { position: absolute; left: 0px; top: 0px; width: 72px; height: 61px; display: block; content:''; background: url(../images/icon-handshake.svg) left top no-repeat; background-size: 100%; }
			.objectivesBox li.idea h3:before { width: 73px; height: 78px; background: url(../images/icon-ideas.svg) left top no-repeat; background-size: 100%;}
			.objectivesBox li.graph h3:before { width: 70px; height: 73px; background: url(../images/icon-graph.svg) left top no-repeat; background-size: 100%;}
			.objectivesBox li p { padding:14px 0 22px 0; line-height: 28px; }

			/* ### team box ### */
			.teamBox { width: 48%; float: left; }
			.teamBox h2 { margin-left: 133px; }
			.teamBox ul { padding-top: 14px; }
			.teamBox li { margin-bottom: 23px; overflow: hidden; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; }
			.teamBox figure { width: 104px; float: left; }
			.teamBox img { border-radius: 100%; max-width:100%;}
			.teamBox .detail { padding-left: 30px; width: calc(100% - 104px); float: left; }
			.teamBox li p { padding: 8px 0 10px 0; line-height: 21px; }
			.teamBox a { padding-bottom: 3px; margin-right: 18px; font-size: 16px; color: #0ea6d2; text-decoration: none; font-weight: 700; display: inline-block; border-bottom: 2px solid transparent; }
			.teamBox a:hover { border-color: #11a5d5;  }

		/* ### text box ### */
		.textBox { padding-top: 95px; padding-bottom: 95px; width: 100%; overflow: hidden; }
		.textBox .holder { margin-right: -40px; }
		.textBox .block { width: 50%; float: left; padding-right: 40px; }
		.textBox h2 { font-size: 24px; color: #333333; }
		.textBox p { padding: 23px 0 33px 0; font-size: 16px; color: #808080; line-height: 28px; }
		.textBox p a { color:#0ea6d2; font-weight:bold;}
		.textBox .button { display: inline-block; padding: 15px 28px; font-size: 16px; color: #333333; font-weight: 700; text-decoration: none; border: 2px solid #0ea6d2; border-radius: 48px; }
		.textBox .button:hover { background: #0ea6d2; color: #fff; }

		/* ### logo box ### */
		/*
		.logoBox { padding-top: 116px; padding-bottom: 54px; width: 100%; overflow: hidden; }
		.logoBox ul { list-style: none;  }
		.logoBox li { padding: 0 0px 40px 0; width:calc(33.3% - 51px); float: left;  height:9em;}
		.logoBox li a { display: block; }
		.logoBox li img { max-width:100%;width:40%;max-height:80px;}
		.logoBox li:nth-child(4n){ width: 153px; float: right; }
		.logoBox li:nth-child(4n) a img { width:auto;}
		*/
		/* ### logo box ### */
		.logoBox { padding-top: 116px; padding-bottom: 54px; width: 100%; overflow: hidden; }
		.logoBox ul { list-style: none; display:flex;align-items:center;/*justify-content:center;*/flex-flow:row wrap;width:100%; }
		.logoBox li { width:25%;text-align:center;padding:20px 10px; }
		.logoBox li img {display:inline-block;height: 85px;width: 150px;object-fit: contain; }
		
		/* ### partner box ### */
		.partnerBox { width: 100%; overflow: hidden; text-align: center; padding-top:116px;}
		.partnerBox h2 { margin-bottom: 56px; padding-bottom: 10px; border-bottom: 5px solid #0ea6d2; display: inline-block; font-size: 24px; color: #333333;}
		.partnerBox ul { list-style: none; text-align: left; margin-right: -38px; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-align-items: stretch; -ms-flex-align: stretch; align-items: stretch; -webkit-flex-flow: row wrap; -ms-flex-flow: row wrap; flex-flow: row wrap; }
		.partnerBox li { padding-bottom: 35px; position: relative; margin: 0px 38px 75px 0px; width: calc(25% - 38px); float: left; }
		.partnerBox h3 { padding-top: 5px; font-size: 18px; color: #333333; }
		.partnerBox p { padding-top: 20px; font-size: 16px; color: #808080; line-height: 25px; }
		.partnerBox .link { position: absolute; left: 0px; bottom: -7px; }
		.partnerBox figure { max-width:75%;height:9em;line-height:9em;vertical-align: middle;display:inline-block;margin-bottom:10px;}
		.partnerBox figure img { width:100%;vertical-align: middle;display:inline-block;max-height:100%;}


		 /* ### event gird box ### */
		.eventGridBox { padding-top: 100px; padding-bottom: 40px; width: 100%; overflow: hidden; text-align: center; }
		.eventGridBox h2 { margin-bottom: 30px; padding: 40px 0 10px 0; border-bottom: 5px solid #0ea6d2; display: inline-block; font-size: 24px; color: #333333;}
		.eventGridBox ul { margin-right: -25px; text-align: left;  display: -webkit-flex;  display: -ms-flexbox;  display: flex; -webkit-align-items: stretch; -ms-flex-align: stretch; align-items: stretch; -webkit-flex-flow: row wrap; -ms-flex-flow: row wrap; flex-flow: row wrap; }
		.eventGridBox li { padding-bottom: 35px; padding-right: 25px; margin-bottom: 45px; width: 25%; float: left; position: relative; }
		.eventGridBox figure { margin-bottom: 13px;  position: relative; overflow: hidden; }
		.eventGridBox img { width: 100%; transition: all .2s ease-in-out; }
		.eventGridBox time { font-size: 34px; line-height: 34px; color: #fff; text-align: center; font-weight: 700; position: absolute; right: 0px; top: 0px; width: 63px; padding: 17px 0; background: #333333; }
		.eventGridBox time span {font-size: 18px; display: block; line-height: 22px;}
		.eventGridBox time small { font-size: 15px; display: block; line-height: 22px; }
		.eventGridBox .latest time { background: #0ea6d2; }
		.eventGridBox .location { padding-left: 26px; position: relative; display: block; font-size: 14px; color: #929496; font-weight: 700; line-height: 20px;margin-bottom:10px;overflow: hidden;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical; }
		.eventGridBox .location:before { -webkit-font-feature-settings: 'liga'; -moz-font-feature-settings: 'liga'; font-feature-settings: 'liga'; font-size: 18px; position: absolute; left: 4px; top: 0px; font-family: 'Material Icons'; content:'location_on'; }
		.eventGridBox .location small { font-size: 14px; color: #cccccc;}
		.eventGridBox h3 { font-size: 17px; color: #333333; }
		.eventGridBox a { text-decoration: none; }
		.eventGridBox p { padding-top: 13px; font-size: 14px; color: #808080; line-height: 22px; }
		.eventGridBox .link { position: absolute; left: 0px; bottom: -7px; }
		.eventGridBox li:hover h3 { color: #0ea6d2; }
		.eventGridBox li:hover img { -webkit-transform: scale(1.1); transform: scale(1.1); }
		.eventGridBox li:hover .link { border-color: #11a5d5; }

		/* ### pagination box ### */
		.paginationBox { padding-bottom: 100px; width: 100%; overflow: hidden; }
		.paginationBox ul { padding-top: 21px; padding-bottom: 28px; max-width: 600px; margin: 0px auto; text-align: center; border-top: 1px solid #e6e6e6; }
		.paginationBox li { position: relative; padding-right: 28px; display: inline-block; }
		.paginationBox li a { font-size: 18px; color: #0ea6d2; font-weight: 700; text-decoration: none; }
		.paginationBox li a span { font-size: 18px; color: #0ea6d2; }
		.paginationBox li a:hover,.paginationBox li.is-active a { color: #333333; }
		.paginationBox li a:hover span { color: #333; }
		.paginationBox li.nextprev.prev a:before { -webkit-font-feature-settings: 'liga'; -moz-font-feature-settings: 'liga'; font-feature-settings: 'liga'; position: absolute; left: -22px; top: 2px; font-family: 'Material Icons'; content:'arrow_back'; }
		.paginationBox li.nextprev.next a:after { -webkit-font-feature-settings: 'liga'; -moz-font-feature-settings: 'liga'; font-feature-settings: 'liga'; position: absolute; right: 0px; top: 2px; font-family: 'Material Icons'; content:'arrow_forward'; }

		  /* ### cta box ### */
		.ctaBox { padding-bottom: 98px; width: 100%; overflow: hidden; }
		.ctaBox .block { padding-top: 30px; max-width: 600px; margin: 0px auto; text-align: center; border-top: 1px solid #e6e6e6; }
		.ctaBox h2 { font-size: 24px; color: #333333; }
		.ctaBox p { padding: 18px 0 28px 0; font-size: 16px; color: #808080; line-height: 28px; }
		.ctaBox .button { display: inline-block; padding: 15px 25px; font-size: 16px; color: #fff; font-weight: 700; text-decoration: none; border-radius: 50px; background: rgb(140,198,63); background: linear-gradient(to bottom, rgba(140,198,63,1) 0%,rgba(102,145,46,1) 100%);}
		.ctaBox .button:hover { background: rgb(121,171,54); background: linear-gradient(to bottom, rgba(121,171,54,1) 0%,rgba(86,122,39,1) 100%);}

		/* ### contact box ### */
		.contactBox { padding-top: 83px; padding-bottom: 50px; width: 100%; overflow: hidden; }
		.contactBox.center { max-width: 645px; margin: 0px auto; }
		.contactBox .top { padding: 0 28px; overflow: hidden; text-align: center; }
		.contactBox h3 { padding-bottom: 5px; font-size: 18px; color: #333333; font-weight: 700; }
		.contactBox address { padding-bottom: 45px; border-bottom: 1px solid #ccc; font-size: 16px; color: #808080; line-height: 28px; font-style: normal; }
		.contactBox address a { color: #0ea6d2; font-weight: 700; text-decoration: none; display: inline-block; }
		.contactBox address a:hover { text-decoration: underline; }
		.contactBox .linkdin { margin: 0px 11px; }
		.contactBox p { padding: 35px 0px; font-size: 16px; line-height: 28px; color: #808080; text-align: left; }
		.contactBox p .link { line-height: 20px; }
		.contactBox form { padding: 28px; overflow: hidden; background: #f2f2f2; }
		.contactBox label { padding-bottom: 10px; font-size: 16px; color: #545454; font-weight: 700; display: block; line-height: 22px; }
		.contactBox input[type="text"], .contactBox input[type="password"]{ padding: 17px 27px; width: 100%; border: 2px solid #cccccc; border-radius: 4px; font-size: 16px; color: #545454; }
		.contactBox .select { position: relative; width: 100%; display: inline-block; }
		.contactBox .select select { padding: 17px 27px; width: 100%; border: 2px solid #cccccc; border-radius: 4px; font-size: 16px; color: #545454; outline:none; display: inline-block; cursor:pointer; background: #fff; white-space: nowrap; text-overflow: ellipsis; overflow: hidden;
		-webkit-appearance:none;
		-moz-appearance:none;
		}
		.contactBox .select:after {-webkit-font-feature-settings: 'liga';-moz-font-feature-settings: 'liga';font-feature-settings: 'liga'; color: #545454; width: 60px; text-align: center; font-family: 'Material Icons'; content:'arrow_drop_down'; font-size: 41px; line-height: 58px; height: 100%; position: absolute; top: 0; right: 0; pointer-events: none; }
		.contactBox .textarea{ padding: 17px 27px; height: 85px; width: 100%; border: 2px solid #cccccc; border-radius: 4px; font-size: 16px; color: #545454; resize: none; }
		.contactBox .row { padding-bottom: 26px; overflow: hidden; }
		.contactBox .row.holder { margin-right: -25px; }
		.contactBox .column { padding-right: 25px; width: 50%; float: left; }
		.contactBox .button { display: inline-block; min-width: 276px; padding: 13px 25px 15px 25px; font-size: 16px; color: #fff; font-weight: 700; text-decoration: none; border-radius: 50px; border: none; cursor: pointer; background: rgb(140,198,63); background: linear-gradient(to bottom, rgba(140,198,63,1) 0%,rgba(102,145,46,1) 100%);}
		.contactBox .button:hover { background: rgb(121,171,54); background: linear-gradient(to bottom, rgba(121,171,54,1) 0%,rgba(86,122,39,1) 100%);}
		.contactBox.login { padding-top: 65px; padding-bottom: 96px; }
		.contactBox.login form { padding: 56px 56px 35px 56px; max-width: 600px; margin: 0px auto; }
		.contactBox.login p { padding: 0px; }
		.contactBox.login .button { min-width: 210px; margin-right: 26px; }
		.contactBox.login p br { display: none; }
		.contactBox input[type="text"]::-webkit-input-placeholder, .contactBox .textarea::-webkit-input-placeholder { opacity: 1;  color: #929496; }
		.contactBox input[type="text"]::-moz-placeholder, .contactBox .textarea::-moz-placeholder { opacity: 1;  color: #929496; }
		.contactBox input[type="text"]:-ms-input-placeholder, .contactBox .textarea:-ms-input-placeholder { opacity: 1;  color: #929496; }
		.contactBox input[type="text"]::-ms-input-placeholder, .contactBox .textarea::-ms-input-placeholder { opacity: 1;  color: #929496; }
		.contactBox input[type="text"]::placeholder, .contactBox .textarea::placeholder { opacity: 1;  color: #929496; }
		.contactBox input[type="text"]::-webkit-input-placeholder, .contactBox .textarea::-webkit-input-placeholder { color: #929496; }
		.contactBox input[type="text"]::-moz-placeholder, .contactBox .textarea::-moz-placeholder {  color: #929496;  opacity : 1; }
		.contactBox input[type="text"]:-ms-input-placeholder, .contactBox .textarea:-ms-input-placeholder { color: #929496; }
		.contactBox .error{color:red !important;}label{ display:block;font-weight:bold;margin:10px 0 -10px 0px ;}

		/* ### member box ### */
		.membersBox { padding-top: 114px; padding-bottom: 84px; width: 100%; overflow: hidden; }
		.membersBox ul { overflow: hidden; }
		.membersBox li { margin-bottom: 30px; width: 50%; float: left; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; }
		.membersBox figure { display: inline-block; margin-right: 18px; }
		.membersBox figure img { width: 61px; height: 61px; border-radius: 100%; }
		.membersBox h2 { font-size: 18px; color: #333333; font-weight: 700; }
		.membersBox p { font-size: 16px; color: #808080; }
		.membersBox a {color: #0ea6d2; font-weight: 700; display: inline-block; text-decoration: none; }
		.membersBox a:hover { text-decoration: underline; }
		.membersBox .website { margin: 0px 16px; }
		.membersBox .logo { width: 106px; float: left; max-height:55px;}
		.membersBox .right { padding-left: 22px; width:calc(100% - 106px); display: inline-block; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-align-items: center; -ms-flex-align: center; align-items: center; }
		.membersBox .detail { overflow: hidden; display: inline-block; }

		/* ### overview box ### */
		.overviewBox { padding-bottom: 150px; width: 100%; overflow: hidden; }
		.overviewBox .top { padding-top: 90px; padding-bottom: 84px; border-bottom: 1px solid #ccc; overflow: hidden; }
		.overviewBox .top p { max-width: 600px; margin: 0px auto; font-size: 18px; color: #808080; line-height: 29px; }
		.overviewBox .holder { margin-right: -22px; overflow: hidden; }
		.overviewBox .block { padding: 41px 0 36px 0; margin-right: 22px; width: calc(50% - 22px); float: left; border-bottom: 1px solid #e6e6e6; }
		.overviewBox .block:last-child { border: none; }
		.overviewBox .block:nth-child(3n) { border: none; }
		.overviewBox .block h2 { margin-bottom: 26px; margin-right: 12px; padding-bottom: 8px; border-bottom: 5px solid #0ea6d2; display: inline-block; font-size: 24px; color: #333333;}
		.overviewBox .block h2 a { color: #333333; text-decoration: none; }
		.overviewBox .block figure { margin-right: 27px; width: 148px; float: left; }
		.overviewBox .block figure img { border-radius: 100%; }
		.overviewBox .block p { padding: 7px 0 22px 0; font-size: 16px; color: #808080; line-height: 28px; }
		.overviewBox .button { position: relative; display: inline-block; padding: 7px 16px 7px 28px; font-size: 14px; color: #929496; font-weight: 700; text-decoration: none; border: 2px solid #8cc63f; border-radius: 36px; }
		.overviewBox .button:before { -webkit-font-feature-settings: 'liga'; -moz-font-feature-settings: 'liga'; font-feature-settings: 'liga'; position: absolute; left: 9px; top: 9px; font-family: 'Material Icons'; content:'check'; color: #8cc63f; }

		/* ### links box ### */
		.linksBox { width: 100%; overflow: hidden; }
		.linksBox ul { padding: 53px 0px 38px 0px; overflow: hidden; border-bottom: 1px solid #e6e6e6; }
		.linksBox li { float: left; padding-right: 12px; font-size: 16px; color: #808080; }
		.linksBox li a { color: #0ea6d2; font-weight: 700; text-decoration: none; }
		.linksBox li a:hover { text-decoration: underline; }

		/* ### article box ### */
		.articlesBox { padding-bottom: 90px; width: 100%; overflow: hidden;   }
		.articlesBox .row { padding-top: 28px; padding-bottom: 60px; width: 100%; overflow: hidden; border-bottom: 1px solid #e6e6e6; }
		.articlesBox .holder { margin-right: -22px; overflow: hidden;  }
		.articlesBox .left { margin-right: 22px; width: calc(50% - 22px); float: left; }
		.articlesBox .block { padding: 35px 0 30px 0; overflow: hidden; border-bottom: 1px solid #e6e6e6; }
		.articlesBox .block:last-child { border: none; }
		.articlesBox h2 { padding-bottom: 8px; border-bottom: 5px solid #0ea6d2; display: inline-block; font-size: 24px; color: #333333;}
		.articlesBox h3 { padding-bottom: 17px; font-size: 18px; color: #333333; font-weight: 700; }
		.articlesBox figure { width: 135px; float: left; }
		.articlesBox figure img { width: 100%; }
		.articlesBox .detail { width: calc(100% - 135px); float: left; padding-left: 33px; }
		.articlesBox p { padding: 0px 0 22px 0; font-size: 16px; color: #808080; line-height: 28px; }
		.articlesBox .row:last-child { border: none; }
		.articlesBox .buy,.articlesBox .download { margin-left: 24px; }
		.articlesBox .buy:after,.articlesBox .download:after { top: 0px; -webkit-font-feature-settings: 'liga'; -moz-font-feature-settings: 'liga'; font-feature-settings: 'liga'; right: -24px; font-size: 19px; font-family:'Material Icons'; content:'add_shopping_cart';}
		.articlesBox .download:after { content:'file_download';}

		/* ### search box ### */
		.searchBox { padding-top: 47px; padding-bottom: 47px; width: 100%; overflow: hidden; }
		.searchBox.center { max-width: 586px; }
		.searchBox input[type="text"]{ padding: 15px 45px 15px 25px; font-size: 16px; color: #929496; border: 2px solid #cccccc; border-radius: 4px; width: 100%; }
		.searchBox .input { width: calc(100% - 115px); float: left;  position: relative; }
		.searchBox .input:after { position: absolute; right: 12px; top: 6px; font-family: 'Material Icons'; content:'search'; font-size: 32px; color: #929496; }
		.searchBox .button { float: right; cursor: pointer; padding: 15px 25px; font-size: 16px; color: #fff; font-weight: 700; text-decoration: none; border: none; border-radius: 50px; background: rgb(140,198,63); background: linear-gradient(to bottom, rgba(140,198,63,1) 0%,rgba(102,145,46,1) 100%);}
		.searchBox .button:hover { background: rgb(121,171,54); background: linear-gradient(to bottom, rgba(121,171,54,1) 0%,rgba(86,122,39,1) 100%);}
		.searchBox input::-webkit-input-placeholder { color: #929496; }
		.searchBox input::-moz-placeholder { color: #929496; opacity: 1; }
		.searchBox input:-ms-input-placeholder { color: #929496; }
		.searchBox input::-ms-input-placeholder { color: #929496; }
		.searchBox input::placeholder { color: #929496; }

		/* ### documents box ### */
		.documentsBox { padding-bottom: 40px; width: 100%; overflow: hidden;  }
		.documentsBox .row {padding: 35px 32px 30px 32px; margin-bottom: 35px; background: #f2f2f2; }
		.documentsBox .holder { margin-right: -103px; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-align-items: stretch; -ms-flex-align: stretch; align-items: stretch; -webkit-flex-flow: row wrap; -ms-flex-flow: row wrap; flex-flow: row wrap; }
		.documentsBox .column {width: calc(50% - 103px);  position: relative;  float: left; margin-right: 103px; }
		.documentsBox h2 { padding-bottom: 31px; font-size: 24px; color: #333333; border-bottom: 1px solid #cccccc; }
		.documentsBox h3 { padding-right: 120px; font-size: 18px; color: #333333;  }
		.documentsBox h3 a { position: relative; color: #333; text-decoration: none; line-height: 23px; }
		.documentsBox h3 a:after { -webkit-font-feature-settings: 'liga'; -moz-font-feature-settings: 'liga'; font-feature-settings: 'liga'; font-size: 20px; position: relative; top: 5px;  font-family: 'Material Icons'; content:'chevron_right';}
		.documentsBox h3.expend a:after { -webkit-font-feature-settings: 'liga'; -moz-font-feature-settings: 'liga'; font-feature-settings: 'liga'; font-size: 20px; position: relative; top: 5px;  font-family: 'Material Icons'; content:'expand_more';}
		.documentsBox ul.documents { list-style: none; }
		.documentsBox ul.documents li { padding: 26px 0 26px 60px; position: relative; border-bottom: 1px solid #cccccc; }
		.documentsBox ul.documents li:last-child { border: none; }
		.documentsBox ul.documents li:hover a {color: #0ea6d2;}
		.documentsBox ul.documents li:before { display: block; position: absolute; left: 0px; top: 20px; width: 44px; height: 46px; content:''; background: url(../images/file-icons/file.svg) left top no-repeat; background-size: 100%; }
		.documentsBox ul.documents li.pdf:before { background: url(../images/pdf.svg) left top no-repeat; background-size: 100%;}
		.documentsBox ul.documents li.document:before { background: url(../images/word.svg) left top no-repeat; background-size: 100%;}
		.documentsBox ul.documents li.spread:before { background: url(../images/file-icons/spread.svg) left top no-repeat; background-size: 100%;}
		.documentsBox ul.documents li.slides:before { background: url(../images/file-icons/slides.svg) left top no-repeat; background-size: 100%;}
		.documentsBox ul.documents li.image:before { background: url(../images/file-icons/image.svg) left top no-repeat; background-size: 100%;}
		.documentsBox ul.documents li.text:before { background: url(../images/file-icons/text.svg) left top no-repeat; background-size: 100%;}
		.documentsBox ul.documents li.archive:before { background: url(../images/file-icons/archive.svg) left top no-repeat; background-size: 100%;}
		.documentsBox ul.documents li.file:before { background: url(../images/file-icons/file.svg) left top no-repeat; background-size: 100%;}
		
		.documentsBox p { display: none; padding: 10px 0; font-size: 14px; color: #808080; line-height: 22px; }
		.documentsBox span { font-size: 14px; color: #929496; font-weight: 700; }
		.documentsBox .download { padding-right: 18px; position: absolute; right: 0px; top: 28px; font-size: 16px; color: #0ea6d2; text-decoration: none; font-weight: 700; }
		.documentsBox .download:after {-webkit-font-feature-settings: 'liga';-moz-font-feature-settings: 'liga';font-feature-settings: 'liga';  position: absolute; right: 0px; top: 0px; font-family: 'Material Icons'; content:'arrow_downward';}
		.documentsBox .row.gutter .column:first-child:after { position: absolute; right: -65px; top: -35px; content:''; background: #fff; width: 32px; height: calc(100% + 65px); }
		.documentsBox ul.folder li { padding: 26px 0 26px 60px; position: relative; border-bottom: 1px solid #cccccc; }
		.documentsBox ul.folder li:last-child { border: none; }
		.documentsBox ul.folder li:before { -webkit-font-feature-settings: 'liga'; -moz-font-feature-settings: 'liga'; font-feature-settings: 'liga'; font-size: 39px; display: block; position: absolute; left: 0px; top: 20px; font-family: 'Material Icons'; content:'folder_open'; line-height: 31px; }
		.documentsBox ul.folder li:hover a {color: #0ea6d2;}
		.documentsBox ul.folder li:hover:before { color: #0ea6d2;}
		.documentsBox ul.folder li h3 a:after { display: none; }
		.documentsBox ul.folder .link {position: absolute; right: 0px; top: 28px;}
		.documentsBox .button { position: relative; margin-bottom: 21px; display: inline-block; padding: 7px 17px 7px 40px; font-size: 16px; color: #333333; font-weight: 700; text-decoration: none; border: 2px solid #0ea6d2; border-radius: 35px; background: #fff; }
		.documentsBox .button:before {-webkit-font-feature-settings: 'liga';-moz-font-feature-settings: 'liga';font-feature-settings: 'liga';  position: absolute; left: 17px; top: 7px; font-family: 'Material Icons'; content:'arrow_back'; }
		.documentsBox .button:hover { background: #0ea6d2; color: #fff; }
		.documentsBox .paginationBox { padding: 0 35px; margin-top: -35px; width: 100%; background: #f2f2f2; }
		.documentsBox .paginationBox ul { max-width: 100%;  border-top: 1px solid #ccc; }

		/* ### content box ### */
		.contentBox { padding-top: 47px; padding-bottom: 62px; width: 100%; border-bottom: 1px solid #e6e6e6; overflow: hidden; }
		.contentBox .left { width: 60%; float: left; }
		.contentBox .right { width: 40%; float: left; }
		.contentBox h1 { margin-right: 12px; padding-top: 28px; font-size: 24px; color: #0ea6d2; display: inline-block; }
		.contentBox p { max-width: 600px; padding-top: 17px; font-size: 18px; color: #808080; line-height: 28px; }
		.contentBox .button { position: relative; display: inline-block; padding: 9px 17px 9px 36px; font-size: 16px; color: #333333; font-weight: 700; text-decoration: none; border: 2px solid #0ea6d2; border-radius: 35px; background: #fff; }
		.contentBox .button:before {-webkit-font-feature-settings: 'liga';-moz-font-feature-settings: 'liga';font-feature-settings: 'liga'; position: absolute; left: 17px; top: 9px; font-family: 'Material Icons'; content:'arrow_back'; }
		.contentBox .joined { position: relative; display: inline-block; padding: 7px 16px 7px 28px; font-size: 14px; color: #929496; font-weight: 700; text-decoration: none; border: 2px solid #8cc63f; border-radius: 36px; }
		.contentBox .joined:before { -webkit-font-feature-settings: 'liga'; -moz-font-feature-settings: 'liga'; font-feature-settings: 'liga'; position: absolute; left: 9px; top: 9px; font-family: 'Material Icons'; content:'check'; color: #8cc63f; }
		.contentBox ul { margin-top: 81px; max-width: 320px; float: right;  }
		.contentBox li { margin-bottom: 16px; padding-left: 25px; float: left; height: 55px; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-align-items: center; -ms-flex-align: center; align-items: center;
-webkit-flex-flow: row wrap;
    -ms-flex-flow: row wrap;
        flex-flow: row wrap; }

		.contentBox .right ul.logos li {width:100px;max-height:50px;}
		.contentBox .right ul.logos li img { max-width:100%;max-height:100%;}

		/* ### status container ### */
		#statusCnr { padding-top: 42px; width: 100%; overflow: hidden; }
		#statusCnr .holder { margin-right: -34px;}
		#statusCnr .column { padding-right: 34px; width: 50%; float: left; }
		#statusCnr .documentsBox {padding: 35px 32px 30px 32px; margin-bottom: 35px; background: #f2f2f2; }
		#statusCnr .ctaBox .block { padding-top: 60px; text-align: left; }

			/* ### status box ### */
			.statusBox { padding-bottom: 34px; width: 100%; overflow: hidden; }
			.statusBox h2 { margin-bottom: 26px; padding-bottom: 8px; border-bottom: 5px solid #0ea6d2; display: inline-block; font-size: 24px; color: #333333; }
			.statusBox time { font-size: 14px; color: #929496; font-weight: 700; display: block; }
			.statusBox h3 {padding-bottom: 12px; font-size: 18px; color: #333333; font-weight: 700;}
			.statusBox p { padding-bottom: 22px; font-size: 16px; color: #808080; line-height: 25px; }
			.expendContent { display: none; width: 100%; }

/* ### footer container ### */
#footerCntr { padding-top: 32px; padding-bottom: 32px; overflow: hidden; width: 100%; background: #333333; }
#footerCntr .logo { width: 126px; float: left; }
#footerCntr .left { padding-left: 47px; width:calc(100% - 320px); float: left; }
#footerCntr p { padding-bottom: 8px; font-size: 14px; color: #929496; }
#footerCntr ul { margin-left: -13px; overflow: hidden; display: inline-block; }
#footerCntr li { padding: 0px 13px; border-right: 1px solid #929496; line-height: 14px; float: left; }
#footerCntr li a { font-size: 14px; color: #fff; text-decoration: none; font-weight: 700; }
#footerCntr ul:last-child { margin-left: 0px; }
#footerCntr ul:last-child li:last-child { border: none; }
#footerCntr li a:hover { text-decoration: underline; }
#footerCntr .websiteLogo { padding-left: 78px; width: 192px; float: right; font-size: 14px; color: #929496; text-decoration: none; position: relative; }
#footerCntr .websiteLogo:before { width: 65px; height: 33px; display: block; position: absolute; left: 0px; top: 0px; content:''; background: url(../images/footer-logo-right.svg) left top no-repeat; }

/* #Media Queries
================================================== */
@media only screen and (max-width: 1319px) {
	#headerCntr.centered {padding-left: 30px; padding-right: 30px;}
}

@media only screen and (max-width: 1199px) {
	.center { padding-left: 30px; padding-right: 30px; }
	.centered { padding-left: 30px; padding-right: 30px; }
	.menuBox:not(.mm-menu){ width: calc(100% - 252px); }
	#topCntr .holder { padding-top: 77px; }
	#bottomCntr .holder { padding-top: 77px; }
	.eventBox li { padding-right: 0px; }
	.eventBox li:last-child { margin: 0px; }
	.promoBox { padding: 50px 30px 213px 40px; }
	.clientsBox { padding-top: 70px; padding-bottom: 70px; }
	.clientsBox ul { padding: 37px 0px 40px 0px; text-align: center; }
	.clientsBox li { float: none; /*display: inline-block;*/ }
	.introBox { padding-top: 74px; padding-bottom: 83px; }
	.introBox.detail { padding-top: 95px; }
	.aboutBox .block { padding-top: 73px; }
	.eventGridBox { padding-top: 60px; }
	.partnerBox li { width: calc(33.3% - 38px); }
	.membersBox { padding-top: 80px; padding-bottom: 70px; }
	.membersBox figure { margin-right: 12px; }
	.membersBox p { font-size: 14px; }
	.membersBox .website { margin: 0px  6px; }
	.documentsBox .holder { margin-right: -40px; }
	.documentsBox .column { margin-right: 40px; width: calc(50% - 40px);}
	.documentsBox .row:first-child .column:first-child::after { width: 12px; right: -27px; }
	#footerCntr li { margin-bottom: 8px; }
	#footerCntr li:nth-child(4n){ border: none; }
	.aboutBox::before { height: 230px; }
	.bannerBox .left { width: calc(100% - 500px); }
	.bannerBox .right { width: 533px; height: 100%; }
	.bannerBox .animation {height: 100%; background-position: -68px 0; }	
	.menuBox:not(.mm-menu) ul li.login.info { display:none;}
}

@media only screen and (max-width: 979px) {
	.menuBox:not(.mm-menu) { display: none; background: #fff; width: 100%; position: fixed; left: 0px; top: 0px; height: 100vh;  z-index: 3; }
	.menuBox:not(.mm-menu) ul {padding-top: 100px;  padding-bottom: 50px; text-align: center; overflow: hidden; }
	.menuBox:not(.mm-menu) ul li { width: 100%; }
	.menuBox:not(.mm-menu) ul li.login { margin-top: 40px; }
	.menuBox:not(.mm-menu) .mobileMenuClose { display: block; }
	.menuBox:not(.mm-menu) .holder { overflow: auto; height: 100%; }
	.menuBox:not(.mm-menu) ul li.login.info { display:block;margin-top:-90px;line-height:auto;}
	#headerCntr .logo { position: relative; z-index: 4; }
	#headerCntr .mobileMenu { display: block; }
	#headerCntr{ padding-top: 20px; }
	.bannerBox .left { padding-top: 70px; padding-bottom: 75px; width:calc(100% - 280px); position: relative; z-index: 2; }
	.bannerBox .right { margin-top: -27px; width: 350px; }
	.bannerBox .animation { background: url(../images/banner-image-animation-tab.jpg) center center no-repeat; background-size: cover; }
	.bannerBox .animation .circle { top: -100px; left: -120px; width: 700px; height: 700px; }
	#topCntr .holder { margin: 0px; }
	#topCntr .column { width: 100%; padding-right: 0px; }
	.newsBox .content { padding-right: 10px; width: 50%; float: left; }
	.newsBox figure { margin-top: 50px; margin-left: 10px; height: 196px; width: calc(50% - 10px); float: left; }
	.newsBox .slick-dots { right: 50%; }
	.eventBox ul { margin-right: -20px; }
	.eventBox li { padding-left: 0px; width: 50%; float: left; padding-right: 20px; }
	.eventBox li:nth-child(3n){ margin-bottom: 0px; }
	.eventBox time { width: 92px; height: 31px; font-size: 18px; line-height: 31px; font-weight: 700; text-align: center; }
	.eventBox time span { position: static; -webkit-transform: none; transform: none; }
	.eventBox time small { display: inline-block; }
	.eventBox figure { width: 92px; margin-top: 31px; }
	.eventBox .detail { width:calc(100% - 92px); }
	.eventBox h3 { font-size: 16px; }
	.eventBox h2{ padding-bottom: 5px; }
	.eventBox p::before { left: 0px; }
	.eventBox p span { display: block; white-space:nowrap; text-overflow: ellipsis; overflow: hidden;}
	.promoBox { padding: 50px 25px 177px 25px; }
	.promoBox span { font-size: 16px; }
	.promoBox h2 { padding: 5px 0 8px 0; font-size: 18px; }
	.promoBox.book p { padding-top: 0px; }
	.promoBox img { left: 35px; }
	.clientsBox ul { padding-bottom: 5px; }
	.clientsBox li { padding: 0 10px 16px 10px; width:13%;}
	.noScroll { overflow: hidden; }
	.introBox .block { max-width: inherit; }
	.introBox ul.breadcrumb { padding-bottom: 13px; }
	.introBox .button { top: -45px; }
	.introBox.detail ul.breadcrumb { padding-top: 19px; padding-bottom: 33px; }
	.introBox h1 { padding-bottom: 18px; }
	.aboutBox figure { margin: 0px -30px; }
	.objectivesBox { width: 100%; padding-right: 0px; }
	#objectivesCntr { padding-top: 70px; padding-bottom: 50px; }
	#objectivesCntr h3 br { display: none; }
	.objectivesBox li p { padding-top: 0px; }
	.teamBox { padding-top: 50px; width: 100%; }
	.teamBox ul { margin-right: -20px; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-align-items: stretch; -ms-flex-align: stretch; align-items: stretch; -webkit-flex-flow: row wrap; -ms-flex-flow: row wrap; flex-flow: row wrap; }
	.teamBox li { padding-right: 20px; width: 50%; float: left; display: block; }
	.teamBox figure { width: auto; }
	.teamBox img { width: 93px; height: 93px; }
	.textBox .block { padding-right: 25px; }
	.textBox .holder { margin-right: -25px; }
	.textBox { padding-top: 68px; }
	.textBox h2 { font-size: 18px; line-height: 29px; }
	.textBox .button { padding: 15px 19px; }
	.eventGridBox li { width: 50%; }
	.contactBox.center { max-width: inherit; }
	.contactBox.login form { margin: 0px; }
/*
	.logoBox { padding-top: 85px; }
	.logoBox li:nth-child(4n) { width: 110px; }
	.logoBox li:nth-child(4n) img { width: 50%; }
	.logoBox li { padding-bottom: 20px; width: calc(33.3% - 38px); }
	.logoBox li img { width:50%;}
*/
	.logoBox { padding-top: 85px; }
	.logoBox li:nth-child(4n) { width: 110px; }
	.logoBox li:nth-child(4n) img { width: 100%; }
	.logoBox li { padding-bottom: 20px; width: calc(33.3% - 38px); }

	
	.partnerBox { padding-bottom: 22px; text-align: left; }
	.partnerBox h2 { margin-bottom: 40px; }
	.partnerBox li { margin-bottom: 45px; width: calc(50% - 38px); }
	.ctaBox .block { max-width: inherit; }
	.introBox ul.menu { margin-top: 36px; }
	.overviewBox .top { padding: 70px 0; }
	.overviewBox .top p {max-width: inherit; }
	.overviewBox .holder { margin: 0px; }
	.overviewBox .block { padding: 25px 0 36px 0; width: 100%; margin-right: 0px; }
	.overviewBox { padding-bottom: 50px; }
	.linksBox ul { padding: 35px 0px; }
	.articlesBox .holder { margin: 0px; }
	.articlesBox .left { margin-right: 0px; width: 100%; }
	.articlesBox .block { padding: 30px 0px; width: 100%; margin-right: 0px; }
	.articlesBox .block:last-child { border-bottom: 1px solid #e6e6e6; }
	.articlesBox .row { padding-bottom: 0px; border: none; }
	.articlesBox .row:last-child .left:nth-child(even) .block:last-child { border: none; }
	.articlesBox { padding-bottom: 8px; }
	.membersBox { padding-bottom: 60px; }
	.membersBox li { width: 100%; }
	.membersBox .detail { width:calc(100% - 60px); }
	.membersBox figure { margin-right: 20px; }
	.membersBox h2 { width: 120px; display: inline-block; }
	.membersBox p { display: inline-block; width: calc(100% - 140px); }
	.membersBox p span { width: 60%; display: inline-block; }
	.membersBox .website { margin: 0px 14px; }
	.documentsBox .holder { margin-right: 0px; }
	.documentsBox .column { margin-right: 0px; width: 100%;}
	.documentsBox .row.gutter .column:first-child { padding-bottom: 90px; }
	.documentsBox .row:first-child .column:first-child::after { bottom: 43px; top: inherit; width: calc(100% + 65px); height: 32px; right: -33px; }
	.contentBox .left { width: 100%; }
	.contentBox .right { width: 100%; }
	.contentBox ul { margin-top: 40px; float: left; max-width: inherit; }
	.contentBox li { padding: 0px 25px 0 0 ;}
	.contentBox { padding-bottom: 35px; }
	#statusCnr .holder { margin: 0px; }
	#statusCnr .column { width: 100%; padding-right: 0px; }
	.statusBox { padding-bottom: 28px; }
	.ctaBox { padding-bottom: 80px; }
	#footerCntr .websiteLogo { width: 98px; padding: 42px 0 0 0; }
	#footerCntr .left { padding-left: 22px; width: calc(100% - 206px); }
	#footerCntr .logo { width: 96px; }
	#footerCntr .logo img { max-width: 100%; }
	#footerCntr ul { display: block; }
	#footerCntr ul:last-child { margin-left: -13px; }
	#footerCntr ul li:last-child { border: none;  }
	.contactBox .button { min-width: 306px; }
	.documentsBox .folderRow .holder { margin-right: -35px; }
	.documentsBox .folderRow .column { margin-right: 35px; width: calc(50% - 35px); float: left; }
	.documentsBox ul.folder li .link { display: none; }
	.documentsBox .folderRow h3{ padding-right: 0px; }
	.introBox.detail{ padding-top: 75px; }
	.searchBox.center { max-width: inherit; }
	.aboutBox .block { max-width: inherit; padding-bottom: 30px; }
	.introBox.detail h1 { padding-bottom: 34px; }
	.introBox .bottom { margin-bottom: -32px; }
	.aboutBox h2 { padding-bottom: 7px; }
	.objectivesBox li { padding-left: 122px; }
	.objectivesBox li h3::before { left: 20px; }
	.objectivesBox h2{ margin-left: 122px; }
	.teamBox h2 { margin-left: 122px; }
}

@media only screen and (max-width: 767px) {
	#headerCntr { padding-top: 20px; padding-bottom: 20px; }
	#headerCntr .mobileMenu span { display: none; }
	#headerCntr .mobileMenuClose span {display: none;  }
	.bannerBox .right { display: none; }
	.bannerBox .left { width: 100%; padding: 56px 0; }
	.bannerBox h1 { font-size: 20px; line-height: 27px; }
	.bannerBox p { padding: 24px 0px; font-size: 16px; }
	#topCntr .holder { padding-top: 56px; }
	.newsBox .content { padding-right: 0px; width: 100%; }
	.newsBox figure { width: 100%; margin-top: 0px; height: auto; margin-left: 0px; }
	.newsBox .slick-dots { right: 0px; }
	.newsBox h3 { font-size: 16px; }
	.newsBox h2 { font-size: 20px; }
	.newsBox p { font-size: 14px; }
	.newsBox { padding-bottom: 56px; }
	.eventBox ul { margin: 0px; }
	.eventBox li { width: 100%; padding-right: 0px; }
	.eventBox li:nth-child(3n) { margin-bottom: 30px; }
	.eventBox p small { display: block; }
	.eventBox h2 { font-size: 20px; }
	#bottomCntr { padding: 0px; }
	#bottomCntr .holder { padding-top: 56px; margin-right: 0px; }
	#bottomCntr .column { width: 100%; padding-right: 0px; }
	.promoBox { padding: 50px 30px 205px 30px; }
	.promoBox.book { padding-bottom: 235px; }
	.promoBox p { font-size: 14px; }
	.promoBox h2 { font-size: 16px; }
	.promoBox.book p { padding-top: 20px; }
	.clientsBox { text-align: left; }
	.clientsBox ul { padding: 50px 0 10px 0; text-align: left; margin-right: -16px; }
	.clientsBox li {  float: left; /*display: block;*/ width:21%; }
	#footerCntr { padding-top: 42px; padding-bottom: 46px; }
	#footerCntr .left { width: 100%; padding:  12px 0 32px 0px; }
	#footerCntr .websiteLogo { padding: 0px 0px 0px 78px; float: left; width: auto; }
	.introBox { padding-top: 50px; padding-bottom: 55px; }
	.introBox h1 { font-size: 20px; }
	.introBox p { font-size: 16px; line-height: 27px; }
	.introBox.detail { padding-top: 80px; }
	.introBox.detail ul.breadcrumb { padding-top: 19px; padding-bottom: 18px; }
	.introBox ul.breadcrumb li:last-child { width: 270px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden;}
	.introBox .bottom .column { padding: 6px 32px 6px 43px; margin-bottom: 14px; width: 100%; font-size: 14px; }
	.introBox .bottom .column br { display: none; }
	.introBox .bottom .column.location { padding-top: 0px; width: 100%; }
	.introBox .bottom .button { margin-top: 20px; }
	.introBox .bottom { margin-bottom: -24px; }
	.introBox.portal ul.breadcrumb li:last-child {width: 200px;}
	.introBox ul.menu { margin: 0px; }
	.introBox ul.menu li { padding: 0px; width: 25%; float: left; text-align: center; }
	.introBox ul.menu li a { padding: 0px 11px; font-size: 55px; padding-bottom: 0px; color: #929496; font-weight: 300; }
	.introBox ul.menu li a:after {font-family: 'Material Icons'; content:'library_books'; }
	.introBox ul.menu li.user a:after {content:'perm_identity'; }
	.introBox ul.menu li.star a:after { content:'star_border'; }
	.introBox ul.menu li.resources a:after { content:'lightbulb_outline'; }
	.introBox ul.menu li a:hover, .introBox ul.menu li.is-active a { color: #333; }
	.introBox ul.menu li a span { display: none; }
	.introBox.login ul.breadcrumb li { padding-right: 20px; }
	.introBox.login ul.breadcrumb li:last-child { padding-right: 0px; width: auto; }
	.aboutBox::before { display: none; }
	.aboutBox .block { padding-top: 50px; }
	.aboutBox p { font-size: 14px; line-height: 25px; }
	.objectivesBox li { margin-bottom: 15px; padding-left: 0px;  }
	.objectivesBox h3 { padding-left: 82px; margin-bottom: 16px; }
	.objectivesBox h3:before { top: 7px; }
	.teamBox li { text-align: center; }
	.teamBox figure { float: none; }
	.teamBox .detail { padding-left: 0px; width: 100%; }
	.teamBox img { display: inline-block; }
	#objectivesCntr h3 { font-size: 16px; line-height: 23px; }
	#objectivesCntr p { padding: 8px 0px; font-size: 14px; line-height: 25px; }
	.objectivesBox h2 { margin: 0px; }
	.teamBox h2 { margin-left: 0px; }
	.textBox .holder { margin-right: 0px; }
	.textBox .block { width: 100%; padding-right: 0px; padding-bottom: 46px; }
	.textBox { padding-top: 50px; padding-bottom: 0px; }
	.eventGridBox { padding-bottom: 0px; }
	.eventGridBox h3 { font-size: 16px; }
	.eventGridBox ul { margin-right: -16px; }
	.eventGridBox li { padding-right: 16px; }
	.eventGridBox p { font-size: 13px; }
	.paginationBox { padding-bottom: 67px; }
	.paginationBox li span { visibility: hidden; width: 1px; display: inline-block; }
	.paginationBox li { padding-right: 18px; }
	.aboutBox .block { padding-bottom: 15px; }
	.ctaBox h2 { font-size: 20px; }
	.ctaBox p { font-size: 14px; line-height: 25px; }
	.ctaBox { padding-bottom: 55px; }
	.contactBox { padding-top: 50px; }
	.contactBox .column { width: 100%; padding-right: 0px; }
	.contactBox .row.holder { margin: 0px; }
	.contactBox .column:first-child { margin-bottom: 18px; }
	.contactBox .row { padding-bottom: 18px; }
	.contactBox.center { padding-left: 0px; padding-right: 0px; }
	.contactBox.login { padding-top: 28px; padding-bottom: 0px; }
	.contactBox.login form { padding: 38px 30px 20px 30px; }
/*
	.logoBox ul { margin-right: -50px; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-align-items: stretch; -ms-flex-align: stretch; align-items: stretch; -webkit-flex-flow: row wrap; -ms-flex-flow: row wrap; flex-flow: row wrap;}
	.logoBox li {padding-right: 50px;  width: 50%; }
	.logoBox li:nth-child(4n) { width: 50%; }
	.logoBox li img,.logoBox li:nth-child(4n) img { width: auto; }
	.logoBox li img { max-width: 80%; }
*/
	.logoBox ul { margin-right: -50px; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-align-items: stretch; -ms-flex-align: stretch; align-items: stretch; -webkit-flex-flow: row wrap; -ms-flex-flow: row wrap; flex-flow: row wrap;}
/*	.logoBox li {padding-right: 50px;  width: 50%; }*/
	.logoBox li { padding-right:0 10pxm; width:50%;}
	.logoBox li:nth-child(4n) { width: 50%; }
	.logoBox li:nth-child(4n) img { width: auto; }
	.logoBox li img { max-width: 100%; }


	.partnerBox ul { margin: 0px; }
	.partnerBox li { width: 100%; margin-right: 0px; margin-bottom: 18px; overflow: hidden; }
	.partnerBox h3 { font-size: 16px; }
	.partnerBox p { padding-top: 6px; font-size: 14px; line-height: 25px; }
	.overviewBox .top { padding: 44px 0px; }
	.overviewBox .top p { font-size: 16px; line-height: 27px; }
	.overviewBox .block figure { display: none; }
	.overviewBox .block { padding: 25px 0px; }
	.overviewBox .block h2 { padding-bottom: 4px; margin-bottom: 20px; font-size: 20px; }
	.overviewBox .block p { font-size: 14px; line-height: 25px; }
	.overviewBox .button span { display: none; }
	.overviewBox .button { top: 10px; padding:0px; border-radius: 100%;  width: 36px; height: 36px; line-height: 36px; text-align: center; }
	.overviewBox .button:before { top: 0px; font-size: 20px; left: 6px; }
	.articlesBox h3 { font-size: 16px; line-height: 20px; }
	.articlesBox p { font-size: 14px; line-height: 24px; }
	.articlesBox .detail { width: auto; float: none; padding-left: 0px; }
	.articlesBox figure { width: 70px; margin: 0px 11px 11px 0; }
	.articlesBox .holder:nth-child(odd) .block:last-child { padding-bottom: 40px; }
	.linksBox ul { padding: 25px 0px; }
	.membersBox h2 { width: auto; display: block; }
	.membersBox p { display: block; width: 100%; }
	.membersBox p span { display: block; width: 100%; }
	.membersBox .website { margin-left: 0px; }
	.membersBox li { margin-bottom: 20px; }
	.membersBox .logo { width: 80px; }
	.documentsBox { padding: 0px; }
	.documentsBox ul.documents li::before { display: none; }
	.documentsBox ul.documents li { padding: 11px 0px; }
	.documentsBox ul.folder li { padding: 13px 0 10px 60px; }
	.documentsBox h3 { font-size: 16px; }
	.searchBox .button { display: none; }
	.searchBox .input { width: 100%; }
	.searchBox .input::after { cursor: pointer; }
	.searchBox { padding-top: 30px; padding-bottom: 30px; }
	.documentsBox h2 { font-size: 20px; }
	.documentsBox ul.folder .link { display: none; }
	.documentsBox ul.folder li::before { top: 11px; }
	.contentBox { padding-top: 22px; }
	.contentBox h1 { font-size: 20px; }
	.contentBox p { font-size: 16px; }
	.statusBox h3 { font-size: 16px; }
	.statusBox p { font-size: 14px; line-height: 25px; }
	.statusBox { padding-bottom: 8px; }
	#statusCnr .ctaBox .block { padding-top: 35px; }
	#statusCnr .documentsBox { width: auto; margin: 0px -30px 30px -30px;}
	#footerCntr .logo { width: auto; }
	.overviewBox .block:nth-child(3n) { border-bottom: 1px solid #e6e6e6; }
	.documentsBox .folderRow .holder { margin-right: 0px; }
	.documentsBox .folderRow .column { margin-right: 0px; width: 100%; float: left; }
	.documentsBox .column:first-child li:last-child { border-bottom: 1px solid #cccccc;}
	.documentsBox .row { padding: 35px 30px 30px 30px; }
	.objectivesBox li h3::before { left: 0px; }
	.textBox p { font-size: 14px; line-height: 25px; }
	.textBox h2 { font-size: 16px; line-height: 23px; }
}

@media only screen and (max-width: 479px) {
	#headerCntr .logo { width: 177px; }
	.bannerBox .link { margin-top: 20px; }
	.newsBox .link { float: right; }
	.eventBox .link { float: right; }
	.eventBox .detail { padding-left: 9px; }
	.eventBox figure { margin-top: 25px; width: 73px; }
	.eventBox time { width: 73px; font-size: 16px; line-height: 25px; height: 25px; }
	.eventBox .detail { width: calc(100% - 73px); }
	.eventBox p span { display: block; white-space: nowrap; text-overflow: ellipsis; overflow: hidden;}
	.clientsBox ul { padding-top: 30px; margin-right: -10px; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-align-items: stretch; -ms-flex-align: stretch; align-items: stretch; -webkit-flex-flow: row wrap; -ms-flex-flow: row wrap; flex-flow: row wrap; }
	.clientsBox li { padding-right: 10px; width: 25%; }
	#footerCntr ul { margin-left: -10px; overflow: visible; }
	#footerCntr li{ padding: 0px 10px; }
	#footerCntr li a { font-size: 13px; }
	.aboutBox h2 { padding-bottom: 5px; font-size: 16px; }
	.objectivesBox li h3::before { top: 13px; }
	.teamBox ul { margin: 0px; }
	.teamBox li { width: 100%; padding-right: 0px; }
	.eventGridBox ul { margin-right: 0px; }
	.eventGridBox li { width: 100%; padding-right: 0px; }
	.introBox ul.breadcrumb li:last-child { padding-right: 0px; width: 121px; }
	.contactBox h3 { font-size: 16px; }
	.contactBox address { font-size: 14px; line-height: 25px; }
	.contactBox address a.email { width: 244px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; vertical-align: top; }
	.contactBox p { font-size: 14px; line-height: 25px; padding: 25px 0 40px 0; }
	.contactBox label { font-size: 14px; }
	.contactBox input[type="text"], .contactBox input[type="password"] { font-size: 14px; padding: 13px 15px; }
	.contactBox .select select { padding: 13px 47px 13px 15px; font-size: 14px; }
	.contactBox .select::after { width: 40px; line-height: 48px; font-size: 32px; }
	.contactBox .textarea { padding: 13px 15px; font-size: 14px; }
	.contactBox .button { min-width: 100%; }
	.contactBox.login .button { min-width: 100%; margin: 0px 0 16px 0; }
	.contactBox.login { text-align: center; }
	.contactBox label { padding-bottom: 7px; text-align: left; }
	.contactBox.login p br { display: block; }
	.contactBox.login p { padding-top: 30px; text-align: center; }
	.contactBox.login p .link { margin-top: 10px; }
	.logoBox { padding-top: 80px; }
	.introBox ul.menu li a { font-size: 42px; }
	.introBox ul.menu { margin-top: 5px; }
	.introBox.portal ul.breadcrumb li:last-child { width: 60px; padding-right: 0px; }
	.linksBox li:first-child { padding-bottom: 10px; width: 100%; }
	.linksBox ul { margin-right: -8px; }
	.linksBox li { padding-right: 8px; }
	.articlesBox .buy { margin-left: 10px; }
	.articlesBox .block { padding: 25px 0px; }
	.membersBox .right { width: 100%; padding-left: 0px; }
	.membersBox .logo { float: none; }
	.membersBox li { display: block; }
	.membersBox .logo { width: 65px; margin-bottom: 10px; }
	.membersBox { padding-top: 50px; }
	.documentsBox span { display: none; }
	.documentsBox h3 { padding-right: 0px; }
	.documentsBox .download { position: relative; top: 0px; }
	.documentsBox ul.folder li { padding: 13px 0 10px 40px; }
	.documentsBox ul.folder li::before { top: 4px; font-size: 28px; }
	.contentBox h1 { font-size: 18px; margin-right: 6px; }
	.contentBox li { width: 33.3%; }
	.contentBox { padding-bottom: 15px; }
	.statusBox h2 { font-size: 20px; }
	#statusCnr { padding-top: 30px; }
}




/*********************************************************
CORPORATE DISCOVERY CSS 
*********************************************************/

/*.hlBackground { background: #8868b3;background: linear-gradient(45deg, #2e2fa7, #7268d2);  }
.hlButton { margin-right: 25px; padding: 15px 25px; font-size: 16px; color: #fff; font-weight: 700; text-decoration: none; border-radius: 50px; background:none; border:1px white solid; display:inline-block; margin-top:20px; }
.hlButton:hover { background:white; color:#2e2fa7;}*/

/*
.hlBackground { background: #8868b3;background: linear-gradient(45deg, rgba(140,198,63,1) , rgba(102,145,46,1) );  }
.hlButton { margin-right: 25px; padding: 15px 25px; font-size: 16px; color: #fff; font-weight: 700; text-decoration: none; border-radius: 50px; background:none; border:1px white solid; display:inline-block; margin-top:20px; }
.hlButton:hover { background:white; color:rgba(102,145,46,1);}
*/

.hlBackground { background: #0ea6d2;background: linear-gradient(45deg, #0ea6d2 , #1090b5 );  }
.hlButton { margin-right: 25px; padding: 15px 25px; font-size: 16px; color: #fff; font-weight: 700; text-decoration: none; border-radius: 50px; background:none; border:1px white solid; display:inline-block; margin-top:20px; }
.hlButton:hover { background:white; color:#0ea6d2;}



/* Header */
.menuBox:not(.mm-menu) ul li.cdp { float:right;}
.menuBox:not(.mm-menu) ul li.cdp a { background: #0ea6d2; color: white; padding: 5px 15px; border-radius: 50px; border-bottom:none;}
.menuBox:not(.mm-menu) ul li.cdp a:hover { border-bottom:none; text-decoration:none;}

/* animations */
@keyframes float { 0% { transform: translateY(0px); } 50% { transform: translateY(-10px); } 100% { transform: translateY(0px); } }
.float-animation {  animation: float 4s ease-in-out infinite;}
/* ***************** Homepage CDP banner *********************/
#topCntr .holder.campaign.half { width:50%; margin-top:30px; display:inline-block;margin-bottom:50px; min-height:450px;}
#topCntr .holder.campaign {  border-radius:10px;margin-top:50px; padding:40px; padding-bottom:20px;}
#topCntr .holder.campaign h2 {  padding-bottom: 20px; display: block;  font-size: 24px; color: white;}
#topCntr .holder.campaign p { font-size: 16px; color: white; line-height: 25px;}
#topCntr .holder.campaign p.light { opacity:0.6;margin-bottom:5px;}
#topCntr .holder.campaign .column.right { text-align:right;padding:0;}
#topCntr .holder.campaign img { float:right;width:80%;max-height:100%;margin-top:-20px;}
#topCntr .holder.campaign:nth-child(1) .column { width:70%;}
#topCntr .holder.campaign:nth-child(2) .column { width:60%;}
#topCntr .holder.campaign:nth-child(3) .column { width:60%;}

#topCntr .holder.campaign .column:nth-child(2) { width:30%;}
#topCntr .holder.campaign.green .column:nth-child(1) { width:70%;}
#topCntr .holder.campaign.green .column:nth-child(2) { width:30%;}
#topCntr .holder.campaign.warm .column:nth-child(1) { width:70%;}
#topCntr .holder.campaign.warm .column:nth-child(2) { width:30%;}


#topCntr .holder.campaign .column img { width:100%; max-height:250px;}
#topCntr .holder.campaign .column img { width:100%; max-height:none;}
#topCntr .holder.campaign .column img { width:100%; max-height:none;}

#topCntr .holder.campaign.green { background: #8868b3;background: linear-gradient(45deg, rgba(140,198,63,1) , rgba(102,145,46,1) );  }
#topCntr .holder.campaign.warm { background:#f28a33;background: linear-gradient(45deg, #f28a33, #db5132); float:right;}



/* ***************** CDP landing page *********************/
.bannerBox.campaign .left  {padding-bottom:50px;}
.bannerBox.campaign .right img { margin-top:4vh;}
.bannerBox.campaign h1, .bannerBox.campaign p, .bannerBox.campaign .link { color:white;}
.bannerBox.campaign .logo-klever { color: white; text-align: left; position: relative; bottom: 0; margin-top: -30px; width: 100%; float: left;}
.bannerBox.campaign .logo-klever a { vertical-align:middle;}
.bannerBox.campaign .logo-klever img { display:inline-block; width:100%;max-width:140px;}
#contentCntr.campaign, #contentCntr.campaign #objectivesCntr { background:white;}
.campaign .objectivesBox h2 { margin-left:0;}
.campaign .objectivesBox li { padding-left: 45px;}
.campaign .objectivesBox li h3 { min-height:0;}
.campaign .objectivesBox li p { padding:5px 0 10px 0;}
.campaign .objectivesBox li h3:before { font-family: 'Material Icons'; height:50px; width:50px; top:20px; content:'check'; color:rgba(140,198,63,1); background:none;font-size:30px;}

.campaign .objectivesBox { width:50%;}
.campaign .teamBox { width:100%;}

.campaign .teamBox figure { width:80% !important; max-width:200px !important;  display:inline-block; float:none;}
.campaign .teamBox img { border-radius:0;border-radius:5px; float:none; width:100% !important; max-width:200px !important; height:auto; }
.campaign .teamBox h2 { margin-left:0;text-align:center;}
.campaign .teamBox > p { line-height:25px;margin:20px 0;}
.campaign .teamBox ul { justify-content: center; display: flex;}
.campaign .teamBox li { display:inline-block; width:calc(33% - 20px); text-align:center;}
.campaign .teamBox li .detail {width:auto; padding:0;margin-top:10px; }

.faq-item { margin: 20px 0;}
.faq-item h3 a,.faq-item h3 {font-size:16px; color:#333333;}
.faq-item a h3,.faq-item a { color:#0ea6d2; text-decoration:none !important;}
.faq-item a:hover { text-decoration:underline !important;}
.faq-item h3 a:hover {font-size:16px; color:#0ea6d2;}
.faq-item p { padding-top:5px; /*display:none;*/ padding-bottom:10px;}
/*#topCntr.audience .holder.campaign .column { width:100%;}
#topCntr.audience .holder.campaign .column.right { display:none;}*/


@media only screen and (max-width: 767px) {		
	/* Banner */
	#topCntr .holder.campaign { padding:20px;}	
	#topCntr .holder.campaign .column:nth-child(1) { width:100%; z-index:1;}
	#topCntr .holder.campaign .column:nth-child(2) { width:100%; z-index:1;}
	#topCntr .holder.campaign .column.right { text-align:center; z-index:0;}
	#topCntr .holder.campaign img { width:60%;margin-top:-50px; margin-right:-30px;}
	#topCntr .holder.campaign p { font-size:14px;}
	
	/* Page */
	.campaign h2 { font-size:20px !important;}
	.campaign .objectivesBox { width:100%;}
	.campaign .objectivesBox ul { margin-bottom:30px;}
	.campaign .objectivesBox li { margin-bottom:10px;}
	.campaign .objectivesBox h3 { padding-left:0;margin-bottom:0; padding-top:10px;}
 	.campaign .objectivesBox p { padding:0 !important;}
	.campaign .teamBox li { width:100%;}
	.campaign .teamBox li .detail { width:100%;}
	#topCntr .holder.campaign.half { width:100%; margin-bottom:20px;}
	
	
	
	#topCntr .holder.campaign.green .column:nth-child(1) { width:100%;}
	#topCntr .holder.campaign.green .column:nth-child(2) { width:100%;}
	#topCntr .holder.campaign.warm .column:nth-child(1) { width:100%;}
	#topCntr .holder.campaign.warm .column:nth-child(2) { width:100%;}
	
	
}