/*
Theme Name: Sysarc
Theme URI: http://www.lemonadestand.org
Description: A mobile responsive and HTML5 starter theme built around the Genesis and Foundation 5 Frameworks.
Author: Lemonade Stand
Author URI: http://www.lemonadestand.org

Version: 1.0.0
Tags: Lemonade Stand
Template: genesis
Template Version: 2.0.2

License: GPL-2.0+
License URI: http://www.opensource.org/licenses/gpl-license.php
*/
/***********************************************
Place your CSS overrides into this style-sheet
***********************************************
*/


.partners{
	margin: 0 !important;
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	justify-content: space-between;
	align-items: center;
	
}

.partners li img{
	max-width: 170px;
	margin: auto;
}



@media only screen and (max-width: 1100px){
	.partners li{
		width:33%;
	}
}

@media only screen and (max-width: 700px){
	.partners li{
		width:50%;
	}
}



/*list*/
ul.orange-bullets li{
	list-style-type: none;
}

.orange-bullets li:before{
	content:'\f0da';
	font-family: 'FontAwesome';
	color: #e8b200;
	padding-right: .5em;
}

/*images*/
.cloud-bg{
	background: url(/wp-content/uploads/2017/05/Cloud-Service.jpg) 50% 50% / cover;
}

.comp-lab-bg{
	background: url(/wp-content/uploads/2017/07/computer-lab.jpg) 50% 30% / cover;
}

.phone-bg{
	background: url(/wp-content/uploads/2017/07/phone.jpg) 50% 50% / cover;
}

.server-bg{
	background: url(/wp-content/uploads/2017/05/server.jpg) 50% 50% / cover;
}

.servers-bg{
	background: url(/wp-content/uploads/2017/07/computer-lab.jpg) 50% 50% / cover;
}

.poster-bg{
	background: url(/wp-content/uploads/2017/05/Poster-Image.jpg) 50% 50% / cover;
}

.pattern-bg{
	background: url(./images/pattern.jpg) 50% 50%;
	position: relative;
}

.pattern-bg:before{
	content: "";
	background-color: rgba(4, 79, 151, .8);
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

.header-image{
	padding: 0 1rem;
}

.quote{
	font-size: 1.1em;
	padding: 0em 1em;
}

.gform_wrapper .gfield_required{
	color: #e8b200 !important;
}

.gform_wrapper{
	overflow: auto
}

/*sidebar*/
.sidebar .widget_nav_menu li:not(:last-of-type), .sidebar .featured-content article:not(:last-of-type){
	border-bottom: 1px solid rgba(0, 0, 0, .1);
}

.sidebar .widget_nav_menu a:link, .sidebar .service-menu a:visited, .sidebar .featured-content a:link, .sidebar .featured-content a:visited{
	color: #0667b7;
	transition: .2s ease;
}

.sidebar .featured-content a{
	font-size: .9em;
}

.sidebar .widget_nav_menu a:before, .sidebar .featured-content a:before{
	content:'\f0da';
	font-family: 'FontAwesome';
	color: #e8b200;
	padding-right: .5em;
}

.sidebar .widget_nav_menu a:hover, .sidebar .featured-content a:hover{
	color: #e8b200;
	padding-left: .3em;
}

.sidebar .widget_nav_menu h4, .sidebar .featured-content h4{
	font-weight: 600;
	text-transform: uppercase;
	color: #e8b200;
}

.sidebar .widget_nav_menu li, .sidebar .featured-content li{
	padding: .5em;
}

.sidebar-content .sidebar{ 
	border: none;
}

.sidebar .widget_nav_menu, .sidebar .widget_nav_menu{
 padding-top: 2.5em;
}

@media only screen and (max-width: 490px){
	.header-image .row{
		max-width: 300px;
	}
}

.vertical-align{
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	align-items: center;
}

.testimonials .vertical-align{
	justify-content: center;
	padding-top: 2em;
}

.full-width{
	min-width: 100%;
	padding: 0;
}

.narrow-text{
	max-width: 500px;
	padding: 1em !important;
}

.smaller-column{
	max-width: 950px;
}

.home .case-study .narrow-text{
	max-width: 600px;
}

.case-study-section i{
	font-size: 4rem;
}

.case-study-section .row{
	max-width: 800px;
}

.picture-text-blocks .fit.columns{
	height: 75vh;
	overflow: hidden;
}

.picture-text-blocks .columns{
	min-height: 75vh;
}

.fit img{
	margin: 0;
	width: 100%;
	height: 100%;
	object-fit: cover;
}

img.position-top{
	object-position: 50% 0%;
}

.modal:link
{
	display: block;
	transition: 0.2s ease-in;
}

.flex-boxes-3 a:link, .flex-boxes-11 a:link{
	transition: .2s ease;
}

.modal:hover, .flex-boxes-3 a:hover, .flex-boxes-11 a:hover
{
	opacity: 0.6;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=60)";
	filter: alpha(opacity=60);
	-moz-opacity: 0.6;
	-khtml-opacity: 0.6;
}

