.img-responsive {

  max-width: 100%;

}

.section-header ul {

    padding: 0;

    margin: 0;

    display: grid;

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

    align-items: center;

}

.section-header ul li.logo_jw {

    text-align: center;

}

.section-header ul li h1 {

    text-align: left;

    font-size: 22px;

    color: #005495;

    padding-left: 15px;

}

.section-header ul li.social_share {

    text-align: right;

}

.fixheader {

    position: fixed;

    background: #ffffffde;

    transition: 1s;

    width: 100%;

    z-index: 999;

}

.section-full {

	position: relative;

	background: url(../images/bg-pc.jpg.webp) no-repeat top center;

    background-size: cover;

    height: auto;

}

.banner_fullwidth img {

	width: 100%;

	margin: 0 auto;

    height: auto;

}

.page_one ul {

    display: flex;

    padding-left: 0;

    flex-direction: row;

    flex-wrap: nowrap;

    justify-content: flex-start;

    align-items: flex-start;

    margin: 0 auto;

    align-content: flex-start;

}

.text-km {

    position: absolute;

    right: 15%;

    top: 50px;

}

p.img_km {

    padding-top: 0;

    margin-top: -30px;

}

.page_one img {

    max-width: 100%;

}

.page_two {

    margin-top: -10px;

}

.page_two ul {

    display: flex;

    padding-left: 0;

    flex-direction: row;

    flex-wrap: nowrap;

    justify-content: flex-start;

    align-items: flex-start;

    margin: 0 auto;

    align-content: flex-start;

}

.page_two img {

    max-width: 100%;

}

.rang_1 {

    position: absolute;

    right: 4%; 

}

.btn_register {

    padding-top: 30px;

    padding-bottom: 30px;

}

.icon_social ul {

    display: flex;

    justify-content: center;

    align-items: center;

    gap: 20px;

    padding-left: 0;

}

.section-three {

    position: relative;

}

.section-four {

    position: relative;

    background: url(../images/page-4.jpg.webp) no-repeat top center;

    background-size: cover;

    height: 742px;    

}

.owl-carousel {

    width: 100%;

    z-index: 1;

}

.slide_customer {

    position: absolute !important;

    left: 0;

    right: 0;

    bottom: -20px;

    max-width: 1200px;

    margin: 0 auto;    

}

.slide_customer img {

    width: 1200px !important;

    height: auto;

}

#slide_customer .item {

    max-width: 1200px;

    margin: 0 auto;

}

.form_register {

    position: absolute;

    top: 0;

    right: 15%;

    margin: 80px 0;

    background: #fff;

    padding: 20px 10px 0;

    border-radius: 30px;

    width: 400px;

}

.title_form_register {

	padding: 15px 0;

}

.title_form_register span {

	text-transform: uppercase;

	font-size: 21px;

	color: #005495;

	font-weight: 600;

	text-align: center;

}

.btn_fixed {

    position: fixed;

    bottom: 35px;

    margin: 0 auto;

    width: 100%;

    text-align: center;

    z-index: 9999;

}

.btn_fixed img {

    margin: 0 auto;

}

/* Countdown */

.section-countdown {

    position: absolute;

    margin: 0 auto;

    bottom: 10%;

    left: 0;

    right: 0;

}

.text-countdown {

    color: #ffffff;

    font-weight: 700;

    text-align: center;

    text-transform: uppercase;

    padding-top: 38px;

    font-size: 32px;

    text-shadow: 2px 2px 2px #020202;

}

.coutsystem {

    margin: 0 auto;

    padding-top: 20px;

    width: 100%;

    display: flex;

    flex-direction: row;

    flex-wrap: nowrap;

    justify-content: center;

    align-items: center;

    align-content: center;

}

.coutsystem-timer:nth-child(1) {

    margin-left: 0px;

}

.coutsystem-timer {

    float: left;

    text-align: center;

    color: #fe0000;

    font-size: 28px;

    padding-left: 15px;

    padding-right: 15px;

    background: #fff;

    font-weight: 700;

    margin-left: 18px;

    width: 93px;

    line-height: 1.2;

    height: 84px;

    vertical-align: middle;

    padding-top: 10px;

    border-radius: 8px;

    box-shadow: 1px 2px 1px #000;

}



/*footer*/

.footer_section{

    background: linear-gradient(180deg, rgba(0,85,150,1) 0%, rgba(0,129,190,1) 63%, rgba(0,143,203,1) 70%, rgba(0,168,225,1) 100%);

    padding-top: 40px;

    color: #fff;

    position: relative;

    z-index: 99;

}

