@font-face { font-family: 'futurafuturislightcregular'; src: url("../fonts/futurafuturislightc_0-webfont.eot"); src: url("../fonts/futurafuturislightc_0-webfont.eot?#iefix") format("embedded-opentype"), url("../fonts/futurafuturislightc_0-webfont.woff2") format("woff2"), url("../fonts/futurafuturislightc_0-webfont.woff") format("woff"), url("../fonts/futurafuturislightc_0-webfont.ttf") format("truetype"); font-weight: normal; font-style: normal; }
@font-face { font-family: 'futurafuturiscregular'; src: url("../fonts/futurafuturisc_0-webfont.eot"); src: url("../fonts/futurafuturisc_0-webfont.eot?#iefix") format("embedded-opentype"), url("../fonts/futurafuturisc_0-webfont.woff2") format("woff2"), url("../fonts/futurafuturisc_0-webfont.woff") format("woff"), url("../fonts/futurafuturisc_0-webfont.ttf") format("truetype"); font-weight: normal; font-style: normal; }
html, body, div, span, h1, h2, h3, h4, h5, h6, p, em, img, strong, sub, sup, b, u, i, dl, dt, dd, ol, ul, li, fieldset, form, label, table, tbody, tfoot, thead, tr, th, td { margin: 0; padding: 0; border: 0; outline: 0; vertical-align: baseline; background: transparent; }

a { margin: 0; padding: 0; vertical-align: baseline; background: transparent; text-decoration: none; color: #666; }

table { border-collapse: collapse; border-spacing: 0; }

td, td img { vertical-align: top; }

input, select, button, textarea { margin: 0; font-size: 100%; color: #666; font-family: "futurafuturislightcregular", arial, sans-serif; }

input, textarea, button { -webkit-appearance: none; }

input[type="checkbox"] { vertical-align: bottom; }

input[type="radio"] { vertical-align: text-bottom; }

sub { vertical-align: sub; font-size: smaller; }

sup { vertical-align: super; font-size: smaller; }

/* --------------- /reset.css --------------- */
.clearfix:before, .clearfix:after { content: "\0020"; display: block; height: 0; visibility: hidden; }

.clearfix:after { clear: both; }

.clearfix { zoom: 1; }

body { position: relative; color: #000; text-align: left; font: 62.5%/1.2em  "futurafuturislightcregular", Arial, sans-serif; }

label, input[type="button"], input[type="submit"], button { cursor: pointer; }

ul { list-style: none; }

input[type="text"], textarea { -moz-border-radius: 0; -webkit-border-radius: 0; border-radius: 0; -webkit-appearance: none; font-family: "futurafuturislightcregular", Arial, sans-serif; }

.icon-inst { background: url('../img/icons-sc9c5c0a119.png') 0 -28px no-repeat; width: 23px; height: 23px; display: block; }

.icon-inst-a { background: url('../img/icons-sc9c5c0a119.png') 0 0 no-repeat; width: 23px; height: 23px; display: block; }

.icon-fb { background: url('../img/fb.png') 0 -28px no-repeat; width: 23px; height: 23px; display: block; }


.icon-fb-a { background: url('../img/fb.png') 0 0 no-repeat; width: 23px; height: 23px; display: block; }

html, body { height: 100%; min-height: 100%; overflow: hidden; }

.content { position: relative; }
@media only screen and (min-width: 768px) { .content { background: url(../img/bg-big.jpg) no-repeat 50% 50% transparent; -webkit-background-size: cover; background-size: cover; } }
@media only screen and (max-width: 767px) { .content { background: url(../img/bg-small.jpg) no-repeat 50% 0 transparent; -webkit-background-size: 100% auto; background-size: 100% auto; } }
@media only screen and (min-width: 768px) and (max-width: 1024px) and (orientation: portrait) { .content { background: url(../img/bg-small.jpg) no-repeat 50% 50% transparent; -webkit-background-size: cover; background-size: cover; } }

header { height: 170px; background: #fff; z-index: 2; position: relative; }
@media only screen and (max-width: 767px) { header { height: 100px; } }

.logo { position: absolute; display: block; left: 50%; top: 50%; -moz-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); }
.logo img { display: block; width: 164px; }
@media only screen and (max-width: 767px) { .logo img { width: 100px; } }

.text { position: absolute; left: 105px; bottom: 100px; }
@media only screen and (min-width: 768px) and (max-width: 1024px) and (orientation: portrait) { .text { bottom: auto; top: 50px; } }
@media only screen and (max-width: 767px) { .text { left: 40px; top: 20px; bottom: auto; } }
.text p { font-size: 29px; line-height: 31px; color: #fff; padding-top: 22px; font-family: "futurafuturislightcregular", sans-serif; font-weight: normal; padding-bottom: 30px; }
@media only screen and (max-width: 767px) { .text p { font-size: 14px; line-height: 16px; padding-top: 15px; padding-bottom: 15px; } }
.text .under { font-size: 69px; line-height: 63px; color: rgba(255, 255, 255, 0.05); text-transform: uppercase; font-family: "futurafuturiscregular", sans-serif; }
@media only screen and (max-width: 767px) { .text .under { font-size: 30px; line-height: 32px; } }
.text .above { position: absolute; left: 0; top: 0; font-size: 69px; line-height: 63px; color: #fff; text-transform: uppercase; font-family: "futurafuturiscregular", sans-serif; }
@media only screen and (max-width: 767px) { .text .above { font-size: 30px; line-height: 32px; } }
.text .above span { filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0); opacity: 0; -moz-transition-property: opacity; -o-transition-property: opacity; -webkit-transition-property: opacity; transition-property: opacity; -moz-transition-duration: 0.3s; -o-transition-duration: 0.3s; -webkit-transition-duration: 0.3s; transition-duration: 0.3s; -moz-transition-timing-function: ease; -o-transition-timing-function: ease; -webkit-transition-timing-function: ease; transition-timing-function: ease; }
.text .above span.letter-1 { -moz-transition-delay: 0s; -o-transition-delay: 0s; -webkit-transition-delay: 0s; transition-delay: 0s; }
.text .above span.letter-2 { -moz-transition-delay: 0.1s; -o-transition-delay: 0.1s; -webkit-transition-delay: 0.1s; transition-delay: 0.1s; }
.text .above span.letter-3 { -moz-transition-delay: 0.2s; -o-transition-delay: 0.2s; -webkit-transition-delay: 0.2s; transition-delay: 0.2s; }
.text .above span.letter-4 { -moz-transition-delay: 0.3s; -o-transition-delay: 0.3s; -webkit-transition-delay: 0.3s; transition-delay: 0.3s; }
.text .above span.letter-5 { -moz-transition-delay: 0.4s; -o-transition-delay: 0.4s; -webkit-transition-delay: 0.4s; transition-delay: 0.4s; }
.text .above span.letter-6 { -moz-transition-delay: 0.5s; -o-transition-delay: 0.5s; -webkit-transition-delay: 0.5s; transition-delay: 0.5s; }
.text .above span.letter-7 { -moz-transition-delay: 0.6s; -o-transition-delay: 0.6s; -webkit-transition-delay: 0.6s; transition-delay: 0.6s; }
.text .above.active span { filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false); opacity: 1; }

@-webkit-keyframes pulse { 0% { filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0); opacity: 0; }
  100% { filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false); opacity: 1; } }
@keyframes pulse { 0% { filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0); opacity: 0; }
  100% { filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false); opacity: 1; } }
