/*!

Theme Name:   Cầu Vồng - WebHD



Author:       spl

Author URI:   https://www.facebook.com/tanlinh.nguyen.7543653

Description:  This theme is use for the Website use Elementor

Version:      1.0

Text Domain:  spl



*/



html,

body {

  margin: 0;

  width: 100%;

  height: auto;

  position: relative;

  background: #000;

}



:root {

  font-family: "Poppins" !important;

  font-size: 16px;

  color: #fff;

  font-weight: normal;

  line-height: 1.4;

}

p {

  font-size: 15px;

  line-height: 1.8;

  font-weight: 100;

  margin-bottom: 10px;

}



li,

h1,

h2,

h3,

h4,

h5,

h6 {

  margin: 0;

}



h1,

h2,

h3,

h4,

h5,

h6 {

  font-weight: 600;

}



h5 {

  font-size: 1.05rem;

}



h4 {

  font-size: 1.1rem;

}



h3 {

  font-size: 1.2rem;

}



h2 {

  font-size: 1.3rem;

}



h1 {

  font-size: 24px;

}



img {

  display: table;

  max-width: 100%;

  height: auto;

  -o-object-fit: cover;

  object-fit: cover;

}



a {

  color: var(--e-global-color-primary);

  text-decoration: none;

}



a:hover {

  color: var(--e-global-color-secondary);

}



.aligncenter {

  display: block;

  margin-left: auto;

  margin-right: auto;

}



.alignleft {

  float: left;

  margin: 0 1em 0.5em 0;

}



.alignright {

  float: right;

  margin: 0 0 0.5em 1em;

}



div.wp-caption {

  max-width: 100%;

}



.wp-caption-text {

  text-align: center;

  font-style: italic;

}



.slick-arrow {

  position: absolute;

  top: 50%;

  transform: translateY(-50%);

  z-index: 1;

  display: flex;

  align-items: center;

  background: transparent;

  border: none;

  font-size: 30px;

  color: #ffffff73;

  cursor: pointer;



  padding: 5px;

}



.slick-prev {

  left: 0;

}



.slick-next {

  right: 0;

}



.slide-item {

  padding: 0 15px;

}



.slick-slider:focus,

.slick-track:focus,

.slick-slide:focus,

.slick-slide a:focus,

.slick-arrow:focus {

  outline: none;

}



.slick-dots {

  position: absolute;

  bottom: 0;

  display: flex;

  padding: 0;

  margin: 10px 0;

  width: 100%;

  justify-content: center;

  list-style: none;

}



ul.slick-dots li button {

  font-size: 0;

  line-height: 0;

  display: block;

  margin: 0 5px;

  transition: 0.3s;

  padding: 5px;

  cursor: pointer;

  color: transparent;

  border: 0;

  outline: none;

  background: gray;

  opacity: 0.4;

  border-radius: 100%;

}



ul.slick-dots li.slick-active button,

ul.slick-dots li button:hover {

  opacity: 1;

}



/* reset css - close */



.flex_center {

  display: flex;

  align-items: center;

  justify-content: center;

}



.d-flex {

  display: flex;

}

.flex-c {

  flex-direction: column;

}

.flex-r {

  flex-direction: row;

}



.relative,

.padding_ratio {

  position: relative;

}



.absolute,

.full_relative {

  position: absolute;

}



.padding_ratio:before {

  content: "";

  display: block;

  padding-bottom: 40%;

}



.full_relative {

  width: 100%;

  height: 100%;

  top: 0;

  left: 0;

}



.align_center {

  text-align: center;

}

.align_left {

  text-align: left;

}

.align_right {

  text-align: right;

}

.margin_center {

  display: table;

  margin: 0 auto;

}



.main_txt {

  color: rgba(13, 13, 13, 0.9);

}

.second_txt {

  color: #000;

}

.white_txt {

  color: white;

}

.main_bgr {

  background-color: rgba(13, 13, 13, 0.9);

}



.slide_img button svg {

  width: 30px;

  height: 30px;

}



.eclip-2 {

  display: -webkit-box;

  -webkit-line-clamp: 2;

  -webkit-box-orient: vertical;

  overflow: hidden;

  min-height: auto;

}

.eclip-3 {

  display: -webkit-box;

  -webkit-line-clamp: 3;

  -webkit-box-orient: vertical;

  overflow: hidden;

  min-height: auto;

}

