/* General Page CSS */

body {
	margin:0px;
	font-family:LuzSans-Book, Verdana, Arial, Helvetica, sans-serif;
	font-size:14px;
	color:#333;

	/*background:#e2e6d0;*/
	background-color: #e2e6d0;
	padding-bottom:15px;

	padding-top: 118px;
}

/* the top nav is a bit taller on mobile screen and 
   therefore we need more padding so that the fixed nav bar doesn't cover body content */

@media (max-width: 979px) {
	body {
	  padding-top: 104px;
	}
  }



/* Menu CSS */

#main-menu {
	width:860px;
	height:30px;
	float:left;
	background-color: #144d29;
	border-bottom-width: 8px;
	border-bottom-color: #dad7ce;
	border-bottom-style: solid;
	width: 100%;
}

#main-menu #topul {
	width:600px;
	float:left;
	margin-left:210px;
	margin-top:8px;
	list-style:none;
	text-decoration:none !important;
}

#main-menu #topul li {
	background-color: #144d29;
	float:left;
	text-decoration:none !important;
}

.parent-menu a {
	text-decoration:none;
	font-size:1em;
	text-transform:uppercase;
	color:black;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}

/* This styles the top-level menu buttons */
#main-menu #topul .parent-menu {
	color:black;
	display:block;
	width:100px;
	height:17px;
	text-align:center;
	background-color:white;
	padding-top:5px;
}

/* This styles the top-level menu buttons when hovered on */

#main-menu #topul .parent-menu:hover{
	border-bottom:8px solid #144d29;
}

#main-menu #topul .parent-menu a {
	width:100px;
	height:25px;
}

/* This displays or hides the menu items if the top item is/is not hovered on */

#main-menu #topul .parent-menu ul {
	padding-top:5px;
	padding-left:2px;
	width:166px;
	position: absolute;
	display:none;
	z-index:20;
	padding: 0px;
	margin: 0px;
	list-style: none;
}

#main-menu #topul .parent-menu:hover ul, #main-menu #topul .parent-menu.over ul{
	display:block;
}

/* All sub-menu items are styled by these rows */

#main-menu #topul .parent-menu ul li {
	padding-top:7px;
	padding-left:5px;
	display:block;
	width:166px;
	height:18px;
	border-bottom:1px dotted black;
	background-color:white;
	text-align:left;
}

#main-menu #topul .parent-menu ul a li{
	color:black;
}

/* All sub-menu items are styled by these rows when hovered on */

#main-menu #topul .parent-menu ul a li:hover {

	color:black;

}

#main-menu #topul .parent-menu ul li:hover {

	background-color:#d9d9d9;

}

/*This styles the first sub-menu item of each menu */

#main-menu #topul .parent-menu ul li.firstchild {

	margin-top:12px;

}

/* This styles the last sub-menu item of each menu */

#main-menu #topul .parent-menu ul li.lastchild {
	display:block;
	width:166px;
	height:18px;
	border-bottom: 3px solid #ccc;
	background-color:white;
}

/* This styles the last sub-menu item of each menu when hovered over */

#main-menu #topul .parent-menu ul a li.lastchild:hover{
	color:black;
}

#main-menu #topul .parent-menu ul li.lastchild:hover {
	background-color:#d9d9d9;
}

/*
a:link, a:active, a:visited, a:hover {
	color:#1d8900;
}
*/

 a.hdr-link:link, a.hdr-link:active, a.hdr-link:visited, a.hdr-link:hover {
	color:#1d8900;
}
	


a.conf:link {color: #fff; text-decoration: none}     /* unvisited link */
a.conf:visited {color: #fff; text-decoration: none}  /* visited link */
a.conf:hover {color: #fff; text-decoration: underline}   /* mouse over link */
a.conf:active {color: #fff; text-decoration: none}   /* selected link */

a.carousel-btn:link, a.carousel-btn:active, a.carousel-btn:visited, a.carousel-btn:hover {
	color: #fff;
}

.big_title {
	margin:30px 0px 0px 0px;
	font-size: 1.4em;
	color: rgb(55,148,53);
	text-decoration: none;
	text-align:center;
}

.small_title {
	margin:30px 0px 0px 0px;
	font-size: 1.2em;
	color: rgb(55,148,53);
	text-decoration: none;
	text-align:center;
}

.top-img {
	max-height: 300px;
	margin-top: 20px !important;
	margin-bottom: 20px !important;
	text-align:center;
}

.card-heading h4 {
	color: rgb(55,148,53);
	font-size: 1.3em;
	margin-top: 5px;
	margin-left: 10px;
	font-weight: 700;
}

#white {
	font-weight:bold;
	color:#ffffff;
}

form {
	margin:0px;
	padding:0px;
}

input, select, textarea {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:10px;
	color:#333;
}

.site-container {
	background-color: #fff;
}

#site {
	margin:auto;
	width:860px;
	border: 1px solid #c1bfb6;
	border-top:none;
	background-color: #fff;
}

#site_clear {
	clear:both;
}

#header {
	width:860px;
	height:180px;
	position: relative;
}

