@font-face{
	font-family:'Lato';
	src:url('fonts/lato-reg-webfont.eot');
	src:url('fonts/lato-reg-webfont.eot?#iefix') format('embedded-opentype'),
		url('fonts/lato-reg-webfont.woff') format('woff'),
		url('fonts/lato-reg-webfont.ttf') format('truetype'),
		url('fonts/lato-reg-webfont.svg#latoregular') format('svg');
	font-weight:normal;
	font-style:normal;
}
@font-face{
	font-family:'Lato';
	src:url('fonts/lato-bol-webfont.eot');
	src:url('fonts/lato-bol-webfont.eot?#iefix') format('embedded-opentype'),
		url('fonts/lato-bol-webfont.woff') format('woff'),
		url('fonts/lato-bol-webfont.ttf') format('truetype'),
		url('fonts/lato-bol-webfont.svg#latoregular') format('svg');
	font-weight:bold;
	font-style:normal;
}
@font-face {
	font-family:'Lato';
	src:url('fonts/lato-regita-webfont.eot');
	src:url('fonts/lato-regita-webfont.eot?#iefix') format('embedded-opentype'),
		url('fonts/lato-regita-webfont.woff') format('woff'),
		url('fonts/lato-regita-webfont.ttf') format('truetype'),
		url('fonts/lato-regita-webfont.svg#latoitalic') format('svg');
	font-weight:normal;
	font-style:italic;
}

@font-face {
    font-family: 'latolight';
    src: url('fonts/lato-lig-webfont.eot');
    src: url('fonts/lato-lig-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/lato-lig-webfont.woff') format('woff'),
         url('fonts/lato-lig-webfont.ttf') format('truetype'),
         url('fonts/lato-lig-webfont.svg#latolight') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face{
	font-family:'Rokkitt';
	src:url('fonts/rokkitt-webfont.eot');
	src:url('fonts/rokkitt-webfont.eot?#iefix') format('embedded-opentype'),
		url('fonts/rokkitt-webfont.woff') format('woff'),
		url('fonts/rokkitt-webfont.ttf') format('truetype'),
		url('fonts/rokkitt-webfont.svg#rokkittregular') format('svg');
	font-weight:normal;
	font-style:normal;
}
@font-face{
	font-family:"Rokkitt";
	src:url('fonts/rokkitt-bold-webfont.eot');
	src:url('fonts/rokkitt-bold-webfont.eot?#iefix') format("embedded-opentype"),
	url('fonts/rokkitt-bold-webfont.woff') format("woff"),
	url('fonts/rokkitt-bold-webfont.ttf') format("truetype");
	font-weight:bold;
	font-style:normal
}
	
@font-face{
	font-family:"Symbolset";
	src:url(fonts/ss-standard-webfont.eot);
	src:url(fonts/ss-standard-webfont.eot?#iefix) format("embedded-opentype"),
	url(fonts/ss-standard-webfont.woff) format("woff"),
	url(fonts/ss-standard-webfont.ttf) format("truetype");
	font-weight:normal;font-style:normal
}
	
header,footer,article,section,hgroup,nav,figure,aside,main{display:block;}
figure{
	margin:0;
	padding:0;
}
input[type="image"]{
	padding:0;
	border:none;
}
input[type=text],
input[type=password],
input[type=file],
input[type=submit],
input[type=tel],
input[type=email],
textarea{
	-webkit-appearance:none;
	border-radius:0;
}
body{
	margin:0;
	color:#4d4d4f;
	font:14px/19px Latolight, Arial, Helvetica, sans-serif;
	background:#fff;
	-webkit-text-size-adjust:100%;
	-ms-text-size-adjust:none;
	min-width:320px;
}
img{border-style:none;}

a{text-decoration:none;color:#000;}
a:hover{text-decoration:underline;}

input,
textarea,
select{
	font:100% Arial, Helvetica, sans-serif;
	vertical-align:middle;
	color:#000;
}
form,fieldset{
	margin:0;
	padding:0;
	border-style:none;
}

input[type=email], input[type=number], input[type=password], input[type=tel], input[type=text], textarea, .editable, .select {
	-webkit-border-radius: 2px 2px 2px 2px;
	-khtml-border-radius: 2px 2px 2px 2px;
	-moz-border-radius: 2px 2px 2px 2px;
	-o-border-radius: 2px 2px 2px 2px;
	border-radius: 2px 2px 2px 2px;
	background-color: #F4F4F4;
	border: 1px solid #B1B3B6;
}
ul{
	list-style:none;
	margin:0;
	padding:0;
}

.fact {
    list-style: initial;
    margin: 0 25px;
}

strong {
    font-family: Lato, Arial, Helvetica, san-serif;
}

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

a.more::after {content: " »";}

#wrapper{
	margin:0 auto;
	width: 100%;
}
#header{
	padding:22px 0 25px;
	font:12px/15px Lato, Arial, Helvetica, sans-serif;
	position:relative;
	z-index:2;
	font-weight: bold;
	background-color: #e0e0e0;
}
#header *, #footer *{
	-webkit-box-sizing: content-box;
	-moz-box-sizing: content-box;
	box-sizing: content-box;
}
.header-holder,
.breadcrumbs-holder,
.promo-holder,
.main-content-holder,
.partners-holder,
.footer-holder{
	max-width:1135px;
	margin:0 auto;
	padding:0 20px;
}
.content-extended-holder{
	max-width:1600px;
	margin:0 auto;
	padding:0;
}



.header-holder:after{
	content:"";
	display:block;
	clear:both;
}
#header .logo{float:left; width:204px; height:52px; overflow:hidden;}
#header .logo a{display:block;}
.header-holder .btn-holder{
	float:right;
	margin:6px 0 0 24px;
}
.header-holder .btn-holder a{
	float:left;
	text-transform:uppercase;
	text-align:center;
	color:#3672ba;
	border:1px solid #b1b3b6;
	border-radius:18px;
	padding:10px 15px 9px;
	margin:0 0 0 12px;
	background: #fff;
	/*merging w/ landing page*/
	height: auto; font-weight: bold; font-size: 12px; line-height: 15px;
}
.header-holder .btn-holder a:first-child{
	margin:0;
	color:#fff;
	background:#ff9344;
	border: none;
	border:1px solid #ff9344;
}
.header-holder .btn-holder a:hover, .header-holder .btn-holder a.btn5:hover {
	text-decoration: none solid rgb(255, 255, 255);
	color:#fff;
	background:#4d4d4f;
	border-color:#4d4d4f;
}
.header-holder .btn-holder a.btn5{
	color:#fff;
	border:1px solid #1a75bc;
	background: #1a75bc;
}


.main-content a.btn3, 
.main-content a.btn4{
	display: inline-block;
	text-transform:uppercase;
	text-align:center;
	border:1px solid #b1b3b6;
	border-radius:18px;
	padding:10px 20px 9px 20px;
	height: auto; font-weight: bold; font-size: 18px; line-height: 120%;

	margin:0;
	color:#fff;
	background:#ff9344;
	border: none;
	border:1px solid #ff9344;
}

.main-content a.btn4{min-width: 190px; height: 46px; line-height: 40px; font-size: 16px; border: 3px solid #FFF; border-radius: 31px; padding: 0 50px; box-sizing: border-box;}

.main-content a.btn3:hover,
.main-content a.btn4:hover {
	text-decoration: none solid rgb(255, 255, 255);
	color:#fff;
	background:#4d4d4f;
	border-color:#4d4d4f;
}
.main-content a.btn4:hover{border-color:#fff;}

#nav{
	float:right;
	margin:20px 0 0;
}
#nav>ul{text-transform:uppercase;}
#nav>ul:after{
	content:"";
	display:block;
	clear:both;
}
#nav>ul>li{
	float:left;
	position:relative;
	margin:0 0 0 24px;
}
#nav>ul>li:first-child{margin:0;}
#nav>ul>li>a{
	color:#196bac;
	position:relative;
	padding:1px 0 0;
}

#nav ul>li.current-menu-item>a, 
#nav ul>li.current_page_item>a, 
#nav ul>li.current_page_ancestor>a, 
#nav ul>li.current_menu_parent>a, 
#nav>ul>li>a:hover{
	text-decoration:none;
	color:#ff9344;
}
.has-drop-down>a:after{
	content:"";
	position:absolute;
	top:50%;
	right:0;
	width:0px;
	height:0px;
	border-style:solid;
	border-width:8px 5px 0 5px;
	border-color:#ff9244 transparent transparent transparent;
	margin:-3px 0 0;
}
#nav .has-drop-down>a{padding:1px 16px 0 0;}
#nav .drop-holder{
	position:absolute;
	/*top:16px; padding:32px 0 0;*/
	left:0;
	display:none;
}
#nav .menu-item-6588 .drop-holder{
	width: 230px
}
#nav .drop-holder ul{
	background:#515151;
	position:relative;
	box-shadow: 0px 2px 5px 0px rgb( 38, 36, 37 );
	text-transform:capitalize;
	font:17px/20px Lato, Arial, Helvetica, sans-serif;
}
#nav .drop-holder ul:after{
	content:"";
	position:absolute;
	top:-11px;
	left:20px;
	border-style:solid;
	border-width:0 12px 12px;
	border-color:transparent transparent #515151 transparent;
}
#nav>ul>li.hover .drop-holder{display:block; padding-top: 41px;} 
#nav .drop-holder a{
	color: #f0f2f4; /*color:#e6e6e6;*/
	display:block;
	min-width:140px;
	padding:16px 24px 14px;
	position:relative;
}
#nav .drop-holder a:after{
	content:"";
	position:absolute;
	top:0;
	left:24px;
	right:24px;
	border-top:1px solid #f0f2f4;
}
#nav .drop-holder li:first-child a:after{border:0;}
#nav .drop-holder a:hover{
	text-decoration:none;
	color:#ff9344;
}

.logged-out li.logged-in{display: none;}
main{padding:0 0 33px;} /* .signup-now2 has -33px bottom margin which offsets this*/
main .breadcrumbs{
	background-image: -moz-linear-gradient( 90deg, rgb(248,134,38) 0%, rgb(255,147,56) 100%);
	background-image: -webkit-linear-gradient( 90deg, rgb(248,134,38) 0%, rgb(255,147,56) 100%);
	background-image: -ms-linear-gradient( 90deg, rgb(248,134,38) 0%, rgb(255,147,56) 100%);
	background-color: #F88626;/*backup*/
	padding:6px 0 7px;
	margin:0 0 1px;
}
main .breadcrumbs ul{
	overflow:hidden;
	color:#fff;
	font:12px/16px Lato, Arial, Helvetica, sans-serif;
}
main .breadcrumbs li{
	float:left;
	position:relative;
	padding:0 0 0 12px;
	margin:0 0 0 6px;
}
main .breadcrumbs li:first-child{
	margin:0;
	padding:0;
}
main .breadcrumbs li:first-child:after{content:"";}
main .breadcrumbs li:after{
	content:"»";
	position:absolute;
	top:0;
	left:0;
}
main .breadcrumbs a{color:#fff;}


/***top promo (blue background)***/
.promo{
	background: rgb(27,117,188);
    background: -moz-linear-gradient(45deg, rgba(27,117,188,1) 0%, rgba(96,159,209,1) 75%, rgba(27,117,188,1) 100%);
    background: -webkit-gradient(linear, left bottom, right top, color-stop(0%,rgba(27,117,188,1)), color-stop(75%,rgba(96,159,209,1)), color-stop(100%,rgba(27,117,188,1)));
    background: -webkit-linear-gradient(45deg, rgba(27,117,188,1) 0%,rgba(96,159,209,1) 75%,rgba(27,117,188,1) 100%);
    background: -o-linear-gradient(45deg, rgba(27,117,188,1) 0%,rgba(96,159,209,1) 75%,rgba(27,117,188,1) 100%);
    background: -ms-linear-gradient(45deg, rgba(27,117,188,1) 0%,rgba(96,159,209,1) 75%,rgba(27,117,188,1) 100%);
    background: linear-gradient(45deg, rgba(27,117,188,1) 0%,rgba(96,159,209,1) 75%,rgba(27,117,188,1) 100%);
                filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1b75bc', endColorstr='#1b75bc',GradientType=1 );
	padding: 54px 0;
	color: #fff;
	/*no way to extend shape in psd*/
}
.promo-holder{overflow:hidden;}
.promo-holder .text-holder{
	float:left;
	width:100%;
}
.promo-holder .text-holder .holder{
	padding: 0;
	font-size:20px;
	line-height:24px;
	margin:0 400px 0 0;
}
.promo-holder aside{
	float:right;
	padding:0 20px;
	width:260px;
	text-align:center;
	margin:0 0 0 -100%;
}
.promo-holder h1{
	color:#fff;
	font: 24px/24px latolight, Arial, Helvetica, sans-serif;
	margin:0 0 10px 0;
	font-weight: normal;
	text-transform: uppercase;
}

.promo-holder h1 mark{
	color:#fff;
	background:none;
	font-family: lato, Arial, Helvetica, sans-serif;
}
.promo-holder h2{
	padding: 0 0 20px 0; /*0 0 12px 0;*/
	font-family: Rokkitt, Arial, Helvetica, sans-serif; font-weight: normal; color:#F89F19; font-size: 48px; line-height: .8em; text-transform:none; font-weight: bold;
	white-space: nowrap; 
}


.promo-holder .intro{font-family:Lato, Arial, Helvetica, sans-serif; font-weight: bold;}
.promo-holder p{margin:0; padding: 0 0 15px 0;}
.promo-holder aside.sign-up .badge{
	position:relative;
	border-radius:6px;
	display:inline-block;
	vertical-align:top;
	width:178px;
	/*height:45px;*/
	border:1px solid #b1b3b6;
	padding:140px 0 0;
	margin:0 0 20px;
	background: rgb(235,241,247);
	background: -moz-linear-gradient(45deg,  rgba(235,241,247,1) 0%, rgba(254,254,254,1) 100%);
	background: -webkit-gradient(linear, left bottom, right top, color-stop(0%,rgba(235,241,247,1)), color-stop(100%,rgba(254,254,254,1)));
	background: -webkit-linear-gradient(45deg,  rgba(235,241,247,1) 0%,rgba(254,254,254,1) 100%);
	background: -o-linear-gradient(45deg,  rgba(235,241,247,1) 0%,rgba(254,254,254,1) 100%);
	background: -ms-linear-gradient(45deg,  rgba(235,241,247,1) 0%,rgba(254,254,254,1) 100%);
	background: linear-gradient(45deg,  rgba(235,241,247,1) 0%,rgba(254,254,254,1) 100%);
}
.promo-holder aside.sign-up .badge:after{
	content:"";
	position:absolute;
	border-radius:50%;
	/*box-shadow:0 7px 1px 0 rgba(177,179,182,0.8);*/
	box-shadow:0 8px 3px 0 rgba(0,0,0,0.7);
	height:4px;
	left:-10px;
	right:-10px;
	bottom:5px;
}
.promo-holder aside.sign-up .badge:before{
	content:"";
	position:absolute;
	top:15px;
	left:11px;
	background:url(images/bg-badge2.png) no-repeat;
	width:100%;
	height:117px;
}
.promo-holder aside.sign-up .badge-text{
	display:block;
	background:#ff9344;
	text-transform:uppercase;
	font-size:20px;
	line-height:38px;
	color:#fff;
	border-radius:0 0 6px 6px;
	padding:3px 5px 5px;
	position:relative;
	z-index:1;
}
.promo-holder aside.sign-up.viglink-insert .badge-text{background-color: #3672BA;}
.promo-holder aside.sign-up p{margin:0;}



.promo-holder aside .separator{display:block; margin:18px 0 8px 0;}
.promo-holder aside .sign-up-btn{display:block;}
#wrapper.marketers .promo-holder .sign-up{
	margin-top:15px;
	padding:35px 20px 34px;
}


#wrapper .promo-holder .separator{
	display:block;
	text-transform:uppercase;
	color:rgba(77,77,79,0.5);
	font-size:10px;
	line-height:12px;
	margin:0 0 11px;
	position:relative;
}


/***end top promo (blue background)***/

.main-content-holder{overflow:hidden;}
.main-content-holder .holder{margin:0 0 40px;}
.main-content-holder .holder:after{
	content:"";
	display:block;
	clear:both;
}
.features-block, .main{
	float:left;
	width:100%;
}


