.fs-8px {
  font-size: 8px;
}

.fs-9px {
  font-size: 9px;
}

.fs-10px {
  font-size: 10px;
}

.fs-11px {
  font-size: 11px;
}

.fs-12px {
  font-size: 12px;
}

.fs-13px {
  font-size: 13px;
}

.fs-14px {
  font-size: 14px;
}

.fs-15px {
  font-size: 15px;
}

.fs-16px {
  font-size: 16px;
}

.fs-17px {
  font-size: 17px;
}

.fs-18px {
  font-size: 18px;
}

.fs-19px {
  font-size: 19px;
}

.fs-20px {
  font-size: 20px;
}

.fs-21px {
  font-size: 21px;
}

.fs-22px {
  font-size: 22px;
}

.fs-23px {
  font-size: 23px;
}

.fs-24px {
  font-size: 24px;
}

.fs-25px {
  font-size: 25px;
}

.fs-26px {
  font-size: 26px;
}

.fs-27px {
  font-size: 27px;
}

.fs-28px {
  font-size: 28px;
}

.fs-29px {
  font-size: 29px;
}

.fs-30px {
  font-size: 30px;
}

.fs-31px {
  font-size: 31px;
}

.fs-32px {
  font-size: 32px;
}

.fs-50px {
  font-size: 50px;
}

.fs-48px {
  font-size: 48px;
}

.fs-64px {
  font-size: 64px;
}

.fs-203px {
  font-size: 203px;
}

.author-name {
  font-size: 14px;
  font-weight: 700;
  font-family: "Montserrat", sans-serif;
  color: var(--primary);
  text-transform: uppercase;
  cursor: pointer;
}

.author-img {
  box-shadow: 2px 1px 72px 10px rgba(37, 37, 37, 0.2);
}

.bg-gray-3 {
  background-color: #f9f9f9;
}

.yellow-text {
  font-weight: 700;
  font-size: 16px;
  cursor: pointer;
  color: #ffff00;
}

.envatotext {
  font-weight: 700;
  font-size: 16px;
  color: #d7e1e6;
}

.fa-heart {
  color: #f04e4e;
  font-size: 32px;
  cursor: pointer;
}

.small-heart {
  font-size: 16px;
}

.fa-heart-o {
  color: var(--light);
  font-size: 32px;
  cursor: pointer;
}

.icons {
  color: #bbc7cd;
}

.fa-facebook:hover {
  color: #3b5998;
}

.fa-twitter:hover {
  color: #1dcaff;
}

.fa-google-plus:hover {
  color: #d34836;
}

.fa-pinterest-p:hover {
  color: #c92228;
}

.fa-star, .fa-star-half-o, .fa-star-o {
  font-size: 16px;
  color: #fcd846;
}

.fa-times {
  color: #dae4ea;
  font-size: 16px;
  cursor: pointer;
}

.m-10px {
  margin: 10px !important;
}

.mt-10px,
.my-10px {
  margin-top: 10px !important;
}

.mr-10px,
.mx-10px {
  margin-right: 10px !important;
}

.mb-10px,
.my-10px {
  margin-bottom: 10px !important;
}

.ml-10px,
.mx-10px {
  margin-left: 10px !important;
}

.m-11px {
  margin: 11px !important;
}

.mt-11px,
.my-11px {
  margin-top: 11px !important;
}

.mr-11px,
.mx-11px {
  margin-right: 11px !important;
}

.mb-11px,
.my-11px {
  margin-bottom: 11px !important;
}

.ml-11px,
.mx-11px {
  margin-left: 11px !important;
}

.m-12px {
  margin: 12px !important;
}

.mt-12px,
.my-12px {
  margin-top: 12px !important;
}

.mr-12px,
.mx-12px {
  margin-right: 12px !important;
}

.mb-12px,
.my-12px {
  margin-bottom: 12px !important;
}

.ml-12px,
.mx-12px {
  margin-left: 12px !important;
}

.m-13px {
  margin: 13px !important;
}

.mt-13px,
.my-13px {
  margin-top: 13px !important;
}

.mr-13px,
.mx-13px {
  margin-right: 13px !important;
}

.mb-13px,
.my-13px {
  margin-bottom: 13px !important;
}

.ml-13px,
.mx-13px {
  margin-left: 13px !important;
}

.m-14px {
  margin: 14px !important;
}

.mt-14px,
.my-14px {
  margin-top: 14px !important;
}

.mr-14px,
.mx-14px {
  margin-right: 14px !important;
}

.mb-14px,
.my-14px {
  margin-bottom: 14px !important;
}

.ml-14px,
.mx-14px {
  margin-left: 14px !important;
}

.m-15px {
  margin: 15px !important;
}

.mt-15px,
.my-15px {
  margin-top: 15px !important;
}

.mr-15px,
.mx-15px {
  margin-right: 15px !important;
}

.mb-15px,
.my-15px {
  margin-bottom: 15px !important;
}

.ml-15px,
.mx-15px {
  margin-left: 15px !important;
}

.m-16px {
  margin: 16px !important;
}

.mt-16px,
.my-16px {
  margin-top: 16px !important;
}

.mr-16px,
.mx-16px {
  margin-right: 16px !important;
}

.mb-16px,
.my-16px {
  margin-bottom: 16px !important;
}

.ml-16px,
.mx-16px {
  margin-left: 16px !important;
}

.m-17px {
  margin: 17px !important;
}

.mt-17px,
.my-17px {
  margin-top: 17px !important;
}

.mr-17px,
.mx-17px {
  margin-right: 17px !important;
}

.mb-17px,
.my-17px {
  margin-bottom: 17px !important;
}

.ml-17px,
.mx-17px {
  margin-left: 17px !important;
}

.m-18px {
  margin: 18px !important;
}

.mt-18px,
.my-18px {
  margin-top: 18px !important;
}

.mr-18px,
.mx-18px {
  margin-right: 18px !important;
}

.mb-18px,
.my-18px {
  margin-bottom: 18px !important;
}

.ml-18px,
.mx-18px {
  margin-left: 18px !important;
}

.m-19px {
  margin: 19px !important;
}

.mt-19px,
.my-19px {
  margin-top: 19px !important;
}

.mr-19px,
.mx-19px {
  margin-right: 19px !important;
}

.mb-19px,
.my-19px {
  margin-bottom: 19px !important;
}

.ml-19px,
.mx-19px {
  margin-left: 19px !important;
}

.m-20px {
  margin: 20px !important;
}

.mt-20px,
.my-20px {
  margin-top: 20px !important;
}

.mr-20px,
.mx-20px {
  margin-right: 20px !important;
}

.mb-20px,
.my-20px {
  margin-bottom: 20px !important;
}

.ml-20px,
.mx-20px {
  margin-left: 20px !important;
}

.m-21px {
  margin: 21px !important;
}

.mt-21px,
.my-21px {
  margin-top: 21px !important;
}

.mr-21px,
.mx-21px {
  margin-right: 21px !important;
}

.mb-21px,
.my-21px {
  margin-bottom: 21px !important;
}

.ml-21px,
.mx-21px {
  margin-left: 21px !important;
}

.m-22px {
  margin: 22px !important;
}

.mt-22px,
.my-22px {
  margin-top: 22px !important;
}

.mr-22px,
.mx-22px {
  margin-right: 22px !important;
}

.mb-22px,
.my-22px {
  margin-bottom: 22px !important;
}

.ml-22px,
.mx-22px {
  margin-left: 22px !important;
}

.m-23px {
  margin: 23px !important;
}

.mt-23px,
.my-23px {
  margin-top: 23px !important;
}

.mr-23px,
.mx-23px {
  margin-right: 23px !important;
}

.mb-23px,
.my-23px {
  margin-bottom: 23px !important;
}

.ml-23px,
.mx-23px {
  margin-left: 23px !important;
}

.m-24px {
  margin: 24px !important;
}

.mt-24px,
.my-24px {
  margin-top: 24px !important;
}

.mr-24px,
.mx-24px {
  margin-right: 24px !important;
}

.mb-24px,
.my-24px {
  margin-bottom: 24px !important;
}

.ml-24px,
.mx-24px {
  margin-left: 24px !important;
}

.m-25px {
  margin: 25px !important;
}

.mt-25px,
.my-25px {
  margin-top: 25px !important;
}

.mr-25px,
.mx-25px {
  margin-right: 25px !important;
}

.mb-25px,
.my-25px {
  margin-bottom: 25px !important;
}

.ml-25px,
.mx-25px {
  margin-left: 25px !important;
}

.m-26px {
  margin: 26px !important;
}

.mt-26px,
.my-26px {
  margin-top: 26px !important;
}

.mr-26px,
.mx-26px {
  margin-right: 26px !important;
}

.mb-26px,
.my-26px {
  margin-bottom: 26px !important;
}

.ml-26px,
.mx-26px {
  margin-left: 26px !important;
}

.m-27px {
  margin: 27px !important;
}

.mt-27px,
.my-27px {
  margin-top: 27px !important;
}

.mr-27px,
.mx-27px {
  margin-right: 27px !important;
}

.mb-27px,
.my-27px {
  margin-bottom: 27px !important;
}

.ml-27px,
.mx-27px {
  margin-left: 27px !important;
}

.m-28px {
  margin: 28px !important;
}

.mt-28px,
.my-28px {
  margin-top: 28px !important;
}

.mr-28px,
.mx-28px {
  margin-right: 28px !important;
}

.mb-28px,
.my-28px {
  margin-bottom: 28px !important;
}

.ml-28px,
.mx-28px {
  margin-left: 28px !important;
}

.m-29px {
  margin: 29px !important;
}

.mt-29px,
.my-29px {
  margin-top: 29px !important;
}

.mr-29px,
.mx-29px {
  margin-right: 29px !important;
}

.mb-29px,
.my-29px {
  margin-bottom: 29px !important;
}

.ml-29px,
.mx-29px {
  margin-left: 29px !important;
}

.m-30px {
  margin: 30px !important;
}

.mt-30px,
.my-30px {
  margin-top: 30px !important;
}

.mr-30px,
.mx-30px {
  margin-right: 30px !important;
}

.mb-30px,
.my-30px {
  margin-bottom: 30px !important;
}

.ml-30px,
.mx-30px {
  margin-left: 30px !important;
}

.m-31px {
  margin: 31px !important;
}

.mt-31px,
.my-31px {
  margin-top: 31px !important;
}

.mr-31px,
.mx-31px {
  margin-right: 31px !important;
}

.mb-31px,
.my-31px {
  margin-bottom: 31px !important;
}

.ml-31px,
.mx-31px {
  margin-left: 31px !important;
}

.m-35px {
  margin: 35px !important;
}

.mt-35px,
.my-35px {
  margin-top: 35px !important;
}

.mr-35px,
.mx-35px {
  margin-right: 35px !important;
}

.mb-35px,
.my-35px {
  margin-bottom: 35px !important;
}

.ml-35px,
.mx-35px {
  margin-left: 35px !important;
}

.m-50px {
  margin: 50px !important;
}

.mt-50px,
.my-50px {
  margin-top: 50px !important;
}

.mr-50px,
.mx-50px {
  margin-right: 50px !important;
}

.mb-50px,
.my-50px {
  margin-bottom: 50px !important;
}

.ml-50px,
.mx-50px {
  margin-left: 50px !important;
}

.m-65px {
  margin: 65px !important;
}

.mt-65px,
.my-65px {
  margin-top: 65px !important;
}

.mr-65px,
.mx-65px {
  margin-right: 65px !important;
}

.mb-65px,
.my-65px {
  margin-bottom: 65px !important;
}

.ml-65px,
.mx-65px {
  margin-left: 65px !important;
}

.m-70px {
  margin: 70px !important;
}

.mt-70px,
.my-70px {
  margin-top: 70px !important;
}

.mr-70px,
.mx-70px {
  margin-right: 70px !important;
}

.mb-70px,
.my-70px {
  margin-bottom: 70px !important;
}

.ml-70px,
.mx-70px {
  margin-left: 70px !important;
}

.m-100px {
  margin: 100px !important;
}

.mt-100px,
.my-100px {
  margin-top: 100px !important;
}

.mr-100px,
.mx-100px {
  margin-right: 100px !important;
}

.mb-100px,
.my-100px {
  margin-bottom: 100px !important;
}

.ml-100px,
.mx-100px {
  margin-left: 100px !important;
}

.m-240px {
  margin: 240px !important;
}

.mt-240px,
.my-240px {
  margin-top: 240px !important;
}

.mr-240px,
.mx-240px {
  margin-right: 240px !important;
}

.mb-240px,
.my-240px {
  margin-bottom: 240px !important;
}

.ml-240px,
.mx-240px {
  margin-left: 240px !important;
}

.p-10px {
  padding: 10px !important;
}

.pt-10px,
.py-10px {
  padding-top: 10px !important;
}

.pr-10px,
.px-10px {
  padding-right: 10px !important;
}

.pb-10px,
.py-10px {
  padding-bottom: 10px !important;
}

.pl-10px,
.px-10px {
  padding-left: 10px !important;
}

.p-11px {
  padding: 11px !important;
}

.pt-11px,
.py-11px {
  padding-top: 11px !important;
}

.pr-11px,
.px-11px {
  padding-right: 11px !important;
}

.pb-11px,
.py-11px {
  padding-bottom: 11px !important;
}

.pl-11px,
.px-11px {
  padding-left: 11px !important;
}

.p-12px {
  padding: 12px !important;
}

.pt-12px,
.py-12px {
  padding-top: 12px !important;
}

.pr-12px,
.px-12px {
  padding-right: 12px !important;
}

.pb-12px,
.py-12px {
  padding-bottom: 12px !important;
}

.pl-12px,
.px-12px {
  padding-left: 12px !important;
}

.p-13px {
  padding: 13px !important;
}

.pt-13px,
.py-13px {
  padding-top: 13px !important;
}

.pr-13px,
.px-13px {
  padding-right: 13px !important;
}

.pb-13px,
.py-13px {
  padding-bottom: 13px !important;
}

.pl-13px,
.px-13px {
  padding-left: 13px !important;
}

.p-14px {
  padding: 14px !important;
}

.pt-14px,
.py-14px {
  padding-top: 14px !important;
}

.pr-14px,
.px-14px {
  padding-right: 14px !important;
}

.pb-14px,
.py-14px {
  padding-bottom: 14px !important;
}

.pl-14px,
.px-14px {
  padding-left: 14px !important;
}

.p-15px {
  padding: 15px !important;
}

.pt-15px,
.py-15px {
  padding-top: 15px !important;
}

.pr-15px,
.px-15px {
  padding-right: 15px !important;
}

.pb-15px,
.py-15px {
  padding-bottom: 15px !important;
}

.pl-15px,
.px-15px {
  padding-left: 15px !important;
}

.p-16px {
  padding: 16px !important;
}

.pt-16px,
.py-16px {
  padding-top: 16px !important;
}

.pr-16px,
.px-16px {
  padding-right: 16px !important;
}

.pb-16px,
.py-16px {
  padding-bottom: 16px !important;
}

.pl-16px,
.px-16px {
  padding-left: 16px !important;
}

