/* ==============================================
SABİT KULLANILANLAR 
=============================================== */
body { font-family: 'Montserrat', sans-serif; font-size: 14px; color:#222222;}
p,p2, h1, h2, h3, h4, h5, small { margin-bottom:0px; }
small{ font-size: 10px; font-weight: 300; }
p{ font-size: 14px; font-weight: 500;}
h1{ font-weight: 700;}

a { color: inherit; background-color: transparent; }
a:hover { color: inherit; text-decoration: none; background-color: transparent; }

.text-dark-grey { color: #333333; }
.text-grey { color: #f5f5f5; }
.text-grey-2 { color: #939393; }
.text-grey-3 { color: #cecece; }
.text-hardal{ color: #9f5a15; }
.text-orange{ color: #fca15a; }
.text-blue{ color: #7ca0ec; }
.text-red { color: #ed312f; }
.text-turkuvaz { color: #0b524d; }
.text-green { color: #b1bb1c; }
.text-pink { color: #e3007b; }
.text-pink-2{ color: #f5d5e3; }
.text-pink-3{ color: #b22088; }
.text-black{ color: #000; }

.bg-dark-grey{ background-color: #333333; }
.bg-grey{ background-color: #f5f5f5; }
.bg-grey-2{ background-color: #e5e5e5; }
.bg-hardal{ background-color: #9f5a15; }
.bg-orange{ background-color: #fca15a; }
.bg-blue{ background-color: #7ca0ec; }
.bg-red{ background-color: #ed312f; }
.bg-turkuvaz{ background-color: #0b524d; }
.bg-green{ background-color: #b1bb1c; }
.bg-pink{ background-color: #e3007b !important;  }
.bg-pink2{ background-color: #f5d5e3 !important;  }
.bg-pink3{ background-color: #b22088 !important;  }
.bg-pink4{ background-color: #f8d5d1 !important;  }
.bg-beyaz{ background-color: transparent !important; }
.bg-black{ background-color: #000 !important; }

.bg-turkuvaz-opacity-90 { background-color: rgba(7,102,93,0.9) !important;}
.bg-navy-blue-opacity-90 { background-color: rgba(33,59,119,0.9) !important;}
.bg-hardal-opacity-90 { background-color: rgba(220,132,39,0.9) !important;}

.bg-white-opacity-30{ background-color: rgba(255,255,255,0.3); }
.bg-white-opacity-50{ background-color: rgba(255,255,255,0.5); }
.bg-black-opacity-50{ background-color: rgba(0,0,0,0.5); }

.border-black { border-color: #000 !important; }
.border-white { border-color: #fff !important; }
.border-red { border-color: #ed312f !important; }
.border-dark-grey { border-color: #333333 !important; }
.border-green { border-color: #b1bb1c !important; }
.border-pink { border-color: #efbdc0 !important; }
.border-pink3 { border-color: #b22088 !important; }
.border-pink4 { border-color: #f8d5d1 !important; }

.border-3x { border: 3px solid #000 !important; }

.font-10 {font-size: 10px !important;}
.font-12 {font-size: 12px !important;}
.font-14 {font-size: 14px !important;}
.font-16 {font-size: 16px !important;}
.font-18 {font-size: 18px !important;}
.font-24 {font-size: 24px !important;}
.font-30 {font-size: 30px !important;}
.font-36 {font-size: 36px !important;}
.font-48 {font-size: 48px !important;}
.font-60 {font-size: 60px !important;}
.font-80 {font-size: 80px !important;}
.font-100 {font-size: 100px !important;}

.letter-spacing-3 { letter-spacing: 3px; }

.font-black { font-weight: 900; }
.font-bold { font-weight: 700; }
.font-medium { font-weight: 500; }
.font-regular { font-weight: 400; }
.font-light { font-weight: 300; }

.line-height-1 { line-height: 1; }
.line-height-1-2 { line-height: 1.2; }

.top-0 { top:0px !important; }
.bottom-0 { bottom:0px !important; }
.left-0 { left:0px !important; }
.right-0 { right:0px !important; }

.left-auto { left:auto!important; }
.right-auto { right:auto!important; }

.opacity-0 { opacity: 0; }
.opacity-25 { opacity: 0.25; }
.opacity-50 { opacity: 0.50; }
.opacity-100 { opacity: 100; }

.w-40 { width: 40%!important; }

.bg-none { background: none !important; }
.bg-img-none { background-image: none; !important; }
.bg-gorsel{ background-repeat: no-repeat !important; background-position: center !important; background-size: cover !important; }
.bg-gorsel-2 { background-attachment: fixed; }
.bg-gorsel-3 { background-repeat: no-repeat !important; background-position: center !important; }
.bg-gorsel-4 { background-repeat: no-repeat !important; background-position: left center !important; }
.bg-gorsel-right{ background-repeat: no-repeat !important; background-position: right !important;  }

.bg-parallax {
    background-attachment: fixed;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}

.bg-parallax-2 {
    background-attachment: fixed;
    background-position: 215px center;
    background-repeat: no-repeat;
    background-size: cover;
}

.bg-parallax-3 {
    background-attachment: fixed;
    background-position: left center;
    background-repeat: no-repeat;
    background-size: auto;
    height: 347px;
    width: 100%;
}

.parallax-window {
    min-height: 400px;
    background: transparent;
}

.cursor-pointer{ cursor: pointer; }
.pointer-events-none{ pointer-events: none; }
.pointer-events-auto{ pointer-events: auto; }
.under-line{ text-decoration: underline; }
.radius-0{border-radius: 0px !important}
.radius-10{border-radius: 10px !important}
.radius-20{border-radius: 20px !important}
.radius-15{border-radius: 15px !important}
.radius-35{border-radius: 35px !important}
.nowrap {white-space: nowrap;}
.z-index-down { z-index: -1 !important; }
.z-index-up { z-index: 9 !important; }
.z-index-important { z-index: 999999 !important; }
.visibility-hidden { visibility: hidden; }
.visibility-visible { visibility: visible !important; }
.overflow-hidden { overflow: hidden; }

.zoom-efekt:hover { transform: scale(1.10); }
.zoom-efekt-small:hover { transform: scale(0.90);  }
.opacity-efekt:hover { opacity: 1; }
.efekt { transition: all 0.3s; }

.zoom-efekt:hover { transform: scale(1.10);  }
.zoom-efekt-small:hover { transform: scale(0.90);  }
.opacity-efekt { opacity: 0.5; }
.opacity-efekt:hover { opacity: 1; }
.efekt { transition: all 0.3s; }
.shadow-1 { box-shadow: 0 0.4rem 1rem rgba(0,0,0,.40)!important;}
.text-bullet:before { width: 12px;  height: 12px; left: 0px!important; border-radius: 100px; top: 50%; margin-top: -6px; content: "";  position: absolute; background-color: #c19649;}
.text-bullet-2:before { width: 6px;  height: 6px; left: 0px!important; border-radius: 100px; margin-top: 7px; content: "";  position: absolute; background-color: #e3007b;}

.sm-color .fa.fa-instagram { color: transparent; background: radial-gradient(circle at 30% 107%, #fdf497 0%, #fdf497 5%, #fd5949 45%, #d6249f 60%, #285AEB 90%); background: -webkit-radial-gradient(circle at 30% 107%, #fdf497 0%, #fdf497 5%, #fd5949 45%, #d6249f 60%, #285AEB 90%); background-clip: text; -webkit-background-clip: text; }
.sm-color .fa-facebook-official { color: #3b5998 }
.sm-color .fa-twitter { color: #00aced; }
.sm-color .fa-whatsapp { color: #25D366; }
.sm-color .fa-youtube { color: #c4302b; }
.sm-color .fa-youtube-play { color: #c4302b; }


/* ==============================================
MENU 
=============================================== */ 

.navbar{ background-color: rgba(255,255,255,1); font-weight: 500; font-size: 16px; height: 120px; padding: 0px; z-index: 99991; padding: 0px 150px; }
.navbar-scrolled {background-color: rgba(255,255,255,1); }
.navbar .navbar-brand{ max-width: auto; width: auto; margin-right: 0px; }
.navar-bosluk { margin-top: 120px; }
.navar-bosluk2 {  }

.navbar .navbar-nav .active-button { color: #fca15a !important; }
.navbar .navbar-nav .nav-link { color: inherit; padding: 0px 10px; border-left: 1px solid #333333; line-height: 1.2;}
.navbar .navbar-nav .nav-link:hover { color: #fca15a; }
.navbar .navbar-nav .dropdown-menu { display: none; background-color: rgba(255,255,255,0.9); border-radius: 0px; font-size: inherit; padding: 5px 15px; }
/* D-none kalkarsa hover'a gerek kalmaz */
.navbar .dropdown:hover .dropdown-menu {  display: block; border: none; margin-top: 20px; }
.navbar .navbar-nav .dropdown-menu .dropdown-item { border-bottom: 1px solid #7d7d7d; padding: 10px 0px;  color: #122e57 }
.navbar .navbar-nav .dropdown-menu .dropdown-item:hover { background-color: transparent; }

.navbar .dropdown:hover .nav-link { color: #ea0029; }
.navbar .navbar-nav .dropdown-menu .dropdown-item:before { content: ''; position: absolute; top: -20px; left: 0px; width: 100%; height: 20px; background-color: transparent; z-index: 100; display: none; }
.navbar .dropdown:hover .dropdown-item:before { display: block; }
.navbar .dropdown-item:focus { color: #ea0029; }

.nav-mobile { display: none; position: absolute; top: 20px; right: 20px; background: #676463; height: 40px; width: 40px; }
#nav-toggle { position: absolute; left: 7px; top: 9px; cursor: pointer; padding: 10px 35px 16px 0px; }
#nav-toggle span, #nav-toggle span:before, #nav-toggle span:after { cursor: pointer; border-radius: 1px; height: 3px; width: 25px; background: #fff; position: absolute; display: block; content: ''; transition: all 300ms ease-in-out; }
#nav-toggle span:before { top: -10px;}
#nav-toggle span:after { bottom: -10px; }
#nav-toggle.active span { background-color: transparent; }
#nav-toggle.active span:before, #nav-toggle.active span:after { top: 0; }
#nav-toggle.active span:before { transform: rotate(45deg); } 
#nav-toggle.active span:after { transform: rotate(-45deg); }

#sidebar {width: 100%;position: fixed;top: 0;left: -100%;height: calc(100vh - 80px);margin-top:80px;z-index: 999;background-color: rgba(103,100,99,0.9);color: #fff;transition: all 0.3s;overflow-y: scroll;}
#sidebar.active {left: 0;z-index: 99999;}
#sidebar .nav-link, #sidebar .dropdown-item { color: #fff; font-size:14px; }
#sidebar .dropdown-item { font-size:14px; }
#sidebar ul { padding: 20px; }
#sidebar li { border-bottom: 1px solid rgba(255,255,255,0.75); }
#sidebar .dropdown-item:focus, #sidebar .dropdown-item:hover {color: #000; background-color: #fff;}

/* ==============================================
SWİPPER SLİDER
=============================================== */ 

.main-slider { width: 100%; height: calc(100vh - 120px);}
.main-slider .swiper-slide { background-size: cover!important; background-position: center center!important; }
.main-slider .swiper-lazy { background-size: cover!important; background-position: center center!important; width: 100%; height: 100%; }
.main-slider .swiper-pagination { padding-left: 150px; }
.main-slider .swiper-pagination-bullet { width: 50px; height: 3px; opacity: 1; background-color: #ae841e; border-radius: 0px; margin: 0px 10px !important; transition: all 0.3s; }
.main-slider .swiper-pagination-bullet-active { width: 160px; background-color: #676463; }


/* ==============================================
ORTAK KULLANILANLAR
=============================================== */

.bg-lacivert-opacity-80 { background-color: rgba(17, 17, 17, 0.8); }

.bg-to-dark-grey:hover { background-color: #222  !important; }
.bg-to-hardal:hover { background-color: #ae841e  !important; }

.text-to-pink:hover { color: #e3007b  !important; }
.text-to-orange:hover { color: #fca15a  !important; }
.text-to-dark-grey:hover { color: #222  !important; }

.btn-under-line:hover{ text-decoration: underline; }

.arrow-page-down { left: 50%; margin-left: -85px; width: 170px;}

input::-webkit-input-placeholder, textarea::-webkit-input-placeholder { color: #fff !important; }
form .form-group{ margin: 0px; margin-bottom: 10px; }
form .form-control{ color: #fff !important;  height: 40px; border:none; border-bottom: solid 1px rgba(255,255,255,0.5); border-radius: 0px; background-color: transparent !important;  }
form textarea{ height: 90px !important; }
form button { height: 50px; border: none !important; }
.intl-tel-input { width:100%}
.intl-tel-input .country-list { width: 300px; overflow-x: hidden;}

.izin_container { position: relative; padding-left: 15px; cursor: pointer; margin: 0px; }
.izin_container input {  position: absolute;  opacity: 0;  cursor: pointer;  height: 0;  width: 0;}
.checkmark {  position: absolute;  top: 2px;  left: 0;  height: 12px;  width: 12px;  background-color: transparent; border: 1px solid #fff;}
.izin_container:hover input ~ .checkmark { background-color: transparent;}
.izin_container input:checked ~ .checkmark {  background-color: transparent;}
.checkmark:after {  content: "";  position: absolute;  display: none;}
.izin_container input:checked ~ .checkmark:after {  display: block;}
.izin_container .checkmark:after {  left: 3px;  top: 1px;  width: 4px;  height: 6px;  border: solid #fff;  border-width: 0 1px 1px 0;  -webkit-transform: rotate(45deg);  -ms-transform: rotate(45deg);  transform: rotate(45deg);}

.has-error::-webkit-input-placeholder{color:#fff!important}
.has-error:-moz-placeholder{color:#fff!important}
.has-error::-moz-placeholder{color:#fff!important}
.has-error:-ms-input-placeholder{color:#fff!important}

.kvkk { display: none; width: 100%; max-width: 1000px; max-height: 500px; font-size: 12px; padding: 25px; }
.formix {z-index: 1001; position:fixed; left: 0; cursor: pointer; top: calc(((100vh - 355px)/2) + 0px); }
.dekstop-sm {z-index: 1001; position:fixed; left: 0; top:0px; height: calc(100vh); }

/* ==============================================
FOOTER
=============================================== */

.footer { padding-bottom: 75px !important; background-color: #222; }


/* ==============================================
RESPONSİVE
=============================================== */ 


@media (min-width: 1400px) {
    .col-xxl-1{-ms-flex:0 0 8.333333%;flex:0 0 8.333333%;max-width:8.333333%}.col-xxl-2{-ms-flex:0 0 16.666667%;flex:0 0 16.666667%;max-width:16.666667%}.col-xxl-3{-ms-flex:0 0 25%;flex:0 0 25%;max-width:25%}.col-xxl-4{-ms-flex:0 0 33.333333%;flex:0 0 33.333333%;max-width:33.333333%}.col-xxl-5{-ms-flex:0 0 41.666667%;flex:0 0 41.666667%;max-width:41.666667%}.col-xxl-6{-ms-flex:0 0 50%;flex:0 0 50%;max-width:50%}.col-xxl-7{-ms-flex:0 0 58.333333%;flex:0 0 58.333333%;max-width:58.333333%}.col-xxl-8{-ms-flex:0 0 66.666667%;flex:0 0 66.666667%;max-width:66.666667%}.col-xxl-9{-ms-flex:0 0 75%;flex:0 0 75%;max-width:75%}.col-xxl-10{-ms-flex:0 0 83.333333%;flex:0 0 83.333333%;max-width:83.333333%}.col-xxl-11{-ms-flex:0 0 91.666667%;flex:0 0 91.666667%;max-width:91.666667%}.col-xxl-12{-ms-flex:0 0 100%;flex:0 0 100%;max-width:100%}.d-xxl-block{display:block!important}.d-xxl-flex{display:flex!important}.d-xxl-none{display:none!important}
    
    .pb-xxl-5, .py-xxl-5 { padding-bottom: 3rem!important; }
    .pt-xxl-5, .py-xxl-5 { padding-top: 3rem!important; }
    .pl-xxl-5, .px-xxl-5 { padding-left: 3rem!important; }
    .pr-xxl-5, .px-xxl-5 { padding-right: 3rem!important; }
    .p-xxl-5 { padding: 3rem!important; }
    
    
    .mt-xxl-5 { margin-top: 3rem!important; }

}
@media (min-width: 992px) {
    .border-lg-right { border-right: 1px solid; }
    .position-lg-absolute { position: absolute; }
}


@media (min-width: 200px) and (max-width: 1400px) {
    .font-14 {font-size: 14px !important;}
    .font-16 {font-size: 15px !important;}
    .font-18 {font-size: 17px !important;}
    .font-24 {font-size: 22px !important;}
    .font-30 {font-size: 28px !important;}
    .font-36 {font-size: 32px !important;}
    .font-48 {font-size: 44px !important;}
    .font-60 {font-size: 55px !important;}
    .font-80 {font-size: 70px !important;}
    .font-100 {font-size: 80px !important;}
}


@media (min-width: 200px) and (max-width: 1366px) {
    .navbar{ height: 100px; padding: 0px 40px; }
    .navar-bosluk { margin-top: 100px; }
    
    .main-slider { height: calc(100vh - 100px);}
    
    .main-slider .swiper-pagination { padding-left: 40px; }
}

@media (min-width: 200px) and (max-width: 1200px) {
    .navbar{ font-size: 14px; }
}

@media (min-width: 200px) and (max-width: 991px) {
     p{ font-size: 14px; }
    
    .font-16 {font-size: 14px !important;}
    .font-18 {font-size: 16px !important;}
    .font-24 {font-size: 18px !important;}
    .font-30 {font-size: 24px !important;}
    .font-36 {font-size: 30px !important;}
    .font-48 {font-size: 40px !important;}
    .font-60 {font-size: 48px !important;}
    .font-80 {font-size: 60px !important;}
    .font-100 {font-size: 70px !important;}
    
    .navbar{ height: 80px; padding: 0px 0px; }
    .navbar .navbar-brand { width: 140px; margin-left: 15px;}
    .navar-bosluk { margin-top: 80px; }
    
    .main-slider { height: calc(100vh - 80px);}
    .main-slider .swiper-pagination { padding-left: 15px; }
    .main-slider .swiper-pagination-bullet { width: 40px; height: 2px;margin: 0px 5px !important; }
    .main-slider .swiper-pagination-bullet-active { width: 70px;}
    
    .footer-div { padding-bottom: 45px !important; }
    
    .formix { left:auto; right:0px; top: calc(((100vh - 205px)/2) + 0px); max-width: 35px; width: 35px; }
}

@media (min-width: 200px) and (max-width: 575px) {
     p{ font-size: 12px; }
     h1{ font-size: 18px; }
    .font-14 {font-size: 13px !important;}
    .font-16 {font-size: 13px !important;}
    .font-18 {font-size: 15px !important;}
    .font-24 {font-size: 17px !important;}
    .font-30 {font-size: 20px !important;}
    .font-36 {font-size: 24px !important;}
    .font-48 {font-size: 36px !important;}
    .font-60 {font-size: 40px !important;}
    .font-80 {font-size: 50px !important;}
    .font-100 {font-size: 60px !important;}
    
    .main-slider .swiper-pagination { bottom: 40px; }
    .form-kutu { width: auto; height: 30px; border: 1px solid; }
}

.tusla-livechat { right: 1rem; }