/*head*/

.navbar,.nav-scroll {

    background: #000000d4;

}

.nav-scroll .navbar-toggler-icon,

.nav-scroll .icon-bar {

    color: #a9a087;

}

.dropdown .nav-link i {

    padding-left: 7px;

}

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

    .nav-scroll {

        position: relative;

        top: 0;

    }

    .gomenu {

        opacity: 0.9!important;

    }

    .nav-scroll {

        height: 60px;

    }

    .nav-scroll .logo-img {

        padding: 0;

        width: 110px;

    }

}

/*子選單*/

.servicelist li span {

    font-weight: 600;

}

.servicelist li {

    line-height: 200%

}

.gomenu {

    z-index: 21;

    width: 100%;

    opacity: 1;

    background: #748173;

}

.gomenugo {

    text-align: center;

    display: grid;

    grid-auto-rows: auto;

    max-width: 1200px;

    margin: auto;

    font-size: 16px;

}

.gomenucolone {

    grid-template-columns: repeat(1, 1fr);

}

.gomenucoltwo {

    grid-template-columns: repeat(2, 1fr);

}

.gomenucolthree {

    grid-template-columns: repeat(3, 1fr);

}

.gomenucolfour {

    grid-template-columns: repeat(4, 1fr);

}

.gomenucolfive {

    grid-template-columns: repeat(5, 1fr);

}

.gomenu a {

    padding: 10px 20px;

    background: #748173;

    color: #ffffffb8;

    font-weight: 400;

    opacity: 1;

    border-right: 1px dashed;

}

.gomenu a:last-child {

    border: none;

}

.gomenu a:hover {

    background: #fff;

    color: #748173;

}

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

    .header .caption .slider-text>.slider-text-inner {

 

        bottom: 0!important;

    }

    .header .caption .slider-text>.slider-text-inner .desc {



    bottom: 0;

}

}

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

    .gomenu a {

        padding: 10px 0px;

        font-size: 14px;

    }

}



/*header_title*/

.banner-header2 h1 {

    font-size: 50px;

}

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

    .banner-header2 h1 {

        font-size: 40px;

    }

}

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

    .banner-header2 h1 {

        font-size: 32px;

    }

}

[data-overlay-dark="2"]:before, [data-overlay-darkgray="2"]:before, [data-overlay-light="2"]:before {

    opacity: 0;

}

/*body*/

@media (min-width: 1200px) {

    .container {

        max-width: 1300px !important;

    }

}

.blog2-pagination-wrap li a.active {

    background-color: #000;

    border: 1px solid #000;

}

.blog2-pagination-wrap li a:hover {

    background: #000000a1;

    border:1px solid #000000a1;

}

/*footer*/

section.about2.cover.section-padding {

    border-top: 1px solid #b1b1b1;

}

h3.footer-title img {

    max-width: 160px;

}

h3.footer-about-text {

    font-size: 14px;

    color: #ccc;

}

.footer-contact-info li {

    color: #ccc;

    font-size: 14px;

    list-style: square;

}

.footer-top .footer-column {

    text-align: center;

}

.footer-contact-info ul{

    margin:0;

    padding:0;

}

.footer-contact-info li {

    font-size: 16px;

    list-style: none;

}

.footer-about-social-list {

    justify-content: center;

}
@media screen and (max-width: 767px) {
section.about2.cover.section-padding {
    display: none;
}}
/*footer-top*/

.progress-wrap {

    bottom: 88px;

}

.progress-wrap::after {

    color: #000;

}

.progress-wrap svg.progress-circle path {

    stroke: #000;

}

/*home*/

.header .caption .slider-text>.slider-text-inner .desc {

    background: #ffffffe3;

}

.banner_pc {

    display: block!important;

}

.banner_mb {

    display: none!important;

}

.slider-text-inner h2 {

    margin-bottom: 5px;

    font-weight: 600;

}

.slider-text-inner h4 {

    margin-left: 6px;

}

section.testimonials .section-padding {

    padding: 120px 0 !important;

}