#header-logo {
	float:left;
	width:230px;
	height:177px;
	background: #ffffff url(http://www.scav-csva.org/images/logo_fixedv2.jpg) center no-repeat;
	position: absolute;
	border-bottom: 8px solid #dad7ce;
}

 /* #slogan {
	position: absolute;
	float: right;
	padding-top: 20px;
	padding-left: 15px;
	font-size: 28px;
	font-family: TW Cen MT, Helvetica, sans-serif;
	color: #144d29; 
	line-height: 20px;
	text-align: center;
	-webkit-margin-before: 0em;
	-webkit-margin-after: 0em;
	-webkit-margin-start: 0px;
	-webkit-margin-end: 0px;
}*/

#VACanada-title{

	position: absolute;
	text-align: center;	
	font-size: 28px;
	font-family: TW Cen MT, sans-serif;
	color: #144d29;

	/*float: center;

	padding-top: 20px;

	padding-left: 35px;
	
	font-size: 28px;

	font-family: TW Cen MT, Helvetica, sans-serif;
	
	color: #144d29; 

	line-height: 20px;



	-webkit-margin-before: 0em;

	-webkit-margin-after: 0em;

	-webkit-margin-start: 0px;

	-webkit-margin-end: 0px; */

}

#ValueAnalysis-title {


	font-size: 34px;
	
	font-family: TW Cen MT, Helvetica, sans-serif;
	
	color: #144d29;
	
	text-align: center;
	
	padding-left: -10px;
}

#slogan p {

	color: #fff;

	font-size: 18px;

	text-align: center;

	font-family: Helvetica, sans-serif;

	line-height: 20px;

	-webkit-margin-before: 0em;

	-webkit-margin-after: 0em;

	-webkit-margin-start: 0px;

	-webkit-margin-end: 0px;

	

}



#header-links {

	text-align: right;

	right: 0px;

	width: 594px;

	height: 25px;

	background: #fff;

	padding-right: 5px;

	margin-left: 254px;

	position: relative;

	padding-top: 5px;

	

}


#header-form {
	float:right;

	width:620px;

	height:110px;

	padding:7px 10px 0px 0px;

	background: white; 

	color:#144d29;

	line-height:13px;

	text-align:left;

	position:relative;

}



#header-form-body {

	float: right;

	position: relative;
	
	padding-left:209px;

	text-align:left;
		

}



#header-form-body .top_input {

	width:110px;

}



#header-form-body input {

	margin-bottom:6px;

	

}





#top_menu {

	width:568px;

	height:49px;

	padding:9px 0px 0px 21px;

	float:left;

	background:url(../images/top_menu_bg.gif) no-repeat;

}

/* --------------------------------------------------------------------------  
   2017-08-30 : Brent Oliver : now using Bootstrap - should not force widths or heights 
                             : remove height and width settings from sidebar-facts, -subscribe, -search
							 : modify sidebar to display a simple right border; remove the box shadow border style
   -------------------------------------------------------------------------- */

/*   
#sidebar {
	border-right: 1px solid #c1bfb6;
	border-left: none;
	border-bottom: none;
	border-top:none;
}

#sidebar-old {
	float:left;
	width:206px;
	box-shadow: 1px 1px 5px #888;
	-moz-box-shadow: 1px 1px 5px #888;
	-webkit-box-shadow: 1px 1px 5px #888;
}

#sidebar-submenu {
	padding:30px 0px 15px 21px;
	}

#sidebar-submenu ul {
	padding:0px;
	margin:10px 0px 0px 0px;
	list-style:none;
}

#sidebar-submenu ul li {
	margin:0px 0px 6px 00px;
	font-weight:bold;
	font-size:1.1em;
}

#sidebar-subscribe {
	padding:30px 0px 0px 21px;
	line-height:14px;
	color:#000;
}

#sidebar-subscribe img {
	margin-bottom:15px;
}

#sidebar-subscribe span {
	color:#666;
}

#sidebar-subscribe input {
	margin-top:12px;
}

#sidebar-subscribe h1 {
	font-size: 1.3em;
	text-transform: uppercase;
	color: rgb(55,148,53);
}

#sidebar-facts {
	padding:23px 15px 0px 21px;
	line-height:14px;
	color:#000;
}

#sidebar-facts h1 {
	font-size: 1.3em;
	text-transform: uppercase;
	color: rgb(55,148,53);	
}

#sidebar-search {	
	padding:15px 0px 0px 21px;	
	line-height:14px;	
	color:#000;
}

#sidebar-search img {	
	margin-bottom:15px;
}

#sidebar-search span {	
	color:#666;
}

#sidebar-search h1 {		
	font-size: 1.3em;	
	text-transform: uppercase;	
	color: rgb(55,148,53);
}

#sidebar-search input {	
	margin-top:12px;
}

*/

#feature-subscribe {
	width:19%;
	height:160px;
	padding:0px 3px 0px 2px;
	margin-left:5px;
	line-height:14px;
	float:left;
}

#feature-value {
	width:19%;
	height:160px;
	padding:0px 3px 0px 2px;
	margin-left:3px;
	border-left:1px solid #ccc;
	line-height:14px;
	float:left;
}

#feature-value a {
	margin-top:20px;
}

#feature-scav {
	width:19%;
	height:160px;
	padding:0px 3px 0px 5px;
	margin-left:3px;
	line-height:14px;
	border-left:1px solid #ccc;
	float:left;
}

#feature-scav a {
	position:relative;
	bottom:0px;
	left:0px;
	right:0px;
}

