:root{
    --headerHeight: 100;
    --footerHeight: 400;
    --headerColor: #1a1a1a;
    --gold: #c49a6b;
    --colorP:#b3b3b3;
    --colorDarkP:#333;
    --marginTop: 100px;
    --linkColor: #000;
    --contentHeader: #3e3e3e;
    --genericTransition: all .3s ease-out;
}
body{font-family: "Montserrat", serif; margin:0; background:#FFF; color:#111;}
a{transition: var(--genericTransition); color:var(--linkColor); text-decoration:none;}
a:hover{color:#111;}
a:hover, a:focus, a:active, a:visited{text-decoration:none;}
button{cursor:pointer;}
p{font-weight: 300; line-height: 1.7; color: #666666;}
.btn{color:#FFF;}
.btn:hover, .btn:focus, .btn:active, .btn:visited{color:#FFF;}
.btn-light, .btn-light:hover, .btn-light:focus, .btn-light:active, .btn-light:visited{color:#222325;}
.form-control:focus, .form-control.focus, .form-control:active, .form-control.active {box-shadow: 0 0 0 3px rgba(0, 0, 0, 0.12); border-color: #AAA;}
.btn-primary {color: #fff; background-color: #da221a; border-color: #da221a;}
.btn-primary:hover {color: #fff; background-color: #bf1e17; border-color: #af1b15;}
.btn-primary:focus, .btn-primary.focus {box-shadow: 0 0 0 3px rgba(252, 165, 168, 0.5) !important; color:#FFF;}
.btn-primary.disabled, .btn-primary:disabled {background-color: #007bff; border-color: #007bff;}
.btn-primary:active, .btn-primary.active, .show > .btn-primary.dropdown-toggle {background-color: #bf1e17 !important; background-image: none; border-color: #af1b15 !important; color:#FFF; box-shadow: 0 0 0 3px rgba(252, 165, 168, 0.5) !important;}
.clear{display:block; clear:both;}
.mt-20{margin-top:20px;}
.embed-responsive-21by30::before {padding-top: 75.68%;}
.heartbeat {-webkit-animation: heartbeat 1.5s ease-in-out infinite both;animation: heartbeat 1.5s ease-in-out infinite both;}
@-webkit-keyframes heartbeat{from{-webkit-transform:scale(1);transform:scale(1);-webkit-transform-origin:center center;transform-origin:center center;-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}10%{-webkit-transform:scale(.91);transform:scale(.91);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}17%{-webkit-transform:scale(.98);transform:scale(.98);-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}33%{-webkit-transform:scale(.87);transform:scale(.87);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}45%{-webkit-transform:scale(1);transform:scale(1);-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}}@keyframes heartbeat{from{-webkit-transform:scale(1);transform:scale(1);-webkit-transform-origin:center center;transform-origin:center center;-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}10%{-webkit-transform:scale(.91);transform:scale(.91);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}17%{-webkit-transform:scale(.98);transform:scale(.98);-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}33%{-webkit-transform:scale(.87);transform:scale(.87);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}45%{-webkit-transform:scale(1);transform:scale(1);-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}}



#header{position:fixed; top:0; left:0; width:100vw; z-index:1000; display:flex; align-items:center; justify-content:center; transition: var(--genericTransition);}
#header .titlelogo, #header .lng{position:absolute; top:0; left:0; display:flex; align-items:center; transition: var(--genericTransition);}
#header .titlelogo .logo{display:inline-block; transition:width .3s ease-out;}
#header .titlelogo .logo img{width:248px; height:auto; display:block; transition: var(--genericTransition);}
body.scrolled #header .titlelogo .logo img{width:149px;}
#header .lng{left:auto; right:0;}
#header .lng a{font-size:1rem; color:#FFF;}
#header .lng button{font-size:1.2rem; background:none; border:none; outline:none; box-shadow:none; margin-left:20px; color:#FFF;}
#header .hamburger{display:none; width:50px; height:50px; position:relative; background:none; border:none; outline:none !important; padding:0; margin-bottom:10px;}
#header .hamburger:before, #header .hamburger:after, #header .hamburger span{background:#fff; content: ''; display:block; width:22px; height:2px; position:absolute; left:14px; overflow:hidden; -webkit-transition: none 0.2s ease-out; transition: none 0.2s ease-out; -webkit-transition-property: transform, top, bottom, left, opacity, width; transition-property: transform, top, bottom, left, opacity, width;}
#header .hamburger:before{top:16px; width:12px;}
#header .hamburger span{top:24px;}
#header .hamburger:after{top:32px; width:18px;}
#topmenu ul li.submenu>a:after{ content:"\f107"; font-family:"Font Awesome 6 Free"; font-weight:900; position:absolute; right:5px; transition: var(--genericTransition); margin-left:30px;}
#topmenu ul li.submenu.opened>a:after{ transform:rotate(180deg); }

#footer{background:#1A1A1A; margin-top: var(--marginTop);}
#footer .footer1{padding:30px 0 20px 0; }
#footer .footer1 h4, #footer .footer1 h3{font-size:1.3rem; line-height:1em; padding:10px; border-bottom:solid 1px rgba(255,255,255,0.1); margin-bottom:15px; color:#F5F1EB;}
#footer .footer1 h4 a, #footer .footer1 h3 a{color:#EEE; position:relative; z-index:1; font-size:0.9rem !important; padding:3px 0; line-height:20px;}
#footer .footer1 h4 a:before, #footer .footer1 h3 a:before{display:inline-block; width:20px; height:20px; background:url(../img/amblem.png) 0 0 no-repeat; margin-right:10px; content:""; float:left;}
#footer .footer1 h4 a.all, #footer .footer1 h3 a.all{float:right; font-size:0.75rem !important; line-height:1em; margin-top:5px;}
#footer .footer1 h4 a.all:before, #footer .footer1 h3 a.all:before{display:none;}
#footer .footer1 h4 a:hover, #footer .footer1 h3 a:hover{color:#FFF;}
#footer .fmenu{padding:0 80px;}
#footer .fmenu ul{list-style:none; margin:0; padding:0 10px; display:block;}
#footer .fmenu ul li{ display:block; margin-bottom:5px;}
#footer .fmenu ul li a{font-size:0.85rem; color:#F5F1EB; display:inline-block; font-weight:300;}
#footer .fmenu ul li a i{display:inline-block; margin-right:5px; color:rgba(255,255,255,0.5); transition: var(--genericTransition);}
#footer .fmenu ul li a:hover{color:#DDD;}
#footer .fmenu ul li a:hover i{color:rgba(255,255,255,1)}
#footer .fcontact{padding:25px 40px; background:rgba(255,255,255,0.1); color:#FFF; font-size:0.8125rem; font-weight:300; line-height:1.7rem; margin-top:15px;}
#footer .fcontact p{padding:0 10px;}
#footer .fcontact p:last-child{margin-bottom:0;}
#footer .fcontact h4{font-size:1.0625rem; font-weight:600;}
#footer .fcontact a{color:#FFF;font-size:0.8125rem; font-weight:300;}
#footer .fcontact p{color :var(--colorP)}
#footer .copyfld{padding-left:80px;}
#footer .copyfld .copy img{width:100%; max-width:250px; height:auto; display:inline-block; margin:15px 0;}
#footer .copyfld .copy{display:flex; width:100%; height:100%; color:rgba(255,255,255,0.5); font-size:0.75rem; padding:0; flex-direction:column;}


#footer .footer1 .copyfld .kvkk ul li{list-style:none;}
#footer .footer1 .copyfld .kvkk ul li a{font-size:.75rem; color: rgba(255, 255, 255, .5);}


#sectors{margin-top: var(--marginTop);}
.sectorimg{max-width: 1100px; margin: 0 auto;}
.sectorimg img{ max-width: 100%; height: auto; object-fit: cover; object-position: center;}
.sectors{position:relative; z-index:200; padding:0 40px;}
.sectors ul{list-style:none; display:flex; max-width:1200px; margin:0 auto; padding:0; justify-content: center;}
.sectors ul li{position:relative; width: 24.242424%;}
.sectors ul li.first{width: 27.272728%;}
.sectors ul li a{display:block;}
.sectors ul li img{width:100%; height:auto; display:block; position:relative; z-index:1;}
.sectors ul li .title{color:#F5F1EB; position:absolute; top:0; left:0; right:0; bottom:0; display:flex; align-items:center; justify-content:center; z-index:3; font-size:23px; font-weight:600; padding:0 20px; text-align:center;}
.sectors ul li.first .title{transform:translateX(-20%) rotate(-90deg); align-items:flex-end; font-size:45px; padding:0;}
/* .sectors2 ul li:before{content:""; position:absolute; top:0; left:0; height:100%; background:rgba(196,154,107, 0.7) ; width:0; transition: var(--genericTransition); z-index:2;} */
.sectors ul li:not(.first):hover:before{width:100%;}
.sectors ul li img {width: 100%; height: auto; object-fit: cover; filter: brightness(0.4); transition: filter 0.3s ease-in-out; display: block;}
.sectors ul li:hover img {filter: brightness(.7);}

.contentField02{margin-top:var(--marginTop);}
.contentField02 article figure a{cursor: pointer; display: block; position: relative;}
.contentField02 article figure a .img{position: relative; overflow: hidden; display: block;}
.contentField02 article figure a .img img{width: 100%; height: auto; object-fit: cover; object-position: center top; display: block; transition: all 300ms ease-out; aspect-ratio: 1/1;}
.contentField02 article figure a>div{position: absolute; bottom: 0; top: 0; right: 0; left: 0; padding: 30px; background-color: rgba(196,154,107, 0.7); margin: 50px; border-radius: 20px;}
.contentField02 article figure a>div h2, .contentField02 article figure a>div h4, .contentField02 article figure a>div p{color: #F5F1EB;}
.contentField02 article figure a>div h2{font-size: 80px;}
.contentField02 article figure a>div h4{font-size: 40px;}
.contentField02 article header .wrp h3{ font-size: 40px; font-weight: 600; color: var(--contentHeader)}
.contentField02 article header .wrp p{font-size: 1.25rem;}
.contentField02 article header .wrp a{color: #F5F1EB; background-color: #C49A6B; padding: 10px 20px; font-size: 1.25rem; display: inline-block;}
.contentField02 article header .wrp a:hover{background-color: #8C6B48;}
.contentField02 article figure a:hover .img img{transform: scale(1.1);}


.hero {position: relative;}
.hero img {width: 100%; height: auto; object-fit: cover; object-position: center;}
.hero-content {position: absolute; z-index: 2; top: 50%; left: 50%; transform: translate(-50%, -50%); color: #fff; text-align: center;}
.hero h1 {font-size: 42px; font-weight: bold; margin-bottom: 15px;}
.hero p {font-size: 18px; margin-bottom: 25px; color: var(--colorP);}
.heroBtn {display: inline-block; padding: 10px 20px; font-size: 16px; color: #fff; text-decoration: none; background: #c49a6b; margin: 8px; transition: 0.3s;}
.heroBtn:hover {background: #8C6B48; color: #fff;}

.rockSale{margin-top:var(--marginTop); background: #F5F1EB; padding: 70px 0;}
.rockSale article figure a{cursor: pointer; display: block; position: relative;}
.rockSale article figure a .img{position: relative; overflow: hidden; display: block;}
.rockSale article figure a .img img{width: 100%; height: auto; object-fit: cover; object-position: center top; display: block; transition: all 300ms ease-out; aspect-ratio: 1/1;}
.rockSale article figure a>div{position: absolute; bottom: 0; top: 0; right: 0; left: 0; padding: 30px; background-color: rgba(196,154,107, 0.7); margin: 50px; border-radius: 20px;}
.rockSale article figure a>div h2, .contentField02 article figure a>div h4, .contentField02 article figure a>div p{color: #F5F1EB;}
.rockSale article figure a>div h2{font-size: 80px;}
.rockSale article figure a>div h4{font-size: 40px;}
.rockSale article header .wrp h3{ font-size: 40px; font-weight: 600; color: var(--contentHeader);}
.rockSale article header .wrp p{font-size: 1.25rem; display: -webkit-box; -webkit-line-clamp: 5; -webkit-box-orient: vertical; overflow: hidden;}
.rockSale article header .wrp a{color: #F5F1EB; background-color: #C49A6B; padding: 10px 20px; font-size: 1.25rem; display: inline-block;}
.rockSale article header .wrp a:hover{background-color: #8C6B48;}
.rockSale article figure a:hover .img img{transform: scale(1.1);}


.content-section{margin-top:var(--marginTop);}
.content-section .h2{font-size:40px; color: var(--contentHeader);}

.listing1{background-color: #fff; box-shadow: 0 4px 20px rgba(0, 0, 0, 0.1); display: flex; height: 100%; flex-direction: column; overflow: hidden;}
.listing1 .img{overflow: hidden;aspect-ratio: 3/2;}
.listing1 img{aspect-ratio: 3/2; display: block; width: 100%; height: auto; object-fit: cover; object-position: center center; transition: var(--genericTransition);}
.listing1 .caption{padding: 15px 25px; font-size: 1rem; line-height: 1.2; font-weight: 700; flex-grow: 1; color: var(--contentHeader);}
.listing1:hover{box-shadow: 0 4px 20px rgba(0, 0, 0, 0.2);}
.listing1:hover img{transform: scale(1.1);}
.border-bottom-1{border-bottom: 1px solid #C49A6B;}
.viewall{padding: 12px 77px; font-weight: 700; font-size: 1rem; background-color:#C49A6B; border-radius: 0;}
.viewall:hover{background-color:#8C6B48;}

.customers .h2{font-size:40px; color: var(--contentHeader);}
.customers{background: #FFF; padding: 20px 0; margin-top: var(--marginTop);} 
.customers .item{margin:70px 0;}
.customers .item img{aspect-ratio: 12/9; display: block; margin: 0 auto; object-fit: contain; object-position: center center; max-width: 100%; height: auto;}


#hakkimizda .contentarea{margin-top: var(--marginTop);}
#hakkimizda p{font-size: 1.25rem;}
#hakkimizda .heroarea{position: relative;}
#hakkimizda .heroarea img{width: 100%; height: auto; max-height: 500px; min-height: 300px; object-fit: cover; object-position: center center; display: block; position: relative; z-index: 1; pointer-events: none;} 
#hakkimizda>.heroarea .caption{position: absolute; top: 0; left: 0; right: 0; bottom: 0; z-index: 2; display: flex; align-items: end;}
#hakkimizda .heroarea .title{margin-bottom: 50px; line-height: 1; letter-spacing: -1.5px; font-size: 75px; font-weight: 600; color: #fff; max-width: 500px;}
#hakkimizda .contentField01{margin-top: var(--marginTop);}

#iletisim p{font-size: 1.25rem;}
#iletisim .heroarea{position: relative;}
#iletisim .heroarea img{width: 100%; height: auto; max-height: 500px; min-height: 300px; object-fit: cover; object-position: center center; display: block; position: relative; z-index: 1; pointer-events: none;} 
#iletisim>.heroarea .caption{position: absolute; top: 0; left: 0; right: 0; bottom: 0; z-index: 2; display: flex; align-items: end;}
#iletisim .heroarea .title{margin-bottom: 50px; line-height: 1; letter-spacing: -1.5px; font-size: 75px; font-weight: 600; color: #fff; max-width: 500px;}
#iletisim .contentField01{margin-top: var(--marginTop);}


#hakkimizda .detail .title{font-size: 2rem;}

.listing3{background-color: #fff; display: flex; height: 100%; flex-direction: column; overflow: hidden;}
.listing3 .img{overflow: hidden;aspect-ratio: 1/1;}
.listing3 img{aspect-ratio: 3/4; display: block; width: 100%; height: auto; object-fit: cover; object-position: center center; transition: var(--genericTransition);}
.listing3:hover img{transform: scale(1.1);}


.rendermap{margin-top: var(--marginTop);}
.rendermap iframe {width: 100%;}



#hakkimizda  article figure a{display: block; position: relative; cursor: auto;}
#hakkimizda  article figure a .img{position: relative; overflow: hidden; display: block;}
#hakkimizda  article figure a .img img{width: 100%; height: auto; object-fit: cover; object-position: center top; display: block; transition: all 300ms ease-out; aspect-ratio: 1/1;}
#hakkimizda  article figure a:hover .img img{transform: scale(1.1);}