/* Add here all your CSS customizations */

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

.font-montserrat {
	font-family: 'Montserrat', sans-serif;
}
.font-oswald {
	font-family: 'Oswald', sans-serif;
}
.text-color-verde-light {color:#a5e5d9;}
.text-color-verde-dark {color:#153e35;}
.text-color-verde-middle {color:#398113;}
.bg-color-verde-light {background-color:#a5e5d9;}
.bg-color-verde-dark {background-color:#153e35;}
.bg-color-verde-middle {background-color:#398113!important;}

.index-page .word-rotator-words[class*="bg-"]{
	background:#398113;
}
.top-header-link a {
	color:#6d6d6d;
	transition:.4s;
}
.top-header-link a:hover {
	color:#000000;
}

footer .lead {
color:#ffffff;
font-size:14px;
letter-spacing:.1px;
}

.sub-title{font-weight:700;letter-spacing:.6px;}

.footer-linkler {
	font-size:14px;
	letter-spacing:.4px;
}

.footer-linkler li i{
color:#398113!important;
}

.verde-hr-center {background-image:linear-gradient(to left, rgba(0, 0, 0, 0), rgba(165, 229, 217, 0.4), rgba(0, 0, 0, 0))}

.footer-logos a{display:inline-block;}
.footer-logos a img{max-width:140px;opacity:.7;transition:.4s;}
.footer-logos a:hover img{opacity:1;transform:scale(1.1)}

.archi-btn:active, .archi-btn.active {
    background-color: #000000 !important;
    background-image: none !important;
    border-color: #000000 #000000 #000000 !important;
}
.archi-btn:focus, .archi-btn.focus {
	background-color: #000000;
	border-color: #000000 #000000 #000000;
	color: #FFF;
	box-shadow: 0 0 0 3px rgb(42 42 42 / 50%);
}

.archi-btn:hover, .archi-btn.hover{
	background-color: #000000;
  border-color: #000000 #000000 #000000;
  color: #FFF;
}

.archi-btn:before {
    border-color: #000000 !important;
}
.archi-btn:before {
    content: '';
    position: absolute;
    top: -5px;
    right: -5px;
    bottom: -5px;
    left: -5px;
    border: 1px solid #000;
    transition: ease all 300ms;
}
.archi-btn{
	position: relative;
  border-radius: 0;
  left: 5px;
	background-color: #000000;
border-color: #000000 #000000 #000000;
color: #FFF;
}

.archi-btn:hover:before {
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
}

.custom-stroke-text-effect-1 {
    -webkit-text-fill-color: #FFF;
    -webkit-text-stroke-width: 1px;
    -webkit-text-stroke-color: #CCC;
    white-space: nowrap;
}
.custom-stroke-text-effect-1 {
    -webkit-text-stroke-color: #2a2a2a;
}

/*
* Custom Section
*/
.custom-section {
		display: flex;
		align-items: center;
		justify-content: center;
}

.custom-section .custom-section-left-content,
.custom-section .custom-section-right-content {
		display: none;
}

.custom-section .custom-section-middle-content {
		width: 100%;
		margin: 0 -70px;
		z-index: 1;
}

@media (min-width: 768px) {
		.custom-section .custom-section-left-content,
		.custom-section .custom-section-right-content {
				display: block;
				width: 34vw;
		}
		.custom-section .custom-section-middle-content {
				width: 50vw;
		}
}

@media (min-width: 992px) {
		.custom-section .custom-section-left-content,
		.custom-section .custom-section-right-content {
				width: 34vw;
		}
		.custom-section .custom-section-middle-content {
				width: 40vw;
		}
}

/*
* Custom Heading Style
*/
.custom-heading-style-1 {
		position: relative;
		color: #FFF;
}

.custom-heading-style-1 .custom-heading-style-1-step {
		position: absolute;
		font-size: 4.5em;
		font-weight: 900;
		font-family: 'Overpass', sans-serif;
		top: 50%;
		left: 0;
		opacity: 0.1;
		transform: translate3d(0, -50%, 0);
		z-index: 0;
}

.custom-heading-style-1 .custom-heading-style-1-text {
		position: relative;
		letter-spacing: 4.5px;
		z-index: 1;
}

.get-in-touch{padding: 90px 0 150px;
    background-repeat: no-repeat;
    background-size: cover;
}

.get-in-touch:after {
    content: '';
    display: block;
    width: 120%;
    height: 100px;
    position: absolute;
    bottom: -48px;
    left: -5%;
    transform: rotate(2deg);
    z-index: 3;
}




.archi-btn-white:hover, .archi-btn-white.hover{
	background-color: #ffffff;
  border-color: #ffffff #ffffff #ffffff;
  color: #000;
}

.archi-btn-white:before {
    border-color: #ffffff !important;
}
.archi-btn-white:before {
    content: '';
    position: absolute;
    top: -5px;
    right: -5px;
    bottom: -5px;
    left: -5px;
    border: 1px solid #ffffff;
    transition: ease all 300ms;
}
.archi-btn-white{
	position: relative;
  border-radius: 0;
  left: 5px;
	background-color: #ffffff;
border-color: #ffffff #ffffff #ffffff;
color: #2a2a2a;
}

.archi-btn-white:hover:before {
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;

}

/*
* About Me
*/
.more-about {
    background-color: #FFF;
    background-position-y: center;
    background-repeat: no-repeat;
    background-size: contain;
    height: auto;
    position: relative;
    overflow: hidden;
    margin-bottom: 70px;
}

@media (max-width: 991px) {
    .more-about {
        padding-top: 70%;
        position: static;
        background-size: 100%;
        background-position: 0 0;
        background-color: #FFF;
        margin-bottom: 0;
        overflow: auto;
    }
}

@media (min-width: 992px) {
    .more-about .col-cuttin-more-about:before {
        content: '';
        position: absolute;
        top: -35%;
        right: -90%;
        width: 100%;
        height: 100%;
        background: #fff;
        z-index: 0;
        transform: rotate(75deg);
    }
    .more-about .col-cuttin-more-about:after {
        content: '';
        position: absolute;
        top: 35%;
        right: -90%;
        width: 100%;
        height: 100%;
        background: #fff;
        z-index: 0;
        transform: rotate(-75deg);
    }
}

@media (min-width: 992px) and (max-width: 1200px) {
    .more-about {
        background-size: 130%;
    }
    .more-about .col-cuttin-more-about:before {
        right: -127%;
        top: -38%;
    }
    .more-about .col-cuttin-more-about:after {
        right: -127%;
        top: 38%;
    }
}


.hakkimizda .process .process-step-circle {
    display: flex;
    justify-content: center;
    height: 50px;
    text-align: center;
    width: 50px;
    border: 2px solid transparent;
    border-radius: 0;
    align-items: center;
    position: relative;
    transition: all 0.2s ease-in-out;
}
.hakkimizda .process .process-step:hover .process-step-circle{
	background:transparent;

}
.hakkimizda .process .process-step:hover .process-step-circle .process-step-circle-content{
		color:#212529!important;
}
.hakkimizda .process .process-step-content p{
	line-height:22px;
}
.grandemassimo-page .process .process-step-circle {
    display: flex;
    justify-content: center;
    height: 80px;
    text-align: center;
    width: 80px;
    border: 2px solid #EDEDED;
		background:#000000;
    border-radius: 0;
    align-items: center;
    position: relative;
	transition:.4s;
}

.grandemassimo-page .process .process-step .process-step-circle .process-step-circle-content{
	color:#ffffff;
	transition:.4s;
}

.grandemassimo-page .process .process-step:hover .process-step-circle{
	background:transparent;
}
.grandemassimo-page .process .process-step:hover .process-step-circle .process-step-circle-content{
	color:#000000!important;
}
/* verde-btn */
.verde-btn {
	background:#ffffff;
	color:#000000;
	border-radius:0;
	padding-left:0;
	padding-right:0;
	height:40px;
	z-index:10;
	border:1px solid #000000;
	transition:.4s;
	display:block;
	margin:0;
	position:relative;
}
.verde-btn .btn-shape{
	transition:.4s;
}
.verde-btn .btn-txt{
	z-index:10;
	transition:.4s;
	padding-left:14px;
	padding-right:14px;
	height:40px;
	color:#000000;
	position:relative;
	margin:0;
}
.verde-btn .btn-shape:before {
	content:"";
	position:absolute;
	left:0;
	margin-left:-5px;
	bottom:0;
	margin-bottom:-4px;
	height: 0;
	border-bottom: 22px solid #13493c;
	border-right: 22px solid transparent;
	transition:.4s;
	width:0px;
}
.verde-btn:hover .btn-shape:before,
.verde-btn:active .btn-shape:before,
.verde-btn:focus .btn-shape:before{
	width:100%;
	border-width:40px;
	margin-bottom:0px;
	left:0px;
	margin-left:0px;
	background:#13493c;
}
.verde-btn:hover .btn-txt,
.verde-btn:focus .btn-txt,
.verde-btn:active .btn-txt{
	color:#ffffff;
}
.verde-btn:hover,
.verde-btn:focus,
.verde-btn:active{
	border-color:transparent;
}



/* verde-btn-classic */

.verde-btn-classic {
	color:#ffffff;
	border-radius:0;
	padding-left:14px;
	padding-right:14px;
	height:40px;
	background:#000000;
	transition:.4s;
	border:1px solid transparent;
}

.verde-btn-classic:hover,
.verde-btn-classic:focus,
.verde-btn-classic:active{
background:#ffffff;
color:#000000;
border-color:#000000;
}


/* verde-btn-classic-white */
.verde-btn-classic-white {
	color:#000000;
	border-radius:0;
	padding-left:14px;
	padding-right:14px;
	height:40px;
	background:#ffffff;
	transition:.4s;
	border:1px solid transparent;
}

.verde-btn-classic-white:hover,
.verde-btn-classic-white:focus,
.verde-btn-classic-white:active{
background:#000000;
color:#ffffff;
border-color:#ffffff;
}

/*
* Contact Form
*/
.custom-form-style-1 .form-control {
		height: calc(1.8em + 1.85rem + 2px);
		padding: 15.6px 20px;
		padding: 0.975rem 1.25rem;
		background: #ffffff;
		border:none;
		border-bottom:1.5px solid #e6e6e6;
		line-height: 1.5 !important;
		transition:.4s;
}

.custom-form-style-1 .form-control:focus {
		border-bottom-color: #218871;
		box-shadow: none;
}

.custom-form-style-1 .form-control::-webkit-input-placeholder {
		color: #a9a9a9;
}

.custom-form-style-1 .form-control::-moz-placeholder {
		color: #a9a9a9;
}

.custom-form-style-1 .form-control:-ms-input-placeholder {
		color: #a9a9a9;
}

.custom-form-style-1 select {
		color: #495057;
}

.custom-form-style-1 select option {
		color: #a9a9a9;
}

.custom-form-style-1 select option[selected] {
		color: #a9a9a9;
}

.custom-form-style-1 textarea.form-control {
		height: auto;
}

.iletisim .feature-box .feature-box-icon{
	border-radius:0;
}

.verde-link {
	position:relative;
	transition:.4s;
}
.verde-link:hover {
	color:#13493c;
	text-decoration:none;
	margin-left:6px;
}

.verde-link .text{
	color:#000000;
	z-index:10;
	position:relative;
}
.verde-link .shape{
	background:#13493c;
	content:"";
	position:absolute;
	left:0;
	bottom:0;
	margin-bottom:0px;
	width:0px;
	height:1px;
	transition:.4s;
	z-index:8;
}

.verde-link:hover .shape{
	width:100%;
	background:#13493c;
}

.verde-link:hover .text{
	color:#13493c;
}

.verde-link-basic{
	color:#777777;
	transition:.4s;
}
.verde-link-basic:hover{
	color:#13493c;
}

.verde-link-basic-2{
	color:#13493c;
	transition:.4s;
}
.verde-link-basic-2:hover{
	margin-left:6px;
}

.ico-btn-verde{
	background:#13493c;
	width:44px;
	height:44px;
	border-radius:0;
	padding:0;
	transition:.6s;
}
.ico-btn-verde.disabled{
	background:#b4b4b4;
}
.ico-btn-verde i.showroom-direction-ico{
text-align:center;
line-height:46px;
vertical-align:middle;
color:#ffffff;
font-size:24px;
}

.ico-btn-verde:hover{
background:#000000;
}
.iletisim .mfp-content{
	border-radius:0;
}
.iletisim .mfp-iframe-scaler iframe {
	border:2px solid #13493c;
}

/* TYPE ANIM */

.ml1 {
  font-weight: 900;
  font-size: 3.5em;
}

.ml1 .letter {
  display: inline-block;
  line-height: 1em;
}

.ml1 .text-wrapper {
  position: relative;
  display: inline-block;
  padding-top: 0.1em;
  padding-right: 0.05em;
  padding-bottom: 0.15em;
}

.ml1 .line {
  opacity: 0;
  position: absolute;
  left: 0;
  height: 3px;
  width: 100%;
  background-color: #000;
  transform-origin: 0 0;
}

.ml1 .line1 { top: 0; }
.ml1 .line2 { bottom: 0; }


/* Marble Page */
.marble-popup .mfp-content .ajax-container{
	width:100%;
	height:100%;
	margin:0;
	max-width:100%;
	padding:0;
}
.marble-popup .mfp-container{
	padding:0;
}
.marble-popup .process-vertical .process-step-circle{
	border-radius:0;
	background-color:#000000;
	border-color:transparent;
}
.marble-popup .process .process-step-circle-content{
	color:#ffffff;
	font-size:36px;
}
.marble-popup #catalog .list.list-borders li a{
transition:.4s;
}
.marble-popup #catalog .list.list-borders li a:hover{
margin-left:5px;
}
.marble-popup #catalog .list.list-borders li a:hover > *{
color:#13493c;
}
.custom-line {
display: inline-block;
width: 50px;
border-bottom: 3px solid #000000;
margin-right:10px;
}


.customLineAnimation {
		-webkit-animation-name: customLineAnimation;
						animation-name: customLineAnimation;
}

@-webkit-keyframes customLineAnimation {
		0% {
				width: 0px;
				opacity: 1;
		}
		100% {
				width: 50px;
				opacity: 1;
		}
}

@keyframes customLineAnimation {
		0% {
				width: 0px;
				opacity: 1;
		}
		100% {
				width: 50px;
				opacity: 1;
		}
}
.marble-info-ico-title{
	margin-bottom:0;
	padding-left:4px;
}
.p-relative { position:relative }
section.section.section-funnel .section-funnel-layer {z-index:1;}

#header.header-floating-icons .header-nav-main nav > ul > li > a:hover > i{
	color:#000000;

}

/* MARBLE AJAX */
.marble-popup section.custom-timeline .timeline-box.right:before{
	display:none;
}


.marble-popup  article.timeline-box{
box-shadow:2px 0px 10px 2px rgb(0 0 0 / 10%);
}

.marble-popup #insp-img .insp-text{
	transition:.9s;
	position: relative;

}
/* MARBLE PAGE */
.marble-page section.custom-timeline .timeline-box.right:before{
	display:none;
}


.marble-page  article.timeline-box{
box-shadow:2px 0px 10px 2px rgb(0 0 0 / 10%);
}

.marble-page #insp-img .insp-text{
	transition:.9s;
	position: relative;
}

