img{
	max-width:100%;
}

@font-face {
    font-family: 'radikallight';
    src: url('./font/radikal-light-webfont.woff2') format('woff2'),
         url('./font/radikal-light-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
  font-display: swap;

}




@font-face {
    font-family: 'radikalbold';
    src: url('./font/radikal-bold-webfont.woff2') format('woff2'),
         url('./font/radikal-bold-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
  font-display: swap;

}
.xmasbanner{
	background-image: url(../img/xmasbanner.jpg)!important;
	background-position: center;
	/* background-size: 100%!important; */
	background-position: center!important;
	background-repeat: no-repeat!important;
}
.excerpt{
	
}
.excerpt p{
	font-size: 14px;
	color: #222222!important;
}
.landingbtnhead{}
.landingbtn{
    font-family: 'radikalbold';
    font-size: 18px;
    background: rgb(0, 105, 255)!important;
    border-radius: 70px!important;
    color: #fff!important;
    border: 0pc!important;
    background: none;
    padding: 11px 40px!important;
    border-bottom: 2px solid rgb(79 145 239)!important;
}

body{
	font-family: 'radikallight';
}
p{
	font-family: 'radikallight';
}
strong, b{
	font-family: 'radikalbold';
}

.calendly-badge-content span{
	display:none!important;
}

.ourworktitle{
	text-align: center;
	margin-bottom: 30px;
}
.ourworktitle h4{
	    font-size: 28px;
    color: #702077;


    font-family: 'radikalbold';
}
.ourworktitle a{
	color: #ffb718;
	border: 1px solid #ffb718;
	border-radius: 0px;
	padding: 10px 15px 10px 15px;
	background-position: center right 10px;
	margin-top: 5px;
	display: inline-block;
}
.ourworktitle a i{
	padding-left:10px
}
.ourworktitle a:hover{
	
}


.homeservicebox:hover::after {content: '';z-index: -2;position: absolute;height: 100%;bottom: -27px;right: 0;-webkit-transform: skewY(-6deg);transform: skewY(-45deg);background: #702077;height: 50px;width: 50px;opacity: 1; 
    -webkit-transition: 1s all ease-in-out; }

    .homeservicebox::after {
    content: '';
    z-index: -2;
    position: absolute;
    height: 100%;
    bottom: -27px;
    right: -33px;
    -webkit-transform: skewY(-6deg);
    transform: skewY(-45deg);
    height: 50px;
    width: 50px;
    opacity: 1;
    -webkit-transition: 1s all ease-in-out;
    }
.CaseStudyImages{
	
}
.CaseStudyImages img{
	margin-bottom:30px;
	/* display: inline; */
	/* width: 49%; */
}
.CasestudContent h2,h3{
	font-family: 'radikalbold';
	font-size: 28px;
    color: #ffb718;
}
#CaseStudy{
	margin-top:50px;
	margin-bottom:30px;
}
    
.homeservicebox:hover::before {
    content: '';
    z-index: -2;
    position: absolute;
    height: 100%;
    top: -27px;
    left: 0;
    -webkit-transform: skewY(-6deg);
    transform: skewY(-45deg);
    height: 50px;
    width: 50px;
    opacity: 1;
    -webkit-transition: 1s all ease-in-out;
    }

    .homeservicebox::before {
    content: '';
    z-index: -2;
    position: absolute;
    height: 100%;
    top: -27px;
    -webkit-transform: skewY(-6deg);
    transform: skewY(-45deg);
    background: #702077;
    height: 50px;
    width: 50px;
    opacity: 1;
    -webkit-transition: 1s all ease-in-out;
    left: -33px;
    }



/* =WordPress Core
-------------------------------------------------------------- */
.alignnone {
    margin: 5px 20px 20px 0;
}

.aligncenter,
div.aligncenter {
    display: block;
    margin: 5px auto 5px auto;
}

.alignright {
    float:right;
    margin: 5px 0 20px 20px;
}

.alignleft {
    float: left;
    margin: 5px 20px 20px 0;
}

a img.alignright {
    float: right;
    margin: 5px 0 20px 20px;
}

a img.alignnone {
    margin: 5px 20px 20px 0;
}

a img.alignleft {
    float: left;
    margin: 5px 20px 20px 0;
}

a img.aligncenter {
    display: block;
    margin-left: auto;
    margin-right: auto;
}

.wp-caption {
    background: #fff;
    border: 1px solid #f0f0f0;
    max-width: 96%; /* Image does not overflow the content area */
    padding: 5px 3px 10px;
    text-align: center;
}

.wp-caption.alignnone {
    margin: 5px 20px 20px 0;
}

.wp-caption.alignleft {
    margin: 5px 20px 20px 0;
}

.wp-caption.alignright {
    margin: 5px 0 20px 20px;
}

.wp-caption img {
    border: 0 none;
    height: auto;
    margin: 0;
    max-width: 98.5%;
    padding: 0;
    width: auto;
}

.wp-caption p.wp-caption-text {
    font-size: 11px;
    line-height: 17px;
    margin: 0;
    padding: 0 4px 5px;
}

/* Text meant only for screen readers. */
.screen-reader-text {
	border: 0;
	clip: rect(1px, 1px, 1px, 1px);
	clip-path: inset(50%);
	height: 1px;
	margin: -1px;
	overflow: hidden;
	padding: 0;
	position: absolute !important;
	width: 1px;
	word-wrap: normal !important; /* Many screen reader and browser combinations announce broken words as they would appear visually. */
}

.screen-reader-text:focus {
	background-color: #eee;
	clip: auto !important;
	clip-path: none;
	color: #444;
	display: block;
	font-size: 1em;
	height: auto;
	left: 5px;
	line-height: normal;
	padding: 15px 23px 14px;
	text-decoration: none;
	top: 5px;
	width: auto;
	z-index: 100000;
	/* Above WP toolbar. */
}




.homeservicebox::after {
	opacity: 0; 
    -webkit-transition: 1s all cubic-bezier(0.4, 0, 1, 1); 
}

.homeservicebox::before {
	opacity: 0; 
    -webkit-transition: 1s all cubic-bezier(0.4, 0, 1, 1); 
}

.HomeServices1:nth-of-type(2)  .homeservicebox::before, .HomeServices1:nth-of-type(2) .homeservicebox::after{
     background: #317832;
}
.HomeServices1:nth-of-type(3)  .homeservicebox::before, .HomeServices1:nth-of-type(3) .homeservicebox::after{
     background: #702077;
}
.HomeServices1:nth-of-type(4)  .homeservicebox::before, .HomeServices1:nth-of-type(4) .homeservicebox::after{
     background: #ec0928;
}
.HomeServices1:nth-of-type(5)  .homeservicebox::before, .HomeServices1:nth-of-type(5) .homeservicebox::after{
     background: #3e5bc8;
}
.HomeServices1:nth-of-type(6)  .homeservicebox::before, .HomeServices1:nth-of-type(6) .homeservicebox::after{
     background: #c1d101;
}
.HomeServices1:nth-of-type(7)  .homeservicebox::before, .HomeServices1:nth-of-type(7) .homeservicebox::after{
     background: #f5b718;
}


/* Pulse Animation for DownArrow */
@keyframes pulsate {0% {transform: scale(0.9, 0.9);opacity: 0.0;}50% {opacity: 1.0;}100% {transform: scale(1.3, 1.3);opacity: 0;}}
.arrow-border {position: relative;width: 40px;height: 40px;border: 2px solid #c2d003;border-radius: 50%;margin-left: auto;margin-right: auto;margin-top: 100px;background: #fff;}
.arrow {position: absolute;/* bottom: 24px; */width: 35px;height: 35px;/* border-top: 3px solid #fff; *//* border-right: 3px solid #fff; */right: 0px;left: 0px;background: url("../img/hovericon.jpg");background-size: 23px;background-position: center;background-repeat: no-repeat;}
.down {-moz-transform: rotate(135deg);-webkit-transform: rotate(135deg);-o-transform: rotate(135deg);-ms-transform: rotate(135deg);transform: rotate(135deg);}  
.pulse {border-radius: 50%;height: 35px;width: 35px;/* position: absolute; */margin: 0;animation: pulsate 2.5s ease-out;animation-iteration-count: infinite;opacity: 0.0;box-shadow: 0 0 1px 6px #c2d107;animation-delay: 2s;}
/* Pulse End */

.companylogos ul {
    margin: 25px 0px;
    display: table;
    width: 100%;
    list-style: none;
    padding: 0px;
}
.companylogos ul li {
    display: table-cell;
    text-align: center;
}

.companylogos ul li img {
    max-height: 55px;
}
#homeabout{
	
background: #f3f3f3;
	
padding: 50px 0px;
	
background-image: url("../img/BottomRightTriangles.png");
	
background-repeat: no-repeat;
	
background-position: bottom right;
	
background-size: 10%;
}

.Home-Content{
	
}
.Home-Content p{
	
}
.Home-Content p strong{
	
}
.Home-Content h1{
	
}
.Home-Content h1 span{
	
text-decoration: underline;
}
.Home-Content h1 strong{
	
}
.Home-Content ul{
	
}
.Home-Content ul li{
	
}
#HomeServices{
	
padding: 50px 0px;
	
background-image: url("../img/TopRightTriangles.png");
	
background-repeat: no-repeat;
	
background-position: top left;
    background-size: 10%;

}
.Ourservices{
	text-align:center;
	font-size: 30px;
	color: #b7d433;
	padding-bottom: 50px;
}



.homeservicebox{
	
text-align: center;
	
padding: 20px;
	
border: 1px solid #042b46;
	
color: #042b46;
	
margin-bottom: 30px;
	
background: #c;
	
position: relative;
	
overflow: hidden;
	
transition: transform 500ms linear;
	
-webkit-transition: background 2s; /* For Safari 3.1 to 6.0 */
	
transition: background 2s;
}

.homeservicebox p{
	
color: #042b46;
}.homeservicebox strong{font-size: 20px;}
.homeservicebox img{
	
padding-left: 15px;
}

#HomeCase{
	
background: #f3f3f3;
	
padding: 50px 0px;
	
background-image: url("../img/BottomRightTriangles2.png");
	
background-repeat: no-repeat;
	
background-position: bottom right;
	
background-size: 10%;
}