.p-17px {
  padding: 17px !important;
}

.pt-17px,
.py-17px {
  padding-top: 17px !important;
}

.pr-17px,
.px-17px {
  padding-right: 17px !important;
}

.pb-17px,
.py-17px {
  padding-bottom: 17px !important;
}

.pl-17px,
.px-17px {
  padding-left: 17px !important;
}

.p-18px {
  padding: 18px !important;
}

.pt-18px,
.py-18px {
  padding-top: 18px !important;
}

.pr-18px,
.px-18px {
  padding-right: 18px !important;
}

.pb-18px,
.py-18px {
  padding-bottom: 18px !important;
}

.pl-18px,
.px-18px {
  padding-left: 18px !important;
}

.p-19px {
  padding: 19px !important;
}

.pt-19px,
.py-19px {
  padding-top: 19px !important;
}

.pr-19px,
.px-19px {
  padding-right: 19px !important;
}

.pb-19px,
.py-19px {
  padding-bottom: 19px !important;
}

.pl-19px,
.px-19px {
  padding-left: 19px !important;
}

.p-20px {
  padding: 20px !important;
}

.pt-20px,
.py-20px {
  padding-top: 20px !important;
}

.pr-20px,
.px-20px {
  padding-right: 20px !important;
}

.pb-20px,
.py-20px {
  padding-bottom: 20px !important;
}

.pl-20px,
.px-20px {
  padding-left: 20px !important;
}

.p-21px {
  padding: 21px !important;
}

.pt-21px,
.py-21px {
  padding-top: 21px !important;
}

.pr-21px,
.px-21px {
  padding-right: 21px !important;
}

.pb-21px,
.py-21px {
  padding-bottom: 21px !important;
}

.pl-21px,
.px-21px {
  padding-left: 21px !important;
}

.p-22px {
  padding: 22px !important;
}

.pt-22px,
.py-22px {
  padding-top: 22px !important;
}

.pr-22px,
.px-22px {
  padding-right: 22px !important;
}

.pb-22px,
.py-22px {
  padding-bottom: 22px !important;
}

.pl-22px,
.px-22px {
  padding-left: 22px !important;
}

.p-23px {
  padding: 23px !important;
}

.pt-23px,
.py-23px {
  padding-top: 23px !important;
}

.pr-23px,
.px-23px {
  padding-right: 23px !important;
}

.pb-23px,
.py-23px {
  padding-bottom: 23px !important;
}

.pl-23px,
.px-23px {
  padding-left: 23px !important;
}

.p-24px {
  padding: 24px !important;
}

.pt-24px,
.py-24px {
  padding-top: 24px !important;
}

.pr-24px,
.px-24px {
  padding-right: 24px !important;
}

.pb-24px,
.py-24px {
  padding-bottom: 24px !important;
}

.pl-24px,
.px-24px {
  padding-left: 24px !important;
}

.p-25px {
  padding: 25px !important;
}

.pt-25px,
.py-25px {
  padding-top: 25px !important;
}

.pr-25px,
.px-25px {
  padding-right: 25px !important;
}

.pb-25px,
.py-25px {
  padding-bottom: 25px !important;
}

.pl-25px,
.px-25px {
  padding-left: 25px !important;
}

.p-26px {
  padding: 26px !important;
}

.pt-26px,
.py-26px {
  padding-top: 26px !important;
}

.pr-26px,
.px-26px {
  padding-right: 26px !important;
}

.pb-26px,
.py-26px {
  padding-bottom: 26px !important;
}

.pl-26px,
.px-26px {
  padding-left: 26px !important;
}

.p-27px {
  padding: 27px !important;
}

.pt-27px,
.py-27px {
  padding-top: 27px !important;
}

.pr-27px,
.px-27px {
  padding-right: 27px !important;
}

.pb-27px,
.py-27px {
  padding-bottom: 27px !important;
}

.pl-27px,
.px-27px {
  padding-left: 27px !important;
}

.p-28px {
  padding: 28px !important;
}

.pt-28px,
.py-28px {
  padding-top: 28px !important;
}

.pr-28px,
.px-28px {
  padding-right: 28px !important;
}

.pb-28px,
.py-28px {
  padding-bottom: 28px !important;
}

.pl-28px,
.px-28px {
  padding-left: 28px !important;
}

.p-29px {
  padding: 29px !important;
}

.pt-29px,
.py-29px {
  padding-top: 29px !important;
}

.pr-29px,
.px-29px {
  padding-right: 29px !important;
}

.pb-29px,
.py-29px {
  padding-bottom: 29px !important;
}

.pl-29px,
.px-29px {
  padding-left: 29px !important;
}

.p-30px {
  padding: 30px !important;
}

.pt-30px,
.py-30px {
  padding-top: 30px !important;
}

.pr-30px,
.px-30px {
  padding-right: 30px !important;
}

.pb-30px,
.py-30px {
  padding-bottom: 30px !important;
}

.pl-30px,
.px-30px {
  padding-left: 30px !important;
}

.p-31px {
  padding: 31px !important;
}

.pt-31px,
.py-31px {
  padding-top: 31px !important;
}

.pr-31px,
.px-31px {
  padding-right: 31px !important;
}

.pb-31px,
.py-31px {
  padding-bottom: 31px !important;
}

.pl-31px,
.px-31px {
  padding-left: 31px !important;
}

.p-35px {
  padding: 35px !important;
}

.pt-35px,
.py-35px {
  padding-top: 35px !important;
}

.pr-35px,
.px-35px {
  padding-right: 35px !important;
}

.pb-35px,
.py-35px {
  padding-bottom: 35px !important;
}

.pl-35px,
.px-35px {
  padding-left: 35px !important;
}

.p-50px {
  padding: 50px !important;
}

.pt-50px,
.py-50px {
  padding-top: 50px !important;
}

.pr-50px,
.px-50px {
  padding-right: 50px !important;
}

.pb-50px,
.py-50px {
  padding-bottom: 50px !important;
}

.pl-50px,
.px-50px {
  padding-left: 50px !important;
}

.p-65px {
  padding: 65px !important;
}

.pt-65px,
.py-65px {
  padding-top: 65px !important;
}

.pr-65px,
.px-65px {
  padding-right: 65px !important;
}

.pb-65px,
.py-65px {
  padding-bottom: 65px !important;
}

.pl-65px,
.px-65px {
  padding-left: 65px !important;
}

.p-70px {
  padding: 70px !important;
}

.pt-70px,
.py-70px {
  padding-top: 70px !important;
}

.pr-70px,
.px-70px {
  padding-right: 70px !important;
}

.pb-70px,
.py-70px {
  padding-bottom: 70px !important;
}

.pl-70px,
.px-70px {
  padding-left: 70px !important;
}

.p-100px {
  padding: 100px !important;
}

.pt-100px,
.py-100px {
  padding-top: 100px !important;
}

.pr-100px,
.px-100px {
  padding-right: 100px !important;
}

.pb-100px,
.py-100px {
  padding-bottom: 100px !important;
}

.pl-100px,
.px-100px {
  padding-left: 100px !important;
}

.p-240px {
  padding: 240px !important;
}

.pt-240px,
.py-240px {
  padding-top: 240px !important;
}

.pr-240px,
.px-240px {
  padding-right: 240px !important;
}

.pb-240px,
.py-240px {
  padding-bottom: 240px !important;
}

.pl-240px,
.px-240px {
  padding-left: 240px !important;
}

.btn-tag {
  border: 2px solid #f0f4f7;
  padding: 11px 13px 7px;
  color: var(--light);
  font-size: 14px;
  margin: 0 1rem 1rem 0;
}

.btn-tag:hover {
  background-color: var(--primary);
  color: var(--white);
  box-shadow: 0 20px 42px 0 rgba(0, 129, 255, 0.3);
}

.rounded-top-left {
  border-top-left-radius: 0.5rem !important;
}

.rounded-top-right {
  border-top-right-radius: 0.5rem !important;
}

.rounded-tr-bl-br {
  border-top-right-radius: 0.5rem;
  border-bottom-left-radius: 0.5rem;
  border-bottom-right-radius: 0.5rem;
}

.border-white {
  border-bottom: 3px solid white;
}

.montserrat {
  font-family: "Montserrat", sans-serif;
}

.montserrat-dark {
  font-family: "Montserrat", sans-serif;
  color: #252525;
}

.fs14-montserrat-dark-700 {
  font-size: 14px;
  font-family: "Montserrat", sans-serif;
  color: #252525;
  font-weight: 700;
}

.montserrat-light {
  color: var(--light);
  font-family: "Montserrat", sans-serif;
}

.montserrat-900 {
  font-weight: 900;
  font-family: "Montserrat", sans-serif;
}

.montserrat-700 {
  font-weight: 700;
  font-family: "Montserrat", sans-serif;
}

.montserrat-dark-800 {
  font-weight: 800;
  color: #252525;
  font-family: "Montserrat", sans-serif;
}

.montserrat-800 {
  font-weight: 800;
  font-family: "Montserrat", sans-serif;
}

.fs24-coustard {
  font-size: 24px;
  font-family: 'Coustard', serif;
}

.fs16-coustard {
  font-size: 16px;
  font-family: 'Coustard', serif;
}

.form-control:focus {
  background-color: var(--white);
  border: 2px solid #f3f4f6;
}

.pagination {
  box-shadow: 0 1px 20px 10px rgba(238, 238, 238, 0.57);
  font-size: 14px;
  font-family: "Montserrat", sans-serif;
  font-weight: 700;
  padding: 25px 0;
  border-radius: 0;
}

.pagination a {
  color: var(--dark);
}

.pagination a:hover {
  color: var(--light);
}

.pagination .prev {
  position: absolute;
  left: 30px;
}

.pagination .next {
  position: absolute;
  right: 15px;
}

.swiper-pagination .swiper-pagination-bullet {
  height: 5px !important;
}

.swiper-pagination .swiper-pagination-bullet-active {
  background-color: #8799a3;
}

.swiper-container-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet {
  padding: 0px 9px;
  border-radius: 10px;
}

.side-bar-section .advertisement .img_size {
  height: 268px;
  border-radius: 10px;
}

.side-bar-section .advertisement .overlay {
  height: 100%;
  background: linear-gradient(to left, rgba(51, 51, 255, 0.65098) 0%, rgba(255, 0, 255, 0.54902) 100%);
  border-radius: 10px;
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  overflow: hidden;
  transition: .5s ease;
  box-shadow: 0 0 20px 0 rgba(204, 204, 204, 0.878431);
}

.side-bar-section .advertisement .overlay .text1 {
  color: white;
  padding-top: 75px;
  text-align: center;
}

.side-bar-section .advertisement .overlay .readmore_btn {
  color: white;
  background-color: #e91d62;
  font-size: 12px;
}

.side-bar-section .advertisement .overlay .readmore_btn:hover {
  box-shadow: 1px 9px 31px 9px rgba(233, 29, 98, 0.521569);
}

.side-bar-section .latest-news .latest-news-block:hover .hvr_img {
  opacity: 0.5;
}

.side-bar-section .latest-news .latest-news-block:hover .hvr_text {
  color: var(--light);
}

.slider.slick-slider.slick-dotted {
  width: 100%;
  margin: 0 auto 6rem auto;
}

.slider.slick-slider.slick-dotted .slick-prev {
  display: none !important;
}

.slider.slick-slider.slick-dotted .slick-next {
  display: none !important;
}

.slider.slick-slider.slick-dotted .slick-slide {
  transition: all ease-in-out .3s;
  opacity: 0.5;
  margin: 0 10px;
}

.slider.slick-slider.slick-dotted .slick-slide img {
  width: 100%;
}

.slider.slick-slider.slick-dotted .slick-active, .slider.slick-slider.slick-dotted .slick-current {
  opacity: 1;
}

.slider.slick-slider.slick-dotted .slick-dots {
  bottom: -48px !important;
}

.slider.slick-slider.slick-dotted .slick-dots .slick-active #slick-slide-control01:before,
.slider.slick-slider.slick-dotted .slick-dots .slick-active #slick-slide-control02:before,
.slider.slick-slider.slick-dotted .slick-dots .slick-active #slick-slide-control00:before {
  background-color: #8799A3;
  opacity: 1.5 !important;
}

.slider.slick-slider.slick-dotted .slick-dots li button::before {
  background-color: #dae4ea;
  border-radius: 50px !important;
  height: 8px !important;
  content: '' !important;
}

.btn-position {
  border: none;
  font-size: 11px;
  position: absolute;
  top: 6%;
  left: 6%;
  z-index: 1;
}

.deleted-price {
  color: #b7c6ce;
  font-size: 20px;
  font-family: "Montserrat", sans-serif;
}

.original-price {
  color: #39b54a;
  font-weight: 900;
  font-family: "Montserrat", sans-serif;
}

.size button {
  height: 40px;
  width: 40px;
  padding: 0;
  border: none;
  box-shadow: 0px 15px 145px 10px rgba(0, 0, 0, 0.15);
  background-color: var(--white);
  color: var(--light);
}

.size button:focus, .size button:active {
  outline: none;
  background: var(--light);
  color: var(--white);
}

.input-group.bootstrap-touchspin {
  border: 2px solid #eceef2;
  border-radius: 30px;
  width: 181px;
}

.input-group.bootstrap-touchspin .bootstrap-touchspin-up {
  background: var(--white);
  color: var(--gray);
}

.input-group.bootstrap-touchspin .bootstrap-touchspin-down {
  background: var(--white);
  color: var(--gray);
}

.input-group.bootstrap-touchspin #demo1 {
  border: none !important;
  text-align: center;
  cursor: pointer;
  background-color: #fff;
}

.has-error .help-block, .has-error .input-group-addon, .has-error .radio, .has-error .radio-inline {
  color: #f04e4e !important;
}

.has-error input {
  border-color: #f04e4e !important;
}

.has-error textarea {
  border-color: #f04e4e !important;
}

.has-success textarea {
  border-color: #ddd !important;
}

.has-success .check {
  display: block;
  color: #39b54a;
}

.check {
  position: absolute;
  top: 10px;
  right: -2px;
  margin: 44px;
  display: none;
}

.cart_btn {
  text-align: center;
  position: relative;
}

.cart_btn:hover .img_rad {
  opacity: 0.3;
}

.cart_btn:hover .middle {
  opacity: 1;
}

.cart_btn .middle {
  width: 180px;
  transition: .5s ease;
  opacity: 0;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
}

#slider {
  font-size: 16px;
  color: var(--light);
  font-weight: 700;
}

