body {
    font-family: 'Mulish', sans-serif !important;
    overflow-x: hidden;
    color: #222222;
    background-color: #fff;
}

a {
    color: #2F2C2C;
    text-decoration: none;
}

a:hover {
    color: #000;
    text-decoration: none;
}

.positionRelative {
    position: relative !important;
}

.displayNone {
    display: none !important;
}

.displayInlineBlock {
    display: inline-block !important;
}

.noTextDecoration {
    text-decoration: none !important;
}

.noTextDecoration:hover {
    text-decoration: none;
}

.dot {
    list-style: none;

}

.text-left {
    text-align: left !important;
}

.noBorder {
    border: 0px !important;
}

.clear {
    clear: both !important;
}

.floatLeft {
    float: left !important;
}

.floatRight {
    float: right !important;
}

.cursorPointer {
    cursor: pointer !important;
}

.heightAuto {
    height: auto !important;
}

.height100 {
    height: 100% !important;
}

.height0 {
    height: 0% !important;
}

.width100 {
    width: 100% !important;
}

.noBorderRadious {
    -webkit-border-radius: 0px !important;
    -moz-border-radius: 0px !important;
    border-radius: 0px !important;
}


.div1 {
    display: table !important;
}

.div2 {
    display: table-cell !important;
    vertical-align: middle !important;
}

.square {
    position: relative;
}

.square:after {
    content: "";
    display: block;
    padding-bottom: 100%;
}

.content {
    position: absolute;
    width: 100%;
    height: 100%;
}

.row-eq-height-all {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
}

@media (min-width: 991px) {
    .row-eq-height {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
    }
}


@media (min-width: 1200px) {
    .col-list-5 {
        width: 20% !important;
    }
}


@media only screen and (min-width : 0px) {
    .flex-row.row {
        display: flex;
        flex-wrap: wrap;
    }

    .flex-row.row>[class*='col-'] {
        display: flex;
        flex-direction: column;
    }

    .flex-row.row:after,
    .flex-row.row:before {
        display: flex;
    }

    .flex-row.row>[class*='col-']>.box {
        display: flex;
        flex: 1;
    }
}


.flex-row .thumbnail,
.flex-row .caption {
    display: flex;
    flex: 1 0 auto;
    flex-direction: column;
}

.flex-row .caption p.flex-text {
    flex-grow: 1;
}

.flex-row img {
    width: 100%;
    height: auto;
}



/* MARGİN PADDİNG */

.margin0 {
    margin: 0px !important;
}

.margin5 {
    margin: 5px !important;
}

.marginTop0 {
    margin-top: 0px !important;
}

.marginTop5 {
    margin-top: 5px !important;
}

.marginTop10 {
    margin-top: 10px !important;
}

.marginTop22 {
    margin-top: 22px !important;
}

.marginTop15 {
    margin-top: 15px !important;
}

.marginBottom20px {
    margin-bottom: 20px !important;
}

.marginBottom30px {
    margin-bottom: 30px !important;
}

.marginTop20 {
    margin-top: 20px !important;
}

.marginTop25 {
    margin-top: 25px !important;
}

.marginTop30 {
    margin-top: 30px !important;
}

.marginTop35 {
    margin-top: 35px !important;
}

.marginTop40 {
    margin-top: 40px !important;
}

.marginTop50 {
    margin-top: 50px !important;
}

.marginTop55 {
    margin-top: 55px !important;
}

.marginTop60 {
    margin-top: 60px !important;
}

.marginTop80 {
    margin-top: 80px !important;
}

.marginTop100 {
    margin-top: 100px !important;
}

.marginBottom0 {
    margin-bottom: 0 !important;
}

.marginBottom5 {
    margin-bottom: 5px !important;
}

.marginBottom10 {
    margin-bottom: 10px !important;
}

.marginBottom15 {
    margin-bottom: 15px !important;
}

.marginBottom20 {
    margin-bottom: 20px !important;
}

.marginBottom30 {
    margin-bottom: 30px !important;
}

.marginBottom40 {
    margin-bottom: 40px !important;
}

.marginBottom50 {
    margin-bottom: 50px !important;
}

.marginLeft5px {
    margin-left: 5px;
}

.marginLeft8px {
    margin-left: 8px;
}

.marginLeft70px {
    margin-left: 70px;
}

.marginLeft15px {
    margin-left: 15px;
}

.marginRight0 {
    margin-right: 0px !important;
}

.marginRight5px {
    margin-right: 5px;
}

.marginRight10px {
    margin-right: 5px;
}

.marginRight15px {
    margin-right: 15px;
}

.padding0 {
    padding: 0px !important;
}

.padding3 {
    padding: 3px !important;
}

.padding5 {
    padding: 5px !important;
}

.padding10 {
    padding: 10px !important;
}

.padding15 {
    padding: 15px !important;
}

.padding20 {
    padding: 20px !important;
}

.paddingTop0 {
    padding-top: 0px !important;
}

.paddingTop5 {
    padding-top: 5px !important;
}

.paddingTop7 {
    padding-top: 7px;
}

.paddingTop10 {
    padding-top: 10px !important;
}

.paddingTop20 {
    padding-top: 20px !important;
}

.paddingTop30 {
    padding-top: 30px !important;
}

.paddingTop40 {
    padding-top: 40px !important;
}

.paddingTop50 {
    padding-top: 40px !important;
}

.paddingBottom0 {
    padding-bottom: 0px !important;
}

.paddingBottom5 {
    padding-bottom: 5px !important;
}

.paddingBottom10 {
    padding-bottom: 10px !important;
}

.paddingBottom20 {
    padding-bottom: 20px !important;
}

.paddingBottom30 {
    padding-bottom: 30px !important;
}

.paddingRight0 {
    padding-right: 0px !important;
}

.paddingRight5 {
    padding-right: 5px !important;
}

.paddingRight10 {
    padding-right: 10px;
}

.paddingRight15 {
    padding-right: 15px;
}

.paddingRight25 {
    padding-right: 25px !important;
}

.paddingRight50 {
    padding-right: 110px !important;
}

.padding0-5 {
    padding: 0px 5px !important;
}

.padding0-10 {
    padding: 0px 10px !important;
}

.padding0-15 {
    padding: 0px 15px !important;
}

.padding0-15ppx {
    padding: 0px 15px 15px 15px !important;
}

.padding0-15px-px {
    padding: 0px 25px 15px 0px !important;
}

.padding15-0 {
    padding: 15px 0px !important;
}

.padding0-30 {
    padding: 0px 30px !important;
}

.padding0-20 {
    padding: 0px 20px !important;
}

.padding10-5 {
    padding: 10px 5px !important;
}

.padding15-15-0-15 {
    padding: 15px 15px 0 15px !important;
}

.paddingRight5-10-5-0 {
    padding: 5px 10px 5px 0;
}

.paddingLeft0 {
    padding-left: 0px !important;
}

.paddingLeft5 {
    padding-left: 5px;
}

.paddingLeft10 {
    padding-left: 10px;
}

.paddingLeft15 {
    padding-left: 15px !important;
}


.paddingLeft13 {
    padding-left: 13px;
}

.paddingLeft25 {
    padding-left: 25px;
}

.paddingLeft30 {
    padding-left: 30px !important;
}

.paddingLeft40 {
    padding-left: 40px !important;
}

.paddingLeft50 {
    padding-left: 50px !important;
}

.padding-10-40 {
    padding: 10px 40px !important;
}

/* MARGİN PADDİNG */


.textAlignCenter {
    text-align: center !important;
}

.textAlignStart {
    text-align: start !important;
}

.g-recaptcha {
    margin-left: calc(50% - 117px);
    -ms-transform: scale(0.77);
    transform: scale(0.77);
    -webkit-transform: scale(0.77);
    -ms-transform-origin: 0 0;
    transform-origin: 0 0;
    -webkit-transform-origin: 0 0
}

.kvkk_check {
    float: left;
    width: 25px;
    margin-top: 2px !important;
}

.kvkk_text {
    float: left;
    width: calc(100% - 25px);
    font-size: 15px;
    line-height: 18px;
    font-weight: 600;
}

.kvkk_text a {
    color: #555;
}


.formLabel {
    font-size: 14px;
    line-height: 18px;
    font-weight: 500;
    color: #555;
}

.formLabel i {
    color: #DE6356;
}

.videoBacks {
    background-size: 100% auto;
    background-repeat: no-repeat;
    background-position: center center;
}

.squareVideo {
    position: relative;
    border: 1px solid #ddd;
}

.squareVideo:after {
    content: "";
    display: block;
    padding-bottom: 56.2%;
}

.contentVideo {
    position: absolute;
    width: 100%;
    height: 100%;
    background-color: #f9f9f9;
}


.playVideo {
    position: absolute;
    background-color: rgba(0, 0, 0, 0.2);
    height: 100%;
    width: 100%;
    top: 0px;
    left: 0px;
    background-image: url("https://www.rolbers.com/layout/images/play.png");
    background-size: 50px auto;
    background-repeat: no-repeat;
    background-position: center center;
}

.contentVideo:hover .playVideo {
    background-color: rgba(0, 0, 0, 0.4);
}

.selected-lang-img {
    content: '';
    display: block;
    position: absolute;
    left: 0;
    top: 3px;
    width: 20px;
    height: 20px;
    background-image: url(../images/eng.svg);
    background-repeat: no-repeat;
    background-size: contain;
}

.selected-lang-2-img {
    content: '';
    display: block;
    position: absolute;
    left: 0;
    top: 3px;
    width: 20px;
    height: 20px;
    background-image: url(../images/tr.svg);
    background-repeat: no-repeat;
    background-size: contain;
}

@media (max-width: 991px) and (min-width: 768px) {
    .selected-lang-img-3 {
        content: '';
        display: block;
        position: absolute;
        right: 30px !important;
        top: 3px;
        width: 20px;
        height: 20px;
        background-image: url(../images/tr.svg);
        background-repeat: no-repeat;
        background-size: contain;
    }

    .selected-lang-img-4 {
        content: '';
        display: block;
        position: absolute;
        right: 0px !important;
        top: 3px;
        width: 20px;
        height: 20px;
        background-image: url(../images/eng.svg);
        background-repeat: no-repeat;
        background-size: contain;
    }

    .langMenu {
        position: absolute;
        right: 0;
        top: 22px;
    }
}

@media (max-width: 768px) and (min-width: 576px) {
    .selected-lang-img-3 {
        content: '';
        display: block;
        position: absolute;
        right: 30px !important;
        top: 3px;
        width: 20px;
        height: 20px;
        background-image: url(../images/tr.svg);
        background-repeat: no-repeat;
        background-size: contain;
    }

    .selected-lang-img-4 {
        content: '';
        display: block;
        position: absolute;
        right: 0px !important;
        top: 3px;
        width: 20px;
        height: 20px;
        background-image: url(../images/eng.svg);
        background-repeat: no-repeat;
        background-size: contain;
    }

    .langMenu {
        position: absolute;
        right: 0;
        top: 19px;
    }
}

@media (max-width: 576px) {
    .selected-lang-img-3 {
        content: '';
        display: block;
        position: absolute;
        right: 30px !important;
        top: 3px;
        width: 20px;
        height: 20px;
        background-image: url(../images/tr.svg);
        background-repeat: no-repeat;
        background-size: contain;
    }

    .selected-lang-img-4 {
        content: '';
        display: block;
        position: absolute;
        right: 0px !important;
        top: 3px;
        width: 20px;
        height: 20px;
        background-image: url(../images/eng.svg);
        background-repeat: no-repeat;
        background-size: contain;
    }

    .langMenu {
        position: absolute;
        right: 0;
        top: 19px;
    }
}

@media (min-width: 320px) {

    .hidden300-2 {
        display: none !important;
    }
}

@media (max-width: 320px) {

    .hidden300 {
        display: none !important;
    }

    .langMenu {
        position: absolute;
        right: 5px;
        top: 5px;
    }
}

.yukari-cik {
    z-index: 999;
    cursor: pointer;
    position: fixed;
    bottom: 70px;
    right: 30px;
    border-radius: 50px;
    background-color: #000;
    height: 40px;
    width: 40px;
    background-image: url(../images/yukaricik.svg);
    background-size: 15px 9px;
    background-position: center 15px;
    background-repeat: no-repeat;
}

.yukari-cik i {
    font-size: 28px;
    color: #fff;
}

@media (max-width: 991px) {
    .yukari-cik {
        bottom: 90px;
        right: 20px;
    }
}

@media (max-width: 767px) {
    .yukari-cik {
        bottom: 90px;
        right: 10px;
    }
}





.wsSabit {
    padding: 11px 13px;
    position: fixed;
    z-index: 1009;
    bottom: 20px;
    right: 5px;
    background-color: #25D366;
    color: #fff;
    font-size: 16px;
    font-weight: 500;
    line-height: 20px;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;

    -webkit-transition: all 0.1s ease;
    -moz-transition: all 0.1s ease;
    -o-transition: all 0.1s ease;
    -ms-transition: all 0.1s ease;
    transition: all 0.1s ease;
}

.wsSabit i {
    float: left;
    font-size: 30px;
}

.wsSabitColor {
    right: auto;
    left: 30px;
    background-color: #666;
}



.wsSabitMasaustu {
    padding: 8px 18px;
    position: fixed;
    z-index: 1009;
    bottom: 20px;
    right: 30px;
    background-color: #25D366;
    color: #fff;
    font-size: 16px;
    font-weight: 500;
    line-height: 20px;
    -webkit-border-radius: 16px;
    -moz-border-radius: 16px;
    border-radius: 16px;

    -webkit-transition: all 0.1s ease;
    -moz-transition: all 0.1s ease;
    -o-transition: all 0.1s ease;
    -ms-transition: all 0.1s ease;
    transition: all 0.1s ease;
}


@media (min-width:768px) and (max-width: 991px) {
    .wsSabitMasaustu {
        bottom: 20px;
        right: 20px;
    }
}





/* MOBİLE MENU */

.close-icon {
    display: block;
    cursor: pointer;
    box-sizing: border-box;
    width: 26px;
    height: 26px;
    border-width: 3px;
    border-style: solid;
    border-color: transparent;
    border-radius: 100%;
    background: -webkit-linear-gradient(-45deg, transparent 0%, transparent 46%, #2F2C2C 46%, #2F2C2C 55%, transparent 55%, transparent 100%), -webkit-linear-gradient(45deg, transparent 0%, transparent 46%, #2F2C2C 46%, #2F2C2C 55%, transparent 55%, transparent 100%);

}

.close-icon-2 {
    display: block;
    cursor: pointer;
    box-sizing: border-box;
    width: 26px;
    height: 26px;
    border-width: 3px;
    border-style: solid;
    border-color: transparent;
    border-radius: 100%;
    background: -webkit-linear-gradient(-45deg, transparent 0%, transparent 46%, #fff 46%, #fff 55%, transparent 55%, transparent 100%), -webkit-linear-gradient(45deg, transparent 0%, transparent 46%, #fff 46%, #fff 55%, transparent 55%, transparent 100%);

}



@media (max-width: 991px) {

    body.stickyPage {
        position: relative !important;
        overflow: hidden !important;
        top: inherit;
    }


    body.stickyPage #pageOverlay {
        position: fixed;
        z-index: 9990;
        left: 0;
        top: 0;
        right: 0;
        bottom: 0;
        width: 100vw;
        height: 100vh;
        background: rgba(0, 0, 0, 0.5);
        opacity: 1;
        -webkit-transition: opacity 0.375s cubic-bezier(0.25, 0.8, 0.25, 1);
        -o-transition: opacity 0.375s cubic-bezier(0.25, 0.8, 0.25, 1);
        transition: opacity 0.375s cubic-bezier(0.25, 0.8, 0.25, 1);
    }


    .htmlFixed {
        position: fixed;
        width: 100%;
        height: 100%;
    }

    .marginLeft70px {
        margin-left: 0;
    }
}

.dilSRightTop {
    position: absolute;
    z-index: 999;
    font-weight: 600;
    top: 0px;
    right: 5px;
    background-color: #DE0031;
    color: #fff;
    padding: 15px;
}


@media (min-width: 993px) {
    #mobileMenu {
        display: none !important;
    }

    #mobileMenuOpenBtn {
        display: none !important;
    }
}

#mobileMenuOpenBtn {
    background-color: transparent;
    border-radius: 100%;
    position: fixed;
    top: 40px;
    left: 0px;
    height: 45px;
    padding: 15px 0px;
    width: 45px;
    cursor: pointer;
    z-index: 9980;
}

#mobileMenuOpenBtn div {
    height: 2.2px;
    width: 25px;
    margin: 5px 14px 2px 14px;
    background-color: #fff;
}

.btnRenk {
    background-color: #2F2C2C !important;
}


.mobileMenuSocial {
    bottom: 0px;
    width: 260px;
    padding: 10px 0px;
    padding-left: 20px;
    background-color: transparent;
}

.mobileMenuSocial img {
    height: 30px;
}

#mobileMenu {
    font-weight: 600;
    width: 260px;
    height: 100%;
    position: fixed;
    top: 0px;
    left: -260px;
    z-index: 9999;
    background-color: #fff;
    -webkit-transition: all 0.1s ease;
    -moz-transition: all 0.1s ease;
    -o-transition: all 0.1s ease;
    -ms-transition: all 0.1s ease;
    transition: all 0.1s ease;
    overflow-y: scroll;
    overflow-x: hidden;
}


#filtre-menu {
    font-weight: 600;
    width: 100%;
    height: 100%;
    position: fixed;
    top: 0px;
    left: -100%;
    z-index: 9;
    background-color: transparent;
    -webkit-transition: all 0.1s ease;
    -moz-transition: all 0.1s ease;
    -o-transition: all 0.1s ease;
    -ms-transition: all 0.1s ease;
    transition: all 0.1s ease;
    overflow-y: scroll;
    overflow-x: hidden;
    background-color: #00000075;
}

#filtre-menuCon {
    position: relative !important;

}

#filtre-menu .mobileFilterClose {
    width: 46px;
    float: left;
    padding: 10px;
    margin: 10px 10px;
}

#filtre-menu .filterUL {
    list-style: none;
    padding: 0px 0px;
}

#filtre-menu .leftMenu {
    background-color: #fff;
    margin-top: 0px;
    width: 300px;
    padding: 0px;
    display: block;
    margin-left: auto;
    margin-right: auto;
}


#filtre-menu .leftmenu_list {
    color: #333333;
    font-size: 9pt;
    letter-spacing: 1px;
    line-height: 20px;
    margin-top: 0px;
    padding: 8px 25px 6px 10px;
    font-weight: 500;
    position: relative;
    font-size: 10pt;
    border: 2px solid #F2F5FA;
    background-color: #F2F5FA;
    text-align: start;
}



#filtre-menu .filterUL li {
    list-style: none;
    padding: 0px;
    cursor: pointer;
}

#filtre-menu .filterUL li {
    padding: 0px 0px;
    text-align: center;
}

#filtre-menu .filterUL>li {
    border-bottom: 1px solid rgba(0, 0, 0, 0.1);
}

#filtre-menu .filterUL li a {
    color: #222222;
    font-size: 14px;
    font-weight: 600;
}

#filtre-menu .filterUL li ul {
    padding: 0px 10px;
}

#filtre-menu .filterUL li ul li {
    padding: 0px;
    padding-top: 25px;
}

#filtre-menu .filterUL .backColor {
    background-color: #71BB7C;
    margin-top: 10px;
}

#filtre-menu .filterUL li .leftmenu_list label span {
    padding: 0px 15px;
}

.leftmenu_list label span {
    padding-left: 15px;

}


#filtre-menu .filterUL .backColorS {
    background-color: #704685;
    margin-top: 10px;
}

#filtre-menu .filterUL .backColor a,
#filtre-menu .filterUL .backColorS a {
    color: #fff;
}