#feature-training {
	width:19%;
	height:160px;
	padding:0px 0px 0px 4px;
	margin-left:3px;
	line-height:14px;
	border-left:1px solid #ccc;
	float:left;
}

#feature-training a {
	position:relative;
	bottom:0px;
	left:0px;
	right:0px;
}

#feature-search {
	width:17%;
	height:160px;
	padding:0px 0px 0px 6px;
	margin-left:8px;
	line-height:14px;
	border-left:1px solid #ccc;
	float:left;
}

#home-content {
	float:left;
	width:850px;
	padding:5px;
}

#main-content {
	float:left;
	width:627px;
	padding-left:27px;
}


#events h1 {
	font-size: 1.5em;
	text-transform: uppercase;
	color: rgb(55,148,53);
}

#eventsheaderlink {
	text-decoration: none;
}





#bottom {

	clear:both;

	width:595px;

	text-align:center;

	line-height:15px;

	padding:35px 0px 15px 0px;



	margin-left: auto;

	margin-right: auto;

}





#bottom a:link, #bottom a:active, #bottom a:visited, #bottom a:hover {

	text-decoration:none;

	color:#333;

}



.linkblanc:link, .linkblanc:active, .linkblanc:visited, .linkblanc:hover {

	color:#FFF;

}



.linkgris:link, .linkgris:active, .linkgris:visited, .linkgris:hover {

	color:#333;

}



.title_11 {

	font-size:11px;

	font-weight:bold;

	color:#1d8900;

}

.erreur_div{

display:none;

color:#330000;





}



/* Home Page Specific Module CSS */

#events {

	float:right;

	width:400px;

	padding-left:15px;

	padding-right:15px;

	border-left: 1px solid #dad7ce;



}



#news-bar {

	float:left;

	padding:10px 32px 0px 19px;

}



#news-bar .news-items {

	position:absolute;

	float:right;

	width:375px;

	padding-right:10px;

}



#news-bar h1 {

	font-size: 1.5em;

	text-transform: uppercase;

	color: rgb(55,148,53);

}



#news-title {

	text-decoration:none;

}

#news-title h1 {

	text-decoration:none;
	font-size:20px;
	text-transform: uppercase;
	font-weight:bold;
	color:#1d8900;

}



#showcase {

	width:100%;

	height:179px;

	background:url(../images/index_part1_top_left.png);

	background-repeat: no-repeat;

}



#events-title {

	margin:0px 0px 22px 0px;
	font-size:11px;
	text-transform: uppercase;
	font-weight:bold;

}

#events-title h1 {

	text-decoration:none;
	font-size:20px;
	text-transform: uppercase;
	font-weight:bold;
	color:#1d8900;

}


#events td {

	padding-top:20px;

	padding-bottom:20px;

}



#events td img {

	padding:3px;

	border:1px solid #ececec;

}



#viewevent {
	/* margin-left:220px;*/
	line-height:3em;
}

#feature-bar {

	width:100%;

	height:225px;

}



#feature-items {

	height:100%;

	width:100%;

	text-align:center;

	padding-top:10px;



}



#feature-items h1 {

	font-size: 1.3em;

	text-transform: uppercase;

	color: #1d8900;	

}


.feature-row {
	/*display: table;*/ /* table: make the container element behave like a table in order to get equal height columns */
	/* width: 100%; */
    background-color: #eeeeee;
	margin-top: 20px;
}

.feature-col {
	/*display: table-cell;*/ /* make elements inside the container behave like a table cell */
	
	display: flex; /* table: make the container element behave like a table in order to get equal height columns */
	flex-direction: column;
	
	margin-top:10px;
	margin-left: 4px;
	margin-right: 4px;
	border: #cdcdcd medium solid;
	border-radius: 10px;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
}

.feature-col h1 {
	font-size: 1.3em;
	text-transform: uppercase;
	color: #1d8900;	
}

.feature-col h2 {
	font-size: 1.1em;
	text-transform: none;
	color: blue;	
}



.main_title {

	font-size:14px;

	font-weight:bold;

	color:#1d8900;

	line-height: 1.4;

	margin-right: 170px;

}



.events_title {
	text-decoration: none;
	font-size:12px;
	font-weight:bold;
	color:#1d8900;
}



#slides {
	width:850px;
	float:left;
	padding-top:10px;
}


#slides h1 {
	font-size: 1.5em;
	text-transform: uppercase;
	color: rgb(55,148,53);
}

#success-stories {
	float:left;
	width:249px;
	padding:50px 0px 0px 0px;
	margin:0px 0px 0px 5px;
}

#members {

	padding-left:35px;

	}

#conferencesponsors {
	padding-top:25px;
	padding-bottom:5px;
	padding-left:10px;
	font-size: 1.3em !important;
	text-transform: uppercase;
	color: rgb(55,148,53);
	font-weight:bold;
}



.memberblock {
float:left;
#width:220px;
width: 100%;
padding:18px;
#height:100px;
text-align: center;
}


.goldsponsorimage {
width:220px;
height:auto;
#padding-top:20px;
}

.silversponsorimage {
width:180px;
height:auto;
#padding-top:20px;
}

.bronzesponsorimage {
width:150px;
height:auto;
#display:block;
#margin-left: auto;
#margin-right: auto;
#padding-top:20px;
}

