#hero{
height:850px;
}

body:not(.fixed-nav):not(.isMobile) .site-header{
	background: linear-gradient(180deg, rgba(0,0,0,1) 0%, rgba(0,0,0,1) 33%, rgba(0,0,0,0) 100%);
}

h1{/* text-transform:none!important; */}

div#home-hero {
    position: relative;
    height: calc(100vh - 109px);
    padding: 0 !important;
    background: #f1f1f1 url(/wp-content/uploads/home-hero.jpg) top center no-repeat;
    background-size: cover;
}

.small-nav div#home-hero {
    height: calc(100vh - 80px);
}

#home-hero .wpb_text_column {
    position: absolute;
    bottom: 24%;
    left: 0;
    height: 100%;
    width: 100%;
    display: flex;
    align-items: flex-end;
    top: 0;
}

.row{
	/* padding:100px; */
}

#home-hero h1 {
    color: #d3f31d;
    line-height: 1.1;
    font-size: 76px;
    padding-bottom: 100px;
    padding-left: 100px;
	text-transform:none;
}

#home-hero h1 span {
    color: #fff;
}

div#home-hero-arrow {
    width: 42px;
    height: 42px;
    background: url(/wp-content/uploads/home-hero-arrow.png) center center no-repeat;
    position: absolute;
    left: 0;
    right: 0;
    margin: 0 auto;
    bottom: 17%;
    cursor: pointer;
    transition: all 300ms;
}

#home-hero img {
    min-height: 100%;
    max-width: none;
    min-width: 100%;
}

#home-hero .wpb_single_image, #home-hero .wpb_single_image div, #home-hero .wpb_single_image figure {
    width: 100%;
    max-width: none;
    height: 100%;
}

div#home-hero-arrow:hover {
    opacity: 0.7;
}
#home-top-content{
	display:flex;
	justify-content:center;
	align-items:center;
}
#home-top-content .left-half{
    padding: 100px 100px;
}
#home-top-content .left-half p:last-child{
	margin-bottom:0;
}

#home-top-content .left-half h2 {
    color: #0d4d99;
    font-size: 64px;
    line-height: 1.05;
}

.home-testimonials {
    border-top: solid 1px #d6d6d6;
}