#filtre-menu .filterUL>li.mobileFilterOpen ul {
    height: auto;
    opacity: 1;
}

#filtre-menu.open {
    left: 0px;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    -ms-transition: all 0.5s ease;
    transition: all 0.5s ease;
}

#mobileMenu .mobileUl>li.mobileMenuOpen ul {
    height: auto;
    opacity: 1;
}

.mobileMenuCon {
    position: relative !important;
}

#mobileMenu a:hover {
    text-decoration: none !important;
}

#mobileMenu.open {
    left: 0px;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    -ms-transition: all 0.5s ease;
    transition: all 0.5s ease;
}

.mobiletopArea {
    top: 0px;
    width: 260px;
    background-color: transparent;
    border-bottom: 1px solid rgba(255, 255, 255, 0.1);
}

#mobileMenu .mobilelogoArea {
    width: 100%;
    width: auto;
    float: left;
    margin: 20px 0px;
    padding: 0px;
    border-left: 1px solid rgba(255, 255, 255, 0.1);
}

#mobileMenu .mobilelogoArea img {
    width: 130px;
    height: auto;
    margin: 0px 0px 0 18px;
}


#mobileMenu .mobileMenuClose {
    width: 46px;
    float: right;
    padding: 10px;
    margin: 10px 0px;
}


#mobileMenu .mobileUl {
    list-style: none;
    padding: 0px 0px;
}

#mobileMenu .mobileUl li {
    list-style: none;
    padding: 0px;
    cursor: pointer;
}

#mobileMenu .mobileUl li {
    padding: 15px 20px;
}

#mobileMenu .mobileUl>li {
    border-bottom: 1px solid rgba(0, 0, 0, 0.1);
}

#mobileMenu .mobileUl li a {
    color: #222222;
    font-size: 14px;
    font-weight: 600;
}

#mobileMenu .mobileUl li ul {
    padding: 0px 10px;
}

#mobileMenu .mobileUl li ul li {
    padding: 0px;
    padding-top: 25px;
}

#mobileMenu .mobileUl .backColor {
    background-color: #71BB7C;
    margin-top: 10px;
}

#mobileMenu .mobileUl .backColorS {
    background-color: #704685;
    margin-top: 10px;
}

#mobileMenu .mobileUl .backColor a,
#mobileMenu .mobileUl .backColorS a {
    color: #fff;
}

#mobileMenu .mobileUl>li.mobileMenuOpen ul {
    height: auto;
    opacity: 1;
}





/* MOBİLE MENU */

.headerTop {
    background-color: #2F2C2C;
    height: 30px !important;
}



.headerTop_iletisim {
    float: right;
}

.headerTop_iletisim_tel,
.headerTop_iletisim_eposta,
.headerTop_iletisim_sabit {
    background-position: left center;
    background-repeat: no-repeat;
    position: relative;
    float: left;
    padding: 0px 0px;
    line-height: 20px;
    font-size: 10pt;
    color: #fff;
    margin: 5px 25px 5px 0px;
}

.headerTop_iletisim_tel {
    background-size: 15px auto;
    padding-left: 15px;
    background-image: url("../images/phone-icon.svg");
    fill: #fff;
    font-weight: 500 !important;
}




.headerTop_iletisim_sabit {
    background-size: 14px auto;
    padding-left: 25px;
    background-image: url("../images/phone-icon.svg");
    font-weight: 500 !important;

}

.headerTop_iletisim_eposta {
    background-size: 17px auto;
    padding-left: 25px;
    padding-right: 25px;
    background-image: url("../images/mail_icon.svg");
    font-weight: 500;
    border-right: 1px solid silver;
}






.headerTop_iletisim a {
    color: #fff !important;
    font-size: 12px;
}



.headerTop_iletisim_yazi {
    background-color: #2F2C2C;
    letter-spacing: 1px;
    font-size: 13px;
    font-weight: 600;
    padding: 15px 20px;
    margin-top: 8px;
    color: #fff;
    border-radius: 10px;
}

.headerTop_iletisim_yazi:hover {
    background-color: #112d4f;
}

@media (max-width: 992px) {

    .headerTop {
        height: 35px !important;
    }

    .headerTop_iletisim_tel,
    .headerTop_iletisim_eposta,
    .headerTop_iletisim_sabit,
    .headerTop_iletisim_wp,
    .headerTop_iletisim_google {

        margin: 7px 25px 8px 0px;
    }

    .headerToprenkChange {
        background-color: #2F2C2C !important;
    }
}



.headerSocial {
    float: right;
    margin: 0px 0px 0px 0px !important;
}

.headerSocial img {
    width: 24px;
    height: auto;
    padding: 7px 0 5px 8px !important;
}

@media (min-width: 991px) {

    .textCenter3 {
        text-align: start !important;
        padding-left: 15px !important;
    }
}

.headerSocial-2 {
    margin: 15px 0px 0px 15px;
}

.headerSocial-2 img {
    width: 22px;
    height: auto;
    margin-right: 10px;
}

@media (max-width: 992px) {

    .headerSocial img {
        width: 25px;
        height: auto;
        padding: 7px 0 3px 8px !important;
    }
}

@media (max-width: 768px) {

    .headerTop_iletisim_tel {
        padding-right: 5px;
        margin-left: 0px;
    }


}

.headerSocial-3 {
    margin: 30px 0px 0px 0px !important;
    text-align: start !important;
}

@media (min-width: 768px) and (max-width: 992px) {

    .headerSocial-3 {
        margin: 20px 0px 10px 0px !important;
        text-align: center !important;
    }
}

@media (max-width: 768px) {

    .headerSocial-3 {
        margin: 10px 0px 10px 0px !important;
        text-align: center !important;
    }
}

.headerSocial-3 img {
    width: 25px;
    height: auto;
    padding: 7px 8px 5px 0px !important;
}


.bayi_button {
    font-weight: 300;
    display: inline-block;
    background-color: #222222;
    border: 1px solid #222222;
    color: #fff;
    line-height: 14px;
    font-size: 14px;
    margin-top: 12px;
    padding: 9px 45px;
    -webkit-border-radius: 25px !important;
    -moz-border-radius: 25px !important;

}


/***************** SLİDER *******/
.slayt2 {
    display: block;
    height: 400px;
    overflow: hidden;
    position: relative;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    width: 100%;
    z-index: -1 !important;
}

.slayt2 .owl-carousel,
.slayt2 .owl-item,
.slayt2.owl-stage,
.slayt2 .owl-stage-outer {
    display: block;
    height: 100%;
    width: 100%
}

.slayt2__owl {
    height: 100%;
    position: relative;
    width: 100%;
    z-index: 1
}

.slayt2__owl .owl-nav {
    display: none;
    left: 0px;
    position: absolute;
    right: 0;
    top: calc(50% - 24px);
    width: 100%;
    color: #fff;
    font-size: 25px;
}

.slayt2__owl .owl-nav [class*=owl-] {
    will-change: background;
    -webkit-transition: background 0.225s cubic-bezier(0.25, 0.8, 0.25, 1);
    -o-transition: background 0.225s cubic-bezier(0.25, 0.8, 0.25, 1);
    transition: background 0.225s cubic-bezier(0.25, 0.8, 0.25, 1);
    overflow: hidden;
    min-width: 48px;
    max-width: 48px;
    width: 48px;
    min-height: 48px;
    max-height: 48px;
    height: 48px
}


.slayt2__owl .owl-nav .owl-prev {
    float: left;
    left: 10px;
    border-radius: 100%;
}

.slayt2__owl .owl-nav .owl-next {
    float: right;
    right: 10px;
    border-radius: 100%;

}

.slayt2__item {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 100%;
    overflow: hidden;
    position: relative;
    width: 100%;
    z-index: 2;
}

.slayt2__item video {
    position: absolute;
    z-index: -1;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    background: #fff;
    -o-object-fit: cover;
    object-fit: cover;
}

.slayt2__owl .owl-nav [class*=owl-] {
    background-color: rgba(0, 67, 38, 0.8) !important;
}

.slayt2__owl .owl-nav {
    width: 100%;
    top: calc(50% - 40px);
}

.slayt2 .owl-dots {
    display: none;
}



.slaytlar {
    display: block;
    height: 100vw;
    overflow: hidden;
    position: relative;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    width: 100%;
    z-index: 9;
    margin-top: 29px !important;
}


.slaytHeight {
    height: 300px;
}

@media (min-width:992px) {
    .slaytlar {
        height: 42vw
    }
}

.slaytlar .owl-carousel {
    position: relative
}

.slaytlar .owl-carousel,
.slaytlar .owl-item,
.slaytlar .owl-stage,
.slaytlar .owl-stage-outer {
    display: block;
    height: 100%;
    width: 100%
}

.slaytlar__owl {
    height: 100%;
    position: relative;
    width: 100%;
    z-index: 1
}



.slaytlar__owl .owl-nav {
    left: 0px;
    position: absolute;
    right: 0;
    top: calc(50% - 24px);
    width: 100%;
    color: #fff;
}

@media (max-width:767px) {
    .slaytlar__owl .owl-nav {
        top: calc(50% - 16px);
    }
}


.slaytlar__owl .owl-nav img {
    height: 18px;
    vertical-align: middle
}

@media (max-width:767px) {
    .slaytlar__owl .owl-nav .mdie {}
}

.slaytlar__owl .owl-nav [class*=owl-] {
    will-change: background;
    -webkit-transition: background 0.225s cubic-bezier(0.25, 0.8, 0.25, 1);
    -o-transition: background 0.225s cubic-bezier(0.25, 0.8, 0.25, 1);
    transition: background 0.225s cubic-bezier(0.25, 0.8, 0.25, 1);
    overflow: hidden;
    min-width: 48px;
    max-width: 48px;
    width: 48px;
    min-height: 48px;
    max-height: 48px;
    height: 48px
}



.slaytlar__owl .owl-nav .owl-prev {
    float: left;
    left: 10px;
    border-radius: 100%;
}

.slaytlar__owl .owl-nav .owl-next {
    float: right;
    right: 10px;
    border-radius: 100%;

}

.slaytlar__item {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 100%;
    overflow: hidden;
    position: relative;
    width: 100%;
    z-index: 2;
}

.slaytlar__item video {
    position: absolute;
    z-index: 2;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    background: #fff;
    -o-object-fit: cover;
    object-fit: cover;
}

@media (min-width: 576px) and (max-width: 1200px) {


    .hiddenSlide {
        display: none;
    }

}

/***************** SLİDER *******/


.slaytCon {
    height: 100%;
    width: 100%;
    background-color: rgba(0, 0, 0, 0.5);
}




.slide-item-black-mobile {
    width: 100%;
    /* animation: animasyon 4.2s ease-out infinite; */
    color: #fff;
    font-weight: 700;
    font-size: 40px;
    z-index: 99;
    line-height: 40px;
    text-align: center;
    letter-spacing: 1px;
}


.slide-item-blue-mobile {
    letter-spacing: 1px;
    width: 100%;
    /* animation: animasyon 4.2s ease-out infinite; */
    color: #fff;
    font-weight: 600;
    font-size: 23px;
    z-index: 99;
    padding: 15px 0;
    margin-top: 10px;
    line-height: 25px;
    text-align: center;

}


@keyframes animasyon {
    0% {
        transform: translateX(5000px);
        opacity: 0;
    }

    40% {
        transform: translateX(0px);
        opacity: 1;
    }
}

@media (max-width: 1200px) and (min-width:992px) {
    .slide-item-black-mobile {
        width: 100%;
        font-size: 30px;
        line-height: 35px;

    }

    .slide-item-blue-mobile {
        width: 100%;
        font-size: 18px;
        line-height: 22px;
    }


    .siteButton {
        padding: 8px 25px 8px 25px !important;

    }

}

@media (max-width: 991px) and (min-width:768px) {
    .slide-item-black-mobile {
        width: 100%;
        font-size: 26px !important;
        line-height: 28px;
    }

    .slide-item-blue-mobile {
        width: 100%;
        font-size: 15px;
        line-height: 18px;
        margin-top: 0px !important;
    }


    .siteButton {
        padding: 7px 25px 6px 25px !important;

    }


    .aramaLeftPadding {
        padding-left: 12px !important;
    }
}

@media (max-width: 767px) and (min-width:576px) {
    .slide-item-black-mobile {
        width: 100%;
        font-size: 24px !important;
        line-height: 30px;

    }

    .slide-item-blue-mobile {
        width: 100%;
        font-size: 18px;
        line-height: 22px;
    }


    .siteButton {
        padding: 7px 25px 6px 25px !important;

    }


}

@media (max-width: 576px) {
    .slide-item-black-mobile {
        width: 100%;
        font-size: 20px !important;
        line-height: 25px;
        margin-top: 60px;

    }

    .slide-item-blue-mobile {
        width: 100%;
        font-size: 15px;
        line-height: 20px;
    }




    .aramaLeftPadding {
        padding: 0 12px !important;
    }
}

@media (max-width: 400px) {
    .slide-item-black-mobile {
        width: 100%;
        font-size: 17px !important;
        line-height: 23px;
        margin-top: 30px;
    }

    .slide-item-blue-mobile {
        width: 100%;
        font-size: 13px;
        line-height: 18px;
    }


    .aramaLeftPadding {
        padding: 0 12px !important;
    }
}



/* SELECT TAB MENÜ */
#selectTab {
    margin-top: 0px;
    color: #fff !important;
    font-weight: 500;
    font-size: 15px;
    background-color: #2F2C2C !important;
    -webkit-border-radius: 0px !important;
    -moz-border-radius: 0px !important;
    border-radius: 0px !important;
    border: 1px solid #2F2C2C !important;
    padding: 0px 0px 1px 10px;
}

#selectTab::-webkit-input-placeholder {
    color: #888 !important;
    font-weight: 300;
}

#selectTab::-moz-placeholder {
    color: #888 !important;
    font-weight: 300;
}

#selectTab:-ms-input-placeholder {
    color: #888 !important;
    font-weight: 300;
}

#selectTab:-moz-placeholder {
    color: #888 !important;
    font-weight: 300;
}

/* SELECT TAB MENÜ */


.siteButton {
    background-color: #2F2C2C;
    border: 1px solid #2F2C2C;
    font-size: 14px;
    line-height: 14px;
    font-weight: bold;
    color: #fff;
    font-weight: 600;
    padding: 9px 25px 9px 25px;
    border-radius: 5px;
}

.siteButton:hover {
    border: 1px solid #222222;
    background-color: #222222;
    color: #fff;
}

.siteButton3 {
    background-color: #2F2C2C;
    border: 1px solid #2F2C2C;
    font-size: 14px;
    line-height: 14px;
    font-weight: bold;
    color: #fff;
}

.siteButton4 {
    display: inline-block !important;
    background-color: #1abc9c !important;
    border-color: #1abc9c !important;
}

.siteButton i {
    margin-right: 10px;
}

.siteButtonText {
    display: inline-block;
}

.siteButton2 {
    background-color: #112d4f;
    border: 1px solid #112d4f;
    font-size: 14px;
    line-height: 14px;
    font-weight: bold;
    color: #fff;
    font-weight: 600;
    padding: 10px 15px 10px 0px !important;
    border-radius: 5px;
}

.siteButton2:hover {
    border: 1px solid #222222;
    background-color: #222222;
    color: #fff;
}

/* OWL */

.owl-dots {
    display: none !important;
}

.slaytlar__owl .owl-nav [class*=owl-] {
    background-color: rgba(255, 255, 255, 0.6) !important;
}


.slaytlar__owl .owl-nav {
    width: 100%;
    top: calc(50% - 40px);
}

button.owl-prev {
    position: absolute;
    left: 0px;
    font-size: 20px;
    color: #2F2C2C;
}

button.owl-prev:hover i {
    color: #112d4f !important;
}

button.owl-next {
    position: absolute;
    right: 0;
    font-size: 20px;
    color: #fff;
}

@media (max-width: 576px) {
    .slaytlar__owl .owl-nav {
        display: none;
    }
}

button.owl-next:hover i {
    color: #112d4f !important;
}

button.owl-prev i {
    margin: 0px !important;
    font-size: 35px;
    padding-right: 5px;
    color: #2F2C2C;
}

button.owl-next i {
    margin: 0px !important;
    font-size: 35px;
    padding-left: 5px;
    color: #2F2C2C;
}

.owl-theme .owl-nav {
    margin-top: 0px !important;
}

.owlSlaytCon {
    margin-bottom: 20px;
}

.owlSlaytConRight {
    margin-bottom: 20px;
}

@media (min-width: 991px) {
    .owlSlaytCon {
        margin-right: 20px;
        margin-bottom: 20px;
    }

    .owlSlaytConRight {
        margin-left: 20px;
        margin-bottom: 20px;
    }
}


#owlM .owl-nav {
    display: block !important;
}


.padding15Blog {
    padding: 10px 15px 10px 15px !important;

}

#owlUrun .owl-nav {
    display: block !important;

}

#owlUrun .owl-dots {
    display: block !important;
    position: absolute;
    bottom: -40px;
    width: 100%;
    text-align: center;
}

#owlUrun button.owl-dot {
    border-radius: 100%;
    height: 8px;
    width: 8px;
    margin: 3px;
    background: #B2B2B2 !important;
    border: 1px solid #B2B2B2 !important;
}

#owlUrun button.owl-dot.active {
    height: 12px;
    width: 12px;
    background: #fff !important;
    border: 3px solid rgba(47, 44, 44, 0.8) !important;
}

#owlM .owl-carousel,
#owlM .owl-item,
#owlM .owl-stage,
#owlM .owl-stage-outer {
    display: block;
    height: 100%;
    width: 100%
}



#owlM button.owl-next i,
#owlM button.owl-prev i {
    background-color: transparent;
    font-size: 35px;
    color: #4D4D4D;
}

#owlM button.owl-next {
    right: -10px;
}

#owlM button.owl-prev {
    left: -10px;
}

#owlM button.owl-next:hover {
    color: #D72D11 !important;
}

#owlM button.owl-prev:hover {
    color: #D72D11 !important;
}

@media (max-width: 576px) {

    #owlM button.owl-next i,
    #owlM button.owl-prev i {
        font-size: 25px;
    }

    #owlM button.owl-next {
        right: 0px;
    }

    #owlM button.owl-prev {
        left: 0px;
    }
}

#owlM .owl-loaded {
    display: block;
}

#owlM .owl-carousel {
    width: 100%;
    -webkit-tap-highlight-color: transparent;
    position: relative;
    z-index: 1;
}

#owlM .owl-carousel,
#owlM .owl-item,
#owlM .owl-stage,
#owlM .owl-stage-outer {
    display: block;
    height: 100%;
    width: 100%;
}

#owlM .owl-nav {
    left: 0;
    position: absolute;
    right: 0;
    top: calc(50% - 18px);
    width: 100%;
    font-size: 22px
}

#owlUrun .owl-nav {
    left: 0;
    position: absolute;
    right: 0;
    top: calc(50% - 50px);
    width: 100%;
    font-size: 22px;
    color: #2F2C2C;
}


#owlUrun button.owl-next i,
#owlUrun button.owl-prev i {
    background-color: transparent;
    font-size: 30px;
    color: #4D4D4D;
}

#owlUrun button.owl-next {
    right: -10px;
}

#owlUrun button.owl-prev {
    left: -10px;
}

#owlUrun button.owl-next:hover {
    color: #D72D11 !important;
}

#owlUrun button.owl-prev:hover {
    color: #D72D11 !important;
}

@media (max-width: 576px) {

    #owlUrun button.owl-next i,
    #owlUrun button.owl-prev i {
        font-size: 20px;
    }

    #owlUrun button.owl-next {
        right: 0px;
    }

    #owlUrun button.owl-prev {
        left: 0px;
    }
}


