body { font:1em "Proza Libre", sans-serif;color:rgb(20,20,20);background:rgb(255,255,255);height:100%;}
a {
	color:rgb(20,79,147);
	text-decoration:none;
}

h1, h2, h3, h4, h5, h6,2 h7 {display:block;margin:0 0;color:rgb(107,49,138); }
h1 {
	font:600 26px "Proza Libre", sans-serif;
}
h2 {
	font:600 24px "Proza Libre", sans-serif;
}
h3 {
	font:600 22px "Proza Libre", sans-serif;
}
h4 {
	font:600 18px "Proza Libre", sans-serif;
	 line-height:30px;
}
h6 {
	font:400 12px "Proza Libre", sans-serif;
	 line-height:30px;
}
.w3-content:after {content:"";display:table;clear:both}
.w3-row-padding,.w3-row-padding>.w3-half,.w3-row-padding>.w3-third,.w3-row-padding>.w3-twothird,.w3-row-padding>.w3-threequarter,.w3-row-padding>.w3-quarter,.w3-row-padding>.w3-col{padding:8px 8px}
.w3-navbar li{float:left; font:500 16px Arial, Helvetica, sans-serif;}.w3-navbar li a{display:block;padding:4px 12px}.w3-navbar li a:hover{color:#000;background-color:#000}
.w3-hover-theme {color:rgb(0,159,227) !important; background-color:rgb(255,255,255) !important}
.w3-hover-theme:hover {color:#FFF !important; background-color:rgb(0,159,227) !important}
.w3-content{max-width:1170px;margin:auto;padding:0 15px; }
.w3-text-light-grey,.w3-hover-text-light-grey:hover{color:rgb(180,180,180)!important}
.w3-white,.w3-hover-white:hover{color:rgb(88,88,90)!important;background-color:#fff!important}
.w3-red,.w3-hover-red:hover{color:#FFF!important;background-color:rgb(251,196,90)!important}
.w3-blue,.w3-hover-blue:hover{color:#000!important;background-color:rgb(255,255,255)!important}
.w3-grey,.w3-hover-grey:hover{color:#000!important;background-color:rgb(251,196,90)!important}

.neo-top-bar {
	position:relative;
	height:50px;
	background:rgb(0,159,227);
}
.neo-header-link-text {
	color:rgb(255,255,255);
}
#neo-top-left {
	position:absolute; 
	float:left;
	margin:15px 0 0 30px;
	color:rgb(21,78,149);
	z-index:999;
}
#neo-top-right {
	padding:15px 0 0 0;
	color:rgb(204,216,249);
	text-align:right;
}
#neo-top-right span {
	margin:0 10px 0 10px;
	color:rgb(255,255,255);
	font-size:20px;
	font-weight:600;
}
#neo-top-menu img {
	margin:0 15px 0 0;
}
.lngdiv {
	float:right;
	border:1px solid #CCC;
	border-radius:3px;
	background:#FFF;
	color:#036;
	font-size:0.8em;
	font-weight:bolder;
	padding:2px;
	margin: 6px 3px;
	cursor:pointer;
}
.lngdiv:hover {
	background:#DDD;
	color:#FF0000;	
}
.lngdivselected {
	float:right;
	border:1px solid #CCC;
	border-radius:3px;
	background:#DDD;
	color:#FF0000;
	font-size:0.8em;
	padding:2px;
	margin: 6px 3px;
	cursor:pointer;
}
.neo-logo-bar {
	height:150px;
	background:#FFF;
}
.neo-company-logo {
	margin:20px 50px;
	width:155px;
	height:100px;
	background:url(../images/logo.png) center center;
	background-size:cover;
	z-index:1000;
}

#neo-menubar {
	position:absolute;
	margin:145px 0 0 10px;
	width:1170px;
	z-index:1000;
}
.neo-menu-box {
	width:174px;
	height:90px;
	padding:35px 0 0 20px !important;
	font-size:15px !important;
	font-weight:600;
	color:#FFF !important;
}
.neo-slider {
	position:relative;
	margin:0; 
	padding:0;
	max-height:480px;
	overflow:hidden;
}
.youtubecontainer {
    position: relative;
    width: 100%;
    height: 0;
    padding-bottom: 56%;
}
.youtubevideo {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
.neo-grayscale {
	opacity:0.9;
  filter: grayscale(30%);  cursor:pointer;
  transition:all 0.2s ease-in-out;/**/
  }
.neo-grayscale:hover {
	opacity:1;
	filter: grayscale(0%);
	transition:all 0.2s ease-in-out;/**/
	}
.neo-image-hue {
    filter: hue-rotate(90deg);
}
.neo-home-steady {
	float:left;
	padding:20px;
	width:49.9%;
	text-align:center;
}
.neo-home-left {
	float:right;
	padding:20px;
	width:49.9%;
	text-align:center;
}
.neo-home-right {
	float:right;
	padding:20px;
	width:49.9%;
	text-align:center;
}

.neo-content-header {
	margin:-35px 0 0 0;
	height:300px;
	/*background:url(../images/content-header.jpg) no-repeat center center;*/
}
.neo-content-header-text {
	display:inline-block;
	padding:8px; 
	font-size:32px;
	background:rgba(245,245,245,0.9); 
	color:rgb(20,79,147); 
	text-shadow:1px 1px 1px rgb(102,102,102); 
	border:6px double rgba(245,245,245,0.9); 
	border-radius:0 12px
}
.neo-content-container {
	position:relative;
	/*margin:-50px auto -50px; */
	width:100%;
	padding:0;
	min-height:200px;
	font:400 12px 'Proza Libre', sans-serif;
	background:rgb(102,102,102);
	box-shadow:0 0 8px 3px rgb(130,130,130);
	border-radius:2px;
}
#neo-left-area {
	float:right;
	padding:20px;
	width:25%;
	min-height:500px;
	background:rgba(245,245,245,0.8);
}
#neo-right-area {
	float:right;
	padding:20px;
	width:75%;
	min-height:500px;
	background:rgba(255,255,255,0.8);
}
#neo-left-menu {
	background:rgb(240,240,240);
	opacity:0.8;
	margin:10px 0 0 0;
	padding:20px;
	font-size:18px;
	font-weight:400;
	list-style-type:none;
}
.neo-left-menu-color {
	color:rgb(75,75,75);
}
.neo-left-menu-color:hover {
	color:rgb(210,210,210);
}
#neo-left-menu li {
	padding:5px;
}
#neo-sub-menu {
	margin:10px 0 0 10px;
	padding:0;
	color:rgb(37,57,116);
	font-size:1em;
	font-weight:400;
	list-style-type:none;
}
#neo-sub-menu:after {
	clear:both;
}
.neo-sub-menu-box {
	float:left;
	margin:17% 4%;
	width:96%;
	
	height:200px;
	
	background:#FFF;
}
.neo-sub-menu-box-up {
	float:left;
	width:100%;
	
	height:260px;
	padding:210px 0 0 0;
	
	font-weight:600;
	font-size: 16px;
	text-align:center;
	color:rgb(100,100,100);
	background:none;
	border:1px solid #AEBBCA;
	opacity:1;
	transition:all 1s;
}
.neo-sub-menu-box-up:hover {
	color:rgb(250,250,250);
	background:rgb(37,57,116);
	opacity:0.50;
	transition:all 0.5s;
}
.neo-image-none {
  position: relative;
  max-width: 100%;
  margin: 0 auto;
  opacity:1;
  brightness:100%;
  contrast:100%;
  filter: grayscale(0%);
  transition:all 0.1s ease-in-out;
}

