/*
 * Theme Name: Bootstack
 * Description: Bootstack - Responsive App Landing Page Theme
 * Version: 2.5.2
 * Theme URI: http://danielyewright.com/demo/bootstack/2.5.2/
 * Author: Daniely Wright
 * Author URI: http://danielyewright.com
 *
 */

/* ---------------------------------------------------------------------
 * Base Styles
--------------------------------------------------------------------- */
body {
	background-color: #fff;
	font-family: 'Lato', sans-serif;
	font-weight: 300;
	font-size: 16px;
	color: #555;
	padding-top: 50px;
	-webkit-font-smoothing: antialiased;
	-webkit-overflow-scrolling: touch;
}
/* BACKGROUNDS */
.gray-bg {
	background-color: #f3f3f4;
}

.light-bg {
	background-color: #FAFAFA;
}

.white-bg {
	background-color: #ffffff;
}

.theme-bg {
	background-color: #06979e;
}

.navy-bg {
	background-color: #06979e;
	color: #ffffff;
}

.blue-bg {
	background-color: #1c84c6;
	color: #ffffff;
}

.lazur-bg {
	background-color: #23c6c8;
	color: #ffffff;
}

.yellow-bg {
	background-color: #f8ac59;
	color: #ffffff;
}

.red-bg {
	background-color: #ed5565;
	color: #ffffff;
}

.black-bg {
	background-color: #262626;
}

.top-buffer-0 {
	margin-top: 0;
}

.top-buffer-5 {
	margin-top: 5px;
}

.top-buffer-10 {
	margin-top: 10px;
}

.top-buffer-20 {
	margin-top: 20px;
}

.top-buffer-30 {
	margin-top: 30px;
}

.top-buffer-40 {
	margin-top: 40px;
}

.bottom-buffer-0 {
	margin-bottom: 0;
}

.bottom-buffer-5 {
	margin-bottom: 5px;
}

.bottom-buffer-10 {
	margin-bottom: 10px;
}

.bottom-buffer-20 {
	margin-bottom: 20px;
}

.bottom-buffer-30 {
	margin-bottom: 30px;
}

.bottom-buffer-40 {
	margin-bottom: 40px;
}

.full-width {
	width: 100% !important;
}

.col-centered {
	float: none;
	margin: 0 auto;
}

hr {
	display: block;
	width: 500px;
	height: 1px;
	border: 0;
	border-top: 1px solid #ccc;
	padding: 0;
}

.top-border {
	border-top: thin solid #edf2f6;
}

.list-no-style {
	padding-left: 15px;
}

.list-no-style li {
	margin-bottom: 20px;
}

/* Titles */
h1, h2, h3, h4, h5, h6 {
	font-family: 'Lato', sans-serif;
	font-weight: 300;
	color: #333;
}

/* Paragraph & Typographic */
p {
	line-height: 28px;
	margin-bottom: 25px;
}

/* Links */
a {
	color: #06979e;
	word-wrap: break-word;
	-webkit-transition: all 0.2s ease-in;
	-moz-transition: all 0.2s ease-in;
	-ms-transition: all 0.2s ease-in;
	-o-transition: all 0.2s ease-in;
	transition: all 0.2s ease-in;
}

a:hover, a:focus {
	color: #05888e;
	text-decoration: none;
	outline: 0;
	-webkit-transition: all 0.1s ease-in;
	-moz-transition: all 0.2s ease-in;
	-ms-transition: all 0.2s ease-in;
	-o-transition: all 0.2s ease-in;
	transition: all 0.2s ease-in;
	outline: 0;
}

@media ( max-width : 480px) {
	body {
		text-align: center;
	}
	hr {
		width: 150px;
	}
}

@media only screen and (min-device-width: 481px) and (max-device-width:
	1024px) {
	body {
		text-align: center;
	}
}

@media ( min-width : 768px) {
	.form-horizontal .control-label {
		padding-top: 7px;
		margin-bottom: 5px;
		text-align: right;
	}
	.modal-dialog {
		width: 500px;
	}
}

/* UI Elements */
.pad-top {
	padding-top: 80px;
}

/* Button Modifications */
.input-beta-signup {
	margin-top: 10px;
}

.input-beta-signup>.form-control, .input-group-lg>.input-group-addon,
	.input-beta-signup>.input-group-btn>.btn {
	border-radius: 4px;
	font-size: 16px;
	font-weight: 400;
	color: black;
}

.btn {
	border-radius: 3px;
}

.btn-theme {
	background-color: #06979e;
	color: #fff;
	border-color: #06979e;
}

.input-beta-signup>.btn-beta-signup {
	margin-bottom: 50px;
	padding: 13px 25px;
}

.input-beta-signup>.input-group-btn>.btn-theme {
	border-top-left-radius: 0;
	border-bottom-left-radius: 0;
	font-weight: 400;
	font-size: 14px;
	color: white;
}

.input-beta-signup>.input-group-btn>.btn-theme2 {
	border-top-left-radius: 0;
	border-bottom-left-radius: 0;
	font-weight: 400;
	font-size: 14px;
	color: white;
}

.input-beta-signup>.input-group-btn>.btn-theme2:hover {
	border-color: #fff;
	background-color: #fff;
	border-color: #06979e; /* change to darker hue than bg hover color */
	background-color: #07bcc5;
	color: #fff;
	box-shadow: none;
}

.btn-theme
:focus {
	outline: 0;
}

.btn-theme2 {
	border-color: #fff;
	background-color: transparent;
	color: #fff;
}

.btn-theme2
:hover {
	border-color: #fff;
	background-color: #fff;
	color: #06979e;
	box-shadow: none;
}

.btn-theme2
:active {
	outline: 0;
}

