/********************************************
	WebSight Design Inc.
*********************************************/

@import url('https://fonts.googleapis.com/css?family=Roboto:100,300,400,700&display=swap');

/******** BROWSER CSS RESET *************************/
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend, caption,
/*table, tbody, tfoot, thead, tr, th, td,*/
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
	/*** Include Padding/Borders in width for all elements ***/
	box-sizing: border-box;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section { display: block; }
ol, ul { list-style: none; }
blockquote, q { quotes: none; }
blockquote:before, blockquote:after,
q:before, q:after { content: none; }
table { border-collapse: collapse; border-spacing: 0; }
/* Responsive images & embedded objects (remove for image cropping) */
img, object, embed { max-width: 100%; }

/****** GLOBAL ELEMENT CSS ******/
html * { max-height: 999999px; } /* Android mobile font sizing fix */

body {
	line-height: normal;
	font-size: 18px;
	font-family: 'Roboto', sans-serif;
	background: #222;
	-webkit-text-size-adjust: none;
}

body, select, input, textarea { color: #000; }

ins { background-color: #fcd700; color: #000; text-decoration: none; }
mark { background-color: #fcd700; color: #000; font-style: italic; font-weight: bold; }

h1, h2, h3, h4, h5, h6 {
	margin: 0px 0px 20px;
}

.ckeditor { }
.ckeditor h2 { /*color:#ff9900;*/ color:#333; font-size:1.6em; }
.ckeditor h3 { font-weight:bold; font-size:1.3em; }
.ckeditor h4, .ckeditor h5 { font-weight:bold; }

.ckeditor ul { list-style-position: outside; }

.ckeditor img { height:auto !important; }


.page-title { /*color:#ff9900;*/ color:#333; font-size:1.6em; }
.subh2 { color:#666; font-size:1.3em; }

.large { font-size:30px; }
.large-thin { font-weight:300; font-size:30px; }
.large-skinny { font-weight:100; font-size:30px; }
.med-thin { font-weight:300; font-size:22px; }
.med-skinny { font-weight:100; font-size:22px; }


a { /*color:#6c1e63;*/ color:#666; text-decoration:underline; }
a:hover, a:active { color:#ff9900; }
a:link { -webkit-tap-highlight-color: initial; }


a.obtn { background:#323232; /*#6c1e63;*/ display:inline-block; margin:5px; text-align:center; padding:10px 25px;
	color:#fff; font-weight:700; text-decoration:none;
	border-radius:25px;
	transition: all 0.2s linear;
   -webkit-transition: all 0.2s linear;
   -moz-transition: all 0.2s linear;
}
a.obtn:hover { text-decoration:none; background:#ff9900; text-shadow:1px 1px 3px rgba(102,51,0,0.5); }

a.pbtn { background:#860277; /*#6c1e63;*/ display:inline-block; margin:5px; text-align:center; padding:10px 25px;
	color:#fff; font-weight:700; text-decoration:none;
	border-radius:25px;
	transition: all 0.2s linear;
   -webkit-transition: all 0.2s linear;
   -moz-transition: all 0.2s linear;
}
a.pbtn:hover { text-decoration:none; background:#ff9900; }


a.obtn-k2w { background:#323232; /*#6c1e63;*/ display:inline-block; margin:5px; text-align:center; padding:10px 25px;
	color:#fff; font-weight:700; text-decoration:none; font-size:18px !important;
	border-radius:25px;
	transition: all 0.2s linear;
   -webkit-transition: all 0.2s linear;
   -moz-transition: all 0.2s linear;
}
a.obtn-k2w:hover { text-decoration:none; background:#fff !important; color:#323232; }

a.obtn-rev { background:#ff9900; /*#6c1e63;*/ display:inline-block; margin:5px; text-align:center; padding:10px 25px;
	color:#fff; font-weight:700; text-decoration:none; text-shadow:1px 1px 3px rgba(102,51,0,0.5);
	border-radius:25px;
	transition: all 0.2s linear;
   -webkit-transition: all 0.2s linear;
   -moz-transition: all 0.2s linear;
}
a.obtn-rev:hover { text-decoration:none; background:#f2f2f2; color:#323232 !important; text-shadow:none; }

a.obtn-rev2 { background:#ff9900; /*#6c1e63;*/ display:inline-block; margin:5px; text-align:center; padding:10px 25px;
	color:#fff; font-weight:700; text-decoration:none; text-shadow:1px 1px 3px rgba(102,51,0,0.5);
	border-radius:25px;
	transition: all 0.2s linear;
   -webkit-transition: all 0.2s linear;
   -moz-transition: all 0.2s linear;
}
a.obtn-rev2:hover { text-decoration:none; background:#323232; text-shadow:none; }

a.obtn-rev3 { background:#f2f2f2; display:inline-block; margin:5px; text-align:center; padding:10px 25px;
	color:#323232; font-weight:700; text-decoration:none; text-shadow:none;
	border-radius:25px;
	transition: all 0.2s linear;
   -webkit-transition: all 0.2s linear;
   -moz-transition: all 0.2s linear;
}
a.obtn-rev3:hover { text-decoration:none; background:#ff9900; color:#fff !important; text-shadow:1px 1px 3px rgba(102,51,0,0.5); }

.bullet { font-size:0.8em; color:#333; text-decoration:none;
	display:inline-block; vertical-align:top; margin-right:5px; margin-top:5px;
	padding:10px 25px; background:#f2f2f2; border-radius:19px;
	transition: all 0.3s linear;
   -webkit-transition: all 0.3s linear;
   -moz-transition: all 0.3s linear;
}
.bullet:hover { background:#ff9900; color:#fff !important; text-shadow:1px 1px 3px rgba(102,51,0,0.5); text-decoration:none; }

.bullet2 { color:#333; text-decoration:none;
	display:inline-block; vertical-align:top; margin-top:5px;
	padding:10px 25px; background:#fff; border-radius:19px;
	transition: all 0.3s linear;
   -webkit-transition: all 0.3s linear;
   -moz-transition: all 0.3s linear;
}
.bullet2:hover { background:#ff9900; color:#fff !important; text-shadow:1px 1px 3px rgba(102,51,0,0.5); text-decoration:none; }

p { margin: 0px 0px 20px; }
img { border: none; }

b, strong { font-weight: bold; }
i, em { font-style: italic; }

.clear { clear: both; }
.fl { float: left; }
.fr { float: right }

/*** Basic List Styling ***/
ul {
	margin: 0 0 20px 0;
	padding: 0 0 0 20px;
	list-style-type: disc;
	list-style-position: outside;
}
ul li { margin-bottom: 5px; }
ul li ul li { margin-top: 5px; }
ul li ol li { margin-top: 5px; }

ol {
	margin: 0px 0px 20px;
	padding: 0px 0px 0px 20px;
	list-style-type: decimal;
	list-style-position: inside;
}
ol li { margin-bottom: 10px; }
ol li ol li { margin-top: 5px; }
ol li ul li { margin-top: 5px; }


div.container950 { max-width:950px; margin:0 auto; padding-left:15px; padding-right:15px; }
div.container { max-width:1200px; margin:0 auto; padding-left:15px; padding-right:15px; }

.subpage { padding-top:60px; padding-bottom:40px; }

div.gray { background:#f2f2f2; padding:30px 0; }

.dsk, .dsk2 { display:none; }
.mob { display:block; }
.mob2 { display:inline; }


/****** FRONTEND LAYOUT ******/
#page {
	margin: 0px auto;
	width: 100%;
	min-width: 350px; 
	max-width:1920px;
	position: relative;
	background: #fff;
	overflow:hidden;
}


/*** Header ***/
#header {
	margin: 0px auto;
	padding:0; width:100%; max-width:1920px;
	background:#fff;
	position: fixed; z-index:9999; 
	height:91px;
}

#topnav { display:none; }
#click-to-call { display:none; }

#logo {
	display: block; width:61px; height:61px;
	float: left;
	margin:15px;
	font-size: 1px; color: #fff; text-indent:-1000px;
	/*background:url('../images/wsd-logo.svg') no-repeat; background-size:auto 61px;*/
    background:url('../images/wsd-knockout-full.svg') no-repeat; background-size:auto 61px;
}

/* Menu with Icon */
#menuBtn {
	display: block; width:40px; height:40px;
	float: right;
	margin:30px 15px 0 0;
	color: #fff; font-size:1px;
	background: url("../images/menu-btn.png") no-repeat 50% 50%;
	text-indent: -9999px;
}
#menuBtn.open { background:url("../images/menu-close.png") no-repeat 50% 50%; z-index:9999; }

#searchBtn {
	display: block;
	float: right;
	margin: 4px 10px 0px;
	padding: 7px;
	width: 40px;
	height: 40px;
	font-weight: bold;
	text-indent: -9999px;
	background: #999 url('../images/iconSearch.png') no-repeat center center;
	background-size: 90% 90%;
}
#searchBtn.open { background-color: #7f7f7f; }

/*#header .searchBox {
	display: none;
	position: absolute;
	left: 0px;
	top: 100%;
	z-index: 9998;
	margin: 2px 0px 0px;
	padding: 20px 0px;
	width: 100%;
	text-align: center;
	background: #999;
	border-bottom: 2px solid #666;
}*/


#header .loginBox { display: none; }

/*** Main Menu ***/
#mainmenu {
	display: none;
	position: absolute;
	z-index: 9999;
	width: 100%;
	text-align: center;
	margin: 0;
	background:url('../images/shape3.png') no-repeat 50% 50% #323232; 
}
#mainmenu ul {
	margin: 0px auto;
	padding: 0px;
	list-style-type: none;
}
#mainmenu ul li {
	margin: 0px;
	float: none;
	border-bottom: 1px solid #aaa;
}
#mainmenu ul li:first-child { border-top: none; }
#mainmenu ul li a {
	display: block;
	padding: 15px 20px;
	color: #fff;
	font-size: 20px;
	text-decoration: none;
	background-color: transparent;
}

#mainmenu ul li > ul { border-top:1px #aaa solid; }
#mainmenu ul li > ul li:last-child { border-bottom:none !important; }

/*** Content Area ***/
#content {
	clear: both;
	margin: 0 auto;
    padding: 91px 0 0 0;
}


#content #sidebar {
	float: none;
	width: auto;
	margin: 30px 0px 0px;
	padding: 30px 0px 0px;
	border-right: none;
	border-top: 1px solid #ccc;
}

#content #main {
	float: none;
	width: auto;
	margin: 0px;
	padding: 0px;
}

/*** Footer ***/
#footer {
	background:#f2f2f2;
	padding: 20px 15px;
	margin:0;
	color: #000;
	font-size: 16px;
	text-align: center;
}


#ftr-mid h4 { }

#ftr-mid label, label.tinylabel { width:1px; height:1px; overflow:hidden; display:block; }

#ftr-mid input[type=text] { 
	font-family: 'Roboto', sans-serif; font-size:18px;
	padding:5px;
	width: 100%; max-width:600px;
	height: 41px;
	border: 1px solid #aaa; box-sizing:border-box; margin-bottom:7px;
	border-radius: 0px;
	-webkit-appearance: none;
}
#ftr-mid input[type=email] { 
	font-family: 'Roboto', sans-serif; font-size:18px;
	padding:5px;
	width: 100%; max-width:600px;
	height: 41px;
	border: 1px solid #aaa; box-sizing:border-box; margin-bottom:7px;
	border-radius: 0px;
	-webkit-appearance: none;
}
	
#ftr-mid input[type=submit] {
	background:#323232; /*#6c1e63;*/ padding:11px 23px; border-radius:21px;
	color:#fff; font-weight:700; font-family: 'Roboto', sans-serif; font-size:16px;
	transition: all 0.2s linear;
	-webkit-transition: all 0.2s linear;
   -moz-transition: all 0.2s linear;
	border: none;
	-webkit-appearance: none;
	box-shadow: none;
	cursor:pointer;
}
#ftr-mid input[type=submit]:hover { text-decoration:none; background:#ff9900; text-shadow:1px 1px 3px rgba(102,51,0,0.5); }


#social { width:auto; display:block; margin:0 0 20px 0; }

div.ftr-social { width:auto; display:block; padding:20px 0 0 0; text-align:center; }

#social a, div.ftr-social a { width:50px; height:50px; border-radius:50%; font-size:1px; text-indent:-3000px; overflow:hidden; display:inline-block; margin:0 2px; }



a.yp { background:url('../images/social/yelp.png') 50% 50% no-repeat #fff; background-size:auto 18px; }
a.fb { background:url('../images/social/facebook-blue.svg') 50% 50% no-repeat #fff; background-size:auto 18px; }
a.tw { background:url('../images/twitter.png') 50% 50% no-repeat #fff; }
a.li { background:url('../images/social/linkedin-blue.svg') 50% 50% no-repeat #fff; background-size:18px auto; }
a.ig { background:url('../images/social/instagram-orange.svg') 50% 50% no-repeat #fff; background-size:18px auto; }
a.gg { background:url('../images/social/google-purple.svg') 50% 50% no-repeat #fff; background-size:18px auto; }
a.bs { background:url('../images/bluesky-blue.svg') 50% 50% no-repeat #fff; background-size:18px auto; }
a.yt { background:url('../images/youtube-dark-red.svg') 50% 50% no-repeat #fff; background-size:26px auto; }






a.share-tw { background:url('../images/social/twitter-x-white.svg') no-repeat 50% 50% #ff9900 !important; background-size:auto 15px !important; }
a.share-tw:hover { background:url('../images/social/twitter-x-orange.svg') no-repeat 50% 50% #fff !important; background-size:auto 15px !important; }
a.share-tw b { display:none; }
    
#footer p { line-height:140%; margin:0 0 10px 0; }

/** Footer form **/
div.footer-form { margin:0 0 30px 0; }
div.footer-form p.note { display:none; }
div.footer-form div.form .row label { display:none; }

div.footer-form div.form .row input { margin:0; font-size:18px; }
div.footer-form div.form .row input[type=text] { width:95%; }
div.footer-form div.form .row textarea { width:95%; margin:0; height:136px; }

a.gray { color:#999; text-decoration:none; }
a.gray:hover { color:#666; text-decoration:underline; }
a.gray2 { color:#000; text-decoration:none; }
a.gray2:hover { color:#000; text-decoration:underline; }


/*** PROMO POP UP FORM ***/
#slide-out-form-container.fancybox-content { padding:0; }
#slide-out-form-container { border-top:8px #ff9900 solid; display:none; }

div.slide-out-banner { width:100%; height:100px; display:block; margin:0 0 20px 0; position:relative; background:#000; }
div.slide-out-banner img { width:100%; height:100px; object-fit:cover; display:block; }
    
div.slide-out-banner .headline h1 { margin:0; color:#fff; display:block; text-align:center; }
div.slide-out-banner .headline { display:flex; width:100%; height:100%; justify-content:center; position:absolute; top:0; left:0; z-index:10; align-items:center; }

.wcag-txt { padding:20px 15px; text-align:center; }

#slide-out-form label { text-align:left; width:100%; }

#slide-out-form .error label { color:#D4293A; }
#slide-out-form .errorMessage { text-align:left; color:#D4293A; }


/***** BREADCRUMBS *****/
#breadcrumbs-wrapper1 {
	position:absolute; top:91px; left:0px; z-index:10; width:100%; height:auto; 
	background:transparent;
}

ul.breadcrumbs {
	margin: 0px auto;
	padding: 5px 10px;
	color: #333;
	font-size: 14px;
	list-style-type: none;
	max-width: 1400px;
}
ul.breadcrumbs li {
	display: inline;
	margin: 0px;
	padding: 0px 0px 0px 5px;
}
ul.breadcrumbs li.active { background: none; }
ul.breadcrumbs li a { text-decoration: underline; color: #333; }



/****** HOMEPAGE ******/
#home-top { width:100%; height:auto; display:block; }
#message { max-width:950px; padding:60px 15px 40px 15px; margin:0 auto; }


/** Large Banners **/
div.banner-zone { width:100%; height:auto; display:block; text-align:center; border-bottom:10px #fff solid; }
div.banner-zone div.slide { position:relative; width:100%; /*min-height:270px;*/ overflow:hidden; display:block; }
div.slide-text { position:absolute; top:0; left:0; padding:3% 10%; z-index:1; text-align:left; color:#fff; }
div.slide-text h2 { font-size:30px; font-weight:100; margin:0 0 10px 0; }
/*div.slide img { margin:0 auto; display:block; width:auto; max-width:100%; }*/
.slide img { width:100%; height:auto; display:block; }

/** Small Banners **/
#callouts { width:100%; display:block; color:#fff; }

div.callout1 { width:100%; max-height:270px; border-bottom:10px #fff solid; display:block; padding:15px; overflow:hidden; }
div.callout2 { width:100%; max-height:270px; display:block; padding:15px; overflow:hidden; }

#active-clients { /*background:url('../images/shape2.png') no-repeat 50% 50% #ff9900;*/ background:url('../images/callout-orange-bg.png') no-repeat 50% 50% #000; }
#sm-hosting { /*background:url('../images/shape2.png') no-repeat 50% 50% #ff9900;*/ background:url('../images/callout-orange-bg.png') no-repeat 50% 50% #000; }
#sm-seo { /*background:url('../images/shape2.png') no-repeat 50% 50% #ff9900;*/ background:url('../images/callout-orange-bg.png') no-repeat 50% 50% #000; }
#lets-build-something { background:url('../images/shape2.png') no-repeat 50% 50% #323232; }
#personal-attention { /*background:url('../images/shape2.png') no-repeat 50% 50% #ff9900;*/ background:url('../images/callout-orange-bg.png') no-repeat 50% 50% #000; }

a.arrow-o { color:#fff; text-decoration:none; display:inline-block; width:auto; height:64px; padding:21px 75px 0 0;
	background:url('../images/orange-arrow.png') no-repeat 100% 0;
}
a.arrow-p { color:#fff; text-decoration:none; display:inline-block; width:auto; height:64px; padding:21px 75px 0 0;
	background:url('../images/purple-arrow.png') no-repeat 100% 0;
}
a.arrow-p2 { color:#fff; text-decoration:none; display:inline-block; width:auto; height:64px; padding:21px 75px 0 0;
	background:url('../images/pink-arrow.png') no-repeat 100% 0;
}
a.arrow-g { color:#fff; text-decoration:none; display:inline-block; width:auto; height:64px; padding:21px 75px 0 0;
	background:url('../images/green-arrow.png') no-repeat 100% 0;
}

div.callout1 h2, div.callout2 h2 { font-size:30px; font-weight:100; }


/** Just Launched **/
#just-launched { margin:50px auto; }
#just-launched .jl-slide { padding-bottom:20px; }

#just-launched .imgdiv { display:block; margin-bottom:10px; }
#just-launched .imgdiv img { display:block; border:1px #e2e2e2 solid; width:100%; max-width:457px; margin:0 auto; }
#just-launched .txtdiv { padding:0 15px; }
#just-launched .txtdiv h3 { font-weight:300; font-size:24px; }
#just-launched .txtdiv h3 a { color:#333; text-decoration:none; }
#just-launched .txtdiv a.obtn { margin-left:0; }

#just-launched p.date { font-size:0.8em; }

div.home-links { text-align:center; }


a.follow { color:#666; }
a.follow:hover { color:#fc9b27; text-decoration:none; }
a.follow img { filter:grayscale(1); margin-right:4px; vertical-align:-2px; }
a.follow:hover img { filter:grayscale(0); }


/** NEW STUFF **/
#slideme { max-height:130px; overflow:hidden; }
#slideme h1 { font-size:9vw; color:#ff9900; margin:0 0 10px 0; display:block; text-align:center; background-size:auto 76% !important; background-repeat:no-repeat; background-position:50% 100% !important; }
#slideme h1 a { color:#ff9900; text-decoration:none; display:block; text-indent:-3000px; }
h1.alsoh1 { font-size:9vw; text-align:center; line-height:normal; }


div.ftr-third { margin:0 0 20px 0; text-align:center; }
div.ftr-half { margin:0 0 20px 0; text-align:center; }
div.ftr-cat-links { text-align:center; width:100%; display:block; margin-top:20px; }

#footer-signup { text-align:left; }
#footer-signup fieldset { border:0; margin:0 0 10px 0; }
#footer-signup label { display:none; }
#footer-signup input[type=text], #footer-signup input[type=email] {
    width:100%; max-width:370px; height:40px;
    display:block; margin:0; float:none;
    font-family:Roboto, san-serif; font-size:18px; padding:0 4px;
    border-radius:0; border:1px #999 solid;
}
#footer-signup input[type=submit] {
    background:#323232; padding:12px 25px 11px 25px; border-radius:25px; border:none;
    color:#fff; font-weight:700; font-size:18px;
    transition: all 0.2s linear;
    cursor:pointer;
}
#footer-signup input[type=submit]:hover { background:#ff9900; }

/** Homepage **/
#statement { padding:50px 0 40px 0; font-size:10vw; }
div.state-intro { width:43%; display:block; float:left; }
#descriptors { width:56%; display:block; float:left; }
#descriptors p { margin:0; color:#860277; }

#descriptors div.dimgh { text-align:left; padding-top:7px; }
#descriptors div.dimgh img { width:85%; height:auto; }

/** Featured News **/
#just-launched .jl-slide { padding-bottom:0px; }
.jl-slide { background:#f2f2f2; }

.bot-bord { border-bottom:10px #ff9800 solid; }

.imgdiv2 { }
.imgdiv2 img { width:100%; display:block; }
.txtdiv2 { padding:30px; }

h3.fnewsh3 { font-size:22px; }
.txtdiv2 a { text-decoration:none; color:#000; }
.txtdiv2 a:hover { text-decoration:underline; }
.txtdiv2 a.readmore { font-weight:bold; color:#000; text-transform:uppercase; }

#just-launched .slick-prev { width:40px; height:100%; background:url('../images/fnews-arrow2.png') no-repeat 50% 25%; background-size:40px auto; left:-15px; z-index:8888; }
#just-launched .slick-next { width:40px; height:100%; background:url('../images/fnews-arrow.png') no-repeat 50% 25%; background-size:40px auto; right:-15px; }
#just-launched .slick-next:before, #just-launched .slick-prev:before { content:''; }




/***** SUBPAGE STYLING *****/

/***** Subpage Callouts *****/
.half-left { margin-bottom:10px; }

div.subpage-callout { width:100%; min-height:240px; display:block; padding:15px; overflow:hidden; color:#fff; }

#sc-orange { background:url('../images/shape3.png') no-repeat 50% 50% #f7941e; }
#sc-gray, .sc-gray { background:url('../images/shape3.png') no-repeat 50% 50% #323232; }
#sc-purple { background:url('../images/shape3.png') no-repeat 50% 50% #6c1e63; }
#sc-green { background:url('../images/shape3.png') no-repeat 50% 50% #067166; }
#sc-blue { background:url('../images/shape3.png') no-repeat 50% 50% #066171; }
#sc-pink { background:url('../images/shape3.png') no-repeat 50% 50% #e0326f; }

div.subpage-callout h2, div.subpage-callout h4 { font-size:30px; font-weight:100; }

/** Testimonials List **/
ul.reviews { padding:0; list-style-type:none; margin:0; }
ul.reviews li { margin-bottom:10px; }
p.byline { color:#ccc; }
p.byline a { color:#ccc; text-decoration:none; }
p.byline a:hover { color:#ff9900; text-decoration:underline; }




/********** INTRO TEXT **********/
@keyframes iw-anim {
	0% { background:#333; margin-top:0; }
	25% { background:#ff9900; margin-top:0; }
	80% { background:#ff9900; margin-top:0; }
	100% { background:#ff9900; }
}

@keyframes bt-anim {
	0% { opacity:0; }
	100% { opacity:1; }
}

@keyframes shape-entry {
	0% { opacity:0; }
	100% { opacity:1; }
}

#intro-wrapper { padding:0; display:block; 
    /*background:#ff9900; */
    background:url('../images/shape3-50-orange.png') no-repeat 50% 50% #000; background-size:auto 100%; animation:none;
    /*height:400px;*/ position:relative; overflow:hidden;
	animation-name: iw-anim;
	animation-duration: 2s; 
	animation-fill-mode: forwards;
}

	
#fi-overlay { width:200%; display:table; margin-left:-100%; position:absolute; top:0; left:0; z-index:100; }
div.ocell { width:50%; display:table-cell; vertical-align:middle; }
div.ocell img { width:100%; display:block; }

#big-text { 
	color:#fff; font-weight:300; 
	font-size:30px;
	text-align:center;
	width:100%; height:auto;
	/*padding:75px 0;*/
	opacity:0; 
	animation-name: bt-anim;
	animation-delay: 0.3s;
	animation-duration: 2s; 
	animation-fill-mode: forwards;
}

#big-text h1, #big-text h2, #big-text p { margin:0; }

#shape { /*width:100%; height:500px; background:url('../images/shape3.png') no-repeat 50% 50%; display:block; 
	position:absolute; top:0; left:-10%; opacity:0.5; z-index:1;*/
    width:100%; height:100%; background:url('../images/shape3.png') no-repeat 0 0; display:flex; 
	position:absolute; top:0; left:0; opacity:0.5; z-index:1;
    background-size:100% 100%;
}


div.featuredImg { background:#000; max-height:500px; overflow:hidden; position:relative; border-bottom:8px #ff9900 solid; }
div.featuredImg img { width:100%; height:auto; display:block; opacity:0.4; }
/*div.featuredImg img.fi-img { opacity:0; }*/



/*** Services / Tiles ***/
div.service-tile { width:100%; max-width:350px; padding:20px; display:inline-block; margin-bottom:20px; vertical-align:top; text-align:center; }
div.st-img { width:100%; height:225px; background:#000; display:block; margin:0 0 20px 0; position:relative; }
div.st-img img { width:100%; height:225px; object-fit:cover; display:block; opacity:1; }
div.st-img h3 { color:#fff; font-weight:bold; font-size:1.3em; margin:0; width:100%; height:auto; position:absolute; top:100px; left:0; text-align:center; }
div.service-tile h3 { font-weight:bold; font-size:1.3em; margin:0 0 10px 0; }
div.service-tile h3 a { color:#fff; text-decoration:none; }
div.service-tile p { margin:0 0 10px 0; }


/*** DESIGN ***/
#design-projects { text-align:center; }
div.dp-indv { width:325px; display:inline-block; vertical-align:top; padding:20px; background:#f2f2f2; margin-bottom:20px; }
div.dp-indv img { width:100%; display:block; margin:0 0 15px 0; }
a.dlink { font-size:0.7em; }

.extradp { background:url('../images/shape2.png') no-repeat 50% 0 #323232 !important; background-size:auto 100%; color:#fff; }
.extradp h3 { font-size:1.3em; }
.extradp p { margin-bottom:5px; }


/*** TECH SUPPORT ***/

.tech-container {
display: block; width: 100%; vertical-align: top; margin: 0px;
}


/*** SERVICES ***/
#our-services, .our-services { text-align:center; }
div.service-indv { display:inline-block; vertical-align:top; width:100%; max-width:350px; margin:0 auto 30px auto; border:1px #e2e2e2 solid; padding:25px 15px 15px 15px; }


/*** TEAM ***/
ul.wsd-team { list-style-type:none; margin:0; padding:0; }
ul.wsd-team li { margin:0 0 30px 0; }
ul.wsd-team img { width:110px; float:left; }
ul.wsd-team div.teambio { width:calc(100% - 130px); float:right; }



/*** SEO ***/
ul.seo-exec { margin:0 auto; padding:0; list-style-type:none; max-width:800px; }
ul.seo-exec li { margin:0; padding:10px 0; }
ul.seo-exec li p { margin:0 0 7px 0; }


/*** PAGE HALVES ***/
ul.pagehalf { margin:0 auto; padding:0; list-style-type:none; }


div.sidebar-content { padding:40px 0 0 0; }
div.sidebar-content h3, div.sidebar-content h4 { margin:0 0 5px 0; font-weight:bold; }
div.sidebar-content table { width:100%; margin:0 0 20px 0; }
div.sidebar-content table td { width:50%; padding:0 0 2px 0; }


/*div.sidebar { float:left; margin-top: 40px; margin-bottom: 60px; }*/


/***** CLIENTS *****/
#cs-slider { width:100%; overflow:hidden; position:absolute; top:0; left:0; z-index:10; }
div.cs-ss { width:50%; float:left; }
div.cs-ss img { width:100%; display:block; }
div.cs-desc { width:50%; float:right; padding:15px; }
div.cs-desc p { display:none; }

#cs-slider .slick-prev { width:30px; height:100%; background:url('../images/orange-arrow-left.png') 50% 50% no-repeat; background-size:30px auto; left:10px; z-index:8888; }
#cs-slider .slick-prev::before { content:''; }
#cs-slider .slick-next { width:30px; height:100%; background:url('../images/orange-arrow.png') 50% 50% no-repeat; background-size:30px auto; right:10px; z-index:8888; }
#cs-slider .slick-next::before { content:''; }

/** Client card grid **/
ul.select-clients { list-style-type:none; padding:0; text-align:center; }
ul.select-clients li { width:150px; display:inline-block; vertical-align:top; margin:0 2px 10px 2px; text-align:center; background:#f2f2f2; position:relative; }

ul.select-clients li img { width:100%; display:block; padding:20px; }

ul.select-clients li a.a-desc, ul.select-clients img.unlinked-img { display:none !important; }
ul.select-clients li a.a-img { width:100%; display:block; }


/*** Our Clients New ***/
div.client-bg { padding-top:60px; padding-bottom:50px; background:#f2f2f2; border-bottom:10px #fff solid; }
img.mainimg { display:none; }

h1.super-h1 { font-size:40px; color:#333; font-weight:300; }


div.client-details { width:100%; display:block; background:#fff; box-shadow:0 0 20px rgba(0,0,0,0.25); padding:20px 15px 1px 15px; text-align:left; margin-bottom:15px; }

p.smtitle { color:#999; font-size:0.8em; font-weight:bold; margin:0; padding:0 0 5px 0; }

ul.features-list { list-style-type:none; padding:0; }
ul.features-list li { display:inline-block; padding:0 ; width:auto; vertical-align:top; }
ul.features-list li:first-child { display:block; width:100%; }

a.ind-link { color:#999; text-decoration:none; text-transform:uppercase; }
a.ind-link:hover { color:#666; text-decoration:underline; }

a.client-url { font-size:0.8em; padding-left:25px; background:url('../images/new-window-orange.svg') 0 50% no-repeat; background-size:15px auto; }

img.mobile-mainimg { display:block; width:100%; margin:0 auto; }



/***** CASE STUDIES *****/
#case-studies-list { background:url('../images/cs-full-background.jpg') no-repeat 50% 50%; }

ul.case-studies { list-style-type:none; text-align:center; padding:0; }
ul.case-studies li { position:relative; display:block; width:100%; max-width:350px; margin:0 auto 30px auto; }
ul.case-studies li img { margin:0 0 15px 0; display:block; width:100%; height:300px; object-fit:cover; opacity:1; 
	transition: all 0.3s linear;
	-webkit-transition: all 0.3s linear;
	-moz-transition: all 0.3s linear;
}

ul.case-studies li h2 { text-align:center; font-size:26px; }

ul.cs2 { list-style-type:none; text-align:center; padding:0; 
    display: flex;
    flex-wrap: wrap;
    align-items: stretch;
    justify-content: space-between;
}
ul.cs2 li { display:block; width:100%; max-width:350px; margin:0 auto 30px auto; text-align:center; background:#f2f2f2; padding:0 0 1px 0;
	transition: all 0.3s linear;
	-webkit-transition: all 0.3s linear;
	-moz-transition: all 0.3s linear;
}
ul.cs2 li:hover { background:#323232; }
ul.cs2 li:hover a { color:#fff; }
ul.cs2 li:hover p { color:#fff; }

ul.cs2 img { margin:0 0 15px 0; display:block; width:100%; height:300px; object-fit:cover; }
ul.cs2 li h3 { font-size:1.3em; padding:0 15px; margin:0 0 15px 0; }
ul.cs2 li p { padding:0 15px; }
ul.cs2 li a { text-decoration:none; transition: all 0.3s linear;
	-webkit-transition: all 0.3s linear;
	-moz-transition: all 0.3s linear;
}
ul.cs2 li a:hover { color:#fff; }


.introcell { padding:20px; }
.introcell p { margin:0 0 5px 0; }

/** final cell **/
li.final { background:url('../images/shape2.png') no-repeat 50% 0 #323232 !important; background-size:auto 100%; color:#fff; }
li.final-gray { background:url('../images/shape2-25.png') no-repeat 50% 0 #f2f2f2 !important; background-size:auto 100%; color:#fff; }

div.final-table { }
div.ft-cell { padding:30px 0 10px 0; }
li.final a.obtn, li.final a.obtn-rev, li.final a.obtn-rev2 { width:154px; }
li.final-gray a.obtn, li.final-gray a.obtn-rev, li.final-gray a.obtn-rev2 { width:154px; }

/*** Case Study Details ***/
div.cs-featuredImg { width:100%; display:block; border-bottom:8px #ff9900 solid; background:#333; }

div.csf-left { width:100%; display:block; padding:15px; color:#fff; font-size:22px; background:url('../images/shape2.png') no-repeat 50% 50%; background-size:auto 100%; }
div.csf-right { display:none; }


ul.taglist { margin:0 0 5px 0; padding:0; color:#999; font-size:0.8em; list-style-type:none; }
ul.taglist li { margin:0; padding:0 10px 0 8px; border-right:1px #ccc solid; display:inline-block; vertical-align:top; }
ul.taglist li:first-child, ul.taglist li:last-child { border-right:0; padding-right:0; }


/*** WCAG ***/
div.acc-block { width:100%; padding:50px 20px; background:url('../images/wcag-bg.jpg') 50% 50% no-repeat; text-align:center; }
div.acc-block h2 { color:#fff; text-shadow:2px 2px 15px rgba(0,0,0,0.5); font-size:30px; }
div.acc-block h2 a { color:#fff; text-decoration:none; }
a.big-o { display:inline-block; background:url('../images/orange.png') #000; box-shadow:2px 2px 15px rgba(0,0,0,0.5); border-radius:30px; padding:10px 20px 14px 20px;
    color:#fff; font-size:20px; text-decoration:none; line-height:normal;
}



/****** FORMS STYLING ******/
p.note { font-size:0.8em; }

div.form {
	margin: 0px auto;
}
div.form label {
	display: block;
	font-weight: normal;
}
div.form input,
div.form textarea,
div.form select {
	box-sizing: border-box;
	margin: 5px 0px;
	font-size: 100%;
}
div.form input[type=text],
div.form input[type=number],
div.form input[type=password] {
	font-family: 'Roboto', sans-serif; font-size:18px;
	padding: 4px;
	width: 100%;
	max-width: 600px;
	height: 30px;
	border: 1px solid #aaa;
	border-radius: 0px;
	-webkit-appearance: none;
}
div.form textarea {
	font-family: 'Roboto', sans-serif; font-size:18px;
	padding: 4px;
	width: 100%;
	max-width: 600px;
	height: 120px;
	resize: auto;
	border: 1px solid #aaa;
	border-radius: 0px;
	-webkit-appearance: none;
}
div.form select {
	font-family: 'Roboto', sans-serif; font-size:18px;
	padding: 4px;
	width: 100%;
	max-width: 600px;
	height: 30px;
	border: 1px solid #aaa;
	border-radius: 0px;
}

div.form span.required { color:#e0326f; }
div.form .row { margin: 0px 0px 10px; }
div.form .row.checkbox,
div.form .row.radio {  }
div.form .row.checkbox label,
div.form .row.radio label {
	float: none;
	padding: 0px;
	display: inline-block;
	width: auto;
}
div.form .row.recaptcha {  }
div.form .row.recaptcha a { font-size: 14px; }
div.form .row.recaptcha p { font-size: 14px; }
div.form .row.buttons { text-align: center; }
div.form input[type=submit] {
	background:#323232; padding:10px 25px; border-radius:21px;
	color:#fff; font-weight:700; text-shadow:1px 1px 3px rgba(102,51,0,0.5); font-family: 'Roboto', sans-serif; font-size:18px;
	transition: all 0.2s linear;
   -webkit-transition: all 0.2s linear;
   -moz-transition: all 0.2s linear;
	border: none;
	-webkit-appearance: none;
	box-shadow: none;
	cursor:pointer;
}
div.form input[type=submit]:hover, div.form input[type=submit]:active,
input[type=submit].sbmt:hover { text-decoration:none; background:#ff9900; text-shadow:1px 1px 3px rgba(102,51,0,0.5); }

div.form input[type=submit].rev {
	background:#ff9900; padding:10px 25px; border-radius:21px;
	color:#fff; font-weight:700; text-shadow:1px 1px 3px rgba(102,51,0,0.5); font-family: 'Roboto', sans-serif; font-size:18px;
	transition: all 0.2s linear;
   -webkit-transition: all 0.2s linear;
   -moz-transition: all 0.2s linear;
	border: none;
	-webkit-appearance: none;
	box-shadow: none;
	cursor:pointer;
}
div.form input[type=submit].rev:hover, div.form input[type=submit].rev:active { text-decoration:none; background:#323232; }




/** Search **/
input[type=submit].sbmt {
	background:#ff9900; padding:10px 25px;
	color:#fff; font-weight:700; text-shadow:1px 1px 3px rgba(102,51,0,0.5); font-family: 'Roboto', sans-serif; font-size:18px;
	transition: all 0.3s linear;
   -webkit-transition: all 0.3s linear;
   -moz-transition: all 0.3s linear;
	border: none;
	-webkit-appearance: none;
	box-shadow: none;
	cursor:pointer;
}

input.searchme { font-family: 'Roboto', sans-serif;
    font-size: 18px;
    padding: 4px;
    width: calc(100% - 87px); height:41px; box-sizing:border-box;
    max-width: 600px;
    border: 1px solid #aaa;
    border-radius: 0px;
    -webkit-appearance: none;
}



/*** Form Errors ***/
div.form div.error label,
div.form label.error,
div.form span.error {
	color: #ff9900;
}
div.form div.error input,
div.form div.error textarea,
div.form div.error select,
div.form input.error,
div.form textarea.error,
div.form select.error {
	background: #f2f2f2;
	border-color: #ff9900;
}
div.form .errorSummary {
	border: 2px solid #ff9900;
	padding: 10px;
	margin: 0px 0px 20px;
	background: #FEE;
}
div.form .errorMessage { color: #ea8102; font-style:italic; font-size:0.9em; margin:5px 0 10px 0; }
div.form .errorSummary p { margin: 5px; }
div.form .errorSummary ul {
	margin: 0px;
	padding: 0px 0px 0px 20px;
}

#contacts-contact-form input.error::placeholder { color:#000; }



/***** SEARCH RESULTS PAGE *****/
.resultSet { margin:0 0 30px 0; padding:0 0 30px 0; border-bottom:1px #e2e2e2 solid; }
.resultSet h3 { font-weight:bold; font-size:1.2em; }

ul.resultList { margin:0; padding:0; list-style-type: none; }
ul.resultList li { margin: 0px 0px 20px; }
ul.resultList li img {
	float: left;
	margin: 0px 20px 20px 0px;
	width: 100px;
}

ul.resultList li h4 { margin:0 0 5px 0; font-weight:bold; }
ul.resultList li p.date { margin: 0px 0px 10px 0; font-size:0.8em; font-weight:bold; color:#666; }

/* .resultSet#blog-results { border-bottom:none; } */
/* .resultSet#blog-results ul.resultList li h4, .resultSet#blog-results ul.resultList li p { margin-left:120px; } */




/****** NEWS ******/
/*** News Listing ***/
#news-cats { text-align:center; padding:20px 0 30px 0; margin:0 0 40px 0; border-bottom:1px #e2e2e2 solid; }
#browse-categories-form { max-width:800px; margin:0 auto; }
#news-cats label { display:none; }
#news-cats select { font-family: 'Roboto', sans-serif; font-size:18px; width:35%; height:40px; border-radius:0; border:1px #ccc solid; border-collapse:collapse; box-sizing:border-box; margin:0; vertical-align:top; }
#news-cats input[type=submit] { 
	background:#323232; padding:0 20px; height:40px; width:auto; border-radius:21px;
	color:#fff; font-weight:700; text-shadow:1px 1px 3px rgba(102,51,0,0.5); font-family: 'Roboto', sans-serif; font-size:16px;
	vertical-align:top;
	transition: all 0.3s linear;
   -webkit-transition: all 0.3s linear;
   -moz-transition: all 0.3s linear;
	border: none;
	-webkit-appearance: none;
	box-shadow: none;
	cursor:pointer;
}
#news-cats input[type=submit]:hover { text-decoration:none; background:#ff9900; text-shadow:1px 1px 3px rgba(102,51,0,0.5); }



ul.news-list { text-align:center; margin:20px 0 40px 0; padding:0; }
ul.news-list li { width:100%; max-width:350px; padding:0; display:inline-block; margin-bottom:20px; vertical-align:top; text-align:center; }
ul.news-list li h3 { font-weight:bold; font-size:1.3em; margin:0 0 10px 0; }
ul.news-list li h3 a { color:#000; }
ul.news-list li p { margin:0 0 10px 0; }
div.news-date { width:auto; height:auto; display:block; position:absolute; top:10px; left:0; padding:5px 10px; background:#323232; color:#fff; font-size:14px; }


/** Blog Layout Updates 11/2021 **/
img.post-img { display:block; width:100%; margin:0; }

#first-post { width:100%; margin:0 0 20px 0; }

#fp-cell-txt { background:url('../images/orange.png') #000; /*background:#ff9900;*/ padding:20px; color:#fff; }
.dateline { font-size:14px !important; text-transform:uppercase; font-weight:bold; margin:0; }
#fp-cell-txt h2 { font-size:26px; }
#fp-cell-txt h2 a { color:#fff; text-decoration:none; }
#fp-cell-txt h2 a:hover { text-decoration:underline; }
#fp-cell-txt p { font-size:18px; margin:0; }
	
#fp-cell-img { display:none; }

div#second-post, div#third-post { background:url('../images/orange.png') #000; }
div.sp-img { width:100%; display:block; background:#000; }
div.sp-img img { width:100%; display:block; }
	
div.sp-txt { /*background:#f2f2f2;*/ padding:20px; margin:0 0 20px 0; color:#fff;}
div.sp-txt h3 { font-size:24px; margin:0; color:#fff; }
div.sp-txt h3 a { color:#fff; text-decoration:none; }
div.sp-txt h3 a:hover { text-decoration:underline; }


#blog-categories { background:#222; padding:30px 15px; margin:50px 0 0 0; text-align:center; }
#blog-categories h2 { font-size:30px; color:#fff; font-weight:300; }

ul#category-slider { margin:0; padding:0; list-style-type:none; }
ul#category-slider li { width:25%; padding:0 15px; }
ul#category-slider li div.graydiv { background:#f2f2f2; border-bottom:1px #f2f2f2 solid; }

ul#category-slider .slick-next { background:url('../images/right-arrow.png') no-repeat 50% 50%; width:30px; height:100%; right:-30px; }
ul#category-slider .slick-next::before { content:''; }
ul#category-slider .slick-prev { background:url('../images/left-arrow.png') no-repeat 50% 50%; width:30px; height:100%; left:-30px; }
ul#category-slider .slick-prev::before { content:''; }


#blog-gray-signup { }
#bgs-intro { background:#f2f2f2; padding:20px; }
#bgs-form { background:#e2e2e2; padding:20px; }

#arrow-form { max-width:400px; }
#arrow-form div.form .row { margin:0; }
#arrow-form div.form div.row:nth-child(2) { width:49%; float:left; margin-right:1%; }
#arrow-form div.form div.row:nth-child(3) { width:49%; float:left; margin-left:1%; }
#arrow-form div.form .row label { display:none; }
#arrow-form div.form .row input[type=text] { width:100%; max-width:400px; height:40px; box-sizing:border-box; }

ul.news-list li.graybg div.st-img { margin:0; }

div.more-blog { background:#f2f2f2; transition:0.2s linear all; padding:20px; text-align:left; }
div.more-blog h3 { font-weight:normal !important; }
div.more-blog h3 a { text-decoration:none !important; color:#000; }
div.more-blog h3 a:hover { text-decoration:underline !important; color:#000; }

ul.news-list li.graybg:hover div.more-blog { background:#ff9900; }






/*** Blog Detail Pages ***/
div.blogImgTitle { position: relative; display:block; }
div.blogImg { background:#f2f2f2; max-height: 500px; overflow: hidden; border-bottom: 8px #ff9900 solid; }
div.blogImg img { width:100%; max-width:1200px; margin:0 auto; display:block; }

div.bi-overlay { }
div.bi-overlay .bi-container { max-width:970px; background:#fff; padding:30px 15px 0 15px; text-align:center; color:#000; margin:0 auto; }
div.bi-overlay h1 { font-size:24px; }
div.bi-overlay p.date { font-size:0.9em; color:#999; margin:0; }

#blog-share { margin:0 0 10px 0; text-align:center; font-size:0.8em; font-weight:bold; text-transform:uppercase; }
#blog-share a { width:40px; height:40px; border-radius:50%; display:inline-block; vertical-align:top; background:#ff9900; text-align:center; transition:0.3s all linear; margin:10px 2px; }
#blog-share a img { filter:brightness(900%); transition:0.3s all linear; }
#blog-share a:hover { background:#f2f2f2; }
#blog-share a:hover img { filter:brightness(100%); }

#vert-blog-share { display:none; }

div.news-article-body { max-width:960px; margin:0 auto; }
div.news-article-body img { height:auto !important; }

div.news-article-body h2 { /*color:#ff9900;*/ color:#000; font-size:1.6em; }
div.news-article-body h3 { font-weight:bold; font-size:1.3em; color:#000; }
div.news-article-body h4, div.news-article-body h5 { font-weight:bold; }

/*div.news-article-body ul { list-style-position: inside !important; }*/

/* Special hobby bunker slider */
#hobby-slider { margin:0 0 20px 0; padding:0 20px; }
div.hslide { width:100%; display:block; overflow:hidden; }
div.hsimg { text-align:center; margin:0 0 20px 0; }
div.hsimg img { width:300px; display:inline-block; }
div.hsbody {  }
#hobby-slider .slick-next { right:-10px; background:url('../images/right-arrow.png') #000 0 50% no-repeat; background-size:20px auto; filter:invert(1); }
#hobby-slider .slick-prev { left:-10px; background:url('../images/left-arrow.png') #000 0 50% no-repeat; background-size:20px auto; filter:invert(1); }
#hobby-slider .slick-next::before { content:''; }
#hobby-slider .slick-prev::before { content:''; }

.blogImginner { position:relative; width:auto; display:inline-block; margin:0 auto; background:#000; max-height:700px; }
#title-overlay { position:absolute; bottom:0px; left:0; width:100%; text-align:center; font-size:2vw; padding:30px 15px 35px 15px; background:rgba(0,0,0,0.75); color:#fff; }



/*** Blockquote ***/
blockquote { 
	background: #f2f2f2;
	border-left: 10px solid #ff9900;
	margin: 30px 20px 30px 0;
	padding: 20px 20px 1px 20px;
	/*quotes: "\201C""\201D""\2018""\2019";*/
}

blockquote a { color: #ea8102; text-decoration: underline; }


/*** CKEditor Image Alignment Classes ***/
.align-left, .align-right, .align-center { text-align: center; margin:0 0 20px 0; }
.align-center > figure { display: block; width:100%; text-align:center; margin:0 0 20px 0; }

div.news-article-body figure { display: block; width:100%; text-align:center; margin:0 0 20px 0; }
figure figcaption { font-size:0.8em; text-align:center; padding:10px 0; }




/** Blog Signup **/
li#blog-signup { width:100%; clear:both; margin:0 0 20px 0; background:url('../images/shape2.png') no-repeat 50% 0 #323232; background-size:auto 100%; text-align:center; overflow:hidden; position:relative; padding:0; }
li#blog-signup img { display:none; }
div.blog-cta { color:#fff; padding:30px 20px; width:100%; height:auto; display:block; }
div.blog-cta h3 { font-size:1.7em !important; font-weight:normal !important; }

li#blog-signup div.form { text-align:left; margin:0 auto; max-width:500px; }



.postNav { text-align:center; margin:40px 0; }
.postNav a { background:#e2e2e2; display:inline-block; vertical-align:top; border-radius:50%; width:50px; height:50px; margin:0 5px;
	transition: all 0.3s linear;
	-webkit-transition: all 0.3s linear;
	-moz-transition: all 0.3s linear;
}
.postNav a:hover { background:#ff9900; }

#detail-cats #news-cats { border-bottom:none !important; border-top:1px #e2e2e2 solid; }


/*** PAGER ***/
nav.pager { text-align:center; }

ul.yiiPager {
	width:auto;
	display:inline-block; text-align:center;
	list-style-type:none;
	padding:0; font-size:14px !important;
}

ul.yiiPager li {
	/*display:inline-block;*/ display:none !important; vertical-align:top;
	margin:0 -5px 5px 0 !important; padding:5px 12px !important; border-right:0px #e2e2e2 solid !important;
	font-size:1em;
}

ul.yiiPager a:link,
ul.yiiPager a:visited
{
	border:none !important;
	font-weight:normal !important;
	color:#333 !important;
	padding:2px 3px;
	text-decoration:none;
}

ul.yiiPager a:hover { color:#ff9900 !important; text-decoration:underline !important; }

ul.yiiPager .selected a {
	background:#f2f2f2;
	color:#000;
	font-weight:bold;
}

nav.pager ul li.next, nav.pager ul li.previous { display:inline !important; }

nav.pager ul.yiiPager li:last-child, nav.pager ul li.next { border-right:none !important; }

nav.pager ul.yiiPager li.first, nav.pager ul li.last { display:none; }

nav.pager ul.yiiPager li.selected { background:#f2f2f2; }

ul.yiiPager .selected a { background:transparent !important; }



/** Helpdesk slideout form **/
.slideout-video { background:#000; }

div.background-video-wrapper { position:relative; width:100%; height:565px; background:#000; }
div.background-video-wrapper video {
	min-height:100vh; width:auto; max-width:none; min-width:100%;
	position:absolute; top:50%; left:50%;
	-ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    opacity:0.7;
}
    
.sov-overlay { width:100%; height:auto; align-items:center; position:absolute; top:0; left:0; z-index:100; padding:15px; }
h1.slideout-headline { text-align:center; color:#fff; font-size:23px; margin-bottom:10px; font-weight:bold; }
h2.slideout-sub { color:#fff; font-size:20px; text-align:center; margin-bottom:0; font-weight:bold; }
h3.slideout-sub { color:#fff; font-size:16px; text-align:center; }

div.form#helpdesk-slideout div.row { margin:0 0 8px 0; }
div.form#helpdesk-slideout label { color:#fff !important; font-size:16px; }
div.form#helpdesk-slideout input[type=submit] { background:#000 !important; border:2px #ff9900 solid; }
div.form#helpdesk-slideout #formResult { color:#fff !important; text-align:center; font-weight:bold; }
div.form#helpdesk-slideout #formResult h2, div.form#helpdesk-slideout #formResult p { color:#fff !important; }
div.form#helpdesk-slideout span.required { color:#fff !important; }

/*** PPC LANDIGN PAGE 1 ***/
#plane-background { color:#000; width:100%; min-height:600px; background:#2dcfe0; }
div#plane-content {  }

div#plane-form { background:url('../images/ppc/plane-bg.jpg') 50% 0 no-repeat #2dcfe0; background-size:150% auto; padding:70px 15px 0 15px;; width:calc(100% + 30px); margin:-30px 0 0 -15px; }

div.form.ppc-hbmc1 { max-width:400px; }
div.form.ppc-hbmc1 form { margin-top:-10px; }
div.form.ppc-hbmc1 fieldset { position:relative; margin:0 0 20px 0; }
div.form.ppc-hbmc1 fieldset label { height:40px; width:100%; float:none; }
div.form.ppc-hbmc1 fieldset input { position:absolute; top:0; left:0; z-index:10; font-size:20px; padding:5px; height:40px; }
div.form.ppc-hbmc1 fieldset input::placeholder { color:#000; }
div.form.ppc-hbmc1 input[type=submit].plane-submit { curosr:pointer; transition:0.2s linear all;
    font-size:20px; font-weight:bold; color:#000; text-shadow:none;
    background-image:linear-gradient(#f9d523, #ff9900);
    border:2px #fff solid; border-radius:25px;
    padding:12px 40px;
}
div.form.ppc-hbmc1 input[type=submit].plane-submit:hover { background-image:linear-gradient(#ff9900, #ff9900); }

div.form.ppc-hbmc1 div.errorMessage { height:auto !important; color:#000 !important; font-style:normal !important; padding-top:10px; }


@keyframes resultdisplay {
    0% { opacity:0; margin-top:0; width:1px; height:1px; }
    100% { opacity:1; margin-top:0; width:300px; height:300px; }
}

div.form.ppc-hbmc1 #formResult { text-align:center; }

div.form.ppc-hbmc1 #formResult .fresult {     
    background: #fff;
    border-radius: 50%;
    text-align: center;
    padding: 24% 0;
    opacity:0; margin-top:0; width:1px; height:1px;
    display:inline-block;
    animation-name: resultdisplay;
	animation-duration: 0.5s;
	animation-fill-mode: forwards;
    animation-delay:1s;
}

/*** PPPC PAGE 2 ***/
#rainbow-video1 { /*background:url('../images/ppc/rainbow-video1.jpg') 50% 50% no-repeat #3d145e; background-size:cover;*/ position:relative; color:#fff; overflow:hidden; background:#000; }

video.rainbowvid1 { position:absolute; top:50%; left:50%; min-width:100%; min-height:100%; transform: translate(-50%, -50%); z-index:1; opacity:0.7; }
video.rainbowvid2 { position:absolute; top:50%; left:50%; min-width:100%; min-height:100%; min-height:auto; transform: translate(-50%, -50%); z-index:1; opacity:0.7; }

.otherdiv { position:relative; z-index:10; top:0; left:0; }

#rainbow-intro { padding:50px 0 20px 0; text-align:left; }
#rainbow-intro h1 { font-size:40px; font-weight:bold; }
#rainbow-intro h3 { font-size:20px; }

#rainbow-form { text-align:center; padding:0 0 40px 0; }
#rainbow-form h2 { font-weight:bold; font-size:35px; }
#rainbow-form div.form.ppc-hbmc2 { max-width:400px; text-align:left; }
#rainbow-form div.form.ppc-hbmc2 fieldset { margin:0 0 20px 0; }
#rainbow-form div.form.ppc-hbmc2 label { padding:0 0 6px 0; }
#rainbow-form div.form.ppc-hbmc2 input[type=text] { width:95%; font-size:20px; padding:5px; height:40px; margin:0; }
#rainbow-form div.form.ppc-hbmc2 input[type=submit].black-submit { background:#000; font-size:20px; font-weight:bold; padding:12px 30px; border:2px #fff solid; margin-left:25%; border-radius:30px; }
#rainbow-form div.form.ppc-hbmc2 input[type=submit].black-submit:hover { background:#ff9900; }

#rainbow-form div.form.ppc-hbmc2 div.errorMessage { height:auto !important; color:#fff !important; font-style:normal !important; padding-top:10px; }

#rainbow-approach { padding:40px 15px; background:url('../images/ppc/black-bg.jpg') 50% 50% no-repeat #000; background-size:cover; color:#fff; text-align:center; }
#rainbow-approach h2 { font-weight:bold; font-size:30px; }
div.circles { max-width:1300px; margin:0 auto; }
div.circles div { display:inline-flex; vertical-align:top; align-items:center; text-align:center; width:40vw; height:40vw; border-radius:50%; margin:0 0.5% 10px 0.5%; background:#fff; color:#000; }
div.circles div p { display:block; width:100%; margin:0; font-size:18px; padding:0 15px; }

div.circles div.moveme:nth-child(1) { animation-delay:0s; }
div.circles div.moveme:nth-child(2) { animation-delay:0.25s; }
div.circles div.moveme:nth-child(3) { animation-delay:0.5s; }
div.circles div.moveme:nth-child(4) { animation-delay:0.75s; }
div.circles div.moveme:nth-child(5) { animation-delay:1s; }
    

#rainbow-services { padding:40px 15px; background:url('../images/ppc/orange-gradient.jpg') 50% 50% no-repeat #000; background-size:cover; color:#fff; text-align:center; }
#rainbow-services h2 { font-weight:bold; font-size:30px; }
div.rs-list { max-width:1000px; margin:0 auto; text-align:left; padding:3% 3% 2% 5%; border-radius:10px; background:rgba(255,255,255,0.80); color:#000; }
div.rs-list ul { font-size:18px; list-style-type:none; padding:0; margin:0; }
div.rs-list ul li { /*width:49%; display:inline-block; vertical-align:top;*/ margin:0 0 20px 0; }

#rainbow-clients { padding:40px 15px; background:url('../images/ppc/ggb-video.jpg') 50% 50% no-repeat; background-size:cover; text-align:center; }
#rainbow-clients h2 { font-weight:bold; font-size:30px; color:#fff; }
div.rc-list { max-width:400px; margin:0 auto; }
div.rc-list div { display:block; 
    text-align:center; padding:15px 0; color:#000; margin:0 10px 15px 10px; font-size:18px; 
    background:rgba(255,255,255,0.75);
    border-radius: 0 15px 0 15px;
}
div.rc-list div p { width:100%; display:block; text-align:center; margin:0; }


.moveme { opacity:0; }
    
    @keyframes fadeup {
	    0% { opacity:0; }
        100% { opacity:1; }
    }

    .already-visible { opacity:1; }

    .appear { 
    	animation-name: fadeup;
    	animation-duration: 1s;
    	animation-fill-mode: forwards;
    }
    
    .rc-list div.moveme:nth-child(1) { animation-delay:0s; }
    .rc-list div.moveme:nth-child(2) { animation-delay:0.25s; }
    .rc-list div.moveme:nth-child(3) { animation-delay:0.5s; }
    .rc-list div.moveme:nth-child(4) { animation-delay:0.75s; }
    .rc-list div.moveme:nth-child(5) { animation-delay:1s; }
    .rc-list div.moveme:nth-child(6) { animation-delay:1.25s; }
    .rc-list div.moveme:nth-child(7) { animation-delay:1.5s; }
    


/***************************************************
	TABLET LAYOUT BREAKPOINTS
****************************************************/
@media (min-width:660px) {
	
	/** Just Launched **/
	#just-launched .imgdiv { width:340px; height:225px; border:1px #e2e2e2 solid; /*width:50%;*/ float:left; margin-bottom:0; }
	#just-launched .imgdiv img { display:block; width:340px; height:225px; object-fit:cover; }
	#just-launched .txtdiv { width:calc(100% - 340px); /*width:50%;*/ float:right; padding:0 30px; }
	#just-launched .txtdiv h3 { font-weight:300; font-size:35px; }
    
    /** Client card grid **/
    ul.select-clients li { position:relative; overflow:hidden; margin: 0 10px 20px 10px; width:350px; height:275px; }
    
    ul.select-clients li img.unlinked-img { display:block !important; padding:30px 40px; }
    
    ul.select-clients li a.a-img { display:none !important; }
   
   ul.select-clients li a.a-desc { 
        width:100%; padding:25% 30px; vertical-align:middle;
        position:absolute; top:0; left:0; z-index:10;
        background:#ff9900; color:#fff; text-align:center; text-decoration:none; font-size:18px;
        opacity:0;
        transition:0.3s linear all;
        /*display:block !important; height:275px;*/
        display:flex !important; align-items:center; height:100%;
    }
    ul.select-clients li a.a-desc p { display:block; margin:0; width:100%; padding:0; }
    ul.select-clients li a.a-desc.arrow-desc p { display:block; margin:0; width:100%; padding-bottom:35px; background:url('../images/right-arrow-white.svg') 50% 100% no-repeat #ff9900; background-size:auto 25px; }

    
    ul.select-clients li a.a-desc:hover { opacity:1; }
    ul.select-clients li a.a-desc p, ul.select-clients li a.a-desc h1, ul.select-clients li a.a-desc h2, ul.select-clients li a.a-desc h3, ul.select-clients li a h4 { font-size:18px; } 
	
}








/***************************************************
	DESKTOP LAYOUT BREAKPOINTS
****************************************************/
@media(min-width: 880px) {

	/****** GLOBAL ELEMENT CSS ******/
	body { font-size: 18px; }
	
	div.gray { padding:50px 0 30px 0; }
	
    .large { font-size:35px; }
	.large-thin { font-weight:300; font-size:35px; }
	.large-skinny { font-weight:100; font-size:35px; }
	.med-thin { font-weight:300; font-size:25px; }
	.med-skinny { font-weight:100; font-size:25px; }
	.ckeditor h2 { font-size: 1.8em; }

	
	.mob, .mob2 { display:none; }
	.dsk { display:block !important; }
	.dsk2 { display:inline !important; }

	

	/****** FRONTEND LAYOUT ******/
	#logo { width:489px; height:61px; background-size:100% auto; margin:15px 0 15px 30px; }

	#menuBtn { display: none; }
	#searchBtn { display: none; }

	#header { height:auto; }

	
	#topnav { position:absolute; top:20px; right:20px; display:block; width:auto; height:auto; font-size:14px; }
	#topnav ul { list-style-type:none; padding:0; margin:0; }
	#topnav ul li { display:block; float:left; padding:0 10px; }
	#topnav ul li a { color:#000; text-decoration:none; }
	#topnav ul li a:hover { color:#f7941d; }
	
	#search-icon { padding:0 !important; }
	#search-icon a.bullet { margin:0; padding:9px 10px 0 10px; height:35px; }
	#search-icon a.bullet img { height:15px; filter:brightness(0.5); }
	#search-icon a.bullet:hover img { filter:brightness(100); }

	#search-holder {
		display:block;
		background: #fff;
	    position: fixed;
	    right: 195px;
	    top: 17px;
	    transform: translateY(-200%);
	    transition: transform .3s;
	    width: 300px; height:auto;
	    z-index:1;
		overflow:hidden;
	}
	#search-holder.openme { overflow:hidden; transform: translateY(0); }

	
	#click-to-call { display:block; float:right; width:auto; padding:15px 30px 0 0; }
	#click-to-call a { text-decoration:none; /*color:#860277;*/ }
    #click-to-call a:hover { color:#ff9700; }

	#mainmenu {
		display: block; position:relative; top:0; left:0; z-index:1;
		width:100%; background:#f2f2f2;
		text-align:left;
		margin:0; padding-left:15px;
	}
	#mainmenu ul {
		display: inline-block; margin:0;
	}
	#mainmenu ul li {
		display: block; float:left;
		position: relative;
		border: none;
		margin:0;
	}

	#mainmenu ul li a {
		padding: 15px 15px 12px 15px;
		font-size: 18px;
		color:#000;
		display:block;
	}
	#mainmenu ul li:hover a, #mainmenu ul li:active a, #mainmenu ul li.active a { color:#f7941d; }

	#mainmenu ul li > ul {
		display: none;
		position: absolute; top:43px; left:0;
		margin: 0px;
		padding: 0px;
		min-width: 100px;
		z-index: 999;
		background: #fff;
	}
	#mainmenu ul li:hover > ul { display: block; }

	#mainmenu ul li > ul li {
		margin: 0px;
		float: none;
		position: relative;
		border-left: none;
		border-top: 1px solid #e2e2e2;
		white-space:nowrap;
	}

	#mainmenu ul li:first-child { border-top: none; }
	#mainmenu ul li > ul li a {
		display: block;
		padding: 8px 20px;
		color: #000;
		text-decoration: none;
	}

	#content { padding:155px 0 0 0; }
	
	#breadcrumbs-wrapper1 {
		position:absolute; top:155px; left:0px; z-index:50; width:100%; height:auto; 
		background:transparent;
	}
	
	ul.breadcrumbs { color: #333; max-width:none; padding:5px 10px; }
	ul.breadcrumbs li a { text-decoration: underline; color: #333; }
	
	div.featuredImg img { width:100%; height:500px; display:block; object-fit:cover; opacity:0.5; }

	#content #sidebar {
		float: left;
		width: 25%;
		margin: 0px;
		padding: 0px 0px 0px 30px;
		border-left: 1px solid #ccc;
		border-top: none;
	}
	
	div.sidebar-content { padding:0; }

	#content #main {
		float: left;
		width: 75%;
		margin: 0px;
		padding: 0px 30px 0px 0px;
	}

	#footer { background:url('../images/footer-bg.png') no-repeat 200px 0 #f2f2f2; background-size:cover; padding:50px 30px; }

	div.footer-inner { position:relative; min-height:290px; }
	
	#ftr-left { width:50%; float:left; text-align:left; }
	#ftr-mid { width:50%; float:left; text-align:left; clear:left; margin-top:20px; }
	
	#ftr-mid input[type=text] { width: 49%; }	
	#Newsletter_first_name { float:left; }
	#Newsletter_last_name { float:right; }
	
	#ftr-mid label, label.tinylabel { width:1px; height:1px; overflow:hidden; display:block; }
	#ftr-mid input[type=email] { width: calc(100% - 115px); float:left;}
	#ftr-mid input[type=submit] { float:right; }
	
	#ftr-right { width:50%; float:right; }
	
	
	#footer #social { margin-top:-50px; }

	/** Footer form **/
	div.footer-form { width:50%; float:left; margin:0; }

	div.footer-form div.form .row.halfrow { width:50%; float:left; margin:0 0 15px 0; }
	div.footer-form div.form .row.textarea { width:50%; float:left; }
	div.footer-form div.form .row.recaptcha { margin-left:0; }
	div.footer-form div.form .row.buttons {  }
	
	
    /*** PROMO POP UP FORM ***/
    .wcag-container { width:100%; display:table; }
    .wcag-txt { padding:0 5%; text-align:center; }

    a.wcag-why { outline:1px #fff solid; outline-offset:2px; color:#D4293A; }
    a.wcag-why:hover { color:#ff9900; }
    a.wcag-why:focus { outline:1px #ccc solid; color:#ff9900; }

    #contact-form { max-width:500px; margin:0 auto; }
    #contact-form label { width:25%; text-align:left; }
    #contact-form input[type=text] { width:75%; }
    
    #slide-out-form { max-width:500px; margin:0 auto; }
    #slide-out-form label { width:25%; text-align:left; }
    #slide-out-form input[type=text] { width:75%; }
    
    @keyframes pperr {
    	0% { border:2px #86198b solid; }
    	100% { border:2px #ff9900 solid; }
    }
    
    #contact-form .error input {
        animation-name: pperr;
    	animation-duration: 2s; 
    	animation-fill-mode: forwards;
    }
    #contact-form label.error { color:#86198b; }
    #contact-form .errorMessage { height:0px; overflow:hidden; text-align:left; margin-left:25%; margin:0; }
    
    #slide-out-form .error input {
        animation-name: pperr;
    	animation-duration: 2s; 
    	animation-fill-mode: forwards;
    }
    #slide-out-form label.error { color:#86198b; }
    #slide-out-form .errorMessage { height:0px; overflow:hidden; text-align:left; margin-left:25%; margin:0; }
    
	.ckeditor div.half { width:50%; float:left; }


	/****** HOMEPAGE ******/
	#home-top { width:100%; height:600px; display:block; }
	
	/** Large Banners **/
	div.banner-zone { width:65%; height:600px; display:block; text-align:center; float:left; border-right:10px #fff solid; border-bottom:none; overflow:hidden; }
	div.banner-zone div.slide { position:relative; width:100%; height:600px; overflow:hidden; display:block; }
	div.slide-text { position:absolute; top:0; left:0; padding:3% 10%; z-index:1; text-align:left; color:#fff; }
	div.slide-text h2 { font-size:50px; font-weight:100; margin:0 0 10px 0; }
	.slide img { width:100%; height:600px; object-fit:cover; }
	
	
	/** Small Banners **/
	#callouts { width:35%; height:600px; display:block; float:left; color:#fff; }
	
	div.callout1 { width:100%; height:300px; max-height:none; border-bottom:10px #fff solid; display:block; padding:30px; overflow:hidden; }
	div.callout2 { width:100%; height:300px; max-height:none; display:block; background:#ccc; padding:30px; overflow:hidden; }
	
	div.callout1 h2, div.callout2 h2 { font-size:2.4vw; font-weight:100; }
	
    
    /** NEW STUFF **/
    
    div.ftr-third { width:33.33%; float:left; margin:0; text-align:left; }
    div.ftr-third.last-third { text-align:right !important; }
    div.ftr-social { padding:10px 0 0 0; text-align:left; }

    
    /** Homepage **/
    #statement { padding:80px 0 70px 0; font-size:100px; cursor:pointer; }
    
    div.state-intro { width:405px; float:left; }
    #descriptors { width:calc(100% - 405px); float:left; }
    
    
	
	
	/***** Subpage Callouts *****/
	.half-left { width:calc(50% - 5px); float:left; margin-bottom:0; }
	.half-right { width:calc(50% - 5px); float:right; }

	div.subpage-callout { padding:30px; height:270px; }
	
	div.subpage-callout h2, div.subpage-callout h4 { font-size:2.4vw; font-weight:100; }
	
	
	
	div.home-text { width:calc(100% - 230px); float:left; padding-right:30px; }
	div.home-links { width:230px; float:right; }
    
    
    /** Testimonials List **/
	div.half-testL { width:calc(50% - 5px); float:left; }
	div.half-testR { width:calc(50% - 5px); float:right; }
	
	
	/***** SUBPAGE STYLING *****/
	/********** INTRO TEXT **********/
    
    #intro-wrapper { background:url('../images/shape3-50-orange.png') no-repeat 0 50% #000; background-size:100% auto;
        position:relative; overflow:hidden;
    	animation-name: iw-anim;
    	animation-duration: 2s; 
    	animation-fill-mode: forwards;
    }

	#big-text { font-size:3.5vw; /*padding:150px 0; padding:75px 0;*/ }
	div.service-indv { margin:0 10px 30px 10px; min-height:176px; }
    
    #shape { 
        width:100%; height:100%; background:url('../images/shape3.png') no-repeat 50% 50%; display:flex; 
    	position:absolute; top:0; left:0; opacity:0.5; z-index:1;
        background-size:100% auto;
    }
	
	
	/*** Services / Tiles ***/
	div.service-tile { width:32.5%; max-width:none; }
	
	
	/*** DESIGN ***/
	div.dp-indv { width:31%; margin-left:0.5%; margin-right:0.5%; }
	.extradp { height:416px; }
	.extradp-tab { width:100%; display:table; height:376px; }
	.extradp-cell { width:100%; height:376px; display:table-cell; vertical-align:middle; text-align:center; }
	
	
	/*** TECH SUPPORT ***/
	.tech-container {
	display: inline-block; width: 48%; vertical-align: top; margin: 0px;
	}


	/*** TEAM ***/
	ul.wsd-team li:nth-child(odd) { width:49%; display:inline-block; padding:0 30px 0 0; vertical-align:top; }
	ul.wsd-team li:nth-child(even) { width:49%; display:inline-block; padding:0 0 0 30px; vertical-align:top; }
	
	
	/*** SEO ***/
	ul.seo-exec li:nth-child(odd) { width:50%; display:inline-block; border-right:1px #999 dotted; padding:15px 30px 15px 0; text-align:right; vertical-align:top; }
	ul.seo-exec li:nth-child(even) { width:48%; display:inline-block; padding:15px 0 15px 28px; vertical-align:top; }
	
	
	/*** PAGE HALVES ***/
	ul.pagehalf li:nth-child(odd) { width:50%; display:inline-block; border-right:1px #999 dotted; padding:0 30px 0 0; vertical-align:top; }
	ul.pagehalf li:nth-child(even) { width:48%; display:inline-block; vertical-align:top; padding:0 0 0 30px; }
	
	
	
	/***** CLIENTS *****/
	div.cs-desc { width:50%; float:right; padding:50px 30px; }
	div.cs-desc p { display:block; }
    
    
	/*** Our Clients New ***/
    div.client-bg { padding-top:50px; }

    #client-detail { width:100%; display:block; position:relative; text-align:right; }
    img.mainimg { width:60%; display:inline-block; vertical-align:top; box-shadow:0 0 20px rgba(0,0,0,0.25); }

    div.client-details-holder { width:100%; height:100%; display:flex; align-items:flex-start; position:absolute; top:0; left:0; z-index:100; }

    div.cdh-inner { width:100%; display:block; text-align:left; }
    div.client-name { width:50%; display:block; margin-bottom:50px; }
    div.client-name h1, div.client-name p { max-width:77%; }
    div.client-details { width:50%; padding:50px 40px; margin-bottom:0; }

    h1.super-h1 { font-size:50px; }

    img.mobile-mainimg { display:none; }
	
	
	/***** CASE STUDIES *****/
	ul.case-studies { margin-left:-1.5%; text-align:left; }
	ul.case-studies li { position:relative; display:block; float:left; width:31.5%; max-width:none; min-width:300px; margin:0 0 20px 1.5%; background:url('../images/shape3.png') no-repeat 50% 50% #ff9900; }
	
	ul.case-studies li img { margin:0; }
	
	ul.case-studies li h2 { position:absolute; top:125px; left:0; z-index:100; width:100%; text-align:center; font-size:30px; opacity:0; 
		transition: all 0.3s linear;
	-webkit-transition: all 0.3s linear;
	-moz-transition: all 0.3s linear;
	}
	ul.case-studies li:hover h2 { opacity:1; }
	ul.case-studies li:hover img { opacity:0.25; }
	
	ul.case-studies li h2 a { color:#fff; text-decoration:none; }
	ul.cs2 li { display:inline-block; vertical-align:top; width:32%; /*margin:0 10px 30px 10px;*/ margin:0 auto 30px auto; }
	
	
	/** final cell **/
	li.final { height:423px; }
	div.final-table { display:table; width:100%; }
	div.ft-cell { display:table-cell; width:100%; height:423px; vertical-align:middle; padding:0; }
	
	
	/*** Case Study Details **/
	div.cs-featuredImg { width:100%; display:table; border-bottom:8px #ff9900 solid; background:url('../images/half-split.png') no-repeat 50% 0; }
	div.csf-left { width:50%; display:table-cell; vertical-align:middle; padding:0 5% 0 10%; color:#fff; font-size:36px; background:url('../images/shape2.png') no-repeat 50% 50%; background-size:auto 100%; }
	div.csf-right { width:50%; display:table-cell; vertical-align:middle; /*opacity:0.35;*/ }
	div.csf-right img { width:100%; height:auto; max-height:492px; display:block; opacity:0; }
	
    /*** WCAG ***/
    div.acc-block h2 { font-size:50px; }
    a.big-o { font-size:28px; padding:10px 30px 14px 30px; }
	
	
	/**** NEWS ****/
	#news-cats label { margin-right:10px; display:inline-block; padding-top:9px; overflow:hidden; }
	
	ul.news-list li { width:32.5%; max-width:none; padding:20px; }
	
	/** Blog Signup **/
	li#blog-signup { max-height:350px; background:#000; }
	li#blog-signup img { width:100%; display:block; opacity:0.35; }
	div.blog-cta { position:absolute; top:0; left:0; z-index:10; color:#fff; padding:30px 20px; width:100%; height:auto; display:block; }
	li#blog-signup div.form label { width:25% !important; }
	li#blog-signup div.form input[type=text] { width:74% !important; }
	
	ul.yiiPager li { display:inline !important; }
	nav.pager ul li.next, nav.pager ul li.previous { display:inline !important; }
	nav.pager ul.yiiPager li:last-child, nav.pager ul li.next { border-right:none !important; }
	nav.pager ul.yiiPager li.first, nav.pager ul li.last { display:none !important; }
	
	
	/** Blog Layout Updates 11/2021 **/
	img.post-img { display:none; }
	#first-post { display:table; }
	#fp-row { width:100%; display:table-row; }
	#fp-cell-txt { width:40%; background:url('../images/orange.png') #000; /*background:#ff9900;*/ padding:4%; vertical-align:middle; display:table-cell; color:#fff; }
	.dateline { font-size:14px !important; text-transform:uppercase; font-weight:bold; margin:0; }
	#fp-cell-txt h2 { font-size:3vw; }
	#fp-cell-txt h2 a { color:#fff; text-decoration:none; }
	#fp-cell-txt h2 a:hover { text-decoration:underline; }
	#fp-cell-txt p { font-size:20px; margin:0; }

	#fp-cell-img { width:60%; vertical-align:middle; display:table-cell; }
	#fp-cell-img img { width:100%; display:block; opacity:0; }
	
	#second-third { width:100%; display:flex; align-items:stretch; justify-content:space-between; }
	#second-post { border-right:10px #fff solid; background:url('../images/orange.png') #000; }
	#third-post { border-left:10px #fff solid; background:url('../images/orange.png') #000; }
	
	div.secondary-posts { width:50%; }
	div.sp-img { height:26vw; }
	div.sp-img img { height:26vw; object-fit:cover; }
	
	div.sp-txt { background:url('../images/orange.png') #000; /*background:#f2f2f2; min-height:175px;*/ padding:30px; margin:0; }
	div.sp-txt h3 { font-size:26px; margin:0; }
	
	/*#second-post:hover div.sp-txt { background:#ff9900; }
	#third-post:hover div.sp-txt { background:#ff9900; }*/
	
	#blog-gray-signup { width:100%; display:table; }
	#bgs-intro { display:table-cell; vertical-align:middle; background:url('../images/signup-arrow-bg.png') no-repeat 100% 0 #f2f2f2; background-size:auto 100%; width:50%; text-align:right; padding:15px 50px 15px 15px; }
	#bgs-form { background:#e2e2e2; width:50%; padding:15px 15px 15px 30px; display:table-cell; vertical-align:middle; }
	
	
	ul.news-list li.graybg { width:33%; padding:0 10px; }
	div.more-blog { padding:20px 20px 30px 20px; min-height:200px; }
	
	
	
	
	/*** Blog Detail Pages ***/
	div.bi-overlay { width:100%; position:absolute; bottom:0; left:0; z-index:10; }
	div.bi-overlay .bi-container { padding:20px 40px; }
	div.bi-overlay h1 { font-size:30px; }
	
	/*** CKEditor Image Alignment Classes ***/
	.align-left {
		margin: 0px 20px 20px 0px;
	    float: left;
	}
	.align-right {
		margin: 0px 0px 20px 20px;
	    float: right;
	}
    
    /* Special hobby bunker slider */
    #hobby-slider { padding:0; }
    div.hsimg { background:#f2f2f2; width:40%; float:left; margin:0; }
    div.hsbody { width:60%; float:left; padding-left:5%; }
    #hobby-slider .slick-next { right:-25px; }
    #hobby-slider .slick-prev { left:-25px; }
	

	/****** FORMS ******/
	div.form { max-width: none; }
	
	div.form label {
		float: left;
		padding:10px 0px 0px;
		width: 330px;
	}
	
	div.form input[type=text],
	div.form input[type=number],
	div.form input[type=password] {
		width: 300px;
		height: 30px;
	}
	div.form textarea {
		width: 400px;
		height: 120px;
	}
	div.form select {
		width: 300px;
		height: 30px;
	}
	div.form .row.checkbox,
	div.form .row.radio { margin-left: 0px; }
	.homepage div.form .row.recaptcha { margin-left: 0px; }
	div.form .row.recaptcha { margin-left: 0px;  }
	div.form .row.recaptcha a { font-size: 12px; }
	div.form .row.recaptcha div {}
	div.form .row.recaptcha p { font-size: 12px; }
	div.form .row.buttons { text-align: left; }
	
	div.form .errorMessage { margin-left:150px; }
    
    
    /** Helpdesk slideout form **/
    .sov-overlay { width:100%; height:100%; display:flex; align-items:center; position:absolute; top:0; left:0; z-index:100; padding:20px 40px; }
    h1.slideout-headline { font-size:35px; font-weight:normal; }
    h2.slideout-sub { font-size:30px; font-weight:bold; margin-bottom:10px; }
    h3.slideout-sub { font-size:22px; }
    
    div.background-video-wrapper { position:relative; width:100%; height:500px; overflow:hidden; }
	div.background-video-wrapper video {
		min-height:100vh; width:auto; max-width:none; min-width:100%;
		position:absolute; top:50%; left:50%;
		-ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
	}
    
    div.form#helpdesk-slideout { max-width:520px; }
    div.form#helpdesk-slideout label { width:20%; font-size:18px; }
    div.form#helpdesk-slideout div.row { margin:0 0 10px 0; }
    div.form#helpdesk-slideout input[type=text], div.form#helpdesk-slideout input[type=email], div.form#helpdesk-slideout input[type=phone] { width:80%; }
    div.form#helpdesk-slideout input[type=submit]:hover { background:#000; }

    
    /*** PPC LANDING PAGES ***/
    #plane-background { background:url('../images/ppc/plane-bg.jpg') 50% 0 no-repeat #2dcfe0; background-size:auto; color:#000; width:100%; min-height:600px;  }

    div#plane-content { width:calc(100% - 500px); float:left; padding-top:65px; }
    div#plane-content h2 { font-size:24px; }

    div#plane-form { width:450px; float:right; padding:325px 0 0 0; background:none; margin:0; }
    div.form.ppc-hbmc1 form { margin-top:0; }
    
    div.form.ppc-hbmc1 #formResult { margin-top:-100px; }
    
    @keyframes resultdisplay {
        0% { opacity:0; margin-top:0; width:1px; height:1px; }
        100% { opacity:1; margin-top:0; width:350px; height:350px; }
    }
    
    div.form.ppc-hbmc1 #formResult .fresult { padding: 30% 0; }
   
    /*** PPPC PAGE 2 ***/
    video.rainbowvid1 { position:absolute; top:50%; left:50%; width:100%; height:auto; min-height:auto; transform: translate(-50%, -50%); z-index:1; opacity:0.7; }
    video.rainbowvid2 { position:absolute; top:50%; left:50%; width:100%; height:auto; min-height:auto; transform: translate(-50%, -50%); z-index:1; opacity:0.7; }
    
    #rainbow-intro { width:50%; float:left; padding:120px 0; text-align:right; }
    #rainbow-intro h1 { font-size:56px; }
    #rainbow-intro h3 { font-size:26px; padding-left:100px; }
    
    #rainbow-form { width:50%; text-align:center; float:right; padding:140px 0 0 0; }
    #rainbow-form h2 { font-size:45px; }
    #rainbow-form div.form.ppc-hbmc2 { margin:0 auto; }
    #rainbow-form div.form.ppc-hbmc2 label { width:25%; text-align:right; padding:10px 15px 0 0; }
    #rainbow-form div.form.ppc-hbmc2 input[type=text] { width:75%; }
    #rainbow-form div.form.ppc-hbmc2 .required { color:#fff; }
    #rainbow-form div.form.ppc-hbmc2 div.errorMessage { margin-left:25%; }
    
    #rainbow-approach { padding:100px 15px; }
    #rainbow-approach h2 { font-size:45px; }
    div.circles div { width:17vw; height:17vw; margin:0 0.5%; }
    div.circles div p { font-size:2vw; }
    
    #rainbow-services { padding:100px 15px; }
    #rainbow-services h2 { font-size:45px; }
    div.rs-list ul { font-size:26px; }
    div.rs-list ul li { width:49%; display:inline-block; vertical-align:top; margin:0 0 20px 0; }
    
    #rainbow-clients { padding:100px 15px; }
    #rainbow-clients h2 { font-size:45px; }
    div.rc-list { max-width:1300px; margin:0 auto; display:flex; align-items:flex-start; flex-wrap:wrap; justify-content:center; }
    div.rc-list div { display:inline-flex; 
        background:rgba(255,255,255,0.75);
        text-align:center; /*border-radius:15px;*/ 
        border-radius: 0 15px 0 15px;
        padding:20px 0; color:#000; margin:0 10px 20px 10px; width:23%; font-size:26px;
    }
    
    
    
}  /* @media(min-width: 880px) */


/** Homepage **/
@media (min-width:1000px) { 
    #slideme h1, h1.alsoh1 { font-size:95px; }
    div.boldline { display:inline; }
    #slideme { max-height:130px; overflow:hidden; margin-top:30px; }
    
    #slideme h1 { display:block; text-align:center; background-size:auto 84% !important; }
    
    
    /** NEW STUFF **/
    /** Featured News **/
    .jl-slide { max-width:1010px; filter:brightness(0.5); background:#f2f2f2; border-right:10px #fff solid; }
    .jl-slide.slick-active { filter:brightness(1); }
    .jl-slide.slick-active .bot-bord { border-bottom:10px #ff9800 solid; }
    
    .imgdiv2 { width:50%; float:left; }
    .txtdiv2 { width:50%; float:left; padding:40px; }
    h3.fnewsh3 { font-size:24px; }
    
    #just-launched .slick-prev { display:none !important; }
    #just-launched .slick-next { width:70px; height:100%; background:url('../images/fnews-arrow.png') no-repeat 50% 50%; right:unset; left:970px; }
    
    #descriptors div.dimgh { text-align:left; padding-top:9px; }
    #descriptors div.dimgh img { height:90px; width:auto; }
}


/*** News Share Breakpoint ***/
@media (min-width:1115px) {
	#vert-blog-share { display:block; position:fixed; top:40vh; left:20px; width:40px; height:auto; text-align:center; }
	#vert-blog-share a { width:40px; height:40px; border-radius:50%; display:block; text-align:center; transition:0.3s all linear; margin:0 0 5px 0; overflow:hidden; text-indent:-3000px; }
	/*#vert-blog-share a img { filter:brightness(999%) grayscale(1); transition:0.3s all linear; }*/
	#vert-blog-share a:hover { border:1px #ff9900 solid;  }
	/*#vert-blog-share a:hover img { filter:brightness(100%) grayscale(0); }*/
    
    a.share-tw { background:url('../images/social/twitter-x-white.svg') no-repeat 50% 50% #ff9900; background-size:auto 15px; }
    a.share-tw:hover { background:url('../images/social/twitter-x-orange.svg') no-repeat 50% 50% #fff; background-size:auto 15px; }
    a.share-em { background:url('../images/social/envelope-white.svg') no-repeat 50% 50% #ff9900; background-size:auto 14px; }
    a.share-em:hover { background:url('../images/social/envelope-orange.svg') no-repeat 50% 50% #fff; background-size:auto 14px; }
}


/*** For PPC PAGE 2 ***/
@media (min-width:1330px) {
    div.circles div { width:235px; height:235px; }
    div.circles div p { font-size:26px; padding:0 15px; }
}


/*** Large Monitor Breakpoint ***/
@media (min-width:1800px) {

	div.subpage-callout h2, div.subpage-callout h4 { font-size:42px; }
	div.callout1 h2, div.callout2 h2 { font-size:42px; }

}
/*** END Large Monitor Breakpoint ***/


@media (min-width:1200px) {
	#footer { background: url('../images/footer-bg.png') no-repeat 200px 0 #f2f2f2; background-size: 100% auto; }
	
	#ftr-left { width:40%; float:none; position:absolute; top:0; left:33%; }
	#ftr-mid { width:33%; float:none; position:absolute; top:0; left:0; padding:0 8% 0 0; text-align:left; clear:none; margin-top:0; }
	#ftr-right { width:25%; float:none; position:absolute; top:0; right:0; text-align:right; }
	
	/** Blog Layout Updates 11/2021 **/
	#fp-cell-txt h2 { font-size:36px; }
	div.sp-img { height:365px; }
	div.sp-img img { height:365px; }
    
    div.footer-inner2 { display:flex; align-items:center; justify-content:space-between; }
    
    div.footer-inner2 div.ftr-half:first-child { width:900px; margin:0; text-align:left; }
    div.footer-inner2 div.ftr-half:last-child { width:calc(100% - 900px); margin:0; text-align:right !important; }
    
    div.instagram-holder { width:90%; max-width:600px; display:inline-block; vertical-align:top; }
    div.ftr-cat-links { display:inline-block; vertical-align:middle; padding-left:20px; text-align:left; width:auto; margin-top:0; }

}



/*** Skip to Content invisible link for accessibility ***/
#skip a
{
position:absolute;
left:-10000px;
top:auto;
width:1px;
height:1px;
overflow:hidden;
}
/* uncommenting will make the link visible when focused
#skip a:focus
{
position:static;
float:left;
width:auto;
height:auto;
}
*/