/* Add here all your CSS customizations */

@media (min-width: 991px) {
	.sticky-header-active .header-logo a{ 
		margin-left:30px;

	}
} 

#header .header-nav-main nav > ul > li{
	background: #ccc;
	border-radius: 5px;
}
.slogan{
    color: #FFF;
    font-size: 1.6em;
    font-family: "Shadows Into Light", cursive;
}

.baslik{
	border-bottom: 1px #ccc solid;
}
.baslik h2{
	border-bottom: 3px #C72125 solid;
	line-height: 1.3em;
}
.dropdown-item.active, .dropdown-item:active, 
.nav-pills .nav-link.active, .nav-pills .show>.nav-link,
ul.nav-pills > li > a.active:hover, ul.nav-pills > li > a.active:focus{
    color: #C72125;
}
.headerbg{
	background: #79cef4 url(../img/head-bg.png) repeat-y center center scroll;
}
.SliderBg{
background: rgba(250,250,250,1);
background: -moz-linear-gradient(top, rgba(250,250,250,1) 0%, rgba(220,220,220,1) 100%);
background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(250,250,250,1)), color-stop(100%, rgba(220,220,220,1)));
background: -webkit-linear-gradient(top, rgba(250,250,250,1) 0%, rgba(220,220,220,1) 100%);
background: -o-linear-gradient(top, rgba(250,250,250,1) 0%, rgba(220,220,220,1) 100%);
background: -ms-linear-gradient(top, rgba(250,250,250,1) 0%, rgba(220,220,220,1) 100%);
background: linear-gradient(to bottom, rgba(250,250,250,1) 0%, rgba(220,220,220,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#033e50', endColorstr='#012b39', GradientType=0 );
}

#footer{
	background: #333;
}

#footer {
  border-top: 4px #C72125 solid;
  padding: 0 0 30px;
  overflow: hidden;
}
#footer h1, #footer h2, #footer h3, #footer h4, #footer a {
  color: #333;
}
#footer p, #footer a, #footer a:not(.btn){
  color: #e5e5e5;
}
#footer .list-footer-nav {
  list-style: none;
  margin: 0;
  padding: 0;
}
#footer .list-footer-nav a {
  font-size: 14px;
  color: #777;
  text-decoration: none;
}
#footer .list-footer-nav a:hover {
  color: #888;
}
#footer .newsletter form {
  max-width: 100%;
  margin: 27px 0 12px;
}
#footer .newsletter form input.form-control {
  height: 45px;
  padding: 12px;
}
#footer .newsletter form .btn {
  height: 45px;
  width: 45px;
}
#footer [class*="fa-"] {
  display: inline-block;
  padding-right: 2px;
  position: relative;
  top: 1px;
  color: #000;
}
#footer .footer-copyright {
  background: transparent;
  margin: -10px 0 0;
  padding: 20px 0 0;
  border-top: 1px solid #444;
}
#footer .footer-copyright p {
  color: #ababab;
}

@media (min-width: 992px) {
  #footer {
    margin-top: 0;
  }
  #footer:after {
    background: #C72125 none repeat scroll 0 0;
    bottom: -233px;
    content: "";
    height: 400px;
    position: absolute;
    right: -177px;
    -webkit-transform: rotate(50deg);
            transform: rotate(50deg);
    width: 400px;
    z-index: 1;
  }
}

  .logo {
	width:286px;
  }

.owl-carousel .owl-dots .owl-dot span, 
.owl-carousel .owl-dots .owl-dot span:hover, 
.owl-carousel .owl-dots .owl-dot span:active, 
.owl-carousel .owl-dots .owl-dot.active span:hover,
.owl-carousel .owl-dots .owl-dot.active span:active,
.owl-carousel .owl-dots .owl-dot.active span{
    width: 140px;
    height: 50px;
	background-size:94% 90%;
	background-repeat:no-repeat;
	background-position:center;
}


	.sliderresimleri h2{
		position: absolute;
		text-shadow: 1px 1px 2px #000, 0 0 1em #555, 0 0 0.2em #555;
		font-size: 2rem !important;
		margin: 30px 0 0 50px;
		color:#fff !important;
	}



@media (min-width: 992px) {
	.owl-theme .owl-dots, .owl-theme .owl-nav {
		margin-top: -50px;
		position: inherit;
		background-color: rgba(0, 0, 0, 0.3);
		margin-bottom: 10px;
	}
}

@media (max-width: 991px) {
  	.logo {
   	 	margin-top: 0px;
		width:200px;
  	}
	.header-extra-info{
		margin-bottom: 0px;
		padding: 0px;
	}
	.header-extra-info p.text-5{
		font-size: 0.70em !important;
	}
	.owl-carousel .owl-dots .owl-dot span, 
	.owl-carousel .owl-dots .owl-dot span:hover, 
	.owl-carousel .owl-dots .owl-dot span:active, 
	.owl-carousel .owl-dots .owl-dot.active span:hover,
	.owl-carousel .owl-dots .owl-dot.active span:active,
	.owl-carousel .owl-dots .owl-dot.active span{
		width: 70px;
		height: 25px;
	}
	.sliderresimleri h2{
    font-size: 1.5rem !important;
	margin: 15px 0 0 25px;
	}
}


@media (max-width: 768px) {
	.owl-carousel .owl-dots .owl-dot span, 
	.owl-carousel .owl-dots .owl-dot span:hover, 
	.owl-carousel .owl-dots .owl-dot span:active, 
	.owl-carousel .owl-dots .owl-dot.active span:hover,
	.owl-carousel .owl-dots .owl-dot.active span:active,
	.owl-carousel .owl-dots .owl-dot.active span{
		width: 50px;
		height: 15px;
	}
	.sliderresimleri h2{
    font-size: 1rem !important;
	margin: 7px 0 0 15px;
	}
	p, a, li {
		font-size:1em; 
	}

}

html .home-intro-quaternary {
    background: #555;
}



/* sol menü */
h2.solmenu{
	background-color: #C72125;
	color:#fff;
	padding: 7px 15px;
	font-size: 18px;
}
.nav.nav-pills.flex-column li.nav-item{
	background-color: #fbfbfb;
	border-bottom: #eee 1px solid;
}
.nav.nav-pills.flex-column li.nav-item a:hover, .nav.nav-pills.flex-column li.nav-item a.active{
	background-color: #f5f5f5;
}
.dropdown-item {
    padding: .25rem 1rem;
}