.othersponsorimage {
width:125px;
height:auto;
#padding-top:20px;
}


.memberimage {
width:175px;
height:auto;
#padding-top:20px;
}

#sponsorlvl-1 {
/*height: 20px;*/
background-color: #ffd700;
width: 100%;
text-align: center;
padding-top: 4px;
padding-bottom: 4px;
float:left;
font-weight:bold;
font-size:12px;
}

#sponsorlvl-2 {
/*height: 20px;*/
background-color: #C0C0C0;
width: 100%;
text-align: center;
padding-top: 4px;
padding-bottom: 4px;
float:left;
font-weight:bold;
font-size:12px;
}

#sponsorlvl-3 {
/*height: 20px;*/
background-color: #D2691E;
width: 100%;
text-align: center;
padding-top: 4px;
padding-bottom: 4px;
float:left;
font-weight:bold;
font-size:12px;
}

#sponsorlvl-4 {
/*height: 20px;*/
background-color: #C4D356;
width: 100%;
text-align: center;
padding-top: 4px;
padding-bottom: 4px;
float:left;
font-weight:bold;
font-size:12px;
}

	

.news {

	line-height:13px;

	margin-bottom:30px;

}



dl.captioned-image         { position: relative; margin: 1em 0; }

dl.captioned-image dt img  { display: block; }

dl.captioned-image dd      { position: absolute; left: 0; bottom: 1.25em;

                             font: bold 2em/1.25em Helvetica, sans-serif; }

dl.captioned-image.top dd  { top: 1.25em; }

dl.captioned-image dd span { display: block; float: left; clear: both;

                             background: #000; background: rgba(0, 0, 0, 0.7);

                             padding: 0.25em 0.5em; color: #fff; }

                             

ul.slideshow {

	list-style:none;

	width:270px;

	height:154px;

	overflow:hidden;

	position:relative;

	margin:0;

	padding:0;

	

	

}	



ul.slideshow li {

	position:absolute;

	left:0;

	right:0;

}



ul.slideshow li.show {

	z-index:500;	

}



ul img {

	border:none;	

}


#slideshow-caption {

	width:270px;
	height:60px;
	position:absolute;
	bottom:0;
	left:0;	
	color:#fff;
	background:#000;
	z-index:500;
}



#slideshow-caption .slideshow-caption-container {

	padding:5px 10px;	

	z-index:1000;	

}



#slideshow-caption h3 {

	margin:0;

	padding:0;	

	font-size:10px;

}



#slideshow-caption p {

	margin:5px 0 0 0;

	padding:0;

	font-size:8px;

}





/* Carousel CSS */

.slideimg {

	height:300px;
	width:620px;
}


/* -------------------------------------------------------- */
/* Search and Subscribe section */
/* -------------------------------------------------------- */


#search-bar {
	margin-top: 10px;
	margin-bottom: 10px;
	/* background-color: #e2e6d0;  */
}


/* -------------------------------------------------------- */
/* CAROUSEL */
/* -------------------------------------------------------- */

 .carousel {
    position: relative
}

.carousel.pointer-event {
    touch-action: pan-y
}

.carousel-inner {
    position: relative;
    width: 100%;
    height: 500px !important;
    overflow: hidden;
    background: #cee4ce;
}

.carousel-inner::after {
    display: block;
    clear: both;
    content: ""
}

.carousel-item {
    position: relative;
    display: none;
    float: left;
    width: 100%;
    margin-right: -100%;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    transition: transform .6s ease-in-out;
    height: 100%;
}

img.d-block{
  width: auto;
  height: 50%;
  margin-top: 10px;
  object-fit: contain;
  object-position: center;
}

@media (prefers-reduced-motion:reduce) {
    .carousel-item {
        transition: none
    }
}

.carousel-item-next,
.carousel-item-prev,
.carousel-item.active {
    display: block
}

.active.carousel-item-end,
.carousel-item-next:not(.carousel-item-start) {
    transform: translateX(100%)
}

.active.carousel-item-start,
.carousel-item-prev:not(.carousel-item-end) {
    transform: translateX(-100%)
}

.carousel-fade .carousel-item {
    opacity: 0;
    transition-property: opacity;
    transform: none
}

.carousel-fade .carousel-item-next.carousel-item-start,
.carousel-fade .carousel-item-prev.carousel-item-end,
.carousel-fade .carousel-item.active {
    z-index: 1;
    opacity: 1
}

.carousel-fade .active.carousel-item-end,
.carousel-fade .active.carousel-item-start {
    z-index: 0;
    opacity: 0;
    transition: opacity 0s .6s
}

@media (prefers-reduced-motion:reduce) {

    .carousel-fade .active.carousel-item-end,
    .carousel-fade .active.carousel-item-start {
        transition: none
    }
}

.carousel-control-next,
.carousel-control-prev {
    position: absolute;
    top: 0;
    bottom: 0;
    z-index: 1;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 15%;
    padding: 0;
    color: #fff;
    text-align: center;
    background: 0 0;
    border: 0;
    opacity: .5;
    transition: opacity .15s ease
}

@media (prefers-reduced-motion:reduce) {

    .carousel-control-next,
    .carousel-control-prev {
        transition: none
    }
}

