a,

a:hover,

a:focus,

a:active {

  text-decoration: none;

  color: inherit;

  outline: none;

}



ol,

ul,

li {

  padding: 0;

  list-style: none;

  margin: 0;

}



label {

  font-weight: normal;

}



input[type="text"],

input[type="email"],

input[type="password"] {

  padding-left: 12px;

  padding-right: 12px;

}



select {

  padding-left: 8px;

}



input[type="number"] {

  padding-left: 5px;

}



textarea {

  padding: 8px 12px 5px 12px;

}



input,

textarea,

select,

button,

a {

  outline: none;

}



button {

  border: none;

  background: none;

  outline: none;

  user-select: none;

}



img {

  max-width: 100%;

  vertical-align: middle;

  -webkit-object-fit: cover;

  -moz-object-fit: cover;

  -ms-object-fit: cover;

  -o-object-fit: cover;

  object-fit: cover;

}



.absolute,

.ef-middle:before {

  position: absolute;

}



.clearfix:before,

.clearfix:after {

  content: '';

  display: block;

  clear: both;

}



@keyframes lac {

  0% {

    -webkit-transform: rotate(0deg);

    -moz-transform: rotate(0deg);

    -o-transform: rotate(0deg);

    -ms-transform: rotate(0deg);

    transform: rotate(0deg);

  }

  10% {

    -webkit-transform: rotate(-25deg);

    -moz-transform: rotate(-25deg);

    -o-transform: rotate(-25deg);

    -ms-transform: rotate(-25deg);

    transform: rotate(-25deg);

  }

  20% {

    -webkit-transform: rotate(25deg);

    -moz-transform: rotate(25deg);

    -o-transform: rotate(25deg);

    -ms-transform: rotate(25deg);

    transform: rotate(25deg);

  }

  30% {

    -webkit-transform: rotate(-25deg);

    -moz-transform: rotate(-25deg);

    -o-transform: rotate(-25deg);

    -ms-transform: rotate(-25deg);

    transform: rotate(-25deg);

  }

  40% {

    -webkit-transform: rotate(25deg);

    -moz-transform: rotate(25deg);

    -o-transform: rotate(25deg);

    -ms-transform: rotate(25deg);

    transform: rotate(25deg);

  }

  50% {

    -webkit-transform: rotate(0deg);

    -moz-transform: rotate(0deg);

    -o-transform: rotate(0deg);

    -ms-transform: rotate(0deg);

    transform: rotate(0deg);

  }

  100% {

    -webkit-transform: rotate(0deg);

    -moz-transform: rotate(0deg);

    -o-transform: rotate(0deg);

    -ms-transform: rotate(0deg);

    transform: rotate(0deg);

  }

}



@keyframes zoomin {

  0% {

    -webkit-transform: scale(0.8);

    -moz-transform: scale(0.8);

    -o-transform: scale(0.8);

    -ms-transform: scale(0.8);

    transform: scale(0.8);

    opacity: 1;

  }

  100% {

    -webkit-transform: scale(2.2);

    -moz-transform: scale(2.2);

    -o-transform: scale(2.2);

    -ms-transform: scale(2.2);

    transform: scale(2.2);

    opacity: 0.1;

  }

}



@keyframes down {

  100% {

    -webkit-transform: translateY(25%) rotateZ(-90deg);

    -moz-transform: translateY(25%) rotateZ(-90deg);

    -o-transform: translateY(25%) rotateZ(-90deg);

    -ms-transform: translateY(25%) rotateZ(-90deg);

    transform: translateY(25%) rotateZ(-90deg);

  }

  50% {

    -webkit-transform: translateY(0%) rotateZ(-90deg);

    -moz-transform: translateY(0%) rotateZ(-90deg);

    -o-transform: translateY(0%) rotateZ(-90deg);

    -ms-transform: translateY(0%) rotateZ(-90deg);

    transform: translateY(0%) rotateZ(-90deg);

  }

  0% {

    -webkit-transform: translateY(25%) rotateZ(-90deg);

    -moz-transform: translateY(25%) rotateZ(-90deg);

    -o-transform: translateY(25%) rotateZ(-90deg);

    -ms-transform: translateY(25%) rotateZ(-90deg);

    transform: translateY(25%) rotateZ(-90deg);

  }

}



@keyframes zoomout {

  0% {

    -webkit-transform: scale(0.8);

    -moz-transform: scale(0.8);

    -o-transform: scale(0.8);

    -ms-transform: scale(0.8);

    transform: scale(0.8);

    opacity: 0.8;

  }

  100% {

    -webkit-transform: scale(1.1);

    -moz-transform: scale(1.1);

    -o-transform: scale(1.1);

    -ms-transform: scale(1.1);

    transform: scale(1.1);

    opacity: 0.3;

  }

}



@keyframes xoay {

  0% {

    -webkit-transform: skewX(163deg) scaleX(1.1) translate(-39px, 15px) rotateX(0deg);

    -moz-transform: skewX(163deg) scaleX(1.1) translate(-39px, 15px) rotateX(0deg);

    -o-transform: skewX(163deg) scaleX(1.1) translate(-39px, 15px) rotateX(0deg);

    -ms-transform: skewX(163deg) scaleX(1.1) translate(-39px, 15px) rotateX(0deg);

    transform: skewX(163deg) scaleX(1.1) translate(-39px, 15px) rotateX(0deg);

  }

  50% {

    -webkit-transform: skewX(163deg) scaleX(1.1) translate(-39px, 15px) rotateX(180deg);

    -moz-transform: skewX(163deg) scaleX(1.1) translate(-39px, 15px) rotateX(180deg);

    -o-transform: skewX(163deg) scaleX(1.1) translate(-39px, 15px) rotateX(180deg);

    -ms-transform: skewX(163deg) scaleX(1.1) translate(-39px, 15px) rotateX(180deg);

    transform: skewX(163deg) scaleX(1.1) translate(-39px, 15px) rotateX(180deg);

  }

  100% {

    -webkit-transform: skewX(163deg) scaleX(1.1) translate(-39px, 15px) rotateX(360deg);

    -moz-transform: skewX(163deg) scaleX(1.1) translate(-39px, 15px) rotateX(360deg);

    -o-transform: skewX(163deg) scaleX(1.1) translate(-39px, 15px) rotateX(360deg);

    -ms-transform: skewX(163deg) scaleX(1.1) translate(-39px, 15px) rotateX(360deg);

    transform: skewX(163deg) scaleX(1.1) translate(-39px, 15px) rotateX(360deg);

  }

}



@keyframes laolen {

  0% {

    -webkit-transform: translate(0, -15px);

    -moz-transform: translate(0, -15px);

    -o-transform: translate(0, -15px);

    -ms-transform: translate(0, -15px);

    transform: translate(0, -15px);

  }

  50% {

    -webkit-transform: translate(0, 0);

    -moz-transform: translate(0, 0);

    -o-transform: translate(0, 0);

    -ms-transform: translate(0, 0);

    transform: translate(0, 0);

  }

  100% {

    -webkit-transform: translate(0, -15px);

    -moz-transform: translate(0, -15px);

    -o-transform: translate(0, -15px);

    -ms-transform: translate(0, -15px);

    transform: translate(0, -15px);

  }

}



@keyframes cross {

  0% {

    left: -110%;

    top: 90%;

  }

  50% {

    left: -10%;

    top: -30%;

  }

  100% {

    left: -10%;

    top: -10%;

  }

}



@keyframes c-zoom {

  0% {

    -webkit-transform: scale(1);

    -moz-transform: scale(1);

    -o-transform: scale(1);

    -ms-transform: scale(1);

    transform: scale(1);

    opacity: 1;

  }

  50% {

    -webkit-transform: scale(1.1);

    -moz-transform: scale(1.1);

    -o-transform: scale(1.1);

    -ms-transform: scale(1.1);

    transform: scale(1.1);

    opacity: 0.5;

  }

  100% {

    -webkit-transform: scale(1.2);

    -moz-transform: scale(1.2);

    -o-transform: scale(1.2);

    -ms-transform: scale(1.2);

    transform: scale(1.2);

    opacity: 0;

  }

}



@keyframes xoay {

  0% {

    -webkit-transform: rotateZ(0deg);

    -moz-transform: rotateZ(0deg);

    -o-transform: rotateZ(0deg);

    -ms-transform: rotateZ(0deg);

    transform: rotateZ(0deg);

  }

  100% {

    -webkit-transform: rotateZ(360deg);

    -moz-transform: rotateZ(360deg);

    -o-transform: rotateZ(360deg);

    -ms-transform: rotateZ(360deg);

    transform: rotateZ(360deg);

  }

}



@keyframes up {

  0% {

    -webkit-transform: translateY(-100%);

    -moz-transform: translateY(-100%);

    -o-transform: translateY(-100%);

    -ms-transform: translateY(-100%);

    transform: translateY(-100%);

  }

  100% {

    -webkit-transform: translateY(0%);

    -moz-transform: translateY(0%);

    -o-transform: translateY(0%);

    -ms-transform: translateY(0%);

    transform: translateY(0%);

  }

}



html,

body {

  font-size: 14px;

}



.padding-0 {

  padding-left: 0px;

  padding-right: 0px;

}



.padding-5 {

  padding-left: 5px;

  padding-right: 5px;

}



.padding-8 {

  padding-left: 8px;

  padding-right: 8px;

}



.padding-10 {

  padding-left: 10px;

  padding-right: 10px;

}



.padding-12 {

  padding-left: 12px;

  padding-right: 12px;

}



.padding-15 {

  padding-left: 15px;

  padding-right: 15px;

}



.event-all,

.ef-camera:hover:after,

.block-search .frm-search.active {

  pointer-events: all;

  opacity: 1;

  visibility: visible;

}



.event-none,

.ef-camera:after,

.block-search .frm-search {

  pointer-events: none;

  opacity: 0;

  visibility: hidden;

}



.transition-du4s {

  -webkit-transition-duration: 4s;

  -moz-transition-duration: 4s;

  -ms-transition-duration: 4s;

  -o-transition-duration: 4s;

  transition-duration: 4s;

}



.margin-auto {

  margin-left: auto;

  margin-right: auto;

}



.margin-0 {

  margin-left: 0px;

  margin-right: 0px;

}



.margin-5 {

  margin-left: 5px;

  margin-right: 5px;

}



.margin-8 {

  margin-left: 8px;

  margin-right: 8px;

}



.margin-10 {

  margin-left: 10px;

  margin-right: 10px;

}



.margin-15 {

  margin-left: 15px;

  margin-right: 15px;

}



.margin-20 {

  margin-left: -20px;

  margin-right: -20px;

}



