.intro-parallax {
background-attachment: fixed !important; background-position: center center; background-repeat: no-repeat; }
#logo_image { font-family: 'Lobster', 'cursive';}
#logo_image a{ font-family: 'Lobster', 'cursive'; color:#fff; font-size:36px;}
#intro { background:#323a45;  /* background-image: url(../img/parallax_bg/intro_bkg.jpg);  */ }

.parallax { background-attachment: fixed !important; background-position: center center; background-repeat: no-repeat; background-size: cover; }

#features { 	background-image: url(../img/parallax_bg/features_bkg.jpg);  }

#call-to-action { background-color: #323a45; /* 3CBEA7 */ /* background-image: url(../img/parallax_bg/call_to_action_bkg.jpg);  */ }

/* -------------------Headers-----------------------*/

h1, h2, h3, h4, h5, h6 { margin-top: 0; margin-bottom: 10px; }
.btn-lg { border-radius:4px; -moz-border-radius:4px; -webkit-border-radius:4px;}

 	 
/*--------------------Link Setting----------------------*/

a {
	text-decoration: none;
	-webkit-transition: all 250ms ease-in-out;
	-moz-transition: all 250ms ease-in-out;
	-o-transition: all 250ms ease-in-out;
	-ms-transition: all 250ms ease-in-out;
	transition: all 250ms ease-in-out;
}

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

