@import url('https://fonts.googleapis.com/css?family=Raleway:300,400,500,600,900|Roboto+Condensed');
@import url('https://fonts.googleapis.com/css?family=Roboto');

body {width:100%;margin:0 auto;font-family: 'Raleway', sans-serif;}
.header_top {padding:6px;border-bottom:1px solid #efefef;border-bottom:1px solid #878787;position:absolute;top:0px;}
.header_top_left{color:#878787;margin-top:5px;font-size:1.0em;font-family: 'Roboto Condensed', sans-serif}
.header_top_right{text-align:right;}
.language_alan{float:right;padding:6px;}
.language_line{color:#878787;background-color:#878787;color:#172a11;padding:2px;border-radius:3px;font-size:0.9em;font-weight:600}
.language_line:hover{text-decoration:none;color:#fff}
.glyphicon{font-size:0.8em;}

.orta_alan_text{color:#fff;text-align:center;}
.orta_alan_text_title{font-weight:500;font-size:1.2em;}
.orta_line:hover{opacity:0.8;}
.mucize_sirke{padding:5px;border-bottom:1px solid #6bc94f}
.mucize_sirke_alan{padding-top:9px}
.home_ic_title{padding:15px;border-bottom:1px solid #cbcbcb}
.home_ic_title_detail{color:#6bc94f;font-size:1.3em;} 
.check_icon{font-size:1.5em;color:#6bc94f;font-weight:bold}
.product{border-top:1px solid #999;margin-top:40px;padding:15px}
.kategori_ic {text-align:center;font-size:1.1em;color:#222;padding:5px;}
.kategori_ic:hover{text-decoration:none;color:#999}
.page_number{padding:15px;}
.page_line{text-align:center;padding:8px;border:1px solid #dadada;color:#222}
.page_line:hover{text-decoration:none;}

.home_line_{position:absolute;bottom:0px;text-align:right;padding:15px;color:#fff;font-size:1.5em;}
 
.orta_alan_1{padding:15px;margin-bottom:25px;background-color:#fff;z-index:0;} 
.orta_alan_2{text-align: center;color:#999;background-color:#f9f9f9;border-bottom:2px solid #c59971}
.orta_alan_3{text-align: center;color:#c59971;background-color:#f9f9f9}
.ins_line{padding:15px;text-align:center;background-color:#000;color:#fff}
.ins_line:hover{text-decoration:none;color:#999}

.language {width:29px;margin-left:7px; margin-top:4px;}

video{width:100%;}
 
.mobil-slider {display:none;}

.desktop-slider {}

h4{font-size:0.9em;font-family: 'Roboto', sans-serif;}
 
.uc-nokta {
	width: 100%;
    overflow: hidden; /* taşanları gizle */
    white-space: nowrap; /* alt satıra hiç inme */
    text-overflow: ellipsis; /* eğer uzunsa üç nokta koy */
} 
 
 
@media (max-width: 768px) { 
.desktop-slider{display:none;}
.mobil-slider{display:inline;}
.mobil_slider_img{width:100%; max-width:1100px;}
}

 
 

/* accordion */
 .panel-group .panel {
        border-radius: 5;
        box-shadow: none;
        border-color: #EEEEEE;
    }

    .panel-default > .panel-heading {
        padding: 0;
        border-radius: 8;
        color: #fff;
		background-color: #000;
        border-color: #EEEEEE;
    }
	


    .panel-title {
        font-size: 14px;
    }

    .panel-title > a {
        display: block;
        padding: 15px;
        text-decoration: none; 
    }

    .more-less {
        float: right;
        color: #fff;
    }

    .panel-default > .panel-heading + .panel-collapse > .panel-body {
        border-top-color: #EEEEEE; 
    }
	
	.panel_detail {padding:20px;}




/* accordion and */




.orta { padding: 15px;}

.header_back {width:100%;}
.hd_top {margin-top:5px}
.phone {margin-top:5px;color:#fff;}
.social_cont {float:right; width:150px;}
.musteri_hizmetleri{float:left;font-family: 'Rubik', sans-serif; padding:0px;font-size:1.6em;color:#878787;font-weight:bold;}



.icerik { background-color: #fefefe; margin-bottom: 50px; padding-bottom: 30px;}

.zaman { font-family: 'Roboto Condensed', sans-serif; background-color: #e5e5e5; padding: 15px;}

.closex {text-align:right;color:#999;font-size:2.2em;padding:5px}
.closex:hover{color:#222;text-decoration:none}

.ref_title{color:#dadada}

.gallery_title{text-align:center;color:#878787;margin-bottom:15px;border-bottom:1px solid #878787;padding:5px;}



.carousel-indicators {
    bottom:-40px;
	left:0;
	width:100%;
	
	padding: 6px 0px;
	margin-left:0;
	border-top:2px solid #fff;
}
.carousel-indicators li {
	width:12px;
	height:12px;	
	background:#fff;
	border-color:#fff;
 
}
.carousel-indicators .active {
	width:14px;
	height:14px;
	background:#428bca;
	border-color:#428bca;
}
.carousel-inner .thumbnail {
	margin-bottom:0;
	border-bottom-left-radius:0;
	border-bottom-right-radius:0;
}
.carousel-inner .caption {
	background:#ddd;
	padding: 10px;
}


.list-group > a {
  color: #999999; font-size:0.9em;
}
.list-group > a:hover, a.list-group-item.active, a.list-group-item.active:hover,
.list-group > a:focus {
  color: #fff;
  text-decoration: none;
  background-image: linear-gradient(#000, #999, #878787);
  cursor: pointer;
  border: 1px solid #efefef;
}

.list-group > a:hover, a.list-group-item.active:hover { background-color: ; color: #fff;}


.red_alan {padding:1px;background-image: linear-gradient(#a9292d, #eb2c2d)}



.home_seperator {width:100%;}

.footer {width:100%;margin-top:25px;background-color:#222;padding:20px;}
.footer_ust {padding:10px}
.footer_menu{width:100%;float:left;padding:6px;color:#fff}
.footer_menu:hover{color:#999;text-decoration:none}
.footer_menu_ic{text-align:left;color:#fff}
.footer_alt {border-top:1px solid #fff}
.footer_alt_title{color:#fff;font-size:0.9em;text-decoration:none;margin-top:25px}

@media (max-width: 768px) {
.header_top_left{text-align:center}
.header_top_right{text-align:center}
.language_alan{text-align:right}
.footer_alt_title {text-align:center;padding:6px;margin-top:0px}
.footer_menu_ic{text-align:center}    
}

.pr_alan { min-height: 150px; text-align: center;}

.btn { color: #000;}
.btn:hover { color: #999;}

.color { background-color: #39c0cd;}
.color:hover { background-color: #39c0cd;}

.img-fluid { max-width: 100%; height: auto;}

.form-btn { background-color: #39c0cd; color: #fff;}
.form-btn:hover { background-color: #30cad9; color: #fff; }


.slider-position { }


.btn-primary,
.btn-primary:focus,
.btn-primary:active,
.btn-primary.active {
  color: #ffffff;
  background-color: #69bd43;
  border:0px;
}

.btn-primary:hover,
.btn-primary:focus,
.btn-primary:active,
.btn-primary.active {
  color: #ffffff;
  background-color: #3c9c1d;
  border-color: #7e8083;
}

.product_alan { padding: 15px; margin-bottom: 15px; border-bottom: 1px solid #dadada; height: auto; float: left;}

.news_alan { border-bottom: 1px dotted #dadada; border-top: 1px dotted #dadada; padding-top: 9px;}

.news_detail { margin-bottom: 15px; margin-top: 5px;}


/* scrool top */
 .back-to-top {
    cursor: pointer;
    position: fixed;
    bottom: 20px;
    right: 20px;
    display:none;
	margin-bottom:50px;
	background-color:#878787;
	border:0px;
}
.back-to-top:hover{background-color:#222;}

 /* scrool top end */


.carousel-control {
  padding-top:10%;
  width:5%;
}

.carousel-control.left, .carousel-control.right {
    background-image: none;
}



.home_link{color:#6bc94f}
.home_link:hover{text-decoration:none;color:#57b13c}

.ins_alan{border-top:1px solid #dadada;border-bottom:1px solid #dadada;padding:10px}

.home_ins{font-size:1.8em;text-align:center}

.ziyaret_alan{color:#fff;padding:10px;text-align:center;}

.ziyaret_line{background-color:#55bf37;color:#fff;padding:10px;font-size:1.2em;max-width:200px;text-align:center;margin:auto;cursor:pointer;z-index:999999}
.ziyaret_line:hover{background-color:#31a61a;z-index:999999;color:#fff;text-decoration:none}

/* navbar */


.navbar-default {background-color:transparent;border:none;margin-top:13px;font-weight:600;font-size:1.0em;z-index:4}
.navbar .navbar-nav {display:inline-block}
.navbar .navbar-collapse {text-align:center;background-color:#000}
.navbar .nav .active > a, 
.navbar .nav .active > a:hover {background-color:transparent;color:#555;border-bottom:1px solid #000}
.navbar-default .navbar-nav > li > a, .navbar-default .navbar-nav > li > a:focus {color:#999}
.navbar-default .navbar-nav > li > a:hover, .navbar-default .navbar-nav > li > a:focus{color:#555;border-bottom:1px solid #999}
.navbar-right {width:100%}

@media (min-width: 768px) {
    .navbar .navbar-nav{display:inline-block;margin-top:13px;vertical-align:top}
	.navbar .navbar-collapse{text-align:right;background-color:transparent}
	.navbar-right {width:auto}
	
}


.sidebar-nav{padding: 9px 0;}
.dropdown-menu .sub-menu {
    left: 100%;
    position: absolute;
    top: 0;
    visibility: hidden;
    margin-top: -1px;	
}
.dropdown-menu li a{color:#fff;padding:5px;font-size:0.9em}
.dropdown-menu li a:hover {background-color:transparent;color:#999;}
.dropdown-menu li:hover .sub-menu{visibility: visible}
.dropdown:hover .dropdown-menu {display:block;width:100%;border:0px;background-color:#000}
.nav-tabs .dropdown-menu, .nav-pills .dropdown-menu, .navbar .dropdown-menu {margin-top:0;background-color:#fff;display:none}

.navbar .sub-menu:before {
    border-bottom: 7px solid transparent;
    border-left: none;
    border-right: 7px solid rgba(0, 0, 0, 0.2);
    border-top: 7px solid transparent;
    left: -7px;
    top: 10px; 
}
.navbar .sub-menu:after {
    border-top: 6px solid transparent;
    border-left: none;
    border-right: 6px solid #fff;
    border-bottom: 6px solid transparent;
    left: 10px;
    top: 11px;
    left: -6px; 
}

.navbar-default .navbar-toggle{border-color:#222; background-color:#fff;margin-top:30px;}
.navbar-default .navbar-toggle:hover{border-color: #000;background-color: #fff}
.navbar-default .navbar-toggle .icon-bar{background-color:#000}
.navbar-collapse.in{overflow-y:visible}

.navbar-brand {
  transform: translateX(-50%);
  left: 50%;
  position: absolute;
  padding: 0px;
}

 
.navbar-brand>img {
  
  padding: 15px;
  width: 100%;
  max-width:200px
}
 
 
@media (max-width: 768px) {
.navbar-brand>img {
  
  padding: 15px;
  width: 100%;
  max-width:150px
}   
} 

/* navbar end */

/* navbar header yapış */ 

   .affix {
      top:-13px;
      width: 100%;
      z-index: 4 !important;
	  background-color:#fefefe;
	  
  }
  .navbar {
      margin-bottom: 0px;
  }

  .affix ~ .container-fluid {
     position: relative;
     top: 50px;
  }
  #section1 { padding-top:50px; height:500px;color: #fff; background-color: #1E88E5;}
  #section2 { padding-top:50px; height:500px;color: #fff; background-color: #673ab7;}
  #section3 { padding-top:50px; height:500px;color: #fff; background-color: #ff9800;}
  #section41 { padding-top:50px; height:500px;color: #fff; background-color: #00bcd4;}
  #section42 { padding-top:50px; height:500px;color: #fff; background-color: #009688;}


/* navbar header yapış end*/   
  

 




/* social iconlar */

@font-face {
    font-family: 'si';
    src: url('PATH_TO/socicon.eot');
    src: url('PATH_TO/socicon.eot?#iefix') format('embedded-opentype'),
         url('PATH_TO/socicon.woff') format('woff'),
         url('PATH_TO/socicon.ttf') format('truetype'),
         url('PATH_TO/socicon.svg#icomoonregular') format('svg');
    font-weight: normal;
    font-style: normal;

}

@media screen and (-webkit-min-device-pixel-ratio:0) {
    @font-face {
        font-family:si;
        src: url(PATH_TO/socicon.svg) format(svg);
    }
}

.soc {
    overflow:hidden;
    margin:0; padding:0;
    list-style:none; 
}

.soc li {
    display:inline-block;
    *display:inline;
    zoom:1;
}

.soc li a {
    font-family:si!important;
    font-style:normal;
    font-weight:400;
    -webkit-font-smoothing:antialiased;
    -moz-osx-font-smoothing:grayscale;
    -webkit-box-sizing:border-box;
    -moz-box-sizing:border-box;
    -ms-box-sizing:border-box;
    -o-box-sizing:border-box;
    box-sizing:border-box;
    overflow:hidden;
    text-decoration:none;
    text-align:center;
    display:block;
    position: relative;
    z-index: 1;
    width: 35px;
    height: 35px;
    line-height: 0px;
    font-size: 18px;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    border-radius: 6px;
    margin-right: 3px;
    color: #878787;
    background-color:transparent;
}
.soc li a:hover{color:#222; border-radius:0px;}

.soc-icon-last{
    margin:0 !important;
}

.soc-facebook {
    background-color: #3e5b98;
}
.soc-facebook:before {
    content:'\e041';
}
.soc-instagram {
    background-color: #405de6;
}
.soc-instagram:before {
    content:'\e057';
}
.soc-whatsapp {
    background-color: #20B038;
}
.soc-whatsapp:before {
    content:'\e01b';
}
.soc-outlook {
    background-color: #0072C6;
}
.soc-outlook:before {
    content:'\e010';
}

.soc-youtube:before{content:'\e051'}

.soc-twitter:before{content:'\e040'}

.soc-google:before{content:'\e067'}


/* social iconlar end */


/* zoom img hover */

.panel { position: relative; overflow: hidden; display: block; border-radius: 0 !important;  }
.panel-default { border-color: #ebedef !important; }
.panel .panel-body { position: relative; padding: 0 !important; overflow: hidden; height: auto; }
.panel .panel-body a { overflow: hidden; }
.panel .panel-body a img { display: block; margin: 0; width: 100%; height: auto; 
    transition: all 2.5s; 
    -moz-transition: all 2.5s; 
    -webkit-transition: all 2.5s; 
    -o-transition: all 2.5s; 
}
.panel .panel-body a.zoom:hover img { transform: scale(1.2); -ms-transform: scale(1.2); -webkit-transform: scale(1.2); -o-transform: scale(1.2); -moz-transform: scale(1.2); }
.panel .panel-body a.zoom span.overlay { position: absolute; top: 0; left: 0; visibility: visible; height: 100%; width: 100%; background-color: #000; opacity: 1; -moz-opacity: 0.1; -webkit-opacity: 0.1; filter: alpha(opacity=65); -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=65)";
    transition: opacity .25s ease-out;
    -moz-transition: opacity .25s ease-out;
    -webkit-transition: opacity .25s ease-out;
    -o-transition: opacity .25s ease-out;
}     
.panel .panel-body a.zoom:hover span.overlay { display: block; visibility: hidden; opacity: 0;  }  
.panel .panel-body a.zoom:hover span.overlay i { position: absolute; top: 45%; left: 0%; width: 100%; font-size: 2.25em; color: #fff !important; text-align: center;
    opacity: 1;
    -moz-opacity: 1;
    -webkit-opacity: 1;
    filter: alpha(opacity=1);    
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=1)";
}

/* zoom img hover end */
