/*
Theme Name: Impreza Child
Template: Impreza
Version: 1.0
Author:	UpSolution
Theme URI: http://impreza.us-themes.com/
Author URI: http://us-themes.com/
*/
@font-face {
    font-family: 'bentonmoddispregular';
    src: url('fonts/bentonmoddisp-regular-webfont.woff2') format('woff2'),
         url('fonts/bentonmoddisp-regular-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
	font-display: swap;
}

@font-face {
    font-family: 'bentonmoddispregularitalic';
    src: url('fonts/bentonmoddisp-regularit-webfont.woff2') format('woff2'),
         url('fonts/bentonmoddisp-regularit-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
	font-display: swap;
}

/********** Responsive Paddings and Sizing **********/
.section-wide{
padding-left: 150px;
padding-right: 150px;
}
.big-padding{
padding-top:120px;
padding-bottom:120px;
}
.big-padding-bottom{
padding-bottom:120px;
}
.big-padding-top{
padding-top:120px;
}
.med-padding{
padding-top:90px;
padding-bottom:90px;
}
.med-padding-bottom{
padding-bottom:90px;
}
.med-padding-top{
padding-top:90px;
}
.small-padding{
padding-top:60px;
padding-bottom:60px;
}
.small-padding-bottom{
padding-bottom:60px;
}
.small-padding-top{
padding-top:60px;
}
.x-small-padding{
padding-top:40px;
padding-bottom:40px;
}
.x-small-padding-bottom{
padding-bottom:40px;
}
@media all and (max-width: 1600px) {
.section-wide{
padding-left:60px;
padding-right:60px;
}
}
@media all and (max-width: 1199px) {
.section-wide{
padding-left:30px;
padding-right:30px;
}
}
@media only screen and (max-width: 991px) {
.section-wide.no-padding-1{
padding-left:0;
padding-right:0;
}
.big-padding{
	padding-top:80px;
	padding-bottom:80px;
}
.big-padding-bottom{
	padding-bottom:80px;
}
.big-padding-top{
	padding-top:80px;
}
.med-padding{
padding-top:60px;
padding-bottom:60px;
}
.med-padding-bottom{
padding-bottom:60px;
}
.med-padding-top{
padding-top:60px;
}
.small-padding{
	padding-top:30px;
	padding-bottom:30px;
}
.small-padding-bottom{
	padding-bottom:30px;
}
.small-padding-top{
	padding-top:30px;
}
}
@media only screen and (max-width: 767px) {
.big-padding{
	padding-top:60px;
	padding-bottom:60px;
}
.big-padding-bottom{
	padding-bottom:60px;
}
.big-padding-top{
	padding-top:60px;
}
.med-padding{
padding-top:40px;
padding-bottom:40px;
}
.med-padding-bottom{
padding-bottom:40px;
}
.med-padding-top{
padding-top:40px;
}
.small-padding{
	padding-top:20px;
	padding-bottom:20px;
}
.small-padding-bottom{
	padding-bottom:20px;
}
.small-padding-top{
	padding-top:20px;
}
}
@media all and (max-width: 575px) {
.section-wide{
padding-left:0;
padding-right:0;
}
.section-wide.pad-mob{
padding-left:30px;
padding-right:30px;
}
.section-wide.pad-mob-sm{
padding-left:15px;
padding-right:15px;
}
}
/********** Responsive Paddings and Sizing End **********/

/********** Custom headlines **********/
.hp-about-title h2 span{
display:block;
font-size:18px;
font-family: 'Inter', sans-serif;
margin-top:15px;
margin-bottom:15px;
line-height:1.5;
}

/********** Intro Blocks **********/

.intro-image-1{
	height:600px;
}
.intro-image-1.extra{
	height:700px;
}
@media only screen and (max-width: 1199px) {
.intro-text-1{
	padding-right:80px!important;
}
.intro-text-2{
	padding-left:80px!important;
}
}
@media only screen and (max-width: 991px) {
.intro-text-1{
	padding-bottom:60px;
	padding-right:0!important;
}
.intro-text-2{
	padding-bottom:60px;
	padding-left:0!important;
}
.intro-image-1{
	height:500px;
}
.intro-image-1.extra{
	height:500px;
}
}
@media only screen and (max-width: 767px) {
.intro-image-1{
	height:400px;
}
.intro-image-1.extra{
	height:400px;
}
.intro-text-1{
	padding-bottom:50px;
	padding-left:15px!important;
	padding-right:15px!important;
}
.intro-text-2{
	padding-bottom:50px;
	padding-left:15px!important;
	padding-right:15px!important;
}
}
/********** Intro Blocks End **********/


/********** Background Gradients **********/
.grad-bg-light{
	background: rgb(247,247,247);
background: radial-gradient(circle, rgba(255,255,255,1) 0%, rgba(255,255,255,1) 20%, rgba(247,247,247,1) 100%);
}
/********** Background Gradients End **********/

/**********  Headers **********/
.generic-header .h2{
	margin:0 0 0 0!important;
}
.generic-header{
	height:360px;
	margin-top:150px
}
.generic-header .l-section-h{
	height:360px;
}
.generic-header .g-cols.type_default {
    	height:360px;
}
.generic-header .g-cols.type_default h1{
width:65%;
}
.generic-header .g-breadcrumbs-item a:hover {
color:#fff!important	
}
@media only screen and (max-width: 1400px) {
.generic-header .g-cols.type_default h1{
width:70%;
margin-bottom:0!important
}
}
@media only screen and (max-width: 1199px) {
.generic-header .g-cols.type_default h1{
width:80%;
}
}
@media only screen and (max-width: 991px) {
.generic-header .g-cols.type_default h1{
width:100%;
}
.generic-header{
	height:300px;
	margin-top:55px
}
.generic-header .l-section-h{
	height:300px;
}
.generic-header .g-cols.type_default {
    	height:300px;

}
}
/**********  Headers End **********/

/**********  Homepage Slider End **********/
.banner-circle {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
margin: auto;
width: calc(100vw - 80px);
height: calc(100vw - 60px);
border: 1px solid rgba(255, 255, 255, 0.15);
border-radius: 100%;
z-index: 3;
pointer-events: none;
}
.animated {
  -webkit-animation-duration: 0.8s;
  animation-duration: 0.8s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}
@-webkit-keyframes fadeIn {
  from {
    opacity: 0;
  }

  to {
    opacity: 1;
  }
}

@keyframes fadeIn {
  from {
    opacity: 0;
  }

  to {
    opacity: 1;
  }
}

.fadeIn {
  -webkit-animation-name: fadeIn;
  animation-name: fadeIn;
  animation-duration: 2.1s; 
  animation-timing-function: ease;
}
@-webkit-keyframes fadeInRightSlow {
  from {
    opacity: 0;
    -webkit-transform: translate3d(30px, 0, 0);
    transform: translate3d(30px, 0, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}
@keyframes fadeInRightSlow {
  from {
    opacity: 0;
    -webkit-transform: translate3d(30px, 0, 0);
    transform: translate3d(30px, 0, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}
.fadeInRightSlow {
  -webkit-animation-name: fadeInRightSlow;
  animation-name: fadeInRightSlow;
  animation-duration: 1.2s; 
  animation-timing-function: ease;
}
.banner-delay {
	animation-delay: 2.2s;
	-webkit-animation-delay: 2.2s;
	-webkit-backface-visibility: hidden;
   -webkit-perspective: 1000;
}
.banner-delay-1 {
	animation-delay: 2.5s;
	-webkit-animation-delay: 2.5s;
	-webkit-backface-visibility: hidden;
   -webkit-perspective: 1000;
}

.hero{
position:relative;
overflow:hidden;	
}
/**********  Homepage Slider End **********/

/********** Scroll Down **********/
@-webkit-keyframes rotating {
from{
-webkit-transform: rotate(0deg);
transform: rotate(0deg);
}
to{
-webkit-transform: rotate(360deg);
transform: rotate(360deg);
}
}
.rotating {
-webkit-animation: rotating 5s linear infinite;
}
.rotating-text{
width: 100px;
height:100px;
position:absolute;
z-index: 1;
}
.scrolling-circle{
position:relative;
}
.text-arrow{
width: 100px;
height:100px;
position:absolute;
top:0;
z-index: 1;
}
.scroll-down{
position:absolute;
width:100px;
height:100px;
bottom:100px;
right:50px;
z-index:5;
}
@media only screen and (max-width: 991px) {
.scroll-down{
right: 30px;
}
}
@media only screen and (max-width: 767px) {
.scroll-down{
right: 50%;
margin-right: -50px;
}
.banner-circle {
display: none;
}
}
@media only screen and (max-width: 575px) {
.scroll-down{;
bottom:150px;
}
}
@media only screen and (max-width: 380px) {
.scroll-down{;
bottom:90px;
}
}
/********** Scroll Down End **********/