#hero {
	min-height: 575px;
	position:relative;
	float:left;
	width:100%;
}
#hero .btn {
	font-size: 24px;
}
#hero .btn.btn-primary {
	padding: 14px 30px !important;
}
#hero .flexslider {
	border: none;
	margin-bottom: 0;
	width: 100%;
	overflow: hidden;
	 background: #fff url(images/loader.gif) no-repeat center center;
}
#hero .flexslider .slides {
	position: relative;
	overflow: hidden;
}
#hero .flexslider .slides li {
	background-repeat: no-repeat;
	background-size: cover;
	background-position: top center;
	min-height: 575px;
	position: relative;
}
#hero .golgeli li:after {
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	content: '';
	background: rgba(0, 0, 0, 0.4);
	z-index: 1;
}

#hero .flexslider .slider-text {
	min-height: 575px;
	z-index: 9;
	background-position: 0px !important;
}
#hero .flexslider .slider-text > .slider-text-inner {
	min-height: 575px;
	display: flex;
	align-items: center;	
}
#hero .flexslider .slider-text > .slider-text-inner h1, #hero .flexslider .slider-text > .slider-text-inner h2 {
	margin: 0;
	padding: 0;
	color: white;
}
#hero .flexslider .slider-text > .slider-text-inner h1 {
	margin-bottom: 20px;
	font-size: 50px;
	line-height: 1.3;
	font-weight: 300;
}
@media screen and (max-width: 768px) {
	#hero .flexslider .slider-text > .slider-text-inner h1 {
		font-size: 30px;
	}
}

@media (min-width: 1000px) and (max-width: 1500px) {
	#hero .flexslider .slides li {min-height: 400px !important;}
	#hero {min-height: 400px !important;}
	#hero .flexslider .slider-text {min-height: 400px !important;}
	#hero .flexslider .slider-text > .slider-text-inner {min-height: 400px !important;}
}
#hero .flexslider .slider-text > .slider-text-inner h2 {
	font-size: 20px;
	line-height: 1.5;
	margin-bottom: 30px;
}
#hero .flexslider .slider-text > .slider-text-inner .heading-section {
	font-size: 50px;
}
#hero .flexslider .slider-text > .slider-text-inner .btn {
	padding: 15px 30px;
	color: #fff;
	border: none !important;
	font-size: 18px;
}
#hero .flexslider .slider-text > .slider-text-inner .btn:hover {
	background: #fff !important;
	color: #000;
	-webkit-box-shadow: 0px 14px 30px -15px rgba(0, 0, 0, 0.75) !important;
	-moz-box-shadow: 0px 14px 30px -15px rgba(0, 0, 0, 0.75) !important;
	box-shadow: 0px 14px 30px -15px rgba(0, 0, 0, 0.75) !important;
}
#hero .flexslider .slider-text > .slider-text-inner .form-inline .form-group {
	width: 100% !important;
	margin-bottom: 10px;
}
#hero .flexslider .slider-text > .slider-text-inner .form-inline .form-group .form-control {
	width: 100%;
	background: #fff;
	border: none;
}
#hero .flexslider .slider-text > .slider-text-inner .lead {
	font-size: 20px;
	color: #fff;
}
#hero .flexslider .slider-text > .slider-text-inner .lead .icon-heart {
	color: #d9534f;
}

.anima { width: auto; height: auto; float: left;  }

.custom-navigation { position: absolute; z-index: 99; top: 46%; width: 100%;  }
.custom-navigation .flex-prev { position: absolute; left: 0px; }
.custom-navigation .flex-next { position: absolute; right: 0px; }

/* SLIDE ARROW */
.ok { width: 40px; height: auto; background: rgba(0,173,171,1); padding: 10px; cursor: pointer; -webkit-transition: 0.5s;
		-o-transition: 0.5s;
		transition: 0.5s; display: block;  z-index:250; position:relative;  }
.ok img { width: 100%; height: auto;  }

.ok:hover { background: rgb(199, 167, 20); }

.ok .next { fill: rgba(255,255,255,1);  }
.ok .prev { fill: rgba(255,255,255,1);  }

.ok:hover .next { fill: rgba(255,255,255,1);  }
.ok:hover .prev { fill: rgba(255,255,255,1);  }

/* SLIDE PAGE */
.direction_nav { display: block; }
.flex-control-nav { bottom: 20px; z-index: 2; display: block; }

.cc_luna li{
	-webkit-transition: 0.5s;
		-o-transition: 0.5s;
		transition: 0.5s;
	border-radius: 50%;
	box-shadow: 0 0 0 2px rgba(255,255,255,1);
	-webkit-transition: box-shadow 0.3s ease;
	transition: box-shadow 0.3s ease;
	background:transparent;
	width:11px;
	height:11px;
}

.cc_luna li a {
	-webkit-transition: background-color 0.3s ease, -webkit-transform 0.3s ease;
	transition: background-color 0.3s ease, transform 0.3s ease;
-webkit-transition: 0.5s;
		-o-transition: 0.5s;
		transition: 0.5s;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	outline: none;
	border-radius: 50%;
	background-color: rgba(0,168,181,1);
	text-indent: -9999px;
	cursor: pointer;
	display: block;
}

