@charset "UTF-8";

@font-face {
	font-family: 'Nexa';
	src: url('../fonts/nexa_light-webfont.eot');
	src: url('../fonts/nexa_light-webfont.eot?#iefix') format('embedded-opentype'),
	url('../fonts/nexa_light-webfont.woff') format('woff'),
	url('../fonts/nexa_light-webfont.ttf') format('truetype'),
	url('../fonts/nexa_light-webfont.svg#nexa_lightregular') format('svg');
	font-weight: normal;
	font-style: normal;
}

html{
	font-size: 16px;
	width: 100%;
	overflow-x: hidden;
}
@media (min-width: 1200px){
	html{
		font-size: 18px;
	}
}
body{
	font-family: 'Nexa', sans-serif;
}
h1{
	font-size: 2.4rem;
	line-height: 3rem;
	font-family: 'Raleway', sans-serif;
	font-weight: 600;
	margin-top: 10px;
}
h2{
	font-size: 1.5rem;
	line-height: 2.0rem;
	font-family: 'Raleway', sans-serif;
	margin-top: 10px;
}
h3{
	font-size: 1.17rem;
	line-height: 1.755rem;
	font-family: 'Raleway', sans-serif;
}
h4{
	font-size: 1rem;
	line-height: 1.5rem;
}
h5,p{
	font-size: 0.93rem;
	line-height: 1.445rem;
}
h6{
	font-size: 0.75rem;
	line-height: 1.125rem;
}
section{
	padding-top: 3rem;
	padding-bottom: 3rem;
}
.nopadding{
	padding: 0;
}

header{
	z-index: 3;
	position: relative;
}
.navbar{
	margin-bottom: 0;
}
.navbar-inverse{
	background: #000;
	border-bottom: 1px solid #4A4A4A;
}
.navbar-brand{
	padding: 13px 15px;
}
.navbar-brand img{
	width: 115px;
}
@media (min-width: 480px){
	.navbar-brand img{
		width: 180px;
	}
}
.navbar-inverse .navbar-toggle{
	border: none;
}
.navbar-nav > li > a{
	font-family: 'Raleway', sans-serif;
	text-transform: uppercase;
	color: #FFF !important;
	font-weight: 500;
	padding-top: 5px;
	padding-bottom: 5px;
	transition: color 0.3s ease;
	-webkit-transition: color 0.3s ease;
	-moz-transition: color 0.3s ease;
}
@media (min-width: 768px){
	.navbar-nav > li > a{
		padding: 22px 8px;
		font-size: 0.7rem;
	}
}
@media (min-width: 992px){
	.navbar-nav > li > a{
		padding-left: 10px;
		padding-right: 10px;
		font-size: 0.8rem;
	}
}
.navbar-nav > li > a:hover,
.navbar-nav > li.selected > a{
	color: #D4F561 !important;
}
.navbar .dropdown-toggle:hover ~ .dropdown-menu{
	display: block;
}
.dropdown-menu:hover{
	display: block;
}
.navbar .dropdown-menu{
	background: #000;
	border-top: 1px solid #333;
}
.navbar .dropdown-menu a{
	color: #FFF;
	text-transform: uppercase;
	font-size: 0.8rem;
	padding: 7px 15px;
	transition: color 0.25s ease-out;
}
.navbar .dropdown-menu a:hover{
	background: transparent;
	color: #D4F561;
}

#page-title{
	background: #D4F557;
	color: #000;
	text-align: center;
	text-transform: uppercase;
	font-weight: 700;
	padding: 0;
}
#page-title h1{
	font-weight: 600;
}
.font-xl{
	font-size: 3rem;
}

#page-intro{
	text-align: center;
	height: 350px;
	position: relative;
	overflow: hidden;
	padding: 0;
	background: url('../img/city-lights.jpg');
	background-size: cover;
	background-position: center;
}
#page-intro video{
	height: 100%;
}
#page-intro .container{
	position: absolute;
	top: 50%;
	left: 50%;
	color: #FFF;
	width: 330px;
	margin-left: -165px;
	margin-top: -82px;
}
@media (min-width: 768px){
	#page-intro h1{
		font-size: 3rem;
	}
}
#page-intro h2{
	font-size: 1.2rem;
	line-height: 1.6rem;
}
@media (min-width: 480px){
	#page-intro{
		height: 260px;
	}
	#page-intro video{
		width: 100%;
		height: auto;
	}
	#page-intro .container{
		width: 480px;
		margin-left: -240px;
		top: 50%;
		margin-top: -58px;
	}
}
@media (min-width: 768px){
	#page-intro{
		height: 350px;
	}
	#page-intro .container{
		margin-left: -375px;
		width: 750px;
		margin-top: -64px;
	}
}
@media (min-width: 992px){
	#page-intro .container{
		margin-left: -496px;
		width: 992px;
	}
}
section.content > hr{
	margin-top: 0;
	border-top: 6px solid #000;
	width: 100px;
	margin-bottom: 60px;
}
.section-title{
	color: #000;
	text-align: center;
}

#services{
	color: #FFF;
	padding-bottom: 80px;
	text-align: center;
}
#services > h3{
	color: #000;
	width: 58%;
	margin: 0 auto;
}
.service-box{
	position: relative;
	padding: 60px 20px 100px;
	margin: 1% 1%;
	float: left;
	width: 98%;
	transition: all 0.3s ease;
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
}
@media (min-width: 768px){
	.service-box{
		width: 31.33%;
	}
}
.service-box hr{
	width: 20%;
	border-top: 4px solid #FFF;
	margin-top: 10px;
	margin-bottom: 15px;
}
.service-box h3{
	font-weight: 600;
	font-size: 2rem;
}
.service-box a{
	color: #FFF;
	text-decoration: none;
}
/* Bounce To Right */
.hvr-bounce-to-right,
.hvr-bounce-to-left,
.hvr-bounce-to-bottom {
	display: inline-block;
	vertical-align: middle;
	-webkit-transform: translateZ(0);
	transform: translateZ(0);
	box-shadow: 0 0 1px rgba(0, 0, 0, 0);
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
	-moz-osx-font-smoothing: grayscale;
	position: relative;
	-webkit-transition: color 0.5s ease;
	transition: color 0.5s ease;
}
.hvr-bounce-to-right:before,
.hvr-bounce-to-left:before,
.hvr-bounce-to-bottom:before {
	content: "";
	position: absolute;
	z-index: -1;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background: #2098d1;
}
.hvr-bounce-to-right:before,
.hvr-bounce-to-left:before {
	-webkit-transform: scaleX(0);
	transform: scaleX(0);
	-webkit-transform-origin: 0 50%;
	transform-origin: 0 50%;
	-webkit-transition: transform 0.5s ease-out;
	transition: transform 0.5s ease-out;
}
.hvr-bounce-to-bottom:before{
	-webkit-transform: scaleY(0);
	transform: scaleY(0);
	-webkit-transform-origin: 50% 0;
	transform-origin: 50% 0;
	-webkit-transition: transform 0.5s ease-out;
	transition: transform 0.5s ease-out
}
.hvr-bounce-to-right:hover,
.hvr-bounce-to-right:focus,
.hvr-bounce-to-right:active,
.hvr-bounce-to-left:hover,
.hvr-bounce-to-left:focus,
.hvr-bounce-to-left:active,
.hvr-bounce-to-bottom:hover,
.hvr-bounce-to-bottom:focus,
.hvr-bounce-to-bottom:active {
	color: white;
}
.hvr-bounce-to-right:hover:before,
.hvr-bounce-to-right:focus:before,
.hvr-bounce-to-right:active:before,
.hvr-bounce-to-left:hover:before,
.hvr-bounce-to-left:focus:before,
.hvr-bounce-to-left:active:before {
	-webkit-transform: scaleX(1);
	transform: scaleX(1);
	-webkit-transition-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66);
	transition-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66);
}

/* Bounce To Left */
.hvr-bounce-to-left:before {
	-webkit-transform-origin: 100% 50%;
	transform-origin: 100% 50%;
}
.hvr-bounce-to-left:hover:before, .hvr-bounce-to-left:focus:before, .hvr-bounce-to-left:active:before {
	-webkit-transform: scaleX(1);
	transform: scaleX(1);
	-webkit-transition-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66);
	transition-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66);
}

/* Bounce To Bottom */
.hvr-bounce-to-bottom:hover:before, .hvr-bounce-to-bottom:focus:before, .hvr-bounce-to-bottom:active:before {
	-webkit-transform: scaleY(1);
	transform: scaleY(1);
	-webkit-transition-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66);
	transition-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66);
}
.dblue{
	background: #03385B;
}
.dblue .hi-icon-effect-3b .hi-icon:hover {
	color: #0865A2;
}
.dblue.hvr-bounce-to-right:before,
.dblue.hvr-bounce-to-bottom:before,
.dblue.hvr-bounce-to-left:before{
	background: #0865A2;
}
.pink{
	background: #880734;
}
.pink .hi-icon-effect-3b .hi-icon:hover {
	color: #C01752;
}
.pink.hvr-bounce-to-right:before,
.pink.hvr-bounce-to-bottom:before,
.pink.hvr-bounce-to-left:before{
	background: #C01752;
}
.lblue{
	background: #067686;
}
.lblue .hi-icon-effect-3b .hi-icon:hover {
	color: #0EABC1;
}
.lblue.hvr-bounce-to-right:before,
.lblue.hvr-bounce-to-bottom:before,
.lblue.hvr-bounce-to-left:before{
	background: #0EABC1;
}
.green{
	background: #7F9612;
}
.green .hi-icon-effect-3b .hi-icon:hover {
	color: #A8C132;
}
.green.hvr-bounce-to-right:before,
.green.hvr-bounce-to-bottom:before,
.green.hvr-bounce-to-left:before{
	background: #A8C132;
}
.orange{
	background: #8E4000;
}
.orange .hi-icon-effect-3b .hi-icon:hover {
	color: #DB6400;
}
.orange.hvr-bounce-to-right:before,
.orange.hvr-bounce-to-bottom:before,
.orange.hvr-bounce-to-left:before{
	background: #DB6400;
}

