.header{
	height: 100%;
	background-image: url('../images/sogukcay_banner_2020.jpg');
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center;

}
.header.subpage{
	background-size: 100% 70%;
	background-position: top center;


}
.cayzemin{
	background-image: url('../images/cay_zemin.png');
    background-position: center;
}
.header .header_nav{
	padding-right: 0;	
	z-index: 101;
} 
.header .logo_con{
	padding-top: 20px;
	padding-left: 5px;
}
.navbar-inverse{
	background-color: transparent;
	border:0
}
.navbar-collapse{
	float: right;
	margin-top: 5px;
	padding-right: 0;
}
.navbar-inverse .nav li a{
	color: #000;
	line-height: 13px;
    text-align: center;
    font-size: 12px;
    font-family: Verdana, Tahoma, Geneva, sans-serif;
    padding: 15px 19px;
    font-weight: 600;
}

.navbar-inverse .nav li .anaico{
	padding-top: 10px;
	padding-right: 5px;
}
.nav li span.text{display: none;}
.nav li span.icon-anasayfa{
	display: block;
	width: 28px;
	height: 22px;
	background: url('../images/anasayfa_beyaz.png');
	background-position: center;
	background-repeat: no-repeat;

}
.navbar-inverse .nav li a:hover{
	color: #FFF;
}
.nav.lang{ margin-left: 20px;}
.nav.lang li a{
	padding-right: 5px;
	padding-left: 5px;
}
.nav.lang li:last-child a{
	padding-right: 0px;

}
.nav.lang li#ayrac{
	padding-top: 11px;
}
.navbar-header{
	position: absolute;
	top: 0;
	right: 30px;
	left: 0;
	width: 100%; 

}
.slogan_2017{
	display: none;
}



.social_group ul{
	float: right;
}
.social_group li{
	float: left;
	list-style-type: none;
	width: 22px;
	height: 22px;
	overflow: hidden;
	border: 1px solid #000;
	border-radius: 14px;
	margin-left: 8px;
	background-position: top center;
	background-size: cover;
	-webkit-transition: all .3s ease .0s;
    -moz-transition: all .3s ease .0s;
    -o-transition: all .3s ease .0s;
    transition: all .3s ease .0s;
	
}
.social_group li.face{background-image: url('../images/facebook_social.png'); }
.social_group li.inst{background-image: url('../images/instagram_social.png'); }
.social_group li.twit{background-image: url('../images/twitter_social.png'); }
.social_group li:hover{
	background-position: bottom center;
	border: 1px solid #FFF;

}

.social_group li a{
	display: block;
	width: 22px;
	height: 22px;
}
.header_slide{
	margin-top: -180px;
}
.header_slide .slogan{
	position: relative;
	width: 232px;
	margin: 0 auto;
}
.header_slide .slogan ul{
	width: 232px;
	height: 138px;
	margin: 0;
	padding: 0;
	overflow: hidden;

}
.header_slide .slogan ul li{
	display: none;
	position: absolute;
	left: 0;
	top: 0;
	list-style-type: none;

}
.header_slide .banner{
	text-align: center;
	margin: 0 auto;
	-webkit-animation-name: movetada;
    animation-name: movetada;
    -webkit-animation-duration: 2s;
    animation-duration: 2s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    -ms-transform-origin: 50% 50%;
    -webkit-transform-origin: 50% 50%;
    transform-origin: 50% 50%;
}
.header_slide .banner img{
	margin: 0 auto;
}
.scrools{
	position: relative;
	text-align: center;
	display: block;
	animation: MoveUpDown 1s linear infinite both;
	margin-left: -23.5px;
	bottom: 0;

}
.movefadeInLeft{
	-webkit-animation-name: movefadeInLeft;
    animation-name: movefadeInLeft;
    -webkit-animation-duration: 2s;
    animation-duration: 2s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    -ms-transform-origin: 50% 50%;
    -webkit-transform-origin: 50% 50%;
    transform-origin: 50% 50%;
}
.movefadeInRight{
    -webkit-animation-name: movefadeInRight;
    animation-name: movefadeInRight;
    -webkit-animation-duration: 2s;
    animation-duration: 2s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    -ms-transform-origin: 50% 50%;
    -webkit-transform-origin: 50% 50%;
    transform-origin: 50% 50%;
}

