@charset "utf-8";
/* CSS Document */
body{
	background-color:#31373e;	
}

#header{
	display:block;
	width:100%;
	min-height:100%;
	max-width:100% !important;
	padding:15px;
	color:#FFF;
	overflow:hidden;
	
	/*
	background-color:#31373e;
	background:url(../img/bg.jpg) no-repeat 0 0 fixed #31373e;
	*/
	
	background: #0f1b58;
    background-image: -webkit--webkit-radial-gradient(closest-corner,rgba(16,47,70,0) 60%,rgba(16,47,70,.2)),-webkit--webkit-linear-gradient(342deg,#efb676,#e0a681 10%,#0f1b58 90%);
    background-image: -webkit--moz-radial-gradient(closest-corner,rgba(16,47,70,0) 60%,rgba(16,47,70,.2)),-webkit--moz-linear-gradient(342deg,#efb676,#e0a681 10%,#0f1b58 90%);
    background-image: -webkit--o-radial-gradient(closest-corner,rgba(16,47,70,0) 60%,rgba(16,47,70,.2)),-webkit--o-linear-gradient(342deg,#efb676,#e0a681 10%,#0f1b58 90%);
    background-image: -webkit--ms-radial-gradient(closest-corner,rgba(16,47,70,0) 60%,rgba(16,47,70,.2)),-webkit--ms-linear-gradient(342deg,#efb676,#e0a681 10%,#0f1b58 90%);
    background-image: -webkit-radial-gradient(closest-corner,rgba(16,47,70,0) 60%,rgba(16,47,70,.2)),-webkit-linear-gradient(108deg,#efb676,#e0a681 10%,#0f1b58 90%);
    background-image: -moz--webkit-radial-gradient(closest-corner,rgba(16,47,70,0) 60%,rgba(16,47,70,.2)),-moz--webkit-linear-gradient(342deg,#efb676,#e0a681 10%,#0f1b58 90%);
    background-image: -moz--moz-radial-gradient(closest-corner,rgba(16,47,70,0) 60%,rgba(16,47,70,.2)),-moz--moz-linear-gradient(342deg,#efb676,#e0a681 10%,#0f1b58 90%);
    background-image: -moz--o-radial-gradient(closest-corner,rgba(16,47,70,0) 60%,rgba(16,47,70,.2)),-moz--o-linear-gradient(342deg,#efb676,#e0a681 10%,#0f1b58 90%);
    background-image: -moz--ms-radial-gradient(closest-corner,rgba(16,47,70,0) 60%,rgba(16,47,70,.2)),-moz--ms-linear-gradient(342deg,#efb676,#e0a681 10%,#0f1b58 90%);
    background-image: -ms--webkit-radial-gradient(closest-corner,rgba(16,47,70,0) 60%,rgba(16,47,70,.2)),-ms--webkit-linear-gradient(342deg,#efb676,#e0a681 10%,#0f1b58 90%);
    background-image: -ms--moz-radial-gradient(closest-corner,rgba(16,47,70,0) 60%,rgba(16,47,70,.2)),-ms--moz-linear-gradient(342deg,#efb676,#e0a681 10%,#0f1b58 90%);
    background-image: -ms--o-radial-gradient(closest-corner,rgba(16,47,70,0) 60%,rgba(16,47,70,.2)),-ms--o-linear-gradient(342deg,#efb676,#e0a681 10%,#0f1b58 90%);
    background-image: -ms--ms-radial-gradient(closest-corner,rgba(16,47,70,0) 60%,rgba(16,47,70,.2)),-ms--ms-linear-gradient(342deg,#efb676,#e0a681 10%,#0f1b58 90%);
    background-image: -ms-radial-gradient(closest-corner,rgba(16,47,70,0) 60%,rgba(16,47,70,.2)),-ms-linear-gradient(108deg,#efb676,#e0a681 10%,#0f1b58 90%);
	
	background-position:center;
	background-attachment:fixed;
	
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;

	background-size:cover;
	background-repeat:no-repeat;
	
	z-index:1;
	position:relative;
}

#menu{
	display:block;
	max-width:1200px !important;
	margin:0 auto;
	padding:0;
	padding-top:5px;
	vertical-align:middle;
}

#menu ul{
	display:inline-block;
	margin:0;
	padding:0;
	list-style:none;
	float:right;
}

#menu li{
	display:inline-block;
	margin:12px;
	padding:0;
	font-size:12px;
	font-weight:700;
	text-transform:uppercase;
	color:#FFF;
}

#menu a{
	color:#FFF;
	
	-o-transition:.4s;
	-ms-transition:.4s;
	-moz-transition:.4s;
	-webkit-transition:.4s;

	transition:.4s;
}

#menu a:hover{
	color:#DBDBDB;
}

#logo{
	vertical-align:middle;
}

#headerContent{
	display:inline-block;
	width:100%;
	height:320px;
	max-width:1200px !important;
	position:absolute;
	top:0%; right:0%; bottom:0%; left:0%;
	margin:auto;
	padding-top:20px;
}

h1{
	margin:0;
	text-align:center;
	font-size:42px;
	font-weight:300;
	color:#FFF;
}

#centerContent{
	max-width:100%;
	margin:0 auto;
	margin-top:20px;
	margin-bottom:20px;
	text-align:center;
	vertical-align:middle;
}

#first{
	display:inline-block;
	text-align:center;
}

#second, #third, #fourth{
	display:none;
	width:100%;
	max-width:500px !important;
	height:540px;
	position:absolute;
	top:0%; right:0%; bottom:0%; left:0%;
	margin:auto;

	text-align:center;
}

#login{
	width:100%;
	max-width:368px !important;
	height:360px;
	position:absolute;
	top:0%; right:0%; bottom:0%; left:0%;
	margin:auto;
	text-align:center;
}

#secondContent, #thirdContent, #fourthContent{
	width:100%;
	height:100%;
	padding:20px;
	text-align:center;
	background:#FFF;
	color:#6B6B6B;
	
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	border-radius: 2px;
	
	-webkit-box-shadow: 0px 0px 7px 1px rgba(0,0,0,0.4);
	-moz-box-shadow: 0px 0px 7px 1px rgba(0,0,0,0.4);
	box-shadow: 0px 0px 7px 1px rgba(0,0,0,0.4);
}

#third{
	height:500px;
}

