@font-face {
    font-family: 'code_pro_blackregular';
    src: url('/bitrix/templates/elektro_flat/fonts/code_pro_black-webfont.eot');
    src: url('/bitrix/templates/elektro_flat/fonts/code_pro_black-webfont.eot?#iefix') format('embedded-opentype'),
         url('/bitrix/templates/elektro_flat/fonts/code_pro_black-webfont.woff2') format('woff2'),
         url('/bitrix/templates/elektro_flat/fonts/code_pro_black-webfont.woff') format('woff'),
         url('/bitrix/templates/elektro_flat/fonts/code_pro_black-webfont.ttf') format('truetype'),
         url('/bitrix/templates/elektro_flat/fonts/code_pro_black-webfont.svg#code_pro_blackregular') format('svg');
    font-weight: normal;
    font-style: normal;
}
body {
    font-family: 'Open Sans', sans-serif;
}
.footer{
    max-width: 1234px;
    width: 100%;
    background: #575b71;
	overflow: hidden;
    float: left;
	box-sizing: border-box;
}
.footer-nav{
    float: left;
    margin: 0 120px 0 0;
}
.footer-nav:last-child{
    margin: 0;
}
a.tittle-block,
.tittle-block {
    font-size: 19px;
    color: #fde037;
    text-decoration: none;
    display: block;
    margin: 0 0 14px 0;
}
.footer-nav ul{
    list-style: none;
    margin: 0;
    padding: 0;
}
.footer-nav ul li{
    margin: 0 0 11px 0;
}
.footer-nav ul li a{
    text-decoration: none;
    color: #d1d4ec;
    font-size: 14px;
}
.footer-nav ul li a:hover{
    color: #ffffff;
    text-decoration: underline;
}
footer-nav:last-child{
    margin: 0;
}
.social ul li img {
    margin: 0 15px 0 0;
}
.social ul{
    display: flex; 
    display: -webkit-box; 
    display: -ms-flexbox; 
    display: -webkit-flex; 
    -webkit-box-align: center; 
    -webkit-align-items: center; 
    align-items: center; 
    align-content: center; 
    -webkit-box-pack: start; 
    -moz-box-pack: left; 
    -ms-flex-pack: left; 
    -webkit-justify-content: flex-start; 
    justify-content: flex-start;
    -webkit-flex-wrap: wrap; 
    -ms-flex-wrap: wrap; 
    flex-wrap: wrap;
}
.pay ul{
    display: flex; 
    display: -webkit-box; 
    display: -ms-flexbox; 
    display: -webkit-flex; 
    -webkit-box-align: center; 
    -webkit-align-items: center; 
    align-items: center; 
    align-content: center; 
    -webkit-box-pack: justify; 
    -moz-box-pack: justify; 
    -ms-flex-pack: justify; 
    -webkit-justify-content: space-between; 
    justify-content: space-between;
    -webkit-flex-wrap: wrap; 
    -ms-flex-wrap: wrap; 
    flex-wrap: wrap;
    width: 310px;
}
.tittle-block.news{
    margin: 24px 0 17px 0;
}
.tittle-block.contacts{
    margin: 22px 0 0 0;
}
.tittle-block.way-to-pay{
    margin: 75px 0 15px 0;
}
.footer-info{
    width: 100%;
    height: 81px;
    background: #383b4c;
    border-bottom: 4px solid #575b71;
}
.footer-content{
    overflow: hidden;
    padding: 24px 0 9px 25px
}
.copy-r{
    font-size: 10px;
    float: left;
    color: #fff;
    margin: 20px 0 0 26px;
    line-height: 18px
}
.footer-logo{
    float: left;
    margin: 19px 0 0 15px;
}
.garant-quality{
    float: right;
    margin: 28px 50px 0 0; 
}

.not-found {
    max-width: 560px;
    padding: 0 20px;
    margin: 22px auto 45px;
}
.nf-text {
    display: block;
    font-size: 13px;
    color: #575b71;
}
.not-found-title {
    display: block;
    text-align: center;
    font-size: 30px;
    color: #575b71;
    font-weight: bold;
}
.nf-num {
    display: block;
    text-align: center;
    font-size: 88px;
    color: #dee0ee;
    margin: 20px 0;
    font-family: 'code_pro_blackregular';
}
.nf-buttons {
    margin: 38px 0 0;
}
.nf-buttons a {
    font-weight: bold;
    line-height: 35px;
    height: 35px;
    font-size: 14px;
}
.main-back {
    color: #13a4ff;
    text-decoration: underline;
    float: left;
}
.main-back:hover {
    text-decoration: none;
}
.go-catalog {
    float: right;
    text-decoration: none !important;
    background: #fde037;
    padding: 0 10px;
    color: #000000;
    text-align: center;
    border-radius: 3px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
}
@media (max-width:767px) {
    .not-found {
        padding: 0 15px;
        margin: 12px auto 25px;
    }
    .nf-buttons a {
        width:240px;
        text-align: center;
        margin: 5px auto;
        float: none;
        display: block;
    }
}