#owlM .owl-nav [class*=owl-] {
    background: rgba(0, 0, 0, 0) !important;
    will-change: background;
    -webkit-transition: background 0.225s cubic-bezier(0.25, 0.8, 0.25, 1);
    -o-transition: background 0.225s cubic-bezier(0.25, 0.8, 0.25, 1);
    transition: background 0.225s cubic-bezier(0.25, 0.8, 0.25, 1);
    overflow: hidden;
    min-width: 48px;
    max-width: 48px;
    width: 48px;
    min-height: 48px;
    max-height: 48px;
    height: 48px
}

@media (min-width: 992px) {
    .owlMobile {
        padding: 0px 60px;
    }
}

@media (max-width: 991px) {
    .owlMobile {
        padding: 0px 60px;
    }
}

/* OWL */

.owl-item,
.owl-stage {
    height: 100% !important;
}

.fullHarita {
    height: 100%;
    width: 100%;
    border: 1px solid #ccc;
    margin-top: 0px;
    min-height: 300px;

}

.fullHarita iframe {
    height: 100% !important;
    width: 100% !important;
    display: block;
}

.fullHaritaSingle {
    margin-top: 20px;
    height: calc(100% - 30px);
}

@media (max-width: 991px) {
    .fullHarita {
        height: 400px;
    }
}

.fullHaritaUrun iframe {
    width: 100% !important;
}


.iletisimIcon {
    float: left;
    font-size: 14px;
    width: 25px;
    margin-top: 7px;
    color: #2F2C2C;
}

.iletisimLabel {
    float: left;
    width: calc(100% - 25px);
    margin-bottom: 10px;
}


.title_box_golge {
    color: #2F2C2C;
    font-size: 25px;
    font-weight: 500;
    letter-spacing: 1px;
    position: relative;
    z-index: 5;
    display: inline-block;
}

.title_box_golge-3 {
    color: #fff;
    font-size: 25px;
    font-weight: 500;
    letter-spacing: 1px;
    position: relative;
    z-index: 5;
    display: inline-block;
}

.title_box_golge_2 {
    color: #fff;
    font-size: 25px;
    font-weight: 500;
    letter-spacing: 1px;
    position: relative;
    z-index: 5;
    display: inline-block;
    margin-bottom: 10px;
}


@media (max-width: 768px) {

    .title_box_golge {
        color: #222222;
        font-size: 20px;
        font-weight: 500;
        position: relative;
        z-index: 5;
        display: inline-block;
    }

    .title_box_golge_2 {
        color: #fff;
        font-size: 20px;
        font-weight: 600;
        position: relative;
        z-index: 5;
        display: inline-block;
    }

    .title_box_golge-3 {
        color: #fff;
        font-size: 20px;
        font-weight: 500;
        position: relative;
        z-index: 5;
        display: inline-block;
    }


}

.index_title_golge {
    position: relative;
    text-align: center;
}

.index_title_golge {
    color: #222222;
    line-height: 23px;
    font-size: 15px;
    width: 100%;
}

.index_title_golge_yazi {
    color: #222222;
    line-height: 25px;
    font-size: 20px;
    font-weight: 600;
    margin-bottom: 20px;
    display: inline-block;
}

.index_title_golge-2 {
    position: relative;
    text-align: center;
}

.index_title_golge-2 {
    color: #fff;
    line-height: 23px;
    font-size: 15px;
    width: 100%;
}

.kurumsal_title_golge_yazi {
    color: #333333;
    line-height: 25px;
    font-size: 20px;
    font-weight: 600;
    margin-bottom: 20px;
}

.kurumsal_title_golge_yazi:before {
    background-color: #2F2C2C;
    content: "";
    position: absolute;
    bottom: -10px;
    height: 3px;
    width: 40px;
    left: 0px;
}

.SlaytAltıColor {
    color: #2F2C2C;
}

.index_title_hizmetler {
    text-align: center;
    font-size: 23px;
    color: #222222;
    line-height: 30px;
    font-weight: 600;
}

.index_title_hizmetler h2 {
    color: #222222;
    line-height: 30px;
    font-size: 16px;
    font-weight: 600;
}

.index_title_hizmetler h1 {
    color: #64322B;
    line-height: 30px;
    font-size: 25px;
    font-weight: 600;
}

.slaytAltıColor {
    color: #2F2C2C;
}


#header .navbar-header {
    display: inline-block;
    width: 100%;
}




#header .navbar-nav {

    height: 70px;
    border-top-left-radius: 15px;
    position: relative;
}

@media (max-width: 1200px) {
    #header .navbar-nav {
        border-top-left-radius: 15px;
        position: relative;
    }


}


@media (min-width: 991px) {}


#header .navbar-nav>.open {
    background-color: transparent !important;
    color: #444 !important;
}

#header .navbar-nav>.open>a {
    color: #444 !important;
}

#header .navbar-nav>.open li a {
    color: #444 !important;
}

#header .dropdown-menu {
    background-color: #fff;
    font-size: 13px;
    padding: 0px 10px 5px 10px !important;
    text-align: start;
    overflow: visible;
    border: 0px;
    color: #2F2C2C;
    border-radius: 0px 0px 0px 0px;
    transform: translate(50%, 0);
}

#header .dropdown-menu li a {
    color: #2F2C2C !important;
    padding: 5px;
    margin: 0px;
    margin-top: 5px;
    line-height: 20px;
    font-weight: 500;
}


#header .dropdown-menu li {
    padding: 0px;
    margin: 0px;
}

#header .navbar-nav .dropdown-menu li a:hover {
    color: #fff !important;
    background-color: #fff !important;
}

#header .navbar-nav .dropdown-menu li:hover a {
    color: #333333 !important;
    background-color: #fff !important;
}

#header ul.nav li:hover>ul.dropdown-menu {
    display: block;
}


#header .navbar-default {
    background-image: none !important;
    background-color: transparent !important;
    border: 0px !important;
    margin: 0px;
    -webkit-box-shadow: none !important;
    -moz-box-shadow: none !important;
    box-shadow: none !important;
}

.headerDil {
    cursor: pointer;
    color: #71BB7C;
    font-weight: 600;
    position: relative;
    float: left;
    padding: 8px 0px;
    padding-right: 15px;
}

.headerDil i {
    font-size: 24px;
    line-height: 18px;
    margin-left: 10px;
    float: right;
}



.headerTopMenu {
    display: none;
    z-index: 999;
    position: absolute;
    left: 18px;
    top: 35px;
    background-color: #71BB7C;
    padding: 5px 0px;
    -webkit-border-radius: 5px !important;
    -moz-border-radius: 5px !important;
    border-radius: 5px !important;
}

.headerTopMenu:before {
    position: absolute;
    content: "";
    top: -10px;
    left: 15px;
    border-style: solid;
    border-width: 0 10px 10px 10px;
    border-color: transparent transparent #71BB7C;
}

#header .headerTopMenuList {
    text-align: center;
    width: 50px;
    padding: 5px 0px;
    font-size: 15px;
    font-weight: 400 !important;
}

#header .headerTopMenuList a {
    color: #fff !important;
}

#header .headerTopMenuList:hover a {
    color: #ddd !important;
}

.headerTopMenuActive:hover .headerTopMenu {
    display: block;
}

.headerDil {
    border-left: 1px dashed #71BB7C;
    padding-left: 20px;
}

@media (min-width: 991px) {
    .stickyLeft {
        position: -webkit-sticky;
        position: sticky;
        top: 118px;
    }
}

.transparentHeader {
    background-color: transparent !important;
}

.headerConFixed {
    position: fixed !important;
    background-color: transparent;
    background-size: auto 100%;
    top: 0px;
    width: 100%;
    z-index: 999;
}

.fixedTopHeight {
    height: 140px;
}

@media (min-width: 991px) and (max-width: 1200px) {
    .fixedTopHeight {
        height: 150px;
    }

    .stickyLeft {
        top: 108px;
    }

    #header .dropdown-menu {

        transform: translate(56%, 0) !important;
    }

}

@media (max-width: 991px) and (min-width: 768px) {
    .fixedTopHeight {
        height: 70px;
    }
}

@media (max-width: 768px) {
    .fixedTopHeight {
        height: 150px;
    }
}



#header {
    background-color: #00000075;
    height: 70px;

}



#header .logo {
    display: inline-block;
    z-index: 99;

}

#header .logo img {
    width: 210px;
    display: block;
    margin-top: 6px;
    -webkit-transition: .4s !important;
    -o-transition: .4s !important;
    transition: .4s !important;

}

div.sticky #header .logo img {
    width: 200px;
    display: block;
    margin-top: 6px;
    -webkit-transition: .4s !important;
    -o-transition: .4s !important;
    transition: .4s !important;

}

#header .menuSLi {
    line-height: 30px;
    height: 70px;

}

#header .menuSLiDrop {
    line-height: 30px;
    height: 70px;
    background-color: transparent;
}

.menuSLi a:after {
    content: '';
    width: 0%;
    transition: all 0.3s ease;
    left: 50%;
}

.menuSLi a:before {
    content: '';
    width: 0%;
    transition: all 0.3s ease;
    left: 50%;
}

.menuSLi a:hover:after {
    content: '';
    position: absolute;
    top: 20px;
    bottom: 0px;
    left: 50%;
    background: #fff;
    height: 1px;
    width: 50%;
}

.menuSLi a:hover:before {
    content: '';
    position: absolute;
    top: 20px;
    bottom: 0px;
    left: 0px;
    background: #fff;
    height: 1px;
    width: 50%;
}

.menuSLi a.active {
    border-bottom: 1px solid #fff;
}

#header .menuSLi .pageIcon {
    text-align: center;
    height: 70px;
}

#header .menuSLi a {
    letter-spacing: 1px;
    font-weight: 500;
    color: #fff;
    padding: 0px;
    margin: 0;
}



#header .menuSLiDrop .pageIcon {
    text-align: center;
    height: 35px;
}

#header .menuSLiDrop a {
    font-weight: 500;
    color: #fff;
    padding: 0px;
    margin: 0;
}



.sehirler {
    width: 100%;
    min-height: 320px;
    padding-bottom: 10px;
    background-color: #fbfbfb;
}

.tasima {
    width: 100%;
    min-height: 260px;
    padding-bottom: 10px;
    background-color: #F3F3F3;
}

.sehirler .askiImg {
    margin-top: 15px;
}

.konutKatMarginTop {
    margin-top: 22px;
    float: left;
}

@media (max-width: 400px) {



    .hizmetimg {
        width: 95px !important;
        height: 95px !important;
        float: right !important;
    }
}

#header .mefooterLogonuSLi:last-child {
    padding-right: 0px;
}

@media (min-width: 1200px) {
    #header .menuSLi {
        letter-spacing: 1px !important;
        font-size: 12px;
        padding: 25px 20px 15px 20px;
    }

    #header .menuSLiDrop {
        letter-spacing: 1px !important;
        font-size: 14px;
        padding: 25px 20px 0px 20px;
    }
}

@media (min-width: 991px) and (max-width: 1200px) {

    #header .logo img {
        width: 160px;
        margin-top: 12px !important;

    }

    div.sticky #header .logo img {

        width: 150px !important;
        display: block;
        margin-top: 15px !important;
    }

    .navbar-header {
        margin-top: 0px;
    }

    #header .menuSLi {
        letter-spacing: 1px !important;
        font-size: 11px;
        padding: 25px 20px 15px 20px;
    }

    #header .menuSLiDrop {
        letter-spacing: 1px !important;
        font-size: 12px;
        padding: 25px 20px 0px 20px;
    }


    .slaytlar {
        margin-top: 29px !important;
    }

}

@media(max-width: 992px) {
    #header {
        background-color: #00000075;
        height: 70px !important;
    }

    #header .navbar-header {
        width: 100%;
        text-align: center;

    }

    div.sticky #header .navbar-header {
        width: 100%;
        text-align: center;
    }

    #header .logo {
        position: relative;

    }

    #header .logo img {
        margin-top: 5px;
        width: 190px;
        display: block;
        margin-left: auto;
        margin-right: auto;
    }


    .fixedTopHeight {
        height: 136px;
    }


    .paddingMobile {
        padding-left: 26px;
    }

    .hiddenmenu {
        display: none;
    }

    .slaytlar {
        margin-top: 35px !important;
    }

    .bayi_button {
        float: right;
        margin-top: 32px;
        line-height: 14px;
        font-size: 13px;
        padding: 6px 35px;

    }

}

@media (max-width: 991px) {

    div.sticky #header .logo img {

        width: 180px !important;
        display: block;
        margin-top: 10px;
    }
}

@media (max-width: 768px) {
    #header {
        background-color: #00000075;
        height: 60px !important;
    }

    #header .navbar-header {
        width: 100%;
        text-align: center;

    }

    div.sticky #header .navbar-header {
        width: 100%;
        text-align: center;
    }

    #header .logo {
        position: relative;

    }

    #header .logo img {
        margin-top: 5px;
        width: 180px;
        display: block;
        margin-left: auto;
        margin-right: auto;
    }

    div.sticky #header .logo img {

        width: 170px !important;
        display: block;
        margin-top: 6px;
        margin-left: auto;
        margin-right: auto;
    }

    .fixedTopHeight {
        height: 116px;
    }

    #mobileMenuOpenBtn {
        top: 35px;
    }

    .slaytlar {
        margin-top: 35px !important;
    }

}


@media (max-width: 576px) {
    #header {
        background-color: #00000075;
        height: 60px !important;
    }

    #header .navbar-header {
        width: 100%;
        text-align: center;

    }

    div.sticky #header .navbar-header {
        width: 100%;
        text-align: center;
    }

    #header .logo {
        position: relative;

    }

    #header .logo img {
        margin-top: 7px;
        width: 150px;
        display: block;
        margin-left: auto;
        margin-right: auto;
    }

    div.sticky #header .logo img {

        width: 140px !important;
        display: block;
        margin-top: 10px;
        margin-left: auto;
        margin-right: auto;
    }

    .fixedTopHeight {
        height: 116px;
    }

    #mobileMenuOpenBtn {
        top: 33px;
        right: 10px;
        width: 30px !important;
    }

    #mobileMenuOpenBtn div {
        height: 1.7px;
        width: 20px;
        margin: 4px 5px 2px 5px;
        background-color: #fff;
    }

    .slaytlar {
        margin-top: 30px !important;
    }

    .headerTop_iletisim a {
        font-size: 12.5px !important;
    }

    .headerTop_iletisim_tel,
    .headerTop_iletisim_wp {
        background-size: 13px !important;
        margin: 3px 7px 8px 0px;
    }

    .hiddenİletisim {
        display: none !important;
    }

    .headerTop {
        height: 30px !important;
    }


}





#header .menuSLi a i {
    margin-right: 8px;
    color: #1AA48A !important;
    font-size: 12px !important;
    float: left;
}

@media (min-width: 992px) {
    .FullPageBorder {
        border-top: 55px solid #F3F3F3;
        margin-top: 10px;
        margin-bottom: 40px;
    }

    .marginTop33-992 {
        margin-top: 23px !important;
    }
}

.textAlignStart {
    text-align: start;
}

.AnasayfaIcerik {
    color: #333333;
    font-size: 10pt;
    font-weight: 500;
    padding: 25px 0px 10px 0px;
}

.AnasayfaIcerik_2 {
    color: #fff;
    font-size: 12pt;
    font-weight: 500;
    padding: 25px 0px 10px 0px;
}

.fullPage {
    font-size: 15px;
    line-height: 28px;
    min-height: calc(100vh - 350px);
}

.fullPage .Icerik {
    color: #222222;
    font-size: 12pt;
    font-weight: 400;
    margin-bottom: 10px;
    padding-left: 0;
}

.owl-carousel.owl-drag .owl-item {
    padding: 0 5px 0 5px;
}







.sc_title_icon_top {
    display: block;
    position: absolute;
    left: 0;
    right: 0;
    top: 32%;
    margin: auto;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    transform: translateY(-50%);
    z-index: 0;
}



.hTitle1 {
    letter-spacing: 1px;
    padding: 20px 0px;
    color: #64322B;
    font-size: 23px;
    line-height: 30px;
    font-weight: bold;
}

.hTitle2 {
    color: #2F2C2C;
    font-size: 16px;
    line-height: 30px;
    font-weight: bold;
}


.fotoDiv {
    border: 1px solid #bbb;
    padding: 3px;
    background-color: #fff;
    position: relative;

}

.fotoDiv img {
    display: block;
    border: 1px solid #ddd;

}


.fotoDivBaslik {
    position: absolute;
    background-color: #F7F7F7;
    border: 1px solid #ddd;
    border-bottom: 0px;
    border-right: 0px;
    text-align: right;
    max-width: 90%;
    right: 0px;
    bottom: 0px;
    padding: 8px 11px 6px 13px;
    font-size: 12px;
    line-height: 20px;
    color: #2F2C2C;
    font-weight: 600;
    -webkit-border-radius: 10px 0px 0px 0px !important;
    -moz-border-radius: 10px 0px 0px 0px !important;
    border-radius: 10px 0px 0px 0px !important;
}


.referans_baslik {
    border-top: 1px solid #E9E9E9 !important;
    background-color: #E9E9E9 !important;
    padding: 10px;
    font-weight: 500;
    text-align: center;
    color: #333333 !important;
    font-size: 15px;
    line-height: 20px;
}

.squareImg {
    position: relative;
    background-color: #fff;
}

.squareImg:after {
    content: "";
    display: block;
    padding-bottom: 133%;
}

.squareImgW:after {
    padding-bottom: 75%;
}

.contentImg {
    position: absolute;
    width: 100%;
    height: 100%;
    background-size: contain;
    background-position: center center;
    background-repeat: no-repeat;
}


.lineTitle {
    text-align: center;
    color: #fff;
    font-size: 20px;
    font-weight: 600;
    background-image: url("../images/h2Title.png");
    background-position: center center;
    background-size: auto 1.5px;
    background-repeat: no-repeat;
}




.hizmet-bolgeleri {
    border: 1px solid #64322B;
    color: #64322B;
    padding: 15px 0px;
    text-align: center;
    font-size: 16px;
    font-weight: 600;
    line-height: 20px;
    -webkit-border-radius: 10px !important;
    -moz-border-radius: 10px !important;
    border-radius: 10px !important;
    background-color: #e6ecf1;
    background-image: url("../images/headerBack.png");
    background-size: 100% 100%;
}

.leftMenu {
    background-color: #fff;
    margin-top: 35px;
    width: 100%;
    padding: 0px 0px 0px 0px;
}

.leftMenu .askiImg3 {
    margin-left: 20px;
    padding-top: 20px;
}


.leftmenu_title {
    font-weight: 500;
    letter-spacing: 1px;
    font-size: 12pt;
    color: #fff;
    background-color: #2F2C2C;
    padding: 7px 5px 5px 10px;
}

.leftmenu_title2 {
    font-weight: 600;
    font-size: 14pt;
    color: #2F2C2C;
    padding: 12px 0 0 20px;

}

.leftmenu_list {
    color: #2F2C2C;
    font-size: 9pt;
    letter-spacing: 1px;
    line-height: 20px;
    margin-top: 5px;
    padding: 8px 25px 6px 10px;
    font-weight: 500;
    position: relative;
    font-size: 10pt;
    border-bottom: 2px solid #ddd;
}

@media (max-width: 1200px) and (min-width:992px) {
    .leftmenu_list {
        font-size: 9pt;
    }
}


.sehirDetayTel {
    color: #242424;
}

.sehirDetayTel a {
    color: #2F2C2C;
}

.sehirDetayTel a:hover {
    color: #333333;
}

@media (min-width: 0) {
    .leftmenu_list:before {
        width: 0;
        height: 0;
        content: "";
        position: absolute;
        left: 2px;
        top: 13px;
    }
}

