/*

 Theme Name: Camelback

 Theme URI: https://interactivetheorydev.com/clients/wordpress/camelback_new/

 Description: Custom theme for Camelback Auto Glass.

 Author: IITS

 Author URI: http://integrateditsolutions.com/

 License: Everything copyrighted

 Version: 1.1

*/





/* =========================== */

/* ====== Hero Section ===== */

/* =========================== */

.top-bar{
  background-color: #f70633;
  text-align: center;
  padding: 10px;
  position:absolute;
  top: 0;
  left: 0;
  right: 0;
  z-index: 1;
}
.top-bar p{
  color: var(--white);
  font-weight: var(--weight-Bold);

  font-size: 0.875rem;

  margin-bottom: 0;
}

.homehero-wrapper .left-block,

.homehero-wrapper .right-block{

  width: 100%;

}

.homehero-wrapper .form-block form{

 background-color: var(--white);

 padding: 3rem 2rem;

 border-radius: 30px;

 max-width: 650px;

 width: 100%;

}

.homehero-wrapper .form-block h3{

  margin-bottom: 2rem;
    font-size: 2rem;

}

.homehero-wrapper .text-block .inner-block{

  width: 100%;

  padding: 2rem 1.5rem 4.5rem 1.5rem;

}





.homehero-wrapper .text-block h1{

  font-size: 2.625rem;

  font-weight: var(--weight-Bold);

}

.homehero-wrapper .text-block h5{

  display: inline-block;

  color: var(--white);

  font-weight: var(--weight-SemiBold);

  font-size: 1rem;

  margin: 0;

}

.tooltip-banner .paragraph{

  position: relative;

  padding-left: 40px;

}

.homehero-wrapper .paragraph p{

  color: var(--white);

  font-size: 1.25rem;

  font-weight: var(--weight-Regular);

}

.homehero-wrapper .secondary-btn:hover {

  border-color: var(--white);

}

.tooltip-banner .paragraph p{

  font-size: 1.25rem;

}



.tooltip-banner .paragraph::before{

  content: '';

  position: absolute;

  left: 0;

  top: 50%;

  width: 30px;

  height: 3px;

  background-color: var(--primary);

  -webkit-transform: translate3d(0, -50%, 0);

	transform: translate3d(0, -50%, 0);

}



.scroll-down{

  position: absolute;

  bottom: 0;

  z-index: 2;

  left: 50%;

  -webkit-transform: translate3d(-50%, 50%, 0);

	transform: translate3d(-50%, 50%, 0);

}



.scroll-down >span{

  background-color: var(--white);

  border-radius: 999px;

  width: 100px;

  height: 100px;

  z-index: 1;

  display: inline-flex;

  text-align: center;

  justify-content: center;

  align-items: center;

}

.scroll-down >span >span{

  display: inline-block;

  border: 2px solid var(--primary);

  width: 38px;

  height: 28px;

  border-radius: 20px;

  transform: rotate(90deg);

  position: relative;

}

.scroll-down >span >span::before{

  content: '';

  position: absolute;

  height: 2px;

  width: 8px;

  background-color: #567aa3;

  transform: rotate(90deg);

  top: 50%;

  left: 40%;

  -webkit-transform: translate3d(-50%, -50%, 0);

	transform: translate3d(-50%, -50%, 0);

}





/* =========================== */

/* ====== Slider Section ===== */

/* =========================== */



.section.slider-wrapper {

  overflow: hidden;

  width: 100%;

  padding: 0;

  position: relative;

}

.hero-wrapper .bgc-layer {

  display: flex;

  align-items: flex-end;

  justify-content: center;

  padding: 8rem 0 1.325rem 0;

	background: #000000;

background: -webkit-linear-gradient(0deg, rgba(0, 0, 0, 0.8) 0%, rgba(0, 0, 0, 0) 100%);

background: -moz-linear-gradient(0deg, rgba(0, 0, 0, 0.8) 0%, rgba(0, 0, 0, 0) 100%);

background: linear-gradient(0deg, rgba(0, 0, 0, 0.8) 0%, rgba(0, 0, 0, 0) 100%);

filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#000000", endColorstr="#00000000", GradientType=0);

}

.hero-wrapper .bgc-layer >div{

  padding-bottom: 3rem;

}

.homehero-wrapper .bgc-layer >div {

  max-width: calc(100% - 40px);

  width: 100%;

  padding-bottom: 0;

}

.single .hero-wrapper .bgc-layer {

  min-height: 450px;

}

.hero-wrapper.no-heroimg .bgc-layer {

  background-color: var(--mirage);

  min-height: 350px;

}

.error404 .hero-wrapper .bgc-layer,

.search-results .hero-wrapper .bgc-layer {

  min-height: 450px;

}

#hero-slider .slider-content h5,

.hero-wrapper h5 {

  font-family: var(--font-DMSans);

  font-weight: var(--weight-Regular);

  font-size: 1.875rem;

  color: var(--white);

  position: relative;

}



#hero-slider .slider-content h1,

.hero-wrapper h1 {

  font-size: 2.5rem;

  margin-bottom: 0;

  line-height: 1;

}



#hero-slider .slider-content h1,

#hero-slider .slider-content h5,

#hero-slider .slider-content p,

.hero-wrapper h5,

.hero-wrapper h1,

.hero-wrapper p {

  color: var(--white);

}



#hero-slider p,

.hero-wrapper p {

  font-size: 1.25rem;

  margin-bottom: 0;

}

#hero-slider .slider-content h1 br,

.hero-wrapper h1 br {

  display: none;

}

#hero-slider p br,

.hero-wrapper p br {

  display: none;

}

#hero-slider .btn-wrap {

  margin-top: 2rem;

}



.slider-wrapper .navslide {

  display: flex;

  flex-flow: row;

  align-items: flex-end;

  justify-content: end;

  position: absolute;

  bottom: 20px;

  right: 26px;

  z-index: 2;

}

.slider-wrapper .custom-navslide .navslide > div {

  position: relative;

  width: 80px;

  height: 100px;

  background-repeat: no-repeat;

  background-size: cover;

  background-position: center;

  display: inline-flex;

  align-items: center;

  justify-content: center;

  font-size: 1.875rem;

  color: var(--white);

}

