html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
    font-size: 100%;
    vertical-align: baseline;
    background: transparent
}

body {
    line-height: 1
}

ol, ul {
    list-style: none
}

blockquote, q {
    quotes: none
}

blockquote:before, blockquote:after, q:before, q:after {
    content: ""
}

ins {
    text-decoration: none
}

del {
    text-decoration: line-through
}

table {
    border-collapse: collapse;
    border-spacing: 0
}

article, aside, figure, figcaption, footer, header, hgroup, nav, section, summary {
    display: block
}

@font-face {
    font-family: 'ProximaNova';
    src: url("./fonts/PROXIMANOVA-REG_0/PROXIMANOVA-REG_0.eot");
    src: url("./fonts/PROXIMANOVA-REG_0/PROXIMANOVA-REG_0.eot?#iefix") format("embedded-opentype"), url("./fonts/PROXIMANOVA-REG_0/PROXIMANOVA-REG_0.woff") format("woff"), url("./fonts/PROXIMANOVA-REG_0/PROXIMANOVA-REG_0.ttf") format("truetype"), url("./fonts/PROXIMANOVA-REG_0/PROXIMANOVA-REG_0.svg#ProximaNova") format("svg");
    font-weight: 400
}

@font-face {
    font-family: 'ProximaNova';
    src: url("./fonts/PROXIMANOVA-BOLD_0/PROXIMANOVA-BOLD_0.eot");
    src: url("./fonts/PROXIMANOVA-BOLD_0/PROXIMANOVA-BOLD_0.eot?#iefix") format("embedded-opentype"), url("./fonts/PROXIMANOVA-BOLD_0/PROXIMANOVA-BOLD_0.woff") format("woff"), url("./fonts/PROXIMANOVA-BOLD_0/PROXIMANOVA-BOLD_0.ttf") format("truetype"), url("./fonts/PROXIMANOVA-BOLD_0/PROXIMANOVA-BOLD_0.svg#ProximaNova") format("svg");
    font-weight: 700
}

html, body {
    margin: 0;
    padding: 0;
    height: 100%
}

body {
    min-height: 100%
}

html {
    font-size: 62.5%
}

.wrapper-fixed-footer {
    min-height: 100%;
    padding-bottom: 520px;
    position: relative
}

footer {
    width: 100%;
    height: 520px;
    position: absolute;
    bottom: 0;
    background-color: #0e0e0e;
    padding-bottom: 90px
}

.brand-color {
    color: #ffd511
}

.brand-list {
    color: #ffd511
}

.brand-list:hover, .brand-list:focus {
    color: #ffd511
}

a:focus, button:focus {
    outline: none !important
}

.dark-link {
    color: #444444
}

.dark-link:hover, .dark-link:focus {
    color: #ffd511;
    text-decoration: none
}

.red-link {
    color: #ffd511
}

.red-link:hover, .red-link:focus {
    color: #ffd511
}

.brand-btn {
    padding: 13px 30px;
    display: inline-block;
    background-color: #ffd511;
    color: #000000;
    font-size: 1.2rem;
    text-transform: uppercase;
    font-weight: 700;
    cursor: pointer;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    border: 0
}

.brand-btn i {
    margin-right: 10px;
    font-size: larger;
    vertical-align: text-bottom
}

.brand-btn:hover, .brand-btn:focus {
    color: #000000;
    background-color: rgba(255, 213, 17, 0.56);
    text-decoration: none
}

.red-btn {
    padding: 10px 20px;
    color: white;
    background-color: #ffd511;
    font-size: 19px;
    border: 0
}

.red-btn:hover, .red-btn:focus {
    opacity: 0.8
}

.red-ico {
    margin-left: 5px;
    color: #ffd511;
    display: inline-block;
    vertical-align: middle
}

.white-link {
    color: #bfbfbf
}

.white-link:hover, .white-link:focus {
    color: #ffd511;
    text-decoration: none
}

b {
    font-weight: 700
}

body {
    font-size: 1.4rem;
    line-height: 1.15;
    color: #333333;
    font-family: 'ProximaNova', sans-serif;
    font-weight: 400;
    background-color: #ffffff
}

* html .page-wrapper {
    height: 100%
}

.center-bl {
    max-width: 1200px;
    margin: 0 auto;
    padding-right: 15px;
    padding-left: 15px;
    position: relative
}

.bold {
    font-weight: 700
}

.border-none {
    border: 0 !important
}

.vertical-middle-wrapper {
    width: 100%;
    content: '';
    display: table;
    height: 100%;
    vertical-align: middle
}

.vertical-middle-wrapper > * {
    vertical-align: middle !important;
    height: 100% !important;
    display: table-cell !important
}

img {
    max-width: 100%;
    max-height: 100%
}

.radio {
    display: none
}

.radio-label {
    padding: 0 0 0 25px;
    vertical-align: middle;
    font-size: 16px;
    color: #898989;
    cursor: pointer
}

.checkbox {
    vertical-align: top;
    margin: 0 3px 0 0;
    width: 17px;
    height: 17px
}

.checkbox + label {
    cursor: pointer
}

.checkbox:not(checked) {
    position: absolute;
    opacity: 0
}

.checkbox:not(checked) + label {
    position: relative;
    padding: 0 0 0 60px
}

.checkbox:not(checked) + label:before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 70px;
    height: 34px;
    background: transparent;
    border: 3px solid #01c2ea
}

.checkbox:not(checked) + label:after {
    content: '';
    position: absolute;
    top: 7px;
    left: 7px;
    width: 20px;
    height: 20px;
    border-radius: 10px;
    background: #FFF;
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.3);
    transition: all .2s
}

.checkbox:checked + label:before {
    background: rgba(255, 255, 255, 0.23)
}

.checkbox:checked + label:after {
    left: 41px;
    background: #01c2ea
}

a:hover, a:focus {
    text-decoration: underline
}

.link-underline:hover {
    text-decoration: none
}

.link-underline {
    text-decoration: underline;
    color: #3c3340
}

.color-brand {
    color: #ffd511
}

input:focus, textarea:focus {
    outline: none
}

.custom-checkbox {
    position: relative;
    height: 22px;
    overflow: hidden;
    margin-right: 40px
}

.custom-checkbox input[type=checkbox] {
    position: absolute;
    left: -999px
}

.custom-checkbox input[type=checkbox] + span {
    color: white;
    font-size: 14px;
    padding-left: 30px;
    position: relative;
    font-weight: normal;
    cursor: pointer
}

.custom-checkbox input[type=checkbox] + span:before {
    width: 19px;
    height: 18px;
    position: absolute;
    top: 0;
    left: 0;
    color: white;
    font-size: 14px;
    background: url("./img/checkbox.png") no-repeat 0 0;
    content: ""
}

.custom-checkbox input[type=checkbox]:checked + span:before {
    content: "";
    background: url("./img/checkbox.png") no-repeat -112px 0
}

.box-checkbox input[type="checkbox"] {
    display: none
}

.box-checkbox input[type="checkbox"] + label::before {
    width: 18px;
    height: 18px;
    margin: 0 5px 0 0;
    position: absolute;
    top: 0;
    left: 0;
    display: inline-block;
    content: ""
}

.box-checkbox input[type="checkbox"] + label::before {
    background-image: url("./img/chackbox-l.png")
}

.box-checkbox input[type="checkbox"]:checked + label::before {
    background-image: url("./img/checkbox-l-active.png")
}

.input-custom {
    height: 48px;
    background-color: rgba(240, 240, 240, 0.57);
    border-radius: 1px;
    width: 100%;
    border: 1px solid transparent;
    padding: 0 15px;
    color: #262626;
    font-size: 15px;
    margin-bottom: 10px
}

.input-custom:focus {
    background-color: white;
    border: 1px solid #fab61d
}

.custom-checkbox-orange {
    position: relative;
    height: 20px;
    overflow: hidden;
    margin-right: 40px
}

.custom-checkbox-orange input[type=checkbox] {
    position: absolute;
    left: -999px
}