.eclip-4 {

  display: -webkit-box;

  -webkit-line-clamp: 4;

  -webkit-box-orient: vertical;

  overflow: hidden;

  min-height: auto;

}

.jus-c {

  justify-content: center;

}

.align-c {

  align-items: center;

}



.section_title,

.page_title {

  font-size: 2.3rem;

  font-weight: bold;

  margin-bottom: 0.5em;

}



.section_title *,

.page_title * {

  font-size: inherit;

  font-weight: inherit;

  margin-bottom: inherit;

}



.single .content_area {

  padding-top: 30px;

  padding-bottom: 20px;

}



.ha-slick-content {

  display: block;

  position: absolute;

  z-index: 2;

  bottom: 0;

  padding: 15px;

  color: white;

  text-shadow: 1px 1px grey;

}

div#elementor-lightbox-slideshow-single-img {

  display: none !important;

}



a.ha-slick-item {

  display: block;

  position: relative;

}

.bg_white {

  background: #fff;

}

a.ha-slick-item:before {

  content: "";

  display: block;

  width: 100%;

  height: 100%;

  z-index: 1;

  position: absolute;

  background: linear-gradient(0deg, rgb(0 0 0 / 50%), transparent, transparent);

  bottom: 0;

  left: 0;

}



.back-top {

  background-color: #000;

  padding: 10px;

  border-radius: 2px;

  position: fixed;

  bottom: 10px;

  right: 15px;

  width: 40px;

  height: 40px;

  align-items: center;

  justify-content: center;

  color: #fff;

  z-index: 9;

  display: none;

  cursor: pointer;

  -webkit-border-radius: 2px;

  -moz-border-radius: 2px;

  -ms-border-radius: 2px;

  -o-border-radius: 2px;

}



.mb {

  margin-bottom: 30px;

}



.mb-20 {

  margin-bottom: 20px;

}



.mt {

  margin-top: 30px;

}

.mr {

  margin-right: 30px;

}

.ml {

  margin-left: 30px;

}

.mb-0 {

  margin-bottom: 0 !important;

}

.ml-0 {

  margin-left: 0 !important;

}

.mr-0 {

  margin-right: 0 !important;

}

.mt-0 {

  margin-top: 0 !important;

}

.mb-half {

  margin-bottom: 15px;

}

.mt-half {

  margin-top: 15px;

}

.mr-half {

  margin-right: 15px;

}

.ml-half {

  margin-left: 15px;

}



.pb {

  padding-bottom: 30px;

}

.pt {

  padding-top: 30px;

}

.pb-half {

  padding-bottom: 15px;

}

.pt-half {

  padding-top: 15px;

}

.pb-0 {

  padding-bottom: 0 !important;

}

.pt-0 {

  padding-top: 0 !important;

}

.no-margin {

  margin: 0 !important;

}

.no-padding {

  padding: 0 !important;

}

.inner-padding {

  padding: 30px;

}

.first-reset *:first-child {

  margin-top: 0;

}

.last-reset *:last-child {

  margin-bottom: 0;

}

.no-select {

  -webkit-user-select: none !important;

  -moz-user-select: none !important;

  -ms-user-select: none !important;

  user-select: none !important;

}

.text-left {

  text-align: left;

}

.text-center {

  text-align: center;

}

.s-nor {

  font-size: 16px;

  line-height: 1.8;

}

.text-right {

  text-align: right;

}

.text-center > div,

.text-center > div > div,

.text-center .is-divider,

.text-center .star-rating,

.text-center .is-star-rating {

  margin-left: auto;

  margin-right: auto;

}

.text-center .pull-right,

.text-center .pull-left {

  float: none;

}

.text-right > div,

.text-right > div > div,

.text-right .is-divider,

.text-right .star-rating,

.text-right .is-star-rating {

  margin-left: auto;

  margin-right: 0;

}

.relative {

  position: relative !important;

}

.absolute {

  position: absolute !important;

}

.fixed {

  position: fixed !important;

  z-index: 12;

}

.top {

  top: 0;

}

.right {

  right: 0;

}

.left {

  left: 0;

}

.bottom {

  bottom: 0;

}

.fill {

  position: absolute;

  top: 0;

  left: 0;

  height: 100%;

  right: 0;

  bottom: 0;

  padding: 0 !important;

  margin: 0 !important;

}