@keyframes MoveUpDown {
  0% {
    bottom: 0;
  }
  50% {
    bottom: 15px;
  }
  100% {
    bottom: 0;
  }
}
@keyframes movefadeInLeft{
	0% {
	    opacity: 0;
	    -webkit-transform: translate3d(-100px,0,0);
	    transform: translate3d(-100px,0,0);
	}
	100% {
	    opacity: 1;
	    -webkit-transform: none;
	    transform: none;
	}
}

@keyframes movefadeInRight{
	0% {
	    opacity: 0;
	    -webkit-transform: translate3d(100px,0,0);
	    transform: translate3d(100px,0,0);
	}
	100% {
	    opacity: 1;
	    -webkit-transform: none;
	    transform: none;
	}
}


@keyframes movetada{
	0% {
	    -webkit-transform: scale3d(1,1,1);
	    transform: scale3d(1,1,1);
	}
	10%, 20% {
	    -webkit-transform: scale3d(.9,.9,.9) rotate3d(0,0,1,-3deg);
	    transform: scale3d(.9,.9,.9) rotate3d(0,0,1,-3deg);
	}
	30%, 50%, 70%, 90% {
	    -webkit-transform: scale3d(1.1,1.1,1.1) rotate3d(0,0,1,3deg);
	    transform: scale3d(1.1,1.1,1.1) rotate3d(0,0,1,3deg);
	}
	40%, 60%, 80% {
	    -webkit-transform: scale3d(1.1,1.1,1.1) rotate3d(0,0,1,-3deg);
	    transform: scale3d(1.1,1.1,1.1) rotate3d(0,0,1,-3deg);
	}
	100% {
	    -webkit-transform: scale3d(1,1,1);
	    transform: scale3d(1,1,1);
	}
}






.main_prod{

	margin-top: 35px;

}
.main_prod p{
	font-weight: bold;
	line-height: 43px;
	font-family: Helvetica, Helvetica Neue, Arial, sans-serif;
	min-height: 94px;
	color: #39B54A;
	position: relative;
	text-align: center;
	font-size: 36px;
}
.main_prod .main_prod_list{
	text-align: center;
	margin-bottom: 80px;
}
.main_prod .main_prod_list .prod_link{
	display: block;
	text-align: center;
	font-weight: bold;
	font-family: Helvetica, Helvetica Neue, Arial, sans-serif;
	font-size: 14px;
}
.main_prod .main_prod_list .prod_link img{
	text-align: center;
}
.main_prod .main_prod_list .prod_link.seftali{
	color: #F7931E;
}
.main_prod .main_prod_list .prod_link.limon{
	color: #39B54A;
}
.reklam{
	padding-top: 50px;
	padding-bottom: 50px;
	background-color: #FBB03B;
}
.reklam h2{
	text-align: center;
	color: #FFF;
	font-family: Helvetica, Helvetica Neue, Arial, sans-serif;
    font-size: 36px;
    font-weight: bold; 
    padding-bottom: 30px;
}
.contentt{
 
}
.contentt h2{
    font-size: 18px;
    font-weight: bold;
    line-height: 22px;
    font-family: Arial, Helvetica Neue, Helvetica, sans-serif;

}
.contentt p{
    font-size: 13px; 
    line-height: 16px;
}
.footer{

	background-image: url('../images/zemin.jpg');
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center;
}
.footer h1{
	text-align: center; 
	color: #009245;
	font-size: 36px; 
	font-weight: bold;
}

