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

/* #Font-Face
================================================== */
@import url('https://fonts.googleapis.com/css2?family=La+Belle+Aurore&display=swap'); /* font-family: 'La Belle Aurore', cursive; */
@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@300&display=swap'); /* font-family: 'Montserrat', sans-serif; */
@import url('../fonts/fontawesome/all.css');
@import url('../fonts/proxima-nova/stylesheet.css');


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

/* ### general ### */
html,
body { font-family: 'Proxima Nova Rg', sans-serif; font-size: 18px; font-weight: normal; line-height: 1.5; color: #000; }
body { background: #fff; }
input,
select,
textarea { font-family: sans-serif; font-size: 18px; color: #000; }
img { display: block; border: 0; }
ul,
li { list-style: none; }
:focus { outline: none; }
ul { margin: 0; padding: 0; }
a { display: inline-block; text-decoration: none; transition: all 0.3s; color: #019e59; font-weight: bold; }
a:hover { color: #f6ea26; }
.btn { padding: 20px 30px; font-weight: 700; text-transform: uppercase; transition: all 0.3s; }
.btn:focus { color: #000; background: #f6ea26; box-shadow: inherit; }
.btn:after { margin-left: 12px; font-family: 'Font Awesome 6 Pro', sans-serif; font-weight: 300; color: #f6ea26; content: '\f0ab'; }
.btn:hover:after { color: #000; }
.btn-primary { color: #fff; border: 0; background: #019e59; }
.btn-primary:hover { color: #000; background: #f6ea26; }
.btn-outline-primary { color: #000; border: 1px solid #000; }
.btn-outline-primary:hover { color: #fff; border: 1px solid #000; background: #000; }
h1,
h2,
h3,
h4,
h5,
h6 { font-family: 'Proxima Nova Bl', sans-serif; line-height: 1; color: #000; }
h1 { font-size: 70px; }
h2 { font-size: 50px; }
h3 { font-size: 40px; }
h4 { font-size: 30px; }
h5 { font-size: 20px; }
h6 { font-size: 16px; }

.meesterschilder { float: left; padding-right: 60px; }

/* ### global classes ### */
.clear { visibility: hidden; clear: both; height: 0; line-height: 0; }
.container { width: 100%; max-width: 1420px; }

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

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

/* ### header container ### */
#headerCntr { position: fixed; top: 0; right: 0; left: 0; z-index: 9; width: 100%; height: 140px; background: #fff; transition: all 0.4s; }
#headerCntr .logo { position: relative; margin-left: -130px; }
#headerCntr .logo img { max-width: 100%; width: 100%; transition: all 0.5s; }
#headerCntr .sticky-logo { display: none; max-width: 100%; }
#headerCntr.sticky { padding-top: 15px; height: 80px; background: #fff; transition: all 0.4s; box-shadow: 0 3px 5px 0 rgba(0, 0, 0, 0.3); }
#headerCntr.sticky .logo { display: none; }
#headerCntr.sticky .sticky-logos { padding-top: 7px; }
#headerCntr.sticky .sticky-logo { display: block; transition: all 0.4s; width: 400px; }
#headerCntr.sticky .left span { display: none; }
#headerCntr.sticky .info { display: none; }
#headerCntr.sticky .right { padding-top: 0; }
#headerCntr.sticky .menuBox ul { border-top-left-radius: 0; border-bottom-left-radius: 0; }


/* ### header ### */
.header .left span { margin-bottom: 89px; margin-left: 30px; padding-left: 30px; position: relative; display: block; font-family: 'La Belle Aurore', cursive; font-size: 25px; line-height: 0.8; color: #a3a3a3; }
.header .left span:before { position: absolute; top: -11px; left: 4px; width: 1px; height: 70px; background: #a3a3a3; content: ''; }
.header .left em { display: block; line-height: 1; }
.header .logo { max-width: 100%; }
.header .right { padding-top: 35px; transition: all 0.4s; }
.header .info { padding-bottom: 32px; }
.header .info li { color: #000; }
.header .info li:after { margin: 0 25px; display: inline-block; width: 1px; height: 13px; background: #000; content: ''; }
.header .info li:last-child:after { display: none; }
.header .info a { font-weight: bold; color: #009e59; }
.header .info a:hover { color: #f6ea26; }
.header .info a:before { margin-right: 12px; display: inline-block; font-family: 'Font Awesome 6 Pro', sans-serif; font-weight: 400; vertical-align: middle; transform: rotate(90deg); content: '\f879'; }

/* ### menuBox ### */
.menuBox { position: relative; transition: all 0.4s; }
.menuBox:after { margin-right: -577px; position: absolute; top: 0; left: 100%; z-index: -1; display: block; width: 50vw; height: 100%; background: #009e59; content: ''; }
.menuBox ul { padding: 0 37px; border-top-left-radius: 5px; border-bottom-left-radius: 5px; background: #f6ea26; }
.menuBox li { font-family: 'Proxima Nova Bl', sans-serif; text-transform: uppercase; color: #000; }
.menuBox li:after { margin: 0 25px; display: inline-block; width: 1px; height: 13px; background: #000; content: ''; }
.menuBox li:last-child:after { display: none; }
.menuBox li a { padding: 25px 0; display: inline-block; color: #000; }
.menuBox li a:hover { color: #009e59; }
.menuBox .btn { padding: 25px 37px; font-family: 'Proxima Nova Bl', sans-serif; border-radius: 0; }

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

/* ### banner box ### */
.bannerBox { position: relative; width: 100%; }
.bannerBox .content { padding-top: 350px; position: relative; z-index: 2; }
.bannerBox h1 { text-transform: uppercase; color: #fff; }
.bannerBox span { margin-bottom: 85px; display: block; font-family: 'La Belle Aurore', cursive; font-size: 30px; color: #fff; }
.bannerBox p { margin-bottom: 0; max-width: 660px; line-height: 1.2; letter-spacing: 2.3px; text-transform: uppercase; color: #fff; }
.bannerBox .item { position: relative; min-height: 884px; }
.bannerBox .image { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }
.bannerBox .image:before { position: absolute; top: 0; right: 0; bottom: 0; left: 0; z-index: 1; background: linear-gradient(135deg, rgba(0, 0, 0, 1) 0%, rgba(0, 0, 0, 0) 100%); content: ''; }
.bannerBox .image img { width: 100%; object-fit: cover; height: 885px; object-position: center center; }
.bannerBox .link { position: absolute; bottom: 100px; left: 50%; z-index: 2; transform: translateX(-50%); }
.bannerBox .link a { font-weight: 700; text-transform: uppercase; color: #fff; }
.bannerBox .link a:after { margin-left: 12px; font-family: 'Font Awesome 6 Pro', sans-serif; font-weight: 300; color: #f6ea26; content: '\f0ab'; }
.bannerBox .slide-arrow { position: absolute; top: 50%; z-index: 2; width: 70px; height: 70px; font-size: 30px; color: #fff; border: 0; border-radius: 50%; background: #000; }
.bannerBox .prev-arrow { left: 75px; }
.bannerBox .next-arrow { right: 75px; }
.bannerBox .triangle-image { position: absolute; right: -2px; bottom: -5px; z-index: 1; max-width: 408px; }
.bannerBox .triangle-image img { max-width: 100%; }

/* ### usp box ### */
.uspBox { padding-top: 34px; padding-bottom: 33px; position: relative; z-index: 2; background: #f1f1f1; }
.uspBox.yellow-bg { background: #f6ea26; }
.uspBox.yellow-bg .item:before { color: #646b68; }
.uspBox.yellow-bg .item:after { background: #019e59; }
.uspBox .left { flex: 0 0 auto; width: 23%; }
.uspBox .right { flex: 0 0 auto; width: 75.7%; }
.uspBox span { margin-left: 30px; display: block; font-size: 22px; font-weight: 700; text-transform: uppercase; color: #019e59; }
.uspBox .item { font-size: 22px; }
.uspBox .item:before { margin-right: 12px; display: inline-block; font-family: 'Font Awesome 6 Pro', sans-serif; font-weight: 700; color: #009e59; vertical-align: middle; content: '\f058'; }
.uspBox .item:after { margin: 0 32px; display: inline-block; width: 1px; height: 17px; vertical-align: middle; background: #000; content: ''; }
.uspBox .item.last:after { display: none; }

/* ### about box ### */
.aboutBox { padding-top: 107px; padding-bottom: 110px; position: relative; z-index: 1; }
.aboutBox .content { padding-left: 212px; }
.aboutBox h2 { margin-bottom: 61px; font-weight: 700; text-transform: uppercase; }
.aboutBox p { margin-bottom: 30px; max-width: 650px; line-height: 1.7; }
.aboutBox .signature { margin-bottom: 51px; display: block; font-family: 'La Belle Aurore', cursive; font-size: 40px; transform: rotate(-5deg); }
.aboutBox .image { margin-right: -256px; }
.aboutBox img { margin-left: auto; }

/* ### wallpaper box ### */
.wallpaperBox { margin-bottom: 146px; position: relative; }
.wallpaperBox:before { position: absolute; top: -742px; left: 0; z-index: -1; width: 100%; height: 1718px; background: url('../images/bg-pattern.png') no-repeat; content: ''; object-fit: cover; }
.wallpaperBox .js-wallpaper-slider .item { position: relative; min-height: 720px; }
.wallpaperBox .content { padding: 253px 10px 0; position: relative; z-index: 1; }
.wallpaperBox h2 { margin-bottom: 29px; text-transform: uppercase; color: #fff; }
.wallpaperBox p { margin: 0 auto; max-width: 720px; line-height: 1.7; color: #fff; }
.wallpaperBox .image { position: absolute; top: 0; left: 0; border-radius: 5px; }
.wallpaperBox .image:before { position: absolute; top: 0; right: 0; bottom: 0; left: 0; border-radius: 5px; background: rgba(0, 0, 0, 0.5); content: ''; }
.wallpaperBox .image img { width: 100%; min-height: 720px; border-radius: 5px; object-fit: cover; }
.wallpaperBox .js_thumbnail_slider { padding: 13px 52px; position: absolute; bottom: 0; left: 50%; max-width: 500px; height: 102px; border-top-left-radius: 10px; border-top-right-radius: 10px; background: #000; transform: translateX(-50%); }
.wallpaperBox .js_thumbnail_slider .slick-list { padding: 0 !important; }
.wallpaperBox .js_thumbnail_slider .item { width: 80px; text-align: center; position: relative; font-size: 48px; cursor: pointer; }
.wallpaperBox .js_thumbnail_slider .item.last { margin-right: 0; }
.wallpaperBox span { color: #808080; display: block; transition: all 0.3s; }
.wallpaperBox .item:hover span { color: #fff; }
.wallpaperBox .slide-arrow { position: absolute; top: 50%; z-index: 2; width: 70px; height: 70px; font-size: 30px; color: #000; border: 0; border-radius: 50%; background: #f6ea26; transform: translateY(-50%); }
.wallpaperBox .prev-arrow { left: -178px; }
.wallpaperBox .next-arrow { right: -178px; }

.slick-current span { color: #fff !important; } 

/* ### filter box ### */
.filterBox { padding-bottom: 100px; position: relative; }
.filterBox:before { position: absolute; bottom: -300px; left: 0; z-index: -1; width: 100%; height: 1718px; background: url('../images/bg-pattern.png') no-repeat; content: ''; object-fit: cover; }
.filterBox .gap { margin-bottom: 36px; }
.filterBox h2 { text-transform: uppercase; }
.filterBox .gap span { display: block; font-size: 18px; font-weight: bold; }
.filterBox .filters { margin-bottom: 98px; padding-top: 67px; padding-bottom: 25px; background: #f1f1f1; }
.filterBox .filters li { margin-right: 117px; position: relative; font-size: 50px; color: #a5a5a5; transition: all 0.3s; cursor: pointer; }
.filterBox .filters li:last-child { margin-right: 0; }
.filterBox .filters li:hover .hang { opacity: 1; visibility: visible; }
.filterBox .filters li:hover { color: #000; }
.filterBox .hang { padding: 5px 10px; position: absolute; top: -51px; left: 50%; z-index: 1; opacity: 0; visibility: hidden; width: 195px; font-size: 18px; color: #000; border-radius: 5px; background: #fff; transform: translateX(-50%); transition: 0.3s; }
.filterBox .hang:before { position: absolute; bottom: -5px; left: 50%; width: 0; height: 0; border-top: 5px solid #fff; border-right: 5px solid transparent; border-left: 5px solid transparent; transform: translateX(-50%); transition: 0.3s; content: ''; }
.filterBox .item { margin-bottom: 30px; position: relative; display: none; }
.filterBox .col-md-4 { display: none; opacity: 0; }
.filterBox .col-md-4.active { display: block; opacity: 1; -webkit-animation: fadein 0.65s ease forwards; animation: fadeIn 0.65s ease forwards; }
.filterBox button { border: 0; }
.filterBox .item:hover .overlay:before { opacity: 0; visibility: hidden; }
.filterBox .item:hover .location,
.filterBox .item:hover .text { opacity: 0; visibility: visible; }
.filterBox .overlay:before { position: absolute; top: 0; right: 0; bottom: 0; left: 0; z-index: 1; border-radius: 5px; background: linear-gradient(135deg, rgba(0, 0, 0, 0.3) 0%, rgba(0, 0, 0, 0.5) 100%); transition: all 0.3s; content: ''; }
.filterBox .item .location { position: absolute; top: 45px; right: 10%; z-index: 2; font-size: 18px; color: #fff; transition: all 0.3s; }
.filterBox .item .text { position: absolute; bottom: 45px; left: 10%; z-index: 2; font-size: 18px; color: #fff; transition: all 0.3s; }
.filterBox .item img { width: 100%;  }
.filterBox label { display: block; line-height: 1; cursor: pointer; }
.filterBox label span { display: block; }
.filterBox input[type='checkbox'] { position: relative; top: -5px; display: inline-block; width: 20px; height: 20px; text-align: center; border: 2px solid #a5a5a5; appearance: none; content: '' !important; }
.filterBox .check:checked:before { position: absolute; top: 0; display: block; font-family: 'Font Awesome 6 Pro', sans-serif; font-size: 16px; background-color: transparent; content: '\f00c'; }
.filterBox button.active input[type='checkbox'] { border: 2px solid #000; }
.filterBox button.active span { color: #019e59; }
.filterBox button.active span .fal { font-weight: 900 !important; }
.filterBox .over { padding-top: 97px; }
.filterBox .over h2 { margin-bottom: 30px; }
.filterBox .over .btn { padding: 20px 48px; }
.filterBox .over .btn:after { color: #000; transition: all 0.3s; content: '\f021'; }
.filterBox .over .btn:hover:after { color: #fff; }
.filter-gallery .mfp-close { top: 10px; right: -25px; display: flex; align-items: center; justify-content: center; opacity: 1; width: 70px; height: 70px; font-size: 40px; color: #000 !important; border-radius: 50%; background: #fff !important; box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.3); padding-right: 0; }
.filter-gallery .mfp-arrow-left { left: 90px; }
.filter-gallery .mfp-arrow-right { right: 90px; }
.filter-gallery .mfp-arrow { opacity: 1; margin-top: -17px; height: auto; width: 70px; }
.filter-gallery .mfp-arrow:before { border-top-width: 0; border-bottom-width: 0; margin-left: 0; border-right: 0; }
.filter-gallery .mfp-arrow-left:after,
.filter-gallery .mfp-arrow-right:after { margin-left: 0; border-right: inherit; font-family: 'Font Awesome 6 Pro', sans-serif; width: 70px; height: 70px; font-size: 30px; color: #000; border: 0; border-radius: 50%; background: #f6ea26; display: flex; align-items: center; justify-content: center; font-weight: 300; margin-top: 0; }
.filter-gallery .mfp-arrow-left:after { content: '\f104'; }
.filter-gallery .mfp-arrow-right:after { content: '\f105'; }

/* ### inquiry box ### */
.inquiryBox { margin: 0 auto; position: relative; max-width: 990px; }
.inquiryBox h2 { margin-bottom: 50px; text-align: center; text-transform: uppercase; }
.inquiryBox h5 { margin-bottom: 48px; text-align: center; text-transform: uppercase; }
.inquiryBox .step { margin-bottom: 54px; }
.inquiryBox .row { margin: 0 -5px; }
.inquiryBox .box { padding: 50px; margin: 50px 0; border-radius: 10px; background: #fff; }
.inquiryBox .form-group { margin-bottom: 10px; padding: 0 5px; }
.inquiryBox .custom-select { background: #fff url('../images/select-arrow.png') no-repeat center right 15px; -webkit-appearance: none; }
.inquiryBox .custom-select,
.inquiryBox .form-control { font-size: 16px; padding: 10px 15px 10px 20px; width: 100%; height: 60px; color: #000; border: 1px solid #009e59; border-radius: 3px; }
.inquiryBox .form-control:focus { box-shadow: inherit; }
.inquiryBox .upload { margin-bottom: 15px; }
.inquiryBox .my-file { display: none; }
.inquiryBox .up { margin-bottom: 0; padding: 15px 15px 20px 20px; display: block; width: 100%; font-size: 18px; color: #009e59; border: 1px solid #009e59; border-radius: 5px; cursor: pointer; text-transform: uppercase; font-family: 'Proxima Nova Bl', sans-serif; height: 60px; }
.inquiryBox .uploaden { margin-bottom: 30px; padding-left: 15px; }
.inquiryBox .uploaden .form-group { margin-right: 40px; margin-bottom: 0; }
.inquiryBox .uploaden .form-group:last-child { margin-right: 0; }
.inquiryBox .uploaden label { cursor: pointer; margin-bottom: 0; font-family: 'Futura Bk', sans-serif; }
.inquiryBox textarea::placeholder,
.inquiryBox input::placeholder { color: #000; }
.inquiryBox textarea { min-height: 204px; }
.inquiryBox .btn { color: #fff; background: #000; }
.inquiryBox .btn:hover { background: #009e59; }
.inquiryBox .btn:after { color: #f6ea26; content: '\f1d8'; }
.inquiry .mfp-close { top: -35px; right: 30px; opacity: 1; width: 70px; height: 70px; font-size: 40px; color: #000 !important; border-radius: 50%; background: #fff !important; box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.3); }

/* ### mobile box ### */
.mobile-box { z-index: 9; }
.mobile-box a { padding: 25px 15px; display: block; width: 50%; font-weight: bold; text-align: center; text-transform: uppercase; color: #000; background: #f6ea26;     font-family: 'Proxima Nova Bl', sans-serif; }
.mobile-box a.off { background: #009e59; }
.mobile-box a.off .far { color: #f6ea26; }

/* ### mobile menu ### */
.menu-mobile { padding: 0 0 20px; position: fixed; bottom: 0; left: 0; z-index: 9; display: none; width: 100%; height: 100%; text-align: center; background: #fff; overflow-x: scroll; }
.menu-mobile .mobile { height: 100vh; }
.menu-mobile .logo { width: 100%; }
.menu-mobile .logo img { width: 100%; }
.menu-mobile ul { width: 100%; }
.menu-mobile li { margin-bottom: 10px; display: block; width: 100%; }
.menu-mobile li:last-child { margin-bottom: 0; }
.menu-mobile a { margin: 0 auto; padding: 0; width: 100%; font-size: 22px; font-weight: bold; color: #000; background: transparent; }
.menu-mobile .close { position: absolute; top: 20px; right: 15px; color: #000; }

/* ### footer container ### */
#footerCntr { position: relative; min-height: 794px; background: #f1f1f1; }
#footerCntr .bg { position: absolute; top: 0; right: 0; left: 0; }
#footerCntr .bg img { width: 100%; min-height: 794px; object-fit: cover; }
#footerCntr .footer-logo { position: relative; z-index: 1; }
#footerCntr .footer-logo img { width: 100%; }

#footerCntr .box { margin: 0 auto; position: relative; z-index: 1; max-width: 980px; }
#footerCntr h2 { margin-bottom: 63px; font-weight: 700; text-transform: uppercase; }
#footerCntr p { margin-bottom: 50px; line-height: 1.6; }
#footerCntr span { display: block; font-family: 'La Belle Aurore', cursive; font-size: 40px; color: #000; transform: rotate(-7deg); }
#footerCntr .bell { margin-bottom: 21px; }
#footerCntr .bell a { padding: 20px 28px; font-weight: 700; text-transform: uppercase; border-radius: 5px; }
#footerCntr .bell a:hover .fal { color: #000; }
#footerCntr .bell .fal { margin-left: 8px; color: #f6ea26; transform: rotate(90deg); }
#footerCntr .bell .fab { margin-left: 8px; }
#footerCntr .phone { color: #fff; background: #000; }
#footerCntr .phone:hover { color: #000; background: #f6ea26; }
#footerCntr .whatsapp { margin-left: 21px; color: #000; background: #f6ea26; }
#footerCntr .whatsapp:hover { color: #fff; background: #000; }
#footerCntr .right { padding-top: 10px; padding-left: 58px; }

/* ### information ### */
.information { padding-top: 35px; padding-bottom: 35px; position: relative; z-index: 1; background: #000; }
address { margin-bottom: 0; color: #fff; }
.information li { display: inline-block; }
.information li:before { margin: 0 25px; display: inline-block; width: 1px; height: 14px; vertical-align: middle; background: #454545; content: ''; }
.information a { font-weight: 700; color: #02bc6b; }
.information a:hover { color: #f6ea26; }
.information .fa-phone-alt { transform: rotate(90deg); }

/* ### copyright ### */
.copyright { padding-top: 35px; padding-bottom: 35px; position: relative; z-index: 1; background: #fff; }
.copyright li:after { margin: 0 20px; display: inline-block; width: 1px; height: 18px; vertical-align: middle; background: #6cf4f5; content: ''; }
.copyright li:last-child:after { display: none; }
.copyright a { color: #325d56; }
.copyright a:hover { color: #02bc6b; }
.copyright span { margin-left: 20px; display: inline-block; }
@keyframes fadeIn {
	0% { opacity: 0; }
	100% { opacity: 1; }
}

/* Tooltip css */
.tooltip-inner { padding: 7px 10px !important; font-size: 16px; background-color: #fff; color: #000; opacity: 1 !important; }
.tooltip.bs-tooltip-top .tooltip-arrow::before { border-top-color: #fff; }


/* #Media Queries
================================================== */
@media only screen and (max-width: 1750px) {
	.wallpaperBox .prev-arrow { left: -80px; }
	.wallpaperBox .next-arrow { right: -80px; }
}


@media only screen and (max-width: 1650px) {
	#headerCntr .logo { margin-left: -40px; }
	.bannerBox .prev-arrow { left: 15px; }
	.bannerBox .next-arrow { right: 15px; }
	.bannerBox .content { padding-left: 30px; }
	.wallpaperBox .container { padding-right: 90px; padding-left: 90px; }
}

@media only screen and (max-width: 1500px) {
	#headerCntr .logo { margin-left: 0; max-width: 300px; }
	.header .left span { margin-bottom: 60px; font-size: 20px; }
	.menuBox li { font-size: 16px; }
	.menuBox .btn { padding: 25px 15px; font-size: 16px; }
	.menuBox ul { padding: 0 20px; }
	.menuBox li:after { margin: 0 15px; }
	.bannerBox .content { padding-left: 80px; }
	.aboutBox .content { padding-left: 0; }
	.aboutBox .image { margin-right: 0; }
	.uspBox span { margin-left: 0; font-size: 20px; }
	.uspBox .item { font-size: 20px; }
	.uspBox .item:after { margin: 0 20px; }
}

@media only screen and (max-width: 1199px) {
	#wrapper { padding-top: 100px; }
	#headerCntr { height: 100px; }
	#headerCntr.sticky { height: 70px; }
	#headerCntr .logo { max-width: 200px; }
	#headerCntr.sticky .sticky-logo { max-width: 300px; }
	.header .right { padding-top: 20px; }
	.header .info { padding-bottom: 20px; }
	.header .left span { margin-bottom: 25px; margin-left: 15px; padding-left: 15px; }
	.menuBox li { font-size: 15px; }
	.menuBox li:after { margin: 0 10px; }
	.menuBox .btn { font-size: 15px; }
	.header .info li { font-size: 15px; }
	.header .left span:before { height: 53px; }
	.bannerBox .item { min-height: 685px; }
	.bannerBox .image img { height: 685px; }
	.bannerBox .slide-arrow { width: 50px; height: 50px; font-size: 24px; }
	.bannerBox .content { padding-top: 220px; }
	.bannerBox .triangle-image { max-width: 308px; }
	.aboutBox img { margin-right: -15px; width: 100%; }
	.aboutBox p { max-width: 100%; }
	.aboutBox h2 { margin-bottom: 30px; }
	.uspBox.yellow-bg .item:after { display: none; }
	.uspBox .left { margin-right: 15px; width: 30%; }
	.uspBox .item:after { display: none; }
	.wallpaperBox .slide-arrow { width: 50px; height: 50px; font-size: 24px; }
	.wallpaperBox .container { padding-right: 75px; padding-left: 75px; }
	.wallpaperBox .js_thumbnail_slider { padding: 10px 45px; }
	.wallpaperBox .prev-arrow { left: -65px; }
	.wallpaperBox .next-arrow { right: -65px; }
	.filter-gallery .mfp-arrow-left { left: 10px; }
	.filter-gallery .mfp-arrow-right { right: 10px; }

}

@media only screen and (max-width: 991px) {
	.bannerBox .item { min-height: 585px; }
	.bannerBox .image img { height: 585px; }
	#headerCntr.sticky { height: 60px; }
	.bannerBox h1 { font-size: 50px; }
	.bannerBox .content { padding-top: 170px; }
	.bannerBox .triangle-image { max-width: 208px; }
	#headerCntr.sticky .sticky-logo { max-width: 200px; }
	.menuBox ul { padding: 0 20px; }
	.menuBox li a { padding: 20px 0; }
	.header .left span { display: none; }
	.menuBox li { font-size: 13px; }
	.menuBox .btn { padding: 20px; font-size: 13px; }
	.aboutBox { padding-bottom: 70px; }
	.uspBox .left { margin-bottom: 10px; width: 100%; text-align: center; }
	.uspBox .right { width: 100%; text-align: center; }
	.wallpaperBox { margin-bottom: 80px; }
	.wallpaperBox .content { padding: 200px 10px 0; }
	.wallpaperBox .image img { min-height: 620px; }
	.wallpaperBox .js-wallpaper-slider .item { min-height: 620px; }
	.wallpaperBox .js_thumbnail_slider { height: 75px; }
	.wallpaperBox .js_thumbnail_slider .item { font-size: 38px; }
	.filter-gallery .mfp-close { top: 10px; right: 0; opacity: 1; width: 40px; height: 40px; font-size: 26px; color: #000 !important; border-radius: 50%; }
	.filter-gallery .mfp-arrow { width: 40px; }
	.filter-gallery .mfp-arrow-left:after,
	.filter-gallery .mfp-arrow-right:after { width: 40px; height: 40px; font-size: 26px;  }
	#footerCntr .logo { max-width: 260px; }
	#footerCntr .logo img { width: 100%; }
	#footerCntr .right { padding-left: 15px; }
	#footerCntr .bell a { padding: 20px 24px; font-size: 15px; }
	#footerCntr .btn { padding: 20px 24px; font-size: 15px; }
	#footerCntr p { font-size: 16px; }
	.information address { font-size: 16px; }
	.information li { font-size: 16px; }
}

@media only screen and (max-width: 767px) {
	#wrapper { padding-top: 0; }
	#headerCntr { background: transparent; }
	#headerCntr .logo { margin: 0 auto; text-align: center; }
	#headerCntr.sticky .sticky-logos { margin: 0 auto; text-align: center; }
	#headerCntr.sticky .sticky-logo { max-width: 280px; }
	.menu-mobile .logo { max-width: 200px; }

	.bannerBox { height: 100vh; }
	.bannerBox .item { height: 100vh; }
	.bannerBox .image img { height: 100%; }
	.header .info { display: none; }
	.menuBox { display: none; }
	.bannerBox h1 { margin-bottom: 30px; font-size: 40px; }
	.bannerBox .content { padding-top: 190px; padding-left: 0; }
	.bannerBox p { font-size: 16px; }
	.bannerBox span { margin-bottom: 30px; display: none; }
	.aboutBox { padding-bottom: 50px; }
	.aboutBox h2 { margin-bottom: 20px; font-size: 32px; }
	.aboutBox p { margin-bottom: 20px; font-size: 16px; }
	.aboutBox .signature { margin-bottom: 30px; font-size: 30px; }
	.aboutBox .btn { padding: 15px 20px; font-size: 16px; }
	.wallpaperBox { margin-bottom: 50px; }
	.wallpaperBox .container { padding-right: 15px; padding-left: 15px; }
	.wallpaperBox h2 { margin-bottom: 20px; font-size: 32px; }
	.wallpaperBox .js_thumbnail_slider { max-width: 450px; }
	.wallpaperBox .js_thumbnail_slider .item { width: inherit !important; }
	.wallpaperBox .js_thumbnail_slider .slick-track { display: flex; justify-content: center; }
	.wallpaperBox p { font-size: 16px; line-height: 1.5; }
	.wallpaperBox .image img { height: 100%; }
	.wallpaperBox .item { min-height: 620px; }
	.inquiryBox h2 { font-size: 32px; }
	.inquiryBox h5 { font-size: 16px; }
	.inquiryBox .btn { padding: 15px; font-size: 16px; }
	.inquiryBox .box { padding: 50px 20px; }
	.filterBox h2 { margin-bottom: 15px; font-size: 32px; }
	.filterBox .btn { margin-bottom: 15px; padding: 14px 20px; font-size: 16px; }
	.filterBox .filters li { margin-right: 50px; }
	.filterBox .hang { width: 150px; font-size: 16px; }
	.filterBox .item { width: 100%; }
	.filterBox { padding-bottom: 50px; }
	.filterBox .over { padding-top: 40px; }
	.filterBox .over .btn { padding: 14px 15px; }
	.filterBox .filters { display: none; }
	#footerCntr .logo { max-width: 200px; }
	#footerCntr { min-height: 694px; }
	#footerCntr .bg img { min-height: 694px; }
	#footerCntr h2 { margin-bottom: 20px; font-size: 32px; }
	#footerCntr p { margin-bottom: 15px; }
	#footerCntr span { font-size: 32px; }
	#footerCntr .left { margin-bottom: 25px; }
	.information address { text-align: center; }
	.information li:before { display: none; }
	.information li { display: block; text-align: center; }
	.copyright { padding-bottom: 100px; }
	.copyright li { text-align: center; }
	.copyright li:after { display: none; }
	.copyright span img { max-width: 100px; }
	.meesterschilder { width: auto !important; }
}

@media only screen and (max-width: 575px) {
	.bannerBox .triangle-image { display: none; }
	.bannerBox p { font-size: 14px; }
}


@media only screen and (max-width: 480px) {
	.wallpaperBox .js_thumbnail_slider { display: none; }
	#footerCntr .bell a { display: block; text-align: center; }
	#footerCntr .whatsapp { margin-top: 15px; margin-left: 0; }
	#footerCntr .btn { display: block; }
}

.inquiryBox .form-control.error { border: 2px dashed red; }

.inquiryBox .btn.send:after { font-family: 'Font Awesome 5 Pro', sans-serif; font-weight: 300; content: '\f00c'; }
.inquiryBox .btn.error { background-color: red; }
.inquiryBox .btn.error:after { font-family: 'Font Awesome 5 Pro', sans-serif; font-weight: 300; content: '\f071'; }
.inquiryBox .btn.sending:after { margin-left: 10px; font-family: 'Font Awesome 5 Pro', sans-serif; font-weight: 300; content: '\f3f4'; display: inline-block; animation: rotate .8s infinite; }
.inquiryBox .btn.send { background-color: #2a9941; color: #fff; cursor: not-allowed; }