.features-holder, .main-holder{margin:0 400px 0 0;}
.main-holder img{max-width: 100%; height: auto;}
.main-content{padding:65px 0 0;}
.main-content.extended{padding:0;}
.main-content.with-side-nav{padding:35px 0 0;}
.main-content a{color: #3CA5E0; font-family:Lato, Arial, Helvetica, sans-serif;}
.main-content a:hover{color: #3CA5E0;  text-decoration: underline;}

.promo-holder a{color:#fff; font-family:Lato, Arial, Helvetica, sans-serif; text-decoration: underline;}
.promo-holder a:hover{color: #fff; text-decoration: none;}

.main-content p{margin: 0;}
.main-content.s2 p{margin: 0 0 12px 0;}

.main-content h1 {
	border-bottom: solid 2px #F4F7F8;
	font-size: 48px; 
	font-family: Rokkitt, Arial, Helvetica, sans-serif;
	line-height: normal;
	color:#3672ba;
	font-weight: normal;
	padding-bottom: 8px;
	margin: -5px 0 40px 0;
}
.main-content h2{
	font:36px/40px Lato, Arial, Helvetica, sans-serif;
	color:#ff9338;
	padding: 18px 0 8px;
}
.main-content.s2 h2 + p {margin-top: 30px;}
.main-content h3{
	font-family: Rokkitt, Arial, Helvetica, sans-serif; color:#3672ba; font-size: 36px; line-height: normal; font-weight: normal;
	margin-bottom: 18px; 
}

.blog .main-content h2, 
.blog .main-content h2 a, 
.single-format-standard h1{
	border-bottom: none;
	font-size: 48px; line-height: 42px;
	font-family: Rokkitt, Arial, Helvetica, sans-serif;
	color:#3672ba;
	font-weight: normal;
	padding-bottom: 0;
	margin: 0 0 10px 0;
}

.main-content.blog aside{text-align: left;}
/*.main-content.blog aside h4{margin-bottom: 10px; padding: 20px 0 0 0;}
.main-content.blog aside div#text-4 h4{padding-top: 0;}*/
.main-content.blog section.post{margin-bottom: 50px;}
.main-content.blog hgroup{margin-bottom: 14px;}
.main-content.blog hgroup time{font-family: Rokkitt, Arial, Helvetica, sans-serif; font-size: 25px; color: #4D4D4F; font-weight: bold;}

.main-content aside div#recent-posts-3 ul li{text-align: left; line-height: 110%; padding-bottom: 3px;}
.main-content aside div#recent-posts-3 ul li a{font-weight: normal}
.main-content aside div#search-3 input#s{display:block; width: 100%; font-family: Lato, Helvetica, Arial, sans-serif; font-size: 14px; line-height: normal;}
.main-content.blog textarea#comment{width: 440px; height: 160px;}
.main-content h4{
	font-family: Rokkitt, Arial, Helvetica, sans-serif; color:#FF9344; font-size: 25px; line-height: normal; font-weight: normal; 
	margin: 25px 0; 
}
.main-content h3 + h4{margin-top: 7px;}
.main-content.s2 .main h4{border-top: 2px solid #F4F7F8; padding-top: 0.25em; margin: .9em 0; color: #4D4D4F;}


.main-content h5 {
	font-family: Rokkitt, Arial, Helvetica, sans-serif; color:#3672ba; font-size: 18px; line-height: normal; font-weight: bold; 
	margin: 30px 0 15px 0;
}

.main-content h6 {
	font-family: Lato, Helvetica, Arial, sans-serif;
	font-size: 14px;
	line-height: 1.4em;
	margin: 1em 0;
}

.features-block .block{
	margin:0 0 30px;
	overflow:hidden;
}
.features-block .block img{margin:5px 20px 0 0;}
.alignleft{float:left;}
.features-block .text-holder{overflow:hidden;}

.main-content .more{/*nothing special*/}

.main-content .more:hover{color:#3CA5E0;}

.main-content aside{
	float:right;
	width:240px;
	border:10px solid #f4f7f8;
	padding:16px 20px 20px;
	margin:0 0 0 -100%;
	text-align: center;
}
.main-content aside.multiple-container {
	padding: 40px 0 0 0;
	border: none;
	width: 300px;
}

.main-content aside.multiple-container aside{
	border:10px solid #f4f7f8;
	padding:16px 20px 20px;
	margin: 0 0 20px 0;
	float: none;
}


/**about team***/
#about-team article section{padding-left:160px;position:relative;}
#about-team article section+section {margin-top: 35px;}
#about-team section hgroup{margin: 14px 0;}
#about-team section hgroup h3{font-family:Rokkitt; font-size:25px; font-weight:normal; line-height:.8em; margin: 0; padding: 0;}
#about-team section hgroup h3 a{font-weight: normal;}
#about-team h4{color: #4D4D4F; font-family: Lato, Helvetica, Arial, sans-serif; font-size: 14px; line-height: 1.4em; margin: 0; padding: 0;border-style: none}
#about-team section img.headshot{
  -webkit-box-sizing:content-box;
  -khtml-box-sizing:content-box;
  -moz-box-sizing:content-box;
  -o-box-sizing:content-box;
  box-sizing:content-box;
  -webkit-border-radius:50% 50% 50% 50%;
  -khtml-border-radius:50% 50% 50% 50%;
  -moz-border-radius:50%;
  -o-border-radius:50% 50% 50% 50%;
  border-radius:50% 50% 50% 50%;
  box-shadow: #FFF 0 0 0 8px, #F4F7F8 0 0 0 10px;
  display:block;
  left:10px;
  top:0;
  position:absolute;
  height: 121px; width: 121px;
}

.main-content aside h3, 
.main-content aside h4{
	font:25px/28px Rokkitt, Arial, Helvetica, sans-serif;
	color:#ff9344;
	border-bottom:2px solid #f4f7f8;
	padding:0 0 16px;
	margin: 36px 0 25px;
	text-align: center; /*before this was inconsistent*/
}

.main-content aside h4:first-child,
.main-content aside h3:first-child{margin-top: 0;}
.main-content aside div.widget{margin-top: 36px;}
.main-content aside div.widget:first-child{margin-top: 0;}



.main-content aside.multiple-container aside.nav, 
.main-content aside.nav, 
.promo-holder aside.nav{
	webkit-box-shadow: #F4F7F8 2px 2px 0 0;
	-khtml-box-shadow: #f4f7f8 2px 2px 0 0;
	-moz-box-shadow: #f4f7f8 2px 2px 0 0;
	-o-box-shadow: #f4f7f8 2px 2px 0 0;
	background-color: #F4F7F8;
	border: 2px solid #3672BA;
	padding-top: 28px;
	padding-bottom: 28px;
	text-align: left;
	width: 256px;
}
aside.nav nav{margin-top: -20px; margin-bottom: -20px;}
aside.nav ul{margin: 0; padding:0}
aside.nav ul li{font-family: Rokkitt, Arial, Helvetica, sans-serif; font-size: 18px; line-height: normal; padding: 7px 0; border-top: solid 1px #fff;}
aside.nav ul li:first-child{border-top: none;}
aside.nav ul li a{color: #3672BA;}
aside.nav ul li.active a{color: #FF9344; }
aside.nav ul li ul {margin: 0 0 0 20px;	padding-left: 20px;}
aside.nav ul li ul li{list-style-type: circle; border: none; padding: 2px 0; font-family: Lato, Helvetica, Arial, sans-serif; font-size: 14px; color: #4D4D4F;}
aside.nav ul li ul li a{color: #3672BA;}
aside.nav ul li ul li.active a{color: #FF9344;}
aside.nav ul li ul li:first-child{padding-top: 5px;}
aside.nav ul li ul li ul li{list-style-type: square;}
aside.nav ul li ul li ul li:first-child{padding-top: 2px;}

aside.nav li.current-menu-item>a,
aside.nav li.current-menu-parent>a,
aside.nav li.current_page_item>a {color: #FF9344 !important;}
aside.nav ul li.parent a:hover {color:#ff9344;}
aside.nav ul li a:hover{ color:#ff9344;}
.promo-holder aside.nav ul li ul{display: none;}


.main-content code {background-color: #F4F7F8; font-family: monospace; font-size: 0.85em;}
code.c,code .c,code.c1,code .c1,code.cm,code .cm {color:#998;font-style:italic;}
code.gh,code .gh,code.bp,code .bp{color:#999;}
code.gp,code .gp,code.vc,code .vc,code.vg,code .vg,code.vi,code .vi,code.na,code .na,code.no,code .no,code.nv,code .nv{color:teal;}
code.gr,code .gr,code.gt,code .gt{color:#a00;}
code.gu,code .gu,code.ni,code .ni{color:purple;}
code.kt,code .kt,code.nc,code .nc{color:#458;}
code.m,code .m,code.mf,code .mf,code.mh,code .mh,code.mi,code .mi,code.il,code .il,code.mo,code .mo{color:#099;}
code.s,code .s,code.s1,code .s1,code.s2,code .s2,code.sb,code .sb,code.sc,code .sc,code.sd,code .sd,code.se,code .se,code.sh,code .sh,code.si,code .si,code.sx,code .sx{color:#d14;}
code.ne,code .ne,code.nf,code .nf{color:#900;}


.main-content .message.warning {background-color: #FDF9CE; position: relative;}
.main-content p.message+p, .main-content p+p.message {margin-top: 1em;}
.main-content .message {
	min-height: 37px;
	padding: 8.7px;
	padding-left: 38px;
	padding-right: 11px;
	-webkit-border-radius: 0.5em 0.5em 0.5em 0.5em;
	-khtml-border-radius: 0.5em 0.5em 0.5em 0.5em;
	-moz-border-radius: 0.5em 0.5em 0.5em 0.5em;
	-o-border-radius: 0.5em 0.5em 0.5em 0.5em;
	border-radius: 0.5em 0.5em 0.5em 0.5em;
	border: 2px solid rgba(0, 0, 0, 0.1);
}
.main-content .message.warning::before {
	content: "\26D4";
	font-family: "Symbolset";
}
.main-content .message::before {
	margin-top: -2px;
	opacity: 0.3;
}
.main-content .message::before {
	display: inline-block;
	font-size: 17px;
	line-height: 23.035px;
	overflow: hidden;
	position: absolute;
	left: 11px;
	top: 10px;
	width: 17px;
}



.main-content h4 code,
.main-content dt code,
.main-content dt.required code{background-color: inherit; color: inherit; font: inherit;}
.main-content dt.required::after{color: #B45D5D; content: "*";}
.main-content dd span.minor, .main-content dd p.minor{font-family: Lato, Helvetica, Arial, sans-serif; font-size: 12px; line-height: 1.4em; color: #9D9FA2; margin-top: 0; display: block;}
.main-content dt{font-weight: 600; font-family:'Lato', Helvetica, Arial, sans-serif;}
.main-content dd{margin: 1em 0 1em;}
.main-content pre code{
	-webkit-border-radius: 0.3em 0.3em 0.3em 0.3em;
	-khtml-border-radius: 0.3em 0.3em 0.3em 0.3em;
	-moz-border-radius: 0.3em 0.3em 0.3em 0.3em;
	-o-border-radius: 0.3em 0.3em 0.3em 0.3em;
	border-radius: 0.3em 0.3em 0.3em 0.3em;
	border: 1px solid #B1B3B6;
	display: block;
	line-height: 1.3em;
	padding: 0.4em 0.6em;
	resize: none;
	overflow: auto;
	white-space: pre;
}
.main-content code.c1, .main-content code .c1 {color: #998; font-style: italic;}

.main-content .developer dl, 
.main-content .developer dd{margin: 0 0 0 20px;}
.main-content .developer dl dd+dt {margin-top: 0.7em;}

.main-content aside img.aligncenter{display:block; margin: 0 auto 34px auto;}

/* products/anywhere/ */
.page-id-6495 .features-holder{margin-right: 300px;}/*vs. the std 400px*/

/*** job ***/
.job {
    list-style: initial;
    padding-left: 30px;
}

/***Gallery***/
.gallery-box{float:left;width:100%;}
.gallery-box h2{color:#515151; background:#f4f7f8; font:24px/28px latolight, Arial, Helvetica, sans-serif; padding: 40px 5px 40px 0; /*8px 5px 17px 0; /*+55*/ margin:0 0 20px; text-transform: uppercase;}
.gallery-box .gallery-holder{min-height: 360px; text-align:center; border:10px solid #f4f7f8; }
.gallery-box .gallery-holder{position: relative}
.gallery-box .gallery-holder .img-holder{display:inline-block; vertical-align:top; width:148px; height:82px; background:url(images/bg-gallery.png) no-repeat; padding:5px 0 0; margin:0 0 21px; }
.gallery-box.press-highlights .img-holder{width:148px; height: auto; width: auto; background-image: none; padding:5px 0 0; margin:0 0 21px;}
.gallery-box .pagination{position:absolute; 	left:0; bottom:-40px; text-align:center; width:100%; z-index: 20; }
.gallery-box .pagination li{display:inline-block; vertical-align:top; margin:0 0 0 13px; }
.gallery-box .pagination li:first-child{margin:0;}
.gallery-box .pagination a{text-indent:-9999px;  overflow:hidden; background:#a6a6a6; border-radius:50%; width:6px; height:6px; 	display:block;}
.gallery-box .pagination .active a{background:#00aeef;}
.gallery-box .slideshow blockquote{font-family: Lato, Arial, Helvetica, sans-serif; line-height:19px; margin:0 auto; 	font-style:italic; max-width: 550px;}
.gallery-box .slideshow q{quotes:none; display:inline-block; vertical-align:top; margin:0 10px 8px 10px;}
.gallery-box .slideshow cite{display:inline-block; vertical-align:top;}
.gallery-box .slideshow cite a{color:#3CA5E0; font:14px/16px Lato, Arial, Helvetica, sans-serif;  font-weight: bold; }
.gallery-box .slideshow cite a:hover{color:#3CA5E0;}
.gallery-box .slideset{position: relative; padding-bottom: 20px;}
.gallery-box .gallery-holder .slideshow .slide{position:absolute; z-index:1; left:0; top:0; width:100%;}
.gallery-box .gallery-holder .slideshow .slide.active{z-index:2;}
.gallery-box .gallery-holder .slideshow img{vertical-align:top; position:relative; z-index:-1;}

.with-aside .gallery-holder{margin:0 400px 0 0; min-height:343px;}
.with-aside.press-highlights .gallery-holder{min-height: 340px;}
.with-aside .slideshow blockquote{margin: 0 40px;}
.with-aside.press-highlights .slideshow,
.with-aside.press-highlights .slideshow blockquote{margin: 0 40px; font-size: 17px; font-style:italic; font-family: Lato;}

/***END Gallery***/

.main-content .preview{
	text-align:center;
	padding:16px 20px 19px;
}
.main-content a.bookmarklet{
	background:#3672ba;
	display:inline-block;
	vertical-align:top;
	box-shadow:2px 2px 0 0 #b1b3b6;
	color:#fff;
	border-radius:4px;
	font-family:Lato, Arial, Helvetica, sans-serif; font-weight: bold;
	padding:8px 17px 7px 52px;
	position:relative;
	margin:0 0 21px;
}
.main-content a.bookmarklet:hover{text-decoration:none;}
.main-content a.bookmarklet:after{
	content:"";
	position:absolute;
	border-right:2px solid rgba(255,255,255,0.25);
	top:1px;
	bottom:1px;
	width:35px;
	left:0;
	background:url(images/bg-bookmarklet.png) no-repeat 9px 9px;
}
#footer .partners{
	/*background:#f4f4f4; box-shadow:1px 12px 12px -8px rgba(177,179,182,0.55) inset;*/
	padding:36px 0 88px;
}
.main-footer{
	background:#f8f8f8;
	padding: 24px 0 60px 0;
	/*background: #e6e6e6; padding:35px 0 37px; box-shadow:1px 12px 12px -8px rgba(177,179,182,0.55) inset;*/
}
.footer-holder{overflow:hidden;}
#footer .publishers, #footer .retailers{
	overflow:hidden;
	position:relative;
}
#footer .publishers:after{
	content:"";
	position:absolute;
	border-bottom:2px solid #e6e6e6;
	right:40px;
	left:40px;
	bottom:0;
}
#footer .publishers{padding:0 13px 30px 0;}
#footer .retailers{padding:45px 40px 0 0;}
#footer h3{
	width:120px;
	float:left;
	font:18px/17px Rokkitt, Arial, Helvetica, sans-serif;
	margin:3px 0 0;
}
#footer .publishers h3{color: #f78735}
#footer .retailers h3{color: #3ca5e0}
#footer .partners ul{
	float:left;
	margin:0 0 0 -43px;
	padding:0 0 0 1px;
}
#footer .partners img{
	vertical-align:middle;
	opacity:0.3;
	transition:0.4s;
}
#footer .partners a:hover img{opacity:0.6;}
#footer .partners li{
	display:inline-block;
	vertical-align:middle;
	margin:0 0 20px 43px;
}
#footer .retailers ul{padding:0 0 0 52px;}
#footer .retailers h3{margin:2px 0 0;}
#footer .partners .more{
	float:right;
	font-family:Lato, Arial, Helvetica, sans-serif; font-weight: bold;
	color: #3ca5e0;
	position:relative;
	margin:9px 0 0;
	text-decoration: underline;
}
#footer .retailers .more{margin:8px 0 0;}
.footer-holder .nav-holder{float:left;}
.footer-holder .sub-nav{
	overflow:hidden;
	text-transform:uppercase;
	font:12px/16px Lato, Arial, Helvetica, sans-serif;
	margin:0 0 14px;
}
.footer-holder .sub-nav ul{overflow:hidden;}
.footer-holder .sub-nav li{
	float:left;
	position:relative;
	padding:0 0 0 12px;
	margin:0 0 0 9px;
}
.footer-holder .sub-nav li:after{
	/*content:"/"; color:#fff;*/
	content:"|";
	position:absolute;
	top:0;
	left:0;
	font-weight:bold;
}
.footer-holder .sub-nav li:first-child:after{content:"";}
.footer-holder .sub-nav li:first-child{
	margin:0;
	padding:0;
}
.footer-holder .sub-nav a{
	color: #000; /*color:#9d9fa2;*/
	transition:0.25s;
}
.footer-holder .sub-nav a:hover{color:#4d4d4f;}
.copyright-holder{
	overflow:hidden;
	/*color:#b1b3b6; font-size:12px; line-height:16px;*/
	font-size: 14px; line-height: normal; color: #000;
	
}
.copyright{float:left;}
.copyright-holder .phone{float:right;}
.copyright-holder .phone a{color:#b1b3b6;}

/*for sidebar, footer*/
#footer .social{float:right;margin:3px 0 0;}
aside .social{margin: 12px auto 0 auto; width: 218px;}
.social{height: 30px}
.social li{float:left; margin:0 0 0 7px;}
.social li:first-child{margin:0;}
.social a{display:block;text-indent:-9999px; overflow:hidden; width:30px; height:30px; background: url(images/sprite-social5.png) no-repeat;}
.social .facebook a{background-position: 0 0;}
.social .twitter a{background-position: -37px 0;}
.social .linked-in a{background-position: -73px 0;}
.social .instagram a{background-position: -110px 0;}
.social .google-plus a{background-position: -147px 0;}
.social .pinterest a{background-position: -183px 0;}
.social .youtube a {background-position: -219px 0;}

.social .facebook a:hover {background-position: 0 -60px;}
.social .twitter a:hover {background-position: -37px -60px;}
.social .linked-in a:hover {background-position: -73px -60px;}
.social .instagram a:hover {background-position: -110px -60px;}
.social .google-plus a:hover {background-position: -147px -60px;}
.social .pinterest a:hover {background-position: -183px -60px;}
.social .youtube a:hover {background-position: -219px -60px;}

/*for about-> people*/
#about-1 .social2{height: 25px; /*width: 100%;*/ overflow: hidden;  text-align: center;}
.social2 li{display: inline-block; margin:0 0 0 3px;}
.social2 li:first-child{margin:0;}
.social2 a{display:block; text-indent:-9999px; overflow:hidden; width:25px; height:25px; background: transparent url(images/about-sprite-social-icons-3.png) no-repeat;}
.social2 .github a{background-position: -25px 0;}
.social2 .blog a{background-position: -75px 0;}
.social2 .linkedin a{background-position: -125px 0;}
.social2 .pinterest a{background-position: -175px 0;}
.social2 .instagram a{background-position: -225px 0;}
.social2 .twitter a{background-position: -275px 0;}
.social2 .facebook a{background-position: -325px 0;}
.social2 a:hover{-webkit-backface-visibility: hidden; backface-visibility: hidden;}
.social2 .github a:hover{background-position: -25px -50px;}
.social2 .blog a:hover{background-position: -75px -50px;}
.social2 .linkedin a:hover{background-position: -125px -50px;}
.social2 .pinterest a:hover{background-position: -175px -50px;}
.social2 .instagram a:hover{background-position: -225px -50px;}
.social2 .twitter a:hover{background-position: -275px -50px;}
.social2 .facebook a:hover{background-position: -325px -50px;}

#partner-list{margin:0; text-align:left; line-height: normal;}
#partner-list dt, #partner-list dt a{font-family: Rokkitt, Arial, Helvetica, sans-serif; font-size: 19px; font-weight: 600;}
#partner-list dt, #partner-list dd{margin-left:50px;}

#partner-list dt{margin-bottom: 6px; margin-top: 20px}
#partner-list dd{margin-top: -5px;}
#partner-list dt::before
{
  -webkit-border-radius:38px 38px 38px 38px;
  -khtml-border-radius:38px 38px 38px 38px;
  -moz-border-radius:38px;
  -o-border-radius:38px 38px 38px 38px;
  border-radius:38px 38px 38px 38px;
  -webkit-box-shadow:#f4f7f8 0 0 0 2px;
  -khtml-box-shadow:#f4f7f8 0 0 0 2px;
  -moz-box-shadow:#f4f7f8 0 0 0 2px;
  -o-box-shadow:#f4f7f8 0 0 0 2px;
  box-shadow:#f4f7f8 0 0 0 2px;
  background:#f4f7f8 none no-repeat -11px -11px;
  border:2px solid #FFF;
  content:"";
  display:block;
  height:38px;
  line-height:41.8px;
  margin-top:-1px;
  margin-left:-50px;
  position:absolute;
  text-align:center;
  overflow:hidden;
  width:38px;
}

#partner-list dt[id]::before {
  background-image:url(images/platform-logos.png);
  content:"";
}
#partner-list dt#tumblr::before
{
  background-position-y:-71px;
}

#partner-list dt#typepad::before
{
  background-position-y:-131px;
}

#partner-list dt#vbulletin::before
{
  background-position-y:-251px;
}

#partner-list dt#phpbb::before
{
  background-position-y:-311px;
}

#partner-list dt#ipboard::before
{
  background-position-y:-371px;
}

#partner-list dt#wordpress::before
{
  background-position-y:-191px;
}




#wrapper.marketers .promo-holder h1{
	color:#3672ba;
	font-family:Rokkitt, Arial, Helvetica, sans-serif;
	margin:0 0 29px;
}
#wrapper.marketers .promo{padding:27px 0 25px;}
#wrapper.marketers .promo-holder .text-holder .holder{
	padding:0;
	line-height:23px;
}
#wrapper.marketers .promo-holder p{margin:0 0 13px;}



#wrapper.marketers .main-content aside{
	width:300px;
	border:0;
	padding:5px 0 0;
}
#wrapper.marketers .main-content .merchants,
#wrapper.marketers .main-content .insider{
	width:240px;
	border:10px solid #f4f7f8;
	padding:16px 20px 19px;
	margin:0 0 35px;
	text-align:center;
}

#wrapper.marketers main{padding:0 0 85px;}
/***end custom adjustments***/

.opener{
	display:none;
}
nav.js-slide-hidden{position:static !important;}


/***excerpts***/
main #excerpts
{
  color:#4d4d4f;
  font-family:"Avenir Next", Avenir, Lato, Helvetica, Arial, sans-serif;
  line-height:1.4em;
  display:block;
  padding:0 40px;
}

main #excerpts>div
{
  float: left;
  border:10px solid #5290d2;
  position:relative;
  text-align:center;
  width:360px;
}
main #excerpts>div+div {
	border-color: #8BC95C;
	float: right;
}


main #excerpts>div h4{font-size: 25px; margin: 0; padding: 18px 0;  color:#4d4d4f;}
main #excerpts>div blockquote
{
  margin:0;
  padding: 20px 20px 20px 80px;
  text-align:left;
  background: #f4f7f8 url(images/content/optimize-avatar.png) no-repeat 20px 20px;
}

main #excerpts>div blockquote a
{
  font-weight:inherit;
  text-decoration:underline;
}

main #excerpts>div blockquote a.selected
{
  color:red;
}
/***end excerpts***/

/***misc sections ***/
section#action{
	margin: 70px 0;
	background-color: #FFF3E7; padding: 30px; text-align: center;
	font-family: Rokkitt, Arial, Helvetica, sans-serif; font-weight: normal; color:#3672ba; font-size: 36px; line-height: .8em; text-transform:none;
}
section#action p{margin: 0 0 20px 0;}



/***end misc sections***/


/***buttons***/

a.button,
button,
input[type=submit],
input[type=button]{
	display:inline-block;
	vertical-align:top;
	color:#fff; background:#ff9344;
	border:2px solid #fff; border-radius:25px; 
	padding: 10px 19px;
	font: 14px/16px Lato, Helvetica, Arial, sans-serif;
	/*text-decoration: none solid rgb(255, 255, 255);*/
	font-weight: 900;
	font-weight: normal; /*should be lato black*/
	text-transform: uppercase; text-align:center;
	margin: 14px 0 0 0;
	min-width: 150px;
	text-decoration: none;
}

button::-moz-focus-inner{
	padding:0;
	border:0;
}

a.button:hover,
button:hover,
input[type=submit]:hover,
input[type=button]:hover{
	text-decoration: none solid rgb(255, 255, 255);
	color:#ff9344;
	background:#fff;
	border-color:#ff9344;
}

/***end buttons***/


/***WHAT IS THIS FOR!***/
/***
table {
	border-collapse: collapse;
	line-height: 27px;
	width: 100%;
	margin-top: 35px;
}
table th,table td
{
  padding:0 10px;
}
.main-content table th a{color: inherit}

table th, table td:first-child {font-weight: bold;}
table.comparison td:nth-of-type(2),table.comparison td:nth-of-type(3){width: 50%;}

table th.narrow,table td.narrow
{
  width:1px;
}

table td
{
  padding-top:2px;
  padding-bottom:2px;
  text-align:right;
  vertical-align:middle;
}

table td.empty,table td:first-child.empty
{
  color:#b1b3b6;
  font-size:17px;
  font-weight:400;
  line-height:27px!important;
  padding:21.5px 0;
  text-align:center;
}

table td.empty:before,table td.empty:after,table td:first-child.empty:before,table td:first-child.empty:after
{
  content:" - ";
}

table th .info
{
  margin:-5px 0 -3px;
}

table thead th,table thead td,table tfoot th,table tfoot td
{
  background-color:#f4f4f4;
  font-weight:700;
}

table thead th span,table thead td span,table tfoot th span,table tfoot td span
{
  text-transform:lowercase;
}

table thead th,table thead td
{
  line-height:1em;
  padding-top:6px;
  padding-bottom:8px;
  text-align:left;
  white-space:nowrap;
}

table thead th .footnote,table thead td .footnote
{
  color:#b1b3b6;
  display:block;
  font-size:12px;
  line-height:1.1em;
  text-transform:none;
  white-space:normal;
}

table tbody tr td
{
  border-bottom:1px solid #e7e7e7;
}

table tbody tr td input[type=email],table tbody tr td input[type=password],table tbody tr td input[type=text],table tbody tr td textarea,table tbody tr td .select select
{
  width:180px;
}

table tbody tr td input[type=email],table tbody tr td input[type=text],table tbody tr td .select
{
  margin:-2px -1px 2px -4px;
  padding:0;
}


table tbody tr td .button
{
  font-size:10px;
  line-height:2.4em;
  height:auto;
  margin:0 0 1px;
  padding-top:1px;
}

table tbody tr td .select
{
  line-height:20px;
}

table tbody tr:first-child td input[type=email],table tbody tr:first-child td input[type=text],table tbody tr:first-child td .select
{
  margin-top:1px;
}

table tfoot .legend td
{
  font-size:12px;
  line-height:1.3em;
}

table.comparison tbody td
{
  padding-top:.3em;
  padding-bottom:.3em;
  line-height:1.1em;
  text-align:left;
}


table th:first-child,table td:first-child
{
  text-align:left;
}

table thead,table tfoot{
  border:1px solid #e7e7e7;
  border-width:1px 0;
}

table thead th.weak,table thead th .weak,table thead td.weak,table thead td .weak{
  color:#b1b3b6;
}

table tbody tr:hover{
  background-color:rgba(255,234,0,0.05);
}
***/

/****clearing***/
header:after, body:after, 
section#action:after, section#chart:after, section#excerpts:after {
clear: both;
content: " ";
display: block;
font-size: 0;
height: 0;
visibility: hidden;
}


#flash.announcement,main .message.announcement{background-color:#fdf9ce}
#flash.announcement .close,main .message.announcement .close{color:#fdf9ce}
#flash.announcement>.content::before,
main .message.announcement::before{content:"\26D4";font-family:"Symbolset"}
#flash.info,main .message.info{background-color:#fdf9ce}
#flash.info .close,main .message.info .close{color:#fdf9ce}
#flash.info>.content::before,main .message.info::before{content:"\2139";font-family:"Symbolset"}
#flash.input,main .message.input{background-color:#fdf9ce}
#flash.input .close,main .message.input .close{color:#fdf9ce}
#flash.input>.content::before,main .message.input::before{content:"\2753";font-family:"Symbolset"}
#flash.warning,main .message.warning{background-color:#fdf9ce}
#flash.warning .close,main .message.warning .close{color:#fdf9ce}
#flash.warning>.content::before,main .message.warning::before{content:"\26D4";font-family:"Symbolset"}
#flash.error,main .message.error{background-color:#ffbbba}
#flash.error .close,main .message.error .close{color:#ffbbba}
#flash.error>.content::before,main .message.error::before{content:"\26A0";font-family:"Symbolset"}
#flash.success,main .message.success{background-color:#e0f2c0}
#flash.success .close,main .message.success .close{color:#e0f2c0}
#flash.success>.content::before,main .message.success::before{content:"\2713";font-family:"Symbolset"}
#flash{margin-bottom:1px}
/*940 - 66 - 47 = 827 */
#flash>.content{min-height:56px;padding:18.2px;padding-left:66px;padding-right:47px; max-width: 827px; margin: 0 auto;}
#flash>.content #campaign{float:right}
#flash>.content::before{display:inline-block;font-size:36px;line-height:48.78px;opacity:0.25;overflow:hidden;position:absolute;left:20px;top:10px;width:36px}#flash>.content .close{-webkit-border-radius:8.5px 8.5px 8.5px 8.5px;-khtml-border-radius:8.5px 8.5px 8.5px 8.5px;-moz-border-radius:8.5px 8.5px 8.5px 8.5px;-o-border-radius:8.5px 8.5px 8.5px 8.5px;border-radius:8.5px 8.5px 8.5px 8.5px;top:19.5px}#flash>.content .close,#flash>.content .close::before{height:17px;line-height:17px;width:17px}#flash>.content .close::before{content:"\2421";font-family:"Symbolset";padding-top:1.275px;font-size:8.5px}#flash.announcement>.content>strong:first-child{display:block;margin-bottom:0.5em}main .message{min-height:37px;padding:8.7px;padding-left:38px;padding-right:11px;-webkit-border-radius:0.5em 0.5em 0.5em 0.5em;-khtml-border-radius:0.5em 0.5em 0.5em 0.5em;-moz-border-radius:0.5em 0.5em 0.5em 0.5em;-o-border-radius:0.5em 0.5em 0.5em 0.5em;border-radius:0.5em 0.5em 0.5em 0.5em;border:2px solid rgba(0,0,0,0.1)}main .message #campaign{float:right}main .message::before{display:inline-block;font-size:17px;line-height:23.035px;opacity:0.25;overflow:hidden;position:absolute;left:11px;top:10px;width:17px}main .message .close{-webkit-border-radius:8.5px 8.5px 8.5px 8.5px;-khtml-border-radius:8.5px 8.5px 8.5px 8.5px;-moz-border-radius:8.5px 8.5px 8.5px 8.5px;-o-border-radius:8.5px 8.5px 8.5px 8.5px;border-radius:8.5px 8.5px 8.5px 8.5px;top:10px}main .message .close,main .message .close::before{height:17px;line-height:17px;width:17px}main .message .close::before{content:"\2421";font-family:"Symbolset";padding-top:1.275px;font-size:8.5px}main .message::before{margin-top:-2px;opacity:0.3}#flash,main .message{-webkit-transition-property:height, margin, opacity;-khtml-transition-property:height, margin, opacity;-moz-transition-property:height, margin, opacity;-o-transition-property:height, margin, opacity;transition-property:height, margin, opacity;-webkit-transition-duration:0.25s;-khtml-transition-duration:0.25s;-moz-transition-duration:0.25s;-o-transition-duration:0.25s;transition-duration:0.25s;-webkit-transition-timing-function:linear;-khtml-transition-timing-function:linear;-moz-transition-timing-function:linear;-o-transition-timing-function:linear;transition-timing-function:linear;overflow:hidden}#flash>.content,main .message{color:rgba(0,0,0,0.7);overflow:hidden;position:relative}#flash>.content::before,#flash>.content .close,main .message::before,main .message .close{opacity:0.25}#flash>.content .close,main .message .close{-webkit-transition-property:opacity;-khtml-transition-property:opacity;-moz-transition-property:opacity;-o-transition-property:opacity;transition-property:opacity;-webkit-transition-duration:0.25s;-khtml-transition-duration:0.25s;-moz-transition-duration:0.25s;-o-transition-duration:0.25s;transition-duration:0.25s;-webkit-transition-timing-function:linear;-khtml-transition-timing-function:linear;-moz-transition-timing-function:linear;-o-transition-timing-function:linear;transition-timing-function:linear;background-color:#000;color:white;display:block;font-weight:400;position:absolute;right:20px;text-align:center;text-decoration:none;overflow:hidden}#flash>.content .close:hover,main .message .close:hover{opacity:0.5;font-weight:400}#flash>.content .close::before,main .message .close::before{display:block}table{border-collapse:collapse;line-height:27px;width:100%}table th,table td{padding:0 10px}


#badges section{margin-top:35px;min-height:90px;padding-left:140px;position:relative}
#badges section h5{color:#4d4d4f;font-family:"Avenir Next", "Avenir", "Lato", Helvetica, Arial, sans-serif;font-size:14px;line-height:1.4em;margin-top:0}
#badges section img{position:absolute;left:0;top:0}
#badges section .code{width:400px;height:4.8em}
#badges section+section{border-top:2px solid #f4f7f8;margin-top:17.5px;padding-top:17.5px}
#badges section+section img{top:17.5px}
#badges section pre{position: relative;}
#badges section pre .copier{position: absolute; bottom: 0; right:0;}

.copier{-webkit-border-radius:0.3em 0 0.3em 0;-khtml-border-radius:0.3em 0 0.3em 0;-moz-border-radius:0.3em 0 0.3em 0;-o-border-radius:0.3em 0 0.3em 0;border-radius:0.3em 0 0.3em 0}
.copier{color:#4d4d4f;font-family:"Avenir Next", "Avenir", "Lato", Helvetica, Arial, sans-serif;font-size:10px;line-height:1.4em;border:none;background-color:#3672ba;color:white;display:block;line-height:1.6em;overflow:hidden;position:absolute;text-transform:none;height:auto;right:1px;bottom:1px;font-weight:400;padding:0.2em 1em 0}
.copier.hover{background-color:#4d4d4f;color:white}
.copier.active{background-color:#e6e6e6;color:#3672ba}
.copier {-webkit-border-radius:0 7px 0 7px;-khtml-border-radius:0 7px 0 7px;-moz-border-radius:0 7px 0 7px;-o-border-radius:0 7px 0 7px;border-radius:0 7px 0 7px;bottom:auto;padding:0 1em 0.2em;}
div.success .copier:not(.hover):not(.active),
div.success .copier:not(.hover):not(.active){background-color:rgba(0,0,0,0.1);color:#4d4d4f}
 
#banners>section{position:relative}
#banners>section .banner{position:relative;display:inline-block}
main #banners>section .banner>a{line-height:0}
main #banners>section .banner>pre{width:300px;margin-top:3em}
main #banners>section .banner>h5,body.c-accounts.a-edit>.content>main>section:not(.sparse) #banners>section form .banner>legend,body.c-accounts.a-edit>.content>main>section:not(.sparse) form #banners>section .banner>legend,body.c-accounts.a-update>.content>main>section:not(.sparse) #banners>section form .banner>legend,body.c-accounts.a-update>.content>main>section:not(.sparse) form #banners>section .banner>legend{color:#4d4d4f;font-family:"Avenir Next", "Avenir", "Lato", Helvetica, Arial, sans-serif;font-size:14px;line-height:1.4em;position:absolute}
main #banners>section+section{border-top:2px solid #f4f7f8}
main #banners>section+section .banner{margin-top:35px}
main #banners>section:nth-of-type(1){width:728px}
main #banners>section:nth-of-type(1) .banner>h5,body.c-accounts.a-edit>.content>main>section:not(.sparse) #banners>section:nth-of-type(1) form .banner>legend,body.c-accounts.a-edit>.content>main>section:not(.sparse) form #banners>section:nth-of-type(1) .banner>legend,body.c-accounts.a-update>.content>main>section:not(.sparse) #banners>section:nth-of-type(1) form .banner>legend,body.c-accounts.a-update>.content>main>section:not(.sparse) form #banners>section:nth-of-type(1) .banner>legend{top:250px}
main #banners>section:nth-of-type(1) .banner:nth-of-type(2){position:absolute;right:0}
main #banners>section:nth-of-type(2) .banner{width:300px;display:block}
main #banners>section:nth-of-type(2) .banner>h5,body.c-accounts.a-edit>.content>main>section:not(.sparse) #banners>section:nth-of-type(2) form .banner>legend,body.c-accounts.a-edit>.content>main>section:not(.sparse) form #banners>section:nth-of-type(2) .banner>legend,body.c-accounts.a-update>.content>main>section:not(.sparse) #banners>section:nth-of-type(2) form .banner>legend,body.c-accounts.a-update>.content>main>section:not(.sparse) form #banners>section:nth-of-type(2) .banner>legend{top:90px}
main #banners>section:nth-of-type(3){min-height:637px}
main #banners>section:nth-of-type(3) .banner{width:459px;height:5.45em}
main #banners>section:nth-of-type(3) .banner>h5,body.c-accounts.a-edit>.content>main>section:not(.sparse) #banners>section:nth-of-type(3) form .banner>legend,body.c-accounts.a-edit>.content>main>section:not(.sparse) form #banners>section:nth-of-type(3) .banner>legend,body.c-accounts.a-update>.content>main>section:not(.sparse) #banners>section:nth-of-type(3) form .banner>legend,body.c-accounts.a-update>.content>main>section:not(.sparse) form #banners>section:nth-of-type(3) .banner>legend,main #banners>section:nth-of-type(3) .banner>pre{position:absolute;left:178px}
main #banners>section:nth-of-type(3) .banner>h5,body.c-accounts.a-edit>.content>main>section:not(.sparse) #banners>section:nth-of-type(3) form .banner>legend,body.c-accounts.a-edit>.content>main>section:not(.sparse) form #banners>section:nth-of-type(3) .banner>legend,body.c-accounts.a-update>.content>main>section:not(.sparse) #banners>section:nth-of-type(3) form .banner>legend,body.c-accounts.a-update>.content>main>section:not(.sparse) form #banners>section:nth-of-type(3) .banner>legend{margin-top:0}
main #banners>section:nth-of-type(3) .banner>pre{width:281px;top:-9px}
main #banners>section:nth-of-type(3) .banner:nth-of-type(2){position:absolute;right:0}
main #intro aside.actions h4,main #intro aside.actions p.headline,body>.content>main>section.sparse.dual #intro aside.actions h3,main #intro aside.actions form legend,form main #intro aside.actions legend,body.c-settings>.content>main #intro aside.actions .primary>section h3,body.c-settings>.content>main .primary>section #intro aside.actions h3{padding-bottom:0}

main #banners section .banner h5{margin: 14px 0 14px 0;}
#banners section pre{position: relative;}
#banners section pre .copier{position: absolute; bottom: 0; right:0;}

/**Act On Forms***/
#ao_alignment_container {max-width: 500px; margin-top: 15px;}
#ao_alignment_container input,
#ao_alignment_container label,
#ao_alignment_container select,
#ao_alignment_container textarea,
#ao_alignment_container .formFieldLabel {
	font-family: "Avenir Next", "Avenir", "Lato", Helvetica, Arial, sans-serif;
	font-size: 17px;
	line-height: 1.4em;
	font-weight: normal;
}
#ao_alignment_container input[type=text],
#ao_alignment_container input[type=email],
#ao_alignment_container label,
#ao_alignment_container select,
#ao_alignment_container textarea {
	width: 100%; max-width: 472px;
	margin:0; padding:0;
}
#ao_alignment_container textarea {height: 100px;}
#ao_alignment_container table tbody tr td input[type=button]{text-align: center; }

/*cancelling out other css*/
#ao_alignment_container table tbody tr td {border: none; padding: 0 10px 0 0; line-height: 5px; box-sizing: border-box;}
#ao_alignment_container table tbody tr td.ao_tbl_cell{ padding: 0 10px 10px 0; line-height: normal;}
#ao_alignment_container .formFieldLabel{padding-top: 10px;}

#chart .label{text-align:center}
#chart .label, #chart .label .merchant{width:170px}
#chart .label .merchant{-webkit-transform:rotate(-90deg);-khtml-transform:rotate(-90deg);-moz-transform:rotate(-90deg);-o-transform:rotate(-90deg);transform:rotate(-90deg);background:transparent url(./images/optimize-merchants.png) no-repeat top right;height:40px;margin-top:77px;opacity:0.8;position:absolute;text-align:right;width:170px}
#chart .label .merchant.bhphotovideo{background-position:right  -40px}
#chart .label .merchant.adorama{background-position:right -120px}
#chart .label .merchant.ebay{background-position:right -200px}
#chart .label .merchant.jr{background-position:right -280px}
#chart .label .merchant.newegg{background-position:right -360px}
#chart .label .merchant.samys{background-position:right -440px}
#chart .label.selected .merchant.bhphotovideo{background-position:right  0px}
#chart .label.selected .merchant.adorama{background-position:right -80px}
#chart .label.selected .merchant.ebay{background-position:right -160px}
#chart .label.selected .merchant.jr{background-position:right -240px}
#chart .label.selected .merchant.newegg{background-position:right -320px}
#chart .label.selected .merchant.samys{background-position:right -400px}

.min-width-767{display: none;}

.cpt_news li, .cpt_press_releases li{margin-bottom: 25px;}
.cpt_news li a.title{display:block; padding-bottom: 5px;}

.ht-content-hide{display: none;}
.showHideToggle{cursor: hand; cursor: pointer; }
.faqs .faq{position: relative;}
.faqs .faq h4{padding-right: 20px;}
.faqs .faq h4:after{color: #FF9344; display: inline-block; text-align: right; content: "◄"; font-size: 14px; position: absolute; right: 0; top: 15px;}
.faqs .faq h4.ht-showing:after{-webkit-transform: rotate(0);
-webkit-transition-property: -webkit-transform;
-moz-transition-property: -moz-transform;
-webkit-transition-duration: 0.25s;
-khtml-transition-duration: 0.25s;
-moz-transition-duration: 0.25s;
-o-transition-duration: 0.25s;
transition-duration: 0.25s;
-webkit-transition-timing-function: linear;
-khtml-transition-timing-function: linear;
-moz-transition-timing-function: linear;
-o-transition-timing-function: linear;
transition-timing-function: linear;
-webkit-transform: rotate(-90deg);
-khtml-transform: rotate(-90deg);
-moz-transform: rotate(-90deg);
-o-transform: rotate(-90deg);
transform: rotate(-90deg);
}

.opt-out .enabled h1 mark{color: #8BC95C; background-color: transparent;} 
.opt-out .disabled h1 mark{color: #B45D5D; background-color: transparent;} 


aside.nav nav ul.nav-install li{padding-left:30px;position:relative}
aside.nav nav ul.nav-install li::before{-webkit-border-radius:20px 20px 20px 20px;-khtml-border-radius:20px 20px 20px 20px;-moz-border-radius:20px 20px 20px 20px;-o-border-radius:20px 20px 20px 20px;border-radius:20px 20px 20px 20px;background:transparent url(images/platform-logos.png) no-repeat -8px -8px;background-size:36px;border:2px solid white;content:"";display:block;height:20px;margin-top:-12px;position:absolute;top:50%;left:0;width:20px}
aside.nav nav ul.nav-install li.ipboard::before{background-position-y:-224px}
aside.nav nav ul.nav-install li.phpbb::before{background-position-y:-188px}
aside.nav nav ul.nav-install li.tumblr::before{background-position-y:-44px}
aside.nav nav ul.nav-install li.typepad::before{background-position-y:-80px}
aside.nav nav ul.nav-install li.vbulletin::before{background-position-y:-152px}
aside.nav nav ul.nav-install li.wordpress::before{background-position-y:-116px}

/*** INSTALL PAGES***/
#steps{padding-left:20px;overflow:hidden}
#steps li{margin-bottom:0.5em}
#steps li label{font-weight:bold}
#steps li p{margin-bottom:0}
#steps li pre{margin:0}
#steps li pre code,#steps li .screenshot{border:10px solid #f4f7f8;margin:0.5em 0 0.5em -20px}
#steps li .screenshot{display:block;line-height:0;overflow:hidden;position:relative}
#steps li .screenshot img,#steps li .screenshot .overlay{-webkit-border-radius:3px 3px 3px 3px;-khtml-border-radius:3px 3px 3px 3px;-moz-border-radius:3px 3px 3px 3px;-o-border-radius:3px 3px 3px 3px;border-radius:3px 3px 3px 3px}
#steps li .screenshot .highlight{-webkit-transition-property:box-shadow;-khtml-transition-property:box-shadow;-moz-transition-property:box-shadow;-o-transition-property:box-shadow;transition-property:box-shadow;-webkit-transition-duration:0.2s;-khtml-transition-duration:0.2s;-moz-transition-duration:0.2s;-o-transition-duration:0.2s;transition-duration:0.2s;-webkit-transition-timing-function:linear;-khtml-transition-timing-function:linear;-moz-transition-timing-function:linear;-o-transition-timing-function:linear;transition-timing-function:linear;-webkit-border-radius:3px 3px 3px 3px;-khtml-border-radius:3px 3px 3px 3px;-moz-border-radius:3px 3px 3px 3px;-o-border-radius:3px 3px 3px 3px;border-radius:3px 3px 3px 3px;position:absolute;overflow:hidden}
#steps li .screenshot .highlight img{position:absolute}
#steps li .screenshot .overlay{-webkit-transition-property:opacity;-khtml-transition-property:opacity;-moz-transition-property:opacity;-o-transition-property:opacity;transition-property:opacity;-webkit-transition-duration:0.3s;-khtml-transition-duration:0.3s;-moz-transition-duration:0.3s;-o-transition-duration:0.3s;transition-duration:0.3s;-webkit-transition-timing-function:linear;-khtml-transition-timing-function:linear;-moz-transition-timing-function:linear;-o-transition-timing-function:linear;transition-timing-function:linear;opacity:0;position:absolute;top:0;right:0;bottom:0;left:0}
#steps li .screenshot+.screenshot{position:absolute;right:20px}
#steps li span.screenshot{display:inline-block}
#steps li+li{margin-top:2em}
#steps li:hover .highlight{-webkit-box-shadow:white 0 0 0 5px;-khtml-box-shadow:white 0 0 0 5px;-moz-box-shadow:white 0 0 0 5px;-o-box-shadow:white 0 0 0 5px;box-shadow:white 0 0 0 5px}
#steps li:hover .overlay:not(.actions){background-color:#000;display:block;opacity:0.4}
#steps #blogger-edit-blog .highlight{height:28px;width:92px;top:81px;left:228px}
#steps #blogger-edit-blog .highlight img{top:-81px;left:-228px}
#steps #blogger-layout .highlight{height:30px;width:176px;top:32px;left:16px}
#steps #blogger-layout .highlight img{top:-32px;left:-16px}
#steps #blogger-insert-viglink-code .highlight{height:91px;width:471px;top:178px;left:25px}
#steps #blogger-insert-viglink-code .highlight img{top:-178px;left:-25px}
#steps #blogger-insert-viglink-code .highlight+.highlight{height:29px;width:72px;top:287px;left:25px}
#steps #blogger-insert-viglink-code .highlight+.highlight img{top:-287px;left:-25px}
#steps #phpbb-automod-header .highlight{height:32px;width:87px;top:65px;left:698px}
#steps #phpbb-automod-header .highlight img{top:-65px;left:-698px}
#steps #phpbb-automod-upload .highlight{height:18px;width:66px;top:61px;left:358px}
#steps #phpbb-automod-upload .highlight img{top:-61px;left:-358px}
#steps #phpbb-automod-upload .highlight+.highlight{height:15px;width:47px;top:92px;left:56px}
#steps #phpbb-automod-upload .highlight+.highlight img{top:-92px;left:-56px}
#steps #phpbb-automod-install .highlight{height:18px;width:42px;top:33px;left:580px}
#steps #phpbb-automod-install .highlight img{top:-33px;left:-580px}
#steps #phpbb-automod-confignav .highlight{height:32px;width:82px;top:65px;left:13px}
#steps #phpbb-automod-confignav .highlight img{top:-65px;left:-13px}
#steps #phpbb-automod-confignav .screenshot+.screenshot .highlight{height:19px;width:98px;top:42px;left:21px}
#steps #phpbb-automod-confignav .screenshot+.screenshot .highlight img{top:-42px;left:-21px}
#steps #phpbb-plugin-configure .highlight{height:19px;width:286px;top:47px;left:389px}
#steps #phpbb-plugin-configure .highlight img{top:-47px;left:-389px}
#steps #tumblr-open-theme .highlight{height:23px;width:61px;top:8px;left:50px}
#steps #tumblr-open-theme .highlight img{top:-8px;left:-50px}
#steps #tumblr-custom-html .highlight{height:31px;width:150px;top:26px;left:265px}
#steps #tumblr-custom-html .highlight img{top:-26px;left:-265px}
#steps #tumblr-paste .highlight{height:13px;width:308px;top:52px;left:86px}
#steps #tumblr-paste .highlight img{top:-52px;left:-86px}
#steps #tumblr-save .highlight{height:26px;width:56px;top:6px;left:694px}
#steps #tumblr-save .highlight img{top:-6px;left:-694px}
#steps #tumblr-save .screenshot .highlight,
#steps #tumblr-save .screenshot .overlay,#steps #tumblr-save .screenshot>img{margin-left:-328px}
#steps #typepad-open-design .highlight{height:17px;width:47px;top:137px;left:288px}
#steps #typepad-open-design .highlight img{top:-137px;left:-288px}
#steps #typepad-open-content .highlight{height:14px;width:52px;top:80px;left:471px}
#steps #typepad-open-content .highlight img{top:-80px;left:-471px}
#steps #typepad-open-content .screenshot .highlight,#steps #typepad-open-content .screenshot .overlay,#steps #typepad-open-content .screenshot>img{margin-left:-94px}
#steps #typepad-open-footer .highlight{height:23px;width:23px;top:21px;left:779px}
#steps #typepad-open-footer .highlight img{top:-21px;left:-779px}
#steps #typepad-open-footer .screenshot .highlight,#steps #typepad-open-footer .screenshot .overlay,#steps #typepad-open-footer .screenshot>img{margin-left:-323px}
#steps #typepad-insert-viglink-code .highlight{height:16px;width:83px;top:46px;left:140px}
#steps #typepad-insert-viglink-code .highlight img{top:-46px;left:-140px}
#steps #typepad-insert-viglink-code .highlight+.highlight{height:20px;width:39px;top:214px;left:424px}
#steps #typepad-insert-viglink-code .highlight+.highlight img{top:-214px;left:-424px}
#steps #typepad-insert-viglink-code .highlight+.highlight+.highlight{height:16px;width:246px;top:180px;left:67px}
#steps #typepad-insert-viglink-code .highlight+.highlight+.highlight img{top:-180px;left:-67px}
#steps #typepad-save .highlight{height:22px;width:91px;top:80px;left:31px}
#steps #typepad-save .highlight img{top:-80px;left:-31px}
#steps+p{margin-top:2em}
#whats-next h5,body.c-installation>.content>main body.c-accounts.a-edit>.content>main>section:not(.sparse) #whats-next form legend,body.c-installation>.content>main body.c-accounts.a-edit>.content>main>section:not(.sparse) form #whats-next legend,body.c-installation>.content>main body.c-accounts.a-update>.content>main>section:not(.sparse) #whats-next form legend,body.c-installation>.content>main body.c-accounts.a-update>.content>main>section:not(.sparse) form #whats-next legend{margin-bottom:0}

#whats-next h5+p,body.c-installation>.content>main body.c-accounts.a-edit>.content>main>section:not(.sparse) #whats-next form legend+p,body.c-installation>.content>main body.c-accounts.a-edit>.content>main>section:not(.sparse) form #whats-next legend+p,body.c-installation>.content>main body.c-accounts.a-update>.content>main>section:not(.sparse) #whats-next form legend+p,body.c-installation>.content>main body.c-accounts.a-update>.content>main>section:not(.sparse) form #whats-next legend+p{margin-top:0.5em}
.bootstrap{position:relative}
.bootstrap .overlay{border:10px solid #f4f7f8;padding:20px;position:relative;text-align:center;position:absolute;top:5px;right:1px;bottom:5px;left:1px;-webkit-transition-property:opacity;-khtml-transition-property:opacity;-moz-transition-property:opacity;-o-transition-property:opacity;transition-property:opacity;-webkit-transition-duration:0.25s;-khtml-transition-duration:0.25s;-moz-transition-duration:0.25s;-o-transition-duration:0.25s;transition-duration:0.25s;-webkit-transition-timing-function:linear;-khtml-transition-timing-function:linear;-moz-transition-timing-function:linear;-o-transition-timing-function:linear;transition-timing-function:linear;background-color:rgba(244,247,248,0.85);opacity:0}
.bootstrap .overlay>h3:first-child,.bootstrap .overlay>h4:first-child,.bootstrap .overlay>p.headline:first-child,body.c-installation>.content>main body>.content>main>section.sparse.dual .bootstrap .overlay>h3:first-child,.bootstrap form .overlay>legend:first-child,form .bootstrap .overlay>legend:first-child,body.c-installation>.content>main body.c-settings>.content>main .primary>section .bootstrap .overlay>h3:first-child,body.c-settings>.content>main body.c-installation>.content>main .primary>section .bootstrap .overlay>h3:first-child{border-bottom:2px solid #f4f7f8;color:#ff9344;line-height:1em;margin-top:-0.1em;padding-bottom:18px}
.bootstrap .overlay>.help{display:block;position:absolute;height:12px;width:12px;top:10px;right:10px;z-index:999}
.bootstrap .overlay p{margin:0}
.bootstrap .overlay *+p,.bootstrap .overlay *+div>p:first-child{margin-top:16px}
.bootstrap .overlay.actions a.button,.bootstrap .overlay.actions button,.bootstrap .overlay.actions input[type=submit],.bootstrap .overlay.actions input[type=reset]{min-width:139px;-webkit-box-sizing:border-box;-khtml-box-sizing:border-box;-moz-box-sizing:border-box;-o-box-sizing:border-box;box-sizing:border-box;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-o-user-select:none;user-select:none;-webkit-border-radius:21px 21px 21px 21px;-khtml-border-radius:21px 21px 21px 21px;-moz-border-radius:21px 21px 21px 21px;-o-border-radius:21px 21px 21px 21px;border-radius:21px 21px 21px 21px;-webkit-appearance:none;-moz-appearance:none;cursor:pointer;display:inline-block;font-weight:600;font-size:14px;height:42px;line-height:38px;overflow:hidden;padding-top:1px;padding-bottom:1px;text-align:center;text-transform:uppercase;vertical-align:middle;white-space:nowrap;background-color:#ff9344;border:1px solid #b1b3b6;color:white}
.bootstrap .overlay.actions a.button:active,.bootstrap .overlay.actions a.button:hover,.bootstrap .overlay.actions button:active,.bootstrap .overlay.actions button:hover,.bootstrap .overlay.actions input[type=submit]:active,.bootstrap .overlay.actions input[type=submit]:hover,.bootstrap .overlay.actions input[type=reset]:active,.bootstrap .overlay.actions input[type=reset]:hover{text-decoration:none}
.bootstrap .overlay.actions a.button:hover,.bootstrap .overlay.actions button:hover,.bootstrap .overlay.actions input[type=submit]:hover,.bootstrap .overlay.actions input[type=reset]:hover{background-color:#4d4d4f;border-color:#4d4d4f;color:white}
.bootstrap .overlay.actions a.button:active,.bootstrap .overlay.actions button:active,.bootstrap .overlay.actions input[type=submit]:active,.bootstrap .overlay.actions input[type=reset]:active{background-color:#d97006;border-color:#d97006;color:white}
.bootstrap .overlay.actions a.button.default,.bootstrap .overlay.actions button.default,.bootstrap .overlay.actions button[type=submit],.bootstrap .overlay.actions input[type=submit],.bootstrap .overlay.actions input[type=reset].default{background-color:#ff9344;border:1px solid #b1b3b6;color:white}
.bootstrap .overlay.actions a.button.default:hover,.bootstrap .overlay.actions button.default:hover,.bootstrap .overlay.actions button[type=submit]:hover,.bootstrap .overlay.actions input[type=submit]:hover,.bootstrap .overlay.actions input[type=reset].default:hover{background-color:#4d4d4f;border-color:#4d4d4f;color:white}
.bootstrap .overlay.actions a.button.default:active,.bootstrap .overlay.actions button.default:active,.bootstrap .overlay.actions button[type=submit]:active,.bootstrap .overlay.actions input[type=submit]:active,.bootstrap .overlay.actions input[type=reset].default:active{background-color:#d97006;border-color:#d97006;color:white}
.bootstrap .overlay.actions a.button.disabled,.bootstrap .overlay.actions button[disabled],.bootstrap .overlay.actions input[type=submit][disabled],.bootstrap .overlay.actions input[type=reset][disabled]{cursor:default;background-color:#e6e6e6;border:1px solid #e6e6e6;color:#9d9fa2}
.bootstrap .overlay.actions a.button.disabled:hover,.bootstrap .overlay.actions button[disabled]:hover,.bootstrap .overlay.actions input[type=submit][disabled]:hover,.bootstrap .overlay.actions input[type=reset][disabled]:hover{background-color:#e6e6e6;border-color:#e6e6e6;color:#9d9fa2}
.bootstrap .overlay.actions a.button.disabled:active,.bootstrap .overlay.actions button[disabled]:active,.bootstrap .overlay.actions input[type=submit][disabled]:active,.bootstrap .overlay.actions input[type=reset][disabled]:active{background-color:#e6e6e6;border-color:#e6e6e6;color:#9d9fa2}
.bootstrap .overlay.actions p{margin-left:15%;margin-right:15%}
.bootstrap .overlay.actions p .separator{color:#4d4d4f;font-family:"Avenir Next", "Avenir", "Lato", Helvetica, Arial, sans-serif;font-size:10px;line-height:1.4em;color:rgba(77,77,79,0.5);display:block;font-weight:500;margin:15.4px 0 9.8px;text-transform:uppercase}
.bootstrap .overlay.actions p .separator::before,.bootstrap .overlay.actions p .separator::after{content:" – "}
.bootstrap .overlay.actions ul{padding:0}
.bootstrap .overlay.actions ul li{list-style-type:none}
.bootstrap .overlay.featured>h3:first-child,.bootstrap .overlay.featured>h4:first-child,.bootstrap .overlay.featured>p.headline:first-child,body.c-installation>.content>main body>.content>main>section.sparse.dual .bootstrap .overlay.featured>h3:first-child,.bootstrap form .overlay.featured>legend:first-child,form .bootstrap .overlay.featured>legend:first-child,body.c-installation>.content>main body.c-settings>.content>main .primary>section .bootstrap .overlay.featured>h3:first-child,body.c-settings>.content>main body.c-installation>.content>main .primary>section .bootstrap .overlay.featured>h3:first-child{background-color:#f4f7f8;border-bottom:none;color:#3672ba;margin:-20px;margin-bottom:20px;padding-top:10px}
.bootstrap .overlay.nav{-webkit-box-shadow:#f4f7f8 2px 2px 0 0;-khtml-box-shadow:#f4f7f8 2px 2px 0 0;-moz-box-shadow:#f4f7f8 2px 2px 0 0;-o-box-shadow:#f4f7f8 2px 2px 0 0;box-shadow:#f4f7f8 2px 2px 0 0;background-color:#f4f7f8;border:2px solid #3672ba;padding-top:28px;padding-bottom:28px;text-align:left}
.bootstrap .overlay.nav>h4:first-child,.bootstrap .overlay.nav>p.headline:first-child,body.c-installation>.content>main body>.content>main>section.sparse.dual .bootstrap .overlay.nav>h3:first-child,.bootstrap form .overlay.nav>legend:first-child,form .bootstrap .overlay.nav>legend:first-child,body.c-installation>.content>main body.c-settings>.content>main .primary>section .bootstrap .overlay.nav>h3:first-child,body.c-settings>.content>main body.c-installation>.content>main .primary>section .bootstrap .overlay.nav>h3:first-child{background-color:#3672ba;color:white;line-height:1.6em;margin:-28px -20px;margin-bottom:28px;padding:0 20px}
.bootstrap .overlay:hover{opacity:1}
.bootstrap .overlay p{height:100px;margin-top:-50px;position:absolute;top:50%;left:0;right:0}
li .bootstrap .overlay{left:-10px;right:10px}

code.sample::before {
color: #4D4D4F;
font-family: "Avenir Next", "Avenir", "Lato", Helvetica, Arial, sans-serif;
font-size: 64px;
line-height: 1.4em;
-webkit-transform: rotate(-6deg);
-khtml-transform: rotate(-6deg);
-moz-transform: rotate(-6deg);
-o-transform: rotate(-6deg);
transform: rotate(-6deg);
color: #EF664F;
content: "Sample";
display: block;
font-weight: 600;
left: 0;
line-height: 64px;
margin-top: -32px;
opacity: 0.5;
position: absolute;
right: 0;
text-align: center;
text-transform: uppercase;
top: 50%;
}
/*** END INSTALL PAGES***/

.single-cpt_content-commerce main .holder section h2,.single-cpt_content-commerce main .holder section body.c-marketing.a-jobs h3.promoted,body.c-marketing.a-jobs .single-cpt_content-commerce main .holder section h3.promoted,.single-cpt_content-commerce main .holder section h3{margin:0;text-transform:uppercase}
.single-cpt_content-commerce main .holder section h2,.single-cpt_content-commerce main .holder section body.c-marketing.a-jobs h3.promoted,body.c-marketing.a-jobs .single-cpt_content-commerce main .holder section h3.promoted{color:#ff9344;font-family:"Avenir Next", "Avenir", "Lato", Helvetica, Arial, sans-serif;font-size:28px;line-height:1.4em;border:none;font-weight:400;line-height:1em;padding:0}
.single-cpt_content-commerce main .holder section h2+p,.single-cpt_content-commerce main .holder section body.c-marketing.a-jobs h3.promoted+p,body.c-marketing.a-jobs .single-cpt_content-commerce main .holder section h3.promoted+p{line-height:1em}
.single-cpt_content-commerce main .holder section h3{color:#3672ba;font-family:"Rokkitt";font-size:40px;font-weight:normal;line-height:0.8em;font-weight:700;line-height:0.9em}
.single-cpt_content-commerce main .holder section h3 strong{color:#ff9344;font-weight:inherit}
.single-cpt_content-commerce main .holder section h3:not([class]){border-bottom:1px dotted #F1F2F2;margin-bottom:4.375px}
.single-cpt_content-commerce main .holder section h3.strong{color:white;font-family:"Avenir Next", "Avenir", "Lato", Helvetica, Arial, sans-serif;font-size:20px;line-height:1.4em;width:225px;background-color:#ff9344;display:inline-block;font-weight:400;line-height:1.9em;padding:0.1em 1em 0;position:relative;margin:0 0 1em 20px}
.single-cpt_content-commerce main .holder section h3.strong::before{background-color:#b1b3b6;content:" ";height:4px;margin-top:-2px;position:absolute;left:-20px;top:50%;width:900px;z-index:-1}
.single-cpt_content-commerce main .holder section h3.strong::after{content:" ";border-top:0.5em solid #4d4d4f;border-left:2em solid transparent;height:0px;position:absolute;bottom:-0.5em;left:0;width:0px}
.single-cpt_content-commerce main .holder section figure{margin:1em 0 0 0}
.single-cpt_content-commerce main .holder section figure figcaption+*,.single-cpt_content-commerce main .holder section figure *+figcaption{margin:1.4em 0 0 0}
.single-cpt_content-commerce main .holder section+section{margin-top:35px}
.single-cpt_content-commerce main #heading,.single-cpt_content-commerce main #preamble{background-color:#4d4d4f;color:white;padding:20px 24px}
.single-cpt_content-commerce main #heading p,.single-cpt_content-commerce main #preamble p{margin:0}
.single-cpt_content-commerce main #margins,.single-cpt_content-commerce main #advertisers,.single-cpt_content-commerce main #holidays{border-top:1px dotted #ff9344;padding-top:35px}
.single-cpt_content-commerce main #holidays h3,.single-cpt_content-commerce main #mobile h3{border-bottom:1px dotted #ff9344;margin-bottom:17.5px;padding-bottom:17.5px}
.single-cpt_content-commerce main #heading{text-align:center}
.single-cpt_content-commerce main #stats{color:#3672ba;margin-top:17px}
.single-cpt_content-commerce main #stats dl{height:52px;margin:0;position:relative}
.single-cpt_content-commerce main #stats dl dd{font-family:"Avenir Next", "Avenir", "Lato", Helvetica, Arial, sans-serif;font-size:40px;line-height:1.4em;margin:0;top:0}
.single-cpt_content-commerce main #stats dl dt{font-family:"Avenir Next", "Avenir", "Lato", Helvetica, Arial, sans-serif;font-size:20px;line-height:1.4em;bottom:0;font-weight:400;text-transform:uppercase}
.single-cpt_content-commerce main #stats dl dd,.single-cpt_content-commerce main #stats dl dt{line-height:0.9em;position:absolute}
.single-cpt_content-commerce main #stats dl *:nth-of-type(1){left: 10%}
.single-cpt_content-commerce main #stats dl *:nth-of-type(2){left: 36%}
.single-cpt_content-commerce main #stats dl *:nth-of-type(3){left: 72%}
.single-cpt_content-commerce main #sales figure{text-align:right}
.single-cpt_content-commerce main #sales figure:after{clear:both;content:" ";display:block;font-size:0;height:0;visibility:hidden}
.single-cpt_content-commerce main #sales figure figcaption{width:200px;float:left;margin-top:-0.25em}
.single-cpt_content-commerce main #margins,.single-cpt_content-commerce main #holidays{position:relative;text-align:right}
.single-cpt_content-commerce main #margins>div,.single-cpt_content-commerce main #holidays>div{width:280px;position:absolute;left:0;top:35px}
.single-cpt_content-commerce main #margins figure,.single-cpt_content-commerce main #holidays figure{margin:0}
.single-cpt_content-commerce main #advertisers{margin-left:auto;margin-right:auto;position:relative;text-align:right}
.single-cpt_content-commerce main #advertisers>div{width:540px;position:absolute;right:0;top:35px}
.single-cpt_content-commerce main #advertisers figcaption{color:#4d4d4f;font-family:"Avenir Next", "Avenir", "Lato", Helvetica, Arial, sans-serif;font-size:0;line-height:1.4em;display:block;margin-top:35px;padding-left:40px;text-align:left}
.single-cpt_content-commerce main #advertisers figcaption:after{clear:both;content:" ";display:block;font-size:0;height:0;visibility:hidden}
.single-cpt_content-commerce main #advertisers figcaption>*:not(script){color:#4d4d4f;font-family:"Avenir Next", "Avenir", "Lato", Helvetica, Arial, sans-serif;font-size:14px;line-height:1.4em;display:inline-block}
.single-cpt_content-commerce main #advertisers figcaption>*{display:inline-block;vertical-align:top}
.single-cpt_content-commerce main #advertisers figcaption>*:first-child{clear:left}
.single-cpt_content-commerce main #advertisers figcaption>*+*{margin-left:20px}
.single-cpt_content-commerce main #advertisers figcaption>*+*.span-12,.single-cpt_content-commerce main #advertisers figcaption>*+*.span-100p{margin-left:0}
.single-cpt_content-commerce main #advertisers figcaption ol{display:inline-block;color:#4d4d4f;font-family:"Avenir Next", "Avenir", "Lato", Helvetica, Arial, sans-serif;font-size:12px;line-height:1.4em;width:135px;margin-top:0;padding-left:1.9em; margin-left: 30px;}
.single-cpt_content-commerce main #advertisers figcaption ol:first-child{clear:left}
.single-cpt_content-commerce main #advertisers figcaption ol+ol{margin-left:20px}
.single-cpt_content-commerce main #advertisers figcaption ol+ol.span-12,.single-cpt_content-commerce main #advertisers figcaption ol+ol.span-100p{margin-left:0}
.single-cpt_content-commerce main #advertisers figcaption ol a{color:#4d4d4f}
.single-cpt_content-commerce main #advertisers figcaption ol a:hover{color:#3672ba}
.single-cpt_content-commerce main #holidays>div,.single-cpt_content-commerce main #holidays legend{text-align:left}
.single-cpt_content-commerce main #holidays legend{color:#4d4d4f;font-family:"Avenir Next", "Avenir", "Lato", Helvetica, Arial, sans-serif;font-size:12px;line-height:1.4em;position:absolute;right:0;top:35px}
.single-cpt_content-commerce main #holidays legend li{list-style-type:none;line-height:15px}
.single-cpt_content-commerce main #holidays legend li img{margin-bottom:-3px}
.single-cpt_content-commerce main #holidays legend li+li{margin-top:10px}
.single-cpt_content-commerce main #mobile{color:#4d4d4f;font-family:"Avenir Next", "Avenir", "Lato", Helvetica, Arial, sans-serif;font-size:0;line-height:1.4em;display:block}
.single-cpt_content-commerce main #mobile:after{clear:both;content:" ";display:block;font-size:0;height:0;visibility:hidden}
.single-cpt_content-commerce main #mobile>*:not(script){color:#4d4d4f;font-family:"Avenir Next", "Avenir", "Lato", Helvetica, Arial, sans-serif;font-size:14px;line-height:1.4em;display:inline-block}
.single-cpt_content-commerce main #mobile>*{display:inline-block;vertical-align:top}
.single-cpt_content-commerce main #mobile>*:first-child{clear:left}
.single-cpt_content-commerce main #mobile>*+*{margin-left:20px}
.single-cpt_content-commerce main #mobile>*+*.span-12,.single-cpt_content-commerce main #mobile>*+*.span-100p{margin-left:0}
.single-cpt_content-commerce main #mobile>div{display:inline-block;width:440px;position:relative}
.single-cpt_content-commerce main #mobile>div:first-child{clear:left}
.single-cpt_content-commerce main #mobile>div+*{margin-left:20px}
.single-cpt_content-commerce main #mobile>div+*.span-12,.single-cpt_content-commerce main #mobile>div+*.span-100p{margin-left:0}
.single-cpt_content-commerce main #mobile>div h3,.single-cpt_content-commerce main #mobile>div figcaption{position:absolute;left:35px;right:35px}
.single-cpt_content-commerce main #mobile>div figure,.single-cpt_content-commerce main #mobile>div figcaption{margin-top:0}
.single-cpt_content-commerce main #mobile>div h3{top:35px}
.single-cpt_content-commerce main #mobile>div:nth-of-type(1) h3{right:80px}
.single-cpt_content-commerce main #mobile>div:nth-of-type(1) figcaption{width:220px;top:497px}
.single-cpt_content-commerce main #mobile>div:nth-of-type(2){text-align:right}
.single-cpt_content-commerce main #mobile>div:nth-of-type(2) h3,.single-cpt_content-commerce main #mobile>div:nth-of-type(2) figcaption{width:244px;left:auto}
.single-cpt_content-commerce main #mobile>div:nth-of-type(2) figure figcaption{position:absolute;top:183px}
.single-cpt_content-commerce main #faq h3.strong{font-family:"Avenir Next", "Avenir", "Lato", Helvetica, Arial, sans-serif;font-size:14px;line-height:1.4em;line-height:1.9em;width:auto}
.single-cpt_content-commerce main #faq  dd{margin: 0 0 1em 40px;}
.single-cpt_content-commerce main #sharing{margin-bottom:-35px;margin-top:70px}
.single-cpt_content-commerce main #sharing nav.share{color:#4d4d4f;font-family:"Avenir Next", "Avenir", "Lato", Helvetica, Arial, sans-serif;font-size:0;line-height:1.4em;text-align:center}
.single-cpt_content-commerce main #sharing nav.share>*:not(script){color:#4d4d4f;font-family:"Avenir Next", "Avenir", "Lato", Helvetica, Arial, sans-serif;font-size:14px;line-height:1.4em;display:inline-block}
.single-cpt_content-commerce main #sharing nav.share>*:not(script){height:20px;line-height:20px;vertical-align:middle !important}
.single-cpt_content-commerce main #sharing nav.share>*:not(script) ~ *:not(script){margin-left:60px}
.single-cpt_content-commerce main #sharing nav.share>*:not(script)#fb-root{display:none}
.single-cpt_content-commerce main #sharing nav.share>*:not(script)[id^=twitter-widget-]{margin-right:-35px;width:110px !important}
.single-cpt_content-commerce main #sharing nav.share>*:not(script).fb-like>span{overflow:hidden !important}
.single-cpt_content-commerce main #sharing nav.share>*:not(script)#fb-root ~ .IN-widget *[id$=-title]{height:20px !important}

.main .searchform input[type=submit] { 
  display: block;
}
.addthis_toolbox addthis_default_style {margin-top: 30px;}
#grnhse_app #grnhse_iframe{width: 100% !important;}

/*Careers Overview */
.extended .bg-image-holder img{width: 100%; display: block;}
.page-template-template_landing_careers-php .breadcrumbs{display: none;}

#careers-o #values h2,
#careers-o #benefits h2{font-family: latolight; font-size: 42px; color: #636363; text-transform:uppercase; padding: 50px 20px; margin: 0; text-align: center;}

#careers-o #benefits,
#careers-o #values{margin-bottom: 50px;}

#careers-o #banner:after,
#careers-o #vision-mission .item:after,
#careers-o #values .values:after,
#careers-o #benefits .benefits:after{content:"";display:block;clear:both;}

#careers-o #banner{position: relative;}/*needed for phone slider control*/
#careers-o #banner .slides li{position: relative;}
#careers-o #banner .bg-image-holder{max-height: 840px; position: relative; z-index: -1; overflow: hidden;}
#careers-o #banner .header{position: absolute; bottom: 150px; z-index: 1; width: 100%;}
#careers-o #banner .header  .main-content-holder{margin: 0 auto; text-align: center; padding: 0 20px;}
#careers-o #banner .header h1{font-size: 105px; font-family: latolight; color: #fff; text-align: center; text-shadow: 0px 2px 15px rgb( 37, 35, 35 );  font-weight: normal; padding: 0; margin: 0 0 5px 0; border-bottom: none; line-height: 120%;}
#careers-o #banner .header p{color: #fff; font-family: Lato; font-weight: bold; font-size: 30px; margin: 0; padding: 0; line-height: 120%;}

#careers-o #vision-mission{min-height: 150px;}
#careers-o #vision-mission .main-content-holder{padding: 0;}
#careers-o #vision-mission .item{width: 100%;}
#careers-o #vision-mission .item h2{font-family: lato; font-size: 30px; color: #fff; line-height: 150px; margin: 0; padding: 0; width: 50%; text-align: center; text-transform: uppercase;}
#careers-o #vision-mission .item p{width: 50%; font-size:24px; font-family: lato; color: #636363; line-height: normal;}
#careers-o #vision-mission .item p span{height: 150px; display:table-cell; vertical-align:middle; padding: 0 100px;}
#careers-o #vision-mission .item.vision {
	background-image: linear-gradient(left, #e7c60e 50%, #fff 50%);
	background-image: -o-linear-gradient(left, #e7c60e 50%, #fff 50%);
	background-image: -moz-linear-gradient(left, #e7c60e 50%, #fff 50%);
	background-image: -webkit-linear-gradient(left, #e7c60e 50%, #fff 50%);
	background-image: -ms-linear-gradient(left, #e7c60e 50%, #fff 50%);
}
#careers-o #vision-mission .item.vision h2{float: left;}
#careers-o #vision-mission .item.vision p{float: right;}
#careers-o #vision-mission .item.vision p span{text-align: left;}
#careers-o #vision-mission .item.mission {
	background-image: linear-gradient(left, #fff 50%, #e7c60e 50%);
	background-image: -o-linear-gradient(left, #fff 50%, #e7c60e 50%);
	background-image: -moz-linear-gradient(left, #fff 50%, #e7c60e 50%);
	background-image: -webkit-linear-gradient(left, #fff 50%, #e7c60e 50%);
	background-image: -ms-linear-gradient(left, #fff 50%, #e7c60e 50%);
}
#careers-o #vision-mission .item.mission h2{float: right;}
#careers-o #vision-mission .item.mission p{float: left;}
#careers-o #vision-mission .item.mission p span{padding-right: 100px; text-align: right; }


#careers-o #working-at-viglink{/*background-color: #f4f7f8;*/}
#careers-o #working-at-viglink .main-content-holder{padding: 100px;}
#careers-o #working-at-viglink h2{margin: 0; padding-top:0; text-align: center; font-family: Rokkitt; font-size: 60px;}
#careers-o #working-at-viglink p{font-family: lato; font-size: 30px; line-height: 140%; text-align: center; color: #959595; }
#careers-o #working-at-viglink p:last-child{margin-bottom: 0; padding-bottom: 0}
	

#careers-o #values .value{float: left; width: 320px; height: 320px; background: url(images/career/bg_our_values.jpg) no-repeat 0 0; color: #fff;}
#careers-o #values .value.two{width: 640px;}
#careers-o #values .value span{display:none; vertical-align:middle; width: 320px; height: 320px; text-align: center;}
#careers-o #values .value.two span{width: 640px;}
#careers-o #values .value:hover span{display:block;}
#careers-o #values .value h2{font-family: latolight; font-size: 42px; padding: 0; margin: 0; color: #fff; text-transform:uppercase; line-height: 130%;}
#careers-o #values .value h3{font-family: lato; font-weight: bold; font-size: 36px; padding: 80px 0 18px 0; margin: 0; color: #fff; text-transform:uppercase; }/*not lato black?*/
#careers-o #values .value p{font-family: latolight; font-size: 20px; padding: 0 60px 0 60px; margin: 0; line-height: normal; text-align: center;}
#careers-o #values .value.challenge{background-position: 0 0; width: 640px;}
#careers-o #values .value.challenge:hover{background-color: #e7c60e; background-image: none;}
#careers-o #values .value.our-values{background-position: -640px 0;}
#careers-o #values .value.our-values span{background-color: rgb( 44, 115, 172 ); opacity: 0.749; display: table-cell;}
#careers-o #values .value.collaborate{background-position: -960px 0;}
#careers-o #values .value.collaborate:hover{background-color: #196bac; background-image: none;}
#careers-o #values .value.play{background-position: 0 -320px;}
#careers-o #values .value.play:hover{background-color: #51c9f0; background-image: none;}
#careers-o #values .value.dare{background-position: -640px -320px;}
#careers-o #values .value.dare:hover{background-color: #ff9344; background-image: none;}
#careers-o #values .value.overcome{background-position: -960px -320px;}
#careers-o #values .value.overcome:hover{background-color: #707070; background-image: none;}

#careers-o #benefits h3{text-align: center; font-family: lato; font-size: 24px; color: #ff9445; font-weight: bold; margin: 0 -15px 15px -15px; padding: 0;}
#careers-o #benefits p{text-align: center; font-family: latolight; font-size: 18px; margin: 0; padding: 0; line-height: 130%}
#careers-o #benefits .benefits{max-width: 940px; margin: 0 auto;}

#careers-o #benefits .benefit{width: 250px; /*310*/ height: 420px; padding: 0 30px 0 30px; float: left; 
	border-top: 1px solid #f4f4f4; /*#a1a1a1*/
	border-right: 1px solid #f4f4f4; 
	border-bottom: 1px solid #d1d1d1; 
	border-left: 1px solid #d1d1d1;}
#careers-o #benefits .benefit:nth-child(3n+0){border-right-color: #fff;}
#careers-o #benefits .benefit:nth-child(3n-2){border-left-color: #fff;}
#careers-o #benefits .benefit:nth-child(-n+3){border-top-color: #fff;}
#careers-o #benefits .benefit:nth-child(n+7){border-bottom-color: #fff;}
#careers-o #benefits .benefit:before{
    content: " ";
    background: url(images/career/benefits_sprite.png) no-repeat 0 0;
	width: 170px; height: 129px; margin: 30px auto; /*129 height since a different zooms we could see a line*/
	display: block;
}
#careers-o #benefits .benefit.health:before{background-position: 0 0;}
#careers-o #benefits .benefit.time-off:before{background-position: 0 -130px;}
#careers-o #benefits .benefit.future:before{background-position: 0 -260px;}
#careers-o #benefits .benefit.learning:before{background-position: 0 -390px;}
#careers-o #benefits .benefit.eat:before{background-position: 0 -520px;}
#careers-o #benefits .benefit.family:before{background-position: 0 -650px;}
#careers-o #benefits .benefit.fun:before{background-position: 0 -780px;}
#careers-o #benefits .benefit.commute:before{background-position: 0 -910px;}
#careers-o #benefits .benefit.referrals:before{background-position: 0 -1040px;}

#careers-o #team {position: relative;}
#careers-o #team .bg-image-holder{max-height: 766px; position: relative; z-index: -1; overflow: hidden;}
#careers-o #team .inner1{position: absolute; bottom: 0; z-index: 1;margin: 0 0 40px 0; width: 100%; }
#careers-o #team .inner2{max-width: 1050px; margin: 0 auto;}
#careers-o #team .inner2 a{
	display: block; width: 490px; font-family: latolight; font-size: 52px; text-transform: uppercase; line-height: 90px; text-align: center; color: #fff;
}
#careers-o #team .inner2 .meet-our-team{float: left; background-color: rgba( 0, 25, 106, 0.502); }
#careers-o #team .inner2 .open-positions{float: right; background-color: rgba( 111, 0, 196, 0.749);}
.page-template-template_landing_careers-php main{padding-bottom: 0}
.page-template-template_landing_careers-php #footer .partners{display: none;}
/*End careers Overview, see below for specific devices */


/* About Landing Page */
#about-1 .section:after,
#about-1 .people .list-with-bio:after,
#about-1 .people .list-with-bio3:after{content:"";display:block;clear:both;}

#about-1 #team .handle,
#about-1 #board-of-directors .handle{display: none;}

#about-1 .inner1, #about-1 #team .handle .inner1{max-width: 1150px; margin: 0 auto; padding: 0;}

#about-1 .handle .inner1{padding-left: 20px;}

#about-1 #team .inner1{max-width: 1300px;}
#about-1 #team .inner1.closed{display:none;}
#about-1 .container1, #about-1 #press.section{padding-bottom: 140px;}

#about-1 #banner{position: relative; max-height: 800px; overflow: hidden }
#about-1 #banner img{max-width: 100%; width: 100%; display: block;}
#about-1 #banner .c1{background: rgba(25, 107, 172, 0.502); position: absolute; bottom: 0; left: 0;width: 100%; height: 240px;}
#about-1 #banner h1{font-size: 72px; font-family: latolight; color: #fff; text-align: center; margin: 58px 0 24px 0; padding: 0; text-shadow: 0px 2px 15px rgb( 37, 35, 35 );  font-weight: normal; border-bottom: none; line-height: 120%; text-transform: uppercase;}
#about-1 #banner p{font-size: 40px; font-family: Rokkitt; color: #fff; text-align: center; font-weight: bold; margin: 0; padding: 0; line-height: 120%; }
#about-1 #banner.section{padding-bottom: 0;}

#about-1 .description {background: rgba(25, 107, 172, 0.502); margin-bottom: 1px;}
#about-1 .description p{font-family: latolight; font-size: 24px; padding: 36px 0 50px 0; margin: 0; line-height: 150%; color:#fff; text-align: center;}

#about-1 .people{display: block; background-color: #F4F7F8;}
#about-1 #team.people{background-color: #fff;}
#about-1 .people h3{font-family: Lato; font-size: 24px; font-weight: bold; padding: 0 0 15px 0; margin: 0; line-height: 120%; color:#707070; text-align: center; text-transform: uppercase;}
#about-1 .people h2, #about-1 #press h2{font-family: latolight; font-size: 52px; padding: 0 0 50px 0; margin: 0; line-height: 120%; color:#333333; text-align: center; text-transform: uppercase;}
#about-1 .people h3, #about-1 #press h2{padding-top: 75px;}

#about-1 .people .list{max-width: 1300px; text-align: center; overflow: hidden;}
#about-1 .people .list .person{display:inline-block; margin: 0 4px 0 4px; width: 250px; height: 250px; text-align: center; color: #fff; overflow: hidden; box-sizing: border-box; font-size: 0; position: relative;}
#about-1 .people .list .person img{width: 250px; height: auto; max-height: 250px;}

/*hover state*/
#about-1 .people .list .person .innerp1,
#about-1 .people .list .person .innerp1 .shade{position: absolute; top: 0; left: 0; width: 100%; height: 100%;}
#about-1 .people .list .person:nth-child(5n+1) .innerp1 .shade {background-color: rgba(148, 213, 240, 0.80);}
#about-1 .people .list .person:nth-child(5n+2) .innerp1 .shade {background-color: rgba(174, 255, 226, 0.80);}
#about-1 .people .list .person:nth-child(5n+3) .innerp1 .shade {background-color: rgba(248, 172, 145, 0.80);}
#about-1 .people .list .person:nth-child(5n+4) .innerp1 .shade {background-color: rgba(251, 201, 142, 0.80);}
#about-1 .people .list .person:nth-child(5n+5) .innerp1 .shade {background-color: rgba(214, 194, 251, 0.80);}
#about-1 .people .list .person .innerp2{position: absolute; bottom: 0; padding: 0 10px 30px 10px; text-align: center;  color: #fff; width: 100%; box-sizing: border-box;}
#about-1 .people .list .person .innerp2 .name{font-family: Lato; font-weight: bold; font-size: 18px; line-height: 25px; padding-bottom: 4px; text-transform: uppercase; display: block;}
#about-1 .people .list .person .innerp2 .position{font-family: Lato; font-size: 14px; line-height: 16px; padding-bottom: 27px; text-transform: uppercase; display: block;}

/*to use css animation vs. the js animation, 
standard opacity
*/
#about-1 .people .list .person .innerp1{opacity: 0;  transition: opacity 1.0s ease-in-out; -moz-transition: opacity 1.0s ease-in-out; -webkit-transition: opacity 1.0s ease-in-out;}
#about-1 .people .list .person:hover .innerp1,
#about-1 .people .list .person.tapped .innerp1{opacity: 1; }
#about-1 .people .list .person .innerp2{opacity: 0;  -webkit-transition: -webkit-transform 0.80s, color 0.80s; transition: transform 0.80s, color 0.80s; -webkit-transform: translate3d(0,50%,0); transform: translate3d(0,50%,0);}
#about-1 .people .list .person:hover .innerp2,
#about-1 .people .list .person.tapped .innerp2{opacity: 1;  -webkit-transform: translate3d(0,0,0); transform: translate3d(0,0,0);}

	

#about-1 .people .list-with-bio{text-align: center; margin: 0 auto;}
#about-1 .people .list-with-bio .person{display:inline-block; width: 250px; margin-left: 50px; text-align: left; overflow: hidden; vertical-align:top; text-align: center;}
#about-1 .people .list-with-bio .person.p1 {margin-left: 0;}
#about-1 .people .list-with-bio .person img.now11n{display: block; width: 250px; height: auto; padding-bottom: 25px;}
#about-1 .people .list-with-bio .person .name{display: block; font-family: Lato; font-weight: bold; font-size: 24px; color:#51c9f0; line-height: 110%; text-transform: uppercase; margin: 0; padding: 0; text-align: left;}
#about-1 .people .list-with-bio .person .position{display: block; font-family: Lato; font-weight: bold; font-size: 14px; color:#000; line-height: 110%; margin: 0; padding: 0; text-align: left;}
#about-1 .people .list-with-bio .person .bio{font-family: latolight; font-size: 14px; line-height: 130%; color: #333333; text-align: left;}
#about-1 .people .list-with-bio .person .bio p{margin: 0; padding: 14px 0 0 0;}

#about-1 .people .list-with-bio3{-webkit-column-count: 2; -moz-column-count: 2; column-count: 2; -webkit-column-gap: 40px; -moz-column-gap: 40px; column-gap: 40px; margin-bottom: -40px; }
/*note bug with css3 columns and inline-block is causing extra padding in chrome */

#about-1 .people .list-with-bio3 .person{display:inline-block; width: 100%; padding: 0 0 40px 0; text-align: left; overflow: hidden; vertical-align:top; }
#about-1 .people .list-with-bio3 .person .inner{}
#about-1 .people .list-with-bio3 .person img.now11n{display: block; float: left; width: 175px; height: auto; padding: 0 15px 25px 0;}
#about-1 .people .list-with-bio3 .person .details{padding-left: 190px;}
#about-1 .people .list-with-bio3 .person .name{display: block; font-family: Lato; font-weight: bold; font-size: 24px; color:#51c9f0; line-height: 110%; text-transform: uppercase; margin: 0; padding: 0; text-align: left;}
#about-1 .people .list-with-bio3 .person .position{display: block; font-family: Lato; font-weight: bold; font-size: 14px; color:#000; line-height: 110%; margin: 0; padding: 0; text-align: left;}
#about-1 .people .list-with-bio3 .person .bio{font-family: latolight; font-size: 14px; line-height: 130%; color: #333333; text-align: left;}
#about-1 .people .list-with-bio3 .person .bio p{margin: 0; padding: 14px 0 0 0;}

#about-1 .handle{line-height: 50px; font-family: Lato; font-size: 24px; color: #fff; text-transform: uppercase; cursor: pointer;}
#about-1 .handle.odd{
	background-image: -moz-linear-gradient( 90deg, rgb(255,147,56) 0%, rgb(248,134,38) 100%);
	background-image: -webkit-linear-gradient( 90deg, rgb(255,147,56) 0%, rgb(248,134,38) 100%);
	background-image: -ms-linear-gradient( 90deg, rgb(255,147,56) 0%, rgb(248,134,38) 100%);
}
#about-1 .handle.even{
  background-image: -moz-linear-gradient( 90deg, rgb(141,132,128) 0%, rgb(182,174,155) 100%);
  background-image: -webkit-linear-gradient( 90deg, rgb(141,132,128) 0%, rgb(182,174,155) 100%);
  background-image: -ms-linear-gradient( 90deg, rgb(141,132,128) 0%, rgb(182,174,155) 100%);
}
#about-1 .handle .inner1{position: relative;}
#about-1 .handle .inner1:after {
	right: 20px;
	top: 50%;
	border: solid transparent;
	content: " ";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
	border-left-color: #fff;
	border-width: 10px;
	margin-top: -10px;
}
#about-1 .handle.open .inner1:after
/*, #about-1 .handle:hover .inner1:after*/ {
	top: 60%;
	border-top-color: #fff;
	border-left-color: transparent;
	margin-right: 4px;
}



#about-1 #press h2{padding-bottom: 20px}
#about-1 #press p{max-width: 950px; padding-bottom: 50px; margin: 0 auto; font-family: Lato; font-size: 24px; color: #ff9344; text-align: center; line-height: 120%;}
#about-1 #press p a{color: #ff9344;}

#about-1 #press p.download{text-align: center;}
#about-1 #press a.btn{display: block; font-family: Lato; color: #fff; font-weight: bold; text-transform: uppercase; font-size: 30px; line-height: 40px; padding: 26px;
	border-radius: 6px;
	background-image: -moz-linear-gradient( 90deg, rgb(28,117,188) 0%, rgb(110,201,241) 100%);
	background-image: -webkit-linear-gradient( 90deg, rgb(28,117,188) 0%, rgb(110,201,241) 100%);
	background-image: -ms-linear-gradient( 90deg, rgb(28,117,188) 0%, rgb(110,201,241) 100%);
	display: inline-block; 
}/*we don't have lato black xxx */


#about-1 #press p+ul{margin-top: -30px; /*50-30 = 20*/}
#about-1 #press ul{text-align: center;}
#about-1 #press ul li {display: inline-block; padding: 0 0 0 18px; margin: 0 0 0 9px; position: relative; font-family: Lato; font-weight: bold; font-size: 18px; text-transform: uppercase;}
#about-1 #press ul li:first-child {margin: 0;padding: 0;}
#about-1 #press ul li:after {content: "|"; position: absolute; top: 0; left: 0; font-weight: bold; }
#about-1 #press ul li:first-child:after{content: "";}
#about-1 #press ul li  a{color: #196bac} /*why is this different xxx */



#subnav{background-color: #363636; font-family: latolight; font-size: 12px; text-transform:uppercase;  line-height: normal;}
#subnav.fixed{ position: fixed; top: 0; left: 0; right: 0;}
#subnav a{color: #fff; }
#subnav ul{list-style-type: none; margin: 0; padding: 25px 0;}
#subnav ul li{display: inline;}
#subnav ul li a{padding: 0 10px;}
#subnav ul li:first-child a{padding-left: 0;}
#subnav ul li::after{content: "|"; color: #fff;}
#subnav ul li:last-child::after{content:"";}
#subnav a.action2{background-color: #4a4a4a; float: right;  display: block; padding: 25px 35px; margin-right: -20px; font-size: 14px;}


/***BEGIN PROD O***/
#products-o .main-content{padding-top: 0;}
#products-o {-webkit-box-sizing: border-box; box-sizing: border-box;}
#products-o .main-frame{	min-height: 750px; position: relative; z-index: 0;}
#products-o .bg-stretch{top: 0; left: 0; bottom: 0; right: 0; position: absolute; z-index: -1; overflow: hidden;}
#products-o .bg-stretch img{max-width: none;}
#products-o .main-frame-holder{margin: 0 auto; max-width: 1192px; padding: 0 20px;}
#products-o .main-frame .post{color: #fff; font-size: 26px; line-height: 39px; padding: 304px 120px 20px 0;}
#products-o .main-frame .post h1{ font-size: 60px; line-height: 75px; margin: 0 0 38px; font-weight: 400; text-transform: uppercase; /*cancel out*/ border-bottom: none; font-family: Lato; padding: 0; color: #fff;}
#products-o .main-frame .post p{margin: 0;}

#products-o .main-content .main-block:nth-child(odd){background: #fff;}
#products-o .main-content .main-block:nth-child(even){background: #f4f4f4;}
#products-o .main-block-holder{ margin: 0 auto; max-width: 1600px; padding: 100px 0; letter-spacing: 0; font-size:0; line-height:0;}
#products-o .main-block-holder:after{ content: ''; display: block; clear: both;}
#products-o .main-block .col{ display: inline-block; vertical-align: bottom; width: 50%; -webkit-box-sizing: border-box; box-sizing: border-box;}
#products-o .main-block .col:first-child{padding: 0 104px 0 0;}
#products-o .main-block .post { float: right; max-width: 472px; margin: 0 0 50px; font: 400 17px/30px "Lato", sans-serif, Helvetica;}
#products-o .main-block .post h2{ margin: 0 0 31px; font-weight: 300; font-size: 36px; line-height: 39px; color: #333;}
#products-o .main-block .post p{margin: 0;}
#products-o .main-block .blockquote{ float: right; margin: 0 0 84px; max-width: 472px; font-size: 14px; line-height: 24px; color: #333;}
#products-o .blockquote .avatar-holder{ float: left; width: 97px; margin: 8px 28px 0 0;}
#products-o .blockquote .quote{ overflow: hidden; display: block; font-weight: 300;}
#products-o .blockquote .quote q{ font-style: italic; margin: 0 0 1px; display: block;}
#products-o .blockquote cite{ display: block; font-weight: 900; font-style: normal; font-size: 12px;}
#products-o .main-block .col > img { display: block; max-width: 100%;}
#products-o .js-gif img{ max-width: 100%; height: auto;}


/*Linksmart*/
#products-o.linksmart{}
#products-o.linksmart .main-block-holder{margin: 0 auto; max-width: 1192px; padding: 100px 20px;}
#products-o.linksmart .main-block .post{padding: 0; margin: 0; float: none; max-width: 100%;}
#products-o.linksmart .main-block .post p{margin: 0 0 50px 0; font-size: 28px; line-height: 150%;}
#products-o.linksmart .main-block .post p:last-of-type {margin: 0;}
#products-o.linksmart .faq{margin: 30px 0 0 0; padding-left: 15px; text-indent: -23px;}
#products-o.linksmart .faq:after{ content: ''; display: block; clear: both;}
#products-o.linksmart .faq .question{float: left; width: 30%; margin: 0; box-sizing: border-box;}
#products-o.linksmart .faq .answer{float: left; width: 70%; margin: 0; padding-left: 35px; box-sizing: border-box;}
#products-o.linksmart .faq ul{padding-left: 20px; list-style-type: disc; text-indent: 0;}
#products-o.linksmart .faq li{margin-left: 18px; padding-left: 2px; }

/*inconsistent*/
#products-o.linksmart .main-frame .post{font-size: 40px; line-height: normal;}
#products-o.linksmart .main-block .post h2{font-size: 50px; line-height: normal; padding: 0;}


/*xxx from landing page publishers css -- need to integrate*/
.signup-now2 {padding: 90px 0 0; margin-bottom: -33px; background: url(images/signup-now.jpg) 50% 0 no-repeat; background-size: cover; color: #fff; text-align: center; height: 466px; box-sizing: border-box;}
.signup-now2 h2 {font-size: 43px; margin: 0 0 24px 0; padding: 0; font-family: 'Rokkitt', Georgia, Times, serif; color: #fff; text-align: center;}
.signup-now2 h3 {font-family: 'Latolight', Helvetica, Arial, sans-serif; font-size: 30px;text-transform: none; -webkit-font-smoothing: subpixel-antialiased; text-align: center; margin: 0 0 20px 0; padding: 0;  color: #fff}

.main-content .signup-now2 .btn4{text-align: center; margin: 0 0 20px 0;}
.main-content .signup-now2  h3 a{color: #fff; font-family: latolight; text-decoration: none; border-bottom: 1px solid #fff;}
.main-content .signup-now2  h3 a:hover{text-decoration: none; border-bottom: none;}
/***END PROD O***/


/* .page-template-template_about-php main{padding-bottom: 90px}  /*why is this different xxx */
.page-template-template_about-php #footer .partners{display: none;}
.page-template-template_about-php .breadcrumbs{display: none;}

/* End About Landing Page, see below for specific devices */


.announcement{background-image: url(images/bg-announcement.50.png); background-repeat: repeat; padding: 20px 5px;}
.announcement a{color: #fff;}
.announcement .line1{font-size: 30px; padding-bottom: 10px; display: block; text-align: center;}
.announcement .line2{font-size: 16px; display: block; text-align: center; text-transform: uppercase; font-weight: bold}
.announcement a:hover{text-decoration: none !important;}
.announcement a:hover .line1{text-decoration: none !important; color: #fff; border: none}
.announcement a:hover .line2{text-decoration: underline !important; color: #fff; border: none}

@media only screen and (min-width:1600px){
	#careers-o #values  > h2{display: none;}
}

@media only screen and (max-width:1600px){
	#careers-o #values .values{width: 1280px; margin: 0 auto;}
	#careers-o #values .value{display: block;}
	#careers-o #values .value.our-values{display: none;}
	#careers-o #values .value.dare{ background: url(images/career/bg_our_values_dare.jpg) 0 0;}
	#careers-o #values .value.dare,
	#careers-o #values .value.dare span{width: 640px;}
}

@media only screen and (max-width:1280px){
	#careers-o #values .values{width: 640px; margin: 0 auto;}

	#about-1 #banner h1{font-size: 60px; }
	#about-1 #banner p{font-size: 30px;}
}

@media only screen and (max-width: 1190px){
	#products-o .main-block .col:first-child{padding: 60px 104px 0 20px;} 
	#products-o .main-block .col{vertical-align: top;}
}

@media only screen and (max-width:1180px){
	#about-1 .people .list-with-bio {max-width: 600px;}
	#about-1 .people .list-with-bio .person.p3{margin-left: 0}
	#about-1 .people .list-with-bio .person.p3, 
	#about-1 .people .list-with-bio .person.p4 {margin-top: 50px;}
	#about-1 .people .list-with-bio3{padding: 0 20px;}
}
@media only screen and (max-width: 1115px){
	#products-o .main-frame .post h1 {font-size: 50px; line-height: 65px;}
	#products-o .main-frame .post,
	#products-o.linksmart .main-frame .post{font-size: 22px; line-height: 32px;} 
	#products-o .main-block .post{margin: 0 0 30px;} 
	#products-o .main-block .post h2,
	#products-o.linksmart .main-block .post h2{margin: 0 0 20px;}
}
@media only screen and (max-width: 1090px){
	#products-o .main-block .col:first-child{padding: 0 60px 0 20px;}
	#products-o .main-block .post,
	#products-o .main-block .blockquote{float: left;}
}


@media only screen and (max-width:1024px){
	.header-holder,
	.breadcrumbs-holder,
	.promo-holder,
	.main-content-holder,
	.partners-holder,
	.footer-holder,
	.breadcrumbs ul{padding:0 20px;}
	.promo-holder .text-holder .holder,
	.features-holder,
	.main-holder{margin:0 330px 0 0 ;}
	
	/*#nav{float:left;clear:both;	}*/
	.drop-holder{padding:23px 0 0;}
	.footer-holder{text-align:center;}
	#footer .social{
		float:none;
		display:inline-block;
		vertical-align:top;
		margin: 0 0 50px 0;
	}
	.footer-holder .nav-holder{
		margin:0 0 20px;
		display:block;
		float:none;
	}
	.footer-holder .sub-nav,.copyright-holder{
		display:inline-block;
		vertical-align:top;
		float:none;
	}
	.copyright-holder{width:642px;}
	#footer h3{
		width:auto;
		float:none;
		text-align:center;
		margin:0 0 20px;
	}
	#footer .partners ul{
		float:none;
		margin-bottom:5px;
	}
	#footer .partners-holder{text-align:center;}
	#footer .partners{padding:30px 0 16px;}
	#footer .partners .more{
		float:none;
		display:inline-block;
		vertical-align:top;
		text-align:center;
		margin:0;
	}
	#footer .publishers{padding:0 0 20px;}
	#footer .retailers h3{margin:0 0 20px;}
	#footer .retailers{padding:0;}
	#footer .retailers ul{padding:0;}
	
	.promo-holder .text-holder .holder{padding: 0;}
	.promo-holder h2{white-space: normal;}
	main #excerpts{padding:0;}
	main #excerpts>div{width: 45%;}
	
	.single-cpt_content-commerce main #advertisers figcaption ol{margin: 0 20px 20px 0;}
	.single-cpt_content-commerce main #advertisers figcaption ol+ol{margin-left: 0;}
	.single-cpt_content-commerce main #margins>div,
	.single-cpt_content-commerce main #holidays>div,
	.single-cpt_content-commerce main #advertisers>div{width: 100%; position: static;}	
	.single-cpt_content-commerce main #margins,.single-cpt_content-commerce main #holidays{position:static;text-align:left;}
	.single-cpt_content-commerce main #sales figure,
	.single-cpt_content-commerce main #advertisers {text-align:left}
	.single-cpt_content-commerce main #sales figure figcaption{width: auto;float: none; margin-top: 0;}
	.single-cpt_content-commerce main #mobile>div:nth-of-type(2) h3,.single-cpt_content-commerce main #mobile>div:nth-of-type(2) figcaption{width:280px;left:auto}
	

	#careers-o #working-at-viglink .main-content-holder {padding: 60px 100px;}
	#careers-o #working-at-viglink{background-color: #f4f7f8;}
		
	/*change the show/hide mission vision, also see javascript*/
	
	#careers-o #vision-mission{min-height: 0; margin-bottom: 0;}
	#careers-o #vision-mission .main-content-holder{padding: 0;}
	#careers-o #vision-mission .item{width: 100%;}
	#careers-o #vision-mission .item h2{line-height: 100px; font-size: 24px;}
	#careers-o #vision-mission .item p{width: auto;}
	#careers-o #vision-mission .item p span{height: auto; display: inline; padding: 0 50px;}
	#careers-o #vision-mission .item.vision,
	#careers-o #vision-mission .item.mission{background-image: none;}

	#careers-o #vision-mission .item.vision h2,
	#careers-o #vision-mission .item.mission h2{float: none; width: 100%;}	
	#careers-o #vision-mission .item.vision h2{background-color: #e7c60e;}
	#careers-o #vision-mission .item.mission h2{background-color: #51c9f0;}
	

	#careers-o #vision-mission .item.vision p,
	#careers-o #vision-mission .item.mission p{float: none; padding: 25px 50px 25px 50px; margin: 0 auto; text-align: center;}
	#careers-o #vision-mission .item.vision p span,
	#careers-o #vision-mission .item.mission p span{padding: 0; text-align: center;}
	
	
	#careers-o #team .inner1{position: static;margin: 0; }
	#careers-o #team .inner2 a{width: 100%;}
	#careers-o #team .inner2 .meet-our-team{float: none;}
	#careers-o #team .inner2 .open-positions{float: none;}
	#careers-o #team .inner2 a{font-size: 30px; line-height: 60px;}

	#about-1 .people h2, #about-1 #press h2{padding-bottom: 40px;}
	#about-1 .inner1, #about-1 #team .handle .inner1{padding-left: 50px; padding-right: 50px;}
	#about-1 .container1, #about-1 #press.section{padding-bottom: 40px;}
}

@media only screen and (max-width: 1010px){
	#products-o .main-block .post {font-size: 15px; line-height: 25px; margin: 0 0 15px; }
	#products-o .main-block .post h2,
	#products-o.linksmart .main-block .post h2{font-size: 30px; line-height: 33px; margin: 0 0 15px;}
}


@media only screen and (max-width:995px){

	#careers-o #banner .header{}
	#careers-o #banner .header h1{font-size: 80px; line-height: 100%;}
	#careers-o #banner .header p{font-size: 18px;}
	
	#careers-o #vision-mission .item p span{padding: 0 50px;}
	
	/*reset back*/
	#careers-o #benefits .benefit:nth-child(3n+0){border-right-color: #f4f4f4;}
	#careers-o #benefits .benefit:nth-child(3n-2){border-left-color: #d1d1d1;}
	#careers-o #benefits .benefit:nth-child(-n+3){border-top-color: #f4f4f4;}
	#careers-o #benefits .benefit:nth-child(n+7){border-bottom-color: #d1d1d1;}
	
	#careers-o #benefits .benefits{max-width: 630px; margin: 0 auto;}
	#careers-o #benefits .benefit:nth-child(even){border-right-color: #fff;}
	#careers-o #benefits .benefit:nth-child(odd){border-left-color: #fff;}
	#careers-o #benefits .benefit:nth-child(-n+2){border-top-color: #fff;}
	#careers-o #benefits .benefit:nth-child(n+9){border-color: #fff; width: 560px; /**xxx adjust for bg image**/}
	
	#about-1 .people .list-with-bio3 .person{width: 100%;}
	#about-1 .people .list-with-bio3{text-align: left;
		-webkit-column-count: 1;  -moz-column-count: 1; column-count: 1;
		margin-bottom: 0;}
	#about-1 #additional-investors.people .list-with-bio3{margin-bottom: 0;}
}
@media only screen and (max-width: 980px){
	#products-o .main-frame {min-height: 600px;}
	#products-o .main-frame .post h1 { font-size: 33px; line-height: 43px;}
	#products-o .main-frame .post,
	#products-o.linksmart .main-frame .post{ font-size: 19px; line-height: 27px;}
	#products-o .main-block .post h2,
	#products-o.linksmart .main-block .post h2{ font-size: 25px; line-height: 28px; margin: 0 0 15px;}
	#products-o .main-block .post { font-size: 13px; line-height: 22px;}
	#products-o .main-block .col:first-child {padding: 0 20px;}
	#products-o .blockquote .avatar-holder {margin: 8px 18px 0 0;}
	#products-o .main-block .blockquote { font-size: 13px; line-height: 23px; margin: 0;}
}
@media only screen and (max-width:900px){
	#about-1 .people .list .person{width: 135px; height: 135px; margin: 0 2px 0 2px;}
	#about-1 .people .list .person img{width: 135px; height: auto; max-height: 135px;}
	#about-1 .people .list .person .innerp2{padding: 0 5px 20px 5px;}
	#about-1 .people .list .person .innerp2 .name{font-size: 14px; line-height: 110%; padding-bottom: 6px;}
	#about-1 .people .list .person .innerp2 .position{font-size: 10px; line-height: 110%; padding-bottom: 6px;}
	/* small social icons?? */
}

@media only screen and (max-width:767px){
	img{max-width: 100%; height: auto;}
	.min-width-767{display: block;}
	.min-width-768{display: none;}
	.page-id-6495 .features-holder{margin-right: 0;}
	
	#header{padding: 30px 0 20px 0;}
	#header .logo{width:102px; height:26px;}
	#header .logo img{width:102px; height:26px;}
	#header .header-holder .btn-holder{
		display: none;
	}
	#header .header-holder .btn-holder a{
		float:none;
		display:inline-block;
		vertical-align:top;
		padding:5px 15px;
	}
	
	#header .opener{
		display:block; float: right;
		text-indent: -9999px; width: 33px; height: 26px;
		background:url(images/menu-bar_33x26.png) no-repeat;
	}
	
	#nav{float:none; padding: 50px 0 0 0; margin: 0 -20px -20px -20px; }
	#nav>ul{background: #333333; }
	#nav>ul>li{float:none;margin:0;border:0;}
	#nav>ul>li:first-child{}
	#nav>ul>li a, #nav .drop-holder a, #nav .has-drop-down>a
	{	display: block; color: #f0f2f4; padding: 20px; 
		font: 22px/22px Lato, Arial, Helvetica, sans-serif; font-weight: bold;
		text-transform: uppercase;
	}

	#nav>ul>li#menu-item-6951 a{color: #ff9344;}
	#nav>ul>li#menu-item-6950 a,
	#nav>ul>li#menu-item-8024 a{color: #196bac}
	
	.has-drop-down>a:after {
		position: relative;
		top: 15px;
		left: 10px;
	}
	#nav .drop-holder ul {
		background: #c9c9c9;
		position: relative;
		box-shadow: none;
	}
	#nav .drop-holder ul:after {
		content: none;
	}
	#nav>ul>li .drop-holder ul>li{border-top:1px solid #f4f7f8;}

	#nav .drop-holder a:after {content: none;}
	#nav>ul>li.hover .drop-holder{display:block; padding-top: 5px;} 
	#nav>ul>li.hover .drop-holder{
		display:block;
		position:static;
	}
	
	nav.js-slide-hidden{position:absolute !important;}
	.has-drop-down>a{padding:0;}
	.has-drop-down>a:after{right:20px;}
	
	.drop-holder ul:after{border:0;}
	.drop-holder{padding:0;}
	.drop-holder a{
		width:auto;
		padding:5px 10px;
	}
	.drop-holder ul{
		font-size:16px;
		line-height:20px;
		box-shadow:none;
	}
	.drop-holder a:after{
		left:0;
		right:0;
	}
	
	
	
	.promo-holder .text-holder,.features-block,.main,.gallery-box{float:none;}
	.promo-holder .text-holder .holder,.gallery-holder,.features-holder,.main-holder{margin:0;}
	.promo-holder .sign-up,.main-content aside{
		float:none;
		margin:0 auto;
	}
	
	.promo-holder .text-holder .holder p{
		font-size:16px;
		line-height:20px;
		padding: 0 0 15px 0;
		text-align: center;
	}
	.promo{padding: 50px 0;}
	.promo-holder h1,#wrapper.marketers .promo-holder h1{
		font-size:24px;
		line-height:normal;
		margin:0 0 14px;
		text-align:center;
	}
	.main-content{padding:30px 0 0;}
	.gallery-box{margin:0 0 40px;}
	.with-aside .gallery-holder,
	.with-aside.press-highlights .gallery-holder{width: auto; margin:0}
	main{padding:0 0 10px;}
	#wrapper.marketers .promo-holder .text-holder .holder{line-height:20px;}
	.features-block .block img{
		float:none;
		display:block;
		margin:0 auto 13px;
	}
	.promo h2 {
		font-size:48px;line-height:40px; padding: 0 0 15px 0; text-align:center;
	}
	.main-content .features-holder h2{font-size:36px;line-height:normal; text-align:center; padding-top: 0;}
	.main-content .features-holder p{text-align: center;}

	.footer-holder .sub-nav li,
	.footer-holder .sub-nav li:first-child{
		float:none;
		margin:0 0 15px;
		padding:0;
	}
	.footer-holder .sub-nav li a,
	.copyright-holder,
	.footer-holder .sub-nav{
		font-size: 18px; line-height: normal
	}
	.footer-holder .sub-nav li:after, .footer-holder .sub-nav li:first-child:after{content: none;}
	.main-footer{padding: 50px 0 50px;}
	.footer-holder .sub-nav,.copyright-holder{
		display:block;
		width:auto;
	}
	.copyright,.copyright-holder .phone{
		float:none;
		display:inline-block;
		vertical-align:top;
	}
	.copyright{margin:0 40px 0 0;}

	.footer-holder .sub-nav{margin:0 0 15px;}

	#footer .partners li{
		display:block;
		margin:0 0 20px;
	}
	#footer .partners ul{margin:0;}
	#footer .publishers:after{
		left:15px;
		right:15px;
	}
	.gallery-box h2{
		font-size:25px;
		line-height:28px;
	}

	.promo-holder aside, 
	.promo-holder aside.sign-up{
		float: none; margin: 0 auto; width: auto;
	}
	.promo-holder aside img{display: inline-block;}

	
	main #excerpts{padding:0;}
	main #excerpts>div{float: none; width: auto;}
	main #excerpts>div+div{float: none; margin:0}
	.main-content.blog textarea#comment{max-width: 100%;}
	
	#about-team article section{padding-left:0;}
	#about-team section img{position: relative; margin: 0 30px 20px 0; float: left;}
	
	.single-cpt_content-commerce main #stats dl{height:74px;}
	.single-cpt_content-commerce main #stats dl dt{width: 120px; min-height: 40px; line-height: 14px; font-size: 12px;}
	.single-cpt_content-commerce main>section h3.strong{width: auto;}
	.single-cpt_content-commerce main>section h3.strong::before{width: 400px;}
	
	#about-team section img.headshot{
		position: static;
	}
	
	
	#careers-o #benefits,
	#careers-o #values,
	#careers-o #vision-mission,
	#careers-o #working-at-viglink{margin-bottom: 0;}
	#careers-o #banner .header{bottom: 70px}
	#careers-o #banner .header h1{font-size: 42px; line-height: 100%;}
	#careers-o #banner .header p{font-size: 18px;}
	#careers-o #working-at-viglink{background-color: #f4f7f8;}
	#careers-o #working-at-viglink h2{font-size: 42px;} 
	#careers-o #working-at-viglink p{font-size: 18px;}
	#careers-o #working-at-viglink .main-content-holder{padding: 50px;}

	#about-1 #press a.btn{font-size: 14px; line-height: 16px; padding: 10px; border-radius: 3px; }
	#about-1 #press ul li {display: block; width: 100%; padding: 0 0 10px 0; margin: 0;}
	#about-1 #press ul li:first-child {margin: 0; padding: 0 0 10px 0; margin: 0;}
	#about-1 #press ul li:after {content: "";}	
	#about-1 #press p{padding-bottom: 20px;}
	#about-1 #press p+ul{margin-top: -10px;}
	#about-1 .people .list-with-bio3 .person img.now11n{max-width: none; width: 100px; height: auto;}
	#about-1 .people .list-with-bio3 .person .details{padding-left: 120px;}
	
	#products-o .main-frame {min-height: 400px;}
	#products-o .main-frame .post,
	#products-o.linksmart .main-frame .post{ font-size: 15px; line-height: 25px; padding: 150px 0 20px;}
	#products-o .main-frame .post h1 { font-size: 21px; line-height: 31px; margin: 0 0 28px;}
	#products-o .main-block-holder,
	#products-o.linksmart .main-block-holder{ padding: 50px 20px; text-align: center;}
	#products-o .main-block .col{ display:inline-block; vertical-align:top; width: 100%; text-align: left;}
	#products-o .main-block .post,
	#products-o .main-block .blockquote{ float: none; max-width: 100%;}
	#products-o .main-block .image-holder{max-width: 802px;}
	#products-o .main-block .blockquote{ margin: 0 0 30px;}
	
	#products-o.linksmart .main-block .post p{font-size: 18px; text-align: left;}
	#products-o.linksmart .faq{text-align: left; text-indent: 0; padding-left: 0;}
	#products-o.linksmart .faq .question{float: none; width: 100%; box-sizing: border-box;}
	#products-o.linksmart .faq .answer{float: none; width: 100%; box-sizing: border-box; padding-left: 0;}
	

	.signup-now2 {padding: 38px 0 0; height: 393px; background-image: url(images/signup-now-mobile.jpg);}
	.signup-now2 h2 {font-size: 36px;}
	.signup-now2 h3 {font-size: 24px;}
	
}

@media only screen and (max-width:670px){
	#about-1 .people .list-with-bio{max-width: 250px;}
	#about-1 .people .list-with-bio .person{margin: 0 0 50px 0 !important;}
	#about-1 .people .list-with-bio .person.p4 {margin-bottom: 0 !important;}
}

@media only screen and (max-width:642px){
	/*reset back*/
	#careers-o #benefits .benefit:nth-child(3n+0){border-right-color: #fff;}
	#careers-o #benefits .benefit:nth-child(3n-2){border-left-color: #fff;}
	#careers-o #benefits .benefit:nth-child(-n+3){border-top-color: #fff;}
	#careers-o #benefits .benefit:nth-child(n+7){border-bottom-color: #fff;}
	#careers-o #benefits .benefit:nth-child(even){border-right-color: #fff;}
	#careers-o #benefits .benefit:nth-child(odd){border-left-color: #fff;}
	#careers-o #benefits .benefit:nth-child(-n+2){border-top-color: #fff;}
	#careers-o #benefits .benefit:nth-child(n+9){border-bottom-color: #fff; width: auto;}
	#careers-o #benefits .benefit{border-color: #fff; height: auto;  width: auto; float: none; padding: 0 0 30px 0;}
	#careers-o #benefits .benefits{max-width: 320px; margin: 0 auto;}
	#careers-o #benefits .benefit:before{margin: 0 auto;}
	
	#careers-o #values .values{width: 320px; margin: 0 auto;}
	#careers-o #values .value{display: block;}
	#careers-o #values .value.two,
	#careers-o #values .value.dare,
	#careers-o #values .value.two span,
	#careers-o #values .value.dare span{width:  320px;}
	#careers-o #values .value h3{padding: 0 20px 20px 20px;}
	#careers-o #values .value p{padding: 0 20px;}

	#careers-o #values .value:hover span{display: table-cell; text-align: vertical;}
	
	#about-1 .inner1, #about-1 #team .handle .inner1{padding: 0 20px;}
	#about-1 .description p, #about-1 #press p{font-size: 16px;}
	
	#about-1 .people h3, #about-1 #press h2{padding-top: 40px;}
	#about-1 .people h2, #about-1 #press h2{font-size: 36px; padding-bottom: 40px;}
	#about-1 .container1, #about-1 #press.section{padding-bottom: 40px;}
}
	
@media only screen and (max-width:600px){
	#subnav ul{display:none;}
	#subnav .main-content-holder{padding: 0;}
	#subnav a.action2{width: 100%; float: none;}
	
	#about-1 #banner .c1{height: auto;}
	#about-1 #banner h1{font-size: 30px; padding: 11px 0 4px 0; margin: 0; line-height: 100%;}
	#about-1 #banner p{font-size: 14px; padding: 0 50px 12px 50px; margin: 0; line-height: 12px;}
	#about-1 .description p, #about-1 #press p{font-size: 14px; padding: 16px 0; margin: 0; line-height: 130%;}
	#about-1 .handle{line-height: 40px; font-size: 14px;}
	#about-1 .handle .inner1:after{border-width: 6px; margin-top: -6px;}
	
	#about-1 .people h3{padding: 25px 0 10px 0; font-size: 12px;}
	#about-1 .people h2, #about-1 #press h2{font-size: 24px; padding-bottom: 20px;}
	#about-1 #press h2{padding: 40px 0 5px 0;}
	#about-1 #press p{padding: 0 0 20px 0; font-size: 13px;}
	#about-1 #press ul li{font-size: 13px;}
	
}


@media only screen and (max-width:500px){
	.single-cpt_content-commerce main #stats dl *:nth-of-type(1){left: 0%}
	.single-cpt_content-commerce main #stats dl *:nth-of-type(2){left: 33%}
	.single-cpt_content-commerce main #stats dl *:nth-of-type(3){left: 66%}
	
	#careers-o #banner .header{bottom: 50px}
	#careers-o #banner .header h1{font-size: 26px;}
	#careers-o #banner .header p{font-size: 12px;}
	
	#careers-o #vision-mission .item.vision p, #careers-o #vision-mission .item.mission p,
	#careers-o #working-at-viglink .main-content-holder{padding-left: 20px; padding-right: 20px;}
	#careers-o #benefits{padding: 0 20px;}
	#careers-o #benefits h3{margin-left: 0; margin-right: 0;}
	.announcement .line1{font-size: 20px;}
	.announcement .line2{font-size: 14px;}
	
	#products-o .main-frame {min-height: 300px;}
	#products-o .main-frame .post,
	#products-o.linksmart .main-frame .post{padding-top: 100px;}
}
@media only screen and (max-width:450px){
	#about-1 #team .handle,
	#about-1 #board-of-directors .handle{display: block;}
}
@media only screen and (max-width:400px){
	.main-content aside,
	.main-content aside.multiple-container,
	.main-content aside.multiple-container aside.nav, 
	.main-content aside.nav, .promo-holder aside.nav {
		width: auto;
	}
	.gallery-box .gallery-holder{min-height: 480px;}/*may need to be tweaked per slideshow*/
	
	.single-cpt_content-commerce main #stats dl{height: 76px;}
	.single-cpt_content-commerce main #stats dl dt{width: 100px;}	
}
/*products/convert = page-id-6484 */

/* Colors
orange: color: #f78735;
lite blue link: color: #3ca5e0; formerly a darker blue color:#3672ba;

*/




/* Slider style v.201409 begin
---------------------------------------- */
.slider-v2 .slider { position: relative; }

.slider-v2 .slider:after {
  content: '';
  position: absolute;
  bottom: 0;
  left: 50%;
  margin-left: -400px;
  width: 800px;
  height: 13px;
  background: url(images/slider-shadow.png) no-repeat;
  z-index: 100;
}



/* Slider Nav
---------------------------------------- */
.slider-v2 .control-nav { display: none; }

.slider-v2 .direction-nav {
  position: absolute;
  width: 100%;
  top: 50%;
  margin-top: -15px;
}

.slider-v2 .direction-nav a {
  position: absolute;
  top: 0;
  width: 85px;
  height: 85px;
  background: url(images/career/slider-arrows.png) no-repeat;
  text-indent: -9999px;
}

.slider-v2 .direction-nav .prev { left: 0; }
.slider-v2 .direction-nav .next { right: 0; }
.slider-v2 .direction-nav .disabled { display: none; }

.slider-v2 .direction-nav .prev { background-position: 0 0; }
.slider-v2 .direction-nav .next { background-position: 0 -85px; }
/* .slider-v2 .no-touch .direction-nav .prev:hover { }
.slider-v2 .no-touch .direction-nav .next:hover { } */

/*
@media (max-width: 991px) {
  .slider-v2 .slider { overflow: hidden; }
  .slider-v2 .direction-nav .prev { left: 0; }
  .slider-v2 .direction-nav .next { right: 0; }
}
*/

/*
@media (max-width: 767px) {
  */
@media only screen and (max-width:1024px){
  .slider-v2 .steps li {
    width: 48px;
    height: 48px;
    border-radius: 24px;
    border: 8px solid #f4f7f8;
  }

  .slider-v2 .slider { overflow: visible; }

  .slider-v2 .slider:after {
    width: 270px;
    height: 4px;
    background-size: 100% auto;
    margin-left: -140px;
  }

  .slider-v2 .slider .viewport {
    width: 194px;
    height: 170px;
    border-radius: 5px;
  }

  .slider-v2 .slider-image img { max-width: 100%; }

  .slider-v2 .slider-details { padding: 32px 0; }

  .slider-v2 .steps li span {
    height: 32px;
    border-radius: 16px;
    line-height: 28px;
    font-size: 19px;
  }

  .slider-v2 .steps li.active {
    width: 58px;
    height: 58px;
    border-radius: 29px;
  }

  .slider-v2 .steps li.active span {
    height: 42px;
    border-radius: 21px;
    line-height: 42px;
  }

  .slider-v2 .direction-nav { display: none; }

 .slider-v2  .control-nav {
    display: block;
    position: absolute;
    left: 0;
    bottom: 5px;
    width: 100%;
    text-align: center;
	box-sizing: border-box;
  }

  .slider-v2 .control-nav li {
    display: inline-block;
    vertical-align: middle;
    margin: 0 10px 0 0;
  }
  
  .slider-v2 .control-nav li:first-child	{margin-left: -30px;}

  .slider-v2 .control-nav li a {
    display: block;
    width: 6px;
    height: 6px;
    border: 1px solid #515652;
    border-radius: 6px;
	background-color: #515652;
    text-indent: -9999px;
    pointer-events: none;
  }

  .slider-v2 .control-nav li a.active { background-color: #c5c6c5; border: 1px solid #c5c6c5;}
 
}

/* Slider style v.201409 end
---------------------------------------- */

.to-do, .todo{background-color: yellow;}