/* Font */
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: 50px;
     margin-right: 0px;
     margin-bottom: 0px;
     margin-left: 0px;
}
body {
     font-family: 'Titillium Web', Helvetica, Arial, sans-serif;
}
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 */
.marqueegaleri {
     position: absolute;
     display: block;
}
.navbar-brand {
     float: left;
     font-size: 18px;
     height: auto;
     width: 180px;
     line-height: 20px;
     padding-top: 6px;
     padding-bottom: 2px;
     padding-left: 10px;
     padding-right: 20px;
}
.navbar {
     min-height: 50px;
}
.navbar-fixed-top {
     border-width: 0;
}
.navbar-default {
     background-color: #e51611;
     border-color: #e7e7e7;
}
.navbar-nav > li > a {
     padding-top: 15px;
     padding-bottom: 15px;
     font-weight: bold;
}
.navbar-default .navbar-nav > li > a {
     color: #FFF;
}
.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 {
     background-color: #EBEBEB;
     color: #e51611;
}
.navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:hover, .navbar-default .navbar-nav > .active > a:focus {
     color: #FFFFFF;
     background-color: #212325;
     font-weight: bold;
}
.navbar-default .navbar-toggle {
     border-color: #fff;
}
.no-space {
     overflow: hidden;
     padding: 0;
}
.urunler-nav {
     background-color: #e51611;
     display: block;
}
.urun-nav {
     padding: 0px;
     margin: 0px;
     list-style: none;
     background-color: #e51611;
     border-radius: 0px;
     color: #FFFFFF;
     float: left;
     clear: right;
}
.urun-nav > li {
     list-style: none;
     background-color: #e51611;
     border-radius: 0px;
     color: #FFFFFF;
     font-size: 16px;
     float: left;
     clear: right;
}
.urun-nav > li > a {
     padding-left: 20px;
     padding-right: 20px;
     padding-top: 12px;
     padding-bottom: 12px;
     list-style: none;
     background-color: #e51611;
     border-radius: 0px;
     color: #FFFFFF;
     font-size: 16px;
     float: left;
     clear: right;
}
.urun-nav > li > a:hover {
     background-color: #212325;
     text-decoration: none;
}
.urun-nav > li > a.active {
     background-color: #212325;
     text-decoration: none;
}
.marpad0 {
     margin: 0px;
     padding: 0;
}
.martb40 {
     margin-top: 40px;
     margin-bottom: 40px;
}
.padtb20 {
     padding-top: 20px;
     padding-bottom: 20px;
}
.padtb40 {
     padding-top: 40px;
     padding-bottom: 40px;
}
.padtbreferance {
     padding-top: 40px;
     padding-bottom: 10px;
}
.img_zoom:hover {
     transform: scale(1.2);
     transition: all 3s ease 0s;
}
.img_zoom {
     transform: scale(1);
     transition: all 4s ease 0s;
}
.urun-buton {
     margin-top: 10px;
     margin-bottom: 10px;
}
.urunler {
     margin-top: 70px;
     border-width: 2px 0 0;
}
.cizgi {
     border-width: 1px 0 0;
     border-color: #999999 -moz-use-text-color -moz-use-text-color;
     margin-bottom: 10px;
     margin-left: auto;
     margin-right: auto;
     margin-top: 10px;
     display: block;
}
.cizgikalin {
     border-width: 3px 0 0;
     border-color: #999999 -moz-use-text-color -moz-use-text-color;
     margin-bottom: 10px;
     margin-left: auto;
     margin-right: auto;
     margin-top: 10px;
     display: block;
}
.bilgicizgi {
     margin: 4 px; /* Space out the Bootstrap <hr> more */
     border-width: 1px 0 0;
     border-color: #A6A6A6 -moz-use-text-color -moz-use-text-color;
}
.tanitim-baslik {
     font-weight: 300;
     line-height: 1;
     letter-spacing: -1px;
}
.margin100 {
     margin-top: 100px;
}
.margin80 {
     margin-top: 80px;
}
.margin40 {
     margin-top: 40px;
}
.footer {
     margin-top: 40px;
}
#map-canvas {
     height: 300px;
     border: 1px solid #333;
}
.kutuobje {
     border: 1px solid #CCCCCC;
     background-color: #F3F3F3;
     color: #666666;
}
.kutuobje:hover {
     background-color: #E4E4E4;
}
.kutuobje2 {
     border: 1px solid #CCCCCC;
     color: #666666;
     margin-top: 15px;
     margin-bottom: 15px;
}
.kuturesim {
     margin-top: 15px;
}
.kuturesim2 {
     margin-top: 15px;
     margin-bottom: 15px;
}
.marbut20 {
     margin-bottom: 20px;
}
.navbar-toggle {
     border: 1px solid transparent;
     border-radius: 4px;
     float: right;
     margin-bottom: 8px;
     margin-left: 15px;
     margin-top: 8px;
     padding: 9px 10px;
     position: relative;
     background-color: #FFFFFF;
     color: #390;
}
.navbar-default .navbar-toggle:hover, .navbar-default .navbar-toggle:focus {
     background-color: #FFFFFF;
}
.darkside {
     background-color: #212325;
     color: #FFFFFF;
}
.redside {
     background-color: #d02321;
     color: #EEEEEE;
}
.fadeimg {
          margin: 0px;
          padding: 0px;
          opacity: 0.7;
          transition: all 1s;
          -moz-transition: all 1s; /* Firefox 4 */
          -webkit-transition: all 1s; /* Safari and Chrome */
          -o-transition: all 1s; /* Opera */
}
.fadeimg:hover {
     opacity: 1;
     transition: all 1s;
     -moz-transition: all 1s; /* Firefox 4 */
     -webkit-transition: all 1s; /* Safari and Chrome */
     -o-transition: all 1s; /* Opera */
}
.urun_sec {
     display: block;
     width: 120px;
     height: 120px;
     margin-left: auto;
     margin-right: auto;
     background-color: #e51611;
     border-radius: 60px;
     margin-top: 30px;
}
.urun_sec:hover {
     background-color: #333333;
}
.ikonmenuobje {
     display: block;
     max-width: 80px;
     max-height: 80px;
     margin-left: auto;
     margin-right: auto;
     margin-top: 20px;
}
.text-yucesan {
     color: #e51611;
}
.yucesan-kirmizi {
     color: #e51611;
     background-color: #e51611;
     border-color: #E51611;
}
.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: #e51611;
     color: #fff;
     outline: 0 none;
     text-decoration: none;
}
.formtome{
 margin-top:80px;
     min-height:500px;
}
.iso9001 {
 margin-top:100px;
}
/* RESPONSIVE CSS
-------------------------------------------------- */
@media (min-width: 992px) {
.tanitim-baslik {
     margin-top: 50px;
}
}

