/*
* Belgrade (HTML)
* Copyright 2014, Limitless LLC
* www.limitless.company
*/


.onoffswitch {
    position: relative; width: 90px;
    -webkit-user-select:none; -moz-user-select:none; -ms-user-select: none;
}
.onoffswitch-checkbox {
    display: none;
}
.onoffswitch-label {
    display: block; overflow: hidden; cursor: pointer;
    border: 2px solid #999999; border-radius: 20px;
}
.onoffswitch-inner {
    display: block; width: 200%; margin-left: -100%;
    -moz-transition: margin 0.3s ease-in 0s; -webkit-transition: margin 0.3s ease-in 0s;
    -o-transition: margin 0.3s ease-in 0s; transition: margin 0.3s ease-in 0s;
}
.onoffswitch-inner:before, .onoffswitch-inner:after {
    display: block; float: left; width: 50%; height: 30px; padding: 0; line-height: 30px;
    font-size: 14px; color: white; font-family: Trebuchet, Arial, sans-serif; font-weight: bold;
    -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box;
}
.onoffswitch-inner:before {
    content: "ON";
    padding-left: 10px;
    background-color: #5EB0E4; color: #FFFFFF;
}
.onoffswitch-inner:after {
    content: "OFF";
    padding-right: 10px;
    background-color: #EEEEEE; color: #999999;
    text-align: right;
}
.onoffswitch-switch {
    display: block; width: 18px; margin: 6px;
    background: #FFFFFF;
    border: 2px solid #999999; border-radius: 20px;
    position: absolute; top: 0; bottom: 0; right: 56px;
    -moz-transition: all 0.3s ease-in 0s; -webkit-transition: all 0.3s ease-in 0s;
    -o-transition: all 0.3s ease-in 0s; transition: all 0.3s ease-in 0s; 
}
.onoffswitch-checkbox:checked + .onoffswitch-label .onoffswitch-inner {
    margin-left: 0;
}
.onoffswitch-checkbox:checked + .onoffswitch-label .onoffswitch-switch {
    right: 0px; 
}

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

.slider-wrapper {
		position: relative;
		z-index: 5;
		display: table-cell;
		text-align : center;
		vertical-align: middle;
		width: 100%;
		height: 100%;
	}

	.slider-wrapper .slider-content {
		display: block;
		margin: 0 auto;
	}
	
	.slider-wrapper .slider-content h1 {
		font-size: 35px;
		font-weight: 500;
		text-decoration: none;
		color:#fff;
		letter-spacing: -2px;
		margin:0;
		padding:0;
	}
	
	.slider-wrapper .slider-content h2 {
		font-size: 35px;
		font-weight: 100 !important;
		text-decoration: none;
		color:#fff;
		letter-spacing: -2px;
		margin: 0 0 10px 0;
		padding:0;
	}
	
	.slider-wrapper .slider-content p {
		margin: 0 auto;
		font-size: 16px;
		font-weight: 400;
		margin: 10px auto 20px;
		color:#fff;
	}
	

/* Table of Content
==================================================
	#Header
	#Home
	#About
	#Team
	#Gallery
	#Facts
	#Works
		#Project
	#Services
	#Blog
		#Article
	#Contact
	#Footer */

	header.header, section.home .icon, section.home .title, section.home .text, section.home .buttons, 
	section.about .story, section.about .details, 
	section.reviews .slider, 
	section.features .feature .image, section.features .feature .info, 
	section.previews .title, section.previews .text, section.previews .slider,
	section.previews2 .title, section.previews2 .text, section.previews2 .slider,
	section.clients .container, 
	section.plans .title, section.plans .text, section.plans .plan,
	section.download .title, section.download .text, section.download .devices,
	section.subscribe .title, section.subscribe .form,
	section.blog header .title, section.blog .post, 
	section.article .info, section.article .content, section.article .links, 
	section.faq header .title, section.faq .item,
	section.contact header .title, section.contact .content, section.contact .map {
		opacity: 0;
	}