.hi-icon-wrap{
	position: absolute;
	bottom: 25px;
	left: 41%;
}
.hi-icon-wrap a{
	text-decoration: none !important;
}
.hi-icon {
	display: inline-block;
	font-size: 0px;
	cursor: pointer;
	margin: 9px;
	width: 40px;
	height: 40px;
	border-radius: 50%;
	text-align: center;
	position: relative;
	z-index: 1;
	color: #fff;
}
.hi-icon:after {
	pointer-events: none;
	position: absolute;
	width: 100%;
	height: 100%;
	border-radius: 50%;
	content: '';
	-webkit-box-sizing: content-box;
	-moz-box-sizing: content-box;
	box-sizing: content-box;
}
.hi-icon:before {
	font-family: 'fontawesome';
	speak: none;
	font-size: 23px;
	line-height: 42px;
	margin-left: 2px;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	display: block;
	-webkit-font-smoothing: antialiased;
}
/* Effect 3 */
.hi-icon-effect-3 .hi-icon {
	box-shadow: 0 0 0 3px #fff;
	-webkit-transition: color 0.3s;
	-moz-transition: color 0.3s;
	transition: color 0.3s;
}
.hi-icon-effect-3 .hi-icon:after {
	top: -2px;
	left: -2px;
	padding: 2px;
	z-index: -1;
	background: #fff;
	-webkit-transition: -webkit-transform 0.2s, opacity 0.3s;
	-moz-transition: -moz-transform 0.2s, opacity 0.3s;
	transition: transform 0.2s, opacity 0.3s;
}
/* Effect 3b */
.hi-icon-effect-3b .hi-icon {
	color: #fff;
}
.hi-icon-effect-3b .hi-icon:after {
	-webkit-transform: scale(1.3);
	-moz-transform: scale(1.3);
	-ms-transform: scale(1.3);
	transform: scale(1.3);
	opacity: 0;
}
.hi-icon-effect-3b .hi-icon:hover:after {
	-webkit-transform: scale(1);
	-moz-transform: scale(1);
	-ms-transform: scale(1);
	transform: scale(1);
	opacity: 1;
}

#choose-us{
	padding: 0;
}
#choose-us .right{
	text-align: left;
	background: #c62b4c;
	color: #FFF;
	padding: 40px;
}
#choose-us .right hr{
	margin: 0;
	border-top: 5px solid #FFF;
	width: 50px;
}
#choose-us .right h2 {
	font-weight: 700;
	margin: 0;
}
#choose-us .left{
	color: #FFF;
	background: url('../img/why-choose-us-2.jpg') no-repeat;
	background-size: cover;
}
#choose-us .left h1{
	text-align: center;
	color: #FFF;
	font-size: 5rem;
	line-height: 5rem;
	position: absolute;
	top: 50%;
	left: 50%;
	margin-left: -165px;
	margin-top: -105px;
}
@media (min-width: 768px){
	#choose-us .left h1{
		margin-left: -195px;
		margin-top: -157px;
	}
}

.section-title.flipper{
	font-weight: 100;
	color: #565656;
	text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.76);
	margin: 0;
}
.wodry{
	color: #016BB1;
}
.wodry-flipping {
	display: inline-block;
	position: relative;
	-webkit-transform-style: preserve-3d;
	-moz-transform-style: preserve-3d;
	-ms-transform-style: preserve-3d;
	-o-transform-style: preserve-3d;
	transform-style: preserve-3d;
	-webkit-transform-origin-x: 50%;
}
.wodry-flipping .front-face, .wodry-flipping .back-face {
	display: inline-block;
	-webkit-backface-visibility: hidden;
	-moz-backface-visibility: hidden;
	-ms-backface-visibility: hidden;
	-o-backface-visibility: hidden;
	backface-visibility: hidden;
}
.wodry-flipping .front-face {
	position: absolute;
}
.wodry-flipping .back-face {
	position: relative;
}

#drink-codes{
	text-align: center;
	padding: 6rem 0;
	color: #FFF;
	background: url('../img/laptop-and-phone-bg.jpg') no-repeat;
	background-size: cover;
}
#drink-codes h2{
	width: 80%;
	margin: 0 auto;
}
#drink-codes h2 span{
	color: #D4F561;
	text-transform: uppercase;
}

#service-contact,
#service-contact-sidebar{
	text-align: center;
}
#service-contact form,
#service-contact-sidebar form{
	max-width: 750px;
	margin: 40px auto 12px;
	text-align: center;
}
#service-contact .btn,
#service-contact-sidebar .btn{
	position: relative;
	padding: 7px 26px;
	background: #FFF;
	border-radius: 7px;
	margin-top: 15px;
}
#service-contact .btn:before,
#service-contact .btn:after,
#service-contact-sidebar .btn:before,
#service-contact-sidebar .btn:after{
	content: '';
	position: absolute;
	left: 0px;
	width: 100px;
	height: 36px;
	border-radius: 4px;
	transition: all 0.3s ease;
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
}
#service-contact .btn:before,
#service-contact-sidebar .btn:before{
	top: -2px;
	border-top: 1px solid #636363;
}
#service-contact .btn:after,
#service-contact-sidebar .btn:after{
	bottom: 0px;
	border-bottom: 1px solid #636363;
}
#service-contact .btn:hover,
#service-contact-sidebar .btn:hover,
#service-contact .btn:focus,
#service-contact-sidebar .btn:focus{
	box-shadow: none;
	outline: none;
}
#service-contact .btn:hover:before,
#service-contact-sidebar .btn:hover:before{
	top: 0px;
}
#service-contact .btn:hover:after,
#service-contact-sidebar .btn:hover:after{
	bottom: 2px;
}
#service-contact .full,
#service-contact-sidebar .full{
	display: inline-block;
	width: 100%;
}
#service-contact .left,
#service-contact-sidebar .left{
	display: inline-block;
	width: 100%;
	float: left;
}
#service-contact .right,
#service-contact-sidebar .right{
	display: inline-block;
	width: 100%;
	float: right;
}
#service-contact .thirty,
#service-contact-sidebar .thirty{
	display: inline-block;
	width: 100%;
	float: left;
	margin-right: 1%;
}
#service-contact .twenty,
#service-contact-sidebar .twenty{
	display: inline-block;
	width: 100%;
	float: right;
}
#service-contact .form-control,
#service-contact-sidebar .form-control{
	border: 0;
	border-bottom: 1px solid;
	box-shadow: none;
	height: 36px;
}
#service-contact .form-control.form-active{
	margin-top: 10px;
	height: 26px;
	padding: 0 12px;
}
#service-contact .form-placeholder{
	font-size: 0.8rem;
}
#service-contact .form-placeholder.label-active{
	top: -7px;
	left: 6px;
	font-size: 0.7rem;
}
#service-contact select,
#service-contact-sidebar select{
	background: url('../img/arrow-down.png') no-repeat;
	appearance: none;
	-webkit-appearance: none;
	-moz-appearance: none;
	background-position: right 76%;
	background-size: 4%;
}
@media (min-width: 600px){
	#service-contact .left{
		width: 50%;
	}
	#service-contact .right{
		width: 49%;
	}
	#service-contact .thirty{
		width: 32%;
	}
	#service-contact .twenty{
		width: 20%;
	}
}
.placeholdit .form-group{
	position: relative;
	margin-top: 24px;
	margin-bottom: 0;
}
.placeholdit .form-control{
	padding: 6px 12px 6px;
	height: 40px;
	transition: all 0.3s ease;
	-webkit-transition: all 0.3s ease;
}
.placeholdit .form-control.form-active{
	margin-top: 26px;
}
.placeholdit .form-control:focus{
	box-shadow: none;
}
.placeholdit textarea.form-active{
	height: auto !important;
}
.placeholdit .form-placeholder{
	position: absolute;
	color: #9E9E9E;
	z-index: 2;
	top: 14px;
	left: 12px;
	pointer-events: none;
	font-size: 0.8rem;
	transition: all 0.3s ease;
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
}
.placeholdit .form-placeholder.label-active{
	top: 8px;
	left: 6px;
	font-size: 0.7rem;
	color: #337AB7;
}
@media (min-width: 768px){
	.placeholdit .form-placeholder{
		top: 11px;
		left: 14px;
		font-size: 0.8rem;
	}
	.placeholdit .form-placeholder.label-active{
		top: -21px;
		left: 1px;
		font-size: 0.7rem;
	}
}
.formCaptcha .g-recaptcha{
	display: none;
}
.formCaptcha.form-active .g-recaptcha{
	display: block;
}

