/* CSS Document */

@media (max-width:1400px) {
	body.home .content-band {padding-left:0; padding-right:0;}
}

/* Front
   ----------------------------------- */

#brand-window {padding:60px 0 100px; background-position:center bottom; background-size:contain; background-repeat:no-repeat;}
#the-window {padding-bottom:20px; }
.brand-container {display:none; }
.brand-container.active {display:block;}

#brand-dots {padding-bottom:70px; text-align:center;}
.brand-dot {width:15px; height:15px; cursor:pointer; margin-left:10px; border-radius:50%; border:solid thin #333; display:inline-block;}
.brand-dot.active {background-color:#00588e;}

#brand-window .col-left .inner {padding-left:20px; padding-top:40px;}
#brand-window h2 {line-height:1.4;}
#brand-window .ln-2 {line-height:1.8;}
#brand-window .brand-container p {margin-top:30px;}

@media (max-width:1000px) {
	#brand-window {text-align:center;}
	#brand-window img {margin-bottom:40px;}
	#brand-window br {display:block;}
	#brand-window .fontsize-150 {font-size:100%;}
}

@media (max-width:800px) {
	#brand-window {padding:50px 0;}
	.brand-container {padding-bottom:50px}
    #brand-window .col-left .inner {padding-left:0;}
}

/* Stages
   ----------------------------------- */

#stages {width:90%; margin:75px auto 0; background-position:top center; background-repeat:no-repeat; background-size:100% auto;}

#stages .icon {width:100%;}

.stages-text {min-height:230px;}
.stages-clicks {z-index:450; height:100%; width:100%; position:absolute; top:0; min-height:400px;}
.stages-clicks[data-count="one"] {}
.stages-clicks[data-count="two"] {}
.stages-clicks[data-count="three"] {}
.stages-clicks[data-count="four"] {}
.stage-text {float:left; margin:0; min-height:200px; position:relative; z-index:400; cursor:pointer; font-size:90%;}
.stage-text .stage-inner {padding-top:150px; overflow:hidden; transition: all 0.3s;}
.stage-text .stage-inner .top {display:block; height:125px; border-left:solid thin #999; margin-bottom:10px;}
.stage-text.active {}
.stage-text:after {content:""; display:none; height:0px; transition: all 0.4s; width:1px; background-color:#999999; position:absolute; top:150px; left:0;}
.stage-text.active:after {height:125px;}
.stage-text[data-count="0"] {margin-left:4%; width:18%;}
.stage-text[data-count="1"] {margin-left:9%; width:18%;}
.stage-text[data-count="2"] {margin-left:10%; width:18%;}
.stage-text[data-count="3"] {margin-left:9%; width:14%;}

@media (max-width:1405px) {
	#stages {width:100%;}
}

@media (max-width:1000px) {
	#stages {background-image:none !important; width:100%;}
	.stages-text {display:flex; justify-content: space-between; flex-direction: row; flex-wrap: wrap;}
	.stage-text {width:50% !important; flex:0 50%; margin:0 !important; float:none}
	.stages-clicks {position:relative; width:100%; height:auto; min-height:0;}
	.stage-text .stage-inner {padding: 0 70px; margin-top:-120px; margin-bottom:120px;}
}

@media (max-width:600px) {
	.stage-text .stage-inner {padding: 0 20px;}
}

/* News and Events
   ----------------------------------- */

.circle-callout {}
.circle-callout .inner {padding-left:50px;}
.circle-callout .circle-title {font-size:3vw; line-height:1.3;}

@media (max-width:1000px) {
	.circle-callout .circle-title {font-size:150%;}
	.circle-callout .inner {padding-left:0; width:90%; margin:30px auto 0;}
	.circle-callout br {display:none;}
}

/* News and Events
   ----------------------------------- */

.news-events {}
.news-events {}
.news-event-title h2 {font-size:3vw; line-height:1.2;}
.news-event {/*display:inline-block; width:50%; float:left;*/ border-left:solid thin #999a99;}
.news-event .inner {padding:30px 50px; }
.news-arrow {display:block; width:50px; height:50px;}

@media (max-width:1200px) {
	.news-arrow {width:30px; height:30px;}
}

@media (max-width:1000px) {
    .news-event-title br {display:none;}
    .news-event-title h2, .news-event-title a {display:inline-block; margin-right:20px;}
    .news-event {border-left:none;}
    .news-event .inner {padding:50px 0 0;}
	/*.news-events {display:block;}*/
	.news-events .col-40,
	.news-events .col-60 {display:block; width:100%;}
	
}

@media (max-width:700px) {
	.news-event-title h2 {font-size:150%;}
	/*.news-event {width: 100%; float: none;}*/
	.news-event .inner {padding: 30px 0px; border-left: none; }
	.news-event {border-left:none;}
}

/* News and Events
   ----------------------------------- */

.expertise {}
.expertise .image .inner {position:relative; padding-right:15%;}
.expertise .image .circle-target {
	width: 18%;
    height: 1px;
    background-color: #999a99;
    position: absolute;
    top: 32%;
    right: -3%;
}
.expertise .image  .circle-target:after {
    content: "";
    display: block;
    border: solid thin #999a99;
    border-radius: 50%;
    position: absolute;
    top: 50%;
    left: -100px;
    transform: translateY(-50%);
    height: 100px;
    width: 100px;
}

@media (max-width:1000px) {
	.expertise .image .inner {padding-right:0;}
	.expertise .image .circle-target {display:none;}
}

/* Grid
   ----------------------------------- */

.grid-container {overflow:hidden; border-radius:35px; width:100%; text-align:center; font-size:0; margin-top:100px;
	-webkit-box-shadow: 7px 7px 14px 1px rgba(0,0,0,0.6);
	-moz-box-shadow: 7px 7px 14px 1px rgba(0,0,0,0.6);
	box-shadow: 7px 7px 14px 1px rgba(0,0,0,0.6);
}
.grid-container.vtwo {box-shadow:none; border-radius:0; overflow:visible;}

.grid {
	font-size:18px;
	display: inline-block; 
	width:33.33333333333333%;
	height:20vw;
	background: rgb(255,255,255);
	background: -moz-linear-gradient(180deg, rgba(255,255,255,1) 70%, rgba(217,217,217,1) 100%);
	background: -webkit-linear-gradient(180deg, rgba(255,255,255,1) 70%, rgba(217,217,217,1) 100%);
	background: linear-gradient(180deg, rgba(255,255,255,1) 70%, rgba(217,217,217,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#ffffff",endColorstr="#d9d9d9",GradientType=1);
	position:relative;
	vertical-align: top;
	transition: all 1s;
	overflow: hidden;
}
.grid-container.five .grid:nth-child(-n+2) {width:50%;}
.grid-container.five .grid:nth-child(2) {width:calc(50% - 1px); border-right:none;}
.grid-container.five .grid:nth-child(3) {border-right:solid thin #cacaca; width:calc(33.33333333333333% - 1px);}
body.not-mobile .grid:hover {background:#19588a;}
.grid:nth-child(3n+2) {width:calc(33.33333333333333% - 2px); border-left:solid thin #cacaca; border-right:solid thin #cacaca;}
.grid a {
    display: block;
    width: 100%;
    height: 100%;
}
.grid a:after {text-decoration:none; display:inline-block; width:50px; height:50px;  background:url(/wp-content/uploads/2020/08/right-arrow-grey.svg) center no-repeat; background-size:contain; position:absolute; content:""; bottom:30px; right:30px;}

.grid .grid-bg {
    background-size: auto 100%;
	background-repeat:no-repeat;
    background-position: center;
    margin: 0;
    transition: all 1s;
    width: 100%;
    height: 100%;
    position: relative;
    z-index: 200;
	opacity:0.25;
}
body.not-mobile .grid .grid-bg {filter: grayscale(100%);}
body.not-mobile .grid:hover .grid-bg {opacity:1; /*filter: grayscale(0%);*/ transform: scale(1.1);}
.grid .title {
    text-align: center;
    display: flex;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 201;
    justify-content: center;
    align-items: center;
    color: #19588a;
    font-size: 2vw;
    width: 100%;
    height: 100%;
	transition: all 0.5s;
}
body.not-mobile  .grid:hover .title {opacity:0;}

body.mobile .grid {transition:none;} 

.grid-container.vtwo .grid {
    margin-bottom:20px;
    border:none;
    width:25%;
    -webkit-box-shadow: 7px 7px 14px 1px rgba(0,0,0,0.6);
	-moz-box-shadow: 7px 7px 14px 1px rgba(0,0,0,0.6);
	box-shadow: 7px 7px 14px 1px rgba(0,0,0,0.6);
}
.grid-container.vtwo .grid:first-child,
.grid-container.vtwo .grid:nth-child(4n+1) {
    -webkit-border-top-left-radius: 35px;
    -webkit-border-bottom-left-radius: 35px;
    -moz-border-radius-topleft: 35px;
    -moz-border-radius-bottomleft: 35px;
    border-top-left-radius: 35px;
    border-bottom-left-radius: 35px;
}
.grid-container.vtwo .grid:last-child,
.grid-container.vtwo .grid:nth-child(4n) {
    -webkit-border-top-right-radius: 35px;
    -webkit-border-bottom-right-radius: 35px;
    -moz-border-radius-topright: 35px;
    -moz-border-radius-bottomright: 35px;
    border-top-right-radius: 35px;
    border-bottom-right-radius: 35px;
}
.grid-container.vtwo .grid:last-child {border-right:none;}
.grid-container.vtwo .grid .title {font-size:1.7vw;}


@media (max-width:1200px) {
	.grid a:after {width:30px; height:30px;}
}

@media (max-width:1000px) {
    .grid-container.vtwo .grid {width:50%;}
    .grid-container.vtwo .grid:nth-child(odd) {
        -webkit-border-top-left-radius: 35px;
        -webkit-border-bottom-left-radius: 35px;
        -moz-border-radius-topleft: 35px;
        -moz-border-radius-bottomleft: 35px;
        border-top-left-radius: 35px;
        border-bottom-left-radius: 35px;
    }
    .grid-container.vtwo .grid:nth-child(even) {
        -webkit-border-top-right-radius: 35px;
        -webkit-border-bottom-right-radius: 35px;
        -moz-border-radius-topright: 35px;
        -moz-border-radius-bottomright: 35px;
        border-top-right-radius: 35px;
        border-bottom-right-radius: 35px;
    }
    .grid-container.vtwo .grid .title {font-size: 16px;}
}

@media (max-width:800px) {
	.grid-container {margin-top:50px;}
		
		
	.grid, .grid:nth-child(3n+2) {width:50%; height:40vw; border:none;}
	.grid:nth-child(odd) {width:calc(50% - 1px); border-right:solid thin #cacaca;}
    
    
	
	.grid .title {font-size: 4vw;}
	.grid .title br {display:block;}
}

#salesforce-contact-error {color:red; margin-bottom:30px; text-align:center; font-weight:bold;}