.HomeCase{
	
}
.HomeCase p{
	
}
.HomeCase p span{
	
text-decoration: underline;
}
.HomeCase p strong{
	
}
.HomeCase h1{
	
font-size: 30px;
}
.HomeCase h1 span{
	
}
.HomeCase h1 strong{
	
color: #ffb718;
}
.readmrore{
	
color: #ffb718;
	
border: 1px solid #ffb718;
	
border-radius: 0px;
	
padding: 10px 45px 10px 15px;
	
background: url("../img/readicon.png") no-repeat;
	
background-position: center right 10px;
}
.readmrore:hover{
	color: #ffb718;
}
#CTAGreenBanner{
	background:#b7d433;
	text-align: center;
	padding: 25px 0px;
	font-size: 20px;
}
.cta{
	color:#fff;
	
}
.cta span{
	
text-decoration: underline;
}
.cta strong{
	
}

#GooglePartner{
	padding:50px 0px;
}
.GPHeading{
	
text-align: center;
	
padding-bottom: 50px;
	
font-size: 30px;
	
color: #b7d433;
}
.GP-logo{
	
}.GP-logo p{
	
}

#Footer{
	
background: #042b46;
	
color: #fff;
	
padding: 50px 0px;
}

.box-content:hover .arrow-border{
	display:none!important;

}
.box-content{
	overflow: hidden;
	
}
.homepc{
	text-align:right;
}
.image-bg{
	min-height: 410px;
	display:inline-block;
	position: relative;
	background: url("../img/Home-PC.png") no-repeat center center;
	width: 530px;
}
.image-bg .image-shop-space,
.image-bg .image-shop-scroll{
	background-position: center 0 !important;
	background-repeat: no-repeat !important;
	background-size: 100% !important;
	position: absolute;
	max-width: 490px;
	height: 261px;
	top: 14px;
	left: 0;
	right: 0;
	margin: auto;
	background: #fff;
	transition: all 7s ease-out 0s;
	-webkit-transition: all 7s ease-out 0s;
	-moz-transition: all 7s ease-out 0s;
	-ms-transition: all 7s ease-out 0s;
	-o-transition: all 7s ease-out 0s;
}

