/*
Theme Name: Fitness Competition Template by Clapdigital
Theme URL: http://www.clapdigital.com/templates
Description: Fitness Competition by Clapdigital
Author: Samuel Olutola http://www.linkojones.com/
Tags: 
*/

/*
##############################################################################
 ---------- PAGE CONTENTS ---------- 
##############################################################################

--- 1. BOOTSTRAP OVERRIDES
--- 2. CSS HACKS
--- 3. NAVIGATION
--- 4. MOBILE/SIDE MENU
--- 5. TITLE
--- 6. SCAFFOLDING
---- 6.1 Section Part 1
---- 6.2 Section Part 2
---- 6.3 Section Part 3
---- 6.4 Section Part 4
---- 6.5 Section Part 5
---- 6.6 Section Part 6
--- 6.X HOME PAGE
---- 6.X.1 Section Part 1
---- 6.X.2 Section Part 2
---- 6.X.3 Section Part 3
---- 6.X.4 Section Part 4
---- 6.X.5 Section Part 5
---- 6.X.6 Section Part 6
---- 6.X.7 Section Part 6
--- 6.X.X TRADING PAGE
---- 6.X.X.1 Section Part 1
---- 6.X.X.2 Section Part 2
---- 6.X.X.3 Section Part 3
--- 6.X.X.X GETTING STARTED PAGE
---- 6.X.X.X.1 Section Part 1
---- 6.X.X.X.2 Section Part 2
---- 6.X.X.X.3 Section Part 3
--- 6.X.X.X.X LOGGED IN HOME PAGE
---- 6.X.X.X.X.1 Section Part 1
---- 6.X.X.X.X.2 Section Part 2
---- 6.X.X.X.X.3 Section Part 3
--- 6.X.X.X.X.X PROFILES PAGE
---- 6.X.X.X.X.X.1 Section Part 1
---- 6.X.X.X.X.X.2 Section Part 2
---- 6.X.X.X.X.X.3 Section Part 3
--- 6.X.X.X.X.X.X RANKINGS PAGE
---- 6.X.X.X.X.X.X.1 Section Part 1
---- 6.X.X.X.X.X.X.2 Section Part 2
---- 6.X.X.X.X.X.X.3 Section Part 3
--- 7. FOOTER
---- 7.1 Footer for Home
---- 7.2 Footer for Trading
--- 8. MEDIA QUERIES
---- 8.1 Smaller than 480px (Micro Devices)
---- 8.2 Smaller than (Phablet)
---- 8.3 Smaller than 500px (Mobile)
----- 8.3.1
------ 8.3.1.1 Section Part Styles for Smaller than 500px
------ 8.3.1.2 Home Page Styles for Smaller than 500px
------ 8.3.1.3 Trading Page Styles for Smaller than 500px
------ 8.3.1.4 Getting Started Page Styles for Smaller than 500px
------ 8.3.1.5 Logged In Styles for Smaller than 500px
------ 8.3.1.6 Profiles Styles for Smaller than 500px
----- 8.3.2 Apple devices (iPhone < 5, iPhone 5, iPhone 6, iPhone 6 Plus, iPad)
------ 8.3.21 Device-aspect-ratio: 2/3 (iPhone < 5)
------ 8.3.22 Device-aspect-ratio: 40/71 (iPhone 5)
------ 8.3.23 Device-aspect-ratio: 375/667(iPhone 6)
------ 8.3.24 Device-aspect-ratio: 16/9(iPhone 6 Plus)
------ 8.3.25 Device-aspect-ratio: 3/4 (iPad)
---- 8.4 Larger than 500px (Mobile-first)
---- 8.5 Between than 500px and 1110px (Reponsive)
---- 8.6 Higher than 768px (Mobile-first)
---- 8.7 Higher than 1366px (Laptop big)
---- 8.8 Higher than 1920px (Desktop big)
--- 9. ANIMATIONS
--- 10. THIRD PARTY CSS INVOKING



##############################################################################
 ---------- END OF PAGE CONTENTS ---------- 
##############################################################################

*/
@import url(//fonts.googleapis.com/css?family=Source+Sans+Pro:300,400,600|Montserrat:100,200,300,400,500,600,700,800,900|Varela+Round|Arimo:400,400italic,700,700italic|Righteous:400,700,300,200|Krona+One);
@import url(//fonts.googleapis.com/css?family=Metrophobic);
@import url(https://css.gg/add-r.css);
/**/

/*
##############################################################################
1. BOOTSTRAP OVERRIDES
##############################################################################
*/
::-webkit-scrollbar{
  width:12.5px;  /* for vertical scrollbars */
  height:12.5px; /* for horizontal scrollbars */
}

::-webkit-scrollbar-track{
  background:#051b40;
  background:#924a05;
}

::-webkit-scrollbar-thumb{
  background:rgba(255, 180, 0, 0.9);
}
::-moz-selection { 
  background:#ffd97f;
}
::-webkit-selection {
  background:#ffd97f;
}
::selection {
  background:#ffd97f;
}
a{
	-webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; -ms-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; color:#ffb400;
}
a:hover, a:focus, a:active{
	text-decoration:none; color:hsl(42, 82%, 34%);
}
.button{
	padding:20px 35px; border:2px solid #f7d61d; color:#924a05; font-family:'Montserrat'; font-size:16px; -webkit-transition: all 0.35s ease-in-out; -moz-transition: all 0.35s ease-in-out; -o-transition: all 0.35s ease-in-out; -ms-transition: all 0.35s ease-in-out; transition: all 0.35s ease-in-out;
}
.button:hover{
	background-color:#e62425; cursor:pointer; border:2px solid #ffb400;
}
.button-holder{
	display:block; margin:0 auto; text-align:center; padding:20px 0;
}
body{
	background-color:#fafafa; background-attachment:fixed; margin:0px;
}
.wrapper{
	width:auto;
}
.header-wrapper {
	background-color: rgb(255, 180, 0); /* The Fallback */ background-color:#ffb400;	
}
.header-holder {
	margin-right:auto; margin-left:auto; height:100px;
}
#header {
	z-index:3;
}
.logo{
	background:url(../img/logo.png) no-repeat; background-size:contain; background-position:center top; /*height:165px;*/ width:165px; margin-top: 30px; font-family: Righteous; font-size: 46px; color:#000; background-color:#323231; text-indent:-99999px;
}
header.fixed-position#header {
	position:fixed; top:0px; left:0px; z-index:-1; width:100%; background-color:#051b40; visibility:hidden; opacity:0.5; -webkit-transition: all 0.35s ease-in-out; -moz-transition: all 0.35s ease-in-out; -o-transition: all 0.35s ease-in-out; -ms-transition: all 0.35s ease-in-out; transition: all 0.35s ease-in-out;
}
header.fixed-position.visible#header {
	z-index:100; visibility:visible; opacity:1; -webkit-transition: all 0.35s ease-in-out; -moz-transition: all 0.35s ease-in-out; -o-transition: all 0.35s ease-in-out; -ms-transition: all 0.35s ease-in-out; transition: all 0.35s ease-in-out;
}
.tophead{
	position:relative; width:100%; margin:0px 0 115px; margin:0 auto;
}
.affix-top{
	position:relative; width:100%; margin:0px 0 115px; margin:0 auto;
}
.affix{
	top:0; width:100%; position:relative;
}
.affix + .title-background{
	margin-bottom:80px;
}
.continue-link{
	text-transform:uppercase; 
  color:#ffffff;   
	font-size: 20px;
  font-weight: 600;
  font-family: Montserrat;
	padding: 20px 35px;
  border: 2px solid #563B30;
  text-transform: uppercase;
  background-color:#924a05;
}
.continue-link:hover{
    color:#924a05;   
    background-color:#ffffff;
}
.continue-link.grey{
}
.continue-link.grey:hover{
}
.continue-link.white{
}
.continue-link.white:hover{
}
.continue-link.black{
}
.continue-link.black:hover{
}
.continue-link.on:after {
  content: "  →";
  color:#b5974f;
}
.continue-link.off{
}
#loading-overlay{
  position: fixed;
  width: auto;
  height: 100%;
  width: 100%;
  height: 100vh;
  background:#fff;
  background-color:#ffffff;
  left: 0;
  top: 0%;
  z-index: 1000;
}
#loading-overlay img {
  position: absolute;
  margin: auto; 
  top:0;
  bottom: 0;
  left: 0;
  right: 0;   
}
#to-top {
  width:40px;
  height:40px;
  padding:3px;
  background-color:#bbbbbb;
  color:#ffffff;
  position:fixed;
  bottom:0;
  margin:0 40px 20px 0;
  right:0px;
  display: none;
  opacity:0.5;
  -webkit-border-radius:2px;
  -moz-border-radius:2px;
  -o-border-radius:2px;
  border-radius:2px;
  cursor:pointer;
  z-index:999; -webkit-transition: all 0.35s ease-in-out; -moz-transition: all 0.35s ease-in-out; -o-transition: all 0.35s ease-in-out; -ms-transition: all 0.35s ease-in-out; transition: all 0.35s ease-in-out;
}
#to-top:hover {
  opacity:1; -webkit-transition: all 0.35s ease-in-out; -moz-transition: all 0.35s ease-in-out; -o-transition: all 0.35s ease-in-out; -ms-transition: all 0.35s ease-in-out; transition: all 0.35s ease-in-out;
}
#to-the-top { 
  font-size:1.5rem;  color:#ffffff;  margin:10px;
}

/*
##############################################################################
2. CSS HACKS
##############################################################################
*/
.hide-body{
  display:none;
}
.stop-scrolling {
  height:100%;
  overflow:hidden;
}
.bold{
  font-weight:700;
}
.underline{
  text-decoration:underline;
}
.text-center{
  text-align:center;
}
.horizontal-scrollable-div{
  min-width:10000px;
  padding:0 10px;
}
.gradient-clearfix{ 
	height:30px;
	background: -moz-linear-gradient(top,  rgba(255,255,255,0) 20%, rgba(255,255,255,1) 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top,  rgba(255,255,255,0) 20%,rgba(255,255,255,1) 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom,  rgba(255,255,255,0) 20%,rgba(255,255,255,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#ffffff',GradientType=0 ); /* IE6-9 */
} 
.gradient-clearfix{ 
	height:30px;
	background: -moz-linear-gradient(top,  rgba(255,255,255,0) 20%, rgba(255,255,255,1) 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top,  rgba(255,255,255,0) 20%,rgba(255,255,255,1) 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom,  rgba(255,255,255,0) 20%,rgba(255,255,255,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#ffffff',GradientType=0 ); /* IE6-9 */
} 
.dots-overlay{
}
.dots-overlay::after {
  content: ""; border:none; position:absolute; top:0;	left:0; right:0; bottom:0; z-index:1; background:rgba(228, 223, 255, 0.05) url(//clapdigital.com/media/ZEzauKVgSxbAAppyv9PV/dots_overlay_40_opacity.png); background-size:6px;
}
.dots-overlay > * {
  z-index:2; position:relative;
}
.clear:before, .clear:after {
  content:"";
  display:table
}
.clear:after {
  clear:both
}
.clear {
  zoom:1
}
.clearfix:before,
.clearfix:after {
    content: " ";
    display: table;
}
.clearfix:after {
    clear: both;
}
.clearfix {
    *zoom: 1;
}
#preload{
	position:absolute;
	bottom:-1px;
	height:1px;
	width:1px;
	visibility:hidden;
}
#preload img{
	height:1px;
	width:1px;
}
.all-fonts{
	font-weight:100;
	font-family:Arimo;
	font-family:Montserrat;
	font-family:Krona One;
	font-family:Varela Round;
	font-family:Source Sans Pro;
	font-family:Righteous;
}
.cross-overlay{
}
.cross-overlay::after {
  content: ""; border:none; position:absolute; top:0;	left:0; right:0; bottom:0; z-index:1; background:rgba(228, 223, 255, 0.05) url(//clapdigital.com/media/ZEzauKVgSxbAAppyv9PV/cross_overlay_red_40_opacity.png); /*background-size:6px;*/
}
.cross-overlay > * {
  z-index:2; position:relative;
}
.dark-85-overlay{  
	background-color:#000000; width:100%; height:100%; display:block; position:absolute; opacity:0.85; /*background-color: rgba(0, 0, 0, 0.85);*/
}
.dark-65-overlay{  
	background-color:#000000; width:100%; height:100%; display:block; position:absolute; opacity:0.65; /*background-color: rgba(0, 0, 0, 0.65);*/
}
.dark-50-overlay{  
	background-color:#000000; opacity:0; 
	-webkit-transition: all 1s ease-in-out; 
	-moz-transition: all 1s ease-in-out;
	-ms-transition: all 1s ease-in-out; 
	-o-transition: all 1s ease-in-out; 
	transition: all 1s ease-in-out;
	/*background-color: rgba(0, 0, 0, 0.50);*/
}
#wrap.dark-50-overlay{
	-webkit-filter: blur(3px); opacity:1;
	-webkit-transition: all 1s ease-in-out; 
	-moz-transition: all 1s ease-in-out;
	-ms-transition: all 1s ease-in-out; 
	-o-transition: all 1s ease-in-out; 
	transition: all 1s ease-in-out;
}
#wrap{
	-webkit-transition: all 1s ease-in-out; -moz-transition: all 1s ease-in-out; -ms-transition: all 1s ease-in-out; -o-transition: all 1s ease-in-out; transition: all 1s ease-in-out; min-height:100%;
}
#footer{
	/*position:relative; margin-top:-102px; height:102px; clear:both;*/
}

/*
##############################################################################
3. NAVIGATION
##############################################################################
*/
.navbar#nav{
	position:relative;    min-height:initial;    margin-bottom:initial;    border:none;
}
#nav{
	font-family:Montserrat; float:right; text-shadow:0px 0px 1px #ffffff; text-shadow:none; text-transform:uppercase;
}
#nav ul{
	list-style-type:none; margin:0;
}
#nav ul li{
	padding:35px 0px 25px 45px; float:left;
}
#nav ul li a{
	color:rgba(245, 245, 245, 0.9); font-size:1em; font-weight:600; letter-spacing:.8px; padding:0;
}
.nav>li>a:focus, .nav>li>a:hover {
    background-color: transparent;
}
#nav ul li a:hover{
  color: rgba(255, 180, 0, 0.9);
	background-color:transparent;
}
#nav ul li a:active{
	color:rgba(250, 250, 250, 1);
}
#nav ul li.current{
	color:#ffb400; 
}
#nav ul li.active a{
	color:#ffb400; 
}
#nav ul li.current a{
	color:#ffb400; 
}
.sp1-wrapper{
    padding-top:80px;
}
.sp2-wrapper{
    padding-top:80px;
}
.sp3-wrapper{
    padding-top:80px;
}
.sp4-wrapper{
    padding-top:80px;
}
.sp5-wrapper{
    padding-top:80px;
}
.sp6-wrapper{
    padding-top:80px;
}
.sp7-wrapper{
    padding-top:80px;
}

/*
##############################################################################
4. MOBILE/SIDE MENU
##############################################################################
*/
#menu-open{ 
  padding:25px 0px 20px 50px;	
  position:relative;
  padding:20px 23px 24px;
}
#menu-open a{
	color:rgba(245, 245, 245, 0.9);	font-size:26px;
}
#menu-open a:hover{
	color:rgba(245, 245, 245, 0.9);
}
#menu-open {
  display:block;
  width:55px;
  height:30px;
  position:fixed;
  right:10px;
  margin:20px auto 0;
  -webkit-transform: rotate(0deg);
  -moz-transform: rotate(0deg);
  -o-transform: rotate(0deg);
  transform: rotate(0deg);
  -webkit-transition: .5s ease-in-out;
  -moz-transition: .5s ease-in-out;
  -o-transition: .5s ease-in-out;
  transition: .5s ease-in-out;
  cursor: pointer;
  float:right;
  z-index:102;
  clear:right;
  background-color:rgb(255, 180, 0);
}
#menu-open span {
  display: block;
  position: absolute;
  height:4px;
  width:40px;
  background:#ffffff;
  border-radius: 0px;
  opacity: 1;
  left:8px;
  -webkit-transform: rotate(0deg);
  -moz-transform: rotate(0deg);
  -o-transform: rotate(0deg);
  transform: rotate(0deg);
  -webkit-transition: .25s ease-in-out;
  -moz-transition: .25s ease-in-out;
  -o-transition: .25s ease-in-out;
  transition: .25s ease-in-out;
}
#menu-open span:nth-child(1) {
  top:8px;
}
#menu-open span:nth-child(2) {
  top:19px;
}
#menu-open span:nth-child(3) {
  top:30px;
}
#menu-open.open span:nth-child(1) {
  top: 18px;
  left: 5px;
  width: 42px;
  -webkit-transform: rotate(35deg);
  -moz-transform: rotate(35deg);
  -o-transform: rotate(35deg);
  transform: rotate(35deg);
}
#menu-open.open span:nth-child(2) {
    opacity: 0.51;
    left: 24px;
    width: 5px;
}
#menu-open.open span:nth-child(3) {
    top: 18px;
    left: 5px;
    width: 42px;
    -webkit-transform: rotate(-35deg);
    -moz-transform: rotate(-35deg);
    -o-transform: rotate(-35deg);
    transform: rotate(-35deg);
}
#menu-close{
	float: right;	margin: 20px;
}
#menu-close a{
	color:rgba(245, 245, 245, 0.9);	font-size:26px;
}
#mobile-fixed-height{
	height:480px;
}
#m-nav{
	font-family:'Montserrat'; font-size:16px; background-color:rgb(255, 180, 0);	width:100vh; /*right:0px;*/ position:fixed; overflow:hidden; height: 100%;	z-index: 101;
}
#m-nav ul{
	list-style-type:none;
}
#m-nav ul li{
	display:block; position:relative; margin:20px 10px 20px 0; padding:10px 0; float:none;
}
#m-nav ul li.members-only{
	border-bottom:1px solid white;
}
#m-nav .menu-holder{
  margin: 80px 0 0 0;
  height:99%;
  overflow-y: scroll;
}
#m-nav #side-menu{
	padding:0px 10px 10px 30px; height:100%; margin:0;  text-align: right;
}
#m-nav #side-menu li a {
	background:none; position:relative; color:rgba(245, 245, 245, 0.9);	text-shadow:0px 0px 1px #ffffff; text-shadow:none; padding:10px 0px; z-index:2; clear:both; opacity:.9999; text-decoration: none; font-weight:600;
}
#m-nav #side-menu li a:hover{
	color:rgba(245, 245, 245, 0.9);
}
#m-nav #side-menu .social-menu{
	float:left; width:240px; padding-left:0px;
}
#m-nav #side-menu .social-menu li{
	float:left;	width:50px;
}
#m-nav #side-menu .social-menu li.first{
	float:left;	width:50px;	margin-left:-20px;
}
#m-nav #side-menu .social-menu i{
	font-size:25px;
}
.touch-nav{
	position:fixed;
	z-index: 3;
    /*top: 42.85% !important;*/
    top: 41.80% !important;
    right: 38px;
}
.touch-nav ul#touch-menu{
	list-style-type:none;
    margin-bottom: 0;
}
.touch-nav ul li{
}
.touch-nav ul li a{
	color:#ffb400;
}
.touch-nav ul li a:hover, .touch-nav ul li a:focus, .touch-nav ul li a:active {
    text-decoration: none;
}
.touch-nav ul li a i.Hovered:before {
  content: "\f10c";
  color:#f65251;
}
.touch-nav ul li a i.UnHovered:before {
  content: "\f111";
  color:#f65251;
}
.touch-nav ul li a i.inZone{
  -webkit-transition: all 0.35s ease-in-out; 
  -moz-transition: all 0.35s ease-in-out; 
  -o-transition: all 0.35s ease-in-out; 
  -ms-transition: all 0.35s ease-in-out; 
  transition: all 0.35s ease-in-out;
}
.touch-nav ul li a i.inZone:before {
  content: "\f111";
  color:#ffb400;
}