.slider .slider-track {
  background-image: linear-gradient(to bottom, #f3f4f6 0, #f3f4f6 100%);
}

.slider .slider-track .slider-selection {
  background-image: linear-gradient(to bottom, #0682fc 0, #0682fc 100%);
}

.slider .slider-handle {
  background-color: #fff !important;
  background-image: none !important;
  box-shadow: 2px 2px 27px 5px rgba(204, 204, 204, 0.55);
}

.slider.slider-horizontal {
  width: 100% !important;
  margin: 0;
}

.preloader {
  height: 95vh;
  width: 95vw;
  overflow: hidden;
  position: fixed;
  background-color: white;
  z-index: 9999999;
  height: 100%;
  width: 100%;
}

.loader {
  height: 20px;
  width: 250px;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  margin: auto;
}

.loader--dot {
  animation-name: loader;
  animation-timing-function: ease-in-out;
  animation-duration: 3s;
  animation-iteration-count: infinite;
  height: 20px;
  width: 20px;
  border-radius: 100%;
  background-color: black;
  position: absolute;
  border: 2px solid white;
}

.loader--dot:first-child {
  background-color: #8cc759;
  animation-delay: 0.5s;
}

.loader--dot:nth-child(2) {
  background-color: #8c6daf;
  animation-delay: 0.4s;
}

.loader--dot:nth-child(3) {
  background-color: #ef5d74;
  animation-delay: 0.3s;
}

.loader--dot:nth-child(4) {
  background-color: #f9a74b;
  animation-delay: 0.2s;
}

.loader--dot:nth-child(5) {
  background-color: #60beeb;
  animation-delay: 0.1s;
}

.loader--dot:nth-child(6) {
  background-color: #fbef5a;
  animation-delay: 0s;
}

.loader--text {
  position: absolute;
  top: 200%;
  left: 0;
  right: 0;
  width: 4rem;
  margin: auto;
}

.loader--text:after {
  content: "Loading";
  font-weight: bold;
  animation-name: loading-text;
  animation-duration: 3s;
  animation-iteration-count: infinite;
}

@keyframes loader {
  15% {
    transform: translateX(0);
  }
  45% {
    transform: translateX(230px);
  }
  65% {
    transform: translateX(230px);
  }
  95% {
    transform: translateX(0);
  }
}

@keyframes loading-text {
  0% {
    content: "Loading";
  }
  25% {
    content: "Loading.";
  }
  50% {
    content: "Loading..";
  }
  75% {
    content: "Loading...";
  }
}

/*
1. Header Css
header related custom classes will come here
 */
.header .nav-top-black-background {
  background-color: #faf8fc;
  padding: 10px;
}

.header .fa-envelope-o, .header .mail-id {
  color: #8799a3;
  cursor: pointer;
}

.header .fa-volume-control-phone, .header .phone-number {
  color: white;
}

.header .phone-number, .header .mail-id {
  font-size: 16px;
  font-family: 'Cambay', sans-serif;
  color: #8799a3;
}

.header .social-icons ul {
  margin-bottom: 0 !important;
}

.header .social-icons ul li {
  display: inline-block;
}

.header .social-icons ul {
  padding-left: 0;
}

.header .social-icons ul li a {
  color: #c6d3dd;
  margin-left: 14px;
}

.header .fa-facebook:hover {
  color: #3b5998;
}

.header .fa-twitter:hover {
  color: #1dcaff;
}

.header .fa-google-plus:hover {
  color: #d34836;
}

.header .fa-linkedin:hover {
  color: #0077b5;
}

@media (min-width: 320px) and (max-width: 425px) {
  .header .facebook-header {
    margin-left: 0 !important;
  }
}

.navslider .dropdown-menu > .dropdown-item {
  font-size: 14px;
  color: #252525;
  font-family: 'Montserrat', sans-serif;
  font-weight: 700;
  line-height: 30px;
}

.navslider .dropdown-menu > .dropdown-item:hover {
  color: white;
  background-color: #8799a3;
}

.navslider .dropdown-menu {
  border-radius: 10px;
}

.navslider .dropdown-menu > .dropdown-item:active {
  background-color: #0081FF !important;
  color: #fff !important;
}

.navslider button:focus {
  outline: 1px dotted;
  background-color: white;
}

.navslider.bg-light {
  background-color: transparent !important;
}

.navslider .nav_icons {
  color: #fff;
  padding: 6px 0 23px 12px;
}

.navslider .nav_icons .search_image {
  margin-left: 10px;
}

.navslider .nav_icons .cart:after {
  position: absolute;
  transform: translateY(-50%);
  top: 50%;
  width: 36px;
  text-align: center;
}

.navslider .input_effects {
  padding: 15px 33px;
  background-color: #efefef;
  border-radius: 23px;
  border-color: #efefef;
  color: #8799a3;
}

.navslider .background_efcts {
  border: 1px solid #eee;
  padding: 10px 10px;
  background-color: rgba(123, 110, 110, 0.631373);
  border-radius: 11px;
}

.navslider .display {
  display: none;
}

.navslider .nav_right_icon {
  color: #cdced4;
  position: relative;
  right: 10%;
}

.navslider .text_bold {
  font-size: 50px;
  font-weight: 900;
}

.navslider .nav_icons.cart {
  position: relative;
}

.navslider .noti {
  position: absolute;
  width: 17px;
  height: 17px;
  line-height: 1.7;
  padding-left: 7px;
  left: 21px;
  top: 9px;
  border-radius: 50%;
  display: block;
  background-color: #0081ff;
  font-size: 10px;
  color: #fff;
}

.navslider .navbar-toggler {
  border-color: #fff;
}

@media (min-width: 320px) and (max-width: 990px) {
  .navslider .nav_icons .search_image {
    margin-left: 0;
  }
}

@media (min-width: 768px) and (max-width: 1024px) {
  .navslider .navbar-nav > li > a {
    font-size: 14px !important;
  }
}

@media (min-width: 320px) and (max-width: 475px) {
  .header-breadcrumb .breadcrumb li {
    padding: 17px !important;
  }
}

@media (min-width: 426px) and (max-width: 767px) {
  .social-icons {
    margin-left: -15px;
  }
}

.navslider .pad_btm {
  padding-bottom: 15px !important;
}

.navslider nav {
  padding-top: 1rem !important;
  padding-bottom: 5rem !important;
}

.navslider .navbar-nav .dropdown .dropdown-menu-main .dropdown-submenu:hover .dropdown-menu {
  display: block;
}

.navslider .navbar-nav .dropdown-main:hover .dropdown-menu-main, .navslider .navbar-nav .dropdown-main .dropdown-menu-main:hover {
  display: block;
}

.navslider .widget-holder {
  top: 51%;
}

@media (max-width: 991px) {
  .navslider nav {
    padding-top: 1rem !important;
    padding-bottom: 5.5rem !important;
  }
}

@media (max-width: 991px) {
  .canavs_search_icons {
    margin-top: 20px;
    margin-bottom: 20px;
  }
}

@media (min-width: 320px) and (max-width: 991px) {
  .search-padding-adjust {
    padding-left: 1.5rem !important;
  }
}

.search_wrap #search-close:before {
  content: '';
  width: 60px;
  height: 60px;
  border: 4px solid #fff;
  position: absolute;
  left: -65%;
  top: -65%;
  border-radius: 50%;
  cursor: pointer;
  outline: none !important;
}

.input-search::-webkit-input-placeholder {
  color: #fff;
  cursor: pointer;
}

.input-search:-moz-placeholder, .input-search::-moz-placeholder {
  color: #fff;
  cursor: pointer;
}

#search-large {
  display: none;
}

#search_large {
  position: fixed;
  width: 100%;
  height: 100%;
  background: rgba(16, 127, 201, 0.6);
  left: 0;
  top: 0;
  margin: 0 auto;
  z-index: 9999;
}

.search_wrap {
  margin: 0 auto;
  max-width: 800px;
  padding-top: 350px;
}

.search_wrap input#search_input {
  background: 0 0;
  border: 0;
  width: 87%;
  line-height: 65px;
  outline: 0 !important;
  color: #fff;
  font-size: 25px;
  padding-left: 10px;
  border-bottom: 1px solid #fff;
}

.search_wrap button#submit_search {
  border: none;
  background: transparent;
}

.search_wrap #search-close {
  background: none;
  position: absolute;
  top: 45%;
  left: 45%;
  border: none;
  cursor: pointer;
  outline: none !important;
}

.navslider .email-sec:hover i, .navslider .phone-sec:hover i {
  color: #252525;
}

figure.img-item {
  position: relative;
  overflow: hidden;
}

figure.img-item img {
  transition: all 0.5s;
}

figure.img-item:hover img {
  transform: scale(1.1);
}

.select1 #prettydropdown-country {
  width: 100%;
}

.select1 .prettydropdown > ul {
  width: 100% !important;
  min-height: 56px  !important;
  border-radius: 50px;
  outline: none;
  background-color: #f3f4f6;
  border: 1px solid #F3F4F6;
  font-size: 14px;
  color: #8799a3;
  font-weight: 700;
}

.select1 .prettydropdown > ul:focus {
  background-color: #fff;
  border-top-color: #fff;
  border: 1px solid #f3f4f6;
}

.select1 .prettydropdown > ul > li {
  padding-left: 1.5rem !important;
  width: 100% !important;
  height: 55px !important;
  line-height: 56px !important;
}

.select1 .prettydropdown:not(disabled) > ul:hover {
  border: 1px solid #f3f4f6;
}

.select1 .prettydropdown.arrow > ul > li.selected:before {
  right: 31px;
}

.select1 .prettydropdown.arrow > ul > li.selected:after {
  top: 4px;
  border-top-color: #f3f4f6;
  right: 31px;
}

.dropdown .prettydropdown > ul {
  border-radius: 24px !important;
  color: #8799a3;
  border: 2px solid #e8eaee;
  font-size: 16px;
}

.dropdown .prettydropdown > ul:focus {
  outline: none !important;
}

.dropdown .prettydropdown.arrow > ul > li {
  font-size: 16px;
  color: #8799a3;
  font-weight: 700;
}

.dropdown .prettydropdown > ul:focus, .dropdown .prettydropdown:not(.disabled) > ul:hover {
  border-color: #e8eaee !important;
}

.dropdown .prettydropdown.arrow > ul > li.selected:before, .dropdown .prettydropdown.arrow > ul > li.selected:after {
  right: 16px;
}

.dropdown #prettydropdown-qty ul > li {
  width: 230px !important;
  padding-left: 20px;
}

/*
2. Footer Css
footer related custom classes will come here
 */
.footer {
  background-color: black;
}

.footer .icons {
  color: #464646;
  font-size: 14px;
  margin-left: 14px;
}

.footer .icons:hover {
  color: var(--light);
}

.footer .copy_bg {
  border-top: 1px solid #343a40;
  padding: 10px 0;
  position: relative;
}

.footer .copy_text {
  padding: 10px 0;
  color: #464646;
  font-size: 16px;
}

.footer .back_top {
  padding: 5px;
  font-weight: 700;
  cursor: pointer;
}

.footer .form-control {
  background-color: var(--dark);
  outline: none;
  padding: 12px 0 9px 23px;
  border: none;
}

.footer .input-group-text {
  border: none;
  background-color: var(--dark);
  padding: 0.5rem 1rem;
}

.footer .input-group input:focus {
  color: var(--light);
}

.footer .input-group > .input-group-prepend > .input-group-text {
  border-top-right-radius: 1.875rem;
  border-bottom-right-radius: 1.875rem;
}

/*
1. Header Css
header related custom classes will come here
 */
.top .nav-top-black-background {
  background-color: #faf8fc;
  padding: 10px;
}

.top .fa-envelope-o, .top .mail-id {
  color: #8799a3;
  cursor: pointer;
}

.top .fa-volume-control-phone, .top .phone-number {
  color: white;
}

.top .phone-number, .top .mail-id {
  font-size: 16px;
  font-family: 'Cambay', sans-serif;
  color: #8799a3;
}

.top .phone-number:hover {
  color: #252525;
}

.top .social-icons ul {
  margin-bottom: 0 !important;
}

.top .social-icons ul li {
  display: inline-block;
}

.top .social-icons ul {
  padding-left: 0;
}

.top .social-icons ul li a {
  color: #c6d3dd;
  margin-left: 14px;
}

.top .fa-facebook:hover {
  color: #3b5998;
}

.top .fa-twitter:hover {
  color: #1dcaff;
}

.top .fa-google-plus:hover {
  color: #d34836;
}

.top .fa-linkedin:hover {
  color: #0077b5;
}

@media (min-width: 320px) and (max-width: 425px) {
  .top .facebook-header {
    margin-left: 0 !important;
  }
}

.navbar .dropdown-menu > .dropdown-item {
  font-size: 14px;
  color: #252525;
  font-family: 'Montserrat', sans-serif;
  font-weight: 700;
  line-height: 30px;
}

.navbar .dropdown-item {
  font-size: 14px;
  color: #252525;
  font-family: 'Montserrat', sans-serif;
  font-weight: 700;
  line-height: 30px;
}

.navbar .angleright {
  margin-left: 26px;
}

.navbar .dropdown-menu > .dropdown-item:hover {
  color: white;
  background-color: #8799a3;
}

.navbar .dropdown-item:hover {
  color: white !important;
  background-color: #8799a3;
}

.navbar .dropdown-menu {
  border-radius: 10px;
}

.navbar .navbar-nav .dropdown-menu {
  top: 95%;
}

.navbar .navbar-nav li.active .menu2 {
  color: #8799a3;
}

.navbar .dropdown-menu > .dropdown-item.active {
  background-color: #0081FF !important;
  color: #fff !important;
}

.navbar .dropdown-menu > .dropdown-item.active {
  background-color: #0081FF !important;
  color: #fff !important;
}

.navbar .dropdown-item.active {
  background-color: #0081FF !important;
  color: #fff !important;
}

.navbar .dropdown-submenu {
  position: relative;
}

.navbar .dropdown-item:focus {
  background-color: #0081FF;
  color: #fff !important;
}

.navbar .dropdown-submenu .dropdown-menu {
  top: 0;
  left: 100%;
  margin-top: -8px;
}

.navbar .navbar-nav .dropdown:hover .menu2 {
  color: #8799a3;
}

.navbar .navbar-nav .dropdown .dropdown-menu-main .dropdown-submenu:hover .dropdown-menu {
  display: block;
}

.navbar .dropdown-submenu .active + .dropdown-menu {
  display: block !important;
}

.navbar .navbar-nav .dropdown-main:hover .dropdown-menu-main, .navbar .navbar-nav .dropdown-main .dropdown-menu-main:hover {
  display: block;
}

.navbar button:focus {
  outline: 1px dotted;
  background-color: white;
}

.navbar.bg-light {
  background-color: transparent !important;
}

.navbar .nav_icons {
  color: #fff;
  padding: 6px 0 23px 12px;
}

.navbar .nav_icons .search_image {
  margin-left: 10px;
}

.navbar .nav_icons .cart:after {
  position: absolute;
  transform: translateY(-50%);
  top: 50%;
  width: 36px;
  text-align: center;
}

.navbar .input_effects {
  padding: 15px 33px;
  background-color: #efefef;
  border-radius: 23px;
  border-color: #efefef;
  color: #8799a3;
}

.navbar .background_efcts {
  border: 1px solid #eee;
  padding: 10px 10px;
  background-color: rgba(123, 110, 110, 0.631373);
  border-radius: 11px;
}

.navbar .display {
  display: none;
}

.navbar .nav_right_icon {
  color: #cdced4;
  position: relative;
  right: 10%;
}

.navbar .text_bold {
  font-size: 50px;
  font-weight: 900;
}

.navbar .nav_icons.cart {
  position: relative;
}

