@font-face {
	font-family: Roboto;src: url('/webfonts/Roboto-Medium.ttf');
}

html {
    line-height: 1.15;
    -webkit-text-size-adjust: 100%;
    -ms-text-size-adjust: 100%;
    -ms-overflow-style: scrollbar;
    -webkit-tap-highlight-color: transparent;
}

html {
  font-size: 16px;
}

body, html {
	height: auto;
}

body {
	width: 100%;	
    font-size: 1rem !important;
	font-weight: 400;
    line-height: 1.5;
    font-family: Roboto, arial, helvetica, sans-serif !important;
    height: auto;
	min-height: 100vh;
	color: #212529 !important;
}

ul {
	list-style-type: none;
}

/* 
img {
	height: auto;
	width: 100%;
	aspect-ratio: attr(width) / attr(height);
}
*/

h1, h2, h3 {
	font-weight: 700 !important;
	font-family: Roboto, arial, helvetica, sans-serif !important;
	text-transform: uppercase;
	line-height: 1 !important;
}

h4, h5, h6 {
	font-weight: 700 !important;
	font-family: Roboto, arial, helvetica, sans-serif !important;
	text-transform: uppercase;
	line-height: 1 !important;
}


/* nav stuff */

.sticky-top {
    transition: all 0.25s ease-in;
	}

/* style for when sitcky is applied */
.stuck .navbar.sticky-top {
    background-color: #222 !important;
    padding-top: .5rem !important;
    padding-bottom: .5rem !important;
}	

.stuck .navbar.sticky-top {
    background-color: #222 !important;
    padding-top: 0.5rem !important;
    padding-bottom: 0.5rem !important;
    opacity: 1;
}

.bg-info {
    background: rgba(255, 255, 255 , 0.8) !important;
}

.quote {
	width: 200px;
    align-content: flex-end;
    text-align: end;
}

a.nav-link {
    color: #000 !important;
}

a.nav-link:hover {
    color: #0098FF !important
}

.stuck a.nav-link {
    color: #fff !important;
}

.stuck a.nav-link:hover {
    color: #ffc107 !important;
}
	
.nav-item {
    padding: 0 10px;
	font-size: 1.25rem
}

.btn.btn-warning {
    text-transform: uppercase;
}

@media all and (min-width: 992px) {
	.navbar .dropdown-menu-end {
		right:0; 
		left: auto;  
	}
	.navbar .nav-item .dropdown-menu {
		display:block; opacity: 0;
		visibility: hidden; 
		transition:.3s; 
		margin-top:0;
	}
	.navbar .nav-item:hover .nav-link {
		color: #000;  
	}
	.navbar .dropdown-menu.fade-down {
		top:80%; 
		transform: rotateX(-75deg); 
		transform-origin: 0% 0%; 
	}
	.navbar .dropdown-menu.fade-up {
		top:180%;
	}
	.navbar .nav-item:hover .dropdown-menu {
		transition: .3s;
		opacity:1; 
		visibility:visible; 
		top:100%; 
		transform: rotateX(0deg); 
	}
}


.nav-item, .nav-link {
	color: #fff;
	}
	
.nav-item > ul {
	padding-left: 0;
	}

a.navbar-brand img {
    height: 63px;
    width: 225px;
}

.page {
	background-color: #fff;
	padding-left: 0 !important;
	padding-right: 0 !important;
}

h4 > a,
h5 > a,
h6 > a {
	color: #fff !important;
	text-decoration: none;
}

h4 > a:hover,
h5 > a:hover,
h6 > a:hover {
	color: #ffc107 !important;
	text-decoration: none;
}


.title > h1 {
	font-size: 7rem !important;
	color: #fff;
	letter-spacing: -0.02em;
	line-height: 4rem !important;
	margin-bottom: 0 !important;
}

.title > h2 {
	color: #fff !important;
}

.breadcrumb {
	color: #505050 !important;
}

header {
	border-bottom: 1px solid #ddd;
}

ol,
ul {
	padding-left: 1rem;
}

ol.breadcrumb {
	padding-left: 0rem !important;
}

/** fonts **/

button:focus:not(:focus-visible) {
	box-shadow: none !important;
}

i.fa-solid.fa-bars:hover {
	color: #f0b907;
}


.icon-menu {
	color: #fff;
}

.boxed {
	box-shadow: 12px 0 15px -4px rgba(0, 0, 0, 0.8),
		-12px 0 8px -4px rgba(0, 0, 0, 0.8);
}

.content .container-fluid {
	padding: 0 30px !important;
}

.main-content-container {
	max-width: 100%;
	margin-right: auto;
	margin-left: auto;
	margin-top: 40px;
	margin-bottom: 40px;
	color: #505050;
	font-size: 18px;
	line-height: 27px;
	padding: 0 15px;
}


p {
	text-decoration: none;
}

a {
	/* color: #387cc0 !important; */
	text-decoration: none !important;
	transition: 0.3s ease-in-out;
}

a {
	-webkit-transition: 0.3s all ease;
	-o-transition: 0.3s all ease;
	transition: 0.3s all ease;
}

a, a:hover {
	text-decoration: none !important;
}

p a:focus, p a:hover {
	color: #3d6d79;
	text-decoration: none !important;
}

.fa-li {
	color: #505050;
	position: relative;
}

.contact h4 {
color: #000;
}

.contact .fa-ul {
    margin-left: var(--fa-li-margin,1.5em);
}

.home-button-container {
	margin: 0;
}

.home-contact-container {
	max-width: 90%;
	margin: auto;
	padding: 35px 0;
	text-align: center;
}

.content ol {
	padding: 5px 0 0 60px;
}

.content ul {
	padding: 5px 0 0 60px;
}

.content ul > li {
	color: #505050;
	font-size: 18px;
	line-height: 27px;
	padding: 15px 0 0 0;
	margin: 0;
}

.content ul > li a {
	color: #80befb;
}

.content ul > li a:focus,
.content ul > li a:hover {
	color: #bbb;
	text-decoration: none;
}

.close {
	position: absolute;
	right: -30px;
	top: 0;
	z-index: 999;
	font-size: 2rem;
	font-weight: 400;
	color: #fff;
	opacity: 1;
}

.close:not(:disabled):not(.disabled):focus,
.close:not(:disabled):not(.disabled):hover {
	color: #387cc0;
	text-decoration: none;
	opacity: 0.75;
}

::selection {
	background: #505050;
	color: #fff;
}

::-moz-selection {
	background: #505050;
	color: #fff;
}

.fa-2x {
	font-size: 2em;
}

.footerarea {
	padding-top: 1rem;
	padding-bottom: 1rem;
	padding-right: var(--bs-gutter-x, 0.75rem);
	padding-left: var(--bs-gutter-x, 0.75rem);
	margin-right: auto;
	margin-left: auto;
	position: relative;
	background-color: #000;
	width: 100%;
	/* height: 90px; */
	line-height: 26px;
}