.leftmenu_list:hover {
    background-color: #2F2C2C;
    border: 2px solid #2F2C2C;
    color: #fff;
    background-image: url(../images/next2.svg);
    background-size: 20px auto;
    background-position: calc(100% - 10px) center;
    background-repeat: no-repeat;
}

.leftmenu_active {
    background-image: url(../images/next.svg);
    background-size: 20px auto;
    background-position: calc(100% - 10px) center;
    background-repeat: no-repeat;
}

@media (max-width: 1200px) {
    .leftmenu_title {
        font-size: 12pt;
    }

    .leftmenu_title2 {
        font-size: 13.5pt;
    }

}

.leftmenu_list_link {
    position: relative;
    background-color: #fff;
    color: #333;
    font-weight: 600;
    padding: 7px 15px 5px 25px;
}

.leftmenu_list_link:before {
    height: 6px;
    width: 6px;
    content: "";
    position: absolute;
    top: 11px;
    left: 8px;
    background-color: #333;
    -webkit-border-radius: 100% !important;
    -moz-border-radius: 100% !important;
    border-radius: 100% !important;
}

.leftmenu_link_active {
    color: #64322B;
}

.containerBlog {

    width: 100%;
    height: 100%;
    padding-left: 30px;
    padding-right: 30px;
}


.hizmetDetayGorsel {
    margin-left: 15px;
}

.Icerik .hizmetDetayİçerik {
    vertical-align: baseline;
    float: left;
}

.hizmetIcerikGorsel {
    width: 100%;
    height: auto;
    margin-bottom: 10px;
    margin-top: 10px;
    border-radius: 15px;
}

.uretimGorsel {
    width: 100%;
    height: 300px;
}

.pull-left {
    float: left !important;
}

.arac {
    color: #2F2C2C;
    font-size: 11pt;
    font-weight: 600;
    width: 200px;
    border-bottom: 4px solid #2F2C2C;
}

.aracBorder {
    border-bottom: 1px solid #2F2C2C;
    width: 100%;
    margin-top: -2.5px;
}

.sehirTittle {
    color: #2F2C2C;
    font-weight: 500;
    display: table;
    width: 100%;
}

.sehirBox {
    background-color: #fff;
    border: 1px solid #2F2C2C;
    border-bottom: 3px solid #2F2C2C;
    line-height: 20px;
    width: 100%;
    height: 50px;
    text-align: center;
    font-size: 10pt;
    font-weight: 600;
    padding: 10px;
    color: #2F2C2C;
    display: inline-block;
    display: table-cell;
    vertical-align: middle;

}

.sehirBox:hover {
    background-color: #D72D11;
    border-bottom: 3px solid #2F2C2C;
    color: #fff;
}

@media (min-width: 768px) and (max-width:992px) {
    .sehirBox {
        width: 100%;
    }
}

@media (max-width:768px) {
    .sehirBox {
        text-align: center;
        width: 100%;
    }

    .hizmetIcerikGorsel {
        width: 100%;
        height: auto;
    }
}

/*FOOTER*/
.footer {
    margin-top: 30px;
    background-color: #4D4D4D;
    padding: 0px;
    background-position: right center;
    background-size: auto 100%;
    background-repeat: no-repeat;
}

.footerAlt {
    position: absolute;
    bottom: 15px;
    right: 75px;
    border-radius: 30px;
    background-color: #B3B3B3;
}

.footerAltYazi {
    text-align: center;
    font-size: 18px;
    font-weight: 500;
    color: #222222;
    padding: 15px 30px;
}

@media (max-width: 1200px) and (min-width:992px) {
    .footerAlt {
        right: 50px !important;
    }

    .footerAltYazi {
        font-size: 14px;
        font-weight: 500;
        padding: 10px 25px;
    }
}

@media (max-width: 991px) {
    .footerAlt {
        position: absolute;
        margin-left: auto;
        margin-right: auto;
        left: 0;
        right: 0;
        text-align: center;
    }

    .footerAltYazi {
        font-size: 14px;
        font-weight: 500;
        padding: 10px 25px;
    }

    .marginTopFooter {
        margin-top: 15px;
    }
}

@media (max-width: 576px) {

    .marginTopFooter {
        margin-top: 45px;
    }

    .footerAltYazi {
        font-size: 12px;
        padding: 8px 15px;
    }
}

@media (max-width: 768px) {
    .marginTopFooter {
        margin-top: 45px;
    }

    .footer .footer-top {
        border-bottom: none !important;
        height: 100%;
        width: 100%;
        padding: 10px 10px !important;
    }


}

.footerBaslik {
    font-size: 18px;
    font-weight: 600;
    line-height: 24px;
    color: #fff;
    margin-bottom: 10px !important;
}


.footer .footer-top {
    font-size: 14px;
    font-weight: 500;
    padding: 10px 120px;
    border-bottom: 1px solid rgba(8, 21, 37, 0.4);
}

.footer .footer-top .ft {
    border-left: 1px solid rgba(8, 21, 37, 0.4);
    color: #fff;
}

.footer .footer-top .ft:last-child {
    border-right: 1px solid rgba(8, 21, 37, 0.4);
}

.footer .footer-bottom {
    padding: 20px 10px;
}

@media (max-width: 991px) {
    .footer .footer-top .ft {
        border-left: none;
    }

    .footer .footer-top .ft:last-child {
        border-right: none;
    }

    .hiddenfooterTop {
        display: none;
    }
}





.footeriletisim {
    font-size: 13px;
    line-height: 18px;
    color: #fff;
    padding: 10px 0px;
    padding-left: 40px;
    background-position: left center;
    background-size: 15px auto;
    background-repeat: no-repeat;
    display: inline-block !important;

}

.footeriletisim a {
    color: #fff !important;
}

.footeriletisimHeight {
    height: 55px !important;
}



.footeriletisimadres {
    background-image: url("../images/footer_Location.svg");
}

.footeriletisimtel {
    background-image: url("../images/footer_Phone.svg");
}

.footeriletisimeposta {
    background-image: url("../images/footer_Message.svg");
}

.footerMusteriTel {
    font-size: 15px !important;
    font-weight: 500 !important;
}

.footeriletisimeposta {}

.footeriletisimHarita {

    background-image: url("../images/footerHarita.svg");
    margin-bottom: 15px !important;
    padding-left: 70px !important;
    padding-top: 7px !important;
}

.footerLink {
    position: relative;
    display: block;
    font-size: 13px;
    font-weight: 400;
    line-height: 17px;
    color: #fff;
    padding: 5px 0px 5px 12px;
    text-align: start;
}

@media (min-width: 768px) {
    .footerLink:before {
        width: 5px;
        height: 5px;
        border-radius: 100%;
        background-color: #FFF;
        content: "";
        position: absolute;
        left: 0px;
        top: 9px;
    }

    .footerLink-2:before {
        width: 11px;
        height: 1.5px;
        border-radius: 0px;
        background-color: #FFF;
        content: "";
        position: absolute;
        left: 12px;
        top: 11px;
    }
}

@media (max-width:992px) {

    .footerLink {
        display: block;
        width: 100% !important;
    }

}

.footerLink:hover {
    color: #000;
}

@media (min-width:767px) {

    .textCenter {
        text-align: end;
    }
}

@media (min-width: 992px) and (max-width:1200px) {
    .footerLink {
        font-size: 13px;
        margin-left: 0px;
    }

}

@media (min-width: 768px) and (max-width:992px) {

    .footerLink {
        font-size: 14px;
    }


    .footerKurumsalLeft {
        margin-left: 0px !important;
    }

    .textAlignNone {
        text-align: start !important;
        margin-top: 25px !important;
    }
}


@media (max-width:992px) {

    .textCenter2 {
        text-align: center;

    }

}

@media (max-width:768px) {

    .textAlignNone {
        text-align: center !important;
        margin-top: 15px !important;
    }
}

@media (max-width:576px) {

    .textAlignNone {
        text-align: center !important;
        margin-top: 10px !important;
    }

    .marginTopKVKK {
        margin-top: 50px !important;
    }
}

@media (min-width: 768px) and (max-width:992px) {

    .listeler {
        display: flex;
        justify-content: space-between;
        align-items: flex-start;
    }
}



@media (min-width: 992px) {

    .footerBorder {
        margin: 40px 0 30px 0 !important;
        border-top: 1px dashed rgba(255, 255, 255, 0.2);
    }
}

@media (max-width: 992px) {

    .footerBorder2 {
        border-bottom: 1px solid rgba(255, 255, 255, 0.2);
        margin-bottom: 20px;
        margin-top: 20px;
    }

    .footeriletisimLeft {
        padding-left: 40px !important;
    }
}

.footeriletisimTop {
    margin-top: 50px;
}

@media (max-width: 768px) {

    .footeriletisimTop {
        margin-top: 15px;
    }
}

.footerSocial {
    padding: 20px 0px;
    border-top: 1px solid rgba(255, 255, 255, 0.2);
}

.footerSocial img {
    margin: 3px;
    height: 35px;
}



@media (max-width: 1200px) {

    .footerSocial {
        text-align: center;
    }

    .marginTop10pxFooter {
        margin-top: 10px !important;
    }
}

.footerTittle {
    color: white;
    font-size: 16px;
    font-weight: 400;
    margin-bottom: 10px;
    letter-spacing: 1px;
}

.footerTittle_Border {
    border-bottom: 1px solid #FFF;
    width: 53px;
    margin-top: 3px;
}

@media (max-width: 768px) {
    .footerTittle {
        text-align: center;
        margin: 0px !important;
        padding: 0 !important;
    }

    .footerTittle_Border {
        display: block;
        margin-left: auto;
        margin-right: auto;
        width: 160px;
        border-bottom: 2px solid rgba(255, 255, 255, 0.2);
        margin-top: 5px;

    }

    .marginFooterLeft {
        margin-left: 0px !important;
    }
}

@media (max-width: 991px) {
    .footerTittle {
        text-align: center;
        margin: 0px !important;
        padding: 0 !important;
        padding-bottom: 100px;
    }

    .footerTittle_Border {
        display: block;
        margin-left: auto;
        margin-right: auto;
        width: 160px;
        border-bottom: 2px solid rgba(255, 255, 255, 0.2);
        margin-top: 5px;

    }

    .marginFooterLeft {
        margin-left: 0px !important;
    }
}

@media (min-width: 992px) and (max-width:1200px) {

    .footerTittle {
        font-size: 11px;
    }

    .footerTittle_Border {
        border-bottom: 1px solid #FFF;
        width: 36px;
        margin-top: 3px;
    }
}

.footerRarea {}

@media (min-width: 991px) and (max-width: 1200px) {

    .marginLeft70px {
        margin-left: 0;
    }

    .footerRarea {
        text-align: center;
    }

}

@media (max-width: 768px) {
    .footerLarea {
        text-align: center;
    }


    .footerRarea {
        text-align: center;
    }

}

.hTitleFooter {
    color: #fff;
    font-size: 14px;
    line-height: 20px;
    font-weight: 600;
    border-bottom: 1px solid rgba(255, 255, 255, 0.2);
    padding: 10px 0;
}



@media (max-width: 992px) {

    .footeriletisim {
        padding-left: 0px !important;
        background-position: top center;
        text-align: center !important;
        padding-top: 30px !important;
        display: block !important;
        margin-top: 15px;
    }

    .hTitleFooter {
        text-align: center !important;
    }

    .footeriletisimtel {
        padding-left: 0px !important;
    }

    .footerMusteriTel {
        font-size: 13px !important;
        font-weight: 500 !important;
    }

    .footeriletisimHarita {

        padding-left: 0px !important;
    }

    .footeryazıMarginTop50 {
        margin-top: 50px !important;
    }

}

@media (max-width: 576px) {

    .footeriletisim {
        font-size: 14px !important;
        padding-left: 0px;
        background-position: top center;
        text-align: center;
        padding-top: 30px !important;

    }

    .footeriletisimtel {
        padding-left: 0px !important;
    }

    .footerMusteriTel {
        font-size: 13px !important;
        font-weight: 500 !important;
    }

    .footeriletisimHarita {

        padding-left: 0px !important;
    }

    .footeryazıMarginTop50 {
        margin-top: 50px !important;
    }

}

.footer-logo {}

.img-fluid {
    width: 260px;
}

.img-fluid img {
    vertical-align: middle;
    border-style: none;
}

@media (max-width: 992px) {
    .footer-logo {
        display: block;
        margin-left: auto;
        margin-right: auto;
        margin-bottom: 30px;
    }
}

@media (min-width: 992px) and (max-width:1200px) {
    .img-fluid {
        width: 160px;
    }

    .footer-logo {}
}

@media (min-width: 768px) and (max-width:992px) {
    .img-fluid {
        width: 150px;
        height: auto;
    }

    .img-fluid img {
        vertical-align: middle;
        border-style: none;
    }
}

@media (max-width: 768px) {
    .img-fluid {
        width: 120px;
        height: auto;
    }

    .img-fluid img {
        vertical-align: middle;
        border-style: none;
    }
}

/*Footer*/

.d-none {
    display: none !important;
}

.my-auto {
    margin-bottom: auto !important;
}

@media (min-width: 768px) {
    .d-md-block {
        display: block !important;
    }
}

.social_baslik {
    font-size: 14px;
    font-weight: 500;
    line-height: 24px;
    color: #fff;
    text-align: start;
    padding: 5px 0px;
}



@media (min-width: 991px) {


    .marginLeft70px {
        margin-left: -30px;
    }

}



@media (min-width: 1200px) {
    .col-5 {
        width: 20%;
    }
}

#owlUrun .owl-carousel.owl-drag .owl-item {
    padding: 0 5px 0 5px;
    height: 100% !important;
}

.blog {
    padding: 0px 0 0px 0;
    text-align: center;
}

.blog:before {
    position: absolute;
    content: "";
    top: 5px;
    left: 5px;
    width: 25px;
    height: 20px;
}

.blog:after {
    position: absolute;
    content: "";
    bottom: 5px;
    right: 5px;
    width: 25px;
    height: 20px;
}

.blog_box {
    position: relative;
    height: calc(100%);
}

.paddingBottomimport {
    padding-bottom: 70px !important;

}

.blog_buton {
    font-weight: 400;
    display: inline-block;
    background-color: #222222;
    border: 1px solid #222222;
    color: #fff;
    line-height: 14px;
    font-size: 13px;
    margin-bottom: 15px;
    padding: 7px 35px;
    -webkit-border-radius: 10px !important;
    -moz-border-radius: 10px !important;
}

.blog:hover .hizmetButtonIcerik {
    color: #fff;
    box-shadow: inset 100px 100px 100px 100px #112d4f;
}

@media (max-width: 1200px) {

    .blog:hover .blog_buton {
        color: #fff;
        background-color: #2F2C2C;
    }
}

.hizmetimg-3 {
    width: 100px;
    height: auto;
    position: relative;
    padding: 10px !important;
    float: right;
}

.hizmetimg {
    width: auto;
    height: 100%;
    position: relative;
    padding: 10px !important;
}

.hizmetimg-2 {
    display: block !important;
    margin-left: auto !important;
    margin-right: auto !important;
    background-color: transparent;
    padding: 0px 30px;
}

.MevsimMarka {
    display: block !important;
    margin-left: auto !important;
    margin-right: auto !important;
    background-color: transparent;
    padding: 5px 15px;
}



.hizmetimg-4 {
    width: 150px;
    display: block !important;
    background-color: transparent;
    padding: 5px 0px;
}

.urunAciklama {
    font-size: 18px;
    color: #2F2C2C;
    font-weight: 600;
    padding: 10px 0;
}


.urunlerBorderBottom {
    border-bottom: 1px solid rgba(100, 100, 100, 0.2);

}

.services_blog {
    border-radius: 100%;
    width: auto;
    height: 100%;
    text-align: center;
    background-color: transparent;
    background-color: #fff;
    border: 1px solid #2F2C2C;
}

.services_blog img {
    width: auto;
    height: 100%;
}


@media (max-width: 400px) {

    .services_blog {
        width: 60px;
        height: 60px;
    }

    .services_blog img {
        width: 60px;
    }


    .blog_baslik {
        font-size: 10px !important;
        line-height: 15px !important;
        padding: 0 !important;
    }

    .blog_icerik {
        font-size: 12px !important;
        line-height: 15px !important;
        padding: 0 !important;
    }

    .blog {
        padding: 0px !important;
    }

    .anasayfaButton {
        text-align: center;
        font-size: 12px !important;
        padding: 7px 15px !important;
        line-height: 18px !important;
    }

}

@media (max-width: 992px) and (min-width: 768px) {
    .services_blog {
        width: 100px;
        height: 100px;
    }

    .services_blog img {
        width: 100px;
    }




}



@media (max-width: 1200px) and (min-width: 992px) {
    .services_blog {
        width: 130px;
        height: 130px;
    }

    .services_blog img {
        width: 130px;
    }

}

.blogCon-2 {
    padding: 10px;
    border: 1px solid #ddd;
    border-radius: 10px;

}

.blogCon-2:hover {
    border-color: #ddd;
    box-shadow: 0 6px 10px 0 rgb(0 0 0 / 40%), 0 0px 10px 0 rgb(0 0 0 / 25%);
}


.blogCon-2:hover .blog_buton {
    color: #fff;
    box-shadow: inset 100px 100px 100px 100px #2F2C2C;
    border-color: #2F2C2C;

}

.blogCon-3 {
    margin-bottom: 30px;
    padding: 10px;
    border: 1px solid #ddd;
    border-radius: 10px;
    border-color: #ddd;
    background-color: #fff;
}

.portfoyBack {
    margin: 15px 0;
    background-color: #fff;
    border-radius: 10px;
    padding: 10px;
}

.fullPagePortfoy {
    background-color: #fbfbfb;
}

.blogCon {

    background-color: #fff;
    z-index: 9;
    position: relative;
    border: 1px solid #2f2f2f;

    -webkit-border-radius: 30px !important;

    -moz-border-radius: 30px !important;

    border-radius: 30px !important;

    -webkit-transition: all 0.5s ease;

    -moz-transition: all 0.5s ease;

    -o-transition: all 0.5s ease;

    -ms-transition: all 0.5s ease;

    transition: all 0.5s ease;
}


.blogCon:hover {
    border-color: #2f2f2f;
    box-shadow: 0 4px 8px 0 rgb(0 0 0 / 20%), 0 6px 20px 0 rgb(0 0 0 / 19%);
}

.blogCon .urun_button {
    font-weight: 700;
    width: 210px;
    display: block;
    margin-left: auto;
    margin-right: auto;
    margin-top: 15px;
    color: #fff;
    background-color: #2F2C2C;
    background-color: #fff;
    border-top: 2px solid #2F2C2C;
    border-bottom: 2px solid #2F2C2C;
    color: #2F2C2C;
    line-height: 14px;
    font-size: 13px;
    padding: 10px 10px;
    text-align: center;
    letter-spacing: 2px;
    transition: all .25s;
}

.blogCon:hover .urun_button {
    letter-spacing: 5px;

}


@media (max-width: 300px) {
    .urun_button {
        font-weight: 700;
        width: 100%;
        line-height: 14px;
        font-size: 13px;
    }
}

.HizmetBorder {
    border: 1px solid #222222;
    margin: 15px !important;
    padding: 40px 17px 10px 17px !important;
    border-radius: 150px;
}

.HizmetBorder:hover {
    border-color: #222222;
    box-shadow: 0 4px 8px 0 rgb(0 0 0 / 20%), 0 6px 20px 0 rgb(0 0 0 / 19%);
}

@media (max-width: 350px) {
    .HizmetBorder {
        border: 1px solid #222222;
        margin: 8px !important;
        padding: 18px 10px 10px 10px !important;
        border-radius: 150px;
    }
}