#pre-footer{
	background: #D4F561;
	padding: 20px 0 14px;
	text-align: center;
}
@media (max-width: 768px){
	#pre-footer > div:first-child{
		margin-bottom: 20px;
	}
}
#pre-footer img{
	width: 29px;
}
#pre-footer .item{
	display: inline-block;
	margin-left: 7px;
	vertical-align: middle;
	text-align: left;
}
@media (min-width: 768px){
	#pre-footer img{
		width: 50px;
	}
	#pre-footer .item{
		margin-top: 5px;
	}
}
#pre-footer .item p{
	margin: 0;
}
#pre-footer .item h2{
	margin: -7px 0 0;
	font-weight: 600;
	font-family: sans-serif;
}
#pre-footer .item h2 a{
	color: #000;
}
#pre-footer .item h2 a:hover{
	text-decoration: none;
}

#footer{
	background: #000;
	color: #FFF;
	padding: 75px 10px;
}
.footer-heading{
	margin: 0;
}
#footer hr{
	margin-top: 3px;
	border-top: 1px solid #353535;
}
#footer ul{
	padding: 0;
	list-style-type: none;
}
#footer ul li{
	margin-bottom: 2px;
}
#footer ul li a{
	color: #FFF;
	text-decoration: none;
}
#footer-social{
	font-size: 10px;
}
#footer-social li{
	display: inline-block;
	width: 37px;
	height: 37px;
	padding: 5px;
	text-align: center;
	margin-bottom: 13px !important;
}
#footer-social .fa-2x{
	line-height: 1.3rem;
	margin-top: 3px;
}
#footer-social #facebook{
	background: #3B589A;
	margin-right: 10px;
}
#footer-social #google-plus{
	background: #D6492E;
	margin-right: 10px;
}
#footer-social #twitter{
	background: #598DC9;
	margin-right: 10px;
}
#footer-social #pinterest{
	background: #CB2026;
}
#footer-social #linkedin{
	background: #027AB9;
	margin-right: 10px;
}
#footer-social #skype{
	background: #3D9DD7;
	margin-right: 10px;
}
#footer-social #wordpress{
	background: #01B3A9;
	width: 88px;
	vertical-align: top;
}
#footer-social #wordpress .fa{
	float: left;
}
#footer-social #wordpress span{
	margin-top: 4px;
	float: left;
	margin-left: 6px;
	font-size: 0.8rem;
	font-weight: 700;
}
#footer .mc-field-group{
	margin-top: 8px;
}
#footer .mc-field-group .email{
	background: #585858;
	border: 0;
	padding: 8px;
	color: #CCC;
	width: 80%;
	max-width: 200px;
}
#footer .mc-field-group .button{
	background: #D4F561;
	border: 0;
	padding: 8px;
	margin-left: -4px;
	color: #333;
	font-weight: 700;
}

#post-footer{
	padding: 15px 0;
	background: #FFF;
	color: #000;
	text-align: center;
}
#post-footer .left,
#post-footer .right{
	display: block;
	margin: 0;
}
@media (min-width: 768px){
	#post-footer .left{
		float: left;
		text-align: left;
	}
	#post-footer .right{
		float: right;
		text-align: right;
	}
}


/* ============ Service Page =============== */
.pageheader{
	background-size: cover !important;
	color: #FFF;
	text-align: center;
	padding-top: 6rem;
	padding-bottom: 6.1rem;
	box-shadow: inset 0px -6px 6px -5px rgba(0,0,0,0.5);
}

.pageheader h1{
	font-size: 2rem;
	text-shadow: 1px 2px 2px rgba(0, 0, 0, 0.55);
	text-transform: uppercase;
}
@media (min-width: 480px){
	.pageheader h1{
		font-size: 3rem;
	}
}
.pageheader#revolution{
	background: #333 url('../img/workstation.jpg') fixed;
	background-position: center 68%;
	padding-top: 7rem;
	padding-bottom: 7.1rem;
}
.pageheader#web-design{
	background: #333 url('../img/waterloo-station2.jpg') fixed;
	background-position: center 19%;
}
.pageheader#web-development{
	background: #333 url('../img/sourcing-team.jpg') fixed;
	background-position: center 37%;
}
.pageheader#seo{
	background: #333 url('../img/seo.jpg') fixed;
	background-position: center 39%;
}
.pageheader#marketing{
	background: #333 url('../img/marketing.jpg') fixed;
	background-position: center 0%;
}
.pageheader#content{
	background: #333 url('../img/content-writing.jpg') fixed;
	background-position: center 65%;
}
.pageheader#about,
.pageheader#work{
	background: #333 url('../img/about-us.jpg') fixed;
	background-position: center 30%;
}

.pageheader#portfolio{
	background: #333 url('../img/collage.jpg') fixed;
	background-position: center;
}
.pageheader#process{
	background: #333 url('../img/process.jpg') fixed;
	background-position: center;
	padding-top: 5rem;
	box-shadow: none;
}

.content{
	text-align: center;
}
.approach.container{
	margin-top: 60px;
}
.approach p{
	text-align: justify;
}
.approach i{
	transition: color 0.3s ease;
}
.approach .col-sm-4:hover i,
.approach .col-sm-4:hover h2{
	color: #5cb85c;
}

.content p{
	max-width: 700px;
	margin: 0px auto 25px;
	color: #545454;
}

.content.dark{
	background: #F5F5F5;
}
.split-content .left{
	float: left;
	width: 50%;
	padding: 20px;
}
.split-content .right{
	float: right;
	width: 50%;
	padding: 20px;
}
.max-width{
	width: 100%;
}
.btn-lg{
	padding: 10px 30px;
	border-radius: 0;
}
.contact-bar{
	background: #333 url(../img/server-room-2.jpg);
	background-size: cover;
	color: #FFF;
	padding-bottom: 4rem;
}
.contact-bar .btn{
	margin-top: 23px;
}
.contact-bar h3{
	text-transform: uppercase;
}
.btn-trans{
	color: #FFF;
	border: 1px solid;
	padding: 7px 25px 4px;
	font-size: 1.3rem;
	margin-top: 9px;
	display: inline-block;
	text-decoration: none;
	transition: all 0.3s ease;
}
.btn-trans:hover{
	background: #FFF;
	color: #D9534F;
	text-decoration: none;
}
.btn-trans-blue{
	border: 1px solid #337ab7;
	padding: 7px 13px;
	margin-top: 3px;
	display: inline-block;
	transition: all 0.3s ease;
}
.btn-trans-blue:hover{
	background: #337ab7;
	color: #FFF;
	text-decoration: none;
}

.service-points hr{
	margin-top: 5px;
	margin-bottom: 10px;
	border-top: 1px solid #000;
}
.service-points .col-sm-6{
	padding: 1rem;
	margin-top: 1rem;
	margin-bottom: 1rem;
}
.service-points a {
	color: #000000;
	text-decoration: underline;
}

/* Style the Sequence container */
#service-portfolio #sequence{
	position: relative;
	width: 100%;
	height: 640px;
	max-width: 100%;
	overflow: hidden;
	margin: 0 auto;
	padding: 0;
	font-family: sans-serif;
}
@media (min-width: 600px){
	#service-portfolio #sequence {
		height: 420px;
	}
}
@media (min-width: 768px){
	#service-portfolio #sequence {
		height: 350px;
	}
}
@media (min-width: 992px){
	#service-portfolio #sequence {
		height: 300px;
	}
}
@media (min-width: 992px){
	#service-portfolio #sequence {
		height: 325px;
	}
}

/* Reset */
#service-portfolio #sequence .seq-canvas,
#service-portfolio #sequence .seq-canvas > * {
	margin: 0;
	padding: 0;
	list-style: none;
}

/* Make the canvas the same dimensions as the container and prevent lines from
wrapping so each step can sit side-by-side */
#service-portfolio #sequence .seq-canvas {
	position: absolute;
	height: 100%;
	width: 100%;
	white-space: nowrap;
	font-size: 0;
}

/* Make the steps the same size as the container and sit side-by-side */
#service-portfolio #sequence .seq-canvas > * {
	display: inline-block;
	vertical-align: top;
	width: 100%;
	height: 100%;
	white-space: normal;
	text-align: center;
	color: white;
}

/* Used to vertically center align the .content element */
#service-portfolio #sequence .seq-canvas > li:before {
	content: "";
	display: inline-block;
	vertical-align: middle;
	height: 100%;
}

/* Vertically center align the .content element */
#service-portfolio #sequence .content {
	display: inline-block;
	vertical-align: middle;
	margin: 0 4%;
	font-size: 16px;
}

#service-portfolio #sequence h3 {
	font-size: 1.4em;
}

#service-portfolio .seq-canvas .left{
	width: 100%;
	display: inline-block;
	max-width: 500px;
	vertical-align: top;
}
#service-portfolio .seq-canvas .right{
	width: 100%;
	color: #FFF;
	text-align: left;
	max-width: 500px;
	display: inline-block;
	padding-left: 40px;
	vertical-align: top;
	margin-top: -360px;
}
@media(min-width: 600px){
	#service-portfolio .seq-canvas .left{
		width: 40%;
	}
	#service-portfolio .seq-canvas .right{
		width: 40%;
		margin-top: 0;
	}
}
@media (max-width: 600px){
	#service-portfolio .seq-canvas .left img{
		max-width: 350px;
	}
}
#service-portfolio .seq-canvas .right hr{
	width: 130px;
	margin: 3px 0 14px;
	border-top: 4px solid #FFF;
}
#service-portfolio .seq-canvas .right ul{
	font-size: 1rem;
	list-style-type: none;
	margin-bottom: 15px;
	padding: 0;
}
#service-portfolio .seq-canvas .right ul li:first-child{
	font-size: 1.1rem;
	font-weight: bold;
}
#service-portfolio .seq-canvas .right ul li p{
	margin:0;
}

