/*  CSS definations for Okidoapp  */
/*-------------------------------------------------------------------------------------------

INDEX:
0. RESET
1. GRID 1140
2. SETUP
3. SITE STRUCTURE & APPEARANCE
	3.1 Header
		3.1.1 Logo
		3.1.2 Navigation
	3.2 Showcase
	3.3 Container
		3.3.1 Tabs
		3.3.2 Testimonial
		3.3.3 Gallery
	3.4 Footer
		3.4.1 Social	
4. RESPONSIVE
5. FONTS DECLARATION

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

/*-------------------------------------------------------------------------------------------*/
/* 0. 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, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, 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 {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after, q:before, q:after {
	content: '';
	content: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}
* {
	outline:none;
}
/*-------------------------------------------------------------------------------------------*/
/* 1. GRID 1140 */
/*-------------------------------------------------------------------------------------------*/
/* ==================================================================================================================== */
/* 1. The 1140px Grid V2 by Andy Taylor \ http://cssgrid.net \ http://www.twitter.com/andytlr \ http://www.andytlr.com   */
/* ==================================================================================================================== */

.container {
	padding-left: 20px;
	padding-right: 20px;
}
.row {
	width: 100%;
	max-width: 1140px;
	min-width: 755px;
	margin: 0 auto;
	overflow: hidden;
}
.onecol, .twocol, .threecol, .fourcol, .fivecol, .sixcol, .sevencol, .eightcol, .ninecol, .tencol, .elevencol {
	margin-right: 3.8%;
	float: left;
	min-height: 1px;
}
.row .onecol {
	width: 4.85%;
}
.row .twocol {
	width: 13.45%;
}
.row .threecol {
	width: 22.05%;
}
.row .fourcol {
	width: 30.75%;
}
.row .fivecol {
	width: 39.45%;
}
.row .sixcol {
	width: 48%;
}
.row .sevencol {
	width: 56.75%;
}
.row .eightcol {
	width: 65.4%;
}
.row .ninecol {
	width: 74.05%;
}
.row .tencol {
	width: 82.7%;
}
.row .elevencol {
	width: 91.35%;
}
.row .twelvecol {
	width: 100%;
	float: left;
}
.last {
	margin-right: 0px;
}
img, object, embed {
	max-width: 100%;
}
img {
	height: auto;
}

/*-------------------------------------------------------------------------------------------*/
/* 1. SETUP */
/*-------------------------------------------------------------------------------------------*/
h1, h2, h3, h4, h5, h6, strong {
	font-weight:bold;
}
i, em {
	font-style:italic;
}
.left {
	float:left;
}
.right {
	float:right;
}
.alignleft {
	text-align:left;
}
.alignright {
	text-align:right;
}
.aligncenter {
	text-align:center;
}
.clear {
	clear:both;
	line-height:1px;
	height:1px;
}
textarea {
	overflow:auto;
	font-family:"Myriad Pro"; /* Body Font Family Will Come Here */
}
a {
	text-decoration:none;
}
address {
	font-style:normal;
}
.demo_panel {
	position:fixed;
	left:-234px;
	top:155px;
	width:234px;
	display:block;
	opacity: 1;
	filter:progid:DXImageTransform.Microsoft.Alpha(opacity=100);
	z-index:999;
	transition: all 400ms;
	-webkit-transition: all 400ms;
	-moz-transition: all 400ms;
	-o-transition: all 400ms;		
}
.demo_panel .panel_toggler {
	position:absolute;
	width:51px;
	height:51px;
	background:#3d3d3d url(../images/button_panel.png) no-repeat center;
	display:block;
	right:-51px;
	top:0px;
	z-index:999;
}
.demo_panel.opacity {
	opacity: 0;
	filter:progid:DXImageTransform.Microsoft.Alpha(opacity=0);
}
.demo_panel.showed {
	left:0px;
}
.demo_panel .panel_title {
	background:#3d3d3d;
	padding:0 0 0 17px;
	line-height:46px;
	height:51px;
	display:block;
	color:#ffd200;
	font-size:20px;
	font-weight:bold;
	text-align:left;
}
.demo_panel a:hover {
	text-decoration:none!important;
}
.ie8 .demo_panel {
	display:none!important;
}
.panel_item {
	display:block;
	background:#ececec;
	margin:0 0 3px 0;
}
.panel_item.color_panel {
	padding:20px 9px 9px 20px;
}
.panel_item.color_panel ul {
	margin:0!important;
}
.panel_item.color_panel li {
	margin:0 11px 11px 0;
	display:inline-block;
	float:left;
	width:30px;
	height:30px;
}

.panel_item.color_panel li a {
	width:30px;
	height:30px;
	display:block;
	border:#ffffff 3px solid;
	transition: border-color 200ms;
	-webkit-transition: border-color 200ms;
	-moz-transition: border-color 200ms;
	-o-transition: border-color 200ms;
}
.panel_item.color_panel li a.current,
.panel_item.color_panel li a:hover {
	border-color:#3d3d3d;
}

.panel_item.color_panel li a.color1 {
	background:#4caed3;
}
.panel_item.color_panel li a.color2 {
	background:#ff8400;
}
.panel_item.color_panel li a.color3 {
	background:#da3c26;
}
.panel_item.color_panel li a.color4 {
	background:#3d8e7c;
}
.panel_item.color_panel li a.color5 {
	background:#999999;
}
.panel_item.color_panel li a.color6 {
	background:#fdbd12;
}

