footer {
    background: #1c1e22 !important
}

header #logo .text-logo {
    line-height: 40px
}

header #logo img {
    height: 45px;
}

#menu-inner {
    height: calc(100% - 40px - 75px);
    margin-top: calc(50px + 40px)
}

.spacer-big.hero-spacer {
    height: calc(40px + 40px + 10px)
}

#hero:not(.hero-big):not(.hero-full) #page-title {
    padding-top: calc(100px + 40px)
}

#hero:not(.hero-big):not(.hero-full) #page-title:not(.title-bottom) {
    padding-bottom: calc(100px + 40px)
}

.sr-button.style-custom {
    background: #457af1 !important;
    color: #ffffff !important
}

.sr-button.style-custom:hover {
    background: #3964c7 !important;
    color: #ffffff !important
}

nav#main-nav.underline ul > li > a::after {
    background: #457af1 !important
}

.colored {
    color: #457af1 !important
}

body, input[type=text], input[type=password], input[type=email], input[type=number], input[type=tel], textarea, input[type=submit], input[type=button], .button, button, blockquote cite, .pagination li a, #page-pagination .pagination li.page span, #page-pagination .pagination li.page a, .sr-button {
    font-family: 'Open Sans'
}

h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6, blockquote, nav#main-nav ul > li > a, .portfolio-category, .post-date, .post-cat, .pagination li a[data-title]::before, .tp-caption.noha-caption {
    font-family: 'Open Sans'
}

body {
    font-weight: 300
}

strong, b, dt {
    font-weight: 600
}

h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 .tp-caption.noha-caption {
    font-weight: 300
}

h1 b, h2 b, h3 b, h4 b, h5 b, h6 b, h1 strong, h2 strong, h3 strong, h4 strong, h5 strong, h6 strong, .tp-caption.noha-caption strong, .tp-caption.noha-caption b {
    font-weight: 600
}

.title-alt b, .title-alt strong {
    font-weight: 500
}

.sr-button {
    font-weight: 400
}