.anasayfa_buton {
    font-weight: 600;
    width: 200px;
    display: block;
    margin-left: auto;
    margin-right: auto;
    margin-top: 55px;
    margin-bottom: 10px;
    background-color: #2F2C2C;
    border: 1px solid #2F2C2C;
    color: #fff;
    line-height: 20px;
    font-size: 16px;
    padding: 15px 10px;
    border-radius: 10px;
    text-align: center;
}

.anasayfa_buton:hover {
    color: #fff;
    background-color: #000;
    border: 1px solid #000;
}

.blog_baslik {
    font-size: 14.5px;
    font-weight: 700;
    line-height: 24px;
    color: #222222;
    text-align: center;
    padding: 15px 3px;
}

.blog_baslik-2 {
    font-size: 14.5px;
    font-weight: 800;
    line-height: 24px;
    color: #2F2C2C;
    text-align: start;
    padding: 0px 15px;
}

.blog_baslik-2-btn {
    font-size: 14px;
    font-weight: 500;
    line-height: 24px;
    color: #58585A;
    text-align: start;
    margin-top: 5px;
}



.blog_icerik {
    font-size: 14px;
    line-height: 22px;
    color: #222222;
    padding: 7px 20px 7px 20px;
    font-weight: 400;
    text-align: center;
}

.blog_baslik-3 {
    font-size: 22px;
    font-weight: 500;
    line-height: 24px;
    color: #fff;
    text-align: center;
    padding: 15px 3px;
}

.blog_icerik-3 {
    font-size: 14px;
    line-height: 22px;
    color: #fff;
    padding: 7px 20px 7px 20px;
    font-weight: 400;
    text-align: center;
}

@media (max-width: 576px) {
    .blog_baslik-3 {
        font-size: 17px;
        font-weight: 500;
        line-height: 20px;
        color: #fff;
        text-align: center;
        padding: 15px 3px;
    }

    .blog_icerik-3 {
        font-size: 12px;
        line-height: 15px;
        color: #fff;
        padding: 7px 20px 7px 20px;
        font-weight: 400;
        text-align: center;
    }

    .AnasayfaIcerik_2 {
        color: #fff;
        font-size: 10pt;
        font-weight: 500;
        padding: 25px 0px 10px 0px;
    }
}

.blog_baslik-4 {
    font-size: 15px;
    font-weight: 500;
    line-height: 20px;
    color: #fff;
    text-align: start;
    padding: 5px 15px;
}

.blog_baslik-4:before {
    width: 5px;
    height: 5px;
    border-radius: 100%;
    background-color: #FFF;
    content: "";
    position: absolute;
    left: 0px;
    top: 13px;
}

.margindanisman {
    margin-top: 75px !important;
}

.tableurun {
    display: table;
    height: 100%;
    width: 100%;
}

.tableurun2 {
    display: table-cell;
    vertical-align: middle;
}

.indexsecme {
    width: 100%;
    border-radius: 10px !important;
}

.indexsecmeImg {
    position: relative;
    width: 100%;
    margin-top: 20px;
    border-radius: 10px;
    z-index: -1;
}

.indexsecme_yazi {
    width: 100%;
    height: 100%;
    font-size: 20px;
    font-weight: 600;
    border-radius: 10px;
    z-index: 1 !important;
    color: #fff;
    background-color: rgba(0, 0, 0, 0.6);
    position: absolute;
}

.blogArka {
    background-color: #00000075 !important;
    padding: 5px 15px;
    border: 5px solid rgba(255, 255, 255, 0.3);
}

@media (max-width: 768px) {
    .blogArka {
        margin: 15px 0px !important;
    }
}

.urun_box {
    font-size: 15px;
    letter-spacing: 1px;
    font-weight: 400 !important;
    line-height: 20px;
    color: #fff;
    background-color: #fff;
    padding: 5px 10px 5px 10px;
    background-color: #2F2C2C;
    transition: color .7s ease-in-out, box-shadow .5s ease-in-out;
}

.urunbaslik2 {

    color: #fff;
    display: block;
    width: 100%;
    border-radius: 5px;
    padding: 10px 0;
    background: #2F2C2C;
    font-size: 13px !important;
}

.urunbaslik2 i {
    font-size: 20px !important;
    float: right;
    padding: 5px 15px 0 0;
}

.textAlignCenterNone {
    text-align: start !important;
}

.urunbaslik2 label {
    padding-left: 5px !important;
}

@media (max-width: 400px) {
    .urunbaslik2 {
        font-size: 13px !important;

    }
}

.blog:hover .urun_box {
    color: #fff;
    box-shadow: inset 100px 100px 100px 100px #222222;
}

.blog:hover .urun_baslik {
    color: #fff;
}

.urun_baslik_icon_box {
    width: 35px;
    height: 100%;
}

.urun_baslik_icon {
    width: 100%;
    height: 100%;
    float: left;
    opacity: 1;
    margin-top: 5px;
}

.urun_border {
    border: 3px solid #E9E9E9;
}

.urun_baslik {
    font-size: 15px;
    letter-spacing: 1px;
    font-weight: 400 !important;
    line-height: 20px;
    color: #fff;
    text-align: end;

}

@media (max-width: 300px) {
    .urun_baslik_icon_box {
        width: 30px;
        height: 100%;
    }

    .urun_baslik {
        font-size: 13px;
        font-weight: 600;
    }
}



.deneme {
    width: 35px !important;
    float: right;
}

.urun_icerik {
    text-align: center;
    font-size: 13px;
    line-height: 22px;
    color: #333333;
    margin-top: 15px;
    margin-bottom: 20px;
    font-weight: 600;
}

.urun {
    padding: 0x;
    text-align: center;
    border: 1px solid #E9E9E9;
}

.urun:before {
    position: absolute;
    content: "";
    top: 5px;
    left: 5px;
    width: 25px;
    height: 20px;
}

.urun:after {
    position: absolute;
    content: "";
    bottom: 5px;
    right: 5px;
    width: 25px;
    height: 20px;
}

.sc_section_image {

    margin: auto;
    width: 87px;
    height: 87px;
    -webkit-transform: translateY(-33%);
    -moz-transform: translateY(-33%);
    transform: translateY(-33%);
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    background: #ffffff;
}






.hizmetBaslik {
    font-size: 13px;
    font-weight: 700;
    line-height: 24px;
    color: #2F2C2C;
    text-align: start;
    padding: 0px 0px 0px 0px;
}

.blogImg {
    width: 100%;
    position: relative;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 25px;
}

.markaImg {
    width: 60%;
    display: inline-block;
    margin-left: auto;
    margin-right: auto;
}

.borderBottom {
    border: 1px solid #ccc;

}

.border {
    border-top: 2px solid #2F2C2C;
    border-bottom: 2px solid #2F2C2C;
}

@media (max-width: 768px) {
    .blogImg {
        width: 100%;
    }
}


.urunBaslik {
    font-size: 13px;
    font-weight: 800;
    line-height: 24px;
    color: #333333;
    text-align: start;
    padding: 20px 7px;
    min-height: 70px;
    max-height: 70px;
}

.urunBaslik:before {
    background-color: #2F2C2C;
    content: "";
    position: absolute;
    top: 8px;
    height: 4px;
    width: 60px;
    left: 5px;
}

@media (max-width: 401px) {
    .urunBaslik {
        font-size: 13px;
        font-weight: 800;
        line-height: 24px;
        color: #333333;
        text-align: start;
        padding: 35px 7px;
    }

    .urunBaslik:before {
        background-color: #2F2C2C;
        content: "";
        position: absolute;
        top: 25px;
        height: 4px;
        width: 60px;
        left: 5px;
    }

}



.hizmetButtonIcerik {
    background-color: #2F2C2C;
    width: 100%;
    height: 40px;
    color: #fff;
    margin: 0px;
    padding: 4px 10px 4px 10px;
    font-size: 13px;
    cursor: pointer;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    -ms-transition: all 0.5s ease;
    transition: all 0.5s ease;
}

.hizmetButtonIcerik i {
    float: right;
    padding: 8px 0 0 0;
}

.hizmetButtonIcerik label {
    font-size: 12px;
    float: left;
    font-weight: 600;
    padding: 2px 0 0 0px;
}

.blog:hover .hizmetButtonIcerik {
    width: calc(100% - 0px);
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    -ms-transition: all 0.5s ease;
    transition: all 0.5s ease;
}

.danismanBaslik {
    font-size: 15px;
    font-weight: 600;
    line-height: 24px;
    color: #2F2C2C;
    text-align: start;
    padding: 15px;
    text-align: center;
}

.blogBaslik {
    line-height: 30px !important;
    font-size: 20px;
    font-weight: 600;
    line-height: 24px;
    color: #2F2C2C;
    text-align: start;
    padding: 15px;
}

.blogBaslikKat {
    font-size: 18px;
    color: #2F2C2C;
    font-weight: 700;
    text-align: start;
    padding: 15px 15px 0px 15px;
}

.haberTarih {
    font-size: 15px;
    color: #999999;
    font-weight: 400;
    padding-left: 10px;
}

.haberTarih-2 {
    font-size: 13px;
    color: #999999;
    font-weight: 400;
    padding-left: 10px;
}

.blogIcerik {
    font-size: 13px;
    line-height: 22px;
    color: #333333;
    margin-top: 15px;
    margin-bottom: 0px;
    font-weight: 600;
    text-align: start;
}

.blogButton {
    background-color: #fff;
    width: 110px;
    height: 40px;
    color: #2F2C2C;
    border: 2px solid #2F2C2C;
    margin: 0;
    padding: 5px 10px 5px 10px;
    font-size: 13px;
    cursor: pointer;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    -ms-transition: all 0.5s ease;
    transition: all 0.5s ease;
}

.blogButton i {
    float: right;
    padding: 7px 0 0 0;
}

.blogButton label {
    font-size: 13px;
    float: left;
    font-weight: 700;
    padding: 7px 0 0 0px;
}

.blog:hover .blogButton {
    width: calc(100% - 0px);
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    -ms-transition: all 0.5s ease;
    transition: all 0.5s ease;
}

.blogButtonIcerik {
    background-color: #2F2C2C;
    width: 90px;
    height: 40px;
    color: #fff;
    margin: 0px;
    padding: 4px 10px 4px 10px;
    font-size: 13px;
    cursor: pointer;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    -ms-transition: all 0.5s ease;
    transition: all 0.5s ease;
}

.blogButtonIcerik i {
    float: right;
    padding: 8px 0 0 0;
}

.blogButtonIcerik label {
    font-size: 12px;
    float: left;
    font-weight: 600;
    padding: 0px 0 0 0px;
}

.intro {
    background-color: #fff;

    padding: 40px 0px !important;
}


.intro-5 {
    background-color: #fff;
    padding: 40px;
}

.intro-2 {
    width: 100%;
    background-color: #fff;
    background-image: url("../images/intro-2.svg");
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;
    padding-top: 155px;
    padding-bottom: 150px;
}

.intro-6_Con {
    height: 100%;
    width: 100%;
    background-color: rgba(0, 0, 0, 0.5);
    padding: 60px 0;
}

.intro-6 {
    background-color: #2F2C2C;
    background-image: url("../images/hizmet_intro.png");
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;
    padding: 0 !important;
    margin-bottom: -30px !important;
}

.intro-7_Con {
    height: 100%;
    width: 100%;
    background-color: rgba(0, 0, 0, 0.0);
    padding: 60px 0;
}

.intro-7 {
    background-color: #2F2C2C;
    background-image: url("../images/intro-9.png");
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;
    padding: 0 !important;
    margin-bottom: -30px !important;
}

.intro-8 {
    padding: 40px 0;
}

.intro-9 {
    padding: 40px 0;

}

.intro-3 {
    background-color: #808080;
    padding: 0px 15px 0px 15px;
}

.intro-3-borderBottom {
    border-bottom: 1px solid rgba(77, 77, 77, 0.2);
    margin-top: 15px;
    margin-bottom: 25px;
}

.intro-3-img {
    width: 100%;
    height: 400px;
}

.intro-4 {
    background-color: #2F2C2C;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;
}

.intro-4-borderBottom {
    border-bottom: 1px solid rgba(77, 77, 77, 0.8);
    margin-top: 40px;
    margin-bottom: 25px;
}

.img-fluid-2 {
    height: auto;
    width: 100%;
    position: relative;
    width: auto;
    z-index: 1;
}

.img-fluid-2 img {
    vertical-align: middle;
    border-style: none;

}

.img-fluid-2::before {
    content: "";
    height: 100%;
    width: 100%;
    z-index: -1;
    background-color: #2F2C2C;
    position: absolute;
    top: 8px;
    right: -8px;
    background-repeat: no-repeat;
    background-position: right top;
}

.blog:hover .blogButtonIcerik {
    width: calc(100% - 0px);
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    -ms-transition: all 0.5s ease;
    transition: all 0.5s ease;
}










.referansBox {
    border: 2px solid #bbb;
    border-bottom: 3px solid #2F2C2C;
    height: 90px;
}

.referansBox:hover {
    border: 2px solid #2F2C2C;
    border-bottom: 3px solid #2F2C2C;
}

.referansTopBox {
    width: calc(100% - 40px);
    height: 100%;
}

.referansBoxTitle {
    height: 75px;
    font-size: 13px;
    line-height: 20px;
    color: #2F2C2C;
    font-weight: 600;
    background-color: #F7F8F9;
    padding: 10px;
}

@media (max-width: 576px) {
    .referansBoxTitle {
        font-size: 11px;
    }
}

.referansBoxTitle .referansGorsel {
    width: 25px;
    padding-top: 5px;
}



.indexhakkimizdaCon {
    background-color: #64322B;
    background-size: cover;
    background-position: center center;
}

.indexhakkimizda {
    padding: 20px 0px;
    background-color: #f3f3f3;
    background: rgba(80, 40, 34, 0.8);
}

.indexhakkimizda_img {
    position: relative;
}

.indexhakkimizda_img img {
    display: block;
}

.indexhakkimizda_baslik {
    position: relative;
    z-index: 8;
    margin-bottom: 20px;
    color: #fff;
    font-size: 30px;
    line-height: 110%;
    font-weight: 700;
}

.indexhakkimizda_baslik p {
    color: #fff;
}

.indexhakkimizda_icerik {
    position: relative;
    z-index: 8;
    font-size: 14px;
    line-height: 25px;
    color: #fff;
}

.indexhakkimizda_icerik p {
    margin-bottom: 20px;
}

.indexhakkimizda_btn {
    margin-top: 5px;
    border: 1px solid #fff;
    display: inline-block;
    padding: 10px 15px;
    background-color: transparent;
    color: #fff;
    font-size: 14px;
    line-height: 15px;
    font-weight: 500;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
}

.indexhakkimizda_btn:hover {
    color: #fff;
}




.hizmetler {
    border: 2px solid #e6e6e6;
    padding: 0px;
    padding-bottom: 15px;
    text-align: center;
}

.hizmetler:hover {
    background-color: #f9f9f9 !important;
}

.hizmetler_box {
    height: calc(100% - 50px);
}

.hizmetler_baslik {
    position: relative;
    font-size: 16px;
    font-weight: 600;
    line-height: 20px;
    color: #64322B;
    padding: 10px 10px 10px 10px;
}

.hizmetler_icerik {
    min-height: 80px;
    font-size: 13px;
    padding: 0px 10px;
    line-height: 21px;
    color: #222222;
    margin-bottom: 20px;
}

.hizmetler_buton {
    font-weight: 400;
    display: inline-block;
    background-color: #e6e6e6;
    color: #222;
    line-height: 13px;
    font-size: 13px;
    padding: 8px 25px;
    -webkit-border-radius: 10px !important;
    -moz-border-radius: 10px !important;
    border-radius: 10px !important;
}

.hizmetler_box img {
    border-bottom: 2px solid #e6e6e6;
}

.slaytAreaTop {
    box-shadow: 0 6px 10px 0 rgb(0 0 0 / 40%), 0 0px 10px 0 rgb(0 0 0 / 25%);
    padding: 15px 15px;
    border-radius: 10px;
    background-color: #fff;
}

.urunlerimizback {
    margin-top: -65px;
    z-index: 99;
}

.justify-content-center {
    -webkit-box-pack: center !important;
    -ms-flex-pack: center !important;
    justify-content: center !important;
}

@media (min-width: 992px) and (max-width:1200px) {

    .urunlerimizback {
        margin-top: -70px;
        z-index: 99;
    }
}

@media (min-width: 0px) and (max-width:991px) {

    .urunlerimizback {
        margin-top: 30px;
        z-index: 99;
    }
}

.aramaBack {
    margin-top: -135px;
    position: relative;
    z-index: 99;
}

.slaytFooterBaslik {
    font-weight: 600;
    font-size: 14pt;
    margin-top: 20px;
    color: #333333;
}

.slaytFooterIcerik {
    font-size: 12pt;
    color: #555;
}


.slaytFooterTel {
    color: #222222;
    font-size: 11pt;
    font-weight: 600;
    margin-left: 16px;
    margin-top: 23px;
}

.slaytFooterTel a:hover {
    color: #2F2C2C;
}

.slaytFooterButton {
    color: #fff;
    background-color: #333333;
    width: 220px;
    text-align: center;
    padding: 8px;
    font-size: 11pt;
    font-weight: 500;
    margin-top: 22px;
    float: right;
}

.slaytFooterButton a {
    color: #fff;
    text-decoration: none;
}

.slaytFooterButton:hover {
    background-color: #2F2C2C;
}

.phoneStyle {
    float: left;
    margin-left: 120px;
    margin-top: 20px;
    width: 30px;
}


@media (min-width: 992px) and (max-width: 1200px) {


    .slaytFooterIcerik {
        font-size: 10pt;
        font-weight: 500;
        padding-top: 5px;
    }


    .phoneStyle {
        float: left;
        margin-left: 75px;
    }
}

@media (min-width: 768px) and (max-width: 992px) {


    .slaytFooterBaslik {
        font-weight: 600;
        font-size: 14pt;
    }

    .slaytFooterIcerik {
        font-size: 9.5pt;
        font-weight: 500;
        padding-top: px;
    }


    .slaytFooterTel {
        font-size: 10pt;
        font-weight: 600;
    }

    .slaytFooterButton {
        width: 150px;
        padding: 8px;
        font-size: 9pt;
    }

    .phoneStyle {
        margin-left: 15px;
    }

    .hiddenSlide2 {
        display: none;
    }

}

@media (min-width:576px) and (max-width: 767px) {



    .slaytFooterBaslik {
        font-weight: 600;
        font-size: 13pt;
        text-align: center;
        margin-top: 15px;
    }

    .slaytFooterIcerik {
        font-size: 10pt;
        font-weight: 500;
        padding-top: 5px;
        text-align: center;
    }

    .slaytFooterTel {
        font-size: 10pt;
        margin-left: -25px;
        margin-top: 21px;
    }

    .phoneStyle {
        float: right;
        margin-right: 30px;
        margin-top: 17px;
    }

    .slaytFooterButton {
        width: 100%;
        padding: 8px;
        font-size: 9pt;
        float: left;
        margin-top: 15px;
        margin-bottom: 15px;
    }

}

@media (max-width: 576px) {



    .slaytFooterBaslik {
        font-weight: 600;
        font-size: 13pt;
        text-align: center;
        margin-top: 15px;
    }

    .slaytFooterIcerik {
        font-size: 10pt;
        font-weight: 500;
        padding-top: 5px;
        text-align: center;
    }

    .slaytFooterTel {
        font-size: 9pt;
        margin-left: -25px;
        margin-top: 21px;
    }

    .phoneStyle {
        float: right;
        margin-right: 30px;
        margin-top: 17px;
    }

    .slaytFooterButton {
        width: 100%;
        padding: 8px;
        font-size: 9pt;
        float: left;
        margin-top: 15px;
        margin-bottom: 15px;
    }
}

.select2-results {
    height: 200px;
    overflow: hidden;
}

.select2-results__options {
    overflow: scroll !important;
}

