/* GENERAL ////////////////////////////////////////////////////////// */
	
* {
	margin: 0;
	padding: 0;
	-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
		-moz-box-sizing: border-box;    /* Firefox, other Gecko */
			box-sizing: border-box;         /* Opera/IE 8+ */
}

html, body {
    margin: 0;
    padding: 0;
}

body  {
	position: relative;
	font-size: 62.5%;
	text-align:left;
	min-height:100%;
	font-family: 'Open Sans',Arial,Verdana,sans-serif; 
	font-weight:normal;
	background:#E7E7E8
}

.main-container {
	background:#fff;
	width:90%;
	margin:0 auto;
	position:relative;
	max-width:1366px
}



.clearfix:before, .clearfix:after { content: ""; display: table; }
.clearfix:after { clear: both; }
.clear { clear: both; }

::-moz-selection{
	background-color:#008751;
	color:#FFFFFF;
	text-shadow:none;
}
::selection{
	background-color: #008751;
	color:#FFFFFF;
	text-shadow:none;
}


/* GLOBAL ////////////////////////////////////////////////////////// */


h1 {
	font-family: 'Open Sans',Arial,Verdana,sans-serif;
	font-size:2.4em;
	font-weight:600;
	color:#1e7539;
	margin:50px 0 30px 0;
	padding:0;
	line-height:1.1em
}

h1.index-header {
	background:url(../_/tile-headline.jpg) repeat-x center center;
	position:relative;
	text-transform:uppercase;
	letter-spacing:1px;
	font-weight: 700;
	text-align: center;
}

h1.index-header span {
	background:#fff;
	padding: 0 20px;
}


h2 {
	font-size:1.8em;
	line-height:1.4em;
	font-weight:700;
	color:#777;
	margin:0 0 40px 0
}

h3 {
	text-transform:none;
	font-weight:700;
	font-size:1.6em;	
	margin:60px 0 10px 0;
	color:#8fb91c;
	letter-spacing:1px;
}

h4 {
	font-family: 'Open Sans',Arial,Verdana,sans-serif;
	font-size:1.6em;
	font-weight:600;
	color:#8fb91c;
	margin:40px 0 20px 0;
	padding:0 0 10px 0;
	line-height:1.25em;
	border-bottom:1px solid #ccc;
	text-transform:uppercase;
	letter-spacing:1px;
}

.pad-10 {
	padding:0 10px;
	color:#999
}

h5 {
	font-size:2.0em;
	font-weight:600;
	color:#777;
	margin:0
}


h6 {
	font-size:1.8em;
	line-height: 1.6em;
	font-weight:400;
	color:#666;
	margin:0 0 40px 0;
}

p {	
	font-weight:400;
	font-size:1.6em;
	line-height: 1.6em;
	margin-bottom:25px;
	color:#555
}


p strong {
	font-weight:600;
}

p span.spacer {
	display:inline-block;
	padding:0 10px;
	text-indent: -9999px;
}

ul {
	list-style: disc outside none;
}

ul li {
	font-weight:400;
	font-size:1.6em;
	line-height: 1.6em;
	margin:0 0 10px 25px;
	color:#555;
}



ol li {
	font-weight:400;
	font-size:1.6em;
	line-height: 1.6em;
	margin:0 0 10px 25px;
	color:#555;
}

ol.custom-counter {
    margin-left: 0;
    padding-right: 0;
    list-style-type: none;
}

.custom-counter li {
    counter-increment: step-counter;
}

.custom-counter li::before {
    content: counter(step-counter);
    margin-right: 5px;
    font-size: 80%;
    background-color: rgb(200,200,200);
    color: white;
    font-weight: bold;
    padding: 3px 8px;
    border-radius: 3px;
}

.birdseed {
	font-size:1.1em;
	margin:0 0 10px 0;
	line-height:1.2em;
	padding:0;
	color:#888;
}

sup {
	vertical-align: top; 
	position: relative; 
	top: -0.5em;
	font-size:0.5em
}

a:link, a:visited {
	text-decoration:none;
	color:#8fb91c;
	-webkit-transition: all 300ms cubic-bezier(0.420, 0.000, 0.580, 1.000);
	   -moz-transition: all 300ms cubic-bezier(0.420, 0.000, 0.580, 1.000);
		-ms-transition: all 300ms cubic-bezier(0.420, 0.000, 0.580, 1.000);
		 -o-transition: all 300ms cubic-bezier(0.420, 0.000, 0.580, 1.000);
			transition: all 300ms cubic-bezier(0.420, 0.000, 0.580, 1.000); /* ease-in-out */
}

a:hover, a:active {
	color:#000;
	-webkit-transition: all 300ms cubic-bezier(0.420, 0.000, 0.580, 1.000);
	   -moz-transition: all 300ms cubic-bezier(0.420, 0.000, 0.580, 1.000);
		-ms-transition: all 300ms cubic-bezier(0.420, 0.000, 0.580, 1.000);
		 -o-transition: all 300ms cubic-bezier(0.420, 0.000, 0.580, 1.000);
			transition: all 300ms cubic-bezier(0.420, 0.000, 0.580, 1.000); /* ease-in-out */
}

.link-100 {
	width:100%;
	float:left;
	display:block;
	padding:50px 20%;
	font-weight:700;
	text-align:center;
	text-transform: uppercase;
	font-size:1.6em
}

.link-100 span {
	font-weight:400;
	text-transform: none
}

a:link.link-100, a:visited.link-100 {
	background:#f1f1f1;
	border-top:1px solid #ddd;
	color:#666;
}

