/* This stylesheet generated by Transfonter (https://transfonter.org) on March 7, 2017 7:22 AM */
@font-face { font-family: 'icon-rouble'; src: url("../fonts/fontello/icon-rouble.eot?44433327"); src: url("../fonts/fontello/icon-rouble.eot?44433327#iefix") format("embedded-opentype"), url("../fonts/fontello/icon-rouble.woff2?44433327") format("woff2"), url("../fonts/fontello/icon-rouble.woff?44433327") format("woff"), url("../fonts/fontello/icon-rouble.ttf?44433327") format("truetype"), url("../fonts/fontello/icon-rouble.svg?44433327#icon-rouble") format("svg"); font-weight: normal; font-style: normal; }

@font-face { font-family: 'PF DinDisplay Pro'; src: url("../fonts/PFDinDislayPro/PFDinDisplayPro-Light.eot"); src: url("../fonts/PFDinDislayPro/PFDinDisplayPro-Light.eot?#iefix") format("embedded-opentype"), url("../fonts/PFDinDislayPro/PFDinDisplayPro-Light.woff") format("woff"), url("../fonts/PFDinDislayPro/PFDinDisplayPro-Light.ttf") format("truetype"); font-weight: 300; font-style: normal; }

@font-face { font-family: 'PF DinDisplay Pro'; src: url("../fonts/PFDinDislayPro/PFDinDisplayPro-Regular.eot"); src: url("../fonts/PFDinDislayPro/PFDinDisplayPro-Regular.eot?#iefix") format("embedded-opentype"), url("../fonts/PFDinDislayPro/PFDinDisplayPro-Regular.woff") format("woff"), url("../fonts/PFDinDislayPro/PFDinDisplayPro-Regular.ttf") format("truetype"); font-weight: normal; font-style: normal; }

@font-face { font-family: 'PF DinDisplay Pro'; src: url("../fonts/PFDinDislayPro/PFDinDisplayPro-Bold.eot"); src: url("../fonts/PFDinDislayPro/PFDinDisplayPro-Bold.eot?#iefix") format("embedded-opentype"), url("../fonts/PFDinDislayPro/PFDinDisplayPro-Bold.woff") format("woff"), url("../fonts/PFDinDislayPro/PFDinDisplayPro-Bold.ttf") format("truetype"); font-weight: bold; font-style: normal; }

@font-face { font-family: 'PF DinDisplay Pro'; src: url("../fonts/PFDinDislayPro/PFDinDisplayPro-Black.eot"); src: url("../fonts/PFDinDislayPro/PFDinDisplayPro-Black.eot?#iefix") format("embedded-opentype"), url("../fonts/PFDinDislayPro/PFDinDisplayPro-Black.woff") format("woff"), url("../fonts/PFDinDislayPro/PFDinDisplayPro-Black.ttf") format("truetype"); font-weight: 900; font-style: normal; }

@font-face { font-family: 'PF DinDisplay Pro'; src: url("../fonts/PFDinDislayPro/PFDinDisplayPro-Thin.eot"); src: url("../fonts/PFDinDislayPro/PFDinDisplayPro-Thin.eot?#iefix") format("embedded-opentype"), url("../fonts/PFDinDislayPro/PFDinDisplayPro-Thin.woff") format("woff"), url("../fonts/PFDinDislayPro/PFDinDisplayPro-Thin.ttf") format("truetype"); font-weight: 100; font-style: normal; }

@font-face { font-family: 'PF DinDisplay Pro'; src: url("../fonts/PFDinDislayPro/PFDinDisplayPro-Medium.eot"); src: url("../fonts/PFDinDislayPro/PFDinDisplayPro-Medium.eot?#iefix") format("embedded-opentype"), url("../fonts/PFDinDislayPro/PFDinDisplayPro-Medium.woff") format("woff"), url("../fonts/PFDinDislayPro/PFDinDisplayPro-Medium.ttf") format("truetype"); font-weight: 500; font-style: normal; }

@font-face { font-family: 'PF DinDisplay Pro ExtraThin'; src: url("../fonts/PFDinDislayPro/PFDinDisplayPro-ExtraThin.eot"); src: url("../fonts/PFDinDislayPro/PFDinDisplayPro-ExtraThin.eot?#iefix") format("embedded-opentype"), url("../fonts/PFDinDislayPro/PFDinDisplayPro-ExtraThin.woff") format("woff"), url("../fonts/PFDinDislayPro/PFDinDisplayPro-ExtraThin.ttf") format("truetype"); font-weight: 100; font-style: normal; }

