﻿@charset "utf-8";
/*============================================================================================*/
/* 1.  BOOTSTRAP EDIT */
/*============================================================================================*/
/* Fonts */
@import url(https://fonts.googleapis.com/css?family=Open+Sans:400,300,300italic,400italic,600,600italic,700,700italic,800,800italic&subset=latin,latin-ext);
@import url(https://fonts.googleapis.com/css?family=Roboto+Slab:400,700,300,100&subset=latin,latin-ext);

/* Imagebox Styles */

.thumbnail{
	background-color:#FFFFFF;
	border-bottom:1px solid #efefef;
	border-top:none;
	border-right:none;
	border-left:none;
    border-radius: 0px;
    box-shadow: none;
    display: block;
    -moz-border-radius: 0px;
    -moz-box-shadow: none;
    -moz-transition: all 0.2s ease-in-out;
    o-transition: all 0.2s ease-in-out;
    padding: 0px;
    transition: all 0.2s ease-in-out;
    -webkit-border-radius: 0px;
    -webkit-box-shadow: none;
    -webkit-transition: all 0.2s ease-in-out;
	position:relative;
	z-index:1;
	}
	
.image-container{
	border: none;
    cursor: pointer;
    position: relative;
    width: 100%;
	}
	
.image-container i{
	background:#E34B11;
	width:100px; height:100%;
	position:absolute;
	z-index:2;
	top:0; left:0;
	text-align:center;
	color:#FFF;
	font-size:24px;
	padding-top:30%;
	}
	
.thumbnail:hover .image-container i{
	background:rgba(255,0,0,0.70);
	width:100%;
	}
	
/*
haber thumb tasarımı.
*/

.thumbnail .desc{
	background-color:#FFFFFF;
	padding:15px;
	position:relative;
	z-index:2;
	-webkit-transition: all 0.4s ease;
	transition: all 0.4s ease;
	}

.thumbnail .desc h1, .thumbnail .desc h2, thumbnail .desc h3, .thumbnail .desc h4, .thumbnail .desc h5, .thumbnail .desc h6{
	margin:10px 0;
	}

.thumbnail .desc h1 a, .thumbnail .desc h2 a, .thumbnail .desc h3 a, .thumbnail .desc h4 a, .thumbnail .desc h5 a, .thumbnail .desc h6 a{
	color:#313131;
	display:block;
	font-weight:300;
	letter-spacing:1px;
	}
	
.thumbnail:hover .desc h3 a{
	color:#373737;
	}
	
.thumbnail .desc p{
	color:#556c80;
	margin:15px 0 30px 0;
	font-size:14px;
	line-height:26px;
	}
	
.thumbnail .desc .categories{
	margin:0;	
	}

.thumbnail .desc .categories a{
	color:#dddddd;
	font-weight:400;
	}
	
.thumbnail .desc .categories a:hover{
	color:#dddddd;	
	}

.thumbnail .desc .categories a:after {
	color:#d7d7d7;
    content: ' /';
	}

.thumbnail .desc .categories a:last-child:after {
    content: '';
}

.thumbnail .desc .date a{
	color:#dddddd;
	font-weight:400;
	font-size:12px;
	}
	
.thumbnail .desc .date{
	margin:15px 0;
	position:relative;
	}
	
.thumbnail .desc .date:after{
	content: '';
    position: absolute;
    display: inline-block;
    width: 45px;
    height: 1px;
    background-color: #ddd;
    top: 11px; left:90px;
	}
	
.thumbnail .desc .bottom{
	padding-bottom:40px;
	position:relative;	
	}
	
.thumbnail .desc .bottom .left{
	position:relative;
	width:50%;
	float:left;
	}
	
.thumbnail .desc .bottom .right{
	position:relative;
	width:50%;
	text-align:right;	
	float:right;
	}
	
.thumbnail .desc .bottom .right a{
	color:#dddddd;
	padding:10px 5px;
	}
	
.thumbnail .desc .bottom .right .share-list{
	background-color:#efefef;
	border:1px solid #E34B11;
	position:absolute;
	bottom:0;
	right:-5px;
	width:34px;
	height:34px;
	opacity:0;
	-webkit-transition: all 0.4s ease;
	transition: all 0.4s ease;
	}
	
.thumbnail .desc .bottom .right .share-list:hover{
	height:96px;
	opacity:1;
	}

.thumbnail .desc .bottom .right .share-list ul{
	margin:0;
	padding:0;	
	}

.thumbnail .desc .bottom .right .share-list ul li{
	background-color:#E34B11;
	list-style-type:none;
	margin:1px;
	text-align:center;
	width:30px;
	height:30px;
	}
	
.thumbnail .desc .bottom .right .share-list ul li:hover{
	background-color:#C51215;
	}
	
.thumbnail .desc .bottom .right .share-list ul li a{
	color:#FFFFFF;
	line-height:30px;
	}
	
/*
style blog alttaki div icerisinde olursa mansory olur.
*/


.masonry-list .row {
 -moz-column-width: 320px;
 -webkit-column-width: 320px;
 -moz-column-gap: 15px;
 -webkit-column-gap:15px; 
  
}

.masonry-list .row > .col-sm-4 {
 display: inline-block;
 padding: 0;
 margin: 0;
 width:  100%; 
 float:none;
}


/* Carousel */

.manset{
	margin-top:15px;
	}
	
.manset .m-right{
	background-color:#f1f1f1;
	padding:10px;
	}
	
.manset .m-right .title{
	border-bottom:1px solid #959595;
	font-size:16px;
	font-weight:700;
	padding:15px 0;
	margin-bottom:15px;
	}
	
.manset .carousel-caption{
	width:75%;
	right:0; left:0; top:0;
	text-align:left;
	padding:0 10%;
	text-shadow:none;
	}
	
@media (max-width: 767px) {
.manset .carousel-caption{
	 top:-5%;
	}
	}
	
.manset .carousel-caption h3{
	color:#FFFFFF;
	font-size:48px;
	font-weight:700;
	letter-spacing:-2px;
	line-height:40px;
	margin:30px 0 10px 0;
	}
	
.manset .carousel-caption p{
	color:#FFFFFF;
	font-size:14px;
	margin-bottom:20px;
	}
	
@media (max-width: 767px) {
.manset .carousel-caption h3{
	font-size:24px;
	line-height:20px;
	}
	
.manset .carousel-caption p{
	font-size:14px;
	}
	}
	
.manset .carousel-indicators{
	padding:6px 0;
	width:30%;
	margin-left:-15%;
	}
	
.manset .carousel-indicators .active{
	background-color:#FFF;
	}
	
.manset .carousel-indicators li{
	border:2px solid #E34B11;	
	}
	
.manset .carousel-control .glyphicon-chevron-left, .manset .carousel-control .icon-prev {
	background-color:#E34B11;
	margin-left:-60px;
	}
	
.manset .carousel-control .glyphicon-chevron-left, .manset .carousel-control .glyphicon-chevron-right, .manset .carousel-control .icon-next, .manset .carousel-control .icon-prev{
	width:50px; height:50px;
	font-size:20px;
	line-height:50px;
	margin-top:-25px;	
	}
	
.manset .carousel-control .glyphicon-chevron-right, .manset .carousel-control .icon-prev {
	background-color:#E34B11;
	margin-right:-60px;
	}
	
.manset .carousel-control .glyphicon-chevron-right, .manset .carousel-control .glyphicon-chevron-right, .manset .carousel-control .icon-next, .manset .carousel-control .icon-prev{
	width:50px; height:50px;
	font-size:20px;
	line-height:50px;
	margin-top:-25px;	
	}
	
/**/

/* testimonials bolumu carousel */
#quote-carousel 
{
  padding: 0 10px 30px 10px;
}

/* Control buttons  */
#quote-carousel .carousel-control
{
  background: none;
  color: #FFF;
  font-size: 14px;
  text-shadow: none;
  margin-top: 30px;
  width:48px; height:48px;
  border-radius:50%;
  border:1px solid #FFF;
  text-align:center;
  line-height:48px;
}
/* Previous button  */
#quote-carousel .carousel-control.left 
{
  left: -12px;
}
/* Next button  */
#quote-carousel .carousel-control.right 
{
  right: -12px !important;
}
/* Changes the position of the indicators */
#quote-carousel .carousel-indicators 
{
  right: 50%;
  top: auto;
  bottom: 0px;
  margin-right: -19px;
}
/* Changes the color of the indicators */
#quote-carousel .carousel-indicators li 
{
  background: #FFF;
}
#quote-carousel .carousel-indicators .active 
{
  background: none;
}
/* End carousel */

#quote-carousel .item blockquote {
    border-left: none;
	color:#FFF;
    margin: 0;
	text-align:center;
}

#quote-carousel .item blockquote small {
	color:#FFF;
}