.custom-checkbox-orange input[type=checkbox] + span {
    color: #2e2f2d;
    font-size: 15px;
    background: url("./img/checkbox-orange.png") no-repeat left top;
    padding-left: 30px
}

.custom-checkbox-orange input[type=checkbox]:checked + span {
    background: url("./img/checkbox-orange.png") no-repeat left bottom
}

.custom-radio-orange {
    position: relative;
    height: 20px;
    overflow: hidden;
    margin-right: 40px
}

.custom-radio-orange input[type=radio] {
    position: absolute;
    left: -999px
}

.custom-radio-orange input[type=radio] + span {
    color: #2e2f2d;
    font-size: 15px;
    background: url("./img/checkbox-orange.png") no-repeat left top;
    padding-left: 30px
}

.custom-radio-orange input[type=radio]:checked + span {
    background: url("./img/checkbox-orange.png") no-repeat left bottom
}

a {
    display: inline-block;
    -webkit-transition: 0.3s;
    -moz-transition: 0.3s;
    -o-transition: 0.3s;
    transition: 0.3s
}

a:hover {
    -webkit-transition: 0.3s;
    -moz-transition: 0.3s;
    -o-transition: 0.3s;
    transition: 0.3s
}

.gray-btn {
    padding: 15px 20px;
    color: white;
    font-size: 1.2rem;
    background-color: #242424;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    -ms-border-radius: 2px;
    border-radius: 2px
}

.gray-btn:hover, .gray-btn:focus {
    background-color: black;
    color: #ffd511;
    text-decoration: none
}

.top-footer {
    padding-top: 65px
}

.top-footer .line-under-logo {
    margin-bottom: 25px
}

.top-footer .line-under-logo a {
    margin-right: 20px
}

.top-footer .line-under-logo a:last-child {
    margin-right: 0
}

.top-footer .line-under-logo a i {
    margin-right: 10px;
    color: #ffd511;
    display: inline-block
}

.top-footer .day-work {
    margin-bottom: 25px;
    color: #ffd511;
    line-height: 1.5
}

.top-footer .social-line a {
    width: 35px;
    height: 35px;
    padding: 10px 5px;
    margin-right: 4px;
    display: inline-block;
    background-color: #1a1a1a;
    color: white;
    text-align: center;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    border-radius: 50%
}

.top-footer .social-line a:last-child {
    margin-right: 0
}

.top-footer .social-line a:hover, .top-footer .social-line a:focus {
    color: #ffd511;
    background-color: black
}

.top-footer .article {
    margin-bottom: 30px;
    font-size: 1.6rem;
    font-weight: 700;
    color: white
}

.top-footer .address {
    margin-bottom: 25px;
    color: #bfbfbf
}

.top-footer .phone-mail {
    margin-bottom: 25px;
    color: #bfbfbf
}

.top-footer .phone-mail p {
    margin-bottom: 10px
}

.top-footer .phone-mail p:last-child {
    margin-bottom: 0
}

.top-footer .phone-mail span {
    margin-right: 10px;
    color: #ffd511;
    display: inline-block
}

.top-footer .footer-list.footer-ico-1 li:before {
    content: "\f013"
}

.top-footer .footer-list.footer-ico-2 li:before {
    top: 1px;
    content: "\f15c"
}

.top-footer .footer-list li {
    margin-bottom: 15px;
    padding-left: 22px;
    position: relative
}

.top-footer .footer-list li:before {
    color: #ffd511;
    position: absolute;
    left: 0;
    top: 0;
    display: inline-block;
    font: normal normal normal 14px/1 FontAwesome;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-size: 1.3rem
}

.top-footer .box-photo {
    margin-bottom: 35px
}

.top-footer .box-photo:last-child {
    margin-bottom: 0
}

.top-footer .box-photo > div {
    height: 70px;
    padding-right: 2px
}

.top-footer .box-photo > div:last-child {
    padding-right: 0
}

.top-footer .box-photo > div a {
    background-color: white;
    border: 2px solid white
}

.top-footer .box-photo > div a:hover {
    border: 2px solid #ffd511
}

.bottom-footer {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    padding: 40px 20px;
    background-color: #0a0a0a;
    color: white;
    text-align: center
}

.bottom-footer .logo-proprocenter {
    position: absolute;
    right: 0;
    top: -8px
}

.footer-logo {
    margin-bottom: 24px;
    display: inline-block
}

.top-header {
    border-bottom: 1px solid #efefef;
    font-size: 1.3rem
}

.top-header .left-m {
    padding: 17px 0
}

.top-header .left-m li {
    display: inline-block
}

.top-header .left-m li a {
    margin-right: 20px
}

.top-header .login-ul {
    margin-left: 30px;
    padding: 18px 0;
    border-left: 1px solid #efefef;
    border-right: 1px solid #efefef
}

.top-header .login-ul li {
    padding: 0 30px;
    display: inline-block;
    border-right: 1px solid #efefef
}

.top-header .login-ul li:last-child {
    border-right: 0
}

.top-header .social-line {
    padding: 17px 0
}

.top-header .social-line a {
    margin-right: 10px;
    display: inline-block;
    font-size: 1.4rem
}

.top-header .social-line a:last-child {
    margin-right: 0
}

.center-header {
    padding-top: 17px;
    padding-bottom: 20px
}

.center-header .logo {
    width: 240px;
    position: absolute;
    top: 20px;
    left: 50%;
    z-index: 20;
    margin-left: -120px
}

.center-header .brand-btn {
    margin-bottom: 15px
}

.center-header .right-media {
    width: 200px;
    display: inline-block;
    text-align: left
}

.center-header .right-media .text-media {
    overflow: hidden;
    font-weight: 700
}

.center-header .right-media i {
    margin-right: 20px;
    color: #ffd511;
    float: left;
    font-size: 3rem;
    -webkit-transform: rotate(90deg);
    -moz-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    -o-transform: rotate(90deg);
    transform: rotate(90deg)
}

.center-header .left-media {
    width: 270px;
    display: inline-block;
    text-align: left
}

.center-header .left-media .text-media {
    text-align: right;
    line-height: 1.5
}

.center-header .left-media i {
    margin-left: 20px;
    color: #ffd511;
    float: right;
    font-size: 3rem
}

.center-header .left-media i.fa-mobile {
    margin-right: 5px;
    font-size: 5rem
}

.center-header .left-media i.fa-envelope {
    margin-top: 5px;
    font-size: 2.8rem
}

.center-header .left-media i.fa-angle-down {
    margin-left: 5px;
    cursor: pointer;
    color: #444444;
    font-size: 1.6rem;
    float: none
}

.center-header .drop-phone {
    position: relative
}

.center-header .drop-phone .drop-phone-d {
    position: absolute;
    display: none;
    top: 19px;
    right: 42px;
    padding: 10px;
    background-color: white;
    z-index: 2;
    -webkit-box-shadow: 0 0 6px rgba(0, 0, 0, 0.34);
    -moz-box-shadow: 0 0 6px rgba(0, 0, 0, 0.34);
    box-shadow: 0 0 6px rgba(0, 0, 0, 0.34);
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    border-radius: 3px
}

.center-header .drop-phone .drop-phone-d a {
    font-size: 1.3rem
}

.center-header .drop-phone .drop-phone-d p {
    margin-bottom: 6px
}

.center-header .drop-phone .drop-phone-d p:last-child {
    margin-bottom: 0
}

.bottom-header {
    margin-bottom: -15px;
    position: relative;
    z-index: 25
}

.wrapper-main-menu {
    padding-right: 80px;
    position: relative;
    background-color: #ffd511
}

.wrapper-main-menu .main-menu > li {
    height: 64px;
    position: relative;
    padding: 16px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    -moz-align-items: center;
    align-items: center
}

.wrapper-main-menu .main-menu > li > a {
    font-weight: 700;
    color: black;
    text-align: initial;
}

.wrapper-main-menu .main-menu > li:hover > ul {
    display: block
}

.wrapper-main-menu .main-menu > li > ul {
    width: 300px;
    display: none;
    position: absolute;
    left: -15px;
    top: 64px;
    padding-top: 2px;
    background-color: white;
    border: 1px solid #eeeeee
}