.section-padding .row {

    align-items: center;

}

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

    .banner_pc {

        display: none!important;

    }

    .banner_mb {

        display: block!important;

    }

    .header .caption .slider-text>.slider-text-inner {

        vertical-align: bottom;

        bottom: 152px;

    }

    .banner-header .slider-text>.slider-text-inner .desc,

    .kenburns-inner .desc,

    .header .caption .slider-text>.slider-text-inner .desc {

        display: block;

        width: 100%;

        position: relative;

    }

}

[data-overlay-dark] h2 {

    color: #000000;

}

.about h3 {

    color: #fff;

    font-size: 16px;

    font-weight: 400;

    line-height: 1.75em;

    margin-bottom: 20px;

}

.about h2 {

    color: #fff;

    font-weight: 400;

    line-height: 1.75em;

    margin-bottom: 0px;

}

.section-title.white img {

    max-width: 200px;

}

.butn-min {

    padding: 7px 16px;

    border-radius: 20px;

    font-size: 14px;

}

/*body*/

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

.section-padding {

    padding: 60px 0;

}

}

/*img*/

.bk_img {

    background-repeat: no-repeat;

    background-size: cover;

    padding-bottom: 66%;

    background-position: center center;

}

    /*carousel */

.carousel_a a {

    display: block;

}

.carousel_bkimg {

    background-repeat: no-repeat;

    background-size: cover;

    padding-bottom: 66%;

    background-position: center center;

    display: block;

    height: auto;

    width: 100%;

}

.services .item .con h3, .services .item .con h3 a {

    position: relative;

    color: #fff;

    font-size: 16px;

    font-weight: 400;

    margin-top: 0px;

    margin-bottom: 10px;

}



/*FB*/

.rplg .rplg-review-name {

    color: #A9A08C !important;

}

.rplgsw-pagination-bullet-active,

.rplgsw-pagination-bullet {

    background: #A9A08C !important;

}

/*FB GOOD */

.rplg .rplg-review-name {

    color: #a0977f!important;

}

.rplg-stars svg use {

    fill: #a0977f!important;

}

.rplgsw-pagination-bullet-active {

    background: #a0977f!important;

}

#cff p {

    font-size: 18px;

}

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

    .rplg-slider-prev,

    .rplg-slider-next {

        display: none;

    }

    #cff.cff-half-layout .cff-photo,

    #cff.cff-half-layout .cff-iframe-wrap,

    #cff.cff-half-layout .cff-html5-video,

    #cff.cff-half-layout .cff-vidLink,

    #cff.cff-half-layout .cff-text-wrapper {

        width: 100%!important;

    }

}

/*overseas*/

.tablepress>.row-hover>tr:has(+.child:hover)>*, .tablepress>.row-hover>tr:hover+:where(.child)>*, .tablepress>.row-hover>tr:where(:not(.dtrg-group)):hover>* {

    background-color: unset!important;

    color: unset!important;;

}

section.testimonials h2 ,section.testimonials .container {

    text-align: center;

}

.overseas_table i {

    margin-right: 10px;

}

.tablepress>.row-hover>tr {

    content-visibility: auto;

}



.overseas_page_box {

    max-width: 800px;

    margin: auto;

    background: #ffffffe3;

    border-radius: 16px;

    padding: 20px;

}

section.testimonials .butn-dark {

    background: #000;

}

tr.row-1.even {

    background: #000;

}

tr.even {

    background: #f3f3f3;

}

tr.row-99 {

    background: #ddd5cd6e;

}

/*clients */

section.clients .owl-carousel .owl-stage {

    display: flex;

    align-items: center;

}

.clients-logo svg {

    width: 100%;

    display: block;

}

/*services*/

section.services.section-padding .butn-min {

    color: #fff;

    border-color:#000;

    background: #000;

}

.section-subtitle {

    margin-bottom: 10px;

}

