/* ==========================================================================
Template Name 	: 
Author					: 	
Theme Url 			:	
========================================================================== */ 



@font-face {
  font-family: geomanist;
  src: url('../fonts/geomanist-regular-webfont.ttf');
  font-weight: 400;
  font-style: normal
}

@font-face {
  font-family: geomanist;
  src: url('../fonts/geomanist-light-webfont.ttf');
  font-weight: 300;
  font-style: normal
}

@font-face {
  font-family: geomanist;
  src: url('../fonts/geomanist-regular-italic-webfont.ttf');
  font-weight: 400;
  font-style: italic
}

@font-face {
  font-family: geomanist;
  src: url('../fonts/geomanist-medium-webfont.ttf');
  font-weight: 600;
  font-style: normal
}

@font-face {
  font-family: geomanist;
  src: url('../fonts/geomanist-book-webfont.ttf');
  font-weight: 500;
  font-style: normal
}

@font-face {
  font-family: geomanist;
  src: url('../fonts/geomanist-bold-webfont.ttf');
  font-weight: 700;
  font-style: normal
}

@font-face {
  font-family: geomanist;
  src: url('../fonts/geomanist-bold-italic-webfont.ttf');
  font-weight: 700;
  font-style: italic
}

/* ==========================================================================
HTML5 display-role reset for older browsers
========================================================================== */ 
html {font-family: sans-serif; -ms-text-size-adjust: 100%; -webkit-text-size-adjust: 100%;}
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-family: inherit;  vertical-align: baseline; zoom: 1;}

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;}
* {box-sizing: border-box; -o-box-sizing: border-box; -ms-box-sizing: border-box; -moz-box-sizing: border-box; -khtml-box-sizing: border-box; -webkit-box-sizing: border-box;}

/* ==========================================================================
Basic Styling
========================================================================== */ 
body {
	font-size: 22px;
	line-height: 34px;
	font-family: "geomanist", "Open Sans",sans-serif;
	font-weight: 400;
	color: #43464b;
}

h1, h2, h3, h4, h5, h6 {
	font-family: "geomanist","Montserrat", Lucida Sans Unicode,Arial,sans-serif;
	font-weight: bold;
	position: relative;
	color: #1d1d1d;
}

h1, h2, h3, h4, h5, h6 {
	margin-top: 0;
	margin-bottom: 10px;
	padding-top: 0;
}

h1 {font-size: 38px;}


.header-divider {
	display: block;
	height: 4px;
	width: 60px;
  background: #ffcd54;
  margin-top: 20px;
  margin-bottom: 20px;
}

.margin-center {
	margin-left: auto;
	margin-right: auto;
}
h2 {
	display: block;
	font-size: 45px;
  line-height: 60px;
	font-weight: 300;
	color: #43464b;
	text-transform: none;
	letter-spacing: 0;
	font-style: normal;
	position: relative;
	margin: 0;
	padding: 0;
}
h3 {font-size: 24px; line-height: 34px;  }