#home-top-content{
	display:flex;
	flex-wrap:wrap;
	padding:0;
}
#home-top-content .home-content-boxes{
	clear:both;
	display:flex;
	/* background:url(/wp-content/uploads/small-blue-line.svg) center center no-repeat; */
	padding:20px 0 80px 0;
}
#home-top-content .home-content-boxes .content-box{
	flex-basis:50%;
}
#home-top-content .home-content-boxes .content-box h2{
	margin-bottom:16px;
	position:relative;
	margin-top:-10px;
}
#home-top-content .home-content-boxes .content-box.digital-marketing h2:before, #home-top-content .home-content-boxes .content-box.website-design h2:before{
	content:'';
	position:relative;
	background-size:cover;
	width:58px;
	height:50px;
	display:inline-block;
	bottom:-4px;
	margin-right:6px;	
	background-size:contain!important;
}
#home-top-content .home-content-boxes .content-box.digital-marketing h2:before{
	background:url(/wp-content/uploads/digital-marketing-icon-green.svg) center center no-repeat;
	padding:5px 0;
	background-size:44px!important;
	bottom:-8px;
}
#home-top-content .home-content-boxes .content-box.website-design h2:before{
	background:url(/wp-content/uploads/web-design-icon-green.svg) center center no-repeat;
	width: 60px;
	height: 50px;
	background-size: cover;
	margin-right:12px;
	bottom: -8px;
}
#home-top-content .home-content-boxes .content-box{
	padding-bottom:60px;
}
#home-top-content .home-content-boxes .content-box:first-child{
	margin-right:15px;
}
#home-top-content .home-content-boxes .content-box:last-child{
	margin-left:15px;
}
#home-top-content > div{
	/* flex-basis:50%; */
	padding:120px 0 40px 0;
}
#home-top-content > div:after{
	content:'';
	display:block;
	clear:both;
}
#home-top-content > div > picture, #home-top-content > div > img{
	float:right;
	width:49%;
	margin-left:2.5%;
}
.site-inner #home-top-content ul{
	column-count:2;
}
.site-inner #home-top-content ul li{
	font-family: 'Rajdhani', sans-serif;
	font-weight:bold;
	font-size:22px;
}
#home-top-content .content-box a.primary-btn{
	background:#F15A29!important;
	text-align:center;
	line-height:1.25;
	display:block;
}
#home-top-content .content-box a.primary-btn:hover{
	background:#ca481f!important;
}
#home-flip-cards{
	position:relative;
}
.flip-card{height:348px;perspective: 3000px;width:100%;background-color:#fff;}
.flip-card-inner {
  position: relative;
  width: 100%;
  height: 100%;
  text-align: center;
  transition: transform 0.8s;
  transform-style: preserve-3d;
}
.flip-card:hover .flip-card-inner {
  transform: rotateY(180deg);
}
.flip-card-front, .flip-card-back {
    width: 100%;
    height: 100%;
    -webkit-transform-style: preserve-3d;
    transform-style: preserve-3d;
    position: absolute;
    top: 0;
    left: 0;
    transition:opacity 400ms;
}

.flip-card-front {
    background-color: #bbb;
    color: black;
    z-index: 2;
    -webkit-transform: rotateY(0deg);
    transform: rotateY(0deg);
}

.flip-card-back {
    background-color: #014c83;
    color: white;
    -webkit-transform: rotateY(180deg) translateZ(1px);
    transform: rotateY(180deg) translateZ(1px);
    opacity: 0;
}

.flip-card:hover .flip-card-back { 
    opacity:1;
    z-index:9;
}

.flip-card:hover .flip-card-front {
    opacity: 0;
}

.flip-card-back-alt{
background-color:#006ab2;
}
main.content .flip-card-back h2{
color:#fff;
padding: 70px 30px 0 30px;
margin-bottom: 1.25rem;
line-height: 1.125;
font-size:38px;
font-weight:bold;
}
main.content .flip-card-back a{
color:#fff;
text-decoration:none;
display:block;
height:100%;
width:100%;
}
.flip-card-back p{
padding: 0 60px;
margin-bottom:1rem!important;
	font-weight:normal;
}
.flip-card-back p span{
font-weight:bold;
color:#bbd61e;
font-size:1.375rem;
display:block;
}
.flip-card-back p span svg {
    width: 20px;
    position: relative;
    top: 4px;
}
.flip-card-back a:hover p span{
color:#fff;
}
.action.action-1 {
    background: #014c83 url(/wp-content/uploads/action-1-bg.jpg) center center no-repeat;
	background-size:cover;
}

.action.action-2 {
    background: #006ab2 url(/wp-content/uploads/action-2-bg.jpg) center center no-repeat;
	background-size:cover;
}

.home-action-top {
    position: relative;
    z-index: 2;
}

.home-act-plus {
    position: absolute;
    top:50%;
    left: 0;
    right: 0;
    margin: 0 auto;
    width: 69px;
    margin-top:-33px;
    z-index:2;
}

span.reader-txt {
    visibility: hidden;
    position: absolute;
    left: 9999px;
}

.action span.title-text {
    display: block;
    width: 800px;
    max-width:100%;
    padding: 120px;
    box-sizing: border-box;
    text-align: left;
    color: #fff !important;
    text-decoration: none;
    font-size: 54px;
    font-weight: 600;
    line-height: 1;
    background: rgba(255,255,255,0);
    transition: all 300ms;
}

.action span.title-text:hover {
    background: rgba(255,255,255,0.1);
}

div#home-content-1 {
    display: flex;
}

div#home-markets-blade {
    background: #0a375b url(/wp-content/uploads/blue-pattern-bg.png) top center no-repeat;
    overflow: visible;
}