.wrapper-main-menu .main-menu > li > ul:before {
    width: 0;
    height: 0;
    position: absolute;
    top: -7px;
    left: 90px;
    content: "";
    border-style: solid;
    border-width: 0 7.5px 9px 7.5px;
    border-color: transparent transparent #ffffff transparent
}

.wrapper-main-menu .main-menu > li > ul li {
    padding: 0;
    position: relative;
    display: block;
    background-color: white
}

.wrapper-main-menu .main-menu > li > ul li:hover:before {
    background-color: black
}

.wrapper-main-menu .main-menu > li > ul li:hover a {
    background-color: #ffd511;
    text-decoration: none
}

.wrapper-main-menu .main-menu > li > ul li:before {
    width: 7px;
    height: 7px;
    top: 50%;
    left: 15px;
    margin-top: -3px;
    content: "";
    position: absolute;
    background-color: #ffd511;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    border-radius: 50%
}

.wrapper-main-menu .main-menu > li > ul li a {
    padding: 14px 10px 14px 30px;
    display: block;
    font-size: 1.2rem;
    color: black;
    line-height: 1.2;
    text-transform: uppercase
}

.wrapper-main-menu .search-wrapper {
    width: 64px;
    position: absolute;
    top: 0;
    right: 1%;
    padding-left: 0;
    padding-right: 74px;
    z-index: 20;
    background-color: #ffd511
}

.wrapper-main-menu .search-wrapper.open {
    width: 99%
}

.wrapper-main-menu .search-wrapper.open .fa-search:before {
    content: "\f00d"
}

.wrapper-main-menu .search-wrapper .search-btn {
    width: 64px;
    height: 100%;
    position: absolute;
    right: 0;
    top: 0;
    padding: 20px;
    text-align: center;
    color: black;
    font-size: 2rem;
    background-color: #ffd511;
    border: 0
}

.wrapper-main-menu .search-wrapper .search-btn:hover, .wrapper-main-menu .search-wrapper .search-btn:focus {
    color: black;
    text-decoration: none;
    opacity: 0.8
}

.wrapper-main-menu .search-wrapper input {
    width: 100%;
    height: 64px;
    font-size: 1.3rem;
    background-color: #ffd511;
    border: 0
}

.wrapper-main-menu .search-wrapper input:-moz-placeholder, .wrapper-main-menu .search-wrapper input:-ms-input-placeholder, .wrapper-main-menu .search-wrapper input:-ms-input-placeholder {
    color: white
}

.wrapper-main-menu .search-wrapper input::-webkit-input-placeholder {
    color: white
}

.big-slider-main {
    max-width: 1600px;
    margin: 0 auto;
    position: relative
}

.black-btn {
    padding: 13px 65px;
    display: inline-block;
    font-size: 1.2rem;
    text-transform: uppercase;
    background-color: #151515;
    border: 0;
    color: white;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    border-radius: 3px
}

.black-btn:hover, .black-btn:focus {
    background-color: #ffd511;
    color: black;
    text-decoration: none
}

.full-slider .one-block {
    height: 385px;
    text-align: center;
    -webkit-flex-wrap: wrap;
    -moz-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.full-slider .one-block .box-img {
    margin-bottom: 15px
}

.full-slider .one-block .text-slider {
    margin-bottom: 15px
}

.full-slider .one-block .text-slider span {
    padding: 7px 15px;
    color: #000000;
    background-color: rgba(255, 213, 17, 0.8);
    font-size: 1.7rem;
    line-height: 2.1
}

.full-slider .black-btn {
    padding: 15px 30px
}

.overflow-body {
    overflow: hidden
}

.btn-close-menu {
    display: none
}

.btn-menu-hamburger {
    width: 41px;
    height: 100%;
    padding: 11px 5px 8px 0;
    display: none;
    position: relative
}

.btn-menu-hamburger span {
    width: 100%;
    height: 6px;
    margin-top: 6px;
    display: block;
    background-color: #2d2c2c
}

.btn-menu-hamburger span:nth-child(1) {
    margin-top: 0
}

.slick-main {
    width: 46px;
    height: 46px;
    position: absolute;
    top: 50%;
    margin-top: -23px;
    z-index: 20;
    padding: 7px 2px;
    cursor: pointer;
    line-height: 1;
    background-color: rgba(0, 0, 0, 0.5);
    text-align: center;
    color: white;
    font-size: 3rem;
    border: 0
}

.slick-main.slick-prev {
    left: 80px;
    padding-right: 5px
}

.slick-main.slick-next {
    right: 80px
}

.slick-main:hover, .slick-main:focus {
    background-color: rgba(0, 0, 0, 0.7)
}

.block-section {
    padding: 85px 0;
    line-height: 24px
}

.block-section.gray-bg {
    background-color: #fbfbfb
}

.block-section .article {
    margin-bottom: 80px;
    color: #333333;
    font-size: 3.7rem;
    text-transform: uppercase;
    text-align: center;
    font-weight: 700;
    line-height: 5.2rem
}

.advantages-box .box-img {
    height: 120px;
    margin-bottom: 10px
}

.advantages-box .box-img img {
    line-height: 0
}

.advantages-box .title {
    height: 40px;
    margin-bottom: 15px;
    color: #333333;
    font-weight: 700;
    text-transform: uppercase;
    font-size: 1.6rem
}

.advantages-box .title a {
    color: #333333;
    -webkit-transition: 0.2s;
    -moz-transition: 0.2s;
    -o-transition: 0.2s;
    transition: 0.2s
}

.advantages-box .title a:hover, .advantages-box .title a:focus {
    color: #ffd511;
    text-decoration: none;
    -webkit-transition: 0.2s;
    -moz-transition: 0.2s;
    -o-transition: 0.2s;
    transition: 0.2s
}

.advantages-box .text-p {
    color: #555555
}

.object-fit {
    width: 100%;
    height: 100%;
    object-fit: cover;
    -o-object-fit: cover
}

.read-more {
    color: #555555;
    font-weight: 700
}

.read-more:hover, .read-more:focus {
    color: #ffd511;
    text-decoration: none
}

.read-more i {
    margin-left: 5px;
    color: #ffd511;
    display: inline-block;
    font-size: 2.3rem;
    vertical-align: sub
}

.service-box a {
    margin-bottom: 50px
}

.service-box a:hover, .service-box a:focus {
    text-decoration: none
}

.service-box a:hover .caption, .service-box a:focus .caption {
    color: #ffd511
}

.service-box a:hover .box-img:before, .service-box a:focus .box-img:before {
    display: block
}

.service-box .box-img {
    height: 220px;
    overflow: hidden;
    position: relative;
    display: block;
    z-index: 1
}

.service-box .box-img:before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    display: none;
    background-color: rgba(0, 0, 0, 0.2);
    z-index: 1
}

.service-box .box-img:after {
    content: "";
    position: absolute;
    left: 0;
    bottom: 0;
    width: 0;
    height: 0;
    border-style: solid;
    z-index: 2;
    border-width: 0 0 40px 400px;
    border-color: transparent transparent #fbfbfc transparent
}

.service-box .line-ico {
    margin: -50px 0 30px;
    text-align: center;
    display: block;
    position: relative;
    z-index: 5
}

.service-box .caption {
    margin-bottom: 20px;
    color: #333333;
    font-weight: 700;
    text-align: center;
    font-size: 1.8rem;
    display: block
}

.service-box .text-p {
    line-height: 24px;
    color: #555555;
    display: block;
    text-align: center
}

.service-box.catalog-list .box-img {
    height: 190px;
    margin-bottom: 20px
}

.service-box.catalog-list .box-img a {
    height: 100%;
    display: block
}

.service-box.catalog-list .box-img:after {
    left: 0;
    border-width: 0 0 43px 600px;
    border-color: transparent transparent white transparent
}

.service-box.catalog-list .caption {
    text-align: left;
    color: #686868
}

