/*********************************************************************************

      

		Author: GoingClear Interactive - GoingClear, Inc.

        Date: 9/21/2014

	

+++++++++++++++++++	

TABLE OF CONTENTS

+++++++++++++++++++



    #Global

	#Text Styles

	#Link Styles

	#Header

	#Nav-Header

	#Nav-Global

	#Nav-Footer

	#Main-Menu Sub Nav

	#Image Slider - Home Page

	#Image Slider Arrows

	#Image Slider Home Nav

	#Image Slider - Inner Pages

	#Orange Buttons

	#Grid

	#Media Queries

        #Packages

	

	***SPECIFIC PAGES



/***************************

GLOBAL

***************************/

body {
	margin: 0;
	background-color: #fff;
	/*background-color:#ccc;*/

	line-height: 1.5;
	font-family: 'Lato', sans-serif;
	font-weight: 300;
	font-size: 16px;
	text-rendering: optimizeLegibility;
}
.noselect {
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}
html, body, div, span, img, ol, ul, li, a, p, h1, h2, h3, h4, h5, h6,  option, legend, label, table, th, td, tr, article, aside, fig,  caption, figure, footer, header, hgroup, mark, nav, section,  time, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
}
ol, ul {
	list-style-type: none;
}
table {
	border-collapse: collapse;
}
.clear {
	clear: both;
}
.clearfix:after {
     visibility: hidden;
     display: block;
     font-size: 0;
     content: " ";
     clear: both;
     height: 0;
     }
.clearfix { display: inline-block; }
/* start commented backslash hack \*/
* html .clearfix { height: 1%; }
.clearfix { display: block; }
/* close commented backslash hack */

.left {
	float: left;
}
.right {
	float: right;
}
.alignleft {
	float: left;
	margin-right: 10px;
}
.alignright {
	float: right;
	margin-left: 10px;
}
.center {
	margin: 0 auto!important;
	display: block;
}
.centered {
	text-align: center;
}
.bgWhite {
	background-color: #fff!important;
}
.bgGreen {
	background-color: #8ec652;
}
.bgBlue {
	background-color: #008cc6;
}
.bgLightBlue {
	background-color: #e1ebee;
}
.bgOrange {
	background-color: #f90;
}
.offWhite {
	background-color: #f2f2f2;
}
.wrap-header {
	position: relative;
	top: 0;
	left: 0;
	width: 100%
}
.wrap {
	position: relative;
	top: 0;
	left: 0;
	z-index: 3;
	width: 100%;
}
.wrap-nav-services {
	position: relative;
	top: 0;
	left: 0;
	z-index: 3;
	width: 100%;
}
.wrapBig {
	position: relative;
	top: 0;
	left: 0;
	width: 100%;
	margin: 0 auto;
}
.content {
	position: relative;
	top: 0;
	left: 0;
	max-width: 1200px;
	margin: 0 auto;
}
.content:after {
	content: ' ';
	display: block;
	clear: both;
}
.content-header { /* so content p class doesn't talk to  - LUIS FIX*/
	position: relative;
	top: 0;
	left: 0;
	max-width: 1200px;
	margin: 0 auto;
}
.content-pad {
	padding: 50px 30px 60px;
	background-color: #fff;
}
.content-pad-inner {
	padding: 40px 30px 60px;
}
.unordered-list {
	list-style-type: disc;
	padding-left: 18px;
	font-family: 'Lato', sans-serif;
	font-weight: 400;
	font-size: 14px;
	color: #707070;
}
.anchor {
	height: 120px !important;
	display: block;
}
.anchor:before {
	content: " ";
	display: block;
	margin: -120px 0 0;
}
.icon_tiny_ecommerce-websites {
	background-image: url(images/categories/tiny-6.png);
	display: inline-block;
	height: 25px;
	width: 25px;
}
.icon_tiny_startup-website-projects {
	background-image: url(images/categories/tiny-3.png);
	display: inline-block;
	height: 25px;
	width: 25px;
}
.icon_tiny_high-end-custom-websites {
	background-image: url(images/categories/tiny-1.png);
	display: inline-block;
	height: 25px;
	width: 25px;
}
.icon_tiny_small-business-website-packages {
	background-image: url(images/categories/tiny-2.png);
	display: inline-block;
	height: 25px;
	width: 25px;
}
.icon_tiny_usa-government-projects {
	background-image: url(images/categories/tiny-5.png);
	display: inline-block;
	height: 25px;
	width: 25px;
}
.icon_tiny_marketing {
	background-image: url(images/categories/tiny-4.png);
	display: inline-block;
	height: 25px;
	width: 25px;
}
.icon_tiny_start-up-venture-website-projects {
	background-image: url(images/categories/tiny-3.png);
	display: inline-block;
	height: 25px;
	width: 25px;
}
/* SHOWCASE LOGOS ROTATOR PLUGIN */	

.showcase-logos-home {
	margin-bottom: 38px;
}
.lshowcase-logos img {
	cursor: auto!important;
}
/***************************

TEXT STYLES

***************************/

.bodyText {
	font-family: 'Lato', sans-serif;
	font-weight: 300;
	font-size: 16px;
	padding: 5px 20px;
}
.bodyTextCenter {
	font-family: 'Lato', sans-serif;
	font-weight: 300;
	font-size: 16px;
	padding: 5px 20px;
	text-align: center;
}
.lowercase-h2 {
	font-family: 'Lato', sans-serif;
	font-weight: 400;
	font-size: 22px;
	color: #000;
}
.title {
	color: #008cc6;
	font-size: 50px;
	font-family: 'Lato', sans-serif;
	font-weight: 700;
	text-align: center;
	text-transform: uppercase;
	padding: 0;
	padding-bottom: 10px;
	margin: 0;
}
.subtitle {
	font-family: 'Lato', sans-serif;
	font-weight: 400;
	font-size: 22px;
	color: #000;
	text-transform: uppercase;
	text-align: center;
}
.white-h1 {
	font-family: 'Lato', sans-serif;
	font-weight: 700;
	font-size: 50px;
	line-height: .8;
	margin-top: 25px;
	margin-bottom: 45px;
	text-align: center;
	text-transform: uppercase;
	color: #fff;
	padding-top: 60px;
	margin-top: 0;
}
.blue-h1 {
	color: #008cc6;
	font-size: 50px;
	font-family: 'Lato', sans-serif;
	font-weight: 700;
	text-align: center;
	text-transform: uppercase;
	margin-bottom: 10px;
}
p.Our-Team {
	font-family: 'Lato', sans-serif;
	font-weight: 700;
	font-size: 50px;
	line-height: .8;
	margin-top: 25px;
	margin-bottom: 30px;
	text-align: center;
	text-transform: uppercase;
	color: #fff;
	padding-top: 60px;
	margin-top: 0;
}
.Title-innerPg {
	font-weight: 700;
	font-size: 70px;
	line-height: .9;
	font-family: 'Lato', sans-serif;
	color: #fff;
	text-transform: uppercase;
	line-height: 1;
	margin-bottom: 33px;
	text-shadow: 2px 2px 5px #222;
}
.Subtitle-innerPg {
	font-weight: 400;
	font-size: 24px;
	line-height: 1;
	text-transform: uppercase;
	font-family: 'Lato', sans-serif;
	color: #fff;
	line-height: 1;
	max-width: 950px;
	margin: 0 auto;
	text-shadow: 2px 2px 5px #222;
}
/***************************

LINK STYLES

***************************/	

.content a:link, .content a:link, .content a:visited, .content a:active {
	color: #8ec652;
	font-weight: 600;
}
a:link {
	color: #8ec652;
	font-weight: 600!important;
	text-decoration: none;
}
a:visited {
	color: #8ec652;
	font-weight: 600!important;
	text-decoration: none;
}
a:hover {
	color: #8ec652;
	font-weight: 600!important;
	text-decoration: none
}
a:active {
	color: #8ec652;
	font-weight: 600!important;
	text-decoration: none;
}
.org-btn:link {
	color: #fff;
	cursor: pointer;
	text-decoration: none;
}
.org-btn:visited {
	color: #fff;
	cursor: pointer;
	text-decoration: none;
}
.org-btn:hover {
	color: #fff;
	cursor: pointer;
	text-decoration: none
}
.org-btn:active {
	color: #fff;
	cursor: pointer;
	text-decoration: none;
}
.ftr-link a:link {
	color: #fff;
	cursor: pointer;
	text-decoration: none;
}
.ftr-link a:visited {
	color: #fff;
	cursor: pointer;
	text-decoration: none;
}
.ftr-link a:hover {
	color: #008cc6;
	cursor: pointer;
	text-decoration: none;
	-webkit-transition: 0.1s ease;
	-moz-transition: 0.1s ease;
	-o-transition: 0.1s ease;
	transition: 0.1s ease;
}
.ftr-link a:active {
	color: #008cc6;
	cursor: pointer;
	text-decoration: none;
}
.orange:link {
	color: #ff9900!important;
	cursor: pointer;
	text-decoration: none;
}
.orange:visited {
	color: #ff9900!important;
	cursor: pointer;
	text-decoration: none;
}
.orange:hover {
	color: #0078be!important;
	cursor: pointer;
	text-decoration: none;
}
.orange:active {
	color: #0078be!important;
	cursor: pointer;
	text-decoration: none;
}
.grn-bar:link {
	color: #fff!important;
	cursor: pointer;
	text-decoration: underline;
	font-family: 'Lato', sans-serif;
	font-weight: 400;
}
.grn-bar:visited {
	color: #fff!important;
	cursor: pointer;
	text-decoration: underline;
	font-family: 'Lato', sans-serif;
	font-weight: 400;
}
.grn-bar:hover {
	color: #0078be!important;
	cursor: pointer;
	text-decoration: none;
	font-family: 'Lato', sans-serif;
	font-weight: 400;
}
.grn-bar:active {
	color: #0078be!important;
	cursor: pointer;
	text-decoration: none;
	font-family: 'Lato', sans-serif;
	font-weight: 400;
}
.wt-undr:link {
	color: #fff;
	cursor: pointer;
	text-decoration: underline;
}
.wt-undr:visited {
	color: #fff;
	cursor: pointer;
	text-decoration: underline;
}
.wt-undr:hover {
	color: #008cc6;
	cursor: pointer;
	text-decoration: underline;
}
.wt-undr:active {
	color: #008cc6;
	cursor: pointer;
	text-decoration: underline;
}
.wt-undr:link {
	color: #fff;
	cursor: pointer;
	font-weight: 700;
	text-decoration: underline;
}
.wt-undr:visited {
	color: #fff;
	cursor: pointer;
	font-weight: 700;
	text-decoration: underline;
}
.wt-undr:hover {
	color: #008cc6;
	cursor: pointer;
	font-weight: 700;
	text-decoration: underline;
}
.wt-undr:active {
	color: #008cc6;
	cursor: pointer;
	font-weight: 700;
	text-decoration: underline;
}
.green-blue:link {
	color: #8ec652;
	cursor: pointer;
	font-weight: bold;
	text-decoration: none;
}
.green-blue:visited {
	color: #8ec652;
	cursor: pointer;
	font-weight: bold;
	text-decoration: none;
}
.green-blue:hover {
	color: #008cc6;
	cursor: pointer;
	font-weight: bold;
	text-decoration: underline;
}
.green-blue:active {
	color: #008cc6;
	cursor: pointer;
	font-weight: bold;
	text-decoration: underline;
}
.blue-green:link {
	color: #008cc6;
	cursor: pointer;
	font-weight: bold;
	text-decoration: none;
}
.blue-green:visited {
	color: #008cc6;
	cursor: pointer;
	font-weight: bold;
	text-decoration: none;
}
.blue-green:hover {
	color: #8ec652;
	cursor: pointer;
	font-weight: bold;
	text-decoration: underline;
}
.blue-green:active {
	color: #8ec652;
	cursor: pointer;
	font-weight: bold;
	text-decoration: underline;
}
.darkBlue:link {
	background-color: #0179ad;
	color: #fff!important;
	cursor: pointer;
	text-decoration: none;
}
.darkBlue:visited {
	background-color: #0179ad;
	color: #fff!important;
	cursor: pointer;
	text-decoration: none;
}
.darkBlue:hover {
	background-color: #0179ad;
	color: #fff!important;
	cursor: pointer;
	text-decoration: none;
}
.darkBlue:active {
	background-color: #0179ad;
	color: #fff!important;
	cursor: pointer;
	text-decoration: none;
}
.darkGreen:link {
	background-color: #81ae4f;
	color: #fff!important;
	cursor: pointer;
	text-decoration: none;
}
.darkGreen:visited {
	background-color: #81ae4f;
	color: #fff!important;
	cursor: pointer;
	text-decoration: none;
}
.darkGreen:hover {
	background-color: #81ae4f;
	color: #fff!important;
	cursor: pointer;
	text-decoration: none;
}
.darkGreen:active {
	background-color: #81ae4f;
	color: #fff!important;
	cursor: pointer;
	text-decoration: none;
}
.darkOrange:link {
	background-color: #e58900;
	color: #fff!important;
	cursor: pointer;
	text-decoration: none;
}
.darkOrange:visited {
	background-color: #e58900;
	color: #fff!important;
	cursor: pointer;
	text-decoration: none;
}
.darkOrange:hover {
	background-color: #e58900;
	color: #fff!important;
	cursor: pointer;
	text-decoration: none;
}
.darkOrange:active {
	background-color: #e58900;
	color: #fff!important;
	cursor: pointer;
	text-decoration: none;
}
.standard:link {
	color: #4d4d4d!important;
	cursor: pointer;
	text-decoration: none;
}
.standard:visited {
	color: #4d4d4d!important;
	cursor: pointer;
	text-decoration: none;
}
.standard:hover {
	color: #008cc6!important;
	cursor: pointer;
	text-decoration: none;
}
.standard:active {
	color: #008cc6!important;
	cursor: pointer;
	text-decoration: none;
}
.visit:link {
	color: #ff9900;
	cursor: pointer;
	text-decoration: none;
}
.visit:visited {
	color: #ff9900;
	cursor: pointer;
	text-decoration: none;
}
.visit:hover {
	color: #333;
	cursor: pointer;
	text-decoration: none;
}
.visit:active {
	color: #333;
	cursor: pointer;
	text-decoration: none;
}
.visit2:link {
	color: #ff9900;
	cursor: pointer;
	font-weight: 400;
	font-size: 14px;
	text-decoration: none;
	font-family: 'Lato', sans-serif;
}
.visit2:visited {
	color: #ff9900;
	cursor: pointer;
	font-weight: 400;
	font-size: 14px;
	text-decoration: none;
	font-family: 'Lato', sans-serif;
}
.visit2:hover {
	color: #333;
	cursor: pointer;
	font-weight: 400;
	font-size: 14px;
	text-decoration: none;
	font-family: 'Lato', sans-serif;
}
.visit2:active {
	color: #333;
	cursor: pointer;
	font-weight: 400;
	font-size: 14px;
	text-decoration: none;
	font-family: 'Lato', sans-serif;
}
/***************************

HEADER

***************************/

.header {
	height: 86px;
	width: 100%;
	margin: 0 auto;
	border-bottom: 3px solid #008cc6;
	-webkit-transition: all .4s ease-in-out;
	-moz-transition: all .4s ease-in-out;
	-o-transition: all .4s ease-in-out;
	-ms-transition: all .4s ease-in-out;
	transition: all .4s ease-in-out;
}
.header .content {
	height: 100%;
}
/* CUSTOM FIXED HEADER - ON SCROLL DOWN */

header {
	display: block;
	position: fixed;
	top: 0px;
	left: 0px;
	z-index: 100000;
	width: 100%;
}
.space_header {
	height: 123px;
	-webkit-transition: all .4s ease-in-out;
	-moz-transition: all .4s ease-in-out;
	-o-transition: all .4s ease-in-out;
	-ms-transition: all .4s ease-in-out;
	transition: all .4s ease-in-out
}
/*  HEADER - BLUE-BAR TEXT FLIP */

#news {
	height: 29px;
	position: absolute;
	top: 0;
	left: 400px;
	padding-top: 4px;
	padding-left: 5px;
	color: #fff!important;
	font-family: 'Lato', sans-serif;
	font-weight: 300;
}
#news a {
	color: #fff!important;
	font-family: 'Lato', sans-serif;
	font-weight: 300;
}
/* Header Social Wrap */	

.social-wrap {
	width: 100%;
	height: 35px;
	position: relative;
	z-index: 1;
}
.social-wrap ul {
	width: 145px;
	height: 35px;
	position: absolute;
	top: 0;
	right: 0;
}
.social-wrap li {
	float: left;
	width: 35px;
	height: 35px;
	border-right: 1px solid rgba(255,255,255,0.2);
}
.social-wrap li:first-child {
	border-left: 1px solid rgba(255,255,255,0.2);
}
.social-wrap li:hover {
	cursor: pointer;
}
.social-wrap li img {
	width: 35px;
	height: 35px;
}
.social-wrap ul {
	list-style-type: none;
}
.social-wrap li {
	height: 100%;
	float: left;
	padding: 0;
	-webkit-transition: all .1s ease-in-out;
	-moz-transition: all .1s ease-in-out;
	-o-transition: all .1s ease-in-out;
	-ms-transition: all .1s ease-in-out;
	transition: all .1s ease-in-out;
}
.social-wrap li a {
	float: left;
	width: 35px;
	line-height: 24px;
	display: block;
	text-indent: -9999px;
	margin: 0;
	outline: none;
	padding: 0;
	min-height: 35px;
	height: 100%;
}
.header-facebook {
	background: transparent url(images/70-facebook.png);
	height: 35px;
	width: 35px;
	background-repeat: no-repeat;
	background-size: 50%;
	background-position: 50%;
}
.header-facebook:hover {
	width: 35px;
	/*background-position:-35px 0;*/

	-moz-transition: .5s ease;
	-o-transition: .5s ease;
	transition: .5s ease;
}
.header-youtube {
	background: transparent url(images/70-youtube.png);
	height: 35px;
	width: 35px;
	background-repeat: no-repeat;
	background-size: 50%;
	background-position: 50%;
}
.header-youtube:hover {
	width: 35px;
	/*background-position:-35px -35px;*/

	-moz-transition: .5s ease;
	-o-transition: .5s ease;
	transition: .5s ease;
}
.header-twitter {
	background: transparent url(images/70-twitter.png);
	height: 35px;
	width: 35px;
	background-repeat: no-repeat;
	background-size: 50%;
	background-position: 50%;
}
.header-twitter:hover {
	width: 35px;
	/*background-position:-35px -70px;*/

	-moz-transition: .5s ease;
	-o-transition: .5s ease;
	transition: .5s ease;
}
.header-googleplus {
	background: transparent url(images/70-googleplus.png);
	height: 35px;
	width: 35px;
	background-repeat: no-repeat;
	background-size: 50%;
	background-position: 50%;
}
.header-googleplus:hover {
	width: 35px;
	/*background-position:-35px -105px;*/

	-moz-transition: .5s ease;
	-o-transition: .5s ease;
	transition: .5s ease;
}
.header-linkedin {
	background: transparent url(images/header-icons-matrix.png) 0 -140px no-repeat;
}
.header-linkedin:hover {
	width: 35px;
	background-position: -35px -140px;
	-moz-transition: .5s ease;
	-o-transition: .5s ease;
	transition: .5s ease;
}
.social-wrap li:hover {
	background: transparent url(images/reflect.png) 0 top no-repeat;
	background-color: #8ec652;
}
/* Header Logo */

.logo {
	position: relative;
	top: 0;
	left: 0;
	width: 263px;
	height: 100%;
	float: left;
	z-index: 20;
}
.logo a {
	display: block;
	height: 100%;
}
.logo a img {
	position: absolute;
	top: 50%;
	margin-top: -30px;
	max-width: 263px;
}
/* Header Phone Number & 'Request A Quote' Button */

.call-request-wrap {
	position: absolute;
	width: 180px;
	height: 59px;
	margin-top: -32px;
	margin-right: 3px;
	right: 0;
	top: 50%;
}
.request-quote-wrap {
	position: absolute;
	bottom: 0;
	left: 9px;
}
.request-quote-button {
	width: auto;
	display: inline-block;
	cursor: pointer;
	background-color: #f90;
	font-family: 'Lato', sans-serif;
	font-weight: 700;
	color: #fff!important;
	text-transform: uppercase;
	font-size: 13px;
	text-align: center;
	padding: 8px 22px;
	margin: 0 auto;
	-webkit-transition: .1s ease;
	-moz-transition: .1s ease;
	-o-transition: .1s ease;
	transition: .1s ease;
	-moz-box-shadow: 3px 3px 6px 0 rgba(0,0,0,0.3);
	-webkit-box-shadow: 3px 3px 6px 0 rgba(0,0,0,0.3);
	box-shadow: 3px 3px 6px 0 rgba(0,0,0,0.3);
	border: none;
}
.request-quote-button:hover {
	color: #fff!important;
	background-color: #8ec652;
}
.call {
	font-family: 'Lato', sans-serif;
	font-weight: 700;
	letter-spacing: 1px;
	font-size: 14px;
	color: #f90;
	text-align: center;
	text-transform: uppercase;
}
/***************************

NAV-HEADER

***************************/