/*-- iPhone Fixes --*/
input, 
textarea, 
button {
	outline:none!important;
	background:none;
	border-radius:0;
	box-shadow:0!important;
	-webkit-appearance: none!important;
}
* { 
	outline:none!important;
	-webkit-font-smoothing: ;
	
}

/*-------------------------------------------------------------------------------------------*/
/* 3. SITE STRUCTURE & APPEARANCE */
/*-------------------------------------------------------------------------------------------*/
html {
	overflow-x:hidden;
}
body {
	background:#424242;
	font-family:"Myriad Pro";
	font-size:13px;
	color:#999;
	overflow-x:hidden;
	-webkit-text-size-adjust: none;
}

/* 3.1.1 Logo */
.logo {
	display:inline;
	width:240px;
	float:left;
}
.logo h1{
	font-size:24px;
	line-height:24px;
	color:#444444;
	display:table;
	height:72px;
	width:100%;
}
.logo h1 span{
	text-transform:uppercase;
}
.logo a {
	display:block;
	color:#444444;
	display:table-cell;
    vertical-align:middle;
}
.logo a:hover{
	color:#444444
}
.logo img{
	max-height:62px;
	margin-right:10px;
}
/* 3.1.2 Navigation */
.navigation {
	float:right;
}
.mobi-nav{
	background-image:url(../images/ico_menu.png);
	background-repeat:no-repeat;
	background-position:center center;
	background-size:26px 12px;
	width:40px;
	height:40px;
	display:none;
	cursor:pointer;
	font-size:18px;
	float:right;
	color:#fff;
	text-indent:-9999px;
	margin:15px 0 0 0;
}
.navigation .mobi-nav:hover {
	background:#999;
}
.navigation ul {
	float:right;
	padding:28px 0 0 0;
}
.navigation li{
	float:left;
	font-size:16px;
	color:#666;
	font-weight:bold;
	padding:0 12px 0 58px;
}
.navigation a {
	color:#666;
}
.navigation a:hover, .navigation a.active {
	color:#000;
}

/* 3.2 Showcase */
.showcase {
	background:url(../images/bg_showcase.jpg) no-repeat #fff; 
	-webkit-background-size:cover;
	-moz-background-size:cover;
	-0-background-size:cover;
	background-size:cover;
	width:100%;
	height:664px;
	position:relative;
	z-index:30;
	margin-top:0px;
} 
#sequence-theme {
	background: url(../images/bg-sky.png) repeat-x;
	color: white;
	max-width: 2560px;
	margin: 0 auto;
	min-width: auto;
	position: relative;
	margin: 0 auto;
	overflow: hidden;
	-webkit-backface-visibility: hidden;
