/*
* Homepage Slider
* Media Slider
* NavBar
* - Cart
* Buttons
* Typography
* Tables
* Backgrounds
* Inside Container
* Gallery
* Sticky
* Faq Widget
* Featured Ecommerce Carousel
* Custom Utilites
* - Padding
* - Width
* - Border
* Preloader
* Sitemap
*
**/

/*=========== Homepage Slider =============*/
#home-slider-1 .carousel-caption {
  bottom: auto!important;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
}
.slide-text-1,
.slide-title,
.slide-text-2 {
  display: block;
  width: 100%;
  -webkit-text-shadow: 0 2px 3px rgba(0, 0, 0, 0.4);
  text-shadow: 0 2px 3px rgba(0, 0, 0, 0.4);
  transition: 0.3s;
}
.slide-title {
  font-size: 5rem;
  font-weight: 800;
  line-height: 1.1;
  font-family: 'Ubuntu', sans-serif;
}
.slide-text-1 {
  font-size: 1.5rem;
  font-weight: 500;
  padding-top: 20px;
}
.slide-text-2 {
  font-size: 1rem;
  margin-bottom: 30px;
}
#home-slider-1 .carousel-item .btn {
  -webkit-transition: 0.3s;
          transition: 0.3s;
}
.active .slide-text-1,
.active .slide-title,
.active .slide-text-2,
#home-slider-1 .carousel-item.active .btn {
  opacity: 1;
}
.subSlider {
  z-index: 1;
  background-color: rgba(0,0,0,0.7);
  width: 100%;
}
.subSlider .btn {
  opacity: 1!important;
}

@media(min-width: 992px){
  .subSlider {
    position: absolute;
    bottom: 0;
    left: 0;
  }
}
@media(max-width: 1199px){
  .slide-title {
    font-size: 4rem;
  }
  .slide-text-1 {
    font-size: 1.1rem;
  }
  .slide-text-2 {
    font-size: 0.85rem;
  }
}
@media(max-width: 991px){
  #home-slider-1 .carousel-item .btn,
 .carousel-caption .btn {
    font-size: 0.85rem;
  }
  .slide-text-2 {
    margin-bottom: 20px;
  }
}
@media(max-width: 767px){
  .slide-title {
    font-size: 3rem;
  }
  .slide-text-1 {
    font-size: 0.85rem;
  }
  .slide-text-2 {
    margin-bottom: 15px;
  }
}
@media(max-width: 575px){
  #home-slider-1 .carousel-item .btn,
  .carousel-caption .btn {
    padding: 0.2rem 0.8rem;
  }
  .slide-title {
    font-size: 1.1rem;
  }
  .slide-text-2 {
    font-size: 0.68rem;
    margin-bottom: 7px;
  }
}

/*=========== Media Slider ================*/
.media-bg {
  height: 300px;
}
.media-slider,
.media-slider .owl-stage-outer{
  position: static;
}
.media-slider .owl-dots {
  position: absolute;
  bottom: 15px;
  left: 0;
  text-align: center;
  width: 100%;
}
.media-slider .owl-dots div {
  display: inline-block;
  margin: 0 3px;
  border-radius: 50%;
  width: 15px;
  height: 15px;
  background-color: rgba(255,255,255,0.6);
}
.media-slider .owl-dots div:hover,
.media-slider .owl-dots div.active {
  background-color: rgba(255,255,255,0.9);
}
.media-slider .owl-stage {
  display: flex;
  align-items: center;
}
@media(min-width: 768px) {
  .media-bg {
    height: 480px
  }
}
@media(min-width: 1200px) {
  .media-bg {
    height: 600px
  }
}

/*=========== NavBar ======================*/

/* Cart */
.search-dropdown {
  min-width: 15rem;
}
.cart-badge {
  position: absolute;
  top: 10px;
  right: 5px;
  width: 20px;
  height: 20px;
  line-height: 15px;
}