.footercontent {
	margin: 0 auto;
	color: #fff;
	padding-right: var(--bs-gutter-x, 0.75rem);
	padding-left: var(--bs-gutter-x, 0.75rem);
}

.footerthing {
	float: right;
}

.ftic {
	font-size: 1.5rem !important;
	padding: 10px;
}

.footertext {
	font-size: 0.75rem;
	color: #fff;
	text-align: right;
}

p.footertext > a {
	color: #fff;
}

footer {
	margin-right: auto;
	margin-left: auto;
}

.footercontent > .row {
	margin: auto;
}

/* overwrite bootstrap styles */

.checkbox input[type="checkbox"],
.checkbox-inline input[type="checkbox"],
.radio input[type="radio"],
.radio-inline input[type="radio"] {
	position: relative;
	margin-top: 0px;
	margin-left: 2px;
}

.checkbox label,
.radio label {
	padding-left: 4px;
}

/* overwrite bootstrap styles */

.checkbox input[type="checkbox"],
.checkbox-inline input[type="checkbox"],
.radio input[type="radio"],
.radio-inline input[type="radio"] {
	position: relative;
	margin-top: 0px;
	margin-left: 2px;
}

.checkbox label,
.radio label {
	padding-left: 4px;
}


/* overwrite bootstrap default margin-left,because the<label/>doesn't contain the<input/>element. */

.checkbox input[type="checkbox"],
.checkbox-inline input[type="checkbox"],
.radio input[type="radio"],
.radio-inline input[type="radio"] {
	position: absolute;
	margin-top: 4px;
	margin-left: 0px;
}

div.form-group {
	padding: 8px 8px 4px 8px;
}

.mainDescription {
	margin-bottom: 10px;
}

p.description {
	margin: 0px;
}

.responsive img {
	width: 100%;
}

p.error,
p.validation-error {
	padding: 5px;
}

p.error {
	margin-top: 10px;
	color: #a94442;
}

p.server-error {
	font-weight: bold;
}

div.thumbnail {
	position: relative;
	text-align: center;
}

div.thumbnail.selected p {
	color: #fff;
}

div.thumbnail .glyphicon-ok-circle {
	position: absolute;
	top: 16px;
	left: 16px;
	color: #fff;
	font-size: 32px;
}

.form-group.required .control-label:after {
	color: #dd0000;
	content: "*";
	margin-left: 6px;
}

.submit .btn.disabled,
.submit .btn[disabled] {
	background: transparent;
	opacity: 0.75;
}

/* for image option with span text */

.checkbox label > span,
.radio label > span {
	display: block;
}

.form-group.inline .control-label,
.form-group.col-1 .control-label,
.form-group.col-2 .control-label,
.form-group.col-3 .control-label {
	display: block;
}

.form-group.inline div.radio,
.form-group.inline div.checkbox {
	display: inline-block;
}

.form-group.col-1 div.radio,
.form-group.col-1 div.checkbox {
	display: block;
}

.form-group.col-2 div.radio,
.form-group.col-2 div.checkbox {
	display: inline-flex;
	width: 48%;
}

.form-group.col-3 div.radio,
.form-group.col-3 div.checkbox {
	display: inline-flex;
	width: 30%;
}

.clearfix:after {
	content: ".";
	visibility: hidden;
	display: block;
	height: 0;
	clear: both;
}

.boxed {
	margin: 0 auto;
	max-width: 1140px !important;
	position: relative;
	padding: 0px;
	z-index: 1040;
	background-color: #fff;
	box-shadow: 0px 0px 15px rgb(0 0 0 / 15%);
}

@media (min-width: 1400px) {
	header .navhead .navsection .footer .footer-section {
		max-width: 1320px;
	}
}

@media (min-width: 1201px) and (max-width: 1399px) {
	header .navhead .navsection .footer .footer-section {
		max-width: 1140px;
	}
}

@media (max-width: 991px) {
	h1 {
		font-size: 2rem; /* 3 times the body text */
	}

	.hero > h2 {
		font-size: 2rem; /* 3 times the body text */
	}

	h2 {
		font-size: 1.5rem; /* 2 times the body text */
	}

	h3 {
		font-size: 1.25rem; /* 1 1/2 times the body text */
	}
	
	h4 {
		font-size: 1rem; /* 1 times the body text */
	}
	
	h5 {
		font-size: .75rem; /* 3/4 times the body text */
	}
	
	h6 {
		font-size: .5rem; /* 1/4 times the body text */
	}
}

@media (min-width: 992px) {
	h1 {
		font-size: 2.5rem; /* 3 times the body text */
	}

	.hero > h2 {
		font-size: 2.5rem; /* 3 times the body text */
	}

	h2 {
		font-size: 2rem; /* 2 times the body text */
	}

	h3 {
		font-size: 1.5rem; /* 1 1/2 times the body text */
	}
	
	h4 {
		font-size: 1rem; /* 1 times the body text */
	}
	
	h5 {
		font-size: .75rem; /* 3/4 times the body text */
	}
	
	h6 {
		font-size: .25rem; /* 1/4 times the body text */
	}
}

/** MENU TIME! **/
@media (min-width: 768px) {
	.animate {
		animation-duration: 0.3s;
		-webkit-animation-duration: 0.3s;
		animation-fill-mode: both;
		-webkit-animation-fill-mode: both;
	}
}

@keyframes slideIn {
	0% {
		transform: translateY(1rem);
		opacity: 0;
	}

	100% {
		transform: translateY(0rem);
		opacity: 1;
	}

	0% {
		transform: translateY(1rem);
		opacity: 0;
	}
}

@-webkit-keyframes slideIn {
	0% {
		-webkit-transform: transform;
		-webkit-opacity: 0;
	}

	100% {
		-webkit-transform: translateY(0);
		-webkit-opacity: 1;
	}

	0% {
		-webkit-transform: translateY(1rem);
		-webkit-opacity: 0;
	}
}


@media (min-width: 1024px) {
	#hero {
		background-attachment: fixed;
	}
}

#hero {
	display: flex;
	flex-direction: column;
	background-image: linear-gradient(
			rgba(255, 255, 255, 0.5),
			rgba(255, 255, 255, 0.5)
		),
		url("/images/titleback.png");
	align-self: center;
	background-repeat: no-repeat;
	background-size: cover;
	background-attachment: fixed;
	align-items: center;
	justify-content: center;
}

section {
	padding: 94px 0;
	overflow: hidden;
}

#hero .container {
	position: relative;
}

