﻿html {
margin: 0px;
padding: 0px;
    -ms-text-size-adjust: 100%;
    -webkit-text-size-adjust: 100%;
min-height: 101%;
}
body {
margin: 0px;
padding: 0px;
background: #0F0F0F;
color: #FFF;
font-family: "Roboto", sans-serif;
min-width: 320px;
}

.page {
}
.page .container {
padding: 0px 50px;
max-width: 1040px;
margin: 0px auto;
}
.header-cont {
padding: 45px 0px;
}
.header-cont a.header-logo-link {
font-size: 24px;
line-height: 29px;
font-weight: 500;
color: #FFF!important;
text-decoration: none!important;
}
.header-cont a.header-logo-link svg.svg-logo {
    width: 1.6rem;
    height: 1.6rem;
    vertical-align: middle;
    margin: -1.3rem 0.3rem -1rem 0px;
}
.header-cont a.header-home-link {
font-size: 24px;
line-height: 29px;
font-weight: 500;
color: #FFF;
text-decoration: none!important;
float: right;
margin-left: 12px;
border-bottom: 1px solid #FFF;
    -webkit-transition: color 0.35s, border 0.35s;
    -moz-transition: color 0.35s, border 0.35s;
    -o-transition: color 0.35s, border 0.35s;
    transition: color 0.35s, border 0.35s;
}
.header-cont a.header-home-link:hover {
color: #9F9F9F; #8d8d8d;
border-color: #9F9F9F;
}
.header-cont a.header-home-link span.is-lower {
text-transform: lowercase;
}
.header-cont a.header-home-link svg.svg-arrow {
    width: 1.6rem;
    height: 1.6rem;
    vertical-align: middle;
    margin: -1rem -0.3rem -1rem 0px;
}
.middle-cont {
position: relative;
}
.middle-cont h1 {
font-size: 80px;
line-height: 80px;
font-weight: 900;
color: #FFF;
margin: 0px;
padding: 37px 0px 37px;
}
.middle-cont h2 {
font-size: 32px;
line-height: 38px;
font-weight: 500;
color: #8d8d8d;
margin: 0px;
}
.middle-cont h2 a.link {
color: #8d8d8d;
text-decoration: none!important;
border-bottom: 1px solid #8d8d8d;
}
.middle-cont h2 a.link-phone {
color: #FFF;
text-decoration: none!important;
font-weight: 700;
}
.middle-cont h2 .tag-name {
color: #FFF;
font-weight: 700;
}
.footer-cont {
padding: 112px 0px 60px;
}
.footer-cont .footer-copy {
font-size: 24px;
line-height: 29px;
font-weight: 500;
color: #FFF;
padding-bottom: 40px;
}
.footer-cont .footer-links {
}
.footer-cont .footer-links a.footer-link {
font-size: 24px;
line-height: 29px;
font-weight: 500;
color: #8D8D8D;
border-bottom: 1px solid #8D8D8D;
text-decoration: none!important;
    -webkit-transition: color 0.35s, border 0.35s;
    -moz-transition: color 0.35s, border 0.35s;
    -o-transition: color 0.35s, border 0.35s;
    transition: color 0.35s, border 0.35s;
margin-bottom: 7px;
display: inline-block;
}
.footer-cont .footer-links a.footer-link:hover {
color: #5B5B5B;
border-bottom: 1px solid #5B5B5B;
}


a.next-button {
    display: block;
    width: 65px;
    height: 65px;
    color: #FFF;
    position: absolute;
    bottom: -80px;
    left: 0px;
    background: #1C1C1C;
    border-radius: 50%;
    overflow: hidden;
}
a.next-button:hover {
}
a.next-button svg.svg-next {
    width: 100%;
    height: 100%;
    color: #FFF;
}



body .container  {
opacity: 1;
    -webkit-transition: opacity 0.30s ease-in-out;
    -moz-transition: opacity 0.30s ease-in-out;
    -ms-transition: opacity 0.30s ease-in-out;
    -o-transition: opacity 0.30s ease-in-out;
    transition: opacity 0.30s ease-in-out;
}
body.is-loading .container  {
opacity: 0;
pointer-events: none;
}




@media screen and (max-width: 1199px) {
a.next-button {
    bottom: -70px;
}
.header-cont {
    padding: 40px 0px;
}
.footer-cont {
    padding: 100px 0px;
}
.middle-cont h1 {
    font-size: 72px;
    line-height: 1;
    padding: 40px 0px 37px;
}
.middle-cont h2 {
    font-size: 32px;
}
.header-cont a.header-logo-link,
.header-cont a.header-home-link {
    font-size: 20px;
    line-height: 1.3;
}
	}