.line-camp-1 {

  text-overflow: ellipsis;

  overflow: hidden;

  display: -webkit-box;

  -webkit-line-clamp: 1;

  -webkit-box-orient: vertical;

}



.line-camp-2 {

  text-overflow: ellipsis;

  overflow: hidden;

  display: -webkit-box;

  -webkit-line-clamp: 2;

  -webkit-box-orient: vertical;

}



.line-camp-3 {

  display: -webkit-box;

  -webkit-line-clamp: 3;

  -webkit-box-orient: vertical;

  color: #fff;
}



.delay02 {

  -webkit-animation-delay: 0.2s;

  -moz-animation-delay: 0.2s;

  -ms-animation-delay: 0.2s;

  -o-animation-delay: 0.2s;

  animation-delay: 0.2s;

}



.delay04 {

  -webkit-animation-delay: 0.4s;

  -moz-animation-delay: 0.4s;

  -ms-animation-delay: 0.4s;

  -o-animation-delay: 0.4s;

  animation-delay: 0.4s;

}



.delay06 {

  -webkit-animation-delay: 0.6s;

  -moz-animation-delay: 0.6s;

  -ms-animation-delay: 0.6s;

  -o-animation-delay: 0.6s;

  animation-delay: 0.6s;

}



.c-img-50 {

  display: block;

  position: relative;

  padding-top: 50%;

}



.c-img-50 img,

.c-img-50 .bg {

  position: absolute;

  top: 0;

  right: 0;

  bottom: 0;

  left: 0;

  display: block;

  width: 100%;

  height: 100%;

  border-radius: inherit;

}



.c-img-20 {

  display: block;

  position: relative;

  padding-top: 20%;

}



.c-img-20 img,

.c-img-20 .bg {

  position: absolute;

  top: 0;

  right: 0;

  bottom: 0;

  left: 0;

  display: block;

  width: 100%;

  height: 100%;

  border-radius: inherit;

}



.c-img-70 {

  display: block;

  position: relative;

  padding-top: 70%;

}



.c-img-70 img,

.c-img-70 .bg {

  position: absolute;

  top: 0;

  right: 0;

  bottom: 0;

  left: 0;

  display: block;

  width: 100%;

  height: 100%;

  border-radius: inherit;

}



.c-img-100 {

  display: block;

  position: relative;

  padding-top: 100%;

}



.c-img-100 img,

.c-img-100 .bg {

  position: absolute;

  top: 0;

  right: 0;

  bottom: 0;

  left: 0;

  display: block;

  width: 100%;

  height: 100%;

  border-radius: inherit;

}



.c-img-60 {

  display: block;

  position: relative;

  padding-top: 60%;

}



.c-img-60 img,

.c-img-60 .bg {

  position: absolute;

  top: 0;

  right: 0;

  bottom: 0;

  left: 0;

  display: block;

  width: 100%;

  height: 100%;

  border-radius: inherit;

}