.navbar .noti {
  position: absolute;
  width: 15px;
  height: 15px;
  line-height: 1.7;
  padding: 0 1px 0 5px;
  left: 21px;
  top: 9px;
  border-radius: 50%;
  display: block;
  background-color: #0081ff;
  font-size: 9px;
  color: #fff;
}

@media (min-width: 320px) and (max-width: 990px) {
  .navbar .nav_icons .search_image {
    margin-left: 0;
  }
}

@media (min-width: 768px) and (max-width: 1024px) {
  .navbar .navbar-nav > li > a {
    font-size: 14px !important;
  }
}

.navbar .navbar-nav .li-active-color.active a, .navbar .navbar-nav .li-active-color:hover a {
  color: #8799a3;
}

#box {
  box-shadow: 1px 1px 19px 2px rgba(0, 0, 0, 0.15) !important;
}

@media (min-width: 320px) and (max-width: 475px) {
  .header-breadcrumb .breadcrumb li {
    padding: 17px !important;
  }
}

@media (min-width: 426px) and (max-width: 767px) {
  .social-icons {
    margin-left: -15px;
  }
}

@media (max-width: 991px) {
  .canavs_search_icons {
    margin-top: 20px;
    margin-bottom: 20px;
  }
}

@media (min-width: 320px) and (max-width: 425px) {
  .search-padding-adjust {
    padding-left: 1.5rem !important;
  }
}

.search_wrap #search-close:before {
  content: '';
  width: 60px;
  height: 60px;
  border: 4px solid #fff;
  position: absolute;
  left: -65%;
  top: -65%;
  border-radius: 50%;
  cursor: pointer;
  outline: none !important;
}

.input-search::-webkit-input-placeholder {
  color: #fff;
  cursor: pointer;
}

.input-search:-moz-placeholder, .input-search::-moz-placeholder {
  color: #fff;
  cursor: pointer;
}

#search-large {
  display: none;
}

#search_large {
  position: fixed;
  width: 100%;
  height: 100%;
  background: rgba(16, 127, 201, 0.6);
  left: 0;
  top: 0;
  margin: 0 auto;
  z-index: 9999;
}

.search_wrap {
  margin: 0 auto;
  max-width: 800px;
  padding-top: 350px;
}

.search_wrap input#search_input {
  background: 0 0;
  border: 0;
  width: 87%;
  line-height: 65px;
  outline: 0 !important;
  color: #fff;
  font-size: 25px;
  padding-left: 10px;
  border-bottom: 1px solid #fff;
}

.search_wrap button#submit_search {
  border: none;
  background: transparent;
}

.search_wrap #search-close {
  background: none;
  position: absolute;
  top: 45%;
  left: 45%;
  border: none;
  cursor: pointer;
  outline: none !important;
}

.email-sec:hover i, .email-sec:hover span {
  color: #252525;
}

.widget-holder {
  visibility: hidden;
  opacity: 0;
  padding: 20px;
  transition: all .3s;
  position: absolute;
  top: 100%;
  margin-top: 0;
  right: 0;
  width: 300px;
  background: #fff;
  border-radius: 11px;
  box-shadow: 0 10px 90px 0 rgba(0, 0, 0, 0.07);
  z-index: 999;
}

.widget-holder form {
  margin: 0;
  padding: 0;
}

.ajax-search-form {
  position: relative;
}

.input_adjust {
  font-size: 14px;
  line-height: 20px;
  color: #8799a3;
  border-radius: 25px;
  background-color: #fff;
  transition: all 300ms;
  padding: 15px 28px;
  border: 2px solid  #eceef2;
  outline: none;
  font-family: 'Work Sans', sans-serif;
}

.input_adjust:focus {
  border: 2px solid  #eceef2 !important;
}

.widget-holder.show {
  opacity: 1;
  visibility: visible;
}

@media (max-width: 991px) {
  .widget-holder {
    left: 0;
  }
}

.display_cancel {
  display: block !important;
}

.search-close {
  position: absolute;
  top: 36%;
  right: 15px;
  color: #f04e4e;
  display: none;
}

.menu_color {
  background-color: #8799a3;
  color: #fff !important;
}

.navbar-toggler {
  border: 1px solid !important;
}

.navbar-toggler .collapse show {
  border: 1px solid !important;
  outline: none !important;
}

@media (min-width: 320px) and (max-width: 991px) {
  .navbar {
    padding: 1rem 0 !important;
  }
}

.navbar-fixed {
  position: fixed;
  top: 0;
  background-color: white !important;
  width: 100%;
  transition: all 1s;
  z-index: 9999;
  box-shadow: 0 20px 80px 0 rgba(0, 0, 0, 0.06);
}

.changed-navbar-position {
  position: relative !important;
}

@media (max-width: 575px) {
  .padding_leftrgt {
    padding-left: 15px !important;
    padding-right: 15px !important;
  }
}

#image_404page {
  background-image: url("../images/photos/404page.png");
  background-size: cover;
  background-position: center;
}

#image_about_us {
  background-size: cover;
  background-position: center;
  background-image: url("../images/photos/about_backgroundimage.png");
}

.about_us .swiper-container2 {
  width: 100%;
  height: 100%;
  overflow: hidden;
}

.about_us .swiper-container2 .swiper-slide {
  font-size: 18px;
  display: flex;
  justify-content: center;
  align-items: center;
  border: none;
}

.about_us .swiper-container-horizontal > .swiper-pagination-bullets {
  position: relative;
  bottom: 0;
  margin-bottom: 5rem;
}

.about_us .swiper-container-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet {
  width: 20px;
  height: 5px;
  border-radius: 5px;
}

.about_us .swiper-pagination-bullet-active {
  background: #8799a3;
  opacity: 1 !important;
}

.about_us .swiper-pagination-bullet {
  background: #8799a3;
}

.about_us .solution-section .about-first-line:after {
  content: "";
  width: 70%;
  border-radius: 10px;
  border: 2px solid #1a8eff;
  position: absolute;
  top: 35px;
  left: 27%;
}

@media (min-width: 768px) and (max-width: 991px) {
  .about_us .solution-section .about-first-line:after {
    top: 27px;
    left: 34%;
  }
}

.about_us .full-width {
  padding-right: 0;
  padding-left: 0;
}

.about_us .video_backgroundimage {
  width: 100%;
  height: 583px;
  background: transparent url("../images/photos/about_videobackgroundimage.png") no-repeat 0 0;
  background-size: cover;
  background-position: center center;
  background-attachment: fixed;
  display: flex;
  justify-content: center;
  align-items: center;
}

@media (min-width: 320px) and (max-width: 575px) {
  .about_us .video_backgroundimage {
    height: 735px;
  }
  .about_us .video_backgroundimage h1 {
    font-size: 32px;
  }
}

.about_us .about_testmonial {
  background-color: #f3f4f6;
  padding-top: 4rem;
}

.about_us .about_testmonial .box_padd {
  padding: 35px;
  background-color: #fff;
  position: relative;
  border-radius: 10px;
  box-shadow: 0px 1px 92px 18px rgba(237, 237, 237, 0.55);
}

.about_us .about_testmonial .box_padd .img_shadow {
  position: absolute;
  top: -33px;
  left: 51px;
  box-shadow: 4px 1px 20px 10px #eaeaea;
}

.about_us .about_testmonial .box_padd .quotation-img {
  font-size: 60px;
  color: #f3f4f6;
}

.about_us .skills-section .slider-horizontal {
  width: 100% !important;
  margin-top: -10px;
}

.about_us .skills-section #RC .slider-selection {
  background: #7a00ff !important;
}

.about_us .skills-section #GC .slider-selection {
  background: #f23843;
}

.about_us .skills-section #BC .slider-selection {
  background: #60bd44;
}

.about_us .skills-section .slider-handle {
  background-color: #ffffff !important;
  background: none;
  box-shadow: 2px 8px 20px 6px #eaeaea;
}

.about_us .project-background {
  background-size: cover;
  background-position: center;
  background-image: url("../images/photos/about_projectimage.png");
  padding: 4rem 5rem 5rem;
}

@media (min-width: 320px) and (max-width: 575px) {
  .about_us .project-background {
    padding: 2rem 1.5rem 3.5rem !important;
  }
  .about_us .project-background .btn-extra-lg {
    padding: 21px 64px;
  }
  .about_us h1 {
    font-size: 32px;
  }
}

@media (min-width: 768px) and (max-width: 991px) {
  .about_us div.project-background {
    padding: 2rem 2.5rem 5rem;
  }
}

@media (min-width: 992px) and (max-width: 1024px) {
  .about_us div.project-background {
    padding: 2rem 4rem 3.5rem;
  }
}

.about_us .swiper4-bgcolor {
  background-color: #eaecee;
  padding: 4rem 0 0 0;
}

.about_us .swiper4-bgcolor .swiper-container4 .swiper-wrapper {
  height: auto;
}

.about_us .swiper4-bgcolor .swiper-container4 .swiper-slide-next {
  box-shadow: 0 1px 40px 14px #e1e1e1;
}

.about_us .swiper4-bgcolor .swiper-container4 .img-shadow {
  box-shadow: 0 1px 40px 14px #e1e1e1;
}

.about_us .swiper4-bgcolor .swiper-container4 .employee-name {
  color: var(--primary);
  font-weight: 900;
  font-size: 20px;
}

.about_us .swiper4-bgcolor .swiper-container4 .employee-name:hover {
  color: #8799a3 !important;
  cursor: pointer;
}

.about_us .about_logo {
  opacity: 0.3;
}

.about_us .about_logo:hover {
  opacity: 1;
  cursor: pointer;
}

#image_audio_post {
  background-size: cover;
  background-position: center;
  background-image: url("../images/photos/audiopost.png");
}

.audiopost iframe {
  width: 100%;
  height: 260px;
}

@media (min-width: 320px) and (max-width: 767px) {
  .audiopost .background_image {
    padding: 18px;
  }
  .audiopost .align {
    text-align: center;
  }
  .audiopost .align_margin {
    margin-left: 0;
  }
}

@media (min-width: 992px) and (max-width: 1199px) {
  .audiopost .align_margin {
    margin-left: -12px;
  }
}

@media (min-width: 320px) and (max-width: 991px) {
  .audiopost .top_logo {
    margin-top: 4rem;
  }
}

.audiopost .arrow-prev {
  border-right: 1px solid #eee;
  height: 60px;
  position: relative;
  top: 4px;
}

.audiopost .arrow-next {
  border-left: 1px solid #eee;
  height: 60px;
  position: relative;
  top: 4px;
}

.search-close6 {
  position: absolute;
  top: 50%;
  color: #f04e4e;
  right: 33px;
  display: none;
}

.padd_top {
  padding-top: 1.1rem;
}

#image_blog_masonry, #image_blog_classic {
  background-size: cover;
  background-position: center;
  background-image: url("../images/photos/blog_masonry_headerimage.png");
}

.blog_masonry .card-columns {
  column-gap: 2.50rem;
}

.blog_masonry .card {
  box-shadow: 0px 10px 40px 0px rgba(0, 0, 0, 0.12);
  margin-bottom: 40px;
  position: static;
}

.blog_masonry .card img {
  border-top-left-radius: 0.5rem !important;
  border-top-right-radius: 0.5rem !important;
}

.blog_masonry .card .card-body {
  padding: 2.5rem;
}

.blog_masonry .card .card-title:hover {
  color: var(--light);
}

.blog_masonry .plyr-block video {
  width: 100%;
  height: auto;
  background: transparent url("../images/photos/video_poster.png") no-repeat 0 0;
  background-size: cover;
}

.blog_masonry .plyr-block .plyr__play-large {
  background: transparent;
}

.blog_masonry .plyr-block .plyr__video-wrapper {
  border-top-left-radius: 0.5rem;
  border-top-right-radius: 0.5rem;
}

.blog_masonry iframe {
  width: 100%;
  height: 267px;
  border: none;
}

.blog_masonry .lazyload {
  visibility: hidden;
}

#image_blog_row {
  background-size: cover;
  background-position: center;
  background-image: url("../images/photos/blog_masonry_headerimage.png");
}

.blog-row .card {
  box-shadow: none;
}

.blog-row .card hr {
  margin-top: 2rem;
}

.blog-row .video_icon {
  position: absolute;
  top: 37%;
  margin-left: 9rem;
}

#image_cart {
  background: url("../images/photos/cartheader.png");
  background-size: cover;
  background-position: center;
  height: 260px;
}

.cart .table .thead-dark th {
  padding: 2rem 1.5rem;
}

.cart .table .thead-dark th:last-child {
  min-width: 200px;
}

.cart .table .demo {
  font-size: 16px;
  color: var(--dark);
  font-family: "Montserrat", sans-serif;
  border: 2px solid #eceef2;
  border-left: none;
  font-weight: bold;
  border-right: none;
  width: 56px;
  background-color: #fff;
}

.cart .table .input-group .input-group-addon {
  background: none;
  border: 2px solid #eceef2;
  padding: 14px 15px 11px 15px;
  cursor: pointer;
}

.cart .table .input-group .input-group-addon:nth-child(1) {
  border-right: none;
  border-top-left-radius: 30px;
  border-bottom-left-radius: 30px;
  color: #bbc7cd;
  font-size: 24px;
}

.cart .table .input-group .bootstrap-touchspin-up1 {
  border-left: none;
  border-top-right-radius: 30px;
  border-bottom-right-radius: 30px;
  color: #bbc7cd;
  font-size: 24px;
  font-family: "Montserrat", sans-serif;
}

.cart .table .input-group .bootstrap-touchspin-up1:hover {
  color: var(--light);
}

.cart .table .input-group .bootstrap-touchspin-down1 {
  border-right: none;
  color: #bbc7cd;
  font-size: 24px;
  font-family: "Montserrat", sans-serif;
}

.cart .table .input-group .bootstrap-touchspin-down1:hover {
  color: var(--light);
}

.cart .hover-color:hover .fa-times {
  color: var(--danger);
}

.cart .hover-color:hover .product-name {
  color: var(--light);
}

.cart .background-color {
  background-color: #f9f9fb;
  padding: 14px;
}

.cart .background-color .form-control {
  width: 230px;
  background-color: inherit;
  color: var(--light);
}

.cart .background-color .form-control:focus {
  background-color: #fff;
}

.cart .cart-total .btn-extra-lg {
  width: 80%;
}

#image_Checkout {
  background-image: url("../images/photos/cartheader.png");
  background-size: cover;
  background-position: center;
}

.checkout .form-control {
  font-size: 14px;
}

.checkout .custom-control-input:checked ~ .custom-control-label::before {
  color: #fff;
  border-color: var(--light);
  background-color: var(--light);
}

#image_portfolio_masonry, #image_portfolio_grid {
  background: url(../images/photos/portfolio_headerimg1.png);
  background-size: cover;
  background-position: center;
}

.portfolio_masonry-menu-group .list {
  padding: 0.6rem 1.5rem;
  cursor: pointer;
  font-size: 16px;
  font-family: "Montserrat", sans-serif;
  color: var(--dark);
}