.carousel-control-next:focus,
.carousel-control-next:hover,
.carousel-control-prev:focus,
.carousel-control-prev:hover {
    color: #000;
    text-decoration: none;
    outline: 0;
    opacity: .9
}

.carousel-control-prev {
    left: 0
}

.carousel-control-next {
    right: 0
}

.carousel-control-next-icon,
.carousel-control-prev-icon {
    display: inline-block;
    width: 2rem;
    height: 2rem;
    background-repeat: no-repeat;
    background-position: 50%;
    background-size: 100% 100%;
}

.carousel-control-prev-icon {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23000'%3e%3cpath d='M11.354 1.646a.5.5 0 0 1 0 .708L5.707 8l5.647 5.646a.5.5 0 0 1-.708.708l-6-6a.5.5 0 0 1 0-.708l6-6a.5.5 0 0 1 .708 0z'/%3e%3c/svg%3e")
}

.carousel-control-next-icon {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23000'%3e%3cpath d='M4.646 1.646a.5.5 0 0 1 .708 0l6 6a.5.5 0 0 1 0 .708l-6 6a.5.5 0 0 1-.708-.708L10.293 8 4.646 2.354a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e")
}

.carousel-indicators {
    position: absolute;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 2;
    display: flex;
    justify-content: center;
    padding: 0;
    margin-right: 15%;
    margin-bottom: 1rem;
    margin-left: 15%;
    list-style: none
}

.carousel-indicators [data-bs-target] {
    box-sizing: content-box;
    flex: 0 1 auto;
    width: 30px;
    height: 3px;
    padding: 0;
    margin-right: 3px;
    margin-left: 3px;
    text-indent: -999px;
    cursor: pointer;
    background-color: #fff;
    background-clip: padding-box;
    border: 0;
    border-top: 10px solid transparent;
    border-bottom: 10px solid transparent;
    opacity: .5;
    transition: opacity .6s ease
}

@media (prefers-reduced-motion:reduce) {
    .carousel-indicators [data-bs-target] {
        transition: none
    }
}

.carousel-indicators .active {
    opacity: 1
}

.carousel-caption {
    position: absolute;
    right: 15%;
    bottom: 1.25rem;
    left: 15%;
    padding-top: 1.25rem;
    padding-bottom: 1.25rem;
    color: #000;
    text-align: center
}

.carousel-dark .carousel-control-next-icon,
.carousel-dark .carousel-control-prev-icon {
    filter: invert(1) grayscale(100)
}

.carousel-dark .carousel-indicators [data-bs-target] {
    background-color: #000
}

.carousel-dark .carousel-caption {
    color: #000
}

/* -------------------------------------------------------
	Login Nav
   ------------------------------------------------------- */

#loginNav {
	color: #fff;
	border: 2px solid rgb(78, 67, 67);
	border-radius: 20px;
	padding: 0.2rem 1rem !important;
	line-height: 30px;
}   

#loginNav:hover {
	border: 2px solid rgb(153, 150, 150);
	background-color: rgb(153, 150, 150);

}   


/* ----------------- */
/* search icon       */
/* ----------------- */

.search {
    opacity: 0;
    -webkit-transition: all .5s ease;
   -moz-transition: all .5s ease;
   transition: all .5s ease;
   width:0px !important;
}

input.form-control.pull-right.search.expanded {
    border-radius: 0;
    width: 300px !important;
}

.search.expanded {
    opacity: 1;
}


/* ----------------- */
/* subscribe icon    */
/* ----------------- */

.subscribe {
    opacity: 0;
    -webkit-transition: all .5s ease;
   -moz-transition: all .5s ease;
   transition: all .5s ease;
   width:0px !important;
}

input.form-control.pull-right.subscribe.expanded {
    border-radius: 0;
    width: 300px !important;
}

.subscribe.expanded {
    opacity: 1;
}


/* landing page full-screen image */
.cid-sTNyaoHGrZ {
	background-image: url("../images/mbr-4.jpg");
	margin-left: -30px;
	margin-right: -30px;
}
.cid-sTNyaoHGrZ .social-row .soc-item {
	display: inline-block;
	text-align: center;
	margin-bottom: 1rem;
	margin-right: .7rem;
}
.cid-sTNyaoHGrZ .social-row .soc-item .mbr-iconfont {
	font-size: 32px;
	border-radius: 50%;
	padding: 0.6rem;
	border: 2px solid #232323;
	transition: all 0.3s;
	color: #232323;
}
.cid-sTNyaoHGrZ .social-row .soc-item .mbr-iconfont:hover {
	background-color: #232323;
	color: #ffffff;
}


.cid-sTNyaoHGrZ .social-row .cta-item {
  display: inline-block;
  text-align: center;
  margin-bottom: 1rem;
  margin-right: .7rem;
  color: transparent;

}
.cid-sTNyaoHGrZ .social-row .cta-item .mbr-iconfont {
  font-size: 32px;
  border-radius: 25px;
  padding: 0.6rem;
  border: 2px solid #232323;
  transition: all 0.3s;
  color: #232323;
  padding-left: 20px;
  padding-right: 20px;
}
.cid-sTNyaoHGrZ .social-row .cta-item .mbr-iconfont:hover {
  background-color: #0f9347 !important;
  color: #ffffff;
}



/* -------------------------------------------------------
   Partner Logo Slider on Home page
   ------------------------------------------------------- */

