@import "reset.css";
@import "cols.css";
@import url('https://fonts.googleapis.com/css2?family=Libre+Franklin:ital,wght@0,100..900;1,100..900&&display=swap');

/*
maincolors:
BACKGROUND:#fff
COLOR:#000
MAINCOLOR:#000
MAINCOLOR2:#c00
COLOR_ON_MAIN:#fff;
*/

:root 								{
									--BACKGROUND: #fff;
									--COLOR: #333;
									--MAINCOLOR: #ff3b37;
									--MAINCOLOR2: #dd1814;
									--COLOR_ON_MAIN: #fff;
									--RED: #c00;
									--MNU_KLEUR:#000;
									--MNU_KLEUR_HOVER:#ff3b37;
									--MNU_KLEUR_DONKER:#000;
									}

html								{-webkit-text-size-adjust: none;}
body 								{background-color:var(--BACKGROUND);color:var(--COLOR);font-family:Libre Franklin, Arial;font-size:18px;}
body, html 							{height: 100%;}
.clearfix:after 					{content: ".";display: block;height: 0;clear: both;visibility: hidden;}
.clear 								{clear:both;}
a 									{color:blue;}
a:hover 							{color:var(--MAINCOLOR2);}
a.action 							{display:inline-block;background-color:var(--MAINCOLOR);border:solid 1px #000;color:var(--COLOR_ON_MAIN);padding:5px 10px 5px 10px;text-decoration:none;border-radius:7px;box-sizing:border-box;}
a.action:after 						{content:"\f105";font-family: "Font Awesome 6 Pro";padding-left:7px;}
a.action:hover 						{background-color:#fff;color:#000;border:solid 1px #000;}
a.tel 								{text-decoration:none;display:block;}
strong 	{font-weight: 700;}

#superwrapper 						{min-height: 100%;height: auto !important;height: 100%;}
.wrapper 							{max-width: 1420px;width:95%;height: auto;margin: 0px auto;position:relative;}
.wrapper2 							{max-width: 1920px;width:95%;height: auto;margin: 0px auto;position:relative;}

.table 								{display:table;width:100%;}
.tr 								{display:table-row;}
.td 								{display:table-cell;box-sizing:border-box;padding:3px;}

.placeholder 						{color:#aaa;}
::-webkit-input-placeholder,
::-webkit-textarea-placeholder 		{color:#aaa;}
:-moz-placeholder 					{color:#aaa;opacity:1;}
::-moz-placeholder 					{color:#aaa;opacity:1;}
:-ms-input-placeholder,
:-ms-textarea-placeholder 			{color:#aaa;}	
input[placeholder],
textarea[placeholder] 				{color:#aaa;}

/*ENTER BUTTON
**************/
#enter 								{position:absolute;bottom:10px;width:100%;text-align:center}
#enter a 							{background-color:#fff;padding:10px;display:inline-block;text-decoration:none;border-radius:10px;font-size:20px;}
/*ACTION BUTTON
**************/
.action 							{text-transform:uppercase;background-color:#343434;color:#fff;border:0px solid #d8d8d8;display: inline-block; font-family: Montserrat,arial; font-size: 14px; margin-top: 20px; padding: 10px 15px; text-decoration:none;line-height:normal;}
.action:hover 						{color:#fff;background-color:#9cc390}

/*PAGE_TITEL
**************/
h1 {color:var(--COLOR);font-size:30px;line-height:normal;font-weight:800;margin-bottom:40px;}
h1 strong {color:var(--MAINCOLOR);font-weight: 800;}
h2 {color:var(--MAINCOLOR);font-size:25px;line-height:normal;font-weight:700;margin-bottom:30px;}
h2:after {content: "";display: block;height: 2px;margin-top: 15px;width: 100px;border-bottom: 2px solid var(--MAINCOLOR);}
/*#intro h2:after {margin: 15px auto 0;}*/
h3 {color:var(--COLOR);font-size:25px;line-height:normal;font-weight:700;margin-bottom:20px;}
h4 {color: var(--MAINCOLOR);font-size: 20px;font-weight: 700;margin-bottom: 20px;}
h5 {color: var(--MAINCOLOR);font-size: 18px;font-weight: 700;}
h6 {color: var(--COLOR_ON_MAIN);font-size: 20px;font-weight: 700;margin-bottom: 20px;}
#melding {text-align:center;background-color:var(--MAINCOLOR);color:var(--COLOR_ON_MAIN);padding:10px;text-transform:uppercase;}
#hmTxt {display:none;}
a.mobHmls {display:none;}

/*HEADER MOB
**************/
#navMobMenu {display:none;}
#navMob,#searchMob, #loginLnksmob,#languagesMob {background-color:var(--BACKGROUND);display:none;}

/*HEADER
******************/
#progress-bar {background-color: var(--MAINCOLOR);height: 2px;}
#top {background-color: var(--COLOR_ON_MAIN);padding: 30px;box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.1);width: 100%;left: 0;position: sticky;top: 0;z-index: 1000;transition: padding 0.3s ease-in-out;}
/*#top.scrolled {padding: 15px 30px;}*/

#header {width:100%;display: flex;align-items: center;justify-content: space-between;}
#logo img {width: 170px;}
.contact {display: block;padding: 10px 20px;font-size: 17px;text-align: center;border: 2px solid var(--COLOR);border-radius: 8px;color: var(--COLOR);text-decoration: none;font-weight: 500;transition: all 0.3s ease-in-out;}
.contact:hover {border: 2px solid var(--MAINCOLOR);color: var(--COLOR_ON_MAIN);background-color: var(--MAINCOLOR);}

#homeflex {display: flex;align-items: center;justify-content: center;background-color: antiquewhite;min-height: calc(100vh - 134px);padding: 0 5%;column-gap: 100px;}
.intro {width: 50%;line-height: 36px;}
.intro h1 {font-size: clamp(20px, 5vw, 34px);}
.intro h1 a {color: var(--MAINCOLOR);}
.bg {width: 50%;text-align: center;line-height: 30px;}
.intro-ul {list-style-type: none;margin: 0;}
.intro-ul li::before {content: "\f00c";font-family: "Font Awesome 6 Pro";color: yellowgreen;font-weight: 700;margin-right: 10px;font-size: 22px;}

#waarden {background-color: #f5f5f5;padding: 25px;text-align: center;}
#waarden ul {margin: 0;list-style-type: none;display: grid;grid-gap: 40px;grid-template-columns: repeat(4,1fr);}
#waarden ul li::before {content: "\f14a";font-family: "Font Awesome 6 Pro";color: green;font-weight: 700;margin-right: 10px;font-size: 16px;}
#waarden ul li {font-weight: 500;font-size: 16px;}

/*WARNING
****************/
#warning,#Zwarning					{width:100%;height:100%;position:fixed;top:0px;left:0px;z-index:12000;display:none;background:url(../images/popup2.png);}
#Wmessage,#ZWmessage				{background-color:#fff;width:400px;margin:50px auto;padding:50px;border:solid 5px #000;border-radius:10px;box-sizing:border-box;overflow:scroll-y;max-height:80%;}
#orderDay							{border:none !important;font-size:30px;color:#ad6a43;width:250px;}
/*POPUP
************/
#popup								{width:100%;height:100%;position:fixed;top:0px;left:0px;z-index:9998;background:url(../images/popup.png);display:none;}
#Wpopup								{background-color:#fff;width:450px;margin:50px auto;padding:20px;border:solid 5px #000;border-radius:10px;box-sizing:border-box;overflow:scroll-y;max-height:80%;}
a.popupCl 							{display:block;text-align:right;margin-bottom:20px;text-decoration:none;}
#Wpopup h2 a 						{text-decoration:none;}

/*IMAGES FIT
******************/
img.cover 							{object-fit:cover;}
img.coverT 							{object-fit:cover;object-position:top;}
img.coverB 							{object-fit:cover;object-position:bottom;}
img.coverL 							{object-fit:cover;object-position:left;}
img.coverR 							{object-fit:cover;object-position:right;}
img.contain 						{object-fit:contain;}

.slideSections 						{background-color:#f6f6f6;}

/*MAIN CONTENT
*********************************/
#main {width:100%;padding: 60px 0;line-height:36px;}

.grid-6 {display: grid;grid-gap: 20px;grid-template-columns: repeat(6,1fr);}
.grid-5 {display: grid;grid-gap: 30px;grid-template-columns: repeat(5,1fr);}
.grid-4 {display: grid;grid-gap: 40px;grid-template-columns: repeat(4,1fr);}
.grid-3 {display: grid;grid-gap: 50px;grid-template-columns: repeat(3,1fr);}
.grid-2 {display: grid;grid-gap: 60px;grid-template-columns: repeat(2,1fr);}

.sectiongrid {margin: 0 0 60px 0;}
.sectiongrid:nth-child(odd) {background-color: #F5F4F5;padding: 40px;border-radius: 12px;}
.sectiongrid:nth-child(even) {}
.sectiongrid:last-child {margin-bottom: 0;}

.btnRood {display: inline-block;background-color: var(--MAINCOLOR);color: white;padding: 12px 25px;font-size: 18px;border-radius: 8px;text-decoration: none;transition: background 0.3s ease-in-out;border-bottom: 3px solid var(--MAINCOLOR2);font-weight: 700;}
.btnRood::before {content:"\e09f";font-family: "Font Awesome 6 Pro";color: #fff;font-weight: 300;margin-right: 10px;font-size: 20px;}
.btnRood:hover {background-color: var(--MAINCOLOR2);color: #fff;}

#sec156 a, #sec157 a, #sec158 a, #sec161 a, #sec162 a, #sec163 a, #sec152 a, #sec153 a {display: inline-flex;align-items: center;justify-content: center;background-color: var(--MAINCOLOR);color: white;padding: 10px 20px;font-size: 16px;border-radius: 8px;text-decoration: none;transition: background 0.3s ease-in-out;border-bottom: 3px solid var(--MAINCOLOR2);font-weight: 700;text-align: center;}
#sec156 a::before, #sec157 a::before, #sec158 a::before, #sec161 a::before, #sec162 a::before, #sec163 a::before, #sec152 a::before, #sec153 a::before {content:"\e09f";font-family: "Font Awesome 6 Pro";color: #fff;font-weight: 300;margin-right: 10px;font-size: 20px;}
#sec156 a:hover, #sec157 a:hover, #sec158 a:hover, #sec161 a:hover, #sec162 a:hover, #sec163 a:hover, #sec152 a:hover, #sec153 a:hover {background-color: var(--MAINCOLOR2);color: #fff;}

/*#intro {text-align: center;}*/
#intro ul {list-style-type: none;margin-left: 10px;}
#intro ul li::before {content:"\f14a";font-family: "Font Awesome 6 Pro";color: green;font-weight: 700;margin-right: 10px;font-size: 22px;}

#diensten {margin-top: 50px;text-align: center;}
#diensten .sectiongrid:nth-child(odd) {background-color: transparent;padding: 0px;border-radius: 0px;}
.dienst1, .dienst4, .dienst5 {padding: 30px;background-color: #f5f5f5;border-radius: 12px;}
.dienst2, .dienst3, .dienst6 {padding: 30px;background-color: antiquewhite;border-radius: 12px;}

#diensten h3 {display: flex;align-items: center;justify-content: center;flex-direction: column;}
#sec131 h3 strong {display: flex;align-items: center;justify-content: center;flex-direction: row;gap: 10px;}
#sec131 h3 span {background-color: var(--MAINCOLOR);color: #fff !important;padding: 10px;font-size: 14px;border-radius: 12px;}
#diensten h3::before {font-family: "Font Awesome 6 Pro";border-radius: 50%;height: 80px;width: 80px;display: flex;align-items: center;justify-content: center;color: var(--MAINCOLOR);font-weight: 300;margin-bottom: 30px;font-size: 30px;}
.dienst2 h3::before, .dienst3 h3::before, .dienst6 h3::before {background-color: #f5f5f5;}
.dienst1 h3::before, .dienst4 h3::before, .dienst5 h3::before {background-color: antiquewhite;}
 h3.icoon1::before {content:"\e60e";}
 h3.icoon2::before {content:"\e0dc";}
 h3.icoon3::before {content:"\f544";}
 h3.icoon4::before {content:"\f542";}
 h3.icoon5::before {content:"\f643";}
 h3.icoon6::before {content:"\e02c";}
#diensten a {display: inline-block;background-color: var(--MAINCOLOR);color: white;padding: 12px 25px;font-size: 18px;border-radius: 8px;text-decoration: none;transition: background 0.3s ease-in-out;border-bottom: 3px solid var(--MAINCOLOR2);font-weight: 700;margin-top: 30px;}
#diensten a::before {content:"\e09f";font-family: "Font Awesome 6 Pro";color: #fff;font-weight: 300;margin-right: 10px;font-size: 20px;}
#diensten a:hover {background-color: var(--MAINCOLOR2);color: #fff;}
#intro h2 {font-size: 30px;}

#idk {margin-top: 100px;}
#idk h3 {font-size: 30px;margin-bottom: 30px;}

.ref-item {background-color: #F5F4F5;border-radius: 12px;display: flex;margin-bottom: 60px;}
.datum {font-size: 14px;margin-bottom: 10px;color: #555555;}
.ref-item .refTxt {flex: 50%;padding: 125px 75px;}
.ref-item .refTxt h2 a {color: var(--MAINCOLOR2);text-decoration: none;font-size: 35px;}
.ref-item .refImg {flex: 50%;position: relative;}
.refImg a {display: block;}
.ref-item .refImg img {width: 100%;border-bottom-right-radius: 12px;border-top-left-radius: 12px;position: absolute;bottom: 0px;right: 0px;height: calc(100% - 70px);object-fit: cover;object-position: top;}
.ref-item .refLink {margin-top: 30px;}
.ref-item .refLink a {text-decoration: none;font-weight: 700;font-size: 16px;background-color: var(--MAINCOLOR);padding: 10px 20px;border-radius: 8px;transition: background 0.3s ease-in-out;border-bottom: 3px solid var(--MAINCOLOR2);color: #fff;}
.ref-item .refLink a:hover {background-color: var(--MAINCOLOR2);color: #fff;}
.ref-item .text {margin-bottom: 30px;}

.line {height: 2px;background-color: #eee;margin: 60px 0;}
.ref-grid-item {}
.ref-grid-item h3 {margin-bottom: 20px;color: var(--MAINCOLOR) !important;}
.ref-grid-item .refTxt {font-size: 16px;line-height: 32px;}
.ref-grid-item .refTxt h3 a {color: var(--MAINCOLOR);text-decoration: none;}
.ref-grid-item .refTxt h4 a {color: var(--MAINCOLOR);text-decoration: none;font-size: 20px;}
.ref-grid-item .refTxt h5 a {color: var(--MAINCOLOR);text-decoration: none;}
.ref-grid-item .refImg {position: relative;}
.ref-grid-item .refImg img {width: 100%;border-radius: 12px;aspect-ratio: 16/9;object-fit: cover;}
.ref-grid-item .refLink {margin-top: 20px;}
.ref-grid-item .refLink a {text-decoration: none;color: var(--COLOR);font-weight: 700;font-size: 16px;}
.ref-grid-item .refLink a:hover {color: var(--MAINCOLOR2)}

#sec58 ul {list-style-type: none;margin: 0;display: grid;grid-template-columns: repeat(3,1fr);grid-gap: 20px;}
#sec58 ul li, #sec122 ul li {border: 2px solid var(--MAINCOLOR2);padding: 15px;border-radius: 12px;text-align: center;background-color: #fff;align-content: center;}
#sec58 ul li strong {}

.provincie a {border: 2px solid var(--MAINCOLOR2);padding: 15px;border-radius: 12px;text-align: center;background-color: #fff;align-content: center;text-decoration: none;display: block;color: var(--MAINCOLOR);}

#sec88 ul, #sec91 ul, #sec122 ul {list-style-type: none;margin: 0;display: grid;grid-template-columns: repeat(2,1fr);grid-gap: 20px;}
#sec88 ul li, #sec91 ul li {counter-increment: lijstnummer;display: flex;align-items: center;margin-bottom: 10px;border: 2px solid var(--MAINCOLOR2);padding: 20px;border-radius: 12px;text-align: center;background-color: #fff;align-content: center;flex-direction: column;font-size: 16px;}
#sec88 ul li strong, #sec91 ul li strong {display: flex;align-items: center;font-size: 20px;}
#sec88 ul li strong::before, #sec91 ul li strong::before {content: counter(lijstnummer);width: 30px;height: 30px;background-color: green;color: white;display: flex;justify-content: center;align-items: center;font-weight: bold;border-radius: 5px;margin-right: 10px;}

.pagesec111 {text-align: center;}
#sec58 ul li, #sec111, #sec112, #sec113 {border: 2px solid var(--MAINCOLOR2);padding: 30px;border-radius: 12px;text-align: center;background-color: #fff;align-content: center;}
#sec111 ul, #sec112 ul,#sec113 ul {list-style-type: none;margin: 0;}
#sec111 ul li, #sec112 ul li, #sec113 ul li {margin-bottom: 7px;padding-bottom: 7px;border-bottom: 1px solid #ddd;}
#sec111 ul li:last-child, #sec112 ul li:last-child, #sec113 ul li:last-child {margin-bottom: 0px;padding-bottom: 0px;border-bottom: 0px ;}

#sec66 ul, #sec68 ul, #sec69 ul, #sec73 ul, #sec74 ul, #sec75 ul, #sec78 ul, #sec84 ul, #sec87 ul, #sec99 ul, #sec50 ul, #sec104 ul, #sec105 ul, #sec107 ul, #sec108 ul, #sec52 ul, #sec120 ul, #sec117 ul, #sec173 ul, #sec175 ul {list-style-type: none;margin-left: 10px;margin-top: 10px;}
#sec66 ul li:before, #sec68 ul li:before, #sec69 ul li:before, #sec73 ul li:before, #sec74 ul li:before, #sec75 ul li:before, #sec78 ul li:before, #sec84 ul li:before, #sec87 ul li:before, #sec99 ul li:before, #sec50 ul li:before, #sec104 ul li:before, #sec105 ul li:before, #sec107 ul li:before, #sec108 ul li:before, #sec52 ul li:before, #sec120 ul li:before, #sec117 ul li:before, #sec173 ul li:before, #sec175 ul li:before {content:"\f14a";font-family: "Font Awesome 6 Pro";color: green;font-weight: 700;margin-right: 10px;font-size: 22px;}

.pagesec64, .pagesec70, .pagesec83, .pagesec85, .pagesec103, .pagesec106, .pagesec109, .pagesec110, .pagesec76, .pagesec184, .pagesec154, .red {background-color: var(--MAINCOLOR2) !important;}
.pagesec64, .pagesec70, .pagesec83, .pagesec85, .pagesec103, .pagesec106, .pagesec109, .pagesec110, .pagesec76, .pagesec184, .pagesec154, .red {padding: 40px;box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.1);border-radius: 12px;color: #fff;}
.pagesec64 h3, .pagesec70 h3, .pagesec83 h3, .pagesec85 h3, .pagesec103 h3, .pagesec106 h3, .pagesec109 h3, .pagesec110 h3, .pagesec76 h3, .pagesec184 h3, .pagesec154 h3, .red h3 {color: #fff;}
.pagesec64 h3, .pagesec70 h3, .pagesec83 h3, .pagesec85 h3, .red h3 {margin-bottom: 0;}
.pagesec64 h3 a, .pagesec70 h3 a, .pagesec83 h3 a, .pagesec85 h3 a, .pagesec103 h3 a, .pagesec106 h3 a, .pagesec109 h3 a, .pagesec110 h3 a, .pagesec76 h3 a, .pagesec184 h3 a, .pagesec154 h3 a, .red h3 a {color: #fff;}
.red {display: flex;text-align: center;justify-content: center;align-items: center;margin-bottom: 60px;box-shadow: none;}

#faq {padding: 40px 0 80px 0;line-height: 30px;}
.accordion-item {border-bottom: 1px solid #eee;padding: 20px 0;}
.accordion-item:first-child {border-bottom: 1px solid #eee;padding: 0 0 20px 0;}
.accordion-toggle {position: relative;width: 100%;text-align: left;padding: 0px 40px 0px 0px;border: none;cursor: pointer;background-color: #fff;transition: background-color 0.3s;border-radius: 12px;font-family:Libre Franklin, Arial;font-weight: 700;color: var(--MAINCOLOR);font-size: 18px;}
.accordion-toggle h3 {font-family:Libre Franklin, Arial;font-weight: 700;color: var(--MAINCOLOR);font-size: 18px;margin-bottom: 0;}
.accordion-toggle .arrow {content: "";position: absolute;right: 16px;top: 50%;transform: translateY(-50%) rotate(0deg);width: 0;height: 0;border-left: 6px solid transparent;border-right: 6px solid transparent;border-top: 6px solid var(--MAINCOLOR);transition: transform 0.3s ease;}
.accordion-item.active .accordion-toggle .arrow {transform: translateY(-50%) rotate(180deg);}
.accordion-content {display: none;padding: 20px 0 0 0;}
.accordion-item.active .accordion-content {display: block;}

/*CONTENT BLOCK
*******************/
#contenthome						{}
#content							{width:100%;}

/*MOZAIEK
***************/
#mozaiek 							{width: 100%;column-gap: 20px;box-sizing: border-box;}
#mozaiek .mozaiek 					{width: 100%;margin: 0 0 20px;break-inside: avoid;}
#mozaiek .mozaiek a 				{display: block;}

/*NIEUWSBALK
*************/
.newsHome							{margin-top:20px;}
.newsHome a 						{text-align:center;font-size:20px;display:block;text-decoration:none;padding:5px;text-transform:uppercase;}
.newsHome a i 						{}
.newsHome a:hover 					{outline:solid 1px #ccc;background-color:#fff;}
#nieuw h3 							{text-transform:uppercase}
.newsTotal 							{float:left;width:60%;margin-left:10%;}

/*NIEUWS
*************/
#nieuws 							{padding-top:30px;}
#newsAll a 							{display:block;padding:10px;text-align:center;background-color:var(--MAINCOLOR2);color:var(--BACKGROUND);text-transform:uppercase;text-decoration:none;font-size:20px;}
			
.nieH2								{text-align:center;margin-bottom:40px;margin-top:40px;}
.newsPicc							{float:left;width:35%;margin-right:5%;}
.newsTekst							{float:left;width:60%;}
.nieImgList							{float:left;width:30%;margin-right:5%;}
.nieTxtList							{float:left;width:65%;}
.nieTxtList a 						{color:var(--MAINCOLOR);font-weight:bold;}
.nieuwsbericht 						{margin-bottom:20px;padding-bottom:20px;}
.nieDatum							{color:var(--MAINCOLOR2);display:inline-block;padding:5px 5px 5px 0px;margin-bottom:10px;font-size:14px;}
.nieTitel							{text-transform:uppercase;font-size:20px;margin-bottom:10px;font-weight:normal;}
.nieTitel a 						{text-decoration:none;display:inline-block;}
.nieTekst 							{margin-top:5px;}
.nieStripe							{height:1px;border-bottom:dotted 1px var(--COLOR);margin:20px 0px 20px 0px;}
.nieFancyZoom a 					{font-size:16px;}

.videoWrapper 						{position: relative;padding-bottom: 56.25%;margin-top: 25px;height: 0;}
.videoWrapper iframe				{position: absolute;top: 0;left: 0;width: 100%;height: 100%;}
.nieFancyZoom						{text-align:center;margin-top:5px;font-size:12px;display:none;}
.nieFancyZoom a 					{text-decoration:none;}
.Floader							{width:100%;font-size:10px;text-align:center;line-height:12px;padding-top:10px;}
.Floader img 						{width:40px;height:20px;}

.nieBtn								{}
.nieBtn a							{background-color:var(--MAINCOLOR);color:var(--COLOR_ON_MAIN);display:inline-block;border-radius:5px;text-decoration:none;text-transform:uppercase;padding:7px 15px;font-size:13px;margin-top:15px;}
.nieBtn a:hover 					{background-color:var(--MAINCOLOR2);color:var(--COLOR_ON_MAIN);}
.nieSmallPic img 						{width: 100%;object-fit: cover;aspect-ratio: 4/3;}
.nieSmallPic a 						{display: block;}

/*PREVIOUS NEXT
********************/
#usable 							{display:grid;grid-template-columns: repeat(3,1fr);grid-gap: 10px;text-align: center;margin-bottom: 20px;}
#usable a 							{box-sizing:border-box;padding:5px;text-decoration:none;border-radius:5px;background-color: #eee;}
#usable a:hover 					{background-color:#ccc;color:#fff;}

.toTop								{text-align:center;margin:100px 0px 100px 0px;}
.toTop a 							{font-size:60px;color:#999;}
.toTop a:hover 						{color:#000;}

#tabs 								{margin-top:60px;}

/*SOCIAL
********/
.social								{text-align:center;margin:30px 0px 30px 0px;}
.social li 							{list-style:none;list-style-position:inside;margin:0px;display:inline-block;}
.social li a 						{margin-right:10px;font-size:30px;}
.social li a:hover 					{color:var(--MAINCOLOR2);}

/*FOOTER TOP
***********/
#sticky								{padding:30px 0px;color:#fff;background-color:var(--MAINCOLOR2);line-height: 27px;font-size: 15px;}
#footer								{}
#footer a 							{color:#fff;display: inline-block;text-decoration: none;}
#fct {}
#fct ul {margin:0px;list-style-type:none;}
#fct ul li:last-child {margin-bottom:0px;}
#fct1 ul li a {}
#fct1 ul li.menu-current a {text-decoration: underline;}
#fct1 ul li a:hover {text-decoration: underline;}
#fct2 ul {margin: 0;list-style-type: none;}
#fct2 ul li.menu-current a {text-decoration: underline;}
#fct2 ul li a:hover {text-decoration: underline;}
#fct3  {text-align: right;}
#fct3 ul {margin:0px;list-style-type:none;}
#fct3 ul li:last-child {margin-bottom:0px;}
#fct3 ul li.menu-current a {text-decoration: underline;}
#fct3 ul li a:hover {text-decoration: underline;}
.fb {display:inline-block;margin-right:5px;}
.fb a {padding:5px;color:#555;display:block;border:1px solid #e5e7e9;}
.ln {display:inline-block;}
.ln a {padding:5px;color:#555;display:block;border:1px solid #e5e7e9;}

/*FORMS
********/
.required 							{color: #CC0000;}
.field_heading 						{font-weight: bold;margin-bottom:30px;}
.field_row 							{display:flex;}
.field_title 						{flex:1;}
.field_input 						{flex:2;}
.field_checkbox 					{width:100%;margin-bottom:10px;}
.field_title2 						{width:100%;margin-bottom:10px;}
.field_input2 						{width:100%;margin-bottom:10px;}
input[type='checkbox'] 				{width:auto;}
input[type='radio'] 				{width:auto;}
.textarea							{width:100%;}

.email,.textfield,.textarea,select 	{color:#7c7c7c;background-color:#fff;border:1px solid #d8d8d8;width:100%;box-sizing: border-box;font-family:Libre Franklin, Arial;font-size:15px;}
.email,.textfield,.textarea			{border-radius: 0;outline: none;padding:8px;margin-bottom:15px;}
.textarea 							{height:150px;}
.field_error						{border:solid 1px #c00;margin-bottom:0px;}

.checkbox_label 					{cursor: pointer;}
.radio_label 						{cursor: pointer;}
.nixhier 							{display:none;}
.submit								{background-color: var(--MAINCOLOR);color: var(--COLOR_ON_MAIN);border: none;padding: 15px 30px;text-decoration: none;display: inline-block;margin-top: 15px;outline: none;appearance: none;-moz-appearance: none;-webkit-appearance: none;font-family: Libre Franklin, Arial;font-size: 18px;border-radius: 20px;font-weight: 700;}
.submit:hover						{background-color:var(--MAINCOLOR2);color:var(--COLOR_ON_MAIN);}
.submit:before 						{content: "\e09f";font-family: "Font Awesome 6 Pro";color: #fff;font-weight: 300;margin-right: 10px;font-size: 20px;}
.gdpr								{font-size:10px;line-height: normal;}

.editImgContainer 					{position:absolute;z-index:1000;display:flex;}
a.editImg,div.editImg 				{opacity:0;transition: opacity 0.1s ease-in-out;background-color:#336699;padding:10px;color:#fff;display:inline-block !important}
.editImgContainer:hover .editImg  	{opacity: 1;}
.imgPosi 							{width:105px;position:absolute;margin-top:30px;padding:0px 0px 10px 0px !important;}