@charset "utf-8";
/* CSS Document */

*
{
	margin:0px;
	padding:0px;
	-moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
ul
{
	margin-bottom:0px;
}
body
{
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#333;
}
.floatleft
{
	float:left;
}
.floatright
{
	float:right;
}
.clear
{
	clear:both;
}
.overflw
{
	overflow:hidden;
}
.Header
{
	  z-index: 1000;
  border-bottom-width: 4px;
  border-top-style: none;
  border-right-style: none;
  border-bottom-style: solid;
  border-left-style: none;
  border-bottom-color: rgba(255, 255, 255, 0.71);
  background-color: #EDE6D3;
  opacity: 0.95;
  filter:alpha(opacity=95);
  min-height:30px;
  position:fixed;
  top:0px;
  width:100%;
}

.ContainerInner
{
	width:1030px;
	margin:auto;
	position:relative;
}
.Logo
{
  position: absolute;
  left: 0;
  z-index: 1;
  background-color: #fff;
  padding: 0px 16px;
  position: absolute;
  height: 94px;
  -webkit-box-shadow: 0 4px 20px 6px rgba(0,0,0,0.3);
  box-shadow: 0 4px 20px 6px rgba(0,0,0,0.3)
}
.Logo img
{
	width:92px;
	text-align:center;
	padding-top:5px;
}
.Menu ul
{
	border-right:1px solid #dddddd;
}
.Menu ul li
{
	display:inline-block;
	font-size:12px;
	padding:0px 5px;
}
.Menu ul li a
{
	color:#10527a;
	text-transform:uppercase;
	text-decoration:none;
	padding:3px 10px;
	line-height:38px;
	font-size:11px;
}
.Menu ul li a.active
{
	color:#21bbde;
}
.Social
{
	margin-left:10px;
}
.Social a
{
	font-size:12px;
	color:#888;
	padding:13px 8px;
	display:inline-block;
}
.Social a:hover
{
	background:#37589b;
	color:#fff;
}
.Social a.Insta:hover
{
	background:#a67658;
}
.Social a.YT:hover
{
	background:#a72b1d;
}
.wrapper, .Container
{
	height:100%;
}
.Mobileview
{
	display:none;
}
.Borderradius
{
-webkit-border-radius: 6px;
-moz-border-radius: 6px;
border-radius: 6px;
}
.pageloader
{
	position:fixed;
	background:url(../images/WhiteTransparent.png) repeat;
	top:0px;
	left:0px;
	width:100%;
	height:100%;
	z-index:99;
}
.pageloader img
{
	position:absolute;
	top:50%;
	left:50%;
}
.FormCol label, .FormCol input, .FormCol select
{
	height:40px;
	padding:0px 15px;
	float:left;
	line-height:40px;
}
.FormCol
{
	overflow:hidden;
}
.RegisterBox
{
	border:1px solid #b8b8b8;
	margin:auto;
}
.FormRow
{
	margin:30px;
}
.Registration h1
{
	color:#7a202d;
	font-size:30px;
	margin-top:20px;
}
.RegisterBox .FormCol
{
	width:48%;
}
.Signup
{
	background:#7a202d;
	font-size:30px;
	border:0px;
	color:#fff;
	padding:10px 20px;
}
.Membership p, .Membership h5
{
	margin:0px;
	padding:0px;
	text-align:left;
}
.Membership p
{
	font-size:14px;
	color:#999;
}
.Membership h5
{
	font-size:36px;
	font-weight:bold;
	color:#ff6600;
}
.FormCol label
{
	-webkit-border-top-left-radius: 6px;
-webkit-border-bottom-left-radius: 6px;
-moz-border-radius-topleft: 6px;
-moz-border-radius-bottomleft: 6px;
border-top-left-radius: 6px;
border-bottom-left-radius: 6px;
background:#e4e4e4;
width:40%;
border:1px solid #e4e4e4;
}
.FormCol input, .FormCol select
{
	-webkit-border-top-right-radius: 6px;
-webkit-border-bottom-right-radius: 6px;
-moz-border-radius-topright: 6px;
-moz-border-radius-bottomright: 6px;
border-top-right-radius: 6px;
border-bottom-right-radius: 6px;
width:60%;
border:1px solid #e4e4e4;
}
.FormCol
{
	overflow:hidden;
}
.Registration
{
	padding-top:100px;
	text-align:center;
}
.pricebox
{
	-webkit-border-bottom-right-radius: 6px;
-webkit-border-bottom-left-radius: 6px;
-moz-border-radius-bottomright: 6px;
-moz-border-radius-bottomleft: 6px;
border-bottom-right-radius: 6px;
border-bottom-left-radius: 6px;
background:#f4f4f4;
padding:20px;
position:relative;
}
.ErrorMsg
{
	font-size:12px;
	color:red;
	font-style:italic;
	margin:20px 10px;
}
label.error
{
	background:#fc7e7f;
}
.Login
{
	width:800px;
	padding:100px 0px 0px 0px;
	margin:auto;
}
.LoginInner
{
	background:#7a202d;
	margin-top:50px;
}
.FP
{
	margin:10px 0px;
}
.LoginRight
{
	width:60%;
	background:#f4f4f4;
	min-height:305px;
}
.NewAccountLeft
{
	text-align:center;
	color:#fff;
	padding:20px;
	width:40%;
}
.WhiteBtn
{
	background:#fff;
	color:#7a202d;
	font-size:20px;
}
.LoginRight .FormCol
{
	width:100%;
	margin:10px 0px;
}
.LoginRight .FormRow
{
	margin:20px;
}
.NewAccountLeft img
{
	display:block;
	text-align:center;
	margin:20px auto;
}
.NewAccountLeft .Signup
{
	float:none !important;
}
@media only screen and (max-width: 1030px)
{
.ContainerInner
{
	width:100%;
}
.Login
{
	width:800px;
}
}
@media only screen and (max-width: 800px)
{
.ContainerInner
{
	width:100%;
}
}
@media only screen and (max-width:600px)
{
.RegisterBox .FormCol
{
	width:100%;
	margin:20px auto;
	float:none !important;
}
.FormRow
{
	margin:0px 30px;
}
.LoginInner
{
	width:90%;
	margin:20px auto;
}
.NewAccountLeft
{
	width:100%;
}
.LoginRight
{
	width:100%;
}
}
@media only screen and (max-width: 767px)
{
.Mobileview
{
	display:block;
}

.DesktopView
{
	display:none;
}
.Header
{
	position:absolute;
}
.Logo
{
	position:static;
	background:none;
	-webkit-box-shadow: 0 4px 20px 6px rgba(0,0,0,0);
  	box-shadow: 0 4px 20px 6px rgba(0,0,0,0);
	width:30%;
}
.ContainerInner
{
	width:100%;
}
.Logo img
{
	width:100% !important;
	max-width:90px !important;
}
.Container
{
	position:relative;
}
.MobileMenu
{
	position:absolute;
	width:100%;
	height:auto;
	background:#fff;
	opacity: 0.85;
  	filter:alpha(opacity=85);
	z-index:9999;
	top:98px;
}
.MobileMenu a
{
	padding:2% 3%;
	display:block;
	text-decoration:none;
	opacity: 1.0;
  	filter:alpha(opacity=100);
}
.MobileMenu a:hover
{
	background:#0f5194;
	text-decoration:none;
	color:#fff;
}
.ToggleMenu a
{
	background:#333;
	color:#fff;
	font-size:20px;
	padding:10px 15px;
	display:inline-block;
	margin:20px 20px 0px 0px;
}
.ToggleMenu a:hover
{
	color:yellow;
}
.wrapper
{
	height:100%;
}
}