/* 
/* 
/*  custom.css
/*
/*  If not using Gulp and Sass, add your custom CSS below then include it
/*  in your page by adding a reference to assets/css/custom.css in the head of each page.
/*
*/

/*
@font-face {
  font-family: 'Vovier Sans';
  src: url('http://localhost/vovier/globals/typography/Vovier-Sans-Thin.woff2') format('woff2');
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Vovier Sans';
  src: url('http://localhost/vovier/globals/typography/Vovier-Sans-Regular.woff2') format('woff2');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Vovier Sans';
  src: url('http://localhost/vovier/globals/typography/Vovier-Sans-Medium.woff2') format('woff2');
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Vovier Sans';
  src: url('http://localhost/vovier/globals/typography/Vovier-Sans-SemiBold.woff2') format('woff2');
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Vovier Sans';
  src: url('http://localhost/vovier/globals/typography/Vovier-Sans-Bold.woff2') format('woff2');
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}
*/

@font-face {
	font-family: 'Vovier Sans Var';
	src: url('https://beta.vovier.com/vovier-30/globals/typography/Vovier-Sans.var.woff2') format('woff2');
	font-weight: 100 900;
	font-display: swap;
	font-style: normal;
	font-named-instance: 'Regular';
}

body, html {
	font-family: "Vovier Sans Var", sans-serif;
}
body, input, textarea, select, button {
	font-synthesis: none;
	-moz-font-feature-settings: 'kern';
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	direction: ltr;
	text-align: left;
}
body {
	background: #fdfdfd;
}
svg.icon * {
	fill: #111111;
}
a {
	font-weight: 600;
	color: #609;
}
a:hover {
	color: #609;
	opacity: .6;
	text-decoration: none;
}
.accordion-panel-title[aria-expanded="true"] > *, .accordion-panel-title:hover > * {
	color: #609;
}
.accordion-panel-title[aria-expanded="true"] > * path, .accordion-panel-title:hover > * path {
	fill: #609;
}
.vovier-bg-primary-alt {
	background: #609;
}
.lead {
	font-size: 1.25rem;
	font-weight: 400;
	font-size: 18px;
	letter-spacing: -.03rem;
}
.vovier-footer-titles:before {
	border-top: 1px solid #FFF;
	content: "";
	margin: 0 auto;
	position: absolute;
	top: 50%;
	left: 0;
	right: 0;
	bottom: 0;
	width: 100%;
	z-index: -1;
	opacity: .35;
}
.vovier-footer-titles-h6 {
	margin-top: 0;
	margin-bottom: 20px;
	position: relative;
	z-index: 1;
}

.vovier-footer-titles-span {
	background: #609;
	padding: 0 15px 0 0;
	font-weight: 700;
	font-stretch: normal;
}

.font-size-11 {
	font-size: 11px;
	font-weight: 400;
	margin:0 !important;
}
.font-size-13 {
	font-size: 13px;
	font-weight: 500;
	line-height: 1.3;
	margin:0 !important;
}
.font-size-15 {
	font-size: 15px;
	font-weight: 400;
	margin:0 !important;
}
.text-nowrap {
	white-space: nowrap!important;
}
section .nav-link:not(.active):not(.disabled):not(:hover), footer .nav-link:not(.active):not(.disabled):not(:hover) {
	opacity: .8;
}

.vovier-footer-digital-social {
	padding-left: 0 !important;
}


