@charset "UTF-8";
.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-72px {
  font-size: 72px;
}

.line-height {
  line-height: 3rem;
}

.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-f:hover {
  color: #3b5998;
}

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

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

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

.fa-linkedin-in:hover {
  color: #0077B5;
}

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

.fas-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;
}

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

.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;
}

.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...";
  }
}

.right-blog {
  background-color: #8799a3;
  margin-bottom: 1rem;
}

.right-menu-margin {
  right: 0 !important;
}

.setting-icon {
  position: relative;
  right: 33px;
  top: 220px;
  background-color: #252525;
  color: #fff;
  padding: 12px 10px 10px;
  height: 40px;
  cursor: pointer;
}

.right-position {
  position: fixed;
  z-index: 999999;
  right: -305px;
  top: -40px;
  bottom: 0;
  width: 320px;
  background: #8799a3;
  padding: 0 10px 0 0;
  transition: all 0.4s ease;
}

.moduleimg a img:hover {
  opacity: 1 !important;
}

@media (min-width: 320px) and (max-width: 575px) {
  .right-position {
    width: 282px;
    right: -267px;
  }
}

.pagination {
  font-size: 14px;
  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;
}

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

.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 input {
  border-color: #39b54a !important;
}

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

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

.check {
  display: none;
  position: absolute;
  right: 45px;
  top: 20px;
}

.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);
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}

.input-group.bootstrap-touchspin .bootstrap-touchspin-down {
  background: var(--white);
  color: var(--gray);
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}

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

.Comments-section .btn-white:hover {
  box-shadow: 2px -1px 36px 2px #a4b1b7;
  background-color: var(--light);
  border-color: var(--light);
  color: var(--white);
}

.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;
}

#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, #8799a3 0, #8799a3 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;
}

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

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

.select1 .prettydropdown > ul {
  width: 100% !important;
  min-height: 56px  !important;
  border-radius: 50px;
  outline: none;
  background-color: var(--gray-3);
  border: 1px solid var(--gray-3);
  font-size: 16px;
  font-family: "Cambay", sans-serif;
  color: var(--light);
  font-weight: 700;
}

.select1 .prettydropdown > ul:focus {
  background-color: var(white);
  border-top-color: var(white);
  border: 1px solid var(--gray-3);
}

.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 var(--gray-3);
  color: var(--dark);
}

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

.select1 .prettydropdown.arrow > ul > li.selected:after {
  top: 4px;
  border-top-color: var(--gray-3);
  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;
}

/*This is Header CSS*/
.header_row {
  position: absolute;
  right: 104px;
}

.hide {
  display: none;
  transition: all 5s ease;
}

.menubar {
  margin-top: 44px;
  margin-right: 2px;
}

.menuicon {
  position: relative;
}

.menuicon1 {
  position: relative;
}

.navbar {
  z-index: 999;
  position: relative;
  padding: 0.5rem 0;
}

.navbar-light .navbar-nav .nav-link {
  font-size: 14px;
  padding: 0 1rem;
}

.nav-toggle-button {
  margin-right: 39px;
}

.nav-toggler {
  background-image: url("../images/nav-toggler.svg");
  width: 22px;
  height: 22px;
  line-height: 22px;
  display: inline-block;
  vertical-align: middle;
  position: relative;
  top: -21px;
  left: 41px;
  background-repeat: no-repeat;
  background-size: 100% auto;
}

@media (min-width: 576px) and (max-width: 767px) {
  .nav-toggler {
    top: 45px;
  }
}

.navbar-light .navbar-nav .nav-link.active, .navbar-light .navbar-nav .nav-link:hover {
  color: #8698A2;
}

.listgroup {
  position: absolute;
}

.navbar-light .navbar-nav .close1 {
  margin-right: -31px;
}

.navbar-nav .sub-menu-parent .list-group-item a, .navbar-nav .dropdown .dropdown-menu a {
  padding: 0.75rem 1.25rem;
  display: block;
  margin-bottom: -1px;
}

.navbar-nav .sub-menu-parent .list-group-item {
  padding: 0;
}

.navbar-nav .dropdown > ul.dropdown-menu1 li:hover a,
.navbar-nav .dropdown > ul.dropdown-menu2 .dropdown-li:hover a, .navbar-nav .dropdown > ul.dropdown-menu1 li.active a {
  background-color: var(--primary) !important;
  color: #fff !important;
}

.navbar-nav .dropdown .sub-menu-list .sub-dropdown .dropdown-menu li:hover a, .navbar-nav .dropdown .sub-menu-list:hover,
.navbar-nav .dropdown > ul.dropdown-menu2 .dropdown-li.active a, .navbar-nav .dropdown > ul.dropdown-menu2 .sub-menu-list.active .postmenu,
.navbar-nav .dropdown > ul.dropdown-menu2 .sub-menu-list.active .dropdown-menu-post .active a {
  background-color: var(--primary) !important;
  color: #fff !important;
}

.navbar-nav .dropdown .sub-menu-list:hover .sub-dropdown > a {
  color: #fff;
}

.navbar-nav .dropdown .sub-menu-list:hover .sub-dropdown:hover .dropdown-menu-post {
  display: block;
}

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

.dropdown-menu .dropdown-item {
  color: var(--dark);
}

@media (min-width: 320px) and (max-width: 425px) {
  .hide {
    display: block;
  }
  .navbar-nav {
    right: 0;
  }
  .navbar-light .navbar-nav .nav-link {
    padding: 1rem 0;
  }
}

@media (min-width: 320px) and (max-width: 575px) {
  .dropdown a {
    text-align: left;
  }
  .dropdown .dropdown-menu-post {
    top: 147px !important;
  }
  .nav-toggle-button {
    display: none;
  }
}

@media (min-width: 426px) and (max-width: 767px) {
  .dropdown .dropdown-menu-post {
    top: 144px !important;
  }
  .navbar-light .navbar-nav .link-padding {
    padding-top: 1rem;
    padding-bottom: 1rem;
  }
  .dropdown a {
    text-align: left;
  }
}

@media (min-width: 993px) and (max-width: 1199px) {
  .navbar-light .navbar-nav .nav-link {
    padding: 0 0.5rem !important;
  }
}

@media (min-width: 768px) and (max-width: 992px) {
  .navbar-light .navbar-nav .nav-link {
    padding: 1rem 3px;
  }
  .navbar-nav {
    right: 0;
  }
  .navbar-nav .dropdown .btn {
    text-align: left;
  }
  .cart_menu_icon {
    margin-right: -5px !important;
  }
  #nav_portfolio1 .navbar-toggler, #nav_portfolio-2 .navbar-toggler {
    margin-right: -45px;
  }
  .home_filter-menu-group.submenu li {
    font-size: 12px;
  }
  .nav-toggler {
    top: 45px;
  }
}

@media (min-width: 576px) and (max-width: 992px) {
  .navbar-light .navbar-nav .nav-link {
    padding: 1rem 5px;
    font-size: 12px;
  }
  .navbar-light .navbar-nav .close1 {
    padding-left: 9px !important;
  }
}

@media (min-width: 768px) and (max-width: 991px) {
  .navbar-expand-md .navbar-nav .dropdown-menu {
    top: 32px;
    right: 0;
    left: auto;
  }
}

.navbar-light .navbar-nav .close1 {
  padding-left: 15px;
}

.cart_bag_primary {
  padding: 3px 6px;
  position: absolute;
  top: 47px;
  left: 18px;
  font-size: 11px;
  font-weight: 700;
  font-family: 'Cambay', 'sans-serif';
  width: 15px;
  height: 15px;
  padding-left: 5px;
  border-radius: 50%;
  display: block;
}

.cart_menu_icon {
  margin-right: 10px;
}