/* ---------------------------------------------------------------------
 * Navigation
--------------------------------------------------------------------- */
.navbar-default {
	font-family: 'Lato', sans-serif;
	font-size: 12px;
	font-weight: 400;
	text-transform: uppercase;
	letter-spacing: 2px;
	padding-top: 5px;
	padding-bottom: 5px;
	background-color: #fff;
	/* Uncomment if you want a box shadow under navbar **

	-webkit-box-shadow: 0 0 2px rgba(0, 0, 0, 0.4);
	-moz-box-shadow: 0 0 2px rgba(0, 0, 0, 0.4);
	box-shadow: 0 0 2px rgba(0, 0, 0, 0.4);

  */
}

@media only screen and (min-device-width: 481px) and (max-device-width:
	1024px) {
	.navbar-default {
		letter-spacing: normal;
	}
}

@media screen (max-width: 768px) {
	.navbar-default .navbar-right a[type="button"] {
		float: none !important;
		border: 0;
	}
}

.navbar-default
 
.navbar-toggle {
	border: 0;
}

.navbar-default
 
.navbar-toggle
:hover, .navbar-default
 
.navbar-toggle
:focus {
	background-color: transparent;
}

.navbar-default
 
.navbar-toggle>.icon-bar {
	background-color: #06979e;
}

.navbar-default
 
.navbar-brand {
	color: #06979e;
}

.navbar-default
 
.navbar-brand
:hover {
	color: #bdc3c7;
}

.navbar-default
 
.navbar-nav>li>a {
	color: #06979e;
}

.navbar-default
 
.navbar-nav>li>a
:hover, .navbar-default
 
.navbar-nav>li>a
:focus {
	color: #bdc3c7;
	background-color: transparent;
}

.navbar-default
 
.navbar-nav>.active>a, .navbar-default
 
.navbar-nav>.active>a
:hover, .navbar-default
 
.navbar-nav>.active>a
:focus {
	background-color: transparent;
	color: #bdc3c7;
}

.navbar-default
 
.navbar-right
 
a
[type="button"] {
	padding: 6px 20px 6px 20px;
	color: #fff;
}

.navbar-default
 
.navbar-right
 
a
[type="button"]
:hover, .navbar-default
 
.navbar-right
 
a
[type="button"]
:focus {
	background-color: transparent;
	color: #06979e;
}

@media ( max-width : 991px) {
	.navbar-header {
		float: none;
	}
	.navbar-toggle {
		display: block;
	}
	.navbar-collapse {
		border-top: 1px solid transparent;
		box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1);
	}
	.navbar-collapse.collapse {
		display: none !important;
	}
	.navbar-collapse.collapse.in {
		display: block !important;
	}
	.navbar-collapse.collapsing .collapsed-signup {
		display: block !important;
	}
	.navbar-collapse.collapsing .navbar-form.pull-left {
		display: none;
	}
	.navbar-collapse.collapse.in .collapsed-signup {
		display: block !important;
	}
	.navbar-collapse.collapse.in .navbar-form.pull-left {
		display: none;
	}
	.navbar-nav {
		float: none !important;
		margin: 7.5px -15px;
	}
	.navbar-nav>li {
		float: none;
	}
	.navbar-nav>li>a {
		padding-top: 10px;
		padding-bottom: 10px;
	}
}

#home {
	height: 550px !important;
	position: relative;
	background-image: url("../../video/computer.jpg");
	background-size: cover;
}

#learn-more-link:hover {
	text-decoration: underline;
}

.video-container {
	z-index: 0;
	height: 100%;
	width: 100%;
	overflow: hidden;
}

video { /* 	min-width: 100%; */
	/* 	min-height: 100%; */
	
}

.video_overlay {
	background: rgba(0, 0, 0, 0.5);
	position: absolute;
	z-index: 1;
	height: 100%;
	width: 100%;
}

.headerwrap {
	padding-top: 150px;
	position: absolute;
	width: 100%;
	z-index: 5;
}

.headerwrap
 
.btn-theme {
	text-transform: uppercase;
}

.headerwrap
 
.col-lg-2 {
	padding-top: 40px;
}

.headerwrap
 
h1 {
	margin-top: 30px;
	color: white;
	font-size: 50px;
	font-weight: 500;
}

.headerwrap
 
h3 {
	color: white;
	font-size: 25px;
}

.headerwrap
 
h4 {
	padding-top: 10px;
	padding-bottom: 20px;
	color: #fff;
}

.headerwrap
 
h5 {
	color: white;
	font-weight: 700;
	text-align: left;
}

.headerwrap
 
p {
	text-align: left;
	color: #fff;
}

@media ( max-width : 480px) {
	.headerwrap h1 {
		font-size: 50px;
	}
	.headerwrap .col-lg-2 h5, .headerwrap .col-lg-2 p {
		text-align: center;
	}
}
/* Intro Wrap */
.intro {
	padding-top: 80px;
	padding-bottom: 30px;
}

.intro

 

span {
	font-size: 60px;
	color:;
	padding: 20px;
	vertical-align: middle;
}

/* Features Wrap */
.featureswrap {
	background-color: #f5f5f5;
	padding-top: 80px;
	padding-bottom: 80px;
}

.featureswrap

 

h4 {
	margin-bottom: 20px;
}

.featureswrap

 

p {
	font-weight: 400;
}

.featureswrap

 

.col-lg-6

 

img {
	display: table;
	margin: 0 auto;
}

.featureswrap

 

.col-lg-6

 

img


.left {
	height: 400px;
	width: auto;
}

.featureswrap

 

.col-lg-6

 

img


.right {
	height: 400px;
	width: auto;
}

.featureswrap

 

.ac

 

a {
	font-size: 20px;
}

.featureswrap

 

.col-lg-6

 

h4, .featureswrap

 

.col-lg-5

 

h4, .featureswrap

 