#service-portfolio .seq-canvas .right > h1,
#service-portfolio .seq-canvas .right > hr,
#service-portfolio .seq-canvas .right > a,
#service-portfolio .seq-canvas .right > ul{
	opacity: 1;
	transform: translateY(500px);
	transition: all 0.7s ease;
}

#service-portfolio .seq-canvas .seq-in .right > h1,
#service-portfolio .seq-canvas .seq-in .right > hr,
#service-portfolio .seq-canvas .seq-in .right > a,
#service-portfolio .seq-canvas .seq-in .right > ul{
	transform: translateY(0);
}
#service-portfolio .seq-canvas .seq-in .right > hr{
	transition-delay: 0.3s;
}
#service-portfolio .seq-canvas .seq-in .right > ul{
	transition-delay: 0.5s;
}
#service-portfolio .seq-canvas .seq-in .right > a{
	transition-delay: 0.6s;
}

#service-portfolio .seq-canvas .seq-out .right > h1,
#service-portfolio .seq-canvas .seq-out .right > hr,
#service-portfolio .seq-canvas .seq-out .right > a,
#service-portfolio .seq-canvas .seq-out .right > ul{
	transform: scale(0.1);
	opacity: 0;
	transition: all 1s ease;
}

#service-portfolio #sequence .seq-next,
#service-portfolio #sequence .seq-prev{
	background: rgba(0,0,0,0.5);
	padding: 5px 10px;
	position: absolute;
	color: rgba(255, 255, 255, 0.5);
	cursor: pointer;
}

#service-portfolio #sequence .seq-next{
	right: 20px;
}

#service-portfolio #sequence .seq-prev{
	right: 55px;
}

#service-portfolio{
	background: url('../img/portfolio-back.jpg') fixed;
	background-size: cover;
}

/* ============ 404 ============= */
.tile404{
	background: #F5F5F5;
	border-radius: 5px;
	box-shadow: 1px 1px 4px rgba(0,0,0,0.4);
	overflow: auto;
}
.border-heading{
	border-top: 2px solid #000;
	border-bottom: 2px solid #000;
	padding: 4px 0;
}
.tile404 ul{
	padding: 0;
	list-style-type: none;
	font-size: 0.9rem;
}
.tile404 ul li{
	margin-bottom: 5px;
}

/*================== Payment ==============*/
.pageheader#payment{
	background: url('../img/pay-online.jpg') fixed;
	background-size: cover;
	background-position: center 50%;
	box-shadow: none;
}

.color-tile{
	box-shadow: inset 0 8px 13px rgba(0,0,0,0.3);
	padding-top: 5rem;
	padding-bottom: 5rem;
}
.color-tile .header{
	text-align: center;
	margin-bottom: 40px;
}
.color-tile .header h1{
	display: inline-block;
	text-transform: uppercase;
	background: #DDFF66;
	padding: 0px 20px;
	margin: 0;
}
.color-tile .header h3{
	margin: 0;
	color: #FFF;
}
.color-tile .header span{
	display: block;
	color: #FFF;
	text-transform: uppercase;
	font-size: 1rem;
	margin-top: 4px;
	letter-spacing: 1px;
}
.color-tile.blue{
	background: #0676c0;
	position: relative;
}
.color-tile.blue h1{
	color: #0676C0;
}
.color-tile.pink{
	background: #d91a5d;
}
.color-tile.pink h1{
	color: #d91a5d;
}
.color-tile.cyan{
	background: #10c1db;
}
.color-tile.cyan h1{
	color: #10c1db;
}

.pay-image{
	width: 100%;
	max-width: 350px;
}
#ccPayment{
	max-width: 300px;
	color: #FFF;
	margin: 30px auto 0;
	text-align: left;
}
#ccPayment .form-control{
	margin-top: 10px;
	margin-bottom: 10px;
}
#ccPayment .input-group-inline{
	display: inline-block;
	margin-right: 10px;
}
#ccPayment label {
	width: 85px;
	border-radius: 3px;
	border: 1px solid #FFF;
	color: #FFF;
}
/* hide input */
#ccPayment input.radio:empty {
	margin-left: -9999px;
}
/* style label */
#ccPayment input.radio{
	margin: -10px 0 0;
}
#ccPayment input.radio:empty ~ label {
	position: relative;
	line-height: 2.5em;
	text-indent: 3.25em;
	cursor: pointer;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	color: #FFF;
}

#ccPayment input.radio:empty ~ label:before {
	content:'\2714';
	position: absolute;
	display: block;
	top: 0;
	bottom: 0;
	left: 0;
	width: 2.5em;
	background: #FFF;
	color: #A7A7A7;
	text-indent: 0.9em;
	border-radius: 3px 0 0 3px;
}

/* toggle hover */
#ccPayment input.radio:hover:not(:checked) ~ label:before {
	content:'\2714';
	text-indent: .9em;
	color: #D0D0D0;
}

#ccPayment input.radio:hover:not(:checked) ~ label {
	color: #D0D0D0;
}

/* toggle on */
#ccPayment input.radio:checked ~ label:before {
	content:'\2714';
	text-indent: .9em;
	color: #9CE2AE;
	background-color: #4DCB6D;
}

#ccPayment input.radio:checked ~ label {
	color: #4DCB6D;
	border: 1px solid #4DCB6D;
}

#ccPayment .btn{
	margin-top: 15px;
	border-radius: 4px;
	padding: 7px 35px;
	display: block;
	max-width: 128px;
}

.bank-details h1{
	color: #FFF;
	text-align: center;
}
.bank-details{
	color: #FFF;
	margin: 0 auto;
	max-width: 300px;
}
.bank-details tr{
	border-bottom: 1px solid #FFF;
}
.bank-details tr:first-child,
.bank-details tr:last-child{
	border-bottom: none;
}
.bank-details tr td{
	padding: 7px;
}
#billingdetails{
	display: none;
}
.marginBottom{
	margin-top: 0;
	margin-bottom: 40px;
}

.white{
	color: #FFF;
}
a.text-white:hover {
	color: #FFF;
}

#more-about hr{
	border-top: 1px solid #BBB;
}
#more-about ul{
	list-style-type: none;
	padding: 0;
	font-size: 0.8rem;
}
#more-about ul li{
	padding: 6px 0;
}

#mission{
	box-shadow: none;
}
#mission img{
	margin-top: -2px;
	max-width: 352px;
}
#mission p{
	font-size: 1.2rem;
	line-height: 1.5rem;
}

#map{
	width: 100%;
	height: 350px;
}
.iw_title{
	font-weight: 500;
}


/* Sweep To Right */
.hvr-sweep-to-right {
	display: inline-block;
	vertical-align: middle;
	-webkit-transform: translateZ(0);
	transform: translateZ(0);
	box-shadow: 0 0 1px rgba(0, 0, 0, 0);
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
	-moz-osx-font-smoothing: grayscale;
	position: relative;
	-webkit-transition-property: color;
	transition-property: color;
	-webkit-transition-duration: 0.2s;
	transition-duration: 0.2s;
}
.hvr-sweep-to-right:before {
	content: "";
	position: absolute;
	z-index: -1;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background:#D4F561;
	-webkit-transform: scaleX(0);
	transform: scaleX(0);
	-webkit-transform-origin: 0 50%;
	transform-origin: 0 50%;
	-webkit-transition-property: transform;
	transition-property: transform;
	-webkit-transition-duration: 0.3s;
	transition-duration: 0.3s;
	-webkit-transition-timing-function: ease-out;
	transition-timing-function: ease-out;
}
.hvr-sweep-to-right:hover, .hvr-sweep-to-right:focus, .hvr-sweep-to-right:active {
	color: #000 !important;
}
.hvr-sweep-to-right:hover:before, .hvr-sweep-to-right:focus:before, .hvr-sweep-to-right:active:before {
	-webkit-transform: scaleX(1);
	transform: scaleX(1);
}

#capabilities .row{
	margin-bottom: 50px;
}
#capabilities p{
	font-size: 1.2rem;
	line-height: 1.8rem;
}
#capabilities ul{
	padding-left: 18px;
	list-style-type: square;
	font-size: 1.2rem;
}
#capabilities figure{
	position: relative;
}
#capabilities figure > img{
	max-width: 275px;
}
#capabilities h1{
	line-height: 2.4rem;
	text-transform: uppercase;
	position: absolute;
	top: 0;
	left: 19px;
}
@media (min-width: 992px){
	#capabilities h1{
		left: 37px;
	}
}
@media (min-width: 768px){
	#capabilities .right img{
		float: right;
	}
}
#capabilities .right h1{
	left: 70px;
	top: 101px;
}