.text-red-white {

  background: -webkit-linear-gradient(left, #ea1f1f, #ffffffcc);

  -webkit-background-clip: text;

  -webkit-text-fill-color: transparent;

}



.bg-tranparent50,

.ef-hv:after {

  background: rgb(227, 226, 241);

  background: linear-gradient(90deg, rgba(227, 227, 227, 0.32941176470588235) 0%, rgba(255, 255, 255, 0.4392156862745098) 70%);

}



.smooth {

  -webkit-transition: all 0.2s ease-in-out;

  -moz-transition: all 0.2s ease-in-out;

  -o-transition: all 0.2s ease-in-out;

  -ms-transition: all 0.2s ease-in-out;

  transition: all 0.2s ease-in-out;

}



.bg {

  background-repeat: no-repeat;

  background-position: center;

  background-size: cover;

}



.table {

  display: table;

  margin: 0;

}



.table .line {

  display: table-row;

}



.table .cell {

  display: table-cell;

}



.s-content ol {

  list-style: decimal;

  margin-left: 15px;

  margin-bottom: 10px;

}



.s-content ul {

  list-style: initial;

  margin-left: 15px;

  margin-bottom: 10px;

}



.s-content li {

  list-style: inherit;

  margin-bottom: 5px;

}



.s-content p {

  margin-bottom: 10px;

}



.s-content img {

  display: block;

  max-width: 100%;

  object-fit: inherit;

  margin: 10px auto;

  width: auto !important;

  height: auto !important;

}



.s-content table,

.s-content iframe {

  max-width: 100%;

}



.zoom {

  display: block;

  overflow: hidden;

  position: relative;

}



.zoom img {

  -webkit-transition: 0.5s;

  -moz-transition: 0.5s;

  -ms-transition: 0.5s;

  -o-transition: 0.5s;

  transition: 0.5s;

  position: absolute;

  display: block;

}



.zoom:hover img {

  -webkit-transform: scale(1.2);

  -moz-transform: scale(1.2);

  -o-transform: scale(1.2);

  -ms-transform: scale(1.2);

  transform: scale(1.2);

}



.back-to-top {

  display: none;

  position: fixed;

  font-size: 1.2rem;

  cursor: pointer;

  text-align: center;

  z-index: 999;

  width: 40px;

  height: 40px;

  line-height: 40px;

  color: #fff;

  -webkit-animation: laolen 1s infinite;

  -moz-animation: laolen 1s infinite;

  -ms-animation: laolen 1s infinite;

  -o-animation: laolen 1s infinite;

  animation: laolen 1s infinite;

}



.back-to-top:hover {

  background: #fff;

  opacity: 0.8;

}



.ef-socal {

  box-shadow: 0 5px 15px -5px #00000070;

  position: relative;

}



.ef-socal:before {

  position: absolute;

  content: '';

  width: 120%;

  height: 120%;

  background: #fff;

  left: -110%;

  top: 90%;

  -webkit-transform: rotateZ(45deg);

  -moz-transform: rotateZ(45deg);

  -o-transform: rotateZ(45deg);

  -ms-transform: rotateZ(45deg);

  transform: rotateZ(45deg);

}



.ef-socal i {

  -webkit-transition: 0.5s;

  -moz-transition: 0.5s;

  -ms-transition: 0.5s;

  -o-transition: 0.5s;

  transition: 0.5s;

}



.ef-socal:hover:before {

  -webkit-animation: cross 0.7s 1;

  -moz-animation: cross 0.7s 1;

  -ms-animation: cross 0.7s 1;

  -o-animation: cross 0.7s 1;

  animation: cross 0.7s 1;

  top: -10%;

  left: -10%;

}



.btn-call span,

.btn-mess span {

  display: inline-block;

  font-size: 30px;

  width: 60px;

  height: 60px;

  margin: auto;

  border-radius: 50%;

  line-height: 60px;

  text-align: center;

  color: #fff;

  background: #fff;

  position: relative;

}



.btn-call span:before,

.btn-mess span:before {

  content: "";

  position: absolute;

  top: 0;

  left: 0;

  right: 0;

  bottom: 0;

  z-index: 1;

  border-radius: 50%;

  border: solid 1px #fff;

  -webkit-animation-name: zoomin;

  -moz-animation-name: zoomin;

  -ms-animation-name: zoomin;

  -o-animation-name: zoomin;

  animation-name: zoomin;

  -webkit-animation-duration: 1.5s;

  -moz-animation-duration: 1.5s;

  -ms-animation-duration: 1.5s;

  -o-animation-duration: 1.5s;

  animation-duration: 1.5s;

  -webkit-animation-iteration-count: infinite;

  -moz-animation-iteration-count: infinite;

  -ms-animation-iteration-count: infinite;

  -o-animation-iteration-count: infinite;

  animation-iteration-count: infinite;

}



.btn-call span:after,

.btn-mess span:after {

  content: '';

  position: absolute;

  top: 0;

  left: 0;

  right: 0;

  bottom: 0;

  z-index: 1;

  border-radius: 50%;

  background: #fff;

  z-index: -1;

  -webkit-animation-name: zoomout;

  -moz-animation-name: zoomout;

  -ms-animation-name: zoomout;

  -o-animation-name: zoomout;

  animation-name: zoomout;

  -webkit-animation-duration: 1s;

  -moz-animation-duration: 1s;

  -ms-animation-duration: 1s;

  -o-animation-duration: 1s;

  animation-duration: 1s;

  -webkit-animation-iteration-count: infinite;

  -moz-animation-iteration-count: infinite;

  -ms-animation-iteration-count: infinite;

  -o-animation-iteration-count: infinite;

  animation-iteration-count: infinite;

  -webkit-animation-direction: alternate;

  -moz-animation-direction: alternate;

  -ms-animation-direction: alternate;

  -o-animation-direction: alternate;

  animation-direction: alternate;

}



.btn-call span i,

.btn-mess span i {

  -webkit-animation-name: lac;

  -moz-animation-name: lac;

  -ms-animation-name: lac;

  -o-animation-name: lac;

  animation-name: lac;

  -webkit-animation-duration: 1s;

  -moz-animation-duration: 1s;

  -ms-animation-duration: 1s;

  -o-animation-duration: 1s;

  animation-duration: 1s;

  -webkit-animation-iteration-count: infinite;

  -moz-animation-iteration-count: infinite;

  -ms-animation-iteration-count: infinite;

  -o-animation-iteration-count: infinite;

  animation-iteration-count: infinite;

}



.ef-shadow-box-up {

  cursor: pointer;

  -webkit-transition: 0.5s ease;

  -moz-transition: 0.5s ease;

  -ms-transition: 0.5s ease;

  -o-transition: 0.5s ease;

  transition: 0.5s ease;

}



.ef-shadow-box-up:hover {

  -webkit-transform: translateY(-10px);

  -moz-transform: translateY(-10px);

  -o-transform: translateY(-10px);

  -ms-transform: translateY(-10px);

  transform: translateY(-10px);

  box-shadow: 0px 3px 3px 0px #6d6969;

}



.ef-camera:after {

  position: absolute;

  top: 0;

  left: 0;

  right: 0;

  bottom: 0;

  z-index: 1;

  content: '\f083';

  font-family: FontAwesome;

  background: #0000009c;

  color: #fff;

  display: flex;

  align-items: center;

  font-size: 60px;

  justify-content: center;

  -webkit-transition: 0.3s ease 0s;

  -moz-transition: 0.3s ease 0s;

  -ms-transition: 0.3s ease 0s;

  -o-transition: 0.3s ease 0s;

  transition: 0.3s ease 0s;

}



.ef-shadow-box {

  cursor: pointer;

  -webkit-transition: 0.5s ease;

  -moz-transition: 0.5s ease;

  -ms-transition: 0.5s ease;

  -o-transition: 0.5s ease;

  transition: 0.5s ease;

}



.ef-shadow-box:hover {

  box-shadow: 0px 3px 3px 0px #6d6969;

}



.ef-cricle-zoom {

  position: relative;

  cursor: pointer;

  border-radius: 999px;

  -webkit-transition: 0.5s ease;

  -moz-transition: 0.5s ease;

  -ms-transition: 0.5s ease;

  -o-transition: 0.5s ease;

  transition: 0.5s ease;

}



.ef-cricle-zoom:after {

  position: absolute;

  top: 0;

  right: 0;

  bottom: 0;

  left: 0;

  content: '';

  border-radius: 999px;

  -webkit-transition: 0.5s ease;

  -moz-transition: 0.5s ease;

  -ms-transition: 0.5s ease;

  -o-transition: 0.5s ease;

  transition: 0.5s ease;

  box-shadow: 0 0 0 5px red;

  opacity: 0;

  visibility: hidden;

}



.ef-cricle-zoom:hover {

  -webkit-transform: scale(0.9);

  -moz-transform: scale(0.9);

  -o-transform: scale(0.9);

  -ms-transform: scale(0.9);

  transform: scale(0.9);

}



.ef-cricle-zoom:hover:after {

  opacity: 1;

  visibility: visible;

  box-shadow: 0 0 0 5px red;

  -webkit-animation: c-zoom 2s linear infinite;

  -moz-animation: c-zoom 2s linear infinite;

  -ms-animation: c-zoom 2s linear infinite;

  -o-animation: c-zoom 2s linear infinite;

  animation: c-zoom 2s linear infinite;

}



.ef-cricle-rotate {

  position: relative;

  cursor: pointer;

}



.ef-cricle-rotate:after {

  position: absolute;

  top: 0;

  right: 0;

  bottom: 0;

  left: 0;

  content: '';

  border-radius: 999px;

  border: solid 2px transparent;

  -webkit-transition: 0.5s ease;

  -moz-transition: 0.5s ease;

  -ms-transition: 0.5s ease;

  -o-transition: 0.5s ease;

  transition: 0.5s ease;

}



.ef-cricle-rotate:hover:after {

  border-style: dashed;

  border-color: #ed3237;

  -webkit-animation: c-rotateZ 10s linear infinite;

  -moz-animation: c-rotateZ 10s linear infinite;

  -ms-animation: c-rotateZ 10s linear infinite;

  -o-animation: c-rotateZ 10s linear infinite;

  animation: c-rotateZ 10s linear infinite;

}



.ef-hv {

  position: relative;

  overflow: hidden;

  z-index: 1;

}



.ef-hv:after,

.ef-hv:before {

  position: absolute;

  top: 0;

  right: 0;

  bottom: 0;

  left: 0;

  content: '';

  z-index: 0;

}



.ef-hv:after {

  -webkit-transform: translate(100%, -100%) rotateZ(45deg) scale(1.5);

  -moz-transform: translate(100%, -100%) rotateZ(45deg) scale(1.5);

  -o-transform: translate(100%, -100%) rotateZ(45deg) scale(1.5);

  -ms-transform: translate(100%, -100%) rotateZ(45deg) scale(1.5);

  transform: translate(100%, -100%) rotateZ(45deg) scale(1.5);

  -webkit-transition: 0.7s ease;

  -moz-transition: 0.7s ease;

  -ms-transition: 0.7s ease;

  -o-transition: 0.7s ease;

  transition: 0.7s ease;

}



.ef-hv:before {

  opacity: 0;

  visibility: hidden;

  background: #ffffff5c;

  -webkit-transition: 1s ease;

  -moz-transition: 1s ease;

  -ms-transition: 1s ease;

  -o-transition: 1s ease;

  transition: 1s ease;

}



.ef-hv:hover:before {

  opacity: 1;

  visibility: visible;

}



.ef-hv:hover:after {

  -webkit-transform: translate(-100%, 100%) rotateZ(45deg) scale(1.5);

  -moz-transform: translate(-100%, 100%) rotateZ(45deg) scale(1.5);

  -o-transform: translate(-100%, 100%) rotateZ(45deg) scale(1.5);

  -ms-transform: translate(-100%, 100%) rotateZ(45deg) scale(1.5);

  transform: translate(-100%, 100%) rotateZ(45deg) scale(1.5);

}



.img-zoom {

  overflow: hidden;

  display: block;

}



.img-zoom img {

  -webkit-transform: scale(1);

  -moz-transform: scale(1);

  -o-transform: scale(1);

  -ms-transform: scale(1);

  transform: scale(1);

  -webkit-transition: 6s ease;

  -moz-transition: 6s ease;

  -ms-transition: 6s ease;

  -o-transition: 6s ease;

  transition: 6s ease;

}



.img-zoom:hover img,

.item-his.index .c-img-70 img {

  -webkit-transform: scale(1.3);

  -moz-transform: scale(1.3);

  -o-transform: scale(1.3);

  -ms-transform: scale(1.3);

  transform: scale(1.3);

}



.ef-bt,

.block-search .frm-search button {

  position: relative;

  display: inline-block;

  line-height: normal;

  border: 1px solid #ffffff;

  border-radius: 0;

  text-transform: uppercase;

  font-size: 14px;

  text-align: center;

  padding: 8px 12px;

  letter-spacing: 1px;

  background-color: transparent;

  -webkit-transition: .3s all ease-in-out 0s;

  -moz-transition: .3s all ease-in-out 0s;

  -ms-transition: .3s all ease-in-out 0s;

  -o-transition: .3s all ease-in-out 0s;

  transition: .3s all ease-in-out 0s;

  z-index: 1;

  color: #252a2b;

  overflow: hidden;

}



.ef-bt:after,

.block-search .frm-search button:after {

  position: absolute;

  content: '';

  display: block;

  left: -2px;

  top: 0;

  right: -2px;

  bottom: 0;

  -webkit-transform: scale(1, 1);

  -moz-transform: scale(1, 1);

  -o-transform: scale(1, 1);

  -ms-transform: scale(1, 1);

  transform: scale(1, 1);

  -webkit-transform-origin: left center;

  -moz-transform-origin: left center;

  -ms-transform-origin: left center;

  -o-transform-origin: left center;

  transform-origin: left center;

  z-index: -1;

  background-color: #fff;

  -webkit-transition: transform 0.45s cubic-bezier(0.785, 0.135, 0.15, 0.86);

  -moz-transition: transform 0.45s cubic-bezier(0.785, 0.135, 0.15, 0.86);

  -ms-transition: transform 0.45s cubic-bezier(0.785, 0.135, 0.15, 0.86);

  -o-transition: transform 0.45s cubic-bezier(0.785, 0.135, 0.15, 0.86);

  transition: transform 0.45s cubic-bezier(0.785, 0.135, 0.15, 0.86);

}



.ef-bt:hover,

.block-search .frm-search button:hover {

  color: #000;

}



.ef-bt:hover:after,

.block-search .frm-search button:hover:after {

  -webkit-transform-origin: right center;

  -moz-transform-origin: right center;

  -ms-transform-origin: right center;

  -o-transform-origin: right center;

  transform-origin: right center;

  -webkit-transform: scale(0, 1);

  -moz-transform: scale(0, 1);

  -o-transform: scale(0, 1);

  -ms-transform: scale(0, 1);

  transform: scale(0, 1);

  background-color: #ed3237;

}



::-webkit-scrollbar {

  width: 8px;

  height: 7px;

}



::-webkit-scrollbar-track {

  box-shadow: inset 0 0 5px #fff;

}



::-webkit-scrollbar-thumb {

  background: #ed3237;

  cursor: pointer;

}



::-webkit-scrollbar-thumb:hover {

  background: #000;

}



.fs-48 {

  font-size: 48px;

}



.fs-46 {

  font-size: 46px;

}



.fs-28 {

  font-size: 28px;

}



.fs-15 {

  font-size: 15px;

}



.fs-40 {

  font-size: 40px;

}



.fs-36 {

  font-size: 36px;

}



.fs-34 {

  font-size: 34px;

}



.fs-17 {

  font-size: 17px;

}



.fs-30 {

  font-size: 30px;

}



.fs-24 {

  font-size: 24px;

}



.fs-22 {

  font-size: 22px;

}



.fs-20 {

  font-size: 20px;

}



.fs-18 {

  font-size: 18px;

}



.fs-16 {

  font-size: 16px;

}



.fs-14 {

  font-size: 14px;

}



.cursor {

  cursor: pointer;

}



.controls.arrows .tns-outer .tns-controls button {

  position: absolute;

  width: 50px;

  height: 50px;

  -webkit-transform: rotateZ(45deg);

  -moz-transform: rotateZ(45deg);

  -o-transform: rotateZ(45deg);

  -ms-transform: rotateZ(45deg);

  transform: rotateZ(45deg);

  line-height: 50px;

  border: solid thin #f7f7f7;

  font-size: 0;

  z-index: 1;

  background: #fff;

}



.controls.arrows .tns-outer .tns-controls button:first-child:before {

  background-image: url(../images/prev.png);

  content: '';

}



.controls.arrows .tns-outer .tns-controls button:last-child:before {

  background-image: url(../images/next.png);

  content: '';

}



.controls.arrows .tns-outer .tns-controls button:before {

  position: absolute;

  -webkit-transform: rotateZ(-45deg);

  -moz-transform: rotateZ(-45deg);

  -o-transform: rotateZ(-45deg);

  -ms-transform: rotateZ(-45deg);

  transform: rotateZ(-45deg);

  top: 0;

  left: 0;

  bottom: 0;

  font-size: 18px;

  background-repeat: no-repeat;

  background-position: center;

  right: 0;

  z-index: 1;

}



.tns-outer .tns-nav {

  text-align: center;

}



.team-top .tns-outer .tns-nav button {

  border: solid thin #ee2d31;

  margin: 0 2px;

}

.nav-slider .tns-outer .tns-nav button {

  font-size: 0;

  width: 3rem;

  border: solid thin #fff;

  height: .5rem;

  margin-right: 0.5rem;

  background: #fff;

  position: relative;

  z-index: 2;

}



.nav-slider .tns-outer .tns-nav button:last-child {

  margin-right: 0;

}



.nav-slider .tns-outer .tns-nav button.tns-nav-active {

  background: #e60000;

}



.bg-fixed {

  background-attachment: fixed;

}



.h1,

.h2,

.h3,

.h4,

.h5,

.h6,

h1,

h2,

h3,

h4,

h5,

h6 {

  margin: 0;

  font-weight: 400;

  line-height: 1.5;

}



@font-face {

  font-family: 'Roboto';

  src: url("../fonts/Averta-Regular.ttf") format("truetype");

  font-display: swap;

}



@font-face {

  font-family: 'Roboto-B';

  src: url("../fonts/Averta-Bold.ttf") format("truetype");

  font-display: swap;

  font-weight: 600;

}



@font-face {

  font-family: 'Roboto-I';

  src: url("../fonts/Averta-Regular.ttf") format("truetype");

  font-display: swap;

  font-style: italic;

}



@font-face {

  font-family: 'Roboto-Medium';

  src: url("../fonts/Averta-Semibold.ttf") format("truetype");

  font-display: swap;

}



@font-face {

  font-family: 'Roboto-Bold';

  src: url("../fonts/Roboto-Bold.ttf") format("truetype");

  font-display: swap;

}



.font-r-r {

  font-family: 'Roboto';

}



.font-r-b {

  font-family: 'Roboto-Bold';

}



.font-r-m {

  font-family: 'Roboto-Medium';

}



body {

  font-family: Roboto, sans-serif, -apple-system, BlinkMacSystemFont, "Segoe UI", "Helvetica Neue", Arial, "Noto Sans", "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";

}



button,

input,

select {

  outline: none !important;

}



.border-1 {

  border: solid thin #b7b7b7;

}



.border-bot {

  border-bottom: solid thin #b7b7b7;

}

a:hover,

a:focus,

a:active {

  color: #ed3237 !important;

}



.bg-blur {

  position: relative;

}



.bg-blur:after {

  background: #00000082;

  content: '';

  position: absolute;

  display: block;

  top: 0;

  width: 100%;

  height: 100%;

  left: 0;

  z-index: 0;

}



.hv-ot {

  border: solid thin transparent;

  -webkit-transition: 0.3s;

  -moz-transition: 0.3s;

  -ms-transition: 0.3s;

  -o-transition: 0.3s;

  transition: 0.3s;

}



.hv-ot.br {

  border: solid thin #ed3237;

}



.hv-ot:hover {

  color: #ed3237 !important;

  background: white !important;

}



.name {

  position: relative;

}



.name:before {

  width: 75px;

  height: 1px;

  background: #f9f9f9;

  vertical-align: middle;

}



.bg-black {

  background: #0b0b0b;

  color: white;

}



.t-cl-main {

  color: #ed3237;

}



.cursor {

  cursor: pointer;

}



.text-black {

  color: #000 !important;

}



.icon {

  position: relative;

}



.icon:before,

.icon:after {

  display: inline-block;

  margin-right: 7px;

  font-size: 16px;

  color: #ed3237;

  font-family: FontAwesome;

}



.icon.phone:before {

  content: '\f095';

}



.icon.mail:before {

  content: '\f003';

}



.icon.address:before {

  content: '\f041';

}



.icon.web:before {

  content: '\f0ac';

}



.icon.right:after {

  content: '\f105';

  margin-left: 7px;

  color: #0b0b0b;

}



.social.details {

  color: #b7b7b7;

}



.social i {

  vertical-align: middle;

}



.zindex-1 {

  z-index: 1;

}



.header-mid {

  background: rgba(255, 255, 255, .5);

  position: absolute;

  z-index: 1000;

}



.header-mid.fixed {

  position: fixed;

  top: 0;

  left: 0;

  box-shadow: 0px 0px 4px #ee3239;

  width: 100%;

  z-index: 1000;

  background: #fff;

}

.header-bar {
  padding: 15px 0;
  -webkit-box-shadow: 1px 1px 10px rgb(0 0 0 / 15%);
  box-shadow: 1px 1px 10px rgb(0 0 0 / 15%);
}



.lang a:first-child {

  margin-right: 6px;

}



.frm-search {

  min-width: 250px;

  height: 50px;

  top: 100%;

  right: 0%;

}



.frm-search.details {

  background: #f9f9f9;

  border: none;

  top: 0;

}



.frm-search.details button[type="submit"] {

  position: absolute;

  right: 15px;

  font-size: 16px;

  color: #636363;

  height: 100%;

  z-index: 1;

}



.logo {

  max-width: 296px;

  /*padding: 2px;*/

}



.logo img {
  object-fit: contain;
  max-width: 170px;
}

.logo-desktop img {
  padding: 5px 0;
}

.block-search .frm-search {

  max-width: 300px;

  -webkit-transform: translateY(20px);

  -moz-transform: translateY(20px);

  -o-transform: translateY(20px);

  -ms-transform: translateY(20px);

  transform: translateY(20px);

  right: 0;

  display: flex;

  border: solid thin #ed3237;

  margin: 0;

  padding: 2px;

}



.block-search .frm-search.active {

  -webkit-transform: translateY(5px);

  -moz-transform: translateY(5px);

  -o-transform: translateY(5px);

  -ms-transform: translateY(5px);

  transform: translateY(5px);

}



.block-search .frm-search button {

  width: 25%;

  font-size: 18px;

  background: white;

  color: white;

}



.block-search .frm-search button:after {

  background-color: #ed3137;

}



.block-search .frm-search input {

  width: 75%;

  border: none;

}



.block-slider {

  top: 0;

}



.block-slider .banner img {

  height: auto;

  width: 100%;

}



.block-slider .tns-outer .tns-nav {

  bottom: 55px;

  position: absolute;

  width: 100%;

}



.block-slider .tns-outer .tns-nav button {

  width: 60px;

  height: 5px;

  border: none;

  outline: none;

  background: #ffffff82;

}



.block-slider .tns-outer .tns-nav button.tns-nav-active {

  background: #fff;

}



.block-slider .item-slider img, .block-slider .item-slider {

  object-fit: cover;

  width: 100%;

}



.block-slider .item-slider .block-text {

  position: absolute;

  transform: translateY(-50%);

  z-index: 1;

  top: 50%;

  width: 100%;

}



.block-slider .item-slider .block-text .text-slider {

  position: relative;

  left: 175px;

  color: white;

  max-width: 630px;

  height: 280px;

}



.block-slider .item-slider .block-text .text-slider .textp {

  font-size: 17px;

  margin: 30px 0 0 0;

}



.block-slider .item-slider .block-text .text-slider .btn-main {

  margin-top: 50px;

}



.block-slider .item-slider .block-text .text-slider .btn-main:after {

  background: white;

}



.btn-main:hover {

  color: #ed3237;

  background: #fff;

  border: solid thin #ed3237;



}

.btn-main {

  padding: 8px 15px;

  border: solid thin rgba(255, 255, 255, 0.7);

  text-transform: uppercase;

  display: inline-block;

}



.name:before {

  display: inline-block;

  content: '';

  vertical-align: middle;

  margin-right: 10px;

  background: #c7c7c7;

}



.slider-top-car .slider-car .text-item .name {

  margin-top: 50px;

}



.slider-top-car .slider-car .car-item>div {

  width: 50%;

  float: left;

}



.slider-top-car .slider-car .car-item>div:after {

  content: '';

  clear: both;

}



.slider-top-car .slider-car .car-item .img-car:hover img {

  animation: imgright 1.5s 0s linear;

}



.slider-top-car .slider-car .car-item .img-car img {

  max-width: 800px;

  width: 100%;

  object-fit: contain;

}



.btn-arrow {

  display: inline-block;

  background: white;

  padding-left: 15px;

  text-align: left;

  border: solid thin #ebebeb;

  text-transform: uppercase;

  position: relative;

}



.btn-arrow:hover {

  background: #ed3237;

  box-shadow: 0px 2px 6px #0000008c;

  color: white !important;

}



.btn-arrow:hover:after {

  background: white;

  color: #ed3237;

}



.btn-arrow:after {

  display: inline-block;

  content: '\f101';

  font-family: FontAwesome;

  background: #58595c;

  color: white;

  clip-path: polygon(0% 0%, 100% 0%, 100% 100%, 20% 100%);

  font-size: 18px;

  padding: 10px 15px;

  margin-left: 10px;

}

.slider-top-car {

  max-height: 577px;

  overflow: hidden;

}



.slider-top-car .short_content {

  margin-bottom: 50px;

}



.slider-top-car:after {

  clip-path: polygon(0 0%, 100% 0, 85% 75%, 0% 100%);

}



.play-video:hover i {

  background: white;

  color: #ed3237;

}



.play-video i {

  display: inline-block;

  padding: 12px 14px;

  font-size: 16px;

  background: #ed3237;

  border-radius: 999px;

  color: #fff;

}



.tns-outer {

  position: relative;

  z-index: 0;

}



.margin-5 {

  margin: 0px -5px;

}



.pro-details .title-video,

.allvideo.edit .item-video .title-video,

.item-video .title-video {

  padding: 15px 10px;

  position: absolute;

  bottom: 0;

  left: 0;

  background: url('../images/bg-sp.png');

  width: 100%;

  background-size: cover;

  color: #fff;

  z-index: 1;

}



.title-item i {

  margin-left: 0;

  display: inline-block;

  opacity: 0;

}



.block-pro .tns-horizontal.tns-subpixel>.tns-item {

  position: relative;

}



.block-pro .item-slider:hover .title-item i {

  margin-left: 15px;

  opacity: 1;

}



.block-pro .tns-outer .tns-controls {

  z-index: -1;

}



.block-pro .tns-outer .tns-controls button {

  z-index: 2;

}



.block-pro .tns-outer .tns-controls button:last-child {

  right: -90px;

}



.block-pro .tns-outer .tns-controls button:first-child {

  left: -90px;

}



.block-pro .nav-tabs li a.active span,

.block-pro .nav-tabs li a:hover span {

  color: #ed3237;

}



.block-pro .nav-tabs li a {

  padding: 0;

  position: relative;

  -webkit-transition: 0.3s;

  -moz-transition: 0.3s;

  -ms-transition: 0.3s;

  -o-transition: 0.3s;

  transition: 0.3s;

}



.block-pro .nav-tabs li a:after {

  position: absolute;

  content: '';

  bottom: 0;

  left: 0;

  width: 0%;

  height: 2px;

  background: transparent;

  -webkit-transition: 0.3s;

  -moz-transition: 0.3s;

  -ms-transition: 0.3s;

  -o-transition: 0.3s;

  transition: 0.3s;

}



.block-pro .nav-tabs li a:hover:after,

.block-pro .nav-tabs li a.active:after {

  background: #ed3237;

  width: 100%;

}



.nav {

  justify-content: center;

  border-bottom: none;

}



.nav li a {

  border: none !important;

  border-top-left-radius: 0 !important;

  border-top-right-radius: 0 !important;

  color: #b7b7b7;

}



.nav li a.active,

.nav li a:hover {

  border: none;

  color: #000 !important;

}



.nav li i {

  font-style: normal;

}



.block-video {

  padding-bottom: 40px;

}



.block-video .view-all .btn-arrow {

  border: solid thin #ebebeb;

}



.item-video {

  position: relative;

}



.item-video .c-img-50 {

  padding-top: 57.5%;

  max-height: 435px;

}



.item-video:hover>.btn-play {

  background: white;

  color: #ed3237;

}



.item-video .c-img-70 {

  padding-top: 58%;

}



.item-video .title-video {

  position: absolute;

  bottom: 0;

  width: 100%;

  padding: 15px 12px;

  color: white;

}



.btn-play {

  position: absolute;

  bottom: 10px;

  right: 10px;

  display: flex;

  width: 45px;

  height: 45px;

  background: #ed3237;

  justify-content: center;

  align-items: center;

  font-size: 16px;

  color: white;

  border-radius: 999px;

}



.btn-play:hover {

  background: white;

  color: #ed3237;

}



.bg-white {

  background: #f7f7f7;

}



.news-slider-in .item .content {

  position: absolute;

  bottom: 0;

  padding: 10px 20px;

  color: white;

  z-index: 1;

}



.news-slider-in .item .c-img-70 {

  padding-top: 68%;

}



.bg-gray {

  background: #f8f8f8;

}

.icon-eye:before,

.count-view:before {

  font-family: FontAwesome;

  content: '\f06e';

  display: inline-block;

  margin-right: 5px;

}



.create-time {

  color: #b7b7b7;

}



.create-time.edit .date {

  padding: 3px 5px;

  color: #fff;

}



.create-time.edit:before {

  display: none;

}



.create-time:before {

  font-family: FontAwesome;

  content: '\f017';

  display: inline-block;

  margin-right: 5px;

}

.block-news .tns-outer .tns-nav button {

  height: 15px;

  width: 15px !important;

  border: solid thin #ebebeb;

}



.item-news:not(:last-child) {

  border-bottom: solid thin #ebebeb;

}



.item-news>a {

  width: 35%;

  flex: 0 0 35%;

  max-width: 160px;

  min-height: 125px;

}



.item-news>a img {

  width: 100%;

  height: 100%;

}



.item-news>div {

  width: 65%;

  flex: 0 0 65%;

  padding-left: 10px;

}



.count-view.comment:before {

  content: '\f075';

}



.partner .item-partner {

  max-height: 140px;

  text-align: center;

}



.partner .item-partner .img {

  padding: 10px 0;

  background: white;

}



.partner .item-partner .img img {

  max-width: 100px;

  object-fit: contain;

}



.news-support {

  padding: 50px 15px;

}



.news-support .item-support .text {

  position: absolute;

  bottom: 0;

  z-index: 1;

  display: flex;

  flex-direction: column;

  align-items: flex-start;

  justify-content: center;

  padding-left: 15px;

}



.text-yellow {

  color: #fff212;

}



.bg-yellow {

  background: #fff212;

}



.text-gray {

  color: #f9f9f9;

}



.bg-red {

  background: #ed3237;

}



.btn-view {

  padding: 12px 28px;

  border: solid 2px #000;

}



.block-map #map iframe {

  height: 776px;

  width: 100%;

}