/*
##############################################################################
5. TITLE
##############################################################################
*/
.video-overlay{  
	background-color: rgba(38, 18, 0, 0.65); width:100%; height:100%; display:block; position:absolute; /*background-color: rgba(0, 5, 44, 0.65);*/display: flex;
    justify-content: space-between; width:100%;
}
.title-background{
	margin:0 auto; overflow:hidden; position:relative;
}
video.title-background{
	position:absolute; top:50%; left:50%; min-width:100%; min-height:100%; width:auto; height:auto; z-index:-100; transform:translateX(-50%) translateY(-50%); background: url('//clapdigital.com\templates') no-repeat; background-size:cover;  transition: 1s opacity;
}
.stopfade { 
	opacity:0.5;
}
.title-wrapper{
	width:1140px; margin:0 auto;  display: block;  position: relative;
}
.title-title{
	width:auto; margin:40px auto auto auto; position:relative;
}
.title-text{padding-bottom:20px; color: #ffb400; text-transform:uppercase; line-height:100%; text-shadow:none;}
.title-text.main{
	font-family:'Metrophobic'; font-size:2.6rem; text-align:center; font-weight:700; text-shadow:0px 1px 1px rgba(255, 255, 255, 0.85); text-shadow:none;
}
.title-text.emphasis{
	font-family:Montserrat; padding-top:5px; padding-bottom:20px; color:rgba(245, 245, 245, 0.9); font-size:4.4rem; text-align:center; font-weight:700; letter-spacing:-3px; text-shadow: 0px 0px 1px rgba(233, 148, 65, 0.8); text-shadow:none; 
}
.title-text.small{
	font-family:'Source Sans Pro'; padding-bottom:20px; font-size:1rem; text-align:center; font-weight:600; text-shadow:0px 1px 1px rgba(255, 255, 255, 0.85); text-shadow:none; color:#ffd97f;
}
.title-img{
	width:100%; height:400px; background:no-repeat center center; background-size:contain; margin:40px auto 0; max-width: 300px;
}
.title-button{
	width:100%; margin:40px auto 0; display:block; position:relative; text-align:center;
}
.log-in{border-radius:10px; font-family:Varela Round; font-weight:bold; font-size:1em; text-transform:uppercase; text-align:center; padding:8px 30px 6.5px; letter-spacing:1px;}
a.log-in{
	background-color:rgba(0, 0, 0, 0.1); border:2px solid #e62425; color:#e62425; 
}
a.log-in:hover{
	background-color:#e62425; border:2px solid transparent; color:rgba(255, 255, 255, 0.8); 
}
.title-background .icon-wrapper{
	text-align:center;
    position: absolute;
    bottom: 20px;
    left: 50%;
}
.title-background .icon-wrapper i {
    top:0px;
    position:relative;
    color:#e3e3e3;
    font-size:36px;
    -webkit-transition:.75s ease-in-out;
    -moz-transition:.75s ease-in-out;
    -o-transition:.75s ease-in-out;
    transition:.75s ease-in-out;
    text-shadow:0px 1px 1px rgba(7, 29, 250, 0.75);
    cursor:pointer;
}

/*
##############################################################################
6. SINGLE PAGE
##############################################################################
*/
.sp-background{
	margin:0 auto;
}
.sp-title{
	font-family:'Montserrat'; color:rgba(61, 61, 61, 0.18); font-size:2em; font-weight:600; margin:20px; text-transform:uppercase; text-shadow: 0px 1px 1px rgba(0, 0, 0, 0.15);
}
.sp-background hr{
	border-top:1px solid #ffb400;  margin:15px auto;  width:80px;
}
hr.sh-red-border{
	border-top:3px solid #e62425; margin-top:-2px; /*margin-bottom: -1px; */ width:400px;
}
.sp-button{
	width:100%; margin:0 auto; display:block; position:relative;
}
.read-more{border-radius:10px; font-family:Varela Round; font-weight:bold; font-size:1em; text-transform:uppercase; text-align:center; padding:8px 60px 6.5px; letter-spacing:1px;}
a.read-more{
	background-color:transparent; border:2px solid #e62425; color:#e62425; 
}
a.read-more:hover{
	background-color:#e62425; border:2px solid transparent; color:rgba(255, 255, 255, 0.8); 
}
.container.title{
    margin-top: 80px;
}

/*
##############################################################################
6.1 Single Page 1
##############################################################################
*/
#sp1-background{
	margin:0 auto; background-color:#000000;
}
.sp1-wrapper{
	width:100%; margin:0px auto 0;
}
.sp1-img-wrapper{
	float:left;	width:55%; overflow:hidden;
}
.sp1-img-wrapper img{
	width:100%;
}
.sp1-text-wrapper{
	width:100%; text-align:center; margin-bottom:50px;
}
#sp1-section .main-container {
  margin:0px auto 50px;
}
#sp1-section .sh-red-border{
	float:left;
}
#sp1-section .sp-title{
	text-align:right;
}
.sp1-wrapper .toggle-panel{
}
.sp1-wrapper .toggle-panel i{
  transform: rotate(0deg);
  -webkit-transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
  -ms-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
}
.sp1-wrapper .toggle-panel i.active{
  transform: rotate(45deg);
  -webkit-transition: all 0.1s ease-in-out;
  -moz-transition: all 0.1s ease-in-out;
  -o-transition: all 0.1s ease-in-out;
  -ms-transition: all 0.1s ease-in-out;
  transition: all 0.1s ease-in-out;
}
#sp1-section .container.ln {
	width:100%; clear:both;
}

/*
#sp1-section .latest-news{
	font-family:'Varela Round'; font-size:2rem; font-weight:400; text-shadow:0px 1px 1px rgba(255, 255, 255, 0.85); text-shadow:none; color:#e62425; margin: 20px auto;  margin: 20px auto;  background-color:#ffffff;  box-shadow:0px 1px 1px rgba(0, 0, 0, 0.17);  padding:10px; height:48px; -webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; -ms-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; 
}
#sp1-section .latest-news:hover{
	cursor:pointer; background-color:#f65251; -webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; -ms-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; 
}
#sp1-section .latest-news:hover marquee{
	color:#ffffff;
}
#sp1-section .latest-news:hover .news-header{
	color:#ffffff; background-color:#f65251; -webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; -ms-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; 
}
#sp1-section .latest-news:hover .news-spacer{
	color:#ffffff; background-color:#f65251; -webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; -ms-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; 
}
#sp1-section .latest-news .news-header{
	display:block; float:left; width:120px; color:rgba(19, 8, 64, 1); -webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; -ms-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; 
}
#sp1-section .latest-news .news-spacer{
	display:block; float:left; width:10px; color:rgba(19, 8, 64, 1); -webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; -ms-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; 
}
#sp1-section .latest-news marquee{
	font-family:'Montserrat'; font-weight:400; color:#f65251; display:block; float:left; width:990px; letter-spacing:2px; text-transform:capitalize;
}
*/

/* HOVER STATE CODE ABOVE IN PERMANANT STATE */
#sp1-section .latest-news{
	font-family:'Varela Round'; font-size:2rem; font-weight:400; text-shadow:0px 1px 1px rgba(255, 255, 255, 0.85); text-shadow:none; color:#e62425; margin: 20px auto;  margin: 20px auto; cursor:pointer; background-color:#f65251; box-shadow:0px 1px 1px rgba(0, 0, 0, 0.17); padding:10px; height:48px; cursor:pointer; -webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; -ms-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; 
}
#sp1-section .latest-news .news-header{
	display:block; float:left; width:120px; color:#ffffff; background-color:#f65251; -webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; -ms-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; 
}
#sp1-section .latest-news .news-spacer{
	display:block; float:left; width:10px; color:#ffffff; background-color:#f65251; -webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; -ms-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; 
}
#sp1-section .latest-news marquee{
	font-family:'Montserrat'; font-weight:400; color:#ffffff; display:block; float:left; width:990px; letter-spacing:2px; text-transform:capitalize;
}
#sp1-section .latest-news marquee a{
    color:hsl(360, 71%, 39%);
}
#sp1-section .latest-news marquee a:hover{
    color:#ffffff;
}
/* END OF HOVER STATE CODE ABOVE PERMANANT STATE */

.sp1-text{padding-bottom:20px; color: rgba(245, 245, 245, 0.9); text-transform:uppercase; line-height:100%; text-shadow:none;
}
.sp1-text.main-title{
	font-family:'Montserrat'; font-weight:700; font-size:0.5em; text-shadow:none; color:#ffb400; letter-spacing: 1px;
}
.sp1-text.emphasis-title{
	font-family:'Montserrat'; padding-bottom:0; color:#ffb400; font-size:2em; font-weight:900; text-shadow:0px 0px 1px rgb(255 180 0 / 80%); /* text-shadow:none; */ margin-top:60px;
}
.sp1-text.main{
	font-family:'Varela Round'; font-size:2rem; font-weight:600; text-shadow:0px 1px 1px rgba(255, 255, 255, 0.85); text-shadow:none; color:rgba(47, 1, 1, 0.75);
}
.sp1-text.emphasis{
	font-family:'Montserrat'; padding-top:0px; padding-bottom:10px; color:#071dfa; font-size:4rem; font-weight:600; text-shadow:0px 0px 1px rgba(65, 148, 233, 0.8); /* text-shadow:none; */ margin-top:80px;
}
.sp1-text.small{
	font-family:'Montserrat', Source Sans Pro; padding-top:10px; padding-bottom:20px; font-size:1.6rem; line-height:2.5rem; font-weight:400; color:#2f0101; text-shadow:none; text-transform:none;
}
#sp1-section #what-is-trading{
	text-align:left; margin-bottom:10px;
}    
#sp1-section #what-is-trading .sp1-text.main{
	font-family:'Arimo'; letter-spacing:-0.5px;
}
#pricing-table {
  margin: 100px auto;
  width:100%;
  /* display: flex; */
}
#pricing-table .label{
  text-align: right;
    text-transform: uppercase;
    background-color: #ffb400;
    color: #ffffff;
    border-radius: 30px;
    font-size: 16px;
    padding: 0 30px;
    width: fit-content;
    position: relative;
    display: flex;
    margin: 0 0px 0 auto;
    font-weight: 600;
    }
#pricing-table .label.new{
    background-color: #25e879;
    }
#pricing-table .heading{

    }
#pricing-table .package-title{
      display: flex;
    }
#pricing-table .package-img{
    height: 80px;
    width: 80px;
    background-color: #ffb400;
    border-radius: 4px;
    overflow: hidden;
  }
#pricing-table .package-img img{
    width: 100%;
  }
#pricing-table .package-text{
  text-align: left; margin-left: 20px;
}
#pricing-table .package-name{
  font-size: 23px;
  font-weight: 600;
}
#pricing-table .package-currency{
  font-size: 32px;
  color:#ffd97f;
}
#pricing-table .package-price{
  font-size: 45px;
    font-weight: 700;
  }
#pricing-table .package {
  font-family:'Montserrat', Arial, Helvetica;
  font-size:12px;     
  background: #fff;      
  border: 1px solid #ddd;
  color:#ffb400;
  padding: 20px;
  width: 32.9%;    
  float: left;
  position: relative;
}
#pricing-table #most-popular {
  z-index: 2;
  top: -60px;
  border-width: 3px;
  padding: 30px 20px;
  -moz-border-radius: 40px;
  -webkit-border-radius: 40px;
  border-radius: 40px;
  -moz-box-shadow: 20px 0 10px -10px rgba(0, 0, 0, .15), -20px 0 10px -10px rgba(0, 0, 0, .15);
  -webkit-box-shadow: 20px 0 10px -10px rgba(0, 0, 0, .15), -20px 0 10px -10px rgba(0, 0, 0, .15);
  box-shadow: 20px 0 10px -10px rgba(0, 0, 0, .15), -20px 0 10px -10px rgba(0, 0, 0, .15);    
}
#pricing-table .package:nth-child(1) {
  -moz-border-radius: 40px 0 0 40px;
  -webkit-border-radius: 40px 0 0 40px;
  border-radius: 40px 0 0 40px;        
}
#pricing-table .package:nth-child(3) {
  -moz-border-radius: 0 40px 40px 0;
  -webkit-border-radius: 0 40px 40px 0;
  border-radius: 0 40px 40px 0;        
}
#pricing-table .heading {
  font-size: 20px;
  font-weight: normal;
  /* padding: 20px; */
  /* margin: -20px -20px 50px -20px; */
}
#pricing-table #most-popular .heading {
  margin-top: -30px;
  padding-top: 30px;
  -moz-border-radius: 5px 5px 0 0;
  -webkit-border-radius: 5px 5px 0 0;
  border-radius: 5px 5px 0 0;     
}
#pricing-table .package:nth-child(1) .heading {
  -moz-border-radius: 5px 0 0 0;
  -webkit-border-radius: 5px 0 0 0;
  border-radius: 5px 0 0 0;       
}
#pricing-table .package:nth-child(4) .heading {
  -moz-border-radius: 0 5px 0 0;
  -webkit-border-radius: 0 5px 0 0;
  border-radius: 0 5px 0 0;       
} 
#pricing-table .heading .price-field {
  display: block;
  padding:20px;
  font-family:'Varela Round', Arial, Helvetica;
  font-size:25px;
  font-weight:bold;
  text-align:center;
  color:#0d45a2;
  background:#fff;
  border:5px solid #fff;
  margin:10px auto -55px;
  -moz-border-radius:100px;
  -webkit-border-radius:100px;
  border-radius:100px;
  -moz-box-shadow:0 5px 20px #ddd inset, 0 3px 0 #999 inset;
  -webkit-box-shadow:0 5px 20px #ddd inset, 0 3px 0 #999 inset;
  box-shadow:0 5px 20px #ddd inset, 0 3px 0 #999 inset;
}
#pricing-table ul {
  border-top: 1px solid #ddd;
  margin: 20px 0 0 0;
  padding: 0;
  list-style: none;
}
#pricing-table li {
  padding: 10px 0;
} 
#pricing-table i.gg-check{
  display: inline-block;    top: 6px;    margin-right: 5px;
}
#pricing-table .button {
  display:inline-block; 
  position:relative;
  margin:20px 0 0 0;  
  padding:14px 40px;    
  font-weight: 600;
  text-shadow: none;  
  text-decoration:none; 
  border:1px solid transparent;
  background-color:#ffb400;  
  border-radius: 20px; 
}
#pricing-table .button:hover {
  color:#ffb400;
  background-color:#ffffff;  
  border:1px solid #ffb400;  
}
#pricing-table .button i{
  display: inherit;      width: 25px;    height: 0px;      top: 6px;
}
#pricing-table #most-popular .button {
  background-color:#b5974f;   
  color:#ffffff; 
}
#pricing-table .signup:hover {
  background-color:#e62425;
}
#pricing-table .signup:active, #pricing-table .signup:focus {
  background: #62bc30;       
  top: 2px;
  -moz-box-shadow: 0 0 3px rgba(0, 0, 0, .7) inset;
  -webkit-box-shadow: 0 0 3px rgba(0, 0, 0, .7) inset;
  box-shadow: 0 0 3px rgba(0, 0, 0, .7) inset; 
}

/*
##############################################################################
6.2 Single Page 2
##############################################################################
*/
#sp2-background{
	margin:0 auto; background-color: #000000;
}
.sp2-wrapper{
	width:100%; margin:0px auto 0; 
}
#sp2-section .sh-red-border{
	float:right; margin-right:280px; width:300px;
}
#sp2-section .sp-title{
	color:rgb(250, 250, 250);
}
.sp2-text-wrapper{
  width:100%; text-align:center; margin-bottom:50px;
}
.sp2-text{padding-bottom:20px; color: rgba(245, 245, 245, 0.9); text-transform:uppercase; line-height:100%; text-shadow:none;
}
.sp2-text.main-title{
  font-family:'Montserrat'; font-weight:700; font-size:0.5em; text-shadow:none; color:#ffb400; letter-spacing: 1px;
}
.sp2-text.emphasis-title{
  font-family:'Montserrat'; padding-bottom:0; color:#ffb400; font-size:2em; font-weight:900; text-shadow:0px 0px 1px rgb(255 180 0 / 80%); /* text-shadow:none; */ margin-top:60px;
}
.sp2-text.main{
  font-family:'Varela Round'; font-size:2rem; font-weight:600; text-shadow:0px 1px 1px rgba(255, 255, 255, 0.85); text-shadow:none; color:rgba(47, 1, 1, 0.75);
}
.sp2-text.emphasis{
  font-family:'Montserrat'; padding-top:0px; padding-bottom:10px; color:#071dfa; font-size:4rem; font-weight:600; text-shadow:0px 0px 1px rgba(65, 148, 233, 0.8); /* text-shadow:none; */ margin-top:80px;
}
.sp2-text.small{
  font-family:'Montserrat', Source Sans Pro; padding-top:10px; padding-bottom:20px; font-size:1.6rem; line-height:2.5rem; font-weight:400; color:#2f0101; text-shadow:none; text-transform:none;
}
#pricing-options{
  display: flex;
}
#pricing-options .plan{
  border-radius: 40px;
  background-color: #ffffff;
  color: #ffb400;
  width: 30%;
      margin-right: 1.5%;
  max-height: 815px;
  overflow: hidden;
  padding: 40px;
}
#pricing-options .plan#choose-a-plan{
  width: 30%;
  background-color: #ffb400;
}
#pricing-options .plan#choose-a-plan h3{
  font-weight: 500;
  color: #ffffff;
}
#pricing-options .heading .label{
  background-color: #ffb400;
  color: #ffffff;
  font-size: 23px;
  font-weight: 600;
  border-radius: 10px;
  padding: 15px 22.5px;
}
#pricing-options .heading h3{
  color: #ffb400;
  font-size: 53px;
  font-weight: 700;
}
#pricing-options .pricing-img{
  overflow: hidden;
  margin: -40px;
}
#pricing-options .pricing-img img{
  width: 100%;
}
#pricing-options .pricing-price{
  font-size: 53px;
  font-weight: 700;
}
#pricing-options .plan ul.plan-list{
  border-bottom: 1px solid #b6b6b6;
  padding-bottom: 20px;
}
#pricing-options .button {
  position:relative;
  padding:14px 40px;
  margin:20px 0 0 0;  
  text-decoration:none;
  display:inline-block;  
  border:1px solid transparent;
  background-color:#ffb400;  
  text-shadow: none;  
  border-radius: 20px; 
  text-align: center;
    width: 100%;
}
#pricing-options .button:hover {
  color:#ffb400;
  background-color:#ffffff;  
  border:1px solid #ffb400;  
}