#home-markets-blade .rollover i {
    background-color: rgba(10, 58, 92, 0);
}

.video.home-video {
    height: calc(100vh - 109px);
    position: relative;
	overflow:hidden;
	-ms-grid-row:2;
}

.video-overlay {
    position: absolute;
    /* bottom: 128px; */
    /* left: 128px; */
	bottom:15%;
    z-index: 2;
	width:100%;
}

.video-overlay .primary {
    color: #d3f31d;
}

.video-overlay .secondary {
    color: #fff;
    font-family: soleil, sans-serif;
}

.video-overlay span {/* font-family: 'Soleil', sans-serif; *//* font-size: 75px; *//* line-height: 80px; *//* display: block; *//* clear: both; *//* float: none; *//* width: 100%; *//* font-weight: 700; */}

a#arrow-down {
    position: absolute;
    bottom: 50px;
    left: 0;
    right: 0;
    margin: 0 auto;
    display: inline-block;
    width: 42px;
    height: 42px;
    z-index: 2;
}

.home-video.object-fit-vid video {	
	position: absolute;
    min-width: 100%;
    min-height: 100%;
    width: auto;
    height: auto;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
}

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

.video.home-video:before {
	content: '';
	width: 100%;
	height: 100%;
	background: rgba(0, 0, 0, 0.25);
	position: absolute;
	z-index: 1;
	top: 0;
}



#featured-portfolio-items h2 {
    /* color: #204f94 !important; */
}


@media only screen and (max-width:1770px){
	main.content .flip-card-back h2{
		padding: 50px 30px 0 30px;
	}
}
@media only screen and (max-width:1640px){
	.action span.title-text{
		font-size:65px;
	}
}
@media only screen and (max-width:1600px) {	
	#home-top-content .left-half h2{
		font-size: 4em;
	}
	
	.action {
		display: flex;
		align-items: center;
	}
	
	.action span.title-text {
		min-height: 100%;
	}
	.video-overlay span {
		/* font-size: 54px; */
		/* line-height: 60px; */
	}
}
@media only screen and (max-width:1500px){
	.action span.title-text {
		font-size: 60px;
	}
}
@media only screen and (max-width:1450px) {
	#home-hero h1 {
		font-size: 48px;
	}
	main.content .flip-card-back h2 {
		padding: 40px 30px 0 30px;
		font-size:1.5rem;
		margin-bottom: 1rem;
	}
	#content .flip-card-back p{
		font-size:.875rem;
	}
	.flip-card{
		height:360px;
	}
	#home-top-content .left-half h2{
		font-size:3.5rem;
	}
	.flip-card-back p span{
		font-size:1.25rem;
	}
	#home-top-content .home-content-boxes .content-box.digital-marketing h2:before, #home-top-content .home-content-boxes .content-box.website-design h2:before{
	width: 32px!important;
    height: 24px!important;
    bottom: 0px!important;
	background-size:contain!important;
	}
	#home-top-content .home-content-boxes .content-box.website-design h2:before{
	width:36px!important;
	height:32px!important;
	bottom:-3px!important;
	}
}

@media only screen and (max-width:1350px) {
	#home-top-content .left-half h2 {
    	font-size: 2.75em;
	}
	.site-inner #home-top-content ul{
		column-count:1;
	}
	#home-top-content .content-box a.primary-btn{
		width:100%!important;
		max-width:100%!important;
		display:block;
	}
}
@media only screen and (max-width:1250px) {
	.flip-card {
		height: 390px;
	}
}
@media only screen and (max-width:1200px) {
	#home-top-content > div {
		width: 100%;
		flex-basis: 100%;
	}

	div#home-content-top {
		flex-wrap: wrap;
	}

	.home-content-actions {
		display: flex;
	}

	#home-top-content #home-flip-cards .flip-card {
		width: 50%;
		/* border-right: solid 1px #6c9bba; */
		float: left;
		/* display: inline-block; */
		/* box-sizing: border-box; */
	}
	 
	#content #home-content-1 {
		padding-left:0 !important;
		padding-right:0 !important;
		padding-bottom:0;
	}

	.home-content-actions .action.action-2 {
		border: 0;
	}

	.action span.title-text {
		text-align: center;
		padding: 50px;
		display: flex;
		align-items: center;
		justify-content:center;
		font-size: 3em;
	}
	
	#home-content-1{
		padding-bottom:60px;
	}
	
	#home-top-content .left-half {
		padding-left: 60px;
		padding-right: 60px;
	}
}

