html{
	height:100%;
}
body{
	height:100%;
	margin:0;
	position:relative;
	z-index:1;
}
/* Accordion ---------------------*/
.ac-container{
	margin: 10px;
	text-align: left;
	clear:both;
}
.ac-container label{
	padding: 5px 20px;
	position: relative;
	z-index: 20;
	display: block;
	height: 30px;
	cursor: pointer;
	color: #fff;
	background: #ffffff;
background-image: -webkit-gradient(
	linear,
	left bottom,
	right bottom,
	color-stop(0, #007AC0),
	color-stop(1, #FFFFFF)
);
background-image: -o-linear-gradient(right, #007AC0 69%, #FFFFFF 100%);
background-image: -moz-linear-gradient(right, #007AC0 69%, #FFFFFF 100%);
background-image: -webkit-linear-gradient(left, #007AC0 69%, #FFFFFF 100%);
background-image: -ms-linear-gradient(right, #007AC0 69%, #FFFFFF 100%);
background-image: linear-gradient(to right, #007AC0 69%, #FFFFFF 100%);

font:22px/33px Arial,Verdana,Helvetica,san-serif;
text-shadow: 2px 4px 3px rgba(0,0,0,0.3);
}

.ac-container label img{
	position: relative;
	left: -8px;
	top: 2px;
}
.ac-container article {
	padding:0 10px;
}
.ac-container article p{
	margin:0 0 10px;
	text-align:center;
}

.ac-container label.orange{
	background-image: -webkit-gradient(
	linear,
	left bottom,
	right bottom,
	color-stop(0, #FD9B3A),
	color-stop(1, #FFFFFF)
);
background-image: -o-linear-gradient(right, #FD9B3A 69%, #FFFFFF 100%);
background-image: -moz-linear-gradient(right, #FD9B3A 69%, #FFFFFF 100%);
background-image: -webkit-linear-gradient(left, #FD9B3A 69%, #FFFFFF 100%);
background-image: -ms-linear-gradient(right, #FD9B3A 69%, #FFFFFF 100%);
background-image: linear-gradient(to right, #FD9B3A 69%, #FFFFFF 100%);
}
.ac-container input:checked + label img,
.ac-container input:checked + label img:hover{
	transform:rotate(90deg);
	-ms-transform:rotate(90deg); /* IE 9 */
	-webkit-transform:rotate(90deg); /* Safari and Chrome */
} 

.ac-container input{
	display: none;
}
.ac-container article{
	background: rgba(255, 255, 255, 0.5);
	margin-top: -1px;
	overflow: hidden;
	height: 0px;
	position: relative;
	z-index: 10;
	-webkit-transition: height 0.3s ease-in-out, box-shadow 0.6s linear;
	-moz-transition: height 0.3s ease-in-out, box-shadow 0.6s linear;
	-o-transition: height 0.3s ease-in-out, box-shadow 0.6s linear;
	-ms-transition: height 0.3s ease-in-out, box-shadow 0.6s linear;
	transition: height 0.3s ease-in-out, box-shadow 0.6s linear;
}
.ac-container input:checked ~ article{
	padding:0 10px 10px;
}
.ac-container article ul li{
	list-style:none;
	line-height: 23px;
	font-size: 19px;
}
article.ac-dropdown p {
	font-size: 19px;
	font-weight: bold;
	font-style: italic;
	margin-left: 15px;
	margin: 0 0 5px;
	padding: 0 20px 5px;
}
.ac-container article p.status-bar{
	width:100%;
	overflow:hidden;
	text-align:left;
	margin:0;
	position:relative;
	padding:0;
}
.ac-container article p.status-bar select{
	float:right;
	
}
.ac-container article ul.first-list {
	float:left;
}
.ac-container input:checked ~ article{
	-webkit-transition: height,padding 0.5s ease-in-out, box-shadow 0.1s linear;
	-moz-transition: height,padding 0.5s ease-in-out, box-shadow 0.1s linear;
	-o-transition: height,padding 0.5s ease-in-out, box-shadow 0.1s linear;
	-ms-transition: height,padding 0.5s ease-in-out, box-shadow 0.1s linear;
	transition: height,padding 0.5s ease-in-out, box-shadow 0.1s linear;
}
.ac-container input:checked ~ article.ac-xs-small{
	height:90px;
}
.ac-container input:checked ~ article.ac-small{
	height: 140px;
}
.ac-container input:checked ~ article.ac-medium{
	height: 180px;
}
.ac-container input:checked ~ article.ac-large{
	height: 280px;
}
.ac-container input:checked ~ article.ac-x-large{
	height: 400px;
}
.ac-container input:checked ~ article.ac-dropdown{
	height: 100%;
}
/*Step create*/
#step-create-open{
	position:fixed;
	top:5px;
	right:10px;
	z-index:999;
}
#step-create{
	position:fixed;
	bottom:0;
	left:0;
	width:94%;
	padding:10px 3%;
	display:none;
	background:#000;
}
#step-create input,
#step-create textarea{
	width:100%;
	margin:0 auto 5px;
}
#step-create-btn{
	
}
/**/
#step-create-open,
.btn {
  --fancy-button-gradient-0: #8d49fd;
  --fancy-button-gradient-50: #7f56f3;
  --fancy-button-gradient-100: #5691f3;
  --fancy-button-inner-shadow-top: rgba(233, 209, 255, 0.2);
  --fancy-button-inner-shadow-top-lg: rgba(9, 12, 60, 0.1);
  --fancy-button-inner-shadow-bottom: rgba(137, 222, 246, 0.3);
  --fancy-button-shine-top: #e9d1ff;
  --fancy-button-shine-bottom: #adfff9;
  font-family: 'Poppins';
  font-weight: 500;
  font-size: 15px;
  line-height: 21px;
  text-align:center;
  text-shadow: 0px 0.5px 0.5px rgba(0, 0, 0, 0.2);
  padding: 10px 20px;
  margin: 5px auto 10px;
  appearance: none;
  border: none;
  outline: none;
  overflow: hidden;
  cursor: pointer;
  z-index: 99;
  border-radius: 25px;
  color: #fff;
  background-image: linear-gradient(to bottom, var(--fancy-button-gradient-0) 0%, var(--fancy-button-gradient-50) 50%, var(--fancy-button-gradient-100) 100%);
  box-shadow: 0px 4px 12px rgba(9, 12, 60, 0.15), 0px 2px 8px rgba(9, 12, 60, 0.15), 0px 1px 3px var(--fancy-button-inner-shadow-top-lg), inset 0px 1px 1px var(--fancy-button-inner-shadow-top), inset 0px -1px 3px var(--fancy-button-inner-shadow-bottom);
}
#seotext{
	color:#fff;
}