/* cmsms stylesheet: webrun_style_css modified: 01/29/21 20:39:14 */
/* Eric Meyer's CSS Reset */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
	display: block;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}
/* End of Eric Meyer's CSS Reset */

.mt10{margin-top: 10px;}
.mt20{margin-top: 20px;}
.mt30{margin-top: 30px;}
.ml10{margin-left:10px;}

.clearfix:before,
.clearfix:after {
  content: " ";
  /* 1 */

  display: table;
  /* 2 */

}
.clearfix:after {
  clear: both;
}

.row {
    margin-left: -20px;
}
.row:before, .row:after {
    content: "";
    display: table;
}
.row:after {
    clear: both;
}
[class*="span"] {
    float: left;
    margin-left: 20px;
}

.pull-right {
    float: right !important;
}
.pull-left {
    float: left !important;
}

.span12 {
  width: 940px;
}

.span11 {
  width: 860px;
}

.span10 {
  width: 780px;
}

.span9 {
  width: 700px;
}

.span8 {
  width: 620px;
}

.span7 {
  width: 540px;
}

.span6 {
  width: 460px;
}

.span5 {
  width: 380px;
}

.span4 {
  width: 300px;
}

.span3 {
  width: 220px;
}

.span2 {
  width: 140px;
}

.span1 {
  width: 60px;
}

.omega {
    margin-right: 0 !important;
}

strong {
    font-weight: bold;
}

h1, h2, h3, h4, h5, h6 {
    color: #222222;
    font-weight: 700;
    line-height: 1.3em;
    font-style: normal;
}
h1 {
    font-size: 24px;
    margin-bottom: 10px;
    line-height: 1em;
    letter-spacing: -1px;
    word-spacing: 2px;
}
h2 {
    font-size: 22px;
    margin-bottom: 15px;
}
h3 {
    font-size: 18px;
    margin-bottom: 15px;
}
h4 {
    font-size: 16px;
    margin-bottom: 10px;
}
h5 {
    font-size: 14px;
    margin-bottom: 10px;
}
a {
    color: #0083C1;
    text-decoration: none;
    cursor: pointer;
    font-style: normal;
    outline: none;
}
a:hover {
    color: #454545;
    text-decoration: none;
}
h1 a, h2 a, h3 a, h4 a, h5 a, h6 a {
    color: #222222;
}
p {
    padding-bottom: 10px;
}
.text-small {
    font-size: 11px;
}

html, body {
    height: 100%;
}

body {
    margin: 0px;
    padding: 0px;
    color: #454545;
    font-family: 'Roboto',sans-serif;
    font-size: 14px;
    font-weight: 300;
    line-height: 1.5em;
}

.wrapper {
    width: 940px;
    margin: 0px auto;
    min-width: 940px;
}

.content {
    min-height: 100%;
    height: auto !important;
    height: 100%;
    margin: 0px 0px -151px 0px;
    background-color: #fff;
}

.content .wrapper {
    padding: 0px 0px 150px 0px;
}

.header .wrapper {
    padding: 0px 0px 50px 0px;
}

.footer {
    height: 150px;
    background: #f4f4f4;
    border-top: 1px solid #e4e4e4;
    /*padding-top:30px;*/
}

.header {
    background-color: #f4f4f4;
    border-bottom: 1px solid #e4e4e4;
    margin-bottom: 15px; /*30px original*/
    padding:15px 0px 25px 0px;
}

.logo{
    font-weight:400;
    font-size: 28px;
    float: left;
    margin-top: 12px;
}

.logo a{
    color:#222;
}

.logo span.small{
    font-weight:900;
    font-size: 13px;
    color:#ffc027;
    margin-top:1px;
    margin-left:1px;
    display:block;
}

.sf-wrapper{
    float: right;
    margin-top: 20px;
}

.highlight {
    border-radius: 3px;
    color: #FFFFFF;
    font-weight: 700;
    padding: 2px 4px;
}

.highlight a{
    color:#fff;
}


.box {
    background: none repeat scroll 0 0 #FCFCFC;
    border: 1px solid #F4F4F4;
    margin: 0 auto 30px;
    padding: 20px;
    width: auto;
}

