@import url('https://fonts.googleapis.com/css?family=Lato:300,400,700');
body{font-family: 'Lato', sans-serif;font-size: 13px;color: #333;border: solid 0px #fff;}

.banner{margin:5px 0px;border-radius: 6px;overflow: hidden;}
.bigblock{background: rgb(58,55,58);
background: linear-gradient(86deg, rgba(58,55,58,1) 0%, rgba(104,82,110,1) 100%);padding:30px 10px;border-radius:7px;color: #fff;margin-bottom: 5px;}
.bigblock h4{font-size:20px;}
.bigblock a{color:#fff;font-size: 11px;}
.border-rightw{border-right:solid 3px #fff;}
.border-leftw{border-left:solid 3px #fff;}
.block{padding:30px 20px;border-radius: 7px;color: #fff;text-align: center;margin-bottom: 5px;}
.block h3 small{display:block;font-size: 13px;}
.wrapper{padding:7px;}
.bgdark{background: rgb(58,55,58);
background: linear-gradient(86deg, rgba(58,55,58,1) 0%, rgba(104,82,110,1) 100%);color: #fff;}
#ust {
	position: fixed;
	height: 40px;
	top: -10px;
	left: 0;
	right: 14px;
	z-index: 99999999999999999999
}
#ust #menuac {
	position: absolute;
	top: 22px;
	right: 0;
	cursor: pointer;
	padding: 19px 30px 20px 10px;
	border-left: 0 solid #666
}
#ust #menuac span {
	cursor: pointer;
	height: 3px;
	width: 23px;
	background: #fff;
	position: absolute;
	display: block;
	content: '';
	transition: all 500ms ease-in-out
}
#ust #menuac span:before {
	cursor: pointer;
	height: 3px;
	width: 23px;
	background: #fff;
	position: absolute;
	display: block;
	content: '';
	top: -7px;
	transition: all 500ms ease-in-out
}
#ust #menuac span:after {
	cursor: pointer;
	height: 3px;
	width: 23px;
	background: #fff;
	position: absolute;
	display: block;
	content: '';
	bottom: -7px;
	transition: all 500ms ease-in-out
}
#ust #menuac.acik span {
	background-color: transparent
}
#ust #menuac.acik span:before {
	top: 0;
	transform: rotate(45deg);
	-moz-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	-o-transform: rotate(45deg);
	-webkit-transform: rotate(45deg);
	bottom: 0
}
#ust #menuac.acik span:after {
	top: 0;
	transform: rotate(-45deg);
	-moz-transform: rotate(-45deg);
	-ms-transform: rotate(-45deg);
	-o-transform: rotate(-45deg);
	-webkit-transform: rotate(-45deg)
}
.mainmenu {
	position: fixed;
	left: -300px;
	-webkit-transition: all .5s ease;
	-moz-transition: all .5s ease;
	transition: all .5s ease;
	width: 300px;
	height: 100%;
	background: rgb(58,55,58);
background: linear-gradient(86deg, rgba(58,55,58,1) 0%, rgba(104,82,110,1) 100%);
	z-index: 9999;
	display: block;top:0px;
}
.mainmenu ul{margin:0px;padding: 0px;list-style: none;}
.mainmenu ul li a{display:block;color: #fff;padding: 10px 20px;border-bottom: solid 1px rgba(255,255,255,.1)}
.mobmenu-acik {
	left: 0;
	top: 0px;
	z-index: 999999
}
.form-control{border-radius:30px;}
.center {
	text-align: center
}
.btn{border-radius:30px;    background: rgb(255,80,63);
    background: linear-gradient(86deg, rgba(255,80,63,1) 0%, rgba(246,115,27,1) 100%);color: #fff;font-weight: 700}
.mainmenu ul.menu {
	margin: 0;
	padding: 0;
	list-style: none
}
.mainmenu ul.menu li a {
	padding: 10px;
	display: block;
	list-style: none;
	color: #fff;
	border-bottom: 1px solid #ec6557
}
#icerik {
	padding: 50px 10px 10px;
	border: 1px solid #ddd;
	height: 1000px;
	background: #fff
}
.main-heading{text-align: center;font-size: 20px;padding:10px 0px;display: table;margin: auto;border-bottom: dashed 2px rgba(255,255,255,.1);margin-bottom: 30px;margin-top: 20px;}
#header {
background-image: radial-gradient( circle 934px at 6% 39.5%,  rgba(255,35,90,1) 0.2%, rgba(255,35,144,1) 54.8%, rgba(250,99,160,1) 93.4% );height:150px;}
 .logo {
    display:table;margin:auto;}
.wrapper {width:90%;display:table;margin:auto;padding:20px;background:#fff;margin-top:-30px;border-radius:10px;box-shadow:0px 0px 40px rgba(0,0,0,.2)
}