.col-lg-4

 

h4, .featureswrap

 

.col-lg-6

 

licon {
	font-size: 20px;
	color: #06979e;
	font-weight: 600;
}

@media ( max-width : 480px) {
	.featureswrap .col-lg-4 {
		padding-top: 0;
	}
}

/* Divider 1 & 2 Wrap */
.divider01 {
	background-color: #06979e;
	padding-top: 80px;
	padding-bottom: 80px;
	color: #fff;
}

.divider01

 

span {
	font-size: 60px;
	color: #fff;
	padding: 20px;
	vertical-align: middle;
}

.divider01

 

h1, .divider01

  

h2, .divider01

  

h3, .divider01

 

h4, .divider01

 

h5, .divider01

 

h6 {
	color: #fff;
}

.divider02 h3, .divider02 button {
	display: inline;
	vertical-align: middle;
}

@media ( max-width : 480px) {
	.divider01 {
		max-height: 375px;
	}
	.divider01 .carousel-inner {
		padding: 0;
	}
	.divider02 {
		padding-bottom: 80px;
		min-height: 200px;
	}
	.divider02 h3, .divider02 button {
		display: block;
		margin: 0 auto;
		padding: 0;
	}
	.divider02 a[type="button"] {
		margin-top: 15px;
	}
}

/* Pricing Wrap */
.pricingwrap {
	background-color: #fff;
	padding-top: 80px;
	padding-bottom: 120px;
}

.pricingwrap

 

small {
	padding-left: 10px;
}

/* Pricing Tables */
.panel {
	text-align: center;
}

.panel-custom {
	border-color: #06979e;
}

.panel-custom>.panel-heading {
	background-color: #06979e;
	color: #fff;
}

.panel-heading>.panel-title {
	font-weight: 900;
	text-transform: uppercase;
}

.panel-body {
	padding: 0px;
	text-align: center;
}

.the-price {
	background-color: rgba(220, 220, 220, 0.17);
	box-shadow: 0 1px 0 #dcdcdc, inset 0 1px 0 #dcdcdc;
	padding: 20px;
	margin: 0;
}

.the-price

 

h2 {
	font-size: 44px;
	font-weight: 700;
	line-height: 1em;
	padding: 0;
	margin: 0;
}

.pricing-page {
	margin-top: 50px;
	padding-bottom: 70px;
}

.pricing-page

 

.pricing-plan {
	margin: 20px 30px 0 30px;
	border-radius: 4px;
}

.pricing-page

 

.pricing-plan


.selected {
	transform: scale(1.1);
	background: #f4f4f4;
}

.pricing-page

 

.pricing-plan

 

li {
	padding: 10px 16px;
	border-top: 1px solid #e7eaec;
	text-align: center;
	color: #aeaeae;
}

.pricing-page

 

.pricing-plan

 

.pricing-price

 

span {
	font-weight: 700;
	color: #06979e;
}

.pricing-page

 

li


.pricing-desc {
	font-size: 13px;
	border-top: none;
	padding: 20px 16px;
}

.pricing-page

 

li


.pricing-title {
	background: #06979e;
	color: #fff;
	padding: 10px;
	border-radius: 4px 4px 0 0;
	font-size: 22px;
	font-weight: 600;
}

.pricing-page

 

.btn-primary {
	background-color: #06979e;
	border-color: #06979e;
	color: #FFFFFF;
	font-size: 14px;
	padding: 10px 20px;
	font-weight: 600;
}

.table {
	text-align: center;
}

.subscript {
	font-size: 25px;
	font-weight: 400;
}

/* Footer Wrap */
.contactwrap {
	background-color: #333;
	color: #777;
	padding-top: 80px;
	padding-bottom: 100px;
}

/* Footer Wrap */
.footerwrap {
	background-color: #333;
	color: #777;
	padding-top: 80px;
	padding-bottom: 100px;
}

.footerwrap

 

h3 {
	font-size: 20px;
	font-weight: 400;
	color: #fff;
	border-bottom: 1px solid #bdc3c7;
}

.footerwrap

 

p {
	color: #fff;
	font-size: 14px;
	line-height: 1.4em;
}

.footerwrap

 

#social {
	margin: 20px auto 0px auto;
	display: inline-block;
}

.footerwrap

 

input


:focus {
	outline: 0;
}

@media ( max-width : 480px) {
	.footerwrap button {
		margin-top: 15px;
	}
}

/* Copyright Wrap */
.copywrap {
	background: #222;
	padding-top: 20px;
	font-size: 14px;
	color: #bdc3c7;
}

.copywrap

 

a {
	margin: 0 5px;
}

/* Sign In & Sign Up Modal */
.modal-content {
	border-radius: 3px;
}

.modal

 

.nav-tabs {
	padding-left: 5px;
	padding-right: 5px;
}

/* Scroll to top */
#back-top {
	display: none;
	position: fixed;
	bottom: 15px;
	right: 15px;
	background: rgba(0, 0, 0, 0.7);
	cursor: pointer;
	border-radius: 3px;
}

#back-top

 

.glyphicon-chevron-up {
	font-size: 18px;
	padding: 10px 12px 12px 12px;
	display: block;
	color: #06979e;
}

.countdown-container {
	position: relative;
	top: 50%;
	-webkit-transform: translateY(-50%);
	-moz-transform: translateY(-50%);
	transform: translateY(-50%);
}

.clock-item

 

.inner {
	height: 0px;
	padding-bottom: 100%;
	position: relative;
	width: 100%;
}

.clock-canvas {
	background-color: rgba(255, 255, 255, .1);
	border-radius: 50%;
	height: 0px;
	padding-bottom: 100%;
}