.cc_luna .selected, .cc_luna li:hover {
		box-shadow: 0 0 0 2px rgba(0,168,181,1);
		border: none;
		border-radius: 50%;
		background: transparent;
		-webkit-transition: 0.5s;
		-o-transition: 0.5s;
		transition: 0.5s;
}

.cc_luna .flex-active,
.cc_luna .li:hover a{
 transform: scale(0.4);
 -webkit-transform: scale(0.4);
 background-color:rgba(255,255,255,1);
 -webkit-transition: 0.5s;
		-o-transition: 0.5s;
		transition: 0.5s;
}


/* CC MORPHY */

.cc_morphy li a {
	width:12px;
	height:12px;
	position:relative;
	background:rgba(0,168,181,1);
	border:1px solid rgba(255,255,255,1);	
	cursor: pointer;
	box-sizing:content-box;
	text-indent: -9999px;
	display: inline-block;
	-webkit-transition: 0.5s;
		-o-transition: 0.5s;
		transition: 0.5s;
}


.cc_morphy li:hover a {
	background: rgba(255,255,255,1); border:1px solid rgba(0,168,181,1);
}

.cc_morphy .flex-active { background: rgba(255,255,255,1); border:1px solid rgba(0,168,181,1); }


.cc_matrix li a {
	width:12px;
	height:12px;
	position:relative;
	background:rgba(0,168,181,1);
	border: 2px solid rgba(255,255,255,1);
	border-radius:50%;
	cursor: pointer;
	box-sizing:content-box;
		box-shadow: 0px 0px 2px 1px rgba(130,130,130, 0.3);
		text-indent: -9999px;
	display: inline-block;
	-webkit-transition: 0.5s;
		-o-transition: 0.5s;
		transition: 0.5s;
}

.cc_matrix li:hover a {
	background: rgba(255,255,255,1);
		border-color: rgba(0,168,181,1);
}

.cc_matrix .flex-active { 
	background: rgba(255,255,255,1);
		border-color: rgba(0,168,181,1);
}


.cc_matrix2 li a {
	width:12px;
	height:12px;
	position:relative;
		background:rgba(0,168,181,1);
	cursor: pointer;
	box-sizing:content-box;
	text-indent: -9999px;
	display: inline-block;
	-webkit-transition: 0.5s;
		-o-transition: 0.5s;
		transition: 0.5s;
}

.cc_matrix2 li:hover a,
.cc_matrix2 .flex-active {
	background:rgba(255,255,255,1);
}


.cc_matrix2 li a {
	width: 12px;
		height: 12px;
		position: relative;
		background: rgb(153,153,153);
		background: -moz-linear-gradient(top, rgb(153,153,153) 0%, rgb(225,225,225) 100%);
		background: -webkit-linear-gradient(top, rgb(153,153,153) 0%,rgb(225,225,225) 100%);
		background: -o-linear-gradient(top, rgb(153,153,153) 0%,rgb(225,225,225) 100%);
		background: -ms-linear-gradient(top, rgb(153,153,153) 0%,rgb(225,225,225) 100%);
		background: linear-gradient(to bottom, rgb(153,153,153) 0%,rgb(225,225,225) 100%);
		filter: progid:dximagetransform.microsoft.gradient( startcolorstr="rgb(153,153,153)", endcolorstr="rgb(225,225,225)",gradienttype=0 );
		border: 3px solid rgb(229,229,229);
		border-radius: 50%;
		cursor: pointer;
		box-sizing: content-box;
		text-indent: -9999px;
	display: inline-block;
		-webkit-transition: 0.5s;
		-o-transition: 0.5s;
		transition: 0.5s;
}
.cc_matrix2 li:hover a,
.cc_matrix2 .flex-active {
	background: rgb(102,102,102);
}


.slider-text-inner { width: 100%; padding-top: 0px; text-align: center; }
.slider-text-inner .anima { width: 100%; height: auto; display: inline-block;}
.slider-text-inner .slide-title { width: 100%; font-size: 21pt; text-align: center; }
.slider-text-inner .slide-content { text-align: center;  }
.slider-text-inner .slide-content .slide-btn { margin-top: 10px;  }

#hero .ok 
		width: 39px;
		height: 42px;
		background: rgba(0,173,171,1);
		padding: 8px;
		padding-bottom: 4px;
		cursor: pointer;
		-webkit-transition: 0.5s;
		-o-transition: 0.5s;
		transition: 0.5s;
		display: block;

}

#hero { min-height: 575px;  }
#hero .flexslider .slides li { min-height: 575px; }
#hero .flexslider .slider-text { min-height: 575px;   }
#hero .flexslider .slider-text > .slider-text-inner {  min-height: 575px;  }



@media only screen and  (max-width: 479px) { 

#hero { min-height: 575px;  }
#hero .flexslider .slides li { min-height: 575px; }
#hero .flexslider .slider-text { min-height: 575px;   }
#hero .flexslider .slider-text > .slider-text-inner {  min-height: 575px;  }

.slider-text-inner .anima { margin-left:3px; margin-bottom:15%; }
#hero .flexslider .slider-text > .slider-text-inner {align-items: flex-end !important;}

}