.block-map .map-center {

  position: absolute;

  right: 145px;

  z-index: 1;

  top: 50%;

  width: 600px;

  height: 624px;

  background: rgba(0, 0, 0, 0.3803921568627451);

  -webkit-transform: translateY(-50%);

  -moz-transform: translateY(-50%);

  -o-transform: translateY(-50%);

  -ms-transform: translateY(-50%);

  transform: translateY(-50%);

}



.block-map .map-center .list-map {

  height: 100%;

  overflow-y: scroll;

  max-height: 569px;

  background: url('../images/bg-map.png');

}



.block-map .map-center .list-map .item-map {

  border-bottom: solid thin #b7b7b7;

  padding: 10px 40px;

}



.block-map .map-center .list-map .item-map:before {

  position: absolute;

  content: '';

  height: 100%;

  display: block;

  top: 0;

  left: 0;

  width: 3px;

  background: transparent;

}



.block-map .map-center .list-map .item-map.active:before {

  background: #ed3237;

}



.block-map .map-center .list-map .item-map .title-center {

  margin-bottom: 10px;

}



.block-map .map-center .list-map .item-map .title-center img {

  max-width: 15px;

  margin-right: 10px;

}



.bg-black50 {

  background: #242c33;

}



footer {

  color: #a7abad;

  padding: 50px 0 0px 0;

}