.dropdown ul {
  padding-top: 0;
  padding-bottom: 0;
}

.dropdown-menu {
  top: 17px;
  border-radius: 0;
}

.dropdown .dropdown-menu .dropdown-divider {
  margin: 0;
}

.dropdown:hover ul, .dropdown ul:hover {
  display: block;
}

.dropdown .btn {
  box-shadow: none;
}

.dropdown .dropdown-menu-post {
  position: absolute;
  left: 159px;
  top: 87px;
}

.dropdown .sub-dropdown ul {
  display: none;
}

.sub-menu-list .sub-dropdown:hover .dropdown-menu-post li:hover {
  background-color: #fff !important;
  color: #252525;
}

.dropdown .sub-dropdown:hover ul {
  display: block;
}

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

.sub-menu-list.active .sub-dropdown .dropdown-menu-post {
  display: block;
}

.widget-holder {
  transition: all .3s;
  position: fixed;
  right: -481px;
  overflow-y: auto;
  top: 0;
  bottom: 0;
  width: 480px;
  z-index: 9999;
  background: #fff;
  padding: 75px;
  line-height: 1.5;
}

.right-margin {
  right: 0;
}

.rightbar-set {
  height: 100%;
  overflow: hidden;
}

.rightbar-close {
  position: fixed;
  right: 32px;
  z-index: 999999;
  top: 18px;
  display: none;
}

.right-side-bar .overlaycolor {
  position: relative;
}

.display-serach-toggle {
  position: absolute;
  top: 19px;
  right: 22px;
  color: #8799a3;
  display: none;
}

/*This is Footer CSS*/
.footer {
  padding-top: 0;
  padding-bottom: 0;
}

.footer {
  margin-top: 3rem;
}

.footer .fa-facebook:hover, .footer .fa-twitter:hover, .footer .fa-google-plus:hover, .footer .fa-linkedin:hover, .footer .fa-pinterest-p:hover {
  transform: rotate(360deg);
  transition: ease 1s;
}

.bodysection a {
  text-decoration: none;
}

.menuicon {
  z-index: 99;
}

.footer_icons {
  padding: 90px 12px 85px 10px;
}

.footer_icons_margin {
  margin-bottom: 2rem;
}

.footer_minus {
  margin-left: -2px;
}

/*404 error page css*/
.h1font72 {
  font-size: 72px;
  color: #8799a3;
  text-align: center;
  font-weight: bolder;
}

.btn {
  font-size: 14px;
  cursor: pointer;
}

.para_font24 {
  font-size: 24px;
  color: #636363;
}

.font-weight {
  font-weight: bolder;
}

.content {
  min-height: 41%;
  /* equal to footer height */
}

* {
  margin: 0;
}

.content:after {
  content: "";
  display: block;
}

.search_icon {
  position: absolute;
  top: 19px;
  right: 58px;
  color: #cacaca;
}

.display-serach {
  position: absolute;
  top: 19px;
  right: 91px;
  color: #8799a3;
  display: none;
}

/*home page css*/
#nav_homepage {
  background-image: url("../images/home_frontimg.JPG");
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center center;
  height: auto;
}

.mtop {
  padding: 11rem 0;
}

.headertext1_font-family {
  font-family: 'Leckerli One', cursive;
  color: #707070;
}

.home_filter-menu-group1 ul .active {
  color: #8799a3;
}

.home_h1font52 {
  font-size: 52px;
  font-family: "Montserrat", sans-serif;
  font-weight: 600;
}

.home_filter-menu-group1 ul .li-item:hover {
  color: #8799A3;
}

@media (max-width: 375px) {
  .home_h1font52 {
    font-size: 48px;
  }
}

@media (min-width: 320px) and (max-width: 425px) {
  #nav_homepage {
    background-position: left center;
  }
  .mtop {
    padding: 3rem 0;
  }
}

@media (max-width: 320px) {
  .home_h1font52 {
    font-size: 42px;
  }
}

.hello {
  font-family: 'Leckerli One', cursive;
}

.tlt .word18 {
  color: #0081FE;
  font-weight: 900;
}

.albedo-color {
  color: #0081FE;
}

.btnsecondary {
  border-radius: 50px;
}

@media (min-width: 576px) and (max-width: 767px) {
  .home_h1font52 {
    font-size: 38px;
  }
}

@media (min-width: 576px) and (max-width: 1440px) {
  .col_padding1 {
    padding-right: 0;
  }
  .col_padding2 {
    padding-left: 0;
  }
  .col_padding {
    padding-right: 0;
    padding-left: 0;
  }
  .img_setting {
    position: relative;
    top: -264px;
  }
}

.list-inline-item a {
  text-decoration: none;
}

.home_imgmargin {
  margin-top: -16px;
}

.home_img {
  margin-left: -15px;
}

.home {
  /* force scrollbar, prevents initial gap */
  /* ---- grid ---- */
  /* clear fix */
  /* ---- .element-item ---- */
  /* 5 columns, percentage width */
  /*portfolio3 css*/
}

.home [class*=" imghvr-"] > img, .home [class^=imghvr-] > img {
  vertical-align: middle;
}

.home .img-hide {
  display: none;
}

.home .img-show {
  display: block !important;
}

.home * {
  box-sizing: border-box;
}

.home html {
  overflow-y: scroll;
}

.home .grid {
  width: 100%;
}

.home .grid:after {
  content: '';
  display: block;
  clear: both;
}

.home .grid-item,
.home .grid-sizer {
  width: 33.36%;
}

.home .grid-item {
  float: left;
}

.home .grid-item--width2 {
  width: 66.67%;
}

.home .grid-item--width4 {
  width: 100%;
}

.home .grid-item--width6 {
  width: 33.33%;
}

.home .grid-item--height2 {
  height: auto;
}

.home .grid-item--height3 {
  height: auto;
}

.home .grid-item--height4 {
  height: auto;
}

.home .grid-item--height5 {
  height: auto;
}

.home .grid-item--height6 {
  height: auto;
}

.home .grid-item--height {
  height: auto;
}

.home .tlt .word18 {
  color: #0081FE;
}

.home .grid-item {
  margin-bottom: -11px;
}

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

.home .portfolio3 [class^=imghvr-] {
  background-color: #000;
}

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

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

.home [class^=imghvr-] figcaption h6 {
  font-weight: 600;
}

.home [class^=imghvr-] .porfolio3_figcaption1 {
  top: 211px;
  left: 19px;
}

.home [class^=imghvr-] .porfolio3_figcaption2, .home [class^=imghvr-] .porfolio3_figcaption6, .home [class^=imghvr-] .porfolio3_figcaption7 {
  top: 219px;
  left: 0;
}

.home [class^=imghvr-] .porfolio3_figcaption6, .home [class^=imghvr-] .porfolio3_figcaption7 {
  left: 0;
}

.home [class^=imghvr-] .porfolio3_figcaption8 {
  top: 94px;
  left: 4px;
}

.home [class^=imghvr-] .porfolio3_figcaption4 {
  top: 187px;
}

.home [class^=imghvr-] .porfolio3_figcaption3 {
  top: 129px;
}

.home [class^=imghvr-] .porfolio3_figcaption5, .home [class^=imghvr-] .porfolio3_figcaption9 {
  top: 94px;
  left: 0;
}

.home .portfolio3 .home_text-color {
  color: #8799a3;
}

