body, * {
    font-family: 'Roboto', sans-serif !important;
}

.headback {
    background-image: url('../images/harita-back.jpg') !important;
    background-position:top center;
    background-size: cover;
    width:100%;
    height:100%;
    position:absolute;
    top:0px;
    left:0px;
    z-index:-1;
}
body {
    padding-top:10px;
    background-color:#f4f4f4;
    background-image:url('../images/page-back.jpg');
    background-position:bottom center;
    background-size:contain;
    background-repeat:no-repeat;
}

.nopadding {
    padding: 0;
}

.logo {
height: 82px;
    display: block;
    padding-top: 12px;
}

    .logo img {
        width: 100%;
    }

.rezervasyon-tel {
    background-image: url(../img/telefon.png);
    display: inline-block;
    line-height: 47px;
    padding-left: 55px;
    background-position: 0 0px;
    background-repeat: no-repeat;
    margin: 27px 10px;
    background-size: auto 43px;
    font-size:18px;
}

.catlist {
    background-color:#7ab3c7;
}

.calisma-saatleri {
    background-image: url(../design/saat.png);
    background-position: left center;
    background-repeat:no-repeat;
    height: 46px;
    margin: 25px 10px;
    padding-left:50px;
    font-size:12px;
    padding-top: 4px;
}
.calisma-saatleri span {
    display:block;
    font-size: 18px;
    color: #94c11c;
}
.calisma-saatleri.altsaat {
    margin: 10px 10px 0 10px !important;
}


.iletisimpop .calisma-saatleri {
    background-image: url(../design/saat.png);
    background-position: left center;
    background-repeat:no-repeat;
    height: 46px;
    margin: 0px 30px 0 10px;
    padding-left:50px;
    font-size:12px;
    padding-top: 4px;
}
.iletisimpop .calisma-saatleri span {
    display:block;
    font-size: 18px;
    color: #94c11c;
    float:none;
}
.iletisimpop .calisma-saatleri.altsaat {
    margin: 10px 10px 0 10px !important;
}

.navalan {margin:0px;}


.rezervasyon-yap {
    height: 100px;
    line-height: 49px;
    text-align: center;
    color: #fff;
    background-image: url(../design/rezervasyon.png);
    background-repeat: no-repeat;
    background-position: center;
    display: inline-block;
    padding: 25px 37px;
    font-size: 10px;
    display:none;
}

.line {
        background: #1376b0;
    /*background-image: url(../img/menu-bg.jpg);
    background-repeat: repeat-x;*/
}

    .line .menu .navbar-default {
        background-color: transparent;
        border-color: transparent;
    }

        .line .menu .navbar-default .navbar-nav > li > a {
            color: #fff;
            padding-top: 18px;
            padding-bottom: 15px;
            border-bottom: 2px solid transparent;
        }

        .line .menu .navbar-default .navbar-nav > .active > a, .line .menu .navbar-default .navbar-nav > .active > a:focus, .line .menu .navbar-default .navbar-nav > .active > a:hover, .line .menu .navbar-default .navbar-nav > li > a:hover {
            color: #fff;
            background-color: transparent;
            border-bottom: 2px solid #adcb07;
        }

    .line .menu .navbar {
        margin-bottom: 0;
    }

.populer {
    /*background-image: url(../img/populer.jpg);
    background-position: center;
    background-size: cover;*/
    padding: 0 0 15px 0;
}

.baslik {
    text-align: center;
    color: #1376b0;
    font-weight: 700;
}

.searcharea {
    /*padding: 10px;*/
    margin-bottom:175px;
}

.searcharea h1.baslik {font-size:24px;}

.search-box-left {
    background-color: #fff;
    padding: 15px;
    float: left;
    color: #666666;
}

.searcharea span {
    display: block;
    width: 100%;
    text-align: left;
    font-size: 12px;
    color: #7D7D7D;
}

.searcharea input {
    display: block;
    width: 100%;
    text-align: left;
    font-size: 12px;
    border: 0 none;
}

.searcharea input[type="submit"], .searcharea input[type="button"] {
    display: block;
    width: 100%;
    text-align: left;
    font-size: 12px;
    border: 0 none;
    padding-left:inherit !important;
    padding-right:inherit !important;
    text-align:center;
}

.search-box-left {
    /*margin-right: 15px;*/
    width: 20%;
    background-color:#f23d50;
}

    .search-box-left input {
    font-size: 18px !important;
    box-sizing: border-box;
    height: 44px !important;
    padding-left: 10px !important;
    }

    .search-box-left ::-webkit-input-placeholder { /* Chrome/Opera/Safari */
        color: #cecece;
    }

    .search-box-left ::-moz-placeholder { /* Firefox 19+ */
        color: #cecece;
    }

    .search-box-left :-ms-input-placeholder { /* IE 10+ */
        color: #cecece;
    }

    .search-box-left :-moz-placeholder { /* Firefox 18- */
        color: #cecece;
    }

.search-box-right {
    float: left;
    background-color: #f23d50;
    padding: 15px;
    width: 80%;
}

.search-box-right-1st, .search-box-right-2nd {
    float: left;
    width: 50%;
}

    .search-box-right-1st input {
        font-weight: bold;
        font-size: 20px !important;
        width: 200px;
        box-sizing:border-box;
        height:40px !important;
        padding-left: 10px !important;
    }

    .search-box-right-1st ::-webkit-input-placeholder { /* Chrome/Opera/Safari */
        color: #424242;
    }

    .search-box-right-1st ::-moz-placeholder { /* Firefox 19+ */
        color: #424242;
    }

    .search-box-right-1st :-ms-input-placeholder { /* IE 10+ */
        color: #424242;
    }

    .search-box-right-1st :-moz-placeholder { /* Firefox 18- */
        color: #424242;
    }

.search-box-right-1st {
    background-image: url(../img/pointer.svg);
    background-position: 90% center;
    background-repeat: no-repeat;
    border-right: 1px solid #BDBDBD;
    padding-right: 10px;
    background-size: 40px;
}

.villabul {
    /*background-image: url(../img/villa-bulun.png);
    background-position: right center;
    background-repeat: no-repeat;*/
}

.search-box-right {
    padding: 15px 10px;
}

    .search-box-right select {
        border: 0 none;
        height: 44px;
        display: inline-block !important;
        float: left;
        padding:13px 15px !important;
        background-color: #F5F5F5;
    }

    .search-box-right input {
        padding:13px 15px !important;
    }
        /*.search-box-right select option {
            font-size: 18px !important;
        }

        .search-box-right select:not(:checked) {
            font-size: 28px !important;
        }*/

.pcount {
    line-height: 40px;
    color: #000 !important;
    font-weight: 700;
    font-size: 17px !important;
    float: left;
    width: auto !important;
        padding-left: 7px;
}