.service-box.catalog-list .caption-product {
    margin-bottom: 10px;
    font-size: 1.6rem;
    line-height: 1.3;
    font-weight: 700;
    color: #000000;
    text-transform: uppercase
}

.service-box.catalog-list .t-info {
    margin-bottom: 10px;
    color: #555555;
    line-height: 21px
}

.service-box.service-page .box-img {
    height: 160px;
    background-color: white
}

.service-box.service-page .box-img::after {
    border-color: transparent transparent white transparent
}

.service-box.service-page .line-ico {
    margin: -40px 0 15px
}

.service-box.service-page .line-ico img {
    width: 60px
}

.static-p {
    margin-bottom: 40px;
    color: #303030;
    line-height: 28px
}

.static-p:last-child {
    margin-bottom: 0
}

.special-offers-box {
    margin-bottom: 40px
}

.special-offers-box > div {
    margin-bottom: 30px
}

.special-offers-box .one-block {
    height: 100%;
    padding: 25px;
    position: relative;
    -webkit-box-shadow: 2px 4px 9px rgba(0, 0, 0, 0.06);
    -moz-box-shadow: 2px 4px 9px rgba(0, 0, 0, 0.06);
    box-shadow: 2px 4px 9px rgba(0, 0, 0, 0.06);
    background-color: #fbfcfc;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    border-radius: 3px
}

.special-offers-box .one-block:hover {
    background-color: #fefefe
}

.special-offers-box .one-block .badge-box {
    position: absolute;
    top: 23px;
    right: 23px;
    text-align: right
}

.special-offers-box .one-block .badge-box .badge {
    margin-bottom: 7px;
    padding: 7px 11px;
    display: block;
    float: right;
    clear: both;
    font-weight: 700;
    font-size: 12px;
    -webkit-border-radius: 25px;
    -moz-border-radius: 25px;
    -ms-border-radius: 25px;
    border-radius: 25px
}

.special-offers-box .one-block .badge-box .badge .big {
    font-size: 14px
}

.special-offers-box .one-block .badge-box .badge.badge-danger {
    background-color: #ff0000
}

.special-offers-box .one-block .badge-box .badge.badge-success {
    background-color: #59a600
}

.special-offers-box .one-block .box-img {
    height: 190px;
    line-height: 0
}

.special-offers-box .one-block .article-product { /*height:35px;*/
    margin-bottom: 20px;
    overflow: hidden
}

.special-offers-box .one-block .article-product a {
    color: #454545;
    font-weight: 700;
    line-height: 17px;
    font-size: 1.6rem;
    text-transform: uppercase
}

.special-offers-box .one-block .article-product a:hover, .special-offers-box .one-block .article-product a:focus {
    text-decoration: none;
    color: #ffd511
}

.special-offers-box .one-block .price-line .brand-btn {
    padding: 5px 18px
}

.special-offers-box .one-block .price-line .count-pay {
    padding-left: 15px;
    font-weight: 700;
    line-height: 19px
}

.special-offers-box .one-block .price-line .count-pay .red {
    color: #ff0101;
    font-size: 1.7rem
}

.special-offers-box .one-block .price-line .count-pay .red span {
    font-size: 1.4rem
}

.special-offers-box .one-block .price-line .count-pay .grey {
    color: #a4a4a4;
    font-size: 1.5rem
}

.special-offers-box .one-block .price-line .count-pay .grey span {
    font-size: 1.3rem
}

.static-content-wrapper {
    padding: 50px 0
}

.breadcrumbs {
    margin-bottom: 30px
}

.breadcrumbs li {
    margin-right: 10px;
    display: inline-block;
    color: #333333
}

.breadcrumbs li a {
    color: #333333
}

.static-page-menu .wrapper-main-menu {
    width: calc(100% - 30px)
}

.article-1 {
    margin-bottom: 30px;
    color: #000000;
    font-size: 1.8rem;
    font-weight: 700;
    text-transform: uppercase
}

.big-custom-collapse {
    margin-bottom: 50px
}

.big-custom-collapse .line-click {
    margin-bottom: 20px;
    color: #000000;
    cursor: pointer;
    display: inline-block;
    font-weight: 700;
    text-transform: uppercase
}

.big-custom-collapse .open .line-click {
    text-decoration: underline
}

.custom-collapse {
    padding-left: 20px;
    display: none
}

.custom-collapse .one-block {
    margin-bottom: 5px
}

.custom-collapse .one-block.open .click-line {
    text-decoration: underline
}

.custom-collapse .one-block .click-line2 a,
.custom-collapse .one-block .click-line {
    margin-bottom: 20px;
    display: inline-block;
    cursor: pointer;
    color: black;
    font-weight: 700
}

.custom-collapse .one-block ul {
    margin-bottom: 30px;
    display: none
}

.custom-collapse .one-block ul li {
    margin-bottom: 20px;
    padding-left: 20px;
    position: relative
}

.custom-collapse .one-block ul li:before {
    position: absolute;
    left: 0;
    top: -3px;
    display: inline-block;
    font: normal normal normal 14px/1 FontAwesome;
    font-size: 19px;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    content: "\f105";
    color: #ffd511
}

.custom-collapse .one-block ul li:last-child {
    margin-bottom: 0
}

.custom-collapse .one-block ul li a {
    color: #444444;
    font-weight: 700
}

.custom-collapse .one-block ul li a:hover, .custom-collapse .one-block ul li a:focus {
    text-decoration: underline;
    color: #444444
}

.sidebar-popular-review {
    margin-bottom: 50px
}

.sidebar-popular-review .media {
    margin-bottom: 20px
}

.sidebar-popular-review .media:last-child {
    margin-bottom: 0
}

.sidebar-popular-review .media-body {
    padding-left: 10px;
    font-weight: 700;
    color: #444444
}

.sidebar-popular-review .media-body a {
    color: #444444
}

.sidebar-popular-review .media-body div {
    margin-bottom: 10px;
    font-weight: 400
}

.sidebar-popular-review .media-body div i {
    margin-right: 10px;
    display: inline-block;
    color: #ffd511;
    font-size: 2rem
}

.watch-more .one-block {
    margin-bottom: 55px
}

.watch-more .one-block:last-child {
    margin-bottom: 0
}

.watch-more .one-block .caption {
    margin-bottom: 10px;
    color: #454545;
    font-weight: 700;
    line-height: 17px
}

.watch-more .one-block .box-img {
    margin-bottom: 20px
}

.active-article span {
    position: relative;
    display: inline-block
}

.pagination-product {
    margin-bottom: 30px;
    padding: 10px;
    background-color: #f2f2f2;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    border-radius: 3px
}

.pagination-product ul {
    padding: 20px;
    -webkit-box-shadow: 2px 4px 9px rgba(0, 0, 0, 0.09);
    -moz-box-shadow: 2px 4px 9px rgba(0, 0, 0, 0.09);
    box-shadow: 2px 4px 9px rgba(0, 0, 0, 0.09);
    font-weight: 700;
    background-color: #ffffff;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    border-radius: 3px
}

.pagination-product ul li {
    margin-right: 5px;
    display: inline-block
}

.pagination-product ul li:first-child a, .pagination-product ul li:last-child a {
    background-color: white
}

.pagination-product ul li a {
    padding: 19px;
    background-color: #fafafa;
    display: block;
    color: #444444;
    font-size: 1.2rem;
    text-transform: uppercase;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    border-radius: 3px
}

.pagination-product ul li a:hover {
    background-color: #ffd511;
    text-decoration: none
}

.pagination-product ul li span {
    color: #aaaaaa
}

.pagination-product ul li i {
    display: none
}

.one-blog-list {
    margin-bottom: 60px
}

.one-blog-list .box-img {
    width: 290px;
    margin-right: 40px;
    -webkit-flex-shrink: 0;
    -moz-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0
}

.one-blog-list .caption-blog {
    margin-bottom: 25px;
    line-height: 1.6
}

.one-blog-list .caption-blog a {
    color: #000000;
    font-weight: 700;
    text-transform: uppercase
}

.one-blog-list .infrormation-ul {
    margin-bottom: 15px;
    color: #444444
}