.text {
	color: #fff;
	font-size: 30px;
	font-weight: bold;
	margin-top: -50px;
	position: absolute;
	top: 50%;
	text-align: center;
	text-shadow: 1px 1px 1px rgba(0, 0, 0, 1);
	width: 100%;
}

.text-bold {
	font-weight: bold;
}

a.show-marketplaces {
	cursor: default;
}

a.show-marketplaces:hover {
	color: #000000;
}

.text

 

.val {
	font-size: 50px;
}

.text

 

.type-time {
	font-size: 20px;
}

@media ( min-width : 768px) and (max-width: 991px) {
	.clock-item {
		margin-bottom: 30px;
	}
}

@media ( max-width : 767px) {
	.clock-item {
		margin: 0px 30px 30px 30px;
	}
}

.intro
 
span {
	font-size: 60px;
	color: #06979e;
	padding: 20px;
	vertical-align: middle;
}

/* Features Wrap */
.featureswrap {
	background-color: #f5f5f5;
	padding-top: 80px;
	padding-bottom: 80px;
	padding-top: 80px;
}

.checkfeatures {
	background-color: #f5f5f5;
	background-size: 100%;
	background-repeat: no-repeat;
	padding-top: 100px;
	padding-bottom: 50px;
	height: auto;
}

.featureswrap
 
h4 {
	margin-bottom: 20px;
}

.featureswrap
 
p {
	font-weight: 400;
}

.featureswrap
 
.col-lg-6
 
img {
	display: table;
	margin: 0 auto;
}

.featureswrap
 
.col-lg-6
 
img
.left {
	height: 300px;
	width: auto;
}

.featureswrap
 
.col-lg-6
 
img
.right {
	height: 400px;
	width: auto;
}

.featureswrap
 
.ac
 
a {
	font-size: 20px;
}

.featureswrap
 
.col-lg-6
 
h4, .featureswrap
 
.col-lg-5
 
h4, .featureswrap
 
.col-lg-4
 
h4, .featureswrap
 
.col-lg-6
 
licon {
	font-size: 30px;
	color: #06979e;
	font-weight: 600;
}

.featureswrap
 
ul
.icon {
	list-style-type: none;
}

.featureswrap
 
ul
.icon
 
li {
	text-indent: -1.4em;
	font-size: 20px;
	line-height: 40px;
	font-weight: 600;
}

@media ( max-width : 480px) {
	.featureswrap
 
.col-lg-4 {
		padding-top: 0;
	}
}

/* Divider 1 & 2 Wrap */
.divider01 {
	background-color: #06979e;
	padding-top: 80px;
	padding-bottom: 80px;
	color: #fff;
}

.divider01
 
span {
	font-size: 60px;
	color: #fff;
	padding: 20px;
	vertical-align: middle;
}

.divider01
 
h1, .divider01
  
h2, .divider01
  
h3, .divider01
 
h4, .divider01
 
h5, .divider01
 
h6 {
	color: #fff;
}

.divider02 {
	background-color: #06979e;
	height: 200px;
	padding-top: 55px;
}

@media ( max-width : 480px) {
	.divider01 {
		max-height: 375px;
	}
	.divider01
 
.carousel-inner {
		padding: 0;
	}
	.divider02 {
		padding-bottom: 80px;
		min-height: 200px;
	}
	.divider02
 
h3, .divider02
 
button {
		display: block;
		margin: 0 auto;
		padding: 0;
	}
	.divider02
 
a
[type="button"] {
		margin-top: 15px;
	}
}

/* Pricing Wrap */
.pricingwrap {
	background-color: #fff;
	padding-top: 80px;
	padding-bottom: 120px;
}

.pricingwrap
 
small {
	padding-left: 10px;
}

/* Pricing Tables */
.panel {
	text-align: center;
}

.panel-custom {
	border-color: #06979e;
}

.panel-custom>.panel-heading {
	background-color: #06979e;
	color: #fff;
}

.panel-heading>.panel-title {
	font-weight: 900;
	text-transform: uppercase;
}

.panel-body {
	padding: 0px;
	text-align: center;
}

.the-price {
	background-color: rgba(220, 220, 220, 0.17);
	box-shadow: 0 1px 0 #dcdcdc, inset 0 1px 0 #dcdcdc;
	padding: 20px;
	margin: 0;
}

.the-price
 
h2 {
	font-size: 44px;
	font-weight: 700;
	line-height: 1em;
	padding: 0;
	margin: 0;
}

.pricing-page {
	margin-top: 50px;
	padding-bottom: 70px;
}

.pricing-page
 
.pricing-plan {
	margin: 20px 30px 0 30px;
	border-radius: 4px;
}

.pricing-page
 
.pricing-plan
.selected {
	transform: scale(1.1);
	background: #f4f4f4;
}

.pricing-page
 
.pricing-plan
 
li {
	padding: 10px 16px;
	border-top: 1px solid #e7eaec;
	text-align: center;
	color: #aeaeae;
}

.pricing-page
 
.pricing-plan
 
.pricing-price
 
span {
	font-weight: 700;
	color: #06979e;
}

.pricing-page
 
li
.pricing-desc {
	font-size: 13px;
	border-top: none;
	padding: 20px 16px;
}

.pricing-page
 
li
.pricing-title {
	background: #06979e;
	color: #fff;
	padding: 10px;
	border-radius: 4px 4px 0 0;
	font-size: 22px;
	font-weight: 600;
}

.pricing-page
 
.btn-primary {
	background-color: #06979e;
	border-color: #06979e;
	color: #FFFFFF;
	font-size: 14px;
	padding: 10px 20px;
	font-weight: 600;
}

.table {
	text-align: center;
}

.subscript {
	font-size: 25px;
	font-weight: 400;
}

/* Footer Wrap */
.contactwrap {
	background-color: #333;
	color: #777;
	padding-top: 80px;
	padding-bottom: 100px;
}