.box .btn-webrunpro, .box .btn-webrun, .box .btn-windows, .box .btn-green, .box .btn-grey, .box .btn-cyan, .box .btn-brown {
    float: right;
    margin-left: 20px;
}
.btn-webrunpro {
    background: url("/img/btn-webrunpro.png") no-repeat scroll 0 0;
    display: inline-block;
    height: 54px;
    width: 188px;
}
.btn-webrunpro:hover {
    background: url("/img/btn-webrunpro.png") no-repeat scroll 0 -54px;
}
.btn-webrun {
    background: url("/img/btn-webrun.png") no-repeat scroll 0 0;
    display: inline-block;
    height: 54px;
    width: 188px;
}
.btn-webrun:hover {
    background: url("/img/btn-webrun.png") no-repeat scroll 0 -54px;
}

a.buy-pro {
    color:#fff !important;
    border-radius: 3px;
    color: #FFFFFF;
    font-weight: 700;
    padding: 8px !important;
    margin-top:-8px;
}

.blue-grad {
    background: #1d8fd5; /* Old browsers */
    background: -moz-linear-gradient(top,  #1d8fd5 0%, #1454ab 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#1d8fd5), color-stop(100%,#1454ab)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  #1d8fd5 0%,#1454ab 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  #1d8fd5 0%,#1454ab 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  #1d8fd5 0%,#1454ab 100%); /* IE10+ */
    background: linear-gradient(to bottom,  #1d8fd5 0%,#1454ab 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1d8fd5', endColorstr='#1454ab',GradientType=0 ); /* IE6-9 */
}

.red-grad {
    background: #cc181e; /* Old browsers */
    background: -moz-linear-gradient(top,  #cc181e 0%, #af1916 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#cc181e), color-stop(100%,#af1916)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  #cc181e 0%,#af1916 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  #cc181e 0%,#af1916 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  #cc181e 0%,#af1916 100%); /* IE10+ */
    background: linear-gradient(to bottom,  #cc181e 0%,#af1916 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#cc181e', endColorstr='#af1916',GradientType=0 ); /* IE6-9 */
}
.green-grad {
    background: rgba(103,188,77,1);
    background: -moz-linear-gradient(top, rgba(103,188,77,1) 0%, rgba(20,109,10,1) 100%);
    background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(103,188,77,1)), color-stop(100%, rgba(20,109,10,1)));
    background: -webkit-linear-gradient(top, rgba(103,188,77,1) 0%, rgba(20,109,10,1) 100%);
    background: -o-linear-gradient(top, rgba(103,188,77,1) 0%, rgba(20,109,10,1) 100%);
    background: -ms-linear-gradient(top, rgba(103,188,77,1) 0%, rgba(20,109,10,1) 100%);
    background: linear-gradient(to bottom, rgba(103,188,77,1) 0%, rgba(20,109,10,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#67bc4d', endColorstr='#146d0a', GradientType=0 );
}

.checkmark li {
    background: url("/img/bullet-checkmark.png") no-repeat scroll 0 3px;
    list-style-type: none;
    margin-bottom: 10px;
    padding-left: 25px;
}
.checkmark li:last-child {
    margin-bottom: 0;
}

.divider {
    border-top: 1px dashed #CCCCCC;
    display: inline-block;
    margin: 30px auto;
    width: 100%;
}

.footer ul li {
    background: none repeat scroll 0 0;
    float: left;
    list-style-type: none;
    margin-bottom: 10px;
    margin-right: 4%;
    width: 48%;
}
.footer ul li img {
    float: left;
    margin-right: 5px;
    margin-top:2px;
}
.footer ul li a {
    color: #454545;
}
.copyright {
    color: #939393;
    font-size: 12px;
}

.big {
    font-size:20px;
}

.no-pad-bottom {
    padding-bottom:0px; 
}

.btn-grey, .btn-green, .btn-cyan, .btn-brown {
    border: medium none;
    border-radius: 3px;
    color: #FFFFFF;
    display: inline-block;
    font-size: 14px;
    font-weight: 700;
    line-height: 14px;
    padding: 10px 15px;
}
.btn-big {
    font-size: 18px;
    padding: 20px 30px;
}

.btn-green {
    background: -moz-linear-gradient(center top , #79A14D, #62853E) repeat scroll 0 0 rgba(0, 0, 0, 0);
}
.btn-green:hover {
    background: -moz-linear-gradient(center top , #62853E, #79A14D) repeat scroll 0 0 rgba(0, 0, 0, 0);
    color: #FFFFFF;
}

.feature-box1, .feature-box2 {
    background: -moz-linear-gradient(center top , #FFFFFF, #F4F4F4) repeat scroll 0 0 rgba(0, 0, 0, 0);
    border: 1px solid #EFEFEF;
    float: left;
    padding: 20px;
    overflow: auto;
}

.feature-box1 img {
    float: right;
}
.feature-box2 img {
    float: left;
    margin: 40px 20px 40px 0;
}

.list-bg-icon li {
    background: none repeat scroll 0 0 rgba(0, 0, 0, 0);
    display: block;
    font-size: 16px;
    line-height: 1.4em !important;
    list-style-type: none;
    margin-bottom: 20px;
}

.icon-bg {
    border-radius: 60px;
    float: left;
    height: 60px;
    margin: 0 20px 20px 0;
    width: 60px;
}

.icon-bg img {
    float: left;
}

.blue-bg {
    background: none repeat scroll 0 0 #186DBD;
}

.green-bg {
    background: none repeat scroll 0 0 #2A821C;
}

.red-bg {
    background: none repeat scroll 0 0 #cc181f;
}

.star li {
    background: url("/img/bullet-star.png") no-repeat scroll 0 3px;
    list-style-type: none;
    margin-bottom: 10px;
    padding-left: 25px;
}
.star li:last-child {
    margin-bottom: 0;
}

/*--- Message Box ---*/
div.message-box-wrapper{ border:1px solid; padding: 20px; margin-bottom: 20px; }
div.message-box-title{ font-weight: bold; font-size: 14px; margin-top: 2px; }
div.message-box-content{ margin-top: 12px; }

div.message-box-wrapper.red{ background-color: #ffdcdd; border-color: #e9b9bb; color: #713a3c;}
div.message-box-wrapper.red .message-box-title{ color: #8d4345;}
div.message-box-wrapper.yellow{ background-color: #ffffe0; border-color: #e1db8b; color: #4d4d39;}
div.message-box-wrapper.yellow .message-box-title{ color: #737357;}
div.message-box-wrapper.blue{ background-color: #c2e1ee; border-color: #8ec3d9; color: #3d5058;}
div.message-box-wrapper.blue .message-box-title{ color: #475d66;}
div.message-box-wrapper.green{ background-color: #e1ffd9; border-color: #badeb1; color: #435b3d;}
div.message-box-wrapper.green .message-box-title{ color: #526d4b;}

/*--- contact form ---*/
div.contact-form-wrapper{ padding-top: 0px; }
div.footer-wrapper div.contact-form-wrapper{ padding-top: 0px; }
div.contact-form-wrapper ol{ margin: 0px; list-style: none; }
div.contact-form-wrapper ol li{ margin-bottom: 15px; }
div.contact-form-wrapper ol li.form-textarea,
div.contact-form-wrapper ol li.form-input{ margin-right: 22px;  }
div.contact-form-wrapper ol li.sending-result{ max-width: 622px; display: none; }
div.contact-form-wrapper ol li.sending-result .message-box-wrapper{ padding: 10px 15px 10px 15px; }
div.contact-form-wrapper ol li div.error{ display: none; }

div.contact-form-wrapper .contact-submit { float: left; padding: 8px 15px; font-size: 13px; border-width: 0; border-bottom-width: 2px; }

div.contact-form-wrapper  input[type="text"], input[type="password"] {
    width: 337px; height: 20px; line-height: 20px; padding: 5px; margin: 10px 5px 5px;
    line-height: 20px; max-width: 100%; display: block; }
div.contact-form-wrapper textarea{
    height: 165px; width: 600px; margin: 10px 5px 5px; padding: 5px; max-width: 100%;
    line-height: 20px; display: block; }
    
div.contact-form-wrapper .contact-submit{ float: left; padding: 8px 13px; }
div.contact-form-wrapper .contact-loading{
    width: 16px; height: 16px; float: left; margin: 7px 0px 0px 15px; display:none;
    background: url('/img/loading.gif'); }

#contact_response_success, #contact_response_error {
    display:none;
}

.accept_terms {
    display: none !important;
}

.contact-loading {
    background: url("/images/loading.gif") repeat scroll 0 0 rgba(0, 0, 0, 0);
    display: none;
    float: left;
    height: 16px;
    margin: 7px 0 0 15px;
    width: 16px;
}

button.contact-submit{cursor: pointer;}

/* end contact form */

ul.standard li{
    list-style: circle !important;
    margin-bottom:8px;
}

pre.prettyprint {
    border: 1px solid #ededed !important;
}



#pricing{
	margin: 0px auto;
	font-family: 'Open Sans', Helvetica;
}

.price_card{
	/* width: 290px; */
	width: 214px;
	background: rgb(255, 255, 255);
	display: block;
	float: left;
	position: relative;
	margin-bottom: 15px;
}
.price_card:not(:last-child){
	margin-right: 10px;
}

.alpha .header{
	display: block;
	color: rgb(255, 255, 255);
	padding:15px 0px 10px 0px;
	background: rgb(245, 166, 35);
}
.bravo .header{
	display: block;
	color: rgb(255, 255, 255);
	padding:15px 0px 10px 0px;
	background: rgb(246, 77, 77);
}
.charlie .header{
	display: block;
	color: rgb(255, 255, 255);
	padding:15px 0px 10px 0px;
	background: rgb(48, 219, 181);
}
.name{
	width: 100%;
	font-size: 33px;
	line-height: 33px;
	font-weight: 300;
	display: block;
	text-align: center;
	padding: 30px 0 10px;
}
.price{
	width: 100%;
	font-size: 20px;
	font-weight: 700;
	display: block;
	text-align: center;
	padding: 0 0 30px;
}
.features{
	list-style: none;
	text-align: center;
	color: rgb(138, 138, 138);
	margin: 0;
	padding: 0;
}
.features li{
	margin: 0 35px;
	padding: 10px 15px;
	/* width: 200px; */
}
.features li:not(:last-child){
	border: 1px solid rgb(242, 242, 242);
	border-top: 0;
	border-left: 0;
	border-right: 0;
}
a.order-button{
	color: rgb(255, 255, 255);
	border: 0;
	border-radius: 5px;
	height: 40px;
	width: 200px;
	display: block;
	font-weight: 700;
	font-size: 15px;
	text-transform: uppercase;
	margin: 20px auto 8px;
	text-align: center;
	padding-top: 17px;
}
.alpha a.order-button{
	background: rgb(245, 166, 35);
}
.bravo a.order-button{
	background: rgb(246, 77, 77);
}
.charlie a.order-button{
	background: rgb(48, 219, 181);
}
.tip{
	font-family: 'Indie Flower';
	position: absolute;
	color: rgb(117, 117, 117);
	margin: 10px 5px;
}



.list-group {
    margin-bottom: 20px;
    padding-left: 0;
}
.list-group-item {
    background-color: #fff;
    border: 1px solid #ddd;
    display: block;
    margin-bottom: -1px;
    padding: 10px 15px;
    position: relative;
}
.list-group-item:first-child {
    border-top-left-radius: 4px;
    border-top-right-radius: 4px;
}
.list-group-item:last-child {
    border-bottom-left-radius: 4px;
    border-bottom-right-radius: 4px;
    margin-bottom: 0;
}
.list-group-item a{
    display: block;
}


.ribbon {
  position: absolute;
  right: -5px; top: -5px;
  z-index: 1;
  overflow: hidden;
  width: 75px; height: 75px;
  text-align: right;
}
.ribbon span {
  font-size: 10px;
  font-weight: bold;
  color: #FFF;
  text-transform: uppercase;
  text-align: center;
  line-height: 20px;
  transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
  width: 100px;
  display: block;
  background: #79A70A;
  background: linear-gradient(#F70505 0%, #8F0808 100%);
  box-shadow: 0 3px 10px -5px rgba(0, 0, 0, 1);
  position: absolute;
  top: 19px; right: -21px;
}
.ribbon span::before {
  content: "";
  position: absolute; left: 0px; top: 100%;
  z-index: -1;
  border-left: 3px solid #8F0808;
  border-right: 3px solid transparent;
  border-bottom: 3px solid transparent;
  border-top: 3px solid #8F0808;
}
.ribbon span::after {
  content: "";
  position: absolute; right: 0px; top: 100%;
  z-index: -1;
  border-left: 3px solid transparent;
  border-right: 3px solid #8F0808;
  border-bottom: 3px solid transparent;
  border-top: 3px solid #8F0808;
}
/* cmsms stylesheet: webrun_superfish_css modified: 02/21/16 11:08:41 */
/*** ESSENTIAL STYLES ***/
.sf-menu, .sf-menu * {
	margin: 0;
	padding: 0;
	list-style: none;
}
.sf-menu li {
	position: relative;
	font-size:14px;
	font-weight: 400;
}
.sf-menu ul {
	position: absolute;
	display: none;
	top: 100%;
	left: 0;
	z-index: 99;
}
.sf-menu > li {
	float: left;
}
.sf-menu li:hover > ul,
.sf-menu li.sfHover > ul {
	display: block;
}

.sf-menu a {
	display: block;
	position: relative;
}
.sf-menu ul ul {
	top: 0;
	left: 100%;
}


/*** DEMO SKIN ***/
.sf-menu {
	float: left;
	margin-bottom: 1em;
}
.sf-menu ul {
	box-shadow: 1px 1px 3px rgba(0,0,0,.2);
	min-width: 12em; /* allow long menu items to determine submenu width */
	*width: 12em; /* no auto sub width for IE7, see white-space comment below */
	padding-bottom:8px;
	margin-top:10px;
	background-color:#f4f4f4;
}

.sf-menu a {
	/*border-left: 1px solid #fff;*/
	/*border-top: 1px solid #dFeEFF;*/ /* fallback colour must use full shorthand */
	/*border-top: 1px solid rgba(255,255,255,.5);*/
	padding: 0em 0em 0em 0em;
	text-decoration: none;
	zoom: 1; /* IE7 */
	margin-left:26px;
}

.sf-menu ul li a {
	padding: 8px 0px 0px 0px;
	margin-left:10px;
	font-size: 14px;
}

.sf-menu a {
	color: #939393;
}

.sf-menu a:hover {
	color: #222222;
}

.sf-menu li {

	/*background: #BDD2FF;*/
	white-space: nowrap; /* no need for Supersubs plugin */
	*white-space: normal; /* ...unless you support IE7 (let it wrap) */
	-webkit-transition: background .2s;
	transition: background .2s;
}

.sf-menu li.active a{
	color:#222;
	/*border-bottom: 1px solid #929292;*/
	display:inline-block;
}

.sf-menu ul li {
	background: #f4f4f4;
}
.sf-menu ul ul li {
	background: #f4f4f4;
}
.sf-menu li:hover,
.sf-menu li.sfHover {
	/*background: #CFDEFF;*/
	/* only transition out, not in */
	-webkit-transition: none;
	transition: none;
}

/*** arrows (for all except IE7) **/
.sf-arrows .sf-with-ul {
	padding-right: 1.9em;
	*padding-right: 1em; /* no CSS arrows for IE7 (lack pseudo-elements) */
	margin-right:-16px;
}

/* styling for both css and generated arrows */
.sf-arrows .sf-with-ul:after {
	content: '';
	position: absolute;
	top: 50%;
	right: 1em;
	margin-top: -3px;
	width:10px;
	height:5px;
	display:block;
	background: url("/img/down-caret.png") top left no-repeat;
}

.sf-arrows > li > .sf-with-ul:focus:after,
.sf-arrows > li:hover > .sf-with-ul:after,
.sf-arrows > .sfHover > .sf-with-ul:after {
	background: url("/img/down-caret-hover.png") top left no-repeat;	
}
/* styling for right-facing arrows */
.sf-arrows ul .sf-with-ul:after {
	margin-top: -5px;
	margin-right: -3px;
	border-color: transparent;
	border-left-color: #dFeEFF; /* edit this to suit design (no rgba in IE8) */
	border-left-color: rgba(255,255,255,.5);
}
.sf-arrows ul li > .sf-with-ul:focus:after,
.sf-arrows ul li:hover > .sf-with-ul:after,
.sf-arrows ul .sfHover > .sf-with-ul:after {
	border-left-color: white;
}

ul.unli li a{
	color:#939393 !important;
}

ul.unli li a:hover{
	color:#222222 !important;
}

ul.unli li.active a{
	color:#222222 !important;
}