﻿body {
    /*font-family: Dosis,Arial,serif;*/
	font-family: 'Roboto', sans-serif;
    font-size:11px;
    background-color:#e3e3e3;
    overflow-x:hidden;
}

.topmenu {
    /*background-color:rgba(0,0,0,0.7);*/
    background-color:rgba(255, 255, 255, 0.7);
    background-image:none;
}

.slidearea {margin-bottom:20px; position:relative;}
.slidearea .widgets {width:100%; position:absolute;bottom:100px;}

.slidearea .widgets #widgettablar .nav {padding-left:20px;}
.slidearea .widgets #widgettablar .nav-tabs {border:none;}
.slidearea .widgets #widgettablar .nav-tabs > li.active > a, .slidearea .widgets #widgettablar .nav-tabs > li.active > a:hover, .slidearea .widgets #widgettablar .nav-tabs > li.active > a:focus {
    font-size:18px;
    font-weight:bold;
    background-color:#fff;
    color:#000;
}
.slidearea .widgets #widgettablar .nav-tabs > li > a {
    color:#000;
    font-size:18px;
    font-weight:bold;
    background-color:rgba(255,255,255,0.70);
    margin-right:8px;
}
.slidearea .widgets #widgettablar .nav > li > a {
    padding:5px 20px;
}
.slidearea .widgets #widgettablar .tab-content {
    background-color:#fff;
    padding:15px;
    border-radius:5px;
    font-size:15px;
    -webkit-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.40);
    -moz-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.40);
    box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.40);
}

.fourbanner {position:relative;}

h1 {font-size:34px; font-weight:bold; color:#636363; margin:15px 0px 10px 0px;}


.white {background-color:#fff; height:56px; margin-bottom:8px;}

.rightside .sagcolon {
    background-color:#fff;
    -webkit-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.29);
    -moz-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.29);
    box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.29);
    margin-bottom:20px;
    padding:10px;
    text-align:center;
}

.rightside .sagcolon h3 {font-size:15px; font-weight:bold;}
.rightside .sagcolon ul.temali, .rightside .sagcolon ul.bolgeler {margin:0px; padding:8px; list-style:none;}
.rightside .sagcolon ul.temali li {
    text-align:left;
    display:block;
    border-bottom:solid 1px #ccc;
    height:30px;
    line-height:30px;
}
.rightside .sagcolon ul.temali li .ico {
    margin-right:5px;
    float:left;
}
.rightside .sagcolon ul.temali li a {
    display:block;
    font-size:14px;
    color:#636363;
}

.rightside .sagcolon ul.bolgeler li {
    text-align:left;
    display:block;
    height:30px;
    line-height:30px;
    width:50%;
    background-image:url(../photos/madde.png);
    float:left;
    padding-left:20px;
    background-position:left center;
    background-repeat:no-repeat;
}
.rightside .sagcolon ul.bolgeler li a {
    display:block;
    font-size:14px;
    color:#636363;
}
.rightside .sagcolon .numara {
    font-size:35px;
    font-weight:bold;
    float:left;
    margin-left:5px;
}
.rightside .sagcolon .tiklayin {
    font-size:11px;
    float:left;
        padding-left: 10px;
    margin-left: 8px;
    border-left: solid 1px #ccc;
    padding-top: 0px;
    margin-top: 11px;
}

.rightside .sagcolon.bulten {
    background-image:url(../design/bulten.jpg);
    background-position:5px center;
    background-repeat:no-repeat;
    padding-left:50px;
    text-align:left;
}
.rightside .sagcolon.bulten a {
    color:#000;
    display:block;
    background-image:url(../design/bulten-ok.jpg);
    background-position:right center;
    background-repeat:no-repeat;
}
.rightside .sagcolon.bulten a:hover {text-decoration:none;}
.rightside .sagcolon.bulten h5 {
    font-size:13px;
    font-weight:bold;
    margin:0px;
}
.rightside .sagcolon.bulten span {
    display:block;
    font-size:12px;
    color:#4f4f4f;
}

