@import url("../webfont/markpro/stylesheet.css");:root {    --font1: 'MarkPro';    --primary-orange: #ff6b00;}a {    text-decoration: none !important;    color: #23282d;    transition: transform .2s;    -webkit-transition: transform .2s;    -moz-transition: transform .2s;    -ms-transition: transform .2s;    -o-transition: transform .2s;}ul, ol {    list-style: none;    padding-left: 0;    /* boşluğu da kaldırmak istersen */}li::marker {    content: "";}body {    font-family: var(--font1);    padding: 0px;    margin: 0px;    padding-top: 162px;}body.menu-open {    overflow: hidden;}.menucu {    display: none;}.header-menu {    width: 100%;    position: fixed;    left: 0;    top: 0;    z-index: 999;    height: auto;    transition: transform .2s;    -webkit-transition: transform .2s;    -moz-transition: transform .2s;    -ms-transition: transform .2s;    -o-transition: transform .2s;    background-color: #fff;    padding: 0 0px;}.header-menu .kamypanya {    width: 100%;    height: auto;    padding: 8px 0px;    text-align: center;    color: #480707;    font-size: 18px;    font-weight: 700;    border-bottom: 1px solid #e3e3e3;}.header-menu .kamypanya a.link {    color: #480707;}.header-menu .kamypanya a.link:hover {    text-decoration: underline !important;}.bd-menu .header-menu .kamypanya {    display: none;}.header-menu .header-ust {    width: 100%;    transition: transform .2s;    -webkit-transition: transform .2s;    -moz-transition: transform .2s;    -ms-transition: transform .2s;    -o-transition: transform .2s;    height: 80px;    padding: 0 33px;    display: flex;    align-items: center;}.header-menu .header-ust .ust_menu {    display: flex;    align-items: center;    margin-left: auto;}.header-menu .header-ust .ust_menu .nav-item:nth-child(2) {    display: none;}.header-menu .header-ust .ust_menu .nav-item {    list-style: none;    position: relative;    display: flex;    align-items: center;}.header-menu .header-ust .ust_menu .nav-item:nth-child(2):before {    display: none;}.header-menu .header-ust .ust_menu .nav-item::before {    content: '';    position: absolute;    left: -20px;    top: 0px;    width: 1px;    height: 20px;    background: #0b131914;    display: none;}.header-menu .header-ust .ust_menu .nav-link {    text-decoration: none;    display: -webkit-box;    display: -ms-flexbox;    display: flex;    -webkit-box-align: center;    -ms-flex-align: center;    align-items: center;    -webkit-transition: color .3s;    -o-transition: color .3s;    transition: color .3s;    padding: 0px 20px;    display: flex;    align-items: center;    font-size: 14px;    color: #30434a;    font-weight: 500;}.header-menu .header-ust .ust_menu .nav-link svg {    width: 15px;    height: 15px;    overflow: inherit;    fill: #000;    margin-right: 0;}.header-menu .header-ust .ust_menu .nav-link:hover {    color: #480707;}.headerTel {    color: #480707;    font-weight: 500;    position: relative;    font-size: 14px;    display: flex;    align-items: center;}.headerTel svg {    width: 20px;    height: 20px;    overflow: inherit;    fill: #480707;    margin-right: 10px;}.headerTel a {    display: flex;    align-items: center;}.headerTel i {    color: #480707;    font-size: 18px;    margin-right: 9px;}.headerTel::before {    content: '';    position: relative;    width: 1px;    height: 38px;    background: #0000001f;    display: block;    margin-left: 13px;    margin-right: 13px;}.headerbutton {    display: inline-flex;    border-radius: 50px;    padding: 10px 25px;    color: #000;    border: solid 1px #000;    transition: transform .2s;    -webkit-transition: transform .2s;    -moz-transition: transform .2s;    -ms-transition: transform .2s;    -o-transition: transform .2s;}.headerbutton:hover {    color: #000;    background: #fff;}.header-menu .navbar-brand.logo-kapat {    opacity: 0;}.header-menu .navbar-brand {    transition: transform .2s;    -webkit-transition: transform .2s;    -moz-transition: transform .2s;    -ms-transition: transform .2s;    -o-transition: transform .2s;}.header-menu .logobg {    display: inline-block;    position: absolute;    left: 0px;    text-align: center;    display: flex;    justify-content: center;    width: 100%;    top: 42px;}.header-menu .navbar-brand {    display: flex;}.header-menu .navbar-brand img {    height: 53px;    width: auto;}.header-menu .search {    width: 100%;    max-width: 460px;    padding-right: 28px;}.header-menu .search form {    position: relative;    width: 100%;}.header-menu .search form input {    width: 100%;    height: 44px;    color: #30434a;    font-weight: 500;    padding: 6px 90px 6px 44px;    border: 1px solid #f2eded;    border-radius: 44px;    -moz-border-radius: 44px;    -webkit-border-radius: 44px;    background: url('../images/icon/icon-search.svg') no-repeat 13px center;    font-size: 12px;}.header-menu .search form input:focus {    box-shadow: none;    outline: none;    border-color: #480707;}.header-menu .search form button {    position: absolute;    top: 4px;    right: 4px;    display: flex;    align-items: center;    justify-content: center;    width: 75px;    height: 36px;    padding: 0;    border: none;    background: #480707;    border-radius: 36px;    -moz-border-radius: 36px;    -webkit-border-radius: 36px;    font-weight: 600;    color: #fff;    font-size: 12px;}.header-top {    padding: 12px 0px;    width: 100%;    height: auto;    background: #480707;}.header-top-bilgi {    display: block;    margin-left: auto;}.header-top-bilgi li:first-child {    margin-left: 0px;}.header-top-bilgi li {    list-style: none;    margin-left: 22px;}.header-top-bilgi li a {    color: #fff;    font-size: .70em;    font-weight: 400;    letter-spacing: .0278em;    display: flex;    align-items: center;    text-transform: uppercase;}.header-top-bilgi li.email a {    text-transform: none;}.header-top-bilgi li a span {    margin-right: 5px;    font-size: 1.17em;}.header-top-sosyal li:first-child {    margin-left: 0px;}.header-top-sosyal li:nth-child(3) {    display: none;}.header-top-sosyal li {    list-style: none;    margin-left: 5px;}.header-top-sosyal li a {    color: #0b1319;    font-size: 13px;    width: 35px;    height: 35px;    display: flex;    align-items: center;    justify-content: center;    border: solid 1px #0b13191c;    border-radius: 50%;    transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out;}.header-top-sosyal li a:hover {    color: #fff;    border: solid 1px #0b13191c;    background: #0b1319;}.header-top-dil {    display: flex;    padding-left: 40px;}.header-top-dil li {    list-style: none;    margin-left: 22px;    position: relative;}.header-top-dil li a {    color: #fff;    font-size: .70em;    font-weight: 400;    text-transform: uppercase;    letter-spacing: .0278em;    display: flex;    align-items: center;}.header-top-dil li:first-child:before {    display: none;}.header-top-dil li:before {    content: "";    display: block;    position: absolute;    left: -12px;    top: 50%;    margin-top: -4px;    height: 9px;    width: 1px;    background-color: #30628a;}.header-top-dil li a .icon {    height: 10px;    margin-right: 5px;    display: none;}.header-top-dil li a .icon img {    height: 100%;}.header-menu .navbar-nav {    display: flex;    flex-direction: row;    flex-wrap: wrap;    align-items: flex-start;    justify-content: start;    width: 100%;    padding: 0;    margin: 0;}.header-menu .navbar {    width: 100%;    padding-right: 0;    padding-left: 0rem;    padding-top: 5px;    padding-bottom: 0;    background: #fff;    border-top: 1px solid #e3e3e3;    border-bottom: 1px solid #e3e3e3;    height: 40px;}.header-menu .navbar-nav .nav-item:nth-child(1) {    /* margin-left: 0px; */}.header-menu .navbar-nav .nav-item {    margin: 0 0px;    height: 100%;}.header-menu .navbar-nav .nav-item:nth-child(1) .nav-link {    padding-left: 20px;}.header-menu .navbar-nav .nav-item .nav-link {    position: relative;    font-style: normal;    text-transform: uppercase;    display: flex;    align-items: center;    font-size: 13px;    color: #30434a;    font-weight: 500;    padding: 9px 20px;    display: flex;    align-items: center;    border-bottom: 2px solid transparent;    transition: border-bottom .3s, color .3s;    height: 100%;    cursor: pointer;}.header-menu .navbar-nav .nav-item .nav-link.urunlerac i {    font-size: 20px;    font-weight: 500;    padding: 0px;    cursor: pointer;}.header-menu .navbar-nav .nav-item .nav-link:hover {    border-bottom: 2px solid #480707;}.header-menu .navbar-nav .nav-item .nav-link .icon {    margin-right: 15px;    display: flex;    height: auto;    color: #480707;}.header-menu .navbar-nav .nav-item .nav-link .icon .svgIcon {    fill: #480707;    height: 22px;}.header-menu .navbar-nav .nav-item .nav-link .icon .svgIcon path {    fill: #480707;}.hizmetler-menu .nav-item:nth-child(1) .nav-link .icon::before {    content: '\e947';    display: block;    font-family: "fontello";}.hizmetler-menu .nav-item:nth-child(2) .nav-link .icon::before {    content: '\e9b4';    display: block;    font-family: "fontello";}.hizmetler-menu .nav-item:nth-child(3) .nav-link .icon::before {    content: '\e952';    display: block;    font-family: "fontello";}.hizmetler-menu .nav-item:nth-child(4) .nav-link .icon::before {    content: '\e971';    display: block;    font-family: "fontello";}.header-menu .navbar-nav .nav-item .nav-link:hover {    color: #480707;}.header-menu .navbar-nav .nav-item .nav-link span {    display: block;}.header-menu .navbar-nav .nav-item .nav-link::before {    content: '';    position: absolute;    width: 100%;    height: 1px;    background: transparent;    display: block;    top: 1px;    transition: transform .4s;    -webkit-transition: transform .4s;    -moz-transition: transform .4s;    -ms-transition: transform .4s;    -o-transition: transform .4s;    opacity: 1;    left: 0px;    background: rgba(255, 255, 255, 0.288);    display: none;}.header-menu .navbar-nav .nav-item .nav-link.nav-link.active::before {    width: 100%;    background: #fff;    opacity: 1;}.header-menu .navbar-nav .nav-item .nav-link.nav-link:hover::before {    width: 100%;    background: #fff;    left: 0%;    opacity: 1;}.header-menu .nav {    margin-left: auto;}.header-menu .navbar-nav .nav-item.nav-submenu>ul {    position: fixed;    left: 0;    z-index: 901;    background: #f5f6f6;    width: 100%;    padding: 0px 0px;    height: auto;    text-align: center;    border-top: 1px solid #ccc;}.header-menu .navbar-nav .nav-item.nav-submenu>ul .acilirresim {    height: 100%;    width: 100%;    position: absolute;    background: url('../images/menubgg.jpg');    background-position: center !important;    background-size: cover !important;}.header-menu .navbar-nav .nav-item.nav-submenu>ul .menubgg {    height: 100%;    display: flex;    align-items: center;    justify-content: center;}.header-menu .navbar-nav .nav-item.nav-submenu>ul .menubgg .menuic {    max-width: 60%;}.header-menu .navbar-nav .nav-item.nav-submenu>ul li:first-child {    margin: 0px;}.header-menu .navbar-nav .nav-item.nav-submenu>ul li {    list-style: none;    display: inline-block;    margin: 0px 17px;}.header-menu .navbar-nav .nav-item.nav-submenu>ul li a {    width: 100%;    display: flex;    font-weight: 500;    font-style: normal;    font-size: 13px;    line-height: 1;    padding: 20px 0px;    transition: transform .5s ease-out;    font-weight: 500;    color: #323232;    border-bottom: 2px solid transparent;}.header-menu .navbar-nav .nav-item.nav-submenu>ul li a:hover {    color: #02923D;    border-bottom: 2px solid #323232;}.header-menu .navbar-nav .nav-submenu>a:after {    content: "\eab8";    font-family: "fontello";    margin-left: auto;    padding-left: 5px;}.header-menu .navbar-nav>.nav-submenu>a::after {    content: "\eab6";    font-family: "fontello";}.header-menu .navbar-nav ul ul {    display: none;    position: absolute;    top: 0px;    left: 100%;    z-index: 902;    background: #080A09;    width: calc(100% + 70px);    padding: 15px 0px;}.header-menu .navbar-nav li {    position: relative;}.headerBilgi {    display: flex;    height: 100%;    margin-left: 15px;}.headerBilgi li {    display: flex;    border-left: 1px solid #ffffff42;    align-items: center;}.headerBilgi li a {    display: flex;    height: 100%;    padding: 0px 20px;    color: #fff;    align-items: center;    font-size: 19px;}.headerBilgi li a.phone {    font-size: 17px;    font-weight: 700;}footer.footer8 {    width: 100%;    height: auto;    background: #fff;    padding-top: 1.5rem;    padding-bottom: 1.5rem;    padding-right: 1.5rem;    padding-left: 1.5rem;}footer.footer8 .footer-orta {    width: 100%;    height: auto;    padding: 50px 0px 35px 0px;    border-top: 1px solid #ccc;}footer.footer8 .footer_logo {    width: 100%;    height: 71px;    margin-bottom: 25px;}footer.footer8 .footer_logo img {    width: auto;    height: 100%;}footer.footer8 p {    font-size: 15px;    font-weight: 300;    width: 100%;}footer.footer8 .footer-liste {    width: 100%;    height: auto;}footer.footer8 .footer-liste span.baslikk {    font-weight: 700;    display: block;    font-size: 13px;    margin-bottom: 18px;    text-transform: uppercase;}footer.footer8 .footer-liste li {    width: 100%;    height: auto;    margin-top: 3px;    list-style: none;}footer.footer8 .footer-liste li a {    font-size: 14px;    font-weight: 400;    width: 100%;    display: block;    color: #212529;}footer.footer8 .footer-liste li a:hover {    opacity: 100%;    color: #796f51;}footer.footer8 .footer-alt {    width: 100%;    height: auto;    padding: 20px 0px;}footer.footer8 .footer-alt li {    list-style: none;    display: inline-block;}footer.footer8 .footer-alt li a {    color: #fff;    padding: 0px 50px;    text-transform: uppercase;    font-size: 16px;    letter-spacing: 1px;}footer.footer8 .footer-alt li a i {    padding-right: 10px;}footer.footer8 .footer-bilgi {    width: 100%;    height: auto;    background: rgb(255 255 255 / 5%);    padding: 20px 0px;    color: #fff;}footer.footer8 .footer-bilgi h4 {    color: #fff;}footer.footer8 .footer-sosyal {    width: 100%;    display: flex;    flex-wrap: nowrap;    margin-top: 25px}footer.footer8 .footer-sosyal li:first-child {    margin-left: 0px;}footer.footer8 .footer-sosyal li {    display: inline-block;    margin-left: 12px;    width: auto !important;}footer.footer8 .footer-sosyal li a {    width: 34px !important;    height: 34px;    display: flex;    align-items: center;    justify-content: center;    background: #dcdcdc;    color: #57585b;    border-radius: 50%;    -webkit-border-radius: 50%;    -moz-border-radius: 50%;    -ms-border-radius: 50%;    -o-border-radius: 50%;    opacity: 1;}footer.footer8 .footer-sosyal li a:hover {    background: #572600;    color: #fff;}footer.footer8 .footer-bilgi .bilgi-baslik {    margin-right: 16px;}footer.footer8 .footer-firma {    width: 100%;    height: auto;    font-size: 15px;    font-weight: bold;}footer.footer8 .footer-firma .container {}footer.footer8 .footer-firma .footer-firma-ic {    width: 100%;    height: auto;    padding-top: 0px;    padding-bottom: 0px;}footer.footer8 .footer-firma a {    color: #000;}footer.footer8 .footer-firma .footer-text {    font-size: 14px;    font-weight: 300;}footer.footer8 .footer-firma .footer-logo {    height: 20px;    display: flex;    margin-left: auto;}footer.footer8 .footer-firma .footer-logo img {    width: auto;    height: 100%;}.footer8_bilgiler {    width: 100%;    height: auto;    margin-top: 50px;}.footer8_bilgiler .footer8_bilgiler-ic {    border-top: 1px solid transparent;    border-bottom: 1px solid transparent;    border-color: #1e1e1e29;}.footer8_bilgiler .liste {    width: 100%;    height: auto;    border-right: 1px solid #1e1e1e29;    padding: 30px 30px;    -ms-flex-pack: justify;    justify-content: space-between;    display: flex;    align-items: center;}.footer8_bilgiler .liste a {    color: #212529;}.footer8_bilgiler .liste span {    font-size: 18px;}.footer8_bilgiler .liste small {    font-size: 29px;    font-weight: 700;}.newsletter-form {    display: flex;    flex-direction: column;    justify-content: center;    align-items: center;    width: 100%;    position: relative;}.newsletterCtn h3 {    margin-bottom: 4px;}.newsletterCtn form .newsletterForm .fieldNews {    display: flex;}.newsletterCtn form .newsletterForm .fieldNews input {    padding: 20px;}.newsletterCtn .kataloggg img {    border-radius: 5px;    overflow: hidden;    height: 160px;    object-fit: cover;}.newsletterCtn .kataloggg p {    font-size: 12px;}.btn.grey svg {    fill: #fff;}.btn.grey {    bottom: 0;    background-color: #494949;    color: #fff;    border: 2px solid #494949;    display: inline-block;    cursor: pointer;    outline: none;    -webkit-appearance: none;    -moz-appearance: none;    appearance: none;    -webkit-user-select: none;    -ms-user-select: none;    user-select: none;    width: fit-content;    text-transform: uppercase;    text-align: center;    border-radius: 50%;    font-size: 14px;    outline: 0;    font-weight: 400;    transition: background-color .2s ease, color .2s ease;    display: flex;    align-items: center;    width: 40px;    height: 40px;    position: absolute;    right: 4px;    top: 7px;    justify-content: center;}.btn.grey:hover {    color: #494949;    border-color: #494949;    background: transparent;}.pS {    font-size: 10px;    font-weight: 500;}.pM {    font-size: 12px;    font-weight: 500;    line-height: 1.5;}.pN {    font-size: 16px;    font-weight: 500;}.newsletterCtn input {    -webkit-appearance: none;    -moz-appearance: none;    appearance: none;    width: 100%;    padding: 14px 20px;    outline: none;    color: #000;    font-weight: 400;    resize: none;    font-size: 15px;    border-radius: 30px;    background-color: #ffffff;    border: none;    border: solid 1px #ccc;}.katalog {    width: 100%;    height: auto;    position: relative;}.katalog .katalogic {    width: 100%;    height: auto;}.katalog .katalogic .newsletterCtn {    border-radius: 0px;}.katalog .katalogic .newsletterCtn h3 {    margin-bottom: 4px;    font-weight: 500;    font-size: 21px;}.katalog .katalogic .newsletterCtn h3 b {    color: #9a7d66;}.katalog small {    border-radius: 0px;    font-size: 14px;    font-weight: 300;    width: 100%;    display: block;    color: #fff;    opacity: 70%;    margin-top: 25px;}.subHeading {    margin-bottom: 14px;    font-size: 14px;    font-weight: 500;    line-height: 1.5;}.mobilbuttonlar {    display: none;}.menu-toggle {    display: none;    background: none;    border: none;    cursor: pointer;    padding: 10px 0;    z-index: 1001;}.menu-toggle .bar {    display: block;    width: 25px;    height: 3px;    background-color: #480707;    margin: 5px 0;    transition: all 0.4s;}.menu-toggle.is-active .bar:nth-child(1) {    transform: translateY(8px) rotate(45deg);}.menu-toggle.is-active .bar:nth-child(2) {    opacity: 0;}.menu-toggle.is-active .bar:nth-child(3) {    transform: translateY(-8px) rotate(-45deg);}@media(max-width: 1024px) {    body {        padding-top: 115px;    }    footer.footer8 .footer-orta {        display: none;    }    footer.footer8 .footer-firma .footer-text {        font-size: 9px;    }    footer.footer8 {        margin-bottom: 35px;    }    .header-menu .header-ust .ust_menu {        display: none;    }    .header-menu .header-ust {        padding: 0;    }    .header-menu .kamypanya {        font-size: 15px;    }    .header-menu {        height: 120px;        overflow: hidden;    }    .menu-toggle {        display: block;        margin-left: 40px;    }    .main-nav {        justify-content: flex-end;    }    .main-nav ul {        flex-direction: column;        position: fixed;        top: 0;        left: -100%;        width: 80%;        max-width: 320px;        height: 100vh;        background-color: #1a1a1a;        padding: 120px 40px 40px;        align-items: flex-start;        gap: 25px;        transition: left 0.5s cubic-bezier(0.77, 0, 0.175, 1);        z-index: 999;    }    .main-nav ul.is-active {        left: 0;    }    .main-nav ul a {        font-size: 20px;    }    .cta-button {        display: none;    }    .btn {        border-radius: 0;        display: flex;        justify-content: center;        align-items: center;        padding: 10px 20px;        width: 100%    }    .btn svg {        width: 24px;        height: 24px;        fill: currentColor    }    .mobilbuttonlar {        position: fixed;        width: 100%;        bottom: 0;        z-index: 999;        display: flex;    }    .btn1 {        background: #480707;        border-color: #480707;        color: #fff    }    .btn2 {        background: #350404;        border-color: #350404;        color: #fff    }    .btn3 {        background: #180101;        border-color: #180101;        color: #fff    }    .header-menu .navbar-nav .nav-item {        height: auto;    }    .header-menu .navbar-nav {        display: block;        padding-top: 120px;        padding-left: 20px;    }    .header-menu .navbar-nav .nav-item .nav-link {        color: white;    }    .headerTel::before {        display: none;    }    .header-menu .navbar-nav .nav-item .nav-link:hover{        color: white;    }    .menucu {        display: block;    }}