/* insp-2 */
.insp-style-2-row {
	position: relative;
}
.insp-style-2-row .insp-text-2 {
	transition:.9s;
	position: absolute;
top: 50%;
left: 50%;
width:100%;
transform: translate(-50%, -50%);
}
.insp-style-2-row .insp-img-2:hover .insp-text-2 {
	opacity:0;
}
.insp-style-2-row .insp-img-2:hover .insp-text-2:hover {
	opacity:0;
}

.insp-style-2-row .insp-text-2 hr{
background-color:#ffffff;
width:30%;
display:block;
margin:4px auto 0px auto;
}

.insp-style-2-row .insp-text-2 .render-brand{
	font-size:32px;
	text-shadow:-1px 2px 2px rgb(0 0 0 / 40%);
	margin-bottom:0;
}
.insp-style-2-row .insp-text-2 .render-product-name{
	font-size:20px;
	text-shadow: -1px 1px 1px rgb(0 0 0 / 60%);
}

/* insp-2 end */

.marble-page .scrollable-parallax-wrapper:hover .insp-text{
	opacity:0;
}
.marble-page .scrollable-parallax-wrapper:hover .insp-text:hover{
	opacity:0;
}

.marble-page .scrollable-parallax-wrapper hr{
background-color:#ffffff;
width:50%;
display:block;
margin:20px auto 10px auto;
}

.marble-page .render-brand{
	font-size:48px;
	text-shadow:-1px 3px 2px rgb(0 0 0 / 50%);
}
.marble-page .render-product-name{
	font-size:32px;
	text-shadow: -1px 1px 1px rgb(0 0 0 / 60%);
}
.extra-bold-text-shadow{
	text-shadow: -1px -1px 0px #656565, 3px 3px 0px #000000, 6px 6px 0px #000000;
}

.bold-text-shadow{
	text-shadow: -1px -1px 0px #656565, 3px 3px 0px #000000, 2px 2px 0px #000000;
}

.medium-text-shadow{
	text-shadow: -1px -1px 0px #656565, 3px 3px 0px #000000, 3px 3px 3px #000000;
}

.marble-popup .scrollable-parallax-wrapper:hover .insp-text{
	opacity:0;

}

.marble-popup .scrollable-parallax-wrapper:hover .insp-text:hover{
	opacity:0;
}

.marble-popup .scrollable-parallax-wrapper hr{
background-color:#ffffff;
width:50%;
display:block;
margin:40px auto 20px auto;

}



#header.header-floating-icons .header-nav {
    display: flex;
    align-items: center;
    flex-grow: 1;
     justify-content: flex-end;
    align-self: stretch;
    width: 70px;
    right: 0;
    float: right;
}

.marazzi #render-and-ico .parallax-background{
	height:120%!important;
	transition:2s;
}
.marazzi #render-and-ico .parallax-background:hover{
	height:150%!important;
}
.marazzi .custom-section .custom-section-middle-content{
	border: 12px solid #ffffff;
}

.marazzi .brand-left-block{
	transform: rotate(45deg);
	transition:.9s;
	padding:6%;
}

.marazzi .brand-left-block:hover{
	transform: rotate(90deg)
}

.marazzi .brand-left-block img {
	transition:.4s;
}
.marazzi .brand-left-block .img-1:hover img{
transform: translate(-20px,-20px);
}
.marazzi .brand-left-block .img-2:hover img{
transform: translate(20px,0px);
}
.marazzi .brand-left-block .img-3:hover img{
transform: translate(-20px,0px);
}
.marazzi .brand-left-block .img-4:hover img{
transform: translate(0px,20px);
}
.marazzi .custom-section-middle-content .custom-heading-style-1-step {
	opacity:1;
}
.marazzi .custom-section-middle-content .custom-heading-style-1-step i{
	opacity:.4;
	transition:.6s;
	font-size: 70px;
}
.marazzi .custom-section-middle-content:hover .custom-heading-style-1-step i{
	opacity:1;
}

.marazzi .custom-section-middle-content .custom-heading-style-1-text{
	background:#000000;
	transition:.5s;
	padding:1px 4px;
}

.marazzi .custom-section-middle-content:hover .custom-heading-style-1 .custom-heading-style-1-text{
	background:transparent;
	margin-left:80px;
}
.marazzi .custom-section-middle-content p{
	opacity:.8;
	transition:.4s;
}
.marazzi .custom-section-middle-content:hover p{
	opacity:1;
}



/* Custom Tour Items Hover Effect */
.custom-tour-wrapper {
		position: relative;
		overflow: hidden;
}

.custom-tour-wrapper .custom-tour-stage {
		transition: ease transform 300ms;
}

.custom-tour-wrapper .custom-tour-stage > .custom-tour-item + .custom-tour-item {
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		transform: translate3d(0, 100%, 0);
}

.custom-tour-wrapper:not(.custom-tour-wrapper-static):hover > .custom-tour-stage {
		transform: translate3d(0, -100%, 0);
}

.custom-tour-wrapper:not(.custom-tour-wrapper-static) .custom-tour-item  h3 {
transition: ease transform 300ms;
}

.custom-tour-wrapper:not(.custom-tour-wrapper-static):hover .custom-tour-item  h3 {

}


.custom-tour-item a{
	border-radius:0;
}


/**
 * Recipe Categories
 */

.recipe-categories {
	display: flex;
	flex-wrap: wrap;
	align-items: stretch;
}

.recipe-category {
	position: relative;
	overflow: hidden;
	flex: 0 0 calc(100% - 20px);
	max-width: calc(100% - 20px);
	margin: 10px;
	height: 80px;
	background-size: cover;
	background-position: center center;
	border-radius: 0px;
	transition: all 0.5s cubic-bezier(.02, .01, .5, 1);
}

.recipe-category::after {
	position: absolute;
	content: '';
	left: 0;
	bottom: 0;
	width: 100%;
	height: 100%;
	z-index: 1;
	background-color: rgba(0,0,0,0.0);
}

.recipe-category-inner {
	position: absolute;
	display: flex;
	justify-content: center;
	align-items: center;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	padding: 10px 20px;
	z-index: 2;
	text-transform: uppercase;
	font-weight: 600;
	letter-spacing: 1px;
}


.recipe-category-icon {
	width: 40px;
	height: 40px;
	margin: 0;
	display: flex;
	display:-webkit-flex;
	justify-content: center;
	text-align: center;
	border-radius: 0;
	background-color: transparent;
	padding: 2px;
	margin-right: 10px;
	color: #000;
	transition: transform .5s ease-out;
}

.recipe-category:hover .recipe-category-icon {
	margin-right: 0px;
	    margin-bottom: 10px;
}


.recipe-category-info {
	color: #FFF;
	font-size: 18px;
	text-align: center;
	transition: transform .5s ease-out;
	transition:.5s;
}
.recipe-category .recipe-category-info {
	transition:.5s;
}


.recipe-category:hover:after {
opacity:0;
}



@media (min-width: 768px) {

	.recipe-category {
		flex: 0 0 calc(50% - 20px);
		max-width: calc(50% - 20px);
	}

}


@media (min-width: 992px) {

	.recipe-category {
		flex: 0 0 80px;
		max-width: 80px;
		height: 340px;
		margin: 15px;
		background-size: auto 105%;
		background-position: center;
		border-radius: 0px;
	}

	.recipe-category:hover {
		flex: 0 0 150px;
		max-width: 150px;
		background-size: auto 100%;
		border-radius: 0px;
	}

	.recipe-category-inner {
		width: auto;
		height: auto;
		left: 0;
		top: auto;
		bottom: 0;
		writing-mode: vertical-rl;
		text-orientation: mixed;
		transform: rotate(180deg);
	}



	.recipe-category:not(:hover) .recipe-category-icon {
		width: 40px;
		height: 40px;
		margin-right: 0;
		margin-bottom: 10px;
	}

	.recipe-category::after {
		background: -webkit-linear-gradient(to bottom, rgba(0,0,0,0) 50%, rgba(0,0,0,0.3)) 100%;
		background: -o-linear-gradient(to bottom, rgba(0,0,0,0) 50%, rgba(0,0,0,0.3)) 100%;
		background: linear-gradient(to bottom, rgba(0,0,0,0) 50%, rgba(0,0,0,0.3)) 100%;
		transition:.4s;
	}

}
.transform-none{
	text-transform:none!important;

}

.stone-gallery-vertical{
	letter-spacing:6px;
	transition:.6s
}

.stone-gallery-vertical:hover{
	letter-spacing:2px;
}

.slider-marble-name {padding-left:5px; border-left:1px solid rgba(255,255,255,1);margin-left:5px;}


/* PROJECT SLIDER */

.col-5ths,
.col-sm-5ths,
.col-md-5ths,
.col-lg-5ths,
.col-xl-5ths {
		position: relative;
		min-height: 1px;
		width: 100%;
		padding-right: 0;
		padding-left: 0;
}

.col-5ths {
		flex: 0 0 20%;
		max-width: 20%;
}

@media (min-width: 576px) {
		.col-sm-5ths {
				flex: 0 0 20%;
				max-width: 20%;
		}
}

@media (min-width: 768px) {
		.col-md-5ths {
				flex: 0 0 20%;
				max-width: 20%;
		}
}

@media (min-width: 992px) {
		.col-lg-5ths {
				flex: 0 0 20%;
				max-width: 20%;
		}
}

@media (min-width: 1200px) {
		.col-xl-5ths {
				flex: 0 0 20%;
				max-width: 20%;
		}
}


#horizontalScrollBox {
		position: relative;
		width: 100%;
		height: calc( 100vh - 180px);
		overflow-y: hidden;
		overflow-x: scroll;
}

#horizontalScrollBox::-webkit-scrollbar {
		height: 10px;
}

#horizontalScrollBox::-webkit-scrollbar-track {
		background: #e2e2e2;
		border-radius: 10px;
		margin: 18px;
}

#horizontalScrollBox::-webkit-scrollbar-thumb {
		background: #000000;
		border-radius: 10px;
}

#horizontalScrollBox .content {
		display: flex;
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		margin: 0;
		padding: 0;
		overflow: hidden;
}



#horizontalScrollBox .content .horizontal-scroll-item-wrapper {
		display: inline-flex;
		flex: 0 0 auto;
		margin: 20px 0px 20px 20px;
		width: auto;
}

#horizontalScrollBox .content .horizontal-scroll-item-wrapper:first-child {
		margin: 20px 0px 20px 0px;
}

#horizontalScrollBox .content .horizontal-scroll-item-wrapper .horizontal-scroll-item .thumb-info:hover .thumb-info-wrapper .thumb-info-plus {
		opacity: 1;
		width: 30%;
}

#horizontalScrollBox .content .horizontal-scroll-item-wrapper .horizontal-scroll-item .thumb-info:hover .thumb-info-wrapper .thumb-info-plus::after {
		transform: translate3d(-50%, -50%, 0) rotate(90deg);
}

#horizontalScrollBox .content .horizontal-scroll-item-wrapper .horizontal-scroll-item .thumb-info .thumb-info-wrapper img {
		width: auto;
	height: calc( 100vh - 180px);
}

#horizontalScrollBox .content .horizontal-scroll-item-wrapper .horizontal-scroll-item .thumb-info .thumb-info-wrapper .thumb-info-plus {
		opacity: 0;
		position: absolute;
		width: 10%;
		top: 50%;
		left: 50%;
		z-index: 2;
		transform: translate3d(-50%, -50%, 0);
		transition: ease all 0.3s;
}

#horizontalScrollBox .content .horizontal-scroll-item-wrapper .horizontal-scroll-item .thumb-info .thumb-info-wrapper .thumb-info-plus::before, #horizontalScrollBox .content .horizontal-scroll-item-wrapper .horizontal-scroll-item .thumb-info .thumb-info-wrapper .thumb-info-plus::after {
		content: '';
		display: block;
		position: absolute;
		width: 100%;
		top: 50%;
		left: 50%;
		border-top: 1px solid #FFF;
		transform: translate3d(-50%, -50%, 0);
}