a:hover.link-100, a:active.link-100 {
	background:#8fb91c;
	border-top:1px solid #ddd;
	color:#fff;
}

.btn {
	display:inline-block;
	font-weight:700;
	text-transform:uppercase;
	font-size:1.4em;
	padding:20px 30px 20px 30px;
	margin-top:10px;
	border-radius:2px;
		-webkit-border-radius:2px;
			-moz-border-radius:2px;
	line-height:1.0em;	
}

a:link.btn-green, a:visited.btn-green {
	background:#8fb91c;
	border:1px solid #8fb91c;
	color:#fff;
}

a:hover.btn-green, a:active.btn-green {
	background:#fff;
	border:1px solid #8fb91c;
	color:#8fb91c;
}

a:link.btn-testi, a:visited.btn-testi {
	background:#fff;
	border-top:1px solid #aaa;
	border-bottom:1px solid #aaa;
	color:#8fb91c;
	display:inline-block;
	font-weight:700;
	text-transform:uppercase;
	font-size:0.6em;
	padding:15px 30px;
	-webkit-box-shadow:0 1px 1px rgba(0,0,0,0.3);
		-moz-box-shadow:0 1px 1px rgba(0,0,0,.0.3);
			box-shadow:0 1px 1px rgba(0,0,0,.0.3);
}

a:hover.btn-testi, a:active.btn-testi {
	background:#f9f9f9;
	color:#666;
	-webkit-box-shadow:0 1px 1px rgba(0,0,0,0.1);
		-moz-box-shadow:0 1px 1px rgba(0,0,0,.0.1);
			box-shadow:0 1px 1px rgba(0,0,0,.0.1);
}

.testi-font {
	font-size:1.4em !important;
	padding:20px 60px !important;
}

a:link.btn-white, a:visited.btn-white {
	display:block;
	margin:30px auto;
	background:rgba(255,255,255,0.3);
	border:2px solid #fff;
	max-width:250px;
	padding:20px 30px;
	font-size:1.4em;
	font-weight:600;
	text-transform: uppercase;
	text-align:center;
	color:#fff;
	text-shadow:1px 1px rgba(0,0,0,0.4);
	-webkit-box-shadow:0 1px 3px rgba(0,0,0,0.5);
		-moz-box-shadow:0 1px 3px rgba(0,0,0,.0.5);
			box-shadow:0 1px 3px rgba(0,0,0,.0.5);
	-webkit-border-radius: 3px;
		-moz-border-radius: 3px;
			border-radius: 3px;
}

a:hover.btn-white, a:active.btn-white {
	background:#fff;
	color:#1e7539;
	text-shadow:none;
	-webkit-box-shadow:0 1px 1px rgba(0,0,0,0.1);
		-moz-box-shadow:0 1px 1px rgba(0,0,0,.0.1);
			box-shadow:0 1px 1px rgba(0,0,0,.0.1);
}

a:link.btn-solid, a:visited.btn-solid {
	display:block;
	margin:30px auto;
	background:#fff;
	border:1px solid #999;
	max-width:250px;
	padding:20px 30px;
	font-size:1.4em;
	font-weight:600;
	text-transform: uppercase;
	text-align:center;
	color:#8fb91c;
	-webkit-box-shadow:0 1px 3px rgba(0,0,0,0.5);
		-moz-box-shadow:0 1px 3px rgba(0,0,0,.0.5);
			box-shadow:0 1px 3px rgba(0,0,0,.0.5);
	-webkit-border-radius: 3px;
		-moz-border-radius: 3px;
			border-radius: 3px;
}

a:hover.btn-solid, a:active.btn-solid {
	background:#e6e6e6;
	color:#666;
	text-shadow:none;
	-webkit-box-shadow:0 1px 1px rgba(0,0,0,0.1);
		-moz-box-shadow:0 1px 1px rgba(0,0,0,.0.1);
			box-shadow:0 1px 1px rgba(0,0,0,.0.1);
}

.btn-ctr {
	margin:0 auto
}

.rnd-left {
border-right:1px solid #ccc;
-webkit-border-top-left-radius: 4px;
	-webkit-border-bottom-left-radius: 4px;
		-moz-border-radius-topleft: 4px;
			-moz-border-radius-bottomleft: 4px;
				border-top-left-radius: 4px;
					border-bottom-left-radius: 4px;	
}

.rnd-right {
border-left:1px solid #ccc;
-webkit-border-top-right-radius: 4px;
	-webkit-border-bottom-right-radius: 4px;
		-moz-border-radius-topright: 4px;
			-moz-border-radius-bottomright: 4px;
				border-top-right-radius: 4px;
					border-bottom-right-radius: 4px;
}	

.txt-left {
	text-align:left
}

.txt-right {
	text-align:right
}

.txt-ctr {
	text-align:center;
}

.main-wrap {
	width:100%;
	padding:25px 10% 50px 10%;
}

.main-wrap-testi {
	width:100%;
	padding:25px 10% 25px 10%;
}

.main-wrap-f3 {
	background:#f3f3f3;
	padding:25px 15% 50px 15%;
}

.clear-padding {
	padding:0
}


/* HEADER FOOTER ////////////////////////////////////////////////////////// */

header {
	width:100%;
	padding:10px 10% 0 10%;
	text-align:center;
}

header h1 {
	margin:0;
	padding:0;
	line-height: 1.0;
	line-height:1.0em;
	font-size:1px
}