#thirdContent{
	text-align:left;
}

#productLink{
	display:block;
	width:320px;
	margin:0 auto;
	margin-bottom:20px;
	text-align:center;
	font-size:20px;
	font-weight:bold;
}

#thirdContent .center{
	text-align:center;
}

#thirdContent img{
	margin-bottom:15px;
	text-align:center;
	max-height: 80px;
}

#thirdContent p{
	margin-bottom:10px;
}

#thirdContent p.mini{
	margin-top:4px;
	font-size:12px;
}

#fourth{
	
}

#fourthContent{
	
}

#fourthContent p{
	margin-bottom:10px;
}

#plusGif{
	margin-bottom:10px;	
}

#urlContainer{
	display:inline-block;
	max-width:800px;
	padding:10px;
}

#urlContainer table{
	width:100%;
}

#urlContainer td{
	width:100%;
	vertical-align:middle;
}

#urlInput{
	margin:0;
	max-width:100%;
	padding:19px 15px;
	padding-right:96px;
}

#urlInputSubmit{
	margin:0;
	white-space:nowrap;
}

.inputError{
	border:solid 1px #E89C9E;
}

#errorContainer{
	display:none;
	margin:10px auto;
	margin-bottom:0;
	text-align:center;
}

#urlError{
	display:inline;
	padding:10px 20px;
	background:#F5CBD1;
	text-align:center;
	font-size:11px;
	color:#AA2031;
	
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
}

#createProduct{
	display:none;
	width:100%;
	height:100%;
	max-width:620px !important;
	margin:0 auto;
	margin-top:5%;
	margin-bottom:10px;
	padding:20px;
	background:#000;
	background-color:rgba(0,0,0,0.55);
	text-align:center;
	vertical-align:middle;
	color:#FFF;
	
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	border-radius: 8px;
}