#horizontalScrollBox .content .horizontal-scroll-item-wrapper .horizontal-scroll-item .thumb-info .thumb-info-wrapper .thumb-info-plus::after {
		transform: translate3d(-50%, -50%, 0) rotate(0deg);
}

#horizontalScrollBox .custom-portfolio-navigation {
		position: fixed;
		width: 100vw;
		top: 47%;
		z-index: 10;
		transform: translateY(-50%);

}

#horizontalScrollBox .custom-portfolio-navigation .prev, #horizontalScrollBox .custom-portfolio-navigation .next {
		position: absolute;
		width: 30px;
		height: 80px;
		top: -40px;
		left: 0;
		color: #000;
		background-color: rgba(255,255,255,.6);
		cursor: pointer;
		transition:.4s;
}

#horizontalScrollBox .custom-portfolio-navigation .prev::before, #horizontalScrollBox .custom-portfolio-navigation .next::before {
		position: relative;
		content: "\e605";
		font-family: simple-line-icons;
		top: 27px;
		left: 5px;
}

#horizontalScrollBox .custom-portfolio-navigation .prev:hover, #horizontalScrollBox .custom-portfolio-navigation .next:hover {
		background-color: #000000;
		color:#ffffff;
}

#horizontalScrollBox .custom-portfolio-navigation .prev.disable-button, #horizontalScrollBox .custom-portfolio-navigation .next.disable-button {
		opacity: 1;
}

#horizontalScrollBox .custom-portfolio-navigation .next {
		left: auto;
		right: 0;
}

#horizontalScrollBox .custom-portfolio-navigation .next::before {
		content: "\e606";
		left: 9px;
}

@media (max-width: 991px) {
		#horizontalScrollBox {
				height: auto !important;
				overflow: visible !important;
		}
		#horizontalScrollBox::-webkit-scrollbar {
				width: 0;
		}
		#horizontalScrollBox .content {
				position: static;
				width: 100% !important;
				flex-direction: column;
		}

		#horizontalScrollBox .content .horizontal-scroll-item-wrapper {
				margin:auto;
		}
		#horizontalScrollBox .content .horizontal-scroll-item-wrapper:first-child {
				margin: auto;
		}
		#horizontalScrollBox .content .horizontal-scroll-item-wrapper:last-child {
				margin: auto;
		}
		#horizontalScrollBox .content .horizontal-scroll-item-wrapper .horizontal-scroll-item .thumb-info .thumb-info-wrapper img {
				width: 100%;
				height: auto;
		}
		#horizontalScrollBox .custom-portfolio-navigation {
				display: none;
		}
}


html.photography-demo-3 #horizontalScrollBox {
		height: calc( 100vh - 180px);
}

html.photography-demo-3 #horizontalScrollBox .custom-portfolio-navigation {
		width: calc(100vw - 255px);
}

html.photography-demo-3 #horizontalScrollBox .content li .horizontal-scroll-item .thumb-info .thumb-info-wrapper img {
		height: calc( 100vh - 180px);
}

@media (max-width: 991px) {
		html.photography-demo-3 #horizontalScrollBox .content li .horizontal-scroll-item .thumb-info .thumb-info-wrapper img {
				height: auto !important;
		}
}

.horizontal-scroll-item .image-hotspots img{
	max-height: calc(100vh - 180px);
width:auto
}

.marble-name-format{

	vertical-align:middle;
	color:#000000;
}

.marble-name-format b{
	font-weight:600;
	font-size:14px;
	line-height:14px;
	vertical-align:middle;
	margin-right:4px;
}
.marble-name-format span{
	font-weight:400;
	font-size:14px;
	line-height:14px;
	vertical-align:middle;
}

.projeler .popover{
/*border:3px solid rgba(0,0,0,0);*/
border-radius:0;
background:#FFFFFF;
	border:none;
}

.projeler .bs-popover-auto[x-placement^=top]>.arrow::after, .projeler .bs-popover-top>.arrow::after{
	border-top-color: #FFF;
}

.projeler .popover-body {
    padding: .5rem .75rem;
    color: #212529;
	/*	border:10px solid transparent; */

}

.projeler .popover-body p{
margin-bottom:0;
}


.popover-btn-black:before {
	content:"";
	position:absolute;
	left:0;
	bottom:0;
	background:#000000;
	width:100%;
	height:4px;
	transition:.4s;
	line-height:42px;
	vertical-align:middle;
	text-align:center;

}
.popover-btn-black {
z-index:1;
transition:.4s;
position:relative;
letter-spacing:-0.3px;
}
.popover-btn-black:hover {
color:#ffffff;
}
.popover-btn-black:hover:before {
z-index:0;
mix-blend-mode: difference;
height:100%;
line-height:42px;
vertical-align:middle;
text-align:center;
color:#000000;

}

.text-white{color:#ffffff!important;}

/* MARAZZI BTN */
.m-btn-style-3:before {
	content:"";
	position:absolute;
	left:0;
	bottom:0;
	background:#000000;
	width:100%;
	height:4px;
	transition:.4s;
	line-height:42px;
	vertical-align:middle;
	text-align:center;
}
.m-btn-style-3 {
z-index:1;
transition:.4s;
position:relative;
letter-spacing:-0.3px;
}
.m-btn-style-3:hover {
color:#ffffff;
}
.m-btn-style-3:hover:before {
z-index:0;
mix-blend-mode: difference;
height:100%;
line-height:42px;
vertical-align:middle;
text-align:center;
color:#ffffff;
}
.m-btn-style-3:focus, .m-btn-style-3:active  {color:inherit;}
/* MARAZZI BTN 2 */
.m-btn-style-2:before {
	content:"";
	position:absolute;
	left:0;
	bottom:0;
	background:#000000;
	width:100%;
	height:100%;
	transition:.4s;
	line-height:42px;
	vertical-align:middle;
	text-align:center;
	mix-blend-mode: difference;
}
.m-btn-style-2 {
	z-index:1;
	transition:.4s;
	position:relative;
	letter-spacing:-0.3px;
	color:#ffffff;
}
.m-btn-style-2:hover {
	color:#000000;
}
.m-btn-style-2:focus,.m-btn-style-2:active {color:inherit;}

.m-btn-style-2:hover:before {
	z-index:0;
	height:5px;
	line-height:42px;
	vertical-align:middle;
	text-align:center;
	color:#ffffff;
}




/* MARAZZI BTN VERDE GREEN */
.m-btn-style-verde-bg:before {
	content:"";
	position:absolute;
	left:0;
	bottom:0;
	background:#467269;
	width:100%;
	height:100%;
	transition:.4s;
	line-height:42px;
	vertical-align:middle;
	text-align:center;
	mix-blend-mode: color-dodge;
}
.m-btn-style-verde-bg {
	z-index:1;
	transition:.4s;
	position:relative;
	letter-spacing:-0.3px;
	color:#ffffff;
}
.m-btn-style-verde-bg:hover {
	color:#467269;
}
.m-btn-style-verde-bg:focus,.m-btn-style-verde-bg:active {color:inherit;}

.m-btn-style-verde-bg:hover:before {
	z-index:0;
	height:5px;
	line-height:42px;
	vertical-align:middle;
	text-align:center;
	color:#ffffff;
}



/* MARAZZI BTN WHITE */
.m-btn-style-1:before {
	content:"";
	position:absolute;
	left:0;
	bottom:0;
	background:#ffffff;
	width:100%;
	height:4px;
	transition:.4s;
	line-height:42px;
	vertical-align:middle;
	text-align:center;
}
.m-btn-style-1 {
z-index:1;
transition:.4s;
position:relative;
letter-spacing:-0.3px;
color:#ffffff;
}
.m-btn-style-1:hover {
color:#000000;
}
.m-btn-style-1:focus,.m-btn-style-1:active  {
color:#000000;
}

.m-btn-style-1:hover:before {
z-index:0;
mix-blend-mode:multiply;
height:100%;
line-height:42px;
vertical-align:middle;
text-align:center;
color:#000000;
}


/* MARAZZI BTN 2 WHITE */
.m-btn-style-2-white:before {
	content:"";
	position:absolute;
	left:0;
	bottom:0;
	background:#ffffff;
	width:100%;
	height:100%;
	transition:.4s;
	line-height:42px;
	vertical-align:middle;
	text-align:center;
	mix-blend-mode: multiply;
}
.m-btn-style-2-white {
	z-index:1;
	transition:.4s;
	position:relative;
	letter-spacing:-0.3px;
	color:#000000;
}
.m-btn-style-2-white:hover {
	color:#ffffff;
}
.m-btn-style-2:focus,.m-btn-style-2:active  {
	color:#ffffff;
}
.m-btn-style-2:focus:hover  {
	color:#000000;
}
.m-btn-style-2-white:hover:before {
	z-index:0;
	height:5px;
	line-height:42px;
	vertical-align:middle;
	text-align:center;
	color:#000000;
}

#project-modal{
	background-image:url(../../assets/img/modal-bg.webp);
	background-size:cover;
	background-repeat:no-repeat;
	box-shadow: 0px 0px 14px rgb(0 0 0 / 80%);
}

.proje-modal-btn {
    background: transparent;
    color: #ffffff;
    text-align: center;
    transition: .4s;
    border-top: 1px solid #ffffff;
    border-bottom: 1px solid #ffffff;
    font-size: 18px;
    letter-spacing: 1px;
    line-height: 20px;
    border-radius: 0;
    padding: 2px 0;
    margin-top: 10px;
}

.proje-modal-btn:hover{
	background:#ffffff;
	color:#000000;
	padding: 4px 16px;
}

/* ICON SCROLL */

.icon-scroll,
.icon-scroll:before {
  position: absolute;
  left: 50%;
}
.icon-scroll {
width: 40px;
height: 70px;
margin-left: 50px;
top: 10%;
left: 0;
margin-top: -35px;
box-shadow: inset 0 0 0 1px #fff;
border-radius: 25px;
z-index: 10;
}
.icon-scroll:before {
  content: '';
  width: 8px;
  height: 8px;
  background: #fff;
  margin-left: -4px;
  top: 8px;
  border-radius: 4px;
  -webkit-animation-duration: 1.5s;
          animation-duration: 1.5s;
  -webkit-animation-iteration-count: infinite;
          animation-iteration-count: infinite;
  -webkit-animation-name: scroll;
          animation-name: scroll;
}
@-webkit-keyframes scroll {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
    transform: translateY(46px);
  }
}
@keyframes scroll {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
    transform: translateY(46px);
  }
}

/* ZOOM */
.zoom-in-zoom-out {

  animation: zoom-in-zoom-out 2s ease-out infinite;
}

@keyframes zoom-in-zoom-out {
  0% {
    transform: scale(1, 1);
  }
  50% {
    transform: scale(1.2, 1.2);
  }
  100% {
    transform: scale(1, 1);
  }
}


/* ROTATE */
.rotate {

  animation: rotate-anim 2s ease-out infinite;
}

@keyframes rotate-anim {
50% {transform: rotate(40deg);}
}


/* ZOOM
.zoom-1x:hover {

  animation: zoom-1x 4s ease-out;
}

@keyframes zoom-1x {
	50% {
    transform: scale(1.2, 1.2);
  }
}
*/

.single-page-zoom-ico{
	position: absolute;
	z-index: 10;
	left: 0;
	top: 0;
	display: block;
	margin-left: 30px;
	margin-top: 10px;
	width:50px;
	height:80px;
}

.single-page-zoom-ico i{
	color:#ffffff;
	font-size:30px;
}

.single-page-big-img-block:hover .single-page-zoom-ico{
	opacity:0;
}

/* ILHAM STRIPE SLIDER */


.ilham .portfolio-stripes .owl-item .portfolio-item {
		width: calc(100% + 2px);
}

.ilham .portfolio-stripes .owl-item .portfolio-item .thumb-info {
		border: none;
		border-radius:0;
}

.ilham .portfolio-stripes .owl-item .portfolio-item .thumb-info:hover .thumb-info-wrapper .background-image {
		transform: scale(1.1);
		filter: grayscale(0%);
}

.ilham .portfolio-stripes .owl-item .portfolio-item .thumb-info .thumb-info-wrapper {
		height: calc(100vh - 81px);
		border-radius:0;
}

.ilham .portfolio-stripes .owl-item .portfolio-item .thumb-info .thumb-info-wrapper::before {
		content: '';
		display: block;
		position: absolute;
		bottom: 0;
		left: 0;
		width: 100%;
		box-shadow: 0 50px 190px 110px #182027;
		z-index: 1;
}

.ilham .portfolio-stripes .owl-item .portfolio-item .thumb-info .thumb-info-wrapper::after {
		background: rgba(0, 0, 0, 0.5);
}

.ilham .portfolio-stripes .owl-item .portfolio-item .thumb-info .thumb-info-wrapper .background-image {
		position: absolute;
		top: 0;
		left: 0;
		background-size: cover;
		width: 100%;
		height: 100%;
		transition: ease all 0.4s;
			filter: grayscale(100%);
}



.ilham .portfolio-stripes .owl-item .portfolio-item .thumb-info .thumb-info-wrapper .thumb-info-title{
	position:absolute;
	background: none;
	z-index: 2;
	left:0;
	padding: 13px 21px 0px;
	bottom: 120px;
	font-family: 'Oswald', sans-serif;
	color:#ffffff;
	font-size:40px;
}