.slider-wrapper .custom-navslide .navslide > div::before {

  content: "";

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

  position: absolute;

  top: 0;

  bottom: 0;

  left: 0;

  right: 0;

  -webkit-transition: background-color 0.2s ease-in 0s;

  -moz-transition: background-color 0.2s ease-in 0s;

  -o-transition: background-color 0.2s ease-in 0s;

  transition: background-color 0.2s ease-in 0s;

}

.slider-wrapper .custom-navslide .navslide > div i {

  position: relative;

  z-index: 2;

}

.slider-wrapper .custom-navslide .navslide > div:hover::before {

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

}



#hero-slider .owl-nav {

  margin: 0;

}



#hero-slider .owl-nav button {

  opacity: 0;

  color: var(--white);

  -webkit-transition: all 0.2s ease-in 0s;

  -moz-transition: all 0.2s ease-in 0s;

  -o-transition: all 0.2s ease-in 0s;

  transition: all 0.2s ease-in 0s;

  top: 50%;

  bottom: auto;

}

#hero-slider .owl-nav button:hover {

  color: var(--white);

}



#hero-slider .owl-nav button.owl-prev {

  left: 20px;

  text-align: left;

  -webkit-transform: translate3d(0, -50%, 0);

  transform: translate3d(0, -50%, 0);

}

#hero-slider:hover button.owl-prev {

  left: 2rem;

  opacity: 1;

}

#hero-slider .owl-nav button.owl-next {

  right: 20px;

  -webkit-transform: translate3d(0, -50%, 0);

  transform: translate3d(0, -50%, 0);

}

#hero-slider:hover button.owl-next {

  right: 2rem;

  opacity: 1;

}



.bgimgoverlay::after {

  content: "";

  background-color: var(--white-coffee);

  position: absolute;

  left: -70px;

  right: 70px;

  bottom: -70px;

  top: 150px;

  width: 100%;

  z-index: -1;

}

.lg-order-2.bgimgoverlay::after {

  left: 70px;

  right: -70px;

}



.service-grid >div{

  background-color: var(--white-600);

  padding: 2rem;

}

.service-grid >div .item-count{

  display: inline-block;

  font-size: 2.25rem;

  font-weight: var(--weight-Medium);

  margin-bottom: 1rem;

}

.service-grid >div h3{

  font-size: 2rem;

  font-weight: var(--weight-SemiBold);

}

.service-grid >div p{

  font-size: 1rem;

}



.lr-wrapper .img-block,

.lr-wrapper .text-block {

  width: 100%;

}
.lr-wrapper .text-block >div{
  width: 100%;
}
.lr-wrapper .text-block.full-block{
  width: 100%;
}

.lr-wrapper .right-block .inner-block{

    max-width: 100%;

    width: 100%;

    padding-left: 1.5rem;

    padding-right: 1.5rem;

  }

.lr-wrapper .img-block {

  background-repeat: no-repeat;

  background-size: cover;

  background-position: center;

  position: relative;

  text-align: left;

}

.page-template-models-details .lr-wrapper .img-block {
  background-size: 100%;

}



.lr-wrapper .bg-image img {

  opacity: 0;

  visibility: hidden;

}

.lr-wrapper li {

	padding-left: 1.875rem;

  font-family: var(--font-Inter);

	font-weight: var(--weight-Bold);

  margin-bottom: 0.325rem;

}

.lr-wrapper li::before {

  content: '\f058';

	width: auto;

	height: auto;

	background-color: transparent;

	top: 0;

}



#testi-slider .owl-item{

  margin-top: 1rem;

  margin-bottom: 1.5rem;

}

#testi-slider .item{

	padding: 6rem 1rem 7rem 1rem;

	background-color: #f3f3f3;

	border-radius: 15px;

	

}

#testi-slider .item .open-quote{

  position: absolute;

  top: 2rem;

  left: 3rem;

  line-height: 1;

}

#testi-slider .item p{

  color:#011c26;

  line-height: 1.6;

  font-size: 1.125rem;

}

#testi-slider .item .quote-by{

  position: absolute;

  bottom: 2rem;

  left: 2.5rem;

  right: 2.5rem;

}

#testi-slider .item .quote-rating{

  display: flex;

  gap: 0.625rem;

}

#testi-slider .item .quote-rating i{

  font-size: 1rem;

  color:var(--mirage);

}

#testi-slider .item .quote-by h6{

  font-size: 1.25rem;

  font-weight: var(--weight-Bold);

  margin-bottom: 0;

}

#testi-slider .item .quote-by p{

  margin-bottom: 0;

  font-size: 0.875rem;

  font-style: normal;

}

.testi-wrapper .custom-nav {

  justify-content: center;

}

.testi-wrapper  .section-title h6,

.testi-wrapper  .block-title h6 {

  font-size: 1.125rem;

}



.testi-wrapper .profile-info{

  display: flex;

  align-items: center;

  margin-top: 1rem;

}

.testi-wrapper .profile-info .profile-img{

  width: 54px;

  height: 54px;

  border-radius: 9999px;

  margin-right: 1rem;

}



.ows-wrapper .extream-right {

	float: right;

	width: 90%;

}

.ows-wrapper .extream-right >.flex-div{

  max-width: var(--container-width-1xl);

}



.ows-wrapper .title-text p{

  font-size: 1.125rem;

  color: var(--mirage);

  font-weight: var(--weight-Medium);

  margin-bottom: 0;

}

.ows-wrapper .custom-nav {

  max-width: var(--container-width-1xl);

  display: flex;

  justify-content: flex-end;

  margin-top: 2rem;

}

.project-grid .owl-item {

  padding: 30px 0 0 0;

}

.project-grid .grid-item {  

  position: relative;

  overflow: hidden;

  width: 100%;

}

.project-grid .grid-item::after{

  content: '';

  position: absolute;

  bottom: 0;

  left: 0;

  right: 0;

  top: 0;

  background: #000;

background: -webkit-linear-gradient(0deg, rgba(0, 0, 0, 1) 0%, rgba(255, 255, 255, 0) 100%);

background: -moz-linear-gradient(0deg, rgba(0, 0, 0, 1) 0%, rgba(255, 255, 255, 0) 100%);

background: linear-gradient(0deg, rgba(0, 0, 0, 1) 0%, rgba(255, 255, 255, 0) 100%);

filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#000000", endColorstr="#FFFFFF", GradientType=0);

}