h2{
	margin:10px 0;
	margin-bottom:20px;
	text-align:center;
	font-size:20px;
	font-weight:300;
}

#createProductForm{
	display:inline-block;
	width:100%;
}

input, textarea{
	width:100%;
	display:inline-block;
	margin-bottom:10px;
	padding:15px;
	outline:none;
	border:solid 1px #E3E1E4;
	background:#fff;
	text-align:left;
	font-family: 'Lato', sans-serif;
	font-size:16px;
	font-weight:400;
	color:#1F1F1F;
}

input:focus, textarea:focus{
	outline:none;
}

.formHidden{
	display:none;
	visibility:hidden;
}

.bigTitle{
	width:100%;
	margin-bottom:20px;
	text-align:center;
	color:#515151;
	font-size:18px;
	font-weight:bold;
}

#title a:hover{
	color:#F9653B;
}

#productName{
	max-width:244px;
	font-weight:bold;
}

#price{
	max-width:95px;
	margin-left:6px;
	text-align:right;
	font-weight:bold;
}

#currency{
	display:inline-block;
	width:100%;
	max-width:100px;
	margin-bottom:10px;
	margin-left:6px;
	padding:15px;
	outline:none;
	border:solid 1px #E3E1E4;
	background:#FFF;
	background:url(../img/select.png) #FFF no-repeat right;
	font-family: 'Lato', sans-serif;
	font-size:16px;
	font-weight:400;
	color:#1F1F1F;
	cursor:pointer;
	position:relative;
}

#fall{
	position:absolute;
	left:-1px;
	top:50px;
	width:101px;
	height:0;
	padding:0;
	background:#FFF;
	text-align:left;
	overflow:hidden;
	
	-o-transition:.2s;
	-ms-transition:.2s;
	-moz-transition:.2s;
	-webkit-transition:.2s;

	transition:.2s;
	
	z-index:3;
}

#fall ul{
	width:100%;
	margin:0;
	padding:0;
	list-style:none;
	text-align:left;
}

#fall li{
	width:100%;
	margin:0;
	padding:8px;
	padding-left:15px;
	border-left:solid 1px #E3E1E4;
	border-right:solid 1px #E3E1E4;
}

#fall li:last-child{
	border-bottom:solid 1px #E3E1E4;
}

#fall li:hover{
	background:#AFE2FF;
}

#fall li.currencySelected{
	background:#AFE2FF;
}

#paypalInput{
	background:url(../img/paypalInputIcon.png) no-repeat right;
	padding-right:30px;
}

#mailInput{
	background:url(../img/mailInputIcon.png) no-repeat right;
	padding-right:30px;
}

#inputPass{
	width:229px;
	margin-right:6px;
}

#confPass{
	width:220px;
}

#productImage{
	position:relative;
	height:100%;
	margin-bottom:10px;
	overflow:hidden;
	z-index:1;
}

#checkbox{
	font-size:11px;
	padding:10px 0;
}

#createButton{
	position:absolute;
	right:20px;
	bottom:15px;
}

.back{
	position:absolute;
	top:22px;
	left:20px;
	cursor:pointer;
}

.labelCheckbox{
    display: block;
    padding-left: 15px;
    text-indent: -15px;
	margin-bottom:10px;
}

.checkboxInput{
    width: 13px;
    height: 13px;
    padding: 0;
    margin:0;
    vertical-align: bottom;
    position: relative;
    top: -1px;
    *overflow: hidden;
}

#doneButtons{
	text-align:center;
}

#buyPlusButton{
	font-weight:bold;
	margin-left:10px;	
}

.error{
	-webkit-box-shadow: 0px 0px 10px 0px rgba(255, 100, 100, 1);
	-moz-box-shadow:    0px 0px 10px 0px rgba(255, 100, 100, 1);
	box-shadow:         0px 0px 10px 0px rgba(255, 100, 100, 1);
	border:solid 2px #EF4454;
}

