html { height: 100%; }
body {
	margin: 0px;
	padding: 0px;

	font-size: 16px;
	font-family: 'Source Sans Pro', sans-serif;
	font-weight: 300;
	line-height: 140%;
	color: #3D424D;

	width: 100%;
	height: 100%;
	background-color: #fff;
	position: relative;
}
strong, b { font-weight: 600; }
form { margin: 0px; padding: 0px; }

h1.extra { 	font-size: 36px; }
h1 { font-size: 30px; margin: 0px 0px 15px 0px; line-height: 120%; padding: 0px;  font-weight: 600; text-transform: none; color: #3D424D; } h1 span { font-weight: 300; }
h2 { font-size: 30px; margin: 0px 0px 15px 0px; line-height: 120%; padding: 0px;  font-weight: 300; text-transform: none; color: #3D424D; } h2 span { font-weight: 600; }
h3 { font-size: 20px; margin: 0px 0px 10px 0px; line-height: 120%; padding: 0px;  font-weight: 600; text-transform: none; color: #3D424D; } h3 span { font-weight: 400; }
h4 { font-size: 20px; margin: 0px 0px 10px 0px; line-height: 120%; padding: 0px;  font-weight: 400; text-transform: none; color: #3D424D; } h4 span { font-weight: 600; }
h5 { font-size: 16px; margin: 0px 0px 8px 0px; line-height: 120%; padding: 0px;  font-weight: 600; text-transform: none; color: #3D424D; } h5 span { font-weight: 300; }
p  { font-size: 16px; margin: 0px 0px 16px 0px; line-height: 140%; padding: 0px;  font-weight: 300; }

@media (min-width: 992px) {
	h1.extra { 	font-size: 50px; }
	h1 { font-size: 30px; margin: 0px 0px 15px 0px; }
	h2 { font-size: 30px; margin: 0px 0px 15px 0px; }
	h3 { font-size: 20px; margin: 0px 0px 10px 0px; }
	h4 { font-size: 20px; margin: 0px 0px 10px 0px; }
	h5 { font-size: 18px; margin: 0px 0px 8px 0px; }
	p  { font-size: 18px; }
}
@media (min-width: 1200px) {
	h1.extra { 	font-size: 60px; }
	h1 { font-size: 36px; margin: 0px 0px 18px 0px; }
	h2 { font-size: 36px; margin: 0px 0px 18px 0px; }
	h3 { font-size: 24px; margin: 0px 0px 14px 0px; }
	h4 { font-size: 24px; margin: 0px 0px 12px 0px; }
	h5 { font-size: 22px; margin: 0px 0px 10px 0px; }
	p  { font-size: 22px; }
}

a {
	text-decoration: underline;
	color: #004990;
    transition: all 0.15s ease-in-out;
}
a:HOVER, a:ACTIVE, a:FOCUS {
	text-decoration: none;
	color: #3D424D;
    transition: all 0.15s ease-in-out;
}
.center {
	text-align: center;
}



.pagecontent {
	width: 75%;
	margin-left: auto;
	margin-right: auto;
}

header {

}
header a.logo {
	display: block;
	float: left;
	margin: 5px 5px 5px -10px;
}
header a.logo img {
	height: 30px;
	margin-top: 15px;
}
.fulllogo {
	align: center;
	width: 80%;
	margin-left: 10%;
	margin-bottom: 20px;
}
header a {
	font-size: 14px;
}
header ul.navi-left { 
	list-style-type: none;
	z-index: 3;
	margin: 0px; padding: 0px;
	position: absolute;
	right: 20px;
	top: 48px;
	width: 262px;
	display: none;

	background-color: #E8E8E8;
	border: 1px solid #BABABA;
	border-radius: 4px;
	box-shadow: 0px 0px 2px 2px rgba(0,0,0,0.10), 0px 0px 2px 0px rgba(0,0,0,0.10), 0px 2px 0px 0px rgba(0,0,0,0.20);	
}
header ul.navi-right {
	list-style-type: none;
	margin: 0px; padding: 0px; 
	float: right;
}
header ul.navi-left li {
	line-height: 20px;
	margin: 15px 10px 15px 10px;
}
header ul.navi-right li {
	float: left;
	line-height: 30px;
	margin: 15px 10px 5px 5px;
}
header ul.navi-left li a, header ul.navi-right li a {
	text-decoration: none;
	font-weight: 600;
	color: #3D424D;
}
header ul.navi-left li a:HOVER, header ul.navi-right li a:HOVER {
	color: #ccc;
	opacity: 0.5;
}
header ul.navi-left li.lang {
	margin-right: 0px;	
}
header ul.navi-left li.lang a {
	color: #f25656;
}
header ul.navi-left li.lang a span  {
	display: none;
}

header ul.navi-right li {
	margin-right: 0px;
}
header ul.navi-right li a {
	color: #f25656;
}
header ul.navi-right li a span { display: none; }

.navigationbutton a {
	padding-right: 5px;
}
.navigationbutton a {
	color: #3D424D !important;
}

a.changelanguage {
	padding-right: 20px;
	background-image: url(/images/layout/arrows-02.png);
	background-position: right top 2px;
	background-repeat: no-repeat;
	background-size: 16px;
}
@media (min-width: 768px) {
	a.changelanguage {
		padding-right: 20px;
		background-size: 16px;
		background-position: right top 6px;
	}
}
@media (min-width: 992px) {
	a.changelanguage {
		padding-right: 22px;
		background-size: 18px;
		background-position: right top 8px;
	}
}
@media (min-width: 1200px) {
	a.changelanguage {
		padding-right: 26px;
		background-size: 22px;
		background-position: right top 8px;
	}
}
@media (min-width: 1550px) {
	a.changelanguage {
		padding-right: 30px;
		background-size: 25px;
		background-position: right top 10px;
	}
}
header ul.languagesnavi {
	list-style-type: none;
	z-index: 4;
	margin: 0px; padding: 0px;
	position: absolute;
	right: 0px;
	top: 45px;
	width: 200px;
	display: none;


	background-color: #E8E8E8;
	border: 1px solid #BABABA;
	border-radius: 4px;
	box-shadow: 0px 0px 2px 2px rgba(0,0,0,0.10), 0px 0px 2px 0px rgba(0,0,0,0.10), 0px 2px 0px 0px rgba(0,0,0,0.20);		
}
header ul.languagesnavi li {
	line-height: 20px;
	margin: 15px 10px 15px 10px;
	text-align: right;
}
header ul.languagesnavi li a {
	text-decoration: none;
	font-weight: 600;
	color: #3D424D;
}
header ul.languagesnavi li a.sel {
	color: #248233;
}
.redlink a {
	color: #f25656 !important;
}
header ul.languagesnavi li a:HOVER {
	color: #ccc;
	opacity: 0.5;
}
.startpageicons {
	display: block;
	margin: 40px auto 20px auto;
	width: 50%;
}
.calltoaction {
	background-color: #004990 !important;
	border-color: #004990 !important;
}
.calltoaction:HOVER {
	opacity: 0.8;	
}


@media (min-width: 768px) {
	header ul.navi-left {
		position: relative;
		right: auto;
		top: auto;
		width: auto;
		display: block;
		float: right;
		background-color: transparent;
		border: 0px;
		border-radius: 0px;
		box-shadow: none;
	}
	header ul.navi-left li {
		float: left;
		line-height: 40px;
		margin: 15px 10px 15px 10px;
	}
	.calltoaction {
		font-size: 24px !important;
	}

	header a {
		font-size: 15px;
	}
	header a.logo {
		margin: 15px 15px 15px 0px;
	}
	header a.logo img {
		height: 40px;
		margin-top: 0px;
	}
	header ul.navi-left li, header ul.navi-right li {
		line-height: 40px;
		margin: 15px 10px 15px 5px;
	}
	header ul.navi-left li.lang a span { display: inline-block; }
	.navigationbutton {
		display: none;
	}

}
@media (min-width: 992px) {
	header a {
		font-size: 18px;
	}
	header a.logo {
		margin: 15px 30px 15px 0px;
	}
	header a.logo img {
		height: 60px;
	}
	header ul.navi-left li, header ul.navi-right li {
		line-height: 60px;
	}
	.startpageicons {
		margin: 80px auto 40px auto;
		width: 350px;
	}
}
@media (min-width: 1200px) {
	header a {
		font-size: 24px;
	}
	header a.logo img {
		height: 90px;
	}
	header ul.navi-left li, header ul.navi-right li {
		line-height: 90px;
		margin: 15px 15px 15px 15px;
	}		
}
@media (min-width: 1550px) {
	header .container {
		width: 1440px;
	}
	header a {
		font-size: 24px;
	}
}


.mobile-only { display: block; }
.non-mobile-only { display: none !important; }
@media (min-width: 768px) {
	.mobile-only { display: none !important; }
	.non-mobile-only { display: block !important; }
}



.subheader {
	background-color: #E5EFF8;
	padding-top: 20px;
	padding-bottom: 20px;
}
.subheader h1 {
	color: #004990;
}
.subheader p {
	color: #004990;
	font-size: 20px;
	font-weight: 300;
	margin-top: 10px;
}
.subheader.center p {
	width: 90%;
	margin-left: auto;
	margin-right: auto;
}
.subheader .lc-button {
	margin-bottom: 20px;
}
.startpage .subheader p {
	background-color: #E5EFF8;
	margin-top: 20px;
}
.subheader.challenge h1 {
	color: #fff;
	margin-bottom: 0px;
}
.subheader.challenge p {
	color: #fff;
	margin-top: 0px;
	margin-bottom: 10px;
	font-size: 20px;
}
.subheader i.challengeicon.inline {
	float: right;
}

@media (min-width: 768px) {
	.subheader {
		padding-top: 80px;
		padding-bottom: 80px;
	}
	.subheader.inpage {
		padding-top: 20px;
		padding-bottom: 20px;
		margin-bottom: 50px;
	}
	.subheader.inpage h1 {
		margin: 10px 0px 10px 0px;
	}
	.subheader.inpage.warmup .container {
		background-image: url(/images/layout/warmup.png);
		background-size: contain;
		background-repeat: no-repeat;
		background-position: top right;
	}
	.subheader.challenge {
		padding-top: 10px;
		padding-bottom: 10px;
	}
	.startpage .subheader p {
		margin-top: 10px;
		margin-bottom: 20px;
	}
	.subheader p {
		font-size: 25px;
	}
}
@media (min-width: 992px) {
	.subheader p {
		font-size: 36px;
	}
}
@media (min-width: 1200px) {
	.subheader p {
		font-size: 36px;
	}
}


section, .section1, .section2, .section3, .section4, .section5, .section6 {
	margin: 0px;
	padding: 60px 15px 60px 15px;
}
.section2 {
	background-color: #F2F7FB;
}
h2.firstheading, h2.secondheading {
	text-align: center;
	color: #004990;
}
h2.firstheading {
	font-weight: 600;
	color: #004990;
}
.section3 div.challengesrow {
	margin: 20px 0px 40px 0px;
}
.section3 div.challengecol {
	margin-left: auto;
	margin-right: auto;
	margin-top: 20px;
}
@media (min-width: 450px) {
	.section3 div.challengecol {
		width: 300px;
	}
}
@media (min-width: 768px) {
	.section3 div.challengecol {
		width: 33.33333333%;
	}		
}
.section3 div.challengecol div.inner {
	text-align: center;
	background-color: #EDEDED;
	padding: 40px 15px 40px 15px;
}
.section3 .challengename {
	margin-top: 20px;
	margin-bottom: 20px;
}
.section3 div.challengecol h2 {
	margin: 0px 0px 40px 0px;
}
.section3 div.challengecol a {
	font-weight: 600;
}

.section4 {
	background-color: #F2F7FB;
}
.section5 {
	text-align: center;
	background-color: #E5EFF8;
}
.section5.blue {
	background-color: #E5EFF8;
}
.section5.inview {
	background-color: #fff;
}


.section5 .secondheading {
	margin-top: 50px;
	margin-bottom: 50px;
}
.section5 .firstheading {
	margin-bottom: 50px;
}

.section6 {
	background-color: #e5eff8;
}
.section6 h2 {
	text-align: center;
}
.section6 a {
	font-size: 22px !important;
}

.section6 .nexttoicon {
	margin-left: 10px;
}

@media (min-width: 768px) {
	.section6 .nexttoicon {
		margin-left: 10px;
	}
	.section6 .rightbordered {
		border-right: 1px solid #979797;
	}
}
@media (min-width: 992px) {
	.section6 .nexttoicon {
		margin-left: 30px;
	}
}

.recommended h2 {
	margin: 0px 0px 30px 0px;
}

.lc-helplink1 {
	color: #004990;
	font-size: 16px;
	font-weight: 600;
	text-decoration: underline;
}
.lc-helplink1:HOVER {
	color: #ff4c4c;
	text-decoration: underline;
}

.challenges_families {
	position: relative;
	background-color: #F2F7Fb;
	padding: 30px 0px 60px 0px;
}
.challenges_families h1, .challenges_families p {
	color: #004990;
	text-align: center;
}

.challenges_heading {
	position: relative;
	background-color: #E5EFF8;
	padding: 30px 0px 30px 0px;
}
.challenges_heading h1, .challenges_heading p {
	color: #004990;
	text-align: center;
}

.colorheadingrow {
	margin-top: 10px;
}
.colorheadingrow div, div.colorheading {
	color: #fff;
	text-align: center;
	font-size: 20px;
	line-height: 140%;
	font-weight: 600;
	padding: 10px 0px 10px 0px;
}
.familyrow {
	margin-top: 60px;
	margin-left: -6px;
	margin-right: -6px;
}
.familyrow div {
	padding-left: 6px;
	padding-right: 6px;
}
.familycol {
	margin: 5px 0px 5px 0px;
}
.familyrow a.videolink, .familycol a.videolink {
	margin: 13px 0px 12px 0px;
	display: table;
}
.familyrow a.videolink i, .familycol a.videolink i {

}
.familyrow a.videolink span, .familycol a.videolink span {
	display: table-cell;
	vertical-align: middle;
	padding-left: 10px;
}
.challengevideooverlay {
	position: fixed;
	top: 0px; left: 0px;
	min-width: 100%; min-height: 100%;
	width: auto;
	height: auto;
	z-index: 30001;
	visibility: visible;
	background-color: rgba(0, 0, 0, 0.5);
}
.challengevideooverlay div.video1 {
	display: block;
	margin-left: auto;
	margin-right :auto;
	position: relative;
}
.challengevideooverlay div.video1 div.video2 {
	background-color: #000;
	padding-bottom: 56.2%;
}
.challengevideooverlay div.video1 div.video2 video {
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0px;
	left: 0px;
}


@media (min-width: 1200px) {
	.familyrow a.videolink i, .familycol a.videolink i {
		margin: 13px 13px 12px 12px;
		transform: scale(1.5);
	}
}
@media (min-width: 768px) {
	.familyrow a.videolink span, .familycol a.videolink span {
		display: block;
	}
	.familyrow a.videolink i, .familycol a.videolink i {
		margin: 13px 13px 12px 12px;
		transform: scale(1.5);
	}
}
@media (min-width: 992px) {
	.familyrow a.videolink span, .familycol a.videolink span {
		display: table-cell;
	}
	.familyrow a.videolink i, .familycol a.videolink i {
		margin: 0px;
		transform: scale(1);
	}
}



.challenges_filter {
	position: relative;
	background-color: #F25657;
	text-align: center;
}
.challenges_filter a {
	font-size: 16px;
	text-decoration: none;
	font-weight: 600;
	color: #fff;
}

.challenges_filter a.filter {
	display: block;
	line-height: 44px;
	color: #fff;
}
.challenges_filter a.filter span {
	display: block;
	float: left;
	width: 100%;
	margin-right: -50px;
	white-space: nowrap;
	overflow: hidden;
	padding-left: 10px;
}
.challenges_filter a.filter i {

}
.challenges_filter a.filter:HOVER,
.challenges_filter a.reset:HOVER,
.challenges_filter a.lc-helplink:HOVER {
	color: #004990;
}

.challenges_filter a.reset,
.challenges_filter a.lc-helplink {
	color: #fff;
	text-align: center;
	display: block;
	line-height: 30px;
	text-decoration: underline;
}


.filter_dropdown {
	position: absolute;
	display: none;
	top: 0px;
	min-width: 200px;
	z-index: 2;
	background-color: #E8E8E8;
	border: 1px solid #BABABA;
	border-radius: 4px;
	box-shadow: 0px 0px 2px 2px rgba(0,0,0,0.10), 0px 0px 2px 0px rgba(0,0,0,0.10), 0px 2px 0px 0px rgba(0,0,0,0.20);
}
.filter_dropdown a {
	display: block;
	text-align: left;
	padding: 10px 30px 10px 30px;
	line-height: 30px;
	color: #3D424D;
	font-size: 16px;
	white-space: nowrap;
	background-color: #E8E8E8;
	border-top: 1px solid #BABABA;	
}
.filter_dropdown a:hover {
	background-color: #D8D8D8;
}
.filter_dropdown a.selected {
	color: #248233;
}
.filter_dropdown a.first {
	border-top: 0px;
}



@media (min-width: 768px) {
	.filter_dropdown div.challenges-left {
		width: 50%;
		float: left;
	}
	.filter_dropdown div.challenges-right {
		width: 50%;
		float: left;
		border-left: 1px solid #BABABA;
	}
	.challenges_filter {
		padding-bottom: 20px;
	}
	.challenges_filter a.filter {
		display: inline-block;
		line-height: 100px;
		width: 19%;
		text-align: right;
	}
	
	.challenges_filter a.filter span {
		text-align: right;
		width: 70%;
	}
	.challenges_filter a.filter i {
		display: inherit;
	}
	.challenges_filter a.reset {
		display: inline-block;
	}
	.challenges_filter a.lc-helplink {
		line-height: normal;
	}
}
@media (min-width: 992px) {
	.challenges_filter a.filter span {
		width: 75%;
	}
}
@media (min-width: 1200px) {
	
}
@media (min-width: 1550px) {
	.challenges_filter .container {
		width: 1440px;
	}
	.challenges_filter a.filter,
	.challenges_filter a.reset,
	.challenges_filter a.lc-helplink {
		font-size: 24px;
	}
}


.staticnav {
	display: none;
	position: fixed;
	right: 20px; top: 50%;
	margin-top: -70px;
	z-index: 123;
}
.staticnav a {
	display: block;
	text-align: right;
	margin-bottom: 15px;
	color: #4a4a4a;
}
.staticnav a span {
	float: right;
	display: none;
	height: 20px; line-height: 20px; font-weight: 600;
	margin-right: 10px;
}
.staticnav a:HOVER span {
	display: block;
}
.staticnav a div.icircle {
	float: right;
	width: 20px;
	height: 20px;
	margin-right: 10px;
	border: 3px solid #4a4a4a;
	border-radius: 50%;
}
.staticnav a.selected div.icircle {
	background-color: #4a4a4a;
}
.staticnav a:HOVER span {
	display: inline-block;
}

@media (min-width: 768px) {
	.staticnav { display: block; }
}

.startpagewarmpupicon {
	width: 100px;
	height: 100px;
	background-size: cover;
	display: inline-block;
	background-repeat: no-repeat;
	background-position: 0px 0px;
	background-image: url(/images/layout/warmup.png);
}
 

.warmupfilter {
	background-color: #E8E8E8;
	padding: 18px 0px 18px 0px;
	margin: 20px 0px 20px 0px;
	text-align: center;
}
.warmupfilter.hidden {
	display: none;
}
.warmupfilter-inner {
	display: inline-block;
}
.warmupfilter span {
	float: left;
	display: block;
	line-height: 70px;
	font-weight: 600;
	font-size: 40px;
	margin-right: 30px;
}

.warmupfilter a {
	float: left;
	display: block;
	color: #3D424D;
	background: #E8E8E8;
	border: 3px solid #3D424D;
	border-radius: 4px;
	font-size: 24px;
	line-height: 24px;
	text-decoration: none;
	font-weight: 600;
    transition: all 0.5s ease-in-out;
	margin-right: 30px;
	vertical-align: middle;
	padding: 20px 0px 20px 0px;
	min-width: 220px;
}
.warmupfilter a.doubleline {
	padding: 8px 0px 8px 0px;
}

.warmupfilter a.selected {
	color: #FFFFFF;
	background: #F25656;
	border-color: #FF4C4C;
}
.warmupfilter a:HOVER {
	color: #FFFFFF;
	background-color: #EC9598;
	border-color: #EC9598;
    transition: all 0.5s ease-in-out;
}
.warmupcreate {
	margin-left: auto;
	margin-right: auto;
	width: 30px;
	padding: 18px 0px 18px 0px;
	text-align: center;
}
ul.warmups {
	position: relative;
	list-style: none;
	margin: 40px -12px 0px -12px;
	padding: 0px;
}
ul.warmups li {
	float: left;
	background-color: #fff;
	width: 100%;
	font-size: 25px;
	padding: 24px 12px 24px 12px;
	margin: 0px;
	font-weight: 600;
	line-height: 30px;
}
ul.warmups li a.close {
	display: none;
	float: right;
	position: inherit;
}

ul.warmups li.playing {
	float: none;
	position: absolute;
	z-index: 10;
}
@media (max-width: 768px) and (orientation : landscape) {
	ul.warmups li {
		width: 50%;
	}
}
ul.warmups li .title {
	display: block;
	color: #3D424D;
	margin-bottom: 10px;
	font-size: 24px;
	font-weight: 600;
}
ul.warmups li .tag {
	display: block;
	color: #F25656;
	margin-top: 10px;
	font-size: 16px;
	font-weight: 600;
}
.warmupvideocontainer1 {
	position: relative;
	width: 100%;
}
.warmupvideocontainer2 {
	padding-bottom: 56.2%;
}
.warmupvideocontainer2 video, .warmupvideocontainer2 button {
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0px;
	left: 0px;
}
.warmupvideocontainer2 button {
	margin: 0px;
	padding: 0px;
	border: 0px;
	background-color: transparent;
	background-repeat: no-repeat;
	background-image: url(/images/layout/arrows-08.svg);
	background-position: center center;
	background-size: 100px 100px;
    transition: all 0.5s ease-in-out;
	opacity: 0.8;
}
.warmupvideocontainer2 {
	background-color: #D8D8D8;	
	background-size: cover;
    transition: all 0.5s ease-in-out;
}
.warmupvideocontainer2.nobg {
    transition: all 0.5s ease-in-out;
	background-image: none !important;
}
.warmupvideocontainer2.nobg button {
    transition: all 0.5s ease-in-out;
	background-image: none !important;
}
.warmupvideocontainer2 button:HOVER {
	opacity: 1;
}

.no-svg .warmupvideocontainer2 button { background-image: url(/images/layout/arrows-08.png);  }
@media (min-width: 768px) {
	ul.warmups li {
		width: 33.333%;
		font-size: 22px;
		line-height: 28px;
	}
	.warmupvideocontainer2 button { background-size: 75px 75px; }
}
@media (min-width: 992px) {
	ul.warmups li {
		width: 25%;
		font-size: 22px;
		line-height: 28px;
	}
	.warmupvideocontainer2 button { background-size: 75px 75px; }
}
@media (min-width: 1200px) {
	ul.warmups li {
		width: 25%;
		font-size: 25px;
		line-height: 30px;
	}
	.warmupvideocontainer2 button { background-size: 80px 80px; }
}

.warmupvideocontainer {
	position: relative;
	width: 900px;
	height: 506px;
}
.warmupvideo {
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0px;
	left: 0px;	
}



a.lc-close, a.close {
	display: block;
	position: absolute;
	top: 10px;
	right: 10px;
	width: 20px;
	height: 20px;
	background-size: cover;
	background-image: url(/images/layout/close.png);	
    transition: all 0.5s ease-in-out;
}
a.lc-close:HOVER, a.close:HOVER {
	opacity: 0.5;
    transition: all 0.5s ease-in-out;
}
@media (min-width: 768px) {
	a.lc-close, a.close { width: 30px; height: 30px; }
}
@media (min-width: 992px) {
	a.lc-close, a.close { width: 40px; height: 40px; }
}
#challenges_filterhelp {
	display: none;
	position: relative;
	background-color: #FDD5D5;
	padding: 80px 0px 40px 0px;
}
#challenges_readresultshelp {
	display: none;
	position: relative;
	background-color: #F2F7FB;
	padding: 80px 0px 40px 0px;
}

#challenges_resultdiv1 {
	background-color: #E5EFF8;
	padding: 45px 0px 5px 0px;
	text-align: center;
}
#challenges_resultdiv1 h1 {
	margin: 0px 0px 45px 0px;
	font-weight: 600;
	line-height: 64px;
}
#challenges_resultdiv1 h1 span {
	color: #F25657;
	font-size: 64px;
	display: inline-block;
	margin-top: -28px;
	padding: 0px 20px 0px 20px;
	vertical-align: middle;
}
#challenges_resultdiv2 {
	background-color: #E5EFF8;
	padding: 20px 0px 18px 0px;
	text-align: center;
}
#challenges_resultdiv2 h2 {
	margin: 0px; padding: 0px;
}
#challenges_resultdiv2 h2 a {
	text-decoration: none;
	color: #004990;
}
#challenges_resultdiv2 h2 a i {
	display: block;
	
	width: 35px;
	height: 18px;
	background-size: cover;
	
}
#challenges_resultdiv2 h2 a.lc-browseresultslink i { background-image: url(/images/layout/arrows-07.svg); margin: 10px auto 0px auto; }
.no-svg #challenges_resultdiv2 h2 a.lc-browseresultslink i { background-image: url(/images/layout/arrows-07.png); margin: 10px auto 0px auto; }
#challenges_resultdiv2 h2 a.lc-backtotoplink i, #challenges_resultdiv2 h2 a.lc-backtoverytoplink i { background-image: url(/images/layout/arrows-07.svg); transform: rotate(180deg); margin: 0px auto 10px auto; }
.no-svg #challenges_resultdiv2 h2 a.lc-backtotoplink i, .no-svg #challenges_resultdiv2 h2 a.lc-backtoverytoplink i { background-image: url(/images/layout/arrows-07.png); transform: rotate(180deg); margin: 0px auto 10px auto; }