#portfolio-filter {
	text-align: center;
	margin-bottom: 42px;
}
#portfolio-filter li {
	background: #000;
	color: #cbed53;
	padding: 7px 20px;
	display: inline-block;
	cursor: pointer;
	margin: 2px 0
}
#portfolio-filter li:hover,
#portfolio-filter li:focus,
#portfolio-filter li.active {
	background: #cbed53;
	color: #000
}
.pf-item {
	height: 265px;
	overflow: hidden;
	padding: 0;
	cursor: pointer;
	transition: border .3s ease
}
@media(min-width:480px) {
	.pf-item {
		height: 325px
	}
}
@media(min-width:768px) {
	.pf-item {
		height: 190px
	}
}
@media(min-width:992px) {
	.pf-item {
		height: 175px
	}
}
.pf-inner{
	margin: 5px;
	height: 96%;
	overflow: hidden;
	transition: border 0.2s ease;
}
.pf-inner:hover{
	border: 3px solid #424242;
}
/*.pf-item:hover {
  border: 3px solid
  }*/
  .pf-item img {
  	width: 100%
  }
  .pf-item .tall-img {
  	height: 100%
  }
  .pf-item .btn,
  .pf-item .port-preview-title,
  .pf-item .port-preview-image,
  .pf-item .portfolio-details,
  .pf-item .carousel-inner {
  	display: none
  }
  .modal-dialog {
  	width: 90%;
  	max-width: 1000px;
  	max-height: 90vh;
  	margin: 10px auto
  }
  .modal-body:after {
  	content: "";
  	display: block;
  	clear: both
  }
  .modal-header{
  	padding: 5px 15px;
  }
  .modal-header .close {
  	font-size: 2.5rem
  }
  #popup .modal-header .btn{
  	margin-top: 3px;
  }
  #portfolio-preview {
  	height: 300px;
  	overflow: hidden
  }
  @media(min-width:768px) {
  	#portfolio-preview {
  		height: 400px
  	}
  }
  #portfolio-preview img {
  	width: 100%;
  	transform: translate3d(0px, 0px, 0px);
  	transition: all 2s ease
  }
  @media(min-width:480px) {
  	#portfolio-preview img {
  		transition: all 4s ease
  	}
  }
  @media(min-width:992px) {
  	#portfolio-preview img {
  		transition: all 15s linear
  	}
  }
  .port-preview-title{
  	margin-top: 0;
  }
  .portfolio-details .border-heading{
  	margin-top: 10px;
  }
  ul.what-we-did {
  	padding-left: 0.5rem;
  	list-style-type: none;
  }
  ul.what-we-did li {
  	font-size: 0.9rem;
  	line-height: 1.2rem;
  }
  .modal-dialog.gallery {
  	width: 98%!important
  }
  @media(min-width:768px) {
  	.modal-dialog.gallery {
  		width: 70% !important;
  		max-width: 750px;
  	}
  }
  #portfolio-carousel {
  	overflow: hidden
  }
  .carousel-control.left,
  .carousel-control.right {
  	background-image: none
  }
  .rslides {
  	position: relative;
  	list-style: none;
  	overflow: hidden;
  	width: 100%;
  	padding: 0;
  	margin: 0
  }
  .rslides-container{
  	padding: 0;
  }
  .rslides li {
  	-webkit-backface-visibility: hidden;
  	position: absolute;
  	display: none;
  	width: 100%;
  	left: 0;
  	top: 0
  }
  .rslides li:first-child {
  	position: relative;
  	display: block;
  	float: left
  }
  .rslides img {
  	display: block;
  	height: auto;
  	float: left;
  	width: 100%;
  	border: 0
  }
  .rslides_tabs {
  	position: absolute;
  	bottom: 25px;
  	z-index: 2;
  	left: 50%;
  	width: 500px;
  	margin-left: -250px;
  	text-align: center
  }
  .rslides_tabs li {
  	display: inline-block;
  	background: rgba(0, 0, 0, 0.2);
  	padding: 5px 10px;
  	margin: 0 3px;
  	transition: background .25s ease
  }
  .rslides_tabs li:hover {
  	background: rgba(255, 255, 255, 0.2)
  }
  .rslides_tabs .rslides_here {
  	background: rgba(255, 255, 255, 0.4)!important
  }
  .rslides_tabs li>a {
  	color: #FFF
  }
  .rslides_nav {
  	position: absolute;
  	font-size: 2rem;
  	z-index: 2;
  	top: 50%;
  	color: #FFFFFF;
  	width: 40px;
  	height: 40px;
  	border: 1px solid #FFF;
  	padding: 0 14px;
  	line-height: 1.1;
  	border-radius: 50%;
  	transition: all 0.3s ease-out;
  }
  .rslides_nav:hover,
  .rslides_nav:focus {
  	text-decoration: none;
  	color: #FFF;
  	background: rgba(0,0,0,0.2);
  }
  .rslides_nav.prev {
  	left: 30px
  }
  .rslides_nav.next {
  	right: 30px
  }

  .bg-tile{
  	padding: 15px;
  	background: #E6E6E6;
  	border-radius: 4px;
  	box-shadow: 1px 1px 2px rgba(0,0,0,0.3);
  	margin-top: 15px;
  }
  .bg-tile img{
  	max-width: 130px;
  }
  .bg-tile hr{
  	border-top: 1px solid #CCC;
  }
  .form-container .placeholdit{
  	max-width: 500px;
  }
  .form-container h4{
  	margin-top: 35px;
  }
  .fomr-container hr{
  	margin-top: 0;
  }

  #process h5,
  #process h4,
  #process h2,
  #process h1{
  	font-family: 'Raleway';
  	text-transform: uppercase;
  }
  #process h5{
  	font-size: 1.8rem;
  }
  #process h4{
  	font-size: 3rem;
  	line-height: 3rem;
  }
  #process h4 b{
  	font-weight: 700;
  }
  #process h2{
  	font-size: 5.2rem;
  	font-weight: 700;
  	line-height: 4rem;
  	color: #d4f561;
  }
  #process h1{
  	font-size: 6.45rem;
  	font-weight: 700;
  	line-height: 5rem;
  }

  #research{
  	background: #0676c0 url('../img/bg-research.jpg') no-repeat center top;
  }
  #create{
  	background: #d91a5d url('../img/bg-create.jpg') no-repeat center top;
  }
  #deliver{
  	background: #10c1db url('../img/bg-deliver.jpg') no-repeat center top;
  }

  .color-tile h3{
  	color: #FFF;
  	line-height: 1.8rem;
  }
  .color-tile h3 em{
  	font-style: normal;
  	font-weight: 700;
  	font-size: 133%;
  }
  .color-tile h4{
  	color: #FFF;
  	margin-top: 25px;
  }

  #job-profiles{
  	margin-top: 40px;
  }
  #job-profiles .item{
  	text-align: left;
  	border: 1px solid #CCC;
  	padding: 13px;
  }
  #job-profiles .item h3{
  	margin-top: 0;
  	background: #01b3a9;
  	color: #FFF;
  	padding: 10px;
  	margin-left: -23px;
  }
  #job-profiles .item hr{
  	margin-top: 11px;
  	border-top: 1px solid #CCC;
  }

  #pre-loader{
  	position: fixed;
  	left: 0;
  	top: 0;
  	width: 100%;
  	height: 100%;
  	background: #0a0a0a;
  	z-index: 4;
  }
  #pre-loader img{
  	position: absolute;
  	left: 50%;
  	top: 50%;
  	transform: translate(-50%, -50%);
  }

  #hero{
  	padding: 0;
  	background: #000;
  }
  /* Style the Sequence container */
  #heroSlider {
  	position: relative;
  	width: 100%;
  	height: 525px;
  	max-width: 100%;
  	overflow: hidden;
  	margin: 0 auto;
  	padding: 0;
  }

  /* Make the canvas and steps the same dimensions as the container  */
  #heroSlider .seq-canvas,
  #heroSlider .seq-canvas > * {
  	margin: 0;
  	padding: 0;
  	list-style: none;
  }

/* Make the canvas the same dimensions as the container and prevent lines from
wrapping so each step can sit side-by-side */
#heroSlider .seq-canvas {
	position: absolute;
	height: 100%;
	width: 100%;
	white-space: nowrap;
	font-size: 0;
}

/* Make the steps the same size as the container and sit side-by-side */
#heroSlider .seq-canvas > * {
	display: inline-block;
	position: relative;
	vertical-align: top;
	width: 100%;
	height: 100%;
	white-space: normal;
	text-align: center;
	color: white;
}

/* Used to vertically center align the .content element */
#heroSlider .seq-canvas > li:before {
	content: "";
	display: inline-block;
	vertical-align: middle;
	height: 100%;
}

/* Vertically center align the .content element */
#heroSlider .content {
	display: inline-block;
	vertical-align: middle;
	position: absolute;
	width: 100%;
	height: 525px;
	left: 50%;
	max-width: 300px;
	transform: translate(-50%);
}

/* setup steps */
#heroSlider .step1 {
	background: #279fe5 url('../img/hero/home.jpg');
	background-size: cover;
	/*background-position-y: 69%;*/
}
#heroSlider .step2 {
	background: #279fe5 url('../img/hero/web-design-bg.jpg');
	background-size: cover;
}
#heroSlider .step3 {
	background: #279fe5 url('../img/hero/digital-marketing-bg.jpg');
	background-size: cover;
}
#heroSlider .step4 {
	background: #279fe5 url('../img/hero/ecomm-bg.jpg');
	background-size: cover;
}
#heroSlider .step5 {
	background: #279fe5 url('../img/hero/seo-bg.jpg');
	background-size: cover;
}

/* define step 1 */
.btn-trans-white{
	border: 1px solid #FFF;
	border-radius: 0;
	color: #FFF;
	transition: all 0.3s ease-out;
}
.btn-trans-white:hover{
	background: #FFF;
	color: #000;
}

