/* General Reset */
*,
:after,
:before {
    box-sizing: border-box;
}

html,
body {
    height: 100%;
}

body {
    background: #FFFF00;
    margin: 0;
    color: #fff;
    font: 14px/16px 'robotoregular', Helvetica, Arial, sans-serif;
    min-height: 450px;
    min-width: 480px;
}

img {
    border-style: none;
    max-width: 100%;
}

input,
textarea,
select {
    color: #000;
    vertical-align: middle;
    font: 100% Arial, Helvetica, sans-serif;
}

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

input.txt,
textarea {
    box-sizing: border-box;
}

form,
fieldset {
    margin: 0;
    padding: 0;
    border-style: none;
}

blockquote,
q {
    quotes: none;
}

q:before,
q:after {
    content: '';
}

a {
    color: #FF245C;
    text-decoration: none;
}

a:hover {
    text-decoration: underline;
}

a:focus,
input:focus,
textarea:focus,
select:focus {
    outline: none;
}

p {
    margin: 0 0 18px;
}

/* General settings */
h1 {
    font: 32px/36px 'robotobold', Helvetica neue, Helvetica, sans-serif;
    margin: 0 0 10px;
}

h2 {
    font: 20px/24px 'robotobold', Helvetica neue, Helvetica, sans-serif;
    margin: 35px 0 20px;
}

h3 {
    font: 18px/22px 'robotoregular', Helvetica, Arial, sans-serif;
    margin: 0 0 17px;
}

strong {
    font-family: robotobold, Helvetica, Arial, sans-serif;
    font-weight: bold;
}

.wrapper {
    min-height: 100%;
    position: relative;
    overflow: hidden;
    padding: 65px 15px 45px;
    z-index: 1;
}

.main-page .wrapper {
    /*background: url(/static/web/images/main-bg.png) 70% 100% no-repeat;*/
    background-size: auto 100%;
    display: flex;
    text-align: center;
}

.container {
    max-width: 1070px;
    margin: 0 auto;
    padding-left: 15px;
    padding-right: 15px;
}

.container:after {
    clear: both;
    content: '';
    display: block;
}

#header {
    background: #FFFF00;
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    padding: 0 15px;
}

#header .container {
    border-bottom: 1px solid #FF245C;
    min-height: 65px;
    padding: 0;
}

#header .logo {
    float: left;
    padding: 15px 0;
    margin-right: 15px;
}

#header .logo img {
    vertical-align: top;
    display: block;
    height: 35px;
}

#main {
    padding: 0 0 45px 0;
}

#main:after {
    clear: both;
    content: '';
    display: block;
}

#sidebar {
    width: 175px;
    float: left;
    min-height: 1px;
    margin: 0 35px 0 0;
}

.sidebar-nav {
    list-style: none;
    margin: 0;
    padding: 40px 0 0;
    position: fixed;
    top: 66px;
    bottom: 90px;
    width: 175px;
    font-size: 13px;
    line-height: 19px;
}

.sidebar-nav:after {
    content: '';
    background-color: #FF245C;
    position: absolute;
    top: 0;
    left: 100%;
    width: 1px;
    bottom: 100px;
    min-height: 250px;
}

.sidebar-nav a {
    display: block;
    padding: 13px 15px;
    color: #FF245C;
    transition: all 0.3s ease;
}

.sidebar-nav .active a {
    background-color: #FF245C;
    color: #fff;
}

#content {
    overflow: hidden;
    padding: 35px 0 45px;
}

#content .heading {
    margin: 0 0 35px;
}

#content .heading p {
    margin: 0;
}

#content ul {
    margin: 0 0 10px;
    list-style-position: inside;
}

#content ul li {
    margin-bottom: 14px;
}

#content ul p {
    margin: 0 0 14px;
}

#content ul.lower {
    list-style-type: lower-alpha;
}

.contacts {
    margin: 0 0 10px;
}

.contacts div {
    margin: 0 0 10px;
}

#footer {
    border-top: 1px solid #3a3154;
    position: relative;
    z-index: 2;
    margin-top: -46px;
    font-size: 12px;
    line-height: 15px;
    padding: 15px 0;
    display: flex;
}

#footer .copyright {
    margin-left: 35px;
    max-width: 40%;
    color: #FF245C;

}

.footer-nav {
    list-style: none;
    padding: 0;
    margin: 0;
    overflow: hidden;
    flex-grow: 1;
}

.footer-nav li {
    float: left;
    padding-left: 15px;
}

.footer-nav li:first-child {
    padding-left: 0;
}

.footer-nav a {
    transition: all 0.3s ease;
    color: #ff3d77;
}

.footer-nav .active a,
.footer-nav a:hover {
    color: #FF245C;
    text-decoration: none;
}

.main-box {
    max-width: 600px;
    margin: auto;
}

.main-box .logo {
    width: 375px;
    height: 375px;
    margin: 0 auto 40px;
}

article{
    color: #FF245C;
}

.main-box .logo img {
    width: 100%;
    height: 100%;
    vertical-align: top;
}

.main-box .heading-block {
    margin: 0 0 40px;
}

.main-box .heading {
    font: 52px/62px 'montserratbold', Helvetica neue, Helvetica, sans-serif;
    color: #FF245C;
    margin: 0 0 20px;
}

.main-box .subheading {
    font: 24px/28px Helvetica, Arial, sans-serif;
    color: #FF245C;
}

.color-pink {
    color: #FF245C;
}

.apps {
    font-size: 0;
    line-height: 0;
}

.app-btn {
    display: inline-block;
    vertical-align: top;
    margin: 15px;
}

.app-btn img {
    vertical-align: top;
}

.main-page #footer {
    display: block;
    text-align: center;
    border: 0;
}

.main-page .footer-nav {
    margin-bottom: 10px;
}

.main-page .footer-nav li {
    float: none;
    display: inline-block;
    vertical-align: top;
    padding: 5px 10px;
}

.main-page #footer .copyright {
    max-width: 100%;
    margin: 0;
    text-align: center;
    color: #FF245C;
}