/* mobil menü buton */

#nav-icon3 {
    width: 46px;
    height: 38px;
    position: relative;
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
    -webkit-transition: .5s ease-in-out;
    -moz-transition: .5s ease-in-out;
    -o-transition: .5s ease-in-out;
    transition: .5s ease-in-out;
    cursor: pointer;
}

#nav-icon3 span {
    display: block;
    position: absolute;
    height: 5px;
    width: 100%;
    background: #a52423;
    border-radius: 9px;
    opacity: 1;
    left: 0;
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
    -webkit-transition: .25s ease-in-out;
    -moz-transition: .25s ease-in-out;
    -o-transition: .25s ease-in-out;
    transition: .25s ease-in-out;
}

.mobile-menu-toggler {
    background: white !important;
    color: #a52423 !important;
}


/* Icon 3 */

#nav-icon3 span:nth-child(1) {
    top: 0px;
}

#nav-icon3 span:nth-child(2),
#nav-icon3 span:nth-child(3) {
    top: 15px;
}

#nav-icon3 span:nth-child(4) {
    top: 30px;
}

#nav-icon3.open span:nth-child(1) {
    top: 18px;
    width: 0%;
    left: 50%;
}

#nav-icon3.open span:nth-child(2) {
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg);
}

#nav-icon3.open span:nth-child(3) {
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    transform: rotate(-45deg);
}

#nav-icon3.open span:nth-child(4) {
    top: 18px;
    width: 0%;
    left: 50%;
}

.yeni-pad {
    padding: 6rem 2rem !important;
    font-size: 1.8rem !important;
}

.yeni_yon {
    max-width: 35rem!important;
}


/* mobil menü buton */

.title_alt_div_m {
    border: 1px solid #a52423;
    margin-bottom: 5px;
    width: 200px;
    max-width: 100%;
}

.urun_title_alt_div {
    border: 0.5px solid #e8e8e8;
    margin-bottom: 5px;
    width: 200px;
    max-width: 100%;
}

/* Font Size */

.text-1 {
    font-size: .8em !important;
}

.text-2 {
    font-size: .9em !important;
}

.text-3 {
    font-size: 1em !important;
}

.text-4 {
    font-size: 1.2em !important;
}

.text-5 {
    font-size: 1.50em !important;
}

.text-6 {
    font-size: 1.80em !important;
}

.text-7 {
    font-size: 2em !important;
}

.text-8 {
    font-size: 2.30em !important;
}

.text-9 {
    font-size: 2.50em !important;
}

.text-10 {
    font-size: 2.75em !important;
}

.text-11 {
    font-size: 3em !important;
}

.text-12 {
    font-size: 3.5em !important;
}

.text-13 {
    font-size: 4em !important;
}

.text-14 {
    font-size: 4.5em !important;
}

.text-15 {
    font-size: 5em !important;
}

/* Font Size */

.ana_iletisim {
    border-color: #a52423!important;
    border: 1px solid !important;
    background-color:#fff;
    color: #a52423 !important;
    cursor:pointer;
}

.ana_iletisim:hover {
    color: #fff !important;
}

.btn-teklif {
    border-color: #000000;
    border: 1px solid ;
    background-color:#fff;
    color:  #000000 !important;
    box-shadow: none;
}

.btn-teklif:hover {
    border-color: #000000;
    border: 1px solid ;
    background-color:#000000;
    color: #fff !important;
    box-shadow: none;
    cursor:pointer;
}

.btn-custom {
    border-color: #a52423;
    border: 1px solid ;
    background-color:#fff;
    color:  #a52423 !important;
    box-shadow: none;
}

.btn-custom:hover {
    border-color: #a52423;
    border: 1px solid ;
    background-color:#a52423;
    color: #fff !important;
    box-shadow: none;
    cursor:pointer;
}

.contact-box {
    height: 160px;
    max-height: 100%;
}

.iletisim_bg {
    background-color: #f1f1f1 !important;
}

.bg_header {
    background-color: #fffaea !important;
}

@media (min-width: 600px) {
    
    .t-size-1 {
        font-size: 1.5vw !important;
    }
    
    .t-size-2 {
        font-size: 1.5vw !important;
    }
    
    .t-size-3 {
        font-size: 2vw !important;
    }
    
    .t-size-4 {
        font-size: 2.5vw !important;
    }
    
    .t-size-5 {
        font-size: 3em !important;
    }
    
    .t-size-6 {
        font-size: 3.5vw !important;
    }
    
    .t-size-7 {
        font-size: 4vw !important;
    }
    
    .t-size-8 {
        font-size: 4.5vw !important;
    }
    .t-size-9 {
        font-size: 5vw !important;
    }
    .t-size-10 {
        font-size: 5.5vw !important;
    }
}

.ikon_iletisim {
    color: #a52423 !important;
}

.bize-ulasin {
    background-color: rgb(255 255 255 / 90%);
}

.bayilik {
    box-shadow: 0 4px 8px 0 rgb(0 0 0 / 20%), 0 6px 20px 0 rgb(0 0 0 / 19%);
    border-radius: 4px;
    width: 150px;
    max-width: 100%;
}

.bg_clr_3 {
    background-color: #c7ced4;
}

.golge {
    box-shadow: 0px 2px 8px rgb(0 0 0 / 30%);
}

.sayilar {
    background-color: rgb(255 255 255 / 80%);
}

.s-sayi {
    color:#a52423;
    line-height:normal;
}

.tab_btn_1,
.tab_btn_1:visited {
    
    border-color: #a52423;
    border: 1px solid ;
    background-color:#fff;
    color:  #a52423 !important;
    box-shadow: none;
}
.tab_btn_1.active,
.tab_btn_1:active,
.tab_btn_1:hover,
.tab_btn_1:focus,
.tab_btn_1:focus-within {
    border-color: #a52423;
    border: 1px solid ;
    background-color:#a52423;
    color: #fff !important;
    box-shadow: none;
    cursor:pointer;
    
}

.btn_1>*,
.btn_1:visited>* {
    color: #151719 !important;
}
.btn_1:active>*,
.btn_1:hover>*,
.btn_1:focus>*,
.btn_1:focus-within>* {
    color: #a52423 !important;
}

.b-baslik {
    min-height: 55px;
}

.b-aciklama {
    min-height:150px;
}

.b-img {
    min-height:170px;
}

/* .is_div {
    width: 120px;
    height: 120px;
    max-width: 100%;
    max-height: 100%;
} */

.i-textarea {
    max-width: unset !important;
}

.i-color {
    color: #a52423 !important;
}

.bg-urun {
    background-color:  #a52423 !important;
}

.bg-card {
    background-color:#e9e9e9; 
    background-size: cover; 
    background-position: center;
}

.bg-footer {
    background-color: #b5b7b8 !important;
    border-top: 4px solid #b5b7b8 !important;
}

.footer {
    border-top: 1px solid #a0a0a0;
}

.footer-text {
    color : #a52423 !important; 
}

.sosyal-medya {
    border: 1px solid rgba(0, 0, 0);
}

.urun-h {
    max-width:1900px !important;
}

.s-text-g {
    text-shadow: 2px 0 2px #a52423, -2px 0 2px #a52423, 0 2px 2px #a52423, 0 -2px 2px #a52423, 1px 1px #a52423, -1px -1px 2px #a52423, 1px -1px 2px #a52423, -1px 1px 2px #a52423;
}

.c-b {
    box-shadow: unset !important;
}