.footer_con{
	background-color: #FFF;
	background-image: url('../images/cay_zemin.png');
	background-size: cover;

	 
	background-repeat: no-repeat;
	padding-top: 30px;
	padding-bottom: 200px;

}
.footer_con .footer_adres{
	
}
.footer_con .footer_adres a{ color: #000; text-decoration: none;}
.footer_con .footer_adres a:hover{ color: #ccc;}
.footer_con .footer_adres span{
	margin-top: 20px;
	display: block;
	font-size: 14px;
    font-family: Lucida Sans, Lucida Grande, Lucida Sans Unicode, sans-serif;
}
.footer_con .footer_adres .tel{
	color: #000;
	line-height: 37px;
    font-size: 31px;

}

.footer_con .footer_social{
	text-align: center;
}
.footer_con .footer_adres{
	text-align: center;
}
.footer .foot_bot{
	text-align: center;
	margin-top: -140px;
}
.footer .foot_bot .doguscay_logo{
	float: right;
}
.footer .foot_bot .foot_nav{
	float: left;
}
.footer .foot_bot .foot_nav a{
	color: #FFF;
}
.footer .foot_bot img{
	text-align: center;
}
.footer .foot_bot #top{
	position: absolute;
	right:30px;
	top: 80px;
}
.sosyal{
	display: table;
	text-align: center;
	position: relative;
	margin:30px auto;
}
.sosyal a{
	float: left;
	display: block;
	width: 45px;
	height: 46px;
	background-position: center top;
	border: 1px solid #9B9B9B;
	border-radius: 23px;
	margin: 8px;
	-webkit-transition: all .3s ease .0s;
    -moz-transition: all .3s ease .0s;
    -o-transition: all .3s ease .0s;
    transition: all .3s ease .0s;
}
.sosyal a.facebook_iletisim{background-image: url('../images/facebook_iletisim.png');}
.sosyal a.instagram_iletisim{background-image: url('../images/instagram_iletisim.png');}
.sosyal a.twitter_iletisim{background-image: url('../images/twitter_iletisim.png');}
.sosyal a:hover{background-position: center bottom;}

.foot_bot{
	padding-bottom: 20px;
}
.foot_bot .foot_bot_con{
	margin-top: -35px;
}
.foot_bot .foot_nav a{
    text-align: center;
    font-size: 10px;
    font-family: Verdana, Tahoma, Geneva, sans-serif;
    color: #FFF;
    margin-right: 45px;
}
.foot_bot .doguscay_logo{
    float: right;
    margin-top: -36px;
}

.foot_bot .cpy{
	color: #FFF;
	font-size: 9px;
	line-height: 11px;
	padding-top: 15px;
	padding-bottom: 10px;
}




@media (max-width: 480px){
	.header{
		background-size: cover;
		background-repeat: no-repeat;
		background-position: bottom right;

	}
	.slogan_2017{
		position: absolute;
		top: 293px;
		left: 76px;
		display: block;
	}
	.slogan_2017 img{
		text-align: center;
	}
	.header_nav{
		position: absolute;
		width: 100%;
		top: 0;
		right: 0;
		left: 0;
		padding-left: 0;
		padding-right: 0;

	}

	.navbar-collapse{
		width: 100%;
		padding-top: 50px;
		background-color: rgba(255,255,255,0.9);
		margin-top: 0; 
		border: 0;

	}
	.header .container{padding-left: 0;padding-right: 0;}
	.header .logo_con{
		padding-left: 30px; 
		padding-top: 20px;	

	}
	.header .logo_con img{
		width: 100%;
		height: 100%;
	}
	.navbar-nav{ 
		width: 100%;
		top: 0px;
		margin: 0;
	}
	.nav li{
		padding: 0 25px;
	}
	.nav li span.text{display: block;}
	.nav li span.icon-anasayfa{display: none;}

	.navbar-inverse .navbar-nav li a{
		border-bottom: 1px solid #7F7F7F;
	    
	    color: #000000;
	    text-align: center;
	    font-size: 13px;
	    font-family: Verdana, Tahoma, Geneva, sans-serif;
	}
	.navbar-inverse .navbar-toggle{border: 0;}
	.navbar-inverse .navbar-toggle .icon-bar{background-color:#000;}
	.navbar-inverse .navbar-toggle:focus, .navbar-inverse .navbar-toggle:hover{background-color: transparent;}
	.navbar-nav.lang{ 
		 width: auto;
		 float: left;	
	}
	.navbar-nav.lang li {
		float: left;
		padding: 0;	
		
	}
	.navbar-nav.lang li a{
		border: 0;
	}
	.main_prod_list img{
		width: 100%;

	}
	.header_slide{
		margin-top: 0;
	}
	.social_group{
		float: right;
		padding: 15px 25px;
	}
	.scrools{
		margin-left: 0;
	}
	.footer .foot_bot_con{
		margin-top: 10px;
	}
	.footer .foot_bot_con .foot_nav{
		float: none;

	}
	.footer .foot_bot_con .foot_nav a{
		display: block;
		margin-right: 0;
		padding-bottom: 15px;
	}
	.footer .foot_bot .doguscay_logo{
		float: none;
		text-align: center;
		margin-top: 10px;
	}
	.footer .foot_bot #top{
		right: 10px;
	}
	.footer .foot_bot #top img{
		width: 20px;
	}

}