/* cmsms stylesheet: luciole2021 modified: 02/08/21 22:02:30 */
html {min-height:100%; background:#F9F9F8;}
body {font-size:16px;}
body, h1, h2, h3 {font-family: 'Open Sans', sans-serif; color:#000; -webkit-font-smoothing:antialiased; -moz-font-smoothing:antialiased; -moz-osx-font-smoothing:grayscale; font-smoothing:antialiased;}

a {color:#1976d2; transition:color .5s; text-decoration:none;}
a:hover {text-decoration:none; color:#1976d2;}
h1, h2, h3 {color:#263238;}
h1 {font-size:32px; font-weight:bold;}
h2 {font-size:32px; font-weight:normal;}
h3 {font-size:20px;}
h3 a {color:#263238;}
em {color:inherit;}
.supersize {font-size:2.5em;}
.caption {padding:10px 0 0;}
#top a {color:#263238; text-decoration:underline;}

a.button {display:inline-block; color:#fff; background:#1976d2; font-weight:bold; padding:10px 20px;}

.container {max-width:1040px; margin:0 auto;}
#container {background:#fff; border-bottom:1px solid #D9D9D9;}
#container.greybg {background:#F9F9F8;}

.darkbg {background:#004a9f;}
.greenbg {background:#b3e5fc;}
.orangebg {background:#F7E6C8;}
.greybg {background:#F9F9F8;}
.gradbg {background:linear-gradient(#E0E9A5, #fff);}

#hero {padding:60px 30px 0;}

#slider h2 {font-size:24px; color:#1976d2; padding:0 40px; margin:0 auto 0; max-width:700px; line-height:150%;}

#news {padding:30px 0 60px;}
#news a {display:block; padding:15px; color:inherit; border-radius:5px; border:1px solid #D9D9D9; background:#F9F9F8;}
#newsnav div {margin-bottom:15px;}
a.morenews {background:#F9F9F8;}

#features h3 {text-align:center; display:block; padding:20px 15px; margin:0; background:#b3e5fc;}

.top-pic, .bottom-pic {max-width:1040px; margin:0 auto;}
#content {padding:60px 0; max-width:700px; margin:0;}
.widecontent {padding:60px 0;}
.widesecond {padding:0 0 60px;}
.bottomline {border-bottom:1px solid #D9D9D9;}
#homenews img {display:none;}
.uk-card-body {padding:20px;}
.certified {background:#fff 100% 100% url('/uploads/images/CE_mark.png') no-repeat !important;}

:target::before {
	display: block; 
 	content: " "; 
  	height: 70px;
    margin-top: -70px;
    visibility: hidden; 
}

#components ul {margin:0; padding:0; list-style:none;}
#components ul li {padding:0 0 10px; font-size:14px;}

.indication {border-radius:7px; padding:15px; background:#fff;}

#footer {font-size:0.9em; text-align:center; padding:40px 20px;}


/* Header & Nav */

.uk-sticky-placeholder {background:#fff;}
#header {border-bottom:1px solid #D9D9D9;}
#logo {padding:40px 0 10px; float:left; transition:padding 0.5s; position:relative; z-index:1100;}
#logo img {text-decoration:none; display:block; height:100px; transition:height 0.5s, width 0.5s;}
#header.small #logo {padding:10px 30px;}
#header.small #logo img {height:60px;}

#nav {background:rgba(255,255,255,0.95);}
#nav ul {list-style:none; padding:0; margin:80px -20px 0 0; transition:margin 0.5s;}

#header.small #nav ul {margin:0 10px 0 0;}
#header ul li {display:inline-block;}
#header ul ul li {display:block;}
#header ul li a {padding:0 18px; display:block; text-decoration:none; color:#263238; transition:color 0.5s;}
#header ul li a.currentpage, #header ul li a.activeparent {color:#1976d2;}
#header ul li a:hover {color:#1976d2;}
#header ul li a.currentpage, #header ul li a.activeparent {font-weight:600;}
#header ul ul {margin-top:0;}
#header ul ul li a {padding:5px 18px;}
#header .uk-dropdown {border-radius:5px !important; padding:10px 0;}


/* Mobile Nav */

#toggle {font-size:1em; line-height:100%; position:absolute; top:15px; right:15px; display:block; background:transparent; padding:0; margin:0; border:0; height:50px; width:50px; color:inherit; cursor:pointer; outline:none;}

#mobilenav {background:#fff; padding:15px 30px 30px; text-align:center;}
#mobilenav ul {list-style:none; padding:0; margin:0;}
#mobilenav ul li {display:block; margin:10px 0 0;}
#mobilenav ul ul li {margin:0;}
#mobilenav ul li a {display:block; font-weight:700; text-transform:uppercase; letter-spacing:0.05em;}
#mobilenav ul ul li a {font-weight:normal; text-transform:none; letter-spacing:0;}


/* Mobile */

@media screen and (max-width:1070px) {

#nav ul {margin-right:10px;}
#logo {padding-left:30px;}
#news {padding:30px 30px 40px;}
#container.bg_home {background-image:none;}
#content, .widecontent {padding:60px 30px;}
.widesecond {padding:0 30px 60px;}
#boxcontent {margin:0;}

}

@media screen and (min-width:769px) {
.uk-sticky-placeholder {height:151px !important;}
}

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

#hero {padding:40px 30px;}

h1 {font-size:1.6em;}

#slider h2 {padding:0; font-size:1.2em; line-height:1.3em; text-align:left;}

#content, .widecontent {padding:40px 30px;}
.widesecond {padding:0 30px 40px;}

#news {padding:20px 15px 30px;}

#nav ul {margin-top:30px;}
#header ul li a {padding:0 15px;}
#logo {padding:10px 30px;}
#logo img {height:60px;}
.uk-sticky-placeholder {height:81px !important;}

.uk-text-lead {font-size:1.2em;}

}

@media screen and (max-width:600px) {

#features h3 {padding:15px;}

}