.nav-header {
	width: 715px;
	height: 100%;
	margin: 0 0 0 33px;
	padding: 0;
	position: relative;
	top: 0;
	right: 0;
	font-family: 'Lato', sans-serif;
	font-weight: 400;
	text-transform: uppercase;
	float: left;
}
.nav ul {
	height: 30px;
	margin: 0 auto;
	position: absolute;
	top: 50%;
	margin-top: -9px;
}
.nav-header li {
	border-right: 1px solid #008cc6;
	height: 17px;
}
.nav-header li:last-child {
	border-right: none!important;
}
.nav-header li a {
	display: block;
	padding: 0 16px 37px;
	color: #008cc6 !important;
	font-size: 15px;
	font-weight: 600;
	line-height: 14px;
}
.nav-header li a:hover {
	color: #8ec652;
}
.footer-nav-wrap>ul>li.current-menu-item > a, .nav-header>ul>li.current-menu-item > a {
	color: #8ec652!important;
}
.nav-header>ul>li:hover > a {
	color: #8ec652!important;
}
/***************************

NAV-GLOBAL

***************************/

.nav li {
	float: left;
	cursor: pointer;
}
/***************************

NAV-FOOTER

***************************/

.footer-nav-wrap {
	position: relative;
	height: 100px;
	float: left;
}
.footer-nav-1, .footer-nav-2, .footer-nav-3 {
	float: left;
	color: #fff;
	font-family: 'Lato', sans-serif;
	font-weight: 400;
	letter-spacing: .7px;
	text-transform: uppercase;
}
.footer-nav-1 li, .footer-nav-2 li, .footer-nav-3 li {
	margin-bottom: 6px;
}
.footer-nav-1, .footer-nav-2 {
	margin-right: 216px;
}
/***************************

FOOTER

***************************/

.footer {
	position: relative;
	bottom: 0;
	width: 100%;
}
.footer-bg {
	background-image: url(images/footer.jpg);
	background-size: cover;
	background-position: 0 0;
	z-index: 9999!important;
}
.footer-logo {
	width: 263px;
	height: 59px;
	margin: 0 auto;
	padding-top: 28px;
	margin-bottom: 38px;
}
.decoration {
	height: 40px;
	margin: 0 auto;
	margin-bottom: 30px;
	background-image: url(images/decoration.png);
	background-repeat: no-repeat;
	background-position: 0 12px;
}
.decoration span {
	width: 210px;
	height: 25px;
	text-transform: uppercase;
	color: #fff;
	font-family: 'Lato', sans-serif;
	font-weight: 700;
	letter-spacing: 1px;
	font-size: 14px;
	margin: 0 auto;
	display: block;
	text-align: center;
}
.social-wrap-footer {
	width: 280px;
	height: 110px;
	float: right;
	margin-top: -12px;
	position: relative;
}
.social-wrap-footer ul {
	width: 280px;
	position: relative;
	top: 0;
	right: 0;
}
.social-wrap-footer li {
	float: left;
	width: 35px;
	height: 35px;
	background-repeat: no-repeat;
}
.footer-facebook {
	float: left;
	width: 35px;
	height: 35px;
	background-image: url(images/footer-matrix.png);
	background-position: 0 0;
}
.footer-facebook:hover {
	background-image: url(images/footer-matrix.png);
	background-position: 0 -35px;
	-moz-transition: .5s ease;
	-o-transition: .5s ease;
	transition: .5s ease;
}
.footer-youtube {
	float: left;
	width: 35px;
	height: 35px;
	background-image: url(images/footer-matrix.png);
	background-position: -35px 0;
}
.footer-youtube:hover {
	background-image: url(images/footer-matrix.png);
	background-position: -35px -35px;
	-moz-transition: .5s ease;
	-o-transition: .5s ease;
	transition: .5s ease;
}
.footer-twitter {
	float: left;
	width: 35px;
	height: 35px;
	background-image: url(images/footer-matrix.png);
	background-position: -70px 0;
}
.footer-twitter:hover {
	background-image: url(images/footer-matrix.png);
	background-position: -70px -35px;
	-moz-transition: .5s ease;
	-o-transition: .5s ease;
	transition: .5s ease;
}
.footer-googleplus {
	float: left;
	width: 35px;
	height: 35px;
	background-image: url(images/footer-matrix.png);
	background-position: -105px 0;
}
.footer-googleplus:hover {
	background-image: url(images/footer-matrix.png);
	background-position: -105px -35px;
	-moz-transition: .5s ease;
	-o-transition: .5s ease;
	transition: .5s ease;
}
.footer-linkedin {
	float: left;
	width: 36px!important;
	height: 35px;
	background-image: url(images/footer-matrix.png);
	background-position: -140px 0;
}
.footer-linkedin:hover {
	background-image: url(images/footer-matrix.png);
	background-position: -140px -35px;
	-moz-transition: .5s ease;
	-o-transition: .5s ease;
	transition: .5s ease;
}
.social-wrap-footer a {
	display: block;
}
.social-wrap-footer li.BBB {
	width: 65px!important;
	height: 66px;
	float: left;
	margin-top: -20px;
	margin-left: 11px;
}
.BBB-logo {
	width: 65px!important;
	height: 66px;
	background-image: url(images/bbb-large.png);
	background-position: 0 0;
	background-repeat: no-repeat;
	background-size: 100%;
}
.BBB-logo:hover {
	opacity: 0.8;
}
.newsletter {
	position: relative;
	top: 0;
	width: 280px;
}
.newsletter a {
	color: #fff!important;
}
.news-submit {
	background-color: #f90;
	border: none;
	outline: none;
	position: relative;
	top: 0;
	right: 0;
	font-family: 'Lato', sans-serif;
	font-weight: 300;
	font-size: 20px;
	padding: 5px;
	cursor: pointer;
	display: block;
	margin-top: 15px;
	line-height: 40px;
}
.news-submit:hover {
	color: #fff!important;
	background-color: #8ec652;
}
.copyright {
	text-align: center;
	margin: 0 auto;
}
.copyright p {
	color: #fff;
	font-family: 'Lato', sans-serif;
	font-weight: 300;
	color: #999;
	margin-top: 30px;
	letter-spacing: 1px;
	font-size: 14px;
}
/***************************

MAIN-MENU SUB-NAVIGATION (BLUE & GREEN ICONS)

***************************/

.menu>li>.sub-menu {
	display: none;
	position: absolute;
	list-style: none;
	top: 34px;
	text-transform: lowercase;
	font-weight: 300;
	font-size: 14px;
	margin: 0;
	padding: 0;
	z-index: 999999!important;
	padding-top: 9px;
}
.sub-menu>li {
	float: none!important;
	height: 37px!important;
	width: 320px;
	background-color: #fff;
	border-right: none!important;
	padding-top: 9px;
	padding-bottom: 10px;
	border-bottom: 1px dashed #008cc6;
}
.sub-menu>li a:hover {
	color: #8ec652!important;
}
.sub-menu>li:first-child {
	border-top: none!important;
}
.sub-menu li a {
	border-right: none;
	display: block;
	padding-top: 12px;
	padding-bottom: 15px;
	color: #008cc6!important;
	text-transform: uppercase;
	line-height: 21px;
	vertical-align: middle;
	padding-left: 50px;
	position: relative;
}
/* This one is so works in Firefox & IE */

.menu>li>.sub-menu>li>.sub-menu {
	display: none;
	position: absolute;
	list-style: none;
	top: 0;
	left: 280px;
	background: #ef2a11;
	margin: 0;
	padding: 0;
	width: 280px;
	z-index: 100000!important;
}
/* REOURCES > goingclear newsletter */

li#menu-item-3160 a:before {
	content: url(images/nav_icons/blue/enewsletter.png);
	padding-top: 3px;
	display: inline-block;
	position: absolute;
	left: 9px;
	top: 4px;
}
li#menu-item-3160 a:hover:before {
	content: url(images/nav_icons/green/enewsletter.png);
	padding-top: 3px;
	display: inline-block;
	position: absolute;
	left: 9px;
	top: 4px;
}
/* REOURCES > articles & presentations */

li#menu-item-2949 a:before {
	content: url(images/nav_icons/blue/articles-presentations.png);
	padding-top: 3px;
	display: inline-block;
	position: absolute;
	left: 9px;
	top: 4px;
}
li#menu-item-2949 a:hover:before {
	content: url(images/nav_icons/green/articles-presentations.png);
	padding-top: 3px;
	display: inline-block;
	position: absolute;
	left: 9px;
	top: 4px;
}
/* REOURCES > web resources & links */

li#menu-item-2950 a:before {
	content: url(images/nav_icons/blue/resources-links.png);
	padding-top: 3px;
	display: inline-block;
	position: absolute;
	left: 9px;
	top: 4px;
}
li#menu-item-2950 a:hover:before {
	content: url(images/nav_icons/green/resources-links.png);
	padding-top: 3px;
	display: inline-block;
	position: absolute;
	left: 9px;
	top: 4px;
}
/* REOURCES > Sitemap */

li#menu-item-3586 a:before {
	content: url(images/nav_icons/blue/sitemap.png);
	padding-top: 3px;
	display: inline-block;
	position: absolute;
	left: 9px;
	top: 4px;
}
li#menu-item-3586 a:hover:before {
	content: url(images/nav_icons/green/sitemap.png);
	padding-top: 3px;
	display: inline-block;
	position: absolute;
	left: 9px;
	top: 4px;
}
/* REOURCES > Glossary */

li#menu-item-3587 a:before {
	content: url(images/nav_icons/blue/glossary.png);
	padding-top: 3px;
	display: inline-block;
	position: absolute;
	left: 9px;
	top: 4px;
}
li#menu-item-3587 a:hover:before {
	content: url(images/nav_icons/green/glossary.png);
	padding-top: 3px;
	display: inline-block;
	position: absolute;
	left: 9px;
	top: 4px;
}
/* CONTACT > goingclear contact */

li#menu-item-3180 a:before {
	content: url(images/nav_icons/blue/contact.png);
	padding-top: 3px;
	display: inline-block;
	position: absolute;
	left: 9px;
	top: 4px;
}
li#menu-item-3180 a:hover:before {
	content: url(images/nav_icons/green/contact.png);
	padding-top: 3px;
	display: inline-block;
	position: absolute;
	left: 9px;
	top: 4px;
}
/* CONTACT > Driving Directions */

li#menu-item-3181 a:before {
	content: url(images/nav_icons/blue/driving.png);
	padding-top: 3px;
	display: inline-block;
	position: absolute;
	left: 9px;
	top: 4px;
}
li#menu-item-3181 a:hover:before {
	content: url(images/nav_icons/green/driving.png);
	padding-top: 3px;
	display: inline-block;
	position: absolute;
	left: 9px;
	top: 4px;
}
/* CONTACT > Careers */

li#menu-item-3182 a:before {
	content: url(images/nav_icons/blue/careers.png);
	padding-top: 3px;
	display: inline-block;
	position: absolute;
	left: 9px;
	top: 4px;
}
li#menu-item-3182 a:hover:before {
	content: url(images/nav_icons/green/careers.png);
	padding-top: 3px;
	display: inline-block;
	position: absolute;
	left: 9px;
	top: 4px;
}
/* SERVICES > Performance Websites */

li#menu-item-2758 a:before {
	content: url(images/nav_icons/blue/performance-websites.png);
	padding-top: 3px;
	display: inline-block;
	position: absolute;
	left: 9px;
	top: 4px;
}
li#menu-item-2758 a:hover:before {
	content: url(images/nav_icons/green/performance-websites.png);
	padding-top: 3px;
	display: inline-block;
	position: absolute;
	left: 9px;
	top: 4px;
}
/* SERVICES > Small biz packages */

li#menu-item-4950 a:before {
	content: url(images/nav_icons/blue/small-business.png);
	padding-top: 3px;
	display: inline-block;
	position: absolute;
	left: 9px;
	top: 4px;
}
li#menu-item-4950 a:hover:before {
	content: url(images/nav_icons/green/small-business.png);
	padding-top: 3px;
	display: inline-block;
	position: absolute;
	left: 9px;
	top: 4px;
}
/* SERVICES > Startup */

li#menu-item-2772 a:before {
	content: url(images/nav_icons/blue/startup.png);
	padding-top: 3px;
	display: inline-block;
	position: absolute;
	left: 9px;
	top: 4px;
}
li#menu-item-2772 a:hover:before {
	content: url(images/nav_icons/green/startup.png);
	padding-top: 3px;
	display: inline-block;
	position: absolute;
	left: 9px;
	top: 4px;
}
/* SERVICES > Marketing */

li#menu-item-2771 a:before {
	content: url(images/nav_icons/blue/marketing.png);
	padding-top: 3px;
	display: inline-block;
	position: absolute;
	left: 9px;
	top: 4px;
}
li#menu-item-2771 a:hover:before {
	content: url(images/nav_icons/green/marketing.png);
	padding-top: 3px;
	display: inline-block;
	position: absolute;
	left: 9px;
	top: 4px;
}
/* SERVICES > Government */

li#menu-item-2770 a:before {
	content: url(images/nav_icons/blue/government-projects.png);
	padding-top: 3px;
	display: inline-block;
	position: absolute;
	left: 9px;
	top: 4px;
}
li#menu-item-2770 a:hover:before {
	content: url(images/nav_icons/green/government-projects.png);
	padding-top: 3px;
	display: inline-block;
	position: absolute;
	left: 9px;
	top: 4px;
}
/* SERVICES > All Services */

li#menu-item-3816 a:before {
	content: url(images/nav_icons/blue/other-services.png);
	padding-top: 3px;
	display: inline-block;
	position: absolute;
	left: 9px;
	top: 4px;
}
li#menu-item-3816 a:hover:before {
	content: url(images/nav_icons/green/other-services.png);
	padding-top: 3px;
	display: inline-block;
	position: absolute;
	left: 9px;
	top: 4px;
}
/* ABOUT > Overview */

li#menu-item-3173 a:before {
	content: url(images/nav_icons/blue/overview.png);
	padding-top: 3px;
	display: inline-block;
	position: absolute;
	left: 9px;
	top: 4px;
}
li#menu-item-3173 a:hover:before {
	content: url(images/nav_icons/green/overview.png);
	padding-top: 3px;
	display: inline-block;
	position: absolute;
	left: 9px;
	top: 4px;
}
/* ABOUT > Our Team */

li#menu-item-3174 a:before {
	content: url(images/nav_icons/blue/our-team.png);
	padding-top: 3px;
	display: inline-block;
	position: absolute;
	left: 9px;
	top: 4px;
}
li#menu-item-3174 a:hover:before {
	content: url(images/nav_icons/green/our-team.png);
	padding-top: 3px;
	display: inline-block;
	position: absolute;
	left: 9px;
	top: 4px;
}
/* ABOUT > Our Approach */

li#menu-item-3175 a:before {
	content: url(images/nav_icons/blue/our-approach.png);
	padding-top: 3px;
	display: inline-block;
	position: absolute;
	left: 9px;
	top: 4px;
}
li#menu-item-3175 a:hover:before {
	content: url(images/nav_icons/green/our-approach.png);
	padding-top: 3px;
	display: inline-block;
	position: absolute;
	left: 9px;
	top: 4px;
}
/* ABOUT > Why GoingClear */

li#menu-item-3176 a:before {
	content: url(images/nav_icons/blue/why-goingclear.png);
	padding-top: 3px;
	display: inline-block;
	position: absolute;
	left: 9px;
	top: 4px;
}
li#menu-item-3176 a:hover:before {
	content: url(images/nav_icons/green/why-goingclear.png);
	padding-top: 3px;
	display: inline-block;
	position: absolute;
	left: 9px;
	top: 4px;
}
/* ABOUT > Social */

li#menu-item-3177 a:before {
	content: url(images/nav_icons/blue/social.png);
	padding-top: 3px;
	display: inline-block;
	position: absolute;
	left: 9px;
	top: 4px;
}
li#menu-item-3177 a:hover:before {
	content: url(images/nav_icons/green/social.png);
	padding-top: 3px;
	display: inline-block;
	position: absolute;
	left: 9px;
	top: 4px;
}
/***************************

IMAGE SLIDER - HOME PAGE

***************************/

.slideWrap {
	position: relative;
	width: 100%;
	height: 492px;
	float: right;
}
.slide {
	width: auto;
	width: 100%;
	height: 492px;
	position: absolute;
	top: 0;
	right: 0;
	display: none;
	background-position-x: 50% !important;
}
.slide:first-child {
	display: block
}
.slideText {
	font-family: 'Lato', sans-serif;
	color: #fff;
	text-align: center;
	width: 780px;
	height: 285px;
	margin: 0 auto;
	margin-top: 65px;
}
.slideText h1 {
	font-weight: 700;
	font-size: 70px;
	line-height: .9;
	margin-bottom: 37px;
}
.slideText h1 span {
	font-size: 48px;
	font-weight: 400
}
.slideText p {
	font-weight: 400;
	margin-bottom: 40px;
	font-size: 18px;
}
/***************************

IMAGE SLIDER ARROWS

***************************/	

.arrow-left {
	width: 55px;
	height: 55px;
	position: absolute;
	top: 240px;
	left: 50px;
	background-image: url(images/arrows-matrix.png);
	background-position: 0 0;
	cursor: pointer;
}
.arrow-left:hover {
	background-image: url(images/arrows-matrix.png);
	background-position: 110px 110px;
}
.arrow-right {
	width: 55px;
	height: 55px;
	position: absolute;
	top: 240px;
	right: 50px;
	background-image: url(images/arrows-matrix.png);
	background-position: 55px 0;
	cursor: pointer;
}
.arrow-right:hover {
	background-image: url(images/arrows-matrix.png);
	background-position: 55px 110px;
}
/***************************

IMAGE SLIDER HOME NAV - (BLUE BAR / BOXES HOVER GREEN)

***************************/	

.nav-services ul {
	width: 100%;
	height: 95px;
}
.nav-services li p {
	display: block;
	height: 95px;
	font-size: 12px;
	text-transform: uppercase;
	color: #fff;
	text-align: center;
	font-family: 'Lato', sans-serif;
	font-weight: 400;
	letter-spacing: .5px;
	border-right: 1px solid #fff;
}
.nav-services li {
	float: left;
	height: 95px;
	width: 16.66%;
	cursor: pointer;
}
.nav-services li:hover {
	background-color: #8ec652;
}
.serv-1 img, .serv-2 img, .serv-3 img, .serv-4 img, .serv-5 img, .serv-6 img {
	width: 40px;
	height: 40px;
	margin: 0 auto;
	margin-top: 15px;
}
.active-serv {
	background-color: #8ec652!important;
}
/***************************

IMAGE SLIDER - INNER PAGES

***************************/	

.slideWrap-inner {
	position: relative;
	width: 100%;
	height: 280px;
	float: right;
}
.slide-inner {
	width: auto;
	width: 100%;
	height: 280px;
	position: absolute;
	top: 0;
	right: 0;
}
.slideText-inner {
	font-family: 'Lato', sans-serif;
	color: #fff;
	text-align: center;
	width: 100%;
	height: 285px;
	margin: 0 auto;
	margin-top: 60px;
	position: absolute;
	z-index: 1;
}
/***************************

ORANGE BUTTONS

***************************/		

