h1, h2, h3, h4, h5, h6 {
    color: #444;
    font-size: 100%;
    font-weight: 700;
    margin: 0;
    padding: 0;
}
.h1, .typed-cursor {
    font-size: 5em;
}
.typed-cursor{
    opacity: 1;
    -webkit-animation: blink 0.7s infinite;
    -moz-animation: blink 0.7s infinite;
    animation: blink 0.7s infinite;
}
.MoveAhead{
	bottom: 0;
    color: #fff;
    font-size: 1.5em;
    font-weight: bold;
    height: 10%;
    padding: 20px 0 0;
    position: absolute;
    vertical-align: bottom;
    width: 100%;
    z-index: 9999;
}

.MoveAhead a{
	bottom: 0;
    color: #fff;
}
.backtoTop a, .backtoTop a:hover{
	color: #fff;
}
.modal_link, .modal_link:hover, .modal_link:active{
	color: #fff;
	text-decoration: underline;
}
.email_form{
	border: #ececec solid 1px;
    border-radius: 0px;
    font-size: 18px;
    margin: 10px auto;
    text-align: center;
    width: 80%;
    padding: 20px;
}
.even p{
	color: #2d7c93;
}

#section0{
    background-size: cover;
}

@charset "ISO-8859-1";
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, textarea, p, blockquote, th, td {
    margin: 0;
    padding: 0;
    font-family: 'Open Sans', sans-serif;
}
a {
    text-decoration: none;
}
table {
    border-spacing: 0;
}
fieldset, img {
    border: 0 none;
}
.h2 .superscript{
	font-size: 0.5em !important;
	font-weight: bold;
}
address, caption, cite, code, dfn, em, strong, th, var {
    font-style: normal;
    font-weight: normal;
}
strong {
    font-weight: bold;
}
ol, ul {
    list-style: outside none none;
    margin: 0;
    padding: 0;
}
caption, th {
    text-align: left;
}
h1, h2, h3, h4, h5, h6 {
    color: #444;
    font-size: 100%;
    font-weight: normal;
    margin: 0;
    padding: 0;
    text-transform: uppercase;
    font-weight: bold;
}
q::before, q::after {
    content: "";
}
abbr, acronym {
    border: 0 none;
}
body {
    color: rgba(0, 0, 0, 0.5);
    font-family: arial,helvetica;
}
.wrap {
    margin-left: auto;
    margin-right: auto;
    position: relative;
    width: 960px;
}
h1 {
    font-size: 6em;
}
p {
    font-size: 2em;
}
.section {
}
#menu li {
    background: none repeat scroll 0 0 rgba(255, 255, 255, 0.5);
    border-radius: 10px;
    color: #000;
    display: inline-block;
    margin: 10px;
}
#menu li.active {
    background: none repeat scroll 0 0 rgba(0, 0, 0, 0.5);
    color: #fff;
}
#menu li a {
    color: #000;
    text-decoration: none;
}
#menu li.active a:hover {
    color: #000;
}
#menu li:hover {
    background: none repeat scroll 0 0 rgba(255, 255, 255, 0.8);
}
#menu li a, #menu li.active a {
    display: block;
    padding: 9px 18px;
}
#menu li.active a {
    color: #fff;
}
#menu {
    height: 40px;
    left: 0;
    margin: 0;
    padding: 0;
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 70;
}
#usedBy {
    padding: 50px 0 0;
}
@media all and (max-width: 900px) {
#usedBy {
    padding: 0;
}
#usedBy {
    height: 50px;
    width: 275px;
}
}
.slick-slide .col-md-4{
    margin-top: 60px;
}
#section2 img {
    margin: 0px 0 0 0px;
}
#section6 img {
    bottom: 0;
    margin-left: -420px;
    position: absolute;
}
.intro p {
    font-size: 1.5em;
    margin: 0 auto;
    width: 50%;
}
.twitter-share-button {
    position: fixed !important;
    right: 149px;
    top: 9px;
    z-index: 99;
}
#fullPage-nav {
    margin-top: -32px;
    opacity: 1;
    position: absolute;
    top: 50%;
    z-index: 100;
}
#fullPage-nav li {
    display: block;
    height: 13px;
    margin: 7px;
    width: 14px;
}
#fullPage-nav li a {
    cursor: pointer;
    display: block;
    height: 100%;
    position: relative;
    text-decoration: none;
    width: 100%;
    z-index: 1;
}
#fullPage-nav li .active span {
    background: none repeat scroll 0 0 #333;
}
#fullPage-nav span {
    background: none repeat scroll 0 0 rgba(0, 0, 0, 0);
    border: 1px solid #000;
    border-radius: 50%;
    height: 8px;
    left: 2px;
    position: absolute;
    top: 2px;
    width: 8px;
    z-index: 1;
}
#download {
    background-color: #49afcd;
    background-image: -moz-linear-gradient(center top , #5bc0de, #2f96b4);
    background-repeat: repeat-x;
    border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
    border-radius: 6px;
    box-shadow: 0 1px 0 rgba(255, 255, 255, 0.2) inset, 0 1px 2px rgba(0, 0, 0, 0.05);
    color: #fff;
    cursor: pointer;
    display: inline-block;
    margin: 10px 0 0;
    padding: 15px 10px;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
    vertical-align: middle;
}
#download a {
    color: #fff;
    text-decoration: none;
}
#download:hover {
    background-color: #2f96b4;
    background-position: 0 -15px;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
    transition: background-position 0.1s linear 0s;
}
#infoMenu {
    bottom: 0;
    color: #f2f2f2;
    font-size: 0.9em;
    height: 20px;
    padding: 8px 0;
    position: fixed;
    text-align: right;
    width: 100%;
    z-index: 70;
}
#infoMenu ul {
    padding: 0 40px;
}
#infoMenu li a {
    color: #333;
    display: block;
    margin: 0 22px 0 0;
}
#infoMenu li a:hover {
    text-decoration: underline;
}
#infoMenu li {
    display: inline-block;
    position: relative;
}
#examplesList {
    background: none repeat scroll 0 0 #282828;
    border-radius: 6px;
    bottom: 29px;
    display: none;
    float: left;
    padding: 20px;
    position: absolute;
    right: 0;
    text-align: left;
    width: 662px;
}
#examplesList ul {
    padding: 0;
}
#examplesList ul li {
    display: block;
    margin: 5px 0;
}
#examplesList ul li a {
    color: #bdbdbd;
    margin: 0;
}
#examplesList ul li a:hover {
    color: #f2f2f2;
}
#examplesList .column {
    float: left;
    margin: 0 20px 0 0;
}
#examplesList h3 {
    border-bottom: 1px solid rgba(0, 0, 0, 0.4);
    box-shadow: 0 1px 0 rgba(255, 255, 255, 0.1);
    color: #f2f2f2;
    font-size: 1.2em;
    margin: 0 0 15px;
    padding: 0 0 5px;
}
#donations a {
    color: rgba(0, 0, 0, 0.5);
    font-size: 80%;
}
#donations a:hover {
    color: #fff;
}