.image-bg:hover .image-shop-scroll{
	background-position: center 100%!important;
}


.headContact{
	
text-align: RIGHT;
}
.headContact ul{
	
padding: 0px;
	
margin: 0px;
}
.headContact ul li{
	
display: inline-block;
}
.headContact ul li img{
	
}
.headContact ul li a{
	
color: #c2d101;
	
padding: 0px 10px;
	
text-decoration: none;
}
.Different{
	
}
.Logo{
	padding: 0px 0px 3px 0px;
}
.Logo img{
	
}
.MainNav{
	text-align: RIGHT;
	margin-top: 23px;
}



@-webkit-keyframes ani-mouse {
	0% {
	opacity: 1;
	top: 29%;
	}
	15% {
	opacity: 1;
	top: 50%;
	}
	50% {
	opacity: 0;
	top: 50%;
	}
	100% {
	opacity: 0;
	top: 29%;
	}
}
@-moz-keyframes ani-mouse {
	0% {
	opacity: 1;
	top: 29%;
	}
	15% {
	opacity: 1;
	top: 50%;
	}
	50% {
	opacity: 0;
	top: 50%;
	}
	100% {
	opacity: 0;
	top: 29%;
	}
}
@keyframes ani-mouse {
	0% {
	opacity: 1;
	top: 29%;
	}
	15% {
	opacity: 1;
	top: 50%;
	}
	50% {
	opacity: 0;
	top: 50%;
	}
	100% {
	opacity: 0;
	top: 29%;
	}
}
 .scroll-btn {
	display: block;
	position: absolute;
	left: 0;
	right: 0;
	text-align: center;
	bottom: 0px;
}
.scroll-btn > * {
	display: inline-block;
	line-height: 18px;
	font-size: 13px;
	font-weight: normal;
	color: #7f8c8d;
	color: #ffffff;
	font-family: "proxima-nova", "Helvetica Neue", Helvetica, Arial, sans-serif;
	letter-spacing: 2px;
}
.scroll-btn > *:hover,
.scroll-btn > *:focus,
.scroll-btn > *.active {
	color: #ffffff;
}
.scroll-btn > *:hover,
.scroll-btn > *:focus,
.scroll-btn > *:active,
.scroll-btn > *.active {
	opacity: 0.8;
	filter: alpha(opacity=80);
}
.scroll-btn .mouse {
	position: relative;
	display: block;
	width: 35px;
	height: 55px;
	margin: 0 auto 20px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	border: 3px solid white;
	border-radius: 23px;
}
.scroll-btn .mouse > * {
	position: absolute;
	display: block;
	top: 29%;
	left: 50%;
	width: 8px;
	height: 8px;
	margin: -4px 0 0 -4px;
	background: white;
	border-radius: 50%;
	-webkit-animation: ani-mouse 2.5s linear infinite;
	-moz-animation: ani-mouse 2.5s linear infinite;
	animation: ani-mouse 2.5s linear infinite;
}

.HomeBanner{
	background:     url(../img/BGNoTint.jpg);
	background-size: cover;
	color:#fff;
	padding: 80px 0px 80px 0px;
	min-height: 519px;
	position: relative;
}

.HomeBanner h1{
	
font-size: 54px;
	
margin-bottom: 30px;
	
font-weight: 400;
}
.HomeBanner h1 strong{
	font-weight: 700;

}

.HomeBanner p{
	
margin-bottom: 30px;
}
.HomeBanner ul{
	
padding: 0px;
}
.HomeBanner ul li{
	
display: inline;
}
.HomeBanner ul li a{width: 22%;display: inline-block;border: 1px solid #fff;padding: 10px;margin-right: 10px;color: #fff;text-decoration: none;-webkit-transition: 0.5s all ease-in-out;}

.HomeBanner ul li a:hover{background-position: center right 15px!important;-webkit-transition: 0.5s all ease-in-out;}
.TopBand{background: #0d2b46;color: #b7d433;padding: 10px 0px;font-size: 12px;}


.Footer h5{
	
}

.footerlogos{
	
text-align: center;
	
border-bottom: 2px solid #b7d433;
	
margin-bottom: 49px;
}
.footerlogos ul{
	
margin: 0px;
	
padding: 0px;
}
.footerlogos ul li{
	
display: inline-table;
	
margin: 10px;
	
/* width: 13%; */
	
margin: 30px;
	
margin-top: 0px;
}
.footerlogos ul li img{
	
}

.lowerfooter{
	
border-top: 2px solid #b7d433;
	
margin-top: 50px;
	
padding-top: 30px;
}
.lowerfooter img{
	
height: 50px;
}
.lowerfooter p{
	
float: RIGHT;
	
margin-top: 20px;
	
font-size: 12px;
}

.footericon h5{
	
color: #b7d433;
	
text-transform: uppercase;
	
font-size: 16px;
	
margin-bottom: 20px;
}
.footercontact{
	
}
.footercontact ul{
	
padding: 0px;
}
.footercontact ul li{font-size: 14px;margin-bottom:10px;list-style:none;padding-left: 20px;background-repeat: no-repeat!important;background-position-y: 5px!important;}

.footercontact ul li:nth-child(1){

background: url(../img/FooterLocationIcon.png);


}

.footercontact ul li:nth-child(2){

background: url(../img/FooterCallIcon.png);

}

.footercontact ul li:nth-child(3){

background: url(../img/FooterEmailIcon.png);

}

.footercontact ul li a{
color:#fff;	
}


.accred img{
	margin-bottom: 10px;
}


.HomeBanner ul li:nth-child(1) a {
	background: url(../img/WebIcon.png);
	background-repeat: no-repeat;
	background-position: center right 10px;
}

.HomeBanner ul li:nth-child(2) a {
	background: url(../img/SEOicon.png);
	background-repeat: no-repeat;
	background-position: center right 10px;
	-webkit-transition: 0.5s all ease-in-out;
}

.HomeBanner ul li:nth-child(3) a {
	background: url(../img/PPCicon.png);
	background-repeat: no-repeat;
	background-position: center right 10px;
}

.HomeBanner ul li:nth-child(4) a {
	background: url(../img/LeadGenIcon.png);
	background-repeat: no-repeat;
	background-position: center right 10px;
}
.typed {
    /* text-decoration: underline; */
    border-bottom: 2px solid currentColor;
}

/******CONTENT PAGES******/
#ContentHeading{
	    background: url(../img/WebTopBG.jpg);
	    color: #fff;
	    position: relative;
}
#ContentHeading h1{
	font-family: 'radikalbold';
}
#ContentHeading p{
	font-family: 'radikallight';
}

