.quantity-button:hover,
.hTitle,
.btnMore:hover,
.btnTheme.btnThemeWhiteInverse .btnText,
.loginLinksList a:hover,
.topBarSearchForm button:hover,
.pageNavBtnCart:hover,
.topBarSearchFormOpener:hover,
.pageMainNavigation.navbar-nav .nav-item.active .nav-link,
.pageMainNavigation.navbar-nav .nav-link:hover,
.pageMainNavigation .navDropdownList li.dropdown:hover > .dropdown-item,
.pageMainNavigation .navDropdownList li.dropdown-submenu:hover > .dropdown-item,
.pageMainNavOpener:hover,
.featuresList .icn,
.widget.widget_search button:hover,
.widget.rpListWidget h4 a:hover,
.widget.rpListWidget .h4 a:hover,
.widget.rpListWidget h5,
.widget.rpListWidget .h5,
.serviceColumn .icn,
.stepsGuideList h3:before,
.stepsGuideList .h3:before,
.filterList li.active a,
.filterList a.active,
.filterList a:hover,
.filtersNavTabs.nav-tabs .nav-link:hover,
.filtersNavTabs.nav-tabs .nav-link.active,
.prPostColumn h3 a:hover,
.prPostColumn .h3 a:hover,
.clientQuote h3 a:hover,
.clientQuote .h3 a:hover,
.ratingStarList > li.active,
.testimonialSwitcherSlider .slick-arrow:hover,
.testimonialSwitcherSlider02 .slick-arrow:hover,
.ltPostColumn h3 a:hover,
.ltPostColumn .h3 a:hover,
.ltPostColumn .posterTagline a:hover,
.yoeListing .icn,
.wwdTabsetAreaWrap .accOpener:hover,
.wwdTabsetList.nav-tabs.wwdTabsetList05 .nav-link.active,
.wwdTabsetList.nav-tabs .nav-link:hover,
.phadrList .icnWrap,
.phadrList a:hover,
.pgSearchFormOpener:hover,
.bsSSlide.slick-current .holderWrap:before,
.svcColumn.hover .icn,
.svcColumn.hover h3,
.svcColumn.hover .h3,
.svcColumn h3 a:hover,
.svcColumn .h3 a:hover,
.hwwColumnsList a:hover,
.hwwColumnsList > li.hover h3,
.hwwColumnsList > li.hover .h3,
.socialLinksSimple a:hover,
.bannerAsideServicesList .icn,
.swwdPost h3 a:hover,
.swwdPost .h3 a:hover,
.hiwStepsList > li:before,
.hiwStepsList h3 a:hover,
.hiwStepsList .h3 a:hover,
.hiwStepsList > li.hover h3,
.hiwStepsList > li.hover .h3,
.npProjectsSlider .slick-arrow:hover,
.powVisualPost h3 a:hover,
.powVisualPost .h3 a:hover,
.pricePlanColumn h2,
.pricePlanColumn .h2,
.popItemColumn h4,
.popItemColumn .h4,
.viewSorterList > li.active > a,
.viewSorterList > li > a:hover,
.dsSortDropdown .dropdown-toggle:hover,
.popItemColumn__listView h2 a:hover,
.popItemColumn__listView .h2 a:hover,
.popItemColumn__listView h3,
.popItemColumn__listView .h3,
.filtersSidebarOpener:hover,
.sdbWDescription h2,
.sdbWDescription .h2,
.benefitsFeaturedList .icn,
.cartTable.table .price,
.cartTotal.table .price,
.checkoutAlert.alert-light a,
.checkoutCountTable.table .price,
.teamColumn h3 a:hover,
.teamColumn .h3 a:hover,
.ctAddress a:hover,
.ctList .icn,
.ctList a:hover,
.statusesList a:hover,
.quoteDefault:after,
.piSocialLinks a:hover,
.quantity-button:hover,
.ltPostColumn.hover h3,
.ltPostColumn.hover .h3,
.swwdPost.hover h3,
.swwdPost.hover .h3,
.yoeListing > li.hover h3,
.yoeListing > li.hover .h3,
.bannerAsideServicesList > li.hover h3,
.bannerAsideServicesList > li.hover .h3,
.featuresList.featuresList04 > li.hover h3,
.featuresList.featuresList04 > li.hover .h3,
.popItemColumn.hover h3,
.popItemColumn.hover .h3,
.popItemColumn h3 a:hover,
.popItemColumn .h3 a:hover,
.widget.widget_categories .cat-item a:hover,
.bpCommentsList h3 a:hover,
.bpCommentsList .h3 a:hover,
.ctList li.hover h3,
.ctList li.hover .h3,
.booked-calendar thead tr .fa,
.prjctDescrColumn h3 a:hover,
.prjctDescrColumn .h3 a:hover,
.prjctDescrColumn.hover h3 a,
.prjctDescrColumn.hover .h3 a,
.reviewsList h3 a:hover,
.reviewsList .h3 a:hover {
  color: #81a6ac;
}