@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;
}
.tanitim-baslik {
     font-size: 40px;
}
}

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

@media only screen and (max-width: 768px) {
.btn {
     -moz-user-select: none;
     background-image: none;
     border: 1px solid transparent;
     border-radius: 4px;
     cursor: pointer;
     display: inline-block;
     font-size: 10px;
     font-weight: normal;
     line-height: 1.42857;
     margin-bottom: 0;
     padding: 4px;
     text-align: center;
     vertical-align: middle;
     white-space: nowrap;
}
.urun-yazisi {
     font-size: 8px;
}
.margin40 {
     margin-top: 0px;
}
.hakkimizda-text {
     font-size: 16px;
}
#map-canvas {
     margin-bottom: 10px;
     height: 300px;
     border: 1px solid #333;
}
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 {
     margin-top: 40px;
}
.saklakucuk {
     display: none;
}
.urun_sec {
     width: 60px;
     height: 60px;
     background-color: #e51611;
     border-radius: 60px;
     margin-top: 30px;
}
.urun_sec:hover {
     background-color: #333333;
}
.ikonmenuobje {
     max-width: 20px;
     max-height: 20px;
}

}

@media only screen and (max-width: 600px) {
.tanitim {
     margin-top: 60px;
}
.hgslider {
     display: none;
}
}