.portfolio_masonry-menu-group .list.active, .portfolio_masonry-menu-group .list:hover {
  padding: 0.6rem 1.5rem;
  color: #0081ff;
}

.portfolio_masonry {
  margin-left: -15px;
  margin-right: -15px;
}

.portfolio_masonry [class^=imghvr-] {
  border-radius: 7px;
  background-color: #2b92f6;
}

.portfolio_masonry [class^=imghvr-] figcaption {
  padding: 0;
  background: none;
}

.portfolio_masonry [class^=imghvr-fade]:hover > img {
  opacity: 0.3;
}

.lazyload {
  display: none;
}

.portfolio_masonry [class^=imghvr-fade]:hover > img {
  opacity: 0.3;
}

.portfolio_masonry [class^=imghvr-fade]:hover figcaption .figcaption2 {
  position: absolute;
  top: 75%;
  left: 15%;
}

.portfolio_masonry [class^=imghvr-fade]:hover figcaption .figcaption-sub {
  position: absolute;
  left: 15%;
  top: 15%;
}

.portfolio_masonry [class^=imghvr-fade]:hover figcaption .figcaption1, .portfolio_masonry [class^=imghvr-fade] figcaption .figcaption1 {
  position: absolute;
  left: 15%;
  top: 10%;
  font-size: 16px;
}

.portfolio_masonry [class^=imghvr-fade]:hover figcaption .figcaption3 {
  position: absolute;
  top: 80%;
  left: 15%;
}

.portfolio_masonry [class^=imghvr-fade]:hover figcaption .figcaption4, .portfolio_masonry [class^=imghvr-fade] figcaption .figcaption4 {
  position: absolute;
  top: 68%;
  left: 15%;
}

.portfolio_grid [class^=imghvr-fade]:hover figcaption .figcaption4 {
  position: absolute;
  top: 73%;
}

@media (min-width: 992px) and (max-width: 1024px) {
  .portfolio_masonry [class^=imghvr-fade]:hover figcaption div.figcaption3 {
    top: 78%;
  }
  .portfolio_grid [class^=imghvr-fade]:hover figcaption div.figcaption4 {
    top: 71% !important;
  }
  .portfolio_masonry [class^=imghvr-fade]:hover figcaption div.figcaption4 {
    top: 64%;
  }
  .portfolio_masonry [class^=imghvr-fade]:hover figcaption div.figcaption2 {
    top: 74%;
  }
}

@media (min-width: 768px) and (max-width: 991px) {
  .portfolio_masonry [class^=imghvr-fade]:hover figcaption div.figcaption1 {
    top: 10%;
  }
}

@media (min-width: 576px) and (max-width: 767px) {
  .portfolio_masonry [class^=imghvr-fade]:hover figcaption div.figcaption3 {
    top: 64%;
    left: 15%;
  }
  .portfolio_masonry [class^=imghvr-fade]:hover figcaption div.figcaption2 {
    left: 15%;
    top: 60%;
  }
  .portfolio_masonry [class^=imghvr-fade]:hover div.figcaption4 {
    top: 45%;
  }
}

@media (min-width: 320px) and (max-width: 575px) {
  .portfolio_masonry .grid-item {
    padding-right: 0;
  }
  .portfolio_masonry {
    margin-right: 0;
  }
}

@media (min-width: 320px) and (max-width: 320px) {
  .portfolio_masonry [class^=imghvr-fade]:hover figcaption div.figcaption3 {
    top: 78%;
    left: 15%;
  }
  .portfolio_masonry [class^=imghvr-fade]:hover figcaption div.figcaption4 {
    top: 64%;
  }
  .portfolio_grid [class^=imghvr-fade]:hover figcaption div.figcaption4 {
    top: 71%;
  }
  .portfolio_masonry [class^=imghvr-fade]:hover div.figcaption2 {
    top: 75%;
  }
}

.portfolio_grid [class^=imghvr-] figcaption {
  padding: 0;
}

.portfolio_grid [class^=imghvr-] {
  background-color: #000;
  border-radius: 7px;
}

.portfolio_grid .h6-fontweight {
  font-size: 18px;
}

.lazyload {
  display: none;
}

@keyframes rotation {
  from {
    -webkit-transform: rotate(0deg);
  }
  to {
    -webkit-transform: rotate(359deg);
  }
}

#loading img {
  -webkit-animation: rotation 2s infinite linear;
}

#image_portfolio {
  background: url(../images/photos/portfolio_headerimg1.png);
  background-size: cover;
  background-position: center;
}

.portfolio {
  margin-left: -15px;
  margin-right: -15px;
}

.portfolio_filter-menu-group li {
  padding: 0.6rem 1.5rem;
  cursor: pointer;
  font-size: 14px;
  color: var(--dark);
  font-family: "Montserrat", sans-serif;
}

.portfolio_filter-menu-group li.active, .portfolio_filter-menu-group li:hover {
  background-color: #0081ff;
  padding: 0.6rem 1.5rem;
  color: white;
  border-radius: 25px;
  box-shadow: 2px 2px 36px -6px #0081ff;
}

[class*=" imghvr-"] > img, [class^=imghvr-] > img {
  vertical-align: -webkit-baseline-middle !important;
}

.grid-item {
  margin-bottom: 23px;
}

@media (min-width: 992px) and (max-width: 1199px) {
  .portfolio [class^=imghvr-fade]:hover figcaption div.figcaption2 {
    top: 67%;
    right: 3%;
  }
}

@media (min-width: 768px) and (max-width: 991px) {
  .portfolio [class^=imghvr-fade]:hover figcaption div.figcaption3 {
    position: absolute;
    top: 72%;
  }
}

@media (min-width: 576px) and (max-width: 767px) {
  .portfolio [class^=imghvr-fade]:hover figcaption div.figcaption3 {
    top: 55%;
  }
}

@media (min-width: 320px) and (max-width: 575px) {
  .portfolio [class^=imghvr-fade]:hover figcaption div.figcaption3 {
    top: 60%;
  }
  .simple-pagination .current.prev {
    border-right: 0 !important;
  }
  .simple-pagination .page-link.next {
    border-left: 0 !important;
  }
}

@media (min-width: 376px) and (max-width: 575px) {
  .portfolio [class^=imghvr-fade]:hover figcaption div.figcaption3 {
    top: 74%;
  }
}

.portfolio [class^=imghvr-] figcaption {
  padding: 0;
}

.portfolio [class^=imghvr-] {
  background-color: #000;
  border-radius: 7px;
}

.portfolio [class^=imghvr-] figcaption {
  background: none;
}

.portfolio [class^=imghvr-fade]:hover > img {
  opacity: 0.3;
}

.portfolio [class^=imghvr-fade]:hover figcaption .figcaption2, .portfolio [class^=imghvr-fade] figcaption .figcaption2 {
  position: absolute;
  top: 69%;
  left: 10%;
  right: 5%;
}

.portfolio [class^=imghvr-fade]:hover figcaption .figcaption1, .portfolio [class^=imghvr-fade] figcaption .figcaption1 {
  position: absolute;
  left: 10%;
  top: 15%;
  color: #8799a3;
}

.portfolio [class^=imghvr-fade]:hover figcaption .figcaption3, .portfolio [class^=imghvr-fade] figcaption .figcaption3 {
  position: absolute;
  top: 76%;
  left: 10%;
}

#image_linkpost {
  background-size: cover;
  background-position: center;
  background-image: url("../images/photos/linkpost.png");
}

@media (min-width: 320px) and (max-width: 767px) {
  .linkpost .background_image {
    padding: 18px;
  }
  .linkpost .align {
    text-align: center;
  }
  .linkpost .align_margin {
    margin-left: 0;
  }
}

@media (min-width: 320px) and (max-width: 991px) {
  .linkpost .top_logo {
    margin-top: 4rem;
  }
}

@media (min-width: 992px) and (max-width: 1199px) {
  .linkpost .align_margin {
    margin-left: -12px;
  }
}

#image_contacts {
  background: url("../images/photos/contactbackground.png");
  background-size: cover;
  background-position: center;
}

.contact .map {
  width: 100%;
  height: 463px;
}

.contact .container-fluid {
  padding-right: 0;
  padding-left: 0;
}

.home_page .bgclr {
  background-color: #728c9b;
  padding: 5px;
  position: relative;
  top: -76px;
}

.home_page .btn_align {
  margin-top: 7px;
}

.home_page .button:hover {
  box-shadow: 0 20px 42px 0 #8799a3;
}

.home_page .perfect {
  font-family: "Montserrat", sans-serif;
  font-size: 24px;
  font-weight: 700;
  color: #fff;
}

.home_page .button {
  background-color: #252525;
  color: #fff;
  font-size: 14px;
  font-family: "Montserrat", sans-serif;
  padding: 20px 45px;
  line-height: 14px;
  border-radius: 30px;
  font-weight: 700;
}

.home_page .h3-textcolor {
  color: #636363;
  font-weight: normal;
}

.home_page .list-inline-item:not(:last-child) {
  margin-right: 0;
}

.home_page .li-first-line, .home_page .li-second-line {
  width: 60px;
  border-radius: 10px;
  border: 2px solid #eee;
  position: relative;
  top: -55px;
}

.home_page .li-second-line {
  width: 120px;
  margin-left: -14px;
}

.home_page .li-block1, .home_page .active-class {
  border-radius: 50px;
  border: 1px solid #ffffff;
  height: 70px;
  width: 70px;
  margin-left: 36px;
  position: relative;
  top: 12px;
}

.home_page .timeline-text {
  position: relative;
  left: -20px;
}

.home_page .active-class {
  border: 1px solid #b7c6ce;
  box-shadow: 0 0 45px 10px #e1e1e1;
}

.home_page .li-block1:hover {
  border: 1px solid #b7c6ce;
  box-shadow: 0 0 45px 10px #e1e1e1;
}

.home_page .li-block1 img {
  position: relative;
  top: 13px;
}

.home_page .section-spacing {
  padding: 2rem 0 4rem 0;
}

.home_page .slide-content h6:hover {
  color: #8799a3;
  cursor: pointer;
}

@media (min-width: 992px) and (max-width: 1199px) {
  .home_page .li-first-line {
    width: 50px;
  }
  .home_page .li-second-line {
    width: 90px;
    margin-left: -34px;
  }
  .home_page .real-section.real-res-section {
    background-position: top 68px right 44px;
    background-size: 76%;
  }
}

@media (min-width: 768px) and (max-width: 991px) {
  .home_page .li-second-line {
    width: 70px;
    margin-left: 9px;
  }
  .home_page .li-first-line {
    width: 58px;
  }
  .home_page .service-section .swiper-slide {
    display: block !important;
  }
  .home_page .real-res-section.real-section {
    background-position: top 116px right;
    background-size: 72%;
  }
  .home_page .h6-font16 {
    font-size: 12px;
    position: relative;
    left: 11px;
  }
  .home_page .li-res-fourth-data, .home_page .li-res-fifth {
    display: none;
  }
  .home_page .timeline-text {
    left: 0;
  }
  .home_page .service-section .swiper-container, .home_page .service-section .swiper-wrapper .swiper-slide {
    height: 751px !important;
  }
  .home_page .swiper-container-android > .swiper-pagination-bullets {
    top: 27%;
  }
  .home_page .popup-youtube .home_video-icon {
    left: 47%;
  }
}

@media (min-width: 576px) and (max-width: 767px) {
  .home_page .service-section .swiper-slide {
    display: block !important;
  }
  .home_page .service-section .swiper-container {
    height: 751px !important;
  }
  .home_page .service-section .swiper-wrapper .swiper-slide {
    height: 751px !important;
  }
  .home_page .swiper-container-android > .swiper-pagination-bullets {
    top: 22%;
  }
}

@media (min-width: 320px) and (max-width: 575px) {
  .home_page .timeline ul {
    width: 100%;
    height: 248px;
    border: 1px dotted black;
    overflow-x: scroll;
    border: 0;
  }
  .home_page .service-section .swiper-wrapper .swiper-slide {
    display: block !important;
    height: 686px !important;
  }
  .home_page .service-section .swiper-container {
    height: 686px !important;
  }
  .home_page .service-section .swiper-container-vertical.swiper-container-android > .swiper-pagination-bullets {
    right: 25px;
  }
  .home_page .real-section {
    background-size: 100% !important;
    background-position: top center !important;
    padding-bottom: 17rem !important;
  }
  .home_page .albedo-text {
    position: relative;
    top: 280px;
  }
  .home_page .section-spacing {
    padding: 2rem 15px 4rem 15px;
  }
}

.home_page .button-font-family {
  font-family: "Montserrat", sans-serif;
  font-size: 14px;
}

.home_page .real-section {
  background-image: url("../images/photos/blog_row_laptop.png");
  background-size: 62%;
  background-repeat: no-repeat;
  background-position: right 140px top;
  background-color: #e5e6e8;
  padding: 5rem 0 3rem 0;
}

.home_page .service-section {
  background-color: #f3f4f6;
}

.home_page .full-width .row {
  margin-left: 0;
  margin-right: 0;
}

.home_page .full-width {
  padding-left: 0;
  padding-right: 0;
}

.home_page .home_video-icon {
  position: absolute;
  left: 42%;
  top: 38%;
  z-index: 9;
}

.home_page html {
  overflow-x: hidden;
  overflow-y: auto;
}

.home_page .home-swiper-container {
  overflow: hidden;
}

.home_page .mfp-fade.mfp-bg {
  opacity: 0;
  transition: all 0.15s ease-out;
}

.home_page .mfp-fade.mfp-bg.mfp-ready {
  opacity: 0.8;
}

.home_page .mfp-fade.mfp-bg.mfp-removing {
  opacity: 0;
}

.home_page .mfp-fade.mfp-wrap .mfp-content {
  opacity: 0;
  transition: all 0.15s ease-out;
}

.home_page .mfp-fade.mfp-wrap.mfp-ready .mfp-content {
  opacity: 1;
}

.home_page .mfp-fade.mfp-wrap.mfp-removing .mfp-content {
  opacity: 0;
}

.home_page [class^=imghvr-] figcaption {
  padding: 0;
  background: none;
}

.home_page [class^=imghvr-] > img {
  vertical-align: middle;
}

.home_page [class^=imghvr-fade]:hover > img {
  opacity: 0.3;
}

.home_page [class^=imghvr-] {
  background-color: #0b66c0;
}

.home_page .overlay {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  transition: opacity 0.3s;
  opacity: 0.7;
}

.home_page .bg-color-blue {
  background-color: #0081ff;
}

.home_page .about_h3setting {
  color: #636363;
  font-weight: 400;
}

.home_page .date_format {
  font-size: 16px;
  color: #bbc7cd;
  font-weight: 800;
}

.home_page .post-footer {
  color: #bbc7cd;
}

.home_page .swiper-container5 {
  width: 100%;
  height: 100%;
  overflow: hidden;
}

.home_page .swiper-slide {
  font-size: 18px;
  /* Center slide text vertically */
  display: flex;
  justify-content: center;
  align-items: center;
}

.home_page .swiper-container-horizontal > .swiper-pagination-bullets {
  position: relative;
  bottom: 0;
  margin-bottom: 5rem;
}