/* #Header
================================================== */
	
	header.header {
		background-color: transparent;
		position: fixed;
		text-align: center;
		top: 0px;
		width: 100%;
		z-index: 100;
	}

	header.header .content {
		background-color: rgba(255,255,255,255);
		border-radius: 5px;
		height: 57px;
		margin-top: 25px;
		padding: 12px 25px;
		-webkit-box-shadow: 0px 1px 0px 0px rgba(0,0,0,0.1);
		-moz-box-shadow: 0px 1px 0px 0px rgba(0,0,0,0.1);
		box-shadow: 0px 1px 0px 0px rgba(0,0,0,0.1);
	}

	header.header .logo {
		background-color: transparent;
		cursor: pointer;
		float: left;
		height: 14px;
		margin-top: -10px;
		opacity: 1;
		-webkit-transition: all .3s ease 0;
		-moz-transition: all .3s ease 0;
		-ms-transition: all .3s ease 0;
		-o-transition: all .3s ease 0;
		transition: all .3s ease 0;
	}

	header.header .logo:hover {
		opacity: 0.9;
	}

	header.header .navigation {
		display: block;
	}

	header.header .navigation.main {
		float: left;
		margin-left: 14px;
		text-align: left;
	}

	header.header .navigation.sub {
		float: right;
		text-align: left;
	}

	header.header .navigation li {
		color: #000000;
		cursor: pointer;
		display: inline-block;
		font-family: "Helvetica";
		font-size: 12px;
		font-weight: 400;
		letter-spacing: 0.1em;
		margin-bottom: 0px;
		opacity: 0.5;
		margin: 0px 14px;
		text-transform: uppercase;
		-webkit-transition: all .3s ease 0;
		-moz-transition: all .3s ease 0;
		-ms-transition: all .3s ease 0;
		-o-transition: all .3s ease 0;
		transition: all .3s ease 0;
	}

	header.header .navigation.main li:first-child:before, header.header .navigation.sub li:last-child:before {
		background-color: #61b2e5;
		content: " ";
		display: inline-block;
		height: 20px;
		margin-right: 25px;
		vertical-align: bottom;
		width: 1px;
	}

	header.header .navigation.sub li:last-child {
		margin-left: 6px;
		margin-right: 0px;
	}

	header.header .navigation li:hover, .header .navigation li.active {
	}

	header.header .menu {
		background-color: transparent;
		background-image: url(../img/misc/navigation-menu.png);
		background-position: center center;
		background-repeat: no-repeat;
		background-size: 22px 14px;
		border: none;
		cursor: pointer;
		display: none;
		float: right;
		height: 14px;
		margin-top: 18px;
		opacity: 0.5;
		text-indent: 9999px;
		width: 22px;
		-webkit-transition: all .3s ease 0;
		-moz-transition: all .3s ease 0;
		-ms-transition: all .3s ease 0;
		-o-transition: all .3s ease 0;
		transition: all .3s ease 0;
		-moz-user-select: none;
		-webkit-user-select: none;
		-ms-user-select: none;
	}

	header.header .menu:hover {
		opacity: 10;
	}

	header.header.active .menu {
		background-image: url(../img/misc/navigation-menu-close.png);
		background-size: 14px 14px;
	}


/* #Home
================================================== */

	section.home {
		position: relative;
	}

	section.home .inner {
		bottom: 0px;
		left: 0px;
		position: absolute;
		right: 0px;
		top: 0px;
	}

	section.home .overlay {
		background: -moz-linear-gradient(top, rgba(0,0,0,0.5) 0%, rgba(0,0,0,0.75) 100%);
		background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(0,0,0,0.5)), color-stop(100%,rgba(0,0,0,0.75)));
		background: -webkit-linear-gradient(top, rgba(0,0,0,0.5) 0%,rgba(0,0,0,0.75) 100%);
		background: -o-linear-gradient(top, rgba(0,0,0,0.5) 0%,rgba(0,0,0,0.75) 100%);
		background: -ms-linear-gradient(top, rgba(0,0,0,0.5) 0%,rgba(0,0,0,0.75) 100%);
		background: linear-gradient(to bottom, rgba(93,176,228,0.32) 0%,rgba(93,176,228,0.32) 100%);
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#80000000', endColorstr='#bf000000',GradientType=0 );
	}
	
	section.home .image {
		background-attachment: fixed;
		background-color: #000000;
		background-image: url(../img/backgrounds/home.jpg);
		background-position: center bottom;
		background-repeat: no-repeat;
		background-size: cover;
		opacity: 1;
	}	

	section.home .video {
		overflow: hidden;
	}

	section.home .image, section.home .slider, section.home .slides, section.home .slide, section.home .video {
		bottom: 0px;
		left: 0px;
		position: absolute !important;
		right: 0px;
		top: 0px;
	}

	section.home .slides, section.home .slide {
		margin-bottom: 0px;
	}

	section.home .slide {
		background-attachment: scroll;
		background-color: #000000;
		background-position: center bottom;
		background-repeat: no-repeat;
		background-size: cover;
	}

	section.home video {
		background-color: #111111;
	}

	section.home .content {
		margin-top: 165px;
	}

	section.home .content .icon {
		height: 70px;
		margin: 0px auto 30px;
		width: 70px;
	}

	section.home .content .icon img {
		height: 70px;
		width: 70px;
	}

	section.home .content .title {
		color: #ffffff;
		font-family: "Helvetica";
		font-size: 24px;
		font-weight: 400;
		letter-spacing: 0.1em;
		margin-bottom: 10px;
		text-transform: uppercase;
	}

	section.home .content .text {
		color: #fff;
		font-size: 15px;
		margin-bottom: 0px !important;
	}

	section.home .buttons {
		bottom: 0px;
		left: 0px;
		position: absolute;
		right: 0px;
		z-index: 1000;
	}

	section.home .watch:hover {
		opacity: 0.8;
	}

	section.home .watch {
		background-color: transparent;
		background-image: url(../img/misc/home-watch.png);
		background-position: left center;
		background-repeat: no-repeat;
		background-size: 33px 33px;
		bottom: 50px;
		color: #ffffff;
		cursor: pointer;
		font-family: "Helvetica";
		font-size: 12px;
		height: 33px;
		left: 10px;
		opacity: 0.5;
		padding-left: 43px;
		padding-top: 4px;
		position: absolute;
		text-align: left;
		text-transform: uppercase;
	}

	section.home .flex-direction-nav .flex-prev {
		background-image: url(../img/misc/navigate-left-light.png) !important;
		left: 45px !important;
		opacity: 0.4 !important;
	}

	section.home .flex-direction-nav .flex-next {
		background-image: url(../img/misc/navigate-right-light.png) !important;
		opacity: 0.4 !important;
		right: 45px !important;
	}

	section.home .flex-direction-nav .flex-prev:hover, .flex-direction-nav .flex-next:hover {
		opacity: 1 !important;
	}


