body {
	font-family: 'Raleway', sans-serif;
}

.close { font-size:40px !important; }

.modal.modal-wide .modal-dialog {
  width: 90%;
}
.modal-wide .modal-body {
  overflow-y: auto;
}


.mainHeader {
	
	margin-top:20px;
	
}


.mobileMenu { display: none; }



.golge {
	background-image:url(../img/golge.jpg);
	background-position: top center;
	background-repeat: no-repeat;
	height: 38px;
	margin-bottom:30px;
}

.menu { padding-top:70px; }

.menu ul li { 
	float:right;
	list-style: none;
	font-size: 23px;
	color:#a19d97;
	border-right: 2px solid #dbdbdb;
	padding-right: 30px;
	padding-left: 30px;
}

.menu ul li a { 
	
	color:#a19d97; 

}

#menu1 {
	
	font-size:20px;
	border-bottom:1px solid #cdcdcd; 
	padding-bottom:10px;
	
}

#menu2 {
	
	font-size:20px;
	border-bottom:1px solid #cdcdcd; 
	padding-bottom:10px;
	padding-top:10px;
	
}

#menu2 a { color:#a3a3a3; }

#menu3 a { color:#a3a3a3; }

#menu3 {
	
	font-size:20px;
	padding-bottom:10px;
	padding-top:10px;
	
}

.menu ul li a:hover { text-decoration: none; color:#8f8981; } 

.menu-right { padding-right: 0px !important; border-right:0px !important; }

.menuHemenBasla { color:#bd1823 !important; font-weight: bold; }

.menuHemenBasla:hover { color:#ae150a !important; }


.degrade { 

	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+0,dcdcdc+100 */
background: rgb(255,255,255); /* Old browsers */
background: -moz-linear-gradient(top, rgb(255,255,255) 0%, rgb(220,220,220) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, rgb(255,255,255) 0%,rgb(220,220,220) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, rgb(255,255,255) 0%,rgb(220,220,220) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#dcdcdc',GradientType=0 ); /* IE6-9 */

padding-bottom:50px;

}


.yardim { font-size: 17px; color:#bd1823; font-weight: bold; }

.yardim:hover { color:#da1f12; }

.altBar { color:#a19d97;  font-size: 17px; margin-top:50px; margin-bottom:50px; }


.altBar a { color:#a19d97; text-decoration: none; }




.sonucMobile { font-size:30px; color:#bd1823; margin-top:0px; }

.sonucAltTxtMobile { font-size:40px; color:#bd1823; margin-top:10px; margin-bottom:20px; }



.formPadding { padding-top:100px; padding-bottom:100px;}


.inputContainer {

	border-radius: 20px; 
	border:2px solid #d3d3d3;

}

.inputContainer input[type=text] {

	width: 93%;
	border:none;
	background-color:transparent;
	height: 60px;
	font-weight: bold;
	font-size: 25px;
	color:#636363;

}

.btnKayit {
	
	height: 60px;
	width: 100%;
	border-radius: 20px;
	font-size: 25px;
	font-weight: bold;
	background-color:#bd1823;
	border-color:#bd1823;
	-webkit-transition: 0.7s;
    -o-transition: 0.7s;
    transition: 0.7s;
}


.btnKayit:hover {
	border-color:#da1f12;
	background-color:#da1f12;
	text-decoration: none;
	color:#da1f12;
	-webkit-transition: 0.7s;
	-o-transition: 0.7s;
	transition: 0.7s;
	color:#ffffff;
}


.formBaslik {

	font-size:25px;
	font-weight: 300;
	color:#666666;
	padding-bottom:30px;
	padding-left:25px;
	
}


.padding10 { padding:10px; }



textarea:hover, 
input:hover, 
textarea:active, 
input:active, 
textarea:focus, 
input:focus,
button:focus,
button:active,
button:hover,
label:focus,
.btn:active,
.btn.active
{
    outline:0px !important;
    -webkit-appearance:none;
}


.alertDask {

	border-radius: 60px;
	font-size: 20px;
	font-weight: 300;
	
}



.list-container { 

	width: 100%;
	border-radius: 60px;
	border:2px solid #c5c5c5;
	font-size: 18px;
	color:#676767;
	margin-bottom:15px;
	overflow: hidden;
	padding:10px;
	padding-left:30px;
	padding-right: 30px;
	
}


.puanCol {
	
	color:red;
	font-weight: bold;
	
}



.puanList {

	font-size:30px;
	font-weight: 300;
	margin-top:30px;
	color: #676767;
	margin-bottom:30px; 
	padding:10px;
	
}


.pagination>.active>a, .pagination>.active>span, .pagination>.active>a:hover, .pagination>.active>span:hover, .pagination>.active>a:focus, .pagination>.active>span:focus {

	background-color:#c03a2a;
	border-color:#c03a2a;
	
}

.pagination>li>a, .pagination>li>span {
    position: relative;
    float: left;
    padding: 6px 12px;
    line-height: 1.42857143;
    text-decoration: none;
    color: #676767;
    background-color: #fff;
    border: 1px solid #ddd;
    margin-left: -1px;
}



/*
* Media Queries
*******************/

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

	
	.menu { padding-top:70px; }

	.menu ul li { 
		float:right;
		list-style: none;
		font-size: 20px;
		color:#a19d97;
		border-right: 2px solid #dbdbdb;
		padding-right: 30px;
		padding-left: 30px;
	}

	.menu ul li a { 

		color:#a19d97; 

	}

	.menu ul li a:hover { text-decoration: none; color:#8f8981; } 

	.menu-right { padding-right: 0px !important; border-right:0px !important; }
	
	
}

@media only screen and (max-width : 992px) {
	
	.logo {  }
	
	.menu { padding-top:30px; } 
	
	.menu ul { display:none; }
	
	.hamburger { display:block !important; text-align: right !important; }
	
	.mainHeader { padding-left:30px; padding-right: 30px; }
	
	.katilTus { width: 300px !important; height: 110px !important; }
	
}


@media only screen and (max-width: 767px) {
	
	.katilTus { width: 200px !important; height: 73px !important;  }
	
	.logoImg { width: 70px; height: 70px; }
	
	.hamburgerImg { width: 40px; height: 40px; }
	
	.golge { display:none; }
	
	.sonucMobile { font-size:20px; color:#e2251c; margin-top:20px; }

	.sonucAltTxtMobile { font-size:25px; color:#e2251c; margin-top:5px; margin-bottom:20px; }
	
	
}


@media only screen and (max-width : 580px){
		
	.yardim { font-size:12px !important; }
	
	.degrade { padding-bottom:10px !important; }
	
	.altBar { font-size:12px !important; margin-top:20px !important; }
	
	.mobileText { font-size: 14px; }
	
	.puanList { margin-bottom:20px !important; }
	
}


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


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


}

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


}

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


}


@media only screen and (min-width : 1200px) {



}

@media only screen and (min-width : 1360px) {


}

@media only screen and (min-width : 1439px) {


}

@media only screen and (min-width : 1599px) {



}