@import url('https://fonts.googleapis.com/css2?family=Lato:wght@300;400;700;900&family=Montserrat:wght@300;400;500;600;700;800&display=swap');

:root {
--app-max-width: 1660px;
--app-text-width: 1360px;
--app-primary-color:#9a863e;
}

body {
font-family: 'Lato', sans-serif;
font-size:16px;
}

body .outer-container { height:auto; }

.outer-container img, .outer-container .contentbuilder-css .row img { margin-bottom:0; margin-top:0; }

.outer-container { width:100%; max-width:var(--app-max-width); margin:0 auto; }
.text-container { width:100%;  padding-left:150px; padding-right:150px;}
.text-container-left { width:100%;  padding-left:150px; padding-right:0px;}

.swiper-banner-container .swiper-slide-image img { width:100%; }

.section-banner-993 .swiper-button-prev, .section-banner-993 .swiper-button-next  {display:none !important;}
.section-banner-993 .swiper-pagination {display:block !important;}
.section-banner-993 .swiper-pagination-bullet { width:24px; height:24px; border-radius:36px; background-color:#fff; border:solid 1px #000; opacity:1; }
.section-banner-993 .swiper-pagination-bullet.swiper-pagination-bullet-active {background-color:var(--app-primary-color);} 

.app-main-title { font-family: 'Lato', sans-serif  !important; font-weight:900  !important; font-size:44px  !important; }
.app-title-link { color:#fff !important; border:solid 2px #fff; border-radius:50px; padding:6px 20px;  font-weight:700  !important; font-size:38px  !important; text-decoration:none !important; transition:all 0.15s ease; }
.app-title-link:hover { color:var(--app-primary-color) !important; background-color:#fff; text-decoration:none !important;  }

.app-title-caesarstone img { }


.app-primary-color { color:var(--app-primary-color); }

.text-container p, .text-container div { font-size:22px; color:#000;}

.app-text-header { position:absolute; z-index:2; bottom:30px; } 
.app-image-header { position:relative; z-index:1;width:100%; min-height:110px;}
.app-image-header img { width:100%; object-fit:cover; min-height:110px;}

.app-photo-gallery { padding-top:80px; padding-bottom:30px; }
.app-photo-gallery img { width:100%; }

.app-galleries > div { position:relative }
.app-galleries .swiper-slide a + div { padding-top:6px}

.app-galleries .swiper-button-prev { background-image: url(/fileserver/sites/292/images/arrow-left.png);background-size: contain; height:80px; left:-25px;     transform: translateY(-40%);}
.app-galleries .swiper-button-next { background-image: url(/fileserver/sites/292/images/arrow-right.png); background-size: contain; height:80px; right:-25px;     transform: translateY(-40%);}

.section-contact a { color:#000; text-decoration:none; }
.section-contact a:hover { color:#000; text-decoration:underline; }

@media (max-width:1199px) {
.text-container {   padding-left:50px; padding-right:50px;}
.text-container-left { width:100%;  padding-left:50px; padding-right:0px;}

.app-main-title { font-size:38px  !important; }
.app-title-link {  font-size:32px  !important; }
.text-container p, .text-container div { font-size:20px; line-height:1.8 !important}

.app-photo-gallery { padding-top:60px; padding-bottom:20px; }

.app-title-caesarstone img { width:300px;}
}


@media (max-width:991px) {
.text-container {   padding-left:20px; padding-right:20px;}
.text-container-left { width:100%;  padding-left:20px; padding-right:0px;}

.app-main-title {font-size:34px  !important; }
.app-title-link {  font-size:30px  !important; }
.text-container p, .text-container div { font-size:18px; line-height:1.6 !important}

.app-photo-gallery { padding-top:50px; padding-bottom:10px; }

.app-title-caesarstone img { width:260px;}
}


@media (max-width:767px) {
.section-banner-993 .swiper-pagination-bullet { width:18px; height:18px; }
.text-container {   padding-left:20px; padding-right:20px;}
.text-container-left { width:100%;  padding-left:20px; padding-right:20px;}
.app-main-title {font-size:28px  !important; }
.app-title-link {  font-size:18px  !important;  border:solid 1px #fff;  padding:5px 10px; }
.text-container p, .text-container div { font-size:16px; line-height:1.6 !important}
.app-text-header { bottom:20px; } 
.app-section-header { min-height:120px;}
.app-title-caesarstone img { width:220px;}
}

.contentbuilder-contentarea > .contentbuilder-inner { width:100%; max-width:100%; padding:0 !important; }
.contentbuilder-contentarea > .contentbuilder-inner > .row, .contentbuilder-contentarea > .contentbuilder-inner > .row > .column {padding:0 !important;}