@media (max-width: 768px) {
      .text-xs-center {
              text-align: center;
       } 
    }
 
.noselect {
	-webkit-touch-callout: none;
	/* iOS Safari */
	-webkit-user-select: none;
	/* Safari */
	-khtml-user-select: none;
	/* Konqueror HTML */
	-moz-user-select: none;
	/* Old versions of Firefox */
	-ms-user-select: none;
	/* Internet Explorer/Edge */
	user-select: none;
/* Non-prefixed version, currently
supported by Chrome, Opera and Firefox */
} 
a,a:hover{color: #DC7633}
.eru:hover{color: white;text-decoration: none;}
.eru{color: black;}
.tit{color: rgb(255, 255, 255);

	font-weight: 600;

	display: inline-block;

	font-size: 3.5em;

	background: #E67E22;

	padding: 20px 20px 10px;

	border-bottom: 9px solid #17202A ;
}


.ss .top{height:260px;
	background:#fff;
	-webkit-transition:all .3s ease 0s;
	-moz-transition:all .3s ease 0s;
	-o-transition:all .3s ease 0s;
	transition:all .3s ease 0s;
	display:-webkit-box;
	display:-webkit-flex;
	display:-moz-flex;
	display:-ms-flexbox;
	display:flex;
	-webkit-box-align:center;
	-ms-flex-align:center;
	-webkit-align-items:center;
	-moz-align-items:center;
	align-items:center;
	-webkit-box-pack:center;
	-ms-flex-pack:center;
	-webkit-justify-content:center;
	-moz-justify-content:center;
	justify-content:center}
	.ss .top .content span{-webkit-transition:all .3s ease 0s;
		-moz-transition:all .3s ease 0s;
		-o-transition:all .3s ease 0s;
		transition:all .3s ease 0s;
		font-size:36px;
		color:#F39C12}
		.ss .top .content h3{
			-webkit-transition:all .3s ease 0s;
			-moz-transition:all .3s ease 0s;
			-o-transition:all .3s ease 0s;
			transition:all .3s ease 0s;
			font-size:20px;
			margin-top:20px}
			.ss .bottom{height:260px;
				background:#2874A6;
				display:-webkit-box;
				display:-webkit-flex;
				display:-moz-flex;
				display:-ms-flexbox;
				display:flex;
				-webkit-box-align:center;
				-ms-flex-align:center;
				-webkit-align-items:center;
				-moz-align-items:center;
				align-items:center;
				-webkit-box-pack:center;
				-ms-flex-pack:center;
				-webkit-justify-content:center;
				-moz-justify-content:center;
				justify-content:center;
				text-align:center;
				padding:30px;
				color:#fff}
				.ss:hover .top{background:#F39C12}
				.ss:hover .top .content span{color:#fff}
				.ss:hover .top .content h3{color:#fff}


.top-content {
width: 100%;
height: calc(80vh );
border-top: solid 2px #2874A6;
background: linear-gradient(rgba(170, 170, 170, 0.24), rgba(26, 140, 166, 0.24)),url(../images/bis.png);
    background-repeat: no-repeat;
    background-position: center;
    min-height: 600px;
    color: #17202A; 
}
 
.sec-content {
width: 100%;
height: calc(70h );
border-top: solid 2px #F4D03F;
/*background:#5dd1e3;*/
background: url(../images/puz.png) #fbfbfb;
background-repeat: no-repeat;
background-position: center;

    min-height: 500px;
    color: #17202A; 
}
 

.baslik{padding-left: 10px;border-left: 9px solid #F39C12 ;border-bottom: 1px solid #F39C12 ;cursor:pointer}
.baslikS{border-right: 9px solid #F39C12 ;border-bottom: 1px solid #F39C12 ;padding-left: 2px;cursor:pointer}