footer .copy-right {

  padding: 15px;

  border-top: solid thin #b7b7b7;

}



footer .block-footer {

  flex-wrap: wrap;

  margin: 0 -10px;

}



footer .block-footer .footer-item {

  padding: 0px 10px;

}

footer .block-footer .footer-item:nth-child(1)
{

  max-width: 30%;

  flex: 0 0 30%;

}

footer .block-footer .footer-item:nth-child(2),
footer .block-footer .footer-item:nth-child(3)
{

  max-width: 25%;

  flex: 0 0 25%;

}


.footer-item:nth-child(4) {

  max-width: 20%;

  flex: 0 0 20%;

}

.menu-footer a {

  margin-right: 10px;

}



.menu-footer a:last-child {

  margin-right: 0;

}



.fb {

  background: #325fa4;

}



.gg {

  background: #dc4e3e;

}



.tw {

  background: #26aae6;

}



.ins {

  background: #2f69a4;

}



.yt {

  background: #ee2d31;

}



.ft-title {

  color: white;

  padding-bottom: 10px;

}



.ft-title:after {

  position: absolute;

  bottom: 0;

  left: 0;

  width: 60px;

  height: 2px;

  background: #ed3237;

  content: '';

}



.social-bar {

  position: fixed;

  z-index: 0;

  bottom: 20%;

  display: flex;

  flex-direction: column;

  width: 50px;

  z-index: 999;

  height: 250px;

  right: 30px;

  justify-content: start;

  align-items: center;

}



.social-bar a {

  flex: 0 0 20%;

  width: 100%;

  margin-bottom: 10px;

  border-radius: 999px;

  font-size: 22px;

  text-align: center;

  color: #fff;

  border: solid thin transparent;

}



.social-bar a i {

  top: 50%;

  display: block;

  position: relative;

  -webkit-transform: translateY(-50%);

  -moz-transform: translateY(-50%);

  -o-transform: translateY(-50%);

  -ms-transform: translateY(-50%);

  transform: translateY(-50%);

}



.icon-mess {

  position: fixed;

  bottom: 5%;

  width: 60px;

  height: 60px;

  right: 30px;

  background: #a6ce3a;

  border-radius: 999px;

  display: flex;

  justify-content: center;

  align-items: center;

  font-size: 24px;

  color: #fff;

  z-index: 0;

}



.icon-mess:after,

.icon-mess:before {

  position: absolute;

  content: '';

  display: block;

  top: 0;

  left: 0;

  width: 100%;

  height: 100%;

  border-radius: 999px;

}



.icon-mess:before {

  animation: zoomout 1.5s 0s linear infinite;

  border: solid thin #a6ce3a;

  background: #9bb74f;

  z-index: -1;

}



.icon-mess:after {

  animation: zoomin 1s 0s linear infinite;

  border: solid thin #a6ce3a;

}



.call {

  position: fixed;

  z-index: 999;

  background: #fff;

  bottom: 5%;

  left: 30px;

  width: 230px;

  background: #0071b7;

  border-top-left-radius: 25px;

  border-bottom-left-radius: 25px;

  border-top-right-radius: 25px;

  border-bottom-right-radius: 25px;

}



.call .phone-hotline {

  width: 45px;

  height: 45px;

  display: flex;

  border-radius: 999px;

  align-items: center;

  justify-content: center;

  font-size: 24px;

  background: #ed3237;

  color: #fff;

  position: relative;

}



.call .phone-hotline:after,

.call .phone-hotline:before {

  position: absolute;

  content: '';

  display: block;

  top: 0;

  left: 0;

  width: 100%;

  height: 100%;

  border-radius: 999px;

}



.call .phone-hotline:before {

  animation: zoomout 1.5s 0s linear infinite;

  border: solid thin #ed3237;

}



.call .phone-hotline:after {

  animation: zoomin 1s 0s linear infinite;

  border: solid thin #ed3237;

}



.breadcrumb-item+.breadcrumb-item::before {

  content: '\f101';

  margin: 0px 5px 0px 15px;

}



.bg-none {

  background: none;

}



.br-0 {

  border: none !important;

}



.breadcrumb {

  background: none;

  margin: 0;

  padding: 10px 0;

}



.breadcrumb li {

  position: relative;

  z-index: 1;
  display: inline-block;

}



.breadcrumb li:last-child {

  padding-left: 5px;

  color: #ed3237;

}



.breadcrumb li+li:before {

  margin: 0px 7px 0px 10px;

  content: "\f101";

  font-family: FontAwesome;

}



.option-news-details {

  margin-top: 35px;

}



.tag a:after {

  content: ',';

  margin: 2px;

  display: inline-block;

}



.tag a:last-child:after {

  display: none;

}



.elm-ip {

  padding: 11px 16px;

  width: 100%;

  border: solid thin #b7b7b7;

  background: #f9f9f9;

}



.mh-100 {

  min-height: 100px;

  resize: none;

}



.br-999 {

  border-radius: 999px;

}



.title-sidebar {

  padding-left: 20px;

}



.title-sidebar:after,

.title-sidebar:before {

  content: '';

  display: block;

  position: absolute;

}



.title-sidebar:after {

  bottom: 15px;

  width: 100px;

  right: 0;

  display: none;

  height: 1px;

  background: #dedede;

}



.title-sidebar:before {

  width: 2px;

  background: #ed3237;

  height: 30px;

  top: calc(50% - 15px);

  left: 0;

}



.item-bar>a {

  height: 100px;

  display: block;

}



.item-bar:not(:last-child) {

  border-bottom: solid thin #b7b7b7;

}

.item-bar .img img {

  max-width: 100px;

  max-height: 100px;

  height: 100%;

}



.item-bar .text {

  min-height: 100px;

  margin-left: 115px;

}



.row-5col {

  display: flex;

  margin: 0px -10px;

  flex-wrap: wrap;

}



.row-5col>div[class^="col"] {

  flex: 0 0 20%;

  max-width: 20%;

  padding: 0px 10px;

}



.block-sale img {

  width: 100%;

}



.news-related {

  padding: 35px 15px;

}



.banner.cate {

  color: white;

}




.banner.recruiment-cate {

  height: 324px;

}




.banner.recruitment-banner .block-text {

  text-align: left;

}



