/*-----------------------------------------------------------------------------------*/
/*	TABLE OF CONTENTS
/*-----------------------------------------------------------------------------------*/
/*
	00. RESET
	01. GENERAL
	02. FONTS
	03. HEADER
    04. FOOTER
    05. SUBPAGES
    06. MEDIA QUERIES
*/

/* -------------------------------------------------------------------------------------------------
    00. RESET
------------------------------------------------------------------------------------------------- */

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, sub, sup, tt, var,
b,  i, dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, figure, figcaption, footer, header, hgroup, 
menu, nav, output, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
	display: block;
}
body {
   width:100%;background:#fff;
   height:100%;
}
ol,ul {
	list-style:none;
}

li,a{
	text-decoration:none;
	text-transform:none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}

* { margin:0; padding:0; }
*, *:after, *:before { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box }

/* -------------------------------------------------------------------------------------------------
    01. GENERAL
------------------------------------------------------------------------------------------------- */
html, body {width:100%;font-size:100%;margin:0;padding:0;font-family: 'OpenSansRegular';background:url(../images/gray_jean.png)}
img {max-width: 100%;height: auto;}
img { border:none }
  
/* -------------------------------------------------------------------------------------------------
    02. FONTS
------------------------------------------------------------------------------------------------- */ 
@font-face {
    font-family: 'OpenSansRegular';
    src: url('../fonts/OpenSans-Regular-webfont.eot');
    src: url('../fonts/OpenSans-Regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/OpenSans-Regular-webfont.woff') format('woff'),
         url('../fonts/OpenSans-Regular-webfont.ttf') format('truetype'),
         url('../fonts/OpenSans-Regular-webfont.svg#OpenSansRegular') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'open_sanssemibold';
    src: url('../fonts/opensans-semibold-webfont.eot');
    src: url('../fonts/opensans-semibold-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/opensans-semibold-webfont.woff') format('woff'),
         url('../fonts/opensans-semibold-webfont.ttf') format('truetype'),
         url('../fonts/opensans-semibold-webfont.svg#open_sanssemibold') format('svg');
    font-weight: normal;
    font-style: normal;
}


@font-face {
    font-family: 'OpenSansBold';
    src: url('../fonts/OpenSans-Bold-webfont.eot');
    src: url('../fonts/OpenSans-Bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/OpenSans-Bold-webfont.woff') format('woff'),
         url('../fonts/OpenSans-Bold-webfont.ttf') format('truetype'),
         url('../fonts/OpenSans-Bold-webfont.svg#OpenSansBold') format('svg');
    font-weight: normal;
    font-style: normal;
}


@font-face {
    font-family: 'OpenSansSemiboldItalic';
    src: url('../fonts/OpenSans-SemiboldItalic-webfont.eot');
    src: url('../fonts/OpenSans-SemiboldItalic-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/OpenSans-SemiboldItalic-webfont.woff') format('woff'),
         url('../fonts/OpenSans-SemiboldItalic-webfont.ttf') format('truetype'),
         url('../fonts/OpenSans-SemiboldItalic-webfont.svg#OpenSansSemiboldItalic') format('svg');
    font-weight: normal;
    font-style: normal;
}


@font-face {
    font-family: 'OpenSansLight';
    src: url('../fonts/OpenSans-Light-webfont.eot');
    src: url('../fonts/OpenSans-Light-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/OpenSans-Light-webfont.woff') format('woff'),
         url('../fonts/OpenSans-Light-webfont.ttf') format('truetype'),
         url('../fonts/OpenSans-Light-webfont.svg#OpenSansLight') format('svg');
    font-weight: normal;
    font-style: normal;

}

/* -------------------------------------------------------------------------------------------------
    03. HEADER
------------------------------------------------------------------------------------------------- */
.topbar{width: 100%;max-width:1200px;color:#ccc;height:74px;margin:0 auto;padding:0 15px 0 8px;background:#fbfbfb;
box-shadow: 0 2px 2px 1px rgba(0,0,0,0.2);-webkit-box-shadow: 0 2px 2px 1px rgba(0,0,0,0.2)}
.navbar{max-width:1200px;margin: 0 auto}

header nav {}
header nav ul {float:right}
header nav ul li {display:inline-block;float:left;height:55px;line-height:55px;vertical-align:middle;padding:0}
header nav ul li:first-child {margin-left: 0}
header nav ul li a{display: inline-block;height:55px;line-height:55px;vertical-align:middle;color:#fff;font:15px 'OpenSansRegular';
-webkit-transition: 0.5s all ease;-moz-transition: 0.5s all ease;transition: 0.5s all ease;text-decoration: none;padding:14px 26px 5px 23px;text-shadow: 1px 1px 0 rgba(0,0,0,0.2)}

