a { color: navy;}

p.readmore { text-align: right; position: absolute; bottom: 10px;width: 90%;}
p.readmore :hover { background: #330011;}

.cat-list-row p.readmore {width: auto; min-width: 50%; right: 10px;}

p.readmore a { color: #fff;background: #ec9393; padding: 6px 20px; }

.pull-left {float: left;}
.pull-right {float: right;}


html, body {margin: 0; padding: 0;}
.cat-children { width: 80%; flex: none;}

img {max-width: 100%;}

.clear {clear:both;}
.info {background: #110604; }
.info .inner { width: 70%; margin: auto;  display: flex; color: #fff;}
.info a {color: #fff; }

body{
  background:#330011;font-family: arial;
	display: flex;
  min-height: 100vh;
  flex-direction: column;
  }  

header{
	flex: none;
	
  width:100%;
	
   background: #ffffff; /* For browsers that do not support gradients */
    background: -webkit-linear-gradient(#ec9393, #ffffff); /* For Safari 5.1 to 6.0 */
    background: -o-linear-gradient(#ec9393, #ffffff); /* For Opera 11.1 to 12.0 */
    background: -moz-linear-gradient(#ec9393, #ffffff); /* For Firefox 3.6 to 15 */
    background: linear-gradient(#ec9393, #ffffff); /* Standard syntax */
	border-bottom: 1px solid #e6e6e6;
    box-shadow: 0 0 5px 2px rgba(0, 0, 0, 0.6);
}

header .line {     background: linear-gradient(#ed9595, #f1adad); height: 30px;}


.notfall_banner { background: #333; color: #fff; padding-top:22px; padding-left: 3px; height: 47px; font-size: 1.1em; }
.notfall_banner >*{ width: 100%;margin: auto;padding-left: 10px;}

header form {position: absolute; left: 0px; top: 0px; }
.logo {display: flex;flex-direction: row;width:100%; margin:auto;padding-left: 10px;height: 120px;}
.logo > div {max-width: 300px;}
.logo .title, h1 {
font-size: 1.4em;
color: #06274a;
font-weight: bold;
 text-shadow:  1px  1px 1px rgba(0,0,0,0.8), -1px  -1px 1px rgba(255,255,255,0.8);
	}

h1 {
font-size: 1.6em;
color: #06274a;
font-weight: bold;
 text-shadow:  1px  1px 1px rgba(0,0,0,0.8), -1px  -1px 1px rgba(255,255,255,0.8);
}
	
h2 {
font-size: 1.5em;
color: #330011;
font-weight: bold;
text-shadow:  1px  1px 1px rgba(0,0,0,0.4), -1px  -1px 1px rgba(255,255,255,0.4);

	}
	
h3 {
	
	color: #ec9393;
font-weight: bold;
font-size: 1.4em;
 text-shadow:  1px  1px 1px rgba(0,0,0,0.4), -1px  -1px 1px rgba(255,255,255,0.4);

}

ul h4 {margin-bottom: 3px; margin-top: 8px;}
	
h4 {
	
	color: #ec9393;
font-weight: normal;
font-size: 1.3em;
 text-shadow:  1px  1px 1px rgba(0,0,0,0.4), -1px  -1px 1px rgba(255,255,255,0.4);

}
	
	.logo .desc {
font-size: 1em;
color: #06274a;
	}
	
.logo_alt{

  position:relative;
  top:7.5px;
  float:left;
  margin-left:5%;
}
.logo img{
  width:100%;

}

.tagscloud span {padding:10px; margin: 10px; display: inline-block;}

pre {
	background: #fff; border: 1px solid #ccc; padding: 10px; margin: 10px 10px 10px 0px;
	display: block; white-space: pre-wrap;hyphens: auto; 
}

pre.inline {
	display: inline-block; white-space: pre-wrap;hyphens: auto; 
}

.clearfix:after {
    content: ".";
    clear: both;
    display: block;
    visibility: hidden;
    height: 0px;
}

DIV.error {background: #fff;}


/* Content */
.container{
		flex: 1;

  width:100%;
  height:auto;
  padding:20px 0;
  margin:20px auto;
}

.container > .page-header,.container > h1 {padding-left: 10px;}
.code{
  width:600px;
  height:auto;
  margin:20px auto;
  padding:10px 20px;
  background:#222;
  border-left:10px solid #aaa;
  font-family: Consolas;
  font-size:16px;
  color:#fff;
}
.code span{
  color:#89A978;
}
.space{
  width:20px;
  height:1px;
  float:left;
}

.center {text-align: center;}
.container { color: #646464; display: flex;}
*.container p {margin-top: 5px; margin-bottom: 10px; line-height: 1.5em;}

.main { width: 100%;}

.main p {padding: 8px;}

ul.arrow, ul.checkbox, ul.check, ul.star {
    list-style: outside none none;
    margin: 10px 0;
    padding-left: 20px;
}
ul.arrow li, ul.checkbox li, ul.check li, ul.star li {
    font-weight: bold;
    line-height: 26px;
    margin: 5px 0;
    padding-left: 35px;
}	  
ul.arrow li {
    background: rgba(0, 0, 0, 0) url("../img/list_arrow_navy.png") no-repeat scroll 0 0;
	margin-bottom: 20px;
}
ul.checkbox li {
    background: rgba(0, 0, 0, 0) url("../img/list_checkbox.png") no-repeat scroll 0 0;
	margin-bottom: 20px;
}
.slider a {
	
	 font-weight: bold;
	  text-shadow:  1px  1px 1px rgba(0,0,99,0.8);
	 color:royalblue;
}

ul.inline,
ol.inline {
	margin-left: 0;
	padding-left: 0px;
	list-style: none;
}
ul.inline > li,
ol.inline > li {
	display: inline-block;
	*display: inline;
	*zoom: 1;
	padding-left: 5px;
	padding-right: 5px;
}

 
DIV.item, .blog article {border: 1px solid #ddd; background:#fff; padding: 10px 10px 50px 10px;margin: 5px 5px 20px 5px;position: relative;  } 

.weblink-category article {border: 1px solid #ddd; background:#f9f9f9; padding: 10px 10px 50px 10px;margin: 5px 5px 20px 5px;position: relative;  } 

section.flex article {border: 1px solid #ddd; background:#f9f9f9; padding: 10px 10px 50px 10px;margin: 5px 5px 20px 5px;position: relative;  } 

DIV.item-page {border: 1px solid #ddd; background:#fff; padding: 10px; padding-bottom: 40px; margin-bottom: 10px; } 
article.item-page {border: 1px solid #ddd; background:#fff; padding: 10px; padding-bottom: 40px; margin-bottom: 10px; } 


 section.sub-categories { display: flex; flex-direction: row; } 
.sub-categories article { border: none; background:none; padding: 0;margin: 0; } 
.sub-categories article a { 


color: #fff;

border: 1px solid #ddd; background:#330011; padding: 10px 20px; margin: 5px 5px 20px 0px; } 


.svg {}


.blog {display: flex; flex-direction: column;   flex-wrap: wrap;align-items:stretch;}

.jy {justify-content: space-between;}

.blog > *.item,
.blog > *.cat-list-row {flex: 1;}
.blog > div {min-width: 90%;}
.blog > article {}
.blog > h2 {} 

.blog > div:first-child{}

nav.flex > ul {display:flex;flex-direction: row; flex-wrap: wrap;}
nav.flex > ul > li {min-width: 12%; padding: 10px; margin: 5px; border: 1px solid #888;}
nav.flex > ul > li > a {color: orange;}

nav.flex > ul > li > ul {margin:0px;padding: 0px; }
nav.flex > ul > li > ul > li {margin:0px;padding: 0px; }

.sidebar {background: none; border: 0px solid #ccc; margin-right: 20px;}
.main {background: #eee; border: 1px solid #ccc;}
.main > * > div {margin: 15px;}
.main > * > h2 {margin: 15px;}
.main > * > h3 {margin: 15px;}
.main > article  h1 {margin: 15px 5px;}
.main > article  h2 {margin: 15px 5px;}
.main > article  h3 {margin: 15px 5px;}

.main h1 { margin-left: 15px; }
.main > h2 { margin-left: 15px; }

section.flex { display: flex; flex-direction: column; justify-content: space-between;}
section.flex article { width: 90%;} 

section.flex ul  {
	list-style: none;
}
section.flex ul li {
   
	margin-bottom: 20px; padding-left: 30px; margin-left: -30px; 
	min-height: 30px;
}
section.flex ul li.ok {
    background: rgba(0, 0, 0, 0) url("../img/list_ok.png") no-repeat scroll 0 0;

}
section.flex ul li.work {
    background: rgba(0, 0, 0, 0) url("../img/list_work.png") no-repeat scroll 0 0;
	
}

@media only screen and (max-width: 62em) {

	#slider {display: none;}	  
}

 
@media only screen and (min-width: 62em) {

section.flex { display: flex; flex-direction: row; flex-wrap: wrap;}
section.flex article { width:45%;} 	  
}
@media only screen and (min-width: 86em) {
section.flex article { width:30%;} 	  
}

@media only screen and (min-width: 1900px) {

	  
}
@media only screen and (min-width: 62em) {
	
	html{width:100%;height:100%;}
	.tagscloud span {padding:3px; margin: 3px; display: inline-block;}
	
   .notfall_banner >*{ width: 90%;}
   .logo {width:90%;}
  
   .container {width:90%; display: flex;}
   section {clear: both;}
  
   
   
	.blog {display: flex; flex-direction: row; justify-content: space-between; align-items:stretch;  flex-wrap: wrap;}
.blog > * {min-width: 300px;}
	.container > * {min-width: 260px;}
	

	
	aside {margin-left: 10px; max-width: 400px;}
	
	aside >* {padding: 10px;}
  
	.featured > *.items-leading {
		
	
	}
	
	  
}
@media only screen and (min-width: 86em) {
   .notfall_banner >*{ width: 1220px;}
   .logo {width:1220px;}
   .container {width: 1220px; display: flex;}
   
	  
}

@media only screen and (min-width: 1900px) {

  
}

footer{
  width:100%;
  height:auto;
  background:#090003;
  color: #fff;

}

footer .inner {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    width: 70%;
	padding: 6px;
	margin: auto;
}

footer .inner img {padding: 0px 6px 6px 6px;}

footer .borderline {
border-top: 1px solid rgba(255,255,255,0.5);
text-align: center;
	padding-bottom: 10px;
    padding-top: 10px;

}
footer .borderline > * {
 display: flex;
    flex-wrap: wrap;
    justify-content: left;
    width: 70%;

	margin: auto;	
	
}

footer ul { list-style: none }
footer ul li{ margin-right: 30px;}

footer span, footer p{
	font-size: 0.8em;
  color:#fff;

}

footer a {
	 
	 color:royalblue;
}
footer h4 {
	 text-shadow:  2px  2px 1px rgba(0,0,0,.8);
	 color:royalblue;
}
footer .experte {
    height: 150px;
    width: 150px;
}

figure {margin: 3px;}
figure img {max-width: 100%; }
figcaption {color: #aaa;font-weight: normal; font-size: 0.8em; }

figure img { background: #fff; border: 1px solid #ccc; padding: 5px;}

@media only screen and (min-width: 1900px) {
 
	  
}


@media only screen and (min-width: 62em) {
 
figure.eg {width: 300px;display: inline;
float: left;} 
figure.pull-right {float: right; margin-left: 20px;  margin-bottom: 20px;}

figure.pull-left {float: left; margin-right: 20px;   margin-bottom: 20px;}
}




}  .logo 
{display: flex;
flex-direction: row;
;
}

.logo .title {
font-size: 1.8em;
color: #330011;
font-weight: bold;
 text-shadow:  1px  1px 1px rgba(0,0,0,0.8), -1px  -1px 1px rgba(255,255,255,0.8);
 padding: 0 20px;
	}
	
	.logo .desc {
font-size: 1em;
color: #06274a;
	}
	
  nav.absolute {position: absolute; top: 0px; right: 0px; z-index: 1000;}
nav.dropdown, nav.dropdown * {padding: 0; margin:0;}

.toggle,
[id^=drop] {
	display: none;
}

nav.dropdown { 
	margin:0;
	padding: 0;
	background-color: transparent;
}

nav.dropdown > ul > li {
border-left: 1px solid transparent;
    border-right: 1px solid transparent;
	height: 40px;

	padding-top: 50px;

	
}
nav.dropdown > ul > li:hover, nav.dropdown ul li.current, nav.dropdown ul li.active {
    border-left: 1px solid #264D73;
    border-right: 1px solid #3973AC;
	
	 background: #ec9393; /* For browsers that do not support gradients */
    background: -webkit-linear-gradient(#ffffff, #ec9393); /* For Safari 5.1 to 6.0 */
    background: -o-linear-gradient(#ffffff, #ec9393); /* For Opera 11.1 to 12.0 */
    background: -moz-linear-gradient(#ffffff, #ec9393); /* For Firefox 3.6 to 15 */
    background: linear-gradient(#ffffff, #ec9393); /* Standard syntax */
	

}

#logo {
	display: block;
	padding: 0 30px;
	float: left;
	font-size:20px;
	line-height: 60px;
}

/* Since we'll have the "ul li" "float:left"
 * we need to add a clear after the container. */

nav.dropdown:after {
	content:"";
	display:table;
	clear:both;
}

/* Removing padding, margin and "list-style" from the "ul",
 * and adding "position:reltive" */
nav.dropdown ul {
	float: right;
	padding:0;
	margin:0;
	list-style: none;
	position: relative;
	}
	
/* Positioning the navigation items inline */
nav.dropdown ul li {
	margin: 0px;
	display:inline-block;
	float: left;
	background-color: transparent; /*#254441;*/
	}
	
nav.dropdown ul li li {
	background-color: rgba(255,255,255,0.7); /*#254441;*/
	}	

/* Styling the links */
nav.dropdown a {
	display:block;
	padding:14px 20px;	
	color: #fff;
	font-size:17px;
	text-decoration:none;
	text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.6);
	    transition: color 0.3s ease-in-out 0s;
	 transition: background 0.3s ease-in-out 0s;
	}

nav.dropdown ul ul a {
	color: #000033;
	
}



nav.dropdown ul li ul li:hover { background: #eee; }

/* Background color change on Hover */
nav.dropdown a:hover { 

}

/* Hide Dropdowns by Default
 * and giving it a position of absolute */
nav.dropdown ul ul {
	display: none;
	position: absolute; 
		background-color: #fff; 
	color: darkblue;
	/* has to be the same number as the "line-height" of "nav.dropdown a" */
	top: 90px; 
}
	
/* Display Dropdowns on Hover */
nav.dropdown ul li:hover > ul {
	display:inherit;
}
	
/* Fisrt Tier Dropdown */
nav.dropdown ul ul li {
	width:200px;
	float:none;
	display:list-item;
	position: relative;
}

/* Second, Third and more Tiers	
 * We move the 2nd and 3rd etc tier dropdowns to the left
 * by the amount of the width of the first tier.
*/
nav.dropdown ul ul ul li {
	position: relative;
	top:-90px;
	/* has to be the same number as the "width" of "nav.dropdown ul ul li" */ 
	left:170px; 
}

	
/* Change ' +' in order to change the Dropdown symbol */
nav.dropdown li > a:after { content:  ' +'; }
nav.dropdown li > a:only-child:after { content: ''; }


/* Media Queries
--------------------------------------------- */

@media all and (max-width : 768px) {

	#logo {
		display: block;
		padding: 0;
		width: 100%;
		text-align: center;
		float: none;
	}

	nav.dropdown {
		margin: 0;
	}

	/* Hide the navigation menu by default */
	/* Also hide the  */
	.toggle + a,
	.menu {
		display: none;
	}

	/* Stylinf the toggle lable */
	.toggle {
		display: block;
		background-color: #254441;
		padding:14px 20px;	
		color:#FFF;
		font-size:17px;
		text-decoration:none;
		border:none;
	}

	.toggle:hover {
		background-color: #000099;
	}

	/* Display Dropdown when clicked on Parent Lable */
	[id^=drop]:checked + ul {
		display: block;
	}

	/* Change menu item's width to 100% */
	nav.dropdown ul li {
		display: block;
		width: 100%;
		}

	nav.dropdown ul ul .toggle,
	nav.dropdown ul ul a {
		padding: 0 40px;
	}

	nav.dropdown ul ul ul a {
		padding: 0 80px;
	}

	nav.dropdown a:hover,
 	nav.dropdown ul ul ul a {
		background-color: #006600;
	}
  
	nav.dropdown ul li ul li .toggle,
	nav.dropdown ul ul a,
  nav.dropdown ul ul ul a{
		padding:14px 20px;	
		color:#FFF;
		font-size:17px; 
	}
  
  
	nav.dropdown ul li ul li .toggle,
	nav.dropdown ul ul a {
		background-color: #212121; 
	}

	/* Hide Dropdowns by Default */
	nav.dropdown ul ul {
		float: none;
		position:static;
		color: #ffffff;
		/* has to be the same number as the "line-height" of "nav.dropdown a" */
	}
		
	/* Hide menus on hover */
	nav.dropdown ul ul li:hover > ul,
	nav.dropdown ul li:hover > ul {
		display: none;
	}
		
	/* Fisrt Tier Dropdown */
	nav.dropdown ul ul li {
		display: block;
		width: 100%;
	}

	nav.dropdown ul ul ul li {
		position: static;
		/* has to be the same number as the "width" of "nav.dropdown ul ul li" */ 

	}

}

@media all and (max-width : 330px) {

	nav.dropdown ul li {
		display:block;
		width: 94%;
	}

}
.ca-menu{
   width: 100%; margin: auto;
	background: #aaa;
	display: flex;
	   flex-wrap:wrap; 
	   justify-content: space-between;
}


.ca-menu li{
    width: 200px;
    height: 200px;
    border: 10px solid #f6f6f6;
	margin: 10px;
    overflow: hidden;
    position: relative;
    display: inline-table;
    background: #fff;
    margin-right: 4px;
    -webkit-box-shadow: 1px 1px 2px rgba(0,0,0,0.2);
    -moz-box-shadow: 1px 1px 2px rgba(0,0,0,0.2);
    box-shadow: 1px 1px 2px rgba(0,0,0,0.2);
    -webkit-border-radius: 125px;
    -moz-border-radius: 125px;
    border-radius: 125px;
    -webkit-transition: all 400ms linear;
    -moz-transition: all 400ms linear;
    -o-transition: all 400ms linear;
    -ms-transition: all 400ms linear;
    transition: all 400ms linear;
}

.ca-menu li{
   
    background-color: #cccccc;
}


.ca-menu li:last-child{
    margin-right: 0px;
}
.ca-menu li a{
    text-align: left;
    width: 100%;
    height: 100%;
    display: block;
    color: #fff;
    position: relative;
}
.ca-menu li a:hover{border: 10px solid transparent;height: 160px;}
.ca-icon{
    font-family: 'WebSymbolsRegular', cursive;
    font-size: 40px;
    color: #999;
    line-height: 60px;
    position: absolute;
    width: 100%;
    height: 60px;
    left: 0px;
    top: 30px;
    text-align: center;
    -webkit-transition: all 400ms linear;
    -moz-transition: all 400ms linear;
    -o-transition: all 400ms linear;
    -ms-transition: all 400ms linear;
    transition: all 400ms linear;
}
.ca-main{
    font-size: 20px;
    position: absolute;
    top: 130px;
    height: 30px;
    width: 190px;
    left: 50%;
    margin-left: -95px;
    opacity: 1;
	 
	 color: gold;
	 text-shadow:  1px  1px 1px rgba(0,0,0,0.6), -1px  -1px 1px rgba(255,255,255,0.2);
	 color:darkgoldenrod;
	 text-shadow:  1px  1px 1px rgba(0,0,0,0.8), -1px  -1px 1px rgba(255,255,255,0.2);
	background: rgba(99,110,120,0.8);
	background: rgba(255,255,255,.9);
	
	height: 60px;
	line-height: 60px;
	top: 120px;
	 background: linear-gradient(transparent, rgba(255,255,255,.9), rgba(255,255,255,.9), transparent); /* Standard syntax */
	  background: linear-gradient(transparent, rgba(225,225,225,.9),rgba(225,225,225,.9), transparent); /* Standard syntax */
    text-align: center;
}


.ca-sub{
    text-align:center;
    color: #000;
    font-size: 18px;
    position: absolute;
    height: 80px;
    width: 170px;
    left: 50%;
    margin-left: -85px;
    top: 110px;
    opacity: 0;
    -webkit-transition: all 400ms linear;
    -moz-transition: all 400ms linear;
    -o-transition: all 400ms linear;
    -ms-transition: all 400ms linear;
    transition: all 400ms linear;
}
.ca-menu li:hover{
    
    border-color: #fff;
    -webkit-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    transform: rotate(360deg);
}
.ca-menu li:hover .ca-icon{
    color: #555;
    font-size: 60px;
}
.ca-menu li:hover .ca-main{
    display: none;
}
.ca-menu li:hover .ca-sub{
    opacity: 0.8;
}

.svg {background: none; width: 100%; border: 0px solid red;}


.svg {    width: 100%;
	background:#aaa; }
	
@media only screen and (min-width: 62em) {

	  
}
@media only screen and (min-width: 62em) {
  .ca-menu {width:90%;}
	  
}
@media only screen and (min-width: 86em) {
 .ca-menu {width:70%;}
	  
}
@media only screen and (min-width: 1900px) {

	  
}
footer{
  flex: none;
}



 
	
 header {top: -60px;
	 -moz-transition-property: top;
                -o-transition-property: top;
                -webkit-transition-property: top;
                transition-property: top;
    			-moz-transition-duration: 1s;
                -o-transition-duration: 1s;
                -webkit-transition-duration: 1s;
                transition-duration: 1s;  
				transition-timing-function: ease-in-out;
			
	  
  }
  #spacer {height: 0px;}
  .sticky #spacer {height: 180px;}

  .sticky header {position: fixed; top: 0px; z-index: 2000; height:46px; border-bottom: 3px solid #ed9595;;} 


  .notfall_banner {} 
  .sticky .notfall_banner {height:0; display:none;} 
  
.sticky nav.absolute { top: -2px; }
.sticky header .line {height:0; display:none;}
.sticky .logo { height: 44px;}
.sticky .logo a { overflow: hidden; height: 44px;}

.sticky .logo a img {height: 46px;}
  .sticky .logo .title {height:0; display:none;} 
    .sticky .logo .desc {height:0; display:none;} 
	
	
 .sticky nav.dropdown > ul > li {
	height: 38px;
	padding-top: 10px;

	
}

.sticky nav.dropdown ul ul {
	top: 48px; 
}

.sticky nav.dropdown ul ul ul li {
	top:-48px;
}
/* Reset */
#slider, #slider *{margin:0;padding:0;}

/* Slider */
#slider{
  width:100%;
  height:400px;
  position:relative;
  overflow:hidden;
}

@media only screen and (min-width: 86em) {
#slider{

  height:600px;

}	
	
}
@keyframes load{
  from{left:-100%;}
  to{left:0;}
}
.slides{
  width:400%;
  height:100%;
  position:relative;
  -webkit-animation:slide 30s infinite;
  -moz-animation:slide 30s infinite;
  animation:slide 30s infinite;
}
.slider{
  width:25%;
  height:100%;
  float:left;
  position:relative;
  z-index:1;
  overflow:hidden;
  background:#ccc;
  
}
.slide img{
  width:auto;
  height:100%;
  max-width: inherit;
}

.image{
  width:auto;
  height:100%;
}
.image img{
  width:auto;
  height:100%;
   max-width: inherit;
}

/* Legend */
.legend{
  border:266.66666666667px solid transparent;
  border-left:700px solid rgba(252,252,242, 0.3);
  border-bottom:0;

  position:absolute;
  bottom:0;
}

@media only screen and (min-width: 86em) {
.legend{
  border:400px solid transparent;
 }	
}
/* Contents */
#slider .content{
  width:100%;
  height:100%;
  position:absolute;
  overflow:hidden;
  padding-left: 50px;
}

#slider .content a {display: block; padding-top: 20px;}

.content-txt{
  width:300px;
  height:250px;
  float:left;
  position:relative;
 

  top:240px;
  -webkit-animation:content-s 7.5s infinite;
  -moz-animation:content-s 7.5s infinite;
  animation:content-s 7.5s infinite;
}

@media only screen and (min-width: 86em) {
.content-txt{
  top:400px;
 }	
}
.content-txt h2{
 
  font-size:24px;
  color:#fff;
  text-align:left;
  margin-left:30px;
  padding-bottom:10px;
}
.content-txt h3, .content-txt p{

  font-weight:normal;
  font-size:16px;

  color:#fff;
  text-align:left;
  margin-left:30px;
}

/* Switch */
.switch{
  width:120px;
  height:10px;
  position:absolute;
  bottom:10px;
  z-index:99;
  left:50px;
}
.switch > ul{
  list-style:none;
}
#slider .switch > ul > li{
  width:10px;
  height:10px;
  border-radius:50%;
  background:#aaa;
  float:left;
  margin-right:5px;padding:0px;
  cursor:pointer;
}
.switch ul{
  overflow:hidden;
}
.on{
  width:100%;
  height:100%;
  border-radius:50%;
  background:royalblue;
  position:relative;
  -webkit-animation:on 30s infinite;
  -moz-animation:on 30s infinite;
  animation:on 30s infinite;
}

/* Animation */
@-webkit-keyframes slide{
  0%,100%{
    margin-left:0%;
  }
  21%{
    margin-left:0%;
  }
  25%{
    margin-left:-100%;
  }
  46%{
    margin-left:-100%;
  }
  50%{
    margin-left:-200%;
  }
  71%{
    margin-left:-200%;
  }
  75%{
    margin-left:-300%;
  }
  96%{
    margin-left:-300%;
  }
}
@-moz-keyframes slide{
  0%,100%{
    margin-left:0%;
  }
  21%{
    margin-left:0%;
  }
  25%{
    margin-left:-100%;
  }
  46%{
    margin-left:-100%;
  }
  50%{
    margin-left:-200%;
  }
  71%{
    margin-left:-200%;
  }
  75%{
    margin-left:-300%;
  }
  96%{
    margin-left:-300%;
  }
}
@keyframes slide{
  0%,100%{
    margin-left:0%;
  }
  21%{
    margin-left:0%;
  }
  25%{
    margin-left:-100%;
  }
  46%{
    margin-left:-100%;
  }
  50%{
    margin-left:-200%;
  }
  71%{
    margin-left:-200%;
  }
  75%{
    margin-left:-300%;
  }
  96%{
    margin-left:-300%;
  }
}

@-webkit-keyframes content-s{
  0%{left:-420px;}
  10%{left:0px;}
  30%{left:0px;}
  40%{left:0px;}
  50%{left:0px;}
  60%{left:0px;}
  70%{left:0;}
  80%{left:-420px;}
  90%{left:-420px;}
  100%{left:-420px;}
}
@-moz-keyframes content-s{
  0%{left:-420px;}
  10%{left:0px;}
  30%{left:0px;}
  40%{left:0px;}
  50%{left:0px;}
  60%{left:0px;}
  70%{left:0;}
  80%{left:-420px;}
  90%{left:-420px;}
  100%{left:-420px;}
}
@keyframes content-s{
  0%{left:-420px;}
  10%{left:20px;}
  15%{left:0px;}
  30%{left:0px;}
  40%{left:0px;}
  50%{left:0px;}
  60%{left:0px;}
  70%{left:0;}
  80%{left:-420px;}
  90%{left:-420px;}
  100%{left:-420px;}
}

@-webkit-keyframes on{
  0%,100%{
    margin-left:0%;
  }
  21%{
    margin-left:0%;
  }
  25%{
    margin-left:15px;
  }
  46%{
    margin-left:15px;
  }
  50%{
    margin-left:30px;
  }
  71%{
    margin-left:30px;
  }
  75%{
    margin-left:45px;
  }
  96%{
    margin-left:45px;
  }
}

@-moz-keyframes on{
  0%,100%{
    margin-left:0%;
  }
  21%{
    margin-left:0%;
  }
  25%{
    margin-left:15px;
  }
  46%{
    margin-left:15px;
  }
  50%{
    margin-left:30px;
  }
  71%{
    margin-left:30px;
  }
  75%{
    margin-left:45px;
  }
  96%{
    margin-left:45px;
  }
}

@keyframes on{
  0%,100%{
    margin-left:0%;
  }
  21%{
    margin-left:0%;
  }
  25%{
    margin-left:15px;
  }
  46%{
    margin-left:15px;
  }
  50%{
    margin-left:30px;
  }
  71%{
    margin-left:30px;
  }
  75%{
    margin-left:45px;
  }
  96%{
    margin-left:45px;
  }
}
a#scrollIcon{
text-align: center;
text-decoration:none;

width:50px;
height:50px;
border-radius:50%;

background:#ccc;
opacity:0.5;

position:fixed;
bottom:0px;
right:0px;
display:none;
border:1px solid #000;

}
#scrollIcon span{
font-weight:bold;
font-size:28px;
color:#333;
padding-top:12px;
display: block;
}

 
#scrollIcon.scroll {display: block;}


@media only screen and (min-width: 62em) {

	  
}
@media only screen and (min-width: 62em) {
  a#scrollIcon{
	bottom: 60px;
	right: 10px;  
	
  }
	  
}
@media only screen and (min-width: 86em) {
 a#scrollIcon{
	
	bottom:60px;
	right:120px;  
  }
	  
}
@media only screen and (min-width: 1900px) {

	  
}ul.pagenav {
    list-style-type: none;
    padding: 0;
    overflow: hidden;
	text-align: right;
}
.pagenav {
    padding: 2px;
    clear: both;
}

ul.pagenav li {
    line-height: 2em;
}
ul.pagenav li {
    display: inline-block;
    padding: 0;
    margin: 0;
	
}

ul.pagenav li a {
	background: #ed9595;
    color: #fff; padding: 6px 20px;
	text-shadow: 1px 1px 1px black;
}

ul.pagenav li a:hover {
 background: #330011;
   
}

.pagination {
	margin: 18px 0; text-align: right;
}
.pagination ul {
	justify-content: flex-end;
	display: flex;
	list-style: none;
	*zoom: 1;
	margin-left: 0;
	margin-bottom: 0;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	-webkit-box-shadow: 0 1px 2px rgba(0,0,0,0.05);
	-moz-box-shadow: 0 1px 2px rgba(0,0,0,0.05);
	box-shadow: 0 1px 2px rgba(0,0,0,0.05);
}
.pagination ul > li {
	
	
}
.pagination ul > li > a,
.pagination ul > li > span {
	float: left;
	padding: 4px 12px;
	line-height: 18px;
	text-decoration: none;
	background-color: #fff;
	border: 1px solid #ddd;
	border-left-width: 0;
}
.pagination ul > li > a:hover,
.pagination ul > li > a:focus,
.pagination ul > .active > a,
.pagination ul > .active > span {
	background-color: #f5f5f5;
}
.pagination ul > .active > a,
.pagination ul > .active > span {
	color: #999;
	cursor: default;
}
.pagination ul > .disabled > span,
.pagination ul > .disabled > a,
.pagination ul > .disabled > a:hover,
.pagination ul > .disabled > a:focus {
	color: #999;
	background-color: transparent;
	cursor: default;
}
.pagination ul > li:first-child > a,
.pagination ul > li:first-child > span {
	border-left-width: 1px;
	-webkit-border-top-left-radius: 4px;
	-moz-border-radius-topleft: 4px;
	border-top-left-radius: 4px;
	-webkit-border-bottom-left-radius: 4px;
	-moz-border-radius-bottomleft: 4px;
	border-bottom-left-radius: 4px;
}
.pagination ul > li:last-child > a,
.pagination ul > li:last-child > span {
	-webkit-border-top-right-radius: 4px;
	-moz-border-radius-topright: 4px;
	border-top-right-radius: 4px;
	-webkit-border-bottom-right-radius: 4px;
	-moz-border-radius-bottomright: 4px;
	border-bottom-right-radius: 4px;
}
.pagination-centered {
	text-align: center;
}
.pagination-right {
	text-align: right;
}
.pagination-large ul > li > a,
.pagination-large ul > li > span {
	padding: 11px 19px;
	font-size: 16.25px;
}
.pagination-large ul > li:first-child > a,
.pagination-large ul > li:first-child > span {
	-webkit-border-top-left-radius: 6px;
	-moz-border-radius-topleft: 6px;
	border-top-left-radius: 6px;
	-webkit-border-bottom-left-radius: 6px;
	-moz-border-radius-bottomleft: 6px;
	border-bottom-left-radius: 6px;
}
.pagination-large ul > li:last-child > a,
.pagination-large ul > li:last-child > span {
	-webkit-border-top-right-radius: 6px;
	-moz-border-radius-topright: 6px;
	border-top-right-radius: 6px;
	-webkit-border-bottom-right-radius: 6px;
	-moz-border-radius-bottomright: 6px;
	border-bottom-right-radius: 6px;
}
.pagination-mini ul > li:first-child > a,
.pagination-mini ul > li:first-child > span,
.pagination-small ul > li:first-child > a,
.pagination-small ul > li:first-child > span {
	-webkit-border-top-left-radius: 3px;
	-moz-border-radius-topleft: 3px;
	border-top-left-radius: 3px;
	-webkit-border-bottom-left-radius: 3px;
	-moz-border-radius-bottomleft: 3px;
	border-bottom-left-radius: 3px;
}
.pagination-mini ul > li:last-child > a,
.pagination-mini ul > li:last-child > span,
.pagination-small ul > li:last-child > a,
.pagination-small ul > li:last-child > span {
	-webkit-border-top-right-radius: 3px;
	-moz-border-radius-topright: 3px;
	border-top-right-radius: 3px;
	-webkit-border-bottom-right-radius: 3px;
	-moz-border-radius-bottomright: 3px;
	border-bottom-right-radius: 3px;
}
.pagination-small ul > li > a,
.pagination-small ul > li > span {
	padding: 2px 10px;
	font-size: 12px;
}
.pagination-mini ul > li > a,
.pagination-mini ul > li > span {
	padding: 0 6px;
	font-size: 9.75px;
}