.services .item {

    line-height: 0;

}

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

    .pricing_bkimg {

        padding-bottom: 70%;

    }

    .pricing.left .pricing_bkimg {

        margin-right: 0;

        margin-left: 0;

    }

    .pricing .pricing_bkimg {

        margin-left: 0;

        margin-right: 0;

    }

}

/*blog*/

.services .item a {

    display: block;

}

.single .container img {

    margin: 10px 0;

}

section.section-padding.single img {

    height: auto;

    max-width: max-content;

    text-align: center;

    margin: auto !important;

    display: block;

}

section.section-padding.single h2{

        font-size: 22px;

    font-weight: 600;

      line-height: 150%;

    margin-bottom: 10px;

}





section.section-padding.single h3,

section.section-padding.single h4,

section.section-padding.single h5,

section.section-padding.single h6 {

    font-size: 18px;

    font-weight: 400;

    line-height: 150%;

    margin-bottom: 10px;

}

section.section-padding.single p,

section.section-padding.single a {

    font-size: 16px;

    font-weight: 400;

    line-height: 150%;

    margin-bottom: 10px;

}

.services.single_more {

    padding-bottom: 50px;

}

.single_more .item.carousel_a a {

    line-height: 0 !important;

    margin-bottom: 0!important;

    font-size: unset!important;

}

/*blog-suit*/

.style_box {

    position: relative;

    display: grid;

    grid-template-columns: repeat(2, 1fr);

    background: #828d81;

    color: #fff;

    border-radius: 8px;

    overflow: hidden;

    margin-bottom: 50px;

    align-items: center;

}

.style_box .col_text {

    text-align: center;

    color: #fff;

}

.style_box .col_text p,

.style_text p {

    color: #fff;

    font-size: 18px;

    line-height: 150%;

}

.style_text {

    padding: 40px;

}

section.section-padding.suit img {

    max-width: 500px;

    margin: 20px auto;

    display: block;

}

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

    .style_box {

        display: flex;

        grid-template-columns: repeat(1, 1fr);

        flex-direction: column-reverse;

    }

}

/*TAG*/

.widget-title h6 {

    font-size: 24px !important;

    color: #000;

}

ul.tags li {

    padding: 3px 7px;

    font-size: 12px !important;

    background: #a89f87;

    color: #fff;

    margin: 5px;

    border-radius: 4px;

}

ul.tags li a {

    font-size: 12px!important;

    margin-bottom: 0!important;

}

ul.tags {

    margin-left: 0;

    padding-left: 0;

    display: flex;

    flex-direction: row;

    flex-wrap: wrap;

}

.porfolio-item-listtop {

    border-top: 1px solid rgb(230, 230, 230);

    border-bottom: 1px solid rgb(230, 230, 230);

      position: relative;

    margin-bottom: 20px;

    padding: 10px 0px;

}

/*

.swiper-button-disabled{

  

  

        opacity: 0!important;

    }

.swiper-button-next, .swiper-button-next{

        left: auto!important;

        right: 0!important;



    

}

.swiper-button-prev, .swiper-button-prev{

        left: 0!important;

        right: auto!important;   

}

.swiper-button-next, .swiper-button-next,.swiper-button-prev, .swiper-button-prev{

        color: #000!important;



        width: 8px!important;

}*/

/*

.porfolio-item-listtop ul {

 display: flex;

    justify-content: center;

    flex-wrap: nowrap;

    overflow-x: auto;

    list-style: none;

    margin: 0;

    row-gap: 20px;

    column-gap: 40px;

}

.porfolio-item-listtop li{

 white-space: nowrap;

}

.porfolio-item-listtop ul a{

padding: 7px 0;

    display: block;

    position: relative;

}*/

   



  

/*404*/

