.form-full-container{ width:100%; margin:10px auto 0 auto; }

.create-site { vertical-align:middle; width:60%; margin:0 auto; overflow:hidden; border:1px solid #036; font-family:'play';}



.cretat-site-area{width:65%; background:#fff; display:block; overflow:hidden; margin:50px auto 80px;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;
-webkit-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.4);
-moz-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.4);
box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.4);
overflow:hidden;
position:relative;
}
.cretat-site-area-new{width:60%; background:#fff; display:block; overflow:hidden; margin:30px auto;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;
-webkit-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.4);
-moz-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.4);
box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.4);
overflow:hidden;
position:relative;
padding-bottom:10px;
}

.blur{
-webkit-filter: blur(1px);
-moz-filter: blur(1px);
-o-filter: blur(1px);
-ms-filter: blur(1px);
filter: blur(1px);	
}
.trnas-img{display:block; position:absolute; background:rgba(0,0,0,0.5); top:0; height:100%; width:100%; z-index:11; padding:0 !important;}
.top{margin-top:45px;}
.text-center{text-align:center;}




.social-btn-create {
	width:190px;
    display: inline-block;
	margin-bottom:15px !important;
    margin-bottom: 0;
    border-width: 1px;
    white-space: normal;
    text-align: center;
    text-shadow: none;
    text-decoration: none !important;
    font-weight: 600;
    vertical-align: middle;
    cursor: pointer;
    background-image: none;
    border: 1px solid transparent;
    box-shadow: 0 1px 0 0 rgba(255, 255, 255, 0.3) inset;
    color: #ffffff;
    background-color: #333333;
    border-color: #333333;
    padding: 10px 20px;
    font-size: 16px;
    line-height: 1.5;
    border-radius: 4px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-transition: all 0.15s ease-out;
    transition: all 0.15s ease-out;
}
.social-btn-create i{margin-right:8px;}