#heroSlider .step1 h1{
	text-transform: uppercase;
	font-weight: 600;
	font-family: 'Nexa';
	margin: 0;
	position: absolute;
	left: 0;
	letter-spacing: 1px;
	opacity: 0;
	transition: all 0.4s ease-out;
	width: 100%;
}
#heroSlider .step1 .one{
	top: 50%;
}
#heroSlider .step1.seq-in .one{
	top: 16%;
	opacity: 1;
}
#heroSlider .step1 h3{
	text-transform: uppercase;
	margin: 0;
	top: 55%;
	left: 0;
	opacity: 0;
	transition: all 0.4s ease-out;
	position: absolute;
	width: 100%;
	transition-delay: 0.15s;
}
#heroSlider .step1.seq-in h3{
	opacity: 1;
	top: 25%;
}
#heroSlider .step1 .two{
	top: 50%;
	transition-delay: 0.3s;
}
#heroSlider .step1.seq-in .two{
	top: 31%;
	opacity: 1;
}
#heroSlider .step1 .buttons{
	position: absolute;
	left: 0;
	width: 100%;
	top: 85%;
	opacity: 0;
	transition: all 0.4s ease-out;
	transition-delay: 0.6s;
}
#heroSlider .step1.seq-in .buttons{
	top: 65%;
	opacity: 1;
}
#heroSlider .btn {
	width: 175px;
	margin: 2px 5px;
	font-size: 1rem;
	padding: 9px 15px;
	border: 2px solid #FFF;
	font-weight: 600;
	letter-spacing: 1px;
}

/* define remaining steps */
#heroSlider .step2 h1,
#heroSlider .step3 h1,
#heroSlider .step4 h1,
#heroSlider .step5 h1{
	position: absolute;
	width: 100%;
	left: 50%;
	transform: translateX(-50%);
	top: 4%;
	opacity: 0;
	max-width: 472px;
	font-family: 'Nexa';
	text-transform: uppercase;
	font-weight: 600;
	letter-spacing: 2px;
	font-size: 2rem;
	transition: all 0.5s ease-out;
	transition-delay: 0.6s;
}
#heroSlider .step2.seq-in h1,
#heroSlider .step3.seq-in h1,
#heroSlider .step4.seq-in h1,
#heroSlider .step5.seq-in h1{
	opacity: 1;
}

#heroSlider .step2 p,
#heroSlider .step3 p,
#heroSlider .step4 p,
#heroSlider .step5 p{
	position: absolute;
	left: 50%;
	transform: translateX(-50%);
	top: 25%;
	width: 100%;
	text-transform: uppercase;
	font-weight: 100;
	color: #ffffff;
	opacity: 0;
	transition: all 0.5s ease-out;
	transition-delay: 0.9s;
}
#heroSlider .step2.seq-in p,
#heroSlider .step3.seq-in p,
#heroSlider .step4.seq-in p,
#heroSlider .step5.seq-in p{
	opacity: 1;
}

#heroSlider .step2 a,
#heroSlider .step3 a,
#heroSlider .step4 a,
#heroSlider .step5 a{
	position: absolute;
	font-size: 1rem;
	top: 41%;
	left: 50%;
	transform: translateX(-50%);
	color: #FFF;
	padding: 7px 20px;
	opacity: 0;
	min-width: 175px;
	transition: background 0.3s ease-out 0s, opacity 0.5s ease-out 1.2s;
	border: 1px solid #FFF;
}
#heroSlider .step2 a:hover,
#heroSlider .step3 a:hover,
#heroSlider .step4 a:hover,
#heroSlider .step5 a:hover{
	background: #FFF;
	color: #444;
	text-decoration: none;
}
#heroSlider .step2.seq-in a,
#heroSlider .step3.seq-in a,
#heroSlider .step4.seq-in a,
#heroSlider .step5.seq-in a{
	opacity: 1;
}

#heroSlider .step2 img,
#heroSlider .step3 img,
#heroSlider .step4 img,
#heroSlider .step5 img{
	position: absolute;
	bottom: -10%;
	left: 50%;
	transform: translateX(-50%);
	width: 100%;
	max-width: 370px;
	opacity: 0;
	transition: all 1s ease-out;
}
#heroSlider .step2.seq-in img,
#heroSlider .step3.seq-in img,
#heroSlider .step4.seq-in img,
#heroSlider .step5.seq-in img{
	bottom: 8%;
	opacity: 1;
}

/* step specific fine tunings */
#heroSlider .step3 h1,
#heroSlider .step3.seq-in h1{
	top: 17%;
}
#heroSlider .step3 p{
	top: 38%;
}
#heroSlider .step3 a{
	top: 52%;
}
#heroSlider .step3 img{
	bottom: -15%;
}
#heroSlider .step5 img{
	bottom: -15%;
}
#heroSlider .step3.seq-in img,
#heroSlider .step5.seq-in img{
	bottom: 0;
}

/* media queries of steps */
@media (min-width: 480px){
	#heroSlider .content{
		max-width: 445px;
	}
	#heroSlider .step1.seq-in .one {
		top: 19%;
	}
	#heroSlider .step1.seq-in h3 {
		top: 27%;
	}
	#heroSlider .step1 p.two{
		left: 32%;
	}
	#heroSlider .step1.seq-in .buttons {
		top: 57%;
		opacity: 1;
	}
	#heroSlider .step2 h1,
	#heroSlider .step3 h1,
	#heroSlider .step4 h1,
	#heroSlider .step5 h1{
		font-size: 2.4rem;
	}
	#heroSlider .step2 p,
	#heroSlider .step3 p,
	#heroSlider .step4 p,
	#heroSlider .step5 p{
		top: 24%;
	}
	#heroSlider .step2 a,
	#heroSlider .step3 a,
	#heroSlider .step4 a,
	#heroSlider .step5 a{
		top: 34%;
	}
	#heroSlider .step3 h1,
	#heroSlider .step3.seq-in h1{
		top: 12%;
	}
	#heroSlider .step5 .right{
		max-width: 200px;
		right: 0;
	}
}
@media (min-width: 768px){
	#heroSlider .content{
		max-width: 750px;
	}
	#heroSlider .step1.seq-in .one{
		top: 36%;
	}
	#heroSlider .step1.seq-in h3 {
		top: 43%;
	}
	#heroSlider .step1.seq-in .two {
		top: 48%;
	}
	#heroSlider .step1.seq-in .buttons {
		top: 65%;
		opacity: 1;
	}
	#heroSlider .step2 p,
	#heroSlider .step3 p,
	#heroSlider .step4 p,
	#heroSlider .step5 p{
		top: 24%;
	}
	#heroSlider .step2 a,
	#heroSlider .step3 a,
	#heroSlider .step4 a,
	#heroSlider .step5 a {
		top: 30%;
	}
	#heroSlider .step3 img{
		max-width: 500px;
	}
}
@media (min-width: 992px){
	#heroSlider .step2 img,
	#heroSlider .step3 img,
	#heroSlider .step4 img,
	#heroSlider .step5 img {
		left: 25%;
		max-width: 470px;
	}
	#heroSlider .step2 h1,
	#heroSlider .step3 h1,
	#heroSlider .step4 h1,
	#heroSlider .step5 h1 {
		width: 60%;
		left: 60%;
		top: 43%;
		text-align: left;
		transform: translateX(0);
	}
	#heroSlider .step2 p,
	#heroSlider .step3 p,
	#heroSlider .step4 p,
	#heroSlider .step5 p {
		position: absolute;
		left: 60%;
		top: 64%;
		width: 50%;
		text-align: left;
		transform: translateX(0);
	}
	#heroSlider .step2 a,
	#heroSlider .step3 a,
	#heroSlider .step4 a,
	#heroSlider .step5 a {
		top: 74%;
		left: 60%;
		transform: translateX(0);
	}
	#heroSlider .step3 h1,
	#heroSlider .step3.seq-in h1{
		top: 53%;
	}
	#heroSlider .step3 img{
		bottom: -15%;
		max-width: 530px;
	}
	#heroSlider .step5 img{
		bottom: -15%;
	}
	#heroSlider .step3.seq-in img,
	#heroSlider .step5.seq-in img{
		bottom: 0;
	}
}
@media (min-width: 1200px){
	#heroSlider .content {
		max-width: 1200px;
	}

	#heroSlider .step1.seq-in .one {
		top: 38%;
		font-size: 2.2rem;
	}
	#heroSlider .step1.seq-in h3 {
		top: 46%;
	}
	#heroSlider .step1.seq-in .two {
		top: 51%;
		font-size: 2.2rem;
	}
	#heroSlider .step1.seq-in .buttons {
		top: 67%;
	}

	#heroSlider .step2 img,
	#heroSlider .step3 img,
	#heroSlider .step4 img,
	#heroSlider .step5 img{
		left: 25%;
		max-width: 570px;
	}
	#heroSlider .step2 h1,
	#heroSlider .step3 h1,
	#heroSlider .step4 h1,
	#heroSlider .step5 h1 {
		width: 40%;
		left: 57%;
		top: 39%;
	}
	#heroSlider .step2 p,
	#heroSlider .step3 p,
	#heroSlider .step4 p,
	#heroSlider .step5 p{
		left: 57%;
		top: 62%;
		width: 35%;
	}
	#heroSlider .step2 a,
	#heroSlider .step3 a,
	#heroSlider .step4 a,
	#heroSlider .step5 a{
		top: 74%;
		left: 57%;
	}
	#heroSlider .step3.seq-in h1{
		top: 50%;
	}
	#heroSlider .step3 img{
		max-width: 720px;
		left: 30%;
	}
	#heroSlider .step5 img {
		max-width: 580px;
		left: 30%;
	}
}

