@charset "utf-8";
/* CSS Document */

* {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

body {
	font: 100%/1.4 Verdana, Arial, Helvetica, sans-serif;
	/*background: #FDF3E7;*/
	margin: 0;
	padding: 0;
	color: #3B3738;
}

/* ~~ Element/tag selectors ~~ */
p { /* Due to variations between browsers, it's best practices to zero padding and margin on lists. For consistency, you can either specify the amounts you want here, or on the list items (LI, DT, DD) they contain. Remember that what you do here will cascade to the .nav list unless you write a more specific selector. */
	padding: 0;
	margin: 0;
}

img {
	border: 0;
	max-width: 100%;
    width: auto;
    height: auto;	
	display:block;  /*to resolve 3px bottom margin of every image in div */	
}

.centerImage {
	margin-left: auto;
    margin-right: auto;
}

.imgInline {
	display: inline-block;
}


h1 {
	font-family: 'Montserrat', Verdana, Arial, Helvetica, sans-serif;
	font-size: 30px;
	font-weight: 600;	
	padding: 0;
	margin: 0;	
	line-height: 120%;
} 

h2 {
	font-size: 30px;
	font-weight: normal;
	padding: 0;
	margin: 0;
	line-height: 120%;	
	padding-bottom: 24px;
	padding-top: 24px;
} 

h3 {
	font-size: 34px;
	font-weight: normal;
	padding: 0;
	margin: 0;
	line-height: 120%;
	padding-bottom: 24px;		
}

a {
	color: #C63D0f;
	text-decoration: underline; /* unless you style your links to look extremely unique, it's best to provide underlines for quick visual identification */
}

.text11 {
	font-size: 11px;	
}

.text12 {
	font-size: 12px;	
}

/* ~~ this fixed width container surrounds all other elements ~~ */
.container1080 {
	max-width: 1080px;
	margin: 0 auto; /* the auto value on the sides, coupled with the width, centers the layout */
}
.container {
	max-width: 1080px;
	margin: 0 auto; /* the auto value on the sides, coupled with the width, centers the layout */
	padding: 0px 20px;
}

#header {
	background-color: #3B3738;	
	color: #fff;
	height: 78px;
}

#pagetitle {
	background-color: #C63D0f;	
	color: #fff;
	padding: 20px 0px;
}

/*#content {
	padding: 20px 0px;
}*/

.content {
	padding: 20px 0px;
}

.grayband {
	background-color: #f3f3f3;
	padding: 20px 0px;
}

.leftContent {
	width: 50%; 
	float: left;
	padding-right: 10px;
}

.rightContent {
	width: 50%; 
	float: right;
	padding-left: 10px;
}

.leftFooter {
	width: 67%; 
	float: left;
}

.rightFooter {
	width: 33%; 
	float: left;
}

.borderFooter {
	padding-left: 30px; 
	border-left-color: #fff; 
	border-left-width: 1px; 
	border-left-style: solid;
}

#pagetitle a, #sitemap a {
	color: #fff;
	text-decoration: underline; /* unless you style your links to look extremely unique, it's best to provide underlines for quick visual identification */
}

#bg_strip {
	background: #3B3738 url(../images/strip_bg.png);
	/*margin: 12px auto 0;*/
	margin: auto 0;
	padding: 20px 0px;
	color: #000;	
}

#sitemap {
	background-color: #C63D0f;	
	color: #fff;
	padding: 20px 0px;
}

#developed {
	background-color: #3B3738;	
	color: #fff;
	padding: 20px 0px;
}

/* header area */
#logo {
	padding-left: 14px;
	float: left;
	width: 204px;
}

#navigation {
	/*padding-left: 90px;*/
	padding-top: 25px;
	/*float: left;
	width: 532px;*/
	margin-left: 228px;
	height: 53px;
}

/*navigation menu*/
#drop_menu {
	padding:0;
	margin:0;
	list-style-type:none;
	height:36px;
	float: right;
}
#drop_menu li { float:left; }
#drop_menu li a, #drop_menu li a.orange {
	padding: 9px 24px 12px;
	display: block;
	color: #fff;
	text-decoration: none;
	font: 16px Arial, Helvetica, sans-serif;
	text-align: left;
}

