#contactform{
margin-bottom:50px;
}
.content{
padding:0px 0px 0px 0px;
}
.outerarea h2 {
  color: #ffffff;
  font-size: 2.4em;
  margin-top: 20px;
  }
.contactbar{
float:right;
color:#2A583F;
font-size:2em;
margin-top:10px;
max-width:250px;
line-height:0.2em;
}
.contactbar span{
font-size:0.35em;

}
.contactbar i{
color:#2A2626;
}
.pipuser{
float:right;
color:#2A583F;
margin-top:10px;
max-width:250px;
text-align:right;
}
.pipuser p{
margin-top:0px;
}
.pipuser .logoutbutton{
padding:5px 10px 5px 10px;
background-color:#F2F3F4;
border:1px solid #D2D2D3;
font-family:'NewMillenniumSans', Verdana, Arial;
font-size:1.4em;
border-radius:4px;
}
.pipuser .logoutbutton:hover{
background-color:#2A583F;
color:#ffffff;
}
.pipuser a{
text-decoration:none;
}

.greylistbutton{
background-color:#D4D4D4;
display: flex;
}

.greylistbuttoncontent{
flex: 90%;
padding-right:10px;
}
.greylistbutton a{
text-decoration:none;
}
.greylistbutton:hover{
background-color:#2A2626;
color:#ffffff !important;
}
.greylistbutton:hover a, .greylistbutton:hover h3{
color:#ffffff !important;
}
.greylistbutton:hover .rightarrow{
background-color:#2A2626;
}
.greylistbutton img{
float:left;
margin:10px;
width:100px !important;
}
.greylistbutton .rightarrow{
background-color:#2A583F;
color:#ffffff;
flex: 10%;
display: flex;
    align-items: center;
    justify-content: center;
}
.greylistbutton .rightarrow i{
font-size:2em;
color:#ffffff;
}
.lgbutton{
background-color:#72C496;
color:#ffffff;

background-position:96%;
background-repeat:no-repeat;
}
.lgbutton:hover{
background-color:#2A2626;
}
.lgbutton:hover .buttonlink{
background-color:#72C496;
color:#2A2626;
}
.lgbutton:hover .buttonlink::after{
color:#2A2626;
}

.lgbutton .buttonlink{
padding-left:20px;
}
.lgbutton>a{
text-decoration:none;
display:block;
height:100%;
width:100%;
padding-top:10px;
padding-bottom:80px;
}
.lgbutton div{
position:absolute;
margin-top:-80px;
}

.lgbutton a h3{
font-size:2em;
color:#ffffff;
text-decoration:none;
padding-left:20px;
}
.greenbubble{
border:1px solid #72C496;
background-color:#E3F3EA;
border-radius:6px;
padding:10px 15px 15px 10px;
}
.greenbubble ul{
margin:0px 0px 0px 35px;
}
.greenbubble ul li{
padding-top:4px;
list-style-type:disc;
}
.greenbubbleline {
  height:28px;
  width:50%;
  border-right: 1px solid #2A2626;
}
.buttonslide{
background-color:#2A583F;
margin-top:0%;
margin-right:45%;
border-top-right-radius: 80px;
border-bottom-right-radius: 80px;
line-height: 1em;
font-size: 1.6em;
font-family: 'NewMillenniumSans', Verdana, Arial;
}

.buttonbg:hover .buttonslide, .buttonbg:focus-within .buttonslide{
margin-right:0%;
padding-left:50%;
}
.greydiv{
background-color:#F8F8F9; padding:20px;
}
.journeylogin input{
border: 1px solid #72C496;
padding:10px;
width:100%;
margin:5px 0px 10px 0px;
display:block;
}
.journeylogin label{
font-weight:bold;
}
.journeylogin #submit{
background-color:#2A2626;
border:0px;
text-align:left;
color:#ffffff;
font-family:'NewMillenniumSans', Verdana, Arial;
font-size:1.6em;
border-top-right-radius:10px;
border-bottom-right-radius:10px;
width:100%;
cursor:pointer;
margin-top:15px;
margin-bottom:15px;
background-image:url(arrowright.png);
background-repeat:no-repeat;
background-position:right;
}