.footerKvkkRight {
    border-right: 1px solid #fff !important;
    margin-right: 15px;
}

@media (max-width:992px) {


    .footerKvkkRight {
        border: none !important;
    }

}

@media (max-width: 300px) {
    .anasayfa_buton {
        width: 200px;
        line-height: 20px;
        font-size: 14px;
        padding: 15px 10px;

    }


    .slaytFooterTel {
        font-size: 8pt;
        margin-left: -22px;
    }

    .phoneStyle {
        float: right;
        margin-right: 23px;
        width: 25px;
    }
}

.slaytlar .owl-dots {
    display: none !important;
    position: absolute;
    bottom: 70px;
    width: 100%;
    text-align: center;
}

.slaytlar button.owl-dot {
    border-radius: 100%;
    height: 14px;
    width: 14px;
    margin: 3px;
    background: rgba(255, 255, 255, 0.8) !important;
    border: 1px solid rgba(47, 44, 44, 0.8) !important;
}

.slaytlar button.owl-dot.active {
    background: rgba(27, 44, 44, 0.8) !important;
    border: 1px solid rgba(255, 255, 255, 0.8) !important;
}

@media (max-width: 992px) {
    .slaytlar .owl-dots {
        display: block !important;
        bottom: 20px;
    }
}


.Kutu {
    width: 100%;
    min-height: 340px;
    background-color: #fff;
    margin-top: 30px;
    border-bottom: 3px solid #333333;
}

.Kutu .askiImg2 {
    margin-left: 15px;
    padding-top: 15px;
}

.Kutu .Icerik2 {
    min-height: 100px;
    color: #363B3F;
    font-size: 10pt;
    font-weight: 500;
}

@media (max-width: 768px) {
    .Kutu .Icerik2 {
        padding-left: 17px;
    }


    .Kutu {
        min-height: 200px;
    }
}

.anasayfaBox {
    min-height: 320px;
    background-color: #F3F3F3;
    margin-top: 30px;

}

.anasayfaBox .askiImg2 {
    margin-left: 15px;
    padding-top: 15px;
}

.anasayfaBox .Icerik2 {
    color: #363B3F;
    font-size: 10pt;
    font-weight: 500;
}


.anasayfaBaslik {
    font-weight: 800;
    font-size: 25pt;
    color: #222222;
    margin-bottom: 10px;
    letter-spacing: 1px;
}

.anasayfaBaslik-2 {
    font-weight: 600;
    font-size: 30pt;
    color: #fff;
    margin-bottom: 20px;
}

.Icerik-urun-baslik {
    font-size: 20px;
    color: #2F2C2C;
    line-height: 25px;
    padding: 30px 0px 15px 0px;
    border-bottom: 1px solid #2F2C2C;
    margin: 10px 5px;
}



.Icerik-urun {
    color: #2f2f2f !important;
    font-size: 15px;
    font-weight: 500;
    padding: 10px;
    line-height: 20px;
    margin-bottom: 15px;
}

.Icerik-urun-2 {
    color: #2f2f2f !important;
    font-size: 15px;
    font-weight: 500;
    padding: 10px;
    line-height: 30px;
    margin-bottom: 15px;
}

.Icerik-urunozel-baslik {
    color: #2f2f2f !important;
    font-size: 16px;
    font-weight: 600;
    line-height: 20px;
    text-align: center;
    padding: 0 0 10px 0;
}

.ozellik_icon {
    padding: 20px;
    background-position: top center;
    background-repeat: no-repeat;
    background-size: 40px auto;
}

.ozellik_oda_icon {
    background-image: url("../images/urun_oda.svg");
}

.ozellik_m2_icon {
    background-image: url("../images/urun_metre.svg");
}

.ozellik_konuttipi_icon {
    background-image: url("../images/konut_tipi.svg");

}

.ozellik_bulundugukat_icon {
    background-image: url("../images/bulundugu_kat.svg");

}

.ozellik_katsayisi_icon {
    background-image: url("../images/kat_sayisi.svg");

}

.ozellik_yakittipi_icon {
    background-image: url("../images/yakit_tipi.svg");

}

.ozellik_durumu_icon {
    background-image: url("../images/durumu.svg");

}

.ozellik_banyosayisi_icon {
    background-image: url("../images/banyo_sayisi.svg");

}

.ozellik_balkon_icon {
    background-image: url("../images/balkon.svg");

}

.ozellik_parsel_icon {
    background-image: url("../images/parsel.svg");

}

.ozellik_ada_icon {
    background-image: url("../images/ada.svg");

}

.ilan_no {
    display: inline-block;
    font-size: 14px;
    font-weight: 500;
    background-color: #808080;
    color: #fff;
    border-radius: 5px;
    padding: 10px 15px;
    margin-bottom: 20px;
}

.Icerik-urunozel {
    color: #2f2f2f !important;
    font-size: 15px;
    font-weight: 500;
    padding: 10px;
    line-height: 20px;
    margin-bottom: 15px;
    text-align: center;
}

.Icerik2 {
    color: #2f2f2f !important;
    font-size: 15px;
    font-weight: 500;
    padding: 10px;
    line-height: 20px;
    margin-bottom: 15px;
}

.page .Icerik2 {
    color: #2f2f2f !important;
    font-size: 15px;
    font-weight: 500;
    padding: 10px;
    line-height: 18px;
}

@media (max-width:576px) {
    .anasayfaBaslik {
        font-size: 15pt;
    }

    .anasayfaBaslik-2 {
        font-size: 21pt;
    }

    .page .Icerik2 {
        font-size: 12pt;
    }
}

.boxImg {
    width: 100%;
    margin-top: 20px;
    border: 1px solid silver;
}

.anasayfaButton {
    margin-top: 20px;
    font-weight: 400;
    display: inline-block;
    background-color: #fff;
    color: #4D4D4D;
    letter-spacing: 1px;
    font-size: 12px;
    padding: 5px 40px;
    border-radius: 20px;
    text-align: start;
}

.anasayfaButton:hover {
    background-color: #222222;
    border: 1px solid #222222;
    color: #fff;
    text-decoration: none;
}


@media (max-width:992px) {
    .marginBottomHizmet {
        margin-bottom: 50px !important;
    }
}

.marginBottomHizmet-2 {
    margin-bottom: 30px !important;
}



.anasayfaLink {
    position: relative;
    display: inline-block;
    font-size: 13px;
    font-weight: 600;
    color: #333333;
    padding-left: 15px;
    margin-top: 5px;
}

.anasayfaLink:hover {
    color: #333333;
}

@media (min-width: 0) {
    .anasayfaLink:before {
        width: 6px;
        height: 6px;
        background-color: #333333;
        border: 1px solid #333333;
        border-radius: 100%;
        content: "";
        position: absolute;
        left: 0px;
        top: 8px;
    }
}

@media (min-width: 768px) and (max-width: 992px) {


    .Kutu {
        min-height: 420px;
    }

}

@media (min-width: 992px) and (max-width: 1200px) {


    .Kutu {
        min-height: 290px;
    }

}

@media (max-width: 400px) {
    .anasayfaLink {
        font-size: 12px;
    }
}

.urunBox {
    border: 1px solid #E9E9EA !important;
    position: relative;
    background-color: #fff;
    padding: 5px 20px 60px 20px;
}

.urunBoxBaslik {
    margin-top: 10px;
    color: #64322B;
    text-align: center;
    font-size: 16px;
    font-weight: 600;
    line-height: 23px;
    font-weight: 700;
}

.urunBoxDetay {
    position: absolute;
    width: 150px;
    text-align: center;
    bottom: 20px;
    background-color: #DADADC;
    padding: 7px 10px;
    color: #58585A;
    font-size: 13px;
    line-height: 13px;
    font-weight: 600;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    margin: 0px calc(50% - 95px);
}

.urunBoxDetay i {
    font-size: 9px;
    margin-left: 5px;
    float: right;
    margin-top: 2px;
}


.urunBoxIcerik {
    min-height: 80px;
    margin: 15px 0px;
    color: #424242;
    font-size: 13px;
    line-height: 23px;
    font-weight: 500;
    text-align: center;
}

.urunBoximg {
    position: relative;
    margin-bottom: 20px;
    border-bottom: 2px solid #E77945;
}

.urunBoximg_line {
    position: absolute;
    bottom: -14px;
    right: calc(50% - 20px);
    height: 30px;
    width: 40px;
    color: #fff;
    background-color: #2F2C2C;
    text-align: center;
    padding-top: 7px;
    font-size: 15px;
    line-height: 15px;
}

.blog:hover .urunBoximg_line {
    background-color: #333333;
}



.motto {
    text-align: center;
    padding: 20px 0px 15px 0px;
    border-top: 1px solid #ddd;
    border-bottom: 1px solid #ddd;
}

.motto_area {
    display: inline-block;
    font-size: 28px;
    line-height: 35px;
    color: #64322B;
}

.motto_bottom {
    text-align: right;
    font-size: 15px;
    line-height: 20px;
    font-style: italic;
    font-weight: 600;
}



#pencere {
    color: #333;
    font-size: 16px;
    font-weight: bold;
}

#pencere h3 {
    color: #E77945;
    font-size: 25px;
    margin-bottom: 20px;
    text-align: center;
}

#pencere img {
    width: 100% !important;
    height: auto !important;
}

@media (max-width: 991px) {
    .bnav {
        position: fixed;
        z-index: 500;
        left: 0;
        right: 0;
        bottom: 0;
        color: #483196;
        padding: 0;
        padding: 0 env(safe-area-inset-right) env(safe-area-inset-bottom) env(safe-area-inset-left);
        height: 48px;
        height: calc(48px + env(safe-area-inset-bottom));
        -webkit-user-select: none;
        -moz-user-select: none;
        -ms-user-select: none;
        user-select: none;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row;
        -ms-flex-pack: distribute;
        justify-content: space-around;
        background: #E85726;
        line-height: 1;
        overflow: hidden;
        font-size: 0;
        border-top: 1px solid rgba(136, 136, 136, 0.4);
    }

    .bnav__item {
        position: relative;
        -ms-flex-preferred-size: 0;
        flex-basis: 0;
        -webkit-box-flex: 1;
        -ms-flex-positive: 1;
        flex-grow: 1;
        max-width: 100%;
        text-align: center;
        padding: 4px 0 2px;
    }

    .bnav__item__icon {
        position: relative;
        width: 18px;
        margin: 4px 0px 2px 0px;
    }

    .bnav__item__label {
        line-height: 18px;
        font-size: 11px;
        font-weight: 500;
        padding: 3px 4px;
        color: #fff;
        display: block;
        white-space: nowrap;
        overflow: hidden;
        -o-text-overflow: ellipsis;
        text-overflow: ellipsis;
    }
}

.dipnot {
    position: fixed;
    z-index: 5000;
    background: #aaa url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIGZpbGw9IiNmZmYiIGZpbGwtcnVsZT0iZXZlbm9kZCIgdmlld0JveD0iMCAwIDM3OC41OSAxMzU1Ij48cGF0aCBkPSJNMjM5LjI2IDEwMjZjMC0xNi0xMi0yOC0yNy0yOGgtMTg1Yy0xNiAwLTI4IDEyLTI4IDI4IDAgMTUgMTIgMjcgMjggMjdoMTg1YzE1IDAgMjctMTIgMjctMjd6bS0yMzkgMTAzYzAtMTUgMTItMjcgMjgtMjdoMjUzYzE1IDAgMjcgMTIgMjcgMjcgMCAxNi0xMiAyOC0yNyAyOGgtOTdjLTM2IDMtNjUgMzMtNjUgNzAgMCAzOCAzMSA2OSA3MCA2OSAzOCAwIDY5LTMxIDY5LTY5IDAtNi0xLTExLTItMTYgMC0yLTEtNS0xLTcgMC0xNSAxNS0yNyAyNy0yN3MxOCA2IDIyIDE1YzUgMTQgOCAyOCA4IDQyIDAgNjctNTUgMTIxLTEyMyAxMjFzLTEyNC01NC0xMjQtMTIxYzAtMjggMTgtNjQgNDUtNzdoLTgyYy0xNiAwLTI4LTEyLTI4LTI4em0yMi0xMDU5YzAtMTUgMTItMjcgMjgtMjdoMjlWMjVjMC0xNCAxMS0yNSAyNS0yNSAxMyAwIDI0IDExIDI0IDI1djc4YzAgMTMtMTEgMjQtMjQgMjQtMTQgMC0yNS0xMS0yNS0yNHYtNWgtMjljLTE2IDAtMjgtMTMtMjgtMjh6bTEyNiAwYzAtMTUgMTMtMjcgMjgtMjdoNjhjMTYtNSAxNC0xNSAxNS0yOCAwIDAgNC0xNiAyOC0xNHMyNSAyNSAyNSAyNSA5IDY4LTYwIDcyaC03NmMtMTUgMC0yOC0xMy0yOC0yOHptLTgzIDIwM2MwLTcwIDU1LTEyNyAxMjMtMTI3IDY5IDAgMTI0IDU3IDEyNCAxMjcgMCA3MS01NSAxMjgtMTI0IDEyOC02OCAwLTEyMy01Ny0xMjMtMTI4em01NSAwYzAtMzggMzAtNjkgNjgtNjlzNjkgMzEgNjkgNjljMCAzOS0zMSA3MC02OSA3MHMtNjgtMzEtNjgtNzB6bS00OCAzNTVjMC0xNSAxMi0yNyAyNy0yN2gxODVjMTYgMCAyOCAxMiAyOCAyNyAwIDE2LTEyIDI4LTI4IDI4aC0xODVjLTE1IDAtMjctMTItMjctMjh6bTEwNC0xODZoMTA4YzE2IDAgMjggMTMgMjggMjhzLTEyIDI4LTI4IDI4aC0xMTFjLTQ3IDEtNTMgMzAtNTAgNTRzLTE4IDI3LTE4IDI3Yy0yNSA2LTMxLTE1LTMxLTE1LTIwLTYzIDE5LTEyMiA4NS0xMjJ6bTIwMiA0ODBjMCAxNS0xMyAyOC0yOCAyOGgtMjUzYy0xNSAwLTI4LTEzLTI4LTI4czEzLTI4IDI4LTI4aDk3YzM2LTIgNjQtMzIgNjQtNjkgMC0zOC0zMS03MC02OS03MHMtNjkgMzItNjkgNzBjMCA1IDAgMTAgMSAxNSAxIDMgMiA1IDIgOCAwIDE0LTE1IDI2LTI3IDI2LTEzIDAtMTktNi0yMy0xNS01LTEzLTgtMjctOC00MiAwLTY3IDU2LTEyMSAxMjQtMTIxczEyMyA1NCAxMjMgMTIxYzAgMjktMTggNjUtNDQgNzdoODJjMTUgMCAyOCAxMyAyOCAyOHptLTY2IDEwNGMwLTE4LTE0LTMyLTMxLTMycy0zMSAxNC0zMSAzMmMwIDE3IDE0IDMxIDMxIDMxczMxLTE0IDMxLTMxeiIvPjwvc3ZnPg==) no-repeat center;
    background-size: 11px 39px;
    border-radius: 0 4px 4px 0;
    height: 56px;
    overflow: hidden;
    left: 0;
    width: 16px;
    background-color: #22b4cd;
    bottom: 55px;
}

@media (max-width:992px) {
    .dipnot {
        bottom: 80px;
    }
}

.borderBottomLeftMenu {
    border-bottom: 2px solid #2F2C2C;
    margin-bottom: 15px;
}

.askiStyle {
    background-image: url("https://www.rolbers.com/layout/images/urun_bnav.svg");
    background-position: left center;
    background-repeat: no-repeat;
    background-size: 25px auto;
    padding: 0px 0px 0px 30px;
    margin-left: 0px;
}

.askiStyle2 {
    background-image: url("https://www.rolbers.com/layout/images/customer-service.svg");
    background-position: left center;
    background-repeat: no-repeat;
    background-size: 25px auto;
    padding: 20px 0px 10px 30px;
    margin-left: 14px;
}

.askiStyle3 {
    background-image: url("https://www.rolbers.com/layout/images/village.svg");
    background-position: left center;
    background-repeat: no-repeat;
    background-size: 40px auto;
    padding: 20px 0px 10px 30px;
    margin-left: 0px;
}

.mahalleBaslik {
    margin: 20px 0 20px 0;
    font-weight: 900;
    font-size: 14pt;
    color: #2F2C2C;
    text-align: center;
}

@media (max-width:300px) {
    .mahalleBaslik {
        font-size: 11pt;
        line-height: 20px;
    }
}

.borderLine {
    border-bottom: 1px solid silver;
    width: 100%;
    margin-top: 30px;
}

.galeriBaslik {
    color: #363B3F;
    font-weight: 700;
    font-size: 14pt;
    margin-bottom: 13px;
}

.galeriBaslik-2 {
    color: #363B3F;
    font-weight: 700;
    font-size: 11.5pt;
    margin-bottom: 13px;
}







.squareClass {
    position: relative;
    border-radius: 10px;

}

.squareClass:after {
    content: "";
    display: block;
    padding-bottom: 50%;
}

.squareClass20:after {
    padding-bottom: 20%;

}

.squareClass20:after {
    padding-bottom: 20%;

}

.squareClass65:after {
    padding-bottom: 66%;


}

.squareClass75:after {
    padding-bottom: 75%;

}

.squareClass80:after {
    padding-bottom: 80%;

}

.squareClass85:after {
    padding-bottom: 85%;

}

.squareClass85:after {
    padding-bottom: 85%;

}

.squareClass100:after {
    padding-bottom: 100%;
}

.squareClass200:after {
    padding-bottom: 200%;
}

.contentClass {
    position: absolute;
    width: 100%;
    height: 100%;
}

.squareClassBack {
    text-align: center;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center center;
}


.squareClassMevsimMarka {
    text-align: center;
    background-size: 50%;
    background-repeat: no-repeat;
    background-position: left center;
}

.squareClassMevsimMarkaLeft {
    text-align: center;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: left center;
}

.squareClassBackBottom {
    background-position: bottom center;
}

.squareClassBackCenter {
    background-position: center center;
}

.squareClassBackTop {
    background-position: top center;
}

.squareClassLeftTop {
    background-position: left center;
}

.form-control2 {
    height: 40px;
    background-color: #eeeeee;
    border-color: transparent;
    border-radius: 20px;
    display: block;
    width: 100%;
}

.form-group textarea {
    padding-left: 15px;
}

.blog_box .Divresim {
    border: none !important;
    position: relative;
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    -moz-transform: scale(1);
    transition: all .3s ease-in;
    -moz-transition: all .3s ease-in;
    -webkit-transition: all .3s ease-in;
    -ms-transition: all .3s ease-in;
}

.blog_box .Divresim:hover {
    z-index: 2;
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    -moz-transform: scale(1);
    transform: scale(1);
}

.marka-gorsel {
    border: 1px solid #ccc;
    border-radius: 5px;
    transition: all 0.3s;
}

.marka-gorsel:hover {
    border-color: #fff;
    box-shadow: 0 4px 8px 0 rgb(0 0 0 / 20%), 0 6px 20px 0 rgb(0 0 0 / 19%);
}

.altSlayt {
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;
    padding: 0 !important;
    margin: 0 !important;
}

.altSlaytYazi {
    font-family: 'El Messiri', sans-serif !important;
    font-size: 50px;
    font-weight: 900;
    text-align: center;
    color: #fff;
}

.altSlaytCon {
    height: 100%;
    width: 100%;
    background-color: rgba(0, 0, 0, 0.5);
}

@media (max-width:991px) and (min-width:768px) {
    .altSlaytYazi {
        font-size: 40px;
    }
}

@media (max-width:767px) and (min-width:576px) {
    .altSlaytYazi {
        font-size: 35px;
    }
}

@media (max-width:576px) {
    .altSlaytYazi {
        font-size: 25px;
    }
}