/* prevent graphical glitches in WebKit browsers when using transitions */ }
#sequence-theme .next,  #sequence-theme .prev {
	color: white;
	cursor: pointer;
	display: none;
	font-size: 80px;
	font-weight: bold;
	position: absolute;
	opacity: 0.4;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=40)";
	filter: alpha(opacity=40);
	-moz-opacity: 0.4;
	-khtml-opacity: 0.4;
	top: 280px;
	height: 41px;
	width: 39px;
	z-index: 20;
	-webkit-transition-duration: 0.4s;
	-moz-transition-duration: 0.4s;
	-ms-transition-duration: 0.4s;
	-o-transition-duration: 0.4s;
	transition-duration: 0.4s;
}
#sequence-theme .prev {
	left: 40px;
	position: absolute;
}
#sequence-theme .next {
	position: absolute;
	right: 40px;
}
#sequence-theme .next:hover,  #sequence-theme .prev:hover {
	opacity: 1;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
	filter: alpha(opacity=100);
	-moz-opacity: 1;
	-khtml-opacity: 1;
	-webkit-transform: scale(1.2);
	-moz-transform: scale(1.2);
	-ms-transform: scale(1.2);
	-o-transform: scale(1.2);
	transform: scale(1.2);
	-webkit-transition-duration: 0.4s;
	-moz-transition-duration: 0.4s;
	-ms-transition-duration: 0.4s;
	-o-transition-duration: 0.4s;
	transition-duration: 0.4s;
}
#sequence-theme .nav {
	width:100%;
	bottom: 45px;
	display: none;
	text-align:center;
	left:0;
	position: absolute;
	z-index:50;
	-webkit-transition-duration: 0.5s;
	-moz-transition-duration: 0.5s;
	-ms-transition-duration: 0.5s;
	-o-transition-duration: 0.5s;
	transition-duration: 0.5s;
}
#sequence-theme .nav li {
	width:12px;
	height:12px;
	display:inline;
	padding:0 2px;
}
#sequence-theme .nav li a {
	cursor: pointer;
	background:#fff;
	display:inline-block;
	width:10px;
	height:10px;
	text-indent:-9999px;
	border:solid 2px #242424;
	-moz-border-radius:10px;
	-webkit-border-radius:10px;
	border-radius:10px;
	position:relative;
}
#sequence-theme #sequence li > * {
	position: absolute;
	-webkit-transition-timing-function: ease-in-out;
	-moz-transition-timing-function: ease-in-out;
	-ms-transition-timing-function: ease-in-out;
	-o-transition-timing-function: ease-in-out;
	transition-timing-function: ease-in-out;
}
#sequence-theme #sequence {
	min-height: 664px;
	margin: 0 auto;
	position: relative;
	max-width: 1140px;
}
#sequence-theme h2 {
	font-size: 24px;
	line-height: 26px;
	padding:0 50px 15px 0;
}
#sequence-theme .info {
	background:url(../images/bg_caption.png) repeat;
	width:280px;
	color: white;
	padding:30px 35px 20px 35px;
	font-size: 13px;
	right: 15%;
	opacity:0;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
	filter: alpha(opacity=0);
	-moz-opacity: 0;
	-khtml-opacity: 0;
	line-height: 18px;
	top: 160px;
	z-index: 10;
	vertical-align: middle;
	-webkit-transition: opacity 4s ease-out 0s;
  -moz-transition: opacity 4s ease-out 0s;
  -ms-transition: opacity 4s ease-out 0s;
  -o-transition: opacity 4s ease-out 0s;
  transition: opacity 4s ease-out 0s;
}
#sequence-theme .icons {
	width:100%;
	height:32px;
	margin:28px 0 0 0;
}
#sequence-theme .icons span {
	float:left;
	margin-right:18px;
	width:35px;
	height:35px;
	opacity:.5;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
	filter: alpha(opacity=50);
	-moz-opacity: .5;
	-khtml-opacity: .5;
}
#sequence-theme .icons a:hover span {
	opacity:.7;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";
	filter: alpha(opacity=70);
	-moz-opacity: .7;
	-khtml-opacity: .7;
}
#sequence-theme .icons .appstore{
	background:url(../images/ico_apple.png) no-repeat;
	-webkit-background-size:35px 35px;
	-moz-background-size:35px 35px;
	background-size:35px 35px;
}
#sequence-theme .icons .windows{
	background:url(../images/ico_windows.png) no-repeat;
	-webkit-background-size:35px 35px;
	-moz-background-size:35px 35px;
	background-size:35px 35px;
}
#sequence-theme .icons .android{
	background:url(../images/ico_android.png) no-repeat;
	-webkit-background-size:35px 35px;
	-moz-background-size:35px 35px;
	background-size:35px 35px;
}
#sequence-theme .animate-in .info {
	opacity:1;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
	filter: alpha(opacity=100);
	-moz-opacity: 1;
	-khtml-opacity: 1;
}
#sequence-theme .animate-out .info {
	opacity: 0;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
	filter: alpha(opacity=0);
	-moz-opacity: 0;
	-khtml-opacity: 0;
}
#sequence-theme .hand {
	left: -50%;
	max-width: 40%;
	top: 900px;
	z-index: 20;
	-webkit-transition-property: left top;
	-moz-transition-property: left top;
	-ms-transition-property: left top;
	-o-transition-property: left top;
	transition-property: left top;
}
#sequence-theme .animate-in .hand {
	left: 10%;
	top: 140px;
	-webkit-transition-duration: 2s;
	-moz-transition-duration: 2s;
	-ms-transition-duration: 2s;
	-o-transition-duration: 2s;
	transition-duration: 2s;
    -webkit-transition-property: left top -webkit-transform;
	-moz-transition-property: left top -moz-transform;
	-o-transition-property: left top -o-transform;
	-ms-transition-property: left top -ms-transform;
	transition-property: left top transform;
	z-index: 16;
}
#sequence-theme .animate-out .hand {
	left: 70%;
	bottom: -940px;
	-webkit-transition-duration: 2s;
	-moz-transition-duration: 2s;
	-ms-transition-duration: 2s;
	-o-transition-duration: 2s;
	transition-duration: 2s;
    -webkit-transition-property: left top -webkit-transform;
	-moz-transition-property: left top -moz-transform;
	-o-transition-property: left top -o-transform;
	-ms-transition-property: left top -ms-transform;
	transition-property: left top transform;
	z-index: 17;
}
#sequence-theme .ipad {
	left: 10%;
	max-width: 40%;
	top: 900px;
	z-index: 20;
	-webkit-transition-property: left top;
	-moz-transition-property: left top;
	-ms-transition-property: left top;
	-o-transition-property: left top;
	transition-property: left top;
}
#sequence-theme .animate-in .ipad {
	top: 140px;
	-webkit-transition-duration: 2s;
	-moz-transition-duration: 2s;
	-ms-transition-duration: 2s;
	-o-transition-duration: 2s;
	transition-duration: 2s;
    -webkit-transition-property: left top -webkit-transform;
	-moz-transition-property: left top -moz-transform;
	-o-transition-property: left top -o-transform;
	-ms-transition-property: left top -ms-transform;
	transition-property: left top transform;
	z-index: 16;
}
#sequence-theme .animate-out .ipad {
	top: -940px;
	-webkit-transition-duration: 2s;
	-moz-transition-duration: 2s;
	-ms-transition-duration: 2s;
	-o-transition-duration: 2s;
	transition-duration: 2s;
    -webkit-transition-property: left top -webkit-transform;
	-moz-transition-property: left top -moz-transform;
	-o-transition-property: left top -o-transform;
	-ms-transition-property: left top -ms-transform;
	transition-property: left top transform;
	z-index: 17;
}

#sequence-theme .iphone-black {
	left: -150%;
	max-width: 40%;
	top: 100px;
	z-index: 20;
	-webkit-transition-property: left top;
	-moz-transition-property: left top;
	-ms-transition-property: left top;
	-o-transition-property: left top;
	transition-property: left top;
}
#sequence-theme .animate-in .iphone-black {
	left: 10%;
	-webkit-transition-duration: 2s;
	-moz-transition-duration: 2s;
	-ms-transition-duration: 2s;
	-o-transition-duration: 2s;
	transition-duration: 2s;
    -webkit-transition-property: left top -webkit-transform;
	-moz-transition-property: left top -moz-transform;
	-o-transition-property: left top -o-transform;
	-ms-transition-property: left top -ms-transform;
	transition-property: left top transform;
	z-index: 16;
}
#sequence-theme .animate-out .iphone-black {
	left: -150%;
	-webkit-transition-duration: 1s;
	-moz-transition-duration: 1s;
	-ms-transition-duration: 1s;
	-o-transition-duration: 1s;
	transition-duration: 1s;
    -webkit-transition-property: left top -webkit-transform;
	-moz-transition-property: left top -moz-transform;
	-o-transition-property: left top -o-transform;
	-ms-transition-property: left top -ms-transform;
	transition-property: left top transform;
	z-index: 17;
}

