﻿/* Header-------------------------------------------------- */

html {
 font-family: 'Titillium Web', sans-serif;
 -webkit-text-size-adjust: 100%;
 -ms-text-size-adjust: 100%;
}
.hgslider {
 padding-left: 0px;
 padding-right: 0px;
 padding-top: 0px;
 padding-bottom: 0px;
 margin-top: 100px;
 margin-right: 0px;
 margin-bottom: 0px;
 margin-left: 0px;
}
.mainpageimg {
 margin-top: 100px;
 display: none;
}
body {
 font-family: 'Titillium Web', Helvetica, Arial, sans-serif;
 background-color: #F0F0F0;
 color: #59291c;
 background-repeat: repeat-x;
}
h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 {
 font-family: 'Titillium Web', Helvetica, Arial, sans-serif;
 line-height: 1.5;
}
/* Font */
.navbar-brand {
 float: left;
 font-size: 18px;
 height: auto;
 width: 240px;
 line-height: 20px;
 padding-top: 20px;
 padding-bottom: 2px;
 padding-left: 4px;
 padding-right: 0px;
 -webkit-animation: scale 3s linear infinite;
 -moz-animation: scale 3s linear infinite;
 animation: scale 3s linear infinite;
}
.navbar { min-height: 100px; }
.navbar-fixed-top { border-width: 0; }
.navbar-default {
 background-color: #FFFFFF;
 border-color: #333333;
 background-repeat: repeat;
}
.navbar-nav > li > a {
 padding-top: 40px;
 padding-bottom: 40px;
 font-weight: bold;
 font-size: 12px;
}
.navbar-default .navbar-nav > li > a { color: #666; }
.navbar-default .navbar-nav > li > a.active {
 color: #ffffff;
 background-color: #FF6600;
}
.navbar-fixed-top .navbar-collapse, .navbar-fixed-bottom .navbar-collapse { max-height: 400px; }
.navbar-default .navbar-nav > li > a:hover, .navbar-default .navbar-nav > li > a:focus {
 color: #ffffff;
 background-color: #FF9900;
}
.navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:hover, .navbar-default .navbar-nav > .active > a:focus {
 background-color: #FFFFFF;
 color: #FFFFFF;
 font-weight: bold;
}
.navbar-default .navbar-toggle {
 border-color: #ffffff;
 background-color: #59291c;
}
.navbar-default .navbar-toggle:hover, .navbar-default .navbar-toggle:focus { background-color: #ed7801; }
.navbar-default .navbar-nav .open .dropdown-menu > li > a { color: #000; }
.dropdown-menu > .active > a, .dropdown-menu > .active > a:hover, .dropdown-menu > .active > a:focus {
 background-color: #D70000;
 color: #FFFFFF;
 outline: 0 none;
 text-decoration: none;
}
/* Header-------------------------------------------------- */
/* içerik-------------------------------------------------- */

hr {
 border-color: #C9C9C9 -moz-use-text-color -moz-use-text-color;
 border-width: 2px 0 0;
}
.yuvarlak { border-radius: 12px; }
.baslik {
 margin-top: 4px;
 margin-bottom: 4px;
}
.icerikalani { margin-top: 130px; }
.icerikalanikisa { margin-top: 20px; }
.hizmetler {
 margin-top: 10px;
 margin-bottom: 10px;
}
.menuden {
 margin-top: 15px;
 margin-bottom: 15px;
}
.menuzemin { background-color: #ebdfc9; }
.myazi { color: #752F00; }
.gyazi { color: #666666; }
.tyazi { color: #FF6600; }
.no-space {
 overflow: hidden;
 padding: 0;
}
.img_zoom {
 transform: scale(1);
 transition: all 2s ease 0s;
 opacity: 1.0;
}
.img_zoom:hover {
 transform: scale(1.03);
 transition: all 2s ease 0s;
 opacity: 0.75;
}
.col-md-3.col-lg-3.col-sm-3.col-xs-12.menuzemin.clearfix .text-center a {
 color: #59291c;
 text-decoration: none;
}
.col-md-3.col-lg-3.col-sm-3.col-xs-12.menuzemin.clearfix .text-center a:hover { color: #C43D02; }
.col-md-3.col-lg-3.col-sm-3.col-xs-12.menuzemin.clearfix .text-center.kahvecizgi2 a {
 color: #59291c;
 text-decoration: none;
}
.col-md-3.col-lg-3.col-sm-3.col-xs-12.menuzemin.clearfix .text-center.kahvecizgi2 a:hover { color: #C43D02; }
/* içerik-------------------------------------------------- */
.footer-color {
 background-color: #999999;
 background-image: url(../img/footerbg.jpg);
 background-repeat: repeat;
 margin-top: 40px;
 border-top: 2px solid #CCCCCC;
 -webkit-box-shadow: inset 0px 4px 5px -3px rgba(112,111,112,0.36);
 -moz-box-shadow: inset 0px 4px 5px -3px rgba(112,111,112,0.36);
 box-shadow: inset 0px 4px 5px -3px rgba(112,111,112,0.36);
}
#map-canvas1 { height: 400px; }
/* Footer-------------------------------------------------- */



.clearfix.container.icerikalani .col-md-12.col-lg-12.col-sm-12.col-xs-12.clearfix.hizmetler .col-md-12.col-lg-12.col-xs-12.col-sm-12.clearfix .myazi b .mobileonly { display: none; }
.clearfix.container.icerikalani .col-md-12.col-lg-12.col-sm-12.col-xs-12.clearfix.hizmetler .col-md-12.col-lg-12.col-xs-12.col-sm-12.clearfix .myazi b .webonly { display: block; }

/* RESPONSIVE CSS
-------------------------------------------------- */
@media (min-width: 992px) {
}

@media (min-width: 768px) {
/* Navbar positioning foo */
.navbar-wrapper { margin-top: 20px; }
.navbar-wrapper .container {
 padding-right: 15px;
 padding-left: 15px;
}
.navbar-wrapper .navbar {
 padding-right: 0;
 padding-left: 0;
}
/* The navbar becomes detached from the top, so we round the corners */
.navbar-wrapper .navbar { border-radius: 4px; }
/* Bump up size of carousel content */
.carousel-caption p {
 margin-bottom: 20px;
 font-size: 21px;
 line-height: 1.4;
}

}

@media only screen and (max-width: 992px) {
.nav > li > a {
 display: block;
 padding: 15px 4px;
 position: relative;
}
}

@media only screen and (max-width: 768px) {
.navbar { min-height: 50px; }
h1, .h1 { font-size: 22px; }
h2, .h2 { font-size: 18px; }
h3, .h3 { font-size: 14px; }
h4, .h4 { font-size: 12px; }
h5, .h5 { font-size: 10px; }
h6, .h6 { font-size: 8px; }
.hgslider { display: none; }
.mainpageimg {
 margin-top: 120px;
 display: block;
}
.clearfix.container.icerikalani .col-md-12.col-lg-12.col-sm-12.col-xs-12.clearfix.hizmetler .col-md-12.col-lg-12.col-xs-12.col-sm-12.clearfix .myazi b .mobileonly { display: block; }
.clearfix.container.icerikalani .col-md-12.col-lg-12.col-sm-12.col-xs-12.clearfix.hizmetler .col-md-12.col-lg-12.col-xs-12.col-sm-12.clearfix .myazi b .webonly { display: none; }
.text-center.baslik { font-size: 8px; }
.navbar-brand {
 width: 200px;
 padding-top: 2px;
}
.mardex{
 margin-top:60px;
}
}

@media only screen and (max-width: 600px) {
}
