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

/* #Font-Face
================================================== */
@import url('https://fonts.googleapis.com/css2?family=Lato:wght@400;900&display=swap'); /*font-family: 'Lato', sans-serif;*/
@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@300;400&display=swap'); /*font-family: 'Poppins', sans-serif;*/

@font-face {
	font-family: 'Lato';
	src: url('../fonts/lato/Lato-Semibold.woff2') format('woff2'),
	url('../fonts/lato/Lato-Semibold.woff') format('woff');
	font-weight: 600;
	font-style: normal;
	font-display: swap;
}

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

/* ### general ### */
/*
* { margin: 0; padding: 0; box-sizing: border-box; }
html,
body { font-family: 'Lato'; font-weight: 600; font-size: 16px; color: #7e7e7e; line-height: 1.7; }
body { background: #fff; }
input,
select,
textarea { font-family: sans-serif; font-size: 16px; color: #000; }
img { display: block; border: 0; }
ul,
li { list-style: none; }
:focus { outline: none; }



h1,
h2,
h3,
h4,
h5,
h6 { font-weight: 900; color: #000; line-height: 1; }

h1 { font-size: 72px; }
h2 { font-size: 36px; }
h3 { font-size: 24px; }
h4 { font-size: 22px; }
h5 { font-size: 20px; }
h6 { font-size: 18px; }
*/
/* ### global classes ### */
.centered { padding-right: calc((100% - 1440px) / 2); padding-left: calc((100% - 1440px) / 2); }
.center { margin: 0 auto; position: relative; max-width: 1880px; }
.clear { visibility: hidden; clear: both; height: 0; line-height: 0; }

#headerCntr .button { padding: 10px 15px; background-color: #E85D4F; color: #fff; text-decoration: none; font-weight: 900; border-radius: 5px; transition: all 0.3s; border: 1px solid transparent; display: inline-block; width: 368px; font-size: 16px; }
#headerCntr .button:hover { background-color: #8B0000; color: #fff; border: 1px solid #8B0000; }
#headerCntr .button:after { content: '\f061'; font-family: 'Font Awesome 6 Pro', sans-serif; font-weight: 300; float: right; font-size: 16px!important; }
#headerCntr .button.outline { background-color: transparent; color: #fff; border: 1px solid #fff; border-radius: 5px; }