.orange_button_wrap {
	text-align: center!important;
} /* don't move */
.orange_button {
	height: 15px;
	width: auto;
	display: inline-block;
	cursor: pointer;
	background-color: #f90;
	font-family: 'Lato', sans-serif;
	font-weight: 700;
	color: #fff!important;
	text-transform: uppercase;
	font-size: 15px;
	text-align: center;
	letter-spacing: 1px;
	padding: 7px 45px 15px;
	margin: 0 auto;
	-webkit-transition: .1s ease;
	-moz-transition: .1s ease;
	-o-transition: .1s ease;
	transition: .1s ease;
	-moz-box-shadow: 3px 3px 6px 0 rgba(0,0,0,0.3);
	-webkit-box-shadow: 3px 3px 6px 0 rgba(0,0,0,0.3);
	box-shadow: 3px 3px 6px 0 rgba(0,0,0,0.3);
}
.orange_button:hover {
	color: #fff!important;
	background-color: #8ec652;
}
.orange_button_wrap a {
	color: #fff!important;
} /* don't move */
.orange_button_homeslider {
	height: 15px;
	width: auto;
	display: inline-block;
	cursor: pointer;
	background-color: #f90;
	font-family: 'Lato', sans-serif;
	font-weight: 700;
	color: #fff!important;
	text-transform: uppercase;
	font-size: 15px;
	text-align: center;
	letter-spacing: 1px;
	padding: 7px 45px 15px;
	margin: 0 auto;
	-webkit-transition: .1s ease;
	-moz-transition: .1s ease;
	-o-transition: .1s ease;
	transition: .1s ease;
	-moz-box-shadow: 3px 3px 6px 0 rgba(0,0,0,0.3);
	-webkit-box-shadow: 3px 3px 6px 0 rgba(0,0,0,0.3);
	box-shadow: 3px 3px 6px 0 rgba(0,0,0,0.3);
}
.orange_button_homeslider:hover {
	color: #fff!important;
	background-color: #8ec652;
}
.orange_button_view_project a {
	color: #fff!important;
} /* don't move */
.orange_button_view_project {
	margin-top: 20px;
}
.orange_button_100 {
	color: #fff!important;
	height: 15px;
	width: auto;
	display: block;
	cursor: pointer;
	background-color: #f90;
	font-family: 'Lato', sans-serif;
	font-weight: 700;
	color: #fff!important;
	text-transform: uppercase;
	font-size: 13px;
	text-align: center;
	padding: 8px 22px 11px;
	margin: 0 auto;
	-webkit-transition: .1s ease;
	-moz-transition: .1s ease;
	-o-transition: .1s ease;
	transition: .1s ease;
	-moz-box-shadow: 3px 3px 6px 0 rgba(0,0,0,0.3);
	-webkit-box-shadow: 3px 3px 6px 0 rgba(0,0,0,0.3);
	box-shadow: 3px 3px 6px 0 rgba(0,0,0,0.3);
}
.orange_button_100:hover {
	color: #fff!important;
	background-color: #8ec652;
}
/***************************

GRID OF TWELVE

***************************/

.section {
	display: block;
}
.section:after, .section:before {
	content: ' ';
	display: block;
	clear: both;
}
.span_12_of_12 {
	width: 100%;
}
.span_11_of_12 {
	width: 91.53%;
}
.span_10_of_12 {
	width: 83.06%;
}
.span_9_of_12 {
	width: 74.6%;
}
.span_8_of_12 {
	width: 66.13%;
}
.span_7_of_12 {
	width: 57.66%;
}
.span_6_of_12 {
	width: 49.2%;
}
.span_5_of_12 {
	width: 40.73%;
}
.span_4_of_12 {
	width: 32.26%;
}
.span_3_of_12 {
	width: 23.8%;
}
.span_2_of_12 {
	width: 15.33%;
}
.span_1_of_12 {
	width: 6.86%;
}
.col {
	display: block;
	float: left;
	margin: 1% 0 1% 1.6%;
}
.col:first-child {
	margin-left: 0;
}



/***************************

MEDIA QUERIES

***************************/



/* Desktops and laptops ----------- */

@media only screen and (min-width : 1100px) {
.nav-services {
	width: 100%;
	margin: 0 auto;
	height: 95px;
	-webkit-box-shadow: 0 4px 13px -1px rgba(0,0,0,0.2);
	-moz-box-shadow: 0 4px 13px -1px rgba(0,0,0,0.2);
	box-shadow: 0 4px 13px -1px rgba(0,0,0,0.2);
	z-index: 9999!important
}
.nav-services li:first-child {
	border-left: none!important;
}
.nav-services li:last-child p {
	border-right: none!important
}
}



/* Large screens ----------- */

@media only screen and (min-width : 1824px) {
.nav-services {
	width: 1903px;
	padding-left: 1px;
	margin: 0 auto;
	height: 95px;
	-webkit-box-shadow: 0 4px 13px -1px rgba(0,0,0,0.2);
	-moz-box-shadow: 0 4px 13px -1px rgba(0,0,0,0.2);
	box-shadow: 0 4px 13px -1px rgba(0,0,0,0.2);
	z-index: 9999!important
}
.nav-services li:first-child p {
	border-left: 1px solid #fff!important;
}
.nav-services li:last-child p {
	border-right: 1px solid #fff!important;
}
}
/***************************

SPECIFIC PAGES

***************************/





/***************************

PACKAGES

***************************/



.sb-quote {
	width: 86px;
	height: 40px!important;
	background-image: url(images/quote-matrix.png);
	background-position: 0px 0px;
	background-size: 100%;
	outline: none;
	border: none;
	cursor: pointer;
	float: right;
}
.sb-quote:hover {
	background-position: 0px -40px;
}
.sb-plus-minus1 {
	width: 43px;
	height: 40px!important;
	background-image: url(images/plus-minus-matrix.png);
	background-position: 0px 0px;
	background-size: 200%;
	outline: none;
	border: none;
	cursor: pointer;
	float: left;
	margin-right: 27px;
}
.sb-plus-minus1:hover {
	background-position: 43px 0px;
}
.sb-plus-minus1.selected {
	width: 43px;
	height: 40px!important;
	background-image: url(images/plus-minus-matrix.png);
	background-position: 0px -40px;
	background-size: 200%;
	outline: none;
	border: none;
	cursor: pointer;
	float: left;
}
.sb-plus-minus1.selected:hover {
	background-position: 43px -40px;
}
.sb-features {
	padding-bottom: 65px;
}
/***********************/	

	

	

	

	

.packages {
	margin: 0 auto;
	padding-top: 150px;
}
ul.package-title-wrap {
	/*width: 697px;*/

	height: 225px;
	position: relative;/*float:right;*/

}
li.spinner-wrap {
	width: 195px;
	min-height: 205px;
	float: left;
	background-color: #e4e4e4;
	padding: 18px 2% 20px 2%;
	margin-right: 1%;
}
li.spinner-wrap p {
	font-size: 14px;
}
li.spinner-wrap:last-child {
	margin: 0px;
}
.spinner1 {
	background-image: url(images/spinner1.png);
	width: 169px;
	height: 169px;
	margin: 0 auto;
	margin-top: -95px;
	background-size: 100%;
}
.spinner2 {
	background-image: url(images/spinner2.png);
	width: 169px;
	height: 169px;
	margin: 0 auto;
	margin-top: -95px;
	background-size: 100%;
}
.spinner3 {
	background-image: url(images/spinner3.png);
	width: 169px;
	height: 169px;
	margin: 0 auto;
	margin-top: -95px;
	background-size: 100%;
}
 @-webkit-keyframes rotate {
 100% {
-webkit-transform:rotate(360deg);
}
}
 @-moz-keyframes rotate {
 100% {
-moz-transform:rotate(360deg);
}
}
 @-o-keyframes rotate {
 100% {
-o-transform:rotate(360deg);
}
}
 @-ms-keyframes rotate {
 100% {
-ms-transform:rotate(360deg);
}
}
 @keyframes rotate {
 100% {
transform:rotate(360deg);
}
}
.spinner-wrap .rotating {
	-webkit-animation-name: rotate;
	-moz-animation-name: rotate;
	-ms-animation-name: rotate;
	-o-animation-name: rotate;
	animation-name: rotate;
	-webkit-animation-duration: 30s;
	-moz-animation-duration: 30s;
	-ms-animation-duration: 30s;
	-o-animation-duration: 30s;
	animation-duration: 30s;
	-webkit-animation-iteration-count: infinite;
	-moz-animation-iteration-count: infinite;
	-ms-animation-iteration-count: infinite;
	-o-animation-iteration-count: infinite;
	animation-iteration-count: infinite;
	-webkit-animation-timing-function: linear;
	-moz-animation-timing-function: linear;
	-ms-animation-timing-function: linear;
	-o-animation-timing-function: linear;
	animation-timing-function: linear;
}
ul.package-title-wrap h2 {
	margin-top: 20px;
	font-weight: 100;
	font-size: 36px;
}
ul.package-title-wrap h3 {
	font-size: 15px;
	color: #008cc6;
}
.feat-list {
	width: 100%;
	float: left;
	position: relative;
	margin-right: 20px;
	margin-top: 2px;
}
.feat-list li {
	float: left;
	/*width: 193px;*/

	padding: 18px 2% 20px 2%;
	margin-right: 1%;
	text-align: center;
	background-color: #e4e4e4;
	position: relative;
	min-height: 100px;
}
.feat-list:hover li {
	background-color: #f0efef;
}
.feat-list li img {
	padding: 0px!important;
	position: absolute;
	top: 35%;
	margin: 0 auto;
	left: 42%;
}
.check {
	height: 37px;
	width: 37px;
	display: block;
}
.feat-list li p {
	width: 83%;
	float: right;
}
.feat-list li:first-child {/*width:271px;*/
	text-align: left;
	padding: 18px 2% 20px 2%;
}
.feat-list li:first-child img {
	width: 26px;
	height: 26px;
	float: left;
	display: block;
	position: relative;
	left: 0px;
	top: 8px!important;
	margin-right: 3%;
	max-width: 14%;
}
.feat-list li:last-child {
	margin-right: 0px;
}
.packages ul li {
	width: 20%;
}
/**********

REQUEST A QUOTE PAGE

**********/

