/* Css Flash */
.fh-bg { position: relative; overflow: hidden;}
.fh-bg img { width: 100%;}
.fh-bg img:nth-child(2) { display: none;}
.fh-bg video { position: absolute; left: 0; top: 0; width: 100%; height:100%; object-position: center; object-fit: cover;}
.fh-bg .fh-tx { position: absolute; left: 0; top: 0; z-index: 9; width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.45); text-align: center; padding: 0 25px; display: flex; justify-content: center; flex-direction: column;}
.fh-bg .fh-tx h2 { font-family: 'Kabel'; font-size: 60px; color: #fff; text-transform: uppercase;}
.fh-bg .fh-tx h3 { font-family: 'Open Sans Semibold'; font-size: 30px; color: #fff; margin-top: 20px;}
.fh-bg .fh-tx a { display: block; width: 220px; height: 50px; line-height: 48px; font-family: 'Open Sans Semibold'; font-size: 20px; color: #fff; border: 1px solid rgba(255,255,255,0.75); border-radius: 25px; text-align: left; padding-left: 24px; margin: 56px auto 0; background: url(../Images/jt.png) no-repeat 169px center; -webkit-transition: all .5s ease; transition: all .5s ease;}
.fh-bg .fh-tx a:hover { background-color: #e70012; border-color: #e70012;}
@media (max-width: 1440px) {
    .fh-bg .fh-tx h2 { font-size: 48px;}
    .fh-bg .fh-tx h3 { font-size: 24px; margin-top: 10px;}
    .fh-bg .fh-tx a { width: 180px; height: 40px; line-height: 38px; background-position: 140px center; background-size: 20px 12px; font-size: 18px; padding-left: 20px; margin-top: 33px;}
}    
@media (max-width: 1024px) {
    .fh-bg img:nth-child(1) { display: none;}
    .fh-bg img:nth-child(2) { display: block;}
	.fh-bg video { display:none;}
    .fh-bg .fh-tx h2 { font-size: 36px;}
    .fh-bg .fh-tx h3 { font-size: 16px; margin-top: 7px;}
    .fh-bg .fh-tx a { width: 150px; height: 32px; line-height: 30px; background-position: 114px center; font-size: 14px; padding-left: 14px; margin-top: 25px;}
}
@media (max-width: 768px) {
    .fh-bg .fh-tx h2 { font-size: 30px;}
}
@media (max-width: 480px) {
    .fh-bg .fh-tx h2 { font-size: 24px;}
    .fh-bg .fh-tx h3 { font-size: 14px; line-height: 22px; margin-top: 4px;}
    .fh-bg .fh-tx a{ width: 124px; height: 24px; line-height: 22px; font-size: 12px; background-position: 96px center; background-size: 17px 10px; margin-top: 14px;}
}

/* Css Title */
.title { padding: 116px 0; text-align: center;}
.title h1 { font-family: 'Kabel'; font-size: 48px; text-transform: uppercase;}
.title div { flex-wrap: wrap; justify-content: center; margin: 69px 0 4px;}
.title div a { display: block; font-size: 14px; color: #666; line-height: 38px; border: 1px solid #f0f0f0; padding: 0 25px; border-radius: 25px; margin: 5px; cursor: pointer; -webkit-transition: all .35s ease; transition: all .35s ease;}
.title div a:hover { color: #fff; background-color: #e70012; border-color: #e70012;}
.title p { font-size: 14px; color: #666; line-height: 30px; margin: 64px 8% 0;}
@media (max-width: 1920px) {
    .title { padding: 6.05vw 0;}
    .title div { margin-top: 3.605vw;}
    .title p { margin-top: 3.35vw;}
}
@media (max-width: 1440px) {
    .title h1 { font-size: 36px;}
}
@media (max-width: 1024px) {
    .title h1 { font-size: 30px;}
    .title div a { font-size: 12px; line-height: 28px; padding: 0 15px;}
    .title p { font-size: 12px; line-height: 24px;}
}
@media (max-width: 640px) {
    .title h1 { font-size: 24px;}
}
@media (max-width: 480px) {
    .title { padding: 26px 0 22px;}
    .title h1 { font-size: 20px;}
    .title div { margin-top: 16px;}
    .title p { margin: 14px 15px 0;}
}

/* Css Products */
.ig-ls { flex-wrap: wrap;}
.ig-ls a { display: block; width: 49.453125%;}
.ig-ls a:nth-child(n+3) { margin-top: 1.09375%;}
.ig-ls a img { width: 100%;}
@media (max-width: 640px) {
    .ig-ls a { width: 100%;}
    .ig-ls a:nth-child(n+2) { margin-top: 20px;}
}

/* Css About */
.ab-tb { margin: -16px 0 121px;}
.ab-tb li { text-align: center;}
.ab-tb li h1 { font-family: "Montserrat-Bold-3"; font-size: 60px; color: #e70012;}
.ab-tb li p { font-size: 12px; color: #666; text-transform: uppercase; margin-top: 7px;}
.ab-zb { width: 50%;}
.ab-zb a { display: block; width: 100%; background: #333;}
.ab-zb .ab-js { width: 50%;}
.ab-zb .ab-ig { width: 50%;}
.ab-yb { width: 50%;}
.ab-yb a { display: block; width: 100%;}
.ab-js { position: relative;}
.ab-js img { display: block; width: 100%}
.ab-tx { position: absolute; left: 0; top: 0; width: 100%; height: 100%; padding: 0 15%; color: #fff; text-align: center; display: flex; justify-content: center; flex-direction: column;}
.ab-tx h3 { font-family: 'Open Sans Semibold'; font-size: 24px;}
.ab-tx p { font-size: 16px; line-height: 30px; margin-top: 19px;}
.ab-ig img { width: 100%}
@media (max-width: 1920px) {
    .ab-tb { margin: -16px 0 6.305vw;}
    .ab-tx { padding: 0 10%;}
}
@media (max-width: 1440px) {
    .ab-tb li h1 { font-size: 48px;}
}
@media (max-width: 1024px) {
    .ab-tb { margin-top: -10px;}
    .ab-tb li h1 { font-size: 36px;}
    .ab-tb li p { margin-top: 3px;}
    .ab-tx { padding: 0 15px;}
    .ab-tx h3 { font-size: 18px;}
    .ab-tx p { font-size: 14px; line-height: 24px; margin-top: 13px;}
}
@media (max-width: 640px) {
    .ab-ls { flex-wrap: wrap;}
    .ab-tb li h1 { font-size: 30px;}
    .ab-tb li p { margin-top: 1px;}
    .ab-zb { width: 100%;}
    .ab-zb a:nth-child(n+2) { margin-top: 20px;}
    .ab-yb { width: 100%; margin-top: 20px;}
}
@media (max-width: 480px) {
    .ab-tb { margin: -7px 0 26px;}
    .ab-tb { flex-wrap: wrap;}
    .ab-tb li { width: 50%;}
    .ab-tb li:nth-child(n+3) { margin-top: 19px;}
    .ab-tx h3 { font-size: 16px;}
    .ab-tx p { font-size: 12px; margin-top: 8px;}
}

/* Css Service */
.fw-ls { flex-wrap: wrap;}
.fw-ls a { display: block; width: 50%; background-color: #f5f5f5;}
.fw-ls ul{ align-items: center;}
.fw-ig { width: 50%;}
.fw-ig img { width: 100%;}
.fw-tx { width: 50%; padding: 0 5%;}
.fw-tx h3 { font-family: 'Open Sans Semibold'; font-size: 20px; color: #333;}
.fw-tx p { font-size: 14px; color: #666; line-height: 30px; margin-top: 19px;}
@media (max-width: 1440px) {
    .fw-tx { padding: 0 25px;}
    .fw-tx h3 { font-size: 18px;}
    .fw-tx p { line-height: 24px; margin-top: 10px;}
}
@media (max-width: 1200px) {
    .fw-tx { padding: 0 20px;}
    .fw-tx h3 { font-size: 16px;}
    .fw-tx p { font-size: 13px; line-height: 20px; margin-top: 7px;}
}
@media (max-width: 1024px) {
    .fw-tx { padding: 0 15px;}
    .fw-tx h3 { font-size: 14px;}
    .fw-tx p { font-size: 12px; line-height: 19px; margin-top: 6px;}
}
@media (max-width: 900px) {
    .fw-ls a { width: 100%;}
    .fw-ls a:nth-child(n+2) { margin-top: 20px;}
}
@media (max-width: 640px) {
    .fw-ls a { width: 100%;}
    .fw-ls a:nth-child(n+2) { margin-top: 20px;}
}
@media (max-width: 480px) {
    .fw-ls ul{ flex-wrap: wrap;}
    .fw-ig { width: 100%;}
    .fw-tx { width: 100%; padding: 15px 15px 17px;}
    .fw-tx h3 { font-size: 16px;}
    .fw-tx p { line-height: 24px; margin-top: 8px;}
}

/* Css Advertisement */
.ad-bg { font-family: 'Kabel'; font-size: 48px; color: #e70012; text-align: center; padding: 96px 48px;}
@media (max-width: 1440px) {
    .ad-bg { font-size: 36px; padding: 72px 36px;}
}
@media (max-width: 1200px) {
    .ad-bg { font-size: 30px; padding: 60px 30px;}
}
@media (max-width: 1024px) {
    .ad-bg { font-size: 24px; padding: 36px 15px;}
}
@media (max-width: 640px) {
    .ad-bg { font-size: 18px; padding: 25px 15px;}
}