.cretat-site-area h2{display:block; overflow:hidden; clear:both; background:#f5f5f5; padding:12px 0; text-align:center; font-size:20px; line-height:22px; color:#767676; font-weight:normal;}
.cretat-site-area > div{display:block; overflow:hidden; padding:20px; padding-bottom:15px;}
.cretat-site-area h2.unlog-bg{display:block; overflow:hidden; clear:both; background:#ebeaea; padding:12px 0; text-align:center; font-size:20px; line-height:22px; color:#767676; font-weight:normal; margin-bottom:5px}

.cretat-site span{display:block; clear:both; padding:5px 0 8px;}

.cretat-site{display:block; overflow:hidden; clear:both;}
.cretat-site input[type="text"]{clear:both; margin-bottom:10px; width:100%; border:1px solid #eaedf2; background:#eaedf2 ; padding:10px 0; color:#464646; text-indent:10px; border:1px solid #d0d6e0; border-bottom:3px solid #c3ccda;}
.cretat-site input[type="text"]:focus{outline:none;}
.cretat-site input[type="text"].password{background-image:url('../images/login-password-icon.png');}
.cretat-site input[type="button"]{display:block; padding:10px 0 8px; width:150px; text-align:center; color:#fefeff !important; clear:both; margin:15px auto 15px; background:#5aba47; border-bottom:3px solid #439c32 !important; outline:none; border:1px solid #5aba47; font-size:16px;  text-transform:uppercase; font-weight:600; cursor:pointer; border-radius:2px;}
.cretat-site input[type="button"]:hover{background:#5aba47;}


.cretat-site textarea{clear:both; margin-bottom:10px; width:100%; border:none; border:1px solid #eaedf2; background:#eaedf2 ; padding:8px 0; color:#464646; text-indent:10px; border:1px solid #d0d6e0; border-bottom:3px solid #c3ccda;}
.cretat-site input[type="email"]{clear:both; margin-bottom:10px; width:100%; border:1px solid #eaedf2; background:#eaedf2 ; padding:10px 0; color:#464646; text-indent:10px; border:1px solid #d0d6e0; }
.cretat-site select{clear:both; margin-bottom:10px; width:100%; border:none; background:#eaedf2; padding:8px 0; color:#464646; text-indent:5px; border:1px solid #d0d6e0;
-webkit-appearance:textfield;
-webkit-box-sizing:content-box;
-moz-appearance:none;
border-bottom:3px solid #c3ccda;
cursor:pointer;
}
.cretat-site select:focus{outline:none;}
.for-icon{display:block; position:relative; clear:both;}
.for-icon:after{content:'\f107';font-family: FontAwesome; width:21px; height:21px; position:absolute; top:6px; right:5px; background:#018af3; line-height:22px; font-size:16px; font-weight:bold; color:#FFF; text-align:center; border-bottom:2px solid #0377d1;}

.cretat-site input[type="text"]:focus{ouline:none;}
.cretat-site input[type="email"]:focus{border:1px solid #069;}
.cretat-site textarea:focus{border:1px solid #069;}
.cretat-site samp{padding:0; margin:0px 0 10px 0; display:block; clear:both; font-family:'Open Sans', sans-serif; font-size:13px; font-style:italic;}
.cretat-site code{display:inline-block; vertical-align:bottom; font-size:25px; font-weight:bold; padding:0 8.5px; margin-top:16px;}

.form-title{display:block; clear:both; padding:5px 0 8px;}
.form-title span{display:inline-block; margin-left:5px; font-size:18px; color:#F00; padding:0;}

*:focus{-webkit-transition: border 1s;
-moz-transition: border 1s;
-o-transition: border 1s;
-ms-transition: border 1s;
transition: border 1s;}

.cretat-site input[type="text"].site-ul{ width:55%; float:left; margin-bottom:5px; border:1px solid #d0d6e0; border-bottom:3px solid #c3ccda;}
.site-url-btn{float:left; width:19%; padding:10px 0; border:none; background:#5aba47; 
font-weight:bold; color:#FFF; text-align:center; font-size:14px; }

.site-url-btn-select{float:right; width:40%; border:none;
font-weight:bold; color:#FFF; font-size:14px; margin-bottom:0; position:relative; }

.site-url-btn-select select{display:block; border:none; padding: 10px 0; font-weight:bold; color:#000;
  margin-bottom:0; border:1px solid #d0d6e0;
  -webkit-box-sizing:content-box;
  -webkit-appearance:textfield;
  border-bottom:3px solid #c3ccda;
  cursor:pointer;
  }
.site-url-btn-select:after{ content:'\f107';font-family: FontAwesome; width:21px; height:21px; position:absolute; top:8px; right:5px; background:#018af3; line-height:22px; font-size:16px; color:#FFF; text-align:center; border-bottom:2px solid #0377d1; pointer-events:none; }
.site-url-btn-select select:focus, .site-url-btn-select select:active {outline:none; background:#dfe3e9;}

.business-type{position:relative;}
.business-type:after{content:'\f107';font-family: FontAwesome; width:21px; height:21px; position:absolute; top:5px; right:5px; background:#018af3; line-height:22px; font-size:16px; color:#FFF; text-align:center; border-bottom:2px solid #0377d1; pointer-events:none;}
.business-type select:focus, .business-type select:active {outline:none; background:#dfe3e9;}

.tooltip-icon {height:14px; width:14px;}

/* Content styles */
.create-content {
	color: #000;
	background: #FFF;
	position: relative;
	border-radius: 3px;
	margin: 0 auto;
}

.create-content h3 {
	margin: 0;
	padding: 10px;
	text-align: center;
	font-weight: 500;
	opacity: 0.8;
	background: rgba(0,0,0,0.1);
	border-radius: 3px 3px 0 0;
}

.create-content > div {
	padding: 5px 0px;
	margin: 0;
	font-weight: 300;
	font-size: 1.15em;
}
.create-content > div ul {margin-top:0px; margin-bottom:5px;}
.create-content > div ul li {
	margin: 5px 1px !important;
	width:19%;
	background:#e1e6ef;
	box-shadow: 0px 1px 2px #bebebe;
}
.create-content > div ul li:hover, .create-content > div ul li:visited, .create-content > div ul li:active, .create-content > div ul li:focus
{background-color:#ddfad8;}


.create-content > div ul li span{color:#333 !important; position: relative;
    top: 5px !important;}
	
.create-content > div ul li a{padding:0 10px 10px;}
.create-content > div ul li .big{padding:0 10px 10px; display:block; text-align:center; cursor:pointer;}

.create-content > div ul li a div{height:55px; width:auto; margin:0 auto;}
.create-content > div ul li .big div{height:55px; width:auto; margin:0 auto;}

.create-content > div ul li p{font-size:14px !important; font-weight:600; color:#333 !important;}
ul.banner-social li .big p{ display: block; margin-top: 20px;}
.create-content > div ul li p > input[type=radio]{ position:relative; top:3px; background:#FFF; width:15px; height:15px; margin-right:10px;background:#FFF; 
-webkit-appearance:none; -moz-appearance:none;
	box-sizing: border-box;
    display: inline-block;
	padding:0;
	line-height: normal;
	border-radius:100%;
	border:1px solid #9dbdf3;
  }
 
.create-content > div ul li p > input[type=radio]:checked{position:relative; outline:none;}
.create-content > div ul li p > input[type=radio]:checked:before{
	content:'';
    display:block;
    width:13px;
    height:13px;
    position:absolute;
    top:0px;
    left:0px;
    background:#5aba47;
    opacity:1;
	border-radius:100%;
	
	}
#user-result{color:red; display:block; margin-bottom:5px; font-size:13px; font-style:italic; clear:both;}

ul.banner-social li .big div span {
    font-family: 'et-line' !important;
    font-size: 45px !important;
    position: relative;
    top: 35px;
    color: #FFF;
}



@media all and (max-width: 1024px){
.cretat-site code{ padding:0 5px;}
}

@media all and (max-width: 800px){
.cretat-site input[type="text"].site-ul{ width:52%; }
.site-url-btn{width:22%;}
}

@media all and (max-width: 650px){.create-site {  width:100%;} .cretat-site-area{  width:95%;}
.cretat-site-area-new{  width:90%;}
.cretat-site input.site-ul[type="text"]{width:54%;}

}

@media all and (max-width: 490px){.create-site {  width:100%;} .cretat-site-area{  width:98%;}
.cretat-site input[type="text"].site-ul{ width:52%; }
.site-url-btn{width:26%;}
.site-url-btn-select{width: 41.3%;}
.cretat-site code{margin-right:0;}

.create-content > div ul li {
	width:48%;
	display:inline-block;
}
.create-content > div ul li a {
    padding: 0 5px 10px;
}
.create-content > div ul li .big {
    padding: 0 5px 10px;
}
.create-content > div ul li{box-shadow:none; float:none; width:100%; display:block;}
.create-content > div ul li .big{padding:0px 5px 0px;}
.create-content > div ul li .big div{display:none;}
ul.banner-social li .big p{margin-top:10px; text-align:left; padding:5px;}
.create-content > div ul li p > input[type="radio"]{top:0;}

}

@media all and (max-width: 370px){.create-site {  width:100%;} .cretat-site-area{  width:98%;}
.cretat-site input[type="text"].site-ul{ width:51%; }
.site-url-btn{width:39%;}
.site-url-btn-select{width:39%;}

}

@media all and (max-width: 330px){.create-site {  width:100%;}  .cretat-site-area{  width:98%;}
.cretat-site input[type="text"].site-ul{ width:50%; }
.site-url-btn{width:31%;}
.create-content > div ul li{width:100%; display:block;}
}