/*
##############################################################################
6.3 Single Page 3
##############################################################################
*/
#sp3-background{
	margin:0 auto; background-color:#000000;
}
#sp3-section .sh-red-border {
    float:right;
    margin-left:80px;
}
.sp3-wrapper{
	width:100%; margin:0px auto 0;
}
#sp3-section .main-container{    
    margin:50px auto;
}
.sp3-text-wrapper {    width: 100%;    text-align: center;    margin-bottom: 50px;
}
.sp3-text{padding-bottom:20px; color: rgba(245, 245, 245, 0.9); text-transform:uppercase; line-height:100%; text-shadow:none;
}
.sp3-text.main-title{
  font-family:'Montserrat'; font-weight:700; font-size:0.5em; text-shadow:none; color:#ffb400; letter-spacing: 1px;
}
.sp3-text.emphasis-title{
  font-family:'Montserrat'; padding-bottom:0; color:#ffb400; font-size:2em; font-weight:900; text-shadow:0px 0px 1px rgb(255 180 0 / 80%); /* text-shadow:none; */ margin-top:60px;
}
#sp3-section .main-container .text-container{
	font-family:'Righteous', Arial, Helvetica;
	font-size:25px;
	font-weight:bold;
    text-align:center;
}
#sp3-section .img-container{    
	float:left;
    width:500px;
    margin:30px 10px 20px 80px;
}
.rslides {
  position: relative;
  list-style: none;
  overflow: hidden;
  width: 100%;
  padding: 0;
  margin: 0;
}
.rslides li {
  -webkit-backface-visibility: hidden;
  position: absolute;
  display: none;
  width: 100%;
  left: 0;
  top: 0;
}
.rslides li:first-child {
  position: relative;
  display: block;
  float: left;
}
.rslides img {
  display: block;
  height: auto;
  float: left;
  width: 100%;
  border: 0;
}
.sp3-wrapper .mailing-list{
	float:left;
	margin:60px auto;
	width:500px;
}
.sp3-wrapper .mailing-list iframe::-webkit-scrollbar{
	width:0px;
	height:0px; 
}
.sp3-wrapper .mailing-list iframe::-webkit-scrollbar-track{
	background:#ffffff;
}
.sp3-wrapper .mailing-list iframe::-webkit-scrollbar-thumb{
	background:rgba(255, 255, 255, 1);
}
.sp3-wrapper .mailing-list iframe .outer_wrap{
	font-family:'Varela Round';
	width:100% !important;
}
.sp3-wrapper .mailing-list iframe .outer_wrap .cont-header h1, a.button-custom h1{
	font-family:'Varela Round';
}

/*
##############################################################################
6.4 Single Page 4
##############################################################################
*/
#sp4-background{
	margin:0 auto;  background-color:#000000;
}
.sp4-wrapper{
	width:100%; margin:0px auto 0;
}
#sp4-section .sh-red-border{
	float:right; margin-right:350px; width:300px;
}
#sp4-section .sp-title{
	color:rgb(250, 250, 250);
}
.sp4-text-wrapper {    width: 100%;    text-align: center;    margin-bottom: 50px;
}
.sp4-text{padding-bottom:20px; color: rgba(245, 245, 245, 0.9); text-transform:uppercase; line-height:100%; text-shadow:none;
}
.sp4-text.main-title{
  font-family:'Montserrat'; font-weight:700; font-size:0.5em; text-shadow:none; color:#ffb400; letter-spacing: 1px;
}
.sp4-text.emphasis-title{
  font-family:'Montserrat'; padding-bottom:0; color:#ffb400; font-size:2em; font-weight:900; text-shadow:0px 0px 1px rgb(255 180 0 / 80%); /* text-shadow:none; */ margin-top:60px;
}
#sp4-section .main-container {
    margin:40px auto;
}
.miscellaneous_background .sp-title{
	color:rgb(250, 250, 250); text-align:center; color:#ffffff; font-size:40px;font-family:'Montserrat'; text-transform:capitalize; display:block; position:relative;font-weight:bold; text-shadow:0px 1px 1px #000; padding:50px 0;
}
.miscellaneous_background{
	background-image:url(../img/final_prompt_background_img_2.png); background-attachment:fixed; background-size:cover;
}
.final_prompt_wrapper{
	padding:50px 0 60px; background-color:rgba(255,255,255,1); overflow-y:hidden; cursor:e-resize; cursor:-webkit-grab; background-image:url(../img/financial_trading_app_background_hd_dark.jpg); background-position-y:center; background-repeat:no-repeat; background-size:cover;
}
.final_prompt_wrapper.grabbing{
	cursor:-webkit-grabbing;
}
.horizontal-scrollable-div .tweet-wrapper{
	display:block; float:left; width:300px; margin:0 10px; text-align:center; height:230px; font-family:'Arimo'; color:#f65275; padding:10px; z-index:100; background-color:rgba(0, 0, 0, 0.4); overflow:auto;
}
.horizontal-scrollable-div .tweet-wrapper::-webkit-scrollbar{
	width:5px;
}
.horizontal-scrollable-div .tweet-wrapper a{
	color:#f65275; font-weight:bold; text-shadow:1px 1px 2px #2f0101;
}
.horizontal-scrollable-div .tweet-wrapper a:hover{
	color:#071dfa;
}
.horizontal-scrollable-div .twitter-icon{
	text-align:center; text-transform:uppercase; font-family:Montserrat; color:#071dfa; font-size:45px;
}
.horizontal-scrollable-div .drumkit-text{
	text-align:center; text-transform:uppercase;
}
.horizontal-scrollable-div .drumkit-img-wrapper{
	width:220px;
}
.button-action{
	background-color:rgba(255, 255, 255, 0.9); border-radius:100px; padding:60px 100px;	font-family:'Varela Round';	font-size:72px;	color:rgba(217,36,36,0.9); max-width:800px; text-align:center; -webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; -ms-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out;
}
.button-action:hover{
	background-color:rgba(217, 36, 36, 1); color:rgba(255, 255, 255, 1); -webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; -ms-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out;
}
.button-action#sign-up{
	max-width:705px; margin-left:100px;
}
.button-action#careers{
	max-width:800px; float:right; margin-right:100px;
}
form.form .smart-label{    
	position: relative;
	top: 30px;
	cursor:text;
	display: initial;    
	font-weight: 100;
	font-family:'Varela Round', Montserrat, Source Sans Pro, Arimo;
	text-transform:uppercase;
	-webkit-transition:all 0.5s ease-in-out;
	-moz-transition:all 0.5s ease-in-out;
	-ms-transition:all 0.5s ease-in-out;
	-o-transition:all 0.5s ease-in-out;
	transition: all 0.5s ease-in-out;
}
form.form .smart-label.on{
	position: relative;
	top: 0px;
	-webkit-transition:all 0.5s ease-in-out;
	-moz-transition:all 0.5s ease-in-out;
	-ms-transition:all 0.5s ease-in-out;
	-o-transition:all 0.5s ease-in-out;
	transition: all 0.5s ease-in-out;
}

/*
##############################################################################
6.5 Single Page 5
##############################################################################
*/
#sp5-background{
	margin:0 auto;
}
.sp5-wrapper{
	width:100%; margin:0px auto 0;
}
#sp5-section .sh-red-border {
    float:right;
    margin-right:400px;
    width:400px;
}
.sp5-text-wrapper {    width: 100%;    text-align: center;    margin-bottom: 50px;
}
.sp5-text{padding-bottom:20px; color: rgba(245, 245, 245, 0.9); text-transform:uppercase; line-height:100%; text-shadow:none;
}
.sp5-text.main-title{
  font-family:'Montserrat'; font-weight:700; font-size:0.5em; text-shadow:none; color:#ffb400; letter-spacing: 1px;
}
.sp5-text.emphasis-title{
  font-family:'Montserrat'; padding-bottom:0; color:#ffb400; font-size:2em; font-weight:900; text-shadow:0px 0px 1px rgb(255 180 0 / 80%); /* text-shadow:none; */ margin-top:60px;
}
#sp5-section .main-container{    
    margin:100px auto;
}
#sp5-section .img-container{    
	float:left;
    width:500px;
    margin-right:70px;
}
#sp5-section .img-container .text-container{
	font-family:'Varela Round', Arial, Helvetica;
	font-size:25px;
    margin-top:-40px;
	font-weight:bold;
    text-align:center;
}
#sp5-section .yt-container{
    float:left;
}
#sp5-section .g-ytsubscribe, #___ytsubscribe_0{
    position:relative;
	top:-180px;
    left: 160px;
}
iframe .yt-username{
	color:#ffffff;
}

/*
##############################################################################
6.6 Single Page 6
##############################################################################
*/
#sp6-background{
	margin:0 auto; background-image: url('../img/bg-repeat.png'); background-repeat:repeat;   background-size: 200px;
}
.sp6-team-wrapper{
	margin:25px auto;
}
#sp6-section .sh-red-border {
    width:400px;
}
#sp6-section .sp-title {
    color: rgb(250, 250, 250);
}
#sp6-section .span3{
	width:33.333%; float:left;
}
#sp6-section .span4{
	width:25%; float:left;
}
#sp6-section .team-member-wrapper{
	margin:0 10px;
}
#sp6-section .team-member-wrapper .img-wrapper{
	margin:0 auto; text-align:center;
}
#sp6-section .team-member-wrapper .img-wrapper img{
	width:300px; height:300px;
	transition:.10s ease-in-out;
	-ms-transform:.10s ease-in-out;
    -moz-transition:.10s ease-in-out;
    -webkit-transition:.10s ease-in-out;  
	-webkit-filter: brightness(95%);
}
#sp6-section .team-member-wrapper .img-wrapper img:hover{    
	z-index: 1;
	cursor:pointer;
    position: relative;
	transform: scale(1.1);
	-ms-transform: scale(1.1);
	-moz-transform: scale(1.1);
	-webkit-transform: scale(1.1);
    box-shadow: 1px 1px 1px #000;
	transition:.20s ease-in-out;
	-ms-transform:.20s ease-in-out;
    -moz-transition:.20s ease-in-out;
    -webkit-transition:.20s ease-in-out;   
	-webkit-filter: brightness(120%);
    box-shadow:0px 1px 5px rgba(0, 0, 0, 0.75);
}
#sp6-section .team-name{
	color:#ffffff;text-transform:uppercase;font-family:'Montserrat';font-size:1.6rem;font-weight:400;margin:20px auto;text-align:center;letter-spacing:2.5px;
}
#sp6-section .team-title-name{
	color:#f08a45;text-transform:uppercase;font-family:'Varela Round';font-size:1.4rem;margin:10px auto;text-align:center;
}
#sp6-section .team-desc{
	color:#ffffff;font-family:'Varela Round';font-size:1.2rem;margin:25px auto;text-align:center;
}

/*
##############################################################################
6.7 Single Page 7
##############################################################################
*/
#sp7-section{
	background-color:#ffffff;
}
#sp7-background{
	background-color:#ffffff;
}
.sp7-wrapper{
	width:100%;
}
#sp7-section .sh-red-border {
  float:right;
  margin-right:80px;
  width:300px;
}
.form-group{
  margin-bottom:15px; float:left;
}
.form-field{
	float:left; margin:10px 0;
}
.form-message{
	float:left;	min-width:300px; margin:10px 0;
}
#newsletter input.name-input{ /* In Mobile First */
	/*min-width: 390px;
    margin-right: 10px;*/
}
#newsletter input.email-input{ /* In Mobile First */
	/*min-width:400px;*/
}
#newsletter input.subject-input{ /* In Mobile First */
	/*width:800px;*/
}
#contact-wrapper{
	font-family:'Varela Round', 'Helvetica Neue', Helvetica, Arial, sans-serif; display:block; position:relative; float:left; max-width:800px; margin:30px 20px 30px 0;
}
#contact-wrapper input{
	border:1px solid #e3e3e3;  padding:14px 16px;
}
#contact-wrapper input.button{ /* In Mobile First */
	float:left;
	/*width:800px;*/
}
#contact-wrapper input.name-input{ /* In Mobile First */
	/*min-width: 390px;*/
    margin-right: 10px;
}
#contact-wrapper input.email-input{ /* In Mobile First */
	/*min-width:400px;*/
}
#contact-wrapper input.subject-input{ /* In Mobile First */
	/*width:800px;*/
}
#contact-wrapper textarea#cf-message{ /* In Mobile First */
	/*width:800px; max-width:800px; min-height:400px;*/ border:1px solid #e3e3e3; padding:14px 16px; text-shadow:0px 1px 1px rgba(0, 0, 0, 0.15);
}
.sp7-wrapper .container .banner{
    float: left;
    display: block;
    position: relative;
    width:300px;
}
.sp7-wrapper .container .banner img{
	width:100%;
}

/*
##############################################################################
6.8 Single Page 8
##############################################################################
*/
#sp8-background{
	margin:0 auto; background-image: url('//clapdigital.com/templates/'); background-size:cover; background-position-y:center;
}
.sp8-wrapper{
	width:100%; margin:0px auto 0; padding:100px 0;
}
.sp8-gallery-wrapper{
	margin:30px auto 50px; height:800px; overflow:scroll; overflow-x:hidden;
}
.sp8-gallery-wrapper img{
	float:left;
}
#sp8-section .sh-red-border{
	float:right;
}
.sp8-text{padding-bottom:20px; color: rgba(245, 245, 245, 0.9); text-transform:uppercase; line-height:100%; text-shadow:none;}
.sp8-text.main{
	font-family:'Hammersmith One'; font-size:2.6rem; text-align:center; font-weight:400; text-shadow:0px 1px 1px rgba(255, 255, 255, 0.85); text-shadow:none;
}
.sp8-text.emphasis{
	font-family:'Hammersmith One'; padding-top:5px; padding-bottom:20px; color:#e62425; font-size:4.4rem; text-align:center; font-weight:600; letter-spacing:-3px; text-shadow: 0px 0px 1px rgba(233, 148, 65, 0.8); text-shadow:none; 
}
.sp8-text.small{
	font-family:'Hammersmith One'; padding-bottom:20px; font-size:1rem; text-align:center; font-weight:600; text-shadow:0px 1px 1px rgba(255, 255, 255, 0.85); text-shadow:none;
}
.sp8-img{
	width:100%; height:400px; float:left; background:url(../img/logo.png) no-repeat center center; background-size:contain; margin:40px auto 0;
}

/*
##############################################################################
6.9 Single Page 9
##############################################################################
*/
.sp9-content-wrapper{
	margin:35px auto 30px;
}
.sp9-img-wrapper{
	float:left;	width:500px; overflow:hidden;
}
.sp9-img-wrapper img{
	width:100%;
}
.sp9-text.emphasis-alt{
	font-family:'Varela Round'; padding-top:5px; padding-bottom:5px; color:#e62425; font-size:1.8em; font-weight:600; letter-spacing:0px; text-transform:uppercase
}
.sp9-text.small{
	font-family:'Source Sans Pro'; padding-bottom:20px; font-size:1.4rem; line-height:2rem; font-weight:400; color:#3b3b3b; text-shadow:none; text-transform:none;
}
.sp9-text-wrapper{
	float:left;	width:500px; text-align:left; margin-left:40px;
}
.sp9-read-more-wrapper{
	border-radius:10px; border:3px solid #e62425; padding:30px 30px 10px; margin:30px auto;
}
.sp9-read-more{
	float:left; display:block; position:relative; max-width:60%;
}
.sp9-read-more-wrapper .sp9-text.emphasis{
	font-family:'Varela Round'; font-size: 1.5em; padding-bottom:10px;
}
.sp9-read-more-wrapper .sp9-text.small{
	padding-bottom:0px;
}
.sp9-read-more-wrapper .sp-button{
	float:right; /* float: left; */ max-width:40%; padding:20px 30px 36px; text-align:center;
}
.sp9-read-more-wrapper .sp-button .read-more{
	padding:7px 90px 6.5px;
}
.sp9-wrapper .types-of-tabs{
	box-shadow: 1px 1px 10px #2f0101;
}
.sp9-wrapper .regular-programs{
}
.sp9-wrapper .panel-group{
	margin-bottom:0px;
}
.sp9-wrapper .panel-heading{
	color:#ffffff;
	background-color:#323231;
	background-color:hsl(211, 59%, 17%);
	border-radius:0px;
    font-family:'Source Sans Pro';
	font-size:1rem;
	text-transform:uppercase;
	text-align:left;
}
.sp9-wrapper .panel-heading a:hover{
	color:#e62425;
}
.sp9-wrapper .panel-title{
	font-size:22px; font-weight:100;
}
.sp9-wrapper .panel-body{
	font-family:'Source Sans Pro';
	font-size:1.6rem;
	background-color:#0d45a2;
	padding:40px;
    color:#eff1fe;
}
.sp9-wrapper .panel-body ul{
    font-family:Montserrat;
	font-weight:700;
}
.sp9-wrapper .toggle-panel{
	padding-right:300px;
}
.sp9-wrapper .toggle-panel[aria-expanded="true"]{
	color:#f65275;
}
.sp9-wrapper .toggle-panel i{
	margin-right:15px;
    font-size:22px;
}
.sp9-wrapper .panel{
	border:none;
}
.sp9-wrapper .panel-default>.panel-heading+.panel-collapse>.panel-body{
	border:none;
}
#sp9-section .sh-red-border{
	float:right; margin-right:220px;
}
#sp9-section .sp-title{
	text-align:right;
}
.sp9-text{padding-bottom:20px; color: rgba(245, 245, 245, 0.9); text-transform:uppercase; line-height:100%; text-shadow:none;
}
.sp9-text.main{
	font-family:'Varela Round'; font-size:2rem; font-weight:600; text-shadow:0px 1px 1px rgba(255, 255, 255, 0.85); text-shadow:none; color:rgba(65, 66, 73, 0.75);
}
.sp9-text.emphasis{
	font-family:'Hammersmith One'; padding-top:40px; padding-bottom:0px; color:#e62425; font-size:10rem; font-weight:600; text-shadow: 0px 0px 1px rgba(233, 148, 65, 0.8); text-shadow:none; margin-left: -5px;
}
.sp9-text.small{
	font-family:'Source Sans Pro'; padding-top:10px; padding-bottom:20px; font-size:1.4rem; line-height:2rem; font-weight:400; color:#3b3b3b; text-shadow:none; text-transform:none;
}