.challenges_results .resultsheader {
	text-align: center;
	padding: 20px 15px 20px 15px;
	background-color: #ccc;
}
.challenges_results .resultsheader h1 {
	margin: 0px 20px 0px 0px;
	font-weight: 400;
	color: #fff;
}
.challenges_results .resultsheader h3 {
	margin: 0px;
	font-weight: 400;
	color: #fff;
	text-align: center;
}
.challenges_results_yellow .resultsheader { background-color: #F4B22A; }
.challenges_results_purple .resultsheader { background-color: #D7127C; }
.challenges_results_green .resultsheader { background-color: #6CB643; }

.challenges_results .resultscontent {
	background-color: #fff;
	padding-bottom: 50px;
}
#challenges_container {
	position: relative;
}


.challengescontainerrow {
	margin-top: 50px;
}

.challengebox {
	width: 100%;
	cursor: pointer;
    transition: all 0.5s ease-in-out;
	background: rgba(141,141,141,0.20);
	box-shadow: 0px 2px 0px 0px rgba(0,0,0,0.20);
	border-radius: 4px;
	margin-bottom: 15px;
}
.challengebox.hiddenchallenge {
	opacity: 0.4;
}
.challengebox:HOVER {
	background-color: #f4f4f4;
    transition: all 0.3s ease-in-out;
}

.challengebox .challengeheader {
	border-radius: 4px 4px 0px 0px;
	background-color: #eee;
	color: #fff;
    transition: all 0.3s ease-in-out;
}
.challengebox:HOVER .challengeheader {
	opacity: 0.6;
    transition: all 0.3s ease-in-out;
}

.challengebox .challengeheader i.challengeicon {
	float: right;
}
.challengebox .challengeheader p {
	font-size: 20px;
	padding: 15px 0px 15px 20px;
	line-height: 24px;
	margin-bottom: 15px;
	font-weight: 600;
}
.challengebox .challengebody {
	min-height: 130px;
	padding: 20px;
}

ul.tags {
    list-style: none;
    padding: 0px 30px 0px 30px; margin: 0px -20px 0px -20px;
	justify-content: space-around;
}
ul.tags li {
	margin: 0px 4px 8px 4px;
	float: left;
}
ul.tags li a, ul.tags li span {
	display: block;
	color: #fff;
	padding: 10px 5px 10px 5px;
	ont-size: 16px;
	text-decoration: none;
}
ul.tags li a:HOVER {
	background-color: #ccc;	
}


.challengebox.yellow .challengeheader, .yellow ul.tags li, .subheader.yellow, .bg-yellow { background-color: #F4B22A; } 
.challengebox.purple .challengeheader, .purple ul.tags li, .subheader.purple, .bg-purple { background-color: #D7127C; } 
.challengebox.green .challengeheader, .green ul.tags li, .subheader.green, .bg-green { background-color: #6CB643; } 

i.whitedot {
	display: inline-block;
	font-size: 16px;
	margin-top: 3px;
	color: #fff;
	margin-right: 4px;
	padding: 1px 5px 1px 5px;
	font-weight: normal !important;
	font-style: normal;
}
i.whitedot.selected {
	color: #F4B22A;
	background-color: #FFFFFF;
	font-weight: bold !important;
}
.challenges_results_yellow i.whitedot.selected { color: #F4B22A; }
.challenges_results_purple i.whitedot.selected { color: #D7127C; }
.challenges_results_green i.whitedot.selected { color: #6CB643; }


.tagscontainer ul.tags {
	padding-left: 0px;
	margin-left: -10px;
}
.challengeview_rightcolumn {
	background-color: #CDE0EF;
	text-align: left;
	padding: 0px 30px 20px 30px;;
}
.challengeview_rightcolumn h2 {
	color: #00488D;
	text-align: left;
	padding: 20px 0px 20px 0px;
}
.challengeview_rightcolumn p {
	font-size: 22px;
}
.challengeview_rightcolumn input {
	border-color: #666 !important;
	height: 52px;
}
.challengeview_rightcolumn button {
	width: 100% !important;
}

.downloadchallengecontainer {
	position: relative;
	width: 33%;
	margin: 20px auto 20px auto;
}
.downloadchallengecontainer2 {
	padding-bottom: 64%;
}
.downloadchallenge {
	display: block;
	position: absolute;
	top: 0px; left: 0px;
	width: 100%;
	height: 100%;
	background-size: cover;
}
.downloadchallenge { background-image: url(/images/layout/arrows-09.svg); }
.no-svg .downloadchallenge { background-image: url(/images/layout/arrows-09.png);  }
.downloadchallenge:HOVER {
	opacity: 0.5;
}
.backtochallengesbutton {
	width: 360px;
	font-size: inherit;
	margin: 30px auto 30px auto !important;
}
.challengevideocontainer1 {
	position: relative;
	width: 100%;
	margin: 20px auto 20px auto;
}
.challengevideocontainer2 {
	padding-bottom: 56.2%;
}
.challengevideocontainer2 video, .challengevideocontainer2 button {
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0px;
	left: 0px;
}
.challengevideocontainer2 button {
	margin: 0px;
	padding: 0px;
	border: 0px;
	background-color: #D8D8D8;
	background-repeat: no-repeat;
	background-image: url(/images/layout/arrows-08.svg);
	background-position: center center;
	background-size: 100px 100px;
}
.no-svg .challengevideocontainer2 button { background-image: url(/images/layout/arrows-08.png);  }
@media (min-width: 768px) {
	.challengevideocontainer2 button { background-size: 80px 80px; }
}
@media (min-width: 992px) {
	.challengevideocontainer2 button { background-size: 120px 120px; }
}
@media (min-width: 1200px) {
	.challengevideocontainer2 button { background-size: 150px 150px; }
}






.circle{width:100px;height:100px;border-radius:50px;font-size:20px;color:#fff;line-height:100px;text-align:center;background:#000}

.animatedicons {
	position: relative;
}
.animatedicons i.challengeicon {
	position: absolute;
	top: 0px;
	left: 0px;
}
.animatedicons p {
	display: inline-block;
	width: auto;
	margin-left: auto;
	margin-right: auto
}

i.challengeicon {
	width: 50px;
	height: 50px;
	background-size: auto 50px;
	display: inline-block;
	vertical-align: middle;
	background-repeat: no-repeat;
	background-position: 0px 0px;
    transition: all 0.5s ease-in-out;
}
i.challengeicon.notransition {
	transition: none;
}
i.challengeicon.notransition:HOVER {
	transition: none;
}

i.challengeicon.white { background-image: url(/images/layout/icons_white.svg); }
.no-svg i.challengeicon.white { background-image: url(/images/layout/icons_white.png); }
i.challengeicon.colored { background-image: url(/images/layout/icons_color.svg); }
.no-svg i.challengeicon.colored { background-image: url(/images/layout/icons_color.png); }

i.icon-01 { background-position: -0px    0px; }
i.icon-02 { background-position: -50px   0px; }
i.icon-03 { background-position: -100px  0px; }
i.icon-04 { background-position: -150px  0px; }
i.icon-05 { background-position: -200px  0px; }
i.icon-06 { background-position: -250px  0px; }
i.icon-07 { background-position: -300px  0px; }
i.icon-08 { background-position: -350px  0px; }
i.icon-09 { background-position: -400px  0px; }
i.icon-10 { background-position: -450px  0px; }
i.icon-11 { background-position: -500px  0px; }
i.icon-12 { background-position: -550px  0px; }
i.icon-13 { background-position: -600px  0px; }
i.icon-14 { background-position: -650px  0px; }
i.icon-15 { background-position: -700px  0px; }
i.icon-16 { background-position: -750px  0px; }
i.icon-17 { background-position: -800px  0px; }
i.icon-18 { background-position: -850px  0px; }
i.icon-19 { background-position: -900px  0px; }
i.icon-20 { background-position: -950px  0px; }
i.icon-21 { background-position: -1000px 0px; }
i.icon-22 { background-position: -1050px 0px; }
i.icon-23 { background-position: -1100px 0px; }


i.challengeicon.s75 {
	width: 75px; height: 75px;
	background-size: auto 75px;
}
i.s75.icon-01 { background-position: -0px    0px; }
i.s75.icon-02 { background-position: -75px   0px; }
i.s75.icon-03 { background-position: -150px  0px; }
i.s75.icon-04 { background-position: -227px  0px; }
i.s75.icon-05 { background-position: -300px  0px; }
i.s75.icon-06 { background-position: -375px  0px; }
i.s75.icon-07 { background-position: -450px  0px; }
i.s75.icon-08 { background-position: -525px  0px; }
i.s75.icon-09 { background-position: -600px  0px; }
i.s75.icon-10 { background-position: -675px  0px; }
i.s75.icon-11 { background-position: -750px  0px; }
i.s75.icon-12 { background-position: -825px  0px; }
i.s75.icon-13 { background-position: -900px  0px; }
i.s75.icon-14 { background-position: -975px  0px; }
i.s75.icon-15 { background-position: -1050px 0px; }
i.s75.icon-16 { background-position: -1125px 0px; }
i.s75.icon-17 { background-position: -1200px 0px; }
i.s75.icon-18 { background-position: -1275px 0px; }
i.s75.icon-19 { background-position: -1350px 0px; }
i.s75.icon-20 { background-position: -1425px 0px; }
i.s75.icon-21 { background-position: -1500px 0px; }
i.s75.icon-22 { background-position: -1575px 0px; }
i.s75.icon-23 { background-position: -1650px 0px; }


i.challengeicon.s100 {
	width: 100px; height: 100px;
	background-size: auto 100px;
}
i.s100.icon-01 { background-position: -0px    0px; }
i.s100.icon-02 { background-position: -100px   0px; }
i.s100.icon-03 { background-position: -200px  0px; }
i.s100.icon-04 { background-position: -300px  0px; }
i.s100.icon-05 { background-position: -400px  0px; }
i.s100.icon-06 { background-position: -500px  0px; }
i.s100.icon-07 { background-position: -600px  0px; }
i.s100.icon-08 { background-position: -700px  0px; }
i.s100.icon-09 { background-position: -800px  0px; }
i.s100.icon-10 { background-position: -900px  0px; }
i.s100.icon-11 { background-position: -1000px  0px; }
i.s100.icon-12 { background-position: -1100px  0px; }
i.s100.icon-13 { background-position: -1200px  0px; }
i.s100.icon-14 { background-position: -1300px  0px; }
i.s100.icon-15 { background-position: -1400px  0px; }
i.s100.icon-16 { background-position: -1500px  0px; }
i.s100.icon-17 { background-position: -1600px  0px; }
i.s100.icon-18 { background-position: -1700px  0px; }
i.s100.icon-19 { background-position: -1800px  0px; }
i.s100.icon-20 { background-position: -1900px  0px; }
i.s100.icon-21 { background-position: -2000px 0px; }
i.s100.icon-22 { background-position: -2100px 0px; }
i.s100.icon-23 { background-position: -2200px 0px; }




i.sandwitch {
	width: 28px;
	height: 16px;
	display: inline-block;
	vertical-align: middle;
	background-size: cover;
	background-image: url(/images/layout/sandwitch.png);
}


i.arrow {
	margin-left: 8px;
	width: 28px; height: 17px;

	display: inline-block;
	vertical-align: middle;
	background-size: cover;
    transition: all 0.5s ease-in-out;
}
a:HOVER i.arrow {
	/* background-position: 0px 16px; */
    transition: all 0.5s ease-in-out;
}
@media (min-width: 768px) {
	i.arrow {
		margin-left: 8px;
		width: 28px; height: 17px;
	}
	a:HOVER i.arrow {
		/* background-position: 0px 16px; */
	}
}
@media (min-width: 992px) {
	i.arrow {
		margin-left: 10px;
		width: 32px; height: 19px;
	}
	a:HOVER i.arrow {
		/* background-position: 0px 18px; */
	}
}
@media (min-width: 1200px) {
	i.arrow {
		margin-left: 20px;
		width: 43px; height: 24px;
	}
	a:HOVER i.arrow {
		/* background-position: 0px 24px; */
	}
	
	i.arrow-03 { width: 34px; height: 20px; }
	a:HOVER i.arrow-03 { /* background-position: 0px 20px; */ }
}
@media (min-width: 1550px) {
	i.arrow {
		margin-left: 30px;
	}
	a:HOVER i.arrow {
	}
}


i.arrow-01			{ background-image: url(/images/layout/arrows-01.svg); }
.no-svg i.arrow-01	{ background-image: url(/images/layout/arrows-01.png); }
i.arrow-02			{ background-image: url(/images/layout/arrows-02.svg); }
.no-svg i.arrow-02	{ background-image: url(/images/layout/arrows-02.png); }
i.arrow-03			{ background-image: url(/images/layout/arrows-03.svg); }
.no-svg i.arrow-03	{ background-image: url(/images/layout/arrows-03.png); }

a:HOVER i.arrow-03			{ background-image: url(/images/layout/arrows-04.png); }




.pathline {
	display: none;
	margin: 8px 0px 8px 0px;
	color: #9BA0A5;
}
.pathline a {
	color: #9BA0A5;
}
@media (min-width: 768px) {
	.pathline { display: block; }
}








.googlemaps {
	width: 100%;
	height: 150px;
}
@media (min-width: 768px) {
	.googlemaps {
		width: 720px;
		height: 180px;
	}
}
@media (min-width: 992px) {
	.googlemaps {
		width: 940px;
		height: 220px;
	}
}
@media (min-width: 1200px) {
	.googlemaps {
		width: 1140px;
		height: 300px;
	}
}





.maincontent {
	margin-top: 20px;
	margin-bottom: 50px;
}
.maincontent .container {

}

h1.main-pagetitle {
	margin-top: 10px;
}




.bottomspacer {
	clear: both;
}
.wrapper {
	min-height: 100%;
	height: auto !important; /* This line and the next line are not necessary unless you need IE6 support */
	height: 100%;
}
footer {
	width: 100%;
	background: #4A4A4A;
	text-align: center;
}
footer div.footernavi {
	padding: 20px 0px 20px 0px;	
}
footer div.footernavi a {
	padding: 10px 0px 10px 0px;
	display: block;
	line-height: 25px;
	color: #fff;
	text-decoration: none;
	font-weight: 600;
}
footer div.footernavi a:first-of-type {
	padding: 0px 0px 10px 0px;
}
footer div.footernavi a:last-of-type {
	padding: 10px 0px 0px 0px;
}
footer div.footernavi a:HOVER {
	color: #ccc;
	text-decoration: none;
}
a.erasmus {
	padding: 20px 0px 20px 0px;
	display: block;
	text-align: center;
}
a.erasmus img {
	height: 50px;
}

@media (min-width: 768px) {
	footer div.footernavi {
		padding: 0px;
		float: right;		
	}
	a.erasmus {
		line-height: 100px;
		padding: 0px;
		float: left;
	}
	footer div.footernavi a {
		display: inline-block;
		margin: 0px 15px 0px 15px;
		line-height: 100px;
		padding: 0px !important;
	}
	.bottomspacer { height: 100px; }
	.wrapper {
		margin: 0 auto -100px;
	}	
}
@media (min-width: 992px) {
	footer div.footernavi a {
		margin: 0px 25px 0px 25px;
		line-height: 140px;
		font-size: 24px;
	}
	a.erasmus {
		line-height: 140px;
	}
	.bottomspacer { height: 140px; }
	.wrapper {
		margin: 0 auto -140px;
	}
}


ul.services {
	list-style-type: none;
	margin: 0px;
	padding: 0px; 
}
ul.services li {
	clear: both;
	width: 100%;
	float: none;
	padding: 0px;
	margin-bottom: 20px;
}
ul.services li img.logo {
	float: left;
	width: 40%;
	border: 0px;
	margin: 10px 20px 10px 10px;
}
ul.services li h2 {
	margin-top: 20px;
}
ul.services li .lc-button {
	
}
ul.services-small li {
	width: 25%;
	text-align: center;
}
ul.services-small li img.logo {
	float: none;
	width: 80%;
}

.service-view-image {
	width: 100%;
	margin: 0px 10px 80px 10px;
}
.service-view-smalllogo {
	width: 100%;
	border: 0px;
	margin: 0px 10px 10px 10px;
}

@media (min-width: 768px) {
	ul.services li {
		clear: none;
		float: left;
		width: 50%;
	}
	ul.services-small li {
		width: 25%;
		text-align: center;
	}
	ul.services-small li img.logo {
		float: none;
		width: 80%;
	}
	
}


.clients-list-logo {
	width: 100%;
	border: 0px;
}
.clients-list-buttons {
	margin-bottom: 7px;
}



.toplined-link {
	display: inline-block;
	border-top: 1px solid #384975;
	padding-top: 2px !important;
	text-transform: uppercase;
	color: #384975;
	text-decoration: none;
}



.startpagebox-container {
	padding: 50px 0px 50px 0px;
}
.startpagebox-container:last-of-type {
	padding-bottom: 0px !important;
}
.startpagebox-container-separator {
	width: 100%;
	margin: 0px auto 0px auto;
	height: 1px;
	background-color: #979797;
}

.startpagebox-container-b {
	/* border-top: 1px solid #979797; */
}
.startpagebox-container h3 {
	font-weight: 600;
}
.startpagebox-container p {
	margin: 10px 0px 10px 0px;
}
.startpagebox-image {
	width: 100%;
	border: 0px;
}
@media (max-width: 768px) and (orientation : landscape) {
	.startpagebox-container .col-sm-5 {
		float: left;
		width: 50%;
	}
}
@media (min-width: 768px) {
	.startpagebox-container h3 {

	}
	.startpagebox-image {
		width: 100%;
	}
}
@media (min-width: 992px) {
	.startpagebox-container h3 {
		font-size: 35px;
		margin-bottom: 30px;
	}
	
	.startpagebox-container p {
		font-size: 20px;
	}
	.startpagebox-container .col-left {
		padding-right: 60px;
	}
	.startpagebox-container .col-right {
		padding-left: 60px;
	}

}




.lc-button {
	display: inline-block;
	line-height: 24px;
	font-size: 24px;
	background-color: #777;
	border-color: #777;
	color: #fff;
	border-style: solid;
	border-width: 3px;
	border-radius: 6px;
	margin: 0px;
	padding: 11px 25px 11px 25px;
	font-weight: 600;
	text-decoration: none;
    transition: all 0.5s ease-in-out;
	text-align: center;
}
.lc-button:HOVER {
    transition: all 0.5s ease-in-out;
	background-color: #ccc;
	border-color: #ccc;
}
.lc-button:DISABLED {
	background-color: #F8F8F8;
	color: #aaa;
}
.lc-button-backlink {
	float: right;
	margin-top: 10px !important;
}
.lc-button-margined {
	margin-top: 15px !important;	
}

.lc-button.redbutton {
	background-color: #ff4c4c;
	border-color: #ff4c4c;
}
.lc-button.redbutton:HOVER {
	background-color: #EC9598;
	border-color: #EC9598;
	color: #fff;
}
.lc-button.blackborder {
	background-color: transparent;
	border-color: #3E424D;
	color: #3E424D;
}
.lc-button.blackborder:HOVER {
	background-color: transparent;
	background-color: #333;
	border-color: #333;
	color: #fff;
}

.lc-button.lc-button-centered {
	display: block;
	margin-left: auto;
	margin-right: auto;
	width: 220px;
	font-size: 16px;
}
@media (min-width: 768px) {
	.lc-button.lc-button-centered {
		width: 360px;
		font-size: inherit;
	}
}






.lc-newsrow {
	margin-bottom: 20px;
}
.lc-newsrow div.left {
	float: left;
	width: 204px;
	margin-right: 15px;
}
.lc-newsrow div.left a.im {
    transition: all 0.5s ease-in-out;
}
.lc-newsrow div.left a.im:HOVER {
	opacity: 0.5;
    transition: all 0.5s ease-in-out;
}
.lc-newsrow div.left a.im img.im {
	width: 204px;
	height: 131px;
}
.lc-newsrow div.right {
	float: left;
	width: 360px;
}
.lc-newsrow div.right h2 {
	margin: 4px 0px 8px 0px;
}
.lc-newsrow div.right a.lc-button {
	margin-top: 8px !important;
}

.lc-news-image {
	float: left;
	margin: 0px 10px 10px 0px;
	width: 204px;
	height: 131px;
}






ul.slideshow li { width: 31%; }
@media (min-width: 768px) {
	ul.slideshow li { width: 130px; }
}
@media (min-width: 992px) {
	ul.slideshow li { width: 170px; }
}
@media (min-width: 1200px) {
	ul.slideshow li { width: 210px; }
}




ul.slideshow {
	width: 100%;
	list-style-type: none;
	margin: 0px; padding: 0px;
}
ul.slideshow li {
	float: left;
	padding: 0px;
	margin: 0px 10px 10px 0px;
}
ul.slideshow li a img.sthumbnail {
	width: 100%;
	border: 0px;
}
a.lc-slideshow-showall {
	display: block;
	width: 114px; 
	height: 73px;
	text-decoration: none;
	background: transparent url(/images/layout/right-small.png) center center no-repeat;
}


.morelink {
	padding-left: 8px;
	background: transparent url('/images/layout/morelink.png') no-repeat 0px 5px;
}

.black { color: #000000; }
.greyedbox { background: #F3F3F3; }
.ui-widget { font-size: 11px !important; }


div.layoutleft { float: left; margin-right: 30px; }
div.layoutright {  float: left; }



/**** end of Layout-specific styles ****/
#autowebroot { display: none; }

a.picturepreview {}

.clear { clear:both;  }
.clearright { clear:right;  }
div.pagescontainer { }
div.pagescontainer div a { }





form.inlineform {
	display: block;
	position: relative;
	margin: 0px; padding: 0px;
}
form.inlineform label {
	display: block; 
	margin: 2px 10px 0px 0px; padding: 3px 0px 0px 0px;
	cursor: pointer;
}
form.anfrageform label { width: 150px !important; }
form.inlineform label.required {
	font-weight: bold;
}
form.inlineform label.checkbox, form.inlineform label.radio {
	width: auto;
	font-size: 12px;
	padding: inherit; margin: inherit; float: none;
}
form.inlineform div.input {
	display: block; float: left;
	margin-bottom: 6px;
	line-height: 24px;
}
form.inlineform input.button, input.coolbutton {
	background: #000;
	border: 0px;
	margin: 8px 0px 0px 0px; padding: 0px 10px 0px 10px;
	height: 57px; line-height: 57px;
	color: #fff; font-weight: bold;
	text-transform: uppercase;
	cursor: pointer;
    transition: all 0.5s ease-in-out;
}
form.inlineform input.button:HOVER, input.coolbutton:HOVER {
	background-color: #FF290B;
}
form.inlineform input.cancel {
	background-color: #AA6666;
}
form.inlineform input.loadingbutton {
	background: #EEEEEE url('/images/layout/loading.gif') center center no-repeat !important;
	color: transparent !important;
	border-color: #CCCCCC !important;
}
form.inlineform input.loading {
	color: transparent;
	background: transparent url('/images/layout/loading.gif') center center no-repeat;
}
form.inlineform input.inputerror, form.inlineform textarea.inputerror {
	background-image: url('/images/layout/inputerrorbg.png?aab');
}

form.inlineform input.textinput {
	background-color: #F1F1F1;
	border: 1px solid #C6C6C6;
	border-spacing: 0px; border-collapse: collapse; margin: 0px; padding: 0px;
	height: 24px; line-height: 24px;
	color: #333333;
}
form.inlineform textarea.textinput {
	background-color: #F7F7F7;
	border: 1px solid #C6C6C6;
	border-spacing: 0px; border-collapse: collapse; margin: 0px; padding: 0px;
	line-height: 24px;
	color: #333333;
}
form.inlineform p.error {
	color: #993300;
	font-weight: bold;
}

div.inlineformhint {
	position: absolute;
	width: 208px;
	min-height: 40px;
}

form.inlineform_small {
	font-size: 11px;
}
form.inlineform_small label {
	font-size: 11px;
	width: 90px;
}




/*** customising the lightgallery css's ***/
#lg-outer {
	background-color: rgba(255, 255, 255, 0.75) !important;
}
#lightGallery-close {
	color: #fff;
	opacity: 1;
	width: 42px;
	height: 38px;
}
#lightGallery-close:after {
	font-size: 30px;
}
#lg-action {
	top: 10px;
	bottom: auto;
}
.lg-caption {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    background: none repeat scroll 0 0 rgba(255, 255, 255, 0.75);
	border-bottom: 1px solid #ddd;
    color: #000;
    min-height: 40px;
	padding: 10px 0px 10px 0px;
	white-space: normal;
    z-index: 9;
	line-height: 20px;	
}
.lg-caption span {
	font-size: 18px;
	font-weight: 700;
	text-transform: uppercase;
}


.share-btn-group {
	display: block;
	line-height: 20px;
	text-align: center;
}
.share-btn {
    display: inline-block;
	color: #fff;
    border: none;
	line-height: 50px;
    padding: 0px;
    width: 50px;
    outline: none;
	margin-right: 5px;
    text-align: center;
}

.share-btn:hover {
	opacity: 0.5;
	color: #fff;
}
.share-btn:active {
	opacity: 0.5;
}

.share-btn.twitter		{ background: #55acee; }
.share-btn.google-plus	{ background: #dd4b39; }
.share-btn.facebook		{ background: #3B5998; }
.share-btn.linkedin		{ background: #4875B4; }
.share-btn.email		{ background: #444444; }
.share-btn.stumbleupon	{ background: #EB4823; }
.share-btn.reddit		{ background: #ff5700; }

@media (min-width: 768px) {
	.share-btn-group {
		display: inline-block;
	}
	.share-btn {

		line-height: 20px;
		width: 30px;
		margin-right: 1px;
	}
}



/*** the loading circle ****/
@-webkit-keyframes uil-default-anim { 0% { opacity: 1} 100% {opacity: 0} }
@keyframes uil-default-anim { 0% { opacity: 1} 100% {opacity: 0} }
.uil-default-css { position: relative;background:none; width:200px; height:200px; margin-left: auto; margin-right: auto; transform: scale(0.5,0.5); }
.uil-default-css > div { background:#000; }
.uil-default-css > div:nth-of-type(1) {-webkit-animation: uil-default-anim 1s linear infinite;animation: uil-default-anim 1s linear infinite;-webkit-animation-delay: -0.5s;animation-delay: -0.5s;}
.uil-default-css > div:nth-of-type(2) {-webkit-animation: uil-default-anim 1s linear infinite;animation: uil-default-anim 1s linear infinite;-webkit-animation-delay: -0.4166666666666667s;animation-delay: -0.4166666666666667s;}
.uil-default-css > div:nth-of-type(3) {-webkit-animation: uil-default-anim 1s linear infinite;animation: uil-default-anim 1s linear infinite;-webkit-animation-delay: -0.33333333333333337s;animation-delay: -0.33333333333333337s;}
.uil-default-css > div:nth-of-type(4) {-webkit-animation: uil-default-anim 1s linear infinite;animation: uil-default-anim 1s linear infinite;-webkit-animation-delay: -0.25s;animation-delay: -0.25s;}
.uil-default-css > div:nth-of-type(5) {-webkit-animation: uil-default-anim 1s linear infinite;animation: uil-default-anim 1s linear infinite;-webkit-animation-delay: -0.16666666666666669s;animation-delay: -0.16666666666666669s;}
.uil-default-css > div:nth-of-type(6) {-webkit-animation: uil-default-anim 1s linear infinite;animation: uil-default-anim 1s linear infinite;-webkit-animation-delay: -0.08333333333333331s;animation-delay: -0.08333333333333331s;}
.uil-default-css > div:nth-of-type(7) {-webkit-animation: uil-default-anim 1s linear infinite;animation: uil-default-anim 1s linear infinite;-webkit-animation-delay: 0s;animation-delay: 0s;}
.uil-default-css > div:nth-of-type(8) {-webkit-animation: uil-default-anim 1s linear infinite;animation: uil-default-anim 1s linear infinite;-webkit-animation-delay: 0.08333333333333337s;animation-delay: 0.08333333333333337s;}
.uil-default-css > div:nth-of-type(9) {-webkit-animation: uil-default-anim 1s linear infinite;animation: uil-default-anim 1s linear infinite;-webkit-animation-delay: 0.16666666666666663s;animation-delay: 0.16666666666666663s;}
.uil-default-css > div:nth-of-type(10){-webkit-animation: uil-default-anim 1s linear infinite;animation: uil-default-anim 1s linear infinite;-webkit-animation-delay: 0.25s;animation-delay: 0.25s;}
.uil-default-css > div:nth-of-type(11){-webkit-animation: uil-default-anim 1s linear infinite;animation: uil-default-anim 1s linear infinite;-webkit-animation-delay: 0.33333333333333337s;animation-delay: 0.33333333333333337s;}
.uil-default-css > div:nth-of-type(12){-webkit-animation: uil-default-anim 1s linear infinite;animation: uil-default-anim 1s linear infinite;-webkit-animation-delay: 0.41666666666666663s;animation-delay: 0.41666666666666663s;}


.mce-tinymce {
	border: 2px solid #bdc3c7;
    border-radius: 6px;
}

.stop-scrolling {
	height: 100%;
	overflow: hidden;
}

.lc-blocklink {
	display: block;
	margin: 5px 0px 5px 0px;
	text-align: center;
}
.lc-loginform .lc-blocklink {
	color: #999;
}
.lc-inlineform-error-hint {
	margin-top: -10px !important;
	background-color: #C0392B;
	color: #fff;
	font-weight: bold;
	text-align: left;
	cursor: pointer;
}
.lc-inlineform-error-hint .arrow {
	top: -10px !important;
	left: 12px !important;
}
.lc-inlineform-error-hint .arrow:after {
	border-bottom-color: #C0392B !important;
}

.loopcms-imagefileinput {
	border: 0px;
	padding: 0px;
	margin: 0px;
}
.loopcms-imagefileinput tr td {
	vertical-align: top;
}

.lc-forms-btnfile {
	display: inline-block;
	width: 100%;
	height: 60px;
	padding: 20px 15px !important;
}

.lc-forms-existingfile {
	width: 70%;	
	background-position: top left;
	background-repeat: no-repeat;
	color: #7F8C8D;
	margin-top: 0px;
	padding-left: 10px;
}
.lc-forms-existingfile img {
	float: left;
	width: 60px;
	height: 60px;
	margin-right: 10px;
	border: 1px solid #ccc;
}


.lc-forms-languagespacer {
	line-height: 60px;
	font-size: 20px;
	text-align: center;
	color: #fff;
	background-color: #D35400;
}

.ui-widget input, .ui-widget select, .ui-widget textarea, .ui-widget button {
	font-size: 12px;
}
.ui-dialog, label {
	font-size: 12px;
}

/* bootstrap changes */
.btn {
	color: #fff !important;
	font-weight: normal;
	text-decoration: none;
}
.form-group {
	margin-bottom: 10px;
}
.form-control.vld_required, .input-group-addon.vld_required {
	border-color: #F39C12;
}
.input-group-addon.vld_required {
	background-color: #F39C12;
}
.lc-forms-spacer {
	height: 1px; background-color: #fcfcfc;
	margin: 10px 0px 10px 0px;
}


/* Jquery UI customisation classes */
.lc-dialog-content {
	position: relative;
	padding-left: 15px !important;
	padding-right: 15px !important;
	padding-bottom: 15px !important;
	border-color: #ddd;
}
.ui-dialog {
    /*transition: top 0.5s ease-in-out;*/
    /*transition: left 0.5s ease-in-out;*/
	min-width: 350px;
	-webkit-box-shadow: 0px 0px 10px 10px rgba(120,120,120,0.4);
	-moz-box-shadow: 0px 0px 10px 10px rgba(120,120,120,0.4);
	box-shadow: 0px 0px 10px 10px rgba(120,120,120,0.4);
	border-color: #eee;
	border-radius: 6px;
	
	z-index: 20001 !important;
}
.ui-dialog p {
	font-size: inherit;
}
.ui-widget-header {
	border: 0px;
	background: transparent;
	color: #16A085;
}
.ui-dialog-titlebar {
	padding-left: 15px !important;
	padding-right: 15px !important;
	line-height: 35px;
}
.ui-dialog-titlebar span {
	font-size: 17px;
	font-weight: normal;
}
.ui-dialog .ui-dialog-titlebar-close {
	right: 15px;
	top: 23px;
	border: 0px;
	background: transparent;
	color: #16A085;
}
.ui-button {
	padding: 5px;
}



.contactform input, .contactform textarea {
	border-color: #004990 !important;
}
.contactform button {
	background-color: #004990 !important;
}