@charset "UTF-8";
html
{
	position:relative;
	min-height:100%;
}
body
{
	width:100%;
	display:table;
	margin-bottom:40px;
	font-family: 'Lato', sans-serif;
	overflow: hidden;
	font-size: 14px;
}

h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6
{
text-transform: uppercase;
font-weight: 700;
}
/* Preloader */
.container
{
	width:100%;
	padding: 0px;
}
#preloader {
    position:fixed;
    top:0;
    left:0;
    right:0;
    bottom:0;
    background-color:#fff; 
    z-index:999;
}
#status {
	width: 100%;
	height: 100%;
    background-image:url('images/preloader.gif');
    background-repeat:no-repeat;
	background-size:contain;
    background-position:center;
    margin:auto;
}
#status h2{
    color: #d21f38;
    padding-top: 35%;
    text-align: center;
}
@media only screen and (min-width:719px)
{
#status {
	width: 50%;
	height: 100%;
}
}

.header
{
	z-index:99;
	top:0;
	left:0;
	position:fixed;
	height:70px;
	width:100%;
	display:inline-block;
}
.main
{
	margin-top:70px;
}

.footer
{
	background-image:url('images/footer.png');
	color:#ffffff;
	position:absolute;
	bottom:0;
	width:100%;
	height:40px;
}
.row
{
	margin-right:0px;
	margin-left:0px;
}
.header-top
{
	background-color:#d31f3c;
	top:0px;
	width:100%;
	height:5px;
}
.navbar-default
{
	background-color:#ffffff;
	border-color:#e7e7e7;
	box-shadow:0px 0px 15px #000;
}
.navbar
{
	position:relative;
	min-height:65px;
	margin-bottom:0px;
}
.nav>li
{
	margin:18px 10px;
}
.navbar-nav>li>a
{
	padding-top:5px;
	padding-bottom:5px;
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	-o-transition: all 0.3s;
	transition: all 0.3s;
}

.navbar-default .navbar-nav > li > a:hover, .navbar-default .navbar-nav > li > a:focus
{
	background-color:#01c6f0;
	color:#fff;
}
 .navbar-default .navbar-nav > .active{
    color: #fff;
   background: #01c6f0;
 }
 .navbar-default .navbar-nav > .active > a, 
 .navbar-default .navbar-nav > .active > a:hover, 
 .navbar-default .navbar-nav > .active > a:focus {
    color: #fff;
    background: #01c6f0;
 }
.navbar-right
{
	margin-right:10px;
}

.navbar-brand
{
	padding:10px 10px;
}
#title-1
{
	background-color:#d31f3c;
}