a:focus {
color: #f8f8f8; outline: none; border: none; text-decoration: none; } 
  
/*------------------Lists------------------------*/

ul {
margin: 0; padding: 0; list-style: none; }

/*-------------------Section Titlebar-----------------------*/

.titlebar { 	margin-bottom: 40px; }
.titlebar h1 { color: #000; font-weight: 300; margin-top: 0; margin-bottom: 5px; }
.titlebar p { color: #666; font-size: 18px; font-family: 'Lato', sans-serif; font-weight: 300; }
#intro { padding-top: 30px; padding-bottom: 80px; color: #fff; } 
  
/*-----------------Header-------------------------*/

#header { margin-bottom: 80px; }
#header img { padding: 0 15px; }
 
/*-------------------Header Social Icons -----------------------*/

.social-icons { 	display: inline-block; }
.social-icons li { float: left; width: auto !important; display: inline-block !important; vertical-align: top; clear: none !important; line-height: 70px; }
.he_social { width: 36px; height: 36px; text-align: center; font-size: 18px; line-height: 36px; margin: 0 4px; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; display: block; text-decoration: none; -webkit-transition: all 250ms ease-in-out; -moz-transition: all 250ms ease-in-out; -o-transition: all 250ms ease-in-out; -ms-transition: all 250ms ease-in-out; transition: all 250ms ease-in-out; }

.he_social:hover { color: #fff; opacity: 0.7; }

.ico-facebook {background-color: #3b5998;color: #f8f8f8;}
.ico-twitter {background-color: #00a9ed;color: #f8f8f8;}
.ico-google-plus {background-color: #cd1111;color: #f8f8f8;}
.ico-linkedin {background-color: #015886;color: #f8f8f8;}
.ico-pinterest {background-color: #ac281a;color: #f8f8f8;}
/* 
.ico-dribbble {background-color: #d92d84;color: #f8f8f8;} .ico-instagram {background-color: #beb3a8;color: #f8f8f8;} .ico-dropbox {background-color: #008ad2;color: #f8f8f8;} .ico-skype {background-color: #00a9ed;color: #f8f8f8;} .ico-youtube {background-color: #cd1b20;color: #f8f8f8;} .ico-tumblr {background-color: #3a5976;color: #f8f8f8;} .ico-vimeo {background-color: #00adee;color: #f8f8f8;} .ico-flickr {background-color: #d2d2d2;color: #f8f8f8;} .ico-github {background-color: #222;color: #f8f8f8;} .ico-renren {background-color: #364a83;color: #f8f8f8;} .ico-vk {background-color: #3b5998;color: #f8f8f8;} .ico-xing {background-color: #015f5e;color: #f8f8f8;} .ico-weibo {background-color: #be4443;color: #f8f8f8;} .ico-rss {background-color: #ff6600;color: #f8f8f8;}
 */
   
/*---------------Intro Section Description---------------------------*/

#intro_description h1 { font-size: 46px; margin-bottom: 30px; text-align:center; }
.how-icons { margin: 50px 0 40px 0; text-align: center; height: auto; width: 100%; float: right;}
.how-icons img{ width:100%;}
.how-infotext { width:100%; float:left;}
.how-infotext p{ width: 100%; float: left; padding-left: 25px !important; margin: 10px 0 20px; line-height: 25px;}
.know-btn { background-color: #FF3366; border: medium none; font-family: Lato; font-size: 30px; font-weight: 400; margin: 40px; padding: 10px 60px !important; 	}
.know-btn:hover, .know-btn:focus, .know-btn:active  { background-color:#c90a3a;}
.register-btn { width:90%; margin-top:10px;font-family: 'Lato', sans-serif; font-weight:400; font-size:23px; background-color:#0ba383; border:none;}
.register-btn:hover, .register-btn:focus, .register-btn:active  { background-color:#047960;}
.create-event {
/* background-color: #FF3366; border: medium none; font-family: Lato; font-size: 30px; font-weight: 400; margin: 40px; padding: 10px 60px !important; */ 

font-family: Lato; font-size: 30px; font-weight: 300; color: #f36; border: solid 2px #f36; -webkit-border-radius: 3px; -moz-border-radius: 3px; -ms-border-radius: 3px; -o-border-radius: 3px; border-radius: 3px; padding: 10px 60px; background:transparent; margin: 0 60px; }
.create-event:hover, .create-event:focus, .create-event:active  { background-color:#f36; color:#fff; border: solid 2px #f36;}
.comment-btn { font-family: Lato; font-size: 30px; font-weight: 300; color: #f36; border: solid 2px #f36; -webkit-border-radius: 3px; -moz-border-radius: 3px; -ms-border-radius: 3px; -o-border-radius: 3px; border-radius: 3px; padding: 10px 75px; background:transparent; margin: 10px 60px;	}
.comment-btn:hover, .comment-btn:focus, .comment-btn:active  { background-color:#f36; color:#fff; border: solid 2px #f36;}
.intro_feature { margin-bottom: 20px; }
.intro_feature h4 { font-weight: 600; }
.intro_feature i { margin-right: 5px; }
.intro_feature p { font-size: 18px; 	font-family: 'Lato', sans-serif; 	font-weight: 300; float:left; margin:10px 0; line-height:26px; 	/* padding-left: 25px; */ }

  
/*--------------------Intro Section Button----------------------*/

.intro_button { margin-top: 60px; } 
label { font-family: 'Lato', sans-serif; font-weight:300; font-size:15px;}

 
/*-------------------Register Form-----------------------*/

#intro_form { padding-left: 100px; }  
.form_register { width: 100%; background: rgba(120, 120, 120, 0.45); margin: 0 auto; padding: 20px 20px 25px; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; }  
.form_register h2 { color: #fff; text-align: center; line-height: 30px; font-weight: 300; text-transform: uppercase; margin-bottom: 20px; } 
   
/*--------------------Register Form Input----------------------*/

.form_register .form-control { height: 36px; margin-bottom: 20px; border: 1px solid #ddd; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; } 

input[type="text"],
input[type="email"],
textarea {
color: #444; -webkit-transition: all 300ms ease-in-out; -moz-transition: all 300ms ease-in-out; -o-transition: all 300ms ease-in-out; -ms-transition: all 300ms ease-in-out; transition: all 300ms ease-in-out; }
.form_register textarea { min-height:80px; resize:none; } 
 
 
/*----------------Register Form Error Message --------------------------*/

.error { color: #ff6600; font-size: 13px; margin-bottom: 0px; }
 
/* ::-webkit-input-placeholder { color: #00; } :-moz-placeholder {  color: #000;  }::-moz-placeholder { color: #000;  }:-ms-input-placeholder {  color: #000;  } */  
 
input::-webkit-input-placeholder, textarea::-webkit-input-placeholder {
  color: #111;
}
input:-moz-placeholder, textarea:-moz-placeholder {
  color: #111;
}
 
#comment{}  
#how-it-works {
padding-top: 40px; padding-bottom: 30px; border-bottom: 1px solid #ddd; }

#about-2 { padding-top: 70px; padding-bottom: 80px; }  
#how-it-works .titlebar { margin-bottom: 30px; }  
#how-it-works h4, #about-2 h4  { font-weight: 600; margin-bottom: 15px;	 } 

/*---------------------About-1 Text---------------------*/

#about-1-text { padding-right: 35px; }
#about-1-text p { font-size:14px; margin-bottom:20px; font-family: 'Lato', sans-serif; font-weight:400;}
#text_1, #text_2, #text_3, #text_4 { width: 100%; display: block; float: left; padding: 0; margin: 3px 0; 	 cursor: pointer; }
  
#about-2-text { 	padding-left: 10px; }
  
/*-------------------Quote-----------------------*/

#quote_holder { 	margin-top: 0px; }

.quote-text { background: rgba(170, 170, 170, 0.15); border-left: none; color: rgba(85, 94, 106, 0.8); font-style: italic; line-height: 25px; margin: 0 0 30px 0; padding: 26px; position: relative; -webkit-border-radius: 5px; -moz-border-radius: 5px; -ms-border-radius: 5px; -o-border-radius: 5px; border-radius: 5px; -webkit-box-shadow: 0 3px 0 rgba(182, 196, 209, 0.3); -moz-box-shadow: 0 3px 0 rgba(182, 196, 209, 0.3); box-shadow: 0 3px 0 rgba(182, 196, 209, 0.3); }
.quote-text:before { border: 14px solid transparent; z-index: 3; border-top-color: #f2f2f2; top: auto; right: auto; bottom: -28px; left: 30px; }
.quote-text:after { border: solid 14px transparent; z-index: 2; border-width: 18px; border-top-color: rgba(182, 196, 209, 0.3); top: auto; right: auto; bottom: -36px; left: 26px; }
.quote-text:before, .quote-text:after, .quote-text-up:before, .quote-text-up:after { content: ""; display: block; height: 0; width: 0; position: absolute; }
.quote-text a { color: #8c989e; font-family: 'Lato', sans-serif; font-weight: 400; }
.quote-text a:hover { text-decoration: none; }
.flexslider .slides img { 
float: left; margin-right: 15px; margin-left: 6px; box-shadow: 1px 1px 8px #a9a9a9; -webkit-box-shadow: 1px 1px 8px #a9a9a9; -moz-box-shadow: 1px 1px 8px #a9a9a9;     }
	/*width: 75px;  -webkit-border-radius: 1000px; -moz-border-radius: 1000px; -ms-border-radius: 1000px; -o-border-radius: 1000px;    border-radius: 1000px; */

.quote-author { display: inline-block; font-size: 13px !important; line-height: 65px !important; } 
  
/*--------------------Accordion----------------------*/

#accordion_holder { margin-top: 0px; }  .accordion { margin-bottom: 40px; } 
#text_1, #text_2, #text_3, #text_4 {  width: 100%; display: block; float: left; padding: 0; margin: 3px 0; cursor: pointer; }
.accordion a { color: #666; font-size: 16px; font-family: 'Lato', sans-serif; font-weight: 400; line-height: 26px; padding: 10px 40px 10px 15px; text-decoration: none; display: block; cursor: pointer; background: rgba(170, 170, 170, 0.15) url(../img/open.png) no-repeat center right; }
.accordion li.active>a { background: rgba(170, 170, 170, 0.15) url(../img/close.png) no-repeat center right;  color: #151515;
	box-shadow: none; }
  
/*-----------------Accordion Answer-------------------------*/

.accordion li div { background: #fff; line-height: 22px; padding: 10px 10px; margin-bottom: 5px; display: block; clear: both; float: left; }

/*-----------------CALL TO ACTION-------------------------*/

 #call-to-action { padding-top: 100px; padding-bottom: 100px; }  
 #call-to-action h1 { color: #fff; font-size: 40px; font-weight: 300; padding: 0 15%; margin-bottom: 15px; }  
 #call-to-action p { color: #fff; font-size: 20px; font-family: 'Lato', sans-serif; font-weight: 300; padding: 0 10%; margin-bottom: 30px; }    
#footer { background-color: #1A1E23;  padding: 60px 0 40px; /* padding: 60px 0 40px; */}   
  
 
/*-----------------Footer Navigation -------------------------*/  

.footer-nav li { float: left; padding: 5px 10px 10px; }  
.footer-nav li a { color: #999; font-size: 15px; font-family: 'Lato', sans-serif; }  
.footer-nav li a:hover { color: #428bca; } 
#footer_copy p { color: #999; font-size: 13px; font-family: 'Lato', sans-serif; margin-left: 10px; }
#scrollUp { display: none; width: 50px; height: 50px; position: fixed; bottom: 30px; right: 30px; background-image: url(../img/back-to-top.png); background-repeat: no-repeat; background-position: 50% 48%; background-color:rgba(123, 123, 123, 0.65);	 -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; -webkit-transition: all 250ms linear; -moz-transition: all 250ms linear; transition: all 250ms linear; }
#scrollUp:hover { background-color: rgba(66, 139, 202, 0.95); }
nav a#pull { display: none; } 

/* 
   ------------------------------------------------------
					Responsive Styles
   ------------------------------------------------------
*/

@media (min-width: 992px) and (max-width: 1199px) {
	#intro_form { padding-left: 15px; } .intro_button { 	margin-top: 30px; } 

}

@media only screen and (max-width: 991px) {
 
	.titlebar h1 { font-size: 32px; } .titlebar p { font-size: 16px; } #header { margin-bottom: 40px; } #intro_description, #logo_image, #social_icons { padding: 0; } #intro_form { padding: 0 0 0 25px; } #intro_description h1 { font-size: 32px; } .intro_button { margin-top: 40px; } #about-1 { padding-bottom: 60px; } #about-2 { padding-top: 60px; } #about-1-text { padding-right: 15px; } #about-2-text { padding-left: 15px; }   #about-1-img img { padding: 0 60px; } #video_holder { margin-bottom: 40px; } #call-to-action h1 { font-size: 32px; padding: 0; } #call-to-action p { font-size: 18px; padding: 0; } #footer_icons { margin:6px 0; } .footer-socials { display: inline-block; float: right; }  #newsletter-paragraph { 	float: none !important; }

}
@media only screen and (max-width: 767px) {
 
	.container { overflow: hidden; } #intro_form, #logo_image, #social_icons, #about-1, #about-2, #features, #faq, #clients { padding-left: 45px; padding-right: 45px; } 
	#header { margin-bottom: 50px; } #header img { padding: 0 15px 0 0; } 
	#intro_description { margin-bottom: 40px; padding: 0 45px; } #intro_description h1 { font-size: 32px; } .intro_button { margin-top: 20px; } .form_register { width: 60%; } 
	.feature-box { margin-bottom: 30px; } 
	#call-to-action p { padding: 0 4%; } 
	#footer_nav { text-align: center; margin-bottom: 30px; } .footer-nav { display: inline-block; margin: 0 auto; } #footer_copy p { margin-left: 0; } .footer-nav li { padding: 5px 10px 5px; } 
	.footer-socials { float: none; }  
	
}
@media (max-width: 480px) {
 
	 #intro_description, #intro_form, #logo_image, #social_icons, #about-1, #about-2, #features, #faq, #clients { padding-left: 20px; padding-right: 20px; } .intro_feature p { font-size: 14px; } .form_register { width: 90%; } #about-1-img img { padding: 0; } #about-2-img img { margin-top: 0; padding: 0; }  
	 
 }
 
@media (max-width: 320px) {
 
	.titlebar h1 { font-size: 28px; } #intro_form, #logo_image, #social_icons, #about-1, #about-2, #features, #faq, #clients { padding-left: 5px; padding-right: 5px; } 
	#logo_image { width: 100%; text-align: center; margin-bottom: 15px; float: none !important; } #logo_image img { padding: 0; } #social_icons { width: 100%; text-align: center; float: none !important; } .customNavigation { display: none; } 
	#intro_description { padding-left: 15px; padding-right: 15px; text-align: center; } #intro_description h1 { text-align: center; } 

}




/*
 * jQuery FlexSlider v2.0
 * http://www.woothemes.com/flexslider/
 *
 * Copyright 2012 WooThemes
 * Free to use under the GPLv2 license.
 * http://www.gnu.org/licenses/gpl-2.0.html
 *
 * Contributing author: Tyler Smith (@mbmufffin)
 */

 
/* Browser Resets */
.flex-container a:active,
.flexslider a:active,
.flex-container a:focus,
.flexslider a:focus  {outline: none;}
.slides,
.flex-control-nav,
.flex-direction-nav {margin: 0; padding: 0; list-style: none;} 

/* FlexSlider Necessary Styles
*********************************/ 
.flexslider {margin: 0; padding: 0;}
.flexslider .slides > li, .blog-img-slider .slides > li  {display: none; -webkit-backface-visibility: hidden;} /* Hide the slides before the JS is loaded. Avoids image jumping */
.flexslider .slides img {width: 100%; display: block;}
.flex-pauseplay span {text-transform: capitalize;}

/* Clearfix for the .slides element */
.slides:after {content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0;} 
html[xmlns] .slides {display: block;} 
* html .slides {height: 1%;}

/* No JavaScript Fallback */
/* If you are not using another script, such as Modernizr, make sure you
 * include js that eliminates this class on page load */
.no-js .slides > li:first-child {display: block;}


/* FlexSlider Default Theme
*********************************/
.flexslider, .flexslider-thumbs {margin: 0; background: transparent; position: relative; zoom: 1;}
.blog-img-slider {position: relative;padding-bottom:0;}
.flex-viewport {max-height: 2000px; -webkit-transition: all 1s ease; -moz-transition: all 1s ease; transition: all 1s ease;}
.loading .flex-viewport {max-height: 300px;}
.flexslider .slides {zoom: 1;}

.carousel li {margin-right: 5px}


/* Direction Nav */
.flex-direction-nav {*height: 0;}
.flex-direction-nav a {width: 25px; height: 50px; margin: -20px 0 0; display: block; background: url(../img/icons/bg_direction_nav.html) no-repeat 0 0; position: absolute; top: 50%; z-index: 10; cursor: pointer; text-indent: -9999px; opacity: 0; -webkit-transition: all .3s ease;}
.flex-direction-nav .flex-next {background-position: 100% 0; right: -10px; }
.flex-direction-nav .flex-prev {left: -10px;}
.blog-img-slider:hover .flex-next {opacity: 0.9; right: 5px;}
.blog-img-slider:hover .flex-prev {opacity: 0.9; left: 5px;}
.blog-img-slider:hover .flex-next:hover, 
.blog-img-slider:hover .flex-prev:hover {
	opacity: 0.85;
}
.flex-direction-nav .flex-disabled {opacity: .3!important; filter:alpha(opacity=30); cursor: default;}

/* Control Nav */
.flex-control-nav {width: 100%; position: absolute; bottom: 5px; text-align: center; z-index:99;}
.flex-control-nav li {margin: 0 6px; display: inline-block; zoom: 1; *display: inline;}
.flex-control-paging li a {width: 10px; height: 10px; display: block; border: 2px solid #666; cursor: pointer; text-indent: -9999px; -webkit-border-radius: 20px; -moz-border-radius: 20px; -o-border-radius: 20px; border-radius: 20px; }
.flex-control-paging li a:hover { background: #fff; border: 2px solid #666; }
.flex-control-paging li a.flex-active { background: #666; border: 2px solid #666; cursor: default; }

.flex-control-thumbs {margin: 4px 0 0; position: static; overflow: hidden;}
.flex-control-thumbs li {width: 25%; float: left; margin: 0;}
.flex-control-thumbs img {width: 100%; display: block; opacity: 0.65; cursor: pointer;}
.flex-control-thumbs img:hover {opacity: 1;}
.flex-control-thumbs .flex-active {opacity: 1; cursor: default;}