@font-face {
    font-family: "Montserrat";
    font-style: normal;
    font-weight: 400;
    font-display: swap;
    src: url("/templates/bocau/css/fonts/roboto/Roboto-Regular.ttf");
    src: url("/templates/bocau/css/fonts/roboto/Roboto-Regular.ttf") format("truetype")
}

@font-face {
    font-family: "Montserrat";
    font-style: normal;
    font-weight: 700;
    font-display: swap;
    src: url("/templates/bocau/css/fonts/Montserrat/Montserrat-Bold.ttf");
    src: url("/templates/bocau/css/fonts/Montserrat/Montserrat-Bold.ttf") format("truetype")
}

/*# sourceMappingURL=fonts.css.map */
:root {
    --main-color: #065ca9;
    --extra-color: #ec2123;
    --other-color: #065ca9;
    --hover-color: #ec2123
}

html {
    color: #222222
}

body,
div,
dl,
dt,
dd,
ul,
ol,
li,
h1,
h2,
h3,
h4,
h5,
h6,
pre,
code,
form,
legend,
input,
button,
textarea,
p,
blockquote {
    margin: 0;
    padding: 0
}

body {
    font: 15px/18px Montserrat, Helvetica, Arial, 'DejaVu Sans', 'Liberation Sans', Freesans, sans-serif;
    margin: 0;
    padding: 0;
    max-width: 100%;
    line-height: 22px;
    font-weight: 400
}

.fieldset {
    margin: 0;
    padding: 10px
}

th,
td {
    margin: 0
}

a {
    color: var(--main-color);
    text-decoration: none;
    -moz-transition: all 0.2s ease-in 0;
    -webkit-transition: all 0.2s ease-in;
    -webkit-transition-delay: 0;
    transition: all 0.2s ease-in 0
}

a:hover {
    color: var(--main-color)
}

b {
    font-weight: 700
}

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

.red,
.label_error {
    color: red
}

.redborder {
    border: 1px solid red
}

.bold {
    font-weight: 700
}

strong {
    font-weight: 700
}

img {
    border: 0;
    max-width: 100%
}

address,
caption,
cite,
code,
dfn,
em,
th,
var,
optgroup {
    font-style: inherit;
    font-weight: inherit
}

del,
ins {
    text-decoration: none
}

li {
    list-style: none
}

.description_cat ul li {
    margin-left: 20px;
    list-style: disc
}

.description_cat ol li {
    margin-left: 20px;
    list-style: decimal
}

.summary_cat ul li {
    margin-left: 20px;
    list-style: disc
}

.summary_cat ol li {
    margin-left: 20px;
    list-style: decimal
}

caption,
th {
    text-align: left
}

h1,
h2,
h3,
h4,
h5,
h6 {
    font-size: 100%;
    line-height: 1.5em
}

h1 {
    display: block;
    font-size: 1.6em;
    font-weight: 700
}

h2 {
    display: block;
    font-size: 1.3em;
    font-weight: 700
}

h3 {
    display: block;
    font-size: 1.17em;
    font-weight: 700
}

h4 {
    display: block;
    font-size: 1em;
    font-weight: 700
}

h5 {
    display: block;
    font-size: .83em;
    font-weight: 700
}

h6 {
    display: block;
    font-size: .67em;
    font-weight: 700
}

img {
    transition: 0.5s
}

q:before,
q:after {
    content: ''
}

abbr,
acronym {
    border: 0;
    font-variant: normal
}

sup {
    vertical-align: baseline
}

sub {
    vertical-align: baseline
}

legend {
    color: #000000;
    font-weight: 700;
    padding: 0 8px
}

figure {
    margin: 0;
    text-align: center;
    margin-bottom: 12px
}

.figcaption {
    font-style: italic
}

input,
button,
textarea,
select,
optgroup,
option {
    font-family: inherit;
    font-size: inherit;
    font-style: inherit;
    font-weight: inherit;
    outline: none
}

input,
button,
textarea,
select {
    *font-size: 100%
}

table {
    font: 100%;
    border-collapse: collapse
}

pre,
code,
kbd,
samp,
tt {
    font-family: monospace;
    *font-size: 108%;
    line-height: 100%
}

select {
    margin: 0;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-appearance: none;
    -moz-appearance: none;
    background-image: linear-gradient(45deg, transparent 50%, #333 50%), linear-gradient(135deg, #333 50%, transparent 50%), linear-gradient(to right, #fff, #fff);
    background-position: calc(100% - 20px) calc(1em + 2px), calc(100% - 15px) calc(1em + 2px), 100% 0;
    background-size: 5px 5px, 5px 5px, 2.5em 2.5em;
    background-repeat: no-repeat
}

select:focus {
    background-image: linear-gradient(45deg, #fff 50%, transparent 50%), linear-gradient(135deg, transparent 50%, #fff 50%), linear-gradient(to right, gray, gray);
    background-position: calc(100% - 15px) 1em, calc(100% - 20px) 1em, 100% 0;
    background-size: 5px 5px, 5px 5px, 2.5em 2.5em;
    background-repeat: no-repeat;
    border-color: grey;
    outline: 0
}

.after-lazy {
    opacity: 1 !important
}

.breadcrumbs {
    position: relative;
    background: #f6f6f6;
    position: relative
}

@media all and (min-width: 1025px) {
    .breadcrumbs {
        padding: 0px 0px
    }
}

.breadcrumbs.br_p {
    background-repeat: no-repeat;
    background-size: cover;
    min-height: 250px;
    clip-path: polygon(100% 0, 100% 80%, 30% 100%, 0 80%, 0 0);
    -webkit-clip-path: polygon(100% 0, 100% 80%, 30% 100%, 0 80%, 0 0);
    -o-clip-path: polygon(100% 0, 100% 80%, 30% 100%, 0 80%, 0 0);
    -moz-clip-path: polygon(100% 0, 100% 80%, 30% 100%, 0 80%, 0 0);
    -ms-clip-path: polygon(100% 0, 100% 80%, 30% 100%, 0 80%, 0 0);
    padding: 0px;
    margin-bottom: 50px
}

.breadcrumbs.br_p_home {
    background-repeat: no-repeat;
    background-size: cover;
    min-height: 250px;
    clip-path: polygon(100% 0, 100% 80%, 30% 100%, 0 80%, 0 0);
    -webkit-clip-path: polygon(100% 0, 100% 80%, 30% 100%, 0 80%, 0 0);
    -o-clip-path: polygon(100% 0, 100% 80%, 30% 100%, 0 80%, 0 0);
    -moz-clip-path: polygon(100% 0, 100% 80%, 30% 100%, 0 80%, 0 0);
    -ms-clip-path: polygon(100% 0, 100% 80%, 30% 100%, 0 80%, 0 0);
    padding: 0px;
    margin-bottom: 50px
}

.breadcrumbs.br_pj {
    background-repeat: no-repeat;
    background-size: cover;
    min-height: 250px;
    clip-path: polygon(100% 0, 100% 80%, 30% 100%, 0 80%, 0 0);
    -webkit-clip-path: polygon(100% 0, 100% 80%, 30% 100%, 0 80%, 0 0);
    -o-clip-path: polygon(100% 0, 100% 80%, 30% 100%, 0 80%, 0 0);
    -moz-clip-path: polygon(100% 0, 100% 80%, 30% 100%, 0 80%, 0 0);
    -ms-clip-path: polygon(100% 0, 100% 80%, 30% 100%, 0 80%, 0 0);
    padding: 0px;
    margin-bottom: 50px
}

.bgr_fixed {
    background-attachment: fixed;
    -moz-background-attachment: fixed;
    -webkit-background-attachment: fixed;
    -o-background-attachment: fixed
}

.breadcrumbs .breadcrumbs_inner:after {
    background-image: url("https://bocauexpress.com/templates/bocau/images/bgbanner.png")
}

.product_cart .detail_inner {
    margin-bottom: 80px
}

.by_fast {
    margin-top: 60px;
    background-position: center;
    position: relative;
    min-height: 530px
}

.by_fast:after {
    content: '';
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background-color: #000000cf;
    -o-background-color: #000000cf;
    -moz-background-color: #000000cf;
    -ms-background-color: #000000cf;
    -webkit-background-color: #000000cf
}

.by_fast .container {
    position: relative;
    z-index: 2
}

@media all and (max-width: 500px) {
    .by_fast {
        margin-top: 10px;
        min-height: auto
    }
}

.partners {
    padding: 25px 0px
}

@media all and (max-width: 600px) {
    .partners {
        padding: 25px 0px 5px
    }
}

@media all and (max-width: 500px) {
    .partners {
        padding: 5px 0px
    }
}

.banner {
    margin: 30px 0px
}

@media all and (max-width: 375px) {
    .banner {
        margin: 15px 0px 30px
    }
}

.product_search .products-cat-frame .product_grid {
    padding: 15px 15px 0px
}

.product_search .products-cat-frame .product_grid .item {
    width: calc(33.3333% - 10px);
    margin: 0px 15px 15px 0px
}

.product_search .products-cat-frame .product_grid .item:nth-child(3n) {
    margin-right: 0px
}

.pos_r {
    position: relative
}

.pos_a {
    position: absolute
}

.bl_block {
    min-height: 260px;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center
}

.bl_block .block_title {
    color: #fff
}

@media all and (max-width: 850px) {
    .bl_block .block_title .text_inner {
        padding-bottom: 20px
    }
}

@media all and (max-width: 850px) {
    .bl_block .block_title .block_summary {
        margin-top: 5px
    }
}

.bl_block .block_block {
    padding-top: 50px
}

@media all and (max-width: 850px) {
    .bl_block .block_block {
        padding: 20px 0px
    }
}

@media all and (max-width: 850px) {
    .bl_block .block_block {
        padding: 10px 0px
    }
}

@media all and (min-width: 1025px) {
    .bl_block {
        clip-path: ellipse(70% 100% at 50% 0%);
        -webkit-clip-path: ellipse(70% 100% at 50% 0%);
        -moz-clip-path: ellipse(70% 100% at 50% 0%);
        -o-clip-path: ellipse(70% 100% at 50% 0%);
        -ms-clip-path: ellipse(70% 100% at 50% 0%)
    }
}

@media all and (max-width: 850px) {
    .bl_block {
        min-height: auto
    }
}

.strengths {
    position: relative;
    background: #f6f6f6;
    width: 100%;
    background-repeat: no-repeat;
    background-position: bottom right;
    overflow: hidden
}

#strengths.hello .item {
    opacity: 1;
    visibility: visible;
    transform: translate(0);
    transition: all 1s ease
}

#strengths.hello .item_2,
#strengths.hello .item_4 {
    transition-delay: 0.2s;
    transform: translate(0, 0px)
}

@media all and (min-width: 1025px) {

    #strengths.hello .item_2,
    #strengths.hello .item_4 {
        transform: translate(0, -12px)
    }
}

#strengths.hello .item_1,
#strengths.hello .item_5 {
    transition-delay: 0.4s;
    transform: translate(0, 0px)
}

@media all and (min-width: 1025px) {

    #strengths.hello .item_1,
    #strengths.hello .item_5 {
        transform: translate(0, -35px)
    }
}

@media all and (min-width: 601px) {
    .introduce {
        min-height: 350px
    }
}

.pos3 {
    padding: 10px 0px 0px;
    background: var(--main-color);
    overflow: hidden
}

.pos3 .block_title {
    color: #fff;
    margin-bottom: 20px
}

.pos3 .block_summary {
    font-size: 15px;
    color: #fff
}

.content_home {
    padding: 60px 0px 30px;
    background-color: #fff;
    color: #000
}

@media screen and (max-width: 768px) {
    .content_home {
        padding: 40px 0px 10px
    }
}

.content_home .container div,
.content_home .container h2,
.content_home .container h3 {
    font-weight: 700;
    font-size: 20px;
    text-transform: uppercase;
    margin-bottom: 5px
}

@media screen and (max-width: 768px) {

    .content_home .container div,
    .content_home .container h2,
    .content_home .container h3 {
        line-height: 1.4em;
        font-size: 18px
    }
}

.content_home .container p {
    line-height: 1.6em;
    margin-bottom: 30px
}

@media screen and (max-width: 768px) {
    .content_home .container p {
        margin-bottom: 15px
    }
}

.strengths2 {
    overflow: hidden;
    padding: 45px 0px 0px
}

@media all and (max-width: 500px) {
    .strengths2 {
        padding-bottom: 25px
    }
}

.strengths2 .block_strengths {
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center
}

.strengths2 .block_title span {
    color: var(--main-color)
}

.strengths3 {
    margin-top: 50px
}

@media all and (max-width: 500px) {
    .strengths3 {
        margin-top: 10px
    }
}

.strengths4 {
    overflow: hidden;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: right;
    position: relative
}

.projects {
    margin-top: 50px
}

@media all and (max-width: 500px) {
    .projects {
        margin-top: 10px
    }
}

.projects_list {
    border-top: 1px solid #3e2929;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    padding-bottom: 75px;
    padding-top: 40px;
    overflow: hidden
}

@media all and (max-width: 500px) {
    .projects_list {
        padding-top: 25px
    }
}

.block_proces .proces_slide2_block {
    overflow: hidden
}

.products {
    margin: 50px 0px 0px
}

@media all and (max-width: 500px) {
    .products {
        margin-top: 10px
    }
}

.view-all {
    text-align: center;
    margin: 30px 0px 50px;
    position: relative;
    width: 100%
}

.view-all a {
    display: inline-block;
    position: relative;
    color: #fff;
    padding: 16px 90px 16px 30px;
    background: var(--main-color);
    font-size: 20px;
    text-transform: uppercase;
    border-radius: 6px
}

@media all and (max-width: 600px) {
    .view-all a {
        font-size: 16px;
        padding: 10px 80px 10px 20px
    }
}

.view-all a svg {
    position: absolute;
    top: 13px;
    right: 50px;
    width: 24px;
    fill: #fff
}

@media all and (max-width: 600px) {
    .view-all a svg {
        top: 8px;
        right: 30px
    }
}

@media all and (max-width: 800px) {
    .view-all {
        margin: 20px 0px 25px
    }
}

.main_newslist .main-area,
.main_contact .main-area {
    margin-bottom: 50px
}

.main_projects {
    margin-bottom: 80px
}

.clear,
.clearfix {
    clear: both
}

.cls::after {
    content: '';
    display: block;
    clear: both
}

.hidden,
.hide,
.hiden {
    display: none
}

.pagination {
    text-align: center;
    margin-top: 20px;
    display: flex;
    justify-content: center
}

.main_pro_home .wapper-content-page {
    margin-bottom: 80px
}

.main_pro_home .product_grid {
    padding: 15px 15px 0px
}

.main_pro_home .cat_item_store {
    margin-bottom: 20px
}

.main_pro_home .cat_item_store .cat_label {
    padding: 0px 0px 10px
}

.main_pro_home .cat_item_store .cat_label a {
    font-size: 18px;
    text-transform: uppercase;
    font-weight: 700;
    color: var(--main-color)
}

.products-cart-info {
    margin-bottom: 50px
}

.pagination .current {
    color: #fff;
    display: inline-block;
    margin-left: 6px;
    padding: 6px 12px;
    box-sizing: border-box;
    background: var(--other-color)
}

.pagination a,
.pagination b {
    color: #000;
    display: inline-block;
    font-size: 18px;
    margin-left: 6px;
    padding: 6px 12px;
    text-decoration: none;
    box-sizing: border-box;
    border: 1px solid #aaa
}

.pagination .page {
    float: left;
    width: 33px;
    height: 33px;
    display: flex;
    align-items: center;
    justify-content: center;
    border: 1px solid #aaa
}

.pagination a:hover,
.pagination b:hover {
    color: var(--main-color);
    -webkit-transition: 0.15s ease-in-out all;
    transition: 0.15s ease-in-out all
}

.next-page {
    padding: 6px 13px 6px !important
}

.pre-page {
    padding: 6px 13px 6px !important
}

.next-page:hover {
    -webkit-transition: 0.15s ease-in-out all;
    transition: 0.15s ease-in-out all
}

.pre-page:hover {
    -webkit-transition: 0.15s ease-in-out all;
    transition: 0.15s ease-in-out all
}

.left {
    float: left
}

.right {
    float: right
}

.right-col .block {
    background: #fff;
    margin-top: 0px;
    box-sizing: border-box
}

.page_title {
    margin-bottom: 15px !important;
    text-transform: none
}

.page_title span {
    color: var(--main-color);
    font-size: 20px;
    font-weight: normal;
    padding-bottom: 4px;
    margin-bottom: 0px
}

.page_title h1 {
    font-weight: normal
}

.fr {
    float: right
}

.fl {
    float: left
}

.benmarch {
    display: none
}

.hide {
    display: none
}

.submit_bt,
.reset_bt {
    padding: 5px 14px;
    border-radius: 4px;
    font-size: 15px;
    cursor: pointer
}

.submit_bt {
    border: 1px solid var(--main-color);
    background: var(--main-color);
    color: #FFF
}

.submit_bt:hover {
    border: 1px solid #C90008;
    background: #C90008
}

.reset_bt {
    border: 1px solid #b3b1b1;
    background: #f9f9f9;
    color: #000
}

.reset_bt:hover {
    border: 1px solid #b3b1b1;
    background: #cecdcd
}

.redborder {
    border-color: #ED1C24 !important
}

.scroll-bar::-webkit-scrollbar-track {
    border-radius: 15px;
    background-color: var(--main-color)
}

.scroll-bar::-webkit-scrollbar {
    width: 5px;
    background-color: var(--main-color);
    border-radius: 15px
}

.scroll-bar::-webkit-scrollbar-thumb {
    border-radius: 15px;
    background: var(--main-color);
    border: 1px solid #EBEBEB
}

.right-col {
    width: 300px;
    float: right;
    position: relative
}

@media all and (max-width: 900px) {
    .right-col {
        width: 100%
    }
}

.main-area-2col-right {
    width: -webkit-calc(100% - 300px);
    width: -moz-calc(100% - 300px);
    width: calc(100% - 300px);
    float: left;
    padding-right: 30px;
    box-sizing: border-box
}

@media all and (max-width: 900px) {
    .main-area-2col-right {
        width: 100%;
        padding-right: 0px;
        margin-bottom: 30px
    }
}

.container {
    width: 1170px;
    max-width: 100%;
    margin: 0 auto
}

.header_wrapper {
    width: 100%;
    z-index: 99;
    transition: all 0.5s cubic-bezier(0.55, 0, 0.1, 1);
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat
}

.header_wrapper .header {
    position: relative
}

.header_wrapper .header .left_logo {
    padding: 10px 0px 17px calc((100% - 1170px)/2);
    box-sizing: border-box;
    width: calc(270px + ((100% - 1170px)/2));
    float: left;
    position: relative;
    background: #fff
}

.header_wrapper .header .left_logo img {
    height: auto
}

@media all and (max-width: 1070px) {
    .header_wrapper .header .left_logo {
        padding: 10px 0px 17px 10px;
        width: 260px
    }
}

@media all and (max-width: 990px) {
    .header_wrapper .header .left_logo {
        padding: 5px 0px 9px 10px;
        width: 180px;
        border-radius: 0px 0px 5px 0px
    }
}

@media all and (max-width: 400px) {
    .header_wrapper .header .left_logo {
        width: 160px
    }
}

.header_wrapper .header .left_logo:after {
    position: absolute;
    bottom: 0px;
    left: 0px;
    content: '';
    height: 8px;
    width: calc(100% - 25px);
    background: linear-gradient(90deg, #1458a1 30%, #6b426e 45%, #ec2123 65%)
}

@media all and (max-width: 990px) {
    .header_wrapper .header .left_logo:after {
        height: 4px
    }
}

.header_wrapper .header .left_logo:before {
    position: absolute;
    bottom: 0px;
    right: -1px;
    content: '';
    height: 8px;
    width: 30px;
    background: var(--extra-color);
    clip-path: polygon(0% 0, 100% 0%, 100% 100%, 0% 100%);
    clip-path: polygon(0 0, 100% 0%, 75% 100%, 0% 100%)
}

@media all and (max-width: 990px) {
    .header_wrapper .header .left_logo:before {
        height: 4px;
        clip-path: polygon(0 0, 100% 0%, 85% 100%, 0% 100%)
    }
}

.header_wrapper .header h1 {
    display: inline-grid;
    float: left
}

.header_wrapper .header .logo {
    display: inline-grid;
    float: left
}

@media all and (max-width: 1070px) {
    .header_wrapper .header .logo {
        max-width: 220px
    }
}

@media all and (max-width: 990px) {
    .header_wrapper .header .logo {
        max-width: 140px
    }
}

.header_wrapper .header .logo .logo_img2 {
    display: none
}

@media screen and (min-width: 961px) {
    .header_wrapper .header .menu_mobile {
        display: none
    }
}

.header_wrapper .header .menu_mobile .dcjq-mega-menu .sb-toggle-left.navbar-left {
    display: none
}

.header_wrapper .search_home {
    position: absolute;
    right: 0px;
    z-index: 999;
    padding: 20px 0;
    top: 0px
}

@media all and (max-width: 1024px) {
    .header_wrapper .search_home {
        right: 50px;
        padding: 10px 0
    }
}

.header_wrapper .top_menu {
    float: left;
    width: calc(100% - (270px + ((100% - 1170px)/2)));
    padding-right: calc((100% - 1170px)/2);
    box-sizing: border-box;
    position: relative;
    background: #fff
}

@media all and (max-width: 1070px) {
    .header_wrapper .top_menu {
        width: calc(100% - 260px);
        padding-right: 10px
    }
}

@media all and (max-width: 990px) {
    .header_wrapper .top_menu {
        width: calc(100% - 180px)
    }
}

@media all and (max-width: 400px) {
    .header_wrapper .top_menu {
        width: calc(100% - 160px)
    }
}

.header_wrapper .top_menu:after {
    position: absolute;
    bottom: 0px;
    right: 0px;
    content: '';
    height: 8px;
    width: calc(100% - 25px);
    background: linear-gradient(90deg, #ec2123 25%, #6b426e 35%, #1259a2 50%)
}

@media all and (max-width: 990px) {
    .header_wrapper .top_menu:after {
        height: 4px
    }
}

.header_wrapper .top_menu:before {
    position: absolute;
    bottom: 0px;
    left: -1px;
    content: '';
    height: 8px;
    width: 30px;
    background: var(--extra-color);
    clip-path: polygon(25% 0, 100% 0%, 100% 100%, 0% 100%)
}

@media all and (max-width: 990px) {
    .header_wrapper .top_menu:before {
        height: 4px;
        clip-path: polygon(15% 0, 100% 0%, 100% 100%, 0% 100%)
    }
}

@media all and (max-width: 990px) {
    .header_wrapper .top_menu {
        padding-left: 0px;
        float: right;
        box-sizing: border-box
    }
}

.header_wrapper .top_menu .menu_topl {
    width: calc(100% - 50px);
    float: left;
    padding-left: 40px;
    box-sizing: border-box
}

@media all and (max-width: 1024px) {
    .header_wrapper .top_menu .menu_topl {
        padding-left: 10px
    }
}

@media all and (max-width: 990px) {
    .header_wrapper .top_menu .menu_topl {
        display: flex;
        justify-content: flex-end;
        float: right;
        width: unset
    }
}

.header_wrapper .top_menu .search_1 {
    width: 50px;
    float: right;
    position: relative
}

@media all and (max-width: 1070px) {
    .header_wrapper .top_menu .search_1 {
        text-align: right
    }
}

@media all and (max-width: 990px) {
    .header_wrapper .top_menu .search_1 {
        width: unset
    }
}

.header_wrapper .search_1 {
    float: right;
    box-sizing: border-box
}

@media all and (max-width: 990px) {
    .header_wrapper .search_1 {
        position: relative
    }
}

.header-l {
    float: left;
    width: 44%
}

@media all and (max-width: 500px) {
    .logo_img {
        margin: 0px 0px 0px;
        padding: 4px 0
    }
}

.logo_img_small {
    display: none;
    width: 48px;
    margin-left: 10px
}

@media all and (max-width: 1024px) {
    .logo_img_small {
        display: block
    }
}

@media all and (max-width: 960px) {
    .logo_img {
        display: none
    }
}

.logo_mb {
    width: 61px
}

@media all and (min-width: 961px) {
    .logo_mb {
        display: none
    }
}

.logo_notext {
    width: 80px;
    height: auto
}

@media all and (min-width: 501px) {
    .logo_notext {
        display: none
    }
}

#share-top {
    margin-top: 8px;
    position: relative;
    display: inline-block;
    float: right
}

#share-top:before {
    height: 64px;
    width: 1px;
    background: #ffffff5c;
    position: absolute;
    left: -21px;
    top: -15px;
    content: " "
}

@media all and (max-width: 1170px) {
    #share-top:before {
        display: none
    }
}

#hotline {
    float: left;
    margin-left: 68px;
    width: 14%;
    position: relative;
    padding-left: 37px;
    margin-top: 8px;
    box-sizing: border-box;
    color: #fff
}

#hotline svg {
    position: absolute;
    left: 0px;
    top: 2px
}

#hotline a {
    font-size: 18px;
    font-weight: 700;
    color: #fff;
    letter-spacing: 1.2px
}

.regions_search {
    padding-top: 5px;
    float: left;
    width: 46%;
    margin-left: 65px;
    border-radius: 5px
}

@media screen and (max-width: 900px) {
    .regions_search {
        width: 69%
    }
}

.regions_search .block_regions {
    width: 125px;
    float: left
}

.regions_search select {
    border: none;
    height: 40px;
    box-sizing: border-box;
    background: #a7a7a7;
    border-radius: 4px 0 0 4px;
    font-size: 13px;
    display: inline-block;
    font: inherit;
    padding: 10px;
    width: 125px;
    margin: 0;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-appearance: none;
    -moz-appearance: none;
    background-image: linear-gradient(45deg, transparent 50%, #333 50%), linear-gradient(135deg, #333 50%, transparent 50%), linear-gradient(to right, #eee, #eee);
    background-position: calc(100% - 19px) calc(1em + 2px), calc(100% - 15px) calc(1em + 2px), 100% 0;
    background-size: 5px 5px, 5px 5px, 2.5em 2.5em;
    background-repeat: no-repeat
}

.regions_search_mb {
    float: right;
    width: 200px;
    margin-top: 6px
}

.regions_search_mb select {
    border: none;
    height: 40px;
    box-sizing: border-box;
    background: #a7a7a7;
    border-radius: 4px;
    padding: 0 5px;
    float: right;
    margin-right: 5px
}

.more_block {
    text-align: center;
    padding: 85px 0px;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    overflow: hidden
}

@media all and (max-width: 768px) {
    .more_block {
        padding: 60px 0px
    }
}

.more_block .item_block {
    display: inline-block;
    margin: 0 5px;
    position: relative;
    cursor: pointer;
    position: relative
}

@media all and (max-width: 800px) {
    .more_block .item_block {
        margin: 0 20px;
        line-height: 30px;
        margin-bottom: 5px
    }
}

@media all and (max-width: 600px) {
    .more_block .item_block {
        margin: 0 10px;
        line-height: 30px;
        margin-bottom: 5px
    }
}

.more_block .item_block span {
    color: #222;
    text-transform: uppercase;
    font-size: 20px;
    background-image: url("https://bocauexpress.com/templates/bocau/images/icons2.png");
    display: flex;
    width: 266px;
    height: 60px;
    background-repeat: no-repeat;
    background-size: cover;
    font-size: 15px;
    text-transform: uppercase;
    letter-spacing: 1px;
    color: #a7a7a7;
    align-items: center;
    justify-content: center;
    transition: 0.5s all ease
}

@media all and (max-width: 600px) {
    .more_block .item_block span {
        width: 220px;
        height: 50px;
        background-size: contain
    }
}

.more_block .active span {
    background-image: url(https://bocauexpress.com/templates/bocau/images/icons1.png);
    color: var(--main-color)
}

.more_block .list_block {
    margin-top: 40px
}

@media all and (max-width: 600px) {
    .more_block .list_block {
        margin-top: 20px
    }
}

.header .hotline>li:first-child {
    font-weight: 700;
    text-transform: uppercase;
    font-size: 15px;
    color: #5D5A5C
}

.address_header label {
    font-weight: 700;
    text-transform: uppercase;
    font-size: 14px;
    color: #5D5A5C;
    margin-top: 10px
}

.address_header:hover label {
    color: #000
}

.support_phone li {
    margin-bottom: 10px;
    border-bottom: 1px solid #f9f9f9;
    padding-bottom: 10px;
    position: relative;
    padding-left: 39px
}

.support_phone li::before {
    position: absolute;
    background: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" height="24" width="24" fill="rgb(204,51,0)" version="1.1" x="0px" y="0px" viewBox="0 0 100 100" enable-background="new 0 0 100 100" xml:space="preserve"><path d="M78.014,20.385c8.463,8.75,12.51,18.127,12.84,29.081c0.076,2.519-1.453,4.183-3.876,4.312  c-2.557,0.136-4.293-1.441-4.356-4.012c-0.134-5.394-1.357-10.521-4.033-15.211C72.491,23.871,63.191,18.302,50.95,17.603  c-1.358-0.077-2.631-0.218-3.586-1.305c-1.223-1.391-1.33-2.991-0.672-4.62c0.664-1.642,2.01-2.382,3.759-2.352  c7.969,0.135,15.321,2.353,21.955,6.761C74.697,17.61,76.787,19.437,78.014,20.385z M50.11,24.674  c-0.732-0.01-1.53,0.134-2.189,0.44c-1.704,0.79-2.505,2.791-2.048,4.786c0.402,1.758,1.954,2.972,3.906,2.996  c4.562,0.056,8.597,1.499,11.951,4.624c3.688,3.434,5.41,7.741,5.588,12.751c0.032,0.891,0.367,1.904,0.891,2.618  c1.094,1.49,3.037,1.864,4.821,1.184c1.577-0.601,2.506-2.014,2.492-3.886c-0.051-6.981-2.592-12.943-7.5-18.08  C63.098,27.364,57.118,24.773,50.11,24.674z M73.486,87.206c1.689-1.888,3.575-3.599,5.361-5.401  c2.643-2.667,2.664-5.902,0.036-8.55c-3.134-3.157-6.28-6.302-9.44-9.433c-2.586-2.562-5.819-2.556-8.393-0.005  c-1.966,1.948-3.936,3.893-5.86,5.882c-0.133,0.137-0.261,0.247-0.389,0.328l-1.346,1.346c-0.375,0.239-0.748,0.236-1.236-0.029  c0.73-0.689-2.619-1.246-3.839-2.012c-5.695-3.575-10.471-8.183-14.694-13.374c-2.101-2.582-3.968-5.329-5.259-8.431  c-0.215-0.517-0.221-0.888,0.067-1.281l1.346-1.346c0.064-0.087,0.137-0.175,0.231-0.265c0.59-0.569,1.175-1.143,1.757-1.72  c1.361-1.348,2.706-2.711,4.057-4.069c2.69-2.703,2.684-5.88-0.015-8.604c-1.531-1.544-3.074-3.077-4.612-4.614  c-1.585-1.584-3.157-3.181-4.756-4.75c-2.59-2.543-5.824-2.548-8.408-0.007c-1.973,1.941-3.882,3.948-5.886,5.856  c-1.866,1.777-2.817,3.931-3.007,6.463c-0.307,4.104,0.699,7.983,2.106,11.77c2.909,7.832,7.333,14.766,12.686,21.137  c7.239,8.617,15.894,15.436,26.017,20.355c4.554,2.213,9.283,3.915,14.409,4.196C67.944,90.844,71.028,89.954,73.486,87.206z"/></svg>');
    background-repeat: no-repeat;
    content: ' ';
    width: 33px;
    height: 33px;
    top: 1px;
    left: 0px;
    border: 1px solid #ddd;
    border-radius: 50%;
    box-sizing: border-box;
    background-position: center
}

.support_phone li:last-child {
    margin-bottom: 0px;
    border-bottom: none;
    padding-bottom: 10px
}

.address_header_head::before {
    background-position: -133px 1px
}

.header .more_info {
    color: #999999;
    font-size: 12px;
    margin-top: 0px;
    position: relative;
    padding-right: 23px
}

.header .more_info::before {
    position: absolute;
    content: ' ';
    width: 10px;
    height: 10px;
    top: 3px;
    right: 0px;
    background-position: -45px -70px;
    background-repeat: no-repeat;
    z-index: 100;
    background-color: #FFF
}

@media only screen and (min-width: 961px) {
    .sb-toggle-left {
        display: none
    }
}

.navicon-line {
    width: 25px;
    height: 4px;
    border-radius: 4px;
    margin-bottom: 4px;
    background-color: var(--extra-color)
}

.navicon-line:last-child {
    margin-bottom: 0px
}

.modal-menu-full-screen {
    width: 100%;
    height: 100%;
    position: fixed;
    top: 0;
    bottom: 0;
    left: 0;
    display: none
}

.text-compare {
    margin-top: 4px;
    text-align: right
}

.text-compare a {
    color: #999999;
    display: block;
    font-size: 12px
}

.fs-slider-home {
    position: relative
}

.home_pos {
    margin-top: 24px;
    overflow: hidden
}

@media only screen and (max-width: 768px) {
    .home_pos_0 {
        margin-top: 4px !important
    }
}

.block_banner_3_colunm {
    margin-left: -15px;
    margin-right: -15px
}

.block_banner_3_colunm .banner_item {
    display: block;
    float: left;
    width: 33.333%;
    box-sizing: border-box;
    padding: 0 15px;
    overflow: hidden
}

.block_banner_3_colunm .banner_item img {
    transition: all 0.3s ease 0s;
    -webkit-transition: all 0.3s ease 0s
}

@media only screen and (min-width: 768px) {
    .pos_mixed {
        margin-top: 15px
    }
}

.main_wrapper_ {
    padding-bottom: 30px
}

.main-area-2col-left {
    margin: 0;
    width: calc(75% - 7px);
    position: relative;
    padding: 0;
    float: right
}

@media all and (max-width: 1024px) {
    .main-area-2col-left {
        width: 100%;
        float: none
    }
}

.left-col {
    float: left;
    width: calc(25% - 25px)
}

.left-col li {
    position: relative;
    padding: 0px 0px 0px 20px
}

.left-col li:before {
    content: '';
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    left: 0px;
    width: 10px;
    height: 10px;
    background: url("https://bocauexpress.com/templates/bocau/images/diamon.svg") no-repeat;
    background-size: cover;
    transition: all 0.3s
}

.left-col li:hover:before {
    background: url("https://bocauexpress.com/templates/bocau/images/diamon2.svg")
}

.left-col li.activated:before {
    background: url("https://bocauexpress.com/templates/bocau/images/diamon2.svg")
}

@media all and (max-width: 900px) {
    .left-col {
        width: 100%;
        margin-top: 40px
    }
}

.pos_mixed_left {
    float: left;
    width: 57.365%
}

.pos_mixed_right {
    float: right;
    width: 40.24%
}

.pos_mixed .block_title {
    background: #FBFBFB;
    border: 1px solid #ECECEC;
    line-height: 48px;
    margin-bottom: 12px
}

.pos_mixed .block_title span {
    margin-left: 31px;
    text-transform: uppercase;
    font-size: 17px;
    font-weight: normal;
    margin-top: 10px
}

.pos_mixed .block_content {
    border: 1px solid #E7E7E7;
    padding: 15px
}

.main_wrapper .left-col .block,
.main_wrapper .right-col .block {
    margin-bottom: 20px
}

.main_wrapper .left-col .block_newslist .block_title {
    border-bottom: 0px;
    padding-bottom: 12px;
    border-bottom: 3px solid #555555;
    margin-bottom: 17px;
    border-top: 0px;
    padding-top: 10px
}

.main_wrapper .left-col .block_newslist .block_title:before {
    position: absolute;
    bottom: -3px;
    height: 3px;
    width: 38px;
    background-color: var(--main-color);
    content: ''
}

.right-col .block_title,
.left-col .block_title {
    color: #fff;
    cursor: pointer;
    font-size: 18px;
    text-transform: unset;
    padding: 13px 18px;
    background: var(--main-color);
    font-weight: 600;
    text-align: left;
    margin-bottom: 0px
}

.pos10 {
    overflow: hidden;
    margin-top: 40px
}

@media all and (max-width: 768px) {
    .pos10 {
        margin-top: 20px
    }
}

.pos16 {
    margin-top: -110px;
    position: relative
}

@media screen and (max-width: 420px) {
    .pos16 .block_title {
        margin-bottom: 10px
    }
}

.pos16 .container {
    width: 950px;
    background: #fff;
    box-shadow: 0px 0px 15px #c9c9c9;
    border-radius: 20px;
    padding: 40px 200px 55px;
    box-sizing: border-box
}

@media screen and (min-width: 1400px) {
    .pos16 .container {
        padding: 40px 180px 55px
    }
}

@media screen and (max-width: 950px) {
    .pos16 .container {
        max-width: 95%
    }
}

@media screen and (max-width: 880px) {
    .pos16 .container {
        padding: 40px 100px 55px
    }
}

@media all and (max-width: 600px) {
    .pos16 .container {
        padding: 30px
    }
}

@media all and (max-width: 450px) {
    .pos16 .container {
        padding: 25px 15px
    }
}

.pos4 .block_title,
.pos_cat_home .block_title,
.pos16 .block_title,
.pos8 .block_title,
.template .block_title,
.posc1 .block_title,
.pos_baner .block_title,
.pos10 .block_title,
.more_block .block_title,
.pos14 .block_title,
.page_title .block_title,
.savic_history .block_title,
.pos3 .block_title {
    padding: 50px 0px 0px
}

@media all and (max-width: 600px) {

    .pos4 .block_title,
    .pos_cat_home .block_title,
    .pos16 .block_title,
    .pos8 .block_title,
    .template .block_title,
    .posc1 .block_title,
    .pos_baner .block_title,
    .pos10 .block_title,
    .more_block .block_title,
    .pos14 .block_title,
    .page_title .block_title,
    .savic_history .block_title,
    .pos3 .block_title {
        padding: 50px 10px 15px;
        margin-right: 10px;
        margin-left: 10px;
        line-height: 1.4em
    }
}

.pos4 .block_title .icon,
.pos_cat_home .block_title .icon,
.pos16 .block_title .icon,
.pos8 .block_title .icon,
.template .block_title .icon,
.posc1 .block_title .icon,
.pos_baner .block_title .icon,
.pos10 .block_title .icon,
.more_block .block_title .icon,
.pos14 .block_title .icon,
.page_title .block_title .icon,
.savic_history .block_title .icon,
.pos3 .block_title .icon {
    position: absolute;
    bottom: 0px;
    content: '';
    left: 50%;
    transform: translate(-50%, 0px)
}

.pos4 .block_title .icon1,
.pos_cat_home .block_title .icon1,
.pos16 .block_title .icon1,
.pos8 .block_title .icon1,
.template .block_title .icon1,
.posc1 .block_title .icon1,
.pos_baner .block_title .icon1,
.pos10 .block_title .icon1,
.more_block .block_title .icon1,
.pos14 .block_title .icon1,
.page_title .block_title .icon1,
.savic_history .block_title .icon1,
.pos3 .block_title .icon1 {
    background: url("https://bocauexpress.com/templates/bocau/images/icon_w.svg");
    background-repeat: no-repeat;
    width: 57px;
    height: 36px;
    top: 0px;
    max-width: 100%;
    background-size: contain;
    background-position: center
}

.pos4 .block_title .icon1,
.posc1 .block_title .icon1 {
    background: url("https://bocauexpress.com/templates/bocau/images/icon.svg");
    background-repeat: no-repeat;
    background-size: contain
}

.template .introduce_content .block_title {
    font-size: 22px;
    padding-top: 0px
}

.template .introduce_content .block_title .icon1 {
    width: 179px;
    height: 26px;
    background: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="179px" height="26px" viewBox="0 0 176.64853 25.09748"><path fill="rgb(93 151 161)" class="a" d="M62.77079,15.32967a30.46951,30.46951,0,0,0,6.00506-3.21317,24.96624,24.96624,0,0,1,6.1984-3.03642,13.092,13.092,0,0,1,6.94027-.10754,21.518,21.518,0,0,1,6.28934,2.9635,67.06514,67.06514,0,0,0,11.95808,6.4575,24.79283,24.79283,0,0,0,6.489,1.65535,12.879,12.879,0,0,0,6.41662-.89116,10.498,10.498,0,0,0,4.77242-4.16439,9.81726,9.81726,0,0,0,1.38851-6.08715,7.79124,7.79124,0,0,0-2.78789-5.36157,7.71083,7.71083,0,0,0-5.72651-1.70139,6.61489,6.61489,0,0,0-2.84194.93292,6.26265,6.26265,0,0,0-2.03286,2.15641,5.932,5.932,0,0,0-.76361,2.88685,5.4392,5.4392,0,0,0,.75045,2.87111,4.92894,4.92894,0,0,0,2.25422,1.90617,4.8414,4.8414,0,0,0,2.99867.23509,3.95494,3.95494,0,0,0,2.41439-1.74287,4.07416,4.07416,0,0,0,.50135-3.04185.26451.26451,0,0,1,.50821-.14414,4.60679,4.60679,0,0,1-.28914,3.59182,4.75149,4.75149,0,0,1-2.84881,2.36948,6.06569,6.06569,0,0,1-6.74293-2.38892,6.58948,6.58948,0,0,1-.81195-1.75659A7.55636,7.55636,0,0,1,106.924,1.30584,8.3866,8.3866,0,0,1,110.51529.05861a9.309,9.309,0,0,1,7.04237,2.15327,9.47887,9.47887,0,0,1,3.26693,6.54159,10.97132,10.97132,0,0,1-.29772,3.66018,12.226,12.226,0,0,1-1.45715,3.345,11.86437,11.86437,0,0,1-5.504,4.57766,14.0673,14.0673,0,0,1-7.03493.81223A28.09416,28.09416,0,0,1,99.805,19.30073a67.54243,67.54243,0,0,1-12.06332-6.66829A21.6216,21.6216,0,0,0,81.724,9.69125a12.425,12.425,0,0,0-6.59564-.05834c-4.39548,1.1131-7.88034,4.48442-12.30757,5.86149a.08609.08609,0,0,1-.10782-.05663A.089.089,0,0,1,62.77079,15.32967Z"/><path fill="rgb(93 151 161)" class="a" d="M64.59744,14.768a48.19652,48.19652,0,0,0,5.46568-3.60384,22.5069,22.5069,0,0,1,5.77455-3.13652,11.49264,11.49264,0,0,1,6.561-.197,15.72713,15.72713,0,0,1,1.5827.49306,9.75032,9.75032,0,0,1,1.52665.63577,16.009,16.009,0,0,1,1.47831.7393l1.41483.85141a127.142,127.142,0,0,0,11.16215,6.82873,31.67116,31.67116,0,0,0,6.03023,2.46557,13.53641,13.53641,0,0,0,6.45751.36665,13.64462,13.64462,0,0,1-6.511-.16273,31.74393,31.74393,0,0,1-6.12633-2.37406,118.31854,118.31854,0,0,1-11.24394-6.76181l-1.38823-.84683A15.52161,15.52161,0,0,0,85.335,9.33175a9.45908,9.45908,0,0,0-1.49-.63148,15.3218,15.3218,0,0,0-1.5398-.49019,11.41073,11.41073,0,0,0-6.36885.13213,22.39134,22.39134,0,0,0-5.75539,2.995A48.31335,48.31335,0,0,1,64.59744,14.768Z"/><path fill="rgb(93 151 161)" class="a" d="M56.68564,13.04227a.86927.86927,0,0,0,1.08336.1041,1.30119,1.30119,0,0,0,.558-.98783A1.51484,1.51484,0,0,0,56.98451,10.577a1.63016,1.63016,0,0,0-1.75745,1.04131,2.10756,2.10756,0,0,0,.49821,2.12067,5.78939,5.78939,0,0,0,4.72408,1.68451,12.68689,12.68689,0,0,0,5.11247-1.8012c1.63533-.89889,3.23576-1.96651,4.96719-2.83308a24.88234,24.88234,0,0,1,5.44737-1.99425,10.442,10.442,0,0,1,5.82116.36293,9.24061,9.24061,0,0,1,4.52561,3.63673,8.61652,8.61652,0,0,1,1.40367,5.61525,7.71563,7.71563,0,0,1-2.797,5.04726,6.88418,6.88418,0,0,1-5.532,1.53523,6.16479,6.16479,0,0,1-4.487-3.51976A5.12943,5.12943,0,0,1,74.46,18.57172a4.93809,4.93809,0,0,1,1.25925-2.65118,4.87794,4.87794,0,0,1,2.53621-1.47146,3.98856,3.98856,0,0,1,4.66889,2.79962,3.22108,3.22108,0,0,1-.56055,2.856,3.03355,3.03355,0,0,1-2.64432,1.19289A2.60132,2.60132,0,0,1,77.52219,19.448a.15861.15861,0,0,1,.10553-.19791.16217.16217,0,0,1,.19848.10811,2.274,2.274,0,0,0,1.9299,1.60673,2.69477,2.69477,0,0,0,2.32973-1.07621,2.85952,2.85952,0,0,0,.48333-2.53821,3.60094,3.60094,0,0,0-4.22759-2.50619,4.52762,4.52762,0,0,0-3.44626,3.78859,4.6793,4.6793,0,0,0,.43128,2.65062,5.69105,5.69105,0,0,0,4.1601,3.22489,6.37669,6.37669,0,0,0,5.11047-1.4603,7.16992,7.16992,0,0,0,2.57139-4.70492,8.03658,8.03658,0,0,0-1.34647-5.22372,8.83494,8.83494,0,0,0-1.85154-2.02057A8.61315,8.61315,0,0,0,81.565,9.8005a9.70045,9.70045,0,0,0-5.415-.22165,24.06494,24.06494,0,0,0-5.19827,2.03029c-1.65592.87-3.206,1.94964-4.8831,2.918a20.571,20.571,0,0,1-2.618,1.29013,9.66763,9.66763,0,0,1-2.92975.687,7.77275,7.77275,0,0,1-3.02241-.36979A5.67947,5.67947,0,0,1,54.899,14.42535a3.74593,3.74593,0,0,1-.75016-1.47546,2.75458,2.75458,0,0,1,.149-1.70854,2.53279,2.53279,0,0,1,1.158-1.27554,2.49231,2.49231,0,0,1,1.6868-.22222,2.42232,2.42232,0,0,1,1.41454.89173,2.0224,2.0224,0,0,1,.39954,1.61274,1.85616,1.85616,0,0,1-.95122,1.31587,1.21062,1.21062,0,0,1-.83912.11668,1.41959,1.41959,0,0,1-.68439-.4247.1478.1478,0,0,1,.20363-.21364Z"/><path fill="rgb(93 151 161)" class="a" d="M53.93522,13.15329H2.80413c-.54342,0-.98388-.31193-.98388-.69647s.44046-.69623.98388-.69623H53.93522c.54342,0,.98387.31168.98387.69623S54.47864,13.15329,53.93522,13.15329Z"/><path fill="rgb(93 151 161)" class="a" d="M5.0332,12.45682A2.5166,2.5166,0,1,1,2.51647,9.9411,2.51677,2.51677,0,0,1,5.0332,12.45682Z"/><path fill="rgb(93 151 161)" class="a" d="M120.51092,13.15329H173.8444c.54342,0,.98388-.31193.98388-.69647s-.44046-.69623-.98388-.69623H120.51092c-.54342,0-.98388.31168-.98388.69623S119.9675,13.15329,120.51092,13.15329Z"/><path fill="rgb(93 151 161)" class="a" d="M171.61533,12.45682a2.5166,2.5166,0,1,0,2.51673-2.51572A2.51677,2.51677,0,0,0,171.61533,12.45682Z"/></svg>');
    background-repeat: no-repeat;
    background-size: contain
}

.template .block_title .icon1 {
    background: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="434px" height="32px" viewBox="0 0 344.41667 25.09748"><path fill="rgb(93 151 161)" class="a" d="M147.756,15.32967a30.46931,30.46931,0,0,0,6.00507-3.21317,24.96634,24.96634,0,0,1,6.19839-3.03642,13.092,13.092,0,0,1,6.94027-.10754,21.518,21.518,0,0,1,6.28935,2.9635,67.06505,67.06505,0,0,0,11.95807,6.4575,24.793,24.793,0,0,0,6.489,1.65535,12.87894,12.87894,0,0,0,6.41661-.89116,10.49793,10.49793,0,0,0,4.77242-4.16439,9.81719,9.81719,0,0,0,1.38851-6.08715,7.79116,7.79116,0,0,0-2.78789-5.36157,7.7108,7.7108,0,0,0-5.7265-1.70139,6.61489,6.61489,0,0,0-2.84194.93292,6.26277,6.26277,0,0,0-2.03287,2.15641,5.93209,5.93209,0,0,0-.76361,2.88685,5.43921,5.43921,0,0,0,.75046,2.87111,4.92894,4.92894,0,0,0,2.25422,1.90617,4.8414,4.8414,0,0,0,2.99867.23509,3.95489,3.95489,0,0,0,2.41438-1.74287A4.07407,4.07407,0,0,0,198.98,8.04706a.26452.26452,0,0,1,.50822-.14414,4.60679,4.60679,0,0,1-.28914,3.59182,4.75152,4.75152,0,0,1-2.84881,2.36948,6.0657,6.0657,0,0,1-6.74294-2.38892,6.58945,6.58945,0,0,1-.81194-1.75659,7.55636,7.55636,0,0,1,3.11393-8.41287A8.3866,8.3866,0,0,1,195.50055.05861a9.309,9.309,0,0,1,7.04237,2.15327,9.47884,9.47884,0,0,1,3.26694,6.54159,10.97132,10.97132,0,0,1-.29772,3.66018,12.226,12.226,0,0,1-1.45715,3.345,11.86442,11.86442,0,0,1-5.504,4.57766,14.06732,14.06732,0,0,1-7.03494.81223,28.09421,28.09421,0,0,1-6.72577-1.84782A67.54209,67.54209,0,0,1,172.727,12.63244a21.62174,21.62174,0,0,0-6.01765-2.94119,12.42508,12.42508,0,0,0-6.59565-.05834c-4.39547,1.1131-7.88034,4.48442-12.30756,5.86149a.08608.08608,0,0,1-.10782-.05663A.089.089,0,0,1,147.756,15.32967Z"/><path fill="rgb(93 151 161)" class="a" d="M149.58271,14.768a48.1964,48.1964,0,0,0,5.46567-3.60384,22.507,22.507,0,0,1,5.77456-3.13652,11.49264,11.49264,0,0,1,6.561-.197,15.72713,15.72713,0,0,1,1.5827.49306,9.75032,9.75032,0,0,1,1.52665.63577,16.009,16.009,0,0,1,1.47831.7393l1.41482.85141a127.14493,127.14493,0,0,0,11.16215,6.82873,31.67142,31.67142,0,0,0,6.03023,2.46557,13.53643,13.53643,0,0,0,6.45751.36665,13.64462,13.64462,0,0,1-6.511-.16273,31.74359,31.74359,0,0,1-6.12632-2.37406,118.3187,118.3187,0,0,1-11.244-6.76181l-1.38822-.84683a15.52409,15.52409,0,0,0-1.44657-.73387,9.45908,9.45908,0,0,0-1.49-.63148,15.32116,15.32116,0,0,0-1.53981-.49019,11.41073,11.41073,0,0,0-6.36885.13213,22.39144,22.39144,0,0,0-5.75538,2.995A48.31335,48.31335,0,0,1,149.58271,14.768Z"/><path fill="rgb(93 151 161)" class="a" d="M141.67091,13.04227a.86925.86925,0,0,0,1.08335.1041,1.30117,1.30117,0,0,0,.558-.98783,1.51483,1.51483,0,0,0-1.34246-1.58156,1.63016,1.63016,0,0,0-1.75745,1.04131,2.10755,2.10755,0,0,0,.4982,2.12067,5.78943,5.78943,0,0,0,4.72409,1.68451,12.68694,12.68694,0,0,0,5.11247-1.8012c1.63533-.89889,3.23576-1.96651,4.96718-2.83308a24.88272,24.88272,0,0,1,5.44737-1.99425,10.442,10.442,0,0,1,5.82117.36293,9.24066,9.24066,0,0,1,4.52561,3.63673,8.61657,8.61657,0,0,1,1.40367,5.61525,7.7156,7.7156,0,0,1-2.797,5.04726,6.88416,6.88416,0,0,1-5.532,1.53523,6.16477,6.16477,0,0,1-4.487-3.51976,5.12943,5.12943,0,0,1-.45073-2.90086,4.93808,4.93808,0,0,1,1.25924-2.65118,4.878,4.878,0,0,1,2.53622-1.47146,3.98856,3.98856,0,0,1,4.66889,2.79962,3.22105,3.22105,0,0,1-.56056,2.856,3.03354,3.03354,0,0,1-2.64432,1.19289,2.60133,2.60133,0,0,1-2.19731-1.84954.15862.15862,0,0,1,.10554-.19791.16217.16217,0,0,1,.19848.10811,2.274,2.274,0,0,0,1.9299,1.60673,2.69478,2.69478,0,0,0,2.32973-1.07621,2.85959,2.85959,0,0,0,.48333-2.53821,3.60094,3.60094,0,0,0-4.2276-2.50619,4.52763,4.52763,0,0,0-3.44625,3.78859,4.6793,4.6793,0,0,0,.43128,2.65062,5.69105,5.69105,0,0,0,4.1601,3.22489,6.3767,6.3767,0,0,0,5.11047-1.4603,7.16992,7.16992,0,0,0,2.57139-4.70492,8.03664,8.03664,0,0,0-1.34647-5.22372,8.83494,8.83494,0,0,0-1.85154-2.02057A8.61315,8.61315,0,0,0,166.5503,9.8005a9.70049,9.70049,0,0,0-5.41506-.22165,24.06486,24.06486,0,0,0-5.19826,2.03029c-1.65592.87-3.206,1.94964-4.8831,2.918a20.571,20.571,0,0,1-2.618,1.29013,9.6677,9.6677,0,0,1-2.92975.687,7.77273,7.77273,0,0,1-3.02241-.36979,5.67942,5.67942,0,0,1-2.59942-1.70911,3.74608,3.74608,0,0,1-.75017-1.47546,2.75458,2.75458,0,0,1,.149-1.70854,2.53279,2.53279,0,0,1,1.158-1.27554,2.49231,2.49231,0,0,1,1.6868-.22222,2.42232,2.42232,0,0,1,1.41454.89173,2.02244,2.02244,0,0,1,.39954,1.61274,1.85614,1.85614,0,0,1-.95123,1.31587,1.21059,1.21059,0,0,1-.83911.11668,1.41954,1.41954,0,0,1-.68439-.4247.1478.1478,0,0,1,.20363-.21364Z"/><path fill="rgb(93 151 161)" class="a" d="M138.92048,13.15329H2.80413c-.54342,0-.98388-.31193-.98388-.69647s.44046-.69623.98388-.69623H138.92048c.54342,0,.98388.31168.98388.69623S139.4639,13.15329,138.92048,13.15329Z"/><path fill="rgb(93 151 161)" class="a" d="M5.0332,12.45682A2.5166,2.5166,0,1,1,2.51647,9.9411,2.51677,2.51677,0,0,1,5.0332,12.45682Z"/><path fill="rgb(93 151 161)" class="a" d="M205.49618,13.15329H341.61254c.54342,0,.98388-.31193.98388-.69647s-.44046-.69623-.98388-.69623H205.49618c-.54342,0-.98387.31168-.98387.69623S204.95276,13.15329,205.49618,13.15329Z"/><path fill="rgb(93 151 161)" class="a" d="M339.38347,12.45682a2.5166,2.5166,0,1,0,2.51672-2.51572A2.51677,2.51677,0,0,0,339.38347,12.45682Z"/></svg>');
    background-repeat: no-repeat;
    background-size: contain
}

.pos8b {
    padding: 40px 0px 15px
}

@media all and (max-width: 800px) {
    .pos8b {
        padding: 25px 0px 30px
    }
}

.page_title .block_title {
    margin-bottom: 15px
}

.page_title .block_title h1 {
    font-size: 32px
}

@media all and (max-width: 800px) {
    .page_title .block_title h1 {
        font-size: 26px
    }
}

@media all and (max-width: 650px) {
    .page_title .block_title h1 {
        font-size: 22px
    }
}

@media all and (max-width: 500px) {
    .page_title .block_title h1 {
        font-size: 20px
    }
}

.page_title .block_title .icon1,
.page_title .block_title .icon2 {
    background-size: auto
}

.more_block .list_title {
    padding: 15px 0px
}

.pos6 {
    padding-top: 60px
}

@media only screen and (max-width: 700px) {
    .pos6 {
        padding-top: 40px
    }
}

.pos6 .container {
    padding-bottom: 40px;
    border-bottom: 1px solid #ddd
}

@media only screen and (max-width: 700px) {
    .pos6 .container {
        padding-bottom: 30px
    }
}

.pos6 .block_proces {
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center
}

.pos6 .block_title .icon1 {
    background: url(https://bocauexpress.com/templates/bocau/images/icon.svg);
    background-repeat: no-repeat;
    background-size: contain
}

.pos15 {
    background: #f6f6f6;
    padding-top: 20px
}

@media all and (max-width: 600px) {
    .pos15 {
        padding-top: 0px
    }
}

.pos14 {
    overflow: hidden;
    padding: 60px 0px 130px
}

@media all and (max-width: 800px) {
    .pos14 {
        padding: 45px 0px 35px
    }
}

@media only screen and (max-width: 768px) {
    .pos14 {
        padding: 40px 0px 30px
    }
}

.pos14 .block_newslist {
    padding: 0px 0px 70px;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat
}

.pos14 .block_title {
    float: left;
    font-size: 28px;
    color: var(--main-color)
}

.pos7,
.pos15,
.poss1 {
    position: relative
}

.pos7 .icon_p,
.pos15 .icon_p,
.poss1 .icon_p {
    position: absolute;
    top: -130px;
    width: 100%;
    left: 0px;
    z-index: -1;
    overflow: hidden
}

@media screen and (min-width: 1700px) {

    .pos7 .icon_p,
    .pos15 .icon_p,
    .poss1 .icon_p {
        top: -125px
    }
}

@media all and (max-width: 800px) {

    .pos7 .icon_p,
    .pos15 .icon_p,
    .poss1 .icon_p {
        top: -80px
    }
}

@media all and (max-width: 500px) {

    .pos7 .icon_p,
    .pos15 .icon_p,
    .poss1 .icon_p {
        top: -21vw
    }
}

.pos7 .icon_p svg,
.pos15 .icon_p svg,
.poss1 .icon_p svg {
    height: 141px
}

@media screen and (min-width: 1700px) {

    .pos7 .icon_p svg,
    .pos15 .icon_p svg,
    .poss1 .icon_p svg {
        width: 100%
    }
}

@media all and (max-width: 500px) {

    .pos7 .icon_p svg,
    .pos15 .icon_p svg,
    .poss1 .icon_p svg {
        height: 23vw
    }
}

.pos7 .icon_p .a,
.pos15 .icon_p .a,
.poss1 .icon_p .a {
    fill: #f6f6f6;
    fill-rule: evenodd
}

.pos4 .block_title {
    padding-bottom: 10px;
    margin-bottom: 20px
}

.pos7 {
    background: #f6f6f6;
    padding-top: 0px;
    position: relative
}

.pos7 .container {
    padding-bottom: 35px;
    border-bottom: 1px solid #ddd
}

@media all and (max-width: 450px) {
    .pos7 .container {
        padding-bottom: 20px
    }
}

.pos7 .block_title {
    text-align: left;
    margin-bottom: 20px;
    padding-left: 40px;
    position: relative
}

.pos7 .block_title:before {
    width: 31px;
    height: 31px;
    top: 0px;
    left: 0px;
    background-size: contain;
    background-repeat: no-repeat;
    content: '';
    background: url('data:image/svg+xml;utf8,<svg version="1.1" width="30px" height="30px" fill="rgb(236 33 35)" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 310 310" style="enable-background:new 0 0 310 310;" xml:space="preserve"><g id="XMLID_822_"><path id="XMLID_823_" d="M297.917,64.645c-11.19-13.302-31.85-18.728-71.306-18.728H83.386c-40.359,0-61.369,5.776-72.517,19.938 C0,79.663,0,100.008,0,128.166v53.669c0,54.551,12.896,82.248,83.386,82.248h143.226c34.216,0,53.176-4.788,65.442-16.527 C304.633,235.518,310,215.863,310,181.835v-53.669C310,98.471,309.159,78.006,297.917,64.645z M199.021,162.41l-65.038,33.991 c-1.454,0.76-3.044,1.137-4.632,1.137c-1.798,0-3.592-0.484-5.181-1.446c-2.992-1.813-4.819-5.056-4.819-8.554v-67.764 c0-3.492,1.822-6.732,4.808-8.546c2.987-1.814,6.702-1.938,9.801-0.328l65.038,33.772c3.309,1.718,5.387,5.134,5.392,8.861 C204.394,157.263,202.325,160.684,199.021,162.41z"/></g></svg>');
    background-repeat: no-repeat;
    position: absolute
}

.pos7_c {
    padding-bottom: 20px;
    margin-top: -113px;
    position: relative
}

@media all and (max-width: 850px) {
    .pos7_c {
        margin-top: -13.294vw
    }
}

@media all and (max-width: 650px) {
    .pos7_c {
        margin-top: -18.294vw
    }
}

.pos7_c .wrap_item7 {
    display: flex;
    flex-wrap: wrap;
    margin: 0px -10px
}

@media all and (max-width: 862px) {
    .pos7_c .wrap_item7 {
        margin: 0px
    }
}

.pos7_c .wrap_item7 .item_l {
    width: calc(57% - 20px);
    margin: 0px 10px
}

@media all and (max-width: 862px) {
    .pos7_c .wrap_item7 .item_l {
        width: 100%;
        margin: 0px 0px 20px
    }
}

.pos7_c .wrap_item7 .item_r {
    width: calc(43% - 20px);
    margin: 0px 10px;
    display: flex;
    align-items: center
}

.pos7_c .wrap_item7 .item_r .app_item {
    display: flex;
    align-items: center;
    margin: 0px -5px
}

.pos7_c .wrap_item7 .item_r .app_item a {
    display: inline-block;
    margin: 0px 5px
}

.pos7_c .wrap_item7 .item_r .app_item a img {
    height: auto
}

@media all and (max-width: 862px) {
    .pos7_c .wrap_item7 .item_r {
        width: 100%;
        margin: 0px 0px 0px;
        justify-content: center
    }
}

.pos7_c .wrap_item7 .item_r .block_title {
    text-align: left;
    margin-bottom: 0px;
    font-size: 22px;
    padding: 15px;
    background: var(--main-color);
    color: #fff;
    line-height: 1;
    padding-left: 28px
}

.pos2 .block_strengths {
    padding: 80px 0px;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center
}

.pos2 .block_title {
    padding-top: 50px
}

.pos2 .block_title:before {
    position: absolute;
    top: 0px;
    left: 50%;
    transform: translate(-50%, 0px);
    content: '';
    background-image: url("https://bocauexpress.com/templates/bocau/images/icon_top.png");
    width: 266px;
    height: 26px;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center
}

.poss1 {
    overflow: hidden;
    background: #f6f6f6;
    padding: 40px 0px 75px
}

@media all and (max-width: 768px) {
    .poss1 {
        padding: 40px 0px
    }
}

@media all and (max-width: 450px) {
    .poss1 {
        padding: 25px 0px 20px
    }
}

.poss1 .block_strengths {
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    padding-bottom: 90px;
    padding-top: 70px;
    position: relative
}

@media all and (max-width: 900px) {
    .poss1 .block_strengths {
        padding-bottom: 9vw;
        padding-top: 50px
    }
}

.poss1 .wrapper_poss1 {
    display: flex;
    flex-wrap: wrap;
    margin: 0px -15px
}

@media all and (max-width: 768px) {
    .poss1 .wrapper_poss1 {
        margin: 0px -5px
    }
}

.poss1 .wrapper_poss1 .block {
    width: calc(50% - 30px);
    margin: 0px 15px
}

@media all and (max-width: 768px) {
    .poss1 .wrapper_poss1 .block {
        width: calc(50% - 10px);
        margin: 0px 5px
    }
}

@media only screen and (max-width: 650px) {
    .poss1 .wrapper_poss1 .block {
        width: 100%;
        margin: 0px 0px 10px
    }
}

@media only screen and (max-width: 650px) {
    .poss1 .wrapper_poss1 .block_testimonials {
        margin-bottom: 30px
    }
}

.poss1 .block_title {
    padding-top: 0px;
    text-align: left;
    font-size: 24px;
    padding-bottom: 15px
}

@media all and (max-width: 768px) {
    .poss1 .block_title {
        font-size: 22px
    }
}

@media all and (max-width: 500px) {
    .poss1 .block_title {
        font-size: 20px
    }
}

.poss1 .block_title:after {
    position: absolute;
    bottom: 0px;
    left: 0px;
    background: var(--extra-color);
    height: 2px;
    width: 40px;
    content: ''
}

.poss1 .block_title .icon2 {
    display: none
}

.savic_history .block_title .text_inner span {
    display: block;
    margin-bottom: 5px
}

.savic_history .block_title .icon2 {
    display: none
}

.block_title {
    text-align: center;
    font-size: 28px;
    font-weight: 700;
    color: var(--main-color);
    text-transform: uppercase;
    position: relative;
    margin-bottom: 26px;
    line-height: 1.1
}

.block_title font {
    color: var(--extra-color)
}

.block_title h2 {
    font-weight: normal;
    font-size: 32px
}

@media all and (max-width: 800px) {
    .block_title h2 {
        font-size: 26px
    }
}

@media all and (max-width: 650px) {
    .block_title h2 {
        font-size: 22px
    }
}

@media all and (max-width: 500px) {
    .block_title h2 {
        font-size: 20px
    }
}

.block_title a {
    color: var(--main-color)
}

@media all and (max-width: 800px) {
    .block_title {
        margin-bottom: 20px;
        font-size: 26px
    }
}

@media all and (max-width: 650px) {
    .block_title {
        font-size: 22px
    }
}

@media all and (max-width: 500px) {
    .block_title {
        font-size: 20px
    }
}

.block_summary {
    text-align: center;
    text-transform: initial;
    color: #a7a7a7;
    font-size: 18px;
    font-family: 'Montserrat';
    margin-bottom: 25px
}

@media all and (max-width: 768px) {
    .block_summary {
        margin-top: 5px;
        padding: 0px 10px;
        font-size: 16px
    }
}

.bg_white {
    background: #fff
}

.share_ {
    float: right;
    margin-top: 18px;
    padding: 0px 20px 0px 0px;
    position: relative
}

.share_:after {
    content: '';
    position: absolute;
    right: 0px;
    height: 80%;
    width: 1px;
    top: 50%;
    transform: translateY(-50%);
    background-color: var(--border-color)
}

.button_open_search {
    display: grid;
    position: absolute;
    left: 10px;
    top: 36px
}

.button_open_search svg {
    width: 20px;
    height: 20px
}

@media all and (min-width: 768px) {
    .button_open_search {
        display: none
    }
}

@media all and (max-width: 500px) {
    .button_open_search {
        top: 20px
    }
}

.bl_search {
    width: 250px;
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%)
}

@media all and (max-width: 1180px) {
    .bl_search {
        left: 10px
    }
}

@media all and (max-width: 767px) {
    .bl_search {
        position: static;
        width: 100%;
        transform: translateY(0);
        padding-bottom: 5px;
        display: none
    }
}

.search_ {
    position: relative;
    float: right;
    z-index: 100;
    border-radius: 5px;
    margin: 16px 0px 0px 0px;
    box-sizing: border-box;
    height: 36px
}

.search_m {
    position: absolute;
    top: 50%;
    right: 50%;
    transform: translate(50%, -50%);
    border-radius: 5px;
    width: 50%
}

@media all and (min-width: 1025px) {
    .search_m {
        display: none
    }
}

@media all and (max-width: 700px) {
    .search_m {
        width: calc(100% - 130px);
        right: 48%
    }
}

.bl_hotline {
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
    line-height: 22px
}

@media all and (max-width: 1180px) {
    .bl_hotline {
        right: 10px
    }
}

.bl_hotline svg {
    width: 30px;
    height: 30px;
    position: absolute;
    top: 50%;
    right: calc(100% + 10px);
    transform: translateY(-50%);
    animation: 1s ease-in-out 0s normal none infinite running suntory-alo-circle-img-anim
}

.bl_hotline div {
    text-align: left
}

.bl_hotline .hotline_top {
    color: var(--main-color);
    text-transform: uppercase
}

.bl_hotline a {
    font-weight: 700;
    font-size: 18px;
    position: relative
}

@media all and (max-width: 1024px) {
    .bl_hotline {
        display: none
    }
}

.pos_footer {
    margin-top: 25px;
    overflow: hidden
}

@media all and (max-width: 600px) {
    .pos_footer {
        margin-top: 0
    }
}

.pos_footer .container {
    background: #fff;
    padding: 0 16px;
    box-sizing: border-box;
    padding-top: 1px
}

.pos_footer .block_title {
    padding: 15px 0;
    border-bottom: 1px solid #a7a7a7;
    margin-bottom: 30px;
    position: relative
}

@media all and (max-width: 600px) {
    .pos_footer .block_title {
        margin-bottom: 15px
    }
}

.pos_footer .block_title:after {
    content: "";
    width: 24px;
    height: 3px;
    background: var(--main-color);
    position: absolute;
    bottom: 0px;
    left: 0px
}

.pos_footer .block {
    margin-top: 25px
}

@media all and (max-width: 600px) {
    .pos_footer .block {
        margin-top: 0
    }
}

.pos_footer .block_videos .title_icon,
.pos_footer .block_testimonials .title_icon {
    display: block;
    width: 40px;
    height: 20px;
    float: left
}

.pos_footer .block_videos .title_icon:before,
.pos_footer .block_testimonials .title_icon:before {
    content: '';
    position: absolute;
    width: 8px;
    height: 8px;
    top: 5px;
    z-index: 99;
    left: 9px;
    background: var(--main-color);
    -webkit-clip-path: polygon(0 0, 0% 100%, 100% 50%);
    clip-path: polygon(0 0, 0% 100%, 100% 50%)
}

.pos_footer .block_videos .title_icon i,
.pos_footer .block_testimonials .title_icon i {
    position: absolute;
    content: ' ';
    width: 20px;
    height: 14px;
    top: 0px;
    left: 0px;
    border-radius: 3px;
    border: 2px solid var(--main-color);
    z-index: 10
}

.back_poss1 {
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center
}

.pos8 .container {
    padding: 50px 0 60px;
    position: relative
}

@media all and (max-width: 1024px) {
    .pos8 .container {
        padding: 50px 10px 60px
    }
}

@media all and (max-width: 768px) {
    .pos8 .container {
        padding: 50px 10px 30px
    }
}

@media all and (max-width: 500px) {
    .pos8 .container {
        padding: 50px 10px 10px
    }
}

.pos8 .container .icon_p {
    transition: 0.1s all ease;
    position: absolute;
    z-index: -1
}

.pos8 .container .icon_p svg {
    fill: #fff;
    filter: drop-shadow(0px 0px 10px #eee)
}

.pos8 .container .icon_bc1 {
    right: -70px;
    top: -100px;
    top: 1000px;
    transition: 2s all ease
}

@media all and (max-width: 1170px) {
    .pos8 .container .icon_bc1 {
        right: -5.983vw
    }
}

.pos8 .container .icon_bc1 svg {
    width: 800px;
    height: 800px
}

@media all and (max-width: 1170px) {
    .pos8 .container .icon_bc1 svg {
        width: 68.376vw;
        height: 68.376vw
    }
}

.pos8 .container .icon_bc2 {
    top: 120%;
    left: 30%;
    transform: translate(-30%, -120%);
    transition: 1.5s all ease
}

.pos8 .container .icon_bc2 svg {
    width: 300px;
    height: 300px
}

@media all and (max-width: 1170px) {
    .pos8 .container .icon_bc2 svg {
        width: 25.641vw;
        height: 25.641vw
    }
}

.pos8 .container .icon_bc3 {
    transition: 1s all ease;
    top: 110%;
    left: 0%;
    transform: translate(0%, -110%)
}

.pos8 .container .icon_bc3 svg {
    width: 200px;
    height: 200px
}

@media all and (max-width: 1170px) {
    .pos8 .container .icon_bc3 svg {
        width: 17.094vw;
        height: 17.094vw
    }
}

.pos8.hello .icon_p {
    opacity: 1
}

.pos8.hello .icon_bc1 {
    top: -100px
}

@media all and (max-width: 1170px) {
    .pos8.hello .icon_bc1 {
        top: -8.547vw
    }
}

.pos8.hello .icon_bc2 {
    top: 70%;
    transform: translate(-30%, -70%)
}

@media all and (max-width: 600px) {
    .pos8.hello .icon_bc2 {
        top: 20%;
        transform: translate(-30%, -20%)
    }
}

.pos8.hello .icon_bc3 {
    top: 80%;
    transform: translate(0%, -80%)
}

@media all and (max-width: 600px) {
    .pos8.hello .icon_bc3 {
        top: 30%;
        transform: translate(0%, -30%)
    }
}

.share {
    float: left;
    width: 25%
}

@media all and (max-width: 600px) {
    .share {
        width: 100%
    }
}

.form_dk_ {
    min-height: 440px;
    position: relative
}

.form_dk_:after {
    content: '';
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0px;
    top: 0px;
    background-color: #f37d2cd6
}

.form_dk_ .container {
    position: relative
}

.form_dk_ .form_left {
    width: 45%;
    position: relative;
    z-index: 2;
    height: 100%;
    float: left;
    margin-top: 30px
}

@media all and (max-width: 500px) {
    .form_dk_ .form_left {
        display: none
    }
}

.form_dk_ .form_left .bgr_tv {
    width: 310px;
    height: 410px;
    background-image: url("https://bocauexpress.com/templates/bocau/images/tu-van.png");
    background-size: cover;
    margin: 0px auto
}

.form_dk_ .form_right {
    width: 55%;
    position: absolute;
    z-index: 2;
    right: 0;
    top: 50%;
    transform: translateY(-50%)
}

@media all and (max-width: 500px) {
    .form_dk_ .form_right {
        width: 100%;
        position: relative;
        z-index: 2;
        transform: translateY(0);
        padding-top: 40px
    }
}

.form_dk_ .form_right .form_fast .content_ {
    position: relative;
    padding-bottom: 60px;
    margin: 0px;
    line-height: 30px
}

.form_dk_ .form_right .form_fast .content_::after {
    content: '';
    width: 128px;
    height: 21px;
    position: absolute;
    background-image: url("https://bocauexpress.com/templates/bocau/images/after_content.png");
    background-size: cover;
    left: 50%;
    transform: translateX(-50%);
    bottom: 25px
}

.form_dk_ .form_right .form_fast .content_ span {
    font-size: 30px;
    color: #ffffff;
    position: relative;
    text-transform: uppercase;
    font-weight: 700;
    padding-left: 0px
}

@media all and (max-width: 700px) {
    .form_dk_ .form_right .form_fast .content_ span {
        font-size: 26px
    }
}

.form_dk_ .form_right .form_fast .bor_form {
    width: 75%;
    margin: 0px auto
}

@media all and (max-width: 500px) {
    .form_dk_ .form_right .form_fast .bor_form {
        width: 100%
    }
}

.form_dk_ .form_right .form_fast .bor_form form {
    width: 100%
}

.form_dk_ .form_right .form_fast .bor_form form .buy_fast_body table {
    width: 100%
}

.form_dk_ .form_right .form_fast .bor_form form .buy_fast_body table tr td {
    border-bottom: 0px;
    padding-top: 0px
}

.form_dk_ .form_right .form_fast .bor_form form .buy_fast_body table tr td input {
    height: 38px;
    background-color: #fff;
    margin-bottom: 15px;
    border-radius: 5px;
    color: #000
}

.form_dk_ .form_right .form_fast .bor_form form .buy_fast_body .button-buy-fast {
    width: 190px;
    border: none;
    color: white;
    background-color: var(--extra-color);
    cursor: pointer;
    line-height: 40px;
    margin: 0px;
    padding-left: 0px;
    margin-top: 40px;
    border-radius: 20px;
    font-size: 14px;
    position: relative;
    transition: 0.5s;
    left: 50%;
    transform: translateX(-50%);
    outline: none
}

@media all and (max-width: 500px) {
    .form_dk_ .form_right .form_fast .bor_form form .buy_fast_body .button-buy-fast {
        margin-top: 30px
    }
}

.before_ft {
    background-color: var(--main-color)
}

.before_ft .cskh_inner {
    display: flex;
    flex-wrap: wrap;
    padding: 25px 0px
}

.before_ft .cskh_inner .item_kh_left {
    width: 24%;
    float: left;
    position: relative
}

.before_ft .cskh_inner .item_kh_left span {
    font-size: 18px;
    color: #fff;
    text-transform: uppercase;
    position: absolute;
    top: 50%;
    left: 0;
    transform: translateY(-50%);
    font-weight: 700
}

@media all and (max-width: 1100px) {
    .before_ft .cskh_inner .item_kh_left span {
        position: initial
    }
}

@media all and (max-width: 1100px) {
    .before_ft .cskh_inner .item_kh_left {
        width: 100%;
        float: none;
        text-align: center;
        margin-bottom: 20px
    }
}

.before_ft .cskh_inner .item_kh_center {
    width: 54%;
    float: left;
    display: flex;
    flex-wrap: wrap
}

.before_ft .cskh_inner .item_kh_center svg {
    width: 8px;
    height: 14px;
    fill: #fff
}

.before_ft .cskh_inner .item_kh_center .kh_inner {
    position: relative;
    float: left;
    margin-right: 20px;
    border-right: 1px solid #ffffff57;
    box-sizing: border-box;
    padding: 15px 0px;
    font-size: 16px;
    color: #fff;
    line-height: 24px
}

@media all and (min-width: 1101px) {
    .before_ft .cskh_inner .item_kh_center .kh_inner:first-child {
        width: calc(30% - 20px)
    }

    .before_ft .cskh_inner .item_kh_center .kh_inner:nth-child(2) {
        width: calc(30% - 20px)
    }

    .before_ft .cskh_inner .item_kh_center .kh_inner:last-child {
        width: 40%;
        margin-right: 0px
    }
}

.before_ft .cskh_inner .item_kh_center .kh_inner span {
    font-size: 16px;
    font-weight: 700
}

.before_ft .cskh_inner .item_kh_center .kh_inner a:hover {
    color: #fff;
    text-decoration: underline
}

@media all and (max-width: 1100px) {
    .before_ft .cskh_inner .item_kh_center .kh_inner {
        width: calc(100%/3);
        float: none;
        text-align: center;
        margin-right: 0px;
        padding: 5px 0px
    }

    .before_ft .cskh_inner .item_kh_center .kh_inner:nth-child(3) {
        border-right: 0px
    }
}

@media all and (max-width: 500px) {
    .before_ft .cskh_inner .item_kh_center .kh_inner {
        width: 50%
    }

    .before_ft .cskh_inner .item_kh_center .kh_inner:nth-child(3) {
        display: none
    }

    .before_ft .cskh_inner .item_kh_center .kh_inner:nth-child(2) {
        border-right: 0px
    }
}

@media all and (max-width: 1100px) {
    .before_ft .cskh_inner .item_kh_center {
        width: 100%;
        float: none
    }
}

.before_ft .cskh_inner .item_kh_right {
    width: 22%;
    float: left;
    position: relative
}

.before_ft .cskh_inner .item_kh_right .dk {
    position: absolute;
    top: 50%;
    right: 0;
    transform: translateY(-50%)
}

.before_ft .cskh_inner .item_kh_right .dk font {
    border: 1px solid #fff
}

@media all and (max-width: 1100px) {
    .before_ft .cskh_inner .item_kh_right .dk {
        position: initial
    }
}

@media all and (max-width: 1100px) {
    .before_ft .cskh_inner .item_kh_right {
        width: 100%;
        float: none;
        text-align: center;
        margin-top: 40px
    }
}

.button_next {
    text-align: center;
    margin: 0px auto;
    margin-top: 10px;
    display: flex;
    justify-content: center
}

@media all and (max-width: 500px) {
    .button_next {
        margin-top: 15px
    }
}

.button_next a {
    display: flex;
    width: 192px;
    height: 40px;
    background-repeat: no-repeat;
    background-size: cover;
    font-size: 15px;
    text-transform: uppercase;
    color: #fff;
    align-items: center;
    justify-content: center;
    transition: 0.5s all ease;
    border: 1px solid #fff;
    border-radius: 5px;
    background: var(--other-color)
}

@media all and (max-width: 500px) {
    .button_next a {
        width: 175px;
        height: 40px;
        background-size: contain;
        letter-spacing: 1px
    }
}

.button_next a:hover {
    color: var(--extra-color);
    border: 1px solid var(--extra-color);
    background: transparent
}

.btn_bigs a {
    background-image: url("https://bocauexpress.com/templates/bocau/images/icon_big1.png");
    width: 306px;
    letter-spacing: 1px
}

@media all and (max-width: 500px) {
    .btn_bigs a {
        height: 43px;
        width: 220px
    }
}

.btn_bigs a:hover {
    color: #fff;
    background-image: url("https://bocauexpress.com/templates/bocau/images/icon_bighv.png")
}

.footer_back {
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center
}

footer {
    font-size: 14px;
    position: relative;
    width: 100%;
    overflow: hidden;
    color: #000
}

footer a {
    color: #000
}

@media all and (max-width: 800px) {
    footer {
        padding: 0px 0 0px
    }
}

@media all and (max-width: 600px) {
    footer {
        padding: 0px 0 0px
    }
}

footer .delec {
    text-align: right
}

footer .delec a {
    color: #000
}

footer .footer_top {
    display: flex;
    flex-wrap: wrap;
    font-size: 16px;
    padding: 20px 0px;
    border-bottom: 1px solid #bdbdbd;
    box-sizing: border-box
}

footer .footer_top span {
    color: var(--main-color)
}

footer .footer_top .logo_footer {
    width: 13%;
    float: left
}

footer .footer_top .logo_footer .logo_inner {
    padding-right: 15px
}

@media all and (max-width: 800px) {
    footer .footer_top .logo_footer {
        width: 100%;
        text-align: center;
        margin-bottom: 20px
    }

    footer .footer_top .logo_footer .logo_inner {
        padding-right: 0px
    }
}

@media all and (max-width: 500px) {
    footer .footer_top .logo_footer {
        margin-bottom: 15px
    }
}

footer .footer_top .contact_ {
    width: 100%;
    padding: 10px 0px;
    text-align: center;
    font-weight: 700;
    font-size: 18px;
    color: var(--main-color);
    background-color: #fbfbfb;
    border: 1px solid #eaeaea;
    border-radius: 10px 10px 0px 0px;
    color: var(--main-color)
}

@media all and (min-width: 501px) {
    footer .footer_top .contact_ {
        display: none
    }
}

footer .footer_top .info_footer {
    width: 43%;
    float: left;
    border-left: 1px solid #bdbdbd;
    box-sizing: border-box
}

footer .footer_top .info_footer .info_inner {
    margin: 0px 15px
}

footer .footer_top .info_footer .info_inner p {
    margin-bottom: 8px;
    position: relative
}

footer .footer_top .info_footer .info_inner p svg {
    width: 20px;
    height: 20px;
    fill: var(--main-color);
    display: block;
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%)
}

@media all and (min-width: 501px) {
    footer .footer_top .info_footer .info_inner p svg {
        display: none
    }
}

@media all and (max-width: 500px) {
    footer .footer_top .info_footer .info_inner p {
        padding-left: 25px;
        box-sizing: border-box;
        margin-bottom: 12px
    }
}

@media all and (max-width: 800px) {
    footer .footer_top .info_footer {
        border-left: 0px
    }
}

@media all and (max-width: 600px) {
    footer .footer_top .info_footer {
        width: 100%;
        margin-bottom: 20px
    }
}

@media all and (max-width: 500px) {
    footer .footer_top .info_footer {
        border: 1px solid #eaeaea;
        border-width: 0px 1px 0px;
        padding: 20px 0px 0px;
        margin-bottom: 0px
    }
}

footer .footer_top .product_location {
    width: 22%;
    float: left;
    border-left: 1px solid #bdbdbd;
    box-sizing: border-box
}

footer .footer_top .product_location .location_inner {
    margin: 0px 15px;
    height: 100%
}

@media all and (min-width: 501px) {
    footer .footer_top .product_location .location_inner svg {
        display: none
    }
}

@media all and (max-width: 500px) {
    footer .footer_top .product_location .location_inner {
        position: relative;
        padding-left: 25px;
        box-sizing: border-box
    }

    footer .footer_top .product_location .location_inner svg {
        display: block;
        width: 20px;
        height: 20px;
        position: absolute;
        left: 0px;
        top: 50%;
        transform: translateY(-50%);
        fill: var(--main-color)
    }
}

@media all and (max-width: 600px) {
    footer .footer_top .product_location {
        width: 50%
    }

    footer .footer_top .product_location:first-child {
        border-left: 0px
    }
}

@media all and (max-width: 500px) {
    footer .footer_top .product_location {
        width: 100%;
        border: 1px solid #eaeaea;
        border-width: 0px 1px;
        padding-bottom: 12px
    }

    footer .footer_top .product_location p {
        display: inline
    }

    footer .footer_top .product_location:last-child {
        border-width: 0px 1px 1px;
        border-radius: 0px 0px 10px 10px;
        padding-bottom: 20px
    }
}

@media all and (max-width: 500px) {
    footer .footer_top {
        padding-bottom: 0px;
        border-bottom: 0px;
        padding-top: 15px;
        font-size: 14px
    }
}

footer .footer_bottom {
    display: flex;
    flex-wrap: wrap;
    margin-top: 60px
}

@media all and (max-width: 900px) {
    footer .footer_bottom {
        margin-bottom: 20px
    }
}

footer .footer_bottom .footer_bottom_l {
    width: 100%;
    position: relative;
    background: var(--main-color);
    padding: 30px 0px
}

footer .footer_bottom .footer_bottom_l .footer_itm {
    display: flex;
    flex-wrap: wrap;
    align-items: center
}

@media all and (max-width: 600px) {
    footer .footer_bottom .footer_bottom_l .footer_itm {
        display: block
    }
}

@media all and (max-width: 1024px) {
    footer .footer_bottom .footer_bottom_l {
        width: calc(100%/3*2)
    }
}

@media all and (max-width: 768px) {
    footer .footer_bottom .footer_bottom_l {
        width: 100%;
        margin-bottom: 20px
    }
}

footer .footer_bottom .footer_bottom_l .company_footer {
    width: 128px
}

@media all and (max-width: 600px) {
    footer .footer_bottom .footer_bottom_l .company_footer {
        width: 100px
    }
}

footer .footer_bottom .footer_bottom_c2 {
    width: 25%;
    float: left
}

footer .footer_bottom .footer_bottom_c2 .menu_contact .title_contact {
    margin-bottom: 30px;
    display: block;
    font-size: 16px;
    text-transform: uppercase;
    color: #000;
    font-weight: 700
}

@media all and (max-width: 760px) {
    footer .footer_bottom .footer_bottom_c2 .menu_contact .title_contact {
        margin-bottom: 15px
    }
}

footer .footer_bottom .footer_bottom_c2 .title_a {
    font-size: 18px;
    font-weight: 700;
    margin-bottom: 20px;
    text-transform: uppercase;
    color: #fff
}

footer .footer_bottom .footer_bottom_c2 ul li {
    margin-bottom: 12px;
    color: #3e3e3e
}

footer .footer_bottom .footer_bottom_c2 ul li a {
    color: #3e3e3e
}

@media all and (max-width: 1024px) {
    footer .footer_bottom .footer_bottom_c2 {
        width: calc(100% / 3)
    }
}

@media all and (max-width: 768px) {
    footer .footer_bottom .footer_bottom_c2 {
        width: 100%;
        margin: 15px 0px 0px
    }
}

footer .footer_bottom .footer_bottom_c1 {
    width: 50%;
    float: left
}

@media all and (max-width: 900px) {
    footer .footer_bottom .footer_bottom_c1 {
        width: calc(50% - 10px);
        margin-right: 10px
    }
}

footer .footer_bottom .footer_bottom_c1 .title_a {
    font-size: 18px;
    font-weight: 700;
    margin-bottom: 20px;
    text-transform: uppercase;
    color: #fff
}

footer .footer_bottom .footer_bottom_c1 ul li {
    margin-bottom: 12px;
    color: #3e3e3e
}

footer .footer_bottom .footer_bottom_c1 ul li a {
    color: #3e3e3e
}

@media all and (max-width: 1024px) {
    footer .footer_bottom .footer_bottom_c1 {
        width: calc(100% / 2)
    }
}

@media all and (max-width: 768px) {
    footer .footer_bottom .footer_bottom_c1 {
        width: 100%;
        margin: 0px
    }
}

footer .footer_bottom .footer_bottom_r {
    width: 25%;
    float: left
}

@media all and (max-width: 1024px) {
    footer .footer_bottom .footer_bottom_r {
        display: none
    }
}

footer .footer_bottom .footer_bottom_r .image {
    margin-top: 10px
}

footer .footer_bottom .footer_bottom_r .block_title {
    margin-bottom: 20px;
    text-align: left
}

footer .footer_bottom .footer_bottom_r .block_title:before {
    display: none
}

footer .footer_bottom .footer_bottom_r .block_title a {
    font-size: 18px;
    font-weight: 700;
    text-transform: uppercase;
    color: #fff;
    display: grid
}

footer .footer_bottom .footer_bottom_r .block_title .block_summary {
    display: none
}

@media all and (max-width: 800px) {
    footer .footer_bottom {
        margin-top: 40px
    }
}

footer .left_itembtn {
    margin-bottom: 15px
}

footer .left_itembtn p:first-child {
    font-weight: 700;
    text-transform: uppercase;
    font-size: 16px
}

footer .info_bottom {
    text-align: center;
    background: #fff;
    padding: 0px 0px 15px
}

@media all and (max-width: 600px) {
    footer .info_bottom {
        padding-bottom: 5px
    }
}

footer .info_bottom .address_top {
    padding: 20px 0px;
    border-top: 1px solid #ddd;
    display: flex;
    flex-wrap: wrap;
    text-align: justify
}

footer .info_bottom .address_top .left_item {
    width: 30%
}

@media all and (max-width: 768px) {
    footer .info_bottom .address_top .left_item {
        width: 100%;
        margin-bottom: 20px
    }
}

@media all and (max-width: 600px) {
    footer .info_bottom .address_top .left_item {
        margin-bottom: 10px
    }
}

footer .info_bottom .address_top .left_item p:first-child {
    font-weight: 700;
    text-transform: uppercase
}

footer .info_bottom .address_top .center_item {
    width: calc(45% - 15px);
    margin-right: 15px;
    display: flex;
    align-items: center
}

@media all and (max-width: 768px) {
    footer .info_bottom .address_top .center_item {
        width: calc(60% - 15px);
        margin-right: 15px
    }
}

@media all and (max-width: 600px) {
    footer .info_bottom .address_top .center_item {
        width: 100%;
        margin: 0px 0px 15px
    }
}

footer .info_bottom .address_top .center_item a {
    width: 111px;
    display: inline-block
}

footer .info_bottom .address_top .center_item .text_bct {
    width: calc(100% - 121px);
    margin-left: 10px
}

footer .info_bottom .address_top .right_item {
    width: 25%;
    display: flex
}

@media all and (max-width: 768px) {
    footer .info_bottom .address_top .right_item {
        width: 40%
    }
}

@media all and (max-width: 600px) {
    footer .info_bottom .address_top .right_item {
        width: 100%
    }
}

footer .info_bottom .address_top .right_item a {
    display: inline-block;
    float: left;
    margin-left: 10px
}

footer .info_bottom .address_top .right_item a img {
    border-radius: 10px
}

footer .info_bottom .info_inner {
    display: flex;
    align-items: center;
    text-align: left;
    flex-wrap: wrap;
    padding-top: 20px;
    border-top: 1px solid #ddd
}

footer .info_bottom .info_inner .info_rightsm {
    color: #000;
    width: 45%
}

@media all and (max-width: 600px) {
    footer .info_bottom .info_inner .info_rightsm {
        width: 100%;
        margin-bottom: 10px;
        text-align: center
    }
}

footer .info_bottom .info_inner .info_rightsm span {
    display: block;
    color: #000
}

footer .info_bottom .info_inner .info_rightsm .design_web {
    color: #000
}

footer .info_bottom .info_inner .bl_tags {
    width: 55%;
    text-align: center
}

@media all and (max-width: 600px) {
    footer .info_bottom .info_inner .bl_tags {
        width: 100%;
        margin-bottom: 10px
    }
}

footer .info_bottom .info_inner .bl_tags a:hover {
    color: #eee
}

footer .info_bottom .info_inner .image {
    width: 15%;
    text-align: right
}

@media all and (max-width: 600px) {
    footer .info_bottom .info_inner .image {
        width: 100%;
        text-align: center
    }
}

footer .info_bottom .info_inner .text {
    width: 30%;
    display: inline-block;
    text-align: left;
    transform: translate(0, -5px)
}

@media all and (max-width: 600px) {
    footer .info_bottom .info_inner .text {
        width: 60%
    }
}

footer .info_bottom .info_inner .image {
    display: inline-block
}

footer .bl_share {
    position: relative
}

footer .bl_tags .bl_tags_left {
    float: left
}

footer .bl_tags .bl_tags_left h3 {
    text-transform: uppercase;
    color: #fff;
    font-size: 16px;
    margin-bottom: 5px
}

footer .bl_tags .bl_tags_left p {
    line-height: 20px
}

footer .bl_tags .bl_tags_right {
    float: right
}

footer .regions {
    width: 35%;
    padding-left: 50px;
    box-sizing: border-box;
    position: relative
}

@media all and (max-width: 800px) {
    footer .regions {
        width: 30%;
        padding-right: 10px;
        box-sizing: border-box
    }
}

@media all and (max-width: 600px) {
    footer .regions {
        width: 50%;
        padding-left: 0
    }
}

footer .info {
    width: 20%;
    float: left;
    box-sizing: border-box
}

@media all and (max-width: 800px) {
    footer .info {
        padding-left: 50px;
        width: 30%;
        padding-right: 10px;
        box-sizing: border-box
    }
}

@media all and (max-width: 600px) {
    footer .info {
        width: 50%;
        padding-left: 20px;
        padding-right: 0px
    }
}

footer .info h3 {
    text-transform: uppercase;
    margin-bottom: 20px;
    font-weight: 700;
    font-size: 15px
}

@media all and (max-width: 600px) {
    footer .info h3 {
        margin-bottom: 15px
    }
}

footer .info p {
    line-height: 18px;
    margin-bottom: 12px
}

@media all and (max-width: 600px) {
    footer .info p {
        line-height: 15px;
        margin-bottom: 10px
    }
}

.region_name {
    text-transform: uppercase;
    margin-top: 15px;
    text-decoration: underline
}

.footer_title {
    text-transform: uppercase;
    margin-bottom: 20px;
    font-weight: 700;
    font-size: 15px;
    color: #222
}

@media all and (max-width: 600px) {
    .footer_title {
        margin-bottom: 15px
    }
}

.address_regions ul {
    margin-top: 12px;
    color: #252525;
    position: relative
}

.address_regions ul li {
    position: relative;
    padding-left: 20px
}

.address_regions ul li svg {
    width: 15px;
    height: 15px;
    position: absolute;
    left: 0;
    fill: var(--main-color)
}

@media all and (max-width: 600px) {
    .address_regions ul {
        margin-top: 5px
    }
}

.address_regions ul:before {
    width: 9px;
    height: 20px;
    display: inline-block;
    margin-right: 10px;
    background: url('data:image/svg+xml;utf8,<svg aria-hidden="true" data-prefix="fas" data-icon="map-marker-alt" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 384 512" class="svg-inline--fa fa-map-marker-alt fa-w-12"><path fill="white" d="M172.268 501.67C26.97 291.031 0 269.413 0 192 0 85.961 85.961 0 192 0s192 85.961 192 192c0 77.413-26.97 99.031-172.268 309.67-9.535 13.774-29.93 13.773-39.464 0zM192 272c44.183 0 80-35.817 80-80s-35.817-80-80-80-80 35.817-80 80 35.817 80 80 80z" class=""></path></svg>');
    background-repeat: no-repeat;
    position: absolute;
    top: 2px;
    left: 0px
}

.address_regions ul li:nth-child(1) i {
    width: 9px;
    height: 20px;
    display: inline-block;
    margin-right: 10px;
    background: url('data:image/svg+xml;utf8,<svg aria-hidden="true" data-prefix="fas" data-icon="map-marker-alt" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 384 512" class="svg-inline--fa fa-map-marker-alt fa-w-12"><path fill="white" d="M172.268 501.67C26.97 291.031 0 269.413 0 192 0 85.961 85.961 0 192 0s192 85.961 192 192c0 77.413-26.97 99.031-172.268 309.67-9.535 13.774-29.93 13.773-39.464 0zM192 272c44.183 0 80-35.817 80-80s-35.817-80-80-80-80 35.817-80 80 35.817 80 80 80z" class=""></path></svg>');
    background-repeat: no-repeat;
    position: absolute;
    top: 4px;
    left: 0
}

.address_regions>span {
    margin-right: 10px
}

.share_fast i {
    width: 34px;
    height: 34px;
    display: inline-flex
}

.share_fast a {
    display: inline-flex;
    margin-right: 16px;
    margin-right: 9px;
    display: block;
    width: 35px;
    height: 35px;
    background: #3c3c3d;
    border-radius: 50%;
    padding: 6px;
    box-sizing: border-box;
    color: #FFF;
    text-align: center;
    -moz-transition: all 0.2s ease-in 0;
    -webkit-transition: all 0.2s ease-in;
    -webkit-transition-delay: 0;
    transition: all 0.2s ease-in 0;
    float: left
}

.share_fast a:hover {
    background: #5f5f60
}

.banner_top {
    text-align: center;
    background: var(--main-color);
    position: relative
}

.banner_top img {
    margin-bottom: -4px
}

.banner_top .close_banner_top {
    position: absolute;
    right: 30px;
    top: 50%;
    cursor: pointer;
    transform: translate(0, -50%)
}

.banner_top .close_banner_top svg {
    fill: #ccc;
    width: 20px;
    height: 20px
}

.banner_top .close_banner_top svg:hover {
    fill: red
}

.banner-off {
    display: none
}

#cfacebook a.chat_fb_openned:before {
    content: 'x';
    position: absolute;
    right: 10px;
    color: #fff
}

.home_pos_2 {
    margin: 0 -15px;
    margin-top: 16px
}

@media all and (max-width: 1200px) {
    .home_pos_2 {
        margin: 0 -10px;
        margin-top: 16px
    }
}

.home_pos_2 .item {
    width: calc(50% - 30px);
    margin: 0 15px;
    float: left
}

@media all and (max-width: 1200px) {
    .home_pos_2 .item {
        width: calc(50% - 20px);
        margin: 0 10px
    }
}

@media all and (max-width: 600px) {
    .home_pos_2 .item {
        width: calc(100% - 20px)
    }
}

.home_pos_2 .item img {
    width: 100%
}

.top1 {
    background-image: url("https://bocauexpress.com/templates/bocau/images/bg_top1.jpg");
    background-size: 100% 100%;
    padding: 35px 0 15px 35px
}

.number1 {
    color: #fff
}

.number1 .stt1 {
    display: inline-block;
    font-size: 60px;
    font-weight: 700;
    line-height: 60px;
    transform: scale(0.9, 1);
    text-shadow: 2px 2px #868686cc
}

@media all and (max-width: 600px) {
    .number1 .stt1 {
        font-size: 40px
    }
}

.number1 font {
    font-size: 45px;
    display: inline-block;
    font-weight: 700;
    line-height: 60px;
    margin: 0 3px;
    width: 65px;
    position: relative;
    height: 30px
}

@media all and (max-width: 600px) {
    .number1 font {
        width: 45px
    }
}

.number1 font:after {
    content: '';
    height: 90px;
    background-image: url("https://bocauexpress.com/templates/bocau/images/bg1.png");
    width: 65px;
    position: absolute;
    top: -30px;
    left: 0px;
    animation: 4s ease-in-out 0s normal none infinite running chang-rotage-anim-2-bh
}

@media all and (max-width: 600px) {
    .number1 font:after {
        background-size: 100% 100%;
        top: -8px;
        height: 55px;
        width: 40px
    }
}

.number1 .stt2 {
    display: inline-block;
    font-size: 22px;
    text-transform: uppercase;
    line-height: 25px;
    transform: scale(0.85, 1);
    text-shadow: 2px 2px #868686cc
}

@media all and (max-width: 600px) {
    .number1 .stt2 {
        font-size: 16px
    }
}

.countdown .number1 {
    color: #fff
}

@media all and (max-width: 800px) {
    .countdown .number1 {
        display: none
    }
}

.bot1 {
    margin-top: 16px;
    background-image: url("https://bocauexpress.com/templates/bocau/images/bgkm.jpg");
    background-size: 100% 100%;
    padding: 25px 15px 5px 15px;
    text-align: center
}

@media all and (max-width: 1250px) {
    .bot1 {
        margin-top: 0px
    }
}

@media all and (max-width: 800px) {
    .bot1 {
        margin-top: 5px
    }
}

@media all and (max-width: 600px) {
    .bot1 {
        margin-top: 0
    }
}

.bot1 span {
    display: inline-block;
    transform: skew(-10deg) scale(0.85, 1);
    color: #fff;
    font-weight: 700;
    font-size: 22px;
    padding: 12px 15px;
    background: #363435;
    margin-bottom: 12px;
    border-radius: 4px;
    margin-left: -35px
}

.bot1 .stt1 {
    text-transform: uppercase;
    position: relative
}

.bot1 .stt1:after {
    content: '';
    background: #cf0000;
    position: absolute;
    width: 80px;
    height: 20px;
    top: -20px;
    z-index: -65;
    -webkit-clip-path: polygon(100% 0, 0% 100%, 100% 100%);
    clip-path: polygon(100% 0, 0% 100%, 100% 100%);
    left: 00px
}

.bot1 .stt2 {
    background: #cf0000;
    margin-left: 5px;
    text-transform: uppercase;
    position: relative
}

.bot1 .stt2:after {
    content: '';
    background: #d1d1d1;
    position: absolute;
    width: 140px;
    height: 12px;
    top: -12px;
    z-index: -65;
    -webkit-clip-path: polygon(25% 0%, 100% 0%, 75% 100%, 0% 100%);
    clip-path: polygon(25% 0%, 100% 0%, 75% 100%, 0% 100%);
    left: 00px
}

.bot1 .stt3 {
    background: #cf0000;
    transform: skew(0deg) scale(0.95, 1);
    border-radius: unset;
    font-size: 22px;
    padding: 5px 15px;
    margin-left: 10px;
    margin-bottom: 6px
}

@media all and (max-width: 600px) {
    .bot1 .stt3 {
        margin-left: 0
    }
}

.bot1 .stt3 font {
    transform: skew(0deg) scale(0.85, 1);
    font-weight: normal;
    display: inline-block;
    margin-right: 10px;
    text-transform: uppercase
}

@media all and (min-width: 800px) {
    .banner-home-top .number1 font:after {
        animation: unset
    }
}

.time-dow-event .time {
    display: inline-block;
    margin: 3px;
    background: #f3f1f2;
    padding: 3px 0px;
    width: 56px
}

@media all and (max-width: 1200px) {
    .time-dow-event .time {
        width: 50px
    }
}

.time-dow-event .time_1 {
    font-weight: 700
}

.footer_l {
    width: 25%
}

@media all and (max-width: 1000px) {
    .footer_l {
        width: 100%
    }
}

.footer_r_w {
    width: 25%
}

.footer_r_w .block_title {
    padding: 0;
    text-transform: uppercase;
    margin-bottom: 30px;
    font-weight: 700;
    font-size: 15px;
    color: #222;
    background: none
}

.footer2 {
    background: #1b1b1b;
    color: #CCC;
    padding: 8px 0;
    text-align: center;
    border-top: 1px solid #7d7d7d
}

#menu-fixed-bar {
    z-index: 1000;
    position: absolute;
    width: 100%;
    top: calc(100% + 10px)
}

@media all and (max-width: 1024px) {
    #menu-fixed-bar {
        display: none
    }
}

#fixed-bar {
    position: fixed;
    bottom: 0;
    height: 45px;
    border-top: 2px #f2f2f2 solid;
    z-index: 999
}

#fixed-bar>div {
    float: left;
    max-width: 22%;
    cursor: pointer;
    text-align: center;
    text-transform: uppercase;
    font-size: 11px;
    width: 35px
}

#fixed-bar>div .wrap_icon {
    margin-top: 5px;
    margin-bottom: 3px
}

#fixed-bar>div .wrap_icon i {
    padding: 5px 15px
}

#fixed-bar .buy_now_bt .wrap_icon i {
    background-position: 0px -351px
}

#fixed-bar .call .wrap_icon i {
    background-position: -34px -351px
}

#fixed-bar #bar-inner .wrap_icon i {
    background-position: -64px -351px
}

.certified_bct {
    background-position: 0px -92px;
    content: ' ';
    height: 36px;
    display: block;
    margin-top: 11px;
    padding-top: 12px;
    width: 131px
}

.suntory-alo-phone {
    background-color: transparent;
    cursor: pointer;
    height: 100px;
    width: 100px;
    position: fixed;
    transition: visibility 0.5s ease 0s;
    z-index: 200000 !important;
    left: 0px;
    bottom: 4px
}

.suntory-alo-phone .text-support {
    background: center no-repeat #fff;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.6);
    width: 230px;
    position: absolute;
    bottom: 0px;
    left: 10px;
    padding: 6px 10px;
    font-size: 16px;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    border-radius: 7px;
    -webkit-transform-origin: 105% 80%;
    -ms-transform-origin: 105% 80%;
    transform-origin: 105% 80%;
    -webkit-transition: ease-out .12s all;
    -o-transition: ease-out .12s all;
    transition: ease-out .12s all;
    z-index: 10000
}

.suntory-alo-phone .text-support .text-support-inner {
    position: relative
}

.suntory-alo-phone .text-support .text-support-inner .close {
    position: absolute;
    width: 20px;
    height: 20px;
    padding: 0px 4px;
    background: var(--main-color);
    border-radius: 50%;
    box-sizing: border-box;
    display: inline-block;
    top: 0px;
    right: 0px
}

.suntory-alo-phone .text-support .text-support-inner .close svg {
    fill: #fff;
    width: 12px;
    height: 12px
}

.suntory-alo-phone #messangers-block-hide[type="checkbox"] {
    display: none;
    visibility: hidden;
    z-index: -1111111
}

.box_alos {
    position: relative
}

.box_alos .icon_line {
    width: 160px;
    top: 6px;
    position: absolute;
    left: 0px;
    cursor: pointer;
    animation: icon_line 5s infinite
}

.box_alos .icon_line label {
    cursor: pointer
}

.box_alos .icon_line span {
    display: inline-block;
    width: 40px;
    height: 40px;
    float: left;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 50%;
    background: #fff;
    margin: 0 6px
}

.box_alos .icon_line span svg {
    width: 24px;
    height: 24px;
    position: inherit;
    fill: var(--main-color)
}

@keyframes icon_line {
    0% {
        transform: translate(0px, 0px)
    }

    10% {
        transform: translate(0px, 0px)
    }

    20% {
        transform: translate(-52px, 0px)
    }

    30% {
        transform: translate(-52px, 0px)
    }

    40% {
        transform: translate(-104px, 0px)
    }

    50% {
        transform: translate(-104px, 0px)
    }

    60% {
        transform: translate(-52px, 0px)
    }

    70% {
        transform: translate(-52px, 0px)
    }

    80% {
        transform: translate(0px, 0px)
    }

    90% {
        transform: translate(0px, 0px)
    }
}

.messangers-block {
    background: center no-repeat #fff;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.6);
    width: 200px;
    position: absolute;
    bottom: 0px;
    left: 10px;
    padding: 5px 0;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    border-radius: 7px;
    -webkit-transform-origin: 105% 80%;
    -ms-transform-origin: 105% 80%;
    transform-origin: 105% 80%;
    -webkit-transition: ease-out .12s all;
    -o-transition: ease-out .12s all;
    transition: ease-out .12s all;
    z-index: 10000;
    transform: scale(0)
}

.messangers-block a,
.messangers-block .call-back {
    display: flex;
    line-height: 40px;
    align-items: center;
    position: relative;
    padding: 4px 20px 4px 60px
}

.messangers-block span {
    display: block;
    width: 40px;
    height: 40px;
    background: var(--main-color);
    text-align: center;
    vertical-align: middle;
    border-radius: 50%;
    position: absolute;
    left: 10px;
    top: 5px
}

.messangers-block span svg {
    width: 24px !important;
    height: 24px !important;
    vertical-align: middle;
    text-align: center;
    display: block;
    position: absolute;
    top: 50%;
    left: 50%;
    margin-top: -12px;
    margin-left: -12px;
    fill: #fff
}

#messangers-block-hide:checked+.messangers-block {
    transform: scale(1)
}

#call-back_box {
    display: none;
    padding: 15px;
    width: 90%;
    text-align: center;
    background: #252525;
    color: var(--main-color);
    box-sizing: border-box;
    left: 5%;
    position: fixed;
    bottom: 100px;
    z-index: 10001;
    border-radius: 5px
}

#call-back_box .call-back_hide {
    position: absolute;
    top: 5px;
    right: 5px;
    color: #fff;
    display: block;
    width: 25px;
    height: 25px;
    display: flex;
    justify-content: center;
    align-items: center
}

#call-back_box input {
    padding: 10px;
    box-sizing: border-box;
    padding: 10px 11px 9px;
    border: 1px solid var(--border-color);
    height: 36px;
    background: no-repeat;
    border-radius: 5px;
    margin: 5px;
    color: #fff;
    width: 200px;
    display: block;
    margin: 7px auto
}

#call-back_box button {
    width: 200px;
    height: 36px;
    display: block;
    margin: 0 auto;
    border-radius: 5px;
    border: none;
    background: var(--main-color)
}

#call-back_box p {
    width: 200px;
    margin: 0 auto;
    position: relative
}

#check_call-back:checked+#call-back_box {
    display: block
}

.suntory-alo-ph-circle {
    animation: 1.2s ease-in-out 0s normal none infinite running suntory-alo-circle-anim;
    background-color: transparent;
    border: 2px solid rgba(30, 30, 30, 0.4);
    border-radius: 100%;
    height: 100px;
    left: 0px;
    opacity: 0.1;
    position: absolute;
    top: 0px;
    transform-origin: 50% 50% 0;
    transition: all 0.5s ease 0s;
    width: 100px
}

.suntory-alo-phone.suntory-alo-green .suntory-alo-ph-circle {
    border-color: var(--main-color);
    opacity: 1
}

.suntory-alo-ph-circle-fill {
    animation: 2.3s ease-in-out 0s normal none infinite running suntory-alo-circle-fill-anim;
    border: 2px solid transparent;
    border-radius: 100%;
    height: 70px;
    left: 15px;
    position: absolute;
    top: 15px;
    transform-origin: 50% 50% 0;
    transition: all 0.5s ease 0s;
    width: 70px
}

.suntory-alo-phone.suntory-alo-green .suntory-alo-ph-circle-fill {
    background-color: var(--main-color)
}

.suntory-alo-ph-img-circle {
    border: 2px solid transparent;
    border-radius: 100%;
    height: 52px;
    left: 25px;
    position: absolute;
    top: 25px;
    transform-origin: 50% 50% 0;
    width: 52px
}

.suntory-alo-phone.suntory-alo-green .suntory-alo-ph-img-circle {
    background-color: var(--main-color);
    overflow: hidden
}

.suntory-alo-ph-img-circle svg {
    position: absolute;
    top: 13px;
    left: 13px
}

.description a {
    color: var(--other-color);
    font-weight: normal
}

.description a:hover {
    color: var(--main-color)
}

@keyframes suntory-alo-circle-anim {
    0% {
        opacity: 0.1;
        transform: rotate(0deg) scale(0.5) skew(1deg)
    }

    30% {
        opacity: 0.5;
        transform: rotate(0deg) scale(0.7) skew(1deg)
    }

    100% {
        opacity: 0.6;
        transform: rotate(0deg) scale(1) skew(1deg)
    }
}

@keyframes suntory-alo-circle-img-anim {
    0% {
        transform: rotate(0deg) scale(1) skew(1deg)
    }

    10% {
        transform: rotate(-25deg) scale(1) skew(1deg)
    }

    20% {
        transform: rotate(25deg) scale(1) skew(1deg)
    }

    30% {
        transform: rotate(-25deg) scale(1) skew(1deg)
    }

    40% {
        transform: rotate(25deg) scale(1) skew(1deg)
    }

    50% {
        transform: rotate(0deg) scale(1) skew(1deg)
    }

    100% {
        transform: rotate(0deg) scale(1) skew(1deg)
    }
}

@keyframes suntory-alo-circle-fill-anim {
    0% {
        opacity: 0.2;
        transform: rotate(0deg) scale(0.7) skew(1deg)
    }

    50% {
        opacity: 0.2;
        transform: rotate(0deg) scale(1) skew(1deg)
    }

    100% {
        opacity: 0.2;
        transform: rotate(0deg) scale(0.7) skew(1deg)
    }
}

#cfacebook .fchat {
    float: left;
    width: 100%;
    height: 270px;
    overflow: hidden;
    display: none;
    background-color: #fff
}

#cfacebook .fchat .fb-page {
    margin-top: -130px;
    float: left
}

#cfacebook a.chat_fb:hover {
    color: #ff0;
    text-decoration: none
}

#cfacebook {
    position: fixed;
    bottom: 5%;
    left: 10px;
    z-index: 99999;
    height: auto;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    overflow: hidden
}

#cfacebook a.chat_fb {
    float: left;
    padding: 6px 6px 0px 6px;
    color: #fff;
    text-decoration: none;
    text-shadow: 0 1px 0 rgba(0, 0, 0, 0.1);
    background-repeat: repeat-x;
    background-size: auto;
    background-position: 0 0;
    background-color: #3a5795;
    border: 0;
    z-index: 9999999;
    font-size: 15px;
    box-sizing: border-box;
    text-align: center;
    font-weight: 700;
    border-radius: 50%;
    display: block;
    position: relative
}

#cfacebook a.chat_fb:after {
    display: block;
    width: 19px;
    height: 19px;
    color: #FFF;
    content: "2";
    position: absolute;
    top: 0px;
    right: 0px;
    background: red;
    border-radius: 50%;
    font-size: 13px;
    line-height: 18px
}

#cfacebook a.chat_fb svg {
    width: 45px;
    height: 45px
}

#cfacebook a.chat_fb span {
    display: none
}

#cfacebook .fchat .fb-page {
    margin-top: 0px;
    float: left
}

#cfacebook a.chat_fb_openned {
    border-radius: 0;
    width: 100%
}

#cfacebook a.chat_fb_openned svg {
    display: none
}

#cfacebook a.chat_fb_openned i {
    display: none
}

#cfacebook a.chat_fb_openned::after {
    display: none
}

#cfacebook a.chat_fb_openned span {
    display: block
}

.fixed_icons {
    position: fixed;
    right: 0;
    top: 40%;
    transform: translate(0, -50px);
    z-index: 100
}

.fixed_icons .icon_v1 {
    width: 36px;
    height: 36px;
    display: inline-block;
    background-color: #0183BF;
    border-radius: 4px 0 0 4px
}

.address_header .more_info {
    position: relative
}

.address_header .more_info::before {
    position: absolute;
    content: ' ';
    width: 10px;
    height: 10px;
    top: 3px;
    right: 0px;
    background-position: -45px -70px;
    background-repeat: no-repeat;
    z-index: 100;
    background-color: #FFF
}

.address_header {
    display: none
}

.hotline_fixed_popup,
.address_fixed_popup {
    position: relative;
    cursor: pointer
}

.hotline_fixed_popup .icon_v1 {
    background: var(--main-color)
}

.hotline_fixed_popup .icon_v1:after {
    content: '';
    background: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" height="28" width="28" fill="white" version="1.1" x="0px" y="0px" viewBox="0 0 100 100" enable-background="new 0 0 100 100" xml:space="preserve"><path d="M78.014,20.385c8.463,8.75,12.51,18.127,12.84,29.081c0.076,2.519-1.453,4.183-3.876,4.312  c-2.557,0.136-4.293-1.441-4.356-4.012c-0.134-5.394-1.357-10.521-4.033-15.211C72.491,23.871,63.191,18.302,50.95,17.603  c-1.358-0.077-2.631-0.218-3.586-1.305c-1.223-1.391-1.33-2.991-0.672-4.62c0.664-1.642,2.01-2.382,3.759-2.352  c7.969,0.135,15.321,2.353,21.955,6.761C74.697,17.61,76.787,19.437,78.014,20.385z M50.11,24.674  c-0.732-0.01-1.53,0.134-2.189,0.44c-1.704,0.79-2.505,2.791-2.048,4.786c0.402,1.758,1.954,2.972,3.906,2.996  c4.562,0.056,8.597,1.499,11.951,4.624c3.688,3.434,5.41,7.741,5.588,12.751c0.032,0.891,0.367,1.904,0.891,2.618  c1.094,1.49,3.037,1.864,4.821,1.184c1.577-0.601,2.506-2.014,2.492-3.886c-0.051-6.981-2.592-12.943-7.5-18.08  C63.098,27.364,57.118,24.773,50.11,24.674z M73.486,87.206c1.689-1.888,3.575-3.599,5.361-5.401  c2.643-2.667,2.664-5.902,0.036-8.55c-3.134-3.157-6.28-6.302-9.44-9.433c-2.586-2.562-5.819-2.556-8.393-0.005  c-1.966,1.948-3.936,3.893-5.86,5.882c-0.133,0.137-0.261,0.247-0.389,0.328l-1.346,1.346c-0.375,0.239-0.748,0.236-1.236-0.029  c0.73-0.689-2.619-1.246-3.839-2.012c-5.695-3.575-10.471-8.183-14.694-13.374c-2.101-2.582-3.968-5.329-5.259-8.431  c-0.215-0.517-0.221-0.888,0.067-1.281l1.346-1.346c0.064-0.087,0.137-0.175,0.231-0.265c0.59-0.569,1.175-1.143,1.757-1.72  c1.361-1.348,2.706-2.711,4.057-4.069c2.69-2.703,2.684-5.88-0.015-8.604c-1.531-1.544-3.074-3.077-4.612-4.614  c-1.585-1.584-3.157-3.181-4.756-4.75c-2.59-2.543-5.824-2.548-8.408-0.007c-1.973,1.941-3.882,3.948-5.886,5.856  c-1.866,1.777-2.817,3.931-3.007,6.463c-0.307,4.104,0.699,7.983,2.106,11.77c2.909,7.832,7.333,14.766,12.686,21.137  c7.239,8.617,15.894,15.436,26.017,20.355c4.554,2.213,9.283,3.915,14.409,4.196C67.944,90.844,71.028,89.954,73.486,87.206z"/></svg>');
    background-repeat: no-repeat;
    width: 28px;
    height: 28px;
    display: block;
    margin: 5px
}

.address_fixed_popup .icon_v1 {
    background: var(--main-color)
}

.address_fixed_popup .icon_v1:after {
    content: '';
    background: url('data:image/svg+xml;utf8,<svg aria-hidden="true" data-prefix="fas" data-icon="map-marker-alt" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 384 512" class="svg-inline--fa fa-map-marker-alt fa-w-12"><path fill="white" d="M172.268 501.67C26.97 291.031 0 269.413 0 192 0 85.961 85.961 0 192 0s192 85.961 192 192c0 77.413-26.97 99.031-172.268 309.67-9.535 13.774-29.93 13.773-39.464 0zM192 272c44.183 0 80-35.817 80-80s-35.817-80-80-80-80 35.817-80 80 35.817 80 80 80z" class=""></path></svg>');
    background-repeat: no-repeat;
    width: 28px;
    height: 28px;
    display: block;
    margin: 3px 5px 3px 8px
}

.hotline_fixed_popup_content,
.address_header {
    position: absolute;
    width: 260px;
    top: 0;
    right: 100%;
    padding-right: 10px;
    display: none;
    margin-top: 0
}

.hotline_fixed_popup:hover .hotline_fixed_popup_content {
    display: block
}

.address_fixed_popup:hover .address_header {
    display: block
}

.add_full,
.support_phone {
    position: relative;
    width: 100%;
    right: 0;
    background: #FFF;
    border: 1px solid #F5F5F5;
    padding: 10px;
    border-radius: 0 0 4px 4px;
    border-top: 3px solid #0183BF;
    z-index: 101;
    -webkit-transition: all .5s ease;
    -moz-transition: all .5s ease;
    -o-transition: all .5s ease;
    transition: all .5s ease;
    box-sizing: border-box
}

.add_full ul {
    position: relative;
    padding-left: 18px;
    margin-bottom: 10px
}

.add_full ul::before {
    position: absolute;
    content: ' ';
    width: 14px;
    height: 20px;
    top: 4px;
    left: 0px;
    position: absolute;
    background: url('data:image/svg+xml;utf8,<svg aria-hidden="true" data-prefix="fas" data-icon="map-marker-alt" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 384 512" class="svg-inline--fa fa-map-marker-alt fa-w-12"><path fill="rgb(204,51,0)" d="M172.268 501.67C26.97 291.031 0 269.413 0 192 0 85.961 85.961 0 192 0s192 85.961 192 192c0 77.413-26.97 99.031-172.268 309.67-9.535 13.774-29.93 13.773-39.464 0zM192 272c44.183 0 80-35.817 80-80s-35.817-80-80-80-80 35.817-80 80 35.817 80 80 80z" class=""></path></svg>');
    background-repeat: no-repeat;
    content: ' ';
    top: 1px;
    left: 0px
}

.add_full ul li:nth-child(2) {
    color: #999999;
    font-size: 13px;
    margin-top: 2px
}

.support_phone ul li .name {
    font-weight: 700
}

.support_phone ul li .phone {
    color: #afafaf;
    font-size: 15px;
    margin-top: 6px
}

.support_phone ul li .phone a {
    color: #777;
    font-size: 13px
}

.address_header:hover .add_full {
    display: block !important;
    -webkit-transition: all .5s ease;
    -moz-transition: all .5s ease;
    -o-transition: all .5s ease;
    transition: all .5s ease
}

.header .hotline:hover .support_phone {
    display: block !important;
    -webkit-transition: all .5s ease;
    -moz-transition: all .5s ease;
    -o-transition: all .5s ease;
    transition: all .5s ease
}

.arrow_box {
    position: relative;
    background: #FFF;
    border: 1px solid #F5F5F5
}

.arrow_box:after,
.arrow_box:before {
    left: 100%;
    top: 20px;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none
}

.arrow_box:after {
    border-color: rgba(136, 183, 213, 0);
    border-left-color: #FFF;
    border-width: 8px;
    margin-top: -8px
}

.arrow_box:before {
    border-color: rgba(194, 225, 245, 0);
    border-left-color: #F5F5F5;
    border-width: 9px;
    margin-top: -9px
}

@media only screen and (max-width: 1180px) {
    .container {
        padding-left: 10px;
        padding-right: 10px;
        box-sizing: border-box
    }
}

@media only screen and (max-width: 500px) {
    .container {
        padding-left: 10px;
        padding-right: 10px
    }
}

.banner-home-top {
    margin-top: 16px;
    background-image: url("https://bocauexpress.com/templates/bocau/images/bg_b2.jpg");
    background-size: cover
}

@media all and (max-width: 600px) {
    .banner-home-top {
        display: flex;
        flex-wrap: wrap
    }
}

.banner-home-top .top1 {
    background: none;
    width: 33%;
    float: left;
    text-align: center;
    position: relative;
    box-sizing: border-box
}

@media all and (max-width: 1200px) {
    .banner-home-top .top1 {
        width: 33%;
        padding-left: 0
    }
}

@media all and (max-width: 600px) {
    .banner-home-top .top1 {
        width: 55%;
        padding-top: 10px;
        padding-left: 10px;
        display: flex
    }
}

.banner-home-top .top1:after {
    content: '';
    width: 2px;
    height: 50px;
    position: absolute;
    right: 0;
    top: 30px;
    background: #eeeeee60
}

@media all and (max-width: 600px) {
    .banner-home-top .top1:after {
        display: none
    }
}

.banner-home-top .top2 {
    width: 20%;
    float: left;
    box-sizing: border-box;
    color: #fff;
    padding-top: 15px;
    font-size: 20px;
    line-height: 25px;
    text-align: center;
    position: relative;
    font-style: italic
}

.banner-home-top .top2 span {
    font-size: 22px;
    font-weight: 700;
    line-height: 28px;
    color: #0089de;
    font-style: italic;
    background: #f3f1f2;
    display: inline-block;
    font-weight: 700;
    padding: 12px 15px;
    margin-bottom: 12px;
    border-radius: 4px
}

@media all and (max-width: 600px) {
    .banner-home-top .top2 span {
        font-size: 15px;
        line-height: 15px;
        padding: 5px 8px
    }
}

@media all and (max-width: 800px) {
    .banner-home-top .top2 {
        padding-left: 20px
    }
}

@media all and (max-width: 600px) {
    .banner-home-top .top2 {
        width: 45%;
        font-size: 16px;
        line-height: 16px;
        padding-left: 0;
        padding-top: 8px;
        text-align: left
    }
}

.banner-home-top .top2 font {
    font-size: 22px;
    text-transform: uppercase;
    font-weight: 700;
    line-height: 28px;
    color: #cf0000
}

.banner-home-top .top2:after {
    content: '';
    width: 1px;
    height: 50px;
    position: absolute;
    right: 0;
    top: 30px;
    background: #eeeeee60
}

.banner-home-top .top3 {
    width: 22%;
    float: left;
    text-align: center;
    padding-top: 30px;
    position: relative
}

@media all and (max-width: 600px) {
    .banner-home-top .top3 {
        width: 50%;
        padding-top: 10px
    }
}

.banner-home-top .top3 .stt1 {
    font-size: 50px;
    text-transform: uppercase;
    transform: scale(0.8, 1);
    display: inline-block;
    position: relative;
    font-weight: 700;
    padding-right: 120px;
    color: #fed70f
}

.banner-home-top .top3 .stt1 font {
    font-size: 28px;
    font-weight: normal;
    position: absolute;
    left: 62px;
    top: 1px;
    animation: 4s ease-in-out 0s normal none infinite running fade-bg1112
}

.banner-home-top .top3 .stt1:after {
    content: "";
    width: 125px;
    height: calc(100% + 20px);
    position: absolute;
    top: -10px;
    right: 0;
    border-right: 1px solid #fed70f;
    border-top: 1px solid #fed70f
}

.banner-home-top .top3 .stt2 {
    display: inline-block;
    padding: 8px 0 6px;
    background: red;
    color: #fff;
    text-transform: uppercase;
    font-weight: 700;
    width: 140px;
    letter-spacing: 5px;
    font-size: 20px;
    transform: translate(0, -5px);
    position: relative;
    overflow: hidden
}

@media all and (max-width: 800px) {
    .banner-home-top .top3 .stt2 {
        transform: translate(5px, -5px)
    }
}

.banner-home-top .top3 .stt2:after {
    content: '';
    position: absolute;
    pointer-events: none;
    top: -0%;
    left: 0%;
    width: 100%;
    height: 100%;
    opacity: 1;
    background: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.13) 77%, rgba(255, 255, 255, 0.5) 92%, rgba(255, 255, 255, 0) 100%);
    animation: 4s ease-in-out 0s normal none infinite running fade-bg1111
}

@media all and (max-width: 800px) {
    .banner-home-top .top3:after {
        width: 1px;
        height: 50px;
        position: absolute;
        right: 0;
        top: 30px;
        background: #eeeeee60
    }
}

.banner-home-top .top4 {
    width: 25%;
    float: left;
    text-align: center;
    padding-top: 30px;
    position: relative;
    padding-left: 80px;
    padding-right: 30px;
    box-sizing: border-box;
    animation: spin2 3s linear infinite
}

@media all and (max-width: 1200px) {
    .banner-home-top .top4 {
        width: 25%;
        padding-left: 45px
    }
}

@media all and (max-width: 800px) {
    .banner-home-top .top4 {
        padding-left: 0px;
        padding-right: 15px
    }
}

@media all and (max-width: 600px) {
    .banner-home-top .top4 {
        width: 50%;
        padding-top: 10px
    }
}

.banner-home-top .top4 svg {
    position: absolute;
    width: 15px;
    height: 15px;
    fill: #fff;
    background: #046ada;
    padding: 6px;
    z-index: 2;
    border-radius: 50%;
    top: 40px;
    animation: 6s ease-in-out 0s normal none infinite running fade-bg1113
}

@media all and (max-width: 600px) {
    .banner-home-top .top4 svg {
        top: 20px
    }
}

.banner-home-top .top4 span {
    text-transform: uppercase;
    color: #0469de;
    display: inline-block;
    transform: scale(0.85, 1);
    font-weight: 700;
    padding: 6px 7px 1px 17px;
    background: #fedc01;
    border: 2px solid #0770ea;
    border-radius: 10px;
    text-align: left;
    font-size: 14px
}

@keyframes spin2 {
    0% {
        transform: rotate(0deg)
    }

    40% {
        transform: rotate(0deg)
    }

    50% {
        transform: rotate(10deg)
    }

    70% {
        transform: rotate(-10deg)
    }

    100% {
        transform: rotate(0deg)
    }
}

@keyframes fade-bg1111 {
    0% {
        transform: translate(30px);
        opacity: 0, 5
    }

    50% {
        transform: translate(-140px);
        opacity: 1
    }

    51% {
        transform: translate(-140px);
        opacity: 0.5
    }

    100% {
        transform: translate(30px);
        opacity: 1
    }
}

@keyframes fade-bg1112 {
    0% {
        transform: scale(0.9, 1.1)
    }

    50% {
        transform: scale(0.7, 0.8)
    }

    51% {
        transform: scale(0.7, 0.8)
    }

    100% {
        transform: scale(0.9, 1.1)
    }
}

@keyframes chang-rotage-anim-2-bh {
    0% {
        transform: rotate(0deg) scale(1) skew(1deg)
    }

    50% {
        transform: rotate(0deg) scale(1) skew(1deg)
    }

    45% {
        transform: rotate(-25deg) scale(1.3) skew(1deg)
    }

    60% {
        transform: rotate(25deg) scale(1) skew(1deg)
    }

    65% {
        transform: rotate(-25deg) scale(1.3) skew(1deg)
    }

    70% {
        transform: rotate(25deg) scale(1) skew(1deg)
    }

    85% {
        transform: rotateY(360deg) scale(1) skew(1deg)
    }

    100% {
        transform: rotate(0deg) scale(1) skew(1deg)
    }
}

#zalo .fchat {
    float: left;
    width: 100%;
    height: 270px;
    overflow: hidden;
    display: none;
    background-color: #fff
}

#sms .fchat .fb-page {
    margin-top: -130px;
    float: left
}

#zalo a.chat_mb:hover {
    color: #ff0;
    text-decoration: none
}

#zalo {
    position: fixed;
    bottom: 140px;
    left: 20px;
    z-index: 99999;
    height: auto;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    overflow: hidden
}

@media all and (max-width: 600px) {
    #zalo {
        bottom: 150px;
        left: 10px
    }
}

#zalo a.chat_mb {
    float: left;
    padding: 0;
    color: #fff;
    text-decoration: none;
    text-shadow: 0 1px 0 rgba(0, 0, 0, 0.1);
    background-repeat: repeat-x;
    background-size: auto;
    background-position: 0 0;
    border: 0;
    z-index: 9999999;
    font-size: 15px;
    box-sizing: border-box;
    text-align: center;
    font-weight: bold;
    border-radius: 50%;
    display: block;
    position: relative;
    background: #0ea9e1;
    width: 60px;
    height: 60px;
    position: relative
}

#zalo a.chat_mb:before {
    content: '';
    width: 44px;
    height: 44px;
    background-image: url("https://bocauexpress.com/templates/bocau/images/zalo.png");
    position: absolute;
    top: 8px;
    left: 8px;
    background-size: cover
}

#zalo a.chat_mb svg {
    width: 60px;
    height: 60px;
    fill: #fff
}

#fixed-bar {
    margin: 0;
    padding: 0;
    z-index: 100;
    right: 0;
    transform: translate(-50%);
    border-radius: 50%
}

@media all and (max-width: 600px) {
    #fixed-bar {
        display: none !important
    }
}

#bar-inner {
    position: fixed;
    bottom: 100px;
    right: 28px;
    z-index: 999999
}

@media all and (max-width: 600px) {
    #bar-inner {
        right: 10px
    }
}

#bar-inner a {
    display: block;
    position: relative;
    text-decoration: none;
    -moz-transition: all 0.2s ease-in 0;
    -webkit-transition: all 0.2s ease-in;
    -webkit-transition-delay: 0;
    transition: all 0.2s ease-in 0;
    width: 48px;
    height: 48px;
    border-radius: 50%;
    background-color: var(--main-color);
    opacity: 0.6;
    text-align: center;
    line-height: 42px;
    box-sizing: border-box;
    transition: 0.5s;
    -moz-transition: 0.5s;
    -webkit-transition: 0.5s;
    -o-transition: 0.5s;
    overflow: hidden
}

#bar-inner a:hover {
    opacity: 1
}

#bar-inner a svg {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 21px;
    height: 21px;
    fill: #fff;
    transition: 0.5s;
    -moz-transition: 0.5s;
    -webkit-transition: 0.5s;
    -o-transition: 0.5s;
    z-index: 10
}

footer .support {
    width: 25%;
    float: left;
    padding-right: 20px;
    box-sizing: border-box
}

@media all and (max-width: 800px) {
    footer .support {
        width: 40%
    }
}

@media all and (max-width: 600px) {
    footer .support {
        width: 100%;
        padding-right: 0
    }
}

footer .support .item {
    position: relative;
    background: var(--main-color);
    padding-left: 70px;
    padding-top: 15px;
    padding-bottom: 15px;
    color: #fff;
    margin-bottom: 20px
}

footer .support .item svg {
    position: absolute;
    width: 40px;
    height: 40px;
    fill: #fff;
    left: 15px
}

footer .support .item span {
    text-transform: uppercase;
    font-size: 18px
}

footer .support .item a {
    margin-top: 6px;
    color: #fff;
    font-style: italic;
    font-size: 16px;
    transition: 0.5s
}

footer .support .item a:hover {
    color: #fff900
}

#modal_alert {
    position: fixed;
    background: rgba(0, 0, 0, 0.75);
    z-index: 99999;
    overflow-y: auto;
    width: 100%;
    height: 100%;
    top: 0px;
    left: 0px
}

.modal_alert_inner {
    width: 350px;
    background: white;
    border-radius: 2px;
    max-width: 96%;
    margin: 2% auto
}

.modal_alert_title {
    background: var(--main-color);
    color: #FFF;
    text-align: center;
    text-transform: uppercase;
    padding: 7px 0;
    font-size: 17px;
    position: relative;
    border-radius: 2px 2px 0 0
}

.modal_alert_title .close {
    position: absolute;
    right: 0px;
    padding: 0px 10px 8px;
    top: 7px;
    color: #FFF;
    font-size: 22px
}

.modal_alert_body {
    background: white;
    color: #616161;
    padding: 20px;
    -moz-user-select: text;
    -khtml-user-select: text;
    -webkit-user-select: text;
    -o-user-select: text;
    user-select: text;
    border-bottom-left-radius: 3px;
    border-bottom-right-radius: 3px
}

.ytb-ft {
    position: relative;
    padding: 20px 0px 20px 40px;
    border-top: 1px solid #e8e8e8;
    box-sizing: border-box;
    width: calc(100% - 83px)
}

.ytb-ft span {
    background: #ff0000db;
    position: absolute;
    width: 36px;
    height: 36px;
    padding: 6px 6px;
    box-sizing: border-box;
    border-radius: 50%;
    border: 1px solid #fff;
    transition: 0.5s;
    left: 0px;
    top: 11px
}

.ytb-ft span svg {
    width: 20px;
    height: 20px;
    fill: #fff
}

.lazy,
.owl-lazy {
    opacity: 0;
    display: inline-block
}

@keyframes tooth_ {
    20% {
        top: 180px;
        left: 35%;
        transform: rotate(0)
    }

    30% {
        top: 160px
    }

    40% {
        top: 180px;
        transform: rotate(360deg)
    }

    50% {
        top: 190px;
        transform: rotate(360deg)
    }

    80% {
        top: 30px;
        left: 40%;
        transform: rotate(360deg)
    }

    100% {
        top: 50px;
        transform: rotate(0)
    }
}

@keyframes change_color1 {
    45% {
        transform: translateX(0)
    }

    49% {
        color: var(--extra-color)
    }

    50% {
        color: var(--main-color);
        transform: translateX(50%)
    }

    55% {
        transform: translateX(0)
    }

    100% {
        color: var(--main-color)
    }
}

@keyframes change_color2 {
    45% {
        transform: translateX(0)
    }

    49% {
        color: var(--main-color)
    }

    50% {
        color: var(--extra-color);
        transform: translateX(-50%)
    }

    55% {
        transform: translateX(0)
    }

    100% {
        color: var(--extra-color)
    }
}

.block {
    display: block;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat
}

.none {
    display: none
}

.slide-up .button_a,
.slide-down .button_a {
    top: 10px
}

.slide-up .search_home,
.slide-down .search_home {
    padding: 8px 0
}

.header_wrapper_wrap_w {
    min-height: 0px
}

.header_wrapper_wrap_w .button_a svg {
    fill: #fff
}

.header_wrapper_wrap_w .header .logo .logo_img2 {
    display: block
}

.logo_img_mobile {
    display: none
}

@media all and (max-width: 1025px) {
    .logo_img_pc {
        display: none
    }

    .logo_img_mobile {
        display: block
    }
}

.pluginSkinLight {
    width: calc(100% - 120px) !important
}

#suntory-alo-phoneIcon {
    display: none !important
}

.text_footer {
    color: #555555;
    background: #f5f5f5;
    padding: 16px 25px;
    margin-bottom: 20px;
    margin-top: 25px;
    font-size: 14px;
    font-style: italic;
    line-height: 24px;
    margin-bottom: 40px
}

.pos3 .block_statistics {
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center
}

.modal-menu-full-screen-menu {
    width: 100%;
    height: 100%;
    position: fixed;
    top: 0;
    bottom: 0;
    left: 0;
    background: #0000008c;
    z-index: -99;
    opacity: 0;
    transition: .5s
}

.show_screen {
    z-index: 990;
    opacity: 1
}

.back_ground_nohome {
    background-size: auto;
    background-repeat: repeat;
    background-position: center;
    transform: translate(0px, -8px)
}

.header_wrapper .header .left_logo_nhome {
    background: transparent;
    z-index: 1
}

@media all and (max-width: 990px) {
    .header_wrapper .header .left_logo_nhome {
        background: #fff;
        border-radius: 0px 0px 5px 0px
    }
}

.pos16 .block_strengths {
    padding: 45px 0px 60px;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    position: relative
}

@media all and (max-width: 900px) {
    .pos16 .block_strengths {
        padding-bottom: 45px
    }
}

@media all and (max-width: 990px) {
    .pos15 .container {
        overflow: hidden
    }
}

.poss02 .block_title {
    margin-bottom: 0px;
    padding-bottom: 10px
}

.pos_baner {
    display: block !important;
    background-size: cover;
    background-repeat: no-repeat;
    min-height: 220px;
    position: relative;
    overflow: hidden
}

@media all and (max-width: 990px) {
    .pos_baner {
        min-height: 180px
    }
}

.pos_baner .block_title {
    color: var(--main-color);
    z-index: 1
}

@media all and (max-width: 500px) {
    .pos_baner .block_title {
        margin-bottom: 15px
    }
}

.pos_baner .back_icon {
    display: grid;
    position: relative
}

@media all and (max-width: 600px) {
    .pos_baner .back_icon {
        position: absolute;
        bottom: -1px;
        z-index: 99
    }
}

.pos_baner .back_icon img {
    object-fit: cover
}

@media only screen and (max-width: 950px) {
    .pos_baner .back_icon img {
        max-height: 90px
    }
}

@media all and (max-width: 600px) {
    .pos_baner .back_icon img {
        max-height: 65px;
        width: 100%
    }
}

.pos_baner .wrapper_breadcrumbs {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 100%
}

.pos_baner .wrapper_breadcrumbs .img_baner {

    top: 0px;
    z-index: 0;
    height: 100%;
    width: 100%;
    object-fit: cover;
    left: 0px
}

.pos_baner .banner_cat2 {
    text-align: center;
    width: 100%;
    padding: 15px 0px 25px
}

@media only screen and (max-width: 950px) {
    .pos_baner .banner_cat2 {
        padding: 60px 0px 20px
    }
}

@media all and (max-width: 500px) {
    .pos_baner .banner_cat2 .title_icon {
        margin: 0px auto;
        width: 90%
    }
}

.pos_baner .breadcrumbs {
    text-align: center
}

@media all and (max-width: 500px) {
    .pos_baner .breadcrumbs {
        width: 90%;
        line-height: 1.5em;
        margin: 0px auto
    }
}

.pos_baner .breadcrumbs .breadcrumb {
    padding: 0px 0 0px 0
}

@media all and (max-width: 900px) {
    .pos_baner .breadcrumbs .breadcrumb {
        padding-top: 0px
    }
}

.pos_baner .breadcrumbs .breadcrumb__item:last-child {
    margin-right: 0px
}

.pos_baner .breadcrumbs .breadcrumb__item::after {
    width: 9px;
    height: 9px;
    top: 6px;
    right: -18px;
    background-size: cover
}

.list_regions .block_title {
    margin-bottom: 30px
}

.list_regions .block_title .icon1 {
    background: url(https://bocauexpress.com/templates/bocau/images/icon.svg);
    background-repeat: no-repeat
}

.pos3_nohome {
    padding-top: 0px
}

.description ul,
.cat_summary ul,
.summary ul {
    display: block;
    list-style-type: disc;
    margin-block-start: 1em;
    margin-block-end: 1em;
    margin-inline-start: 0px;
    margin-inline-end: 0px;
    padding-inline-start: 0px;
    text-align: left
}

.description ul li,
.cat_summary ul li,
.summary ul li {
    list-style-type: disc;
    border-bottom: 0px;
    padding-bottom: 0px;
    margin: 0.5em 0 0.5em 20px
}

.description ol,
.cat_summary ol,
.summary ol {
    padding-left: 30px
}

.description ol li,
.cat_summary ol li,
.summary ol li {
    list-style: decimal !important
}

.description blockquote,
.cat_summary blockquote,
.summary blockquote {
    font-style: italic;
    padding: 2px 0;
    border-style: solid;
    border-color: #ccc;
    border-width: 0;
    display: block;
    margin-block-start: 1em;
    margin-block-end: 1em;
    margin-inline-start: 40px;
    margin-inline-end: 40px;
    font-style: italic;
    font-size: 14px;
    padding-left: 20px;
    padding-right: 8px;
    border-left-width: 5px
}

.description,
.summary,
.summary_cat {
    font-size: 16px
}

.description img,
.summary img,
.summary_cat img {
    height: auto
}

.description .image_l,
.summary .image_l,
.summary_cat .image_l {
    opacity: 1;
    transition: all 0.3s ease;
    transform: translateY(0px)
}

.description .image_l.hello,
.summary .image_l.hello,
.summary_cat .image_l.hello {
    opacity: 1;
    visibility: visible;
    transform: translateY(0px);
    transition: all 1s ease
}

@media all and (max-width: 600px) {

    .description .image_l .frame_image,
    .description .image_r .frame_image,
    .summary .image_l .frame_image,
    .summary .image_r .frame_image,
    .summary_cat .image_l .frame_image,
    .summary_cat .image_r .frame_image {
        width: 100% !important;
        float: none !important;
        text-align: center;
        margin-bottom: 15px
    }

    .description .image_l img,
    .description .image_r img,
    .summary .image_l img,
    .summary .image_r img,
    .summary_cat .image_l img,
    .summary_cat .image_r img {
        height: 100%
    }

    .description .image_l .content,
    .description .image_r .content,
    .summary .image_l .content,
    .summary .image_r .content,
    .summary_cat .image_l .content,
    .summary_cat .image_r .content {
        width: 100% !important;
        float: none !important
    }

    .description .image_l .content .content_title,
    .description .image_r .content .content_title,
    .summary .image_l .content .content_title,
    .summary .image_r .content .content_title,
    .summary_cat .image_l .content .content_title,
    .summary_cat .image_r .content .content_title {
        margin-bottom: 5px
    }

    .description .image_l .content .content_inner,
    .description .image_r .content .content_inner,
    .summary .image_l .content .content_inner,
    .summary .image_r .content .content_inner,
    .summary_cat .image_l .content .content_inner,
    .summary_cat .image_r .content .content_inner {
        max-height: none !important;
        overflow-y: visible !important;
        padding-right: 0px !important
    }
}

@media all and (max-width: 600px) {

    .description .text_inside .frame_images,
    .summary .text_inside .frame_images,
    .summary_cat .text_inside .frame_images {
        display: none
    }

    .description .text_inside .contents,
    .summary .text_inside .contents,
    .summary_cat .text_inside .contents {
        position: static !important;
        width: 100% !important
    }

    .description .text_inside .contents .content_inner,
    .summary .text_inside .contents .content_inner,
    .summary_cat .text_inside .contents .content_inner {
        max-height: none !important;
        overflow-y: visible !important;
        padding-right: 0px !important
    }
}

@media all and (max-width: 768px) {

    .description .strengths#strengths_content .title_strengths,
    .summary .strengths#strengths_content .title_strengths,
    .summary_cat .strengths#strengths_content .title_strengths {
        margin-bottom: 25px !important
    }

    .description .strengths#strengths_content .contents .frame_images,
    .summary .strengths#strengths_content .contents .frame_images,
    .summary_cat .strengths#strengths_content .contents .frame_images {
        max-width: none !important;
        width: 100% !important;
        position: static !important;
        transform: translate(0) !important;
        text-align: center
    }

    .description .strengths#strengths_content .contents .item,
    .summary .strengths#strengths_content .contents .item,
    .summary_cat .strengths#strengths_content .contents .item {
        width: 100% !important;
        padding: 0px 0px 0px 70px !important
    }

    .description .strengths#strengths_content .contents .item img,
    .summary .strengths#strengths_content .contents .item img,
    .summary_cat .strengths#strengths_content .contents .item img {
        width: 60px !important;
        height: 60px !important;
        left: 0px !important
    }

    .description .strengths#strengths_content .contents .item p:first-child,
    .summary .strengths#strengths_content .contents .item p:first-child,
    .summary_cat .strengths#strengths_content .contents .item p:first-child {
        margin-bottom: 5px
    }
}

.description .image_r,
.summary .image_r,
.summary_cat .image_r {
    margin-bottom: 30px
}

.description .image_r .frame_image,
.summary .image_r .frame_image,
.summary_cat .image_r .frame_image {
    text-align: right
}

.description .content_inner,
.summary .content_inner,
.summary_cat .content_inner {
    margin-bottom: 20px;
    line-height: 1.8em;
    overflow: hidden
}

.description .image_l,
.summary .image_l,
.summary_cat .image_l {
    margin-bottom: 30px
}

.description .image_l .frame_image,
.summary .image_l .frame_image,
.summary_cat .image_l .frame_image {
    text-align: left
}

.description .image_r,
.description .text_inside,
.summary .image_r,
.summary .text_inside,
.summary_cat .image_r,
.summary_cat .text_inside {
    opacity: 1;
    transition: all 0.3s ease;
    transform: translateY(0px)
}

.description .image_r .content .description_inner,
.description .text_inside .content .description_inner,
.summary .image_r .content .description_inner,
.summary .text_inside .content .description_inner,
.summary_cat .image_r .content .description_inner,
.summary_cat .text_inside .content .description_inner {
    padding-right: 15px;
    text-align: justify
}

.description .image_r .content .description_inner::-webkit-scrollbar-track,
.description .text_inside .content .description_inner::-webkit-scrollbar-track,
.summary .image_r .content .description_inner::-webkit-scrollbar-track,
.summary .text_inside .content .description_inner::-webkit-scrollbar-track,
.summary_cat .image_r .content .description_inner::-webkit-scrollbar-track,
.summary_cat .text_inside .content .description_inner::-webkit-scrollbar-track {
    border-radius: 5px;
    background-color: #ccc !important
}

.description .image_r .content .description_inner::-webkit-scrollbar-thumb,
.description .text_inside .content .description_inner::-webkit-scrollbar-thumb,
.summary .image_r .content .description_inner::-webkit-scrollbar-thumb,
.summary .text_inside .content .description_inner::-webkit-scrollbar-thumb,
.summary_cat .image_r .content .description_inner::-webkit-scrollbar-thumb,
.summary_cat .text_inside .content .description_inner::-webkit-scrollbar-thumb {
    border: 0
}

.description .image_r.hello,
.description .text_inside.hello,
.summary .image_r.hello,
.summary .text_inside.hello,
.summary_cat .image_r.hello,
.summary_cat .text_inside.hello {
    opacity: 1;
    visibility: visible;
    transform: translateY(0px);
    transition: all 1s ease
}

.description .text_inside,
.summary .text_inside,
.summary_cat .text_inside {
    position: relative;
    width: 100%
}

.description .text_inside .frame_images,
.summary .text_inside .frame_images,
.summary_cat .text_inside .frame_images {
    padding-top: 30px
}

.description .text_inside .contents,
.summary .text_inside .contents,
.summary_cat .text_inside .contents {
    width: 500px
}

.description .text_inside .contents .description_inner,
.summary .text_inside .contents .description_inner,
.summary_cat .text_inside .contents .description_inner {
    max-height: 220px;
    overflow-y: auto;
    padding-right: 15px;
    text-align: justify
}

.description .text_inside .contents .description_inner::-webkit-scrollbar-track,
.summary .text_inside .contents .description_inner::-webkit-scrollbar-track,
.summary_cat .text_inside .contents .description_inner::-webkit-scrollbar-track {
    border-radius: 5px;
    background-color: #ccc !important
}

.description .text_inside .contents .description_inner::-webkit-scrollbar-thumb,
.summary .text_inside .contents .description_inner::-webkit-scrollbar-thumb,
.summary_cat .text_inside .contents .description_inner::-webkit-scrollbar-thumb {
    border: 0
}

.description .strengths .title_strengths,
.summary .strengths .title_strengths,
.summary_cat .strengths .title_strengths {
    text-align: center;
    margin-bottom: 100px;
    font-weight: bold
}

.description .strengths .title_strengths span,
.summary .strengths .title_strengths span,
.summary_cat .strengths .title_strengths span {
    font-size: 25px
}

.description .strengths .contents .frame_images img,
.summary .strengths .contents .frame_images img,
.summary_cat .strengths .contents .frame_images img {
    opacity: 1;
    transform: translateY(0px);
    transition: all 0.3s
}

.description .strengths .contents .item,
.summary .strengths .contents .item,
.summary_cat .strengths .contents .item {
    transition: all 0.3s
}

.description .strengths .contents .item .effect_img,
.summary .strengths .contents .item .effect_img,
.summary_cat .strengths .contents .item .effect_img {
    animation: rotate 3s running infinite linear 0.5s
}

.description .strengths .contents .item .title_str,
.summary .strengths .contents .item .title_str,
.summary_cat .strengths .contents .item .title_str {
    color: var(--main-color)
}

.description .strengths .contents .item img,
.summary .strengths .contents .item img,
.summary_cat .strengths .contents .item img {
    position: absolute;
    top: 20px
}

@media all and (max-width: 768px) {

    .description .strengths .contents .item img,
    .summary .strengths .contents .item img,
    .summary_cat .strengths .contents .item img {
        position: absolute;
        top: 50%;
        transform: translate(0px, -50%)
    }
}

.description .strengths .contents .item span,
.summary .strengths .contents .item span,
.summary_cat .strengths .contents .item span {
    color: var(--main-color);
    font-weight: bold;
    font-size: 16px;
    text-transform: uppercase;
    margin-bottom: 10px;
    display: inline-block
}

.description .strengths .contents .content_des,
.summary .strengths .contents .content_des,
.summary_cat .strengths .contents .content_des {
    padding-bottom: 25px;
    border-bottom: 1px solid var(--main-color);
    margin-bottom: 10px;
    position: relative
}

.description .strengths .contents .content_des:before,
.summary .strengths .contents .content_des:before,
.summary_cat .strengths .contents .content_des:before {
    position: absolute;
    width: 8px;
    height: 8px;
    background-color: var(--main-color);
    content: '';
    border-radius: 50px;
    bottom: -4px
}

.description .strengths .contents .item1,
.description .strengths .contents .item3,
.description .strengths .contents .item5,
.summary .strengths .contents .item1,
.summary .strengths .contents .item3,
.summary .strengths .contents .item5,
.summary_cat .strengths .contents .item1,
.summary_cat .strengths .contents .item3,
.summary_cat .strengths .contents .item5 {
    transform: translate(0px, 0);
    opacity: 1
}

.description .strengths .contents .item1 img,
.description .strengths .contents .item3 img,
.description .strengths .contents .item5 img,
.summary .strengths .contents .item1 img,
.summary .strengths .contents .item3 img,
.summary .strengths .contents .item5 img,
.summary_cat .strengths .contents .item1 img,
.summary_cat .strengths .contents .item3 img,
.summary_cat .strengths .contents .item5 img {
    left: 0px
}

.description .strengths .contents .item1 .content_des:before,
.description .strengths .contents .item3 .content_des:before,
.description .strengths .contents .item5 .content_des:before,
.summary .strengths .contents .item1 .content_des:before,
.summary .strengths .contents .item3 .content_des:before,
.summary .strengths .contents .item5 .content_des:before,
.summary_cat .strengths .contents .item1 .content_des:before,
.summary_cat .strengths .contents .item3 .content_des:before,
.summary_cat .strengths .contents .item5 .content_des:before {
    right: 0px
}

.description .strengths .contents .item2,
.description .strengths .contents .item4,
.description .strengths .contents .item6,
.summary .strengths .contents .item2,
.summary .strengths .contents .item4,
.summary .strengths .contents .item6,
.summary_cat .strengths .contents .item2,
.summary_cat .strengths .contents .item4,
.summary_cat .strengths .contents .item6 {
    transform: translate(0px, 0);
    opacity: 1
}

.description .strengths .contents .item2 img,
.description .strengths .contents .item4 img,
.description .strengths .contents .item6 img,
.summary .strengths .contents .item2 img,
.summary .strengths .contents .item4 img,
.summary .strengths .contents .item6 img,
.summary_cat .strengths .contents .item2 img,
.summary_cat .strengths .contents .item4 img,
.summary_cat .strengths .contents .item6 img {
    left: 160px
}

.description .strengths.hello .item,
.summary .strengths.hello .item,
.summary_cat .strengths.hello .item {
    opacity: 1;
    visibility: visible;
    transform: translate(0);
    transition: all 1s ease
}

.description .strengths.hello .item3,
.description .strengths.hello .item4,
.summary .strengths.hello .item3,
.summary .strengths.hello .item4,
.summary_cat .strengths.hello .item3,
.summary_cat .strengths.hello .item4 {
    transition-delay: 0.3s
}

.description .strengths.hello .frame_images img,
.summary .strengths.hello .frame_images img,
.summary_cat .strengths.hello .frame_images img {
    opacity: 1;
    visibility: visible;
    transform: translateY(0);
    transition: all 1s ease 0.3s
}

.aligncenter,
.fusion-aligncenter {
    clear: both;
    display: block;
    margin-left: auto;
    margin-right: auto;
    text-align: center
}

.next_icon {
    text-align: center
}

@media all and (max-width: 600px) {
    .next_icon {
        margin-top: 15px
    }
}

.next_icon a {
    padding: 12px 30px;
    background: var(--extra-color);
    color: #fff;
    font-weight: 700;
    display: inline-block;
    border-radius: 8px;
    text-transform: uppercase;
    transition: 0.5s all ease
}

@media all and (max-width: 768px) {
    .next_icon a {
        padding: 10px 20px
    }
}

@media all and (max-width: 450px) {
    .next_icon a {
        padding: 9px 18px;
        font-size: 14px
    }
}

.next_icon a:hover {
    background: var(--main-color)
}

.center_content_home {
    overflow: hidden
}

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

.slideshow {
    transform: translate(0px, -8px)
}

@media all and (max-width: 990px) {
    .slideshow {
        transform: translate(0px, -4px)
    }
}

#loading_box {
    position: fixed;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.6);
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    z-index: 100000;
    opacity: 0;
    visibility: hidden
}

#loading_image {
    width: 100%;
    height: 100%;
    background: url("https://bocauexpress.com/templates/bocau/images/giphy.gif") no-repeat center center;
    -webkit-background-size: 70px 70px;
    background-size: 70px 70px
}

.hot_call .alo-floating-zalo {
    bottom: 95px;
    left: unset;
    right: 30px
}

@media all and (max-width: 600px) {
    .hot_call .alo-floating-zalo {
        bottom: 45px
    }
}

.alo-floating {
    display: block;
    left: 10px;
    bottom: 10px;
    position: fixed;
    z-index: 9999;
    text-align: center;
    height: 40px;
    line-height: 40px;
    font-size: 14px;
    text-shadow: 1px 1px 0 #000;
    border-radius: 40px;
    cursor: pointer;
    padding-right: 5px;
    max-width: 250px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    background: #e42222;
    padding: 0 10px
}

.alo-floating-zalo {
    bottom: 60px;
    padding-left: 45px;
    background: url(https://bocauexpress.com/templates/bocau/images/icon-zalo.png) 8px center no-repeat, #009dff;
    background-size: 30px auto
}

.alo-floating a {
    color: #FFF
}

.alo-floating a:hover {
    color: var(--main-color)
}

@-webkit-keyframes quick-alo-circle-anim {
    0% {
        -webkit-transform: rotate(0) scale(0.5) skew(1deg);
        -webkit-opacity: .1
    }

    30% {
        -webkit-transform: rotate(0) scale(0.7) skew(1deg);
        -webkit-opacity: .5
    }

    100% {
        -webkit-transform: rotate(0) scale(1) skew(1deg);
        -webkit-opacity: .1
    }
}

@-o-keyframes quick-alo-circle-anim {
    0% {
        -o-transform: rotate(0) scale(0.5) skew(1deg);
        -o-opacity: .1
    }

    30% {
        -o-transform: rotate(0) scale(0.7) skew(1deg);
        -o-opacity: .5
    }

    100% {
        -o-transform: rotate(0) scale(1) skew(1deg);
        -o-opacity: .1
    }
}

@-moz-keyframes quick-alo-circle-fill-anim {
    0% {
        -moz-transform: rotate(0) scale(0.7) skew(1deg);
        opacity: .2
    }

    50% {
        -moz-transform: rotate(0) -moz-scale(1) skew(1deg);
        opacity: .2
    }

    100% {
        -moz-transform: rotate(0) scale(0.7) skew(1deg);
        opacity: .2
    }
}

@-webkit-keyframes quick-alo-circle-fill-anim {
    0% {
        -webkit-transform: rotate(0) scale(0.7) skew(1deg);
        opacity: .2
    }

    50% {
        -webkit-transform: rotate(0) scale(1) skew(1deg);
        opacity: .2
    }

    100% {
        -webkit-transform: rotate(0) scale(0.7) skew(1deg);
        opacity: .2
    }
}

@-o-keyframes quick-alo-circle-fill-anim {
    0% {
        -o-transform: rotate(0) scale(0.7) skew(1deg);
        opacity: .2
    }

    50% {
        -o-transform: rotate(0) scale(1) skew(1deg);
        opacity: .2
    }

    100% {
        -o-transform: rotate(0) scale(0.7) skew(1deg);
        opacity: .2
    }
}

@-moz-keyframes quick-alo-circle-img-anim {
    0% {
        transform: rotate(0) scale(1) skew(1deg)
    }

    10% {
        -moz-transform: rotate(-25deg) scale(1) skew(1deg)
    }

    20% {
        -moz-transform: rotate(25deg) scale(1) skew(1deg)
    }

    30% {
        -moz-transform: rotate(-25deg) scale(1) skew(1deg)
    }

    40% {
        -moz-transform: rotate(25deg) scale(1) skew(1deg)
    }

    50% {
        -moz-transform: rotate(0) scale(1) skew(1deg)
    }

    100% {
        -moz-transform: rotate(0) scale(1) skew(1deg)
    }
}

@-webkit-keyframes quick-alo-circle-img-anim {
    0% {
        transform: rotate(0) scale(1) skew(1deg)
    }

    10% {
        -webkit-transform: rotate(-25deg) scale(1) skew(1deg)
    }

    20% {
        -webkit-transform: rotate(25deg) scale(1) skew(1deg)
    }

    30% {
        -webkit-transform: rotate(-25deg) scale(1) skew(1deg)
    }

    40% {
        -webkit-transform: rotate(25deg) scale(1) skew(1deg)
    }

    50% {
        -webkit-transform: rotate(0) scale(1) skew(1deg)
    }

    100% {
        -webkit-transform: rotate(0) scale(1) skew(1deg)
    }
}

@-o-keyframes quick-alo-circle-img-anim {
    0% {
        transform: rotate(0) scale(1) skew(1deg)
    }

    10% {
        -o-transform: rotate(-25deg) scale(1) skew(1deg)
    }

    20% {
        -o-transform: rotate(25deg) scale(1) skew(1deg)
    }

    30% {
        -o-transform: rotate(-25deg) scale(1) skew(1deg)
    }

    40% {
        -o-transform: rotate(25deg) scale(1) skew(1deg)
    }

    50% {
        -o-transform: rotate(0) scale(1) skew(1deg)
    }

    100% {
        -o-transform: rotate(0) scale(1) skew(1deg)
    }
}

@keyframes quick-alo-circle-img-anim {
    0% {
        transform: rotate(0) scale(1) skew(1deg)
    }

    10% {
        transform: rotate(-25deg) scale(1) skew(1deg)
    }

    20% {
        transform: rotate(25deg) scale(1) skew(1deg)
    }

    30% {
        transform: rotate(-25deg) scale(1) skew(1deg)
    }

    40% {
        transform: rotate(25deg) scale(1) skew(1deg)
    }

    50% {
        transform: rotate(0) scale(1) skew(1deg)
    }

    100% {
        transform: rotate(0) scale(1) skew(1deg)
    }
}

.quick-alo-phone {
    position: fixed;
    visibility: hidden;
    background-color: transparent;
    width: 200px;
    height: 200px;
    cursor: pointer;
    z-index: 200000 !important;
    -webkit-backface-visibility: hidden;
    -webkit-transform: translateZ(0);
    -webkit-transition: visibility .5s;
    -moz-transition: visibility .5s;
    -o-transition: visibility .5s;
    transition: visibility .5s;
    bottom: 20%;
    left: -10px
}

.quick-alo-phone.quick-alo-hover,
.quick-alo-phone:hover {
    opacity: 1
}

.quick-alo-phone.quick-alo-show {
    visibility: visible
}

.quick-alo-phone.quick-alo-green .quick-alo-ph-circle {
    border-color: #00aff2;
    opacity: .5
}

.quick-alo-ph-circle {
    width: 160px;
    height: 160px;
    top: 20px;
    left: 20px;
    position: absolute;
    background-color: transparent;
    -webkit-border-radius: 100%;
    -moz-border-radius: 100%;
    border-radius: 100%;
    border: 2px solid rgba(30, 30, 30, 0.4);
    opacity: .1;
    -webkit-animation: quick-alo-circle-anim 1.2s infinite ease-in-out;
    -moz-animation: quick-alo-circle-anim 1.2s infinite ease-in-out;
    -ms-animation: quick-alo-circle-anim 1.2s infinite ease-in-out;
    -o-animation: quick-alo-circle-anim 1.2s infinite ease-in-out;
    animation: quick-alo-circle-anim 1.2s infinite ease-in-out;
    -webkit-transition: all .5s;
    -moz-transition: all .5s;
    -o-transition: all .5s;
    transition: all .5s;
    -webkit-transform-origin: 50% 50%;
    -moz-transform-origin: 50% 50%;
    -ms-transform-origin: 50% 50%;
    -o-transform-origin: 50% 50%;
    transform-origin: 50% 50%
}

.quick-alo-ph-circle-fill {
    width: 100px;
    height: 100px;
    top: 50px;
    left: 50px;
    position: absolute;
    background-color: #000;
    -webkit-border-radius: 100%;
    -moz-border-radius: 100%;
    border-radius: 100%;
    border: 2px solid transparent;
    opacity: .1;
    -webkit-animation: quick-alo-circle-fill-anim 2.3s infinite ease-in-out;
    -moz-animation: quick-alo-circle-fill-anim 2.3s infinite ease-in-out;
    -ms-animation: quick-alo-circle-fill-anim 2.3s infinite ease-in-out;
    -o-animation: quick-alo-circle-fill-anim 2.3s infinite ease-in-out;
    animation: quick-alo-circle-fill-anim 2.3s infinite ease-in-out;
    -webkit-transition: all .5s;
    -moz-transition: all .5s;
    -o-transition: all .5s;
    transition: all .5s;
    -webkit-transform-origin: 50% 50%;
    -moz-transform-origin: 50% 50%;
    -ms-transform-origin: 50% 50%;
    -o-transform-origin: 50% 50%;
    transform-origin: 50% 50%
}

.quick-alo-phone.quick-alo-green .quick-alo-ph-circle-fill {
    background-color: rgba(51, 122, 83, 0.7);
    opacity: .75 !important
}

.quick-alo-phone.quick-alo-green .quick-alo-ph-img-circle {
    background-color: #00aff2
}

.quick-alo-ph-img-circle {
    width: 60px;
    height: 60px;
    top: 70px;
    left: 70px;
    position: absolute;
    background: rgba(30, 30, 30, 0.1) url("https://bocauexpress.com/templates/bocau/images/icon-phone.png") no-repeat center center;
    -webkit-border-radius: 100%;
    -moz-border-radius: 100%;
    border-radius: 100%;
    border: 2px solid transparent;
    opacity: .7;
    -webkit-animation: quick-alo-circle-img-anim 1s infinite ease-in-out;
    -moz-animation: quick-alo-circle-img-anim 1s infinite ease-in-out;
    -ms-animation: quick-alo-circle-img-anim 1s infinite ease-in-out;
    -o-animation: quick-alo-circle-img-anim 1s infinite ease-in-out;
    animation: quick-alo-circle-img-anim 1s infinite ease-in-out;
    -webkit-transform-origin: 50% 50%;
    -moz-transform-origin: 50% 50%;
    -ms-transform-origin: 50% 50%;
    -o-transform-origin: 50% 50%;
    transform-origin: 50% 50%
}

.quick-alo-phone.quick-alo-green.quick-alo-hover .quick-alo-ph-circle-fill,
.quick-alo-phone.quick-alo-green:hover .quick-alo-ph-circle-fill {
    background-color: rgba(51, 122, 83, 0.7);
    opacity: .75 !important
}

.quick-alo-phone.quick-alo-green.quick-alo-hover .quick-alo-ph-img-circle,
.quick-alo-phone.quick-alo-green:hover .quick-alo-ph-img-circle {
    background-color: #75eb50
}

.quick-alo-phone.quick-alo-green.quick-alo-hover .quick-alo-ph-circle,
.quick-alo-phone.quick-alo-green:hover .quick-alo-ph-circle {
    border-color: #75eb50;
    opacity: .5
}

.hotline-phone-ring-wrap {
    position: fixed;
    bottom: 0;
    left: 0;
    z-index: 999999
}

@media all and (min-width: 1300px) {
    .hotline-phone-ring-wrap {
        bottom: 8px
    }
}

.hotline-phone-ring {
    position: relative;
    visibility: visible;
    background-color: transparent;
    width: 110px;
    height: 110px;
    cursor: pointer;
    z-index: 11;
    -webkit-backface-visibility: hidden;
    -webkit-transform: translateZ(0);
    transition: visibility .5s;
    left: 0;
    bottom: 0;
    display: block
}

.hotline-bar {
    position: absolute;
    background: var(--main-color);
    height: 45px;
    white-space: nowrap;
    line-height: 40px;
    border-radius: 3px;
    padding: 0 10px;
    background-size: 100%;
    cursor: pointer;
    transition: all 0.8s;
    -webkit-transition: all 0.8s;
    z-index: 9;
    border-radius: 50px !important;
    left: 42px;
    bottom: 31px
}

.hotline-bar>a {
    color: #fff;
    text-decoration: none;
    font-size: 16px;
    font-weight: bold;
    text-indent: 32px;
    letter-spacing: 1px;
    display: block;
    line-height: 45px
}

.hotline-bar>a:hover,
.hotline-bar>a:active {
    color: #fff
}

.hot_call .quick-alo-ph-circle {
    top: 0;
    left: 0;
    width: 110px;
    height: 110px
}

.hot_call .quick-alo-ph-circle-fill {
    top: 16px;
    left: 16px;
    width: 80px;
    height: 80px;
    background: rgba(51, 122, 83, 0.7)
}

.hot_call .quick-alo-ph-img-circle {
    top: 31px;
    left: 31px;
    width: 50px;
    height: 50px;
    background: var(--main-color);
    opacity: 1;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    align-items: center;
    justify-content: center;
    box-sizing: border-box
}

.hot_call .quick-alo-ph-img-circle .pps-btn-img {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex
}

.hot_call .quick-alo-ph-img-circle .pps-btn-img img {
    width: 33px;
    height: 33px
}

.hot_call .quick-alo-ph-img-circle,
.hotline-bar {
    background-color: #eb081e !important
}

.hot_call .quick-alo-ph-circle-fill {
    background: #ec091fb3 !important
}

@media all and (max-width: 1000px) {
    .d-none {
        display: none
    }
}

.svg_phone {
    fill: #fff
}

.search_area .note_title {
    position: relative
}

.search_area .note_title select {
    position: absolute;
    right: 1px;
    top: -5px;
    border: none;
    color: #ffffff;
    padding: 4px 0px 4px 4px;
    background: var(--main-color);
    height: 30px;
    border: 1px solid #b1b1b10f;
    -moz-appearance: none;
    background-image: none;
    font-size: 14px;
    width: 95px;
    outline: unset;
    border-radius: 3px
}

.search_area .note_title select option {
    background-color: #fff;
    color: #000;
    font-size: 14px
}

/*# sourceMappingURL=template.css.map */
.admin_edit {
    position: absolute;
    z-index: 9999
}

.admin_edit a {
    width: 20px;
    height: 20px;
    background-image: url("https://bocauexpress.com/templates/bocau/images/edit.png");
    display: inline-block
}

.block_area .name_block {
    position: absolute;
    background: #ffffff94;
    z-index: 999;
    left: 0
}

.position_area {
    position: relative
}

.position_area .position_area_label {
    position: absolute;
    z-index: 9999;
    top: 0px;
    background: #ffffff94
}

.position_area .block_area_label {
    position: absolute;
    z-index: 9999;
    top: 18px;
    background: #ffffff94
}

.admin_edit_block {
    position: absolute;
    z-index: 9999;
    top: -3px;
    background: #ffffff;
    padding: 5px;
    width: 75px;
    left: 20px;
    padding-left: 10px
}

.admin_edit_block a {
    font-weight: bold;
    color: blue
}

.admin_edit_module {
    position: absolute;
    z-index: 9999;
    top: 25px;
    left: 20px;
    padding: 5px;
    background: #ffffff;
    width: 100px;
    padding-left: 10px
}

.admin_edit_module a {
    font-weight: bold;
    color: blue
}

.setting_admin {
    position: absolute;
    z-index: 99999999;
    top: 36px;
    background: #ffffff94;
    left: 0px;
    width: 20px;
    height: 20px;
    background-image: url("https://bocauexpress.com/templates/bocau/images/setting.png");
    display: inline-block;
    cursor: pointer;
    overflow: hidden
}

.setting_admin:hover {
    overflow: unset
}

.admin_edit_detail {
    position: absolute;
    z-index: 9999;
    right: 0px;
    bottom: 0px;
    padding: 5px;
    background: #ffffff94
}

.admin_edit_detail a {
    width: 20px;
    height: 20px;
    background-image: url("https://bocauexpress.com/templates/bocau/images/edit_content.png");
    display: inline-block
}

.admin_edit_detail_md {
    z-index: 9999;
    right: 0px;
    bottom: 0px;
    padding: 5px;
    background: #ffffff94
}

.admin_edit_detail_md a {
    color: blue;
    font-weight: bold;
    background-image: url("https://bocauexpress.com/templates/bocau/images/edit_content.png");
    background-repeat: no-repeat;
    display: inline-block;
    padding-left: 25px
}

.admin_edit_block_direct {
    position: absolute;
    z-index: 99999;
    top: 20px;
    padding: 5px;
    background: #ffffff94
}

.admin_edit_block_direct a {
    width: 20px;
    height: 20px;
    background-image: url("https://bocauexpress.com/templates/bocau/images/edit_content.png");
    display: inline-block
}

/*# sourceMappingURL=admin_edit.css.map */
.product .frame_left {
    position: relative
}

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

.product_grid .item {
    position: relative;
    float: left;
    width: calc(25% - 14px);
    box-sizing: border-box;
    position: relative;
    overflow: hidden;
    margin: 7px;
    background: #fff
}

.product_grid .item img {
    -webkit-transition: all .3s ease-out;
    -moz-transition: all .3s ease-out;
    -o-transition: all .3s ease-out;
    transition: all .3s ease-out
}

.product_grid .item:hover .frame_inner>h2 a,
.product_grid .item:hover .frame_inner>h3 a {
    color: var(--main-color)
}

.product_grid .item:hover img {
    moz-transform: scale(1.05);
    -webkit-transform: scale(1.05);
    -o-transform: scale(1.05);
    -ms-transform: scale(1.05);
    transform: scale(1.05)
}

@media screen and (max-width: 800px) {
    .product_grid .item {
        width: calc(33.333% - 14px)
    }
}

@media screen and (max-width: 500px) {
    .product_grid .item {
        width: calc(50% - 10px);
        margin: 5px
    }
}

@media screen and (max-width: 500px) {
    .product_grid_cat .item {
        width: calc(50% - 14px)
    }
}

.product_grid::after {
    clear: both;
    content: ' ';
    display: block
}

.product_grid .item .product_image {
    text-align: center;
    overflow: hidden;
    margin-bottom: 0px
}

@media screen and (max-width: 400px) {
    .product_grid .item .product_image {
        min-height: 110px
    }
}

.promotion .frame_dt .db p:after {
    background: #c30808;
    background-image: linear-gradient(to right, #c30808, #c30808)
}

.product_grid .item .product_image a {
    display: grid;
    position: relative
}

.product_grid .item .product_image a .doi-1 {
    position: absolute;
    width: 39px;
    height: 39px;
    top: 3px;
    content: '';
    background: #ff0000bd;
    border-radius: 50%;
    color: #FFF;
    font-size: 10.2px;
    line-height: 12px;
    padding-top: 5px;
    box-sizing: border-box;
    letter-spacing: -0.8px;
    font-weight: 600;
    word-spacing: -0.8px;
    left: 6px;
    -webkit-animation: jump 4.8s ease-in infinite;
    animation: jump 4.8s ease-in infinite
}

.product_grid .item .product_image a .gia-soc,
.product_grid .item .product_image a .hot-sale {
    color: #FFF;
    background: #f20202a3;
    position: absolute;
    bottom: 0;
    left: 0;
    padding: 0px 3px;
    font-weight: bold;
    font-size: 12px;
    -webkit-animation: scale-shadow 2.8s ease-in infinite;
    animation: scale-shadow 2.8s ease-in infinite;
    display: block;
    border-radius: 4px
}

.product_grid .item .product_image a .bao-hanh-24,
.product_grid .item .product_image a .doi-1-24,
.product_grid .item .product_image a .bh-ca-roi-vo {
    color: #FFF;
    background: #0183bf;
    position: absolute;
    bottom: 0;
    left: 0;
    padding: 0px 3px;
    font-weight: bold;
    font-size: 12px;
    display: block;
    border-radius: 4px
}

.product_grid .item .product_image a .bao-hanh-24 span,
.product_grid .item .product_image a .doi-1-24 span,
.product_grid .item .product_image a .bh-ca-roi-vo span {
    -webkit-animation: text-circle 4.0s ease-in infinite;
    animation: text-circle 4.0s ease-in infinite;
    display: inline-block
}

.product_grid .item .product_image a .tra-gop {
    color: #FFF;
    background: Orange;
    position: absolute;
    bottom: 0;
    left: 0;
    padding: 0px 3px;
    font-weight: bold;
    font-size: 12px;
    display: block;
    border-radius: 4px
}

.product_grid .item .product_image a .tra-gop span {
    -webkit-animation: neon1 3.0s ease-in infinite;
    animation: neon1 3.0s ease-in infinite;
    display: inline-block
}

@-webkit-keyframes neon1 {
    from {
        text-shadow: 0 0 10px #fff, 0 0 20px #fff, 0 0 30px #fff, 0 0 10px #ff2222, 0 0 10px #ff2222, 0 0 10px #ff222f, 0 0 10px #ff2222, 0 0 10px #ff2222
    }

    to {
        text-shadow: none
    }
}

@keyframes fadeIn1 {
    from {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

@keyframes jump {
    0% {
        transform: translateY(0) scale(1.05, 0.95)
    }

    15% {
        transform: translateY(-2px) scaleY(1.03)
    }

    25% {
        transform: translateY(-4px) scale(1)
    }

    30% {
        transform: translateY(-2px) scale(1)
    }

    50% {
        transform: translateY(0) scale(1.05, 0.95)
    }

    60% {
        transform: translateY(0) scale(1)
    }
}

@keyframes scale-shadow {
    0% {
        opacity: 1;
        transform: scale(1)
    }

    20% {
        opacity: .8;
        transform: scale(0.9)
    }

    40% {
        opacity: 1;
        transform: scale(1)
    }

    to {
        opacity: 1;
        transform: scale(1)
    }
}

@keyframes text-circle {
    0% {
        transform: rotate(0deg) scale(1)
    }

    15% {
        transform: rotate(0deg) scale(1)
    }

    50% {
        transform: rotate(360deg) scale(2);
        font-size: 13px
    }

    70% {
        transform: rotate(0deg) scale(1)
    }

    to {
        transform: rotate(0deg) scale(1)
    }
}

.product_grid .item .product_image img {
    transition: all 0.3s ease 0s;
    -webkit-transition: all 0.3s ease 0s;
    width: 100%;
    height: auto
}

.product_grid .item .summary {
    opacity: 0;
    position: relative;
    position: absolute;
    background: rgba(255, 255, 255, 0.9);
    height: 100%;
    top: -17px;
    padding-left: 10px;
    padding-right: 10px;
    left: 0px;
    color: #000;
    overflow: hidden;
    border-bottom: 1px dashed #E7E7E7;
    border-bottom-style: dashed;
    text-align: justify;
    font-family: tahoma;
    z-index: 99;
    -webkit-transition: all .5s ease;
    -moz-transition: all .5s ease;
    -o-transition: all .5s ease;
    -ms-transition: all .5s ease;
    transition: all .5s ease;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    filter: alpha(opacity=0);
    box-sizing: border-box;
    font-size: 13px;
    font-weight: normal
}

.product_grid .item .summary_inner {
    padding-top: 10px;
    color: #333;
    font-size: 12px;
    height: 38px;
    overflow: hidden
}

.product_grid .item .summary_inner a {
    color: #333;
    text-decoration: none
}

.frame_inner>h2,
.frame_inner>h3 {
    padding: 10px 15px;
    text-align: center;
    box-sizing: border-box
}

@media all and (max-width: 500px) {

    .frame_inner>h2,
    .frame_inner>h3 {
        padding: 10px 0px
    }
}

.product_grid .name {
    color: #000;
    display: block;
    font-weight: normal;
    font-size: 15px;
    line-height: 20px
}

.product_grid .name:hover {
    color: var(--main-color)
}

.product_grid .discount {
    background: var(--main-color);
    color: #FFFFFF;
    left: 15px;
    padding: 3px 8px 1px 8px;
    position: absolute;
    top: 13px;
    text-align: center;
    border-radius: 7px;
    text-transform: uppercase;
    font-size: 13px
}

.price_arae {
    position: relative;
    padding: 5px 13px
}

.product_grid .item .price_old {
    color: #c0c0c0;
    font-size: 13px;
    font-weight: normal;
    display: inline-flex;
    margin-left: 13px;
    text-decoration: line-through
}

.product_grid .item .price_old span {
    text-decoration: line-through
}

.product_grid .item .price_current {
    color: #DC0000;
    font-size: 15px;
    font-weight: 600;
    display: inline-flex
}

.product_grid .status {
    margin-bottom: 18px
}

.product_grid .status li {
    color: #606060;
    font-size: 11px;
    list-style: disc inside none
}

.product_grid .button-cart {
    display: none
}

.product_grid .button-detail {
    color: #f7f7f7;
    display: inline;
    padding: 6px 13px;
    -webkit-transition: 0.25s ease-in-out all;
    transition: 0.25s ease-in-out all;
    margin-top: 11px;
    display: table;
    position: absolute;
    bottom: -82px;
    right: 8px;
    background: #ED1C24;
    height: 13px;
    width: 5px;
    text-decoration: none
}

.product_grid .button-detail span {
    font-size: 22px;
    font-weight: 500;
    font-family: arial
}

.product_grid .button_area {
    display: none
}

.product_grid .button_area a {
    border-radius: 50% 50% 50% 50%;
    color: #FFFFFF;
    font-size: 14px;
    height: 38px;
    line-height: 38px;
    margin: 0 auto;
    overflow: hidden;
    padding: 0;
    position: relative;
    text-align: center;
    text-transform: uppercase;
    white-space: nowrap;
    width: 38px;
    background-color: #2080CA;
    color: #fff;
    border: 1px solid #2080CA;
    display: inline-block
}

.product_grid .button_area a:first-child {
    margin-right: 15px
}

.product_grid .button_area a::before,
.product_grid .button_area a::after {
    bottom: 0;
    height: 100%;
    line-height: 38px;
    transition: all 0.5s ease 0s;
    -webkit-transition: all 0.5s ease 0s;
    width: 100%;
    float: left;
    color: #ffffff;
    font-size: 19px;
    background-position: -85px -64px;
    content: ''
}

.product_grid .button_area a::before {
    bottom: 0
}

.product_grid .button_area a::after {
    bottom: 100%;
    pointer-events: none;
    position: absolute;
    width: 100%;
    left: 0
}

.product_grid .button_area a:hover:before {
    transform: translateY(100%);
    -webkit-transform: translateY(100%)
}

.product_grid .button_area a:hover:after {
    bottom: 0
}

.product_type {
    position: absolute;
    top: 0;
    left: 0;
    background: #0183BF;
    color: #FFF;
    padding: 1px 8px;
    border-radius: 3px 3px 3px 0;
    font-size: 12px;
    line-height: 18px
}

.product_type:after {
    content: '';
    position: absolute;
    bottom: -4px;
    left: 0;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 4px 4px 0 0;
    border-color: #0183BF transparent transparent transparent
}

.product_type_moi {
    background: #00A7F4;
    color: #FFF;
    padding: 1px 8px;
    border-radius: 3px 3px 3px 0;
    font-size: 12px
}

.product_type_moi:after {
    content: '';
    position: absolute;
    bottom: -4px;
    left: 0;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 4px 4px 0 0;
    border-color: #00A7F4 transparent transparent transparent
}

.product_type_hot,
.product_type_sale {
    background: #FF0000;
    color: #FFF;
    padding: 1px 8px;
    border-radius: 3px 3px 3px 0;
    font-size: 12px
}

.product_type_hot:after,
.product_type_sale:after {
    content: '';
    position: absolute;
    bottom: -4px;
    left: 0;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 4px 4px 0 0;
    border-color: #FF0000 transparent transparent transparent
}

.product_type_order_0 {
    top: 6px;
    left: 6px
}

.product_type_order_1 {
    top: 30px;
    left: 6px
}

.product_type_order_2 {
    top: -123px;
    left: 7px
}

.product_type_qua-tang {
    background-repeat: no-repeat;
    background-position: -215px 0;
    background-color: transparent;
    width: 35px;
    height: 33px;
    text-indent: -999px;
    left: 198px;
    top: -12px
}

.product_type_qua-tang:after {
    border-color: transparent
}

/*# sourceMappingURL=products.css.map */
.wapper-module-home {
    background: #fff;
    box-sizing: border-box;
    border: 1px solid var(--border-color)
}

.wapper-module-home .block_title {
    display: inline-block;
    float: left;
    margin-bottom: 10px
}

.wapper-module-home .cat_item_store {
    display: inline-block;
    float: right
}

.wapper-module-home .cat_item_store ul li {
    display: inline-block;
    margin-left: 30px
}

.wapper-module-home .cat_item_store ul li a {
    font-size: 15px
}

.active_cat_home {
    color: red
}

/*# sourceMappingURL=home.css.map */
.right-col .block_by_fast {
    box-sizing: border-box;
    background-color: var(--main-color);
    color: #fff
}

.wrap-by-fast-form1 .title {
    text-transform: none;
    font-size: 18px;
    font-weight: 600;
    padding-top: 20px;
    text-align: center;
    margin-bottom: 10px
}

.wrap-by-fast-form1 .footer_phone {
    border-bottom: 1px solid #ddd;
    padding-top: 50px;
    background: #222222;
    padding-bottom: 50px
}

.wrap-by-fast-form1 .phone-tittle {
    text-transform: uppercase;
    font-size: 20px
}

@media all and (max-width: 800px) and (min-width: 650px) {
    .wrap-by-fast-form1 .phone-tittle {
        display: inline
    }
}

.wrap-by-fast-form1 .phone-content {
    font-size: 15px;
    margin-top: 5px
}

@media all and (max-width: 800px) and (min-width: 650px) {
    .wrap-by-fast-form1 .phone-content {
        display: inline;
        margin-left: 10px
    }
}

.wrap-by-fast-form1 .fast-left {
    width: 658px;
    float: left
}

@media screen and (max-width: 1040px) {
    .wrap-by-fast-form1 .fast-left {
        width: 100%;
        text-align: center
    }
}

.wrap-by-fast-form1 .fast-left .fast-left-icon {
    width: calc(100% - 552px);
    float: left;
    height: 102px;
    background: var(--black-color);
    position: relative;
    animation: 2s ease-in-out 0s normal none infinite running change-translate;
    -webkit-transition: 0.3s ease-in-out all;
    transition: 0.3s ease-in-out all
}

@media screen and (max-width: 1040px) {
    .wrap-by-fast-form1 .fast-left .fast-left-icon {
        display: none
    }
}

.wrap-by-fast-form1 .fast-left .icon_phone {
    width: 58px;
    height: 75px;
    margin: 14px 5px 0px 60px;
    z-index: 2;
    position: absolute
}

.wrap-by-fast-form1 .fast-left .icon_v1 {
    background-position: -35px 75px;
    z-index: 3
}

.wrap-by-fast-form1 .fast-left .fast-left-text {
    float: right;
    width: 505px;
    margin: 26px 0px;
    color: #fff;
    padding-left: 13px;
    box-sizing: border-box
}

@media screen and (max-width: 1040px) {
    .wrap-by-fast-form1 .fast-left .fast-left-text {
        width: 100%;
        margin: 5px 0px 0px 0px;
        padding-left: 0px
    }
}

.wrap-by-fast-form1 .fast-left .fast-left-text .fast-top {
    font-size: 24px;
    font-family: RobotoCondensed-Bold;
    margin-top: -3px
}

.wrap-by-fast-form1 .fast-left .fast-left-text .fast-bottom {
    font-size: 16px
}

@media screen and (max-width: 1040px) {
    .wrap-by-fast-form1 .fast-left .fast-left-text .fast-bottom {
        box-sizing: border-box
    }
}

.wrap-by-fast-form1 .buy_fast {
    box-sizing: border-box
}

@media all and (max-width: 600px) {
    .wrap-by-fast-form1 .buy_fast {
        padding-left: 0px
    }
}

@keyframes change-translate {
    from {
        transform: translateX(-88px)
    }
}

.wrap-by-fast-form1 .fast-right {
    width: calc(100% - 658px);
    float: right;
    box-sizing: border-box
}

@media screen and (max-width: 1040px) {
    .wrap-by-fast-form1 .fast-right {
        width: calc(100% - 10px);
        margin: -15px 5px;
        text-align: center
    }
}

.wrap-by-fast-form1 .buy_fast #telephone_buy_fast :placeholder {
    color: #ddd;
    margin-left: -10px
}

.wrap-by-fast-form1 .buy_fast .button-buy-fast1 {
    border: none;
    color: #fff;
    padding: 10px 45px;
    background: transparent;
    cursor: pointer;
    font-size: 14px;
    text-transform: uppercase;
    transition: 0.5s all ease;
    display: block;
    border-radius: 5px;
    margin: 15px auto 0px;
    outline: none;
    background: var(--main-color)
}

.wrap-by-fast-form1 .buy_fast .button-buy-fast1:hover {
    background: var(--extra-color)
}

.wrap-by-fast-form1 .buy_fast .button-buy-fast1 svg {
    fill: white;
    width: 50px;
    height: 50px;
    background: var(--other-color);
    padding: 10px;
    box-sizing: border-box;
    clip-path: circle(50% at 50% 50%)
}

.wrap-by-fast-form1 .buy_fast .button-buy-fast1:hover svg {
    transition: 0.5s
}

@media all and (max-width: 1024px) {
    .wrap-by-fast-form1 .buy_fast_body__ table {
        width: 100%
    }
}

@media all and (max-width: 800px) {
    .wrap-by-fast-form1 .buy_fast_body__ {
        margin-top: 20px
    }
}

.wrap-by-fast-form1 .buy_fast_body__ td {
    padding: 8px 0px;
    color: #fff;
    display: inline-block;
    line-height: 14px;
    box-sizing: border-box
}

.wrap-by-fast-form1 .buy_fast_body__ td:first-child {
    padding-right: 5px
}

@media all and (max-width: 1024px) {
    .wrap-by-fast-form1 .buy_fast_body__ td:first-child {
        width: 155px
    }
}

@media all and (max-width: 1024px) {
    .wrap-by-fast-form1 .buy_fast_body__ td:last-child {
        width: calc(100% - 155px)
    }
}

.wrap-by-fast-form1 .buy_fast_body__ select {
    width: 100%;
    height: 28px;
    border-radius: 3px;
    background-color: #fff;
    padding-left: 10px;
    background-image: none;
    border: none
}

.wrap-by-fast-form1 .buy_fast_body__ .item {
    padding: 5px 0 0px;
    margin-bottom: 10px;
    display: flex;
    flex-wrap: wrap;
    color: #fff;
    border-bottom: 1px solid #63757c9e
}

.wrap-by-fast-form1 .buy_fast_body__ .item label {
    width: 20%;
    line-height: 37px
}

@media all and (max-width: 600px) {
    .wrap-by-fast-form1 .buy_fast_body__ .item label {
        width: 105px
    }
}

.wrap-by-fast-form1 .buy_fast_body__ .item .input {
    width: 75%
}

.wrap-by-fast-form1 .buy_fast_body__ .input_now {
    display: inline-block;
    background: #63757c9e;
    width: 80%
}

@media all and (max-width: 600px) {
    .wrap-by-fast-form1 .buy_fast_body__ .input_now {
        width: calc(100% - 110px);
        margin-left: 5px
    }
}

.wrap-by-fast-form1 .buy_fast_body__ input {
    border: none;
    height: 37px;
    line-height: 37px;
    background: transparent;
    outline: none;
    color: #fff;
    width: 100%;
    box-sizing: border-box;
    padding: 0px 10px;
    border-radius: 3px
}

.wrap-by-fast-form1 .buy_fast_body__ input:placeholder {
    color: #eee
}

.wrap-by-fast-form1 .buy_fast_body__ textarea {
    border: none;
    background: white;
    outline: none;
    color: #333333;
    width: 100%;
    box-sizing: border-box;
    padding: 0px 10px;
    border-radius: 3px
}

.wrap-by-fast-form1 .wrap-by-fast-form1 {
    padding: 0px 0;
    float: left
}

.wrap-by-fast-form1 .wrap-by-fast-form1 .title {
    text-align: center;
    text-transform: uppercase;
    font-size: 18px;
    font-family: robotobold;
    margin-bottom: 30px
}

.wrap-by-fast-form1 .wrap-by-fast .form-title {
    color: white
}

.wrap-by-fast-form1 .wrap-by-fast .form-title span {
    font-size: 25px;
    font-style: italic;
    font-family: 'Lobster Two', cursive !important;
    line-height: 20px
}

.wrap-by-fast-form1 .wrap-by-fast .form-title p {
    margin-top: 10px;
    font-size: 60px;
    font-weight: bold;
    text-transform: uppercase;
    line-height: 60px;
    margin-bottom: 0
}

.wrap-by-fast-form1 .wrap-by-fast h3 {
    font-size: 40px;
    font-style: italic;
    font-family: 'Lobster Two', cursive !important;
    color: #fff;
    font-weight: bold;
    margin-top: 0px
}

.wrap-by-fast-form1.form_page_regis table {
    width: 100%
}

.wrap-by-fast-form1.form_page_regis .title {
    display: none
}

.wrap-by-fast-form1.form_page_regis .buy_fast_body__ td {
    width: 100%
}

.wrap-by-fast-form1.form_page_regis .buy_fast_body__ td:first-child {
    padding-bottom: 0px
}

@media all and (max-width: 1000px) {
    .wrap-by-fast-form1 .phone-left {
        padding-left: 50px
    }
}

@media all and (max-width: 800px) {
    .wrap-by-fast-form1 .footer_phone {
        padding: 20px 20px 0
    }

    .wrap-by-fast-form1 .footer_phone .phone-left {
        width: 100%;
        padding: 0
    }

    .wrap-by-fast-form1 .phone-tittle {
        font-size: 18px
    }

    .wrap-by-fast-form1 .phone-content {
        font-size: 16px
    }

    .wrap-by-fast-form1 .buy_fast .button-buy-fast1 {
        font-size: 16px
    }
}

@media all and (max-width: 600px) {
    .wrap-by-fast-form1 .phone-left {
        padding-left: 0px
    }
}

.wrap-by-fast-form1 {
    padding: 25px 40px 30px;
    box-sizing: border-box
}

@media all and (max-width: 600px) {
    .wrap-by-fast-form1 {
        padding: 20px 10px 25px
    }
}

.wrap-by-fast-form1 .contact .title {
    text-transform: none;
    font-size: 18px;
    font-weight: 600;
    padding-top: 0px
}

.wrap-by-fast-form1 .contact .avatar {
    text-align: center
}

.wrap-by-fast-form1 .contact .avatar img {
    width: 100px;
    height: 100px;
    border-radius: 50%
}

.wrap-by-fast-form1 .contact .text {
    font-size: 16px;
    color: #222;
    text-align: center;
    margin-top: 10px;
    line-height: 20px
}

.wrap-by-fast-form1 .contact .text span {
    font-size: 14px;
    color: #888888
}

.wrap-by-fast-form1 .contact .call {
    margin-top: 15px
}

.wrap-by-fast-form1 .contact .call a {
    display: inline-block;
    width: 100%;
    background: var(--main-color);
    color: #fff;
    text-align: center;
    padding: 6px 10px 10px;
    font-size: 16px;
    line-height: 22px;
    box-sizing: border-box
}

.wrap-by-fast-form1 .contact .call a svg {
    fill: #fff;
    width: 20px;
    height: 20px;
    margin-right: 10px;
    transform: translate(0px, 4px)
}

.wrap-by-fast-form1 .contact .or_spre {
    color: #888888;
    text-align: center;
    padding-bottom: 10px;
    border-bottom: 1px solid #ccc;
    padding-top: 10px;
    margin-top: 10px;
    font-size: 16px
}

.form_c {
    width: 100vw;
    height: 100vh;
    background: #ddddddab;
    position: fixed;
    z-index: 99999;
    top: 0px;
    left: 0px
}

.form_c .block_title {
    color: #fff;
    padding-top: 40px;
    margin-bottom: 0px
}

.form_c .block_title:before {
    display: none
}

.form_c .container {
    position: relative;
    width: 100%;
    height: 100%
}

.form_c .container .form_dk {
    position: absolute;
    width: 700px;
    border: 3px solid #5d97a1a8;
    border-radius: 10px;
    background: #15262dcc;
    left: 50%;
    top: 45%;
    transform: translate(-50%, -50%);
    max-width: 96%
}

@media all and (max-width: 800px) {
    .form_c .container {
        padding: 10px
    }
}

.form_c .container .close {
    font-size: 25px;
    color: red;
    position: absolute;
    top: 0;
    right: 0;
    width: 35px;
    height: 35px;
    background: #fff;
    text-align: center;
    line-height: 29px;
    border-radius: 50%;
    cursor: pointer;
    z-index: 2
}

/*# sourceMappingURL=popup.css.map */
.dcjq-mega-menu #megamenu {
    z-index: 99
}

@media all and (max-width: 990px) {
    .dcjq-mega-menu #megamenu {
        display: none;
        position: absolute;
        width: 100%;
        top: calc(100% + 10px);
        background-color: #fff;
        z-index: 99999;
        left: 0;
        height: 90vh;
        overflow-x: hidden;
        overflow-y: auto
    }
}

@media all and (max-width: 960px) {
    .dcjq-mega-menu #megamenu {
        top: 100%
    }
}

.header_wrapper_js {
    position: fixed;
    top: 0px;
    transition: all 0.25s cubic-bezier(0.55, 0, 0.1, 1);
    position: fixed;
    z-index: 99999;
    width: 100%
}

.top_ss {
    display: none
}

#megamenu .menu-sepa {
    display: none
}

.dcjq-mega-menu ul.menu li.level_0 {
    float: left;
    text-align: center;
    box-sizing: border-box;
    -webkit-transition: 0.3s ease all;
    transition: 0.3s ease all;
    flex: 1
}

@media all and (max-width: 1024px) {
    .dcjq-mega-menu ul.menu li.level_0 {
        position: unset !important
    }
}

.dcjq-mega-menu ul.menu li.home .menu_item_a {
    display: grid
}

.dcjq-mega-menu ul.menu li.mega-hover a,
.dcjq-mega-menu ul.menu>li.activated>a,
.dcjq-mega-menu ul.menu>li:hover>a {
    color: var(--hover-color)
}

@media all and (max-width: 960px) {

    .dcjq-mega-menu ul.menu li.mega-hover a,
    .dcjq-mega-menu ul.menu>li.activated>a,
    .dcjq-mega-menu ul.menu>li:hover>a {
        color: var(--hover-color)
    }
}

.dcjq-mega-menu ul.menu li.home.mega-hover a,
.dcjq-mega-menu ul.menu>li.home.activated>a,
.dcjq-mega-menu ul.menu>li.home:hover>a {
    color: var(--hover-color)
}

.dcjq-mega-menu .menu_item_a {
    padding: 36px 25px;
    text-transform: uppercase;
    font-size: 16px;
    display: inline-block;
    white-space: nowrap;
    transition: 0.5s;
    -moz-transition: 0.5s;
    -webkit-transition: 0.5s;
    -o-transition: 0.5s;
    color: var(--main-color);
    font-weight: 700
}

.dcjq-mega-menu .menu_item_a svg {
    fill: #fff
}

@media screen and (max-width: 990px) {
    .dcjq-mega-menu .menu_item_a svg {
        fill: #000
    }
}

@media all and (max-width: 1140px) {
    .dcjq-mega-menu .menu_item_a {
        padding: 35px 20px
    }
}

@media all and (max-width: 1070px) {
    .dcjq-mega-menu .menu_item_a {
        padding: 32px 12px
    }
}

.dcjq-mega-menu .home.activated .menu_item_a svg {
    fill: var(--extra-color)
}

.drop_down2 {
    display: none;
    position: absolute;
    width: 32px;
    height: 32px;
    right: 0;
    top: 0;
    padding: 0px 10px
}

.drop_down2 svg {
    fill: #000;
    width: 15px;
    height: 15px;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    transition: all 0.3s ease
}

@media all and (max-width: 960px) {
    .drop_down2 {
        display: block
    }
}

.drop_down2.transform svg {
    transform: translate(-50%, -50%) rotate(180deg)
}

.drop_down {
    color: #FFFFFF;
    display: block;
    float: left;
    padding: 0 10px;
    display: none
}

.drop_down svg {
    fill: #000;
    width: 15px;
    height: 15px;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    transition: all 0.3s ease
}

@media all and (max-width: 960px) {
    .drop_down {
        display: block;
        float: left;
        width: 33px;
        height: 33px;
        display: block;
        position: absolute;
        right: 0px;
        top: 0px;
        -webkit-transition: 0.7s ease-in-out all;
        transition: 0.7s ease-in-out all
    }
}

.drop_down.transform svg {
    transform: translate(-50%, -50%) rotate(180deg)
}

.dcjq-mega-menu li.big_menu .highlight {
    top: 100%;
    width: 100%;
    border-top: 1px solid #ffffff47;
    padding-bottom: 20px;
    height: auto
}

.dcjq-mega-menu li.big_menu .highlight li.sub-menu-level1 {
    width: 25%;
    float: left;
    border-bottom: none;
    padding: 0px 0px 0px 20px;
    box-sizing: border-box
}

.dcjq-mega-menu li.big_menu .highlight li.sub-menu-level1 .images-sub-menu1 a {
    padding: 10px 0px;
    display: block;
    font-weight: 700
}

@media all and (max-width: 500px) {
    .dcjq-mega-menu li.big_menu .highlight li.sub-menu-level1 .images-sub-menu1 a {
        padding: 5px 0px
    }
}

.dcjq-mega-menu li.big_menu .highlight li.sub-menu-level1 .highlight_level2 .sub-menu2 a {
    padding: 5px 0px;
    display: block;
    transition: all 0s
}

.dcjq-mega-menu li.big_menu .highlight li.sub-menu-level1:hover {
    border-left: none
}

.dcjq-mega-menu li.big_menu .highlight li.sub-menu-level1:hover .images-sub-menu1>a.level_0 {
    color: var(--other-color)
}

@media all and (max-width: 960px) {
    .dcjq-mega-menu li.big_menu .highlight li.sub-menu-level1 {
        width: 100%
    }
}

.dcjq-mega-menu .highlight {
    position: absolute;
    text-align: left;
    top: calc(100% + 30px);
    left: 0px;
    min-width: 215px;
    z-index: 99999999;
    width: 220px;
    opacity: 0;
    visibility: hidden;
    background: #fffffff2;
    height: auto
}

.dcjq-mega-menu ul.menu li:hover .highlight {
    opacity: 1;
    visibility: visible;
    top: 100%
}

.dcjq-mega-menu .highlight .sub-menu-level1 {
    padding: 5px 0 5px 20px;
    position: relative
}

.dcjq-mega-menu .highlight .sub-menu-level1:not(:last-child) {
    border-bottom: 1px solid #bfbdbd47
}

.dcjq-mega-menu .highlight .sub-menu-level1 a {
    color: #444444;
    padding: 5px 0px;
    transition: all 0s;
    display: block
}

.dcjq-mega-menu .highlight .sub-menu-level1 a:hover {
    color: var(--other-color)
}

.dcjq-mega-menu .highlight .sub-menu-level1 .image_sub {
    display: none
}

.dcjq-mega-menu .highlight .sub-menu-level1 .highlight_level2 {
    width: 100%;
    transition: all 0.3s ease
}

.dcjq-mega-menu .highlight .sub-menu-level1 .highlight_level2 .sub-menu2 {
    padding: 0px 0px 0px 15px;
    position: relative;
    border-bottom: none
}

@media all and (max-width: 960px) {
    .dcjq-mega-menu .highlight .sub-menu-level1 .highlight_level2 .sub-menu2 {
        padding-left: 30px
    }
}

.dcjq-mega-menu .highlight .sub-menu-level1 .highlight_level2 .sub-menu2 svg {
    position: absolute;
    width: 10px;
    height: 10px;
    top: 50%;
    left: 0px;
    transform: translateY(-50%);
    color: #444
}

@media all and (max-width: 960px) {
    .dcjq-mega-menu .highlight .sub-menu-level1 .highlight_level2 .sub-menu2 svg {
        color: #000
    }
}

.dcjq-mega-menu .highlight .sub-menu-level1 .highlight_level2 .sub-menu2:hover a,
.dcjq-mega-menu .highlight .sub-menu-level1 .highlight_level2 .sub-menu2:hover svg {
    color: var(--other-color)
}

@media all and (max-width: 960px) {
    .dcjq-mega-menu .highlight .sub-menu-level1 .highlight_level2 {
        display: none;
        transition: 0s
    }
}

@media all and (max-width: 960px) {
    .dcjq-mega-menu .highlight .sub-menu-level1 {
        position: relative
    }

    .dcjq-mega-menu .highlight .sub-menu-level1 .images-sub-menu1 {
        position: relative;
        padding-left: 15px
    }

    .dcjq-mega-menu .highlight .sub-menu-level1 .images-sub-menu1:before {
        content: '';
        position: absolute;
        top: 50%;
        left: 0;
        transform: translateY(-50%);
        width: 10px;
        height: 10px;
        background-image: url("https://bocauexpress.com/blocks/mainmenu/assets/images/right.svg");
        background-size: contain;
        background-repeat: no-repeat
    }
}

.dcjq-mega-menu .highlight .sub-menu-level1:hover,
.dcjq-mega-menu .highlight .sub-menu-level1 .highlight_level2 .sub-menu2:hover {
    -webkit-transition: 0.15s ease-in-out all;
    transition: 0.15s ease-in-out all
}

.dcjq-mega-menu .highlight .sub-menu-level1:hover .images-sub-menu1>a {
    color: var(--other-color)
}

.dcjq-mega-menu .highlight .sub-menu-level1 a img {
    display: none
}

.dcjq-mega-menu .sb-toggle-left {
    float: left;
    display: none;
    cursor: pointer;
    position: relative
}

.wrapper_top_s {
    padding: 14px 0px
}

@media screen and (max-width: 860px) {
    .wrapper_top_s {
        padding: 11px 0px
    }
}

@media all and (max-width: 990px) {
    .dcjq-mega-menu .sb-toggle-left {
        display: grid;
        float: none;
        right: 0;
        padding: 16px 0
    }

    .dcjq-mega-menu .sb-toggle-left svg {
        width: 22px;
        height: 22px;
        z-index: 99;
        fill: #fff
    }
}

@media all and (max-width: 990px) and (max-width: 960px) {
    .dcjq-mega-menu .highlight .sub-menu-level1 {
        padding: 0px 0px 0px 20px
    }
}

@media all and (max-width: 990px) {
    .dcjq-mega-menu .menu_item_a {
        display: block;
        float: none;
        text-align: left;
        padding: 5px 0 5px 10px;
        text-transform: uppercase;
        text-decoration: unset;
        color: #000;
        font-size: 14px
    }
}

@media all and (max-width: 990px) and (max-width: 600px) {
    .dcjq-mega-menu .menu_item_a {
        color: #000 !important
    }
}

@media all and (max-width: 990px) {
    .dcjq-mega-menu .highlight .highlight1 a {
        color: #000
    }

    .dcjq-mega-menu ul.menu li.level_0 {
        float: none;
        padding: 0px;
        border-top: 1px solid #eaeaea;
        margin: 0;
        position: relative !important
    }
}

@media screen and (max-width: 990px) {
    .dcjq-mega-menu ul.menu li.level_0:before {
        display: none
    }

    .dcjq-mega-menu ul.menu li.level_0:after {
        display: none
    }

    #megamenu .level_0 .highlight {
        background: transparent;
        border: none;
        box-shadow: none;
        position: relative;
        text-align: left;
        float: none;
        top: 0px;
        width: auto;
        display: none;
        opacity: 1;
        visibility: visible;
        left: 0;
        padding-top: 0
    }

    #megamenu .level_0_1 .highlight {
        display: block
    }

    #megamenu .level_0_1 .highlight .highlight_level2_0,
    #megamenu .level_0_1 .highlight .highlight_level2_1 {
        display: block
    }

    .dcjq-mega-menu .highlight .highlight1 {
        background: transparent;
        border: none;
        border-top: 1px solid rgba(255, 255, 255, 0.5);
        text-transform: none
    }

    .dcjq-mega-menu .highlight .sub-menu-level1 {
        border-top: none
    }

    .dcjq-mega-menu ul.menu li.mega-hover a,
    .dcjq-mega-menu ul.menu>li.activated>a,
    .dcjq-mega-menu ul.menu>li:hover>a {
        -webkit-transition: 0.25s ease-in-out all;
        transition: 0.25s ease-in-out all
    }
}

.slide-up {
    -ms-transform: translateY(0);
    transform: translateY(0);
    background-color: transparent;
    top: 0;
    width: 100%;
    left: 0;
    transition: all 0.3s ease
}

.slide-up .header .left_logo {
    width: calc(220px + ((100% - 1170px)/2));
    padding: 5px 0px 14px calc((100% - 1170px)/2);
    background: #fff
}

@media all and (max-width: 1070px) {
    .slide-up .header .left_logo {
        width: 230px;
        padding: 5px 0px 14px 10px
    }
}

.slide-up .header .left_logo:before {
    display: none
}

.slide-up .header .left_logo:after {
    width: 100%;
    left: 0px;
    height: 1px
}

.slide-up .header .left_logo img {
    max-height: 53px
}

.slide-up .chk_search_mobile {
    padding: 28px 0px
}

@media all and (max-width: 1070px) {
    .slide-up .chk_search_mobile {
        padding: 20px 0px
    }
}

.slide-up .top_menu {
    width: calc(100% - (220px + ((100% - 1170px)/2)))
}

@media all and (max-width: 1070px) {
    .slide-up .top_menu {
        width: calc(100% - 230px)
    }
}

.slide-up .top_menu:before {
    display: none
}

.slide-up .top_menu:after {
    width: 100%;
    right: 0px;
    height: 1px
}

.slide-up .dcjq-mega-menu .menu_item_a {
    padding: 25px 25px
}

@media all and (max-width: 1070px) {
    .slide-up .dcjq-mega-menu .menu_item_a {
        padding: 20px 12px
    }
}

@media all and (min-width: 1025px) {
    .slide-run {
        background-color: transparent
    }
}

.slide-down {
    -ms-transform: translateY(-100%);
    transform: translateY(-100%);
    background-color: transparent;
    top: -200px;
    left: 0;
    width: 100%
}

.slide-down .header .left_logo {
    width: calc(220px + ((100% - 1170px)/2));
    padding: 5px 0px 14px calc((100% - 1170px)/2);
    background: #fff
}

@media all and (max-width: 1070px) {
    .slide-down .header .left_logo {
        width: 230px;
        padding: 5px 0px 14px 10px
    }
}

.slide-down .header .left_logo:before {
    display: none
}

.slide-down .header .left_logo:after {
    width: 100%;
    left: 0px;
    height: 1px
}

.slide-down .header .left_logo img {
    max-height: 53px
}

.slide-down .chk_search_mobile {
    padding: 28px 0px
}

@media all and (max-width: 1070px) {
    .slide-down .chk_search_mobile {
        padding: 20px 0px
    }
}

.slide-down .top_menu {
    width: calc(100% - (220px + ((100% - 1170px)/2)))
}

@media all and (max-width: 1070px) {
    .slide-down .top_menu {
        width: calc(100% - 230px)
    }
}

.slide-down .top_menu:before {
    display: none
}

.slide-down .top_menu:after {
    width: 100%;
    right: 0px;
    height: 1px
}

.slide-down .dcjq-mega-menu .menu_item_a {
    padding: 25px 25px
}

@media all and (max-width: 1070px) {
    .slide-down .dcjq-mega-menu .menu_item_a {
        padding: 20px 12px
    }
}

.slide-up-m {
    -ms-transform: translateY(0);
    transform: translateY(0);
    z-index: 10000;
    transition: all 0.3s ease
}

.slide-down-m {
    -ms-transform: translateY(-100%);
    transform: translateY(-100%);
    z-index: 10000
}

.header_wrapper_wrap_w .slide-up-m {
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center
}

.header_wrapper_wrap_w .slide-down-m {
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center
}

#menu-fixed-bar {
    z-index: 10000
}

.m-menu-fix#menu-fixed-bar {
    position: fixed;
    top: 52px
}

.header_wrapper_wrap_w .top_menu .dcjq-mega-menu ul.menu>li.activated>a {
    color: var(--hover-color)
}

/*# sourceMappingURL=megamenu.css.map */
.search-contain2 .search-content {
    border: none
}

@media all and (max-width: 1024px) {
    .search-contain2 .search-content {
        display: flex;
        justify-content: left
    }
}

.header_right_mobile #search_form {
    border-radius: 30px;
    display: inline-block;
    float: left;
    padding: 0 15px;
    position: relative;
    box-sizing: border-box;
    background: #fff;
    float: none;
    width: 80%;
    border: 1px solid #eee
}

.button_a {
    float: right;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    border: none;
    background: none;
    position: absolute;
    right: 5px;
    height: 32px;
    width: 30px
}

.button_a svg {
    width: 14px;
    height: 14px
}

.button_a:focus {
    outline: none
}

.input-text {
    border: none;
    background: none;
    float: left;
    color: #000;
    font-size: 14px;
    width: 100%;
    box-sizing: border-box;
    font-size: 13px;
    height: 32px
}

.input-text:focus {
    outline: none
}

.autocomplete-suggestions {
    position: absolute;
    top: 4px;
    right: -5px;
    margin: 6px 0 0 6px;
    _background: none;
    _margin: 1px 0 0 0
}

.autocomplete-suggestions {
    border: 1px solid #ececec;
    background: #fff;
    cursor: default;
    overflow: auto;
    margin: 0 0px 6px -1px;
    width: 100%;
    top: 31px;
    left: 101px
}

@media only screen and (min-width: 1180px) {
    .autocomplete-suggestions {
        width: 250px !important
    }
}

.autocomplete-suggestions div {
    cursor: pointer;
    width: 100%;
    display: inline-block;
    clear: both;
    padding: 0;
    margin: 0;
    margin-bottom: -5px
}

.autocomplete-suggestions .autocomplete-group {
    padding: 8px 3%;
    width: 100%;
    background: #f9f9f9;
    box-sizing: border-box;
    color: #000
}

.autocomplete-suggestions div a,
.autocomplete-suggestions div a:link,
.autocomplete-suggestions div a:visited {
    display: inline-block;
    margin: 0;
    padding: 6px 3%;
    width: 100%;
    font-size: 13px;
    color: #333;
    background: #fff;
    clear: both;
    border-bottom: 1px solid #eee;
    box-sizing: border-box
}

.autocomplete-suggestions div a:hover {
    background: #ececec
}

.autocomplete-suggestions div a img {
    width: 64px;
    float: left;
    margin-right: 10px
}

.autocomplete-suggestions div a span {
    display: block;
    clear: both;
    cursor: pointer;
    margin: 0;
    padding: 0
}

.autocomplete-suggestions div a span.price {
    color: #fd0000;
    padding-bottom: 3px
}

.autocomplete-suggestions div.last {
    border: none
}

.autocomplete-suggestions strong {
    font-weight: 700;
    color: #000
}

.autocomplete-suggestions::-webkit-scrollbar-track {
    border-radius: 15px;
    background-color: #EBEBEB
}

.autocomplete-suggestions::-webkit-scrollbar {
    width: 5px;
    background-color: #EBEBEB;
    border-radius: 15px
}

.autocomplete-suggestions::-webkit-scrollbar-thumb {
    border-radius: 15px;
    background: var(--main-color);
    border: 1px solid #EBEBEB
}

@media only screen and (max-width: 450px) {
    .search-contain2 {
        width: 100%
    }
}

@media only screen and (max-width: 768px) {
    .autocomplete-suggestions {
        top: 30px;
        left: 10px
    }
}

.header_right_mobile {
    display: none
}

.chk_search_mobile {
    opacity: 1;
    transition: .5s;
    cursor: pointer;
    padding: 35px 0px;
    box-sizing: border-box;
    display: grid
}

@media all and (max-width: 1070px) {
    .chk_search_mobile {
        padding: 32px 0px;
        display: inline-block
    }
}

@media all and (max-width: 990px) {
    .chk_search_mobile {
        padding: 18px 0px;
        display: grid
    }
}

.chk_search_mobile svg {
    width: 16px;
    height: 16px;
    fill: var(--extra-color)
}

.chk_search_mobile_hide {
    display: none;
    display: block;
    float: right;
    margin-top: 24px
}

.chk_search_mobile_hide svg {
    width: 17px;
    fill: var(--extra-color)
}

#search_mobile {
    display: none;
    width: 100vw;
    height: 100vh;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 99999999999;
    background: rgba(0, 0, 0, 0.8)
}

.hide_search {
    text-align: center;
    position: relative;
    margin-top: 45px
}

#chk_search_mobile:checked~.chk_search_mobile1 {
    opacity: 0
}

#chk_search_mobile:checked~.header_right_mobile {
    opacity: 1;
    width: 300px;
    display: block;
    overflow: visible;
    z-index: 9999
}

.header_right_mobile {
    display: block;
    top: 50%;
    transform: translate(0px, -50%);
    position: absolute;
    right: 0px;
    z-index: -9999;
    transition: .5s;
    width: 0;
    overflow: hidden;
    opacity: 0;
    float: right
}

@media all and (max-width: 768px) {
    .header_right_mobile {
        right: 0px
    }
}

.header_right_mobile .chk_search_mobile_hide {
    position: absolute;
    top: 8px;
    margin-top: 0;
    right: -47px;
    z-index: 9999;
    transition: .5s;
    overflow: hidden;
    opacity: 1;
    cursor: pointer
}

/*# sourceMappingURL=venus_search.css.map */
.owl-carousel .animated {
    -webkit-animation-duration: 1000ms;
    animation-duration: 1000ms;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both
}

.owl-carousel .owl-animated-in {
    z-index: 0
}

.owl-carousel .owl-animated-out {
    z-index: 1
}

.owl-carousel .fadeOut {
    -webkit-animation-name: fadeOut;
    animation-name: fadeOut
}

@-webkit-keyframes fadeOut {
    0% {
        opacity: 1
    }

    100% {
        opacity: 0
    }
}

@keyframes fadeOut {
    0% {
        opacity: 1
    }

    100% {
        opacity: 0
    }
}

.owl-height {
    -webkit-transition: height 500ms ease-in-out;
    -moz-transition: height 500ms ease-in-out;
    -ms-transition: height 500ms ease-in-out;
    -o-transition: height 500ms ease-in-out;
    transition: height 500ms ease-in-out
}

.owl-carousel {
    display: none;
    width: 100%;
    -webkit-tap-highlight-color: transparent;
    position: relative;
    z-index: 1
}

.owl-carousel .owl-stage {
    position: relative;
    -ms-touch-action: pan-Y
}

.owl-carousel .owl-stage:after {
    content: ".";
    display: block;
    clear: both;
    visibility: hidden;
    line-height: 0;
    height: 0
}

.owl-carousel .owl-stage-outer {
    position: relative;
    overflow: hidden;
    -webkit-transform: translate3d(0px, 0px, 0px)
}

.owl-carousel .owl-controls .owl-nav .owl-prev,
.owl-carousel .owl-controls .owl-nav .owl-next,
.owl-carousel .owl-controls .owl-dot {
    cursor: pointer;
    cursor: hand;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.owl-carousel.owl-loaded {
    display: block
}

.owl-carousel.owl-loading {
    opacity: 0;
    display: block
}

.owl-carousel.owl-hidden {
    opacity: 0
}

.owl-carousel .owl-refresh .owl-item {
    display: none
}

.owl-carousel .owl-item {
    position: relative;
    min-height: 1px;
    float: left;
    -webkit-backface-visibility: hidden;
    -webkit-tap-highlight-color: transparent;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.owl-carousel .owl-item img {
    -webkit-transform-style: preserve-3d
}

.owl-carousel.owl-text-select-on .owl-item {
    -webkit-user-select: auto;
    -moz-user-select: auto;
    -ms-user-select: auto;
    user-select: auto
}

.owl-carousel .owl-grab {
    cursor: move;
    cursor: -webkit-grab;
    cursor: -o-grab;
    cursor: -ms-grab;
    cursor: grab
}

.owl-carousel.owl-rtl {
    direction: rtl
}

.owl-carousel.owl-rtl .owl-item {
    float: right
}

.no-js .owl-carousel {
    display: block
}

.owl-carousel .owl-item .owl-lazy {
    opacity: 0;
    -webkit-transition: 400ms ease all;
    -moz-transition: 400ms ease all;
    -ms-transition: 400ms ease all;
    -o-transition: 400ms ease all;
    transition: 400ms ease all
}

.owl-carousel .owl-item img {
    transform-style: preserve-3d
}

.owl-carousel .owl-video-wrapper {
    position: relative;
    height: 100%;
    background: #000
}

.owl-carousel .owl-video-play-icon {
    position: absolute;
    height: 80px;
    width: 80px;
    left: 50%;
    top: 50%;
    margin-left: -40px;
    margin-top: -40px;
    background: url("owl.video.play.png") no-repeat;
    cursor: pointer;
    z-index: 1;
    -webkit-backface-visibility: hidden;
    -webkit-transition: scale 100ms ease;
    -moz-transition: scale 100ms ease;
    -ms-transition: scale 100ms ease;
    -o-transition: scale 100ms ease;
    transition: scale 100ms ease
}

.owl-carousel .owl-video-play-icon:hover {
    -webkit-transition: scale(1.3, 1.3);
    -moz-transition: scale(1.3, 1.3);
    -ms-transition: scale(1.3, 1.3);
    -o-transition: scale(1.3, 1.3);
    transition: scale(1.3, 1.3)
}

.owl-carousel .owl-video-playing .owl-video-tn,
.owl-carousel .owl-video-playing .owl-video-play-icon {
    display: none
}

.owl-carousel .owl-video-tn {
    opacity: 0;
    height: 100%;
    background-position: center center;
    background-repeat: no-repeat;
    -webkit-background-size: contain;
    -moz-background-size: contain;
    -o-background-size: contain;
    background-size: contain;
    -webkit-transition: opacity 400ms ease;
    -moz-transition: opacity 400ms ease;
    -ms-transition: opacity 400ms ease;
    -o-transition: opacity 400ms ease;
    transition: opacity 400ms ease
}

.owl-carousel .owl-video-frame {
    position: relative;
    z-index: 1
}

/*# sourceMappingURL=owl.carousel.css.map */
.slider-home-wrapper {
    position: relative
}

.slider-home-wrapper .owl-carousel {
    position: initial
}

.lide_m img {
    width: 100%
}

#pav-slideShow {
    position: relative
}

#pav-slideShow .back_ground_slide {
    width: 100%;
    height: 100%;
    position: absolute;
    bottom: 0px;
    left: 0px;
    z-index: 1;
    background-size: 100% auto;
    pointer-events: none
}

.fs-slider-home {
    position: relative
}

.fs-slider-home .item_pc.item_text .item_slide {
    display: grid;
    position: relative
}

.fs-slider-home .item_mb.item_text .item_slide {
    display: grid;
    position: relative
}

.fs-slider-home h3 {
    background: rgba(0, 0, 0, 0.6) none repeat scroll 0 0;
    bottom: 0;
    color: #fff;
    display: none;
    font-family: MyriadPro-Light;
    font-size: 18px;
    font-weight: bold;
    left: 0;
    margin: 0;
    padding: 8px 20px;
    position: absolute;
    width: 100%
}

.fs-slider-home {
    display: block
}

@media all and (max-width: 768px) {
    .fs-slider-home {
        padding-bottom: 0px
    }
}

.fs-slider-home .item:first-child {
    display: block
}

.fs-slider-home .item {
    text-align: center;
    position: relative
}

.fs-slider-home .item .contact_slide {
    position: absolute;
    text-align: left;
    z-index: 2;
    bottom: 20px;
    left: 17.188vw;
    width: 31.250vw;
    bottom: 1.042vw
}

@media all and (max-width: 1440px) {
    .fs-slider-home .item .contact_slide {
        left: calc(calc(100% - 1170px)/2);
        width: 600px;
        bottom: 10px
    }
}

@media all and (max-width: 1200px) {
    .fs-slider-home .item .contact_slide {
        left: 20px
    }
}

@media all and (max-width: 768px) {
    .fs-slider-home .item .contact_slide {
        width: 40vw;
        left: 5vw
    }
}

@media all and (max-width: 600px) {
    .fs-slider-home .item .contact_slide {
        left: 10px;
        bottom: 10px;
        width: 250px;
        max-width: 100%
    }
}

.fs-slider-home .item .contact_slide .itm {
    margin-top: 10px
}

@media all and (max-width: 768px) {
    .fs-slider-home .item .contact_slide .itm {
        margin-top: 0.8vw
    }
}

@media all and (max-width: 600px) {
    .fs-slider-home .item .contact_slide .itm {
        margin-top: 5px
    }
}

.fs-slider-home .item .contact_slide .itm .wrapp_txt {
    line-height: 1.2
}

.fs-slider-home .item .contact_slide .itm a {
    color: #005155;
    display: flex;
    align-items: center
}

.fs-slider-home .item .contact_slide .itm a svg {
    width: 3.125vw;
    height: 3.125vw;
    fill: #005155
}

@media all and (max-width: 1440px) {
    .fs-slider-home .item .contact_slide .itm a svg {
        width: 42px;
        height: 42px
    }
}

@media all and (max-width: 1024px) {
    .fs-slider-home .item .contact_slide .itm a svg {
        width: 35px;
        height: 35px
    }
}

@media all and (max-width: 900px) {
    .fs-slider-home .item .contact_slide .itm a svg {
        width: 28px;
        height: 28px
    }
}

@media all and (max-width: 768px) {
    .fs-slider-home .item .contact_slide .itm a svg {
        width: 4vw;
        height: 4vw
    }
}

@media all and (max-width: 600px) {
    .fs-slider-home .item .contact_slide .itm a svg {
        width: 25px;
        height: 25px
    }
}

.fs-slider-home .item .contact_slide .itm a span {
    font-size: 1.250vw;
    display: block;
    margin-left: 5px
}

@media all and (max-width: 1440px) {
    .fs-slider-home .item .contact_slide .itm a span {
        font-size: 18px
    }
}

@media all and (max-width: 1024px) {
    .fs-slider-home .item .contact_slide .itm a span {
        font-size: 16px
    }
}

@media all and (max-width: 900px) {
    .fs-slider-home .item .contact_slide .itm a span {
        font-size: 14px
    }
}

@media all and (max-width: 768px) {
    .fs-slider-home .item .contact_slide .itm a span {
        font-size: 1.5vw
    }
}

@media all and (max-width: 600px) {
    .fs-slider-home .item .contact_slide .itm a span {
        font-size: 12px
    }
}

.fs-slider-home .item .contact_slide .itm a .hotline {
    font-weight: 700;
    font-size: 1.302vw
}

@media all and (max-width: 1440px) {
    .fs-slider-home .item .contact_slide .itm a .hotline {
        font-size: 20px
    }
}

@media all and (max-width: 1024px) {
    .fs-slider-home .item .contact_slide .itm a .hotline {
        font-size: 18px
    }
}

@media all and (max-width: 900px) {
    .fs-slider-home .item .contact_slide .itm a .hotline {
        font-size: 14px
    }
}

@media all and (max-width: 768px) {
    .fs-slider-home .item .contact_slide .itm a .hotline {
        font-size: 1.6vw
    }
}

@media all and (max-width: 600px) {
    .fs-slider-home .item .contact_slide .itm a .hotline {
        font-size: 13px
    }
}

.fs-slider-home .item .content {
    position: absolute;
    top: 40%;
    left: 30%;
    text-align: left;
    z-index: 2;
    top: 7.333vw;
    left: 17.188vw;
    width: 19.531vw;
    overflow: hidden;
    top: 50%;
    transform: translate(0px, -50%)
}

@media all and (min-width: 1240px) {
    .fs-slider-home .item .content {
        left: calc(calc(100% - 1170px)/2);
        width: 32vw
    }
}

@media all and (max-width: 1200px) {
    .fs-slider-home .item .content {
        left: 20px
    }
}

@media all and (max-width: 900px) {
    .fs-slider-home .item .content {
        width: 300px
    }
}

@media all and (max-width: 768px) {
    .fs-slider-home .item .content {
        left: 10px;
        top: 50%;
        width: 290px
    }
}

@media all and (max-width: 600px) {
    .fs-slider-home .item .content {
        left: 10px;
        top: 25%;
        width: 250px;
        max-width: 100%;
        transform: translate(0px, -25%)
    }
}

.fs-slider-home .item .content .icon svg {
    width: 266px;
    height: 25px
}

@media all and (max-width: 600px) {
    .fs-slider-home .item .content .stt {
        display: none
    }
}

.fs-slider-home .item .content .name {
    color: #222222;
    font-size: 25px;
    line-height: 1.1;
    color: #fff;
    text-transform: uppercase;
    padding-top: 10px;
    position: relative;
    font-weight: 400;
    font-size: 1.302vw
}

@media all and (max-width: 1440px) {
    .fs-slider-home .item .content .name {
        font-size: 25px
    }
}

@media all and (max-width: 1024px) {
    .fs-slider-home .item .content .name {
        font-size: 20px
    }
}

@media all and (max-width: 900px) {
    .fs-slider-home .item .content .name {
        font-size: 18px
    }
}

@media all and (max-width: 768px) {
    .fs-slider-home .item .content .name {
        font-size: 2.1vw
    }
}

@media all and (max-width: 600px) {
    .fs-slider-home .item .content .name {
        font-size: 12px
    }
}

.fs-slider-home .item .content .name span {
    color: var(--main-color)
}

.fs-slider-home .item .content .summary2 {
    color: var(--main-color);
    font-size: 25px;
    line-height: 1.2;
    text-transform: uppercase;
    padding-top: 7px;
    position: relative;
    font-weight: 900;
    font-size: 1.771vw
}

.fs-slider-home .item .content .summary2 strong {
    color: var(--extra-color);
    font-weight: 900
}

@media all and (min-width: 1240px) {
    .fs-slider-home .item .content .summary2 {
        font-size: 2.604vw
    }
}

@media all and (max-width: 1024px) {
    .fs-slider-home .item .content .summary2 {
        font-size: 28px
    }
}

@media all and (max-width: 900px) {
    .fs-slider-home .item .content .summary2 {
        font-size: 24px
    }
}

@media all and (max-width: 768px) {
    .fs-slider-home .item .content .summary2 {
        font-size: 2.9vw;
        padding-top: 0.5vw
    }
}

@media all and (max-width: 600px) {
    .fs-slider-home .item .content .summary2 {
        font-size: 24px;
        padding-top: 10px
    }
}

@media all and (max-width: 414px) {
    .fs-slider-home .item .content .summary2 {
        font-size: 20px;
        text-shadow: 1px 1px 4px #fff
    }
}

.fs-slider-home .item .content .summary2 span {
    color: #a9d456
}

.fs-slider-home .item .content .summary {
    margin-top: 8px;
    line-height: 1.4
}

@media all and (min-width: 1500px) {
    .fs-slider-home .item .content .summary {
        margin-top: 0.3vw
    }
}

@media all and (max-width: 768px) {
    .fs-slider-home .item .content .summary {
        margin-top: 0.7vw
    }
}

@media all and (max-width: 600px) {
    .fs-slider-home .item .content .summary {
        margin-top: 5px
    }
}

.fs-slider-home .item .content .summary p {
    position: relative;
    font-size: 0.938vw;
    color: #fff;
    padding-left: 1.7vw;
    margin-top: 0.5vw
}

@media all and (max-width: 1440px) {
    .fs-slider-home .item .content .summary p {
        font-size: 17px;
        padding-left: 28px;
        margin-bottom: 5px
    }
}

@media all and (max-width: 1024px) {
    .fs-slider-home .item .content .summary p {
        font-size: 14px
    }
}

@media all and (max-width: 900px) {
    .fs-slider-home .item .content .summary p {
        font-size: 13px
    }
}

@media all and (max-width: 768px) {
    .fs-slider-home .item .content .summary p {
        font-size: 1.5vw;
        padding-left: 22px
    }
}

@media all and (max-width: 600px) {
    .fs-slider-home .item .content .summary p {
        font-size: 10px
    }
}

.fs-slider-home .item .content .summary p:after {
    position: absolute;
    content: '';
    width: 12px;
    height: 12px;
    border: 5px solid #A9D456;
    top: 5px;
    left: 5px;
    box-sizing: border-box;
    transform: rotate(45deg)
}

@media all and (max-width: 800px) {
    .fs-slider-home .item .content .summary p:after {
        width: 10px;
        height: 10px;
        border: 4px solid #A9D456;
        top: 3px;
        left: 5px
    }
}

.fs-slider-home .item .content .stt {
    font-weight: 700;
    font-size: 40px;
    color: #fff
}

.fs-slider-home .item .content .stt .stt_curent {
    color: transparent;
    -webkit-text-stroke: 0.5px #fff;
    font-size: 50px;
    display: inline-block;
    margin-right: 3px
}

.fs-slider-home .item img {
    width: 100%;
    height: auto
}

.fs-slider-home .item .item_slide {
    display: grid
}

.owl-dot {
    background: none;
    margin: 3px 5px;
    width: 13px;
    height: 13px;
    background: #fff;
    display: inline-block;
    box-sizing: border-box;
    border-radius: 50%
}

.fs-slider-home:hover .owl-dot {
    opacity: 1
}

.owl-dots {
    text-align: center;
    position: absolute;
    border-radius: 19px;
    z-index: 2;
    bottom: 40px;
    left: 50%;
    transform: translate(-50%, 0px)
}

.owl-dot.active,
.owl-dot:hover {
    background: var(--hover-color);
    box-shadow: inset rgba(255, 255, 255, 0.37) -1px 1px 1px;
    border-color: #fff
}

.fs-slider-home .owl-controls .owl-nav {
    display: none
}

@media all and (max-width: 768px) {
    .fs-slider-home .owl-controls .owl-nav {
        display: block
    }
}

.fs-slider-home:hover .owl-controls .owl-nav {
    display: block
}

.fs-slider-home .owl-controls .owl-nav div {
    display: inline-block;
    zoom: 1;
    position: absolute;
    padding: 6px 0 0;
    margin: 0;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    background: #3c3c3ce0;
    width: 20px;
    height: 50px;
    text-align: center;
    font-size: 32px;
    color: #fff;
    font-family: -webkit-body;
    line-height: 40px;
    top: calc(50% - 2px);
    transform: translate(0, -50%)
}

@media all and (max-width: 768px) {
    .fs-slider-home .owl-controls .owl-nav div {
        top: 50%
    }
}

.fs-slider-home .owl-controls .owl-prev {
    left: 0px
}

.fs-slider-home .owl-controls .owl-next {
    right: 0px
}

.slide-content {
    position: absolute;
    top: 50%;
    color: #fff;
    width: 100%;
    margin-right: auto;
    text-align: left;
    transform: translate(0, -50%)
}

@media all and (max-width: 1100px) {
    .slide-content {
        display: none
    }
}

.slide-content .sl-content {
    width: 400px;
    text-align: center;
    transform: translate(150%);
    transition: 1s;
    -moz-transition: 1s;
    -webkit-transition: 1s;
    -o-transition: 1s;
    text-shadow: 2px 2px #868686cc;
    box-sizing: border-box;
    position: relative
}

.slide-content .sl-content:before {
    width: 30px;
    height: 30px;
    position: absolute;
    right: 15px;
    top: 15px
}

.slide-content .sl-content:after {
    width: 30px;
    height: 30px;
    position: absolute;
    left: 15px;
    bottom: 15px
}

.slide-content .sl-content .content {
    padding: 20px;
    -webkit-clip-path: polygon(85% 0, 100% 30%, 100% 100%, 15% 100%, 0% 70%, 0 0);
    clip-path: polygon(85% 0, 100% 30%, 100% 100%, 15% 100%, 0% 70%, 0 0)
}

.slide-content .sl-content .content .content1 {
    padding: 20px 15px 10px;
    position: relative
}

.slide-content .sl-content .content .content1:before {
    width: 50px;
    height: 50px;
    position: absolute;
    top: 0;
    left: 0;
    border-left: 1px solid #c5c5c5;
    border-top: 1px solid #c5c5c5
}

.slide-content .sl-content .content .content1:after {
    width: 50px;
    height: 50px;
    position: absolute;
    bottom: 0;
    right: 0;
    border-bottom: 1px solid #c5c5c5;
    border-right: 1px solid #c5c5c5
}

@media all and (max-width: 600px) {
    .slide-content {
        top: 30px
    }
}

.slide-content .button_mua a {
    color: #fff;
    font-size: 18px;
    text-transform: uppercase;
    box-sizing: border-box;
    border-radius: 4px;
    text-align: center;
    transition: 0.5s;
    -moz-transition: 0.5s;
    -webkit-transition: 0.5s;
    -o-transition: 0.5s
}

.slide-content .button_mua a font {
    font-size: 29px;
    margin-left: 5px;
    color: #fff
}

.slide-content .button_mua a:hover a {
    color: #fff
}

.slide-content .button_mua a:hover a font {
    color: var(--extra-color)
}

.slide-content .title-banner-big {
    font-size: 28px;
    color: #fff;
    font-weight: bold;
    text-transform: uppercase
}

.slide-content .title-banner-big span {
    font-size: 18px
}

@media all and (max-width: 600px) {
    .slide-content .title-banner-big {
        font-size: 25px
    }
}

.slide-content .description-slide {
    margin-top: 5px;
    margin-bottom: 10px;
    font-size: 16px;
    line-height: 35px;
    color: #f7f7f7
}

@media all and (max-width: 600px) {
    .slide-content .description-slide {
        line-height: 30px;
        font-size: 15px
    }
}

.slide-content .button-slide-basic {
    background-color: var(--main-color);
    color: #fff;
    display: inline-block;
    font-size: 18px;
    line-height: 39px;
    margin-top: 15px;
    padding: 0 20px;
    text-transform: uppercase
}

.slide-content .button-slide-basic:hover {
    background-color: #df5c53
}

.active .sl-content {
    transform: translate(0)
}

.active .title-banner-big {
    animation-duration: 3s;
    -webkit-animation-duration: 3s;
    animation-fill-mode: both;
    -webkit-animation-fill-mode: both;
    animation-name: fadeIn;
    -webkit-animation-name: fadeIn
}

.active .description-slide {
    animation-duration: 2s;
    -webkit-animation-duration: 2s;
    animation-fill-mode: both;
    -webkit-animation-fill-mode: both;
    animation-name: zoomIn;
    -webkit-animation-name: zoomIn
}

.active .button-slide {
    animation-duration: 2s;
    -webkit-animation-duration: 2s;
    animation-fill-mode: both;
    -webkit-animation-fill-mode: both;
    animation-name: slideInUp;
    -webkit-animation-name: slideInUp
}

@media screen and (max-width: 900px) {
    .owl-dots {
        display: none !important
    }
}

@media screen and (max-width: 700px) {
    .slider-home-wrapper {
        overflow: hidden
    }
}

#pav-slideShow {
    position: relative
}

#pav-slideShow .link_readmore {
    position: absolute;
    display: inline-block;
    top: calc(40% + 220px);
    left: 30%;
    text-align: left;
    z-index: 3;
    transition: 1s
}

#pav-slideShow .link_readmore a {
    display: inline-block;
    position: relative;
    color: #fff;
    padding: 16px 100px 16px 45px;
    background: var(--main-color);
    font-size: 20px;
    text-transform: uppercase;
    border-radius: 6px
}

#pav-slideShow .link_readmore a svg {
    position: absolute;
    top: 50%;
    right: 30px;
    width: 20px;
    height: 20px;
    fill: #fff;
    transform: translate(0px, -50%)
}

@media all and (max-width: 800px) {
    #pav-slideShow .link_readmore a {
        padding: 10px 80px 10px 20px
    }

    #pav-slideShow .link_readmore a svg {
        top: 10px
    }
}

@media all and (max-width: 1400px) {
    #pav-slideShow .link_readmore {
        top: calc(25% + 220px);
        left: 20%
    }
}

@media all and (max-width: 800px) {
    #pav-slideShow .link_readmore {
        top: calc(25% + 150px)
    }
}

@media all and (max-width: 600px) {
    #pav-slideShow .link_readmore {
        display: none
    }
}

#pav-slideShow .link_readmore1 {
    margin-top: 30px;
    transform: scale(0);
    transition: 2s all ease
}

@media all and (max-width: 768px) {
    #pav-slideShow .link_readmore1 {
        transform: scale(1)
    }
}

#pav-slideShow .link_readmore1 a {
    display: inline-block;
    position: relative;
    color: #fff;
    padding: 10px 30px 10px 30px;
    background: var(--extra-color);
    font-size: 15px;
    text-transform: uppercase;
    border-radius: 10px;
    font-weight: 700
}

@media all and (max-width: 768px) {
    #pav-slideShow .link_readmore1 a {
        padding: 8px 20px 8px 20px;
        font-size: 14px
    }
}

#pav-slideShow .link_readmore1 a svg {
    position: absolute;
    top: 50%;
    right: 25px;
    width: 20px;
    height: 20px;
    fill: #fff;
    transform: translate(0px, -50%)
}

@media all and (max-width: 800px) {
    #pav-slideShow .link_readmore1 a svg {
        top: 10px
    }
}

#pav-slideShow .aslide_ani {
    transition: 0.5s;
    transform: scale(0.5);
    opacity: 0
}

@media all and (max-width: 768px) {
    #pav-slideShow .aslide_ani {
        transform: scale(1);
        opacity: 1
    }
}

.fs-slider-home .item .content .name {
    transform: translate(0px, -100px);
    opacity: 0.5;
    transition: 1s
}

@media all and (max-width: 768px) {
    .fs-slider-home .item .content .name {
        transform: translate(0);
        opacity: 1
    }
}

.fs-slider-home .active .item .content .name {
    transform: translate(0, 0);
    opacity: 1
}

#pav-slideShow .fs-slider-home .active .item .content .link_readmore1 {
    transform: scale(1);
    opacity: 1
}

.fs-slider-home .item .content .summary p {
    transform: translate(200px, 0px);
    opacity: 0.5;
    transition: 1s
}

@media all and (max-width: 768px) {
    .fs-slider-home .item .content .summary p {
        transform: translate(0);
        opacity: 1
    }
}

.fs-slider-home .item .content .summary p:nth-child(2) {
    transition: 1.3s
}

.fs-slider-home .item .content .summary p:nth-child(3) {
    transition: 1.6s
}

.fs-slider-home .item .content .summary2 {
    transform: scale(0);
    opacity: 0.5;
    transition: 1.5s
}

@media all and (max-width: 768px) {
    .fs-slider-home .item .content .summary2 {
        transform: scale(1);
        opacity: 1
    }
}

.fs-slider-home .active .item .content .summary2 {
    transform: scale(1);
    opacity: 1
}

.fs-slider-home .item .contact_slide .itm {
    transform: translate(0px, 300px);
    transition: 1s all ease;
    opacity: 0
}

@media all and (max-width: 768px) {
    .fs-slider-home .item .contact_slide .itm {
        transform: translate(0);
        opacity: 1
    }
}

.fs-slider-home .item .contact_slide .address_slide {
    transition: 1.5s all ease
}

.fs-slider-home .active .item .contact_slide .itm {
    transform: translate(0, 0);
    opacity: 1
}

.fs-slider-home .active .item .content .summary p {
    transform: translate(0, 0);
    opacity: 1
}

@media all and (max-width: 600px) {
    .fs-slider-mobile .item_mb.item img {
        min-height: 350px;
        object-fit: cover
    }
}

.fs-slider-mobile .item_mb.item .item_slide:before {
    background-size: cover
}

@media all and (max-width: 400px) {
    .fs-slider-mobile .item_mb.item .content {
        padding: 5px 10px;
        left: 0px;
        width: 250px
    }
}

@media all and (max-width: 400px) {
    .fs-slider-mobile .item_mb.item .contact_slide {
        padding: 5px 10px;
        left: 0px;
        bottom: 5px
    }
}

@media all and (max-width: 600px) {
    .fs-slider-pc .item img {
        height: 350px;
        object-fit: cover
    }
}

.fs-slider-pc .item .item_slide:before {
    background-size: cover
}

@media all and (max-width: 400px) {
    .fs-slider-pc .item .content {
        background: #16494b6e;
        padding: 5px 10px;
        left: 0px;
        width: 250px
    }
}

@media all and (max-width: 400px) {
    .fs-slider-pc .item .contact_slide {
        background: #ffffff6e;
        padding: 5px
    }
}

/*# sourceMappingURL=owl_carousel_home.css.map */
.block_stt3_ctn {
    width: 850px;
    margin: 80px auto 0px
}

@media all and (max-width: 850px) {
    .block_stt3_ctn {
        width: 100%;
        margin: 9.412vw auto 0px
    }
}

.block-strengths-str-3 {
    width: 714px;
    height: 714px;
    position: relative;
    margin: 0px auto
}

@media all and (max-width: 850px) {
    .block-strengths-str-3 {
        width: 84vw;
        height: 84vw
    }
}

@media all and (max-width: 650px) {
    .block-strengths-str-3 {
        width: 87vw;
        height: 87vw
    }
}

.block-strengths-str-3:before {
    position: absolute;
    left: 50%;
    transform: translate(-50%, 0px);
    top: -30%;
    content: '';
    width: 150%;
    height: 115%;
    z-index: -1;
    background: radial-gradient(circle, #f2f2f2 0%, #fafafa 40%, #fff 100%)
}

.block-strengths-str-3 .button_cat {
    position: absolute;
    left: 50%;
    transform: translate(-50%, 200px);
    bottom: 190px;
    transition: 2s all ease;
    opacity: 0
}

@media all and (max-width: 850px) {
    .block-strengths-str-3 .button_cat {
        bottom: 22.353vw
    }
}

.block-strengths-str-3 .button_cat a {
    padding: 12px 25px;
    background: var(--extra-color);
    color: #fff;
    text-transform: uppercase;
    font-weight: 700;
    box-sizing: border-box;
    border-radius: 10px;
    font-size: 15px
}

@media all and (max-width: 650px) {
    .block-strengths-str-3 .button_cat a {
        padding: 1.846vw 3.846vw;
        font-size: 2.308vw
    }
}

.block-strengths-str-3 .cat_img {
    width: 212px;
    height: 212px;
    background: #fff;
    border-radius: 50%;
    border: 8px solid #fff;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    box-sizing: border-box;
    display: flex;
    align-items: center;
    justify-content: center;
    box-shadow: 0px 1px 0px #f1f1f1;
    transform: translate(-50%, -50%) scale(0);
    opacity: 0;
    transition: 1s all ease
}

@media all and (max-width: 850px) {
    .block-strengths-str-3 .cat_img {
        width: 24.941vw;
        height: 24.941vw;
        border: 0.941vw solid #fff
    }

    .block-strengths-str-3 .cat_img svg {
        width: 12.941vw;
        height: 8.235vw
    }
}

.block-strengths-str-3 .cat_img svg .a,
.block-strengths-str-3 .cat_img svg .b {
    fill: #fff
}

.block-strengths-str-3 .cat_img svg .b {
    fill-rule: evenodd
}

.block-strengths-str-3 .item {
    width: 287px;
    height: 287px;
    position: relative;
    float: left;
    text-align: center;
    color: #fff;
    transition: all 1.5s ease;
    box-sizing: border-box;
    position: absolute;
    opacity: 0
}

@media all and (max-width: 850px) {
    .block-strengths-str-3 .item {
        width: 33.765vw;
        height: 33.765vw
    }
}

@media all and (max-width: 650px) {
    .block-strengths-str-3 .item {
        width: 34.765vw;
        height: 34.765vw
    }
}

.block-strengths-str-3 .item .box_content {
    width: 100%;
    height: 100%
}

.block-strengths-str-3 .item .box_content .icon_cilcle {
    width: 100%;
    height: 100%;
    position: relative;
    overflow: hidden;
    display: block;
    transform: rotate(45deg)
}

.block-strengths-str-3 .item .box_content .icon_cilcle .icon_in {
    width: 280px;
    height: 280px;
    position: absolute;
    border-radius: 50%;
    background: var(--main-color);
    transform: rotate(-45deg)
}

@media all and (max-width: 850px) {
    .block-strengths-str-3 .item .box_content .icon_cilcle .icon_in {
        width: 32.941vw;
        height: 32.941vw
    }
}

.block-strengths-str-3 .item .box_content .icon_cilcle:before {
    width: 286px;
    height: 286px;
    position: absolute;
    border-radius: 50%;
    content: '';
    background: var(--main-color);
    transform: rotate(-45deg)
}

@media all and (max-width: 850px) {
    .block-strengths-str-3 .item .box_content .icon_cilcle:before {
        width: 33.647vw;
        height: 33.647vw
    }
}

.block-strengths-str-3 .item:before {
    position: absolute;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
    content: '';
    background: #fff;
    transform: rotate(45deg);
    border-radius: 20%;
    border: 1px solid #f5f3f3;
    box-sizing: border-box
}

.block-strengths-str-3 .item .item_inner {
    font-size: 20px;
    text-transform: uppercase;
    color: var(--main-color);
    font-weight: 500;
    line-height: 1.2;
    text-align: center;
    position: relative;
    padding-top: 17px
}

@media all and (max-width: 850px) {
    .block-strengths-str-3 .item .item_inner {
        font-size: 2.353vw;
        padding-top: 2vw
    }
}

.block-strengths-str-3 .item .str-3-icon .icon {
    box-sizing: border-box;
    position: relative;
    background-size: cover;
    background-repeat: no-repeat
}

.block-strengths-str-3 .item .str-3-icon .icon img {
    height: auto
}

@media all and (max-width: 850px) {
    .block-strengths-str-3 .item .str-3-icon .icon img {
        width: 7.059vw
    }
}

@media all and (max-width: 650px) {
    .block-strengths-str-3 .item .str-3-icon .icon img {
        width: 8.59vw
    }
}

.block-strengths-str-3 .item .str-3-icon svg {
    width: 60px;
    height: 60px;
    fill: var(--other-color)
}

@media all and (max-width: 850px) {
    .block-strengths-str-3 .item .str-3-icon svg {
        width: 7.059vw;
        height: 7.059vw
    }
}

.block-strengths-str-3 .item .content {
    position: absolute;
    top: 30%;
    transform: translate(0%, -30%);
    width: 185px
}

@media all and (max-width: 850px) {
    .block-strengths-str-3 .item .content {
        width: 22.353vw
    }
}

.block-strengths-str-3 .item .str-3-title {
    line-height: 30px;
    font-size: 18px;
    position: relative;
    font-weight: 600;
    font-style: italic;
    color: var(--main-color);
    line-height: 1.3em
}

@media all and (max-width: 850px) {
    .block-strengths-str-3 .item .str-3-title {
        font-size: 2.118vw
    }
}

@media all and (max-width: 650px) {
    .block-strengths-str-3 .item .str-3-title {
        font-size: 2.218vw
    }
}

.block-strengths-str-3 .item .str-3-content {
    font-size: 18px;
    color: #15262d;
    line-height: 1.4em
}

@media all and (max-width: 800px) {
    .block-strengths-str-3 .item .str-3-content {
        padding: 0px 10px;
        font-size: 14px;
        line-height: 20px;
        padding-bottom: 20px
    }
}

@media all and (max-width: 600px) {
    .block-strengths-str-3 .item .str-3-content {
        box-sizing: border-box;
        padding-bottom: 10px
    }
}

@media all and (max-width: 500px) {
    .block-strengths-str-3 .item .str-3-content {
        padding: 0px 0px 10px
    }
}

.block-strengths-str-3 .item:hover a {
    color: #000
}

.block-strengths-str-3 .item:hover .str-3-title:after {
    background-color: #000
}

.block-strengths-str-3 .item_1 {
    left: 50%;
    top: 0px;
    transform: translate(-50%, 0);
    transform: translate(-50%, 300px) scale(0)
}

.block-strengths-str-3 .item_1:before {
    box-shadow: 5px 10px 28px #ebebeb
}

.block-strengths-str-3 .item_1 .content {
    text-align: center;
    left: 50%;
    transform: translate(-50%, -20%);
    width: 200px;
    bottom: 20%;
    top: unset
}

@media all and (max-width: 850px) {
    .block-strengths-str-3 .item_1 .content {
        width: 23.529vw
    }
}

@media all and (max-width: 650px) {
    .block-strengths-str-3 .item_1 .content {
        bottom: 17%;
        transform: translate(-50%, -17%)
    }
}

.block-strengths-str-3 .item_1 .str-3-title {
    margin-bottom: 25px
}

@media all and (max-width: 850px) {
    .block-strengths-str-3 .item_1 .str-3-title {
        margin-bottom: 2.941vw
    }
}

.block-strengths-str-3 .item_1 .box_content .icon_cilcle .icon_in {
    right: -152px;
    bottom: -152px;
    background: linear-gradient(90deg, #ff8f3b 0%, #f9bb53 50%, #f6d461 100%);
    -webkit-background: linear-gradient(90deg, #ff8f3b 0%, #f9bb53 50%, #f6d461 100%)
}

@media all and (max-width: 850px) {
    .block-strengths-str-3 .item_1 .box_content .icon_cilcle .icon_in {
        right: -17.882vw;
        bottom: -17.882vw
    }
}

.block-strengths-str-3 .item_1 .box_content .icon_cilcle:before {
    right: -152px;
    bottom: -152px;
    -webkit-background: linear-gradient(90deg, #ffd3b1 0%, #fce7bc 50%, #fbf0c1 100%);
    background: linear-gradient(90deg, #ffd3b1 0%, #fce7bc 50%, #fbf0c1 100%)
}

@media all and (max-width: 850px) {
    .block-strengths-str-3 .item_1 .box_content .icon_cilcle:before {
        right: -17.882vw;
        bottom: -17.882vw
    }
}

.block-strengths-str-3 .item_2 {
    left: 0px;
    top: 50%;
    transform: translate(0px, -50%);
    transform: translate(300px, -50%) scale(0)
}

.block-strengths-str-3 .item_2:before {
    box-shadow: 5px -5px 28px #ebebeb
}

.block-strengths-str-3 .item_2 .content {
    text-align: right
}

.block-strengths-str-3 .item_2 .box_content .icon_cilcle .icon_in {
    right: -152px;
    top: -152px;
    -webkit-background: linear-gradient(-180deg, #4dcd67 0%, #35cd7a 50%, #59ce5e 100%);
    background: linear-gradient(-180deg, #4dcd67 0%, #35cd7a 50%, #59ce5e 100%)
}

@media all and (max-width: 850px) {
    .block-strengths-str-3 .item_2 .box_content .icon_cilcle .icon_in {
        right: -17.882vw;
        top: -17.882vw
    }
}

.block-strengths-str-3 .item_2 .box_content .icon_cilcle:before {
    right: -152px;
    top: -152px;
    -webkit-background: linear-gradient(-180deg, #a8ebcf 0%, #c8ecb6 50%, #d8eca9 100%);
    background: linear-gradient(-180deg, #a8ebcf 0%, #c8ecb6 50%, #d8eca9 100%)
}

@media all and (max-width: 850px) {
    .block-strengths-str-3 .item_2 .box_content .icon_cilcle:before {
        right: -17.882vw;
        top: -17.882vw
    }
}

.block-strengths-str-3 .item_2 .str-3-title,
.block-strengths-str-3 .item_3 .str-3-title {
    margin-top: 25px
}

@media all and (max-width: 850px) {

    .block-strengths-str-3 .item_2 .str-3-title,
    .block-strengths-str-3 .item_3 .str-3-title {
        margin-top: 2.941vw
    }
}

.block-strengths-str-3 .item_3 {
    right: 0px;
    top: 50%;
    transform: translate(0px, -50%);
    transform: translate(-300px, -50%) scale(0)
}

.block-strengths-str-3 .item_3:before {
    box-shadow: -5px 8px 28px #ebebeb
}

.block-strengths-str-3 .item_3 .content {
    text-align: left;
    right: -10px;
    width: 200px
}

@media all and (max-width: 850px) {
    .block-strengths-str-3 .item_3 .content {
        width: 23.529vw;
        right: -1.176vw
    }
}

.block-strengths-str-3 .item_3 .box_content .icon_cilcle .icon_in {
    left: -152px;
    bottom: -152px;
    -webkit-background: linear-gradient(-180deg, #198cd9 0%, #1c94dc 50%, #22ace2 100%);
    background: linear-gradient(-180deg, #198cd9 0%, #1c94dc 50%, #22ace2 100%)
}

@media all and (max-width: 850px) {
    .block-strengths-str-3 .item_3 .box_content .icon_cilcle .icon_in {
        left: -17.882vw;
        bottom: -17.882vw
    }
}

.block-strengths-str-3 .item_3 .box_content .icon_cilcle:before {
    left: -152px;
    bottom: -152px;
    -webkit-background: linear-gradient(180deg, #a3d0ef 0%, #a4d5f1 50%, #a7def4 100%);
    background: linear-gradient(180deg, #a3d0ef 0%, #a4d5f1 50%, #a7def4 100%)
}

@media all and (max-width: 850px) {
    .block-strengths-str-3 .item_3 .box_content .icon_cilcle:before {
        left: -17.882vw;
        bottom: -17.882vw
    }
}

@keyframes roll-1 {
    10% {
        transform: rotateY(0) scale(1)
    }

    20% {
        transform: rotateY(180deg) scale(1.2)
    }

    30% {
        transform: rotateY(0) scale(1)
    }
}

@keyframes roll-2 {
    40% {
        transform: rotate(0) scale(1)
    }

    45% {
        transform: rotate(20deg)
    }

    50% {
        transform: rotate(-20deg) scale(1.2)
    }

    55% {
        transform: rotate(20deg)
    }

    60% {
        transform: rotate(0) scale(1)
    }
}

@keyframes roll-3 {
    70% {
        transform: rotate(0) scale(1)
    }

    80% {
        transform: scale(1.2)
    }

    90% {
        transform: rotate(0deg) scale(1)
    }
}

.hello .block-strengths-str-3 .item {
    opacity: 1
}

.hello .block-strengths-str-3 .item_1 {
    transform: translate(-50%, 0)
}

.hello .block-strengths-str-3 .item_2 {
    transform: translate(0px, -50%)
}

.hello .block-strengths-str-3 .item_3 {
    transform: translate(0px, -50%)
}

.hello .block-strengths-str-3 .cat_img {
    opacity: 1;
    transform: translate(-50%, -50%)
}

.hello .block-strengths-str-3 .button_cat {
    opacity: 1;
    transform: translate(-50%, 0px)
}

.un_js .item {
    opacity: 1
}

.un_js .item_1 {
    transform: translate(-50%, 0)
}

.un_js .item_2 {
    transform: translate(0px, -50%)
}

.un_js .item_3 {
    transform: translate(0px, -50%)
}

.un_js .cat_img {
    opacity: 1;
    transform: translate(-50%, -50%)
}

.un_js .button_cat {
    opacity: 1;
    transform: translate(-50%, 0px)
}

/*# sourceMappingURL=str_3.css.map */
.order_search {
    padding: 20px 28px;
    box-sizing: border-box;
    background: #fff;
    box-shadow: 0px 0px 10px #ddd;
    border-radius: 10px
}

@media all and (max-width: 850px) {
    .order_search {
        padding: 10px
    }
}

.order_search .title_br {
    font-size: 22px;
    color: #000;
    text-transform: uppercase;
    padding-bottom: 13px;
    border-bottom: 1px solid #000;
    font-weight: 700;
    margin-bottom: 13px
}

.order_search .text_item {
    margin-top: 10px
}

.order_search .input_lb {
    font-weight: 500;
    font-size: 15px;
    color: #000;
    margin-bottom: 5px;
    display: inline-block
}

.order_search .input_w {
    display: flex;
    flex-wrap: wrap;
    margin: 0px -9px
}

@media all and (max-width: 560px) {
    .order_search .input_w {
        margin: 0px;
        justify-content: center
    }
}

.order_search .input_w .item {
    width: calc(65% - 18px);
    margin: 0px 9px;
    border: 1px solid #d9d9d9;
    border-radius: 5px;
    box-sizing: border-box
}

.order_search .input_w .item .label_error {
    position: absolute;
    top: 0px
}

@media all and (max-width: 560px) {
    .order_search .input_w .item {
        width: 100%;
        margin: 0px
    }
}

.order_search .input_w .item .imput__ {
    width: 100%;
    height: 42px;
    border: 0px;
    border-radius: 5px;
    box-sizing: border-box;
    line-height: 45px
}

.order_search .input_w .item input {
    padding-left: 10px
}

.order_search .input_w .item_btn {
    background: var(--main-color);
    border: 0px;
    width: calc(35% - 18px);
    transition: 0.5s all ease
}

@media all and (max-width: 560px) {
    .order_search .input_w .item_btn {
        width: 190px;
        margin-top: 10px
    }
}

.order_search .input_w .item_btn:hover {
    background-color: var(--extra-color);
    color: #fff
}

.order_search .input_w .item_btn #submitbt_ruler {
    padding-left: 0px
}

.order_search .input_w .item_btn .imput__ {
    display: flex;
    align-items: center;
    justify-content: center;
    text-transform: uppercase;
    color: #fff;
    font-weight: 500;
    box-sizing: border-box;
    cursor: pointer;
    background: transparent;
    border-radius: 5px
}

/*# sourceMappingURL=order_search.css.map */
.grid_services {
    display: flex;
    flex-wrap: wrap;
    margin: 0px -35px
}

@media all and (max-width: 900px) {
    .grid_services {
        margin: 0px -10px
    }
}

@media all and (max-width: 600px) {
    .grid_services {
        margin: 0px -5px
    }
}

.grid_services .item {
    width: calc(33.333% - 70px);
    margin: 0px 35px 60px;
    background: #fff;
    box-shadow: 0px 0px 20px #e7e7e7;
    padding: 40px 28px 90px;
    box-sizing: border-box;
    border-radius: 50px 0px;
    text-align: center;
    position: relative
}

@media all and (max-width: 900px) {
    .grid_services .item {
        width: calc(33.333% - 20px);
        margin: 0px 10px 20px;
        padding: 18px 15px 45px
    }
}

@media all and (max-width: 600px) {
    .grid_services .item {
        width: calc(50% - 10px);
        margin: 0px 5px 10px
    }
}

@media all and (max-width: 450px) {
    .grid_services .item {
        padding: 15px 10px 45px
    }
}

.grid_services .item:after {
    width: 31px;
    height: 31px;
    bottom: 40px;
    left: 50%;
    transform: translate(-50%, 0px);
    background-size: contain;
    background-repeat: no-repeat;
    content: '';
    background: url('data:image/svg+xml;utf8,<svg fill="rgb(236 33 35)" version="1.0" xmlns="http://www.w3.org/2000/svg" width="30px" height="30px" viewBox="0 0 512.000000 512.000000" preserveAspectRatio="xMidYMid meet"><g transform="translate(0.000000,512.000000) scale(0.100000,-0.100000)" stroke="none"><path d="M3597 3853 l-117 -118 502 -502 503 -503 -2243 0 -2242 0 0 -170 0 -170 2242 0 2243 0 -503 -503 -502 -502 118 -118 117 -117 705 705 705 705 -705 705 -705 705 -118 -117z"/></g></svg>');
    background-repeat: no-repeat;
    position: absolute
}

@media all and (max-width: 900px) {
    .grid_services .item:after {
        width: 23px;
        height: 23px;
        bottom: 10px;
        background-size: contain
    }
}

.grid_services .item .name {
    font-size: 20px;
    font-weight: 500;
    color: #000;
    transition: 0.5s all ease
}

@media all and (max-width: 900px) {
    .grid_services .item .name {
        font-size: 18px
    }
}

@media all and (max-width: 450px) {
    .grid_services .item .name {
        font-size: 16px
    }
}

.grid_services .item .figure_img svg {
    width: 70px;
    height: 70px;
    fill: var(--main-color);
    transition: 0.5s all ease
}

@media all and (max-width: 900px) {
    .grid_services .item .figure_img svg {
        width: 55px;
        height: 55px
    }
}

@media all and (max-width: 450px) {
    .grid_services .item .figure_img svg {
        width: 50px;
        height: 50px
    }
}

.grid_services .item .figure_img .small_icon {
    width: 55px
}

@media all and (max-width: 900px) {
    .grid_services .item .figure_img .small_icon {
        height: 45px
    }
}

@media all and (max-width: 450px) {
    .grid_services .item .figure_img .small_icon {
        height: 40px;
        width: 45px
    }
}

.grid_services .item .figure_img img {
    height: auto
}

.grid_services .item .summary_item {
    font-size: 14px;
    color: #363b48;
    margin-top: 15px
}

@media all and (max-width: 900px) {
    .grid_services .item .summary_item {
        margin-top: 10px
    }
}

.grid_services .item:hover .name {
    color: var(--extra-color)
}

.grid_services .item:hover .summary_item {
    color: #000
}

.grid_services .item:hover svg {
    fill: var(--extra-color);
    -webkit-animation: toLeftFromRight 0.5s forwards;
    -moz-animation: toLeftFromRight 0.5s forwards;
    animation: toLeftFromRight 0.5s forwards;
    fill: var(--extra-color)
}

.grid_services .item:hover:after {
    -webkit-animation: toRightFromLeft 0.5s forwards;
    -moz-animation: toRightFromLeft 0.5s forwards;
    animation: toRightFromLeft 0.5s forwards
}

@keyframes toRightFromLeft {
    49% {
        transform: translate(100%)
    }

    50% {
        opacity: 0;
        transform: translate(-100%)
    }

    51% {
        opacity: 1
    }
}

@keyframes toLeftFromRight {
    49% {
        transform: translate(-100%)
    }

    50% {
        opacity: 0;
        transform: translate(100%)
    }

    51% {
        opacity: 1
    }
}

/*# sourceMappingURL=services.css.map */
.services_block {
    padding-top: 25px
}

@media all and (max-width: 768px) {
    .services_block {
        padding-top: 0px
    }
}

/*# sourceMappingURL=default.css.map */
.item_simple {
    position: relative;
    min-height: 527px
}

.item_simple .img_cat {
    transition: 0.1s all ease;
    position: absolute;
    left: 50%;
    transform: translate(-50%, 0px);
    width: 100%;
    height: 100%;
    top: -310px;
    z-index: -1
}

.block-strengths-simple {
    display: flex;
    flex-wrap: wrap;
    margin-top: 80px;
    align-items: center
}

@media all and (max-width: 700px) {
    .block-strengths-simple {
        margin: 0px;
        display: -webkit-box;
        display: -moz-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        -webkit-box-orient: vertical;
        -moz-box-orient: vertical;
        -webkit-flex-direction: row;
        -ms-flex-direction: row;
        flex-direction: row;
        -webkit-box-align: start;
        -moz-box-align: start;
        -ms-flex-align: start;
        -webkit-align-items: flex-start;
        align-items: flex-start;
        margin-top: 40px
    }
}

@media all and (max-width: 450px) {
    .block-strengths-simple {
        margin-top: 20px
    }
}

.block-strengths-simple .item_c {
    width: 50%
}

@media all and (max-width: 900px) {
    .block-strengths-simple .item_c {
        width: 60%
    }
}

@media all and (max-width: 700px) {
    .block-strengths-simple .item_c {
        width: 100%
    }
}

.block-strengths-simple .img_cat2 {
    position: absolute;
    right: 56px;
    bottom: -60px;
    width: 52%;
    z-index: -1
}

.block-strengths-simple .img_cat2 img {
    height: auto
}

@media all and (max-width: 1170px) {
    .block-strengths-simple .img_cat2 {
        bottom: -8vw;
        width: 63.282vw;
        right: 10px
    }
}

@media all and (max-width: 768px) {
    .block-strengths-simple .img_cat2 {
        bottom: -2vw
    }
}

@media all and (max-width: 700px) {
    .block-strengths-simple .img_cat2 {
        position: unset
    }
}

@media all and (max-width: 600px) {
    .block-strengths-simple .img_cat2 {
        width: 450px;
        max-width: 100%
    }
}

@media all and (min-width: 700px) {
    .block-strengths-simple .list_item_str .title {
        transform: translate(0px, -200px);
        transition: 1s all ease;
        opacity: 0
    }

    .block-strengths-simple .list_item_str #item_1 {
        transform: translate(-500px, 0px);
        transition: 1s all ease;
        opacity: 0
    }

    .block-strengths-simple .list_item_str #item_2 {
        transform: translate(-550px, 0px);
        transition: 1.5s all ease;
        opacity: 0
    }

    .block-strengths-simple .list_item_str #item_3 {
        transform: translate(-600px, 0px);
        transition: 2s all ease;
        opacity: 0
    }

    .block-strengths-simple .list_item_str #item_4 {
        transform: translate(-650px, 0px);
        transition: 2.5s all ease;
        opacity: 0
    }
}

.block-strengths-simple .list_item_str .title {
    font-size: 20px;
    font-weight: 700;
    text-transform: uppercase;
    line-height: 1.2;
    margin-bottom: 25px;
    padding-left: 65px;
    font-style: italic
}

@media all and (max-width: 768px) {
    .block-strengths-simple .list_item_str .title {
        font-size: 32px
    }
}

@media all and (max-width: 700px) {
    .block-strengths-simple .list_item_str .title {
        font-size: 28px;
        margin-bottom: 15px
    }
}

@media all and (max-width: 500px) {
    .block-strengths-simple .list_item_str .title {
        margin-bottom: 25px;
        padding-left: 0px
    }
}

.block-strengths-simple .list_item_str .title .b {
    font-weight: 900;
    color: #c80000
}

.block-strengths-simple .list_item_str .item {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    margin-bottom: 45px
}

@media all and (max-width: 768px) {
    .block-strengths-simple .list_item_str .item {
        margin-bottom: 25px
    }
}

@media all and (max-width: 500px) {
    .block-strengths-simple .list_item_str .item {
        margin-bottom: 15px
    }
}

.block-strengths-simple .list_item_str .item .stt {
    display: block;
    font-style: italic;
    width: 93px;
    line-height: inherit
}

.block-strengths-simple .list_item_str .item .stt img {
    height: auto
}

@media all and (max-width: 768px) {
    .block-strengths-simple .list_item_str .item .stt {
        width: 75px
    }
}

@media all and (max-width: 450px) {
    .block-strengths-simple .list_item_str .item .stt {
        width: 65px
    }
}

.block-strengths-simple .list_item_str .item .item_r {
    width: calc(100% - 110px);
    margin-left: 17px
}

@media all and (max-width: 450px) {
    .block-strengths-simple .list_item_str .item .item_r {
        width: calc(100% - 82px)
    }
}

.block-strengths-simple .list_item_str .item .item_r .item_title {
    font-size: 20px;
    font-weight: 700;
    font-style: italic;
    text-transform: uppercase;
    line-height: 1.1
}

@media all and (max-width: 768px) {
    .block-strengths-simple .list_item_str .item .item_r .item_title {
        font-size: 17px;
        line-height: 1.5em
    }
}

@media all and (max-width: 450px) {
    .block-strengths-simple .list_item_str .item .item_r .item_title {
        font-size: 16px
    }
}

.block-strengths-simple .list_item_str .item .item_r .item_sum {
    font-size: 15px;
    font-weight: 700;
    font-style: italic
}

@media all and (max-width: 768px) {
    .block-strengths-simple .list_item_str .item .item_r .item_sum {
        font-size: 14px
    }
}

.hello .block-strengths-simple .list_item_str .title,
.hello .block-strengths-simple .list_item_str #item_1,
.hello .block-strengths-simple .list_item_str #item_2,
.hello .block-strengths-simple .list_item_str #item_3,
.hello .block-strengths-simple .list_item_str #item_4 {
    opacity: 1;
    transform: translate(0)
}

.hello .block-strengths-simple .img_cat {
    opacity: 1;
    transform: translate(0)
}

/*# sourceMappingURL=simple.css.map */
.list_video_below .news_time {
    font-weight: normal;
    margin-top: 2px;
    color: #848484
}

.list_video_below .video_item {
    position: relative;
    cursor: pointer;
    margin-bottom: 11px
}

.list_video_below .video_item i {
    font-size: 20px;
    color: #0094E0;
    position: absolute;
    top: 1px;
    left: 0
}

.videos_block_body .video_item {
    float: left;
    width: 33.333%;
    padding: 0 15px;
    box-sizing: border-box;
    cursor: pointer;
    margin-bottom: 10px
}

.video_item .text_img .name_item {
    font-size: 18px;
    font-weight: 700;
    margin-top: 20px;
    margin-bottom: 5px
}

@media all and (max-width: 450px) {
    .video_item .text_img .name_item {
        font-size: 16px;
        margin-top: 10px;
        margin-bottom: 2px
    }
}

.video_item_inner_has_img {
    position: relative;
    overflow: hidden;
    max-height: 442px
}

.video_item_inner_has_img .play-icon {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    z-index: 1;
    cursor: pointer
}

.video_item_inner_has_img .play-icon svg {
    fill: #fff;
    width: 32px;
    height: 32px
}

@media all and (max-width: 600px) {
    .video_item_inner_has_img .play-icon svg {
        width: 25px;
        height: 25px
    }
}

.video_item_inner_has_img .play-icon .play-video {
    width: 85px;
    height: 85px;
    background: #ec2123d4;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    padding-left: 5px;
    box-sizing: border-box
}

@media all and (max-width: 600px) {
    .video_item_inner_has_img .play-icon .play-video {
        width: 65px;
        height: 65px
    }
}

.video_item_inner_has_img:before {
    bottom: 0;
    content: "";
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
    -webkit-transition: all 0.4s cubic-bezier(0.94, 0.85, 0.1, 0.62) 0s;
    -o-transition: all 0.4s cubic-bezier(0.94, 0.85, 0.1, 0.62) 0s;
    transition: all 0.4s cubic-bezier(0.94, 0.85, 0.1, 0.62) 0s;
    z-index: 1;
    border: 100px double #0000;
    opacity: 1;
    filter: alpha(opacity=100);
    visibility: visible;
    box-sizing: border-box
}

.video_item_inner_has_img:hover:before {
    opacity: 0;
    filter: alpha(opacity=0);
    border: 0 double rgba(255, 255, 255, 0.7);
    visibility: hidden
}

.video_item:hover .video_item_inner_has_img::after {
    color: #E2201B
}

.play-video svg#Layer_1 {
    width: 60px;
    height: 60px;
    position: absolute;
    top: calc(50% - 30px);
    left: calc(50% - 30px);
    fill: #fff;
    cursor: pointer;
    transition: 0.5s;
    -moz-transition: 0.5s;
    -webkit-transition: 0.5s;
    -o-transition: 0.5s
}

.play-video svg#Layer_2 {
    width: 30px;
    height: 30px;
    position: absolute;
    top: calc(50% - 15px);
    left: calc(50% - 15px);
    fill: #fff;
    cursor: pointer;
    transition: 0.5s;
    -moz-transition: 0.5s;
    -webkit-transition: 0.5s;
    -o-transition: 0.5s
}

.video_item:hover .play-video svg#Layer_1 {
    fill: red
}

.video_item_li:hover .image .play-video svg#Layer_2 {
    fill: red
}

.video-name {
    position: absolute;
    bottom: 0;
    width: 100%;
    background: #000000ab
}

.video-name-inner {
    padding: 18px 10px;
    color: #FFF
}

@media all and (max-width: 800px) {
    .video-name-inner {
        padding: 6px 10px
    }
}

.video_item img {
    -webkit-transition: all .3s ease-out;
    -moz-transition: all .3s ease-out;
    -o-transition: all .3s ease-out;
    transition: all .3s ease-out;
    width: 100%;
    height: auto;
    cursor: pointer
}

.video_item:hover img {
    moz-transform: scale(1.05);
    -webkit-transform: scale(1.05);
    -o-transform: scale(1.05);
    -ms-transform: scale(1.05);
    transform: scale(1.05)
}

.video_item:hover .video-name-inner {
    padding-top: 18px;
    padding-bottom: 18px;
    -webkit-transition: 0.35s ease-in-out all;
    transition: 0.35s ease-in-out all;
    color: #ffffff
}

@media only screen and (max-width: 560px) {
    .videos_block_body .video_item {
        float: none;
        width: 100%;
        text-align: center
    }
}

.block_videos .video_item .video_item_inner {
    display: grid
}

@media all and (max-width: 600px) {
    .block_videos .list_video__ {
        display: flex;
        overflow-x: auto;
        overflow-y: hidden
    }
}

.block_videos .list_video_below .video_item_li {
    width: 100%;
    margin-bottom: 10px;
    float: left;
    position: relative;
    display: flex;
    flex-wrap: wrap;
    cursor: pointer
}

.block_videos .list_video_below .video_item_li .text_over {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0px;
    left: 0px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #000000a3;
    color: #fff
}

.block_videos .list_video_below .video_item_li .text_over a {
    color: #fff;
    text-decoration: underline
}

.block_videos .list_video_below .video_item_li .image {
    overflow: hidden;
    position: relative;
    display: grid;
    width: 45%
}

.block_videos .list_video_below .video_item_li .image .play-icon {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    cursor: pointer
}

.block_videos .list_video_below .video_item_li .image .play-icon svg {
    fill: #fff;
    width: 20px;
    height: 20px
}

@media all and (max-width: 600px) {
    .block_videos .list_video_below .video_item_li .image .play-icon svg {
        width: 15px;
        height: 15px
    }
}

.block_videos .list_video_below .video_item_li .image .play-icon .play-video {
    width: 45px;
    height: 45px;
    background: #ec2123d4;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    padding-left: 3px;
    box-sizing: border-box
}

@media all and (max-width: 600px) {
    .block_videos .list_video_below .video_item_li .image .play-icon .play-video {
        width: 36px;
        height: 36px
    }
}

.block_videos .list_video_below .video_item_li .image img {
    width: 100%;
    height: auto;
    transition: 0.5s
}

@media all and (max-width: 800px) {
    .block_videos .list_video_below .video_item_li .image {
        width: 100%
    }
}

.block_videos .list_video_below .video_item_li .text_img {
    font-weight: 700;
    color: #000;
    width: calc(55% - 10px);
    margin-left: 10px
}

@media all and (max-width: 800px) {
    .block_videos .list_video_below .video_item_li .text_img {
        width: 100%;
        margin-left: 0px;
        margin-top: 10px
    }
}

@media all and (max-width: 450px) {
    .block_videos .list_video_below .video_item_li .text_img {
        font-size: 14px
    }
}

.block_videos .list_video_below .video_item_li .text_img .name_item {
    line-height: 1.2
}

@media all and (max-width: 800px) {
    .block_videos .list_video_below .video_item_li .text_img .name_item {
        box-sizing: border-box;
        text-overflow: ellipsis;
        -webkit-line-clamp: 2;
        display: -webkit-box;
        overflow: hidden;
        -webkit-box-orient: vertical;
        overflow: hidden
    }
}

.block_videos .list_video_below .video_item_li .text_img .date {
    font-weight: 400;
    margin-top: 5px
}

.block_videos .list_video_below .video_item_li .title {
    width: calc(50% - 5px);
    float: left;
    margin-left: 5px;
    line-height: 22px;
    font-size: 16px
}

@media all and (max-width: 1200px) {
    .block_videos .list_video_below .video_item_li .title {
        width: calc(55% - 5px)
    }
}

@media all and (max-width: 800px) {
    .block_videos .list_video_below .video_item_li .title {
        width: 100%;
        text-align: center;
        padding: 0 10px;
        height: 36px;
        box-sizing: border-box;
        margin-left: 0;
        overflow: hidden
    }
}

@media all and (max-width: 600px) {
    .block_videos .list_video_below .video_item_li .title {
        padding: 0 2px
    }
}

.block_videos .list_video_below .video_item_li:hover img {
    transform: scale(1.1)
}

.block_videos .list_video_below .video_item_li:hover .text_img {
    color: var(--main-color)
}

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

.video_one_block_body .video_item {
    width: calc(65% - 22px);
    margin-right: 22px
}

@media all and (max-width: 800px) {
    .video_one_block_body .video_item {
        width: 100%;
        margin: 0px
    }
}

.video_one_block_body .list_video__ {
    width: 35%
}

@media all and (max-width: 800px) {
    .video_one_block_body .list_video__ {
        width: 100%;
        display: flex;
        overflow-x: auto;
        overflow-y: hidden;
        margin-top: 10px
    }
}

@media all and (max-width: 800px) {
    .video_one_block_body .list_video__ .list_video_below {
        display: flex;
        flex-wrap: nowrap;
        margin: 6px -6px 0px
    }

    .video_one_block_body .list_video__ .list_video_below .video_item_li {
        width: 200px;
        margin: 0px 6px;
        float: left;
        position: relative;
        display: unset
    }
}

@media all and (max-width: 450px) {
    .video_one_block_body .list_video__ .list_video_below .video_item_li {
        width: 170px
    }
}

/*# sourceMappingURL=one_large_and_list.css.map */
.testimonials_body {
    display: flex;
    flex-wrap: wrap
}

.testimonials_body .play-video {
    width: 45px;
    height: 45px;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: #fff;
    border-radius: 50%;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    position: absolute
}

.testimonials_body .play-video svg {
    width: 18px;
    height: 18px;
    fill: var(--other-color);
    padding-left: 3px
}

.testimonials_body .video_item_inner_has_img,
.testimonials_body .video_item_inner {
    position: relative;
    overflow: hidden;
    max-height: 330px;
    display: grid;
    cursor: pointer;
    width: 50%;
    float: right
}

@media all and (max-width: 768px) {

    .testimonials_body .video_item_inner_has_img,
    .testimonials_body .video_item_inner {
        width: 100%
    }
}

.testimonials_body .video_item:hover svg#icon_play {
    fill: #fff
}

.testimonials_body .video_item:hover .video_item_inner_has_img::after {
    transition: 0.35s ease-in-out all;
    color: var(--extra-color)
}

.testimonials_body .video_item:hover img {
    -moz-transform: scale(1.05);
    -webkit-transform: scale(1.05);
    -o-transform: scale(1.05);
    -ms-transform: scale(1.05);
    transform: scale(1.05);
    transition: 0.5s all ease
}

.testimonials_body .item .video_item {
    border-right: none;
    box-sizing: border-box;
    margin-bottom: 15px;
    position: relative;
    background-color: #fff;
    display: flex;
    flex-wrap: wrap
}

.testimonials_body .item .summary {
    box-sizing: border-box;
    position: relative;
    line-height: 1.6em;
    color: #000;
    display: flex;
    align-items: center;
    padding: 30px;
    box-sizing: border-box
}

@media all and (max-width: 768px) {
    .testimonials_body .item .summary {
        width: 100%;
        margin-bottom: 10px;
        padding: 15px
    }
}

.testimonials_body .item .summary:before {
    content: '';
    position: absolute;
    top: calc(100% - 1px);
    right: 30px;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 14px 14px 0 14px;
    border-color: #fff transparent transparent transparent;
    z-index: 2
}

.testimonials_body .item .summary .summary_inner {
    box-sizing: border-box;
    text-overflow: ellipsis;
    -webkit-line-clamp: 4;
    display: -webkit-box;
    overflow: hidden;
    -webkit-box-orient: vertical;
    overflow: hidden
}

.testimonials_body .item .summary .summary_inner .summary_title {
    margin-bottom: 5px;
    font-weight: bold;
    font-family: SansBold
}

@media all and (max-width: 414px) {
    .testimonials_body .item .summary .summary_inner .summary_title {
        margin-bottom: 0px
    }
}

@media all and (max-width: 500px) {
    .testimonials_body .item .summary .summary_inner .w501 {
        display: none
    }
}

@media all and (min-width: 501px) {
    .testimonials_body .item .summary .summary_inner .w500 {
        display: none
    }
}

.testimonials_body .item .summary .summary_inner span {
    position: absolute;
    width: 80%;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%)
}

@media all and (max-width: 414px) {
    .testimonials_body .item .summary .summary_inner span {
        line-height: 18px
    }
}

.testimonials_body .item .summary svg {
    width: 17px;
    height: 17px;
    position: absolute;
    fill: var(--main-color)
}

@media screen and (max-width: 768px) {
    .testimonials_body .item .summary svg {
        width: 12px;
        height: 12px
    }
}

.testimonials_body .item .summary .quotes-left {
    top: 12px;
    left: -4px;
    transform: rotate(180deg)
}

@media screen and (max-width: 768px) {
    .testimonials_body .item .summary .quotes-left {
        top: 6px;
        left: -7px
    }
}

.testimonials_body .item .summary .quotes-right {
    bottom: 12px;
    right: -4px
}

@media screen and (max-width: 768px) {
    .testimonials_body .item .summary .quotes-right {
        bottom: 6px;
        right: -7px
    }
}

@media all and (max-width: 414px) {
    .testimonials_body .item .summary {
        text-align: left
    }
}

.testimonials_body .item .bottom-item {
    padding-right: 20px
}

.testimonials_body .item .bottom-item img {
    border-radius: 50%;
    width: 60px;
    float: right;
    border: 3px solid #fff;
    box-sizing: border-box
}

@media all and (max-width: 450px) {
    .testimonials_body .item .bottom-item img {
        width: 60px;
        height: 60px;
        object-fit: cover
    }
}

.testimonials_body .item .bottom-item .info {
    width: calc(100% - 75px);
    float: left;
    text-align: right;
    margin-top: 7px;
    line-height: 22px;
    font-size: 14px
}

@media all and (max-width: 450px) {
    .testimonials_body .item .bottom-item .info {
        width: calc(100% - 72px)
    }
}

.testimonials_body .item .bottom-item .name {
    font-weight: 700
}

.testimonials_body .item .bottom-item .more_info {
    color: #696969
}

.testimonials_body_js {
    margin: 0px
}

.testimonials_body_js .item {
    width: 100%;
    margin: 0 0px 20px;
    float: left
}

.testimonials_body_colum .owl-controls .owl-nav div {
    display: inline-block;
    zoom: 1;
    position: absolute;
    padding: 6px 0 0;
    margin: 0;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    width: 20px;
    text-align: center;
    font-size: 32px;
    color: #000;
    font-family: -webkit-body;
    bottom: 10px;
    font-weight: 700
}

.testimonials_body_colum .owl-controls .owl-nav div:hover {
    color: var(--extra-color)
}

.testimonials_body_colum .owl-controls .owl-prev {
    left: 0px
}

.testimonials_body_colum .owl-controls .owl-next {
    left: 30px
}

/*# sourceMappingURL=column.css.map */
html.lb-disable-scrolling {
    overflow: hidden;
    /* Position fixed required for iOS. Just putting overflow: hidden; on the body is not enough. */
    position: fixed;
    height: 100vh;
    width: 100vw;
}

.lightboxOverlay {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 9999;
    background-color: black;
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80);
    opacity: 0.8;
    display: none;
}

.lightbox {
    position: absolute;
    left: 0;
    width: 100%;
    z-index: 10000;
    text-align: center;
    line-height: 0;
    font-weight: normal;
}

.lightbox .lb-image {
    display: block;
    height: auto;
    max-width: inherit;
    max-height: none;
    border-radius: 3px;

    /* Image border */
    border: 4px solid white;
}

.lightbox a img {
    border: none;
}

.lb-outerContainer {
    position: relative;
    *zoom: 1;
    width: 250px;
    height: 250px;
    margin: 0 auto;
    border-radius: 4px;

    /* Background color behind image.
     This is visible during transitions. */
    background-color: white;
}

.lb-outerContainer:after {
    content: "";
    display: table;
    clear: both;
}

.lb-loader {
    position: absolute;
    top: 43%;
    left: 0;
    height: 25%;
    width: 100%;
    text-align: center;
    line-height: 0;
}

.lb-cancel {
    display: block;
    width: 32px;
    height: 32px;
    margin: 0 auto;
    background: url(https://bocauexpress.com/libraries/jquery/lightbox2/dist/images/loading.gif) no-repeat;
}

.lb-nav {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    z-index: 10;
}

.lb-container>.nav {
    left: 0;
}

.lb-nav a {
    outline: none;
    background-image: url('data:image/gif;base64,R0lGODlhAQABAPAAAP///wAAACH5BAEAAAAALAAAAAABAAEAAAICRAEAOw==');
}

.lb-prev,
.lb-next {
    height: 100%;
    cursor: pointer;
    display: block;
}

.lb-nav a.lb-prev {
    width: 34%;
    left: 0;
    float: left;
    background: url(https://bocauexpress.com/libraries/jquery/lightbox2/dist/images/prev.png) left 48% no-repeat;
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
    opacity: 0;
    -webkit-transition: opacity 0.6s;
    -moz-transition: opacity 0.6s;
    -o-transition: opacity 0.6s;
    transition: opacity 0.6s;
}

.lb-nav a.lb-prev:hover {
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
    opacity: 1;
}

.lb-nav a.lb-next {
    width: 64%;
    right: 0;
    float: right;
    background: url(https://bocauexpress.com/libraries/jquery/lightbox2/dist/images/next.png) right 48% no-repeat;
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
    opacity: 0;
    -webkit-transition: opacity 0.6s;
    -moz-transition: opacity 0.6s;
    -o-transition: opacity 0.6s;
    transition: opacity 0.6s;
}

.lb-nav a.lb-next:hover {
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
    opacity: 1;
}

.lb-dataContainer {
    margin: 0 auto;
    padding-top: 5px;
    *zoom: 1;
    width: 100%;
    border-bottom-left-radius: 4px;
    border-bottom-right-radius: 4px;
}

.lb-dataContainer:after {
    content: "";
    display: table;
    clear: both;
}

.lb-data {
    padding: 0 4px;
    color: #ccc;
}

.lb-data .lb-details {
    width: 85%;
    float: left;
    text-align: left;
    line-height: 1.1em;
}

.lb-data .lb-caption {
    font-size: 13px;
    font-weight: bold;
    line-height: 1em;
}

.lb-data .lb-caption a {
    color: #4ae;
}

.lb-data .lb-number {
    display: block;
    clear: left;
    padding-bottom: 1em;
    font-size: 12px;
    color: #999999;
}

.lb-data .lb-close {
    display: block;
    float: right;
    width: 30px;
    height: 30px;
    background: url(https://bocauexpress.com/libraries/jquery/lightbox2/dist/images/close.png) top right no-repeat;
    text-align: right;
    outline: none;
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=70);
    opacity: 0.7;
    -webkit-transition: opacity 0.2s;
    -moz-transition: opacity 0.2s;
    -o-transition: opacity 0.2s;
    transition: opacity 0.2s;
}

.lb-data .lb-close:hover {
    cursor: pointer;
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
    opacity: 1;
}

.certifications .detail_all {
    margin-top: 30px;
    text-transform: uppercase;
    text-align: center
}

.certifications .detail_all a {
    color: #58595b
}

.certifications .box-certifications {
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0px -15px
}

@media only screen and (max-width: 650px) {
    .certifications .box-certifications {
        margin: 0px -5px
    }
}

.certifications .box-certifications .item_inner {
    width: calc(35% - 30px);
    margin: 0px 15px
}

@media only screen and (max-width: 650px) {
    .certifications .box-certifications .item_inner {
        width: calc(45% - 10px);
        margin: 0px 5px
    }
}

.certifications .box-certifications .inner_summary {
    text-align: left;
    box-sizing: border-box;
    color: #000;
    line-height: 25px;
    width: calc(65% - 30px);
    margin: 0px 15px
}

@media only screen and (max-width: 650px) {
    .certifications .box-certifications .inner_summary {
        width: calc(55% - 10px);
        margin: 0px 5px
    }
}

.certifications .box-certifications .inner_summary .name_item {
    font-size: 18px;
    font-weight: 700
}

.certifications img:hover {
    cursor: zoom-in
}

.certifications .title-certifications {
    width: calc(25% - 55px);
    float: left;
    margin-top: 40px;
    margin-left: 55px;
    box-sizing: border-box;
    border-right: 2px solid #e4e4e4
}

.certifications .title-certifications .tt-big {
    font-weight: 600;
    font-size: 30px;
    margin-bottom: 8px;
    text-transform: uppercase
}

@media only screen and (max-width: 768px) {
    .certifications .title-certifications .tt-big {
        font-size: 25px;
        margin-bottom: 12px
    }
}

.certifications .title-certifications .tt-small {
    text-transform: uppercase;
    position: relative
}

.certifications .title-certifications .tt-small:after {
    width: 54px;
    height: 3px;
    bottom: -11px;
    left: 0px;
    content: "";
    position: absolute;
    background: #000
}

@media only screen and (max-width: 768px) {
    .certifications .title-certifications .tt-small:after {
        display: none
    }
}

@media screen and (max-width: 480px) {
    .certifications .title-certifications .tt-small {
        font-size: 14px
    }
}

.certifications .title-certifications .view-all {
    font-size: 14px;
    display: inline-block;
    text-transform: uppercase;
    padding: 5px 12px;
    border: 1px solid;
    margin-top: 47px
}

@media screen and (max-width: 768px) {
    .certifications .title-certifications .view-all {
        display: none
    }
}

@media screen and (max-width: 768px) {
    .certifications .title-certifications {
        width: 100%;
        float: none;
        margin-top: 0px;
        border: none;
        text-align: center;
        margin-bottom: 15px;
        margin-left: 0px
    }
}

.certifications .owl-controls .owl-nav div {
    display: inline-block;
    zoom: 1;
    position: absolute;
    padding: 6px 0 0;
    margin: 0;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    width: 20px;
    text-align: center;
    font-size: 32px;
    color: #000;
    font-family: -webkit-body;
    bottom: 10px;
    font-weight: 700
}

.certifications .owl-controls .owl-nav div:hover {
    color: var(--extra-color)
}

.certifications .owl-nav .owl-prev {
    left: 47%;
    transform: translate(-47%, 0px)
}

.certifications .owl-nav .owl-next {
    left: calc(47% + 15px);
    transform: translate(calc(-47% + 15px), 0px)
}

.poscn .block_title {
    margin-bottom: 15px;
    font-size: 26px;
    color: #282828
}

.certifications {
    box-sizing: border-box
}

.certifications .content-certifications {
    box-sizing: border-box
}

.certifications .content-certifications a {
    padding: 15px;
    display: inline-block;
    background: #fff;
    box-sizing: border-box
}

.certifications .content-certifications a img {
    height: auto
}

.certifications-inner .owl-stage {
    left: 40px
}

@media all and (max-width: 768px) {
    .certifications-inner .owl-stage {
        left: 0px
    }
}

.certifications-inner .cloned {
    filter: opacity(0.4) blur(0.6px)
}

.certifications-inner .active {
    filter: unset
}

/*# sourceMappingURL=style1.css.map */
.block_partners {
    position: relative;
    display: flex;
    flex-wrap: wrap;
    align-items: center
}

.block_partners .block_title {
    width: 160px;
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    text-align: left
}

.block_partners .block_title:after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    width: 20px;
    height: 2px;
    background-color: #e1e1e1
}

@media all and (max-width: 600px) {
    .block_partners .block_title:after {
        left: 50%;
        transform: translateX(-50%)
    }
}

.block_partners .block_title .text_inner {
    padding-bottom: 15px
}

.block_partners .block_title .text_inner:after {
    display: none
}

.block_partners .block_title .block_summary {
    display: none
}

@media all and (max-width: 600px) {
    .block_partners .block_title {
        width: 100%;
        position: relative;
        transform: translateY(0);
        text-align: center
    }
}

@media all and (max-width: 600px) {
    .block_partners .block_title {
        margin-bottom: 5px
    }
}

.block_partners .block_item_inner {
    width: 25%
}

@media only screen and (max-width: 700px) {
    .block_partners .block_item_inner {
        width: 100%;
        margin-bottom: 20px
    }
}

.block_partners .block_item_inner .name_block {
    font-weight: 700;
    text-transform: uppercase
}

.block_partners .block_item_inner .title_block {
    font-size: 28px;
    text-transform: uppercase;
    font-weight: 700;
    color: var(--main-color);
    line-height: 1.1;
    margin-top: 15px
}

@media all and (max-width: 768px) {
    .block_partners .block_item_inner .title_block {
        font-size: 22px
    }
}

@media all and (max-width: 500px) {
    .block_partners .block_item_inner .title_block {
        font-size: 20px
    }
}

.block_partners .block_item_inner .next_block a {
    display: inline-block;
    color: #000;
    font-size: 16px;
    margin-top: 10px;
    text-decoration: underline
}

.block_partners .partners-inner {
    width: 75%;
    float: right
}

@media only screen and (max-width: 700px) {
    .block_partners .partners-inner {
        width: 100%
    }
}

.block_partners .partners-inner .item {
    min-height: 90px
}

@media all and (max-width: 600px) {
    .block_partners .partners-inner .item {
        text-align: center
    }
}

.block_partners .partners-inner .item img {
    height: auto
}

@media all and (max-width: 600px) {
    .block_partners .partners-inner {
        width: 100%
    }
}

.blocks_partner .block_title strong {
    top: 0;
    left: inherit
}

.blocks_partner .item {
    text-align: center
}

.blocks_partner .owl-prev {
    width: 30px;
    height: 30px
}

.blocks_partner .owl-prev::before {
    content: '';
    background: url("https://bocauexpress.com/blocks/partners/assets/images/arrow-left-solid.svg");
    background-size: cover;
    width: 28px;
    height: 30px;
    position: absolute;
    right: 40px;
    bottom: 0
}

.blocks_partner .owl-next {
    width: 30px;
    height: 30px
}

.blocks_partner .owl-next::after {
    content: '';
    background: url("https://bocauexpress.com/blocks/partners/assets/images/arrow-right-solid.svg");
    background-size: cover;
    width: 28px;
    height: 30px;
    position: absolute;
    right: 0;
    bottom: 0
}

.blocks_partner .partners-inner {
    border-radius: 15px;
    box-sizing: border-box
}

/*# sourceMappingURL=simple.css.map */
.wrap_top_new {
    display: flex
}

.news_list_large {
    display: flex;
    margin-top: 40px
}

@media screen and (max-width: 600px) {
    .news_list_large {
        display: unset;
        margin-top: 10px
    }
}

.news_list_large .news_highlight {
    width: 49%;
    position: relative;
    transition: all .3s ease-out;
    overflow: hidden;
    transition: all 2.5s ease 0s;
    -webkit-transition: all 2.5s ease 0s
}

.news_list_large .news_highlight:after {
    content: "";
    position: absolute;
    top: 54%;
    left: 0;
    right: 0;
    bottom: 0;
    background-image: -webkit-linear-gradient(bottom, rgba(0, 0, 0, 0.76), rgba(0, 0, 0, 0.75), #0000004f, transparent);
    background-image: -moz-linear-gradient(bottom, rgba(0, 0, 0, 0.88), rgba(0, 0, 0, 0.62), transparent, rgba(255, 255, 255, 0));
    background-image: -ms-linear-gradient(bottom, rgba(0, 0, 0, 0.88), rgba(0, 0, 0, 0.62), transparent, rgba(255, 255, 255, 0));
    background-image: -o-linear-gradient(bottom, rgba(0, 0, 0, 0.88), rgba(0, 0, 0, 0.62), transparent, rgba(255, 255, 255, 0));
    background-image: linear-gradient(bottom, rgba(0, 0, 0, 0.88), rgba(0, 0, 0, 0.62), transparent, rgba(255, 255, 255, 0));
    -moz-transition: ease 0.5s;
    -o-transition: ease 0.5s;
    -webkit-transition: ease 0.5s;
    transition: ease 0.5s;
    z-index: 0;
    visibility: hidden;
    opacity: 1;
    visibility: visible
}

.news_list_large .news_highlight:hover img {
    -moz-transform: scale(1.05);
    -webkit-transform: scale(1.05);
    -o-transform: scale(1.05);
    -ms-transform: scale(1.05)
}

@media screen and (max-width: 600px) {
    .news_list_large .news_highlight {
        width: 100%;
        margin-right: unset;
        margin-bottom: 10px
    }
}

.news_list_large .news_highlight .text {
    padding: 5px 25px;
    box-sizing: border-box;
    position: absolute;
    bottom: 10px;
    z-index: 1
}

.news_list_large .news_highlight .text_lage {
    font-size: 18px
}

@media all and (max-width: 600px) {
    .news_list_large .news_highlight .text_lage {
        font-size: 16px
    }
}

.news_list_large .news_highlight .text_lage h3 {
    font-size: unset;
    line-height: 1.3em
}

@media all and (max-width: 600px) {
    .news_list_large .news_highlight .text_lage h3 {
        line-height: 1.5em
    }
}

.news_list_large .news_highlight .text_lage a {
    font-weight: 700;
    color: #fff
}

.news_list_large .news_highlight .summary_news {
    font-size: 14px;
    color: #fff;
    line-height: 1.3em;
    margin-top: 5px
}

.news_list_large .news_highlight .time_news {
    padding: 5px 0px;
    color: #909090;
    font-size: 13px
}

.news_list_large .grid {
    width: 51%;
    display: flex;
    flex-wrap: wrap
}

@media screen and (max-width: 600px) {
    .news_list_large .grid {
        width: 100%;
        margin: 0px -5px
    }
}

.news_list_large .item {
    position: relative;
    transition: all .3s ease-out;
    overflow: hidden;
    width: calc(50% - 30px);
    margin: 0px 0px 0px 30px
}

@media screen and (max-width: 700px) {
    .news_list_large .item {
        width: calc(50% - 10px);
        margin: 0px 5px 10px
    }
}

.news_list_large .item:after {
    content: "";
    position: absolute;
    top: 54%;
    left: 0;
    right: 0;
    bottom: 0;
    background-image: -webkit-linear-gradient(bottom, #0000006b, #0000006b, #0000006e, transparent);
    background-image: -moz-linear-gradient(bottom, #0000006b, #0000006b, #0000006e, transparent);
    background-image: -ms-linear-gradient(bottom, #0000006b, #0000006b, #0000006e, transparent);
    background-image: -o-linear-gradient(bottom, #0000006b, #0000006b, #0000006e, transparent);
    background-image: linear-gradient(bottom, #0000006b, #0000006b, #0000006e, transparent);
    -moz-transition: ease 0.5s;
    -o-transition: ease 0.5s;
    -webkit-transition: ease 0.5s;
    transition: ease 0.5s;
    z-index: 0;
    visibility: hidden;
    opacity: 1;
    visibility: visible
}

.news_list_large .item:nth-child(1),
.news_list_large .item:nth-child(2) {
    margin-bottom: 20px
}

@media screen and (max-width: 600px) {

    .news_list_large .item:nth-child(1),
    .news_list_large .item:nth-child(2) {
        margin-bottom: 10px
    }
}

.news_list_large .item:hover img {
    -moz-transform: scale(1.1);
    -webkit-transform: scale(1.1);
    -o-transform: scale(1.1);
    -ms-transform: scale(1.1)
}

.news_list_large .item .text {
    padding: 5px 15px;
    box-sizing: border-box;
    position: absolute;
    bottom: 5px
}

.news_list_large .item .text .text_lage {
    margin-bottom: 5px;
    color: #000
}

.news_list_large .item .text .text_lage h3 {
    font-size: unset;
    line-height: 1.3em
}

.news_list_large .item .text .text_lage a {
    font-size: 16px;
    font-weight: 700;
    color: #fff;
    box-sizing: border-box;
    text-overflow: ellipsis;
    -webkit-line-clamp: 2;
    display: -webkit-box;
    overflow: hidden;
    -webkit-box-orient: vertical;
    overflow: hidden;
    position: relative;
    z-index: 1
}

@media only screen and (max-width: 768px) {
    .news_list_large .item .text .text_lage a {
        font-size: 14px
    }
}

.news_list_large .item .text .time_news {
    font-size: 12px;
    color: #909090
}

.news_list_large .item_1 {
    transition: all 2s ease 0s;
    -webkit-transition: all 2s ease 0s
}

.news_list_large .item_2 {
    transition: all 2.5s ease 0s;
    -webkit-transition: all 2.5s ease 0s
}

.news_list_large .item_3 {
    transition: all 3s ease 0s;
    -webkit-transition: all 3s ease 0s
}

.news_list_large .item_4 {
    transition: all 3.5s ease 0s;
    -webkit-transition: all 3.5s ease 0s
}

.dis_js_news .news_highlight,
.dis_js_news .item {
    transform: unset !important
}

@media only screen and (max-width: 768px) {
    .dis_js_news .news_highlight {
        height: auto
    }
}

@media only screen and (max-width: 768px) {
    .dis_js_news .item {
        height: auto
    }
}

.block_newslist_home .block_title {
    float: left;
    font-size: 28px;
    color: var(--main-color);
    padding: 0px;
    margin-bottom: 0px
}

@media (max-width: 800px) {
    .block_newslist_home .block_title {
        font-size: 26px
    }
}

@media (max-width: 650px) {
    .block_newslist_home .block_title {
        font-size: 22px
    }
}

@media (max-width: 500px) {
    .block_newslist_home .block_title {
        font-size: 20px
    }
}

.block_newslist_home .block_title .icon1 {
    display: none
}

@media only screen and (max-width: 768px) {
    .block_newslist_home .block_title {
        float: unset
    }
}

@media screen and (max-width: 414px) {
    .block_newslist_home .block_title {
        font-size: 22px
    }
}

.block_newslist_home .list_menu_cat {
    float: right
}

@media only screen and (max-width: 768px) {
    .block_newslist_home .list_menu_cat {
        float: unset
    }
}

@media only screen and (max-width: 768px) {
    .block_newslist_home .list_menu_cat .scroll_bar_m {
        display: flex;
        overflow-y: hidden;
        overflow-x: auto;
        justify-content: center
    }
}

@media only screen and (max-width: 768px) {
    .block_newslist_home .list_menu_cat .cat-title {
        margin: 20px 0px 15px;
        display: flex;
        overflow-x: auto;
        overflow-y: hidden;
        white-space: nowrap
    }
}

.block_newslist_home .list_menu_cat .cat-title li {
    float: left;
    padding-left: 24px;
    margin-left: 20px;
    position: relative;
    font-size: 16px
}

.block_newslist_home .list_menu_cat .cat-title li a {
    color: #555
}

@media (max-width: 800px) {
    .block_newslist_home .list_menu_cat .cat-title li {
        font-size: 14px;
        padding-left: 20px
    }
}

@media screen and (max-width: 414px) {
    .block_newslist_home .list_menu_cat .cat-title li {
        margin: 0px 0px 5px 10px
    }
}

.block_newslist_home .list_menu_cat .cat-title li:before {
    width: 15px;
    height: 15px;
    content: '';
    left: 0px;
    top: 50%;
    transform: translate(0px, -50%);
    position: absolute;
    background-repeat: no-repeat;
    transition: 0.25s all ease;
    -webkit-transition: 0.25s all ease;
    background: url('data:image/svg+xml;utf8,<svg fill="rgb(55 55 55)" width="15px" height="15px" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 57.1777 50.8457"><path class="a" d="M50.4394,18.6611a.7339.7339,0,1,1-.7344.7344.73393.73393,0,0,1,.7344-.7344m-7.14449.5449C43.8242,10.0014,41.2236,4.6279,36.375,2.0073,28.71191-2.1348,15.4277.601,0,5.9565,8.146,4.3354,14.8623,5.749,19.8994,9.3984A23.06476,23.06476,0,0,1,28.7373,24.414c1.3808,11.8154-5.4151,20.2051-15.07039,26.4317,14.69929-6.1885,27.295-10.0694,32.55079-16.9053a30.71645,30.71645,0,0,0,4.0186-7.253,7.02558,7.02558,0,0,1,2.22261-3.0371c1.14259-.8193,3.05179-.6796,4.71879-.4746-1.67579-1.3789-2.7783-2.1054-3.4424-2.791-.60839-.6308-.7861-1.2607-1.4375-2.0918C49.7773,15.0834,46.5947,16.5869,43.29491,19.206Z"/></svg>');
    background-repeat: no-repeat
}

@media (max-width: 800px) {
    .block_newslist_home .list_menu_cat .cat-title li:before {
        width: 12px;
        height: 12px;
        background-size: contain !important
    }
}

.block_newslist_home .list_menu_cat .cat-title li:hover {
    color: var(--other-color)
}

.block_newslist_home .list_menu_cat .cat-title .activated {
    color: var(--other-color)
}

@media only screen and (max-width: 768px) {
    .block_newslist_home .list_menu_cat .cat-title .activated {
        margin-left: 0px
    }
}

.block_newslist_home .list_menu_cat .cat-title .activated:before {
    background: url('data:image/svg+xml;utf8,<svg fill="rgb(17 98 171)" width="15px" height="15px" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 57.1777 50.8457"><path class="a" d="M50.4394,18.6611a.7339.7339,0,1,1-.7344.7344.73393.73393,0,0,1,.7344-.7344m-7.14449.5449C43.8242,10.0014,41.2236,4.6279,36.375,2.0073,28.71191-2.1348,15.4277.601,0,5.9565,8.146,4.3354,14.8623,5.749,19.8994,9.3984A23.06476,23.06476,0,0,1,28.7373,24.414c1.3808,11.8154-5.4151,20.2051-15.07039,26.4317,14.69929-6.1885,27.295-10.0694,32.55079-16.9053a30.71645,30.71645,0,0,0,4.0186-7.253,7.02558,7.02558,0,0,1,2.22261-3.0371c1.14259-.8193,3.05179-.6796,4.71879-.4746-1.67579-1.3789-2.7783-2.1054-3.4424-2.791-.60839-.6308-.7861-1.2607-1.4375-2.0918C49.7773,15.0834,46.5947,16.5869,43.29491,19.206Z"/></svg>');
    background-repeat: no-repeat
}

.img_large {
    overflow: hidden
}

.img_large img {
    height: auto
}

.img_large a {
    display: grid
}

/*# sourceMappingURL=large.css.map */
.block-statistics {
    display: flex;
    flex-wrap: wrap;
    padding: 0px 0px 155px;
    margin: 0 -5px
}

@media all and (max-width: 800px) {
    .block-statistics {
        padding: 10px 0;
        padding-bottom: 130px
    }
}

.block-statistics .item {
    color: #000;
    width: calc(100% / 4 - 10px);
    float: left;
    border-radius: 10px;
    margin: 0 5px;
    box-sizing: border-box;
    cursor: pointer;
    user-select: none;
    color: #fff;
    transition: all 2s ease;
    text-align: center;
    display: flex;
    flex-wrap: wrap;
    align-items: center
}

@media all and (max-width: 800px) {
    .block-statistics .item {
        width: calc(100% / 2 - 10px);
        margin: 11px 5px 20px
    }
}

@media all and (max-width: 450px) {
    .block-statistics .item {
        display: unset
    }

    .block-statistics .item:nth-child(3),
    .block-statistics .item:last-child {
        margin-bottom: 0px
    }
}

.block-statistics .item .icon_svg svg {
    width: 60px;
    height: 60px;
    fill: #ecf0f1
}

.block-statistics .item .icon_statis {
    width: 82px;
    height: 82px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #fff;
    border-radius: 50%
}

@media all and (max-width: 768px) {
    .block-statistics .item .icon_statis {
        width: 68px;
        height: 68px
    }
}

@media all and (max-width: 450px) {
    .block-statistics .item .icon_statis {
        margin: 0px auto 15px
    }
}

.block-statistics .item .icon_statis svg {
    fill: var(--other-color);
    width: 45px;
    height: 45px
}

@media all and (max-width: 768px) {
    .block-statistics .item .icon_statis svg {
        width: 32px;
        height: 32px
    }
}

.block-statistics .item .wrap_text {
    width: 100%;
    color: var(--main-color)
}

@media all and (max-width: 450px) {
    .block-statistics .item .wrap_text {
        width: 100%;
        margin-left: 0px
    }
}

.block-statistics .item .title {
    font-size: 66px;
    line-height: 1.1;
    position: relative;
    transition: all 0.3s;
    animation: scale_title running 8s infinite;
    display: block;
    font-weight: 700;
    padding-bottom: 25px;
    margin-bottom: 20px
}

.block-statistics .item .title:before {
    width: 160px;
    height: 21px;
    content: '';
    left: 50%;
    bottom: 0%;
    transform: translate(-50%, 0%);
    position: absolute;
    background-repeat: no-repeat;
    transition: 0.25s all ease;
    -webkit-transition: 0.25s all ease;
    background: url('data:image/svg+xml;utf8,<svg  width="160px" height="21px" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 145.563 19.5527"><path fill="rgb(6,92,169)" class="a" d="M64.9492,18.542C40.7583,13.0576,19.4575-2.9815,0,13.0742c18.7676-5.751,31.6284,4.4687,64.6831,6.4687v-.9902C64.7725,18.5527,64.8599,18.5439,64.9492,18.542Z"/><path fill="rgb(6,92,169)" class="a" d="M145.563,13.0742c-19.459-16.0566-40.7612-.0137-64.9541,5.4687.065.001.1289.0098.1943.0098v.9951C113.9155,17.5586,126.7808,7.3183,145.563,13.0742Z"/><path fill="rgb(6,92,169)" class="a" d="M80.8032,19.5527v-.0049l-.038.003C80.7779,19.5508,80.7905,19.5527,80.8032,19.5527Z"/><path fill="rgb(6,92,169)" class="a" d="M73.4209,15.4765a11.39193,11.39193,0,0,0,2.6992-7.3613h-1a10.40282,10.40282,0,0,1-2.7456,7.0371l-.309.3379.309.3379a11.48065,11.48065,0,0,0,5.4136,3.2998q1.41645-.268,2.8208-.585A10.45745,10.45745,0,0,1,73.4209,15.4765Z"/><path fill="rgb(6,92,169)" class="a" d="M80.6089,18.5429q-1.404.318-2.8208.585a11.3344,11.3344,0,0,0,2.9771.4229l.038-.003v-.9951C80.7378,18.5527,80.6739,18.5439,80.6089,18.5429Z"/><path fill="rgb(6,92,169)" class="a" d="M64.6831,19.5527c.0298,0,.0596-.0039.0894-.0039l-.0894-.0059Z"/><path class="a" d="M71.7222,17.1162l-.6182-.7871a10.29119,10.29119,0,0,1-6.1548,2.2129q1.4004.31785,2.814.583A11.3379,11.3379,0,0,0,71.7222,17.1162Z"/><path fill="rgb(6,92,169)" class="a" d="M64.9492,18.542c-.0893.0019-.1767.0107-.2661.0107v.9902l.0894.0059a11.36136,11.36136,0,0,0,2.9907-.4238Q66.3496,18.8583,64.9492,18.542Z"/><path fill="rgb(6,92,169)" class="a" d="M72.7432.7402a10.88977,10.88977,0,0,0,0,14.75,10.89144,10.89144,0,0,0,0-14.75Z"/><path fill="rgb(6,92,169)" class="a" d="M72.7432,16.2304l-.3687-.4023a11.39021,11.39021,0,0,1,0-15.4258L72.7432,0l.3686.4023a11.3916,11.3916,0,0,1,0,15.4258Zm0-14.7275a10.38381,10.38381,0,0,0,0,13.2246,10.38583,10.38583,0,0,0,0-13.2246Z"/></svg>');
    background-repeat: no-repeat
}

.block-statistics .item .summary {
    line-height: 1.1em;
    font-size: 20px;
    position: relative;
    transition: all 0.3s;
    display: inline-block;
    text-transform: uppercase;
    font-weight: 700
}

.block-statistics .item .summary p {
    animation: scale_sum running 8s infinite
}

.block-statistics .item:nth-child(2) .title {
    animation-delay: 2s
}

.block-statistics .item:nth-child(2) .summary p {
    animation-delay: 2s
}

.block-statistics .item:nth-child(3) .title {
    animation-delay: 4s
}

.block-statistics .item:nth-child(3) .summary p {
    animation-delay: 4s
}

.block-statistics .item:nth-child(4) .title {
    animation-delay: 6s
}

.block-statistics .item:nth-child(4) .summary p {
    animation-delay: 6s
}

@media all and (max-width: 600px) {
    .block-statistics .item .title {
        font-size: 48px;
        padding-bottom: 20px;
        margin-bottom: 10px
    }

    .block-statistics .item .summary {
        font-size: 15px;
        line-height: 18px
    }
}

#statistics.hello .item {
    transform: scale(1) rotate(0);
    transition: all 2s ease
}

#statistics.hello .item_1 {
    transition-delay: 0.15s
}

#statistics.hello .item_2 {
    transition-delay: 0.3s
}

#statistics.hello .item_3 {
    transition-delay: 0.45s
}

#statistics.hello .item_4 {
    transition-delay: 0.6s
}

@keyframes scale_title {
    0% {
        transform: scale(1)
    }

    5% {
        transform: scale(1.3)
    }

    10% {
        transform: scale(1)
    }
}

@keyframes scale_sum {
    10% {
        transform: scale(1)
    }

    15% {
        transform: scale(1.3)
    }

    20% {
        transform: scale(1)
    }
}

/*# sourceMappingURL=simple.css.map */
.block_btn_hotline {
    display: flex;
    flex-wrap: wrap;
    margin: 0px -10px
}

@media all and (max-width: 420px) {
    .block_btn_hotline {
        margin: 0px
    }
}

.block_btn_hotline .hotline_item {
    width: calc(50% - 20px);
    margin: 0px 10px;
    text-align: center
}

@media screen and (min-width: 1400px) {
    .block_btn_hotline .hotline_item {
        width: calc(50% - 20px)
    }
}

@media all and (max-width: 420px) {
    .block_btn_hotline .hotline_item {
        width: 100%;
        margin: 0px 0px 15px
    }
}

.block_btn_hotline .hotline_item a {
    padding: 14px 0px;
    background: var(--main-color);
    display: block;
    border-radius: 10px;
    font-size: 20px;
    text-transform: uppercase;
    color: #fff;
    font-weight: 700;
    display: flex;
    align-items: center;
    justify-content: center
}

@media screen and (min-width: 1400px) {
    .block_btn_hotline .hotline_item a {
        font-size: 22px;
        padding: 15px 0px
    }
}

@media all and (max-width: 720px) {
    .block_btn_hotline .hotline_item a {
        padding: 12px 0px;
        font-size: 16px
    }
}

.block_btn_hotline .hotline_item a svg {
    fill: #fff;
    width: 22px;
    height: 22px;
    margin-right: 10px
}

.block_btn_hotline .design_hotline a {
    background: var(--extra-color)
}

/*# sourceMappingURL=btn_hotline.css.map */
ul.menu-bottom {
    margin: 0px -20px
}

@media all and (max-width: 900px) {
    ul.menu-bottom {
        margin: 0px
    }
}

ul.menu-bottom li.level0 {
    float: left;
    width: calc(50% - 40px);
    margin: 0px 20px;
    box-sizing: border-box
}

@media screen and (max-width: 900px) {
    ul.menu-bottom li.level0 {
        padding: 0px 0px 0px 0px
    }
}

ul.menu-bottom li.level0>a,
ul.menu-bottom li.level0>span {
    margin-bottom: 30px;
    display: block;
    font-size: 16px;
    text-transform: uppercase;
    color: #000;
    font-weight: 700
}

ul.menu-bottom li.level0 ul li {
    margin-bottom: 16px;
    position: relative
}

ul.menu-bottom li.level0 ul li a {
    color: #3e3e3e
}

ul.menu-bottom li.level0 ul li a:hover {
    color: var(--main-color)
}

ul li.level1 a:hover,
ul li.level1 span:hover {
    color: var(--main-color)
}

ul.menu-bottom li.level0 span.click-mobile {
    background: transparent url("https://bocauexpress.com/blocks/mainmenu/assets/images/icon-click.png") no-repeat scroll center;
    position: absolute;
    cursor: pointer;
    padding: 19px;
    right: 0px;
    top: 0px;
    display: none
}

ul.menu-bottom li.level0 span.click-mobile.active {
    background: transparent url("https://bocauexpress.com/blocks/mainmenu/assets/images/icon-click-active.png") no-repeat scroll center
}

.menu-bottom ul li.mid-sitem>span i {
    background: transparent url(https://bocauexpress.com/blocks/mainmenu/assets/images/bo-cong-thuong.png) no-repeat scroll left bottom;
    content: ' ';
    height: 47px;
    display: block;
    margin-top: 23px;
    padding-top: 12px
}

@media screen and (max-width: 900px) {
    ul.menu-bottom li.level0 {
        float: left;
        width: 100%;
        border: 1px solid #e3e3e3;
        margin-bottom: 10px;
        position: relative;
        margin: 0px
    }

    ul.menu-bottom li.level0 span.click-mobile {
        display: block
    }

    ul.menu-bottom li.level0>a,
    ul.menu-bottom li.level0>span {
        display: block;
        padding: 8px;
        margin-bottom: 0;
        font-size: 16px
    }

    ul.menu-bottom li.level0 ul {
        display: none
    }

    ul li.level1 {
        border-top: 1px solid #e3e3e3;
        padding: 8px 0px 7px 0px;
        margin-left: 22px
    }

    ul.menu-bottom li.level0 ul li {
        margin-bottom: 8px
    }

    ul li.level1.first-sitem,
    ul li.level1:first-child {
        border-top: 0
    }
}

/*# sourceMappingURL=bottommenu.css.map */
.share_fast_small {
    text-align: left;
    margin-top: 20px
}

@media all and (max-width: 750px) {
    .share_fast_small {
        margin-bottom: 0px
    }
}

.share_fast_small svg {
    transition: 0.5s;
    width: 20px;
    height: 20px
}

.share_fast_small svg:hover {
    transition: 0.5s
}

.share_fast_small .title {
    text-transform: uppercase;
    margin-bottom: 15px;
    display: block;
    border-bottom: 0px;
    text-align: left;
    font-size: 15px;
    font-weight: bold;
    color: #fff;
    padding-top: 0;
    font-family: Helvetica
}

.share_fast_small .title::after {
    display: none
}

.share_fast_small .fb,
.share_fast_small .prin,
.share_fast_small .zl,
.share_fast_small .gp,
.share_fast_small .yt,
.share_fast_small .sk,
.share_fast_small .tw {
    width: 36px;
    height: 36px;
    padding: 6px 6px;
    box-sizing: border-box;
    margin-right: 9px;
    float: left;
    border-radius: 50%;
    border: 1px solid var(--main-color);
    transition: 0.5s
}

@media all and (max-width: 800px) {

    .share_fast_small .fb,
    .share_fast_small .prin,
    .share_fast_small .zl,
    .share_fast_small .gp,
    .share_fast_small .yt,
    .share_fast_small .sk,
    .share_fast_small .tw {
        margin-bottom: 8px
    }
}

@media all and (max-width: 600px) {

    .share_fast_small .fb,
    .share_fast_small .prin,
    .share_fast_small .zl,
    .share_fast_small .gp,
    .share_fast_small .yt,
    .share_fast_small .sk,
    .share_fast_small .tw {
        float: left
    }
}

.share_fast_small .fb svg,
.share_fast_small .prin svg,
.share_fast_small .zl svg,
.share_fast_small .gp svg,
.share_fast_small .yt svg,
.share_fast_small .sk svg,
.share_fast_small .tw svg {
    fill: var(--main-color);
    transition: 0.5s
}

.share_fast_small .fb a,
.share_fast_small .prin a,
.share_fast_small .zl a,
.share_fast_small .gp a,
.share_fast_small .yt a,
.share_fast_small .sk a,
.share_fast_small .tw a {
    display: flex;
    align-items: center;
    justify-content: center
}

.share_fast_small .fb:hover,
.share_fast_small .prin:hover,
.share_fast_small .zl:hover,
.share_fast_small .gp:hover,
.share_fast_small .yt:hover,
.share_fast_small .sk:hover,
.share_fast_small .tw:hover {
    background: #fff
}

.share_fast_small .fb:hover svg,
.share_fast_small .prin:hover svg,
.share_fast_small .zl:hover svg,
.share_fast_small .gp:hover svg,
.share_fast_small .yt:hover svg,
.share_fast_small .sk:hover svg,
.share_fast_small .tw:hover svg {
    fill: #f56437
}

.share_fast_small .zl {
    padding: 0
}

.share_fast_small .zl svg {
    width: 40px;
    height: 40px
}

.share_fast_small .prin {
    border: 1px solid #b31216
}

.share_fast_small .prin svg {
    fill: #b31216
}

.share_fast_small .fb {
    border: 1px solid #30497d
}

.share_fast_small .fb svg {
    fill: #30497d
}

.share_fast_small .tw {
    border: 1px solid #1C96E8
}

.share_fast_small .tw svg {
    fill: #1C96E8
}

.share_fast_small .gp {
    border: 1px solid #D64937
}

.share_fast_small .gp svg {
    fill: #D64937
}

.share_fast_small .yt {
    border: 1px solid #e42c27
}

.share_fast_small .yt svg {
    fill: #e42c27
}

/*# sourceMappingURL=fast_small.css.map */
#icon_hot {
    position: absolute;
    left: 0px;
    top: 14px;
    font-size: 9px;
    text-transform: uppercase;
    color: red
}

#dot {
    width: 6px;
    height: 6px;
    background-color: #f33;
    border-radius: 100%;
    position: absolute;
    left: 16px;
    top: 27px;
    margin-top: -5px;
    display: block
}

#dot .ping {
    border: 1px solid #f33;
    width: 6px;
    height: 6px;
    opacity: 1;
    background-color: rgba(238, 46, 36, 0.2);
    border-radius: 100%;
    -webkit-animation-duration: 1.25s;
    animation-duration: 1.25s;
    -webkit-animation-name: sonar;
    animation-name: sonar;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
    -webkit-animation-timing-function: linear;
    animation-timing-function: linear;
    display: block;
    margin: -1px 0 0 -1px
}

.megamenu_mb,
.highlight {
    position: fixed;
    width: 500px;
    height: 100vh;
    background: #fff;
    z-index: 99999;
    padding: 0px 0px;
    box-sizing: border-box;
    top: 0;
    left: -100%;
    transition: all 0.5s
}

@media screen and (max-width: 768px) {

    .megamenu_mb,
    .highlight {
        width: 86%
    }
}

.megamenu_mb_show {
    left: 0
}

:root {
    --body-color: #eee
}

.modal-menu-full-screen-menu {
    width: 100%;
    height: 100%;
    position: fixed;
    top: 0;
    bottom: 0;
    left: 0;
    background: #0000008c;
    z-index: -99;
    opacity: 0;
    transition: .5s
}

.show_screen {
    z-index: 99999;
    opacity: 1
}

.close_all {
    width: 30px;
    height: 30px;
    border-radius: 50%;
    background: #000;
    position: absolute;
    right: -40px;
    top: 10px
}

.close_all .navicon-line {
    width: 16px;
    height: 2px;
    border-radius: 1px;
    margin-bottom: 0px;
    background-color: #fff;
    transition: .5s;
    position: absolute;
    left: 0;
    top: 0
}

.close_all .navicon-line:nth-child(1) {
    transform: rotate(45deg) translate(15px, 5px)
}

.close_all .navicon-line:nth-child(2) {
    transform: rotate(-45deg) translate(-5px, 15px)
}

.megamenu_mb .label {
    text-align: center;
    padding: 15px 0;
    border-bottom: 1px solid var(--body-color);
    font-size: 18px;
    position: relative
}

.megamenu_mb li {
    position: relative;
    border-bottom: 1px solid #eee;
    box-sizing: border-box;
    margin-top: 0px
}

.megamenu_mb li a,
.megamenu_mb li span {
    display: flex;
    align-items: center;
    float: none;
    padding: 13px 10px 13px 11px;
    font-size: 18px;
    color: #000
}

@media all and (max-width: 600px) {

    .megamenu_mb li a,
    .megamenu_mb li span {
        font-size: 16px
    }
}

.megamenu_mb li a span,
.megamenu_mb li span span {
    padding: 0px
}

.megamenu_mb li .check_icon {
    padding: 17px 6px 15px 37px
}

.megamenu_mb li svg {
    width: 16px;
    margin-right: 10px;
    fill: var(--main-color);
    height: 16px
}

@media all and (max-width: 600px) {
    .megamenu_mb li svg {
        width: 22px;
        height: 22px
    }
}

.megamenu_mb .next_menu {
    position: absolute;
    right: 0;
    top: 0;
    padding: 0;
    box-sizing: border-box;
    height: 100%;
    width: 40px;
    border-left: 1px solid var(--body-color);
    z-index: 99
}

.megamenu_mb .label:after,
.megamenu_mb .label:before,
.megamenu_mb .next_menu:after,
.megamenu_mb .next_menu:before {
    width: 7px;
    height: 7px;
    border-right: 1px solid #000;
    border-top: 1px solid #000;
    position: absolute;
    content: '';
    left: calc(50% - 3px);
    top: 50%;
    transform: translate(-50%, -50%) rotate(45deg)
}

.megamenu_mb .label:after,
.megamenu_mb .label:before {
    left: 25px;
    transform: translate(0, -50%) rotate(-135deg)
}

.megamenu_mb #menu_:after,
.megamenu_mb #menu_:before {
    display: none
}

.megamenu_mb ul.menu,
.megamenu_mb .highlight {
    height: 100%;
    overflow: auto
}

.group_id_menu_23 {
    background: #e4e4e430
}

@keyframes sonar {
    0% {
        opacity: 1;
        -webkit-transform: scale(1);
        transform: scale(1)
    }

    100% {
        -webkit-transform: scale(3);
        transform: scale(3);
        opacity: 0
    }
}

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