/* Footer Wrap */
.footerwrap {
	background-color: #333;
	color: #777;
	padding-top: 80px;
	padding-bottom: 100px;
}

.footerwrap
 
h3 {
	font-size: 20px;
	font-weight: 400;
	color: #fff;
	border-bottom: 1px solid #bdc3c7;
}

.footerwrap
 
p {
	color: #fff;
	font-size: 14px;
}

.footerwrap
 
#social {
	margin: 20px auto 0px auto;
	display: inline-block;
}

.footerwrap
 
input
:focus {
	outline: 0;
}

@media ( max-width : 480px) {
	.footerwrap
 
button {
		margin-top: 15px;
	}
}

/* Copyright Wrap */
.copywrap {
	background: #222;
	padding-top: 20px;
	font-size: 14px;
	color: #bdc3c7;
}

.copywrap
 
a {
	margin: 0 5px;
}

/* Sign In & Sign Up Modal */
.modal-content {
	border-radius: 3px;
}

.modal
 
.nav-tabs {
	padding-left: 5px;
	padding-right: 5px;
}

/* Scroll to top */
#back-top {
	display: none;
	position: fixed;
	bottom: 15px;
	right: 15px;
	background: rgba(0, 0, 0, 0.7);
	cursor: pointer;
	border-radius: 3px;
}

#back-top
 
.glyphicon-chevron-up {
	font-size: 18px;
	padding: 10px 12px 12px 12px;
	display: block;
	color: #06979e;
}

.countdown-container {
	position: relative;
	top: 50%;
	-webkit-transform: translateY(-50%);
	-moz-transform: translateY(-50%);
	transform: translateY(-50%);
}

.clock-item
 
.inner {
	height: 0px;
	padding-bottom: 100%;
	position: relative;
	width: 100%;
}

.clock-canvas {
	background-color: rgba(255, 255, 255, .1);
	border-radius: 50%;
	height: 0px;
	padding-bottom: 100%;
}

.text {
	color: #fff;
	font-size: 30px;
	font-weight: bold;
	margin-top: -50px;
	position: absolute;
	top: 50%;
	text-align: center;
	text-shadow: 1px 1px 1px rgba(0, 0, 0, 1);
	width: 100%;
}

.text
 
.val {
	font-size: 50px;
}

.text
 
.type-time {
	font-size: 20px;
}

@media ( min-width : 768px) and (max-width: 991px) {
	.clock-item {
		margin-bottom: 30px;
	}
}

@media ( max-width : 767px) {
	.clock-item {
		margin: 0px 30px 30px 30px;
	}
	#video {
		display: none;
	}
	.headerwrap {
		
	}
}

.btn-theme:hover {
	border-color: #06979e; /* change to darker hue than bg hover color */
	background-color: #07bcc5;
	color: #fff;
	box-shadow: none;
}

.btn-theme:focus {
	outline: 0;
}

.btn-theme2 {
	border-color: #fff;
	background-color: transparent;
	color: #fff;
}

.btn-theme2:hover {
	border-color: #fff;
	background-color: #fff;
	color: #06979e;
	box-shadow: none;
}

.btn-theme2:active {
	outline: 0;
}

/* ---------------------------------------------------------------------
 * Navigation
--------------------------------------------------------------------- */
.navbar-default {
	font-family: 'Lato', sans-serif;
	font-size: 12px;
	font-weight: 400;
	text-transform: uppercase;
	letter-spacing: 2px;
	padding-top: 5px;
	padding-bottom: 5px;
	background-color: #fff;
	/* Uncomment if you want a box shadow under navbar **

	-webkit-box-shadow: 0 0 2px rgba(0, 0, 0, 0.4);
	-moz-box-shadow: 0 0 2px rgba(0, 0, 0, 0.4);
	box-shadow: 0 0 2px rgba(0, 0, 0, 0.4);

  */
}

@media only screen and (min-device-width: 481px) and (max-device-width:
	1024px) {
	.navbar-default {
		letter-spacing: normal;
	}
}

@media screen (max-width: 768px) {
	.navbar-default
 
.navbar-right
 
a
[type="button"] {
		float: none !important;
		border: 0;
	}
}

.navbar-default .navbar-toggle {
	border: 0;
}

.navbar-default .navbar-toggle:hover, .navbar-default .navbar-toggle:focus
	{
	background-color: transparent;
}

.navbar-default .navbar-toggle>.icon-bar {
	background-color: #06979e;
}

.navbar-default .navbar-brand {
	color: #06979e;
}

.navbar-default .navbar-brand:hover {
	color: #bdc3c7;
}

.navbar-default .navbar-nav>li>a {
	color: #06979e;
}

.navbar-default .navbar-nav>li>a:hover, .navbar-default .navbar-nav>li>a:focus
	{
	color: #bdc3c7;
	background-color: transparent;
}

.navbar-default .navbar-nav>.active>a, .navbar-default .navbar-nav>.active>a:hover,
	.navbar-default .navbar-nav>.active>a:focus {
	background-color: transparent;
	color: #bdc3c7;
}

.navbar-default .navbar-right a[type="button"] {
	padding: 6px 20px 6px 20px;
	color: #fff;
}

.navbar-default .navbar-right a[type="button"]:hover, .navbar-default .navbar-right a[type="button"]:focus
	{
	background-color: transparent;
	color: #06979e;
}

@media ( max-width : 991px) {
	.navbar-header {
		float: none;
	}
	.navbar-toggle {
		display: block;
	}
	.navbar-collapse {
		border-top: 1px solid transparent;
		box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1);
	}
	.navbar-collapse
.collapse {
		display: none !important;
	}
	.navbar-collapse
