/*
    Theme Name: Encon
    Theme URL: http://www.encon.com.tr
    Description: Encon Web Sitesi
    Author: DWT Mandalina
    Author URI: http://www.mandalina.com.tr | hasan@mandalina.com.tr
    Version: v1.0
*/

@import url(https://fonts.googleapis.com/css?family=Raleway:400,200&subset=latin-ext);
/* CSS Document */

html, body {
	height: 100%;
	font-family: 'Raleway', sans-serif;
	font-weight: 400;
	font-size: 16px;
	color: #fff;
}
h1, h2, h3, h4, h5, h6 {
	text-transform: uppercase;
	font-weight: 200 !important;
}
a {
	color: #fff;
	text-decoration: none;
	-webkit-transition: all 1s ease;
	-moz-transition: all 1s ease;
	-o-transition: all 1s ease;
	transition: all 1s ease;
}
a:hover {
	color: #D0D0D0;
	text-decoration:none;
}
p{
	margin-bottom:30px;
}
.lang {
	color: #fff;
	margin: 30px;
}
.navbar-fixed-bottom, .navbar-fixed-top{
	position:absolute;
}

/*Home Navigator*/
.encon-cev{
	width:200px;
	height:60px;
	background-image:url(../images/encon_cev.png);
	background-size:contain;
	background-repeat:no-repeat;
	background-position:center;
	float:left;

}
.encon-lab{
	width:200px;
	height:60px;
	background-image:url(../images/encon_lab.png);
	background-size:contain;
	background-repeat:no-repeat;
	background-position:center;
	float:right;
}
.encon-cev:hover{
	background-image:url(../images/encon_cev_hover.png);
}
.encon-lab:hover{
	background-image:url(../images/encon_lab_hover.png);
}

/* Main Slider */

.main-slider {
	background-color: #313131;
	width: 100%;
	height: 100%;
}
.carousel {
	height: 100%;
}
.carousel-indicators {
	width: 10% !important;
    bottom: 50% !important;
    right: 0% !important;
    left: auto;
}
.carousel-indicators li {
	width: 12px;
	height: 12px;
	display:block;
	border: 1px solid #fff;
	margin-bottom: 5%;
}
.carousel-indicators .active {
	width: 12px;
	height: 12px;
	background-color: #fff;
	margin-left:1px;
	margin-bottom: 5%;
}
.carousel-inner {
	height: 120%;
	overflow:auto;
}
.carousel-inner .item {
	background-size: cover !important;
	background-color: #313131;
	height: 100%;
}
.carousel-fade .carousel-inner .item {
	opacity: 0;
	-webkit-transition-property: opacity;
	-moz-transition-property: opacity;
	-o-transition-property: opacity;
	transition-property: opacity;
}
.carousel-fade .carousel-inner .active {
	opacity: 1;
}
.carousel-fade .carousel-inner .active.left, .carousel-fade .carousel-inner .active.right {
	left: 0;
	opacity: 0;
	z-index: 1;
}
.carousel-fade .carousel-inner .next.left, .carousel-fade .carousel-inner .prev.right {
	opacity: 1;
}
.carousel-fade .carousel-control {
	z-index: 2;
}
.carousel-caption {
	text-align: center;
	top:16vh;
	bottom:auto;
}
.slider-title {
	font-size:26px;
}
.brand-logo{
	width:100%;
	min-height:50px;
	margin-top:-45px;
	margin-bottom:15px;
	display:block;
}
.logo{
	position: absolute;
  	left: 50%;
  	top: -70px;
  	margin-left: -120px;;
}

@media(max-width:768px){
	.logo{
		width: 120px;
		height:auto;
	  left: 145px;
	}
	.slider-title {
		font-size:24px;
	}
	.carousel-caption {
		top: 15%;
	}
	.encon-cev, .encon-lab{
		width:150px;
		height:50px;
	}
	.encon-btn{
		margin: 3px auto;
	    float: left;
	    width: 100%;
	}
	.carousel-indicators li, .carousel-indicators .active{
		margin-bottom:10%;
	}
	.carousel-indicators{
		right: -2% !important;
	}
	.brand-logo img {
   	 width: 150px;
   	 min-height: auto;
   	 float: left;
   	 position: fixed;
   	 top: 10px;
   	 left: 15px;
	}
}

@media(min-width:320px) and (max-width:767px){
	.slider-title{
		font-size:14px;
	}
	p{
		font-size:10px;
	}
	.carousel-caption {
    top: 50%;
		margin-top:-250px;
	}
	.encon-cev, .encon-lab {
	    width: 100px;
	    height: 25px;
	}
.encon-cev img, .encon-lab img{
	    width: 100px;
	    height: auto;
	}
}