@charset "utf-8";

/* CSS reset by Anton Rogov */
* {
	padding:0;
	margin:0;
}
div {
	display:block;
	position:relative;
}
img {
	border:0 none;
	font-size: 0;
	line-height: 0;
}
ul {
	list-style: none;
}
p,
h1,
h2,
h3,
h4 {
	text-align:left;
}
.clr:after {
	clear:both;
	content:'';
	font-size: 0;
	line-height: 0;
	display: table;
	width: 100%;
	height: 0;
}
.clr:before {
	clear:both;
	content:'';
	font-size: 0;
	line-height: 0;
	display: table;
	width: 100%;
	height: 0;
}
.hide,
.hidden {
	display:none !important;
	visibility: hidden;
}

/* */
.header,
.main,
.footer {
	display: block;
	position: relative;
}

.headerSubWr,
.mainSubWr {
	width: 1100px;
	margin: 0 auto;
}

section {
	display: block;
	position: relative;
}

body {
	background: url('/templates/fds_home/img/background.jpg') 50% 0 no-repeat #000;
	background-size: 100%;
}

.content {
	min-height: 300px;
}
.content.whiteBg {
	background: #fff;
}
.content.darkBg {
	background: #f8f8f8;
}
.footer {
	background: #444;
}

/* header */
.header {
	background: rgba(0, 0, 0, .6);
	border-bottom: 1px solid #444;
}
.header .headerSubWr {
	height: 900px;
}
.header .scrollDown {
	width: 20px;
    height: 30px;
    position: absolute;
    bottom: 25px;
    left: 50%;
    margin: 0 0 0 -10px;
    opacity: .4;
    color: #f8f8f8;
    font-size: 30px;
    line-height: 30px;
    cursor: pointer;

	animation: scrollDownAnimation 1s linear infinite;
}
@keyframes scrollDownAnimation {
    from {opacity: .4;}
    to   {opacity: .8;}
}

.header .scrollDown:hover {
	animation: scrollDownAnimation 0s linear infinite;
	opacity: 1;
}

.header .logo {
	display: block;
	position: absolute;
	top: 100px;
	left: 50%;
	margin: 0 0 0 -150px;
	text-decoration: none;
	font-size: 0;
	width: 300px;
	height: 300px;
	background: url('/templates/fds_home/img/logo_big.png') 0 0 no-repeat transparent;
	background-size: 300px;
	opacity: .9;
}
.header .logo:hover {
	opacity: 1;
}

.header .topBanner {
	width: 600px;
	position: absolute;
	top: 50%;
	left: 50%;
	margin: 0 0 0 -300px;
}
.header .topBanner p {
	display: block;
	position: relative;
	font-family: 'Arial Narrow';
	font-weight: normal;
	color: #fff;
	font-size: 21px;
	line-height: 23px;
	text-align: center;
	padding: 0 0 25px;
}

.button {
	display: block;
	position: relative;
	width: 200px;
	margin: 0 auto;
	height: 40px;
	line-height: 40px;
	font-size: 21px;
	color: #f8f8f8;
	border:2px solid #f8f8f8;
	border-radius: 20px 20px;
	padding: 0 25px;
	text-transform: uppercase;
	text-decoration: none;
	background: #000;
	cursor: pointer;
}
.button:hover {
	background-color: #157ab5;
}

/* nav */
.nav {
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	background: #f1f1f1;
	border-bottom: 1px solid #f1f2f3;
}

.nav .navWr {
	width: 750px;
	margin: 0 auto;
}
.nav .navWr ul {
	display: block;
	position: relative;
	text-align: center;
    white-space: nowrap;
    height: 80px;
    overflow: hidden;
}
.nav .navWr ul li {
	display: inline-block;
	position: relative;
	vertical-align: middle;
}
.nav .navWr ul li a {
	display: block;
	position: relative;
	text-decoration: none;
	text-transform: uppercase;
	color: #444;
	font-family: 'Arial Narrow';
	font-size: 18px;
	line-height: 80px;
	height: 80px;
	padding: 0 15px;
}
.nav .navWr ul li a:hover {
	text-decoration: underline;
}
.nav .navWr ul li.navLogo {
	background: url('/templates/fds_home/img/logo_big_black.png') 0 8px no-repeat transparent;
	background-size: 80px;
	width: 80px;
	height: 80px;
}

/* to nav button */
.toNav {
	display: block;
	position: fixed;
	bottom: 25px;
	right: 10px;
	border:2px solid #444;
	padding: 10px;
	font-size: 18px;
	text-transform: uppercase;
	color: #444;
	font-family: 'Arial Narrow';
	cursor: pointer;
}

/* content */
.content .contentWr {
	padding: 135px 100px 35px;
}

.content .contentWr h2 {
	font-family: 'Arial Narrow';
	font-weight: normal;
	color: #444;
	text-transform: uppercase;
	padding: 0 0 35px;
	text-align: center;
	font-size: 32px;
	line-height: 48px;
	display: block;
	position: relative;
}

p {
	display: block;
    position: relative;
    font-family: 'Arial Narrow';
    font-weight: normal;
    color: #444;
    font-size: 17px;
    line-height: 23px;
    text-align: left;
    padding: 0 0 25px;
}

/* footer */
.footer {
	background: #000;
	display: block;
	position: relative;
}

.footer .footerWr {
	width: 1100px;
	margin: 0 auto;
	padding: 100px 0;
}
.footer .footerWr .footerContacts {
	width: 350px;
    margin: 0 auto;
}