@media (min-width: 1200px) and (max-width: 1440px) {
  .home .grid-item,
  .home .grid-sizer {
    width: 33.36%;
  }
  .home .grid-item {
    float: left;
  }
  .home .grid-item--width2 {
    width: 66.67%;
  }
  .home .grid-item--width4 {
    width: 100%;
  }
  .home .grid-item--width6 {
    width: 33.33%;
  }
  .home .grid-item--height2 {
    height: auto;
  }
  .home .grid-item--height3 {
    height: auto;
  }
  .home .grid-item--height4 {
    height: auto;
  }
  .home .grid-item--height5 {
    height: auto;
  }
  .home .grid-item--height6 {
    height: auto;
  }
  .home .grid-item--height {
    height: auto;
  }
  .home [class*=" imghvr-"] > img, .home [class^=imghvr-] > img {
    vertical-align: middle !important;
  }
}

@media (min-width: 992px) and (max-width: 1199px) {
  .home .grid {
    width: 99%;
  }
  .home .grid-item, .home .grid-sizer {
    width: 33%;
  }
  .home .grid-item--width6 img {
    height: 424px;
  }
  .home .grid-item--width2 {
    width: 66%;
  }
  .home .grid-item--width4 {
    width: 99%;
  }
  .home .grid-item--width6 {
    width: 33%;
  }
  .home .portfolio3 [class^=imghvr-] .porfolio3_figcaption5, .home .portfolio3 [class^=imghvr-] .porfolio3_figcaption9 {
    top: 74px;
    left: 0;
  }
  .home .portfolio3 [class^=imghvr-] .porfolio3_figcaption4 {
    top: 147px;
    left: 4px;
  }
  .home .portfolio3 [class^=imghvr-] .porfolio3_figcaption8 {
    top: 79px;
  }
  .home .portfolio3 [class^=imghvr-] .porfolio3_figcaption2, .home .portfolio3 [class^=imghvr-] .porfolio3_figcaption7 {
    top: 187px;
  }
  .home .portfolio3 [class^=imghvr-] .porfolio3_figcaption6 {
    top: 157px;
  }
}

@media (min-width: 768px) and (max-width: 991px) {
  .home .portfolio3 [class^=imghvr-] .porfolio3_figcaption4 {
    top: 118px;
  }
  .home .portfolio3 [class^=imghvr-] .porfolio3_figcaption3 {
    top: 86px;
  }
  .home .portfolio3 [class^=imghvr-] .porfolio3_figcaption8, .home .portfolio3 [class^=imghvr-] .porfolio3_figcaption5 {
    top: 60px;
  }
  .home .portfolio3 [class^=imghvr-] .porfolio3_figcaption2, .home .portfolio3 [class^=imghvr-] .porfolio3_figcaption7 {
    top: 128px;
  }
  .home .portfolio3 [class^=imghvr-] .porfolio3_figcaption1 {
    top: 127px;
    left: 19px;
  }
}

@media (min-width: 576px) and (max-width: 767px) {
  .home .portfolio3 [class^=imghvr-] .porfolio3_figcaption4 {
    top: 118px;
  }
  .home .portfolio3 [class^=imghvr-] .porfolio3_figcaption3 {
    top: 48px;
  }
  .home .portfolio3 [class^=imghvr-] .porfolio3_figcaption6 {
    top: 76px;
  }
  .home .portfolio3 [class^=imghvr-] .porfolio3_figcaption4 {
    top: 81px;
  }
  .home .portfolio3 [class^=imghvr-] .porfolio3_figcaption5 {
    top: 30px;
  }
  .home .portfolio3 [class^=imghvr-] .porfolio3_figcaption8 {
    top: 30px;
  }
  .home .portfolio3 [class^=imghvr-] .porfolio3_figcaption2, .home .portfolio3 [class^=imghvr-] .porfolio3_figcaption7 {
    top: 101px;
  }
  .home .portfolio3 [class^=imghvr-] .porfolio3_figcaption1 {
    top: 102px;
    left: 19px;
  }
}

@media (min-width: 320px) and (max-width: 575px) {
  .home .portfolio3 [class^=imghvr-] figcaption {
    display: none;
  }
}

.home_icon .menu_toggle_icon1 {
  display: none;
  margin-bottom: 23px;
}

.home_filter-menu-group1 .active {
  color: #8799a3;
}

/* masonry page css*/
/*linkpost page css code*/
.author-title {
  color: var(--gray-4);
  margin-left: -80px;
  margin-bottom: 0;
  font-size: 16px;
}

/* Standard post page css*/
#nav_standardpost {
  background-image: url("../images/standard_frontimg.jpg");
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center center;
  height: auto;
  padding: 0 0 30rem 0;
}

@media (min-width: 320px) and (max-width: 575px) {
  .navbar {
    position: relative;
  }
  .stdpost_bgimg {
    position: absolute;
    top: 0;
    width: 100%;
    height: 578px;
  }
  #nav_standardpost {
    padding: 0 0 15rem 0;
  }
}

.quoteleft-icon {
  position: relative;
  left: 0px;
  top: 43px;
  z-index: -1;
  font-size: 55px;
}

/*quotepost page css*/
#nav_quotepost {
  background-image: url("../images/secenery1.JPG");
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center center;
}

#nav_quotepost .navbar-nav {
  position: relative;
  top: 11px;
}

#nav_quotepost .toggle_adjust1 {
  position: relative;
  top: 56px;
  left: 41px;
}

/*videopost page css*/
.plyr {
  border-radius: 10px;
  box-shadow: 0 15px 75px 25px #cecece;
}

.plyr__play-large {
  background: transparent;
}

.plyr .video {
  width: 100%;
  height: auto;
  background: transparent url("../images/hands-people-woman-meeting.jpg") no-repeat 0 0;
  background-size: cover;
}

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

video[poster] {
  width: 100%;
}

@media (min-width: 320px) and (max-width: 575px) {
  .responsive_mtop {
    margin-top: 2rem;
  }
}

.date_margin {
  margin-top: 9px;
}

/*sliderpage css*/
.slider {
  width: 100%;
  margin: 1rem auto 3rem auto;
}

.slick-slide {
  margin: 0 10px;
}

@media (min-width: 768px) and (max-width: 991px) {
  .slick-slide {
    padding: 0 25px;
  }
}

@media (min-width: 768px) and (max-width: 1024px) {
  .slick-slide {
    margin: 0 0;
  }
}

@media (min-width: 320px) and (max-width: 575px) {
  .slick-slide {
    margin: 0;
  }
  .responsive_mtop {
    margin-top: 2rem;
  }
}

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

.slick-prev:before,
.slick-next:before {
  color: black;
}

.slick-slide {
  transition: all ease-in-out .3s;
  opacity: .4;
}

.slick-active {
  opacity: .5;
}

.slick-current {
  opacity: 1;
}

.slick-slider > .slick-prev, .slick-next {
  display: none !important;
}

/* single image page css*/
.border-setting {
  border-bottom: 2px solid #252525;
  width: 137px;
  line-height: 4;
}

.hvr-glow {
  display: inline-block;
  vertical-align: middle;
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px transparent;
  transition-duration: 0.3s;
  transition-property: box-shadow;
}

.hvr-glow:hover, .hvr-glow:focus, .hvr-glow:active {
  box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
}

.singleimage [class^=imghvr-] {
  background-color: #000;
}

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

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

@media (min-width: 576px) and (max-width: 767px) {
  .button_purchasenow, .button_postcomment {
    padding: 18px 20px 18px 20px;
  }
}

/* about studio css*/
#nav_aboutstudio {
  background-image: url("../images/menu_heder.jpg");
  background-size: cover;
  background-repeat: no-repeat;
  height: auto;
  background-position: center center;
}

.port4_text_padding {
  padding: 28rem 0 0 0;
}

.text_padding {
  padding: 25rem 0 6rem 1rem;
}

.colset {
  padding: 4rem 7rem 0 5rem;
  margin-top: -2rem;
}

.background_color, .backgroundcolor1 {
  background-color: #f3f4f6;
}

