@charset "utf-8";

* {
	margin:0px;
	padding:0;
	text-decoration:none;
}
textarea{
	resize:none;
}
:focus {
	outline:0;
}
a{
	color:inherit;
}
a:hover{
}
a:visited{
	color:inherit;
}
html, body {
	width:100%;
	height:100%;
} 
body{
	font-family: 'Montserrat', sans-serif;
	font-weight:400;
	letter-spacing:normal;
	overflow-x:hidden;
}

.header-alani {
	background-image: -webkit-linear-gradient(0deg, #f8aa02 0%, #ff7a2c 60%, #fe3c71 100%);
    background-image: -ms-linear-gradient(0deg, #fc8b56 0%, #fc6f56 60%, #fd5656 100%);
    padding-top: 30px;
    padding-bottom: 80px;
	}
	
.container {
    width: 100%;
    padding-right: 15px;
    padding-left: 15px;
    margin-right: auto;
    margin-left: auto;
	max-width: 1140px;
	box-sizing:border-box;
}	

.kslogo {
	float:left;
	width:100%;
	margin-bottom:50px;	
	}


.cihaz {
	float:left;
	width:30%;	
	}
	
.app-giris-yazilar {
	float:right;
	width:70%;
	text-align:center;
	padding:15% 0;
	}
	
.app-giris-yazilar h1 {
	color:#fff;
	text-align:center;
	font-weight:700;
	font-size:48px;
	margin-bottom:20px;
	width:100%;
	}
	
.app-giris-yazilar p {
	color:#fff;
	text-align:center;
	width:100%;
	line-height:150%;
	margin-bottom:20px;
	}

.appikon {
	width:100%;
	float:left;
	}

.appikon a {
	margin:0 5px;
	}
	
.app-bilgi {
	width:33.33%;
	text-align:center;
	padding:100px 20px;
	box-sizing:border-box;
	float:left;
	}
	
.app-bilgi:hover {
	-webkit-box-shadow: 0px 0px 50px -15px rgba(0,0,0,0.6);
-moz-box-shadow: 0px 0px 50px -15px rgba(0,0,0,0.6);
box-shadow: 0px 0px 50px -15px rgba(0,0,0,0.6);
-webkit-transform: scale(1);

	transform: scale(1);

	-webkit-transition: .3s ease-in-out;

	transition: .3s ease-in-out;
	
	}	
	
.app-bilgi .ikon {
	text-align:center;
	margin-bottom:20px;
	}	
	
.app-bilgi h1 {
	color:#000;
	text-align:center;
	font-weight:700;
	font-size:20px;
	margin-bottom:20px;
	}
	
.app-bilgi p {
	color:#37424f;
	text-align:center;
	font-size:15px;
	font-weight:300 !important;
	line-height:170%;
	}
	
.app-tanitim-alani {
	background-image: -webkit-linear-gradient(0deg, #f8aa02 0%, #ff7a2c 60%, #fe3c71 100%);
    background-image: -ms-linear-gradient(0deg, #fc8b56 0%, #fc6f56 60%, #fd5656 100%);
    padding-top: 80px;
    padding-bottom: 80px;
	}	
	
.app-tanitim-alani .container h1 {
	color:#fff;
	font-weight:700;
	font-size:36px;
	margin-bottom:50px;
	float:left;
	width:100%;
	}
	
.app-tanitim-alani .container .yazilar {
	float:left;
	width:75%;	
	}
	
.app-tanitim-alani .container .yazilar .yazi-grubu {
	float:left;
	width:50%;
	margin-bottom:50px;
	}
	
.app-tanitim-alani .container .yazilar .yazi-grubu .solkolon {
	float:left;
	width:15%;	
	}
	
.app-tanitim-alani .container .yazilar .yazi-grubu .sagkolon {
	float:left;
	width:85%;	
	}
	
.app-tanitim-alani .container .yazilar .yazi-grubu .sagkolon h1 {
	color:#fff;
	font-weight:700;
	font-size:20px;
	margin-bottom:20px;
	float:left;
	text-align:left;
	}
					
.app-tanitim-alani .container .yazilar .yazi-grubu .sagkolon p {
	color:#fff;
	font-size:15px;
	font-weight:300 !important;
	line-height:170%;
	float:left;
	}	
	
.app-tanitim-alani .container .telefon {
	float:right;
	width:20%;	
	}	
	
.app-screenshots {
    padding-top: 40px;
    padding-bottom: 40px;
	}
	
.bottom-alani {
	background:#43515d;
    padding-top: 30px;
    padding-bottom: 80px;
	}
	
.bottom-alani h2 {
	    color: #000;
    text-align: center;
    font-weight: 700;
    font-size: 48px;
    margin-bottom: 20px;
    width: 100%;
	}	
	
.bottom-alani .cihaz {
	float:left;
	width:40%;	
	}
	
.bottom-alani .app-giris-yazilar {
	float:right;
	width:60%;
	text-align:center;
	padding:15% 0;
	}									
	

.temiz {
	clear:both;	
	}
	
.footerust {
	width:100%;
	background-color:#374450;
	padding:15px 0 15px 0;
	float:left;
	}
	
.sayfapaylas {
	float:left;
	margin-left:15%;
	}
	
.sayfapaylas p {
	color:#FFF;
	font-size:14px;
	font-weight:400;
	float:left;
	}

.sosyal {
	float:left;	
	}
	
.koraysporlogo {
	float:right;	
	margin-right:15%;
	}		

.ticarihaklar {
	margin:0 auto;
	text-align:center;
	font-size:11px;
	color:#cfcfcf;
	border-top:1px solid #43515d;
	padding:20px 5px;
	width:100%;
	background-color:#374450;
	}
	
	
.video {

			float:right;

			width:75%;

			margin-left:30px;


			}

		.butonlar {

			float:left;

			height:auto;

			width:18%;

			padding-top:7%;

			}

		.desktop {

			margin:0 auto;

			margin-bottom:50px;

			}

		.desktopikon {

			width:70px;

			height:70px;

			margin:0 auto;
			
			background-image:url(../images/playstore.png);
			

			background-repeat:no-repeat;

			}

		.desktopikon_kucuk {

			width:50px;

			height:50px;

			margin:0 auto;

			background-image:url(../images/desktop_kucuk.png);

			background-repeat:no-repeat;

			display:none;

			}	

		.desktopyazi {

			color:#fff;

			background-color:#43515d;

			text-align:center;

			letter-spacing:-1px;	

			-webkit-border-radius: 10px;-moz-border-radius: 10px;border-radius: 10px;

			padding:12px 10px;

			}

		.desktopyazi:hover {

			background-color:#ff7a2c;

			}	

		.mobil {

			width:100%;

			margin:0 auto;

			}

		.mobilikon {

			width:70px;

			height:70px;

			margin:0 auto;

			background-image:url(../images/appstore.png);

			background-repeat:no-repeat;

			}

		.mobilikon_kucuk {

			width:50px;

			height:50px;

			margin:0 auto;

			background-image:url(../images/mobil_kucuk.png);

			background-repeat:no-repeat;

			display:none;

			}	

		.mobilyazi {

			color:#fff;

			background-color:#43515d;

			text-align:center;

			letter-spacing:-1px;	

			-webkit-border-radius: 10px;-moz-border-radius: 10px;border-radius: 10px;

			padding:12px 10px;

			}

		.mobilyazi:hover {

			background-color:#ff7a2c;

			}	

	
.modeller {
	margin:0 auto;	
	}
.modellistele {
	float:right;	
	}	
.modellistele ul {
	list-style:none;	
	}	 		
.modellistele ul li {
    display: inline;
	}
	
.modellistele ul li a {
	padding:10px 15px;
	float:left;
	background: #6c3e27;
	}	
	
.modellistele ul li a:hover {
    background: #000;
	}	
	
.modellistele ul li:first-child a {
   	background: #000;
	}	
	
@media (min-width: 768px) {
  .modeller {
    width: 750px;
  }

}
@media (min-width: 992px) {
  .modeller {
    width: 970px;
  }

}
@media (min-width: 1200px) {
  .modeller {
    width: 1170px;
  }
}	
	
/**/

.sosyalIcon {float:left; margin-top:10px;}
.sosyalIcon.sosyalres {display:none;}
.sosyalIcon li { float:left; width:30px; height:30px; background:url(../images/sosyalicon.png) no-repeat; margin-right:15px; margin-bottom:10px; }
.sosyalIcon li a{width:30px; height:30px; display:inline-block; cursor:pointer;}
.sosyalIcon li.fb {background:url(../images/sosyalicon.png) 0px 0 no-repeat;}
.sosyalIcon li.tw {background:url(../images/sosyalicon.png) -30px 0 no-repeat;}
.sosyalIcon li.gp {background:url(../images/sosyalicon.png) -60px 0 no-repeat;}
.sosyalIcon li.pt {background:url(../images/sosyalicon.png) -90px 0 no-repeat;}
.sosyalIcon li.rss {background:url(../images/sosyalicon.png) -120px 0 no-repeat;}
.sosyalIcon li.blog {background:url(../images/sosyalicon.png) -150px 0 no-repeat;}

.sosyalIcon li:hover {background-position-y:bottom;}											

.temiz {
	clear:both;	
	}	
	
/* media queries */

		
		
		@media screen and (max-width:1024px) {
			
			.sayfapaylas {
				margin-left:30px;
				}
			.koraysporlogo {	
				margin-right:30px;
				}				
		}	
		@media screen and (max-width:768px) {
				
		}

		@media screen and (max-width:650px) {
			.cihaz {
				width: 100%;
				text-align: center;
			}
			
			.app-giris-yazilar {
				text-align:center;
				width:100%;
				}
			.app-giris-yazilar h1 {
				font-size:36px;
				width:100%;	
				}	
			.app-giris-yazilar p {
				width:100%;	
				}	
			
			.sayfapaylas {
				margin-left:10px;
				}
			.sayfapaylas p {
				text-align:left;
				}	
			.koraysporlogo {	
				margin-right:10px;
				}
			.koraysporlogo img {
				width:120px;
				height:auto;
				}
			.appikon {
				width:100%;
				}
			
			.appikon a {
				margin:0 5px;
				}
			.appikon a img {
				width:40%;
				}
			.kslogo {
				text-align: center;
			}	
			
			.app-bilgi {
				width:100%;
				padding:20px 20px;
				}	
				
			.app-tanitim-alani .container .yazilar {
				width:100%;	
				}
					
			.app-tanitim-alani .container .telefon {
				display:none;
				}
			
			.app-tanitim-alani .container .yazilar .yazi-grubu {
				width:100%;
				}
				
			.app-tanitim-alani .container .yazilar .yazi-grubu .solkolon {
				width:20%;	
				}
				
			.app-tanitim-alani .container .yazilar .yazi-grubu .sagkolon {
				width:80%;	
				}
				
			.app-tanitim-alani {
				padding-top: 40px;
				padding-bottom: 40px;
				}	
			
			.app-tanitim-alani .container h1 {
				text-align:center;
					}
					
				
			
			
			.bottom-alani .container .yazilar {
				width:100%;	
				}
					
			.bottom-alani .container .telefon {
				display:none;
				}
			
			.bottom-alani .container .yazilar .yazi-grubu {
				width:100%;
				}
				
			.bottom-alani .container .yazilar .yazi-grubu .solkolon {
				width:20%;	
				}
				
			.bottom-alani .container .yazilar .yazi-grubu .sagkolon {
				width:80%;	
				}
				
			.bottom-alani {
				padding-top: 40px;
				padding-bottom: 40px;
				}	
			
			.bottom-alani .container h1 {
				text-align:center;
					}
					
				.bottom-alani .cihaz {
				width: 100%;
				text-align: center;
			}
			.bottom-alani .cihaz img {
				width: 70%;
			}
			
			.bottom-alani .app-giris-yazilar {
				text-align:center;
				width:100%;
				}
			.bottom-alani .app-giris-yazilar h1 {
				font-size:36px;
				width:100%;	
				}	
			.bottom-alani .app-giris-yazilar p {
				width:100%;	
				}	
				
				
			.video {

				width:100%;

				min-height:420px;

			}

			.desktopyazi {


			}

			.mobilyazi {

			

			}

			.butonlar {

				padding-bottom:10px;

				width:100%;

				margin:0 auto;

			}

			.desktop {

				float:left;

				width:40%;

				margin-left:5%;

				margin-bottom:0;

			}

			.mobil {

				float:right;

				width:40%;

				margin-right:5%;

			}	
		
		
								
		}