@import url('https://fonts.googleapis.com/css?family=Raleway');
body{
    font-family: 'Raleway', sans-serif;
    background-color: #f3f3f3;
}
a{
    font-family: 'Raleway', sans-serif;
}
.pad0{
    padding: 0;
}
.logo-yani-yazisi{
    float: left !important;
    font-size: 18px;
    padding-top: 5px;
    padding-left: 5px;
    padding-right: 50px;
    margin-top:6px;
}
.pad10{
    padding: 10px;
}
.marright5{
    margin-right: 5px;
}
.padTop20{
    padding-top: 20px;
}
#header-ust{
    width:100% ;
    min-height: 40px;
    background-color: rgba(10, 10, 10, 0.9);
}
.header-ust-tel{
    color: #d6d8d2;
    margin-left: 90px;
    margin-top: 12px;
}
.header-ust-mail{
    color: #d6d8d2;
    margin-left: 90px;
    margin-top: 12px;
}
.header-ust-sosyal{
    float: right;
    margin-right:8%;
    margin-top: 5px;
}

/*Footer*/
/*@import url(https://fonts.googleapis.com/css?family=Open+Sans:400,700,300);*/
footer { background-color: #494d50; min-height:350px;}/*#0c1a1e*/
.footerleft { margin-top:20px;}
.logofooter { margin-bottom:10px; font-size:20px; color:#fff; font-weight:500;}

.footerleft p { color:#fff; font-size:14px; /*!important; font-family: 'Open Sans', sans-serif;*/ margin-bottom:15px;}
.footerleft p i { width:20px; color:#999;}


.paddingtop-bottom { margin-top:20px;}
.footer-ul { list-style-type:none;  padding-left:0; margin-left:2px;}
.footer-ul li { line-height:30px; font-size:15px;}
.footer-ul li a { color:#a0a3a4; transition: color 0.2s linear 0s, background 0.2s linear 0s; }
.footer-ul i { margin-right:10px;}
.footer-ul li a:hover {transition: color 0.2s linear 0s, background 0.2s linear 0s; color: #37b0ca; }

p.index-urun{
    font-size: 22px;
    border-bottom: solid 3px #37b0ca;
    background-color: #FFFFFF;
    padding: 5px 5px 5px 5px;
}
h3{
    color: #d7d4d2;
    margin: 0;
    padding: 0;
}
h3.index-title{
    color: #37b0ca;
    margin: 0;
    padding: 0;
}
h3.hakkimizda{
    color: #000;
}
h2.hakkimizda{
    border-bottom:solid 3px  #37b0ca;
}
a:hover.index-title{
    text-decoration: none;
}
p.footer{
    padding-top: 10px;
}
.icon-ul { list-style-type:none !important; margin:0; padding:0;}
.icon-ul li { line-height:75px; width:100%; float:left;}
.icon { float:left; margin-right:5px;}

.copyright { min-height:40px; background-color: #181818;}
.copyright p { text-align:left; color:#FFF; padding:10px 0; margin-bottom:0;}
.heading7 { font-weight:700; color:#d9d6d6; margin-bottom:10px;}
.post p { font-size:12px; color:#FFF; line-height:20px;}
.post p span { display:block; color:#8f8f8f;}
.bottom_ul { list-style-type:none; float:right; margin-bottom:0;}
.bottom_ul li { float:left; line-height:40px;}
.bottom_ul li:after { content:"/"; color:#FFF; margin-right:8px; margin-left:8px;}
.bottom_ul li a { color:#FFF;  font-size:12px;}
/*Footer Son*/

/* Link Başlangıç */
.navbar-default .navbar-nav > li > a {
    color: #000000;
    font-size: 17px;
    font-weight: 300;
}
.navbar-default .navbar-nav > li > a:hover,
.navbar-default .navbar-nav > li > a:focus {
    color: #ffffff;
    background-color: #37b0ca;
}
.navbar-default .navbar-nav > .active > a,
.navbar-default .navbar-nav > .active > a:hover,
.navbar-default .navbar-nav > .active > a:focus {
    color: #FFFFFF;
    background-color: #37b0ca;
}
.navbar-default .navbar-nav > .open > a,
.navbar-default .navbar-nav > .open > a:hover,
.navbar-default .navbar-nav > .open > a:focus {
    color: #ffffff;
    background-color: #37b0ca;
}
/*Link Son*/

#tescillimarka{
    width:100% ;
    min-height: 150px;
    /*margin-bottom: 20px;*/
}
.marka{
    background-color: white;
}
h3.tescillimarka{
    /*background-color: #ff4d5a;*/
    min-height: 30px;
    border-bottom: 3px solid rgba(26,146,216,1);
    color: #000000;
    background-color: #FFFFFF;

}
p.text{
    padding: 5px 0 0 0;
}
.img-thumbnail.tescillimarka{
    border: 0;
}
/*Hizmetler*/
#hizmet{
     width:100% ;
     min-height: 150px;
     margin-bottom: 20px;
     /* background-color: #d5d9d4;*/
 }
.hizmetler-renk{
    background-color: #fbfffa;
}
.hizmetler-renk:hover{
    background-color: rgba(225, 224, 229, 0.6);
   /*margin-left: 120px;*/
}
a.hizmetler-link{
    text-decoration: none;
    color: black;
}
.hizmetler-yazi{
    font-size: 17px;
    height: 150px;
}
.hizmet-orta{
    text-align:center;
    padding-top: 5px;
}
.hizmet-cizgi{
    border-top: 2px solid rgba(26,146,216,1);
}
/*Hizmetler Son*/
/* Orta Bölüm Başlangıç*/
#urunler{
    width: 100%;
    min-height: 180px;
}
.urunler-renk{
    background-color: #f3f3f3;
    margin: auto auto 20px auto;
    padding: 0;
}
span.baslik{
    /*margin-left: 20px;*/
    font-size: 20px;
    font-weight: bold;
    border-bottom: 2px solid rgba(26,146,216,1);
}
p.aciklama{
    font-size: 18px;
    margin-top: 5px;
}
/* Ürün Efekt */
.css-gallery img{
    -webkit-transform:scale(0.8);
    -moz-transform:scale(0.8);
    -o-transform:scale(0.8);
    -webkit-transition-duration: 0.5s;
    -moz-transition-duration: 0.5s;
    -o-transition-duration: 0.5s;
    opacity: 0.9;
   /* margin: 15px 0 5px 0;*/
    max-width: 240px;
    max-height: 240px;
    margin-left: 0;
}
.css-gallery img:hover{
    -webkit-transform:scale(1.0);
    -moz-transform:scale(1.0);
    -o-transform:scale(1.0);
    box-shadow:0 0 30px gray;
    -webkit-box-shadow:0 0 10px gray;
    -moz-box-shadow:0 0 30px gray;
    opacity: 1;
    max-width: 240px;
    max-height: 240px;
    padding-left: 0;
}
/* Ürün Efekt Son*/
/* Yukarı Çık Button*/
.yukaricik {
     z-index:100;
     position:fixed;
     bottom:5px;
     right:5px;
     display:none;
 }
.yukaricik-buton {
    width:45px;
    height:45px;
}
/* Yukarı Çık Button Son*/
/* Seyehat Reklam */
#seyehat{
    width: 100%;
    margin-top: 10px;
}
.seyehar-pro{
    margin: 0;
    padding: 0;
}
.seyehat-icerik{
    width: 100%;
    float: left;
}
/* Seyehat Reklam Son*/
/* Hizmetler */
#hizmetler{
    width: 100%;
    min-height: 320px;
    /*background-color: #a0ffb8;*/
}

.nav-pills li>a{
    color: #080808;
}
.nav-pills li>a:hover{
    color: #ffffff;
    background-color: #37b0ca;
}
.nav-pills li>a:active{
    color: #ffffff;
    background-color: #37b0ca;
}
.hizmetler-aciklama{
    width: 100%;
   /* background-color: #ffffff;*/
    min-height: 180px;
}
.hizmetler-bg{
    margin: 0;
    padding:0;
    background-color: #FFFFFF;
}
.hizmetler-ortala{
    background-color: #FFFFFF;
    padding: 0;
    margin-top: 0;
    min-height: 305px;
}
.img-responsive{
    margin-top: 0;
    padding-top: 0;
}

.hizmetler-sag{
    background-color: #a74282;
    max-height: 200px;
}
.content-title{
    width: 100%;
    background-color: #FFFFFF;
    min-height:40px;
    padding: 7px 5px 10px 20px;
}

h4.page-title {
    color: #22283e;
    font-size: 22px;
    border-bottom: 2px solid #37b0ca;
    padding: 7px 5px 10px;
    margin: 0 0 12px;
    font-weight: 600;
}
.hizmetler-text{
    color: #1b6d85;
    background-color: #feb3ff;
    min-height: 200px;
}
.container.arkaplan{
    background-color: #ffffff;
    max-width: 1140px;
}
h1.baslik{
    margin-top: 20px;
    padding-left: 20px;
    color: #080808;
}
.detail-text {
    color: #34495e;
    font-size: 14px;
    -webkit-font-smoothing: antialiased;
    line-height: 24px;
    padding: 4px 20px 10px 20px;
    text-align: justify;
}
a.hizmetler-menu{
    color: #757575;
    padding: 2px 10px;
    text-decoration: none;
    font-size: 15px;
}
a.hizmetler-menu:hover{
    color: #323232;
    text-decoration: none;
}
a.hizmetler-menu:active{
        color: #d04339;
}
a.hizmetler-menu.aktif{
    color: #830b10;
    font-weight: bold;
}
i.hizmetler-icon-left{
    padding-right: 10px;
}
/*İletişim*/
#iletisim{
    width: 100%;
    min-height: 270px;
    /*background-color: #5fd8ff;*/
}
.iletisim-bg{
    /*background-color: #ffd8c7;*/
    margin: 0;
    padding: 0;
}
.iletisim-kutu{
    min-width:200px;
    min-height: 220px;
    background-color: #FFFFFF;
    margin: 10px;
    border-radius: 10px;
}
i.iletisim-yazi-eposta{
    padding: 30px 5px 0 10px;
    /*font-size: 17px;*/
    color: #2e7e97;
    line-height: 22px;
}
.iletisim-tel{
    font-size: 20px;
    padding-left: 35%;
}
.iletisim-eposta{
    font-size: 20px;
    padding-left: 20%
}
.iletisim-adres{
    font-size: 20px;
    padding-left: 15%;
}
.iletisim-sosyal{
    font-size: 20px;
    padding-left: 35%;
}
p.eposta{
    font-size: 20px;
    padding-left: 45%;
}
p.adres{
    font-size: 20px;
    padding-left: 45%;
}
p.sosyalag{
    font-size: 20px;
    padding-left: 40%;
}
i.favicon{
    padding-left: 45%;
    color:#37b0ca ;
    padding-top: 10px;
}

i.map{
    color:#37b0ca ;
    padding: 10px 0 10px 105px;
}
h2.google-title{
    color: black;
    padding-top: 0;
}
.embed-container { position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; max-width: 100%; }
.embed-container iframe, .embed-container object, .embed-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }

a img.galeri{
    margin-bottom: 20px;
    margin-right: 20px;
}
.img-thumbnail{
    border: 5px solid rgb(55, 176, 202);
   /* border: 5px solid rgb(255, 255, 255);*/
}
#hakkimizda{
    width: 100%;
    min-height: 250px;
    /*background-color: #decd60;*/
}
.hakkimizda{
    background-color: #FFFFFF;
   /* padding: 0 0 0 20px;*/
    margin-top: 0;
    /*min-height: 305px;*/
}


.urunler-img{
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    -ms-transition: all .5s ease;
    transition: all .5s ease;
    width:280px;
    height:250px;
    margin: auto auto 20px auto;
}
.urunler-img:hover{
    -webkit-transform:scale(1.2);
    -moz-transform:scale(1.2);
    -ms-transform:scale(1.2);
    -o-transform:scale(1.2);
    transform:scale(1.2);
}
.urunler-img-div{
    overflow:hidden;
    width:280px;
    height:250px;
    margin: auto auto 20px auto;
    border: solid 2px #FFFFFF;

}
.contenthover { padding:20px 20px 10px 20px;}
.contenthover, .contenthover h3, .contenthover, a.urunler { color:#fff; }
.contenthover h3, .contenthover p { margin:0 0 10px 0; line-height:1.4em; padding:0; }
.contenthover a.mybutton { display:block; float:left; padding:5px 10px; background: #24be41; color:#fff; -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; }
.contenthover a.mybutton:hover { background: #ff739c
}
.urunler-bottom{
    margin-bottom: 20px;
}