.footer__items {

    align-items: center;

}

.footer h2 {

    text-transform: uppercase;

    font-size: 24px;

    font-weight: bold;

}

img.logo-foot {

    max-width: 210px;

}

.footer {

    padding-bottom: 25px;

}

.footer p {

    font-size: 18px;

}

.social-i i {

    font-size: 33px;

    color: rgba(255, 255, 255, 0.5);

    padding: 0 8px;

}

.social-i img {

    margin-top: -16px;

    padding: 0 8px;

}

.hotline-f a {

    color: #ffffff;

}

.mail-f a {

    color: #ffffff;

}

.fa-map-marker {

    font-size: 20px;

}

.fa-phone {

    font-size: 20px;

    padding-right: 10px;

}

.fa-envelope {

    font-size: 20px;

}

.logo__nsm__footer {

    padding-top: 15px;

}

.footer_section {

    padding-bottom: 35px;

}

.social__footer ul {

    display: flex;

}

.social__footer ul li {

    list-style: none;

    float: left;

    padding: 0px 5px;

}

.hotline-f a {

    padding-left: 0px;

}

.mail-f a {

    padding-left: 10px;

}

.address-f span {

    padding-left: 10px;

}

.address-f-2 span {

    padding-left: 10px;

}

p.cp__name {

    padding-left: 0;

}

/*footer*/

/* Call To Action Hotline Rung*/

.hotline-phone-ring-wrap {

    position: fixed;

    bottom: 0;

    left: 0;

    z-index: 999999;

}

.hotline-phone-ring {

    position: relative;

    visibility: visible;

    background-color: transparent;

    width: 110px;

    height: 110px;

    cursor: pointer;

    z-index: 11;

    -webkit-backface-visibility: hidden;

    -webkit-transform: translateZ(0);

    transition: visibility .5s;

    left: 0;

    bottom: 0;

    display: block;

}

.hotline-phone-ring-circle {

    width: 100px;

    height: 100px;

    top: 2px;

    left: 1px;

    position: absolute;

    background-color: transparent;

    border-radius: 100%;

    border: 2px solid #c04242;

    -webkit-animation: phonering-alo-circle-anim 1.2s infinite ease-in-out;

    animation: phonering-alo-circle-anim 1.2s infinite ease-in-out;

    transition: all .5s;

    -webkit-transform-origin: 50% 50%;

    -ms-transform-origin: 50% 50%;

    transform-origin: 50% 50%;

    opacity: 0.5;

}

.hotline-phone-ring-circle-fill {

    width: 75px;

    height: 75px;

    top: 14px;

    left: 14px;

    position: absolute;

    background-color: rgba(192,66,66,.7);

    border-radius: 100%;

    border: 2px solid transparent;

    -webkit-animation: phonering-alo-circle-fill-anim 2.3s infinite ease-in-out;

    animation: phonering-alo-circle-fill-anim 2.3s infinite ease-in-out;

    transition: all .5s;

    -webkit-transform-origin: 50% 50%;

    -ms-transform-origin: 50% 50%;

    transform-origin: 50% 50%;

}

.hotline-phone-ring-img-circle {

    background-color: #c04242;

    width: 50px;

    height: 50px;

    top: 27px;

    left: 27px;

    position: absolute;

    background-size: 20px;

    border-radius: 100%;

    border: 2px solid transparent;

    -webkit-animation: phonering-alo-circle-img-anim 1s infinite ease-in-out;

    animation: phonering-alo-circle-img-anim 1s infinite ease-in-out;

    -webkit-transform-origin: 50% 50%;

    -ms-transform-origin: 50% 50%;

    transform-origin: 50% 50%;

    display: -webkit-box;

    display: -webkit-flex;

    display: -ms-flexbox;

    display: flex;

    align-items: center;

    justify-content: center;

}

.hotline-phone-ring-img-circle .pps-btn-img img {

    width: 40px;

    height: 40px;

}

.hotline-bar {

    position: absolute;

    background: rgba(192,66,66,.85);

    height: 40px;

    width: 160px;

    line-height: 40px;

    border-radius: 3px;

    padding: 0 10px;

    background-size: 100%;

    cursor: pointer;

    transition: all 0.8s;

    -webkit-transition: all 0.8s;

    z-index: 9;

    box-shadow: 0 14px 28px rgba(0, 0, 0, 0.25), 0 10px 10px rgba(0, 0, 0, 0.1);

    border-radius: 50px !important;

    left: 33px;

    bottom: 37px;

}

