/*slideshow*/

.sp-indicator-container {
    display: none;
}

@media(min-width:992px){
.sppb-sp-slider-title {
    position: absolute;
    left: 50%;
    top: 15%;
    font-size: 58px;
    line-height: 1.3;
}

.sppb-sp-slider-button {
    position: absolute;
    left: 50%;
    top: 60%;
}}

@media(max-width:991px){
.sppb-sp-slider-title {
    padding-left: 15%;
    font-size: 28px !Important;
    line-height: 1.3;
}

.sppb-sp-slider-button {
    padding-left: 15%;
}}

.sp-slider-btn-text {
    background: transparent !important;
    padding: 0px !important;
    position: relative;
}

.sp-slider-btn-text:before {
    position: absolute;
    content: '';
    width: 30px;
    height: 2px;
    background: #fff;
    top: 0;
    bottom: 0;
    margin: auto;
    right: -40px;
    transition: 0.3s;
}

.sp-slider-btn-text:hover:before {
    width: 40px;
    right: -50px;
}

.sppb-addon-sp-slider:before {
    position: absolute;
    content: '';
    width: 100%;
    height: 100%;
    background: #00000090;
    top: 0;
    bottom: 0;
    margin: auto;
    right: -40px;
    transition: 0.3s;
}

.sppb-addon-sp-slider .sp-item .sp-background::after {
    background: #00000090;
}

@media(Max-width:768px){
.sp-slider img {
    width: 300px !important;
    height: auto !important;
}}

.sp-slider .sp-nav-control .nav-control {
    border: none !important;
    background: transparent !important;
}

.sp-slider .sp-nav-control .nav-control i {
    font-size: 70px;
}

.sp-slider span.prev-control.nav-control {
    left: -100px !important;
}

.sp-slider span.next-control.nav-control {
    right: -100px !important;
}

.sp-slider:hover span.prev-control.nav-control {
    left: -50px !important;
}

.sp-slider:hover span.next-control.nav-control {
    right: -50px !important;
}

.sp-slider .sp-dots ul li {
    width: 40px !IMPORTANT;
    height: 6px !important;
    border: none !Important;
}

.dot-controller-dot.sp-slider .sp-dots ul li::after {
    width: 40px;
    background: #ffd012;
    border-color: #ffd012;
}

/*home-pattern-001*/

.home-pattern-001 {
    position: relative;
}

.home-pattern-001:before {
    position: absolute;
    content: '';
    width: 125px;
    height: 250px;
    background: url(/images/0_huayee/home/home-pattern-001.png) no-repeat scroll center center / cover;
    left: -70px;
    top: -126px;
}

/*home-bg-style-001*/

.home-bg-style-001 {
    position: relative;
}

.home-bg-style-001:after {
    position: absolute;
    content:'';
    background: url(/images/0_huayee/home/home-bg-001.jpg) no-repeat scroll center center / cover;
    width: 750px;
    height: 200px;
    bottom: -80px;
    left: 0px;
    opacity: 0.8;
}

/*home-img-style-001*/

.home-img-style-001 img {
    width: 500px;
    padding-left: 80px;
    position: relative;
}

.home-img-style-001 {
    position: relative;
}

.home-img-style-001:before {
    position: absolute;
    content: '';
    background: transparent;
    border: 8px solid #0000ff;
    width: 470px;
    height: 100%;
    left: 0px;
    top: -30px;
    transition: 0.3s;
}
@media(max-width:991px){
.home-img-style-001:before {
    position: absolute;
    content: '';
    background: transparent;
    border: 8px solid #0000ff;
    width: 470px;
    height: 300px;
    left: 0px;
    top: -30px;
    transition: 0.3s;
}}

.home-img-style-001:hover:before {
    transform: scale(1.03);
}

/*home-pattern-002*/

.home-pattern-002 {
    position: relative;
}

.home-pattern-002:after {
    position: absolute;
    content:'';
    background: url(/images/0_huayee/home/home-pattern-004.png) no-repeat scroll center center / cover;
    width: 250px;
    height: 60px;
    bottom: 3px;
    left: -120px;
}

.home-pattern-002:before {
    position: absolute;
    content:'';
    background: url(/images/0_huayee/home/home-pattern-005.png) no-repeat scroll center center / cover;
    width: 250px;
    height: 60px;
    bottom: 3px;
    right: 0px;
}

/*home-icon-001*/

.sppb-addon-feature .sppb-img-container {
    text-align: center !important;
}

.sppb-addon-feature .sppb-img-container {
    width: auto;
    height: auto;
    box-shadow: none;
    background: transparent;
}

.home-icon-001 img {
    width: 80px;
}