.valid{
	border:solid 3px #5aba3f;
}

#productImage input{
	margin:0;
}

#prevImg{
	padding-right:60px;
}

#urlBar{
	position:relative;
}
.uploadButton{
	position:absolute;
	top:14px;
	right:8px;
	width:36px;
	padding:4px;
	vertical-align:middle;
	background:#f5f9fb;
	border:solid 1px #48a3d2;
	font-size:14px;
	color:#008bd3;
	white-space:nowrap;
	text-align:center;
	
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	border-radius: 2px;
	
	cursor:pointer;
}
.uploadButton:hover{
	background:#ddedf5;
}
.uploadButton img{
	height:20px;
	width:auto;
	vertical-align:middle;
	text-align:center;
}
#dbUpload{
	/* right:48px; */
}
#gdUpload{
	display: none;
}


.uploadButton input {
    display: block !important;
    width: 45px !important;
    height: 45px !important;
	padding-left:50px;
    opacity: 0 !important;
    overflow: hidden !important;
	cursor:pointer;
}

#delete{
	display:none;
	position:absolute;
	top:5px;
	right:7px;
    width: 45px;
    height: 45px;
	text-align:center;
	vertical-align:middle;
	cursor:pointer;
	z-index:2;
}

#showDescr{
	display:inline-block;
	margin-top:10px;
	text-align:center;
	font-weight:700;
	cursor:pointer;
}

#showDescr:hover{
	color:#5aba3f;
}

#descr{
	height:0;
	padding:0 15px;
	visibility:hidden;
	
	-o-transition:.5s;
	-ms-transition:.5s;
	-moz-transition:.5s;
	-webkit-transition:.5s;

	transition:.5s;
}

#space{
	display:inline-block;
	width:20px;
	min-height:2px;
	min-width:20px;
	background:none;
}

#buttons{
	display:block;
	text-align:center;
	margin-top:10px;
}

#content{
	width:100%;
	padding:15px 0;
	padding-bottom:30px;
	background:#FFF;
}

.topContent{
	max-width:1200px;
	display:block;
	margin:0 auto;
	padding:20px;
}

#about{
	margin-top:40px;
}

#goUp{
	color:#74bee0;
	cursor:pointer;
}

#featuresList{
	display:inline-block;
	width:100%;
	max-width:570px;
	padding-right:10px;
	padding-top:25px;
	vertical-align:top;
}

#featuresList ul{
	list-style-type:decimal;
}

#video{
	display:inline-block;
	width:100%;
	max-width:570px;
}

#content2{
	width:100%;
	padding:15px 0;
	padding-bottom:30px;
	background:#FFF;
}

#mainFeatures{
	margin-top:0;
	padding:30px 0;
	background:#f0f3f4;
}

#mainFeatures table{
	width:100%;
	max-width:1200px;
	margin:0 auto;
	border:none;	
}

#mainFeatures td{
	width:20%;
	padding:10px 20px;
	text-align:center;
	font-size:14px;
	color:#A9ABAF;
}

.bigFeature{
	text-align:center;
	display:block;
	margin-bottom:15px;
	font-size:36px;
	color:#31373e;
}