@media (min-width: 992px) {
	li.custom {
		box-shadow: 0.25rem 0.25rem 0.4rem rgb(0 0 0 / 5%),
			0 0.5rem 1rem rgb(75 0 0 / 5%);
		margin-bottom: 40px;
		padding: 10px;
		border: 1px solid #eee;
		background: white;
		border-radius: 0 0.5rem 0.5rem 0.5rem;
		list-style-type: none;
		counter-increment: item;
	}

	ol li.custom:before {
		content: counter(item);
		display: inline-block;
		width: 30px;
		height: 35px;
		font-family: Roboto, arial, helvetica, sans-serif;
		margin-right: 5px;
		background-color: #085977;
		color: #fff;
		font-weight: bold;
		font-size: 140%;
		padding: 0 10px 10px;
		border-radius: 3px;
		line-height: 1.3;
	}
}
/* overwrite bootstrap styles */
.checkbox input[type="checkbox"],
.checkbox-inline input[type="checkbox"],
.radio input[type="radio"],
.radio-inline input[type="radio"] {
	position: relative;
	margin-top: 0px;
	margin-left: 2px;
}

.checkbox label,
.radio label {
	padding-left: 4px;
}

.form-gropup {
	font-size: 1rem;
}

.onblack {
	background-color: #444;
	color: #fff !important;
}


.onblue {
	background-color: #036;
	color: #fff !important;
}

.onblue h2,
.onblue h3 {
	color: #fff !important;
}

.frntbx,
.frntwbx {
	text-align: center !important;
	padding-left: 25px !important;
	padding-right: 25px !important;
	width: 350px !important;
}

.frntbx > h3 > a {
	color: #fff !important;
}

.frntwbx > h3 > a,
.frntwbx > i,
.onwhite h2,
.onwhite h3 {
	color: #075775 !important;
}

.onblack .row, .ongray .row, .onwhite .row {
	justify-content: center !important;
}

.btn {
	font-size: 13px;
	padding-top: 8px;
	padding-bottom: 8px;
	padding-left: 25px;
	padding-right: 25px;
	border-radius: 30px;
	border: none;
	letter-spacing: 0.02rem;
	-webkit-box-shadow: rgba(60, 64, 67, 0.3) 0px 1px 2px 0px, rgba(60, 64, 67, 0.15) 0px 2px 6px 2px;
	box-shadow: rgba(60, 64, 67, 0.3) 0px 1px 2px 0px, rgba(60, 64, 67, 0.15) 0px 2px 6px 2px;
	-webkit-transition: 0.3s all ease;
	-o-transition: 0.3s all ease;
	transition: 0.3s all ease;
	position: relative;
	top: 0;
}


/* error pages */
#notfound {
	position: relative;
}

#notfound .notfound {
	position: absolute;
	left: 50%;
	top: 50%;
	-webkit-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
}

.notfound {
	/* max-width: 460px; */
	/* width: 100%; */
	text-align: center;
}

.notfound h1 {
	font-family: Marcellus, arial, helvetica, sans-serif !important;
	color: #222;
	letter-spacing: 10px;
	margin: 0px;
	text-shadow: 2px 2px 0px #ffab00, -2px -2px 0px #ffab00, 0px 0px 8px #ff8700;
}

.notfound h2 {
	font-family: Marcellus, arial, helvetica, sans-serif !important;
	color: #fff !important;
	margin: 0px;
	font-weight: 400 !important;
}

.notfound p {
	font-family: Roboto, arial, helvetica, sans-serif !important;
	font-size: 1.25rem !important;
	color: #fff !important;
	margin: 5px 0 30px 0;
	font-weight: 500;
	text-shadow: 2px 2px 5px black;
}

.notfound a {
	font-family: Roboto, arial, helvetica, sans-serif !important;
	font-size: 1.25rem !important;
	color: #fff !important;
	margin: 5px 0 30px 0;
	line-height: 4rem !important;
	font-weight: 500;
	text-shadow: 2px 2px 5px black;
	border: 2px solid #c9c9c9;
	display: inline-block;
	padding: 10px 25px;
	font-weight: 700;
	-webkit-transition: 0.2s all;
	transition: 0.2s all;
	text-decoration: none;
	text-transform: uppercase;
	background: transparent;
}

.notfound a:hover {
	color: #ffab00;
	border-color: #ffab00;
}

@media only screen and (max-width: 480px) {
	.notfound .notfound-404 {
		height: 122px;
		line-height: 122px;
	}

	.notfound .notfound-404 h1 {
		font-size: 122px;
	}
}


@media only screen and (max-width: 991px) {
	.offcanvas-collapse {
		position: fixed;
		top: 95px;
		/* Height of navbar */
		bottom: 0;
		left: 100%;
		width: 100%;
		padding-right: 1rem;
		padding-left: 1rem;
		overflow-y: auto;
		visibility: hidden;
		/* background-image: url(../images/back.webp); */
		background-size: cover;
		transition: transform 0.3s ease-in-out, visibility 0.3s ease-in-out;
	}

	.offcanvas-collapse.open {
		visibility: visible;
		transform: translateX(-100%);
	}	
}

.reverse {
	unicode-bidi: bidi-override;
	direction: rtl;
}

.add-button {
	position: absolute;
	top: 1px;
	left: 1px;
}

/* brand carousel */



@media (max-width: 767px) {
     .carousel-inner .carousel-item >div{
          display: none;
     }
     .carousel-inner .carousel-item >div:first-child {
          display: block;
     }
}
.carousel-inner .carousel-item.active, .carousel-inner .carousel-item-next, .carousel-inner .carousel-item-prev {
     display: flex;
}

@media (min-width: 768px) {
     .carousel-inner .carousel-item-end.active, .carousel-inner .carousel-item-next {
          transform: translateX(25%);
     }
     .carousel-inner .carousel-item-start.active, .carousel-inner .carousel-item-prev {
          transform: translateX(-25%);
     }
}

.carousel-inner .carousel-item-end, .carousel-inner .carousel-item-start {
     transform: translateX(0);
}

.slider {
	/* animation: slidein 30s linear infinite; */
	white-space: nowrap;
}
.slide {
	width: 100%;
	display: inline-block;
	margin: 0px 0;
}

.agent-slider > .slide > img {
	width: calc(100% / 5);
	animation: fade-in 0.5s 
		cubic-bezier(0.455, 0.03, 0.515, 0.955) forwards;
}

@keyframes slidein {
from {
transform: translate3d(0, 0, 0);
}
to {
transform: translate3d(-100%, 0, 0);
}
}

@keyframes fade-in {
0% {
opacity: 0;
}
100% {
opacity: 1;
}
}

@media screen and (max-width: 967px) {
	section.agent-logos {
		padding: 24px 0 !important;
		overflow: hidden;
	}
}

@media screen and (min-width: 968px) {
	section.agent-logos {
		padding: 94px 0 !important;
		overflow: hidden;
	}		
}

.slick-slide {
    margin: 0px 20px;
}

.agent-logos img {
    width: 100%;
    height: 100%;
	margin: 0px 20px;
}