.MeetTeam_section [class^=imghvr-] {
  background: none;
  overflow: hidden;
}

.carousel-control-next {
  right: -40px;
  opacity: 1;
}

.carousel .carousel-control-prev:focus, .carousel-control-prev:hover, .carousel-control-next:focus, .carousel-control-next:hover {
  opacity: 1;
}

.carousel-control-prev {
  left: -40px;
  opacity: 1;
}

.carousel .carousel-control-prev:focus, .carousel-control-prev:hover, .carousel-control-next:focus, .carousel-control-next:hover {
  opacity: 1;
}

.carousel-indicators li {
  height: 5px;
  border-radius: 5px;
  cursor: pointer;
}

.carousel-item img {
  position: relative;
  left: 0;
  top: 41px;
  z-index: -1;
}

.overlay, .overlay1, .overlay2, .overlay3, .overlay4, .overlay5 {
  position: absolute;
  top: 3px;
  bottom: 0;
  left: 0;
  right: 0;
  height: 61px;
  width: 61px;
  opacity: 0;
  transition: .5s ease;
  background-color: #9babb5;
  border-radius: 50px;
  cursor: pointer;
}

.MeetTeam_section .img_boxshadow {
  box-shadow: 0 3px 55px -5px rgba(0, 0, 0, 0.4);
}

.MeetTeam_section .nav-pills a:before, .MeetTeam_section .nav-pills .pill-image:before {
  content: '';
  position: absolute;
  top: 4px;
  right: 0;
  bottom: 0;
  left: 0;
  border-radius: 50%;
  transition: opacity 0.3s;
  opacity: 0;
}

.MeetTeam_section .nav-pills .pill-image:before {
  top: 8px;
}

.MeetTeam_section .nav-pills a:before {
  background-color: rgba(135, 153, 163, 0.4);
}

.MeetTeam_section .nav-pills a.active:before, .MeetTeam_section .nav-pills a:hover:before {
  opacity: 1;
  width: 60px;
  height: 60px;
  margin-right: 15px;
}

.MeetTeam_section .nav-pills a {
  float: left;
  position: relative;
}

.overlay1 {
  left: 67px;
}

.overlay2 {
  left: 135px;
}

.overlay3 {
  left: 204px;
}

.overlay4 {
  top: 52.9%;
  left: 0;
}

.overlay5 {
  top: 52.9%;
  left: 21.2%;
}

.overlay:hover, .overlay1, .overlay2:hover, .overlay3:hover, .overlay4:hover, .overlay5:hover {
  opacity: 0.5;
}

.about_img .img-fluid {
  height: 475px;
  width: auto;
}

.about_figure {
  transform: scale(1, 1);
  /* Standard syntax */
  margin-top: -7rem;
}

.carousel-indicators {
  bottom: -35px;
}

.carousel-indicators li {
  background-color: #e1e2e4;
  width: 20px;
}

.carousel-indicators .active {
  background-color: var(--light);
}

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

.about_logo:hover {
  opacity: 1;
}

.logo-section img {
  cursor: pointer;
}

/*free lancer page css*/
#nav_freelancer {
  background-image: url("../images/freelancer_bgimg2.png");
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center center;
  height: auto;
  background-color: #faf8fc;
}

.h1after {
  position: relative;
  z-index: 1;
  padding-bottom: 0;
}

.h1after:after {
  content: "";
  position: absolute;
  left: 0%;
  bottom: 0;
  width: 100px;
  border-bottom: 3px solid;
}

.freelaner_text_padding {
  padding: 25rem 0 6rem 1rem;
}

.timeline ul li {
  list-style-type: none;
  position: relative;
  width: 6px;
  background: rgba(128, 128, 128, 0.16);
}

.timeline ul li::after {
  content: '';
  position: absolute;
  left: 46%;
  bottom: 0;
  transform: translateX(-50%);
  width: 25px;
  height: 25px;
  border-radius: 50%;
  background-color: var(--white);
  top: -12%;
  box-shadow: 2px -1px 20px 12px #eee;
}

.timeline ul li:hover::after {
  background-color: var(--primary) !important;
  color: var(--white);
  content: '';
  position: absolute;
  left: 46%;
  bottom: 0;
  transform: translateX(-50%);
  width: 25px;
  height: 25px;
  border-radius: 50%;
  top: -12%;
  box-shadow: 1px 3px 14px 0 var(--primary) !important;
}

.timeline ul li div {
  position: relative;
  bottom: 0;
  width: 553px;
  padding: 15px;
  top: -22px;
  left: 20px;
}

.timeline ul li:hover {
  background-color: var(--primary);
}

.timeline ul li:hover div h6 {
  color: var(--primary);
}

.timeline ul li:nth-child(odd) div::before {
  left: -15px;
  border-width: 8px 16px 8px 0;
  border-color: transparent #F45B69 transparent transparent;
}

.timeline ul li:nth-child(even) div::before {
  right: -15px;
  border-width: 8px 0 8px 16px;
  border-color: transparent transparent transparent #F45B69;
}

.freelanceraspects:hover .brand, .freelanceraspects:hover .web, .freelanceraspects:hover .develope,
.freelanceraspects:hover .photo, .freelanceraspects:hover .art, .freelanceraspects:hover .content {
  transform: rotate(360deg);
  transition-duration: 1s;
  cursor: pointer;
}

.freelanceraspects {
  cursor: pointer;
}

/* EFFECTS
–––––––––––––––––––––––––––––––––––––––––––––––––– */
.timeline ul li::after {
  transition: background .5s ease-in-out;
}

.timeline ul li.in-view::after {
  background: grey;
}

.timeline ul li.in-view div {
  transform: none;
  visibility: visible;
  opacity: 1;
}

.timeline .circle1 {
  top: 24px;
}

.inner_circle {
  background-color: rgba(134, 142, 150, 0.46);
  padding: 4px;
  border-radius: 50%;
  position: absolute;
  z-index: 1090;
  right: 251px;
  top: 24px;
}

.timeline li:hover .inner_cirlce, .timeline li:hover .inner_cirlce1 {
  background-color: var(--white) !important;
  padding: 4px;
  border-radius: 50%;
  position: absolute;
  top: 93%;
  z-index: 1090;
  right: 393px;
}

.timeline ul li:hover .inner_circle {
  background-color: var(--white) !important;
}

@media (min-width: 576px) and (max-width: 767px) {
  .timeline span.inner_circle1 {
    top: 39px !important;
  }
}

@media (min-width: 320px) and (max-width: 575px) {
  .timeline span.inner_circle1 {
    top: 30px !important;
  }
}

@media (min-width: 320px) and (max-width: 767px) {
  .row_padding {
    padding: 4rem 0;
  }
  .mrgn_right {
    margin-right: 0;
  }
  .years_font {
    margin-right: 9rem;
    font-size: 14px;
  }
  .text_font {
    font-size: 11px;
  }
  .timeline ul li {
    list-style-type: none;
    position: relative;
    width: 6px;
    background: rgba(128, 128, 128, 0.16);
    left: 1rem;
  }
  .inner_circle {
    right: 241px;
    top: 30px;
  }
}

@media (min-width: 992px) and (max-width: 1319px) {
  .timeline ul li::after {
    top: -11% !important;
  }
  .inner_circle {
    right: 221px;
    top: 25px;
  }
  .timeline ul li div {
    width: 480px;
  }
  .circle1 {
    top: 16%;
  }
}

@media (min-width: 768px) and (max-width: 991px) {
  .timeline ul li div {
    width: 372px;
  }
  .inner_circle {
    right: 176px;
    top: 23px;
  }
  .inner_circle1.circle1 {
    top: 20px !important;
  }
  .freelancer_exp_mtop {
    padding-top: 4rem;
    padding-bottom: 3rem;
  }
  .get-in-touch {
    padding-bottom: 0;
  }
  .pill-image {
    position: relative;
    top: -2px;
  }
}