h4 {
  font-size: 16px;
  line-height: 26px;
  color: #4e4e4e;
  text-transform: uppercase;
}
h5 {font-size: 13px; line-height: 27px; text-transform: uppercase; letter-spacing: 0; padding-bottom: 10px; margin-bottom: 15px;}
h5:after { content: ""; position: absolute; top: 100%; width: 50px; height: 2px; background-color: #DDD; left: 0; margin: 0 auto;}
h6 {font-size: 14px; line-height: 25px;}

p { margin-bottom: 20px;}

a, button {-webkit-transition: all 150ms ease-in; -moz-transition: all 150ms ease-in; -o-transition: all 150ms ease-in; transition: all 150ms ease-in; color: #3598dc;}
a:hover, a:focus { text-decoration: none; color: #007DA0; outline: none; } 

ul { margin: 0; padding: 0; list-style: none;}

::-moz-selection { text-shadow: none; background: #4D82B9 ; color: #FFF;}
::selection { text-shadow: none; background: #4D82B9 ; color: #FFF; }

img::selection { background: 0 0;}
img::-moz-selection { background: 0 0;}

hr {margin-top: 40px; margin-bottom: 40px; border-top: 1px solid rgba(0,0,0,0.03);}
body { webkit-tap-highlight-color: rgba(255,255,255,.2);}

form {margin-bottom: 0;}

button {padding: 10px 14px; border-radius: 0; font-family: Montserrat,sans-serif; font-size: 11px; letter-spacing: .05em;text-transform: uppercase;}
iframe {width: 100%;}

/* ==========================================================================
No margin hack
========================================================================== */ 
.row.no-gutters { margin-right: 0; margin-left: 0;}
.row.no-gutters > [class^="col-"],
.row.no-gutters > [class*=" col-"] { padding-right: 0; padding-left: 0;}

/* ==========================================================================
Classes
========================================================================== */ 
.section {padding: 80px 0; position: relative;}

.margintop-10 {margin-top: 10px;}
.margintop-30 {margin-top: 30px;}
.margintop-40 {margin-top: 40px;}
.paddingbottom-60 {padding-bottom: 60px;}
.paddingbottom-150 {padding-bottom: 150px;}
.padding-150 {padding: 150px 0;}
.padding-120 {padding: 100px 0; padding-top: 200px;}
.padding40 {padding: 40px;}

.nopadding-bottom {padding-bottom: 0!important;}
.nopadding-top {padding-top: 0!important;}

.border-top {border-top: 1px solid #EFEFEF;}
.border-bottom {border-bottom: 1px solid #EFEFEF;}

.text-border {border-bottom: 2px solid #DDD;}

.text-center {text-align: center;}
.text-center img {display: block; margin: 0 auto;}

.text-left {text-align: left!important;}

.bg-overlay { background-color: rgba(132, 229, 193, 0.65); position: absolute; top: 0; right: auto; bottom: auto; left: 0; width: 100%; height: 100%;}
.bg-overlay2 { background-color: rgba(0, 0, 0, 0.7); position: absolute; top: 0; right: auto; bottom: auto; left: 0; width: 100%; height: 100%;}
.bg-overlay3 { background-color: rgba(255, 247, 242, 0.65); position: absolute; top: 0; right: auto; bottom: auto; left: 0; width: 100%; height: 100%;}

.capitalize {text-transform: capitalize!important;}
.italic {font-style: italic;}
.crimson-text {font-family: "Crimson Text", Georgia, "Lato";}
.left-align {text-align: left!important;}

.font18 {font-size: 18px;}
.headline {
	text-align: center;
	margin-bottom: 30px;
}

.headline {
	position: relative;
}

.headline h3 {
	padding: 15px 0;
	font-size: 22px;
	font-weight: bold;
	margin: 20px 0;
}

.regularprice {
	text-decoration:line-through;
	color: #DD0205;
}

.saleprice {
	color: #75BA2B;
	font-size:35px;
}

.checklist {
	position: relative;
	margin-bottom: 20px;
	line-height: 30px;
}

.checklist li {
  padding-left: 40px;
  margin-bottom: 20px;
  position: relative;
}
.checklist li:last-child{
	margin-bottom: 0;
}
.checklist li:before {
	font-family: Ionicons; 
	content: "\f122"; 
	position: absolute; 
	left: 0;
	color: #fdb509;
	font-size: 1.2rem;
}

.featurebox {
	background: rgba(255, 217, 29, 0.99);
	margin-top: 30px;
	padding: 30px;
}

.featurebox .checklist li:before {
	color: #130f0f;
}

.lessons{
	display: flex;
	flex-wrap: wrap;
}
.lesson {
	background-color: #FFF;
	padding: 30px;
	box-shadow: 1px 1px 10px rgba(0,0,0,0.1);
	margin-bottom: 50px;
	text-align: left;
	border-left: 4px solid rgb(253, 189, 5);
	overflow: hidden;
	height: calc(100% - 50px);
}

.lesson h3 {
	font-size: 18px;
	padding-top: 20px;
	line-height: 25px;
	text-transform: capitalize;
}
.lesson p{
	font-size: 16px;
	margin-bottom: 0;
	line-height: 22px;
}
.lesson img {
	width: 250px;
	height: 250px;
	margin: auto auto;
	border-radius: 50%;
}

.divider40 {
	height: 40px;
}

/* ==========================================================================
Color Customizations
========================================================================== */
.bg-grey {background-color: #F7F8FA;}
.bg-blue {background-color: #008ed6;}
.bg-dark {background-color: #1d1d1d;}
.bg-white {background-color: #FFF;}
.bg-yellow {background-color: #ffcd54;}
.bg-green {background-color: #c9d8ad; background-color: #FFF;}
.white-text,
.white-text p,
.white-text h4,
.white-text h3,
.white-text h2,
.white-text h1,
.white-text li {color: #FFF!important;}

/* ==========================================================================
Backgrounds
========================================================================== */ 
.stripe {background-image:url(../img/stripe.png);}
.cartographer {background-image:url(../img/cartographer.png);}

.bg-book {background: url(../img/top-banner.jpg) no-repeat center bottom; background-size: cover;  background-attachment: fixed;}

.bg-bokeh {
	background: url(../img/bg-block-5.jpg) no-repeat center bottom;
	background-size: cover;
	background-attachment: fixed;
}

.bg-tired {
	background: url(../img/bg-block-1.jpg) no-repeat center bottom;
	background-size: cover;
	background-attachment: fixed;
}

.bg-intro2 {
	background: url(../img/bg-block-2.jpg) no-repeat center top;
	background-size: cover;
	background-attachment: fixed;
}
.bg-summary {
	background: url(../img/bg-block-3.jpg) no-repeat center top;
	background-size: cover;
	background-attachment: fixed;
}
.bg-about {
	background: url(../img/bg-block-4.jpg) no-repeat center top;
	background-size: cover;
	background-attachment: fixed;
}

/* ==========================================================================
Line Font
========================================================================== */ 
.font-icon {font-size: 70px; color: #3598dc; display: block; margin-bottom: 5px; }

/* ==========================================================================
Headline
========================================================================== */ 
.white-text.title {border-bottom:1px solid rgba(255,255,255,0.1);}
.white-text.title:after {background: rgba(0,0,0,0.4); border:1px solid rgba(255,255,255,0.1);}

/* ==========================================================================
 Navigation
========================================================================== */ 
.navbar-inverse { margin-bottom: 0; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; -webkit-transition: background .5s ease-in-out,padding .5s ease-in-out; -moz-transition: background .5s ease-in-out,padding .5s ease-in-out; transition: background .5s ease-in-out,padding .5s ease-in-out; border: none; background-color: rgba(0,0,0,0.95); padding: 20px 0; box-shadow: 0 1px rgba(255,255,255,0.1);}
.navbar-inverse .navbar-nav > li {padding: 15px 15px;}
.navbar-inverse .navbar-nav > li > a { color: #CCC; display: block; -webkit-transition: all 100ms ease-in-out; -moz-transition: all 100ms ease-in-out; -o-transition: all 100ms ease-in-out; -ms-transition: all 100ms ease-in-out; transition: all 100ms ease-in-out; text-transform: uppercase; font-size: 12px; font-family: "Montserrat", "Montserrat", Lucida Sans Unicode; padding: 0; display: inline-block; line-height: normal; }

.navbar-inverse .navbar-nav > li > a, 
.navbar-inverse .navbar-nav > li {-webkit-transition: all 400ms linear; -moz-transition: all 400ms linear; -o-transition: all 400ms linear; -ms-transition: all 400ms linear; transition: all 400ms linear;}

.navbar-toggle { padding: 4px 6px; font-size: 16px; color: #fff;}
.navbar-toggle:focus,
.navbar-toggle:active { outline: 0;}

.navbar-inverse .navbar-toggle {border: 1px solid #3598dc; border-radius: 50%; height: 40px; width: 40px; line-height: 40px; margin-right: 20px;}
.navbar-toggle .icon-bar {width: 18px; height: 2px; border-radius: 0;}

.navbar-inverse .navbar-toggle:hover {background: #000;}

.navbar-nav {margin: 0;}
.scroll-fixed-navbar {padding-bottom:0;}

.navbar-inverse .navbar-nav > .active > a, 
.navbar-inverse .navbar-nav > .active > a:hover, 
.navbar-inverse .navbar-nav > .active > a:focus {background-color: transparent;}
.navbar > .container .navbar-brand {margin-left: 0;}
.navbar-brand { height:auto;}

.scroll-fixed-navbar {padding:  5px 0; background: rgba(0,0,0,0.9); -webkit-box-shadow: 0 0 7px rgba(0, 0, 0, 0.1); -moz-box-shadow: 0 0 7px rgba(0, 0, 0, 0.1); box-shadow: 0 0 7px rgba(0, 0, 0, 0.1);}

.scroll-fixed-navbar .navbar-nav > li > a {}
.scroll-fixed-navbar .navbar-nav > li > a:hover, 
.scroll-fixed-navbar .navbar-nav > li.active > a,
.scroll-fixed-navbar .navbar-nav > li.active > a:hover {color: #FFF;  }

.navbar-inverse .navbar-nav > .active > a,
.navbar-inverse .navbar-nav > .active > a:hover,
.navbar-inverse .navbar-nav > .active > a:focus,
.navbar-inverse .navbar-nav > li > a:hover,
.navbar-inverse .navbar-nav > li > a:focus {color: #FFF; }

.navbar-toggle { position: relative; float: right; background-color: transparent; padding: 10px; margin: 13px 30px 13px 0; margin-right:0; border: none; color: #fff; border: 2px solid #fff;}
.navbar-toggle .icon-bar { background-color: #fff;}

.navbar-inverse .navbar-collapse, 
.navbar-inverse .navbar-form {border-color: rgba(0,0,0,0.1);}

.nav li a:after {display: block; content: ''; padding-bottom: 5px; border-bottom: solid 2px #555; -webkit-transform: scaleX(0.0001); -ms-transform: scaleX(0.0001); transform: scaleX(0.0001); -webkit-transition: -webkit-transform 350ms ease-in-out; transition: transform 350ms ease-in-out; margin-bottom: -2px;}
.nav li a:hover:after {-webkit-transform: scaleX(1); -ms-transform: scaleX(1); transform: scaleX(1); }

.nav li.active a {border-bottom: solid 2px #555; }

/* ==========================================================================
Logo
======================================================.==================== */ 
#logo {
  float: left;
}

#nav {
  width: 150px;
}

.navigation {
  float: right;
  list-style: none;
  padding: 0;
}

/* ==========================================================================
Banner
========================================================================== */ 
.banner-content { clear: both; padding-top: 150px; padding-bottom: 20px; text-align: center; height: 100%; position: relative;}
.banner-content h2 {margin-bottom: 15px; font-size: 44px; line-height: 60px; color: #333;}
.banner-content h3 {font-size: 22px; font-weight: bold; color: #000; margin: 20px 0; font-weight: normal;}

.banner-content p {color: rgba(255,255,255, 0.8);}
.banner-content .video-container iframe {height: 360px;}
.banner-content .video-container2 iframe {height: 410px;}

.banner-content .buttons-group {margin-top: 30px;}
.banner-content .buttons-group a {padding: 15px 25px; border-radius: 0; font-family: Montserrat,sans-serif; font-size: 14px; letter-spacing: .05em;text-transform: uppercase; background: transparent; margin-right: 10px; margin-top: 20px; color: #FFF;}

.banner-list {margin-bottom: 20px;}
.banner-list li {color: rgba(255,255,255, 0.8); margin-bottom: 10px; position: relative; padding-left: 40px; border-bottom:1px solid rgba(255,255,255,0.05); padding-bottom: 10px;}
.banner-list li:before {display:inline-block; text-align:center; font-family: Ionicons; content:"\f383"; position:absolute; left: 0; top: 4px; font-size: 14px; transition:all 0.3s ease-in; transition:all 0.3s ease-in;  transition:all 0.3s ease-in; color: #f8f8f8; height: 25px; width: 25px; border-radius: 50%; line-height: 25px; background: #f7941d;  border: 1px solid rgba(0,0,0,0.2);}
.banner-list li:last-child {border-bottom: none;}
.banner-list li i { margin-right: 10px; color:#0090D9;}


/* ==========================================================================
Optins
========================================================================== */ 
.input-group-btn > .btn {border-radius: 0;}
.form-control {font-size: 16px;}

.bottom-form button { padding: 15px 20px; margin: 0 auto;}
.bottom-form button:hover { background: #090C0F;}
.bottom-form .form-control {padding: 23px 20px; }
.bottom-form .input-group { margin: 0 auto;}
.bottom-form .form-control,
.bottom-form button { background: #fff; min-height: 60px; font-size: 14px; border-radius: 0; font-family: "Montserrat";}
.bottom-form button {font-size: 13px;}
.bottom-form button { line-height: 26px; padding: 15px 25px; background: #1a1a1a; color: #FFF;  border-radius: 0 3px 3px 0; border: none;  transition: all 0.2s ease-out;  font-family: "Montserrat";}
.bottom-form button:hover { background: #000; color: #FFF;}


.btn-main {
  background-color: #F6C62A;
  color: #FFF;
  font-weight: bold;
  padding: 20px 30px;
  text-transform: uppercase;
  margin-top: 20px;
  display: inline-block;
  font-size: 35px;
  border-radius: 0;
  letter-spacing: 0;
}

a{
  text-decoration: none;
}

a.btn-sub{
  color: #FFF;
}

.privacy div{
  /*clear: both;*/
  padding-top: 20px;
}

/*a.btn-main:hover{
  color: #FFF;
}*/

.btn-sub {
	display: block;
	clear: both;
	margin: 10px auto;
	font-size: 16px;
	color: #FFF;
	text-decoration: underline;
}

a.blue-link {
	color: #3598dc;
}
.lock {
	width: 64px;
	height: 64px;
	margin-right: 20px;
}
/* ==========================================================================
Reviews
========================================================================== */ 
.review-text {position: relative; margin-bottom: 20px; padding: 15px; border-radius: 4px; background: #f5f5f5; color: #9a9a9a;}
.review-text:after {position: absolute; display: block; bottom: -20px; left: 40px; width: 0; height: 0; border-width: 10px 10px; border-color: #f5f5f5 transparent transparent transparent; border-style: solid; content: "";}
.review-text p {margin-bottom: 0;}

.review-meta {position: relative; padding-left: 75px;}
.review-meta img {position: absolute; left: 0; width: 60px; height: 60px; border-radius: 50%;}
.review-meta h4 {margin-bottom: 0; font-size: 16px;}
.review-meta p {margin-bottom: 0;}


/* ==========================================================================
FAQ
 ========================================================================== */
.faq-body { display: block; margin-bottom: 40px; padding-left: 60px; position: relative; padding-right: 20px;} 
.faq-body i {font-size: 46px; position: absolute; left: 0; color: rgb(253, 189, 5);}
.faq-body h4 {
  font-size: 16px;
  text-transform: none;
  color: #404040;
  letter-spacing: 0;	
}
.answer p, .answer li { 
	font-size: 14px;
	line-height: 20px;
	margin-bottom: 12px;
}
.answer li:before{
	font-size: 1rem;
}
	/* ==========================================================================
    Social Links
     ========================================================================== */
.social { margin: 0 0 50px 0; text-align: center;}
.social li { display: inline-block; }
.social li i {font-size: 22px; color: #fff; border-radius: 3px; background: #ddd; margin: 5px; width: 45px; height: 45px; line-height: 45px; display: block; -webkit-transition: all 0.2s ease-out; -moz-transition: all 0.2s ease-out; -ms-transition: all 0.2s ease-out; -o-transition: all 0.2s ease-out; transition: all 0.2s ease-out;}
.social li .icon:hover { background: #1a1a1a;}

.social .ion-social-twitter-outline { background: #00aced; }
.social .ion-social-facebook { background: #3b5998; }
.social .ion-social-dribbble-outline { background: #ea4c89; }
.social .ion-social-googleplus-outline { background: #dd4b39; }
.social .ion-social-linkedin-outline { background: #007bb6; }
.social .ion-social-instagram-outline { background: #517fa4; }
.social .ion-social-pinterest-outline { background: #cb2027; }

/* ==========================================================================
Footer
 ========================================================================== */
.footer-top {background-color: #1b1b1b; padding: 60px 0;}
.footer-sub {background-color: #171717; padding-top: 20px; padding-bottom: 10px;}

.footer h3 {color: #FFF; font-weight: bold; font-size: 17px; margin-bottom: 5px;}
.footer p,
.footer a {color: #ADADAD; margin-bottom: 10px;}
	.footer a:hover {color: #FFF;}
.footer li {padding: 3px 0;}
.footer i {color: #f8f8f8;}

.copyright {float: right;}
.copyright i {color: #FF3D7F; margin:0 5px;}

.quick-links li { padding-left:15px; position:relative;}
.quick-links li:before {display:inline-block; text-align:center; font-family: Ionicons; content:"\f125"; position:absolute; left:0px; top:4px; font-size: 10px; transition:all 0.3s ease-in; color: #f8f8f8;}
.quick-links .label {margin-left: 10px;}

.footer-sub {font-family: "Montserrat", "Lato"; font-size: 12px; text-transform: uppercase; font-weight: 300; letter-spacing: 0.1px}
.footer-sub a {color: #FFF;}

/* ==========================================================================
Scroll To Top
 ========================================================================== */
a.scroll-up { display: none; position: fixed; right: 10px; bottom: 10px; padding: 0 10px; border:1px solid #090C0F; text-align: center;  transition: all 150ms ease-in; -webkit-backface-visibility: hidden;}
a.scroll-up i {color: #090C0F; font-size: 13px; line-height: normal;}
a.scroll-up:hover, 
a.scroll-up:focus { background: #000; color: #FFF;}
a.scroll-up:hover i { color: #FFF;}
 
/* ==========================================================================
Loader
 ========================================================================== */
.loader{ background-color: rgba(0,0,0,0.95); height: 100%; width: 100%; position: fixed; z-index: 999; margin-top: 0px; top: 0px;}
.loader-centered { position: absolute; left: 50%; top: 50%; height: 200px; width: 200px; margin-top: -100px; margin-left: -100px;}
.object{ width: 50px; height: 50px; background-color: rgba(255,255,255,0); margin-right: auto; margin-left: auto; border: 4px solid #FFF; left: 73px; top: 73px; position: absolute;}

.square-one {-webkit-animation: first_object_animate 1s infinite ease-in-out; animation: first_object_animate 1s infinite ease-in-out;} 
.square-two {-webkit-animation: second_object 1s forwards, second_object_animate 1s infinite ease-in-out; animation: second_object 1s forwards, second_object_animate 1s infinite ease-in-out; }	
.square-three {-webkit-animation: third_object 1s forwards, third_object_animate 1s infinite ease-in-out; animation: third_object 1s forwards, third_object_animate 1s infinite ease-in-out; }	   

@-webkit-keyframes second_object {
	100% { width: 100px; height:100px; left: 48px; top: 48px; }
}		
@keyframes second_object {
	100% { width: 100px; height:100px; left: 48px; top: 48px; }
}
@-webkit-keyframes third_object {
	100% { width: 150px; height:150px; left: 23px; top: 23px;}
}		
@keyframes third_object {
	100% { width: 150px; height:150px; left: 23px; top: 23px;}
}

@-webkit-keyframes first_object_animate {
  0% { -webkit-transform: perspective(100px); }
  50% { -webkit-transform: perspective(100px) rotateY(-180deg); }
  100% { -webkit-transform: perspective(100px) rotateY(-180deg) rotateX(-180deg); }
}

@keyframes first_object_animate {
	0% { 
		transform: perspective(100px) rotateX(0deg) rotateY(0deg);
		-webkit-transform: perspective(100px) rotateX(0deg) rotateY(0deg); 
	} 50% { 
		transform: perspective(100px) rotateX(-180deg) rotateY(0deg);
		-webkit-transform: perspective(100px) rotateX(-180deg) rotateY(0deg) ;
	} 100% { 
		transform: perspective(100px) rotateX(-180deg) rotateY(-180deg);
		-webkit-transform: perspective(100px) rotateX(-180deg) rotateY(-180deg);
	}
}

@-webkit-keyframes second_object_animate {
	0% { -webkit-transform: perspective(200px); }
	50% { -webkit-transform: perspective(200px) rotateY(180deg); }
	100% { -webkit-transform: perspective(200px) rotateY(180deg) rotateX(180deg); }
}	


@keyframes second_object_animate {
	0% { 
		transform: perspective(200px) rotateX(0deg) rotateY(0deg);
		-webkit-transform: perspective(200px) rotateX(0deg) rotateY(0deg); 
	} 50% { 
		transform: perspective(200px) rotateX(180deg) rotateY(0deg);
		-webkit-transform: perspective(200px) rotateX(180deg) rotateY(0deg) ;
	} 100% { 
		transform: perspective(200px) rotateX(180deg) rotateY(180deg);
		-webkit-transform: perspective(200px) rotateX(180deg) rotateY(180deg);
	}
}

@-webkit-keyframes third_object_animate {
	0% { -webkit-transform: perspective(300px); }
	50% { -webkit-transform: perspective(300px) rotateY(-180deg); }
	100% { -webkit-transform: perspective(300px) rotateY(-180deg) rotateX(-180deg); }
}

@keyframes third_object_animate {
	0% { 
		transform: perspective(300px) rotateX(0deg) rotateY(0deg);
		-webkit-transform: perspective(300px) rotateX(0deg) rotateY(0deg); 
	} 50% { 
		transform: perspective(300px) rotateX(-180deg) rotateY(0deg);
		-webkit-transform: perspective(300px) rotateX(-180deg) rotateY(0deg) ;
	} 100% { 
		transform: perspective(300px) rotateX(-180deg) rotateY(-180deg);
		-webkit-transform: perspective(300px) rotateX(-180deg) rotateY(-180deg);
	}
}

 
/* ==========================================================================
Media Queries
 ========================================================================== */
 
/* ------ Tablet Portrait size to standard 960 (devices and browsers) ------*/
@media only screen and (max-width: 959px) {


}

@media only screen and (min-width: 480px) and (max-width: 991px) {
	.navbar-inverse .navbar-nav > li {padding: 15px 12px;}
}

/* ------ Mobile Landscape Size to Tablet Portrait (devices and browsers) ------*/
@media only screen and (max-width: 767px) {
	.section {padding: 80px 0;}
	
	h1 {font-size: 28px; line-height: 38px;}
	.navbar > .container .navbar-brand {margin-left: 20px; margin-top: 20px;}
	.navbar-inverse .navbar-nav > li {border-bottom: 1px solid rgba(255,255,255,0.2);}
	.navbar-inverse .navbar-nav > li:last-child {border: none;}
	.video-container {margin-bottom: 10px;}
	.scroll-fixed-navbar {background: rgba(0,0,0,0.95);}
	.contact-list, 
	.quick-links {margin-bottom: 30px;}
	.copyright {float: none;}
	.divider40-mobile {margin-bottom: 30px; padding-bottom: 40px; border-bottom: 1px solid rgba(0,0,0,0.03);}
	.paddingbottom-150 {padding-bottom: 150px;}
	#quote-carousel .item blockquote {font-size: 20px; line-height: 24px;}
	#quote-carousel .carousel-indicators {width: 100%; margin: 0; left: 0; right: 0;}
	
	.banner-form {text-align: center;}
	.banner-form .input-group {margin-bottom: 15px;}
	.margin-home {
    margin-top: -235px;
    padding-top: 150px;
	}
}

/* ------ Mobile Portrait Size to Mobile Landscape Size (devices and browsers) ------*/
@media screen and (max-width: 479px) {
	.social li i {height: 35px; width: 35px; line-height: 35px; margin: 0; font-size: 20px;}
	.bottom-form .input-group {width: 100%;}
	.bottom-form .input-group-btn {display: block; width: 100%;}
	.bottom-form .input-group-btn button {display: block; margin: 0; width: 100%;}
	.bottom-form .form-control, .bottom-form button {min-height: auto; border-radius: 0;}
	.banner-content h1 { font-size: 36px; line-height: 49px;}
	.video-container iframe {height: 200px;}
	.btn-main {font-size: 35px; padding: 20px 15px;}
	h2 {font-size: 35px;line-height: 45px;}
	.guarantee-icon, .instructor-img {float: none !important; margin: 0 auto 30px auto !important;display: block}
}

.instructor {
	padding: 40px;
}

.instructor img {
	width: 200px;
	height: 200px;
	border-radius: 50%;
	margin-left: 30px;
}

.guarantee-icon {
	height: 120px;
	width: 120px;
	margin-right: 40px;
	float: left;
}

.privacy {
  border-top: 1px solid rgba(0,0,0,0.1);
  padding-top: 20px;
  margin-top: 20px;
}
.privacy p {
  font-size: 11px;
  line-height: 18px;
}

.privacy h4 {
	font-size: 14px;
	line-height: 24px;
	margin-bottom: 0;
}

.corner {
	margin-top: 40px;
}

.corner img {
	width: 80px;
	height: 80px;
	float: left;
	border-radius: 50%;
	margin-right: 30px;
}

.corner p {
  margin-bottom: 10px;
  font-size: 17px;
  line-height: 22px;
}

.download {
	position: relative;
	z-index: 999;
	margin-top: 84px;
}

.download h4 {
	margin-top: 15px;
}
.btn-banner {
  margin-top: 0;
  padding: 15px 20px;
  font-size: 14px;
}

.download-inner {
	padding-top: 10px;
	padding-bottom: 10px;
}

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

.auto-margin{
	margin: auto auto;
}
@media (max-width: 575px){
	.btn-smaller-mobile{
		font-size: 16px;
	}
	li, p{
		font-size: 18px;
		line-height: 26px;
	}
}