/* roboto-regular - latin_latin-ext */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 400;
  src: url('../fonts/roboto-v30-latin_latin-ext/roboto-v30-latin_latin-ext-regular.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* montecarlo-regular - latin_latin-ext */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'MonteCarlo';
  font-style: normal;
  font-weight: 400;
  src: url('../fonts/montecarlo-v11-latin_latin-ext/montecarlo-v11-latin_latin-ext-regular.woff2') format('woff2'), /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
       url('../fonts/montecarlo-v11-latin_latin-ext/montecarlo-v11-latin_latin-ext-regular.ttf') format('truetype'); /* Chrome 4+, Firefox 3.5+, IE 9+, Safari 3.1+, iOS 4.2+, Android Browser 2.2+ */
	  
}
body {
background-color:#FFFCF9;
font-family:"Roboto", "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif;color:#808080;}
	
body.boxed {
    background:-moz-linear-gradient(75deg,#A2DCEA,#969696);
    background:-webkit-linear-gradient(75deg,#A2DCEA,#969696);
    background:-o-linear-gradient(75deg,#A2DCEA,#969696);
    background:-ms-linear-gradient(75deg,#A2DCEA,#969696);
    background:linear-gradient(15deg,#A2DCEA,#969696);
    -pie-background:linear-gradient(75deg,#A2DCEA,#969696);
    background-attachment:fixed;}
	
#header {
    
    border-color:#75A60C;
}
#container {
    background-color:#E7E3E1;
}
#footer {background-color:#333333;color:#ffffff;}

/*#header-bar {background-color:rgba(220,220,220,.4);}*/

#header .slider-control{ display: none;}

#header video::-webkit-media-controls {
  display: none;
}
iframe {
	width:100%;
	min-width: 300px;
	margin: auto;
	border:none; aspect-ratio: 16 / 9;
}
/* Could Use thise as well for Individual Controls */
#header video::-webkit-media-controls-play-button {}

#header video::-webkit-media-controls-volume-slider {}

#header video::-webkit-media-controls-mute-button {}

#header video::-webkit-media-controls-timeline {}

#header video::-webkit-media-controls-current-time-display {}

#header video {  pointer-events: none;}

/* Mobile Navigation */
.nav-side {
    background-color:darkseagreen;
}
.hero {
    background:-moz-linear-gradient(290deg,#969696,#75A60C);
    background:-webkit-linear-gradient(290deg,#969696,#75A60C);
    background:-o-linear-gradient(290deg,#969696,#75A60C);
    background:-ms-linear-gradient(290deg,#969696,#75A60C);
    background:linear-gradient(160deg,#969696,#75A60C);
    -pie-background:linear-gradient(290deg,#969696,#75A60C);
    color:#fff;
    text-transform:uppercase;
    letter-spacing:.5em;
    background-attachment:fixed;
    background-size: 100%;
    text-shadow: 0px 1px 1px rgba(0, 0, 0, 0.7);}
	
a {color:#75A60C;}

a:hover { color:#616F8E;}
p.info,
p.time {}

h1 {font-family: "MonteCarlo";}

h2 {font-family: "MonteCarlo";}

h3 {font-family:"Roboto", "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif;}

h4 {font-family:"Roboto", "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif;}

h5 {font-family:"Roboto", "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif;}

h6 {font-family:"Roboto", "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif;}

h1,h2,h3,h4,h5,h6 { font-weight:600}

blockquote,q { color:#333;}

*::selection {background-color:#A2BA24;}

mark {padding:2px;background-color:#75A60C;border-radius:3px;}

.light {color:#fff;text-shadow: 0px 1px 2px rgba(0, 0, 0, 0.4);}

.box { border-color:#333;}

.infobox {background-color:#A2BA24;}

.mod_article .ce_text.intro {
    font:2.5rem "Exo 2", "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif;;
    font-weight:normal;
}
td.weekend { background-color:#A2DCEA;}

/* Button normal */
*[class*="btn"] a,
a.btn,
a.btn-large,
a.btn-small,
input[type="submit"],
button { border-color:#C0C0C0!important;
    color:#333;
}
*[class*="btn"] a:hover,
a.btn:hover,
a.btn-large:hover,
a.btn-small:hover,
input[type="submit"]:hover,
button:hover {
    border-color:#616F8E;
    color:#616F8E;
}

/* Button inverted */
*[class*="btn"].invert a,
a.btn.invert,
a.btn-small.invert,
a.btn-large.invert {
    background-color:#969696;
    color:#fff;
}
*[class*="btn"].invert a:hover,
a.btn.invert:hover,
a.btn-small.invert:hover,
a.btn-large.invert:hover {
    background-color:#616F8E;
}

/* Button light */
.light *[class*="btn"] a,
.light a.btn,
.light a.btn-large,
.light a.btn-small,
.light input[type="submit"],
*[class*="btn"].light a,
.light.btn-large a,
.light.btn-small a,
.light button {
    border-color:#fff;
    color:#fff;
}
.light *[class*="btn"].invert a,
*[class*="btn"].light.invert a {
    color:#969696;
}
.light *[class*="btn"] a:hover,
a.btn:hover,
a.btn-large:hover,
a.btn-small:hover,
.light.input[type="submit"]:hover,
*[class*="btn"].light a:hover,
a.btn.light:hover,
a.btn-large.light:hover,
a.btn-small.light:hover,
.light button:hover {
    border-color:#616F8E;
    color:#616F8E;}
	
[class^="icon-"]:before, [class*=" icon-"]:before {
    font-family: "icons";
    font-style: normal;
    font-weight: normal;
    speak: none;
    display: inline-block;
    text-decoration: inherit;
    width: 1em;
    margin-right: 0.2em;
    text-align: center;
    /* opacity: .8; */
    font-variant: normal;
    text-transform: none;
    line-height: 1em;
    margin-left: 0.2em;
    /* font-size: 120%; */
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    text-shadow: 1px 1px 1px rgb(127 127 127 / 30%);}

#footer .formbody{ width: 98%;}	

#main .ce_form{background-color: rgba(66, 87, 134, 0.2);}

#main .ce_form input, #main .ce_form textarea{ color: #000;}

.hallo{animation: alternate 4s infinite shrink ease-in-out;
position: absolute;
top: 9rem;
z-index: 99;
width: 160px;
height: 140px;
background: yellow;
right: 5rem;
border: 5px solid red;
padding: 10px;}

@keyframes shrink {	from { transform: scale(1); }
	to { transform: scale(0.4); }
}

/* Dropdown Navigation primary color */
#nav li ul,
#nav > ul > li:hover > a,
#nav > ul:not( :hover ) > li.active > a,
#nav ul.level_1 li.trail {
    background-color:rgba(#969696,.3);
}

/* Dropdown Navigation secondary color level 1 */
#nav ul.level_1 > li.active {
    /*background-color:#333333;*/
	border-bottom: 4px solid darkred;
}

/* Dropdown Navigation secondary color level 2 & 3 */
#nav li ul li a:hover,
#nav li ul:not( :hover ) li.active a,
#nav ul li.active {
    background-color:rgba(#75A60C,.6);color: brown;
}

/* Dropdown Navigation link color */
#nav li a {
    color:#333333;
}

/* Dropdown Navigation link color hover */
#nav > ul > li:hover > a,
#nav > ul:not( :hover ) > li.active > a,
#nav ul.level_1 li.trail,
#nav ul.level_1 li.trail a {
    color:#000;
}

/* Dropdown Navigation active link color (visible on click) */
#nav li a:active {
    background-color: #333333 !important;
}

/* Dropdown Navigation background level 2 */
#nav li ul {
    background-color:#969696;
}

/* Dropdown Navigation font size level 1 */
#nav > ul > li > a,
#nav > ul > li strong.active,
#nav ul > li strong.forward,
#nav > ul.level_1 li strong.active { font:1.75rem/8rem "Exo 2", "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif;}

/* Dropdown Navigation font size level 2 */
#nav li ul.level_2 a,
#nav ul.level_2 li strong.active {
    font-size:1.4rem;
    line-height:1rem;
}

/* Dropdown Navigation hover level 2 */
#nav li ul li a:hover,
#nav li ul:not( :hover ) li.active a {
    background-color:#75A60C;
}

/* Dropdown Navigation expand arrow */
#nav a.submenu:after,
#nav span.submenu:after {
    border-top-color:#00ADD3;
}
.color-1 {
    background-color:#969696;
}
.color-2 {
    background-color:#75A60C;
}
.color-3 {
    background-color:#616F8E;
}
.color-4 {
    background-color:#CD9500;
}
.color-5 {
    background-color:#A2BA24;
}
.color-6 {
    background-color:#00ADD3;
}
.color-7 {
    background-color:#A2DCEA;
}
.color-8 {
    background-color:#95C7DD;
}
.color-9 {
    background-color:#dedede;
}
figcaption {
    border-color:#darkgreen;
    color:#333;
}
input[type="email"],
input[type="number"],
input[type="search"],
input[type="text"],
input[type="tel"],
input[type="url"],
input[type="password"],
textarea,
select {
    background-color: rgba(239, 239, 241, 0.2)!important;
    border-top:0px solid #969696;
    border-right:0px solid #969696;
    border-bottom:1px solid #969696;
    border-left:0px solid #969696;
    color:#969696;}

input[type="email"],
input[type="number"],
input[type="search"],
input[type="text"],
input[type="tel"],
input[type="url"],
input[type="password"],
textarea,
focus {
    background-color: rgba(245, 247, 245, 0.52) !important;
    border-top:0px solid #C0C0C0;
    border-right:0px solid #C0C0C0;
    border-bottom:1px solid #C0C0C0;
    border-left:0px solid #C0C0C0;
    color:#333333;}

/* Section Style 1 */
.style-1 {
    background-color:#75A60C;
    color:#ffffff;
}

/* Section Style 2 */
.style-2 {
    background-color:#616F8E;
    color:#95C7DD;
}

/* Section Style 3 */
.style-3 {
    background-color:#00ADD3;
    color:#ffffff;
}

/* Section Style 4 */
.style-4 {
    background-image:url("files/freestyle-fx/images/16.jpg");
    background-position:center top;
    background-repeat:no-repeat;
    background-attachment: fixed; background-size: cover; /*creates parallax effect (sort of). Disabled for tablet and small screens. */
}

/* Section Style 5 */
.style-5 {
    background-image:url("files/freestyle-fx/images/5.jpg");
    background-position:center top;
    background-repeat:no-repeat;
    background-attachment: fixed; background-size: cover; /*creates parallax effect (sort of). Disabled for tablet and small screens. */
}

/* You can create complex gradients p.e. under http://angrytools.com/gradient */
.overlay-1:before {
    background-color:rgba(2D2643,.9);
    background: -moz-linear-gradient(270deg, rgba(71,91,114,0.5) 0%, rgba(71,91,114,1) 75%, rgba(71,91,114,1) 100%); /* ff3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(71,91,114,0.5)), color-stop(75%, rgba(71,91,114,1)), color-stop(100%, rgba(71,91,114,1))); /* safari4+,chrome */
    background: -webkit-linear-gradient(270deg, rgba(71,91,114,0.5) 0%, rgba(71,91,114,1) 75%, rgba(71,91,114,1) 100%); /* safari5.1+,chrome10+ */
    background: -o-linear-gradient(270deg, rgba(71,91,114,0.5) 0%, rgba(71,91,114,1) 75%, rgba(71,91,114,1) 100%); /* opera 11.10+ */
    background: -ms-linear-gradient(270deg, rgba(71,91,114,0.5) 0%, rgba(71,91,114,1) 75%, rgba(71,91,114,1) 100%); /* ie10+ */
    background: linear-gradient(180deg, rgba(71,91,114,0.5) 0%, rgba(71,91,114,1) 75%, rgba(71,91,114,1) 100%); /* w3c */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#475B72', endColorstr='#475B72',GradientType=0 ); /* ie6-9 */
}
.overlay-2:before {
    background-color:rgba(75A60C,.9);
}
.overlay-3:before {
    background-color:rgba(616F8E,.9);
}
.overlay-4:before {
    background-color:rgba(255,255,200,.9);
}
.overlay-5:before {
    background-color:rgba(255,255,200,.9);
}
.overlay-6:before {
    background-color:rgba(255,255,255,.8);
}