/**
 * Автор: WIKILINE/NEPSTER;
 * Дата создания файла: 12.08.2015;
 * Дата редактирования: 12.08.2015;
 * Copyright (C) 2015 WIKILINE. All rights reserved.
**/

/**
 # Основной шрифт
 * font-family: 'Open Sans', sans-serif;
 * @import url(http://fonts.googleapis.com/css?family=Open+Sans:300,400,600,700,800&subset=latin,cyrillic-ext);
**/

/**
 # - Основные настройки;
**/
html {
	height: 100%;
}
html,
body {
	width: 100%;
	margin: 0px; padding: 0px;
}

/**
 # - Основные настройки шаблона;
**/
body.site {
    height: 100%;
    background: rgb(255, 255, 255);
	font-family: 'PF Din Text Cond Pro';
}
body.site div#wrap {
    min-height: 100%; height: auto !important; height: 100%; width: 100%;
    margin: 0; padding: 0;
}
body.site div#wrap div.wrap {
    width: 100%;
    margin: 0; padding: 0;
}
div.view {
    margin: 0; padding: 0;
	position: relative;
}
div.view-string {
    margin: 0; padding: 0;
}
div.string {
    width: 960px;
    margin: 0 auto; padding: 0;
}

/**
 # -- Настройки [HEADER];
**/
header.site {
    margin: 0; padding: 0;
}
header.site div.view-string-board {
	height: 50px;
	margin: 0; padding: 0;
	background: rgb(0, 0, 0) url(../images/site/background-pattern.png) repeat 50% 50%;
}
header.site div.view-string-site {
	margin: 0; padding: 0;
	background: rgb(0, 0, 0) url(../images/site/background.jpg) repeat 50% 0%;
	/*-webkit-background-size: cover;
       -moz-background-size: cover;
         -o-background-size: cover;
       		background-size: cover;*/

}
div.search {
	margin: 0 10px; padding: 0;
	float: right;
}
div.search div.finder-search {
	display: none;
	height: 30px; width: 890px;
	margin: 0 -415px 0 0; padding: 10px 0;
	position: absolute;
	top: 0;
	right: 50%;
	z-index: 10;
	background: url(../images/site/background-pattern.png) repeat 50% 50%;;
	
}
div.search div.finder-search input {
	width: 850px;
	margin: 0;  padding: 5px 20px;
	background: rgb(255, 255, 255);
	-webkit-border-radius: 5px;
	   -moz-border-radius: 5px;
			border-radius: 5px;
	border: none;
	color: rgb(42, 42, 42);
	line-height: 20px;
	font-family: 'PF Din Text Cond Pro';
	font-size: 14px;
	font-weight: 300;
}
div.search div.button {
	height: 40px; width: 40px;
	margin: 5px 0; padding: 0;
	float: right;
	background: url(../images/site/icon-button-search.png) no-repeat 50% 50%;
	cursor: pointer;
}
div.search div.button-active {
	background: url(../images/site/icon-button-cancel.png) no-repeat 50% 50%;
}
/**
 # -- Настройки [CONTENT];
**/
div#content {
    margin: 0; padding: 0;
}

div.view-string-head {
	margin: 0; padding: 20px 0;
	position: relative;
	background: rgb(255, 255, 255);
}

div.view-string-head div.column {
	margin: 0; padding: 0;
}
div.view-string-head div.column-content {
	width: 720px;
	float: right;
}
div.view-string-head div.column-board {
	width: 240px;
	float: left;
}

div.view-string-head div.heading {
	margin: 0 10px 40px 10px; padding: 0;
}
div.view-string-head div.heading h1 {
	margin: 0 0 30px 0; padding: 0;
	color: rgb(42, 42, 42);
	line-height: 50px;
	font-size: 50px;
	font-weight: 300;
}

div.view-string-head div.description {
	margin: 0 10px 75px 10px; padding: 0;
	color: rgb(42, 42, 42);
	line-height: 25px;
	font-size: 17px;
	font-weight: 300;
}

div.view-string-main {
	margin: 0; padding: 100px 0 80px 0;
	position: relative;
	background: rgb(228, 228, 228);
}
	div.view-string-main div.string {
		position: relative;
	}
	div.view-string-main div.string div.figures {
		margin: 0; padding: 0;
	}
		div.view-string-main div.string div.figures a.figures {
			display: block;
			margin: 0 10px 20px 10px; padding: 0;
			float: left;
			line-height: 0;
			text-decoration: none;
		}
