/*
|--------------------------------------------------------------------------
| FIX CSS
|--------------------------------------------------------------------------
|
*/
.clear{clear:both;}

.noPadding{padding:0 !important}
.noPaddingLeft{padding-left:0 !important}
.noPaddingRight{padding-right:0 !important}
.noPaddingTop{padding-top:0 !important}
.noPaddingBottom{padding-bottom:0 !important}

.noMargin{margin:0 !important}
.noMarginLeft{margin-left:0 !important}
.noMarginRight{margin-right:0 !important}
.noMarginTop{margin-top:0 !important}
.noMarginBottom{margin-bottom:0 !important}

/*
|--------------------------------------------------------------------------
| BORDER RADIUS
|--------------------------------------------------------------------------
|
*/
.noRadius{border-radius:0 !important}
.radius2{-webkit-border-radius:2px !important;-moz-border-radius:2px !important;border-radius:2px !important;}
.radius3{-webkit-border-radius:3px !important;-moz-border-radius:3px !important;border-radius:3px !important;}
.radius4{-webkit-border-radius:4px !important;-moz-border-radius:4px !important;border-radius:4px !important;}
.radius5{-webkit-border-radius:5px !important;-moz-border-radius:5px !important;border-radius:5px !important;}
.radius10{-webkit-border-radius:10px !important;-moz-border-radius:10px !important;border-radius:10px !important;}