.home_page .swiper-pagination-bullet {
  width: 20px;
  height: 5px;
  border-radius: 5px;
}

.home_page .swiper-pagination-bullet-active {
  background: #8799a3;
  opacity: 1 !important;
}

.home_page .swiper-pagination-bullet {
  background: #8799a3;
}

.home_page .swiper-button-prev, .home_page .swiper-button-next {
  background: none;
}

.home_page .swiper-button-prev {
  position: relative;
  top: 0;
}

.home_page .swiper-button-next {
  position: relative;
  top: -22px;
  left: 50px;
}

.home_page .service-section .swiper-container {
  width: 100%;
  height: 405px;
}

.home_page .service-section .swiper-slide {
  font-size: 18px;
  display: flex;
  justify-content: center;
  align-items: center;
  height: 405px !important;
}

.home_page .service-section .swiper-container-vertical > .swiper-pagination-bullets {
  right: 50px;
}

@media (min-width: 992px) and (max-width: 1024px) {
  .home_page .service-section .video-image {
    height: 405px;
  }
}

.home_page .about_logo, .home_page .about_logo1, .home_page .about_logo2 {
  opacity: 0.3;
}

.home_page .about_logo:hover {
  opacity: 1;
}

.home_page time-line {
  display: none;
}

.home_page .skills-section hr, .home_page .logo-section hr {
  border-top: 2px solid #f3f4f6;
}

.home_page .h6color {
  color: #0081ff !important;
}

@media (min-width: 320px) and (max-width: 767px) {
  .home_page .btn_align {
    margin-top: 36px;
  }
}

.navbar-fixed {
  position: fixed;
  top: 0;
  background-color: white !important;
  width: 100%;
  transition: all 1s;
  z-index: 9999;
  box-shadow: 0 20px 80px 0 rgba(0, 0, 0, 0.06);
}

.changed-navbar-position {
  position: relative !important;
}

@media (max-width: 575px) {
  .padding_leftrgt {
    padding-left: 15px !important;
    padding-right: 15px !important;
  }
}

#image_Post_gallery {
  background-size: cover;
  background-position: center;
  background-image: url("../images/photos/postgallery.png");
}

#image_video_post {
  background-size: cover;
  background-position: center;
  background-image: url("../images/photos/videopost.png");
}

.videopost .albedotext {
  color: #fff;
  font-size: 28px;
  font-weight: 900;
  font-family: 'Montserrat', sans-serif;
}

.videopost .background {
  background-color: #8799a3;
  padding: 2.5rem;
  border-radius: 10px;
}

.videopost .envatotext {
  font-family: 'Cambay', sans-serif;
  font-weight: 700;
  font-size: 16px;
  color: #d7e1e6;
  text-align: center;
  cursor: pointer;
}

.videopost .plyr {
  border-radius: 1rem;
  box-shadow: 0px 5px 110px 3px #cfcfcf;
}

.videopost .plyr__play-large svg {
  cursor: pointer;
}

.videopost .plyr video {
  width: 100%;
  height: auto;
  background: transparent url("../images/photos/plyrimage.png") no-repeat 0 0;
  background-size: cover;
}

.videopost .news {
  cursor: pointer;
  border: none;
  border-radius: 23px;
  outline: none;
  font-size: 12px;
  color: #fff;
  background-color: #8799a3;
  font-weight: bold;
  font-family: 'Montserrat', sans-serif;
}

.videopost .news:hover {
  box-shadow: 0px 1px 35px 10px rgba(135, 153, 163, 0.3);
}

.videopost .addon-effects {
  background-color: #fff !important;
}

.videopost .img_pop {
  border-radius: 6px;
}

.videopost .background_image {
  background-color: #f9f9fb;
  border-radius: 10px;
  padding: 35px;
}

.videopost .error {
  border: 1px solid red;
}

.videopost .success {
  border: 1px solid green;
}

.videopost .has-error .help-block, .videopost .has-error .input-group-addon, .videopost .has-error .radio, .videopost .has-error .radio-inline {
  color: #f04e4e !important;
  margin-left: 10px !important;
}

.videopost .has-error input, .videopost .has-error .prettydropdown > ul {
  border-color: #f04e4e !important;
}

.videopost .has-error textarea {
  border-color: #f04e4e !important;
}

.videopost .swiper-pagination-bullet {
  height: 5px !important;
}

.videopost .swiper-container-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet {
  margin: 0 4px;
  padding: 0px 9px;
  border-radius: 10px;
}

.videopost .swiper-pagination-bullet-active {
  background-color: #8799a3 !important;
}

.videopost .swiper-pagination {
  position: absolute;
  transition: .3s opacity;
  transform: translate3d(0, 0, 0);
  z-index: 10;
  top: 89%;
}

.videopost .swiper-pagination-bullet {
  width: 8px;
  height: 8px;
  display: inline-block;
  border-radius: 100%;
  background-color: #474747;
  opacity: .2;
}

.videopost .swiper-container {
  margin: 0 auto;
  position: relative;
  overflow: hidden;
  list-style: none;
  padding: 0;
  z-index: 1;
  border-radius: 11px;
}

@media (min-width: 991px) and (max-width: 1199px) {
  .videopost .align_margin {
    margin-left: -12px;
  }
}

@media (min-width: 576px) and (max-width: 767px) {
  .plyr__play-large {
    top: 44% !important;
    left: 46% !important;
    -webkit-transform: none !important;
  }
}

@media (min-width: 320px) and (max-width: 1024px) {
  .video_hide {
    background: none !important;
    height: 100% !important;
  }
}

#image_quote_post {
  background-size: cover;
  background-position: center;
  background-image: url("../images/photos/linkpost.png");
}

#image_standard_post {
  background-size: cover;
  background-position: center;
  background-image: url("../images/photos/standardpost.png");
}

.standard_post .albedotext {
  color: #fff;
  font-size: 28px;
  font-weight: 900;
  font-family: 'Montserrat', sans-serif;
}

.standard_post .background {
  background-color: #8799a3;
  padding: 2.5rem;
  border-radius: 10px;
}

.standard_post .envatotext {
  font-family: 'Cambay', sans-serif;
  font-weight: 700;
  font-size: 16px;
  color: #d7e1e6;
  text-align: center;
  cursor: pointer;
}

.standard_post .primary {
  font-size: 12px;
  font-family: 'Montserrat', sans-serif;
  padding: 16px 24px;
  font-weight: 700;
  cursor: pointer;
}

.standard_post .span_text {
  font-size: 16px;
  font-family: 'Cambay', sans-serif;
  color: #ccd8de;
}

.standard_post .quotation {
  position: relative;
  top: 40px;
  left: 27px;
  z-index: -1;
}

.standard_post .image_text {
  position: absolute;
  top: 384px;
  color: #fff;
  font-size: 16px;
  font-style: italic;
  right: 183px;
}

.standard_post .image-caption {
  font-size: 14px;
  color: #fff;
  position: absolute;
  bottom: 50px;
  font-style: italic;
  left: 35px;
}

.standard_post .image-caption1 {
  font-size: 14px;
  color: #959595;
  position: absolute;
  bottom: 19px;
  font-style: italic;
  left: 40px;
  background-color: rgba(0, 0, 0, 0.4);
  padding: 7px;
  border-radius: 33px;
}

.standard_post .error {
  border: 1px solid red;
}

.standard_post .success {
  border: 1px solid green;
}

.standard_post .has-error .help-block, .standard_post .has-error .input-group-addon, .standard_post .has-error .radio, .standard_post .has-error .radio-inline {
  color: #f04e4e !important;
  margin-left: 10px !important;
}

.standard_post .has-error input, .standard_post .has-error .prettydropdown > ul {
  border-color: #f04e4e !important;
}

.standard_post .has-error input:focus {
  border-color: #f04e4e !important;
}

.standard_post .has-error textarea {
  border-color: #f04e4e !important;
}

@media (min-width: 320px) and (max-width: 425px) {
  .standard_post .background_image {
    padding: 18px;
  }
  .standard_post .align_margin {
    margin-left: 0;
  }
}

@media (min-width: 320px) and (max-width: 767px) {
  .standard_post .image-caption1 {
    left: 23px;
  }
  .standard_post .align {
    text-align: center;
  }
  .standard_post .image-caption {
    bottom: 18px;
  }
  .standard_post .align_margin {
    text-align: center;
    margin-left: 0;
  }
}

@media (max-width: 425px) and (min-width: 320px) {
  .standard_post .background_image {
    padding: 18px;
  }
}

@media (min-width: 768px) and (max-width: 991px) {
  .standard_post .image_text {
    top: 360px;
  }
  .standard_post .image-caption1 {
    bottom: 12px;
  }
  .standard_post .image-caption {
    bottom: 78px;
    left: 40px;
  }
}

@media (min-width: 1024px) and (max-width: 1199px) {
  .standard_post .image_text {
    top: 315px;
    right: 123px;
  }
  .standard_post .text_top {
    bottom: 154px;
  }
  .standard_post .image-caption1 {
    bottom: 58px;
  }
}

@media (min-width: 992px) and (max-width: 1023px) {
  .standard_post .image_text {
    top: 310px;
    right: 118px;
  }
  .standard_post .text_top {
    bottom: 158px;
    left: 40px;
  }
  .standard_post .image-caption1 {
    bottom: 56px;
    left: 23px;
  }
}

@media (min-width: 991px) and (max-width: 1199px) {
  .standard_post .align_margin {
    margin-left: -12px;
  }
}

/*Shop css
 start
 from here*/
#image_shop_sidebar {
  background-size: cover;
  background-position: center;
  background-image: url("../images/photos/cartheader.png");
}

.shop_sidebar .search-time-icon .fa-times {
  position: absolute;
  top: 42%;
  right: 50px;
  color: #f04e4e;
  display: none;
}

.shop_sidebar .search-time-icon .display-icon {
  display: block;
}

/*Shop css
 start
 from here*/
#image_shop_mansory {
  background-size: cover;
  background-position: center;
  background-image: url("../images/photos/cartheader.png");
}

/*Shop css
 start
 from here*/
#image_product_description_rightsidebar {
  background-size: cover;
  background-position: center;
  background-image: url("../images/photos/cartheader.png");
}

.product_description .slider-horizontal {
  width: 100% !important;
  margin: 0;
}

.product_description .slider-handle {
  background-color: #fff !important;
  background-image: none !important;
  box-shadow: 2px 2px 27px 5px rgba(204, 204, 204, 0.55);
}

.product_description .slider-selection {
  background-image: linear-gradient(to bottom, #0682fc 0, #0682fc 100%) !important;
}

.product_description .slider-track {
  background-image: linear-gradient(to bottom, #f3f4f6 0, #f3f4f6 100%) !important;
}

@media (min-width: 320px) and (max-width: 425px) {
  .zoomWindow {
    position: absolute;
    width: 200px !important;
    left: 0 !important;
    top: 50px !important;
  }
}

@media (min-width: 426px) and (max-width: 767px) {
  .zoomWindow {
    position: absolute;
    width: 250px !important;
    left: 0 !important;
  }
}

@media (min-width: 768px) and (max-width: 991px) {
  .zoomWindow {
    position: absolute;
    width: 300px !important;
    left: 382px !important;
  }
}

/*Shop css
 start
 from here*/
#image_product_reviews {
  background-size: cover;
  background-position: center;
  background-image: url("../images/photos/cartheader.png");
  height: 260px;
}

/*Shop css
 start
 from here*/
#image_product_addinfo {
  background-size: cover;
  background-position: center;
  background-image: url("../images/photos/cartheader.png");
}

.product_addinfo {
  /*Change the colour*/
  /*media quries for products pages*/
}

.product_addinfo .icons {
  margin-right: 16px;
  color: #bbc7cd;
  cursor: pointer;
}

.product_addinfo .fa-facebook:hover {
  color: #3b5998;
}

.product_addinfo .fa-twitter:hover {
  color: #1dcaff;
}

.product_addinfo .fa-google-plus:hover {
  color: #d34836;
}

.product_addinfo .fa-pinterest-p:hover {
  color: #c92228;
}

.product_addinfo .first-image {
  position: relative;
}

.product_addinfo .sel_btns {
  background-color: #f04e4e;
  border: none;
  border-radius: 25px;
  font-size: 11px;
  color: #fff;
  padding: 6px 13px;
  position: absolute;
  top: 6%;
  margin-left: 6%;
  font-weight: 700;
  box-shadow: 2px 4px 20px 0 #f04e4e;
  z-index: 99;
}

.product_addinfo .shadow {
  border-radius: 5px;
  margin-left: 3px;
}

.product_addinfo .siz_btn {
  background: none;
  border: none;
  box-shadow: 0px 15px 145px 10px rgba(0, 0, 0, 0.15);
  border-radius: 50%;
  width: 36px;
  height: 36px;
  color: #8799a3;
  margin-right: 4px;
  font-size: 14px;
  font-weight: 700;
  font-family: 'Cambay', sans-serif;
  padding: 10px 5px;
}

.product_addinfo .input-group.bootstrap-touchspin {
  border: 2px solid #eceef2;
  border-radius: 30px;
  width: 153px;
  margin-left: 18px;
  cursor: pointer;
}

.product_addinfo .start_icon {
  font-size: 16px;
  color: #fcd846;
}

.product_addinfo .cart_btn {
  background-color: #1cbbb4;
  color: #fff;
  font-size: 14px;
  font-weight: 700;
  padding: 11px 22px 11px 22px;
  border-radius: 50px;
  box-shadow: 2px 2px 40px 4px rgba(28, 187, 180, 0.501961);
}

.product_addinfo .cart_btn:hover {
  box-shadow: 2px 8px 40px 4px rgba(28, 187, 180, 0.501961);
}

.product_addinfo .border {
  border: 2px solid #f3f4f6;
  border-top-right-radius: 10px;
  border-bottom-left-radius: 10px;
  border-bottom-right-radius: 10px;
  padding: 10px;
}

.product_addinfo .radius_top {
  border-top-left-radius: 10px !important;
}

.product_addinfo .radius_top_right {
  border-top-right-radius: 10px !important;
}

.product_addinfo .siz_btn {
  background: none;
  border: none;
  box-shadow: 0px 15px 145px 10px rgba(0, 0, 0, 0.15);
  border-radius: 50%;
  width: 36px;
  height: 36px;
  color: #8799a3;
  margin-right: 4px;
  font-size: 14px;
  font-weight: 700;
  font-family: 'Cambay', sans-serif;
  padding: 10px 5px;
  cursor: pointer;
}

.product_addinfo .size button:focus, .product_addinfo .size button.active {
  outline: none;
  background: #8799a3;
  color: #fff;
  cursor: pointer;
}

.product_addinfo .contact1_span {
  color: #252525;
  font-weight: 700;
  font-size: 16px;
  font-family: 'Cambay', sans-serif;
}

.product_addinfo .contact1_text {
  color: #636363;
  font-size: 16px;
  font-family: 'Cambay', sans-serif;
}

.product_addinfo .margin_align {
  margin-left: -20px;
}

.product_addinfo .slider.slider-horizontal {
  width: 100% !important;
}