.journeylogin #submit:hover{
background-color:#72C496;
color:#2A2626;
background-image:url(arrowrighthover.png);
}
.arrowlink{
list-style-type:none;
}
.arrowlink li:before {    
font-family: "Font Awesome 5 Pro";
content: '\f054';
margin:0 5px 0 0px;
color: #2A2626;
font-size:1.2em;

}

.startjourneybutton{
background-color:#72C496;
display: flex;
}

.startjourneybuttoncontent{
flex: 80%;
padding-right:10px;
}
.startjourneybutton a{
text-decoration:none; color:#ffffff;
}
.startjourneybutton a h3{
color:#ffffff;
font-size:2em;
padding:35px 20px 35px 20px;
}
.startjourneybutton:hover{
background-color:#2A2626;
color:#ffffff !important;
}
.startjourneybutton:hover a, .startjourneybutton:hover h3{
color:#ffffff !important;
}
.startjourneybutton:hover .rightarrow{
background-color:#2A2626;
}

.startjourneybutton .rightarrow{
background-color:#2A583F;
color:#ffffff;
flex: 20%;
display: flex;
    align-items: center;
    justify-content: center;
}

.startjourneybutton .rightarrow i{
font-size:5em;
font-family:"Font Awesome 5 Duotone";
margin-left:15px; margin-right:15px;

}



#journeybar{
margin:10px 0px 15px 0px;
padding:0px;
border:1px solid #D1D1D2;
height:66px;
border-radius:40px;
overflow:hidden;
}
#journeybar li{
position: relative;
list-style:none;
width:calc(25% - 2px);
float:left;
background-color:#F2F3F4;
height:100%;
text-align:center;
color:#D1D1D2;
margin: 0 1px;
display: flex;
  justify-content: center;
  align-items: center;
}
#journeybar li:not(:first-child):before {
    content: '';
    border-left: 20px solid #fff;
    border-top: 33px solid transparent;
    border-bottom: 33px solid transparent;
    position: absolute;
    top: 0;
    left: 0;
    
}
#journeybar li:after {
    content: '';
    border-left: 20px solid #F2F3F4;
    border-top: 33px solid transparent;
    border-bottom: 33px solid transparent;
    position: absolute;
    top: 0;
    left: 100%;
    z-index: 20;
}
#journeybar li.active{
background-color:#476D54;
color:#ffffff;

}
#journeybar li:first-child{
margin-left:0px;
}
#journeybar li.active:after {
    border-left-color: #476D54;
}
#journeybar li.complete{
background-color:#72C496;
color:#ffffff;
margin:0px;
}
#journeybar li.complete:after {
    border-left-color: #72C496;
}
#journeybar div{

}
#journeybar sub{
display:block;
text-align:left;
font-size:0.8em;
font-weight:bold;
}


#journeybar span{
background-color:#CFE6DA;
color:#ffffff;
padding:5px 10px 5px 10px;
border-radius:20px;
margin-right:10px;
}
#journeybar li.active span{
background-color:#72C496;
}
#journeybar li.complete span{
background-color:#476D54;
}
#journeybar a{
color:#ffffff;
text-decoration:none;
}
#journeybar a:hover{
text-decoration:underline;
}
html .cog-form, :root:root:root:root:root .cog-form{
overflow-x:visible !important;
}
html .cog-page-progress--steps .is-active ::before, :root:root:root:root:root .cog-page-progress--steps .is-active ::before{
background-color:#2A583F !important;
border-color:#2A583F !important;
color:#ffffff !important;
}
.cog-page-progress__page-title{
font-weight:700;
}