.one-blog-list .infrormation-ul li {
    margin-right: 25px;
    float: left
}

.one-blog-list .infrormation-ul li:last-child {
    margin-right: 0
}

.one-blog-list .infrormation-ul svg {
    width: 16px;
    margin-right: 10px;
    vertical-align: middle;
    fill: #ffd511
}

.one-blog-list .infrormation-ul i {
    margin-right: 10px;
    color: #ffd511
}

.one-blog-list .text-inform {
    margin-bottom: 25px;
    max-width: 440px;
    color: #666666;
    line-height: 26px
}

.one-blog-list.blog-page .box-img {
    width: 100%;
    margin-bottom: 40px;
    position: relative;
    line-height: 0;
    overflow: hidden
}

.one-blog-list.blog-page .box-img:after {
    content: "";
    position: absolute;
    left: -20px;
    bottom: 0;
    width: 0;
    height: 0;
    border-style: solid;
    z-index: 2;
    border-width: 0 0 120px 1200px;
    border-color: transparent transparent white transparent
}

.one-blog-list.blog-page .caption-blog a {
    font-size: 1.8rem
}

.one-blog-list.blog-page p b {
    color: black
}

.one-blog-list.blog-page.rent-static img {
    margin-bottom: 20px
}

.one-blog-list.blog-page.rent-static p {
    line-height: 24px
}

.one-blog-list .title-ul {
    margin-bottom: 15px;
    color: #000000;
    text-decoration: underline;
    font-weight: 700
}

.text-underline {
    text-decoration: underline
}

.black-ico-btn {
    padding: 14px 23px 13px;
    display: inline-block;
    color: white;
    font-size: 1.1rem;
    text-transform: uppercase;
    background-color: black
}

.black-ico-btn i {
    margin-right: 10px;
    vertical-align: middle
}

.black-ico-btn:hover, .black-ico-btn:focus {
    color: black;
    background-color: #ffd511
}

.blog-page p {
    margin-bottom: 40px;
    color: #666666;
    line-height: 28px
}

.blog-page p:last-child {
    margin-bottom: 0
}

.right-img {
    margin-bottom: 50px;
    padding-left: 20px;
    float: right
}

.left-img {
    margin-bottom: 50px;
    padding-right: 20px;
    float: left
}

.ul-squadre {
    margin-bottom: 40px
}

.ul-squadre li {
    margin-bottom: 20px;
    padding-left: 25px;
    position: relative;
    font-size: 1.5rem;
    color: #444444;
    text-transform: uppercase
}

.ul-squadre li:last-child {
    margin-bottom: 0
}

.ul-squadre li:before {
    width: 6px;
    height: 6px;
    position: absolute;
    top: 5px;
    left: 0;
    background-color: #ffd511;
    content: "";
    display: block
}

.tab-content ul, .blog-page ul {
    margin-bottom: 25px
}

.tab-content ul li, .blog-page ul li {
    margin-bottom: 10px;
    padding-left: 25px;
    position: relative;
    color: #555555
}

.tab-content ul li:last-child, .blog-page ul li:last-child {
    margin-bottom: 0
}

.tab-content ul li:before, .blog-page ul li:before {
    width: 7px;
    height: 7px;
    position: absolute;
    top: 3px;
    left: 10px;
    background-color: #ffd511;
    content: "";
    display: block;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    border-radius: 50%
}

.quote-block {
    margin-bottom: 70px;
    padding: 50px 50px 50px 110px;
    color: #000000;
    font-size: 1.7rem;
    line-height: 28px;
    background-color: #ffd511;
    position: relative
}

.quote-block:before {
    top: 43px;
    left: 70px;
    position: absolute;
    background: url("./img/claws1.png") no-repeat center/contain
}

.quote-block:after {
    margin-left: 10px;
    vertical-align: bottom;
    background: url("./img/claws2.png") no-repeat center/contain
}

.quote-block:before, .quote-block:after {
    width: 26px;
    height: 22px;
    content: "";
    display: inline-block
}

.comment-blog {
    margin-bottom: 50px;
    padding-top: 20px
}

.comment-blog .answer-comment {
    padding-left: 100px
}

.comment-blog .one-comment {
    margin-bottom: 50px;
    padding: 40px 120px 50px 50px;
    background-color: #fafafa;
    position: relative
}

.comment-blog .one-comment .border-wr {
    height: 40px;
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    overflow: hidden
}

.comment-blog .one-comment .border-wr:after {
    content: "";
    position: absolute;
    left: -20px;
    bottom: 0;
    width: 0;
    height: 0;
    border-style: solid;
    z-index: 2;
    border-width: 0 0 40px 1200px;
    border-color: transparent transparent white transparent
}

.comment-blog .one-comment .text-this {
    font-style: italic;
    color: #555555;
    line-height: 24px
}

.comment-blog .one-comment .caption {
    margin-bottom: 30px;
    padding-left: 135px;
    position: relative
}

.comment-blog .one-comment .caption .box-img {
    width: 90px;
    height: 90px;
    background-color: #eeeeee;
    overflow: hidden;
    position: absolute;
    left: 0;
    top: -65px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    border-radius: 3px
}

.comment-blog .one-comment .caption .box-img svg {
    fill: #444444
}

.comment-blog .one-comment .caption .box-img img {
    width: 100%;
    height: 100%;
    object-fit: cover
}

.comment-blog .one-comment .caption .box-img img.user-none {
    width: 40px;
    height: inherit;
    object-fit: inherit
}

.comment-blog .one-comment .caption .name {
    margin-right: 20px;
    color: #444444;
    font-weight: 700;
    font-size: 1.8rem;
    float: left
}

.comment-blog .one-comment .caption .brand-btn {
    margin-top: -3px;
    padding: 7px 8px;
    font-size: 1.2rem;
    float: left
}

.comment-blog .one-comment .caption .time-review {
    margin-right: 110px;
    padding-top: 3px;
    float: left
}

.comment-blog .one-comment .caption .time-review i {
    margin-right: 10px;
    color: #ffd511
}

.black-link {
    color: black
}

.comment-form {
    margin-bottom: 50px
}

.comment-form .one-line {
    margin-bottom: 10px
}

.comment-form .one-line .col-sm-6:nth-child(1) {
    padding-right: 5px
}

.comment-form .one-line .col-sm-6:nth-child(2) {
    padding-left: 5px
}

.comment-form .brand-btn {
    padding: 19px 63px
}

input[type="text"], input[type="email"], input[type="phone"], input[type="tel"], input[type="password"] {
    width: 100%;
    height: 50px;
    border: 0;
    background-color: #fbfbfb;
    padding-left: 30px;
    padding-right: 30px;
    font-size: 1.2rem
}

textarea {
    width: 100%;
    height: 190px;
    margin-bottom: 30px;
    padding: 25px 30px;
    font-size: 1.2rem;
    background-color: #fbfbfb;
    border: 0;
    resize: none
}

.contact-content p {
    margin-bottom: 20px;
    color: #555555;
    line-height: 24px
}

.contact-content p b {
    color: black
}

.contact-content .line-ico {
    margin-bottom: 10px;
    color: black
}

.contact-content .line-ico:last-child {
    margin-bottom: 0
}

.contact-content .line-ico .box-i {
    width: 20px;
    text-align: center;
    display: inline-block;
    margin-right: 5px
}

.contact-content .line-ico .box-i .fa-mobile {
    font-size: 2rem
}

.contact-content .link-wrap {
    margin-bottom: 25px
}

.contact-content .link-green {
    margin-bottom: 10px;
    color: #59a600;
    display: block;
    float: left;
    clear: both;
    font-weight: 700
}

.contact-content .link-green:hover {
    text-decoration: none
}

.contact-content .link-green span {
    text-decoration: underline
}

.contact-content .link-green i {
    margin-right: 10px;
    display: inline-block;
    vertical-align: middle
}

.contact-content .link-green:last-child {
    margin-bottom: 0
}

#map {
    width: 100%;
    height: 370px;
    margin: 0 0 30px;
    padding: 0
}