.featureElement{
	display:inline-block;
	width:100%;
	max-width:560px;
	margin:25px 0;
	vertical-align:top;
}
.featureElement:nth-child(2n){
	margin-right:36px;
}
.featureIcon{
	float:left;
	display:inline-block;
	width:70px;
	vertical-align:top;
}
.featureContent{
	float:right;
	display:inline-block;
	width:490px;
	vertical-align:top;
}
.featureTitle{
	font-size:18px;
	color:#31373e;
	margin-bottom:8px;
	font-weight:bold;
}
#plans{
	margin-top:30px;
	margin-bottom:-30px;
	padding-top:15px;
	padding-bottom:35px;
	
	/*
	background:#3399db;
	*/
	
	background: #1e8ecf;
    background-image: -webkit--webkit-radial-gradient(closest-corner,rgba(16,47,70,0) 60%,rgba(16,47,70,.26)),-webkit--webkit-linear-gradient(342deg,#26d0ce,#1a2980 90%);
    background-image: -webkit--moz-radial-gradient(closest-corner,rgba(16,47,70,0) 60%,rgba(16,47,70,.26)),-webkit--moz-linear-gradient(342deg,#26d0ce,#1a2980 90%);
    background-image: -webkit--o-radial-gradient(closest-corner,rgba(16,47,70,0) 60%,rgba(16,47,70,.26)),-webkit--o-linear-gradient(342deg,#26d0ce,#1a2980 90%);
    background-image: -webkit--ms-radial-gradient(closest-corner,rgba(16,47,70,0) 60%,rgba(16,47,70,.26)),-webkit--ms-linear-gradient(342deg,#26d0ce,#1a2980 90%);
    background-image: -webkit-radial-gradient(closest-corner,rgba(16,47,70,0) 60%,rgba(16,47,70,.26)),-webkit-linear-gradient(108deg,#26d0ce,#1a2980 90%);
    background-image: -moz--webkit-radial-gradient(closest-corner,rgba(16,47,70,0) 60%,rgba(16,47,70,.26)),-moz--webkit-linear-gradient(342deg,#26d0ce,#1a2980 90%);
    background-image: -moz--moz-radial-gradient(closest-corner,rgba(16,47,70,0) 60%,rgba(16,47,70,.26)),-moz--moz-linear-gradient(342deg,#26d0ce,#1a2980 90%);
    background-image: -moz--o-radial-gradient(closest-corner,rgba(16,47,70,0) 60%,rgba(16,47,70,.26)),-moz--o-linear-gradient(342deg,#26d0ce,#1a2980 90%);
    background-image: -moz--ms-radial-gradient(closest-corner,rgba(16,47,70,0) 60%,rgba(16,47,70,.26)),-moz--ms-linear-gradient(342deg,#26d0ce,#1a2980 90%);
    background-image: -ms--webkit-radial-gradient(closest-corner,rgba(16,47,70,0) 60%,rgba(16,47,70,.26)),-ms--webkit-linear-gradient(342deg,#26d0ce,#1a2980 90%);
    background-image: -ms--moz-radial-gradient(closest-corner,rgba(16,47,70,0) 60%,rgba(16,47,70,.26)),-ms--moz-linear-gradient(342deg,#26d0ce,#1a2980 90%);
    background-image: -ms--o-radial-gradient(closest-corner,rgba(16,47,70,0) 60%,rgba(16,47,70,.26)),-ms--o-linear-gradient(342deg,#26d0ce,#1a2980 90%);
    background-image: -ms--ms-radial-gradient(closest-corner,rgba(16,47,70,0) 60%,rgba(16,47,70,.26)),-ms--ms-linear-gradient(342deg,#26d0ce,#1a2980 90%);
    background-image: -ms-radial-gradient(closest-corner,rgba(16,47,70,0) 60%,rgba(16,47,70,.26)),-ms-linear-gradient(108deg,#26d0ce,#1a2980 90%);
		
	color:#FFF;
}
#plans h2{
	padding-bottom:20px;
}
#plans-img{
	width:100%;
	max-width:560px;
	display:inline-block;
}
#plans-img img{
	width:100%;
}
#plans-img p{
	margin-top:10px; text-align:justify;
}
#plans-table{
	display:inline-block;
	margin-left:36px;
	width:100%;
	max-width:560px;
	vertical-align:top;
	text-align:center;
}
#plans-table table{
	width:100%;
	border-spacing:0;
	border-collapse:collapse;
	margin-bottom:20px;
	color:#FFF;
	border:1px solid #FFF; 
}
#plans-table td{
	border:1px solid #FFF;
	padding:8px;
	text-align:center;
}

#plans-table td:first-child{
	text-align:left;
}

#plans-table .table-title{
	font-size:18px;
	font-weight:bold;
}