.neo-image-none:hover {
	filter: grayscale(0%);
	brightness:100%;
	contrast:100%;
	transition:all 0.1s ease-in-out;/**/
	}
.neo-image-none .neo-image-content {
  position: absolute; 
  bottom: 0; 
  background: rgb(0, 0, 0);
  background: rgba(20,79,147, 0.5); 
  color: #f1f1f1; 
  width: 100%; 
  padding:10px 20px; 
  text-align:center;
  font-size:16px;
}
.neo-image-grayscale {
  position: relative;
  max-width: 100%;
  margin: 0 auto;
  opacity:1;
  brightness:100%;
  contrast:100%;
  filter: grayscale(100%);
  transition:all 0.1s ease-in-out;
}

.neo-image-grayscale:hover {
	filter: grayscale(0%);
	brightness:100%;
	contrast:100%;
	transition:all 0.1s ease-in-out;/**/
	}
.neo-image-grayscale .neo-image-content {
  position: absolute; 
  bottom: 0; 
  background: rgb(0, 0, 0);
  background: rgba(107,49,138, 0.5); 
  color: #f1f1f1; 
  width: 100%; 
  padding:10px 20px; 
  text-align:center;
  font-size:16px;
}
.neo-img-100 {
	margin:0 0 20px 0;
	width:100%;
}
.neo-img {
	width:100%;
	background-size:cover;
	cursor:pointer;
	transition: transform 0.5s ease-in-out;
}
.neo-img:hover {
	transform: scale(1.08);
}
.neo-show {
	margin:10px auto;
	padding:5px;
	width:150px;
	text-align:center;
	font-size:16px;
	color:rgb(65,38,115);
	/*background:rgba(240, 240, 240, 1.0);
	border:1px solid rgba(200, 200, 200, 1.0);
	border-radius:5px;*/
	cursor:pointer;
}
.neo-hide {
	margin:10px auto;
	padding:5px;
	width:150px;
	text-align:center;
	font-size:16px;
	color:rgb(65,38,115);
	/*background:rgba(240, 240, 240, 1.0);
	border:1px solid rgba(200, 200, 200, 1.0);
	border-radius:5px;*/
	cursor:pointer;
}
#neo-files {
	margin:10px 0 0 10px;
	padding:0;
	color:rgb(0,0,100);
	font-size:1.1em;
	font-weight:400;
	list-style-type:none;
}
#neo-files:after {
	clear:both;
}