.modal p.blue
{
	margin-bottom: 0.5em;
}

.modal h4
{
	font-weight: 500;
	line-height: 1.2em;
}

.inner-modal{
	max-height: 70vh;
	overflow: auto;
}

.reveal-modal{
	max-width: 900px;
	background-color: white;
}

.inner-modal ul li{
	list-style-type: circle;
}

.no-margins
{
	margin: 0 !important;
}

body
{
	background-color: #2A333D;
}

.home .bumper, .remove-bumper .bumper
{
	height: 0 !important;
}

.subtitle
{
	font-size: 1.09em;
	line-height: 1.3em;
	font-weight: 300;
}

.text-column{
	max-width: 750px;
	font-size: 1.2em;
	margin: auto;
}

.text-column .subtitle{
	font-size: .9em;
	line-height: 1em;
}

blockquote{
	border-left-color: rgba(38, 155, 239, 0.35);
	font-size: 1.1em;
}

.quote-author{
	font-style: italic;
	font-size: 1.3em;
	margin-bottom: 0;
	line-height: 1em;
}

.quote img{
	margin-right: 1em;
}

h1
{
	font-weight: 600;
}

.overlay:before
{
	content: '';
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: rgba(0, 0, 0, .45);
}

.overlay, .overlay *
{
	position: relative;
}

.purple-overlay:before{
	background-color: rgba(1, 1, 53, .5);
}

.white-overlay:before{
	background-color: rgba(255, 255, 255, .75);
}

.services.white-overlay:before{
	background-color: rgba(255, 255, 255, .85);
}

.flex-center
{
	display: flex;
	flex-direction: column;
	flex-wrap: wrap;
	justify-content: center;
	align-items: center;
}

.flex-bottom
{
	display: flex;
	flex-direction: column;
	flex-wrap: wrap;
	justify-content: flex-end;
	align-items: center;
}

.subhead
{
	font-weight: 400;
	padding-bottom: 0.5em;
}

.circle-img
{
	border-radius: 100%;
	-webkit- border-radius: 100%;
	-moz-border-radius: 100%;
}



@media only screen and (max-width: 680px){
	.large-text{
		font-size: 4em;
	}
}

.button
{
	font-size: 1.1em;
	font-weight: 600;
	color: white !important;
	padding: .8em 1em;
}

.blue-bg.button:hover, a:hover i.blue-bg
{
	background-color: #0667b7 !important;
}

.orange-bg.button:hover{
	background-color: #ce9905 !important;
}

a.blue:hover
{
	color: #1B77B8 !important;
}

.custom-header-wrap
{
	padding: 0 !important;
}

.custom-header-wrap .wrap
{
	max-width: 100%;
	color: white !important;
}

.custom-header-wrap *
{
	color: white;
}

.custom-header-wrap h1
{
	margin-bottom: 0;
}

.genesis-nav-menu li a:hover, .genesis-nav-menu .current-menu-item > a
{
	background-color: transparent;
}

.right-off-canvas-menu{
	background-color: #465566;
}

.right-off-canvas-menu .menu-item a:hover{
	background-color: #1B77B8;
}

/*colors*/

.white
{
	color: white !important;
}

.blue
{
	color: #044f97 !important;
}

.blue-bg
{
	background-color: #044f97 !important;
	font-weight: 700;
}

.orange{
	 color: #e8b200 !important;
}

.orange-bg{
	background-color: #e8b200 !important;
}

.purple{
	color: #07026c !important;
}

.purple-bg{
	background-color: #07026c !important;
}

.purple-bg.button:hover{
	background-color: #5050a0 !important;
}

input[value="Submit"]
{
	transition: .2s ease;
	background-color: #e8b200 !important;
	width: 100% !important;
	border: 3px solid #e8b200;
	font-weight: 600;
	font-size: 1.2em !important;
}

