@import url("/templates/ssl/stylesheet/parent.style.css");

/* Messages and Validation */

.NotificationHolder { -webkit-border-radius: 5; -moz-border-radius: 5; border-radius: 5px; }
.NotificationHolder { border:2px solid #e63d3d !important; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; background-color: #f0a699; text-align: center;}
.NotificationHolder{padding:15px;margin-bottom:20px;border:1px solid transparent;border-radius:4px}
.NotificationHolder h4{margin-top:0;color:inherit}
.NotificationHolder a{font-weight:700}
.NotificationHolder>p,.ValidationHolder>ul{margin-bottom:0}
.NotificationHolder>p+p{margin-top:5px}

/*White Container*/
.white-container{
  -webkit-border-radius: 5;
  -moz-border-radius: 5;
  border-radius: 5px;
  -webkit-box-shadow: 0px 1px 5px #b8b8b8;
  -moz-box-shadow: 0px 1px 5px #b8b8b8;
  box-shadow: 0px 1px 5px #b8b8b8;
  color: #606060;
  font-size: 16px;
  background: #fff;
  padding: 25px 45px 25px 45px;
  text-decoration: none;
  -webkit-box-shadow: inset 0px -3px 0px 0px rgba(190, 190, 190, 0.70);
  -moz-box-shadow:    inset 0px -3px 0px 0px rgba(190, 190, 190, 0.70);
  box-shadow:         inset 0px -3px 0px 0px rgba(190, 190, 190, 0.70);
  border: 1px solid #eeeeee;
  margin-bottom: 10px;
  height: auto;
  overflow: auto;
  clear; both;
}
.vertical-text{
    writing-mode: vertical-lr;
    -webkit-transform:rotate(270deg);
    -moz-transform:rotate(270deg);
    -o-transform: rotate(270deg);
    -ms-transform:rotate(270deg);
    transform: rotate(270deg);
    white-space:nowrap;
}
.verticalTableHeader {
    text-align:center;
    white-space:nowrap;
    transform: rotate(270deg);
}
.verticalTableHeader p {
    margin:0 -999px;/* virtually reduce space needed on width to very little */
    display:inline-block;
}
.verticalTableHeader p:before {
    content:'';
    width:0;
    padding-top:110px;
    /* takes width as reference, + 10% for faking some extra padding */
    display:inline-block;
    vertical-align:middle;
}

/*Modal Body Rules*/
.modal-body{
  padding-left:15px;
}

/*Modal Footer Rules*/
.modal-footer{
  font-family: "Avenir-Light", Times, serif; 
  font-size: 12px; 
  color: #aaa;
}
.clubHeaderLogo
{
	width: 100%;
}
.clubLogo, .clubHeader
{
	float:left;
}
.clubHeader h2
{
	font-size: 60px;
	padding-left: 30px;
}
.clubStats
{	
	float:right;	
	width: auto;
	text-align: right;
	color: #DC4335;
	font-weight: bold;
	font-size: 16px;
}
.clubStats ul
{
	list-style-type: none;
	text-align: right;
}
.img-responsive {
	width: 100%;
}
.smaller
{
	font-size: 12px !important;
}
/* Link Overrides */
.page-intro-php aside a:link, .page-intro-php aside a:visited, .page-intro-php aside a:hover
{text-decoration: underline !important; color: #FFF !important; }
.page-intro-php .textBeta, .page-intro-php a.textLogo, .page-intro-php a.textLogo:link, .page-intro-php a.textLogo:visited, .page-intro-php a.textLogo:hover 
{text-decoration: none !important;}

/* new css for products and order page*/
.Plan_bg, #PreferredClubDetails, #ClubProfileOuter { width:120%; float:left; background:#f3f3f3; padding:5px 1%;box-shadow:0px 0px 4px 2px #e0e0e0;moz-box-shadow:0px 0px 4px 2px #e0e0e0;webkite-box-shadow:0px 0px 4px 2px #e0e0e0; margin-bottom:100px;}
.Plan_box { width:30%; float:left; margin-right:4px;}
.margin_last { margin-right:0px !important;}
.Plan_img { text-align:center; width:100%; float:left; min-height:67px;}
.month_bg_text { width:100%; float:left; text-align:center; font-size:18px; color:#1d1d1d; line-height:30px; font-weight:bold; margin:15px 0px;}
.month_bg_text span { color:#862321; font-size:38px;}
.title_bg { font-family:Tahoma, Geneva, sans-serif; font-size:18px; font-weight:bold; letter-spacing:-0.5px; color:#fff; text-align:center; line-height:48px;}
.title_1_bg { background:#76a721;}
.title_2_bg { background:#ea624c;}
.title_3_bg { background:#cc4137;}

.Signup_now { float:left; margin-left:3px; margin-top:20px; text-align: center; width: 97%; margin-bottom: 20px;}

.table_bg { width:100%; float:left;}
.order_table { border-bottom:1px solid #e6e6e6; border-left:medium none;}
.order_table tr th { background:url(wpsc-images/th_bg.png) repeat-x left top; font-size:18px; font-weight:bold; text-transform:uppercase; text-align:center; color:#383838; text-shadow:1px 1px 1px #fff; padding:16px 0px; }
.order_table tr th:first-child {border-radius:10px 0px 0px 0px;-webkite-border-radius:10px 0px 0px 0px;-moz-border-radius:10px 0px 0px 0px;}
.order_table tr th:last-child { border-radius:0px 10px 0px 0px;-webkite-border-radius:0px 10px 0px 0px;-moz-border-radius:0px 10px 0px 0px;}
.order_table tr td { border-top:1px solid #e6e6e6; border-right:1px solid #e6e6e6; background:#fff; font-size:14px; line-height:26px; color:#312d2d; font-weight:bold;}
.deluxe_bg { width:100%; float:left; text-align:center; font-size:24px; color:#312D2D; text-transform:uppercase; }
.deluxe_bg img { margin:auto;}
.Price_table span { color:#862321; font-size:20px;}
.qty { font-size:24px; margin-bottom:10px;}

.continue { float:right; margin:10px 0px;}
.controls { width:100%; float:left;}
.control-group { width:49%; float:left; margin-right:2%; margin-bottom:5px;}
.control-group label { width:100%; float:left;}

.full { width:100% !important;}

/* added by arun -12-july-2013
 */
.Signup_now a { font-size:20px; color:#dd4436; text-transform:uppercase}
.Signup_now a:hover { color:#d71200}
.cart_update{ background: url(wpsc-images/update.png); height: 36px !important; width: 72%;}
.cart_remove{ background: url(wpsc-images/remove.png); height: 36px !important; width: 74%; }
.hide{ font-size: 0px !important; padding: 0px !important; line-height: 0px!important; height: 0px !important; margin: 0px !important; }

/************************/
.LoginBx { width:42%; float:left; background:#FFF; box-shadow:0px 0px 4px 2px #e0e0e0;moz-box-shadow:0px 0px 4px 2px #e0e0e0;webkite-box-shadow:0px 0px 4px 2px #e0e0e0; margin:10px 0; padding:10px 3%; min-height:442px;}
.LoginBx h2{ width:100%; float:left;  margin:10px 0 !important; font-size:18px; color:#000; text-align:center; line-height:20px;}
.RegisterBx { width:49%; float:right; background:#FFF; padding:5px 1% 17px;box-shadow:0px 0px 4px 2px #e0e0e0;moz-box-shadow:0px 0px 4px 2px #e0e0e0;webkite-box-shadow:0px 0px 4px 2px #e0e0e0; margin:10px 0; }
.RegisterBx h2{ width:100%; float:left;  margin:10px 0 !important; font-size:18px; color:#000; text-align:center; line-height:20px;}
.RegisterBx p{ width:100%; float:left; margin:5px 0 10px 0; }
.LoginBx p { float: left; margin: 5px 0 10px; width: 100%; }
.Half{float:left; width:43% !important;}
.Right{float:right !important; margin:5px 16px 10px 0 !important;}
.LeftFb{float:left; width:100%;}
.LeftFb img{float:left;}
.LeftFb span{float:left; margin:6px 10px;}
.SignUpRight{  float: right; font-size: 12px; line-height: 15px; margin:0px 0 0; width: 100%;}
.Loginbtn { background:url(wpsc-images/buttons_link_bg.png) no-repeat scroll right -50px transparent; color:#fff; display:inline-block; margin:5px 0; border:0 none; padding:0 20px 0 0; font-family: 'PT Sans', Arial, Helvetica, sans-serif; font-size:16px; font-weight:bold; text-align:left; text-decoration:none;	}
.Loginbtn span { background:url(wpsc-images/buttons_link_bg.png) no-repeat scroll left 0 transparent; display:block; height:42px; line-height:42px; padding:1px 6px 7px 27px; color:#fff; cursor:pointer; text-shadow:0 1px 1px #000; text-align:center; text-transform:uppercase; min-width:110px}
.WhiteBg{background:#FFF !important;}
/*input[type="password"] { height:20px !important; line-height:20px !important}*/
/* add css for waitng image */
#loading-image { position: absolute; top: 100px; left: 240px; z-index: 9999; margin: 5% 0 0 18% !important}
#loading { background-color: #FFFFFF; display: block; height: 100%; left: 0; opacity: 0.7; position: fixed; text-align: center; top: 0; width: 100%; z-index: 102; }
.reveal-modal-bg { background: none repeat scroll 0 0 rgba(0, 0, 0, 0.8); display: none; height: 100%; left: 0; position: fixed; top: 0; width: 100%; z-index: 100; }
.entry .price_col_body ul li { height: auto!important; min-height: 70px; }
.entry .price_col_body ul { height: auto!important; }
@media screen and (max-width: 767px) { 
	.content .pricing_box>ul>li:nth-child(n+2) { display: none; }
}
.header_thin{ clear: both; }


/*New Design*/
body.page-intro-php { font-family: 'Open Sans', sans-serif; font-size: 16px; line-height: 1.625em; margin: 0; position: static; }
body.page-intro-php input[type="reset"],
body.page-intro-php input[type="submit"],
body.page-intro-php input[type="button"],
body.page-intro-php button { font-family: 'Open Sans', sans-serif; text-shadow: none; }
input[type="text"], input[type="password"]{ height: auto; line-height: normal; border-radius: 0; -webkit-border-radius: 0; }
body input, 
body button, 
body textarea, 
body select{font-family: 'Open Sans', sans-serif; }
*{ box-sizing: border-box; -webkit-box-sizing: border-box;}
a{ text-decoration: none; color: inherit; }
button{ color: inherit; }
h1, h2, h3, h4, h5, h6{ margin: 0 0 30px; font-weight: 600; }
p{  }
main, section, figure, aside, nav, article{ display: block; margin: 0;}
ul{ margin: 0 0 30px;}

/*Android Focus*/
*:focus{ outline: 0 !important; text-decoration: none !important;}
* { -webkit-tap-highlight-color: rgba(0,0,0,0); outline: 0 none; }
input, textarea, button, select, a { -webkit-tap-highlight-color: rgba(0,0,0,0); -webkit-tap-highlight-color: transparent; -webkit-appearance: none; -webkit-border-radius:0; }
textarea:focus, input:focus { -webkit-tap-highlight-color: rgba(255, 255, 255, 0); -webkit-user-modify: read-write-plaintext-only; outline: none !important; }
::-webkit-input-placeholder { opacity: 1; color: #fff;}
::-moz-placeholder { opacity: 1; color: #fff;}
:-ms-input-placeholder { opacity: 1; color: #fff;}
:focus::-webkit-input-placeholder { opacity: 0.3; color: #fff;}
:focus::-moz-placeholder { opacity: 0.3; color: #fff;}
:focus:-ms-input-placeholder { opacity: 0.3; color: #fff;}

/*ANIMATION*/
@-webkit-keyframes bounce { 0%, 20%, 50%, 80%, 100% { -webkit-transform: translateY(0); transform: translateY(0); } 40% { -webkit-transform: translateY(-30px); transform: translateY(-30px); } 60% { -webkit-transform: translateY(-15px); transform: translateY(-15px); } }
		@keyframes bounce { 0%, 20%, 50%, 80%, 100% { -webkit-transform: translateY(0); transform: translateY(0); } 40% { -webkit-transform: translateY(-30px); transform: translateY(-30px); } 60% { -webkit-transform: translateY(-15px); transform: translateY(-15px); } }
.moveSectionDown { -webkit-animation: bounce 2s infinite; animation: bounce 2s infinite; }
.moveSectionDown:hover { -webkit-animation: none; animation: none; }
@-webkit-keyframes tada { from { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } 10%, 20% { -webkit-transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg); transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg); } 30%, 50%, 70%, 90% { -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg); transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg); } 40%, 60%, 80% { -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg); transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg); } to { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } }
	    @keyframes tada { from { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } 10%, 20% { -webkit-transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg); transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg); } 30%, 50%, 70%, 90% { -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg); transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg); } 40%, 60%, 80% { -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg); transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg); } to { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } }
.mobilephone:hover i { -webkit-animation-duration: 1s; animation-duration: 1s; -webkit-animation-fill-mode: both; animation-fill-mode: both; -webkit-animation-iteration-count: infinite; animation-iteration-count: infinite; -webkit-animation-name: tada; animation-name: tada; }

@-webkit-keyframes bounce-right { 0%, 20%, 50%, 80%, 100% { -webkit-transform: translateX(0); transform: translateX(0); } 40% { -webkit-transform: translateX(-20px); transform: translateX(-20px); } 60% { -webkit-transform: translateX(-10px); transform: translateX(-10px); } }
		@keyframes bounce-right { 0%, 20%, 50%, 80%, 100% { -webkit-transform: translateX(0); transform: translateX(0); } 40% { -webkit-transform: translateX(-20px); transform: translateX(-20px); } 60% { -webkit-transform: translateX(-10px); transform: translateX(-10px); } }
.moveSectionRight{ -webkit-animation: bounce-right 1.8s infinite; animation: bounce-right 1.8s infinite; }
@-webkit-keyframes bounce-left { 0%, 20%, 50%, 80%, 100% { -webkit-transform: translateX(0); transform: translateX(0); } 40% { -webkit-transform: translateX(20px); transform: translateX(20px); } 60% { -webkit-transform: translateX(10px); transform: translateX(10px); } }
		@keyframes bounce-left { 0%, 20%, 50%, 80%, 100% { -webkit-transform: translateX(0); transform: translateX(0); } 40% { -webkit-transform: translateX(20px); transform: translateX(20px); } 60% { -webkit-transform: translateX(10px); transform: translateX(10px); } }
.moveSectionLeft{ -webkit-animation: bounce-left 1.8s infinite; animation: bounce-left 1.8s infinite; }

@-webkit-keyframes fly { 0%, 20%, 50%, 80%, 100% { -webkit-transform: translateX(0); transform: translateX(0); } 40% { -webkit-transform: translateX(20px) translateY(-15px); transform: translateX(20px) translateY(-15px); } 60% { opacity: 0; } }
		@keyframes fly { 0%, 20%, 50%, 80%, 100% { -webkit-transform: translateX(0); transform: translateX(0); } 40% { -webkit-transform: translateX(20px) translateY(-15px); transform: translateX(20px) translateY(-15px); } 60% { opacity: 0; } }
.gform_button:hover::after { -webkit-animation: fly 1.8s infinite; animation: fly 1.8s infinite; }

	#header { font-family: 'Open Sans', sans-serif; font-size: 16px; line-height: 1.625em; color: #fff; background: #192B48 none no-repeat 50% 0 scroll; background-size: cover; float: left; width: 100% !important; left: 0; top: 0; padding: 0; position: relative !important; }
	.page-intro-php #header { background-color: transparent; position: absolute !important; }
	#header .header-overlay { width: 100%; height: 100%; position: absolute; top: 0; left: 0; z-index: 0 !important;}
	#header .container { max-width: 1520px; z-index: 1 !important;}
	#header .container:first-child { z-index: 20 !important;}
	#header.show .container:first-child { bottom: auto; left: 0; margin: auto; position: absolute; right: 0; top: 0; }
		#new-logo { margin: 10px 0; float: left; }
		#new-logo img{ display: block; }
		#site-logo-mobile { margin: 20px; float: left; max-height: 60px;}
		#site-logo-mobile img{ display: block;  max-height: 60px;}
		#club-logo { border: 0px solid red; margin: 30px 20px 20px 20px; max-height: 60px; position: absolute !important; right: 100px; top: 10px;}
		#club-logo img{ display: block;  max-height: 60px;}
		#profile-logo { border: 0px solid red !important; margin: 0px; width: 200px !important; max-height: 30px; position: absolute !important; right: 20px; top: 5px;}
		#profile-logo .settings-logo-image { float: right; text-align: right !important;padding: 0px;}
		#profile-logo .profile-logo-image { float: right; text-align: right !important;}
		#profile-logo .profile-name { float: right; text-align: right !important; padding-right: 10px; vertical-align: bottom;}
		#profile-logo .profile-logo-image img{ display: block;  max-height: 30px;}
		#profile-logo .profile-name a { font-size: 12px; color: #F6BB5F !important; font-weight: bold; text-decoration: none !important; vertical-align: bottom;}
		.logo-image { background-color: transparent; }
		
		.textLogo {font-family: 'Orbitron', sans-serif; font-size: 50px; text-transform: lowercase; color: #FFF !important;text-decoration: none !important;}
		.textLogo a,.textLogo a:link,.textLogo a:visited,.textLogo a:hover {color: #FFF !important;text-decoration: none !important;}
		.textBeta {font-family: 'Orbitron', sans-serif; font-size: 20px; text-transform: lowercase; color: yellow; vertical-align: super;text-decoration: none !important;}
		.textLogo {
  /*animation: blinker 6s linear infinite;*/
}
#footer-logo .textLogo {font-size: 40px;color: #FFF !important;animation: blinker 6s linear infinite;}
#footer-logo .textBeta {font-size: 20px;}

@keyframes blinker {  
  50% { opacity: 0.0; }
}			
		
		.page-intro-php #new-logo,
		.has-message #new-logo { margin: 30px 0; }
		#header-nav::before { border-left: 1px solid #fff; content: ""; height: 60vh; left: 0; position: absolute; top: 0; width: 0; }
			#header-nav { display: none; float: left;  margin: 53px 0 0 6.4%; padding: 10px 0 0 7.7%; position: relative; width: 74%; }
			#header-nav a {color: #FFF !important; text-decoration: none !important;}
			#header-nav > ul { font-size: 15px; line-height: 1.200em; list-style: outside none none; }
			#header-nav > ul > li { margin: 0 0 80px; float: left; width: 25%; position: relative; }
			#header-nav > ul > li > a{ font-size: 17px; font-weight: 600; text-transform: uppercase; color: #FFF !important;}
			#header-nav > ul > li a:hover{ opacity: 0.6;}
			#header-nav > ul > li ul { position: relative; width: 100%; font-weight: 300; list-style: none; margin: 0; padding: 0; top: auto; left: 0; }
			#header-nav > ul > li ul li { margin-top: 40px; padding-right: 50px;}
			#header-nav > ul > li:nth-child(4n+1) { clear: both; }
		#header-menu-button {  border: 0 none; border-bottom: 2px solid #fff; padding: 0; background: transparent none; width: 40px; height: 31px; font-size: 0; cursor: pointer; position: absolute !important; margin: 45px 0 0; right: 20px; top: 0; -webkit-transition: all 0.3s ease; transition: all 0.3s ease; }
		#header-menu-button::before { border-top: 2px solid #fff; content: ""; display: block; position: absolute; top: 0; width: 100%; -webkit-transition: all 0.3s ease; transition: all 0.3s ease; }
		#header-menu-button::after { border-bottom: 2px solid #fff; content: ""; display: block; position: absolute; top: 50%; width: 100%; -webkit-transition: all 0.3s ease; transition: all 0.3s ease; }
		/*Show*/
		#header.show:before { content: ''; display: block; width: 100%; height: 100%; position: fixed; background: rgba(51, 51, 51, 0.90); top: 0; left: 0; width: 100%; z-index: 11; }
		#header.show *{ z-index: 20;}
		#header.show #header-nav { display: block; }
		#header-menu-button.show { border: 0;}
		#header-menu-button.show::before {-webkit-transform: rotate(-45deg); transform: rotate(-45deg); top:50%;}
		#header-menu-button.show::after {-webkit-transform: rotate(45deg); transform: rotate(45deg); top:50%;}
		html.menu-show .header_thin{ z-index: 1}

	/*Layouts*/
	.section{ overflow: hidden; display: block !important; position: relative; }
	.section h1,
	.section h2,
	.section h3,
	.section h4,
	.section h5,
	.section h6{ color: inherit; }
	.section .overlay-background{ top: 0; left: 0; display: block; background: #F6BB5F; height: 100%; opacity: 1; position: absolute; width: 100%; -webkit-transition: all 0.3s ease; transition: all 0.3s ease;}
	.section.animated .overlay-background{ opacity: 0; -webkit-transition: opacity 3s ease 0.5s; transition: opacity 3s ease 0.5s;  }
	.section .slide .fp-tableCell{ position: relative;}
	.container { margin: auto; max-width: 1445px; padding: 0 15px; position: relative;}
	.container::after { visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0; }
	.bottom { bottom: 0; padding: 50px 20px 50px 20px; position: absolute !important; z-index: 5 !important; width: 100%; }
	#header + .bottom { color: #fff; z-index: 11 !important; display: none; }
	#header.show + .bottom { display: block; }
	.bottom .container{ max-width: 1520px; }
		.mobile-background{ display: none; }
		.fp-controlArrow{ display: none; }
		.mobilephone { font-size: 47px; position: absolute !important; right: 0; bottom: 0; display: block; line-height: normal; }
		.footer-logo-2 { font-size: 47px; position: absolute !important; right: 0; bottom: 400px; display: inline-block; vertical-align: top; line-height: normal; }
		.footer-logo-2 img { display: block;  max-height: 200px !important;}
			.mobilephone i{ display: block; background: url(/templates/ssl/image/2016/phone.svg) no-repeat 50% 50%; width: 45px; height: 83px; float: left; vertical-align: top; margin: 0 30px 0 0; }
			.mobilephone .mobilephone-number{ display: block; font-style: normal; font-weight: 600; float: left; margin: -5px 0 0;}
			.mobilephone .mobilephone-number small{ display: block; font-size: 26px; opacity: 0.5;}
		.moveSectionDown { cursor: pointer; background: transparent url(/templates/ssl/image/2016/arrow-down.svg) no-repeat scroll 50% 50%; width: 40px; height: 20px; border: 0 none; bottom: 10px; font-size: 0; left: 0; margin: auto; position: absolute !important; right: 0; }
		.moveSectionDown.small { background-image: url(/templates/ssl/image/2016/arrow-down-small.svg); width: 20px; height: 11px; }

		/*List*/
		ul.bullet-arrow { list-style: outside none none; margin: 0; padding: 0; }
			ul.bullet-arrow li { background: rgba(0, 0, 0, 0) url(/templates/ssl/image/2016/bullet-arrow.svg) no-repeat scroll 2px 8px; margin: 0 0 10px; padding-left: 40px; }
			ul.bullet-arrow.light li { background-image: url(/templates/ssl/image/2016/bullet-arrow-light.svg);}
		ul.bullet-arrow-small { list-style: outside none none; margin: 0; padding: 0; font-size: 13px; font-weight: 700; line-height: 1.308em; }
			ul.bullet-arrow-small li { background: rgba(0, 0, 0, 0) url(/templates/ssl/image/2016/bullet-arrow-small.svg) no-repeat scroll 2px 3px; margin: 0 0 10px; padding-left: 27px; }
			ul.bullet-arrow-small.light li { background-image: url(/templates/ssl/image/2016/bullet-arrow-small-light.svg);}

		/*Columns*/
		.one-half { float: left; width: 50%; padding: 0 15px; }
		.one-third { float: left; width: 33.33%; padding: 0 15px; }
		.one-fourth { float: left; width: 25%; padding: 0 15px; }

		/*Alignment*/
		.right-side{ float: right;}

	/*Supporters */
	#supporterSection
	{
		background-color: #000;
		padding: 30px;
		width: 100%;	
		border: 0px solid blue;	
		display: none;
	}
	#supporterSection .container
	{
		width: 960px;
		margin: 0 auto;
		border: 0px solid red;
	}	
	#supporterSection .supporter-row-1 div,
	#supporterSection .supporter-row-2 div,
	#supporterSection .supporter-row-3 div
	{
		text-align: center !important;
		vertical-align: center !important;
		border: 0px solid red;
		min-height: 70px;
	}
	#supporterSection div.white-rounded
	{
		text-align: center;
		vertical-align: center;
		background-color: #FFF !important;
		-webkit-border-radius: 5;
  	-moz-border-radius: 5;
  	border-radius: 5px;
  	padding: 10px;
  	margin: 0px;  	
  	height: auto;
  	overflow: auto;
  	clear; both;
	}
	#supporterSection .supporter-row-1 img.supporter-logo
	{
		width: 50% !important;
		height: auto !important;
	}
	#supporterSection .supporter-row-2 img.supporter-logo
	{
		width: 50% !important;
		height: auto !important;
	}
	#supporterSection .supporter-row-3
	{
	}
	#supporterSection .supporter-row-3 img.supporter-logo
	{
		width: 50% !important;
		height: auto !important;
	}

	/*SECTIONS*/
	.section-clubs-intro { color: #fff; background: #69be98 none no-repeat 50% 0 scroll; background-size: cover; }
	.section-clubs-intro > .fp-tableCell *:not(.overlay-animated-circle) { position: relative; z-index: 1; }
	.section-clubs-intro > .fp-tableCell .bottom { z-index: 10 !important; }
		.overlay-animated-circle { left: -66%; margin-top: -40px; position: absolute; z-index: 0; width: 100%; height: 100%; pointer-events: none; }
		.overlay-animated-circle img { bottom: 0; display: block; left: 0; margin: auto; position: absolute !important; right: 0; top: 0; -webkit-transition: all 0.3s ease; transition: all 0.3s ease; }
		@media only screen and ( max-width: 767px ) {
			.overlay-animated-circle img { transform: scale(0.6) rotate(180deg); -webkit-transform: scale(0.6) rotate(180deg); }
		}	

		.intro { background-color: #69be98; float: left; font-size: 18px; font-weight: 600; line-height: 1.550em; padding: 50px; 
		width: 50%; }
		#header .intro { margin-bottom: 110px; }
			.intro .intro-inner { }
			.intro .intro-inner h1,
			.intro .intro-inner h2{ font-size: 46px; line-height: 1.087em; color: #fff; margin-bottom: 20px; }
			.intro .intro-inner h1:only-child, 
			.intro .intro-inner h2:only-child { margin: 50px 0; }
			.page-intro-php .intro .intro-inner p { }
			.intro > a { float: right; font-size: 16px; font-weight: bold; border-bottom: 2px solid #f49b6d; }
			body:not(.page-intro-php) .intro > a { border-bottom: 4px solid #f49b6d; }

	.section-club-functions, .section-club-section2, .section-club-section3
	 { color: #fff; background: transparent none no-repeat 50% 0 scroll; background-size: cover; }
	.section-club-functions .side-carousel { margin-top: -10%;}
		.side-carousel { width: 50%; }
		.side-carousel::after { visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0; }
		.side-carousel .item { position: relative; background-color: #F6BB5F; padding: 50px;}
		.side-carousel .item a:hover { color: #000; }
		.side-carousel .item h2 { font-size: 54px; line-height: 1.111em; }
		.side-carousel .item h5 { font-size: 18px; line-height: 1.550em; }
		.side-carousel .item ul { list-style: outside none none; margin: 0 0 30px; padding: 0; font-size: 18px; }
		.side-carousel .item ul li { display: inline-block; margin: 0; font-weight: 600; }
		.side-carousel .item ul li::after { content: "-"; display: inline-block; margin: 0 10px 0 13px; }
		.side-carousel .item ul li:last-child::after { display: none; }
		.side-carousel .next,
		.side-carousel .prev { background: rgba(0, 0, 0, 0) url(/templates/ssl/image/2016/next.svg) no-repeat scroll 100% 50%; border: 0 none; bottom: 20px; cursor: pointer; font-size: 14px; font-weight: 600; line-height: 14px; margin: 0; padding: 6px 25px 6px 0px; position: absolute; right: 27px; }
		.side-carousel .prev { background: rgba(0, 0, 0, 0) url(/templates/ssl/image/2016/prev.svg) no-repeat scroll 0 50%; padding: 6px 0px 6px 25px; left: 25px; right: auto; }
		.side-carousel .owl-item.cloned ~ .owl-item .prev { left: 25px; right: auto; }
		.side-carousel .next:hover,
		.side-carousel .prev:hover{ color: #000;}
		.side-carousel .owl-item:first-child .prev,
		.side-carousel .owl-item:last-child .next{ display: none;}

		@media only screen and ( min-width: 768px ) {
			.owl-carousel{ background-color: transparent !important;}
		}
		.owl-carousel .owl-nav *:hover{ color: #000;}
			.owl-carousel .owl-next,
			.owl-carousel .owl-prev { background: rgba(0, 0, 0, 0) url(/templates/ssl/image/2016/next.svg) no-repeat scroll 100% 50%; border: 0 none; bottom: 25px; cursor: pointer; font-size: 14px; font-weight: 600; line-height: 14px; padding: 15px 8px; position: absolute; right: 27px; }
			.owl-carousel .owl-prev { background: rgba(0, 0, 0, 0) url(/templates/ssl/image/2016/prev.svg) no-repeat scroll 0 50%; left: 25px; right: auto; }
		.owl-carousel .owl-dots { text-align: center; width: 100%; }
			.owl-carousel .owl-dot { border: 1px solid #fff; border-radius: 50%; -webkit-border-radius: 50%; display: inline-block; height: 13.426px; margin: 30px 15px; width: 13.426px; }
			.owl-carousel .owl-dot.active { background-color: #fff;}
			.owl-carousel .owl-dot:only-child { display: none; }

		.logo-carousel { max-width: 70%; position: absolute; bottom: 0; left: 0; padding: 0; margin: 0;}
		.logo-carousel img{ width: auto !important; margin: auto; }
		.logo-carousel .owl-nav { display: none !important; position: absolute; top: 0; left: 0; width: 100%; }
		.logo-carousel .owl-nav * { top: 0; bottom: auto; }
		.logo-carousel .owl-dots { display: none !important; }
		.logo-carousel .owl-item figure { display: table !important; height: 50px; text-align: center; width: 100%; }
		.logo-carousel img { display: table-cell !important; margin: auto; vertical-align: middle; }

		.section .slide .fp-tableCell .step { width: 57%; float: right; font-size: 24px; line-height: 1.250em; font-weight: 300;}
		.section .slide .fp-tableCell .step h4 { font-size: 37px; margin-bottom: 90px; }
		.section .slide .fp-tableCell .step .step-content {padding-right: 260px;}
		.section .slide .fp-tableCell .step .step-content h2 { font-size: 72px; line-height: 1.045em; font-weight: 300; margin-bottom: 65px; }
		.section .slide .fp-tableCell .step .step-content p { padding-bottom: 0; margin-bottom: 20px; }
		.section .slide .fp-tableCell .step .step-content strong { font-weight: 600; }
		.section .slide .fp-tableCell .step-number { background: rgba(0, 0, 0, 0) url(/templates/ssl/image/2016/steps.svg) no-repeat scroll 50% 50%; font-size: 148.56px; font-weight: 300; height: 624px; margin: -90px 0 0 -110px; position: absolute; text-align: center; width: 646px;  -webkit-transition: all 2s ease; transition: all 2s ease; }
		.section .slide .fp-tableCell .step-number span { bottom: 0; display: block; height: 1em; left: 0; line-height: 1em; margin: auto; position: absolute; right: 0; top: 0; width: 1em; -webkit-transition: all 2s ease; transition: all 2s ease; }
	
		.moveSlideLeft { cursor: pointer; background: rgba(0,0,0,0.2) url(/templates/ssl/image/2016/slide-arrow-left.svg) no-repeat scroll 50% 50%; border: 0 none; bottom: 0; font-size: 24px; font-weight: 300; height: 168px; left: auto; line-height: normal; margin: auto; padding: 0 25px 0 35px; position: absolute; left: 0; text-align: left; top: 0; width: auto; z-index: 10; }
		.moveSlideRight { cursor: pointer; background: rgba(0,0,0,0.2) url(/templates/ssl/image/2016/slide-arrow-right.svg) no-repeat scroll 90% 50%; border: 0 none; bottom: 0; font-size: 24px; font-weight: 300; height: 168px; left: auto; line-height: normal; margin: auto; padding: 0 25px 0 35px; position: absolute; right: 0; text-align: left; top: 0; width: 260px; z-index: 10; }
			.moveSlideRight small { display: block; font-size: 16px; font-weight: 700; }
			.moveSlideRight:hover small { color: #000; }
		.bottom-form { background-color: rgba(0, 0, 0, 0.15); bottom: 0; padding: 55px 0; position: absolute; width: 100%; z-index: 5; }
		.bottom-form .container { max-width: 1450px; }


		.section .gform_wrapper,
		.section .gform_wrapper form { float: left; margin: 0; max-width: none; width: 100%; }
		.section .gform_wrapper .gform_heading { margin: 0; padding: 0 0 20px; position: relative; }
		.section .gform_wrapper .gform_heading .gform_title,
		.section .gform_wrapper .gform_heading .gform_description:only-child{ font-size: 50px; line-height: 1.2em; margin: 0; font-weight: 600;}
		.section .gform_wrapper .gform_body,
		.section .gform_wrapper .gform_body ul { margin: 0; padding: 0; position: relative;}
		.section .gform_wrapper .gform_body ul li { clear: both; margin: 10px 0 0; padding-bottom: 20px; width: 100%; }
		.section .gform_wrapper .gform_body ul li .gfield_label{ display: none; }
		.section .gform_wrapper .gform_body ul li .ginput_container{ margin: 0; max-width: none; }
		.section .gform_wrapper .gform_body ul li .ginput_container input[type="text"],
		.section .gform_wrapper .gform_body ul li .ginput_container input[type="tel"],
		.section .gform_wrapper .gform_body ul li .ginput_container input[type="password"],
		.section .gform_wrapper .gform_body ul li .ginput_container input[type="email"],
		.section .gform_wrapper .gform_body ul li .ginput_container input[type="number"],
		.section .gform_wrapper .gform_body ul li .ginput_container select,
		 table.FormTable tr td input, table.FormTable tr td select, table.FormTable tr td textarea,
		.section .gform_wrapper .gform_body ul li .ginput_container textarea{ background: transparent none; box-shadow: none; -webkit-box-shadow: none; border: 0 none; color: inherit; font-size: 20px; border-bottom: 1px solid #fff; padding: 11px 25px; width: 100%; max-width: none; }
		.section .gform_wrapper .gform_body ul li .ginput_container select,table.FormTable tr td select { background: transparent url(/templates/ssl/image/2016/select-arrow.svg) no-repeat scroll 95% 50%; padding:0 30px 0 5px !important; height: 41px;}
		.section .gform_wrapper .gform_body ul li .ginput_container select::-ms-expand { display: none; }
		.section .gform_wrapper .gform_body ul li .ginput_container select { -webkit-appearance: none; -moz-appearance: none; appearance: none; border-radius: 0 !important; -webkit-border-radius: 0 !important;}
		.section .gform_wrapper .gform_body ul li .ginput_container select * { background: #59A281;}
		.section .gform_wrapper .gform_body ul li .ginput_container textarea, table.FormTable tr td textarea { height: 146px; border: 1px solid #fff; padding: 20px 28px; margin-top: 18px; border-radius: 0; -webkit-border-radius: 0;}
		.section .gform_wrapper .gform_footer { margin: 0; padding: 0; float: left; position: relative; width: 100%;}
		.section .gform_wrapper .gform_footer .gform_button,table.FormTable tr td input[type="submit"] { background-color: #f49b6d; border: 1px solid #f49b6d; color: #fff; cursor: pointer; display: block; float: right; font-size: 17px; font-weight: 600; height: auto; margin: 0; padding: 12px 55px; position: relative; text-align: center; }
		.section .gform_wrapper .gform_footer .gform_button:hover,table.FormTable tr td input[type="submit"]:hover { color: transparent !important; }
		.section .gform_wrapper .gform_footer .gform_button:hover::after{ background: url(/templates/ssl/image/2016/submit-white.svg) no-repeat 50% 50% transparent; content: ''; display: block; width: 100%; height: 100%; position: absolute; top: 0; left: 0;}
		.section .gform_wrapper .gform_footer .gform_ajax_spinner { position: absolute; right: 10px; top: 50%; width: 22px !important; height: 22px !important; display: block; margin: -10px 0 0; padding: 0 !important; background: #fff; border-radius: 50%; -webkit-border-radius: 50%; border: 3px solid #fff;}
		.section .gform_wrapper .gform_confirmation_message { font-size: 2em; text-align: center; font-weight: 300;}
		.section .gform_wrapper .gform_footer { text-align: center; }		
		table.FormTable tr td.FormTableCopyAltLeft
		{ font-weight: bold; font-size: 16px; }
		table.FormTable tr td input, table.FormTable tr td select, table.FormTable tr td textarea {background-color: #FFF;}
		table.FormTable tr td input[type="submit"]:hover {color: #FFF !important;}
		.sq-input { height: 40px; }
		/*Bottom Form*/
		.section .bottom-form .gform_wrapper .gform_heading { float: left; margin: 0; padding: 0 50px 0 0; width: 36%; }
		.section .bottom-form .gform_wrapper .gform_heading .gform_title,
		.section .bottom-form .gform_wrapper .gform_heading .gform_description:only-child { font-size: 28px; line-height: 1.250em; font-weight: 600;}
		.section .bottom-form .gform_wrapper .gform_body { float: left; width: 45%; }
		.section .bottom-form .gform_wrapper .gform_body ul { float: left; width: 100%;}
		.section .bottom-form .gform_wrapper .gform_body ul li { clear: none; float: left; margin: 10px 0 0; padding-bottom: 0; padding-right: 40px; width: 50%; }
		.section .bottom-form .gform_wrapper .gform_body ul li .ginput_container input[type="text"],
		.section .bottom-form .gform_wrapper .gform_body ul li .ginput_container input[type="tel"],
		.section .bottom-form .gform_wrapper .gform_body ul li .ginput_container input[type="password"],
		.section .bottom-form .gform_wrapper .gform_body ul li .ginput_container input[type="email"],
		.section .bottom-form .gform_wrapper .gform_body ul li .ginput_container input[type="number"],
		.section .bottom-form .gform_wrapper .gform_body ul li .ginput_container select,
		.section .bottom-form .gform_wrapper .gform_body ul li .ginput_container textarea{ font-size: 22px; padding: 5px;}
		.section .bottom-form .gform_wrapper .gform_body ul li .ginput_container textarea{ margin-top: 0; }
		.section .bottom-form .gform_wrapper .gform_footer { clear: none; float: left; margin: 0; padding: 0; position: relative; width: 19%; }
		.section .bottom-form .gform_wrapper .gform_footer .gform_button{ background-color: #fff; border-color: #fff; color: #69be98; margin: 0; padding: 12px 30px; text-align: center; }
		
		/*why use an seo bottom form*/
		.section-why-use-an-seo .bottom-form { background-color: #f49b6d; }
		.section-why-use-an-seo .bottom-form .gform_wrapper .gform_heading { width: 18%; }
		.section-why-use-an-seo .bottom-form .gform_wrapper .gform_body { width: 63%; }
		.section-why-use-an-seo .bottom-form .gform_wrapper .gform_body ul li { padding-right: 60px; width: 33.33%; }
		.section-why-use-an-seo .bottom-form .gform_wrapper .gform_body ul li select * { background-color: #f49b6d;}
		.section-why-use-an-seo .bottom-form .gform_wrapper .gform_footer .gform_button { min-width: 240px; background-color: #F6BB5F; height: auto; color: #fff; border-color: #F6BB5F;}

		/*Validation*/
			html .gform_wrapper .validation_error { display: none; }
			html .gform_wrapper .top_label .gfield_error { width: 100%; position: relative; }
			html .gform_wrapper li.gfield.gfield_error.gfield_contains_required,
			html .gform_wrapper li.gfield.gfield_error, 
			html .gform_wrapper li.gfield.gfield_error.gfield_contains_required.gfield_creditcard_warning{ margin: 0 !important;}
				html .gform_wrapper li.gfield.gfield_error.gfield_contains_required div.gfield_description, 
				html .gform_wrapper li.gfield.gfield_error.gfield_contains_required div.ginput_container, 
				html .gform_wrapper li.gfield.gfield_error.gfield_contains_required fieldset legend.gfield_label, 
				html .gform_wrapper li.gfield.gfield_error.gfield_contains_required label.gfield_label{ margin: 10px 0 0 !important; max-width: none;}
					html .section .bottom-form .gform_wrapper li.gfield.gfield_error.gfield_contains_required,
					html .section .bottom-form .gform_wrapper li.gfield.gfield_error, 
					html .section .bottom-form .gform_wrapper li.gfield.gfield_error.gfield_contains_required.gfield_creditcard_warning{ margin: 10px 0 0 !important;}
						html .section .bottom-form .gform_wrapper li.gfield.gfield_error.gfield_contains_required div.gfield_description, 
						html .section .bottom-form .gform_wrapper li.gfield.gfield_error.gfield_contains_required div.ginput_container, 
						html .section .bottom-form .gform_wrapper li.gfield.gfield_error.gfield_contains_required fieldset legend.gfield_label, 
						html .section .bottom-form .gform_wrapper li.gfield.gfield_error.gfield_contains_required label.gfield_label{ bottom: -23px; margin: 0 !important;}
			html .gform_wrapper li.gfield.gfield_error, 
			html .gform_wrapper li.gfield.gfield_error.gfield_contains_required.gfield_creditcard_warning{ background-color: transparent; border: 0 none; }
			html .gform_wrapper .gfield_description.validation_message, html .gform_wrapper .top_label .gfield_description.validation_message, html .gform_wrapper li.gfield.gfield_error.gfield_contains_required div.gfield_description { background-color: transparent; bottom: 0; color: #f00; font-size: 10px; font-weight: 300; left: 0; margin: 0 !important; padding: 4px 10px !important; max-width: none; position: absolute; text-align: left; text-transform: uppercase; width: 100%; z-index: 0; font-weight: bold;  }

.InputErrorOuter, input.InputErrorOuter
	{
		border:2px solid #e63d3d !important;
	  -webkit-box-shadow: none;
	  -moz-box-shadow:    none;
	  box-shadow:         none;
	  background-color:  #f0a699 !important;
	}
	.ValidationHolder {font-family: "Lato-Medium", Times, serif; -webkit-border-radius: 5; -moz-border-radius: 5; border-radius: 5px; }
  .ValidationHolder {display: none; border:2px solid #e63d3d !important; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; background-color: #f0a699; text-align: center;}
  .ValidationHolder{padding:15px;margin-bottom:20px;border:1px solid transparent;border-radius:4px}
  .ValidationHolder h4{margin-top:0;color:inherit}
  .ValidationHolder a{font-weight:700}
  .ValidationHolder>p,.ValidationHolder>ul{margin-bottom:0}
  .ValidationHolder>p+p{margin-top:5px}
  
		.content-side { float: left; width: 65%; position: relative; padding: 100px 0 100px 150px;}
		.content-side:only-child{ width: 100%;}
			.package { float: left; width: 100%; font-size: 16px; line-height: 1.750em; color: #666666; }
			.package table { list-style: outside none none; margin: 0; padding: 0; width: 100% }
			.package table th,
			.package table td{ font-size: 16px; text-align: center; padding: 0; vertical-align: middle; }
			.package table thead tr.pricing-header th { padding-bottom: 40px; }
			.package table thead tr.pricing-header th label { color: #666666; font-size: 33px; line-height: 1em; margin: 0; }
			.package table thead tr.pricing-header th p { font-size: 25.55px; padding: 0 0 10px; }
			.package table thead tr.pricing-header th p span { font-size: 19.66px; color: #808080; }
			.package table tbody tr td{ padding-bottom: 60px; }
			.package table tbody tr.package-label td { padding-bottom: 30px; }
			.package table tbody tr.package-label td h6 { border-bottom: 1px solid #d9d9d9; color: #a4a4a4; font-size: 12px; line-height: 1em; padding: 0 0 10px; margin: 0; text-align: left; text-transform: uppercase; }
			.package table tbody tr:nth-child(4) td,
			.package table tbody tr:nth-child(6) td { height: 130px; padding-bottom: 20px; }
			@media only screen and ( min-width: 1024px ) {
				.owl-item:first-child .package table tbody tr.package-label h6 { margin-left: 35px; }
				.owl-item:last-child  .package table tbody tr.package-label h6 { margin-right: 35px; }
				.owl-item ~ .owl-item .package table tbody tr.package-label h6 span { visibility: hidden; }
			}
			.package table tfoot tr.pricing-footer td a { color: #fff; display: block; padding: 18px; text-align: center; font-size: 13px; font-weight: 700; text-transform: uppercase;}
			.package table tfoot tr.pricing-footer td a:hover { color: #000;}
			/*Row header color*/
			.owl-item:nth-child(1n) .package thead tr.pricing-header th p { color: #69be98; }
			.owl-item:nth-child(2n) .package thead tr.pricing-header th p { color: #f49b6d; }
			.owl-item:nth-child(3n) .package thead tr.pricing-header th p { color: #F6BB5F; }
			/*Row footer color*/
			.owl-item:nth-child(1n) .package tfoot tr.pricing-footer td a { background-color: #69be98; }
			.owl-item:nth-child(2n) .package tfoot tr.pricing-footer td a { background-color: #f49b6d; }
			.owl-item:nth-child(3n) .package tfoot tr.pricing-footer td a { background-color: #F6BB5F; }

	.section-footer { font-family: 'Open Sans', sans-serif; font-size: 16px; line-height: 1.625em;  color: #fff !important; background: #4d4d4d none no-repeat 50% 57% scroll; background-size: cover; background-position: 50% -140px;}
	.section-footer a{ color: #fff !important; }
	.section-footer .overlay-background,
	.section-footer .side-carousel { background-color: #4d4d4d;}
	.section-footer.animated .overlay-background { opacity: 0.8;}
		#footer-logo-bak { float: left; padding: 10px 50px 0 0; width: 26.7%; }
		#footer-logo { position: absolute !important; left: 20px; top: 50px;width: 26.7%; }
		#footer-nav::before { border-left: 0px solid #fff; content: ""; display: block; height: 88vh; margin-left: -40px; position: absolute; top: -30vh; width: 1px; }
		#footer-nav::after { visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0; }
		#footer-nav{ float: left; width: 73.3%; padding-left: 30px; }
		#footer-nav .grid_2{ padding: 0 0 0 45px; margin: 0; width: 25%; }
		#footer-nav .grid_2 ul{ margin: -20px 0 0; padding: 0; list-style: none; font-size: 16px; line-height: 1.250em; }
		#footer-nav .grid_2 ul li { margin: 0 0 40px; text-transform: uppercase; }
		#footer-nav .grid_2 ul li a:hover{ opacity: 0.6;}

	.social-media-icons { bottom: 0; left: 32%; position: absolute; }
		.social-media-icons a { display: inline-block; font-size: 24px; font-weight: 300; margin: 0 15px 10px; }
		.social-media-icons span { display: block; }
		.social-media-icons a:hover{ opacity: 0.6;}
		.social-media-icons i { width: 30px; height: 30px; display: block; }
			.social-media-icons i.twitter-icon { background: url(/templates/ssl/image/2016/social-icon-twitter.svg) no-repeat 50% 50%; }
			.social-media-icons i.facebook-icon { background: url(/templates/ssl/image/2016/social-icon-facebook.svg) no-repeat 50% 50%; }
			.social-media-icons i.linkedin-icon { background: url(/templates/ssl/image/2016/social-icon-linkedin.svg) no-repeat 50% 50%; }
	#copyright, #design-by { color: #a4a4a4; font-size: 12px; position: absolute; padding: 0; }
	#copyright { bottom: 0; left: 0; }
	#copyright a { color: #a4a4a4 !important; margin-left: 5px; }
	#copyright a:hover { color: #fff !important; }
	#design-by { bottom: 10px; left: 54.5%; }

html #toTop{ display: none !important;}

/** Team Area **/
div.team-profile-top
{
	width: 100%;
}
div.team-profile-top div.profile-image
{
	float: left;
	width: 220px;
}
div.team-profile-top div.profile-image img
{
	-webkit-border-bottom-right-radius:20px;
	-webkit-border-bottom-left-radius:20px;
	border-bottom-right-radius:20px;
	border-bottom-left-radius:20px;
}
div.team-profile-top div.profile-details
{
	float: right;
	width: 180px;
}
div.profile-details .title.name,
div.profile-details .title.job
{
	color: #FB875E;
}
div.profile-bio
{
	float: left;
	width: 100%;
}
div.team-area
{
	display: block;
	border: 0px solid red !important;
	width: 100%;
	height: auto;
	margin-bottom: 40px;
	clear: both;
}
div.team-area .row
{
	width: 100% !important;
	margin: 0px !important;
	border: 0px solid green !important;
}
div.team-area .row .team-item
{	
	height: 300px !important;
	padding: 0px !important;
	border: 5px solid #f5f5f5;
}
div.team-area .row .team-item .team-item-inner
{
	width: 100% !important;
	height: 100% !important;
	overflow: hidden !important;
	padding: 0px !important;	
	margin: 0px !important;
}
.team-area .team-item .team-item-inner > a
{
	overflow: hidden !important;
	display:block;
	position:absolute;
	left: 0px;
	bottom: 0px;
	width: 100%;	
	padding: 15px;
	margin: 0px !important;
	color: #FFF;
	background: #000;
	opacity: 0.4;
	transition:opacity .2s ease-in-out;-moz-transition:opacity .2s ease-in-out;-webkit-transition:opacity .2s ease-in-out;-o-transition:opacity .2s ease-in-out
}
.team-area .team-item .team-item-inner > a:hover
{
	border:solid #005846;border-width:0 0px 0px;
}
.team-area .team-item .team-item-inner span.name
{
	font-size: 16px;
	font-weight: bold;
	text-align: center;	
	color: #FFF;
	text-transform: uppercase;
}
.team-area .team-item .team-item-inner span.statistic
{
	font-size: 16px;
	font-weight: normal;
	text-align: center;	
	color: #FFF;
	/*text-transform: uppercase;*/
}
.team-area .team-item .overlay
{
	position:absolute;
	top:0px;
	left:0px;
	width: 100% !important;
	height: 100% !important;
	background:#000;
	opacity:0;
	transition:opacity .2s ease-in-out;-moz-transition:opacity .2s ease-in-out;-webkit-transition:opacity .2s ease-in-out;-o-transition:opacity .2s ease-in-out
}
.team-area .team-item a:hover .overlay
{
	opacity:0.4;
}
.team-area .team-item img
{
	display:block;
}
.team-area .overlay:before
{
	content:'';position:absolute;top:71px;left:68px;background:url() no-repeat;width:108px;height:108px
}
.team-area .overlay span
{
	position:absolute;left:0;bottom:17px;padding:0 18px;width:100%;box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;text-align:center;display:none;
}
.row .gear-item
{	
	height: 100% !important;
	padding: 0px !important;
	border: 5px solid #f5f5f5;
}
.row .gear-item .gear-item-inner
{
	width: 100% !important;
	height: 100% !important;
	min-height: 250px;
	overflow: hidden !important;
	padding: 0px !important;	
	margin: 0px !important;
}
.row .gear-item .gear-item-inner .gear-item-stats
{
	overflow: hidden !important;
	display:block;
	position:absolute;
	left: 0px;
	bottom: 0px;
	width: 100%;	
	padding: 15px;
	margin: 0px !important;
	color: #FFF;
	background: #000;
	opacity: 0.4;
	transition:opacity .2s ease-in-out;-moz-transition:opacity .2s ease-in-out;-webkit-transition:opacity .2s ease-in-out;-o-transition:opacity .2s ease-in-out
}
.popup-box { 
	display:none; /* Hide the DIV */
	position:absolute;  
	/*_position:absolute;  hack for internet explorer 6 */  
	height:auto;  
	width:550px;  
	background:#FFFFFF;  
	left: 0px;
	top: 250px;
	z-index:100; /* Layering ( on-top of others), if you have lots of layers: I just maximized, you can change it yourself */
	margin: 0px;  
	
	/* additional features, can be omitted */
	border:0px solid #ff0000;  	
	padding:0px 10px 10px 10px;  
	font-size:18px;  
	-moz-box-shadow: 0 0 8px #999999;
	-webkit-box-shadow: 0 0 8px #999999;
	box-shadow: 0 0 8px #999999;
	
	-moz-border-radius: 8px;
	-webkit-border-radius: 8px;
	-moz-box-sizing:border-box;
	-webkit-box-sizing:border-box;
	box-sizing:border-box;	
}
.popup-box-close
{
	font-size:0px;  
	line-height:0px;  
	width: 34px;
	height: 34px;
	right:-15px;  
	top:-15px;  
	position:absolute;  
	color:#FFFFFF;  
	font-weight:bold;
	background: url(/templates/man/image/close_icon.png) no-repeat top left;
}
.popup-team
{
	box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;
	padding:30px 40px 33px;
	width:500px;
	background:#fff;
	position:absolute;top:50px;left:50px;
	-webkit-box-shadow:0 0 35px rgba(0,0,0,.2);
	box-shadow:0 0 35px rgba(0,0,0,.2);
	z-index: 10000;
}
.popup-box-content
{
	font-size: 16px;
  background: #fff;
  padding: 20px;
}
.team-profile-container div
{
	z-index: 20000;
}
/** Team Area **/

/** Ride Maps **/
.google-map
{
	border: 1px solid #eeeeee;
	min-height: 500px;
	margin-bottom: 20px;
}
.racer-stats
{
	margin-bottom: 20px;		
}
.racer-stats .racer-stats-item
{
	text-align: center !important;
	-webkit-border-radius: 5;
  -moz-border-radius: 5;
  border-radius: 5px;
  -webkit-box-shadow: 0px 1px 5px #b8b8b8;
  -moz-box-shadow: 0px 1px 5px #b8b8b8;
  box-shadow: 0px 1px 5px #b8b8b8;
  color: #606060;
  font-size: 16px;
  background: #fff;
  padding: 40px;
  text-decoration: none;
  -webkit-box-shadow: inset 0px -3px 0px 0px rgba(190, 190, 190, 0.70);
  -moz-box-shadow:    inset 0px -3px 0px 0px rgba(190, 190, 190, 0.70);
  box-shadow:         inset 0px -3px 0px 0px rgba(190, 190, 190, 0.70);
  border: 1px solid #eeeeee;
  margin: 20px;
  height: auto;
  overflow: auto;
  clear; both;
}
.racer-stats h2
{
	font-size: 30px;
	color: #DC4335;
	text-align: left;
	text-shadow: 1px 1px 8px rgba(0, 0, 0, 0.25);
	margin-bottom: 0px;
	padding-bottom: 0px;
}
.racer-stats .raceDialVal
{
	font-size: 50px;
	font-family; arial;
	font-weight: 600;
	text-align: center !important;
}
.racer-stats .raceDialLabel
{
	font-weight: bold;
	text-align: center !important;
}
.racer-stats .raceDialUnit
{
	font-weight: bold;
}
/** Ride Maps **/

/** Rider Styles **/
option.Sprinter
{
background-color: green;
color: #000;
}
option.AllRounder
{
background-color: yellow;
}
option.Climber
{
background-color: #EA1B21;
color: #000;
}
option.Unclassed
{
background-color: #000;
color: #FFF;
}
option.RiderSelected
{
background-color: #CCCCCC;
}

/** Buttons **/
.Button {
  display: inline-block;
  padding: 6px 12px !important;
  margin-bottom: 0;
  font-size: 14px;
  font-weight: normal;
  line-height: 1.42857143;
  text-align: center;
  white-space: nowrap;
  vertical-align: middle;
  -ms-touch-action: manipulation;
      touch-action: manipulation;
  cursor: pointer;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  background-image: none;
  border: 1px solid transparent;
  border-radius: 4px;
}
.Button:focus,
.Button:active:focus,
.Button.active:focus,
.Button.focus,
.Button:active.focus,
.Button.active.focus {
  outline: 5px auto -webkit-focus-ring-color;
  outline-offset: -2px;
}
.Button:hover,
.Button:focus,
.Button.focus {
  color: #333;
  text-decoration: none;
}
.Button:active,
.Button.active {
  background-image: none;
  outline: 0;
  -webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, .125);
          box-shadow: inset 0 3px 5px rgba(0, 0, 0, .125);
}
.Button.disabled,
.Button[disabled],
fieldset[disabled] .Button {
  cursor: not-allowed;
  filter: alpha(opacity=65);
  -webkit-box-shadow: none;
          box-shadow: none;
  opacity: .65;
}
a.Button.disabled,
fieldset[disabled] a.Button {
  pointer-events: none;
}
.Button {
  color: #fff !important;
  background-color: #F6BB5F !important;
  border-color: #F6BB5F !important;
}
.Button:focus,
.Button.focus {
  color: #fff;
  background-color: #F49B6D;
  border-color: #F49B6D;
}
.Button:hover {
  color: #fff;
  background-color: #F49B6D;
  border-color: #F49B6D;
}
.Button:active,
.Button.active,
.open > .dropdown-toggle.Button {
  color: #fff;
  background-color: #F49B6D;
  border-color: #F49B6D;
}
.Button:active:hover,
.Button.active:hover,
.open > .dropdown-toggle.Button:hover,
.Button:active:focus,
.Button.active:focus,
.open > .dropdown-toggle.Button:focus,
.Button:active.focus,
.Button.active.focus,
.open > .dropdown-toggle.Button.focus {
  color: #fff;
  background-color: #F49B6D;
  border-color: #F49B6D;
}
.Button:active,
.Button.active,
.open > .dropdown-toggle.Button {
  background-image: none;
}
.Button.disabled:hover,
.Button[disabled]:hover,
fieldset[disabled] .Button:hover,
.Button.disabled:focus,
.Button[disabled]:focus,
fieldset[disabled] .Button:focus,
.Button.disabled.focus,
.Button[disabled].focus,
fieldset[disabled] .Button.focus {
  background-color: #F6BB5F;
  border-color: #F6BB5F;
}
.Button .badge {
  color: #F6BB5F;
  background-color: #fff;
}
.readMore, .ButtonLink, .AdvancedSettingsBut
{
	border: 1px solid #DC4335;
	color: #DC4335;
	font-weight: bold;
	text-align: center;
	padding: 10px;
	-webkit-border-radius: 5; 
	-moz-border-radius: 5; 
	border-radius: 5px;	
	width: 100px;
	cursor: pointer;
	cursor: hand;	
}
.AdvancedSettingsBut
{
	width: 100% !important;
}
#idClubRidesSchedule .btn
{
	padding: 6px !important;
  font-size: 14px;
  line-height: 1 !important;
}
.AdvancedSettingsBut
{
	width: 200px;
}
.View-Leaderboard
{
    background-image: url(/images/icons/icon_leaderboard.png) !important;
    background-size: contain;
    background-position: 50% 50% !important;
    background-repeat: no-repeat;
}
/* Circles and Shapes */
.avatar-circle-large {
	z-index: 20000 !important;
	margin: 0 auto;
  width: 300px;
  height: 300px;
  background-color: SlateGrey;
  text-align: center;
  border-radius: 50%;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
}
.avatar-circle-medium {
	z-index: 20000 !important;
	margin: 0 auto;
  width: 200px;
  height: 200px;
  background-color: SlateGrey;
  text-align: center;
  border-radius: 50%;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
}
.avatar-circle-small {
	z-index: 20000 !important;
	margin: 0 auto;
  width: 100px;
  height: 100px;
  background-color: SlateGrey;
  text-align: center;
  border-radius: 50%;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
}
.avatar-text-large {
  position: relative;
  top: 110px; /* 25% of parent */
  font-size: 80px; /* 50% of parent */
  line-height: 80px; /* 50% of parent */
  color: #000;
  font-family: "Open Sans", Arial;
  font-weight: bold;
  font-weight: 800;
}
.avatar-text-large.longtext
{
	top: 140px; /* 25% of parent */
  font-size: 20px; /* 50% of parent */
  line-height: 20px; /* 50% of parent */
  color: #000;
  font-family: "Open Sans", Arial;
  font-weight: bold;
  font-weight: 600;
}
.avatar-text-medium {
  position: relative;
  top: 80px; /* 25% of parent */
  font-size: 40px; /* 50% of parent */
  line-height: 40px; /* 50% of parent */
  color: #000;
  font-family: "Open Sans", Arial;
  font-weight: bold;
  font-weight: 600;
}
.avatar-text-medium.longtext {
  position: relative;
  top: 80px; /* 25% of parent */
  font-size: 20px; /* 50% of parent */
  line-height: 20px; /* 50% of parent */
  color: #000;
  font-family: "Open Sans", Arial;
  font-weight: bold;
  font-weight: 600;
}
.avatar-text-small {
  position: relative;
  top: 40px; /* 25% of parent */
  font-size: 20px; /* 50% of parent */
  line-height: 20px; /* 50% of parent */
  color: #000;
  font-family: "Open Sans", Arial;
  font-weight: bold;
  font-weight: 600;
}
.avatar-rider-name {
		text-align: center;
		font-size: 14px;
		 font-weight: bold;
}
@media only screen and ( max-width: 768px ) {

	.branding-logo {max-width: 200px;}
	.textLogo {font-size: 24px;}
	.textBeta {font-size: 10px;}
	#footer-logo .textLogo {font-size: 20px;}
	#footer-logo .textBeta {font-size: 10px;}
	#footer-nav::before { border-left: 0px solid #fff;}
	#header-menu-button {  margin: 25px 0 0; }
	
	#section0 { background-image: url(/templates/ssl/image/2019/velosure-mtb-mobile-1.jpg) !important; }
	#section1 { background-image: url(/templates/ssl/image/2019/velosure-road-mobile-2.jpg) !important; }
	#section2 { background-image: url(/templates/ssl/image/2019/velosure-mtb-mobile-3.jpg) !important; }
	#section3 { background-image: url(/templates/ssl/image/2019/velosure-road-mobile-4.jpg) !important; }
	#footerSection { background-image: url(/templates/ssl/image/2019/velosure-footer-mobile.jpg) !important; }
	#supporterSection .container
	{
		width: 100% !important;
	}	
	#club-logo { display: none; }
	#header-nav::before { border-left: 0px solid #fff;}	
	#header-nav > ul > li { margin: 0 0 40px; float: left; width: 100%; position: relative; }
	#header-nav > ul > li ul li { margin-top: 20px; padding-right: 25px;}		
	#header-nav > ul > li > a { color: #FFF !important; border-bottom: 1px solid #FFF; width: 100%;}
	
	.mobilephone { position: absolute !important; right: 0; bottom: 300px;}
	.footer-logo-2 { position: absolute !important; right: 10px; bottom: 400px !important; margin: auto 0 !important; border: 0px solid purple;}
	.footer-logo-2 img { padding-top: 100px !important; max-width: 100px; }
	
	.intro { float: left !important; font-size: 16px; font-weight: 600; line-height: 1.550em; margin: 10px; padding: 20px; width: 75% !important; }
	#header .intro { margin-bottom: 50px; }
	.side-carousel { margin: 10px !important; width: 75% !important; }
	.section-club-functions .side-carousel { margin: 10px !important; width: 50% !important;}
	.owl-carousel { width: 50% !important; }
	.intro-inner { margin: 10px !important; width: 100% !important; }	
	.side-carousel .item h2 { font-size: 34px; line-height: 1.111em; }
	.side-carousel .item h5 { font-size: 18px; line-height: 1.550em; }
	.side-carousel .item ul { list-style: outside none none; margin: 0 0 15px; padding: 0; font-size: 16px; }
}
#RaceTipping
{
	width: 100% !important;
}

/*----DATA LIST TABLES----*/
table.DataListTable
{
    BACKGROUND-COLOR: #CCCCCC;
    MARGIN-TOP: 8px;
    MARGIN-BOTTOM: 8px;
    BORDER-TOP: 2px solid #F6BB5F;
    width: 100% !important;
}

table.DataListTable thead th
{
    FONT-SIZE: 16px;
    FONT-WEIGHT: bold;
    BACKGROUND-COLOR: #999999;
    COLOR: #FFFFFF;
    TEXT-ALIGN: center;
    PADDING: 4px;
}


table.DataListTable tr td.DataListTableCopy
{
    FONT-WEIGHT: normal;
    COLOR: #333333;
    BACKGROUND-COLOR: #CCCCCC;
    PADDING: 4px;
}

table.DataListTable tr td.DataListTableCopyAlt
{
    FONT-WEIGHT: normal;
    COLOR: #333333;
    BACKGROUND-COLOR: #FFFFFF;
    PADDING: 4px;
}

table.DataListTable tr td.DataListTableCentre
{
    FONT-WEIGHT: normal;
    COLOR: #333333;
    BACKGROUND-COLOR: #CCCCCC;
    TEXT-ALIGN: center;
    PADDING: 4px;
}

table.DataListTable tr td.DataListTableRightAlt
{
    FONT-WEIGHT: normal;
    COLOR: #333333;
    BACKGROUND-COLOR: #FFFFFF;
    TEXT-ALIGN: right;
    PADDING: 4px;
}
table.DataListTable tr td.DataListTableCentreAlt
{
    FONT-WEIGHT: normal;
    COLOR: #333333;
    BACKGROUND-COLOR: #FFFFFF;
    TEXT-ALIGN: center;
    PADDING: 4px;
}
/*----DATA LIST TABLES----*/

/*----RACES MODULE-----*/
table.DataListTable tr td.DataListTableCentreAlt.GCJersey,
table.DataListTable tr td.DataListTableRightAlt.GCJersey,
table.DataListTable tr td.DataListTableCopyAlt.GCJersey
{
    BACKGROUND-COLOR: #FFD800;
    font-weight: bold;
    font-size: 16px;
}
table.DataListTable tr td.DataListTableCentreAlt.KOMJersey,
table.DataListTable tr td.DataListTableRightAlt.KOMJersey,
table.DataListTable tr td.DataListTableCopyAlt.KOMJersey
{
    background: #FE0000 url(/images/icons/icon_polka_dot_lge_bgrd.png) top left;
    font-weight: bold;
    font-size: 16px;
    color: #000;
}
table.DataListTable tr td.DataListTableCentreAlt.SprinterJersey,
table.DataListTable tr td.DataListTableRightAlt.SprinterJersey,
table.DataListTable tr td.DataListTableCopyAlt.SprinterJersey
{
    BACKGROUND-COLOR: #6FE60E;
    font-weight: bold;
    font-size: 16px;
}
table.DataListTable tr td.DataListTableCentreAlt.MyTip,
table.DataListTable tr td.DataListTableCopyAlt.MyTip
{
    BACKGROUND-COLOR: #F6BB5F;
    font-weight: bold;
}
.PromoContentRight dt
{
	margin-top: 8px;
	font-weight: bold;
}
/*----RACES MODULE-----*/
.SummaryTotals, table.DataListTable tr td.DataListTableCentreAlt.SummaryTotals
{
	 background-color: #F6BB5F !important;
    font-weight: bold;
    font-size: 16px;
}
.ChallengeFirst, table.DataListTable tr td.DataListTableCentreAlt.ChallengeFirst
{
	 background-color: #FFD800 !important;
    font-weight: bold;
    font-size: 16px;
}
.ChallengeSecond, table.DataListTable tr td.DataListTableCentreAlt.ChallengeSecond
{
	 background-color: #FEEA7C !important;
    font-weight: bold;
    font-size: 16px;
}
.ChallengeThird, table.DataListTable tr td.DataListTableCentreAlt.ChallengeThird
{
	 background-color: #FEF5C3 !important;
    font-weight: bold;
}
.ChallengeLast, table.DataListTable tr td.DataListTableCentreAlt.ChallengeLast
{
	 background-color: #FA6B7F !important;
    font-weight: bold;
}
.MyResult
{
	background-color: #DFDFE8 !important;
	font-weigth: bold !important;
}
.TrackingAlert,.Alert
{
	font-weight: bold;
	color: red;
}
.Success
{
	font-weight: bold;
	color: green;
}
.ChallengeAttemptDetail
{
	background-color: #FEAF9C !important;
  font-weight: normal;
  font-size: 14px;
}
.ChallengeAttemptDetail a, .ChallengeAttemptDetail a:link, .ChallengeAttemptDetail a:visited
{
	color: #000;
	font-weight: bold;
	text-decoration: underline;
}
.TeamRiderMVP
{
	background-color: #EBFF61 !important;
  font-weight: bold;
}
.blockUI h1
{
        color: #FFFFFF;
        font-family: arial;
}
sup, th sup
{
	vertical-align: super !important;
	font-size: smaller;	
}
/*----RANKING MODULE----*/
.RankingFirst, table.DataListTable tr td.DataListTableCentreAlt.RankingFirst
{
	 background-color: #FFD800 !important;
    font-weight: bold;
}
.RankingSecond, table.DataListTable tr td.DataListTableCentreAlt.RankingSecond
{
	 background-color: #FEEA7C !important;
    font-weight: bold;
}
.RankingThird, table.DataListTable tr td.DataListTableCentreAlt.RankingThird
{
	 background-color: #FEF5C3 !important;
    font-weight: bold;
}
.RankingFourth, table.DataListTable tr td.DataListTableCentreAlt.RankingFourth
{
	 background-color: #F5E9A7 !important;
    font-weight: bold;
}
.RankingFifth, table.DataListTable tr td.DataListTableCentreAlt.RankingFifth
{
	 background-color: #EADD96 !important;
    font-weight: bold;
}
.RankingLast, table.DataListTable tr td.DataListTableCentreAlt.RankingLast
{
	 background-color: #FA6B7F !important;
    font-weight: bold;
}
/*----GALLERY MODULE----*/
#pig
{
	z-index: 20000;
	border: 0px solid red;
}
#pig {
    cursor: -moz-zoom-in; 
    cursor: -webkit-zoom-in; 
    cursor: zoom-in;
}