header h1 a#logo-pro {
	text-indent:-9999px;
	background:#fff url(../_/logo-pro-arch.svg) no-repeat left center;
	background-size:contain;
	display:block;
	float:left;
	width:20%;
	height:70px;
	margin:0
}

header h1 a#logo-str {
	text-indent:-9999px;
	background:#fff url(../_/logo-str.svg) no-repeat right center;
	background-size:contain;
	display:block;
	float:right;
	width:20%;
	height:70px;
}

nav {
	float:left;
	width:40%;
	margin:0 10%;
	height:80px;
	padding:0;
}

nav a {
	float:left;
	display:block;
	width:33.33333333333333%;
	height:80px;
	font-size:1.2em;
	font-weight:700;
	text-transform:uppercase;
	padding:25px 0 0 0;
	text-align:center;
	position:relative;
}

nav.nav-stage {
	float:left;
	width:50%;
	margin:0 5%;
	height:80px;
	padding:0;
}

nav.nav-stage a {
	float:left;
	display:block;
	width:33.33333333333333%;
	height:80px;
	font-size:1.2em;
	font-weight:700;
	text-transform:uppercase;
	padding:25px 0 0 0;
	text-align:center;
	position:relative;
}


nav a:link, nav a:visited {
	color:#666;
	border-bottom:5px solid #fff
}

nav a:hover, nav a:active {
	color:#8fb91c;
	border-bottom:5px solid #8fb91c
}

footer {
	float:left;
	width:100%;
	padding:50px 10% 0 10%;
	background:#f9f9f9;
}

footer h1 {
	font-size:1.6em;
	font-weight:400 !important
}

footer .col-33 {
	width:33.33333333333333%;
	padding:0 20px;
	float:left;
	margin:60px 0;
	-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
		-moz-box-sizing: border-box;    /* Firefox, other Gecko */
			box-sizing: border-box;         /* Opera/IE 8+ */
}

footer h1 {
	font-size:1.6em;
	font-weight:700;
	line-height:1.2em;
	padding:0;
	margin:8px 0 15px 0;
	color:#666
}

footer p {
	font-size:1.4em;
	line-height:1.6em;
	color:#aaa;
	margin:0
}

.featured-content-links {
	width:100%;
	padding:0;
	margin:0;
	border-right:1px solid #ccc;
	border-top:1px solid #fff;
}

.featured-content-links a {
	display:block;
	float:left;
	margin:0;
	position:relative;
}

.featured-content-links-20 {
	width:20%;
	padding-bottom:20%;	
}

.featured-content-links-25 {
	width:25%;
	padding-bottom:25%;	
}

.featured-content-links-33 {
	width:33.33333333333333%;
	padding-bottom:20%;
}

.featured-content-links a span.featured-content-links-overlay {
	position:absolute;
	top:45%;
	bottom:0;
	left:0;
	right:0;
	background:rgba(0,0,0,0.5);
	z-index:2267;
	font-size:1.3em;
	line-height:1.4em;
	font-weight:400;
	color:#fff;
	border-bottom:1px solid #fff;
	padding:10px 15px;
	overflow:hidden;
	-webkit-transition: all 300ms cubic-bezier(0.420, 0.000, 0.580, 1.000);
	   -moz-transition: all 300ms cubic-bezier(0.420, 0.000, 0.580, 1.000);
		-ms-transition: all 300ms cubic-bezier(0.420, 0.000, 0.580, 1.000);
		 -o-transition: all 300ms cubic-bezier(0.420, 0.000, 0.580, 1.000);
			transition: all 300ms cubic-bezier(0.420, 0.000, 0.580, 1.000); /* ease-in-out */
}

.featured-content-links a:hover span.featured-content-links-overlay {
	top:40%;
	-webkit-transition: all 300ms cubic-bezier(0.420, 0.000, 0.580, 1.000);
	   -moz-transition: all 300ms cubic-bezier(0.420, 0.000, 0.580, 1.000);
		-ms-transition: all 300ms cubic-bezier(0.420, 0.000, 0.580, 1.000);
		 -o-transition: all 300ms cubic-bezier(0.420, 0.000, 0.580, 1.000);
			transition: all 300ms cubic-bezier(0.420, 0.000, 0.580, 1.000); /* ease-in-out */
	background:rgba(0,0,0,0.9);
	color:#fff;
}

.featured-content-links a span.featured-content-links-overlay span.strong {
	font-size:1.2em;
	line-height:1.2em;
	font-weight:700;
	display:inline-block;
	margin-bottom:5px;
	color:#fff;
	-webkit-transition: all 300ms cubic-bezier(0.420, 0.000, 0.580, 1.000);
	   -moz-transition: all 300ms cubic-bezier(0.420, 0.000, 0.580, 1.000);
		-ms-transition: all 300ms cubic-bezier(0.420, 0.000, 0.580, 1.000);
		 -o-transition: all 300ms cubic-bezier(0.420, 0.000, 0.580, 1.000);
			transition: all 300ms cubic-bezier(0.420, 0.000, 0.580, 1.000); /* ease-in-out */
}

.featured-content-links a:hover span.featured-content-links-overlay span.strong {
	color:#fff;
	-webkit-transition: all 300ms cubic-bezier(0.420, 0.000, 0.580, 1.000);
	   -moz-transition: all 300ms cubic-bezier(0.420, 0.000, 0.580, 1.000);
		-ms-transition: all 300ms cubic-bezier(0.420, 0.000, 0.580, 1.000);
		 -o-transition: all 300ms cubic-bezier(0.420, 0.000, 0.580, 1.000);
			transition: all 300ms cubic-bezier(0.420, 0.000, 0.580, 1.000); /* ease-in-out */
}





