/* ortabolum baslangic */
.section-tb-padding {
    padding-top: 100px;
    padding-bottom: 100px;
}
.section-capture {
    margin-bottom: 70px;
    text-align: center;
}

.section-capture .section-title {
    width: 41.67%;
    margin: 0 auto;
}
.section-capture .section-title span.subtitle {
    color: var(--primary-color);
    font-size: 22px;
    margin-bottom: 12px;
}

span {
    display: inline-block;
}

.section-capture .section-title h2 {
    font-size: 40px;
}
.room-service-area .room-service-block ul.room-service-ul {
    display: flex;
    flex-wrap: wrap;
    margin-top: -30px;
    margin-left: -30px;
}
.room-service-area .room-service-block ul.room-service-ul li.room-service-li {
    background-color: #ffffff;
    width: calc(33.33% - 30px);
    margin-top: 30px;
    margin-left: 30px;
    border: 1px solid rgb(128 128 128 / 15%);
}
.room-service-area .room-service-block ul.room-service-ul li.room-service-li .room-service-main {
    padding: 50px 80px;
    display: flex;
    align-items: center;
}
.room-service-area .room-service-block ul.room-service-ul li.room-service-li:hover .room-service-main .service-icon a.icon {
    -webkit-transform: rotateY(180deg);
    -o-transform: rotateY(180deg);
    transform: rotateY(180deg);
}
.room-service-area .room-service-block ul.room-service-ul li.room-service-li .room-service-main .service-icon a.icon,
.room-service-area .room-service-block ul.room-service-ul li.room-service-li:hover .room-service-main .service-icon a.icon {
    -webkit-transition: all 0.7s ease-in-out 0s;
    -o-transition: all 0.7s ease-in-out 0s;
    transition: all 0.7s ease-in-out 0s;
}
.room-service-area .room-service-block ul.room-service-ul li.room-service-li .room-service-main .service-icon a.icon img {
    width: 55px;
    height: 55px;
}
.room-service-area .room-service-block ul.room-service-ul li.room-service-li .room-service-main .service-text {
    width: calc(100% - 80px);
    margin-left: 30px;
}
.room-service-area .room-service-block ul.room-service-ul li.room-service-li .room-service-main .service-text span.title {
    font-weight: 500;
    /*text-transform: uppercase;*/
}
.room-service-area .room-service-block ul.room-service-ul li.room-service-li .room-service-main .service-text p.desc {
    margin-top: 19px;
}
@media (max-width: 1399px) {
    .room-service-area .room-service-block ul.room-service-ul li.room-service-li .room-service-main {
        padding: 50px;
    }
}
@media (max-width: 1199px) {
    .room-service-area .room-service-block ul.room-service-ul li.room-service-li {
        width: calc(50% - 30px);
    }
    .room-service-area .room-service-block ul.room-service-ul li.room-service-li .room-service-main {
        padding: 30px;
    }
    .room-service-area .room-service-block ul.room-service-ul li.room-service-li .room-service-main .service-text p.desc {
        margin-top: 9px;
    }
}
@media (max-width: 767px) {
    .room-service-area .room-service-block ul.room-service-ul {
        margin-left: -12px;
    }
    .room-service-area .room-service-block ul.room-service-ul li.room-service-li {
        width: calc(50% - 12px);
        margin-left: 12px;
    }
    .room-service-area .room-service-block ul.room-service-ul li.room-service-li .room-service-main {
        padding: 30px 12px;
    }
}
@media (max-width: 479px) {
    .room-service-area .room-service-block ul.room-service-ul li.room-service-li {
        width: calc(100% - 12px);
    }
}


ul {
    list-style: none;
    margin: 0;
    padding: 0;
}

a, a:hover {
    -webkit-transition: color 0.3s ease-in-out,background-color 0.3s ease-in-out,border-color 0.3s ease-in-out;
    -o-transition: color 0.3s ease-in-out,background-color 0.3s ease-in-out,border-color 0.3s ease-in-out;
    transition: color 0.3s ease-in-out,background-color 0.3s ease-in-out,border-color 0.3s ease-in-out;
}
a {
    display: inline-block;
    color: var(--body-font-color);
    text-decoration: none;
}


/* ortabolum bitis */


/* anasayfa hakkimizda baslangic */

.about-two {
    background: #F4F4F4;
    z-index: -1;
  }
  .about-two .left-about{
    width: 688px;
  }
  .about-two .left-about .about-05 {
    position: relative;
    display: block;
    max-width: 470px;
    margin-left: 55px;
  }
  .about-two .left-about .about-04 {
    right: 30%;
    bottom: 5%;
  }
  .about-list li {
    border-radius: 3px;
    border: 1px solid #ECECEC;
    margin-bottom: 20px;
    padding: 14px 70px;
    position: relative;
}
  .about-two .about-list li {
    width: 218px;
    height: 165px;
    border-radius: 3px;
    background: #FFF;
    padding: 25px 25px;
    padding-top: 70px;
    margin-right:30px;
  }
  .about-two .about-list li::after {
    top: 25px;
    margin-bottom: 10px;
  }
.about-two .shapes-02 {
    width: 17px;
    height: 370px;
    background: #f9b004;
    transform: rotate(0deg);
    bottom: 100%;
    right: 29%;
}
  .about-two .para-text p{
    color: #010212;
    font-family: Kumbh Sans;
    font-size: 20px;
    font-style: normal;
    font-weight: 500;
    line-height: 34px; /* 170% */
  }
  .about-two .heading-shape .h4::before {
    content: url('../images/shape-03.svg');
    position: absolute;
    bottom: -19%;
    left: 5%;
    z-index: -1;
  }