.slick-slider
{
    position: relative;
    display: block;
    box-sizing: border-box;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
            user-select: none;
    -webkit-touch-callout: none;
    -khtml-user-select: none;
    -ms-touch-action: pan-y;
        touch-action: pan-y;
    -webkit-tap-highlight-color: transparent;
}

.slick-list
{
    position: relative;
    display: block;
    overflow: hidden;
    margin: 0;
    padding: 0;
}
.slick-list:focus
{
    outline: none;
}
.slick-list.dragging
{
    cursor: pointer;
    cursor: grab;
}

.slick-slider .slick-track,
.slick-slider .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;
    top: 0;
    left: 0;
    display: block;
}
.slick-track:before,
.slick-track:after
{
    display: table;
    content: '';
}
.slick-track:after
{
    clear: both;
}
.slick-loading .slick-track
{
    visibility: hidden;
}

.slick-slide
{
    display: none;
    float: left;
    height: 100%;
    min-height: 1px;
}
[dir='rtl'] .slick-slide
{
    float: right;
}
.slick-slide img
{
    display: block;
}
.slick-slide.slick-loading img
{
    display: none;
}
.slick-slide.dragging img
{
    pointer-events: none;
}
.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;
}

/* insurance page */

#landing-page-wrap * {
	box-sizing: border-box!important;
}

#landing-page-wrap {
	background: url(http://cdn.agilitycms.com/polaroid/landing-pages/holiday-guide-2017/header-bg-slice.jpg), url(http://cdn.agilitycms.com/polaroid/landing-pages/holiday-guide-2017/footer-bg-slice-2-opt.jpg);
	background-position: top center, bottom center;
	background-repeat: repeat-x;
	box-sizing: border-box;
	font-size: 16px;
	padding: 0;
	position: relative;	
	background-color: #e5f4ff;
	font-size: 16px;
	overflow: hidden;
}
	
.content-container {
	width: 100%;
	max-width: 1000px;
	padding: 0 20px;
	margin: 0 auto;
}

#featured-products {
	background-repeat: repeat;
	background-position: top left;}
	
@media (max-width: 967px) {
	.product-row {
		padding: 40px 0 0;
		align-items: center;
	}
}

@media (min-width: 968px) {
	.product-row {
		padding: 120px 0 0;
		align-items: center;
	}
}

.product-image {
	max-width: 400px;
	margin: 0 auto;
}
.product-text {
	background: transparent;
}
.product-title {
	font-size: 28px;
	color: #3d7ec5;
}
	
.product-row::after {
	content: "";
	display: block;
	clear: both;
	float: none;
}

.product-row:nth-child(odd) {
			flex-direction: row-reverse;
	}

@media only screen and (min-width: 620px) {
	/* .product-row:nth-child(2n+2) {
		margin-top: 300px;
	} */
	.product-row:nth-child(odd) .product-image {
		padding-left: 50px;
		padding-right: 0;
	}
	
	.product-row:nth-child(even) .product-text {
		padding-left: 50px;
		padding-right: 0;
	}

	.product-row {
		display: flex;
		margin-bottom: 0;
		max-height: 450px;
		min-height: 380px;
		align-items: center;
	}

	.product-image {
		max-width: 600px;
		width: 600px;
		float: left;
		flex: 1 1 600px;
		padding-right: 50px;
		/* max-width: 45% !important; */
		min-width: 600px;
	}
	.product-text {
		display: flex;
		position: relative;
		width: 350px;
		float: right;
		flex: 1 1 350px;
		max-width: 350px;
		flex-flow: column;
		justify-content: center;
		align-items: flex-start;
	}	
}

/* .shop.btn:hover {
    -webkit-animation-name: rotate; 
    -webkit-animation-duration: 2s; 
    -webkit-animation-iteration-count: infinite;
    -webkit-animation-timing-function: linear;
    -moz-animation-name: rotate; 
    -moz-animation-duration: 2s; 
    -moz-animation-iteration-count: infinite;
    -moz-animation-timing-function: linear;
}
@-webkit-keyframes rotate {
    from {-webkit-transform: rotate(0deg);}
    to {-webkit-transform: rotate(360deg);}
} */


/* Animate Elements*/

@media only screen and (min-width: 620px) {

	.animation-element,
	.product-row > div {
		opacity: 0!important;
		position: relative;
		width: 40%;
	}
	/*animation element sliding left*/

	.animation-element,
	.product-row > div {
		-moz-transition: all 500ms ease-in-out;
		-webkit-transition: all 800ms ease-in-out;
		-o-transition: all 800ms ease-in-out;
		transition: all 800ms ease-in-out;
		transition-timing-function: ease-in-out;
  transition-timing-function: cubic-bezier(0.42, 0, 0.58, 1);
	}
	.product-row:nth-child(even) .product-image,
	.product-row:nth-child(odd) .product-text {
		-moz-transform: translate3d(-100px, 0px, 0px);
		-webkit-transform: translate3d(-100px, 0px, 0px);
		-o-transform: translate(-100px, 0px);
		-ms-transform: translate(-100px, 0px);
		transform: translate3d(-100px, 0px, 0px);
	}
	.animation-element.slide-right,
	.product-row:nth-child(odd) .product-image,
	.product-row:nth-child(even) .product-text {
		-moz-transform: translate3d(100px, 0px, 0px);
		-webkit-transform: translate3d(100px, 0px, 0px);
		-o-transform: translate(100px, 0px);
		-ms-transform: translate(100px, 0px);
		transform: translate3d(100px, 0px, 0px);
	}

	.product-row .in-view {
		opacity: 1!important;
		-moz-transform: translate3d(0px, 0px, 0px)!important;
		-webkit-transform: translate3d(0px, 0px, 0px)!important;
		-o-transform: translate(0px, 0px)!important;
		-ms-transform: translate(0px, 0px)!important;
		transform: translate3d(0px, 0px, 0px)!important;
	}
}

/* hero stuff */

.hero-title-wrap {
    position: relative;
    background-color: #eaeaea;
}
.hero-header-vertical-center {
    -js-display: flex;
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    height: 100%;
}

.hero-title-wrap {
    background-image: url(../images/hero-redrock.png);
    background-repeat: repeat;
    background-size: cover;
    background-position: center center;
}
.mainstreet {
    padding-top: 96px;
    padding-bottom: 150px;
}

.hero-header-layout {
    padding-top: 5%;
    padding-bottom: 5%;
    width: 100%;
}

.hero-container {
    -js-display: flex;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    align-items: center;
}

@media (min-width: 769px) {
	.hero-container {
		max-width: 100%;
	}
}

@media (min-width: 544px) {
	.hero-container {
		max-width: 100%;
	}
}

.hero-container, .hero-container-fluid {
    margin-left: auto;
    margin-right: auto;
    padding-left: 20px;
    padding-right: 20px;
}

.hero-container:before {
    content: "";
    display: table;
}