@media screen and (max-width: 959px) {
.footer-cont {
    padding: 90px 0px;
}
.middle-cont h1 {
    font-size: 56px;
    line-height: 1;
    padding: 40px 0px 37px;
}
.page .container {
padding: 0px 40px;
}
	}
@media screen and (max-width: 639px) {
a.next-button {
    width: 60px;
    height: 60px;
    bottom: -65px;
}
.middle-cont h1 {
    font-size: 40px;
    line-height: 1;
    padding: 40px 0px 37px;
}
.middle-cont h2 {
    font-size: 28px;
}
.page .container {
padding: 0px 30px;
}
	}
@media screen and (max-width: 479px) {
.header-cont {
    padding: 35px 0px;
}
.middle-cont h1 {
    padding: 40px 0px 37px;
}
.middle-cont h2 {
    font-size: 24px;
    line-height: 30px;
}
.page .container {
padding: 0px 25px;
}
.header-cont a.header-home-link span.is-web {
    display: none!important;
}
	}
@media screen and (max-width: 400px) {
	}


#middle-text h2.item-text {
display: none;
}
#middle-text.cur-item-is-1 h2.item-text.item-text-1,
#middle-text.cur-item-is-2 h2.item-text.item-text-2,
#middle-text.cur-item-is-3 h2.item-text.item-text-3,
#middle-text.cur-item-is-4 h2.item-text.item-text-4,
#middle-text.cur-item-is-5 h2.item-text.item-text-5,
#middle-text.cur-item-is-6 h2.item-text.item-text-6,
#middle-text.cur-item-is-7 h2.item-text.item-text-7,
#middle-text.cur-item-is-8 h2.item-text.item-text-8,
#middle-text.cur-item-is-9 h2.item-text.item-text-9,
#middle-text.cur-item-is-10 h2.item-text.item-text-10,
#middle-text.cur-item-is-11 h2.item-text.item-text-11,
#middle-text.cur-item-is-12 h2.item-text.item-text-12,
#middle-text.cur-item-is-13 h2.item-text.item-text-13,
#middle-text.cur-item-is-14 h2.item-text.item-text-14,
#middle-text.cur-item-is-15 h2.item-text.item-text-15,
#middle-text.cur-item-is-16 h2.item-text.item-text-16,
#middle-text.cur-item-is-17 h2.item-text.item-text-17,
#middle-text.cur-item-is-18 h2.item-text.item-text-18,
#middle-text.cur-item-is-19 h2.item-text.item-text-19,
#middle-text.cur-item-is-20 h2.item-text.item-text-20,
#middle-text.cur-item-is-21 h2.item-text.item-text-21,
#middle-text.cur-item-is-22 h2.item-text.item-text-22,
#middle-text.cur-item-is-23 h2.item-text.item-text-23,
#middle-text.cur-item-is-24 h2.item-text.item-text-24,
#middle-text.cur-item-is-25 h2.item-text.item-text-25,
#middle-text.cur-item-is-26 h2.item-text.item-text-26,
#middle-text.cur-item-is-27 h2.item-text.item-text-27,
#middle-text.cur-item-is-28 h2.item-text.item-text-28,
#middle-text.cur-item-is-29 h2.item-text.item-text-29,
#middle-text.cur-item-is-30 h2.item-text.item-text-30,
#middle-text.cur-item-is-31 h2.item-text.item-text-31,
#middle-text.cur-item-is-32 h2.item-text.item-text-32,
#middle-text.cur-item-is-33 h2.item-text.item-text-33,
#middle-text.cur-item-is-34 h2.item-text.item-text-34,
#middle-text.cur-item-is-35 h2.item-text.item-text-35,
#middle-text.cur-item-is-36 h2.item-text.item-text-36,
#middle-text.cur-item-is-37 h2.item-text.item-text-37,
#middle-text.cur-item-is-38 h2.item-text.item-text-38,
#middle-text.cur-item-is-39 h2.item-text.item-text-39,
#middle-text.cur-item-is-40 h2.item-text.item-text-40,
#middle-text.cur-item-is-41 h2.item-text.item-text-41,
#middle-text.cur-item-is-42 h2.item-text.item-text-42,
#middle-text.cur-item-is-43 h2.item-text.item-text-43,
#middle-text.cur-item-is-44 h2.item-text.item-text-44,
#middle-text.cur-item-is-45 h2.item-text.item-text-45,
#middle-text.cur-item-is-46 h2.item-text.item-text-46,
#middle-text.cur-item-is-47 h2.item-text.item-text-47,
#middle-text.cur-item-is-48 h2.item-text.item-text-48,
#middle-text.cur-item-is-49 h2.item-text.item-text-49,
#middle-text.cur-item-is-50 h2.item-text.item-text-50,
#middle-text.cur-item-is-51 h2.item-text.item-text-51,
#middle-text.cur-item-is-52 h2.item-text.item-text-52,
#middle-text.cur-item-is-53 h2.item-text.item-text-53,
#middle-text.cur-item-is-54 h2.item-text.item-text-54,
#middle-text.cur-item-is-55 h2.item-text.item-text-55,
#middle-text.cur-item-is-56 h2.item-text.item-text-56,
#middle-text.cur-item-is-57 h2.item-text.item-text-57,
#middle-text.cur-item-is-58 h2.item-text.item-text-58,
#middle-text.cur-item-is-59 h2.item-text.item-text-59,
#middle-text.cur-item-is-60 h2.item-text.item-text-60,
#middle-text.cur-item-is-61 h2.item-text.item-text-61,
#middle-text.cur-item-is-62 h2.item-text.item-text-62,
#middle-text.cur-item-is-63 h2.item-text.item-text-63,
#middle-text.cur-item-is-64 h2.item-text.item-text-64,
#middle-text.cur-item-is-65 h2.item-text.item-text-65,
#middle-text.cur-item-is-66 h2.item-text.item-text-66,
#middle-text.cur-item-is-67 h2.item-text.item-text-67,
#middle-text.cur-item-is-68 h2.item-text.item-text-68,
#middle-text.cur-item-is-69 h2.item-text.item-text-69,
#middle-text.cur-item-is-70 h2.item-text.item-text-70 {
display: block;
}