ul,
li { list-style: none; }
h6 { font-size: 18px; font-weight: 900; color: #000; line-height: 1;}

/* ### wrapper ### */

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

/* ### main container ### */
/*
#mainCntr { width: 100%; padding-top: 100px; }
*/
/* ### header container ### */
#headerCntr { transition: all 0.5s; background-color: #fff; position: fixed; top: 0; width: 100%; z-index: 99999; }
#headerCntr.sticky { transform: translateY(-39px); box-shadow: -1px 6px 14px 0 rgba(0,0,0,0.19); }
#headerCntr .topbar { background-color: #273575; }
#headerCntr .topbar .topbar-flex { display: flex; justify-content: space-between; }
#headerCntr .topbar .left { width: 35%; display: flex; align-items: center; text-decoration: none; color: #ffffff; font-size: 13px; }
#headerCntr .topbar .left a.__fbcw__bar-widget__amount-of-reviews{ color: #ffffff!important; font-size: 13px!important; }
#headerCntr .topbar .__fbcw__bar-widget__score{ font-size: 13px!important; } 
#headerCntr .topbar .__fbcw__bar-widget__stars{ width: 80px!important }
#headerCntr .topbar .left li { margin-right: 2px; }
#headerCntr .topbar .left li:last-child { margin-right: 0; }
#headerCntr .topbar .right { width: 58%; text-align: right; }
#headerCntr .topbar .right i.fa{ font-size: 16px!important; }
#headerCntr .topbar .right ul{ margin: 0px; }
#headerCntr .topbar .right li { position: relative; border-left: 1px solid #4a599c; padding: 10px 0 9px 20px; margin-right: 16px; }
#headerCntr .topbar .right li a { display: inline-block; transition: all 0.3s; }
#headerCntr .topbar .right li a:hover { color: #e85d4f; }
#headerCntr .topbar .right li:last-child { margin-right: 0; }
#headerCntr .topbar li { display: inline-block; color: #fff; font-size: 12px; }
#headerCntr .topbar li a { text-decoration: none; color: #fff; font-size: 12px; }
#headerCntr .topbar p { margin-left: 10px; font-size: 13px; color: #fff; font-weight: 400; font-family: 'Lato', sans-serif; }
#headerCntr .topbar p span { font-size: 13px; font-weight: 600; font-family: 'Lato'; }
#headerCntr .topbar .timing { padding-left: 48px !important; }
#headerCntr .topbar .phone  { padding-left: 25px !important; }
#headerCntr .topbar .timing:before,
#headerCntr .topbar .phone:before { position: absolute; vertical-align: middle; font-family: 'Font Awesome 6 Pro', sans-serif; }
#headerCntr .topbar .timing:before { content: '\f017'; font-weight: 400; font-size: 18px; top: 4px; left: 21px; }
#headerCntr .topbar .phone:before { content: '\f879'; font-size: 16px; transform: rotate(90deg); top: 5px; left: 19px; }
#headerCntr .topbar .feedback { margin-left: 11px; display: flex; }
#headerCntr .topbar .feedback span { color: #fff; font-size: 10px; line-height: 0.9; margin-left: 10px; }
#headerCntr .topbar .feedback samp { font-weight: 400; font-family: 'Lato', sans-serif; display: block; }
#headerCntr .header { padding: 10px 0; display: flex; justify-content: space-between; align-items: center; background-color: #fff; }
#headerCntr .logo { width: 155px; margin-left: -4px; }
#headerCntr .logo img { max-width: 100%; }
#headerCntr .navigation { width: 88%; display: flex; align-items: center; justify-content: flex-end; margin-right: 4px; }
#headerCntr .button { width: auto; background-color: transparent; padding: 10px 18px; border: 2px solid #e85d4f; color: #e85d4f; }
#headerCntr .button:after { margin-left: 25px; }
#headerCntr .button:hover { background-color: #8B0000; border: 2px solid #8B0000; color: #fff; }
#headerCntr .mobileMenu { position: relative; top: 0; right: -5px; z-index: 15; display: none; float: right; 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: #e85d4f; 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: #e85d4f; transition-duration: 0.2s, 0.2s; content: ''; }
#headerCntr .mobileMenu span:before { top: -7px; }
#headerCntr .mobileMenu span:after { bottom: -7px; }
.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); }

#headerCntr .cartBtn { position: relative; margin-left: 20px; z-index: 15; float: right; width: 46px; height: 40px; transition: 0.2s; font-size: 8px; text-align: center; cursor: pointer; overflow: hidden; padding-top: 24px; color: #273575; }
#headerCntr .cartBtn:before{ position: absolute; content: '\f07a'; font-size: 16px; width: 100%; text-align: center; z-index: 10; font-family: 'Font Awesome 6 Pro'; top:2px;left:0; color: #273575; }






