/*
Theme Name:		PGG
Description:	Official Theme for Presenting Greatness
Version:		1.0
Author:			Athlete Web Design
Author URI:		http://www.athletewebdesign.com/

*/

img, img.responsive {

	max-width:100%;

	height:auto!important

}

body {

	font-family: 'Montserrat', sans-serif;

	padding:0;

	margin:0;

}

body.login{ background:url(images/login-bg.jpg) no-repeat; background-size:cover;}

h1, h2, h3, h4, h5, h6, .nav_box ul li a {

	margin:0;

	font-family: 'Montserrat', sans-serif;

}

body, ul {

	padding:0

}

.container, h1 {

	position:relative

}

body {

	background:#fff;

	font-weight:400;

	font-size:16px;

	color:#666;

	line-height:28px

}

img {

	border:0

}

img.responsive {

	width:100%;

}

p {

	padding:5px 0;

	margin:10px 0

}

a {

	color:#3A5084;

	text-decoration:none

}

a:hover {

	color:#222;

}

h1, h2, h3, h4, h5, h6 {

	padding:5px 0;

	font-weight:400

}

h1 {

	font-size:70px;

	line-height:70px;

	color:#fff;

	font-weight:700;

}

h2 {

	font-size:50px;

	line-height:50px;

	color:#666;

}

h3 {

	font-size:40px;

	line-height:40px;

	color:#fff;

}

h4 {

	font-size:32px;

	line-height:42px;

}

h5 {

	font-size:26px;

	line-height:26px;

}

h6 {

	font-size:24px;

	line-height:24px

}

h6.pay

{

	text-align:center;

	position:relative;

}

h6.pay:before

{

	content:url(images/arrow.png);

	position:absolute;

	top:-43px;

    margin-left: -48px;

	width:49px;

	height:66px;

}

.center {

	text-align:center

}

strong, .bold {

	font-weight:700

}

ul {

	margin:0 0 0 20px

}

ul li {

	list-style:disc;

	text-align:left;

}

.clear {

	clear:both

}

::-webkit-input-placeholder {

color:#999;

font-size:18px

}

::-moz-placeholder {

color:#999;

font-size:18px

}

:-ms-input-placeholder {

color:#999;

font-size:18px

}

:-moz-placeholder {

color:#999;

font-size:18px

}

h2.bordr,h3.bordr {

	position:relative;

	padding-bottom:18px;

}

h2.bordr:before,h3.bordr:before {

	content:'';

	width:200px;

	height:2px;

	position:absolute;

	bottom:0;

	background:#485F93;

	left: 50%;

	margin-left: -100px;

}

.btn {

	background:transparent;

	text-align: center;

	padding: 14px 45px;

	text-align: center;

	display: inline-block;

	font-size: 40px;

	line-height:40px;

	border:4px solid;

	text-transform: uppercase;

	position: relative;

	-webkit-transform: perspective(1px) translateZ(0);

	transform: perspective(1px) translateZ(0);

	-webkit-transition-property: color;

	transition-property: color;

	-webkit-transition-duration: 0.3s;

	transition-duration: 0.3s;

}

.btn:before {

	content: "";

	position: absolute;

	z-index: -1;

	top: 0;

	bottom: 0;

	left: 0;

	right: 0;

	background: rgba(255,255,255,0.5);

	-webkit-transform: scaleX(0);

	transform: scaleX(0);

	-webkit-transform-origin: 50%;

	transform-origin: 50%;

	-webkit-transition-property: transform;

	transition-property: transform;

	-webkit-transition-duration: 0.3s;

	transition-duration: 0.3s;

	-webkit-transition-timing-function: ease-out;

	transition-timing-function: ease-out;

}

.btn:hover, .btn:focus, .btn:active {

	color: #334577;

}

.btn:hover:before, .btn:focus:before, .btn:active:before {

	-webkit-transform: scaleX(1);

	transform: scaleX(1);

}

*{

    -moz-transition: all 1s ease;

    -ms-transition: all 1s ease;

    -o-transition: all 1s ease;

    transition: all 1s ease;

}

.blackborder {

	color:#fff;

	border-color:#fff;

}

.grayborder {

	border-color:#fff;

	font-size:24px;

	line-height:32px;

	padding:10px 24px;

}

.yellowborder {

	border-color:#334577;

	font-size:20px;

	padding:12px 18px;

	color:#333;

	line-height:20px;

}

.whitecolor {

	color:#fff;

}

.graycolor {

	color:#333;

}

.roundedbtn {

	background:#3B5084;

	padding:13px 25px;

	font-size:34px;

	color:#fff;

	font-weight:700;

	line-height:34px;

	border-radius:35px;

	border:2px solid rgba(255,255,255,1);

	position:relative;

}

.roundedbtnblock {

	background:rgba(255,255,255,0.5);

	padding:8px;

	border-radius:44px;

	display:inline-block;

}

.roundedbtn i {

	margin-left:20px;

}

.roundedbtn:before {

	border-radius:35px;

}

.textleft {

	text-align:left;

}

.textright {

	text-align:right;

}

.textcenter {

	text-align:center;

}

.half {

	width:50%;

}

.half.floatleft {

	float:left;

}

.half.floatright {

	float:right;

}

.nopadd {

	padding:0!important;

}

.login .container {

	max-width:550px;

	margin:120px auto 0;font-size:14px; color:#111; font-weight:400; padding:0;

}

