/* Start custom CSS for html, class: .elementor-element-e0dfffb *//* =========================================================
BAYINDIR HUKUK
CONTACT PAGE
========================================================= */
.bh-contact-page,
.bh-contact-page *{
box-sizing:border-box;
}
.bh-contact-page{
--bhc-navy:#081625;
--bhc-navy-soft:#0d1c2e;
--bhc-paper:#f5f2ec;
--bhc-cream:#eee9e1;
--bhc-panel:#e8e1d7;
--bhc-ink:#142438;
--bhc-text:#626e7b;
--bhc-brass:#9b7b50;
--bhc-brass-light:#bea172;
--bhc-line:rgba(20,36,56,.13);
--bhc-dark-line:rgba(255,255,255,.11);
--bhc-font:
"Instrument Sans",
"Inter",
"Helvetica Neue",
"Segoe UI",
Arial,
sans-serif;
width:100%;
overflow:hidden;
font-family:
var(--bhc-font);
color:
var(--bhc-ink);
background:
var(--bhc-paper);
}
.bhc-container{
width:min(
1280px,
calc(100% - 48px)
);
margin-inline:auto;
}
/* =========================================================
EYEBROW
========================================================= */
.bhc-eyebrow{
display:flex;
align-items:center;
gap:13px;
color:
var(--bhc-brass);
font-size:8px;
line-height:1;
font-weight:600;
letter-spacing:.19em;
text-transform:uppercase;
}
.bhc-eyebrow > span{
display:block;
width:34px;
height:1px;
background:
currentColor;
}
.bhc-eyebrow--light{
color:
var(--bhc-brass-light);
}
/* =========================================================
REVEAL
========================================================= */
.bhc-reveal{
opacity:0;
transform:
translateY(17px);
transition:
opacity .7s ease,
transform .7s
cubic-bezier(.22,.61,.36,1);
}
.bhc-reveal.is-visible{
opacity:1;
transform:none;
}
/* =========================================================
HERO
========================================================= */
.bhc-hero{
position:relative;
overflow:hidden;
background:
linear-gradient(
112deg,
#071522 0%,
#09192a 52%,
#0d2035 100%
);
color:#fff;
}
.bhc-hero__line{
position:absolute;
right:14%;
top:-70px;
width:1px;
height:580px;
transform:rotate(28deg);
background:
linear-gradient(
to bottom,
transparent,
rgba(190,161,114,.14),
transparent
);
pointer-events:none;
}
.bhc-hero__inner{
min-height:390px;
display:grid;
grid-template-columns:
minmax(0,1.3fr)
minmax(250px,.7fr);
gap:100px;
align-items:end;
padding:
82px
0
68px;
}
.bhc-hero__content h1{
margin:
34px
0
0;
color:#fff;
font-size:
clamp(
63px,
6.5vw,
96px
);
line-height:.9;
font-weight:500;
letter-spacing:-.06em;
}
.bhc-hero__content p{
max-width:570px;
margin:
28px
0
0;
color:
rgba(232,238,244,.67);
font-size:13.5px;
line-height:1.82;
}
/* HERO LOCATION */
.bhc-hero__location{
padding:
5px
0
4px
36px;
border-left:
1px solid
rgba(255,255,255,.12);
}
.bhc-hero__location small{
display:block;
color:
var(--bhc-brass-light);
font-size:7px;
font-weight:600;
letter-spacing:.18em;
}
.bhc-hero__location strong{
display:block;
margin-top:18px;
color:#fff;
font-size:29px;
line-height:1;
font-weight:500;
letter-spacing:-.04em;
}
.bhc-hero__location span{
display:block;
margin-top:8px;
color:
rgba(255,255,255,.48);
font-size:10px;
line-height:1.5;
}
/* =========================================================
CONTACT AREA
========================================================= */
.bhc-contact{
background:
var(--bhc-paper);
}
.bhc-contact
.bhc-container{
padding:
76px
0
89px;
}
.bhc-contact__header{
display:flex;
justify-content:
space-between;
align-items:center;
gap:50px;
margin-bottom:34px;
}
.bhc-contact__header > p{
max-width:350px;
margin:0;
color:
var(--bhc-text);
font-size:11.5px;
line-height:1.7;
}
/* =========================================================
MAIN PANEL
========================================================= */
.bhc-contact__panel{
display:grid;
grid-template-columns:
minmax(330px,.74fr)
minmax(0,1.26fr);
border:
1px solid
var(--bhc-line);
background:#fff;
}
/* =========================================================
OFFICE SIDE
========================================================= */
.bhc-office{
min-width:0;
display:flex;
flex-direction:column;
padding:
47px
44px
40px;
background:
var(--bhc-navy);
color:#fff;
}
.bhc-office__label{
color:
var(--bhc-brass-light);
font-size:7px;
font-weight:600;
letter-spacing:.19em;
}
.bhc-office h2{
margin:
24px
0
0;
color:#fff;
font-size:
clamp(
37px,
3vw,
47px
);
line-height:.96;
font-weight:500;
letter-spacing:-.045em;
}
.bhc-office h2 span{
display:block;
color:
rgba(255,255,255,.52);
font-weight:400;
}
.bhc-office__top > p{
max-width:340px;
margin:
21px
0
0;
color:
rgba(232,238,244,.59);
font-size:11.5px;
line-height:1.75;
}
/* DETAILS */
.bhc-office__details{
margin-top:40px;
border-top:
1px solid
var(--bhc-dark-line);
}
.bhc-office__detail{
display:grid;
grid-template-columns:
27px
minmax(0,1fr);
gap:15px;
padding:
20px
0;
border-bottom:
1px solid
var(--bhc-dark-line);
color:#fff !important;
background:
transparent !important;
text-decoration:
none !important;
}
.bhc-office__key{
display:flex;
align-items:center;
justify-content:center;
width:24px;
height:24px;
border:
1px solid
rgba(190,161,114,.35);
color:
var(--bhc-brass-light);
font-size:7px;
font-weight:600;
}
.bhc-office__detail small{
display:block;
margin-bottom:6px;
color:
rgba(255,255,255,.35);
font-size:7px;
font-weight:600;
letter-spacing:.15em;
}
.bhc-office__detail strong{
display:block;
color:
rgba(255,255,255,.91);
font-size:13px;
line-height:1.6;
font-weight:450;
overflow-wrap:anywhere;
}
.bhc-office__detail:not(.bhc-office__detail--address)
strong{
transition:
color .22s ease;
}
.bhc-office__detail:not(.bhc-office__detail--address):hover
strong{
color:
var(--bhc-brass-light);
}
/* MAP LINK */
.bhc-office__map-link{
display:inline-flex;
align-items:center;
gap:13px;
align-self:flex-start;
margin-top:auto;
padding-top:34px;
color:#fff !important;
background:
transparent !important;
text-decoration:none !important;
font-size:8px;
font-weight:600;
letter-spacing:.14em;
text-transform:uppercase;
}
.bhc-office__map-link span{
color:
var(--bhc-brass-light);
font-size:15px;
transition:
transform .22s ease;
}
.bhc-office__map-link:hover span{
transform:
translate(
3px,
-3px
);
}
/* =========================================================
FORM SIDE
========================================================= */
.bhc-form-wrap{
min-width:0;
padding:
47px
52px
43px;
background:
#f8f6f2;
}
.bhc-form__intro{
padding-bottom:31px;
border-bottom:
1px solid
var(--bhc-line);
}
.bhc-form__intro > span{
display:block;
color:
var(--bhc-brass);
font-size:7px;
font-weight:600;
letter-spacing:.18em;
}
.bhc-form__intro h2{
margin:
16px
0
0;
color:
var(--bhc-ink);
font-size:
clamp(
34px,
3vw,
44px
);
line-height:1;
font-weight:500;
letter-spacing:-.04em;
}
.bhc-form__intro p{
max-width:450px;
margin:
14px
0
0;
color:
var(--bhc-text);
font-size:11.5px;
line-height:1.65;
}
/* FORM */
.bhc-form{
padding-top:31px;
}
.bhc-form__grid{
display:grid;
grid-template-columns:
repeat(2,minmax(0,1fr));
gap:
27px
30px;
}
.bhc-field{
position:relative;
min-width:0;
}
.bhc-field--full{
grid-column:
1 / -1;
}
.bhc-field label{
display:block;
margin-bottom:8px;
color:
#536173;
font-size:8px;
font-weight:600;
letter-spacing:.10em;
text-transform:uppercase;
}
.bhc-field label span{
color:
var(--bhc-brass);
}
.bhc-field input,
.bhc-field textarea{
display:block;
width:100%;
margin:0;
padding:
10px
0
13px;
border:0 !important;
border-bottom:
1px solid
rgba(20,36,56,.22) !important;
border-radius:0 !important;
outline:none !important;
box-shadow:none !important;
background:
transparent !important;
color:
var(--bhc-ink) !important;
font-family:
inherit;
font-size:13px;
font-weight:400;
line-height:1.5;
transition:
border-color .22s ease;
}
.bhc-field textarea{
min-height:117px;
resize:vertical;
}
.bhc-field input::placeholder,
.bhc-field textarea::placeholder{
color:
rgba(20,36,56,.32);
opacity:1;
}
.bhc-field input:focus,
.bhc-field textarea:focus{
border-bottom-color:
var(--bhc-brass) !important;
}
.bhc-field__error{
display:none;
margin-top:6px;
color:#9c5149;
font-size:8px;
line-height:1.4;
}
.bhc-field.has-error
.bhc-field__error{
display:block;
}
.bhc-field.has-error input,
.bhc-field.has-error textarea{
border-bottom-color:
#9c5149 !important;
}
/* =========================================================
CHECKBOX
========================================================= */
.bhc-check{
position:relative;
display:grid;
grid-template-columns:
17px
1fr;
gap:11px;
align-items:start;
margin-top:27px;
cursor:pointer;
}
.bhc-check input{
position:absolute;
width:1px;
height:1px;
opacity:0;
pointer-events:none;
}
.bhc-check__box{
position:relative;
width:16px;
height:16px;
margin-top:1px;
border:
1px solid
rgba(20,36,56,.30);
transition:
border-color .2s ease,
background .2s ease;
}
.bhc-check input:checked +
.bhc-check__box{
border-color:
var(--bhc-brass);
background:
var(--bhc-brass);
}
.bhc-check input:checked +
.bhc-check__box::after{
content:"";
position:absolute;
left:5px;
top:2px;
width:4px;
height:8px;
border-right:
1px solid #fff;
border-bottom:
1px solid #fff;
transform:
rotate(45deg);
}
.bhc-check.has-error
.bhc-check__box{
border-color:
#9c5149;
}
.bhc-check__text{
color:
#78818c;
font-size:9px;
line-height:1.65;
}
.bhc-check__text a{
color:
var(--bhc-ink) !important;
text-decoration:
underline !important;
text-underline-offset:2px;
}
/* =========================================================
FORM FOOTER
========================================================= */
.bhc-form__footer{
display:flex;
align-items:center;
justify-content:
space-between;
gap:25px;
margin-top:30px;
}
.bhc-form__footer > p{
margin:0;
color:
#93999f;
font-size:8px;
}
.bhc-form__footer > p span{
color:
var(--bhc-brass);
}
/* SUBMIT */
.bhc-submit{
min-width:168px;
min-height:49px;
display:flex;
align-items:center;
justify-content:
space-between;
gap:20px;
padding:
0
18px !important;
border:
1px solid
var(--bhc-navy) !important;
border-radius:0 !important;
outline:none !important;
box-shadow:none !important;
background:
var(--bhc-navy) !important;
color:#fff !important;
cursor:pointer;
font-family:inherit;
font-size:8px;
font-weight:600;
letter-spacing:.14em;
text-transform:uppercase;
transition:
background .22s ease,
border-color .22s ease;
-webkit-tap-highlight-color:
transparent;
}
.bhc-submit i{
color:
var(--bhc-brass-light);
font-size:15px;
font-style:normal;
transition:
transform .22s ease;
}
.bhc-submit:hover{
background:
var(--bhc-navy-soft) !important;
border-color:
var(--bhc-navy-soft) !important;
}
.bhc-submit:hover i{
transform:
translateX(4px);
}
.bhc-form__message{
display:none;
margin-top:20px;
padding:
12px
14px;
font-size:9px;
line-height:1.55;
}
.bhc-form__message.is-error{
display:block;
border:
1px solid
rgba(156,81,73,.24);
background:
rgba(156,81,73,.05);
color:#8e4a44;
}
.bhc-form__message.is-success{
display:block;
border:
1px solid
rgba(62,105,81,.20);
background:
rgba(62,105,81,.05);
color:#3e6951;
}
/* =========================================================
MAP
========================================================= */
.bhc-map{
position:relative;
height:490px;
margin-top:0;
overflow:hidden;
border:
1px solid
var(--bhc-line);
border-top:0;
background:
#ddd9d2;
}
.bhc-map__loading{
position:absolute;
inset:0;
z-index:1;
display:flex;
flex-direction:column;
align-items:center;
justify-content:center;
background:
#e4dfd7;
transition:
opacity .5s ease,
visibility .5s ease;
}
.bhc-map__loading span{
color:
var(--bhc-brass);
font-size:7px;
font-weight:600;
letter-spacing:.18em;
}
.bhc-map__loading strong{
margin-top:13px;
color:
rgba(20,36,56,.16);
font-size:
clamp(
55px,
8vw,
105px
);
line-height:.9;
font-weight:500;
letter-spacing:-.06em;
}
.bhc-map__loading small{
margin-top:19px;
color:
rgba(20,36,56,.35);
font-size:7px;
font-weight:600;
letter-spacing:.16em;
}
.bhc-map.is-loaded
.bhc-map__loading{
opacity:0;
visibility:hidden;
}
.bhc-map__iframe{
position:absolute;
inset:0;
z-index:2;
width:100%;
height:100%;
border:0;
opacity:0;
filter:
saturate(.72)
contrast(.94);
transition:
opacity .5s ease;
}
.bhc-map.is-loaded
.bhc-map__iframe{
opacity:1;
}
/* MAP BOTTOM BAR */
.bhc-map__bar{
position:absolute;
z-index:4;
left:24px;
right:24px;
bottom:24px;
min-height:75px;
display:flex;
align-items:center;
justify-content:
space-between;
gap:30px;
padding:
17px
21px;
border:
1px solid
rgba(255,255,255,.10);
background:
rgba(8,22,37,.95);
box-shadow:
0
17px
42px
rgba(0,0,0,.14);
color:#fff;
}
.bhc-map__bar small{
display:block;
margin-bottom:5px;
color:
var(--bhc-brass-light);
font-size:7px;
font-weight:600;
letter-spacing:.16em;
}
.bhc-map__bar strong{
display:block;
color:
rgba(255,255,255,.88);
font-size:12px;
line-height:1.5;
font-weight:450;
}
.bhc-map__bar a{
flex-shrink:0;
display:inline-flex;
align-items:center;
gap:11px;
color:#fff !important;
background:
transparent !important;
text-decoration:none !important;
font-size:8px;
font-weight:600;
letter-spacing:.13em;
text-transform:uppercase;
}
.bhc-map__bar a span{
color:
var(--bhc-brass-light);
font-size:15px;
}
/* =========================================================
CLOSING
========================================================= */
.bhc-closing{
background:
var(--bhc-navy);
color:#fff;
}
.bhc-closing__inner{
min-height:235px;
display:grid;
grid-template-columns:
minmax(0,1.2fr)
minmax(280px,.8fr);
gap:80px;
align-items:center;
padding:
58px
0;
}
.bhc-closing h2{
max-width:690px;
margin:
23px
0
0;
color:#fff;
font-size:
clamp(
34px,
3.4vw,
49px
);
line-height:1.02;
font-weight:500;
letter-spacing:-.043em;
}
.bhc-closing__phone{
position:relative;
display:block;
padding:
21px
44px
21px
0;
border-top:
1px solid
var(--bhc-dark-line);
border-bottom:
1px solid
var(--bhc-dark-line);
color:#fff !important;
background:
transparent !important;
text-decoration:none !important;
}
.bhc-closing__phone small{
display:block;
margin-bottom:8px;
color:
var(--bhc-brass-light);
font-size:7px;
font-weight:600;
letter-spacing:.17em;
}
.bhc-closing__phone strong{
color:
rgba(255,255,255,.90);
font-size:
clamp(
18px,
2vw,
27px
);
font-weight:450;
letter-spacing:-.025em;
}
.bhc-closing__phone > span{
position:absolute;
right:2px;
top:50%;
transform:
translateY(-50%);
color:
var(--bhc-brass-light);
font-size:18px;
}
/* =========================================================
TABLET
========================================================= */
@media(max-width:1024px){
.bhc-hero__inner{
gap:55px;
}
.bhc-contact__panel{
grid-template-columns:
minmax(300px,.8fr)
minmax(0,1.2fr);
}
.bhc-office{
padding:
40px
34px;
}
.bhc-form-wrap{
padding:
40px
38px;
}
.bhc-closing__inner{
gap:50px;
}
}
/* =========================================================
MOBILE
========================================================= */
@media(max-width:767px){
.bhc-container{
width:
calc(100% - 28px);
}
/* ---------------------------------
HERO
--------------------------------- */
.bhc-hero__inner{
min-height:0;
grid-template-columns:1fr;
gap:35px;
padding:
48px
0
43px;
}
.bhc-hero__content h1{
margin-top:27px;
font-size:
clamp(
51px,
16vw,
68px
);
}
.bhc-hero__content p{
margin-top:21px;
font-size:13px;
line-height:1.72;
}
.bhc-hero__location{
padding:
22px
0
0;
border-left:0;
border-top:
1px solid
rgba(255,255,255,.11);
}
.bhc-hero__location strong{
margin-top:12px;
font-size:24px;
}
/* ---------------------------------
CONTACT
--------------------------------- */
.bhc-contact
.bhc-container{
padding:
54px
0
61px;
}
.bhc-contact__header{
align-items:flex-start;
flex-direction:column;
gap:17px;
margin-bottom:28px;
}
.bhc-contact__panel{
grid-template-columns:1fr;
}
/* OFFICE */
.bhc-office{
min-height:0;
padding:
34px
25px
31px;
}
.bhc-office h2{
font-size:37px;
}
.bhc-office__details{
margin-top:31px;
}
.bhc-office__detail{
padding:
17px
0;
}
.bhc-office__map-link{
margin-top:27px;
padding-top:0;
}
/* FORM */
.bhc-form-wrap{
padding:
34px
25px
32px;
}
.bhc-form__intro h2{
font-size:35px;
}
.bhc-form{
padding-top:27px;
}
.bhc-form__grid{
grid-template-columns:1fr;
gap:22px;
}
.bhc-field--full{
grid-column:auto;
}
.bhc-field textarea{
min-height:120px;
}
.bhc-form__footer{
align-items:flex-start;
flex-direction:column;
gap:20px;
}
.bhc-submit{
width:100%;
min-height:50px;
}
/* ---------------------------------
MAP
--------------------------------- */
.bhc-map{
height:435px;
}
.bhc-map__bar{
left:12px;
right:12px;
bottom:12px;
min-height:0;
align-items:flex-start;
flex-direction:column;
gap:13px;
padding:
17px
18px;
}
/* ---------------------------------
CLOSING
--------------------------------- */
.bhc-closing__inner{
min-height:0;
grid-template-columns:1fr;
gap:34px;
padding:
49px
0;
}
.bhc-closing h2{
font-size:
clamp(
34px,
10vw,
44px
);
}
}
/* =========================================================
SMALL MOBILE
========================================================= */
@media(max-width:390px){
.bhc-hero__content h1{
font-size:49px;
}
.bhc-office,
.bhc-form-wrap{
padding-left:20px;
padding-right:20px;
}
.bhc-office__detail strong{
font-size:12px;
}
.bhc-map{
height:405px;
}
.bhc-closing h2{
font-size:32px;
}
}
/* =========================================================
REDUCED MOTION
========================================================= */
@media(prefers-reduced-motion:reduce){
.bh-contact-page *,
.bh-contact-page *::before,
.bh-contact-page *::after{
animation:none !important;
transition:none !important;
}
.bhc-reveal{
opacity:1 !important;
transform:none !important;
}
}/* End custom CSS */