@media (min-width: 769px) and (max-width: 991px) {
  .timeline ul li div {
    width: 380px;
  }
  .inner_circle {
    right: 179px;
    top: 23px;
  }
  .circle1 {
    top: 16%;
  }
}

.mar-text {
  position: relative;
  top: -4px;
}

.about_history p {
  margin-bottom: 0;
}

.freelancer_blog1, .freelancer_blog2 {
  background-color: #faf8fc;
}

.get-in-touch {
  padding-top: 5rem;
}

@media (min-width: 992px) and (max-width: 1199px) {
  .get-in-touch {
    padding-top: 4rem;
    top: 4rem;
  }
  .freelancer-exp .img-fluid {
    height: 700px;
  }
  .get-in-touch .img-fluid {
    height: 87%;
  }
}

@media (min-width: 576px) and (max-width: 767px) {
  .inner_circle {
    right: 134px;
    top: 39px;
  }
  .timeline ul li div {
    width: 270px;
    top: -30px;
  }
  .circle1 {
    right: 133px;
    top: 39%;
  }
  .freelancer_exp_mtop {
    padding-bottom: 7rem;
  }
  .get-in-touch {
    padding-bottom: 0;
    padding-top: 4rem;
  }
}

@media (min-width: 320px) and (max-width: 575px) {
  .text_font {
    position: relative;
    top: 5px;
  }
  .freelaner_text_padding {
    padding: 8rem 0 3rem 1rem;
  }
  #nav_freelancer {
    background-position: left top;
  }
  .timeline ul li div {
    width: 238px;
    top: -30px;
  }
}

@media (min-width: 320px) and (max-width: 551px) {
  .adjust_space {
    margin-top: 1.5rem;
  }
}

@media (min-width: 320px) and (max-width: 575px) {
  .circle {
    top: 34px;
  }
}

/*portfolio-4 css*/
.container .row .ulmargin0 {
  margin: 0;
}

#nav_portfolio-4 {
  background-image: url("../images/portpolio4/portfolio_bgimg.png");
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center center;
  height: 762px;
}

.portfolio4_row {
  margin-left: 0 !important;
}

.grid {
  width: 100%;
}

.grid-item {
  width: 33.33%;
}

@media (min-width: 576px) and (max-width: 767px) {
  .grid {
    width: 100%;
  }
  .grid-item {
    width: 100%;
  }
}

@media (min-width: 320px) and (max-width: 575px) {
  #nav_portfolio-4 {
    height: auto;
  }
  .text_padding {
    padding: 18rem 0 0 1rem;
  }
  .port4_text_padding {
    padding: 8rem 0 5rem 1rem;
  }
  .portfolio4 [class^=imghvr-] figcaption {
    top: 93px !important;
  }
  .grid {
    width: 100%;
  }
  .grid-item {
    width: 100%;
  }
}

.portfolio4 [class^=imghvr-] figcaption {
  background: none;
  top: 153px;
}

.portfolio4 [class^=imghvr-] {
  background-color: #2894fb;
  overflow: visible;
}

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

.grid_padding {
  margin-bottom: 30px;
}

.portfolio4_menu li:hover, .portfolio4_menu li:focus, .portfolio4_menu .active {
  color: var(--light);
}

@media (min-width: 320px) and (max-width: 575px) {
  .pagination ul > li:first-child > .prev {
    position: absolute;
    left: -20px;
    top: 11px;
  }
  .pagination ul > li:last-child > a {
    position: absolute;
    top: 11px;
    right: -12px;
  }
}

.pagination_bottom {
  margin-bottom: 7rem;
}

.portfolio4_menu ul .active {
  color: #8799a3;
}

@media (min-width: 768px) and (max-width: 991px) {
  .portfolio4 [class^=imghvr-] figcaption {
    position: absolute;
    top: 42px !important;
  }
  .portfolio4_menu li {
    font-size: 12px;
  }
}

@media (min-width: 992px) and (max-width: 1024px) {
  .portfolio4 [class^=imghvr-] figcaption {
    top: 93px !important;
  }
}

.portfolio4_hide {
  display: none !important;
}

.portfolio4_iconsetting {
  margin-left: 42px;
  position: relative;
  top: 22px;
  left: 32px;
}

/*project_details_grid css*/
#nav_project_details_grid {
  background-image: url("../images/grid_coverimg.png");
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center center;
  height: auto;
  padding-bottom: 26rem;
}

@media (min-width: 320px) and (max-width: 575px) {
  #nav_project_details_grid {
    height: auto;
    background-position: left   center;
    padding-bottom: 14rem;
  }
}

@media (min-width: 768px) and (max-width: 991px) {
  .button_purchasenow, .button_postcomment {
    padding: 21px 39px 18px 39px;
  }
}

/*portfolio3 css*/
.portfolio3 [class^=imghvr-] {
  background-color: #000000;
  transform: none;
  -webkit-backface-visibility: visible;
  backface-visibility: visible;
}

.portfolio3 [class*=" imghvr-"] > img, .portfolio3 [class^=imghvr-] > img {
  vertical-align: middle;
}

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

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

[class^=imghvr-] figcaption h6 {
  font-weight: 600;
}

[class^=imghvr-] .porfolio3_figcaption1 {
  top: 71px;
  left: 19px;
}

[class^=imghvr-] .porfolio3_figcaption2, [class^=imghvr-] .porfolio3_figcaption6, [class^=imghvr-] .porfolio3_figcaption7 {
  top: 193px;
  left: 0;
}

[class^=imghvr-] .porfolio3_figcaption6, [class^=imghvr-] .porfolio3_figcaption7 {
  left: 0;
}

[class^=imghvr-] .porfolio3_figcaption3, [class^=imghvr-] .porfolio3_figcaption4, [class^=imghvr-] .porfolio3_figcaption8 {
  top: 117px;
  left: 4px;
}

[class^=imghvr-] .porfolio3_figcaption5, [class^=imghvr-] .porfolio3_figcaption9 {
  top: 70px;
  left: 0;
}

.filter-button-group ul .active {
  color: #8799a3;
}

.menu_padding {
  padding: 36px 0px;
}

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

@media (min-width: 320px) and (max-width: 1199px) {
  [class*=imghvr-] > img {
    vertical-align: middle !important;
  }
}

.portfolio3 .lazyload {
  display: none;
}

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

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

@media (min-width: 576px) and (max-width: 767px) {
  .portfolio3 [class^=imghvr-] .porfolio3_figcaption5, .portfolio3 [class^=imghvr-] .porfolio3_figcaption9 {
    top: 80px;
    left: 0;
  }
  .portfolio3 [class^=imghvr-] .porfolio3_figcaption3, .portfolio3 [class^=imghvr-] .porfolio3_figcaption4, .portfolio3 [class^=imghvr-] .porfolio3_figcaption8 {
    top: 114px;
    left: 4px;
  }
  .portfolio3 [class^=imghvr-] .porfolio3_figcaption2, .portfolio3 [class^=imghvr-] .porfolio3_figcaption6, .portfolio3 [class^=imghvr-] .porfolio3_figcaption7 {
    top: 210px;
    left: 0;
  }
  .portfolio3 [class^=imghvr-] .porfolio3_figcaption1 {
    top: 77px;
    left: 2px;
  }
}