#sequence-theme .iphone-white {
	left: -150%;
	max-width: 40%;
	top: 100px;
	z-index: 20;
	-webkit-transition-property: left top;
	-moz-transition-property: left top;
	-ms-transition-property: left top;
	-o-transition-property: left top;
	transition-property: left top;
}
#sequence-theme .animate-in .iphone-white {
	left: 10%;
	margin-left:22%;
	-webkit-transition-duration: 1s;
	-moz-transition-duration: 1s;
	-ms-transition-duration: 1s;
	-o-transition-duration: 1s;
	transition-duration: 1s;
    -webkit-transition-property: left top -webkit-transform;
	-moz-transition-property: left top -moz-transform;
	-o-transition-property: left top -o-transform;
	-ms-transition-property: left top -ms-transform;
	transition-property: left top transform;
	z-index: 16;
}
#sequence-theme .animate-out .iphone-white {
	left: -150%;
	-webkit-transition-duration: 2s;
	-moz-transition-duration: 2s;
	-ms-transition-duration: 2s;
	-o-transition-duration: 2s;
	transition-duration: 2s;
    -webkit-transition-property: left top -webkit-transform;
	-moz-transition-property: left top -moz-transform;
	-o-transition-property: left top -o-transform;
	-ms-transition-property: left top -ms-transform;
	transition-property: left top transform;
	z-index: 17;
}