#heroSlider .seq-pagination{
	position: absolute;
	bottom: 50%;
	left: 1%;
	transform: translateY(50%);
	padding: 0;
	width: 29px;
}
#heroSlider .seq-pagination li{
	display: inline-block;
	background: #FFF;
	width: 18px;
	height: 18px;
	background: rgba(150,150,150,0.1);
	margin: 4px;
	transition: all 0.2s;
	box-shadow: 0 1px 1px rgba(255,255,255,0.4),
	inset 0 1px 1px rgba(0,0,0,0.1),
	0 0 0 2px rgba(255,255,255,0.5);
	position: relative;
	border-radius: 50%;
	cursor: pointer;
}
#heroSlider .seq-pagination li:hover,
#heroSlider .seq-pagination li.seq-current{
	box-shadow: 0 1px 1px rgba(255,255,255,0.4),
	inset 0 1px 1px rgba(0,0,0,0.1),
	0 0 0 5px rgba(255,255,255,0.5);
}
#heroSlider .seq-pagination .seq-current:after{
	content: "";
	position: absolute;
	width: 10px;
	height: 10px;
	top: 4px;
	left: 4px;
	border-radius: 50%;
	background: rgba(255,255,255,0.8);
}

#intro{
	text-align: center;
	padding-top: 2rem;
	padding-bottom: 2rem;
}
#intro h1{
	margin-bottom: 1.0rem;
}
#intro p{
	line-height: 1.5rem;
}
#intro em{
	background: #d4f561;
	color: #0053d0;
	font-weight: 700;
	font-style: normal;
}

#overview{
	padding: 0;
}
.overview-slider img{
	width: 100%;
}
.overview-slider p{
	margin-bottom: 5px;
	padding-bottom: 4px;
}
.overview-slider .border-heading{
	color: #000;
	display: block;
	margin: 8px 0;
	font-size: 1.4rem;
	transition: background 0.25s ease-out;
}
.overview-slider a:hover{
	text-decoration: none;
}
.overview-slider a:hover .border-heading{
	background: #eee;
}

.overview-ls-prev,
.overview-ls-next{
	position: absolute;
	top: 47%;
	color: #616161;
}
.overview-ls-prev{
	left: 3%;
}
.overview-ls-next{
	right: 3%;
}
@media (min-width: 768px){
	.overview-ls-prev,
	.overview-ls-next{
		display: none;
	}
}

#home-portfolio{
	background: #333 url('../img/portfolio-back.jpg');
	background-size: cover;
	color: #FFF;
	padding-top: 2rem;
	padding-bottom: 0;
	overflow: hidden;
}
.line-through{
	position: relative;
	padding-left: 25px;
	overflow: hidden;
}
.line-through> span:before,
.line-through > span:after{
	content: '';
	position: absolute;
	border-top: 1px solid;
	top: 44%;
}
.line-through> span:before{
	width: 15px;
	left: 0;
}
.line-through > span:after{
	width: 100%;
	margin-left: 10px;
}
.text-white{
	color: #FFF;
}
#home-portfolio h1{
	font-weight: 100;
}
#home-portfolio .btn{
	border: 1px solid #FFF;
	border-radius: 0;
	color: #FFF;
	padding: 4px 20px;
}
#home-portfolio .lSSlideOuter{
	box-shadow: 0 0 20px rgba(0,0,0,0.5);
	margin-top: 30px;
}
@media (min-width: 768px){
	#home-portfolio .lSSlideOuter{
		margin-top: 0;
	}
}

.bold-message{
	padding: 7rem 0;
}
.bold-message > *{
	text-transform: uppercase;
}

#brands{
	background: #F3F3F3;
}
#brands .container{
	margin-top: 40px;
}
#brands .col-sm-2{
	padding-bottom: 33.333333%;
	background: url('../img/brands-sprite.png') no-repeat;
	background-size: 600%;
	border: 1px solid rgba(34, 117, 245, 0.12);
	filter: saturate(0%);
	-webkit-filter: saturate(0%);
	opacity: 0.8;
	transition: all 0.4s ease-out;
}
#brands .col-sm-2:hover{
	filter: saturate(100%);
	-webkit-filter: saturate(100%);
	opacity: 1;
}
@media (min-width: 768px){
	#brands .col-sm-2{
		padding-bottom: 16.666666%;
	}
}
#brands .one{
	border-top-color: transparent;
	border-left-color: transparent;
}
#brands .two{
	background-position: 20% 0;
	border-top-color: transparent;
}
#brands .three{
	background-position: 40% 0;
	border-top-color: transparent;
}
#brands .four{
	background-position: 60% 0;
	border-top-color: transparent;
}
#brands .five{
	background-position: 80% 0;
	border-top-color: transparent;
}
#brands .six{
	background-position: 100% 0;
	border-top-color: transparent;
	border-right-color: transparent;
}
#brands .seven{
	background-position: 0% 100%;
	border-bottom-color: transparent;
	border-left-color: transparent;
}
#brands .eight{
	background-position: 20% 100%;
	border-bottom-color: transparent;
}
#brands .nine{
	background-position: 40% 100%;
	border-bottom-color: transparent;
}
#brands .ten{
	background-position: 60% 100%;
	border-bottom-color: transparent;
}
#brands .eleven{
	background-position: 80% 100%;
	border-bottom-color: transparent;
}
#brands .twelve{
	background-position: 100% 100%;
	border-bottom-color: transparent;
	border-right-color: transparent;
}

#social-plugins .item{
	background: #e1e1e1;
	padding: 10px;
}
#social-plugins .item .title h4{
	color: #000;
	margin-top: 2px;
}
#social-plugins .item .content{
	width: 100%;
}

#testimonials{
	background: #444 url('../img/testimonials-bg2.jpg') no-repeat fixed;
	background-size: cover;
	color: #FFF;
	padding: 5rem 0;
}
#schemaReviews{
	width: 0;
	height: 0;
	overflow: hidden;
}
.fa-star{
	color: #ffdb22;
}
#testimonials h1{
	margin-bottom: 2rem;
}
#testimonials .author{
	text-align: left;
	padding: 0px;
	display: inline-block;
	min-width: 320px;
	margin: 1rem 0 2rem;
}
#testimonials li img{
	width: 100%;
	/*max-width: 60px;*/
	max-width: 75px;
	border-radius: 50%;
	float: left;
	margin-right: 10px;
	transform: translateY(-5px);
}

.skillbar {
	position:relative;
	display:block;
	margin-bottom:15px;
	width:100%;
	background:#eee;
	height:20px;
	border-radius:3px;
	-webkit-border-radius:3px;
	transition:0.4s linear;
	-webkit-transition:0.4s linear;
	transition-property:width, background-color;
	-webkit-transition-property:width, background-color;
}

.skillbar-bar {
	position: relative;
	height:20px;
	width:0px;
	background: #0ae66c;
	border-radius:3px;
	float: left;
	transition: all 0.5s ease-out;
}

.skill-bar-percent {
	color: #0ae66c;
	background: #000;
	padding: 6px;
	position: absolute;
	right: 0px;
	min-width: 40px;
	transform: translate(50%, -20%);
}

.quiz{
	padding: 27px 0;
	background: #e8e8e8;
	margin-top: 30px;
	box-shadow: 1px 2px 3px rgba(0,0,0,0.25);
	text-align: center;
}
.quiz button,
.quiz a{
	margin-top: 30px;
}
.quiz .question,
.signup{
	display: none;
}
.quiz .question:first-child{
	display: block;
}
.quiz .question > h2{
	margin-bottom: 38px;
}
.quiz .question input{
	opacity: 0;
}
.quiz .question label{
	width: 40%;
	vertical-align: top;
	padding: 10px;
	cursor: pointer;
}
@media (min-width: 768px){
	.quiz .question label{
		width: 22%;
	}
}
.quiz .question label img{
	width: 100%;
	max-width: 125px;
	display: block;
	margin: 0 auto 10px;
}
.quiz .question input:checked + label{
	background: #c7c7c7;
}
.quiz .signup{
	background: #3a331d url('../img/quiz/park-background.jpg') no-repeat;
	background-size: 100%;
	margin: 0 30px;
	padding: 42px;
	position: relative;
	color: #FFF;
	overflow: hidden;
}
.quiz .signup h1{
	margin-bottom: 56%;
	font-weight: 600;
	margin-top: -16px;
}
.quiz .signup .ball{
	position: absolute;
	right: -17%;
	top: 7%;
	animation-duration: 4s;
	animation-fill-mode: both;
	animation-timing-function: ease-in;
	animation-delay: 0.5s;
}
.quiz .signup .ball:before{
	content: '';
	position: absolute;
	display: block;
	width: 20px;
	height: 20px;
	border-radius: 50%;
	background: #ec1515;
	animation-duration: 4s;
	animation-fill-mode: both;
	animation-timing-function: linear;
	animation-delay: 0.5s;
}
.quiz .signup .ball:after{
	content: '';
	width: 20px;
	height: 1px;
	position: absolute;
	top: 20px;
	left: 4px;
	margin-left: 0;
	background: rgba(20, 20, 20, .1);
	box-shadow: 0px 0 19px 4px rgba(20,20,20,.2);
	opacity: 0;
	animation-duration: 4s;
	animation-fill-mode: both;
	animation-timing-function: linear;
	animation-delay: 0.5s;
}
@media (min-width: 620px){
	.quiz .signup .ball{
		top: 12%;
	}
}
@media (min-width: 700px){
	.quiz .signup .ball{
		top: 16%;
	}
}
@media (min-width: 768px){
	.quiz .signup .ball{
		right: -6%;
		top: 22%;
	}
	.quiz .signup .ball:before{
		width: 25px;
		height: 25px;
	}
	.quiz .signup .ball:after{
		top: 28px;
	}
}
@media (min-width: 1024px){
	.quiz .signup .ball{
		right: -12%;
		top: 14%;
	}
}
@media (min-width: 1200px){
	.quiz .signup .ball{
		right: -4%;
		top: 21%;
	}
}
.quiz .signup .ball.rollInGround{
	animation-name: signupBallVert;
	-webkit-animation-name: signupBallVert;
}
.quiz .signup .ball.rollInGround:before{
	animation-name: signupBallHoriz;
	-webkit-animation-name: signupBallHoriz;
}
.quiz .signup .ball.rollInGround:after{
	animation-name: signupBallOpacity, signupBallHoriz;
	-webkit-animation-name:  signupBallOpacity, signupBallHoriz;
}
@-webkit-keyframes signupBallHoriz{
	0% { transform: translateX(0); }
	20% { transform: translateX(-235px); }
	30% { transform: translateX(-286px); }
	40% {	transform: translateX(-332px); }
	50% {	transform: translateX(-353px); }
	60% {	transform: translateX(-373px); }
	90% { transform: translateX(-403px); }
	100% { transform: translateX(-409px); }
}
@keyframes signupBallHoriz{
	0% { transform: translateX(0); }
	20% { transform: translateX(-235px); }
	30% { transform: translateX(-286px); }
	40% {	transform: translateX(-332px); }
	50% {	transform: translateX(-353px); }
	60% {	transform: translateX(-373px); }
	90% { transform: translateX(-403px); }
	100% { transform: translateX(-409px); }
}