.hero-header-layout .hero-advanced-headers-wrap {
    align-self: center;
    flex-grow: 1;
}
.hero-advanced-headers-wrap, .hero-advanced-headers-title {
    text-shadow: 0px 0px 10px #000;
}

@media (min-width: 968px) {

.hero-advanced-headers-wrap, h1.hero-advanced-headers-title {
    font-size: 8rem !important;
    text-align: center;
}
}

@media (max-width: 967px) {
	.hero-advanced-headers-wrap, h1.hero-advanced-headers-title {
		font-size: 3rem !important;
		text-align: center;
	}
}


.hero-advanced-headers-breadcrumb, .hero-advanced-headers-wrap {
    word-wrap: break-word;
}

.hero-advanced-headers-breadcrumb, .hero-advanced-headers-wrap {
    z-index: 1;
    position: relative;
}
.hero-advanced-headers-breadcrumb, .hero-advanced-headers-breadcrumb a, .hero-advanced-headers-title, .hero-advanced-headers-wrap {
    color: #eaeaea;
}

.hero-container:after {
    clear: both;
}

.hero-container:after, .hero-container:before {
    content: "";
    display: table;
}

@media (min-width: 1200px) {
	.hero-container {
		max-width: 100%;
	}
}
@media (min-width: 992px) {
	.hero-container {
		max-width: 100%;
	}
}

@media (min-width: 768px) {
	.hero-container {
		max-width: 100%;
	}
}

@media (min-width: 544px) {
	.hero-container {
		max-width: 100%;
		}
}


a {
	color: #0098ff;
}

.footer li:first-child a {
    border-top: 0;
}

footer .fa-li {
	position: absolute;
	left: calc(var(--fa-li-width, 2em)*-1);
	display: block;
    padding: 6px 8px;
    text-transform: none;
    color: rgba(255,255,255,0.765);
}

.footer li a:hover, .footer li a:focus {
    text-decoration: none;
    color: #fff;
    background: #444;
    background: rgba(255,255,255,0.135);
}


.footer ul li a {
    display: block;
    padding: 5px 8px;
    font-size: 13px;
    text-transform: none;
    color: rgba(255,255,255,0.765);
    border-top: 1px solid #353535;
    border-top-color: rgba(255,255,255,0.065);
}

.footer ul li {
    font-size: 13px;
    color: #fff;    
}

.footer {
    color: #fff;    
}
	
.footer-title h5 {
    display: block;
    margin: 10px 0 25px 0;
    border-bottom: 1px dotted #e4e9f0;
}
	
.footer-title h4 {
    border-bottom-color: #69c;
}
.footer-title h5 {
    color: #eee;
    font-weight: 200;
}

.footer-title h5 {
    border-bottom: 2px solid #1969AA;
}

.footer-title h5 {
    margin: 0 0 -2px 0;
    padding-bottom: 5px;
    display: inline-block;
    border-bottom: 2px solid #1969AA;
}	

.footer-title {
    padding-bottom: 15px;
}

.footerlogo {
	vertical-align: middle;
	padding: 1px;
}

.footer a {
	color: #ffc107;
}

.footer p a:focus, footer p a:hover {
    color: #0099FF;
}


/* form styling */

/**
 * Copyright (c) 2020. ExacTI Technology Solutions
 * MIT License.
 * https://exacti.com.br
 * floating-labels - https://github.com/exacti/floating-labels
 */

root {
    --input-padding-x: 1rem;
    --input-padding-y: .5rem;
    --placeholder-color: #6c757d;
    --top-position: 14px;
    --label-z-index: 5;
    --input-background-color: #fff;
    --top-position-in-border: 5px;
    --outline-border-color: #80bdff;
    --top-position-outline: -8px;
    --normal-border-color: #ced4da;
    --outline-border-size: .125rem;
    --outline-animation-duration: .3s;
    --outline-transition-type: linear;
}
.form-label-group {
    position: relative;
    margin-bottom: 1rem;
}
.form-label-group label {
    margin: 0;
    pointer-events: none;
}

.form-label-group input,
.form-label-group textarea,
.form-label-group label,
.form-label-group:not(.in-border).form-label-group:not(.outline) select {
    padding: 0.5rem 1rem;
}

.form-label-group label {
    position: absolute;
    top: 50%;
    left: 0;
    display: block;
    width: 100%;
    margin-bottom: 0; /* Override default `<label>` margin */
    color: #6c757d;
    border-radius: .25rem;
    transition: all .2s ease-in-out;
    transform-origin: 0 0;
    transform: translateY(-50%);
    text-align: left;
    /* visibility: hidden; */
    z-index: 5;
}

.form-label-group.form-control {
    padding:0;
}
.form-label-group.form-control input {
    border: none;
    height: 99%;
}
.form-label-group textarea ~ label {
    top: 0px;
    transform: translateY(0);
}

.form-label-group.transparent input::-webkit-input-placeholder {
    color: transparent;
}

.form-label-group.transparent input:-ms-input-placeholder {
    color: transparent;
}

.form-label-group.transparent input::-ms-input-placeholder {
    color: transparent;
}

.form-label-group.transparent input::-moz-placeholder {
    color: transparent;
}

.form-label-group.transparent input::placeholder, .form-label-group.transparent textarea::placeholder {
    color: transparent;
}

.form-label-group input:not(:placeholder-shown), .form-label-group input:focus, .form-label-group textarea:not(:placeholder-shown), .form-label-group textarea:focus {
    padding-top: calc(0.5rem + 0.5rem * (2 / 3));
    padding-bottom: calc(0.5rem / 3);
}

.form-label-group:not(.in-border).form-label-group:not(.outline) select {
    padding-bottom: 0;
}

.form-label-group input:not(:placeholder-shown) ~ label, .form-label-group input:focus ~ label, .form-label-group textarea:not(:placeholder-shown) ~ label, .form-label-group textarea:focus ~ label, .form-label-group select ~ label {
    font-size: 1em;
    top: 14px;
    transform: translateY(-50%) scale(.7);
    visibility: visible;
}
.form-label-group input.form-control-lg:not(:placeholder-shown) ~ label, .form-label-group input.form-control-lg:focus ~ label{
    top: calc(2px + 14px);
}
.form-label-group input.form-control-sm:not(:placeholder-shown) ~ label, .form-label-group input.form-control-sm:focus ~ label{
    top: calc(2px - 14px);
}
.form-label-group input:focus::placeholder, .form-label-group textarea:focus::placeholder {
    visibility: hidden;
    color: rgba(255, 255, 255, 0);
    transition-delay: 0s;
    opacity: 0;
    text-shadow: none;
}



.form-label-group input::placeholder, .form-label-group textarea::placeholder {
    transition-delay: .2s;
    color: rgba(255, 255, 255, 0);
    opacity: 0;
}