/* #Phone
================================================== */

	section.device {
		left: 0px;
		height: 0px;
		position: absolute;
		right: 0px;
		top: 400px;
		z-index: 10;
	}

	section.device .device {
		background-color: transparent;
		background-position: center center;
		background-repeat: no-repeat;
		margin: 0px auto;
		text-align: left;
	}

	section.device .device.iphone {
		background-image: url(../img/devices/iphone.png);
		background-size: 317px 626px;
		height: 626px;
		padding-left: 30px;
		padding-top: 78px;
		width: 317px;
	}

	section.device .device.iphone img {
		height: 462px;
		width: 259px;
	}

	section.device .device.windowsphone {
		background-image: url(../img/devices/windowsphone.png);
		background-size: 351px 627px;
		height: 627px;
		padding-left: 38px;
		padding-top: 57px;
		width: 351px;
	}

	section.device .device.windowsphone img {
		height: 455px;
		width: 272px;
	}

	section.device .device.android {
		background-image: url(../img/devices/android.png);
		background-size: 328px 626px;
		height: 626px;
		padding-left: 27px;
		padding-top: 64px;
		width: 328px;
	}

	section.device .device.android img {
		height: 490px;
		width: 275px;
	}

	section.device .device.ipad {
		background-image: url(../img/devices/ipad.png);
		background-size: 540px 800px;
		height: 800px;
		padding-left: 32px;
		padding-top: 84px;
		width: 540px;
	}

	section.device .device.ipad img {
		height: 630px;
		width: 473px;
	}


/* #About
================================================== */

	section.about {

	}

	section.about .offset {
		padding-top: 120px;
	}

	section.about .story {
		background-image: url(../img/misc/about-story.png);
		background-position: center bottom;
		background-repeat: no-repeat;
		background-size: 50px;
		padding-bottom: 60px;
	}

	section.about .story .title {

	}

	section.about .story .text {
		color: #9b9b9b;
		padding: 0px 100px;
	}

	section.about .details {
		margin-bottom: 0px;
		margin-top: -70px;
	}

	section.about .details:before, section.about .details:after {
		background-color: transparent;
		border-left: 1px dashed #cccccc;
		content: " ";
		display: block;
		height: 105px;
		margin: 15px auto;
		visibility: visible;
		width: 2px;
	}

	section.about .details:after {
		margin-bottom: 0px;
	}

	section.about .details .item {

	}

	section.about .details .item .icon {
		background-color: #5cafe4;
		border-radius: 80px;
		height: 80px;
		margin: 0px auto 20px;
		padding: 23px;
		width: 80px;
	}

	section.about .details .item .icon img {
		max-height: 32px;
		max-width: 32px;
	}

	section.about .details .item .title {
		font-size: 15px;
		margin-bottom: 0px;
	}

	section.about .details .item .text {
		color: #9b9b9b;
	}
	
/* #Reviews
================================================== */

	section.reviews {

	}

	section.reviews .offset {
		padding-bottom: 0px;
		padding-top: 0px;
	}

	section.reviews .review {
		margin-bottom: 0px;
		
	}

	section.reviews .review .story {
		border: 1px solid #cccccc;
		border-left: none;
		border-right: none;
		padding: 60px 0px 70px;
	}

	section.reviews .review .info {
		margin-top: -40px;
	}

	section.reviews .review .info h3 {
		font-size: 12px;
		margin-bottom: 0px;
		opacity: 0.5;
	}

	section.reviews .review .info img {
		border: 10px solid #f3f3f3;
		border-radius: 80px;
		height: 80px;
		width: 80px;
	}

	section.reviews .flex-direction-nav a {
		margin-top: -65px;
	}

section.previews header .title {
		margin-bottom: 5px;
		margin-top: 30px;
	}

section.previews2 header .title {
		margin-bottom: 5px;
		margin-top: 30px;
	}


