@charset "utf-8";

*{
	margin: 0;
	padding: 0;
	outline: none;

	position: relative;

	-webkit-transition:	color 0.3s, background-color 0.3s, border-color 0.3s, opacity 1s;
	-moz-transition:	color 0.3s, background-color 0.3s, border-color 0.3s, opacity 1s;
	-o-transition:		color 0.3s, background-color 0.3s, border-color 0.3s, opacity 1s;
	transition:			color 0.3s, background-color 0.3s, border-color 0.3s, opacity 1s;

	box-sizing: border-box;
	-moz-box-sizing: border-box; /*Firefox 1-3*/
	-webkit-box-sizing: border-box; /* Safari */


/*	-webkit-transition: 	transform 1s;
	-moz-transition: 		transform 1s;
	-o-transition: 			transform 1s;
	transition: 			transform 1s;*/
}

*:before, *:after{
	-webkit-transition:	color 0.3s, background-color 0.3s, border-color 0.3s, opacity 1s;
	-moz-transition:	color 0.3s, background-color 0.3s, border-color 0.3s, opacity 1s;
	-o-transition:		color 0.3s, background-color 0.3s, border-color 0.3s, opacity 1s;
	transition:			color 0.3s, background-color 0.3s, border-color 0.3s, opacity 1s;
}

.fa, .fa:before, .fa:after{
	-webkit-transition: all 0s;
	-moz-transition: all 0s;
	-o-transition: all 0s;
	transition: all 0s;
}


html{
	width: 100%;
	height: 100%;
}

body{
	width: 100%;
	height: auto;
	min-height: 100%;
	min-width: 300px;
	position: relative;

	font-size: 16px;
	/*line-height: 1.5em;*/
}

p{
	margin-top: 15px;
	margin-bottom: 15px;
}

span{
	display: inline-block;
}

i.fa{
	vertical-align: baseline;
}

input, textarea{
	font-family: inherit;
	font-size: inherit;
}

textarea{
	resize: vertical;
}

h1, h2, h3, h4, h5, h6{
	font-weight: normal;
	line-height: 1.2em;
}

h1{
	font-size: 240%;
	letter-spacing: -0.04em;
	/*font-family: 'Roboto Slab', serif;*/
}
h2{font-size: 210%;}
h3{
	font-size: 180%;
	font-weight: 300;
	padding: 30px 0 10px 0;
}
h4{font-size: 150%;}
h5{font-size: 120%;}
h6{font-size: 120%;}


label, input[type="button"], input[type="submit"], a{
	cursor: pointer;
}

a{
	color: #53a7dc;
	cursor: pointer;
}

a:hover{
	color: #000000;
}

img{
	border: none;
	max-width: 100%;
	width: auto;
	height: auto;
}

.img_block{
	display: block;
	margin: 0 auto;
}

hr{
	border: none;
	height: 1px;
	display: block;
	background: #d7d7d7;
	margin: 30px 0 15px 0;
}

strong{
	font-weight: bold;
	/*font-size: 120%;*/
}
ul li, ol li{
	list-style: none;
	padding: 0.15em 0;
}
ul li:before{
	content: "— ";
	color: #53a7dc;
}

ol{
	counter-reset: list1;
}
ol li:before{
	counter-increment: list1;
	content: counter(list1) ". ";
	color: #53a7dc;
	font-size: 80%;
}


/*-----------------------------------*/

.clear{}
.clear:after{
	content: "";
	display: block;
	clear: both;
}