/* selectors with theme's background color property */
.ui-widget-header,
.ui-state-hover,
.ui-widget-content .ui-state-hover,
.ui-widget-header .ui-state-hover,
.ui-state-focus,
.ui-widget-content .ui-state-focus,
.ui-widget-header .ui-state-focus,
.ui-state-active,
.ui-widget-content .ui-state-active,
.ui-widget-header .ui-state-active,
.btnThemeOutine:before,
.btnTheme .btnText,
.btnTheme:before,
.slickDots li.slick-active button,
.slickDots button:hover,
.slickBars li.slick-active button,
.pageHeaderHolder.pageHeaderHolder02,
.topBarContactList a,
.loginLinksList,
.booked-calendar tbody tr .bg-green,
.booked-calendar tbody tr td .active,
.pageNavHolder.pageNavHolder03,
.pageNavHolder.pageNavHolder05,
.pageMainNavigation.navbar-nav .nav-item.active .nav-link,
.pageMainNavigation.navbar-nav .nav-link:before,
.pageMainNavigation.navbar-nav .nav-link:hover,
.mainNavDropdown.dropdown-menu .dropdown-item:hover,
.mainNavDropdown.dropdown-menu .dropdown-item.active,
.bannerSliderBlock.bannerSliderBlock02 .slick-arrow:hover,
.bannerSliderBlock.bannerSliderBlock03 .slick-arrow:hover,
.bannerSliderBlock.bannerSliderBlock04 .slick-arrow:hover,
.bannerSliderBlock.bannerSliderBlock05 .slick-arrow:hover,
.bannerSliderBlock .slick-arrow:hover,
.widget.widget_tag_cloud .tagcloudItem:hover,
.widget.widget_tag_cloud .tagcloudItem.active,
.widgetFormtHead,
.serviceColumn .columnBgCover:before,
.filterList li:after,
.filterList a:after,
.filtersNavTabs.nav-tabs .nav-link:after,
.filtersNavTabs.nav-tabs .nav-link:hover,
.filtersNavTabs.nav-tabs .nav-link.active,
.videoAside.overlayThemeColor.hover:before,
.videoAside.overlayThemeColor:before,
.btnPlay,
.ltPostColumn .time,
.ltPostColumn .ltPostBgCoverImage:before,
.wwdTabsetAreaWrap .accOpener[aria-expanded="true"],
.wwdTabsetList.nav-tabs.wwdTabsetList05 .nav-link:after,
.wwdTabsetList.nav-tabs.shpTabsetList .nav-link:before,
.wwdTabsetList.nav-tabs .nav-link.active,
.phSocialLinks > li > a:hover,
.languageSlctDrop .dropdown-item:hover,
.languageSlctDrop .dropdown-item.active,
.bsSSlide:after,
.pSsImage:before,
.hwwColumnsList .align:before,
.pricePlanColumn.hover .btn,
.pricePlanColumn .chBgCover:before,
.popItemColumn[data-featured-tag]:before,
.popActionsList > li > a:hover,
.dsSortDropdown .dropdown-item.active,
.pagination.pagePagination .page-item.active .page-link,
.pagination.pagePagination .page-link:hover,
.detailsImageSlider .imgWrap[data-featured-tag]:before,
.cartForm .btnToCart:hover,
.custom-control .custom-control-input:checked ~ .custom-control-label:after,
.teamColumn.hover .captionWrap,
.slickGalleryBars li.slick-active button,
.swwdColumnsSliderType2 .slick-arrow:hover,
.rpPosterSlider .slick-arrow:hover,
.featuresList .wrap.hover,
#back-top,
.phadrList li.hover .icnWrap,
.hiwStepsList > li.hover:before,
.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  background-color: #81a6ac;
}

