@import url('https://fonts.googleapis.com/css?family=Roboto:300,400,400i,600,700');


* {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    margin: 0;
    padding: 0;
}

*:before,
*:after {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

img {
    border: none;
}

textarea {
    overflow: auto;
}

input,
textarea,
input:active,
textarea:active {
    outline: none transparent !important;
    box-shadow: none;

    -moz-outline: none !important;
}

input[type=submit],
button[type=submit],
input[type=reset],
button[type=reset] {
    -webkit-border-radius: 0;

    -webkit-appearance: none;
}

:focus {
    outline: none;
}

::-webkit-input-placeholder {
    color: #8a684b;
}

::-moz-placeholder {
    color: #8a684b;
}

/* Firefox 19+ */
:-moz-placeholder {
    color: #8a684b;
}

/* Firefox 18- */
:-ms-input-placeholder {
    color: #8a684b;
}

/*---------------
    Main styles
---------------*/
.clear {
    clear: both;
}

.left {
    float: left;
}

.right {
    float: right;
}

html {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

body {
    color: #000;
    font: 14px Roboto;

    background: #fff;

    -webkit-text-size-adjust: 100%;
}

.site_wrap {
    overflow: hidden;
}

.cont {
    position: relative;

    max-width: 1300px;

    margin: 0 auto;
    padding: 0 10px;
}

.section_right {
    width: calc(100% - 280px);

    margin-top: 30px;
    padding-bottom: 30px;
}

.aside_left {
    width: 250px;

    margin-top: 30px;
    padding-bottom: 30px;
}


.formSmall {
    max-width: 500px;

    margin-top: 14px;
}

.form .line_flex {
    display: flex;
    justify-content: space-between;
    align-items: center;
    align-content: flex-start;
    flex-wrap: wrap;
}

.form .line_form {
    margin-bottom: 18px;
}

.form .line_flex:not(.line_features) .line_form {
    width: calc(50% - 10px);
}

.form .line_features .line_form {
    width: 100%;
}

.modal .form .line_form {
    display: flex;

    justify-content: flex-start;
    align-items: center;
    align-content: center;
    flex-wrap: wrap;
}

.form .line_form > label {
    display: block;

    margin-bottom: 6px;

    color: #464646;
    font: 13px Roboto;
}

.modal .form .line_form:not(.line_formPad) > label {
    width: 64px;

    margin-bottom: 0;
    padding-right: 5px;
}

.form .input,
.form textarea,
.form select {
    display: block;

    width: 100%;
    height: 40px;

    padding: 0 10px;

    color: #000;
    font: 14px Roboto;

    border: 1px solid #c0c0c0;
    border-radius: 6px;
    background: #fff;
}

.filter_form > form {
    padding: 5px 10px;
}

.form .input.inputSmall {
    width: 150px;
    display: inline-block;
}

.modal .form .input {
    width: calc(100% - 64px);
}

.modal .form:not(.formPad) .input {
    max-width: 166px;
}

.form .input:focus,
.form textarea:focus {
    border-color: #a31b5b;
}

.form textarea {
    max-width: 100%;
    height: 120px;

    padding: 10px;

    resize: none;
}

.form .submit {
    margin-top: 30px;
}

.modal .form .submit {
    text-align: center;
}

.form .submit_btn {
    display: inline-block;
    vertical-align: top;

    height: 40px;

    padding: 0 36px;

    color: #fff;
    font: 700 13px Roboto;

    border: none;
    border-radius: 6px;
    background: #e44e34;

    cursor: pointer;
    text-align: center;
    text-transform: uppercase;
    transition: .2s linear;
}

.form .submit_btn:hover {
    background: #c52f15;
}

.form .forget {
    margin-top: 8px;
}

.form .forget a {
    color: #ff8100;
    font: 12px/40px Roboto;

    text-decoration: none;
}

.form .forget a span {
    border-bottom: 1px dashed #ff8100;

    transition: .2s linear;
}

.form .forget a:hover span {
    border-bottom-color: transparent;
}

.form .agre {
    margin-bottom: 18px;

    color: #878787;
    font: 14px Roboto;
}


.block_radio {
    margin-bottom: 30px;
}

.block_radio + .block_radio {
    margin-bottom: 0;
}

.block_radio .radio_link {
    width: calc(50% - 15px);
}

.radio_link {
    margin-top: 15px;
}

.radio_link input[type=radio] {
    display: none;
}

.radio_link input[type=radio] + label {
    position: relative;

    display: flex;

    padding-left: 37px;

    color: #464646;
    font: 700 13px/18px Roboto;

    cursor: pointer;

    justify-content: space-between;
    align-items: center;
    align-content: center;
    flex-wrap: wrap;

    min-height: 60px;
}

.radio_link input[type=radio] + label:before {
    position: absolute;
    top: 19px;
    left: 0;

    width: 22px;
    height: 22px;

    border: 1px solid #c0c0c0;
    border-radius: 50%;

    content: '';
}

.radio_link input[type=radio] + label:after {
    position: absolute;
    top: 22px;
    left: 3px;

    width: 16px;
    height: 16px;

    opacity: 0;
    border-radius: 50%;
    background: #881f4b;

    content: '';
}

.radio_link input[type=radio]:checked + label:after {
    opacity: 1;
}

.radio_link .icon {
    display: flex;

    width: 60px;
    height: 60px;

    padding: 2px;

    border: 1px solid #c0c0c0;
    border-radius: 6px;

    justify-content: center;
    align-items: center;
}

.radio_link .icon img {
    display: block;

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

.radio_link .block {
    width: calc(100% - 75px);
}

.radio_link .price {
    margin-top: 4px;

    color: #464646;
    font: 11px Roboto;
}


.checkbox input[type=checkbox] {
    display: none;
}

.checkbox input[type=checkbox] + label {
    position: relative;

    display: inline-block;
    vertical-align: middle;

    padding-left: 28px;

    color: #464646;
    font: 13px/18px Roboto;

    cursor: pointer;
}

.checkbox input[type=checkbox] + label:before {
    position: absolute;
    top: 0;
    left: 0;

    width: 18px;
    height: 18px;

    border: 1px solid #c0c0c0;
    border-radius: 6px;

    content: '';
}

.checkbox input[type=checkbox] + label:after {
    position: absolute;
    top: 0;
    left: 0;

    width: 18px;
    height: 18px;

    opacity: 0;
    background: url(../images/check.png) 50% 50% no-repeat;

    content: '';
}

.checkbox input[type=checkbox]:checked + label:after {
    opacity: 1;
}


.amount {
    width: 70px;

    margin: 0 auto;
}

.amount .control a {
    display: block;

    width: 20px;
    height: 18px;

    background: url(../images/arrow2.png) 50% 50% no-repeat;
}

.amount .control a.plus {
    transform: rotate(180deg);
}

.amount .input {
    width: calc(100% - 40px);
    height: 18px;

    color: #464646;
    font: 14px Roboto;

    /*border: none;
    background: transparent;*/
    background: #fff;
    text-align: center;
}


.buttonUp {
    position: fixed;
    right: 30px;
    bottom: 30px;
    z-index: 999;

    display: none;
}

.buttonUp a {
    position: relative;

    display: block;

    padding-top: 30px;

    color: #fff;
    font: 14px Roboto;

    text-shadow: 1px 1px 1px #993720, -1px -1px 1px #993720, -1px 1px 1px #993720, 1px -1px 1px #993720;

    text-decoration: none;
    text-transform: uppercase;
}

.buttonUp a:before {
    position: absolute;
    top: 0;
    left: 50%;

    width: 30px;
    height: 30px;

    border-bottom: 2px solid #993720;
    border-radius: 3px;
    background: #fff url(../images/arrow1.png) 50% 50% no-repeat;
    box-shadow: inset 0 0 0 1px #ff6b00;

    content: '';
    transform: translateX(-50%);
}

/*---------------
   Header
---------------*/


header .bord {
    border-top: 4px solid #ed6e16;
}

header .cont {
    display: flex;

    justify-content: space-between;
    align-items: center;
    align-content: center;
    flex-wrap: wrap;
}

header .adres {
    color: #000;
    font: 14px Roboto;
}

header .tel {
    color: #000;
    font: 18px/20px Roboto;
}

header .tel span {
    font-size: 14px;
}

header .printing,
header .reg_del {
    width: 145px;
}

header .printing a,
header .reg_del a {
    display: flex;

    color: #464646;
    font: 12px/18px Roboto;

    justify-content: space-between;
    align-items: center;
    align-content: center;
    flex-wrap: wrap;
}

header .printing a:hover,
header .reg_del a:hover {
    text-decoration: none;
}

header .printing .icon,
header .reg_del .icon {
    display: flex;

    width: 54px;
    height: 54px;

    padding: 2px;

    border: 1px solid #c0c0c0;
    border-radius: 6px;

    justify-content: center;
    align-items: center;
}

header .printing .icon img,
header .reg_del .icon img {
    display: block;

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

header .printing .name,
header .reg_del .name {
    width: calc(100% - 65px);
}

header .box_login {
    position: relative;

    padding-left: 28px;
}

header .box_login:before {
    position: absolute;
    top: 2px;
    left: 0;

    width: 15px;
    height: 16px;

    background: url(../images/ic_log.png) 0 0 no-repeat;

    content: '';
}

header .box_login a {
    color: #5a5a5a;
    font: 14px Roboto;

    border-bottom: 1px dashed #5a5a5a;

    text-decoration: none;
    transition: .2s linear;
}

header .box_login a:hover {
    border-bottom-color: transparent;
}

header .box_login .reg {
    margin-top: 4px;
}

header .cart {
    display: flex;

    width: 172px;
    height: 80px;

    background: url(../images/bg_cloud.png) 50% -20px no-repeat;

    justify-content: center;
    align-items: center;
    align-content: center;
    flex-wrap: wrap;
}

header .cart a {
    text-decoration: none;
}

header .cart .name {
    position: relative;

    padding-left: 36px;

    color: #000;
    font: 14px Roboto;
}

header .cart .name:before {
    position: absolute;
    top: 0;
    left: 0;

    width: 23px;
    height: 22px;

    background: url(../images/ic_cart.png) 0 0 no-repeat;

    content: '';
}

header .cart .number {
    color: #a93248;
    font: 700 24px/23px Roboto;
}

header .cart .price {
    margin-top: 4px;

    color: #000;
    font: 14px Roboto;

    text-decoration: underline;
}


header .mob_menu_link {
    position: relative;

    display: none;

    width: 27px;
    height: 21px;
}

header .mob_menu_link span {
    position: relative;

    display: block;

    width: 100%;
    height: 3px;

    margin: 0 auto;

    border-radius: 1px;
    background: #94094c;

    transition: .2s linear;
}

header .mob_menu_link span + span {
    margin-top: 6px;
}

header .mob_menu_link.active span:nth-child(2) {
    opacity: 0;
}

header .mob_menu_link.active span:nth-child(1) {
    top: 9px;

    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
}

header .mob_menu_link.active span:nth-child(3) {
    top: -9px;

    -webkit-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    transform: rotate(-45deg);
}

header .logo img {
    display: block;

    max-width: 100%;
}

header .line_menu {
    position: relative;

    border-top: 1px solid #ff8100;
    background: url(../images/bg_menu.png) 0 0 repeat;
}

header .line_menu:after {
    position: absolute;
    top: 100%;
    left: 0;

    width: 100%;
    height: 6px;

    margin-top: -6px;

    background: url(../images/bg_line1.jpg) 0 0 repeat;

    content: '';
    pointer-events: none;
}

header .line_menu .cont {
    display: block;
    padding: 8px 0px;
}

header .block_search {
    margin-left: 20px;
    float: right;
}

header .block_search input[type='text'] {
    padding: 5px 30px 5px 5px;
    border: none;
    border-radius: 5px;
    width: 280px;
}

header .block_search form {
    position: relative;
}

header .block_search .button_search {
    border: none;
    width: 17px;
    height: 17px;
    background: url(../images/lupa.png) 0 0 no-repeat;
    background-size: cover;
    display: block;
    position: absolute;
    right: 10px;
    top: 5px;
}

header .adres a {
    font: 14px Roboto;
    border-bottom: 1px dashed #5a5a5a;
    text-decoration: none;
    transition: .2s linear;
}

header .adres a::before {
    content: '';
    width: 15px;
    height: 15px;
    background: url(../images/addres.png) 0 0 no-repeat;
    display: inline-block;
    background-size: contain;
}

.call_link {
    display: inline-block;
    vertical-align: top;
    padding: 2px 15px;
    color: #fff;
    font: 400 14px Roboto;
    border: none;
    border-radius: 6px;
    background: #e44e34;
    cursor: pointer;
    text-align: center;
    text-decoration: none;
    transition: .2s linear;
    margin-top: 5px;
    margin-bottom: 4px;
}

.call_link:hover {
    background: #c52f15;
}

header .menu {
    display: flex;

    padding-bottom: 6px;

    justify-content: space-between;
    align-items: flex-start;
    align-content: flex-start;
    flex-wrap: wrap;
}

header .menu > li {
    position: relative;

    min-width: 124px;

    list-style: none;
}

header .menu > li > a {
    display: block;

    color: #432918;
    font: 14px/20px Roboto;

    text-align: center;
    text-decoration: none;
}

header .menu > li > a span {
    margin-top: -2px;

    line-height: normal;

    border-bottom: 1px solid #f5f5f5;

    transition: .2s linear;
}

header .menu > li:hover > a span {
    border-bottom-color: transparent;
}

header .menu > li > ul {
    position: absolute;
    top: 100%;
    left: 50%;
    z-index: 90;

    display: none;

    width: 240px;

    margin: 6px 0 0 -120px;
    padding: 12px 16px 16px;

    border: 3px solid #f4962b;
    border-radius: 6px;
    background: #fff;
}

header .menu > li > ul:before {
    position: absolute;
    top: -9px;
    left: 50%;

    width: 14px;
    height: 14px;

    margin-left: -10px;

    border-top: 3px solid #f4962b;
    border-left: 3px solid #f4962b;
    background: #fff;

    content: '';
    transform: rotate(45deg);
}

header .menu > li > ul:after {
    position: absolute;
    top: -9px;
    left: -3px;

    width: calc(100% + 6px);
    height: 6px;

    content: '';
}

header .menu > li:hover > ul {
    display: block;
}

header .menu > li > ul li {
    list-style: none;
}

header .menu > li > ul li + li {
    margin-top: 4px;
}

header .menu > li > ul li a {
    color: #432918;
    font: 14px Roboto;

    border-bottom: 1px solid #f5f5f5;

    text-decoration: none;
    transition: .2s linear;
}

header .menu > li > ul li a:hover {
    border-bottom-color: transparent;
}

/*---------------
   Main section
---------------*/
section .main_title {
    color: #000;;
    font: 700 18px/20px Roboto;
}

section .main_title span {
    text-transform: uppercase;
}


.main_text {
    position: relative;

    padding: 20px 0 40px;

    border-top: 2px dotted #e44e34;
    background: rgba(246, 243, 0, .15);
}

.main_text .img_abs {
    position: absolute;
    bottom: -40px;
    left: 10px;

    display: block;
    display: block;
}

.main_text .text_block {
    padding: 0 60px 0 280px;
}

.main_text .text_block {
    color: #000;
    font: 14px Roboto;
}

.text_block {
    color: #787878;
    font: 14px Roboto;
}

.text_block h1 {
    margin-bottom: 30px;

    color: #282828;
    font-family: Roboto;
    font-size: 18px;
    font-weight: 700;
}

.text_block h2 {
    margin-bottom: 16px;

    color: #282828;
    font-family: Roboto;
    font-size: 16px;
    font-weight: 700;
}

.text_block * + h2 {
    margin-top: 28px;
}

.text_block * + h3 {
    margin-top: 20px;
}

.text_block h3 {
    margin-bottom: 16px;

    color: #282828;
    font-family: Roboto;
    font-size: 14px;
    font-weight: 700;
    line-height: 24px;
}

.main_text .text_block p {
    line-height: 20px;
}

.text_block p {
    margin-bottom: 9px;

    line-height: 24px;
}

.text_block p b {
    color: #282828;
}

.text_block a {
    color: #007dc5;

    border-bottom: 1px solid #007dc5;

    text-decoration: none;
    transition: .2s linear;
}

.text_block a:hover {
    border-bottom-color: transparent;
}

.text_block img {
    display: block;

    max-width: 100%;

    margin: 0 auto 20px;
}

.text_block img.left {
    width: 30%;
    max-width: none;

    margin: 0 10px 10px 0;
}

.text_block ul {
    margin: 0 0 9px 12px;
}

.main_text .text_block ul {
    margin-left: 34px;
}

.text_block ul li {
    position: relative;

    line-height: 24px;

    list-style: none;
}

.main_text .text_block ul li {
    line-height: 20px;

    list-style: disc;
}

.text_block ul li:before {
    position: absolute;
    top: 0;
    left: -12px;

    line-height: 22px;

    content: '-';
}

.main_text .text_block ul li:before {
    display: none;
}

.text_block > :last-child {
    margin-bottom: 0;
}

.table_text {
    overflow-x: auto;

    margin-top: 20px;
}

.table_text table {
    min-width: 800px;

    margin-top: 0;
}

.text_block table {
    width: 100%;

    margin-top: 20px;

    border-collapse: collapse;
}

.text_block table tr th {
    vertical-align: top;

    padding: 7px;

    color: #282828;
    font: 700 14px Roboto;

    border: 1px solid #000;
}

.text_block table tr td {
    vertical-align: top;

    padding: 7px;

    color: #787878;
    font: 14px Roboto;

    border: 1px solid #000;

    text-align: center;
}


.pagination {
    margin: 50px 0 0 -6px;

    text-align: center;
}

.pagination a,
.pagination span {
    display: inline-block;
    vertical-align: top;

    min-width: 29px;
    height: 29px;

    margin-left: 6px;
    padding: 0 10px;

    color: #fff;
    font: 700 16px/29px PT Sans;

    border-radius: 50px;
    background: #efd80e;

    text-align: center;
    text-decoration: none;
    transition: .2s linear;
}

.pagination a:hover,
.pagination span {
    background-color: #e44e34;
}

.pagination .dot {
    display: inline-block;
    vertical-align: top;

    width: 20px;
    height: 29px;

    margin-left: 6px;

    color: #8a694b;
    font: 700 15px/29px PT Sans;

    text-align: center;
}


.sorting {
    margin: 12px 0 0 -14px;

    text-align: center;
}

.sorting .text {
    display: inline-block;
    vertical-align: top;

    margin: 6px 0 0 14px;

    color: #6d3f4c;
    font: 700 14px PT Sans;
}

.sorting a {
    position: relative;

    display: inline-block;
    vertical-align: top;

    margin: 6px 0 0 14px;

    color: #6d3f4c;
    font: 14px PT Sans;

    opacity: .4;

    text-decoration: none;
    transition: .2s linear;
}

.sorting a.active,
.sorting a:hover {
    opacity: 1;
}


.breadcrumbs {
    margin-bottom: 20px;

    font: 12px/28px Roboto;

    /*text-transform: uppercase;*/
}

.breadcrumbs ul {
    list-style-type: none;
    margin: 0;
    padding: 0;
}

.breadcrumbs ul li {
    display: inline-block;
}

.breadcrumbs a {
    display: inline-block;
    vertical-align: middle;

    padding: 0 5px;

    color: #5a5a5a;

    /*  border: solid 1px rgba(0,0,0,.1);
      box-shadow: 0 2px 5px -1px #ddd;*/

    text-align: center;
    text-decoration: none;
    transition: .2s linear;
}

.breadcrumbs a:hover {
    box-shadow: none;
}

.breadcrumbs a span {
    /* border-bottom: 1px solid #c1c1c1;*/

    transition: .2s linear;
}

.breadcrumbs a:hover span {
    border-bottom-color: transparent;
}

.breadcrumbs .step {
    display: inline-block;
    vertical-align: middle;

    width: 8px;
    height: 12px;

    margin: 0 6px;

    background: url(../images/arrow4.png) 0 0 no-repeat;
}

.breadcrumbs .home {
    display: inline-block;
    vertical-align: middle;


    height: 30px;

    background: url(../images/home.png) 50% 50% no-repeat;
}

.breadcrumbs .page {
    display: inline-block;
    vertical-align: middle;

    /*   padding: 0 20px;

     border: solid 1px rgba(0,0,0,.1);
      background: #fff9f9;
      box-shadow: 0 2px 5px -1px #ddd;
  */
    text-align: center;
}

.main_slider {
    margin-top: 26px;
}

.main_slider .slider {
    padding: 0 15px;
}

.main_slider .slide {
    display: none;

    text-align: center;
}

.main_slider .owl-loaded .slide {
    display: block;
}

.main_slider .slide .thumb a {
    display: flex;
    overflow: hidden;

    height: 154px;

    border: 1px solid #e3e3e3;
    border-radius: 4px;

    justify-content: center;
    align-items: center;
}

.main_slider .slide .thumb img {
    display: block;

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

.main_slider .slide .name {
    overflow: hidden;

    height: 80px;
}

.main_slider .slide .name a {
    color: #464646;
    font: 12px/20px Roboto;

    border-bottom: 1px solid #c1c1c1;

    text-decoration: none;
    transition: .2s linear;
}

.main_slider .slide .name a:hover {
    border-bottom-color: transparent;
}


.catalog {
    display: flex;
    margin: 5px 0 0 -12px;
    justify-content: flex-start;
    align-items: flex-start;
    align-content: flex-start;
    flex-wrap: wrap;
}

.catalog .item {
    width: 16.666%;
    margin-top: 25px;
    padding-left: 12px;
    text-align: center;
}

.catalog .item .thumb a {
    display: flex;
    overflow: hidden;
    height: 154px;
    border: 1px solid #e3e3e3;
    border-radius: 4px;
    justify-content: center;
    align-items: center;
}

.catalog .item .thumb img {
    display: block;
    max-width: 100%;
    max-height: 100%;
}

.catalog .item .name a {
    color: #464646;
    font: 14px/20px Roboto;
    border-bottom: 1px solid #c1c1c1;
    text-decoration: none;
    transition: .2s linear;
}

.catalog .item .name a:hover {
    border-bottom-color: transparent;
}


.brands {
    display: flex;

    margin: 20px 0 0 -10px;

    justify-content: center;
    align-items: flex-start;
    align-content: flex-start;
    flex-wrap: wrap;
}

.brands .brand {
    width: 14.28%;

    margin-top: 10px;
    padding-left: 10px;
}

.brands .brand a {
    display: flex;

    height: 90px;

    justify-content: center;
    align-items: center;
}

.brands .brand img {
    display: block;

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

.map {
    height: 400px;

    border: 1px solid #c0c0c0;
}

.contacts {
    display: table;

    width: 100%;

    margin-top: -16px;
}

.contacts .td_line {
    display: table-row;
}

.contacts .name {
    display: table-cell;
    vertical-align: top;

    width: 100px;

    padding: 5px 10px 0 0;

    color: #000;
    font: 14px Roboto;

    table-layout: fixed;
}

.contacts .text {
    display: table-cell;
    vertical-align: top;

    padding-top: 5px;

    color: #000;
    font: 14px Roboto;
}

.products {
    margin-top: 12px;
}

.products .product_wrap {
    margin-top: 18px;
    padding: 4px;

    border-radius: 6px;
    background: #fff;
    box-shadow: 0 0 5px -1px rgba(0, 0, 0, .4);
}

.products .product {
    padding: 6px;

    border: 1px dotted #c0c0c0;
    border-radius: 6px;
}

.products .product .line_flex,
.product_view .line_flex {
    display: flex;

    justify-content: flex-start;
    align-items: center;
    align-content: center;
    flex-wrap: wrap;
}

.products .product .name,
.product_view .name {
    width: calc(100% - 220px);

    color: #464646;
    font: 700 18px Roboto;
}

.products .product .name a,
.product_view .name a {
    color: #464646;

    text-decoration: none;
}

.products .product .name a:hover,
.product_view .name a:hover {
    text-decoration: underline;
}

.products .product .fabricator,
.product_view .fabricator {
    display: flex;

    width: 200px;

    margin-left: auto;

    justify-content: space-between;
    align-items: center;
    align-content: center;
    flex-wrap: wrap;
}

.products .product .fabricator .info,
.product_view .fabricator .info {
    width: 146px;

    color: #464646;
    font: 15px Roboto;
}

.products .product .fabricator .icon,
.product_view .fabricator .icon {
    width: 50px;
}

.products .product .fabricator .icon img,
.product_view .fabricator .icon img {
    display: block;

    max-width: 100%;

    margin: 0 auto;
}

.products .product .box_flex,
.product_view .box_flex {
    display: flex;

    margin-top: 20px;

    justify-content: space-between;
    align-items: flex-start;
    align-content: flex-start;
    flex-wrap: wrap;
}

.products .product .thumb,
.product_view .thumb {
    width: 140px;
}

.product_view .thumbs {
    padding: 5px;
    margin-top: 10px;
}

.product_view .thumbs > a {
    display: inline-block;
}

.products .product .thumb img,
.product_view .thumb img {
    display: block;

    max-width: 100%;
}

.table_product {
    overflow-x: auto;

    width: calc(100% - 170px);
}

.table_product table {
    width: 100%;
    min-width: 700px;

    border-collapse: collapse;
}

.table_product table thead tr th {
    padding: 4px 8px 4px 0;

    color: #464646;
    font: 14px Roboto;

    text-align: center;
}

.table_product table thead tr th.text_left,
.table_product table tbody tr td.text_left {
    text-align: left;
}

.table_product table tbody tr td {
    padding: 4px 8px 4px 0;

    color: #464646;
    font: 14px Roboto;

    border-top: 14px solid #fff;
    font-weight: 800;
    text-align: center;
}

.table_product table tbody tr td.price {
    font-family: Roboto;
    font-size: 14px;
    font-weight: 700;
    line-height: 18px;
}

.table_product table tbody tr td.inCart {
    width: 60px;

    padding-top: 0;
    padding-bottom: 0;

    table-layout: fixed;
}

.table_product table tbody tr td.inCart .inCart_btn {
    display: block;

    width: 44px;
    height: 24px;

    border: none;
    background: url(../images/btn_cart.png) 0 0 no-repeat;

    cursor: pointer;
}

.table_product table tbody tr:nth-child(2n) {
    background: #fef6e3;
}


.product_view {
    margin-top: 20px;
}

.also_buy {
    margin: 30px 0 -16px;

    color: #464646;
    font: 700 16px Roboto;
}


.info_product {
    margin-top: 10px;
}

.info_product .box {
    width: calc(50% - 30px);

    margin-top: 30px;
}

.info_product .box + .box {
    width: 50%;
}

.info_product .text_block {
    margin-top: 20px;

    font-size: 14px;
}

.info_product .text_block p {
    line-height: 21px;
}

section .titleSmall {
    color: #464646;
    font: 700 16px Roboto;
}

section .titleSmall span {
    color: #949494;
}

.table_info {
    margin-top: 15px;
}

.table_info table {
    width: 100%;

    border-collapse: collapse;
}

.table_info table tr td {
    width: 50%;

    padding: 8px 0;

    color: #464646;
    font: 14px Roboto;

    border-top: 1px solid #e5e5e5;
}

.table_info table tr td:first-child {
    padding-right: 10px;

    font-weight: 700;
}

.table_info table tr:first-child td {
    border-top: none;
}


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

.table_cart {
    margin-top: 15px;
}

.table_cart table {
    width: 100%;

    border-spacing: 0 15px;
    border-collapse: separate;
}

.table_cart table thead tr th {
    padding: 0 20px;

    color: #464646;
    font: 14px Roboto;

    text-align: left;
    white-space: nowrap;
}

.table_cart table thead tr th:first-child {
    padding-left: 0;
}

.table_cart table tbody tr {
    box-shadow: 0px 1px 2px 1px rgba(0, 0, 0, .10);
    border-radius: 10px;
}

.table_cart table tbody tr td {
    padding: 10px 20px;

    color: #000;
    font: 700 13px Roboto;
}

.table_cart table tbody tr td .amount {
    margin-left: 0;
}

.table_cart table tbody tr td.thumb {
    width: 120px;

    table-layout: fixed;
}

.table_cart table tbody tr td.thumb img {
    display: block;

    max-width: 100%;

    margin: 0 auto;
}

.table_cart table tbody tr td.td_name a {
    color: #7b7b7b;
    font-size: 15px;

    text-decoration: none;
}

.table_cart table tbody tr td.td_name a:hover {
    text-decoration: underline;
}

.table_cart table tbody tr td.totalprice,
.table_cart table tbody tr td.price {
    white-space: nowrap;
}

.table_cart table tbody tr td.delete {
    width: 158px;

    table-layout: fixed;
}

.table_cart table tbody tr td.delete a {
    display: block;

    width: 118px;

    color: #464646;
    font: 13px/38px Roboto;

    border: 1px solid #bdbdbd;
    border-radius: 6px;

    text-align: center;
    text-decoration: none;
    transition: .2s linear;
}

.table_cart table tbody tr td.delete a:hover {
    background: rgba(162, 27, 91, .10);
}


.tabs_container {
    margin-top: 25px;
}

.tabs {
    display: flex;

    margin-top: 26px;

    border-bottom: 1px solid #c0c0c0;

    justify-content: flex-start;
    align-items: flex-start;
    align-content: flex-start;
    flex-wrap: wrap;
}

.tabs li {
    list-style: none;
}

.tabs li a {
    display: block;

    margin-bottom: -1px;
    padding: 0 15px 8px;

    color: #7b7b7b;
    font: 700 16px Roboto;

    border-bottom: 3px solid transparent;

    text-decoration: none;
    transition: .2s linear;
}

.tabs li.active a,
.tabs li a:hover {
    border-bottom-color: #a31b5b;
}

.tab_content {
    display: none;

    margin-top: 30px;
}

.tab_content .box_left {
    width: calc(50% - 10px);
}

.tab_content .box_right {
    width: calc(50% - 30px);
}

.tab_content .box_left .titleSmall,
.tab_content .box_right .titleSmall {
    margin-bottom: 14px;
}

.totlePrice {
    display: flex;

    margin-top: 20px;
    padding: 18px 20px;

    border-radius: 6px;
    background: #f6f6f6;

    justify-content: flex-start;
    align-items: center;
    align-content: center;
    flex-wrap: wrap;
}

.totlePrice .info {
    width: 120px;

    color: #7b7b7b;
    font: 16px Roboto;
}

.totlePrice .price {
    margin-left: 20px;

    color: #464646;
    font: 700 24px Roboto;
}

.totlePrice .submit {
    margin: 0 0 0 auto;
}

.coupon_form .info {
    width: 60px;
}

.coupon_form .input {
    width: 120px;
}

.coupon_form .submit_btn {
    padding: 0 12px;
}


.contacts_page {
    margin-top: 15px;
    padding-top: 15px;
    border-top: 1px solid #ff8100;
}

.contacts_page .items {
    display: flex;
    justify-content: space-between;
    align-items: center;
    align-content: center;
    flex-wrap: wrap;
}

.contacts_page .items .item {
    width: calc(50% - 15px);
    display: flex;
    justify-content: space-between;
    align-items: center;
    align-content: center;
    flex-wrap: wrap;

    margin-top: 40px;
}

.contacts_page .items .item .foto {
    width: 140px;
    height: 140px;
    border-radius: 50%;
    overflow: hidden;
}

.contacts_page .items .item .foto img {
    display: block;
    width: 100%;
    height: 100%;
}

.contacts_page .items .item .box {
    width: calc(100% - 172px);
}

.contacts_page .items .item .name {
    color: #282828;
    font: 700 18px Roboto;

    margin-top: 10px;
}

.contacts_page .items .item .post {
    color: #464646;
    font: 14px Roboto;
}

.contacts_page .items .item .mail {
    margin-top: 10px;
}

.contacts_page .items .item .mail a {
    color: #464646;
    font: 14px Roboto;
    position: relative;
    padding-left: 30px;
}

.contacts_page .items .item .mail a:before {
    content: "";
    position: absolute;
    left: 0;
    top: -1px;
    width: 19px;
    height: 19px;
    background: url(../images/ic_mail.png) 50% 50% no-repeat;
}

.contacts_page .items .item .mail a:hover {
    text-decoration: none;
}


.sector_contacts {
    margin: 30px 0;
    padding: 15px 0;
    border-top: 1px solid #ff8100;
    border-bottom: 1px solid #ff8100;
}

.sector_contacts .box {
    width: calc(50% - 15px);
}

.sector_contacts * + .titleSmall {
    margin-top: 28px;
}

.sector_contacts .text {
    color: #464646;
    font: 16px Roboto;

    margin-top: 18px;
}

.sector_contacts .block {
    margin-top: 28px;
}

.sector_contacts .tel,
.sector_contacts .facs,
.sector_contacts .site,
.sector_contacts .mail {
    color: #282828;
    font: 14px Roboto;
    margin-top: 12px;
}

.sector_contacts .tel b,
.sector_contacts .facs b,
.sector_contacts .site b,
.sector_contacts .mail b {
    font-size: 16px;
}

.sector_contacts .tel a,
.sector_contacts .facs a,
.sector_contacts .site a,
.sector_contacts .mail a {
    color: #282828;
    font-size: 16px;
}

.sector_contacts .tel a:hover,
.sector_contacts .facs a:hover,
.sector_contacts .site a:hover,
.sector_contacts .mail a:hover {
    text-decoration: none;
}


.location_map .box {
    width: calc(50% - 15px);

    margin-top: 30px;
}

.location_map .box a {
    color: #464646;
    font: 14px Roboto;
}

.location_map .box a:hover {
    text-decoration: none;
}

.location_map .box img {
    display: block;
    width: 100%;
    border-radius: 4px;

    margin-top: 15px;
}


.contacts_page .form {
    margin-top: 30px;
    max-width: 400px;
}

/*---------------
   Sidebar
---------------*/
aside .open_asideMenu {
    border: 1px solid #ff8100;
    background: url(../images/bg_menu.png) 0 0 repeat;
    display: none;
    color: #432918;
    font: 14px/35px Roboto;
    text-decoration: none;

    padding: 0 10px;
    position: relative;
}

aside .open_asideMenu:after {
    position: absolute;
    top: 50%;
    right: 10px;
    width: 8px;
    height: 4px;
    background: url(../images/arrow3.png) 0 0 no-repeat;
    content: '';
    transform: translateY(-50%);
}

aside .aside_menu {
    border-radius: 6px;
    box-shadow: 0 5px 10px rgb(0 0 0 / 10%);
}

aside .aside_menu li {
    position: relative;

    list-style: none;
}

aside .aside_menu li a {
    position: relative;

    display: block;

    color: #464646;
    font: 14px Roboto;

    text-decoration: none;
}

aside .aside_menu li.selected {
    background: #b5497c;
}

aside .aside_menu li.selected > a {
    color: #fff;
}

aside .aside_menu > li + li.selected > a:before {
    background: #b5497c;
}

aside .aside_menu > li:first-child > a {
    border-radius: 6px 6px 0 0;
}

aside .aside_menu > li:last-child > a {
    border-radius: 0 0 6px 6px;
}

aside .aside_menu > li > a {
    padding: 9px 20px;
}

aside .aside_menu > li a:hover,
aside .aside_menu > li a.active,
aside .aside_menu > li a.view {
    background: rgba(162, 27, 91, .10);
}

aside .aside_menu > li + li > a:before {
    position: absolute;
    top: 0;
    left: 20px;

    width: calc(100% - 40px);
    height: 1px;

    background: #e5e5e5;

    content: '';
}

aside .aside_menu > li > a.open_sub:after {
    position: absolute;
    top: 50%;
    right: 10px;

    width: 8px;
    height: 12px;

    background: url(../images/arrow5.png) 0 0 no-repeat;

    content: '';
    transform: translateY(-50%);
}

aside .aside_menu > li > ul {
    position: absolute;
    top: 0;
    left: 100%;
    z-index: 99;

    display: none;

    width: 250px;

    background: #f9f9f9;
    box-shadow: 4px 0 7px rgba(0, 0, 0, .10);
}

aside .aside_menu > li:hover > ul {
    display: block;
}

aside .aside_menu > li > ul li a {
    padding: 9px 20px;
}

/*---------------
   Footer
---------------*/
footer {
    position: relative;

    padding: 20px 0;

    background: #712632 url(../images/bg_footer.png) 0 0 repeat;
}

footer:before {
    position: absolute;
    top: -6px;
    left: 0;

    width: 100%;
    height: 6px;

    background: url(../images/line_footer.png) 0 0 repeat;

    content: '';
}

footer .line_flex {
    display: flex;

    justify-content: space-between;
    align-items: flex-start;
    align-content: flex-start;
    flex-wrap: wrap;
}

footer .box {
    width: 180px;
}

footer .logo img {
    display: block;

    max-width: 100%;
}

footer .copy {
    margin-top: 15px;

    color: #fff;
    font: 14px/16px Roboto;
}

footer .counter {
    margin-top: 10px;
}

footer .counter img {
    display: block;

    max-width: 100%;
}

footer .menu li {
    list-style: none;
}

footer .menu li a {
    color: #fff;
    font: 14px/22px Roboto;

    border-bottom: 1px solid #ff6b00;

    text-decoration: none;
    transition: .2s linear;
}

footer .menu li a:hover {
    border-bottom-color: transparent;
}

footer .title {
    color: #fff;
    font: 14px/18px Roboto;
}

footer .adres,
footer .tel,
footer .mail {
    color: #fff;
    font: 14px/18px Roboto;
}

footer .box_social {
    min-width: 250px;
}

/*---------------
   Modal
---------------*/
.modal {
    display: none;
    overflow: visible !important;
    width: calc(100% - 30px);
    max-width: 350px;
    padding: 5px;
    border-radius: 6px;
    background: #fff;
    box-shadow: 0 0 14px -2px #000;
}

.modal_locality,
.modal_map {
    max-width: 850px;
}

.modal_map {
    height: 400px;
    max-height: calc(100vh - 110px);
}

.modalCall {
    max-width: 278px;
}

.modal .bord {
    padding: 18px 17px;

    border: 1px dotted #c0c0c0;
    border-radius: 6px;
}

.modal .title {
    color: #000;
    font: 700 16px/20px Roboto;

    text-align: center;
}

.modal .form {
    margin-top: 25px;
}


.modal .popular {
    margin: 15px 0 0 -10px;

    color: #ccc;
    font: 16px Scada;
}

.modal .popular span {
    margin-left: 10px;
}

.modal .popular a {
    margin-left: 10px;

    color: #be2d34;

    text-decoration: none;
    transition: color .3s linear;
}

.modal .popular a:hover {
    text-decoration: underline;
}


.modal .box {
    width: 240px;

    margin-top: 15px;
}

.modal .box_list {
    width: calc(100% - 270px);

    margin-top: 15px;
}

.modal .box .name,
.modal .box_list .name {
    color: #303030;
    font: 16px Scada;
}

.modal .box_list .block_list,
.modal .box .block {
    overflow-y: auto;

    max-height: 360px;

    margin-top: 15px;
}

.modal .list li {
    list-style: none;
}

.modal .block_list .list li {
    margin-top: 10px;
}

.modal .block_list > li {
    display: none;

    margin-bottom: 20px;
}

.modal .block_list > li.active,
.modal .block_list .showed {
    display: block;
}

.modal .block_list > li.active > h3 {
    display: none;
}

.modal .block_list > li.showed .list > li:not(.search-res),
.modal .block_list > li.showed .list:not(.showed) {
    display: none;
}

.modal .block_list .list > li {
    padding-right: 10px;
}

.modal .block_list .list {
    position: relative;

    padding-left: 30px;
}

.modal .block_list .list::before {
    position: absolute;
    top: 0;
    left: 0;

    color: #303030;
    font: 700 16px Scada;

    content: attr(data-letter);
    text-transform: uppercase;
}

.modal .list li a {
    color: #303030;
    font: 16px Scada;

    text-decoration: none;
    transition: color .3s linear, background .3s linear;
}

.modal .box .list li a {
    display: block;

    padding: 10px;
}

.modal .box .list li a:hover,
.modal .box .list li a.active {
    background: #f4f4f4;
}

.modal .list li a:hover,
.modal .list li a.active {
    color: #be2d34;
}

@-webkit-keyframes moveDown {
    0% {
        -webkit-transform: translateY(-77px);
        transform: translateY(-77px);
    }
}

@-moz-keyframes moveDown {
    0% {
        -webkit-transform: translateY(-77px);
        transform: translateY(-77px);
    }
}

@keyframes moveDown {
    0% {
        -webkit-transform: translateY(-77px);
        transform: translateY(-77px);
    }
}


.history_orders {
    margin-top: 40px;
}

.list_order .item + .item {
    margin-top: 10px;
}

.list_order .item .open_sub {
    position: relative;

    display: block;

    padding: 0 25px 0 20px;

    background: #fff389;

    text-decoration: none;
}

.list_order .item .open_sub:after {
    position: absolute;
    top: 50%;
    right: 20px;

    width: 15px;
    height: 9px;

    margin-top: -4.5px;

    background: url(../images/arrow4.svg) 0 0 no-repeat;

    content: '';
}

.list_order .item .open_sub.active:after {
    transform: rotate(180deg);
}

.list_order .item .table_link {
    display: table;
}

.list_order .item .table_link .td {
    display: table-cell;
    vertical-align: top;

    padding: 15px 30px 15px 0;

    color: #000;
    font: 16px Scada;
}

.list_order .item .block_none {
    display: none;

    padding: 16px 20px 25px;

    border: 1px solid #f2f2f2;
    border-top: none;
}

.list_order .item table {
    border-collapse: collapse;
}

.list_order .item table tr td {
    padding: 11px 30px 11px 0;

    color: #000;
    font: 16px Scada;
}

.list_order .item table tr td.no_wrap {
    white-space: nowrap;
}

.list_order .item table tr td a {
    color: #be2d34;

    text-decoration: none;
}

.list_order .item table tr td a:hover {
    text-decoration: underline;
}

.list_order .item .address {
    margin-top: 13px;

    color: #000;
    font: 16px Scada;
}

header .tel {
    margin-top: 10px;
}

header .tel > a,
header .tel > a:hover {
    color: #000;
    text-decoration: none;
}

footer .tel > a,
footer .tel > a:hover {
    color: #fff;
    text-decoration: none;
}

.price_filter {
    width: 650px;
}

.price_filter > div > span {
    margin: 0px 15px;
    text-align: center;
}

.main_banners a {
    display: block;
    text-align: center;
}

@media (min-width: 1023px) {
    .maincont {
        min-height: 1000px;
        margin-top: 150px;
    }

    header.fixed {
        position: fixed;
        top: 0;
        left: 0;
        z-index: 999;

        width: 100%;

        background: #fff;


    }
}

.product_wrap.highlighted {

    background: #fffce1;
}

.highlighted .table_product table tbody tr td {
    border-top: 14px solid #fffce1 !important;
}

.box_code {
    display: flex;
    justify-content: flex-start;
    align-items: flex-start;
    align-content: flex-start;
    flex-wrap: wrap;
}

.p-i-r-t-pz {
    display: inline-block;
    border: 1px solid #A3195B;
    border-radius: 4px;
    padding: 0 8px;
    line-height: 14px;
    height: 16px;
    vertical-align: middle;
    font-size: 14px;
    color: #A3195B;
}

.table_cart p {
    font-weight: 400;
}

#locality a {
    cursor: pointer !important;
}

ol {
    line-height: 2;
    margin: 0 40px 10px;
}

#line_block {
    width: 30%;
    background: #f1f1f1;
    float: left;
    margin: 0 15px 15px 0;
    text-align: center;
    padding: 10px;
}

.line_blocks {
    display: flex;
    flex-wrap: wrap;
}

.line_block {
    width: 30%;
    background: #f1f1f1;
    margin: 0 15px 15px 0;
    text-align: center;
    padding: 10px;
    font-size: 16px;
    color: #000000;
}

@media (max-width: 768px){
    .line_block {
        width: 46%;
    }
}

@media (max-width: 480px){
    .line_block {
        width: 100%;
    }
}





.stock-icon {
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
}

.stock-icon svg {
    fill: rgb(181, 73, 124);
    width: 25px;
    height: 25px;
}

.float-button {
    text-decoration: none;
    position: fixed;
    padding: 10px;
    padding-right: 15px;
    bottom: 0px;
    left: 5px;
    color: #fff;
    background-color:#25D366;
    border-radius: 25px 30px 5px 25px;
    z-index: 100;
    font-family: Arial;
    font-size: 17px;
    animation: whatsapp-animation 0.5s ease-in-out;
    box-shadow: 1px 2px 5px 2px rgba(30,30,30,0.3);
    transition:all 0.3s ease-out;
    display: flex;
    align-items: center;
}

.float-button:hover {
    background-color: #128C7E;
    color: #fff;
}

.fa-whatsapp {
    width: 30px;
    height: 30px;
    display: inline-block;
    z-index: 101;
    position: relative;
    background-image: url("data:image/svg+xml,%3Csvg width='1536' height='1536' viewBox='0 0 1536 1536' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M475.013 1383.91L110.399 1499.94L-0.000976562 1535.07L155.093 1076.98C129.066 1029.14 108.45 978.457 93.7619 925.973C75.9438 862.289 66.9532 796.473 66.9532 730.347C66.9532 535.761 144.372 351.287 282.386 214.384C420.849 77.0347 606.704 0.929688 801.693 0.929688C996.623 0.929688 1182.38 77.1262 1320.72 214.495C1458.68 351.481 1536 535.998 1536 730.58C1536 925.13 1458.59 1109.58 1320.62 1246.48C1182.21 1383.81 996.416 1459.93 801.475 1459.93C739.628 1459.93 678.011 1452.3 618.086 1436.97C568.665 1424.33 520.702 1406.51 475.011 1383.91L475.013 1383.91Z' fill='%23EEEEEE'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M1477.42 730.578C1477.42 545.285 1401.76 377.517 1279.45 256.06C1157.14 134.62 988.227 59.5071 801.692 59.5071C614.996 59.5071 445.998 134.595 323.638 255.969C201.224 377.398 125.529 545.135 125.529 730.344C125.529 792.515 134.128 852.846 150.172 910.184C166.114 967.155 189.436 1021.09 218.999 1070.88L101.891 1416.78L92.6337 1444.12L120.14 1435.37L480.332 1320.74C528.019 1346.41 579.041 1366.51 632.603 1380.22C686.569 1394.02 743.128 1401.36 801.474 1401.36C988.087 1401.36 1157.03 1326.26 1279.36 1204.89C1401.74 1083.47 1477.42 915.753 1477.42 730.579L1477.42 730.578Z' fill='%2354CC61'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M691.772 547.395C688.805 541.417 671.677 500.05 655.89 461.921C645.799 437.545 636.174 414.3 634.287 409.803C616.507 367.414 596.857 368.692 581.785 369.671C580.796 369.734 579.842 369.797 578.568 369.797C573.309 369.797 568.14 369.47 562.784 369.131C556.087 368.706 549.136 368.265 542.567 368.265C533.834 368.265 521.938 370.077 509.412 375.94C500.123 380.288 490.539 386.834 481.768 396.471C480.489 397.853 479.526 398.866 478.479 399.966C457.61 421.903 412.118 469.721 412.118 561.557C412.118 657.891 481.587 749.504 491.795 762.958L491.758 762.985L491.853 763.109L491.967 763.224C492.368 763.74 493.842 765.897 496.021 769.084C521.677 806.607 639.622 979.104 818.918 1049.13C981.576 1112.6 1011.01 1105.48 1037.3 1099.12C1041.78 1098.04 1046.14 1096.98 1050.87 1096.54C1072.16 1094.54 1106.99 1079.97 1136.3 1059.5C1160.61 1042.52 1181.84 1021.07 1189.96 998.474C1197.21 978.273 1201.31 959.508 1203.21 944.061C1205.97 921.624 1203.78 903.97 1199.7 897.15L1199.64 897.092C1193.44 886.866 1182.7 881.797 1166.6 874.192C1163.75 872.851 1160.72 871.419 1157.8 870.006L1157.81 869.987C1146.7 864.339 1108.28 845.552 1075.44 830.027C1054.21 819.993 1035.35 811.374 1027.89 808.694C1017.38 804.921 1008.23 802.069 998.417 803.174C987.292 804.43 977.587 810.16 968.59 823.786L968.563 823.768C964.044 830.555 956.086 840.731 947.387 851.387C933.61 868.265 917.172 887.217 910.167 895.174V895.232C907.177 898.637 904.597 900.493 902.068 900.797C898.558 901.221 893.733 899.783 887.053 896.502C882.782 894.365 878.62 892.567 873.486 890.352C847.511 879.145 796.922 857.317 739.265 806.269C718.64 788.015 700.49 768.059 685.331 749.335C660.797 719.03 644.217 692.031 637.628 680.659C632.428 671.74 638.206 665.959 643.541 660.624L643.514 660.593C649.413 654.7 656.089 646.676 662.789 638.624C665.84 634.957 668.892 631.287 672.604 627.012L672.661 626.954C681.696 616.448 685.442 608.796 690.498 598.469C691.378 596.671 692.3 594.788 693.229 592.937L693.285 592.88C697.731 583.922 698.869 575.397 698.041 567.413C697.272 559.981 694.784 553.347 691.749 547.405L691.772 547.395Z' fill='%23FFFFFE'/%3E%3C/svg%3E%0A");
    background-size: cover;
    margin-right: 5px;
}

@keyframes whatsapp-animation {
    from {
        opacity: 0%;
    }

    to {
        opacity: 100%
    }
}

@media screen and (max-width: 545px) {
    .float-button span {
        display: none;
    }

    .float-button {
        bottom: 90px;
        left: auto;
        right: 20px;
        width: 65px;
        height: 65px;
        border-radius: 100%;
        padding: 0;
        display: flex;
        align-items: center;
        justify-content: center;
    }

    .fa-whatsapp {
        width: 45px;
        height: 45px;
    }
}