.ilham .portfolio-stripes .owl-item .portfolio-item .thumb-info .thumb-info-wrapper .thumb-info-subtitle{
	position:absolute;
	background: none;
	z-index: 2;
	left:0;
	padding: 13px 40px 2px;
  bottom: 50px;
	font-family: 'Oswald', sans-serif;
	color:#ffffff;
	font-size:18px;
}

.title-line{
	position: absolute;
  left: 120px;
  right: 30px;
  bottom: 30px;
  height: calc(30% - 100px);
  border-bottom: 1px solid rgba(255,255,255,0.4);
  border-right: 1px solid rgba(255,255,255,0.4);
  z-index: 5;
}

.vertical-text{
	writing-mode: vertical-rl;
}

.ilham .portfolio-stripes .owl-item .portfolio-item .thumb-info .thumb-info-wrapper .verde-simge{
	opacity:.1;
	bottom:0;
	vertical-align:bottom;
	position:absolute;
	filter: grayscale(100%);
	z-index:2;
	transition: ease all 0.5s;
}

.ilham .portfolio-stripes .owl-item .portfolio-item .thumb-info:hover .thumb-info-wrapper .verde-simge {
	opacity:.5;
	filter: grayscale(100%);
}

.ilham-cat .product-img{
	width:100%;
	height:auto;
	border:10px solid #ffffff;

}
.ilham-cat .product-render{
	width:100%;
	height:auto;
}

.ilham-cat .product-render.border-frame{
padding:20px;
border:4px solid #000000;
}

.ilham-cat .line:before{
	position: absolute;
  left: 120px;
  right: 30px;
  bottom: 30px;
  height: calc(30% - 100px);
  border-bottom: 1px solid rgba(255,255,255,0.4);
  border-right: 1px solid rgba(255,255,255,0.4);
  z-index: 5;
}
.all-products .thumb-info .thumb-info-title {
    transition: all 0.3s;
    background: rgba(33, 37, 41, 0.8);
    color: #FFF;
    font-weight: 600;
    left: 0;
    letter-spacing: -.05em;
    position: absolute;
    z-index: 2;
    max-width: 98%;
    font-size: 17px;
		line-height: 17px;
    padding: 8px 21px 2px;
    bottom: 13%;
		min-height:64px;
}
.all-products .thumb-info .thumb-info-title .small-text {

    font-size: 16px;

}
.all-products .thumb-info .thumb-info-type {
    background-color: #ffffff;
		color:#000;
    border-radius: 2px;
    display: inline-block;
    float: left;
    font-size: 11px;
    letter-spacing: 0;
    margin: 2px -2px -15px 0px;
    padding: 2px 10px;
    text-transform: none;
    z-index: 2;
    line-height: 2.3;
}

.all-products .thumb-info .thumb-info-action-icon i{
margin:0;
}

img.lifetime-warranty{display:none}
@media(min-width:768px){
  img.lifetime-warranty{
  display: block;
  position: absolute;
  right: 0;
  left: 110px;
  bottom: 20px;
  margin-left: auto;
  margin-right: auto;
  z-index: 2;
  width: 120px!important;
  height: 120px!important;
  animation: rotate-warranty 60s linear 0s infinite forwards;
	}
}
  @keyframes rotate-warranty{0%{transform:translateY(50%) translateX(-50%)}100%{transform:translateY(50%) translateX(-50%) rotate(360deg)}}

	/*
	* Cards
	*/
	.custom-card-style-1 .custom-read-more svg,
	.custom-card-style-2 .custom-read-more svg {
			transition: ease transform 300ms;
	}

	.custom-card-style-1:hover .custom-read-more svg,
	.custom-card-style-2:hover .custom-read-more svg {
			transform: translate3d(7px, 0, 0);
	}

	.custom-card-style-1 {
			transition: ease transform 300ms;
	}

	.custom-card-style-1 .card-title {
			transition: ease color 300ms;
	}

	.custom-card-style-1:hover {
			transform: scale(1.03);
	}

	.custom-card-style-2 .card-img-top {
			padding-left: 35px;
	}

	.custom-card-style-2 .card-body {
			position: relative;
			background: #FFF;
			margin-top: -70px;
			max-width: 83%;
	}

	html .scroll-to-top {

    display: none;
}
.custom-heading-bar.custom-heading-bar-with-padding:before {
    right: auto;
    left: 0;
}

.custom-heading-bar:before {
    border-color: #fbe91b;
}
.custom-heading-bar:before {
    content: '';
    position: absolute;
    top: 50%;
    right: calc( 100% + 15px);
    width: 50px;
    border-top: 5px solid #ccc;
    transform: translate3d(0,-50%,0);
}
.custom-heading-bar.custom-heading-bar-with-padding {
    padding-left: 65px;
}
.custom-heading-bar {
    position: relative;
}
.custom-text-color-light-2 {
    color: #e0e1e5!important;
}


.all-projects-btn{
	transition:.6s!important;
		transform: rotate(90deg)!important;
}
.caesar-logo-simge{
background-image: url(../../assets/img/caesarstone/caesar-simge-white.webp);
background-size: cover;
z-index: 9999;
display: inline-block;
width: 20px;
height: 20px;
margin: 0 5px 0 0;
padding: 0;
vertical-align: -30%;
transition:.6s!important;
}
.all-projects-btn:hover .caesar-logo-simge{
	background-image: url(../../assets/img/caesarstone/caesar-simge-black.webp);
	width: 20px;
	height: 20px;
}

.gm-logo-simge{
background-image: url(../../assets/img/grandemassimo/gm-simge-white.webp);
background-size: cover;
z-index: 9999;
display: inline-block;
width: 24px;
height: 24px;
margin: 0 5px 0 0;
padding: 0;
vertical-align: -30%;
transition:.6s!important;
}
.all-projects-btn:hover .gm-logo-simge{
	background-image: url(../../assets/img/grandemassimo/gm-simge-black.webp);
	width: 24px;
	height: 24px;
}

.vogel-logo-simge{
background-image: url(../../assets/img/vogel/vogel-simge-white.webp);
background-size: cover;
z-index: 9999;
display: inline-block;
width: 22px;
height: 22px;
margin: 0 5px 0 0;
padding: 0;
vertical-align: -30%;
transition:.6s!important;
}
.all-projects-btn:hover .vogel-logo-simge{
	background-image: url(../../assets/img/vogel/vogel-simge-black.webp);
	width: 22px;
	height: 22px;
}

.social-icons li:hover a {
    background: #e7e7e7!important;
    color: #000 !important;
}

.social-icons a {
transition:.6s;
}
html.sticky-header-active #header .header-body .header-nav{
	padding-top:1.4rem!important

}
.index-logo-slider a img{
	/*filter:grayscale(100);*/
	transition:.4s;
}
.index-logo-slider a:hover img{
	transform: scale(1.1);
}
.index-logo-slider a{
	background:transparent;
	width: 100%;
height: 100%;
display: block;
transition:.4s;
padding:20px 5px
}

.index-logo-slider a:hover{
	background:transparent
}

.referans-slider a img{
	filter:grayscale(100);
	transition:.4s;
}
.referans-slider a:hover img{
	transform: scale(1.1);
}
.referans-slider a.anakat{
background: #161616;
width: 100%;
color: white;
height: 100%;
display: block;
transition:.4s;
padding:20px 5px
}


.referans-slider a.anakat:hover{
background:transparent;
width: 100%;
color: black;
height: 100%;
display: block;
transition:.4s;
padding:20px 5px
}


.referans-slider a.altkat{
background:transparent;
width: 100%;
height: 100%;
display: block;
transition:.4s;
padding:20px 5px
}

.referans-slider .owl-carousel .owl-nav button.owl-prev {
    left: -20px;
}
.referans-slider .owl-carousel .owl-nav button.owl-next {
    right: -20px;
}

.index-page .owl-carousel .owl-nav button.owl-prev {
    left: -20px;
}

.index-page .owl-carousel .owl-nav button.owl-next {
    right: -20px;
}
.brand-page.caesar .block-hero-14 .brand-logo{ max-width:260px;height:auto}
.brand-page.caesar .block-hero-14 .brand-logo-1{ max-width:450px;height:auto}
.brand-page.estone .block-hero-14 .brand-logo{ max-width:200px;height:auto}
.brand-page.grandemassimo-page .block-hero-14 .brand-logo{ max-width:240px;height:auto}
.brand-page.marazzi .block-hero-14 .brand-logo{ max-width:220px;height:auto}
.brand-page.vogel .block-hero-14 .brand-logo{ max-width:230px;height:auto}
.brand-page .block-hero-14 .sub-title{ font-size:20px; line-height: 24px; color:#000000}

.brand-page .vertical-website{letter-spacing:6px;transition:.6s}
.brand-page .vertical-website:hover{letter-spacing:2px;}
.brand-page .vertical-website-block {writing-mode: vertical-rl; top: 50%; transform: translateY(-50%) scale(-1); left: 40px}

.collections-page .caesar .brand-logo{ max-width:260px;height:auto}
.collections-page .caesar .brand-logo-1{ max-width:450px;height:auto}
.collections-page .estone .brand-logo{ max-width:200px;height:auto}
.collections-page .gm .brand-logo{ max-width:240px;height:auto}
.collections-page .marazzi .brand-logo{ max-width:220px;height:auto}
.collections-page .vogel .brand-logo{ max-width:230px;height:auto}
.collections-page .sub-title{ font-size:20px; line-height: 24px; color:#000000}
#caesar .ico-block .text-3{line-height:12px}
#grandemassimo	.process .process-step {justify-content:start}

.index-marble-list .owl-carousel:not(.nav-arrows-1):not(.show-nav-title) .owl-nav button[class*="owl-"]{
	background:transparent;
	color:#000000;
	border-radius:0;
}
.index-marble-list .owl-carousel .owl-nav button.owl-prev:before, .index-marble-list .owl-carousel .owl-nav button.owl-next:before{
	font-size:1.2rem;
	color:#3a3a3a;
}
.index-marble-list .owl-carousel.dots-dark .owl-dots .owl-dot.active span, .index-marble-list .owl-carousel.dots-dark .owl-dots .owl-dot:hover span {
    background: #212121!important;
}



.verde-vertical{
	letter-spacing:5px;
	transition:.6s;
}

.verde-vertical:hover{
	letter-spacing:2px;
}

.grandemassimo-page .ico-title{
	font-size:18px;
	line-height:22px;
	margin-bottom:15px;
	letter-spacing:-0.3px;
}
.grandemassimo-page .ico-text{
	font-size:14px;
	line-height:19px;
	margin-bottom:5px;
}

.single-page-big-img-block img{
	max-height:590px;
	width:auto;
	box-shadow:2px 0px 20px 2px rgb(0 0 0 / 40%);
}
.single-page-big-img-block.light-shadow img{

	box-shadow:2px 0px 10px 2px rgb(0 0 0 / 10%);
}
.single-page-big-img-block.none-shadow img{

	box-shadow:2px 0px 10px 2px rgb(0 0 0 / 0%);
}

.vogel-taps .single-page-big-img-block img{
	max-height:500px;
	width:auto;
}
.marble-page #specification{
	position:relative;
	background-image:url(../../assets/img/bg-marble-full.webp);
	background-position:left center;
	background-repeat:no-repeat;
	background-size:cover;
	background-color:#ffffff;
	z-index:2;
}
.marble-page #slabs{
	z-index:2;
}
.marble-page .experience-info{
	background-image:url(../../assets/img/bg-area.webp);background-position:center center;background-size:cover;
}
.marble-page .marble-title .title-block{display:flex;margin-bottom:5px}
.marble-page .marble-title .marble-name{font-size:50px}
.marble-page .marble-title .marble-name.small{font-size:42px}
.marble-page .marble-title .top-title-brand{font-size:20px;line-height:24px;}
.marble-page .process-vertical .process-step{padding-bottom:40px;}
.marble-page .slab-page-footer .custom-blockquote-style-1 p{line-height:20px}
.marble-page .process .process-step-circle-content {
    font-weight: bold;
    color: #212529;
    font-size: 2.4em;
    text-align: center;
    line-height: 24px;
    vertical-align: middle;
    letter-spacing: -1px;
    transition: all 0.2s ease-in-out;
}
.img-responsive{width:100%;height:auto;}

.vogel-taps .bs-tooltip-bottom{
	margin-left:20px!important
}
.vogel-taps .bs-tooltip-bottom .arrow::before {
	margin-left:10px!important
}

.marble-page #care {
margin-top:-80px!important;
}

#footer .contact-inf a{
	transition:.4s!important;
	color:#ffffff!important;
}
#footer .contact-inf a:hover{
	color: #398113!important;
}
#footer .contact-block{ }
section.custom-timeline .timeline-box.right:before,section.custom-timeline .timeline-box.left:before{
	display:none!important;
}
.collections-section .big-height{
padding:8rem 0 ;
}
.vogel-section .big-height{
padding:8rem 0 0 0;
}
.vogel-badge{width:140px;height:140px}
.stone-gallery-vertical{
	writing-mode: vertical-rl;
	top: 40%;
	transform: translateY(-50%) scale(-1);
	right: -60px;
	position:absolute;
	height:100%;
}
.stone-gallery-vertical.left{
	writing-mode: vertical-rl;
	top: 50%;
	transform: translateY(-50%) scale(-1);
	left: -60px;
	position:absolute;
	height:100%;
}


.img-hover-box {
    overflow: hidden;
}

.hakkimda8 {
    width: 100%;
    display: block;
    transition: transform 0.8s cubic-bezier(0.25, 1, 0.5, 1), filter 0.4s ease;
    transform-origin: center;
}