html {
    scroll-behavior: smooth;
}

@media (min-width:992px) {
    .col-split-5 {
        width: 20% !important;
    }
}

.imgS {
    background-color: #fff;
    border: 1px solid #ddd;
    padding: 5px;
}

.partnerBaslik {
    color: #4D4D4D;
    height: 50px;
    text-align: center;
    font-weight: 500;
    font-size: 14px;
    line-height: 18px;
    border-top: 1px solid #ddd;
}

@media (max-width: 767px) {
    .partnerBaslik {
        font-size: 11px;
        line-height: 15px;
    }
}

.partnerLink {
    background-color: #2F2C2C;
    padding-top: 3px;
    font-size: 13px;
    font-weight: 500;
    color: #fff;
    text-align: center;
    height: 30px;
}


@media (min-width: 992px) {
    .urunDetay_PaddingLeft0 {
        padding-left: 0px !important;
    }

}


/* *********************** */

.leftmenu_list input {}

.btn-app {
    display: inline-block;
    margin-bottom: 20px;
    border: none;
    color: #fff;
    background: #2F2C2C;
    padding: 5px 20px;
    font-weight: 400;
    border-radius: 5px;
}

.search .input {
    width: 430px !important;
    margin: 14px 0px 0 0 !important;
}

.search .input {
    width: 430px;
    height: 40px;
    display: inline-flex;
    border-radius: 20px 20px 20px 20px !important;
    border: 1px solid #9C9DA1;
    font-size: 11px;
    padding: 5px;
    height: 30px;
    outline: none;
    color: #222222 !important;
}


#aramaSonuc {
    -webkit-transition: all 0.375s cubic-bezier(0.25, 0.8, 0.25, 1);
    -o-transition: all 0.375s cubic-bezier(0.25, 0.8, 0.25, 1);
    transition: all 0.375s cubic-bezier(0.25, 0.8, 0.25, 1);
    position: absolute;
    top: 100%;
    top: 50px;
    line-height: 20px;
    width: 410px !important;
    height: 200px;
    background: #fff;
    width: calc(100% - 60px);
    border-top-left-radius: 20px;
    border-bottom-left-radius: 20px;
    border-bottom-right-radius: 20px;
    border: 1px solid #0060AE !important;
    padding: 20px;
    display: none !important;

    -webkit-box-shadow: 0px 0px 15px 0px rgba(0, 0, 0, 0.75);
    -moz-box-shadow: 0px 0px 15px 0px rgba(0, 0, 0, 0.75);
    box-shadow: 0px 0px 15px 0px rgba(0, 0, 0, 0.75);

}

@media (min-width:992px) {

    #aramaArea {
        /* float: right !important; */
    }


    .searchButton {
        width: 40px;
        border-left: none !important;
        border: 1px solid transparent;
        background: transparent;
        text-align: center;
        color: #9C9DA1;
        border-radius: 0 20px 20px 0;
        cursor: pointer;
        font-size: 20px;
        margin: 0px 0px 0 0 !important;
        margin-left: -45px !important;
    }

    .searchButton i {
        font-size: 14px;
        position: absolute;
        top: 22px !important;
        right: 18px !important;
    }

    .search #aramaArea #aramaSonuc {
        position: absolute;
        top: 50px;
        right: 0px;
        opacity: 1;
        height: 200px;
        overflow: hidden;
        overflow-y: scroll;
        visibility: visible;
        pointer-events: auto;
        display: block !important;
        z-index: 9999;
        border-top-left-radius: 7px !important;

    }

}



@media (min-width:992px) {
    #aramaSonuc {
        display: block !important;
        opacity: 0;
        visibility: hidden;
        pointer-events: none;
        z-index: -1;
        height: 0;
    }
}

.AramaTextDecoration {
    text-decoration: none !important;
    color: #222222;
}

.aramaYazi {
    font-size: 12px !important;
    color: #222222;
    border-bottom: 1px solid #F2F5FA;
    padding: 10px 10px;
    text-decoration: none !important;
    text-align: start !important;
}

.aramaYazi:hover {
    background-color: #F2F5FA;
    border-radius: 5px;
}

.UrunBulunamadi {
    text-align: center;
    font-size: 12px !important;
    color: #222222;
    padding: 10px 10px;
    text-decoration: none !important;
    background-color: #F2F5FA;
    border-radius: 5px;
}

@media (min-width: 992px) and (max-width:1200px) {
    .search .input {
        width: 430px !important;
        margin: 10px 0px 0 0 !important;
    }


    .searchButton {
        margin: 0px 50px 0 0 !important;
        margin-left: -45px !important;
        height: 45px;
    }


    .searchButton i {
        font-size: 14px;
        position: absolute;
        top: 18px !important;
        right: 15px !important;
    }

    .search #aramaArea #aramaSonuc {
        top: 45px;
        right: 7px;
        border-top-left-radius: 7px !important;

    }
}

@media (max-width:992px) {
    .search .input {
        width: 100% !important;
        margin: 19px 0px 0 0 !important;
        border-right: none !important;
        border-top-right-radius: 0px !important;
        border-bottom-right-radius: 0px !important;

    }



    .searchButton {
        width: 100%;
        height: 30px !important;
        border-left: none !important;
        border: 1px solid transparent;
        background: transparent;
        text-align: center;
        color: #9C9DA1;
        border-radius: 0 20px 20px 0;
        cursor: pointer;
        font-size: 20px;
        margin: 19px 0px 0 0 !important;
        border: 1px solid #9C9DA1;
        background-color: #fff;
    }

    .searchButton i {
        font-size: 14px;
        position: absolute;
        top: 26px !important;
        right: 30px !important;
    }


    .search #aramaArea #aramaSonuc {
        width: 710px !important;
        position: absolute;
        top: 60px;
        right: 20px;
        opacity: 1;
        height: 200px;
        border-top-left-radius: 7px !important;

        overflow: hidden;
        overflow-y: scroll;
        visibility: visible;
        pointer-events: auto;
        display: block !important;
        z-index: 9999;
    }

    #aramaSonuc {
        display: block !important;
        opacity: 0;
        visibility: hidden;
        pointer-events: none;
        z-index: -1;
        height: 0;
    }

}

@media (max-width:768px) {

    .search .input {
        margin: 17px 0px 0 0 !important;
    }



    .searchButton {
        margin: 17px 0px 0 0 !important;
    }

    .searchButton i {
        top: 25px !important;
    }


    .search #aramaArea #aramaSonuc {
        width: 100% !important;
        position: relative;
        top: 9px;
        right: 0px;
    }
}


@media (max-width:576px) and (min-width:0px) {

    .search .input {
        margin: 20px 0px 0 0 !important;
    }



    .searchButton {
        margin: 20px 0px 0 0 !important;
    }

    .searchButton i {
        top: 28px !important;
    }


    .search #aramaArea #aramaSonuc {
        top: 10px;
    }

}

.drone_box {
    z-index: 11 !important;
    width: 100% !important;
    height: 100%;
    position: absolute;
    right: 0 !important;
    display: block;
    top: 400px;
}

.drone_box img {
    z-index: 1 !important;
    width: 60% !important;
    height: auto;
    position: relative;
    right: 0 !important;
    display: block;
}

.mobileBayi {
    background-color: #2F2C2C !important;
    color: #fff !important;
}

@media (min-width:992px) {

    .AramafloatRight {
        float: right !important;
    }
}

@media (max-width:992px) {

    .marginTopUrun {
        margin-top: 20px !important;
    }
}


div.sticky {

    position: -webkit-sticky;

    position: sticky;

    top: 0;

    z-index: 999;

    background-color: #fff;

    background-color: #fff;
    transition: 0.5s;
    -webkit-transition: 0.5s;
    -moz-transition: 0.5s;
    -ms-transition: 0.5s;
    -o-transition: 0.5s;

}

div.sticky #header {

    background-color: transparent !important;

}

div.sticky #header .menuSLi a {

    color: #333333;

}

div.sticky #header .menuSLiDrop a {
    color: #333333;
}

div.sticky #header .menuSLi a:after {
    content: '';
    width: 0%;
    transition: all 0.3s ease;
    left: 50%;
}

div.sticky #header .menuSLi a:before {
    content: '';
    width: 0%;
    transition: all 0.3s ease;
    left: 50%;
}

div.sticky #header .menuSLi a:hover:after {
    content: '';
    position: absolute;
    top: 20px;
    bottom: 0px;
    left: 50%;
    background: #112d4f;
    height: 1px;
    width: 50%;
}

div.sticky #header .menuSLi a:hover:before {
    content: '';
    position: absolute;
    top: 20px;
    bottom: 0px;
    left: 0px;
    background: #112d4f;
    height: 1px;
    width: 50%;
}

div.sticky #header .menuSLi a.active {
    border-bottom: 1.7px solid #112d4f;
}

div.sticky #headerArea .headerConFixed {

    height: 60px !important;

}



@media (max-width: 991px) {

    div.sticky-mobile {

        position: -webkit-sticky;

        position: sticky;

        top: 0;

        z-index: 999;


    }

}




.displaydeneme {
    display: none !important;
}



.treeview-menu li {
    padding: 15px 20px;
}

.breadcrumbs_back {
    height: 350px !important;
    position: relative;
    background-size: cover;
    background-position: center center;
    background-color: #fff;
}

@media (max-width: 768px) {


    .breadcrumbs_back {
        height: 200px;
    }

}


.breadcrumbs_back:after {
    content: "";
    display: block;
    padding-bottom: 25%;
}

.breadcrumbs_back_area {
    position: absolute;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.4);
}

.breadcrumbs_back_area_title {
    position: absolute;
    bottom: 0px;
    width: 100%;
}

.breadcrumbs {
    text-align: center;
    margin-bottom: 10px;
}

.breadcrumbs_item {
    display: inline-block;
    font-weight: 500;
    font-size: 12px;
    line-height: 13px;
    color: #fff;
    padding: 5px 10px 5px 15px;

    background-image: url("../images/right-arrow.svg") !important;
    background-size: 4px auto;
    background-position: left 9px;
    background-repeat: no-repeat;

}

.breadcrumbs_item_first {
    background-image: none !important;
    padding: 5px 10px 5px 0px;
}





.breadcrumbsTitle {
    position: relative;
    text-align: center;
    letter-spacing: 0.5px;
    margin-bottom: 0px;
}

.hTitle1 {
    position: relative;
    margin-bottom: 15px;
    z-index: 9;
    display: inline-block;
    color: #fff;
    font-size: 23px;
    line-height: 30px;
    font-weight: 700;
    text-align: center;
    padding: 15px;
}



@media (min-width: 991px) and (max-width: 1200px) {

    .breadcrumbs {
        margin-bottom: 5px;
    }

    .hTitle1 {
        margin-bottom: 10px;
    }

}



@media (max-width: 991px) {

    .hTitle1 {
        font-size: 17px;
        line-height: 25px;
        padding: 10px;
    }

}

@media (max-width: 400px) {

    .breadcrumbs_back {
        padding-bottom: 70px;
    }

}

#sikca-sorulan-sorular {

    -webkit-user-select: none;

    -moz-user-select: none;

    -ms-user-select: none;

    user-select: none;

    display: block;

    width: 100%;

    list-style: none;

    padding: 0px;

}



#sikca-sorulan-sorular i {
    float: right;
    font-size: 23px;
    color: #2F2C2C;
    margin-right: 5px;

    -webkit-transform: rotate(0deg);

    -ms-transform: rotate(0deg);

    transform: rotate(0deg);

    -webkit-transition: all 0.1s ease;

    -moz-transition: all 0.1s ease;

    -o-transition: all 0.1s ease;

    -ms-transition: all 0.1s ease;

    transition: all 0.1s ease;

}

#sikca-sorulan-sorular li .question.opened i {

    -webkit-transform: rotate(45deg);

    -ms-transform: rotate(45deg);

    transform: rotate(45deg);

}



#sikca-sorulan-sorular li .question span {
    width: calc(100% - 30px);
    display: inline-block;
}



#sikca-sorulan-sorular>li {

    display: block;

    width: 100%;

    border-bottom: 1px solid #808080 !important;

    font-weight: 600;

    line-height: 23px;

    color: #222222;

}



#sikca-sorulan-sorular li:last-child {

    border-bottom: 0;

}



#sikca-sorulan-sorular li .question {

    cursor: pointer;

    padding: 15px 4px;

    display: block;

    font-size: 15px;

    width: 100%;

}



#sikca-sorulan-sorular li .question.opened {

    color: black;

}



#sikca-sorulan-sorular li .question.opened .material-icons {

    -webkit-transform: rotate(180deg);

    -ms-transform: rotate(180deg);

    transform: rotate(180deg);

    background: #eee;

    color: black;

}



#sikca-sorulan-sorular li .question .material-icons {

    border-radius: 100%;

    -webkit-transition: -webkit-transform 0.375s cubic-bezier(0.25, 0.8, 0.25, 1);

    transition: -webkit-transform 0.375s cubic-bezier(0.25, 0.8, 0.25, 1);

    -o-transition: transform 0.375s cubic-bezier(0.25, 0.8, 0.25, 1);

    transition: transform 0.375s cubic-bezier(0.25, 0.8, 0.25, 1);

    transition: transform 0.375s cubic-bezier(0.25, 0.8, 0.25, 1), -webkit-transform 0.375s cubic-bezier(0.25, 0.8, 0.25, 1);

    vertical-align: middle;

    margin-top: -3.5px;

    margin-right: 8px;

    color: #2F2C2C;

    padding: 2px;

    line-height: 24px;

}



#sikca-sorulan-sorular li .question span {

    line-height: 24px;

}



#sikca-sorulan-sorular li .answer {

    margin-bottom: 36px;

    font-weight: 400;

    display: none;

    width: 100%;

    font-size: 15px;
    line-height: 23px;

    padding: 0px 4px;

}

.branslar_box {
    z-index: 9;
    position: relative;
    padding-bottom: 40px;
}

.branslar_box_img {
    background-color: #fff;
    padding: 5px;

    -webkit-border-radius: 15% !important;

    -moz-border-radius: 15% !important;

    border-radius: 15% !important;

    -webkit-transition: all 0.5s ease;

    -moz-transition: all 0.5s ease;

    -o-transition: all 0.5s ease;

    -ms-transition: all 0.5s ease;

    transition: all 0.5s ease;


}

.branslar_box_img img {

    -webkit-transition: all 0.5s ease;

    -moz-transition: all 0.5s ease;

    -o-transition: all 0.5s ease;

    -ms-transition: all 0.5s ease;

    transition: all 0.5s ease;


}

.branslar_box:hover .branslar_box_img img {

    -webkit-box-shadow: 0px 0px 15px 5px rgba(0, 0, 0, 0.3);

    box-shadow: 0px 0px 15px 5px rgba(0, 0, 0, 0.3);

}

.branslar_index .branslar_box:hover .branslar_box_img img {

    -webkit-box-shadow: 0px 0px 15px 5px rgba(255, 255, 255, 0.25);

    box-shadow: 0px 0px 15px 5px rgba(255, 255, 255, 0.25);

}

.branslar_box:hover .branslar_box_img {

    padding: 0px;

}

.branslar_index .branslar_box:hover .branslar_box_img {

    padding: 0px;

}

.branslar_box_img img {
    display: block;

    -webkit-box-shadow: 0px 0px 15px 5px rgba(0, 0, 0, 0.3);

    box-shadow: 0px 0px 15px 5px rgba(0, 0, 0, 0.3);

    -webkit-border-radius: 15% !important;

    -moz-border-radius: 15% !important;

    border-radius: 15% !important;

}

.branslar_box_baslik {
    margin-top: 20px;
    color: #222222;
    text-align: center;
    font-size: 17px;
    line-height: 25px;
    font-weight: 500;
}

.branslar_box_baslik_white {
    color: #fff;
}

.branslar_box_btn {
    z-index: 10;
    position: absolute;
    font-weight: 500;
    opacity: 0;
    left: 0px;
    text-align: center;
    width: 100%;
    margin-bottom: 15px;
    -webkit-transition: all 0.5s ease;

    -moz-transition: all 0.5s ease;

    -o-transition: all 0.5s ease;

    -ms-transition: all 0.5s ease;

    transition: all 0.5s ease;

}

.branslar_box_btn_a {
    background-color: #2F2C2C;
    color: #fff;
    padding: 5px 10px;
    display: inline-block;
    font-size: 13px;
    line-height: 13px;

    -webkit-border-radius: 5px !important;

    -moz-border-radius: 5px !important;

    border-radius: 5px !important;

}

.branslar_box_btn {
    opacity: 1;
    bottom: 5px;
}

.branslar_index {
    position: relative;
    z-index: 10;
    padding-bottom: 100px;
    background-color: #1A2335;
}

.branslar_index:before {
    position: absolute;
    bottom: -1px;
    left: 0px;
    z-index: 12;
    content: "";
    height: 100px;
    width: 100%;
    background-image: url("https://www.rolbers.com/layout/images/branslar_bottom.png");
    background-position: center center;
    background-repeat: no-repeat;
    background-size: 105% 100%;
}

.branslar_index .branslar_box_img {
    background-color: #1A2335;
}

.branslar_index_btn {
    position: relative;
    z-index: 15;
    margin-top: 50px;
}

#owlHizmet .owl-nav {
    display: block !important;

}

#owlHizmet .owl-dots {
    display: block !important;
    position: absolute;
    bottom: -30px;
    width: 100%;
    text-align: center;
}

#owlHizmet button.owl-dot {
    border-radius: 100%;
    height: 8px;
    width: 8px;
    margin: 3px;
    background: #B2B2B2 !important;
    border: 1px solid #B2B2B2 !important;
}

#owlHizmet button.owl-dot.active {
    height: 12px;
    width: 12px;
    background: #fff !important;
    border: 3px solid rgba(253, 102, 0, 8) !important;
}

#owlHizmet .owl-nav {
    left: 0;
    position: absolute;
    right: 0;
    top: calc(50% - 50px);
    width: 100%;
    font-size: 22px;
    color: #2F2C2C;
}


#owlHizmet button.owl-next i,
#owlHizmet button.owl-prev i {
    background-color: transparent;
    font-size: 35px;
    color: #4D4D4D;
}

#owlHizmet button.owl-next {
    right: -10px;
}

#owlHizmet button.owl-prev {
    left: -10px;
}

#owlHizmet button.owl-next:hover {
    color: #D72D11 !important;
}

#owlHizmet button.owl-prev:hover {
    color: #D72D11 !important;
}

@media (max-width: 576px) {

    #owlHizmet button.owl-next i,
    #owlHizmet button.owl-prev i {
        font-size: 25px;
    }

    #owlHizmet button.owl-next {
        right: 0px;
    }

    #owlHizmet button.owl-prev {
        left: 0px;
    }
}

.gonderi_box {
    z-index: 9;
    position: relative;
    padding-bottom: 40px;
}

.gonderi_box_img {
    width: 300px;
    height: 300px;
    background-color: #fff;
    display: block;
    margin-left: auto;
    margin-right: auto;
    padding: 5px;

    -webkit-border-radius: 15% !important;

    -moz-border-radius: 15% !important;

    border-radius: 15% !important;

    -webkit-transition: all 0.5s ease;

    -moz-transition: all 0.5s ease;

    -o-transition: all 0.5s ease;

    -ms-transition: all 0.5s ease;

    transition: all 0.5s ease;
}

@media (max-width: 576px) {
    .gonderi_box_img {
        width: 200px;
        height: 200px;
    }
}

.gonderi_box_img img {

    -webkit-transition: all 0.5s ease;

    -moz-transition: all 0.5s ease;

    -o-transition: all 0.5s ease;

    -ms-transition: all 0.5s ease;

    transition: all 0.5s ease;


}