@keyframes blink{
    0% { opacity:1; }
    50% { opacity:0; }
    100% { opacity:1; }
}
@-webkit-keyframes blink{
    0% { opacity:1; }
    50% { opacity:0; }
    100% { opacity:1; }
}
@-moz-keyframes blink{
    0% { opacity:1; }
    50% { opacity:0; }
    100% { opacity:1; }
}



/*==========  Mobile First Method  ==========*/

/* Custom, iPhone Retina */ 
@media only screen and (min-width : 320px) {
	
	/* header */
	.mass-hdr-top{
		width: 100%;
	}
	.inflex-hashtag{
		width: 100%;
		font-size: 2em;
		font-family: 'Open Sans', sans-serif;
		text-transform: uppercase;
	}
	.presented_by{
		font-size: 1em;
	}
	.mcp-logo{
		color: #fff;
	}
	.mcp-org-logo{
		text-align: right;
	}
	
	#section0{
		background-image: url("../img/jdawkinsatl.jpg");
		background-size: cover;
		background-repeat: no-repeat;
		background-position: center center;
		
		
		
	}
	
	.container {
	}
	.fill{
	    width:100%;
	    height:100%;
	    min-height:100%;
	    background-color:#990000;
	    padding:10px;
	    color:#efefef;
	}
	.cn {
		position: relative;
	}
	.inner {
		position: relative;
		top: 34%;
		transform: translate(0%);
		width: 100%;
	}
	.inner-work {
		position: relative;
		top: 15%;
		transform: translate(0%);
		width: 100%;
	}
	.inner .col-md-3 img{
		width: 100%;
	}
	.inflex-hdr{
		background-color: #333;
		padding: 20px 0 20px;
		position: fixed;
		width: 100%;
		top: 0px;
		z-index: 7000;
	}
	.inflex-intro{
	}
	.inflex-intro .superscript{
		font-family: 'Open Sans', sans-serif;
		font-size: 0.9em;
		font-weight: 700;
		text-transform: uppercase;	
	}
	.inflex-intro h1{
		color: #fff;
		font-family: 'Open Sans', sans-serif;
		font-size: 1.9em;
		font-weight: 700;
		margin: 0px;
	}
	.inflex-intro p{
	    font-size: 1.3em;
	    margin-bottom: 40px;
	    color: #fff;
	}	
	.inflex-value-prop {
	    background-color: #ccc;
	    background-size: cover;
	    width: 100%;
	}
	.inflex-widget {
	    background-color: #333;
	    height: 400px;
	    top: 675px;
	    color: #fff;
	    display: table;
	    width: 100%;
	    padding: 100px 0;
	}
	.inflex-widget-outer{
		background-color: #fff; 
		height: 400px; 
	}
	.inflex-widget-inner{
		background-color: #333; 
		height: 100%; 
		display: block;
	}
	.inflex-widget-left {
	    background-color: #fff;
	    border-right: 1px solid #ececec;
	    color: #000;
	    float: left;
	    height: 100%;
	    width: 50%;
	    
	}
	.inflex-widget-right{
		width: 50%;
		height: 100%;
		display: table-cell;
	}
	.inflex-application-shell {
	    background-color: #ef6c0f;
	    border: 10px solid #fff;
	    height: 100%;
	}
	.inflex-widget-header {
	    border-bottom: 1px solid #ececec;
	    font-family: 'Open Sans',sans-serif;
	    font-size: 2em;
	    padding: 15px 20px;
	    text-transform: uppercase;
	    width: 100%;
	}
	.inflex-widget-row{
	    border-bottom: 1px solid #ececec;
		width: 100%;
		height: 65px;
	}
	.inflex-actions-row {
	    font-family: 'Open Sans',sans-serif;
	    font-size: 1em;
	    line-height: 55px;
	    padding: 0 0 0 20px;
	    text-transform: uppercase;
	}
	.inflex-actions-row button {
	    background-color: #3fb663;
	    border: 0 none;
	    color: #fff;
	    font-family: 'Open Sans',sans-serif;
	    font-size: 1.2em;
	    line-height: 40px;
	    padding: 5px 60px;
	    text-transform: uppercase;
	}
	.row-instructions {
	    color: #a3a3a3;
	    float: left;
	    font-family: 'Open Sans',sans-serif;
	    font-size: 1.5em;
	    line-height: 65px;
	    padding: 0 0 0 20px;
	    text-transform: uppercase;
	    width: 80%;
	}
	.row-count{
	    color: #a3a3a3;
	    font-family: 'Open Sans',sans-serif;
		float: right;
		width: 65px;
		height: 59px;
		border-left: 1px solid #ececec;
		line-height: 25px;
		padding: 3px 0;
		text-transform: uppercase;
		
	}
	.row-count div{
		font-size: 3em;
	}
	.inflex-sign-up-bar{
		font-family: 'Open Sans', sans-serif;
		padding: 40px 0;
		font-size: 1em;
		background-color: #f3f3f3;
		text-align: center;
	}
	.inflex-su-btn{
	}
	.inflex-btn{
		padding: 5px 30px;
		font-size: 0.8em;
		border: 0px;
		background-color: #111;
		color: #fff;
		text-transform: uppercase;
		margin-left: 20px;
	}
	.inflex-progress{
		background-color: #111;
		padding: 100px 0 120px;
	}
	.inflex-progress h2{
		color: #fff;
		margin: 10px auto 40px;
		text-transform: uppercase;
	}
	.inflex-reward-box{
		background-color: #333;
	    color: #fff;
		padding: 100px 0 120px;
		display: table;
		vertical-align: middle;
		width: 100%;
	}
	.inflex-reward-box img{
		border-radius: 200px;
	}
	.inflex-reward-text{
		display: table;
		padding: 30px 0 0;
	}
	.inflex-reward-box p{
		font-family: 'Open Sans', sans-serif;
		font-size: 3em;
		display: table-cell;
		width: 100%;
		text-transform: uppercase;
		vertical-align: middle;
	}
	.inflex-footer {
	    background-color: #111;
	    bottom: 0;
	    color: #fff;
	    padding: 40px 0;
	    position: absolute;
	    width: 100% !important;
	}
	.slick-list {
	    height: 300px;
	}
	.footer-left {
		font-family: 'Open Sans', sans-serif;
		font-size: 2em;
	}
	.footer-left a{
		color: #fff;
		text-transform: uppercase;
		display: table;
	}
	.footer-left a:hover{
		text-decoration: none;
		color: olive;
	}
	.footer-right {
		font-family: 'Open Sans', sans-serif;
		font-size: 1.3em;
		text-align: right;
	}
	.footer-right p{
		padding-bottom: 20px;
		font-size: 1em;
		text-transform: uppercase;
	}
	.footer-right a{
		color: #111;
		clear: both;
		text-transform: uppercase;
		background-color: #ccc;
		padding: 6px 18px;
		margin-bottom: 25px;
		font-size: 0.8em;
	}
	.footer-right a:hover{
		text-decoration: none;
		color: olive;
	}
	.footer-right div{
		width: 100%;
		margin: 10px 0;
		padding: 10px 0;
	}
	.modal-content{
		border-radius: 0px;
	}
	.modal-header{
		border-bottom: 0px;
	}
	.modal-title {
	    font-family: 'Open Sans',sans-serif;
	    font-size: 1.8em;
	}
	.modal-body{
		padding-top: 0px;
	}
	.modal-content p{
		font-size: 1.6em;
		line-height:1.6em;
		font-weight: bold;
		margin-bottom: 15px;
	}
	.modal-content p.smaller{
		font-size: 1.2em;
		line-height: 1.6em;
	}
	.responsive .h2 {
	    font-size: 2em;
	    font-weight: bold;
	    margin: 20px;
	    text-transform: uppercase;
	}
	.inflex-intro .responsive p {
	    font-size: 1.2em;
	    line-height: 1.6em;
	    margin-bottom: 40px;
	}
	.slick-slide img {
	}
	.id-logo{
		width: 20%;
		float: left;
	}
	.id-logo img{
		width: 100%;
	}
	.backtoTop, .backtopTop a i{
	    bottom: 30px;
	    font-size: 2em;
	    position: fixed;
	    right: 30px;
	    z-index: 7777;
	    color: #fff;
	}
	
	.subscribeFOB{
	    bottom: 30px;
	    font-size: 1.2em;
	    position: fixed;
	    left: 30px;
	    z-index: 7777;
	    color: #fff;
	    border-radius: 50px;
	    -moz-border-radius: 50px;
	    -webkit-border-radius: 50px;
	    border: #fff solid 1px;
	    padding: 10px 20px;
	}
	.subscribeFOB a, .subscribeFOB a:hover{
		text-decoration: none;
	}
    
}