.request-h3 {
	text-transform: uppercase;
}
.gray {
	color: #666;
	font-size: 15px;
	font-weight: 400;
	text-transform: capitalize;
	margin-left: 7px;
}
.optional {
	color: #e71b23;
	font-size: 15px;
	font-weight: 400;
	text-transform: capitalize;
	margin-left: 7px;
}
.green-center {
	font-weight: 400;
	margin-bottom: 40px;
	font-size: 18px;
	color: #8ec652;
	text-align: center;
}
.project-wrap {
	width: 100%;
	height: 600px;
	position: relative;
}
.project-wrap h3 {
	font-family: 'Lato', sans-serif;
	font-weight: 400;
	font-size: 22px;
	color: #000;
	text-transform: uppercase;
	padding-top: 10px;
	margin-right: 15px;
	margin-bottom: 30px;
}
.proj-full-name {
	top: 0;
	left: 0;
}
.proj-phone-number {
	top: 65px;
	left: 0;
}
.proj-email-address {
	top: -14px;
	left: 265px;
}
.proj-company-name {
	top: 21px;
	left: 265px;
}
.proj-full-name, .proj-phone-number, .proj-email-address, .proj-company-name {
	width: 230px;
	height: 33px;
	padding-left: 10px;
	font-family: 'Lato', sans-serif;
	font-weight: 400;
	font-size: 16px;
	color: #666;
	position: relative;
	float: left;
	margin-right: 10px;
	margin-bottom: 10px;
}
.proj-textarea {
	width: 484px;
	height: 140px;
	position: relative;
	top: 0;
	left: 0;
	font-family: 'Lato', sans-serif;
	font-weight: 400;
	font-size: 16px;
	padding: 10px 0 0 12px;
}
.proj-submit {
	width: 136px;
	position: absolute;
	top: 0;
	right: 0;
	background-color: #f90;
	font-family: 'Lato', sans-serif;
	font-weight: 700;
	text-transform: uppercase;
	font-size: 13px;
	text-align: center;
	color: #fff;
	padding: 7px 12px 10px;
	border: none;
	outline: none;
}
.proj-submit:hover {
	color: #000;
}
span.wpcf7-list-item {
	display: table-row;
}
span.wpcf7-list-item * {
	display: table-cell;
}
.project-type-wrap {
	width: 600px;
	top: 0;
	right: 0;
}
.bigbuttons-wrap {
	width: 100%;
	border-left: 1px solid #c8c8c8;
	border-bottom: 1px solid #c8c8c8;
	max-width: 573px;
}
.bigbuttons-wrap:after {
	content: ' ';
	display: block;
	clear: both;
}
.bigbuttons-wrap a {
	display: block;
	height: 63px;
	text-align: center!important;
}
.bigbuttons-wrap p {
	font-family: 'Lato', sans-serif;
	font-weight: 700;
	font-size: 14px;
	color: #707070;
	text-align: center;
}
.forms-left {
	width: 509px;
	float: left;
}
.forms-right {
	width: 584px;
	float: right;
}
.quote-select-type {
	width: 190px;
	height: 90px;
	position: relative;
	border: none;
	border-top: 1px solid #c8c8c8;
	float: left;
	border-right: 1px solid #c8c8c8;
	top: 0;
	left: 0;
}
.quote-select-type.selected, .quote-select-type:hover, .quote-select-type:hover p, .quote-select-type.selected p {
	background-color: #008cc6;
	color: #fff!important;
}
.custom-checkbox {
	width: 22px;
	height: 22px;
	float: left;
	margin-right: 12px;
	cursor: pointer;
}
.vote .left .custom-checkbox {
	float: right;
	margin: 0 0 0 15px;
}
.custom-checkbox input {
	display: none!important;
}
.checkbox-span {
	background-image: url(images/radio-blank.jpg);
	background-position: 0 0;
	background-repeat: no-repeat;
	width: 37px;
	height: 37px;
	display: block;
}
.vote .left .checkbox-span {
	background-image: url(images/radio-blank.jpg);
}
.customCheckboxSelected {
	background-image: url(images/radio-check.jpg);
}
.check-label {
	float: left;
	font-size: 14px;
	font-size: 14px;
	color: #707070;
	font-weight: 700;
	font-family: 'Lato', sans-serif;
	padding-top: 1px;
}
.vote .left .check-label {
	float: right;
	color: #173c5d;
}
.radio-wrap {
	width: 600px;
	position: relative;
	top: 0;
	right: 0;
}
.radio {
	position: relative;
	width: 100%;
}
.check-wrap {
	width: 190px;
	height: 20px;
	position: relative;
	float: left;
	margin-bottom: 20px;
}
input[type="radio"] {
	-webkit-appearance: checkbox;
	-moz-appearance: checkbox;
	-ms-appearance: checkbox;
	/* not currently supported */

	-o-appearance: checkbox;
}
.human-check-submit-wrap {
	width: 265px;
	height: 37px;
	position: relative;
	text-align: center;
	padding: 25px 0;
	margin: 0 auto;
}
.human {
	width: 130px;
	height: 25px;
	position: absolute;
	top: 4px;
	left: 0;
}
.check-label-human {
	float: left;
	text-transform: uppercase;
	font-size: 14px;
	font-size: 14px;
	color: #707070;
	font-weight: 700;
	font-family: 'Lato', sans-serif;
	padding-top: 1px;
}
.rfp-wrap {
	width: 300px;
	height: 30px;
	position: relative;
	top: 0;
	left: 0;
}
 .custom-file-input::-webkit-file-upload-button {
visibility:hidden;
}
.custom-file-input::before {
	content: 'Upload';
	display: inline-block;
	outline: none;
	white-space: nowrap;
	-webkit-user-select: none;
	cursor: pointer;
	background-color: #f90;
	font-family: 'Lato', sans-serif;
	font-weight: 700;
	text-transform: uppercase;
	font-size: 13px;
	text-align: center;
	color: #fff;
	padding: 7px 12px 10px;
}
.custom-file-input:hover::before {
	color: #000;
}
.custom-file-input:active::before {
	background: -webkit-linear-gradient(top, #e3e3e3, #f9f9f9);
}
/**********

WE ARE GOINGCLEAR (HOME PAGE)

**********/

.we-are-goingclear {
	text-align: center;
}
.we-are-goingclear h2 {
	color: #008cc6;
	font-size: 50px;
	font-family: 'Lato', sans-serif;
	font-weight: 300;
	line-height: 50px;
}
.we-are-goingclear h4 {
	font-size: 22px;
	color: #666;
	font-family: 'Lato', sans-serif;
	font-weight: 300;
}
.we-are-goingclear img {
	width: 290px;
	margin: 7px 0 2px;
}
.we-are-goingclear p {
	font-family: 'Lato', sans-serif;
	font-weight: 300;
	font-size: 16px;
}
/**********

GREEN BAR (HOME PAGE)

**********/

.green-bar-wrap {
	width: 100%;
}
.green-bar {
	width: 100%;
	margin: 0 auto;
}
.nav-greenbar {
	width: 930px;
	margin: 0 auto;
	max-width: 100%;
}
.nav-greenbar ul:after {
	content: ' ';
	display: block;
	clear: both;
}
.arrow-left-greenbar {
	width: 55px;
	height: 55px;
	position: absolute;
	top: 95px;
	left: 50px;
	background-image: url(images/arrows-matrix.png);
	background-position: 0 0;
	cursor: pointer;
}
.arrow-left-greenbar:hover {
	background-image: url(images/arrows-matrix.png);
	background-position: 0 55px;
}
.arrow-right-greenbar {
	width: 55px;
	height: 55px;
	position: absolute;
	top: 95px;
	right: 50px;
	background-image: url(images/arrows-matrix.png);
	background-position: 55px 0;
	cursor: pointer;
}
.arrow-right-greenbar:hover {
	background-image: url(images/arrows-matrix.png);
	background-position: 55px 55px
}
.nav-greenbar ul {
	width: 100%;
}
.nav-greenbar li {
	width: 230px;
	height: 193px;
	float: left;
	text-align: center;
	border-right: 2px solid #fff;
	margin-top: 25px;
}
.nav-greenbar li:last-child {
	border-right: none!important
}
.nav-greenbar li img {
	width: 40px;
	height: 40px;
	margin-top: 15px;
	transition: all 0.2s linear;
	-webkit-transition: all 0.2s linear;
	transform: scale(1, 1);
	-webkit-transform: scale(1, 1);
}
.nav-greenbar span {
	font-family: 'Lato', sans-serif;
	font-weight: 400;
	font-size: 28px;
	color: #fff;
	line-height: 1;
	display: block;
	padding-bottom: 17px;
}
.client-success {
	width: 100%;
	padding-bottom: 25px;
	;
	background-color: #fff;
}
.client-success h1 {
	font-family: 'Lato', sans-serif;
	font-weight: 400;
	color: #000;
	font-size: 48px;
	text-align: center;
	text-transform: uppercase;
	padding-top: 45px;
	margin-bottom: 32px;
}
.view-all {
	width: 136px;
	height: 15px;
	background-color: #f90;
	font-family: 'Lato', sans-serif;
	font-weight: 700;
	color: #fff;
	text-transform: uppercase;
	font-size: 13px;
	text-align: center;
	padding: 7px 12px 10px;
	margin: 0 auto;
	margin-top: 43px;
}
.view-all:hover {
	color: #000;
}
.featured-projects {
	width: 100%;
	position: relative;
	padding-bottom: 53px;
}
.featured-projects h1 {
	font-family: 'Lato', sans-serif;
	font-weight: 400;
	color: #fff;
	font-size: 48px;
	text-align: center;
	text-transform: uppercase;
	padding-top: 35px;
	padding-bottom: 25px;
}
.projects-wrap {
	width: 1150px;
	height: 434px;
	position: relative;
	margin: 0 auto;
	max-width: 100%;
}
.projects-wrap:after {
	content: ' ';
	display: block;
	clear: both;
}
.project {
	width: 370px;
	height: 434px;
	background-color: rgba(255,255,255,0.3);
	float: left;
	position: relative;
	margin-right: 20px;
	padding-bottom: 25px;
	max-width: 100%;
}
.proj-img {
	position: relative;
	width: 370px;
	height: 200px;
	overflow: hidden;
}
.proj-img img {
	width: 100%;
	height: auto;
}
.proj-text {
	width: 305px;
	height: 226px;
	padding: 0 30px 0 35px;
}
.project:last-child {
	margin-right: 0;
}
.proj-icon {
	width: 25px;
	height: 25px;
	float: left;
	margin-left: -6px;
}
.bolt {
	margin-right: 3px;
}
.horn {
	margin-right: 8px;
}
.bulb {
	margin-right: 6px;
}
.project h6 {
	font-family: 'Lato', sans-serif;
	font-weight: 400;
	color: #fff;
	font-size: 20px;
}
.project span {
	font-family: 'Lato', sans-serif;
	font-weight: 300;
	color: #fff;
	vertical-align: middle;
	font-size: 18px;
}
.project p {
	font-family: 'Lato', sans-serif;
	font-weight: 300;
	color: #fff;
	font-size: 14px;
}
.view-project {
	width: 136px;
	height: 15px;
	background-color: #f90;
	font-family: 'Lato', sans-serif;
	font-weight: 700;
	color: #fff;
	text-transform: uppercase;
	font-size: 13px;
	text-align: center;
	padding: 7px 12px 10px;
	margin-top: 25px;
}
.view-project:hover {
	color: #000;
}
/**********

ABOUT PAGE

**********/

.about-buttons {
	position: relative;
}
.get-intouch {
	margin-top: 2px;
}
.center-about-buttons {
	margin: 0 auto;
	width: 1200px;
	height: 80px;
	max-width: 100%;
}
.about-buttons:after {
	content: ' ';
	display: block;
	clear: both;
}
.abt-btn {
	width: auto;
	height: 15px;
	background-color: #8ec652;
	font-family: 'Lato', sans-serif;
	font-weight: 400;
	text-transform: uppercase;
	font-size: 13px;
	text-align: center;
	padding: 11px 12px 14px 27px;
	letter-spacing: 1px;
	float: left;
	margin: 21px;
}
.abt-btn:hover {
	background: #008CC6;
}
button.abt-btn {
	color: #fff;
	padding: 5px 11px;
	height: auto;
	border: none;
	float: none;
	margin: 0;
	margin-left: 10px;
}
.last-abt-btn {
	margin-right: 0!important;
}
.abt-btn p {
	float: left;
	margin-right: 8px;
	color: #fff;
}
.down-arrow {
	width: 26px;
	height: 14px;
	background-image: url(images/down-arrow.png);
	background-repeat: no-repeat;
	display: inline-block;
}
.scroll_content h1, .scroll_content .title {
	color: #008cc6;
	font-size: 50px;
	font-family: 'Lato', sans-serif;
	font-weight: 700;
	text-align: center;
	text-transform: uppercase;
	padding: 0;
	padding-bottom: 10px;
	margin: 0;
}
.scroll_content p {
	margin: 0 auto;
	font-family: 'Lato', sans-serif;
	font-weight: 300;
	font-size: 16px;
	padding: 5px 20px;
}
.scroll_content.withBackground p, .scroll_content.withBackground h1 {
	color: #fff;
}
.scroll_content:after {
	content: ' ';
	display: block;
	clear: both;
}
.about-our-team {
	width: 100%;
	height: auto;
	background-repeat: no-repeat;
}
.join-the-team {
	position: relative;
	height: 105px;
}
.join-wrap {
	width: 535px;
	height: 50px;
	margin: 0 auto;
	padding-top: 34px;
}
.join-wrap p {
	font-family: 'Lato', sans-serif;
	font-weight: 300;
	letter-spacing: .5px;
	float: left;
	font-size: 22px;
	color: #fff;
}
.our-approach h1 {
	color: #008cc6;
	font-size: 50px;
	font-family: 'Lato', sans-serif;
	font-weight: 700;
	text-align: center;
	text-transform: uppercase;
	margin-bottom: 10px;
}
.our-approach p {
	text-align: center;
	margin: 0 auto;
	font-family: 'Lato', sans-serif;
	font-weight: 300;
	font-size: 16px;
}
.green-thumbs-wrap {
	position: relative;
	height: 105px;
}
.green-thumbs {
	width: 602px;
	height: 50px;
	margin: 0 auto;
	padding-top: 34px;
}
.green-thumbs p {
	font-family: 'Lato', sans-serif;
	font-weight: 300;
	letter-spacing: .5px;
	float: left;
	font-size: 22px;
	color: #fff;
}
.thumb {
	width: 35px;
	height: 35px;
	background-image: url(images/thumbs.png);
	float: left;
	margin-left: 12px;
}
.stars-wrap {
	width: 985px;
	margin: 0 auto;
	margin-top: 15px;
	margin-bottom: 20px;
	padding-bottom: 10px;
	max-width: 100%;
}
.stars-wrap:after {
	content: ' ';
	display: block;
	clear: both;
}
.why-1 li, .why-2 li {
	background: url(images/star.jpg) left top;
	background-repeat: no-repeat;
	padding: 0 0 3px 30px;
	list-style: none;
	margin: 0 auto;
	font-family: 'Lato', sans-serif;
	font-weight: 300;
	font-size: 16px;
}
.why-1, .why-2, .why-3 {
	float: left;
	width: 475px;
	max-width: 100%;
}
.internet-marketing-list-wrap {
	width: 350px;
	margin: 0 auto;
	max-width: 100%;
	padding-bottom: 25px;
}
.unordered-list li {
	background: url(images/star.jpg) left top;
	background-repeat: no-repeat;
	padding: 0 0 3px 30px;
	list-style: none;
	color: #000;
	font-family: 'Lato', sans-serif;
	font-weight: 300;
	font-size: 16px;
}
.stars-wrap-whoweare {
	width: 770px;
	margin: 0 auto;
	margin-top: 15px;
	margin-bottom: 20px;
}
.whoweare li {
	background: url(images/star.jpg) left top;
	background-repeat: no-repeat;
	padding: 0 0 3px 30px;
	list-style: none;
	margin: 0 auto;
	font-family: 'Lato', sans-serif;
	font-weight: 300;
	font-size: 16px;
}
.w-margin {
	margin-right: 35px
}
.why-goingclear h1 {
	color: #008cc6;
	font-size: 50px;
	font-family: 'Lato', sans-serif;
	font-weight: 700;
	text-align: center;
	text-transform: uppercase;
	margin-bottom: 10px;
}
.why-goingclear p {
	text-align: center;
	margin: 0 auto;
	font-family: 'Lato', sans-serif;
	font-weight: 300;
	font-size: 16px;
}
.fun-facts {
	width: 100%;
	height: 425px;
	background-image: url(images/funfact-bg.jpg);
	background-repeat: no-repeat;
}
.fun-facts h1 {
	font-family: 'Lato', sans-serif;
	font-weight: 700;
	font-size: 50px;
	line-height: .8;
	margin-top: 25px;
	margin-bottom: 45px;
	text-align: center;
	text-transform: uppercase;
	color: #fff;
	padding-top: 60px;
	margin-top: 0;
}
.social-responsibility p {
	width: 580px;
	height: 250px;
	float: left;
	text-align: left;
	margin: 0 auto;
	font-family: 'Lato', sans-serif;
	font-weight: 300;
	font-size: 16px;
	margin-left: 50px;
	margin-top: 25px;
}
.social-responsibility h1 {
	color: #008cc6;
	font-size: 50px;
	font-family: 'Lato', sans-serif;
	font-weight: 700;
	text-align: center;
	text-transform: uppercase;
	margin-bottom: 10px;
}
.social-logos {
	width: 387px;
	height: 230px;
	float: right;
	background-image: url(images/social-logos.jpg);
	background-repeat: no-repeat;
	margin-right: 50px;
	margin-top: 25px;
}
.green-mediakit-wrap {
	position: relative;
	height: 105px;
}
.green-mediakit {
	width: 551px;
	height: 50px;
	margin: 0 auto;
	padding-top: 34px;
}
.green-mediakit p {
	font-family: 'Lato', sans-serif;
	font-weight: 300;
	letter-spacing: .5px;
	float: left;
	font-size: 22px;
	color: #fff;
}
.mediakit {
	width: 31px;
	height: 39px;
	background-image: url(images/mediakit.png);
	float: right;
}
.about-icons-wrap {
	position: relative;
	height: auto;
	width: 1000px;
	margin: 0 auto;
	max-width: 100%;
}
.about-icons-wrap:after {
	content: ' ';
	display: block;
	clear: both;
}
.about-icons {
	width: 250px;
	height: 185px;
	float: left;
}
/* text for about-icons */

.fun {
	font-family: 'Lato', sans-serif;
	font-weight: 700;
	text-transform: uppercase;
	font-size: 18px;
	text-align: center;
	color: #fff;
	max-width: 195px;
	margin: 0 auto;
}
/**********

SERVICES PAGE

**********/

.services-wrap1 {
	padding-top: 55px!important;
}
.services-wrap {
	width: 90%;
	margin: 0 auto;
}
.service-item {
	width: 330px;
	float: left;
	position: relative;
	margin-right: 30px;
	margin-bottom: 40px;
}
.service-item a {
	width: 100%;
	height: 45px;
	text-transform: uppercase;
	color: #fff;
	font-size: 18px;
	text-align: center;
	font-family: 'Lato', sans-serif;
	font-weight: 400;
	letter-spacing: .5px;
	padding-top: 17px;
	position: relative;
	bottom: 0;
	left: 0;
	display: block;
}
.service-item a:hover {
	background-color: transparent;
}
.serv-icon {
	width: 100px;
	height: 100px;
}
.service-item h2 {
	color: #fff;
	font-family: 'Lato', sans-serif;
	font-weight: 700;
	text-align: center;
	font-size: 25px;
	line-height: 1.1;
	text-align: center;
}
.service-item p {
	color: #fff;
	font-family: 'Lato', sans-serif;
	font-weight: 300;
	padding: 20px 30px 0;
	text-align: center;
	font-size: 17px;
}
.standard-services-wrap {
	width: 100%;
	position: relative;
	margin-top: 30px;
	padding-bottom: 30px;
}
.standard-services-wrap:after {
	content: ' ';
	display: block;
	clear: both;
}
.standard-services-wrap h1, .services-wrap h1 {
	color: #008cc6;
	font-size: 50px;
	font-family: 'Lato', sans-serif;
	font-weight: 700;
	text-align: center;
	text-transform: uppercase;
	margin-bottom: 10px;
	padding: 0;
}
.services-col {
	width: 280px;
	height: 350px;
	float: left;
	position: relative;
	margin-top: 25px;
}
.col-margin {
	margin-right: 24px;
}
.services-block {
	width: 280px;
	height: 115px;
}
.block-text {
	width: 222px;
	height: 100%;
	float: right;
}
.block-text h4 {
	color: #4d4d4d;
	font-family: 'Lato', sans-serif;
	font-weight: 700;
	font-size: 18px;
}
.block-text p {
	color: #707070;
	font-family: 'Lato', sans-serif;
	font-weight: 400;
	font-size: 14px;
}
/* SERVICE DETAIL PAGE */

.startup-detail-wrap {
	height: 900px;
}
.marketing-detail-wrap {
	height: 750px;
}
.service-detail-h1 {
	color: #008cc6;
	font-size: 50px;
	font-family: 'Lato', sans-serif;
	font-weight: 700;
	text-align: center;
	text-transform: uppercase;
}
.service-detail-h2 {
	font-family: 'Lato', sans-serif;
	font-weight: 400;
	font-size: 22px;
	color: #000;
	text-transform: uppercase;
	text-align: center;
}
.service-detail-p {
	text-align: center;
	margin: 0 auto;
	font-family: 'Lato', sans-serif;
	font-weight: 300;
	font-size: 16px;
}
.service-list-startup {
	width: 450px;
	float: left;
	margin-top: 50px;
	margin-left: 67px;
	max-width: 100%;
}
.service-list {
	width: 350px;
	float: left;
	max-width: 100%;
}
.payperclick-wrap {
	width: 40%;
	float: right;
	margin-top: 50px;
	margin-right: 50px;
}
.payperclick {
	font-family: 'Lato', sans-serif;
	font-weight: 400;
	font-size: 22px;
	color: #000;
	text-transform: uppercase;
	text-align: center;
	margin-top: -12px;
}
.service-list-mark1 {
	width: 470px;
	float: left;
	margin-top: 50px;
	margin-left: 50px;
}
.service-list-mark2 {
	float: right;
	margin-top: 25px;
}
.service-list li, .service-list-mark1 li, .service-list-mark2 li, .service-list-startup li {
	background-image: url(images/star.jpg);
	background-repeat: no-repeat;
	padding: 0 0 3px 30px;
	list-style: none;
	margin: 0 auto;
	font-family: 'Lato', sans-serif;
	font-weight: 300;
	font-size: 16px;
}
.service-quote {
	background-color: rgba(0,140,198,0.1);
	border: 1px solid rgba(0,140,198,0.4);
	width: 500px;
	float: right;
	padding: 20px 15px 22px 25px;
	font-family: 'Lato', sans-serif;
	font-weight: 300;
	font-size: 16px;
	color: #707070;
	max-width: 87%;
	margin: 10px;
}
.service-quote-startup {
	background-color: rgba(0,140,198,0.1);
	border: 1px solid rgba(0,140,198,0.4);
	width: 400px;
	float: right;
	padding: 20px 15px 22px 25px;
	font-family: 'Lato', sans-serif;
	font-weight: 300;
	font-size: 16px;
	color: #707070;
	margin-right: 96px;
	margin-top: 31px;
	max-width: 80%;
}
/***************************

PORTFOLIO PAGE

***************************/



.content-portfolio-main {
	position: relative;
	top: 0;
	left: 0;
	width: 1350px;
	margin: 0 auto;
	max-width: 100%;
}
.paddingTops {
	margin: 50px 0;
}
.scroll_content.paddingTops {
	margin: 0!important;
	padding: 50px 0!important;
}
.skills-used {
	color: #333;
	font-weight: 900;
	font-size: 17px
}
.visit-site {
	text-transform: uppercase;
	font-size: 16px;
	font-weight: 700
}
.label-desc{
	font-size:16px;
}
.single-label-small {
	/*background-image: url(images/categories/other-services.png);*/
	background-size: 20px 20px;
	background-repeat: no-repeat;
	padding-left: 23px;
	vertical-align: middle;
	line-height: 19px;
	font-weight: 300;
	color: #707070;
	width: auto !important;
	display:inline-block;
	margin-right:25px;
}
.label-desc .icon_small_high-end-custom-websites {
	background-image: url(images/categories/performance-websites.png);
	background-size: 20px 20px;
	background-repeat: no-repeat;
	padding-left: 23px;
	vertical-align: middle;
	line-height: 19px;
	font-weight: 300;
	color: #707070;
	width: auto!important;
}
.portfolio-sing.single-label-small.icon_small_high-end-custom-websites{
	background-image: url(images/categories/white/performance-websites-white.png);
}

.label-desc .icon_small_small-business-website-packages {
	background-image: url(images/categories/small-business.png);
	background-size: 20px 20px;
	background-repeat: no-repeat;
	padding-left: 23px;
	vertical-align: middle;
	line-height: 19px;
	font-weight: 300;
	color: #707070;
	width: auto!important;
}
.portfolio-sing.single-label-small.icon_small_small-business-website-packages{
	background-image: url(images/categories/white/small-business-white.png);
	float:none;
}
.label-desc .icon_small_ecommerce-websites{
	background-image: url(images/categories/other-services.png);
}

.portfolio-sing.single-label-small.icon_small_ecommerce-websites{
	background-image: url(images/categories/white/other-services-white.png);
}


.label-desc .icon_small_usa-government-projects {
	background-image: url(images/categories/government-projects.png);
	background-size: 20px 20px;
	background-repeat: no-repeat;
	padding-left: 23px;
	vertical-align: middle;
	line-height: 19px;
	font-weight: 300;
	color: #707070;
	width: auto!important;
}
.portfolio-sing.single-label-small.icon_small_usa-government-projects {
	background-image: url(images/categories/white/government-projects-white.png);
}

.label-desc .icon_small_usa-government-projects {
	background-image: url(images/categories/government-projects.png);
	background-size: 20px 20px;
	background-repeat: no-repeat;
	padding-left: 23px;
	vertical-align: middle;
	line-height: 19px;
	font-weight: 300;
	color: #707070;
	width: auto!important;
}


.label-desc .icon_small_marketing {
	background-image: url(images/categories/marketing.png);
	background-size: 20px 20px;
	background-repeat: no-repeat;
	padding-left: 23px;
	vertical-align: middle;
	line-height: 19px;
	font-weight: 300;
	color: #707070;
	width: auto!important;
}

.portfolio-sing.single-label-small.icon_small_marketing {
	background-image: url(images/categories/white/marketing-white.png);
}


.label-desc .icon_small_start-up-venture-website-projects {
	background-image: url(images/categories/startup.png);
	background-size: 20px 20px;
	background-repeat: no-repeat;
	padding-left: 23px;
	vertical-align: middle;
	line-height: 19px;
	font-weight: 300;
	color: #707070;
	width: auto!important;
}
.portfolio-sing.single-label-small.icon_small_start-up-venture-website-projects{
	background-image: url(images/categories/white/startup-white.png);
}



.label-desc .icon_small_startup-website-projects {
	background-image: url(images/categories/startup.png);
	background-size: 20px 20px;
	background-repeat: no-repeat;
	padding-left: 23px;
	vertical-align: middle;
	line-height: 19px;
	font-weight: 300;
	color: #707070;
	width: auto!important;
}
.portfolio-sing.single-label-small.icon_small_startup-website-projects {
	background-image: url(images/categories/white/startup-white.png);
}
.launch-wrap{
	width:100%;
	text-align:center;
	margin-top:15px;
}
.launch-date{
	background-image: url(images/categories/rocket.png);
	margin-right:0px!important;
}
/* original 

.single_portfolio {

    position:relative;

    width:275px;

    height:244px;

    float:left;

    margin-right:32px;

    margin-bottom:53px;

	}

*/
ul.portfolio_list{
	text-align: justify;
	font-size: 0;
}
ul.portfolio_list:after{
	content: '';
	display: inline-block;
	width: 100%;
}
ul.portfolio_list li.gap{
	width: 380px;
	height:auto;
	margin-bottom:0;
	display:inline-block !important;
}
ul.portfolio_list li{
	position: relative;
	width: 380px;
    height: 515px;
	/*margin-left: 32px;*/
	margin-bottom: 53px;
	background-color: #fff;
	overflow: hidden;
	display:inline-block;
}
/*ul.portfolio_list li:before{
	content: '';
	display: inline-block;
	padding-top: 60%;
}*/


/* original 

.single_portfolio_img {

    height:189px!important;

    vertical-align:middle;

    width:100%;

    position:relative;

    background:#ecedee;

    text-align:center;

    overflow:hidden;

    position:relative;

	}

*/	

.single_portfolio_img {
	max-height: 350px!important;
	vertical-align: middle;
	width: 100%;
	position: relative;
	background: #ecedee;
	text-align: center;
	overflow: hidden;
	position: relative;
}

.portfolio-logo{
	width:100%;
	height:100%;
	top:0;
	left:0;
	position:absolute;
	background-position:center center;
	background-repeat:no-repeat;
	background-size:auto auto;
	background-color:rgba(0, 0, 0, 0.6);
}

.single_portfolio .overlay{
	background-color:rgba(0, 0, 0, 0);
}
.single_portfolio:hover .portfolio-logo{
	display:none;
}

/* original 

.single_portfolio_img a {

    width:275px!important;

    height:189px!important;

    display:block!important;

    background-image:url(images/label.png)!important;

    background-repeat:no-repeat;

	}

*/	

.single_portfolio_img a {
	width: 380px!important;
	height: 350px!important;
	display: block!important;
	background-image: url(images/label.png)!important;
	background-repeat: no-repeat;
	border: 1px solid red;
}
.label {
	height: 59px;
	display: block;
	z-index: 9998!important;
	background-repeat: no-repeat!important;
}
.single_portfolio .label {
	position: absolute;
	z-index: 999999999!important;
	bottom: 56px;
	right: 0;
	height: 59px;
	width: 59px;
}
.single_portfolio_category_icon {
	background-image: url(images/label-all-services.png)!important;
	background-repeat: no-repeat;
	height: 59px;
	width: 59px;
}
.icon_small-business-website-packages {
	background-image: url(images/label-small-business.png)!important;
	background-repeat: no-repeat;
	height: 59px;
	width: 59px;
}
.icon_high-end-custom-websites {
	background-image: url(images/label-performance.png)!important;
	background-repeat: no-repeat;
	height: 59px;
	width: 59px;
}
.icon_start-up-venture-website-projects {
	background-image: url(images/label-startup.png)!important;
	background-repeat: no-repeat;
	height: 59px;
	width: 59px;
}
.icon_usa-government-projects {
	background-image: url(images/label-govt-projects.png)!important;
	background-repeat: no-repeat;
	height: 59px;
	width: 59px;
}
.icon_marketing {
	background-image: url(images/label-marketing.png)!important;
	background-repeat: no-repeat;
	height: 59px;
	width: 59px;
}
/* original

.overlay {

    width:275px!important;

    height:189px!important;

    position:absolute;

    top:0;

    left:0;

    z-index:9999!important;

    cursor:pointer;

	}

*/

.overlay {
	width: 380px!important;
	height: 350px!important;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 9999!important;
	cursor: pointer;
	background-color: rgba(0,0,0,0.6);
}
/* original

.overlay:hover {

    width:275px!important;

    height:189px!important;

    display:block!important;

    background-image:url(images/portfolio-hover.png)!important;

    background-repeat:no-repeat;

    cursor:pointer;

	}

*/

/* original 

.overlay:hover {

    width:380px!important;

    height:350px!important;

    display:block!important;

    background-image:url(images/portfolio-hover.png)!important;

    background-repeat:no-repeat;

    cursor:pointer;

	}	

*/

.overlay:hover {
	width: 380px;
	height: 350px!important;
	display: block!important;
	background-image: url(images/portfolio-blue-hover.png)!important;
	background-repeat: repeat;
	cursor: pointer;
}
/* original	

.single_portfolio_img img {width:100%; height:189px!important;}

*/

.single_portfolio_img img {
	width: 100%;
	height: 350px !important;
}
.portfolio-bg-img{
	width: 100%;
	height: 350px;
	background-repeat: no-repeat;
	background-position: 50% 50%;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
}


.web-view{
	display:none;
}
.web-view-active .current-img{
	display:none;
}
.web-view-active .web-view{
	display:block;
}
.single_portfolio_category_icon {
	position: absolute;
	bottom: 0;
	right: 0;
	z-index: 55;
	height: 59px;
	width: 59px;
	display: none;
}
.single_portfolio_category_icon:first-child {
	display: block;
}
.single_portfolio p {
	width: 85%;
	padding-right: 10%;
	white-space: nowrap;
	text-overflow: ellipsis;
	color: #707070;
	font-size: 14px;
	font-weight: 400;
	overflow: hidden;
	font-family: 'Lato', sans-serif;
}
/* original

.single_portfolio p.single_portfolio_title {

    font-size:17px;

    color:#5B5D5D;

    font-family:'Lato',sans-serif;

    font-weight:500;

    margin-top:12px;

	}

*/

/* original 

.single_portfolio p.single_portfolio_title {

    font-size:20px;

    color:#7c7c7c;

    font-weight:100!important;

    margin-top:20px;

	font-family: "soleil",sans-serif;

	}	

*/

.single_portfolio p.single_portfolio_title {
	font-size: 20px;
	color: #7c7c7c;
	font-weight: 100!important;
	margin-top: 20px;
	font-family: "soleil", sans-serif;
	border-bottom: 1px solid #7c7c7c;
	width: 80%;
	margin: 16px auto;
	padding-bottom: 12px;
}
.gallery_big_image img {
	width: 650px;
	height: auto;
	max-height: 410px;
	min-height: 410px;
	max-width: 100%;
}
.gallery_strip {
	float: left;
}
.gallery_strip:after {
	content: ' ';
	display: block;
	clear: both;
}
.gallery_left {
	float: left;
	width: 85%;
	overflow: hidden;
}
.gallery_right {
	float: right;
	width: 15%;
}
.gallery_play {
	background: #93c83d;
	background-image: url(images/portfolio-single-play.png);
	background-repeat: no-repeat;
	text-indent: -999px;
	font-size: 10px;
	height: 18px;
	width: 32px;
	margin-top: 4px;
	float: left;
	cursor: pointer;
}
.gallery_slider {
	position: relative;
	float: left;
	width: 462px;
	height: 18px;
	margin-top: 4px;
}
.gallery_slider, .ui-slider, .ui-slider-horizontal, .ui-widget, .ui-widget-content, .ui-corner-all {
	width: 549px;
}
.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default {
	height: 18px!important;
}
.gallery_before {
	cursor: pointer;
}
.gallery_strip {
	height: 59px;
	width: 1000000px;
	min-width: 567px;
}
.gallery_small_picture {
	width: 89px;
	height: 59px;
	overflow: hidden;
	float: left;
	position: relative;
	margin-right: 12px;
	opacity: .3;
	cursor: pointer;
}
.gallery_small_picture.active {
	opacity: 1;
}
.gallery_small_picture img {
	width: 89px;
	height: auto;
}
.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default {
	background: url(images/slider_handler.png)!important;
	border: none!important;
	margin: 0!important;
	border-radius: 0!important;
	width: 56px!important;
	top: 0!important;
}
.ui-widget-content {
	border: none!important;
	border-radius: 0!important;
	height: 18px!important;
	padding: 0!important;
	background: #333!important;
}
.gallery_play.play:before {
	content: 'Play';
	color: #fff;
}
.gallery_play.pause:before {
	content: 'Pause';
	color: #fff;
}
.filter-portfolio select {
	width: 313px;
	height: 36px;
	appearance: none;
	-moz-appearance: none;
	-webkit-appearance: none;
	-webkit-border-radius: 0;
	font-family: 'Lato', sans-serif;
	font-weight: 400;
	font-size: 16px;
	color: #666;
	cursor: pointer;
	border: none;
	outline: none;
	padding-left: 15px;
	padding-bottom: 2px;
}
.filter-portfolio {
	position: relative;
	position: relative;
	padding: 7px 0 7px 25px;
}
.portfolio-filerby {
	font-family: 'Lato', sans-serif;
	font-weight: 400;
	color: #fff;
	position: relative;
	top: 12px;
	left: 0;
}



::-webkit-input-placeholder {
 font-family:'Lato', sans-serif;
 font-weight:400;
 font-size:16px;
 color:#666;
}

:-moz-placeholder {

/* Firefox 18- */

    font-family:'Lato', sans-serif;
 font-weight:400;
 font-size:16px;
 color:#666;
}

::-moz-placeholder {

/* Firefox 19+ */

    font-family:'Lato', sans-serif;
 font-weight:400;
 font-size:16px;
 color:#666;
}

:-ms-input-placeholder {
 font-family:'Lato', sans-serif;
 font-weight:400;
 font-size:16px;
 color:#666;
}
/* PORTFOLIO SINGLE PAGE */

.blueBar {
	width: 100%;
	height: 72px;
}
.portfolio-bluebar-icon {
	background-image: url(images/96-portfolio-bluebar.png);
	background-repeat: no-repeat;
	background-size: 48px 48px;
	width: 50px;
	height: 50px;
	position: absolute;
	top: 11px;
	left: 0;
}
/* original 

.portfolio-back {

    font-family: 'Lato',sans-serif;

    font-weight: 400;

    font-size: 16px;

    color: #fff!important;

    text-transform: uppercase;

    position: absolute;

    top: 11px;

    padding-left: 53px;

    height: 44px;

    vertical-align: middle;

    line-height: 44px;

    background:url(images/96-portfolio-bluebar.png);

    background-size:44px 44px;

    background-repeat: no-repeat;

    background-position: 0 0;

	}

*/

.portfolio-back:hover {
	background: url(images/96-portfolio-bluebar-orange.png);
	background-size: 44px 44px;
	background-repeat: no-repeat;
	background-position: 0 0;
	color: #f90 !important;
}
/* original 

.arrowsWrap {

    width:97px;

    height:44px;

    position:absolute;

    top:11px;

    right:0;

	}

.blue-arrow-left {

    width:43px;

    height:43px;

    background-image:url(images/96-arrows-matrix.png);

    background-size:200%;

    background-position:0 0;

    cursor:pointer;

    float:left;

    margin: 0 4px;

    margin-right:5px !important;

	}

.blue-arrow-left:hover {background-image:url(images/96-arrows-matrix.png); background-position: 86px -43px;

}

.blue-arrow-right {

    width:43px;

    height:43px;

    background-image:url(images/96-arrows-matrix.png);

    background-size:200%;

    background-position:43px 0;

    cursor:pointer;

    float:left;

	}

.blue-arrow-right:hover {background-image:url(images/96-arrows-matrix.png); background-position:43px 43px;}



*/



.portfolio-text {
	padding-top: 45px;
	padding-bottom: 50px;
}
.portfolio-text p {
	font-family: 'Lato', sans-serif;
	font-weight: 400;
	font-size: 14px;
	color: #707070;
}
.portfolio-text h1 {
	color: #333;
	font-family: 'Lato', sans-serif;
	font-weight: 700;
	font-size: 24px;
	margin-bottom: 10px;
}
.label-desc {
	margin-bottom: 6px;
	float: left;
	margin-right: 10px;
	padding-left: 4%;
}
/* omit - original 

.single_portfolio_img:after {

    content:' ';

    position:absolute;

    width:0;

    height:0;

    border-bottom:57px solid #8ec652;

    border-left:57px solid transparent;

    bottom:0;

    right:0;

	}

*/

.label-desc p {
	color: #707070;
	font-weight: 700;
	font-size: 17px;
}
.icon_small_small-business-website-packages {
	background-image: url(images/label-small-business.png);
	background-repeat: no-repeat;
	width: 25px;
	float: left;
	margin-right: 25px;
}
.single-label-large {
	background-image: url(images/label.png)!important;
	background-repeat: no-repeat;
	width: 59px;
	height: 59px;
	position: absolute;
	bottom: 56px;
	right: 0;
}
/* top-left green icons */

.single-label-verylarge {
	background-repeat: no-repeat!important;
	width: 80px;
	height: 80px;
	margin: 0 auto;
}
.very-large-performance {
	background-image: url(images/80x80-performance.png)!important;
}
.very-large-small-business {
	background-image: url(images/80x80-small-business.png)!important;
	left: 157px;
}
.very-large-startup {
	background-image: url(images/80x80-startup.png)!important;
	left: 22px;
}
.very-large-marketing {
	background-image: url(images/80x80-marketing.png)!important;
	left: 80px;
}
.very-large-government {
	background-image: url(images/80x80-government.png)!important;
	left: 80px;
}
.very-large-all-services {
	background-image: url(images/80x80-all-services.png)!important;
	left: 155px;
}
/* watermarks */

.watermark-performance {
	background-image: url(images/watermark-performance.png);
	background-position: 620px 100px;
	background-repeat: no-repeat!important;
}
.watermark-small-business {
	background-image: url(images/watermark-small-business.png);
	background-position: 510px 100px;
	background-repeat: no-repeat!important;
}
.watermark-startup {
	background-image: url(images/watermark-startup.png);
	background-position: 605px 100px;
	background-repeat: no-repeat!important;
}
.watermark-marketing {
	background-image: url(images/watermark-marketing.png);
	background-position: 482px 100px;
	background-repeat: no-repeat!important;
}
.watermark-government {
	background-image: url(images/watermark-government.png);
	background-position: 482px 100px;
	background-repeat: no-repeat!important;
}
.watermark-all-services {
	background-image: url(images/watermark-all-services.png);
	background-position: 465px 75px;
	background-repeat: no-repeat!important;
}
/* pages wraps */	

.performance-wrap {
	height: 850px;
	background-repeat: no-repeat;
}
.small-business-wrap {
	height: 870px;
	background-repeat: no-repeat;
}
.startup-wrap {
	background-repeat: no-repeat;
}
.marketing-wrap {
	background-repeat: no-repeat;
}
.government-wrap {
	background-repeat: no-repeat;
}
.all-services-wrap {
	height: 500px;
	background-repeat: no-repeat;
}
.all-services-1 {
	float: left;
	width: 320px;
	margin-left: 320px;
}
.all-services-2 {
	float: left;
	width: 320px;
	margin-right: 80px;
}
.all-services-1 li, .all-services-2 li {
	list-style: disc;
	margin: 0 auto;
	font-family: 'Lato', sans-serif;
	font-weight: 300;
	font-size: 16px;
	background-image: url(images/star.png);
	background-repeat: no-repeat;
	padding: 0px 0px 3px 30px;
	list-style: none;
}
/* PORTFOLIO : FILTER BY & RESOURCES > ENEWSLETTER : OTHER RESOURCES */

.custom-select {
	width: 100%;
	height: 35px;
	display: block;
	cursor: default;
	text-decoration: none;
	outline: none;
	vertical-align: middle;
	line-height: 35px;
	background-color: #fff;
	border: 1px solid #ccc;
	box-shadow: 2px 2px #226A9A;
}
.custom-select .custom-select-inner {
	position: relative;
	display: block;
	width: 100%;
	height: 35px;
}
.custom-select .custom-select-current {
	height: 34px;
	padding: 1px 30px 0 10px;
	outline: none;
	text-decoration: none;
	color: #05294f;
	background-image: url(images/select-submit.jpg);
	background-position: right top;
	background-repeat: no-repeat;
	overflow: hidden;
	vertical-align: middle;
	line-height:32px;
}
.custom-select-inner a {
	color: #777 !important;
	font-weight: normal !important;
	display:block;
}
.custom-select .custom-select-current img {
	vertical-align: middle;
	margin-right: 10px;
}
.custom-select ul {
	margin: 0;
	padding: 0 0 1px;
	display: none;
	width: 100%;
	position: absolute;
	top: 36px;
	left: -1px;
	background-color: #FFF;
	overflow: auto;
	max-height: 500px;
	border: 1px solid #ccc;
	border-top: none;
	z-index: 1000;
}
.custom-select ul li {
	display: block;
	padding: 7px 10px 8px;
	cursor: default;
	line-height: 15px;
	margin-bottom: -1px;
	border-top: 1px solid #fff;
	border-bottom: 1px solid #fff;
	color: #05294f;
	position: relative;
}
.custom-select ul li.hasImage {
	padding-left: 35px;
}
.custom-select ul li.current, .custom-select ul li.hovered.current, .custom-select ul li.hovered {
	background-color: #e5e5e5;
	border-top: 1px solid #d9d9d9;
	border-bottom: 1px solid #d9d9d9;
	cursor: pointer;
}
.custom-select ul li .image {
	width: 35px;
	vertical-align: middle;
	display: inline-block;
	height: 100%;
	position: absolute;
	left: 0;
	top: 0;
}
.custom-select ul li img {
	vertical-align: middle;
	max-height: 30px;
	max-width: 25px;
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	margin: auto;
}

/*new styles*/
.portfolio-filter{
	padding:15px 0;
}
.portfolio-filter label{
	color: #fff;
    font-family: "Lato",sans-serif;
    font-weight: 400;
	font-size:16px;
	position:relative;
	top:3px;
	cursor:pointer;
}
#ck1{
	display:none;
}
#ck1 + label{
	padding-left:30px;
	min-height:22px;
	vertical-align:middle;
	background-image: url(images/radio-blank.png);
	background-position:left center;
	background-repeat:no-repeat;
	display:inline-block;
}
#ck1:checked + label{
	background-image: url(images/radio-check.png);
}
.filter-left-box{
	width:55%;
}
.portfolio-filter .inner-box{
	width:100%;
}