.customer-logos {
	background-color: rgb(255, 255, 255);
  }
  
  /* Slider */
  .slick-slide {
	  margin: 5px 10px;
  }
  
  .slick-slide img {
	  width: 80%;
  }
  
  .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: hand;
  }
  
  .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: 150px;
	  min-height: 1px;
  }
  [dir='rtl'] .slick-slide
  {
	  float: right;
  }
  .slick-slide img
  {
	  display: block;
	  max-height:auto;
  }
  .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;
  }
  



/* Button CSS */



/*

.btn {

  display: inline-block;

  *display: inline;


  *zoom: 1;

  padding: 4px 12px;

  margin-bottom: 0;

  font-size: 14px;

  line-height: 20px;

  text-align: center;

  vertical-align: middle;

  cursor: pointer;

  color: #333333;

  text-shadow: 0 1px 1px rgba(255, 255, 255, 0.75);

  background-color: #f5f5f5;

  background-image: -moz-linear-gradient(top, #ffffff, #e6e6e6);

  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#ffffff), to(#e6e6e6));

  background-image: -webkit-linear-gradient(top, #ffffff, #e6e6e6);

  background-image: -o-linear-gradient(top, #ffffff, #e6e6e6);

  background-image: linear-gradient(to bottom, #ffffff, #e6e6e6);

  background-repeat: repeat-x;

  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffffff', endColorstr='#ffe6e6e6', GradientType=0);

  border-color: #e6e6e6 #e6e6e6 #bfbfbf;

  border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);

  *background-color: #e6e6e6;


  filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);

  border: 1px solid #cccccc;

  *border: 0;

  border-bottom-color: #b3b3b3;

  *margin-left: .3em;

  -webkit-box-shadow: inset 0 1px 0 rgba(255,255,255,.2), 0 1px 2px rgba(0,0,0,.05);

  -moz-box-shadow: inset 0 1px 0 rgba(255,255,255,.2), 0 1px 2px rgba(0,0,0,.05);

  box-shadow: inset 0 1px 0 rgba(255,255,255,.2), 0 1px 2px rgba(0,0,0,.05);

}

.btn:hover,

.btn:focus,

.btn:active,

.btn.active,

.btn.disabled,

.btn[disabled] {

  color: #333333;

  background-color: #e6e6e6;

  *background-color: #d9d9d9;

}

.btn:active,
.btn.active {
  background-color: #cccccc \9;
}

.btn:hover,
.btn:focus {
  color: #333333;
  text-decoration: none;
  background-position: 0 -15px;
  -webkit-transition: background-position 0.1s linear;
  -moz-transition: background-position 0.1s linear;
  -o-transition: background-position 0.1s linear;
  transition: background-position 0.1s linear;
}

.btn:focus {
  outline: thin dotted #333;
  outline: 5px auto -webkit-focus-ring-color;
  outline-offset: -2px;
}

.btn.active,
.btn:active {
  background-image: none;
  outline: 0;
  -webkit-box-shadow: inset 0 2px 4px rgba(0,0,0,.15), 0 1px 2px rgba(0,0,0,.05);
  -moz-box-shadow: inset 0 2px 4px rgba(0,0,0,.15), 0 1px 2px rgba(0,0,0,.05);
  box-shadow: inset 0 2px 4px rgba(0,0,0,.15), 0 1px 2px rgba(0,0,0,.05);
}

.btn.disabled,
.btn[disabled] {
  cursor: default;
  background-image: none;
  opacity: 0.65;
  filter: alpha(opacity=65);
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
}

.btn-large {
  padding: 11px 19px;
  font-size: 17.5px;
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  border-radius: 6px;
}

.btn-large [class^="icon-"],
.btn-large [class*=" icon-"] {
  margin-top: 4px;
}

.btn-small {

  padding: 2px 10px;

  font-size: 11.9px;

  -webkit-border-radius: 3px;

  -moz-border-radius: 3px;

  border-radius: 3px;

}

.btn-small [class^="icon-"],

.btn-small [class*=" icon-"] {

  margin-top: 0;

}

.btn-mini [class^="icon-"],

.btn-mini [class*=" icon-"] {

  margin-top: -1px;

}

.btn-mini {

  padding: 0 6px;

  font-size: 10.5px;

}

.btn-block {

  display: block;

  width: 100%;

  padding-left: 0;

  padding-right: 0;

  -webkit-box-sizing: border-box;

  -moz-box-sizing: border-box;

  box-sizing: border-box;

}

.btn-block + .btn-block {

  margin-top: 5px;

}

input[type="submit"].btn-block,

input[type="reset"].btn-block,

input[type="button"].btn-block {

  width: 100%;

}

.btn-success.active {

  color: rgba(255, 255, 255, 0.75);

}

.btn-success {

  color: #ffffff;

  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);

  background-color: #5bb75b;

  background-image: -moz-linear-gradient(top, #62c462, #51a351);

  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#62c462), to(#51a351));

  background-image: -webkit-linear-gradient(top, #62c462, #51a351);

  background-image: -o-linear-gradient(top, #62c462, #51a351);

  background-image: linear-gradient(to bottom, #62c462, #51a351);

  background-repeat: repeat-x;

  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff62c462', endColorstr='#ff51a351', GradientType=0);

  border-color: #51a351 #51a351 #387038;

  border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);

  *background-color: #51a351;

  filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);

}

.btn-success:hover,
.btn-success:focus,
.btn-success:active,
.btn-success.active,
.btn-success.disabled,
.btn-success[disabled] {
  color: #ffffff;
  background-color: #51a351;
  *background-color: #499249;
}

.btn-success:active,
.btn-success.active {
  background-color: #408140 \9;
}

button.btn,
input[type="submit"].btn {
  *padding-top: 3px;
  *padding-bottom: 3px;
}

button.btn::-moz-focus-inner,
input[type="submit"].btn::-moz-focus-inner {
  padding: 0;
  border: 0;
}

button.btn.btn-large,
input[type="submit"].btn.btn-large {
  *padding-top: 7px;
  *padding-bottom: 7px;
}

button.btn.btn-small,
input[type="submit"].btn.btn-small {
  *padding-top: 3px;
  *padding-bottom: 3px;
}

button.btn.btn-mini,
input[type="submit"].btn.btn-mini {
  *padding-top: 1px;
  *padding-bottom: 1px;
}

*/

