*/
/* Table of Content
==================================================
	#Font-Face
	#Site Styles
	#Media Queries */

/* #Font-Face
================================================== */

/* #Site Styles
================================================== */

/* ### general ### */
*, *:before, *:after { margin: 0; padding: 0; box-sizing: border-box; }
a { text-decoration: none; transition: all 0.3s; cursor: pointer; }
ul,
li { list-style: none; }
:focus { outline: none; }
h1,
h2,
h3,
h4,
h5,
h6 { font-weight: 700; line-height: 1.2; }
.h1,
h1 { margin-bottom: 15px; font-size: 36px; line-height: 1; }
.h2,
h2 { margin-bottom: 18px; font-size: 30px; line-height: 1.2; color: #141464}
.h3,
h3 { margin-bottom: 20px; font-size: 24px; }
.h4,
h4 { margin-bottom: 5px; font-size: 18px; }
.h5,
h5 { font-size: 18px; }
.h6,
h6 { font-size: 18px; }
p {}
.button { padding: 12px 10px 10px; display: inline-flex; align-content: center; align-items: center; justify-content: center; min-width: 220px; height: 50px; font-weight: 700; text-align: center; color: #fff; border: 2px solid #aa028c; border-radius: 30px; background: #aa028c; transition: all 0.3s; cursor: pointer; }
.button:hover { color: #aa028c; background: #fff; }
.button + .button { margin-left: 18px; }
.button.button-outline { border: 2px solid #fff; background: transparent; }
.button.button-outline:hover { color: #fff; border-color: #870470; background: #870470; }
.button.button-alt { color: #aa028c; border: 2px solid #aa028c; background: transparent; }
.button.button-alt:hover { color: #fff; border-color: #870470; background: #870470; }
.button:after { margin-left: 10px; position: relative; top: 0; display: inline-block; font-family: 'icomoon', sans-serif; font-size: 14px; content: '\f105'; }
.button-link { display: inline-flex; align-content: center; align-items: center; justify-content: center; font-weight: 700; color: #aa028c; }
.button-link:hover { color: #870470; }
.button-link:after { margin-left: 10px; position: relative; top: -2px; display: inline-block; font-family: 'icomoon', sans-serif; font-size: 14px; font-weight: 400; content: '\f105'; }
input[type='search']::-webkit-search-decoration,
input[type='search']::-webkit-search-cancel-button,
input[type='search']::-webkit-search-results-button,
input[type='search']::-webkit-search-results-decoration {
	display: none;
}

strong { font-weight: 800; }

p strong{ font-family: roc-grotesk, sans-serif; }

/* ### global classes ### */
.clear { visibility: hidden; clear: both; height: 0; line-height: 0; }
.center { margin: 0 auto; position: relative; max-width: 1200px; }
.centered { padding-right: calc((100% - 1440px) / 2); padding-left: calc((100% - 1440px) / 2); }
.centered-lg { padding-right: calc((100% - 1840px) / 2); padding-left: calc((100% - 1840px) / 2); }
.centered-md { padding-right: calc((100% - 1524px) / 2); padding-left: calc((100% - 1524px) / 2); }
.centered-sm { padding-right: calc((100% - 1140px) / 2); padding-left: calc((100% - 1140px) / 2); }

.mini_prop{ font-size: 0px; line-height: 0px; }

/* ### wrapper ### */
#wrapper { overflow: hidden; position: relative; display: block; width: 100%; min-height: 100%; }

/* ### main container ### */
#mainCntr { width: 100%;}

/* ### header container ### */
#headerCntr { padding-top: 40px; position: fixed; top: 0; left: 0; z-index: 900; display: flex; align-content: center; align-items: center; justify-content: space-between; width: 100%; transition: all 0.3s; }

#headerCntr.small_banner_holder { padding-top: 16px; }

#headerCntr.scrolled.small_banner_holder #logo_w{ display:none!important; }
#headerCntr.scrolled.small_banner_holder #logo_b{ display:block!important; }

#headerCntr.scrolled{ background-color: rgba(256,256,256,1); padding-top: 10px; padding-bottom: 10px; box-shadow: 0 3px 3px 3px rgba(0,0,0,0.08);} 
#headerCntr .right { display: inline-flex; align-content: center; align-items: center; justify-content: flex-start; }
#headerCntr .logo { display: block; width: 281px; }
#headerCntr .logo img { max-width: 100%;  width: 100%; }
#headerCntr #logo_w{ display: block; }
#headerCntr.scrolled #logo_w{ display: block;  width: 100%; }
#headerCntr #logo_b{ display: none; width: 100%; }
#headerCntr.scrolled #logo_b{ display: none; }
#headerCntr .mobileMenu { margin-left: 10px; position: relative; top: -2px; z-index: 15; display: none; float: left; width: 40px; height: 40px; transition: 0.2s; cursor: pointer; overflow: hidden; }
#headerCntr .mobileMenu span { position: absolute; top: 50%; right: 20%; left: 20%; display: block; height: 4px; text-indent: -9999px; border-radius: 5px; background: #fff; transition: 0.2s; }
#headerCntr .mobileMenu span:before,
#headerCntr .mobileMenu span:after { position: absolute; left: 0; display: block; width: 100%; height: 4px; border-radius: 5px; background-color: #fff; transition-duration: 0.2s, 0.2s; content: ''; }
#headerCntr.scrolled .mobileMenu span {background-color: #141464; }
#headerCntr.scrolled .mobileMenu span:before,
#headerCntr.scrolled .mobileMenu span:after { background-color: #141464;}
#headerCntr.dark_menu .mobileMenu span {background-color: #141464; }
#headerCntr.dark_menu .mobileMenu span:before,
#headerCntr.dark_menu .mobileMenu span:after { background-color: #141464;}
#headerCntr .mobileMenu span:before { top: -7px; }
#headerCntr .mobileMenu span:after { bottom: -7px; }
#headerCntr.inner { margin-bottom: 50px; padding-bottom: 52px; position: relative; top: auto; left: auto; background: url('images/header-bg.jpg') center center no-repeat; background-size: cover; }
#headerInner {width: 100%;position: relative;display: flex;align-content: center;align-items: center;justify-content: space-between;}

.mm-opened #headerCntr .mobileMenu span { background: none; }
.mm-opened #headerCntr .mobileMenu.is-active span:before,
.mm-opened #headerCntr .mobileMenu.is-active span:after { transition-delay: 0s, 0.2s; }
.mm-opened #headerCntr .mobileMenu span:before { top: 0; -webkit-transform: rotate(45deg); transform: rotate(45deg); }
.mm-opened #headerCntr .mobileMenu span:after { bottom: 0; -webkit-transform: rotate(-45deg); transform: rotate(-45deg); }

/* ### menu box ### */
.menuBox:not(.mm-menu)>ul { display: flex; width: auto; }
.menuBox:not(.mm-menu)>ul>li { margin-left: 62px;}
.menuBox:not(.mm-menu)>ul>li>ul { position: absolute; top: calc(100% - 10px); left: 0; display: block; opacity: 0; visibility: hidden; width: 100%; border-radius: 5px; background: #fff; transition: all 0.1s; box-shadow: 0 3px 5px rgba(0, 0, 0, 0.2); display: flex; flex-direction: row; z-index: 40; overflow: hidden;}
.menuBox>ul>li>ul>li>ul{ left: calc(100% + 12px)!important; }
.menuBox:not(.mm-menu)>ul>li:hover>ul { top: 100%; opacity: 1; visibility: visible; z-index: 100; }
.menuBox:not(.mm-menu)>ul>li>ul>li:hover>ul { top: calc(100% - 30px); opacity: 1; visibility: visible; }
.menuBox:not(.mm-menu) ul li ul li { margin: 0; width: 100%; }
.menuBox:not(.mm-menu) ul li ul li a { padding: 10px 0px; display: block; width: 100%; font-size: 16px; line-height: 1.2; color: #000; }
.menuBox:not(.mm-menu) ul li ul li span { padding: 10px 0px; display: block; width: 100%; font-size: 16px; line-height: 1.2; color: #000; }
.menuBox:not(.mm-menu) ul li ul li a:hover { opacity: 0.8; }
.menuBox:not(.mm-menu) ul li ul li span:hover { opacity: 0.8; }
.menuBox:not(.mm-menu) ul li ul li a:after { display: none; }
.menuBox:not(.mm-menu) ul li.hide-desktop { display: none; }
.menuBox:not(.mm-menu) ul li:first-child { margin-left: 0; }
.menuBox:not(.mm-menu) ul li a { padding: 10px 0; display: inline-flex; align-content: flex-start; align-items: flex-start; justify-content: flex-start; font-size: 18px; text-decoration: none; color: #fff; }
.menuBox:not(.mm-menu) ul li a:hover { opacity: 0.8; }
.menuBox:not(.mm-menu) ul li span { padding: 10px 0; display: inline-flex; align-content: flex-start; align-items: flex-start; justify-content: flex-start; font-size: 18px; text-decoration: none; color: #fff; }
.menuBox:not(.mm-menu) ul li span:hover { opacity: 0.8; }
#headerCntr.scrolled .menuBox:not(.mm-menu) ul li a{ color: #000000; }
#headerCntr.dark_menu .menuBox:not(.mm-menu) ul li a{ color: #000000; }
#headerCntr.scrolled .menuBox:not(.mm-menu) ul li span{ color: #000000; }
#headerCntr.dark_menu .menuBox:not(.mm-menu) ul li span{ color: #000000; }
.menuColTop { padding: 40px; padding-right: 20px;}
.menuColTop>a { font-weight: 700; }
.menuColTop>span{ font-weight: 700; }
.menuColTop:last-child { background-color: #f7fafc; }

.menuBox:not(.mm-menu)>ul>li.menu-item-has-children>a:after { margin-top: 5px; margin-left: 10px; display: inline-block; width: 10px; height: 6px; font-family: 'icomoon', sans-serif; font-size: 14px; line-height: 1.6; content: '\f107'; }
.menuBox:not(.mm-menu)>ul>li.menu-item-has-children>span:after { margin-top: 5px; margin-left: 10px; display: inline-block; width: 10px; height: 6px; font-family: 'icomoon', sans-serif; font-size: 14px; line-height: 1.6; content: '\f107'; }

.menuBox:not(.mm-menu) ul li.hasIcon { background-position: 4px 4px; background-repeat: no-repeat; background-size: 24px auto; padding-left: 28px; }
.mm-menu ul li.hasIcon { background-position: 8px 8px; background-repeat: no-repeat; background-size: 24px auto; padding-left: 20px; }
.mm-menu ul li a { color:rgba(0, 0, 0, 0.75)!important; }

.menuBox>ul>li:not(.topMenuItem) .sub-menu {padding-left: 20px;}
.menuH3{ padding-top: 6px; font-size: 22px; line-height: 22px; margin-top: 0px; margin-bottom: 10px; font-weight: 400; }
.menuUitleg { font-size: 14px; line-height: 24px; }
.menuUitleg a{font-size: 14px!important; line-height: 24px!important; display: inline!important;}

.menuItemUitleg { opacity: 0;width:0px;height:0px;overflow:hidden; }
.menuItemSubRegel{ font-size: 14px; line-height: 24px; }


/* ### language box ### */
.languageBox { margin-left: 40px; position: relative;}
.languageBox ul { display: flex; width: auto; }
.languageBox ul li ul { padding: 10px; position: absolute; top: calc(100% - 10px); left: 0; display: block; opacity: 0; visibility: hidden; width: 60px; border-radius: 5px; background: #fff; transition: all 0.3s; box-shadow: 0 3px 5px rgba(0, 0, 0, 0.2); }
.languageBox ul li:hover ul { top: 100%; opacity: 1; visibility: visible; }
.languageBox ul li ul li { margin: 0; }
.languageBox ul li ul li a { padding: 3px 5px; display: block; width: 100%; font-size: 16px; line-height: 1.2; color: #000; text-transform: uppercase; }
.languageBox ul li { margin-left: 20px; position: relative; display: inline-flex; flex-wrap: wrap; align-content: center; align-items: center; justify-content: flex-start; font-size: 18px; }
.languageBox ul li a.search-btn { display: flex; align-content: center; align-items: center; justify-content: center; width: 12px; height: 12px; font-size: 12px; }
.languageBox ul li a.search-btn:after { font-family: 'icomoon', sans-serif; content: '\f002'; }
.languageBox.is-active ul li a.search-btn:after { content: '\f00d'; }
.languageBox ul li:first-child { margin-right: 10px; }
.languageBox ul li a { display: inline-flex; align-content: flex-start; align-items: flex-start; justify-content: flex-start; text-decoration: none; color: #fff; }
#headerCntr.scrolled .languageBox ul li a{ color: #000000; }
#headerCntr.dark_menu .languageBox ul li a{ color: #000000; }
.languageBox ul li a:hover { opacity: 0.8; }
.languageBox ul li a.language-btn{ text-transform: uppercase; }
.languageBox ul li a.language-btn:after { margin-top: 5px; margin-left: 10px; display: inline-block; width: 10px; height: 6px; font-family: 'icomoon', sans-serif; font-size: 14px; line-height: 1.4; content: '\f107'; }
.languageBox.is-active .search { right: 100%; opacity: 1; visibility: visible; }
.languageBox .search { position: absolute; top: 50%; right: calc(100% - 10px); opacity: 0; visibility: hidden; transform: translateY(-50%); transition: all 0.3s; }
.languageBox .search button { position: absolute; top: 50%; right: 20px; line-height: 1.2; border: 0; background: transparent; transform: translateY(-50%); cursor: pointer; }
.languageBox .search input { padding: 10px 45px 10px 15px; width: 250px; height: 50px; color: rgba(40, 36, 37, 0.5); border: 0; border-radius: 30px; background: #fff; }
.languageBox .search input::placeholder { color: rgba(40, 36, 37, 0.5); }

/* ### content container ### */
#contentCntr { width: 100%;}

/* ### banner box ### */
.bannerBox { position: relative; width: 100%; height: auto;  background-color: #ffffff; overflow: hidden; }
.bannerBox .image-bg { padding-top: 160px; padding-bottom: 60px; display: flex; flex-wrap: wrap; align-content: center; align-items: center; justify-content: flex-start; width: 100%; height: calc(100vh - 120px); min-height: 830px; background-repeat: no-repeat; background-position: center top; background-size: cover; }
.bannerBox .h2 { margin-bottom: 5px; }
.bannerBox .content { max-width: 725px; color: #fff; position: relative; z-index: 20; padding: 20px;padding-top: 140px;  border-radius: 10px; }
.bannerBox .content.full { width: 100%; max-width: 100%; }


.bannerBox form { position: relative; max-width: 462px; }
.bannerBox form input[type=text],.bannerBox form input[type=email],.bannerBox form input[type=tel],.bannerBox form input[type=number] { padding: 10px 240px 5px 20px; width: 100%; height: 50px; color: rgba(40, 36, 37, 0.5); border: 0; border-radius: 30px; background: #fff; }
.bannerBox form input::placeholder { color: rgba(40, 36, 37, 0.5); }
.bannerBox form input[type=submit] { position: absolute; bottom: 0; right: 0; display: flex; align-content: center; align-items: center; justify-content: center; width: 220px; height: 50px; font-weight: 700; text-align: center; color: #fff; border: 0; border-radius: 30px; background: #aa028c; transition: all 0.3s; cursor: pointer; text-align: center padding: 10px 20px 5px 20px;}
.bannerBox form input[type=submit]:after { margin-left: 10px; display: inline-block; font-family: 'icomoon', sans-serif; font-size: 14px; content: '\f105'; }
.bannerBox form input[type=submit]:hover { background: #870470; }
.bannerBox form .wpcf7-not-valid-tip{ float:left; }
.bannerBox form .wpcf7-spinner,.bannerBox form .wpcf7-response-output{ display:none!important; }
.bannerBox form p{ padding: 0!important; margin: 0!important;}

.bannerBox .brand { padding-top: 25px; padding-bottom: 25px; position: absolute; bottom: 0; left: 0; z-index: 3; width: 100%; background: #fff; }
.bannerBox .brand-img { margin: 0 20px; text-align: center;}
.bannerBox .brand-img img{ max-height: 64px; filter: grayscale(100%); opacity: 0.4; display: inline-block;  }
.bannerBox .number { padding-top: 15px; padding-bottom: 10px; position: absolute; bottom: 0; left: 0; z-index: 3; display: flex; flex-wrap: wrap; align-content: center; align-items: center; justify-content: space-between; width: 100%; background: #4b799f; }
.bannerBox .nonumber { padding-top: 15px; padding-bottom: 10px; position: absolute; bottom: 0; left: 0; z-index: 3;background-color: #ffffff; width: 100%;}
.bannerBox .number-block { padding: 0 30px; width: 33.33%; line-height: 1.2; text-align: center; color: #fff; }
.bannerBox .number-block strong { margin-bottom: 0; display: block; }
.bannerBox .number-block small { display: block; font-size: 20px; }
.bannerBox .text { margin-bottom: 25px; font-size: 24px; }
.bannerBox.text-left { text-align: left; }
.bannerBox.text-center { text-align: center; }
.bannerBox.text-right { text-align: right; }
.bannerBox.text-left .image-bg { position: relative; z-index: 2; }
/*.bannerBox.text-left .image-bg:after { position: absolute; top: 0; left: 0; z-index: 1; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.3); content: ''; }*/
.bannerBox.text-center .image-bg { position: relative; z-index: 2; }
/*.bannerBox.text-center .image-bg:after { position: absolute; top: 0; left: 0; z-index: 1; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.3); content: ''; }*/
.bannerBox.text-right .image-bg { position: relative; z-index: 2; }
/*.bannerBox.text-right .image-bg:after { position: absolute; top: 0; left: 0; z-index: 1; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.3); content: ''; }*/
.bannerBox.blue-banner { padding-top: 94px; display: flex; flex-wrap: wrap; align-content: flex-end;  justify-content: space-between; background: url('images/banner-bg.jpg') no-repeat; background-size: cover; background-position: center bottom; }
.bannerBox .banner-left { width: calc(50% + 50px); color: #fff; }
.bannerBox .banner-right { margin-right: -50px; width: 50%;text-align: right; }
.bannerBox .banner-right img {display: inline-block; vertical-align: bottom; }
.bannerBox.blue-banner .title { margin-bottom: 30px; padding: 20px 20px 20px 30px; border-radius: 12px; background: #141464; }
.bannerBox.blue-banner .number-block { padding: 0 50px 5px 0; width: auto; }
.bannerBox.blue-banner .number-small { position: static; background: transparent; }
.bannerBox.blue-banner .number-small strong { font-size: 24px; }
.bannerBox.blue-banner .number-small small { font-size: 16px; }
.bannerBox.blue-banner .banner-content { min-height: 505px; }
.tag-text { margin-bottom: 22px; padding: 5px 15px 3px; display: inline-block; font-size: 14px; font-weight: 700; line-height: 1.2; text-transform: uppercase; color: #fff; border-radius: 5px; background: #fd795e; }
.tag-text.green { background: #f3c072; }
.tag-text.pink { background: #19baa3; }
.small_banner{ display:block; width: 100%; height: 90px; background-position: left center; background-repeat: no-repeat; background-size: unset; margin-bottom: 40px; }



#bannerBoxNav{ position: absolute; width: 100%; left:0; text-align: center; z-index: 800; bottom:10px; }
.bannerNavDot{ width: 14px; height: 14px; border:1px solid #ffffff; background-color: rgba(256,256,256,0.4); border-radius: 50%; display: inline-block; margin-left: 10px; margin-right: 10px; cursor: pointer; transition: all 0.3s; }
.bannerNavDot:hover{ background-color: rgba(256,256,256,1); }
.bannerNavDot.active{ cursor: default; pointer-events: none; background-color: rgba(256,256,256,1); }
#bannerBoxBak{ width: 10000%; }

#bannerBoxSlider{ width: 100%; height: auto; overflow: hidden;}
.bannerBoxSlide{ width: 100vw; height: calc(100vh - 120px);  background-position: center center; background-size: cover; background-repeat: no-repeat; float: left; }
.mobileBannerBoxSlide{ width: 100vw; height: auto; float: left; background-position: center center; background-size: cover; background-repeat: no-repeat;

 }
.mobileBannerBoxSlide.metgradient{/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#2713c5+0,7c03a2+100 */
background: rgb(39,19,197); /* Old browsers */
background: -moz-linear-gradient(left,  rgba(39,19,197,1) 0%, rgba(124,3,162,1) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(left,  rgba(39,19,197,1) 0%,rgba(124,3,162,1) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to right,  rgba(39,19,197,1) 0%,rgba(124,3,162,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#2713c5', endColorstr='#7c03a2',GradientType=1 ); /* IE6-9 */}

.bannerBoxSlide{ display: flex; justify-content: center; }
.bannerBoxSlideInner{ width: 100%; max-width: 1440px; display: flex; flex-direction: column; justify-content: center; }
.bannerBoxSlideOuter{ width: 100vw; height: auto; float: left;}
.largeBanner{ height: calc(100vh - 120px)!important; }


.mediumBanner{ height: calc(50vh - 0px)!important; min-height: 0px!important;}
.mediumBanner #bannerBoxSlider{ width: 100%; height: calc(50vh - 0px)!important; position: absolute; top:0; left:0; overflow: hidden; z-index: 1; }
.mediumBanner .bannerBoxSlide{ width: 100vw; height: calc(50vh - 0px)!important; background-position: center center; background-size: cover; background-repeat: no-repeat; float: left; }
.mediumBanner .mobileBannerBoxSlide{ width: 100vw; height: calc(50vh - 0px)!important; background-position: center center; background-size: cover; background-repeat: no-repeat; float: left; }
.mediumBanner .bannerBoxSlide{ display: flex; justify-content: center; }
.mediumBanner .bannerBoxSlideInner{ width: 100%; max-width: 1440px; display: flex; flex-direction: column; justify-content: center; }
.mediumBanner .mobileBannerBoxSlide{ width: 100vw; height: auto; min-height: 0px; background-position: center center; background-size: cover; background-repeat: no-repeat; float: left; }


.smallBanner{ height: calc(25vh - 0px)!important; }
.smallBanner{ height: calc(25vh - 0px)!important; min-height: 0px!important;}
.smallBanner #bannerBoxSlider{ width: 100%; height: calc(25vh - 0px)!important; position: absolute; top:0; left:0; overflow: hidden; z-index: 1; }
.smallBanner .bannerBoxSlide{ width: 100vw; height: calc(25vh - 0px)!important; background-position: center center; background-size: cover; background-repeat: no-repeat; float: left; }
.smallBanner .mobileBannerBoxSlide{ width: 100vw; height: calc(25vh - 0px)!important; background-position: center center; background-size: cover; background-repeat: no-repeat; float: left; }
.smallBanner .bannerBoxSlide{ display: flex; justify-content: center; }
.smallBanner .bannerBoxSlideInner{ width: 100%; max-width: 1440px; display: flex; flex-direction: column; justify-content: center; }
.smallBanner .mobileBannerBoxSlide{ width: 100vw; height: calc(100vh - 0px); background-position: center center; background-size: cover; background-repeat: no-repeat; float: left; }
.smallBanner #bannerBoxNav.brandNumbers{ bottom: 20px; }


.bannerBoxSlide{ display: none; }
.mediumBanner .bannerBoxSlide{ display: none; }
.smallBanner .bannerBoxSlide{ display: none; }
.mobileBannerBoxSlide{ display: block; }	
.mobileBannerBoxSlide .bannerBoxSlideInner{ padding-top: 120px; }
@media (min-width:1099px){
#bannerBoxSlider{ width: 100%; height: auto; min-height:700px;  position: absolute; top:0; left:0; overflow: hidden; z-index: 1; }
.bannerBoxSlide{ display: flex; width: 100vw; height: 100%;  background-position: center center; background-size: cover; background-repeat: no-repeat; float: left; }	
.mobileBannerBoxSlide{ display: none; }	
#bannerBoxNav.brandNumbers{ bottom: 60px; }



.mediumBanner .mobileBannerBoxSlide{ display: none; }	
.mediumBanner #bannerBoxNav.brandNumbers{ bottom: 40px; }
.mediumBanner .bannerBoxSlide{ display: flex; width: 100vw; height: 100%;  background-position: center center; background-size: cover; background-repeat: no-repeat; float: left; }
.mediumBanner .mobileBannerBoxSlide .bannerBoxSlideInner{ padding-top: 120px; }


.smallBanner .mobileBannerBoxSlide{ display: none; }	
.smallBanner #bannerBoxNav.brandNumbers{ bottom: 40px; }
.smallBanner .bannerBoxSlide{ display: flex; width: 100vw; height: 100%;  background-position: center center; background-size: cover; background-repeat: no-repeat; float: left; }
} 
@media (min-width:1099px){
#bannerBoxSlider{ width: 100%; height: calc(100vh - 120px); position: absolute; top:0; left:0; overflow: hidden; z-index: 1; }
.bannerBoxSlide{ width: 100vw; height: calc(100vh - 120px); background-position: center center; background-size: cover; background-repeat: no-repeat; float: left; }	
.mobileBannerBoxSlide{ width: 100vw; height: calc(100vh - 120px); background-position: center center; background-size: cover; background-repeat: no-repeat; float: left; }
.mobileBannerBoxSlide .bannerBoxSlideInner{ padding-top: 120px; }	
#bannerBoxNav.brandNumbers{ bottom: 60px; }



.mediumBanner .mobileBannerBoxSlide{ display: none; }
.mediumBanner .bannerBoxSlide{ width: 100vw; height: calc(50vh - 0px); background-position: center center; background-size: cover; background-repeat: no-repeat; float: left; }
.mediumBanner .mobileBannerBoxSlide{ width: 100vw; height: 100vh; background-position: center center; background-size: cover; background-repeat: no-repeat; float: left; }

.smallBanner .mobileBannerBoxSlide{ display: none; }
.smallBanner .bannerBoxSlide{ width: 100vw; height: calc(25vh - 0px); background-position: center center; background-size: cover; background-repeat: no-repeat; float: left; }
.smallBanner .mobileBannerBoxSlide{ width: 100vw; height: 100vh; background-position: center center; background-size: cover; background-repeat: no-repeat; float: left; }
} 












.brandBox { position: relative; width: 100%;}
.brandBox .brand { padding-top: 25px; padding-bottom: 25px; width: 100%; background: #fff; }
.brandBox .brand-img { margin: 0 20px; text-align: center;}
.brandBox .brand-img img{ max-height: 64px; filter: grayscale(100%); opacity: 0.4; display: inline-block;  }




/* ### intro box ### */
.introBox { padding-top: 115px; padding-bottom: 115px; width: 100%; }
.introBox .mid { margin: 0 auto 0px; max-width: 550px; text-align: center; }
.introBox h2 { margin-bottom: 10px; }
.introBox h3 { font-size: 18px; margin-bottom: 18px;  }

/* ### work box ### 
.workBox { padding-bottom: 100px; padding-top: 115px; width: 100%; }
.workBox .mid { margin: 0 auto 0px; max-width: 550px; text-align: center; padding-bottom: 115px;}
.workBox .row { padding-bottom: 120px; display: flex; flex-wrap: wrap; align-content: center; align-items: center; justify-content: space-between; width: 100%; }
.workBox .left { width: 41%; }
.workBox .right { padding-top: 30px; width: 55%; }
.workBox .tag-text { margin-bottom: 15px; }
.workBox .odd .left { order: 1; }
.workBox h3 { font-size: 22px; margin-bottom: 18px;  }
*/
/* ### management box ### */
.managementBox { padding-bottom: 100px; width: 100%; }
.managementBox .row { display: flex; flex-wrap: wrap; align-content: center; align-items: center; justify-content: space-between; width: 100%; }
.managementBox .left { padding-left: 100px; width: 44%; }
.managementBox .right { margin-right: -30px; width: 55%; text-align: center;}
.managementBox .right img{ max-width: 80%; display: inline-block;}
.managementBox .row.odd .left { padding-right: 40px; padding-left: 0; order: 1; width: 42.7%; }
.managementBox .row.odd .right { margin-right: 0; margin-left: 100px; width: 47%; }

.managementBox ul, .managementBox ol{ padding-left: 20px; }
.managementBox ul li { list-style: disc;}
.managementBox ol li { list-style: decimal;}

.thankyou_label{ padding-right: 40px; }

/* ### image box ### */
.imageBox { padding-bottom: 115px; width: 100%; }
.imageBox img { margin: 0 auto; display: block; }

/* ### chat-info box ### 
.chat-infoBox { padding-bottom: 115px; width: 100%; }
.chat-infoBox h3{ margin-bottom: 6px;  }
.chat-infoBox h4{ font-size: 22px; margin-bottom: 16px;  }
.chat-infoBox .top { margin: 0 -30px; padding-bottom: 55px; display: flex; flex-wrap: wrap; justify-content: space-evenly; width: calc(100% + 60px); }
.chat-infoBox .bottom { display: flex; flex-wrap: wrap; align-content: center; align-items: center; justify-content: center; width: 100%; }
.chat-infoBox .col { padding: 0 30px 60px; width: 33.333%; transition: all 0.5s; }
.chat-infoBox .hoverCol:hover { padding: 0 26px 52px; margin-top: -8px; width: 33.333%; }
.chat-infoBox .chat-block { padding: 40px 30px 90px 30px;  text-align: center; border-radius: 10px; background: #fff; box-shadow: 0 0 20px rgba(102, 102, 102, 0.1); height:100%; position: relative; }
.chat-infoBox .location-block { overflow: hidden; display: block; text-align: center; border-radius: 10px; background: #fff; box-shadow: 0 0 20px rgba(102, 102, 102, 0.1); height:100%; position: relative; color: #000000; }
.chat-infoBox .location-block h3{ font-size: 30px; margin-bottom: 0px;padding: 10px;  }
.chat-infoBox .chat-img { margin: 0 auto 35px; width: 76px; }
.chat-infoBox .chat-block a.button { position: absolute; bottom: 40px; left: 50%; transform: translateX(-50%); white-space: nowrap;}
.chat-infoBox .left { width: 50%; }
.chat-infoBox .right { width: 50%; }
.chat-infoBox ul { position: relative; width: 100%; }
.chat-infoBox ul:after { position: absolute; top: 0; left: 0; width: 5px; height: 100%; border-radius: 5px; background: #eee; content: ''; }
.chat-infoBox ul li { padding: 15px 50px 15px 46px; position: relative; }
.chat-infoBox ul li a { display: block; color: #000; }
.chat-infoBox ul li:after { position: absolute; top: 0; left: 0; z-index: 2; opacity: 0; visibility: hidden; width: 5px; height: 100%; border-radius: 5px; background: #3d08d5; transition: all 0.3s; content: ''; }
.chat-infoBox ul li.is-active:after,
.chat-infoBox ul li:hover:after { opacity: 1; visibility: visible; }
*/



.seperatorBox { padding-bottom: 60px; padding-top: 60px; width: 100%; }

#faqResults, #caseboxResults { padding-top: 0px; }
.faqRow {display: block; color: #000000;text-decoration: none; padding-top: 20px;padding-bottom: 20px; border-radius: 10px;background: #fff;box-shadow: 0 0 20px rgba(102, 102, 102, 0.1); width: 100%; margin-bottom: 40px; }
.faqRowImage { width: 20%; float: left; text-align: center;}
.faqRowImage img { width: auto; height: auto; max-width: 100%; max-height: 155px; display: inline-block; }
.faqRowText { width: 80%;  float: left; padding-left: 40px; padding-right: 40px;}
.faqRowText h2 { font-size: 30px;}
.faqRow:hover .readMore {  }

#paginatie span.page-numbers { display: inline-block; border:1px solid #141464; border-radius: 2px; margin-left: 4px; margin-right: 4px; min-width: 32px; height: 32px; text-align: center; color: #ffffff; background-color: #141464;  transition: all 0.3s; padding-top: 2px;}
#paginatie a.page-numbers { display: inline-block; border:1px solid #141464; border-radius: 2px; margin-left: 4px; margin-right: 4px; min-width: 32px; height: 32px; text-align: center;padding-top: 2px;}
#paginatie a.page-numbers:hover {color: #ffffff; background-color: #141464;}
#paginatie a.next, #paginatie a.prev { display: inline-block; border:none!important;  border-radius: 2px; margin-left: 4px; margin-right: 4px; min-width: 32px; height: 32px; text-align: center; padding-left: 6px; padding-right: 6px; color: #141464;}


/* ### experience box ### */
.experienceBox { padding-bottom: 70px; width: 100%; }
.experienceBox .mid { margin: 0 auto; max-width: 520px; text-align: center; }
.experienceBox ul { margin: 0 0 125px; }
.experienceBox ul li { margin: 0 20px; }
.experienceBox ul li img { margin: 0 auto; }
.experienceBox .comment-row { margin: 0 -30px; display: flex; flex-wrap: wrap; justify-content: center; align-content: stretch; width: calc(100% + 60px); }
.experienceBox .comment-col { padding: 0 30px 60px;  flex-grow: 1; max-width: 20%;}
.experienceBox .comment-block { padding: 40px 30px; height: 100%; text-align: center; border-radius: 10px; background: #fff; box-shadow: 0 0 20px rgba(102, 102, 102, 0.1);}
.experienceBox .chat-img { margin: 0 auto 25px; width: 76px; }
.experienceBox .comment-block p { margin-bottom: 0; }
.experienceBox .comment-block strong { font-size: 48px; font-weight: 700; line-height: 1; }

/* ### business box ### */
.businessBox { padding-bottom: 65px; width: 100%; }
.businessBox .row { margin: 0 -30px; display: flex; flex-wrap: wrap; justify-content: space-evenly; width: calc(100% + 60px); }
.businessBox .col { padding: 0 30px 60px; width: 33.333%; }
.businessBox .block { padding: 40px; height: 100%; border-radius: 10px; background: #fff; box-shadow: 0 0 20px rgba(102, 102, 102, 0.1); transition: all 0.3s ease-in-out; }
.businessBox .block:hover { box-shadow: 0 0 20px rgba(102, 102, 102, 0.5); }
.businessBox .image { margin-bottom: 37px; width: 56px; }
.businessBox ul { margin-bottom: 30px; }
.businessBox ul li { margin-bottom: 8px; padding-left: 27px; position: relative; background: url('images/check.png') left 3px no-repeat; background-size: 16px auto; }
.businessBox h3 { margin-bottom: 24px; line-height: 1.1; }

.bullBox{ max-width: 1240px; margin: 0 auto; }
.bullImage { float:left; }
.bullTitle { float:left; width: calc(100% - 56px); padding-top: 12px; padding-left: 12px; }

/* ### agents box ### */
.agentsBox { padding-bottom: 115px; padding-top: 115px; width: 100%; background: #f7fafc; }
.agentsBox .mid { margin: 0 auto 13px; max-width: 520px; text-align: center; }
.agentsBox .image { margin: 0 auto; max-width: 964px; background-position: center top; background-repeat: no-repeat; position: relative; background-size: 100% auto; }
.agentsBox .image img{ margin: 0 auto; opacity: 0; width: 100%; height: auto;}
.agentsBox .form { margin: 0 auto; position: relative; max-width: 624px; }
.agentsBox .form input { padding: 10px 240px 5px 20px; width: 100%; height: 50px; color: rgba(40, 36, 37, 0.5); border: 0; border-radius: 30px; background: #fff; }
.agentsBox .form input::placeholder { color: rgba(40, 36, 37, 0.5); }
.agentsBox .form button { position: absolute; top: 0; right: 0; display: flex; align-content: center; align-items: center; justify-content: center; width: 220px; height: 50px; font-weight: 700; text-align: center; color: #fff; border: 0; border-radius: 30px; background: #aa028c; transition: all 0.3s; cursor: pointer; }
.agentsBox .form button:after { margin-left: 10px; display: inline-block; font-family: 'icomoon', sans-serif; font-size: 14px; content: '\f105'; }
.agentsBox .form button:hover { background: #870470; }
.agentsBox.about { padding-top: 115px; padding-bottom: 123px; }
.agentsBox.about h3 { margin-bottom: 30px; }
.agentsBox h3 { font-size: 22px; margin-bottom: 18px;  }


.hide_agents_desktop{ display: block; }
.hide_agents_mobile{ display: none; }
.agentsBlokMobileItem{ text-align: center; padding-bottom: 40px; }
.agentsBlokMobileItem h4{font-size: 24px;padding-left: 20px; padding-right: 20px; }
.agentsBlokMobileItem i{color: #9b238a; font-size: 32px;}




.dots_grid{ width: 100%; height: 100%; position: absolute; z-index: 100; }
.dots_marker{ width: auto; height: auto; min-width: 360px; position: absolute; z-index: 100; cursor: pointer; white-space: nowrap; }
.dots_marker_inner{ position: relative; width: 100%; height: 100%; }
.dots_marker span{ font-size: 24px; padding-left: 20px; padding-right: 20px;  }
.dots_marker i{ color: #9b238a; }
.marker_popup{ width: 280px; padding: 10px; text-align: center; background-color: #ffffff; border: 1px solid #aa028c; border-radius: 6px; z-index: 200; position: absolute;box-shadow: 0 0 3px 3px rgba(0,0,0,0.08); font-size: 16px; line-height: 26px; white-space: normal; display: none; bottom:6px;}
.marker_popup h4{ font-size: 18px; }


/* ### conversation box ### */
.conversationBox { padding-bottom: 125px; width: 100%; }
.conversationBox .mid { margin: 0 auto 50px; max-width: 520px; text-align: center; }
.conversationBox .list { padding-bottom: 85px; column-count: 2; }
.conversationBox .list strong { margin-bottom: 5px; display: block; font-size: 18px; }
.conversationBox .item { margin-bottom: 50px; position: relative; display: inline-flex; flex-wrap: wrap; align-content: flex-end; align-items: flex-start; justify-content: flex-start; width: 100%; }
.conversationBox .item:nth-child(2) { margin-left: 300px; }
.conversationBox .item:nth-child(3) { margin-left: -80px; }
.conversationBox .item:nth-child(4) { margin-left: 225px; }
.conversationBox .image { display: flex; align-content: center; align-items: center; justify-content: center; width: 179px; height: 148px; background-image: url('images/conversation-bg.png'); background-position:  center center; background-repeat: no-repeat; background-size: contain; }
.conversationBox .content { padding: 0 0 0 15px; width: calc(73% - 179px); }
.conversationBox .content p { margin-bottom: 0; line-height: 1.6; }
.conversationBox .line1 { position: absolute; bottom: -100px; left: 95px; }
.conversationBox .line2 { position: absolute; bottom: -50px; left: -150px; }
.conversationBox .line3 { position: absolute; top: -40px; left: -190px; }
.conversationBox .chat-row:after { position: absolute; top: 50%; left: 50%; width: 4px; height: 50px; background: #edf2f7; transform: translate(-50%, -50%); content: ''; }
.conversationBox .chat-row { margin: 0 auto; position: relative; display: flex; flex-wrap: wrap; justify-content: space-between; width: 100%; max-width: 1200px; }
.conversationBox .chat-col { width: 36.5%; }
.conversationBox .chat-block { padding: 40px 30px 90px 30px; text-align: center; border-radius: 10px; background: #fff; box-shadow: 0 0 20px rgba(102, 102, 102, 0.1); position: relative; height: 100%; transition: all 0.3s ease-in-out; }
.conversationBox .chat-block:hover { box-shadow: 0 0 20px rgba(102, 102, 102, 0.5); }
.conversationBox .chat-block a.button{ position: absolute; bottom: 40px; left: 50%; transform: translateX(-50%); }
.conversationBox .chat-img { margin: 0 auto 35px; width: 76px; }
.conversationBox h3 { font-size: 22px; margin-bottom: 18px;  }

.conversationBox .chat-duo-row { margin: 0 auto; position: relative; display: flex; flex-wrap: wrap; justify-content: center; width: 100%; max-width: 1200px; }
.conversationBox .chat-duo-col { width: 33.3%; }
.hover { transition: all 0.5s ease-in-out; }
.hover:hover { box-shadow: 0 0 20px rgba(102, 102, 102, 0.3); }

/* ### company box ### */
.companyBox { padding-bottom: 110px; width: 100%; }
.companyBox .mid { margin: 0 auto 50px; max-width: 520px; text-align: center; }
.companyBox .row { position: relative; display: flex; flex-wrap: wrap; align-content: flex-start; align-items: flex-start; justify-content: space-between; width: 100%; }
.companyBox .col { width: calc(25% - 40px); margin-bottom: 40px;}
.companyBox .block { padding: 40px 40px 25px; border-radius: 10px; background: #fff; box-shadow: 0 0 20px rgba(102, 102, 102, 0.1); }
.companyBox .icon { margin: 0 auto 15px; width: 160px; }
.companyBox .icon strong { margin-bottom: 0; padding-left: 12px; display: none; width: calc(100% - 71px); }
.companyBox .block p { display: none; }
.companyBox .link { margin-bottom: 0; display: flex; align-content: center; align-items: center; justify-content: center; font-weight: 700; color: #000; }
.companyBox .link i { margin-left: 10px; position: relative; top: -3px; font-size: 16px; font-weight: 400; }
.companyBox .block .button { display: none; }
.companyBox .block:hover .button { display: inline-flex; }
.companyBox .block:hover .link { display: none; }
.companyBox .block:hover { padding-bottom: 40px; }
.companyBox .block:hover p,
.companyBox .block:hover strong { display: block; }
.companyBox .block:hover .icon { margin-bottom: 30px; display: flex; align-content: center; align-items: center; justify-content: flex-start; width: 100%; }
.companyBox .block:hover .icon img { width: 71px; }


/* ### company box ### */
.contactBox {padding-top: 100px; padding-bottom: 180px; width: 100%; background-position: right center; background-size: contain; background-repeat: no-repeat; }
.contactBox h2{ font-size: 48px; margin-bottom: 30px; }
.contactBox h3{ font-size: 30px; margin-bottom: 30px; }
.contactBox p{ font-size: 16px; margin-bottom: 30px; }
.contact_tablets{ display: flex; align-items: stretch; justify-content: space-between; }
.contact_tablet1 { width: 26%; background-color: #ffffff; padding: 20px; border-radius: 10px; position: relative; padding-bottom: 70px; text-align: center;box-shadow: 0 0 20px rgba(102, 102, 102, 0.1);}
.contact_tablet2 { width: 26%;  margin-right: 14%; background-color: #ffffff; padding: 20px; border-radius: 10px; position: relative; padding-bottom: 70px; text-align: center;box-shadow: 0 0 20px rgba(102, 102, 102, 0.1);}
.contact_tablet3 { width: 26%;  background-color: #222857; padding: 20px; border-radius: 10px; color: #ffffff; position: relative; text-align: center;box-shadow: 0 0 20px rgba(102, 102, 102, 0.1);}
.contact_tablet_icon{ width: 100%; height: 60px; background-size: contain; background-repeat: no-repeat; background-position: center center; margin-bottom: 40px; }
.cta_holder{ position: absolute;z-index: 100;left: 0px; bottom: 20px; width: 100%; text-align: center; }
.contact_tablet3 ul{ padding-left: 20px; }
.contact_tablet3 ul li{ background-position: left 4px; background-repeat: no-repeat; background-size: auto 30px;padding-top: 12px; padding-bottom: 12px; padding-left: 60px; text-align: left;  }
.contact_tablet3 ul li a { color: #ffffff;}



/* ### benefit box ### */
.benefitBox { padding-bottom: 40px; width: 100%; }
.benefitBox .mid { margin: 0 auto 50px; max-width: 520px; text-align: center; }
.benefitBox .list { position: relative; display: flex; flex-wrap: wrap; align-content: flex-start; align-items: flex-start; justify-content: flex-start; width: 100%; }
.benefitBox .item { margin-bottom: 35px; padding: 0 40px; width: 33.333%; }
.benefitBox .icon { margin-bottom: 15px; max-width: 40px; }

/* ### system box ### 
.systemBox { padding-bottom: 135px; width: 100%; }
.systemBox .mid { margin: 0 auto 40px; max-width: 520px; text-align: center; }
.systemBox .row { position: relative; display: flex; flex-wrap: wrap; align-content: flex-start; align-items: flex-start; justify-content: flex-start; width: 100%; }
.systemBox .left { width: 19.5%; }
.systemBox .right { width: 80.5%; }
.systemBox ul { margin-bottom: 80px; }
.systemBox ul li { margin-bottom: 14px; padding-right: 50px; }
.systemBox ul li a { padding: 15px 23px; position: relative; display: block; font-size: 18px; font-weight: 700; color: #000; }
.systemBox ul li a:before { position: absolute; top: 0; left: 0; width: 5px; height: 100%; border-radius: 10px; background: #eee; content: ''; }
.systemBox ul li.is-active a,
.systemBox ul li a:hover { color: #aa028c; }
.systemBox ul li.is-active a:before,
.systemBox ul li a:hover:before { background: #aa028c; }
.systemBox ul li a:after { position: absolute; top: 50%; right: 0; font-family: 'icomoon', sans-serif; font-size: 14px; font-weight: 400; transform: translateY(-50%); content: '\f105'; }
.systemBox .list { position: relative; display: flex; flex-wrap: wrap; align-content: flex-start; align-items: flex-start; justify-content: flex-start; width: 100%;  border-left: 1px solid #e2e8f0; }
.systemBox .list .item:nth-child(1) {border-top: 1px solid #e2e8f0;}
.systemBox .list .item:nth-child(2) {border-top: 1px solid #e2e8f0;}
.systemBox .list .item:nth-child(3) {border-top: 1px solid #e2e8f0;}
.systemBox .list .item:nth-child(4) {border-top: 1px solid #e2e8f0;}
.systemBox .list .item { padding: 10px; display: flex; align-content: center; align-items: center; justify-content: center; width: 25%; height: 155px; border-right: 1px solid #e2e8f0; border-bottom: 1px solid #e2e8f0; padding: 20px; }
.systemBox .list .item .item_inner { background-position: center center; background-size: contain;background-repeat: no-repeat; width: 100%; height: 100%; position: relative;}
*/

/* ### review box ###
.reviewBox { padding-bottom: 130px; padding-top: 150px; padding-bottom: 150px; width: 100%; background: url('images/review-bg.svg') center center no-repeat; background-size: 100% 100%; }
.reviewBox .mid { margin: 0 auto; max-width: 750px; text-align: center; }
.reviewBox .text { margin-bottom: 25px; font-size: 12px; }
.reviewBox .logo { margin: 0 auto 37px; display: block; max-width: 280px; }
.slick-arrow { margin-top: -10px; position: absolute; top: 50%; display: flex; align-content: center; align-items: center; justify-content: center; width: 30px; height: 50px; font-size: 50px; line-height: 1.2; color: #000; border: 0; background: transparent; cursor: pointer; }
.slick-arrow:hover { color: #aa028c; }
.slick-arrow.slick-prev { left: -150px; }
.slick-arrow.slick-next { right: -150px; }
 */
 
/* ### request box ### */
.requestBox { padding-bottom: 120px; padding-top: 70px; padding-bottom: 50px; display: flex; flex-wrap: wrap; align-content: center; align-items: center; justify-content: space-between; width: 100%; background: url('images/banner-bg.jpg') no-repeat; background-size: cover; background-color: #0211f0; }
.requestBox .left { padding-right: 70px; width: 60%; color: #fff; }
.requestBox .right { display: flex; flex-wrap: wrap; justify-content: space-between; width: 39%; }
.requestBox .button { margin-bottom: 15px; width: calc(50% - 20px); }
.requestBox.request-form { margin-bottom: 0; padding-top: 115px; padding-bottom: 110px; display: block; }
.requestBox .mid { margin: 0 auto; max-width: 520px; text-align: center; color: #fff; }
.requestBox .form { margin: 0 auto; max-width: 640px; text-align: center; }
.requestBox .row { display: flex; flex-wrap: wrap; width: 100%; }
.requestBox .col { padding: 0 10px 20px; width: 50%; }
.requestBox input[type=text] { padding: 5px 20px; width: 100%; height: 50px; text-align: left; color: rgba(255, 255, 255, 0.6); border: 0; border-radius: 40px; background: rgba(255, 255, 255, 0.3); box-shadow: 0 0 20px rgba(0, 0, 0, 0.01); -webkit-appearance: none; -moz-appearance: none; }
.requestBox input[type=email] { padding: 5px 20px; width: 100%; height: 50px; text-align: left; color: rgba(255, 255, 255, 0.6); border: 0; border-radius: 40px; background: rgba(255, 255, 255, 0.3); box-shadow: 0 0 20px rgba(0, 0, 0, 0.01); -webkit-appearance: none; -moz-appearance: none; }
.requestBox input[type=tel] { padding: 5px 20px; width: 100%; height: 50px; text-align: left; color: rgba(255, 255, 255, 0.6); border: 0; border-radius: 40px; background: rgba(255, 255, 255, 0.3); box-shadow: 0 0 20px rgba(0, 0, 0, 0.01); -webkit-appearance: none; -moz-appearance: none; }
.requestBox input[type=url] { padding: 5px 20px; width: 100%; height: 50px; text-align: left; color: rgba(255, 255, 255, 0.6); border: 0; border-radius: 40px; background: rgba(255, 255, 255, 0.3); box-shadow: 0 0 20px rgba(0, 0, 0, 0.01); -webkit-appearance: none; -moz-appearance: none; }
.requestBox input::placeholder { color: rgba(255, 255, 255, 0.6); }
.requestBox .form .button { margin-top: 21px; width: 56%; }
.requestBox .form input[type=submit] { margin: 0 auto 15px auto; width: 56%; text-align: center!important; border: 2px solid #fff; background: transparent; cursor: pointer; transition: all 0.3s }
.requestBox .col input[type=submit]{ width: 100%; }
.requestBox input[type=submit] { margin: 0 auto 15px auto; width: calc(50% - 20px); text-align: center!important; display: block; }

.requestBox .form input[type=submit]:hover{ color: #fff; border-color: #870470; background: #870470; }

.requestBox .form input[type=file]{ }

.requestBox .form textarea{ color: rgba(255, 255, 255, 0.6); border: 0; border-radius: 20px; background: rgba(255, 255, 255, 0.3); box-shadow: 0 0 20px rgba(0, 0, 0, 0.01); height: 150px; width: 100%; padding: 20px; }

.requestBox .form p{width:100%;}
.wpcf7-response-output { color: #000000; }

.centerPart .wpcf7-response-output { color: #000000; }


.requestBox .form { color: #ffffff !important; }



.wpcf7-form .col{ width: 100%; display: block; }
.wpcf7-form .row input[type=text]{ width: 100%; height: 40px; padding-left: 12px; margin-bottom: 10px; border:1px solid #dedede;}
.wpcf7-form .row input[type=email]{ width: 100%; height: 40px; padding-left: 12px; margin-bottom: 10px; border:1px solid #dedede;}
.wpcf7-form .row input[type=tel]{ width: 100%; height: 40px; padding-left: 12px; margin-bottom: 10px; border:1px solid #dedede;}
.wpcf7-form .row input[type=url]{ width: 100%; height: 40px; padding-left: 12px; margin-bottom: 10px; border:1px solid #dedede;}
.wpcf7-form .row p{width: 100%; }
.wpcf7-form .col .wpcf7-response-output{color:#000000; }
.wpcf7-form .row input[type=submit]{ width: 220px; height: 50px;font-weight: 700;text-align: center;color: #fff;border: 0;border-radius: 30px;background: #aa028c;transition: all 0.3s;cursor: pointer; }
.wpcf7-form .row textarea{ width: 100%; height: 140px; padding: 12px; margin-bottom: 10px; font-family: inherit; border:1px solid #dedede; }



.contentBox:not(.requestBox) .col{ width: 100%; display: block; }
.contentBox:not(.requestBox) .row input{ width: 100%; height: 40px; padding-left: 12px; margin-bottom: 10px; -webkit-appearance: none; -moz-appearance: none; }
.contentBox:not(.requestBox) .col .wpcf7-response-output{color:#000000; }
.contentBox:not(.requestBox) .row input[type=submit]{ width: 220px; height: 50px;font-weight: 700;text-align: center;color: #fff;border: 0;border-radius: 30px;background: #aa028c;transition: all 0.3s;cursor: pointer; -webkit-appearance: none; -moz-appearance: none;  }



/* ### select box ### */
.selectBox { padding-bottom: 40px; width: 100%; }
.selectBox.top-space { padding-top: 105px; }
.selectBox .row { display: flex; flex-wrap: wrap; align-content: flex-start; align-items: flex-start; justify-content: flex-start; width: calc(100% + 10px); }
.selectBox .block { padding: 0 5px; width: 30%; float:left; }
.selectBox .searchBlock  { padding: 0 5px; width: 66.6%; float:left; }
.selectBox select { padding: 5px 12px; width: 100%; height: 50px; font-weight: 500; color: #000000; border: 1px solid #e2e8f0; border-radius: 3px; background: url('images/select-arrow.png') right 14px center no-repeat; background-size: 8px auto; -webkit-appearance: none; appearance: none; cursor: pointer; }

.selectBox form{ width: 100%; }
.nice-select{ float:none!important; padding: 16px 12px!important; width: 100%; height: 50px; font-weight: 500; color: #000000; border: 1px solid #e2e8f0; border-radius: 3px; background: url('../img/select-arrow.png') right 14px center no-repeat; background-size: 8px auto; -webkit-appearance: none; appearance: none; cursor: pointer; line-height: 18px;}



/* ### news box ### */
.newsBox { padding-bottom: 115px; width: 100%; }
.newsBox .row { margin: 0 -30px; display: flex; flex-wrap: wrap; justify-content: space-evenly; width: calc(100% + 60px); }
.newsBox .col { padding: 0 30px 40px; width: 33.333%; }
.newsBox .block { border-radius: 10px; background: #fff; box-shadow: 0 0 20px rgba(102, 102, 102, 0.1); height: 100%; position: relative;}
.newsBox .content { padding: 35px 40px 90px 40px;  }
.newsBox h3 { padding-bottom: 5px; font-size: 20px; }
.newsBox .block .button { width: calc(100% - 80px);transform: translateX(-50%);left: 50%;position: absolute; bottom:40px;}
.newsBox .image img { width: 100%; border-radius: 10px 10px 0 0; }
.newsBox .bottom { width: 100%; text-align: center; }
.newsBox .bottom .button { min-width: 360px; }

/* ### question box ### */
.questionBox { padding-bottom: 60px; width: 100%; padding-top: 60px;}
.questionBox .row { margin: 0 -7px; display: flex; flex-wrap: wrap;  justify-content: center; width: calc(100% + 14px); }
.questionBox .col { padding: 0 7px 20px; width: 16.666%; }
.questionBox .block { padding: 63px 20px 60px; display: block; text-align: center; color: #000; border-radius: 10px; background: #fff; box-shadow: 0 0 20px rgba(102, 102, 102, 0.1); height: 100%; transition: 0.3s all ease-in-out; }
.questionBox .block:hover { color: #000000; box-shadow: 0 0 20px rgba(102, 102, 102, 0.5);}
.questionBox .block img { margin: 0 auto 12px; display: block; max-width: 76px; }
.questionBox .block span { display: block; font-size: 26px; font-weight: 700; }
.questionBox h2 { padding-bottom: 5px; text-align: center; }

/* ### viewed box ### 
.viewedBox { padding-bottom: 105px; width: 100%; }
.viewedBox h2 { padding-bottom: 10px; text-align: center; }
.viewedBox .block { margin: 0 auto; padding: 30px 40px; max-width: 824px; border-radius: 10px; background: #fff; box-shadow: 0 0 20px rgba(102, 102, 102, 0.1); }
.viewedBox .block ul { display: flex; flex-wrap: wrap; align-content: flex-start; align-items: flex-start; justify-content: flex-start; width: 100%; }
.viewedBox .block ul li { padding: 8px 0; width: 33.333%; }
.viewedBox .block ul li a { padding-left: 15px; position: relative; display: inline-block; color: #000; }
.viewedBox .block ul li a:after { position: absolute; top: 0; left: 0; font-family: 'icomoon', sans-serif; color: #b11695; content: '\f105'; }
.viewedBox .block ul li a:hover { color: #b11695; }
*/

/* ### other box ### */
.otherBox { padding-bottom: 120px; width: 100%; }
.otherBox h3 { padding-bottom: 10px; text-align: center; }
.otherBox .row { margin: 0 auto; display: flex; flex-wrap: wrap; align-content: flex-start; align-items: flex-start; justify-content: space-between; max-width: 922px; }
.otherBox .col { padding-bottom: 20px; width: calc(50% - 22px); }
.otherBox ul { border-top: 1px solid #e2e8f0; }
.otherBox ul li { padding: 0 42px; border-bottom: 1px solid #e2e8f0; }
.otherBox ul li a { padding: 14px 10px 14px 0; position: relative; display: block; font-size: 16px; color: #000; }
.otherBox ul li a:after { position: absolute; top: 50%; right: 0; font-family: 'icomoon', sans-serif; font-size: 14px; color: #b11695; transform: translateY(-50%); content: '\f105'; }
.otherBox ul li a:hover { color: #b11695; }

/* ### messaging box ### 
.messagingBox { padding-bottom: 100px; width: 100%; }
.messagingBox .row { margin: 0 auto; display: flex; flex-wrap: wrap; justify-content: space-between; max-width: 1120px; align-items: stretch; }
.messagingBox .col { width: calc(50% - 20px); }

.messagingBox .tarif_col { position: relative; border: 3px solid #aa028c; background: #f7fafc;  padding-bottom: 100px;}
.messagingBox .top { padding: 42px 30px 25px; text-align: center; background: #fff; }
.messagingBox h3 { font-weight: 500; }
.messagingBox .tag { position: absolute; top: -15px; left: 0; width: 100%; text-align: center; }
.messagingBox .tag span { padding: 8px 14px 5px; display: inline-block; line-height: 1.1; text-transform: uppercase; color: #fff; background: #aa028c; }
.messagingBox .price { width: 100%; font-size: 16px; line-height: 1.1; text-align: center; }
.messagingBox .price span { display: block; font-size: 48px; line-height: 1; }
.messagingBox .price small { display: block; font-size: 12px; color: #000000; }
.messagingBox ul li { margin-bottom: 20px; padding-left: 40px; line-height: 1.3; color: #000000; background: url('images/green-check.png') left 3px no-repeat; background-size: 18px auto; }
.messagingBox ul li ul li { margin-bottom: 0; padding-left: 0; line-height: 1.2; background: none; }
.messagingBox .content { padding: 35px 35px 25px; display: flex; flex-wrap: wrap; align-content: space-between; justify-content: flex-start; min-height: 508px; }
.messagingBox .bottom { width: calc(100% - 60px); text-align: center; position: absolute; bottom:30px; left:30px; z-index: 10; }
.messagingBox .bottom a { display: flex; align-content: center; align-items: center; justify-content: center; width: 100%; min-height: 55px; color: #fff; background: #ff860b; }
.messagingBox .bottom a:hover { background: #df760a; }
.messagingBox .bottom span { padding: 5px 10px 0; display: block; font-size: 14px; color: #000000; }
*/

/* ### functionalities box ### */
.functionalitiesBox { padding-bottom: 100px; width: 100%; }
.functionalitiesBox .heading { padding: 10px 30px 10px 0; display: flex; flex-wrap: wrap; align-content: center; align-items: center; justify-content: space-between; }
.functionalitiesBox .col-1 { padding: 0 20px; width: 44%; }
.functionalitiesBox .col-2 { width: 28%; text-align: center; }
.functionalitiesBox .col-3 { width: 28%; text-align: center; }
.functionalitiesBox ul li { padding: 19px 30px 19px 0; display: flex; flex-wrap: wrap; align-content: center; align-items: center; justify-content: space-between; width: 100%; color: #000000; }
.functionalitiesBox ul li:nth-child(odd) { background: #f7fafc; }
.functionalitiesBox ul li img { margin: 0 auto; display: block; }
.functionalitiesBox .cross { font-size: 20px; line-height: 0.8; color: #000000; }

/* ### whitepaper box ### */
.whitepaperBox { padding-bottom: 100px; display: flex; flex-wrap: wrap; align-content: flex-start; align-items: flex-start; justify-content: center; width: 100%; }
.whitepaperBox h2 { margin-bottom: 22px; line-height: 1; }
.whitepaperBox h2 span { display: block; font-size: 20px; font-weight: 500; }
.whitepaperBox h4 { margin-bottom: 0; font-size: 20px; line-height: 1.6; }
.whitepaperBox .left { padding-right: 20px; width: 43%; }
.whitepaperBox .right { width: 57%; }
.whitepaperBox .row { display: flex; flex-wrap: wrap; align-content: flex-start; align-items: flex-start; justify-content: space-between; width: 100%; }
.whitepaperBox .col { width: 47.5%; }
.whitepaperBox .col.last { margin: 0 auto; }
.whitepaperBox .field { margin-bottom: 20px; padding: 5px 20px; width: 100%; height: 50px; text-align: left; color: rgba(0, 0, 0, 0.6); border: 0; border-radius: 40px; background: rgba(255, 255, 255, 0.3); box-shadow: 0 0 20px rgba(0, 0, 0, 0.08); }
.whitepaperBox .field::placeholder { color: rgba(0, 0, 0, 0.6); }
.whitepaperBox .button { width: 100%; }

/* ### livechat box ### */
.livechatBox { padding-bottom: 82px; width: 100%; }
.livechatBox .row { margin: 0 -30px; display: flex; flex-wrap: wrap; align-content: flex-start; align-items: flex-start; justify-content: flex-start; width: calc(100% + 60px); }
.livechatBox .col { padding: 0 30px 40px; width: 33.333%; }
.livechatBox .block { padding: 40px 0 30px; border-radius: 10px; background: #fff; box-shadow: 0 0 20px rgba(102, 102, 102, 0.1);}
.livechatBox .image { margin: 0 auto 30px; display: block; max-width: 76px; }
.livechatBox h3 { margin-bottom: 10px; text-align: center; }
.livechatBox ul { width: 100%; border-top: 1px solid #e2e8f0; }
.livechatBox ul li { padding: 0 40px 0 30px; border-bottom: 1px solid #e2e8f0; }
.livechatBox ul li a { padding: 14px 10px; position: relative; display: block; color: #000; }
.livechatBox ul li a:hover { color: #b11695; }
.livechatBox ul li a:after { position: absolute; top: 50%; right: 0; font-family: 'icomoon', sans-serif; font-size: 14px; color: #b11695; transform: translateY(-50%); content: '\f105'; }
.livechatBox .bottom {text-align: center;}
.livechatBox .block h3 a{ color:#000000; }

.livechatBox .verzamel_block { border-radius: 10px; background: #fff; box-shadow: 0 0 20px rgba(102, 102, 102, 0.1); display:block; overflow:hidden; }
.livechatBox .block_top { background-color: #141464; background-position: left 10px; background-size:80px auto; background-repeat: no-repeat; padding:40px; padding-left: 100px; text-align: left; color: #ffffff; }
.livechatBox .block_top h3{ color: #ffffff!important; text-align: left; font-size:22px; font-weight:600; }
.livechatBox .block_description{ text-align: left; padding: 40px; color:#000000!important;} 
.livechatBox .block_number{ text-align: center; font-weight: 700; padding-bottom: 40px;  color:#000000!important; } 


/* ### content box ### */
.contentBox { padding-bottom: 50px; padding-top: 115px; width: 100%; }
.contentBox .share-block { margin-bottom: 35px; padding-top: 30px; padding-bottom: 15px; width: 100%; border-top: 1px solid #f4f4f4; border-bottom: 1px solid #f4f4f4; }
.contentBox .share-block ul { display: flex; flex-wrap: wrap; align-content: center; align-items: center; justify-content: center; }
.contentBox .share-block ul li { margin: 0 8px 15px; list-style: none!important; }
.contentBox .share-block ul li a { padding: 0 18px 0 30px; display: inline-flex; align-content: center; align-items: center; justify-content: center; height: 45px; font-family: Arial, sans-serif; font-size: 15px; font-weight: 400; color: #fff; border-radius: 30px; background: #2f6199; }
.contentBox .share-block ul li a:hover { opacity: 0.8; }
.contentBox .share-block ul li:nth-child(2) a { background: #25c4f1; }
.contentBox .share-block ul li:nth-child(3) a { background: #007bb6; }
.contentBox .share-block ul li:nth-child(4) a { background: #bc0a1c; }
.contentBox .share-block ul li:nth-child(5) a { background: #49871c; }
.contentBox .share-block ul li a span { margin-right: 10px; font-size: 22px; }
.contentBox .content-image { margin-bottom: 40px; width: 100%; }
.contentBox .content-image img { display: block; width: 100%; }
.contentBox p { color: #000000; }
.contentBox .row { display: flex; flex-wrap: wrap; align-content: flex-start; align-items: flex-start; justify-content: space-between; width: 100%; }
.contentBox .leftPart { width: 20.5%; }
.contentBox .centerPart { padding: 0 35px 0 45px; width: 59%; }

.contentBox .centerPart ul{ padding-left: 20px; padding-bottom: 30px; }
.contentBox .centerPart ol{ padding-left: 20px; padding-bottom: 30px; }
.contentBox .centerPart ul li { color: #000000; list-style: disc; font-size: 16px; line-height: 1.9;}
.contentBox .centerPart ol li { color: #000000; list-style: decimal; font-size: 16px; line-height: 1.9;}

.contentBox .rightPart { width: 20.5%; }
.contentBox .sidebar h3 { margin-bottom: 5px; font-size: 24px; }
.contentBox .sidebar ul li { margin-bottom: 9px; padding-left: 10px; position: relative; line-height: 1.3; }
.contentBox .sidebar ul li:before { position: absolute; top: 0; left: 0; color: #000000; content: '-'; }
.contentBox .sidebar ul li a { color: #000000; }
.contentBox .sidebar ul li a:hover { color: #b2028b; }
.contentBox hr { margin: 35px 0; border: 0; border-bottom: 1px solid #e3e3e3; }
.contentBox .heading { margin-bottom: 20px; text-align: center; }
.contentBox .heading .text { color: #000000; }
.contentBox .heading .text a { color: #b2028b; }
.contentBox .heading .text span { padding: 0 8px; }
.contentBox .heading h1{ margin-bottom: 20px; font-size: 30px; }
.indexBox p { color: #000000;}


/* ### comment box ### */
.commentBox { padding-bottom: 50px; padding-right: calc((100% - 1480px) / 2); padding-left: calc((100% - 1480px) / 2); display: flex; flex-wrap: wrap; align-content: flex-start; align-items: flex-start; justify-content: space-between; width: 100%; }
.commentBox .block { border-radius: 5px; background: #f6f6f7; box-shadow: 0 5px 15px rgba(0, 0, 0, 0.05); }
.commentBox .col { padding: 0 20px 50px; width: 50%; }
.commentBox .title { padding: 15px 20px 14px; display: block; text-align: center; color: #fff; border-radius: 5px 5px 0 0; background: #141464; }
.commentBox .logo { margin-bottom: 10px; padding: 12px 25px; background: #fff; box-shadow: 0 4px 5px rgba(0, 0, 0, 0.1); }
.commentBox .text { margin: 0 10px; margin-bottom: 10px; padding: 20px 30px; width: calc(100% - 20px); border-radius: 5px; background: #fff; box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1); }
.commentBox .bottom { padding: 5px 0; border-radius: 0 0 5px 5px; background: #f0f0f0; }
.commentBox .bottom img { margin: 0 auto; display: block; }
.commentBox .text p { margin-bottom: 0; }

/* ### footer container ### */
#footerCntr { width: 100%; background: #282425; overflow: hidden; }

/* ### footer box ### 
.footerBox { padding-top: 115px; padding-bottom: 100px; display: flex; flex-wrap: wrap; align-content: flex-start; align-items: flex-start; justify-content: flex-start; width: 100%; border-bottom: 1px solid #565253; }

.footerBoxLeft{ width: 80%; height: 160px; overflow: hidden; }
#meet_div{ width: 100%; display: flex; flex-wrap: wrap; align-content: flex-start; align-items: flex-start; justify-content: flex-start; }
.footerBoxRight{ width: 20%; }

.footerBox .col { padding-left: 20px; width: 25%; color: #fff; padding-bottom: 20px;}
.footerBox .col:first-child { padding-left: 0; }
.footerBox .col:nth-child(5) { padding-left: 0; }
.footerBox .col:nth-child(9) { padding-left: 0; }
.footerBox .col:nth-child(13) { padding-left: 0; }
.footerBox .col:nth-child(17) { padding-left: 0; }
.footerBox .col:nth-child(21) { padding-left: 0; }
.footerBox .title { margin-bottom: 28px; font-size: 16px; font-weight: 700; color: #fff; }
.footerBox ul li {  }
.footerBox ul li a { color: #fff; font-size: 16px; line-height: 1.9em; }
.footerBox ul li a:hover { opacity: 0.7; }
.footerBox p { color: #fff; }
.footerBox a { color: #fff; }
.footerBoxRight .col{ width: 100%; }
#footer_btn_holder{ text-align: center; width: 100%; padding-top: 40px; }
*/


/* ### copyright box ### 
.copyrightBox { padding: 15px 0; display: flex; flex-wrap: wrap; align-content: center; align-items: center; justify-content: space-between; width: 100%; }
.copyrightBox .logo { display: block; width: 49px; }
.copyrightBox .left { display: inline-flex; flex-wrap: wrap; align-content: center; align-items: center; justify-content: flex-start; color: #fff; }
.copyrightBox .social { display: inline-flex; flex-wrap: wrap; align-content: center; align-items: center; justify-content: flex-start; }
.copyrightBox .social li { margin-right: 8px; }
.copyrightBox .social li a { display: flex; align-content: center; align-items: center; justify-content: center; width: 32px; height: 32px; font-size: 20px; border: 1px solid #fff; }
.copyrightBox .social li a:hover { color: #000; background: #fff; }
.copyrightBox .right ul { display: inline-flex; flex-wrap: wrap; align-content: center; align-items: center; justify-content: flex-start; }
.copyrightBox .right ul li { display: inline-flex; align-content: center; align-items: center; justify-content: flex-start; font-size: 14px; }
.copyrightBox .right ul li a:hover { opacity: 0.7; }
.copyrightBox .right ul li:before { margin: 0 15px; display: inline-block; color: #fff; content: '|'; }
.copyrightBox .right ul li:first-child:before { display: none; }
.copyrightBox a { color: #fff; }
.copyrightBox .left span { padding: 0 15px; display: inline-block; font-size: 14px; }
*/

/*
.serviceStoryRow { width: 100%; display: flex; align-items: center; justify-content: space-between; }
.serviceStoryMiddleRow { width: 100%; min-height:400px; display: flex;  align-items: stretch; justify-content: center; }
.serviceStoryCol { max-width: 12.5%; }
.serviceStoryColMiddle {max-width: 75%; padding: 10px; }
.serviceStoryColMiddleInner {padding: 10px;}
.serviceStoryColMiddleInnerInner{ width: 100%; padding: 20px; text-align: center; display: flex; flex-flow: wrap; align-items: center; align-content: center;  box-shadow: 0 0 20px rgba(102, 102, 102, 0.1); border-radius: 10px; }
.serviceStoryBoxQuoteTop { width: 100%;   padding-left: 40px; padding-right: 40px; }
.serviceStoryBoxQuoteTop h2 { font-size: 30px; }
.serviceStoryBoxQuoteBottom { width: 60%;  padding-left: 40px; padding-right: 40px; position: relative; margin: 0 auto; }
.serviceStoryBoxQuoteBottom h4 { font-weight: 400; }
.serviceStoryBoxQuoteBottom h4 span{ font-weight: 700; }
.serviceStoryBoxQuoteBottom:before { content: '\f10d'; font-family: 'FontAwesome'; color: #020ef6; font-size: 40px; position: absolute; top:0; left:0; z-index: 100; }
.serviceStoryBoxQuoteBottom:after { content: '\f10e'; font-family: 'FontAwesome'; color: #b8028a; font-size: 40px; position: absolute; bottom:0; right:0; z-index: 100;  }
.serviceStoryRow .serviceStoryLogo { width: 12.5%; text-align: center; filter: grayscale(100%); opacity: 0.4; }
.serviceStoryMiddleRow .serviceStoryLogo { width: 100%; height: 20%; text-align: center; display: flex; align-items: center; justify-content: center; filter: grayscale(100%);  opacity: 0.4; }
.serviceStoryLogo img { width: auto; height: auto; max-width: 90%; max-height: 70px; display: inline-block;  }

.serviceStoryBox .slick-arrow.slick-prev { left: 10px!important; z-index: 10; }
.serviceStoryBox .slick-arrow.slick-next { right: 10px!important; z-index: 10; }

*/


#comments,#reply-title{ font-size:24px!important; }
#commentform p{margin-bottom: 0!important;}
#commentform .comment-form-comment label{ display: block;}
#commentform input[type=text], #commentform input[type=email]{ width: 100%;
height: 40px;
padding-left: 12px;
margin-bottom: 10px;
border: 1px solid #aa028c;
border-radius: 20px;}
#commentform input[typ=submit]{max-width: 240px;}
#commentform textarea{ width: 100%;
height: 140px;
padding: 12px;
margin-bottom: 10px;
border: 1px solid #aa028c;
border-radius: 20px;
resize: none;}
#wp-comment-cookies-consent{  width: auto!important; 
 height: auto!important;
padding-left: 0!important;
 margin-bottom: 0!important;
-webkit-appearance: checkbox!important; }

.commentlist .comment-meta a{ color: #000000; }
#commentform .logged-in-as a{ color: #000000; }

.duo_col_cat { width: calc(50% - 10px)!important; max-width: calc(50% - 10px)!important; margin-bottom: 20px!important; }
.cat_statistics_col  { width: calc(33.3% - 10px)!important; max-width: calc(33.3% - 10px)!important; margin-bottom: 20px!important; }


.schemaBox{ width: 100%;height: 0px; overflow: hidden; opacity: 0; }






/* #Media Queries
================================================== */
@media only screen and (max-width: 1570px) {
	.centered-md { padding-right: 15px; padding-left: 15px; }
	
	.menuBox:not(.mm-menu)>ul>li { margin-left: 42px;}
	#headerCntr.small_banner_holder{ background-color: rgba(256,256,256,0)!important; }
	#headerCntr.scrolled.small_banner_holder{ background-color: #ffffff!important; }
}

@media only screen and (max-width: 1870px) {
	.centered-lg { padding-right: 15px; padding-left: 15px; }
	.conversationBox .content { width: calc(70% - 179px); }
	.systemBox ul li { padding-right: 30px; }
}

@media only screen and (max-width: 1469px) {
	.menuBox:not(.mm-menu) ul li { margin-left: 25px; }
	.menuBox:not(.mm-menu) ul li a,
	.languageBox ul li { font-size: 18px; }
	.languageBox { margin-left: 20px; }
	.centered { padding-right: 15px; padding-left: 15px; }
	.bannerBox.blue-banner .banner-content { min-height: 450px; }
	.bannerBox .banner-right { margin-right: 0; }
	.bannerBox .banner-left { width: 50%; }
	.h1,
	h1 { font-size: 36px; }
	.managementBox .left { padding-left: 40px; }
	.managementBox .right { margin-right: 0; }
	.managementBox .row.odd .right { margin-left: 70px; }
	.chat-infoBox .top { margin: 0 -20px; width: calc(100% + 40px); }
	.chat-infoBox .col { padding: 0 20px 40px; }
	.businessBox .block { padding: 30px; }
	.conversationBox .list { margin: 0 auto; max-width: 1170px; }
	.conversationBox .item:nth-child(3) { margin-left: 0; }
	.conversationBox .content { width: calc(80% - 179px); }
	.conversationBox .item:nth-child(4) { margin-left: 130px; }
	.conversationBox .item:nth-child(2) { margin-left: 260px; }
	.conversationBox .line1 { bottom: -95px; left: 105px; z-index: -1; }
	.conversationBox .line3 { top: -60px; left: -30px; z-index: -1; }
	.systemBox ul li { padding-right: 20px; }
	.systemBox ul li a { padding: 15px; }
	.systemBox .left { width: 22%; }
	.systemBox .right { width: 78%; }
	.systemBox .list .item { padding: 20px; }
	.benefitBox { margin-bottom: 40px; }
	.systemBox { margin-bottom: 100px; }
	.selectBox.top-space { padding-top: 85px; }
	.newsBox .row { margin: 0 -20px; width: calc(100% + 40px); }
	.newsBox .col { padding: 0 20px 30px; }
	.newsBox .content { padding: 30px; padding-bottom: 90px; }
	.newsBox .bottom .button { min-width: 300px; }
	.questionBox .block span { font-size: 20px; }
	.questionBox .block { padding: 40px 15px; }
	.contentBox .centerPart { padding: 0 20px; }
	.menuBox:not(.mm-menu) ul li ul { padding: 0px; width: 100%; }
	.menuBox:not(.mm-menu)>ul>li>ul { padding: 0px; width: 100%; }
	.menuBox:not(.mm-menu)>ul>li { margin-left: 22px;}
	.menuBox:not(.mm-menu)>ul>li.menu-item-has-children>a:after { margin-top: 3px; margin-left: 10px; display: inline-block; width: 10px; height: 6px; font-family: 'icomoon', sans-serif; font-size: 14px; line-height: 1.6; content: '\f107'; }
	#headerCntr .logo { display: block; width: 220px; }
	.contactBox{ background-size: auto 80%;}
}

@media only screen and (max-width: 1199px) {
	.experienceBox .comment-col { padding: 0 30px 60px;  flex-grow: 1; max-width: 100%;}
	#headerCntr { padding-top: 25px; padding-bottom: 25px; }
	#headerCntr .logo { width: 180px; }
	.menuBox:not(.mm-menu) ul li a,
	.languageBox ul li { font-size: 18px; }
	.menuBox:not(.mm-menu) ul li { margin-left: 15px; }
	.bannerBox .brand-img { margin: 0 10px; }
	.h1,
	h1 { font-size: 36px; }
	.h2,
	h2 { font-size: 24px; }
	.h3,
	h3 { font-size: 18px; }
	.bannerBox.blue-banner .number-block { padding: 0 10px 20px; width: 33.333%; }
	.bannerBox.blue-banner .banner-content { min-height: 350px; }
	.centered-sm { padding-right: 15px; padding-left: 15px; }
	.managementBox,
	.requestBox,
	.reviewBox,
	.imageBox { margin-bottom: 80px; }
	.workBox { margin-bottom: 70px; padding-top: 70px; }
	.workBox .mid { padding-bottom: 70px; }
	.workBox .row { padding-bottom: 70px; }
	.managementBox .row { margin-bottom: 50px; }
	.managementBox .left { padding-left: 0; }
	.managementBox .row.odd .right { margin-left: 0; }
	.managementBox .row.odd .left { padding-right: 0; }
	.requestBox .left { padding-right: 30px; width: 56%; }
	.requestBox .right { width: 44%; }
	.requestBox .button { width: calc(50% - 10px); min-width: 10px; }
	.chat-infoBox .top { margin: 0 -10px; width: calc(100% + 20px); }
	.chat-infoBox .col { padding: 0 10px 20px; }
	.chat-infoBox .chat-block { padding: 25px 15px 90px 15px; }
	.chat-infoBox ul li { padding: 15px 40px 15px 30px; }
	.chat-infoBox { margin-bottom: 70px; }
	.experienceBox ul { margin-bottom: 80px; }
	.experienceBox .comment-block { padding: 20px; }
	.experienceBox .comment-block strong { font-size: 40px; }
	.experienceBox .chat-img { margin-bottom: 20px; width: 66px; }
	.businessBox .col,
	.experienceBox .comment-col { padding: 0 15px 30px; }
	.businessBox .row,
	.experienceBox .comment-row { margin: 0 -15px; width: calc(100% + 30px); }
	.businessBox .block { padding: 20px; }
	.businessBox .image { margin-bottom: 20px; width: 40px; }
	.businessBox ul { margin-bottom: 20px; }
	.experienceBox { margin-bottom: 40px; }
	.agentsBox { padding-top: 80px; }
	.conversationBox .list { padding-bottom: 60px; max-width: 960px; }
	.conversationBox .item { margin-bottom: 30px; }
	.conversationBox .content { width: calc(100% - 179px); }
	.conversationBox .item:nth-child(2),
	.conversationBox .item:nth-child(3),
	.conversationBox .item:nth-child(4) { margin-left: 0; }
	.conversationBox .line1,
	.conversationBox .line2,
	.conversationBox .line3 { display: none; }
	.conversationBox,
	.companyBox,
	.agentsBox { margin-bottom: 70px; }
	.conversationBox .chat-col { width: 43%; }
	.companyBox .block.is-active,
	.companyBox .block { padding: 25px; }
	.companyBox .col { width: calc(33.333% - 20px); }
	.benefitBox .item { margin-bottom: 25px; padding: 0 20px; }
	.systemBox .left { width: 30%; }
	.systemBox .right { width: 70%; }
	.slick-arrow.slick-prev { left: -100px; }
	.slick-arrow.slick-next { right: -100px; }
	.systemBox { margin-bottom: 70px; }
	.footerBox,
	.requestBox.request-form { padding-top: 80px; padding-bottom: 80px; }
	.newsBox .row { margin: 0 -10px; width: calc(100% + 20px); }
	.newsBox .col { padding: 0 10px 20px; }
	.newsBox .content { padding: 22px; padding-bottom: 90px; }
	.newsBox .bottom .button { min-width: 260px; }
	.questionBox .block span { padding-top: 5px; font-size: 18px; line-height: 1.2; }
	.questionBox .block { padding: 30px 15px; }
	.questionBox,
	.viewedBox,
	.otherBox,
	.messagingBox,
	.whitepaperBox,
	.newsBox { margin-bottom: 70px; }
	.questionBox .block img { max-width: 64px; }
	.messagingBox .col { width: calc(50% - 10px); }
	.messagingBox .content { padding: 25px; }
	.livechatBox .row { margin: 0 -15px; width: calc(100% + 30px); }
	.livechatBox .col { padding: 0 15px 30px; }
	.livechatBox ul li { padding: 0 20px; }
	.agentsBox.about { padding-top: 90px; padding-bottom: 90px; }
	.contentBox hr { margin: 20px 0; }
	#headerCntr.inner { padding-bottom: 25px; }
	.menuBox:not(.mm-menu) ul li ul { padding: 0px; width: 100%; }
	.menuBox:not(.mm-menu)>ul>li>ul { padding: 0px; width: 100%; }
	.languageBox ul li a.language-btn:after,
	.menuBox:not(.mm-menu) ul li a:after { line-height: 1.2; }
	.companyBox .block:hover .icon img { width: 56px; }
	.companyBox .icon strong { width: calc(100% - 56px); font-size: 24px; }
	.companyBox .icon { width: 140px; }
	.commentBox .col { padding: 0 15px 30px; }
	.contactBox{ background-size: auto 60%;}
}

@media only screen and (max-width: 1099px) {
	.chat-infoBox .hoverCol:hover { padding: 0 26px 52px; margin-top: -8px; width: 100%; }
	.bannerBox .content{ padding-top: 0px; }
	.largeBanner{ height: auto!important; }
	#headerCntr{ background-color: #ffffff; }
	.hide_agents_desktop{ display: none; }
	.hide_agents_mobile{ display: block; }
	.menuBox:not(.mm-menu) { display: none; }
	#headerCntr .mobileMenu { display: block; }
	#headerCntr .logo { margin-top: -4px; width: 180px; }
	.h1,
	h1 { font-size: 24px; }
	.h2,
	h2 { font-size: 18px; }
	.h3,
	h3 { margin-bottom: 10px; font-size: 26px; }
	p { margin-bottom: 20px; line-height: 1.7; }
	.bannerBox .number-block small { font-size: 18px; }
	.bannerBox .number-block { padding: 0 10px; }
	.bannerBox .banner-left { width: 100%; }
	.bannerBox .banner-right { width: 100%; }
	.bannerBox .banner-right img { margin: 0 auto; display: block; max-width: 400px; }
	.requestBox,
	.managementBox,
	.imageBox { margin-bottom: 60px; }
	.workBox { margin-bottom: 50px; padding-top: 50px; }
	.workBox .mid,
	.reviewBox,
	.companyBox,
	.workBox .row { padding-bottom: 50px; }
	.managementBox .row { margin-bottom: 50px; }
	.managementBox .row.odd .left { width: 46%; }
	.requestBox .left { padding-right: 0; width: 100%; }
	.chat-infoBox .col,
	.requestBox .right { width: 100%; }
	.requestBox { padding-top: 40px; padding-bottom: 20px; }
	.chat-infoBox ul li { padding: 10px 20px; }
	.businessBox .col,
	.experienceBox .comment-col { padding: 0 10px 20px; }
	.businessBox .row,
	.experienceBox .comment-row { margin: 0 -10px; width: calc(100% + 20px); }
	.experienceBox .comment-block p { line-height: 1.1; }
	.experienceBox .comment-block strong { margin-bottom: 10px; display: block; font-size: 40px; }
	.button { padding-right: 20px; padding-left: 20px; min-width: 10px; }
	.businessBox ul li { line-height: 1.2; }
	.businessBox { margin-bottom: 40px; }
	.agentsBox { padding-top: 60px; }
	.conversationBox .image { width: 140px; height: 118px; background-size: 100% auto; }
	.conversationBox .image img { width: 50px; }
	.conversationBox .content { width: calc(100% - 140px); line-height: 1.2; }
	.conversationBox .mid { margin-bottom: 30px; }
	.conversationBox,
	.agentsBox { margin-bottom: 50px; }
	.conversationBox .chat-col { width: 46%; }
	.conversationBox .list { padding-bottom: 60px; }
	.companyBox .col { margin-bottom: 30px; width: 100%; }
	.companyBox .col:last-child { margin-bottom: 0; }
	.companyBox .block.is-active,
	.companyBox .block { padding: 20px; }
	.companyBox .is-active .icon { margin-bottom: 20px; }
	.benefitBox .item { margin-bottom: 15px; padding: 0 10px; }
	.systemBox .list .item { width: 33.333%; }
	.systemBox .left { width: 33%; }
	.systemBox .right { width: 67%; }
	.systemBox ul { margin-bottom: 45px; }
	.slick-arrow.slick-prev { left: -40px; }
	.slick-arrow.slick-next { right: -40px; }
	.reviewBox .mid { padding: 0 50px; }
	.systemBox { margin-bottom: 70px; }
	.reviewBox { padding-top: 100px; padding-bottom: 100px; }
	.requestBox.request-form { padding-top: 60px; padding-bottom: 60px; }
	.footerBox .col { margin-bottom: 30px; padding-right: 15px; padding-left: 0; width: 33.333%; }
	.footerBox { padding-bottom: 30px; }
	.copyrightBox .social,
	.copyrightBox { justify-content: center; }
	.copyrightBox .left { margin-bottom: 20px; justify-content: center; width: 100%; }
	.newsBox .content { padding: 20px; padding-bottom: 90px; }
	.newsBox .bottom .button { min-width: 220px; }
	.questionBox,
	.viewedBox,
	.otherBox,
	.whitepaperBox,
	.messagingBox,
	.livechatBox,
	.newsBox { margin-bottom: 50px; }
	.questionBox .block img { max-width: 60px; }
	.questionBox .block { padding: 20px 10px; }
	.questionBox .block span { padding-top: 5px; font-size: 18px; line-height: 1.2; }
	.questionBox .col { width: 33.333%; }
	.messagingBox .col { width: 100%; }
	.messagingBox .col:first-child { margin-bottom: 40px; }
	.whitepaperBox .left { padding: 0 0 30px; width: 100%; }
	.whitepaperBox .right { width: 100%; }
	.livechatBox .image { margin-bottom: 15px; max-width: 56px; }
	.livechatBox .block { padding: 25px 0 20px; }
	.livechatBox h3 { margin-bottom: 15px; }
	.livechatBox ul li { padding-right: 15px; padding-left: 5px; }
	.agentsBox.about { padding-top: 60px; padding-bottom: 60px; }
	.bannerBox .image-bg{ height: auto; min-height: 700px; }
	.bannerBox { height: auto;  }
	.commentBox .col { width: 100%; }
	.experienceBox ul li { margin: 0 5px; }
	.menuBox:not(.mm-menu)>ul>li { margin-left: 32px;}
	
	/* ### company box ### */
	.contactBox {padding-top: 60px; padding-bottom: 60px; width: 100%; background-position: right center; background-size: contain; }
	.contactBox h2{ font-size: 48px; margin-bottom: 20px; text-align: center; }
	.contactBox h3{ font-size: 30px; margin-bottom: 20px; }
	.contactBox p{ font-size: 16px; margin-bottom: 20px; }
	.contact_tablets{ display: block; }
	.contact_tablet1 { width: 100%;margin-bottom: 20px;}
	.contact_tablet2 { width: 100%; margin-right: 0%; margin-bottom: 20px; }
	.contact_tablet3 { width: 100%; }
	.contact_tablet3 ul{ padding-left: 0px; }
	.contact_tablet3 ul li{ background-position: center 0px ; background-repeat: no-repeat; background-size: auto 40px;padding-top: 40px; padding-bottom: 10px; padding-left: 0px; text-align: center;  }
	.contact_tablet_icon{ margin-bottom: 20px; }
	
	.footerBoxLeft{ width: 100%; height: auto; }
	.footerBoxRight{ width: 100%; }
	#meet_div{ height: auto; }
	#footer_btn_holder{ display: none; }
	.contactBox{ background-image: none!important;}
}

@media only screen and (max-width: 767px) {
	.serviceStoryColMiddle {max-width: 100%; padding: 10px; }
	.conversationBox .chat-duo-row { margin: 0 auto; position: relative; display: flex; flex-wrap: wrap; justify-content: center; width: 100%; max-width: 1200px; }
	.conversationBox .chat-duo-col { width: 100%; max-width: 400px; margin: 0!important; margin-bottom: 20px!important; }
	.small_banner{ height: 70px;}
	.languageBox { margin-left: 0; }
	.languageBox ul li:last-child { display: none; }
	.languageBox ul li { margin-left: 10px; }
	.bannerBox .brand { padding: 15px; }
	.bannerBox .brand-img:nth-child(5),
	.bannerBox .brand-img:nth-child(6) { display: none; }
	.bannerBox .brand-img { margin: 0 15px; }
	.h1,
	h1 { font-size: 24px; }
	.h2,
	h2 { font-size: 18px; }
	.h3,
	h3 { font-size: 18px; }
	p { line-height: 1.5; }
	.bannerBox .image-bg { padding-top: 100px; padding-bottom: 70px; min-height: 530px; }
	.bannerBox .button { margin: 0 10px 10px 0; }
	.bannerBox .number,
	.bannerBox .brand { padding-right: 10px; padding-left: 10px; position: static; }
	.bannerBox .number { padding: 20px 15px 5px; justify-content: center; }
	.bannerBox .number-block { margin-bottom: 15px; width: auto; }
	.bannerBox .text { font-size: 20px; }
	.button { min-width: 100px; }
	.bannerBox.blue-banner .number-small { padding: 20px 0; }
	.bannerBox.blue-banner .number-block { padding: 0; width: 100%; }
	.bannerBox .banner-right img { max-width: 280px; }
	.bannerBox.blue-banner .title { padding: 15px; }
	.workBox .mid { padding-right: 15px; padding-left: 15px; }
	.requestBox,
	.managementBox,
	.companyBox,
	.reviewBox,
	.livechatBox,
	.imageBox { margin-bottom: 40px; }
	.workBox { margin-bottom: 30px; padding-top: 30px; }
	.workBox .mid,
	.workBox .row { padding-bottom: 30px; }
	.managementBox .row { margin-bottom: 40px; }
	.workBox .right,
	.managementBox .left,
	.managementBox .right,
	.managementBox .row.odd .left,
	.managementBox .row.odd .right,
	.chat-infoBox .left,
	.chat-infoBox .right,
	.workBox .left { width: 100%; }
	.workBox .left img { max-width: 300px; }
	.managementBox .row.odd .left,
	.workBox .odd .left { order: inherit; }
	.managementBox .left { margin-bottom: 30px; }
	.chat-infoBox ul li { padding-right: 0; }
	.businessBox .col,
	.experienceBox .comment-col { width: 100%; }
	.experienceBox ul { margin-bottom: 40px; }
	.experienceBox ul li img { height: 52px; }
	.chat-infoBox { margin-bottom: 50px; }
	.agentsBox { padding-top: 40px; }
	.businessBox { margin-bottom: 30px; }
	.conversationBox .list { padding-bottom: 40px; column-count: auto; }
	.conversationBox .item { margin-bottom: 20px; }
	.conversationBox .image { width: 140px; }
	.conversationBox .image img { width: 50px; }
	.conversationBox .content { width: calc(100% - 140px); line-height: 1.2; }
	.conversationBox .chat-col { width: 100%; }
	.conversationBox .chat-col:first-child { margin-bottom: 50px; }
	.conversationBox .chat-row:after { width: 50px; height: 4px; }
	.conversationBox .chat-block { padding: 25px 25px 90px 25px; }
	.companyBox .icon { width: 130px; }
	.benefitBox .item { width: 50%; }
	.systemBox .left { margin-bottom: 30px; width: 100%; }
	.systemBox .right { width: 100%; }
	.systemBox .list .item { padding: 15px; }
	.systemBox ul { margin-bottom: 20px; }
	.slick-arrow.slick-prev { left: -30px; }
	.slick-arrow.slick-next { right: -30px; }
	.reviewBox .logo { margin-bottom: 20px; max-width: 200px; }
	.reviewBox .text { margin-bottom: 15px; }
	.reviewBox .mid { padding: 0 20px; }
	.systemBox { margin-bottom: 40px; }
	.slick-arrow { font-size: 36px; }
	.reviewBox { padding-top: 80px; padding-bottom: 80px; background-size: 1000px 100%; }
	.requestBox .col { width: 100%; }
	.requestBox .form .button { width: 70%; }
	.copyrightBox .right ul li:before { margin: 0 6px; }
	.footerBox .col { margin-bottom: 0; padding-right: 0; width: 100%; }
	.footerBox ul li { margin-bottom: 4px; }
	.footerBox .title { margin-bottom: 20px; position: relative; }
	.footerBox .title:after { position: absolute; top: 3px; right: 5px; font-family: 'icomoon', sans-serif; content: '\f107'; }
	.footerBox .is-active .title:after { content: '\f106'; }
	.footerBox .panel { padding-bottom: 20px; display: none; }
	.footerBox { padding-top: 60px; }
	.newsBox .col,
	.selectBox .block { margin-bottom: 15px; width: 100%; }
	.selectBox.top-space { margin-bottom: 20px; padding-top: 30px; }
	.viewedBox .block ul li,
	.questionBox .col { width: 50%; }
	.otherBox ul li { padding: 0 15px; }
	.otherBox .col { width: calc(50% - 10px); }
	.messagingBox .content { padding: 15px; }
	.functionalitiesBox ul li { padding-right: 0; }
	.functionalitiesBox ul li .col-1 { padding-bottom: 15px; }
	.functionalitiesBox .col-1 { padding-left: 15px; width: 100%; line-height: 1.4; }
	.functionalitiesBox .heading { display: none; }
	.functionalitiesBox .col-2:before { content: 'Messaging Platform'; }
	.functionalitiesBox .col-3:before { content: 'Managed Messaging Service'; }
	.functionalitiesBox .col-1:before,
	.functionalitiesBox .col-2:before,
	.functionalitiesBox .col-3:before { padding-bottom: 5px; padding-left: 15px; display: block; width: 100%; text-align: left; color: #000; }
	.functionalitiesBox .col-2 { margin-bottom: 20px; }
	.functionalitiesBox .col-2,
	.functionalitiesBox .col-3 { width: 100%; }
	.functionalitiesBox ul li img { margin: 0 15px; }
	.functionalitiesBox .cross { padding: 0 15px; display: block; text-align: left; }
	.functionalitiesBox .col-1:before { padding-left: 0; content: 'Functionaliteiten'; }
	.whitepaperBox .col { width: 100%; }
	.whitepaperBox h4 { line-height: 1.2; }
	.whitepaperBox h2 span { font-size: 18px; }
	.livechatBox .col { width: 100%; }
	.livechatBox .col:last-child { padding-bottom: 0; }
	.agentsBox .form input { padding-right: 210px; }
	.agentsBox .form button { width: 200px; }
	.contentBox { padding-top: 0; }
	.contentBox .centerPart { padding: 0 0 30px; order: -1; width: 100%; }
	.contentBox .rightPart { display: none; }
	.contentBox .leftPart { width: 100%; }
	.contentBox .leftPart { margin-bottom: 30px; }
	.commentBox .block { padding-bottom: 15px; width: 100%; }
	.languageBox .search { top: 13px; right: 40px; }
	.languageBox.is-active .search { right: 80px; }
	.languageBox .search input { padding-right: 30px; width: 164px; height: 40px; }
	.languageBox ul li a.search-btn { position: relative; z-index: 9; }
	.bannerBox .number-block small { font-size: 14px; }
	.bannerBox .number-block strong { font-size: 24px; }
	.systemBox .list .item.slick-active + .item.slick-active { border-right: 0; }
	.commentBox .logo { padding: 10px 15px; }
	.commentBox .logo img { width: 120px; }
	.commentBox .text { padding: 18px; }
	.viewedBox .block { padding: 20px 25px; }
	.viewedBox .block ul li a:after { top: 4px; }
	.desktop-show { display: none; }
	.contentBox .centerPart .sidebar { margin-bottom: 30px; }
	.serviceStoryBoxQuoteBottom { width: 90%;  padding-left: 40px; padding-right: 40px; position: relative; margin: 0 auto; }
	
	.serviceStoryBoxQuoteTop { width: 100%;   padding-left: 10px; padding-right: 10px; }
	.serviceStoryBoxQuoteTop h2 { font-size: 22px; }
	.serviceStoryBoxQuoteBottom { width: 100%;  padding-left: 10px; padding-right: 10px; position: relative; margin: 0 auto; }
	.serviceStoryBoxQuoteBottom h4 { font-weight: 400; }
	.serviceStoryBoxQuoteBottom h4 span{ font-weight: 700; }
	.serviceStoryBoxQuoteBottom:before { content: '';  }
	.serviceStoryBoxQuoteBottom:after { content: '';  }
	
	.duo_col_cat { width: 100%!important; max-width: 100%!important; margin-bottom: 20px!important; }
	.cat_statistics_col  { width: 100%!important; max-width: 100%!important; margin-bottom: 20px!important; }
}

@media only screen and (min-width: 768px) {
	.footerBox .panel { display: block !important; height: auto !important; }
	.mobile-show { display: none; }
}

@media only screen and (max-width: 479px) {
	#headerCntr .logo { width: 140px;  }
	.bannerBox .brand-img { margin: 0 5px; }
	.bannerBox .brand-img:nth-child(4) { display: none; }
	.bannerBox .banner-form input { padding-right: 20px; border-radius: 20px 20px 0 0; }
	.bannerBox .banner-form button { position: static; width: 100%; border-radius: 0 0 20px 20px; }
	.agentsBox .form input { padding-right: 20px; border-radius: 20px 20px 0 0; }
	.agentsBox .form button { position: static; width: 100%; border-radius: 0 0 20px 20px; }
	.requestBox .button { margin: 0 0 15px; width: 100%; }
	.experienceBox ul { justify-content: center; }
	.conversationBox .item { display: block; }
	.conversationBox .content { padding: 15px 0 0; width: 100%; }
	.benefitBox .item { padding: 0; width: 100%; }
	.systemBox .list .item { width: 50%; }
	.copyrightBox .social { padding-top: 15px; width: 100%; }
	.copyrightBox .right ul { justify-content: center; }
	.viewedBox .block ul li,
	.otherBox .col,
	.questionBox .col { width: 100%; }
	.otherBox .col:first-child { margin-bottom: -21px; }
	.experienceBox ul li { margin: 0; }
}


#calculator_monitor{ width: 100%; max-width: 560px; margin: 0 auto 40px auto; background-image: url('images/monitor.png'); background-position: center center; background-size: contain; background-repeat: no-repeat; padding-top: 82%; position: relative;}
#calculator_monitor_inner{ position: absolute; height: 100%; width: 100%; z-index: 100; top:0; left:0; padding: 40px;padding-top: 20px;padding-bottom: 0px; }

.range-handle {background-image: url('images/slide_btn.png'); background-size: contain;box-shadow: none!important; background-position: center center; background-repeat: no-repeat; background-color: transparent; }
.range-bar.leads_slider { background-color: #282425!important; } 
.leads_slider .range-quantity{ background-color: #aa028c; } 

#calculator_text{ font-weight: 700;  margin-bottom: 6px; font-size: 12px; }
#calculator_result{ font-weight: 700;font-size: 12px; }
#calculator_visitors_number{ color: #aa028c; font-size: 20px; line-height: 35px; font-weight: 700;}
#calculator_result_number{ color: #aa028c; font-size: 30px; line-height: 30px; font-weight: 700; padding-top: 0px;}
#calculator_monitor_inner{ position: absolute; height: 100%; width: 100%; z-index: 100; top:0; left:0; padding: 40px;padding-top: 20px;padding-bottom: 0px; }
@media (min-width:1020px){
#calculator_result{ font-weight: 700;font-size: 16px; }
#calculator_text{ font-weight: 700;  margin-bottom: 10px; font-size: 16px; }
#calculator_visitors_number{ color: #aa028c; font-size: 40px; line-height: 60px; font-weight: 700;}
#calculator_result_number{ color: #aa028c; font-size: 60px; line-height: 60px; font-weight: 700;padding-top: 40px;}
#calculator_monitor_inner{ position: absolute; height: 100%; width: 100%; z-index: 100; top:0; left:0; padding: 40px;padding-top: 40px;padding-bottom: 0px; }
}

/* ### steps box ### */
.stepsBox { padding-bottom: 100px; padding-top: 115px; width: 100%; background-color: #f7fafc; }
.stepsBox .mid { margin: 0 auto; max-width: 550px; text-align: center; }
.stepsBox .row { margin-bottom: 120px; display: flex; flex-wrap: wrap; align-content: center; align-items: center; justify-content: space-between; width: 100%; max-width: 1440px; margin: 0 auto; text-align: left }

.stepsBox .left { width: 100%; padding-top: 0%;  background-image:none; background-position: left top; background-size: contain; background-repeat: no-repeat; height: 100%; position: relative;}
.stepsBox .left_inner{ display: none; }
.stepsBox .right { padding: 20px; width: 100%; }
.step_btn{ width: 100%; min-width: 100%; display: block; margin: 6px auto!important; padding: 6px; font-size: 12px; height: auto; opacity: 0.5; }
.step_text_holder{ height: 50px; overflow: hidden; margin-bottom: 20px; text-align: center;}
.step_text_holder:first-child{ height: auto; }
.mobile_step_tab{ display: block;font-weight: 700;text-align: center; color: #aa028c; border: 2px solid #aa028c; border-radius: 30px; background: #ffffff; transition: all 0.3s; cursor: pointer; height: 50px;display: inline-flex;align-content: center;align-items: center;justify-content: center; width: 100%; margin-bottom: 20px;}



@media (min-width:1020px){	
.stepsBox .row { display: flex; flex-wrap: wrap; align-content: center; align-items: center; justify-content: space-between; width: 100%; max-width: 1440px; margin: 0 auto 80px auto; text-align: left }
.stepsBox .left { width: 60.14%; padding-top: 40%;  background-image: url('images/steps_img.png'); background-position: right center; background-size: contain; background-repeat: no-repeat; height: 100%; position: relative;}
.stepsBox .left_inner{ position: absolute; top:0px;left: auto; right: 2.9%; z-index: 20;  width: 28%; height: 100%; display: flex; justify-content: center; flex-direction: column; }
.stepsBox .right { padding: 30px; width: 38%; }
.step_btn{ width: 100%; min-width: 100%; display: block; font-size: 16px; margin: 10px auto!important; padding: 16px; }
.step_text_holder{ height: 0px; overflow: hidden;  margin-bottom: 0px; text-align: left;}
.step_text_holder:first-child{ height: auto; }
.mobile_step_tab{ display: none; }
}

.open_step_btn{ opacity: 1 };

.stepsBox .tag-text { margin-bottom: 15px; }
.stepsBox .odd .left { order: 1; }

.stepsBox .odd .left { background-position: left center; }
.stepsBox .odd .left_inner { left: 2.9%; right: auto; }

.dowloadBox{ width:100% }
.dowloadBoxTop{ width:100%; background-color: #4b799f; }
.dowloadBoxTopInner{ width: 100%; max-width: 1440px; display: flex; flex-wrap: wrap; align-content: flex-start; align-items: flex-start; justify-content: center; margin: 0 auto; padding: 30px; }
.dowloadBox input{ -webkit-appearance: none; -moz-appearance: none; }


.dowloadBoxTopInner>div{ padding: 10px; }
.topItemNum{ color: #ffffff; font-size: 72px; line-height: 72px; text-align: center; width: 100%; } 
.topItemLable{ color: #ffffff; font-size: 20px; line-height: 20px;text-align: center; width: 100%; }

.dowloadBoxBottom{  width:100%  }
.dowloadBoxBottomInner{ width: 100%; max-width: 1440px; margin: 0 auto; display: flex; flex-wrap: wrap; align-content: flex-start; align-items: flex-start; justify-content: space-between; padding: 40px;}

.dowloadBoxBottomImg{ width: 100%; padding: 20px;}
.dowloadBoxBottomText{ width: 100%;  padding: 20px; margin: 0 auto;}
.dowloadBoxBottomTextBottomLeft{ width: 100%; padding: 10px;}
.dowloadBoxBottomTextBottomRight{ width: 100%; padding: 10px;}
@media (min-width:1020px){	
.dowloadBoxTopInner{ width: 100%; max-width: 1440px; display: flex; flex-wrap: wrap; align-content: flex-start; align-items: flex-start; justify-content: space-between; margin: 0 auto; padding: 40px; }	
.dowloadBoxBottomImg{ width: 33%; padding: 20px;}
.dowloadBoxBottomText{ width: 66%;  padding: 20px;}
.dowloadBoxBottomTextBottomLeft{ width: 50%; padding: 10px;}
.dowloadBoxBottomTextBottomRight{ width: 50%; padding: 10px;}
}
.dowloadBoxBottomImg img{ width: auto; height: auto; max-width: 100%; }
.dowloadBoxBottomTextTop{ width: 100%; padding: 10px;}
.dowloadBoxBottomTextTop h2{ font-size: 36px; line-height: 36px; margin-bottom: 6px; }
.dowloadBoxBottomTextTop .dowloadBoxSubKop{ font-size: 20px; line-height: 20px; }
.dowloadBoxBottomTextBottom{ width: 100%; display: flex; flex-wrap: wrap; align-content: flex-start; align-items: flex-start; justify-content: space-between;}
.dowloadBoxBottomForm{display: flex; flex-wrap: wrap; align-content: flex-start; align-items: flex-start; justify-content: center;}
.dowloadBoxBottomForm input{ width: 100%; height: 40px; border-radius: 20px; padding-left: 12px; border: none; box-shadow: 0 0 3px 3px rgba(0,0,0,0.08); margin-bottom: 20px; }
.dowloadBoxBottomForm input[type=submit]{ padding: 0; }


.zoekResultaten{ width: 100%; max-width: 1440px; padding: 40px 20px; }
.zoekResultatenSection{ width: 100%; padding: 20px; padding-bottom: 40px; }
.zoekResultatenSection h2{ font-size: 30px; }
.zoekResultatenSection li:nth-child(even){ background-color: #ffffff; padding: 19px 30px 19px 30px;}
.zoekResultatenSection li:nth-child(odd){ background-color: #f7fafc; padding: 19px 30px 19px 30px;}
.zoekResultatenSection a{ color: #000000; transition: all 0.3s; }
.zoekResultatenSection a:hover{ color: #aa028c; }

 .filter_form_input{ float: none !important;padding: 10px 12px !important; width: calc(100% - 50px); height: 50px; font-weight: 500; color: #000000; border: 1px solid #e2e8f0; border-radius: 3px; }
 .filter_form_btn{ float: none !important;padding: 10px 12px !important; width: 50px; height: 50px; font-weight: 500; color: #000000; border: 1px solid #e2e8f0; border-radius: 3px; background-color: #ffffff; -webkit-appearance: none;-moz-appearance: none; cursor: pointer; }
 
 
 
 
 .quoteBox{ width: 100%; background-color: #f7fafd; }
 .quoteBoxInner{ width: 100%; max-width: 1240px; margin: 0 auto; background-repeat: no-repeat; background-size: auto 80%;  padding-top: 80px; padding-bottom: 80px; padding-left: 40px; padding-right: 40px; min-height: 30vw; }
 .quoteBoxQuote{ position:relative;  width: 55%; padding: 30px; box-shadow: 0 0 3px 3px rgba(0,0,0,0.08); background-color: #ffffff; }
 .quoteBoxQuote:before{ content: '\f10d'; font-family: 'FontAwesome'; font-size: 32px; text-align: center; line-height: 32px; padding-top: 10px; position: absolute; width: 50px; height: 50px; color: #ffffff; left:-50px; top:0; z-index: 100; background-color: #131760; box-shadow: 0 0 3px 3px rgba(0,0,0,0.08); }
 .cta_button1{ margin: 10px 0px; width: 100%; }
 .cta_button2{ margin: 10px 0px!important; width: 100%; }
.hide_mobile{ display: block; }	
@media (min-width:768px){
.hide_mobile{ display: none; }		
.quoteBoxQuote{ position:relative;  width: 45%; padding: 30px; box-shadow: 0 0 3px 3px rgba(0,0,0,0.08); background-color: #ffffff; }
.cta_button1{ margin: 0; width: auto; }
.cta_button2{ margin: 0!important; width: auto; }
} 




.verberg_header, .verberg_footer{ display:none!important; }


/* unvisited link */
a {
  color: hotpink;
}

/* Fix arrows slide **/

	  .slick-slider {
		  width: calc(100% - 60px);
		margin: 0 auto;
	  }
	.slick-arrow.slick-prev {
  left: -40px;
}  
	  .slick-arrow.slick-next {
  right: -40px;
}