*{font-family: 'Roboto', sans-serif; font-size: 18px; color: #0a0a0a;}
.wrap { text-align: center; min-width: 300px;}
.wrap > div { margin: 0 auto; text-align: left; padding: 0px 10px; max-width: 1220px; min-width: 300px; width: 100%;}
.clear { clear: both !important;}
.ta-left { text-align: left;}
.ta-right {text-align: right;}
.ta-center { text-align: center;}
.center { margin: 0 auto; clear: none;}
.hdn{display:none;}
b {font-size: inherit}
.pt20 {padding-top: 20px}
.pb20 {padding-bottom: 20px}
.width100 img {max-width: 100%}

.button, #header .mainmenu li a {
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	transition: all 0.3s;
}

h2.header { text-align: center; position: relative;}
h2.header span { display: inline-block; padding: 0px 40px; background-color: #fff; position: relative; font-size: 48px; color: #13592f; font-family: "PT Serif",sans-serif; text-transform: uppercase;}
h2.header:before { height: 2px; background: #13592f; position: absolute; top: 50%; margin-top: -1px; display: block; content: ""; width: 100%;}
.button:hover, .button:focus, .button-registration:hover, .button-registration:focus  { color: #fff; background: #970e12; text-decoration: none; outline: none;}
.for-you-wrap { background:url(../img/for-you-bg.png) center center no-repeat; background-size: cover; position: relative}
.gray-bg-transparent:before {content:"";display: block; background: rgba(35, 35, 35, 0.65); position: absolute; left: 0;top: 0; width: 100%; height: 100%; z-index: 1;}
.gray-bg-transparent > div {position: relative;z-index: 2 }
.gray-bg-transparent {position: relative;}
.line-white-before h2:before {
	border-top: 1px solid #fff;
	padding-top: 20px;
	max-width: 990px;
	content: "";
	display: block;
	margin: 0 auto;
	margin-top: 20px;
}
.for-you-block .item {max-width:400px; margin: 0 auto}
.for-you-block .item-img img {max-width: 100%}
.for-you-block .item-text {padding: 20px 10px; margin-bottom: 85px; font-size: 15px }
.for-you-block .item-text p { font-size: 15px }
.button-more {position: relative; font-size: 14px !important;padding: 5px 50px 5px 20px!important; text-transform: none !important}
.button-more:after {background: url("/templates/navigator4life/main/img/arrow-button.svg") center center no-repeat;
	content: "";
	right: 12px;
	top: 8px;
	position: absolute;
	height: 16px;
	background-size: contain;
	width: 30px;}
.button-more:hover:after {background: url("/templates/navigator4life/main/img/arrow-button-blue.svg") center center no-repeat;
	content: "";
	right: 12px;
	top: 8px;
	position: absolute;
	height: 16px;
	background-size: contain;
	width: 30px;}
.wf300 {font-weight: 300}
.item-button-mini {
	position: absolute;
	bottom: 0px;
	left: 25%;
}
.decorate-line-dots {
	width: auto; border-top: dashed 2px #C7C7C7;
}
#blog-page p+p {padding-top: 20px}