@import url(https://fonts.googleapis.com/css2?family=Roboto:wght@300&display=swap);


*, *:before, *:after {
  -webkit-box-sizing: border-box; 
  -moz-box-sizing: border-box; 
  box-sizing: border-box;
}


.mob,
.no-desktop {display:none;}
.no-mobile {display:block;}
h1 {font-size:2rem;}
h2 {font-size:1.7rem;}

h3 {font-size:1.7rem;}
h4 {font-size:1.4rem;}
h5,h6 {font-size:1.2rem;}
.h6_2 {font-size:1.6rem;}
p,li {font-size:1.1rem;}

.style_h1 {font-size:2.4rem;}
.style_p {font-size:2rem;}

p + h3,
p + h4 {margin-top:2rem;}

#content #col_right p {font: 18px/1.3em 'Roboto', Helvetica, Arial, sans-serif; color: #2c2c2c; font-weight: 400;margin:0.5em 0 1.5em;}

.style_p em {color:#E51935;}

.c67 td {font: 15px/1.3em 'Open Sans', Helvetica, Arial, sans-serif; color: #2c2c2c; font-weight: 400;padding:5px;vertical-align:top;}
.tc__section td {padding-toP:50px;}
.table__tc td {vertical-align:top;}
.c67 td strong {font-size:17px;}




/* header */
#content {margin-top:121px;}

#body {padding-top:20px;}

#header {height:121px;position:fixed;width:100%;z-index:999;top:0;border:none;border-bottom:1px solid #eaeaea;box-shadow:none;-webkit-transition:height 0.2s ease-in;transition:height 0.2s ease-in;}
#header.fix {height:91px;}

#logo {;background:url('/images/logo2017.png?2017') 10px 50% no-repeat;background-size:auto 90px;height:120px;width:100%;position:absolute;top:0;left:0;transition:height 0.2s ease-in,background-size 0.2s ease-in;width:232px;}
.fix #logo {height:90px;background-size:auto 70px;}



div#catchphrase {display:block;font-size:44px;line-height:70px;text-align:right;position:absolute;right:0;top:20px;}

#blue {border:none;}

/* navigation */

#nav {display:block;font-family:'Roboto',Helvetica,Arial,sans-serif;position:relative;height:120px;
position:relative;top:auto;left:auto;right:auto;padding:0;border:0;background:none}
.fix #nav {height:90px;}
.menu {text-align:right;position:absolute;top:75px;right:0;}
.menu__main {-webkit-transition:top 0.2s ease-in;transition:top 0.2s ease-in;left:50px;


display: -webkit-flex; /* Safari */
    -webkit-justify-content: space-between; /* Safari 6.1+ */
    display: flex;
    justify-content: space-between;
}
.fix .menu__main {top:45px;}



.menu__quicklinks {top:10px;}

.menu__quicklinks .n1 {padding-top:0;}

	.n1 {/*border-radius:3px;*/
	border:none;
	display:inline-block;
	font-size:0.9rem;
	font-weight:400;	
	/*float:left;*/
	line-height:26px;
	border-bottom:0;margin:00;
	
	position:relative;
}
	.menu__main .n1 {font-size:0.9rem;}
/*
	.pg1 {position:absolute;left:0;top:0;;background:url('/images/logo.png') 10px 50% no-repeat;background-size:auto 74px;height:90px;width:200px;padding:0;text-indent:-999px;overflow:hidden;text-align:left;}
	.pg1 a {display:block;width:100%;height:100%;}
*/
	.pgX a {color:#e51935/*background:#39BDED;color:#fff;padding:0 10px;margin-left:20px;*/}


.pg34 {display:none;background:#D71A21;color:#fff;}
.pg34:hover  {background:#914CC0;color:#fff;}
.pg34:hover a {color:#fff;}



	.pgH {;background:url('/images/icon_home.png') left top no-repeat;background-size:auto auto;height:18px;width:20px;padding:0;text-indent:-999px;overflow:hidden;text-align:left;float:left}
	.pgE {;background:url('/images/icon_email.png') left 5px no-repeat;background-size:auto auto;height:18px;width:20px;padding:0;text-indent:-999px;overflow:hidden;text-align:left;}
	.pgE:hover,
	.pgH:hover {background-position:left bottom;}
	.pgH a {display:block;width:100%;height:100%;}

	.n1-link {	
	padding:6px 2px!important;
	}

		
			.submenu {
				position:absolute;
				padding:10px 15px;
				margin:0 0 0;
				display:block;
				border:none;
				width:300px;
				z-index:99999;
				top:29px;
				left:-10px;
				background:#e51935;
				/*border-radius:5px;*/
			}
.hassub .submenu,
	.submenu {display:block;transition:all 0.15s ease-in;-webkit-transition:all 0.15s ease-in;opacity:0;transform:scale(0);-webkit-transform:scale(0);}
	.n1:hover .submenu{opacity:1;transform:scale(1);-webkit-transform:scale(1);}

			
				.n2 {
					display:block;
					height: auto;
					font-size:1rem;
					font-weight:300;
					margin: 0 8px 0 0;
					padding:0 0 0 0;
					line-height:1.3;
					width:100%;
					/* background-position:0 50%;
					background-repeat:no-repeat;
					transition:background-position 0.15s ease-in,opacity 0.15s ease-in;
					background-image:url('/images/nav/why.png') */
				}
				.n2:hover {
					background-position:2px 50%;	
					opacity:0.8;
				}
				
	.hassub .n1-link::after  {content:"";display:none}
	.subopen .n1-link::after  {content:"";display:none}
 	.hassub .submenu,
	.subopen .submenu {display:block;}

					.n2-link {
						padding:5px 0px;
						display:block;
						text-align:left;
						color:#fff;
					}
					.n2-link:hover {color:#eee;}
					


.header-phone {position:absolute;top:15px;right:0;-webkit-transition:top 0.2s ease-in;transition:top 0.2s ease-in;color:#000;font-weight:300;font-size:1.3rem}
.header-phone b {font-size:1.2em;font-weight:400;}
.fix .header-phone {top:4px;}

.header-contact {position:absolute;top:19px;right:275px;-webkit-transition:top 0.2s ease-in;transition:top 0.2s ease-in;color:#E51837 ;font-weight:400;font-size:1.3rem}
.header-contact b {font-size:1.2em;font-weight:400;}
.fix .header-contact {top:4px;}

.heading {font-size:2.8rem;font-weight:300;margin:20px 0 18px;line-height:1}
.byline {font-size:2rem;font-weight:300;margin:18px 0;line-height:1}

#pink {position:relative;bottom:auto;z-index:1;width:auto;}
#pink .byline {display:block;}
.contact-button {border-radius:99px;border-width:3px;border-style:solid;padding:12px;transition:border-radius 0.3s ease-in;}
.contact-button:hover {border-radius:0;}


/* home blocks */

.bannersX {height:555px;}
.slide {height:100%;}
.pc100 {height:100%;}


.homeblock {height:50%;overflow:hidden;background-size:cover;font-size:1.2rem;}

.homeoverlay {position:relative;} 
.homeoverlay p {padding:14px;font-size:1rem;}
.homeoverlay b {font-size:1.2rem;font-weight:400}

/* create build promote support */
.cbps {}
.cbps li {font-size:1.8rem;padding:30px 0}
.cbpsicon {background-size:600px 150px;height:150px;width:150px;;}
	.cbps1 .cbpsicon {background-position:8px 0;}
	.cbps2 .cbpsicon {background-position:-150px 0;}
	.cbps3 .cbpsicon {background-position:-300px 0;}
	.cbps4 .cbpsicon {background-position:-450px 0;}

/* home boxes */
.homeboxes .grid,
.homeboxes .inner {
 	display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;	
}




/* input */

.field {position:relative;margin:0 0 10px 0;}
.field .label {position:absolute;left:15px;top:9px;z-index:99;-webkit-transition:all 0.1s ease-in;transition:all 0.1s ease-in;font-size:1rem;font-weight:400}
.field__active .label {top:0;;left:7px;font-size:9px;color:#555;border-bottom:1px solid #ddd;padding:0 3px;}
.field__active .input-text {border:1px solid #E51837;border-radius:5px;}
.labelly {margin:0;padding-top:25px;}
.input-text {/*max-width:300px;*/;font-size:0.9rem;/*color:#000;*/}


/* left & right columns */

/*
#col_main {float:none;width:100%;padding-top:0px;}

	#col_left {width:654px;float:left;}
	div#col_right {width:286px;float:right;display:block;}
		#col_right .inner {padding:10px 0;}
		*/
		
		#col_right img {width:100%;height:auto;}
		
		#portfolio_text #col_right{float:none;width:auto;}





/* full bleed */
.fullbleed {

max-height:50vh;overflow:hidden;
}
.fullbleed-image {;width:100%;margin:0}
.fullbleed-figure {font-size:2rem;padding:25px 40px 0;background:rgba(255,255,255,255.8);color:#fff;position:absolute;bottom:0;right:0;margin:0 20vw;left:0;color:#e51937;text-align:center;display:block;}





.c6 #col_left {width:100%;float:none;}
.c6 #col_right {display:none;}



/* fieldset */

.reason_label,
label#callback {display:block;}
	.reason_checkbox,
	#callback input {width:auto;height:auto;margin-right:10px;padding:0;}
	
div.alignleft {width:47%;float:left;padding:10px 10px 10px 0;}
div.alignright {width:47%;float:right;padding:10px 10px 10px 0;;}
div.alignfull {width:100%;padding:10px 10px 10px 0;;}
div.clearboth {clear:both;}
div.button.right {width:100%;text-align:right;padding-right:10px;}
div#callback_request {padding:0 10px 0 0;}
div#callback_time {padding:0 10px 10px 0;display:none;}


/* homepage */
#home_content {padding:20px;}
#home_content .inner-intro {padding:20px;}

/*
div#our_portfolio {clear:both;width:40%;max-width:380px;float:right;;height:290px;margin:0 0 10px 0;padding:0;list-style:none;}

	#list_portfolio div.item {width:25%;}
	#list_portfolio .two1 {clear:none;}
	#list_portfolio .five1 {clear:left;}

*/
#portfolio_text {padding-top:30px;text-align:left;}
	#portfolio_text h1 {/*border-bottom:1px solid #7f7f7f;border-top:1px solid #7f7f7f;*/font-size:1.6rem;color:#111;padding:0 0 10px 0;}
#portfolio_image {;padding-top:30px;text-align:left;}
	#portfolio_image img {width:100%;}

.g12 .kc_title {margin-top:0}

.kc_intro {padding:0}
.c1 .kc_intro {padding:0 10px}

.col2s {
-webkit-column-count: 2;
    -moz-column-count: 2;
         column-count: 2;-webkit-column-gap: 20px;
     -moz-column-gap: 20px;
          column-gap: 20px;
 }

.col2s li,
.col2s p {margin-top:0;font-size:0.9rem;font-weight:300;color:#fff;margin-bottom:1em}
.col2s a {color:inherit;}

/* map */
#map {height:314px;background:url('/images/replacement-map.jpg?1');}
#map_contact {width:610px;height:290px;;position:absolute;left:10px;top:10px;background:rgb(255,255,255);background:rgba(255,255,255,0.8);padding:0;z-index:2;}
#map a.link {z-index:1;display:block;width:100%;height:100%;overflow:hidden;text-indent:-999px;}

.directions-form,
.contact-form  {width:50%;float:left;}

/* subfooter */

#subfooter {line-height:3em;}
#subfooter .inner {width:100%;max-width:960px;margin:0 auto;padding:0;}
#f_strip {border-left:20px solid white;}




div.wwd {float:left;width:50%;padding:10px 0;}
.wwd p {padding-bottom:10px;margin-right:30px;margin-bottom:1em;}
#content .wwd li {margin:14px 16px;}

.wwd h3 {padding:10px 0 0 40px;background-repeat:no-repeat;background-position:0 50%;margin:0 25px 1em 0;line-height:1.2;transition:all 0.1s ease-in;border:0;border-top:1px dotted #ccc;}
					#wwd_63 h3 {background-image:url('/images/wwd/digital-strategy-consulting.gif'); }
					#wwd_14 h3 {background-image:url('/images/wwd/website-design.gif'); }
					#wwd_48 h3 {background-image:url('/images/wwd/e-commerce.gif'); }
					#wwd_52 h3 {background-image:url('/images/wwd/internet-marketing.gif'); }
					#wwd_51 h3 {background-image:url('/images/wwd/other-services.gif'); }
					#wwd_56 h3 {background-image:url('/images/wwd/hosting.gif'); }
					#wwd_68 h3 {background-image:url('/images/wwd/responsive-website-design.gif'); }

.wwd:nth-child(2n-1) {clear:left;}



div.wwe {float:left;width:33%;padding:10px 0;}
.wwe li {;color:#000;list-style:none;margin:0 15px 0 0;padding:0;line-height:1.6;font-size:1.6em}
.wwe h3 {padding-bottom:10px;margin-right:15px;margin-bottom:1em;font-sixze:1.6em;color:#000}
.wwe:nth-child(3n-1) {clear:left;}


.section {clear:both;border-top:1px solid #fff;padding:25px 0;}

/*
#col_left li {list-style:disc;margin:0 10px;}
*/
	#content #involvement li {font-size:12px;width:33%;padding:0px 0 11px 0px;;float:left;text-align:center;;background-repeat:no-repeat;background-position:50% 0}
	#content #involvement li a {padding-top:60px;display:block;}
		#inv01 {background-image:url('/images/1.png');}
		#inv02 {background-image:url('/images/2.png');}
		#inv03 {background-image:url('/images/3.png');}
		#inv04 {background-image:url('/images/4.png');}
		#inv05 {background-image:url('/images/5.png');}
		#inv06 {background-image:url('/images/6.png');}
		#inv07 {background-image:url('/images/7.png');}
		#inv08 {background-image:url('/images/8.png');}
		#inv09 {background-image:url('/images/9.png');}
		#inv10 {background-image:url('/images/10.png');}
#involvement li:nth-child(3n+1) {
    clear: left;
}




.pics {
	background:#F5F5F5;
    height: 183px;
    margin:0;
    overflow: hidden;
    padding: 00px 0;
    width: 286px;
	text-align:center;
}
.pics img {}

/*
ul#team li {min-height:300px;}
#team img {position:absolute;bottom:0;}
#team li.team_left img {left:0;text-align:left;}
#team li blockquote p {font-size:1.4rem;line-height:1.2;}

#team li.team_left blockquote ,
#team li.team_left h3,
#team li.team_left h4 {margin-left:300px;margin-right:20px;}
#team li.team_right blockquote ,
#team li.team_right h3,
#team li.team_right h4 {margin-right:300px;margin-left:20px;}
#team li.team_right img {right:0;text-align:right;}
*/



.bz_overlay {position:absolute;left:0;top:calc(100% - 60px);height:100%;width:100%;transition:all 0.2s ease-in;line-height:1.1}
	.bz_overlay__t {top:100%;text-align:center;}
.bz_title {font-size:1.2rem;height:55px;padding:10px 15px}
	.bz_title__t {font-size:1.6rem;height:auto;padding:40px 15px 10px}
.bz_intro {font-size:1.1rem;padding:0 5px;margin:0}



.packages {text-align:center;}

.package {cursor:pointer;margin:8px;background:#eee;-webkit-transition:all 0.1s ease-in;transition:all 0.1s ease-in;}
.package-title {text-transform:uppercase;color:#fff;font-weight:300;font-size:1.1rem;padding:10px;}
.package p {font-size:0.9rem;}
p.package-price {font-size:0.75rem;line-height:1;margin:10px 0}

.package-price span {font-size:1.8rem;}

.package:hover {background:#fff;box-shadow:0 0 5px;transform:scale(1.2);z-index:999}




#team li {width:16.6%;height:175px;margin:0 0 20px 0;background-size:auto auto;}



ul#news-archive li {padding:0;margin:0;font-size:1.4em;}
ul#news-archive li.heading {font-weight:bold;margin-top:5px;}

ul#news-archive li a {margin-left:9px;}


#randomlogos {display:block;
	background:url('/images/randomlogos21.jpg') 50% 50% no-repeat;
	height:60px;
	width:100%;margin:0 auto;
}

#randomlogos li {margin:0;padding:0;text-indent:-99px;font-size:1px;overflow:hidden;height:55px;width:10%;float:left;}
#randomlogos li.n {text-indent:0;width:8%}
#randomlogos a {display:block;height:100%;width:100%;}	
	
	
	
	
.banner-overlay {position:absolute;left:0;top:0; right:0; padding:150px 0;font-size:2.4rem; font-weight:600;line-height:1.1; max-width:1600px;margin:0 auto;font-family:'Roboto',Helvetica,Arial,sans-serif;XXborder:1px solid red;}
	
	
	.pos_left {margin-right:58%;text-align:right;width:35%;}
	.pos_right {margin-left:58%;text-align:left;width:35%;}
	
.rslides_nav {top:250px;}
	
	
	
/* grid - grid items should try to add up to 12. ie g03 + g04 + g05; g06 + g06; g04 + g04 + g04; etc. */
.grid {float:left;}
.grid_right {float:right;}
	.g01 {width:8.33%;}
	.g02 {width:16.6%;}
	.g03 {width:25%;}
	.g04 {width:33.3%;}
	.g05 {width:41.67%;}
	.g06 {width:50%;}
		.g06x {width:49%;}
	.g07 {width:58.3%;}
	.g08 {width:66.6%;}
	.g09 {width:75%;}
	.g10 {width:83.3%;}
	.g11 {width:91.67%;}
	.g12 {width:100%;}	
.padded {padding:10px;}	
.pull_left {padding-right:10px;}	
.margin_right {margin-right:10px;}	
.margin_left {margin-left:10px;}	
.padding_right {padding-right:25px;}	
.padding_left {padding-left:25px;}	
.padding_bottom {padding-bottom:25px;}	
.padding_tb {padding:20px 0;}	
	.clear_right {clear:right;}
	.clear_left {clear:left;}
	.go_right {text-align:right;}


/* flex */
.flex_row {
	display: -webkit-flex; /* Safari */
    display: flex;
	clear:both;
}
.flex_item {
	-webkit-flex:1;
	flex:1;	
}
.flex__gap {margin:12px;}
	
	.iv {display:block;}
	



	
@media all and (min-width: 1129px) and (min-width: 520px) {
	.menu__main .n1 {font-size:0.95rem;}
}	

@media all and (min-width: 1264px)  {


	.homeoverlay p {padding:20px;font-size:1.3rem;}
	.homeoverlay b {font-size:1.6rem;font-weight:400}
	.homeboxes {background-position:50.1vw 0;background-size:51% auto}
	
}	

@media all and (min-width: 1364px)  {
	
	.banner-overlay { padding:222px 0;font-size:3rem;  }



}