#drop_menu li a:hover { background-color:#000; }

#drop_menu li a.orange {
	background-color: #c63d0f;
	padding: 6px 8px 9px;
	color: #fff;	
}
.requestdemo {
	margin-left: 12px;
	margin-right: 6px;
	margin-top: 4px;
}

/* Submenu */
#drop_menu ul {
	position: absolute;
	left: -9999px;
	top: -9999px;
	list-style-type: none;
	z-index: 1000 !important;
}
#drop_menu li:hover { position:relative; background:#000; }
#drop_menu li:hover ul {
	left:0px;
	top:36px;
	background:#000;
	padding:0px;
}

#drop_menu li:hover ul li a {
	padding:5px 5px 8px 5px;
	display:block;
	width:200px;
	text-indent:15px;
	background-color:#000;
	font: 15px Arial, Helvetica, sans-serif;
}
#drop_menu li:hover ul li a:hover { background:#3B3738; }

#mobile-menu {
	display:none;
}

.orange_button {
	background-color:#C63D0f;
	display:inline-block;
	color:#ffffff;
	font: 14px bold Verdana, Arial, Helvetica, sans-serif;
	height:35px;
	line-height:35px;
	width:70px;
	text-decoration:none;
	text-align:center;
}

/* home page - old*/
#coverPhoto {
	background-image:url('../images/coverPhoto.jpg');
	background-repeat:no-repeat;
	background-position: 50% 50%;
	background-size:contain;
	height: 600px;
}
#involve {
	font-family: 'Montserrat', Verdana, Arial, Helvetica, sans-serif;
	padding-top: 30px;
	text-align: center;
	color: #C53D0D;
	font-size: 48px;
	line-height: 1.0em;
	letter-spacing: -1px;
}
#involve-tagline {
	padding-top: 12px;
	text-align: center;
	color: #3B3738;
	font-size: 32px;
	line-height: 1.2em;	
	letter-spacing: -1px;
}
#getstartedBtn {
	padding-top: 54px;
	text-align: center;
}
a.getstarted {
	border-radius: 50px;
	-moz-border-radius: 50px;
	font-family: "Open Sans", Arial, Helvetica, sans-serif;	
	font-size: 22px;
	padding: 10px 60px;
	text-decoration: none;
	font-weight: 600;
	text-align: center;
	cursor: pointer;
	color: #fff;
	background-color: #C53D0D;
}

/* home page - new with swiper */
.swiper-container {
      width: 100%;
      height: 600px;
}
.swiper-slide {
      text-align: center;
      font-size: 18px;
      /* Center slide text vertically */
      display: -webkit-box;
      display: -ms-flexbox;
      display: -webkit-flex;
      display: flex;
      -webkit-box-pack: center;
      -ms-flex-pack: center;
      -webkit-justify-content: center;
      justify-content: center;
      -webkit-box-align: center;
      -ms-flex-align: center;
      -webkit-align-items: center;
      align-items: center;
      flex-wrap: wrap;
      flex-direction: column;
}
.swiper-pagination-bullet {
  background: #fff;
  opacity: 1.0;
}
.swiper-pagination-bullet-active {
  opacity: 1;
  background: #C53D0D;
}

.background-img {
    background-size: cover;
    background-position: 50% 50%;
}
.swipeHeadline {
	font-family: 'Montserrat', Verdana, Arial, Helvetica, sans-serif;
	color: #fff;
	font-size: 48px;
	line-height: 1.3em;
	letter-spacing: -1px;	
}
.getstartedBtn {
	margin-top: 30px;
	padding: 10px 0px;
	text-align: center;
	border-radius: 3px;
	-moz-border-radius: 3px;
	width: 250px;
	background-color: #C53D0D;		
}
.demoBtn {
	background-color: #363;	
}
a.calltoactionBtn {
	font-family: "Open Sans", Arial, Helvetica, sans-serif;	
	font-size: 22px;
	color: #fff;
	text-decoration: none;
	font-weight: 600;
	text-align: center;
	cursor: pointer;
}
/* end of new home page */