/*
##############################################################################
6.X HOME PAGE
##############################################################################
*/
#home.page{
}

/*
##############################################################################
6.X.1 Section Part 1
##############################################################################
*/
header#header.fixed-position nav ul li#news-url.active.test{
}

/*
##############################################################################
6.X.2 Section Part 2
##############################################################################
*/
#home.page .sp2-wrapper{
	/* background-color:rgba(250, 250, 250, 0.975); */
}
#fbr-requisite {
	margin: 100px auto;
	text-align: center;
	width:100%;
}
#fbr-requisite .plan {
	font-family:'Varela Round', Arial, Helvetica;
	font-size:12px;
	text-shadow: 0 1px rgba(255,255,255,.8);        
	background: #fff;      
	border: 1px solid #ddd;
	color:#1e1d25;
	padding: 20px;
	width: 25%;    
	float: left;
	position: relative;
}
#fbr-requisite #current-members {
	z-index: 2;
	top:0px;
	width:50%; 
	border-width: 3px;
	padding: 30px 20px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	-moz-box-shadow: 20px 0 10px -10px rgba(0, 0, 0, .15), -20px 0 10px -10px rgba(0, 0, 0, .15);
	-webkit-box-shadow: 20px 0 10px -10px rgba(0, 0, 0, .15), -20px 0 10px -10px rgba(0, 0, 0, .15);
	box-shadow: 20px 0 10px -10px rgba(0, 0, 0, .15), -20px 0 10px -10px rgba(0, 0, 0, .15);    
}
#fbr-requisite #supp-text-wrapper {
	background-color:rgba(255,255,255,0.75); width:50%; color:#563B30; display:table; margin:30px 0;
}
#fbr-requisite #supp-text-wrapper .supp-text {
    font-family: Righteous; font-weight:100; font-size:28px; display:table-cell; vertical-align:middle;
}
#fbr-requisite h3 {
	font-size: 20px;
	font-weight: normal;
	padding: 20px;
	margin: -20px -20px 50px -20px;
	background-color: #eee;
	background-image: -moz-linear-gradient(#fff,#eee);
	background-image: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#eee));    
	background-image: -webkit-linear-gradient(#fff, #eee);
	background-image: -o-linear-gradient(#fff, #eee);
	background-image: -ms-linear-gradient(#fff, #eee);
	background-image: linear-gradient(#fff, #eee);
}
#fbr-requisite #current-members h3 {
	background-color: #ddd;
	background-image: -moz-linear-gradient(#eee,#ddd);
	background-image: -webkit-gradient(linear, left top, left bottom, from(#eee), to(#ddd));    
	background-image: -webkit-linear-gradient(#eee, #ddd);
	background-image: -o-linear-gradient(#eee, #ddd);
	background-image: -ms-linear-gradient(#eee, #ddd);
	background-image: linear-gradient(#eee, #ddd);
	margin-top: -30px;
	padding-top: 30px;
	-moz-border-radius: 5px 5px 0 0;
	-webkit-border-radius: 5px 5px 0 0;
	border-radius: 5px 5px 0 0; 		
}
#fbr-requisite .plan:nth-child(1) h3 {
	-moz-border-radius: 5px 0 0 0;
	-webkit-border-radius: 5px 0 0 0;
	border-radius: 5px 0 0 0;       
}
#fbr-requisite .plan:nth-child(4) h3 {
	-moz-border-radius: 0 5px 0 0;
	-webkit-border-radius: 0 5px 0 0;
	border-radius: 0 5px 0 0;       
}	
#fbr-requisite h3 span {
	display: block;
	padding:20px;
	font-family:'Varela Round', Arial, Helvetica;
	font-size:25px;
	font-weight:bold;
	text-align:center;
	color:#0d45a2;
	background:#fff;
	border:5px solid #fff;
	margin:10px auto -55px;
	-moz-border-radius:100px;
	-webkit-border-radius:100px;
	border-radius:100px;
	-moz-box-shadow:0 5px 20px #ddd inset, 0 3px 0 #999 inset;
	-webkit-box-shadow:0 5px 20px #ddd inset, 0 3px 0 #999 inset;
	box-shadow:0 5px 20px #ddd inset, 0 3px 0 #999 inset;
}
#fbr-requisite ul {
	margin: 20px 0 0 0;
	padding: 0;
	list-style: none;
}
#fbr-requisite li {
	border-top: 1px solid #ddd;
	padding: 10px 0;
}	
#fbr-requisite .button {
	position:relative;
	padding:14px 40px;
	margin:20px 0 0 0;  
	text-decoration:none;
	display:inline-block;  
	border:1px solid #e3e3e3;
	background-color:#dddddd;  
    text-shadow: none;   
}
#fbr-requisite .button:hover {
	background-color:#e62425;    
}
#fbr-requisite #current-members .button {
	background-color:#e62425;    
}

/*
##############################################################################
6.X.3 Section Part 3
##############################################################################
*/
#home.page .sp3-wrapper{
	/* background-color:rgba(250, 250, 250, 0.975); */
}
#home.page #sp3-background{
	background-image:url('../img/pencil-line-graph.png');
	background-image:url('../img/financial_trading_app_background_hd.jpg');
	background-size:100%;
    background-repeat:no-repeat;
    background-attachment:fixed;
}
#home.page #sp3-section .sp-title {
	font-size:56px; font-weight:bold; text-align:center;
}
#home.page #sp3-section .main-container .text-container{
	font-family:'Krona One', Arial, Helvetica; font-size:21px; font-weight:bold; text-align:center; letter-spacing:-1.8px; color:#2f0101; margin:20px 0 50px;
}

/*
##############################################################################
6.X.4 Section Part 4
##############################################################################
*/
#newsletter{
	margin:30px 0; display:block; position:relative; float:left; font-family:'Varela Round', 'Helvetica Neue', Helvetica, Arial, sans-serif; font-size: 26px; font-weight:100; color:#2f0101;
}
#newsletter .smart-label{    
	position:absolute;
	top: 22px;
    margin-left: 17px;
	cursor:text;
	display: initial;    
	font-weight: 100;
	font-family:'Varela Round', Montserrat, Source Sans Pro, Arimo;
	text-transform:capitalize;
	-webkit-transition:all 0.5s ease-in-out;
	-moz-transition:all 0.5s ease-in-out;
	-ms-transition:all 0.5s ease-in-out;
	-o-transition:all 0.5s ease-in-out;
	transition: all 0.5s ease-in-out;
}
#newsletter .smart-label.on{
	position:absolute;
	top:-30px;
    margin-left:0px;
	-webkit-transition:all 0.5s ease-in-out;
	-moz-transition:all 0.5s ease-in-out;
	-ms-transition:all 0.5s ease-in-out;
	-o-transition:all 0.5s ease-in-out;
	transition: all 0.5s ease-in-out;
}
#newsletter input::-webkit-input-placeholder { /* Chrome/Opera/Safari */
	color:#ffffff;
}
#newsletter input::-moz-placeholder { /* Firefox 19+ */
	color:#ffffff;
}
#newsletter input:-ms-input-placeholder { /* IE 10+ */
	color:#ffffff;
}
#newsletter input:-moz-placeholder { /* Firefox 18- */
	color:#ffffff;
}
#newsletter select{
	border:1px solid #e3e3e3; padding:14px 16px; line-height:100%;
}
#newsletter input{
	border:1px solid #e3e3e3; padding:15px 16px; line-height:100%; display: block;
}
#newsletter input.button{
	float:left; padding: 21px 35px;	background-color:#071dfa;
}
#newsletter input.button:hover{
	border:1px solid #071dfa; background-color:#eff1fe; color:#071dfa;
}
#newsletter input.name-input{ /* In Mobile First */
	/*min-width: 390px;
    margin-right: 10px;*/
}
#newsletter input.email-input{ /* In Mobile First */
	/*min-width:400px;*/
}
#newsletter input.subject-input{ /* In Mobile First */
	/*width:800px;*/
}
#home.page #sp4-section .signup:hover {
	background-color:#e62425;
}
#home.page #sp4-section .signup:active, #fbr-requisite .signup:focus {
	background: #62bc30;       
	top: 2px;
	-moz-box-shadow: 0 0 3px rgba(0, 0, 0, .7) inset;
	-webkit-box-shadow: 0 0 3px rgba(0, 0, 0, .7) inset;
	box-shadow: 0 0 3px rgba(0, 0, 0, .7) inset; 
}

/*
##############################################################################
6.X.5 Section Part 5
##############################################################################
*/
#home.page .sp5-wrapper{
	background-color:rgba(250, 250, 250, 0.975);
}
#home.page #sp5-background{
	background-image:url('../img/pencil-line-graph.png');
	background-size:100%;
    background-repeat:no-repeat;
    background-attachment:fixed;
}
#home.page .sp5-wrapper p{
	font-family:'Source Sans Pro'; font-size:20px;
}
#home.page #sp5-section .main-container .invite-wrappers{
    float:left;
	width:560px;
    margin:0 5px;
	padding-right:10px;
}
#home.page #sp5-section .main-container .invite-wrappers .yt-container iframe{
    box-shadow: 2px 2px 2px rgba(0, 0, 0, 0.5);
}
#home.page form#invite.form{
	font-family:'Source Sans Pro';
	float:left;
}
#home.page form#invite.form input{
    padding:12px 18px;
    background-color:#faecec;
    border:0px solid #f65251;
}
#home.page form#invite.form input.button{
    float:left;
	outline:none;
}
#home.page form#invite.form input#icrf-number{
	min-width:196px;
}
#home.page form#invite.form input.empty{
    font-family: FontAwesome;
    font-style: normal;
    font-weight: normal;
    text-decoration: inherit;
}
#home.page form#invite.form .terms-input{
    display:block; margin:5px 0 5px; font-size:12px;    
	font-size: 11px;
    font-weight: 100;
    font-family: Varela Round;
}
#home.page form#invite.form .terms-input input{
    top: 1px;
    position: relative;
    width: 10px;
    height: 10px;
}
#home.page form#invite.form .clue-bubble{
    clear:both; /*margin-top:5px;*/
}
#home.page form#invite.form input.access-code-input{
    clear:both; float:none; display:block; min-width:540px; margin-top:5px;
}
#home.page form#invite.form input.start-posting-input{
	/*position:absolute;*/ /* Can't remember why this was neccesary */
	float:left;
	color:#f65251;
	padding:12px 18px;
    background-color:#faecec;
    border:0px solid #f65251;
	-webkit-transition:all .3s ease-in-out; 
	-moz-transition:all .3s ease-in-out;
	-ms-transition:all .3s ease-in-out; 
	-o-transition:all .3s ease-in-out; 
	transition:all .3s ease-in-out;
	cursor:pointer;
}
#home.page form#invite.form input.start-posting-input:hover{
	color:#f65251;
	padding:12px 18px;
    background-color:#ffffff;
    border:0px solid #f65251;
	-webkit-transition:all .3s ease-in-out; 
	-moz-transition:all .3s ease-in-out;
	-ms-transition:all .3s ease-in-out; 
	-o-transition:all .3s ease-in-out; 
	transition:all .3s ease-in-out;
	background-color:#ffffff;
	box-shadow:2px 2px 2px .1px rgba(246, 82, 81, 1);
	transform:translate(2px, -1px);
}
#home.page form#invite.form input.start-posting-input:active{
	color:#f65251;
    background-color:#ffffff;
    border:0px solid #f65251;
	-webkit-transition: all 0s ease-in-out; 
	-moz-transition: all 0s ease-in-out;
	-ms-transition: all 0s ease-in-out; 
	-o-transition: all 0s ease-in-out; 
	transition: all 0s ease-in-out;
	margin-top:2px;
	margin-left:2px;
	box-shadow:none;	
}

/*
##############################################################################
6.X.6 Section Part 6
##############################################################################
*/

/*
##############################################################################
6.X.X TRADING PAGE
##############################################################################
*/
#trading.page{
}

/*
##############################################################################
6.X.X.1 Section Part 1
##############################################################################
*/
#trading.page #sp1-background {
    margin:0 auto;
    background-image:url(../img/white_trading_chart_background_perspective.png);
    background-size:cover;
    background-position-y:center;
}
#trading.page .sp1-wrapper {
    background-color: rgba(250, 250, 250, 0.95);
}
#trading.page .sp1-wrapper .sp1-text.emphasis {
    margin-top:0; text-align:left; padding-bottom:20px;
}
#trading.page .sp1-wrapper .types-of-tabs{
	box-shadow: 1px 1px 10px #2f0101;
}
#trading.page .sp1-wrapper .regular-programs{
}
#trading.page .sp1-wrapper .panel-group{
	margin-bottom:0px;
}
#trading.page .sp1-wrapper .panel-heading{
	border:none;
	color:#ffffff;
	background-color:#323231;
	background-color:hsl(211, 59%, 17%);
	border-radius:0px;
    font-family:'Source Sans Pro';
	font-size:1rem;
	text-transform:uppercase;
	text-align:left;
}
#trading.page .sp1-wrapper .panel-heading a:hover{
	color:#e62425;
}
#trading.page .sp1-wrapper .panel-title{
	font-size:22px; font-weight:100;
}
#trading.page .sp1-wrapper .panel-body{
	font-family:'Source Sans Pro';
	font-size:1.6rem;
	background-color:#0d45a2;
	padding:40px;
    color:#eff1fe;
}
#trading.page .sp1-wrapper .panel-body ul{
	list-style-type:none;
    padding: 0;
}
#trading.page .sp1-wrapper .panel-body ul li{
    font-family:Montserrat;
	font-weight:700;
    letter-spacing:1.2px;
}
#trading.page .sp1-wrapper .toggle-panel{
	padding-right:300px;
}
#trading.page .sp1-wrapper .toggle-panel[aria-expanded="true"]{
	color:#f65275;
}
#trading.page .sp1-wrapper .toggle-panel i{
	margin-right:15px;
    font-size:22px;
}
#trading.page .sp1-wrapper .panel{
	border:none;
}
#trading.page .sp1-wrapper .panel-default>.panel-heading+.panel-collapse>.panel-body{
	border:none;
}
#trading.page .sp1-wrapper .panel-default>.panel-heading+.panel-collapse>.panel-body img{
    box-shadow: 0px 0px 15px white;
	margin:10px auto;
}

/*
##############################################################################
6.X.X.2 Section Part 2
##############################################################################
*/
#trading.page #sp2-background {
    background-image:url('../img/trading_desk.jpg');
    background-attachment:fixed;
}
#trading.page #sp2-background

/*
##############################################################################
6.X.X.3 Section Part 3
##############################################################################
*/
#trading.page #sp3-background {
}
#trading.page #sp3-section .img-container {
    float: initial;
    width: 500px;
    margin: 30px auto 20px;
}

/*
##############################################################################
6.X.X.4 Section Part 4
##############################################################################
*/
#trading.page #sp4-section #fourth-section-waypoint{
    position:relative;
}
#trading.page #sp4-background {
    background-image:url('../img/mobile_trading_signals.png');
    background-attachment:fixed;
	/*background-size: size;*/
	/*background-position: center top;*/
	background-size:100%;
}
#trading.page .sp4-wrapper {
    background-color: rgba(0, 0, 0, 0.5);
}
#trading.page .sp4-wrapper .drumkit-wrapper{
	width:285px; height:540px; float:left;
}
#trading.page .sp4-wrapper .drumkit-img-wrapper{
	border:1px solid #b6b6b6; width:280px; height:360px; background-color:#ffffff;
}
#trading.page .sp4-wrapper .drumkit-text{
	text-align:left; text-transform:capitalize; font-family:Montserrat; font-weight:700; color:#eff1fe; font-size:21px; letter-spacing:-2px; margin:10px 0;     text-shadow:0px 0px 1px #071dfa;
}
#trading.page .sp4-wrapper .drumkit-text .price{
	font-family:Montserrat; font-weight:900; color:#faecec; text-transform:uppercase; text-shadow:0px 0px 1px #e62425;
}
#trading.page .sp4-wrapper .join-us-btn{
	background-image:url(../img/joinusbtn3.png); width:230px; height:47px; background-position:230px 0px; -webkit-transition:all 0.25s ease-in-out; -moz-transition:all 0.25s ease-in-out; -ms-transition:all 0.25s ease-in-out; -o-transition:all 0.25s ease-in-out; transition:all 0.25s ease-in-out;
}
#trading.page .sp4-wrapper .join-us-btn:hover{
	background-image:url(../img/joinusbtn3.png); background-position:-0px 0px; -webkit-transition:all 0.25s ease-in-out; -moz-transition:all 0.25s ease-in-out; -ms-transition:all 0.25s ease-in-out; -o-transition:all 0.25s ease-in-out; transition:all 0.25s ease-in-out;
}
#trading.page .sp4-wrapper .drumkit-img-1{    
	background-image:url(../img/FBRSignals_GroupDiscuss_2.jpg); width:240px; height:240px; background-size:300px; background-position:center 0px; margin:55px auto 0; border-radius:50%;
	background-size: 210px;
    box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.25);
    background-position: center center;
}
#trading.page .sp4-wrapper .drumkit-img-2{    
	background-image:url(../img/FBRSignals_GroupFree.jpg); width:240px; height:240px; background-size:300px; background-position:center 0px; margin:55px auto 0; border-radius:50%;
	background-size: 210px;
    box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.25);
    background-position: center center;
}
#trading.page .sp4-wrapper .drumkit-img-3{    
	background-image:url(../img/FBRSignals_DisplayPicsFreeTrial.jpg); width:240px; height:240px; background-size:300px; background-position:center 0px; margin:55px auto 0; border-radius:50%;
	background-size: 210px;
    box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.25);
    background-position: center center;
}
#trading.page .sp4-wrapper .drumkit-img-4{    
	background-image:url(../img/FBRSignals_GroupPremium+.jpg); width:240px; height:240px; background-size:300px; background-position:center 0px; margin:55px auto 0; border-radius:50%;
	background-size: 210px;
    box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.25);
    background-position: center center;
}
#trading.page .sp4-wrapper .drumkit-img-type-1{    
	display:block; position:relative; float:left; background-image: url(../img/comms-channel-type-1.png); width:76px; height:76px; background-repeat:no-repeat; background-size:76px;
}
#trading.page .sp4-wrapper .drumkit-img-type-2{   
	display:block; position:relative; float:left; background-image: url(../img/comms-channel-type-2.png); width:76px; height:76px; background-repeat:no-repeat; background-size:76px;
}
#trading.page .sp4-wrapper .drumkit-img-type-3{
	display:block; position:relative; float:left; background-image: url(../img/drumkit-img-type-3.png); width:76px; height:76px; background-repeat: no-repeat;
}
#trading.page .sp4-wrapper .button-action{
	background-color:rgba(255, 255, 255, 0.9); border-radius:100px; padding:60px 100px;	font-family:'Varela Round';	font-size:72px;	color:rgba(217,36,36,0.9); max-width:800px; text-align:center; -webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; -ms-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out;
}
#trading.page .sp4-wrapper .button-action:hover{
	background-color:rgba(217, 36, 36, 1); color:rgba(255, 255, 255, 1); -webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; -ms-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out;
}