@media only screen and (max-width:1100px) {
	.video-overlay span {
		/* font-size: 48px; */
		/* line-height: 54px; */
		/* display:block; */
		/* text-align:center; */
		/* width:100%; */
	}

	.video-overlay {
		/* width: 100%; */
		/* text-align: center; */
		/* left: auto; */
		/* bottom:50%; */
		/* padding:0 50px; */
		/* box-sizing:border-box; */
	}
}

@media only screen and (max-width:1000px){
	#home-top-content #home-flip-cards .flip-card {
		width: 100%;
		border: 0;
	}
	.flip-card-back h2 {
		padding: 50px 30px 0 30px;
	}
	.flip-card{
		height:350px;
	}
	.action span.title-text {
		text-align: center;
		padding:0 50px;
		width:500px;
		max-width:100%;
		margin:0 auto;
		box-sizing:border-box;
	}
	.home-act-plus {
		position: absolute;
		left: 0;
		right: 0;
		margin: 0 auto;
		width: 69px;
		top:auto;
		top:50%;
		margin-top:-33px;
	}
}
@media only screen and (max-width:960px) {
	#home-top-content > div > picture, #home-top-content > div > img{
	float:none;
	margin-left:0;
	width:100%;
	display:block;
	margin-bottom:30px;
	}
	#home-top-content > div > picture > img{
	width:100%;
	}
	#home-top-content .home-content-boxes{
		flex-wrap:wrap;
	}
	#home-top-content .home-content-boxes .content-box{
		float:none;
		width:100%;
		flex-basis:100%;
		margin:0!important;
	}
	#home-top-content .home-content-boxes .content-box:first-child{
		margin-bottom:40px!important;
	}
	#home-top-content .home-content-boxes{
	background:none;
	position:relative;
	}
	#home-top-content .home-content-boxes:after{
/* 	content:'';
	width:36px;
	height:31px;
	position:absolute;
	top:calc(50% - 15px);
	left:calc(50% - 15px);
	background:url(/wp-content/uploads/small-blue-line.svg) center center no-repeat;
	transform: rotate(90deg); */
	}
	#home-top-content > div{
		padding:50px 0;
	}
	#home-top-content .home-content-boxes{
		padding:0;
	}
	div#home-hero div.vc_col-sm-12 .vc_column-inner .wpb_wrapper {
		margin-top: 0;
	}

	#home-hero h1 {
		padding: 0 100px;
		text-align: center;
		font-size: 42px;
		margin: 0 auto;
	}

	#home-hero h1 span {
		font-size: 28px;
		padding-top: 24px;
		display: inline-block;
	}

	div#home-hero-arrow {
		bottom: 25px;
		padding: 20px;
	}
}

@media only screen and (max-width:900px) {
	.action span.title-text {
    	font-size: 2.5em;
	}

	div#home-markets-blade {
		padding-top: 50px;
		background-image: linear-gradient(#083050, #1d75a1);
	}
}
@media only screen and (max-width:800px) {
	#home-hero h1 {
		font-size: 32px;
	}
}
@media only screen and (max-width:768px){
	main.content .fade-me-fam h2{
		font-size:2.5rem!important;
	}
	.flip-card-back p {
		padding: 0 40px;
	}
	.video-overlay{
		bottom:30%;
	}
}
@media only screen and (max-width:767px) {
	#hero{
	height:auto!important;
	padding: 180px 0 40px 0;
	}
	#hero p{
	font-size:50px;
	padding-top:0;
	color:#fff;
	}
	#hero p span, #hero p strong span{
	display:none;
	}
	.video.home-video:before {
    background: rgba(0, 0, 0, 0.45);
	}
	.video-overlay{
	position:relative;
	}
	.home-content-actions {
		flex-wrap: wrap;
	}
	
	#home-hero h1 {
		padding: 0 32px;
	}
	
	#home-top-content .left-half {
		padding-top:50px;
		padding-bottom:50px;
	}

}