.page {position:relative;}
.page .welcome {
    width:430px;
    position:relative;
    margin-top:50px;
    float:right;
    margin-right:20px;
}
.page .welcome .yazi {
    background-color:rgba(255,255,255,0.60);
    padding: 10px;
    box-sizing: border-box;
    position:relative;
    margin-bottom:35px;
}

.page .welcome .yazi h1 {
    margin:0px;
    padding:0px;
    color:#0091D5;
    font-size:20px;
}

.page .welcome .yazi .yazidetay {display:none; font-size:12px; margin-top:8px;}

.page .welcome .yazi .yaziac {display:block; width:25px; height:25px; color:#000; background-color:rgba(255,255,255,0.60); position:absolute; right:0; bottom:-26px; text-align:center; line-height:25px;}
.page .welcome .yazi .yaziac:hover {
    text-decoration: none;
}

.page .welcome .video {position:relative;}
.page .welcome .video, .page .welcome iframe {
    height:244px;
}
.page .welcome .video .videokapat {position:absolute; top:-26px;display:block; width:25px; height:25px; color:#000;background-color:rgba(255,255,255,0.60);  text-align:center; line-height:25px; right:0px;}

.page .contentarea {margin:10px 0px 50px 0px; font-size:13px;}
.page .contentarea .solmenu a{ background-color: rgba(255,255,255,0.8); color:#8c634c; display: block; margin-bottom: 1px;  line-height:35px; padding-left:10px;}

.page .contentarea .solmenu a:hover, .page .contentarea .solmenu a.active{ background-color: rgba(255,255,255,0.8); color:#000; text-decoration:none;}


/*.page .contentarea .icerik { background-color: rgba(0,0,0,0.8);    padding: 15px 35px; color:#fff; position:relative;}*/
/*.page .contentarea .icerik { background-color:rgba(190, 135, 61, 0.9);    padding: 15px 35px; color:#fff; position:relative;}*/
.page .contentarea .icerik { background-color: rgba(255,255,255,0.8);    padding: 15px 35px; color:#000; position:relative;}

.page a.icerikac {
    width:35px;
    height:35px;
    position:absolute;
    background-color:#fff;
    color:#000;
    font-weight:bold;
    right: -50px;
    top: 10px;
    text-align: center;
    font-size: 18px;
    line-height: 35px;
    z-index:10;
}
.page .contentarea .icerik a.icerikkapat {
    width:35px;
    height:35px;
    position:absolute;
    background-color:#fff;
    color:#000;
    font-weight:bold;
    right: 15px;
    top: 0px;
    text-align: center;
    font-size: 40px;
    line-height: 26px;
}
.page .contentarea .icerik h1 {
    display:block;
    margin:0px -15px;
    padding:0px 15px;
    box-sizing:border-box;
    font-size:28px;
    color:#8c634c;
    height:35px;
    line-height:35px;
    font-weight:normal;
}
.page .contentarea .icerik .icerikalan {padding:15px 0px; text-align:justify; color:#000; font-size:15px;}
.page .contentarea .icerik .icerikalan .icerikslide {margin-bottom:15px;}

.page .contentarea .icerik .icerikalan .icerikslide .bx-wrapper img {width:100%;}

#responsive-slayt {
    position:fixed;
    z-index:-10;
    top:0;
    left:0;
}
#responsive-slayt .bx-viewport ul {padding:0;}
#responsive-slayt .bx-viewport ul li {
    height:100vh;
}
.kayanmenu {
    position:fixed;
    top:100px;
    left:-175px;
    width:215px;

}
.kayanmenu .hucre {
    position:relative;
    display:block;
    background-color:rgba(255,255,255,0.60);
    height:40px;
    font-size:12px;
    line-height:40px;
    color:#000;
    margin-bottom:2px;
}
.kayanmenu .hucre a {
    position:relative;
    display:block;
    background-color:rgba(255,255,255,0.60);
    height:40px;
    font-size:11px;
    line-height:40px;
    color:#000;
    margin-bottom:2px;
    text-align:right;
}
.kayanmenu .hucre a i {
    width:40px;
    height:40px;
    font-size:17px;
    line-height:40px;
    margin-left:10px;
    color:#fff;
    text-align:center;
    background-color:#000;
    float:right;
}
.kayanmenu .hucre a {
    text-decoration:none;
}
.kayanmenu .hucre .ichucre {
    margin-right:40px;
    background-color:rgba(255,255,255,0.60);
}
.kayanmenu .hucre .ichucre a {
    background-color:transparent;
    text-align:center;
    margin-top:-2px;
}

.kayanmenu .hucre .ichucre a img{
    max-height:40px;
}

.footer {
    background-color:rgba(138,97,76,0.7);
    padding:10px;
    position:relative;
    color:#fff;
}
.footer .footertop {
    position:absolute;
    top:-45px;
    height:45px;
    width:100%;
    padding: 0px;
    margin: 0px -11px;
}
.footer .footerbutonlar {
    background-color:rgba(16,160,222,0.7);
    line-height:45px;
}
.footer .haberticker {
    background-color:rgba(74,74,74,0.7);
    height:45px;
    padding-top:8px;
}
    .footer .haberticker a {
        color:#fff;

    }
.footer .footerbutonlar a {
    padding:0px 15px;
    color:#fff;
}

.footer .minislide .bx-wrapper {
    margin-bottom:0px;
}
    .footer .minislide .bx-wrapper .bx-viewport{
        background-color:transparent !important;
    }

    .footer .minislide .bx-wrapper .bx-pager.bx-default-pager a {background-color:#fff;}
    .footer .minislide .bx-wrapper .bx-pager.bx-default-pager a:hover, .footer .minislide .bx-wrapper .bx-pager.bx-default-pager a.active {background-color:#0091D5;}
    .footer .minislide .bx-wrapper .bx-pager.bx-default-pager a{margin:0px 2px;}
    .footer .minislide .bx-wrapper .bx-pager, .bx-wrapper .bx-controls-auto {bottom:0px; padding-top:0px; width:90px; right:0px;}

    .footer .minislide li .resimalan {float:left; margin-right:8px;}
    .footer .minislide li .yazialan {float:left;}
.footer h3 {
    font-size:11px;
    display:block;
    margin:0px 0px 5px 0px;
}
.footer .havadurum {
    color:#fff;
}
    .footer .maillist {
        padding-left:0px;
    }

    .footer .havadurum > div {
        float:right;
            height: 30px;
    line-height: 30px;
    margin-right: 8px;
    }
    .footer .havadurum img {
    width:26px;
    }


.footer .tursab {color:#fff;}
.footer .bottommenu {text-align:right;}
.footer .bottommenu a {
    color:#fff;
    font-size:12px;
    padding:0px 5px;
    border-right:solid 1px #fff;
}
.footer .bottommenu a:last-child {border:none;}
.footer .banklogos {text-align:right; margin:15px 0px;}
.footer .banklogos a {
    height:35px;
    display:inline-block;
    margin-right:8px;
}

.footer .catlinks {
    list-style:none;
    padding:0px;
    margin:0px;
}
.footer .catlinks li {
    float:left;
    width:10%;
    padding:4px 0px;
}
.footer .catlinks li a {
    color:#fff;
}
.footer .altsag {
    text-align:right;
}
.footer .altsag a{
    color:#fff;
}
.footer .altsag a:hover{
    text-decoration:none;
}
.footer .altsag .sosyal {margin:7px 0px;}
.footer .altsag .sosyal a {
    width:30px;
    height:30px;
    font-size:20px;
    border:solid 1px #fff;
    text-align: center;
    line-height: 30px;
    margin-left:3px;
}
/* Bootstrap edit */
.navbar-header {
    height:85px;
}

#diller.dropdown {
    position: absolute;
    right: 10px;
    top: 10px;
}
#diller.open > .dropdown-menu {
    right:0px !important;
    left:initial;
}
.alternatenav {position:absolute; right:80px; }
.alternatenav a {padding:13px; color:#8c634c; font-size:13px; display:inline-block;}
.alternatenav a:hover {color:#a88c5a;}
.alternatenav span {color:#fff;}
.navbar-right {margin-right:0px; margin-top:45px;}
.navbar-default {border-color:transparent; border-radius:0;}
.navbar-brand {
    padding:0px;
    /*background-color:#2b2a28;*/
}
.navbar-nav > li > a {
    line-height:normal;
    font-size:14px;
}
.navbar-default .navbar-nav > li > a {
    color:#8c634c;
    padding-top: 10px;
    padding-bottom: 10px;
}
.navbar-default .navbar-nav > li > a:hover, .navbar-default .navbar-nav > li:hover > a {
    color:#fff;
    background-color:#8c634c;
    /*background-color:transparent;*/

}
.navbar-default .navbar-nav > a, .navbar-default .navbar-nav > a:hover, .navbar-default .navbar-nav > a:focus {
    background-color:transparent;
    box-shadow:none;
    background-image:none;
    color:#fff;
}
.nav > li > a {color:#fff; /*border-left:solid 1px rgba(255,255,255,0.2);*/ }

.nav > li:last-child > a {/*color:#fff;*/ /*border-right:solid 1px rgba(255,255,255,0.2);*/ }


.dropdown-menu {padding:6px;}
.dropdown button {background-color:transparent ;
                  color:#8c634c;
                  border:none;
}
.navbar-nav > li > .dropdown-menu {
    border-radius:6px;
}
.dropdown-menu > li > a {
    background-position:left center;
    background-repeat:no-repeat;
    font-size:12px;
    padding:6px;
}
.navbar {margin-bottom:0px;}
.navbar-default .navbar-nav > .open > a, .navbar-default .navbar-nav > .open > a:hover, .navbar-default .navbar-nav > .open > a:focus {
    background-color:transparent;
    box-shadow:none;
    background-image:none;
    color:#fff;
}
.nav .open > a, .nav .open > a:hover, .nav .open > a:focus {
    background-color:transparent;
}
.nav .open > a .caret, .nav .open > a:hover .caret, .nav .open > a .caret {
        border-top: 6px dashed;
    border-top: 4px solid \9;
    border-right: 6px solid transparent;
    border-left: 6px solid transparent;
}
.nav .open > a .caret, .nav .open > a:hover .caret, .nav .open > a:focus .caret {
    color:#71ab41;
    border-top: 6px dashed;
    border-top: 4px solid \9;
    border-right: 6px solid transparent;
    border-left: 6px solid transparent;
}
.nav .dropdown > a .caret{
    border-top: 6px dashed;
    border-top: 4px solid \9;
    border-right: 6px solid transparent;
    border-left: 6px solid transparent;
}
.nav-tabs > li > a {
    font-size:13px;
    color:#000;
}
.nav-tabs > li.active > a, .nav-tabs > li.active > a:hover, .nav-tabs > li.active > a:focus {
    background-color:#0fbffa;
    color:#fff;
    font-size:13px;
}


/* bx-slider */
.bx-wrapper .bx-viewport {
    border:none;
    box-shadow:none;
    left:0px;
}
.bx-wrapper .bx-controls-direction a {z-index:10;}


/* font awesome */
.fa-2x {vertical-align: middle; margin-bottom: 6px;}


/* yardımcı classlar */
.nopadding {padding:0px !important;}
.noborder {border:none;}
.nomargin {margin:0px;}
.clear {clear:both;}


a:hover {text-decoration:none; outline:none;}


.acordion h3 {
                font-weight:300;
                cursor:pointer;
                border-bottom:solid 1px #002c5c;
                padding:3px 0px;
                font-size:17px;
                font-weight:600;
                color:#8c634c;
            }
            .galerikucuk {
                display:none;
            }
            .galerikucuk a.fancybox-thumb {
                width:102px;
                position:relative;
                float:left;
                height:99px;
                overflow:hidden;
                margin:2px;
            }
            .galerikucuk a.fancybox-thumb img {
                height:99px;
                margin-left:-25px;
            }
            .galerikucuk a.fancybox-thumb .info {
                transition: 0.5s ease-out;
                position:absolute;
                opacity:0;
                left:0;
                top:0px;
                width:100%;
                height:100%;
                background-image:url(../images/koyu.png);
                font-size:30px;
                text-align:center;
                color:#fff;
                z-index:150;
                line-height:100px;
            }
            .galerikucuk a.fancybox-thumb:hover .info {
                transition: 0.5s ease-in;
                opacity: 1;
                width:100%;
                height:100%;
                top:0px;
            }

.galerim {margin-top:0px;}
.galerim ul {margin:0; padding:0;}
.galerim ul li {float:left; list-style-type:none;}
.galerim a.fancybox-thumb {
    width: 100%;
    position: relative;
    float: left;
    height: 300px;
    overflow: hidden;
    /*margin:0px 5px 10px 5px;*/
    text-align:center;
    background-position:center center;
    background-repeat:no-repeat;
    background-size:cover;
    display:block;

}
.galerim a.fancybox-thumb img {
    /*height: 137px;*/

}
.icerikalan table td {padding:2px;}
.kayanmenu .hucre:nth-child(1) a i {background-color:#FD30CE;}
.kayanmenu .hucre:nth-child(2) a i {background-color:#F76200;}
.kayanmenu .hucre:nth-child(3) a i {background-color:#6F740D;}
.kayanmenu .hucre:nth-child(4) a i {background-color:#C9051B;}
.kayanmenu .hucre:nth-child(5) a i {background-color:#0090D6;}


/*.teklifistepanel {
    width: 1000px;
    font-size: 12px;
    margin: 0 auto;
}

.teklifistebaslik {
    width: 100%;
    color: #1d1d1d;
    float: left;
}

.teklifisteeleman {
    width: 165px;
    float: left;
}

    .teklifisteeleman span {
        width: 100%;
        display: block;
        height: 30px;
        line-height: 30px;
    }

    .teklifisteeleman input {
        width: 90%;
        display: block;
        height: 30px;
        line-height: 30px;
        border: 1px solid #d1d1d1;
        box-sizing: border-box;
        padding-left: 3px;
        font-size: 12px;
    }

    .teklifisteeleman select {
        width: 90%;
        display: block;
        height: 30px;
        line-height: 30px;
        border: 1px solid #d1d1d1;
        box-sizing: border-box;
        padding-left: 3px;
        font-size: 12px;
    }

.teklifisteeleman2 {
    width: 165px;
    float: left;
}

    .teklifisteeleman2 span {
        width: 100%;
        display: block;
        height: 30px;
        line-height: 30px;
    }

    .teklifisteeleman2 input {
        width: 145px;
        display: block;
        height: 30px;
        line-height: 30px;
        border: 1px solid #d1d1d1;
        box-sizing: border-box;
        padding-left: 3px;
        font-size: 12px;
    }

.teklifisteeleman3 {
    width: 67%;
    float: left;
}

    .teklifisteeleman3 span {
        width: 100%;
        display: block;
        height: 30px;
        line-height: 30px;
    }

    .teklifisteeleman3 textarea {
        border: 1px solid #d1d1d1;
        box-sizing: border-box;
        display: block;
        font-size: 12px;
        height: 31px;
        padding-left: 3px;
        width: 97%;
    }

.guvenlik {
    width: 500px;
    margin-top: 13px;
    float: left;
}

    .guvenlik * {
        float: left;
    }

    .guvenlik span {
        width: 100%;
        float: left;
        height: 40px;
        line-height: 40px;
    }

    .guvenlik img {
        height: 40px;
        margin-right: 20px;
    }

    .guvenlik input {
        height: 39px;
        margin-right: 10px;
        padding: 0 20px 0 20px;
    }

.teklifistegonder {
    background-color: #d11241;
    border: 0 none;
    color: #fff;
}

    .teklifistegonder:hover {
        background-color: #fff;
        color: #d11241;
        cursor: pointer;
    }

.teklifistesonuc {
    width: 100%;
    display: block;
    float: left;
    text-align: center;
    height: 50px;
    color: #e00;
    line-height: 50px;
    font-size: 18px;
    font-style: italic;
}

.time_pick input {
    width: 150px !important;
}

.ti_tx input {
    width: 55px !important;
}

.mi_tx input {
    width: 55px !important;
}

.paketbolge {
    width: 100%;
    float: left;
    margin: 20px 0 20px 0;
    padding: 20px 0 20px 0;
    border-top: 1px dashed #b5b5b5;
    border-bottom: 1px dashed #b5b5b5;
}

.paketeleman {
    width: 200px;
    float: left;
    margin-right: 55px;
}

    .paketeleman span {
        width: 100%;
        display: block;
        height: 30px;
        line-height: 30px;
        float: left;
    }

    .paketeleman input {
        width: 140px;
        display: block;
        height: 30px;
        line-height: 30px;
        border: 1px solid #d1d1d1;
        box-sizing: border-box;
        padding-left: 3px;
        font-size: 12px;
    }

    .paketeleman select {
        width: 190px;
        display: block;
        height: 30px;
        line-height: 30px;
        border: 1px solid #d1d1d1;
        box-sizing: border-box;
        padding-left: 3px;
        font-size: 12px;
    }

.urunadet {
    width: 120px;
    float: left;
    margin-right: 20px;
}

    .urunadet span {
        width: 100%;
        display: block;
        height: 30px;
        line-height: 30px;
        float: left;
    }

    .urunadet input {
        width: 140px;
        display: block;
        height: 30px;
        line-height: 30px;
        border: 1px solid #d1d1d1;
        box-sizing: border-box;
        padding-left: 3px;
        font-size: 12px;
    }

    .urunadet select {
        width: 100px;
        display: block;
        height: 30px;
        line-height: 30px;
        border: 1px solid #d1d1d1;
        box-sizing: border-box;
        padding-left: 3px;
        font-size: 12px;
    }

.urunfiyat {
    width: 120px;
    float: left;
    margin-right: 20px;
}

    .urunfiyat span {
        width: 100%;
        display: block;
        height: 30px;
        float: left;
        line-height: 30px;
    }


        .urunfiyat span:nth-child(3n+2) {
            font-weight: bold;
            width: auto;
            margin-right: 10px;
        }

        .urunfiyat span:nth-child(3n+3) {
            font-weight: bold;
            width: auto;
        }

.teklifisteguvenlik {
    width: 100%;
    float: left;
}

    .teklifisteguvenlik img {
        display: block;
        float: left;
        height: 40px;
    }

    .teklifisteguvenlik span {
        width: 100%;
        display: block;
        float: left;
        height: 30px;
        line-height: 30px;
        float: left;
    }

    .teklifisteguvenlik input {
        height: 37px;
        float: left;
        margin-left: 10px;
    }

.teklifistegonder {
    width: 95px !important;
    height: 41px !important;
}*/


.icbolge div a {height:100%; position:relative; color:#fff; text-align:center; display:block;}
.icbolge div a span{position:absolute; height:30px; background-color:rgba(0,0,0,0.6);bottom: 15px;
    left: 0;
    width: 100%;
    line-height: 30px}
.icbolge img {width:100%; margin-bottom:15px;}



.widget {
    position:absolute;
    left:0;
    top:100px;
    width:300px;
}

.widget .widgetheader {
    height:35px;
    line-height:20px;
    background-color:#d69500;
    padding-left: 10px;
    font-size: 13px;
    color: #fff;
    line-height: 37px;
}
    .widget .widgetheader .icon {
        margin-right:20px;
    }
    .widget .widgetheader a {
        display: block;
        height: 35px;
        margin: 0;
        float: right;
        width: 35px;
        text-align: center;
        line-height: 37px;
        color: #fff;
        background-color: #000;
    }

    .widget .widgeticerik {
        background-color:rgba(0,0,0,0.7);
        /*background-color:rgba(190, 135, 61, 0.7);*/

        height:200px;

    }






    .b-close{background-color:#fff;box-shadow:none;font:bold 131% sans-serif;padding:0 6px 2px;position:absolute;top:-24px}
.b-close:hover{cursor:pointer}



.iconlist {
    list-style:none;
    padding:0px;
    margin:25px 0px;
}
.iconlist li {
    float:left;
    width:25%;
    text-align:center;
    padding:5px;
    box-sizing:border-box;
    font-size:10px;
    min-height:70px;
}
.iconlist li img {
    display:block;
    margin:auto;
    clear:both;
}