.home-link.home-next {
    top: 100px;
}
.home-link {
    display: block;
    width: 55px;
    height: 55px;
    position: fixed;
    z-index: 20;
    top: 30px;
    right: 32px;
    border-radius: 50%;
    overflow: hidden;
}
.home-link img.home-link-img {
    display: block;
    width: 100%;
    height: 100%;
}
body .title-hidden {
    display: none!important;
}

.is-hidden {
    display: none!important;
}


@media screen and (max-width: 1250px) {
.header-cont {
    padding-right: 55px;
}
	}
@media screen and (max-width: 959px) {
.header-cont {
    padding-right: 65px;
}
	}
@media screen and (max-width: 639px) {
.header-cont {
    padding-right: 75px;
}
	}
@media screen and (max-width: 479px) {
.header-cont {
    padding-right: 80px;
}
	}

svg.svg-h1-img {
    width: 1em;
    height: 1em;
    vertical-align: middle;
    margin: -0.6em -0.2em -0.4em 0px;
}


svg#light.svg-h1-img {
    color: #FFF;
}
svg#light.svg-h1-img.light-is-1 { color: #FFF; }
svg#light.svg-h1-img.light-is-2 { color: #FDDE55; }
svg#light.svg-h1-img.light-is-3 { color: #EADBC8; }
svg#light.svg-h1-img.light-is-4 { color: #A0DEFF; }
svg#light.svg-h1-img.light-is-5 { color: #FFD1E3; }
svg#light.svg-h1-img.light-is-6 { color: #C5EBAA; }
svg#light.svg-h1-img.light-is-7 { color: #E5D4FF; }
svg#light.svg-h1-img.light-is-8 { color: #ADC4CE; }
svg#light.svg-h1-img.light-is-9 { color: #E1D7C6; }
svg#light.svg-h1-img.light-is-10 { color: #FFABE1; }


.footer-cont {
    background: url(../images/banner.svg) 100% 100% no-repeat;
    background-size: auto 100%;
}
@media screen and (max-width: 880px) {
.footer-cont {
    background-size: auto 70%;
}
	}
@media screen and (max-width: 540px) {
.footer-cont {
    background-size: auto 50%;
}
	}
@media screen and (max-width: 440px) {
.footer-cont {
    background-size: 200px;
    background-position: 50% 100%;
    padding-bottom: 190px; 90px;
}
	}