/* styles */
.center{
	float: none !important;
	clear: both;
	margin: 0px auto;
}
.wrapper{
	width: 100%;
	clear: both;
}

header{

}

img{
	max-width: 100%;
}
/* positions */
.right{
	float: right !important;
}

.left{
	float: left;
}
/* buttons */
.button, input[type="submit"].button{
	padding: 10px;
	border-radius: 4px;
}


.button-green, .form form input[type="submit"].button-green{
	background: linear-gradient(#99dd4f,#2ea410);
	color: white;
	font-weight: bold;
	font-size: 1.4em;

}



.button-green, .form form input[type="submit"].button-green:hover{
	background: linear-gradient(#2ea410 ,#99dd4f);
	color: white;
	font-weight: bold;
	font-size: 1.4em;

}


/* colors */

.blue_t{
	color: #008aff;
}
.white_t{
	color: white;
}

.black_t{
	color: black;
}

.green_t{
	color: green;
}

.orange_t{
	color: orange;
}


.gray_t{
	color: #ccc;
}

/*backgrounds*/

.blue{
	background: rgb(0, 138, 255);;
}


.light{
	background: #f9f9f9;
}

.gray{
	background: #ccc;
}

.dark{
	background: #333;
}

.darker{
	background: #090808;
}

.black{
	background: black;
}

.green{
	background: rgba(138, 222, 84, 0.88);;
}
.orange{
	background: orange;
}

.white{
	background: white;
}
/* transparent bgs*/

.light_alpha{
	background: #f9f9f9;
	opacity: 0.6;
    filter: alpha(opacity=60);
}

.gray_alpha{
	background: #ccc;
	opacity: 0.6;
    filter: alpha(opacity=60);
}

.dark_alpha{
	background: #333;
	opacity: 0.6;
    filter: alpha(opacity=60);
}

.black_alpha{
	background: black;
	opacity: 0.6;
    filter: alpha(opacity=60);
}

.orange_alpha{
	background: orange;
	opacity: 0.6;
    filter: alpha(opacity=60);
}


/* margins */

.margin-0{
	margin: 0px;
}

.margin-2{
	margin-top: 2%;
}

.margin-5{
	margin-top: 5%;
}
.margin-10{
	margin-top: 10%;

}



.margin-15{
	margin-top: 15%;
}

.margin-20{
	margin-top: 20%;
}

/* margin-bottom*/

.margin-b-20{
	margin-bottom: 20px;
}

.margin-b-40{
	margin-bottom: 40px;
}
/* shadows */

.text-shadow{
	text-shadow: 2px 3px 5px rgba(0,0,0,0.3);
}

.box-shadow{
	box-shadow: 0px 0px 30px rgba(0, 0, 0, 0.19), inset 0px 0px 30px rgba(0, 0, 0, 0.05);
	border: 2px solid #3333;
}

.inner-shadow{
	box-shadow: inset 0px 0px 5px rgba(0,0,0,0.3);
}

/* round corners */

.round-5{
	border-radius: 5px;
}

.round-10{
	border-radius: 10px;
}

.round-20{
	border-radius: 20px;
}

.round-30{
	border-radius: 30px;
}

.round-50{
	border-radius: 50px;
}

.round-100{
	border-radius: 100%;
}

.btn.round-100{
	border-radius: 50px;
}
/* heights*/
.height-50{
	min-height: 50px !important;
}


.height-100{
	min-height: 100px !important;
}


.height-200{
	min-height: 200px !important;
}

.height-250{
	min-height: 250px !important;
}

.height-300{
	min-height: 300px !important;
}

.height-350{
	min-height: 350px;
}

.height400{
	min-height: 400px !important;
}
.height-500{
	min-height: 500px !important; 
}

/* width*/

.width-200{
	width: 2000px;
}
/* padding */

.padding-0{
	padding: 0px;
	padding-left: 0px !important;
	padding-right: 0px !important;
}
.padding-5{
	padding: 5px;
}
.padding-10{
	padding: 10px;
}

.padding-20{
	padding: 20px;
}

.padding-30{
	padding: 30px;
}

.padding-50{
	padding: 50px;
}
/* popups */

.occlude{
	position: fixed;
	top: 0px;
	bottom: 0px;
	width: 100%;
	z-index: 1000;
	background: rgba(0,0,0,0.7);
	cursor: pointer;
	display: none;
	opacity: 0;
	transition: all 1s ease;
}

.popup{
	position: absolute;
	left: 35%;
	top: 15%;
	z-index: 1500;
	display: none;
	opacity: 0;
	transition: all 1s ease;
}

/* lists */

/* no-bullets */

ul.no-bullets li{
	list-style-type: none;
}

/* forms */

/* form-type-1 */
.form{
	padding: 20px;
}

.form form input{
	margin-bottom: 5px;
	/*width: 100%;*/
	padding: 4px;
}

.labels label{
	font-weight: 100;
	color: #555;
	margin: 0px;
	font-size: .8em;

}

.form.labels form input{
	margin-bottom: 10px;
	
}


.form.form-type-1 form{
	width: 100%;
}

.form.form-type-1 form input{
	border:none;
	background: #efefef;
}


/* borders */
.border_white{
	border: 1px solid white;
}

/*lists*/

.no-dots{
	list-style-type: none;
}

/* media queries */

@media only screen and (max-width: 768px) {

   /* for desktop*/
}

@media only screen and (max-width: 600px) {
	/*for tablets */

	.padding-50, .padding-30{
		padding: 10px;
	}
}


@media only screen and (max-width: 400px) {
	.popup{
		left: 2%;
	}
	.button, .form form input.button-green[type="submit"]{
		font-size: 1em ;
	}
	.container{
		width: 100% !important;
		
	}
	/*for mobile phones */
}