@font-face {
    font-family: 'Geometria';
    src: url(../fonts/geometria-webfont.eot);
    src: url(../fonts/geometria-webfont.eot?#iefix) format("embedded-opentype"),url(../fonts/geometria-webfont.woff) format("woff"),url(../fonts/geometria-webfont.ttf) format("truetype");
    font-style: normal;
    font-weight: 400
}

@font-face {
    font-family: 'Geometria';
    src: url(../fonts/geometria-medium.woff) format("woff");
    font-style: normal;
    font-weight: 500
}

@font-face {
    font-family: 'Geometria';
    src: url(../fonts/geometria-bold-webfont.eot);
    src: url(../fonts/geometria-bold-webfont.eot?#iefix) format("embedded-opentype"),url(../fonts/geometria-bold-webfont.woff) format("woff"),url(../fonts/geometria-bold-webfont.ttf) format("truetype");
    font-style: bold;
    font-weight: 600
}

/* bootstrap grid */
.container-fluid {padding: 0 4rem;}

@media (min-width: 1200px) {
    .container {
        max-width: 1200px;
    }
}
@media (min-width: 1440px) {
    .container {
        max-width:1300px
    }
}

@media (min-width: 1440px) {
 .modal-xl {max-width: 1300px;}
}

/* helpers */
.mobile {display: none;}

/* links, btn */

a {color: #252b33;}

.btn-green {border-color: #98b02e; background-color: #98b02e; color: #fff; text-transform: uppercase; font-size: 10px; font-weight: 500; border-radius: 2rem;}

.btn-outline-green {border: 2px solid #98b02e; color: #000; text-transform: uppercase; font-size: 10px; font-weight: 500; border-radius: 2rem;}

.btn-lg {padding: 0.65rem 1.5rem;}

/* form */
.form-control {border-radius: 0;}

/* main */
html {height: 100%;}
body {font-family: 'Geometria', sans-serif; font-weight: 400; display: flex; flex-direction: column; height: 100%}

header {position: relative; z-index: 2;}

.header-logo-absolute {position: absolute; top: 0; width: 140px; z-index: 2;}
.header-inner {margin-left: 140px; padding-left: 1.75rem;}
.header-inner-inner {display: flex; flex-flow: nowrap; align-items: center; justify-content: space-between; position: relative; z-index: 2;}
.header-logo {display: flex; background-color: #252b33; padding: 2.25rem;}
.header-logo a {flex: 1; max-width: 100%;}
.header-logo img {max-width: 100%;}

.header-top .header-inner {padding-top: 1.325rem; padding-bottom: 1.325rem;}

.header-brand {margin-bottom: 0.25rem; font-weight: 500;}

.header-bottom {background-color: #eff0f2;}

.branding-menu {list-style: none; margin-bottom: 0; padding: 0; display: flex;}
.branding-menu > li {}
.branding-menu > li > a {font-size: 11px; font-weight: 500; text-transform: uppercase; text-decoration: none; color: #252b33; padding: 1rem;}
.branding-menu > li > a:hover {color: #005693;}

.header-contacts {display: flex; align-items: center;}

.header-contacts-item {display: flex;}
.header-contacts-item + .header-contacts-item {margin-left: 1rem;}
.header-contacts-item a {font-size: 11px; margin-right: 0.25rem; font-weight: 500;}

.header-contacts-icon {width: .688rem;}

.header-address-title {font-size: 10px; color: #929699; text-transform: uppercase; margin-bottom: .125rem;}
.header-address-address {font-size: 11px; font-weight: 500;}

.header-phone {display: flex; flex-direction: column; align-items: flex-end;}
.header-phone-title {font-size: 10px; color: #929699; text-transform: uppercase; margin-bottom: .125rem;}
.header-phone-phone {font-size: 11px; font-weight: 500;}
.header-phone-phone a {font-size: .875rem; font-weight: 600;}
.header-phone-phone a:hover {color: #005693; text-decoration: none;}

.content {flex: 1 0 auto;}

.branding-head {background-color: #eff0f2; padding-bottom: 1.25rem;}
.branding-head h1 {font-size: 36px; font-weight: 600;}
.branding-page h2 {font-size: 36px; font-weight: 600;}

.breadcrumb {background-color: transparent; padding: 0; padding-top: 1.5rem; padding-bottom: 1rem;}
.breadcrumb-item {color: #929699; font-size: 10px;}
.breadcrumb-item+.breadcrumb-item::before {content: '\2013';}

.branding-page-official {position: relative;}

.bp-official-absolute {position: absolute; width: 100%; top: 0; z-index: 1; padding-top: 3rem;}
.bp-official-absolute h2 {padding-bottom: 2rem;}

.bp-official-image {position: relative;}
.bp-official-image img {max-width: 100%;}

.branding-page-h2 {background-color: #eff0f2; padding: 1.25rem 0; padding-top: 2rem; margin-bottom: 4rem;}

.bt-benefits-list {display: flex; flex-flow: row wrap; margin-left: -1.5rem; margin-right: -1.5rem;}

.bt-benefits-item {flex: 0 0 50%; max-width: 50%; font-size: 14px; line-height: 18px; padding-left: 1.5rem; padding-right: 1.5rem; margin-bottom: 3rem;}

.btb-item-title {font-weight: 600; margin-bottom: 1rem;}

.btb-item-icon {width: 36px; height: 36px; fill: #9ab9c9; flex-shrink: 0; margin: 0 15px 20px 0;}

@media (min-width: 992px) {
    .btb-item-icon {margin-right: 45px;}
}

@media (min-width: 768px) {
    .btb-item-icon {width: 58px; height: 58px; margin-right: 35px;}   
}

.bp-services-certificate {margin-bottom: 3rem;}
.bp-services-certificate img {max-width: 100%;}

.bp-services-announce {margin-bottom: 4rem; font-size: 14px;}

.bp-services-item {display: flex; flex-flow: row nowrap; font-size: 14px; margin-bottom: 3rem; align-items: center;}

.branding-icon-check {background-color: #98b02e; width: 32px; height: 32px; border-radius: 32px; margin-right: 0.5rem; display: flex; align-items: center; justify-content: center; flex: 0 0 32px;}
.branding-icon-check:before {content: ''; width: 12px; height: 6px; border-left: 2px solid #fff; border-bottom: 2px solid #fff; transform: rotate(-45deg);}

@media (min-width: 768px) {
    .branding-icon-check:before {width: 14px; height: 8px;}   
}

.bp-contracts-inner {margin-bottom: 4rem;}
.bp-contracts-inner img {max-width: 100%;}

.bp-contracts-announce {font-size: 14px;}

.bps-certificate-info {margin-bottom: 3rem;}

.bps-certificate-title {color: #005693; font-weight: 600; margin-bottom: 1rem;}

.bps-certificate-address {font-size: 14px;}
.bps-certificate-address .svg-inline--fa {margin-right: .25rem; width: 1.25rem; color: #252b33;}

.bps-certificate-phone {margin-bottom: 3rem; font-size: 2rem; font-weight: 600;}

.bp-order {padding: 2rem 0;}

.bp-contract-announce {margin-bottom: 4rem;}

.branding-page-compound {margin-bottom: 4rem;}

/* table */

.table-inline thead {position: sticky; top: 0; z-index: 1;}
.table-inline thead td {background: #005693; color: #fff; font-size: 11px; font-weight: 600; letter-spacing: 1.05px; text-transform: uppercase; padding: 1.5rem .625rem;}
.table-inline thead td:first-child {padding-left: 3.125rem;}

.table-inline tbody td {font-size: 13px; padding-top: 1.25rem; padding-bottom: 1.25rem;}
.table-inline tbody td:first-child {padding-left: 3.125rem;}

.table-inline tbody tr:nth-child(2n) td {background-color: #f4f4f4;}

.icon-state-on {
    background-color: #98b02e;
    width: 32px;
    height: 32px;
    border-radius: 32px;
    margin-right: 0.5rem;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    flex: 0 0 32px;
}

.icon-state-on:before {
    content: '';
    width: 12px;
    height: 6px;
    border-left: 2px solid #fff;
    border-bottom: 2px solid #fff;
    transform: rotate(-45deg);
}

@media (min-width: 768px) {
    .icon-state-on:before {width: 14px; height: 8px;}   
}

.icon-state-off {
    font-size: 1.5rem;
    background-color: #b0b0b0;
    width: 32px;
    height: 32px;
    border-radius: 32px;
    margin-right: 0.5rem;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    flex: 0 0 32px;
    color: #fff;
}

.icon-state-off:after {
    content: '\00D7'
}

.branding-page-price {padding: 4rem 0;}
.branding-page-price h2 {font-size: 18px; margin-bottom: 3rem;}

.bp-price-item {margin-bottom: 6rem;}

.bp-price-description {margin-bottom: 3rem;}

footer {flex: 0 0 auto;}

.footer-top {background-color: #252b33; padding: 1rem 0;}
.footer-top-top {padding-bottom: 1rem; margin-bottom: 1rem; border-bottom: 1px solid #656565;}
.footer-service-top-top {padding-bottom: 0; margin-bottom: 0; border-bottom: none;}
.footer-top-top .social a {color: #fff;}
.footer-top-top .social a + a {margin-left: 1.25rem;}
.footer-top-top .contacts {display: flex; align-items: center;}
.footer-top-top .contacts > div + div {margin-left: 3rem;}
.footer-top-contact {color: #fff; font-size: .9rem;}
.footer-top-contact a {color: #fff; text-decoration: none;}
.footer-top-contact .svg-inline--fa {color: #fd8744; margin-right: 1rem;}

.footer-top-bottom .title {font-weight: 600; color: #fff; text-transform: uppercase; margin-bottom: .5rem;}
.footer-top-bottom .child-list {display: flex; flex-direction: column;}
.footer-top-bottom .child-list a {font-size: .9rem; color: #858585; line-height: 2rem;}

.footer-bottom {background-color: #1c2025; padding: .5rem 0; color: #858585}
.footer-bottom .copyright {font-size: .9rem}
.footer-bottom-links a {font-size: .9rem; color: #858585;}
.footer-bottom-links a + a {margin-left: 2rem;}

.fancybox-caption {font-weight: 600; font-size: 1.5rem;}
.fancybox-caption o {color: #ff7521;}