#quote-carousel .item blockquote img {
	width:48px;
	height:auto;
    margin-bottom: 10px;
}

@media (min-width: 768px) { 
    #quote-carousel 
    {
      margin-bottom: 0;
      padding: 0 40px 30px 40px;
    }
    
}

@media (max-width: 768px) { 
    #quote-carousel .carousel-indicators {
        bottom: -20px !important;  
    }
    #quote-carousel .carousel-indicators li {
        display: inline-block;
        margin: 0px 5px;
        width: 15px;
        height: 15px;
    }
    #quote-carousel .carousel-indicators li.active {
        margin: 0px 5px;
        width: 20px;
        height: 20px;
    }
}

/**/

/* urunler bolumu carousel */
#product-carousel 
{
  padding: 0 10px 30px 10px;
}

/* Control buttons  */
#product-carousel .carousel-control
{
  background: none;
  color: #000;
  font-size: 14px;
  text-shadow: none;
  margin-top: 30px;
  width:48px; height:48px;
  border-radius:50%;
  border:1px solid #000;
  text-align:center;
  line-height:48px;
}
/* Previous button  */
#product-carousel .carousel-control.left 
{
  left: -12px;
  top:50%;
  margin-top:-20px;
}
/* Next button  */
#product-carousel .carousel-control.right 
{
  right: -12px !important;
   top:50%;
  margin-top:-20px;
}
/* Changes the position of the indicators */
#product-carousel .carousel-indicators 
{
  right: 50%;
  top: auto;
  bottom: -20px;
  margin-right: -19px;
  margin-bottom:20px;
}
/* Changes the color of the indicators */
#product-carousel .carousel-indicators li 
{
  background: #000;
}
#product-carousel .carousel-indicators .active 
{
  background: none;
  border:1px solid #000;
}
/* End carousel */