/* #Features
================================================== */

	section.features {
		position: relative;
	}

	section.features .offset {
		padding-top: 106px;
	}

	section.features .feature {
		background-color: #111111;
		background-image: url(../img/backgrounds/features.jpg);
		background-position: center top;
		background-repeat: no-repeat;
		background-size: cover;
		margin-bottom: 0px;
		padding-bottom: 0px;
		position: relative;
	}

	section.features .feature .overlay {
		background: -moz-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,1) 100%);
		background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(0,0,0,0)), color-stop(100%,rgba(0,0,0,1)));
		background: -webkit-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(0,0,0,1) 100%);
		background: -o-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(0,0,0,1) 100%);
		background: -ms-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(0,0,0,1) 100%);
		background: linear-gradient(to bottom, rgba(92,176,228,100) 0%,rgba(92,176,228,1) 100%);
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#000000',GradientType=0 );
		position: relative !important;
		padding-bottom: 50px;
	}

	section.features .feature .image {
		margin-top: -50px;
		text-align: left;
	}

	section.features .feature .image img {
		height: 435px;
		width: 420px;
	}

	section.features .feature .info {
		float: right;
		margin-top: 90px;
		text-align: left;
		width: 420px;
	}

	section.features .feature .icon {
		height: 32px;
		margin-bottom: 25px;
	}

	section.features .feature .icon img {
		height: 32px;
		opacity: 0.5;
		width: 32px;
	}

	section.features .feature .details {

	}

	section.features .feature .details .title {
		color: #ffffff;
		font-size: 20px;
		margin-bottom: 20px;
	}

	section.features .feature .details .text {
		color: #ffffff;
		opacity: 0.5;
	}

	section.features .flex-control-nav {
		display: inline-block;
		top: 0px;
		width: 7px;
		z-index: 50;
	}

	section.features .flex-control-nav:before {
		background-color: transparent;
		border-right: 1px dashed #cccccc;
		content: " ";
		display: block;
		height: 105px;
		margin: 2px auto 15px;
		visibility: visible;
		width: 2px;
	}

	section.features .flex-control-nav li {
		margin: 13px 0px;
		display: block;
	}

	section.features .flex-control-paging li a {
		background: #888888;
		border: none;
		opacity: 0.5;
	}

	section.features .flex-control-paging li a.flex-active {
		border: none;
		opacity: 1;
	}
	
	
	section.features header .title {
		margin-bottom: 5px;
		margin-top: 60px;
	}



/* #Previews
================================================== */

	section.previews {

	}

	section.previews .offset {
		
		padding-top: 63px;
	}

	section.previews header {
		margin-bottom: 47px;
	}

	section.previews header .title {
		margin-bottom: 5px;
		margin-top: 50px;
	}

	section.previews header .text {
		color: #9b9b9b;
	}

	section.previews .inner {
		background: -moz-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,0.08) 100%);
		background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(0,0,0,0)), color-stop(100%,rgba(0,0,0,0.08)));
		background: -webkit-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(0,0,0,0.08) 100%);
		background: -o-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(0,0,0,0.08) 100%);
		background: -ms-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(0,0,0,0.08) 100%);
		background: linear-gradient(to bottom, rgba(0,0,0,0) 0%,rgba(0,0,0,0.08) 100%);
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#14000000',GradientType=0 );
		padding-top: 0px;
	}

	section.previews .slider {
		
	}

	section.previews .slider.phone .slides {
		display: flex;
		height: 374px;
	}

	section.previews .slider.tablet {
		margin-bottom: 75px;
	}

	section.previews .slider.phone li {
		margin: 0px 35px;
	}

	section.previews .slider li:first-child {
		margin-left: 0px;
	}

	section.previews .slider li:last-child {
		margin-right: 0px;
	}

	section.previews .device {
		background-color: transparent;
		background-position: center center;
		background-repeat: no-repeat;
		margin: 0px;
		text-align: left;
	}

	section.previews .device.iphone {
		background-image: url(../img/devices/iphone.png);
		background-size: 266px 525px;
		height: 525px;
		padding-left: 25px;
		padding-top: 65px;
		width: 266px;
	}

	section.previews .device.iphone img {
		height: 388px;
		width: 217px;
	}

	section.previews .device.windowsphone {
		background-image: url(../img/devices/windowsphone.png);
		background-size: 266px 475px;
		height: 475px;
		padding-left: 28px;
		padding-top: 43px;
		width: 266px;
	}

	section.previews .device.windowsphone img {
		height: 346px;
		width: 207px;
	}

	section.previews .device.android {
		background-image: url(../img/devices/android.png);
		background-size: 266px 507px;
		height: 507px;
		padding-left: 22px;
		padding-top: 52px;
		width: 266px;
	}

	section.previews .device.android img {
		height: 397px;
		width: 223px;
	}

	section.previews .device.ipad {
		background-image: url(../img/devices/ipad-landscape.png);
		background-size: 800px 540px;
		height: 540px;
		margin-left: auto;
		margin-right: auto;
		padding-left: 84px;
		padding-right: 86px;
		padding-top: 35px;
		width: 800px;
	}

	section.previews .device.ipad img {
		height: 473px;
		width: 630px;
	}
	
	/* #Previews2
================================================== */

	section.previews2 {

	}

	section.previews2 .offset {
		
		padding-top: 63px;
	}

	section.previews2 header {
		margin-bottom: 47px;
	}

	section.previews2 header .title {
		margin-bottom: 5px;
		margin-top: 50px;
	}

	section.previews2 header .text {
		color: #9b9b9b;
	}

	section.previews2 .inner {
		background: -moz-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,0.08) 100%);
		background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(0,0,0,0)), color-stop(100%,rgba(0,0,0,0.08)));
		background: -webkit-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(0,0,0,0.08) 100%);
		background: -o-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(0,0,0,0.08) 100%);
		background: -ms-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(0,0,0,0.08) 100%);
		background: linear-gradient(to bottom, rgba(0,0,0,0) 0%,rgba(0,0,0,0.08) 100%);
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#14000000',GradientType=0 );
		padding-top: 0px;
	}

	section.previews2 .slider {
		
	}

	section.previews2 .slider.phone .slides {
		display: flex;
		height: 374px;
	}

	section.previews2 .slider.tablet {
		margin-bottom: 75px;
	}

	section.previews2 .slider.phone li {
		margin: 0px 35px;
	}

	section.previews2 .slider li:first-child {
		margin-left: 0px;
	}

	section.previews2 .slider li:last-child {
		margin-right: 0px;
	}

	section.previews2 .device {
		background-color: transparent;
		background-position: center center;
		background-repeat: no-repeat;
		margin: 0px;
		text-align: left;
	}

	section.previews2 .device.iphone {
		background-image: url(../img/devices/iphone.png);
		background-size: 266px 525px;
		height: 525px;
		padding-left: 25px;
		padding-top: 65px;
		width: 266px;
	}

	section.previews2 .device.iphone img {
		height: 388px;
		width: 217px;
	}

	section.previews2 .device.windowsphone {
		background-image: url(../img/devices/windowsphone.png);
		background-size: 266px 475px;
		height: 475px;
		padding-left: 28px;
		padding-top: 43px;
		width: 266px;
	}

	section.previews2 .device.windowsphone img {
		height: 346px;
		width: 207px;
	}

	section.previews2 .device.android {
		background-image: url(../img/devices/android.png);
		background-size: 266px 507px;
		height: 507px;
		padding-left: 22px;
		padding-top: 52px;
		width: 266px;
	}

	section.previews2 .device.android img {
		height: 397px;
		width: 223px;
	}

	section.previews2 .device.ipad {
		background-image: url(../img/devices/ipad-landscape.png);
		background-size: 800px 540px;
		height: 540px;
		margin-left: auto;
		margin-right: auto;
		padding-left: 84px;
		padding-right: 86px;
		padding-top: 35px;
		width: 800px;
	}

	section.previews2 .device.ipad img {
		height: 473px;
		width: 630px;
	}