.project-grid .grid-item img.item-img{

  opacity: 0;

  visibility: hidden;

}

.project-grid .grid-item .rs-info img{

  margin: 0 0 1rem 0;

}

.project-grid .grid-item .rs-info{

  position: absolute;

  bottom: 0.5rem;

  left: 0;

  right: 0;

  padding: 1rem 3.5rem 1rem 1.5rem;

  z-index: 1;

}

.project-grid .grid-item h4,

.project-grid .grid-item p,

.project-grid .grid-item h6{

  color: var(--white);

}

.project-grid .grid-item h6{

  font-size: 1.125rem;

  margin-bottom: 0.25rem;

  font-family: var(--font-DMSans);

  font-weight: var(--weight-Regular);

}

.project-grid .grid-item h4{

  font-size: 1.5rem;

  margin-bottom: 0.5rem;

}

.project-grid .grid-item p {

  font-size: 1.125rem;

  margin-bottom: 0;

  line-height: 1.4;

}

.project-grid .grid-item > a,

.img-grid .grid-item > a {

	position: absolute;

	top: 0;

	left: 0;

	width: 100%;

	height: 100%;

	z-index: 100;

	text-indent: 200%;

	white-space: nowrap;

	font-size: 0;

	opacity: 0;

}

.project-grid .grid-item .site-btn{

  font-size: 0.875rem;

  padding: 10px 20px;

  min-width: 100px;

  margin-top: 1rem;

}

.project-grid .grid-item:hover .site-btn > span {

	background-color: var(--black);

  color: var(--white);

}

.project-grid .grid-item:hover .site-btn span {

	transform: translateY(0) scale(2);

}

.project-grid .grid-item .btn-block{

  position: absolute;

  right: 20px;

  bottom: 16px;

  display: flex;

  justify-content: flex-end;

}



.project-grid .grid-item .item-link{

  text-transform: uppercase;

  color: var(--white);

  font-weight: var(--weight-SemiBold);

  font-size: 0.875rem;

  letter-spacing: 1px;

  border: 1px solid var(--white);

  background-color: var(--white);

  color: var(--mirage);

  display: flex;

  justify-content: center;

  align-items: center;

  border-radius: 60px;

  width: 36px;

height: 36px;

  -webkit-transition: all 0.5s;

  -moz-transition: all 0.5s;

  transition: all 0.5s;

}

.project-grid .grid-item:hover .item-link{

  background-color: var(--aqua-blue);

  border-color: var(--aqua-blue);

  color: var(--white);

}







.about-wrapper .img-block,

.about-wrapper .text-block{

  width: 100%;

}

.about-wrapper img{

  border-radius: 20px;

}

.about-wrapper .img-block .img-grid img{

  width: 100%;

}



.benefits-block .row-block{

  padding: 2rem 0 0 0;

  margin: 3rem 0 0 0;

  border-top: 1px solid rgba(255, 255, 255, 0.20);

}

.benefits-block .left-block{

  display: flex;
  flex-flow: column;

  gap: 2rem;

  width: 100%;

}

.benefits-block .right-block{

  width: 100%;

  position: relative;

  padding-right: 5rem;

}

.benefits-block .left-block span{

  width: 80%;

}

.benefits-block .left-block .ob-icon{

  width: 90px;

}

.benefits-block .left-block h3{

  color: var(--white);

  font-size: 1.875rem;

  margin-bottom: 0;

}

.benefits-block .right-block p,
.benefits-block .right-block li{

  color: var(--silver-200);

  font-size: 1rem;

}



.benefits-block .right-block .ob-link{

  position: absolute;

  right: 0;

  top: 0;

}

.benefits-block .right-block .ob-link i{

  width: 60px;

  height: 60px;

  border-radius: 999px;

  background-color: var(--aqua-blue);

  color: var(--mirage);

  border: 1px solid var(--aqua-blue);

  display: flex;

  align-items: center;

  justify-content: center;

  -webkit-transition: all 0.3s;

  -moz-transition: all 0.3s;

}

.benefits-block .right-block .ob-link i:hover{

  transform: rotate(45deg);

  background-color: var(--white);

  color: var(--mirage);

  border-color: var(--white);

}

.ob-wrapper .bottom-block {

  padding: 2rem;

}

.ob-wrapper .bottom-block .block-details{

  width: 100%;

  padding: 1rem;

  background-color: var(--aqua-blue);

  border-radius: 30px;

}

.ob-wrapper .block-details h4{

  font-size: 1.625rem;

}

.ob-wrapper .block-details p,

.ob-wrapper .block-details li{

  font-size: 1rem;

  color: var(--mirage);

}

.ob-wrapper .block-details li{

  padding-left: 1.5rem;

  font-size: 0.875rem;

  font-weight: var(--weight-Bold);

  margin-bottom: 5px;

}

.ob-wrapper .block-details li::before{

  content: '\f058';

  width: auto;

  height: auto;

  background-color: transparent;

  font-family: "Font Awesome 7 Pro";

  font-weight: var(--weight-SemiBold);

  top: 1px;

  font-size: 0.875rem;

  border-radius: 0;

}

.logo-icon{

  position: absolute;

  bottom: 0;

  right:50%;

  -webkit-transform: translate3d(50%, 50%, 0);

	transform: translate3d(50%, 50%, 0);

  z-index: 2;

}

.logo-icon >span img{

  display: inline-block;

  background-color: var(--white);

  border-radius: 9999px;

}



.statistics-block >div{

  position: relative;

}

 .statistics-block >div::after{

  content: '';

  position: absolute;

  right: 0;

  top: 0;

  bottom: 0;

  width: 1px;

  background-color: #e6e6e6;

}

 .statistics-block >div:last-child:after{

  width: auto;

  background-color: transparent;

}

.statistics-block  h3{

  font-size: 2.5rem;

  margin-bottom: 0;

}

.statistics-block  p{

  font-size: 1rem;

  margin-bottom: 0;

}



.cta-wrapper .bg-layer{

  min-height: 600px;

}