/* selectors with theme's border color property */
.quantity input,
.ui-state-default,
.ui-widget-content .ui-state-default,
.ui-widget-header .ui-state-default,
.ui-state-hover,
.ui-widget-content .ui-state-hover,
.ui-widget-header .ui-state-hover,
.ui-state-focus,
.ui-widget-content .ui-state-focus,
.ui-widget-header .ui-state-focus,
.ui-state-active,
.ui-widget-content .ui-state-active,
.ui-widget-header .ui-state-active,
.btnThemeOutine:before,
.btnThemeOutine .btnText,
.btnTheme .btnText,
.btnTheme:before,
.topBarSearchForm,
.topBarSearchForm .form-group,
.bannerSliderBlock.bannerSliderBlock02 .slick-arrow,
.bannerSliderBlock.bannerSliderBlock03 .slick-arrow,
.bannerSliderBlock.bannerSliderBlock04 .slick-arrow,
.bannerSliderBlock.bannerSliderBlock05 .slick-arrow,
.widget.rpListWidget ul > li.hover .imgWrap,
.stepsGuideList > li.hover .icn,
.stepsGuideList > li.active .icn,
.filtersNavTabs.nav-tabs .nav-link,
.wwdTabsetList.nav-tabs .nav-link.active,
.phSocialLinks > li > a:hover,
.pgSearchFormOpener:hover,
.popActionsList > li > a:hover,
.pagination.pagePagination .page-item.active .page-link,
.pagination.pagePagination .page-link:hover,
.popItemColumn__listView.hover,
.cartForm .btnToCart,
.swwdColumnsSliderType2 .slick-arrow,
.rpPosterSlider .slick-arrow,
.phadrList li.hover .icnWrap {
  border-color: #81a6ac;
}

.buttonReset, .slickDots button {
  border: 0;
  background-color: transparent;
  padding: 0;
}

/* ---------------------------------------------------------
	 btnTheme
---------------------------------------------------------*/
.btnTheme {
  background-color: transparent;
  border-color: transparent;
}

.btnTheme.btnThemeWhiteInverse .btnText {
  border-color: #fff;
  background-color: #fff;
}

.btnTheme .btnText, .btnTheme:before {
  color: #fff;
}

.btnTheme:hover {
  color: #fff;
}

/* ---------------------------------------------------------
	 slickDots
---------------------------------------------------------*/
.slickDots {
  line-height: 0;
  margin-bottom: 0;
  padding-top: 10px;
  padding-bottom: 10px;
}

.slickDots li {
  margin: 0 5px 5px;
}

.slickDots button {
  cursor: pointer;
  border-radius: 100%;
  background-color: #f2f4f5;
  font-size: 0;
  line-height: 0;
  color: transparent;
  text-shadow: none;
  border: 0;
  width: 10px;
  height: 10px;
}

/* ---------------------------------------------------------
	 slickBars styles
---------------------------------------------------------*/
.slickBars {
  line-height: 0;
}

.slickBars li {
  margin: 0 5px 10px;
}

.slickBars button {
  cursor: pointer;
  padding: 0;
  border: 0;
  background-color: #f2f4f5;
  font-size: 0;
  line-height: 0;
  color: transparent;
  text-shadow: none;
  border: 0;
  width: 20px;
  height: 8px;
}

.slickBars button:hover {
  background-color: #b8c3c9;
}