/*--------------------------
  NAV BAR
  --------------------------*/

 .navbar {
	border-bottom: 1px solid rgba(64,64,64,0.3);
 } 

  nav .navbar-nav li a{
	color: black !important;
	}


/*
.navbar.center .navbar-inner {
	text-align: center;
}

.navbar.center .navbar-inner .nav {
	float: none;
	display: inline-block;
}

.navbar-nav {
	font-size: medium !important;
}

.navbar {
	min-height: 60px;
  }
  

.navbar-brand {
	padding: 5px 5px;
	height: 60px;
}
*/

/* 991px - small */
/* 1199 px - medium */

/*
@media (max-width: 1374px) {
    .navbar-header {
        float: none;
    }
    .navbar-toggle {
        display: block;
    }
    .navbar-collapse {
        border-top: 1px solid transparent;
        box-shadow: inset 0 1px 0 rgba(255,255,255,0.1);
    }
    .navbar-collapse.collapse {
        display: none!important;
    }
    .navbar-nav {
		border-top: 1px solid transparent;
        float: none!important;
        margin: 75.5px -15px;
    }
    .navbar-nav>li {
        float: none;
    }
    .navbar-nav>li>a {
        padding-top: 10px;
        padding-bottom: 10px;

		line-height: 10px;
    }
    .navbar-text {
        float: none;
        margin: 15px 0;
    }
    .navbar-collapse.collapse.in { 
        display: block!important;
    }
    .collapsing {
        overflow: hidden!important;
    }


}

*/

  



#confImg {
    border-radius: 5px;
    cursor: pointer;
    transition: 0.3s;
}

#confImg:hover {opacity: 0.7;}

/* The Modal (background) */
.modalPic {
    display: none; /* Hidden by default */
    position: fixed; /* Stay in place */
    z-index: 1; /* Sit on top */
    padding-top: 100px; /* Location of the box */
    left: 0;
    top: 0;
    width: 100%; /* Full width */
    height: 100%; /* Full height */
    overflow: auto; /* Enable scroll if needed */
    background-color: rgb(0,0,0); /* Fallback color */
    background-color: rgba(0,0,0,0.9); /* Black w/ opacity */
}

/* Modal Content (image) */
.modal-content {
    margin: auto;
    display: block;
    width: 80%;
    max-width: 700px;
}

/* Caption of Modal Image */
#caption {
    margin: auto;
    display: block;
    width: 80%;
    max-width: 700px;
    text-align: center;
    color: #ccc;
    padding: 10px 0;
    height: 150px;
}

/* Add Animation */
.modal-content, #caption {    
    -webkit-animation-name: zoom;
    -webkit-animation-duration: 0.6s;
    animation-name: zoom;
    animation-duration: 0.6s;
}

@-webkit-keyframes zoom {
    from {-webkit-transform:scale(0)} 
    to {-webkit-transform:scale(1)}
}

@keyframes zoom {
    from {transform:scale(0)} 
    to {transform:scale(1)}
}

/* The Close Button */
.closePic{
    position: absolute;
    top: 15px;
    right: 35px;
    color: #f1f1f1;
    font-size: 40px;
    font-weight: bold;
    transition: 0.3s;
}

.closePic:hover,
.closePic:focus {
    color: #bbb;
    text-decoration: none;
    cursor: pointer;
}

/* 100% Image Width on Smaller Screens */
@media only screen and (max-width: 700px){
    .modal-content {
        width: 100%;
    }
}

/* ============ desktop view ============ */