.filter-left-box .left-label{
	width:12%;
}
.filter-select{
	width:88%;
	font-size:0;
}
.filter-select > li{
	width:46%;
	margin-left:4%;
	display:inline-block;
	vertical-align:top;
	font-size:16px;
}

.filter-right-box{
	width:45%;
}
.checkbox-wrap{
	width:34%;
	margin-left:6%;
}

.search-wrap{
	width:56%;
	margin-left:4%;
}
.keywordPortfolioSearch {
	width: 75%;
	height: 32px;
	padding-left: 15px;
	padding-bottom: 2px;
	font-family: 'Lato', sans-serif;
	font-weight: 400;
	font-size: 16px;
	color: #666;
	cursor: pointer;
	border: none;
	outline: none;
	position: relative;
	top: 0;
	right: initial;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;   
	box-sizing: border-box; 
	margin-top: 0;
}

/* PORTFOLIO DETIAL (PORTFOLIO IMAGE NAVGATION BUTTONS) */

.buttonNavPortfolio {
	width:50px;
	height:50px;	
	-moz-border-radius: 50px; 
	-webkit-border-radius: 50px; 
	border-radius: 50px;
	
	background-size: cover;
	background-repeat: no-repeat;
	background-position: 50% 50%;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	color: #666;
	cursor: pointer;
	text-align: center;
	margin: 10px 5px;
	border: 2px solid #EEE;
	float: left;
}


.buttonNavPortfolio.activeButton {
	color: #fff;
	font-weight: 700;
	border:2px solid #8ec552;
}
.beforeButton{
	background-image:url('images/before-after.png');
	background-size: cover;
	background-repeat: no-repeat;
	background-position: 50% 50%;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	position:relative;
}

.beforeButton:hover span{
	opacity: 1;
	margin-bottom: 10px;
}
.beforeButton span{
	display: inline-block;
	position: absolute;
	padding: 8px 10px;
	text-align:center;
	bottom: 100%;
	margin-bottom: 0;
	left: 50%;
	-webkit-transform: translateX(-50%);
	-moz-transform: translateX(-50%);
	-ms-transform: translateX(-50%);
	-o-transform: translateX(-50%);
	transform: translateX(-50%);
	-webkit-transition: all 0.15s ease-in-out; 
	-moz-transition: all 0.15s ease-in-out; 
	transition: all 0.15s ease-in-out;
	background: #000;
	opacity: 0;
	color: #fff;
	-moz-border-radius: 2px; 
	-webkit-border-radius: 2px; 
	border-radius: 2px;
	text-align: center;
	font: 300 15px/20px "Lato",sans-serif;
	white-space: nowrap;
	margin-bottom: 0;
}
.beforeButton span:before{
	position:absolute;
	top: 100%;
	left: 50%;
	margin-left:-5px;
	content:"";
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 8px 5px 0 5px;
	border-color: #000000 transparent transparent transparent;
}


.pauseButton {
	float: right;
	margin-right: 41px;
	background: #fff;
	-moz-border-radius: 0; 
	-webkit-border-radius: 0x; 
	border-radius: 0;
	width:auto;
	height:auto;
	
	/* Old browsers */

	background: -moz-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(243,243,243,1) 50%, rgba(237,237,237,1) 51%, rgba(255,255,255,1) 100%);
	/* FF3.6+ */

	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(255,255,255,1)), color-stop(50%, rgba(243,243,243,1)), color-stop(51%, rgba(237,237,237,1)), color-stop(100%, rgba(255,255,255,1)));
	/* Chrome,Safari4+ */

	background: -webkit-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(243,243,243,1) 50%, rgba(237,237,237,1) 51%, rgba(255,255,255,1) 100%);
	/* Chrome10+,Safari5.1+ */

	background: -o-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(243,243,243,1) 50%, rgba(237,237,237,1) 51%, rgba(255,255,255,1) 100%);
	/* Opera 11.10+ */

	background: -ms-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(243,243,243,1) 50%, rgba(237,237,237,1) 51%, rgba(255,255,255,1) 100%);
	/* IE10+ */

	background: linear-gradient(to bottom, rgba(255,255,255,1) 0%, rgba(243,243,243,1) 50%, rgba(237,237,237,1) 51%, rgba(255,255,255,1) 100%);

/* W3C */

    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#ffffff', GradientType=0);
	/* IE6-9 */
	border:1px solid #fff;
	padding:3px 10px;
}
.portfolioNav {
	position: relative;
	margin-top: 15px;
}
.portfolioNav:after {
	content: ' ';
	display: block;
	clear: both;
}
.numbersNavPortfolio {
	float: left;
}
/**********

RESOURCES PAGE

**********/