.footer .footerWr .footerLogo {
	display: block;
	position: relative;
	margin: 0 auto;
	width: 150px;
}
.footer .footerWr h2 {
	display: block;
    position: relative;
    font-family: 'Arial Narrow';
    font-weight: normal;
    color: #fff;
    font-size: 21px;
    line-height: 23px;
    text-align: center;
    padding: 0 0 25px;
    text-transform: uppercase;
}
.footer .footerWr .social {
	text-align: center;
}
.footer .footerWr .social a {
	display: inline-block;
	position: relative;
	text-decoration: none;
	font-size: 0;
	line-height: 0;
	width: 48px;
	height: 48px;
	opacity: .8;
	margin: 0 10px 0 0;
}
.footer .footerWr .social a::last-child {
	margin: 0 0 0 0;
}
.footer .footerWr .social a:hover {
	opacity: 1;
}
.footer .footerWr .social a.fb {
	background: url('/templates/fds_home_eng/img/fb_ico.png') 0 0 no-repeat transparent;
}
.footer .footerWr .social a.vk {
	background: url('/templates/fds_home/img/vk_ico.png') 0 0 no-repeat transparent;
}
.footer .footerWr .social a.inst {
	background: url('/templates/fds_home/img/insta_ico.png') 0 0 no-repeat transparent;
}
.footer .footerWr .social a.yt {
	background: url('/templates/fds_home/img/yt_ico.png') 0 0 no-repeat transparent;
}

.footer .copy {
	color: #fff;
    text-transform: uppercase;
    text-align: center;
    font-family: 'Arial Narrow';
    font-size: 14px;
    line-height: 18px;
    opacity: .2;
    position: absolute;
    bottom: 25px;
    left: 50%;
    margin: 0 0 0 -200px;
    width: 400px;
}
.footer .copy a {
	color: #fff;
	text-decoration: underline;
}
.footer .copy a:hover {
	text-decoration: none;
}

/* fixes */
.main {
	background: #fff;
}

main .content p a {
	color: #157ab5;
	text-decoration: underline;
}
main .content p a:hover {
	text-decoration: none;
}

.feedbacksWr .feedbacks {
	display: block;
	position: relative;
	overflow: hidden;
	text-align: center;
	vertical-align: top;
}
.feedbacksWr .feedbacks li {
	display: inline-block;
	position: relative;
	width: 245px;
	margin: 0 25px 25px;
	vertical-align: top;
}
.feedbacksWr .feedbacks li span {
	display: block;
	position: relative;
}
.feedbacksWr .feedbacks li .img {
	width: 245px;
	height: 245px;
	margin: 0 0 25px;
	overflow: hidden;
	border-radius: 125px 125px;
	background-position: 50% 50%;
	background-repeat: no-repeat;
	background-color: #ccc;
}
.feedbacksWr p {
	text-align: center;
}
.frolov .img {
	background-image: url('/templates/fds_home/img/frolov.png');
}
.petrov .img {
	background-image: url('/templates/fds_home/img/petrov.png');
}
.gonchar .img {
	background-image: url('/templates/fds_home/img/goncar.png');
}

.feedbacksWr .feedbacks li .text {
	display: block;
    position: relative;
    font-family: 'Arial Narrow';
    font-weight: normal;
    color: #444;
    font-size: 21px;
    line-height: 23px;
    text-align: center;
    margin: 0 0 25px;
}

.feedbacksWr .feedbacks li .link {
	display: block;
    position: relative;
    font-family: 'Arial Narrow';
    font-weight: normal;
    font-size: 21px;
    line-height: 23px;
	text-align: center;
	margin-bottom: 50px;
}
.feedbacksWr .feedbacks li .link a {
	color: #157ab5;
	text-decoration: underline;
}
.feedbacksWr .feedbacks li .link a:hover {
	text-decoration: none;
}

.instaWidget,
.vkWidget {
	min-height: 100px;
}

/* priveWr */
.priveWr {
	/* width: 1010px; */
    margin: 0 auto 105px;
}
.priveWr ul {
	display: block;
	position: relative;
	overflow: hidden;
	text-align: center;
	vertical-align: top;
}
.priveWr li {
	display: block;
	position: relative;
	width: 200px;
	margin: 0 15px;
	float: left;
}
.priveWr li:first-child {
	margin-left: 0 !important;
}
.priveWr li:last-child {
	margin-right: 0 !important;
}
.priveWr li span {
	display: block;
	position: relative;
}
.priveWr li .img {
	width: 200px;
    height: 200px;
    background-color: #ccc;
    background-repeat: no-repeat;
    margin: 0 0 20px;
    background-size: 200px 200px;
}
.priveWr li .desc,
.priveWr li .price {
	text-align: center;
	font-family: 'Arial Narrow';
    font-weight: normal;
    color: #444;
    font-size: 21px;
    line-height: 23px;
    margin-bottom: 20px;
}

.priveWr li .desc a {
	color: #157ab5;
    text-decoration: underline;
}
.priveWr li .desc a:hover {
	text-decoration: none;
}

.videoAdd {
	display: block;
	position: relative;
	width: 853px;
	height: 480px;
	margin: 0 auto 100px;
}

@media screen and (min-width: 320px) and (max-width: 640px) {
    .videoAdd {
    	/* display: none; */
    }
}

.siteImg {font-size: 0; line-height: 0; display: none;}

body .nav ul li.eng {display: none;}
body.eng .nav ul li:not(.eng),
body.eng .nav ul li:not(.navLogo) {display: none;}
body.eng .nav ul li.eng,
body.eng .nav ul li.navLogo {display: inline-block !important;}
body.eng .nav ul li.eng {width: 150px;}

.langSel {
	position: absolute;
	top: 40px;
	left: 50%;
	margin-left: -37px;
	color: #fff;
	font-family: 'Arial Narrow';
	font-size: 18px;
	text-transform: uppercase;
}
.langSel a {
	color: #fff;
	text-decoration: underline;
}
.langSel a:hover {
	text-decoration: none;
}