.login .container.join-box{ margin:10px auto 20px!important; text-align:center; padding:20px 0; font-size:18px; color:#111; font-weight:400;}

.main-box{background:rgba(255,255,255,0.8); margin-bottom:10px;}

.lable{font-size:18px; color:#333; text-transform:capitalize; margin:22px 0 12px; line-height:18px;}

.login-btn{ float:left;}

.forgot{ float:right; border-bottom:1px solid #EEAB1E; margin-top:6px;}

.forgot a{ color:#111;}

.forgot a:hover{ color:#EEAB1E;}

.login-form{ padding-bottom:15px;}

.remember-me{margin:22px 0 12px;}

/* Base for label styling */

[type="checkbox"]:not(:checked),

[type="checkbox"]:checked {

  position: absolute;

  left: -9999px;

}

.formpane-inner [type="checkbox"]:not(:checked), .formpane-inner [type="checkbox"]:checked {
	position: relative !important;	
	left: 0 !important;
}

[type="checkbox"]:not(:checked) + label,

[type="checkbox"]:checked + label {

  position: relative;

  padding-left: 25px;

  cursor: pointer;

}



/* checkbox aspect */

[type="checkbox"]:not(:checked) + label:before,

[type="checkbox"]:checked + label:before {

  content: '';

  position: absolute;

  left:0; top: -1px;

  width: 16px; height: 16px;

  border: 1px solid #999;

  background: #fff;

  border-radius: 0;

}

/* checked mark aspect */

[type="checkbox"]:not(:checked) + label:after,

[type="checkbox"]:checked + label:after {

  content: "\f00c";

  font: normal normal normal 14px/1 FontAwesome;

  position: absolute;

  top: 3px; left: 2px;

  font-size: 14px;

  line-height: 0.8;

  color: #000;

  transition: all .2s;

}

/* checked mark aspect changes */

[type="checkbox"]:not(:checked) + label:after {

  opacity: 0;

  transform: scale(0);

}

[type="checkbox"]:checked + label:after {

  opacity: 1;

  transform: scale(1);

}

/* disabled checkbox */

[type="checkbox"]:disabled:not(:checked) + label:before,

[type="checkbox"]:disabled:checked + label:before {

  box-shadow: none;

  border-color: #bbb;

  background-color: #ddd;

}

[type="checkbox"]:disabled:checked + label:after {

  color: #999;

}

[type="checkbox"]:disabled + label {

  color: #aaa;

}

/* accessibility */

[type="checkbox"]:checked:focus + label:before,

[type="checkbox"]:not(:checked):focus + label:before {

  border: 1px dotted blue;

}



/* hover style just for information */

label:hover:before {

  border: 1px solid #4778d9!important;

}

.login-form input[type="text"]{ width:93%; border:none; padding:12.5px;}

.yellow-btn{font-size:18px; color:#333; font-weight:400; background:#EEAB1E; padding:9px 13px; display:inline-block;}

.yellow-btn:hover{ background:#333; color:#EEAB1E;}

.join-btn{ margin-top:15px;}

.container {

	max-width:1200px;

	margin:0 auto

}

.page-id-2 .post{
	max-width: 1000px;
	margin:0 auto
}

.header {

	position:absolute;

	width:100%;

	top:0;

	z-index:1;

}

.admin-bar .header{
	top: 32px;
}

.inner .header {

	position:relative;

	top:auto;

	background:#263262;

}

.inner.admin-bar .header {

	top:auto;

}

.logo {

	padding:2% 0 5%;

}

.headerbg {

	position:relative;

}

.bannertxt {

	position:absolute;

	bottom:13%;

	width:100%;

	text-align:center;

}

.bannertxt a {

	margin-top:35px;

}

.headerbg h4

{

	color:#fff;

	margin-top:22px;

	line-height:52px;

}

.videosection {

	margin:40px 0;

	background:#263262;

	position:relative;

	z-index:0;

}

.video {

	width:63%;

	position:relative;

	right:0;

	z-index:-1;

	float:right;

}

.videoleft

{

	position:absolute;

	left:0;

	top:0;

}

.video img

{

	min-height:400px;

}

.videoright

{

	position:absolute;

	right:0;

	top:0;

}







.aboutsection {

	width:407px;

	float:left;

	padding:40px 0 20px 35px;

}

.aboutsection ul {

	padding:0 0 4px;

	margin:0;

}

.aboutsection ul li {

	background:url(images/bullet.jpg) no-repeat left top;

	list-style:none;

	font-size:22px;

	color:#fff;

	padding-bottom:20px;

	padding-left:62px;

}

.aboutsection ul li:last-child

{

	padding-bottom:10px;

}

.featured-section {

	padding:10px 0 40px;

}

.featured-section ul {

	padding:0;

	margin:60px 0 0;

	text-align:center;

}

.featured-section h3

{

	color:#666;

}

.featured-section ul li {

	border:1px solid #ddd;

	text-align:center;

	width:31%;

	margin-right:28px;

	list-style:none;

	display:inline-block;

	margin-left:-5px;

	padding-bottom:25px;

	margin-bottom:30px;

	vertical-align: top;

}

.featured-section ul li a.btn:before

{

	background:#334577;

}

.featured-section ul li a.btn:hover

{

	color:#fff;

}

.featured-section li p a{
	color: #222;
}


.featured-section ul li:nth-child(3n) {

 margin-right:0;

}

.featured-section ul li .imgpane {
	display: block;

	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#465f95+0,253161+100 */

background: #465f95; /* Old browsers */

background: -moz-radial-gradient(center, ellipse cover, #465f95 0%, #253161 100%); /* FF3.6-15 */

background: -webkit-radial-gradient(center, ellipse cover, #465f95 0%,#253161 100%); /* Chrome10-25,Safari5.1-6 */

background: radial-gradient(ellipse at center, #465f95 0%,#253161 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */

filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#465f95', endColorstr='#253161',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */

	padding:20px 0;

}

.featured-section ul li p {

	padding:20px 32px;

	margin:0;

}

.featured-section ul li h4 {

	color:#fff;

}

.dojomotivation {

	background:url(images/dojo-bg.jpg) no-repeat top;

	background-size:cover;

	background-attachment:fixed;

	padding:150px 0 112px;

	font-size:24px;

	color:#fff;

	line-height:34px;

}

.dojomotivation h2 {

	color:#fff;

	margin-bottom:40px;

	font-weight:700;

}

.dojomotivation p {

	max-width:830px;

	margin:0 auto 50px;



}







/**********Vaideo************************************/

.content-wrapper {

  float: left;

  width: 100%;

}

.content {

  margin-right: 352px;

  clear: both;

  overflow: auto;

}



.sidebar {

  position: relative;

  width: 330px;

  margin-left: -330px;

      margin-top: 15px;

  float: right;

  padding-bottom:1000px;

  margin-bottom:-1000px;

  overflow: hidden;

}


.blog-sidebar-block{
	position: relative;	
}

.blog-sidebar-block h2{
	position: absolute;
	bottom: 0;
	width: 100%;
	padding: 5px;
	color: #fff;
	background: rgba(0,0,0,0.7);	
}

.blog-sidebar-block h2 a{
	color: #fff;
}


.mfp-content .mfp-iframe-scaler iframe{
	box-shadow: none !important;	
}




.forequalheight

{

	overflow:hidden;

}

.innerbanner-bg

{

	background:#333;

	padding:40px 0;

	text-align:center;

	margin-bottom:24px;

}

.innerbanner-bg h4{ padding-top:24px;}

.yellow{ color:#EBAB1E;}

.pricetable

{

	background:#263262;

	padding:12px 18px 60px;

	padding-bottom:1000px;

  margin-bottom:-1000px;

}

.pricetable h4

{

	color:#fff;

	border-bottom:2px solid #4D669C;

}

.pricetable ul

{

	padding:0;

	margin:18px 0;

}

.pricetable ul li

{

	border-bottom:1px solid #4D669C;

	list-style:none;

	color:#fff;

	font-size:16px;

	padding-bottom:0px;

	margin-bottom:20px;

	position:relative;

}

.pricetable ul li span{ color:#fff; font-size:18px;}

.pricetable ul li input[type="radio"]{ display:inline-block; vertical-align:top; width:18px; text-align:left;position: absolute;

  visibility: hidden;}

.pricetable ul li label{     display: block;

    position: relative;

    padding: 0px 0px 18px 34px;

    margin: 0px auto;

    z-index: 9;

    cursor: pointer;

    -webkit-transition: all 0.25s linear;}





.pricetable ul li .check{

  	display: block;

  	position: absolute;

	background:#fff;

  	border-radius: 100%;

  	height: 18px;

  	width: 18px;

  	top: 4px;

  	left: 0px;

	z-index: 5;

	transition: border .25s linear;

	-webkit-transition: border .25s linear;

}



.pricetable ul li:hover .check::before {

 display: block;

  position: absolute;

	content: '';

  border-radius: 100%;

  height: 10px;

  width: 10px;

  border:1px solid #bbb;

  top: 3px;

	left: 3px;

  margin: auto;

	transition: background 0.25s linear;

	-webkit-transition: background 0.25s linear;

}



.pricetable ul li .check::before {

  display: block;

  position: absolute;

	content: '';

  border-radius: 100%;

  height: 10px;

  width: 10px;

  top: 3px;

	left: 3px;

  margin: auto;

	transition: background 0.25s linear;

	-webkit-transition: background 0.25s linear;

}



input[type=radio]:checked ~ .check {

  

}



.pricetable input[type=radio]:checked ~ .check::before{

  	background: #333;

	border:1px solid #000;

}



.pricetable input[type=radio]:checked ~ label{

}



.footer {

	background:#111;

	padding:22px 0;

	color:#ccc;

}

.purchase

{

	background:#4D669C;

	padding:12px;

	color:#fff;

	text-transform:uppercase;

	font-size:20px;

	line-height:20px;

	border:none;

	width:194px;

	margin:0 auto;

	display:block;

}

.purchase:before

{

	background:rgba(255,255,255,0.6);

}

/*****************Pay plans*******************/

.planstable

{

	max-width:800px;

	margin:20px auto;

	background:#eee;

	padding:20px;

}

.planstable ul

{

	padding:0;

	margin:0;

}

.planstable ul li

{

	list-style:none;

	position:relative;

	background:#fff;

	overflow:hidden;

	margin-bottom:10px;

	padding:25px;

	font-size:21px;

	color:#333;

}


.planstable ul li .tick { position:absolute; height:100%; right:0; top:0; background:#263262; width:180px; text-align:center; padding:8px 0;}

.planstable ul li .tick .extraspace{
	position: relative;
	top: 15px;	
}

.planstable ul li:last-child { background:#263262; color:#fff; margin-bottom:0;}

.planstable ul li:last-child .tick { background:#000; font-size:40px; color:#fff; font-weight:700; line-height:70px; width:300px;}

a.started

{

	font-size:40px;

	color:#000;

	padding: 18px;

    display: block;

    margin: 0 auto;

    width: 325px;
	line-height:normal;

}
span.med-txt{ font-size:30px;}
span.small-txt{ font-size:18px;}

.paycard

{

	text-align:center;

	margin:20px 0;

}

.planstable-2

{

	max-width:1000px;

	margin:35px auto 0;

}

.payments

{

	margin-left:20px;

	margin-right:20px;

}

.payments .cols1

{

	float:left;

	margin-right:10px;

	max-width:450px;

	width:100%;

	padding:25px;

	

}

.planstable-2 h3

{

	color:#333;

	font-weight:700;

	    padding: 0;

    line-height: 30px;

}

.planstable-2-block

{

	background:#eee;

	padding:20px;

	margin-bottom:35px;

}

.yellowcols

{

	background:#F0B334!important;

	color:#000;

	font-size:32px;

	text-align:center;

	font-weight:700;

	padding:12px 0!important;

	max-width:220px;

	float:right;

	width:100%;

	margin-right:10px;

	width:100%;

	position:relative;

}

.yellowcols img

{

	position:absolute;

	top:0;

	right:0;

}

.avatar img { border-radius: 50%; border: 3px solid #263262;}

.planstable-2-block .cols1

{

	float:left;

	margin-right:10px;

	margin-bottom:10px;

	padding:25px;

	background:#fff;

	font-size:24px;

	color:#333;

	max-width:450px;

	width:100%;

}

.blackcols

{

	background:#333!important;

	text-align:center;

	font-weight:700;

	padding:8px 0!important;

	max-width:220px;

	float:right;

	width:100%;

	margin-right:10px;

	margin-bottom:10px;

}

.planstable-2-block .cols1gray

{

	float:left;

	margin-right:10px;

	padding:25px;

	background:#333;

	font-size:24px;

	color:#EBAB1E;

	max-width:450px;

	width:100%;

}

.yellowcolsbottom

{

	background:#F0B334!important;

	color:#000;

	font-size:40px;

	text-align:center;

	font-weight:700;

	padding:25px 0!important;

	max-width:220px;

	float:right;

	width:100%;

	margin-right:10px;

	width:100%;

	position:relative;

}

.yellowcolsbottom img

{

	position:absolute;

	top:-45px;

	right:0;

}

div.yellowcols:nth-child(2),.planstable-2-block .blackcols:nth-child(2),.planstable-2-block .yellowcolsbottom:nth-child(2)

{

	margin-right:0;

}

.yellowcols span

{

	color:#fff;

	font-size:18px;

}

.testimonial-block

{

	background:#eee;

	padding:45px 0;

	

}

.avatar

{

	width:160px;

	margin-right:48px;

	float:left;

	position:absolute;

}

.testimonial-block p

{

	padding-top:32px;

	margin-left:208px;

}

.testimonial-block strong

{

	font-size:16px;

	color:#222;

	font-weight:700;

	margin-left:208px;

}



.styled-select {

   background:url(images/dd-icon.jpg) no-repeat 96% 0;

   height: 54px;

   overflow: hidden;

   width: 392px;

}



.styled-select select {

   background: transparent;

   border: none;

   font-size: 36px;

   line-height:40px;

   height: 54px;

   padding: 0 5px; /* If you add too much padding here, the options won't show in IE */

   width: 392px;

}

.styled-select.slate {

   background: url(images/dd-icon.jpg) no-repeat right center;

   height: 54px;

   width: 392px;

   border-right: 4px solid #EBAB1E;

   margin:0 auto;

}



.styled-select.slate select {

   border: 4px solid #EBAB1E;

   font-size: 40px;

   color:#333;

   height: 54px;

   width: 415px;

}



.footer-left {

text-align:center;

}

.footer-left span {

	color:#3A5084;

}

.footer a:hover {

	color:#fff;

}

.footer-right {

	float:right;

}

/*********************************************************Navigation*******************************************************************/

.menu-trigger .menu-bar {

  position: absolute;

  border-radius: 2px;

  width: 30px;

  transition: .5s;

}

.menu-trigger .menu-bar-top {

  border: 4px solid #fff;

  border-bottom: none;

  top: 0;

  box-sizing: border-box;

}

.menu-trigger .menu-bar-middle {

  height: 4px;

  background-color: #fff;

  margin-top: 7px;

  margin-bottom: 7px;

  top: 4px;

  box-sizing: border-box;

}

.menu-trigger .menu-bar-bottom {

  border: 4px solid #fff;

  border-top: none;

  top: 22px;

  box-sizing: border-box;

}

.button-open .menu-bar-top {

  transform: rotate(45deg) translate(8px, 8px);

  -webkit-transform: rotate(45deg) translate(8px, 8px);

  -moz-transform: rotate(45deg) translate(8px, 8px);

  transition: .5s;

  -webkit-transition: .5s;

  -moz-transition: .5s;

  box-sizing: border-box;

}

.button-open .menu-bar-middle {

  transform: translate(230px);

  transition: .1s ease-in;

  opacity: 0;

}

.button-open .menu-bar-bottom {

  transform: rotate(-45deg) translate(8px, -7px);

  -webkit-transform: rotate(-45deg) translate(8px, -7px);

  -moz-transform: rotate(-45deg) translate(8px, -7px);

  transition: .5s;

  -webkit-transition: .5s;

  -moz-transition: .5s;

  box-sizing: border-box;

}



.navigation {

	padding:10px 1%;

	text-align:center;/*	-webkit-transition: all 0.4s ease;

	transition: all 0.4s ease;*/

}

.navigation.inner

{

	padding:25px 1%;

}

.navigation.inner.fixed

{

	padding:10px 1%;

}

.navigation.fixed{

	background:rgba(58, 80, 132, 1);

	position: fixed;

	width:98%;

	top: 0;

	z-index:9999;

}

.admin-bar .navigation.fixed{
	top: 32px;	
}

.fixed-logo{ display:none;}

.innersticky{ display:none;}

.navigation.fixed .fixed-logo{ float:left; display:block; max-width:41px;}

.navigation.inner.fixed .innersticky{ display:block;}

.navigation.inner.fixed .nonsticky{ display:none;}

.inner .fixed-logo{ max-width:313px; float:left; display:block;}

.navigation.fixed .stickynav {

	height:100%;

}

.navigation .logo {

	float:left;

	padding:10px 0 10px 10px;

}

.show-menu, ul.nav li ul {

	width:auto;

	display:none

}



ul.nav {

	text-align:center;

	margin-left:0;

	padding:10px 0;

}

.navigation.inner ul.nav

{

	padding:31px 0;

}

.navigation.inner.fixed ul.nav

{

	padding:10px 0;

}

.navigation.fixed ul.nav,.inner ul.nav{ text-align:right;}

.navigation.fixed ul.nav li a {

    font-size: 18px;

}

.navigation.fixed ul.nav li ul li a {

    font-size: 13px;

}

ul.nav li {

	list-style:none;

	display:inline-block;

	margin-left:-5px;

	position:relative;

}

ul.nav li a {

	display:block;

	color:#fff;

	font-weight:400;

	text-transform:uppercase;

	padding:12px 20px;

	font-size:20px;

	line-height:14px;

}

ul.nav li:last-child a {

	background:#4D669C;

	color:#fff;

	border-radius:0;

}

ul.nav li:last-child {

	margin-right:0;

}

ul.nav li.current-menu-item a, ul.nav li a:hover {

	color:#bcc1ff;

}

ul.nav li:last-child a:hover {

	background:#fff;

	color:#222;

}

ul.nav li ul {

	text-align:left;

	min-width:170px;

	width:98%;

	background:#485F93;

	z-index:999;

	position:absolute;

	border-top:2px solid #fff;

	border-bottom:1px solid #fff;

	margin-top:12px;

	margin-left:0;

}

ul.nav li ul:before

{

	content: "\f0d8";

    position: absolute;

    top: -36px;

    font: normal normal normal 50px/1 FontAwesome;

    color:#485F93;

    left: 0;

    margin-left: 0;

    width: 100%;

    text-align: center;

	height:auto;

}

ul.nav li ul li ul

{

	left:107%;

	top:0;

	margin-top:0px;

}

ul.nav li ul li ul:before

{

	content: "\f0d9";

    position: absolute;

    top: -5px;

    font: normal normal normal 50px/1 FontAwesome;

    color: #222;

    left: -17px;

    width: auto;

	height:100%;

}

.show-menu {

	text-align:center

}

ul.nav li ul li {

	display:block;

	float:none;

	padding:0;

	background:0 0;

	margin:0;

	border-bottom:1px solid #333

}

ul.nav li ul li:last-child a {

	background:none;

}

ul.nav li ul li a, ul.nav li ul li:last-child a {

	width:auto;

	padding:0 20px;

	font-size:13px;

	color:#fff;

	line-height:32px;

	display:block;

	border-top:2px solid transparent

}

ul.nav li ul li a:hover {

	color:#334577;

	border-bottom:none;

	text-shadow:0;

	background:#fff;

}

ul.nav li ul li:last-child a:hover {

	color:#334577;

	background: #fff;

}

.sub-menu:hover, ul.nav li a:hover+.sub-menu {

	display:block

}

.navblock input[type=checkbox] {

	display:none

}

.show-menu {

    width: 60px;

    height: 60px;

    border-radius: 50%;

    line-height: 60px;

}

input[type=checkbox]:checked~#menu {

display:block;

position:absolute;

width:99%;

background:#222;

z-index:999;

left:0;

top:60px;

border:2px solid #333

}

.rwd-display-options {

	text-align:center;

	font-size:12px;

	color:#14245F;

	cursor:pointer

}

#view-full, #view-responsive, .fbr {

	display:none

}

.page-title{ padding:54px 0 0px; text-align:center;}

.page-title h1{ font-size:70px; position:relative; color:#415789;font-family: 'Montserrat', sans-serif; font-weight:700; display:inline-block; margin:0; padding:0 15px 10px; text-transform: uppercase;}

.gray{ color:#666;}

.innervideo{ margin:15px 0 20px;}

.innervideo2{ margin:15px 0 0px;}

.page-title h1:after{content:''; width:200px; height:2px; position:absolute; bottom:0; background:#4c4c4c; left:50%; margin-left:-100px;}

.know-more{ background:#263262; padding:44px 0 35px; margin-top:55px;}

.know-more h2{ font-size:50px; color:#fff; font-weight:700;}

.know-more p{ font-size:32px; color:#fff; max-width:800px; margin:20px auto 30px; line-height:normal;}

img.play-icon{vertical-align: bottom; margin-left:10px;}

.login .logo{ text-align:center; padding:20px 0 27px;}

.member-login{ background:#111;font-size:26px; color:#fff; padding:11px 0; text-transform:uppercase;}

.login-icon{ position:absolute; top:-26px; right:0;}

.small-container{ max-width:365px; margin:0 auto; position:relative}

.playvideo{ font-size:32px;}



.video-container {
	max-width: 560px;
	min-height: 315px;
	margin: 10px auto 20px auto;
	position:relative;
	padding-bottom:0;
	padding-top:30px;
	height:0;
	overflow:hidden;
}
.video-container iframe, .video-container object, .video-container embed {
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
}
.commentlist li, #commentform input, #commentform textarea {
	font: 0.9em 'Lucida Grande', Verdana, Arial, Sans-Serif;
	}
.commentlist li ul li {
	font-size: 1em;
}
.commentlist li {
	font-weight: bold;
}
.commentlist li .avatar { 

	position: relative !important;
	
	width: auto !important;

	float: right;

	border: 1px solid #eee;

	padding: 2px;

	background: #fff;

	}
.commentlist cite, .commentlist cite a {
	font-weight: bold;
	font-style: normal;
	font-size: 1.1em;
	}
.commentlist p {
	font-weight: normal;
	line-height: 1.5em;
	text-transform: none;
	}
#commentform p {
	font-family: 'Lucida Grande', Verdana, Arial, Sans-Serif;
	}
.commentmetadata {
	font-weight: normal;
	}
.sidebarblog {
	font: 1em 'Lucida Grande', Verdana, Arial, Sans-Serif;
	}
small, .sidebarblog ul ul li, .sidebarblog ul ol li, .nocomments, .postmetadata, blockquote, strike {
	color: #777;
	}
code {
	font: 1.1em 'Courier New', Courier, Fixed;
	}
acronym, abbr, span.caps
{
	font-size: 0.9em;
	letter-spacing: .07em;
	}
.post {
	margin: 0 0 40px;
	}
.post hr {
	display: block;
	}
.postmetadata {
	clear: both;
}
.clear {
	clear: both;
}
/* Begin Images */
p img {
	padding: 0;
	max-width: 100%;
	}
/*	Using 'class="alignright"' on an image will (who would've
	thought?!) align the image to the right. And using 'class="centered',
	will of course center the image. This is much better than using
	align="center", being much more futureproof (and valid) */
img.aligncenter {
	display: block;
	margin-left: auto;
	margin-right: auto;
	}
img.alignright {
	padding: 4px;
	margin: 0 0 2px 7px;
	display: inline;
	}
img.alignleft {
	padding: 4px;
	margin: 0 7px 2px 0;
	display: inline;
	}
.alignright {
	float: right;
	}
.alignleft {
	float: left;
	}
/* End Images */
.entry ul {
	margin-left: 0px;
	padding: 0 0 0 20px;
	list-style: disc;
	padding-left: 20px;
	}
.entry li {
	margin: 7px 0 8px 10px;
	}
.entry ol {
	padding: 0 0 0 35px;
	margin: 0;
	}
.entry ol li {
	margin: 0;
	padding: 0;
	}
.postmetadata ul, .postmetadata li {
	display: inline;
	list-style-type: none;
	list-style-image: none;
	}
.sidebarblog ul, .sidebarblog ul ol {
	list-style: none;
	margin: 0;
	padding: 0;
	}
.sidebarblog h2{
	font-size: 22px;	
}
.sidebarblog ul, .sidebarblog ul ol {
	list-style: none;
	margin: 0;
	padding: 0;
}
.sidebarblog ul {
	list-style: none;
	margin-bottom: 15px;
}
.sidebarblog ul li,
.sidebarblog ul ul{
	list-style: none;
	margin-left: 0;
	padding-left: 0px;
	margin-bottom: 30px;
}
.sidebarblog ul li li{
	list-style: none;
    list-style-type: none;
    border-bottom: 1px solid #263262;
}
.sidebarblog ul p, .sidebarblog ul select {
	margin: 5px 0 8px;
	}
.sidebarblog ul ul, .sidebarblog ul ol {
	margin: 5px 0 0 0px;
	}
.sidebarblog ul ul ul, .sidebarblog ul ol {
	margin: 0 0 0 10px;
	}
ol li, .sidebarblog ul ol li {
	list-style: decimal outside;
	}
.sidebarblog ul ul li, .sidebarblog ul ol li {
	margin: 3px 0 0;
	padding: 7px 0;
	}
/* End Entry Lists */
/* Begin Form Elements */
#searchform {
	margin: 10px auto;
	padding: 5px 3px;
	text-align: center;
	}
.sidebarblog #searchform #s {
	width: 108px;
	padding: 2px;
	}
.sidebarblog #searchsubmit {
	padding: 1px;
	}
.entry form { /* This is mainly for password protected posts, makes them look better. */
	}
select {
	width: 130px;
	}
#commentform input {
	width: 170px;
	padding: 2px;
	margin: 5px 5px 1px 0;
	}
#commentform {
	margin: 5px 10px 0 0;
	}
#commentform textarea {
	width: 100%;
	padding: 2px;
	}
#respond:after {
		content: "."; 
	    display: block; 
	    height: 0; 
	    clear: both; 
	    visibility: hidden;
	}
#commentform #submit {
	margin: 0 0 5px auto;
	float: right;
	}
/* End Form Elements */
/* Begin Comments*/
.alt {
	margin: 0;
	padding: 10px;
	}
.commentlist {
	padding: 0;
	text-align: justify;
	}
.commentlist li {
	margin: 15px 0 10px;
	padding: 5px 5px 10px 10px;
	list-style: none;
	}
.commentlist li ul li { 
	margin-right: -5px;
	margin-left: 10px;
}
.commentlist p {
	margin: 10px 5px 10px 0;
}
.children { padding: 0; }
#commentform p {
	margin: 5px 0;
	}
.nocomments {
	text-align: center;
	margin: 0;
	padding: 0;
	}
.commentmetadata {
	margin: 0;
	display: block;
	}
/* End Comments */
/* Begin Sidebar */
.sidebarblog form {
	margin: 0;
	}
/* End Sidebar */
/* Begin Various Tags & Classes */
acronym, abbr, span.caps {
	cursor: help;
	}
acronym, abbr {
	border-bottom: 1px dashed #999;
	}
blockquote {
	margin: 15px 30px 0 10px;
	padding-left: 20px;
	border-left: 5px solid #ddd;
	}
blockquote cite {
	margin: 5px 0 0;
	display: block;
	}
.center {
	text-align: center;
	}
.hidden {
	display: none;
	}
.screen-reader-text {
     position: absolute;
     left: -1000em;
}
hr {
	display: none;
	}
a img {
	border: none;
	}
.content .navigation {
	display: block;
	text-align: center;
	margin-top: 10px;
	margin-bottom: 60px;
	}
/* End Various Tags & Classes*/
/* Captions */
.aligncenter,
div.aligncenter {
	display: block;
	margin-left: auto;
	margin-right: auto;
}
.wp-caption {
	border: 1px solid #ddd;
	text-align: center;
	background-color: #f3f3f3;
	padding-top: 4px;
	margin: 10px;
	-moz-border-radius: 3px;
	-khtml-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
}
.wp-caption img {
	margin: 0;
	padding: 0;
	border: 0 none;
}
.wp-caption p.wp-caption-text {
	font-size: 11px;
	line-height: 17px;
	padding: 0 4px 5px;
	margin: 0;
}
div.gform_wrapper input[type="text"],
div.gform_wrapper input[type="email"],
div.gform_wrapper input[type="phone"],
div.gform_wrapper textarea,
div.gform_wrapper select{
	border: none;
	font-size: 16px;
	padding: 10px !important;
	border-radius: 4px;
	color: #022C68;
	background: #AFB6BC;
}
.form div.gform_wrapper input[type="text"],
.form div.gform_wrapper input[type="email"],
.form div.gform_wrapper input[type="phone"],
.form div.gform_wrapper textarea,
.form div.gform_wrapper select{
	border: 2px solid #fff;
	font-size: 16px;
	padding: 10px !important;
	border-radius: 4px;
	color: #fff;
	background: none;
}
div.gform_wrapper textarea.large {
    height: 160px;
    width: 100%;
}

.contentblog {

	float: left;

	width: 70%;
	
	padding: 0 2% 0 0;
	
	box-sizing: border-box;
	
	border-right: 1px solid #263262;


}

.contentblog h2{
	font-size: 38px;
	text-transform: uppercase;	
}

.single .contentblog h2{
	font-size: 38px;
	color: #415789;
	text-transform: uppercase;	
}


.gravatar{
	float: left;	
	margin-bottom: 20px;
}

.gravatar .avatar{
	width: auto;
	float: none;
	margin-right: 10px;
	position:relative;	
}

.sidebarblog {

	position: relative;

	width: 28%;

	float: right;

	overflow: hidden;

	padding-top:15px;
	
	box-sizing: border-box;

}

.button{
    background: #263262;
    display: inline-block;
    padding: 12px 20px;
	color: #fff;
	font-size: 16px;
    text-transform: uppercase;
}

.button:hover{
    background: #000;
	color: #fff;
}


.page-template-page-moduletemplate .responsive-embed, #post-36 .responsive-embed {
	margin-top: 15px;
	margin-bottom: 0;	
}

#post-36 .responsive-embed {
	           padding-bottom: 0;	
}
.side-bar-btn-main{display: block; background-color: #263262; padding: 10px; line-height: 35px; color: #FFF; font-size: 19px; text-transform: uppercase; text-align: center;}
.side-bar-btn {

	background:#fff;

	padding:12px;

	color:#4D669C;

	text-transform:uppercase;

	font-size:18px;

	line-height:20px;

	border:none;

	width:225px;

	margin:0 auto;

	display:block;
	font-weight: 600;
    margin-top: 15px;

}

.side-bar-btn:before 

{

	background:#000!important; color:#FFF!important;

}

.side-bar-btn-main:hover{
	color: #fff;	
}

.side-bar-btn-main:hover .side-bar-btn,
.side-bar-btn:hover{
	background: #222;	
}


.type-post .responsive-embed.widescreen{
	padding-bottom: 12% !important;	
	margin-bottom: 0 !important;
}

/*Update start here - 6-4-18*/
.join-heading h3{color:#666!important; position:relative; text-align:center; margin-bottom: 30px; margin-top: 30px;}
.join-heading h3:after{content:''; width:200px; height:2px; position:absolute; bottom:0; background:#4c4c4c; left:50%; margin-left:-100px;}
.planstable ul li:last-child strike{color:#FF0000!important;}
.join-bullet-main-container h3{color:#666!important; position:relative; text-align:center; margin-bottom:30px;}
.join-bullet-main-container h3:after{content:''; width:200px; height:2px; position:absolute; bottom:0; background:#4c4c4c; left:50%; margin-left:-100px;}
.join-bullet-main-container {padding:40px 0 20px 35px;}
.join-bullet-main-container ul {padding:0 0 4px;margin:0;margin-top: 20px;}
.join-bullet-main-container ul li {background:url(images/join-page-bullet.png) no-repeat left top; list-style:none; font-size:22px; color:#263262; padding-bottom:20px; padding-left:62px; padding-top:10px;}
.join-bullet-main-container ul li:last-child{margin-bottom:10px;}

.join-bullet-cross-container {padding:0 0 20px 35px;}
.join-bullet-cross-container strong{text-align:center; font-size:22px;}
.join-bullet-cross-container ul {padding:0 0 4px;margin:0;margin-top: 20px;}
.join-bullet-cross-container ul li {background:url(images/join-page-cross-icon.png) no-repeat left top; list-style:none; font-size:22px; color:#263262; padding-bottom:20px; padding-left:62px; padding-top:10px;}
.join-bullet-cross-container ul li:last-child{margin-bottom:10px;}
.join-page-process-container h3{color:#666!important; position:relative; text-align:center; margin-bottom:30px;}
.join-page-process-container h3:after{content:''; width:200px; height:2px; position:absolute; bottom:0; background:#4c4c4c; left:50%; margin-left:-100px;}

.planstable ul li:last-child .tick {background:#000;font-size:40px;color:#fff;font-weight:700;line-height:70px;width:300px; padding: 0 0 10px 0;}
.planstable-spn{font-size: 12px;position: absolute;/* left: -50%; */right: 50px;bottom: 14px;font-weight: 500;max-width: 215px;line-height:  normal;/* margin-left: -108px; */}
.video-outer-join{width:1000px; margin:0 auto; margin-top:15px;}
/*Update end here - 6-4-18*/

/*****************Join 2*******************/

.planstable-join

{

	max-width:800px;

	margin:20px auto;

	background:#eee;

	padding:20px;

}

.planstable-join ul

{

	padding:0;

	margin:0;

}

.planstable-join ul li

{

	list-style:none;

	position:relative;

	background:#fff;

	overflow:hidden;

	margin-bottom:10px;

	padding:25px;

	font-size:21px;

	color:#333;

}


.planstable-join ul li .tick { position:absolute; height:100%; right:0; top:0; background:#263262; width:180px; text-align:center; padding: 8px 0;}

.planstable-join ul li .tick .extraspace{
	position: relative;
	top: 15px;	
}

.planstable-join ul li:last-child{ background:#263262; color:#fff; margin-bottom:0;}
div.planstable-join ul li.last-box .tick { line-height:normal; width:270px;}
.planstable-join ul li.last-box .tick span.small-txt{ font-size:12px;}
.planstable-join ul li:last-child .tick,.planstable-join ul li.last-box .tick { background:#000; font-size:40px; color:#fff; font-weight:700; line-height:70px; width:180px;}
.planstable-join ul li:last-child .tick.last{ width:250px;}
.payment-btn-box{ max-width:930px; margin:0 auto;}
a.started

{

	font-size:40px;

	color:#000;

	padding: 18px;

    display: block;

    margin: 0 auto;

    width: 325px;
	    

}
.payment-btn-box a.started{min-height: 108px;}

@media (max-width:1665px) {

.bannertxt

{

	bottom:8%;

}

}

@media (max-width:1600px) {

.logo {

 padding:2% 0;

}

.bannertxt {

 bottom:2%;

}

.bannertxt h1

{

	font-size:58px;

	line-height:60px;

}

.headerbg h4

{

	line-height:40px;

}

.headerbg h4

{

	margin-top:0;

}

.navigation.inner ul.nav li a

{

	font-size:18px;

	padding:12px 15px;

}

.navigation.inner ul.nav li ul li a

{

	padding:0 15px;

	font-size:13px;

}

}

@media (max-width:1400px) {

.logo {

 padding:1% 0;

}

.bannertxt {

 bottom:4%;

}

.bannertxt a

{

	margin-top:5px;

}

.navigation.inner ul.nav li a

{

	font-size:16px;

	padding:12px;

}

.navigation.inner ul.nav li ul li a

{

	padding:0 12px;

	font-size:13px;

}

}

@media (max-width:1300px) {



.headerbg h1 {

  font-size: 40px;

    line-height: 38px;

}

.headerbg h4 {

    line-height: 30px;

	font-size:24px;

}

.bannertxt a {

 margin-top:10px;

}

.bannertxt .btn

{

	padding:10px 45px;

}

.video

{

	width:60%;

}

.navigation.inner ul.nav li a

{

	font-size:14px;

	padding:12px 10px;

}

}

@media (max-width:1200px) {

.bannertxt {

 position:relative;

 background:#334577;

 padding:15px 0;

 z-index:0;

}

.headerbg h4

{

	line-height:40px;

}

.nonsticky

{

	max-width:200px;

}

.navigation.inner ul.nav

{

	padding:13px 0;

}

ul.nav li a {

 padding:12px 15px;

 font-size:16px;

}

.logo {

 padding: 6% 0;

}



.aboutsection {

 padding: 26px 0 20px 20px;

}

.aboutsection .grayborder {

 font-size:30px;

}

.video {

 width:55%;

}

.type-post .responsive-embed.widescreen{
	padding-bottom: 16% !important;	
	margin-bottom: 0 !important;
}
}
@media (max-width:1180px) {
.side-bar-btn-main{font-size: 16px;}
.side-bar-btn {


	font-size:18px!important;

	width:225px;
}
}
@media (max-width:1024px) {

.payments .cols1,.planstable-2-block .cols1,.planstable-2-block .cols1gray

{

	width:48%;

	max-width:none;

}

.yellowcols,.blackcols,.yellowcolsbottom

{

	width:22%;

	max-width:none;

}

.featured-section h3

{

	font-size:34px;

}
.video-outer-join{width:100%;}
}

@media (max-width:992px) {

.nonsticky

{

	max-width:100px;

}

.navigation.inner ul.nav

{

	padding:0;

}

.navigation.inner ul.nav li a {

    font-size: 12px;

    padding: 12px 7px;

}

ul.nav li a {

 padding:12px 12px;

 font-size:14px;

}

.navigation.fixed ul.nav li a {

 font-size:14px;

}

.headerbg h1 {

 font-size: 45px;

 line-height: 45px;

}

.videosection {

 text-align:center;

}

.video {

 position:relative;

 max-width:792px;

 width:100%;

 margin:0 auto;

 float:none;

}

.aboutsection {

 float:none;

 margin:0 auto;

 clear:both;

}

h6.pay:before

{

	margin-left:-20px;

}

.payments .cols1,.planstable-2-block .cols1,.planstable-2-block .cols1gray

{

	width:47%;

	max-width:none;

}

.yellowcols span{ font-size:16px;}

.featured-section h3 {

    font-size: 30px;

}

}

@media (max-width:835px) {

.navigation.fixed ul.nav li a {

    font-size: 13px;

}

ul.nav li a {

 padding:12px 8px;

 font-size:14px;

}



.payments .cols1,.planstable-2-block .cols1,.planstable-2-block .cols1gray

{

	width:46%;

	max-width:none;

	font-size:22px;

}

.yellowcols span{ font-size:14px;}

}

@media (max-width:815px) {

.featured-section ul li {

 width:42%;

}

.featured-section ul li:nth-child(3n) {

 margin-right: 28px;

}

.content

{

	margin:0 15px;

}

.pricetable

{

	padding-bottom:20px;

	margin-bottom:auto;

}

.sidebar

{

	padding-bottom:0;

	margin-top:20px;

}

.innervideo2

{

	margin-bottom:20px;

}

.sidebar

{

	float:none;

	margin:20px auto 0;

}

.contentblog {

border-right: none;

padding: 0;

width: 100%;

}

.sidebarblog {

 width:100%;

 float:none;

 display:block;

 margin-left:0;


}

.type-post .responsive-embed.widescreen{
	padding-bottom: 20% !important;	
	margin-bottom: 0 !important;
}


}

@media (max-width:768px) {
	
	
	.admin-bar .header{
	top: 46px;
}


.planstable ul li

{

font-size: 16px;
}

.planstable-join ul li

{

font-size: 16px;
}


.navigation.fixed .fixed-logo{ display:none;}

.inner .fixed-logo

{

	margin:0 auto;

}

.nonsticky{ max-width:200px;}

.logo

{

	max-width:70%;

	margin:0 auto;

}

.container {

 padding:0 2%;

}

.inner .navigation { min-height:60px;}

.navigation {

 background:none;

 height:0;

 position:static!important;

 width:auto;

}

.inner .fixed-logo{ float:none;}

.page-title h1{ font-size:3em;}

 

.show-menu {

 position:absolute;

left:0;

z-index:9999;

top:18px;

margin:0;

 background:#4D669C;

 margin-left:10px;

}

.show-menu button {

    color: #fff;

    background: transparent;

    border: none;

    cursor: pointer;

    position: absolute;

    width: 30px;

    height: 28px;

    top: 50%;

    left: 50%;

    transform: translateY(-50%) translateX(-50%);

    -webkit-transform: translateY(-50%) translateX(-50%);

    -moz-transform: translateY(-50%) translateX(-50%);

    margin: 0;

    padding: 0;

    overflow: hidden;

}

.show-menu, ul.nav li, ul.nav li a {

display:block

}

 ul.nav li {

padding:0;

margin:0;

float:none

}

ul.nav li a {

line-height:18px!important;

padding: 12px 8px;

border-bottom:1px solid #333;

color:#fff;

font-size:18px

}

ul.nav li a:hover, ul.nav li.current-menu-item a {

 color:#334577;

 background:#fff;

}

ul.nav li ul {

position:relative;

text-align:left;

font-size:14px;

width:100%;

margin-top:0;

 border-left: 0;

 border-right: 0;

}

ul.nav li ul li ul

{

	left:0;

}

ul.nav li ul li ul:before,ul.nav li ul:before

{

	content:'';

}

ul.nav li ul li a {

border-bottom:none;

font-size:14px;

line-height:26px!important;

}

ul.nav li ul li a, ul.nav li ul li:last-child a

{

	border-bottom:none;

font-size:14px;

line-height:26px!important;

}

ul.nav li ul li ul li a, ul.nav li ul li ul li:last-child a {

border-bottom:none;

font-size:12px;

line-height:26px!important;

}

.show-menu, ul.nav li ul,#view-full

{

 display:block

}

ul.nav li ul li:last-child {

 padding-right:2px;

}

.sidr {

 background:#334577;

 box-shadow:none;

}

.payments .cols1,.planstable-2-block .cols1,.planstable-2-block .cols1gray

{

	width:100%;

	max-width:none;

	float:none;

	text-align:center;

	padding-left:0;

	padding-right:0;

}

.yellowcols,.blackcols,.yellowcolsbottom

{

	width:100%;

	max-width:none;

	float:none;

	text-align:center;

	padding-left:0;

	padding-right:0;

}

.payments

{

	margin:0 0 10px;

}

.innervideo2,.innervideo{

height:auto!important;

}
.page-id-316 .half {
    width: 100%;
}
.payment-btn-box a.started{ min-height:auto;}
}
@media (max-width:700px) {
.planstable ul li .tick

{

	position:relative;

	margin-top:10px;

	width:100%;

}

.planstable ul li .tick .extraspace{
	top: 0;	
}

.planstable ul li

{

	text-align:center;

}
.planstable-spn{font-size:11px; max-width:100%; width:100%; right:0;}
.planstable ul li:last-child .tick {width:100%;}
.join-bullet-cross-container{padding-left:10px;}
.join-bullet-main-container{padding-left:10px;}
.planstable ul li:last-child .tick {font-size: 28px;}

.planstable-join ul li .tick,.planstable-join ul li.last-box .tick,.planstable-join ul li:last-child .tick.last

{

	position:relative;

	margin-top:10px;

	width:100%;

}

.planstable-join ul li .tick .extraspace{
	top: 0;	
}

.planstable-join ul li

{

	text-align:center;

}
.planstable-join ul li:last-child .tick,div.planstable-join ul li.last-box .tick {width:100%;}

}
@media (max-width:690px) {

.footer-left, .footer-right {

 float:none;

 text-align:center;

}

.featured-section ul li, .featured-section ul li:nth-child(3n) {

 max-width:380px;

 width:100%;

 display:block;

 margin:0 auto 30px;

}

}

@media (max-width:650px) {

.headerbg h4 {

    line-height: 34px;

    font-size: 20px;

}

}

@media (max-width:600px) {

.logo,.nonsticky {

 width: 60%;

 margin: 0 auto;

}

.login .logo {

    text-align: center;

    float: none;

    padding: 20px 0 27px;

    margin: 0 auto;

}

h1, .headerbg h1 {

 font-size:35px;

 line-height:normal;

}

h2 {

 font-size:30px;

 line-height:normal;

}

h3 {

 font-size:26px;

 line-height:normal;

}

h4 {

 font-size:22px;

 line-height:normal;

}

.page-title h1{ font-size:2.5em;}

.headerbg h4 {

    line-height: 34px;

    font-size: 17px;

}

.videoleft,.videoright

{

	display:none;

}

.video img

{

	min-height:auto;

}

.small-container{ padding:0 2%;}

.member-login{ font-size:20px;}

.login-form input[type="text"]{ width:90%;}

.know-more h2{ font-size:40px;}

.know-more p{ font-size:23px;}

[data-accordion] [data-control]{ font-size:18px!important;}

[data-accordion].open > [data-control]{ margin-bottom:20px!important;}

article{ font-size:14px!important;}

}

@media (max-width:480px) {

.know-more h2 {

    font-size: 1.7em;

}

.btn {

 font-size:24px;

}

.aboutsection .grayborder

{

	font-size:18px;

}

.purchase{ font-size:22px;}

.page-title h1{ font-size:1.5em;}

.innerbanner-bg img{ max-width:250px;}

.avatar{ position:relative; width:100%; text-align:center;}

.testimonial-block p{ margin:0; text-align:center;}

.testimonial-block strong{ margin-left:0;}

.footer {

 font-size:14px;

}

.fbr {

 display:block;

}

.aboutsection {

 width:90%;

}

.styled-select.slate select 

{

	width:110%;

}

.styled-select.slate

{

	width:100%;

}

.featured-section h3 {

    font-size: 20px;

}

}

@media (max-width:400px) {

.logo,.nonsticky {

    width: 48%;

    margin: 0 auto;

}

.pricetable ul li

{

	font-size:12px;

}

a.started

{

	padding:18px 0;

	width:95%;

	font-size:30px;

}
span.med-txt {
    font-size: 20px;
}
span.small-txt {
    font-size: 14px;
}
.planstable-join ul li.last-box .tick span.small-txt{font-size:10px;}
}

@media (max-width:350px) {

.forgot{ float:none; margin-bottom:12px;}

.sidebar{ width:100%;}

.innerbanner-bg img{ max-width:180px;}
.planstable-join ul li.last-box .tick span.small-txt{font-size:9px;}
}