﻿/**================================================*/
/**================================================*/
/* --- */
.h2_home {
    font-size: 1.5rem;
    font-weight: 500;
    color: var(--main-color-1);
    text-transform: uppercase;
    position: relative;
    margin-bottom: 1.25rem;
    padding-top: 0;
}
.h2_home--v2 {
    text-align: center;
}
.h2_home span {
    display: inline-block;
    position: relative;
    /* padding-bottom: 8px; */
}
.h2_home span::before {
    content: '';
    position: absolute;
    left: 0;
    bottom: -8px;
    width: 50px;
    height: 2px;
    background-color: var(--main-color-1);
}
.h2_home--v2 span::before {
    left: calc(50% - 50px/2);
}
/* --- */
.home__readmore {
    display: inline-block;
    color: #f58220;
    position: relative;
    font-size: 14px;
    padding: 4px 8px;
    border: 1px solid #f58220;
}
.home__readmore:hover {
    color: var(--main-color-1);
    border-color: var(--main-color-1);
}
.home__readmore::after {
    content: " ";
    display: inline-block;
    vertical-align: middle;
    width: 24px;
    height: 24px;
    background-image: url('data:image/svg+xml;utf8,<svg width="24" height="24" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512"><path fill="%23f58220" d="M311.03 131.515l-7.071 7.07c-4.686 4.686-4.686 12.284 0 16.971L387.887 239H12c-6.627 0-12 5.373-12 12v10c0 6.627 5.373 12 12 12h375.887l-83.928 83.444c-4.686 4.686-4.686 12.284 0 16.971l7.071 7.07c4.686 4.686 12.284 4.686 16.97 0l116.485-116c4.686-4.686 4.686-12.284 0-16.971L328 131.515c-4.686-4.687-12.284-4.687-16.97 0z"></path></svg>');
    background-repeat: no-repeat;
    margin-left: 4px;
}
.home__readmore:hover::after {
    background-image: url('data:image/svg+xml;utf8,<svg width="24" height="24" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512"><path fill="%2300a941" d="M311.03 131.515l-7.071 7.07c-4.686 4.686-4.686 12.284 0 16.971L387.887 239H12c-6.627 0-12 5.373-12 12v10c0 6.627 5.373 12 12 12h375.887l-83.928 83.444c-4.686 4.686-4.686 12.284 0 16.971l7.071 7.07c4.686 4.686 12.284 4.686 16.97 0l116.485-116c4.686-4.686 4.686-12.284 0-16.971L328 131.515c-4.686-4.687-12.284-4.687-16.97 0z"></path></svg>');
    background-repeat: no-repeat;
}
/* .home__readmore::before {
    content: '';
    display: inline-block;
    vertical-align: middle;
    width: 30px;
    height: 1px;
    margin-right: 4px;
    background-color: var(--main-color-1);
} */
.home__readmore span {
    display: inline-block;
    vertical-align: middle;
}


/**================================================*/
.sec12 {}
.sec12 .wrap>div {
    padding: 0;
}
/**================================================*/
.sec13 {
    background-color: #f1f1f1;
    color: #333;
}
.sec13 .wrap>div {
    padding: 40px 0 40px;
    align-items: center;
}
.sec13__col {
    width: calc(50% - 32px);
}
.sec13__col p {
    margin-bottom: 16px;
    font-weight: 400;
    font-size: 15px;
    color: #333;
}

.sec13__col--v2 img {
    border-radius: 32px;
}

.sec13__col--v2 .youtube {
    border-radius: 12px;
    border: 1px solid var(--main-color-1);
}


/**================================================*/
.sec14 {
    background-color: #fff;
    color: #333;
}
.sec14 .wrap>div {
    padding: 3rem 0 0rem;
    align-items: center;
}
.sec14__col {
    width: calc(50% - 32px);
}
.sec14__col p {
    margin-bottom: 16px;
    font-weight: 300;
    font-size: 15px;
    color: #eee;
}
.sec14__col .thumb {
    display: block;
    position: relative;
    width: 100%;
    height: 0;
    padding-bottom: 65%;
}
.sec14__col .thumb img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
.sec14__col--v1 img {
    border-radius: 24px;
}


/**================================================*/
.sec15 {
    background-color: #fff;
    color: #333;
}
.sec15 .wrap>div {
    padding: 40px 0 40px;
}
.sec15__row1 {
    margin-bottom: 40px;
    text-align: center;
}
.sec15__row2 .woocommerce ul.products li.product {
    width: calc(100%/5 - 16px);
    margin: 0 calc(5*16px/4) 32px 0;
}