/* Extra Small Devices, Phones */ 
@media only screen and (min-width : 480px) {

}

/* Small Devices, Tablets */
@media only screen and (min-width : 768px) {
	
	/* header */
	.mass-hdr-top{
		width: 100%;
	}
	.inflex-hashtag{
		width: 100%;
		font-size: 2em;
		font-family: 'Open Sans', sans-serif;
		text-transform: uppercase;
	}
	.presented_by{
		font-size: 1em;
	}
	.mcp-logo{
		color: #fff;
	}
	.mcp-org-logo{
		text-align: right;
	}
	#section0{
		background-size: cover;
		background-repeat: no-repeat;
	}
	.container {
	    height:100%;
	}
	.fill{
	    width:100%;
	    height:100%;
	    min-height:100%;
	    background-color:#990000;
	    padding:10px;
	    color:#efefef;
	}
	.cn {
		position: relative;
	}
	.inner {
		position: relative;
		top: 34%;
		transform: translate(0%);
		width: 100%;
	}
	.inner-work {
		position: relative;
		top: 15%;
		transform: translate(0%);
		width: 100%;
	}
	.inner .col-md-3 img{
		width: 100%;
	}
	.inflex-hdr{
		background-color: #333;
		padding: 20px 0 20px;
		position: fixed;
		width: 100%;
		top: 0px;
		z-index: 7000;
	}
	.inflex-intro{
	}
	.inflex-intro .superscript{
		font-family: 'Open Sans', sans-serif;
		font-size: 1.4em;
		font-weight: 700;
		text-transform: uppercase;	
	}
	.inflex-intro h1{
		color: #fff;
		font-family: 'Open Sans', sans-serif;
		font-size: 3.7em;
		font-weight: 300;
		margin: 0px;
	}
	.inflex-intro p{
		color: #fff;
	    font-size: 1.5em;
	    line-height: 2em;
	    margin-bottom: 40px;
	}	
	.inflex-value-prop {
	    background-color: #ccc;
	    background-size: cover;
	    width: 100%;
	}
	.inflex-widget {
	    background-color: #333;
	    height: 400px;
	    top: 675px;
	    color: #fff;
	    display: table;
	    width: 100%;
	    padding: 100px 0;
	}
	.inflex-widget-outer{
		background-color: #fff; 
		height: 400px; 
	}
	.inflex-widget-inner{
		background-color: #333; 
		height: 100%; 
		display: block;
	}
	.inflex-widget-left {
	    background-color: #fff;
	    border-right: 1px solid #ececec;
	    color: #000;
	    float: left;
	    height: 100%;
	    width: 50%;
	    
	}
	.inflex-widget-right{
		width: 50%;
		height: 100%;
		display: table-cell;
	}
	.inflex-application-shell {
	    background-color: #ef6c0f;
	    border: 10px solid #fff;
	    height: 100%;
	}
	.inflex-widget-header {
	    border-bottom: 1px solid #ececec;
	    font-family: 'Open Sans',sans-serif;
	    font-size: 2em;
	    padding: 15px 20px;
	    text-transform: uppercase;
	    width: 100%;
	}
	.inflex-widget-row{
	    border-bottom: 1px solid #ececec;
		width: 100%;
		height: 65px;
	}
	.inflex-actions-row {
	    font-family: 'Open Sans',sans-serif;
	    font-size: 1em;
	    line-height: 55px;
	    padding: 0 0 0 20px;
	    text-transform: uppercase;
	}
	.inflex-actions-row button {
	    background-color: #3fb663;
	    border: 0 none;
	    color: #fff;
	    font-family: 'Open Sans',sans-serif;
	    font-size: 1.2em;
	    line-height: 40px;
	    padding: 5px 60px;
	    text-transform: uppercase;
	}
	.row-instructions {
	    color: #a3a3a3;
	    float: left;
	    font-family: 'Open Sans',sans-serif;
	    font-size: 1.5em;
	    line-height: 65px;
	    padding: 0 0 0 20px;
	    text-transform: uppercase;
	    width: 80%;
	}
	.row-count{
	    color: #a3a3a3;
	    font-family: 'Open Sans',sans-serif;
		float: right;
		width: 65px;
		height: 59px;
		border-left: 1px solid #ececec;
		line-height: 25px;
		padding: 3px 0;
		text-transform: uppercase;
		
	}
	.row-count div{
		font-size: 3em;
	}
	.inflex-sign-up-bar{
		font-family: 'Open Sans', sans-serif;
		padding: 40px 0;
		font-size: 1.6em;
		background-color: #f3f3f3;
		text-align: center;
	}
	.inflex-su-btn{
	}
	.inflex-btn{
		padding: 5px 30px;
		font-size: 0.8em;
		border: 0px;
		background-color: #111;
		color: #fff;
		text-transform: uppercase;
		margin-left: 20px;
	}
	.inflex-progress{
		background-color: #111;
		padding: 100px 0 120px;
	}
	.inflex-progress h2{
		color: #fff;
		margin: 10px auto 40px;
		text-transform: uppercase;
	}
	.inflex-reward-box{
		background-color: #333;
	    color: #fff;
		padding: 100px 0 120px;
		display: table;
		vertical-align: middle;
		width: 100%;
	}
	.inflex-reward-box img{
		border-radius: 200px;
	}
	.inflex-reward-text{
		display: table;
		padding: 30px 0 0;
	}
	.inflex-reward-box p{
		font-family: 'Catamaran', sans-serif;
		font-size: 3em;
		display: table-cell;
		width: 100%;
		text-transform: uppercase;
		vertical-align: middle;
	}
	.inflex-footer {
	    background-color: #111;
	    bottom: 0;
	    color: #fff;
	    padding: 40px 0;
	    position: absolute;
	    width: 100% !important;
	}
	.footer-left {
		font-family: 'Catamaran', sans-serif;
		font-size: 2em;
	}
	.footer-left a{
		color: #fff;
		text-transform: uppercase;
		display: table;
	}
	.footer-left a:hover{
		text-decoration: none;
		color: olive;
	}
	.footer-right {
		font-family: 'Catamaran', sans-serif;
		font-size: 1.3em;
		text-align: right;
	}
	.footer-right p{
		padding-bottom: 20px;
		font-size: 1em;
		text-transform: uppercase;
	}
	.footer-right a{
		color: #111;
		clear: both;
		text-transform: uppercase;
		background-color: #ccc;
		padding: 6px 18px;
		margin-bottom: 25px;
		font-size: 0.8em;
	}
	.footer-right a:hover{
		text-decoration: none;
		color: olive;
	}
	.footer-right div{
		width: 100%;
		margin: 10px 0;
		padding: 10px 0;
	}
	.modal-content{
		border-radius: 0px;
	}
	.modal-header{
		border-bottom: 0px;
	}
	.modal-title {
	    font-family: 'Open Sans',sans-serif;
	    font-size: 1.8em;
	}
	.modal-body{
		padding-top: 0px;
	}
	.modal-content p{
		font-size: 1.6em;
		line-height:1.6em;
		font-weight: bold;
		margin-bottom: 15px;
	}
	.modal-content p.smaller{
		font-size: 1.2em;
		line-height: 1.6em;
	}
	.responsive .h2 {
	    font-size: 2em;
	    font-weight: bold;
	    margin: 50px 0 20px;
	    text-transform: uppercase;
	}
	.inflex-intro .responsive p {
	    font-size: 1.4em;
	    line-height: 1.6em;
	    margin-bottom: 40px;
	}
	.slick-slide img {
	}

}

/* Medium Devices, Desktops */
@media only screen and (min-width : 992px) {

}

/* Large Devices, Wide Screens */
@media only screen and (min-width : 1200px) {

}