.newsletter-filter {
	position: relative;
	height: 75px;
}
.newsletter-filter-wrap {
	width: 480px;
	height: 50px;
	margin: 0 auto;
	padding-top: 34px;
}
.filter-by {
	width: 600px;
	height: 36px;
	position: absolute;
	top: 18px;
	left: 50px;
}
.filter-by p {
	font-weight: 400;
	margin-bottom: 40px;
	font-family: 'Lato', sans-serif;
	font-size: 16px;
	color: #fff;
	float: left;
	margin-top: 5px;
	padding-right: 15px;
}
.filter-by select {
	width: 294px;
	height: 36px;
	margin-top: -5px;
	padding-left: 15px;
	background-image: url(images/select-submit.jpg);
	background-repeat: no-repeat;
	background-position: 255px 0;
	appearance: none;
	-moz-appearance: none;
	/* Firefox */

	-webkit-appearance: none;
	/* Safari and Chrome */

	-webkit-border-radius: 0;
	font-family: 'Lato', sans-serif;
	font-weight: 400;
	font-size: 16px;
	color: #666;
	cursor: pointer;
	border: none;
	outline: none;
}
.search-keyword {
	width: 400px;
	height: 36px;
	position: absolute;
	top: 18px;
	right: 50px;
}
.search-keyword p {
	font-weight: 400;
	margin-bottom: 40px;
	font-family: 'Lato', sans-serif;
	font-size: 16px;
	color: #fff;
	float: left;
	margin-top: 5px;
	padding-right: 15px;
}
.search-keyword input[type=text] {
	width: 294px;
	height: 34px;
	margin-top: -5px;
	padding-left: 15px;
	font-family: 'Lato', sans-serif;
	font-weight: 400;
	font-size: 16px;
	color: #666;
	cursor: pointer;
	border: none;
	outline: none;
}
.keyword-submit {
	width: 39px;
	height: 36px;
	background-image: url(images/keyword-submit.jpg);
	background-repeat: no-repeat;
	background-position: 0 0;
	border: none;
	outline: none;
	cursor: pointer;
	text-indent: -9999px;
	position: absolute;
	top: 0;
	right: 0;
}
.newsletter-goingclear {
	position: relative;
}
.newsletter-goingclear p {
	text-align: center;
	margin: 0 auto;
	font-family: 'Lato', sans-serif;
	font-weight: 300;
	font-size: 16px;
}
.newsletter-goingclear h1 {
	color: #008cc6;
	font-size: 50px;
	font-family: 'Lato', sans-serif;
	font-weight: 700;
	text-align: center;
	text-transform: uppercase;
	margin-bottom: 10px;
}
.resource-graphic-offer-wrap {
	width: 950px;
	margin: 0 auto;
	position: relative;
	margin-top: -50px;
	max-width: 100%;
}
.resources-graphic {
	width: 287px;
	height: 290px;
	float: left;
	max-width: 100%;
}
.resources-offer {
	width: 600px;
	height: 350px;
	float: right;
	max-width: 100%;
}
.res-1 li {
	background: url(images/star.jpg) left top;
	background-repeat: no-repeat;
	padding: 0 0 3px 30px;
	list-style: none;
	text-align: left;
	margin: 0 auto;
	font-family: 'Lato', sans-serif;
	font-weight: 300;
	font-size: 16px;
}
.resources-offer h2 {
	font-family: 'Lato', sans-serif;
	font-weight: 400;
	font-size: 22px;
	color: #000;
	float: left;
	text-transform: uppercase;
	margin-bottom: 15px;
}
.newsletter-resources {
	width: 280px;
	height: 39px;
	position: relative!important;
	float: left;
	margin-top: 40px;
}
/**********

WEB RESOURCES / ARTICLES & PRESENTATIONS PAGES

**********/

.web-resources-wrap {
	height: 1800px;
}
.links-wrapper {
	width: 80%;
	height: 600px;
	margin: 0 auto;
	margin-top: 50px;
	position: relative;
}
.indv-link {
	width: 100%;
	margin-top: 25px;
	margin-bottom: 10px;
	border-bottom: 1px solid #707070;
	padding-bottom: 32px;
}
.indv-link:after {
	display: block;
	content: ' ';
	clear: both;
}
.first-link {
	border-top: 1px solid #707070!important;
	padding-top: 25px;
}
.last-link {
	border-bottom: none!important;
}
.indv-text {
	width: 750px;
	float: left;
	max-width: 100%;
}
.indv-p {
	font-family: 'Lato', sans-serif;
	font-weight: 400;
	font-size: 14px;
	color: #707070;
	padding-bottom: 5px;
}
/*.clients-wrap {height:1360px;}*/

.center-logos {
	width: 1200px;
	margin: 0 auto;
}
.logos-wrap-one {
	width: 607px;
	float: left
}
.logos-wrap-two {
	width: 592px;
	float: right;
}
/* A & P */

.article-pres-wrap {
	height: 1680px;
}
.request-more-info {
	width: 200px;
	margin: 0 auto;
}
/**********

GLOSSARY PAGE

**********/

.glossary-index a {
	color: #8ec652;
	padding: 0 6px;
	font-weight: 700;
}
/**********

BLOG

**********/

.single_post_title {
	height: 50px;
	overflow: hidden;
}
.popularposts .details a {
	display: block;
}
.post {
	padding-bottom: 15px;
}
.post_title {
	font-size: 20px;
	line-height: 26px;
	padding: 10px 0;
	margin: 0 0 1px;
	font-weight: 700;
	background: transparent;
	border-top: 1px solid #ddd;
}
.post_title a {
	color: #333
}
.thumb-portfolio {
	margin-right: 25px;
	margin-bottom: 25px;
	float: left;
}
.hasthumb {
	width: 515px;
	float: left;
	max-width: 100%;
}
.meta {
	font-style: normal;
	color: #00356E;
}
.meta a, .meta a:visited, .meta a:link {
	color: #8ec652;
}
.thumb-portfolio {
	padding: 10px;
}
.widget a {
	color: #333;
}
.widget {
	margin: 0 0 30px;
	border: 1px solid #E1E1E1;
	padding: 10px;
	background-color: #FCFCFC;
}
.widget .post_title {
	font-size: 14px;
	line-height: 20px;
	font-weight: 700;
	margin: 0 0 10px;
	padding: 0 0 15px;
	background: url(images/line.png) repeat-x 0 bottom;
	border-top: none;
	border-bottom: 1px solid #ddd;
}
.widget li {
	border-bottom: 1px dashed #E1E1E1;
	line-height: 17px;
	list-style-position: inside;
	list-style-type: disc;
	margin: 0 0 6px;
	padding: 4px 0 9px 10px;
}
.widget li a {
	color: #666;
	text-decoration: none;
}
.latestposts li, .popularposts li {
	margin: 0 0 12px;
	padding: 0 0 10px;
	list-style-type: none!important;
}
.latestposts li:after, .popularposts li:after {
	content: ' ';
	display: block;
	clear: both;
}
.latestposts, .popularposts {
	padding-top: 5px;
}
.latestposts .thumbnail, .popularposts .thumbnail {
	float: left;
	margin: 0 15px 2px 0;
}
.latestposts .thumbnail img, .popularposts .thumbnail img {
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;
	border-radius: 2px;
	padding: 4px;
	border: 1px solid #E3E3E3;
	background: #F3F3F3;
	margin: 0;
	-webkit-box-shadow: inset 0 0 0 1px rgba(255,255,255,1), 0 1px 3px rgba(130,130,130,0.1);
	-moz-box-shadow: inset 0 0 0 1px rgba(255,255,255,1), 0 1px 3px rgba(130,130,130,0.1);
	box-shadow: inset 0 0 0 1px rgba(255,255,255,1), 0 1px 3px rgba(130,130,130,0.1);
}
.blog-latest {
	width: 100%;
	background-color: #fff;
}
.blog-latest h1 {
	font-family: 'Lato', sans-serif;
	font-weight: 700;
	color: #000;
	font-size: 48px;
	text-align: center;
	text-transform: uppercase;
	padding-top: 45px;
}
/* BLOG POSTS HOMEPAGE */

.blog-latest:after {
	content: ' ';
	display: block;
	clear: both;
}
.posts-wrap {
	margin: 0 auto;
	width: 100%;
	margin-top: 35px;
}
.single_post {
	width: 270px;
	float: left;
	margin-right: 30px;
	margin-bottom: 25px;
}
.single_post img {
	-webkit-border-radius: 100px;
	-moz-border-radius: 100px;
	border-radius: 100px;
	max-width: 85px;
	max-height: 85px;
}
.single_post_title a {
	color: #008cc6;
	font-family: 'Lato', sans-serif;
	font-weight: 400;
	font-size: 17px;
	margin-bottom: 5px;
}
.single_post_title a:hover {
	color: #f90;
	cursor: pointer;
}
.single_post_date {
	color: #666;
	font-family: 'Lato', sans-serif;
	font-weight: 300;
}
/**********

CONTACT PAGE

**********/

.content-pad-contact {
	padding: 40px 30px 20px 30px;
}
.contact-icons-wrap {
	margin: 0 auto;
}
.apply-now {
	margin-top: 35px;
}
.icon {
	width: 200px;
	height: 200px;
	float: left;
	margin-right: 26px;
	position: relative;
	background-repeat: no-repeat;
	text-align: center;
}
.icon img {
	width: 88px;
	height: 88px;
	text-align: center;
	margin-bottom: 15px;
}
.title-contact {
	font-family: 'Lato', sans-serif;
	font-weight: 400;
	font-size: 22px;
	color: #000;
	ftext-align: center;
}
.title-contact-connect {
	font-family: 'Lato', sans-serif;
	font-weight: 400;
	font-size: 22px;
	color: #000;
	text-align: center;
	float: left;
	margin-top: 8px;
	margin-right: 8px;
}
.subtitle-contact {
	font-family: 'Lato', sans-serif;
	font-weight: 400;
	font-size: 15px;
	color: #999;
}
.icon span {
	color: #f90;
}
.contact-icon-hours {
	margin-right: 0!important;
}
.connect {
	position: relative;
	margin: 0 auto;
	width: 370px;
	height: 52px;
	margin-top: 50px;
}
.connect li {
	float: left;
	width: 52px;
	height: 52px;
}
.connect li a {
	display: block;
	width: 52px;
	height: 52px;
	text-indent: -9999999px;
}
.connect p {
	font-family: 'Lato', sans-serif;
	font-weight: 400;
	font-size: 22px;
	color: #000;
	float: left;
	padding-top: 10px;
	margin-right: 15px;
}
.contact-icons-list li a {
	cursor: pointer;
	width: 52px;
	height: 52px;
	float: left;
	text-indent: -99999;
	-webkit-transition: all .1s ease-in-out;
	-moz-transition: all .1s ease-in-out;
	-o-transition: all .1s ease-in-out;
	-ms-transition: all .1s ease-in-out;
	transition: all .1s ease-in-out;
}
.contact-facebook {
	background-image: url(images/contact-icons-matrix.jpg);
	background-position: 0 0;
	background-repeat: no-repeat;
	width: 52px;
	height: 52px;
}
.contact-facebook:hover {
	background-position: 0 -52px;
	-webkit-transition: all .1s ease-in-out;
	-moz-transition: all .4s ease-in-out;
	-o-transition: all .4s ease-in-out;
	-ms-transition: all .4s ease-in-out;
	transition: all .4s ease-in-out;
}
.contact-youtube {
	background-image: url(images/contact-icons-matrix.jpg);
	background-position: -52px 0;
	background-repeat: no-repeat;
	width: 52px;
	height: 52px;
}
.contact-youtube:hover {
	background-position: -52px -52px;
	-webkit-transition: all .1s ease-in-out;
	-moz-transition: all .4s ease-in-out;
	-o-transition: all .4s ease-in-out;
	-ms-transition: all .4s ease-in-out;
	transition: all .4s ease-in-out;
}
.contact-twitter {
	background-image: url(images/contact-icons-matrix.jpg);
	background-position: -104px 0;
	background-repeat: no-repeat;
	width: 52px;
	height: 52px;
}
.contact-twitter:hover {
	background-position: -104px -52px;
	-webkit-transition: all .1s ease-in-out;
	-moz-transition: all .4s ease-in-out;
	-o-transition: all .4s ease-in-out;
	-ms-transition: all .4s ease-in-out;
	transition: all .4s ease-in-out;
}
.contact-googleplus {
	background-image: url(images/contact-icons-matrix.jpg);
	background-position: -156px 0;
	background-repeat: no-repeat;
	width: 52px;
	height: 52px;
}
.contact-googleplus:hover {
	background-position: -156px -52px;
	-webkit-transition: all .1s ease-in-out;
	-moz-transition: all .4s ease-in-out;
	-o-transition: all .4s ease-in-out;
	-ms-transition: all .4s ease-in-out;
	transition: all .4s ease-in-out;
}
.contact-linkedin {
	background-image: url(images/contact-icons-matrix.jpg);
	background-position: -208px 0;
	background-repeat: no-repeat;
	width: 52px;
	height: 52px;
}
.contact-linkedin:hover {
	background-position: -208px -52px;
	-webkit-transition: all .1s ease-in-out;
	-moz-transition: all .4s ease-in-out;
	-o-transition: all .4s ease-in-out;
	-ms-transition: all .4s ease-in-out;
	transition: all .4s ease-in-out;
}
.your-curious {
	position: relative;
	height: 105px;
}
.your-curious-wrap {
	width: 535px;
	height: 50px;
	margin: 0 auto;
	padding-top: 34px;
}
.your-curious p {
	font-family: 'Lato', sans-serif;
	font-weight: 300;
	letter-spacing: .5px;
	float: left;
	font-size: 22px;
	color: #fff;
}
.careers h1 {
	color: #008cc6;
	font-size: 50px;
	font-family: 'Lato', sans-serif;
	font-weight: 700;
	text-align: center;
	float: right;
	text-transform: uppercase;
	margin-bottom: 10px;
}
.careers p {
	text-align: center;
	margin: 0 auto;
	font-family: 'Lato', sans-serif;
	font-weight: 300;
	font-size: 16px;
}
.suitcase {
	width: 280px;
	height: 100px;
	margin: 0 auto;
}
.suitcase img {
	float: left;
	padding-top: 20px;
}
/* fullscreen map */

.map-wrap {
	width: 100%;
	height: 388px;
	margin: 0 auto;
	overflow: hidden;
	background-color: #c1c1c1;
	background-image: url(images/contact-map.jpg);
	background-repeat: no-repeat!important;
	background-position: 62%;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
}
/* CONTACT ACCORDIAN */

#basic-accordian {
	z-index: 2;
}
.accordion_headings {
	font-family: 'Lato', sans-serif;
	font-weight: 300;
	font-size: 18px;
	padding: 5px 0 5px 15px;
	cursor: pointer;
	color: #FFF;
	font-weight: 700;
	margin-bottom: 1px;
	text-align: left;
	background-color: #8ec652;
}
.accordion_headings:hover {
	background: #008cc6;
	color: #fff;
	padding: 5px 0 5px 15px;
}
.accordion_child {
	padding: 15px 15px 20px 15px;
	background-color: #FCFCFC;
	border: 1px solid #E1E1E1;
	color: #000;
}
.accordion_child {
	font-weight: 300;
}
.form-quote h3 {
	margin-bottom: 8px;
	font-weight: 400;
}
/* STILL NEED TO PLACE THIS LINE ELSEWHERE */

.mass-bbb {
	width: 228px;
	height: 125px;
	margin: 0 auto;
	text-align: center;
	margin-bottom: 20px;
	border: 10px solid red;
}
/* ------ Effect7 ------ */



/* ---GENERAL --*/

.item-hover {
	position: relative;
	-webkit-transition: all 0.35s ease-in-out;
	-moz-transition: all 0.35s ease-in-out;
	transition: all 0.35s ease-in-out;
	float: left;
	margin-right: 9px;
	margin-top: 20px;
	margin-bottom: 25px;
}
.item-hover,  .item-hover * {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
.item-hover a {
	color: #333;
}
.item-hover a:hover {
	text-decoration: none;
}
.item-hover img {
	width: 100%;
	height: 100%;
}
.item-hover.circle {
	position: relative;
	width: 190px;
	height: 250px;
	border-radius: 50%;
}
.item-hover.circle .img {
	position: relative;
	width: 190px;
	height: 190px;
	border-radius: 50%;
}
.item-hover.circle .img:before {
	position: absolute;
	display: block;
	content: '';
	width: 100%;
	height: 100%;
	border-radius: 50%;
	box-shadow: inset 0 0 0 10px rgba(255, 255, 255, 0.6), 0 1px 2px rgba(0, 0, 0, 0.3);
	-webkit-transition: all 0.35s ease-in-out;
	-moz-transition: all 0.35s ease-in-out;
	transition: all 0.35s ease-in-out;
}
.item-hover.circle .img img {
	border-radius: 50%;
}
.item-hover.circle .info {
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	text-align: center;
	border-radius: 50%;
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
	width: 190px;
	height: 190px;
}
.item-hover.square {
	position: relative;
	width: 316px;
	height: 216px;
	border: 8px solid #fff;
	box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.3);
}
.item-hover.square .info {
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	text-align: center;
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
}
.item-hover .info .icons {
	margin-top: 90px;
	font-size: 26px;
	color: #fff;
}
.item-hover .caption {
	color: #4287be;
	text-align: center;
	font-size: 23px;
	margin-top: 15px;
	line-height: 22px;
}
.item-hover .info .icons i {
	margin-right: 5px;
}
/*----END GENERAL -----*/

.item-hover.circle.effect7 .img {
	opacity: 1;
	-webkit-transform: scale(1);
	-moz-transform: scale(1);
	-ms-transform: scale(1);
	-o-transform: scale(1);
	transform: scale(1);
	-webkit-transition: all 0.35s ease-out;
	-moz-transition: all 0.35s ease-out;
	transition: all 0.35s ease-out;
}
.item-hover.circle.effect7.colored .info {
	background: #76B9D7;
}
.item-hover.circle.effect7 .info {
	background: #333333;
	opacity: 0;
	visibility: hidden;
	pointer-events: none;
	-webkit-transition: all 0.35s ease 0.2s;
	-moz-transition: all 0.35s ease 0.2s;
	transition: all 0.35s ease 0.2s;
}
.item-hover.circle.effect7 .info h3 {
	color: #FFFFFF;
	text-transform: uppercase;
	position: relative;
	letter-spacing: 0px;
	font-size: 17px;
	margin: 0 30px;
	padding: 35px 0 0 0;
	height: 110px;
	text-shadow: 0 0 1px white, 0 1px 2px rgba(0, 0, 0, 0.3);
}
.item-hover.circle.effect7.colored .info h3 {
	color: #fff;
}
.item-hover.circle.effect7 .info p {
	color: #BBBBBB;
	padding: 10px 5px;
	font-style: normal;
	margin: 0 30px;
	font-size: 12px;
	border-top: 1px solid rgba(255, 255, 255, 0.5);
}
.item-hover.circle.effect7.colored .info p {
	color: #bbb;
	border-top: 1px solid rgba(255, 255, 255, 0.5);
}
.item-hover.circle.effect7:hover .img {
	opacity: 0;
	-webkit-transform: scale(0.5);
	-moz-transform: scale(0.5);
	-ms-transform: scale(0.5);
	-o-transform: scale(0.5);
	transform: scale(0.5);
}
.item-hover.circle.effect7:hover .info {
	visibility: visible;
	opacity: 1;
}
.item-hover.circle.effect7.left_to_right .info {
	-webkit-transform: translateX(-100%);
	-moz-transform: translateX(-100%);
	-ms-transform: translateX(-100%);
	-o-transform: translateX(-100%);
	transform: translateX(-100%);
}
.item-hover.circle.effect7.left_to_right:hover .info {
	-webkit-transform: translateX(0);
	-moz-transform: translateX(0);
	-ms-transform: translateX(0);
	-o-transform: translateX(0);
	transform: translateX(0);
}
.item-hover.circle.effect7.right_to_left .info {
	-webkit-transform: translateX(100%);
	-moz-transform: translateX(100%);
	-ms-transform: translateX(100%);
	-o-transform: translateX(100%);
	transform: translateX(100%);
}
.item-hover.circle.effect7.right_to_left:hover .info {
	-webkit-transform: translateX(0);
	-moz-transform: translateX(0);
	-ms-transform: translateX(0);
	-o-transform: translateX(0);
	transform: translateX(0);
}
.item-hover.circle.effect7.top_to_bottom .info {
	-webkit-transform: translateY(100%);
	-moz-transform: translateY(100%);
	-ms-transform: translateY(100%);
	-o-transform: translateY(100%);
	transform: translateY(100%);
}
.item-hover.circle.effect7.top_to_bottom:hover .info {
	-webkit-transform: translateY(0);
	-moz-transform: translateY(0);
	-ms-transform: translateY(0);
	-o-transform: translateY(0);
	transform: translateY(0);
}
.item-hover.circle.effect7.bottom_to_top .info {
	-webkit-transform: translateY(-100%);
	-moz-transform: translateY(-100%);
	-ms-transform: translateY(-100%);
	-o-transform: translateY(-100%);
	transform: translateY(-100%);
}
.item-hover.circle.effect7.bottom_to_top:hover .info {
	-webkit-transform: translateY(0);
	-moz-transform: translateY(0);
	-ms-transform: translateY(0);
	-o-transform: translateY(0);
	transform: translateY(0);
}
/* ------ End Effect7 ------ */





/*----- Animated Icons ------*/