div.view-string-main div.view-arrow {
	height: 22px; width: 44px;
	margin: 0 0 0 -22px; padding: 0;
	position: absolute;
	top		: 0;
	left	: 50%;
	background: url(../images/site/background-arrow.png) no-repeat 50% 50%;
}

div.view-string-page {
	background: rgb(228, 228, 228);
}

/**
 # -- Настройки [FOOTER];
**/
footer.site {
    margin: 0; padding: 0;
	background: rgb(7, 86, 141);
}
footer.site div.column {
	width: 300px;
	margin: 0 10px; padding: 30px 0;
	float: left;
	position: relative;
	font-family: Arial;
	color: rgb(255, 255, 255);
	line-height: 15px;
	font-size: 13px;
}
footer.site div.column ul {
	margin: 0; padding: 0;
	list-style: none;
}
footer.site div.column ul li {
	margin: 0; padding: 5px 0 5px 30px;
}
footer.site div.column ul li:nth-child(1) {
	background: url(../images/site/icon-f-small-maps.png) no-repeat 0px 50%;
}
footer.site div.column ul li:nth-child(2) {
	background: url(../images/site/icon-f-small-phone.png) no-repeat 0px 50%;
}
footer.site div.column ul li:nth-child(3) {
	background: url(../images/site/icon-f-small-mail.png) no-repeat 0px 50%;
}
footer.site div.column div.logotype {
	height: 41px;
	background: url(../images/site/background-f-logotype.png) no-repeat 0 0;
}
footer.site div.column p {
	margin: 0; padding: 5px 0;
}
footer.site div.column a.feedback {
	display: inline-block;
	margin: 29px 0 0 0; padding: 0;
	border-bottom: 1px dotted rgb(255, 255, 255);
	color: rgb(255, 255, 255);
	text-decoration: none;
}
footer.site div.column a.feedback:hover,
footer.site div.column a.feedback:focus {
	border-bottom: none;
}
footer.site div.column p.created {
	margin: 0; padding: 0;
	position: absolute;
	right	: 0;
	bottom	: 30px;
	text-align: right;
}
footer.site div.column p.created a {
	color: rgb(129, 203, 255);
	text-decoration: underline;
}
footer.site div.column p.created a:hover,
footer.site div.column p.created a:focus {
	text-decoration: none;
}


div.view-string-partners {
	margin: 0; padding: 0;
	background: rgb(241, 241, 241);
}
div.view-string-partners div.string ul {
	margin: 0; padding: 0;
	list-style: none;
}
div.view-string-partners div.string ul li {
	height: 160px; width: 160px;
	margin: 0; padding: 0;
	float: left;
}
div.view-string-partners a {
	display: block;
	height: 100px; width: 120px;
	margin: 0; padding: 30px 20px;
	float: right;
	position: relative;
	background: url(../images/site/background-pattern.png) repeat 50% 50%;
	text-decoration: none;
}
div.view-string-partners a:hover,
div.view-string-partners a:focus {
	background: url(../images/site/background-pattern-focus.png) repeat 50% 50%;
}
div.view-string-partners a span {
	display: inline-block;
	height: 22px;
	margin: 0; padding: 0;
	float: left;
	color: rgb(255, 255, 255);
	line-height: 22px;
	font-size: 16px;
	font-weight: 600;
	text-transform: uppercase;
}
div.view-string-partners a:hover span,
div.view-string-partners a:focus span {
	text-decoration: underline;
}
div.view-string-partners a span.icon {
	display: inline-block;
	height: 22px; width: 8px;
	margin: 0 5px 0 10px; padding: 0;
	background: url(../images/site/icon-small-arrow.png) no-repeat 50% 50%;
	line-height: 22px;
	text-decoration: none;
}