/* 5 column responsive */
.gridClear::after {
    clear: both;
    content: "";
    display: table;
}
.itemContainer, .itemContainer_row2 {
	padding-top: 30px;
}
.item5 {
	float: left;
	margin-right: 3.0%;
	width: 17%;
}
.item5last {
	float: left;
	width: 17%;
}

.item2 {
	float: left;
	margin-right: 3.0%;
	width: 47%;
}
.item2last {
	float: left;
	width: 47%;
}

.item3 {
	float: left;
	margin-right: 3.0%;
	width: 30%;
}
.item3last {
	float: left;
	width: 34%;
}

.homeItemTitle, .supportItemTitle {
	font-family: 'Montserrat', Verdana, Arial, Helvetica, sans-serif;
	text-align: center;	
	font-size: 1.0em;
	line-height: 1.1em;
}
.homeItemTitle > a {
	text-decoration: none;
}

.homeItemText, .supportItemText {
	padding-top: 3px;
	text-align: center;	
	font-size: 0.9em;
}

.homeItemImage, .supportItemImage {
	text-align: center;
}

.homeItemImage>img, .homeItemImage>a>img, .supportItemImage>img, .supportItemImage>a>img {
	display: inline-block;
}

.supportItemTitle {
	color: #c63d0f;
	font-size: 1.1em;
}

.supportItemText {
	font-size: 1.0em;
}

/* old featured events */
.anEvent {
	padding-bottom: 18px;
}
.anEventImage {
	/*border: 1px solid #999;
	border-radius: 5px;
	-moz-border-radius: 5px;
	padding: 6px;*/
	max-width: 30%;
	float: left;
}
.anEventDescription {
	/*border: 1px solid #999;
	border-radius: 5px;
	-moz-border-radius: 5px;*/
	padding-left: 12px;
	max-width: 70%;
	float: left;
	font-size: 0.9em;
	text-align: left;
}
.anEventName {
	font-weight: bold; 
	font-size: 1.1em; 
	padding-top: 4px;
}
/* end of old featured events */
.featuredEvents {
	padding: 0;
	margin: 0;
	list-style: none;
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	font-family: 'Montserrat', Verdana, Arial, Helvetica, sans-serif;
}
.featuredEventItem {
	background-color: #fff;
	width: 300px;
	height: 250px;
	margin-top: 12px;
	margin-bottom: 20px;
	margin-right: 24px;
	text-align: center;
	border: 1px solid #e6e5ec;
	border-radius: 4px;
	box-shadow: 2px 2px 6px #ccc;	
}
.featuredEventImage {
	width: 300px;
	height: 100px;	
}
.featuredEventName{
	display: flex;
	justify-content: center;
	height: 70px;	
	overflow: hidden;
	margin-bottom: 3px;
}
.featuredEventNameContent {
	align-self: flex-end;
	padding: 0px 15px;
	font-size: 16px;
	line-height: 120%;	
}
.featuredEventType{
	display: flex;
	justify-content: center;
	height: 26px;	
	overflow: hidden;
}
.featuredEventTypeContent {
	align-self: flex-end;
	margin-left: 190px;
	font-size: 12px;
	background-color: #363;
	color: #fff;
	padding: 3px;	
	width: 110px;
	border-bottom-right-radius: 4px;
}
.featuredEventRaised {
	font-size: 36px;
	color: #8a8b8c	
}

#pagetitle .demo_button{
	background-color:#7E8F7C;
	display:inline-block;
	color:#ffffff;
	font: 24px bold Arial, Helvetica, sans-serif;
	height:54px;
	line-height:54px;
	width:243px;
	text-decoration: none;
	text-align:center;
	text-transform: uppercase;
}

#bg_strip .demo_button{
	background-color:#C63D0f;
	display:inline-block;
	color:#ffffff;
	font: 24px bold Arial, Helvetica, sans-serif;
	height:54px;
	line-height:54px;
	width:243px;
	text-decoration: none;
	text-align:center;
    -webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;	
}