.tran5s {
    transition: all 0.5s ease-in-out;
}
.mb-100 {
    margin-bottom: 100px;
}
.pb-100 {
    padding-bottom: 100px;
}
.pt-150 {
    padding-top: 150px;
}
.shapes {
    position: absolute;
}
.span-two {
    color: #f9b004;
    font-size: 20px;
    font-weight: 500;
    line-height: 34px;
    /*text-transform: uppercase;*/
}
.pb-30 {
    padding-bottom: 30px;
}
.pt-10 {
    padding-top: 10px;
}
.fw-700 {
    font-weight: 700;
}
.heading-shape .h4, .heading-shape h4 {
    font-size: 45px;
    line-height: 72px;
}
.fw-500 {
    font-weight: 500;
}
p {
    line-height: 34px;
}
.mb-20 {
    margin-bottom: 20px;
}
.mt-30 {
    margin-top: 30px;
}
.fs-20 {
    font-size: 20px;
}
a, ul, li, span, form, input, h1, h2, h3, h4, h6, p {
    margin: 0;
    padding: 0;
}
ul {
    list-style: none;
    padding: 0;
    margin: 0;
}
.about-list li::after {
    content: url(../images/hex-check.svg);
    position: absolute;
    left: 20px;
}
.opacity {
    opacity: 0.8;
}
/* anasayfa hakkimizda bitis */


/*urunler baslangic*/

.yazilarayar {
    padding-top:25px;
    padding-bottom:25px;

}
.yazilarayar p {
    text-align:justify;
}
.speckback {
    background-color:#f6f6f6;
}
#urunlergenel h1 {
    color: #fff;
    text-transform: uppercase;
    background-color: #174927;
    margin-top: 40px;
    /*margin-left: 15px;*/
    font-weight: 100;
}
#urunlergenel h3 {
    color: rgb(23 73 39);
}
.specfoto {
    width:40%;
    height:auto;
}
.specfotosmall {
    width: 22%;
    height: auto;
}
.specfotoayar {
    text-align: right;
    margin-top: 25px;
}
/*tablo baslangic*/
#urunlergenel .table {
    width: 100%;
    border-collapse: collapse;
}

    #urunlergenel .table td,#urunlergenel .table th {
        padding:12px 15px;
        border:1px solid #ddd;
        text-align:center;
        font-size:16px;
    }
    #urunlergenel .table th {
        background-color: #f9b004;
        color: #fff;
    }

    #urunlergenel .table tbody tr:nth-child(even) {
        background-color:#f5f5f5;
    }
.specdetay {
    padding: 15px;
}


@media(max-width:480px) {
    #urunlergenel .table thead {
        display:none;
    }

    #urunlergenel .table, #urunlergenel .table tbody, #urunlergenel .table tr, #urunlergenel .table td {
        display:block;
        width:100%;
    }

        #urunlergenel .table tr {
            margin-bottom:15px;
        }
        #urunlergenel .table td {
            text-align:right;
            padding-left:50%;
            padding-top:25px;
            padding-bottom:25px;
            text-align:right;
            position:relative;
        }

            #urunlergenel .table td:before {
                content:attr(data-label);
                position:absolute;
                left:0;
                width:50%;
                padding-left:15px;
                font-size:15px;
                font-weight:bold;
                text-align:left;
            }

    .specdetay {
        padding: 0px;
    }
    .specfoto {
        width: 70%;
        height: auto;
    }
    .specfotosmall {
        width: 40%;
        height: auto;
    }
    .mobilcontact {
        margin-top:25px;
    }
    .about-two .left-about {
        width: 100%;
    }
    .about-two .shapes-02 {
        width: 17px;
        height: 370px;
        background: #f9b004;
        transform: rotate(0deg);
        bottom: 100%;
        right: 29%;
        display: none;
    }
    .about-two .left-about .about-05 {
        position: relative;
        display: block;
        max-width: 100%;
        margin-left: 0;
    }
    .heading-shape .h4, .heading-shape h4 {
        font-size: 20px;
        line-height: 38px;
    }
    .about-two .left-about .about-04 {
        right: 0%;
        bottom: 5%;
        display: none;
    }
    .pt-150 {
        padding-top: 65px;
    }
    .span-two {
        color: #f9b004;
        font-size: 20px;
        font-weight: 500;
        line-height: 34px;
        /* text-transform: uppercase; */
        margin-top: 25px;
    }
    .pb-100 {
        padding-bottom: 20px;
    }
    .mil-p-120-90, .mil-p-90-60 {
        padding-top: 0px;
        padding-bottom: 30px;
    }
    .mil-wrapper {
        position: relative;
        overflow: hidden;
        width: 100%;
        height: auto;
        margin-top: -50px;
    }
    .section-tb-padding {
        padding-top: 25px;
        padding-bottom: 100px;
    }
    .section-capture .section-title {
        width: 100%;
        margin: 0 auto;
    }
    .mbaslik {
        font-size:1.4rem !important;
    }
    .textsmall {
        font-size: 1.5rem !important;
    }
}


/*tablo bitis*/

/*urunler bitis*/
.textsmall {
    font-size:3rem;
}
.room-service-area {
    background-color:#f4f4f4;
}