div.view-string-slides {
	height: 540px; width: 100%;
	margin: 0; padding: 0;
	overflow: hidden;
	position: relative;
	background: rgb(0, 0, 0);
}
div.view-string-slides div.slides {
	height: 540px; width: 100%;
	margin: 0; padding: 0;
}
div.view-string-slides div.slides article {
	height: 540px; width: 100%;
	margin: 0; padding: 0;
	float: left;
	position: relative;
	background-repeat: no-repeat;
	background-position: top center;
	-webkit-background-size: cover;
       -moz-background-size: cover;
         -o-background-size: cover;
            background-size: cover;
}
div.view-string-slides div.slides article div.description {
	height: 235px; width: 260px;
	margin: 0 0 0 -480px; padding: 30px;
	position: absolute;
	bottom: 0; left: 50%;
	background: url(../images/site/background-description.png) repeat 50% 50%;
	color: rgb(255, 255, 255);
	line-height: 21px;
	font-size: 17px;
	font-weight: 300;
}
div.view-string-slides div.slides article div.description h2.slide {
    margin: 0 0 10px 0; padding: 0;
    color: rgb(255, 255, 255);
    line-height: 25px;
    font-size: 25px;
    font-weight: 600;
    text-transform: uppercase;
}
div.view-string-slides div.navigation {
	height: 80px; width: 400px;
	margin: 0 0 0 -160px; padding: 0;
	overflow: hidden;
	position: absolute;
	background: url(../images/site/background-pattern.png) repeat center center;
	bottom	: 0;
	left	: 50%;
	z-index	: 80;
}
div.view-string-slides div.navigation div.slick-list {
	margin: 0 80px;
}
div.view-string-slides div.navigation div.slick-slide {
	height: 80px; width: 80px;
	float: left;
	background: rgb(0, 0, 0);
}
div.view-string-slides span.button {
	display: block;
	height: 80px; width: 80px;
	position: absolute;
	z-index: 100;
	background: url(../images/site/background-medium-arrows.png) no-repeat;
	cursor: pointer;
}
div.view-string-slides span.button-back {
	margin: 0; padding: 0;
	bottom: 0;
	left: 0;
	background-position: 0px 0px;
}
div.view-string-slides span.button-back:hover,
div.view-string-slides span.button-back:focus {
	background-position: 0px -80px;
}
div.view-string-slides span.button-next {
	margin: 0; padding: 0;
	right: 0;
	bottom: 0;
	background-position: -80px 0px;
}
div.view-string-slides span.button-next:hover,
div.view-string-slides span.button-next:focus {
	background-position: -80px -80px;
}
div.slick-active {
	position: relative;
	cursor: pointer;
}
div.navigation div.slick-active img {
	position: relative;
	z-index: 10;
}
div.navigation div.slick-current span {
	display: block;
	height: 80px; width: 80px;
	position: absolute;
	top: 0; left: 0; bottom: 0; right: 0;
	z-index: 15;
	background: rgba(0, 0, 0, 0.35);
}



div#search-results {
	width: 960px;
	margin: 0 auto;
}
div#search-query-explained {
	margin: 0 10px; padding: 25px 0;
	color: rgb(42, 42, 42);
	line-height: 50px;
	font-size: 50px;
	font-weight: 300;
}
div#search-results ul {
	margin: 0 10px; padding: 0;
	list-style: none;
}
div#search-results ul li {
	margin: 0 0 30px 0; padding: 0;
	line-height: 20px;
	font-size: 16px;
	font-weight: 600;
	text-transform: uppercase;
}
div#search-results ul li{
}

.modal {
	background: rgb(3, 69, 112);
	font-family: 'PF Din Text Cond Pro';
	color: rgb(255, 255, 255);
}

  .modal div.view {
    margin: 0; padding: 40px 30px 20px 30px;
  }
.modal form {
	margin: 0; padding: 0;
}
.modal form h2 {
	margin: 0 10px; padding: 0;
	color: rgb(255, 255, 255);
	line-height: 30px;
	font-size: 20px;
	font-weight: 300;
	text-transform: uppercase;
}
.modal form p {
	margin: 0 10px 20px 10px; padding: 0;
	line-height: 30px;
	font-size: 16px;
	font-weight: 300;
}
.modal form label {
	display: block;
	margin: 0 10px; padding: 0;
	line-height: 30px;
	font-size: 16px;
	font-weight: 300;
}
.modal form input {
	height: 20px; width: 220px;
	margin: 0 10px 10px 10px; padding: 5px 10px;
	background: rgb(255, 255, 255);
	border: none;
}
.modal form div.text {
	margin: 0 10px 20px 10px; padding: 0;
	line-height: 20px;
	font-size: 14px;
	font-weight: 300;
}
.modal form textarea {
	height: 100px; width: 220px;
	margin: 0 10px 10px 10px; padding: 10px;
	background: rgb(255, 255, 255);
	border: none;
}

.modal input.rsform-submit-button,
.modal form input#button {
	height: 40px;
	background: rgb(51, 135, 189);
  	border: none;
	font-family: 'PF Din Text Cond Pro';
	color: rgb(255, 255, 255);
	line-height: 28px;
	font-size: 18px;
	font-weight: 600;
	text-transform: uppercase;
	cursor: pointer;
}
.content-feedback,.icon-feedback{
    display: none;
}