#slidethumbs{
max-width:1100px;
margin-left:auto;
margin-right:auto;
position:relative;
top:-45px;
margin-bottom:-45px;

}
#slidethumbs .homesliderlink{
background-color:#72C496;min-height:80px;
}
#slidethumbs .homesliderlink:not(:first-child){
border-left:1px solid #ffffff;
}
#slidethumbs h3{
font-size:1.9em;
color:#ffffff;
text-align:center;
padding:15px 10px 15px 10px;
}
#slidethumbs .homesliderlink.is-selected, #slidethumbs .homesliderlink:hover{
background-color:#2A583F;
}
#slidethumbs div a{
text-decoration:none;

}

@media only screen and ( max-width: 900px ), ( max-height: 550px )
        {
        #slidethumbs{
        display:none;
        }
        .homeslide-content{
        bottom:20px;
        }
        }


@media only screen and ( max-width: 800px )
                {
                #journeybar{
                height:auto;
                border-radius:0px;
                }
                
                #journeybar li{
				width:100%;
                float:none;
                text-align:left;
                justify-content: left;
  align-items: left;
  padding:10px 20px 10px 20px;
  margin:0px;
				}
                #journeybar li:not(:first-child):before {
                content: '';
                border-left: 0px;
                border-top: 0px;
                border-bottom: 0px;
                position: absolute;
                top: 0;
                left: 0;
    
				}
                #journeybar li:after {
                    content: '';
                    border-left: 0px;
                    border-top: 0px;
                    border-bottom: 0px;
                    position: absolute;
                    top: 0;
                    left: 100%;
                    z-index: 20;
                }
}
@media only screen and ( max-width: 600px )
                {
                .contactbar{
float:none;
text-align:center;
font-size:1.5em;
margin-top:20px;
max-width:100%;
}
.pipuser{
float:none;
text-align:center;
max-width:100%;
}
                }
.journeystage{
background-color:#F2F3F4;
display: flex;
margin-bottom:20px;
}
.journeycontent{
flex:80%;
padding:20px;
}



.progressbutton{
background-color:#2A583F;
flex: 20%;
border-left:1px solid #ffffff;
}
.progressbutton:hover{
background-color:#72C496;
}
.progressbutton a{
text-decoration:none;
height:100%;
width:100%;text-align:center;display: flex;
    align-items: center;
    justify-content: center;
}
.progressbutton i{
font-size:5em;

color:#ffffff;
}
.timebar{
font-size:0.9em;
font-weight:bold;
margin-top:5px;
}
.timebar::before{
content: "\f4fd";
font-family: "Font Awesome 5 Pro";
font-weight:400;
margin-right:10px;
font-size:1.8em;
vertical-align:middle;
}
.journeystage.prior{
opacity:0.5;
}
.journeystage.complete, .complete .progressbutton{
background-color:#71C395;
color:#ffffff;
}
.journeystage.complete h2{
color:#ffffff;
}
.preloader {
  display: none;
  
}

/* Override the default invisibility if the preloader doesn't have a form after it. */
.preloader:last-child {
  display: block;
  font-size:4em;
  color:#72C496;
  text-align:center;
}
.preloader i{
display:block;
}

_:-ms-fullscreen, :root .preloader {
display: none;
}

#bgoverlay{
  position: fixed; /* Sit on top of the page content */
  display: none; /* Hidden by default */
  width: 100%; /* Full width (cover the whole page) */
  height: 100%; /* Full height (cover the whole page) */
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: rgba(0,0,0,0.5); /* Black background with opacity */
  z-index: 100; /* Specify a stack order in case you're using a different order for other elements */

}
#bgoverlay.show{
display:block;
}
#bgoverlay div{
background-color:#ffffff;
margin-left:auto;
margin-right:auto;
width:50%;
margin-top:30vh;
padding:20px;
}

.butfade{
border-radius:400px;
}
.butfademask{
padding-top:50px;}