#product-carousel .item blockquote {
    border-left: none;
	color:#000;
    margin: 0;
	text-align:center;
}

#product-carousel .item blockquote small {
	color:#000;
}

#product-carousel .item blockquote img {
	width:48px;
	height:auto;
    margin-bottom: 10px;
}

@media (min-width: 768px) { 
    #product-carousel 
    {
      margin-bottom: 0;
      padding: 0 40px 30px 40px;
    }
    
}

@media (max-width: 768px) { 
    #product-carousel .carousel-indicators {
        bottom: -20px !important;  
    }
    #product-carousel .carousel-indicators li {
        display: inline-block;
        margin: 0px 5px;
        width: 15px;
        height: 15px;
    }
    #product-carousel .carousel-indicators li.active {
        margin: 0px 5px;
        width: 20px;
        height: 20px;
    }
}




/********** accorion & panel */

.panel-group .panel{
	border-radius:0;		
	}

.panel-default>.panel-heading {
	background-image:none;
	background-color:#FFF;
	border-radius:0;	
	}
	
.fa-caret-right{
  transition: all .4s ease;
}
.active .fa-caret-right{
  transform: rotate(90deg);
}

.panel-group .active .panel-heading{
	background-color:#E34B11;
	color:#FFF;	
	}
	
.panel-group .active .panel-heading a, .panel-group .active .panel-heading a:hover{
	color:#FFF;	
	}
	
/*********** form */

.form-control{
	border-radius:0;	
	}
	
.form-control:focus {
  border-color: #E34B11;
  box-shadow: none;
}

/*********** butonlar */

.btn{
	border-radius:0;	
	}
	
.btn-danger, .btn-default, .btn-info, .btn-primary, .btn-success, .btn-warning {
	background-image:none;
    text-shadow:none;
    -webkit-box-shadow: none;
    box-shadow: none;
	}
	
	
/*********** alert */

.alert, .alert-success, .alert-info, .alert-warning, .alert-danger{
	border-radius:0;
	background-image:none;
    text-shadow:none;
    -webkit-box-shadow: none;
    box-shadow: none;	
	}
	
/********** calluot */

.bs-callout {
	background-color:#FFFFFF;
	color:#969595;
    padding:20px;
    border: 1px solid #f1f1f1;
    border-left:5px solid #E34B11;
    border-radius: 0;
}

.bs-callout h1, .bs-callout h2, .bs-callout h3, .bs-callout h4, .bs-callout h5, .bs-callout h6 {
	margin-top:0;
}

.bs-callout i{
	background-color:#E34B11;
	border-radius:50%;
	line-height:28px;
	position:absolute;
	width:28px;
	height:28px;
	top:50%; left:3px;
	margin-top:-14px;
	font-size:12px;
	color:#FFF;	
	text-align:center;
	}
	
/********** tablar */

.nav-tabs li{
	cursor:pointer !important;
}
	