.cabinet-wrapper {
    margin-bottom: 30px
}

.cabinet-wrapper input {
    max-width: 470px;
    margin-bottom: 15px
}

.cabinet-wrapper .article-form {
    color: #000000;
    font-size: 1.8rem;
    margin-bottom: 10px
}

.cabinet-wrapper .wrap-img-user {
    padding: 10px 0 30px
}

.cabinet-wrapper .wrap-img-user .box-img {
    width: 125px;
    margin-right: 45px;
    float: left;
    flex-shrink: 0;
    text-align: center
}

.cabinet-wrapper .wrap-img-user .box-img img {
    margin-bottom: 5px
}

.cabinet-wrapper .wrap-img-user .box-upload {
    position: relative
}

.cabinet-wrapper .wrap-img-user .box-upload input {
    display: none
}

.cabinet-wrapper .wrap-img-user .box-upload .text-upload {
    padding-top: 5px;
    color: #363636;
    text-align: center
}

.cabinet-wrapper .wrap-img-user .delete-photo {
    color: #d20c0c;
    display: inline-block;
    text-decoration: underline;
    border: 0
}

.cabinet-wrapper .wrap-img-user .delete-photo:hover {
    text-decoration: none
}

.cabinet-wrapper .gray-text-password {
    max-width: 450px;
    margin-bottom: 30px;
    color: #8e8e8e;
    line-height: 18px
}

.cabinet-wrapper .btn-cabinet button {
    width: 172px;
    height: 43px;
    margin-right: 10px;
    float: left;
    border: 0;
    cursor: pointer;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    -ms-border-radius: 0;
    border-radius: 0
}

.cabinet-wrapper .btn-cabinet button:last-child {
    margin-right: 0
}

.one-catalog {
    margin-bottom: 60px
}

.one-catalog .box-img {
    width: 270px;
    height: 250px;
    margin-right: 20px;
    margin-bottom: 20px;
    overflow: hidden;
    position: relative;
    display: block;
    z-index: 1;
    float: left
}

.one-catalog .box-img:after {
    content: "";
    position: absolute;
    left: 0;
    bottom: 0;
    width: 0;
    height: 0;
    border-style: solid;
    z-index: 2;
    border-width: 0 0 40px 400px;
    border-color: transparent transparent white transparent
}

.one-catalog p {
    color: #555555;
    line-height: 24px
}

.one-catalog p b {
    color: black
}

.tab-pane {
    margin-bottom: 55px
}

.tab-pane .wrap-title {
    position: relative
}

.tab-pane .wrap-title .caption-tab {
    width: 100%;
    padding: 15px 40px 11px 15px;
    background-color: #fbfcfc;
    display: none;
    cursor: pointer;
    border: 1px solid #efeded;
    font-weight: 700
}

.tab-pane .wrap-title .caption-tab:before {
    position: absolute;
    top: 14px;
    right: 15px;
    display: inline-block;
    font: normal normal normal 14px/1 FontAwesome;
    font-size: 2rem;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    content: "\f107"
}

.tab-pane .title-tab {
    margin-bottom: 30px;
    border-bottom: 1px solid #efefef
}

.tab-pane .title-tab li {
    margin-bottom: -1px;
    margin-right: 6px;
    float: left;
    position: relative;
    z-index: 5
}

.tab-pane .title-tab li a {
    padding: 15px 20px;
    display: block;
    color: #000000;
    font-weight: 700;
    border: 1px solid #efeded;
    background-color: #fbfcfc
}

.tab-pane .title-tab li a:hover {
    background-color: white;
    text-decoration: none
}

.tab-pane .title-tab li a:focus {
    text-decoration: none
}

.tab-pane .title-tab li a.active {
    background-color: white;
    border-bottom: 1px solid white
}

.tab-pane .title-tab li a.active:before {
    height: 2px;
    top: 0;
    left: 0;
    right: 0;
    position: absolute;
    content: "";
    background-color: #ffd641
}

.tab-pane .tab-content {
    color: #000000;
    display: none
}

.tab-pane .tab-content.active {
    display: block
}

.tab-pane .tab-content p {
    margin-bottom: 20px
}

.tab-pane .tab-content p:last-child {
    margin-bottom: 0
}

.tab-pane .table td, .tab-pane .table th {
    padding: 12px;
    vertical-align: middle
}

.special-offers-box .wrapper-bl .one-block .price-line .brand-btn {
    padding: 11px 18px
}

.slider-product {
    margin-bottom: 60px;
    position: relative
}

.slider-product .one-block .box-img {
    height: 175px
}

.slider-product .one-block {
    height: 340px
}

.slider-product .wrapper-bl {
    padding: 10px 15px
}

.slider-product .slick-main {
    width: 34px;
    height: 34px;
    position: absolute;
    padding: 4px 3px;
    top: -33px;
    font-size: 25px;
    color: #000000;
    background-color: #f4f4f4;
    text-align: center;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    border-radius: 3px
}

.slider-product .slick-main:hover {
    background-color: #ffd511
}

.slider-product .slick-main.slick-prev {
    right: 55px;
    left: inherit
}

.slider-product .slick-main.slick-next {
    right: 15px
}

.green-text {
    color: #59a600;
    font-weight: 700
}

.box-info-product {
    margin-bottom: 35px
}

.box-info-product .caption-product {
    margin-bottom: 20px;
    color: #000000;
    font-size: 1.8rem;
    font-weight: 700
}

.box-info-product .info-l {
    width: 40%;
    float: left
}

.box-info-product .info-l .line-text {
    margin-bottom: 30px;
    padding-top: 20px;
    color: #000000
}

.box-info-product .info-l .price-red {
    margin-right: 10px;
    color: #ff0101;
    font-size: 2.2rem;
    font-weight: 700;
    display: inline-block
}

.box-info-product .info-l .price-red span {
    font-size: 1.9rem
}

.box-info-product .info-l .price-grey {
    display: inline-block;
    text-decoration: line-through;
    font-size: 1.8rem;
    color: #a4a4a4;
    font-weight: 700
}

.box-info-product .info-l .price-grey span {
    font-size: 1.6rem
}

.box-info-product .info-r {
    width: 329px;
    margin-bottom: 5px;
    padding: 18px 25px 20px;
    border: 1px solid #efeded;
    background-color: #fbfcfc;
    float: right;
    color: #000000
}

.box-info-product .info-r .wrap-input {
    width: 100px;
    display: inline-block;
    position: relative
}

.box-info-product .info-r .wrap-input:before {
    width: 50px;
    height: 1px;
    content: "";
    position: absolute;
    bottom: 4px;
    z-index: 1;
    left: 5px;
    background-color: #bcbdbd
}

.box-info-product .info-r p {
    padding-top: 10px
}

.box-info-product .info-r span {
    margin-right: 5px;
    color: #000000;
    font-weight: 700;
    display: inline-block
}

.box-info-product .info-r input {
    height: inherit;
    padding: 5px;
    font-size: 1.4rem;
    font-weight: 700;
    color: black;
    position: relative;
    z-index: 5;
    cursor: pointer;
    background-color: transparent;
    display: inline-block;
    border: 1px solid transparent
}

.box-info-product .info-r input:focus {
    border: 1px solid #bcbdbd;
    background-color: #fbfcfc
}

.slider-one-product .left-q {
    width: 93px;
    margin-right: 6px;
    -webkit-flex-shrink: 0;
    -moz-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0
}

.slider-one-product .right-q {
    width: 100%;
    height: 280px;
    background-color: #fbfcfc
}

.slider-one-product .one-block {
    height: 90px;
    margin-bottom: 5px;
    background-color: #fbfcfc
}

.slider-one-product .one-block:last-child {
    margin-bottom: 0
}

.modal-content {
    border: 0;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    border-radius: 3px
}

.modal-dialog {
    max-width: 580px
}

.box-content-modal {
    padding: 50px;
    font-size: 1.8rem;
    background-color: white
}

.box-content-modal .article-form {
    margin-bottom: 10px
}

.box-content-modal input {
    margin-bottom: 20px
}