#home-main
{
	background-image:url('images/bg.png');
    background-repeat:no-repeat;
	background-size:cover;
    background-position:center;
}
.header-placeholder
{
	padding:3%;
}
.header-placeholder p
{
	font-size: 18px;
}
.header-image
{
	padding-top: 10px;
    -webkit-filter: drop-shadow(1px 2px 1px #212121);
    filter: drop-shadow(5px 5px 5px #222);
}
.button
{
	padding:15px 25px;
	border:1px solid #01c6f0;
	min-width: 125px;
	font-size:14px;
	background:#01c6f0;
	color:#fff;
	cursor:pointer;
	margin-bottom:15px;
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.5s;
	-o-transition: all 0.5s;
	transition: all 0.5s;
	text-transform: uppercase;
	font-weight: 700;
}
.button:hover
{
	background:#66dcf7;
	color:#fff;
}
.button-active
{
	background:#66dcf7;
	color:#fff;
}
#home-main .col-md-5
	{
	text-align: left;
	color: #fff;
	}
#home-main .button
{
	font-size: 16px;
}
@media only screen and (min-width:719px)
{
	#home-main .img-responsive 
	{
		margin: auto;
	}
	#home-main .col-md-5
	{
		margin: auto;
		vertical-align:middle;
	}
	#home-main .col-md-5 h1
	{
		font-size: 60px;
		font-weight: 900;
	}
	.left-side
	{
		float:none;
		display:table-cell;
	}
	.right-side
	{
		float:none;
		display:table-cell;
	}
	.center
	{
		float:none;
		display:table-cell;
	}

}
#value
{
text-align: center;
margin: auto;
width: 90%;
padding-top: 20px;
}

#value img
{
padding-bottom: 15px;
}
#value .col-md-4
{
	padding: 2%;
}
#features
{
background: #01c6f0;
}

.features-nav
{
	background:#ccc;
	text-align:center;
	margin:auto;
	color:#FFF;
	border-bottom: 3px solid #fff;
}
.features-nav-menu
{
	margin:auto;
	list-style:none;
	display: inline-flex;
	padding-left: 0px;
}
.features-nav-menu>li
{
	display:inline;
	border-left: 3px solid #fff;
	font-size: 8px;
	text-transform: uppercase;
	border-bottom: 3px solid transparent;
	-webkit-transition: all 0.5s;
	-moz-transition: all 0.5s;
	-o-transition: all 0.5s;
	transition: all 0.5s;'

}
.features-nav-menu>li:hover
{
	background:#66dcf7;
	cursor: pointer;
}
.features-nav-menu li a
{
	color: #fff;
}
.features-nav-menu li a:hover
{
	text-decoration: none;
}

.features-content
{
	width: 100%;
	padding: 3% 0%;
}
@media only screen and (min-width:719px)
{
	#features
	{
		margin-top: 90px;
	background: #01c6f0;
	}
	#features .col-md-4
	{
		margin: auto;
		vertical-align:middle;
	}
	#features .left-side
	{
		float:none;
		display:table-cell;
	}
	#features .right-side
	{
		float:none;
		display:table-cell;
	}
.feature-post, .feature-alumni, .feature-events, .feature-chat, .feature-fr, .feature-db
	{
		margin: 25px 10px;
		height: 200px;
	}
	.feature .col-md-4
	{
		height: 200px;
		width: 157px;
	}
	.feature .col-md-8
	{
		height: 200px;
		vertical-align: middle;
	}
	.features-nav-menu>li
	{
		width: 150px;
		padding: 10px 20px;
		font-size: 13px;
	}
}
.active-features
{
	border-bottom: 3px solid red !important;
	background:#01c6f0;
}
.features-content h3
{
	color: #dedede;
	min-width: 230px;
}
.features-content p
{
	color: #dedede;
	font-weight: 700;
}

.feature-post, .feature-alumni, .feature-events, .feature-chat, .feature-fr, .feature-db
{
	border: 3px solid transparent;
	cursor: pointer;
}
#posts
{
	display: block;
		-webkit-transition: all 0.3s;
	-moz-transition: all 0.5s;
	-o-transition: all 0.5s;
	transition: all 0.5s;
}
#alumni
{
	display: none;
		-webkit-transition: all 0.3s;
	-moz-transition: all 0.5s;
	-o-transition: all 0.5s;
	transition: all 0.5s;
}
#chat
{
	display: none;
		-webkit-transition: all 0.3s;
	-moz-transition: all 0.5s;
	-o-transition: all 0.5s;
	transition: all 0.5s;
}
#events
{
	display: none;
		-webkit-transition: all 0.3s;
	-moz-transition: all 0.5s;
	-o-transition: all 0.5s;
	transition: all 0.5s;
}
#fundraising
{
	display: none;
		-webkit-transition: all 0.3s;
	-moz-transition: all 0.5s;
	-o-transition: all 0.5s;
	transition: all 0.5s;
}
#dashboard
{
	display: none;
		-webkit-transition: all 0.3s;
	-moz-transition: all 0.5s;
	-o-transition: all 0.5s;
	transition: all 0.5s;
}
#features .img-circle
{
	background: #dedede;
}
.active-feature-image
{
	border: 2px solid #fff !important;
}

.active-feature-image .img-circle
{
	background: none !important;
		-webkit-transition: all 0.5s;
	-moz-transition: all 0.5s;
	-o-transition: all 0.5s;
	transition: all 0.5s;
}

.active-feature-image h3
{
	color: #fff;
		-webkit-transition: all 0.5s;
	-moz-transition: all 0.5s;
	-o-transition: all 0.5s;
	transition: all 0.5s;
}

.active-feature-image p
{
	color: #fff;
		-webkit-transition: all 0.5s;
	-moz-transition: all 0.5s;
	-o-transition: all 0.5s;
	transition: all 0.5s;
}
#row-2
{
	padding-top:50px;
	text-align:center;
	background-color:#dedede;
}
.demo-page #row-2
{
	padding-bottom: 50px;
}
#row-3 .col-md-12
{
	padding-top:10px;
	padding-bottom: 50px;
	text-align: center;
		background-color:#dedede;
}
#row-2 .col-md-4
{
	padding-bottom: 2%;
}
.title1
{
	text-align:center;
	padding-bottom:20px;
	color:#ffffff;
	text-shadow:0px 1px 4px #000000;
}
.page-title
{
	line-height:80px;
	color:#ffffff;
	text-align:center;
	font-size:40px;
	text-shadow:0px 1px 4px #000000;
	font-weight: 700;
	text-transform: uppercase;
}
#grey
{
	background-color: #ccc;
}
#getting-started{background-color:#d31f3c;}
     #phone_container {
          width: 343px;
          /* Adjust Phone image width */
          height: 663px;
          /* Adjust Phone image height */
          position: relative;
          
        }

        #phone_container:after {
          content: '';
          display: block;
          background: url('images/home_2.png') no-repeat top left transparent;
          width: 100%;
          height: 100%;
          left: 0px;
          top: 0px;
          position: absolute;
}
         