.collapse
.in {
		display: block !important;
	}
	.navbar-nav {
		float: none !important;
		margin: 7.5px -15px;
	}
	.navbar-nav>li {
		float: none;
	}
	.navbar-nav>li>a {
		padding-top: 10px;
		padding-bottom: 10px;
	}
}

#home {
	height: 550px !important;
	position: relative;
}

.video-container {
	z-index: 0;
	height: 100%;
	width: 100%;
	overflow: hidden;
}

video {
	/* 	min-width: 100%; */
	/* 	min-height: 100%; */
	
}

.video_overlay {
	background: rgba(0, 0, 0, 0.5);
	position: absolute;
	z-index: 1;
	height: 100%;
	width: 100%;
}

.headerwrap {
	padding-top: 150px;
	position: absolute;
	width: 100%;
	z-index: 5;
}

.headerwrap .btn-theme {
	text-transform: uppercase;
}

.headerwrap .col-lg-2 {
	padding-top: 40px;
}

.headerwrap h1 {
	margin-top: 30px;
	color: white;
	font-size: 50px;
	font-weight: 500;
}

.headerwrap h3 {
	color: white;
	font-size: 25px;
}

.headerwrap h4 {
	padding-top: 10px;
	padding-bottom: 20px;
	color: #fff;
}

.headerwrap h5 {
	color: white;
	font-weight: 700;
	text-align: left;
}

.headerwrap p {
	text-align: left;
	color: #fff;
}

@media ( max-width : 480px) {
	.headerwrap
 
h1 {
		font-size: 50px;
	}
	.headerwrap
 
.col-lg-2
 
h5, .headerwrap
 
.col-lg-2
 
p {
		text-align: center;
	}
}
/* Intro Wrap */
.intro {
	padding-top: 80px;
	padding-bottom: 30px;
}

.intro
 
span {
	font-size: 60px;
	color:;
	padding: 20px;
	vertical-align: middle;
}

/* Features Wrap */
.featureswrap {
	background-color: #f5f5f5;
	padding-top: 80px;
	padding-bottom: 80px;
}

.featureswrap
 
h4 {
	margin-bottom: 20px;
}

.featureswrap
 
p {
	font-weight: 400;
}

.featureswrap
 
.col-lg-6
 
img {
	display: table;
	margin: 0 auto;
}

.featureswrap
 
.col-lg-6
 
img
.left {
	height: 400px;
	width: auto;
}

.featureswrap
 
.col-lg-6
 
img
.right {
	height: 400px;
	width: auto;
}

.featureswrap
 
.ac
 
a {
	font-size: 20px;
}

.featureswrap
 
.col-lg-6
 
h4, .featureswrap
 
.col-lg-5
 
h4, .featureswrap
 
.col-lg-4
 
h4, .featureswrap
 
.col-lg-6
 
licon {
	font-size: 20px;
	color: #06979e;
	font-weight: 600;
}

@media ( max-width : 480px) {
	.featureswrap
 
.col-lg-4 {
		padding-top: 0;
	}
}

/* Divider 1 & 2 Wrap */
.divider01 {
	background-color: #06979e;
	padding-top: 80px;
	padding-bottom: 80px;
	color: #fff;
}

.divider01
 
span {
	font-size: 60px;
	color: #fff;
	padding: 20px;
	vertical-align: middle;
}

.divider01
 
h1, .divider01
  
h2, .divider01
  
h3, .divider01
 
h4, .divider01
 
h5, .divider01
 
h6 {
	color: #fff;
}

.divider02 {
	background-color: #06979e;
	height: 200px;
	padding-top: 55px;
}

@media ( max-width : 480px) {
	.divider01 {
		max-height: 375px;
	}
	.divider01
 
.carousel-inner {
		padding: 0;
	}
	.divider02 {
		padding-bottom: 80px;
		min-height: 200px;
	}
	.divider02
 
h3, .divider02
 
button {
		display: block;
		margin: 0 auto;
		padding: 0;
	}
	.divider02
 
a
[type="button"] {
		margin-top: 15px;
	}
}

/* Pricing Wrap */
.pricingwrap {
	background-color: #fff;
	padding-top: 80px;
	padding-bottom: 120px;
}

.pricingwrap
 
small {
	padding-left: 10px;
}

/* Pricing Tables */
.panel {
	text-align: center;
}

.panel-custom {
	border-color: #06979e;
}

.panel-custom>.panel-heading {
	background-color: #06979e;
	color: #fff;
}

.panel-heading>.panel-title {
	font-weight: 900;
	text-transform: uppercase;
}

.panel-body {
	padding: 0px;
	text-align: center;
}

.the-price {
	background-color: rgba(220, 220, 220, 0.17);
	box-shadow: 0 1px 0 #dcdcdc, inset 0 1px 0 #dcdcdc;
	padding: 20px;
	margin: 0;
}

.the-price
 
h2 {
	font-size: 44px;
	font-weight: 700;
	line-height: 1em;
	padding: 0;
	margin: 0;
}

.pricing-page {
	margin-top: 50px;
	padding-bottom: 70px;
}

.pricing-page
 
.pricing-plan {
	margin: 20px 30px 0 30px;
	border-radius: 4px;
}

.pricing-page
 
.pricing-plan
.selected {
	transform: scale(1.1);
	background: #f4f4f4;
}

.pricing-page
 
.pricing-plan
 
li {
	padding: 10px 16px;
	border-top: 1px solid #e7eaec;
	text-align: center;
	color: #aeaeae;
}

.pricing-page
 
.pricing-plan
 
.pricing-price
 
span {
	font-weight: 700;
	color: #06979e;
}

.pricing-page
 
li
.pricing-desc {
	font-size: 13px;
	border-top: none;
	padding: 20px 16px;
}

.pricing-page
 
li
.pricing-title {
	background: #06979e;
	color: #fff;
	padding: 10px;
	border-radius: 4px 4px 0 0;
	font-size: 22px;
	font-weight: 600;
}