/* 3.3 Container */
.ContainerandColumns {
	background:#fff;
	width:100%;
	position:relative;
	z-index:40;
}
/* 3.3.1 Tabs */
.Tabs {
	width:100%;
	position:relative;
	z-index:41;
}
.tabnav {
	width:100%;
	height:50px;
	background:#424242;
}
.tabnav li {
	float:left;
	font-size:20px;
	color:#fefefe;
	height:57px;
	margin:-7px 15px 0 0;
	color:#fefefe;
}
.tabnav li span {
	display:block;
	padding:7px 55px 0 55px;
	background-repeat:no-repeat;
	background-size:36px 36px;
	background-position:center center;
}
.tabnav a {
	display:block;
	line-height:50px;
	color:#fefefe;
	box-shadow:none;
	padding:0 10px 0 10px;
	-moz-border-radius:3px 3px 0 0;
	-webkit-border-radius:3px 3px 0 0;
	border-radius:3px 3px 0 0;
	position:relative;
}
.tabnav a:hover, 
.tabnav li.active a {
	box-shadow:rgba(0, 0, 0, 0.23) 0px -3px 3px;
	color:#fefefe;
}
.tab-container {
	width:100%;
}
.tab-content {
	width:100%;
	padding:70px 0;
	overflow:auto
}
.Features {
	text-align:center;
	padding-bottom:50px;
}
.Features .ico {
	background-repeat:no-repeat;
	background-position:center center;
	background-size:100% 100%;
	width:72px;
	height:82px;
	text-indent:-9999px;
	margin:0 auto 15px auto;
}
.Features .ico.heart {
	background-image:url(../images/ico_heart.png);
	background-size:66px 64px;
}
.Features .ico.lock {
	background-image:url(../images/ico_lock.png);
	background-size:60px 72px;
}
.Features .ico.cloud {
	background-image:url(../images/ico_cloud.png);
	background-size:72px 51px;
}
.Features .ico.spanner {
	background-image:url(../images/ico_spanner.png);
	background-size:72px 72px;
}
.Features .ico.megaphone {
	background-image:url(../images/ico_megaphone.png);
	background-size:72px 63px;
}
.Features .ico.mail {
	background-image:url(../images/ico_mail.png);
	background-size:72px 63px;
}
.Features h3 {
	font-size:20px;
	color:#fff;
	padding:0 0 20px 0;
}
.Features p {
	line-height:22px;
	color:#fff;
	font-size:14px;
	padding-bottom:10px;
}
.Screenshots li {
	float:left;
	padding:20px 18px 30px 18px;
	width:25%;
	height:auto;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	box-sizing:border-box;
}
.Screenshots li img {
	box-shadow:rgba(0, 0, 0, 0.20) 0px 1px 5px;
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
	border-radius:3px;
	position:relative;
}
.team .imgb, 
.testimonial .imgb {
	display:block;
	text-align:center;
	padding-bottom:38px;
	width:150px;
	height:150px;
	margin:0 auto;
}
.team img,
.testimonial img {
	box-shadow:rgba(0, 0, 0, 0.20) 0px 1px 5px;
	-moz-border-radius:100px;
	-webkit-border-radius:100px;
	border-radius:100px;
	position:relative;
}
.team h3 {
	font-size:18px;
	text-align:center;
	color:#fff;
	padding:0 0 20px 0;
}
.team p {
	line-height:22px;
	text-align:center;
	color:#fff;
	font-size:14px;
	padding-bottom:10px;
}
/* 3.3.2 Testimonial */
.testimonial {
	width:100%;
	padding:70px 0 100px 0;
	text-align:center;
	position:relative;
	z-index:42;
	overflow: hidden;
	height:auto !important;
}
.testimonial .imgb {
	padding-top:10px;
	width:100%;
}
.testimonial .slides li.flex-active-slide {
	display:block;
}
.testimonial .slides li {
	width:100%;
	display:none;
	text-align:center;
}
.testimonial a.flex-prev, .testimonial a.flex-next {
	background-image:url(../images/sprite_arrow.png);
	background-repeat:no-repeat;
	background-size:58px 94px;
	width:29px;
	height:47px;
	margin-top:-25px;
	text-indent:-9999px;
	position:absolute;
	top:50%;
	z-index:43;
}
.testimonial a.flex-prev {
	left:0;
}
.testimonial a.flex-prev:hover {
	background-position:0 -47px;
}
.testimonial a.flex-next {
	background-position:-29px 0;
	right:0;
}
.testimonial a.flex-next:hover {
	background-position:-29px -47px;
}
.testimonial p {
	font-size:30px;
	line-height:36px;
	font-style:italic;
	padding:0 17%;
}
.testimonial h4 {
	font-size:24px;
	padding:50px 0 0 0;
}
/* 3.3.3 Gallery */
.GalleryColumn {
	background:url(../images/bg_gallery.png) no-repeat;
	width:218px;
	height:378px;
	float:left;
	padding:72px 14px 0 18px;
}
.Gallery .first {
	margin-left:13.45%;
}
/* 3.4 Page & Entry */
.page{
	min-height:500px;
	width:100%;
	background:#fff;
	color:#333;
	padding:100px 0 50px 0;
}
.page h1{
	font-size:24px;
	font-weight:bold;
	padding:0;
	margin:15px 0;
	font-family:"Myriad Pro";
}
.page h2{
	font-size:20px;
	font-weight:bold;
	padding:0;
	margin:15px 0;
}
.page h3{
	font-size:18px;
	font-weight:bold;
	padding:0;
	margin:15px 0;
	font-family:"Myriad Pro";
}
.page h4{
	font-size:15px;
	font-weight:bold;
	padding:0;
	margin:15px 0;
}
.page h5{
	font-size:13px;
	font-weight:normal;
	padding:0;
	margin:15px 0;
}
.page h6{
	font-size:11px;
	font-weight:bold;
	padding:0;
	margin:15px 0;
}
.page p{
	font-size:13px;
	line-height:18px;
}
.page blockquote{
	padding:20px;
	margin:20px;
	font-style:italic;
	font-family:"Myriad Pro";
	font-size:16px;
	line-height:22px;
	color:#999;
	width:50%;
}
.page hr{
	border:0;
	height:1px;
	background:#ccc;
	padding:0;
	margin:20px 0;
}
.page li{
	font-size:13px;
	padding:8px 0;
}
.page ul li{
	list-style-type: disc;
	list-style-position:inside;
}
.page ol li{
	list-style-type: decimal;
	list-style-position:inside;
}
.page input[type="text"], .page input[type="email"]{
	display:inline-block;
	font-size:13px;
	height:25px;
	line-height:25px;
	padding-left:10px;
	margin-bottom:20px;
	border:1px solid #999;
	-webkit-border-radius:5px;
	-moz-border-radius:5px;
	border-radius:5px;
}
.page textarea{
	padding-left:10px;
	padding-top:10px;
	margin-bottom:20px;
	height:auto;
	width:auto;
	max-width:100%;
	display:inline-block;
	font-size:13px;
	border:1px solid #999;
	-webkit-border-radius:5px;
	-moz-border-radius:5px;
	border-radius:5px;
}
.page input[type="text"]:focus, .page input[type="email"]:focus, .page textarea:focus{
	-webkit-box-shadow:0 0 5px rgba(0,0,0,.3);
	-moz-box-shadow:0 0 5px rgba(0,0,0,.3);
	box-shadow:0 0 5px rgba(0,0,0,.3);
	-webkit-transition-duration: 1s;
  	-webkit-transition-timing-function: ease;
  	-moz-transition-duration: 1s;
  	-moz-transition-timing-function: ease;
}
.page .row{
	margin-bottom:20px;
}
.page input[type="radio"]{
	margin:0 10px -2px 10px;
}
.page input[type="checkbox"]{
	margin:0 10px -2px 10px;
}
.page .button{
	font-size:15px;
	font-weight:bold;
	text-align:center;
	margin:10px 20px 10px 0;
	-webkit-border-radius:5px;
	-moz-border-radius:5px;
	border-radius:5px;
	display:inline-block;
	color:#fff;
	cursor:pointer;
}
.page .button:hover{
	opacity:.8;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
	filter: alpha(opacity=80);
	-moz-opacity: 0.8;
	-khtml-opacity: 0.8;
}
.page .button.red{
	background:#da3c26;
}
.page .button.yellow{
	background:#fdbd12;
}
.page .button.gray{
	background:#999999;
}
.page .button.green{
	background:#3d8e7c;
}
.page .button.blue{
	background:#4caed3;
}
.page .button.orange{
	background:#ff8400;
}
.page .button.big{
	line-height:50px;
	padding:0 30px;
}
.page .button.medium{
	line-height:40px;
	padding:0 20px;
}
.page .button.small{
	line-height:30px;
	padding:0 15px;
}
.pricing-table {
  	padding: 10px 0;
  	background-color: #f1f2f2;
  	-webkit-border-radius:5px;
  	-moz-border-radius:5px;
  	border-radius:5px;
	margin-bottom:20px;
}
.pricing-table h3 {
  	margin-left: -2px;
  	padding: 0 15px;
  	font-size: 20px;
  	margin-bottom: 5px;
  	line-height: 26px;
  	color: #666;
  	margin-top: 0px;
}
.pricing-table .intro {
  	margin-bottom: 10px;
  	padding: 0 15px 15px 15px;
  	color: #666;
  	line-height:18px;
  	border-bottom: 1px solid #ddd;
}
.pricing-table ul {
  	margin: 0px;
  	margin-bottom: 15px;
  	padding: 0 15px;
  	list-style: none;
}
.pricing-table ul li {
  	padding: 6px 0px;
  	font-size: 13px;
  	line-height: 13px;
  	color: #666;
}
.pricing-table ul li.na{
	text-decoration:line-through;
}
.pricing-table .costing {
  	margin-bottom: 10px; 
  	padding-top: 5px;
  	clear: both;
  	background-color:#333;
  	text-align:center;
  	color:#fff;
}
.pricing-table .costing:before,
.pricing-table .costing:after {
  	display: table;
  	line-height: 0;
  	content: "";
}
.pricing-table .costing:after {
  	clear: both;
}