ul.ticklist, ul.whitelist{
padding-top:15px;
}
ul.whitelist li::before{
color:#ffffff;
margin-left:-30px;
position:absolute;
margin-top:4px;
}
ul.whitelist li{
padding:10px 0px 10px 40px;
border-bottom:1px solid #ffffff;
color:#ffffff;
font-size:1.1em;
}
ul.ticklist li::before{
content: "\f00c";
color:#ffffff;
margin-left:-30px;
font-size:1.5em;
font-weight:300;
position:absolute;
margin-top:-3px;
}
ul.ticklist li{
padding:10px 0px 10px 40px;
border-bottom:1px solid #ffffff;
color:#ffffff;
font-size:1.1em;
}
.content .colinner figure{
border-radius:20px;
overflow:hidden;
}
.socialicon{
font-size:1.2em;
margin-left:-5px;
}
.socialicon .fa-circle{
color:#72C496;
}
.socialicon a:hover .fa-circle, .socialicon a:focus .fa-circle{
color:#2A583F;
}
#meetingcontainer{
display:flex;
margin-bottom:20px;
margin-top:20px;
}
.meetingleft{
flex-grow:1;
margin-right:20px;
padding-right:20px;
border-right:1px solid #d7dada;
}
.meetingright{
flex-grow:2;
display:flex;
}
#datepicker{
flex-basis:100%;
}

.ui-datepicker {
	width: 100%;
	padding: .2em .2em 0;
	display: none;
}
.ui-datepicker .ui-datepicker-header {
	position: relative;
	padding: .2em 0;
}
.ui-datepicker .ui-datepicker-prev,
.ui-datepicker .ui-datepicker-next {
	position: absolute;
	top: 2px;
	width: auto;
	height: 1.8em;
}

.ui-datepicker .ui-datepicker-prev {
	left: 0px;
}
.ui-datepicker .ui-datepicker-next {
	right: 32px;
}

.ui-datepicker .ui-datepicker-prev span,
.ui-datepicker .ui-datepicker-next span {
	display: block;
	position: absolute;
	left: 50%;
	margin-left: -8px;
	top: 50%;
	margin-top: -8px;
}
.ui-datepicker .ui-datepicker-title {
	margin: 0 2.3em;
	line-height: 1.8em;
	text-align: center;
}
.ui-datepicker .ui-datepicker-title select {
	font-size: 1em;
	margin: 1px 0;
}
.ui-datepicker select.ui-datepicker-month,
.ui-datepicker select.ui-datepicker-year {
	width: 45%;
}
.ui-datepicker table {
	width: 100%;
	font-size: .9em;
	border-collapse: collapse;
	margin: 0 0 .4em;
}
.ui-datepicker th {
	padding: .7em .3em;
	text-align: center;
	font-weight: bold;
	border: 0;
}
.ui-datepicker td {
	border: 0;
	padding: 1px;
}
.ui-datepicker td span,
.ui-datepicker td a {

	text-decoration: none;
}
.ui-datepicker .ui-datepicker-buttonpane {
	background-image: none;
	margin: .7em 0 0 0;
	padding: 0 .2em;
	border-left: 0;
	border-right: 0;
	border-bottom: 0;
}
.ui-datepicker .ui-datepicker-buttonpane button {
	float: right;
	margin: .5em .2em .4em;
	cursor: pointer;
	padding: .2em .6em .3em .6em;
	width: auto;
	overflow: visible;
}
.ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current {
	float: left;
}

/* with multiple calendars */
.ui-datepicker.ui-datepicker-multi {
	width: auto;
}
.ui-datepicker-multi .ui-datepicker-group {
	float: left;
}
.ui-datepicker-multi .ui-datepicker-group table {
	width: 95%;
	margin: 0 auto .4em;
}
.ui-datepicker-multi-2 .ui-datepicker-group {
	width: 50%;
}
.ui-datepicker-multi-3 .ui-datepicker-group {
	width: 33.3%;
}
.ui-datepicker-multi-4 .ui-datepicker-group {
	width: 25%;
}
.ui-datepicker-multi .ui-datepicker-group-last .ui-datepicker-header,
.ui-datepicker-multi .ui-datepicker-group-middle .ui-datepicker-header {
	border-left-width: 0;
}
.ui-datepicker-multi .ui-datepicker-buttonpane {
	clear: left;
}
.ui-datepicker-row-break {
	clear: both;
	width: 100%;
	font-size: 0;
}

