@import url('https://fonts.googleapis.com/css?family=Exo:400,700');
body {
	background: 
		radial-gradient(ellipse farthest-corner at right bottom, #fedb37 0%, #FDB931 8%, #9f7928 30%, #8a6e2f 40%, transparent 80%) fixed,
		radial-gradient(ellipse farthest-corner at left top, #ffffff 0%, #ffffac 8%, #d1b464 25%, #5d4a1f 62.5%, #5d4a1f 100%) fixed;
//	background-color: #080710;
//  background: linear-gradient(45deg, #FC466B, #3F5EFB) fixed;
//  background: linear-gradient(45deg, #555, #020) fixed;
//  background: radial-gradient(circle at 65% 15%, #DCE35B, #45B649) fixed;
//  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' version='1.1' xmlns:xlink='http://www.w3.org/1999/xlink' xmlns:svgjs='http://svgjs.com/svgjs' width='1440' height='560' preserveAspectRatio='none' viewBox='0 0 1440 560'%3e%3cg mask='url(%26quot%3b%23SvgjsMask1031%26quot%3b)' fill='none'%3e%3crect width='1440' height='560' x='0' y='0' fill='rgba(0%2c 0%2c 0%2c 1)'%3e%3c/rect%3e%3cpath d='M493.01469757014615 435.2373890862409L383.9871312894359 403.97423753473464 352.72397973792965 513.0018038154449 461.7515460186399 544.2649553669512z' fill='rgba(0%2c 255%2c 54%2c 0.19)' class='triangle-float2'%3e%3c/path%3e%3cpath d='M1326.1491936957766 22.702767664505885L1438.3759631795208 107.27170433893396 1522.944899853949-4.955065144810305 1410.7181303702046-89.52400181923838z' fill='rgba(0%2c 255%2c 54%2c 0.19)' class='triangle-float2'%3e%3c/path%3e%3cpath d='M142.777%2c664.528C202.063%2c663.12%2c252.978%2c625.475%2c281.61%2c573.542C309.221%2c523.462%2c310.194%2c462.76%2c281.191%2c413.473C252.592%2c364.873%2c199.151%2c338.97%2c142.777%2c337.614C83.675%2c336.193%2c23.515%2c356.301%2c-7.668%2c406.527C-40.437%2c459.308%2c-39.266%2c526.753%2c-7.971%2c580.421C23.096%2c633.698%2c81.121%2c665.993%2c142.777%2c664.528' fill='rgba(0%2c 255%2c 54%2c 0.19)' class='triangle-float3'%3e%3c/path%3e%3cpath d='M1070.844%2c290.582C1118.049%2c289.017%2c1162.755%2c265.565%2c1184.994%2c223.897C1206.109%2c184.335%2c1194.397%2c138.418%2c1173.125%2c98.94C1150.381%2c56.73%2c1118.771%2c13.475%2c1070.844%2c12.049C1021.188%2c10.571%2c982.447%2c49.594%2c957.445%2c92.522C932.241%2c135.797%2c917.901%2c188.466%2c942.784%2c231.927C967.787%2c275.598%2c1020.55%2c292.25%2c1070.844%2c290.582' fill='rgba(0%2c 255%2c 54%2c 0.19)' class='triangle-float3'%3e%3c/path%3e%3cpath d='M-91.86 549.59 a115.24 115.24 0 1 0 230.48 0 a115.24 115.24 0 1 0 -230.48 0z' fill='rgba(0%2c 255%2c 54%2c 0.19)' class='triangle-float3'%3e%3c/path%3e%3cpath d='M227.04622322202493 8.418942695858227L148.30434932293844-37.0426993962749 102.84270723080533 41.69917450281159 181.5845811298918 87.16081659494472z' fill='rgba(0%2c 255%2c 54%2c 0.19)' class='triangle-float3'%3e%3c/path%3e%3cpath d='M534.8061642043897-41.675095813206795L451.4648833558542-9.683375461668128 483.45660370739284 73.65790538686737 566.7978845559284 41.666185035328695z' fill='rgba(0%2c 255%2c 54%2c 0.19)' class='triangle-float1'%3e%3c/path%3e%3cpath d='M643.91 304.64 a167.26 167.26 0 1 0 334.52 0 a167.26 167.26 0 1 0 -334.52 0z' fill='rgba(0%2c 255%2c 54%2c 0.19)' class='triangle-float1'%3e%3c/path%3e%3cpath d='M380.946%2c360.142C421.81%2c360.941%2c455.967%2c332.178%2c476.074%2c296.594C495.823%2c261.644%2c501.31%2c218.517%2c480.301%2c184.309C460.088%2c151.398%2c419.546%2c140.394%2c380.946%2c141.704C344.886%2c142.928%2c310.902%2c159.571%2c292.623%2c190.679C274.104%2c222.196%2c275.153%2c260.581%2c292.048%2c292.997C310.444%2c328.293%2c341.152%2c359.364%2c380.946%2c360.142' fill='rgba(0%2c 255%2c 54%2c 0.19)' class='triangle-float1'%3e%3c/path%3e%3cpath d='M1193.362393784227 561.5537844901477L1221.087962385343 441.4611529936032 1100.9953308887984 413.7355843924871 1073.2697622876824 533.8282158890316z' fill='rgba(0%2c 255%2c 54%2c 0.19)' class='triangle-float2'%3e%3c/path%3e%3cpath d='M1177.72 296.07 a100.09 100.09 0 1 0 200.18 0 a100.09 100.09 0 1 0 -200.18 0z' fill='rgba(0%2c 255%2c 54%2c 0.19)' class='triangle-float1'%3e%3c/path%3e%3cpath d='M683.648%2c308.202C699.532%2c308.18%2c712.479%2c296.88%2c720.322%2c283.068C728.054%2c269.452%2c729.893%2c253.251%2c722.769%2c239.308C714.947%2c223.999%2c700.837%2c211.526%2c683.648%2c211.291C666.121%2c211.052%2c650.628%2c222.615%2c642.632%2c238.214C635.274%2c252.568%2c638.646%2c269.252%2c646.802%2c283.168C654.849%2c296.899%2c667.733%2c308.224%2c683.648%2c308.202' fill='rgba(0%2c 255%2c 54%2c 0.19)' class='triangle-float3'%3e%3c/path%3e%3cpath d='M863.4362604883908 420.7896090362094L751.5052327407886 574.5411001125398 916.512468833476 594.8014411419822z' fill='rgba(0%2c 255%2c 54%2c 0.19)' class='triangle-float2'%3e%3c/path%3e%3cpath d='M-50.64749851774764 73.07211214310234L41.12482476227104 76.27687229008606 44.329584909254756-15.495450989932621-47.44273837076393-18.700211136916337z' fill='rgba(0%2c 255%2c 54%2c 0.19)' class='triangle-float2'%3e%3c/path%3e%3cpath d='M399.53556038993486 91.47364383187518L323.56504506083934-9.342635131435031 222.74876609752914 66.62788019766047 298.71928142662466 167.44415916097068z' fill='rgba(0%2c 255%2c 54%2c 0.19)' class='triangle-float3'%3e%3c/path%3e%3cpath d='M160.26 366.31 a168.51 168.51 0 1 0 337.02 0 a168.51 168.51 0 1 0 -337.02 0z' fill='rgba(0%2c 255%2c 54%2c 0.19)' class='triangle-float2'%3e%3c/path%3e%3cpath d='M789.6188228982039 86.91465744500462L763.9495896270583-33.84959028965312 643.1853418924006-8.180357018507522 668.8545751635462 112.58389071615022z' fill='rgba(0%2c 255%2c 54%2c 0.19)' class='triangle-float1'%3e%3c/path%3e%3cpath d='M874.906%2c576.625C919.887%2c576.058%2c948.704%2c534.403%2c971.124%2c495.403C993.443%2c456.578%2c1012.467%2c412.037%2c992.592%2c371.906C970.817%2c327.94%2c923.969%2c301.285%2c874.906%2c301.128C825.579%2c300.971%2c778.352%2c327.224%2c755.912%2c371.151C735.097%2c411.898%2c751.465%2c458.286%2c774.395%2c497.882C797.256%2c537.357%2c829.293%2c577.2%2c874.906%2c576.625' fill='rgba(0%2c 255%2c 54%2c 0.19)' class='triangle-float2'%3e%3c/path%3e%3cpath d='M660.9172590143626 486.66280334466717L586.0133315912666 383.56639186723294 482.9169201138323 458.4703192903289 557.8208475369283 561.5667307677631z' fill='rgba(0%2c 255%2c 54%2c 0.19)' class='triangle-float1'%3e%3c/path%3e%3cpath d='M831.2150015691717 71.60036088020935L920.7525873261935 171.04192416954987 1020.194150615534 81.50433841252807 930.6565648585122-17.93722487681245z' fill='rgba(0%2c 255%2c 54%2c 0.19)' class='triangle-float2'%3e%3c/path%3e%3c/g%3e%3cdefs%3e%3cmask id='SvgjsMask1031'%3e%3crect width='1440' height='560' fill='white'%3e%3c/rect%3e%3c/mask%3e%3cstyle%3e %40keyframes float1 %7b 0%25%7btransform: translate(0%2c 0)%7d 50%25%7btransform: translate(-10px%2c 0)%7d 100%25%7btransform: translate(0%2c 0)%7d %7d .triangle-float1 %7b animation: float1 5s infinite%3b %7d %40keyframes float2 %7b 0%25%7btransform: translate(0%2c 0)%7d 50%25%7btransform: translate(-5px%2c -5px)%7d 100%25%7btransform: translate(0%2c 0)%7d %7d .triangle-float2 %7b animation: float2 4s infinite%3b %7d %40keyframes float3 %7b 0%25%7btransform: translate(0%2c 0)%7d 50%25%7btransform: translate(0%2c -10px)%7d 100%25%7btransform: translate(0%2c 0)%7d %7d .triangle-float3 %7b animation: float3 6s infinite%3b %7d %3c/style%3e%3c/defs%3e%3c/svg%3e");
//  height: 100%;
  font-family: 'Montserrat', sans-serif;
//  font-family: 'Exo', sans-serif;
  font-size: large;
  width: 950px;
  margin: 5px auto;
  color: white;
}
a{
  color: white;
}
.warning_bg{
	background-color: rgba(255,0,0,0.4) !important;
}
a:hover{
  color: white;
  text-shadow: white 0 0 4px;
}
hr{
border: 2px solid rgba(255,255,255,0.13);
backdrop-filter: blur(10px);
border-radius: 2px;
width: 85%;
}

/*.background{
    width: 430px;
    height: 520px;
    position: absolute;
    transform: translate(-50%,-50%);
    left: 50%;
    top: 50%;
}
.background .shape{
    height: 200px;
    width: 200px;
    position: fixed;
    border-radius: 50%;
}
.shape:first-child{
    background: linear-gradient(
        #1845ad,
        #23a2f6
    );
    left: -80px;
    top: -80px;
	position: fixed;
}
.shape:last-child{
    background: linear-gradient(
        to right,
        #ff512f,
        #f09819
    );
    right: -30px;
    bottom: -80px;
	position: fixed;
}*/

.div{
    background-color: rgba(0,0,0,0.25);
    border-radius: 10px;
    backdrop-filter: blur(10px);
    border: 2px solid rgba(0,0,0,0.1);
    box-shadow: 0 0 40px rgba(8,7,16,0.2);
//    left: 50%;
//    transform: translate(0,-50%);
    padding: 5px;
    margin: 5px;
    width: 950px;
}
.iframe{
    background-color: rgba(255,255,255,0.5);
    border-radius: 10px;
    backdrop-filter: blur(10px);
    border: 2px solid rgba(0,0,0,0.1);
    box-shadow: 0 0 40px rgba(8,7,16,0.2);
    padding: 5px;
    margin: 5px;
    width: 400px;
}
.news{
    background-color: rgba(255,255,255,0.13);
    border-radius: 10px;
    backdrop-filter: blur(10px);
    border: 2px solid rgba(255,255,255,0.1);
    box-shadow: 0 0 40px rgba(8,7,16,0.2);
    padding: 5px;
    margin: 5px auto;
    width: 75%;
}
.card{
    background-color: rgba(255,255,255,0.13);
    border-radius: 10px;
    backdrop-filter: blur(10px);
    border: 2px solid rgba(255,255,255,0.1);
    box-shadow: 0 0 40px rgba(8,7,16,0.2);
    padding: 5px;
    margin: 5px auto;
    width: 250px;
    height: 188px;
	display: inline-block;
}
.card:hover{
	cursor:pointer;
	box-shadow: 0 0 5px rgba(255,125,0,0.5);
	border: 2px solid rgba(255,125,0,0.5);
//	background-color: rgba(255,255,255,0.5);
}
.card_text{
	height: 63px;
}
.card_foot{
	padding: 5px;
	border: 2px solid rgba(255,125,0,0.5);
	background-color: rgba(255,255,255,0.5);
	border-radius: 10px;
}
.card_head{
	height: 42px;
}
.bottom{
    position: sticky;
    z-index: 2;
    bottom: 0px;
    height: 25px;
    text-align: center;
}
.menu{
    top: 10px;
    position: sticky;
    z-index: 2;
    text-align: center;
    word-spacing: 20px;
}
.head{
    top: 5px;
    height: 150px;
    position: absolute;
    text-align: center;
    vertical-align: middle;
}
.logo{
	height: 100px;
}
.center{
	width: 100%;
	margin: 15px 0;
}
.head_name{
	float: right;
	width: 50%;
	margin: 45px 0;
	padding: 0 50px;
	text-align: left;
	font-size: 28pt;
}
.content{
    top: 225px;
//    min-height: 50%;
}
.warning{
    background-color: rgba(255,0,0,0.25);
}
.body{
margin: 180px 0 0px;
min-height: 100% - 164px;
//border: 1px solid red;
}
.body2{
//border: 1px solid green;
}
form{
    min-height: 520px;
    width: 400px;
    position: relative;
    transform: translate(-50%,0);
    left: 50%;
    padding: 0px 35px;
}
form *{
    font-family: 'Poppins',sans-serif;
    color: white;
    letter-spacing: 0.5px;
    outline: none;
    border: none;
}
form h3{
    font-size: 32px;
    font-weight: 500;
    line-height: 42px;
    text-align: center;
}
.login label{
    display: block;
    margin-top: 30px;
    font-size: 16px;
    font-weight: 500;
}

option{
	color: black;
}
input[type=text]:hover, input[type=password]:hover, input[type=email]:hover, input[type=number]:hover, input[type=tel]:hover, input[type=date]:hover, input[type=month]:hover, select:hover {
	box-shadow: 0 0 10px rgba(255,220,0,1);
}

input[type=text]:focus, input[type=password]:focus, input[type=email]:focus, input[type=number]:focus, input[type=tel]:focus, input[type=date]:focus, input[type=month]:focus, select:focus {
	box-shadow: 0 0 10px rgba(255,200,0,1));
}

input[type=text], input[type=password], input[type=email], input[type=number], input[type=tel], input[type=date], input[type=month], select {
    display: block;
    height: 50px;
    width: 400px;
    background-color: rgba(255,255,255,0.2);
    border-radius: 3px;
    padding: 0 10px;
    margin-top: 8px;
    font-size: 14px;
    font-weight: 300;
}
textarea{
    display: block;
    height: 250px;
    width: 400px;
    background-color: rgba(255,255,255,0.2);
    border-radius: 3px;
    padding: 0 10px;
    margin-top: 8px;
    font-size: 14px;
    font-weight: 300;
}
::placeholder{
    color: white;
}
input[type=radio]{
display: none;
}
button, input[type=submit]{
    margin-top: 50px;
    width: 400px;
    background-color: rgba(255,255,255,0.4);
    color: #080710;
    padding: 15px 0;
    font-size: 18px;
    font-weight: 600;
    border-radius: 5px;
    cursor: pointer;
}
button:hover, input[type=submit]:hover{
    margin-top: 50px;
    width: 400px;
    background-color: rgba(255,255,255,0.7);
	box-shadow: 0 0 10px rgba(255,220,0,1);
    color: #080710;
    padding: 15px 0;
    font-size: 18px;
    font-weight: 600;
    border-radius: 5px;
    cursor: pointer;
}
.form_radio_btn label {
margin-top: 10px;
width: 380px;
	background-color: rgba(255,255,255,0.4);
color: #080710;
	padding: 0 10px;
font-size: 18px;
font-weight: 400;
	display: inline-block;
	cursor: pointer;
	line-height: 34px;
//	border: 1px solid #999;
	border-radius: 6px;
	user-select: none;
	height: 50px;
}
/* Checked */
.form_radio_btn input[type=radio]:checked + label {
	background: rgba(122,255,122,0.8);
}
 
/* Hover */
.form_radio_btn label:hover {
	background: rgba(255,255,255,0.6);
	color: white;
}
 
/* Disabled */
.form_radio_btn input[type=radio]:disabled + label {
	background: rgba(255,255,255,0.1);
	color: #666;
}



.area{
//    background: #4e54c8;  
//    background: -webkit-linear-gradient(to left, #8f94fb, #4e54c8);  
//    width: 100%;
//    height:100vh;
    
   
}

.circles{
	z-index:-10;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    overflow: hidden;
}

.circles li{
    position: absolute;
    display: block;
    list-style: none;
    width: 20px;
    height: 20px;
    background: rgba(255, 255, 255, 0.2);
    animation: animate 25s linear infinite;
    bottom: -150px;
    
}

.circles li:nth-child(1){
    left: 25%;
    width: 80px;
    height: 80px;
    animation-delay: 0s;
}


.circles li:nth-child(2){
    left: 10%;
    width: 20px;
    height: 20px;
    animation-delay: 2s;
    animation-duration: 12s;
}

.circles li:nth-child(3){
    left: 70%;
    width: 20px;
    height: 20px;
    animation-delay: 4s;
}

.circles li:nth-child(4){
    left: 40%;
    width: 60px;
    height: 60px;
    animation-delay: 0s;
    animation-duration: 18s;
}

.circles li:nth-child(5){
    left: 65%;
    width: 20px;
    height: 20px;
    animation-delay: 0s;
}

.circles li:nth-child(6){
    left: 75%;
    width: 110px;
    height: 110px;
    animation-delay: 3s;
}

.circles li:nth-child(7){
    left: 35%;
    width: 150px;
    height: 150px;
    animation-delay: 7s;
}

.circles li:nth-child(8){
    left: 50%;
    width: 25px;
    height: 25px;
    animation-delay: 15s;
    animation-duration: 45s;
}

.circles li:nth-child(9){
    left: 20%;
    width: 15px;
    height: 15px;
    animation-delay: 2s;
    animation-duration: 35s;
}

.circles li:nth-child(10){
    left: 85%;
    width: 150px;
    height: 150px;
    animation-delay: 0s;
    animation-duration: 11s;
}



@keyframes animate {

    0%{
        transform: translateY(0) rotate(0deg);
        opacity: 1;
        border-radius: 0;
    }

    100%{
        transform: translateY(-1000px) rotate(720deg);
        opacity: 0;
        border-radius: 50%;
    }

}