.product_addinfo .slider-handle {
  background-color: #fff !important;
  background-image: none !important;
  box-shadow: 2px 2px 27px 5px rgba(204, 204, 204, 0.55);
}

.product_addinfo .slider-selection {
  background-image: linear-gradient(to bottom, #0682fc 0, #0682fc 100%) !important;
}

.product_addinfo .slider-track {
  background-image: linear-gradient(to bottom, #f3f4f6 0, #f3f4f6 100%) !important;
}

.product_addinfo #slider {
  font-size: 16px;
  color: #8799a3;
  font-family: 'Cambay', sans-serif;
  font-weight: 700;
  margin-top: 3px;
}

.product_addinfo .fil_btn {
  background-color: #8698a2;
  border: 1px solid #8698a2;
  border-radius: 25px;
  padding: 11px 33px;
  font-size: 14px;
  color: #fff;
  cursor: pointer;
  font-weight: 700;
  font-family: 'Montserrat', sans-serif;
}

.product_addinfo .fil_btn:hover {
  box-shadow: 1px 6px 49px 6px rgba(134, 152, 162, 0.35);
}

.product_addinfo #gallery_01 img {
  border: 2px solid white;
}

.product_addinfo .swiper-pagination-bullet {
  background-color: #8799a3;
}

.product_addinfo .fa-angle-down {
  font-size: 18px;
}

.product_addinfo .fa-angle-right {
  font-size: 18px;
}

.product_addinfo #demo1 {
  font-weight: bold;
  color: #252525;
  font-size: 16px;
}

.product_addinfo .bootstrap-touchspin-up {
  background: #fff;
  border-radius: 30px;
  padding: 11px 18px 11px 24px;
  cursor: pointer;
}

.product_addinfo .bootstrap-touchspin-down {
  background: #fff;
  border-radius: 30px;
  padding: 11px 18px 11px 24px;
  cursor: pointer;
}

.product_addinfo .input-group-btn > .btn {
  border: none !important;
  box-shadow: none;
}

.product_addinfo #demo1 {
  border: none !important;
  text-align: center;
  cursor: pointer;
}

.product_addinfo .text-gray2 {
  font-size: 18px;
  color: #636363;
  font-family: 'Cambay', sans-serif;
}

.product_addinfo .img-shadow {
  box-shadow: 0px 2px 37px 10px rgba(37, 37, 37, 0.15);
}

.product_addinfo .form_border {
  border-radius: 50px;
  padding: 18px 30px 18px 30px;
  background-color: #F3F4F6;
  font-family: 'Cambay', sans-serif;
  font-weight: 700;
  color: #8799a3;
}

.product_addinfo .textarea_border {
  border-radius: 33px;
  padding: 19px 30px 0 30px;
  background-color: #F3F4F6;
  font-family: 'Cambay', sans-serif;
  font-weight: 700;
  color: #8799a3;
}

.product_addinfo .primary_button {
  padding: 16px 50px 16px 50px;
  font-family: 'Montserrat', sans-serif;
  font-weight: 700;
  font-size: 14px;
  color: #fff;
  cursor: pointer;
}

.product_addinfo .logotext {
  font-family: 'Cambay', sans-serif;
  color: #636363;
  font-size: 16px;
  text-align: justify;
}

.product_addinfo .primary {
  font-size: 12px;
  font-family: 'Montserrat', sans-serif;
  padding: 13px 24px;
  font-weight: 700;
  cursor: pointer;
}

.product_addinfo .hrline {
  border-bottom: 1px solid #f3f4f6;
  margin-bottom: 2rem;
  margin-top: 2rem;
}

.product_addinfo .hr_lastline {
  border-bottom: 1px solid #f3f4f6;
  margin-bottom: 2rem;
  margin-top: 2rem;
}

.product_addinfo .line_clothes {
  margin-top: 1rem;
  margin-bottom: 1rem;
  border: 0;
  border-top: 2px solid rgba(0, 0, 0, 0.1);
  color: #f3f4f6;
}

.product_addinfo .form-control {
  transition: border-color ease-in-out 0s, box-shadow ease-in-out 0s;
}

.product_addinfo .form_border:focus {
  background-color: #fff;
  border: 2px solid #879983;
  box-shadow: none;
}

.product_addinfo .textarea_border:focus {
  background-color: #fff;
  border: 2px solid #879983;
  box-shadow: none;
}

.product_addinfo .form-control {
  border: 1px solid #F3F4F6 !important;
}

.product_addinfo .heading2 {
  color: #252525;
  font-size: 24px;
  font-weight: 900;
  font-family: 'Montserrat', sans-serif;
}

.product_addinfo .news {
  cursor: pointer;
  padding: 13px 20px;
  border: none;
  border-radius: 23px;
  outline: none;
  font-size: 12px;
  color: #fff;
  background-color: #8799a3;
  font-weight: bold;
  box-shadow: 0px 1px 35px 10px rgba(135, 153, 163, 0.3);
}

.product_addinfo .three_reviews {
  cursor: pointer;
}

.product_addinfo .category-text {
  font-size: 16px;
  color: #636363;
  font-family: 'Cambay', sans-serif;
}

.product_addinfo .img_pop {
  border-radius: 6px;
}

.product_addinfo .category-right {
  color: #0081ff;
  margin-left: 3px;
}

.product_addinfo .text {
  color: white;
  font-size: 20px;
  text-align: center;
  font-family: 'Montserrat', sans-serif;
  font-weight: 900;
  border-radius: 15px;
  padding-top: 75px;
}

.product_addinfo .over .overlay {
  height: 100%;
  background: linear-gradient(to left, rgba(51, 51, 255, 0.65098) 0%, rgba(255, 0, 255, 0.54902) 100%);
  border-radius: 10px;
}

.product_addinfo .overlay {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  background-color: white;
  overflow: hidden;
  height: 0%;
  transition: .5s ease;
  box-shadow: 1px -1px 145px 20px rgba(204, 204, 204, 0.878431);
}

.product_addinfo .readmore_btn {
  background-color: #e91d62;
  padding: 11px 30px;
  border: none;
  border-radius: 30px;
  font-size: 14px;
  font-weight: 700;
  color: #fff;
  cursor: pointer;
}

.product_addinfo .card {
  position: relative;
  min-width: 0;
  word-wrap: normal;
  background-color: #fff;
  background-clip: border-box;
  border-radius: 0.25rem;
  border: none;
}

.product_addinfo .media_img_text {
  color: #252525;
  font-size: 18px;
  font-family: 'Montserrat', sans-serif;
  font-weight: 700;
}

.product_addinfo .media_img_text:hover {
  color: #8799a3;
  cursor: pointer;
}

.product_addinfo .item_text {
  font-size: 14px;
  color: #252525;
  font-family: 'Montserrat', sans-serif;
  font-weight: 800;
}

.product_addinfo .addon-effects {
  background-color: #fff !important;
}

.product_addinfo .pri_clr {
  font-size: 16px;
  color: #39b54a;
  font-weight: 900;
  font-family: 'Montserrat', sans-serif;
}

.product_addinfo .f-s-10 {
  font-size: 16px;
  color: #fcd846;
}

.product_addinfo .img_size {
  height: 268px;
  border-radius: 10px;
}

.product_addinfo .date_year {
  font-size: 16px;
  font-family: 'Cambay', sans-serif;
  color: #8799a3;
}

.product_addinfo .button_tag:hover {
  background-color: #0081FF;
  border: 1px solid #0081FF;
  color: #fff;
  box-shadow: 0 20px 42px 0 rgba(0, 129, 255, 0.3);
  cursor: pointer;
}

.product_addinfo .button_tag {
  background: none;
  border-radius: 30px;
  border: 1px solid #f0f4f7;
  padding: 11px 13px 7px 13px;
  font-family: "Cambay", "sans-serif";
  color: #8799a3;
  font-size: 14px;
}

.product_addinfo .input-format2 {
  border-top-left-radius: 30px;
  border-bottom-left-radius: 30px;
  border-right: none !important;
  padding: 15px 25px 12px 25px;
  background-color: #f3f4f6;
  color: #252525;
  font-size: 16px;
  font-family: "Cambay", sans-serif;
  border-color: #f3f4f6;
  font-weight: 700;
}

.product_addinfo .input-format2:focus {
  background-color: #fff;
  border-color: #ffffff;
}

.product_addinfo .price_del {
  font-size: 14px;
  color: #8799a3;
  font-family: 'Montserrat', sans-serif;
  font-weight: 700;
}

.product_addinfo .card-body {
  padding: 0px;
}

.product_addinfo .input-group-addon {
  border-top-right-radius: 30px;
  border-bottom-right-radius: 30px;
  background: #f3f4f6;
  cursor: pointer;
  border-color: #f3f4f6;
}

.product_addinfo .subscribe {
  font-family: "Cambay", "sans-serif";
  font-size: 16px;
  color: #636363;
}

.product_addinfo .img_pop {
  border-radius: 10px;
}

.product_addinfo .img_pop:hover {
  opacity: 0.5;
}

.product_addinfo .nameprimary {
  color: #0081ff;
  font-family: 'Cambay', sans-serif;
  font-size: 14px;
  cursor: pointer;
}

.product_addinfo #gal1 {
  text-align: center;
}

.product_addinfo .header_black {
  color: #252525;
  font-size: 28px;
  font-weight: 900;
  font-family: 'Montserrat', sans-serif;
}

.product_addinfo .clothes {
  font-size: 16px;
  font-family: "Cambay", "sans-serif";
  color: #8799a3;
}

.product_addinfo .price_clr_shirt {
  color: #39b54a;
  font-weight: 900;
  font-size: 28px;
  font-family: 'Montserrat', sans-serif;
}

.product_addinfo .top_btm {
  padding-top: 4rem;
  padding-bottom: 1rem;
}

.product_addinfo .del_price {
  color: #bcc7cd;
  font-size: 20px;
  font-family: 'Montserrat', sans-serif;
}

.product_addinfo .size_text {
  font-family: 'Montserrat', sans-serif;
  font-size: 14px;
  font-weight: 700;
}

.product_addinfo .color_tag {
  color: #252525;
  font-family: 'Montserrat', sans-serif;
  font-size: 14px;
  font-weight: 700;
}

.product_addinfo .name_color {
  color: #8799a3;
  font-size: 16px;
  font-family: "Cambay", "sans-serif";
}

.product_addinfo .nav-item .nav-link.active {
  font-size: 14px;
  padding: 16px 30px;
  font-weight: bold;
  background: #F9F9FB;
  color: #8799a3;
  font-family: 'Montserrat', sans-serif;
  border: none;
}

.product_addinfo .nav-pills .nav-link {
  border-radius: 0;
}

.product_addinfo .product_reviews_navtabs.nav-tabs {
  border-bottom: 1px solid #F3F4F6;
}

.product_addinfo .nav-tabs {
  border: none;
}

.product_addinfo #home-tab {
  border-top-left-radius: 12px;
  border-top-right-radius: 0;
}

.product_addinfo #contact-tab {
  border-top-right-radius: 12px;
  border-top-left-radius: 0;
}

.product_addinfo #profile-tab {
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}

.product_addinfo .zoomWrapper {
  position: relative !important;
}

.product_addinfo .shadow.zoomGalleryActive {
  opacity: 0.2;
}

.product_addinfo .new_btn_desc {
  background-color: #39b54a;
  border: none;
  border-radius: 25px;
  font-size: 11px;
  color: #fff;
  padding: 6px 13px;
  position: absolute;
  top: 9%;
  font-weight: 700;
  left: 12%;
  box-shadow: 2px 4px 20px 0 rgba(57, 181, 74, 0.67);
}

.product_addinfo .sell_btn_desc {
  background-color: #f04e4e;
  border: none;
  border-radius: 25px;
  font-size: 11px;
  color: #fff;
  padding: 6px 13px;
  position: absolute;
  top: 9%;
  margin-left: 9%;
  font-weight: 700;
  box-shadow: 2px 4px 20px 0 #f04e4e;
}

.product_addinfo .top_btn_desc {
  background-color: #0684ff;
  border: none;
  border-radius: 25px;
  font-size: 11px;
  color: #fff;
  padding: 6px 13px;
  position: absolute;
  top: 9%;
  font-weight: 700;
  margin-left: 9%;
  box-shadow: 2px 4px 20px 0 #0684ff;
}

.product_addinfo .three_reviews {
  font-size: 16px;
  font-family: 'Cambay', sans-serif;
}

.product_addinfo .items_names {
  font-size: 18px;
  font-weight: 900;
  font-family: 'Montserrat', sans-serif;
}

.product_addinfo .swiper-pagination-bullet {
  height: 5px !important;
}

.product_addinfo .swiper-container-horizontal > .swiper-pagination-bullets, .product_addinfo .swiper-pagination-custom, .product_addinfo .swiper-pagination-fraction {
  bottom: 10px;
  left: 0;
  width: 100%;
}

.product_addinfo .star_text {
  font-size: 12px;
  color: #fcd846;
}

.product_addinfo .row-height {
  line-height: 30px;
}

.product_addinfo .nav-link {
  font-size: 14px;
  padding: 16px 30px;
  font-weight: bold;
  background: #8799A3;
  color: #fff;
  border-right: 2px solid #fff;
  border-top: none;
  border-left: none;
  border-bottom: none;
}

.product_addinfo .swiper-container {
  width: 100%;
  height: 100%;
  padding-bottom: 62px;
  margin-right: 15px;
  margin-left: 16px;
}

.product_addinfo .swiper-slide {
  text-align: center;
  font-size: 18px;
  background: none;
  /* Center slide text vertically */
  display: flex;
  justify-content: center;
  align-items: center;
}

.product_addinfo .swiper-pagination-bullet {
  height: 5px !important;
}

.product_addinfo .swiper-container-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet {
  margin: 0 4px;
  padding: 0px 9px;
  border-radius: 10px;
}

.product_addinfo .price_clr {
  font-size: 16px;
  font-weight: 900;
  color: #39b54a;
  font-family: 'Montserrat', sans-serif;
}

.product_addinfo .head_font {
  font-size: 32px;
  font-family: 'Montserrat', sans-serif;
  color: #252525;
  font-weight: 900;
}

.product_addinfo .bt_f_s {
  font-size: 26px;
  font-family: "Cambay", "sans-serif";
  color: #636363;
}

.product_addinfo .content-heading {
  font-size: 24px;
  color: #252525;
  font-weight: 900;
  font-family: 'Montserrat', sans-serif;
}

.product_addinfo .content-tab {
  font-size: 18px;
  color: #636363;
  font-family: "Cambay", "sans-serif";
}

.product_addinfo .right_caret {
  color: #0081ff;
}

.product_addinfo .nav-tabs .nav-link:hover {
  border-color: #fff;
}

.product_addinfo .tab_background {
  padding-top: 6rem;
  padding-bottom: 6rem;
  background: #F9F9FB;
}

.product_addinfo .product_content .icons .fa {
  font-size: 16px;
  color: #bbc7cd;
  margin-right: 10px;
}

.product_addinfo .product_content .icons .fa-facebook:hover {
  color: #3B5998;
}

.product_addinfo .product_content .icons .fa-twitter:hover {
  color: #0084b4;
}