.link-1 {
	background:url(../_/link-1.jpg) center top;
	background-size:cover;
	border-left:1px solid #ccc;
}

.link-2 {
	background:url(../_/link-2.jpg) center top;
	background-size:cover;
	border-left:1px solid #fff;
}

.link-3 {
	background:url(../_/link-3.jpg) center top;
	background-size:cover;
	border-left:1px solid #fff;
}

.link-4 {
	background:url(../_/link-4.jpg) center top;
	background-size:cover;
	border-left:1px solid #fff;
}

.link-5 {
	background:url(../_/link-5.jpg) center top;
	background-size:cover;
	border-left:1px solid #fff;
}

.link-6 {
	background:url(../_/link-6.jpg) center top;
	background-size:cover;
	border-left:1px solid #fff;
}

.link-7 {
	background:url(../_/link-7.jpg) center top;
	background-size:cover;
	border-left:1px solid #fff;
}


.social-panel {
	position:fixed;
	top:0;
	bottom:0;
	right:-320px;
	width:320px;
	padding:20px;
	background:rgba(143,185,28,0.7);
	z-index:8526;
	border-left:1px solid #fff;
	-webkit-transition: all 300ms cubic-bezier(0.420, 0.000, 0.580, 1.000);
	   -moz-transition: all 300ms cubic-bezier(0.420, 0.000, 0.580, 1.000);
		-ms-transition: all 300ms cubic-bezier(0.420, 0.000, 0.580, 1.000);
		 -o-transition: all 300ms cubic-bezier(0.420, 0.000, 0.580, 1.000);
			transition: all 300ms cubic-bezier(0.420, 0.000, 0.580, 1.000); /* ease-in-out */	
}

.social-panel:hover {
	right:0;
	background:rgba(143,185,28,0.95);
}

.social-panel-caller {
	position:absolute;
	top:89px;
	right:319px;
	height:68px;
	width:69px;
	background:rgba(143,185,28,0.95);
	font-size:4.6em;
	font-weight:700;
	color:#fff;
	text-align:center;
	padding:1px 2px 0 0;
	border-top:1px solid #fff;
	border-left:1px solid #fff;
	border-bottom:1px solid #fff
}

.social-panel:hover .social-panel-caller {
	background:rgba(143,185,28,0.95);
	border-top:1px solid #fff;
	border-left:1px solid #fff;
	border-bottom:1px solid #fff
}

.social-panel h1 {
	display:block;
	height:70px;
	border-bottom:1px solid #7da219;
	font-size:1.2em;
	font-weight:700;
	letter-spacing:1px;
	text-transform:uppercase;
	color:#fff;
	margin:0;
	padding:10px 0 0 0;
	line-height:1.2em;
}

.social-panel a {
	display:block;
	border-left:1px solid #7da219;
	border-bottom:1px solid #7da219;
	border-right:1px solid #7da219;
	padding:25px 20px 25px 60px;
	font-size:1.2em;
	font-weight:700;
	letter-spacing:1px;
	text-transform:uppercase;
}

.social-panel a:link.sp-twitter, .social-panel a:visited.sp-twitter {
	background:#94bf1d url(../_/icn-twitter-ko.png) no-repeat 20px center;
	background-size:10%;
	color:#fff;	
}

.social-panel a:hover.sp-twitter, .social-panel a:active.sp-twitter {
	background:#7da219 url(../_/icn-twitter-ko.png) no-repeat 20px center;
	background-size:10%;
}

.social-panel a:link.sp-linkedin, .social-panel a:visited.sp-linkedin {
	background:#94bf1d url(../_/icn-linkedin-ko.png) no-repeat 20px center;
	background-size:8%;
	color:#fff;	
}

.social-panel a:hover.sp-linkedin, .social-panel a:active.sp-linkedin {
	background:#7da219 url(../_/icn-linkedin-ko.png) no-repeat 20px center;
	background-size:8%;
}

.social-panel a:link.sp-youtube, .social-panel a:visited.sp-youtube {
	background:#94bf1d url(../_/icn-youtube-ko.png) no-repeat 20px center;
	background-size:8%;
	color:#fff;	
}

.social-panel a:hover.sp-youtube, .social-panel a:active.sp-youtube {
	background:#7da219 url(../_/icn-youtube-ko.png) no-repeat 20px center;
	background-size:8%;
}

.social-panel a:link.sp-facebook, .social-panel a:visited.sp-facebook {
	background:#94bf1d url(../_/icn-fb-ko.png) no-repeat 20px center;
	background-size:8%;
	color:#fff;	
}

.social-panel a:hover.sp-facebook, .social-panel a:active.sp-facebook {
	background:#7da219 url(../_/icn-fb-ko.png) no-repeat 20px center;
	background-size:8%;
}

.social-panel a:link.sp-cal, .social-panel a:visited.sp-cal {
	background:#94bf1d url(../_/icn-cal-ko.png) no-repeat 20px center;
	background-size:8%;
	color:#fff;
	margin-bottom:25px;	
}

.social-panel a:hover.sp-cal, .social-panel a:active.sp-cal {
	background:#7da219 url(../_/icn-cal-ko.png) no-repeat 20px center;
	background-size:8%;
}




a:link.twitter, a:visited.twitter {
	background:#f1f1f1 url(../_/icn-twitter.png) no-repeat center center;
	background-size:16%;
	border-top:1px solid #ddd;
	border-bottom:1px solid #ddd;
	border-left:1px solid #ddd;
}