.ContentIcon{
	background: url("../img/ContentPageIcon.png");
	padding: 100px 0px;
	background-repeat: no-repeat;
	background-size: auto 100%;
	background-position: right bottom;
	padding-top: 150px;
}

#InnerContentTop{
	padding: 50px 0px;
}
#InnerContentTop h2{
	font-size: 2.5rem;
	color: #702077;
}
#InnerContentTop h2 span{
	text-decoration: underline;
}
#InnerContentTop h2 strong{
	
}
#InnerContentTop p{
	color: #0d2b46;
}
.Contactus{
    color: #b7d433;
    border: 1px solid #b7d433;
    border-radius: 0px;
    padding: 10px 70px 10px 15px;
    background: url(../img/ContactButtonIcon.png) no-repeat;
    background-position: center right 10px;
}
.Contactus:hover{
    color: #b7d433;
}
#InnerContentBottom{
    background: #f3f3f3;
    padding: 50px 0px;
    background-image: url(../img/BottomRightTriangles.png);
    background-repeat: no-repeat;
    background-position: bottom right;
    background-size: 10%;
}
#InnerContentBottom p{
    color: #0d2b46;
}
#InnerContentBottom p strong{font-size: 28px;color: #702077;}

#OurWork{
	padding: 50px  0px 20px 0px;
}

.Portfolio-Item{
	 display: inline-block;
	 height: 0;
	 padding-bottom: 100%;
	 width: 100%;
	 background-blend-mode: saturation;
	 position: relative;
	 overflow: hidden;
	 -webkit-transition: 1s all ease-in-out;
	 margin-bottom: 30px;
}
.Portfolio-Item img{
	width: auto;
	height: auto;
	max-width: max-content;
	margin: auto;
}
.Portfolio-Item a{
	color: #ffffff;
	border: 1px solid #b7d433;
	border-radius: 0px;
	padding: 10px 28px 10px 15px;
	background: url(../img/righ-arrow.png) no-repeat;
	background-position: center right 10px;
	background-size: 28px;
	background-color: #b7d433ed;
	font-weight: 600;
	text-align: left;
	width: 60%;
	margin: auto;
}
.Portfolio-Item p{
	    position: absolute;
	    bottom: 0px;
	    text-align: center;
	    width: 100%;
	    color: #000000;
	    font-weight: 600;
}
.PortfilioInner:hover{
	background: #ffffff00;
}
.PortfilioInner{
	 -webkit-transition: 1s all ease-in-out;
	 background: #ffffff80;
	 height: 100%;
	 position: absolute;
	 width: 100%;
	 text-align: center;
	 padding: 30px;
	 /* padding-top: 20%; */
	 display: -webkit-box;
	 display: -moz-box;
	 display: -ms-flexbox;
	 display: -webkit-flex;
	 display: flex;
	 -webkit-flex-pack: center;
	 -webkit-justify-content: center;
	 -moz-justify-content: center;
	 -ms-flex-pack: center;
	 justify-content: center;
	 -webkit-flex-line-pack: center;
	 -ms-flex-line-pack: center;
	 -webkit-align-content: center;
	 align-content: center;
	 -webkit-flex-direction: column;
	 -moz-flex-direction: column;
	 -ms-flex-direction: column;
	 flex-direction: column;
	 text-align: center;
}
.Overlay{
	width: 100%;
	height: 100%;
	position: absolute;
	-webkit-filter: grayscale(100%);
	filter: grayscale(100%);
	-webkit-transition: 1s all ease-in-out;
	background-size: cover;
}
.Portfolio-Item:hover .Overlay{
	 -webkit-filter: grayscale(0%);
    filter: grayscale(0%);
	 -webkit-transition: 1s all ease-in-out; 
}
.Portfolio-Item:hover img, .Portfolio-Item:hover p{
	display:none;
}
.Portfolio-Item a{
	display:none;
	 -webkit-transition: 1s all ease-in-out; 
}
.Portfolio-Item:hover a{
		display:block;
		color: #fff;
}

.Portfolio-Item:hover::before {
    content: '';
    z-index: 1;
    position: absolute;
    height: 100%;
    top: -27px;
    left: 0;
    -webkit-transform: skewY(-6deg);
    transform: skewY(-45deg);
    height: 50px;
    width: 50px;
    opacity: 1;
    -webkit-transition: 1s all ease-in-out;
    }

    .Portfolio-Item::before {
    content: '';
    z-index: 0;
    position: absolute;
    height: 100%;
    top: -27px;
    -webkit-transform: skewY(-6deg);
    transform: skewY(-45deg);
    background: #702077;
    height: 50px;
    width: 50px;
    opacity: 1;
    -webkit-transition: 1s all ease-in-out;
    left: -33px;
    }