.home-icon-001:hover img {
    transform: scale(1.1);
}

@media(max-width: 991px){
.home-icon-001 .sppb-addon-title {
    margin-top: 0px !Important;
}

.home-icon-001 h4 {
    font-size: 16px !Important;
    line-height: 1 !Important;
}
}

/*home-bg-style-002*/

.home-bg-style-002 {
    position: relative;
}

.home-bg-style-002:before {
    position: absolute;
    content:'';
    background: url(/images/0_huayee/home/home-bg-002.jpg) no-repeat scroll center center / cover;
    width: 860px;
    height: 190px;
    bottom: -20px;
    left: 0px;
    right: 0;
    top: 0;
    margin: auto;
    opacity: 0.6;
}

/*home-pattern-003*/

.home-pattern-003 {
    position: relative;
}

.home-pattern-003:before {
    position: absolute;
    content:'';
    background: url(/images/0_huayee/home/home-pattern-006.png) no-repeat scroll center center / cover;
    width: 1920px;
    height: 170px;
    top: -160px;
    left: -94px;
}
@media(max-width:1920px){
    .home-pattern-003:before {
    left: -67px;
}}

@media(max-width:1800px){
    .home-pattern-003:before {
    left: -73px;
}}

@media(max-width:1750px){
    .home-pattern-003:before {
    left: -82px;
}}

@media(max-width:1500px){
    .home-pattern-003:before {
    left: -90px;
}}

@media(max-width:991px){
    .home-pattern-003:before {
    left: -67px;
}}

@media(max-width:680px){
    .home-pattern-003:before {
    left: -79px;
}}


@media(max-width:510px){
    .home-pattern-003:before {
    left: -81px;
}}

@media(max-width:400px){
    .home-pattern-003:before {
    left: -89px;
}}

/*home-bg-style-003*/

home-bg-style-003 {
    position: relative;
}

.home-bg-style-003:after {
    position: absolute;
    content:'';
    background: url(/images/0_huayee/home/home-bg-003.jpg) no-repeat scroll center center / cover;
    width: 800px;
    height: 200px;
    bottom: 0px;
    left: 0px;
    right: 0;
    top: 0;
    margin: auto;
    opacity: 0.8;
}

.home-z-index {
    z-index: 0 !important;
}

/*home-pattern-004*/

.home-pattern-004 {
    position: relative;
}

.home-pattern-004:before {
    position: absolute;
    content:'';
    background: url(/images/0_huayee/home/home-pattern-002.png) no-repeat scroll right top / cover;
    width: 1920px;
    height: 150px;
    right: 0px;
    top: 0;
}

@media(max-width:768px){
.home-pattern-004:before {
    position: absolute;
    content:'';
    right: -60px;
}}

/*home-pattern-005*/

.home-pattern-005 {
    position: relative;
}

.home-pattern-005:before {
    position: absolute;
    content:'';
    background: url(/images/0_huayee/home/home-pattern-003.png) no-repeat scroll right top / contain;
    width: 1920px;
    height: 150px;
    left: 0px;
    bottom: 0;
}

@media(max-width:768px){
.home-pattern-005:before {
    position: absolute;
    content:'';
    left: -60px;
}}

/*gallery-image-hover*/
.gallery-image-hover {
    transition: 0.2s;
}
.gallery-image-hover:hover {
    transform: scale(1.03);
}

/*feauture-box*/

.sppb-addon-feature:hover .sppb-img-container {
  -webkit-transform: scale(1.0);
  transform: scale(1.0);
}

/*faq*/

.faq-feature-box {
    box-shadow: 0px 0px 10px #00000030;
    padding: 30px 20px 0px 20px;
    min-height: 440px;
}

.faq-pattern-001 {
    position: relative;
}

.faq-pattern-001:before {
    position: absolute;
    content:'';
    background: url(/images/0_huayee/career/career-pattern-004.png) no-repeat scroll center center / contain;
    width: 1920px;
    height: 170px;
    top: -170px;
    right: -24px;
}

@media(min-width:1660px){
.faq-pattern-001:before {
    position: absolute;
    content:'';
    right: -0.3%;
}}

@media(max-width:1112px){
.faq-pattern-001:before {
    position: absolute;
    content:'';
    right: -19px;
}}

@media(max-width:991px){
.faq-pattern-001:before {
    position: absolute;
    content:'';
    right: -63px;
}}

@media(max-width:608px){
.faq-pattern-001:before {
    position: absolute;
    content:'';
    right: -56px;
}}

@media(max-width:432px){
.faq-pattern-001:before {
    position: absolute;
    content:'';
    right: -50px;
}}