#video-placeholder {
    position: absolute;
    top: 128px; /* Adjust top position */
    left: 58px; /* Adjust left position */
    z-index: 5;
}
.demo-video
{
	width: 95%;
	margin: auto;
	padding: 0% 3% 3% 3%;
}
@media only screen and (min-width:719px)
{
	.demo-video .col-md-6
	{
		margin: auto;
		vertical-align:middle;
		padding: 1%;
	}
	.demo-video .col-md-1
	{
		vertical-align:middle;
		padding: 3%;
		text-align: center;
		color: #dedede;
	}
	.demo-video h2
	{
		font-size: 48px;
	}
}
#video-placeholder #heading-placeholder #text-placeholder
{
	-webkit-transition: all 0.5s;
	-moz-transition: all 0.5s;
	-o-transition: all 0.5s;
	transition: all 0.5s;
}
#text-placeholder
{
	font-size: 16px;
}
.demo-video .img-circle
{
	cursor: pointer;
	background: #dedede;
		-webkit-transition: all 0.5s;
	-moz-transition: all 0.5s;
	-o-transition: all 0.5s;
	transition: all 0.5s;
}
.active-video .img-circle
{
	background-color: #01C6F0 !important;
}
.active-video p
{
	color: #01C6F0 !important;
}
@media only screen and (max-width:719px)
{
	body
	{
	font-size: 12px;
	margin-bottom:60px;
	}
	#header
	{
		z-index:99;
		position:fixed;
		top:0;
		left:0;
		width:100%;
		}
			#home-main .col-md-5 p
	{
		font-size: 14px;
	}
		#home-main .button
	{
		font-size: 12px;
	}
	#features .img-circle
	{
	width: 40px;
	}
.title{font-size:28px;text-align:center;color:#ffffff;text-shadow:0px 1px 4px #000000;}
.footer{height:60px;}
.navbar-toggle{margin-top:18px;}
h1, .h1{font-size:28px;}
h2, .h2{font-size:20px;}
h3, .h3{font-size:16px;}

.feature-post, .feature-alumni, .feature-events, .feature-chat, .feature-fr, .feature-db
	{
		padding: 2%;
		margin: 5px;
		text-align:center;
	}
	.demo-video
{
	width: 98%;
	margin: auto;
}
.demo-video .img-circle
{
	cursor: pointer;
	background: #dedede;
	margin: 5%;
	display: inline;
}
}
.carousel-inner > .item > img, .carousel-inner > .item > a > img {
    margin-left: auto;
    margin-right: auto;
    padding: 10px;
}
#download{text-align:center;}
.tag-line{
	text-align: center;
	padding-top: 3%;
	font-size: 18px;
}
#faq-functionality{display:none;}
#faq-admin{display:none;}
#faq-security{display:none;}
#faq-row{background-color:#e6e7e8;text-align:center;display:block;}
.carousel.faq .carousel-indicators > li,.carousel.faq .carousel-indicators > li.active{width:15px;height:25px;border-radius:0;background-color:#1292d0;border-color:transparent;text-indent:0;color:#ffffff;}
.carousel.faq .carousel-indicators > li.active{background-color:#d31f3c;border-color:#d31f3c;}
.column{padding-right:0px;padding-left:0px;}
#getting-started{text-align:center;padding-top:30px;padding-bottom:60px;}
.launch{padding-bottom:40px;}

.form-group{padding-right:10px;}
.footer > .container{padding-right:15px;padding-left:15px;}
.footer-text{padding:10px;text-align:center;margin:0 0 0 0px;}

#phone1{background:url(images/phone.png);width:31px;height:29px;display:block;float:left;margin-right:10px;}
#mail{background:url(images/mail.png);width:29px;height:19px;display:block;float:left;margin-left:1px;margin-right:11px;}
.form-group-1{padding-bottom:20px;}

#faq-buttons{padding:20px;text-align:center;}
#getting-started .help-block ul{list-style-type:none;text-align:center;padding-left:0px;margin:0px;color:#ffffff;}
.help-block ul{list-style-type:none;text-align:left;padding-left:0px;margin:0px;color:#d31f3c;}
#faq-buttons{text-align:center;}
#contact-us-row{padding-bottom:50px;}
#title-1 p{text-align: center;color: #fff;}
.carousel-control.left{background-image:none;}
.carousel-control.right{background-image:none;}
.carousel-control:focus, .carousel-control{color:#1292d0;opacity:0.5;}
.carousel-control:hover{color:#d31f3c;opacity:0.9;}
#contact-form{width:80%;text-align:center;margin-left:auto;margin-right:auto;}
.alert{padding:5px;margin-bottom:0px;border:1px solid transparent;border-radius:4px;}
.panel-group h2{text-align:center;padding-bottom:20px;}
.panel-group{margin:auto;width:80%;padding-bottom:30px;}
.panel-group a{text-decoration: none;}
.panel-body{font-size:16px;}
#accordion-general{display:block;}
#accordion-admin{display:none;}
#accordion-security{display:none;}
#accordion-functionality{display:none;}
.form-control{display:block;width:100%;height:50px;padding:20px 10px;font-size:14px;line-height:1.428571;color:#555;background-color:#fff;background-image:none;border:1px solid #ccc;border-radius:3px;}
.form-inline .form-control{width:240px;}
.text-danger
{
	color: #ccc;
}
#contact .text-danger
{
	color: #d31f3c !important;
}