.pricing-page
 
.btn-primary {
	background-color: #06979e;
	border-color: #06979e;
	color: #FFFFFF;
	font-size: 14px;
	padding: 10px 20px;
	font-weight: 600;
}

.table {
	text-align: center;
}

.subscript {
	font-size: 25px;
	font-weight: 400;
}

/* Footer Wrap */
.contactwrap {
	background-color: #333;
	color: #777;
	padding-top: 80px;
	padding-bottom: 100px;
}

/* Footer Wrap */
.footerwrap {
	background-color: #333;
	color: #777;
	padding-top: 80px;
	padding-bottom: 100px;
}

.footerwrap
 
h3 {
	font-size: 20px;
	font-weight: 400;
	color: #fff;
	border-bottom: 1px solid #bdc3c7;
}

.footerwrap
 
p {
	color: #fff;
	font-size: 14px;
}

.footerwrap
 
#social {
	margin: 20px auto 0px auto;
	display: inline-block;
}

.footerwrap
 
input
:focus {
	outline: 0;
}

@media ( max-width : 480px) {
	.footerwrap
 
button {
		margin-top: 15px;
	}
}

/* Copyright Wrap */
.copywrap {
	background: #222;
	padding-top: 20px;
	font-size: 14px;
	color: #bdc3c7;
}

.copywrap
 
a {
	margin: 0 5px;
}

/* Sign In & Sign Up Modal */
.modal-content {
	border-radius: 3px;
}

.modal
 
.nav-tabs {
	padding-left: 5px;
	padding-right: 5px;
}

/* Scroll to top */
#back-top {
	display: none;
	position: fixed;
	bottom: 15px;
	right: 15px;
	background: rgba(0, 0, 0, 0.7);
	cursor: pointer;
	border-radius: 3px;
}

#back-top
 
.glyphicon-chevron-up {
	font-size: 18px;
	padding: 10px 12px 12px 12px;
	display: block;
	color: #06979e;
}

.countdown-container {
	position: relative;
	top: 50%;
	-webkit-transform: translateY(-50%);
	-moz-transform: translateY(-50%);
	transform: translateY(-50%);
}

.clock-item
 
.inner {
	height: 0px;
	padding-bottom: 100%;
	position: relative;
	width: 100%;
}

.clock-canvas {
	background-color: rgba(255, 255, 255, .1);
	border-radius: 50%;
	height: 0px;
	padding-bottom: 100%;
}

.text {
	color: #fff;
	font-size: 30px;
	font-weight: bold;
	margin-top: -50px;
	position: absolute;
	top: 50%;
	text-align: center;
	text-shadow: 1px 1px 1px rgba(0, 0, 0, 1);
	width: 100%;
}

.text
 
.val {
	font-size: 50px;
}

.text
 
.type-time {
	font-size: 20px;
}

@media ( min-width : 768px) and (max-width: 991px) {
	.clock-item {
		margin-bottom: 30px;
	}
}

@media ( max-width : 767px) {
	.clock-item {
		margin: 0px 30px 30px 30px;
	}
}

.intro span {
	font-size: 60px;
	color: #06979e;
	padding: 20px;
	vertical-align: middle;
}

/* Features Wrap */
.featureswrap {
	background-color: #f5f5f5;
	padding-top: 80px;
	padding-bottom: 80px;
}

.howitworks {
	padding-top: 50px;
}

.howitworks .row {
	margin-bottom: 80px;
}

.howitworks h3 {
	margin: 40px;
	line-height: 40px;
}

.vcenter {
	display: inline-block;
	vertical-align: middle;
	float: none;
}

.checkfeatures {
	background-color: #ffffff;
	background-size: 100%;
	background-repeat: no-repeat;
	padding-top: 100px;
	padding-bottom: 50px;
	height: auto;
}

.featureswrap h4 {
	margin-bottom: 20px;
}

.featureswrap p {
	font-weight: 400;
	font-size: 18px;
	color: #555;
}

.featureswrap hr {
	width: 100%;
}

.featureswrap .col-lg-6 img {
	display: table;
	margin: 0 auto;
}

.featureswrap img.left {
	height: 300px;
	width: auto;
}

.featureswrap.howitworks img.left {
	height: auto;
	width: auto;
}

.featureswrap .col-lg-6 img.right {
	height: 400px;
	width: auto;
}

.featureswrap .ac a {
	font-size: 20px;
}

.featureswrap .col-lg-6 h4, .featureswrap .col-lg-5 h4, .featureswrap .col-lg-4 h4,
	.featureswrap .col-lg-6 licon {
	font-size: 30px;
	color: #06979e;
	font-weight: 600;
}

.featureswrap ul.icon {
	
}

.featureswrap ul.icon li {
	font-size: 20px;
	line-height: 40px;
	font-weight: 600;
	text-align: left;
}

@media ( max-width : 480px) {
	.featureswrap

 

.col-lg-4 {
		padding-top: 0;
	}
}

/* Divider 1 & 2 Wrap */
.divider01 {
	background-color: #06979e;
	padding-top: 80px;
	padding-bottom: 80px;
	color: #fff;
}

.divider01 span {
	font-size: 60px;
	color: #fff;
	padding: 20px;
	vertical-align: middle;
}

.divider01 h1, .divider01  h2, .divider01  h3, .divider01 h4, .divider01 h5,
	.divider01 h6 {
	color: #fff;
}

.divider02 {
	background-color: #06979e;
	w padding-top: 55px;
}

.divider02 h3 {
	color: #fff;
}

.divider02 h3, .divider02 button {
	display: inline;
	vertical-align: middle;
}

.divider02>row {
	margin-bottom: 55px;
}