*[class^="btn"] {
	overflow: hidden;
}
.icon-map {
	display: inline-block;
	width: 250px;
	height: 115px;
	background-repeat: no-repeat;
	background-position: 50%;
	margin-left: auto;
	margin-right: auto;
	background: url(http://www.goingclear.com/wp-content/uploads/2014/09/4.png);
	text-indent: -9999px;
}
.icon-server {
	display: inline-block;
	width: 250px;
	height: 115px;
	background-repeat: no-repeat;
	background-position: 50%;
	margin-left: auto;
	margin-right: auto;
	background: url(http://www.goingclear.com/wp-content/uploads/2014/09/3.png);
	text-indent: -9999px;
}
.icon-person {
	display: inline-block;
	width: 250px;
	height: 115px;
	background-repeat: no-repeat;
	background-position: 50%;
	margin-left: auto;
	margin-right: auto;
	background: url(http://www.goingclear.com/wp-content/uploads/2014/09/2.png);
	text-indent: -9999px;
}
.icon-trofy {
	display: inline-block;
	width: 250px;
	height: 115px;
	background-repeat: no-repeat;
	background-position: 50%;
	margin-left: auto;
	margin-right: auto;
	background: url(http://www.goingclear.com/wp-content/uploads/2014/09/1.png);
	text-indent: -9999px;
}
.icon-general {
	display: inline-block;
	height: 40px;
	width: 40px;
	background-repeat: no-repeat;
	padding-top: 15px;
	background-position: 50%;
	margin-left: auto;
	margin-right: auto;
	text-indent: -9999px;
	background-size: 100%;
	top: 13px;
	position: relative;
}
.icon-big-performance {
	display: block;
	width: 100px;
	height: 100px;
	background-repeat: no-repeat;
	background-position: 50%;
	margin-left: auto;
	margin-right: auto;
	background: url(http://www.goingclear.com/wp-content/uploads/2014/09/performance-websites1.png);
	text-indent: -9999px;
	top: 13px;
	position: relative;
}
.icon-big-smallbiz {
	display: block;
	width: 100px;
	height: 100px;
	background-repeat: no-repeat;
	background-position: 50%;
	margin-left: auto;
	margin-right: auto;
	background: url(http://www.goingclear.com/wp-content/uploads/2014/09/small-business.png);
	text-indent: -9999px;
	top: 13px;
	position: relative;
}
.icon-big-startup {
	display: block;
	width: 100px;
	height: 100px;
	background-repeat: no-repeat;
	background-position: 50%;
	margin-left: auto;
	margin-right: auto;
	background: url(http://www.goingclear.com/wp-content/uploads/2014/09/start-up.png);
	text-indent: -9999px;
	top: 13px;
	position: relative;
}
.icon-big-marketing {
	display: block;
	width: 100px;
	height: 100px;
	background-repeat: no-repeat;
	background-position: 50%;
	margin-left: auto;
	margin-right: auto;
	background: url(http://www.goingclear.com/wp-content/uploads/2014/09/marketing-solutions.png);
	text-indent: -9999px;
	top: 13px;
	position: relative;
}
.icon-big-government {
	display: block;
	width: 100px;
	height: 100px;
	background-repeat: no-repeat;
	background-position: 50%;
	margin-left: auto;
	margin-right: auto;
	background: url(http://www.goingclear.com/wp-content/uploads/2014/09/government-projects.png);
	text-indent: -9999px;
	top: 13px;
	position: relative;
}
.icon-big-all {
	display: block;
	width: 100px;
	height: 100px;
	background-repeat: no-repeat;
	background-position: 50%;
	margin-left: auto;
	margin-right: auto;
	background: url(http://www.goingclear.com/wp-content/uploads/2014/09/other-services.png);
	text-indent: -9999px;
	top: 13px;
	position: relative;
}
.icon-big-map {
	display: block;
	width: 88px;
	height: 88px;
	background-repeat: no-repeat;
	background-position: 50%;
	margin-left: auto;
	margin-right: auto;
	background: url(http://www.goingclear.com/wp-content/uploads/2014/09/contact-address.jpg);
	text-indent: -9999px;
	margin-bottom: 15px;
	top: 13px;
	position: relative;
}
.icon-big-phone {
	display: block;
	width: 88px;
	height: 88px;
	background-repeat: no-repeat;
	background-position: 50%;
	margin-left: auto;
	margin-right: auto;
	background: url(http://www.goingclear.com/wp-content/uploads/2014/09/contact-phone.jpg);
	text-indent: -9999px;
	margin-bottom: 15px;
	top: 13px;
	position: relative;
}
.icon-big-email {
	display: block;
	width: 88px;
	height: 88px;
	background-repeat: no-repeat;
	background-position: 50%;
	margin-left: auto;
	margin-right: auto;
	background: url(http://www.goingclear.com/wp-content/uploads/2014/09/contact-email.jpg);
	text-indent: -9999px;
	margin-bottom: 15px;
	top: 13px;
	position: relative;
}
.icon-big-support {
	display: block;
	width: 88px;
	height: 88px;
	background-repeat: no-repeat;
	background-position: 50%;
	margin-left: auto;
	margin-right: auto;
	background: url(http://www.goingclear.com/wp-content/uploads/2014/09/contact-support.jpg);
	text-indent: -9999px;
	margin-bottom: 15px;
	top: 13px;
	position: relative;
}
.icon-big-hours {
	display: block;
	width: 88px;
	height: 88px;
	background-repeat: no-repeat;
	background-position: 50%;
	margin-left: auto;
	margin-right: auto;
	background: url(http://www.goingclear.com/wp-content/uploads/2014/09/contact-hours.jpg);
	text-indent: -9999px;
	margin-bottom: 15px;
	top: 13px;
	position: relative;
}
/*flip horizontal BEGIN*/

* > span[class^="icon-"].icon-animated-flip-horizontal {
	transition: all 0.2s linear;
	-webkit-transition: all 0.2s linear;
	transform: scale(1, 1);
	-webkit-transform: scale(1, 1);
}
*:hover > span[class^="icon-"].icon-animated-flip-horizontal {
	animation: animation-flip-horizontal 0.25s linear;
	animation-iteration-count: 3;
	-webkit-animation: animation-flip-horizontal 0.25s linear;
	-webkit-animation-iteration-count: 3;
}
 @keyframes animation-flip-horizontal {
 50% {
transform: scale(1, 0);
-ms-transform: scale(1, 0);
opacity: 0.2;
}
 100% {
transform: scale(1, 1);
-ms-transform: scale(1, 1);
}
}
 @-webkit-keyframes animation-flip-horizontal {
 50% {
-webkit-transform: scale(1, 0);
opacity: 0.2;
}
 100% {
-webkit-transform: scale(1, 1);
}
}
/*flip horizontal END*/



/*replacing bottom to top BEGIN*/

.icon-animated-replacing-btt {
	transition: all 1s ease-in;
	-webkit-transition: all 1s ease-in;
	opacity: 1;
}
*:hover > span[class^="icon-"].icon-animated-replacing-btt {
	animation: animation-replacing-btt 0.5s ease-out;
	animation-iteration-count: 1;
	-webkit-animation: animation-replacing-btt 0.5s ease-out;
	-webkit-animation-iteration-count: 1;
}
 @keyframes animation-replacing-btt {
 25% {
margin-top: -32px;
margin-bottom: 32px;
opacity: 1;
}
 26% {
opacity: 0;
}
 75% {
margin-top: 32px;
margin-bottom: -32px;
opacity: 0;
}
 76% {
opacity: 1;
}
 100% {
margin-top: 0px;
margin-bottom: 0px;
}
}
 @-webkit-keyframes animation-replacing-btt {
 25% {
margin-top: -32px;
margin-bottom: 32px;
opacity: 1;
}
 26% {
opacity: 0;
}
 75% {
margin-top: 32px;
margin-bottom: -32px;
opacity: 0;
}
 76% {
opacity: 1;
}
 100% {
margin-top: 0px;
margin-bottom: 0px;
}
}
/*replacing bottom to top END*/



/*spinning BEGIN*/

* > span[class^="icon-"].icon-animated-spinning {
	transition: all 0.4s linear;
	-webkit-transition: all 0.4s linear;
	transform: rotate(360deg);
	-webkit-transform: rotate(360deg);
	-ms-transform: rotate(360deg);
}
*:hover > span[class^="icon-"].icon-animated-spinning {
	animation: animation-spinning 0.4s linear;
	animation-iteration-count: 1;
	-webkit-animation: animation-spinning 0.4s linear;
	-webkit-animation-iteration-count: 1;
}
 @keyframes animation-spinning {
 100% {
transform: rotate(720deg);
-ms-transform: rotate(720deg);
}
}
 @-webkit-keyframes animation-spinning {
 100% {
-webkit-transform: rotate(720deg);
}
}
/*spinning END*/



/*jumping up BEGIN*/

* > span[class^="icon-"].icon-animated-jumping-up {
	transition: all 0.2s linear;
	-webkit-transition: all 0.2s linear;
}
*:hover > span[class^="icon-"].icon-animated-jumping-up {
	animation: animation-jumping-up 0.4s linear;
	animation-iteration-count: 2;
	-webkit-animation: animation-jumping-up 0.4s linear;
	-webkit-animation-iteration-count: 2;
}
 @keyframes animation-jumping-up {
 0% {
margin-top: 0px;
margin-bottom: 0px;
}
 50% {
margin-top: -7px;
margin-bottom: 7px;
}
 100% {
margin-top: 3px;
margin-bottom: -3px;
}
}
 @-webkit-keyframes animation-jumping-up {
 0% {
margin-top: 0px;
margin-bottom: 0px;
}
 50% {
margin-top: -7px;
margin-bottom: 7px;
}
 100% {
margin-top: 3px;
margin-bottom: -3px;
}
}
/*jumping up END*/



/*jumping down BEGIN*/

* > span[class^="icon-"].icon-animated-jumping-down {
	transition: all 0.2s linear;
	-webkit-transition: all 0.2s linear;
}
*:hover > span[class^="icon-"].icon-animated-jumping-down {
	animation: animation-jumping-down 0.4s linear;
	animation-iteration-count: 2;
	-webkit-animation: animation-jumping-down 0.4s linear;
	-webkit-animation-iteration-count: 2;
}
 @keyframes animation-jumping-down {
 0% {
margin-top: 0px;
margin-bottom: 0px;
}
 50% {
margin-top: 7px;
margin-bottom: -7px;
}
 100% {
margin-top: 3px;
margin-bottom: -3px;
}
}
 @-webkit-keyframes animation-jumping-down {
 0% {
margin-top: 0px;
margin-bottom: 0px;
}
 50% {
margin-top: 7px;
margin-bottom: -7px;
}
 100% {
margin-top: 3px;
margin-bottom: -3px;
}
}
/*jumping down END*/



/*Animated END*/



#masonry {
	width: 1085px;
	margin: 0 auto;
	max-width: 100%;
}
/*-------------------BLOG PAGINATION -----------------------------*/

#aqua-pagination {
	float: left;
	width: 100%;
	padding: 0 0 5px;
	font-size: 11px;
	text-align: right;
	color: #999;
	font-weight: bold;
	margin: 10px 0 0;
}
#aqua-pagination span, #aqua-pagination a, #aqua-pagination a:link, #aqua-pagination a:visited {
	color: #999
}
#aqua-pagination a, #aqua-pagination span {
	margin: 2px 5px 2px 0;
	padding: 4px 8px;
	text-decoration: none;
	text-shadow: 0 1px 0 rgba(255,255,255, 1);
	border-color: #d8d8d8 #d5d5d5 #d0d0d0;
	border-width: 1px;
	border-style: solid;
	background: #f0f0f0;
 filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f5f5f5', endColorstr='#e7e7e7');
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#f5f5f5', endColorstr='#e7e7e7')";
	background: -ms-linear-gradient(top, #f5f5f5, #e7e7e7);
	background: -webkit-gradient(linear, left top, left bottom, from(#f5f5f5), to(#e7e7e7));
	background: -moz-linear-gradient(top, #f5f5f5, #e7e7e7);
	background: linear-gradient(#f5f5f5, #e7e7e7);
	-webkit-box-shadow: 0px 1px 3px rgba(130, 130, 130, 0.1);
	-moz-box-shadow: 0px 1px 3px rgba(130, 130, 130, 0.1);
	box-shadow: 0px 1px 3px rgba(130, 130, 130, 0.1);
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	border-radius: 2px;
}
#aqua-pagination a:hover {
	color: #555
}
#aqua-pagination .current, #aqua-pagination a:active {
	color: #e3e3e3;
	text-shadow: 0 1px 0 rgba(0,0,0, 0.6);
	border-color: #555555 #494949 #464646;
	background: #676767;
	-webkit-box-shadow: inset 0px 0px 10px 1px rgba(0, 0, 0, 0.3), 0px 1px 0px rgba(255, 255, 255, 1);
	-moz-box-shadow: inset 0px 0px 10px 1px rgba(0, 0, 0, 0.3), 0px 1px 0px rgba(255, 255, 255, 1);
	box-shadow: inset 0px 0px 10px 1px rgba(0, 0, 0, 0.3), 0px 1px 0px rgba(255, 255, 255, 1);
}
#search {
	padding: 5px;
	outline: none;
	line-height: 12px;
	border: 1px solid #ddd;
}



/* 21 THINGS YOU MUST KNOW CTA - HOME PAGE */

.twenty1-things{
	width:100%;
	height:425px;
	background-image:url(images/ebook-bg.png);
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	}
.content-ebook{
	position: relative;
	top: 0;
	left: 0;
	max-width: 1300px;
	margin: 0 auto;
	padding:40px 0px;
}
.ebook-text{
	max-width:490px;
	padding-left:10px;
	min-height:270px;
	float:left;
	margin-top:25px;
		//border:1px solid #000;
	}
.ebook-text h2{
	line-height: 1.1;
	font-family: 'Lato', sans-serif;
	font-weight: 300;
	text-transform:uppercase;
	color:#000;
	font-size:50px;
	}
.ebook-text h3{	
	line-height: 1;
	font-family: 'Lato', sans-serif;
	font-weight: 700;
	text-transform:capitalize;
	color:#000;
	font-size:24px;
	margin:10px 0 15px 0;
	}
.ebook-text p{	
	line-height: 1.3;
	font-family: 'Lato', sans-serif;
	font-weight: 100;
	color:#000;
	font-size:16px;
	margin-bottom:30px;
	}	
.ebook-feature{
	max-width:783px;
	min-height:351px;
	float:right;
		//border:1px solid red;
	}
.ebook-feature img{
	display:block;
	width:100%;
	height:100%;
	}
.twenty1-things a.orange_button{padding: 9px 35px 16px 35px!important;}


/*---------------------------- MENU MOBILE ------------------------------*/

.box-shadow-menu {
	position: relative;
	padding-left: 36px;
	height: 42px;
	display: inline-block;
}
.box-shadow-menu:before {
	content: "";
	position: absolute;
	left: 0;
	top: 8px;
	width: 29px;
	height: 3px;
	background: #008CC6;
	box-shadow: 0 8px 0 0 #008CC6, 0 16px 0 0 #008CC6;
}
.menuMobile {
	display: none;
	color: #008CC6;
	cursor: pointer;
	padding: 0px 0 21px 0;
	text-align: right;
	margin-right: 6px;
}
/*-------------------- OTHER MOBILE ---------------------------------------------*/

.hideOnDesktop {
	display: none;
}
.callMobile {
	position: absolute;
	top: 5px;
	left: 3px;
	z-index: 2;
}
.callMobile a, .quoteMobile a {
	color: white !important;
}
.quoteMobile {
	position: absolute;
	right: 5px;
	top: 5px;
	z-index: 2;
}
.navigation {
	width: auto;
	height: 15px;
	background-color: #8ec652;
	font-family: 'Lato', sans-serif;
	font-weight: 400;
	text-transform: uppercase;
	font-size: 13px;
	text-align: center;
	padding: 11px 12px 14px 27px;
	letter-spacing: 1px;
	margin: 21px;
	color: #fff;
	cursor: pointer;
	float: none;
}
.mobile_list, .sb-plus-minus1, .sb-quote {
	display: none;
}
.wrap_package_buttons {
	width: 175px;
	margin: 10px auto;
	position: relative;
	display: none;
}
/*---------------------- MASONRY ------------------------------------------------*/

.item {
	width: 215px;
	float: left;
	padding: 28px;
	text-align: center;
}


/*---------------------------- Responsiveness -----------------------------------*/
@media screen and (min-width:1300px) and (max-width:999999999999px){

	/*ul.portfolio_list li:nth-child(3n+3){margin-right:0px!important;}*/
	.portfolio_list {
		padding: 50px 30px!important;
		max-width: 1204px;
		margin:0 auto;
		font-size:0;
	}

}


/* ebook CTA */
@media screen and (min-width:1055px) and (max-width:1299px){
	.ebook-text{
	max-width:35%!important;
	}
	.ebook-feature{
	max-width:60%!important;
	}

}

/* ebook CTA */
@media screen and (min-width:940px) and (max-width:1054px){

.twenty1-things{height:380px!important;}

	.ebook-text{
	max-width:50%!important;
	}
	.ebook-feature{
	max-width:45%!important;
	margin-top:5%!important;
	}

}


/* ebook CTA */
@media screen and (min-width:481px) and (max-width:939px){

.twenty1-things{height: auto!important;}

	.ebook-text{
	    max-width: 100%!important;
		text-align:center!important;
		float:none!important;
		padding-left: 0px!important;
	}
	.ebook-text p{width:50%!important; margin:0 auto 20px auto!important;}
	.ebook-feature{
	max-width: 100%!important;
	min-height:auto!important;
	margin:7% auto 0 auto!important;	
	float:none!important;
	}
	.ebook-feature img{
	margin:0 auto!important;	
		}

}

/* ebook CTA */
@media screen and (min-width:361px) and (max-width:480px){

.twenty1-things{height: auto!important;}

	.ebook-text{
	    max-width: 100%!important;
		text-align:center!important;
		float:none!important;
		padding-left: 0px!important;
	}
	.ebook-text h2{
		font-size:45px!important;
		}
	.ebook-text p{width:80%!important; margin:0 auto 20px auto!important;}
	.ebook-feature{
	max-width: 100%!important;
	min-height:auto!important;
	margin:7% auto 0 auto!important;	
	float:none!important;
	}
	.ebook-feature img{
	margin:0 auto!important;	
		}
		
		ul.portfolio_list{
			text-align:center;
		}

}




/* ebook CTA */
@media screen and (min-width:321px) and (max-width:360px){

.twenty1-things{height: auto!important;}

	.ebook-text{
		max-width: 95%!important;
		margin:0 auto!important;	
		text-align:center!important;
		float:none!important;
		padding-left: 0px!important;
	}
	.ebook-text h2{
		font-size:45px!important;
		}
	.ebook-text p{width:100%!important; margin:0 auto 20px auto!important;}
	.ebook-feature{
	max-width: 100%!important;
	min-height:auto!important;
	margin:7% auto 0 auto!important;	
	float:none!important;
	}
	.ebook-feature img{
	margin:0 auto!important;	
		}

	ul.portfolio_list{
			text-align:center;
		}
}

/* ebook CTA */
@media screen and (min-width:0px) and (max-width:320px){

.twenty1-things{height: auto!important;}

	.ebook-text{
	    max-width: 95%!important;
		margin:0 auto!important;	
		text-align:center!important;
		float:none!important;
		padding-left: 0px!important;
	}
	.ebook-text h2{
		font-size:40px!important;
		}
	.ebook-text p{width:100%!important; margin:0 auto 20px auto!important;}
	.ebook-feature{
	max-width: 100%!important;
	min-height:auto!important;
	margin:7% auto 0 auto!important;	
	float:none!important;
	}
	.ebook-feature img{
	margin:0 auto!important;	
		}
	ul.portfolio_list{
			text-align:center;
		}
}





@media screen and (min-width:1211px) and (max-width:1299px){

	/*ul.portfolio_list li {margin-right: 25px!important;}
	ul.portfolio_list li:nth-child(3n+3){margin-right:0px!important;}*/
	
	.portfolio_list {
	max-width: 1191px;
	padding: 50px 0px!important;
	margin: 0 auto!important;
	}
	

	
	
	
	

}


@media screen and (min-width:1105px) and (max-width:1210px){

	/*ul.portfolio_list li, ul.portfolio_list li:nth-child(3n+3){margin-right: 0px!important;}
	ul.portfolio_list li:nth-child(2n+1){margin-right:25px!important;}*/
		
	.portfolio_list{
		width: 785px!important; 
		margin:0 auto!important;
		padding:50px 0px!important;
	}
}

@media screen and (max-width: 1210px) {
	.portfolio-filter{
		width:785px;
	}
	.filter-left-box , .filter-right-box{
		width:100%;
	}
	.filter-right-box{
		padding-top:20px;
	}
	.checkbox-wrap{
		margin-left:0;		
	}
	.keywordPortfolioSearch{
		width:72%;
	}
}

@media screen and (min-width:750px) and (max-width:1105px){

	/*ul.portfolio_list li, ul.portfolio_list li:nth-child(3n+3){margin-right: 0px!important;}
	ul.portfolio_list li:nth-child(2n+1){margin-right:25px!important;}*/
		
	.portfolio_list{
	width: 785px!important; 
	margin:0 auto!important;
	padding:50px 0px!important;
	}

}










 @media screen and (max-width:1121px) {
.logo {
	left: 15px;
}
.decoration {
	display: none;
}
.your-curious {
	display: none;
}
.forms-left, .forms-right {
	margin: 10px auto;
	float: none;
}
.menuMobile {
	display: block;
}
.nav-header {
	height: 45px;
	/*overflow: hidden;*/

	width: 100%;
	margin: 0;
	max-width: 320px;
	position: absolute;
	top: 50% !important;
	right: 0;
	margin-top: -17px;
	top: initial;
}
.nav-header.nav ul {
	margin-top: 0px;
	top: 0px;
	position: relative;
}
.call-request-wrap {
	position: relative;
	width: auto;
	margin-top: 0;
	margin-right: 0;
	right: 0;
	top: 5px;
	height: auto;
	float: right;
}
.call-request-wrap:after {
	content: " ";
	display: block;
	clear: both;
}
.request-quote-wrap {
	position: relative;
	float: left;
}
.call {
	float: left;
	line-height: 35px;
	margin-left: 15px;
}
/*    .logo a img 

    {

        position: relative;

        top: 0;

        margin-top: 0;

        height: auto;

        width: auto;

        

        

    }*/



.logo a img {
	position: relative;
	top: 50%;
	margin-top: -26px;
	height: auto;
	width: auto;
	max-width: 263px;
}
.nav-header.nav ul {
	top: 44px;
	position: absolute;
	background: #fff;
	width: 100%;
	height: auto;
	left: 320px;
}
.nav-header.nav li {
	float: none;
	cursor: pointer;
	border: none;
	border-bottom: 1px dashed #008cc6;
	height: auto;
}
.nav-header ul li a {
	display: block;
	padding: 17px;
	text-align: center;
}
.nav-header.nav ul.submenu {
	position: absolute;
	top: 0;
	left: 0;
	height: 0;
	width: 0;
	overflow: hidden;
}
}
 @media screen and (max-width:1121px) {
.footer-nav-wrap {
	float: none;
	margin: 10px auto;
	height: auto;
}
.footer-nav-wrap:after {
	content: ' ';
	display: block;
	clear: both;
}
.footer-nav-wrap ul {
	width: 19%;
	margin: 0 7%;
}
.social-wrap-footer {
	display: block;
	float: none;
	margin: 20px auto;
	height: auto;
}
}
 @media screen and (max-width:1121px) {
.nav-services ul, .nav-services ul li {
	height: 80px;
}
.nav-services ul li img {
	margin-top: 20px;
}
#news {
	display: none !important;
}
.social-wrap ul {
	margin: 0 auto;
	display: block;
	position: relative;
}
.hideOnMobile {
	display: none;
}
.hideOnDesktop {
	display: block;
}
.mobileWrap {
	height: 77px;
	overflow: hidden;
}
.arrow-left, .arrow-right {
	display: none;
}
.slideText h1 {
	font-size: 50px;
}
.nav-services li p span {
	display: none;
}
.resources-graphic {
	float: none;
	height: auto;
}
.resources-offer {
	float: none;
	height: auto;
}
.newsletter-filter {
	display: none;
}
.service-list-startup {
	margin: 10px auto;
	padding: 0px;
	float: none;
}
.service-quote-startup {
	margin: 10px auto;
	float: none;
}
}
 @media screen and (max-width:840px) {
.slideText {
	font-family: 'Lato', sans-serif;
	width: auto;
	height: auto;
	margin: 0 30px;
	margin-top: 15px;
	font-size: 100%;
}
}
 @media screen and (max-width:799px) {
.payperclick-wrap {
	float: none;
	width: auto;
}
.sb-features {
	display: none;
}
li.spinner-wrap {
	float: none !important;
	display: block !important;
	width: 96% !important;
	text-align: center;
	margin-bottom: 130px;
}
.mobile_list {
	height: 0px;
	overflow: hidden;
}
.mobile_list, .sb-plus-minus1, .sb-quote {
	display: block;
}
.packages {
	padding-top: 60px;
}
ul.package-title-wrap {
	height: auto;
}
.wrap_package_buttons {
	display: block;
}
.package-title-wrap {
	padding-bottom: 45px;
}
li.spinner-wrap:first-child {
/*        max-height: 0;

        height: 0;

        overflow: hidden;

        min-height: 0;

        margin:0 !important;*/

}
.check {
	width: 37px;
	border-left: 1px solid #fff;
	float: right;
	padding: 14% 3%;
	margin: -15px 0;
}
.desc {
	width: 75%;
	float: left;
}
.desc img {
	width: 26px;
	height: 26px;
	display: block;
	position: relative;
	float: left;
}
.desc p {
	width: 75%;
	float: right;
}
.item_list:first-child {
	margin-top: 25px;
}
.item_list {
	border-top: 1px solid #fff;
	padding: 15px 0;
	border-bottom: 1px solid #fff;
}
.item_list:after {
	content: ' ';
	display: block;
	clear: both;
}
.desc:after {
	content: ' ';
	display: block;
	clear: both;
}

}
@media screen and (max-width:785px) {
	.portfolio-filter{
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;   
		box-sizing: border-box; 
		padding:15px;
	}
}
@media screen and (max-width:760px) {
	ul.portfolio_list{
		padding-top:30px;
		text-align:center;
	}
}
 @media screen and (max-width:610px) {
.bigbuttons-wrap {
	width: 382px;
	border-left: 1px solid #c8c8c8;
	border-bottom: 1px solid #c8c8c8;
	max-width: 573px;
	margin: 0 auto;
}
.project-type-wrap, .forms-right {
	width: auto;
	float: none;
}
.check-wrap {
	width: 200px;
	height: 20px;
	position: relative;
	float: left;
	margin-bottom: 20px;
	margin-left: 5px;
}
.radio-wrap {
	width: auto;
}
.logo {
	max-width: 70%;
}
.logo a img {
	height: 100%;
	height: auto;
	max-width: 100%;
}
.green-thumbs-wrap {
	display: none;
}
.portfolio-text .span_7_of_12, .portfolio-text .span_5_of_12 {
	float: none;
	width: auto;
	margin: 10px;
}
	ul.portfolio_list{
		text-align:center;
		padding-top:30px;
	}
	.filter-portfolio-main{
		text-align:center;
	}
	.filter-portfolio span{
		text-align:left;
	}
}
 @media screen and (max-width:550px) {
	.human-check-submit-wrap .check {
		float: left !important;
		padding: 4% 3% !important;
	}
	.check-wrap {
		width: 100%;
	}
	.proj-textarea {
		width: 90%;
		margin-left: 2%;
		margin-right: 5%;
		display: block;
	}
	.forms-left {
		width: auto;
	}
	.forms-left input {
		margin-right: auto;
		margin-bottom: 10px;
		margin-left: auto;
		display: block;
		float: none;
	}
	.Title-innerPg {
		font-size: 34px !important;
	}
	
	.filter-left-box .left-label , .filter-select{
		width:100%;
	}
	.filter-select > li , .search-wrap{
		margin-left:0;
		margin-top:15px;
		width:100%;
	}
	.checkbox-wrap{
		width:100%;
		margin-top:15px;
	}
	.search-wrap label{
		display:none;
	}
	.filter-right-box{
		padding-top:0;
	}
	.keywordPortfolioSearch{
		width:100%;
	}
}
 @media screen and (max-width:415px) {
.slide, .slideWrap {
	height: 342px;
}
.slideText p {
	height: 80px;
	overflow: hidden;
}
.content-pad-inner, .content-pad {
	padding: 0px 5px 20px 0;
	margin-top: 0;
}
#aqua-pagination span, #aqua-pagination a {
	float: left!important;
	display: inline-block !important;
}
#aqua-pagination:after {
	content: ' ';
	display: block;
	clear: both;
}
.slideText h1 {
	font-size: 30px;
}
.bigbuttons-wrap {
	width: 191px;
}
.section div {
	float: none !important;
	display: block;
	margin-left: auto;
	margin-right: auto;
}
.thumb-portfolio {
	padding-left: 0px !important;
}
.thumb-portfolio img {
	margin: 0 !important;
}
.section script {
	display: none !important;
}
.section {
	padding-bottom: 15px;
}
.section .label {
	display: none;
}
.filter-portfolio {
	padding: 6px;
}
.keywordPortfolioSearch {
	margin: 8px auto;
}
/*
.portfolio_list {
	padding: 10px 10px;
}
*/
.service-item {
	width: auto;
	margin: 30px 10px;
	float: none;
	height: auto;
}
.footer-nav-wrap {
	display: none;
}
.col {
	width: 100% !important;
	float: none !important;
	margin: 0 !important;
}
#search {
	width: 130px;
}
.suitcase {
	height: auto;
}
.suitcase img {
	padding-top: 3px;
}
.careers h1 {
	float: none;
	text-align: left;
	font-size: 37px;
}
.apply-now {
	font-size: 11px !important;
}
.title {
	font-size: 35px;
}
.content-pad-contact {
	padding: 40px 0px 20px 0px;
}
.connect {
	display: none;
}
.join-the-team {
	display: none;
}
.item-hover {
	float: none;
	margin: 10px auto;
}
div.portfolioNav div {
	float: left !important;
}
.gallery_big_image img {
	width: auto !important;
	height: auto !important;
	min-width: initial !important;
	min-height: initial !important;
}
div.blue-arrow-left, div.blue-arrow-right {
	float: left !important;
}
.nav-greenbar li {
	margin-left: auto;
	margin-right: auto;
	float: none;
	border-right: none;
	border-bottom: 2px solid #fff;
}
.proj-text {
	padding-left: 10px;
	max-width: 100%;
	padding-right: 0;
}
.paddingMobile {
	padding-left: 3%;
	padding-right: 3%;
	width: 94%;
}
.client-success h1 {
	font-size: 34px;
}
.about-icons {
	float: none;
	margin-left: auto;
	margin-right: auto;
}
.contact-icons-wrap .icon {
	float: none;
	margin-left: auto;
	margin-right: auto;
}
img {
	max-width: 100%;
	height: auto;
}
.thumb-portfolio {
	margin-bottom: 5px;
}
h1 {
	font-size: 30px !important;
	line-height: 40px;
}
.copyright {
	padding-bottom: 25px;
}
.nav-greenbar li {
	margin-top: 0px;
}
.nav-greenbar li:last-child {
	border-bottom: 0px;
}
.single_post {
	margin: 0px auto;
	padding-bottom: 30px;
	float: none;
}
.projects-wrap {
	padding-left: 10px;
	padding-right: 10px;
	width: auto;
	height: auto;
}
.proj-text {
	height: auto;
}
.project {
	height: auto;
	margin-bottom: 25px;
	overflow: hidden;
}
.proj-text a {
	display: block;
	width: 128px;
	margin: 0 auto;
}
.proj-text h6, .proj-text img, .proj-text p {
	display: none;
}
.why-1, .why-2, .why-3 {
	width: auto !important;
	margin-right: 0;
	max-width: 85%;
}
.slideWrap-inner {
	height: auto;
	float: none;
}
.slideText-inner {
	height: auto;
	margin: 0 auto;
	position: relative;
	padding-top: 40px;
}
.Subtitle-innerPg {
	display: none;
}
.abt-btn {
	float: none;
}
.abt-btn span {
	display: none;
}
.abt-btn p {
	text-align: center;
	float: none;
}
.center-about-buttons {
	height: auto;
}
.beforeButton:after {
	content: ' VIEW';
}
.item {
	width: 100px;
	padding: 10px;
}
.item img {
	width: 110px;
	height: auto;
}
.popularposts img {
	float: left !important;
	margin-right: 5px !important;
}
#search {
	float: left!important;
	margin-right: 5px;
}
.nav-greenbar ul li {
	padding-top: 20px;
	height: auto;
	width: 189px;
}
.nav-greenbar ul li a {
	display: none;
}
.nav-greenbar ul li span {
	margin-right: 7px;
	float: left;
	text-align: left;
}
h2 {
	padding-top: 18px;
}
.date, .categories, .categories a {
	display: inline-block;
}
.portfolio-back {
	font-size: 15px;
	margin-left: 5px !important;
}

ul.portfolio_list li , ul.portfolio_list li.gap{
	width:100%;
}
.overlay{
	width:100% !important;
}
.section portfolio_list .single_portfolio .overlay:hover{
	width:100% !important;
}
}
 @media screen and (max-width:346px) {
.call {
	display: none !important;
}
}
.dzs-progress-bar {
	position: relative;
	font-family: "Open Sans", sans-sarif;
	font-weight: 300;
	opacity: 0;
	transition-property: opacity;
	transition-duration: 1s;
	-moz-transition-property: opacity;
	-moz-transition-duration: 1s;
	-webkit-transition-property: opacity;
	-webkit-transition-duration: 1s;
	-o-transition-property: opacity;
	-o-transition-duration: 1s;
	-ms-transition-property: opacity;
	-ms-transition-duration: 1s;
	-ms-transition-timing-function: ease-out-quart;
	-webkit-transition-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1);
	-moz-transition-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1);
	-o-transition-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1);
	transition-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1);
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}
.dzs-progress-bar * {
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}
.dzs-progress-bar div.progress-bars-item {
	width: 0%;
	height: 50px;
}
.dzs-progress-bar div.progress-bars-item--text {
	line-height: 1.1;
}
.dzs-progress-bar.started {
	opacity: 1;
}
.padding5 {
	padding: 3px;
}
.small-arrow-bot:after {
	content: "";
	width: 0;
	height: 0;
	border-left: 5px solid transparent;
	border-right: 5px solid transparent;
	border-top: 5px solid #111;
	position: absolute;
	top: 100%;
	margin-left: -3px;
	left: 50%;
}


/* Portfolio Light Box */
.portfolio-lightbox{
	cursor:pointer;
}

/* --------------------------- Color box -----------*/
#colorbox, #cboxOverlay, #cboxWrapper{position:absolute; top:0; left:0; z-index:9999; overflow:visible;}
#cboxWrapper {max-width:none;}
#cboxOverlay{position:fixed; width:100%; height:100%; z-index:999999;}
#cboxMiddleLeft, #cboxBottomLeft{clear:left;}
#cboxContent{position:relative;}
#cboxLoadedContent{overflow:auto; -webkit-overflow-scrolling: touch;}
#cboxTitle{margin:0;}
#cboxLoadingOverlay, #cboxLoadingGraphic{position:absolute; top:0; left:0; width:100%; height:100%;}
#cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow{cursor:pointer;}
.cboxPhoto{float:left; margin:auto; border:0; display:block; max-width:none; -ms-interpolation-mode:bicubic;}
.cboxIframe{width:100%; height:100%; display:block; border:0; padding:0; margin:0;}
#colorbox, #cboxContent, #cboxLoadedContent{box-sizing:content-box; -moz-box-sizing:content-box; -webkit-box-sizing:content-box;}

/* 
    User Style:
    Change the following styles to modify the appearance of Colorbox.  They are
    ordered & tabbed in a way that represents the nesting of the generated HTML.
*/
#cboxOverlay{background: rgba(0, 0, 0, 0.7); opacity: 0.9; filter: alpha(opacity = 90);}
#colorbox{outline:0; z-index:999999;}
#cboxContent{margin-top:32px; margin-right:32px; overflow:visible; background:#000;}
.cboxIframe{background:#fff;}
#cboxError{padding:50px; border:1px solid #ccc;}
#cboxLoadedContent{background:#fff; padding:10px;}
#cboxLoadedContent img{width:100%; height:auto; display:block;}
#cboxLoadingGraphic{background:url(images/loading.gif) no-repeat center center;}
#cboxLoadingOverlay{background:#000;}
#cboxTitle{position:absolute; top:-22px; left:0; color:#000;}
#cboxCurrent{position:absolute; top:-22px; right:205px; text-indent:-9999px;}

/* these elements are buttons, and may need to have additional styles reset to avoid unwanted base styles */
#cboxSlideshow{ 
	border:0; 
	padding:0; 
	margin:0; 
	overflow:visible; 
	text-indent:-9999px; 
	width:20px; 
	height:20px; 
	position:absolute; 
	top:-20px; 
	background:url(images/controls.png) no-repeat 0 0; 
	display:none !important;
}

#cboxPrevious, #cboxNext {
	border:0; 
	padding:0;
	width:38px;
	height:38px;
	position:absolute;
	top:50%;
	margin-top:-19px;
	text-indent:-9999px; 
	background-color:transparent;
	z-index:99999;
	cursor:pointer;
}
#cboxPrevious{
	left:0;
	margin-left:-30px;
	background-image: url("images/portfolio-prev.png");
}
#cboxPrevious:hover{
	background-image: url("images/portfolio-prev-hover.png");
}
#cboxNext{
	right:0;
	margin-right:-30px;
	background-image: url("images/portfolio-next.png");
}
#cboxNext:hover{
	background-image: url("images/portfolio-next-hover.png");
}
/* avoid outlines on :active (mouseclick), but preserve outlines on :focus (tabbed navigating) */
#cboxPrevious:active, #cboxNext:active, #cboxSlideshow:active, #cboxClose:active {outline:0;}