@media (min-width: 768px) and (max-width: 991px) {
  .portfolio3 [class^=imghvr-] .porfolio3_figcaption5, .portfolio3 [class^=imghvr-] .porfolio3_figcaption9 {
    top: 19px;
    left: 0;
  }
  .portfolio3 [class^=imghvr-] .porfolio3_figcaption3, .portfolio3 [class^=imghvr-] .porfolio3_figcaption4, .portfolio3 [class^=imghvr-] .porfolio3_figcaption8 {
    top: 42px;
    left: 4px;
  }
  .portfolio3 [class^=imghvr-] .porfolio3_figcaption2, .portfolio3 [class^=imghvr-] .porfolio3_figcaption6, .portfolio3 [class^=imghvr-] .porfolio3_figcaption7 {
    top: 93px;
    left: 0;
  }
  .portfolio3 [class^=imghvr-] .porfolio3_figcaption1 {
    top: 16px;
    left: 2px;
  }
}

@media (min-width: 992px) and (max-width: 1024px) {
  .portfolio3 [class^=imghvr-] .porfolio3_figcaption3, .portfolio3 [class^=imghvr-] .porfolio3_figcaption4, .portfolio3 [class^=imghvr-] .porfolio3_figcaption8 {
    top: 91px;
    left: 4px;
  }
  .portfolio3 [class^=imghvr-] .porfolio3_figcaption5, .portfolio3 [class^=imghvr-] .porfolio3_figcaption9 {
    top: 51px;
    left: 0;
  }
  .portfolio3 [class^=imghvr-] .porfolio3_figcaption2, .portfolio3 [class^=imghvr-] .porfolio3_figcaption6, .portfolio3 [class^=imghvr-] .porfolio3_figcaption7 {
    top: 152px;
    left: 0;
  }
}

@media (min-width: 320px) and (max-width: 575px) {
  .portfolio3 .button-group.filter-button-group li {
    margin-bottom: 1rem;
  }
  .portfolio3 [class^=imghvr-] .porfolio3_figcaption1 {
    top: 47px;
    left: 2px;
  }
  .portfolio3 [class^=imghvr-] .porfolio3_figcaption2, .portfolio3 [class^=imghvr-] .porfolio3_figcaption6, .portfolio3 [class^=imghvr-] .porfolio3_figcaption7 {
    top: 128px;
    left: 0;
  }
  .portfolio3 [class^=imghvr-] .porfolio3_figcaption3, .portfolio3 [class^=imghvr-] .porfolio3_figcaption4, .portfolio3 [class^=imghvr-] .porfolio3_figcaption8 {
    top: 80px;
    left: 4px;
  }
  .portfolio3 [class^=imghvr-] .porfolio3_figcaption5, .portfolio3 [class^=imghvr-] .porfolio3_figcaption9 {
    top: 50px;
    left: 0;
  }
  .portfolio3 .grid-item {
    text-align: center;
  }
}

.filter-button-group ul li:hover {
  color: #8799a3;
}

.portfolio3-heading h1 {
  font-size: 2.625rem;
}

/*audiopost page css code*/
.audio iframe {
  width: 100%;
  height: 323px;
  box-shadow: 0 5px 32px 1px #9E9E9E;
  margin: -2rem 0 -2rem 0;
}

@media (min-width: 320px) and (max-width: 575px) {
  .btndark {
    padding: 9px 20px 9px 20px;
    margin-right: -13px;
  }
  .reply-btn-name {
    font-size: 16px !important;
  }
}

@media (min-width: 768px) and (max-width: 991px) {
  .date_margin {
    font-size: 20px;
  }
}

.next-rotate {
  transform: rotate(180deg);
}

.prevbtn {
  transform: rotate(180deg);
}

.nextbtn {
  transform: rotate(180deg);
}

/*checkout css code*/
#nav_Checkout_page .toggle_adjust {
  top: 48px !important;
}

.checkoutpage .checkout-login-hide, .checkoutpage .display {
  display: none;
}

.checkoutpage .chekout_margintop {
  margin-top: -30px;
}

.checkoutpage tbody tr td:first-child {
  width: 300px;
  padding-left: 7rem;
}

.checkoutpage .table-head-bg {
  background-color: #f9f9fb;
}

.checkoutpage .table-head-bg:last-child {
  border-top: 2px solid #fff;
}

.checkoutpage .check {
  display: none;
  position: absolute;
  right: 41px;
  top: 51px;
}

.checkoutpage .payment-description {
  display: none;
}

/*bloglist css code*/
#nav_blog_list1 {
  background-image: url(../images/blog_background.png);
  height: 894px;
  background-size: cover;
  background-position: center center;
}

.bloglist_heading {
  position: relative;
}

.bloglist_heading:after {
  background: url(../images/blog_header_after.png) no-repeat;
  position: absolute;
  bottom: -40px;
  left: 0;
  height: 4px;
  width: 160px;
  content: "";
  margin: 0;
}

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

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

.blog_video_background:hover {
  background-image: url("../images/blog_video_poster_background.JPG");
  background-size: cover;
}

.blog_video_background:hover h3 a, .blog_spost_background:hover h3 a, .blog_qpost_background:hover h3 a, .blog_gpost_background:hover h3 a {
  color: #8799A3;
}

.blog_video_background h3:hover a, .blog_spost_background h3:hover a, .blog_qpost_background h3:hover a, .blog_gpost_background h3:hover a {
  color: #fff;
}

.blog_video_background:hover p, .blog_spost_background:hover p, .blog_gpost_background:hover p {
  color: #fff !important;
}

.blog_spost_background:hover {
  background-image: url("../images/blog_standardpost.jpg");
  background-size: cover;
  background-position: center;
}

.blog_qpost_background:hover {
  background-image: url("../images/blog_quotepost.JPG");
  background-size: cover;
  background-position: center;
  padding: 4rem 0 4rem;
}

.blog_gpost_background:hover {
  background-image: url("../images/blog_gallerypost.JPG");
  background-size: cover;
  background-position: center;
  padding: 4rem 0 0;
}

.blog_gpost_background:hover .similarity_icon {
  height: 4px;
  margin-top: -2px;
}

/*contact page1 css code*/
#nav_contact_page1 {
  background-image: url(../images/contact_page_background1.png);
  height: 796px;
  background-size: cover;
  background-position: center center;
}

.map {
  height: 463px;
  width: 100%;
  border-radius: 10px;
  box-shadow: -1px 2px 50px 6px #d4d5d6;
}

.contact_page2_hr {
  width: 160px;
  height: 3px;
  background-color: var(--dark);
  margin-left: 0;
  margin-top: 1.5rem;
  margin-bottom: 2.5rem;
}

@media (min-width: 320px) and (max-width: 425px) {
  #nav_contact_page1 {
    height: auto;
  }
  .contact_feedback {
    margin-top: 4rem;
  }
}

.contact_get {
  margin-bottom: 35px;
}

.contact_input_margin {
  margin-top: 8px;
}

.contact_margin {
  margin-top: 7rem;
}

/*product details description css code*/
#nav_product_details_description2 .toggle_adjust, #nav_product_details_reviews .toggle_adjust {
  top: 48px !important;
}

.product_16 .input-group > .input-group-prepend > .btn {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}

.product_16 .swiper-pagination {
  position: unset;
  margin: 2rem 0;
}

.product_16 .tab-background {
  background-color: #f9f9fb;
  padding: 3rem 0;
}

.product_review_slide .swiper-container-horizontal > .swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction {
  left: 0;
  top: 0;
}

/*product details description 2 css code*/
#nav_product_details_description1 .toggle_adjust {
  top: 48px !important;
}

.product_17 .swiper-pagination {
  position: unset;
  margin: 1rem 0;
}

.slide1 {
  background: url("../images/photos/shirt2.png");
  background-size: cover;
  background-position: center;
  height: 363px;
  position: relative;
}

.slide2 {
  background: url("../images/photos/book.png");
  background-size: cover;
  background-position: bottom;
  height: 363px;
  position: relative;
}

