/*
Theme Name: Dekotek
Theme URI: https://dekotek.com.tr
Version: 2.0
Author: Fatih Sultan Pişgin
Author URI: https://fsp.design
*/

html{font-size: 15px;}dl,h1,h2,h3,h4,h5,h6,ol,p,ul{margin-top:0;margin-bottom:0}dl,ol,ol ol,ol ul,p,ul,ul ol,ul ul{margin-bottom:0;list-style: none;}a,body{color:#000}body,figure{margin:0}*,::after,::before{box-sizing:border-box}@media (prefers-reduced-motion:no-preference){:root{scroll-behavior:smooth}}body{font-family:system-ui,-apple-system,"Segoe UI",Roboto,"Helvetica Neue","Noto Sans","Liberation Sans",Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";font-size:1rem;font-weight:400;line-height:1.5;text-align:left;background-color:#fff;-webkit-text-size-adjust:100%;-webkit-tap-highlight-color:transparent}h1,h2,h3,h4,h5,h6{font-weight:500;line-height:1.2;color:#000}h1{font-size:calc(1.375rem + 1.5vw)}h2{font-size:calc(1.325rem + .9vw)}h3{font-size:calc(1.3rem + .6vw)}h4{font-size:calc(1.275rem + .3vw)}@media (min-width:1200px){h1{font-size:2.5rem}h2{font-size:2rem}h3{font-size:1.75rem}h4{font-size:1.5rem}}h5{font-size:1.25rem}h6{font-size:1rem}ol,ul{padding-left:0}b,strong{font-weight:600}a{text-decoration:none}a:hover{color:#333}a:not([href]):not([class]),a:not([href]):not([class]):hover{color:inherit;text-decoration:none}img,svg{vertical-align:middle}table{caption-side:bottom;border-collapse:collapse}th{text-align:inherit;text-align:-webkit-match-parent}tbody,td,tfoot,th,thead,tr{border:0 solid;border-color:inherit}iframe{border:0}

.main-slider {
	width: 100%;
	height: calc(100% - 155px); /* Ekranın %80'ini kaplar, tam olsun dersen 100vh yap */
	display: flex;
	overflow-x: auto;
	scroll-snap-type: x mandatory;
	scrollbar-width: none; /* Scroll bar'ı gizler */
}

.main-slider::-webkit-scrollbar {
	display: none;
}

.slide-item {
	min-width: 100%;
	height: 100%;
	position: relative;
	scroll-snap-align: start;
}

.slide-item img {
	width: 100%;
	height: 100%;
	object-fit: cover; /* Görseli bozmadan alanı doldurur */
}

.slide-overlay {
	position: absolute;
	bottom: 40px;
	left: 40px;
	color: white;
	text-shadow: 2px 2px 10px rgba(0,0,0,0.5);
}

.brd {border: 1px solid rgba(240,240,240,1)}
*:focus {outline: none;}
html {box-sizing: border-box;-ms-overflow-style: scrollbar;margin-top: 0 !important;}
body {font-family: "Archivo", sans-serif;padding-top: 110px;color: rgba(50,23,0,1); background-repeat: no-repeat; background-size: 100% auto; background-position: top center;background-attachment: fixed;transition: all .3s}
.bg {background-image: url(assets/img/bg.jpg);}
a {transition: color ease-in-out .2s;}
article p {margin-bottom: 1rem;}
h2 {margin: 0 0 30px;font-size: 30px;font-weight: 600;}
.cover {width: 100%;height: auto;display: block;margin-bottom: 2rem;border-radius: 4px;}
.embed-container, .wp-block-embed__wrapper { position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; max-width: 100%;border-radius: 4px;margin-bottom: 2rem } .embed-container iframe, .embed-container object, .embed-container embed, .wp-block-embed__wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border-radius: 4px;}
.col-xl ul, .col-xl ol {list-style: decimal;list-style-position: inside;}
.col-xl ul a, .col-xl ol a {text-decoration: underline}
.section-title{font-weight:600;display:block;color:#000000;margin-bottom:3rem;line-height:1;position:relative;font-size:1rem}.section-title:after{content:" ";background:#000000;height:1px;margin:1.5rem 0 0;width:1rem;position:absolute;display:block}
.page h2 {font-size: 1.5rem;font-weight: 600;margin: 2rem 0 1rem;}
.brands .col-xxs img, .big-box img, .wp-block-gallery img, .size-large img {width: 100%;height: auto;display: block;border-radius: 4px;}

.lh {line-height: 1.43}
.brands {margin: 5rem 0 3rem;}
.big-box {margin: 5rem 0;}
.page .aside, .archive .aside {display: none}
@media (min-width: 768px) {.page .aside, .archive .aside {display: block}}

/* layout */
.container {width: 100%;padding-right: 1rem;padding-left: 1rem;margin-right: auto;margin-left: auto;}
@media (min-width: 576px) {.container {max-width: 540px;}}
@media (min-width: 768px) {.container {max-width: 720px;}}
@media (min-width: 992px) {.container {max-width: 960px;}}
@media (min-width: 1200px) {.container {max-width: 1140px;}}
@media (min-width: 1400px) {.container {max-width: 1320px;}}


.row {display: -ms-flexbox;display: flex;-ms-flex-wrap: wrap;flex-wrap: wrap;margin-right: -1rem;margin-left: -1rem;}
.col, .col-xxxs, .col-xxs, .col-xs, .col-s, .col-m, .col-l, .col-xl {position: relative;width: 100%;padding-right: 1rem;padding-left: 1rem;}
.brands .col-xxs {-ms-flex: 0 0 33.333333%;flex: 0 0 33.333333%;max-width: 33.333333%;margin-bottom: 1rem;padding-right: .5rem;padding-left: .5rem;}
.brands .row {margin-right: -.5rem;margin-left: -.5rem;}
header .col-xs {-ms-flex: 0 0 100%;flex: 0 0 100%;max-width: 100%;}
.tc {-ms-flex: 0 0 50%;flex: 0 0 50%;max-width: 50%;}
@media (min-width: 768px) {
	.col{-ms-flex: 0 0 20%;flex: 0 0 20%;max-width: 20%;}
	.brands .col-xxs {-ms-flex: 0 0 16.666667%;flex: 0 0 16.666667%;max-width: 16.666667%;}
	.col-xxs {-ms-flex: 0 0 16.666667%;flex: 0 0 16.666667%;max-width: 16.666667%;}
	header .col-xs {-ms-flex: 0 0 25%;flex: 0 0 25%;max-width: 25%;}
	.col-xs {-ms-flex: 0 0 25%;flex: 0 0 25%;max-width: 25%;}
	.tc {-ms-flex: 0 0 25%;flex: 0 0 25%;max-width: 25%;}
	.col-xxxs {-ms-flex: 0 0 20%;flex: 0 0 20%;max-width: 20%;}
	.col-s {-ms-flex: 0 0 33.333333%;flex: 0 0 33.333333%;max-width: 33.333333%;}
	.col-m {-ms-flex: 0 0 50%;flex: 0 0 50%;max-width: 50%;}
	.col-l {-ms-flex: 0 0 66.666667%;flex: 0 0 66.666667%;max-width: 66.666667%;}
	.col-xl {-ms-flex: 0 0 75%;flex: 0 0 75%;max-width: 75%;}
	.col-xxl {-ms-flex: 0 0 83.333333%;flex: 0 0 83.333333%;max-width: 83.333333%;}
}




/* intro */
.intro-content {width: 100vw;height: 50vh;position: relative;background-size: auto 100%;background-position: center center;}.intro-text {padding: 30px 0;}.intro-text p {font-size: 1.5rem;font-weight: 200}@media (min-width:992px){.intro-content {background-size: cover;}.intro-text {padding: 90px 0;}}.intro h1 {margin-top: 0;}

/* card */
.card{margin-bottom:2rem;border-radius:4px}.card img,.wp-block-column img{width:100%;height:auto;display:block;border-top-left-radius:4px;border-top-right-radius:4px}.card-body,.wp-block-group{background:rgba(150,123,62,.05);padding:1rem;font-weight:500;border-bottom-left-radius:4px;border-bottom-right-radius:4px}.wp-block-group p:first-child{margin-bottom:0;font-size: 1rem !important;font-weight: 500 !important;}.wp-block-group p:nth-child(2){font-size:13px;margin-bottom:1rem;font-weight:400}.wp-block-group p:last-child{font-weight:400;font-size:10px;margin-bottom:0}.card-body a{color:#333}.card-body a:hover{color:rgba(150,123,62,.75)}

/* aside */
.aside {margin-bottom: 2rem}.aside .current-menu-item a,.aside-title{font-weight:600;color:#333}.aside h1{font-weight: 700}.aside ul{border-top:1px solid rgba(0,61,124,.1)}.aside-title{font-size:15px;margin-bottom:20px;line-height:15px;position:relative}.aside ul li{background-image: url(assets/img/arrow-l.svg);background-position: left center;background-repeat: no-repeat;background-size: 8px 15px;border-bottom:1px solid #333;line-height:3rem;padding-left: 15px;}@media (min-width:992px){.aside h1 {margin-bottom: 3rem}.aside p,.aside ul,.aside-title{display:block}}




.wp-block-gallery {display: grid;
	  grid-template-columns: repeat(3, 1fr);
	  gap: 1rem;
	  width: 100%;
}
.wp-block-gallery .wp-block-image {text-align: center}

.wp-block-columns {display: grid;grid-template-columns: repeat(2, 1fr);gap: 1rem;width: 100%;padding-top: 2rem}
.wp-block-column p {padding: 15px;background:rgba(196,177,134,.2);border-bottom-left-radius: 4px;border-bottom-right-radius: 4px;text-align: left}
.wp-block-columns p {margin-bottom: 1rem}
.wp-block-gallery figure, .size-large {border: 1px solid rgba(150, 123, 63, .1);border-radius: 4px;}

.page-id-236 .wp-block-gallery {grid-template-columns: repeat(6, 1fr);}


.wp-block-gallery.has-nested-images figure.wp-block-image figcaption, .size-large figcaption {background: rgba(150, 123, 63, .1);color: rgba(150, 123, 63, 1);padding: 1rem;font-size: 1rem;line-height: 1rem;text-align: center;}
.wp-block-gallery img {border-radius: 4px;}
.wp-block-gallery.has-nested-images figure.wp-block-image:last-child {flex-grow: unset;}

.single .intro-content {margin-bottom: 2rem} 
.single .intro-text {padding: 0 0 3rem;}
@media screen and (min-width: 768px) {
	.single .intro-text {padding: 1.2rem 0 6.7rem;}	
}








/* lightbox */
.lb-loader,.lightbox{text-align:center;line-height:0;position:absolute;left:0}body.lb-disable-scrolling{overflow:hidden}.lightboxOverlay{position:absolute;top:0;left:0;z-index:9999;background-color:#000;filter:alpha(Opacity=80);opacity:.8;display:none}.lightbox{width:100%;z-index:10000;font-weight:400;outline:0}.lightbox .lb-image{display:block;height:auto;max-width:inherit;max-height:none;border-radius:3px;border:4px solid #fff}.lightbox a img{border:none}.lb-outerContainer{position:relative;width:250px;height:250px;margin:0 auto;border-radius:4px;background-color:#fff}.lb-outerContainer:after{content:"";display:table;clear:both}.lb-loader{top:43%;height:25%;width:100%}.lb-cancel{display:block;width:32px;height:32px;margin:0 auto;background:url(assets/img//loading.gif) no-repeat}.lb-nav{position:absolute;top:0;left:0;height:100%;width:100%;z-index:10}.lb-container>.nav{left:0}.lb-nav a{outline:0;background-image:url(data:image/gif;base64,R0lGODlhAQABAPAAAP///wAAACH5BAEAAAAALAAAAAABAAEAAAICRAEAOw==)}.lb-next,.lb-prev{height:100%;cursor:pointer;display:block}.lb-nav a.lb-prev{width:34%;left:0;float:left;background:url(assets/img//prev.png) left 48% no-repeat;filter:alpha(Opacity=0);opacity:0;-webkit-transition:opacity .6s;-moz-transition:opacity .6s;-o-transition:opacity .6s;transition:opacity .6s}.lb-nav a.lb-prev:hover{filter:alpha(Opacity=100);opacity:1}.lb-nav a.lb-next{width:64%;right:0;float:right;background:url(assets/img//next.png) right 48% no-repeat;filter:alpha(Opacity=0);opacity:0;-webkit-transition:opacity .6s;-moz-transition:opacity .6s;-o-transition:opacity .6s;transition:opacity .6s}.lb-nav a.lb-next:hover{filter:alpha(Opacity=100);opacity:1}.lb-dataContainer{margin:0 auto;padding-top:5px;width:100%;border-bottom-left-radius:4px;border-bottom-right-radius:4px}.lb-dataContainer:after{content:"";display:table;clear:both}.lb-data{padding:0 4px;color:#ccc}.lb-data .lb-details{width:85%;float:left;text-align:left;line-height:1.1em}.lb-data .lb-caption{font-size:13px;font-weight:700;line-height:1em}.lb-data .lb-caption a{color:#4ae}.lb-data .lb-number{display:block;clear:left;padding-bottom:1em;font-size:12px;color:#999}.lb-data .lb-close{display:block;float:right;width:30px;height:30px;background:url(assets/img//close.png) top right no-repeat;text-align:right;outline:0;filter:alpha(Opacity=70);opacity:.7;-webkit-transition:opacity .2s;-moz-transition:opacity .2s;-o-transition:opacity .2s;transition:opacity .2s}.lb-data .lb-close:hover{cursor:pointer;filter:alpha(Opacity=100);opacity:1}





















































/* header */
header{padding:15px 0;position:fixed;width:100%;z-index:100;top:0;background: #fff;}
header .logotype img{width:210px;height:30px;margin-top: 10px;}

/* hamburger menu */
.hamburger{width:35px;height:20px;margin-top: 20px;cursor:pointer;position:relative;float:right;display: block;}.hamburger span{position:absolute;display:block;right:0;width:35px;height:2px;background:#333;transform:rotate(0);transition:.3s}.hamburger span:nth-child(1){top:0;width:25px}.hamburger span:nth-child(2){top:9px;transition:0s}.hamburger span:nth-child(3){top:18px;width:20px}.hamburger:hover span:nth-child(1){top:0;width:35px}.hamburger:hover span:nth-child(2){top:9px}.hamburger:hover span:nth-child(3){top:18px;width:35px}.om .hamburger{width:20px;height:20px}.om .hamburger span:nth-child(1){top:9px;width:30px;margin-left:-5px;transform:rotate(45deg)}.om .hamburger span:nth-child(2){opacity:0}.om .hamburger span:nth-child(3){top:9px;width:30px;margin-left:-5px;transform:rotate(-45deg)}@media (min-width: 768px) {.hamburger {display: none;}}

/*  menu */
.header-menu li a{border-bottom:1px solid rgba(0,97,176,.1);}
.open-menu{border-bottom:1px solid rgba(0,97,176,.1);}

nav{color: #333;display:none;webkit-transition:all 0.3s ease;-o-transition:.3s;transition:.3s;}
nav.open{display:block}
.header-menu{
	margin-top:2rem;
	border-top:1px solid rgba(0,97,176,.1);
	font-weight:700;
}
header .social {display: none}
.header-menu li a{
	padding:15px 0;
	line-height:1;
	display:block;
}
.open-menu a{border-bottom:0!important}
.open-menu {padding-bottom:1rem}
.open-menu a:after{-webkit-transform:rotate(180deg);-ms-transform:rotate(180deg);-o-transform:rotate(180deg);transform:rotate(180deg)}

.header-menu a{color:#333}
.header-menu a:hover{color:#000000;}

@media (min-width:768px){
	nav {display: block;text-align: center}
	
	.header-menu{
		display:inline-block;
		border:none;
		text-align: center;
		margin-top: 0;
	}
	.header-menu li a{
		padding:0 5px;
		line-height: 50px;
	}
	.header-menu li a {
	border-bottom: none;
	display: inline-block;
	}
	.open-menu{
		border-bottom:none;
		padding-bottom: 0;
	}
	.header-menu li {margin-bottom: 0;display: inline-block;}
	.header-menu li {display: inline-block;}
	.header-menu li:after {content: "·";margin-left: 5px;color: #000000;}
	.header-menu li:last-child:after {content: "";}
	
	header .social {display: block}
}









/* insight */
.insight {position: relative;background-size: 100% auto;background-position: center center;background-size: cover;padding: 30px;border-radius: 4px;z-index: 1;overflow: hidden;color:#fff;margin-top: 90px;font-size:30px;font-weight:300;text-align: center}
@media (min-width: 768px) {
	.insight h3 {font-size: 40px; color: white !important;margin-bottom: 2rem;}
	.insight {padding:70px 90px;}
	.insight h3 {font-size:40px}
	.insight p {font-size: 25px;}
}


/* footer */
footer {background: url(assets/img/bg.jpg); background-repeat: no-repeat; background-size: cover; background-position: top center;padding: 90px 0 90px;font-size: 15px;line-height: 1;text-align: center;}

.footer-menu {font-weight: bold;display: block;}
.footer-menu li {margin-bottom: 1rem;display: block}
.footer-menu li:last-child {margin-bottom: 0;}
.footer-menu a {color:#333;line-height:20px;}
.footer-menu a:hover {color: #000000}

footer hr {display: block;border: none;border-bottom: 1px solid rgba(150,123,62, 0.2);margin: 60px 0 30px;width: 100%;}

.footer-policies, .footer-credit {color: #414042;font-size: 12px;line-height: 20px;}
.footer-policies {color: #414042;font-size: 12px;}
.footer-policies li {display: inline-block;margin-left: 5px;}
.footer-policies li:after {content: "·";margin-left: 10px;}
.footer-policies li:last-child:after {content: none;}

header .social {margin-top: 12px}
footer .social {margin: 3rem 0 0;}
.social li {display: inline-block;margin: 0 10px;}

@media screen and (min-width: 768px) {
	
	footer {text-align: left}
	
	.footer-menu li {margin-bottom: 0;display: inline-block;}
	.footer-menu li {display: inline-block;margin-right: 5px;margin-bottom: 0;}
	.footer-menu li:after {content: "·";margin-left: 10px;color: #000000;}
	.footer-menu li:last-child:after {content: "";}

	footer .social {margin: 0;}
	.footer-credit {margin-bottom: 0;}
	.footer-policies {float: right}
	
	.social {margin: 0;float: right}
	.social li {display: inline-block;margin: 0 0 0 10px;}
	
}

/* service card */
.service-card {
	margin-bottom: 30px;
	border-radius: 4px;
	margin-left: 0;
	margin-right: 0;
}
.service-card .col-m {
	padding-left: 0;
	padding-right: 0;
}

.grid-thumbnail {
	width: 100%;
	height: 200px;
	display: block;
	background: rgba(51,51,51,.1);
	background-size: 100% auto;
	border-top-left-radius: 4px;
	border-top-right-radius: 4px;
}
.grid-content {
	padding: 30px;
	display: flex;
	justify-content: center;
	align-items: center;
	background: rgba(51,51,51,.1);
	border-bottom-left-radius: 4px;
	border-bottom-right-radius: 4px;
}
.grid-content p {margin-bottom: 0;}
.service-card {margin-bottom: 15px}

@media screen and (min-width: 768px) {
	.grid-thumbnail {height: 100%;border-bottom-left-radius: 4px;border-top-right-radius: 0;}
	.grid-content {padding: 60px;min-height: 400px;border-top-right-radius: 4px;border-bottom-left-radius: 0;}
	.service-card {margin-bottom: 30px}
	.service-card:nth-child(2n) .col-m:first-child {order: 2}
	.service-card:nth-child(2n) .col-m:last-child {order: 1}
	.service-card:nth-child(2n) .grid-thumbnail {border-bottom-right-radius: 4px;border-top-right-radius: 4px;border-bottom-left-radius: 0;border-top-left-radius: 0;}
	.service-card:nth-child(2n) .grid-content {border-bottom-right-radius: 0;border-top-right-radius: 0;border-bottom-left-radius: 4px;border-top-left-radius: 4px;}
}








.map iframe {
	border-radius: 4px;
	width: 100%;
}
.map {text-align: center;}
.map ul li {margin-bottom: 30px;}
.map ul li img {margin-bottom: 10px;}
h1 {font-size: 2rem;margin:60px 0 30px;font-weight: 600;color: #000000;}

@media screen and (min-width: 768px) {
	.center {width: 70%;margin-left: 15%;text-align: center;}
}

.gallery img {
	width: 100%;
	height: auto;
	display: block;
	border-radius: 4px;
}

.mt {margin-top: 90px}
.mb {margin-bottom: 30px;}
.reference .card img {border-radius: 4px;}
.f img {border-radius: 4px;}
@media screen and (min-width: 768px) {
	.mtc {margin-top: 200px}
}



.timeline {
  position: relative;
}
.timeline::before {
  content: '';
  background: #CCC;
  width: 3px;
  height: 95%;
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
}
.timeline h2 {margin-top: 0;}
.timeline-item {
  width: 100%;
  margin-bottom: 15px;
  padding: 15px;
}
@media screen and (min-width: 768px) {
	.timeline-item {
	  text-align: right;
	}

}
.timeline-item:nth-child(even) .timeline-content {
  float: right;
  text-align: left;
}
.timeline-item::after {
  content: '';
  display: block;
  clear: both;
}

.timeline-content {
  position: relative;
  width: 45%;
}

.timeline-img {
  width: 20px;
  height: 20px;
  border: 3px solid #CCC;
  background: white;
  border-radius: 50%;
  position: absolute;
  left: 50%;
  margin-top: 5px;
  margin-left: -10px;
}

.timeline-card {
  padding: 0 !important;
}

@media screen and (max-width: 768px) {
  .timeline strong {margin: .5rem 1rem .5rem;font-size: 13px;}
  .timeline h2 {font-size: 20px; line-height: 1.3;}
  .timeline p {font-size: 15px;}
  .timeline::before {
	left: 5px;
  }
  .timeline .timeline-img {
	left: 5px;
  }
  .timeline .timeline-content {
	max-width: 100%;
	width: auto;
	margin-left: 40px;
  }
  .timeline .timeline-item:nth-child(even) .timeline-content {
	float: none;
  }
}


.influencer img {transition: all .3s}
.influencer img:hover {filter: brightness(70%)}
.tc {text-align: center;font-weight: bold;}



 .loop-slide {
	overflow: hidden;
}
.loop-slide > div:hover{
	animation-play-state: paused;
}
.loop-slide > div {
	display: flex;
	animation: slide-to-left 300s linear infinite reverse;
}
.r > div {
	display: flex;
	animation: slide-to-left 300s linear infinite;
}

.loop-slide > div > * {
	min-width: calc(100% / 2);
}
@keyframes slide-to-left {
	100% { transform: translateX(calc(-100% * (2 / 2))) }
}
@media screen and (min-width: 768px) {
	.loop-slide > div > * {
		min-width: calc(100% / 3);
	}
	@keyframes slide-to-left {
		100% { transform: translateX(calc(-100% * (3 / 3))) }
	}	
}
.loop-slide a{
	display: block;
	margin: 5px !important;
}
.loop-slide img {
	width: 100%;
	height: auto;
	display: block;
	position: relative;
	border-radius: 4px;
}

.home {
	padding-top: 75px;
}

video {
	width: 100%;
	height: auto;
	border-radius: 4px;
}

.rbv img {
	border-bottom-left-radius: 0 !important;
	border-bottom-right-radius: 0 !important;
}