/* Hover efekti */
.img-hover-box:hover .hakkimda8 {
    transform: scale(1.03); /* büyü + tam dönüş */
    filter: brightness(1.10) contrast(1.04);
}

.about-left-block{background:#13493c; position:absolute;z-index:9;left:-40px;top:40px;}
.about-label{color:#ffffff;padding-left:20px;padding-top:20px;padding-right:20px;font-size:40px;font-weight:900}
.about-left-marble {max-height:500px;}
.about-second-container .left-img-bg {background-image: url(../../assets/img/about-middle.png); background-size: cover; background-position: center center; min-height: 300px; animation-delay: 400ms;}

.caesar-col-simge img{opacity:.4; max-width: 400px; left: 0; bottom: 0; margin-left: -300px; margin-top:-100px}
.caesarp-col-simge{ float:right; right:0; top:0; margin-top: -20px; margin-right:-200px;}
.caesarp-col-simge img{opacity:.6; max-width: 600px; right: 0; bottom: 0; margin-right: -200px; margin-top:-50px}
.marazzi-col-simge{float:right; right:0; top:0; margin-top: -20px; margin-right:-200px}
.marazzi-col-simge img{opacity:.05; max-width: 700px;}
.estone-col-simge{ float:right; right:0; top:0; margin-top: -20px; margin-right:0;}
.estone-col-simge img{opacity:.05; max-width: 300px; right: 0; bottom: 0; margin-right: -200px; margin-top:-10px}

.vogel-col-simge{ float:right; right:0; top:0; margin-top: -20px; margin-right:-300px;}
.vogel-col-simge img{opacity:.05; max-width: 500px; right: 0; bottom: 0; margin-right: -100px; margin-top:-10px;}

.paperstone-col-simge{ float:left; left:0; top:0; margin-top: -60px; margin-left:-250px;}
.paperstone-col-simge img{opacity:.9; max-width: 420px; right: 0; bottom: 0; margin-right: -100px; margin-top:-10px;}
.collections-page .paperstone .brand-logo {
    max-width: 230px;
    height: auto;
}

.thumb-info-inner .all-product-code{display:block;font-size:16px;line-height:16px;}
.btn-announce{
	background-color: #000000;
	box-shadow: none;
	position: fixed;
	bottom: 50px;
	right:0;
	margin-right: 30px;
	width: 44px;
	height: 44px;
	z-index: 108;
	padding: 0;
	border-radius: 50%;
	transition:.6s;
	animation: col infinite 3s ease-out;
}
.btn-announce i{
	color: #ffffff;
  font-size: 26px;
  text-align: center;
  width: 44px;
  vertical-align: middle;
  display: inline-block;
  line-height: 52px;
	transition:.6s;
}
.btn-announce:hover{
	background-color: #ffffff;
	animation:none;
}
.btn-announce:hover .notify{
	opacity:0;
}
.btn-announce:hover i{
	color: #000000;
}

.tractor-container {
    position: relative;
    width: 100%;
    height: 200px; /* ihtiyaca göre */
    overflow: hidden;
}

.footer-section {
    z-index: 1;
}

.position-relative {
    position: relative !important;
}

.footer-section .footer-wheat {
    position: absolute;
    bottom: 0;
    left: 0;
    z-index: -1;
}

.position-absolute {
    position: absolute !important;
}


.tractor {
    position: absolute;
    bottom: 0;
    width: 250px;
    animation: moveTractor 15s linear infinite, bounce 0.4s ease-in-out infinite alternate;
}

@keyframes moveTractor {
    0% { right: -150px; }
    100% { right: 100%; }
}

@keyframes bounce {
    0% { transform: translateY(0px); }
    100% { transform: translateY(-5px); }
}


@media (max-width: 800px){
	.notify .videoefect {
	    border-radius: .25rem !important;
	    top: -23px !important;
	    right: -40px !important;
	    height: 120px !important;
	    width: 330px !important;
	    z-index: 9;
	    border-color: #dc3545 !important;
	}

	.tractor {
		    position: absolute;
		    bottom: 0;
		    width: 150px;
		    animation: moveTractor 8s linear infinite, bounce 0.4s ease-in-out infinite alternate;
		}

}

@media (min-width: 801px){
	.notify .videoefect {
	    border-radius: .25rem !important;
	    top: -25px !important;
	    right: -39px !important;
	    height: 120px !important;
	    width: 425px !important;
	    z-index: 9;
	    border-color: #dc3545 !important;
	   }

	   .tractor {
		    position: absolute;
		    bottom: 0;
		    width: 250px;
		    animation: moveTractor 15s linear infinite, bounce 0.4s ease-in-out infinite alternate;
		}

}

  .btntanitim{
  	position: relative;
    z-index: 99999999;
    background: #000000;
  }



.notify{position:absolute;top:10px;right:11px;transition:.6s;}
	.notify .heartbit{
	-webkit-border-radius:80px;
	-moz-border-radius:80px;
	-ms-border-radius:80px;
	border-radius:80px;
	position:absolute;
	top:-20px;
	right:-21px;
	height:64px;
	width:64px;
	z-index:10;
	border:5px solid;
	border-color:#357569;
	animation:heartbit 2.0s ease-out;
	-moz-animation:heartbit 2.0s ease-out;
	-moz-animation-iteration-count:infinite;
	-o-animation:heartbit 2.0s ease-out;
	-o-animation-iteration-count:infinite;
	-webkit-animation:heartbit 2.0s ease-out;
	-ms-animation:heartbit 2.0s ease-out;
	-webkit-animation-iteration-count:infinite;
	animation-iteration-count:infinite
	}

		@-moz-keyframes heartbit{
			0%{-moz-transform:scale(0.5);opacity:0}
			25%{-moz-transform:scale(0.5);opacity:.1}
			50%{-moz-transform:scale(0.5);opacity:.3}
			75%{-moz-transform:scale(0.8);opacity:.5}
			100%{-moz-transform:scale(1);opacity:0}}
		@-webkit-keyframes heartbit{
			0%{-webkit-transform:scale(0.5);opacity:0}
			25%{-webkit-transform:scale(0.5);opacity:.1}
			50%{-webkit-transform:scale(0.5);opacity:.3}
			75%{-webkit-transform:scale(0.8);opacity:.5}
			100%{-webkit-transform:scale(1);opacity:0}}
		@-ms-keyframes heartbit{
			0%{-ms-transform:scale(0.5);opacity:0}
			25%{-ms-transform:scale(0.5);opacity:.1}
			50%{-ms-transform:scale(0.5);opacity:.3}
			75%{-ms-transform:scale(0.8);opacity:.5}
			100%{-ms-transform:scale(1);opacity:0}}


@keyframes col {
	0% {background-color:#000000}
	25% {background-color:#26443e}
	50% {background-color:#357569}
	75% {background-color:#26443e}
	100% {background-color:#000000}
}


.an-title{color:#13493c;margin-bottom:0px;line-height:19px}
.an-text{font-size:12px;line-height:18px;margin-bottom:0px}
.an-link{font-size:12px;line-height:18px;vertical-align: middle;transition: .4s;display:inline-block;font-weight:400}
.an-link i{
	font-size: 16px;
  line-height: 14px;
  vertical-align: middle;
  font-weight: 700;
  padding-right: 5px;
}
a.an-link:hover{
transform: translate(10px, 0px);
}

html.side-panel .side-panel-wrapper.announce-side-panel{
	padding:2rem 1.5rem 2rem 1.7rem;
	background-image:url(../../assets/img/sidebar-bg.webp);position:center center;background-size:cover;
}
.announce-side-panel .post-meta i{
	line-height: 24px;
	vertical-align: middle;
}
#footer.verde-footer{
	background-image:url(../../assets/img/footer-bg-2.webp);
	background-color:transparent;
	margin-top:20px;
	background-size:cover;
	background-position: center top;
}
/* Set the size of the div element that contains the map */
#map {
	height: 500px;
	/* The height is 400 pixels */
	width: 100%;
	/* The width is the width of the web page */
	margin-top:30px;
}


.gm-style-iw-d {overflow:hidden!important}
.gm-style .gm-style-iw-c {background:#FFFFFF;min-width:360px!important}
.map_info_box{background:#FFFFFF;color:#ffffff;}
.gm-style .gm-style-iw-t::after {background:linear-gradient(45deg,rgba(255,255,255,1) 50%,rgba(0,0,0,0) 51%,rgba(0,0,0,0) 100%)}

.map_info_box {
	padding:18px 18px
}
.map_info_box hr {
	margin:12px 0;
}
.map_info_box h4 {
	font-size:18px;
	font-weight:500;
	margin:0;
	padding:0;
	color:#13493c;
	letter-spacing:0.29px;
}
.map_info_box h6 {
	font-size:15px;
	font-weight:500;
	margin:4px 0 0 0;
	padding:0;
	letter-spacing:1;
}
.map_info_box h6 i{
display: table-cell;
position: relative;
color:#13493c;
}
.map_info_box h6 a{
display: table-cell;
position: relative;
padding-left:10px;
font-size:14px;
color:#000000;
transition:.6s;
cursor:pointer;
letter-spacing:0.29px;
font-weight:400;
padding-bottom:4px;
}
.map_info_box h6 a:hover{color:#13493c;}
.map_info_box h5{
	margin:0;
	padding:0;
}
.map_info_box h5 a{
	font-size:13px;
}
.gm-style-iw button{right:5px!important;top:5px!important;}
.gm-style-iw button img{content:url("img/close.html")!important;width:10px!important;height:10px!important;}

.dist-list i.flaticon{
	font-size:11px;
	padding-right:8px;
	color:#dedede;
}

.dist-list li{
	margin-bottom:5px;
	color: #000000;
	font-weight:500;
	font-size:15px;
}

.dist-list li span{
	font-style: italic;
	font-weight:300;
	letter-spacing:.1px;
	font-size:14px;
	color:#585858;
}
.dist-list-row {
	background:#fafafa;
	border-radius:10px;
	padding:24px;
	transition:.4s;
	margin:20px 0;

}

.contact-block-style-1{
	background:#fafafa;
	border-radius:10px;
	padding:24px;
	transition:.4s;
}
.contact-block-style-1 hr{
	background:#13493c;
	margin:18px 0;
}
.contact-block-style-2{
	border:1px solid #13493c;
	background:#ffffff;
	border-radius:10px;
	padding:24px;
	transition:.4s;
}
.contact-block-style-2 hr{
	margin:18px 0;
}
.contact-block-style-3{
	border:1px solid #f3f3f3;
	background:#ffffff;
	box-shadow:2px 0px 7px 2px rgb(0 0 0 / 5%);
	border-radius:10px;
	padding:24px;
	transition:.4s;
}
.contact-block-style-3 hr{
	margin:18px 0;
}


.btn-whatsapp{
	background-color: #357569;
	box-shadow: none;
	position: fixed;
	bottom: 110px;
	right:0;
	margin-right: 30px;
	width: 44px;
	height: 44px;
	z-index: 108;
	padding: 0;
	border-radius: 50%;
	transition:.6s;
}
.btn-whatsapp i{
	color: #ffffff;
  font-size: 26px;
  text-align: center;
  width: 44px;
  vertical-align: middle;
  display: inline-block;
  line-height: 52px;
	transition:.6s;
}

.btn-whatsapp:hover{
	background-color: #ffffff;
	animation:none;
	color:#000000;
}

.btn-whatsapp:hover i{
	color: #000000;
}

.brand-page.paperstone .block-hero-14 .brand-logo {
    max-width: 260px;
    height: auto;
}
.brand-page.paperstone .title-block-style-1{text-align:center;padding:10px 2px;}
.brand-page.paperstone .title-block-style-1 .product-code{line-height:16px; font-size:13px; display:block; font-weight:600;color:#686868}
.brand-page.paperstone .title-block-style-1 .product-name{margin-bottom:0; display:block; font-size:16px; font-weight:600;}
.brand-page.paperstone .title-block-style-1 .product-brand-name{font-weight:200; font-size:11px; letter-spacing:1px; display:block; line-height:16px;padding-top:0px;color:#686868}
.brand-page.paperstone .title-block-style-1 .product-brand-name:before{content:"";width:1px;height:14px;background:#dedede;bottom:0;left:0;right:0;margin:0px auto 0 auto;display:none;}
.brand-page.paperstone .paperstone-slab-slider .owl-carousel:not(.nav-arrows-1):not(.show-nav-title) .owl-nav button[class*="owl-"]{
	background-color: transparent;
	border-color: transparent;
	color: #666666;
	transition:.4s;
	/* border-radius: 50%; */
}
.brand-page.paperstone .paperstone-slab-slider .owl-carousel:not(.nav-arrows-1):not(.show-nav-title) .owl-nav button[class*="owl-"]:hover{
	background-color: transparent;
	border-color: transparent;
	color: #666666;
	/* border-radius: 50%; */
}
.brand-page.paperstone .paperstone-slab-slider .owl-carousel .owl-nav{margin-top: -50px;}
.brand-page.paperstone .paperstone-slab-slider .custom-dots-style-1 .owl-dots{margin-top:10px!important;}
.brand-page.paperstone .paperstone-slab-slider .custom-dots-style-1 .owl-dots .owl-dot span{width:10px; height:10px;}
.brand-page.paperstone .paperstone-slab-slider .owl-carousel .owl-nav button.owl-prev{left: -40px;}
.brand-page.paperstone .paperstone-slab-slider .owl-carousel .owl-nav button.owl-next{right: -40px;}
.brand-page.paperstone .paperstone-slab-slider .owl-carousel .owl-nav button.owl-prev,
.brand-page.paperstone .paperstone-slab-slider .owl-carousel .owl-nav button.owl-next{
	width: 26px;
	height: 26px;
}
.brand-page.paperstone .paperstone-slab-slider .owl-carousel .owl-nav button.owl-prev:before,
.brand-page.paperstone .paperstone-slab-slider .owl-carousel .owl-nav button.owl-next:before {
  font-weight: 900;
  font-size: 13px;
  position: relative;
  left: -1px;
  top: -1px;
}
.brand-page.paperstone .ico-block .owl-carousel:not(.nav-arrows-1):not(.show-nav-title) .owl-nav button[class*="owl-"]{
	background-color: transparent;
	border-color: transparent;
	color: #000000;

	transition:.4s;
	/* border-radius: 50%; */
}
.brand-page.paperstone .ico-block .owl-carousel:not(.nav-arrows-1):not(.show-nav-title) .owl-nav button[class*="owl-"]:hover{
	color: #666666;
	/* border-radius: 50%; */
}
.brand-page.paperstone .ico-block .owl-carousel .owl-nav{margin-top: -10px;}
.brand-page.paperstone .ico-block .custom-dots-style-1 .owl-dots{display:none;}
.brand-page.paperstone .ico-block .custom-dots-style-1 .owl-dots .owl-dot span{width:10px; height:10px;}
.brand-page.paperstone .ico-block .owl-carousel .owl-nav button.owl-prev{left: -40px;}
.brand-page.paperstone .ico-block .owl-carousel .owl-nav button.owl-next{right: -40px;}
.brand-page.paperstone .ico-block .owl-carousel .owl-nav button.owl-prev,
.brand-page.paperstone .ico-block .owl-carousel .owl-nav button.owl-next{
	width: 14px;
	height: 14px;
}
.brand-page.paperstone .ico-block .owl-carousel .owl-nav button.owl-prev:before,
.brand-page.paperstone .ico-block .owl-carousel .owl-nav button.owl-next:before {
  font-weight: 900;
  font-size: 14px;
  position: relative;
  left: -1px;
  top: -1px;
}
.brand-page.paperstone .ico-block-style-1{
	padding:0px 10px;
}
.brand-page.paperstone .ico-block-style-1 p{
	font-size:13px;
	line-height:18px;
	padding: 0 8px 6px 8px;
}
.brand-page.paperstone .ico-block-style-1 hr{
    margin: 12px auto 12px auto;
		width:70%;
		left:0;
		right:0;
		display:block;
}

.brand-page.paperstone .ico-block-style-1 i,
.brand-page.paperstone .ico-block-style-1 i{
	background:#eeeeee;
	border-radius:50%;
	width:50px;
	height:50px;
	left:0;right:0;
	display:block;
	margin:auto;
	font-size:34px;
	text-align:center;
	line-height:60px;
	vertical-align: middle;
}
.paperstone-section.collections-section .big-height{padding:5rem 0 ;}

@media (min-width: 1300px){
	#slide-293-layer-3,#slide-297-layer-3, #slide-300-layer-3, #slide-301-layer-3, #slide-302-layer-3, #slide-303-layer-3, #slide-306-layer-3{
		margin-left:-3%!important;
	}
	#rev_slider_127_1_wrapper .tp-bullets{
		/* margin-left:8%!important; */
	}
}
@media (min-width: 1200px) and (max-width: 1300px){
	#slide-293-layer-3,#slide-297-layer-3, #slide-300-layer-3, #slide-301-layer-3, #slide-302-layer-3, #slide-303-layer-3, #slide-306-layer-3{
		margin-left:3%!important;
	}
	#rev_slider_127_1_wrapper .tp-bullets{
		/* margin-left:8%!important; */
	}
}
@media (min-width: 1020px) and (max-width: 1200px){
	#slide-293-layer-3,#slide-297-layer-3, #slide-300-layer-3, #slide-301-layer-3, #slide-302-layer-3, #slide-303-layer-3, #slide-306-layer-3{
		margin-left:2%!important;
	}
	#rev_slider_127_1_wrapper .tp-bullets{
		/*	margin-left:2%!important; */
	}
}
@media (min-width: 979px) and (max-width: 1020px){
	#slide-293-layer-3,#slide-297-layer-3, #slide-300-layer-3, #slide-301-layer-3, #slide-302-layer-3, #slide-303-layer-3, #slide-306-layer-3{
		margin-left:1%!important;
	}
	#rev_slider_127_1_wrapper .tp-bullets{
		/*	margin-left:1%!important; */
	}
}
@media (min-width: 800px) and (max-width: 979px){
	#slide-293-layer-3,#slide-297-layer-3, #slide-300-layer-3, #slide-301-layer-3, #slide-302-layer-3, #slide-303-layer-3, #slide-306-layer-3{
		margin-left:13%!important;
	}
}
@media (min-width: 775px) and (max-width: 800px){
	#slide-293-layer-3,#slide-297-layer-3, #slide-300-layer-3, #slide-301-layer-3, #slide-302-layer-3, #slide-303-layer-3, #slide-306-layer-3{
		margin-left:0%!important;
	}
}
@media (min-width: 690px) and (max-width: 775px){
	#slide-293-layer-3,#slide-297-layer-3, #slide-300-layer-3, #slide-301-layer-3, #slide-302-layer-3, #slide-303-layer-3, #slide-306-layer-3{
		margin-left:2%!important;
	}
}


@media (min-width: 1200px){
	.container, .container-lg, .container-md, .container-sm, .container-xl{
		max-width: 1180px;
	}
}
@media (min-width: 1300px){
	.container, .container-lg, .container-md, .container-sm, .container-xl{
		max-width: 1280px;
	}
}
@media (min-width: 992px) and (max-width: 1200px)  {
	#header .header-nav-main nav > ul > li > a{
		padding: 0.5rem 0.4rem;
		font-size: 13px;
	}
	#header .header-logo{
		width:200px!important;
	}
	#header .header-logo a img{
		width:200px!important;
		height:auto!important;
	}
	.vogel-badge{width:80px;height:80px}
	.container, .container-lg, .container-md, .container-sm, .container-xl{
		max-width: 980px;
	}
}