@media(max-width:299px){
.faq-pattern-001:before {
    position: absolute;
    content:'';
    right: -40px;
}}

/*about-pattern-001*/

.about-pattern-001 {
    position: relative;
}

.about-pattern-001:before {
    position: absolute;
    content:'';
    background: url(/images/0_huayee/career/career-pattern-004.png) no-repeat scroll center center / contain;
    width: 1920px;
    height: 170px;
    top: -170px;
    right: -44px;
}

@media(min-width:1660px){
.about-pattern-001:before {
    right: -0.3%;
}}

@media(max-width:1112px){
.about-pattern-001:before {
    right: -44px;
}}

@media(max-width:991px){
.about-pattern-001:before {
    right: -44px;
}}

@media(max-width:768px){
.about-pattern-001:before {
    right: -56px;
}}

@media(max-width:740px){
.about-pattern-001:before {
    right: -48px;
}}

@media(max-width:645px){
.about-pattern-001:before {
    right: -43px;
}}

@media(max-width:571px){
.about-pattern-001:before {
    right: -37px;
}}

@media(max-width:513px){
.about-pattern-001:before {
    right: -31px;
}}

@media(max-width:473px){
.about-pattern-001:before {
    content:'';
    right: -27px;
}}

@media(max-width:445px){
.about-pattern-001:before {
    right: -20px;
}}

@media(max-width:402px){
.about-pattern-001:before {
    right: -15px;
}}

@media(max-width:376px){
.about-pattern-001:before {
    right: -8px;
}}

@media(max-width:357px){
.about-pattern-001:before {
    right: -3px;
}}

@media(max-width:333px){
.about-pattern-001:before {
    right: 0px;
}}


/*about*/

@media(min-width:992px){
.about-img-style-001 img {
    width: 500px;
    padding-right: 80px;
    padding-left: 50px;
    position: relative;
}}

.about-img-style-001 {
    position: relative;
}

.about-img-style-001:before {
    position: absolute;
    content: '';
    background: transparent;
    border: 8px solid #0000ff;
    width: 360px;
    height: 360px;
    right: 52px;
    top: -30px;
    transition: 0.3s;
}

@media(max-width:991px){
.about-img-style-001 img {
    width: 500px;
    padding-right: 60px;
    position: relative;
}

.about-img-style-001:before {
    position: absolute;
    content: '';
    background: transparent;
    border: 8px solid #0000ff;
    width: 260px;
    height: 300px;
    right: 10px;
    top: -30px;
    transition: 0.3s;
}
}

.about-img-style-001:hover:before {
    transform: scale(1.03);
}

.about-img-style-002 img {
    width: 500px;
    padding-left: 80px;
    padding-right: 60px;
    position: relative;
}

.about-img-style-002 {
    position: relative;
}

.about-img-style-002:before {
    position: absolute;
    content: '';
    background: transparent;
    border: 8px solid #0000ff;
    width: 400px;
    height: 350px;
    left: 30px;
    top: 45px;
    transition: 0.3s;
}

.about-img-style-002:hover:before {
    transform: scale(1.03);
}

@media(max-width:991px){
    .about-img-style-002 img {
    width: 500px;
    padding-left: 40px;
    padding-right: 0px;
    position: relative;
}

.about-img-style-002:before {
    position: absolute;
    content: '';
    background: transparent;
    border: 8px solid #0000ff;
    width: 300px;
    height: 330px;
    left: 0px;
    top: 45px;
    transition: 0.3s;
}
}
/*home-pattern-004*/

.about-pattern-004 {
    position: relative;
}

.about-pattern-004:before {
    position: absolute;
    content:'';
    background: url(/images/0_huayee/about/about-pattern-003.png) no-repeat scroll right top / cover;
    width: 1920px;
    height: 150px;
    left: 0px;
    top: 0;
    z-index: 4;
}

@media(max-width:768px){
.about-pattern-004:before {
    position: absolute;
    content:'';
    left: -60px;
}}

/*about-pattern-005*/

.about-pattern-005 {
    position: relative;
}

.about-pattern-005:after {
    position: absolute;
    content:'';
    background: url(/images/0_huayee/about/about-pattern-004.png) no-repeat scroll right top / contain;
    width: 1920px;
    height: 150px;
    right: 0px;
    bottom: -2px;
}

@media(max-width:768px){
.about-pattern-005:after {
    position: absolute;
    content:'';
    right: -60px;
}}

/*about-bg-style-001*/

.about-bg-style-001 {
    position: relative;
}