.item-signer .title-item {

  position: absolute;

  bottom: 0;

  padding: 15px 20px;

}



.block-paytime {

  padding: 40px 15px;

}



.services-cate {

  padding: 65px 15px;

}



.part-tool {

  padding: 50px 15px;

}



.part-tool .ef-neon {

  border: solid thin #b7b7b7;

}



.part-tool .ef-neon:hover {

  background: #fff;

}



.frm-paytime {

  max-width: 770px;

  margin: auto;

}



.frm-paytime table {

  width: 100%;

}



.frm-paytime table tr td {

  position: relative;

  padding: 0;

  padding-bottom: 25px;

}



.frm-paytime .padding-frm {

  background: #efefef;

  padding: 25px;

}



.frm-paytime .padding-frm.utilities i {

  top: calc(50% - 17px);

  right: 20px;

  color: #b7b7b7;

}



.frm-paytime .padding-frm input,

.frm-paytime .padding-frm select {

  width: 100% !important;

  border: none;

  padding: 8px 12px;

  border-bottom: solid thin #b7b7b7;

  background: #efefef;

  -webkit-appearance: none;

  -moz-appearance: none;

  appearance: none;

}



.frm-paytime .padding-frm i {

  position: absolute;

  font-style: normal;

  top: 0px;

  right: 10px;

  display: none;

}



.frm-paytime .padding-frm i:after {

  content: '\f107';

  font-family: FontAwesome;

  left: 0;

  top: 0;

  font-size: 24px;

}



.frm-paytime .padding-frm textarea {

  resize: none;

  border: none;

  min-height: 150px;

}



.frm-paytime .padding-frm .db-input {

  justify-content: space-between;

}



.frm-paytime .padding-frm .db-input input {

  width: 48%;

  flex: 0 0 48%;

}



.pay-load .load-ajax table th,

.pay-load .load-ajax table td {

  border: solid thin #ebebeb;

  padding: 15px 20px;

  font-size: 16px;

}



.select-cus {

  position: relative;

  border: none !important;

  padding: 8px 27px 8px 10px;

  background: #fff;

  border-bottom: none;

  -webkit-appearance: none;

  -moz-appearance: none;

  appearance: none;

}



.select-cus i {

  position: absolute;

  font-style: normal;

  top: -10px;

  right: 5px;

}



.select-cus i:after {

  content: '\f107';

  font-family: FontAwesome;

  left: 0;

  top: 0;

  font-size: 24px;

}



.text-graye {

  color: #a4a4a4;

}



.text-cl-short {

  color: #979797;

}



.label-pd14 {

  padding: 14px 0px;

  width: 100%;

  border-bottom: solid thin #80808045;

}



.panination,
.te-pagination {

  text-align: center;

}

.panination ul li {
  display: inline-block;
}

.panination a,
.te-pagination a,
.panination ul li .current{

  font-size: 16px;

  padding: 6px 14px;

  color: #888888;

  border: solid thin #888888;

  margin: 0px 5px;

}

/*.panination a,
.te-pagination a,

.te-pagination strong,
.panination strong {

  display: inline-block;

  font-size: 16px;

  padding: 6px 14px;

  color: #888888;

  border: solid thin #888888;

  margin: 0px 5px;

}*/

.panination ul li .current{
  background: #ed3237;
  border-color: transparent;
  color: white;
}

  /*.te-pagination strong,
  .panination strong {

    background: #ed3237;

    border-color: transparent;

    color: white;

  }*/



.allvideo {

  padding: 50px 15px;

}



.action-video {

  position: absolute;

  bottom: 0;

  background: #00000073;

  width: 100%;

  color: white;

  display: flex;

  flex-wrap: wrap;

}



.action-video .item-action {

  display: flex;

  justify-content: center;

}



.action-video .item-action a:hover,

.action-video .item-action span:hover {

  color: #ee3239;

}



.action-video .item-action a,

.action-video .item-action span {

  padding: 20px 2px;

  position: relative;

  flex: 0 0 20%;

  max-width: 20%;

  text-align: center;

  -webkit-transition: 0.3s all;

  -moz-transition: 0.3s all;

  -ms-transition: 0.3s all;

  -o-transition: 0.3s all;

  transition: 0.3s all;

}



.action-video .item-action a:after,

.action-video .item-action span:after {

  position: absolute;

  right: 0;

  top: 0;

  background: #505050;

  width: 1px;

  height: 100%;

  content: '';

}



.action-video .item-action a:last-child:after,

.action-video .item-action span:last-child:after {

  display: none;

}



.page-contact {

  padding: 45px 15px;

}



.form-block {

  width: 100%;

  border: solid thin #dcdcdc;

  padding: 12px 15px;

  background: white;

  color: #0b0b0b;

}



.news-cate {

  padding-top: 20px;
  padding-bottom: 45px;

}



.news-cate .item-news a.img {

  width: 41%;

  flex: 0 0 41%;

  max-width: 310px;

  padding-top: 28%;

}



.news-cate .item-news>div {

  width: 59%;

  flex: 0 0 59%;

  padding-left: 20px;

}



.pro-details {

  padding: 25px 15px;

}



.pro-details .item-bar {

  border-bottom: none;

}



.pro-details .cost i {

  font-style: normal;

  color: #b7b7b7;

}



.pro-details .item-video {


  margin-bottom: 10px;

}



.pro-details .item-video .c-img-50 {

  padding-top: 31%;

}



.pro-details .item-video .btn-play {

  top: 50%;

  left: 50%;

  -webkit-transform: translate(-50%, -50%);

  -moz-transform: translate(-50%, -50%);

  -o-transform: translate(-50%, -50%);

  -ms-transform: translate(-50%, -50%);

  transform: translate(-50%, -50%);

}



.pro-details .s-content.short_content {

  max-height: 175px;

  overflow-y: scroll;

}



.pro-details .nav li a {

  font-size: 20px;

  color: #a4a4a4;

  position: relative;

  padding: 5px 0;

  margin-right: 20px;

}



.pro-details .nav li a.active,

.pro-details .nav li a:hover {

  color: #0b0b0b !important;

  position: relative;

}



.pro-details .nav li a.active:after,

.pro-details .nav li a:hover:after {

  height: 2px;

  background: #ed3237;

}



.pro-details .nav li a:after {

  position: absolute;

  bottom: 0;

  left: 0;

  height: 2px;

  content: '';

  width: 100%;

  background: transparent;

}



.item-rating .rating-box {

  display: block;

  font-size: 0;

  line-height: 1;

  position: relative;

  white-space: nowrap;

  display: inline-block;

  margin: 0 auto;

  overflow: hidden;

  vertical-align: middle;

}



.item-rating .rating-box .star {

  font-weight: 400;

  font-style: normal;

  display: inline-block;

  margin: .1rem;

  color: #b8b8b8;

  text-rendering: auto;

  font-size: 20px;

  cursor: pointer;

}



.item-rating .rating-box span {

  display: block;

  position: absolute;

  top: 0;

  left: 0;

  bottom: 0;

  z-index: 1;

  overflow: hidden;

  line-height: 1;

  pointer-events: none;

}



.item-rating .rating-box span .star {

  color: #ffc120;

}



.related-pro {

  padding: 25px 0 0 0;

}



.procate {

  padding: 30px 15px;

}



.title-all-cate {

  border-bottom: solid 2px #ebebeb;

  margin-bottom: 20px;

}



.title-cate:after {

  position: absolute;

  bottom: 0;

  left: 0;

  width: 100%;

  height: 2px;

  background: #ed3237;

  content: '';

}



.intro .img img {

  width: 100%;

  height: 100%;

}



.intro .img.one {

  margin: 40px 0px 0px 70px;

  max-width: 435px;

  max-height: 305px;

}



.intro .img.tow {

  max-height: 225px;

  max-width: 325px;

}



.intro .img.tow img {

  max-width: 325px;

}



.intro.field-seo {

  padding: 45px 15px;

}



.intro.field-seo .title-item {

  background: #ed3237cc;

  min-height: 100px;

  padding: 5px 20px;

  border-top: none;

  border: solid thin transparent;

}



.intro.field-seo .title-item:hover {

  border: solid thin #ed3237;

  border-top: none;

}



.intro.history {

  padding: 50px 15px;

  background: #f7f7f7;

}



.intro.history .item-his {

  position: relative;

}



.intro.history .item-his.tns-slide-active.index:before {

  background: #ed3237;

  left: calc(46%);

}



.intro.history .item-his.tns-slide-active.index .year {

  color: #fee514;

}



.intro.history .item-his.tns-slide-active.index .item-content:after {

  background: #ed3237;

  top: -23px;

  left: calc(50% - 49px);

}



.intro.history .item-his .item-content {

  position: relative;

  z-index: 5;

  background: #f7f7f7;

  padding-bottom: 10px;

}



.intro.history .item-his .item-content:after {

  position: absolute;

  content: '';

  display: block;

  width: 100px;

  background: transparent;

  height: 3px;

  top: -21px;

  left: calc(50% - 50px);

}



.intro.history .item-his:after,

.intro.history .item-his:before {

  position: absolute;

  content: '';

  display: block;

  background: #ebebeb;

  z-index: 0;

}



.intro.history .item-his:before {

  width: 3px;

  height: 100%;

  z-index: 0;

  left: calc(45%);

}



.intro.history .item-his:after {

  width: 100%;

  top: 70px;

  height: 2px;

}



.intro.history .year {

  color: white;

  padding: 10px 15px;

  display: inline-block;

  margin-bottom: 50px;

  min-width: 90px;

}



.intro.info {

  padding: 40px 15px;

}



.intro.value {

  padding: 50px 15px;

}



.intro.eyes {

  padding: 60px 0;

}



.item-value .text {

  border-top: none;

  padding: 20px 15px;

}



.text-grayr {

  color: #636363 !important;

}



.option-check {

  margin: 0;

  position: relative;

  display: inline-block;

  padding-left: 35px;

}



.option-check input {

  position: absolute;

  width: 30px;

  height: 100%;

  opacity: 0;

  visibility: hidden;

}



.option-check input:checked~span:before {

  display: block;

}



.option-check input:checked~span:after {

  background: #ed3237;

}



.option-check span {

  border-radius: 2px;

  overflow: hidden;

}



.option-check span:after,

.option-check span:before {

  position: absolute;

  top: 0;

  left: 0;

  display: block;

  content: '';

}



.option-check span:before {

  display: none;

  top: 3px;

  left: 3px;

  width: 12px;

  height: 8px;

  border-top: solid 2px white;

  border-right: solid 2px white;

  z-index: 1;

  -webkit-transform: rotateZ(130deg);

  -moz-transform: rotateZ(130deg);

  -o-transform: rotateZ(130deg);

  -ms-transform: rotateZ(130deg);

  transform: rotateZ(130deg);

}