.product_addinfo .product_content .icons .fa-google-plus:hover {
  color: #d34836;
}

.product_addinfo .product_content .icons .fa-pinterest-p:hover {
  color: #c8232c;
}

@media (max-width: 425px) {
  .product_addinfo .add_top {
    margin-top: 20px;
  }
}

@media (min-width: 320px) and (max-width: 425px) {
  .product_addinfo .clothes {
    margin-top: 25px;
  }
  .product_addinfo #comments {
    padding-left: 10px !important;
    padding-right: 10px !important;
  }
  .product_addinfo .media {
    display: flow-root;
  }
}

@media (max-width: 333px) {
  .product_addinfo .fourth-image-top-adjustment {
    margin-top: 0.75rem;
  }
}

@media (max-width: 767px) and (min-width: 576px) {
  .product_addinfo .fourth-image-top-adjustment {
    margin-top: 0.75rem;
  }
  .product_addinfo .icons {
    margin-left: 11px;
  }
}

@media (max-width: 767px) {
  .product_addinfo .add_top {
    margin-top: 20px;
  }
}

@media (min-width: 320px) and (max-width: 991px) {
  .product_addinfo .border {
    margin-top: -17px;
  }
}

@media (min-width: 1024px) and (max-width: 1199px) {
  .product_addinfo .cart_btn {
    margin-left: 20px;
  }
}

@media (min-width: 320px) and (max-width: 425px) {
  .product_addinfo .media_img_text {
    margin-top: 20px;
  }
}

@media (min-width: 320px) and (max-width: 576px) {
  .product_addinfo .clothes {
    margin-top: 20px;
  }
}

@media (min-width: 320px) and (max-width: 379px) {
  .product_addinfo .add_line {
    line-height: 30px;
  }
}

#image_smallimage {
  background: url(../images/photos/portfolio_headerimg1.png);
  background-size: cover;
  background-position: center;
}

#image_slider {
  background: url(../images/photos/portfolio_headerimg1.png);
  background-size: cover;
  background-position: center;
}

#image_wideimage {
  background-image: url(../images/photos/portfolio_headerimg1.png);
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
}

#image_single_image {
  background: url(../images/photos/portfolio_headerimg1.png);
  background-size: cover;
  background-position: center;
}

.home_page .bgclr {
  background-color: #728c9b;
  padding: 5px;
  position: relative;
  top: -96px;
}

.home_page .h3-textcolor {
  color: #636363;
  font-weight: normal;
}

.home_page .list-inline-item:not(:last-child) {
  margin-right: 0;
}

.home_page .li-first-line, .home_page .li-second-line {
  width: 60px;
  border-radius: 10px;
  border: 2px solid #eee;
  position: relative;
  top: -75px;
}

.home_page .li-second-line {
  width: 120px;
  margin-left: -14px;
}

.home_page .li-block1, .home_page .active-class {
  border-radius: 50px;
  border: 1px solid #ffffff;
  height: 65px;
  width: 65px;
  margin-left: 36px;
  position: relative;
  top: 12px;
}

.home_page .active-class {
  border: 1px solid #e1e1e1;
  box-shadow: 0 0 45px 10px #e1e1e1;
}

.home_page .li-block1:hover {
  border: 1px solid #b7c6ce;
  box-shadow: 0 0 45px 10px #e1e1e1;
}

.home_page .li-block1 img {
  position: relative;
  top: -3px;
  padding: 16px;
  left: -4px;
  cursor: pointer;
}

.home_page .slider .slider-track .slider-selection {
  background-image: none;
}

.home_page .real-section {
  background-image: url("../images/photos/blog_row_laptop.png");
  background-size: cover;
  background-repeat: no-repeat;
  background-position: right top;
  padding: 5rem 0 3rem 0;
}

.home_page .service-section {
  background-color: var(--gray-3);
}

.home_page .service-section .video-image {
  height: 418px;
  width: 100%;
}

.home_page .home_video-icon {
  position: absolute;
  left: 42%;
  top: 42%;
  z-index: 9;
}

.home_page .overlay {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  transition: opacity 0.3s;
  opacity: 0.7;
}

.home_page .swiper-container5 {
  width: 100%;
  height: 100%;
  overflow: hidden;
  margin-top: 2rem;
}

.home_page .swiper-container {
  width: 100%;
  height: 418px;
}

.home_page .swiper-slide {
  font-size: 18px;
  display: flex;
  justify-content: center;
  align-items: center;
}

.home_page .swiper-container-vertical > .swiper-pagination-bullets {
  right: 68px;
}

.home_page .swiper-container-vertical > .swiper-pagination-bullets .swiper-pagination-bullet {
  margin: 11px 0;
}

.home_page .swiper-container-horizontal > .swiper-pagination-bullets {
  position: relative;
  bottom: 0;
  margin-bottom: 5rem;
}

.home_page .swiper-pagination-bullet {
  width: 20px;
  height: 5px;
  border-radius: 5px;
}

.home_page .swiper-pagination-bullet-active {
  background: #8799a3;
  opacity: 1 !important;
}

.home_page .swiper-pagination-bullet {
  background: #8799a3;
}

.home_page .swiper-button-prev, .home_page .swiper-button-next {
  background: none;
}

.home_page .swiper-button-prev {
  position: relative;
  top: 0;
  left: 0;
  margin-top: 2rem;
}

.home_page .swiper-button-next {
  position: relative;
  top: -22px;
  left: 45px;
}

.home_page .swiper-wrapper {
  height: auto;
}

/*home page slider css
 start from
 here*/
.example {
  position: relative;
  top: -72px !important;
}

.tparrows {
  background: #fff !important;
}

.tparrows:before {
  font-size: 18px;
  color: #8799a3 !important;
  display: block;
  line-height: 40px;
  text-align: center;
}

.tparrows:hover {
  background-color: #8799a3 !important;
}

.tparrows:hover:before {
  color: #fff !important;
}

.tp-caption.slider-black-button:hover, .slider-black-button:hover {
  box-shadow: 0 15px 50px 0 rgba(37, 37, 37, 0.5) !important;
}

.tp-caption.slider-black-button:focus, .slider-black-button:active {
  box-shadow: 0 -5px 50px 0 rgba(37, 37, 37, 0.5) !important;
}

.tp-caption.slider-black-button, .slider-black-button {
  box-shadow: 0 10px 30px 0 rgba(37, 37, 37, 0.5) !important;
}

.tp-caption.slider-red-button:hover, .slider-red-button:hover {
  box-shadow: 0 15px 50px 0 rgba(255, 69, 79, 0.5) !important;
}

.tp-caption.slider-red-button:focus, .slider-red-button:active {
  box-shadow: 0 -5px 50px 0 rgba(255, 69, 79, 0.5) !important;
}

.tp-caption.slider-red-button, .slider-red-button {
  box-shadow: 0 10px 30px 0 rgba(255, 69, 79, 0.5) !important;
}

.tp-caption.slider-blue-button:hover, .slider-blue-button:hover {
  box-shadow: 0 15px 50px 0 rgba(0, 129, 255, 0.5) !important;
}

.tp-caption.slider-blue-button:focus, .slider-blue-button:active {
  box-shadow: 0 -5px 50px 0 rgba(0, 129, 255, 0.5) !important;
}

.tp-caption.slider-blue-button, .slider-blue-button {
  box-shadow: 0 -5px 50px 0 rgba(0, 129, 255, 0.5) !important;
}

.tp-caption.slider-red-button:hover, .slider-red-button:hover {
  box-shadow: 0px 10px 30px 0px rgba(37, 37, 37, 0.5) !important;
}

.tp-caption.slider-black-button, .slider-black-button {
  box-shadow: 0 10px 30px 0 rgba(37, 37, 37, 0.5) !important;
}

.tp-caption.slider-black-button:hover, .slider-black-button:hover {
  box-shadow: 0 15px 50px 0 rgba(37, 37, 37, 0.5) !important;
}

.tp-caption.slider-black-button:focus, .slider-black-button:active {
  box-shadow: 0 -5px 50px 0 rgba(37, 37, 37, 0.5) !important;
}

.tp-caption.slider-red-button, .slider-red-button {
  box-shadow: 0 10px 30px 0 rgba(255, 69, 79, 0.5) !important;
}

.tp-caption.slider-red-button:hover, .slider-red-button:hover {
  box-shadow: 0 15px 50px 0 rgba(255, 69, 79, 0.5) !important;
}

.tp-caption.slider-red-button:focus, .slider-red-button:active {
  box-shadow: 0 -5px 50px 0 rgba(255, 69, 79, 0.5) !important;
}

.tp-caption.slider-blue-button, .slider-blue-button {
  box-shadow: 0 -5px 50px 0 rgba(0, 129, 255, 0.5) !important;
}

.tp-caption.slider-blue-button:hover, .slider-blue-button:hover {
  box-shadow: 0 15px 50px 0 rgba(0, 129, 255, 0.5) !important;
}

.tp-caption.slider-blue-button:focus, .slider-blue-button:active {
  box-shadow: 0 -5px 50px 0 rgba(0, 129, 255, 0.5) !important;
}

.tp-caption.slider-white-button, .slider-white-button {
  box-shadow: 0 10px 30px 0 rgba(37, 37, 37, 0.5) !important;
}

.tp-caption.slider-white-button:hover, .slider-white-button:hover {
  box-shadow: 0 15px 50px 0 rgba(37, 37, 37, 0.5) !important;
}

.tp-caption.slider-white-button:focus, .slider-white-button:active {
  box-shadow: 0 -5px 50px 0 rgba(37, 37, 37, 0.5) !important;
}

.typography .card {
  padding: 20px;
  box-shadow: -2px 0px 12px 1px  #e7e7e7;
  border: none;
}

.typography #accordion .accordion-text {
  font-weight: 700;
  color: #252525;
  font-family: "Montserrat", sans-serif;
}

.typography #accordion .btn-link {
  font-weight: 700;
  font-size: 14px;
  color: #252525;
  font-family: "Montserrat", sans-serif;
}

.typography #accordion .btn-link:hover {
  color: #8799A3;
}

.typography #myTab1 {
  border: none;
}

.typography #myTab1 .nav-item .nav-link {
  font-size: 14px;
  padding: 16px 30px;
  font-weight: bold;
  background: #8799A3;
  color: #fff;
  border-right: 2px solid #fff;
  border-top: none;
  border-left: none;
  border-bottom: none;
}

.typography #myTab1 .nav-item .nav-link.active {
  font-size: 14px;
  padding: 16px 30px;
  font-weight: bold;
  background: #F9F9FB;
  color: #8799a3;
  font-family: 'Montserrat', sans-serif;
  border: none;
}

.typography #pills-tab1 .nav-item .nav-link.active {
  border-radius: 40px;
  font-size: 14px;
  padding: 16px 30px;
  font-weight: bold;
  font-family: 'Montserrat', sans-serif;
  box-shadow: 0 16px 55px -16px #0081FF !important;
  color: #fff;
}

.typography #pills-tab1 .nav-item .nav-link {
  margin-right: 20px;
  border-radius: 40px;
  font-size: 14px;
  padding: 16px 30px;
  font-weight: bold;
  color: #8799a3;
  font-family: 'Montserrat', sans-serif;
  box-shadow: 0 15px 145px 10px rgba(0, 0, 0, 0.15);
}

.typography .download-now {
  color: white;
  background-color: #6739b6;
  border-color: #6739b6;
  outline: none;
  border: none;
}

.typography .download-now:hover {
  box-shadow: 0 16px 55px -16px #6739b6;
}

.typography .download-now:focus {
  box-shadow: 1px -16px 72px -11px  #6739b6;
}

.typography .btn-yellow {
  border-radius: 30px;
  border: none;
  font-size: 14px;
  color: #252525;
  padding: 17px 38px;
  background-color: #fefb30;
  cursor: pointer;
  font-family: 'Montserrat', sans-serif;
  font-weight: 700;
  outline: none;
}

.typography .btn-yellow:hover {
  box-shadow: 0 10px 30px 0 rgba(254, 203, 22, 0.5);
}

.typography .btn-yellow:active {
  box-shadow: 0px -5px 50px 0px rgba(254, 203, 22, 0.5);
}

.typography .button-dark {
  background-color: #252525;
}

.typography .button-dark:hover {
  box-shadow: 0 15px 50px 0 rgba(37, 37, 37, 0.5);
}

.typography .button-dark:focus {
  box-shadow: 0px -5px 50px 0px rgba(37, 37, 37, 0.5);
}

.typography button .fa-check {
  color: #fff;
  font-size: 13px;
}

.typography .thead-primary-color {
  background-color: #0081FF;
  color: #ffffff;
}

.typography tbody {
  font-family: 'Cambay', sans-serif;
}

.typography .style1-progressbar .progress-background {
  background-color: #ef324b;
}

.typography .style1-progressbar .progressbar-head {
  font-family: 'Montserrat', sans-serif;
  font-size: 14px;
  font-weight: 700;
}

.typography .style1-progressbar .progress-bar {
  height: 8px;
  border-radius: 20px;
  border: 0;
  background-color: #fefb30;
}

.typography .style1-progressbar .percentage_text {
  color: #fff;
  font-size: 14px;
  font-weight: 700;
  font-family: 'Montserrat', sans-serif;
}

.typography .style1-progressbar .progress {
  background-color: #f35b6d;
  height: 8px;
}

.typography .style2-progressbar .progress-background {
  background: linear-gradient(to right, #6600cc 20%, #0000ff 80%);
}

.typography .style2-progressbar .progressbar-head {
  font-family: 'Montserrat', sans-serif;
  font-size: 14px;
  font-weight: 700;
}

.typography .style2-progressbar .progress-bar {
  height: 8px;
  border-radius: 20px;
  border: 0;
  background-color: #fefb30;
}

.typography .style2-progressbar .percentage_text {
  color: #fff;
  font-size: 14px;
  font-weight: 700;
  font-family: 'Montserrat', sans-serif;
}

.typography .style2-progressbar .progress {
  background-color: #6577da;
  height: 8px;
}

@media (min-width: 320px) and (max-width: 425px) {
  .typography #myTab1 .nav-item .nav-link, .typography #myTab1 .nav-item .nav-link.active {
    padding: 12px 15px;
  }
  .typography #pills-tab1 .nav-item .nav-link.active {
    padding: 12px 13px;
  }
  .typography #pills-tab1 .nav-item .nav-link {
    margin-right: 5px;
    padding: 12px 13px;
  }
  .typography #pills-tab2 .nav-item .nav-link.active, .typography #pills-tab2 .nav-item .nav-link {
    padding: 12px 15px;
  }
  .typography .btn-extra-large {
    padding: 21px 55px;
  }
}

@media (max-width: 991px) {
  .typography .table1, .typography .table2 {
    text-align: center;
  }
}

.typography .button_white {
  background-color: white;
  box-shadow: 1px 10px 30px 0 rgba(223, 229, 233, 0.5);
  color: #8799a3;
}

.typography .dropdown:hover .dropdown-menu {
  display: block;
  transition: all .1s ease-out;
}

/* common css*/
/* common css*/