.cta-wrapper .bg-layer::before{

  content: '';

  position: absolute;

  top: 0;

  bottom: 0;

  left: 0;

  right: 0;

background: #000;

background: -webkit-linear-gradient(90deg, rgba(0, 0, 0, 1) 0%, rgba(0, 0, 0, 0.08) 100%);

background: -moz-linear-gradient(90deg, rgba(0, 0, 0, 1) 0%, rgba(0, 0, 0, 0.08) 100%);

background: linear-gradient(90deg, rgba(0, 0, 0, 1) 0%, rgba(0, 0, 0, 0.08) 100%);

filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#000000", endColorstr="#000000", GradientType=0);

}



.cta-wrapper .section-title h2{

  color: var(--white);

}





.list-block{

  max-width: 1000px;

  width: 100%;

  background-color: var(--white);

  margin: 0 auto;

  padding: 2rem;

  border-radius: 20px;

  box-shadow: 0 8px 24px 0 rgba(0,0,0,0.02);

}

.list-block ul{

  display: grid;

  grid-template-columns: repeat(1,minmax(0,1fr));

  gap: 1rem;

}

.listing-wrapper ul li{

  padding-left: 1.5rem;

  color: var(--mirage);

  font-size: 1.25rem;

}

.listing-wrapper ul li a{

  color: inherit;

}



.listing-wrapper ul li a:hover{

  color: var(--aqua-blue);

}



.listing-wrapper ul li::before{

  content: url('assets/images/list-pin.png');

  width: auto;

  height: auto;

  background-color: transparent;

  top: 4px;

}





.sitecontact-wrapper .form-block{

  max-width: 700px;

  margin: 0 auto;

}

.sitecontact-wrapper .left-block{

  display: flex;

  justify-content: flex-end;

}

.sitecontact-wrapper .left-block >div{

  max-width: 700px;

  width: 100%;

}

.sitecontact-wrapper .left-block .form-block{

  max-width: 100%;

}

.sitecontact-wrapper .map-block{

  display: flex;

}

.sitecontact-wrapper .map-block iframe{

  height: 100%;

}

.sitecontact-wrapper .left-block .form-group{

  margin-bottom: 2rem;

}



.sitecontact-wrapper .left-block .form-group .site-form {

  font-size: 1rem;

	background-color: transparent;

	border-color:rgba(255, 255, 255, 0.1);

  border-top: none;

  border-left: none;

  border-right: none;

	border-radius: 0;

  padding-left: 0;

  padding-right: 0;

  color: var(--white);

}

.sitecontact-wrapper .left-block .form-group .custom-select {

  font-size: 1rem;

	background-color: transparent;

	border-color:rgba(255, 255, 255, 0.1);

  border-top: none;

  border-left: none;

  border-right: none;

	border-radius: 0;

  padding-left: 0;

  padding-right: 0;

  color: var(--white);

}

.sitecontact-wrapper .wpcf7-list-item{

  margin-left: 0;

}

.sitecontact-wrapper .left-block .form-opt-in label {

  color: var(--white);

}



.ss-grid .grid-item{

  padding: 3rem 1rem 4rem 1rem;

  position: relative;

  background-color: var(--white);

	border-radius: 30px;

	box-shadow: 0 20px 15px -3px rgb(0 0 0 / 0.05), 0 4px 6px -4px rgb(0 0 0 / 0.05);

}

.ss-grid .grid-item .btn-block {

	display: flex;

	justify-content: flex-end;

   position: absolute;

  bottom: 1rem;

  left: 1rem;

  right: 1rem;

  z-index: 1;

}

.ss-grid .grid-item h4{

  font-size: 1.625rem;

}

.ss-grid .grid-item p{

  color:var(--primary);

  font-size: 1.125rem;

  margin-bottom: 0;

}

.ss-grid .grid-item .item-link {

	text-transform: uppercase;

	color: var(--white);

	font-weight: var(--weight-SemiBold);

	font-size: 0.875rem;

	letter-spacing: 1px;

	background: #1F69C8;

	background: -webkit-linear-gradient(90deg, rgba(31, 105, 200, 1) 0%, rgba(8, 48, 88, 1) 100%);

	background: -moz-linear-gradient(90deg, rgba(31, 105, 200, 1) 0%, rgba(8, 48, 88, 1) 100%);

	background: linear-gradient(90deg, rgba(31, 105, 200, 1) 0%, rgba(8, 48, 88, 1) 100%);

	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#1F69C8", endColorstr="#083058", GradientType=1);

	color: var(--white);

	display: flex;

	justify-content: center;

	align-items: center;

	border-radius: 60px;

	width: 40px;

	height: 40px;

	-webkit-transition: all 0.5s;

	-moz-transition: all 0.5s;

	transition: all 0.5s;

}

.ss-grid .grid-item:hover .item-link {

	transform: rotate(45deg);

}



.ss-grid .grid-item > a{

	position: absolute;

	top: 0;

	left: 0;

	width: 100%;

	height: 100%;

	z-index: 100;

	text-indent: 200%;

	white-space: nowrap;

	font-size: 0;

	opacity: 0;

}



.gallery-grid {

  display: grid;

  grid-template-columns: repeat(1, minmax(0, 1fr));

  gap: 1rem;

}

.gallery-grid .grid-item {

  background-repeat: no-repeat;

  background-size: cover;

  background-position: center;

}



.gallery-block .gallery-grid {

  margin-bottom: 0.5rem;

}

.gallery-block > div.gallery-grid:last-child {

  margin-bottom: 0;

}

.gallery-grid > .grid-item {

  grid-column: span 1 / span 1;

  grid-row: span 1 / span 1;

  position: relative;

}

.gallery-grid .grid-item img {

  opacity: 0;

  visibility: hidden;

}



.gallery-block .gallery-grid .grid-hover {

  text-align: center;

  position: absolute;

  bottom: 10px;

  right: 10px;

  left: 10px;

  background-color: var(--brown-300);

  color: var(--white);

  padding: 4px 14px;

  font-size: 0.875rem;

  font-weight: var(--weight-Medium);

  opacity: 0;

  -webkit-transition: opacity 0.3s;

  -moz-transition: opacity 0.3s;

  -o-transition: opacity 0.3s;

  transition: opacity 0.3s;

}

.gallery-block .grid-hover h5 {

  font-size: 0.875rem;

  letter-spacing: 2px;

  text-transform: uppercase;

  font-family: var(--font-DMSans);

  font-weight: var(--weight-Bold);

  color: var(--orange-400);

}