.form-label-group .intl-tel-input label, .form-label-group .iti label {
    margin-left: 42px;
}

.form-label-group .intl-tel-input input:focus::placeholder, .form-label-group .iti input:focus::placeholder{
    visibility: visible;
    color: #6c757d;
    opacity: 1;
}


/* In Border */

.form-label-group.in-border label {
    width: auto;
    /* left: .6rem; */
}

.form-label-group.in-border input:focus, .form-label-group.in-border textarea:focus, .form-label-group.in-border select:focus {

    box-shadow: none;
}

.form-label-group.in-border input:not(:placeholder-shown) ~ label, .form-label-group.in-border input:focus ~ label, .form-label-group.in-border textarea:not(:placeholder-shown) ~ label, .form-label-group.in-border textarea:focus ~ label, .form-label-group.in-border select ~ label {
    left: calc(1rem/10);
    top: 5px;
    height: auto;
}

.form-label-group.in-border input:not(:placeholder-shown) ~ label::after, .form-label-group.in-border input:focus ~ label::after, .form-label-group.in-border textarea:not(:placeholder-shown) ~ label::after, .form-label-group.in-border textarea:focus ~ label::after, .form-label-group.in-border select ~ label::after {
    visibility: visible;
    transition: all .2s ease;
}

.form-label-group.in-border label::after{
    content: " ";
    display: block;
    position: absolute;
    background: #fff;
    height: 4px;
    top: 50%;
    left: .7em;
    right: .7em;
    z-index: -1;
    visibility: hidden;
}

.form-label-group.in-border input,
.form-label-group.in-border label {
    
    padding: 0.5rem 1rem;
    
}


.form-label-group.in-border textarea,
.form-label-group.in-border textarea ~ label {
    padding: 0.5rem 1rem;
}

.form-label-group.in-border input,
.form-label-group.in-border textarea, 
.form-label-group.in-border label,
.form-label-group.in-border select {
    transition: all .2s linear, border-color .5s ease-in-out,box-shadow .5s ease-in-out;
}


.form-label-group.in-border .intl-tel-input input:not(:placeholder-shown) ~ label, .form-label-group.in-border .intl-tel-input input:focus ~ label, .form-label-group.in-border .iti input:not(:placeholder-shown) ~ label, .form-label-group.in-border .iti input:focus ~ label {
    margin-left: 0px;
}

.form-label-group.iti-right .iti__flag-container {
    right: 0;
    left: auto;
}

.form-label-group.iti-right .iti--allow-dropdown input, .form-label-group.in-border.iti-right .iti--allow-dropdown input[type="tel"], .iti--allow-dropdown input[type="text"], .form-label-group.iti-right .iti--separate-dial-code input, .form-label-group.iti-right .iti--separate-dial-code input[type="tel"], .form-label-group.iti-right .iti--separate-dial-code input[type="text"] {
    padding-left: 1rem;
}

.form-label-group.iti-right .intl-tel-input label, .form-label-group.iti-right .iti label {
    margin-left: 0;
}

.form-label-group.iti-right .iti__country-list {
    right: 0px;
}

.form-label-group .iti__country-list {
    z-index: calc(5 + 2) !important;
}



/* Outline */

.form-label-group.outline span {
    position: absolute;
    top: 0;
    left: 0;
    display: flex;
    width: 100%;
    margin-bottom: 0; /* Override default `<label>` margin */
    color: #6c757d;
    border-radius: .25rem;
    transition: all .2s linear;
    transform-origin: 0 0;
    /* transform: translateY(-50%); */
    text-align: left;/* 
    visibility: hidden; */
    z-index: 5;
    height: 100%;
    flex-wrap: wrap;
    pointer-events: none;
}