a:hover.twitter, a:active.twitter {
	background:#fff url(../_/icn-twitter.png) no-repeat center center;
	background-size:16%;
}

a:link.linkedin, a:visited.linkedin {
	background:#f1f1f1 url(../_/icn-linkedin.png) no-repeat center center;
	background-size:16%;
	border-top:1px solid #ddd;
	border-bottom:1px solid #ddd;
	border-left:1px solid #ddd;
}

a:hover.linkedin, a:active.linkedin {
	background:#fff url(../_/icn-linkedin.png) no-repeat center center;
	background-size:16%;
}

a:link.youtube, a:visited.youtube {
	background:#f1f1f1 url(../_/icn-youtube.png) no-repeat center center;
	background-size:16%;
	border-top:1px solid #ddd;
	border-bottom:1px solid #ddd;
	border-left:1px solid #ddd;
}

a:hover.youtube, a:active.youtube {
	background:#fff url(../_/icn-youtube.png) no-repeat center center;
	background-size:16%;
}

a:link.facebook, a:visited.facebook {
	background:#f1f1f1 url(../_/icn-fb.png) no-repeat center center;
	background-size:16%;
	border-top:1px solid #ddd;
	border-bottom:1px solid #ddd;
	border-left:1px solid #ddd;
}

a:hover.facebook, a:active.facebook {
	background:#fff url(../_/icn-fb.png) no-repeat center center;
	background-size:16%;
}

a:link.ed-cal, a:visited.ed-cal {
	background:#f1f1f1 url(../_/icn-cal.png) no-repeat center center;
	background-size:16%;
	border:1px solid #ddd
}

a:hover.ed-cal, a:active.ed-cal {
	background:#fff url(../_/icn-cal.png) no-repeat center center;
	background-size:16%;
}


footer p span {
	padding:0 8px
}

footer .col-20 {
	width:20%;
	height:15%;
	display:block;
	padding-bottom:15%;
	margin-bottom:40px;
} 

footer h1 {
	font-size:1.6em;
	text-align:center;
}

footer p {
	text-align:center;
}

.footnotes {
	width:100%;
	padding:50px 5% 140px 5%;
	background:#f9f9f9;
	float:left
}



/* MAIN-HEADER ////////////////////////////////////////////////////////// */

.pa-head {
	width:100%;
	height:500px;
	background:#ccc url(../_/pa-head.jpg) no-repeat right center;
	background-size:cover
}

.pa-head-cc {
	width:100%;
	height:500px;
	padding-top:360px;
	text-align:center;
	background:#ccc url(../_/cc-site-head.jpg) no-repeat center center;
	background-size:cover
}

.pa-head h1 {
	display:block;
	float:left;
	padding:200px 0 0 10%;
	margin:0 0 10px 0;
	color:#434343;
	font-size:4.2em;
	width:100%;
	font-weight:400
}

.pa-head h2 {
	display:block;
	float:left;
	padding:0 0 0 14%;
	margin:0;
	color:#fff;
	font-size:4.2em;
	font-weight:400;
}

.cs-head {
	width:100%;
	padding:100px 5%;
	background:#8fb91c;
	text-align:center
}

.cs-head h1 {
	display:block;
	padding:0;
	margin:0 0 30px 0;
	color:#fff;
	font-size:4.2em;
	width:100%;
	font-weight:600
}

.cs-head h2 {
	display:block;
	padding:0;
	margin:0;
	color:#fff;
	font-size:2.4em;
	font-weight:400
}

.edu-head {
	width:100%;
	padding:200px 10%;
	background:url(../_/edu-head.jpg) no-repeat center center;
	background-size:cover;
	text-align:center
}

.edu-head h1 {
	display:block;
	padding:0;
	margin:0 0 15px 0;
	color:#333;
	font-size:3.6em;
	font-weight:600;
}

.edu-head h2 {
	display:block;
	padding:0;
	margin:0 0 40px 0;
	color:#fff;
	font-size:2.8em;
	font-weight:600;
}

.pa-info {
	width:100%;
	position:relative
}

.pa-info img {
	width:100%
}

.pa-info h1 {
	position:absolute;
	font-size:2.6em;
	line-height:1.4em;
	top:20%;
	left:0;
	width:40%;
	margin:0;
	z-index:667;
	padding-left:5%;
}

.contest-head {
	width:100%;
	height:600px;
	background:#ccc url(../_/contest-header.jpg) no-repeat center top;
	background-size:cover;
	padding-top:460px;
	margin:0
}

.contest-head h1 {
	font-family: 'Lobster', cursive;
	font-size:4.8em;
	color:#fff;
	text-align:center;
	margin:0 0 40px 0;
	padding:0;
	text-shadow:1px 1px rgba(0,0,0,0.3)
}

.submit h1 {
	text-align:center;
	font-size:2.4em;
	line-height:1.4em;
	font-weight:400;
	color:#777;
	padding:0 10%;
}

.submit h1 span {
	color:#8fb91c;
	font-weight:600;
	padding-bottom:5px;
	display:inline-block;
}

.number {
	border:7px solid #f3f3f3;
	width:60px;
	height:60px;
	background:#bccf00;
	color:#fff !important;
	font-size:2.0em;
	text-align:center;
	padding-top:10px;
	margin:0 auto 30px auto;
	-webkit-border-radius:40px;
		-moz-border-radius:40px;
			border-radius:40px;	
}