/* ### menu box ### */
.menuBox:not(.mm-menu) { margin-top: 1px; margin-right: 51px; }
.menuBox:not(.mm-menu) ul { width: auto; }
.menuBox:not(.mm-menu) ul li { position: relative; letter-spacing: 0.2px; display: inline-block; margin-left: 54px; font-family: 'Lato', sans-serif; font-weight: 900; }
.menuBox:not(.mm-menu) .dropdown-icon:after { font-family: 'Font Awesome 6 Pro', sans-serif; content: '\f107'; color: #000; margin-left: 5px; transition: all 0.3s;  }
.menuBox:not(.mm-menu) ul li.is-hiden { display: none; }
.menuBox:not(.mm-menu) ul li:first-child { margin-left: 0; }
.menuBox:not(.mm-menu) ul li a { text-decoration: none; color: #000; transition: all 0.3s; font-size: 16px; }
.menuBox:not(.mm-menu) ul li a:hover { color: #273575; text-decoration: underline; }
.menuBox:not(.mm-menu) ul li ul { padding: 35px 25px; position: absolute; top: 30px; left: 50%; z-index: 2; opacity: 0; visibility: hidden; width: 200px; border-radius: 5px; background: #fff; transform: translateX(-50%); transition: all 0.3s; box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.2); }
.menuBox:not(.mm-menu) ul li ul:before { position: absolute; top: -18px; left: 50%; border-right: 18px solid transparent; border-bottom: 18px solid #fff; border-left: 18px solid transparent; transform: translateX(-50%); content: ''; }
.menuBox:not(.mm-menu) ul li:hover ul { top: 50px; opacity: 1; visibility: visible; }
.menuBox:not(.mm-menu) ul li:hover.dropdown-icon:after { color: #273575; }
.menuBox:not(.mm-menu) li li { margin: 0; font-size: 18px; line-height: 1.5; text-transform: capitalize; width: 100%; }
.menuBox:not(.mm-menu) li li a { padding: 6px 0px; color: #000; }
.menuBox:not(.mm-menu) li li a:hover { color: #273575; text-decoration: none; }
.menuBox:not(.mm-menu) li li a:after { display: none; }



/*
.bannerCntr { padding-top: 117px; padding-bottom: 101px; background: url('../images/banner.jpg') no-repeat top center; background-size: cover;  }
.bannerCntr .banner { display: flex; flex-wrap: wrap; justify-content: space-between;  }
.bannerCntr .text { margin-left: -3px; width: 60%; }
.bannerCntr .box { padding: 40px 50px 49px 45px; border-radius: 5px; width: 33%; max-width: 468px; background-color: #273575; transform: translateY(152px); margin-right: 2px; }
.bannerCntr h1 { color: #fff; margin-bottom: 34px; }
.bannerCntr ul { margin-bottom: 32px; }
.bannerCntr p { color: #fff; margin-bottom: 43px; max-width: 675px; letter-spacing: 0.9px; }
.bannerCntr p div { display: inline-block; }
.bannerCntr li { color: #fff; line-height: 2.9; position: relative; padding-left: 35px; }
.bannerCntr li:before { background: url('../images/check-circle.png') no-repeat; height: 26px; width: 26px; position: absolute; top: 11px; left: 0; content: ''; }
.bannerCntr .button { padding: 20px 18px;  width: 286px; }
.bannerCntr .button:hover { border: 1px solid #8B0000; color: #fff; background-color: #8B0000; }
.bannerCntr .box .button { padding: 11px 18px; text-align: left; width: 100%; }
.bannerCntr .link { text-decoration: none; color: #fff; margin-left: 15px; transition: all 0.3s; }
.bannerCntr .link:hover { color: #8B0000; }

.bannerSmall { padding-top: 40px; padding-bottom: 40px; background: url('../images/banner.jpg') no-repeat center center; background-size: cover;  }
.bannerSmall h1 { color: #fff; }
.breadcrumb { width: 100%; padding-left: 20px; padding-right: 20px; }
.breadcrumb ul{ padding:0;margin: 0; display: flex; }
.breadcrumb ul li{ padding:4px;margin: 0; font-size: 11px; }
.breadcrumb ul li a { text-transform: lowercase; }
.breadcrumb ul li a:hover {text-decoration: underline;}
*/
/* ### content container ### 
#contentCntr { width: 100%; }
*/
/* ### usp box ### 
.uspBox { display: flex; padding-top: 30px; padding-bottom: 30px; }
.uspBox .left { width: 25%; }
.uspBox .right { width: 74%; margin-left: 2px; }
.uspBox h3 { margin: 0; }
.uspBox h3 span { font-family: 'Lato'; font-weight: 600; display: block; color: #7a7a7a; font-size: 16px; }
.uspBox .media { display: flex;  }
.uspBox .media-body { margin-left: 5px; }
*/
/* ### blog box ### 
.blogBox { background: #F9F9F9; padding-top: 93px; padding-bottom: 198px; }
.blogBox h2 { max-width: 570px; text-align: center; margin: 0 auto 48px auto; }
.blogBox .blog { display: flex; flex-wrap: wrap; justify-content: space-between; }
.blogBox .box { transition: all 0.3s; border-radius: 10px; width: 32.7%; background-color: #fff; margin-bottom: 15px; display: block; text-decoration: none; overflow: hidden; }
.blogBox img { width: 100%; height: auto; }
.blogBox .text { padding: 47px 50px 48px 50px; }
.blogBox h3 { margin-bottom: 29px; }
.blogBox p { margin-bottom: 25px; color: #7a7a7a; line-height: 1.65; }
.blogBox .link { font-family: 'Lato', sans-serif; font-weight: 900; color: #000; text-decoration: none; transition: all 0.3s; }
.blogBox .box:hover .link { color: #E85D4F; }
.blogBox .link:after { height: 24px; width: 24px; line-height: 24px; border-radius: 50%; background-color: #E85D4F; text-align: center; content: '\f061'; font-family: 'Font Awesome 6 Pro', sans-serif; font-weight: 300; display: inline-block; color: #fff; margin-left: 10px; }
.blogBox .blog-button { margin-top: 25px; text-align: center; }
.blogBox .button { text-align: left; padding: 10px 17px; }
*/
/* ### quality box ### 
.qualityBox { display: flex; background-color: #F9F9F9; }
.qualityBox .left { position: relative; padding: 93px 50px 101px 233px; width: 50%; }
.qualityBox .left:before { border-radius: 0 5px 5px 0; position: absolute; top: 0; bottom: 0; left: 0; height: 100%; width: calc(100% + 240px); background-color: #273575; content: ''; z-index: 1; }
.qualityBox .right { position: relative; z-index: 2; width: 50.2%; margin-left: 15px; border-radius: 5px; }
.qualityBox .wrap { margin-top: -99px; height: 100%; width: 100%; }
.qualityBox img { width: 100%; height: 100%; border-radius: 5px; object-fit: cover; object-position: center center; }
.qualityBox h2 { position: relative; z-index: 1; color: #fff; margin-bottom: 38px; max-width: 500px; }
.qualityBox p { position: relative; z-index: 1; color: #fff; margin-bottom: 27px; line-height: 1.65; max-width: 596px; }
.qualityBox p ~ p { margin-bottom: 42px; }
.qualityBox .button { position: relative; z-index: 1; }
.qualityBox .button:hover { border: 1px solid #8B0000; color: #fff; }


.qualityBox.rev .left:before { border-radius:  5px 0 0 5px; position: absolute; top: 0; bottom: 0; left: -240px; height: 100%; width: calc(100% + 240px); background-color: #273575; content: ''; z-index: 1; }
.qualityBox.rev .right{ order:1; margin-left: 0px; }
.qualityBox.rev .left{ order:2;  }
*/
/* ### feedback box ### 
.feedbackBox { background: #F9F9F9; padding-top: 94px; padding-bottom: 100px; }
.feedbackBox h2 { text-align: center; margin: 0 auto 32px auto; max-width: 365px; }
.feedbackBox .star { display: flex; justify-content: space-between; align-items: center; width: 461px; margin: 0 auto 43px auto; }
.feedbackBox .company { display: flex; align-items: center; }
.feedbackBox .company img { display: inline-block; }
.feedbackBox .company span { display: inline-block; font-size: 26px; line-height: 0.9; margin-left: 20px; font-family: 'Lato', sans-serif; font-weight: 900; }
.feedbackBox .company samp { margin-bottom: 0; display: block; font-size: 26px; font-family: 'Lato', sans-serif; font-weight: 400; }
.feedbackBox .review p { color: #000; margin-bottom: 0; }
.feedbackBox .review ul { padding-top: 4px; line-height: 1.2; }
.feedbackBox .feedback { display: flex; justify-content: space-between; flex-wrap: wrap; }
.feedbackBox .box { padding: 50px 45px 45px 50px; background-color: #fff; width: 49.4%; border-radius: 5px; margin-bottom: 20px; }
.feedbackBox ul { line-height: 1.5; }
.feedbackBox li { display: inline-block; margin-right: 5px; }
.feedbackBox li:last-child { margin-right: 0; }
.feedbackBox samp { color: #000; font-family: 'Lato', sans-serif; font-weight: 600; font-size: 12px; display: block; margin-bottom: 5px; }
.feedbackBox p { color: #7a7a7a; margin-bottom: 5px; line-height: 1.65; }
.feedbackBox span { display: block; color: #000; }
.feedbackBox .feedback-button { text-align: center; margin-top: 40px; }
.feedbackBox .button { text-align: left; }
*/
/* ### logo box ### 
.logoBox { padding-top: 94px; padding-bottom: 91px; }
.logoBox .logo { display: flex; flex-wrap: wrap; justify-content: space-between; }
.logoBox .item { width: 12%; }
.logoBox h2 { text-align: center; margin-bottom: 45px; }
.logoBox img { margin: 0 auto; }
*/
/* ### help box ### 
.helpBox { padding-top: 55px; padding-bottom: 50px; background-color: #273575; }
.helpBox h2 { color: #fff; margin-bottom: 44px; text-align: center; }
.helpBox .buttons { max-width: 1150px; margin: 0 auto; display: flex; justify-content: space-between; }
.helpBox .onze { width: 28%; }
.helpBox .button { padding: 12px 20px; border: 2px solid #fff; width: 320px; background: transparent; text-align: center; }
.helpBox .button:hover { background: #fff; color: #000; }
.helpBox .button:after { display: none; }
*/
/* ### company box ### 
.companyBox { display: flex; justify-content: space-between; flex-wrap: wrap; padding-top: 97px; padding-bottom: 96px; }
.companyBox .left { width: 45%; }
.companyBox .right { width: 45%; }
.companyBox .item { margin-bottom: 40px; }
.companyBox .item:last-child { margin-bottom: 0; }
.companyBox h3 { margin-bottom: 9px; }
.companyBox p { color: #7f7f7f; margin-bottom: 26px; line-height: 1.65; }
.companyBox p:last-child { margin-bottom: 0; }
*/
/* ### footer container ### */
#footerCntr { display: flex; flex-wrap: wrap; justify-content: space-between; background-color: #262626; padding-top: 98px; padding-bottom: 91px; }
#footerCntr h6 { color: #fff; margin-bottom: 30px; }
#footerCntr ul {margin: 0; padding: 0;}
#footerCntr li { color: #fff; font-size: 16px; font-family: 'Poppins', sans-serif; font-weight: 300; line-height: 1.9; }
#footerCntr li.hiden { display: none; }
#footerCntr a { color: #fff; text-decoration: none; transition: all 0.3s; }
#footerCntr a:hover { color: #e85d4f; }
#footerCntr address { color: #fff; margin-bottom: 30px; font-size: 16px; max-width: 330px; font-family: 'Poppins', sans-serif; font-weight: 300; font-style: normal; line-height: 1.9; }
#footerCntr .link { width: 23.7%; }
#footerCntr .link.two { padding-top: 48px; }
#footerCntr .over { width: 18%; }
#footerCntr .address { width: 30%; padding-left: 81px; }

/* ### copyright ### */
.copyright { text-align: center; background-color: #fff; padding-top: 11px; padding-bottom: 11px; }
.copyright li { color: #1A202C; display: inline-block; font-size: 16px; font-family: 'Poppins', sans-serif; font-weight: 400; margin-right: 7px; }
.copyright li:last-child { margin-right: 0; }
.copyright li:after { background: #1a202c; height: 15px; width: 1px; content: ''; display: inline-block; margin-left: 10px; vertical-align: middle; }
.copyright li:last-child:after { display: none; }
.copyright a { color: #1A202C; text-decoration: none; transition: all 0.3s; }
.copyright a:hover { color: #e85d4f; }

/* #Media Queries
================================================== */

@media only screen and (max-width: 1900px) {
	.center { padding-left: 15px; padding-right: 15px; }

}

@media only screen and (max-width: 1700px) {
}

@media only screen and (max-width: 1500px) {
	.centered { padding-left: 15px; padding-right: 15px; }
	.bannerCntr .text { width: 57%; }
	.bannerCntr { padding-bottom: 70px; }
	.bannerCntr .box { width: 35%; padding: 40px 40px 40px 40px; margin-right: 0; align-self: flex-end; transform: translateY(110px); }
	.bannerCntr li { font-size: 14px; }
	.bannerCntr h1 { font-size: 60px; }
	.qualityBox .left { padding: 50px 50px 50px 50px }
}

@media only screen and (max-width: 1199px) {
	.menuBox:not(.mm-menu) { margin-right: 30px; margin-top: 0; }
	.menuBox:not(.mm-menu) ul li { margin-left: 24px; font-size: 14px; }
	.menuBox:not(.mm-menu) li li { margin: 0; }
	.menuBox:not(.mm-menu) ul li ul { width: 150px; }
	#headerCntr .topbar .right { width: 59%; }
	#headerCntr .topbar .left { width: 40%; }
	#headerCntr .topbar .right li { font-size: 10px; padding: 10px 0 9px 10px; margin-right: 10px; }
	#headerCntr .topbar .timing { padding-left: 30px !important; }
	#headerCntr .topbar .phone { padding-left: 20px !important; }
	#headerCntr .topbar .timing:before { font-size: 16px; top: 5px; left: 8px; }
	#headerCntr .topbar .phone:before { font-size: 14px; top: 7px; left: 8px; }
	.bannerCntr .text { width: 50%; }
	.bannerCntr { padding-top: 89px; }
	.bannerCntr .box { width: 43%; }
	.uspBox .left { width: 32%; }
	.uspBox .right { width: 65%; }
	.blogBox .text { padding: 40px 40px 40px 40px; }
	.blogBox h3 { font-size: 22px; }
	.qualityBox .left { padding: 50px 15px 50px 15px }
	.qualityBox h2 { margin-bottom: 20px;  }
	.qualityBox p { margin-bottom: 20px; font-size: 14px; }
	.qualityBox p ~ p { margin-bottom: 20px; }
	.logoBox img { max-width: 100%; }
	.helpBox .button { width: 260px; }
	.helpBox .onze { margin: 0 auto; }
	#footerCntr .address { padding-left: 0; }

}

@media only screen and (max-width: 1024px) {
	#headerCntr .mobileMenu { display: block; }
	.menuBox:not(.mm-menu) { margin-right: 15px; display: none; }
	.menuBox:not(.mm-menu) ul li { margin-left: 15px; font-size: 11px; }
	.menuBox:not(.mm-menu) li li { margin: 0; }
	.mm-listview > li > a.time,
	.mm-listview > li > a.phone { padding: 10px 10px 10px 50px; }
	.time:before,
	.phone:before { position: absolute; vertical-align: middle; font-family: 'Font Awesome 6 Pro', sans-serif; }
	.time:before { content: '\f017'; font-weight: 400; font-size: 18px; top: 10px; left: 21px; }
	.phone:before { content: '\f879'; font-size: 16px; transform: rotate(90deg); top: 9px; left: 23px; }
	#headerCntr .topbar .right li.hiden { display: none; }
	#headerCntr .button { padding: 8px 10px; font-size: 12px; }
	#headerCntr .button:after { margin-left: 10px; }
	#headerCntr .topbar { padding-top: 9px; padding-bottom: 9px;}
	#headerCntr .topbar .left { width: 100%; }
	#headerCntr .topbar .right { display: none; }
	#headerCntr .navigation { width: 50%; }
	.bannerCntr { padding-top: 70px; padding-bottom: 70px; }
	.bannerCntr h1 { font-size: 50px; }
	.bannerCntr .button { width: 195px; font-size: 14px;  }
	.bannerCntr .box { width: 49%; padding: 20px 20px 20px 20px; }
	.bannerCntr li:before { background-size: contain; width: 20px; height: 20px; }
	.bannerCntr li { padding-left: 30px; }
	.uspBox { padding-top: 50px; padding-bottom: 50px; }
	.uspBox .left { width: 40%; }
	.uspBox .right { width: 58%; }
	.uspBox h3 { font-size: 20px; }
	.blogBox { padding-bottom: 93px; }
	.blogBox .text { padding: 30px; }
	.blogBox h3 { font-size: 18px; margin-bottom: 20px; }
	.blogBox p { font-size: 14px; }
	.qualityBox { display: block; }
	.qualityBox .left { background-color: #273575; width: 100%; padding: 50px 15px 130px 15px; }
	.qualityBox .left:before { display: none; }
	.qualityBox .right { position: relative; margin: 0 auto; width: 100%;  }
	.qualityBox h2 { max-width: 100%; }
	.qualityBox p { max-width: 100%; }
	.helpBox .onze { width: 31%; }
	.helpBox .button { width: 229px; font-size: 14px; }
	#footerCntr li { font-size: 13px; }
	#footerCntr address { font-size: 13px; max-width: 100%; }
	#footerCntr h6 { font-size: 16px; }
	.copyright li { font-size: 12px; }
}

@media only screen and (min-width: 767px) {
	#footerCntr .footer-toggle .hidden-menu { display: block !important; height: auto !important; }
}

@media only screen and (max-width: 767px) {
	h2 { font-size: 24px; }
	.menuBox:not(.mm-menu) ul li.is-hiden { display: block; }
	#headerCntr .topbar .right { text-align: left; }
	#headerCntr .topbar .right li { border-left: 0; }
	#headerCntr .topbar .timing:before { left: 0; }
	#headerCntr .topbar .timing { padding-left: 22px !important; margin-right: 0; }
	#headerCntr .topbar .right li:last-child { float: right; }
	.bannerCntr .text { width: 100%; margin-bottom: 30px; }
	.bannerCntr .box { width: 100%; max-width: 362px; transform: translateY(0); }
	.bannerCntr h1 { font-size: 36px; margin-bottom: 30px; }
	.bannerCntr p { margin-bottom: 30px; }
	.uspBox { text-align: center; padding-top: 15px; padding-bottom: 15px; display: block; }
	.uspBox img { margin: 0 auto 5px auto; }
	.uspBox .left { width: 100%; margin-bottom: 15px; }
	.uspBox .right { width: 100%; margin-left: 0; }
	.uspBox .media { display: block; }
	.blogBox { padding-top: 60px; padding-bottom: 60px; }
	.blogBox h2 { text-align: left; margin: 0 0 48px 0; }
	.blogBox .box { width: 49%; }
	.blogBox .button { width: 280px; }
	.qualityBox .button { width: 280px; }
	.feedbackBox { padding-top: 60px; padding-bottom: 60px; }
	.feedbackBox .box { padding: 30px 30px 30px 30px; }
	.feedbackBox span { font-size: 14px; }
	.feedbackBox .button { width: 280px; }
	.logoBox { padding-top: 60px; padding-bottom: 60px; }
	.logoBox .item { width: 33%; }
	.logoBox .item.hiden { display: none; }
	.helpBox .onze { width: 100%; margin-bottom: 15px; }
	.helpBox .buttons { display: block; justify-content: inherit; text-align: center; }
	.companyBox .left { width: 100%; margin-bottom: 30px; }
	.companyBox .right { width: 100%; }
	.companyBox { padding-top: 60px; padding-bottom: 60px; }
	#footerCntr { padding-top: 60px; padding-bottom: 60px; }
	#footerCntr li.hiden { display: block; }
	#footerCntr .link { width: 100%; margin-bottom: 30px;  }
	#footerCntr .link.two { display: none; }
	#footerCntr .over { width: 100%; margin-bottom: 30px; }
	#footerCntr .address { width: 100%; }
	#footerCntr .footer-toggle { display: block; border-bottom: 1px solid #718096; }
	#footerCntr .footer-toggle .hidden-menu { display: none; padding-bottom: 30px; }
	#footerCntr .js-footer-toggle h6:after { font-family: 'Font Awesome 6 Pro', sans-serif; content: '\f105'; float: right; margin-left: 5px; }
	#footerCntr .js-footer-toggle.active h6:after { transform: rotate(90deg); }

}

@media only screen and (max-width: 575px) {
	.blogBox .box { width: 100%; }
	.feedbackBox .box { width: 100%; margin-bottom: 30px;  }
	.feedbackBox .company { display: block; align-items: inherit; margin-bottom: 30px; }
	.feedbackBox .star { width: 100%; text-align: center; display: block; justify-content: inherit; align-items: inherit; }

}

@media only screen and (max-width: 520px) {
	#headerCntr .button { display: none; }
	#headerCntr .mobileMenu span { background: #273575; }
	#headerCntr .mobileMenu span:before,
	#headerCntr .mobileMenu span:after { background: #273575; }
	.bannerCntr .button { padding: 10px 18px; }
	.bannerCntr .link { display: block; margin-left: 0; }
	#headerCntr .topbar .left ul { line-height: 0.4; }
	#headerCntr .topbar .left li { margin-right: 0; }
	#headerCntr .topbar .left li img { width: 9px; }
	#headerCntr .topbar p { font-size: 9px; margin-left: 5px; }
	#headerCntr .topbar p span { font-size: 9px; }
}