/*=========== Standart Buttons ============*/
.btn-white {
  background-color: #ffffff;
  border-color: #ffffff;
  color: #555555;
}
.btn-white:hover,
.btn-white:focus {
  background-color: #f5f5f5;
  border-color: #f5f5f5;
  color: #555555;
}
.btn-outline-white {
  background-color: transparent;
  border-color: #ffffff;
  color: #ffffff;
}
.btn-outline-white:hover,
.btn-outline-white:focus {
  background-color: #fff;
  border-color: #ffffff;
  color: #555555;
}

/*=========== Typography ==================*/
.blockquote {
  font-size: 1rem;
}
.footer-thumbnail {
  max-width: 100px;
  height: auto;
}

/*=========== Tables ======================*/
.table thead th {
  border-bottom-width: 1px;
}

/*=========== Background ==================*/
.bg-no-repeat {
  background-repeat: no-repeat;
}
.bg-cover {
  background-size: cover;
}
.bg-center {
  background-position: center center;
}
.bg-left {
  background-position: left center;
}
.bg-right {
  background-position: right center;
}

@media(max-width: 1199px) {
 .bg-xl-none {
    background-image: none!important;
 }
}
@media(max-width: 991px) {
 .bg-lg-none {
    background-image: none!important;
 }
}
@media(max-width: 767px) {
 .bg-md-none {
    background-image: none!important;
 }
}
@media(max-width: 575px) {
 .bg-sm-none {
    background-image: none!important;
 }
}
@media(min-width: 992px) {
 .bg-fixed {
  background-repeat: no-repeat;
  background-attachment: fixed;
  transform: translate3d(0,0,0);
  -webkit-transform: translate3d(0,0,0);
 }
}

/*=========== Inside Container ============*/
.container .container {
  width: 100%;
}

/*=========== Gallery =====================*/
.grid-gallery:after {
  content: '';
  display: block;
  clear: both;
}
.gallery-item {
  overflow: hidden;
  float: left;
  cursor: zoom-in;
  margin-bottom: 15px;
  -webkit-transition: opacity 0.5s, background-color 0.25s linear, border-color 0.25s linear;
          transition: opacity 0.5s, background-color 0.25s linear, border-color 0.25s linear;
}
.gallery-2 .gallery-item,
.gallery-3 .gallery-item.
.gallery-4 .gallery-item,
.gallery-5 .gallery-item {
  width: 100%;
}

.video-gallery:after {
  content: "\f167";
  font-family: 'Font Awesome 5 Brands';
  font-size: 3rem;
  position: absolute;
  top: -10%;
  left: 50%;
  -webkit-transform: translate(-50%,-50%);
          transform: translate(-50%,-50%);
  color: #fff;
  -webkit-transition: 0.3s;
          transition: 0.3s;
}
.video-gallery:hover:after {
  top: 40%;
}
@media(min-width: 576px) {
  .gallery-2 .gallery-item,
  .gallery-3 .gallery-item,
  .gallery-4 .gallery-item,
  .gallery-5 .gallery-item {
    width: 48.5%;
  }
}
@media(min-width: 768px) {
  .gallery-2 .gallery-item,
  .gallery-3 .gallery-item,
  .gallery-4 .gallery-item,
  .gallery-5 .gallery-item {
    width: 48.9%;
  }
}
@media(min-width: 992px) {
  .gallery-2 .gallery-item,
  .gallery-3 .gallery-item,
  .gallery-4 .gallery-item,
  .gallery-5 .gallery-item {
    width: 49.1%;
  }
}
@media(min-width: 1200px) {
  .gallery-2 .gallery-item {
    width: 49.3%;
  }
  .gallery-3 .gallery-item {
    width: 32.4%;
  }
  .gallery-4 .gallery-item {
    width: 23.9%;
  }
  .gallery-5 .gallery-item {
    width: 18.9%;
  }
}