.col-left-preview {
	width:33.33333333333333%;
	float:left;
	margin:0 0 20px 0;
	padding:0;
	-webkit-border-radius: 0;
		-moz-border-radius: 0;
			border-radius: 0;
}




/* SLIDER ////////////////////////////////////////////////////////// */


.rslides {
  position: relative;
  list-style: none;
  overflow: hidden;
  width: 100%;
  padding: 0;
  margin: 0;
  }

.rslides li {
  -webkit-backface-visibility: hidden;
  position: absolute;
  display: none;
  width: 10%;
  left: 0;
  top: 0;
  margin:0
  }

.rslides li:first-child {
  position: relative;
  display: block;
  float: left;
  }

.rslides img {
  display: block;
  height: auto;
  float: left;
  width: 100%;
  border: 0;
  }

.callbacks_container {
  position: relative;
  float: left;
  width:100%;
  padding:60px 10%;
  background:#f3f3f3
  }

.callbacks {
  position: relative;
  list-style: none;
  overflow: hidden;
  width:100%;
  padding:0;
  margin:0 auto;
  }

.callbacks li {
  position: absolute;
  width: 100%;
  left: 0;
  top: 0;
  }

.callbacks img {
  display: block;
  position: relative;
  z-index: 1;
  height: auto;
  width: 100%;
  border: 0;
  }

.callbacks .caption {
  display: block;
  position: absolute;
  z-index: 2;
  font-size: 20px;
  text-shadow: none;
  color: #fff;
  background: #000;
  background: rgba(0,0,0,0.8);
  left: 0;
  right: 0;
  bottom: 0;
  padding: 10px 20px;
  margin: 0;
  max-width: none;
  text-align:center;
  }

.callbacks_nav {
  position: absolute;
  -webkit-tap-highlight-color: rgba(0,0,0,0);
  top: 0;
  left: 10%;
  bottom:0;
  z-index: 3;
  text-indent: -9999px;
  overflow: hidden;
  text-decoration: none;
  height:100%;
  width:15%;
  }
  
.callbacks_nav.prev {
	background:url(../_/arrow-prev.png) no-repeat center center;
	background-size:14%;
}


.callbacks_nav.next {
  	left: auto;
  	right:10%;
	background:url(../_/arrow-next.png) no-repeat center center;
	background-size:14%;
}



/* ARTICLES & WIDGETS & SIDEBARS ////////////////////////////////////////////////////////// */


.widget {
	width:100%;
	padding:40px 15% 30px 15%;
	position:relative;
	text-align:center;
	border-top:1px solid #ccc;
	border-bottom:1px solid #ccc;
	background:#f3f3f3
}

.widget h1 {
	margin:0 0 20px 0;
	font-size:2.4em
}

.widget a {
	padding:0;
	width:220px;
	height:133px;
	display:block;
	margin:20px auto 0 auto;
	background:url(../_/thumb-vid.jpg) no-repeat center center;
	-webkit-border-radius: 3px;
		-moz-border-radius: 3px;
			border-radius: 3px;
}

.widget a:link, .widget a:visited {
	border:5px solid #ccc;
}


.widget a:hover, .widget a:active {
	border:5px solid #bccf00
}

.video-wrapper-ie9 {
	display:none;
}

.video-wrap {
	width:100%;
	position: relative;
	padding:0 0 56.25% 0; /* 16:9 */
	height: 0;
}

.video-wrap iframe,
.video-wrap object,
.video-wrap embed {
	position: absolute;
	top: 0;
	right: 0;
	width: 100%;
	height: 100%;
	z-index:0;
}

.video-rb {
	background:#f9f9f9
}

.video-rb h1 {
	font-family: 'Open Sans',Arial,Verdana,sans-serif;
	font-size:2.8em;
	font-weight:600;
	color:#999;
	margin:50px 0 30px 0;
	padding:0;
	line-height:1.1em	
}

.video-rb h1 span {
	font-size:0.5em;
	text-transform:uppercase;
	color:#666;
	font-weight:700;
}

.video-row {
	width:100%;
	position:relative;
	padding:0
}

.vid-nav {
	float:left;
	width:25%;
	border-top:1px solid #e6e6e6;
	list-style:none;
}

.vid-nav li {
	padding:0;
	margin:0;
}

.vid-nav li a {
	width:100%;
	display:block;
	font-size:0.8em;
	padding:20px 15px;
	line-height:1.2em
}

.vid-nav li a strong {
	font-size:0.6em;
	text-transform:uppercase;
}

.vid-nav li a:link, .vid-nav li a:visited {
	border-bottom:1px solid #e6e6e6;
	border-right:1px solid #e6e6e6;
	color:#999
}

.vid-nav li a:hover, .vid-nav li a:active {
	border-bottom:1px solid #8fb91c;
	border-right:1px solid #8fb91c;
	background:#8fb91c;
	color:#fff
}

.vid-nav li a.selected {
	background:#fff;
	color:#8fb91c;
	border-bottom:1px solid #e6e6e6;
	border-right:1px solid #e6e6e6;
}

.reference {
	width:100%;
	padding:40px 10% 0 10%;
	position:relative;
	text-align:center;
	border-top:1px solid #ddd;
	border-bottom:1px solid #ddd;
}

.reference .col-33 {
	margin:0 0 30px 0
}

.reference h1 {
	font-size:2.0em;
	margin:0 0 20px 0;
	text-transform:uppercase;
	text-align:center !important
}

.reference a {
	display:block;
	float:left;
	padding:10px;
	height:140px;
	font-size:1.4em;
	font-weight:400;
	text-align:left;
	margin-bottom:40px;
	border-top:1px solid #ddd;
	border-bottom:1px solid #ddd;
	border-left:1px solid #ddd
}