.option-check span:after {

  border-radius: 4px;

  overflow: hidden;

  width: 18px;

  height: 18px;

  z-index: 0;

  border: solid thin #757575;

}



.lb-upfile span.chose-file {

  color: #ed3237;

  margin-left: 5px;

}



.lb-upfile input {

  opacity: 0;

  visibility: hidden;

  position: absolute;

}



.lb-upfile span {

  text-decoration: underline;

}



.bg-gray {

  position: relative;

}

.frm-paytime {

  margin-top: 20px;

}

.bg-gray:after {

  position: absolute;

  top: 0;

  left: 0;

  width: 100%;

  content: '';

  background: #f9f9f9;

  z-index: 0;

}



.frm-paytime.cal .padding-frm i {

  top: 7px;

}



.news-cate .item-news.singer a.img {

  padding-top: 20%;

}



.frm-paytime.edit img {

  max-width: 240px;

  max-height: 130px;

  object-fit: cover;

}



.frm-paytime.edit .first-40 {

  width: 45%;

}



.frm-paytime.edit .first-60 {

  width: 55%;

}



.change-html {

  display: none;

}



#map {

  height: 785px;

}



input:focus,

input:hover,

select:focus,

select:hover,

textarea:focus,

textarea:hover {

  -webkit-transition: 0.3s all;

  -moz-transition: 0.3s all;

  -ms-transition: 0.3s all;

  -o-transition: 0.3s all;

  transition: 0.3s all;

  box-shadow: 0px 1px 2px #00000082;

}

.block-slider.intro .btn-apply {
  margin-top: 0;
}

.news-support .ef-bt:after {

  background-color: transparent;

}


.center-mode {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  z-index: 1;
}

.news-support .ef-bt:hover:after,

.news-support .ef-bt:hover {

  background-color: #fff;

}



.pro-details span.fb_comments_count {

  margin-right: 5px;

}



.pro-details .cost i {

  font-size: 16px;

  margin-left: 5px;

}



.lang a img {

  max-width: 30px !important;

}



.nav li a.active,

.nav li a:hover,

.nav li a.active i {

  color: #ed3237;

}



.font-w-600 {

  font-weight: 600;

}



.pro-details .cost strong {

  font-weight: 400;

}



.block-pro button,

.slider-top-car button,

.history.intro button {

  box-shadow: 3px -1px 5px #00000078;

}



.block-image .c-img-50 {

  padding-top: 64.5%;

}



.block-pro .nav-tabs img {

  height: 65px;

}



.block-pro .nav-tabs {

  border-bottom: solid thin #ebebeb;

}



.block-pro .nav-tabs a:hover img,

.block-pro .nav-tabs a.active img {

  filter: drop-shadow(0px 0px 5px #000000c7);

}

.block-pro .nav-tabs a.active {

  background: none;

}



.intro.info {

  background-image: url('../images/bg-intro.png');

  background-repeat: no-repeat;

  background-position: left 4% bottom 8%;

  background-size: 25%;

}



.intro.info .img.two img {

  max-height: 230px;

  max-width: 325px;

  width: 100%;

  height: 100%;

}



.pro-details .nav {

  border-bottom: solid 2px #d0d0d0;

}



.news-cate.all-news {

  background: #f9f9f9;

  padding: 15px 0;

}



.page-contact .form-block {

  background: #ffffff !important;

}



.lh-13 {

  line-height: 1.3;

}



.services-cate .title-item {

  background: none;

}



.news-details .s-content {

  overflow-x: scroll;

}



.zindex-0 {

  z-index: 0;

}



/*.block-slider .tns-outer {

  max-height: 800px;

}*/



.block-work-info span i {

  display: inline-block;

  width: 15px;

}



.dominance-item {

  width: 70%;

}



.garelly-family .c-img-70 {

  padding-top: 65.5%;

}



.news-in .tns-outer .tns-controls button:hover:before {

  filter: unset !important;

}



.item-info-rec span {

  width: 25%;

  flex: 0 0 25%;

  text-overflow: ellipsis;

  overflow: hidden;

  white-space: pre;

}

.block-news .news-in .item-news .img {

  padding-top: 23.7%;

}



.pb-30 {

  padding-bottom: 30px;

}



.recruiment-page .s-content {

  color: #828282;

  font-family: 'Roboto' !important;

}



.max-w1028 {

  max-width: 1028px;

  margin: auto;

}



.recruiment-page .frm-search input {

  background: none;

}



.recruiment-page .frm-search {

  background: none !important;

  border: solid thin #8080802e;

}



.item-border {

  padding: 20px 0;

  border-top: solid thin #8080804d;

}



.rating {

  margin: 0;

}



.news-cate.all-news .padding-20 {

  padding: 0px 15px;

}



.char-slogin {

  font-style: italic;

  text-align: center;

  background: #ee3239;

  font-weight: 600;

  color: #fff;

  position: relative;

  z-index: 1;

  padding: 5px 0;

}



.trans,

.tns-outer .tns-controls button,

.blur:after,

.intro.field-seo .title-item,

.btn-play,

.item-video,

.title-item i,

.play-video i,

.block-search .frm-search,

a {

  -webkit-transition: 0.3s all;

  -moz-transition: 0.3s all;

  -ms-transition: 0.3s all;

  -o-transition: 0.3s all;

  transition: 0.3s all;

}



.intro div[class^="col"]:last-child .char-slogin:after {

  display: none;

}



.call.details {

  left: 0;

  top: 0;

}



.video-list .item-video .img img {

  min-height: 130px;

}



.video-list .item-video .img {

  width: 40%;

}



.video-list .item-video .text {

  padding-left: 10px;

  width: 60%;

}



.video-list {

  max-height: 535px;

  overflow-y: scroll;

  background: #f7f7f7;

  padding: 10px;

}



.video-list .item-video {

  border-bottom: solid thin #e0d1d1;

  padding: 10px 5px;

}



.video-list .item-video:hover .create-time {

  color: #fff;

}



.video-list .item-video.active,

.video-list .item-video:hover {

  background: #ee3239;

  color: #fff;

}



.btn-apply:before,

.ef-apply:before {

  content: "";

  position: absolute;

  z-index: -1;

  top: 0;

  bottom: 0;

  left: 0;

  right: 0;

  background: rgba(0, 0, 0, .04);

  -webkit-transform: scaleX(0);

  transform: scaleX(0);

  -webkit-transform-origin: 50%;

  transform-origin: 50%;

  -webkit-transition: all .5s ease-out;

  -moz-transition: all .5s ease-out;

  transition: all .5s ease-out;

}



.btn-apply {

  padding: 0 60px;

  line-height: 60px;

  height: 60px;

  font-size: 20px;

  display: block;

  color: #fff !important;

  background: #ee3239;

  display: inline-block;

  outline: none;

  -webkit-user-select: none;

  -webkit-transform: translateZ(0);

  transform: translateZ(0);

  -webkit-backface-visibility: hidden;

  backface-visibility: hidden;

  white-space: nowrap;

  font-size: 16px;

  -webkit-transition: all .5s ease;

  -moz-transition: all .5s ease;

  transition: all .5s ease;

  margin-top: 260px;

}



.ef-apply {

  -webkit-user-select: none;

  -webkit-transform: translateZ(0);

  transform: translateZ(0);

  -webkit-backface-visibility: hidden;

  backface-visibility: hidden;

  color: #fff;

  white-space: nowrap;

  font-size: 14px;

  -webkit-transition: all .5s ease;

  -moz-transition: all .5s ease;

  transition: all .5s ease;

}



.btn-apply:hover:before,

.btn-apply:focus:before,

.btn-apply:active:before,

.ef-apply:hover:before,

.ef-apply:focus:before,

.ef-apply:active:before {

  -webkit-transform: scaleX(1);

  transform: scaleX(1);

  background-color: #fff;

}



.ef-apply:hover,

.ef-apply:focus,

.ef-apply:active {

  color: #000;

}



.block-text h1 {

  line-height: 1.5;
  font-weight: 400;

}



.modal-content {

  padding: 50px 60px;

}



.modal-content .close {

  position: absolute;

  right: -20px;

  top: -20px;

  display: block;

  width: 40px;

  height: 40px;

  background: #ed3237;

  border-radius: 999px;

  z-index: 1;

  opacity: 1;

  color: #fff;

}



.form-contact .modal-dialog {

  max-width: 500px;

}



.pro-details .cost del {

  font-size: 16px;

  color: #b8b8b8;

}



.field-seo .item-slider:hover .title-item {

  color: #ed3237 !important;

  background: white !important;

}



.tab-pane .tns-outer .tns-controls button {

  box-shadow: 1px 1px 5px #00000040;

}



.slider-car img,

.video_fancy img {

  object-fit: contain;

}

.blur:after {

  position: absolute;

  top: 0;

  left: 0;

  bottom: 0;

  right: 0;

  content: '';

  background: linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, rgba(0, 0, 0, 0.711922268907563) 69%);

  opacity: 1;

  visibility: visible;

  z-index: 1;

}

.blur:hover:after {

  opacity: 0.5;

  z-index: 0;

  visibility: visible;

}

.col-mar-5 {

  margin-left: -5px;

  margin-right: -5px;
}

.col-mar-5>div[class^="col"] {

  padding-right: 5px;

  padding-left: 5px;
}

.cover img {

  object-fit: cover;

}

.history.active-button .tns-controls {

  display: flex !important;

}

#specs object img {

  width: 100%;

}

.elm-input {

  width: 100%;

  padding: 8px 12px;

  border: solid thin rgb(220, 220, 220);

}

.page-contact select {

  padding: 13px 12px;

  color: #000000ad;

  background: rgb(248, 248, 248);

}

.cursor {

  cursor: pointer;

}

.frm-paytime.edit .img-pro img {

  max-width: 100%;

  width: 100%;

  max-height: unset;

}

.no-hv:hover {

  color: #fff !important;

}

.padding-frm.utilities .other {

  border-top: solid 2px #ed3237;

}

.clmain {

  color: #ed3237;

}

.padding-frm.utilities.frm-paytime.edit {

  padding: 20px 15px;

  background: #efefef;

}

select {

  background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAkAAAAGCAYAAAARx7TFAAAAVklEQVQImX3KQQ3AIBBE0bkjBTHIwUF9sBI2+4VgAwscyqUH0tD+ZC6TJ6AD98+63D0D4wMMd8+SJKAA8wUmULQXEXVHEVF1CmgPakcgSWaWgMvM0v4v8Btn7NLEpSUAAAAASUVORK5CYII=") right 10px center no-repeat #FFF !important;

  -webkit-appearance: none;

  -moz-appearance: none;

  appearance: none;



}

