/******************************************************************************
***** Stylesheet Theme: angelschein
*******************************************************************************/

/* OpenSans Latin normal */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 400;
  src: 	local('Open Sans'), local('OpenSans'), 
  		url(fonts/opensans_latin_400.woff2) format('woff2'), 
  		url(fonts/opensans_all_400.woff) format('woff'), 
  		url(fonts/opensans_all_400.ttf) format('truetype');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215, U+E0FF, U+EFFD, U+F000;
}
/* OpenSans Latin semibold */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 600;
  src: 	local('Open Sans Semibold'), local('OpenSans-Semibold'), 
  		url(fonts/opensans_latin_600.woff2) format('woff2'), 
  		url(fonts/opensans_all_600.woff) format('woff'), 
  		url(fonts/opensans_all_600.ttf) format('truetype');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215, U+E0FF, U+EFFD, U+F000;
}
/* OpenSans Latin bold */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 700;
  src: 	local('Open Sans Bold'), local('OpenSans-Bold'), 
  		url(fonts/opensans_latin_700.woff2) format('woff2'), 
  		url(fonts/opensans_all_700.woff) format('woff'), 
  		url(fonts/opensans_all_700.ttf) format('truetype'); 		
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215, U+E0FF, U+EFFD, U+F000;
}

/* OpenSans Cyrillic normal */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 400;
  src: 	local('Open Sans'), local('OpenSans'), 
  		url(fonts/opensans_cyrillic_400.woff2) format('woff2'), 
  		url(fonts/opensans_all_400.woff) format('woff'), 
  		url(fonts/opensans_all_400.ttf) format('truetype');
  unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* OpenSans Cyrillic semibold */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 600;
  src: 	local('Open Sans Semibold'), local('OpenSans-Semibold'), 
  		url(fonts/opensans_cyrillic_600.woff2) format('woff2'), 
  		url(fonts/opensans_all_600.woff) format('woff'), 
  		url(fonts/opensans_all_600.ttf) format('truetype');
  unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* OpenSans Cyrillic bold */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 700;
  src: 	local('Open Sans Bold'), local('OpenSans-Bold'), 
  		url(fonts/opensans_cyrillic_700.woff2) format('woff2'), 
  		url(fonts/opensans_all_700.woff) format('woff'), 
  		url(fonts/opensans_all_700.ttf) format('truetype');
  unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}

/* Caveat Latin normal */
@font-face {
  font-family: 'Caveat';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: local('Caveat Regular'), local('Caveat-Regular'), url(fonts/caveat_400_latin.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* Caveat Latin bold */
@font-face {
  font-family: 'Caveat';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: local('Caveat Bold'), local('Caveat-Bold'), url(fonts/caveat_700_latin.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}


/***** HTML Structs *****/
body {
	font-family:'Open Sans', Arial, sans-serif;
	background-color:#ebdabe;
}

nav { background-color:#557; }

footer { background-color:#f2e9da; }
footer p, footer a, footer a:link, footer a:visited { color:#666; }
footer a:active, footer a:hover { background-color:#888; color:#f2e9da; }


/***** Navigation *****/
div.topnav_sel,
div.topnav_right_sel,
div.topnav_profile_sel {
	color:#5c5c9a;
	background-color:#fff;
	border-color:#fff;
}
a.topnav,
a.topnav_right,
a.topnav_profile {
	color:#fff;
	background-color:#5c5c9a;
	border-color:#aac;
}
a.topnav:active, a.topnav:hover,
a.topnav_right:active, a.topnav_right:hover,
a.topnav_profile:active, a.topnav_profile:hover {
	background-color:#8989d0;
}
span.topStatActive {
	color:#bbc;
}


/***** Demo Button Animation (9rem x 2.4rem) *****/
@keyframes demo {
    0%   { top:2.4rem; left:-8.0rem; 	opacity:0.0;	transform:rotate(-10deg) scaleX(1.0); }
    10%  { top:0.6rem; left:-4.0rem; 	opacity:1.0;	transform:rotate(-2deg); }

    15%  { top:0.7rem; left:-2.0rem; 	opacity:1.0;	transform:rotate(-0.4deg) scaleX(0.97); }
    20%  { top:0.6rem; left:0.0rem; 	opacity:1.0;	transform:rotate(0.4deg) scaleX(1.0); }
    25%  { top:0.7rem; left:2.0rem; 	opacity:1.0;	transform:rotate(-0.4deg) scaleX(0.97); }
    
    30%  { top:0.6rem; left:4.0rem; 	opacity:1.0;	transform:rotate(5deg)	scaleX(1.0); }
    40%  { top:3.0rem; left:8.0rem; 	opacity:0.0;	transform:rotate(10deg); }

    50%  { top:3.5rem; left:5.0rem; 	opacity:0.0;	transform:rotate(45deg) scaleX(-1); }
    
    55%  { top:2.75rem; left:5.0rem; 	opacity:0.6;	transform:rotate(10deg) scaleX(-1); }
    65%  { top:1.8rem; left:2.5rem; 	opacity:1.0;	transform:rotate(0deg) scaleX(-1); }
    75%  { top:1.8rem; left:-1.0rem;	opacity:1.0;	transform:rotate(0deg) scaleX(-1); }
    85%  { top:3.0rem; left:-4.0rem; 	opacity:0.5;	transform:rotate(-20deg) scaleX(-1); }
    
    100% { top:3.0rem; left:-4.0rem; 	opacity:0.0;	transform:rotate(0deg) scaleX(-1); }
}
img.demoimg {
	animation-name: demo;
	animation-duration: 7s;
	animation-timing-function: linear;
	animation-iteration-count: infinite;
}