/*=========== Sticky ======================*/
.sticky-top {
  position: -webkit-sticky;
  position: sticky;
  top: 0;
  z-index: 999;
}

/*=========== Faq Widget ==================*/
.faqpostedon,
.faq_expandBtn {
  display: none!important;
}
.faqposting {
  margin-bottom: 10px;
}
.faqposting,
.faqposting_text div{
  padding: 0!important;
  border: none!important;
}
.faqposting_text {
  background-color: transparent!important;
}
.faqposting h4 {
  padding: 15px!important;
  font-weight: normal;
  font-size: 1.1rem;
}
.faqposting h4:after {
  content: "\f106";
  font-family: 'Font Awesome 5 Free';
  position: absolute;
  top: 15px;
  right: 15px;
}
.faqposting.plus h4:after {
  content: "\f107";
}

/*=========== Custom Utilites =============*/
/* Width */
.w-auto {
  width: auto;
}

/* Border */
.border-x-0 {
  border-left: none!important;
  border-right: none!important;
}
.border-y-0 {
  border-top: none!important;
  border-bottom: none!important;
}
@media(min-width: 1200px) {
  .border-xl {
    border: 1px solid #e9ecef !important 
  }
  .border-top-xl {
    border-top: 1px solid #e9ecef !important 
  }
  .border-right-xl {
    border-right: 1px solid #e9ecef !important 
  }
  .border-bottom-xl {
    border-bottom: 1px solid #e9ecef !important 
  }
  .border-left-xl {
    border-left: 1px solid #e9ecef !important 
  }
  .border-xl-0 {
    border: none!important;
  }
  .border-top-xl-0 {
    border-top: none!important;
  } 
  .border-right-xl-0 {
    border-right: none!important;
  }
  .border-bottom-xl-0 {
    border-bottom: none!important;
  }
  .border-left-xl-0 {
    border-left: none!important;
  }
}
@media(min-width: 992px) {
  .border-top-lg {
    border-top: 1px solid #e9ecef !important 
  }
  .border-right-lg {
    border-right: 1px solid #e9ecef !important 
  }
  .border-bottom-lg {
    border-bottom: 1px solid #e9ecef !important 
  }
  .border-left-lg {
    border-left: 1px solid #e9ecef !important 
  }
  .border-lg {
    border: 1px solid #e9ecef !important 
  }
  .border-lg-0 {
    border: none!important;
  }
  .border-top-lg-0 {
    border-top: none!important;
  } 
  .border-right-lg-0 {
    border-right: none!important;
  }
  .border-bottom-lg-0 {
    border-bottom: none!important;
  }
  .border-left-lg-0 {
    border-left: none!important;
  }
}
@media(min-width: 768px) {
  .border-top-md {
    border-top: 1px solid #e9ecef !important 
  }
  .border-right-md {
    border-right: 1px solid #e9ecef !important 
  }
  .border-bottom-md {
    border-bottom: 1px solid #e9ecef !important 
  }
  .border-left-md {
    border-left: 1px solid #e9ecef !important 
  }
  .border-md {
    border: 1px solid #e9ecef !important 
  }
  .border-md-0 {
    border: none!important;
  }
  .border-top-md-0 {
    border-top: none!important;
  } 
  .border-right-md-0 {
    border-right: none!important;
  }
  .border-bottom-md-0 {
    border-bottom: none!important;
  }
  .border-left-md-0 {
    border-left: none!important;
  }
}
@media(min-width: 576px) {
  .border-top-sm {
    border-top: 1px solid #e9ecef !important 
  }
  .border-right-sm {
    border-right: 1px solid #e9ecef !important 
  }
  .border-bottom-sm {
    border-bottom: 1px solid #e9ecef !important 
  }
  .border-left-sm {
    border-left: 1px solid #e9ecef !important 
  }
  .border-sm {
    border: 1px solid #e9ecef !important 
  }
  .border-sm-0 {
    border: none!important;
  }
  .border-top-sm-0 {
    border-top: none!important;
  } 
  .border-right-sm-0 {
    border-right: none!important;
  }
  .border-bottom-sm-0 {
    border-bottom: none!important;
  }
  .border-left-sm-0 {
    border-left: none!important;
  }
}