.prPostsSlider02 .slickBars {
  padding-top: 20px;
}


/* ---------------------------------------------------------
	 bannerSlider styles
---------------------------------------------------------*/
.bannerSliderBlock {
  line-height: 1.5;
  letter-spacing: 0.85px;
  overflow: hidden;
  /* bannerSliderBlock02 , bannerSliderBlock03 , bannerSliderBlock04 , bannerSliderBlock05 styles */
  /* bannerSlider03 styles */
  /* bannerSliderBlock05 styles */
  /* bsbOffsetTop styles */
}

.bannerSliderBlock.bannerSliderBlock02 .slick-arrow, .bannerSliderBlock.bannerSliderBlock03 .slick-arrow, .bannerSliderBlock.bannerSliderBlock04 .slick-arrow, .bannerSliderBlock.bannerSliderBlock05 .slick-arrow {
  border-style: solid;
  border-width: 1px;
  background-color: transparent;
}

.bannerSliderBlock.bannerSliderBlock03 {
  line-height: inherit;
}

.bannerSliderBlock.bannerSliderBlock03 h1, .bannerSliderBlock.bannerSliderBlock03 .h1 {
  margin-bottom: 13px;
}

.bannerSliderBlock.bannerSliderBlock05 h1, .bannerSliderBlock.bannerSliderBlock05 .h1 {
  margin-bottom: 15px;
}

.bannerSliderBlock.bsbOffsetTop {
  -webkit-transform: translateY(-16px);
  -ms-transform: translateY(-16px);
  transform: translateY(-16px);
}

.bannerSliderBlock.bsbOffsetTop.bsbOffsetTop3 {
  -webkit-transform: translateY(0);
  -ms-transform: translateY(0);
  transform: translateY(0);
}

.bannerSliderBlock .btnHolder {
  margin-left: -10px;
  margin-right: -10px;
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  opacity: 0;
  visibility: hidden;
  -webkit-transform: translateY(100px);
  -ms-transform: translateY(100px);
  transform: translateY(100px);
}

.bannerSliderBlock .btn {
  min-width: 160px;
  margin: 0 10px 10px;
}

.bannerSliderBlock .btn-outline-success {
  color: #fff;
}

.bannerSliderBlock h1, .bannerSliderBlock .h1 {
  color: inherit;
  margin-bottom: 21px;
}

.bannerSliderBlock .slick-arrow {
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  z-index: 5;
  color: #fff;
  background-color: rgba(255, 255, 255, 0.2);
  border-radius: 2px;
  font-size: 18px;
  width: 50px;
  height: 50px;
}

.bannerSliderBlock .slick-arrow:hover {
  color: #fff;
}

.bannerSliderBlock .slickPrev {
  left: 15px;
}

.bannerSliderBlock .slickNext {
  right: 15px;
}

.bannerSliderBlock .slickDots {
  position: absolute;
  left: 0;
  bottom: 0;
  right: 0;
}

/* ---------------------------------------------------------
	 bannerSlideHolder styles
---------------------------------------------------------*/
.bannerSlideHolder {
  z-index: 1;
  min-height: calc(100vh - 45px);
  white-space: nowrap;
  /* bannerSlideHolder02 styles */
  /* bannerSlideHolder03 styles */
  /* bannerSlideHolder05 styles */
}

.bannerSlideHolder:before {
  content: '';
  display: inline-block;
  vertical-align: middle;
  width: 0;
  min-height: inherit;
}

.bannerSlideHolder > .align {
  white-space: normal;
  display: inline-block;
  vertical-align: middle;
  max-width: 99%;
  margin-left: -4px;
}

.bannerSlideHolder.bannerSlideHolder02 {
  min-height: calc(100vh - 32px);
}

.bannerSlideHolder.bannerSlideHolder03 {
  min-height: calc(100vh - 112px);
}

.bannerSlideHolder.bannerSlideHolder05 {
  min-height: calc(100vh - 42px);
}

.bannerSlideHolder.bannerSlideHolder05 > .align {
  max-width: none;
  width: 100%;
}