#bg_strip .buttonArea {
	text-align: center;
	/*padding: 24px 0px;*/
}

.belowImg {
	padding-bottom: 24px;
}

.learnmore {
	padding: 24px 0px;
}

.learnmore-mobile {
	display: none;
}

.learnmore_button { /*http://www.cssbuttongenerator.com/*/
	-moz-box-shadow:inset 0px 1px 0px 0px #F06A3E;
	-webkit-box-shadow:inset 0px 1px 0px 0px #F06A3E;
	box-shadow:inset 0px 1px 0px 0px #F06A3E;
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #F06A3E), color-stop(1, #C63D0F) );
	background:-moz-linear-gradient( center top, #F06A3E 5%, #C63D0F 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#F06A3E', endColorstr='#C63D0F');
	background-color:#F06A3E;
	/*border:1px solid #C63D0F;*/
	display:inline-block;
	color:#fff; /*666666*/
	font: 15px bold Arial, Helvetica, sans-serif;
	height:35px;
	line-height:35px;
	width:131px;
	text-decoration:none;
	text-align:center;
	text-shadow:1px 1px 0px #3B3738;
}

#facelike img, #twitterfollow img {
  max-width: 48px;
  height: auto;
}

/* pricing css */

.priceTable {
	width: 70%;
	display: block;
	/*margin-left: auto;
    margin-right: auto;*/
	border: 1px solid #bec0c0;
}

.priceHeading {
	text-align: center;	
	/*background-color: #404751;
	color: #fff;*/
	background-color: #bec0c0;
	color: #404751;
	padding: 6px;
	font-size: 1.5em;	
}

.priceText {
	color: #404751;
	text-align: left;	
	padding: 12px;
	font-size: 1.1em;
	line-height: 1.8em;
}

.zeroPercent {
	font-size: 1.1em;
	font-weight: bold;
}

.featureTable {
	width: 80%
}


#blog {
	padding: 20px 0px;
}

#blog h1 {
	font-size: 30px;
	font-weight: normal;
	padding: 0;
	margin: 0;
	line-height: 120%;	
	
} 

#blog h2 {
	font-size: 22px;
	font-weight: normal;
	padding: 0;
	margin: 0;
	line-height: 120%;	
	text-decoration: none:	
} 

#blog .byline {
	font-size: 12px;
	font-weight: normal;
	padding-bottom: 12px;
}

#blog .blurb {
	font-size: 14px;
	font-weight: normal;
	padding-bottom: 6px;
}

#blog .leftContent {
	width: 66%; 
	float: left;
	padding-right: 10px;
}

#blog .rightContent {
	width: 34%; 
	float: right;
	padding-left: 10px;
}

#blog .mobileSearch {
	display: none;
}

.blog_content_title {
	color: #c63d0f;
}

.blog_icon_left {
	float: left; 
	padding: 6px; 
	width: 16%;
}

.blog_text_right {
	float: left; 
	padding: 6px; 
	width: 84%;
}

.blog_widget_title {
	padding-bottom: 9px; 
	font-size: 14px; 
	font-weight: bold;
	padding-left: 10px;	
}

.blog_widget_box {
	border: 1px solid #C63D0f;
	border-radius: 15px;
	-moz-border-radius: 15px;
	padding: 10px;
	background-color: #F8F8F8;
	font-size: 14px;
	width: 80%;
	overflow: hidden;
}

.popupBox {
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.3);
    /*margin: 1em;
	padding: 19px;*/
    background-color: #f3f3f3;
    border: 1px solid #000;
    -webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;	
}

.popupTitle {
	font-family: 'Montserrat', Verdana, Arial, Helvetica, sans-serif;
	padding-top: 30px;
	text-align: center;
	color: #C53D0D;
	font-size: 36px;
	line-height: 1.0em;
	letter-spacing: -1px;
	padding-top: 18px;
	padding-left: 18px;
	padding-right: 18px;
}

.popupText {
	font-family: 'Montserrat', Verdana, Arial, Helvetica, sans-serif;
	font-size: 17px;
	text-align: center;
	padding: 18px;
	max-width: 545px;
}

/* new home page including matching campaigns */