.reference a strong {
	text-transform:uppercase;
	font-weight:600;
	font-size:1.0em;
	display:inline-block;	
	margin:0 0 5px 0;
	color:#8fb91c;
	letter-spacing:1px;
}

.reference a:link span, .reference a:visited span {
	color:#666
}

.reference a:hover span, .reference a:active span {
	color:#8fb91c
}

.reference a:link, .reference a:visited {
	background:#f1f1f1;
}

.reference a:hover, .reference a:active {
	background:#fff;
	color:#8fb91c
}

.share {
	width:100%;
	margin:30px 0;
	background:#f3f3f3;
	height:40px;
}


.share a {
	float:left;
	display:block;
	width:25%;
	height:40px;
	font-size:1.3em;
	padding:12px 0 10px 35px;
	font-weight:700;
	border-left:1px solid #fff;
}

.share a:link.twitter, .share a:visited.twitter {
	background:#e6e6e6 url(../_/icn-twitter.svg) no-repeat 10px center;
	background-size:9%;
}

.share a:hover.twitter, .share a:active.twitter {
	background:#f3f3f3 url(../_/icn-twitter.svg) no-repeat 10px center;
	background-size:9%;
	color:#8fb91c
}

.share a:link.linkedin, .share a:visited.linkedin {
	background:#e6e6e6 url(../_/icn-linkedin.svg) no-repeat 10px center;
	background-size:9%;
}

.share a:hover.linkedin, .share a:active.linkedin {
	background:#f3f3f3 url(../_/icn-linkedin.svg) no-repeat 10px center;
	background-size:9%;
	color:#8fb91c
}

.share a:link.youtube, .share a:visited.youtube {
	background:#e6e6e6 url(../_/icn-youtube.png) no-repeat 10px center;
	background-size:12%;
}

.share a:hover.youtube, .share a:active.youtube {
	background:#f3f3f3 url(../_/icn-youtube.png) no-repeat 10px center;
	background-size:12%;
	color:#8fb91c
}

.share a:link.facebook, .share a:visited.facebook {
	background:#e6e6e6 url(../_/icn-fb.svg) no-repeat 10px center;
	background-size:10%;
}

.share a:hover.facebook, .share a:active.facebook {
	background:#f3f3f3 url(../_/icn-fb.svg) no-repeat 10px center;
	background-size:10%;
	color:#8fb91c
}













/* BOXES ////////////////////////////////////////////////////////// */

.col-left {
	float:left;
}

.col-rgt {
	float:right;
}

.col-ctr {
	margin:0 auto;
}

.zero {
	margin:0;
	padding:0;
}

.col-25 {
	width:25%;
	margin:0;
	-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
		-moz-box-sizing: border-box;    /* Firefox, other Gecko */
			box-sizing: border-box;         /* Opera/IE 8+ */
}

.col-33 {
	width:33.33333333333333%;
	-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
		-moz-box-sizing: border-box;    /* Firefox, other Gecko */
			box-sizing: border-box;         /* Opera/IE 8+ */
}

.col-33 img {
	width:100%;
	margin-bottom:20px;
}

.col-50 {
	width:50%;
	margin:0;
	-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
		-moz-box-sizing: border-box;    /* Firefox, other Gecko */
			box-sizing: border-box;         /* Opera/IE 8+ */
}

.box-pad-left {
	padding:0 40px 0 0 
}

.box-pad-right {
	padding:0 0 0 40px 
}

.box-pad-right-100 {
	padding:0 0 0 120px 
}

.box-pad-both {
	padding:0 20px;
}

.col-66 {
	width:66.66666666666666%;
	-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
		-moz-box-sizing: border-box;    /* Firefox, other Gecko */
			box-sizing: border-box;         /* Opera/IE 8+ */
}

.col-75 {
	width:75%;
	padding:0;
	margin:0;
	-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
		-moz-box-sizing: border-box;    /* Firefox, other Gecko */
			box-sizing: border-box;         /* Opera/IE 8+ */
}

.col-100{
	width:100%;
}

.course {
	position:relative;
	background:#f9f9f9;
	border-bottom:1px solid #e6e6e6;
	border-left:1px solid #e6e6e6;
	margin:0;
	padding:15px 260px 15px 20px;
	-webkit-transition: all 300ms cubic-bezier(0.420, 0.000, 0.580, 1.000);
	   -moz-transition: all 300ms cubic-bezier(0.420, 0.000, 0.580, 1.000);
		-ms-transition: all 300ms cubic-bezier(0.420, 0.000, 0.580, 1.000);
		 -o-transition: all 300ms cubic-bezier(0.420, 0.000, 0.580, 1.000);
			transition: all 300ms cubic-bezier(0.420, 0.000, 0.580, 1.000); /* ease-in-out */
}

.course:hover {
	background:#fff;
	-webkit-transition: all 300ms cubic-bezier(0.420, 0.000, 0.580, 1.000);
	   -moz-transition: all 300ms cubic-bezier(0.420, 0.000, 0.580, 1.000);
		-ms-transition: all 300ms cubic-bezier(0.420, 0.000, 0.580, 1.000);
		 -o-transition: all 300ms cubic-bezier(0.420, 0.000, 0.580, 1.000);
			transition: all 300ms cubic-bezier(0.420, 0.000, 0.580, 1.000); /* ease-in-out */
}


.webinars {
	padding:15px 25% 15px 20px;	
}