.bannerSlideHolder > .align {
  padding-top: 35px;
  padding-bottom: 40px;
}

/* ---------------------------------------------------------
	 bannerBlockSlideBg styles
---------------------------------------------------------*/
.bannerBlockSlideBg {
  left: 0;
  top: 0;
  z-index: -1;
  -webkit-transform-origin: 50% 50% 0;
  -ms-transform-origin: 50% 50% 0;
  transform-origin: 50% 50% 0;
  -webkit-transform: scale(2);
  -ms-transform: scale(2);
  transform: scale(2);
  -webkit-animation-name: slidersBgFadeScaleAnimateOut;
  animation-name: slidersBgFadeScaleAnimateOut;
  -webkit-animation-timing-function: ease;
  animation-timing-function: ease;
  -webkit-animation-duration: 5s;
  animation-duration: 5s;
  width: 100%;
  height: 100%;
}

.bannerBlockSlideBg:before {
  position: absolute;
  display: block;
  content: "";
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
}

.bannerBlockSlideBg:before {
  background-color: rgba(0, 0, 0, 0.5);
}

/* ---------------------------------------------------------
	 bannerSlideHeader styles
---------------------------------------------------------*/
.bannerSlideHeader {
  margin-bottom: 26px;
  overflow: hidden;
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  opacity: 0;
  visibility: hidden;
  -webkit-transform: translateY(100px);
  -ms-transform: translateY(100px);
  transform: translateY(100px);
  /* bannerSlideHeader03 styles */
}

.bannerSlideHeader.bannerSlideHeader03 {
  margin-bottom: 8px;
}

/* ---------------------------------------------------------
	 bannerSliderSlide styles
---------------------------------------------------------*/
.bannerSliderSlide {
  z-index: 1;
}

.bannerSliderSlide.slick-current .bannerBlockSlideBg {
  -webkit-transform: scale(1);
  -ms-transform: scale(1);
  transform: scale(1);
  -webkit-animation-name: slidersBgFadeScaleAnimateIn;
  animation-name: slidersBgFadeScaleAnimateIn;
}

.bannerSliderSlide.slick-current .bannerSlideHeader,
.bannerSliderSlide.slick-current .btnHolder {
  -webkit-animation-name: animOne;
  animation-name: animOne;
  opacity: 1;
  visibility: visible;
  -webkit-transform: translateY(0);
  -ms-transform: translateY(0);
  transform: translateY(0);
}

.bannerSliderSlide.slick-current .btnHolder {
  -webkit-animation-name: animTwo;
  animation-name: animTwo;
}



/* Slick slider styles */
.slickSlider {
  position: relative;
  display: block;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -ms-touch-action: pan-y;
  touch-action: pan-y;
  -webkit-tap-highlight-color: transparent;
}

.slick-list {
  position: relative;
  overflow: hidden;
  display: block;
  margin: 0;
  padding: 0;
}

.slick-list:focus {
  outline: none;
}

.slick-list.dragging {
  cursor: pointer;
  cursor: hand;
}

.slickSlider .slick-track,
.slickSlider .slick-list {
  -webkit-transform: translate3d(0, 0, 0);
  -moz-transform: translate3d(0, 0, 0);
  -ms-transform: translate3d(0, 0, 0);
  -o-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
}

.slick-track {
  position: relative;
  left: 0;
  top: 0;
  display: block;
}

.slick-track:before, .slick-track:after {
  content: "";
  display: table;
}

.slick-track:after {
  clear: both;
}

.slick-loading .slick-track {
  visibility: hidden;
}

.slick-slide {
  float: left;
  height: 100%;
  min-height: 1px;
  display: none;
}

[dir="rtl"] .slick-slide {
  float: right;
}

.slick-initialized .slick-slide {
  display: block;
}

.slick-loading .slick-slide {
  visibility: hidden;
}

.slick-vertical .slick-slide {
  display: block;
  height: auto;
  border: 1px solid transparent;
}

.slick-arrow.slick-hidden {
  display: none;
}