.box-content-modal .btn-cabinet {
    text-align: right
}

.box-content-modal .btn-cabinet .black-btn {
    width: 170px;
    margin-left: 20px;
    padding: 12px 10px;
    font-size: 1.6rem;
    text-align: center
}

.box-content-modal .btn-cabinet .forgot-password {
    color: #8e8e8e;
    font-size: 1.8rem;
    font-weight: 400;
    float: left;
    display: inline-block;
    margin-top: 8px;
    text-decoration: underline
}

.box-content-modal .btn-cabinet .forgot-password:hover, .box-content-modal .btn-cabinet .forgot-password:focus {
    text-decoration: none
}

.social-modal {
    padding: 40px 20px;
    background-color: #fbfbfb;
    text-align: center
}

.social-modal .title {
    margin-bottom: 25px;
    color: #282828;
    font-size: 17px;
    font-weight: 700;
    text-transform: uppercase
}

.social-modal .social-btn-modal {
    width: 32px;
    height: 32px;
    margin: 0 25px;
    padding: 5px 2px;
    display: inline-block;
    background-color: #000000;
    text-align: center;
    color: white;
    font-size: 1.8rem
}

.modal-title {
    padding: 11px;
    background-color: #ffd511;
    font-size: 3.2rem;
    font-weight: 700;
    text-align: center;
    color: black
}

.modal-title .close {
    width: 30px;
    height: 30px;
    position: absolute;
    opacity: 1;
    right: 20px;
    top: 20px;
    cursor: pointer
}

.modal-title .close span {
    position: absolute;
    left: 50%;
    top: 50%;
    background-color: black;
    display: block
}

.modal-title .close span:nth-child(2) {
    width: 100%;
    height: 2px;
    margin: -1px 0 0 -16px;
    -webkit-transform: rotate(135deg);
    -moz-transform: rotate(135deg);
    -ms-transform: rotate(135deg);
    -o-transform: rotate(135deg);
    transform: rotate(135deg)
}

.modal-title .close span:nth-child(1) {
    width: 2px;
    height: 100%;
    margin: -15px 0 0 -2px;
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    transform: rotate(-45deg)
}

.iAgree-bl {
    width: 200px;
    margin-left: 20px;
    padding-left: 0;
    position: relative;
    text-align: left;
    float: left;
    font-size: 1.4rem
}

.iAgree-bl a {
    color: #59a600;
    display: inline
}

.iAgree-bl input {
    opacity: 0;
    position: absolute;
    z-index: 0
}

.iAgree-bl.active label:after {
    display: block
}

.iAgree-bl label {
    padding-left: 10px;
    position: relative;
    z-index: 2;
    color: #333333;
    font-weight: 700
}

.iAgree-bl label:before {
    width: 24px;
    height: 24px;
    position: absolute;
    left: -20px;
    top: 0;
    display: block;
    border: 0;
    background-color: black;
    content: ""
}

.iAgree-bl label:after {
    width: 16px;
    height: 16px;
    position: absolute;
    left: -16px;
    top: 4px;
    background: url("./img/checkbox-ico.png") no-repeat center/contain;
    display: none;
    content: ""
}

.modal-open .modal {
    padding-right: 0 !important
}

.center-bl h1 span{
    position: inherit;
    float: none;
    left: 0;
    top: inherit;
    font-size: inherit;
}

.open .ppc-form-submit{
    display: block;
}
.ppc-form-submit{
    position: absolute;
    right: 30px;
    top: 0;
    font-weight: 600;
    display: none;
}

.wrapper-main-menu .search-wrapper.open .search-btn {
    width: 20px;
    right: 0;
    top: 0;
    padding: 0;
}

.wrapper-main-menu .search-wrapper input[type='submit'] {
    width: 100%;
    height: 64px;
    font-size: 1.3rem;
    border: 0;
    text-transform: uppercase;
    font-weight: bold;
}

.search-btn, .ppc-form-submit input{
    cursor: pointer;
}

@media (max-width: 1200px) {
    .wrapper-main-menu .main-menu > li:last-child > ul {
        right: -50px;
        left: inherit
    }

    .wrapper-main-menu .main-menu > li > ul {
        width: 230px
    }
}

@media (max-width: 992px) {
    .center-header .left-media {
        width: 245px
    }

    .center-header .logo {
        width: 190px;
        margin-left: -85px
    }

    .wrapper-main-menu {
        padding-right: 55px
    }

    .wrapper-main-menu .main-menu > li {
        padding: 7px;
        font-size: 13px
    }

    .wrapper-main-menu .search-wrapper {
        width: 50px;
        right: 0;
        padding-left: 0;
        padding-right: 55px
    }

    .wrapper-main-menu .search-wrapper.open {
        width: 98%
    }

    .wrapper-main-menu .search-wrapper .search-btn {
        width: 55px;
        padding: 21px 18px
    }

    .slick-main.slick-prev {
        left: 20px
    }

    .slick-main.slick-next {
        right: 20px
    }

    .wrapper-fixed-footer {
        padding-bottom: 0
    }

    footer {
        height: inherit;
        position: relative;
        font-size: 1.2rem
    }

    footer .gray-btn {
        padding: 10px 8px
    }

    footer .top-footer .social-line a {
        width: 30px;
        height: 30px;
        padding: 9px 5px
    }

    .service-box .box-img:after {
        left: -50px
    }

    .pagination-product ul {
        padding: 5px
    }

    .pagination-product ul li {
        margin-right: 3px
    }

    .pagination-product ul li a {
        padding: 13px
    }

    .one-blog-list .box-img {
        width: 200px;
        margin-right: 20px
    }

    .right-img, .left-img {
        max-width: 50%
    }

    .comment-blog .one-comment {
        padding: 40px 30px 40px 30px
    }

    .comment-blog .one-comment .caption {
        padding-left: 120px
    }

    .comment-blog .one-comment .caption .time-review {
        margin-right: 20px
    }

    .comment-blog .one-comment .caption .brand-btn {
        margin-top: 10px;
        clear: both
    }

    .comment-blog .answer-comment {
        padding-left: 40px
    }

    .box-info-product .info-l {
        width: 100%;
        float: none
    }

    .box-info-product .info-l .line-text {
        margin-bottom: 20px
    }

    .box-info-product .info-r {
        width: 100%;
        margin-bottom: 20px;
        float: none
    }

    .slider-product .one-block {
        height: 300px;
        padding: 8px
    }
}

