.elementor-kit-9{--e-global-color-primary:#0D4496;--e-global-color-secondary:#54595F;--e-global-color-text:#7A7A7A;--e-global-color-accent:#0D4496;--e-global-color-d32ee38:#FFFFFF;--e-global-color-0f6bbb7:#111112;--e-global-color-f18f0b2:#0D4496;--e-global-typography-primary-font-family:"Josefin Sans";--e-global-typography-primary-font-size:3rem;--e-global-typography-primary-font-weight:normal;--e-global-typography-secondary-font-family:"Josefin Sans";--e-global-typography-secondary-font-weight:normal;--e-global-typography-text-font-family:"Josefin Sans";--e-global-typography-text-font-weight:normal;--e-global-typography-accent-font-family:"Josefin Sans";--e-global-typography-accent-font-weight:bold;}.elementor-kit-9 h3{font-size:2rem;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1400px;}.elementor-widget:not(:last-child){margin-bottom:20px;}{}h1.entry-title{display:var(--page-title-display);}@media(max-width:1024px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:1025px;}}@media(max-width:767px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:768px;}}/* Start custom CSS */*::before {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}




/* Slide up same word PRIMARY button*/


.button-wrapper a:hover{
    background-color: #0D4496;
    transition: background-color 0.3s;
}

.button-wrapper a {
    padding:1.2em 4.2em;
    border:2px solid #0D4496;
    border-radius:100px;
    transition: background-color 0.3s;
    overflow: hidden;
    height:4em;
    color:#0D4496;
    position:relative;
    display: inline-block;
    font-family: "Josefin sans", sans-serif;
    font-weight:normal;
    

}


.button-wrapper a span {
	position: relative;
	display: inline-block;
	-webkit-transition: -webkit-transform 0.3s;
	-moz-transition: -moz-transform 0.3s;
	transition: transform 0.3s;
}

.button-wrapper a span::before {
	position: absolute;
	color:#fff;
	top: 150%;
	content: attr(data-hover);
	-webkit-transform: translate3d(0,0,0);
	-moz-transform: translate3d(0,0,0);
	transform: translate3d(0,0,0);
}

.button-wrapper a:hover span,
.button-wrapper a:focus span {
	-webkit-transform: translateY(-150%);
	-moz-transform: translateY(-150%);
	transform: translateY(-150%);
}




/* Slide up same word INVERTED button*/


.button-wrapper.inverted a:hover{
    background-color: #fff;
    transition: background-color 0.3s;
}

.button-wrapper.inverted a {
    padding:1.2em 4.2em;
    border:2px solid #fff;
    border-radius:100px;
    transition: background-color 0.3s;
    overflow: hidden;
    height:4em;
    color:#fff;
    position:relative;
    display: inline-block;

}


.button-wrapper.inverted a span {
	position: relative;
	display: inline-block;
	-webkit-transition: -webkit-transform 0.3s;
	-moz-transition: -moz-transform 0.3s;
	transition: transform 0.3s;
}

.button-wrapper.inverted a span::before {
	position: absolute;
	color:#0D4496;
	top: 150%;
	content: attr(data-hover);
	-webkit-transform: translate3d(0,0,0);
	-moz-transform: translate3d(0,0,0);
	transform: translate3d(0,0,0);
}


/*CENTERED BUTTON*/
.centered-btn {
    text-align: center;
}



/*Slide Reveal Image*/


.img-wrapper{
    overflow:hidden;
    position:relative;
    height:65vh;
    width:100%;
   margin:0 auto;
}

.img-overlay {
    width:100%;
    background-color: #f9f7f1;
    position:absolute;
   height:100%;
    will-change: transform;
    transform: translateX(0%);
    z-index: 50;

}

.img-overlay-up {
    width:100%;
    background-color: #f9f7f1;
    position:absolute;
   height:100%;
    will-change: transform;
    transform: translateX(0%);
    z-index: 50;

}


/*Swipe Image Reveal*/

.slideright{
	animation-name: slideRight;
	-webkit-animation-name: slideRight;	

	animation-duration: 1s;	
	-webkit-animation-duration: 1s;

	animation-timing-function: cubic-bezier(0.22, 1, 0.36, 1);	
	-webkit-animation-timing-function: cubic-bezier(0.22, 1, 0.36, 1);

	visibility: visible !important;	
	animation-fill-mode: forwards;
	animation-delay:0.2s;
}

@keyframes slideRight {
	0% {
	transform: translateX(0%);
	}
	
	100% {
	
		transform: translateX(100%);
	}	
}

@-webkit-keyframes slideRight {
	0% {
		-webkit-transform: translateX(0%);
	}
		
	100% {
		-webkit-transform: translateX(100%);
	}	
}

.slideup{
animation-name: slideUp;
-webkit-animation-name: slideUp;
-moz-animation-name: slideUp;

animation-duration: 1s;	
-webkit-animation-duration: 1s;
-moz-animation-duration: 1s;

animation-timing-function: cubic-bezier(0.22, 1, 0.36, 1);	
-webkit-animation-timing-function: cubic-bezier(0.22, 1, 0.36, 1);
-moz-animation-timing-function: cubic-bezier(0.22, 1, 0.36, 1);

visibility: visible !important;	
animation-fill-mode: forwards;
animation-delay:0.2s;
}

@keyframes slideUp {
	0% {
	transform: translateY(0%);
	}
	
	100% {
	
		transform: translateY(100%);
	}	
}

@-webkit-keyframes slideUp {
	0% {
		-webkit-transform: translateY(0%);
	}
		
	100% {
		-webkit-transform: translateY(100%);
	}	
}


/*Scale Down The Content*/

.scaledown{
animation-name: scaleDown;
-webkit-animation-name: scaleDown;
-moz-animation-name: scaleDown;	

animation-duration: 1s;	
-webkit-animation-duration: 1s;
-moz-animation-duration: 1s;

animation-timing-function: cubic-bezier(0.22, 1, 0.36, 1);	
-webkit-animation-timing-function: cubic-bezier(0.22, 1, 0.36, 1);
-moz-animation-timing-function: cubic-bezier(0.22, 1, 0.36, 1);

visibility: visible !important;	
animation-fill-mode: forwards;
animation-delay:0.2s;
}

@keyframes scaleDown {
	0% {
	transform: scale(1.4);
	}
	
	100% {
	
		transform: scale(1);
	}	
}

@-webkit-keyframes scaleDown {
	0% {
		-webkit-transform: scale(1.4);
	}
		
	100% {
		-webkit-transform: scale(1);
	}	
}




/*Style settings for the text wrapper*/

.textBlockWrapper{
    overflow:hidden;
    position:relative;
    width:40%;
    height:350px;
    }
    
@media only screen and (max-width:500px){
    .textBlockWrapper{
    overflow:hidden;
    position:relative;
    width:100%;
    height:300px;
    }
    
}
    
/*Style settings for the feature text block*/

.featureText{
    width:100%;
    position: absolute;
    color:white;
    height:40vh;
    background-color: #0D4496;
    padding:7% 10% 0% 7%;
    
    }
.featureHeading{
        color:white;
    }

.firstText{
    transform:translateY(0%);
    z-index:10;
    }
.secondText{
    transform:translateY(-100%);
    z-index:30;
    }
.thirdText{
    transform:translateY(-100%);
    z-index:20;
    }
.returnFeature{
    transform:translateY(-100%);
    }
.returnImage{
    transform:translateX(-100%);
    }
    
    
    
    
/*Style settings for the actual image that will appear*/
    
.feature-content{
    width:100%;
    z-index:10;
    height:100%;
    background-position:center center;
    background-size: cover;
    will-change: transform;
    position: absolute;
    }
    
/*Style settings for the app feature images.*/
    
.firstFeature{
    transform: translateX(0%);
    z-index:10;
    }
.secondFeature{
    transform: translateX(-100%);
    z-index:20;
    }
.thirdFeature{
    transform: translateX(-100%);
    z-index:30;
    }
    

    
    
/*Swipe in transition for the new feature
    This is applied and removed on the feautre class on a click event*/
    
.inFeature{
    animation-name: inFeature;
-webkit-animation-name: inFeature;
-moz-animation-name: inFeature;
    
animation-duration: 1s;	
-webkit-animation-duration: 1s;
-moz-animation-duration: 1s;
    
animation-timing-function: cubic-bezier(0.83, 0, 0.17, 1);
-webkit-animation-timing-function: cubic-bezier(0.83, 0, 0.17, 1);
-moz-animation-timing-function: cubic-bezier(0.83, 0, 0.17, 1);
    visibility: visible !important;	
    animation-fill-mode: both;
    transform-origin: 100% 100%;
    }
    
@keyframes inFeature {
    0% {
    transform: translateX(-100%);
    }
    
    
    100% {
    
    	transform: translateX(0%);
    }	
    }
    
@-webkit-keyframes inFeature {
    0% {
    	-webkit-transform: translateX(-100%);
    }
    
    	
    100% {
    	-webkit-transform: translateX(0%);
    }	
    }
    
/*Swipe out transition for the new feature
    This is applied and removed on the feautre class on a click event*/
    
.outFeature{
animation-name: outFeature;
-webkit-animation-name: outFeature;
-moz-animation-name: outFeature;	
    
animation-duration: 1s;	
-webkit-animation-duration: 1s;
-moz-animation-duration: 1s;
    
animation-timing-function: cubic-bezier(0.83, 0, 0.17, 1);
-webkit-animation-timing-function: cubic-bezier(0.83, 0, 0.17, 1);
-moz-animation-timing-function: cubic-bezier(0.83, 0, 0.17, 1);
visibility: visible !important;	
animation-fill-mode: both;
    }
    
 @keyframes outFeature {
    0% {
    transform: translateX(0%);
    }
    
    
    100% {
    
    	transform: translateX(100%);
    }	
    }
    
    @-webkit-keyframes outFeature {
    0% {
    	-webkit-transform: translateX(0%);
    }
    
    	
    100% {
    	-webkit-transform: translateX(100%);
    }	
    }
    

    
 /*Swipe in transition for the new feature text
    This is applied and removed on the feautre class on a click event*/

.inFeatureText{
    animation-name: inFeatureText;
-webkit-animation-name: inFeatureText;
-moz-animation-name: inFeatureText;
    
animation-duration: 1s;	
-webkit-animation-duration: 1s;
-moz-animation-duration: 1s;
    
animation-timing-function: cubic-bezier(0.83, 0, 0.17, 1);
-webkit-animation-timing-function: cubic-bezier(0.83, 0, 0.17, 1);
-moz-animation-timing-function: cubic-bezier(0.83, 0, 0.17, 1);
visibility: visible !important;	
    animation-fill-mode: both;
    transform-origin: 100% 100%;
    }
    
@keyframes inFeatureText {
    0% {
    transform: translateY(-100%);
    }
    
    
    100% {
    
    	transform: translateY(0%);
    }	
    }
    
@-webkit-keyframes inFeatureText {
    0% {
    	-webkit-transform: translateY(-100%);
    }
    
    	
    100% {
    	-webkit-transform: translateY(0%);
    }	
    }
    
/*Swipe out transition for the new feature
    This is applied and removed on the feautre class on a click event*/
    
.outFeatureText{
animation-name: outFeatureText;
-webkit-animation-name: outFeatureText;
-moz-animation-name: outFeatureText;	
    
animation-duration: 1s;	
-webkit-animation-duration: 1s;
-moz-animation-duration: 1s;
    
animation-timing-function: cubic-bezier(0.83, 0, 0.17, 1);
-webkit-animation-timing-function: cubic-bezier(0.83, 0, 0.17, 1);
visibility: visible !important;	
animation-fill-mode: both;
    }
    
@keyframes outFeatureText {
    0% {
    transform: translateY(0%);
    }
    
    
    100% {
    
    	transform: translateY(100%);
    }	
    }
    
 @-webkit-keyframes outFeatureText {
    0% {
    	-webkit-transform: translateY(0%);
    }
    
    	
    100% {
    	-webkit-transform: translateY(100%);
    }	
 }
    
.headingWrapper {
  font-weight: 800;
  font-size: 3em;
  overflow: hidden;
  color:#0D4496;
  font-family: "century-gothic";
}

.headingWrapper .letter {
  display: inline-block;
  line-height: 0.5em;
}/* End custom CSS */