/*
##############################################################################
6.X.X.7 Section Part 7
##############################################################################
*/
#trading.page #contact-wrapper select.subject-input {
    width: 800px;
}

#trading.page #contact-wrapper select {
    border: 1px solid #e3e3e3;
    padding: 14px 16px;
}

/*
##############################################################################
6.X.X.X GETTING STARTED PAGE
##############################################################################
*/
#getting-started.page{
}

/*
##############################################################################
6.X.X.X.1 Section Part 1
##############################################################################
*/
#getting-started.page .sp-background {
    background-attachment: fixed;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
}
#getting-started.page .sp-background .container {
    display: table;
    margin: 0 auto;
    height: 100%;
    position: relative;
}
#getting-started.page .sp-background .container .emphasis{
	margin-top:0px; padding-bottom:20px; font-family:Source Sans Pro; font-size:82px; font-weight:300; color:wheat; letter-spacing:3px; text-transform:uppercase; line-height: 100%;
}
#getting-started.page #sp1-background {
    background-image:url('../img/currency_bg.jpg');
    background-attachment:fixed;
}
#getting-started.page .sp1-wrapper {
    background-color:rgba(0, 0, 0, 0.35);
    height:100vh;
	padding-top:0px;
}
#getting-started.page .sp1-text-wrapper {
	display:table-cell; vertical-align:middle; float:none;
}
#getting-started.page #sp2-background {
    background-image: url('../img/trading_floor_clients.jpg');
}
#getting-started.page .sp2-wrapper {
    background-color:rgba(0, 0, 0, 0.35);
    height:50vh;
	padding-top:0px;
}
#getting-started.page .sp2-text-wrapper {
	display:table-cell; vertical-align:middle; float:none;
}
#getting-started.page #sp4-background {
    background-image:url('../img/trading_floor_terminal.jpg');
}
#getting-started.page .sp4-wrapper {
    background-color:rgba(0, 0, 0, 0.35);
    height:50vh;
	padding-top:0px;
}
#getting-started.page .sp4-text-wrapper {
	display:table-cell; vertical-align:middle; float:none;
}


/*
##############################################################################
6.X.X.X.2 Section Part 2
##############################################################################
*/
#getting-started.page #sp2-background {
}

/*
##############################################################################
6.X.X.X.X LOGGED IN HOME PAGE 
##############################################################################
*/
#logged-in-home.page #sp2-background {
}

/*
##############################################################################
6.X.X.X.X.X PROFILES PAGE
##############################################################################
*/
#profiles.page .navbar#nav{
	text-transform:capitalize;
}
#profiles.page .header-holder {
    height:40px;
}
#profiles.page .logo {
    margin-top:0;
    height:40px;
    width:65px;
    background-size:65px;
}
#profiles.page #nav ul li {
    padding: 10px 25px;
}
#profiles.page .pp-wrapper{
	float:left; width:300px;
}
#profiles.page .pp-wrapper .pp{
	width:300px; height:300px; box-shadow:1px 1px 10px #2f0101;
}
#profiles.page .pp-wrapper .pp-shadow{
	box-shadow:inset 0px 0px 20px black; height:300px; z-index:2; margin-top:-300px; position:relative;
}
#profiles.page .pp-wrapper .pp img{
	width:100%;
}
#profiles.page .pp-wrapper .fbr-name-tag{
	margin: 10px 0;
    background-color: rgba(255, 255, 255, 0.75);
	display:none;
}
#profiles.page .pp-info{
	float:left; width:840px;padding:20px 25px;text-align: left;
}
#profiles.page .pp-info-name{
	font-family:Montserrat;font-size:3em; text-transform:uppercase; color:#1e1d25;
}
#profiles.page .pp-info-ranking{
	font-family:Krona One;font-size:3em;font-weight:600;letter-spacing:-2.5px;color:#2f0101;
}
#profiles.page .pp-info-ranking a{
	color:#563B30;
}
#profiles.page .pp-info-capital{
	font-size:1.7em; background:rgba(0, 128, 42, 0.55); color:white; padding:0 10px; margin:10px 0 0;
}
#profiles.page .pp-info-capital .price{
	font-weight:bold;
}
#profiles.page .pp-info-text{
	font-family:Source Sans Pro; font-size:1.2em; margin:10px 0;
}
#profiles.page .pp-info-text .losses-swings{
	font-family:Righteous;font-weight:100;margin:10px 0 0;text-transform:uppercase;color:#f65275;text-shadow:0px 1px 1px rgba(45, 0, 0, 0.15);
}
#profiles.page .pp-info-text .loss{
	margin-right:10px;
}
#profiles.page .pp-info-text .swing{
	color:#52a6f6;
}
.fbr-profile-badges{
	margin:25px 0 0; cursor:default; text-align:center;
}
.fbr-profile-badges > span{
	/*display:block;*/
	margin: 5px 0 0 5px;    
	float: left;
	cursor:pointer;
}
.fbr-profile-badges > span:nth-child(1){
	margin-left:0px;  
}
.fbr-occupation{
	color:#f65251; background:#faecec; padding:10px; border-radius:3px; border:1px solid rgba(47, 1, 1, 0.10);
}
.fbr-occupation{
	background-image: -webkit-linear-gradient(0deg, rgba(230,36,37,0.1) 20%, rgb(250, 236, 236) 70%, rgb(243, 212, 219) 100%);
    background-image: -moz-linear-gradient(90deg, rgba(230,36,37,0.1) 20%, rgb(250, 236, 236) 70%, rgb(243, 212, 219) 100%);
    background-image: linear-gradient(90deg, rgba(230,36,37,0.1) 20%, rgb(250, 236, 236) 70%, rgb(243, 212, 219) 100%);
    -webkit-background-origin: padding-box;
    background-origin: padding-box;
    -webkit-background-clip: border-box;
    background-clip: border-box;
    -webkit-background-size: auto auto;
    background-size: auto auto; 
	border:1px solid transparent;  
	padding:9.5px 10px;
}
.fbr-top-x{
	color:#0d45a2; background:#eff1fe; padding:10px; border-radius:3px; border:1px solid rgba(19, 8, 64, 0.10);
}
.fbr-top-x{
	/*background-image: -webkit-linear-gradient(-90deg, rgb(239, 241, 254) 0%, rgb(170, 200, 214) 100%);
    background-image: -moz-linear-gradient(180deg, rgb(239, 241, 254) 0%, rgb(170, 200, 214) 100%);
    background-image: linear-gradient(180deg, rgb(239, 241, 254) 0%, rgb(170, 200, 214) 100%);
    -webkit-background-origin: padding-box;
    background-origin: padding-box;
    -webkit-background-clip: border-box;
    background-clip: border-box;
    -webkit-background-size: auto auto;
    background-size: auto auto; 
    background-size: auto auto; 
	border:none;*/
	padding:9.3px 10px;
}
.fbr-path-badge{
	color:#e1ac24; background:#fff093; padding:10px; border-radius:3px; border:1px solid rgba(47, 37, 1, 0.1);
}
.fbr-path-badge{ /* There are 2 alt gradient codes here */
	color:#fff093;
    color:rgba(255, 247, 213, 0.8);
	text-shadow:0 1px 1px rgba(46, 36, 0, 0.498039);
	text-shadow:0px -1px 0px rgba(46, 36, 0, 0.29);
	background: #eac855 -webkit-gradient(linear, left top, left bottom, from(#dbaa10), to(#FFEEB5)) no-repeat;
    background: #FFEEB5 -moz-linear-gradient(top, #AE8913, #FFEEB5) no-repeat;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#AE8913, endColorstr=#FFEEB5) no-repeat;
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#AE8913, endColorstr=#AE8913)" no-repeat;
    background-image: -webkit-linear-gradient(-90deg, rgb(253,218,134) 0, rgb(225,157,60) 100%);
    background-image: -moz-linear-gradient(180deg, rgb(253,218,134) 0, rgb(225,157,60) 100%);
    background-image: linear-gradient(180deg, rgb(253,218,134) 0, rgb(225,157,60) 100%);
    -webkit-background-origin: padding-box;
    background-origin: padding-box;
    -webkit-background-clip: border-box;
    background-clip: border-box;
    -webkit-background-size: auto auto;
    background-size: auto auto; 
	border:none;  
}
.your-team-wrapper-holder{
	float:left;background: #563B30;overflow:hidden; width:100%;
}
.your-team-wrapper{
    overflow-y: scroll;
    max-height: 260px;
    padding-bottom: 20px;
}
#profiles.page .team-member-wrapper{
	float:left; margin:20px 0px 0 20px;
	width:200px;
}
#profiles.page .team-member{
	width:100%; height:100%; box-shadow:0px 0px 1px rgba(0,0,0,0.35);border:3px solid rgba(30, 29, 37, 0.65);border-radius:4px;border:3px solid #ffffff;
	border-bottom-left-radius: 0px;
    border-bottom-right-radius: 0px;
}
#profiles.page .team-member img{
	width:100%;
}
#profiles.page .fbr-name-tag{
	background:white; font-family:Source Sans Pro; line-height:165%; color:#777777;
    letter-spacing:2.5px;
    text-align: center;
    text-overflow: ellipsis;
    overflow: hidden;
    max-width:100%;
    padding: 0 3px;
	white-space: nowrap;
}

/*
##############################################################################
6.X.X.X.X.X.1 Section Part 1
##############################################################################
*/
#profiles.page #header.affix {
    position: fixed;
}
#profiles.page #sp1-section .sp1-wrapper .main-container{
	margin:90px auto;
}
#profiles.page .sp1-wrapper .types-of-tabs{
	/*box-shadow: 1px 1px 10px #2f0101;*/
}
#profiles.page .sp1-wrapper .your-profile-wrapper{
}
#profiles.page .fbr-name-tag{
}

/*
##############################################################################
6.X.X.X.X.X.2 Section Part 2
##############################################################################
*/
#profiles.page #sp2-background {
	background-color:#bbbbbb;
    background-image:none;
}     
#profiles.page .sp2-wrapper{
	background-color: rgba(187,187,187,0.55);
}   
#profiles.page .sp2-wrapper .join-your-team {
	margin: 50px 0;
}
#profiles.page .sp2-wrapper .join-your-team .no-team{
	min-height: 200px;
	background-color: #ffffff;
	text-align: center;
	display: table;
	width: 100%;
}
#profiles.page .sp2-wrapper .join-your-team .no-team span{
	color:#206cff;
	font-size:26px;
	text-align: center;
	letter-spacing:2px;
	display: table-cell;
	vertical-align:middle;
}
.no-team span:before {
	content: "I am not looking to build my own team yet.";
}

/*
##############################################################################
6.X.X.X.X.X.3 Section Part 3
##############################################################################
*/
#profiles.page #sp3-section #third-section-waypoint{
    position:relative;
}
#profiles.page #sp3-section .sp-title {
    color: rgb(250, 250, 250);
}
#profiles.page #sp3-background {
    background-image:url('../img/mobile_trading_signals.png');
    background-attachment:fixed;
	/*background-size: size;*/
	/*background-position: center top;*/
	background-size:100%;
    background-position-y: center;
}
#profiles.page .sp3-wrapper {
    background-color: rgba(0, 0, 0, 0.5);
}
#profiles.page .sp3-wrapper .drumkit-wrapper{
	width:285px; height:540px; float:left;
}
#profiles.page .sp3-wrapper .drumkit-img-wrapper{
	border:1px solid #b6b6b6; width:280px; height:360px; background-color:#ffffff;
}
#profiles.page .sp3-wrapper .drumkit-text{
	text-align:left; text-transform:capitalize; font-family:Montserrat; font-weight:700; color:#eff1fe; font-size:21px; letter-spacing:-2px; margin:10px 0;     text-shadow:0px 0px 1px #071dfa;
}
#profiles.page .sp3-wrapper .drumkit-text .price{
	font-family:Montserrat; font-weight:900; color:#faecec; text-transform:uppercase; text-shadow:0px 0px 1px #e62425;
}
#profiles.page .sp3-wrapper .join-us-btn{
	background-image:url(../img/joinusbtn3.png); width:230px; height:47px; background-position:230px 0px; -webkit-transition:all 0.25s ease-in-out; -moz-transition:all 0.25s ease-in-out; -ms-transition:all 0.25s ease-in-out; -o-transition:all 0.25s ease-in-out; transition:all 0.25s ease-in-out;
}
#profiles.page .sp3-wrapper .join-us-btn:hover{
	background-image:url(../img/joinusbtn3.png); background-position:-0px 0px; -webkit-transition:all 0.25s ease-in-out; -moz-transition:all 0.25s ease-in-out; -ms-transition:all 0.25s ease-in-out; -o-transition:all 0.25s ease-in-out; transition:all 0.25s ease-in-out;
}
#profiles.page .sp3-wrapper .drumkit-img-1{    
	background-image:url(../img/FBRSignals_GroupDiscuss_2.jpg); width:240px; height:240px; background-size:300px; background-position:center 0px; margin:55px auto 0; border-radius:50%;
	background-size: 210px;
    box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.25);
    background-position: center center;
}
#profiles.page .sp3-wrapper .drumkit-img-2{    
	background-image:url(../img/FBRSignals_GroupFree.jpg); width:240px; height:240px; background-size:300px; background-position:center 0px; margin:55px auto 0; border-radius:50%;
	background-size: 210px;
    box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.25);
    background-position: center center;
}
#profiles.page .sp3-wrapper .drumkit-img-3{    
	background-image:url(../img/FBRSignals_DisplayPicsFreeTrial.jpg); width:240px; height:240px; background-size:300px; background-position:center 0px; margin:55px auto 0; border-radius:50%;
	background-size: 210px;
    box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.25);
    background-position: center center;
}
#profiles.page .sp3-wrapper .drumkit-img-4{    
	background-image:url(../img/FBRSignals_GroupPremium+.jpg); width:240px; height:240px; background-size:300px; background-position:center 0px; margin:55px auto 0; border-radius:50%;
	background-size: 210px;
    box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.25);
    background-position: center center;
}
#profiles.page .sp3-wrapper .drumkit-img-type-1{    
	display:block; position:relative; float:left; background-image: url(../img/comms-channel-type-1.png); width:76px; height:76px; background-repeat:no-repeat; background-size:76px;
}
#profiles.page .sp3-wrapper .drumkit-img-type-2{   
	display:block; position:relative; float:left; background-image: url(../img/comms-channel-type-2.png); width:76px; height:76px; background-repeat:no-repeat; background-size:76px;
}
#profiles.page .sp3-wrapper .drumkit-img-type-3{
	display:block; position:relative; float:left; background-image: url(../img/drumkit-img-type-3.png); width:76px; height:76px; background-repeat: no-repeat;
}
#profiles.page .sp3-wrapper .button-action{
	background-color:rgba(255, 255, 255, 0.9); border-radius:100px; padding:60px 100px;	font-family:'Varela Round';	font-size:72px;	color:rgba(217,36,36,0.9); max-width:800px; text-align:center; -webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; -ms-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out;
}
#profiles.page .sp3-wrapper .button-action:hover{
	background-color:rgba(217, 36, 36, 1); color:rgba(255, 255, 255, 1); -webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; -ms-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out;
}

/*
##############################################################################
6.X.X.4 Section Part 4
##############################################################################
*/
#profiles.page #sp4-section {
    background-color:#ffffff;
}
#profiles.page #sp4-background {
	background:none;
    background-color:#ffffff;
}
#profiles.page .sp4-wrapper {
    padding-top:80px;
    width:100%;
}
#profiles.page .sp4-wrapper .sp-title{
	color: rgba(61, 61, 61, 0.18);
}
#profiles.page .sp4-wrapper .container .banner {
    float: left;
    display: block;
    position: relative;
    width: 300px;
}
#profiles.page .sp4-wrapper .container .banner img {
    width: 100%;
}
#profiles.page #contact-wrapper select.subject-input {
    width:800px;
}
#profiles.page #contact-wrapper select {
    border:1px solid #e3e3e3;
    padding:14px 16px;
}


/*
##############################################################################
7. FOOTER
##############################################################################
*/
.footer_background{
	background-color:#242424;
}
footer {
	width:960px; margin:0 auto; padding:40px 0; display: flex;
}
.footer-left{
  float:left; height: 200px;
}
.footer-left .footer-left-wrap{
    display: block;
    vertical-align: middle;
    justify-content: ;
  }
  .footer-left .footer-heading-wrap{
    float:left;
  }
  .footer-left .footer-heading{
    font-family: 'Montserrat';
    text-transform: uppercase;
    color: #ffffff;
    font-weight: 700;
  }
  .footer-left h5.footer-heading {
    font-size: 16px;
    margin-bottom: 0;
  }
  .footer-left h6.footer-heading {
    font-size: 12px;
    margin-top: 2.5px;
  }
  .footer-left ul{
    list-style-type: none;
    display: inline-flex;
    margin-left: 0px;
  float:left;
  padding-left: 0;
  }
footer .footer-left ul li{
  float:left;
  margin-right: 10px;
}
footer .footer-left ul li, 
footer .footer-left ul li a{
  font-weight:300;
    font-size: 11px;
    color: #ffffff;
    text-transform: uppercase;    font-family: 'Montserrat';
}
  .footer-right{
    
    float:right;
  }
footer .footer-right ul li, 
footer .footer-right ul li a{
font-size: 25px;
    text-transform: uppercase;
    font-weight: 400;
    font-family: Montserrat;
    letter-spacing: -0.5px;
}
footer .footer-right .footer-copyright{
    text-transform: uppercase;  
    color: #ffffff;
}
.footer-nav{
	float:left;	font-size:16px; font-family:'Source Sans Pro'; color:#929292; font-weight:100; margin:0 20px; width:100%;
}
.footer-nav a{
	color:#e62425;
}
.footer-nav li{
	color:#e62425; list-style-type:none;
}
.footer-nav li a{
	color:#ffffff;
}
.footer-nav li a:hover{
	text-decoration:underline;
}
.footer-nav.twitter-widget{
	max-width:460px;
}
.footer-nav.social-footer{
	float:right;
}
ul.social-footer{
    padding-left: 0px;
}
.social-footer li{
	float:left;
}
.social-footer li a{
	color:#929292;	font-size: 36px;	margin:0 20px;
}
.social-footer li a:hover{
	color:#cccccc;
}