.about-bg-style-001:after {
    position: absolute;
    content:'';
    background: url(/images/0_huayee/about/about-bg-img-001.jpg) no-repeat scroll center center / cover;
    width: 750px;
    height: 200px;
    bottom: 0px;
    left: -115px;
    opacity: 0.8;
}

/*gallery*/

.com-speasyimagegallery #sp-main-body {
    padding: 50px 0px 100px 0px;
}

/*about*/

@media(min-width:992px){
.career-img-style-001 img {
    width: 500px;
    padding-right: 0px;
    padding-left: 30px;
    position: relative;
}}

.career-img-style-001 {
    position: relative;
}

.career-img-style-001:before {
    position: absolute;
    content: '';
    background: transparent;
    border: 8px solid #0000ff;
    width: 70%;
    height: 100%;
    right: -40px;
    top: -30px;
    transition: 0.3s;
  max-width:100%;
}

@media(max-width:991px){
.career-img-style-001 img {
    width: 100%;
    padding-right: 30px;
    position: relative;
}

.career-img-style-001:before {
    position: absolute;
    content: '';
    background: transparent;
    border: 8px solid #0000ff;
    width: 280px;
    height: 180px;
    right: 10px;
    top: -30px;
    transition: 0.3s;
}
}

.career-img-style-001:hover:before {
    transform: scale(1.03);
}

/*career-bg-style-001*/

.career-bg-style-001 {
    position: relative;
}

.career-bg-style-001:after {
    position: absolute;
    content:'';
    background: url(/images/0_huayee/career/career-bg-001.jpg) no-repeat scroll center center / cover;
    width: 750px;
    height: 200px;
    top: 70px;
    right: -30px;
    opacity: 0.8;
}

/*career-pattern-001*/

.career-pattern-001 {
    position: relative;
}

.career-pattern-001:after {
    position: absolute;
    content:'';
    background: url(/images/0_huayee/career/career-pattern-001.png) no-repeat scroll center center / cover;
    width: 250px;
    height: 60px;
    bottom: 3px;
    top: 0px;
}

.career-pattern-001:before {
    position: absolute;
    content:'';
    background: url(/images/0_huayee/career/career-pattern-002.png) no-repeat scroll center center / cover;
    width: 250px;
    height: 60px;
    top: 0px;
    right: -150px;
}

/*career-button-style-001*/

.career-button-style-001 .sppb-btn {
    background: none;
    box-shadow: none;
    width: 100%;
    font-size: 24px;
    color: #333;
    height: auto !important;
    font-weight: 700;
}

.sppb-modal-selector.sppb-magnific-popup:hover {
    transform: scale(1);
}

.career-button-style-001 .sppb-btn:hover {
    color: #ffd012;
}

/*career-pattern-001*/

.career-pattern-002 {
    position: relative;
}

.career-pattern-002:before {
    position: absolute;
    content:'';
    background: url(/images/0_huayee/career/career-pattern-004.png) no-repeat scroll center center / contain;
    width: 1920px;
    height: 170px;
    top: -170px;
    right: -36px;
}

@media(min-width:1660px){
.career-pattern-002:before {
    right: -0.3%;
}}

@media(max-width:1112px){
.career-pattern-002:before {
    right: -35px;
}}

@media(max-width:991px){
.career-pattern-002:before {
    right: -34px;
}}

@media(max-width:767px){
.career-pattern-002:before {
    right: -10px;
}}



/*contact-row*/

.contact-row .sppb-row-container {
    padding: 30px;
    background: #fff;
    box-shadow: 0px 0px 10px #00000030;
}

@media(max-width:768px){
.contact-row .sppb-row-container {
    padding: 30px 10px;
    margin: 0px 15px;
    background: #fff;
    box-shadow: 0px 0px 10px #00000030;
}}

.operation-hrs {
    min-height: 125px;
}

/*contact-pattern-001*/

.contact-pattern-001 {
    position: relative;
}

.contact-pattern-001:before {
    position: absolute;
    content:'';
    background: url(/images/0_huayee/home/home-pattern-006.png) no-repeat scroll center center / cover;
    width: 1920px;
    height: 170px;
    top: -160px;
    left: -80px;
}

@media(max-width:991px){
.contact-pattern-001:before {
    left: -85px;
}}

@media(max-width:768px){
.contact-pattern-001:before {
    left: -70px;
}}

/*contact form*/
@media (max-width: 767px){
.bfQuickMode input[type=text], .bfQuickMode textarea, .bfQuickMode select, .bfQuickMode .uneditable-input {
    width: 100% !Important;
    max-width: 100% !Important;
    min-width: 100% !Important;
}}
.address-icon .sppb-icon .sppb-icon-container > i {
    font-family: 'fontawesome' !important;
}