.slide3 {
  background: url("../images/photos/wood.JPG");
  background-size: cover;
  background-position: bottom;
  height: 363px;
  position: relative;
}

.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%;
}

/*portfolio2 css code*/
.portfolio2 {
  /* force scrollbar, prevents initial gap */
  /* ---- grid ---- */
  /* clear fix */
  /* ---- .element-item ---- */
  /*portfolio3 css*/
}

.portfolio2 .img-hide {
  display: none;
}

.portfolio2 * {
  box-sizing: border-box;
}

.portfolio2 html {
  overflow-y: scroll;
}

.portfolio2 .grid:after {
  content: '';
  display: block;
  clear: both;
}

.portfolio2 .grid-sizer {
  width: 33.33%;
}

.portfolio2 .grid-item {
  width: 33.36%;
}

.portfolio2 .grid-item {
  float: left;
}

.portfolio2 .grid-item--width2 {
  width: 66.66%;
}

.portfolio2 .grid-item--width4 {
  width: 100%;
}

.portfolio2 .grid-item--width6 {
  width: 33.33%;
}

.portfolio2 .grid-item--width7 {
  width: 33.39%;
}

.portfolio2 .grid-item--width8 {
  width: 33.26%;
}

.portfolio2 .grid-item {
  margin-bottom: -11px;
}

.home_filter-menu-group {
  display: none;
}

@media (min-width: 768px) and (max-width: 991px) {
  #nav_portfolio-2 .nav-toggler {
    left: 61px;
  }
}

/*portfolio1 css code*/
.portfolio2_menu {
  position: absolute;
  top: 36px;
  left: 37%;
}

.portfolio1 {
  /* force scrollbar, prevents initial gap */
  /* ---- grid ---- */
  /* clear fix */
  /* ---- .element-item ---- */
  /*portfolio3 css*/
}

.portfolio1 html {
  overflow-y: scroll;
}

.portfolio1 .grid-item,
.portfolio1 .grid-sizer {
  width: 33.33%;
}

.portfolio1 .grid-item {
  float: left;
  margin-bottom: 20px;
  padding-left: 15px;
  padding-right: 15px;
}

.portfolio1 .grid-item--width2 {
  width: 66.66%;
}

@media (min-width: 320px) and (max-width: 575px) {
  .portfolio1 [class^=imghvr-] figcaption.porfolio3_figcaption6, .portfolio1 [class^=imghvr-] figcaption.porfolio3_figcaption3,
  .portfolio1 [class^=imghvr-] figcaption.porfolio3_figcaption5, .portfolio1 [class^=imghvr-] figcaption.porfolio3_figcaption4,
  .portfolio1 [class^=imghvr-] figcaption.porfolio3_figcaption8 {
    top: 49%;
  }
  .portfolio1 [class^=imghvr-] figcaption.porfolio3_figcaption2, .portfolio1 [class^=imghvr-] figcaption.porfolio3_figcaption7 {
    top: 75%;
  }
  .portfolio1 .grid-item {
    padding-left: 13px;
    padding-right: 5px;
    margin-bottom: 10px;
    width: 100%;
  }
}

@media (min-width: 576px) and (max-width: 767px) {
  .portfolio1 .grid-item--width2, .portfolio1 .grid-item {
    width: 100%;
  }
  .portfolio1 [class^=imghvr-] figcaption.porfolio3_figcaption6, .portfolio1 [class^=imghvr-] figcaption.porfolio3_figcaption3,
  .portfolio1 [class^=imghvr-] figcaption.porfolio3_figcaption5, .portfolio1 [class^=imghvr-] figcaption.porfolio3_figcaption4,
  .portfolio1 [class^=imghvr-] figcaption.porfolio3_figcaption8 {
    top: 62%;
  }
  .portfolio1 [class^=imghvr-] figcaption.porfolio3_figcaption4, .portfolio1 [class^=imghvr-] figcaption.porfolio3_figcaption6 {
    top: 72%;
  }
  .portfolio1 [class^=imghvr-] figcaption.porfolio3_figcaption2, .portfolio1 [class^=imghvr-] figcaption.porfolio3_figcaption7 {
    top: 82%;
  }
  .portfolio1 .grid-item {
    width: 100%;
  }
}

.portfolio1 .portfolio3 [class^=imghvr-] {
  background-color: #000;
}

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

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

.portfolio1 [class^=imghvr-] .porfolio3_figcaption1 {
  top: 211px;
  left: 19px;
}

.portfolio1 [class^=imghvr-] .porfolio3_figcaption2, .portfolio1 [class^=imghvr-] .porfolio3_figcaption6, .portfolio1 [class^=imghvr-] .porfolio3_figcaption7 {
  top: 80%;
  left: 0;
}

.portfolio1 [class^=imghvr-] .porfolio3_figcaption6, .portfolio1 [class^=imghvr-] .porfolio3_figcaption7 {
  left: 0;
}

.portfolio1 .figcaption {
  display: none;
}

.portfolio1 [class^=imghvr-] .porfolio3_figcaption8 {
  top: 59%;
  left: 0;
}

.portfolio1 [class^=imghvr-] .porfolio3_figcaption4 {
  top: 80%;
}

.portfolio1 [class^=imghvr-] .porfolio3_figcaption3 {
  top: 59%;
}

.portfolio1 [class^=imghvr-] .porfolio3_figcaption5, .portfolio1 [class^=imghvr-] .porfolio3_figcaption5, .portfolio1 [class^=imghvr-] .porfolio3_figcaption9 {
  top: 59%;
  left: 0;
}

@media (min-width: 992px) and (max-width: 1024px) {
  .portfolio1 [class^=imghvr-] .porfolio3_figcaption2,
  .portfolio1 [class^=imghvr-] .porfolio3_figcaption6,
  .portfolio1 [class^=imghvr-] .porfolio3_figcaption7 {
    top: 77%;
  }
  .portfolio1 [class^=imghvr-] .porfolio3_figcaption3,
  .portfolio1 [class^=imghvr-] .porfolio3_figcaption5,
  .portfolio1 [class^=imghvr-] .porfolio3_figcaption5,
  .portfolio1 [class^=imghvr-] .porfolio3_figcaption9 {
    top: 50%;
  }
  .portfolio1 [class^=imghvr-] .porfolio3_figcaption4 {
    top: 77%;
  }
  .portfolio1 [class^=imghvr-] .porfolio3_figcaption8 {
    top: 52%;
  }
}

@media (min-width: 768px) and (max-width: 991px) {
  .portfolio1 #nav_portfolio1 .nav-toggler {
    left: 58px;
  }
  .portfolio1 .grid-item, .portfolio1 .grid-item--width2, .portfolio1 .grid-sizer {
    width: 50%;
  }
  .portfolio1 [class^=imghvr-] .porfolio3_figcaption3 {
    top: 55%;
  }
  .portfolio1 [class^=imghvr-] .porfolio3_figcaption5 {
    top: 56%;
  }
  .portfolio1 [class^=imghvr-] .porfolio3_figcaption4 {
    top: 56%;
  }
  .portfolio1 [class^=imghvr-] .porfolio3_figcaption8 {
    top: 56%;
  }
  .portfolio1 [class^=imghvr-] .porfolio3_figcaption7, .portfolio1 [class^=imghvr-] .porfolio3_figcaption6 {
    top: 57%;
  }
  .portfolio1 [class^=imghvr-] .porfolio3_figcaption2, .portfolio1 [class^=imghvr-] .porfolio3_figcaption7 {
    top: 79%;
  }
}

.portfolio1 .lazyload {
  display: none;
}

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

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

@media (min-width: 320px) and (max-width: 374px) {
  .submenu1 {
    position: absolute;
    right: 72px !important;
    top: 47px !important;
  }
}