.form-label-group.outline input.border-danger ~ span{
    --normal-border-color: var(--danger, #dc3545);
}
.form-label-group.outline input.border-primary ~ span {
    --normal-border-color: var(--primary, #007bff);
}
.form-label-group.outline input.border-secondary ~ span {
    --normal-border-color: var(--secondary, #6c757d);
}
.form-label-group.outline input.border-success ~ span {
    --normal-border-color: var(--success, #28a745);
}
.form-label-group.outline input.border-info ~ span {
    --normal-border-color: var(--info, #17a2b8);
}
.form-label-group.outline input.border-warning ~ span {
    --normal-border-color: var(--warning, #ffc107);
}
.form-label-group.outline input.border-light ~ span {
    --normal-border-color: var(--light, #f8f9fa);
}
.form-label-group.outline input.border-dark ~ span {
    --normal-border-color: var(--dark, #343a40);
}
.form-label-group.outline input.border-white ~ span{
    --normal-border-color: var(--white, #fff);
}


.form-label-group.outline input:focus, .form-label-group.outline textarea:focus, .form-label-group.outline select:focus {
    box-shadow: none;
}

.form-label-group.outline input:not(:placeholder-shown) ~ span, .form-label-group.outline input:focus ~ span, .form-label-group.outline textarea:not(:placeholder-shown) ~ span, .form-label-group.outline textarea:focus ~ span, .form-label-group.outline select ~ span {
    position: absolute;
    top: 0;
    left: 0;
    display: flex;
    width: 100%;
    margin-bottom: 0; /* Override default `<label>` margin */
    color: #6c757d;
    border-radius: .25rem;
    transition: all 0.3s linear;
    transform-origin: 0 0;
    /* transform: translateY(-50%); */
    text-align: left;/* 
    visibility: hidden; */
    z-index: 5;
    height: 100%;
    flex-wrap: wrap;
}

.form-label-group.outline input ~ span::after, .form-label-group.outline input ~ span::after, .form-label-group.outline textarea ~ span::after, .form-label-group.outline textarea ~ span::after, .form-label-group.outline select ~ span::after {
    transition: all 0.3s linear;
    content: " ";
    /* width: 1px;*/
    width: 1px; 
    flex: 1 0 auto;
    border: .125rem solid #ced4da;
    border-left: none;
    position: relative;
    right: 0px;
    height: 100%;
    visibility: hidden;
    border-radius: 0 .25rem .25rem 0;
    flex-grow: 1;
    flex-basis: 0;
    max-width: 1px;
}

.form-label-group.outline input:not(:placeholder-shown) ~ span::after, .form-label-group.outline input:focus ~ span::after, .form-label-group.outline textarea:not(:placeholder-shown) ~ span::after, .form-label-group.outline textarea:focus ~ span::after, .form-label-group.outline select ~ span::after {
    height: 100%;
    border: 1px solid #ced4da;
    border-left: none;
    content: " ";
    display: block;
    position: relative;
    background: transparent;
    /* top: 0px;
    right: 0px; */
    z-index: -1;
    border-radius: 0 .25rem .25rem 0;
    width: 100%;
    max-width: 100%;
    flex-grow: 1;
    flex-basis: 0;
    transition: all 0.3s linear;
    visibility: visible;
}
.form-label-group.outline input:not(:placeholder-shown) ~ span::before, .form-label-group.outline input:focus ~ span::before, .form-label-group.outline textarea:not(:placeholder-shown) ~ span::before, .form-label-group.outline textarea:focus ~ span::before, .form-label-group.outline select ~ span::before {
    height: 100%;
    border: 1px solid #ced4da;
    border-right: none;
    content: " ";
    display: block;
    position: relative;
    background: transparent;
    top: 0px;
    left: 0px;
    z-index: -1;
    border-radius: .25rem 0 0 .25rem;
    width: 100%;
    flex: 0 0 9px;
    transition: all 0.3s linear;
}

.form-label-group.outline label {
    position: relative;
    top: 50%;
    left: 0;
    display: block;
    width: auto;
    margin-bottom: 0;
    color: #6c757d;
    border-radius: .25rem;
    transition: all 0.3s linear;
    /* transform: translateY(-50%); */
    text-align: left;
    /* visibility: hidden; */
    z-index: 5;
    flex-grow: 1;
    flex-basis: 0;
    max-width: 100%;
    flex: 0 0 auto;
    margin-right: auto;
}

.form-label-group.outline input:not(:placeholder-shown) ~ span label, .form-label-group.outline input:focus ~ span label, .form-label-group.outline textarea:not(:placeholder-shown) ~ span label, .form-label-group.outline textarea:focus ~ span label, .form-label-group.outline select ~ span label {
    transform: none;
    top: -8px;
    font-size: .6rem;
    padding: 0.5rem calc(1rem/3);
    padding-top: 0;
    color: #6c757d;
    margin: 0;
    margin-right: auto;
    /* padding-bottom: 0; */
    /* height: fit-content; */
    
}

.form-label-group.outline input:not(:placeholder-shown ), .form-label-group.outline input:focus , .form-label-group.outline textarea:not(:placeholder-shown) , .form-label-group.outline textarea:focus , .form-label-group.outline select {
    border-top-color: transparent !important;
    border-bottom-color: #ced4da;
    border-bottom-width: 1px;
    transition: all 0.3s linear;
}

.form-label-group.outline input,
.form-label-group.outline textarea, 
.form-label-group.outline label,
.form-label-group.outline select {
    background-color: transparent;
    transition: all 0.3s linear;
}

.form-label-group.outline select ~ span::after, .form-label-group.outline select ~ span::before{
    border-color: #ced4da;
}

.form-label-group.outline input, .form-label-group.outline label {
    padding: 0.5rem 1rem;
}

.form-label-group.outline select {
    border-bottom-color: #ced4da;
}

.form-label-group.outline select ~ span label {
    color: #6c757d;
}

.form-label-group.outline.border-danger {
    --outline-border-color: var(--danger, #dc3545);
}
.form-label-group.outline.border-primary {
    --outline-border-color: var(--primary, #007bff);
}
.form-label-group.outline.border-secondary {
    --outline-border-color: var(--secondary, #6c757d);
}
.form-label-group.outline.border-success {
    --outline-border-color: var(--success, #28a745);
}
.form-label-group.outline.border-info {
    --outline-border-color: var(--info, #17a2b8);
}
.form-label-group.outline.border-warning {
    --outline-border-color: var(--warning, #ffc107);
}
.form-label-group.outline.border-light {
    --outline-border-color: var(--light, #f8f9fa);
}
.form-label-group.outline.border-dark {
    --outline-border-color: var(--dark, #343a40);
}
.form-label-group.outline.border-white {
    --outline-border-color: var(--white, #fff);
}

.form-label-group.outline input:focus ~ span::before,  .form-label-group.outline textarea:focus ~ span::before, .form-label-group.outline input:focus ~ span::after,  .form-label-group.outline textarea:focus ~ span::after, .form-label-group.outline select:focus ~ span::after, .form-label-group.outline select:focus ~ span::before, .form-label-group.outline select:focus ~ span label{
    border-color: #80bdff;
    color: #000 !important;
    border-width: .125rem;
    transition: all 0.3s linear;
}
.form-label-group.outline select:focus, .form-label-group.outline input:focus, .form-label-group.outline textarea:focus {
    border-bottom-color: #80bdff !important;
    border-bottom-width: .125rem;
    transition: all .2s linear;
}

 .form-label-group.outline input:focus ~ span label, .form-label-group.outline textarea:focus ~ span label, .form-label-group.outline select:focus ~ span label {
    color: #80bdff !important;
}

.custom-select {
	display: block;
	width: 100%;
	padding: 0.5rem 1rem;
	-moz-padding-start: 0.5rem 1rem;
	font-size: 1rem;
	font-weight: 400;
	line-height: 1.5;
	color: #212529;
	background-color: #fff;
	background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23343a40' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M2 5l6 6 6-6'/%3e%3c/svg%3e");
	background-repeat: no-repeat;
	background-position: right .75rem center;
	background-size: 16px 12px;
	border: 1px solid #ced4da;
	border-radius: .25rem;
	transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none
}

.custom-select:focus {
    border-color: #80bdff;
    outline: 0;
    box-shadow: 0 0 0 0.2rem rgb(0 123 255 / 25%);
}

.custom-control-label::before, .custom-file-label, .custom-select {
    transition: background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;
}

.form-check-input {
    position: relative;
    width: 1.125rem;
    height: 1.125rem;
    background-color: #fff;
    border: 0.125rem solid rgba(0,0,0,.25);
}

.form-check {
    min-height: 1.5rem;
}

.form-check-input:checked:before {
    opacity: .16;
}
.form-check-input:before {
    content: "";
    position: absolute;
    box-shadow: 0 0 0 13px transparent;
    border-radius: 50%;
    width: 0.875rem;
    height: 0.875rem;
    background-color: transparent;
    opacity: 0;
    pointer-events: none;
    transform: scale(0);
}

.form-check-input[type=checkbox]:checked {
    background-image: none !important;
    background-color: #3b71ca;
}

.form-check-input[type=checkbox]:checked:after {
    display: block;
    width: 0.375rem;
    height: 0.8125rem;
    border-top: 0;
    border-left: 0 /*!rtl:ignore;; */;
    margin-left: 0.2rem;
    top: -2px;
    background-color: transparent;
    color: #fff;
    padding: 0;
}

.form-check-input:checked:after {
    content: "\f00c";
    position: relative;
    font-family: fontawesome;
    font-size: 1rem;
}

.form-check-input:hover:before {
    opacity: .04;
    box-shadow: 0 0 0 13px rgb(0 0 0 / 60%);
}

.form-check-input[type=checkbox] {
    border-radius: 0.25rem;
    margin-top: 0.19em;
    margin-right: 6px;
}

.form-check-input:checked {
    border-color: #3b71ca;
}

.form-check-input:focus {
    box-shadow: none;
    border-color: rgba(0,0,0,.25);
    transition: border-color .2s;
}

INPUT:not(:-webkit-autofill), SELECT:not(:-webkit-autofill), TEXTAREA:not(:-webkit-autofill) {
    animation-name: onautofillcancel;
}

/* -- */

[class^="icon-"], [class*=" icon-"] {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: 'fontawesome' !important;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;

  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.custom-control.overflow-checkbox .overflow-control-input {
	display: none; 
}

.custom-control.overflow-checkbox .overflow-control-input:checked ~ .overflow-control-indicator::after {
	-webkit-transform: rotateZ(45deg) scale(1);
	-ms-transform: rotate(45deg) scale(1);
	transform: rotateZ(45deg) scale(1);
	top: -6px;
	left: 5px; 
}

.custom-control.overflow-checkbox .overflow-control-input:checked ~ .overflow-control-indicator::before {
	opacity: 1;
}

.custom-control.overflow-checkbox .overflow-control-input:disabled ~ .overflow-control-indicator {
    opacity: .5;
    border: 2px solid #ccc; 
}

.custom-control.overflow-checkbox .overflow-control-input:disabled ~ .overflow-control-indicator:after {
	border-bottom: 4px solid #ccc;
	border-right: 4px solid #ccc; 
}

.custom-control.overflow-checkbox .overflow-control-indicator {
	border-radius: 3px;
	display: inline-block;
	position: absolute;
	top: 4px;
	left: 0;
	width: 16px;
	height: 16px;
	border: 2px solid #00909e; 
}
  
.custom-control.overflow-checkbox .overflow-control-indicator::after {
	content: '\f00c';
	display: block;
	position: absolute;
	width: 16px;
	height: 16px;
	-webkit-transition: .3s;
	-o-transition: .3s;
	transition: .3s;
	-webkit-transform: rotateZ(90deg) scale(0);
	-ms-transform: rotate(90deg) scale(0);
	transform: rotateZ(90deg) scale(0);
	width: 10px;
	border-bottom: 4px solid #00909e;
	border-right: 4px solid #00909e;
	border-radius: 3px;
	top: -2px;
	left: 2px;
}

.custom-control.overflow-checkbox .overflow-control-indicator::before {
	content: '';
	display: block;
	position: absolute;
	width: 16px;
	height: 16px;
	-webkit-transition: .3s;
	-o-transition: .3s;
	transition: .3s;
	width: 10px;
	border-right: 7px solid #fff;
	border-radius: 3px;
	-webkit-transform: rotateZ(45deg) scale(1);
	-ms-transform: rotate(45deg) scale(1);
	transform: rotateZ(45deg) scale(1);
	top: -4px;
	left: 5px;
	opacity: 0; 
}


/* fix ITI container */

.form-label-group.outline .iti__flag-container span {
    position: relative;
    display: inline;
}

/* testimonials */

@media (min-width: 968px) {
	#carouselTestimonial > .carousel-inner > .carousel-item > .carousel-caption {
		margin: 0 auto;
		/* bottom: initial; */
		/* top: auto; */
		/* height: 300px; */
		top: 50%;
		transform: translateY(-50%);
	}

	.testimonials {
		font-size: 1.25rem !important;
		font-weight: 400;
		line-height: 1.5;
		font-family: Marcellus, "Times New Roman", Garamond, serif !important;
		color: #fff;
	}

	.testimonials h1, .testimonials h2, .testimonials h3, .testimonials h4, .testimonials h5, .testimonials h6 {
		font-weight: 700;
		font-family: Marcellus, "Times New Roman", Garamond, serif !important;
		color: #fff;
		letter-spacing: 3px;
	}
}
	
@media (max-width: 967px) {
	#carouselTestimonial > .carousel-inner > .carousel-item > .carousel-caption {
		margin: 0 auto;
		bottom: initial;
		top: auto;
		height: 300px;
		top: 50%;
		transform: translateY(-50%);
	}

	.testimonials {
		font-size: 1rem !important;
		font-weight: 400;
		line-height: 1.5;
		font-family: Marcellus, "Times New Roman", Garamond, serif !important;
		color: #fff;
	}

	.testimonials h1, .testimonials h2, .testimonials h3, .testimonials h4, .testimonials h5, .testimonials h6 {
		font-weight: 700;
		font-family: Marcellus, "Times New Roman", Garamond, serif !important;
		color: #fff;
		letter-spacing: 3px;
	}
}



.testimonial-section {
	height: 300px !important;
	color: #fff !important;
}
	
div#carouselTestimonial {
	height: 300px;
	position: relative;
}

#carouselTestimonial > .carousel-inner > .carousel-item {
    height: 300px;
}


	

.row .banner-section {
    padding-left: 0;
    padding-right: 0;
}

.bg-image {
	position: relative;
    overflow: hidden;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: 50%;
}
	
.mask {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%;
    overflow: hidden;
    background-attachment: fixed;
}


.text-end.text-white a {
    color: #fff;
}

/* cards */

.card {
    background-color: #eee;
    box-shadow: 0 6px 10px rgba(0, 0, 0, .08), 0 0 6px rgba(0, 0, 0, .05);
    border: 1;
    border-radius: 1rem;
}

.card-footer {
    background-color: transparent !important;
    border-top: none !important;
}

/* navbar toggler */

.navbar-dark .navbar-toggler {
    border-color: transparent;
}

.stuck .navbar-dark .navbar-toggler {
    border-color: transparent;
}

.stuck .navbar-dark .navbar-toggler-icon:before {
    color: #fff;
}

.navbar-dark .navbar-toggler-icon:before {
    background-image: none;
    font-family: fontawesome;
    content: "\f0c9";
    color: #f00;
    font-family: 'FontAwesome';
    top: 0;
    font-size: 2rem;
    left: 10px;
}

.stuck .navbar-dark .navbar-toggler-icon {
    background-image: none;
    color: #fff;
}

/* top of page */

@media (max-width: 968px) {
	.text-top {
		font-size: 1rem;
	}
}

/* social on contact page */
.contact-social {
	font-size: 1rem;
}

.contact.fa-li {
    position: relative;
    text-align: center;
    width: var(--fa-li-width,2em);
    line-height: inherit;
    font-size: 1rem;
    left: 0;
}

.agent-logos {
    animation: slidein 30s linear infinite;
    white-space: nowrap;
    width: 100%;
}

.logoslide {
	
	display: inline-block;
	margin: 0px 0;    
	width: calc(100% / 21); 
}

.logoitem {
	animation: fade-in 0.5s 
	cubic-bezier(0.455, 0.03, 0.515, 0.955) forwards;
	margin: 10px;
	max-width: 300px;
}

@keyframes slidein {
  from {
    transform: translate3d(0, 0, 0);
  }
  to {
    transform: translate3d(-100%, 0, 0);
  }
}

@keyframes fade-in {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}