.Portfolio-Item:hover::after {content: '';z-index: 1;position: absolute;height: 100%;bottom: -27px;right: 0;-webkit-transform: skewY(-6deg);transform: skewY(-45deg);background: #702077;height: 50px;width: 50px;opacity: 1; 
    -webkit-transition: 1s all ease-in-out; }

    .Portfolio-Item::after {
    content: '';
    z-index: 1;
    position: absolute;
    height: 100%;
    bottom: -27px;
    right: -33px;
    -webkit-transform: skewY(-6deg);
    transform: skewY(-45deg);
    height: 50px;
    width: 50px;
    opacity: 1;
    -webkit-transition: 1s all ease-in-out;
    }
.ContactForm{
	
}
.ContactForm h4{
	color: #0d2b46;
	margin-bottom: 30px;
	font-size: 1.75rem;
}
.ContactForm h4 span{
	text-decoration: underline;

}

.ContactContent h3{
	color: #0d2b46;
	font-weight: 700;
}
.ContactContent p{
	margin-bottom: 36px;
}
.ContactContent p a{
	color: #0d2b46;
	text-decoration: none;
}


.formcraft-css .fc-form.fc-form-1 .form-element .field-cover input[type="text"], .formcraft-css .fc-form.fc-form-1 .form-element .field-cover input[type="password"], .formcraft-css .fc-form.fc-form-1 .form-element .field-cover input[type="email"], .formcraft-css .fc-form.fc-form-1 .form-element .field-cover input[type="tel"], .formcraft-css .fc-form.fc-form-1 .form-element .field-cover select, .formcraft-css .fc-form.fc-form-1 .form-element .field-cover textarea {
    background-color: #ffffff!important;
    border: 1px solid #0d2b46;
    color: #0d2b46;
    padding: 12px;
}
::-webkit-input-placeholder { /* Edge */
  color: #0d2b46;
}

:-ms-input-placeholder { /* Internet Explorer */
  color: #0d2b46;
}

::placeholder {
  color: #0d2b46;
}

html .FooterContact .formcraft-css .fc-form .form-element .submit-cover.animate-false .submit-button {
    width: auto!important;
    border-radius: 2px!important;
    color: #b7d433;
    border: 1px solid #b7d433;
    border-radius: 0px;
    padding: 10px 70px 10px 15px;
    background: url(../img/ContactButtonIcon.png) no-repeat;
    background-position: center right 10px;
}

.formcraft-css .fc-form.fc-form-1 .form-element .stripe-amount-show, .formcraft-css .fc-form.fc-form-1 .form-element .submit-cover .submit-button .text, .formcraft-css .fc-form.fc-form-1 .form-element .field-cover .button {
    text-shadow: none!important;
}
   
html .formcraft-css .fc-form .form-element .submit-cover .submit-button:hover {
    box-shadow: none!important;
    color: #0d2b46;
}

.ContactButtonNav{
	color: #b7d433!important;
	border: 1px solid #b7d433!important;
	border-radius: 0px;
	padding: 15px 50px 15px 20px!important;
	background: url(../img/ContactButtonIcon.png) no-repeat!important;
	background-position: center right 10px!important;
	/* font-weight: 600; */
	margin-left: 19px!important;
	font-family: 'radikalbold';
}


.ubermenu .ubermenu-submenu-type-flyout>.ubermenu-item {
    display: block;
    float: none;
    position: relative;
    min-width: 150px;
    clear: both;
    /* padding-left: 15px; */
    background-repeat: no-repeat!important;
    background-size: 18px!important;
    background-position: left center!important;
    -webkit-transition: 1s all ease-in-out;
}

.ubermenu .ubermenu-submenu-type-flyout>.ubermenu-item:hover {
	    -webkit-transition: all 0.5s ease;
	    -moz-transition: all 0.5s ease;
	    -ms-transition: all 0.5s ease;
	    -o-transition: all 0.5s ease;
	    transition: all 0.5s ease;
	    padding-left: 15px;
}
.ubermenu .ubermenu-submenu-type-flyout>li:hover:nth-child(1) {
	background-position-x: 0px!important;
}
.ubermenu .ubermenu-submenu-type-flyout>li:nth-child(1) {
	background: url("../img/RedRight.png");
	background-position-x: -20px!important;
}

.ubermenu .ubermenu-submenu-type-flyout>li:hover:nth-child(2) {
	background-position-x: 0px!important;
}
.ubermenu .ubermenu-submenu-type-flyout>li:nth-child(2) {
	background: url("../img/greenright.png");
	background-position-x: -20px!important;
}




.ubermenu .ubermenu-submenu-type-flyout>li:hover:nth-child(3) {
	background-position-x: 0px!important;
}
.ubermenu .ubermenu-submenu-type-flyout>li:nth-child(3) {
	background: url("../img/Orangeright.png");
	background-position-x: -20px!important;
}


.ubermenu .ubermenu-submenu-type-flyout>li:hover:nth-child(4) {
	background-position-x: 0px!important;
}
.ubermenu .ubermenu-submenu-type-flyout>li:nth-child(4) {
	background: url("../img/yellowright.png");
	background-position-x: -20px!important;
}

.ubermenu .ubermenu-submenu-type-flyout>li:hover:nth-child(5) {
	background-position-x: 0px!important;
}
.ubermenu .ubermenu-submenu-type-flyout>li:nth-child(6) {
	background: url("../img/lightgreenright.png");
	background-position-x: -20px!important;
}







.ubermenu:not(.ubermenu-transition-slide) .ubermenu-submenu.ubermenu-submenu-type-flyout {
    min-width: 200px;
}