/*
##############################################################################
8. MEDIA QUERIES
##############################################################################
*/
/*
##############################################################################
8.1 Smaller than 480px (Micro Devices)
##############################################################################
*/
/*
@media only screen and (max-width: 480px) {	
	body{
		background:url(../img/main_background_title_m.png) no-repeat center top; background-attachment: fixed;
	}
	.header-holder {
		width:320px;
	}
	#nav ul li {
  		padding: 25px 0px 25px 0px;
	}
	#nav ul li a {
		display:none;
	}
	#nav ul li a.log-in {
		display:block;
	}
	#menu-open {
	}
	.header-holder {
		width: initial;
		margin: 0 15px;
	}
	.title-wrapper {
		width: initial;
		height: initial;
	}
	.title-title {
		margin-left:10px;
		margin-right:10px;
	}
	.title-text.small {
		line-height: 100%;
	}
	.most_popular_tabs {
		width:100%;
	}
	.testimonial_wrapper {
		width:initial;
	}
	.upcoming_events_background {
		background-image:none;
	}
	.upcoming_events_wrapper {
		height:initial;
	}
	.upcoming_events_info span {
		font-size:26px;
	}
	.upcoming_events_info span.title {
		font-size: 16px;
	}
	.upcoming_events_info {
		float: none;
		margin: 20px;
	}
	.upcoming_events_info_wrapper {
		padding: 45px 10px;
		width: initial;
	}
	.final_prompt_wrapper {
		padding: 200px 0;
	}
	.button-action {
		font-size: 48px;
 		margin: 40px;
	}
	.button-action#sign-up {
		max-width: none;
		margin-left:0;
		margin: 40px;
	}
	.button-action#careers {
		max-width: none;
		float:  none;
		margin-right:0;
 		margin: 40px;
	}
	footer{
		width:initial;
	}
	.footer-nav.social-footer {
 		float:none; 
	}
}
*/

/*
##############################################################################
8.2 Smaller than (Phablet)
##############################################################################
*/
@media only screen and (min-width: 480px) and (max-width: 768px) {
  .header-holder {
    margin-right: auto;
    margin-left: auto;
    height: 100px;
  }
	#pricing-table .plan {
		width:50%;  
	}
	#pricing-table .plan:nth-child(1) {
		-moz-border-radius:0px;
		-webkit-border-radius:0px;
		border-radius:0px;
	}
	#pricing-table .plan:nth-child(4){
		-moz-border-radius:0px;
		-webkit-border-radius:0px;
		border-radius:0px;
	}
	#pricing-table #most-popular{
		z-index:1;
		top:0px;
    	border-width:1px;
    	padding:20px;
		-moz-border-radius:0px;
		-webkit-border-radius:0px;
		border-radius:0px;
		-moz-box-shadow:none;
		-webkit-box-shadow:none;
		box-shadow:none;
	}
	#pricing-table #most-popular h3{
		margin-top:-20px;
		padding-top:20px;
		-moz-border-radius:0px;
    	-webkit-border-radius:0px;
    	border-radius:0px;
	}
}

/*
##############################################################################
8.3 Smaller than 500px (Mobile)
##############################################################################
*/
@media screen and (max-width: 500px) { 
	#header{
		/*display:none;*/
	}
	/*#header.affix{
		position: fixed;
   		top: 0;
		z-index: 9999999;
	}
	#header.affix-top{
		position: fixed;
   		top: 0;
		z-index: 9999999;
	}*/
	.continue-link{
    	padding: 20px 30px;
	}
	.continue-link.on:before {
		content: "";
	}
	.touch-nav{
		display:none;
	}
	.logo{
		margin-top:0px;
		height:80px;
		width:80px;
		float:left;
		position:relative;
	}
  .header-holder{
    height:initial;
  }
  .header-holder .logo{
    background-color: transparent;
  }
	#menu-open {
		float:right;
		position:relative;
   		padding:20px 23px 24px;
		z-index:102;
	}
	#menu-open {
	  width:50px;
	  height:40px;
	  position:fixed;
	  right:10px;
	  margin:20px auto 0;
	  -webkit-transform: rotate(0deg);
	  -moz-transform: rotate(0deg);
	  -o-transform: rotate(0deg);
	  transform: rotate(0deg);
	  -webkit-transition: .5s ease-in-out;
	  -moz-transition: .5s ease-in-out;
	  -o-transition: .5s ease-in-out;
	  transition: .5s ease-in-out;
	  cursor: pointer;
	}
	#menu-open span {
	  display: block;
	  position: absolute;
	  height:4px;
	  width:40px;
	  background:#ffffff;
	  opacity: 1;
	  left:6px;
	  -webkit-transform: rotate(0deg);
	  -moz-transform: rotate(0deg);
	  -o-transform: rotate(0deg);
	  transform: rotate(0deg);
	  -webkit-transition: .25s ease-in-out;
	  -moz-transition: .25s ease-in-out;
	  -o-transition: .25s ease-in-out;
	  transition: .25s ease-in-out;
	}
  #menu-open span:nth-child(1) {
    top:8px;
  }
  #menu-open span:nth-child(2) {
    top: 19px;
    width: 25px;
    left: 20px;
  }
  #menu-open span:nth-child(3) {
    top:30px;
  }

  #menu-open.open span:nth-child(1) {
    top: 18px;
    left: 5px;
    width: 42px;
    -webkit-transform: rotate(35deg);
    -moz-transform: rotate(35deg);
    -o-transform: rotate(35deg);
    transform: rotate(35deg);
  }
  #menu-open.open span:nth-child(2) {
    opacity: 0.51;
    left: 24px;
    width: 5px;
  }
  #menu-open.open span:nth-child(3) {
    top: 18px;
    left: 5px;
    width: 42px;
    -webkit-transform: rotate(-35deg);
    -moz-transform: rotate(-35deg);
    -o-transform: rotate(-35deg);
    transform: rotate(-35deg);
  }
  #menu-close {
    display:none;
  }
	#menu-close {
		display:none;
	}
	.navbar#nav{
		display:none;
	}
	#m-nav{
		width:320px; 
		right:-320px;     
		top: 0px;
		-webkit-transition: .5s ease-in-out;
		-moz-transition: .5s ease-in-out;
		-o-transition: .5s ease-in-out;
		transition: .5s ease-in-out;
	}
	#m-nav.moved{
		right:0px;
		-webkit-transition: .25s ease-in-out;
		-moz-transition: .25s ease-in-out;
		-o-transition: .25s ease-in-out;
		transition: .25s ease-in-out;
	}
	#m-nav #side-menu li a {
		color:rgba(255, 255, 255, 1);
	}
	.title-wrapper {
    	width:100%;
      margin:50px auto 0;
	}
  .title-wrapper-title{
    display: block;
    position: relative;
    margin: 0 auto;
    text-align: center;
}
	.title-background {
    margin:0px auto 0;
		padding-top:0px;
		background-image:url(../img/main_background_title.jpg);
    background-color: rgba(0, 0, 0, 0.97);
	}
	.title-title{
    margin-top:0;
	}
	.title-text.emphasis{
		font-size: 3.5rem;
	}
  .video-overlay .fitness-model-wrapper{
    height: 100%;
  }
  .fitness-model-wrapper{
    position: absolute;
    -webkit-transition: .5s ease-in-out;
    -moz-transition: .5s ease-in-out;
    -o-transition: .5s ease-in-out;
    transition: .5s ease-in-out;
    opacity: 0;
  }
  .fitness-model-wrapper.loaded{
    -webkit-transition: .5s ease-in-out;
    -moz-transition: .5s ease-in-out;
    -o-transition: .5s ease-in-out;
    transition: .5s ease-in-out;
    opacity: 0.9;
  }
  #modelA.fitness-model-wrapper{
    height: 100%;
    left: -600px;
  }
  #modelA.fitness-model-wrapper.loaded{
    height: 100%;
    left: -326px;
  }
  #modelB.fitness-model-wrapper{    
    height: 100%;
    right: -400px;
  }
  #modelB.fitness-model-wrapper.loaded{
    height: 100%;
    right: -150px;
  }
  .video-overlay .fitness-model-wrapper img {
    height: 100vh;
  }
	.title-img {
    	height:200px;
    	margin:40px auto 0;
	}
	.resp-container{
		width:100%; padding:0px; float:left; position:relative;
	}
	.spacer-background{
		display:none;
	}
	hr.sh-red-border {
		width:68%;
	}
	#fbr-requisite {
    	margin:50px auto 20px;
	}
	#fbr-requisite #current-members, #fbr-requisite #supp-text-wrapper{
		width:100%;
	}
	#pricing-table {
    	margin:40px auto;
	}
  #pricing-table .package {
    width: initial;
  }
	#pricing-table .plan {
		width:100%;  
    	margin:20px 0;
	}
	#pricing-table .plan:nth-child(1) {
		-moz-border-radius:0px;
		-webkit-border-radius:0px;
		border-radius:0px;
	}
	#pricing-table .plan:nth-child(4){
		-moz-border-radius:0px;
		-webkit-border-radius:0px;
		border-radius:0px;
	}
	#pricing-table #most-popular{
		z-index:1;
		top:0px;
    	border-width:1px;
    	padding:20px;
		-moz-border-radius:0px;
		-webkit-border-radius:0px;
		border-radius:0px;
		-moz-box-shadow:none;
		-webkit-box-shadow:none;
		box-shadow:none;
	}
	#pricing-table #most-popular h3{
		margin-top:-20px;
		padding-top:20px;
		-moz-border-radius:0px;
    	-webkit-border-radius:0px;
    	border-radius:0px;
	}
  #pricing-options{
    display: flex;
    flex-direction: column;
  }
  #pricing-options .plan, #pricing-options .plan#choose-a-plan{
    width: initial;
  }
	#newsletter{
		width:100%;
	}
	#newsletter .form-field{
		max-height:65px;
	}
	#newsletter input.name-input, #newsletter input.email-input, #newsletter input.button{
    	min-width:initial;
   	 	width:100%;
	}
	#newsletter .smart-label{
		display:none;
	}
	#newsletter input::-webkit-input-placeholder { /* Chrome/Opera/Safari */
		color:#cccccc;
	}
	#newsletter input::-moz-placeholder { /* Firefox 19+ */
		color:#cccccc;
	}
	#newsletter input:-ms-input-placeholder { /* IE 10+ */
		color:#cccccc;
	}
	#newsletter input:-moz-placeholder { /* Firefox 18- */
		color:#cccccc;
	}
	.outer_wrap .cont-header{
		width:240px;
	}
	.button-action {
		font-size:2rem; margin:0 20px; padding:40px 20px;
	}
	.button-action#sign-up {
		max-width:none; margin-left:0; margin:40px 20px;
	}
	.button-action#careers {
		max-width:none;	float:none; margin-right:0; margin:40px 20px;
	}
	.button-action#sign-up{
	}
	.button-action-wrapper {
		height:100px; margin:40px 0; text-align:center;
	}
	.final_prompt_wrapper {
    	padding:20px 0;
	}
	#contact-wrapper{
		width:100%;
	}
	#contact-wrapper textarea#cf-message{
    	min-height:200px;
	}
	#contact-wrapper input.name-input, #contact-wrapper input.email-input, #contact-wrapper input.subject-input, #contact-wrapper textarea#cf-message, #contact-wrapper input.button{
    	min-width:initial;
   	 	width:100%;
	}
	footer{
		width:initial;
	}
	footer ul {
		list-style-type:none;
		margin-left:0px;
		padding-left:0px;
	}
  .footer-left{

  }
  .footer-right{
    
  }
	.footer-nav{
    	width:initial;
	}
	.footer-nav.social-footer {
 		float:none; 
    	margin-top:25px;
	}
	.social-footer li {
    	float:left;
	}
	#loading-overlay img {
		width:388px;
		height:240px;
	}
	#to-top {
		display:none;
		height:0px;
		width:0px;
		visibility:hidden;
	}
	
	/*
	##############################################################################
	8.3.1.1 Section Part Styles for Smaller than 500px
	##############################################################################
	*/
	.sp-title{
		font-size:2em;
		}
	.sp1-wrapper {
    	margin:0px auto;
		padding-top:0px;
	}
	#sp1-section .main-container {
    	margin-top:0;
	}
	.sp1-text.emphasis{
   		margin-top: 10px;
   		font-size:4rem;
	}
	.sp1-text.emphasis-title{
   		font-size:5.5rem;
   		margin-top: 10px;
	}
	#sp1-section .latest-news{
		font-size:1em;
		height:70px;
	}
	#sp1-section .latest-news .news-header{
		width:100%;
		text-align:center;
		padding-bottom:3px;
		border-bottom:1px solid #faecec;
	}
	#sp1-section .latest-news:hover .news-header{
		border-bottom:1px solid #ffffff;
	}
	#sp1-section .latest-news .news-spacer{
		display:none;
	}
	#sp1-section .latest-news marquee{
		font-family:'Varela Round';
		letter-spacing:0.3px;
		padding:5px;
		width:100%;
	}
	.sp2-wrapper {
   		padding-top: 0;
	}
	.sp3-wrapper {
		padding-top: 10px;
	}
	.sp3-text.emphasis {
		font-family: 'Montserrat';
		padding-top: 40px;
		padding-bottom: 0px;
		color: #e62425;
		font-size:6rem;
		font-weight: 600;
		text-shadow: 0px 0px 1px rgba(233, 148, 65, 0.8);
		text-shadow: none;
		margin-left:0;
	}
	#sp3-section .img-container {
		margin:25px 0 15px;
		width:100%;
	}
	.sp3-wrapper .mailing-list {
		margin:10px auto;
		width:100%;
	}
	.sp3-img-wrapper {
		float: left;
		width:100%;
		overflow: hidden;
	}
	.sp3-text-wrapper {
		float: left;
		width: 100%;
		text-align: left;
		margin-left:0px;
	}
	.sp3-wrapper .toggle-panel {
    	padding-right: 0px;
	}
	.sp4-wrapper {
		padding-top: 10px;
	}
	#sp4-section .span3{
		width:100%;
	}
	#sp4-section .team-member-wrapper .img-wrapper img{
		width:200px; height:200px;
	}
	#sp5-section .sp-title {
    	text-align:left;
    	margin-left:0px;
	}
	#sp5-section .main-container {
    	margin:20px auto 50px;
	}
	.sp5-wrapper .toggle-panel {
    	padding-right:0px;
	}
	.sp5-wrapper {
		padding-top:10px;
	}
	#sp5-section .sh-red-border {
    	margin-right:330px;
   		width:68%;
	}
	#sp5-section .img-container {
		width: 100%;
		margin-right: 0px;
    	margin-bottom: 40px;
	}
	#sp5-section .g-ytsubscribe, #___ytsubscribe_0{
		top: -110px;
		left: 65px;
	}
	#sp5-section .yt-container {
    	width:100%;
	}
	#sp5-section .yt-container iframe{
    	width:100%;
	}
	.sp6-wrapper {
		padding-top: 10px;
	}
	#sp6-section .sh-red-border {
    	width:70%;
	}
	#sp6-section .span4 {
		width:100%;
	}
	#sp6-section .team-member-wrapper .img-wrapper img{
		width:100%;
    	height:100%;
	}
	.sp7-wrapper {
		padding-top: 10px;
	}
	.sp7-wrapper .container .banner{
		display:none;
	}
	.sp7-wrapper .sp-title span{
    	font-size:1.6rem;
    	line-height:16px;
		display:block;
	}
	/*
	##############################################################################
	8.3.1.2 Home Page Styles for Smaller than 500px
	##############################################################################
	*/
	#home.page #sp3-section .sp-title {
    	font-size: 3.8rem;
	}
	#home.page #sp4-section .main-container {
		margin: 0px auto;
	}
	#home.page #sp5-section .main-container .invite-wrappers{
		width:initial; float:none;
	}
	#home.page form#invite.form{
		width:100%;
	}
	#home.page form#invite.form input, #home.page form#invite.form input.access-code-input, #home.page form#invite.form input.start-posting-input{
    	min-width:initial;
   	 	width:100%;
	}
	/*
	##############################################################################
	8.3.1.3 Trading Page Styles for Smaller than 500px
	##############################################################################
	*/
	#trading.page .sp1-wrapper {
		margin-top:20px;
	}
	#trading.page .sp1-wrapper .toggle-panel {
    	padding-right:initial;
	}
	#trading.page #contact-wrapper select.subject-input{
    	min-width:initial;
   	 	width:100%;
	}
	#trading.page .sp1-wrapper .panel-default>.panel-heading+.panel-collapse>.panel-body img {
		width: 100%;
	}
	.form-message {   
		min-width:inherit;
		width:100%;
	}
	.form-field {
    	width:100%;
	}
	
	/*
	##############################################################################
	8.3.1.6 Profiles Styles for Smaller than 500px
	##############################################################################
	*/
	#profiles.page #header{
		display:block;
		position:fixed;
	}
	#profiles.page #sp1-section .sp1-wrapper .main-container {
		margin: 60px auto;
	}
	#profiles.page .pp-wrapper {
		width: 100%;
	}
	#profiles.page .pp-info {
   		width:100%;
		padding:5px 0px 20px;
	}
	#profiles.page .pp-wrapper .pp {
		width: 100%;
		height: 100%;
	}
	#profiles.page .pp-wrapper .fbr-name-tag {
		display:block;
	}
	#profiles.page .pp-info-name {
		display:none;
	}
	.fbr-profile-badges{
		margin:15px 0 0; 
	}
	.fbr-profile-badges > span{
		display:block;
		margin: 5px auto;
		float: left;
		width: 100%;
	}
	#profiles.page .team-member-wrapper {
		width: 90%;
	}
	#profiles.page .your-team-wrapper {
	    max-height: 400px;
	}
	#profiles.page #contact-wrapper select.subject-input, #profiles.page #contact-wrapper input.name-input, #profiles.page #contact-wrapper input.email-input, #profiles.page #contact-wrapper textarea#cf-message, #profiles.page #contact-wrapper input.button{
    	min-width:initial;
   	 	width:100%;
	}
	#profiles.page #menu-open {
		width: 10px;
		height: 10px;
		position: fixed;
		right: 10px;
		padding: 16px 23px 21px;
		background-color: rgb(50, 50, 49);
		margin: 3px auto 0;
		cursor:pointer;
	}
  #profiles.page #menu-open span{
		height: 3px;
	}
	#profiles.page #menu-open span:nth-child(1) {
		top: 8px;
	}
	#profiles.page #menu-open span:nth-child(2) {
		top: 17px;
	}
	#profiles.page #menu-open span:nth-child(3) {
		top: 26px;
	}
	#profiles.page #menu-open.open span:nth-child(1) {
    	top: 18px;
	}
	#profiles.page #menu-open.open span:nth-child(3) {
    	top: 18px;
	}
	#profiles.page .sp4-wrapper {
		padding-top: 10px;
	}
	#profiles.page .sp4-wrapper .container .banner{
		display:none;
	}
	#profiles.page .sp4-wrapper .sp-title span{
    	font-size:1.6rem;
    	line-height:16px;
		display:block;
	}
}

