/*
 Theme Name:   Site Styles
 Theme URI:    https://bricksbuilder.io/
 Description:  Auto One Glass Theme
 Author:       Melriks
 Author URI:   https://www.melriks.com
 Template:     bricks
 Version:      1.0.2
 Text Domain:  bricks
*/







/* swiper */

#brx-content section.swiper-container { margin-bottom:0; }
.main-slider-two .container { width:100%; }
	.main-slider-two .column.is-12 { max-width:70%; width:70%; margin:0 auto; }
	
.home #brx-content section:first-child { padding:0; }
#brx-content section.main-slider-two:first-child,
	.main-slider-two .swiper-slide { height:auto; } 
    .swiper-wrapper { padding:50px 0; }
	
.main-slider-two .inner-content .brxe-text { max-width: 100%; }
	

#brx-content .brxe-container.main-slider-two { width:100%; display:block;  background-color:#001659; }
	.swiper-wrapper { width:100%; height:100%; }	
	
	
	.swiper-slide .is-no-wrap { width:200px; }
	
	#brx-content .main-slider-two .container h1, 
	#brx-content .main-slider-two .container h2 { font-size:3.6rem; }
	
	

	
.swiper-slide-active .slide-image, .main-slider-two .swiper-slide-active .main-slider-two__img { opacity: 1; transform: translateX(0); -webkit-transition-delay: 2500ms; -moz-transition-delay: 2500ms; -ms-transition-delay: 2500ms; -o-transition-delay: 2500ms; transition-delay: 2500ms; }
	.swiper-slide .inner-content, .main-slider-two__content { position: relative; z-index: 15; }
	.swiper-slide .subhead1, .main-slider-two__sub-title { position: relative; opacity: 0; -webkit-transform: perspective(400px) rotateX(0deg) translateY(-120px); -ms-transform: perspective(400px) rotateX(0deg) translateY(-120px); transform: perspective(400px) rotateX(0deg) translateY(-120px); -webkit-transform-origin: bottom; -ms-transform-origin: bottom; transform-origin: bottom; -webkit-transition: all 1500ms ease; -moz-transition: all 1500ms ease; -ms-transition: all 1500ms ease; -o-transition: all 1500ms ease; transition: all 1500ms ease; }
	.swiper-slide-active .subhead1, .main-slider-two .swiper-slide-active .main-slider-two__sub-title { opacity: 1; -webkit-transform: perspective(400px) rotateY(0deg) translateY(0px); -ms-transform: perspective(400px) rotateY(0deg) translateY(0px); transform: perspective(400px) rotateY(0deg) translateY(0px); -webkit-transition-delay: 1800ms; -moz-transition-delay: 1800ms; -ms-transition-delay: 1800ms; -o-transition-delay: 1800ms; transition-delay: 1800ms; }
		
	
.swiper-slide .brxe-heading.title, .main-slider-two__title {
  position: relative;  opacity: 0; -webkit-transform: perspective(400px) rotateY(0deg) translateY(-120px); -ms-transform: perspective(400px) rotateY(0deg) translateY(-120px); transform: perspective(400px) rotateY(0deg) translateY(-120px); -webkit-transform-origin: bottom; -ms-transform-origin: bottom; transform-origin: bottom; -webkit-transition: all 1500ms ease; -moz-transition: all 1500ms ease; -ms-transition: all 1500ms ease; -o-transition: all 1500ms ease; transition: all 1500ms ease;
}

.swiper-slide-active .brxe-heading.title, .main-slider-two .swiper-slide-active .main-slider-two__title {
  opacity: 1; -webkit-transform: perspective(400px) rotateY(0deg) translateY(0px); -ms-transform: perspective(400px) rotateY(0deg) translateY(0px);  transform: perspective(400px) rotateY(0deg) translateY(0px);  -webkit-transition-delay: 1500ms; -moz-transition-delay: 1500ms; -ms-transition-delay: 1500ms; -o-transition-delay: 1500ms;
}

.swiper-slide .brxe-text, .main-slider-two__text {
  opacity: 0; -webkit-transform: perspective(400px) rotateY(0deg) translateY(120px); -ms-transform: perspective(400px) rotateY(0deg) translateY(120px); transform: perspective(400px) rotateY(0deg) translateY(120px); -webkit-transform-origin: bottom; -ms-transform-origin: bottom; transform-origin: bottom; -webkit-transition: all 1500ms ease; -moz-transition: all 1500ms ease; -ms-transition: all 1500ms ease; -o-transition: all 1500ms ease; transition: all 1500ms ease;
}

.swiper-slide-active .brxe-text, .main-slider-two .swiper-slide-active .main-slider-two__text {
  opacity: 1; -webkit-transform: perspective(400px) rotateY(0deg) translateY(0px); -ms-transform: perspective(400px) rotateY(0deg) translateY(0px); transform: perspective(400px) rotateY(0deg) translateY(0px); -webkit-transition-delay: 1500ms; -moz-transition-delay: 1500ms; -ms-transition-delay: 1500ms; -o-transition-delay: 1500ms; transition-delay: 1500ms;
}