.y-center {

  bottom: auto;

  top: 50%;

  transform: translateY(-50%);

}

.x-center {

  left: 50%;

  transform: translateX(-50%);

}

.h-center.y-center {

  left: auto !important;

  bottom: auto !important;

  right: 50%;

  top: 50%;

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

}

.pull-right {

  float: right;

}

.pull-left {

  float: left;

}

.is-full-height {

  min-height: 550px;

  height: 100%;

  height: 100vh;

  padding-top: 0 !important;

  padding-bottom: 0 !important;

}

.over-h {

  overflow: hidden;

}

.bg-white {

  background: #fff;

}

.bg-fill {

  background-size: cover !important;

  background-repeat: no-repeat !important;

  background-position: 50% 50%;

}

.bg-top {

  background-position: top;

  -o-object-position: top;

  object-position: top;

}

.circle {

  border-radius: 999px !important;

  -o-object-fit: cover;

  object-fit: cover;

}

.circle img {

  border-radius: 999px !important;

  -o-object-fit: cover;

  object-fit: cover;

}

.round {

  border-radius: 5px;

}

.has-border {

  border: 2px solid #446084;

  padding: 15px 30px 30px;

}

.dashed-border {

  border-style: dashed;

}

.success-border {

  border-color: #7a9c59;

}

.bt {

  border-top: 1px solid #ececec;

}

.bb {

  border-bottom: 1px solid #ececec;

}

.bl {

  border-left: 1px solid #ececec;

}

.br {

  border-right: 1px solid #ececec;

}

.hidden {

  display: none !important;

  visibility: hidden !important;

}

.is-invisible {

  visibility: hidden;

  opacity: 0;

}



.z-1 {

  z-index: 21;

}

.z-2 {

  z-index: 22;

}

.z-3 {

  z-index: 23;

}

.z-4 {

  z-index: 24;

}

.z-5 {

  z-index: 25;

}

.z-top {

  z-index: 9995;

}

.z-top-2 {

  z-index: 9996;

}

.z-top-3 {

  z-index: 9997;

}

.no-click {

  pointer-events: none;

}

.no-wrap {

  white-space: nowrap;

}



.bg-primary-color {

  background-color: rgba(13, 13, 13, 0.9);

}

.bg-secondary-color {

  background-color: #000;

}

.bg-success-color {

  background-color: #197c3b;

}

.bg-alert-color {

  background-color: #ebf8ff;

}

.is-transparent {

  background-color: transparent !important;

}

.inline {

  display: inline;

}

.block {

  display: block;

}



.inline-block {

  display: inline-block;

}

.inline-images img,

img.inline {

  display: inline-block !important;

}

.is-well {

  padding: 30px;

  background-color: rgba(0, 0, 0, 0.02);

  box-shadow: 1px 1px 3px 0px rgba(0, 0, 0, 0.2), 0 1px 0 rgba(0, 0, 0, 0.07), inset 0 0 0 1px rgba(0, 0, 0, 0.05);

}

.no-overflow {

  overflow: hidden;

}

.no-text-overflow {

  white-space: nowrap;

  overflow: hidden;

  text-overflow: ellipsis;

}

.strong {

  font-weight: bold;

}

.op-4 {

  opacity: 0.4;

}

.op-5 {

  opacity: 0.5;

}

.op-6 {

  opacity: 0.6;

}

.op-7 {

  opacity: 0.7;

}

.op-8 {

  opacity: 0.8;

}

.d-bl {

  display: block;

}

li {

  list-style: none;

}

ul {

  display: block;

  list-style-type: disc;

  margin-block-start: 0em;

  margin-block-end: 0em;

  margin-inline-start: 0px;

  margin-inline-end: 0px;

  padding-inline-start: 0px;

}



.p_sec {

  padding: 70px 0;

}



.p_sec_tree {

  padding: 150px 0;

}



@media (max-width: 549px) {

  .sm-touch-scroll {

    overflow-y: none;

    overflow-x: auto;

    -webkit-overflow-scrolling: touch;

  }

}

.no-scrollbar {

  -ms-overflow-style: -ms-autohiding-scrollbar;

  scrollbar-width: none;

}

.no-scrollbar::-webkit-scrollbar {

  width: 0px !important;

  height: 0px !important;

}