.pricing-table .costing .price {
  	display: inline-block;
}
.pricing-table footer{
	text-align:center;
	display:block;
	margin:20px 0 10px 0;
}
.pricing-table .btn {
	font-size:15px;
	font-weight:bold;
	text-align:center;
	width:80%;
	padding:15px 0;
	-webkit-border-radius:5px;
	-moz-border-radius:5px;
	border-radius:5px;
	display:inline-block;
	color:#fff;
	cursor:pointer;
}
.pricing-table .btn:hover{
	opacity:.8;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
	filter: alpha(opacity=80);
	-moz-opacity: 0.8;
	-khtml-opacity: 0.8;
}
.pricing-table .costing .price .currency {
  	text-align: right;
  	font-size: 13px;
  	line-height: 1px;
  	font-weight: 300;
  	display: inline-block;
}
.pricing-table .costing .price .currency sup{
	float:left;
	margin-top:-20px;
}
.pricing-table .costing .price .amount {
  	padding-top: 4px;  
  	text-align: right;
  	font-size: 36px;
  	line-height: 30px;
  	font-weight: 300;
  	display: inline-block;
}
.pricing-table .costing .price .frequency { 
  	text-align: right;
  	font-size: 13px;
  	line-height: 30px;
  	font-weight: 300;
  	display: inline-block;
}
.pricing-table.featured .btn {
	background-color:#fff;
	color:#333;
}
.pricing-table.featured .intro {
  	border-bottom-color: #fff;
}
.pricing-table.featured h3,
.pricing-table.featured .intro,
.pricing-table.featured ul li,
.pricing-table.featured ul li i {
  	color: #fff;
}
.pricing-table.featured .costing{
	background-color:#f1f2f2;
	color:#333;
}