::-moz-placeholder { opacity: 1; color: #767676; }

:-ms-input-placeholder { color: #767676; }

::-webkit-input-placeholder { color: #767676; }

.placeholder { color: #767676; }

input:focus, button, a, a:focus, a:active, textarea:focus { outline: 0; outline: none; -webkit-tap-highlight-color: transparent; -webkit-tap-highlight-color: transparent; }

input[type="number"]::-webkit-outer-spin-button, input[type="number"]::-webkit-inner-spin-button { -webkit-appearance: none; margin: 0; }

input[type=number] { -moz-appearance: textfield; }

button, input[type="button"], input[type="reset"], input[type="submit"] { -webkit-appearance: button; cursor: pointer; overflow: visible; }

.btn:focus, .btn:visited { outline: none; }

button, input, select, textarea { font-family: inherit; font-size: 100%; font-weight: inherit; margin: 0; vertical-align: middle; outline: none; }

* { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }

img { border: 0; }

a { text-decoration: none; -webkit-transition: all 0.3s ease; transition: all 0.3s ease; }

a:hover, a:focus { text-decoration: none; }

.text-uppercase { text-transform: uppercase; }

html { height: 100%; min-height: 100%; min-width: 100%; -webkit-text-size-adjust: 100%; }

body { background: #fff; height: 100%; font: 16px/1.3 'Roboto', sans-serif; font-weight: 400; padding: 0; margin: 0 auto; color: #000; }

.full-height { height: 100vh; }

#header { position: absolute; z-index: 2; text-align: center; top: 45px; width: 100%; }

.logo img { width: 100%; max-width: 217px; }

#video-bg { position: fixed; top: 0; right: 0; bottom: 0; left: 0; overflow: hidden; z-index: 1; background-size: cover; background-position: center top; background-repeat: no-repeat; }

#video-bg > video { position: absolute; top: 0; left: 0; min-width: 100%; min-height: 100%; width: auto; height: auto; }

@supports ((-o-object-fit: cover) or (object-fit: cover)) { #video-bg > video { top: 0; left: 0; width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; } }

#main { position: absolute; top: 0; height: 100vh; width: 100%; z-index: 2; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; }

.nav { list-style: none; margin: auto; padding: 0; width: 100%; text-align: center; }

.nav li { display: inline-block; vertical-align: top; margin: 0 3.5%; }

.nav li a { text-transform: uppercase; font-size: 18px; font-weight: 900; color: #000; }

.nav li a:hover { opacity: 0.7; }

#footer { position: absolute; bottom: 25px; width: 100%; z-index: 2; }

.social { list-style: none; padding: 0; margin: 0; text-align: center; }

.social li { display: inline-block; vertical-align: top; margin: 0 1.5%; }

.social li a { display: inline-block; vertical-align: middle; }

.social li a:hover { opacity: 0.8; }

.social li a.facebook { background-image: url(../sprites/sprite.png); background-position: 0px -15px; width: 5px; height: 11px; }

.social li a.youtube { background-image: url(../sprites/sprite.png); background-position: 0px -47px; width: 9px; height: 11px; }

.social li a.instagram { background-image: url(../sprites/sprite.png); background-position: 0px -31px; width: 11px; height: 11px; }

.social li a.ok { background-image: url(../sprites/sprite.png); background-position: 0px -63px; width: 7px; height: 12px; }

.social li a.vk { background-image: url(../sprites/sprite.png); background-position: 0px 0px; width: 9px; height: 10px; }

@media only screen and (max-width: 900px) { #header { top: 20px; } }

@media only screen and (max-width: 500px) { .nav li { display: block; margin: 0 0 45px; }
  .nav li:last-child { margin: 0; }
  .social li { margin: 0 25px; } }

@media only screen and (max-height: 320px) { .nav li { display: inline-block; margin: 0 3.5% 3.5%; }
  .nav li:last-child { margin: 0 3.5% 3.5%; } }

/*# sourceMappingURL=../maps/style.css.map */