.sec15__row2 .woocommerce ul.products li.product:nth-child(4n) {
    margin-right: 0;
}
.sec15__row3 {
    text-align: center;
    margin-top: -16px;
}
/**================================================*/
.sec16 {
    background-color: #f1f1f1;
    color: #333;
}
.sec16 .wrap>div {
    padding: 40px 0 40px;
}
/* --- */
.sec16__row2 {
    margin-top: 32px;
}
.sec16__row2__col ul {
    /* display: block; */
}
.sec16__row2__col ul li {
    width: calc(25% - 20px);
    display: block;
}
/* .sec16__row2__col ul li:not(:last-child) {
    margin-bottom: 1rem;
    padding-bottom: 1rem;
    border-bottom: 1px solid #333;
} */
.sec16__row2__col ul li .thumb {
    /* width: 150px; */
    width: 100%;
}
.sec16__row2__col ul li .text {
    /* width: calc(100% - 150px - .75rem); */
    width: 100%;
}
.sec16__row2__col ul li .text__title {
    -webkit-line-clamp: 2;
    line-height: 1.4;
    font-size: 16px;
    max-height: calc(2*1.4*16px + 8px);
    margin-top: 8px;
}
.sec16__row2__col ul li .thumb a {
    display: block;
    width: 100%;
    height: 0;
    padding-bottom: 65%;
    position: relative;
}
.sec16__row2__col ul li .thumb a img {
    display: block;
    width: 100%;
    height: 100%;
    position: absolute;
    border: 1px solid #eee;
    background-color: #fff;
}
.sec16__row2__col ul li .thumb a:hover img {
    opacity: .8;
}
/* --- */
.sec16__row3,
.sec16__row2__read_more {
    text-align: center;
    /* margin-top: 24px; */
}
/**================================================*/
.sec18 {
    background-color: #fff;
    color: #333;
}
.sec18 .wrap>div {
    padding: 3rem 0 0rem;
}
.sec18__row2 ul {
    padding: 12px 10px;
    background-color: rgb(255 255 255 / 0.2);
    border-radius: 8px;
    border: 1px solid #f58220;
}
.sec18__row2 ul li {
    width: calc(100%/4 - 8px);
    /* align-items: flex-start; */
    align-items: center;
}
.sec18__row2 ul li:hover {}
.sec18__row2 ul li span {
    width: calc(50px);
}
.sec18__row2 ul li>div {
    width: calc(100% - 50px - 10px);
}
.sec18__row2 ul li span {
    padding: 11px 0;
    display: block;
    text-align: center;
    border: 1px solid #f58220;
    border-radius: 50%;
}
.sec18__row2 ul li span i {
    font-size: 1.75rem;
    color: #f58220;
}
.sec18__row2 ul li div .h_5 {
    font-size: 15px;
    line-height: 1.4;
    font-weight: 500;
    color: #f58220;
    padding: 0 0 4px;
}
.sec18__row2 ul li div .h_5 a {
    color: #f58220;
}
.sec18__row2 ul li div .h_5 a:hover {
    color: #00a651;
}
.sec18__row2 ul li div p {
    font-size: 14px;
    line-height: 1.4;
    color: #333;
}
/**================================================*/
.sec19 {
    background-color: #fff;
    color: #333;
}
.sec19 .wrap>div {
    padding: 40px 0 0;
    align-items: center;
}
.sec19__col {
    width: calc(50% - 32px);
}
.sec19__col p {
    margin-bottom: 16px;
    font-weight: 400;
    font-size: 17px;
    color: #333;
}

.sec19__col--v2 img {
    border-radius: 32px;
}
.sec19__col .thumb {
    display: block;
    position: relative;
    width: 100%;
    height: 0;
    padding-bottom: 65%;
}
.sec19__col .thumb img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
.sec19__col--v2 img {
    border-radius: 24px;
}
/**================================================*/
.sec20 {
    background-color: #fff;
    color: #333;
}
.sec20 .wrap>div {
    padding: 3rem 0 0rem;
    align-items: center;
}
.sec20__row2 {
    margin: 32px 0 0px;
    justify-content: space-evenly;
}
.sec20__row2 .item {
    width: calc(84%/3 - 16px);
}
.sec20__row2 .item h3 {
    font-size: 18px;
    text-transform: uppercase;
    font-weight: 500;
}
.sec20__row2 .item ul li {
    font-size: 15px;
    line-height: 1.4;
    padding: 6px 0;
    color: #bbb;
}
/**================================================*/
.sec21 {
    background-color: #fff;
    color: #333;
}
.sec21 .wrap>div {
    padding: 40px 0 40px;
    align-items: center;
}
/* --- */
.sec21__row2 {
    margin: 32px 0 0;
}
.sec21__row2 .gallery {
    display: flex;
    justify-content: space-between;
    flex-flow: wrap;
}
.sec21__row2 .gallery dl.gallery-item {
    width: calc(100%/6 - 1px);
    margin-top: 1px;
}

.sec21__row2 .gallery dl.gallery-item dt.gallery-icon a {
    display: block;
    position: relative;
    height: 0;
    width: 100%;
    padding-bottom: 75%;
}
.sec21__row2 .gallery dl.gallery-item dt.gallery-icon a img {
    position: absolute;
    height: 100%;
    width: 100%;
}
.sec21__row2 .gallery dl.gallery-item dt.gallery-icon a::before {
    content: "";
    position: absolute;
    z-index: 5;
    width: 35%;
    height: 35%;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    background-color: rgba(216, 21, 53, .6);
    opacity: 0;
    visibility: hidden;
    transition: all .2s ease-in-out;
}
.sec21__row2 .gallery dl.gallery-item dt.gallery-icon a:hover::before {
    width: 100%;
    height: 100%;
    opacity: 1;
    visibility: visible;
}
.sec21__row2 .gallery dl.gallery-item dt.gallery-icon a::after {
    content: "\f0c1";
    font-size: 32px;
    font-family: FontAwesome;
    position: absolute;
    z-index: 10;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    line-height: 1;
    text-align: center;
    color: #fff;
    opacity: 0;
    visibility: hidden;
    transition: all .2s ease-in-out;
}
.sec21__row2 .gallery dl.gallery-item dt.gallery-icon a:hover::after {
    opacity: 1;
    visibility: visible;
}
/* --- */
.sec21__row3 {
    text-align: center;
    margin: 24px 0 0px;
}
/* --- */































/**================================================*/
.sec1 {
}
.sec1 .wrap>div {
    padding: 2rem 0 2rem;
}