.gallery-block .grid-hover h3 {

  margin-bottom: 0;

  font-size: 1.875rem;

}

.gallery-block .gallery-grid .grid-item:hover .grid-hover {

  opacity: 1;

}





.form-wrapper .left-block,

.form-wrapper .right-block {

  width: 100%;

}



.tpform-wrapper::before{

  content: '';

  background-image: url('assets/images/hero1.jpg');

  background-repeat: no-repeat;

  background-position: center;

  background-size: cover;

  position: absolute;

  top: 0;

  left: 0;

  right: 0;

  min-height: 500px;

}

.tpform-wrapper::after{

  content: '';

  position: absolute;

  top: 0;

  left: 0;

  right: 0;

  min-height: 500px;

  background: #000000;

  background: -webkit-linear-gradient(0deg, rgba(0, 0, 0, 0.95) 0%, rgba(0, 0, 0,0.2) 90%);

  background: -moz-linear-gradient(0deg, rgba(0, 0, 0, 0.95) 0%, rgba(0, 0, 0, 0.2) 90%);

  background: linear-gradient(0deg, rgba(0, 0, 0, 0.95) 0%, rgba(0, 0, 0, 0.2) 90%);

  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#000000", endColorstr="#000000", GradientType=0);

  z-index: 1;

}

.tpform-wrapper .section-title h2,

.tpform-wrapper .section-title h4{

  color: var(--white);

}

.tpform-wrapper .section-title h4{

  font-family: var(--font-Inter);

  font-weight: var(--weight-Regular);

  font-size: 1.5rem;

  text-transform: uppercase;

  margin-bottom: 0;

}

.form-wrapper .right-block{

  position: relative;

}



.form-group .custom-select::after {

  color: var(--primary);

}

.contact-wrapper .form-button > span {

  color: var(--white);

  border-color: var(--grey-800);

}

.contact-wrapper .form-button > span:hover {

  color: var(--black);

  border-color: var(--white);

}

.contact-wrapper .form-button > span > span {

  background-color: var(--white);

}



.form-wrapper .block-title h4 > span {

  color: var(--blue-200);

}



.form-wrapper .disclaimer{

  font-style: italic;

  font-size: 0.875rem;

  color: #101e3c;

}





.ctainfo-wrapper .cta-grid .grid-item {

  font-size: 1rem;

	padding: 3rem 2rem;

	background-color: var(--white);

	border-radius: 20px;

	box-shadow: 0 8px 24px 0 rgba(0,0,0,0.02);

}



.ctainfo-wrapper .cta-grid .item-icon{

  margin-bottom: 1rem;

  display: inline-block;

}

.ctainfo-wrapper .cta-grid .item-icon img{

  background-color: var(--mirage);

  border-radius: 9999px;

}

.ctainfo-wrapper .cta-grid h4{

 font-size: 1.325rem;

 font-weight: var(--weight-Medium);

}

.ctainfo-wrapper .cta-grid a{

  color: var(--granite-gray);

  font-size: 1rem;

}

.ctainfo-wrapper .cta-grid a:hover{

  color: var(--blue);

}



.www-wrapper .title-text p{

  font-size: 1.875rem;

  font-family: var(--font-Agaramond);

}



.www-grid{

  padding: 0 2rem;

  display: grid;

  grid-template-columns: repeat(1, minmax(0, 1fr));

  gap: 1.5rem;

}





.www-grid .bg-image img{

  opacity: 0;

  visibility: hidden;

}





.post-grid .owl-item {

  position: relative;

  margin-bottom: 3rem;

}

.post-grid .owl-item .post-item{

  -webkit-transition: all 0.35s;

  transition: all 0.35s;

}

.post-grid .owl-item .grid-img{

  display: block;

  margin-bottom: 2rem;

}

.post-grid .owl-item .grid-img img{

  width: 100%;;

}





.post-grid .grid-text {

  border-bottom: none;

  padding: 0 3rem 0 0;

}

.post-grid .grid-text p {

  margin-bottom: 0;

}



.post-grid .post-meta {

  display: block;

  font-weight: var(--weight-Medium);

  color:var(--mirage);

  font-size: 0.75rem;

  margin-bottom: 0.5rem;

}



.post-grid .post-meta > span a {

  color: inherit;

  font-family: inherit;

  font-weight: inherit;

}



.post-grid .grid-text h4 {

  color: var(--black);

  font-size: 1.75rem;

  margin-bottom: 0;

}

.post-grid .grid-text h4 a{

  color: inherit;

}

.post-grid .grid-text .post-cat{

  display: block;

  font-size: 0.875rem;

  color: var(--dim-gray);

  margin-bottom: 5px;

}

.post-grid .grid-text .post-cat a{

  color: inherit;

  font-size: inherit;

}



.post-grid .post-btn{

  position: absolute;

  right: 0;

  bottom: 20px;

}

.post-grid .post-btn i {

	width: 50px;

	height: 50px;

	border-radius: 999px;

	background-color: var(--aqua-blue);

	color: var(--white);

	border: 1px solid var(--aqua-blue);

	display: flex;

	align-items: center;

	justify-content: center;

	-webkit-transition: all 0.3s;

	-moz-transition: all 0.3s;

}

.post-grid .owl-item:hover .post-btn i {

	transform: rotate(45deg);

	background-color: var(--mirage);

	color: var(--white);

	border-color: var(--mirage);

}



.post-grid .owl-item > a {

  position: absolute;

  top: 0;

  left: 0;

  width: 100%;

  height: 100%;

  z-index: 1000;

  text-indent: 200%;

  white-space: nowrap;

  font-size: 0;

  opacity: 0;

}



.pricing-wrapper .bgc-layer{

  background-color: rgba(17, 17, 17, 0.80);

}

.pw-div >div{

  width: 100%;

}

.programs-block p,

.programs-block li,

.programs-block h2,

.programs-block h3,

.programs-block h4{

  color: var(--white);

}

.programs-block p{

  font-size: 1rem;

}

.programs-block .grid-div h4{

  font-size: 1.5rem;

}

.programs-block .grid-div p{

  font-size: 0.875rem;

}

.benefits-block .bb-item{

  background-color: var(--white);

  padding: 1.5rem;

}