@media (min-width: 426px) and (max-width: 575px) {
  .li-res-top1 {
    left: auto;
    top: -23px;
    right: -204px;
  }
}

@media (min-width: 992px) and (max-width: 1440px) {
  .submenu1 {
    top: 47px !important;
  }
}

.submenu {
  position: absolute;
  right: 85px;
  top: 46px;
  z-index: 9999;
}

.submenu1 {
  position: absolute;
  right: 93px;
  top: 46px;
  z-index: 9999;
}

.menu_hide {
  display: none !important;
}

.home_filter-menu-group ul .active {
  color: #8799a3;
}

.home_filter-menu-group ul li:hover {
  color: #8799A3;
}

@media (min-width: 768px) and (max-width: 991px) {
  #nav_portfolio1 .nav-toggler {
    left: 58px;
  }
}

/*shop list1 css code*/
#nav_shop_list2 {
  background-color: #f3f4f6;
}

#nav_shop_list2 .toggle_adjust, #nav_shop_list1 .toggle_adjust {
  top: 48px !important;
}

.shop_slider_background {
  background: #f3f4f6;
}

.shop_list1 .btn-white:hover {
  background-color: #fff;
  border-color: #fff;
  color: var(--light);
  box-shadow: 3px 28px 55px -14px var(--light);
}

.shop_interior {
  font-size: 14px;
  color: var(--light);
}

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

.del_price1 {
  font-size: 14px;
  color: #707070;
  font-family: "Montserrat", sans-serif;
}

.cur_price1 {
  font-size: 16px;
  color: #39b54a;
  font-family: "Montserrat", sans-serif;
}

.shoplist_shadow:hover {
  box-shadow: -1px 2px 31px 2px #b0b0bb;
}

.shop_select .prettydropdown > ul {
  border: none;
  -webkit-border-radius: 30px;
  -moz-border-radius: 30px;
  left: -30px;
  top: -12px;
  color: var(--light);
  font-weight: 700;
}

.shop_select1 .prettydropdown > ul {
  left: -44px;
}

.shop_list2 .lazyload {
  display: none;
}

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

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

div.flip-3d figure {
  position: relative;
  transform-style: preserve-3d;
  transition: 1s transform;
  margin: 0;
}

div.flip-3d figure img {
  width: 100%;
  height: auto;
}

div.flip-3d figure figcaption {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  transform: rotateY(0.5turn) translateZ(1px);
  background: #fff;
  text-align: center;
  opacity: 0.6;
  transition: 1s .5s opacity;
  color: #555555;
}

div.flip-3d:hover figure {
  transform: rotateY(0.5turn);
}

div.flip-3d:hover figure figcaption {
  opacity: 1;
}

.middle_div {
  position: relative;
  top: 35%;
}

.shop_select .prettydropdown:not(disabled) > ul.active {
  overflow-x: visible;
  overflow-y: visible;
}

.show {
  display: block !important;
}

.hide {
  display: none !important;
}

/*menu page css code*/
#nav_menu {
  background-image: url(../images/menu_heder.jpg);
  height: 650px;
  background-size: cover;
  background-position: center center;
}

.nav_menu {
  background-image: url(../images/menu_heder.jpg);
  height: 675px;
  background-size: cover;
  background-position: center center;
}

.menu_padding {
  padding: 15rem 0 0 1rem;
}

.menu_table td {
  padding: 0.75rem 0;
}

.menu_table td a {
  padding-left: 0;
  color: #252525;
  font-family: "Montserrat", sans-serif;
  font-size: 14px;
  font-weight: bold;
}

.menu_table3 td a {
  font-size: 14px;
}

.menu_icons_margin2 {
  margin-top: 51px;
  margin-bottom: 51px;
}

.menu_icons_margin3 {
  margin-top: 39px;
  margin-bottom: 39px;
}

.menu_padding_top {
  padding-top: 28px;
}

.menu_overlay {
  background-color: rgba(47, 47, 47, 0.8);
  height: 675px;
}

.menu_position1 {
  width: 300px;
  display: none;
}

.menu_position2 {
  width: 300px;
  display: none;
}

.menu_position2, .menu_position5, .menu_position4, .menu_position1 {
  display: none;
}

.nav_menu2 {
  position: relative;
}

.menu_position1.right_menu2 {
  position: absolute;
  display: block;
  right: 0;
  top: 0;
}

.menu_position2.right_menu2 {
  position: absolute;
  display: block;
  right: 0;
  top: 0;
  bottom: 0;
}

.menu_close, .menu_close5, .menu_close4, .menu_close3 {
  display: none;
  cursor: pointer;
}

.menu_table td {
  padding-left: 0;
}

.menu_table td a:hover, .menu_table4 li a:hover, .menu_table5 td a:hover {
  color: #8799a3;
}

.menu_table .menu_border_top {
  border: none;
}

.menu_table3 td {
  border: none;
  padding-top: 6px;
  padding-bottom: 6px;
}

.menu_table3 {
  margin-bottom: 104px;
}

.menu_toggle_icon, .menu_toggle_icon3, .menu_toggle_icon4, .menu_toggle_icon5 {
  cursor: pointer;
}

.menu_table4 td {
  border: none;
}

.menu_position4.right_menu4 {
  position: absolute;
  display: block;
  background: transparent;
  font-family: "Montserrat", sans-serif;
  font-size: 20px;
  font-weight: bold;
  color: #fff;
  top: 270px;
}

.menu_table4 {
  margin-bottom: 160px;
}

.menu_table4 a {
  color: #fff;
  font-size: 14px;
}

.menu_table5 a {
  color: #fff;
  font-size: 14px;
  text-transform: uppercase;
}

.menu_position2 .fa, .menu_position5 .fa, .menu_position4 .fa {
  font-size: 16px;
}

.menu_position2 .menu_copy, .menu_position5 .menu_copy, .menu_position4 .menu_copy {
  font-size: 16px;
  font-family: 'Cambay',sans-serif;
}

.menu_overlay4 {
  background-color: rgba(37, 36, 36, 0.9);
  height: 675px;
}

.menu_ul {
  list-style: none;
  margin: 0;
  padding: 0;
}

.menu_ul li {
  float: left;
  padding: 0.75rem;
}

.menu_table5 tr td {
  border: none;
  padding-top: 6px;
  padding-bottom: 6px;
}

.menu_position5.right_menu5 {
  position: absolute;
  display: block;
  background: transparent;
  font-family: "Montserrat", sans-serif;
  font-size: 20px;
  font-weight: bold;
  color: #fff;
  top: 170px;
}

.hide_icon {
  display: none;
}

@media (min-width: 1024px) and (max-width: 1319px) {
  .menu_close2, .menu_close3 {
    margin-right: 100px;
  }
}

@media (min-width: 320px) and (max-width: 767px) {
  .menu_position5.right_menu5 {
    left: 0;
  }
  .menu_position4.right_menu4 {
    left: 0;
    top: 140px;
  }
  .menu_table4 .menu_ul li {
    display: block !important;
    float: none;
  }
  .menu_table4 {
    margin-bottom: 0;
  }
}

@media (min-width: 320px) and (max-width: 575px) {
  .menu_icons_margin2 {
    margin-top: 32px;
    margin-bottom: 32px;
  }
  .menu_icons_margin3 {
    margin-top: 19px;
    margin-bottom: 19px;
  }
}

.menucontentcenter {
  justify-content: center;
  display: flex;
}

.menu5_closeicon {
  right: 25px;
}

.typography .card {
  padding: 20px;
  box-shadow: -2px 0px 12px 1px  #e7e7e7;
  border: none;
  margin-bottom: 3rem;
}