﻿.block16674
{
    width: 100%;
    word-break: break-word;
}
.block16674 .top
{
    background: #f90;
    padding-top: 95px;
    padding-bottom: 175px;
}
.block16674 .blockTitle
{
    width: 100%;
    max-width: 1180px;
    margin: auto;
    font-size: 28px;
    color: #fff;
    text-align: center;
}
.block16674 .wrapper
{
    width: 100%;
    max-width: 1180px;
    margin: auto;
    display: flex;
    margin-top: -80px;
}
.block16674 .tile
{
    width: 50%;
    box-sizing: border-box;
}
.block16674 .tile:first-child
{
    border-right: .5px solid #eee;
}
.block16674 .tile:last-child
{
    border-right: .5px solid #eee;
}
.block16674 .imgWra
{
    width: 100%;
    position: relative;
}
.block16674 .title
{
    position: absolute!important;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    z-index: 2;
    font-size: 43px;
    color: #fff;
    width: calc(100% - 20px);
    text-align: center;
}
.block16674 .imgBox .backstage-widgetsettings-tools-zindex
{
    left: 10px;
    top: 10px;
    transform: none;
}
.block16674 .imgBox
{
    width: 100%;
}
.block16674 .imgBox .backstage-componet-bd, .block16674 .imgBox .backstage-componet
{
    width: 100%;
    height: 100%;
    display: block;
}
.block16674 .imgBox .backstage-componet-bd img
{
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
}
.block16674 .textBox
{
    padding: 60px 0;
    background: #fff;
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
}
.block16674 .text
{
    margin-bottom: 38px;
    text-align: center;
    padding: 0 20px;
    font-size: 20px;
    color: #676767;
}
.block16674 .button
{
    display: flex;
    justify-content: center;
    color: #ff4229;
    position: absolute;
    bottom: 50px;
}
.block16674 .button:hover
{
    color: #f90;
}
.block16674 .button .backstage-componet-bd a
{
    font-size: 18px;
    color: inherit;
    transition: color .2s ease-in-out;
    min-width: 10px;
    display: inline-block;
}
.block16674 .button .backstage-componet-bd
{
    position: relative;
    padding-bottom: 2px;
}
.block16674 .button .backstage-componet-bd::after
{
    content: "";
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 0;
    border-bottom: solid 2px;
    transition: all .2s ease-in-out;
}
.block16674 .blockFoot
{
    width: 100%;
    max-width: 1180px;
    margin: auto;
    padding: 40px 0;
    display: flex;
    justify-content: center;
}
.block16674 .but
{
    background: #ff4229;
    color: #fff;
    transition: background .2s ease-in-out;
}
.block16674 .but:hover
{
    background: #f90;
}
.block16674 .but .backstage-componet-bd
{
    border-radius: 2px;
    text-align: center;
    min-width: 180px;
}
.block16674 .but .backstage-componet-bd a
{
    color: inherit;
    padding: 18px 30px;
    display: block;
    text-align: center;
}
@media screen and (max-width: 1200px)
{
    .block16674 .blockTitle
    {
        width: calc(100% - 20px);
    }
    .block16674 .wrapper
    {
        width: calc(100% - 20px);
    }
    .block16674 .title
    {
        font-size: 24px!important;
    }
}
@media screen and (max-width: 700px)
{
    .block16674 .top
    {
        padding: 33px 0 85px;
    }
    .block16674 .wrapper
    {
        display: block;
        margin-top: -30px;
    }
    .block16674 .tile
    {
        width: 100%;
        border: none;
    }
    .block16674 .tile:first-child, .block16674 .tile:last-child
    {
        border: none;
    }
    .block16674 .slick-arrow
    {
        display: block;
        position: absolute;
        left: 0;
        top: 20%;
        transform: translateY(-50%);
        z-index: 2;
        font-size: 0;
        background: transparent;
        border: none;
        outline: none;
        width: 30px;
        height: 30px;
        border-radius: 50%;
        overflow: hidden;
        color: #fff;
        cursor: pointer;
    }
    .block16674 .slick-next
    {
        right: 0;
        left: unset;
    }
    .block16674 .slick-arrow::before
    {
        font-family: FontAwesome;
        font-size: 20px;
        position: relative;
        z-index: 2;
    }
    .block16674 .slick-next::before
    {
        content: "";
        margin-left: 2px;
    }
    .block16674 .slick-prev::before
    {
        content: "";
        margin-left: -1px;
    }
    .block16674 .tile
    {
        outline: none;
    }
    .block16674 .slick-arrow::after
    {
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        background: #ff4229;
        opacity: .2;
        content: "";
        transition: opacity .3s;
    }
    .block16674 .slick-arrow:hover::after
    {
        opacity: 1;
    }
    .block16674 .textBox
    {
        padding: 60px 25px;
        width: calc(100% - 50px);
    }
}