.benefits-block .bb-item .top-block{

  border-bottom: 1px solid #ececec;

  margin-bottom: 1rem;

  padding-bottom: 1rem;

  padding-top: 1rem;

}

.benefits-block .bb-item .top-block h3{

  font-size: 1.875rem;

  font-weight: var(--weight-Bold);

  margin-bottom: 5px;

}

.benefits-block .bb-item .top-block p{

  margin-bottom: 0;

  font-size: 0.875rem;

}

.benefits-block .bb-item .bb-list p,

.benefits-block .bb-item .bb-list li{

  color: #111111;

  font-size: 1rem;

  font-family: var(--font-Roboto);

  margin-bottom: 1rem;

}

.pricing-wrapper .benefits-block .bb-item li::before{

  content: '\f00c';

}



.fw-grid .grid-item{

  background-color: #fbfaf9;

  padding: 2rem;

  border: 2px solid #f0f0f0;

}

.fw-grid .grid-item .grid-icon{

  display: block;

  margin-bottom: 20px;

}

.fw-grid .grid-item h3{

  font-size: 1.625rem;

  font-weight: var(--weight-Bold);

}

.fw-grid .grid-item p{

  font-size: 1rem;

}



.map-wrapper iframe {

  vertical-align: top;

}

.siglepost-wrapper{

  padding-top: 60px;

}

.siglepost-wrapper img{
  border-radius: 30px;

}

.siglepost-wrapper .content-block,

.siglepost-wrapper .sidebar-block {

  width: 100%;

}

.siglepost-wrapper .content-block {

  margin-bottom: 2rem;

}

.siglepost-wrapper .post-title {

  font-size: 2rem;

}

.siglepost-wrapper .post-meta {

  margin: 2rem 0 1rem 0;

}

.siglepost-wrapper .post-meta > span {

  margin-right: 2.5rem;

  font-size: 0.875rem;

  font-weight: var(--weight-Medium);

}

.siglepost-wrapper .post-meta > span:last-child {

  margin-right: 0;

}

.siglepost-wrapper .post-meta > span i {

  color: var(--blue-400);

  margin-right: 0.5rem;

}

.post-meta .post-by {

  display: inline-flex;

  align-items: center;

}

.siglepost-wrapper .post-img img{

border-radius: 30px;

}

.sidebar-block > section,

.sidebar-block > .widget {

  margin-bottom: 30px;

  padding: 2rem;

  background-color: #f5f5f8;

}

.sidebar-block .wp-block-search{

  position: relative;

}

.sidebar-block .wp-block-search .wp-block-search__input {

  padding: 12px 46px 12px 12px;

  background-color: var(--granite-gray);

  border: 1px solid var(--granite-gray);

  font-family: var(--font-Inter);

  font-size: 1.125rem;

  color: var(--white);

  width: 100%;

}

.sidebar-block *::-webkit-input-placeholder {

  color: var(--white);

}



.sidebar-block *:-moz-placeholder {

  color: var(--white);

}



.sidebar-block *::-moz-placeholder {

  color: var(--white);

}



.sidebar-block *:-ms-input-placeholder {

  color: var(--white);

}

.sidebar-block .wp-block-search__button {

  background-color: var(--dim-gray);

  border: 1px solid var(--dim-gray);

  color: var(--white);

  cursor: pointer;

  transition: all ease-in-out 0.3s;

  position: absolute;

  bottom: 0;

  top: 0;

  right: 0;

  width: 40px;

}



.sidebar-block .widget-title {

  position: relative;

  font-weight: var(--weight-SemiBold);

  font-size: 1.5rem;

  margin-bottom: 2rem;

}





section .sidebar-block .categoties-block ul li {

  padding-left: 0;

}



.sidebar-block .categoties-block li a {

  position: relative;

  text-transform: capitalize;

  display: block;

  color: #212529;

  text-decoration: none;

  padding: 10px 44px 10px 0;

  font-size: inherit;

  transition: all ease-in-out 0.3s;

}

section .sidebar-block .categoties-block ul li::before {

  background-color: transparent;

  content: '';

}

.sidebar-block .categoties-block li a::after {

  font-family: "Font Awesome 6 Pro";

  content: "\f061";

  position: absolute;

  right: 0;

  top: 50%;

  font-weight: 400;

  font-size: 18px;

  opacity: 0;

  -webkit-transform: translate3d(0, -50%, 0);

  transform: translate3d(0, -50%, 0);

  -webkit-transition: all 0.2s ease-in 0s;

  -moz-transition: all 0.2s ease-in 0s;

  -o-transition: all 0.2s ease-in 0s;

  transition: all 0.2s ease-in 0s;

}

.sidebar-block .categoties-block li:hover a::after {

  right: 1.5rem;

  opacity: 1;

}

.sidebar-block .categoties-block li:hover a {

  color: var(--granite-gray);

  text-decoration: none;

}



.swiper-container {

  overflow: hidden;

  width: 100%;

  margin-left: auto;

  margin-right: auto;

}

.swiper-container-wrapper {

  display: flex;

  flex-flow: column nowrap;

  height: 100vh;

  width: 100vw;

  position: relative;

}





.swiper-button-next, .swiper-button-prev {

  color: #000;

}



.swiper-slide {

  background-size: cover;

  background-position: center;

  background-color: #fff;

  /* Center slide text vertically */

  display: flex;

  flex-flow: column nowrap;

  justify-content: flex-end;

  align-items: flex-start;

  position: relative;

  /* Slide content */

}

.gallery-top .swiper-slide {

  padding-bottom: 5rem;

}

.swiper-slide::before {

	content: "";

	position: absolute;

	top: 0;

	bottom: 0;

	left: 0;

	right: 0;

	z-index: 1;

	background: #000000;

	background: -webkit-linear-gradient(0deg, rgba(0, 0, 0, 0.80) 0%, rgba(0, 0, 0, 0) 50%);

	background: -moz-linear-gradient(0deg, rgba(0, 0, 0, 0.80) 0%, rgba(0, 0, 0, 0) 50%);

	background: linear-gradient(0deg, rgba(0, 0, 0, 0.80) 0%, rgba(0, 0, 0, 0) 50%);

	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#000000", endColorstr="#00000000", GradientType=0);

}

.swiper-slide .description,

