a {color:#272727;}
a:hover {color:272727;}
/*.wrapper { padding-top: 100px; }*/
.topcontent { display: none; }
.center { text-align: center; }

.extra-bold { font-weight: 900; }

.bold { font-weight: 700; }

.semi-bold { font-weight: 600; }

.nopadding {padding: 0 !important;}
.paddings {padding-top: 80px;padding-bottom: 80px;}
.paddingbtms {padding-bottom: 80px;}
.paddingbtmxs {padding-bottom: 30px;}
.grey { background: #e8e8e8; }

.space-between {margin-top: 80px;}
.space-homebanner {margin-top: 40px;}

.overwrite-margin {margin: 0 !important;}
.dienstjes {max-width: 680px;/* float:right; */text-align: center;margin-left: auto;padding-bottom: 50px;margin-right: auto;}
.shadow-products2 .dienstjetitle {font-size:16px;text-transform:uppercase;font-weight:600;margin-top:20px}
.dienstjetitle {font-size:16px;text-transform:uppercase;font-weight:600;}
.shadow-products {max-width: 195px;min-width: 195px;text-align: center;padding: 25px 20px 30px 20px;/* margin-top: 2%; */margin: 2%;width: 29%;background: #fff;box-shadow: 1px 1px 10px 0px rgba(170,107,214,0.2);border-radius: 10px;/* margin-right: auto; */float: none;display: inline-block;}

    .shadow-products:hover {box-shadow: 10px 10px 20px 0px rgba(170,107,214,0.2);}
.shadow-products2 {max-width: 480px;text-align: center;padding: 25px 20px 30px 20px;margin-left: auto;/* margin-top: 2%; */box-shadow: 1px 1px 10px 0px rgba(170,107,214,0.2);border-radius: 30px;margin-right: auto;background: #fff;margin-bottom: 20px;}

    .shadow-products2:hover { box-shadow: 10px 10px 30px 0px rgba(170,107,214,0.2); }

.p-width {min-height: 185px;max-width: 350px;margin-left: auto;margin-right: auto;padding: 20px;padding-bottom: 0;}
p { /* letter-spacing: 1px; */ }

.bootstrapeditor-row-content { padding: 100px 0; }

.bootstrapeditor-row-content-xs { padding: 100px 0 50px 0; }

.refs .col-lg-1, .refs .col-lg-2, .refs .col-lg-3, .refs .col-lg-4, .refs .col-lg-5, .refs .col-lg-6, .refs .col-lg-7, .refs .col-lg-8, .refs .col-lg-9, .refs .col-lg-10, .refs .col-lg-11, .refs .col-lg-12, .refs .col-md-1, .refs .col-md-2, .refs .col-md-3, .refs .col-md-4, .refs .col-md-5, .refs .col-md-6, .refs .col-md-7, .refs .col-md-8, .refs .col-md-9, .refs .col-md-10, .refs .col-md-11, .refs .col-md-12, .refs .col-sm-1, .refs .col-sm-2, .refs .col-sm-3, .refs .col-sm-4, .refs .col-sm-5, .refs .col-sm-6, .refs .col-sm-7, .refs .col-sm-8, .refs .col-sm-9, .refs .col-sm-10, .refs .col-sm-11, .refs .col-sm-12, .refs .col-xs-1, .refs .col-xs-2, .refs .col-xs-3, .refs .col-xs-4, .refs .col-xs-5, .refs .col-xs-6, .refs .col-xs-7, .refs .col-xs-8, .refs .col-xs-9, .refs .col-xs-10, .refs .col-xs-11, .refs .col-xs-12 { position: relative; min-height: 1px; padding-right: 5px; padding-left: 5px; }

.references { position: relative; margin: 5px 0px; cursor: pointer; }

.refs img { width: 100%; }

.reftitle { font-size: 30px; padding: 5px; position: absolute; bottom: 10px; color: #fff; font-family: Big John, 'Open Sans', sans-serif; left: 10px; opacity: 1; transition: ease-in-out 0.3s; text-shadow: 1px 1px #909090; }

.references > div > div { position: absolute; top: 0px; left: 0px; opacity: 0; width: 100%; height: 100%; transition: ease-in-out 0.3s; }

.referencetext { font-size: 14px; z-index: 10; padding: 5px; }

.referencetitle { font-size: 25px; padding: 10px; font-family: Big John, 'Open Sans', sans-serif; color: #fff; }

.referencetext > p { font-family: 'QuickSand', 'Open Sans', sans-serif; color: #fff; font-size: 14px; padding: 10px; }

.references > div:hover .referencetext { transition: ease-in-out 0.3s; opacity: 1; }

.references > div:hover .referencebackgroundarenting,
.references > div:hover .referencebackgroundbelconfect,
.references > div:hover .referencebackgroundcheckprocedure,
.references > div:hover .referencebackgroundcaravanexpo,
.references > div:hover .referencebackgroundazg,
.references > div:hover .referencebackgroundflandrienhoeve,
.references > div:hover .referencebackgrounddforce,
.references > div:hover .referencebackgroundkshot,
.references > div:hover .referencebackgroundlunchbarmellon,
.references > div:hover .referencebackgroundleytensdiamonds,
.references > div:hover .referencebackgroundred,
.references > div:hover .referencebackgroundyellow,
.references > div:hover .referencebackgroundgreen,
.references > div:hover .referencebackgroundblue,
.references > div:hover .referencebackgroundlightgrey,
.references > div:hover .referencebackgroundorange,
.references > div:hover .referencebackgroundpurple,
.references > div:hover .referencebackgroundlime,
.references > div:hover .referencebackgroundporscheblue { transition: ease-in-out 0.3s; opacity: 0.8; }

.references > div:hover .reftitle { transition: ease-in-out 0.3s; opacity: 0; }

.referencebackgroundarenting { z-index: 9; background-color: #5501b5; padding: 10px; }

.referencebackgroundbelconfect { z-index: 9; background-color: #f7b101; padding: 10px; }

.referencebackgroundcheckprocedure { z-index: 9; background-color: #fe4a01; padding: 10px; }

.referencebackgroundcaravanexpo { z-index: 9; background-color: #16a2a1; padding: 10px; }

.referencebackgroundazg { z-index: 9; background-color: #991d27; padding: 10px; }

.referencebackgroundflandrienhoeve { z-index: 9; background-color: #484814; padding: 10px; }

.referencebackgrounddforce { z-index: 9; background-color: #4284d2; padding: 10px; }

.referencebackgroundkshot { z-index: 9; background-color: #0b5578; padding: 10px; }

.referencebackgroundlunchbarmellon { z-index: 9; background-color: #98a225; padding: 10px; }

.referencebackgroundleytensdiamonds { z-index: 9; background-color: #351a13; padding: 10px; }

.referencebackgroundred { z-index: 9; background-color: #D22D58; padding: 10px; }

.referencebackgroundorange { z-index: 9; background-color: #A61F1B; padding: 10px; }

.referencebackgroundporscheblue { z-index: 9; background-color: #01459A; padding: 10px; }

.referencebackgroundlime { z-index: 8; background-color: #C3D020; padding: 10px; }

.referencebackgroundblue { z-index: 9; background-color: #7DC0EA; padding: 10px; }

.referencebackgroundgreen { z-index: 9; background-color: #637344; padding: 20px; }

.referencebackgroundlightgrey { z-index: 9; background-color: #DBDDEA; padding: 20px; }

.referencebackgroundpurple { z-index: 9; background-color: #7903F9; padding: 20px; }

.referencebackgroundyellow { z-index: 8; background-color: #FBB400; padding: 10px; }



.references { position: relative; margin: 5px 0px; cursor: pointer; }
.referencetitle { font-size: 25px; padding: 10px; font-family: Big John, 'Open Sans', sans-serif; color: #fff; }
.reftitle { font-size: 30px; padding: 5px; position: absolute; bottom: 10px; color: #fff; font-family: Big John, 'Open Sans', sans-serif; left: 10px; opacity: 1; transition: ease-in-out 0.3s; text-shadow: 1px 1px #909090; }

#subfooterbar { background-color: #272727; /* height: 150px; */ padding: 10px 10px; color: #fff; }

#footerbar { height: 30px; background-color: #fff; color: #282222; padding: 10px 10px; }


.refs .col-lg-1, .refs .col-lg-2, .refs .col-lg-3, .refs .col-lg-4, .refs .col-lg-5, .refs .col-lg-6, .refs .col-lg-7, .refs .col-lg-8, .refs .col-lg-9, .refs .col-lg-10, .refs .col-lg-11, .refs .col-lg-12, .refs .col-md-1, .refs .col-md-2, .refs .col-md-3, .refs .col-md-4, .refs .col-md-5, .refs .col-md-6, .refs .col-md-7, .refs .col-md-8, .refs .col-md-9, .refs .col-md-10, .refs .col-md-11, .refs .col-md-12, .refs .col-sm-1, .refs .col-sm-2, .refs .col-sm-3, .refs .col-sm-4, .refs .col-sm-5, .refs .col-sm-6, .refs .col-sm-7, .refs .col-sm-8, .refs .col-sm-9, .refs .col-sm-10, .refs .col-sm-11, .refs .col-sm-12, .refs .col-xs-1, .refs .col-xs-2, .refs .col-xs-3, .refs .col-xs-4, .refs .col-xs-5, .refs .col-xs-6, .refs .col-xs-7, .refs .col-xs-8, .refs .col-xs-9, .refs .col-xs-10, .refs .col-xs-11, .refs .col-xs-12 { position: relative; min-height: 1px; padding-right: 5px; padding-left: 5px; }
.refs img { width: 100%; }



#menuzord .menuzord-menu > li > a { padding: 7px 16px; border-bottom: solid 1px transparent; border-top: solid 1px transparent; -o-transition: border .2s linear; -moz-transition: border .2s linear; -webkit-transition: border .2s linear; transition: border .2s linear; font-size: 16px; }


/* Menuzord props*/
#menuzord { padding: 0; background-color: transparent; }
    #menuzord .menuzord-menu { float: right; }
.menuzord.purple .menuzord-menu ul.dropdown li:hover > a, .menuzord.purple .menuzord-menu > li.active > a, .menuzord.purple .menuzord-menu > li:hover > a { color: #5C2B76; }


/*
Top-bottom boxed border Skin
*/

/* first level items */
#menuzord .menuzord-menu > li {padding: 5px 0;font-size: 20px;margin-top: 10px;}

    #menuzord .menuzord-menu > li > a {padding: 5px 15px 5px 15px;border-bottom: solid 1px transparent;border-top: solid 1px transparent;-o-transition: border .2s linear;-moz-transition: border .2s linear;-webkit-transition: border .2s linear;transition: border .2s linear;font-family: "Quicksand","Open Sans",Verdana;text-transform: uppercase;}

    /* active/hover state (first level) */
    #menuzord .menuzord-menu > li.active > a,
    #menuzord .menuzord-menu > li:hover > a {/* border-color: #272727; */border-bottom: none;color: #000;/* background: #fff; */border: none !important;border-radius: 0px;text-decoration: underline;}
.contactmenu a{border-color: transparent !important;}
.contactmenu a:hover {background: #ee0d17 !important;}
/* dropdown */
#menuzord .menuzord-menu ul.dropdown { top: 71px; }

    #menuzord .menuzord-menu ul.dropdown li ul.dropdown { top: 0; }

/* megamenu */
#menuzord .menuzord-menu > li > .megamenu { top: 71px; }

/* form */
#menuzord .menuzord-menu > li.search form { padding: 2px 16px; }

/* color schemes */

/* purple */
#menuzord .menuzord.purple .menuzord-menu > li.active > a,
#menuzord .menuzord.purple .menuzord-menu > li:hover > a { border-color: #5C2B76; }


/* Mobile mode (Responsive mode) */
@media (max-width: 768px) {
    /* Menu items */
    .menuzord-responsive .menuzord-menu > li { padding: 0; }
        .menuzord-responsive .menuzord-menu > li > a { padding: 12px 20px !important; border-radius: 0; }

    /* Dropdown items */
    .menuzord-responsive .menuzord-menu ul.dropdown li a { border-color: #f0f0f0; }
}

strong { color: #5c2b76; }
.lightgrey strong {/* color: #000000; */}
.purple strong { color: #fff; }
.darkgrey strong { color: #fff; }

.bootstrapeditor-row-content { padding: 100px 0; }
.bootstrapeditor-row-content-xs { padding: 100px 0 50px 0; }

h1, h2, h4 {font-family: 'Montserrat', Big John, 'Open Sans', sans-serif;color: #272727;margin-top: 0;text-transform: uppercase;font-weight: 900;}
h3, h5, h6 {font-family: 'Montserrat', 'Quicksand', 'Open Sans', Verdana;color: #272727;font-weight: 400;text-transform: uppercase;}

h1 {font-size: 30px;margin-top: 15px;margin-bottom: 0px;}
h2 {margin: 0;margin-bottom: 20px;font-size: 30px;}
h2 strong {color:#272727;}
h3 {font-size: 15px;margin-bottom: 15px;margin-top: 10px;}
h4 {}
.diensticons h4 {min-height: 40px;max-height: 40px;}
.nextcase { text-align: center; }
.calltoaction { text-align: center; padding: 50px; }

.center { text-align: center; }

.intro { width: 75%; margin-left: auto; margin-right: auto; margin-bottom: 80px; margin-top: 50px; }

.space { margin-top: 100px; }
.space-xs {margin-top: 75px;}
.paddingspace {padding:50px;}
.white { background: #fff; }

.lightgrey {background: #f9f9f9;}

.purple { background: #5c2b76; }
.purple { color: #fff; }
    .purple a { color: #fff; }
    .purple h1 { color: #fff; }
    .purple h2 { color: #fff; margin: 0; margin-bottom: 20px; }
    .purple h3 { color: #fff; margin: 0; }
    .purple h4 { color: #fff; margin-top: 40px; margin-bottom: 10px; }

.darkgrey { background: #272727; }
.darkgrey { color: #fff; }
    .darkgrey a { color: #fff; }
    .darkgrey h1 { color: #fff; }
    .darkgrey h2 { color: #fff; margin: 0; margin-bottom: 20px; }
    .darkgrey h3 { color: #fff; margin: 0; }
    .darkgrey h4 { color: #fff; margin-top: 40px; margin-bottom: 10px; }

.sitebtn { background: #e2e2e2; width: 250px; clear: both; margin-left: auto; margin-right: auto; color: #333; text-align: center; margin-top: 30px; }
    .sitebtn a { color: #333; display: inline-block; width: 100%; height: 100%; text-decoration: none; padding: 15px 30px; }
    .sitebtn:hover { background: #5c2b76; color: #fff; }
        .sitebtn:hover a { color: #fff; }

.lightgrey .sitebtn {background: #5c2b76;width: 300px;margin-left: auto;margin-right: auto;clear: both;color: #fff;text-align: center;margin-top: 30px;}
    .lightgrey .sitebtn a { color: #fff; padding: 15px 30px}
    .lightgrey .sitebtn:hover { background: #ffffff; color: #5c2b76; }
        .lightgrey .sitebtn:hover a { color: #5c2b76; }
blockquote { border: none; border-bottom: #5c2b76 3px dashed; display: inline-block; padding: 0; margin-bottom: 0px; }

.brands { /* margin-bottom:100px; */ }
.brand { cursor: default; position: relative; /* float: none; */ filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale"); /* Firefox 10+, Firefox on Android */ filter: gray; /* IE6-9 */ -webkit-filter: grayscale(100%); /* Chrome 19+, Safari 6+, Safari 6+ iOS */ /* display: inline-block; */ /* border: #ccc 1px solid; */ /* width: 22%; */ margin-bottom: 25px; /* padding: 0; */ }
    .brand:hover { filter: none; filter: none; /* IE6-9 */ -webkit-filter: grayscale(0%); /* Chrome 19+, Safari 6+, Safari 6+ iOS */ }

.swiper-container { margin-bottom: 0px; }
    .swiper-container img { }

.subfooterleft h5, .subfooterleft h6 { font-family: Quicksand, 'Open Sans', sans-serif; color: #fff; }

.subfooterright a { color: #fff; }
#subfooterbar ul { padding-left: 0; }
#subfooterbar li { list-style-type: none; }

.subscribeinput { font-family: Quicksand, 'Open Sans', sans-serif; color: #272727; margin: 3px 0; width: 100%; padding: 3px 10px; }

.flexbutton { font-family: Quicksand, 'Open Sans', sans-serif; color: #272727; width: 100%; margin-top: 5px; margin-bottom: 10px; background: #5c2b76; border: none; padding: 7px; color: #fff; text-transform: uppercase; font-weight: bold; margin-bottom: 50px; }

.social-icons > ul { list-style-type: none; padding: 0; margin: 0; overflow: hidden; display: inline-block; width: 92px; text-align: right; }
.social-media-icon { width: 40px; height: 40px; text-indent: -9999px; background-color: #fafafa; border: 1px solid #f3f3f3; display: inline-block; margin: 10px 2px 5px 3px; -webkit-border-radius: 1px; -moz-border-radius: 1px; border-radius: 1px; float: left; background-repeat: no-repeat; background-position: 0 -40px; -webkit-transition: all 0.2s ease 0s; -moz-transition: all 0.2s ease 0s; -o-transition: all 0.2s ease 0s; transition: all 0.2s ease 0s; }
.social-icons .facebook-icon { background-image: url(/images/social-media-facebook.png); -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; border: 1px solid #e8e8e8; }
.social-icons .linkedin-icon { background-image: url(/images/social-media-linkedIn.png); -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; border: 1px solid #e8e8e8; }
    .social-icons .linkedin-icon:hover { background-color: #71b2d0; border: 1px solid #4b9dc3; }
.social-icons .facebook-icon:hover { background-color: #3b5998; border: 1px solid #2d4373; }
.socialmedia { text-align: center; }


/* diensten */
.layout-col-2 { float: left; cursor: pointer; position: relative; height: 715px; margin-top: 50px; text-align: center; }
.layout-col-3 { float: left; cursor: pointer; position: relative; height: 715px; margin-top: 50px; text-align: center; border-left: #ccc dotted 1px; }
.layout-col-4 { position: absolute; margin-top: 50%; cursor: pointer; top: -225px; margin-left: 50%; border: 1px dotted #9097a1; background: #5c2b76; text-align: center; padding: 30px; width: 200px; left: -100px; }
.imgicontjes, .websiteicons img, .middenrij1 img, .middenrij2 img, .rechtsrij1 img, .rechtsrij2 img { /* height: 60px; */ margin-bottom: 15px; margin-top: 30px; }
.middenrij1 { /* height: 285px; */ /* margin-bottom: 60px; */ /* margin-top: 30px; */ padding-bottom: 70px; margin-left: 60px; border-bottom: 1px dotted #ccc; /* border-right: 1px dotted #9097a1; */ }
.middenrij2 { /* height: 225px; */ padding-top: 30px; margin-left: 60px; /* border-right: 1px dotted #9097a1; */ }
.rechtsrij1 { /* height: 285px; */ /* margin-top: 30px; */ margin-right: 60px; padding-bottom: 70px; border-bottom: 1px dotted #ccc; }
.contactcenter h3 { color: #ffffff; }
.rechtsrij2 { /* height: 255px; */ padding-top: 30px; margin-right: 60px; }

.parallax { background-attachment: fixed; background-repeat: no-repeat; background-position-y: 91px; padding: 0; background-size: cover; height: 500px; width: 100%; background-position: 100% 100%; }
.parallax-mh { background-image: url("https://wms.flexious.be/editor/plugins/imagemanager/content/2128/cases/matisseandhenri.jpg"); }
.parallaxrow { margin-right: -15px; margin-left: -15px; padding: 0; }

.homeintro { width: 75%; margin-left: auto; margin-right: auto; margin-top: 30px; }

.newsletter-btn { background: #fff; color: #5c2b76; border: none; padding: 3px 10px; }
    .newsletter-btn:hover { background: #333; color: #fff; }

.moreicon { margin-bottom: 50px; }
.fwdinput { height: 50px; }
.fwdarea { width: 100%; }
.websiteicons { text-align: center; }
    .websiteicons .homeintro { margin-bottom: 80px; }
        .websiteicons .homeintro .iconknop { margin-bottom: 80px; width: 165px; text-align: center; margin-left: auto; margin-right: auto; background: #e2e2e2; margin-top: 15px; color: #5c2b76; }
            .websiteicons .homeintro .iconknop a { display: block; padding: 7px 15px; color: #5c2b76; }
                .websiteicons .homeintro .iconknop a:hover { background: #5c2b76; color: #fff; }

.white .iconknop2 { margin-bottom: 80px; width: 165px; text-align: center; margin-left: auto; margin-right: auto; background: #e2e2e2; margin-top: 15px; color: #5c2b76; }
    .white .iconknop2 a { display: block; padding: 7px 15px; color: #5c2b76; }
        .white .iconknop2 a:hover { background: #5c2b76; color: #fff; }

.darkgrey .iconknop { margin-top: 20px; text-align: center; margin-left: auto; background: #5c2b76; margin-top: 15px; color: #272727; width: 220px; }
    .darkgrey .iconknop a { display: block; padding: 7px 15px; color: #ffffff; }
        .darkgrey .iconknop a:hover { background: #ffffff; color: #5c2b76; }

.lightgrey .iconknop2 { margin-bottom: 80px; width: 165px; text-align: center; margin-left: auto; margin-right: auto; background: #fff; margin-top: 15px; color: #5c2b76; }
    .lightgrey .iconknop2 a { display: block; padding: 7px 15px; color: #5c2b76; }
        .lightgrey .iconknop2 a:hover { background: #5c2b76; color: #fff; }

.white .iconknop { margin-top: 20px; text-align: center; margin-left: auto; background: #e2e2e2; margin-top: 15px; color: #272727; width: 220px; }
    .white .iconknop a { display: block; padding: 7px 15px; color: #272727; }
        .white .iconknop a:hover { background: #5c2b76; color: #ffffff; text-decoration: none; }

.purple .iconknop { margin-top: 20px; text-align: center; margin-left: auto; background: #5c2b76; margin-top: 15px; color: #5c2b76; width: 220px; }
    .purple .iconknop a { display: block; padding: 7px 15px; color: #ffffff; }
        .purple .iconknop a:hover { background: #ffffff; color: #5c2b76; }

.lightgrey .iconknop { margin-top: 20px; text-align: center; margin-left: auto; background: #5c2b76; margin-top: 15px; color: #5c2b76; width: 220px; }
    .lightgrey .iconknop a { display: block; padding: 7px 15px; color: #ffffff; }
        .lightgrey .iconknop a:hover { background: #ffffff; color: #5c2b76; }
.innorood {background:#EE0D17;}
.contactmenu {background:#ee0D17 !important;border-radius: 20px;padding: 0 !important;color: #fff !important;margin-left: 15px;margin-top: 14px !important;}
.contactmenu a {color:#fff !important;}
.contactmenu:hover {background:#ee0d17 !important;}

.purplebar { background: #5c2b76; height: 20px; }

.ctaknop {padding: 0 !important;color: #fff !important;margin-left: 15px;margin-top: 30px;}
.ctaknop a {color:#fff !important;background:#ee0D17;border-radius: 20px;padding:5px 20px;font-weight:bold;}

.ctaknopbig {padding: 0 !important;color: #fff !important;margin-left: 15px;margin-top: 30px;}
.ctaknopbig a {color:#fff !important;background:#ee0D17;border-radius: 20px;padding:15px 30px;font-weight:bold;}



.bannerimage img { width: 100%; margin-bottom: 100px; }
.casebannerimage img { width: 100%; }
.contactcontainer { margin-top: 50px; margin-bottom: 50px; display: flex; }
input[type=text], input[type=email], textarea { border: 1px solid #ccc; border-radius: 4px; padding: 4px 8px; margin-bottom: 10px; width: 200px; max-width: 100%; }
textarea { width: 100%; }
input[type=submit] { background-color: #5c2b76; color: #fff; padding: 10px 30px; border: none; }
    input[type=submit]:hover { background-color: #e2e2e2; color: #333; }

.slogan {/* margin-top: 35px; */float: right;margin-right: 20px;}
.submenu { display: none; }
h4 a { color: #272727; }

.form-control {margin-bottom:15px;}

.types { padding: 100px; text-align: center; }
.typestxt { padding-top: 65px; }
    .typestxt h1 { font-size: 30px; }
.typesdesc { }
.typesimg { }

.showonmobile {display:none;}

.sitebtn-grey {background: #272727;width: 265px;clear: both;margin-left: auto;margin-right: auto;color: white;text-align: center;border-radius: 50px;}

    .sitebtn-grey a { color: white; display: inline-block; width: 100%; height: 100%; text-decoration: none; padding: 15px 30px; font-family: 'Big John', sans-serif; }

    .sitebtn-grey:hover { /*background: #5c2b76;*/ background: #fe4a01; color: #fff;  box-shadow: 10px 10px 20px 0px rgba(254,74,1,0.2); }

        .sitebtn-grey:hover a { color: #fff; }

.sitebtn {background: rgb(39,170,225);background: linear-gradient(90deg, rgba(121, 66, 162) 0%, rgba(105,98,233,1) 100%);width: 300px;clear: both;margin-left: auto;margin-right: auto;color: white;text-transform: uppercase;display: inline-block;text-align: center;border-radius: 50px;box-shadow: 10px 10px 30px 0px rgba(0,0,0,0.15);}

    .sitebtn a { color: white; display: inline-block; width: 100%; height: 100%; text-decoration: none; padding: 15px 30px; }

    .sitebtn:hover { /*background: #5c2b76;*/ background: #8950a1; color: #fff; box-shadow: 10px 10px 20px 0px rgba(254,74,1,0.2); }

        .sitebtn:hover a { color: #fff; }
.sitebtn2 {color: rgb(92, 43, 118);width: 220px;clear: both;margin-left: auto;margin-right: auto;color: #5c2b76;text-transform: uppercase;margin-left: auto;text-align: center;border-radius: 50px;border-bottom: #5c2b76 2px solid;/* box-shadow: 0px 0px 20px 0px rgba(0,0,0,0.15); */margin-right: auto;float: none;display: inline-block;}

    .sitebtn2 a {color: #5c2b76;display: inline-block;width: 100%;height: 100%;text-decoration: none;background: #ffffff;padding: 15px 30px;border-radius: 30px;}

    .sitebtn2:hover {/*background: #5c2b76;*/border-bottom: #8950a1 3px solid;color: #5c2b76;box-shadow: 5px 5px 20px 0px rgba(170,107,214,0.2);}

        .sitebtn2:hover a { color: #5c2b76; }

.lightgrey .sitebtn2 {background: rgb(39,170,225);background: linear-gradient(90deg, rgba(121, 66, 162) 0%, rgba(105,98,233,1) 100%);/* width: 300px; */clear: both;margin-left: auto;margin-right: auto;color: black;text-transform: uppercase;display: inline-block;text-align: center;border: none;border-radius: 50px;box-shadow: 10px 10px 30px 0px rgba(0,0,0,0.15);}

    .lightgrey .sitebtn2 a {color: white;display: inline-block;width: 100%;height: 100%;text-decoration: none;background: inherit;padding: 15px 10px;border: none;}

    .lightgrey .sitebtn2:hover { /*background: #5c2b76;*/ background: #8950a1; color: #fff; box-shadow: 10px 10px 20px 0px rgba(170,107,214,0.2); }

        .lightgrey .sitebtn2:hover a { color: #fff; }

.lightgrey .sitebtn {background: #5c2b76;width: 300px;margin-left: auto;margin-right: auto;clear: both;color: #fff;text-align: center;margin-top: 30px;}

    .lightgrey .sitebtn a { color: #fff; }

    .lightgrey .sitebtn:hover { background: #ffffff; color: #5c2b76; }

        .lightgrey .sitebtn:hover a { color: #5c2b76; }

.staan-klaar {/* margin-top: 50px; */}

.contactslogan { border-left: #efefef 5px solid; padding-left: 30px; margin-bottom: 50px; padding-bottom: 20px }
    .contactslogan h3 {font-family: 'Montserrat', 'Big John', Verdana;margin-top: 40px;font-weight: 800;}

.maxmenu {max-width: 175px;margin-top: 0px !important;text-align: center;margin-left: 10px;margin-right: 10px;}
.maxmenuxs {max-width: 125px;margin-top: 0px !important;text-align: center;}
.headerontop {position:absolute;z-index:99;width: 100%;}
.marginbanner {margin-top: 80px;}
.brands .intro {padding-bottom:0 !imporant;}
.max750 {max-width:750px !important;}
.max500 {max-width:500px !important;}

.marginbtmm {margin-bottom:100px;}
.margintops {margin-top:50px;}

.topmenuitem {float:left;padding-top:5px;margin-left:10px;margin-right:10px;}
.topmenuitem a {color: #000;text-decoration:none;}
.intromargetop {margin-top:50px;}
.event {
    margin-top: 30px;
    height: 345px;
}
.newpurplebg {background:#7c5bd6;color: #fff;}
.newpurplebg strong, .newpurplebg a {color: #fff;}
.newpurplebg h3, .newpurplebg h2 {color:#fff;}
.lightgrey h2 {color:#7c5bd6;}

.bgtransp .ctatitle {max-width:75%;margin-left:auto;margin-right:auto;margin-bottom:30px;}
.ctablok {max-width:850px;}
.ctablok strong {color:#000;}
.fs-panel {
    border-radius: 5px;
    background-color: #fff;
    border: 1px solid #eeeeee;
    padding: 15px 35px;
    background: #fff url(/images/background-panel.png) no-repeat left center;
    /*background-position-y: 20px;*/
}
.event-container {margin-top:50px}
.event { margin-top: 30px; height: 345px; }
.eventtitle { font-size: 18px; height: 55px; overflow: hidden; }
.eventfa { width: 20%; font-size: 35px; text-align: center; padding-top: 7px; color: #bdc7df; float: left; }
.eventdate { width: 80%; display: inline-block; }
.eventstartdate { font-size: 16px; font-weight: bold; float: left; padding-top: 10px; }
.eventstarttime { font-size: 16px; float: left; pad; padding-top: 10px; padding-left: 10px; }
.eventenddate { clear: both; font-size: 16px; font-weight: bold; float: left; }
.eventendtime { font-size: 16px; float: left; padding-left: 10px; }
.eventmapfa { width: 20%; font-size: 35px; text-align: center; color: #bdc7df; float: left; }
.eventlocation { width: 80%; margin-top: 7px; display: inline-block; }
.eventbtn { width: 115px; margin-top: 15px; float: right; TEXT-ALIGN: CENTER; }
    .eventbtn a {background: #5c2b76;color: #fff;padding: 10px 20px;display: block;border-radius: 5px;}

.eventdetail { margin-top: 30px; }
.eventdetailtitle { font-size: 18px; height: 75px; overflow: hidden; font-weight: bold; margin-left: 15px; }
.eventdetailinfo { margin-top: 30px; }
.eventdetailfa { width: 20%; font-size: 40px; float: left; color: #bdc7df; text-align: center; }
.eventbtninschrijven { width: 100%; margin-top: 15px; text-align: center; }
    .eventbtninschrijven a {background: #5c2b76;color: #fff;padding: 10px 20px;display: block;border-radius: 5px;}
.eventmapdetailfa { width: 20%; font-size: 50px; float: left; color: #bdc7df; text-align: center; }
.eventdetaillocation { width: 80%; margin-top: 13px; display: inline-block; }
.eventcontactfa { width: 20%; font-size: 40px; color: #bdc7df; float: left; text-align: center; }
.eventcontact { width: 80%; display: inline-block; font-size: 14px; margin-top: 0px; margin-bottom: 7px; }
.eventpricefa { width: 20%; font-size: 40px; float: left; color: #bdc7df; text-align: center; }
.eventprice { width: 80%; font-size: 20px; display: inline-block; margin-top: 10px; line-height: 20px; }
.eventgamedetailfa { width: 20%; font-size: 36px; float: left; color: #bdc7df; text-align: center; }
.eventgamefa { width: 20%; text-align: center; color: #bdc7df; font-size: 32px; float: left; }
.eventgame { width: 80%; display: inline-block; margin-top: 5px; }

.ideaalgroep {text-align: center;padding: 0 0 20px 0;/* margin-top: 2%; */margin: 2%;background: #fff;box-shadow: 1px 1px 10px 0px rgba(170,107,214,0.2);border-radius: 10px;/* margin-right: auto; */float: none;display: inline-block;font-family:'Montserrat';font-weight:bold;font-size:25px;}
.ideaalgroep img {margin-bottom:30px;}
.diensticons:hover {box-shadow: 10px 10px 20px 0px rgb(113, 106, 249, 0.15);}

.dienstenproducten {margin-top:200px;margin-bottom: 100px;}
.diensticons {/* max-width: 195px; *//* min-width: 195px; */text-align: center;padding: 0px 20px 30px 20px;/* margin-top: 2%; *//* margin: 2%; */width: 100%;background: #fff;box-shadow: 1px 1px 10px 0px rgba(170,107,214,0.2);border-radius: 10px;/* margin-right: auto; */float: none;display: inline-block;}
.diensticons:hover {box-shadow: 10px 10px 20px 0px rgb(113, 106, 249, 0.15);}

.dienstenkort {max-height: 120px;min-height: 120px;overflow:hidden;margin-top: 10px;}
.dienstenreadmore {margin-top:30px;}
.dienstenreadmore a {border-bottom:#5c2b76 1px solid; border-radius:20px;color:#5c2b76; padding:5px 20px;}
.dienstenreadmore a:hover {background:#5c2b76; border-radius:20px;color:#fff; padding:5px 20px;}
.trajecticon {max-width:520px;margin-bottom:100px;}
.trajectintro {text-align: center;/* margin-top: 30px; */max-width: 570px;float: right;}
.trajectintro h2 {color: #7c5bd6;}
.ikwil .trajecticon {max-width: 700px;margin-bottom: 0px;}
.ikwil .trajectintro {text-align: center;margin-top: 50px;max-width: 570px;float: right;}
.ikwil .trajectintro h2 {color: #7c5bd6;}
.ikwil .trajectintro h3 {line-height:30px;font-family:'Montserrat';font-size: 16px;text-transform:initial;}
.ikwil .dienstjes {width: 680px;/* float:right; */text-align: center;margin-left: auto;margin-right: auto;}

.pakketjes {}
.pakketjes .packvaluetitle{font-size:12px;height: 30px;border-bottom: #ccc 1px dotted;padding-top: 5px;}
.pakketjes .omschrijving {
    margin-top: 50px;
}
.pakketjes .packvalue {
    text-align: center;
    height: 30px;
    border-bottom: #ccc 1px dotted;
    padding-top: 5px;
}
.pakketjes .packtitle {font-size: 20px;font-weight: bold;text-align: center;height: 40px;}
.pakketjes .kleineletters {font-size:9px;}
.pakketjes .packtitlevalue {height: 42px;}
.pakketjes .mostwanted {border:#716af9 3px solid;background:#f8f7ff;margin-top: 50px;}
.pakketjes .notmostwanted {border:#efefef 3px solid;background:#fefefe;margin-top: 50px;}
.pakketjes .fa-times {color:#ee0d17}