.listele {
    background-color: #ae1323;
    color: #fff;
    padding: 12px 20px;
    display: block;
    float: left;
    text-align: center;
}

.search-box-right-2nd-col-1 {
    width: 70%;
    float: left;
    background-image: url(../img/stick-man.svg);
    background-repeat: no-repeat;
    background-position: 70% center;
    background-size: 40px;
}

.search-box-right-2nd-col-2 {
    width: 30%;
    float: left;
}

.villaname {
    background-color: #324a6b;
    height: 44px;
    text-align:center;
    background-image:url('../design/star.png');
    background-repeat:no-repeat;
    background-position:7px center;
    position:relative;
}

.vname, .vstar {
    line-height: 34px;
}

.vname {
    color: #fff;
    font-weight: 700;
    padding: 5px;
    display: inline-block;
}

.vstar {
    display: inline-block;
    background-image: url(../design/star.png);
    background-repeat: no-repeat;
    background-position:right center;
    width: 30px;
    height: 44px;
    position:absolute;
    right:7px;
}

    .vstar img {
        height: 13px;
        margin-left: 2px;
        display:none;
    }

.desc {
    background-color: #fff;
}

.vplace {
    border-bottom: 1px solid #DBDBDB;
    color: #000;
    padding: 10px 0;
    text-align: center;
    display: inline-block;
    width: 100%;
}

.vimg {
    height: 165px;
    background-image: url(../img/1.png);
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover; /*100% auto;*/
    position: relative;
}

.vkisi {
    background-image: url(../img/villa-liste-kisi.png);
    background-repeat: no-repeat;
    background-position: 12px center;
    padding: 15px 0;
    display: inline-block;
    width: 49%;
    border-right: 1px solid #dbdbdb;
    font-size: 12px;
    padding-left: 33px;
    text-align: center;
}

.vyatak {
    background-image: url(../img/villa-liste-yatak.png);
    background-repeat: no-repeat;
    background-position: 12px center;
    padding: 15px 0;
    display: inline-block;
    width: 49%;
    font-size: 12px;
    text-align: center;
    padding-left: 33px;
}

.vprice {
    position: absolute;
    background-color: #ffed00;
    width: auto;
    padding: 0 10px;
    right: 4%;
    bottom: 2%;
    clear: both;
    display: inline-block;
}

.varalik {
    font-weight: 700;
    color: #324a6b;
    text-align: center;
    width: 100%;
    padding-top: 3px;
    display: block;
    font-size: 18px;
}

.vpricetext {
    font-size: 12px;
    color: #4E670A;
    font-weight: 300;
    text-align: center;
    width: 100%;
    display: block;
}

.vkur {
    position: absolute;
    top: -35px;
    left: -45px;
    background-image: url(../img/tl.svg);
    background-repeat: no-repeat;
    background-position: 0;
    width: 80px;
    height: 80px;
}

.vcats {
    padding: 10px 0;
}

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

        .vcats ul li {
           display:table-cell;
           /*  display: inline-block;*/
            text-align: center;
            width: 10.8%;
            border-right: 1px solid #E8E8E8;
            position:relative;
        }
        .vcats ul li:nth-last-child(-n+1) {
            border-right: none;
        }
        .vcats ul li .tooltipi {
            position: absolute;
            background-color: #003e4b;
            color: #fff;
            border-radius: 10px;
            height: 20px;
            top: -40px;
            width: 70px;
            left: 50%;
            margin-left: -35px;
            line-height: 22px;
            font-size: 11px;
            transition:.5s ease-out;
            opacity:0;
        }
        .vcats ul li:hover .tooltipi {
            transition:.3s ease-out;
            top: -30px;
            opacity:1;
        }
        .vcats ul li .tooltipi::after {
            content: " ";
            position: absolute;
            top: 100%; /* At the bottom of the tooltip */
            left: 50%;
            margin-left: -5px;
            border-width: 5px;
            border-style: solid;
            border-color: #003e4b transparent transparent transparent;
        }
    .vcats img {
        height: 35px;
        display: inline-block;
        margin-bottom: 20px;
    }

    .vcats span {
        display: inline-block;
        width: 100%;
        text-align: center;
        font-size: 12px;
    }

        .vcats span a {
            color: #424242;
        }

.list {
    background-image: url(../img/list-bg.jpg);
    background-repeat: repeat-x;
    background-color: #F5F5F5;
}

    .list .vbox {
        margin-bottom: 30px;
    }

   .vbox a:hover {text-decoration:none;}

    .list .vprice, .last-added .vprice {
        background-color: #ffed00;
    }

    .list .vpricetext, .last-added .vpricetext {
        color: #324a6b;
    }

    .list .baslik, .last-added .baslik, .yorumlar .baslik, .merak-ettikleriniz .baslik {
        color: #0C3E55;
        font-weight: 300;
    }

.yorumlar .baslik {
    padding: 25px 0;
}

.bolgeler .baslik {
    color: #fff !important;
    font-weight: 300;
}

.sayfalama {
    width: 100%;
    text-align: center;
}

    .sayfalama li {
        display: inline-block;
    }

        .sayfalama li a {
            color: #95989A;
            padding: 15px 20px;
            background-color: #fff;
            display: block;
        }

            .sayfalama li a:hover {
                background-color: #EFEFEF;
                cursor: pointer;
                text-decoration: none;
            }

            .sayfalama li a.active {
                background-color: #EFEFEF;
            }

.bolgeler {
    background-image: url(../img/bolgeler.jpg);
    background-repeat: no-repeat;
    background-size: 100% auto;
    background-position: center top;
    margin-top: -88px;
    padding: 180px 0px;
    height: auto;
}

.bolgeler .bolgeresim {
    width: 195px;
    float: left;
    margin-right: 8px;
}
.bolgeler .bolgeitem {
    max-height:155px;
    margin-bottom:15px;
}

.yorumlar {
    margin-top: 25px;
    background-color: #fff;
    text-align: center;
    margin-bottom:300px;
}

    .yorumlar ul {
        width: 100%;
        text-align: center;
        padding-left: 0;
    }

        .yorumlar ul li {
            width: 33%;
            display: inline-block;
        }

.cvillaimg {
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
}

    .cvillaimg img {
        height: 110px;
    }

.cvillaname {
    font-weight: 700;
    color: #0A2D3D;
    text-align: center;
    padding: 15px 0;
    display: block;
}

.half {
    width: 45%;
    display: inline-block;
    position: relative;
}

.vcount {
    position: absolute;
    top: -5px;
    right: 20%;
    background-color: #fff;
    color: #EF5350;
    border-radius: 50%;
    -webkit-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.75);
    -moz-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.75);
    box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.75);
    padding: 5px;
    padding: 0px 5px;
    font-size: 13px;
}