/*
##############################################################################
8.3.2 Apple devices (iPhone < 5, iPhone 5, iPhone 6, iPhone 6 Plus, iPad)
##############################################################################
*/

/*
##############################################################################
8.3.21 Device-aspect-ratio: 2/3 (iPhone < 5)
##############################################################################
*/
@media screen and (device-aspect-ratio: 2/3) {}

/*
##############################################################################
8.3.22 Device-aspect-ratio: 40/71 (iPhone 5)
##############################################################################
*/
@media screen and (device-aspect-ratio: 40/71) {
	/*html{
		width:335px;
	}*/
}
@media only screen 
and (min-device-width : 320px) 
and (max-device-width : 568px) 
and (orientation : landscape){
	/*html{
		width:960px;
	}
	#loading-overlay{
		width:960px; height:169vh;
	}*/
}

/*
##############################################################################
8.3.23 Device-aspect-ratio: 375/667 (iPhone 6)
##############################################################################
*/
@media screen and (device-aspect-ratio: 375/667) {
	}
@media only screen 
and (min-device-width : 375px) 
and (max-device-width : 667px) 
and (orientation : landscape) { 
	/*html{
		width:960px;
	}
	#loading-overlay{
		width:960px; height:144vh;
	}*/
}

/*
##############################################################################
8.3.24 Device-aspect-ratio: 16/9 (iPhone 6 Plus)
##############################################################################
*/
@media screen and (device-aspect-ratio: 16/9) {}
@media only screen 
and (min-device-width : 414px) 
and (max-device-width : 736px) 
and (orientation : landscape) {
	/*html{
		width:960px;
	}
	#loading-overlay{
		width:960px; height:131vh;
	}*/
}

/*
##############################################################################
8.3.25 Device-aspect-ratio: 3/4 (iPad)
##############################################################################
*/
@media screen and (device-aspect-ratio: 3/4) {}

/*
##############################################################################
8.4 Larger than 500px (Mobile-first)
##############################################################################
*/
@media screen and (min-width: 500px) {
	body {
		overflow-x: hidden;
	}
	#m-nav{
		width:500px; right:-500px; position:absolute;
	}
	#m-nav.moved{
		right:500px;
	}
	#menu-open{
		display:none;
	}
	.header-wrapper{
	    /*background-color: transparent;*/
	}
	.affix .header-wrapper{
	    background-color:#323231;
	}
	#member-login{
		position: fixed;
		/*width:100px;*/
		height:40px;
		top: -10px;
		right: 10%;
		background-color:rgba(30, 29, 37, 0.70);
		z-index: 100;
		color: #eff1fe;
		border-radius: 3px;
		font-weight: 600;
		font-family: Righteous;
		letter-spacing: 5px;
		cursor: pointer;
		padding:0px 10px;
		padding-top:15px;
		text-align: center;
		text-transform: uppercase;
		-webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; 
	}
	#member-login:hover{
		top:-3px;
		padding-top:11.5px;
		-webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; -ms-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; 
	}
	#member-login a{
		color: #eff1fe;
	}
	#nav ul li a {
		color: rgba(181, 151, 79, 0.9);		font-size: 0.8em;		font-weight:900;		letter-spacing:0.2px;		padding: 0; text-shadow: -1px 0px 2px rgb(146 74 5 / 40%)
	}
	.logo{
    display:block;
		margin: 0 auto;
		height: 100px;
		width: 100px;
		background-size: 100px;
    background-color: transparent;
	}
	.title-background{
		margin:0px auto 0; 
    /*margin-top: -80px */
		overflow:visible;
		position:relative;
		background-image:url(../img/bg-color.jpeg);
		height:800px;
		background-attachment: fixed;
		background-size: cover;
    background-color: rgba(0, 0, 0, 0.97);
	}
	.sp-title{
		font-size:3em;
	}
	
	/*
	#sp1-section .latest-news .news-header{
		display:block; float:left; width:120px; background-color:#ffffff; position:relative; z-index:2;
	}
	#sp1-section .latest-news .news-spacer{
		display:block; float:left; width:10px; background-color:#ffffff; position:relative; z-index:2;
	}
	#sp1-section .latest-news marquee{
		font-family:'Montserrat'; font-weight:400; color:#f65251; display:block; float:left; width:100%; letter-spacing:2px; margin-top:-27px;	position:relative; z-index:1;
	}
	*/

	/* HOVER STATE CODE ABOVE IN PERMANANT STATE */
	#sp1-section .latest-news .news-header{
		display:block; float:left; width:120px; position:relative; z-index:2;
	}
	#sp1-section .latest-news .news-spacer{
		display:block; float:left; width:10px; position:relative; z-index:2;
	}
	#sp1-section .latest-news marquee{
		font-family:'Montserrat'; font-weight:400; display:block; float:left; width:100%; letter-spacing:2px; margin-top:-27px;	position:relative; z-index:1;
	}
	/* END HOVER STATE CODE ABOVE IN PERMANANT STATE */
	
	.spacer-background{
		margin: 0 auto;
		width: auto;
		height:120px;
		position:relative;
		background-color:#e62425;
		display:none;
	}
	.spacer-background-red{
		height:60px;
		background-color:#e62425;
	}
	.spacer-background .icon-wrapper{
		text-align:center;
		padding:50px 0 33px;
	}
	.spacer-background .icon-wrapper i{
		color:#e3e3e3; 
		font-size:36px;
	}
	.resp-container{
		width:50%; padding:0px; float:left; position:relative;
	}
	.resp-container{
	    padding-right: 10px;
		border-radius: 30px;
	}
	#newsletter input.name-input{
		min-width: 390px;
		margin-right: 10px;
	}
	#newsletter input.email-input{
		min-width:400px;
	}
	#newsletter input.subject-input{
		width:800px;
	}
	#contact-wrapper input.button{
		float:left;
		width:800px;
	}
	#contact-wrapper input.name-input{
		min-width: 390px;
		margin-right: 10px;
	}
	#contact-wrapper input.email-input{
		min-width:400px;
	}
	#contact-wrapper input.subject-input{
		width:800px;
	}
	#contact-wrapper textarea#cf-message{
		width:800px; max-width:800px; min-height:400px; border: 1px solid #e3e3e3; padding: 14px 16px; text-shadow: 0px 1px 1px rgba(0, 0, 0, 0.15);
	}
	#contact_form input.button{
		max-width:800px;
	}
	#contact_form input.subject-input{
		max-width:800px;
	}
	#contact_form textarea#message{
		max-width:800px;
	}
}

/*
##############################################################################
8.5 Between than 500px and 1110px (Reponsive)
##############################################################################
*/
@media screen and (min-width:500px) and (max-width:1110px) {
	#menu-open {
		display:block;
		float:right;
		position:relative;
		padding:20px 23px 24px;
		z-index:102;
		background-color:rgb(255, 180, 0);
	}
	#menu-open {
		width:55px;
		height:30px;
		position:fixed;
		right:30px;
		margin:28px auto 28px;
		-webkit-transform: rotate(0deg);
		-moz-transform: rotate(0deg);
		-o-transform: rotate(0deg);
		transform: rotate(0deg);
		-webkit-transition: .5s ease-in-out;
		-moz-transition: .5s ease-in-out;
		-o-transition: .5s ease-in-out;
		transition: .5s ease-in-out;
		cursor: pointer;
	}
	#menu-open span {
		display: block;
		position: absolute;
		height:4px;
		width:40px;
		background:#ffffff;
		border-radius: 0px;
		opacity: 1;
		left:8px;
		-webkit-transform: rotate(0deg);
		-moz-transform: rotate(0deg);
		-o-transform: rotate(0deg);
		transform: rotate(0deg);
		-webkit-transition: .25s ease-in-out;
		-moz-transition: .25s ease-in-out;
		-o-transition: .25s ease-in-out;
		transition: .25s ease-in-out;
	}
	#menu-open span:nth-child(1) {
		top:8px;
	}
	#menu-open span:nth-child(2) {
		top: 19px;
    width: 30px;
    left: 18px;
	}
	#menu-open span:nth-child(3) {
		top:30px;
	}
	#menu-open.open span:nth-child(1) {
		top: 18px;
    left: 5px;
    width: 42px;
		-webkit-transform: rotate(35deg);
		-moz-transform: rotate(35deg);
		-o-transform: rotate(35deg);
		transform: rotate(35deg);
	}
	#menu-open.open span:nth-child(2) {
		opacity: 0.51;
		left: 24px;
    width: 5px;
	}
	#menu-open.open span:nth-child(3) {
		top: 18px;
    left: 5px;
    width: 42px;
		-webkit-transform: rotate(-35deg);
		-moz-transform: rotate(-35deg);
		-o-transform: rotate(-35deg);
		transform: rotate(-35deg);
	}
	#menu-close {
		display:none;
	}
	.navbar#nav {
		display: flex;
    justify-content: space-around;
    float: none;
	}
	#m-nav{
		width:100vw;
    height:100vh; 
		right:0px;     
		top: -100vh;
		position:fixed;
		-webkit-transition: .5s ease-in-out;
		-moz-transition: .5s ease-in-out;
		-o-transition: .5s ease-in-out;
		transition: .5s ease-in-out;
	}
	#m-nav.moved{
		right:0px;
    top: 0vh;
		-webkit-transition: .25s ease-in-out;
		-moz-transition: .25s ease-in-out;
		-o-transition: .25s ease-in-out;
		transition: .25s ease-in-out;
	}
	#m-nav #side-menu li a {
		color:rgba(255, 255, 255, 1);
	}
	#header {
    	position:relative;
	}
	#header.affix {
    	position:relative;
	}
  .header-holder {
    height: 100px;
  }
	.affix {
    	position:relative;
	}
  .video-overlay{
    margin-bottom: -80px;
  }
  .video-overlay .fitness-model-wrapper{
    width: 200px;
    position: absolute;
  }
  .video-overlay .fitness-model-wrapper#modelA{
    left:1px;
    height: 100vh;
  }
  .video-overlay .fitness-model-wrapper#modelB{
    right:1px;
    height: 100vh;
  }
	.title-wrapper {
    	width:72.5%;
	}
	.title-img {
		float:none;
	}
	#sp6-section .team-member-wrapper .img-wrapper img {
    	width: 200px;
    	height: 200px;
	}
	#contact_form{
		width:100%;
	}
	#contact_form input.name-input, #contact_form input.email-input, #contact_form input.subject-input, #contact_form textarea#message, #contact_form input.button{
    	min-width:initial;
   	 	width:100%;
	}
	.form-message {   
		min-width:inherit;
		width:100%;
	}
	.form-field {
    	width:100%;
	}
}

/*
@media screen and (max-device-width: 800px) and (max-width: 840px) {
	.navbar#nav{
		display:none;
	}
}
*/

/*
##############################################################################
8.6 Higher than 768px (Mobile-first)
##############################################################################
*/
@media only screen and (min-width: 768px) and (max-width: 1365px) {
  #menu-open {
    display:block;
    float:right;
    position:relative;
    padding:20px 23px 24px;
    z-index:102;
    background-color:rgb(255, 180, 0);
  }
  #menu-open {
    width:55px;
    height:30px;
    position:fixed;
    right:30px;
    margin:28px auto 28px;
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
    -webkit-transition: .5s ease-in-out;
    -moz-transition: .5s ease-in-out;
    -o-transition: .5s ease-in-out;
    transition: .5s ease-in-out;
    cursor: pointer;
  }
  #menu-open span {
    display: block;
    position: absolute;
    height:4px;
    width:40px;
    background:#ffffff;
    border-radius: 0px;
    opacity: 1;
    left:8px;
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
    -webkit-transition: .25s ease-in-out;
    -moz-transition: .25s ease-in-out;
    -o-transition: .25s ease-in-out;
    transition: .25s ease-in-out;
  }
  #menu-open span:nth-child(1) {
    top:8px;
  }
  #menu-open span:nth-child(2) {
    top: 19px;
    width: 30px;
    left: 18px;
  }
  #menu-open span:nth-child(3) {
    top:30px;
  }
  #menu-open.open span:nth-child(1) {
    top: 18px;
    left: 5px;
    width: 42px;
    -webkit-transform: rotate(35deg);
    -moz-transform: rotate(35deg);
    -o-transform: rotate(35deg);
    transform: rotate(35deg);
  }
  #menu-open.open span:nth-child(2) {
    opacity: 0.51;
    left: 24px;
    width: 5px;
  }
  #menu-open.open span:nth-child(3) {
    top: 18px;
    left: 5px;
    width: 42px;
    -webkit-transform: rotate(-35deg);
    -moz-transform: rotate(-35deg);
    -o-transform: rotate(-35deg);
    transform: rotate(-35deg);
  }
  #menu-close {
    display:none;
  }
  .navbar#nav {
    display: flex;
    justify-content: space-around;
    float: none;
    background-color: #000000d1;
    margin: 0 -30px;
  }
  #m-nav{
    width:100vw;
    height:100vh; 
    right:0px;     
    top: -100vh;
    position:fixed;
    -webkit-transition: .5s ease-in-out;
    -moz-transition: .5s ease-in-out;
    -o-transition: .5s ease-in-out;
    transition: .5s ease-in-out;
  }
  #m-nav.moved{
    right:0px;
    top: 0vh;
    -webkit-transition: .25s ease-in-out;
    -moz-transition: .25s ease-in-out;
    -o-transition: .25s ease-in-out;
    transition: .25s ease-in-out;
  }
  #m-nav #side-menu li a {
    color:rgba(255, 255, 255, 1);
  }
  #header {
      position:relative;
  }
  #header.affix {
      position:relative;
  }
  .header-holder {
    height: 100px;
    width:760px;
  }
  .header-holder {
    width: initial; margin: 0 15px; display: block;
  }
  #nav ul li {
      padding: 35px 0px 25px 40px;
  }
  .affix {
      position:relative;
  }
  .video-overlay{
    margin-bottom: -80px;
  }
  .video-overlay .fitness-model-wrapper{
    width: 200px;
    position: absolute;
  }
  .video-overlay #modelA.fitness-model-wrapper {
    left:-100px;
  }
  .video-overlay #modelB.fitness-model-wrapper {
    right:70px;
  }
  .video-overlay .fitness-model-wrapper img {
    height: 100vh;
  }
  a.rslides_nav.rslides1_nav.prev{
    content: "&larr;";
    color: #fff;
    font-size: 30px;
    border: 3px solid #fff;
    border-radius: 50%;
    padding: 20px;
  }
  a.rslides_nav.rslides1_nav.next{
    content: " (" attr(href) ")";
    color: #fff;
    font-size: 30px;
    border: 3px solid #fff;
    border-radius: 50%;
    padding: 20px;
  }
	.title-wrapper {
		width: initial;	height: initial;
	}
	.title-wrapper {
    	width:72.5%;
	}
	.title-img {
		margin:40px auto 0;
		float:none;
	}
	.title-title {
		margin-left:10px;
		margin-right:10px;
	}
	.title-text.small {
		line-height: 100%;
	}
	#pricing-table .plan {
		width:32.9%;  
	}
  #pricing-table .package-title {
    display: block;
    position: relative;
  }
  #pricing-table .package-img {
    height: 80px;
    width: 80px;
    display: block;
    position: relative;
    float: left;
  }
  #pricing-table .package-text {
    text-align: left;
    margin-left: 20px;
    float: left;
    width: 229px;
  }
  #pricing-table ul {
    clear: both;
  }
	.most_popular_tabs {
		width:100%;
	}
	.testimonial_wrapper {
		width:initial;
	}
	.upcoming_events_background {
		background-image:none;
	}
	.upcoming_events_wrapper {
		height:initial;
	}
	.upcoming_events_info span {
		font-size:26px;
	}
	.upcoming_events_info span.title {
		font-size: 16px;
	}
	.upcoming_events_info {
		float: none;
		margin: 20px;
	}
	.upcoming_events_info_wrapper {
		padding: 45px 10px;
		width: initial;
	}
	.final_prompt_wrapper {
		padding: 200px 0;
	}
	.button-action {
		font-size: 48px; margin: 40px;
	}
	.button-action#sign-up {
		max-width: none; margin-left:0;	margin: 40px;
	}
	.button-action#careers {
		max-width: none;float:  none;	margin-right:0;	margin: 40px;
	}
	footer{
		width:initial;
	}
	.footer-nav.social-footer {
 		float:none; 
	}
}