.btn { display: block; float: left; height: 44px; line-height: 44px; padding: 0 15px; border: 2px solid #ac7443; color: #fff; font-size: 13px; text-transform: uppercase; font-family: "futurafuturiscregular", sans-serif; -moz-transition-property: background; -o-transition-property: background; -webkit-transition-property: background; transition-property: background; -moz-transition-duration: 0.6s; -o-transition-duration: 0.6s; -webkit-transition-duration: 0.6s; transition-duration: 0.6s; -moz-transition-timing-function: ease; -o-transition-timing-function: ease; -webkit-transition-timing-function: ease; transition-timing-function: ease; margin-bottom: 19px; }
.btn:hover { background: #ac7443; }
@media only screen and (max-width: 767px) { .btn { height: 22px; line-height: 22px; font-size: 10px; } }

.social { float: left; }
.social ul li { float: left; padding-left: 11px; position: relative; }
.social ul li:first-child { padding-left: 0; }
.social .icon-inst { opacity: 1; -moz-transition: 0.6s; -o-transition: 0.6s; -webkit-transition: 0.6s; transition: 0.6s; }
.social .fb-inst { opacity: 1; -moz-transition: 0.6s; -o-transition: 0.6s; -webkit-transition: 0.6s; transition: 0.6s; }

.social .icon-inst-a { opacity: 0; position: absolute; top: 0; left: 0; -moz-transition: 0.6s; -o-transition: 0.6s; -webkit-transition: 0.6s; transition: 0.6s; }
.social .icon-fb-a { opacity: 0; position: absolute; top: 0; -moz-transition: 0.6s; -o-transition: 0.6s; -webkit-transition: 0.6s; transition: 0.6s; }

.social .inst:hover .icon-inst { opacity: 0; -moz-transition: 0.6s; -o-transition: 0.6s; -webkit-transition: 0.6s; transition: 0.6s; }
.social .inst:hover .icon-inst-a { opacity: 1; -moz-transition: 0.6s; -o-transition: 0.6s; -webkit-transition: 0.6s; transition: 0.6s; }
.social .fb:hover .icon-fb { opacity: 0; -moz-transition: 0.6s; -o-transition: 0.6s; -webkit-transition: 0.6s; transition: 0.6s; }
.social .fb:hover .icon-fb-a { opacity: 1; -moz-transition: 0.6s; -o-transition: 0.6s; -webkit-transition: 0.6s; transition: 0.6s; }