.gonderi_box:hover .gonderi_box_img img {

    -webkit-box-shadow: 0px 0px 15px 5px rgba(0, 0, 0, 0.3);

    box-shadow: 0px 0px 15px 5px rgba(0, 0, 0, 0.3);

}



.gonderi_box:hover .gonderi_box_img {

    padding: 0px;

}


.gonderi_box_img img {
    display: block;

    -webkit-box-shadow: 0px 0px 15px 5px rgba(0, 0, 0, 0.3);

    box-shadow: 0px 0px 15px 5px rgba(0, 0, 0, 0.3);

    -webkit-border-radius: 15% !important;

    -moz-border-radius: 15% !important;

    border-radius: 15% !important;

}

.hizmetMarkaBaslik {
    line-height: 20px;
    font-size: 16px;
    color: #2F2C2C;
    font-weight: 700;
    text-align: start;
    padding: 15px 5px;
}

.UrunlerBilgi {
    line-height: 20px;
    font-size: 13px;
    color: #2F2C2C;
    font-weight: 500;
    text-align: start;
    padding: 0px 0 0px 0;
    margin: 10px 5px;
    background-position: left center;
    background-repeat: no-repeat;
    background-size: 15px auto;
}

.UrunlerBilgi_adres_icon {
    background-image: url("../images/danismanDetay_location.svg");
    padding-left: 20px;
}

.UrunlerBilgi_fiyat_icon {
    background-image: url("../images/price-tag.svg");
    padding-left: 20px;
}

.UrunlerBilgi_oda_icon {
    background-image: url("../images/urun_oda.svg");
    padding-left: 25px;
}

.UrunlerBilgi_metre_icon {
    background-image: url("../images/urun_metre.svg");
    padding-left: 20px;
}

.danismanİcerik {
    line-height: 20px;
    font-size: 13px;
    color: #2F2C2C;
    font-weight: 500;
    text-align: center;
    padding: 30px 0 10px 0;
    background-position: top center;
    background-repeat: no-repeat;
    background-size: 18px auto;
}

.danismanİcerik_urun {
    font-size: 13px;
    line-height: 18px;
    color: #2F2C2C;
    padding: 5px 0px;
    padding-left: 30px;
    background-position: left center;
    background-size: 15px auto;
    background-repeat: no-repeat;
    display: inline-block !important;
}

.danismanİcerik_urun_adres_icon {
    background-image: url("../images/danismanDetay_location.svg");
}

.danismanİcerik_urun_telefon_icon {
    background-image: url("../images/danismanDetay_phone.svg");
}

.danismanİcerik_urun_mail_icon {
    background-image: url("../images/danismanDetay_mail.svg");
}


.danismanİcerik_portfoy {
    line-height: 20px;
    font-size: 13px;
    color: #2F2C2C;
    font-weight: 500;
    text-align: start;
    padding: 10px 0 10px 10px;
}

.danismanTelArama {
    line-height: 20px;
    padding: 25px 0 10px 0;
    background-position: right 10px center;
    background-repeat: no-repeat;
    background-size: 20px auto;
}

.danismanDetayİcerik {
    line-height: 20px;
    font-size: 15px;
    color: #2F2C2C;
    font-weight: 500;
    padding: 10px 0 10px 0;
    background-position: left center;
    background-repeat: no-repeat;
    background-size: 18px auto;
}

@media (max-width: 576px) {

    .danismanDetayİcerik {
        line-height: 18px;
        font-size: 12px;
        background-size: 15px auto;

    }
}

.danismanDetay_adres_icon {
    padding-left: 30px;
    background-image: url("../images/danismanDetay_location.svg");
}

.danismanDetay_telefon_icon {
    padding-left: 30px;
    background-image: url("../images/danismanDetay_phone.svg");
}

.danismanDetay_mail_icon {
    padding-left: 30px;
    background-image: url("../images/danismanDetay_mail.svg");
}

.danisman_telArama_icon {
    background-image: url("../images/danisman_tel.svg");
}

.danisman_adres_icon {
    background-image: url("../images/danismanDetay_location.svg");
}

.danisman_telefon_icon {
    background-image: url("../images/danismanDetay_phone.svg");
}

.danisman_mail_icon {
    background-image: url("../images/danismanDetay_mail.svg");
}


.tab {
    margin-top: 30px;
    padding-left: 20px;
    overflow: hidden;
    border: 1px solid transparent;
    background-color: transparent;
}

/* Style the buttons that are used to open the tab content */
.tab button {
    background-color: inherit;
    float: left;
    border: 1px solid #808080;
    outline: none;
    cursor: pointer;
    padding: 14px 10px;
    transition: 0.3s;
    background-color: #2F2C2C;
    color: #fff;
    border-top-right-radius: 20px;
    border-top-left-radius: 20px;
}

/* Change background color of buttons on hover */
.tab button:hover {
    border: 1px solid #808080;
    background-color: #000;
    color: #fff !important;
}

/* Create an active/current tablink class */
.tab button.active {
    border: 1px solid #808080;
    background-color: #000;
    color: #fff !important;

}

/* Style the tab content */
.tabcontent {
    display: none;
    padding: 0px 12px;
    border-top: none;
}

.tabcontent {
    animation: fadeEffect 1s;
    /* Fading effect takes 1 second */
}

/* Go from zero to full opacity */
@keyframes fadeEffect {
    from {
        opacity: 0;
    }

    to {
        opacity: 1;
    }
}

.tabcontentYazi {
    background-color: #fff !important;
    color: #2F2C2C;

    padding: 20px;
    border-top-right-radius: 20px;
    border-bottom-right-radius: 20px;
}

.tabcontentYazi-2 {
    background-color: #fff !important;
    color: #2F2C2C;

    padding: 20px;
    border-top-left-radius: 20px;
    border-bottom-left-radius: 20px;
}

.tabContentBaslik {
    font-size: 25px;
    font-weight: 600;
    text-align: center;
    color: #2F2C2C;
    padding: 15px 15px 30px 15px;
}

@media (max-width:992px) {

    .tab {
        margin-top: 0px !important;
        margin: 15px 0px !important;
        padding-left: 0px !important;
        padding-top: 5px !important;
    }

    .tabcontentYazi {
        border-radius: 20px !important;
    }

    .tabcontentYazi-2 {
        margin-top: 20px !important;
        border-radius: 20px !important;
    }
}

.hizmetWPbutton {
    width: 100%;
    color: #fff;
    font-size: 17px;
    font-weight: 500;
    background-color: #25D366;
    padding: 8px 0px 10px 25px !important;
    text-align: center;
    border-radius: 10px;
    display: block;
    margin-top: 20px;
}

.hizmetWPbutton_icon {
    background-position: left 25px center;
    background-repeat: no-repeat;
    background-size: 18px auto;
    padding-left: 20px;
    padding-top: 8px;
    background-image: url("../images/WP_hizmet.svg");
}

.hizmettelButton {

    width: 100%;
    color: #fff;
    font-size: 17px;
    font-weight: 500;
    background-color: #2F2C2C;
    padding: 8px 0px 10px 25px !important;
    text-align: center;
    border-radius: 10px;
    display: block;
    margin-top: 20px;
}

.hizmettelButton_icon {
    background-position: left 33px center;
    background-repeat: no-repeat;
    background-size: 18px auto;
    padding-left: 15px;
    padding-top: 8px;
    background-image: url("../images/phone-call.svg");
}

@media (min-width: 1200px) {
    .hizmetWPbutton {
        width: 100%;
        color: #fff;
        font-size: 17px;
        font-weight: 500;
        background-color: #25D366;
        padding: 8px 0px 10px 5px !important;
        text-align: center;
        border-radius: 10px;
        display: block;
        margin-top: 20px;
    }

    .hizmetWPbutton_icon {
        background-position: left 80px center;
        background-repeat: no-repeat;
        background-size: 18px auto;
        padding-left: 20px;
        padding-top: 8px;
        background-image: url("../images/WP_hizmet.svg");
    }

    .hizmettelButton {

        width: 100%;
        color: #fff;
        font-size: 17px;
        font-weight: 500;
        background-color: #2F2C2C;
        padding: 8px 0px 10px 5px !important;
        text-align: center;
        border-radius: 10px;
        display: block;
        margin-top: 20px;
    }

    .hizmettelButton_icon {
        background-position: left 60px center;
        background-repeat: no-repeat;
        background-size: 18px auto;
        padding-left: 15px;
        padding-top: 8px;
        background-image: url("../images/phone-call.svg");
    }
}

@media (max-width: 1200px) and (min-width: 992px) {
    .hizmetWPbutton {
        width: 100%;
        color: #fff;
        font-size: 17px;
        font-weight: 500;
        background-color: #25D366;
        padding: 8px 0px 10px 5px !important;
        text-align: center;
        border-radius: 10px;
        display: block;
        margin-top: 20px;
    }

    .hizmetWPbutton_icon {
        background-position: left 55px center;
        background-repeat: no-repeat;
        background-size: 18px auto;
        padding-left: 20px;
        padding-top: 8px;
        background-image: url("../images/WP_hizmet.svg");
    }

    .hizmettelButton {

        width: 100%;
        color: #fff;
        font-size: 17px;
        font-weight: 500;
        background-color: #2F2C2C;
        padding: 8px 0px 10px 5px !important;
        text-align: center;
        border-radius: 10px;
        display: block;
        margin-top: 20px;
    }

    .hizmettelButton_icon {
        background-position: left 30px center;
        background-repeat: no-repeat;
        background-size: 18px auto;
        padding-left: 15px;
        padding-top: 8px;
        background-image: url("../images/phone-call.svg");
    }
}

@media (min-width: 768px) and (max-width:991px) {
    .hizmetWPbutton {
        width: 100%;
        color: #fff;
        font-size: 17px;
        font-weight: 500;
        background-color: #25D366;
        padding: 8px 0px 10px 5px !important;
        text-align: center;
        border-radius: 10px;
        display: block;
        margin-top: 80px;
    }

    .hizmetWPbutton_icon {
        background-position: left 100px center;
        background-repeat: no-repeat;
        background-size: 18px auto;
        padding-left: 20px;
        padding-top: 8px;
        background-image: url("../images/WP_hizmet.svg");
    }

    .hizmettelButton {

        width: 100%;
        color: #fff;
        font-size: 17px;
        font-weight: 500;
        background-color: #2F2C2C;
        padding: 8px 0px 10px 5px !important;
        text-align: center;
        border-radius: 10px;
        display: block;
        margin-top: 80px;
    }

    .hizmettelButton_icon {
        background-position: left 75px center;
        background-repeat: no-repeat;
        background-size: 18px auto;
        padding-left: 15px;
        padding-top: 8px;
        background-image: url("../images/phone-call.svg");
    }
}

@media (max-width: 767px) {
    .hizmetWPbutton {
        width: 100%;
        color: #fff;
        font-size: 13px;
        font-weight: 500;
        background-color: #25D366;
        padding: 8px 0px 10px 25px !important;
        text-align: start;
        border-radius: 10px;
        display: block;
    }

    .hizmetWPbutton_icon {
        background-position: left 20px center;
        background-repeat: no-repeat;
        background-size: 15px auto;
        padding-left: 50px !important;
        padding-top: 8px;
        background-image: url("../images/WP_hizmet.svg");
    }

    .hizmettelButton {

        width: 100%;
        color: #fff;
        font-size: 13px;
        font-weight: 500;
        background-color: #2F2C2C;
        padding: 8px 0px 10px 25px !important;
        text-align: start;
        border-radius: 10px;
        display: block;
    }

    .hizmettelButton_icon {
        background-position: left 20px center;
        background-repeat: no-repeat;
        background-size: 15px auto;
        padding-left: 50px !important;
        padding-top: 8px;
        background-image: url("../images/phone-call.svg");
    }

    .marginTopttile {
        margin-top: 60px !important;
    }

    .populerTextAlign {
        text-align: start !important;
    }
}

.markaİcon {
    width: 60%;
    display: inline-block;
    margin-left: auto;
    margin-right: auto;
    margin-top: 30px !important;
}

.tamirBackground {
    background-color: #2F2C2C;
}

.tamirBackground:hover {
    background-color: #112d4f;
    border-radius: 0px !important;
}

.tamirMarkaBaslik {
    line-height: 30px;
    font-size: 25px;
    color: #fff;
    font-weight: 500;
    text-align: center;
    padding: 5px 15px 50px 15px;
}

.borderRadiusNone {
    border-radius: 0px !important;
}


.populer {
    padding-top: 15px !important;
    padding-bottom: 15px !important;
}

.populerBaslik {
    font-size: 14px;
    padding-top: 15px !important;
    padding-bottom: 15px !important;
    color: #112d4f;
}

.select2-container--default .select2-selection--single {
    height: 35px !important;
    border-radius: 4px !important;
    border: 1px solid #ccc !important;
}

.select2-container--default .select2-selection--single .select2-selection__rendered {
    padding: 2px 0 0 10px !important;
    color: #555 !important;
}

#owlDetay .owl-nav {
    display: none !important;

}

#owlDetay .owl-dots {
    display: none !important;
}


#owlDetay .owl-carousel.owl-drag .owl-item {
    padding: 0 5px 0 5px;
    height: 100% !important;
}

#owl2El .owl-nav {
    display: block !important;

}

#owl2El .owl-dots {
    display: block !important;
    position: absolute;
    bottom: -40px;
    width: 100%;
    text-align: center;
}

#owl2El button.owl-dot {
    border-radius: 100%;
    height: 8px;
    width: 8px;
    margin: 3px;
    background: #B2B2B2 !important;
    border: 1px solid #B2B2B2 !important;
}

#owl2El button.owl-dot.active {
    height: 12px;
    width: 12px;
    background: #fff !important;
    border: 3px solid rgba(253, 102, 0, 8) !important;
}

#owl2El .owl-nav {
    left: 0;
    position: absolute;
    right: 0;
    top: calc(50% - 50px);
    width: 100%;
    font-size: 22px;
    color: #2F2C2C;
}


#owl2El button.owl-next i,
#owl2El button.owl-prev i {
    background-color: transparent;
    font-size: 35px;
    color: #4D4D4D;
}

#owl2El button.owl-next {
    right: -10px;
}

#owl2El button.owl-prev {
    left: -10px;
}

#owl2El button.owl-next:hover {
    color: #D72D11 !important;
}

#owl2El button.owl-prev:hover {
    color: #D72D11 !important;
}

@media (max-width: 576px) {

    #owl2El button.owl-next i,
    #owl2El button.owl-prev i {
        font-size: 25px;
    }

    #owl2El button.owl-next {
        right: 0px;
    }

    #owl2El button.owl-prev {
        left: 0px;
    }
}

#owl2El .owl-carousel.owl-drag .owl-item {
    padding: 0 5px 0 5px;
    height: 100% !important;
}


.satis {
    color: #2F2C2C !important;
}

#owlyedek .owl-nav {
    display: block !important;

}

#owlyedek .owl-dots {
    display: block !important;
    position: absolute;
    bottom: -40px;
    width: 100%;
    text-align: center;
}

#owlyedek button.owl-dot {
    border-radius: 100%;
    height: 8px;
    width: 8px;
    margin: 3px;
    background: #B2B2B2 !important;
    border: 1px solid #B2B2B2 !important;
}

#owlyedek button.owl-dot.active {
    height: 12px;
    width: 12px;
    background: #fff !important;
    border: 3px solid rgba(253, 102, 0, 8) !important;
}

#owlyedek .owl-nav {
    left: 0;
    position: absolute;
    right: 0;
    top: calc(50% - 50px);
    width: 100%;
    font-size: 22px;
    color: #2F2C2C;
}


#owlyedek button.owl-next i,
#owlyedek button.owl-prev i {
    background-color: transparent;
    font-size: 35px;
    color: #4D4D4D;
}

#owlyedek button.owl-next {
    right: -10px;
}

#owlyedek button.owl-prev {
    left: -10px;
}

#owlyedek button.owl-next:hover {
    color: #D72D11 !important;
}

#owlyedek button.owl-prev:hover {
    color: #D72D11 !important;
}

@media (max-width: 576px) {

    #owlyedek button.owl-next i,
    #owlyedek button.owl-prev i {
        font-size: 25px;
    }

    #owlyedek button.owl-next {
        right: 0px;
    }

    #owlyedek button.owl-prev {
        left: 0px;
    }
}

#owlyedek .owl-carousel.owl-drag .owl-item {
    padding: 0 5px 0 5px;
    height: 100% !important;
}

.paylas {
    margin-top: 30px !important;
}

.paylas__item {

    display: inline-block;

    vertical-align: middle;


    color: #96A2A8 !important;

    text-decoration: none !important;

    font-size: 0;

    line-height: 1;

    padding: 10px;

    border-right: 1px solid #f4f5f6 !important;


    cursor: pointer
}



.paylas__item+.paylas__item {

    margin-left: 4px
}



.paylas i {
    font-size: 16px;
    line-height: 16px;
    height: 16px;
    width: 16px;
    text-align: center;

}




@media (min-width:992px) {

    .paylas__item--facebook:hover {

        color: #0b5fcc !important;
    }

}



@media (min-width:992px) {

    .paylas__item--twitter:hover {

        color: #005f81 !important;
    }

}






@media (min-width:992px) {

    .paylas__item--whatsapp:hover {

        color: #1da851 !important;
    }

}




@media (min-width:992px) {

    .paylas__item--email:hover {

        color: #cc8f00 !important;
    }

}

.paylasBorder {
    border-bottom: 1px solid rgba(150, 162, 168, 0.3);
    margin-bottom: 30px;
    margin-top: 30px;
}

.hizmetButton {
    border: 1px solid #2F2C2C;
    text-align: center;
    background-color: #2F2C2C;
    color: #fff;
    margin: 0px;
    padding: 5px 20px 5px 20px;
    font-size: 13px;
    cursor: pointer;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    -ms-transition: all 0.5s ease;
    transition: all 0.5s ease;
    position: absolute;
    bottom: 10px;
    width: 100%;
}

.blog:hover .hizmetButton {
    background-color: #fff;
    color: #2F2C2C;
}

.urunKategori {
    display: inline-block;
    background-color: #fff;
    border-radius: 10px;
    color: #2f2f2f;
    font-size: 13px;
    font-weight: 600;
    padding: 3px 20px;
    position: absolute;
    right: 10px;
    top: 10px;
}

.form-control-2 {
    display: block;
    width: 100%;
    height: 34px;
    padding: 6px 12px;
    font-size: 14px;
    line-height: 1.42857143;
    color: #555;
    background-color: #fff;
    background-image: none;
    border: 1px solid #ccc;
    border-radius: 4px;
    -webkit-box-shadow: inset 0 1px 1px rgb(0 0 0 / 8%);
    box-shadow: inset 0 1px 1px rgb(0 0 0 / 8%);
    -webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;
    -o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
}
.intro-14 {
    background-color: #fbfbfb;
    padding: 40px 0px;
}
.hakkimizdaİlkBaslik {
    position: relative;
    z-index: 9;
    display: inline-block;
    color: #4c4c4c;
    font-size: 20px;
    line-height: 20px;
    font-weight: 700;
    text-align: start;
    padding: 10px 0;
    letter-spacing: 1px;
}

.hakkimizdaİlkBaslik:before {
    width: 30px;
    height: 2.6px;
    margin-right: 16px;
    background: #2F2C2C;
    margin-top: 0px;
    display: inline-block;
    vertical-align: middle;
    content: "";
}

.hakkimizdaİkinciBaslik {
    position: relative;
    z-index: 9;
    display: inline-block;
    color: #4c4c4c;
    font-size: 20px;
    line-height: 30px;
    font-weight: 600;
    text-align: start;
    padding: 10px 0;
}

.hakkimizdaIcerik {
    color: #4c4c4c;
    font-size: 16px;
    font-weight: 500;
    line-height: 20px;
    margin-top: 20px;

}