/*************************************************************************/


#dimensions_panel {
	display: block;
	position: fixed;
	top: 200px;
	left: 0;
	padding: 10px;
	line-height: 20px;
	background: green;
	color: white;
	z-index: 1000;
	box-shadow: 2px 2px 10px 2px grey;
}

#kstn_debug {
	display: block;
	position: fixed;
	top: 260px;
	left: 0px;
	padding: 10px;
	line-height: 20px;
	background: orange;
	color: white;
	z-index: 1000;
	box-shadow: 2px 2px 10px 2px grey;
}


/*************************************************************************/
.kns_frame {

width:100%;
margin-top:40px;
scrolling:auto;
border:0!important;
}


/*************************************************************************/

.lang	{	position: fixed; top: 0px; right: 25px;
		width: 60px;
		text-align:center;  
		padding: 3px 0px 5px 0px; 
		margin:0px; 
		display:inline-block; 
		background: rgba(0, 0, 0, 0.7); 
		-webkit-border-bottom-left-radius: 5px; -webkit-border-bottom-right-radius: 5px;
		-moz-border-bottom-left-radius: 5px; -moz-border-bottom-right-radius: 5px;
		border-bottom-left-radius: 5px; border-bottom-right-radius: 5px;
		
		-webkit-box-shadow: 0 8px 6px -6px black;
		-moz-box-shadow: 0 8px 6px -6px black;
		box-shadow: 0 8px 6px -6px black; 
		font-size: 12px; 
		/* color: #025632; */
		color: #3d485d;
	}

	
.lang a:link,
.lang a:visited	{ color:white;} 	
.lang a:hover,
.lang a:active	{ color:#3d485d;}

#header .logo {
	font-size: 22px!important;
	}
	
#header img {
  max-width: 100%!important;
}