.swiper-slide .title{

  display: block;

  opacity: 0;

  transition: 0.5s ease 0.5s;

  max-width: 1000px;

  color: var(--white);

  position: relative;

  z-index: 1;

}

.swiper-slide-active .title {

  transition: opacity 0.5s ease 0.5s;

}

.swiper-slide .title h1,

.swiper-slide .title h5,

.swiper-slide .description p{

  color: inherit;

}

.swiper-slide .title h1{

  font-size: 3.625rem;

  text-transform: uppercase;

}

.swiper-slide .title h5{

  font-size: 1.625rem;

  font-family: var(--font-DMSans);

  font-weight: var(--weight-Regular);

}

.swiper-slide-active .description,

.swiper-slide-active .title {

  opacity: 1;

}



.swiper-slide-active .description {

  transition: opacity 0.5s ease 0.75s;

}



.gallery-top {

  position: relative;

  width: 100%;

  height: 85vh;

}



.gallery-thumbs {

  width: 100%;

  height: 15vh;

  padding-top: 10px;

  right: 0;

  position: relative;

}



.gallery-thumbs {

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

  padding: 1rem 1rem;

  z-index: 1;

}

  

.gallery-thumbs .swiper-wrapper {

  flex-direction: row;

}



.gallery-thumbs .swiper-slide {

  width: 25%;

  flex-flow: row nowrap;

  height: 100%;

  /* opacity: 0.75; */

  cursor: pointer;

  border: 2px solid var(--white);

}



.gallery-thumbs .swiper-slide-thumb-active {

  opacity: 1;

  border-color: var(--black);

}

.swiper-nav{

  position: absolute;

  bottom: 1rem;

  left: 1.5rem;

  z-index: 555;

  cursor: pointer;

}

.swiper-btn-next{

  left: 100px;

}



.swiper-nav i{

  border: 1px solid var(--white);

	background-color: rgba(206, 206, 205,0.6);

	color: var(--white);

	width: 60px;

	height: 60px;

	display: flex;

	align-items: center;

	justify-content: center;

	border-radius: 60px;

	transition-property: all;

	transition-duration: 250ms;

	font-size: 1.25rem;

	font-weight: var(--weight-Medium);

	

}



.swiper-button-disabled i{

  opacity: 0.5;

  cursor: not-allowed;

}



.swiper-thumbnav{

  position: absolute;

  top: 50%;

  left: 42px;

  z-index: 555;

  cursor: pointer;

  -webkit-transform: translate3d(-50%, -50%, 0) rotate(-90deg) ;

  transform: translate3d(-50%, -50%, 0) rotate(-90deg);

  

}

.swiper-tumbbutton-next{

  right: 0;

  left: auto;

}



.swiper-thumbnav i{

  font-size: 2.25rem;

  color: var(--white);

	font-weight: var(--weight-Medium);

  

}

#getquote form .form-opt-in label{
  color: var(--white);
}
#getquote form .form-opt-in{
  margin-top: 10px;
}




/* ================================ */

/* ========= Media Query ========== */

/* ================================ */



@media (min-width:640px){
  .top-bar p{
    font-size: 1rem;
}

  .homehero-wrapper .text-block h1{

  font-size: 3.25rem;

 }

.ob-wrapper .bottom-block {

  padding: 3rem;

}

.list-block ul{

  grid-template-rows: repeat(14,minmax(0,1fr));

  grid-template-columns: auto;

  grid-auto-flow: column;

}

  .www-grid {

	grid-template-columns: repeat(3, minmax(0, 1fr));

}

  .www-grid > div:nth-child(2),

.www-grid > div:nth-child(4),

.www-grid > div:nth-child(8),

.www-grid > div:nth-child(10),

.www-grid > div:nth-child(14),

.www-grid > div:nth-child(16),

.www-grid > div:nth-child(20),

.www-grid > div:nth-child(22),

.www-grid > div:nth-child(26),

.www-grid > div:nth-child(28),

.www-grid > div:nth-child(32),

.www-grid > div:nth-child(34),

.www-grid > div:nth-child(38){

  grid-column: span 2 / span 2;

  grid-row: span 2 / span 2;

}

.benefits-block .left-block{
  justify-content: space-between;

  align-items: center;
  flex-flow: row nowrap;

}
.ob-wrapper .bottom-block .block-details {
	padding: 2rem;
	}

}



@media (min-width: 767px) {
  .site-header .site-nav li.mobile-view {
    display: none;

  }
  .top-bar p{
  font-size: 1.125rem;
}

  .homehero-wrapper .text-block h1 {

	font-size: 4.875rem;

}

.homehero-wrapper .paragraph p{

  font-size: 1.25rem;

}



  #hero-slider .item {

    height: calc(100vh - 30px);

  }

#hero-slider .slider-content {

	padding: 2rem 3rem;

}

  

.hero-wrapper .bgc-layer{

  min-height: 500px;

}

.ob-wrapper .bottom-block {

  padding: 5rem;

}

.ob-wrapper .bottom-block .block-details {

	max-width: 400px;

}



.logo-icon{

  bottom: 60%;

  right:-10px;

  -webkit-transform: translate3d(50%, 50%, 0);

	transform: translate3d(50%, 50%, 0);

}

 .pp-grid .grid-item{

  padding: 3rem 3rem 7rem 3rem;

 }

 .opening-hours {

	position: absolute; 

	width: 300px;

}



#testi-slider .item {

	padding: 6rem 3rem 8rem 3rem;

}

.ss-grid .grid-item{

  padding: 3rem 2rem 4rem 2rem;

}

.ss-grid .grid-item .btn-block {

right: 2rem;

  left: 2rem;

  bottom: 1rem;

}

.gallery-grid {

    grid-template-columns: repeat(2, minmax(0, 1fr));

  }

  .gallery-block .gallery-grid > .grid-item:nth-child(3n) {

    grid-column: span 2 / span 2;

  }

.form-wrapper .info-block .flex-div > div{

  margin-bottom: 0;

}



.list-block{

  padding: 2rem 4rem;

}



.www-grid {

	grid-template-columns: repeat(4, minmax(0, 1fr));

}



.www-grid > div:nth-child(4),

.www-grid > div:nth-child(10),

.www-grid > div:nth-child(14),

.www-grid > div:nth-child(16),

.www-grid > div:nth-child(20),

.www-grid > div:nth-child(22),