@media ( max-width : 480px) {
	.divider01 {
		max-height: 375px;
	}
	.divider01

 

.carousel-inner {
		padding: 0;
	}
	.divider02 {
		padding-bottom: 80px;
		min-height: 200px;
	}
	.divider02

 

h3, .divider02

 

button {
		display: block;
		margin: 0 auto;
		padding: 0;
	}
	.divider02

 

a


[type="button"] {
		margin-top: 15px;
	}
}

/* Pricing Wrap */
.pricingwrap {
	background-color: #fff;
	padding-top: 80px;
	padding-bottom: 120px;
}

.pricingwrap small {
	padding-left: 10px;
}

/* Pricing Tables */
.panel {
	text-align: center;
}

.panel-custom {
	border-color: #06979e;
}

.panel-custom>.panel-heading {
	background-color: #06979e;
	color: #fff;
}

.panel-heading>.panel-title {
	font-weight: 900;
	text-transform: uppercase;
}

.panel-body {
	padding: 0px;
	text-align: center;
}

.the-price {
	background-color: rgba(220, 220, 220, 0.17);
	box-shadow: 0 1px 0 #dcdcdc, inset 0 1px 0 #dcdcdc;
	padding: 20px;
	margin: 0;
}

.the-price h2 {
	font-size: 44px;
	font-weight: 700;
	line-height: 1em;
	padding: 0;
	margin: 0;
}

.pricing-page {
	margin-top: 50px;
	padding-bottom: 70px;
}

.pricing-page .pricing-plan {
	margin: 20px 30px 0 30px;
	border-radius: 4px;
}

.pricing-page .pricing-plan.selected {
	transform: scale(1.1);
	background: #f4f4f4;
}

.pricing-page .pricing-plan li {
	padding: 10px 16px;
	border-top: 1px solid #e7eaec;
	text-align: center;
	color: #aeaeae;
}

.pricing-page .pricing-plan .pricing-price span {
	font-weight: 700;
	color: #06979e;
}

.pricing-page li.pricing-desc {
	font-size: 13px;
	border-top: none;
	padding: 20px 16px;
}

.pricing-page li.pricing-title {
	background: #06979e;
	color: #fff;
	padding: 10px;
	border-radius: 4px 4px 0 0;
	font-size: 22px;
	font-weight: 600;
}

.pricing-page .btn-primary {
	background-color: #06979e;
	border-color: #06979e;
	color: #FFFFFF;
	font-size: 14px;
	padding: 10px 20px;
	font-weight: 600;
}

.table {
	text-align: center;
}

.subscript {
	font-size: 25px;
	font-weight: 400;
}

/* Footer Wrap */
.contactwrap {
	background-color: #333;
	color: #777;
	padding-top: 80px;
	padding-bottom: 100px;
}

/* Footer Wrap */
.footerwrap {
	background-color: #333;
	color: #777;
	padding-top: 80px;
	padding-bottom: 100px;
}

.footerwrap h3 {
	font-size: 20px;
	font-weight: 400;
	color: #fff;
	border-bottom: 1px solid #bdc3c7;
}

.footerwrap p {
	color: #fff;
	font-size: 14px;
}

.footerwrap #social {
	margin: 20px auto 0px auto;
	display: inline-block;
}

.footerwrap input:focus {
	outline: 0;
}

@media ( max-width : 480px) {
	.footerwrap

 

button {
		margin-top: 15px;
	}
}

/* Copyright Wrap */
.copywrap {
	background: #222;
	padding-top: 20px;
	font-size: 14px;
	color: #bdc3c7;
}

.copywrap a {
	margin: 0 5px;
}

/* Sign In & Sign Up Modal */
.modal-content {
	border-radius: 3px;
}

.modal .nav-tabs {
	padding-left: 5px;
	padding-right: 5px;
}

/* Scroll to top */
#back-top {
	display: none;
	position: fixed;
	bottom: 15px;
	right: 15px;
	background: rgba(0, 0, 0, 0.7);
	cursor: pointer;
	border-radius: 3px;
}

#back-top .glyphicon-chevron-up {
	font-size: 18px;
	padding: 10px 12px 12px 12px;
	display: block;
	color: #06979e;
}

.countdown-container {
	position: relative;
	top: 50%;
	-webkit-transform: translateY(-50%);
	-moz-transform: translateY(-50%);
	transform: translateY(-50%);
}

.clock-item .inner {
	height: 0px;
	padding-bottom: 100%;
	position: relative;
	width: 100%;
}

.clock-canvas {
	background-color: rgba(255, 255, 255, .1);
	border-radius: 50%;
	height: 0px;
	padding-bottom: 100%;
}

.text {
	color: #fff;
	font-size: 30px;
	font-weight: bold;
	margin-top: -50px;
	position: absolute;
	top: 50%;
	text-align: center;
	text-shadow: 1px 1px 1px rgba(0, 0, 0, 1);
	width: 100%;
}

.text .val {
	font-size: 50px;
}

.text .type-time {
	font-size: 20px;
}

@media ( min-width : 768px) and (max-width: 991px) {
	.clock-item {
		margin-bottom: 30px;
	}
}

@media ( max-width : 767px) {
	.clock-item {
		margin: 0px 30px 30px 30px;
	}
	#video {
		display: none;
	}
	.headerwrap {
		padding-top: 50px;
	}
	.edu-img {
		display: none;
	}
	.featureswrap .col-lg-6 img.right {
		height: auto;
	}
}

/* ---------------------------------------------------------------------
 * IE 10 in Windows 8 and Windows Phone 8 fix
--------------------------------------------------------------------- */
@
-webkit-viewport {
	width: device-width;
}

@
-moz-viewport {
	width: device-width;
}

@
-ms-viewport {
	width: device-width;
}

@
-o-viewport {
	width: device-width;
}

@
viewport {
	width: device-width;
}