#footer img {
  max-width: 85%!important;
}
.grey {color: #808080!important;}
.purple {color: #776f67!important;}

@media (max-width: 450px) {
	#header .logo {
	font-size: 18px!important;
	}
}

.callout.callout-blue {
  background-color: #0f4e8c;
}


/** 34. Callouts
*************************************************** **/
.callout.alert {
	padding:20px 0;
	color:#111;
	margin-bottom:0;
}
section.callout.alert {
	padding:40px 0;
}
.callout.alert h1,
.callout.alert h2,
.callout.alert h3,
.callout.alert h4,
.callout.alert h5,
.callout.alert h6 {
	color:#111;
	margin-bottom: 3px;
	font-weight:500;
}
.callout.alert p:last-child {
	margin: 0;
}
.callout.alert .btn {
	margin:2px 0 0 0;
}
.callout.alert-border {
	border:rgba(0,0,0,0.1) 2px solid;
}

.callout-box {
	clear: both;
	position: relative;
	overflow: hidden;
	background: #ddd;
	padding: 36px 0;

	-webkit-border-radius: 3px;
	   -moz-border-radius: 3px;
			border-radius: 3px;
}
.callout-box h1,
.callout-box h2,
.callout-box h3,
.callout-box h4,
.callout-box h5,
.callout-box h6 {
	margin-bottom:0;
}

.callout-dark {
	z-index:10;
	position:relative;

	-webkit-border-radius: 3px;
	   -moz-border-radius: 3px;
			border-radius: 3px;
}
.callout-dark h1,
.callout-dark h2,
.callout-dark h3,
.callout-dark h4,
.callout-dark h5,
.callout-dark h6 {
	/**
		margin-bottom: 20px !important;
	**/
}
.callout-dark p {
	color: #b1b1b1 !important;
	font-size: 17px !important;
	max-width: 960px !important;
	margin: auto !important;
}
.callout-dark a.social-icon,
.callout-dark .btn {
	color:#fff;
}
.callout-dark.heading-title {
	-webkit-border-radius: 0;
	   -moz-border-radius: 0;
			border-radius: 0;
}

.callout .row {
	margin-left: 0;
	margin-right: 0;
}

.callout {
	padding: 30px 0;
	color:#fff;

	-webkit-transition: all .400s;
	   -moz-transition: all .400s;
		 -o-transition: all .400s;
			transition: all .400s;
}

.callout h1,
.callout h2,
.callout h3,
.callout h4,
.callout h5,
.callout h6 {
	color:#fff;
	margin:0 !important;
	font-weight:300;
}
.callout p {
	margin: 0;
	padding: 0;
	font-size: 16px;
	font-weight: 300;
}
.callout .btn {
	margin:6px 0 0 0;
}
.callout.callout-theme-color .btn,
.callout.callout-dark .btn {
	background-color:rgba(255,255,255,0.2);
	border-color:rgba(255,255,255,0.2);
}
.callout.callout-theme-color .btn:hover,
.callout.callout-dark .btn:hover {
	background-color:rgba(255,255,255,0.3);
	border-color:rgba(255,255,255,0.3);
}
.callout.callout-dark {
	background-color:#252525;
}
.callout.callout-hover:hover {
	opacity: 0.85;
	filter: alpha(opacity=85);
}


.callout.callout-transparent,
.callout.callout-transparent h1,
.callout.callout-transparent h2,
.callout.callout-transparent h3,
.callout.callout-transparent h4,
.callout.callout-transparent h5,
.callout.callout-transparent h6,
.callout.callout-transparent p {
	color:#111;
	margin:0 !important;
	font-weight:300;
}

/* dark */
section.dark .callout,
section.dark .callout p,
section.dark .callout.alert {
	color:#111;
}



section.dark .callout h1,
section.dark .callout h2,
section.dark .callout h3,
section.dark .callout h4,
section.dark .callout h5,
section.dark .callout h6,
section.dark .callout p {
	color:#111;
}
section.dark .callout.alert-bolder,
section.dark .callout.alert-bolder h1,
section.dark .callout.alert-bolder h2,
section.dark .callout.alert-bolder h3,
section.dark .callout.alert-bolder h4,
section.dark .callout.alert-bolder h5,
section.dark .callout.alert-bolder h6,
section.dark .callout.alert-bolder p {
	color:#111;
}
section.dark .alert-border,
section.dark .alert-border h1,
section.dark .alert-border h2,
section.dark .alert-border h3,
section.dark .alert-border h4,
section.dark .alert-border h5,
section.dark .alert-border h6,
section.dark .alert-border p,
section.dark .callout .btn {
	color:#fff;
}
section.dark .alert-transparent {
	border-left-color:#444;
}
section.dark .alert-transparent,
section.dark .alert-transparent h1,
section.dark .alert-transparent h2,
section.dark .alert-transparent h3,
section.dark .alert-transparent h4,
section.dark .alert-transparent h5,
section.dark .alert-transparent h6,
section.dark .alert-transparent p,
section.dark .callout .btn {
	color:#fff;
}
section.dark .callout.alert-border {
	border-color:#666;
}

section.dark .callout-box.callout-default,
section.dark .callout-box.callout-default h1,
section.dark .callout-box.callout-default h2,
section.dark .callout-box.callout-default h3,
section.dark .callout-box.callout-default h4,
section.dark .callout-box.callout-default h5,
section.dark .callout-box.callout-default h6,
section.dark .callout-box.callout-default p {
	color:#111;
}
section.dark .callout-box .btn {
	color:#fff;
}

section.dark .callout-theme-color,
section.dark .callout-theme-color h1,
section.dark .callout-theme-color h2,
section.dark .callout-theme-color h3,
section.dark .callout-theme-color h4,
section.dark .callout-theme-color h5,
section.dark .callout-theme-color h6,
section.dark .callout-theme-color p {
	color:#fff;
}

section.dark .callout-dark {
	background-color:#111;
}
section.dark .callout-dark,
section.dark .callout-dark h1,
section.dark .callout-dark h2,
section.dark .callout-dark h3,
section.dark .callout-dark h4,
section.dark .callout-dark h5,
section.dark .callout-dark h6,
section.dark .callout-dark p {
	color:#fff;
}
section.dark .callout-transparent,
section.dark .callout-transparent h1,
section.dark .callout-transparent h2,
section.dark .callout-transparent h3,
section.dark .callout-transparent h4,
section.dark .callout-transparent h5,
section.dark .callout-transparent h6,
section.dark .callout-transparent p {
	color:#fff;
}

@media only screen and (max-width: 960px) {
	.callout a.social-icon {
		margin-top:30px;
		float:none !important;
	}
	.callout div.text-right {
		text-align:left;
	}
	.callout-box.callout-default .btn,
	.callout .btn {
		display:block;
		margin-top:30px !important;
	}
	
	.callout.alert,
	.callout-box.callout-default {
		padding:20px 15px;
	}
}

@media only screen and (max-width: 480px) {
	.callout.callout-dark,
	.callout.callout-theme-color,
	.callout div.text-left,
	.callout div.text-right {
		text-align:center !important;
	}
	.callout h1,
	.callout h2,
	.callout h3,
	.callout h4,
	.callout h5,
	.callout h6 {
		margin-bottom:30px !important;
	}
	.callout .btn {
		display:block;
		margin-top:30px !important;
	}

}


/*@media screen and (max-width:970px){
	.lang	{ margin-left: auto; margin-right:auto; right: 0px; left: 0px;}
}
*/
/* @media screen and (max-width:970px){
.lang {position: fixed; top: 60px; width: 100%; right: 5px;font-size:26px; color:#fefefe;}

.langs {float: left; text-align: center; padding-right: 9px; padding-left: 5px; background: rgba(0, 0, 0, 0.7);
-webkit-border-top-left-radius: 5px;
-webkit-border-bottom-left-radius: 5px;
-moz-border-radius-topleft: 5px;
-moz-border-radius-bottomleft: 5px;
border-top-left-radius: 5px;
border-bottom-left-radius: 5px; 
-webkit-box-shadow: 0 8px 6px -6px black;
-moz-box-shadow: 0 8px 6px -6px black;
box-shadow: 0 8px 6px -6px black; font-size: 0.6em; color: #6baa25;}
} */