/*#cboxPrevious{background-position:0px 0px; right:44px;}
#cboxPrevious:hover{background-position:0px -25px;}
#cboxNext{background-position:-25px 0px; right:22px;}
#cboxNext:hover{background-position:-25px -25px;}*/

#cboxClose{
    top: -16px;
    right: -16px;
    width: 30px;
    height: 30px;
    text-indent:-9999px;
    position:absolute;
    background: url('images/btn-close.png') top center no-repeat;
	border:none;
}

#cboxClose:hover{
    background: url('images/btn-close.png') bottom center no-repeat;     
}

/*.cboxSlideshow_on #cboxPrevious, .cboxSlideshow_off #cboxPrevious{right:66px;}
.cboxSlideshow_on #cboxSlideshow{background-position:-75px -25px; right:44px;}
.cboxSlideshow_on #cboxSlideshow:hover{background-position:-100px -25px;}
.cboxSlideshow_off #cboxSlideshow{background-position:-100px 0px; right:44px;}
.cboxSlideshow_off #cboxSlideshow:hover{background-position:-75px -25px;}*/

/* ----------------- END color box ---------------*/

/* Ebook page /ebook */
.ebookpage-right{
	float:right;
	width:50%;
	}
.ebookpage-left{
	float:left;
	width:50%;
	}
.ebookpage-left img{
	max-width:500px;
	display:block;
	padding-right:50px;
	}
.ebook-h1{
	padding:35px 0 50px 0;
	clear:both;
	}
@media screen and (min-width:900px) and (max-width:1115px){
.ebookpage-left img{
	max-width:86%!important;
	padding-left:50px;
	display:block;
	}

}
@media screen and (min-width:361px) and (max-width:899px){

.content{max-width:100%!important;}
.ebookpage-left{
	width:100%!important;
	float:none!important;
	margin-bottom:35px!important;
	}
.ebookpage-left img{
	max-width:86%!important;
	padding-left:50px;
	display:block!important;
	padding-left:0px!important;
	padding-right:0px!important;
	margin:0 auto!important;
	}
.ebookpage-right{
	width:100%!important;
	float:none!important;
	clear:both!important;
	}	

}

@media screen and (min-width:0px) and (max-width:360px){

.content{max-width:100%!important;}
.ebookpage-left{
	width:100%!important;
	float:none!important;
	margin-bottom:35px!important;
	}
.ebookpage-left img{
	max-width:86%!important;
	padding-left:50px;
	display:block!important;
	padding-left:0px!important;
	padding-right:0px!important;
	margin:0 auto!important;
	}
.ebookpage-right{
	width:100%!important;
	float:none!important;
	clear:both!important;
	}	
.ctct-embed-signup, .ctct-custom-form{
	max-width:300px!important;
	margin:0 auto;
	}
.ctct-custom-form{min-width:300px!important;}
	
}
/* Portrait */
@media only screen 
  and (min-device-width: 768px) 
  and (max-device-width: 1024px) 
  and (orientation: portrait) 
  and (-webkit-min-device-pixel-ratio: 1) {

  
  .content{max-width:100%!important;}
.ebookpage-left{
	width:100%!important;
	float:none!important;
	margin-bottom:35px!important;
	}
.ebookpage-left img{
	max-width:86%!important;
	padding-left:50px;
	display:block!important;
	padding-left:0px!important;
	padding-right:0px!important;
	margin:0 auto!important;
	}
.ebookpage-right{
	width:100%!important;
	float:none!important;
	clear:both!important;
	}	
  
  
}