@media (max-width: 1285px) {
	.stone-gallery-vertical{right: -38px;}
	.stone-gallery-vertical.left{left: -38px;}
	.estone-col-simge{  margin-right:-150px;}
	.vogel-col-simge img{margin-left: -200px;}
}
@media (max-width: 1200px) {
	.vogel-badge{display:none}
.about-first-row-in-row{display:none}
.about-second-container section.section.section-height-3 {padding:3.6rem 0}
}
@media (max-width: 1300px) {
	.about-second-container .left-img-bg {background-position: right center!important;}
}
@media (max-width: 1080px) {
	.brand-page .vertical-website-block {display:none!important}
}

@media (max-width: 1220px) {
	.about-left-block{background:#13493c; position:absolute;z-index:9;left:-34px;top:40px;}
	.about-label{color:#ffffff;padding-left:14px;padding-top:14px;padding-right:14px;font-size:34px;font-weight:900}
	.about-left-marble {max-height:400px;}
.about-first-row .text-8{font-size:2.00em !important}
.about-first-row-in-row .text-10{font-size:2.00em !important}
.about-first-row-in-row{display:none}
	.stone-gallery-vertical{display:none}
	.estone-col-simge{  margin-right:-100px;}
	.collections-section .big-height{padding:6rem 0 ;}
	.vogel-section .big-height{padding:6rem 0 0 0;}
	.text-5{font-size: 1.20em !important;}
	.estone-section{top:-1rem;}
	.marazzi-section{top:-5rem;}
	.gm-section{top:-5rem;}
	 .vogel-section{top:-7rem;}
}

@media (min-width: 1220px) {
	 .vogel-section{top:-6rem;}
	 .estone-section{top:-3rem;}
	 .gm-section{top:-6rem;}
	 .marazzi-section{top:-4rem;}
}

@media (min-width: 992px) {
	 .mob-lang{display:none}
}
/* buyuk tablet md */
@media (max-width: 992px) {
	.product-code-slab-page{display:block}
	.product-code-slab-page .code-line{display:none}
		 .marble-title .top-title-brand{display:none}
	.recipe-category-icon{display:none;}
	.recipe-category {background-size: auto; height:100px}
	#estone	.sub-title h2{letter-spacing:1px;font-size:16px!important}
	.about-first-row .text-8{font-size:1.80em !important}
	.collections-page .sub-title {font-size: 16px;line-height: 20px;}
	.font__size-48{font-size:2rem}
	.font__size-28{font-size:1.35rem;line-height:1.65rem;}
	.btns .float-right{float:left!important}
	.header-row .pt-1{padding-top:0px!important;}
	#header .header-nav {padding:0!important;}
	.text-block{display:none}
	html.sticky-header-active #header .header-body{
		top:-5px!important;
	}
	html.sticky-header-active #header .header-body .header-nav{
		padding-top:0px!important;
	}
	#header .header-logo img{top:18px!important;}
	#header .header-logo{
		width:220px!important;
		height:auto!important;
		margin:-36px 0px 0px 0px!important;
	}
	#header .header-logo a img{
		width:220px!important;
		height:auto!important;
		margin-top:0px!important
	}
	 .none-md{display:none!important}
	 .single-page-big-img-block img{
		 max-height:600px;
		 display:block;
		 margin:auto;
	 }
	 .marble-page .marble-name{text-align:center;}
	 .marble-page .top-title-brand{text-align:center;}
	 .marble-page .marble-title .custom-line{display:none}
	 .marble-page .marble-title .title-block{display:block;margin-top:20px}
	 .marble-page .marble-title .marble-name{font-size:40px}
	 .mob-lang{display:block}
	 .mob-lang img{margin-right:2px}
	 .marble-page #specification{background-image:none;}
	 	.sitemap-main-list {column-count: 3!important; column-gap: 10px!important;}
		#footer .footer-caesarstone-porcelain-logo{margin-top:10px}
		#footer .footer-paperstone-logo{margin-top:10px}
		 .page-header-modern.page-header span.sub-title{padding:0 6rem!important}
}
/* tablet sm */
@media (max-width: 767px) {
	.ico-row{display:none}
	.marble-title hr{display:none}
	.recipe-category {background-size: auto; height:140px}
	.thumb-info .thumb-info-title{text-align:left}
#koleksiyonlar-gm{max-width:40%!important;}
#koleksiyonlar-caesarstone{max-width:50%!important;}
#koleksiyonlar-marazzi{max-width:40%!important;}
	.about-first-row .text-8{font-size:1.60em !important}
	.about-third-container h1{line-height:30px}
	.about-third-container .owl-carousel .owl-item{padding:0 40px}
	.about-third-container 	.owl-carousel .owl-nav button.owl-prev {margin-left:10px}
	.about-third-container 	.owl-carousel .owl-nav button.owl-next {margin-right:10px}
	.collections-section .big-height{padding:5rem 0 ;}
	.vogel-section .big-height{padding:0 0 4rem 0;}
	.paperstone-section .big-height{padding:0 0 0 0;}
	.estone-section{top:-4rem;}
	.marazzi-section{top:-4rem;}
	.gm-section{top:-3rem;}
	.caesar1-section{top:1.4rem;}
	.vogel-section{top:0rem;}
	.paperstone-section{top:-4rem;}
	.container, .container-md, .container-sm {max-width: 750px;}
	.positive-ls-3 {letter-spacing: 1px;}
	.text-3 {line-height: 1.4rem;}
	.font__size-48{font-size:1.9rem}
	.font__size-28{font-size:1.25rem}
	.none-sm{display:none!important}
	#footer .contact-block{display:block}
	#project-modal .iziModal-content{padding:10px!important;}
	#project-modal {max-width:80%!important;}
	.index-page .owl-carousel .owl-nav button.owl-prev{left:10px}
	.index-page .owl-carousel .owl-nav button.owl-next{right:10px}
	.sitemap-main-list {column-count: 2!important; column-gap: 10px!important;}
	.page-header-modern.page-header span.sub-title{padding:0 4rem!important;font-size: .9em!important;line-height: 1.3em!important;}
}
/* mobile xs */
@media screen and (max-width: 575px) {
	.vogel-badge-sink{display:none;}
	.none-xs{display:none!important}
	.font__size-48{font-size:1.8rem}
	.font__size-28{font-size:1.15rem}
	.brand-page.caesar .block-hero-14 .brand-logo-1{ max-width:320px;height:auto}
	.collections-page .caesar .brand-logo-1{ max-width:320px;height:auto}
	#koleksiyonlar-gm{max-width:52%!important;}
	#koleksiyonlar-estone{max-width:52%!important;}
	#koleksiyonlar-caesarstone{max-width:52%!important;}
	#koleksiyonlar-marazzi{max-width:52%!important;}
	#koleksiyonlar-vogel{max-width:52%!important;}
	.about-first-row .text-8{font-size:1.50em !important}
	.index-page .owl-carousel .owl-nav button.owl-prev{left:10px}
	.index-page .owl-carousel .owl-nav button.owl-next{right:10px}
	#project-modal .iziModal-content{padding:10px!important;}
	#project-modal {max-width:94%!important;}

	.iletisim .image-hotspot .circle {
		width: 10px;
		height: 10px;
		margin: -0.5em auto auto -0.5em;
		font-size: .8em;
		line-height: 10px;
	}
	.iletisim .image-hotspot strong i {
		font-size: 0.55em;
	}
	.iletisim .image-hotspot strong {
		font-size: 0.45em;
	}
	.iletisim .image-hotspot .ring {
		display:none;
	}
	.sitemap-main-list {column-count: 1!important; column-gap: 10px!important;}
	.page-header-modern.page-header span.sub-title{padding:0 2rem!important}
	.w2go img {max-width: 35px!important;}
	#footer .footer-copyright p span{display:block;}

}