#Blog{
	padding: 50px 0px 20px  0px;
}
.BlogItem{
	background: #fafafa;
	    display: inline-block;
    height: 0;
    padding-bottom: 100%;
    width: 100%;
    background-blend-mode: saturation;
    position: relative;
    overflow: hidden;
    -webkit-transition: 1s all ease-in-out;
    margin-bottom: 30px;
}
.BlogItem p{
	/* padding: 10px 20px; */
	width: 100%;
	padding: 10px 20px;
	font-family: 'radikalbold';
	color: #0d2b46;
	min-height: 27%;
	-webkit-transition: 1s all ease-in-out;
	margin-bottom: 0px;
}
.BlogItem .LearnMore{-webkit-transition: 1s all ease-in-out;opacity: 0;border: 1px solid #0d2b46;color: #0d2b46;padding: 10px 40px 10px 10px;margin-bottom: 20px;margin-left: 20px;display: inline-block;position: absolute;bottom: 0px;background: #fafafa;z-index: 100;}
.BlogItem:hover .LearnMore{
    -webkit-transition: 1s all ease-in-out;
    opacity: 1;
    }
.BlogItem:hover .Blogtitle{
	bottom: 0pc;
	-webkit-transition: 1s all ease-in-out;
	padding-bottom: 69px;
	top: 0px;
	padding-top: 50px;
}

.BlogOverlay{
	width: 100%;
	height: 100%;
	position: absolute;
	/* -webkit-filter: grayscale(100%); */
	/* filter: grayscale(100%); */
	-webkit-transition: 1s all ease-in-out;
	background-size: cover;
	background-position: center;
}
.Blogtitle{
	background: #fafafac7;
	width: 100%;
	margin: 0px;
	position: absolute;
	top: 86%;
	height: auto;
	-webkit-transition: 1s all ease-in-out;
	min-height: 100%;
	/* padding-bottom: 69px; */
}



.BlogItem:hover::before {
    content: '';
    z-index: 1;
    position: absolute;
    height: 100%;
    top: -27px;
    left: 0;
    -webkit-transform: skewY(-6deg);
    transform: skewY(-45deg);
    height: 50px;
    width: 50px;
    opacity: 1;
    -webkit-transition: 1s all ease-in-out;
    }

    .BlogItem::before {
    content: '';
    z-index: 1;
    position: absolute;
    height: 100%;
    top: -27px;
    -webkit-transform: skewY(-6deg);
    transform: skewY(-45deg);
    background: #317832;
    height: 50px;
    width: 50px;
    opacity: 0;
    -webkit-transition: 1s all ease-in-out;
    left: -46px;
    }
	
.FooterUseful{
	
}
.FooterUseful ul{
	margin: 0px;
	padding: 0px;
}
.FooterUseful ul li{
	list-style: none;
}
.FooterUseful ul li a{
	    font-size: 14px;
	    margin-bottom: 10px;
	    list-style: none;
	    padding-left: 0px;
	    color: #fff;
}
	
	
	.fromtheblog{
		
	}
	.fromtheblog ul{
		margin: 0px;
		padding: 0px;
		display: inline-table;
	}
	.fromtheblog ul li{
			list-style: none;
			display: inline-block;
			vertical-align: text-top;
			margin-bottom: 0px;
			font-size: 14px;
	}
		.fromtheblog ul li a{
		color: #b7d433;
		text-decoration: none;
		}
	
		.fromtheblog ul li img{
		width:100%;
		max-height:70px;
		object-fit:cover;	
		}

.fromtheblog ul li:nth-child(odd) {width: 30%;}
.fromtheblog ul li:nth-child(even) {
    width: 68%;
    padding-left: 5%;
}
	
	
	.social-sharing {
		    padding: 30px;
		    box-shadow: 0px 8px 15px rgba(0, 0, 0, 0.1);
		    transition: all 0.3s ease 0s;
		    margin: 30px 0px;
		    background: #f5b715;
		    text-align: center;
	}
	.social-sharing span {
    display: block!important;
    font-size: 110%;
    font-size: 18px;
    font-weight: 600;
    font-size: 1.5rem;
    margin-bottom: 6px;
    font-family: 'radikalbold';
}

.BlogSingle{
	margin-top: 50px;
}
.blogfeatured{
	width:100%;
	max-height:300px;
	object-fit: scale-down;
	background: #cccccc26;
	margin-bottom: 20px;
}

.morefromtheblog{
	background: #f5b715;
	padding: 30px;
}
.morefromtheblog p a{
	color:#fff!important;
	font-family: 'radikalbold';
}

.morefromtheblog h5{
	font-size: 1.5rem;
	margin-bottom: 20px;
	font-family: 'radikalbold';
}
.morefromtheblog ul li{
	margin-bottom:20px;
	font-family: 'radikalbold';
}
.morefromtheblog ul li img{
    height: 80px;
    width: 100%;
    object-fit: cover;
}


.CATEGORIESlist{
	margin-top:30px;
	background: #ef6c01;
	padding: 30px;
}
.CATEGORIESlist h5{
	font-size: 1.5rem;
	margin-bottom: 20px;
	font-family: 'radikalbold';
	color: #fff;
}
.CATEGORIESlist ul{padding: 0px;list-style: none;}
.CATEGORIESlist ul li{background-size: 12px!important;padding-left: 20px;background-repeat: no-repeat!important;margin-bottom: 8px;}
.CATEGORIESlist ul li a{
	margin-bottom: 20px;
	font-family: 'radikalbold';
	color: #fff;
}


.CATEGORIESlist ul li:nth-child(1) {
	background: url("../img/yellowright.png");
}

.CATEGORIESlist ul li:nth-child(2) {
	background: url("../img/lightgreenright.png");
}

.CATEGORIESlist ul li:nth-child(3) {
	background: url("../img/greenright.png");
}

.CATEGORIESlist ul li:nth-child(4) {
	background: url("../img/RedRight.png");
}

.singlepost{
	    padding-top: 100px!important;
}

#RowGrey{
    background: #f3f3f3;
    background-image: url(../img/BottomRightTriangles.png);
	background-repeat: no-repeat;
	background-position: bottom right;
	background-size: 10%;

}
#RowGreen{
	background: #b7d433;
    background-image: url(../img/BottomRightTriangles.png);
	background-repeat: no-repeat;
	background-position: bottom right;
	background-size: 10%;
}
#RowPurple{
	background: #702077;
    background-image: url(../img/BottomRightTriangles.png);
	background-repeat: no-repeat;
	background-position: bottom right;
	background-size: 10%;
}
#RowOrange{
	background: #ef6c01;
    background-image: url(../img/BottomRightTriangles.png);
	background-repeat: no-repeat;
	background-position: bottom right;
	background-size: 10%;
}
#RowBlue{
	background: #3e5bc7;
    background-image: url(../img/BottomRightTriangles.png);
	background-repeat: no-repeat;
	background-position: bottom right;
	background-size: 10%;
}
#RowWhite{
	background: #ffffff;
    background-image: url(../img/BottomRightTriangles.png);
	background-repeat: no-repeat;
	background-position: bottom right;
	background-size: 10%;
}
.twocolgeneral{
	padding: 60px 0px;
}
.twocolgeneral:nth-child(even) {
	background-image: url(../img/TopRightTriangles.png)!important;
    background-position: top left!important;
}

