@import url("reset.css");

html, body {
	width: 100%;
}

body {
	background: #fff;
	font-family: 'PT Sans', sans-serif;
}

strong {
	font-weight: 700;
}

em {
	font-style: italic;
}

.clear {
	clear: both;
}

.wrapper {
	width: 960px;
	margin: 0 auto;
}

a {
	text-decoration: none;
	color: #729dd1;
}

/*Плейсхолдеры*/
::-webkit-input-placeholder {color:#6D6D6D;}
::-moz-placeholder          {color:#6D6D6D;}/* Firefox 19+ */
:-moz-placeholder           {color:#6D6D6D;}/* Firefox 18- */
:-ms-input-placeholder      {color:#6D6D6D;}
:focus::-webkit-input-placeholder {color: transparent}
:focus::-moz-placeholder          {color: transparent}
:focus:-moz-placeholder           {color: transparent}
:focus:-ms-input-placeholder      {color: transparent}

/***********Общие элементы************/

.page-header {
	height: 100px;
	padding-top: 1px;
	width: 100%;
}

.logo {
	float: left;
	font-size: 25px;
	margin: 20px 0 0 0;
	color: #8094b1;
	line-height: 30px;
}

.logo span {
	font-weight: 700;
	font-size: 30px;
	text-transform: uppercase;
	display: block;
	color: #31507e;
}

.header-phone {
	float: right;
	margin: 35px 0 0 0;
	padding: 0 0 0 40px;
	font-size: 16px;
	background: url('../images/phone.png') 0 50% no-repeat;
}

.header-phone span {
	display: block;
	text-transform: uppercase;
	font-size: 18px;
}

.page-nav {
	background: #F0F0F0;
	height: 50px;
}

.page-nav ul {
	width: 815px;
	margin: 0 auto;
	padding: 7px 0;
}

.page-nav ul li {
	float: left;
	background: url('../images/sepor.png') 100% 50% no-repeat;
}

.page-nav ul li:last-child {
	background: none;
}

.page-nav ul li a {
	font-size: 18px;
	color: #060606;
	display: block;
	padding: 10px 40px;
	text-transform: uppercase;
	text-align: center;
}

.page-nav ul li a span {
	padding-bottom: 9px;
}

.page-nav ul li a.active span, .page-nav ul li a:hover span {
	border-bottom: 4px solid #75bc3f;
}

.block-header {
	text-transform: uppercase;
	color: #000;
	font-size: 24px;
	font-weight: 700;
	letter-spacing: 1px;
}

.page-footer {
	width: 100%;
	min-height: 135px;
	background: #DEDEDE;
	padding: 20px 0;
}

.footer-left, .footer-right, .footer-middle {
	float: left;
	min-height: 135px;
}

.footer-right, .footer-middle {
	background: url('../images/side-stripe.png') 0 50% no-repeat;
}

.footer-left {
	width: 300px;
}

.fl-text {
	font-size: 20px;
	color: #31507e;
	font-weight: 700;
	width: 240px;
    line-height: 26px;
}

.creator {
	margin: 18px 0 0 0;
	color: #4a4a4a;
}

.creator span, .creator a {
	float: left;
	display: block;
	height: 32px;
	line-height: 32px;
}

.creator a {
	text-transform: uppercase;
	text-decoration: underline;
	padding: 0 38px 0 5px ;
	background: url('../images/creator.png') 100% 0 no-repeat;
	color: #4a4a4a;
}

.creator a:hover {
	text-decoration: none;
}

.footer-middle {
	width: 207px;
	padding: 5px 70px;
}

.footer-info {
	font-size: 15px;
	color: #060606;
	line-height: 19px;
	margin: 0 0 5px 0;
}

.footer-info span {
	color: #31507e;
	display: block;
}

.footer-right {
	padding: 5px 0 5px 70px;
	color: #004bbc;
}

.footer-info a {
	display: block;
	border-bottom: 1px dashed #004bbc;
}

.footer-info a:hover {
	border-bottom: none;
}

/************Главная*************/

/*Слайдер*/

.bx-wrapper {
	margin: 0 auto;
}

.bx-wrapper .bx-viewport {
	border: 0;
	left: 0;
}

.main-slide {
	position: relative;
	width: 1920px;
	height: 648px;
	left: 50%;
	margin: 0 0 0 -960px;
}

.main-slide img {
	width: 100%;
}

.ms-caption {
	position: absolute;
	font-size: 45px;
	text-transform: uppercase;
	color: #fff;
	width: 960px;
	top: 36%;
	left: 50%;
    line-height: 62px;
	margin: 0 0 0 -480px;
	letter-spacing: 5px;
	font-weight: 700;
	text-align: center;
}

.bx-wrapper .bx-pager.bx-default-pager a {
	width: 17px;
	height: 17px;
	background: url('../images/pagen.png') 0 0 no-repeat;
}

.bx-wrapper .bx-pager.bx-default-pager a.active {
	background: url('../images/pagen.png') 0 100% no-repeat;
}

.bx-wrapper .bx-pager.bx-default-pager a.active:hover {
	background: url('../images/pagen.png') 0 100% no-repeat;
}

.bx-wrapper .bx-pager, .bx-wrapper .bx-controls-auto {
	bottom: 20px;
}

.bx-wrapper .bx-pager.bx-default-pager a:hover {
	background: url('../images/pagen.png') 0 0 no-repeat;
}

/*О компании*/

.main-about {
	width: 100%;
	background: #F0F0F0;
	padding: 40px 0 50px 0;
}

.ma-header {
	text-align: center;
	padding: 0 0 40px 0;
}

.main-about-box {
	background: #fff;
	width: 100%;
	min-height: 310px;
}

.mab-image {
	width: 240px;
	float: left;
}

.mab-image img {
	width: 100%;
	display: block;
}

.mab-content {
	float: right;
	width: 670px;
	padding: 25px;
}

.mab-header {
	padding: 0 0 20px 0;
}

.mab-content p {
	font-size: 15px;
	line-height: 24px;
}

.mab-content ul {

}

.mab-content ul li {
	padding: 4px 13px;
	background: url('../images/li.png') 0 10px no-repeat;
}

/*Услуги*/

.main-service {
	width: 100%;
	height: 734px;
	background: url('../images/service-back.jpg') 50% 0 no-repeat;
	position: relative;
}

.ms-header {
	text-align: center;
	padding: 50px 0 0 0;
}

.ms-text {
	width: 850px;
	margin: 12px auto 0 auto;
	text-align: center;
	font-style: italic;
	color: #767676;
	padding: 7px 20px;
	background: #C9E3FE;
	line-height: 23px;
	font-size: 17px;
}

.service-boxes {
	position: absolute;
	top: 182px;
	left: 50%;
	width: 960px;
	margin: 0 0 0 -480px;
}

.service-box {
	width: 228px;
	position: absolute;
	text-align: center;
}

.service-box h3 {
	font-size: 18px;
	text-align: center;
	margin: 15px 0 0 0;
	color: #fff;
}

.sb1 {
	left: 42px;
}

.sb2 {
	left: 362px;
}

.sb3 {
	left: 683px;
}

.sb4 {
	top: 280px;
    left: 197px;
}

.sb5 {
	top: 279px;
    left: 516px;
}

/*Преимущества*/

.main-benefits {
	width: 100%;
	height: 367px;
	background: url('../images/adv-back.jpg') 50% 0 no-repeat;
}

.mb-header {
	text-align: center;
	padding: 50px 0 0 0;
}

.benefits-boxes {
	width: 960px;
	margin: 47px auto 0 auto;
	background: url('../images/adv-borders.png') 50% 0 no-repeat;
	height: 206px;
}

.mb-box {
	width: 320px;
	float: left;
	padding: 15px 0 0 0px;
	height: 100px;
}

.mb-img {
	text-align: center;
	float: left;
	width: 100px;
}

.mb-box h3 {
	float: left;
	width: 220px;
	margin: 3px 0 0 0;
	font-size: 15px;
}

.mb-box h3 span {
	display: block;
	font-weight: 700;
}

/*Блок формы*/

.form-block {
	padding: 30px 0 50px 0;
}

.form-text {
	background: url('../images/top-stripe.png') 50% 0 no-repeat;
	padding: 20px 0px 30px 0;
	font-style: italic;
	font-size: 20px;
	text-align: center;
	line-height: 24px;
}

.form-box {
	width: 100%;
	height: 210px;
	background: url('../images/form-back.jpg') no-repeat;
}

.form-header {
	font-weight: 700;
	color: #fff;
	text-transform: uppercase;
	font-size: 24px;
	width: 500px;
	padding: 30px 0 0 30px;
    letter-spacing: 1px;
	line-height: 30px;
}

.form-bottom {
	padding: 20px 0 0 30px;
}

.form-item {
	float: left;
	margin: 0 20px 0 0;
}

.form-box label {
	display: block;
	color: #fff;
	font-size: 17px;
	margin: 0 0 15px 0;
}

.form-input {
	display: block;
	border: 0;
	outline: 0;
	color: #6D6D6D;
	width: 220px;
	height: 40px;
	line-height: 40px;
	padding: 0 0 0 15px;
	font-size: 16px;
}

.form-submit {
	font-size: 16px;
	color: #fff;
	text-transform: uppercase;
	height: 40px;
	display: block;
	float: left;
	width: 150px;
	margin: 32px 0 0 0;
	background: #76BC3F;
	border: 0;
	outline: 0;
	cursor: pointer;
}

.form-submit:hover {
	background: #9BE164;
}

.guaraneed {
	margin: 34px 0 0 20px;
	width: 120px;
	color: #fff;
	font-size: 17px;
	float: left;
}

/*Галерея*/

.general {
	width: 960px;
	margin: 0 auto;
	padding: 0 0 30px 0;
}

.general-header {
	padding: 20px 0 0 0;
}

.breadcrumbs {
	padding: 20px 0;
}

.breadcrumbs ul li {
	float: left;
	margin: 0 10px 0 0;
}

.breadcrumbs ul li:after {
	content: ">";
	margin: 0 0 0 10px;
}

.breadcrumbs ul li:last-child:after {
	content: "";
}

.breadcrumbs ul li a.B_currentCrumb {
	text-decoration: none;
	color: #000;
}

.B_currentCrumb:hover {

}

.breadcrumbs ul li a {
	color: #729dd1;
}

.breadcrumbs ul li a:hover {
	text-decoration: underline;
}

.fotorama__arr.fotorama__arr--prev, .fotorama__arr.fotorama__arr--next  {
	width: 21px;
	height: 60px;
}

.fotorama__arr.fotorama__arr--prev {
	background: url('../images/prev.png') no-repeat;
	left: 15px;
}

.fotorama__arr.fotorama__arr--next {
	background: url('../images/next.png') no-repeat;
	right: 15px;
}

/*Статьи*/

.post-block {
	background: #F0F0F0;
	margin: 0 0 25px 0;
}

.pb-image {
	float: left;
	width: 240px;
	height: 198px;
}

.pb-image img {
	width: 100%;
}

.pb-content {
	width: 680px;
	padding: 20px;
	float: right;
	width: 670px;
    padding: 15px 25px;
}

.pb-header {
	padding: 0 0 23px 0;
}

.pb-content p {
	line-height: 18px;
    font-size: 15px;
}

.post-block ul li {
	padding: 4px 13px;
	background: url('../images/li.png') 0 10px no-repeat;
}

.read-more {
	font-size: 15px;
	margin: 20px 0 0 0;
    display: block;
}

.read-more:hover {
	text-decoration: underline;
}

.pagination {
	padding: 15px 0 0 0;
	position: relative;
	width: 145px;
	margin: 0 auto;
}

.pagination ul li {
	float: left;
	margin: 0 0 0 10px;
}

.pagination ul li a {
	color: #5186C1;
	border: 1px solid #5186C1;
	width: 35px;
	height: 35px;
	border-radius: 35px;
	display: block;
	line-height: 35px;
	text-align: center;
	font-size: 16px;
	display: block;
}

.pagination ul li a.active {
	color: #fff;
	border: 1px solid #fff;
	background: #5186C1;
}

.post-image {
	float: left;
	margin: 0 20px 20px 0;
}

.post-content {
	padding: 15px 25px;
}

.post-content p {
	line-height: 18px;
    font-size: 15px;
    padding: 15px 0;
}

/*Контакты*/

.info {
	font-size: 15px;
	color: #060606;
	line-height: 19px;
	margin: 0 0 5px 0;
	padding: 15px 0 0 0;
}

.info span {
	color: #31507e;
}

.info a {
	
}

.info a:hover {
	text-decoration: underline;
}