.stepy-header { list-style: none;
  display: inline-block;
  margin: auto;
  position: relative;
  left: 50%;
  /* top: 50%; */
  transform: translateX(-50%);
  -webkit-transform: translateX(-50%);
}
  .stepy-header li { cursor: pointer; float: left; padding: 10px }
    .stepy-header li.stepy-error { background: url('../demo/img/error.png') no-repeat right top }
    .stepy-header li div {   
	  cursor: auto;
	  color: #fff;
	  background-color: #dcdcdb;
	  width: 30px;
	  height: 30px;
	  border-radius: 50%;
	  padding: 5px 5px;  
	  margin: auto;
	  text-align: center;
	  line-height: 31px;
 }
    .stepy-header li.stepy-active div { color: #FFF; background-color: #0da4c3;  cursor: auto }
    .stepy-header li span { color: #727272; font-size: 12px; }
    .stepy-header li.stepy-active span { color: #727272 }

.stepy-step { border: none;  clear: left; padding: 15px 60px;  -khtml-border-radius: 3px; -moz-border-radius: 3px; -opera-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px }
  .stepy-step legend { display: none; }
  .stepy-step label { color: #222; display: block;  margin: 10px 0 3px 1px }

  .stepy-step input,
  .stepy-step textarea,
  .stepy-step select { background-color :#ececec;
	/* color : #a3a3a3; */
	margin-top: 15px;
	margin-bottom: 5px;
	z-index: 850;
	position: relative;
	font-size: 13px;
	width: 95%;
	}

  .stepy-step select { height: 34px; padding-top: 5px }

  .stepy-step textarea { height: 100px }

  .stepy-navigator { 
	position: absolute;
	top: 50%;
	left : 0px;
	width: 100%;
	transform: translateY(-50%);
	-webkit-transform: translateY(-50%);
  }
    .button-back { float: left }

    .button-next,
    .stepy-navigator input[type="submit"] { float: right }

    .button-back,
    .button-next,
    .stepy-navigator input[type="submit"] {    }

    .stepy-navigator input[type="submit"] {  width: 0; background-color: transparent;}

    .button-back:hover,
    .button-next:hover,
    .stepy-navigator input[type="submit"]:hover {   }
	
.triangle-right{
	width: 0;
	height: 0;
	border: 40px solid transparent !important;
	border-left-color: #dbdbdb !important;
	padding: 0px;
	margin-right: -43px;
}

.triangle-left{
	width: 0;
	height: 0;
	border: 40px solid transparent !important;
	border-right-color: #dbdbdb !important;
	padding: 0px;
	margin-left: -48px;
}

.triangle-left:hover{
	 
	border-right-color: #454545 !important;
 
}

.triangle-right:hover{
	 
	border-left-color: #454545 !important;
 
}
.img_preview {
	height: 100px;
	width: 100px;
	margin: auto;
	background-color : #ececec;
	text-align: center;
	color : #a3a3a3;
	padding : 30px;
}

#temp_dialog_container{
	overflow: hidden;
}
.text-content {
	background-color :#ececec;
	color : #a3a3a3;
	height : 150px;
	border: none;
	width: 100%;
	font-size : 13px;
}



#clickHere   input {
        /*Important*/
        position: absolute;
        /*Important*/
        cursor: pointer;
        left: 0px;
        top: 0px;
        opacity:0; 
    }
.post_form_container{
	display: none;
}
.post_count_container {
  padding: 150px 150px;
  color: #000;
  font-size: 16px;
  text-align: center;
}

.post_count_container input {
	  width: 70px;
  display: block;
  margin: auto;
  margin-top: 24px;
  text-align: center;
   background-color :#ececec;
}
.post_count_container button {
  background-color: transparent;
  border: 2px solid #a8a8a8;
  padding: 7px 33px;
  font-size: 14px;
  margin-top: 22px;
  color: #a8a8a8;
  font-weight: bold;
}
.post_count_container button:hover {
  background-color: #525252;
  border: 2px solid #525252;
  
  color: #FFFFFF;
  
}

.post_next_step{
	display: none;
	padding: 150px 150px;
	color: #000;
	font-size: 16px;
	text-align: center;
}
.post_next_step_ok{
	width: 100px;
	height:100px;
	border-radius: 50%;
	background-color : #0da4c3;
	color: #ffffff;
	margin: auto;
	font-size: 4.2em;
}
.post_next_step button {
  background-color: transparent;
  border: 2px solid #a8a8a8;
  padding: 7px 33px;
  font-size: 14px;
  margin-top: 22px;
  color: #a8a8a8;
  font-weight: bold;
}
.post_next_step button:hover {
  background-color: #525252;
  border: 2px solid #525252;
  
  color: #FFFFFF;
  
}

.post_next_step span {
    display: block;
  margin-top: 15px;
}



@media all and (min-width: 320px) and (max-width: 760px) {
	.post_count_container{
		padding : 150px 35px;
	}
	
	#default-demo{
		width: 100% !important;
	}
	
	.post_next_step{
		padding : 150px 35px;
	}
}