/* #Clients
================================================== */

	section.clients {

	}

	section.clients .offset {
		padding-top: 50px;
	}

	section.clients .container:last-child {
		border-bottom: 1px solid #cccccc;
		padding-bottom: 50px;
	}

	section.clients .client {
		cursor: pointer;
		opacity: 0.5;
		position: relative;
		-webkit-transition: all .3s ease 0;
		-moz-transition: all .3s ease 0;
		-ms-transition: all .3s ease 0;
		-o-transition: all .3s ease 0;
		transition: all .3s ease 0;
	}

	section.clients .client:hover {
		opacity: 1;
	}

	section.clients .client img {
		max-height: 100%;
		max-width: 100%;
	}


/* #Plans
================================================== */

	section.plans {
		background-attachment: fixed;
		background-image: url(../img/backgrounds/plans.jpg);
		background-position: center bottom;
		background-repeat: no-repeat;
		background-size: cover;
	}

	section.plans header {
		margin-bottom: 53px;
	}	

	section.plans header:before {
		background-color: transparent;
		border-right: 1px dashed #cccccc;
		content: " ";
		display: block;
		height: 105px;
		margin: 0px auto 12px;
		visibility: visible;
		width: 2px;
	}

	section.plans .offset {
		background: -moz-linear-gradient(top, rgba(243,243,243,1) 0%, rgba(243,243,243,0.75) 70%, rgba(243,243,243,0) 100%);
		background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(243,243,243,1)), color-stop(70%,rgba(243,243,243,0.75)), color-stop(100%,rgba(243,243,243,0)));
		background: -webkit-linear-gradient(top, rgba(243,243,243,1) 0%,rgba(243,243,243,0.75) 70%,rgba(243,243,243,0) 100%);
		background: -o-linear-gradient(top, rgba(243,243,243,1) 0%,rgba(243,243,243,0.75) 70%,rgba(243,243,243,0) 100%);
		background: -ms-linear-gradient(top, rgba(243,243,243,1) 0%,rgba(243,243,243,0.75) 70%,rgba(243,243,243,0) 100%);
		background: linear-gradient(to bottom, rgba(243,243,243,1) 0%,rgba(243,243,243,0.75) 70%,rgba(243,243,243,0) 100%);
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f3f3f3', endColorstr='#00f3f3f3',GradientType=0 );
		padding-bottom: 75px;
		padding-top: 0px;
	}

	section.plans .plan {
		background-color: #f9f9f9;
		margin-left: 25px;
		margin-right: 25px;
		padding: 30px 20px;
		width: 280px !important;
	}

	section.plans .plan:first-child {
		margin-left: 10px;
	}

	section.plans .plan:last-child {
		margin-right: 10px;
	}

	section.plans .plan .info .title {
		font-size: 15px;
		margin-bottom: -5px;
	}

	section.plans .plan .info .text {
		color: #9b9b9b;
	}

	section.plans .plan .details {
		border-top: 1px solid #dddddd;
		padding-top: 65px;
	}

	section.plans .plan li {
		color: #aaaaaa;
		margin-bottom: 28px;
	}

	section.plans .plan li span {
		color: #666666;
	}


/* #Gallery
================================================== */

	section.gallery {
		background-attachment: fixed;
		background-image: url(../img/backgrounds/gallery.jpg);
		background-position: center center;
		background-repeat: no-repeat;
		background-size: cover;
		min-height: 450px;
	}