.www-grid > div:nth-child(28),

.www-grid > div:nth-child(34),

.www-grid > div:nth-child(38){

  grid-column: span 1 / span 1;

  grid-row: span 1 / span 1;

}

.www-grid > div:nth-child(2),

.www-grid > div:nth-child(8),

.www-grid > div:nth-child(11),

.www-grid > div:nth-child(17),

.www-grid > div:nth-child(23),

.www-grid > div:nth-child(26),

.www-grid > div:nth-child(32),

.www-grid > div:nth-child(36){

  grid-column: span 2 / span 2;

  grid-row: span 2 / span 2;

}

}

@media (min-width: 1023px) {

 .homehero-wrapper .left-block{

  width: 60%;

}

  .homehero-wrapper .right-block{

  width: 40%;

}

.homehero-wrapper .text-block .inner-block{

  max-width: 850px;

  padding: 2rem 1.5rem;

}

.homehero-wrapper .text-block h1 {

	font-size: 4.5rem;

}



  .hero-wrapper .bgc-layer {

    min-height: 650px;

  }

  .template-contact .hero-wrapper .bgc-layer {

    min-height: 700px;

  }

  #hero-slider .slider-content h1 br,

  .hero-wrapper h1 br {

    display: block;

  }

  #hero-slider .slider-content h5,

.hero-wrapper h5 {

  font-size: 2.625rem;

}

  #hero-slider p br,

  .hero-wrapper p br {

    display: block;

  }



  .ows-wrapper .section-title{

  width: 40%;

}

.ows-wrapper .title-text{

  width: 60%;

}

  .lr-wrapper .img-block {

    width: 50%;

  }

  .lr-wrapper .img-block.lg-order-2 {

    text-align: right;

  }

  .lr-wrapper .img-block.lg-order-1 {

    text-align: left;

  }

  .lr-wrapper .text-block {

    width: 50%;

  }

  .lr-wrapper .w-45 {

    width: 45%;

  }

  .lr-wrapper .w-55 {

    width: 55%;

  }



.about-wrapper .left-block{

  width: 46%;

}

.about-wrapper .right-block{

  width: 54%;

}

.about-wrapper .left-block.w-full,

.about-wrapper .right-block.w-full{

width: 100%;

}

.benefits-block .left-block{

  width: 30%;

}

.benefits-block .right-block {

	width: 70%;

}



.list-block ul{

  grid-template-rows: repeat(7,minmax(0,1fr));

}



.list-block.models-list ul{

  grid-template-rows: repeat(10,minmax(0,1fr));

}

  

.fb-wrapper .row-block h2 {

	font-size: 5.25rem;

}



.gallery-grid {

    grid-template-columns: repeat(4, minmax(0, 1fr));

  }

  .gallery-block .gallery-grid > .grid-item:nth-child(3n) {

    grid-column: span 1 / span 1;

  }

  .gallery-block .gallery-grid > .grid-item:nth-child(2),

  .gallery-block .gallery-grid > .grid-item:nth-child(7),

  .gallery-block .gallery-grid > .grid-item:nth-child(12),

  .gallery-block .gallery-grid > .grid-item:nth-child(17),

  .gallery-block .gallery-grid > .grid-item:nth-child(22) {

    grid-row: span 2 / span 2;

    grid-column: span 2 / span 2;

  }

  .gallery-block .grid-hover h5 {

    font-size: 0.875rem;

    letter-spacing: 1px;

  }

  .gallery-block .grid-hover h3 {

    font-size: 1.5rem;

  }

 

  .contact-wrapper .left-block,

  .form-wrapper .left-block,

  .contact-wrapper .right-block,

  .form-wrapper .right-block  {

    width: 50%;

  }

  .contact-wrapper .left-block.full-block,

  .form-wrapper .left-block.full-block,

  .contact-wrapper .right-block.full-block,

  .form-wrapper .right-block.full-block  {

    width: 100%;

  }



  .contact-wrapper .right-block .map-block {

    position: relative;

    margin-top: -80px;

  }





.siglepost-wrapper {

	padding-top: 180px;

}

  .siglepost-wrapper .content-block {

    width: 71%;

    margin-bottom: 0;

  }

  .siglepost-wrapper .sidebar-block {

    width: 26%;

  }

 .pw-div .programs-block{

  width: 44%;

}

.pw-div .benefits-block{

  width: 52%;

}

  .gallery-top {

    width: 100%;

    height: 100vh;

  }

  .gallery-thumbs {

    width: 10%;

    height: 100vh;

    padding: 0;

    padding: 2rem 1rem;

    position: absolute;

  }

  .gallery-thumbs .swiper-wrapper {

    flex-direction: column;

  }

   .gallery-thumbs .swiper-slide {

    flex-flow: column nowrap;

    width: 100%;

  }



}

@media (min-width: 1230px) {

  .hero-wrapper .bgc-layer {

    min-height: 500px;

  }

  .homehero-wrapper .bgc-layer {

  height: calc(100vh - 120px);

  }

  #hero-slider .slider-content h1,

  .hero-wrapper h1 {

    font-size: 4.5rem;

  }

  #hero-slider .slider-content {

    padding: 2rem 4rem;

  }

  .lr-wrapper .img-block {

    padding: 0;

    margin-bottom: 0;

  }

  .lr-wrapper .text-block {

    padding-left: 0;

    padding-right: 0;

  }

 

  .lr-wrapper .text-block.lg-order-2 {

    justify-content: flex-start;

  }

  .lr-wrapper .text-block.lg-order-1 {

    justify-content: flex-end;

  }



}



@media (min-width: 1330px) {

 

  .homehero-wrapper .text-block h1 {

	font-size: 5rem;

}

}

@media (min-width:1430px){

  .homehero-wrapper .slider-content h1{

    font-size: 6.25rem;

  }

    .hero-wrapper h1 {

    font-size: 5.325rem;

  }

  .lr-wrapper .right-block .inner-block{

    max-width: 850px;

    padding-right: 1.5rem;

    padding-left: 0;

  }

  .lr-wrapper .right-block .inner-block{

    max-width: 750px;

    padding-left: 2rem;

  }

  .lr-wrapper .right-block.lg-order-1 .inner-block{

    padding-right: 2rem;

    padding-left: 0;

  }

}