* {margin:0;padding:0;}
html,body {height:100%; background: #f5f5f5; font-family: 'Lato', sans-serif; }

.desktopOnly {display: block;}
.mobileOnly {display: none;}
.tabletOnly {display: none;}
.smartphoneOnly {display: none;}

.contentContainer p {margin:20px 0;font-size: 16px;color: #000000;letter-spacing: 0;line-height: 25px;}
.contentContainer ul {margin-left: 15px;}

.wysiwygEditable:hover, .wysiwygEditableText:hover {outline:1px dashed red;}
.wysiwygImageUploadMsg {position:fixed;z-index:9999;top:50%;left:50%;width:300px;height:40px;background:rgba(255, 80, 80, 0.8);color:#000;border:2px solid #ff0000;text-align:center;line-height:1.3;font-family:arial;font-weight:bold;margin-left:-150px;padding:5px;font-size:16px;}
#wysiwygTools {position:fixed;z-index:9999;bottom:0;right:0;background:#fff;border:1px solid #ff0000;color:#000;line-height:1.3;font-family:arial;font-weight:normal;font-size:14px;padding:3px;}

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

*::-moz-selection {background-color:#9DC34B;color:#000;}
*::selection {background-color:#9DC34B;color:#000;}

.clearingItem {clear:both;float:none;}
.width_1 {margin:0;}
.width_2 {float:left;width:50%;margin:0;box-sizing:border-box;}
.width_3 {float:left;width:33.333%;margin:0;box-sizing:border-box;}
.width_2.leftColumn {padding:0 10px 0 0;}
.width_2.rightColumn {padding:0 0 0 10px;}
.width_3.leftColumn {padding:0 10px 0 0;}
.width_3.middleColumn {padding:0 5px;}
.width_3.rightColumn {padding:0 0 0 10px;}


/* ERRORPAGE */
.Success, .success {color:green;}
.error, .Error, .errorText {color:red;}
#errorContainer {width:600px;margin:auto;margin-top:10px;border:0;text-align:center;font-family:Arial;}
#errorContainer h1 {font-size:35px;color:#142F5D;text-align:center;font-family:Arial;}
#errorContainer #footerError {margin:15px;font-size:small;color:#fff;font-family:Arial;}
#errorContainer .error {color:#142F5D;font-family:Arial;}


/* BODY-CONTAINERS */
#main {position:relative;width:100%;min-height:100%;margin:0;padding:0; overflow: hidden;}
#header {position:relative;width:100%;height:825px;margin:0;padding:0;box-sizing:border-box; z-index:5;}
#header-content {position:relative;width:100%;max-width:1240px;height:825px;margin:0 auto;padding:0 0px;box-sizing:border-box; }
#header-content #logo {position:relative; }
#content {position:relative;width:100%;max-width:1135px;margin:0 auto;padding:40px 0px 50px 0px;}
#footer {position:relative;width:100%;height:580px;margin: 150px 0 0 0;padding:0;z-index:5;}
#footer-content {position:relative;width:100%;max-width:1135px;margin:0 auto;padding:0 10px;box-sizing:border-box;}



/* NAVIGATIONS */
#menuButton {display:none;position:absolute;right:20px;top:185px;height:30px;}
#navigation li .rightColNavi {display:none;}
#navigation li .mobilenavigationitem {display:none;}
#navigation {position:absolute;list-style:none;margin:0;padding:0; width: 100%;}
#navigation li {position:relative;margin:0 0 0 10px;padding:3px 0 3px 5px;box-sizing:border-box; display: inline-block;}
#navigation li.first {margin-left:0;}
#navigation li a {position:relative;display:block;text-transform:uppercase;font-size: 18px;color: #000000;letter-spacing: 4px;padding: 5px; border: solid 1px transparent; transition: all 300ms;}
#navigation li.active > a {border: solid 1px #C5DD88; color: #C5DD88;}
#navigation li:hover > a {border: solid 1px #C5DD88; color: #C5DD88; text-decoration: none;}



/* SUBNAVIGATIONS */
#navigation li ul {display:none;}
#navigation li ul {position:absolute;list-style:none;margin:0;padding:0;background:#f5f5f5;padding:10px 0 0; z-index: 5000;}
#navigation li ul li {float:none;margin:0;padding:0;width:100%;padding:3px 0 8px 5px;}
#navigation li ul li a {font-size: 14px;color: #000000;letter-spacing: 3.11px;text-align: center;border: solid 0px transparent; text-transform: none;}
#navigation li ul li ul {left:100%;top:0;padding:0; width: 170px;}
#navigation li:hover > ul {display:block;}
ul#navigation {text-align: center;}
#navigation li ul li.active > a {border: solid 0px transparent; color: #C5DD88;}
#navigation li ul li:hover > a {border: solid 0px transparent; color: #C5DD88; text-decoration: none;}



/*FOOTERNAVIGATION*/
#footer-navigation {position: absolute; right: 535px; top: 45px;}
#footer-navigation li {float: left; list-style-type: none; margin-left: 15px;}
#footer-navigation li a {font-size: 18px;color: #000000;letter-spacing: 4px;text-transform: uppercase;}
#footer-navigation li.active > a {color:#9DC34B;}
#footer-navigation li:hover a {text-decoration: none; color: #9DC34B;}


/*BACKTOTOP*/
#backtotop {width: 90px; height: 90px; background: #000; position: fixed; right: 20px; bottom: 150px; z-index: 500; display: none; line-height: 90px; text-align: center; cursor: pointer; color: #fff;}


/* NEWS */
.newsContainer {position:relative;border-top:1px solid #ddd;margin:0;padding:45px 0;}
.newsContainer.first {margin:30px 0 0 0;border-top:0;}
.newsContainer.detailpage {border-top:0;}
.newsContentThumbnail {position:relative;float:left;width:290px;height:196px;overflow:hidden;margin:0 30px 0 0;padding:0; text-align: center;}
.newsContentText {position:relative;float:left;width:calc(100% - 320px);font-size:16px;margin:0;padding:0;}
.newsContentText h2 a {font-style:normal;text-decoration:none;color:#646464;}
.newsContentText p a {font-style:normal;text-decoration:none;color:#646464;}
.newsDate {line-height:18px;font-size:18px;letter-spacing:1px;padding:0 0 10px 0;}
.newsDate a {font-style:normal;text-decoration:none;color:#646464;}


/* GALLERIES */
.galleryCatAlbum {position:relative;display:block;float:left;width:240px;height:180px;text-align:center;border:2px solid #000;overflow:hidden;margin:0 8px 25px;padding:0;border-radius: 25px; }
.galleryCatAlbum .mask {position:absolute;top:0;left:0;width:240px;height:180px;overflow:hidden;margin:0;padding:0;}
.galleryCatAlbum .mask {background-color:rgba(255,255,255,0.75);-webkit-transform:translateY(-197px);-moz-transform:translateY(-197px);-o-transform:translateY(-197px);-ms-transform:translateY(-197px);transform:translateY(-197px);-ms-filter:"progid: DXImageTransform.Microsoft.Alpha(Opacity=0)";filter:alpha(opacity=0);opacity:0;-webkit-transition:all 0.3s ease-in-out;-moz-transition:all 0.3s ease-in-out;-o-transition:all 0.3s ease-in-out;-ms-transition:all 0.3s ease-in-out;transition:all 0.3s ease-in-out;}
.galleryCatAlbum img {position:relative; display:block;}
.galleryCatAlbum .mask h2 {position:relative;font-size:14px; font-weight: 200;text-transform:uppercase;text-align:center;color:#fff;background:#000;margin:18px 0 0 0;padding:8px 0;}
.galleryCatAlbum .mask p {position:relative;font-size:14px;color:#fff;text-align:center;margin:18px 0;padding:0;}
.galleryCatAlbum .mask span {position:relative;display:block;width:135px;font-size:16px;font-style:normal;text-decoration:none;text-transform:uppercase;text-align:center;color:#fff;background:#000;margin:0 auto;padding:8px 0;}
.galleryCatAlbum:hover {border:2px solid #000;}
.galleryCatAlbum:hover .mask {-webkit-transform:translateY(0px);-moz-transform:translateY(0px);-o-transform:translateY(0px);-ms-transform:translateY(0px);transform:translateY(0px);opacity:1;}
.galleryAlbumImage {position:relative;display:block;float:left;width:240px;height:180px;border:2px solid #000;margin:0 25px 25px;padding:0; margin:0 8px 25px;padding:0;border-radius: 25px;}
.galleryAlbumImage.first {margin:0 0 25px 0;}
.galleryAlbumImage:hover {border:2px solid #000;}

/*GALLERIES HOVER*/
.heading {text-align: center;font-size: 2.0em; letter-spacing: 1px;color: white;transition: transform 0.3s ease;}
.gallery-image {display: flex;flex-wrap: wrap;justify-content: center;transition: transform 0.3s ease;}
.gallery-image img {height: 180px; width: 240px;transform: scale(1.0);transition: transform 0.4s ease;transition: transform 0.3s ease;}
.img-box {box-sizing: content-box;color:#fff;height: 180px; width: 240px;overflow: hidden; display: inline-block;position: relative;transition: transform 0.3s ease;}
.img-box-img {position:relative;display:inline-block;width:240px;height:180px;background:no-repeat center center;background-size:cover;transform: scale(1.0);transition: transform 0.4s ease;}
.transparent-box { height: 180px;width: 240px; background-color:rgba(0, 0, 0, 0);position: absolute;top: 0;left: 0;transition: background-color 0.3s ease;}
.img-box:hover .img-box-img { transform: scale(1.1);}
.img-box:hover .caption {transform: translateY(-20px);opacity: 1.0;}



/*RESSOURCES*/
.resource-thumbnail {padding: 20px;}
.resourcedetail-thumbnail {padding: 20px;}


/*PORDUTCS*/
.productImage {margin-bottom: 20px;}
.productDetailHeadLeft {margin-bottom: 20px;}
.productGroupImage {margin-bottom: 20px;}

/*EVENTS*/
.event-detail-thumbnail {margin-bottom: 20px;}


/* CONTACTFORM */
.formRow {clear:both;float:none;}
.formRow label {position:relative;float:left;width:220px;margin:0;padding:0;}
.formRow input[type=text] {position:relative;float:left;width:280px;color:#646464;background:#fff;border:1px solid #666;margin:0 0 15px 0;padding:7px 10px;box-sizing:border-box;}
.formRow textarea {position:relative;float:left;width:280px;height:105px;color:#646464;background:#fff;border:1px solid #666;resize:none;margin:0 0 15px 0;padding:7px 10px;box-sizing:border-box;}
/* BUTTONROW */
.buttonRow input   {position:relative;float:left;font-size: 16px;height: 35px;width:280px;cursor:pointer;text-align:center;color:#fff;background:#666;border:none;margin:0;padding:7px 10px;box-sizing:border-box;}
.buttonRow a.button{position:relative;float:left;font-size: 16px;height: 35px;width:280px;cursor:pointer;text-align:center;color:#fff;background:#666;border:none;margin:0;padding:7px 10px;box-sizing:border-box;}
.buttonRow input:hover, .buttonRow .button:hover {color:#fff;background:#000;text-decoration: none;}
/* RECAPTCHA */
.formRow.reCaptchaRow label {display:none;}
.formRow.reCaptchaRow .formRecaptchaContainer {float:left;margin-bottom:15px;}
.g-recaptcha-required-text {color:red;}



/* COOKIE BANNER */
#cmsCookieChoiceBannerModal {position:fixed;left:0;top:0;right:0;bottom:0;background:rgba(0, 0, 0, 0.01);opacity:0.01;z-index:9999;}
#cmsCookieChoiceBanner {position:fixed;top:0;left:0;right:0;background:rgba(240,240,240,0.9);color:#000;font-size:14px;font-family:Arial,sans-serif;line-height:1.2;z-index:10000;box-shadow:0 0 15px rgba(0,0,0,0.2);max-height:300px;overflow:auto;}
#cmsCookieChoiceBannerInner {position:relative;margin:0 auto;max-width:1500px;padding:20px 10px 10px 10px;box-sizing:border-box;text-align:left;}
#cmsCookieChoiceBannerTitle {font-size:18px;font-weight:bold;margin-bottom:3px;}
#cmsCookieChoiceBannerText {margin-bottom:5px;}
#cmsCookieChoiceBanner {-webkit-filter:unset;filter:unset;}

.cmsCookieChoiceBannerToolbox {color:#000;font-size:14px;font-family:Arial,sans-serif;line-height:1.2;}
.cmsCookieChoiceBannerGroup {float:left;margin:10px 20px 10px 0;width:220px;}
.cmsCookieChoiceBannerGroupTitle {font-weight:bold;margin-bottom:5px;}
.cmsCookieChoiceBannerChoice {margin:5px 0 0;}
.cmsCookieChoiceBannerChoice input[type=checkbox] {margin:0 5px 0 0;background:unset;padding:unset;vertical-align:middle;}
.cmsCookieChoiceBannerChoice label {vertical-align:middle;}
.cmsCookieChoiceBannerChoice label.marked {font-weight:bold;}
.cmsCookieChoiceBannerChoiceInfoIcon {display:inline-block;margin:0 0 0 5px;opacity:0.6;cursor:pointer;padding:0 2px;vertical-align:middle;}
.cmsCookieChoiceBannerChoiceInfo {margin:3px 0 0;font-size:12px;opacity:0.8;}
.cmsCookieChoiceBannerToolboxButtons {margin:10px 0 0;}
.cmsCookieChoiceBannerToolboxButtons button {border:0;background:#999;color:#fff;margin:0 5px 5px 0;padding:5px 10px;font-size:14px;line-height:1.2;border-radius:0;-webkit-appearance:none;cursor:pointer;outline:0;}
.cmsCookieChoiceBannerToolboxButtons button.default {background: #9DC34B;}
.cmsCookieChoiceBannerToolboxButtons button:hover {background:#444;}
.cmsCookieChoiceBannerToolboxButtons button.default:hover {background: #075e0f;}
.cmsCookieChoiceBannerToolboxButtons button.transparentButton {background: transparent;color:#000000;opacity:0.6;font-size:12px;padding:5px 5px;}
.cmsCookieChoiceBannerToolboxButtons button.transparentButton:hover {background: transparent;}



/* HEADER */
#topheader {max-width: 1240px; height: 205px; margin: 0 auto; border-bottom: solid 1px #dfdfdf; text-align: center;}
#navigationline {width: 100%; position: relative; margin-top: 40px; height: 75px;}
#headcontent {max-width: 1240px; height: 400px; margin: 0 auto; background: #fff; position: relative;}
#leftheadcontent {width: 540px; height: 400px; background-size: cover; background-position: 50% 50%; background-repeat: no-repeat; position: absolute; left: 50px; top: 50px;}
#rightheadcontent {height: 310px; overflow-y: scroll; width: calc(47% - 50px); float: right; margin-top: 50px; margin-right: 50px;}
#rightheadcontent p { font-size: 16px;color: #000000;letter-spacing: 0;line-height: 25px;}
#logocontainer {width: 100%; text-align: center; margin-top: 55px; position: absolute;}
#logocontainer h1 {font-family: 'Lato', sans-serif; font-size: 40px; color: #000000; letter-spacing: 5px;}
#logocontainer h2 {font-family: 'Lato', sans-serif; font-size: 25px; color: #000000; letter-spacing: 3.12px;}




/*VITA*/
#vita {width: 1240px; min-height: 500px; margin: 0 auto; background: #fff; position: relative;}
#leftvita {float: left; width: calc(55% - 100px); padding: 48px;}
#rightvita {float: right; width: 45%;}
#vita ul {margin-left: 15px; list-style-type: square;}
#vita ul li::before { content: "\25a0";color: #9DC34B;font-weight: bold;display: inline-block;width: 1em;margin-left: -1em; margin-top: -1px; position: absolute;}

#content ul {margin-left: 15px; list-style-type: square;}
#content ul li::before { content: "\25a0";color: #9DC34B;font-weight: bold;display: inline-block;width: 1em;margin-left: -1em; margin-top: -1px; position: absolute;}



/*FOOTER*/
#footerbg {width: 100%; height: 450px; background: #fff;}
#bgcontent {width: 1135px; margin: 0 auto;}
#leftfooter {width: 26%; float: left; padding-top: 60px;}
#leftfooter a {color: #000;}
#leftfooter a:hover {color: #9DC34B;}
#midfooter {width: 26%; float: left; padding-top: 60px;}
#rightfooter {filter: grayscale(1); width: 45%; float: right; padding-top: 60px;}
#midfooter a.linktobutton {background: #9DC34B; font-size: 16px;color: #FFFFFF; letter-spacing: 3.56px; width: 100%; height: 35px; display: block; text-transform: uppercase; text-align: center; line-height: 35px;}
#midfooter a.linktobutton:hover {background: #fff; font-size: 16px;color: #9DC34B; }



#pagebg {box-sizing:border-box; background-image: url("../../images/Background-3.png"); background-size: cover; background-position: top center; background-repeat: no-repeat; width: 100%; height: 100%;}


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

    #rightvita table td img.halfsize {margin-top: 2px; margin-left: 12px;}
    #rightvita table td img {margin-top: 15px;}

    #headcontent {max-width: 950px;}
    #leftheadcontent {width: 385px;}
    #rightheadcontent {width: calc(52% - 50px);}
    #content {max-width: 950px;}
    #content h4 {font-family: 'Lato', sans-serif; font-size: 17px;}
    #vita {width: 950px; min-height: 525px;}
    #leftvita {padding-top: 20px;}
    #bgcontent {width: 950px;}
    #footer-content {max-width: 950px;}
    #footer-navigation {right: 440px; top: 45px;}

    #rightheadcontent span {font-size: 40px!important;}


}