/* #Download
================================================== */
	
	section.download {

	}	

	section.download .offset {
		padding-top: 63px;
	}

	section.download header .title {
		margin-bottom: 5px;
	}

	section.download header .text {		
		color: #9b9b9b;
	}

	section.download .devices {
		margin-bottom: 70px;
		margin-top: 25px;
	}

	section.download .device {
		background-position: center top;
		background-repeat: no-repeat;
		background-size: 63px 55px;
		color: #000000;
		cursor: pointer;
		display: inline-block;
		font-family: "Helvetica";
		font-size: 12px;
		font-weight: 400;
		height: 85px;
		margin: 0px 10px;
		opacity: 0.3;
		padding-top: 75px;
		text-transform: uppercase;
		width: 120px;
		-webkit-transition: all .3s ease 0;
		-moz-transition: all .3s ease 0;
		-ms-transition: all .3s ease 0;
		-o-transition: all .3s ease 0;
		transition: all .3s ease 0;
	}

	section.download .device:hover {
		opacity: 0.75;
	}

	section.download .device.iphone {
		background-image: url(../img/misc/download-iphone.png);
	}

	section.download .device.ipad {
		background-image: url(../img/misc/download-ipad.png);
	}

	section.download .device.windows {
		background-image: url(../img/misc/download-windows.png);
	}

	section.download .device.windowsphone {
		background-image: url(../img/misc/download-windowsphone.png);
	}

	section.download .device.android {
		background-image: url(../img/misc/download-android.png);
	}

	section.download .device.androidtablet {
		background-image: url(../img/misc/download-androidtablet.png);
	}


/* #Subscribe
================================================== */

	section.subscribe {

	}

	section.subscribe .offset {
		padding-top: 63px;
	}

	section.subscribe .offset {

	}

	section.subscribe .form {
		margin-bottom: 0px;
		margin-top: 27px;
	}

	section.subscribe .form .email {
		background-image: url(../img/misc/subscribe-submit.png);
		background-position: right 15px center;
		background-repeat: no-repeat;
		background-size: 17px 13px;
		display: inline;
		padding-right: 32px;
		width: 500px;
	}


/* #Faq
================================================== */

	section.faq {

	}
 
	section.faq .offset {
		padding-top: 153px;
	}

	section.faq header {
		margin-bottom: 80px;
	}

	section.faq header .title {
		font-size: 22px;
	}

	section.faq .item {
		border-bottom: 1px solid #dddddd;
		padding: 40px 30px;
		text-align: left;
	}

	section.faq .item:first-child {
		padding-top: 0px;
	}

	section.faq .item:last-child {
		border-bottom: none;
		padding-bottom: 0px;
	}

	section.faq .item .question, section.faq .item .answer {
		font-family: "Helvetica";
		font-size: 12px;
		font-weight: 400;
		letter-spacing: 0.1em;
		line-height: 27.5px;
		padding-left: 35px;
		text-transform: uppercase;
	}

	section.faq .item .question {
		background-image: url(../img/misc/faq-open.png);
		background-position: left 6px;
		background-repeat: no-repeat;
		background-size: 14px 14px;
		color: #000000;
		cursor: pointer;
		-webkit-transition: all .6s ease 0;
		-moz-transition: all .6s ease 0;
		-ms-transition: all .6s ease 0;
		-o-transition: all .6s ease 0;
		transition: all .6s ease 0;
	}

	section.faq .item .question.active {
		background-image: url(../img/misc/faq-close.png);
	}

	section.faq .item .answer {
		color: #999999;
		display: none;
		margin-top: 15px;
	}


/* #Blog
================================================== */

	section.blog {

	}

	section.blog .offset {
		padding-top: 153px;
	}

	section.blog header {
		margin-bottom: 80px;
	}

	section.blog .col-1 .post {
		padding-right: 15px;
	}

	section.blog .col-2 .post {
		padding-left: 15px;
	}

	section.blog .post {
		margin-bottom: 50px;
	}

	section.blog .post:last-child {
		margin-bottom: 0px;
	}

	section.blog .post .thumbnail, section.blog .post .thumbnail img {
		cursor: pointer;
		height: 250px;
		width: 445px;
	}

	section.blog .post .info {
		background-color: #ffffff;
		cursor: pointer;
		padding: 30px 50px;
		text-align: left;
	}

	section.blog .post .info .title {
		color: #000000;
		font-family: "Helvetica";
		font-size: 20px;
		font-weight: 400;
		letter-spacing: 0.1em;
		line-height: 36px;
		text-transform: uppercase;
	}

	section.blog .post .info .date {
		color: #888888;
		letter-spacing: 0.025em;
		margin-bottom: 13px;
	}