input[value="Submit"]:hover
{
	background-color: transparent!important;
	color: #e8b200 !important;
}

/*screen sizes*/
.half-screen
{
	min-height: 50vh;
}

.one-fourth-screen
{
	min-height: 25vh;
}

.one-third-screen
{
	min-height: 250px;
	height: 33vh;
}

.two-thirds-screen
{
	min-height: 67vh;
}

.three-fourths-screen
{
	min-height: 75vh;
}

/*background image collection*/
.mouse-img-bg
{
	background: url(/wp-content/uploads/2017/05/parallax-25.jpg) 50% 50% / cover;
}


.paralax{
	background-attachment: fixed;
}
/*flex block grid*/
.flex-boxes-3, .flex-boxes
{
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	justify-content: center;
	justify-items: space-around;
	align-items: space-around;
	margin: 2em 0em;
}

.flex-boxes-5 .box-5{
	width: 19%;
	margin: .5%;
}

.box-5 {
	padding: 1.5em;
}


.flex-boxes-3 .box-3
{
	width: 25%;
	margin: .7em;
	border: 1px solid rgba(70, 85, 102, 0.3);
}

.flex-boxes-4{
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	justify-content: center;
	justify-items: space-around;
	margin: 2em 0em;
}

.flex-boxes-4 .box-4
{
	width: 25%;
}
.large-text
{
	font-size: 4.5em;
	margin-bottom: 0;
}

@media only screen and (max-width: 1250px){
	.flex-boxes-4 .box-4
	{
		width: 50%;
	}
	.large-text
	{
		font-size: 3em;
		margin-bottom: 0;
	}

}

.box-11{
	width: 20%;
	margin: .7em;
	border: 1px solid rgba(70, 85, 102, 0.3);
}

@media only screen and (max-width: 1200px)
{
	.flex-boxes-3 .box-3
	{
		width: 30%;
	}

	.box-11{
		width: 20%;
	}
}

@media only screen and (max-width: 700px)
{
	.flex-boxes-3 .box-3
	{
		width: 100%;
	}

	.box-11{
		width: 45%;
	}
	.flex-boxes-4 .box-4
	{
		width: 100%;
	}
}

@media only screen and (max-width: 400px)
{
	.box-11{
		width: 100%;
	}
	.large-text
	{
		font-size: 3.8em;
	}
}

.box-3 .text-box, .box-11 .text-box
{
	padding: 1em;
}

.services .button{
	padding: .5em;
	width: 100%;
}

.services p{
	font-size: .9em;
}

.services .subtitle{
	font-size: 1.2em;
	margin-bottom: 2em;
}

.services .button{
	margin-top: 1em;
}

.title-card{
	max-width: 70%;
	margin: auto;
	box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
	margin-bottom: 3em;
}

.card-text{
	padding: .5em 2em;
}

.shadow{
	box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
	-webkit-box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
	-moz-box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
	-ms-box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
}

/*header styles*/
.before-header
{
	background-color: transparent;
}

.site-header
{
	background-color: transparent;
}

.before-header a:not(:last-child)
{
	margin-right: 2.5em;
}

.before-header, .site-header
{
	color: white;
}

.before-header a:link, .before-header a:visited
{
	color: #e8b200;
	font-weight: 900;
	transition: .2s ease;
}

.before-header a:hover, .before-header a:active
{
	color: white;
}

.site-header .widget-area .widget_nav_menu .menu-item a:link, .site-header .widget-area .widget_nav_menu .menu-item a:visited
{
	color: white;
	font-size: 1.1em;
	font-weight: 600;
	transition: 0.3s ease;
}

@media only screen and (max-width: 1200px){
	.site-header .widget-area .widget_nav_menu .menu-item a:link, .site-header .widget-area .widget_nav_menu .menu-item a:visited{
		font-size: .95em;
	}
}

.site-header .widget-area .widget_nav_menu .menu-item a:hover
{
	background-color: transparent;
	color: #e8b200;
}

.site-header .widget-area .widget_nav_menu .menu-item-2970 a:link, .site-header .widget-area .widget_nav_menu .menu-item-2970 a:visited
{
	background-color: #e8b200;
	padding: 0.6em .7em;
	margin: 1.05em;
	margin-right: 0;
	border-radius: 0.13em;
	-webkit-border-radius: .13em;
	-mox-border-radius: .13em;
	border: solid 3px #e8b200;
}