.ctitle {
    color: #94C11C;
    font-weight: bold;
    font-size: 18px;
    border-bottom: 5px solid #FFCA28;
    padding-bottom: 5px;
    margin-bottom: 10px;
}

.cname {
    color: #0597B7;
    font-weight: bold;
}

.cdate {
    margin-bottom: 10px;
}

.cdate, .comment {
    color: #95989A;
}

.cdate, .cname, .ctitle, .comment {
    display: inline-block;
    text-align: left;
    width: 100%;
}

.cdate, .cname, .comment {
    font-size: 12px;
}

.allcomments {
    padding: 20px 30px;
    background-color: #0597B7;
    color: #fff;
    display: inline-block;
    margin: 10px;
}

    .allcomments:hover {
        cursor: pointer;
        text-decoration: none;
    }

.bannertext {
    padding: 35px 0;
    background: -moz-linear-gradient(left, rgba(239,83,80,0) 1%, rgba(239,83,80,0) 14%, rgba(239,83,80,1) 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(left, rgba(239,83,80,0) 1%,rgba(239,83,80,0) 14%,rgba(239,83,80,1) 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to right, rgba(239,83,80,0) 1%,rgba(239,83,80,0) 14%,rgba(239,83,80,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ef5350', endColorstr='#ef5350',GradientType=1 ); /* IE6-9 */
    width: 100%;
    width: 100%;
}

.content {
    display: inline-block;
    margin-left: 60%;
    text-align: center;
    width: 380px;
}

    .content * {
        text-align: center;
        color: #fff;
    }

    .content span {
        display: inline-block;
        width: 100%;
        margin: 5px 0;
    }

.ekstra {
    border-radius: 20px;
    background-color: #fff;
    color: #fff;
    width: auto !important;
    padding: 10px 30px;
    color: #EF5350;
    font-weight: bold;
}

.content a:last-child {
    background-color: #AD1714;
    padding: 15px 20px;
    color: #fff;
    display: inline-block;
}

.merak-ettikleriniz .col-lg-12 {
    text-align: center;
}

.merak-ettikleriniz .col-lg-6 img {
    max-width: 165px;
}

.part-one {
    width: 30%;
}

.part-two {
    width: 68%;
    margin-left: 10px;
}

.part-one, .part-two {
    display: block;
    float: left;
    text-align: left;
}

.nedirtittle {
    color: #0C3E55;
    font-weight: bold;
    width: 100%;
    display: inline-block;
    padding: 5px 0;
}

.nedirtext {
    color: #95989A;
    font-size: 12px;
}

.devami {
    color: #29B6F6;
    font-style: italic;
}

.diger-konular {
    background-color: #FFCA28;
    color: #fff;
    padding: 20px 30px;
    margin: 20px auto 80px auto;
    display: block;
    width: 184px;
    text-align: center;
}

.footerust {
    background-color: #073859;
}

.ebulten {
    background-color: #94C11C;
    -webkit-box-shadow: 0px 0px 10px 0px rgba(148,193,28,1);
    -moz-box-shadow: 0px 0px 10px 0px rgba(148,193,28,1);
    box-shadow: 0px 0px 10px 0px rgba(148,193,28,1);
    background-image: url(../img/e-bulten.svg);
    background-repeat: no-repeat;
    background-position: center left;
    background-size: auto 90%;
    /*margin-top: -60px;*/
}

.ebulten-title {
    color: #f3d735;
    display: block;
    font-size:11px;
    margin-bottom:5px;
}

.ebulten-text {
    font-size: 12px;
    color: #fff;
    padding: 20px 0;
    display: block;
}

.ebulten-mid {
    border: 1px solid #2793d1;
}

.ebulten-mid input {
    width: 80%;
    border: 0 none;
    color: #2793d1;
    height: 40px;
    background-color:transparent !important;
    background-image:url(../images/zarf-back.jpg);
    background-position:8px center;
    background-repeat:no-repeat;
}

    .ebulten-mid input::-webkit-input-placeholder { /* Chrome/Opera/Safari */
        color: #5D8430;
    }

    .ebulten-mid input ::-moz-placeholder { /* Firefox 19+ */
        color: #5D8430;
    }

    .ebulten-mid input :-ms-input-placeholder { /* IE 10+ */
        color: #5D8430;
    }

    .ebulten-mid input :-moz-placeholder { /* Firefox 18- */
        color: #5D8430;
    }

.ebulten-mid a {
    color:#2793d1;
    text-decoration: none;
    float: right;
    height: 44px;
    line-height: 44px;
    display: block;
    width: 50px;
}
.menubottom {
    padding:15px 0;
}
.menubottom li {
    width:20%;
    float:left;

}
.menubottom ul{
    width:100%;
    display:inline-block;
    padding:0;
    margin:0;
    list-style-image: url(../img/madde-imi.svg);
}

.menubottom a{
    color:#fff;
    padding:5px 15px;
    display:inline-block;
    border-right:solid 1px rgba(255,255,255,0.6);
}
.menubottom a:last-child {
    border-right:0px;
}

.banklist {
    text-align:center;
    padding:15px 0;
}
.banklist ul {
    list-style:none;
}
    .banklist ul li {
        display:inline-block;
    }
.sosyal {
    list-style:none;
    margin:0;
    padding:20px 0;
}
.sosyal li {
    display:inline-block;
}
    /*.sosyal li a img{
        height:32px;
    }*/
    .sosyal li a{
    display:inline-block;
}
.footertext span{
    line-height:70px;
}
.footerbottom .col-lg-4 img {
    margin-top:5px;
}

.footerbottom {
    /*margin-bottom:55px;*/
}






/*******VİLLADETAY*********/
.detay {
    background-color: #F5F5F5;
}

.blue {
    background-color: #164064;
}

.white {
    background-color: #fff;
}

.nsection {
    padding: 20px;
}

.vdplace, .vdname {
    color: #fff;
    display: block;
    width: 100%;
}

.vdplace {
    font-size: 14px;
}

.vdplace a {
    color:#fff;
}

.villanav {
    padding-top:15px;
    padding-bottom:15px;
}
.villanav svg {
    margin-left:15px;
    margin-right:15px;
    font-size:12px;
    display:inline-block;
}

.villanav a {
    color:#098fb8;
    font-weight:600;
}

.villanav svg:nth-last-child(-n+2) {
    display:none;
}

.villaadim {
    background-color:#f23d50;
    display:block;
    padding:15px;
    margin-top:0px;
    text-align:center;
    color:#fff;
    margin-bottom:0px;
}

.vdname {
    font-weight: bold;
    font-size: 28px;
        margin: 0;
    display: block;
}

.sub-header .vpricetext {
    color: #4A8FCB;
}

.vdprice {
    position: relative;
    padding: 10px 10px;
}

.sub-header .varalik, .sub-header .vpricetext {
    display: inline-block;
}

.sub-header .varalik {
    font-size: 28px;
}

.sub-header .vkur {
    top: -9%;
}

.pay, .rezform {
    padding: 15px;
    color: #fff;
    display: block;
    margin-top: 10px;
    text-align:center;
}

.pay {
    background: rgb(244,97,94); /* Old browsers */
    background: -moz-linear-gradient(-45deg, rgba(244,97,94,1) 0%, rgba(214,59,56,1) 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(-45deg, rgba(244,97,94,1) 0%,rgba(214,59,56,1) 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(135deg, rgba(244,97,94,1) 0%,rgba(214,59,56,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f4615e', endColorstr='#d63b38',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
}

.rezform {
    background: rgb(157,203,34); /* Old browsers */
    background: -moz-linear-gradient(-45deg, rgba(157,203,34,1) 0%, rgba(135,177,24,1) 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(-45deg, rgba(157,203,34,1) 0%,rgba(135,177,24,1) 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(135deg, rgba(157,203,34,1) 0%,rgba(135,177,24,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#9dcb22', endColorstr='#87b118',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
}

.slider {
    margin: 10px 0;
}

.mesafecetveli {
    padding: 0 0 10px 0;
}

    .mesafecetveli * {
        float: left;
    }

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

    .mesafecetveli li {
        float: left;
        width: 195px;
        color:#fff;
        padding:15px;
    }

    .mesafecetveli img {
        height: 30px;
        width: 30%;
        /*margin: 15px 0;*/
    }

    .mesafecetveli li:nth-child(1) {background-color:#f8741d;border-right:2px solid #fff;}
    .mesafecetveli li:nth-child(2) {background-color:#8cbd3a;border-right:2px solid #fff;}
    .mesafecetveli li:nth-child(3) {background-color:#9c1006;border-right:2px solid #fff;}
    .mesafecetveli li:nth-child(4) {background-color:#2493d8;border-right:2px solid #fff;}
    .mesafecetveli li:nth-child(5) {background-color:#f23d50;border-right:2px solid #fff;}
    .mesafecetveli li:nth-child(6) {background-color:#324a6b;}

.lcontent {
    width: 70%;
}

.lname {
    /*color: #0597B7;*/
    font-size: 15px;
    /*font-weight: bold;*/
        display:block;
    float:none;
}

.pname {
    font-size: 11px;
    /*color: #7D7D7D;*/
    display:block;
    float:none;
}

.distance {
    /*color: #94C11C;*/
    font-size: 12px;
    font-weight: bold;
}

.birim {
    font-weight: 300;
    font-size: 13px;
    float: right;
    margin: 5px 0 0 5px;
}

.slider .col-lg-8 {
    padding-right: 0;
}

.villafiyatim {
    background-color:#ffed00;
    font-size:20px;
    margin-top:10px;
    padding-top:15px;
    padding-bottom:15px;
    position:relative;
}

.villafiyatim .vkur {
    position:absolute;
    top:50%;
    margin-top:-15px;
    left:inherit;
    right:10px;
    width: 30px;
    height: 30px;
    background-image:none;
    color:#fff;
    background-color:#000;
    border-radius:50%;
    text-align:center;
    margin-right: 30px;
}
.villafiyatim .varalik {
font-size: 23px;
color:#000;
}
.villafiyatim .vpricetext {
    font-weight:500;
    color:#000;
}

.vdkisisayisi {
    margin-top: 10px;
    background-color: rgb(148,193,28); /* Old browsers */
    background-color: -moz-linear-gradient(top, rgba(148,193,28,1) 0%, rgba(171,216,50,1) 100%); /* FF3.6-15 */
    background-color: -webkit-linear-gradient(top, rgba(148,193,28,1) 0%,rgba(171,216,50,1) 100%); /* Chrome10-25,Safari5.1-6 */
    background-color: linear-gradient(to bottom, rgba(148,193,28,1) 0%,rgba(171,216,50,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#94c11c', endColorstr='#abd832',GradientType=0 ); /* IE6-9 */
    background-image: url(../img/kisi-sayisi.svg);
}

.vdyataksayisi {
    margin-top: 10px;
    background-color: rgb(239,83,80); /* Old browsers */
    background-color: -moz-linear-gradient(top, rgba(239,83,80,1) 0%, rgba(255,115,113,1) 100%); /* FF3.6-15 */
    background-color: -webkit-linear-gradient(top, rgba(239,83,80,1) 0%,rgba(255,115,113,1) 100%); /* Chrome10-25,Safari5.1-6 */
    background-color: linear-gradient(to bottom, rgba(239,83,80,1) 0%,rgba(255,115,113,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ef5350', endColorstr='#ff7371',GradientType=0 ); /* IE6-9 */
    background-image: url(../img/yatak-sayisi.svg);
    margin-left: 18px;
}

.vdkisisayisi, .vdyataksayisi {
    padding: 1px 10px;
    display: inline-block;
    width: 47.6%;
    background-repeat: no-repeat;
    background-position: 90% center;
    background-size: 36px;
}

    #ctl00_ContentPlaceHolder1_vdkkbuton, #ctl00_ContentPlaceHolder1_vdrezbuton {
        padding: 0px;
        /*font-weight: bold;
        font-size: 32px;*/
        display: inline-block;
        width: 47.6%;
        color: #fff;
    }
    #ctl00_ContentPlaceHolder1_vdrezbuton {margin-left:15px;}

    .vdkisisayisi span, .vdyataksayisi span {
        font-weight: bold;
        font-size: 32px;
        display: inline-block;
        width: 49.5%;
        color: #fff;
    }

        .vdkisisayisi span:last-child, .vdyataksayisi span:last-child {
            font-weight: 300;
            font-size: 14px !important;
            width: 100%;
            display: inline-block;
        }

.video {
    margin-top: 10px;
}

.video iframe {
    width:100% !important;
    height:243px !important;
}

.fiyattablosu {
    background-image: url(../img/fiyat-tablosu.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    padding: 10px 10px 20px 10px;
    background-position: -11px top;
}

    .fiyattablosu .baslik {
        font-weight: 100;
        color: #fff;
        text-align: left;
        margin-top: 20px;
        padding-left: 10px;
    }

.ftdesc {
    background-color: #15545d;
    border-radius: 30px;
    display: block;
    padding: 13px 25px;
    width: 90%;
    color: #fff;
    text-align: center;
    margin: 0 auto;
    font-size: 13px;
}

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

.fiyattablosu li {
    background-repeat: no-repeat;
    background-position: center left;
    background-size: auto 100px;
    padding: 20px 0 20px 80px;
    display: block;
    width: 49%;
    float: left;
}

    .fiyattablosu li img {
        width: 20px;
        height: 20px;
    }

    .fiyattablosu li div {
        width: 100%;
        float: left;
    }

        .fiyattablosu li div:nth-child(1) {
            border-bottom: 1px solid #fff;
            /*padding-bottom: 5px;*/
        }

            .fiyattablosu li div:nth-child(1) span {
                font-weight: bold;
                font-size: 12px;
                color: #2d2620;
            }

                .fiyattablosu li div:nth-child(1) span:last-child {
                    font-weight: 300;
                    font-size: 14px;
                }

        .fiyattablosu li div:nth-child(2) {
            margin-top: 10px;
        }

            .fiyattablosu li div:nth-child(2) span {
                font-size: 14px;
                color: #2d2620;
                display: inline-block;
                width: 31%;
                text-align: center;
            }

.fiyata-dahil {
    /*padding: 20px;*/
    border-right: solid 5px rgba(255,255,255,0.1);
}

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

    .fiyata-dahil .baslik, .harita .baslik {
        text-align: left;
        margin-top: 0;
            font-size: 20px;
    font-weight: 500 !important;
    }

    .fiyata-dahil ul li {
        display: inline-block;
        width: 50%;
        padding: 15px;
    }

        .fiyata-dahil ul li span {
            /*padding: 0 15px;*/
            color: #0C3E55;
            font-size: 18px;
        }

        .fiyata-dahil ul li i {
        font-size: 11px;
    display: block;
    font-style: normal;
    /*padding-left: 54px;
    margin-top: -15px;*/

        }

        .fiyata-dahil ul li img {
            height: 50px;
        }

        .fiyata-dahil ul li:nth-child(odd) {
            border-right: 1px solid #f23d50;
            border-bottom: 1px solid #f23d50;
        }

        .fiyata-dahil ul li:nth-child(even) {
            border-left: 1px solid #f23d50;
            border-bottom: 1px solid #f23d50;
            margin-left: -4px;
        }

        .fiyata-dahil ul li:nth-last-child(-n+2) {
            border-bottom: 0;
        }

.harita {
    margin-top: 10px;
    border-right: solid 5px rgba(255,255,255,0.1);
}
.harita iframe {
    width: 100%;
    height: 412px;
}
.about {
    padding: 20px;
}

    .about .baslik {
        text-align: left;
    }

.vozellikler {
    margin: 0;
    padding: 0;
    list-style: none;
    margin-top: 30px;
}

    .vozellikler li {
        margin-bottom: 10px;
        display: block;
        width: 100%;
        float: left;
        border-bottom: 1px solid #DDDDDD;
    }

.vozellikler-title {
    font-size: 22px;
    color: #0C3E55;
    display: block;
    width: 100%;
}

.yorum {
    margin-top: 20px;
    padding: 20px;
}

    .yorum .baslik {
        text-align: left;
    }

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

    .yorum li {
        border-bottom: 1px solid #ddd;
        display: block;
        width: 100%;
        float: left;
        margin-bottom: 20px;
    }

.gcomment {
    padding: 10px 0;
    color: #95989A;
    font-size: 12px;
}

.commenttitle {
    color: #94C11C;
    font-weight: bold;
    font-size: 18px;
}

.positive {
    border-bottom: 4px solid #FFCA28;
}

.negative {
    border-bottom: 4px solid #EF5350;
}

.commentowner {
    color: #0597B7;
    font-weight: bold;
}

.reply {
    background-color: #e2efc1;
    padding: 6px 14px;
    color: #777;
    position: relative;
    margin-top: 20px;
}

/*.reply {
    background-color: #94C11C;
    border-radius: 100px;
    padding: 20px 90px 20px 0;
    color: #fff;
    position: relative;
    margin-top: 30px;
}*/

    .reply span:nth-child(1) {
        font-weight: bold;
        line-height: 35px;
        font-size: 14px;
    }

.ucgen {
    background-color: #94C11C;
    width: 40px;
    height: 40px;
    display: inline-block;
    position: absolute;
    top: -10px;
    left: 5%;
    -ms-transform: rotate(45deg); /* IE 9 */
    -webkit-transform: rotate(45deg); /* Safari */
    transform: rotate(45deg);
    display:none;
}

.denden {
    border-radius: 50%;
    background-color: rgba(0,0,0,0);
    -webkit-box-shadow: -3px 16px 40px 10px rgba(0,0,0,0.15);
    -moz-box-shadow: -3px 16px 40px 10px rgba(0,0,0,0.15);
    box-shadow: -3px 16px 40px 10px rgba(0,0,0,0.15);
    display: block;
    width: 75px;
    height: 75px;
    font-size: 75px;
    color: #fff;
    float: left;
    text-align: center;
    margin: 15px 15px 0 20px;
    line-height: 100px;
    font-family:'Times New Roman' !important;
    display:none;
}

.ctext {
    float: left;
}

.cform input {
    border: 0 none;
    background-color: #F5F5F5;
    margin-right: 20px;
}

.cform textarea {
    margin-top: 20px;
    background-color: #F5F5F5;
    border: 0 none;
    width: 100%;
    padding-top: 30px;
}
.cform p {
    width:33%;
    float:left;
    padding:5px;
}

input,
textarea {
    font-family: inherit;
    /* 1 */
    font-size: 100%;
    /* 2 */
    margin: 0;
    /* 3 */
    box-sizing: border-box;
    width:100%;
        padding-left: 45px !important;
        padding-top: 23px;
}

label {
    box-sizing: border-box;
}

textarea {
    overflow: auto;
    /* 1 */
    vertical-align: top;
    /* 2 */
    margin:5px;
}

input[type='email'],
input[type='text'] {
    height: calc(3em + 2px);
    padding: 4px;
    font-size: 1em;
    -webkit-transition: all 0.2s ease-out;
    transition: all 0.2s ease-out;
    box-shadow: none;
    resize: none;
    background-color: #F5F5F5;
    outline: none;

}

    /*input[type='email']:hover,
    input[type='text']:hover {
        border: 1px solid #cccccc;
    }

    input[type='email']:focus, input[type='email']:active,
    input[type='text']:focus,
    input[type='text']:active {
        border: 1px solid #e87e22;
    }*/

        input[type='email']:focus + label:before, input[type='email']:active + label:before,
        input[type='text']:focus + label:before,
        input[type='text']:active + label:before {
            color: #023D4A;
        }

    input[type='email'] + label,
    input[type='text'] + label {
        display: block;
        font-size: 1em;
        height: 3em;
        line-height: 3em;
        margin-top: calc(-3em - 1px);
        margin-bottom: 1em;
        pointer-events: none;
        margin-left: 28px;
    }

        input[type='email'] + label:before,
        input[type='text'] + label:before {
            content: attr(placeholder);
            display: inline-block;
            color: #999999;
            margin: 0 calc(1em + 2px);
            white-space: nowrap;
            -webkit-transition-property: -webkit-transform, color;
            -webkit-transition-property: color, -webkit-transform;
            transition-property: color, -webkit-transform;
            transition-property: transform, color;
            transition-property: transform, color, -webkit-transform;
            -webkit-transition-duration: 0.2s;
            transition-duration: 0.2s;
            -webkit-transition-delay: 0;
            transition-delay: 0;
            -webkit-transition-timing-function: ease-out;
            transition-timing-function: ease-out;
            -webkit-transform-origin: left center;
            transform-origin: left center;
        }

    input[type='email']:focus + label:before, input[type='email'].active + label:before, input[type='email']:valid + label:before,
    input[type='text']:focus + label:before,
    input[type='text'].active + label:before,
    input[type='text']:valid + label:before {
        line-height: 1;
        padding: 0 1.5px;
        -webkit-transform: translateY(calc(-3em / 2 - 1px/2)) scale(0.8, 0.8);
        transform: translateY(calc(-25px / 2 - 1px/2)) scale(0.8, 0.8);
    }

    /*input[type='email']:valid,
    input[type='text']:valid {
        border: 1px solid #23a045;
    }

        input[type='email']:valid + label:before,
        input[type='text']:valid + label:before {
            content: attr(alt);
            color: #023D4A;
        }
        */
textarea {
    height: calc(120px + 2px);
    padding: 1em;
    font-size: 1em;
    -webkit-transition: all 0.2s ease-out;
    transition: all 0.2s ease-out;
    box-shadow: none;
    resize: none;
    outline: none;
    background-color: #F5F5F5;
}

    /*textarea:hover {
        border: 1px solid #cccccc;
    }

    textarea:focus, textarea:active {
        background-color: #F5F5F5;
    }*/

        textarea:focus + label:before, textarea:active + label:before {
            color: #023D4A;
        }

    textarea + label {
        display: block;
        font-size: 1em;
        height: calc(120px + 2px);
        line-height: 1;
        padding-top: calc(1em + 1px);
        margin-top: calc(-120px  - 2px);
        margin-bottom: 1em;
        pointer-events: none;
        margin-left: 34px;
    }

        textarea + label:before {
            content: attr(placeholder);
            display: inline-block;
            color: #999999;
            margin: 0 calc(1em + 2px);
            white-space: nowrap;
            -webkit-transition-property: -webkit-transform, color;
            -webkit-transition-property: color, -webkit-transform;
            transition-property: color, -webkit-transform;
            transition-property: transform, color;
            transition-property: transform, color, -webkit-transform;
            -webkit-transition-duration: 0.2s;
            transition-duration: 0.2s;
            -webkit-transition-delay: 0;
            transition-delay: 0;
            -webkit-transition-timing-function: ease-out;
            transition-timing-function: ease-out;
            -webkit-transform-origin: left center;
            transform-origin: left center;
        }

    textarea:focus + label:before, textarea.active + label:before, textarea:valid + label:before {
        line-height: 1;
        padding: 0 1.5px;
        -webkit-transform: translateY(calc((-1em - 0.5em) - 0.5px)) scale(0.8, 0.8);
        transform: translateY(calc((-5px - 0.5em) - 0.5px)) scale(0.8, 0.8);
    }

    /*textarea:valid {
        border: 1px solid #23a045;
    }

        textarea:valid + label:before {
            content: attr(alt);
            color: #23a045;
        }*/

.buton {
    background-color:#94C11C !important;
    color:#fff !important;
    padding:15px 55px !important;
    border:0 none;
    width: auto !important;
    margin-right:0 !important;
}

.ad {
    background-image:url(../img/ad-soyad.svg);
}
.eposta {
    background-image:url(../img/email.svg);
}
.nereden {
    background-image:url(../img/telephone.svg);
}
.nereden1 {
    background-image:url(../img/nereden.svg);
        background-size: 26px !important;
    background-position: 10px center !important;
}
.mesaj {
    background-image:url(../img/mesaj.svg);
}
.ad, .eposta, .nereden, .nereden1, .mesaj {
    background-repeat:no-repeat;
    background-position:left center;
    background-size:auto 25px;
    background-position:10px 10px;
}
.cevresindekiler {
    padding-bottom:50px;
}
.harita #google-harita {
    height:311px;
    width:100%;
}
    /**DETAY EKLEME YAPILDI*/
    .list .baslik, .last-added .baslik, .yorumlar .baslik, .merak-ettikleriniz .baslik, .mesafecetveli .baslik, .fiyata-dahil .baslik, .harita .baslik, .about .baslik, .yorum .baslik, .cform .baslik, .reztakvim .baslik {
        color: #0C3E55;
        font-weight: 300;
    }

.mesafecetveli .baslik, .about .baslik, .yorum .baslik {
    margin: 0 0 30px 0;
}
/**DETAY EKLEME YAPILDI end*/
/*******VİLLADETAY SON*********/

/* TAKVİM */
.takvimbilgi {
    font-size:12px;
    text-align:center;
    height: 35px;
    line-height: 35px;
    border:solid 1px #ccc;
    font-weight:bold;
    padding:5px;
}

.takvimbilgi i {
    width:15px; 
    height:15px;
    display:inline-block;
    margin-left:5px;
    margin-bottom:-2px;
}

#musaitliktakvim {
    margin-bottom:25px;
}
#musaitliktakvim .ui-datepicker-inline {
    width:100% !important;
}
#musaitliktakvim .ui-datepicker-multi-4 .ui-datepicker-group {
    
    padding: 15px;
    box-sizing: border-box;
}







.ui-state-disabled, .ui-widget-content .ui-state-disabled, .ui-widget-header .ui-state-disabled {
    opacity:1 !important;
    color:#ccc !important;
}
#musaitliktakvim .ui-state-disabled, #musaitliktakvim .ui-widget-content .ui-state-disabled, #musaitliktakvim .ui-widget-header .ui-state-disabled {
    opacity:1 !important;
    color:#ccc !important;
}
.ui-state-disabled .ui-state-default, .ui-widget-content .ui-state-disabled .ui-state-default, .ui-widget-header .ui-state-disabled .ui-state-default {
    border:solid 1px #fff;
}

.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default, .ui-button, html .ui-button.ui-state-disabled:hover, html .ui-button.ui-state-disabled:active {
    text-align:center;
    font-size:12px;
}

.ui-datepicker .ui-datepicker-title, .ui-datepicker th {
    font-size:15px;
}
.ui-widget-header {border: 1px solid #ddd;
    background: #d8d0d0;}
.ui-state-default, .ui-widget-content .ui-state-default,.ui-widget-header .ui-state-default, .ui-button, html .ui-button.ui-state-disabled:hover, html .ui-button.ui-state-disabled:active {
    background-color:transparent !important;
    border:none;
}
.kapaligun{ background-color:#ff0000;}
.acikgun{background-color:#eefdfc;}
.reserved{background-color:#fffc00;}
.kapaligun .ui-state-default, .reserved .ui-state-default {border:none !important;}
.ilkgun .ui-state-default, .songun .ui-state-default {border:none !important;}
.giriscikis .ui-state-default, .giriscikis .ui-state-default {border:none !important;}
.opsbitisrezgiris .ui-state-default, .opsbitisrezgiris .ui-state-default {border:none !important;}
.rezcikisopsgiris .ui-state-default, .rezcikisopsgiris .ui-state-default {border:none !important;}
.opsiyongiriscikis .ui-state-default, .opsiyongiriscikis .ui-state-default {border:none !important;}
.opsiyongiris .ui-state-default, .opsiyongiris .ui-state-default {border:none !important;}
.opsiyoncikis .ui-state-default, .opsiyoncikis .ui-state-default {border:none !important;}

#musaitliktakvim .ui-state-disabled.reserved, #musaitliktakvim .reserved{background-color:#fffc00;}
.reserved .ui-state-default {
    color:#ff0000; font-weight:bold;
}
.ilkgun{background-image:url(../images/ilkgun.png) !important;background-position:right top;background-repeat:no-repeat; border:none !important;}
.songun{background-image:url(../images/songun.png) !important;background-position:left top;background-repeat:no-repeat; border:none !important;}
.giriscikis{background-image:url(../images/ilk-son-gun.png) !important;background-position:center top;background-repeat:no-repeat; border:none !important;}
.opsiyongiris{background-image:url(../images/opsiyonilkgun.png) !important;background-position:right top;background-repeat:no-repeat; border:none !important;}
.opsiyoncikis{background-image:url(../images/opsiyon-songun.png) !important;background-position:left top;background-repeat:no-repeat; border:none !important;}
.opsbitisrezgiris{background-image:url(../images/opsiyon-son-rez-ilk-gun.png) !important;background-position:center top;background-repeat:no-repeat; border:none !important;}
.rezcikisopsgiris{background-image:url(../images/rez-son-opsiyon-ilkgun.png) !important;background-position:center top;background-repeat:no-repeat; border:none !important;}
.opsiyongiriscikis{background-image:url(../images/opsiyon-ilk-ve-songun.png) !important;background-position:center top;background-repeat:no-repeat; border:none !important;}

.ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active, a.ui-button:active, .ui-button:active, .ui-button.ui-state-active:hover {
    /*color:#000 !important;*/
    background-color:#1672d4 !important;
}

.altkonular {
    padding:0px;
    margin:15px 0px;
    list-style:none;
}

.altkonular li {
    float:left;
    width:20%;

}
.altkonular li a{
        background-color:#ececec;
    border:solid 1px #cecece;

    font-size:12px;
    padding: 4px 12px;
    margin:2px;
    display:block;
    color:#000;
    box-sizing:border-box;
    text-align:center;
    border-radius:14px;
}
.altkonular li a:hover {
    background-color:#cecece;
    border:solid 1px #cecece;
}

/*******İLETİŞİM*********/
.pagecontent {
    color: #7D7D7D;
}

.sub-header.white {
    padding: 15px;
}

.white .vdplace {
    color: #95989A;
}

.white .vdplace a {
    color: #95989A;
}

.white .vdname {
    color: #023D4A;
}

.white .rezform {
    text-align: center;
    border-radius: 50px;
    margin-top: 0;
    font-weight: bold;
}

.slider.white {
    padding-top: 15px;
    padding-bottom: 15px;
}

.iletisimpop {
    padding: 15px 20px;
    background-color: #fff;
    margin: 0 auto;
    display: block;
    margin-top: -50px;
    width: 540px;
    position: relative;
    z-index: 10;
    height: 85px;
}

    .iletisimpop * {
        display: block;
        float: left;
    }

    .iletisimpop img {
        width: 175px;
        margin-right: 20px;
        margin-top: 5px;
    }

.halt {
    border: 1px solid #EF5350;
    color: #EF5350;
    text-align: center;
    border-radius: 40px;
    padding: 15px 20px;
    font-style: italic;
}

.iletisimbaslik {
    color: #023D4A;
    text-align: left;
    font-weight: 700;
    font-size: 28px;
    width: 100%;
    display: block;
    margin-bottom: 40px;
}

.pagecontent .col-lg-6 .col-lg-12 .col-lg-10 span {
    display: block;
    width: 100%;
}

    .pagecontent .col-lg-6 .col-lg-12 .col-lg-10 span:first-child {
        color: #0C3E55;
        font-size: 20px;
        font-weight: bold;
    }

.pagecontent .col-lg-6 .col-lg-12 {
    margin-bottom: 15px;
}

    .pagecontent .col-lg-6 .col-lg-12 .col-lg-10 {
        border-bottom: 1px solid #DDDDDD;
        padding-bottom: 25px;
    }

    .pagecontent .col-lg-6 .col-lg-12:last-child .col-lg-10 {
        border-bottom: 0 none;
    }

.contactform input {
    border: 0 none;
}

.contactform textarea {
    margin: 0;
}
/*******İLETİŞİM SON*********/




/**BÖLGE LİST**/
#wrapper {
    max-width: 100%; /* 960 px */
    margin: 0 auto;
}

#list {
    width: 100%; /* 990px */
    overflow: hidden;
    margin-bottom: 180px; /* 30px */
}

.item {
    width: 100%; /* 300px */
    float: left;
    /*margin: 0 1.515% 1.875em;*/ /* 15px 30px */
    text-align: justify;
    margin-right: 20px;
    margin-bottom: 20px;
}

    .item:nth-child(even) {
        margin-right: 0px;
        float: right;
    }

.iteminner {
    padding: 20px;
    float: left;
    width: 100%;
    height: auto;
}

.half {
    width: 63%;
    float: left;
}

    .half:first-child {
        width: 37%;
        float: left;
    }

.blistil, .blistilce {
    display: block;
    float: left;
    width: 100%;
}

.blistil {
    color: rgba(255,255,255,0.6);
    font-size: 18px;
}

.blistilce {
    color: #fff;
    font-size: 37px;
    font-weight: 700;
    margin-top: -10px;
}

.half .half {
    width: 50% !important;
}

    .half .half * {
        display: inline-block;
    }

    .half .half img {
        /*margin-top: -33px;*/
    }

    .half .half div span {
        padding-left: 5px;
        box-sizing: border-box;
        color: #fff;
        display: block;
    }

.vcounttitle {
    font-size: 13px;
    font-weight: 700;
}

.vsayi {
    font-size: 32px;
    font-weight: 700;
}

.bolgetext {
    float: left;
    width: 100%;
    color: #fff;
    font-size: 14px;
}

.bolgegaleri {
    float: right;
    width: 250px;
    height: 268px;
    margin: 10px;
    -webkit-box-shadow: 10px 10px 0px 0px rgba(255,255,255,0.6);
    -moz-box-shadow: 10px 10px 0px 0px rgba(255,255,255,0.6);
    box-shadow: 10px 10px 0px 0px rgba(255,255,255,0.6);
}

.arrow {
    width: 100%;
    text-align: left;
    display: block;
    margin-bottom: 10px;
}


/**BÖLGE LİST END***/






/**BÖLGE detay ***/
.bolgewrapper {
    margin-top: 20px;
}

    .bolgewrapper .bolgegaleri {
        float: left;
        margin: 0 20px 20px 0;
    }

.bolgehavadurumu {
    float: right;
    width: 300px;
}

.bolgeinner {
    width: 100%;
    float: left;
    padding: 20px;
}

.bolgebutton {
    list-style: none;
    padding: 0;
    margin: 0;
}

    .bolgebutton li {
        display: inline-block;
    }

    .bolgebutton .blistil, .bolgebutton .blistilce {
        color: rgba(0,0,0,0.2);
    }

    .bolgebutton li.baktif .blistil {
        color: rgba(255, 255, 255, 0.70);
    }

    .bolgebutton li.baktif .blistilce {
        color: #fff;
    }

.bolgehavadurumu {
    margin-left: 20px;
}

    .bolgehavadurumu .half {
        width: 50% !important;
    }

        .bolgehavadurumu .half * {
            float: left;
            display: block;
        }

        .bolgehavadurumu .half div {
            width: 90px;
            padding: 5px;
        }

    .bolgehavadurumu .vsayi {
        margin-top: -10px;
    }

.weathertitle {
    border-bottom: 1px solid rgba(255,255,255,0.7);
    padding-bottom: 10px;
    margin-bottom: 15px;
}

.havadurumuarsiv {
    background-image: url(../img/havadurumu-bg.svg);
    background-repeat: no-repeat;
    margin-top: 50px;
    background-size: 105% auto;
    width: 100%;
    float: left;
    position: relative;
    bottom: -30px;
    background-position: center;
    padding-bottom: 30px;
}

    .havadurumuarsiv ul {
        list-style: none;
        text-align: center;
        float: left;
        width: 100%;
        display: block;
        margin: 0;
        padding: 0;
    }

    .havadurumuarsiv li {
        display: inline-block;
    }

        .havadurumuarsiv li * {
            display: block;
            /*float: left;*/
        }

        .havadurumuarsiv li span {
            width: 100%;
        }

.weathertitle {
    display: block;
    width: 96.5%;
    float: left;
    margin: 15px;
}

    .weathertitle .half span {
        display: block;
        width: 100%;
    }

    .weathertitle .half:nth-child(1) span:first-child {
        color: rgba(255,255,255,0.6);
        font-size: 18px;
    }

    .weathertitle .half:nth-child(1) span:last-child {
        color: #fff;
    font-size: 28px;
    font-weight: 700;
    line-height: initial;
    margin-top: 10px;
    }

    .weathertitle .half:nth-child(2) span {
        /*margin-top: 30px;*/
    }

.firstweather, .secondweather {
    width: auto !important;
}

.firstweather {
    font-size: 11px;
    margin-left: 10px;
}

.secondweather {
    font-size: 16px;
    font-weight: 700;
}









/**BÖLGE detay END***/


.slidenavbtn1 {
    position:absolute;
    left:30px;
    top:50%;
    width:25px;
    height:60px;
    margin-top:-30px;
    color:#fff;
}
.slidenavbtn2 {
    position:absolute;
    right:30px;
    top:50%;
    width:25px;
    height:60px;
    margin-top:-30px;
    color:#fff;
}

.preload .load{position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);
    width:100px;
  height:100px;
}
.preload .load span{border:0;margin:0;width:40%;height:40%;position:absolute;border-radius:50%;animation:spin 2s ease infinite}

.preload .load :first-child{background:#19A68C;animation-delay:-1.5s}
.preload .load :nth-child(2){background:#F63D3A;animation-delay:-1s}
.preload .load :nth-child(3){background:#FDA543;animation-delay:-0.5s}
.preload .load :last-child{background:#193B48}

@keyframes spin{
  0%,100%{transform:translate(0)}
  25%{transform:translate(160%)}
  50%{transform:translate(160%, 160%)}
  75%{transform:translate(0, 160%)}
}



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

 .indirim {
    position: absolute;
    right: 0px;
    color:#fff;
    background-image:url('../design/indirim.png');
    background-repeat:no-repeat;
    background-position:top -24px right;
    width:43px;
    height:82px;
    font-weight: 700;
    color:#ffe200;
    font-size:22px;
    padding-top: 32px;
 }
 .indirim span {
     display:block;
     font-size: 10px;
 }
 .indirim i {
     font-size: 15px;
    display: inline-block;
 }
 .slideyazi {
    position: absolute;
    left: 0px;
    bottom:0px;
    color:#000;
    background-image:url('../design/etiket.png');
    background-repeat:no-repeat;
    background-position:top right;
    width:190px;
    height:86px;
        font-size: 13px;
    padding: 4px 33px 4px 8px;
    font-weight:700;
 }

  .slideyazi span {
      height:100%;
      display: flex;
    justify-content:center;
    align-content:center;
    flex-direction:column; /* column | row */
  }
 .best {
     padding-top: 24px;
    position: absolute;
    left: 0px;
    color:#000;
    background-image:url('../design/best.png');
    background-repeat:no-repeat;
    background-position:top right;
    width: 93px;
    height: 130px;
    font-weight: 700;
    top: 2px;
 }
 .best span {
     display:block;
     font-size: 14px;
    line-height: 15px;
 }

 .blogbaslik {
     color:#000;
     font-size:15px;
     font-weight:600;
     border-bottom: solid 1px #0097b7;
    display: block;
    margin-bottom: 5px;
 }
 .blogbaslik:hover {
     text-decoration:none;
 }
  .blogbaslik .tarih {
      font-weight:300;
      font-size:13px;
  }
  .etiketler {
      font-size:12px;
      margin-bottom:5px;
  }
  .blogmore {font-weight:600; font-size:13px; color:#0097b7;}