/* #Article
================================================== */

	section.article {
		
	}

	section.article .offset {
		padding-bottom: 0px;
		padding-top: 160px !important;
	}

	section.article .info {
		margin-left: 0px !important;
		margin-right: 0px !important;
		width: 960px !important;
	}

	section.article .info .title {
		color: #000000;
		font-family: "Helvetica";
		font-size: 22px;
		font-weight: 400;
		letter-spacing: 0.1em;
		text-transform: uppercase;
	}

	section.article .info .date {
		font-size: 15px;
		margin-bottom: 40px;
		margin-top: 8px;
		text-transform: uppercase;
	}

	section.article .info .thumbnail {
		margin-bottom: 60px;
		margin-top: 75px;
	}

	section.article .info .thumbnail img {
		max-width: 100%;
	}

	section.article .content {
		margin-bottom: 90px;
	}

	section.article .content p {
		color: #999999;
		padding: 0px 100px;
	}

	section.article .content p:last-child {
		margin-bottom: 0px;
	}

	section.article .links {
		border-top: 2px solid #dddddd;
		margin-bottom: 20px;
		padding-top: 15px;
		text-align: left;
		width: 940px;
	}

	section.article .back {
		margin-left: 0px;
	}

	section.article .social {
		float: right;
		margin-right: 0px;
		text-align: right;
	}

	section.article .links .all, section.article .social .facebook, section.article .social .twitter {
		background-position: left center;
		background-repeat: no-repeat;
		color: #000000;
		cursor: pointer;
		display: inline-block;
		font-family: "Helvetica";
		font-size: 13px;
		font-weight: 400;
		letter-spacing: 0.1em;
		opacity: 0.5;
		text-decoration: none;
		text-transform: uppercase;
		-webkit-transition: all .3s ease 0;
		-moz-transition: all .3s ease 0;
		-ms-transition: all .3s ease 0;
		-o-transition: all .3s ease 0;
		transition: all .3s ease 0;
	}

	section.article .links .all:hover, section.article .social .facebook:hover, section.article .social .twitter:hover {
		opacity: 1;
	}

	section.article .links .all {
		background-image: url(../img/misc/article-close.png);
		background-size: 11px 11px;
		margin-left: 0px;
		padding-left: 20px;
	}

	section.article .social .facebook {
		background-image: url(../img/misc/article-facebook.png);
		background-size: 16px 16px;
		margin-right: 50px;
		padding-left: 24px;
	}

	section.article .social .twitter {
		background-image: url(../img/misc/article-twitter.png);
		background-size: 16px 16px;
		padding-left: 24px;
	}