.screen-reader-text {

  clip: rect(1px, 1px, 1px, 1px);

  position: absolute !important;

  height: 1px;

  width: 1px;

  overflow: hidden;

}

.screen-reader-text:focus {

  background-color: #f1f1f1;

  border-radius: 3px;

  box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);

  clip: auto !important;

  color: #21759b;

  display: block;

  font-size: 14px;

  font-size: 0.875rem;

  font-weight: bold;

  height: auto;

  left: 5px;

  line-height: normal;

  padding: 15px 23px 14px;

  text-decoration: none;

  top: 5px;

  width: auto;

  z-index: 100000;

}



.jus-sp {

  justify-content: space-between;

}

@media (max-width: 800px) {

  .single .content_area {

    overflow-x: scroll;

  }

  .back-top,

  .fixed-footer {

    right: 15px;

  }

}



.fixed-footer {

  position: fixed;

  right: 20px;

  bottom: 130px;

  cursor: pointer;

  z-index: 99;

}



.fixed-footer div,

.fixed-footer div p i {

  position: relative;

}



.fixed-footer div p {

  position: absolute;

  bottom: 100%;

  display: table;

  z-index: 9;

  right: 0;

  margin-bottom: 10px;

  transform: translateY(50%) translateX(50%) scale(0);

  opacity: 0;

  transition: 0.3s;

}



.fixed-footer div p.contact-toggled {

  transform: translateY(0) translateX(0) scale(1);

  opacity: 1;

  right: 0;

  transition: 0.5s;

}



.fixed-footer div p i {

  display: block;

  margin: 0;

  padding: 10px 20px 10px 10px;

  min-width: 150px;

  border-radius: 5px;

  background: white;

}



.fixed-footer div p i:after {

  content: "";

  display: block;

  width: 15px;

  height: 15px;

  position: absolute;

  background: white;

  z-index: -1;

  transform: rotateZ(45deg);

  right: 10px;

}



.fixed-footer div p a {

  display: flex;

  align-items: center;

  color: #333;

  font-weight: 500;

  margin: 4px 0;

  border-bottom: solid 1px #dcdcdc;

  padding-bottom: 3px;

  justify-content: flex-end;

}



.fixed-footer div p a:last-child {

  border-bottom: none;

}



.fixed-footer div p a img {

  display: block;

  width: 40px;

  height: auto;

  margin-left: 8px;

}



.fixed-footer .contact-icon {

  width: 40px;

  height: 40px;

  display: flex;

  background: #fb2424;

  border-radius: 100%;

  position: relative;

  justify-content: center;

  align-items: center;

}



.fixed-footer .contact-icon img {

  width: 26px;

  height: 26px;

  -o-object-fit: scale-down;

  object-fit: scale-down;

}



.fixed-footer .contact-icon:after {

  content: "";

  display: block;

  position: absolute;

  width: 100%;

  height: 100%;

  top: 0;

  left: 0;

  border-radius: 100%;

  transform: scale(1);

  z-index: -2;

  border: solid 1px #fb2424;

  -webkit-animation: cafter 2.2s 0.5s infinite;

  animation: cafter 2.2s 0.5s infinite;

}



.fixed-footer .contact-icon:before {

  content: "";

  display: block;

  position: absolute;

  width: 100%;

  height: 100%;

  top: 0;

  left: 0;

  border-radius: 100%;

  z-index: -1;

  background-color: #fb2424a6;

  transform: scale(1);

  -webkit-animation: cbefore 0.8s infinite;

  animation: cbefore 0.8s infinite;

}



@-webkit-keyframes cbefore {

  0% {

    transform: scale(1);

  }

  100% {

    transform: scale(1.3);

  }

}



@keyframes cbefore {

  0% {

    transform: scale(1);

  }

  100% {

    transform: scale(1.3);

  }

}



@-webkit-keyframes cafter {

  0% {

    transform: scale(1);

  }

  100% {

    transform: scale(1.6);

  }

}



@keyframes cafter {

  0% {

    transform: scale(1);

  }

  100% {

    transform: scale(1.6);

  }

}

@media (max-width: 767px) {

  html,

  body {

    overflow-x: hidden;

  }

  .p_sec {

    padding: 30px 0;

  }

  .p_sec_tree {

    padding: 30px 0;

  }

  .slide-item {

    padding: 0 5px;

  }

  .row {

    margin: 0 -5px;

  }

}
.single .time_au  {
  display: none;
}