.btn-and-call-box, .main-slider-two__btn-and-call-box {
  position: relative; opacity: 0; -webkit-transform: perspective(400px) rotateY(0deg) translateY(80px); -ms-transform: perspective(400px) rotateY(0deg) translateY(80px); transform: perspective(400px) rotateY(0deg) translateY(80px); -webkit-transform-origin: bottom; -ms-transform-origin: bottom; transform-origin: bottom; -webkit-transition: all 1500ms ease; -moz-transition: all 1500ms ease; -ms-transition: all 1500ms ease; -o-transition: all 1500ms ease;  transition: all 1500ms ease;
}

.swiper-slide-active .btn-and-call-box, .main-slider-two .swiper-slide-active .main-slider-two__btn-and-call-box {
  opacity: 1; -webkit-transform: perspective(400px) rotateY(0deg) translateY(0px); -ms-transform: perspective(400px) rotateY(0deg) translateY(0px); transform: perspective(400px) rotateY(0deg) translateY(0px); -webkit-transition-delay: 1800ms; -moz-transition-delay: 1800ms; -ms-transition-delay: 1800ms; -o-transition-delay: 1800ms; transition-delay: 1800ms;
}
#brx-content .swiper-slide h1 { margin:0; padding:0; }
.swiper-slide .columns.mk-icon-row { margin:0 0 10px 0; }
.swiper-slide .bricks-link-wrapper { display:flex; width:75px; height:75px; flex-direction:column; justify-content:center; }

/* gradients */
.g-top div { position:relative; z-index:1; }
.g-top::after { width:100%; height:80%; z-index:0; display:block; content:''; position:absolute; top:0; left:0; right:0; background: rgb(255,255,255); background: linear-gradient(0deg, rgba(0,0,0,0) 0%, rgba(0,0,0,0.5) 50%, rgba(0,0,0,1) 100%); }
.g-bottom::after { width:100%; height:80%; z-index:0;  display:block; content:''; position:absolute; top:auto; bottom:0; left:0; right:0; background: rgb(255,255,255); background: linear-gradient(180deg, rgba(0,0,0,0) 0%, rgba(0,0,0,0.5) 50%, rgba(0,0,0,1) 100%);  }
.g-left::after { width:40%; height:100%; z-index:0;  display:block; content:''; position:absolute; left:0; top:0; bottom:0; background: rgb(255,255,255); background: linear-gradient(-90deg, rgba(0,0,0,0) 0%, rgba(0,0,0,0.5) 50%, rgba(0,0,0,1) 100%); }
.g-right::after { width:40%; height:100%; z-index:0;  display:block; content:''; position:absolute; right:0; top:0; bottom:0; background: rgb(255,255,255); background: linear-gradient(90deg, rgba(0,0,0,0) 0%, rgba(0,0,0,0.5) 50%, rgba(0,0,0,1) 100%); }
.g-corner-br::after { width:100%; height:100%; z-index:0;  display:block; content:''; position:absolute; top:0; left:0; background: rgba(255,255,255,0) 0%; background: radial-gradient(circle at bottom right, rgba(0,0,0,0) 0%, rgba(0,0,0,0.5) 50%, rgba(0,0,0,1) 100%); }
.g-corner-bl::after { width:100%; height:100%; z-index:0;  display:block; content:''; position:absolute; top:0; left:0; background: rgba(255,255,255,0) 0%; background: radial-gradient(circle at bottom left, rgba(0,0,0,1) 0%, rgba(0,0,0,0.25) 35%, rgba(0,0,0,0) 100%); }
.g-corner-tr::after { width:100%; height:100%; z-index:0;  display:block; content:''; position:absolute; top:0; left:0; background: rgba(255,255,255,0) 0%; background: radial-gradient(circle at top right, rgba(0,0,0,1) 0%, rgba(255,255,255,0.25) 35%, rgba(255,255,255,0) 100%); }
.g-corner-tl::after { width:100%; height:100%; z-index:0;  display:block; content:''; position:absolute; top:0; left:0; background: rgba(255,255,255,0) 0%; background: radial-gradient(circle at top left, rgba(0,0,0,1) 0%, rgba(0,0,0,0.25) 35%, rgba(0,0,0,0) 100%); }


/* mobile only */

@media (max-width:767px) {
	
	.swiper-container { max-height:950px; overflow:hidden; }
	.desktop-only { display:none!important; }
	
}

/* bricks overrides */

.bricks-button { font-size:1.4em; }
.bricks-button.lg {font-size:1.6em;  }


/* tablet */

@media (min-width: 768px) {
 /*  #brx-content .is-12 h1, 
	#brx-content .is-12 h2 { font-size: clamp(2.4rem, -0.875rem + 8.333vw, 4.8rem); } */
}

/* Large Desktop */

@media (min-width:1264px) {

/* swiper */
	.swiper-container { max-height:750px; overflow:hidden; }
	#brx-content .main-slider-two .container h1, 
	#brx-content .main-slider-two .container h2 { font-size:4.8rem; }
}




@media (min-width:1408px) {
	body, body .gform-theme--framework .gform-field-label, .gform-theme--framework .gform-field-label { font-size: 1.4rem; }
	
	/*  #brx-content .is-6.column h2 { font-size: clamp(2.8rem, -0.875rem + 8.333vw, 3.6rem);	} */
		.button-container a { font-size:1.8rem; }

}