/*
|--------------------------------------------------------------------------
| DİĞER CSS'LER
|--------------------------------------------------------------------------
|
*/
ul.photos{overflow:hidden;margin-top:20px !important}
ul.photos li{display:inline-block;margin-right:12px}
ul.photos li img{width:150px;height:150px;border:5px solid #eee;padding:1px;transition: 0.3s all;-webkit-transition: 0.3s all}
ul.photos li img:hover{border-color:#99f46c}

.service-title{}
.service-title h5{margin-bottom:0;font-size:1.5em;font-weight:400;font-family: 'Yanone Kaffeesatz', sans-serif;color:#333333;text-decoration:none;}
.service-title p{font-size:14px !important}

.servicePhotos{overflow:hidden;margin:0 !important;padding-top:5px;}
.servicePhotos a{display:inline-block;}
.servicePhotos a img{width:36px;height:36px;border:2px solid #ccc;transition: 0.3s all;-webkit-transition: 0.3s all}
.servicePhotos a img:hover{border-color:#4aae0d;}


/*
|--------------------------------------------------------------------------
| ADMIN PANELDEKİ SLIDER SAYFASININ ŞEKİLLENDİRMELERİ
|--------------------------------------------------------------------------
|
*/
div[view=slider]{}
div[view=slider] ul.slides{margin:0 !important;padding:0 !important;list-style:none}
div[view=slider] ul.slides li{margin-bottom:10px;}
div[view=slider] ul.slides li>form{}
div[view=slider] ul.slides li>form div.window{border:3px solid #ccc;display:block;position:relative;}
div[view=slider] ul.slides li>form div.window img{width:100%;height:150px}
div[view=slider] ul.slides li>form div.window span{width:100%;height:100%;position:absolute;top:0;left:0;text-align:center}
div[view=slider] ul.slides li>form div.window span a{width:38px;height:38px;line-height:38px;text-align:center;background-color:rgba(0,0,0, 0.4);margin:55px 5px 0;display:inline-block;font-size:16px;color:#999;-webkit-transition: all .2s ease-in-out;-moz-transition: all .2s ease-in-out;-o-transition: all .2s ease-in-out;transition: all .2s ease-in-out;}
div[view=slider] ul.slides li>form div.window span a:hover{color:#fff;}
div[view=slider] ul.slides li>form div.window span a.preview:hover{background-color:rgba(0,125,0, 1);}
div[view=slider] ul.slides li>form div.window span a.delete:hover{background-color:rgba(204,0,0, 1);}


/*
|--------------------------------------------------------------------------
| ADMIN PANELDEKİ ABOUT SAYFASININ ŞEKİLLENDİRMELERİ
|--------------------------------------------------------------------------
|
*/
div[view=service]{}
div[view=service] div.row{padding:0 10px;overflow:hidden;}
div[view=service] div.row div.photo{margin:0 5px;display:inline-block;width:75px;height:75px;float:left;position:relative;}
div[view=service] div.row div.photo img{width:100%;height:100%;}
div[view=service] div.row div.photo a{position:absolute;top:20px;left:0;display:inline-block;background-color:rgba(0,0,0, 0.4);color:#eee;width:37.5px;height:32px;text-align:center;line-height:32px;-webkit-transition: all .2s ease-in-out;-moz-transition: all .2s ease-in-out;-o-transition: all .2s ease-in-out;transition: all .2s ease-in-out;}
div[view=service] div.row div.photo a.delete{left:37.5px;}
div[view=service] div.row div.photo a.delete:hover{background-color: rgba(206,0,0, 0.9)}
div[view=service] div.row div.photo a.preview:hover{background-color: rgba(78,160,36, 0.9)}
div[view=service] div.row div.photo span{width:100%;height:100%;display:block;line-height:75px;border:1px solid #ddd;text-align:center;background-color:#f1f1f1;font-size:24px;color:#aaa}
div[view=service] div.row div.photo:hover span{background-color:#dfedf4;color:#3c8dbc;border:1px solid #3c8dbc;cursor:pointer;}


/*
|--------------------------------------------------------------------------
| ADMIN PANELDEKİ ABOUT SAYFASININ ŞEKİLLENDİRMELERİ
|--------------------------------------------------------------------------
|
*/
div[view=about]{}
div[view=about] ul.photosA{margin:0 !important;padding:0 !important;list-style:none}
div[view=about] ul.photosA li{margin-bottom:10px;}
div[view=about] ul.photosA li>div{border:3px solid #ccc;display:block;position:relative;}
div[view=about] ul.photosA li>div img{width:100%;height:150px}
div[view=about] ul.photosA li>div span{width:100%;height:100%;position:absolute;top:0;left:0;text-align:center}
div[view=about] ul.photosA li>div span a{width:38px;height:38px;line-height:38px;text-align:center;background-color:rgba(0,0,0, 0.4);margin:55px 5px 0;display:inline-block;font-size:16px;color:#999;-webkit-transition: all .2s ease-in-out;-moz-transition: all .2s ease-in-out;-o-transition: all .2s ease-in-out;transition: all .2s ease-in-out;}
div[view=about] ul.photosA li>div span a:hover{color:#fff;}
div[view=about] ul.photosA li>div span a.preview:hover{background-color:rgba(0,125,0, 1);}
div[view=about] ul.photosA li>div span a.delete:hover{background-color:rgba(204,0,0, 1);}
div[view=about] ul.photosA li:last-child>div{background-color:#f1f1f1;border:3px solid #e1e1e1;text-align:center;line-height:150px;font-size:50px;}
div[view=about] ul.photosA li:last-child>div a{color:#aaa}
div[view=about] ul.photosA li:last-child>div a:hover{color:#007d00}


/*
|--------------------------------------------------------------------------
| ANASAYFA ŞEKİLLENDİRMELERİ
|--------------------------------------------------------------------------
|
*/
div[view=home]{background:url('../images/slider/1.jpgs');position:fixed;left:0;top:0;width:100%;height:100%;background-position:center center;background-size:cover;}
div[view=home] div.navigation{overflow:hidden;position:fixed;bottom:15%;width:100%;}
div[view=home] div.navigation nav{padding:0px;background-color:rgba(78, 160, 36, 1);overflow:hidden;}
div[view=home] div.navigation nav div.logo{line-height:111px;height:111px;text-align:center;}
div[view=home] div.navigation nav div.logo a{line-height:111px;overflow:hidden;display:block;height:111px;text-align:center; }
div[view=home] div.navigation nav div.logo a img{width:230px;display:inline-block;margin-top:15px}
div[view=home] div.navigation nav ul{overflow:hidden;padding:0;margin:0;list-style:none}
div[view=home] div.navigation nav ul li{display:inline-block;width: 16.8%;margin:0 10px; text-align:center;-webkit-transition: all .2s ease-in-out;-moz-transition: all .2s ease-in-out;-o-transition: all .2s ease-in-out;transition: all .2s ease-in-out;}
div[view=home] div.navigation nav ul li a{height:111px;display:block;color:#eee;padding:12px 0px;-webkit-transition: all .2s ease-in-out;-moz-transition: all .2s ease-in-out;-o-transition: all .2s ease-in-out;transition: all .2s ease-in-out;}
div[view=home] div.navigation nav ul li:hover{background-color:#c7c7c7}
div[view=home] div.navigation nav ul li:hover a{color:#000;text-decoration: none !important; }
div[view=home] div.navigation nav ul li a span{display:block;padding:18px 0;font-size:28px;}
div[view=home] div.navigation nav ul li a h6{padding:0;margin:0 0 4px;font-weight:bold;font-size:12px;height:26px;}
div[view=home] div.navigation nav ul li a div.line{display:block;background-color:#c0c0c0;border-top:2px solid transparent;height:5px;margin:0 0px;-webkit-border-bottom-right-radius: 0;-webkit-border-bottom-left-radius: 0;-moz-border-radius-bottomright: 0;-moz-border-radius-bottomleft: 0;border-bottom-right-radius: 0;border-bottom-left-radius: 0;-webkit-transition: all .2s ease-in-out;-moz-transition: all .2s ease-in-out;-o-transition: all .2s ease-in-out;transition: all .2s ease-in-out;}
div[view=home] div.navigation nav ul li:hover a div.line{background-color:#fff;}

div[view=home] div.carousel{}
div[view=home] div.carousel div.carousel-inner{}
div[view=home] div.carousel div.carousel-inner div.item{width:100%;height:100%;position:fixed;}
div[view=home] div.carousel div.carousel-inner div.item div.image{height:100%;background-position:center center;background-size:cover;}
div[view=home] div.carousel div.carousel-inner div.item div.carousel-caption{position:fixed;left:0;right:0;bottom:34.2%;color:#377018;background-color:rgba(192, 192, 192, 0.7);margin:0;padding:15px;font-size:30px;font-weight:bold;font-family: 'Righteous', cursive;letter-spacing:1px;text-shadow:none}
div[view=home] div.carousel a.carousel-control{position:fixed;height:100%;width:7%;background:none;}