.comming {

    background-image: url(http://event.tastesuits.com/img/404.jpg);

}

.comming h1 {

    font-size: 32px;

    font-weight: 600;

    margin-bottom: 10px;

    color: #ffffff;

    -webkit-text-stroke: unset;

    opacity: 1;

    line-height: 150%;

}

.comming h2 {

    font-size: 18px;

}

.ay_p_o_c_404 .ay_p_o_clist {

    grid-template-columns: repeat(3, 1fr);

}

.ay_p_o_c_404 .ay_sitemap_box {

    background: #748173;

    border-radius: 4px;

    padding: 20px;

}

.ay_p_o_c_404 .ay_sitemap_box h3,

.ay_p_o_c_404 .ay_sitemap_box h3 a {

    font-size: 18px !important;

}

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

    .ay_p_o_clist {

        padding: 0;

    }

    .ay_p_o_c_404 .ay_sitemap_box a {

        font-size: 12px !important;

        color: #dadada !important;

    }

}

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

    .comming h1 {

        font-size: 22px;

        margin-top: 80px;

    }

    .ay_p_o_c_404 .ay_p_o_clist {

        grid-template-columns: repeat(2, 1fr);

    }

}

/*yoast-breadcrumbs*/

.footer_breadcrmb {

    display: flex;

    flex-direction: row;

    justify-content: center;

    color: #fff !important;

    font-size: 12px;

    margin-top: 20px;

}

nav.yoast-breadcrumbs a {

    color: #fff;

}

nav.yoast-breadcrumbs {

    font-size: 12px;

}

span.breadcrumb_last {

    color: #fff;

}

/*elementor*/

.elementor-widget-text-editor li {

    list-style: disc;

}



.elementor h2 {

    line-height: 160%;

    font-weight: 600;

}

.elementor h3 {

    font-size: 18px;

    line-height: 160%;

}

.elementor-button {

    background-color: #000000;

   

    font-size: 16px;

        display: block;

}

.elementor-widget:not(:last-child) {

    margin-block-end: 10px;

}

.elementor-heading-title {

    line-height: 160%!important;

}

/*bookly*/

.bookly-form input[type="text"], .bookly-form input[type="number"], .bookly-form input[type="password"], .bookly-form textarea {

    color: #000 !important;

}

/*service*/

.service-list-box {

    position: relative;

    border-bottom: 1px dashed #bdbdbd;

    padding-bottom: 10px;

    margin-bottom: 10px;

     grid-template-columns: 170px auto;

    display: grid;

    align-items: center;

}

.service-list-box:last-child  {

        border-bottom: none;

}



.service-list h3 {

    margin: 0;

    font-size: 16px;

    font-weight: 600;

}

.service-list-box ul {



    display: flex;

    gap: 10px;

    margin: 0 0 0 10px;

    padding: 0;

}

.service-list-box li {

    color: #696969;

}

/*work more*/

section.pricing.section-padding p.white {

    font-size: 16px;

    color: #c1c1c1;

}

.pricing_bkimg {

    background-repeat: no-repeat;

    background-size: cover;

    padding-bottom: 48%;

    background-position: center center;

}

.pricing.left .pricing_bkimg {

    margin-right: 29%;

    margin-left: 0;

}

.pricing .pricing_bkimg {

    margin-left: 29%;

    margin-right: 0;

}

.pricing .name {

    border-bottom: 1px solid;

}

.pricing .name h2 {

    color: #ffff;

}

.pricing.left .caption,.pricing .caption {

    background: #000000cf;

}

.pricing .caption {

   

    top: 70%;

    width: 33%;

    padding: 20px;

}

.pricing .caption.padding-left {

    padding-left: 20px;

}

.pricing.left .caption.padding-left {

    padding-right: 20px;

}



.pricing .butn-light {

    padding: 10px 20px;

    margin-top: 10px !important;

}

 section.section-padding.single a {

    font-size: 14px;

    font-weight: 600;

    line-height: 150%;

    margin-bottom: 0;

}

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

 .pricing.left .pricing_bkimg {

    margin-right: 0;

}

.pricing .pricing_bkimg {

    margin-left: 0%;

}

.pricing_bkimg {

    padding-bottom: 66%;

}

.pricing .caption {

  

    width: 100%;

}

}



/*single img*/

section.section-padding.single img {

    margin: 10px auto !important;

}