<html>
<head><meta http-equiv="Content-Type" content="text/html; charset=utf-8">
    <!-- Meta Tags -->
    <title>Manutenção!</title>
    
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta name="robots" content="noindex">
    <meta http-equiv="refresh" content="10;">
    <!-- Meta Tags -->
    <!-- Css -->
    <link rel="stylesheet" href="https://www.sitemio.com.tr/templates/system/css/ionicons.min.css">
    <link href="https://fonts.googleapis.com/css?family=Titillium+Web:200,400,600,700&subset=latin-ext" rel="stylesheet">
    <!-- Css -->

    <!-- Js -->
    <script src="https://use.fontawesome.com/aaf32c1a9b.js"></script>
    <!-- Js -->
    
<style>
@charset "utf-8";
body{font-family:'Segoe UI',Helvetica Neue,sans-serif;padding:0;margin:0;font-size:16px;color:#31322a;background:url(https://cdn.discordapp.com/attachments/1049247939937177630/1062583091765461072/image.png);background-color:#13364c;backdrop-filter:blur(15px);background-size: 100% auto;background-repeat: no-repeat;}
#wrapper{width:900px;margin-left:auto;margin-right:auto;margin-bottom:55px}
a,img,input,select,textarea{-webkit-transition:all 0.3s ease-out;-moz-transition:all 0.3s ease-out;-ms-transition:all 0.3s ease-out;-o-transition:all 0.3s ease-out;transition:all 0.3s ease-out}
a{color:#333;text-decoration:none}
input,select,textarea{font-family:'Titillium Web',sans-serif;outline:none;width:96%;padding:8px;font-size:14px;color:#666;border:1px solid #ccc}
input,textarea{-webkit-transition:all 0.30s ease-in-out;-moz-transition:all 0.30s ease-in-out;-ms-transition:all 0.30s ease-in-out;-o-transition:all 0.30s ease-in-out;outline:none}
input:focus,textarea:focus{box-shadow:0 0 5px #00b7be;border:1px solid #00b7be}
.formcon{float:left;width:100%;font-size:14px;border-bottom:1px solid #ccc;padding:7px 0;word-wrap:break-word;display:inline-block;vertical-align:middle}
.kinfo{font-size:13px;font-weight:400;color:#9b9b9b}
.yuzde10{width:9%;display:inline-block;vertical-align:middle}
.yuzde15{width:15%;display:inline-block;vertical-align:middle}
.yuzde20{width:19%;display:inline-block;vertical-align:middle}
.yuzde25{width:25%;display:inline-block;vertical-align:middle}
.yuzde35{width:35%;display:inline-block;vertical-align:middle}
.yuzde30{width:29%;display:inline-block;vertical-align:middle;padding:7px 0}
.yuzde33{width:33%;display:inline-block;vertical-align:middle}
.yuzde40{width:39%;display:inline-block;vertical-align:middle}
.yuzde50{width:49%;display:inline-block;vertical-align:middle}
.yuzde60{width:59%;display:inline-block;vertical-align:middle}
.yuzde70{width:69%;display:inline-block;vertical-align:middle}
.yuzde75{width:74%;display:inline-block;vertical-align:middle}
.yuzde80{width:79%;display:inline-block;vertical-align:middle}
.yuzde90{width:89%;display:inline-block;vertical-align:middle}
.zorunlu{font-weight:bolder;color:red}
.notice{color:orange;font-weight:700}
.error{color:red;font-weight:700}
.padding15{padding:15px}
.padding20{padding:20px}
.padding25{padding:25px}
.padding30{padding:30px}
.red-info{display:inline-block;width:100%;color:#f44336;border:1px solid #f44336}
.orange-info{display:inline-block;width:100%;color:#FF9800;border:1px solid #FF9800}
.green-info{display:inline-block;width:100%;color:#4caf50;border:1px solid #4caf50;-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px;margin-bottom:10px}
.blue-info{display:inline-block;width:100%;color:#00bcd4;border:1px solid #00bcd4;-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px}
.green-info a{color:#4caf50;font-weight:700}
.red-info a{color:#f44336;font-weight:700}
.blue-info a{color:#00bcd4;font-weight:700}
.green-info p{margin:0}
.blue-info p{margin:0}
.red-info p{margin:0}
.green-info i{float:left;font-size:50px;margin:0 35px 17px 20px}
.red-info i{float:left;font-size:50px;margin:0 35px 17px 20px}
.blue-info i{float:left;font-size:70px;margin:3px 35px 15px 20px}
.sbtn{padding:5px 0;border:1px solid #333;color:#333;width:35px;display:inline-block;text-align:center}
.sbtn:hover{color:#fff;background:#777}
.lbtn{padding:5px 15px;border:2px solid #666;color:#666;font-weight:600;display:inline-block}
.lbtn:hover{color:#fff;background:#666}
.green{border-color:#81c04e;color:#81c04e}
.green:hover{color:#fff;background:#81c04e}
.red{border-color:#F44336;color:#F44336}
.red:hover{color:#fff;background:#F44336}
.orange{border-color:orange;color:orange}
.orange:hover{color:#fff;background:orange}
.blue{border-color:#62A8EA;color:#62A8EA}
.blue:hover{color:#fff;background:#62A8EA}
.line{background-color:#CCC;float:left;height:1px;width:100%;margin-top:15px;margin-bottom:15px}
.clear{clear:both}
h1,h2,h3,h4,h5{padding:0px;margin:0px;font-weight:normal}
h1{font-size:32px}
h2{font-size:28px}
h3{font-size:26px}
h4{font-size:20px}
h5{font-size:18px}
.menu{float:right;background:purple;position:relative;z-index:25}
.menu ul{padding:0;margin:0}
.menu li{float:left;position:relative;list-style-type:none}
.menu li a{float:right;color:#fff;padding-left:20px;padding-right:20px;text-decoration:none;line-height:65px;font-weight:bold;font-size:16px}
.menu ul li ul li:hover a{background:rgba(0,0,0,0.8)}
.menu li:hover a{background:#00878d}
.menu ul li ul{width:200px;float:left;position:absolute;top:65px;left:0px;z-index:1;display:none;margin:0px;padding:0px}
.menu ul li ul li{float:none;margin:0px;padding:0px}
.menu ul li ul li a{background:none;font-size:14px;float:none;text-align:left;display:block;line-height:40px;padding-top:0px;padding-right:0px;padding-bottom:0px;padding-left:10px;margin:0px}
.menu li:hover>ul{display:block}
.menu ul li ul li ul{width:200px;height:auto;float:left;position:absolute;top:0px;left:180px;z-index:1;display:none}
.menu ul li ul li ul li a:hover{background-color:#3a3a3a}
.menuAc{padding:5px;color:#fff;font-weight:bold;cursor:pointer;display:none;font-size:24px;width:100%;float:left}
.sayfalama{width:100%;margin-right:auto;margin-left:auto;text-align:center;margin-top:17px;margin-bottom:17px}
.sayfalama span a{text-decoration:none;color:#666;padding-top:2px;padding-right:8px;padding-bottom:2px;padding-left:8px;-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px;font-size:13px;-webkit-transition:all 0.3s ease-out;-moz-transition:all 0.3s ease-out;-ms-transition:all 0.3s ease-out;-o-transition:all 0.3s ease-out;transition:all 0.3s ease-out;border:1px solid #CCC;text-shadow:0.06em 0.06em #fff}
.sayfalama span a:hover{background-color:#ccc}
.sayfalama .sayfalama-active a{background-color:#ccc}
.iletisimtable{float:left;width:49%}
.iletisiminfo{text-align:center;margin-top:15px;margin-bottom:15px}
.iletisimtable h4{color:#a93030}
.gonderbtn{color:#202930;border:1px solid #1F282F;padding-top:7px;padding-right:25px;padding-bottom:7px;padding-left:25px;float:left;-webkit-border-radius:2px;-moz-border-radius:2px;border-radius:2px}
.gonderbtn:hover{color:#FFF;text-decoration:none;background-color:#202930}
.iletisimbilgileri iframe{box-shadow:0px 0px 15px #ccc}
.clearmob{display:none}
.head{width:100%;height:auto;padding:12px 0;float:left;position:relative;margin-top:0;border-bottom:1px solid #009a9a;font-weight:400}
.head img{float:left;margin:5px 50px;width:130px}
ul#wizardStatus{list-style:none;margin:0;padding:0;text-align:center}
ul#wizardStatus li{background-color:#e1e1e1;color:#3d4c4f;display:inline-block;margin:0;font-size:16px;line-height:50px;padding:0 25px 0 40px;position:relative}
ul#wizardStatus li:first-child{padding-left:25px;-webkit-border-top-left-radius:3px;border-top-left-radius:3px;-webkit-border-bottom-left-radius:3px;border-bottom-left-radius:3px}
ul#wizardStatus li:last-child{-webkit-border-top-right-radius:3px;border-top-right-radius:3px;-webkit-border-bottom-right-radius:3px;border-bottom-right-radius:3px}
ul#wizardStatus li:after,ul#wizardStatus li:before{background-color:#e1e1e1;content:"";display:block;position:absolute}
ul#wizardStatus li:after{-webkit-border-radius:3px;border-radius:3px;border-right:3px solid white;border-top:3px solid white;height:34px;right:-20px;top:6px;-webkit-transform:rotate(45deg);-moz-transform:rotate(45deg);-ms-transform:rotate(45deg);-o-transform:rotate(45deg);transform:rotate(45deg);width:35px;z-index:5}
ul#wizardStatus li:before{height:30px;right:3px;width:20px;z-index:6}
ul#wizardStatus li:last-child:after,ul#wizardStatus li:last-child:before{display:none}
ul#wizardStatus li.current{background-color:#d048fd;color:#fff}
ul#wizardStatus li.current:after,ul#wizardStatus li.current:before{background-color:#d048fd}
ul#wizardStatus li.completed{background-color:#eee;color:#ccc}
ul#wizardStatus li.completed:after,ul#wizardStatus li.completed:before{background-color:#eee}
.setupbg{background:#ffffff8c;backdrop-filter:blur(27px);position:relative;margin-top:12%;margin-bottom:30px;border-radius:7px;box-shadow:0px 0px 50px #133247}
.setupbg .padding15{padding:45px}
.setupbg div table tr td{border-bottom-width:1px;border-bottom-style:solid;border-bottom-color:#eee;padding:10px}
.setgroup{border:1px solid #eee;display:inline-block;width:100%;-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px;margin-top:20px}
.setgrouptitle{font-size:14px;display:inline-block;padding:5px 15px;font-weight:600;background:white;margin-top:-18px;border:1px solid #eee;position:absolute;margin-left:15px;-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px}
@media only screen and (min-width:320px) and (max-width:1024px) {
body{background-size:auto 200%;background-position:center}
#wrapper{width:92%}
.setupbg .padding15{padding:5px}
.setupbg h5{font-size:16px}
}
</style>

</head>
<body>

<div id="wrapper" style="text-align:center;">
    <div class="setupbg">
        <div class="padding15">
            <div class="clear"></div>
            <br>
            <i style="font-size:70px;color: #d048fd;" class="fa fa-wrench" aria-hidden="true"></i><br><br>
            <h4 style="color: #d048fd;"><strong>Você não precisa se preocupar,<br> estamos em manutenção!</strong></h4>
           <div class="line" style="margin:35px 0px;"></div>
            <div style="text-align: center;width: 80%;margin: auto;">

              <strong> Estamos fazendo uma edição em nosso site para que esteja em modo de manutenção. <br><br> Você pode visitá-lo novamente mais tarde ou deixar esta página aberta para acessar automaticamente o site quando estiver ativo.</strong>
             <br><br><hr><br>
              
              <p><i style="color: #d048fd;" class="fa fa-spinner fa-spin"></i> <span id="goster">10</span> Atualização de página...</p>

            </div>
       
        </div>
    </div>
</div>
<div class="clear"></div>
</body>

<script>
var zaman = 10;
 var geriSay = setInterval(function(){
  zaman--;
  document.getElementById("goster").textContent = zaman;
  if(zaman <= 0){
      clearInterval(geriSay);
  }
},1000);
</script>
</html>