.nav-tabs>li.active>a, .nav-tabs>li.active>a:focus, .nav-tabs>li.active>a:hover{
	background-color:#E34B11 !important;
	border:none;
	border-radius:0;
	color:#FFFFFF !important;
	cursor:pointer !important;
}
	
.nav-tabs>li.active>a:after{
	content:'';
	position:absolute;
	bottom:-8px; left:50%;
	margin-left:-10px;

	border-style: solid;
	border-width: 10px 10px 0 10px;
	border-color: #E34B11 transparent transparent transparent;
	width: 0;
	height: 0;
	}
	
/********** checkbox & radio botton */

.checkbox {
  padding-left: 20px; }
  .checkbox label {
    display: inline-block;
    vertical-align: middle;
    position: relative;
    padding-left: 5px; }
    .checkbox label::before {
      content: "";
      display: inline-block;
      position: absolute;
      width: 17px;
      height: 17px;
      left: 0;
      margin-left: -20px;
      border: 1px solid #cccccc;
      border-radius: 3px;
      background-color: #fff;
      -webkit-transition: border 0.15s ease-in-out, color 0.15s ease-in-out;
      -o-transition: border 0.15s ease-in-out, color 0.15s ease-in-out;
      transition: border 0.15s ease-in-out, color 0.15s ease-in-out; }
    .checkbox label::after {
      display: inline-block;
      position: absolute;
      width: 16px;
      height: 16px;
      left: 0;
      top: 0;
      margin-left: -20px;
      padding-left: 3px;
      padding-top: 1px;
      font-size: 11px;
      color: #555555; }
  .checkbox input[type="checkbox"],
  .checkbox input[type="radio"] {
    opacity: 0;
    z-index: 1; }
    .checkbox input[type="checkbox"]:focus + label::before,
    .checkbox input[type="radio"]:focus + label::before {
      outline: thin dotted;
      outline: 5px auto -webkit-focus-ring-color;
      outline-offset: -2px; }
    .checkbox input[type="checkbox"]:checked + label::after,
    .checkbox input[type="radio"]:checked + label::after {
      font-family: "FontAwesome";
      content: "\f00c"; }
    .checkbox input[type="checkbox"]:disabled + label,
    .checkbox input[type="radio"]:disabled + label {
      opacity: 0.65; }
      .checkbox input[type="checkbox"]:disabled + label::before,
      .checkbox input[type="radio"]:disabled + label::before {
        background-color: #eeeeee;
        cursor: not-allowed; }
  .checkbox.checkbox-circle label::before {
    border-radius: 50%; }
  .checkbox.checkbox-inline {
    margin-top: 0; }

.checkbox-primary input[type="checkbox"]:checked + label::before,
.checkbox-primary input[type="radio"]:checked + label::before {
  background-color: #337ab7;
  border-color: #337ab7; }
.checkbox-primary input[type="checkbox"]:checked + label::after,
.checkbox-primary input[type="radio"]:checked + label::after {
  color: #fff; }

.checkbox-danger input[type="checkbox"]:checked + label::before,
.checkbox-danger input[type="radio"]:checked + label::before {
  background-color: #d9534f;
  border-color: #d9534f; }
.checkbox-danger input[type="checkbox"]:checked + label::after,
.checkbox-danger input[type="radio"]:checked + label::after {
  color: #fff; }

.checkbox-info input[type="checkbox"]:checked + label::before,
.checkbox-info input[type="radio"]:checked + label::before {
  background-color: #5bc0de;
  border-color: #5bc0de; }
.checkbox-info input[type="checkbox"]:checked + label::after,
.checkbox-info input[type="radio"]:checked + label::after {
  color: #fff; }

.checkbox-warning input[type="checkbox"]:checked + label::before,
.checkbox-warning input[type="radio"]:checked + label::before {
  background-color: #f0ad4e;
  border-color: #f0ad4e; }
.checkbox-warning input[type="checkbox"]:checked + label::after,
.checkbox-warning input[type="radio"]:checked + label::after {
  color: #fff; }

.checkbox-success input[type="checkbox"]:checked + label::before,
.checkbox-success input[type="radio"]:checked + label::before {
  background-color: #5cb85c;
  border-color: #5cb85c; }
.checkbox-success input[type="checkbox"]:checked + label::after,
.checkbox-success input[type="radio"]:checked + label::after {
  color: #fff; }

.radio {
  padding-left: 20px; }
  .radio label {
    display: inline-block;
    vertical-align: middle;
    position: relative;
    padding-left: 5px; }
    .radio label::before {
      content: "";
      display: inline-block;
      position: absolute;
      width: 17px;
      height: 17px;
      left: 0;
      margin-left: -20px;
      border: 1px solid #cccccc;
      border-radius: 50%;
      background-color: #fff;
      -webkit-transition: border 0.15s ease-in-out;
      -o-transition: border 0.15s ease-in-out;
      transition: border 0.15s ease-in-out; }
    .radio label::after {
      display: inline-block;
      position: absolute;
      content: " ";
      width: 11px;
      height: 11px;
      left: 3px;
      top: 3px;
      margin-left: -20px;
      border-radius: 50%;
      background-color: #555555;
      -webkit-transform: scale(0, 0);
      -ms-transform: scale(0, 0);
      -o-transform: scale(0, 0);
      transform: scale(0, 0);
      -webkit-transition: -webkit-transform 0.1s cubic-bezier(0.8, -0.33, 0.2, 1.33);
      -moz-transition: -moz-transform 0.1s cubic-bezier(0.8, -0.33, 0.2, 1.33);
      -o-transition: -o-transform 0.1s cubic-bezier(0.8, -0.33, 0.2, 1.33);
      transition: transform 0.1s cubic-bezier(0.8, -0.33, 0.2, 1.33); }
  .radio input[type="radio"] {
    opacity: 0;
    z-index: 1; }
    .radio input[type="radio"]:focus + label::before {
      outline: thin dotted;
      outline: 5px auto -webkit-focus-ring-color;
      outline-offset: -2px; }
    .radio input[type="radio"]:checked + label::after {
      -webkit-transform: scale(1, 1);
      -ms-transform: scale(1, 1);
      -o-transform: scale(1, 1);
      transform: scale(1, 1); }
    .radio input[type="radio"]:disabled + label {
      opacity: 0.65; }
      .radio input[type="radio"]:disabled + label::before {
        cursor: not-allowed; }
  .radio.radio-inline {
    margin-top: 0; }

.radio-primary input[type="radio"] + label::after {
  background-color: #337ab7; }
.radio-primary input[type="radio"]:checked + label::before {
  border-color: #337ab7; }
.radio-primary input[type="radio"]:checked + label::after {
  background-color: #337ab7; }

.radio-danger input[type="radio"] + label::after {
  background-color: #d9534f; }
.radio-danger input[type="radio"]:checked + label::before {
  border-color: #d9534f; }
.radio-danger input[type="radio"]:checked + label::after {
  background-color: #d9534f; }

.radio-info input[type="radio"] + label::after {
  background-color: #5bc0de; }
.radio-info input[type="radio"]:checked + label::before {
  border-color: #5bc0de; }
.radio-info input[type="radio"]:checked + label::after {
  background-color: #5bc0de; }

.radio-warning input[type="radio"] + label::after {
  background-color: #f0ad4e; }
.radio-warning input[type="radio"]:checked + label::before {
  border-color: #f0ad4e; }
.radio-warning input[type="radio"]:checked + label::after {
  background-color: #f0ad4e; }

.radio-success input[type="radio"] + label::after {
  background-color: #5cb85c; }
.radio-success input[type="radio"]:checked + label::before {
  border-color: #5cb85c; }
.radio-success input[type="radio"]:checked + label::after {
  background-color: #5cb85c; }

input[type="checkbox"].styled:checked + label:after,
input[type="radio"].styled:checked + label:after {
  font-family: 'FontAwesome';
  content: "\f00c"; }
input[type="checkbox"] .styled:checked + label::before,
input[type="radio"] .styled:checked + label::before {
  color: #fff; }
input[type="checkbox"] .styled:checked + label::after,
input[type="radio"] .styled:checked + label::after {
  color: #fff; }
  
  
/********** progress-bar */
  
.progress-bar{
	background-image:none;
	//background-color:#E34B11;	
	}
	
/********** pagination */
	
.pagination>.active>a, .pagination>.active>a:focus, .pagination>.active>a:hover, .pagination>.active>span, .pagination>.active>span:focus, .pagination>.active>span:hover {
	background-color:#E34B11;
	border-color:#E34B11;	
	}
	
.pagination>li>a, .pagination>li>span {
	color:#313131;	
	}
	
/********** modal */
.modal-content  {
	border:1px solid #E34B11;
	border-bottom:5px solid #E34B11;
	
    -webkit-border-radius: 0px !important;
    -moz-border-radius: 0px !important;
    border-radius: 0px !important; 
}
.modal-backdrop {
   background-color: #3B0000;
}