#gm-collection-ajax .recipe-category-icon{
	background:transparent;
}

#gm-collection-ajax .recipe-category-inner{
	padding: 20px 26px;
}

#estone-collection-ajax .recipe-category-icon{
	background:transparent;
}
.social-icons li:hover.social-icons-linkedin a,
.social-icons li:hover.social-icons-instagram a,
.social-icons li:hover.social-icons-youtube a,
.social-icons li:hover.social-icons-facebook a,
.social-icons li:hover.social-icons-pinterest a{background:#153e35!important}

.colors img {max-width:50px;height:auto;box-shadow:2px 0px 10px 2px rgb(0 0 0 / 10%);border-radius:50%;display:inline-block;margin-left:8px;}
.colors span {text-align:center;}

.page-item.disabled .page-link{color:#aeaeae;}
.menu-badge-style-1{
	position: absolute;
	background: #13493c;
	color:#ffffff;
	border-radius: 40px;
	font-weight: 500;
	font-size: 10px;
	margin-left: 5px;
	line-height: 14px;
	vertical-align: middle;
	padding: 0px 8px;
	margin-top: 4px;
}



@media (max-width: 576px) {
	.order-xs-1 {-ms-flex-order: 1;order: 1;}
	.order-xs-2 {-ms-flex-order: 2;order: 2;}
	.mt-xs-1 {margin-top:1rem;}
	.mt-xs-2  {margin-top:2rem;}
	.mt-xs-3 {margin-top:3rem;}
	.mt-xs-4 {margin-top:4rem;}
	.mt-xs-5 {margin-top:5rem;}
	.mb-xs-1 {margin-bottom:1rem;}
	.mb-xs-2 {margin-bottom:2rem;}
	.mb-xs-3 {margin-bottom:3rem;}
	.mb-xs-4 {margin-bottom:4rem;}
	.mb-xs-5 {margin-bottom:5rem;}
	.mt-xs-8 {margin-top:4rem;}

}
@media (max-width: 576px) {
	.m-xs-0 {
		margin: 0 ;
	}
	.mt-xs-0,
	.my-xs-0 {
		margin-top: 0 ;
	}
	.mr-xs-0,
	.mx-xs-0 {
		margin-right: 0 ;
	}
	.mb-xs-0,
	.my-xs-0 {
		margin-bottom: 0 ;
	}
	.ml-xs-0,
	.mx-xs-0 {
		margin-left: 0 ;
	}
	.m-xs-1 {
		margin: 0.25rem ;
	}
	.mt-xs-1,
	.my-xs-1 {
		margin-top: 0.25rem ;
	}
	.mr-xs-1,
	.mx-xs-1 {
		margin-right: 0.25rem ;
	}
	.mb-xs-1,
	.my-xs-1 {
		margin-bottom: 0.25rem ;
	}
	.ml-xs-1,
	.mx-xs-1 {
		margin-left: 0.25rem ;
	}
	.m-xs-2 {
		margin: 0.5rem ;
	}
	.mt-xs-2,
	.my-xs-2 {
		margin-top: 0.5rem ;
	}
	.mr-xs-2,
	.mx-xs-2 {
		margin-right: 0.5rem ;
	}
	.mb-xs-2,
	.my-xs-2 {
		margin-bottom: 0.5rem ;
	}
	.ml-xs-2,
	.mx-xs-2 {
		margin-left: 0.5rem ;
	}
	.m-xs-3 {
		margin: 1rem ;
	}
	.mt-xs-3,
	.my-xs-3 {
		margin-top: 1rem ;
	}
	.mr-xs-3,
	.mx-xs-3 {
		margin-right: 1rem ;
	}
	.mb-xs-3,
	.my-xs-3 {
		margin-bottom: 1rem ;
	}
	.ml-xs-3,
	.mx-xs-3 {
		margin-left: 1rem ;
	}
	.m-xs-4 {
		margin: 1.5rem ;
	}
	.mt-xs-4,
	.my-xs-4 {
		margin-top: 1.5rem ;
	}
	.mr-xs-4,
	.mx-xs-4 {
		margin-right: 1.5rem ;
	}
	.mb-xs-4,
	.my-xs-4 {
		margin-bottom: 1.5rem ;
	}
	.ml-xs-4,
	.mx-xs-4 {
		margin-left: 1.5rem ;
	}
	.m-xs-5 {
		margin: 3rem ;
	}
	.mt-xs-5,
	.my-xs-5 {
		margin-top: 3rem ;
	}
	.mr-xs-5,
	.mx-xs-5 {
		margin-right: 3rem ;
	}
	.mb-xs-5,
	.my-xs-5 {
		margin-bottom: 3rem ;
	}
	.ml-xs-5,
	.mx-xs-5 {
		margin-left: 3rem ;
	}
	.p-xs-0 {
		padding: 0 ;
	}
	.pt-xs-0,
	.py-xs-0 {
		padding-top: 0 ;
	}
	.pr-xs-0,
	.px-xs-0 {
		padding-right: 0 ;
	}
	.pb-xs-0,
	.py-xs-0 {
		padding-bottom: 0 ;
	}
	.pl-xs-0,
	.px-xs-0 {
		padding-left: 0 ;
	}
	.p-xs-1 {
		padding: 0.25rem ;
	}
	.pt-xs-1,
	.py-xs-1 {
		padding-top: 0.25rem ;
	}
	.pr-xs-1,
	.px-xs-1 {
		padding-right: 0.25rem ;
	}
	.pb-xs-1,
	.py-xs-1 {
		padding-bottom: 0.25rem ;
	}
	.pl-xs-1,
	.px-xs-1 {
		padding-left: 0.25rem ;
	}
	.p-xs-2 {
		padding: 0.5rem ;
	}
	.pt-xs-2,
	.py-xs-2 {
		padding-top: 0.5rem ;
	}
	.pr-xs-2,
	.px-xs-2 {
		padding-right: 0.5rem ;
	}
	.pb-xs-2,
	.py-xs-2 {
		padding-bottom: 0.5rem ;
	}
	.pl-xs-2,
	.px-xs-2 {
		padding-left: 0.5rem ;
	}
	.p-xs-3 {
		padding: 1rem ;
	}
	.pt-xs-3,
	.py-xs-3 {
		padding-top: 1rem ;
	}
	.pr-xs-3,
	.px-xs-3 {
		padding-right: 1rem ;
	}
	.pb-xs-3,
	.py-xs-3 {
		padding-bottom: 1rem ;
	}
	.pl-xs-3,
	.px-xs-3 {
		padding-left: 1rem ;
	}
	.p-xs-4 {
		padding: 1.5rem ;
	}
	.pt-xs-4,
	.py-xs-4 {
		padding-top: 1.5rem ;
	}
	.pr-xs-4,
	.px-xs-4 {
		padding-right: 1.5rem ;
	}
	.pb-xs-4,
	.py-xs-4 {
		padding-bottom: 1.5rem ;
	}
	.pl-xs-4,
	.px-xs-4 {
		padding-left: 1.5rem ;
	}
	.p-xs-5 {
		padding: 3rem ;
	}
	.pt-xs-5,
	.py-xs-5 {
		padding-top: 3rem ;
	}
	.pr-xs-5,
	.px-xs-5 {
		padding-right: 3rem ;
	}
	.pb-xs-5,
	.py-xs-5 {
		padding-bottom: 3rem ;
	}
	.pl-xs-5,
	.px-xs-5 {
		padding-left: 3rem ;
	}
	.m-xs-n1 {
		margin: -0.25rem ;
	}
	.mt-xs-n1,
	.my-xs-n1 {
		margin-top: -0.25rem ;
	}
	.mr-xs-n1,
	.mx-xs-n1 {
		margin-right: -0.25rem ;
	}
	.mb-xs-n1,
	.my-xs-n1 {
		margin-bottom: -0.25rem ;
	}
	.ml-xs-n1,
	.mx-xs-n1 {
		margin-left: -0.25rem ;
	}
	.m-xs-n2 {
		margin: -0.5rem ;
	}
	.mt-xs-n2,
	.my-xs-n2 {
		margin-top: -0.5rem ;
	}
	.mr-xs-n2,
	.mx-xs-n2 {
		margin-right: -0.5rem ;
	}
	.mb-xs-n2,
	.my-xs-n2 {
		margin-bottom: -0.5rem ;
	}
	.ml-xs-n2,
	.mx-xs-n2 {
		margin-left: -0.5rem ;
	}
	.m-xs-n3 {
		margin: -1rem ;
	}
	.mt-xs-n3,
	.my-xs-n3 {
		margin-top: -1rem ;
	}
	.mr-xs-n3,
	.mx-xs-n3 {
		margin-right: -1rem ;
	}
	.mb-xs-n3,
	.my-xs-n3 {
		margin-bottom: -1rem ;
	}
	.ml-xs-n3,
	.mx-xs-n3 {
		margin-left: -1rem ;
	}
	.m-xs-n4 {
		margin: -1.5rem ;
	}
	.mt-xs-n4,
	.my-xs-n4 {
		margin-top: -1.5rem ;
	}
	.mr-xs-n4,
	.mx-xs-n4 {
		margin-right: -1.5rem ;
	}
	.mb-xs-n4,
	.my-xs-n4 {
		margin-bottom: -1.5rem ;
	}
	.ml-xs-n4,
	.mx-xs-n4 {
		margin-left: -1.5rem ;
	}
	.m-xs-n5 {
		margin: -3rem ;
	}
	.mt-xs-n5,
	.my-xs-n5 {
		margin-top: -3rem ;
	}
	.mr-xs-n5,
	.mx-xs-n5 {
		margin-right: -3rem ;
	}
	.mb-xs-n5,
	.my-xs-n5 {
		margin-bottom: -3rem ;
	}
	.ml-xs-n5,
	.mx-xs-n5 {
		margin-left: -3rem ;
	}
	.m-xs-auto {
		margin: auto ;
	}
	.mt-xs-auto,
	.my-xs-auto {
		margin-top: auto ;
	}
	.mr-xs-auto,
	.mx-xs-auto {
		margin-right: auto ;
	}
	.mb-xs-auto,
	.my-xs-auto {
		margin-bottom: auto ;
	}
	.ml-xs-auto,
	.mx-xs-auto {
		margin-left: auto ;
	}
}



@media (max-width: 992px) {
		.brand-page.paperstone #paper-left-img{padding:0 6% 6% 6%;height: auto;}
		.brand-page.paperstone #wrapper {margin: 0 auto 80px auto;}
}
@media (max-width: 575px) {
		.brand-page.paperstone #paper-left-img{padding:0 2% 2% 2%;height: auto;margin-bottom:20px;}
}
@media (min-width: 992px) {
	#wrapper {
			position: relative;
			float: none;
			width: 100%;
			margin: 0 auto 100px auto;
	}
}

.new-all-products .thumb-info .thumb-info-type {
    background-color: #ffffff;
    color: #000;
    border-radius: 2px;
    display: inline-block;
    float: left;
    font-size: 11px;
    letter-spacing: 0;
    margin: 2px -2px -15px 0px;
    padding: 2px 10px;
    text-transform: none;
    z-index: 2;
    box-shadow: -2px 3px 2px rgba(0,0,0,.06);
    line-height: 2.3;
}
.paperstone-product-page .marble-info-ico-title {
	margin-bottom: 0;
	padding-left: 16px;
	text-align: left;
	line-height: 19px;
}
.paperstone-product-page .brand-logo{
	opacity:1;max-width:300px;width:100%;height:auto;transition:.8s;
}
.paperstone-product-page .paperstone-brand-link {transition:.8s;}
.paperstone-product-page .paperstone-brand-link:hover .brand-logo {transform: scale(1.06);}

.paperstone-product-page .ico-block .owl-carousel:not(.nav-arrows-1):not(.show-nav-title) .owl-nav button[class*="owl-"]{
	background-color: transparent;
	border-color: transparent;
	color: #000000;

	transition:.4s;
	/* border-radius: 50%; */
}
.paperstone-product-page .ico-block .owl-carousel:not(.nav-arrows-1):not(.show-nav-title) .owl-nav button[class*="owl-"]:hover{
	color: #666666;
	/* border-radius: 50%; */
}
.paperstone-product-page .ico-block .owl-carousel .owl-nav{margin-top: -10px;}
.paperstone-product-page .ico-block .custom-dots-style-1 .owl-dots{display:none;}
.paperstone-product-page .ico-block .custom-dots-style-1 .owl-dots .owl-dot span{width:10px; height:10px;}
.paperstone-product-page .ico-block .owl-carousel .owl-nav button.owl-prev{left: -20px;}
.paperstone-product-page .ico-block .owl-carousel .owl-nav button.owl-next{right: -20px;}
.paperstone-product-page .ico-block .owl-carousel .owl-nav button.owl-prev,
.paperstone-product-page .ico-block .owl-carousel .owl-nav button.owl-next{
	width: 14px;
	height: 14px;
}
.paperstone-product-page .ico-block .owl-carousel .owl-nav button.owl-prev:before,
.paperstone-product-page .ico-block .owl-carousel .owl-nav button.owl-next:before {
  font-weight: 900;
  font-size: 14px;
  position: relative;
  left: -1px;
  top: -1px;
}
.paperstone-product-page .ico-block-style-1{
	padding:0px 10px;
}
.paperstone-product-page .ico-block-style-1 p{
	font-size:13px;
	line-height:18px;
	padding: 0 8px 6px 8px;
}
.paperstone-product-page .ico-block-style-1 hr{
    margin: 12px auto 12px auto;
		width:70%;
		left:0;
		right:0;
		display:block;
}

.paperstone-product-page .ico-block-style-1 i,
.paperstone-product-page .ico-block-style-1 i{
	background:#eeeeee;
	border-radius:50%;
	width:50px;
	height:50px;
	left:0;right:0;
	display:block;
	margin:auto;
	font-size:34px;
	text-align:center;
	line-height:60px;
	vertical-align: middle;
}
.blog-social.social-icons li:hover.social-icons-facebook a,
.blog-social.social-icons li:hover.social-icons-twitter a,
.blog-social.social-icons li:hover a{background:#000000!important;}
.blog-social.social-icons li:hover a{color:#fff!important}
.blog-single-post .badge-dark{background-color:#cbcbcb;color:#fff;}

.sss .toggle-primary .toggle .toggle-title{border-left-color: transparent; border-right-color: transparent;color:#000000;}
.sss .toggle-primary .toggle.active > .toggle-title {background-color: #000;border-color: #000;color: #FFF;}
.sss .toggle > .toggle-content{padding:10px 20px 8px 20px;}

.page-header-modern.page-header h1{color:#2b2b2b;display:block;}
.page-header-modern.page-header span.sub-title{color:#2b2b2b;display:inline-block;margin-top:6px;font-size:1em;line-height:1.4em;}
.page-header-modern.page-header .breadcrumb.breadcrumb-dark li a{color:#13493c;font-weight:600}
.page-header-modern.page-header .breadcrumb.breadcrumb-dark li.active a{color:#13493c;font-weight:600}


/* Yeni .gif Yükleme Animasyonu */
.loading-overlay-showing {
    overflow: hidden;
}

.loading-overlay-showing > .loading-overlay {
    opacity: 1;
    visibility: visible;
}

.loading-overlay {
    transition: visibility 0s ease-in-out 0.5s, opacity 0.5s ease-in-out;
    bottom: 0;
    left: 0;
    position: absolute;
    opacity: 0;
    right: 0;
    top: 0;
    visibility: hidden;
    background: #fff !important;
}

body > .loading-overlay {
    position: fixed;
    z-index: 999999;
}

/* Yeni .gif Yükleme Animasyonu */
.new-loading-gif {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 400px;
    height: 400px;
    background-image: url('../../assets/img/diamond-spinning.gif');
    background-size: cover;
}


@keyframes spin {
    0% { transform: rotate(0deg); }
    100% { transform: rotate(360deg); }
}

@media (max-width: 992px){
	.blog-page .blog-post img{margin-bottom:30px;}
	.blog-page .blog-post .blog-desc{padding-bottom:20px;}

}
.blog-page .blog-post p{font-size:15px;}
.caesar .back-logo{opacity:.6; max-width: 600px; left: 0; bottom: 0; margin-left: -300px; margin-bottom: -80px; padding-top: 0;}
.font-404{font-size:230px}
.hr-m-auto{margin:auto}
.mt--200{margin-top:-200px;}
.mt--120{margin-top:-120px;}
.mt--55{margin-top:-55px;}
.blog-single-page .post-image{margin-bottom:40px;}
.brand-page.caesar #wrapper{margin-bottom:120px}
.fuar-section-1{}
.brand-page-grandemassimo .section-2-gm-logo{width:60%;height:auto;}
.brand-page-paperstone .slider-logo-block{left:0;bottom:0;margin-left:-250px;margin-bottom:-100px;}
.brand-page-paperstone .slider-logo{opacity:.6;max-width:500px;}
.line-height-12{line-height:12px;}
.padding-bottom-4px{padding-bottom:4px;}
.vogel-sink-product-page #catalog {margin-top:-80px!important;z-index:2;}
.about-second-container{background:#212529}
.last-block-vogel-simge{position:absolute;width:600px;height:auto;display:block;left:0;right:0;margin:100px auto 0 auto;}
.iletisim .section-2{}
.font-weight-100{font-weight:100}
.mt--185{margin-top: -185px}
.index-page .index-middle-block-section{background-image: url('../../assets/img/index-block-bg.webp'); background-size:cover;}
.index-page .index-middle-block-section .owl-carousel .owl-stage-outer .owl-item{width: 236px; margin-right: 100px;}
.index-page .index-middle-block-section .owl-carousel .owl-stage-outer.owl-height{height: 111px;}
.index-page .carousel-quote p{line-height:28px;font-size:1.4em;margin-bottom:10px;font-family: "Poppins", Arial, sans-serif;}
.index-page .carousel-quote strong{display:block;margin-bottom:20px;font-size:5.4em;margin-top:10px;}
.index-page .owl-carousel.nav-style-3.carousel-quote .owl-nav{display:none}
.index-page .index-logo-slider .owl-carousel .owl-item img{padding:10px}
#footer .footer-copyright.footer-copyright-style-2{background: #1e1e1e;}
#footer {background:#1e1e1e;}
#footer .footer-caesarstone-porcelain-logo{max-width:190px}
.footer-stone-gallery-logo{margin:30px auto 20px auto;max-width:210px;display:block;}
.ilham .background-image.kitchen{background-image: url('../../assets/img/ilham/kitchen.webp')}
.ilham .background-image.bath{background-image: url('../../assets/img/ilham/bath.webp')}
.ilham .background-image.bedroom{background-image: url('../../assets/img/ilham/bedroom.webp')}
.ilham .background-image.livingroom{background-image: url('../../assets/img/ilham/livingroom.webp')}
.ilham .background-image.outdoor{background-image: url('../../assets/img/ilham/outdoor.webp')}
.ilham .background-image.business{background-image: url('../../assets/img/ilham/business.webp')}
.ilham .background-image.luxury{background-image: url('../../assets/img/ilham/luxury.webp')}

.brand-page-caesarstone-porcelain .swiper_wrapper{background: url('../../assets/img/caesarstone-porcelain/slide-bg.webp'); background-position: center center; background-size: cover;}
.brand-page-caesarstone-porcelain .slide-1{background-image: url('../../assets/img/caesarstone-porcelain/porcelain-slide-1.webp'); background-position: left center; background-size: cover;}
.brand-page-caesarstone-porcelain .slide-2{background-image: url('../../assets/img/caesarstone-porcelain/porcelain-slide-2.webp'); background-position: left center; background-size: cover;}
.brand-page-caesarstone-porcelain .slide-3{background-image: url('../../assets/img/caesarstone-porcelain/porcelain-slide-3.webp'); background-position: left center; background-size: cover;}
.brand-page-caesarstone-porcelain .slide-4{background-image: url('../../assets/img/caesarstone-porcelain/porcelain-slide-4.webp'); background-position: left center; background-size: cover;}

.brand-page-caesarstone .swiper_wrapper{background: url('../../assets/img/caesarstone/slide-bg.webp'); background-position: center center; background-size: cover;}
.brand-page-caesarstone .slide-1{background-image: url('../../assets/img/caesarstone/1-slide.webp'); background-position: left center; background-size: cover;}
.brand-page-caesarstone .slide-2{background-image: url('../../assets/img/caesarstone/2-slide.webp'); background-position: left center; background-size: cover;}
.brand-page-caesarstone .slide-3{background-image: url('../../assets/img/caesarstone/3-slide.webp'); background-position: left center; background-size: cover;}
.brand-page-caesarstone .slide-4{background-image: url('../../assets/img/caesarstone/4-slide.webp'); background-position: left center; background-size: cover;}

.brand-page-estestone .swiper_wrapper{background: url('../../assets/img/estestone/slide-bg.webp'); background-position: center center; background-size: cover;}
.brand-page-estestone .slide-1{background-image: url('../../assets/img/estestone/1-slide.webp'); background-position: left center; background-size: cover;}
.brand-page-estestone .slide-2{background-image: url('../../assets/img/estestone/2-slide.webp'); background-position: left center; background-size: cover;}
.brand-page-estestone .slide-3{background-image: url('../../assets/img/estestone/3-slide.webp'); background-position: left center; background-size: cover;}

.brand-page-grandemassimo .swiper_wrapper{background: url('../../assets/img/grandemassimo/slide-bg.webp'); background-position: left top; background-size: cover;}
.brand-page-grandemassimo .slide-1{background-image: url('../../assets/img/grandemassimo/slide-1.webp'); background-position: left center; background-size: cover;}
.brand-page-grandemassimo .slide-2{background-image: url('../../assets/img/grandemassimo/slide-2.webp'); background-position: left center; background-size: cover;}
.brand-page-grandemassimo .slide-3{background-image: url('../../assets/img/grandemassimo/slide-3.webp'); background-position: left center; background-size: cover;}
.brand-page-grandemassimo .slide-4{background-image: url('../../assets/img/grandemassimo/slide-4.webp'); background-position: left center; background-size: cover;}

.brand-page-vogel .swiper_wrapper{background: url('../../assets/img/vogel/slide-bg.webp'); background-position: left top; background-size: cover;}
.brand-page-vogel .slide-1{background-image: url('../../assets/img/vogel/slide-1.webp'); background-position: left center; background-size: cover;}
.brand-page-vogel .slide-2{background-image: url('../../assets/img/vogel/slide-2.webp'); background-position: left center; background-size: cover;}
.brand-page-vogel .slide-3{background-image: url('../../assets/img/vogel/slide-3.webp'); background-position: left center; background-size: cover;}
.brand-page-vogel .slide-4{background-image: url('../../assets/img/vogel/slide-4.webp'); background-position: left center; background-size: cover;}

.brand-page-paperstone .swiper_wrapper{background: url('../../assets/img/paperstone/slide-bg.webp'); background-position: left top; background-size: cover;}
.brand-page-paperstone .slide-1{background-image: url('../../assets/img/paperstone/slide-1.webp'); background-position: left center; background-size: cover;}
.brand-page-paperstone .slide-2{background-image: url('../../assets/img/paperstone/slide-2.webp'); background-position: left center; background-size: cover;}
.brand-page-paperstone .slide-3{background-image: url('../../assets/img/paperstone/slide-3.webp'); background-position: left center; background-size: cover;}

.page-title-sss{background-image: url(../../assets/img/title-img/sss.webp);background-position:center bottom;}
.page-title-sitemap{background-image: url(../../assets/img/title-img/sitemap.webp);background-position:center bottom;}
.page-title-bakimonarim{background-image: url(../../assets/img/title-img/bakimonarim.webp);background-position:center bottom;}
.page-title-basindabiz{background-image: url(../../assets/img/basindabiz.webp);background-position:center bottom;}
.page-title-blog{background-image: url(../../assets/img/title-img/blog.webp);background-position:center bottom;}
.page-title-caesarstoneporcelain-products{background-image: url(../../assets/img/title-img/collection-caesarstoneporcelain.webp);background-position:center bottom;}
.page-title-caesarstone-products{background-image: url(../../assets/img/title-img/collection-caesarstonequartz.webp);background-position:center bottom;}
.page-title-grandemassimo-products{background-image: url(../../assets/img/title-img/collection-grandemassimo.webp);background-position:center bottom}
.page-title-paperstone-products{background-image: url(../../assets/img/title-img/collection-paperstone.webp);background-position:center bottom}
.page-title-estestone-products{background-image: url(../../assets/img/title-img/collection-estestone.webp);background-position:center bottom}
.page-title-vogel-products{background-image: url(../../assets/img/title-img/collection-vogel.webp);background-position:center bottom}
.page-title-collections{background-image: url(../../assets/img/title-img/collections.webp);background-position:center bottom;}
.page-title-fuar{background-image: url(../../assets/img/title-img/fuar.webp);background-position:center bottom;}
.page-title-hakkimizda{background-image: url(../../assets/img/hakkimizda.webp);background-position:center bottom;}
.page-title-iletisim{background-image: url(../../assets/img/iletisim.webp);background-position:center bottom;}
.page-title-ilham{background-image: url(../../assets/img/title-img/ilham.webp);background-position:center bottom;}
.page-title-kataloglar{background-image: url(../../assets/img/title-img/kataloglar.webp);background-position:center bottom;}
.page-title-markalarimiz{background-image: url(../../assets/img/title-img/markalarimiz.webp);background-position:center bottom;}
.page-title-projeler{background-image: url(../../assets/img/title-img/projeler.webp);background-position:center bottom;}

.index-marble-list img {box-shadow:1px 2px 5px 1px rgb(0 0 0 / 20%)}

.index-page .title-block-style-1{text-align:center;padding:10px 2px;}
.index-page .title-block-style-1 .product-name{margin-bottom:0; display:block; font-size:16px; font-weight:600;}
.index-page .title-block-style-1 .product-brand-name{font-weight:300; font-size:11px; letter-spacing:1px; display:block; line-height:16px;padding-top:0px;color:#686868}
.index-page .title-block-style-1 .product-brand-name:before{content:"";width:1px;height:14px;background:#dedede;bottom:0;left:0;right:0;margin:0px auto 0 auto;display:none;}

.marble-page #footer{margin-top:0;}

.slab-page-footer.bg-color-black{background:#181818!important}

.hakkimizda .process-step:hover h4{color:#398113}

.hakkimizda .process .process-step:hover .process-step-circle-content{color:#398113}

.projeler .custom-heading-bar.text-color-verde-dark{color:#467269;}


.page-header-modern.page-header span.sub-title{padding:0 18rem;letter-spacing: .2px;font-weight: 500;opacity: 1;color:#5f5f5f}