.site-header .widget-area .widget_nav_menu .menu-item-2970 a:hover
{
	background-color: transparent;
}

.title-area
{
	max-width: 200px;
	height: 69px;
	background-color: transparent;
}

.myfixed .title-area, .home .myfixed .title-area{
	max-width: 180px;
	height: 90px;
	margin: 0;
}

.site-header .site-title a, .site-header .site-title a:hover
{
	font-size: 0;
	background: url(/wp-content/uploads/2017/07/sysarc-logo-white.png) no-repeat 50% 50% / contain;
}

.title-area
{
	max-width: 210px;
	height: 90px;
	background-color: transparent;
}

@media only screen and (max-width: 1020px){
	.home .title-area{
		max-width: 200px;
		height: 69px;
	}
}

@media only screen and (max-width: 767px){
	.home .title-area, .title-area{
		max-width: 150px;
		height: 51px;
	}
}

/*home pages styles*/
.home .hero.section
{
	position: relative;
	padding: 0;
	height: 100vh;
	overflow: hidden;
	min-height: 550px;
}

.home .hero .video-container
{
	position: absolute;
	min-width: 100%;
	height: 100%;
}

video
{
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.vertical-center
{
	display: flex;
	flex-direction: column;
	flex-wrap: wrap;
	justify-content: center;
	height: 100%;
	position: absolute;
	max-width: 100%;
}

.hero-message
{
	padding: 0 1rem;
}

.hero-message h1
{
	font-size: 3.5em;
	font-weight: 200;
	max-width: 900px;
	line-height: 1.2em;
}

.hero-message .sub-heading{
	font-size: 1.1em;
	margin-bottom: 2em;
}

.partners li
{
	min-height: 110px;
	display: flex;
	justify-content: center;
	align-items: center;
}

#Featured_Posts .upw-posts article
{
	width: 31%;
	border-bottom: none;
}

@media only screen and (max-width: 640px){
	#Featured_Posts .upw-posts article
	{
		width: 100%;
		border-bottom: none;
	}
	#Featured_Posts .upw-posts article img
	{
		width: 100%;
	}
}

.case-studies-intro h1{
	line-height: 1em;
}

#Featured_Posts .upw-posts
{
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	justify-content: space-between;
}

#Featured_Posts .entry-title
{
	font-size: 1.2em;
	text-transform: capitalize;
}

#Featured_Posts .entry-title a
{
	color: #044f97;
}

#Featured_Posts .entry-title a:hover
{
	color: #1B77B8;
	text-decoration: none;
}

.upw-posts .entry-image img{
	width: 100%;
}

/*footer*/
.footer-widgets
{
	background-color: #044f97;
	color: #e2e2e2;
}

.footer-widgets LI A, footer-widgets a, .footer-widgets A{
	color: white;
}

.footer-widgets LI A:hover, footer-widgets a:hover, .footer-widgets A:hover{
	color: #e2e2e2 !important;
}

.site-footer
{
	background-color: #03417c;
	color: white;
}

.site-footer a
{
	color: white;
}

address p
{
	margin: 0 !important;
	font-style: normal;
}

.footer-widgets .widget-title
{
	color: white;
	font-size: 1.5em;
	text-transform: capitalize;
	font-weight: 600;
}

#featured-post-2 article
{
	padding: 0;
	margin: 0;
}

#featured-post-2 article .entry-title
{
	text-transform: capitalize;
}

#featured-post-2 .entry-header
{
	margin: 0.5em;
	border-bottom: 1px rgba(255, 255, 255, 0.2) solid;
}

.simple-social-icons li a
{
	font-size: 1.3em !important;
}

/*testimonial panels*/
.testimonials .row
{
	max-width: 700px;
	margin: auto;
}

.testimonials .panel
{
	position: relative;
	text-align: center;
}


.testimonials .large-text{
	font-size: 1.6em;
}

@media only screen and (max-width: 670px){
	.testimonials .large-text{
		font-size: 1.5em;
	}
}

.testimony-img
{
	position: absolute;
	top: -1.5em;
	width: 50px;
	left: 50%;
	margin-left: -25px;
}

.organization
{
	margin-bottom: 0;
	font-size: 0.9em;
}

.person
{
	margin-bottom: 0;
	font-size: 1.4em;
	line-height: 1em;
}

.panel
{
	border-color: rgba(70, 85, 102, 0.3);
}

/*list bubbles*/
ul.problem-bubbles li
{
	list-style-type: none !important;
	margin: 1em 0em !important;
}

ul.problem-bubbles li .text
{
	padding: 1.02em 0em;
	font-size: 1.1em;
}

.problem-bubbles i
{
	font-size: 1.7em;
	background-color: #B10000;
	margin-right: .5em;
}

.problem-bubbles .flex-row{
	display: flex;
	flex-direction: row;
	align-items: center;
	margin-bottom: 1.2em;
}

.problem-bubbles p{
	margin-bottom: 0;
}

.circle-background
{
	height: 2.3em;
	width: 2.3em;
	border-radius: 100%;
	line-height: 2.3em !important;
	text-align: center;
}

.value-cycle .circle-background{
	display: inline-block;
	width: 1.6875em;
	height: 1.6875em;
	line-height: 1.6875em !important;
}

.value-cycle ul{
	max-width: 1200px;
	margin: auto;
} 

.value-cycle ul li{
	margin: 2%;
	max-width: 46%;
	padding: 0;
	background-color:#f9f9f8;
}

@media only screen and (max-width: 600px){
	.value-cycle ul li{
		max-width: 96%;
	}
}

.value-cycle ul li img{
	width: 100%;
}

.value-cycle ul li .content{
	padding: 2em;
}

.value-cycle ul{
	position: relative;
}

.show-for-medium-up.spinner{
	position: absolute;
	top: 50%;
	margin-top: -66px;
	left: 50%;
	margin-left: -66px;
	background-color: white;
	border-radius: 50%;
	padding: 20px;
	-webkit-animation: rotate-animation 3s linear 0s infinite;
	animation: rotate-animation 3s linear 0s infinite;
}

.hide-for-medium-up.spinner{
	text-align: center;
	margin: 2em;
	-webkit-animation: rotate-animation 3s linear 0s infinite;
	animation: rotate-animation 3s linear 0s infinite;
}

@-webkit-keyframes rotate-animation {
    0% {-webkit-transform: rotate(0deg);}
    100%{-webkit-transform: rotate(360deg);}
   
}

@keyframes rotate-animation {
    0% {transform: rotate(0deg);}
    100%{transform: rotate(360deg);}
}

.spinner img{
	margin-bottom: 0;
	display: inline-block;
}


.assessment a
{
	font-size: 1.5em;
}

/*section adjustments*/
.case-study-links .button{
	margin-top: 1em;
}

.case-study-links .row{
	max-width: 1024px;
	text-align: center;
}

/*Event Images Section*/
.event-images.section
{
	padding: 0;
}

.event-images.section *
{
	/*+placement: shift 0px 0px;*/
	position: relative;
	left: 0px;
	top: 0px;
}

.event-images.section img
{
	margin: 0;
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.event-images.section .row
{
	max-width: 1920px;
}

.event-images.section .left.column, .event-images.section .right.column
{
	height: 65vh;
	/*^^^ -- Adjust this for overall height*/
}

.event-images.section .top.row .columns, .event-images.section .bottom.row .columns
{
	height: 100%;
	overflow: hidden;
}

.event-images.section .top.row, .event-images.section .bottom.row
{
	height: 50%;
}

.event-images.section .event-title.columns
{
	display: flex;
	flex-direction: column;
	flex-wrap: wrap;
	justify-content: center;
	align-items: center;
	align-content: center;
	padding: 5%;
}

.event-images.section .event-title h2
{
	font-weight: 200;
}

.event-title h2 .year{
	font-weight: 500;
	letter-spacing: -.02em;
	font-size: 1.5em;
}


.people{
	max-width: 950px;
	margin: auto;
	font-size: 1.1em;
	color: #465566;
}

.people .name{
	font-size: 1.2em;
	color: #e8b200;
	font-weight: 500;
	margin-bottom: 0;
	line-height: 1.1em;
}

.people .job-title{
	font-size: .9em;
	font-weight: 300;
	color: #465566;
}

.free-consultation {
	max-width: 800px;
	margin: auto;
}

.free-consultation h3{
	margin-bottom: 0;
}

/*blog styles*/
.pt-cv-title a:link, .pt-cv-title a:visited{
	color: #e8b200;
	font-weight: 300;
	font-size: 1.2em;	
	transition: .2s ease-in;
}

.pt-cv-title a:hover{
	color: #1B77B8; 
}

.pt-cv-href-thumbnail:link{
	transition: .2s ease-in;
}

.pt-cv-href-thumbnail:hover{
	opacity: .7 !important;
}


.pt-cv-readmore:link, .pt-cv-readmore:visited{
	background-color: #e8b200; 
	border: none;
}

.pt-cv-readmore:hover{
	background-color: #1B77B8 !important;
}

.post .entry-header h1{
	text-transform: capitalize;
	color: #e8b200;
}

.post strong{
	color: #e8b200;
}

.post, .post p, .post li {
	font-weight: 500;
	line-height: 1.7em;
}

.sidebar .featured-content .entry-title{
	text-transform: capitalize;
	margin: 0;
}

.sidebar .featured-content .entry-header{
	margin: 0;
}

.sidebar .featured-content article{
	margin-bottom: 0;
}


.organization-title{
	font-weight: 300;
	margin-bottom: 0;
}

.case-testimony blockquote{
	border-left: none;
	position: relative;
	padding-top: 0em;
	padding-left: 0;
	font-style: normal;
	font-size: 1.5em;
}

.case-testimony blockquote p{
	font-weight: 300;
	margin-bottom: 0;
}

.case-testimony .quote-position{
	font-style: normal;
	font-size: .7em;
	font-weight: 500;
}

.case-testimonials .row
{
	max-width: 1280px;
}

.case-testimonials li{
	max-width: 400px;
}

.case-studies{
	padding-top: 4em;
}

.flex-boxes-3 .box-11 a, .flex-boxes-3 .box-3 a{
	display: flex;
	flex-direction: column;
	height: 100%;
}

.box-11 a .text-box, .box-3 .text-box {
	flex-grow: 1;	
	display: flex;
	flex-direction: column;
	justify-content: space-between;
}

.flex-boxes .text-box{
	flex-grow: 1;	
	display: flex;
	flex-direction: column;
}

.quick-navigation{
	width: 100%;
	display: flex;
	flex-direction: row-reverse;
	flex-wrap: wrap;
	justify-content: space-between;
	justify-items: space-between;
	margin: 0 !important;
	position: relative;
	margin-top: 3em !important;
}

.quick-navigation li{
	list-style: none !important;
}

@media only screen and (max-width: 600px){
	.quick-navigation li{
		padding: 1em 2em;
	}
	.quick-navigation{
		flex-direction: row;
	}
}

.quick-navigation:before{
	content:'';
	border-top: 1px solid black;
	display: block;
	width: 30%;
	position: absolute;
	margin-top: -1.5em;
	right: 35%;
}

.case-solution ul{
	max-width: 900px;
	text-align: center;
	margin: auto;
	margin-top: 3em;
	font-size: 1.1em;
}

.case-conclusion ul{
	text-align: center;
	margin: auto;
	margin-top: 3em;
	font-size: 1.1em;
}

i.large-icon{
	display: block;
	font-size: 5.5em;
	padding-bottom: .2em;
}

.speech-bubble{
	width: 100%;
	display: inline-block;
	background-color: rgba(255,255,255,.85);
	padding: 1em 2em;
	border-radius: 3px;
	color: black;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	position: relative;
}

.speech-bubble-left{
	margin-left: .5em;
}

.speech-bubble-left::after {
	content: "";
	display: block;
	position: absolute;
	height: 0;
	width: 0;
	border-top: 13px solid transparent;
	border-right: 13px solid rgba(255,255,255,.85);
	border-bottom: 13px solid transparent;
	top: 50%;
	margin-top: -14px;
	left: -13px;
}

.service-blocks{
	display: flex;
	flex-direction: row;
	justify-content: space-around;
	flex-wrap: wrap;
	max-width: 600px;
	margin: auto;
}

.service-block {
	width:38%;
}

.service-block .button{
	min-width: 100%;
	font-size: 4.3em;
	padding: .7em;
	background-color: transparent;
	border-radius: .1em;
}

.service-block .blue-bg{
	border: 3px solid #044f97;
}

.service-block .blue-bg.button:hover {
	background: transparent !important;
	color: #044f97 !important;
}

.service-block .orange-bg{
	border: 3px solid #e8b200;
}

.service-block .orange-bg.button:hover{
	background: transparent !important;
	color:#e8b200 !important;
}

@media only screen and (max-width: 900px){
	.service-block{
		width: 45%;
	}
}

@media only screen and (max-width: 500px){
	.service-block{
		width: 100%;
	}
}

a:link, a:visited{
	color: #e8b200;
}

a:hover{
	color: #ce9905;
}

.landing-page-hero{
	display: flex;
	flex-direction: column;
	justify-content: flex-end;
	flex-wrap: wrap;
}

.landing-page-hero .row{
	height: 65vh;
	min-height: 700px;
	display: flex;
	flex-direction: row;
	align-items: center;
	margin-top: 3em;
}

.leadership{
	max-width: 1200px;
	margin-top: 1em;
}

.leadership a:hover{
	opacity: 0.6;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=60)";
	filter: alpha(opacity=60);
	-moz-opacity: 0.6;
	-khtml-opacity: 0.6;
}

.grid {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr 1fr;
    grid-gap: 1em;
	text-align: center;
}

.grid h2 {
	font-weight:bold;
	color: purple;
}

.n5 {
	grid-column: 1/5;
}

.experience {
	padding-bottom: 60px;
}

.experience h2 {
	padding-bottom: 20px;
}



/*------------------------------------------------------------------------------------------
Media Queries
----------------------------------------------------------------------------------------------------*/
@media only screen and (max-width: 640px){
	.hero-message{
		max-width: 480px;
	}
}

@media only screen and (max-width: 480px)
{
	body
	{
		margin: 0px;
	}

	.title-area
	{
		max-width: 150px;
		height: 45px;
		background-color: transparent;
	}
	.hero-message{
		max-width: 380px;
	}
}

@media only screen and (min-width: 640px)
{
	.footer-widgets .row > div
	{
		min-height: 425px;
	}

}

@media only screen and (max-width: 768px)
{
	body
	{
		margin: 0px;
	}


}


@media only screen and (max-width: 1023px)
{
	body
	{
		margin: 0px;
	}
}

@media only screen and (max-width: 960px)
{
	body
	{
		margin: 0px;
	}
	.hero-message{
		font-size: 78%;
	}
}

@media only screen and (max-width: 1220px)
{
	body
	{
		margin: 0px;
	}

}

@media only screen and (max-width: 1360px)
{
	body
	{
		margin: 0px;
	}
}

@media only screen and (max-width: 64.063em){
	.event-images .top.row
	{
		height: auto;
	}

	.event-images .bottom.row{
		height: 100% !important;
	}

	.event-images.section .left.column, .event-images.section .right.column{
		height: 45vh;
	}


}

@media only screen and (max-width: 40.063em){
	.event-images.section .left.column, .event-images.section .right.column
	{
		height: auto;
	}
}

@media only screen and (max-width: 64.063em){

	.home .hero .video-container video{
		display: none;
	}
	.home .hero .video-container{
		background: url("/wp-content/uploads/2017/05/Poster-Image.jpg") 20% 50% / cover;
	}

	.home.nist-page .hero .video-container{
		background: url("/wp-content/uploads/2018/10/poster.jpg") 50% 50% / cover;
	}
}

/*small displays*/
@media only screen
{
	body
	{
		margin: 0px;
	}
}

/*medium displays*/
@media only screen and (min-width: 40.063em)
{
	body
	{
		margin: 0px;
	}

}

/*large displays*/
@media only screen and (min-width: 64.063em)
{
	body
	{
		margin: 0px;
	}

	.footer-widgets .row > div:not(:last-child)
	{
		box-sizing: border-box;
		border-right: 1px rgba(255, 255, 255, 0.15) solid;
	}

	.footer-widgets .row > div
	{
		padding-left: 2%;
	}
	.hero-message
	{
		width: 1280px;
		margin: auto;
	}

	.landing-page-hero{
		height: 100vh;
		min-height: 900px;
	}

	.landing-page-hero .row{
		height: 80vh;
	}


	.assessment {
		display: block !important;
	}
}

/*xlarge displays*/
@media only screen and (min-width: 90.063em)
{
	body
	{
		margin: 0px;
	}
}


.pt-cv-wrapper .pagination>.active>a, .pt-cv-wrapper .pagination>.active>a:focus, .pt-cv-wrapper .pagination>.active>a:hover, .pt-cv-wrapper .pagination>.active>span, .pt-cv-wrapper .pagination>.active>span:focus, .pt-cv-wrapper .pagination>.active>span:hover{
	background-color: #e8b200;
}