/*
##############################################################################
8.7 Higher than 1366px (Laptop big)
##############################################################################
*/
@media all and (min-width: 1366px) {
  #menu-open {
    display:block;
    float:right;
    position:relative;
    padding:20px 23px 24px;
    z-index:102;
    background-color:rgb(255, 180, 0);
  }
  #menu-open {
    width:55px;
    height:30px;
    position:fixed;
    right:30px;
    margin:28px auto 28px;
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
    -webkit-transition: .5s ease-in-out;
    -moz-transition: .5s ease-in-out;
    -o-transition: .5s ease-in-out;
    transition: .5s ease-in-out;
    cursor: pointer;
  }
  #menu-open span {
    display: block;
    position: absolute;
    height:4px;
    width:40px;
    background:#ffffff;
    border-radius: 0px;
    opacity: 1;
    left:8px;
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
    -webkit-transition: .25s ease-in-out;
    -moz-transition: .25s ease-in-out;
    -o-transition: .25s ease-in-out;
    transition: .25s ease-in-out;
  }
  #menu-open span:nth-child(1) {
    top:8px;
  }
  #menu-open span:nth-child(2) {
    top: 19px;
    width: 30px;
    left: 18px;
  }
  #menu-open span:nth-child(3) {
    top:30px;
  }
  #menu-open.open span:nth-child(1) {
    top: 18px;
    left: 5px;
    width: 42px;
    -webkit-transform: rotate(35deg);
    -moz-transform: rotate(35deg);
    -o-transform: rotate(35deg);
    transform: rotate(35deg);
  }
  #menu-open.open span:nth-child(2) {
    opacity: 0.51;
    left: 24px;
    width: 5px;
  }
  #menu-open.open span:nth-child(3) {
    top: 18px;
    left: 5px;
    width: 42px;
    -webkit-transform: rotate(-35deg);
    -moz-transform: rotate(-35deg);
    -o-transform: rotate(-35deg);
    transform: rotate(-35deg);
  }
  #menu-close {
    display:none;
  }
  .navbar#nav {
    display: flex;
    justify-content: space-around;
    float: none;
    z-index: 2;
    /* background-color: #000000d1; */
    background-color: #000000d1;
    margin: 0 -100%;
  }
  #m-nav{
    width:100vw;
    height:100vh; 
    right:0px;     
    top: -100vh;
    position:fixed;
    -webkit-transition: .5s ease-in-out;
    -moz-transition: .5s ease-in-out;
    -o-transition: .5s ease-in-out;
    transition: .5s ease-in-out;
  }
  #m-nav.moved{
    right:0px;
    top: 0vh;
    -webkit-transition: .25s ease-in-out;
    -moz-transition: .25s ease-in-out;
    -o-transition: .25s ease-in-out;
    transition: .25s ease-in-out;
  }
  #m-nav #side-menu li a {
    color:rgba(255, 255, 255, 1);
  }
  .header-holder {
    height:initial;
  }
  .title-wrapper {
    padding: 50px 0;
  }
	.title-title {
		width:auto;
		margin:0px auto auto auto;
	}
	.title-img {
		margin: 40px auto;
    height: initial;
	}
	.title-background .icon-wrapper i {
		font-size:28px;
	}
  .video-overlay .fitness-model-wrapper{
    /*width: 200px;*/
    position: absolute;
    -webkit-transition: .5s ease-in-out;
    -moz-transition: .5s ease-in-out;
    -o-transition: .5s ease-in-out;
    transition: .5s ease-in-out;
  }
  #modelA.fitness-model-wrapper{
    height: 100%;
    left:-600px;
  }
  #modelA.fitness-model-wrapper.loaded{
    height: 100%;
    left:-100px;
  }
  #modelB.fitness-model-wrapper{    
    height: 100%;
    right:-400px;
  }
  #modelB.fitness-model-wrapper.loaded{
    height: 100%;
    right:0px;
  }
  .video-overlay .fitness-model-wrapper img {
    height: 100vh;
  }
	.sp1-wrapper {
    padding-top:0px;
	}
  .voteable-contestant {
    margin-top: 100px;
    position: relative;
  }
	.upcoming_events_info_wrapper {
		padding: 45px 20px 20px;
	}
	.upcoming_events_info {
		margin: 20px 30px;
	}
	.upcoming_events_info span {
		font-size: 35px;
	}
	.button-action{
		margin:20px 0;
	}
	.final_prompt_wrapper {
    	padding:250px 0;
		padding:50px 0;
	}
	.horizontal-scrollable-div .drumkit-wrapper{
		width:250px;
	}
	footer{
		width:980px;
	}
	.footer-nav.twitter-widget ul{
		margin:0;
	}
}

/*
##############################################################################
8.8 Higher than 1920px (Desktop big)
##############################################################################
*/
@media only screen and (min-width: 1920px) {
	.title-background {
		height:980px;
	}
	.title-title {
		width:auto;  margin:0px auto auto auto;
	}
	.title-img {
		margin:80px auto 40px;
	}
	.title-text.main {
		font-size:5.6rem;
	}
	.title-text.emphasis {
    	padding-top:15px;
		font-size:6.8rem;
	}
	.title-text.small {
		padding-bottom: 20px;
		font-size: 2rem;
		letter-spacing: 1px;
	}
	.title-button {
		width: 100%;
		margin: 60px auto 0;
	}
	.sp1-text.emphasis{
		font-family:'Montserrat'; padding-top:20px; 
	}
	.spacer-background{
		margin: 0 auto;
		width: auto;
		height:120px;
		position:relative;
		background-color:#323231;
    	display: block;
	}
	.spacer-background-red{
		height:60px;
		background-color:#323231;
	}
	.spacer-background .icon-wrapper{
		text-align:center;
		padding:50px 0 33px;
	}
	.spacer-background .icon-wrapper i{
		top:0px;
   		position:relative;
		color:#e3e3e3; 
		font-size:36px;
		-webkit-transition:.75s ease-in-out;
		-moz-transition:.75s ease-in-out;
		-o-transition:.75s ease-in-out;
		transition:.75s ease-in-out;
		cursor:pointer;
	}
	.spacer-background .icon-wrapper i:hover{
		top:5px;
   		position:relative;
   		opacity:0.8;
		-webkit-transition:.25s ease-in-out;
		-moz-transition:.25s ease-in-out;
		-o-transition:.25s ease-in-out;
		transition:.25s ease-in-out;
	}
	.spacer-background{
    	/*display:none;*/
	}
	.middle-text.large{
		font-size:56px; 
		padding-bottom:50px; 
		margin:100px 30px 0; 
		width:500px;
	}
	.video-wrapper .button{
		border-radius:100px; 
		padding:48px 1px 48px; 
		border:8px solid rgba(0, 115, 203, 0.5);
	}
	.final_prompt_wrapper {
    	padding:400px 0;
		padding:50px 0 60px;
	}
	.button-action{
		margin:40px 0;
	}
	footer {
		width:1280px;
	}
}

/*
##############################################################################
9. ANIMATIONS
##############################################################################
*/
.scrolldown{
	position:relative;
	-webkit-animation: infinte-bounce 1s infinite; /* Safari 4+ */
	-moz-animation:    infinte-bounce 1s infinite; /* Fx 5+ */
	-o-animation:      infinte-bounce 1s infinite; /* Opera 12+ */
	animation:         infinte-bounce 1s infinite; /* IE 10+ */
	-webkit-transition: all 1s ease-in-out; 
	-moz-transition: all 1s ease-in-out;
	-ms-transition: all 1s ease-in-out; 
	-o-transition: all 1s ease-in-out; 
	transition: all 1s ease-in-out;
}
.scrolldown:hover, .scrolldown:active{
	-webkit-animation: none;
	-moz-animation: none;
	-o-animation: none;
	animation: none;
	-webkit-animation: infinte-bounce 1s 1; /* Safari 4+ */
	-moz-animation:    infinte-bounce 1s 1; /* Fx 5+ */
	-o-animation:      infinte-bounce 1s 1; /* Opera 12+ */
	animation:         infinte-bounce 1s 1; /* IE 10+ */
}
@-webkit-keyframes infinte-bounce{
  0%   { top: 0px; opacity:1}
  50%  { top: 5px; opacity:0.8}
  100% { top: 0px; opacity:1}
}
@-moz-keyframes infinte-bounce{
  0%   { top: 0px; opacity:1}
  50%  { top: 5px; opacity:0.8}
  100% { top: 0px; opacity:1}
}
@-o-keyframes infinte-bounce{
  0%   { top: 0px; opacity:1}
  50%  { top: 5px; opacity:0.8}
  100% { top: 0px; opacity:1}
}
@keyframes infinte-bounce{
  0%   { top: 0px; opacity:1}
  50%  { top: 5px; opacity:0.8}
  100% { top: 0px; opacity:1}
}
.fbr-top-x.fbr-profile-badges-edge-glow {
	position:relative;
	-webkit-animation: fbr-top-x-edge-glow 8s linear infinite; /* Safari 4+ */
	-moz-animation:    fbr-top-x-edge-glow 8s linear infinite; /* Fx 5+ */
	-o-animation:      fbr-top-x-edge-glow 8s linear infinite; /* Opera 12+ */
	animation:         fbr-top-x-edge-glow 8s linear infinite; /* IE 10+ */
	-webkit-transition: all 1.4s ease-in-out; 
	-moz-transition: all 1.4s ease-in-out; 
	-ms-transition: all 1.4s ease-in-out;  
	-o-transition: all 1.4s ease-in-out;  
	transition: all 1.4s ease-in-out; 
}
@-webkit-keyframes fbr-top-x-edge-glow {
  0%  { border-style:solid; border-color:transparent;
		 }
  25%  { border-style:inset;
  		   border-top-color: rgba(13, 69, 162, 0.65);
		   border-right-color: rgba(13, 69, 162, 0.4);
		   border-bottom-color: rgba(13, 69, 162, 0.25);
		   border-left-color: rgba(13, 69, 162, 0.4);
		   border-top-width: 1px;
		   border-right-width: 1px;
		   border-bottom-width: 1px;
		   border-left-width: 1px;
		 }
  50%  { border-style:solid; border-color:transparent;
		 }
  75%    { border-style:outset;
  		   border-top-color: rgba(13, 69, 162, 0.65);
		   border-right-color: rgba(13, 69, 162, 0.4);
		   border-bottom-color: rgba(13, 69, 162, 0.25);
		   border-left-color: rgba(13, 69, 162, 0.4);
		   border-top-width: 1px;
		   border-right-width: 1px;
		   border-bottom-width: 1px;
		   border-left-width: 1px;
		 }
}
@-moz-keyframes fbr-top-x-edge-glow {
  0%  { border-style:solid; border-color:transparent;
		 }
  25%  { border-style:inset;
  		   border-top-color: rgba(13, 69, 162, 0.65);
		   border-right-color: rgba(13, 69, 162, 0.4);
		   border-bottom-color: rgba(13, 69, 162, 0.25);
		   border-left-color: rgba(13, 69, 162, 0.4);
		   border-top-width: 1px;
		   border-right-width: 1px;
		   border-bottom-width: 1px;
		   border-left-width: 1px;
		 }
  50%  { border-style:solid; border-color:transparent;
		 }
  75%    { border-style:outset;
  		   border-top-color: rgba(13, 69, 162, 0.65);
		   border-right-color: rgba(13, 69, 162, 0.4);
		   border-bottom-color: rgba(13, 69, 162, 0.25);
		   border-left-color: rgba(13, 69, 162, 0.4);
		   border-top-width: 1px;
		   border-right-width: 1px;
		   border-bottom-width: 1px;
		   border-left-width: 1px;
		 }
}
@-o-keyframes fbr-top-x-edge-glow {
  0%  { border-style:solid; border-color:transparent;
		 }
  25%  { border-style:inset;
  		   border-top-color: rgba(13, 69, 162, 0.65);
		   border-right-color: rgba(13, 69, 162, 0.4);
		   border-bottom-color: rgba(13, 69, 162, 0.25);
		   border-left-color: rgba(13, 69, 162, 0.4);
		   border-top-width: 1px;
		   border-right-width: 1px;
		   border-bottom-width: 1px;
		   border-left-width: 1px;
		 }
  50%  { border-style:solid; border-color:transparent;
		 }
  75%    { border-style:outset;
  		   border-top-color: rgba(13, 69, 162, 0.65);
		   border-right-color: rgba(13, 69, 162, 0.4);
		   border-bottom-color: rgba(13, 69, 162, 0.25);
		   border-left-color: rgba(13, 69, 162, 0.4);
		   border-top-width: 1px;
		   border-right-width: 1px;
		   border-bottom-width: 1px;
		   border-left-width: 1px;
		 }
}
@keyframes fbr-top-x-edge-glow {
  0%  { border-style:solid; border-color:transparent;
		 }
  25%  { border-style:inset;
  		   border-top-color: rgba(13, 69, 162, 0.65);
		   border-right-color: rgba(13, 69, 162, 0.4);
		   border-bottom-color: rgba(13, 69, 162, 0.25);
		   border-left-color: rgba(13, 69, 162, 0.4);
		   border-top-width: 1px;
		   border-right-width: 1px;
		   border-bottom-width: 1px;
		   border-left-width: 1px;
		 }
  50%  { border-style:solid; border-color:transparent;
		 }
  75%    { border-style:outset;
  		   border-top-color: rgba(13, 69, 162, 0.65);
		   border-right-color: rgba(13, 69, 162, 0.4);
		   border-bottom-color: rgba(13, 69, 162, 0.25);
		   border-left-color: rgba(13, 69, 162, 0.4);
		   border-top-width: 1px;
		   border-right-width: 1px;
		   border-bottom-width: 1px;
		   border-left-width: 1px;
		 }
}
.fbr-occupation.fbr-profile-badges-edge-glow {
	position:relative;
	-webkit-animation: fbr-occupation-edge-glow 20s linear infinite; /* Safari 4+ */
	-moz-animation:    fbr-occupation-edge-glow 20s linear infinite; /* Fx 5+ */
	-o-animation:      fbr-occupation-edge-glow 20s linear infinite; /* Opera 12+ */
	animation:         fbr-occupation-edge-glow 20s linear infinite; /* IE 10+ */
	-webkit-transition: all 2s ease-in-out; 
	-moz-transition: all 2s ease-in-out; 
	-ms-transition: all 2s ease-in-out;  
	-o-transition: all 2s ease-in-out;  
	transition: all 2s ease-in-out; 
}
@-webkit-keyframes fbr-occupation-edge-glow {
  0%  { border-style:solid; border-color:transparent;
		 }
  25%  { border-style:inset;
  		   border-top-color: rgba(230, 36, 37, 0.35);
		   border-right-color: rgba(230, 36, 37, 0.4);
		   border-bottom-color: rgba(230, 36, 37, 0.45);
		   border-left-color: rgba(230, 36, 37, 0.4);
		   border-top-width: 1px;
		   border-right-width: 1px;
		   border-bottom-width: 1px;
		   border-left-width: 1px;
		 }
  50%  { border-style:solid; border-color:transparent;
		 }
  75%    { border-style:outset;
  		   border-top-color: rgba(230, 36, 37, 0.20);
		   border-right-color: rgba(230, 36, 37, 0.225);
		   border-bottom-color: rgba(230, 36, 37, 0.25);
		   border-left-color: rgba(230, 36, 37, 0.225);
		   border-top-width: 1px;
		   border-right-width: 1px;
		   border-bottom-width: 1px;
		   border-left-width: 1px;
		 }
}
@-moz-keyframes fbr-occupation-edge-glow {
  0%  { border-style:solid; border-color:transparent;
		 }
  25%  { border-style:inset;
  		   border-top-color: rgba(230, 36, 37, 0.35);
		   border-right-color: rgba(230, 36, 37, 0.4);
		   border-bottom-color: rgba(230, 36, 37, 0.45);
		   border-left-color: rgba(230, 36, 37, 0.4);
		   border-top-width: 1px;
		   border-right-width: 1px;
		   border-bottom-width: 1px;
		   border-left-width: 1px;
		 }
  50%  { border-style:solid; border-color:transparent;
		 }
  75%    { border-style:outset;
  		   border-top-color: rgba(230, 36, 37, 0.20);
		   border-right-color: rgba(230, 36, 37, 0.225);
		   border-bottom-color: rgba(230, 36, 37, 0.25);
		   border-left-color: rgba(230, 36, 37, 0.225);
		   border-top-width: 1px;
		   border-right-width: 1px;
		   border-bottom-width: 1px;
		   border-left-width: 1px;
		 }
}
@-o-keyframes fbr-occupation-edge-glow {
  0%  { border-style:solid; border-color:transparent;
		 }
  25%  { border-style:inset;
  		   border-top-color: rgba(230, 36, 37, 0.35);
		   border-right-color: rgba(230, 36, 37, 0.4);
		   border-bottom-color: rgba(230, 36, 37, 0.45);
		   border-left-color: rgba(230, 36, 37, 0.4);
		   border-top-width: 1px;
		   border-right-width: 1px;
		   border-bottom-width: 1px;
		   border-left-width: 1px;
		 }
  50%  { border-style:solid; border-color:transparent;
		 }
  75%    { border-style:outset;
  		   border-top-color: rgba(230, 36, 37, 0.20);
		   border-right-color: rgba(230, 36, 37, 0.225);
		   border-bottom-color: rgba(230, 36, 37, 0.25);
		   border-left-color: rgba(230, 36, 37, 0.225);
		   border-top-width: 1px;
		   border-right-width: 1px;
		   border-bottom-width: 1px;
		   border-left-width: 1px;
		 }
}
@keyframes fbr-occupation-edge-glow {
  0%  { border-style:solid; border-color:transparent;
		 }
  25%  { border-style:inset;
  		   border-top-color: rgba(230, 36, 37, 0.35);
		   border-right-color: rgba(230, 36, 37, 0.4);
		   border-bottom-color: rgba(230, 36, 37, 0.45);
		   border-left-color: rgba(230, 36, 37, 0.4);
		   border-top-width: 1px;
		   border-right-width: 1px;
		   border-bottom-width: 1px;
		   border-left-width: 1px;
		 }
  50%  { border-style:solid; border-color:transparent;
		 }
  75%    { border-style:outset;
  		   border-top-color: rgba(230, 36, 37, 0.20);
		   border-right-color: rgba(230, 36, 37, 0.225);
		   border-bottom-color: rgba(230, 36, 37, 0.25);
		   border-left-color: rgba(230, 36, 37, 0.225);
		   border-top-width: 1px;
		   border-right-width: 1px;
		   border-bottom-width: 1px;
		   border-left-width: 1px;
		 }
}

/*
##############################################################################
10. THIRD PARTY INVOKING
##############################################################################
*/
 .gg-arrow-right {
 box-sizing: border-box;
 position: relative;
 display: block;
 transform: scale(var(--ggs,1));
 width: 22px;
 height: 22px;
}

.gg-arrow-right::after,
.gg-arrow-right::before {
 content: "";
 display: block;
 box-sizing: border-box;
 position: absolute;
 right: 3px;
}

.gg-arrow-right::after {
 width: 8px;
 height: 8px;
 border-top: 2px solid;
 border-right: 2px solid;
 transform: rotate(45deg);
 bottom: 7px;
}

.gg-arrow-right::before {
 width: 16px;
 height: 2px;
 bottom: 10px;
 background: currentColor;
} 

.gg-check {
 box-sizing: border-box;
 position: relative;
 display: block;
 transform: scale(var(--ggs,1));
 width: 22px;
 height: 22px;
 border: 2px solid transparent;
 border-radius: 100px
}

.gg-check::after {
 content: "";
 display: block;
 box-sizing: border-box;
 position: absolute;
 left: 3px;
 top: -1px;
 width: 6px;
 height: 10px;
 border-width: 0 2px 2px 0;
 border-style: solid;
 transform-origin: bottom left;
 transform: rotate(45deg)
} 

.gg-check-o {
 box-sizing: border-box;
 position: relative;
 display: block;
 transform: scale(var(--ggs,1));
 width: 22px;
 height: 22px;
 border: 2px solid;
 border-radius: 100px
}

.gg-check-o::after {
 content: "";
 display: block;
 box-sizing: border-box;
 position: absolute;
 left: 3px;
 top: -1px;
 width: 6px;
 height: 10px;
 border-color: currentColor;
 border-width: 0 2px 2px 0;
 border-style: solid;
 transform-origin: bottom left;
 transform: rotate(45deg)
}