/*=========== Preloader ===================*/
@-webkit-keyframes spin {
 0% {
  -webkit-transform: rotate(0deg);
          transform: rotate(0deg); 
 }
 100% {
  -webkit-transform: rotate(360deg);
          transform: rotate(360deg); 
 } 
}
@keyframes spin {
 0% {
  -webkit-transform: rotate(0deg);
          transform: rotate(0deg); }
 100% {
  -webkit-transform: rotate(360deg);
          transform: rotate(360deg); 
 } 
}
.preloader {
  background-color: rgba(255, 255, 255, 0.95);
  position: fixed;
  width: 100%;
  left: 0;
  top: 0;
  bottom: 0;
  z-index: 9999;
}
.preloader .preloaderimg {
  position: absolute;
  width: 45px;
  height: 45px;
  left: 50%;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
      transform: translate(-50%, -50%);
  -webkit-border-radius: 50%;
          border-radius: 50%;
  border: 6px solid rgba(0, 0, 0, 0.2);
}
.preloader .preloaderimg:before {
  content: "";
  position: absolute;
  left: -5px;
  top: -5px;
  bottom: -5px;
  right: -5px;
  border: 4px solid transparent;
  border-top-color: rgba(255, 255, 255, 0.7);
  -webkit-border-radius: 50%;
          border-radius: 50%;
  -webkit-animation: spin 1.7s infinite linear;
          animation: spin 1.7s infinite linear;
}
/*=========== Sitemap =====================*/
.sitemapMenu .dropdown-menu {
  display: block!important;
  box-shadow: none;
  border: none;
  padding-left: 15px;
}

/*================Ion Icon Sizes===========*/
.size-12 {font-size:12px}
.size-14 {font-size:14px}
.size-16 {font-size:16px}
.size-18 {font-size:18px}
.size-21 {font-size:21px}
.size-24 {font-size:24px}
.size-32 {font-size:32px}
.size-48 {font-size:48px}
.size-64 {font-size:64px}
.size-80 {font-size:80px}
.size-96 {font-size:96px}
@media all and (max-width: 1024px) {
    .size-12 {font-size:12px}
    .size-14 {font-size:14px}
    .size-16 {font-size:16px}
    .size-18 {font-size:18px}
    .size-21 {font-size:21px}
    .size-24 {font-size:24px}
    .size-32 {font-size:28px}
    .size-48 {font-size:32px}
    .size-64 {font-size:36px}
    .size-80 {font-size:40px}
    .size-96 {font-size:44px}
}
/* If text wrapped with span-style during editing, don't apply the fix here (See line59) */
.size-12 span {font-size:12px}
.size-14 span {font-size:14px}
.size-16 span {font-size:16px}
.size-18 span {font-size:18px}
.size-21 span {font-size:21px}
.size-24 span {font-size:24px}
.size-32 span {font-size:32px}
.size-48 span {font-size:48px}
.size-64 span {font-size:64px}
.size-80 span {font-size:80px}
.size-96 span {font-size:96px}
@media all and (max-width: 1024px) {
    .size-12 span {font-size:12px}
    .size-14 span {font-size:14px}
    .size-16 span {font-size:16px}
    .size-18 span {font-size:18px}
    .size-21 span {font-size:21px}
    .size-24 span {font-size:24px}
    .size-32 span {font-size:28px}
    .size-48 span {font-size:32px}
    .size-64 span {font-size:36px}
    .size-80 span {font-size:40px}
    .size-96 span {font-size:44px}
}
.cb-icon-cancel{
  cursor: pointer;
}