/* RTL support */
.ui-datepicker-rtl {
	direction: rtl;
}
.ui-datepicker-rtl .ui-datepicker-prev {
	right: 2px;
	left: auto;
}
.ui-datepicker-rtl .ui-datepicker-next {
	left: 2px;
	right: auto;
}
.ui-datepicker-rtl .ui-datepicker-prev:hover {
	right: 1px;
	left: auto;
}
.ui-datepicker-rtl .ui-datepicker-next:hover {
	left: 1px;
	right: auto;
}
.ui-datepicker-rtl .ui-datepicker-buttonpane {
	clear: right;
}
.ui-datepicker-rtl .ui-datepicker-buttonpane button {
	float: left;
}
.ui-datepicker-rtl .ui-datepicker-buttonpane button.ui-datepicker-current,
.ui-datepicker-rtl .ui-datepicker-group {
	float: right;
}
.ui-datepicker-rtl .ui-datepicker-group-last .ui-datepicker-header,
.ui-datepicker-rtl .ui-datepicker-group-middle .ui-datepicker-header {
	border-right-width: 0;
	border-left-width: 1px;
}
.meetingright .ui-datepicker-next, .meetingright .ui-datepicker-prev{
cursor:pointer;
}
.meetingright .ui-state-disabled{
color:#d7dada;
cursor:auto;
}
.meetingright .ui-icon-circle-triangle-w::before{
content: "\f053";  
    font-family: "Font Awesome 5 Pro";  
  color: #2A583F; 
  padding-right:10px;
}

.meetingright .ui-icon-circle-triangle-e::after{
content: "\f054";  
padding-left:10px;
    font-family: "Font Awesome 5 Pro";  
  color: #2A583F; 
}
.meetingright .ui-state-disabled .ui-icon-circle-triangle-e::after, .meetingright .ui-state-disabled .ui-icon-circle-triangle-w::before{
color:#d7dada;
}

.meetingright .ui-datepicker td{
text-align:center;
}
.meetingright .ui-datepicker td span{
text-align:center;
color:#2A2626;
padding:10px;
font-size:1.1em;
display:block;
}
.meetingright a.ui-state-default{
background-color:#2A583F;
color:#ffffff;
font-size:1.2em;
padding:10px;
border-radius:50px;
text-align:center;
font-weight:bold;
width:45px;
display:block;
margin-left:auto;
margin-right:auto;
}
.meetingright a.ui-state-default:hover, .meetingright a.ui-state-active{
background-color:#2A2626;
}
#timepicker{
display:none;
margin-left:20px;
padding-left:20px;
border-left:1px solid #d7dada;
}
#timepicker button{
background-color:#2A583F;
color:#ffffff;
padding:10px;
border-radius:6px;
font-weight:bold;
text-align:center;
margin-bottom:3px;
cursor:pointer;
border:0px;
font-family:'Open Sans', Arial, sans-serif;
font-size:1em;
}
#timepicker button:hover{
background-color:#2A2626;
}
.outline{
border: 1px solid #2A2626;
text-decoration:none;
border-radius:6px;
margin:15px 0px 25px 0px;
padding:6px 10px 6px 10px;
display:inline-block;
}
.outline:hover, .outline:focus{
background-color:#d7dada;
}
@media only screen and ( max-width: 800px )
                {
                #meetingcontainer{
flex-wrap:wrap;
}
	.meetingleft{
   	margin-right:0px;
    padding-right:0px;
    border-right:0px;
    }
    .meetingright{
    flex-wrap:wrap;
    }
    #datepicker, #timepicker{
    flex: 0 0 100%;
    }
    #timepicker{
    margin-left:0px;
    padding-left:0px;
    margin-top:20px;
    border-left:0px;
    }
    
                }