.hotline-bar > a {

    color: #fff;

    text-decoration: none;

    font-size: 15px;

    font-weight: bold;

    text-indent: 50px;

    display: block;

    letter-spacing: 0;

    line-height: 40px;

    text-transform: uppercase;

    font-family: Arial;

}

.hotline-bar > a:hover,

.hotline-bar > a:active {

    color: #fff;

}

@-webkit-keyframes phonering-alo-circle-anim {

  0% {

    -webkit-transform: rotate(0) scale(0.5) skew(1deg);

    -webkit-opacity: 0.1;

  }

  30% {

    -webkit-transform: rotate(0) scale(0.7) skew(1deg);

    -webkit-opacity: 0.5;

  }

  100% {

    -webkit-transform: rotate(0) scale(1) skew(1deg);

    -webkit-opacity: 0.1;

  }

}

@-webkit-keyframes phonering-alo-circle-fill-anim {

  0% {

    -webkit-transform: rotate(0) scale(0.7) skew(1deg);

    opacity: 0.6;

  }

  50% {

    -webkit-transform: rotate(0) scale(1) skew(1deg);

    opacity: 0.6;

  }

  100% {

    -webkit-transform: rotate(0) scale(0.7) skew(1deg);

    opacity: 0.6;

  }

}

@-webkit-keyframes phonering-alo-circle-img-anim {

  0% {

    -webkit-transform: rotate(0) scale(1) skew(1deg);

  }

  10% {

    -webkit-transform: rotate(-25deg) scale(1) skew(1deg);

  }

  20% {

    -webkit-transform: rotate(25deg) scale(1) skew(1deg);

  }

  30% {

    -webkit-transform: rotate(-25deg) scale(1) skew(1deg);

  }

  40% {

    -webkit-transform: rotate(25deg) scale(1) skew(1deg);

  }

  50% {

    -webkit-transform: rotate(0) scale(1) skew(1deg);

  }

  100% {

    -webkit-transform: rotate(0) scale(1) skew(1deg);

  }

}

.pulse-btn {

  box-shadow: 0 0 0 0 rgba(255,255,255, 0.7);

  -webkit-animation: btnpulse 1.5s infinite cubic-bezier(0.66, 0, 0, 1);

  -moz-animation: btnpulse 1.5s infinite cubic-bezier(0.66, 0, 0, 1);

  -ms-animation: btnpulse 1.5s infinite cubic-bezier(0.66, 0, 0, 1);

  animation: btnpulse 1.5s infinite cubic-bezier(0.66, 0, 0, 1);

  border-radius: 35px;

}

@keyframes btnpulse{

  100% {

      box-shadow: 0 0 0 20px rgba(146,67,132, 0);

  }

}

/* The Modal*/

.modal {

  display: none; /* Hidden by default */

  position: fixed; /* Stay in place */

  z-index: 9999999; /* Sit on top */

  padding-top: 100px; /* Location of the box */

  left: 0;

  top: 0;

  width: 100%; /* Full width */

  height: 100%; /* Full height */

  overflow: auto; /* Enable scroll if needed */

  background-color: rgb(0,0,0); /* Fallback color */

  background-color: rgba(0,0,0,0.4); /* Black w/ opacity */

}



/* Modal Content */

.modal-content {

  position: relative;

  background-color: #fefefe;

  margin: auto;

  padding: 0;

  border: 1px solid #888;

  max-width: 400px;

  border-radius: 30px;

  box-shadow: 0 4px 8px 0 rgba(0,0,0,0.2),0 6px 20px 0 rgba(0,0,0,0.19);

  -webkit-animation-name: animatetop;

  -webkit-animation-duration: 0.4s;

  animation-name: animatetop;

  animation-duration: 0.4s

}



/* Add Animation */

@-webkit-keyframes animatetop {

  from {top:-300px; opacity:0} 

  to {top:0; opacity:1}

}



@keyframes animatetop {

  from {top:-300px; opacity:0}

  to {top:0; opacity:1}

}



/* The Close Button */

.close {

    color: #ff0000;

    font-size: 32px;

    font-weight: bold;

    position: absolute;

    right: 10px;

    top: 5px;

}

.close:hover,

.close:focus {

    color: #8dbf48;

    text-decoration: none;

    cursor: pointer;

}

.modal-header {

    background: #005395;

    border-top-left-radius: 30px;

    border-top-right-radius: 30px;

    padding: 15px;

    border-bottom: 1px solid #e5e5e5;

}

.modal-header h2 {

    text-align: center;

    color: #ffffff;

    font-size: 20px;

}

.modal-body {padding: 20px 15px;}