@keyframes preloaderAnimation{from{background-position:0 336px}to{background-position:0 0}}@-webkit-keyframes preloaderAnimation{from{background-position:0 336px}to{background-position:0 0}}@font-face{font-family:"ProximaNova";font-style:normal;font-weight:600;src:url('/mail/ru/images/my/compass/static/fonts/proxima-nova/proximanova-reg.woff') format('woff')}@font-face{font-family:"ProximaNova";font-style:normal;font-weight:700;src:url('/mail/ru/images/my/compass/static/fonts/proxima-nova/proximanova-bold.woff') format('woff')}@font-face{font-family:"ProximaNova";font-style:normal;font-weight:800;src:url('/mail/ru/images/my/compass/static/fonts/proxima-nova/ProximaNovaExtrabold.woff') format('woff')}@-moz-keyframes fadeUp{from{opacity:0;transform:translateY(50px)}to{opacity:1;transform:translateY(0px)}}@-webkit-keyframes fadeUp{from{opacity:0;transform:translateY(50px)}to{opacity:1;transform:translateY(0px)}}@keyframes fadeUp{from{opacity:0;transform:translateY(50px)}to{opacity:1;transform:translateY(0px)}}html{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}html,.gc-body{padding:0;margin:0;height:100%;box-sizing:border-box}h1,h2{margin:0}.gc-body{font-family:"ProximaNova", Arial, sans-serif;background-color:#181818;color:#fff}.svg-sprite-icon{width:100%;height:100%;vertical-align:top;fill-rule:evenodd;pointer-events:none}.gc-button{box-sizing:border-box;height:56px;width:244px;padding:16px;text-align:center;border-radius:6px;font-size:18px;line-height:24px;font-weight:bold;color:#fff;cursor:pointer;text-decoration:none;z-index:1;position:relative;overflow:hidden;font-family:"ProximaNova", Arial, sans-serif}.gc-button:hover,.gc-button:active,.gc-button:focus{text-decoration:none;color:#fff}.gc-button:before,.gc-button:after{content:'';z-index:-1;position:absolute;top:0;left:0;width:100%;height:100%;transition:opacity .1s}.gc-button:before{background-image:linear-gradient(to bottom, #168de2,#005ff9 82%);opacity:1}.gc-button:after{background-image:linear-gradient(to bottom, #088cff,#088cff),linear-gradient(to bottom, #168de2,#005ff9 82%);opacity:0}.gc-button:hover:after{opacity:1}.gc-container{display:flex;flex-direction:column;justify-content:space-between;padding:32px 24px 24px;width:1024px;height:0;min-height:100%;box-sizing:border-box;margin:0 auto}@media screen and (min-width: 1280px) and (max-width: 1919px){.gc-container{padding:48px 0 32px}}@media screen and (min-width: 1280px) and (max-width: 1439px){.gc-container{width:1184px}}@media screen and (min-width: 1440px) and (max-width: 1599px){.gc-container{width:1344px}}@media screen and (min-width: 1600px) and (max-width: 1799px){.gc-container{width:1504px}}@media screen and (min-width: 1800px) and (max-width: 1919px){.gc-container{width:1704px}}@media screen and (min-width: 1920px){.gc-container{padding:64px 0 48px;width:1704px}}.gc-content{display:flex;flex-direction:row}.gc-content__item{flex:0 1 50%}.gc-footer{display:flex;justify-content:space-between;align-items:center;font-size:13px;line-height:18px}.gc-footer__copyright{font-weight:normal}.gc-footer__link{font-size:13px;color:inherit;cursor:pointer;text-decoration:none;font-weight:700;line-height:18px}.gc-footer__link:hover{color:#ff9e00;text-decoration:none}.gc-footer__link:hover .svg-sprite-icon{fill:#ff9e00}.gc-header{display:flex;align-items:center;justify-content:space-between}.gc-header__logo{width:158px;height:32px}.gc-promo-images{display:flex;flex-direction:column;align-items:center;justify-content:center;pointer-events:none}.gc-promo-images__inner-wrapper{position:relative;padding-left:100%;padding-top:100%;margin:-10% 0}.gc-promo-images__item{width:440px;height:248px;position:absolute;border-radius:5px;opacity:0;box-shadow:0 4px 16px rgba(0,0,0,0.24)}@media screen and (min-width: 1280px) and (max-width: 1439px){.gc-promo-images__item{width:520px;height:293px}}@media screen and (min-width: 1440px) and (max-width: 1599px){.gc-promo-images__item{width:560px;height:316px}}@media screen and (min-width: 1600px) and (max-width: 1799px){.gc-promo-images__item{width:620px;height:350px}}@media screen and (min-width: 1800px){.gc-promo-images__item{width:720px;height:407px}}.gc-promo-images__item_top{top:36.7%;right:2.9%;z-index:10;animation:fadeUp 0.3s 0.2s cubic-bezier(0.4, 0, 1, 1) forwards}.gc-promo-images__item_bottom{top:12.9%;right:0;z-index:9;animation:fadeUp 0.3s 0.1s cubic-bezier(0.4, 0, 1, 1) forwards}.gc-info{display:flex;flex-direction:column;align-items:flex-start;justify-content:center;font-size:18px;animation:fadeUp 0.3s cubic-bezier(0.4, 0, 1, 1) forwards;opacity:0}.gc-info__title{font-style:normal;font-weight:800;color:#FFFFFF;margin-bottom:16px;font-size:36px;line-height:44px;margin-right:-20px}@media screen and (min-width: 1280px) and (max-width: 1439px){.gc-info__title{font-size:44px;line-height:54px}}@media screen and (min-width: 1440px) and (max-width: 1599px){.gc-info__title{font-size:50px;line-height:60px;margin-bottom:19px}}@media screen and (min-width: 1600px) and (max-width: 1799px){.gc-info__title{font-size:60px;line-height:72px}}@media screen and (min-width: 1800px){.gc-info__title{font-size:64px;line-height:78px}}.gc-info__subtitle{font-weight:400;margin-bottom:32px;font-size:18px;line-height:24px;margin-right:-20px}@media screen and (min-width: 1280px) and (max-width: 1439px){.gc-info__subtitle{font-size:20px;line-height:28px}}@media screen and (min-width: 1440px) and (max-width: 1599px){.gc-info__subtitle{font-size:28px;line-height:36px}}@media screen and (min-width: 1600px) and (max-width: 1799px){.gc-info__subtitle{font-size:32px;line-height:40px}}@media screen and (min-width: 1800px){.gc-info__subtitle{font-size:34px;line-height:42px}}.gc-info__size{font-size:16px;line-height:22px;opacity:0.7;color:#fff;margin-left:24px;margin-top:2px}.gc-info__button-wrapper{display:flex;flex-direction:row;justify-content:flex-start;align-items:center}.gc-nav{display:flex;align-items:center;color:#fff}.gc-nav__item{font-size:18px;color:inherit;cursor:pointer;text-decoration:none;line-height:24px;margin-right:24px;display:inline-flex;align-items:center;font-weight:700}.gc-nav__item:hover{color:#ff9e00;text-decoration:none}.gc-nav__item:hover .svg-sprite-icon{fill:#ff9e00}@media screen and (min-width: 1280px){.gc-nav__item{margin-right:32px}}.gc-nav__item:last-of-type{margin-right:0}.gc-nav__item-icon{width:18px;height:18px;fill:#FFF;margin-right:13px;display:inline-block}.gc-nav__item-icon_v-shift{padding-top:5px}
