@font-face {
    font-family: "PTSansRegular";
    src: url("../font/PTSansRegular.ttf");
    font-style: normal;
    font-weight: normal;
}

@font-face {
    font-family: "PTSansBold";
    src: url("../font/PTSansBold.ttf");
    font-style: normal;
    font-weight: normal;
}

body {
    color: #424242;
    /*background: #ffffff;*/
    /*background-image: url('../img/az_subtle.png');*/
}
.bgr-ligthh-2 {
     background-image: url('../img/bgr-white-2.jpg');
}
/*.active span {
    color: white;
}*/

.block-breadcrumbs span a {
    color: #0057a0;
}

.page .wrapper header .blocks, .block-menu {
    background: #e6e6e6;
}

.page .wrapper header .blocks .inside-block .link {
    color: #0057a0;
    display: block;
}

.page .wrapper header .blocks .inside-block .active-color {
    color: white;
    display: block;
}

.page .wrapper header .hover-bgr:hover {
    background: #f2f6f7;
}

.page .wrapper .container .box-nav .blocks-nav nav ul li a {
    color: #0057a0;
}
.page .wrapper .container .box-nav .blocks-nav nav ul li a:hover {
    color: #74b04f;
}

.page .wrapper header .block-logo .logo .image-logo {
    width: 115px;
    height: 95px;
    background-image: url("../img/logo-light.png");
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
}

.page .wrapper header .block-menu .light-dark .light {
    /*float: left;*/
    width: 16px;
    height: 16px;
    background: none;
    background-image: url("../img/icon-sun-dark.svg");
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    border: none;
    cursor: pointer;
}

.page .wrapper header .block-menu .light-dark .dark {
	/*float: left;*/
    width: 16px;
    height: 16px;
    background: none;
    background-image: url("../img/icon-moon-2-blue.svg");
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    border: none;
    cursor: pointer;
    outline: none;
}

.page .wrapper header .blocks .icon-procent {
    display: inline-block;
    width: 35px;
    height: 35px;
    background-image: url('../img/icon-proc-2-blue.png');
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
}

.page .wrapper header .blocks .icon-key {
    display: inline-block;
    width: 35px;
    height: 35px;
    background-image: url('../img/icon-key-2-blue.png');
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
}

.page .wrapper header .block-menu .search form input {
    /*float: left;*/
    width: 20px;
    height: 20px;
    background: none;
    background-image: url("../img/icon-search-2-blue.svg");
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    border: none;
    cursor: pointer;
    outline: none;
}

.page .wrapper header .block-menu .phone .icon-phone {
    /*float: left;*/
    display: inline-block;
    width: 25px;
    height: 25px;
    cursor: pointer;
    background-image: url('../img/icon-phone-2-blue.svg');
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat;
}

.container h1 span {
    color: #337bb3;
}

.box-info-about-company .info p span {
    color: #337bb3;
}

.page .wrapper .container .box-info-about-company .list ul li span {
    color: #424242;
    font-family: 'PTSansRegular';
}

.page .wrapper .container .box-catalog .blocks-catalog .box-roll .block-roll-out span a:hover {
    color: #74b04f;
}

.box-roll .block-roll-out span a:hover {
    color: #74b04f;
}

.Personal-Area-section .box-settings .block-settings-text .icon-settings {
    background-image: url("../img/icon-r-light-theme.png");
}

.Personal-Area-section .box-user .blocks .email a {
    color: #0057a0;
}

.Personal-Area-section .text-add a {
    color: #0057a0;
}

.Personal-Area-section .box-settings {
    border-left: 1px solid #dfdfdf;
}

.box-nav .blocks-nav nav ul li .active-nav-item {
    color: #74b04f;
}

.box-nav .blocks-nav nav ul li a {
    color: #0057a0;
}

.box-pagination ul .page-li {
    color: black;
}

.box-pagination ul .active-a {
    color: black
}
.box-pagination ul a {
    color: #337bb3;
}
.page footer {
    background: #424242;
    margin-top: 50px;
}

.Personal-Area-section .box-user .icon-pen {
    background-image: url("../img/pen-light-style.png");
}

.Personal-Area-section .box-user .text-edit a {
    color: #0057a0;
}

.registration-section .span-registration {
    color: #000000;
}
.icon-trash {
    background-image: url('../img/Trash-blue.png');
}
.Personal-Area-section .block-form .icon-pen {
    background-image: url("../img/pen-light-style.png");
}
.content-page-section .box-right .blocks-download .link a {
    color: #6b7c89;
}
.box-right-contacts__info-text {
    color: #424242;
}
.page .wrapper header .blocks .icon-nav {
    background-image: url('../img/icon-compac-2-blue.png');
}
.page .wrapper header .blocks .icon-discount {
    background-image: url('../img/icon-discount-2-blue.png');
}
.page .wrapper header .blocks .icon-basket {
    background-image: url('../img/basket-icon-2-blue.svg');
}
@media (max-width: 480px) {
    .page .wrapper header .block-menu .light-dark .dark {
    float: left;
    margin-left: 3px;
  }
  .page .wrapper header .block-menu .light-dark .light {
    float: left;
  }
  .page .wrapper header .block-menu .light-dark .light, .page .wrapper header .block-menu .light-dark .dark {
    width: 18px;
    height: 18px;
    padding: 0;
  }
}

.page .wrapper header .block-menu .phone .icon-phone, .page .wrapper header .block-menu .search form input  {
    width: 16px;
    height: 16px;
}


@media (max-width: 750px) {
    .page .wrapper header .block-menu .light-dark .light, .page .wrapper header .block-menu .light-dark .dark {
        float: left;
    }
}