/* Reset */
* { -webkit-font-smoothing: antialiased; }
*:before, *:after { -webkit-font-smoothing: antialiased; }
img { width: 100%\9; max-width: 100%; height: auto; }
.googleMap { width: 100%; height: 300px; }
.googleMap img { max-width: none; }
.dropdown:hover .dropdown-menu { display: block; }
.form-group { margin-bottom: 10px; }
.form-control { -webkit-box-shadow: inset 0 0 0 transparent; box-shadow: inset 0 0 0 transparent; }
.form-control[disabled], .form-control[readonly], fieldset[disabled] .form-control { background-color: #fff; cursor: default !important; }
textarea.form-control { resize: vertical; height: 100px; }
.row { margin-right: -10px; margin-left: -10px; }
.col-xs-1, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9, .col-xs-10, .col-xs-11, .col-xs-12 { padding-left: 10px; padding-right: 10px; }
.media .media-subtext { margin-top: 10px; padding-top: 10px; border-top: 1px solid #ccc; }
.datetimepicker { margin-top: 0 !important; }
.floatLeft { float: left; }
.floatRight { float: right; }
.floatNone { float: none; }
.block { position: relative; }
.googleMap { width: 100%; height: 300px; }
.googleMap img { max-width: none; }
label.error { display: none !important; }
.hideForm { display: none; }
.toggleForm { float: right; }
.before-icon:before { display: inline-block; font: normal normal normal 14px/1 FontAwesome; font-size: inherit; text-rendering: auto; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }
.placeholder-999::-webkit-input-placeholder { color: #999; }
.placeholder-999:-moz-placeholder { color: #999; }
.placeholder-999::-moz-placeholder { color: #999; }
.placeholder-999:-ms-input-placeholder { color: #999; }
.placeholder-062d6d::-webkit-input-placeholder { color: #062d6d; }
.placeholder-062d6d:-moz-placeholder { color: #062d6d; }
.placeholder-062d6d::-moz-placeholder { color: #062d6d; }
.placeholder-062d6d:-ms-input-placeholder { color: #062d6d; }
.btn { border-width: 0; }
.btn-lightblue { background: #2898c9; color: #fff; border-color: #385d8c; }
.btn-lightblue:hover { background: #5080bd; color: #fff; border-color: #385d8c; }
.ellipsis { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
@import url(https://fonts.googleapis.com/css?family=Rajdhani:400,300,500,600,700&subset=latin-ext);
.overlay {
display: inline-block;
position: relative;
max-width: 100%;
vertical-align: middle;
overflow: hidden;
}
.overlay-area {
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
background: rgba(0,0,0,.3);
opacity: 0;
-webkit-transition: opacity .15s linear;
transition: opacity .15s linear;
-webkit-transform: translate3d(0,0,0);
}
.overlay-area:empty:before {
position: absolute;
top: 50%;
left: 50%;
width: 50px;
height: 50px;
margin-top: -25px;
margin-left: -25px;
font-size: 50px;
line-height: 1;
font-family: FontAwesome;
text-align: center;
color: #fff;
}
a { text-decoration:none; display:block;}
.overlay:hover .overlay-area { opacity: 1; }
/* // Reset */
body, html {
    height: 100%;
}
#home{position: relative; font-family: 'Rajdhani'; background: #fff url("../img/bg.png") no-repeat bottom center; background-size: 100% 100%; width: 100%; height: 100%;}
#home .giris h2{text-align: center; font-size: 68px; color: #363636; font-weight: 600}
#home .giris h2 > span{ font-size: 82px; color: #e45721;}
#home .slogan{text-align: center; padding-top: 10px}
#home .slogan h4{ font-size: 36px; font-weight: 600; line-height: 30px;  color: #4f4e4c;}
#home .slogan h4.first{padding-right: 150px; color: #e45721;}
#home .slogan h4.thirth{padding-left: 150px; color: #247950}
#home .btn{position: absolute; bottom: 8%; text-align: right; width: 100%;}
#home .btn a{font-size: 36px; color: #fff; font-style: italic; font-weight: 600; text-decoration: none; text-shadow: 3px 0 7px #000;}
#home .btn a:hover{ color: #e45721;}

body {font-family:'Myriad Pro',sans-serif; background:#1A9051;}

.header {background:#fff; padding:20px 0 0px 0; border-bottom:1px solid #6d6e71; text-align:center; }
.header .logo{height: 150px}
.header .logo img{max-width: none;}

    .header .menu {text-align: center; display: inline-block; margin-top: 10px}
    .header .menu > li{float: left; margin:10px 10px 0 10px;}
    .header .menu > li > a{color:#6D6E71; font-size:16px; font-weight:600;padding:5px 10px;}
        .header .menu > li.active > a,
        .header .menu > li > a:focus,
        .header .menu > li:hover > a{background:#F07032; text-decoration:none; color:#fff;}

        .header .menu > li > ul {display:none; position:absolute; z-index:999;}
        .header .menu > li:hover > ul {display:block;}
        .header .menu > li > ul > li > a{width:103px; padding:5px 10px; background:#F07032; text-decoration:none; color:#fff; border-top:1px solid #ffd092;}
        .header .menu > li > ul > li > a:hover{ background:#f56b00}

.blockSlider .img-left{float: left; width: 150px; overflow: hidden; position: relative; box-sizing: border-box;}
.blockSlider .img-left .marquee{ top: 0px; position: relative; box-sizing: border-box; background: #fff;}
.blockSlider .img-left .marquee img{margin: 5px 0; display: block;}
.blockSlider .bx-wrapper{float: left;width: 730px;}
.blockSlider {background:#F07032; box-shadow:inset 0px 6px 5px #de8301; display:inline-block; width:100%; max-height:444px;}
.blockSlider .slider .bx-controls{position:relative; margin:0 auto; width:160px; bottom:50px; padding:5px; background:#f1f2f2; border-radius:12px; height:26px;}
 .blockSlider .slider .bx-wrapper .bx-viewport{border:5px solid #fff; left: auto; box-shadow: none}
 .blockSlider .slider .bx-wrapper{margin:0 auto; }
  .blockSlider .slider .bx-wrapper .bx-pager, .blockSlider .slider .bx-wrapper .bx-controls-auto{bottom:2px; left:20px;}
    .blockSlider .slider .bx-wrapper .bx-controls-direction a {float: left; position: relative; top:-5px; margin:0 4px 0 4px; height:auto; width:auto; left:0;}
    .blockSlider .slider .bx-controls-direction{top:-5px; position:relative; height:26px; width:40px; border-right:1px solid #808285;}
    .blockSlider .slider .bx-wrapper .bx-prev{position:relative; text-decoration:none; top:5px; background:none; font-size:0; text-indent:0px;font-family:FontAwesome; text-rendering: auto; -moz-osx-font-smoothing: grayscale;}
    .blockSlider .slider .bx-wrapper .bx-prev:before{ content:"\f0d9";  color:#bcbec0; font-size:26px; }
    .blockSlider .slider .bx-wrapper .bx-next{position:relative; text-decoration:none; top:5px; background:none; font-size:0; text-indent:0px;font-family:FontAwesome; text-rendering: auto; -moz-osx-font-smoothing: grayscale;}
    .blockSlider .slider .bx-wrapper .bx-next:before{ content:"\f0da";  color:#bcbec0; font-size:26px; }
    .blockSlider .slider .bx-wrapper .bx-prev:hover:before,
    .blockSlider .slider .bx-wrapper .bx-next:hover:before{ color:#808285; }

    .blockSlider .slider .bx-wrapper .bx-pager.bx-default-pager a { background:#bcbec0; height:13px; margin:0 3px; width:13px; border-radius:8px;}
    .blockSlider .slider .bx-wrapper .bx-pager.bx-default-pager a:hover,
    .blockSlider .slider .bx-wrapper .bx-pager.bx-default-pager a.active{background:#808285;}
@media screen and (-webkit-min-device-pixel-ratio:0) {
    .blockMain {
        top: -6px !important;
    }
}
.blockMain {background:#1A9051; position:relative; top:-5px; padding:20px 0; box-shadow:0 -9em 0 #1A9051 inset;}
.blockMain .content .title > h2{font-family:'Arial'; margin: 40px 0 30px 0; font-weight: 700; font-size:46px; color:#fff; text-shadow: 6px 3px 0 #000; text-align:center; line-height:70px;}

.blockMain .content{text-align:center;}
.blockMain .content .items .item{width:110px; position:relative; height:110px; border-radius:100%;margin:0 auto; background:linear-gradient(#ffb001,#ff6701);}
.blockMain .content .items .item > span{height:110px; width:110px; display:block; background:url(../img/icn-kurumsal.png) no-repeat center center;}
     .blockMain .content .items .item > span.urunler{background:url(../img/icn-urunler.png) no-repeat center center;}
     .blockMain .content .items .item > span.siparis{background:url(../img/icn-siparis.png) no-repeat center center;}
.blockMain .content .items .item > span.contact{background:url(../img/icn-contact.png) no-repeat center center;}
.blockMain .content .items .item > span.list{background:url(../img/icn-list.png) no-repeat center center;}
.blockMain .content .items .item > span.tohum{background:url(../img/icn-tohum.png) no-repeat center center;}
.blockMain .content .items .col-xs-2 a:hover > .item{background:linear-gradient(#4D3638,#4D3638); cursor:pointer;}
        .blockMain .content .items .col-xs-2 > a{color:#fff; font-weight:400; text-decoration:none; font-size:18px; line-height:34px;}
        .blockMain .content .items .col-xs-2 a:hover {color:#4D3638;}

.blockPane .row {margin-bottom:20px;}
.blockPane .item {padding:10px; display: inline-block; background:#fff; border-radius:10px;}
.blockPane .item > a{color:#363636; font-size:14px; text-decoration:none; line-height:24px; display: block;}
.blockPane .item > a p > img{ float:left; margin-right:10px; margin-bottom: 8px}
.blockPane .item > h2{border-bottom:1px solid #363636; color:#363636; font-size:28px; font-weight:700; line-height:36px; padding-left:10px; margin-top:0;}

.footer {background:#fff; padding:0 10px;}
.footer h3{color:#231f20; font-size:16px; font-weight:bold;}
    .footer ul li > a {color:#231f20; font-size:13px; text-decoration:none; line-height:20px;}
    .footer ul li > a:hover{text-decoration:underline;}

    .footerBottom {background:#000; padding:10px;}
.footerBottom,.footerBottom a{color:#ccc; font-size:12px;}

.typography{padding:40px 0 30px 0; border-top: 20px solid #363636;}

.typography .index h2{font-size: 30px; line-height: 48px;}
.typography .item{padding: 10px 20px 20px 20px; height: auto; display: inline-block; width: 100%;}

.typography .item h5{line-height: 48px; font-size: 20px; color: #444;}
.typography .item h5 > .fa{margin-right: 8px; color:#F07032}

.typography .index p{padding-top: 10px; line-height:28px;}


.typography .index h4{font-size: 22px; font-weight: bold; padding-top: 10px; padding-bottom: 0; margin-bottom: 0;}
.typography .foto-galeri a{margin: 6px; float: left; display: block;}
.typography .foto-galeri a> img{height: 120px}

.typography ul li {list-style-type: disc; margin-left: 24px; line-height: 24px; margin-top: 0;}


.spot-list{border:1px solid #999; padding:5px; width: 100%;}
.spot-list td{border: 1px solid #999; padding: 5px 15px;}