#h-video iframe {

  height: 100% !important;

  min-height: 500px;

}

.map-small {

  background: #ed3237;

  color: #fff;

  padding: 5px;

  border-radius: 5px;

}

.btn-main-sub {

  padding: 10px 12px;

}

.list_services .btn-apply {

  padding: 0px 15px;

  height: 45px;

  line-height: 45px;

  margin-top: 10px;

  border: solid thin #ee3239;

}

#h-video .btn-play {

  position: absolute;

  top: calc(50% - 22px);

  left: calc(50% - 22px);

  cursor: pointer;

  z-index: 2;

}

.place-all {

  padding-top: 20px;

  padding-bottom: 20px;

}

.loadding {

  position: absolute;

  top: 50%;

  display: none;

  left: 50%;

  -webkit-transform: translate(-50%, -50%);

  -moz-transform: translate(-50%, -50%);

  -ms-transform: translate(-50%, -50%);

  -o-transform: translate(-50%, -50%);

  transform: translate(-50%, -50%);

}

.loadding img {

  animation: xoay 1s 0s linear infinite;

  max-width: 45px;

  max-height: 45px;

}

.block-paytime button[type="submit"]:hover {

  color: #ed3237;

}

.block-paytime button[type="submit"] {

  color: #fff;

}

.frm-paytime table tr td:first-child {

  width: 160px;

}

.intro.history .year:hover {

  color: #ed3237;

}

.news-related .title {

  min-height: 70px;

}

form.frm-paytime.cal.edit .name-field:not(.loca):after,

form.frm-paytime.cal.bank .name-field:not(.loca):after {
  content: '(*)';
  color: #ee2d31;
  margin-left: 5px;
}

.gm-style .gm-style-iw-c {

  background: transparent;

}



.gm-style-iw-d {

  background: transparent !important;

}



.gm-style .gm-style-iw-d::-webkit-scrollbar-track, .gm-style .gm-style-iw-d::-webkit-scrollbar-track-piece {

  background: transparent;

}



.gm-style .gm-style-iw-t::after {

  background: transparent;

}



.map-small .name-info {

  text-transform: uppercase;

  color: #f9ec14;

}

.pay-load .load-ajax table th, .pay-load .load-ajax table td {

  display: table-cell;

}

.btn-tool a {

  display: inline-block;

  padding: 8px 12px;

  background: #ee3239;

  font-size: 18px;

  color: #fff;

}

.t-img-hover {

  display: block;

  position: relative;

}

.t-img-hover:before, .t-img-hover:after {

  content: "";

  background: rgba(243, 238, 238, 0.45);

  position: absolute;

  top: 0;

  left: 0;

  right: 0;

  bottom: 0;

  opacity: 0;

  z-index: 1;

  -webkit-transition: all 0.5s ease-in-out;

  transition: all 0.5s ease-in-out;

}

.t-img-hover:hover:after {

  opacity: 1;

  left: 50%;

  right: 50%;

}

.t-img-hover:hover:before {

  opacity: 1;

  top: 50%;

  bottom: 50%;

}



.controls:hover .tns-outer .tns-controls button {

  opacity: 1 !important;

}

.controls .tns-outer {

  position: relative;
}

.controls .tns-outer .tns-controls {

  position: absolute;

  top: calc(50% - 22.5px);

  z-index: 5;

  width: 100%;
}

.controls.arrows .tns-outer .tns-controls button {

  position: absolute;

  width: 35px;

  -webkit-transform: rotateZ(45deg);

  -moz-transform: rotateZ(45deg);

  -webkit-transition: 0.3s all;

  -moz-transition: 0.3s all;

  -ms-transition: 0.3s all;

  -o-transition: 0.3s all;

  transition: 0.3s all;

  opacity: 0.7;

  -ms-transform: rotateZ(45deg);

  -o-transform: rotateZ(45deg);

  transform: rotateZ(45deg);

  height: 35px;

  line-height: 35px;

}

.controls .tns-outer .tns-controls button {

  position: absolute;

  width: 35px;

  height: 35px;

  line-height: 35px;

}

.controls .tns-outer .tns-controls button:first-child {

  left: -5px;
}

.controls .tns-outer .tns-controls button:last-child {

  right: -5px;
}

.block-news .bg-white {

  height: 100%;

  max-height: 630px;

}

.container-1175 {

  width: 100%;

  padding-right: 15px;

  padding-left: 15px;

  margin-right: auto;

  margin-left: auto;

}



@media (min-width: 768px) {

  .container-1175 {

    max-width: 720px;

  }

}



@media (min-width: 992px) {

  .container-1175 {

    max-width: 960px;

  }

}



@media (min-width: 1200px) {

  .container-1175 {

    max-width: 1175px;

    margin: auto;

  }

}



.block-slider .recuitment-bg {

  max-height: 330px;

}



.recruiment-page.cate-recruiment,

.recruiment-page.recruiment-details {

  padding: 40px 15px;

}



.recruiment-page.garelly-family {

  padding: 60px 15px;

}



.recruiment-page.team-family {

  padding: 50px 0;

}



.recruiment-page.team-family .slider-team-family {

  padding-top: 50px;

}



.recruiment-page.team-family img {

  max-width: 113px;

  height: 110px;

  width: 100%;

  object-fit: cover;

  margin: auto;

  border-radius: 999px;

  margin-top: -90px;

}



.recruiment-page.team-family .item-team {

  padding: 30px 25px;

  background: #fff;

  border-radius: 10px;

}



.recruiment-page.team-top {

  padding: 50px 15px;

}



.recruiment-page.team-top .img {

  max-width: 240px;

  height: 240px;

  border-radius: 999px;

  overflow: hidden;

}



.recruiment-page.team-top .img img {

  height: 100%;

}



.recruiment-page.recruiment {

  padding: 60px 15px;

}



.recruiment-page .rank img {

  max-width: 101px;

  width: 100%;

}



.recruiment-page.work-time {

  padding: 60px 0;

}



.recruiment-page.work-time .work {

  padding: 8px 0;

  flex-wrap: wrap;

}



.recruiment-page.work-time .opportunities img {

  max-width: 85px;

  max-height: 86px;

}



.max1135px {

  max-width: 1135px;

  margin: auto;

}



.block-work-info {

  position: relative;

  padding: 20px;

  box-shadow: 0 2px 2px #0000004f;

}



.block-work-info:after {

  position: absolute;

  top: 0;

  left: 0;

  width: 100%;

  background: #ed3237;

  content: '';

  height: 10px;

}



.recruiment-page .item-related {

  border-top: solid thin #d6d6d6;

}

.recruiment-page .title-block {

  font-weight: 600;

}

.recruiment-page .add-detail:not(:last-child):after {

  content: ',';

  display: inline-block;

}

.allpro .nav {

  display: block !important;

}

.block-pro button[data-action="start"] {

  display: none !important;

}

.tns-visually-hidden {

  display: none !important;

}

.tns-controls+button {

  display: none;

}

.row5 {

  margin-left: -5px;

  margin-right: -5px;

}

.row5>div[class^="col"] {

  padding-left: 5px;

  padding-right: 5px;

}

.block-news button {

  background: rgba(255, 255, 255, 0.6);

  width: 25px !important;

  font-size: 16px;

}

.block-news button:last-child {

  right: 0 !important;

  border-top-left-radius: 5px;

  border-bottom-left-radius: 5px;

}

.block-news button:first-child {

  left: 0 !important;

  border-top-right-radius: 5px;

  border-bottom-right-radius: 5px;

}

.slider-top-car .container .tns-outer .tns-controls button {

  width: 45px;

  height: 45px;

}

.slider-top-car .container .tns-outer .tns-controls button:last-child {

  right: -60px;

}

.slider-top-car .container .tns-outer .tns-controls button:first-child {

  left: -60px;

}

.block-slider .tns-outer .tns-nav {

  bottom: 15px;

}

.block-slider .tns-outer .tns-nav button {

  margin: 0px 5px;

  max-width: 35px;

}

.plugins .call:hover {

  background: #ee2d31;

}



.plugins .call:hover>span {

  background: #fff;

  color: #ee2d31;

}



.t-cl-main:hover a,

.t-cl-main:hover {

  color: #000 !important;

}

.btn-view:hover {

  background: #ee3239 !important;

  color: #fff !important;

}

#snackbar {

  z-index: 1000000000000;

}

.action-video .item-action a:hover {

  background: #fff;

}

.shine .img__,
.shine .img_ {
  position: relative;
  z-index: 0;
  overflow: hidden;
}

.shine .img__::before,
.shine .img_::before {
  position: absolute;
  top: 0;
  left: -75%;
  z-index: 2;
  display: block;
  content: '';
  width: 50%;
  height: 100%;
  background: -webkit-linear-gradient(left, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, .3) 100%);
  background: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, .3) 100%);
  -webkit-transform: skewX(-25deg);
  transform: skewX(-25deg);
}

.shine .img__:hover::before,
.shine .img_:hover::before {
  -webkit-animation: shine .75s;
  animation: shine .75s;
}

@-webkit-keyframes shine {
  100% {
    left: 125%;
  }
}

@keyframes shine {
  100% {
    left: 125%;
  }
}

.rotate .img__,
.rotate .img_ {
  overflow: hidden;
  position: relative;
  z-index: 1;
}

.rotate .img__ img,
.rotate .img_ img {
  -webkit-transition: .3s ease-in-out;
  transition: .3s ease-in-out;
  -webkit-transform: rotate(0) scale(1);
  transform: rotate(0) scale(1);
}

.rotate .img__:hover img,
.rotate .img_:hover img {
  -webkit-transform: rotate(0) scale(1);
  transform: rotate(0) scale(1);
  -webkit-transform: rotate(10deg) scale(1.25);
  transform: rotate(10deg) scale(1.25);
}

.item__news:hover .content_,
.item__news:focus .content_ {
  transform: translateY(-10px);
  box-shadow: 0 0 16px 4px #00000021;
}

.banner__intro .block-text {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  z-index: 1;
  display: flex;
  align-items: center;
  justify-content: center;
}

.block-slider .block-text {
  position: absolute;
  top: 0;
  bottom: 0;
  right: 0;
  left: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 0;
}

.group-search__regulationss.select__ select {
  padding: 5px 10px;
  border-radius: 5px;
  margin: 0px 5px;
  padding-right: 25px;
}

.btn-download__finance {
  margin-bottom: 12px;
}

.group-search__regulationss.select__ select {
  font-size: 16px;
}