.Twocol h1, .Twocol h2, .Twocol h3, .Twocol h4, .Twocol h5{
    /* font-family: 'radikalbold'; */
    font-weight:100;
    text-transform: uppercase;
    font-size: 2rem;
    font-family: 'radikallight';
    margin-bottom: 30px;
    }

.Twocol{
	
}
.HomeServices1 a{
	text-decoration:none;
}
.Twocol h1 span, .Twocol h2 span, .Twocol h3 span, .Twocol h4 span, .Twocol h5 span{
	text-decoration: underline;
}

.RowHeadingBlack h1, .RowHeadingBlack h2, .RowHeadingBlack h3, .RowHeadingBlack h4, .RowHeadingBlack h5, .RowHeadingBlack h6{ color: #222222; }
.RowHeadingWhite h1, .RowHeadingWhite h2, .RowHeadingWhite h3, .RowHeadingWhite h4, .RowHeadingWhite h5, .RowHeadingWhite h6{ color: #ffffff; }
.RowHeadingGreen h1, .RowHeadingGreen h2, .RowHeadingGreen h3, .RowHeadingGreen h4, .RowHeadingGreen h5, .RowHeadingGreen h6{ color: #b7d433; }
.RowHeadingOrange h1, .RowHeadingOrange h2, .RowHeadingOrange h3, .RowHeadingOrange h4, .RowHeadingOrange h5, .RowHeadingOrange h6{ color: #ef6c01; }
.RowHeadingBlue h1, .RowHeadingBlue h2, .RowHeadingBlue h3, .RowHeadingBlue h4, .RowHeadingBlue h5, .RowHeadingBlue h6{ color: #3e5bc7; }
.RowHeadingPurple h1, .RowHeadingPurple h2, .RowHeadingPurple h3, .RowHeadingPurple h4, .RowHeadingPurple h5, .RowHeadingPurple h6{ color: #702077; }

.RowHeadingBlack .Ourworkbutton{color: #222222;border: 1px solid #222222;}
.RowHeadingWhite .Ourworkbutton{color: #ffffff;border: 1px solid #ffffff;}
.RowHeadingGreen .Ourworkbutton{color: #b7d433;border: 1px solid #b7d433;}
.RowHeadingOrange .Ourworkbutton{color: #ef6c01;border: 1px solid #ef6c01;}
.RowHeadingBlue .Ourworkbutton{color: #3e5bc7;border: 1px solid #3e5bc7;}
.RowHeadingPurple .Ourworkbutton{color: #702077;border: 1px solid #702077;}

#RowGreen h1, #RowGreen h2, #RowGreen h3, #RowGreen h4, #RowGreen h5, #RowGreen h6{ color: #ffffff!important; }


.TwocolCenter{
	text-align: center;
	padding: 50px 20%;
}
.TwocolCenter p{
	    font-size: 1.4rem;
	    margin-bottom: 0px;
}

.TwocolCenterBottom{
	text-align: center;
	padding: 50px 10%;
}
.TwocolCenterBottom p{
	    font-size: 1.2rem;
	    /* margin-bottom: 0px; */
}
.TwocolCenterBottom p span{
		text-decoration: underline;
		    text-transform: uppercase;


}
.TwocolCenterBottom p strong{
	    text-transform: uppercase;
			font-family: 'radikalbold';


	
}
html .formcraft-css .fc-form.frame-hidden .form-page-content {
    padding: 0;
    margin-right: 0px!important;
}

.shiftnav.shiftnav-skin-standard-dark li.menu-item .shiftnav-submenu-activation {
    background: #0d2b46!important;
}

@media screen and (max-width: 960px) {
.MainNav{
	display:none;
} 		
.TopBand {
    background: #0d2b46;
    color: #b7d433;
    padding: 16px 0px;
    font-size: 12px;
}

.CaseStudyImages{
	order:3;
}
}

@media screen and (max-width: 39.9375em) {
	.notonmobile{
		display:none;
	}
	
	.HomeBanner h1 {
    font-size: 38px;
	}
	.HomeBanner ul li a {
    width: 45%;


    margin-bottom: 20px;
	}
	.homecasestudy{
		
    margin-bottom: 20px;
	}
	.GP-logo{
	margin-bottom: 20px;	
	text-align:center;
	
	}
		.GP-logo img{
			max-width:300px;

		}
	.footerlogos ul li {
    display: inline-table;
    margin: 10px;
    width: 19%;
    margin: 20px;
    margin-top: 0px;
    margin-bottom: 27px;
}
.fromtheblog{
	margin-top:30px;
}
.lowerfooter {


    text-align: center;
}
.lowerfooter p {
    float: none;
}

.ContentIcon {
    background: url(../img/ContentPageIcon.png);
    padding: 100px 0px;
    background-repeat: no-repeat;
    background-size: auto 30%;
    background-position: right bottom;
    padding-top: 100px;
}

.Portfolio-Item a {
    width: 100%;
}
.Portfolio-Item p {
    font-size: 14px;
}
.webdesignicon{
	text-align:center;
	margin-bottom:20px;
}
.Twocol img{
	max-height:100px;
	width:auto;
}
.Twocol{
	text-align:center;
}
.TwocolCenter {
    text-align: center;
    padding: 50px 5%;
}

.TwocolCenter p {
    font-size: 1.3rem;
    margin-bottom: 0px;
}

.Logo {
    padding: 20px 50px;
    text-align: center;
}

.Different {
    display: none;
}

.headContact {
    text-align: center;
    font-size: 16px;
    padding-left: 60px;
}
.MainNav{
	display:none;
}
.headContact ul li a {
    color: #c2d101;
    padding: 0px 3px;
    text-decoration: none;
}
.shiftnav.shiftnav-skin-standard-dark ul.shiftnav-menu ul.sub-menu li.menu-item > .shiftnav-target {
    text-transform: uppercase;
    padding-left: 40px;
}
.footerlogos {
    text-align: center;
    border-bottom: 2px solid #b7d433;
    margin-bottom: 49px;
    padding-bottom: 30px;
}
.CATEGORIESlist {
    margin-top: 30px;
    background: #ef6c01;
    padding: 30px;
    margin-bottom: 30px;
}

.image-bg {
       min-height: 300px;
    display: inline-block;
    position: relative;
    background: url(../img/Home-PC.png) no-repeat center top;
    width: 530px;
    max-width: 360px;
    background-size: 100%;
}

.homepc {
    text-align: center;
}

.image-bg .image-shop-space, .image-bg .image-shop-scroll {
    background-position: center 0 !important;
    background-repeat: no-repeat !important;
    background-size: 100% !important;
    position: absolute;
    max-width: 331px;
    height: 176px;
    top: 14px;
    left: 0;
    right: 0;
    margin: auto;
    background: #fff;
    transition: all 7s ease-out 0s;
    -webkit-transition: all 7s ease-out 0s;
    -moz-transition: all 7s ease-out 0s;
    -ms-transition: all 7s ease-out 0s;
    -o-transition: all 7s ease-out 0s;
}




}


.a404{
 text-align: center;

}
.a404 h1{
	    text-align: center;
	    padding-bottom: 30px;
	    font-size: 30px;
	    color: #112c45;
	    font-weight: 700;
	    padding-top: 50px;
}

.a404 p{
	color: #b7d433;
	margin-bottom: 50px;
}
.a404 p a{
	color: #112c45;
	font-size: 20px;
	margin-bottom: 30px;
}
#FooterContact{
	    background: #317732;
    background-image: url(../img/BottomRightTriangles.png);
    background-repeat: no-repeat;
    background-position: bottom right;
    background-size: 10%;
    text-align: center;
    padding: 50px 0px;
    color: #fff;
}
.FootContact{
	
}
.FootContact p{
	
}
.FootContact h4{
	font-size: 2em;
	font-weight: 600;
}

 .FootContact .formcraft-css .fc-form .form-element .submit-cover.animate-false .submit-button {
    width: auto!important;
    border-radius: 2px!important;
    color: #ffffff;
    border: 2px solid #ffffff;
    border-radius: 0px;
    padding: 10px 70px 10px 15px;
    background: url(../img/ContactButtonIconFooter.png) no-repeat;
    background-position: center right 10px;
	font-family: 'radikallight';
}


.FootContact .formcraft-css .fc-form.fc-form-1 .form-element .field-cover input[type="text"], .formcraft-css .fc-form.fc-form-1 .form-element .field-cover input[type="password"], .formcraft-css .fc-form.fc-form-1 .form-element .field-cover input[type="email"], .formcraft-css .fc-form.fc-form-1 .form-element .field-cover input[type="tel"], .formcraft-css .fc-form.fc-form-1 .form-element .field-cover select, .formcraft-css .fc-form.fc-form-1 .form-element .field-cover textarea {
    background-color: #ffffff!important;
    border: 1px solid #ffffff;
    color: #0d2b46;
    padding: 12px;
}
.shiftnav-panel-close{
	display:none!important;
}


.CasestudContent a{
	color: #112c45;
	font-weight: 700;
}

.BlogItemwork{
	margin-bottom:27px;
}

html .formcraft-css .fc-form .final-success {
    color: #ffffff!important;
}
.downloadform{
	max-width: 600px;
	margin: auto;
}
 .formcraft-css .fc-form.fc-form-2 .form-element .field-cover .button {
 width: auto!important;
 border-radius: 2px!important;
 color: #ffffff!important;
 border: 1px solid #ffffff!important;
 padding: 10px 20px 10px 20px!important;
 background: none!important;
 background-position: center right 10px;
 }


 .formcraft-css .fc-form.fc-form-3 .form-element .field-cover .button {
 width: auto!important;
 border-radius: 2px!important;
 color: #ffffff!important;
 border: 1px solid #ffffff!important;
 padding: 10px 20px 10px 20px!important;
 background: none!important;
 background-position: center right 10px;
 }

html .formcraft-css .fc-form-2 .form-element .submit-cover.animate-false .downloadform .submit-button {
    width: auto!important;
    border-radius: 2px!important;
    color: #ffffff;
    border: 1px solid #ffffff;
    border-radius: 0px;
    padding: 10px 70px 10px 15px;
    background: url(../img/ContactButtonIcon.png) no-repeat;
    background-position: center right 10px;
}



html .formcraft-css .fc-form-3 .form-element .submit-cover.animate-false .downloadform .submit-button {
    width: auto!important;
    border-radius: 2px!important;
    color: #ffffff;
    border: 1px solid #ffffff;
    border-radius: 0px;
    padding: 10px 70px 10px 15px;
    background: url(../img/ContactButtonIcon.png) no-repeat;
    background-position: center right 10px;
}
#downloadsection{
	padding: 50px 0px 20px  0px;
	background: #b7d433;
}