@media only screen and (max-width:600px) { 
	.video-overlay span {
		font-size: 32px;
		line-height: 40px;
	}
    .video.home-video{
    	height: calc(100vh - 161px)!important;
    }
    #content .flip-card-back p{
    	padding:0 30px;
    }
	#home-top-content .left-half {
		padding-left: 40px;
		padding-right: 40px;
	}
}

@media only screen and (max-width:580px){
	#home-top-content .home-content-boxes:after{
	display:none;
	}
}

@media only screen and (max-width:560px){
	.flip-card{
		height:380px;
	}
/* 	.video.home-video {
		background: none !important;
		height: auto !important;
		padding-top: 50px;
	}

	.video-overlay {
		position: relative;
	}

	.video.home-video:before {
		background: #fff !important;
	} */
/* 	.home-video video {
		display: none;
	} */
/* 	h1 span.primary, h1 span.secondary {
		color: #0d4d99 !important;
		text-transform: uppercase;
		text-align: left;
	} */

/* 	a#arrow-down {
		display: none !important;
	} */

 	h1 {
		/* margin-bottom: 0!important; */
	}/*

	div h1 span.secondary {
		color: #a4bd0f !important;
		font-size: 0.75em;
		line-height:1.25;
		padding-top:20px;
	} */

/* 	.video-overlay {
		padding-left: 40px !important;
		padding-right: 40px !important;
		position:relative !important;
	} */

	#home-top-content .left-half h2 {
		display: none;
	}
}

@media only screen and (max-width:520px){
	.flip-card{
	height:400px;
	}
}

@media only screen and (max-width:500px){
	#hero p{
	font-size:32px;
	line-height:1.125;
	}
	div.flip-card-front * {
/* 		display:none!important; */
	}
	div.flip-card-front{
/* 		opacity:1!important;
		background:#102542!important; */
		display:none;
	}

	.flip-card:hover .flip-card-inner{
		transform: none!important;
	}

	div.flip-card-back {
		transform: none!important;
		opacity: 1;
		position: relative;
		display: flex;
	}

	div.flip-card-back a {
		display: flex !important;
		flex-wrap: wrap;
		text-align: left;
		align-items: center;
		padding:50px 0 30px 0;
	}

	div.flip-card-back a p:last-child {
	}

	div.flip-card {
		height: auto;
	}

	main.content div.flip-card-back h2 {
		padding: 0px 40px 0 40px;
	}

	div.home-act-plus {
		display: none;
	}
}
@media only screen and (max-width:470px){
	.flip-card{
	height:430px;
	}
	#content .flip-card-back p{
	line-height:1.875;
	}
}
@media only screen and (max-width:450px){
	.flip-card{
	height:450px;
	}
}
@media only screen and (max-width:400px) {
	main.content .flip-card-back h2{
	padding-top:30px;
	}
	main.content .flip-card-back p span{
	font-size:1em;
	}
	main.content .flip-card-back p{
	line-height:1.675;
	}
	.video-overlay {
		bottom:35%;
	}
}
@media only screen and (max-width:360px){
	main.content .flip-card-back h2{
	font-size:1.25rem;
	}
}
@media only screen and (max-width:350px) {
	.action span.title-text {
    	font-size: 1.5em;
	}
	.video-overlay span {
		font-size: 24px;
		line-height: 30px;
	}
}
@media only screen and (max-width:340px){
	main.content .flip-card-back p{
	line-height:1.5;
	}
}
@media only screen and (max-width:320px){
	main.content .flip-card-back p{
	padding-left:30px;
	padding-right:30px;
	}
}