@-webkit-keyframes signupBallVert{
	0% { transform: translateY(0); }
	20% { transform: translateY(166px); }
	30% {	transform: translateY(145px); }
	40% {	transform: translateY(167px); }
	50% {	transform: translateY(159px); }
	60% {	transform: translateY(168px); }
	100% { transform: translateY(171px); }
}
@keyframes signupBallVert{
	0% { transform: translateY(0); }
	20% { transform: translateY(166px); }
	30% {	transform: translateY(145px); }
	40% {	transform: translateY(167px); }
	50% {	transform: translateY(159px); }
	60% {	transform: translateY(168px); }
	100% { transform: translateY(171px); }
}

@-webkit-keyframes signupBallOpacity{
	0% { opacity: 0; }
	17% { opacity: 0; }
	20% { opacity: 1; }
	30% {	opacity: 0; }
	40% {	opacity: 1; }
	50% {	opacity: 0; }
	60% {	opacity: 1; }
	100% { opacity: 1; }
}
@keyframes signupBallOpacity{
	0% { opacity: 0; }
	17% { opacity: 0; }
	20% { opacity: 1; }
	30% {	opacity: 0; }
	40% {	opacity: 1; }
	50% {	opacity: 0; }
	60% {	opacity: 1; }
	100% { opacity: 1; }
}

.quiz .signup #estimate{
	background: #0676c0;
	color: #fff;
	transform: rotate(-3deg);
	margin-top: -8px;
	margin-bottom: 21px;
	font-family: 'Nexa';
	font-weight: 800;
}
.quiz .signup #estimate .fa{
	font-size: 1.35rem;
}
.quiz .signup .form-control{
	width: 64%;
	display: inline-block;
	vertical-align: top;
}

#quiz{
	background: #212121;
	color: #FFF;
}
#quiz h1{
	margin: 0;
}
#quiz .btn-trans:hover{
	color: #212121;
}
/*----------contact us redesigned-----*/
.map-container iframe{
	width: 100%;
	display: block;
	pointer-events: none;
	position: relative; /* IE needs a position other than static */
}
.map-container iframe.clicked{
	pointer-events: auto;
}
.pageheader#contact{
	background: #333 url(../img/contact.jpg);
	background-size: cover !important;
	background-attachment: fixed;
	background-position: center 40%;


}
.mrg-btm-30 {
	margin-bottom: 30px !important;
}


.contact-detail span {
	display: inline-block;
	letter-spacing: 0.5px;
	margin-top: 8px;
	font-size: 15px;
}
.mrg-top-50{
	margin-top: 50px;
}
.contact-detail .mrg-top-30 {
	margin-top: 30px !important;
}

.contact-detail .text-white {
	color: #1a1a1a !important;
	font-weight: 600;
	letter-spacing: 1px;
	font-size: 16px;
	border-bottom: 1px dotted #000;
	padding-bottom: 3px;
}
.contact-detail .social-btn li {
	display: inline;

}

.left-align{
	text-align: left;
}
.contact-detail .content{
	padding: 59px 54px 102px 54px;
	background: rgba(238, 238, 238, 0.68);
	background-position: 31% -81%;
	box-shadow: 0 4px 8px 3px rgba(0, 0, 0, 0.15);
}
.contact-detail #contact-form{
	padding: 	27px 35px 20px 35px;
	margin-top: 35px;
	/*-margin-left: 8%;--*/

}
@media(max-width:768px){
	.contact-detail #contact-form{
		margin-left: 0%;
		border: 0px solid #eee;
		margin-top:0px !important;
		margin-bottom:25px;
	}
	.contact-detail .content{
		box-shadow: none !important;
	}
}
#contact-form input,#contact-form textarea{
	border-radius: 0px;
}
#contact-form .form-control:focus {
	border-color: #ccc;
	outline: 0;
	-webkit-box-shadow: none !important;
	box-shadow:none !important;
}
#contact-form .hvr-sweep-to-right{
	background: #000;
	border: 0px solid #000;
	padding: 4px 25px 2px;
	font-size: 0.9rem;
	color: #fff;
	text-transform: uppercase;
}
.contact-part .info{
	margin-left: 52px;
}
.contact-part .contact-icon{
	font-size: 30px;
	margin-top: 5px;
	float: left;
}
.contact-part{
	margin-bottom: 35px;
}
.contact-detail .social-btn{
	padding-left: 15px;
}
.contact-detail .social-btn a{
	margin-right: 10px;
	font-size: 1rem;
	width: 40px;
	display: inline-block;
	height: 40px;
	line-height: 40px;
	text-align: center;
	color: #fff;
	transition: background .4s;
}
.contact-detail .social-btn a.fb{
	background: #3b5998;
}
.contact-detail .social-btn a.fb:hover{
	background: #4f7ad4;
}
.contact-detail .social-btn a.twitter{
	background: #dd4b39;
}
.contact-detail .social-btn a.twitter:hover{
	background: #ff5641;
}
.contact-detail .social-btn a.google{
	background: #1da1f2;
}
.contact-detail .social-btn a.google:hover{
	background: #5bc1ff;
}
.contact-detail .social-btn a.linked{
	background: #0077b5;
}
.contact-detail .social-btn a.linked:hover{
	background: #5ea4c9;
}
.contact-detail #contact-form input{
	height: 54px !important;
	color: #000;
}
.contact-detail #contact-form select option{

	color: #000;
}
.contact-detail #contact-form input[type="text"],
.contact-detail #contact-form input[type="email"],
.contact-detail #contact-form input[type="placeholder"]
{
	height: 54px !important;
	color: #000;
	font-size: 15px;
}
.contact-detail #contact-form input::-webkit-input-placeholder,
.contact-detail #contact-form textarea::-webkit-input-placeholder,
.contact-detail #contact-form select::-webkit-input-placeholder {
	color: #000 !important;
}
.contact-detail #contact-form select{
	height: 54px !important;
	border-radius: 0px;
}
#contact-form h6{
	color: #000;
	padding-bottom: 13px;
}
#contact-form h2{
	margin-bottom: 18px;
}
/*---index--*/
.info-text{
	font-size: 14px !important;
}
.nomargin-t{
	margin-top: 0px !important;
}
.call-to-action{
	position: fixed;
	bottom: 0px;
	width: 100%;
	z-index: 999;
	display: block;
	background-color: #5cb85c;
	padding-top: 3px;
	left: 0;
}
.call-to-action .btn{
	width: 50%;
	background-color: #5cb85c;
	color: #fff;
	border-right: 1px solid #fff;
	font-weight: 600;
	font-size: 16px;
	margin: -1px;
	padding:11px;
	/* z-index: 11111; */
	border-radius: 0px;
}
.call-to-action .btn:hover{
	background: 	#000;
	color: 	#fff;
	transition:background .5s;
}
@media only screen and (min-width: 480px) {
	.call-to-action{
		display: 	none;
	}
}

#service-portfolio .seq-canvas .seq-in .right > a {
	transition-delay: 0s;
}
/*--body overlay on service pages--*/
@media(max-width: 768px){
	.body-overlay{
		padding: 	0px !important;
	}
}
.overlay{
	display: 	none;
}
.body-overlay{
	position: fixed;
	height: 100%;
	width: 100%;
	display: 	block;
	top: 0px;
	background:rgba(205, 220, 57, 0.96);
	text-align: center;
	padding: 173px 255px;
	z-index: 999;

}
.body-overlay h1{
	font-size: 53px;
	line-height: 137%;
	color: #fff;
	text-shadow: 1px 2px 2px rgba(0, 0, 0, 0.55);
	text-transform: uppercase;
}
.body-overlay .btn{
	background: #fff;
	padding: 14px 32px;
	font-size: 20px;
	color: #000;
	text-transform: uppercase;
	border-radius: 	0px;
	font-weight: 600;
	transition:0.5s ease-out;

}
.body-overlay .btn:hover{
	background: #000000;
	color: #CDDC39;
}

.body-overlay a{
	color: #fff;
	font-weight: 900;
}
iframe[name="google_conversion_frame"]{
	position: absolute;
}