/* #Contact
================================================== */

	section.contact {
		
	}

	section.contact .offset {
		padding-top: 153px;
	}

	section.contact header {
		margin-bottom: 80px;
	}

	section.contact .map {
		height: 560px;
		margin-left: 0px !important;
		width: 445px !important;
	}

	section.contact .content {
		float: right;
		margin-right: 0px;
		position: relative;
		text-align: left;
		width: 445px !important;
	}

	section.contact .info {
		margin-bottom: 50px;
	}

	section.contact .info .title {
		margin-bottom: 23px;
	}

	section.contact .info a {		
		color: #aaaaaa;
		display: block;
		font-family: "Helvetica";
		font-size: 12px;
		font-weight: 400;
		letter-spacing: 0.1em;
		line-height: 22px;
		margin-bottom: 4px;
		margin-left: 15px;
		text-decoration: none;
		text-transform: uppercase;
		-webkit-transition: all .3s ease 0;
		-moz-transition: all .3s ease 0;
		-ms-transition: all .3s ease 0;
		-o-transition: all .3s ease 0;
		transition: all .3s ease 0;
	}

	section.contact .info a:hover, section.contact .info a:focus {		
		color: #000000;
	}

	section.contact .info .link:hover {
		opacity: 1;
	}

	section.contact .form .title {
		margin-bottom: 11px;
	}

	section.contact .form input[type="text"],
	section.contact .form input[type="password"],
	section.contact .form input[type="email"],
	section.contact .form textarea,
	section.contact .form select {
		border-bottom: 1px solid #dddddd;
		border-left: none;
		border-right: none;
		border-top: none;
		color: #000000;
	}	

	section.contact .form label {
		color: #aaaaaa;
	}

	section.contact .form input[type="text"]::-webkit-input-placeholder { color: #aaaaaa; }
	section.contact .form input[type="text"]::-moz-placeholder { color: #aaaaaa; }
	section.contact .form input[type="text"]:-ms-input-placeholder { color: #aaaaaa; }
	section.contact .form input[type="text"]:-moz-placeholder { color: #aaaaaa; }

	section.contact .form .submit {
		background-image: url(../img/misc/more.png);
		background-position: right center;
		background-repeat: no-repeat;
		background-size: 10px 10px;
		float: right;
		margin-right: 10px;
	}

	section.contact .form .message {
		display: none;
		font-family: "Helvetica";
		font-size: 13px;
		font-weight: 400;
		letter-spacing: 0.1em;
		text-transform: uppercase;
	}

	section.contact .form .message.active {
		display: block;
	}

	section.contact .form .message.success {
		color: #007e27;
	}

	section.contact .form .message.error {
		color: #880e0e;
	}


/* #Footer
================================================== */

	footer.footer {
		background-color: #111111;
		margin-top: 75px;
		text-align: center;
	}

	footer.footer .offset {
		padding: 40px 0px !important;
	}

	footer.footer .contactus .title {
		color: #000000;
		font-family: "Helvetica";
		font-size: 22px;
		font-weight: 400;
		letter-spacing: 0.1em;
		margin-bottom: 20px;
		text-transform: uppercase;
	}

	footer.footer .contactus .text {
		color: #000000;
		opacity: 0.5;
	}

	footer.footer .contactus .link {
		color: #000000;
		cursor: pointer;
		display: inline-block;
		font-family: "Helvetica";
		font-size: 13px;
		letter-spacing: 0.1em;
		text-transform: uppercase;
	}

	footer.footer .contactus .link:hover {
		border-bottom: 2px solid #000000;
	}

	footer.footer .copyright {
		color: #444444;
		font-size: 15px;
		text-align: left;
	}

	footer.footer .social {
		text-align: right;
	}

	footer.footer .social ul {
		margin-bottom: 0px;
	}

	footer.footer .social li {
		background-position: center center;
		background-repeat: no-repeat;
		background-size: 16px 16px;
		border: none;
		cursor: pointer;
		display: inline-block;
		height: 16px;
		margin: 0px 10px;
		opacity: 0.4;
		width: 16px;
		-webkit-transition: all .3s ease 0;
		-moz-transition: all .3s ease 0;
		-ms-transition: all .3s ease 0;
		-o-transition: all .3s ease 0;
		transition: all .3s ease 0;
	}

	footer.footer .social li:last-child {
		margin-right: 0px;
	}

	footer.footer .social li:hover, footer .social li:active {
		opacity: 1;
	}

	footer.footer .social .facebook {
		background-image: url(../img/social/facebook.png);
	}

	footer.footer .social .twitter {
		background-image: url(../img/social/twitter.png);
	}

	footer.footer .social .instagram {
		background-image: url(../img/social/instagram.png);
	}

	footer.footer .social .behance {
		background-image: url(../img/social/behance.png);
	}

	footer.footer .social .googleplus {
		background-image: url(../img/social/google.png);
	}

	footer.footer .social .youtube {
		background-image: url(../img/social/youtube.png);
	}

	footer.footer .social .youtube {
		background-image: url(../img/social/youtube.png);
	}

	footer.footer .social .linkedin {
		background-image: url(../img/social/linkedin.png);
	}

	footer.footer .social .vimeo {
		background-image: url(../img/social/vimeo.png);
	}

	footer.footer .social .github {
		background-image: url(../img/social/github.png);
	}

	footer.footer .social .flickr {
		background-image: url(../img/social/flickr.png);
	}

	footer.footer .social .pinterest {
		background-image: url(../img/social/pinterest.png);
	}


/* #FlexSlider
================================================== */

	.flex-direction-nav a {
		background-position: center center;
		background-repeat: no-repeat;
		background-size: 14px 29px;
		color: transparent;
		text-shadow: none !important;
	}

	.flex-direction-nav .flex-prev {
		background-image: url(../img/misc/navigate-left.png);
		left: -75px;
	}

	.flex-direction-nav .flex-next {
		background-image: url(../img/misc/navigate-right.png);
		right: -75px;
	}

	.flex-direction-nav .flex-prev, .flex-direction-nav .flex-next {
		-webkit-transition: all .3s ease 0;
		-moz-transition: all .3s ease 0;
		-ms-transition: all .3s ease 0;
		-o-transition: all .3s ease 0;
		transition: all .3s ease 0;
		opacity: 0.2;
	}

	.flex-direction-nav .flex-prev:hover, .flex-direction-nav .flex-next:hover {
		opacity: 1;
	}


/* #MFP
================================================== */
	
	.mfp-bg {
		background-color: #000000 !important;
		opacity: 0.9 !important;
	}

	.mfp-arrow-right {
		background-image: url(../img/misc/navigate-right-light.png) !important;
	}

	.mfp-arrow-right:before {
		border: none !important;
		opacity: .4 !important;
	}

	.mfp-arrow-right:after {
		border: none !important;
	}

	.mfp-arrow-left {
		background-image: url(../img/misc/navigate-left-light.png) !important;
	}

	.mfp-arrow-left:before {
		border: none !important;
		opacity: .4 !important;
	}

	.mfp-arrow-left:after {
		border: none !important;
	}

	.mfp-arrow-left, .mfp-arrow-right {
		background-position: center center !important;
		background-repeat: no-repeat !important;
		background-size: 14px 29px !important;
		opacity: .4 !important;
		-webkit-transition: all .3s ease 0;
		-moz-transition: all .3s ease 0;
		-ms-transition: all .3s ease 0;
		-o-transition: all .3s ease 0;
		transition: all .3s ease 0;
	}

	.mfp-arrow-left:hover, .mfp-arrow-right:hover {
		opacity: .6 !important;
	}

	.mfp-iframe-holder .mfp-close, .mfp-image-holder .mfp-close {
		background-image: url(../img/misc/navigate-close-light.png) !important;
		background-position: center center !important;
		background-repeat: no-repeat !important;
		background-size: 34px 34px !important;
		cursor: pointer !important;
		color: transparent !important;
		height: 34px !important;
		position: fixed !important;
		right: 25px !important;
		top: 25px !important;
		width: 34px !important;
	}

	img.mfp-img {
		padding: 100px 0px !important;
	}

	.mfp-bottom-bar {
		display: none !important;
	}

	.mfp-figure:after {
		box-shadow: none !important;
		background: transparent; !important;
	}