/* 3.5 Footer */
.footer {
	width:100%;
	position:relative;
	z-index:20;
}
.footer-top {
	width:100%;
	font-size:15px;
	color:#999;
	text-align:center;
	padding:80px 0;
}
.footer-bottom {
	border-top:solid 1px #666;
	width:100%;
	font-size:12px;
	color:#666;
	padding:30px 0 80px 0;
}
.footer-top h4 {
	font-size:24px;
	color:#fff;
	padding:0 0 24px 0;
}
.footer-top p {
	line-height:24px;
}
.footer-top a {
	color:#999;
}
.footer-top a:hover {
	color:#fff;
}
.footer-bottom p {
	padding-top:8px;
}
/* 3.5.1 Social */
ul.social {
	float:right;
}
ul.social li {
	border:solid 1px #212121;
	width:36px;
	height:30px;
	float:left;
	margin:0 0 0 14px;
	display:inline;
	background-color: #444;
	background-image: -ms-linear-gradient(top, #4d4d4e, #444444);
	background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#4d4d4e), to(#444444));
	background-image: -webkit-linear-gradient(top, #4d4d4e, #444444);
	background-image: -o-linear-gradient(top, #4d4d4e, #444444);
	background-image: -moz-linear-gradient(top, #4d4d4e, #444444);
	background-image: linear-gradient(top, #4d4d4e, #444444);
	background-repeat: repeat-x;
	filter: progid:dximagetransform.microsoft.gradient(startColorstr='#4d4d4e', endColorstr='#444444', GradientType=0);
	filter: progid:dximagetransform.microsoft.gradient(enabled=false);
	box-shadow:0 1px 0 rgba(255,255,255, .1), 0 1px 0 rgba(255,255,255, .3) inset;
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
	border-radius:3px;
	position:relative;
}
ul.social li:hover {
	box-shadow:0 1px 2px rgba(255,255,255, .1), 0 1px 2px rgba(255,255,255, .3) inset;
}
ul.social li a {
	background-position:center center;
	background-repeat:no-repeat;
	background-size:20px 17px;
	display:block;
	line-height:30px;
	width:36px;
	text-indent:-9999px;
	height:30px;
}
ul.social li.fb a {
	background-image:url(../images/ico_facebook.png);
}
ul.social li.fb:hover {
	background-color: #405aa2;
	background-image: -ms-linear-gradient(top, #445fad, #405aa2);
	background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#445fad), to(#405aa2));
	background-image: -webkit-linear-gradient(top, #445fad, #405aa2);
	background-image: -o-linear-gradient(top, #445fad, #405aa2);
	background-image: -moz-linear-gradient(top, #445fad, #405aa2);
	background-image: linear-gradient(top, #445fad, #405aa2);
	background-repeat: repeat-x;
	filter: progid:dximagetransform.microsoft.gradient(startColorstr='#445fad', endColorstr='#405aa2', GradientType=0);
	filter: progid:dximagetransform.microsoft.gradient(enabled=false);
}
ul.social li.tw a {
	background-image:url(../images/ico_twitter.png);
}
ul.social li.tw:hover {
	background-color: #0487b2;
	background-image: -ms-linear-gradient(top, #0590be, #0487b2);
	background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#0590be), to(#0487b2));
	background-image: -webkit-linear-gradient(top, #0590be, #0487b2);
	background-image: -o-linear-gradient(top, #0590be, #0487b2);
	background-image: -moz-linear-gradient(top, #0590be, #0487b2);
	background-image: linear-gradient(top, #0590be, #0487b2);
	background-repeat: repeat-x;
	filter: progid:dximagetransform.microsoft.gradient(startColorstr='#0590be', endColorstr='#0487b2', GradientType=0);
	filter: progid:dximagetransform.microsoft.gradient(enabled=false);
}
ul.social li.gp a {
	background-image:url(../images/ico_google_plus.png);
}
ul.social li.gp:hover {
	background-color: #c5c5c5;
	background-image: -ms-linear-gradient(top, #d2d2d2, #c5c5c5);
	background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#d2d2d2), to(#c5c5c5));
	background-image: -webkit-linear-gradient(top, #d2d2d2, #c5c5c5);
	background-image: -o-linear-gradient(top, #d2d2d2, #c5c5c5);
	background-image: -moz-linear-gradient(top, #d2d2d2, #c5c5c5);
	background-image: linear-gradient(top, #d2d2d2, #c5c5c5);
	background-repeat: repeat-x;
	filter: progid:dximagetransform.microsoft.gradient(startColorstr='#d2d2d2', endColorstr='#c5c5c5', GradientType=0);
	filter: progid:dximagetransform.microsoft.gradient(enabled=false);
}

#scrollTop a {
	background:#000;
	width:40px;
	height:40px;
	line-height:40px;
	text-align:center;
	position:fixed;
	right:20px;
	bottom:20px;
	z-index:100;
	-moz-border-radius:40px;
	-webkit-border-radius:40px;
	border-radius:40px;
}
#scrollTop a:hover {
	background:rgba(0, 0, 0, 0.90);
}

/*-------------------------------------------------------------------------------------------*/
/* 4. RESPONSIVE
/*-------------------------------------------------------------------------------------------*/
/* Smaller screens */

@media only screen and (max-width: 1023px) {
}
/* Mobile */

@media handheld, only screen and (max-width: 767px) {
body {
	-webkit-text-size-adjust: none;
}
.row, body, .container {
	width: 100%;
	min-width: 0;
	margin-left: 0px;
	margin-right: 0px;
	padding-left: 0px;
	padding-right: 0px;
}
.row .onecol, .row .twocol, .row .threecol, .row .fourcol, .row .fivecol, .row .sixcol, .row .sevencol, .row .eightcol, .row .ninecol, .row .tencol, .row .elevencol, .row .twelvecol {
	width: auto;
	float: none;
	margin-left: 0px;
	margin-right: 0px;
	padding-left: 20px;
	padding-right: 20px;
}
}
@media only screen and (min-width: 959px) and (max-width: 1600px) {
.navigation {
	display:block !important;
}
}
/* For iPad Portrait Mode */
@media only screen and (min-width: 768px) and (max-width: 959px) {
.mobi-nav {
	display:block;
}
.navigation {
	width:100%;
	float:left;
	display:none;
}
.navigation ul {
	float:none;
	padding:12px 0 16px 0;
}
.navigation li{
	float:none;
	display:block;
	text-align:right;
	line-height:40px;
	padding:0;
}
.tabnav li span {
	padding:7px 50px 0 50px;
}
.showcase {
	height:480px;
}
#sequence-theme #sequence {
	max-width:750px;
	min-height:480px;
}
#sequence-theme .info {
	width:200px;
	top:80px;
	right:10%;
}
#sequence-theme .animate-in .ipad {
	top:112px;
}
#sequence-theme .hand, #sequence-theme .animate-in .hand, #sequence-theme .animate-out .hand, #sequence-theme .ipad, #sequence-theme .animate-in .ipad, #sequence-theme .animate-out .ipad {
	left: 7%;
}
#sequence-theme .iphone-black, #sequence-theme .iphone-white {
	max-width: 18%;
	top: 83px;
}
.Gallery .first {
	display:none;
}
.Gallery .threecol {
	width:250px;
	margin:0 0 0 12%;
}
}
/* For iPhone Portrait Mode */
@media only screen and (max-width: 767px) {
.mobi-nav {
	display:block;
}
.navigation {
	width:100%;
	float:left;
	display:none;
}
.navigation ul {
	float:none;
	padding:12px 0 16px 0;
}
.navigation li{
	float:none;
	display:block;
	text-align:right;
	line-height:40px;
	padding:0;
}
.showcase {
	height:350px;
}
.showcase .info{
	display:none;
}
.showcase p {
	display:block;
}
#sequence-theme #sequence {
	max-width:90%;
	margin:0 10%;
	min-height:350px;
}
#sequence-theme .hand, #sequence-theme .animate-in .hand, #sequence-theme .animate-out .hand, #sequence-theme .ipad, #sequence-theme .animate-in .ipad, #sequence-theme .animate-out .ipad {
	left: 7%;
}
#sequence-theme .hand {
	top: 600px;
	width:100%;
	max-width:100%;
}
#sequence-theme .animate-in .hand {
	top: 55px;
	left:-4%;
}
#sequence-theme .animate-out .hand {
	top: 610px;
}
#sequence-theme .ipad {
	left: 4%;
	max-width: 90%;
}
#sequence-theme .animate-in .ipad {
	left: 4%;
	top:70px;
}
#sequence-theme .animate-out .ipad {
	left: 4%;
	top:-350px;
}
#sequence-theme .iphone-black, #sequence-theme .iphone-white {
	max-width: 50%;
	top: 40px;
}
#sequence-theme .animate-in .iphone-black{
	left:0;
}
#sequence-theme .animate-in .iphone-white {
	left: 28%;
}
.tabnav li span {
	padding:7px 36px 0 36px;
	text-indent:-9999px;
	background-position:center center;
}
.tabnav li.first span {
	background-image:url(../images/ico_features.png);
}
.tabnav li.second span {
	background-image:url(../images/ico_screenshots.png);
}
.tabnav li.third span {
	background-image:url(../images/ico_team.png);
}
.Screenshots li {
	width:100%;
}
.Features {
	text-align:left;
	padding-bottom:20px;
}
.Features .ico {
	float:left;
	height:100px;
	margin:0 20px 0 0;
}
.Features h3 {
	padding:10px 0 10px 92px;
}
.Features p {
	padding-left:92px;
	padding-bottom:20px;
}
.team {
	padding-bottom:28px;
}
.team.last {
	padding-bottom:0;
}
.team .imgb {
	text-align:left;
	float:left;
	padding-bottom:10px;
	padding-right:38px;
	width:110px;
	height:110px;
}
.team h3, .team p {
	text-align:left;
	padding-left:148px;
}
.Common {
	padding-bottom:0;
}
.Gallery {
	display:none;
}
.footer-bottom p {
	text-align:center;
	padding-bottom:25px;
}
ul.social {
	float:none;
	clear:both;
	text-align:center;
}
ul.social li {
	float:none;
	clear:both;
	margin:0 5px;
	display:inline-block;
}
#cboxLoadedContent {
	width:280px;
	height:180px;
}
#cboxCurrent {
	display:none !important;
}
#cboxTitle {
	font-size:11px;
}
}
/* For iPhone Landscape Mode */
@media only screen and (min-width: 480px) and (max-width: 767px) {
.mobi-nav {
	display:block;
}
.navigation {
	width:100%;
	float:left;

	display:none;
}
.navigation ul {
	float:none;
	padding:12px 0 16px 0;
}
.navigation li{
	float:none;
	display:block;
	text-align:right;
	line-height:40px;
	padding:0;
}
.showcase {
	height:500px;
}
.showcase .info{
	display:none;
}
.showcase p {
	display:block;
}
#sequence-theme #sequence {
	max-width:80%;
	margin:0 10%;
	min-height:500px;
}
#sequence-theme .hand, #sequence-theme .animate-in .hand, #sequence-theme .animate-out .hand, #sequence-theme .ipad, #sequence-theme .animate-in .ipad, #sequence-theme .animate-out .ipad {
	left: 7%;
}
#sequence-theme .hand {
	top: 600px;
	width:100%;
	max-width:100%;
}
#sequence-theme .animate-in .hand {
	top: 055px;
	left:-4%;
}
#sequence-theme .animate-out .hand {
	top: 610px;
}
#sequence-theme .ipad {
	left: 4%;
	max-width: 90%;
}
#sequence-theme .animate-in .ipad {
	left: 4%;
	top:100px;
}
#sequence-theme .animate-out .ipad {
	left: 4%;
	top:-600px;
}
#sequence-theme .iphone-black, #sequence-theme .iphone-white {
	max-width: 50%;
	top: 40px;
}
#sequence-theme .animate-in .iphone-black{
	left:0;
}
#sequence-theme .animate-in .iphone-white {
	left: 28%;
}
.tabnav li span {
	padding:7px 60px 0 60px;
	text-indent:-9999px;
}
.tabnav li.first span {
	background-image:url(../images/ico_features.png);
}
.tabnav li.second span {
	background-image:url(../images/ico_screenshots.png);
}
.tabnav li.third span {
	background-image:url(../images/ico_team.png);
}
.Features {
	text-align:left;
	padding-bottom:20px;
}
.Features .ico {
	float:left;
	height:100px;
	margin:0 20px 0 0;
}
.Features h3 {
	padding:10px 0 10px 92px;
}
.Features p {
	padding-left:92px;
	padding-bottom:20px;
}
.Screenshots li {
	width:50%;
}
.team {
	padding-bottom:28px;
}
.team.last {
	padding-bottom:0;
}
.team .imgb {
	text-align:left;
	float:left;
	padding-bottom:10px;
	padding-right:38px;
}
.team h3, .team p {
	text-align:left;
}
#cboxLoadedContent {
	width:300px;
	height:200px;
}
#cboxCurrent {
	display:none !important;
}
#cboxTitle {
	font-size:11px;
}
}
/*-------------------------------------------------------------------------------------------*/
/* 5. FONTS DECLARATION */
/*-------------------------------------------------------------------------------------------*/
.logo h1, #sequence-theme h2, .Features h3, .team h3, .testimonial h4, .footer-top h4, #scrollTop a, .mobi-nav {
	font-family:"Myriad Pro";
	font-weight:400;
}