/* CSS Document */
*{ -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box;}

body{margin:0; padding:0; font-family:  'Open Sans', sans-serif; font-weight:300; color:#727272; font-size:16px; line-height:1.8em; overflow-x:hidden;}
html{-webkit-font-smoothing: antialiased}

#home{width:100%; position:relative; z-index:1; color:#fff;  overflow:hidden;}

a{color:#211b60; text-decoration:none; transition:color 0.2s ease-in-out;}
a:hover{color:#776ed2;}

h1,h2,h3,h4,h5,h6,h7,h8{ color:#2c2551; text-align:center; letter-spacing:5px;  font-weight:300; position:relative; z-index:10; margin:0; padding:0;}
h1{font-size:60px; line-height:60px; margin:0 0 30px 0; }
h2{font-size:50px; line-height:50px; margin:30px 0 20px 0;}
h3{font-size:40px; line-height:40px; margin:60px 0 30px 0;}
h4{font-size:30px; line-height:32px; margin:30px 0 10px 0;}
h5{font-size:20px; line-height:28px; margin:30px 0 5px 0;}
h6{font-size:16px; line-height:24px; margin:30px 0 5px 0;}
h7{font-size:14px; line-height:22px; margin:30px 0 5px 0;}
h8{font-size:12px; line-height:20px; margin:30px 0 5px 0;}

ul, ol{margin:30px 0}
li li{padding-left:30px;}

p{margin:60px 0;}

blockquote, q{ text-align:left; border-left:5px solid #e8e5e5; line-height:1.8em; display:inline-block; padding:0 0 0 20px; margin:15px 20px; font-size:20px; }
blockquote p{margin:0; padding:0;}

.highlight, mark{background:#211b60; color:#fff; display:inline-block; padding:0 5px 0px 5px; margin:0 2px; line-height:1.7em;}

.dropcap{float: left; color: #000; font-size: 50px; line-height: 50px; padding-top: 0; padding-right: 5px; padding-left: 0;   }

.intro_text .dropcap{ padding-right:1px; padding-left:0; font-weight:normal;font-size: 54px; line-height: 48px; padding-top:0;  }

/* Alerts */
.alert_error, .alert_yellow, .alert_blue, .alert_green{display:block; font-weight:bold; padding:5px; margin-bottom:10px; margin-top:10px; text-align:center; }
.alert_error{ background:#fa9898; border:1px dotted #de444f; color:#770707; }
.alert_yellow {background:#fffdd5; border:1px dotted #c3ad48; color:#5f6015;  }
.alert_blue {background:#d2f2fe; border:1px dotted #83c2d9; color:#286e89;  }
.alert_green {background:#daffd5; border:1px dotted #70ab68; color:#770707;  }

/* Shortcodes */
.columns-2{width:48%; margin:15px 0 15px 4%; float:left; text-align:left;}
.columns-3{width:30.5%; margin:15px 0 15px 4%; float:left; text-align:left;}
.columns-4{width:22%; margin:15px 0 15px 4%; float:left; text-align:left;}
.columns-5{width:16.5%; margin:15px 0 15px 4%; float:left; text-align:left;}
.first-column{margin:15px 0 15px 0;}
.last-column{margin:15px 0 15px 0;}

/* Menu */
#menu_container{background:#fdfdfd; color:#000000; font-weight:400; text-align:center;  line-height:0; position:absolute; border-bottom:1px solid #efefef; top:0; left:0; width:100%; z-index:100; height:100px;}
.visible{position:fixed !important; top:0 !important;  transform: translate3d(0,0,0);}

/* Normal Menu */
#menu{list-style:none; height:100px; line-height:100px; margin:0; width:100%; padding:0;  display:inline-block; position:absolute; right:50%;     }
.menu li{display:inline-block; margin:0; font-size:0px; margin-left:-4px;}
.menu li a{color:#000000; transition:all 0.2s ease-in-out;transform: translate3d(0,0,0);  display:inline-block; font-weight:400; padding:0 10px; text-decoration:none; font-size:20px; letter-spacing:2px; height:100px; line-height:100px;}
.menu li a:hover,.menu a.active{color:#fff; background:#211b60; }
.menu .menu_toggle{display:none;}

/* Responsive Menu */
.menu_responsive #menu{text-align:right;}
.menu_responsive .menu_logo img{max-width:100%;}

.menu_responsive .menu_toggle{ position:absolute; top:0; right:0; padding:0 10px; display:inline-block; height:100px; line-height:100px; font-size:20px; cursor:pointer;}
.menu_responsive .menu_toggle .fa{margin-left:10px; font-size:26px; position:relative; top:2px;}

.menu_responsive #menu{list-style:none;  margin:0 auto; padding:0px 0 0 0; position:absolute; top:100px; width:100%; right:0; text-align:right; display:none; }
.menu_responsive li{display:block; margin:0; background:#2c2551;}

.menu_responsive li a{color:#fff; display:block; height:auto; line-height:30px;  text-decoration:none; font-size:14px; width:100%; padding:10px 50px 10px 20px; text-align:right; border-bottom:1px dashed rgba(255,255,255,0.15);}
.menu_responsive li a:hover{ color:#fff !important; background:rgba(255,255,255,0.25); }
.menu_responsive li a.active{color:#fff; background:rgba(0,0,0,0.25);}

/* Preloader */
@keyframes rotate {
    from {transform: rotate(0deg);}
    to {transform: rotate(360deg);}
}
@-webkit-keyframes rotate {
    from {-webkit-transform: rotate(0deg);}
    to {-webkit-transform: rotate(360deg);}
}

@-moz-keyframes rotate {
    from {-moz-transform: rotate(0deg);}
    to {-moz-transform: rotate(360deg);}
}

@-ms-keyframes rotate {
    from {-ms-transform: rotate(0deg);}
    to {-ms-transform: rotate(360deg);}
}

@-o-keyframes rotate {
    from {-o-transform: rotate(0deg);}
    to {-o-transform: rotate(360deg);}
}

#preloader_container{width:100%; height:100%; background:#fff; position:fixed; top:0; left:0; z-index:99999; color:#211b60; font-size:60px; text-align:center; }
#preloader_container .loader_animation{ 
	-webkit-animation-name: rotate; 
    -webkit-animation-duration: 2s; 
    -webkit-animation-iteration-count: infinite;
    -webkit-animation-timing-function: linear;

    -moz-animation-name: rotate; 
    -moz-animation-duration: 2s; 
    -moz-animation-iteration-count: infinite;
    -moz-animation-timing-function: linear;
	
	-ms-animation-duration: 2s;
	-ms-animation-timing-function: linear;
	-ms-animation-name:rotate;
	-ms-animation-iteration-count: infinite;
	
	-o-animation-duration: 2s;
	-o-animation-timing-function: linear;
	-o-animation-name:rotate;
	-o-animation-iteration-count: infinite;
	
	animation-duration: 2s;
	animation-timing-function: linear;
	animation-name:rotate;
	animation-iteration-count: infinite;}

/* Content layout */
.content_block{max-width:1200px; margin:0 auto; position:relative; z-index:2; overflow:hidden; }
.content_block p.intro_text{margin:10px 0 70px 0; text-align:center; font-size:30px; line-height:40px; position:relative;}
.content_block strong, .content_block b{font-weight:400; color:#000;}

/* White block layout */
.white_bg{position:relative; z-index:2; background:#fff; box-shadow:0px 0px 10px rgba(0,0,0,0.5); border:1px solid #d6d6d6; padding:60px 0 100px 0; border-right:none; border-left:none; }

/* Section titles */
.section_title{  color:#2c2551; line-height:65px;  word-break:break-all; letter-spacing:5px; text-align:center; font-size:60px; margin:0 0 40px 0; padding:0 0 0 0; font-weight:300; position:relative; z-index:10;}
#features .section_title{padding:80px 0 0 0;}
.image_bg_title{background:#fff;}

/* Grey BG container */
.section_slider{background:#fdfdfd; color:#000000; font-weight:400; width:100%; z-index:100; padding:60px 0; border:1px solid #efefef; border-left:none; border-right:none;}
.section_slider .flexslider{max-width:1200px; margin:0 auto;}
#screenshots .slides li:nth-child(2n+2){text-align:center; margin:0 20px;}

.flex-prev, .flex-next{background:url(../img/arrows.png) no-repeat; width:40px; height:85px; display:block; position:absolute; top:50%; margin-top:-42px; text-indent:-99999px;}
.flex-next{background-position:-173px 0;}

/* Parralax img bg sections */
#stats .bg, #faq .bg, #usage .bg, #tweets .bg{background:url(../img/bg/blur2.jpg) fixed no-repeat; background-position:center bottom;  height:100%;  width:100%;}
#stats, #faq, #usage,  #tweets{position:relative; padding:60px 0 100px 0;}
.no-title{padding:100px 0 !important;}

/* Chrome Background Flickering fix */
@media screen and (-webkit-min-device-pixel-ratio:0) {
    #stats .bg, #faq .bg, #usage .bg, #tweets .bg{   background-position:center bottom;  }
}

.bg_image_content, .bg_image_content .section_title, .bg_image_content a, .bg_image_content h3{color:#fff; text-shadow:2px 2px 2px rgba(0,0,0,0.25);}


/* Home block */
#home_content{ max-width:1200px; height:100%; margin:0 auto; position:relative; z-index:4; text-align:center; padding-top:10px;  text-shadow:2px 2px 2px rgba(0,0,0,0.25);}

.logo{display:inline-block; margin:105px auto 20px auto; padding:0 20px; clear:both; width:100%; }
.logo img{max-width:100%;}

#home_content p.mainTitle{font-size:40px;}
#home_content p.intro_text{ width:60%; margin:0px auto 60px auto; font-size:20px;}

/* BG Classes */
#home .bg{background:url(../img/bg/blur1.jpg) fixed  no-repeat; background-position:left top;   height:100%; width:100%;  }
.bg{ position:absolute; left:0; top:0;  z-index:0;}

.app_left, .app_center, .app_right{position:absolute; bottom:0px;}
.app_left{left:-10%;  z-index:4; max-width:100%;}
.app_right{right:-10%; z-index:4; max-width:100%;}
.app_center{left:50%; margin-left:-405px; z-index:5; max-width:100%;}

.app_intro_screens{ max-width:1200px; position:absolute; bottom:0; left:50%; width:1200px;}

/* Features Block */
.features_list li, .slides li{text-align:center;}
.features_list .icon{width:175px; height:175px; border-radius:300px; background:#fff; text-align:center; line-height:175px; display:block; margin:0 auto; font-size:90px; color:#211b60;}
.features_list h3{font-weight:400; font-size:24px; line-height:30px; letter-spacing:normal; margin:50px 0  5px 0; padding:0 20px;}
.features_list p{color:#222222; margin:0; padding:0 20px; position:relative; opacity:1;}


/* Download buttons */
.download_links{list-style:none; margin:0; padding:0; text-align:center;}
.download_links li, .download_links li a{display:inline-block}
.download_links li a{text-decoration:none; font-size:90px; margin:0 30px; }
.download_links li a .fa{margin-right:5px; position:relative; }


/* Stats Block */
.stats_list{list-style:none; padding:0; position:relative; z-index:10; max-width:1200px; overflow:hidden; margin:0 auto; font-size:24px; line-height:30px;}
.stats_list li{width:20%; text-align:center; float:left;}
.stats_list .fa{font-size:50px;}
.stats_list h3{ margin:30px 0 0 0; padding:0; font-size:30px; letter-spacing:normal; line-height:40px; font-weight:400;}
.stats_list .title{position:relative;}

/* FAQ Block */
.faq_list{padding:0; position:relative; z-index:10; max-width:1200px; margin:0 auto; list-style:none; }
.faq_list li{width:100%; text-align:left; float:left;}
.faq_list .fa{ margin-left:-35px;}
.faq_list h3{ margin:10px 0; padding:0 0 0 40px; font-size:30px; line-height:36px; letter-spacing:normal; font-weight:400; text-align:left; cursor:pointer;}
.faq_answer{border-left:2px dashed rgba(255,255,255,0.25); padding:0 0 0 20px; margin:0 0 50px 20px; display:none;}
.faq_answer p:first-child{padding-top:0; margin-top:0;}
.faq_answer p:last-child{padding-bottom:0; margin-bottom:0;}

/* Tweets Block */
.tweet_list, .team_list{list-style:none; margin:0 auto; padding:0; position:relative; z-index:5; max-width:1200px; overflow:hidden; }
.tweet_list li{float:left; width:33%; text-align:center; position:relative;}
.tweet_list li:first-child{padding:0 20px 0 0;}
.tweet_list li:nth-child(3n+3){padding:0 0 0 20px;}
.tweet_list a{color:#fff;}
.tweet_list a:hover{color:#f9ef83;}

.tw_time{font-size:12px; line-height:20px; position:relative; opacity:0.75;}
.tw_name{font-size:16px; line-height:24px; font-weight:400; position:relative;}
.tw_account_name{font-size:12px; line-height:17px; font-style:italic; display:block; position:relative;}
.tw_message{font-size:16px; line-height:24px; font-weight:400; margin:5px 0 20px 0; padding:0; position:relative;}

/* Press block */
.quote{ font-size:30px; font-weight:400; padding:0 50px; line-height:40px; margin-bottom:10px;}
.quote_author{ font-style:italic; font-size:20px; line-height:30px; margin:10px 0 30px 0;}

.quote { quotes: "“" "”" "‘" "’";}
.quote:before {    content: open-quote; font-size:3em; opacity:0.25;  line-height: 0.1em;  margin-right: -2px;  vertical-align: -0.4em; font-family:arial;}
.quote:after {    content: close-quote; font-size:3em; opacity:0.25; line-height: 0.1em;  margin-left: -2px;  vertical-align: -0.6em; font-family:arial; }

.press_quotes .quote .quote_author{font-size:16px; opacity:0.75; display:block;  font-weight:300; margin:5px 0 0 0}
.press_quotes .quote .quote_author .company{ font-style:italic; font-weight:300;}


.press_logo_list{list-style:none; padding:0; position:relative; z-index:10; margin:60px auto 0 auto; display:table; width:100%; }
.press_logo_list li{ text-align:center; display:table-cell; vertical-align:middle; position:relative;}
.press_logo_list li:first-child a{margin:0 20px 0 0;}
.press_logo_list li:nth-child(5n+5) a{margin:0 0 0 20px;}
.press_logo_list li a{display:block; text-align:center; margin:0 20px; }
.press_logo_list li a img{margin:0; padding:0; max-width:100%;}

/* Contact / Team block */
.team_list{margin-bottom:-60px;}
.team_list li{width:30%; float:left; margin:0; text-align:center;  margin-bottom:60px;}
.team_list li:nth-child(2n+2){padding:0 5%; width:40%}
.team_list li img{max-width:100%; border-radius:300px; margin-bottom:40px; position:relative;}
.team_list li .name{font-size:24px; line-height:24px; font-weight:400; color:#000; position:relative;}
.team_list li .function{ font-size:16px; line-height:12px; font-style:italic; display:block; position:relative;}

.social_links{list-style:none; margin:20px 0 0 0; padding:0; font-size:30px;}
.social_links a{margin:0 3px;}
.social_links .fa{ position:relative;}

/* Contact form */
.section_content, .contact_form{ max-width:1200px; margin:0 auto; font-size:20px; display:block;}
.contact_form .btn{float:right;}
.contact_info{display:table-cell; width:300px;}

.small_text{font-size:12px; color:#ababab; margin:0;}

table td{vertical-align:top;}
td.small_text{vertical-align:middle;}

form{width:100%;}
.form_input, .form_textarea{display:block; width:50%; float:left;}
.form_submit{clear:both; width:100%; display:block;}
.form_submit .small_text{float:left;}
.form_submit .btn{float:right;}

label{display:block; color:#000; margin-bottom:10px; cursor:pointer;}
input{width:95%; padding:0 10px; font-size:16px; font-weight:300;  height:60px; line-height:60px; border:1px solid #e2e2e2; display:block; margin-bottom:0;  box-shadow:none; -webkit-appearance: none;}
input.margin_class{ margin-bottom:40px;}
textarea{width:100%; margin:0 0 20px 0; padding:10px; height:200px; border:1px solid #e2e2e2; resize:vertical;  font-family:  'Open Sans', sans-serif; font-weight:300; font-size:16px; font-weight:300;  box-shadow:none; -webkit-appearance: none;}

.form_error{color:#9e0101; font-weight:bold; display:block;}
.succes{ font-weight:bold; display:block; color:#71cf2d;}

/* Footer */
#footer{min-height:100px; background:#61547d; padding:30px 0; color:#fff; text-align:center; font-size:12px;}
#footer .social_links{margin:0;}
#footer .social_links a{color:#fff; margin:10px 10px;}
#footer .social_links a:hover{color:#f9ef83;}

.next_btn{width:50px; color:#fff; text-align:center; transition:all 0.2s ease-in-out; line-height:0; text-shadow:none; height:25px; border-radius:0 0 100px 100px;  border:3px solid #efeef2; border-top:0;  display:block; margin:20px auto; position:relative;}
.next_btn .fa{position:relative; top:-5px;}
.next_btn:hover{color:#000; border-color:#000;}

.back_btn{width:50px; text-align:center; transition:all 0.2s ease-in-out; height:25px;text-shadow:none; border-radius:100px 100px 0 0;  border:3px solid #efeef2; border-bottom:0; left:50%; display:block; margin:0 0 0 -25px; position:absolute; bottom:0;}
.back_btn:hover{border-color:#776ed2; color:#776ed2; text-shadow:none;}

.bg_image_content .back_btn:hover{color:#000; border-color:#000;}

/* Buttons */
.btn, .btn_small, .btn_large{background:#211b60;  color:#fff; transition:background 0.2s ease-in-out; display:inline-block;}
a.btn, .btn, .form-submit input[type="submit"]{ padding:10px 20px; }
a.btn_small, .btn_small{ padding:5px 10px; font-size:14px; }
a.btn_large, .btn_large{ padding:20px 30px; font-size:26px;}
.btn:hover, .btn_small:hover, .btn_large:hover,  .form-submit input[type="submit"]:hover{background:#776ed2; color:#fff;}
.btn .fa{margin-right:5px;}

/* General classes */
.clear{clear:both;}
.divider{border-top:1px dashed rgba(0,0,0,0.15); width:100%; display:block; height:1px; margin:100px 0;}


/* Lightbox */
#lightbox {	cursor: pointer;	position: fixed;	width: 100%;	height: 100%;	top: 0;	left: 0;	background: rgb(0, 0, 0); 	background: rgba(0, 0, 0, 0.7);	-webkit-filter: none !important;	z-index:2000;}
#lightbox img {	display: block;	position: absolute;	box-shadow: 0 0 20px #000;	border-radius: 1px;}
body.blurred > * { -webkit-filter: blur(2px);  -webkit-transform: translate3d(0, 0, 0);}

.lightbox-loading {background: url(../img/lightbox/loading.gif) center center no-repeat;	width: 31px;	height: 31px;	margin: -16px 0 0 -16px;	position: absolute;	top: 48%;left: 50%;}
.lightbox-caption {	display: none;	position: absolute;	left: 0;	bottom: 0;	width: 100%;	text-align: center;	z-index: 1000;	background: #000;	background: rgba(0,0,0,0.7);}
.lightbox-caption p {	margin: 0 auto;	max-width: 70%;	display: inline-block;	*display: inline;	*zoom: 1;	padding: 10px;	color: #fff;	font-size: 12px;	line-height: 18px;}
.lightbox-button {position: absolute;	z-index: 9999;	background: no-repeat center center;	-webkit-transition: all 0.3s;	-moz-transition:    all 0.3s;	-ms-transition:     all 0.3s;transition: 		all 0.3s;}
.lightbox-button:hover,.lightbox-button:focus {	opacity: 1;	background-color:rgba(255,255,255,1);}
.lightbox-close {	right: 10px;	top: 10px;	display:none;	background-image: url(../img/lightbox/close.png);}


.lightbox-previous, .lightbox-next{background:url(../img/arrows.png) 45px no-repeat rgba(255,255,255,0.5); width:150px; height:150px; border-radius:200px;  display:block; position:absolute; top:50%; left:10%; margin-top:-75px; text-indent:-99999px;}
.lightbox-next{background-position:-115px 35px; right:10%; left:inherit;}


/*
 * jQuery FlexSlider v2.2.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;}

/* Icon Fonts
*********************************/
/* Font-face Icons */
@font-face {
	font-family: 'flexslider-icon';
	src:url('fonts/flexslider-icon.eot');
	src:url('fonts/flexslider-icon.eot?#iefix') format('embedded-opentype'),
		url('fonts/flexslider-icon.woff') format('woff'),
		url('fonts/flexslider-icon.ttf') format('truetype'),
		url('fonts/flexslider-icon.svg#flexslider-icon') format('svg');
	font-weight: normal;
	font-style: normal;
}

/* FlexSlider Necessary Styles
*********************************/
.flexslider {margin: 0; padding: 0;}
.flexslider .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: "\0020"; 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 { margin: 0 0 60px; position: relative; zoom: 1; }
.flex-viewport { max-height: 2000px; -webkit-transition: all 1s ease; -moz-transition: all 1s ease; -o-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  { text-decoration:none; display: block;  z-index: 10; overflow: hidden; opacity: 1; cursor: pointer; color: rgba(0,0,0,0.8); text-shadow: 1px 1px 0 rgba(255,255,255,0.3); -webkit-transition: all .3s ease; -moz-transition: all .3s ease; transition: all .3s ease; }
.flex-direction-nav .flex-prev { left: -75px; }
.flex-direction-nav .flex-next { right: -75px; }
.flexslider:hover .flex-prev { opacity: 1; left: -75px; padding-right:20px; }
.flexslider:hover .flex-next { opacity: 1; right: -75px; padding-left:20px;}
.flexslider:hover .flex-next:hover, .flexslider:hover .flex-prev:hover { opacity: 1; }
.flex-direction-nav .flex-disabled { opacity: 0!important; filter:alpha(opacity=0); cursor: default; }
/*.flex-direction-nav a:before  { font-family: "flexslider-icon"; font-size: 40px; display: inline-block; content: '\f001'; }
.flex-direction-nav a.flex-next:before  { content: '\f002'; }
*/
/* Pause/Play */
.flex-pauseplay a { display: block; width: 20px; height: 20px; position: absolute; bottom: 5px; left: 10px; opacity: 0.8; z-index: 10; overflow: hidden; cursor: pointer; color: #000; }
.flex-pauseplay a:before  { font-family: "flexslider-icon"; font-size: 20px; display: inline-block; content: '\f004'; }
.flex-pauseplay a:hover  { opacity: 1; }
.flex-pauseplay a.flex-play:before { content: '\f003'; }

/* Control Nav */
.flex-control-nav {width: 100%; position: absolute; bottom: -50px; text-align: center;}
.flex-control-nav li {margin: 0 6px; display: inline-block; zoom: 1; *display: inline;}
.flex-control-paging li a {width: 11px; height: 11px; display: block; background: #666; background: rgba(0,0,0,0.5); cursor: pointer; text-indent: -9999px; -webkit-border-radius: 20px; -moz-border-radius: 20px; -o-border-radius: 20px; border-radius: 20px; -webkit-box-shadow: inset 0 0 3px rgba(0,0,0,0.3); -moz-box-shadow: inset 0 0 3px rgba(0,0,0,0.3); -o-box-shadow: inset 0 0 3px rgba(0,0,0,0.3); box-shadow: inset 0 0 3px rgba(0,0,0,0.3); }
.flex-control-paging li a:hover { background: #333; background: rgba(0,0,0,0.7); }
.flex-control-paging li a.flex-active { background: #000; background: rgba(0,0,0,0.9); cursor: default; }

.flex-control-thumbs {margin: 5px 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: .7; cursor: pointer;}
.flex-control-thumbs img:hover {opacity: 1;}
.flex-control-thumbs .flex-active {opacity: 1; cursor: default;}

@media screen and (max-width: 860px) {
  .flex-direction-nav .flex-prev { opacity: 1; left: -50px;}
  .flex-direction-nav .flex-next { opacity: 1; right: -50px;}
}

/*----------------------------------------*/


/* Media queries for responsiveness */
@media all and (max-width: 1024px) {
    #stats .bg, #faq .bg, #usage .bg, #tweets .bg{ background-attachment:scroll;   background-position:center bottom;  }
.press_logo_list{padding:0 20px;}

.app_intro_screens{ max-width:100%; width:100%;}
.app_left{left:2%;  z-index:4; max-width:100%;}
.app_right{right:2%; z-index:4; max-width:100%;}

#stats, #faq, #usage, #tweets{position:relative; padding:60px 20px 100px 20px;}
#faq, #usage h3{font-size:20px; line-height:24px;}

.content_block{padding:0 10px;}
.section_slider{padding:60px 20px;}

.flex-prev, .flex-next{display:none !important;}
.flexslider{padding:0 0;}

}

@media all and (max-width: 900px) {

}

@media all and (max-width: 800px) {

}

@media all and (max-width: 768px) {
		

body{font-size:14px; line-height:22px;}
.content_block p.intro_text, .intro_text{ font-size:20px; line-height:26px;}

.section_title{  font-size:50px; line-height:45px;}

.app_right,.app_left{display:none !important;}


.features_list .icon{width:175px; height:175px; border-radius:300px;  line-height:175px; font-size:90px; color:#211b60;}
.features_list h3{ font-size:20px; line-height:24px;  margin:20px 0  10px 0; padding:0 20px;}
.features_list p{margin:0; padding:0 20px; font-size:14px; line-height:22px;}

.stats_list .fa{font-size:50px;}
.stats_list h3{ margin:30px 0 0 0; padding:0; font-size:20px; line-height:24px; font-weight:400;}
.stats_list{font-size:16px; line-height:24px;}

.section_title{ line-height:45px; font-size:40px; padding:0 20px;  }

.menu_responsive .menu_toggle{display:block;  width:100%; text-align:left;}
.menu_responsive .menu_toggle .fa{margin-left:5px; top:30px;  position:absolute;  right:10px;}

.menu_responsive li a {text-align:left; }
}
@media all and (max-width: 600px) {
	
#menu_container{text-align:center;  line-height:40px; position:fixed; top:0 !important; text-align:left;  width:100%;  height:40px;}
.visible{position:fixed !important; top:0; bottom:inherit; }
#features .section_title{ line-height:45px; font-size:40px; padding:0 20px; margin-bottom:0; }
#home_content .logo{margin-top:70px;}
.menu_logo{display:none;}

.menu_responsive .menu_toggle{height:40px; line-height:40px; font-size:14px; }
.menu_responsive .menu_toggle .fa{font-size:14px; position:absolute; top:14px; }

.menu_responsive #menu{list-style:none;  margin:0 auto; padding:0px 0 0 0; position:absolute; top:40px; width:300px; right:0; text-align:left; display:none; }
.menu_responsive li{display:block; margin:0; background:#2c2551;}

.menu_responsive li a{color:#fff; display:block; height:auto; line-height:30px;  text-decoration:none; font-size:14px; width:100%; padding:10px 50px 10px 20px;  border-bottom:1px solid rgba(255,255,255,0.15);}
	
.download_links li, .team_list li, .stats_list li, .press_logo_list li, .tweets_list li{display:block; width:100%; }

.team_list li:nth-child(2n+2){padding:0 20px; width:100%}
.team_list li{padding:0 20px;margin-bottom:80px;}
.team_list li img{margin-bottom:20px;}

.tweet_list{margin:-40px 0;}
.tweet_list li, .tweets_list li:first-child, .tweet_list li:nth-child(3n+3) {border-bottom:1px dashed rgba(255,255,255,1); padding:40px 0;}
.tweet_list li:last-child{border-bottom:none;}

.menu_responsive #menu{width:100%; }

.download_links li a{margin:10px 0;}

#stats{position:relative; padding:30px 0 60px 0;}
.stats_list .fa{font-size:50px;}
.stats_list h3{ margin:10px 0 0 0; padding:0; font-size:30px;  line-height:36px; font-weight:400;}
.stats_list{font-size:24px; line-height:30px;}

.stats_list li{margin:20px 0;}

.logo{display:inline-block; margin:30px auto 30px auto; padding:0 20px; clear:both; width:100%; }
#home_content p.intro_text{ width:100%; padding:0 20px; margin:0px auto 30px auto; font-size:14px; line-height:22px;}

.slides .quote{font-size: 20px; line-height:28px; color:#000; margin-bottom:10px; padding:0;}
.press_logo_list{margin:30px 0 -30px 0;}
.press_logo_list li a img {margin:20px 0;}
.quote_author {font-style: italic;font-size: 14px; line-height: 22px;}

.contact_form{padding:0 20px;}
.form_input, .form_textarea{display:block; width:100%; float:left;}
.form_submit{clear:both; width:100%; display:block;}
.form_submit .small_text{float:none; display:block; text-align:center; margin:-20px 0 20px 0;}
.form_submit .btn{float:none; display:block; width:100%; text-align:center;}

label{font-size:16px;}
.form_input input{margin-bottom:40px; width:100%;}
}