/*
 * Custom translucent site header
 */
 .site-header {
 	z-index: 9999999;
 	height: 48px;
 	background-color: rgba(255,255,255,0.72);
 	-webkit-backdrop-filter: saturate(180%) blur(10px);
 	backdrop-filter: saturate(180%) blur(10px);
 	border-bottom: 0;
 	border-bottom: 1px solid #f5f5f5;
 }
 .site-header a {
 	font-weight: 420;
 	font-size: 14px;
 	color: #000;
 	opacity: .7;
 	margin-top: -5px;
 	height: 51px;
 	vertical-align: middle;
 	transition: ease-in .5s;
 	text-decoration: none;
 	padding: 17px 6px !important;
 }
 .site-header-link:hover {
 	color: #609;
 	text-decoration: none;
 	border-bottom:0px solid;
 	opacity: 1;
 	transition: ease-in-out .3s;
 }
 .site-header-logo {
 	opacity: 1!important;
 	margin-top: -4px !important;
 	height: 52px !important;
 }
 .site-header-logo a:hover{
 	text-decoration: none;
 	border-bottom:0px !important;
 }
 .site-header a.active {
 	border-bottom:2px solid;
 }
 .btn-primary-blur{
 	background-color: rgba(0, 112, 201, .7);
 	color: #fff;
 	backdrop-filter: blur(20px);
 	border:none;
 }

 .site-header-top-bar {
 	z-index: 999999;
 	height: 30px;
 	background-color: rgba(68, 68, 68, 0.9);
 	-webkit-backdrop-filter: saturate(180%) blur(20px);
 	backdrop-filter: saturate(180%) blur(20px);
 }
 .site-header-top-bar a {
 	font-weight: 300;
 	font-size: 13px;
 	color: #fff;
 	margin-top: -6px;
 	height: 30px;
 	vertical-align: middle;
 	transition: ease-in-out color .15s;
 }
 .site-header-top-bar a.active {
 	background: #7d7d7d;
 }

 /* Vovier Bottom Nav */

 @media(max-width:768px) {
 	.mobile-bottom-nav {
 		display: flex;
 	}
 }

 @media(min-width:769px) {
 	.mobile-bottom-nav {
 		display: none;
 	}
 }

 .mobile-bottom-nav {
 	position: fixed;
 	padding: 8px 0 20px;
 	bottom: -1px;
 	left: 0;
 	right: 0;
 	z-index: 999999;
 	will-change: transform;
 	-webkit-transform: translateZ(0);
 	transform: translateZ(0);
 	border-top: 1px solid rgb(0 0 0 / .2);
 	height: 70px;
 	background-color: rgb(247 247 247 / .8);
 	backdrop-filter: blur(20px) saturate(180%);
 	-webkit-backdrop-filter: blur(20px) saturate(180%);
 }

 .mobile-bottom-nav__item {
 	flex-grow: 1;
 	text-align: center;
 	font-size: 12px;
 	display: flex;
 	flex-direction: column;
 	justify-content: center;
 	cursor: pointer;
 	color: #656565;
 }

 .mobile-bottom-nav__item--active {
 	color: #fff;
 	opacity: 1
 }

 .mobile-bottom-nav__item-content {
 	display: flex;
 	flex-direction: column
 }

 @media(max-width:768px) {
 	.mobile-bottom-local-nav {
 		display: flex
 	}
 }

 @media(min-width:769px) {
 	.mobile-bottom-local-nav {
 		display: none
 	}
 }

 .mobile-bottom-local-nav {
 	position: fixed;
 	padding: 11px 0 10px;
 	bottom: 70px;
 	left: 0;
 	right: 0;
 	z-index: 999999;
 	will-change: transform;
 	-webkit-transform: translateZ(0);
 	transform: translateZ(0);
 	height: 40px;
 	background-color: rgba(0, 0, 0, .59);
 	backdrop-filter: saturate(180%) blur(20px);
 	-webkit-backdrop-filter: saturate(180%) blur(20px)
 }

 .mobile-bottom-local-nav__item-content,
 .mobile-bottom-local-nav__item,
 .mobile-bottom-nav__item-content,
 .mobile-bottom-nav__item-content a {
 	color: rgb(30, 30, 30);
 	font-weight: inherit;
 }
 /* End of Vovier Bottom Nav */

 .btn-primary {
 	color: #fff;
 	background-color: #609;
 	border-color: #609;
 }
 .btn-primary:hover {
 	color: #fff;
 	background-color: #609;
 	border-color: #609;
 	opacity: 0.7;
 }
 .has-float-label-lg .form-control:placeholder-shown:not(:focus)+* {
 	font-size: 100%;
 	opacity: 1;
 	top: 1.3rem;
 	color: #111111;
 }

 input::-webkit-input-placeholder,
 textarea::-webkit-input-placeholder {
 	color: #999;
 	transition: all ease .2s;
 }
 input:focus::-webkit-input-placeholder,
 textarea:focus::-webkit-input-placeholder {
 	opacity: 0 !important;
 	transform: translate(20px, 0);
 }

 /* Firefox < 19 */
 input:-moz-placeholder,
 textarea:-moz-placeholder {
 	color: #999;
 	transition: all ease .2s;
 }
 input:focus:-moz-placeholder,
 textarea:focus:-moz-placeholder {
 	opacity: 0 !important;
 	transform: translate(20px, 0);
 }

 /* Firefox > 19 */
 input::-moz-placeholder,
 textarea::-moz-placeholder {
 	color: #999;
 	transition: all ease .2s;
 }
 input:focus::-moz-placeholder,
 textarea:focus::-moz-placeholder {
 	opacity: 0 !important;
 	transform: translate(20px, 0);
 }

 /* Internet Explorer 10 */
 input:-ms-input-placeholder,
 textarea:-ms-input-placeholder {
 	color: #999;
 	transition: all ease .2s;
 }
 input:focus:-ms-input-placeholder,
 textarea:focus:-ms-input-placeholder {
 	opacity: 0 !important;
 	transform: translate(20px, 0);
 }
 .has-float-label{display:block;position:relative}.has-float-label label,.has-float-label>span{position:absolute;cursor:text;font-size:75%;opacity:1;-webkit-transition:all .2s;transition:all .2s;top:-.5em;left:.75rem;z-index:3;line-height:1;padding:0 1px}.has-float-label label::after,.has-float-label>span::after{content:" ";display:block;position:absolute;background:#fff;height:2px;top:50%;left:-.2em;right:-.2em;z-index:-1}.has-float-label .form-control::-webkit-input-placeholder{opacity:1;-webkit-transition:all .2s;transition:all .2s}.has-float-label .form-control:placeholder-shown:not(:focus)::-webkit-input-placeholder{opacity:0}.has-float-label .form-control:placeholder-shown:not(:focus)+*{font-size:100%;opacity:.5;top:.7rem}.input-group .has-float-label{display:table-cell}.input-group .has-float-label .form-control{border-radius:.25rem}.input-group .has-float-label:not(:last-child),.input-group .has-float-label:not(:last-child) .form-control{border-bottom-right-radius:0;border-top-right-radius:0;border-right:0}.input-group .has-float-label:not(:first-child),.input-group .has-float-label:not(:first-child) .form-control{border-bottom-left-radius:0;border-top-left-radius:0}
 .form-control-lg {
 	height: calc(1.5em + 1.75rem + 2px);
 	padding: 1.5rem 0.875rem 0.375rem;
 	font-size: 1.25rem;
 	line-height: 1.5;
 	border-radius: 0.3125rem;
 }

 .has-float-label-lg{display:block;position:relative}.has-float-label-lg label,.has-float-label-lg>span{position:absolute;cursor:text;font-size:75%;opacity:1;-webkit-transition:all .2s;transition:all .2s;top:.7rem;left:.75rem;z-index:3;line-height:1;padding:0 1px}.has-float-label-lg label::after,.has-float-label-lg>span::after{content:" ";display:block;position:absolute;background:transparent;height:2px;top:50%;left:-.2em;right:-.2em;z-index:-1}.has-float-label-lg .form-control::-webkit-input-placeholder{opacity:1;-webkit-transition:all .2s;transition:all .2s}.has-float-label-lg .form-control:placeholder-shown:not(:focus)::-webkit-input-placeholder{opacity:0}.has-float-label-lg .form-control:placeholder-shown:not(:focus)+*{font-size:100%;opacity:.65;top:1.3rem}.input-group .has-float-label-lg{display:table-cell}.input-group .has-float-label-lg .form-control{border-radius:.25rem}.input-group .has-float-label-lg:not(:last-child),.input-group .has-float-label-lg:not(:last-child) .form-control{border-bottom-right-radius:0;border-top-right-radius:0;border-right:0}.input-group .has-float-label-lg:not(:first-child),.input-group .has-float-label-lg:not(:first-child) .form-control{border-bottom-left-radius:0;border-top-left-radius:0}



 .v-rounded {
 	border-radius: 100px;
 }
 .v-rounded-1 {
 	border-radius: 25px !important;
 }

 .btn-primary:not(:disabled):not(.disabled):active, .btn-primary:not(:disabled):not(.disabled).active, .show > .btn-primary.dropdown-toggle {
 	color: #fff;
 	background-color: #609;
 	border-color: #609;
 	opacity: .7;
 	transition-delay: .06s;
 }
 .btn-primary:focus, .btn-primary.focus, .btn-primary:hover, .btn-primary.hover {
 	color: #fff;
 	background-color: #609;
 	border-color: #609;
 	transition-delay: .06s;
 	opacity: .7 !important;
 }

 .vovier-picing-table-tiles {
 	font-size: 17px;
 	letter-spacing: -.015rem;
 }
 .hover-arrow:after {
 	font-size: inherit;
 	vertical-align: middle;
 	display: inline-block;
 	margin-left: .375rem;
 	transition: transform .2s ease;
 	content: '›';
 	margin-top: -5px;
 }

 [data-aos=fade-up]{
 	transform:translate3d(0,40px,0);
 	will-change: opacity, transform;
 	transition: opacity 0.6s linear,transform 0.6s cubic-bezier(0.26, 0.67, 0.48, 0.91);
 }



 .breadcrumb-scroll {
 	display: flex;
 	flex-wrap: nowrap;
 	overflow-y: auto;
 }

.vovier-cards-grids {
    min-height: 590px;
    border: 0px;
    margin-bottom: 0.75rem;
    padding: 28px;
}