body
{
	font-family: 'Roboto', sans-serif;
 	background-color: #f2f2f2;
 	-ms-text-size-adjust:100%;
 	-webkit-text-size-adjust:100%;
}

/*----------------------------------------------------------------
Preloader start
----------------------------------------------------------------*/
#preloader {
  	position: fixed;
  	top: 0;
  	left: 0;
  	right: 0;
  	bottom: 0;
  	z-index: 9999;
  	overflow: hidden;
  	background: #fff;
}

#preloader:before {
  	content: "";
  	position: fixed;
  	top: calc(50% - 30px);
  	left: calc(50% - 30px);
  	border: 6px solid #af0000;
  	border-top-color: #e2eefd;
  	border-radius: 50%;
  	width: 60px;
  	height: 60px;
  	-webkit-animation: animate-preloader 1s linear infinite;
  	animation: animate-preloader 1s linear infinite;
}

@-webkit-keyframes animate-preloader {
  	0% {
    	transform: rotate(0deg);
  	}
  	100%{
    	transform: rotate(360deg);
  	}
}

@keyframes animate-preloader {
  	0% {
    	transform: rotate(0deg);
  	}
  	100% {
    	transform: rotate(360deg);
  	}
}
/*---------------------------------------------------------
Preloader end
---------------------------------------------------------*/

input:-webkit-autofill ~ label {
  left:5px;
  top:-10px;
  background:#fff;
  padding:0 5px;
  font-size: 14px;
}

.shadow
{
	box-shadow: 0 1px 2px rgba(0, 0, 0, .1), 0 4px 8px rgba(0, 0, 0, .1);
}

.mainlogo
{
	margin-top: -13px!important;
	height: 48px!important;
}

.regImg
{
	bottom: 14px;
	position: absolute;
	right: 68px;
}

/*.tabbable
{
	opacity: 0.9;
}*/

.themebtn
{
	background-color: #af0000;
	color: white;
}

.form-group
{
	position:relative;
}
.form-control
{
	height: 50px;
	border: 2px solid gray;
	font-size: 16px;
	border-radius: 0px;
}
.form-control:focus
{
	box-shadow:none;
}

.form-group label
{
	position:absolute; 
	left:23px; 
	top:14px; 
	transition:all 0.1s; 
	color:#999; 
	font-weight:400;
	font-size: 16px;
}


.form-control:focus ~ label
{
	left:5px; 
	top:-10px; 
	background:#fff; 
	padding:0 5px;
	font-size: 14px;
}

.form-group label.active
{
	left:5px; 
	top:-10px; 
	background:#fff; 
	padding:0 5px;
	font-size: 14px;
}

.circle
{
	position: fixed;
	/*bottom: -364px;*/
	left: 15%;
	transform: translate(-50%, -4%);
	background-image: linear-gradient(-45deg, #ff5b5b 0%, #af0000 100%);
	clip-path: circle(60%);
	overflow: hidden;
	height: 728px;
	width: 700px;
	z-index: -1;
  top: 76px;
}

.overlay {
  	height: 100%;
  	width: 0;
  	position: fixed;
  	z-index: 9999;
  	top: 0;
  	right: 0;
  	background-color: #f2f2f2;;
  	box-shadow: 0 2px 4px rgba(0, 0, 0, .1), 0 8px 16px rgba(0, 0, 0, .1);
  	overflow-x: hidden;
  	transition: 0.5s;
}

.overlay-content {
  position: relative;
  width: 100%;
}

.media-heading{
	font-size: 14px;
}

div label input {
   	margin-right:100px;
}

.circlelogin img{
  bottom: 44px;
  position: absolute;
  right: 10px;
}

#chooseplanInfo ul li{
  font-size: 16px;
}

#chooseplanInfo ul li i{
  font-size: 25px;
}

.pricingpanel{
  background-color: #f7d7d7;
  border: 0px;
}

.pricingpanel .panel-body{
  padding: 0px;
}

.whycreate li{
  font-size: 16px;
}

.whycreate li i{
  font-size: 25px;
}

.ph4{
  font-size: 40px;
}

.ph1{
  font-size: 40px;
  font-weight: 800;
  margin-bottom: -10px;
}

/*.mainpricingpanel h4{
  
}*/
/* enable absolute positioning */
.inner-addon {
  position: relative;
}

/* style glyph */
.inner-addon .icon-youtube {
  position: absolute;
  pointer-events: none;
}

/* align glyph */
.left-addon .icon-youtube  { left:  12px;}
.right-addon .icon-youtube { right: 10px;}

/* add padding  */
.left-addon .channel_url  { padding-left:  36%; }
.right-addon .channel_url { padding-right: 30px; }

.form-control:focus ~ label.label_placeholder{
  left: 225px;
}

.youtube_placeholder{
  font-size: 14px;
  background: #f5f5f5;
  padding: 12px;
  margin: 2px;
  position: absolute;
}
.left-addon .label_placeholder {
    padding-left: 33%;
}

@media only screen and (min-width:321px) and (max-width:768px){
  .youtube_placeholder{
    font-size: 14px;
    background: #f5f5f5;
    padding: 12px;
    margin: 2px;
    position: absolute;
  }
  .left-addon .channel_url {
    padding-left: 59%;
  }
  .left-addon .label_placeholder{
    padding-left: 53%;
  }
}

@media only screen and (min-width:320px) and (max-width:525px){
  #mobile-page-container{
    padding-top: 0px;
  }
}