/* Reset *************/
#destek ol, #destek ul{list-style:none;}
#destek a{text-decoration:none;}
#destek div, #destek ul, #destek li, #destek aside, #destek main, #destek header, #destek article, #destek form, #destek figure, #destek nav, #destek section, #destek mark, #destek input, #destek textarea, #destek a, #destek p, #destek footer, #destek address, #destek h1, #destek h2, #destek h3, #destek h4, #destek h5, #destek h6{box-sizing:border-box!important;}
#destek body, #destek a, #destek p, #destek h1, #destek h2, #destek h3, #destek h4, #destek h5, #destek h6, #destek b, #destek span, #destek ul, #destek li{font-family: 'Roboto', sans-serif;}
#destek input, #destek select, #destek textarea, #destek button, #destek label{outline:none!important;}
#destek a:hover{text-decoration:none;} #destek figure, #destek p, #destek ul{padding:0; margin:0;}


/* Desktop *************/
#destek{position:fixed; z-index:1001; left:30px; bottom:30px;}
#destekKontrol{background:#2db742; transition:all ease 0.8s; transition:all ease 0.3s; cursor:pointer; width:60px; height:60px; text-align:center; position:absolute; left:0; bottom:0; border-radius:50%; -webkit-box-shadow:0px 0px 28px -5px rgba(0,0,0,0.9); -moz-box-shadow:0px 0px 28px -5px rgba(0,0,0,0.9); box-shadow:0px 0px 28px -5px rgba(0,0,0,0.9);}
#destekKontrol .destekAc{margin-top:17px; width:30px; margin:auto; height:60px; display:block; transition:all ease 0.8s; position:absolute; top:0; left:15px;}
#destekKontrol .destekKapat{margin-top:23px; opacity:0; width:15px; margin:auto; height:60px; display:block; position:absolute; top:0; left:23px; transition:all ease 0.8s; }
#destekKontrol span{position:absolute; text-align:left; pointer-events:none; width:170px; font-size:13px; right:-180px; top:22px;}
#destekKontrol:hover{background:#25a238; transition:all ease 0.3s;}
.fadeOut{transform:rotate(360deg);opacity:0;}
.fadeIn{transform:rotate(360deg);opacity:1!important;}
#destekGovde{width:310px; overflow:hidden; min-height:365px; visibility:hidden; padding:0 0 80px 0; z-index:100000; position:absolute; left:0; opacity:0; bottom:40px; transition:all ease 0.5s; background:#fff; border-radius:10px; -webkit-box-shadow: 0px 0px 8px 0px rgba(0,0,0,0.2); -moz-box-shadow: 0px 0px 8px 0px rgba(0,0,0,0.2); box-shadow: 0px 0px 8px 0px rgba(0,0,0,0.2);}
.govdeFadeIn{bottom:80px!important; visibility:visible!important; opacity:1!important; transition:all ease 0.5s;}
.destekKapali{background:#d11c1c!important; transition:all ease 0.8s;}
.destekKapali span{color:#d11c1c!important;}
#destekBaslik{width:100%; height:50px; line-height:50px; border-bottom:1px solid #e1e1e1; text-align:center; font-size:14px; color:#000;}
#destekGovde > a >figure{float:left; width:60px;}
#destekGovde > a >div{float:left; width:210px;}
#destekGovde > a > figure > span{display:block; color:#000; font-size:36px;}
#destekGovde > a > div > span{font-size:18px; display:block; color:#000;}
#destekGovde > a > div > p{font-size:13px; display:block; color:#000;}
#destekGovde > a{padding:15px 20px; width:100%; display:block; border-radius:5px; opacity:0; position:relative; bottom:-40px; transition:all ease 0.5s;}
#destekGovde > a:hover{background:#fafafa;}
#destekGovde > a:after{clear:both; display:table; content:"";}
#destekSosyalMedya{width:100%; height:40px; position:absolute; bottom:0; left:0;}
#destekSosyalMedya span{font-size:13px; float:left; line-height:40px; padding-left:20px;}
#destekSosyalMedya ul{float:right; padding-right:20px;}
#destekSosyalMedya ul li{float:left;}
#destekSosyalMedya ul li a{width:30px; height:40px; line-height:40px; text-align:center; display:block; color:#000; font-size:18px;transition:all ease 0.2s;}
#destekSosyalMedya ul li a:hover{background:#fafafa; transition:all ease 0.2s;}
.destekfadeIn{bottom:0!important; opacity:1!important; transition:all ease 0.5s;}
#destekForm >figure{float:left; width:60px;}
#destekForm >div{float:left; width:210px;}
#destekForm > figure > span{display:block; color:#000; font-size:36px;}
#destekForm > div > span{font-size:18px; display:block; color:#000;}
#destekForm > div > p{font-size:13px; display:block; color:#000;}
#destekForm{padding:15px 20px; width:100%; display:block; border-radius:5px; opacity:0; position:relative; bottom:-40px; transition:all ease 0.5s; cursor:pointer;}
#destekForm:hover{background:#fafafa;}
#destekForm:after{clear:both; display:table; content:"";}
#destekForm section{width:100%; float:left; height:0; visibility:hidden; opacity:0; transition:all ease 0.5s;}
#destekForm input{width:100%; height:40px; line-height:40px; padding-left:10px; border:1px solid #fafafa; transition:all ease 0.3s; background:#fafafa; font-size:12px; margin-bottom:10px; border-radius:3px; display:block;}
#destekForm textarea{width:100%; height:80px; padding:10px; border:none; background:#fafafa; font-size:12px; margin-bottom:10px; border-radius:3px; display:block; border:1px solid #fafafa; transition:all ease 0.3s;}
#destekForm textarea:hover{transition:all ease 0.3s;-webkit-box-shadow: 0px 0px 8px 0px rgba(0,0,0,0.2); -moz-box-shadow: 0px 0px 8px 0px rgba(0,0,0,0.2); box-shadow: 0px 0px 8px 0px rgba(0,0,0,0.2);}
#destekForm section div{width:100%; margin-bottom:10px; display:block;}
#destekForm button{width:100%; height:40px; border:none; line-height:40px; background:#2db642; color:#fff; font-weight:bold; text-align:center; border-radius:3px; cursor:pointer; display:block;}
#destekForm button:hover{background:#209031;}
.destekFormfadeIn{visibility:visible!important; opacity:1!important; transition:all ease 0.5s;}
.hoverBg{background:none!important;}
#destekForm input:first-child{margin-top:20px;}
#destekForm input:hover{transition:all ease 0.3s;-webkit-box-shadow: 0px 0px 8px 0px rgba(0,0,0,0.2); -moz-box-shadow: 0px 0px 8px 0px rgba(0,0,0,0.2); box-shadow: 0px 0px 8px 0px rgba(0,0,0,0.2);}


/* Mobil *************/
@media screen and (min-width:180px) and (max-width:766px) {
	#destek{width:100%; left:0; right:auto; bottom:0;}
	#destekKontrol{left:10px; right:auto; bottom:10px;}
	#destekGovde{position:relative; left:0; top:0; padding-top:80px; bottom:auto!important; border-radius:0; width:100%; min-height:calc(100vh - 60px); display:none;}
	#destekSosyalMedya ul li a{width:40px; font-size:24px;}
	.destekKapali{border-radius:0!important; left:0!important; right:auto!important; bottom:0!important; transition:all ease 0.3s; position:relative!important; float:right;}
	.govdeFadeIn{display:block!important;}
	#destekKontrol span{display:none;}
}