header nav ul li:hover {background: #a300a4}
header nav ul li:hover a{color: #fff}
header nav ul li.active a {border-left: 2px solid #fff;color: #fff}
header nav ul li a i{padding-right:8px}

.divider{vertical-align:middle;position:relative;bottom:2px;display: inline-block;width: 0px;height: 54px;padding: 0;
border-right: 1px solid rgba(255,255,255,.4);border-left: 1px solid rgba(106,51,189,.6)}

.sticky_wrapper {background:rgba(163,73,164,.96);text-align: center; height:55px;width:100%;z-index:100;box-sizing:border-box;
box-shadow: 0 2px 2px 1px rgba(0,0,0,0.2);-webkit-box-shadow: 0 2px 2px 1px rgba(0,0,0,0.2);position:relative;z-index:10}

.clear {clear: both}
.logo{margin:11px 0 0 2px;float:left;position:relative;z-index:1000000000}
.sign_in{margin:26px 20px 0 0;float:right;font-size:15px;height:20px;position:relative;z-index:1000000000}
.sign_in i{padding-right:5px;opacity:.8}
.sign_in a{color:#5a577c;text-shadow: 1px 1px 0 rgba(255,255,255,0.7);-webkit-transition: 0.5s all ease;-moz-transition: 0.5s all ease;transition: 0.5s all ease}
.sign_in a:hover{color:#484664}
.sep{    vertical-align:middle;position:relative;bottom:2px;
    display: inline-block;
    width: 0px;
    height: 20px;
    border-right: 1px solid rgba(255,255,255,.4);
    border-left: 1px solid #ccc;
    padding: 0;margin:0 10px}

/* -------------------------------------------------------------------------------------------------
    04. SLIDER
------------------------------------------------------------------------------------------------- */
.slider {max-width:1200px; margin: 0 auto !important;}
.slider img {height:350px}

section{clear:both}
.container{background:#fff;max-width:1200px;margin: 0 auto;padding-bottom:30px;box-shadow: 0 2px 2px 1px rgba(0,0,0,0.2);-webkit-box-shadow: 0 2px 2px 1px rgba(0,0,0,0.2)}
.container.subpage{background:#fff url(../images/bg3.jpg) top no-repeat;padding:40px 0 0 60px}
.container.subpage.search{background:#fff url(../images/bg3.jpg) top no-repeat;padding:40px 0 40px 0}
/*.container.subpage.search{background:#f9f9f7;padding:40px 0 0 0}*/

.content{color:#5a577c;text-shadow: 1px 1px 0 rgba(255,255,255,0.7);width:90%;margin:0 auto}
.section_title{font: 48px 'OpenSansLight';color:#7e3de2;padding:90px 0 11px 0;margin:0 auto;text-align:center}
.section_subtitle{width:97%;font: 18px 'OpenSansLight';color:#4f4e70;text-shadow: 1px 1px 0 rgba(255,255,255,0.7);padding-bottom:30px;margin:0 auto;text-align:center;line-height:30px}

.content p{font: 15px 'OpenSansLight';line-height:28px;color:#444;clear:both;padding:30px 0;margin:0 auto}

.hr1 {margin:0 0 4px 0;float:left;border: 0;height: 0;width:100%;border-top: 1px solid rgba(0, 0, 0, 0.1);border-bottom: 1px solid rgba(255, 255, 255, 0.3);}

.parallax{display:inline-block;width:100%;padding:80px 0;margin:0 auto;background:url(../images/bg2.jpg);
border-top:1px solid #ccc;margin-top:20px;
box-shadow: 0 2px 2px 1px rgba(0,0,0,0.2);-webkit-box-shadow: 0 2px 2px 1px rgba(0,0,0,0.2);
	-webkit-background-size: cover;-moz-background-size: cover;-o-background-size: cover;background-size: cover
	}
  
.appsc_left{float:left;width:49%;padding:65px 35px 70px 95px}
.appsc_left p{font: 24px 'OpenSansLight';line-height:36px;color:#444;padding-bottom:10px;text-shadow: 1px 1px 0 rgba(255,255,255,0.8)}
.appsc_right{float:left;width:47%}

.app_screenshots{position:relative; margin:0 auto; width:460px;background: url(../images/app_screenshots/iphone_holder.png);background-repeat:none}

.scrollToTop{
	color:#fff;width:44px;height:44px;padding:4px;text-align:center;text-decoration: none;position:fixed;bottom:12px;right:15px;	
	display:none;background: rgba(31,31,31,0.4);-moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px;opacity: 0.7;z-index: 20000;
}
.scrollToTop:hover{text-decoration:none;background: rgba(0,0,0,0.5);-webkit-transition: all 0.3s ease-in-out; 
	-moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; 
}

::selection {background: rgba(163,73,164,.9)}
::-moz-selection {background: rgba(163,73,164,.9)}


/* -------------------------------------------------------------------------------------------------
    FOOTER
------------------------------------------------------------------------------------------------- */

footer{max-width:1200px;width:100%;margin:0 auto;color:#fff;padding-top:45px;text-shadow: 0px 1px 1px rgba(0,0,0,0.4);
box-shadow: 0 2px 2px 1px rgba(0,0,0,0.2);-webkit-box-shadow: 0 2px 2px 1px rgba(0,0,0,0.2);background:#a349a4}

.footer_top_wrapper{display:block;width:100%}

.footer_left{float:left;text-align:left;margin:0 40px 0 60px;width:58%;padding:0}
.footer_title{width:100%;font: 25px 'OpenSansLight';float:left;margin:0 30px 28px 0;letter-spacing:0.015em}

.footer_left ul{margin-left:8px}
.footer_left ul li{margin:3px 0;font:14px 'OpenSansLight';line-height:27px;letter-spacing:0.02em;color:#fff}
.footer_left ul li i{padding-right:10px}

.footer_divider{vertical-align:middle;float:left;margin-right:40px; 
  display:inline-block;width:0px;height:210px;padding:0;border-right:1px solid rgba(255,255,255,.6);border-left:1px solid rgba(91,43,163,.8)
}

.footer_right{float:left;text-align:left;margin-right:40px;width:25%}

.footer_right ul{}
.footer_right ul li{display:inline-block;margin:35px 5px 0 0;font-size:20px;width: 40px; height: 40px; text-align:center;
line-height: 38px;color:#fff;-moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px;border:1px solid #fff;
-webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; 
}
.footer_right ul li a{color:#fff}
.footer_right ul li:hover{color:#ccc;border:1px solid #ccc}
.footer_right ul li:hover a{	
-webkit-transition: all 0.3s ease-in-out; 
-moz-transition: all 0.3s ease-in-out; 
-o-transition: all 0.3s ease-in-out; 
transition: all 0.3s ease-in-out; color:#ccc}

.footer_copyright{background:#a300a4;padding:20px 10px;letter-spacing:0.025em;display:inline-block;margin-top:45px;width:100%;font: 14px 'OpenSansLight';color:#fff;line-height:27px;text-align:center}
.footer_copyright a{color:#fff}
.footer_copyright a:hover{color:#eee;text-decoration:underline}



/* -------------------------------------------------------------------------------------------------
    SUBPAGES
------------------------------------------------------------------------------------------------- */

.subpage_leftside{width:100%;max-width:400px;float:left}
.subpage_rightside{width:200px;float:right;margin:40px 200px 0 0}


/* -------------------------------------------------------------------------------------------------
    MEDIA QUERIES
------------------------------------------------------------------------------------------------- */

@media screen and (max-width: 1180px) {
.app_left{width:100%}
.app_right{width:100%;margin:0 auto;text-align:center}
.section_title{text-align:center;width:100%}
.footer_left{margin-left:40px;width:53.5%}
.footer_right{width:30%}
#sequence2-theme{width:100%;margin:30px auto;text-align:center}
.appsc_left{padding:70px 35px 70px 70px}
}

@media screen and (max-width: 1000px) {
.appsc_left{padding:70px 35px 70px 40px;width:40%}
.appsc_left p{font: 21px 'OpenSansLight';line-height:36px}
.topbar{height:120px}
.logo{margin:8px auto 7px auto;padding-top:4px;width:100%;display:block;clear:both;text-align:center}
.sign_in{float:none;margin:0 auto;width:100%;display:inline-block;clear:both;text-align:center}
.divider{display:none}
.footer_divider{display:none}
.footer_title.connect{display:none}
.footer_left{margin:40px 0 25px 0;width:100%;padding:0 40px}
.footer_right{float:none;width:100%}
.footer_right ul{margin:0 auto;width:100%;text-align:center;float:none}
footer{padding-top:15px}
.appsc_left{float:none;width:100%;margin:0 auto;padding:50px 35px 70px 70px}
.appsc_right{float:none;width:100%;margin:0 auto;padding-bottom:40px}
}

@media screen and (max-width: 1050px) {
.subpage_rightside{margin:40px 100px 0 0}
}

@media screen and (max-width: 840px) {
.subpage_rightside{margin:40px 50px 0 0}
}

@media screen and (max-width: 740px) {
.subpage_rightside{display:none}
}

@media screen and (max-width: 500px) {
#sequence2 .logotype-part1 h1,#sequence2 .logotype-part2 h1,#sequence2 .logotype-part3 h1,#sequence2 .logotype-full h1{font-size: 60px;margin-top:20px}
}

@media screen and (max-width: 470px) {
.appsc_left{padding:50px 5px 70px 10px}
}

@media screen and (max-width: 420px) {
.container.subpage{padding:20px 0 0 10px}
}}

@media screen and (max-width: 340px) {
.sign_in{font-size:13px}
.section_title{font: 30px 'open_sanssemibold'}
.section_subtitle{font-size: 15px}
}