.neo-column {
	column-count: 2;
	column-gap: 40px;
	column-rule: 1px solid #eee;
}

.neo-social-icon {
	margin:5px 3px 0 0; 
	font-size:20px !important;
}
.neo-social-icon:hover {
	box-shadow:0 4px 8px 0 #FFF,0 6px 20px 0 #FFF !important;/**/
}
footer {
	clear:both;
	min-height:390px;
}
.neo-footer-header {
	margin:80px 0 0 0;
	font-size:20px; 
	font-weight:600; 
	color:rgb(255,254,254);
}
.neo-footer-link {
	margin:25px 0 0 0;
	font-size:13px; 
	font-weight:400; 
	color:rgb(108,108,108);
}
.neo-footer-neo {
	float:right;
	margin:40px 0 0 0;
	width:50px;
	height:25px;
	background:url(../images/neologoh.png) no-repeat left top;
}
.neo-footer-neo:hover {
	background:url(../images/neologo.png) no-repeat left top;
}
@media screen and (min-width:1170px) {
	#neo-mobil-icon, #neo-cls {
		display:none;
	}

	#neo-navbar {
		display:block !important;
	}

}
@media screen and (max-width:1169px) {
.youtubecontainer {
    position: relative;
    width: 100%;
    height: 0;
    padding-bottom: 50%;/*25*/
}
.w3-dropdown-content {
	position:relative;
	width:100%;
}
#neo-left-area {
	float:right;
	width:100%;
	min-height:100px;
}
#neo-right-area {
	float:left;
	width:100%;
	min-height:100px;
}
h1 {
	font:600 20px "Proza Libre", sans-serif;
}
h3 {
	font:600 16px "Proza Libre", sans-serif;
}
h4 {
	font:400 12px "Proza Libre", sans-serif;
	line-height15px;
}
h6 {
	font:400 8px "Proza Libre", sans-serif;
	line-height:15px;
}
#neo-mobil-icon {
		display:block;
	}
#neo-top-menu {
	display:none;
	position:absolute;
	width:100%;
	padding:10px 20px 0 0;
	max-width:100%;
	text-align:right;
	color:rgb(250,195,89);
}
#neo-top-menu span {
	margin:0 10px 0 0;
	font-size:12px;
}
#neo-menubar {
	position:relative;
	margin:118px 0 0 -25px;
	padding:0;
	width:100%;
	z-index:999;
}
#neo-top-left {
	position:absolute; 
	float:left;
	margin:0px 0 0 60px;
	color:rgb(204,216,249);
	z-index:999;
}
#neo-top-right {
	padding:25px 0 0 0;
}
.neo-menu-box {
	width:100%;
}
.neo-logo-bar {
	position:relative;
	height:100px;
	z-index:1000;
}
.neo-company-logo {
	width:110px;
	height:70px;
	z-index:1001;
}

#neo-navbar, #neo-cls {
		position:absolute;
		display:none;
		width:100%;
		background:#FFF;
	}
#neo-navbar li {
		width:100%;
		text-align:center;
	}	
.neo-left-col {
	width:100%;
	min-height:0px;
}
.neo-right-col {
	margin:20px 0 0  0;
}
.w3-rest {
	float:left;
	width:100%;
}
.neo-footer-address {
	width:auto; 
	font-size:10px; 
}
.neo-content-header-text {
	font-size:16px;
}
}
@media screen and (max-width:569px) {
.neo-header-link-text {
	display:none;
}
#neo-menubar {
	margin:118px 0 0 -15px;
}
.neo-column {
	column-count:1;
	column-gap:0px;
	column-rule:0px solid #eee;
}
#neo-top-right {
	/*display:none;*/
}
#neo-top-menu span {
	font-size:10px;
}
.w3-quarter {
	float:left;
	width:100%;
}
}