@import url('https://fonts.googleapis.com/css?family=Fira+Sans:300,400,500,500italic&subset=latin,cyrillic');
@import url('https://fonts.googleapis.com/css?family=Open+Sans:300,400,400i,600,600i&subset=cyrillic');
@import url('https://fonts.googleapis.com/css?family=Open+Sans+Condensed:300,700&subset=cyrillic');

html{
	-webkit-text-size-adjust: none;
}

* {
	padding: 0;
	margin: 0;
}

// nav, header, footer, .service{
// 	min-width: 100%;
// 	width: 100%;
// }

@media screen and (min-width: 1020px) {
	.content{
		width: 980px;
		margin: 0 auto;
		padding-bottom: 5px;
	}

	nav{
		max-width: 980px;
		margin: 0 auto;
		text-align: right;
		li {
			text-align: right;
			display: inline-block;
			padding-left: 40px;
		}
	}

	aside, article{
		display: inline-block;
		width: 410px;
	}

	h1 {
		font-size: 20pt;
	}
	dt{
		font-size: 14pt;
	}
}

@media screen and (max-width: 640px) {
	.content{
		margin: 0 auto;
		padding-bottom: 5px;
	}
	nav{
		justify-content: space-around;
		li {
			font-size: 12pt;
		}
	}
	h1{
		font-size: 14pt;
		text-align: center;
	}
	h2{
		text-align: center;
		margin: 0 auto;
	}
	dt{
		font-size: 12pt;
	}
	dd{
		// max-width: 88%;
	}
}


nav {
	display: flex;
	display: -webkit-flex;
	min-height: 52px;
}

nav li{
	list-style-type: none;
	line-height: 57px;
	font-family: 'Open Sans', Arial, Helvetica, sans-serif;
	font-weight: 500;
	a {
		color: #b078c6;
	}
}

li .active{
	font-family: 'Open Sans', Arial, Helvetica, sans-serif;
	font-weight: 400;
}

header{
	background: url("/theme/personal-accounter/img/logo.png") 24% 30% no-repeat, url("/theme/personal-accounter/img/feather1.png") no-repeat center bottom #eef2f5;//#F1F2F4;
	min-height: 200px;
	height: 240px;
}

h1{
	padding-top: 22px;
	padding-bottom: 10px;

	font-family: 'Open Sans', Arial, Helvetica, sans-serif;
	font-weight: 400;
	sup{
		font-weight: 300;
		font-style: italic;
	}
}

h2, h3{
	padding-top: 22px;
	padding-bottom: 10px;
	font-family: 'Open Sans Condensed', Arial, Helvetica, sans-serif;
	font-weight: 700;
	//color: #a0a0a0;
	color: #5c7caf;
}

h4{
	padding-top: 70px;
	font-family: 'Open Sans Condensed', Arial, Helvetica, sans-serif;
	font-weight: 400;
	color: #92aedd;
	//color: #b078c6;
}



.advantages{
	background: #F3F3F3;
	background-image: -o-linear-gradient(-89deg, rgba(255,255,255,0.00) 50%, rgba(255,255,255,0.50) 100%);
	background-image: -moz-linear-gradient(-89deg, rgba(255,255,255,0.00) 50%, rgba(255,255,255,0.50) 100%);
	background-image: -ms-linear-gradient(-89deg, rgba(255,255,255,0.00) 50%, rgba(255,255,255,0.50) 100%);
	background-image: linear-gradient(-179deg, rgba(255,255,255,0.00) 50%, rgba(255,255,255,0.50) 100%);
	min-height: 200px;
}

aside, article{
	padding: 10px;
	text-align: left;
	vertical-align: text-top;
}

dt{
	padding-bottom: 6px;
	font-family: 'Open Sans', Arial, Helvetica, sans-serif;
	line-height: 14pt;
}

dd {
	font-family: 'Open Sans', Arial, Helvetica, sans-serif;
	font-size: 10pt;
	line-height: 14pt;
	padding-bottom: 14px;

	-moz-hyphens: auto;
    -webkit-hyphens: auto;
    -ms-hyphens: auto;
    hyphens: auto;
}

p {
	padding: 6px;
	font-family: 'Open Sans', Arial, Helvetica, sans-serif;
	font-size: 10pt;
	line-height: 12pt;

	-moz-hyphens: auto;
    -webkit-hyphens: auto;
    -ms-hyphens: auto;
    hyphens: auto;
}

a,li {
	text-decoration: none;
}

dd a, li a .active{
	font-style: italic;
}

#spacer{
	padding-top: 20px;
	background: url('/data/uploads/assignement.jpg') no-repeat 50% 50%; 
	min-width: 100%;
	min-height: 248px;
	margin: 0 auto;
}

#partners{
	padding-top: 20px;
	background: url('/data/uploads/partners.png') no-repeat 50% 50%; 
	min-width: 100%;
	min-height: 248px;
	margin: 0 auto;
}

.partner{
	background: #eef2f5;
}


footer{
	border-top: 3px solid #282828;
	background: #393939;
	color: #FFFFFF;
}

footer div{
	
	font-family: 'Open Sans', Arial, Helvetica, sans-serif;
	font-weight: 300;
	font-size: 12px;
	text-shadow: 0px 0px 1px rgba(0,0,0,0.50);
	text-align: center;
	padding-bottom: 4pt;
	margin: 0 auto;
}