@media (max-width: 767px) {
    html {
        font-size: 59%
    }

    .top-header .social-line {
        float: left
    }

    .top-header .login-ul {
        float: right
    }

    .wrapper-main-menu {
        height: 50px
    }

    .wrapper-main-menu .search-wrapper input {
        height: 50px
    }

    .wrapper-main-menu .search-wrapper .search-btn {
        width: 50px;
        padding: 15px 12px
    }

    .center-header .logo {
        position: relative;
        top: inherit;
        left: inherit;
        margin: 20px auto !important
    }

    .full-slider .one-block .text-slider span {
        line-height: 2.15
    }

    .block-section {
        padding: 50px 0
    }

    .block-section .article {
        font-size: 3.5rem;
        margin-bottom: 30px
    }

    .top-footer {
        -webkit-flex-wrap: wrap;
        -moz-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
    }

    .top-footer > .col {
        width: 50%;
        margin-bottom: 30px;
        -webkit-flex-basis: auto;
        -moz-flex-basis: auto;
        -ms-flex-preferred-size: auto;
        flex-basis: auto
    }

    .bottom-footer {
        text-align: left;
        padding: 30px 0
    }

    .bottom-footer .logo-proprocenter {
        right: 15px
    }

    .bottom-header {
        margin-bottom: 0
    }

    .btn-menu-hamburger {
        display: block
    }

    .wrapper-main-menu .search-wrapper input {
        font-size: 1.7rem
    }

    .main-menu {
        position: fixed;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        display: none;
        padding: 50px 10% 20px;
        background-color: white;
        z-index: 1000
    }

    .main-menu li {
        height: inherit !important;
        padding: 20px 10px !important;
        font-size: 13px;
        display: block;
        text-align: left;
        border-bottom: 1px solid rgba(0, 0, 0, 0.19)
    }

    .main-menu li:last-child {
        border-bottom: 0
    }

    .main-menu li .dropdown-main-menu {
        display: none !important
    }

    .main-menu li a {
        font-size: 2rem
    }

    .main-menu li a br {
        display: none
    }

    .overflow-body .btn-close-menu {
        display: block
    }

    .btn-close-menu {
        width: 40px;
        height: 42px;
        position: fixed;
        right: 10px;
        top: 10px;
        z-index: 1001
    }

    .btn-close-menu span {
        width: 73%;
        height: 4px;
        background-color: #2d2c2c;
        display: block;
        position: absolute;
        left: 7px;
        top: 46%
    }

    .btn-close-menu span:nth-child(1) {
        -webkit-transform: rotate(-45deg);
        -moz-transform: rotate(-45deg);
        -ms-transform: rotate(-45deg);
        -o-transform: rotate(-45deg);
        transform: rotate(-45deg)
    }

    .btn-close-menu span:nth-child(2) {
        -webkit-transform: rotate(45deg);
        -moz-transform: rotate(45deg);
        -ms-transform: rotate(45deg);
        -o-transform: rotate(45deg);
        transform: rotate(45deg)
    }

    .contact-content {
        margin-bottom: 30px
    }

    .watch-more {
        margin-bottom: 40px
    }

    .service-box.catalog-list .box-img:after {
        left: -20px
    }

    .slider-one-product {
        margin-bottom: 30px
    }

    .tab-pane .title-tab li a {
        padding: 12px 13px
    }

    .bottom-header {
        overflow: hidden
    }

    .social-line {
        font-size: 1.6rem
    }
}

@media (max-width: 576px) {
    .service-box .box-img:after {
        border-width: 0 0 40px 600px
    }

    .top-header .login-ul {
        float: right;
        margin-right: -15px;
        border-right: 0
    }

    .top-header .login-ul li {
        padding: 0 15px
    }

    .center-header .wrap-l {
        text-align: center
    }

    .center-header .brand-btn {
        margin-top: 20px
    }

    .full-slider .one-block {
        height: inherit;
        padding: 50px 0
    }

    .full-slider .one-block .box-img {
        padding: 0 50px
    }

    .full-slider .one-block .text-slider {
        padding: 0 50px
    }

    .full-slider .one-block .text-slider span {
        padding: 7px 15px;
        color: #ffd510;
        background-color: transparent;
        font-size: 2.2rem;
        line-height: 1.45;
        font-weight: 700
    }

    .service-box a:hover .box-img:before, .service-box a:focus .box-img:before {
        display: none
    }

    .advantages-box .box-img {
        height: inherit;
        margin-top: 30px
    }

    .advantages-box .title {
        height: inherit
    }

    .block-section .article {
        font-size: 2.9rem;
        margin-bottom: 30px;
        line-height: 1.4
    }

    .static-p {
        margin-bottom: 20px;
        color: #303030;
        line-height: 23px
    }

    .top-footer > .col {
        width: 100%
    }

    .top-footer > .col:nth-child(3), .top-footer > .col:nth-child(4) {
        display: none
    }

    footer {
        padding-bottom: 50px
    }

    .top-footer {
        padding-top: 40px
    }

    .bottom-footer {
        padding: 20px 0
    }

    .bottom-footer .logo-proprocenter {
        top: -2px;
        width: 100px
    }

    .main-menu {
        padding: 40px 5% 10px
    }

    .main-menu li a {
        font-size: 1.6rem
    }

    .main-menu li {
        padding: 16px 10px !important;
        font-size: 13px
    }

    .pagination-product ul li:nth-child(5) {
        display: none
    }

    .pagination-product ul li a b {
        display: none
    }

    .pagination-product ul li a i {
        display: block
    }

    .one-blog-list {
        display: block
    }

    .one-blog-list .box-img {
        width: 100%;
        margin-right: 0;
        margin-bottom: 20px
    }

    .right-img, .left-img {
        max-width: 100%;
        width: auto;
        margin: 0 auto 30px;
        padding: 0;
        float: none;
        display: block
    }

    .tab-pane .table td, .tab-pane .table th {
        padding: 5px 4px;
        font-size: 10px
    }

    .blog-page p {
        margin-bottom: 20px;
        line-height: 23px
    }

    input[type="text"], input[type="email"], input[type="phone"], input[type="tel"], input[type="password"], textarea {
        border: 1px solid #eeeeee
    }

    .ul-squadre li {
        margin-bottom: 15px;
        padding-left: 25px;
        font-size: 1.4rem
    }

    .ul-squadre {
        margin-bottom: 20px
    }

    .quote-block {
        margin-bottom: 30px;
        padding: 30px 50px
    }

    .quote-block:before {
        top: 20px;
        left: 15px
    }

    .quote-block:after {
        position: absolute;
        bottom: 20px;
        right: 15px
    }

    .comment-blog .one-comment .caption {
        padding-left: 0
    }

    .comment-blog .one-comment .caption .box-img {
        top: 0;
        margin: -65px auto 30px;
        position: relative
    }

    .comment-form .one-line .col-sm-6:nth-child(2) {
        padding-left: 0
    }

    .comment-form .one-line .col-sm-6:nth-child(1) {
        padding-right: 0;
        margin-bottom: 10px
    }

    .cabinet-wrapper .btn-cabinet button {
        width: 100%;
        margin-bottom: 10px
    }

    .cabinet-wrapper .wrap-img-user {
        display: block !important
    }

    .cabinet-wrapper .wrap-img-user .box-upload {
        text-align: center
    }

    .cabinet-wrapper .wrap-img-user .box-img {
        width: 100%;
        margin-right: 0;
        margin-bottom: 20px;
        float: none
    }

    .cabinet-wrapper .wrap-img-user .box-img img {
        display: block;
        margin: 0 auto 5px
    }

    .one-catalog .box-img {
        margin: 0 auto 30px !important;
        float: none
    }

    .slider-product .slick-main {
        top: -15px
    }

    .slider-product {
        margin-top: 55px
    }

    .tab-pane .wrap-title .caption-tab {
        display: block
    }

    .tab-pane.open .title-tab {
        display: block
    }

    .tab-pane.open .caption-tab:before {
        -webkit-transform: rotate(180deg);
        -moz-transform: rotate(180deg);
        -ms-transform: rotate(180deg);
        -o-transform: rotate(180deg);
        transform: rotate(180deg)
    }

    .tab-pane .wrap-title {
        margin-bottom: 20px
    }

    .tab-pane .title-tab {
        position: absolute;
        left: 0;
        right: 0;
        top: 43px;
        display: none
    }

    .tab-pane .title-tab li {
        width: 100%
    }

    .watch-more .one-block {
        min-width: 100%;
        margin: 0 auto 55px
    }

    .watch-more {
        overflow: hidden;
        display: block !important
    }

    .modal-title {
        font-size: 2.2rem
    }

    .modal-title .close {
        right: 10px;
        top: 11px
    }

    .box-content-modal {
        padding: 10px;
        font-size: 1.5rem
    }

    .box-content-modal input[type="text"], .box-content-modal input[type="email"], .box-content-modal input[type="phone"], .box-content-modal input[type="tel"], .box-content-modal input[type="password"] {
        height: 40px;
        padding-left: 15px
    }

    .box-content-modal .btn-cabinet {
        text-align: left
    }

    .box-content-modal .btn-cabinet .forgot-password {
        float: none;
        margin-bottom: 20px
    }

    .iAgree-bl {
        width: 100%;
        margin-bottom: 20px;
        float: none
    }

    .iAgree-bl label {
        padding-left: 15px;
        padding-top: 6px
    }

    .social-modal {
        padding: 10px
    }

    .social-modal .social-btn-modal {
        margin: 0 7px
    }
}

@media (max-width: 420px) {
    .watch-more .one-block {
        margin: 0 auto 40px
    }
}

/*# sourceMappingURL=style.css.map */