@media all and (min-width: 992px) {
	.dropdown-menu li{ position: relative; 	}
	.nav-item .submenu{ 
		display: none;
		position: absolute;
		left:100%; top:-7px;
	}
	.nav-item .submenu-left{ 
		right:100%; left:auto;
	}
	.dropdown-menu > li:hover{ background-color: #f1f1f1 }
	.dropdown-menu > li:hover > .submenu{ display: block; }
}


/* ============ desktop view .end// ============ */

/* ============ small devices ============ */

@media (max-width: 991px) {
  .dropdown-menu .dropdown-menu{
      margin-left:0.7rem; margin-right:0.7rem; margin-bottom: .5rem;
  }
}
	
/* ============ small devices .end// ============ */


.accordion-body > p, .card-body > p {
	font-size: 14px;
}

/* ------- custom button colour (Value Analysis Green) -------- */
.btn-vac-green {
	color: #fcfffc;
	background-color: #8ebd95;
	border-color: #bed9c2;
  }
  .btn-vac-green:focus, .btn-vac-green.focus {
	color: #aed0b3;
	background-color: #6dab76;
	border-color: #6dab76;
  }
  .btn-vac-green:hover {
	color: #f2f6f3;
	background-color: #6dab76;
	border-color: #97c39e;
  }
  .btn-vac-green:active, .btn-vac-green.active, .open > .btn-vac-green.dropdown-toggle {
	color: #aed0b3;
	background-color: #6dab76;
	background-image: none;
	border-color: #97c39e;
  }
  .btn-vac-green:active:hover, .btn-vac-green:active:focus, .btn-vac-green:active.focus, .btn-vac-green.active:hover, .btn-vac-green.active:focus, .btn-vac-green.active.focus, .open > .btn-vac-green.dropdown-toggle:hover, .open > .btn-vac-green.dropdown-toggle:focus, .open > .btn-vac-green.dropdown-toggle.focus {
	color: #aed0b3;
	background-color: #5a9b63;
	border-color: #6dab76;
  }
  .btn-vac-green.disabled:hover, .btn-vac-green.disabled:focus, .btn-vac-green.disabled.focus, .btn-vac-green[disabled]:hover, .btn-vac-green[disabled]:focus, .btn-vac-green[disabled].focus, fieldset[disabled] .btn-vac-green:hover, fieldset[disabled] .btn-vac-green:focus, fieldset[disabled] .btn-vac-green.focus {
	background-color: #8ebd95;
	border-color: #bed9c2;
  }
  .btn-vac-green .badge {
	color: #8ebd95;
	background-color: #aed0b3;
  }


  .btn-vac-dark-green {
	color: #fcfffc;
	background-color: #0f9347;
	border-color: #bed9c2;
  }
  .btn-vac-dark-green:focus, .btn-vac-dark-green.focus {
	color: #aed0b3;
	background-color: #0f9347;
	border-color: #0f9347;
  }
  .btn-vac-dark-green:hover {
	color: #f2f6f3;
	background-color: #0f9347;
	border-color: #97c39e;
  }
  .btn-vac-dark-green:active, .btn-vac-dark-green.active, .open > .btn-vac-dark-green.dropdown-toggle {
	color: #aed0b3;
	background-color: #0f9347;
	background-image: none;
	border-color: #97c39e;
  }
  .btn-vac-dark-green:active:hover, .btn-vac-dark-green:active:focus, .btn-vac-dark-green:active.focus, .btn-vac-dark-green.active:hover, .btn-vac-dark-green.active:focus, .btn-vac-dark-green.active.focus, .open > .btn-vac-dark-green.dropdown-toggle:hover, .open > .btn-vac-dark-green.dropdown-toggle:focus, .open > .btn-vac-dark-green.dropdown-toggle.focus {
	color: #aed0b3;
	background-color: #0f9347;
	border-color: #6dab76;
  }
  .btn-vac-dark-green.disabled:hover, .btn-vac-dark-green.disabled:focus, .btn-vac-dark-green.disabled.focus, .btn-vac-dark-green[disabled]:hover, .btn-vac-dark-green[disabled]:focus, .btn-vac-dark-green[disabled].focus, fieldset[disabled] .btn-vac-dark-green:hover, fieldset[disabled] .btn-vac-dark-green:focus, fieldset[disabled] .btn-vac-dark-green.focus {
	background-color: #0f9347;
	border-color: #bed9c2;
  }
  .btn-vac-dark-green .badge {
	color: #0f9347;
	background-color: #aed0b3;
  }


  .calendar{
	position: relative;
	width: 150px;
  }
  
  .calendar .calendar-body{
	display: flex;
	justify-content: center;
	align-items: center;
	flex-direction: column;
	background: rgba(255, 255, 255, 0.1);
	backdrop-filter: blur(15px);
	border-bottom: 6px solid #0f9347;
	border-right: 1px solid rgba(255, 255, 255, 0.1);
	border-radius: 8px;
	box-shadow: 0 5px 25px rgb(1 1 1 / 15%);
  }
  
  .calendar .calendar-body .month-name{
	color: #fff;
	background: #0f9347;
	width: 100%;
	font-size: 1.6em;
	text-align: center;
	font-weight: 400;
	padding: 5px 0;
	border-top-left-radius: 8px;
	border-top-right-radius: 8px;
  }
  
  .calendar .calendar-body .day-name{
	color: #222;
	font-size: 1.2em;
	font-weight: 400;
	margin-top: 15px;
  }
  
  .calendar .calendar-body .date-number{
	color: #222;
	font-size: 6em;
	font-weight: 600;
	line-height: 1.2em;
  }
  
  .calendar .calendar-body .year{
	color: #222;
	font-size: 1.2em;
	font-weight: 400;
	margin-bottom: 15px;
  }
  
    .primary-person-form-section
  {
	padding: 20px; margin: 15px 0px; 
	background-color: #afc5e2;
  }
  .secondary-person-form-section
  {
	padding: 20px; margin: 15px 0px; 
	background-color: #e2e1af;
  }