span.title-span {
	font-weight:600;
	color:#8fb91c;
	display:inline-block;
	line-height:1.3em;
	margin-bottom:5px;
}

.ada-cert {
	width:100%;
	height:120px;
	margin-bottom:40px;
	background:url(../_/ada.jpg) no-repeat left bottom;

}

.course h5 {
	text-transform:uppercase;
	font-size:1.1em !important;
	font-weight:700;
	letter-spacing:1px;
}

.course p {
	font-size:1.4em;
	margin:5px 0 0 0;
	line-height:1.6em;
}

.course p strong {
	color:#999
}

.course a.crs-a {
	position:absolute;
	right:0;
	top:0;
	bottom:0;
	display:block;
	font-size:1.32em;
	font-weight:600;
	text-transform:uppercase;
	padding:0 20px	
}

.course a.crs-a:before {
  content: '';
  display: inline-block;
  height: 100%;
  vertical-align: middle;
  margin-right: -0.25em; /* Adjusts for spacing */
}

.course a.crs-a:link, .course a.crs-a:visited {
	color:#8fb91c;
	border-left:1px solid #e6e6e6;
	border-right:1px solid #e6e6e6;
}

.course a.crs-a:hover, .course a.crs-a:active {
	background:#8fb91c;
	color:#fff;
	border-left:1px solid #89b11b;
	border-right:1px solid #89b11b;
}

.v-cent {
  display: inline-block;
  vertical-align: middle;
}

.std-course {
	padding:2.6% 20px 0 20px
}

.wide-course {
	padding:2.6% 20px 0 20px
}

.wider-course {
	padding:45px 20px 0 20px
}

.testi-white {
	padding:25px 10%;
	border-top:1px solid #e6e6e6;
	border-bottom:1px solid #e6e6e6;
}

.testi-gray {
	padding:25px 10%;
	background:#f9f9f9
}

.testi-white h1, .testi-gray h1 {
	font-size:1.6em;
	font-weight:700;
	text-transform: uppercase;
	letter-spacing:1px;
	color:#434343;
	margin:90px 0 10px 0
}

.testi-white p, .testi-gray p {
	font-size:1.3em
}

article img {
	width:100%;
	-webkit-border-radius:5px;
	-moz-border-radius:5px;
	border-radius:5px;
}

article h1 {
	color:#666
}

article .birdseed {
	font-size:1.4em;
	color:#999;
	font-weight:700
}


blockquote {
	width:100%;
	margin:100px 0 0 0;
	padding:120px 15% 30px 15%;
	border-top:1px solid #e6e6e6;
	border-bottom:1px solid #e6e6e6;
	background:#f5f9f9 url(../_/bq.svg) no-repeat center 35px;
	background-size:4%;
	text-align:center;
	position:relative
}

blockquote p {
	font-size:1.8em;
}

blockquote em {
	font-family: 'HelveticaNeue-Light', 'Helvetica Neue Light', 'Helvetica Neue', Helvetica, Arial, 'Lucida Grande', sans-serif;
	font-weight:900;
	font-style: normal;
	display:block;
	margin-top:15px;
	font-size:0.7em;
	color:#555
}

/* SQUARE LINKS ////////////////////////////////////////////////////////// */

a.home-box {
	border-left:1px solid #fff;
	border-bottom:1px solid #fff;
	font-size:1.8em;
	color:#fff;
	height:250px;
	position: relative
}

a.home-box span {
	position:absolute;
	top:0;
	right:0;
	left:0;
	bottom:0
}

a.home-box span h4 {
	font-size:1.2em;
	margin:0 0 10px 0;
	line-height:1.2em;
	color:#fff;
	text-shadow:1px 1px rgba(0,0,0,0.5)
}

a:link.home-box span, a:visited.home-box span {
	background:rgba(27,117,187,0.70);
	padding:15px 5%;
	-webkit-transition: all 150ms cubic-bezier(0.420, 0.000, 0.580, 1.000);
	   -moz-transition: all 150ms cubic-bezier(0.420, 0.000, 0.580, 1.000);
		-ms-transition: all 150ms cubic-bezier(0.420, 0.000, 0.580, 1.000);
		 -o-transition: all 150ms cubic-bezier(0.420, 0.000, 0.580, 1.000);
			transition: all 150ms cubic-bezier(0.420, 0.000, 0.580, 1.000); /* ease-in-out */
}

a:hover.home-box span, a:active.home-box span {
	background:rgba(24,97,147,0.80);
	padding:15px 5% 30px 5%;
	-webkit-transition: all 150ms cubic-bezier(0.420, 0.000, 0.580, 1.000);
	   -moz-transition: all 150ms cubic-bezier(0.420, 0.000, 0.580, 1.000);
		-ms-transition: all 150ms cubic-bezier(0.420, 0.000, 0.580, 1.000);
		 -o-transition: all 150ms cubic-bezier(0.420, 0.000, 0.580, 1.000);
			transition: all 150ms cubic-bezier(0.420, 0.000, 0.580, 1.000); /* ease-in-out */
}


/* SECONDARY ////////////////////////////////////////////////////////// */



.columns {
	width:80%;
	margin:60px 10% 30px 10%;
	font-weight:400;
	text-align:center;
	padding:0;
	-moz-column-count: 2;
	-moz-column-gap:40px;
		-webkit-column-count: 2;
		-webkit-column-gap:40px;
			column-count: 2;
			column-gap:40px;
}


.columns span {
	display:inline-block;
}

@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) { 
	
blockquote {
	background-size:20%;
}

}