/*
font-family: 'Poppins', sans-serif;
font-family: 'Muli', sans-serif;
font-family: 'Play', sans-serif;
font-family: 'Roboto Condensed', sans-serif;


light - 300
regular - 400
medium - 500
semi-bold  - 600
bold - 700
extra-bold - 800
black - 900
*/

body {
	
	font-family: 'Poppins', sans-serif;
	color: #fff;
	font-size: 14px;
	font-weight: 400;
	background: #01112a url(images/about-bg.jpg) no-repeat top center ;
    background-size: cover;
    background-attachment: fixed;
}

a {
	
	cursor:pointer !important;
	text-decoration:none !important;
}

.heartbeat {
	-webkit-animation: heartbeat 1.5s ease-in-out infinite boths;
	        animation: heartbeat 1.5s ease-in-out infinite both;
}
@-webkit-keyframes heartbeat {
  from {
    -webkit-transform: scale(1);
            transform: scale(1);
    -webkit-transform-origin: center center;
            transform-origin: center center;
    -webkit-animation-timing-function: ease-out;
            animation-timing-function: ease-out;
  }
  10% {
    -webkit-transform: scale(0.91);
            transform: scale(0.91);
    -webkit-animation-timing-function: ease-in;
            animation-timing-function: ease-in;
  }
  17% {
    -webkit-transform: scale(0.98);
            transform: scale(0.98);
    -webkit-animation-timing-function: ease-out;
            animation-timing-function: ease-out;
  }
  33% {
    -webkit-transform: scale(0.87);
            transform: scale(0.87);
    -webkit-animation-timing-function: ease-in;
            animation-timing-function: ease-in;
  }
  45% {
    -webkit-transform: scale(1);
            transform: scale(1);
    -webkit-animation-timing-function: ease-out;
            animation-timing-function: ease-out;
  }
}
@keyframes heartbeat {
  from {
    -webkit-transform: scale(1);
            transform: scale(1);
    -webkit-transform-origin: center center;
            transform-origin: center center;
    -webkit-animation-timing-function: ease-out;
            animation-timing-function: ease-out;
  }
  10% {
    -webkit-transform: scale(0.91);
            transform: scale(0.91);
    -webkit-animation-timing-function: ease-in;
            animation-timing-function: ease-in;
  }
  17% {
    -webkit-transform: scale(0.98);
            transform: scale(0.98);
    -webkit-animation-timing-function: ease-out;
            animation-timing-function: ease-out;
  }
  33% {
    -webkit-transform: scale(0.87);
            transform: scale(0.87);
    -webkit-animation-timing-function: ease-in;
            animation-timing-function: ease-in;
  }
  45% {
    -webkit-transform: scale(1);
            transform: scale(1);
    -webkit-animation-timing-function: ease-out;
            animation-timing-function: ease-out;
  }
}
.rotating {
	-webkit-animation: rotating 3s linear infinite;
	animation: rotating 14s linear infinite;
}
.rotating.fast {
	-webkit-animation: rotating 0.5s linear infinite;
	animation: rotating 0.5s linear infinite;
}

@-webkit-keyframes rotating {
    from{
        -webkit-transform: rotate(0deg);
    }
    to{
        -webkit-transform: rotate(360deg);
    }
}

@-moz-keyframes rotating {
    from{
        -moz-transform: rotate(0deg);
    }
    to{
        -moz-transform: rotate(360deg);
    }
}

.floater-2 {
	
    -webkit-animation: floater-2 infinite 4s ease-in-out;
    -moz-animation: floater-2 infinite 4s ease-in-out;
    animation: floater-2 infinite 4s ease-in-out;
    animation-fill-mode: forwards;
}

@-webkit-keyframes floater {0% {transform: translate3d(0px, 

0px, 0px);}50% {transform: translate3d(0px, -20px, 0px);}100% 

{transform: translate3d(0px, 0px, 0px);}}
@keyframes floater {0% {transform: translate3d(0px, 0px, 

0px);}50% {transform: translate3d(0px, -20px, 0px);}100% 

{transform: translate3d(0px, 0px, 0px);}}

@-webkit-keyframes floater-2 {0% {transform: translate3d(0px, 

0px, 0px);}80% {transform: translate3d(0px, -10px, 0px);}100% 

{transform: translate3d(0px, 0px, 0px);}}
@keyframes floater-2 {0% {transform: translate3d(0px, 0px, 

0px);}50% {transform: translate3d(0px, -10px, 0px);}100% 

{transform: translate3d(0px, 0px, 0px);}}

.banner-bg {
	
	background: #01112a url(images/banner-bg.jpg) no-repeat top center;
    background-size: cover;
    padding: 10px 0px 50px;
}

header {
    width: 100%;
    background-size: cover;
    padding: 0px 0px 0px 0px;
    background: transparent;
}

header .navbar-inverse { 

	margin:0; 
	min-height:auto; 
	border-radius:0; 
	border:0;
	background:none;
}
 
header .navbar-collapse {
	
	 padding:0;
}

header .navbar-right {
	
	margin: 0;
	margin-right: 0px;
    position: relative;
    top: 17px;
}

header .navbar-inverse .navbar-nav > li { 

	padding:10px 13px;
	display:inline-block; 
	vertical-align:middle; 
	float:none;
}

header .navbar-inverse .navbar-nav > li > a { 
   
	font-size: 18px;
    color: #fff;
    text-transform:capitalize;
    transition: .3s;
    vertical-align: middle;
    padding: 10px 0px 8px 0px;
    font-family: 'Lato', sans-serif;
    font-weight:300;
	border-bottom: 2px solid transparent;
}
	
header .navbar-inverse .navbar-nav > li > a:hover { 

    transition: .3s;
    color: #e9b92e;
    border-bottom: 2px solid #10c471;
}

header .navbar-inverse .navbar-nav > li .btn { 

	height:43px;
	line-height:40px; 
	padding:0 20px !important;
}

header .navbar-inverse .navbar-header {
	
	padding: 0;
}

header .navbar-inverse .navbar-header a { 

	display:inline-block; 
}

header .navbar-inverse .navbar-header a img { 
	display:inline-block;
	transform-origin: 100% 0;
}
header .navbar-inverse .navbar-header a img:hover{
	animation-name: pulse;
	animation-duration: 1s;
	animation-timing-function: ease-in-out;
	animation-iteration-count: 1;
}
@-webkit-keyframes pulse {

  0% {

    -webkit-transform: scale(1);
    transform: scale(1);

  }


  50% {
    -webkit-transform: scale(1.1);
    transform: scale(1.1);
  }

  100% {

    -webkit-transform: scale(1);
    transform: scale(1);

  }


}

@keyframes pulse {

  0% {

    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);

  }

  50% {

    -webkit-transform: scale(1.1);
    -ms-transform: scale(1.1);
   transform: scale(1.1);


 }


  100% {

    -webkit-transform: scale(1);
    -ms-transform: scale(1);
   transform: scale(1);

  }

}
.pulse {

  -webkit-animation-name: pulse;
 animation-name: pulse;
}
.banner-bg .top {
	
	padding: 0px 0px 0px;
}
.banner-bg .top .banner-logo
{
}
.banner-bg .top .banner-logo img
{
	display: inline-block;
    transform-origin: 100% 0;
}
.banner-bg .top .banner-logo img:hover
{
	animation-name: pulse;
    animation-duration: 1s;
    animation-timing-function: ease-in-out;
    animation-iteration-count: 1;
}
.banner-bg .top .top-sta {
	
	padding: 30px 0px 20px;
}

.banner-bg .top .top-sta ul {
	
	padding:0;
	margin:0;
	list-style:none;
}

.banner-bg .top .top-sta ul li {
	
	display:inline-block;
	padding:0px 26px;
}

.banner-bg .top .top-sta ul li p {
	
	font-family: 'PT Serif', serif;
	font-size:16px;
	font-weight:400;
	color:#fff;
	margin:0px 0px 0px 0px;
}

.banner-bg .top .top-sta ul li p img {
	
	
}

.banner-bg .top .top-sta ul li p span {
	
	font-weight:700;
	color:#fee701;
}

.banner-bg .top .top-but {
	
    padding: 20px 0px 20px;
}

.banner-bg .top .top-but .top-but1 {
	font-family: 'Lato', sans-serif;
    font-size: 18px;
    font-weight: 400;
    color: #fff;
    background: #098155;
    border: 1px solid #098155;
    padding: 10px 31px;
    margin: 0px 10px 25px 10px;
    transition: 0.7s;
    text-transform: capitalize;
    display: inline-block;
    transition-duration: .5s;
    transition-property: transform;
    position: relative;
    border-radius: 50px;
}

.banner-bg .top .top-but .top-but1:hover {
	
	color: #10c471;
    background: transparent;
    border: 1px solid #10c471;
    transition: 0.7s;
    box-shadow: 0px 0px 10px #10c471;
    transform: translateY(10px);
    animation-name: hang;
    animation-duration: 1.5s;
    animation-delay: $defaultDuration;
    animation-timing-function: linear;
    animation-iteration-count: infinite;
    animation-direction: alternate;
}

.banner-bg .top .top-but .top-but1 i {
	
    position: absolute;
    opacity: 0;
    top: -1px;
    left: 0;
    /* background: #ffffffa8; */
    background: linear-gradient(to right, rgba(255,255,255,0) 0%,rgba(255,255,255,0.03) 1%,rgba(255,255,255,0.6) 30%,rgba(255,255,255,0.85) 50%,rgba(255,255,255,0.85) 70%,rgba(255,255,255,0.85) 71%,rgba(255,255,255,0) 100%);
    width: 12%;
    height: 103%;
    transform: skew(-30deg,0deg);
    animation: move 3s;
    animation-iteration-count: infinite;
    animation-delay: 1s;
}

.banner-bg .top .top-but .top-but2 {
	font-family: 'Lato', sans-serif;
    font-size: 18px;
    font-weight: 400;
    color: #fff;
    background: transparent;
    border: 1px solid #3ea584;
    padding: 10px 31px;
    margin: 0px 10px 10px 10px;
    text-transform: capitalize;
    transition: 0.7s;
    display: inline-block;
    transition-duration: .5s;
    transition-property: transform;
    position: relative;
    border-radius: 50px;
}

.banner-bg .top .top-but .top-but2:hover {
	color: #f5cd3f;
    background: transparent;
    transition: 0.7s;
    border: 1px solid #f5cd3f;
    box-shadow: 0px 0px 10px #f5cd3f;
    transform: translateY(10px);
    animation-name: hang;
    animation-duration: 1.5s;
    animation-delay: $defaultDuration;
    animation-timing-function: linear;
    animation-iteration-count: infinite;
    animation-direction: alternate;
}

.banner-bg .top .top-but .top-but2 i {
	
    position: absolute;
    opacity: 0;
    top: -1px;
    left: 0;
    /* background: #ffffffa8; */
    background: linear-gradient(to right, rgba(255,255,255,0) 0%,rgba(255,255,255,0.03) 1%,rgba(255,255,255,0.6) 30%,rgba(255,255,255,0.85) 50%,rgba(255,255,255,0.85) 70%,rgba(255,255,255,0.85) 71%,rgba(255,255,255,0) 100%);
    width: 12%;
    height: 103%;
    transform: skew(-30deg,0deg);
    animation: move 3s;
    animation-iteration-count: infinite;
    animation-delay: 1s;
}

@keyframes move {

	0%  { left: 0; opacity: 0; }

	5% {opacity: 0.0}

	48% {opacity: 0.2}

	80% {opacity: 0.0}

	100% { left: 82%}
}

header .navbar-inverse .navbar-nav > li.btn_menu {
	
	
	padding: 17px 3px;
}
header .navbar-inverse .navbar-nav > li a.btn.btn-primary { 

	min-width:128px; 
	height:43px; 
	line-height:43px; 
	box-shadow:none;
}

.navbar-inverse .navbar-collapse, .navbar-inverse .navbar-form {
	
    border-color: #10c471 !important;
}

header .head-but {
	font-family: 'Lato', sans-serif;
    font-size: 16px !important;
    font-weight: 700 !important;
    color: #fff !important;
    line-height: 37px !important;
    background: #3ea584;
    border: 2px solid #3ea584 !important;
    outline: none;
    display: inline-block !important;
    box-shadow: inset 0 0 0 0 #edbf34;
    transition: 0.7s;
    text-transform: uppercase !important;
    padding: 2px 35px !important;
    border-radius: 50px;
}

header .head-but:hover {
	
    color: #01112a !important;
    background: #eec236 !important;
    border: 2px solid #edbf34 !important;
    transition: 0.7s;
}

header .head-but1 {
	font-family: 'Lato', sans-serif;
    font-size: 16px !important;
    font-weight: 700 !important;
    color: #fff !important;
    line-height: 37px !important;
    background: transparent !important;
    border: 2px solid #3ea584 !important;
    outline: none;
    display: inline-block !important;
    transition: 0.7s;
    text-transform: uppercase !important;
    padding: 2px 35px !important;
    border-radius: 50px;
}

header .head-but1:hover {
    color: #fff !important;
    background: #3ea584 !important;

    border: 2px solid #3ea584 !important;
    transition: 0.7s;
}

.banner-bg .banner {
}

.banner-bg .banner .banner-img {
}

.banner-bg .banner .banner-img img {
	
    margin: 69px 0px 0px 0px;
    position: relative;
    width: 100%;
}

.banner-bg .banner .banner-text {
	
	padding: 125px 0px 0px 0px;
}

.banner-bg .banner .banner-text h2 {
	font-family: 'Lato', sans-serif;
	font-size: 50px;
    font-weight: 600;
    color: #fff;
	margin:0px 0px 0px 0px;
	line-height:55px;
	text-transform:uppercase;
}
.banner-bg .banner .banner-text h3 {
	
	font-family: 'Lato', sans-serif;
	font-size: 50px;
    font-weight: 600;
    color: #10c471;
	margin:0px 0px 0px 0px;
	line-height:55px;
	text-transform:uppercase;
}
.banner-bg .banner .banner-text p {
    font-family: 'Lato', sans-serif;
    font-size: 20px;
    font-weight: 400;
    color: #fff;
    margin: 30px 0px 30px 0px;
    line-height: 26px;
}
.banner-bg .banner .banner-but {
	
	padding: 60px 0px 0px 0px;
}

.banner-bg .banner .banner-but .banner-but1 {
	
	font-family: 'Lato', sans-serif;
    font-size: 18px;
    font-weight: 400;
    color: #fff;
    background: #098155;
    border: 1px solid #098155;
    padding: 10px 61px;
    margin: 0px 10px 25px 10px;
    transition: 0.7s;
    text-transform: capitalize;
    display: inline-block;
    transition-duration: .5s;
    transition-property: transform;
    position: relative;
    border-radius: 50px;
}

.banner-bg .banner .banner-but .banner-but1:hover {
	color: #10c471;
    background: transparent;
    border: 1px solid #10c471;
    transition: 0.7s;
    box-shadow: 0px 0px 10px #10c471;
    transform: translateY(10px);
    animation-name: hang;
    animation-duration: 1.5s;
    animation-delay: $defaultDuration;
    animation-timing-function: linear;
    animation-iteration-count: infinite;
    animation-direction: alternate;
}

.banner-bg .banner .banner-but .banner-but1 i {
	
    position: absolute;
    opacity: 0;
    top: -1px;
    left: 0;
    background: #fff;
    width: 12%;
    height: 103%;
    transform: skew(-30deg,0deg);
    animation: move 3s;
    animation-iteration-count: infinite;
    animation-delay: 1s;
}

.banner-bg .banner .banner-but .banner-but2 {
	
    font-family: 'Lato', sans-serif;
    font-size: 18px;
    font-weight: 400;
    color: #fff;
    background: transparent;
	border:1px solid #3ea584;
    padding: 10px 61px;
    margin: 0px 10px 10px 10px;
	text-transform:capitalize;
    transition: 0.7s;
    display: inline-block;
    transition-duration: .5s;
    transition-property: transform;
    position: relative;
	border-radius: 50px;

}

.banner-bg .banner .banner-but .banner-but2:hover {
	color: #f5cd3f;
    background: transparent;
    transition: 0.7s;
    border: 1px solid #f5cd3f;
    box-shadow: 0px 0px 10px #f5cd3f;
    transform: translateY(10px);
    animation-name: hang;
    animation-duration: 1.5s;
    animation-delay: $defaultDuration;
    animation-timing-function: linear;
    animation-iteration-count: infinite;
    animation-direction: alternate;
}

.banner-bg .banner .banner-but .banner-but2 i {
	
    position: absolute;
    opacity: 0;
    top: -1px;
    left: 0;
    background: #fff;
    width: 12%;
    height: 103%;
    transform: skew(-30deg,0deg);
    animation: move 3s;
    animation-iteration-count: infinite;
    animation-delay: 1s;
}

@keyframes move {

	0%  { left: 0; opacity: 0; }

	5% {opacity: 0.0}

	48% {opacity: 0.2}

	80% {opacity: 0.0}

	100% { left: 82%}
}
/*****************************************************************/
.plan-bg
{
	background: #01112a url(images/plan-bg.jpg) no-repeat top center;
    background-size: cover;
    padding: 30px 0px 30px;
	background-attachment: fixed;
}
.plan-bg .plan-head
{
	padding:0px 0px 0px 0px;
	margin:0px 0px 0px 0px;
	text-align:center;
}
.plan-bg .plan-head h2
{
	font-family: 'Lato', sans-serif;
	font-size: 36px;
    font-weight: 700;
    color: #fff;
	margin:0px 0px 10px 0px;
	line-height:40px;
	text-transform:capitalize;
}
.plan-bg .plan-head img
{
	margin:auto;
}
.plan-bg .plan-common
{
	padding:50px 0px 0px 0px;
	text-align: center;
}
.plan-bg .plan-common .planbg
{
	background: url(images/planbg.png)no-repeat top center;
    background-size: cover;
    width: 263px;
    min-height: 366px;
    margin: 20px auto 20px;
    transition: 0.7s;
    text-align: center;
    position: relative;
    z-index: 1;
    cursor: pointer;
}
.plan-bg .plan-common .planbg .plan-top
{
}
.plan-bg .plan-common .planbg .plan-top h2
{
    font-family: 'Lato', sans-serif;
    font-size: 28px;
    font-weight: 400;
    color: #fff;
    padding: 14px 0px 14px 0px;
    margin: 0px 0px 0px 0px;
    line-height: 26px;
    text-transform: capitalize;
}
.plan-bg .plan-common .planbg .plan-mid
{
	background: url(images/plan-mid.png)no-repeat top center;
    background-size: cover;
    width: 102px;
    min-height: 110px;
    margin: 0px auto 0px;
    transition: 0.7s;
    text-align: center;
    position: relative;
}
.plan-bg .plan-common .planbg .plan-mid h2
{
    font-family: 'Lato', sans-serif;
    font-size: 34px;
    font-weight: 700;
    color: #000;
    margin: 0px 0px 0px 0px;
    padding: 44px 0px 15px 0px;
    line-height: 20px;
}
.plan-bg .plan-common .planbg .plan-mid h4
{
	font-family: 'Lato', sans-serif;
    font-size: 21px;
    font-weight: 300;
    color: #000;
    margin: 0px 0px 10px 0px;
    line-height: 26px;
    text-transform: capitalize;
}
.plan-bg .plan-common .planbg .plan-bot
{
}
.plan-bg .plan-common .planbg .plan-bot p
{
	font-family: 'Lato', sans-serif;
    font-size: 18px;
    font-weight: 300;
    color: #000;
    margin: 7px 0px 0px 0px;
    line-height: 23px;
    text-transform: capitalize;
}
.plan-bg .plan-common .planbg .plan-bot h3
{
    font-family: 'Lato', sans-serif;
    font-size: 24px;
    font-weight: 700;
    color: #000;
    margin: 7px 0px 11px 0px;
    line-height: 30px;
}
.plan-bg .plan-common .planbg .plan-bot p span
{
	color:#288662;
}
.plan-bg .plan-common .planbg .plan-bot a{
	font-family: 'Lato', sans-serif;
    font-size: 18px;
    font-weight: 700;
    color: #000;
    width: 160px;
    background: transparent;
    border: 1px solid #3ea584;
    padding: 10px 10px;
    margin: 0px 10px 10px 10px;
    text-transform: capitalize;
    transition: 0.7s;
    display: inline-block;
    transition-duration: .5s;
    transition-property: transform;
    position: relative;
    border-radius: 15px;
}
.plan-bg .plan-common .planbg .plan-bot a i {
	position: absolute;
    opacity: 0;
    top: -1px;
    left: 0;
    background: #288662;
    box-shadow: 0px 0px 5px #000;
    width: 12%;
    height: 103%;
    transform: skew(-30deg,0deg);
    animation: move 3s;
    animation-iteration-count: infinite;
    animation-delay: 1s;
}
.plan-bg .plan-common .planbg:hover
{
	background: url(images/planbg-hover.png)no-repeat top center;
    background-size: cover;
    width: 263px;
    min-height: 366px;
    margin: 20px auto 20px;
    transition: 0.7s;
    text-align: center;
    position: relative;
    z-index: 1;
    cursor: pointer;
}
.plan-bg .plan-common .planbg:hover .plan-top h2, .plan-bg .plan-common .planbg .plan-top h2:hover {
	
    color: #288662;
    transition: 0.7s;
}
.plan-bg .plan-common .planbg:hover .plan-bot p, .plan-bg .plan-common .planbg .plan-bot p:hover {
	
    color: #fff;
    transition: 0.7s;
}
.plan-bg .plan-common .planbg:hover .plan-bot h3, .plan-bg .plan-common .planbg .plan-bot h3:hover {
	
    color: #fff;
    transition: 0.7s;
}
.plan-bg .plan-common .planbg:hover .plan-bot p span, .plan-bg .plan-common .planbg .plan-bot p span:hover {
	
    color: #000;
    transition: 0.7s;
}
.plan-bg .plan-common .planbg:hover .plan-bot a, .plan-bg .plan-common .planbg .plan-bot a:hover {
	color: #fff;
    background: transparent;
    transition: 0.7s;
    border: 1px solid #fff;
    box-shadow: 0px 0px 5px #fff;
    transform: translateY(10px);
    animation-name: hang;
    animation-duration: 1.5s;
    animation-delay: $defaultDuration;
    animation-timing-function: linear;
    animation-iteration-count: infinite;
    animation-direction: alternate;
}
.plan-bg .cal {
    background-color: #ffffff;
    display: flow-root;
    padding: 30px 20px 40px 20px;
    border-radius: 10px;
    margin: 40px 0px 20px 0px;
}
.plan-bg .cal .calbg {
	
    padding: 0px 0px 0px 0px;
    display: contents;
}

.plan-bg .cal .calbg .cal1 {
	
    padding: 0px 0px 0px 0px;
    margin:0px auto 0px;
}

.plan-bg .cal .calbg .cal1 .cal-title {
	

    padding: 10px 0px 10px 20px;
    font-family: 'Lato', sans-serif;
    font-size: 18px;
    color: #000;
    font-weight: 500;
    background: transparent;
    text-transform:capitalize;
}

.plan-bg .cal .calbg .cal1 .cal-invest {
    padding: 5px 0px 5px 7px;
    background: #288662;
    outline-offset: -7px;
}

.plan-bg .cal .calbg .cal1 .cal-invest select {
	
	font-family: 'Lato', sans-serif;
    font-size: 15px;
    color: #fbbe41;
    height:38px;
    text-align: center;
    width: 95%;
    border: 1px solid transparent;
    background: transparent !important;
    outline: none;
    padding: 0px 10px;
	font-weight:500;
}

.plan-bg .cal .calbg .cal1 .cal-invest select option {

	color: #b3221d;
    font-size: 16px;
	font-weight:500;
}

.plan-bg .cal .calbg .cal1 .cal-invest input {
	
	font-family: 'Lato', sans-serif;
    font-size: 18px;
    color: #fff;
    height:38px;
    width: 95%;
    border: 1px solid transparent;
    background: transparent;
    outline: none;
    padding: 0px 20px;
	font-weight:500;
}
/*****************************************************************/
.about-bg
{
	background: #01112a url(images/about-bg1.jpg) no-repeat top center;
    background-size: cover;
    padding: 30px 0px 30px;
}
.about-bg .about-head
{
	padding:0px 0px 0px 0px;
	margin:0px 0px 0px 0px;
	text-align:center;
}
.about-bg .about-head h2
{
	font-family: 'Lato', sans-serif;
	font-size: 36px;
    font-weight: 700;
    color: #fff;
	margin:0px 0px 10px 0px;
	line-height:40px;
	text-transform:capitalize;
}
.about-bg .about-head img
{
	margin:auto;
}
.about-bg .about-common
{
	padding:50px 0px 0px 0px;
}
.about-bg .about-common .about-para
{
    padding:0px 0px 0px 0px;
}
.about-bg .about-common .about-para p
{
    font-family: 'Lato', sans-serif;
    font-size: 17px;
    color: #fff;
    font-weight: 300;
    line-height: 26px;
    padding: 15px 0px 0px 0px;
    margin: 0px 0px 0px 0px;

}
.about-bg .about-common .about-but
{
	text-align: left;
    padding: 40px 0px 30px 0px;
}
.about-bg .about-common .about-but .aboutbut{
	font-family: 'Lato', sans-serif;
    font-size: 18px;
    background: linear-gradient(90deg, #3ea584 0%,#3ea584 72%) !important;
    color: #fff !important;
    padding: 15px 15px;
    text-transform: capitalize;
    position: relative;
    font-weight: 700;
    display: inline-block;
    transition-duration: 0.3s;
    transition-property: transform;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    border: none;
    border-radius: 10px;
}
.about-bg .about-common .about-but .aboutbut:before {
    pointer-events: none;
    position: absolute;
    z-index: -1;
    content: '';
    top: 100%;
    left: 5%;
    height: 10px;
    width: 90%;
    opacity: 0;
	background: radial-gradient(ellipse at center, rgb(43 178 76) 0%, rgba(0, 0, 0, 0) 80%);
    transition-duration: 0.3s;
    transition-property: transform opacity;
	color:#000;
}
.about-bg .about-common .about-but .aboutbut:hover {
    color: #000;
    background: linear-gradient(90deg, #288662 0%,#68a990 72%) !important;
    transition: 0.7s;
    transform: translateY(5px);
}
.about-bg .about-common .about-but .aboutbut:before {
    opacity: 1;
    transform: translateY(5px);
	color:#000;
}
.about-bg .about-common .about-but .aboutbut:hover {
    position: relative;
}
.about-bg .about-common .about-but a i {
	position: absolute;
    opacity: 0;
    top: -1px;
    left: 0;
    background: #fff;
    box-shadow: 0px 0px 5px #fff;
    width: 12%;
    height: 103%;
    transform: skew(-30deg,0deg);
    animation: move 3s;
    animation-iteration-count: infinite;
    animation-delay: 1s;
}
.about-bg .about-right
{
}
.about-bg .about-right img
{
}
/***************************************************************/
.advan-bg {
	background: #01112a url(images/feature-bg.jpg) no-repeat top center;
    background-size: cover;
    padding: 30px 0px 30px;
	background-attachment:fixed;
}
.advan-bg .advan-head
{
	padding:0px 0px 0px 0px;
	margin:0px 0px 30px 0px;
	text-align:center;
}
.advan-bg .advan-head h2
{
	font-family: 'Lato', sans-serif;
	font-size: 36px;
    font-weight: 700;
    color: #fff;
	margin:0px 0px 10px 0px;
	line-height:40px;
	text-transform:capitalize;
}
.advan-bg .advan-head img
{
	margin:auto;
}
.advan-bg .advan-head p {
    font-family: 'Lato', sans-serif;
    font-size: 18px;
    font-weight: 300;
    color: #dad9d9;
    padding: 25px 0px 20px 0px;
    width: 43%;
    margin: auto;
}
.advan-bg .advan {
	
	padding: 0px 0px 20px;
}

.advan-bg .advan .advan1 {
    margin: 30px 0px 30px;
    min-height: 145px;
}

.advan-bg .advan .advan1 .advan-img {
    width: 33%;
    float: left;
    padding: 0px 0px 0px 0px;
}

.advan-bg .advan .advan1 .advan-img span {
	
    width: 120px;
    height: 120px;
    border-radius: 100px;
    padding: 0px 0px 0px 0px;
    display: inline-block;
    text-align: center;
}

.advan-bg .advan .advan1 .advan-text {
    width: 65%;
    padding: 0px 0px 0px 0px;
    float: right;
}

.advan-bg .advan .advan1 .advan-text h4 {
	
   	font-family: 'Lato', sans-serif;
    font-size: 18px;
    font-weight: 700;
    color: #fff;
    margin: 0px 0px 18px 0px;
}

.advan-bg .advan .advan1 .advan-text p {
	
	font-family: 'Lato', sans-serif;
    font-size: 14px;
    font-weight: 300;
    color: #e7e2e2;
    margin: 0px 0px 0px 0px;
	line-height:22px;
}

/***************************************************************/
.how-bg {
	background: #01112a url(images/how-bg.jpg) no-repeat top center;
    background-size: cover;
    padding: 30px 0px 120px;
}
.how-bg .how-head
{
	padding:0px 0px 0px 0px;
	margin:0px 0px 0px 0px;
	text-align:center;
}
.how-bg .how-head h2
{
	font-family: 'Lato', sans-serif;
	font-size: 36px;
    font-weight: 700;
    color: #fff;
	margin:0px 0px 10px 0px;
	line-height:40px;
	text-transform:capitalize;
}
.how-bg .how-head img
{
	margin:auto;
}
.how-bg .how-head p {
    font-family: 'Lato', sans-serif;
    font-size: 18px;
    font-weight: 300;
    color: #dad9d9;
    padding: 25px 0px 20px 0px;
    width: 48%;
    margin: auto;
}
.how-bg .how-common
{
	padding:0px 0px 0px 0px;
	margin:40px 0px 0px 0px;
	text-align:center;
}
.how-bg .how-common .how
{

}
.how-bg .how-common .how .how-img
{
	background: url(images/how-back.png)no-repeat top center;
    background-size: cover;
    width: 151px;
    min-height: 172px;
    margin: 20px auto 20px;
    transition: 0.7s;
    text-align: center;
    position: relative;
}
.how-bg .how-common .how .how-img img
{
	padding: 44px 0px 0px 0px;
}
.how-bg .how-common .how h2
{
	font-family: 'Lato', sans-serif;
	font-size: 24px;
    font-weight: 500;
    color: #fff;
	margin:0px 0px 10px 0px;
	line-height:40px;
}
/************************************************************/
.stat-bg {
	background: #01112a url(images/stat-bg.jpg) no-repeat top center;
    background-size: cover;
    padding: 0px 0px 30px;
	background-attachment:fixed;
}
.stat-bg .stat-back{
    background: url(images/stat-back.png)no-repeat top center;
    background-size: cover;
    width: 100%;
    min-height: 300px;
    margin: -65px 0px 0px 0px;
    transition: 0.7s;
    text-align: center;
    position: relative;
	box-shadow: 0px 0px 10px #000f28;
}
.stat-bg .stat-back .pro
{
	position: relative;
    padding: 35px 0px 0px 0px;
}
.stat-bg .stat-back .pro ul 
{
    list-style: none;
    padding: 0px;
    margin: 0px;
    text-align: center;
}
.stat-bg .stat-back .pro ul li
{
	display: inline-block;
    padding: 20px 60px;
}

.stat-bg .stat-back .pro ul li .static1 {
    width: 156px;
    text-align: center;

}
.stat-bg .stat-back .pro ul li .static1 img
{
	padding: 0px 0px 0px 0px;
}
.stat-bg .stat-back.pro ul li .pro-invest1 {
	
    background: transparent !important;
    outline-offset: -7px;
    border-radius: 9px;

}
.stat-bg .stat-back .pro ul li .pro-invest1 p {
    font-family: 'Lato', sans-serif;
    font-size: 17px;
    color: #fff;
    font-weight: 300;
    text-transform: capitalize;
    padding: 16px 0px 0px 0px;
    text-align: center;
    margin: 0px 0px 0px 0px;
}
.stat-bg .stat-back .pro ul li .pro-invest1 h1 {
	font-family: 'Lato', sans-serif;
    font-size: 22px;
    color: #fff;
    background: transparent;
    outline: none;
    font-weight: 700;
    padding: 13px 0px 0px 0px;
    text-align: center;
    margin: 0px 0px 0px 0px;
}
.stat-bg .cert-common
{
    margin: 70px 0px 20px 0px;
}
.stat-bg .cert-common .cert-img
{
	text-align:center;
}
.stat-bg .cert-common .cert-img img
{
	margin:auto;
}
.stat-bg .cert-common .cert-head
{
	padding: 60px 0px 0px 0px;
	text-align:center;
}
.stat-bg .cert-common .cert-head h2
{
	font-family: 'Lato', sans-serif;
    font-size: 36px;
    font-weight: 700;
    color: #fff;
    margin: 0px 0px 0px 0px;
    line-height: 40px;
}
.stat-bg .cert-common .cert-head p
{
	font-family: 'Lato', sans-serif;
    font-size: 30px;
    font-weight: 500;
    color: #3ea584;
    margin: 55px 0px 0px 0px;
    line-height: 40px;
    border: 2px solid #3ea584;
    display: inline-block;
    padding: 10px 50px;
}
.stat-bg .cert-common .cert-head p a
{
	font-family: 'Lato', sans-serif;
	font-size: 30px;
    font-weight: 500;
    color: #3ea584;
	margin:0px 0px 0px 0px;
	line-height:40px;
}
.stat-bg .cert-common .cert-head p a:hover
{
	color: #fff;
}
/************************************************************/
.foot-bg {
	background: #01112a url(images/foot-bg.jpg) no-repeat top center;
    background-size: cover;
    padding: 30px 0px 10px;
}
.foot-bg .foot-logo {
    text-align: left;
    padding: 10px 0px 0px 0px;
}
.foot-bg .foot-logo img {
    display: inline-block;
    transform-origin: 100% 0;
    position: relative;
}
.foot-bg .foot-logo img:hover {
    animation-name: pulse;
    animation-duration: 1s;
    animation-timing-function: ease-in-out;
    animation-iteration-count: 1;
}
.foot-bg .foot-text
{
	padding:0px 0px 0px 0px;
}
.foot-bg .foot-text a
{
    font-family: 'Lato', sans-serif;
    font-size: 14px;
    font-weight: 300;
    color: #fff;
    margin: 20px 0px 0px 0px;
    line-height: 22px;
    display: inline-block;
    padding: 0px 13px;
}
.foot-bg .foot-text a:hover
{
	font-weight: 600;
    color: #e7b62c;
}
.foot-bg .pay-head
{
	padding:0px 0px 0px 0px;
	margin:0px 0px 0px 0px;
	text-align:left;
}
.foot-bg .pay-head h2
{
	font-family: 'Lato', sans-serif;
	font-size: 24px;
    font-weight: 500;
    color: #fff;
	margin:0px 0px 10px 0px;
	line-height:40px;
	text-transform:capitalize;
}
.foot-bg .pay
{
}
.foot-bg .pay ul
{
	list-style: none;
    padding: 0px;
    margin: 0px;
}
.foot-bg .pay ul li
{
	display: inline-block;
    padding: 10px 8px;
}
.foot-bg .pay ul li img
{
	display: inline-block;
    transform-origin: 100% 0;
    position: relative;
}
.foot-bg .pay ul li img:hover
{
    animation-name: pulse;
    animation-duration: 1s;
    animation-timing-function: ease-in-out;
    animation-iteration-count: 1;
	cursor:pointer;
}
.foot-bg .copy
{
	padding:0px 0px 0px 0px;
	margin:30px 0px 20px 0px;
	text-align:center;
}
.foot-bg .copy h2
{
	font-family: 'Lato', sans-serif;
	font-size: 16px;
    font-weight: 500;
    color: #10c471;
	margin:0px 0px 10px 0px;
	line-height:40px;
	text-transform:capitalize;
}
.content__title .actions {
    margin-left: auto;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    padding-left: 2rem;
}
.content__title {
    margin-bottom: 1.5rem;
    padding: .75rem 0;
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    z-index: unset;
}
.actions {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.actions__item {
    font-size: 1.5rem;
    cursor: pointer;
    color: #041d9b !important;
    background: #f8aa23;
    -webkit-transition: background-color .3s,color .3s;
    transition: background-color .3s,color .3s;
    width: 35px;
    height: 35px;
    border-radius: 50%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin: 0px 0px 0px 4px;
}
.actions__item a i
{
	font-size: 17px;
}
.actions__item.show,
.actions__item:hover {
    background-color: #c6c6ce;
    color: #000 !important;
    
}

.actions__item--active {
    background-color: #2d1656;
}


.icon-list {
    list-style: none;
    padding: 0;
    margin: 0;
}

.icon-list>li {
    position: relative;
    padding: .3rem 0;
}

.icon-list>li address {
    display: inline-block;
    vertical-align: top;
    margin-top: .25rem;
}

.icon-list>li>i {
    width: 2.5rem;
    text-align: center;
    font-size: 1.25rem;
    top: .12rem;
    position: relative;
    font-style: normal;
    display: inline-block;
}
/***************************************************************/
@media only screen and (max-width: 1350px){
	
}

@media only screen and (max-width: 1200px){
	header .navbar-inverse .navbar-header a {
	    width: 200px;
    	padding: 0px 0px 0px 0px;
	}
	header .navbar-inverse .navbar-nav > li.btn_menu {
	  padding: 17px 0;
	}
	header .navbar-inverse .navbar-nav > li {
	  padding: 0 6px;
	}
	header .navbar-inverse .navbar-header {
	  padding: 9px 0;
	}
	
	header .navbar-inverse .navbar-header {
		margin-left: 0;
	}
	header .navbar-inverse .navbar-header {
		margin-left: 0;
	}
	
	header .navbar-right {
		margin-right: 0;
	}
}

@media only screen and (max-width: 1199px){
	header .navbar-inverse .navbar-nav > li {
	    padding: 14px 8px;
	}
	header .navbar-inverse .navbar-nav > li > a {
		font-size: 16px;
	}
	header .navbar-inverse .navbar-nav > li .btn {
		min-width: 115px;
	}
	 header .navbar-inverse .navbar-nav > li a.btn.btn-primary {
		min-width: 110px;
	}
	.banner-bg {
    	background: #01112a url(images/banner-bg.jpg) no-repeat top center;
	}
	.banner-bg .banner .banner-img img {
	    display: none;
	}
	.advan-bg .advan .advan1 .advan-img {
		width: 38%;
		float: left;
		padding: 0px 0px 0px 0px;
	}
	.advan-bg .advan .advan1 .advan-text {
		width: 59%;
		padding: 0px 0px 0px 0px;
		float: right;
	}
	.stat-bg .stat-back .pro ul li {
		display: inline-block;
		padding: 20px 30px;
	}
	.banner-bg .top .banner-logo {
		text-align: center;
	}

}

@media only screen and (max-width: 991px) {
	header .navbar-inverse {
	  text-align: center;
	}
	header .navbar-inverse .navbar-header {
	  width: 100%;
	}
	header .navbar-inverse .navbar-nav > li.btn_menu {
	  padding: 4px 0;
	}
	header .navbar-inverse .navbar-nav > li > a {
		padding: 0px 0px 8px 0px;
	}
	header .navbar-right {
		position: unset;
		top: 0px;
	}
	.banner-bg .banner {
		text-align:center;
	}
	.banner-bg .banner .banner-text {
    	padding: 50px 0px 0px 0px;
	}
	.banner-bg .banner .banner-but {
    	padding: 50px 0px 0px 0px;
	}
	.plan-bg .plan-common {
		padding: 20px 0px 0px 0px;
	}
	.plan-bg .cal .calbg .cal1 .cal-title {
        padding: 10px 0px 10px 0px;
        text-align: center;
    }
	.about-bg .about-common {
		padding: 20px 0px 0px 0px;
	}
	.about-bg .about-common .about-para {
		text-align: justify;
	}
	.about-bg .about-right img
	{
		display:none;
	}
	.about-bg .about-common .about-but {
		text-align: center;
	}
	.advan-bg .advan-head p {
		width: 100%;
	}	
	.advan-bg .advan{
		padding: 0px 0px 20px 0px;
		text-align:center;
	}
	.advan-bg .advan .advan1 {
		padding: 20px 0px 20px 0px;
	}
	.advan-bg .advan .advan1 .advan-img {
		width: 100%;
		float: left;
		padding: 0px 0px 10px 0px;
	}
	.advan-bg .advan .advan1 .advan-text {
		width: 100%;
		float: left;
		padding: 0px 0px 0px 0px;
	}
	.how-bg {
		padding: 30px 0px 30px;
	}
	.how-bg .how-head p{
		width: 100%;
	}	
	.how-bg .how-common {
		margin: 10px 0px 0px 0px;
	}
	.stat-bg .stat-back {
		margin: 30px 0px 0px 0px;
	}
	.stat-bg .cert-common {
		margin: 50px 0px 20px 0px;
	}
	.stat-bg .cert-common .cert-head {
		padding: 30px 0px 0px 0px;
	}
	.stat-bg .cert-common .cert-head p {
		margin: 25px 0px 0px 0px;
	}
	.foot-bg .foot-logo {
		text-align: center;
		padding: 10px 0px 0px 0px;
	}
	.foot-bg .foot-text {
		padding: 0px 0px 0px 0px;
		text-align: center;
	}
	.foot-bg .pay-head {
		margin: 30px 0px 0px 0px;
		text-align: center;
	}
	.foot-bg .pay {
		text-align: center;
	}
	.foot-bg .copy {
		margin: 10px 0px 0px 0px;
	}
	.banner-bg .top .top-sta {
		padding: 10px 0px 20px;
		text-align: center;
	}
	.banner-bg .top .top-but {
		padding: 0px 0px 20px;
		text-align: center;
	}


}

@media only screen and (max-width: 767px){
	header {
		width: 100%;
		background: #0f1316 no-repeat top center fixed;
		background-size: cover;
		background-attachment: fixed;
		padding: 0px 0px 15px 0px;
		position: fixed;
		top: 0;
		z-index: 11111;
		border-bottom: 1px solid #10c471;
	}
	header .navbar-inverse {
		text-align: left;
	}
	header .navbar-toggle{ margin: 17px 0 0px; border:0;     background: #10c471; border-radius:0;}
	header .navbar-inverse .navbar-toggle:hover, 
	header .navbar-inverse .navbar-toggle:focus{  background:#eaa82d;}
	header .navbar-inverse .navbar-toggle:hover .icon-bar, 
	header .navbar-inverse .navbar-toggle:focus .icon-bar{ background-color:#f5f5f5;}
	header .navbar-inverse .navbar-nav > li {
	    padding: 6px;
    	width: 100%;
    	text-align: center;
	}
	header .navbar-inverse .navbar-nav > li > a:hover {
		border-bottom:2px solid transparent;
	}
	header .navbar-inverse .navbar-header a {
    	width: 200px;
    	padding: 20px 0px 0px 0px;
	}
	.banner-bg .banner {
    	padding: 60px 0px 0px 0px;
	}
	.how-bg .how-common .how {
		padding: 20px 0px 0px 0px;
	}
	.how-bg .how-common .how .how-img {
		margin: 20px auto 0px;
	}
	.plan-bg .cal .calbg .cal1 .cal-invest {
        width: 310px;
        margin: auto;
    }

}

@media only screen and (max-width: 560px){
	.banner-bg .banner .banner-text h2 {
    	font-size: 32px;
	    line-height: 40px;
	}
	.banner-bg .banner .banner-text h3 {
    	font-size: 32px;
	    line-height: 40px;
	}
	.banner-bg .banner .banner-but {
    	padding: 30px 0px 0px 0px;
	}

}

@media only screen and (max-width: 420px){
	.banner-bg .banner .banner-text h2 {
		font-size: 28px;
		line-height: 40px;
	}
	.banner-bg .banner .banner-text h3 {
		font-size: 28px;
		line-height: 40px;
	}
}

  /**

  * Cart Page Table responsive css Styles.

  **/

  @media only screen and (max-width: 991px) {
/* Force table to not be like tables anymore */
  
  
  
.cart-page table, .cart-page thead, .cart-page tbody, .cart-page th, .cart-page td, .cart-page tr {
	display: block;
}
/* Hide table headers (but not display: none;, for accessibility) */
  
  
  
.cart-page thead tr {
	position: absolute;
	top: -9999px;
	left: -9999px;
}
.cart-page tr {
	border: 1px solid #ccc;
}
.cart-page td {
	border: none;
	border-bottom: 1px solid #eee;
	position: relative;
	padding-left: 50%;
}
.cart-page td:before {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	padding-left: 40px;
	white-space: nowrap;
	font-size: 16px;
	color: #000;
	font-weight: 500;
	background-color: #F9F9F9;
	line-height: 60px;
	text-align: left;
}
.cart-page .table > tbody > tr > td.preview {
	padding: 85px 50px 25px;
}
.cart-page .table > tbody > tr > td {
	padding: 80px 40px 25px;
}
.cart-page .table > tbody > tr > td.del-item {
	text-align: left;
}
/*

  Label the data

  */

.cart-page td:nth-of-type(1):before {
	content: "Preview";
}
.cart-page td:nth-of-type(2):before {
	content: "Product";
}
.cart-page td:nth-of-type(3):before {
	content: "Price";
}
.cart-page td:nth-of-type(4):before {
	content: "Quantity";
}
.cart-page td:nth-of-type(5):before {
	content: "Total";
}
.cart-page td:nth-of-type(6):before {
	content: "Delete Item";
}
}
/******* edited style ******/

  /******* edited style ******/

  /*represent start*/

.represent {
	font-family: 'Titillium Web', sans-serif;
	position: relative;
	width: 100%;
	margin: 0;
}
.represent .title {
	padding-bottom: 15px;
	font-weight: bold;
	text-transform: uppercase;
	text-align: center;
	color: #363636;
}
.represent .sub_title {
	max-width: 600px;
	padding-bottom: 20px;
	text-align: center;
	color: #959595;
	position: relative;
	margin-bottom: 30px;
}
.represent .sub_title:after {
	content: "";
	width: 30%;
	height: 2px;
	background: #363636;
	position: absolute;
	bottom: 0;
	left: 35%;
}
.represent .content {
	min-width: 300px;
	padding-top: 15px;
	padding-bottom: 15px;
}
.represent .content .tie {
	font-size: 21px;
	font-weight: 600;
	text-transform: uppercase;
	padding: 15px 0 6px;
}
.represent .content .cont {
	color: #959595;
	font-size: 15px;
	padding-bottom: 10px;
	text-align: justify;
}
.represent .content .cont:before {
	content: "";
	width: 30%;
	height: 2px;
	background: #e5493a;
	position: absolute;
	bottom: 15px;
	left: 35%;
}
 @media (min-width:992px) {
.represent .title {
	font-size: 30px;
}
.represent .sub_title {
	font-size: 18px;
}
}
 @media (min-width:768px) and (max-width:991px) {
.represent .title {
	font-size: 24px;
}
.represent .sub_title {
	font-size: 16px;
}
}
 @media (max-width:767px) {
.represent .title {
	font-size: 20px;
}
.represent .sub_title {
	font-size: 14px;
}
}
/*represent ends*/
 
  /*register start*/
 
.banner_content {
	width: 100%;
	margin-top: 30px;
	padding: 15px 0;
	background-color: #e2e2e2;
}
.banner_content .banner_tie {
	width: 100%;
	padding: 15px;
	box-sizing: border-box;
}
.banner_content .cont {
	width: 100%;
	padding: 0 15px;
	box-sizing: border-box;
}
.banner_content .cont .text span {
	font-size: 18px;
	text-transform: uppercase;
}
.banner_content .cont textarea {
	width: 100%;
	height: 39px;
	border: 2px solid #d8d8d8;
	margin-bottom: 15px;
	line-height: 33px;
	padding: 0 3px;
}
.refer_link {
	line-height: 60px;
	border-radius: 3px;
	font-size: 18px;
	background-color: #3e3343;
	padding: 0 15px;
	display: inline-block;
	box-sizing: border-box;
	color: #16c9f6;
	margin-bottom: 30px;
}
 @media (max-width:768px) {
.refer_link, .dash_reflink a {
	font-size: 14px !important;
	line-height: 24px;
}
}
.dash_upline, .dash_reflink {
	font-size: 18px;
	color: #000;
}
.dash_upline a, .dash_reflink a {
	display: inline-block;
	font-size: 24px;
	font-weight: 600;
	color: #111930;
}
.dash_upline a:hover, .dash_reflink a:hover {
	text-decoration: none;
}
.dash_referral {
	padding: 30px 0 0;
	border-top: 2px solid #111930;
}
.dash_security .title {
	font-size: 21px;
	font-weight: 600;
	padding: 10px 0;
}
.dash_security .content {
	position: relative;
	display: inline-flex;
	margin-right: 30px;
	width: 150px;
}
.dash_security input[type=radio] {
	opacity: 0;
	position: relative;
	width: 32px;
	height: 32px;
	line-height: 32px;
	z-index: 1;
	cursor: pointer;
}
.dash_security p {
	display: inline-block;
	font-size: 18px;
	line-height: 36px;
	padding-left: 15px;
}
.dash_security input[type=radio] + span {
	display: inline-block;
	position: absolute;
	top: 3px;
	left: 0;
}
.dash_security input[type=radio] + span:before {
	content: url(images/disabled.png);
	width: 32px;
	height: 32px;
}
.dash_security input[type=radio]:checked + span:before {
	content: url(images/enabled.png);
}
.dash_security .dash_btn {
	margin-top: 30px;
}
.dash_edit {
	position: relative;
	margin: 0;
}
.dash_edit .dash_acc_detail {
	background-color: #1498dc;
	color: #fff;
	padding: 30px 0;
}
.dash_edit .dash_acc_detail .cont {
	display: inline-flex;
	width: 100%;
	align-items: center;
}
.dash_edit .dash_acc_detail .tie {
	width: 50%;
	padding: 6px 0;
	font-size: 18px;
}
.dash_edit .dash_acc_detail .form-control {
	display: block;
	width: 100%;
	height: 36px;
	padding: 0 0 0 12px;
	font-size: 18px;
	line-height: inherit;
	color: #fff;
	margin: 0;
	background-color: transparent;
	background-image: none;
	border: none;
	border-radius: 0;
	-webkit-box-shadow: inset 0px 0px 6px rgba(255, 255, 255, 0.30);
	box-shadow: inset 0px 0px 6px rgba(255, 255, 255, 0.30);
	-webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;
	-o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
	transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
}
.dash_edit .dash_acc_detail .form-control:focus {
	border-color: #66afe9;
	outline: 0;
	-webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102,175,233,.6);
	box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102,175,233,.6);
}
/*register ends*/

.get-started {
	min-height: 1080px;
	padding: 30px 0 90px;
	overflow: hidden;
}
.get-started .tablet {
	position: relative;
}
.get-started .tablet::after {
	content: '';
	display: block;
	width: 1046px;
	height: 918px;
	background: url(images/tablet.png) center no-repeat;
	position: absolute;
	top: 55px;
	right: 0;
}
.get-started .polygon-wrapper {
	position: relative;
	margin-top: 355px;
	min-height: 220px;
}
.get-started .polygon-wrapper::before {
	width: 714px;
	height: 823px;
	top: -375px;
	left: -71px;
	background: url(images/polygon-wrapper.png) center no-repeat;
}
.get-started .polygon {
	position: absolute;
	width: 170px;
	height: 196px;
}
.get-started .polygon:hover::before {
	transform: scale(1);
}
.get-started .polygon-1 {
	left: 50%;
	margin-left: -85px;
	top: -310px;
}
.get-started .polygon-1::before {
	background: url(images/polygon-1-hover.png) center no-repeat;
}
.get-started .polygon::before {
	left: -8px;
	width: 186px;
	height: 216px;
	background: url(images/polygon-1-hover.png) center no-repeat;
	z-index: 2;
	transform: scale(.9);
	transition: all .3s ease;
}
.get-started .polygon::after, .get-started .polygon::before {
	top: 0;
	right: 0;
	margin: auto;
	position: absolute;
	bottom: 0;
	content: '';
}
.get-started .polygon-wrapper::after, .get-started .polygon-wrapper::before {
	content: '';
	display: block;
	position: absolute;
}
.get-started .polygon-1 span {
	top: 0;
	left: 50%;
	margin-left: -21px;
}
.get-started .polygon span {
	position: absolute;
	display: block;
	color: #fff;
	font-family: 'Bai Jamjuree', sans-serif;
	font-size: 30px;
	width: 42px;
	height: 42px;
	z-index: 12;
	text-align: center;
}
.get-started .polygon-1::after {
	background: url(images/polygon-1.png) center no-repeat;
}
.get-started .polygon::after {
	width: 100%;
	height: 100%;
	left: 0;
	z-index: 10;
}
.get-started .polygon-wrapper::after {
	width: 553px;
	height: 520px;
	background: url(images/arrow-bg.png) center no-repeat;
	top: -161px;
	right: 49px;
}
.get-started .polygon-2 {
	top: -155px;
	right: -30px;
}
.get-started .polygon-2::before {
	background: url(images/polygon-2-hover.png) center no-repeat;
}
.get-started .polygon-2::after {
	background: url(images/polygon-2.png) center no-repeat;
}
.get-started .polygon-2 span {
	top: 50px;
	right: 0;
}
.get-started .polygon-3 {
	top: 155px;
	right: -30px;
}
.get-started .polygon-3::before {
	background: url(images/polygon-3-hover.png) center no-repeat;
}
.get-started .polygon-3::after {
	background: url(images/polygon-3.png) center no-repeat;
}
.get-started .polygon-3 span {
	top: 110px;
	right: 0;
}
.get-started .polygon-4 {
	left: 50%;
	margin-left: -85px;
	top: 310px;
}
.get-started .polygon-4::before {
	background: url(images/polygon-4-hover.png) center no-repeat;
}
.get-started .polygon-4::after {
	background: url(images/polygon-4.png) center no-repeat;
}
.get-started .polygon-4 span {
	bottom: 0;
	left: 50%;
	margin-left: -21px;
}
.get-started .polygon-5 {
	top: 155px;
	left: -28px;
}
.get-started .polygon-5::before {
	background: url(images/polygon-5-hover.png) center no-repeat;
}
.get-started .polygon-5::after {
	background: url(images/polygon-5.png) center no-repeat;
}
.get-started .polygon-5 span {
	top: 110px;
	left: 0;
}
.get-started .polygon-6 {
	top: -155px;
	left: -28px;
}
.get-started .polygon-6::before {
	background: url(images/polygon-6-hover.png) center no-repeat;
}
.get-started .polygon-6::after {
	background: url(images/polygon-6.png) center no-repeat;
}
.get-started .polygon-6 span {
	top: 50px;
	left: 0;
}
.get-started .get-started-content {
	position: relative;
	z-index: 10;
	width: 100%;
	max-width: 460px;
	text-align: center;
	color: #000;
	margin: 0 auto;
	display: none;
}
.get-started .get-started-content .title {
	font-size: 24px;
	font-family: 'Bai Jamjuree', sans-serif;
	margin-bottom: 30px;
}
.get-started .get-started-content .content {
	font-size: 16px;
	color: #333;
	margin-bottom: 30px;
	font-family: 'Bai Jamjuree', sans-serif;
}
.btn-title-block {
	font-size: 16px;
	color: #fff;
	text-transform: uppercase;
	background: linear-gradient(135deg, #5561b2 40%, #b225f1 100%);
	border-radius: 50px;
	border: 1px solid #9b33e1;
	outline: none;
	display: inline-block;
	box-shadow: inset 0 0 0 0 #eca334;
	transition: 0.7s;
	font-family: 'Bai Jamjuree', sans-serif;
	padding: 10px 30px;
	font-weight: 700;
	margin-top: 10px;
}
.btn-title-block:hover {
	color: #071c56 !important;
	background: #eca334 !important;
	border: 1px solid #eca334 !important;
	transition: 0.7s;
	box-shadow: inset 0 35px 0 0 #eca334;
}
#education {
	padding: 100px 0;
	overflow: hidden;
}
#education .img-wrapper {
	position: relative;
	margin-bottom: 70px;
}

#education .img-wrapper img {
	margin: 0 auto;
	box-shadow: 3px 3px 20px 3px rgba(0,0,0,.5);
}
#education .text-wrapper {
	margin-bottom: 70px;
	font-family: 'Bai Jamjuree', sans-serif;
}
#education .text-wrapper .education-title {
	margin: 85px 0 25px 100px;
	font-size: 30px;
	color: #260a8c;
}
#education .text-wrapper .education-title span {
	display: inline-block;
	width: 100%;
	position: relative;
}
#education .text-wrapper .education-title span::after {
	content: '';
	display: block;
	position: absolute;
	width: 33px;
	height: 38px;
	background: url(images/title-after.png) center no-repeat;
	left: -60px;
	top: 50%;
	margin-top: -19px;
	z-index: 10;
}
#education .text-wrapper .education-description {
	color: #333;
	font-size: 16px;
	margin: 0 0 25px 100px;
}
#education .text-wrapper.right {
	text-align: right;
}
#education .text-wrapper.right .education-title {
	margin: 85px 100px 25px 0;
}
#education .text-wrapper.right .education-title span::after {
	transform: rotate(180deg);
	right: -60px;
	left: auto;
}
#education .text-wrapper.right .education-description {
	margin: 0 100px 25px 0;
}
 @media (max-width: 1199px) {
.get-started .polygon::before {
	display: none;
}
.get-started .polygon {
	width: 150px;
}
.get-started .polygon-1 {
	top: -290px;
	margin-left: -75px;
}
.get-started .polygon-1::after {
	background-size: 100%;
}
.get-started .polygon-2 {
	top: -143px;
	right: -20px;
}
.get-started .polygon-2::after {
	background-size: 100%;
}
.get-started .polygon-3 {
	top: 143px;
	right: -20px;
}
.get-started .polygon-3::after {
	background-size: 100%;
}
.get-started .polygon-4 {
	top: 290px;
	margin-left: -75px;
}
.get-started .polygon-4::after {
	background-size: 100%;
}
.get-started .polygon-5 {
	top: 143px;
	left: -20px;
}
.get-started .polygon-5::after {
	background-size: 100%;
}
.get-started .polygon-6 {
	top: -143px;
	left: -20px;
}
.get-started .polygon-6::after {
	background-size: 100%;
}
.get-started .polygon-1 span {
	top: 18px;
}
.get-started .polygon-4 span {
	bottom: 18px;
}
#education .text-wrapper .education-title {
	margin: 20px 0 25px 100px;
}
#education .text-wrapper.right .education-title {
	margin: 20px 100px 25px 0;
}
}
 @media (min-width: 768px) {
.col-sm-push-6 {
	left: 50%;
}
}
 @media (min-width: 768px) {
.col-sm-pull-6 {
	right: 50%;
}
}
 @media (max-width:991px) {
.get-started .tablet {
	display: none;
}
#education .text-wrapper .education-title {
	margin: 20px 0 25px;
	font-size: 24px;
}
#education .text-wrapper .education-title span::after {
	display: none;
}
#education .text-wrapper .education-description {
	margin: 0 0 25px;
}
#education .text-wrapper.right .education-title {
	margin: 20px 0 25px;
}
#education .text-wrapper.right .education-description {
	margin: 0 0 25px;
}
}
 @media (max-width:767px) {
#education .img-wrapper::before {
	display: none;
}
#education .text-wrapper.right {
	text-align: left;
}
}
 @media (max-width:680px) {
.get-started {
	min-height: 790px
}
.get-started .get-started-content {
	margin: 0 auto
}
}
 @media (max-width:540px) {
.get-started .get-started-content .btn-title-block {
	max-width: 100%;
	margin-left: 13px
}
}
 @media (max-width:680px) {
.get-started .polygon {
	float: left
}
.get-started .polygon-1, .get-started .polygon-2, .get-started .polygon-3, .get-started .polygon-4, .get-started .polygon-5, .get-started .polygon-6 {
	position: relative;
	left: auto;
	right: auto;
	top: auto;
	bottom: auto;
	margin-left: 10px;
	margin-right: 10px
}
.get-started .polygon-wrapper-next {
	display: -ms-flexbox;
	display: flex;
	-ms-flex-pack: center;
	justify-content: center;
	-ms-flex-align: center;
	align-items: center;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap
}
}
 @media (max-width: 680px) {
.get-started .polygon-wrapper {
	width: 100%;
	margin: 0 auto;
}
.get-started .polygon-wrapper::before {
	background: transparent;
}
.get-started .polygon-wrapper::after {
	background: transparent;
}
}
/***************** login starts ************/
  
  
  
.innerpage_banner1 {
	width: 100%;
	background: transparent;
	background-size: cover;
}
.inner_page_infos {
	margin-top: 40px;
	width: auto;
	padding-left: 35px;
	background: transparent;
	padding-right: 35px;
	padding-bottom: 40px;
	display: inline-block;
}
.inner_page_infos h3 {
	font-size: 36px;
	color: #fff;
	font-weight: 700;
	margin: 0px 0px 30px 0px;
	font-family: 'Bai Jamjuree', sans-serif;
	text-transform: uppercase;
}
 @media only screen and (max-width: 1199px) {
.inner_page_infos h3 {
	font-size: 30px;
	color: #fff;
	font-weight: 700;
	margin: 0px 0px 30px 0px;
	line-height: normal;
	font-family: 'Bai Jamjuree', sans-serif;
	text-transform: uppercase;
}
}
 @media only screen and (max-width: 991px) {
.section-table.table-statistic td:last-child, .section-table.table-statistic th:last-child {
	width: 100%;
}
table.responsive.table-vip tr:first-child, table.responsive.table-statistic tr:first-child, table.responsive.history-table tr:first-child {
	display: none;
}
.section-table.table-vip td {
	font-size: 0.8em;
}
.section-table td {
	font-size: 0.8em;
}
.section-table th:first-child, .section-table td:first-child {
	padding-left: 5%;
}
.section-table.table-vip td:last-child, .section-table.table-vip th:last-child {
	width: 100%;
}
.section-table-block .el-table {
	display: none;
}
.section-table.table-statistic td:first-child, .section-table.table-statistic th:first-child {
	width: 100%;
	padding: 4px 1%;
}
.section-table.table-statistic td:last-child, .section-table.table-statistic th:last-child {
	width: 100%;
}
table.responsive,  table.responsive thead,  table.responsive tbody,  table.responsive th,  table.responsive td,  table.responsive tr {
	display: block;
}
table.responsive thead tr {
	position: absolute;
	top: -9999px;
	left: -9999px;
}
table.responsive tr {
	border: 1px solid #ccc;
	margin-bottom: 20px;
}
table.responsive td {
	border: none;
	border-bottom: 1px solid #eee;
	position: relative;
	padding: 4px 1%;
	width: 100%;
	font-size: 13px;
}
table.responsive td::before,  table.responsive td .td-text {
	width: 100%;
	font-size: 13px;
}
table.responsive td::before {
	width: 50%;
	padding-right: 15px;
	text-align: left;
	content: attr(data-content);
	display: block;
	text-transform: uppercase;
}
table.responsive td::after {
	content: "";
	display: table;
	clear: both;
}
}
 @media only screen and (max-width: 440px) {
.section-table .table-link {
	font-size: 10px;
}
}
.inner_page_infos h4 {
	font-size: 20px;
	font-weight: 500;
	color: #ccc;
	margin: 0px 0px 30px 0px;
	font-family: 'Rubik', sans-serif;
	text-transform: uppercase;
}
.inner_page_infos p {
	font-size: 18px;
	font-weight: 400;
	color: #4d4b4b;
	margin: 0px 0px 0px 0px;
	font-family: 'Rubik', sans-serif;
}
.bounty_card-top {
	background: #1f0a6b;
	padding: 25px 0px 45px 0px;
	color: #fff;
	margin: 20px 0;
	border-radius: 3px;
}
.bounty_card-top--bonus {
	font-family: 'Bai Jamjuree', sans-serif;
	text-align: right;
}
.bounty_card-top--title {
	font-size: 20px;
	font-family: 'Bai Jamjuree', sans-serif;
	font-weight: 600;
	text-align: left;
}
.bounty_card-body--description {
}
.bounty_card-body--description p {
	font-size: 14px;
	font-family: 'Bai Jamjuree', sans-serif;
	font-weight: 400;
	color: #444;
	text-align: left;
	margin: 0px 0px 0px 0px;
}
.bounty-img {
	padding: 50px 0px 30px 0px;
	text-align: center;
}
.bounty-img img {
	width: 200px;
	margin: 0px auto 40px;
}
.bounty-img a {
	font-size: 14px !important;
	color: #071c56 !important;
	background: #eca334;
	border-radius: 5px;
	border: 1px solid #eca334 !important;
	outline: none;
	box-shadow: inset 0 0 0 0 #1f0a6b;
	transition: 0.7s;
	text-transform: uppercase;
	padding: 10px 40px !important;
	font-weight: 600;
	margin-left: 5px;
}
.bounty-img a:hover {
	color: #fff !important;
	background: #1f0a6b;
	border: 1px solid #1f0a6b !important;
	transition: 0.7s;
	box-shadow: inset 0 35px 0 0 #1f0a6b;
}
.card_content-text {
	padding: 0;
	line-height: 20px;
}
.card_content-text--list {
	margin-top: 25px;
	border-top: 1px solid #c6c2c2;
	padding-top: 25px;
}
.card_content-text--list p {
	font-family: 'Bai Jamjuree', sans-serif;
	font-weight: 600;
	color: #444 !important;
	font-size: 18px !important;
	margin: 0px 0px 10px 0px;
}
.card_content-text--list ul {
	padding: 0;
}
.card_content-text--list ul li {
	list-style: none;
	padding: 2px 0px !important;
	font-family: 'Bai Jamjuree', sans-serif;
	font-weight: 400;
	color: #444;
}
.card_content-text--list1 {
	padding-top: 15px;
}
.card_content-text--list1 p {
	margin: 2px 0px 0px 0px;
	font-family: 'Bai Jamjuree', sans-serif;
	font-weight: 400;
	color: #444;
	font-size: 14px;
}
.card_content-text--list1 p span {
	color: #9636de;
}
.card_content-text--list1 p span:hover {
	color: #444;
}
.bounty-review {
	text-align: center;
}
.bounty_review-block-title {
	text-align: center;
	background: #444;
	color: #fff;
	display: inline-block;
	margin: 60px auto 60px auto;
	padding: 20px 25px;
	border-radius: 100px;
}
.innerpage_banner {
    min-height: 120px;
    width: 100%;
    background-attachment: fixed;
    /* background: transparent; */
    background-size: cover;
    position: relative;
    margin: -100px 0px 0px 0px;
}
.inner_page_info {

}
.inner_page_info h3 {
	font-size: 26px;
    color: #fff;
    font-weight: 600;
    font-family: 'Open Sans', sans-serif;
    letter-spacing: 0.04em;
    text-transform: uppercase;
    margin: 20px 0px 10px 0px;
}
.inner_page_info h3 span {
	color: #f5cd3f;
}
 @media only screen and (max-width: 1199px) {
}
 @media only screen and (max-width: 560px) {
.inner_page_info h3 {
	font-size: 27px;
}
.inner_page_info h3:after {
	display: none;
}
}
.full {
	text-align: center;
}
.heading_main {
	float: left;
	width: 100%;
	text-align: center;
	margin-bottom: 35px;/*margin-top: 30px;*/
  
}
.heading-main h2 {
	font-size: 45px;
	color: #222;
	line-height: 36px;
	font-weight: 400;
	text-transform: none;
	line-height: normal;
	letter-spacing: -0.5px;
	font-family: 'Rubik', sans-serif;
	text-transform: uppercase;
}
.heading_main span {
	color: #550ae7;
	font-family: 'Rubik', sans-serif;
	font-weight: 700;
	font-size: 38px;
	text-transform: uppercase;
}
.heading_main span::after {
	border-bottom: solid #ff7300 4px;
	color: #fff;
	padding-bottom: 15px;
	content: "";
	display: block;
	width: 120px;
	margin: 0 auto -10px;
}
.main_title {
	width: 100%;
	margin-bottom: 30px;
}
.main_title h2 {
	font-size: 33px;
	font-family: 'Rubik', sans-serif;
}
.main_title span {
	font-size: 33px;
	font-weight: 400;
	font-family: 'Rubik', sans-serif;
	padding-top: 20px;
	display: inline-block;
	width: 100%;
	color: #6f8ef3;
}
.form_block {
	width: 100%;
	display: inline-block;
	margin-bottom: 30px;
}
.form_block span {
	width: 100%;
	display: inline-block;
	position: relative;
}
.form_block span a {
	color: #f3ca3d;
	font-size: 16px;
	font-weight: bold;
	transition: 0.7s;
}
.form_block span a:hover {
	color: #3ea584;
	transition: 0.7s;
}
.form_block span [type="text"], .form_block span [type="email"], .form_block span [type="password"], .form_block span [type="number"], .form_block span textarea {
	padding: 0 60px 0 0;
}
.form_block.dark span [type="text"], .form_block.dark span [type="email"], .form_block.dark span [type="password"], .form_block span.dark [type="number"], .form_block span.dark textarea {
	color: #000000;
}
.form_block span i {
	font-size: 20px;
    /* color: #fdf4a2; */
    position: absolute;
    left: 8px;
    top: 8px;
    width: 40px;
    height: 40px;
    line-height: 40px;
    text-align: center;
    background: transparent;
    /* border-radius: 0px; */
    /* border-right: 1px solid #fdf4a2;*/
}
.form_box {
	width: 100%;
	display: inline-block;
	padding: 30px 0px 30px;
	margin-bottom: 0px;
	background: transparent;
	background-size: cover;
	font-family: 'Rubik', sans-serif;
}
.form_box h2 {
	text-align: center;
	padding: 15px 0;
	color: #3ea584;
}
.forgot_pwd span {
	font-size: 14px;
	color: #fff;
	text-transform: capitalize;
}
.forgot_pwd span a {
	font-size: 14px;
	color: #e9b92e;
	float: right;
}
.inner-bg {
	background: #01112a url(images/about-bg.jpg) no-repeat top center;
	background-size: cover;
	padding: 0px 0px 0px 0px;
}
.success {
	background: linear-gradient(1deg, #171858, #2b792b);
	background-size: 400% 400%;
	-webkit-animation: AnimationName 5s ease infinite;
	-moz-animation: AnimationName 5s ease infinite;
	animation: AnimationName 5s ease infinite;
	border-radius: 0;
	box-shadow: 0 -1px 0 rgba(0, 0, 0, 0.15) inset;
	color: #fff;
	font-size: 12px;
	padding: 1px 10px;
	opacity: 0.7;
	display: inline-block;
}
.msg {
	color: #000;
	font-size: 13px;
	margin: 10px 0;
	text-align: center;
}
.msg.black {
	color: #fff;
}
.frmcont.textarea span i {
	bottom: inherit;
	top: 0;
}
.error {
	background: linear-gradient(1deg, #171858, #b93b37);
	background-size: 400% 400%;
	-webkit-animation: AnimationName 5s ease infinite;
	-moz-animation: AnimationName 5s ease infinite;
	animation: AnimationName 5s ease infinite;
	border-radius: 0;
	box-shadow: 0 -1px 0 rgba(0, 0, 0, 0.15) inset;
	color: #fff;
	font-size: 12px;
	padding: 1px 10px;
	opacity: 0.7;
	display: inline-block;
}
.msg li {
	display: inline-block;
	list-style-type: none;
	margin: 5px 0;
}
.after_reg {
	color: #fff;
	font-family: 'Open Sans', sans-serif;
}
.after_reg h3 {
	color: #fff;
	font-size: 23px;
}
.login-but {
	padding: 20px 0px 20px;
	text-align: center;
}
.login-but a {
	font-family: 'Open Sans', sans-serif;
    font-size: 18px;
    font-weight: 600;
    color: #fff;
    background: #3ea584;
    border: 1px solid #3ea584;
    padding: 10px 50px;
    margin: 0px 0px 0px 0px;
    border-radius: 50px;
    text-transform: capitalize;
    transition: 0.7s;
    display: inline-block;
    transition-duration: .5s;
    transition-property: transform;
    position: relative;
    text-transform: uppercase;
}
.login-but a:hover {
	color: #fff;
    background: transparent;
    border: 1px solid #3ea584;
    transition: 0.7s;
    box-shadow: 0px 0px 10px #3ea584;
    transform: translateY(10px);
    animation-name: hang;
    animation-duration: 1.5s;
    animation-delay: $defaultDuration;
    animation-timing-function: linear;
    animation-iteration-count: infinite;
    animation-direction: alternate;
}
.after_reg p {
	margin-bottom: 10px;
}
.after_reg b {
	color: #3ea584;
	font-size: 18px;
}
.msg .error i {
	background-color: #b93b37;
	color: #fff;
}
.msg .success i {
	background-color: #2b792b;
	color: #fff;
}
.msg i {
	margin-right: 5px;
	padding: 10px;
}
 @-webkit-keyframes AnimationName {
 0% {
background-position:63% 0%
}
 50% {
background-position:38% 100%
}
 100% {
background-position:63% 0%
}
}
 @-moz-keyframes AnimationName {
 0% {
background-position:63% 0%
}
 50% {
background-position:38% 100%
}
 100% {
background-position:63% 0%
}
}
 @keyframes AnimationName {
 0% {
background-position:63% 0%
}
 50% {
background-position:38% 100%
}
 100% {
background-position:63% 0%
}
}
  
  
  
  ::-webkit-input-placeholder { /* Chrome/Opera/Safari */
 color: rgba(255, 255, 255, 0.5);
}

  ::-moz-placeholder { /* Firefox 19+ */
 color: rgba(255, 255, 255, 0.5);
}

  :-ms-input-placeholder { /* IE 10+ */
 color: rgba(255, 255, 255, 0.5);
}

  :-moz-placeholder { /* Firefox 18- */
 color: rgba(255, 255, 255, 0.5);
}
/***************** login ends ************/

  
  /***************** signup starts ************/
 
.sign_bg {
 
}
.regpage {
	position: relative;
	width: 100%;
	min-width: 300px;
	max-width: 450px;
	box-sizing: border-box;
	padding: 30px;
	box-shadow: 0px 1px 12px 6px;
	background-color: #ff671e66;
	border: 5px solid #f54801;
	border-radius: 20px;
}
.regpage .main_tie {
	font-family: 'Rajdhani', sans-serif;
	padding-bottom: 30px;
	font-size: 30px;
	font-weight: bold;
	color: #000;
}
.regpage table tr td {
	border-bottom: 20px solid transparent;
	color: #3e3343;
}
.regpage table {
	width: 100%;
}
.regpage .table-responsive {
	border: none;
}
.regpage table .inpts, .regpage table textarea {
	position: relative;
	max-width: 300px;
	height: 39px;
	width: 100%;
}
.regpage table tr td, .regpage table tr td a, .regpage table .sbmt {
	font-family: 'Rajdhani', sans-serif;
	font-weight: 600;
	font-size: 18px;
}

  ::-webkit-input-placeholder { /* Chrome/Opera/Safari */
 color: rgba(255, 255, 255, 0.5);

}

  ::-moz-placeholder { /* Firefox 19+ */
 color: rgba(255, 255, 255, 0.5);
}

  :-ms-input-placeholder { /* IE 10+ */
 color: rgba(255, 255, 255, 0.5);
}

  :-moz-placeholder { /* Firefox 18- */
 color: rgba(255, 255, 255, 0.5);
}
/***************** signup ends ************/

  /***************** support starts ************/
 
.sup_bg {
  
}
.supage .supageright {
	width: 100%;
	min-width: 300px;
	max-width: 450px;
	background-color: #fff;
	padding: 30px;
	box-shadow: 0px 0px 12px 6px rgba(0, 0, 0, 0.3);
	background-color: #ff671e66;
	border: 5px solid #f54801;
	box-shadow: 0px 1px 12px 6px;
	border-radius: 20px;
	margin-bottom: 40px;
}
.supage .supageright img {
	max-width: 100%;
	padding-bottom: 18px;
}
.supage .supageright .sup-head {
	padding-top: 13px;
	line-height: 50px;
	text-align: center;
	font-size: 30px;
	font-weight: bold;
	color: #6b1d0b;
}
.supage .supageleft {
	width: 100%;
	min-width: 300px;
	max-width: 450px;
	background-color: #fff;
	padding: 30px;
	box-shadow: 0px 0px 12px 6px rgba(0, 0, 0, 0.3);
	background-color: #ff671e66;
	border: 5px solid #f54801;
	box-shadow: 0px 1px 12px 6px;
	border-radius: 20px;
	margin-bottom: 40px;
}
.supage .main_tie {
	font-family: 'Rajdhani', sans-serif;
	padding-bottom: 30px;
	font-size: 30px;
	font-weight: bold;
	color: #000;
}
.supage .supageleft .table-responsive {
	border: none;
}
.supage .supageleft table {
	width: 100%;
}
.supage .supageleft table tr td {
	border-bottom: 20px solid transparent;
	color: #3e3343;
}
.supage .supageleft .inpts, .supage .supageleft table textarea {
	position: relative;
	max-width: 300px;
	width: 100%;
}
.supage .supageleft .inpts {
	height: 39px;
}
.supage .supageleft table tr td, .supage .supageleft table tr td a, .supage .supageleft table .sbmt {
	font-family: 'Rajdhani', sans-serif;
	font-weight: 600;
	font-size: 18px;
}
.sup_bg .table-responsive {

  
  
  
}
/***************** support ends ************/

  /***************** Dashboard starts ************/
 
.user_page {
	width: 100%;
	position: relative;
	border: none;
	overflow-x: hidden;
	background-color: #fff;
	padding: 30px;
	box-sizing: border-box;
}
 @media screen and (max-width: 420px) {
.user_page {
	padding: 30px 10px;
}
}
.user_page .list {
	width: 100%;
	height: 180px;
	margin-bottom: 30px;
	padding: 15px;
	color: #fff;
	border: 1px solid #e41b05;
	background: #323254;
}
.user_page .list:first-child { 
}
.user_page .list p {
	font-size: 21px;
	line-height: 36px;
}
.user_page .list span, .dash_title {
	font-size: 24px;
	display: block;
	font-weight: bold;
}
.dash_cont {
	font-size: 16px;
	display: block;
	color: #9c9c9c;
}
.user_page .content, .dash_referral .content {
	display: inline-block;
	float: none;
	min-width: 245px;
	max-width: 315px;
	padding: 15px 0 15px 6%;
	margin-bottom: 15px;
	margin-right: 15px;
	box-sizing: border-box;
	background-color: #e2e2e2;
	text-align: left;
	background-image: url(images/chart.png);
	background-repeat: no-repeat;
	background-position-x: 93%;
	background-position-y: 69%;
}
.user_page .content .tie, .dash_referral .content .tie {
	font-size: 18px;
}
.user_page .content .num, .dash_referral .content .num {
	font-family: 'Oswald', sans-serif;
	font-size: 27px;
	font-weight: 600;
	color: #111930;
	;
}
.inner-content {
	padding: 45px 0 100px 0px;
	font-family: 'Source Sans Pro', sans-serif;
	font-size: 16px;
	line-height: 24px;
	color: #808080;
}
.innerContentTitle {
	font-family: 'Roboto Slab', serif;
	font-weight: 400;
	font-size: 30px;
	color: #1e1e1e;
	margin-bottom: 27px;
}
.innerContentTitle span {
	font-weight: 300;
}
.innerContentSubTitle {
	background: #101010;
	font-family: 'Source Sans Pro', sans-serif;
	color: #ffffff;
	font-size: 18px;
	text-transform: uppercase;
	padding: 10px 0px 10px 20px;
	margin: 0px;
	overflow: hidden;
}
.innerContentSubTitle label {
	float: right;
	text-align: right;
	font-weight: normal;
	padding-right: 20px;
}
.statusDis {
	max-width: 280px;
	height: 150px;
	width: 100%;
	margin-right: 15px;
	background-color: #f85c37;
	text-align: center;
	color: #fff;
	float: left;
	padding-top: 27px;
}
.adminStatusDisplay .statusDis h2 {
	font-family: 'Source Sans Pro', sans-serif;
	font-size: 30px;
	margin: 20px 0px;
}
.adminStatusDisplay .statusDis h4 {
	font-family: 'Source Sans Pro', sans-serif;
	font-size: 18px;
	margin: 5px 0px;
	text-transform: uppercase;
}
h3.depositWithdrwaInfo {
	background: #f54801;
	font-family: 'Source Sans Pro', sans-serif;
	color: #ffffff;
	font-size: 18px;
	text-transform: uppercase;
	padding: 17px 10px 17px 10px;
	margin: 0px;
	overflow: hidden;
	text-align: center;
}
h5.affiliateLink {
	background: #000;
	font-family: 'Source Sans Pro', sans-serif;
	color: #fff;
	font-size: 18px;
	padding: 25px 10px 30px 10px;
	margin: 0px;
	overflow: hidden;
	text-align: center;
	margin-bottom: 10px;
}
h5.affiliateLink a {
	color: #f2730b;
}
.amtDetails {
	padding: 20px 0px;
}
.amtDetails .amtDis {
	width: 100%;
	height: 62px;
	border: 1px solid #969696;
	padding: 10px;
	overflow: hidden;
	margin-bottom: 10px;
}
.amtDetails .amtDis .nAme {
	width: 60%;
	height: 40px;
	float: left;
	background-color: #0d0625;
	color: #ef9043;
	font-family: 'Source Sans Pro', sans-serif;
	font-size: 16px;
	line-height: 38px;
	text-transform: uppercase;
	padding-left: 20px;
}
.amtDetails .amtDis .aMt {
	width: 40%;
	height: 40px;
	float: left;
	background-color: #c8c8c8;
	color: #06123c;
	font-family: 'Source Sans Pro', sans-serif;
	font-weight: 600;
	font-size: 18px;
	line-height: 38px;
	padding-left: 20px;
}
.inner-content h5.affiliateLink a {
	color: #ffffff;
	text-decoration: none;
}
.inner-content h5.affiliateLink a:hover {
	color: #ffffff;
	text-decoration: underline;
}
.adminStatusDisplay .statusDis:last-child {
	margin-right: 0px;
}
.adminStatusDisplay .statusDis {
	max-width: 280px;
	height: 150px;
	width: 100%;
	margin-right: 15px;
	background-color: orange;
	text-align: center;
	color: #101010;
	float: left;
	padding-top: 27px;
}
.adminStatusDisplay {
	padding: 20px 0px 20px 0px;
}
.amountDeposit {
	padding: 12px 0px 18px;
}
.amountDeposit .dollar {
	width: 77px;
	height: 52px;
	float: left;
	padding-left: 22px;
	font-family: 'Source Sans Pro', sans-serif;
	font-size: 30px;
	color: #18428c;
	line-height: 48px;
}
.amountDeposit .amt {
	width: 270px;
	height: 50px;
	float: left;
	padding-left: 22px;
	font-family: 'Source Sans Pro', sans-serif;
	font-size: 30px;
	color: #18428c;
	line-height: 48px;
}
.depositFunds {
	padding: 8px 0px;
}
.depositFunds .fundsFrom {
	width: 290px;
	height: 40px;
	background: url("../images/fundsFromBg.jpg") no-repeat 0 4px;
	border: 1px solid #c8c8c8;
	margin: 10px 0px;
	padding-left: 30px;
	font-family: 'Source Sans Pro', sans-serif;
	font-size: 16px;
	line-height: 38px;
	color: #555555;
}
.clearfix {
	clear: both;
}
.spendBut {
	width: 170px;
	height: 50px;
	background-color: #18428c;
	font-family: 'Source Sans Pro', sans-serif;
	font-size: 16px;
	text-align: center;
	line-height: 49px;
	color: #f7c524;
	text-transform: uppercase;
	border: none;
}
.spendBut:hover {
	background-color: #2554a8;
}
.adminPlans {
	padding: 30px 0px 40px 0px;
}
.adminPlans .plan {
	width: 190px;
	height: 120px;
	float: left;
	background: url("../images/planBg.jpg") no-repeat 0 0;
	margin-left: 10px;
	margin-right: 10px;
	margin-bottom: 20px;
}
.adminPlans .plan h1 {
	font-family: 'Roboto Slab', serif;
	font-weight: 700;
	font-size: 50px;
	color: #18428c;
	padding: 0px;
	margin: 0px;
	text-align: center;
}
.adminPlans .plan h3 {
	font-family: 'Roboto Slab', serif;
	font-weight: 400;
	font-size: 18px;
	color: #01182b;
	margin: 0px;
	padding: 4px 0 7px;
	text-align: center;
}
.adminPlans .plan h4 {
	font-family: 'Comfortaa', cursive;
	font-weight: 700;
	font-size: 17px;
	color: #ebebeb;
	margin: -13px;
	padding: 6px 0;
	text-align: center;
}
.dash_tie span {
	line-height: 36px;
	font-size: 24px;
	color: #3e3343;
	font-weight: bold;
	display: block;
	border-bottom: 2px solid #111930;
	margin-bottom: 20px;
	text-align: left;
	font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
}
.dash_detail {
	position: relative;
	min-width: 300px;
	border: 3px solid #16c9f6;
	max-width: 480px;
	display: inline-table;
	min-height: 120px;
	margin-right: 6%;
	box-sizing: border-box;
	padding: 10px 15px;
	padding-left: 50px;
	background-image: url(images/banner-3.jpg);
	background-position: center;
	margin-bottom: 30px;
}
.dash_detail .dash_pic {
	position: absolute;
	left: -15%;
	width: 90px;
	height: 90px;
	top: 15px;
}
.dash_detail .dash_pic img {
	max-width: 100%;
	border: 3px solid #16c9f6;
	border-radius: 50%;
	background-color: #324a5e;
}
.dash_detail .dash_text p {
	text-transform: inherit;
	color: #000;
	font-size: 15px;
	line-height: 30px;
	font-weight: 500;
	font-family: 'Raleway', sans-serif;
	text-align: left;
}
.dash_detail .dash_text p span {
	float: right;
}

  /***************** Dashboard end ************/

  /********** registration part Media query **********/

  @media (min-width:1200px) {
.mega_tourch {
	height: 28%;
}
.mega_tourch .touch {
	left: 12%;
}
}
 @media (min-width:992px) and (max-width:1199px) {
.mega_tourch {
	height: 20%;
}
.mega_tourch .touch {
	left: 12%;
}
}
 @media (min-width:600px) and (max-width:991px) {
.mega_tourch {
	height: 15%;
}
.mega_tourch .touch {
	left: 9%;
}
}
 @media (max-width:600px) {
.mega_tourch {
	height: 9%;
}
.mega_tourch .touch {
	left: 6%;
}
}
 @media (max-width:992px) {
.box6, .box6 p, .box6 a {
	width: 100%;
	font-family: 'Rubik', sans-serif;
	font-size: 100%;
	line-height: 24px;
	color: #fff;
	border: none;
}
input, textarea {
	width: auto;
	height: auto;
}

input[type=submit] {
	width: auto;
	background: #3ea584;
	border: 1px solid #3ea584;
	color: #fff;
}
input[type=submit]:hover {
/*	background: #fff;
	color: #e41b05;
	border: 1px solid #fed98d;*/
}
}

  /********** account-main page **********/

  @media (max-width:420px) {
.member_detail, .member_detail table {
	font-size: 100%;
}
}
 
.tik, .users {
	width: 100%;
}
.tik .contents1 p {
	position: relative;
	width: 100%;
	color: #202223;
}
.tik .contents1 span {
	height: 100px;
	width: 100px;
	border-radius: 50%;
	background-color: #242e35;
	position: absolute;
	left: 40px;
}
.tik .contents1 span img {
	padding: 15px 0;
}
.tik .contents1 {
	padding: 20px 0px;
	text-align: center;
	line-height: 45px;
	position: relative;
	background-color: #f3af27;
	width: 180px;
	margin: 10px;
	display: inline-block;
}
.member_detail {
	font-family: 'Roboto', sans-serif;
	border-radius: 5px;
}
.member_detail .left, .member_detail .rightmembox {
	height: auto;
	background: rgba(255, 255, 255, 0.25);
	margin-bottom: 30px;
}
.member_detail .left .boxcontent, .member_detail .rightmembox .boxcontent {
	border: 2px solid #192134;
	box-sizing: border-box;
	padding: 15px;
	border-radius: 5px;
	width: 100%;
}
.member_detail .left .memtitlebox, .member_detail .rightmembox .memtitlebox {
	background: #00bff3;
	color: #FFFFFF;
	padding: 13px 20px;
	text-align: center;
	font-size: 16px;
	border-radius: 5px;
	text-transform: uppercase;
}
.member_detail .left .boxcontent .usimg {
	text-align: center;
	width: 100%;
	margin: 10px 0px 10px 0px;
}
.member_detail table tr td {
	border-bottom: 1px solid #012670;
	/* border-left: 1px solid #ffcc00; */
  
  
  
	color: #012670;
	line-height: 30px;
}
 
 @media (min-width:993px) {
.sidebar {
	display: none;
}
.dash_head {
	background-image: url(images/dash.png);
	background-position: 10px;
	background-repeat: no-repeat;
	background-color: #790b57;
	padding: 30px 15px;
	width: 240px;
	border-bottom: 1px solid #fff;
}
.dash_head p {
	color: #fff;
	font-size: 24px;
	padding-left: 64px;
}
}
 @media (max-width:993px) {
.left-navigation .fullnav li {
	display: inline-block;
}
.right-navigation .table-responsive {
	border: none;
}
.right-navigation {
	width: 96%;
	position: relative;
	left: 0px;
	padding-right: 0;
}
.sidebar .menutxt {
	font-size: 16px;
	width: 270px;
	float: left;
	text-decoration: none;
	line-height: 50px;
	color: #fff;
	background-color: #790b57;
}
.sidebar .menutxt:hover {
	color: #202223;
	text-decoration: underline;
	background-color: #16c9f6;
}
.sidebar .full_menu ul li a {
	display: block;
	color: #fff;
	font-family: 'Titillium Web', sans-serif;
	text-transform: uppercase;
	font-size: 15px;
	line-height: 50px;
	text-align: left;
}
.sidebar .dash_head {
	display: block;
	background-image: url(images/dash.png);
	background-position: 10px;
	background-repeat: no-repeat;
	background-color: #790b57;
	padding: 30px 15px;
	width: 100%;
	border-bottom: 1px solid #fff;
}
.sidebar .dash_head p {
	color: #fff;
	font-size: 24px;
	padding-left: 64px;
}
.sidebar ul {
	margin: 0;
}
.sidebar {
	min-height: 758px;
	z-index: 5;
	position: absolute;
	top: 15%;
	left: 0;
	bottom: 0;
	width: 270px;
	background: #000;
	text-align: center;
	color: #fff;
	-webkit-transform: translate3d(-270px, 0, 0);
	-moz-transform: translate3d(-270px, 0, 0);
	-ms-transform: translate3d(-270px, 0, 0);
	-o-transform: translate3d(-270px, 0, 0);
	transform: translate3d(-270px, 0, 0);
}
.show {
	-webkit-transform: translate3d(0, 0, 0);
	-moz-transform: translate3d(0, 0, 0);
	-ms-transform: translate3d(0, 0, 0);
	-o-transform: translate3d(0, 0, 0);
	transform: translate3d(0, 0, 0);
	-webkit-transition: all 300ms cubic-bezier(0.68, 0, 0.265, 1);
	-webkit-transition: all 300ms cubic-bezier(0.68, -0.55, 0.265, 1.55);
	-moz-transition: all 300ms cubic-bezier(0.68, -0.55, 0.265, 1.55);
	-o-transition: all 300ms cubic-bezier(0.68, -0.55, 0.265, 1.55);
	transition: all 300ms cubic-bezier(0.68, -0.55, 0.265, 1.55);/* easeInOutBack */
  
}
.animate {
	-webkit-transition: all .3s;
	-moz-transition: all .3s;
	-ms-transition: all .3s;
	-o-transition: all .3s;
	transition: all .3s;
}
.fixed_menu {
	width: 30px;
	height: 100%;
	background: #3e3343;
	position: absolute;
	right: -30px;
	top: 0px;
	font-size: 18px;
	box-sizing: border-box;
	padding: 10px 3px;
	cursor: pointer;
}
.fixed_menu .text_title {
	position: absolute;
	right: -100px;
	top: 150px;
	color: #fff;
	width: 233px;
	text-align: right;
	-webkit-transform: rotate(-90deg);
	-moz-transform: rotate(-90deg);
	-ms-transform: rotate(-90deg);
	-o-transform: rotate(-90deg);
	transform: rotate(-90deg);
}
.animate span {
	display: block;
	width: 100%;
	height: 4px;
	background-color: #fff;
}
.animate span + span {
	margin-top: 4px;
}
}
#formname_main {
	color: #fff;
	text-transform: capitalize;
	font-size: 32px;
	text-align: center;
	border-radius: 0px;
	margin: 0 auto;
	font-weight: bold;
}
 @media (min-width:992px) {
.box6 {
	width: 100%;
	font-family: 'Rubik', sans-serif;
	font-size: 15px;
	line-height: 24px;
	color: #fff;
	padding: 30px 0;
	border: none;
}
#formname {
	text-align: center;
	text-transform: uppercase;
	color: #000000;
	font-size: 21px;
	border: 3px solid #09b719;
}
}
.btn-default.active.focus, .btn-default.active:focus, .btn-default.active:hover, .btn-default:active.focus, .btn-default:active:focus, .btn-default:active:hover, .open>.dropdown-toggle.btn-default.focus, .open>.dropdown-toggle.btn-default:focus, .open>.dropdown-toggle.btn-default:hover {
	background: #fff;
	color: #e05057;
	border: 1px solid #e05057;
}
input.sbmt {
	background: #3ea584;
    color: #fff !important;
    border: 1px solid #3ea584;
    padding: 10px 42px;
    font-size: 18px;
    outline: none;
    -webkit-transition: all ease 0.8s;
    -moz-transition: all ease 0.8s;
    transition: all ease 0.8s;
    text-transform: capitalize;
    font-weight: 600;
    font-family: 'Open Sans', sans-serif;
    border-radius: 50px;
    margin-top: 15px;
    outline: none;
    text-transform: uppercase;
}
input.sbmt:hover {
	color: #10c471;
    background: transparent;
    border: 1px solid #10c471;
    transition: 0.7s;
    box-shadow: 0px 0px 10px #10c471;
    transform: translateY(10px);
    animation-name: hang;
    animation-duration: 1.5s;
    animation-delay: $defaultDuration;
    animation-timing-function: linear;
    animation-iteration-count: infinite;
    animation-direction: alternate;
}
.com-page input[type="text"], .com-page input[type="passowrd"], .com-page input[type="email"], .com-page input[type="number"] {
	color: #000;
}
.form-control {
	display: block;
	width: 96%;
	height: 34px;
	padding: 6px 12px;
	font-size: 14px;
	line-height: 1.42857143;
	color: #555;
	margin: 0 auto;
	background-color: #fff;
	background-image: none;
	border: 1px solid #ccc;
	border-radius: 4px;
	-webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
	box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
	-webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;
	-o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
	transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
}
#formname_sub {
	color: #222;
	text-transform: uppercase;
	font-size: 18px;
	text-align: center;
	padding: 10px;
	width: 400px;
	border-bottom: 5px solid #222;
	margin: 5px 0px;
	font-family: 'Courgette', cursive;
}
.alls {
	height: auto !important;
}
span#menu-icon {
	height: 51px;
	float: left;
	width: 55px;
	margin-right: 10px;
}
table.account_table {
	font-size: 16px;
	width: 100%;
	float: left;
	text-decoration: none;
	line-height: 50px;
	font-weight: bold;
	color: white;
	padding: 0;
	margin-left: 6px;
	margin-top: 6px;
}
table.account_table img {
	max-width: 100%;
	border-radius: 7px;
}
table.account_table img a {
	opacity: 0.4;
	filter: alpha(opacity=40);
}
table.account_table img a:hover {
	opacity: 1.0;
	filter: alpha(opacity=100);
	text-decoration: none;
}
.account_table img {
	max-width: 100%;
}
.account_table img:hover {
	transform: scale(1.1);
	transition: all 300ms ease-in-out;
	-ms-transition: all 300ms ease-in-out;
}
table.make_deposit td.second {
	background: #242e35;
	color: #fff;
	padding: 10px;
}
table.make_deposit td.first {
	background: #242e35;
	color: #fff;
	padding: 10px;
	font-family: 'Courgette', cursive;
}
.memberuser {
	float: left;
	width: 100%;
	height: 100px;
}
.memberuser table tr td {
	color: #FF0000;
	font-family: 'Courgette', cursive;
	font-size: 16px;
}
.left-navigation .navigation ul {
	background-color: #10101059;
	box-sizing: border-box;
	padding: 20px 0;
	list-style: none;
}
.left-navigation .navigation, .right-navigation .navigation {
	margin: 0;
}
.right-navigation {
	padding: 30px 0;
}
.register {
	padding: 30px;
	box-sizing: border-box; 
}
 @media screen and (min-width: 992px) {
.left-navigation {
	min-width: 270px;
	max-width: 315px;
}
}
 @media screen and (max-width: 991px) {
.right-navigation {
	padding: 30px 0 30px 15px;
}
}
.navigation {
	opacity: 1;
	margin-top: 0px;
	padding: 0;
}
.navigations td {
	font-family: 'Courgette', cursive;
	color: #E7BA04;
	font-size: 18px;
	border: 1px solid;
	border-color: #fff;
	padding: 0;
	background-color: #1f1f1f;
	-webkit-transition: all ease 0.8s;
	-moz-transition: all ease 0.8s;
	transition: all ease 0.8s;
}
.navigations th {
	font-family: 'Courgette', cursive;
	color: #FFFFFF;
	font-size: 20px;
	border-color: #666a6b;
	background-color: #7545b4;
}
.navigations td:hover {
	font-family: 'Courgette', cursive;
	color: #E7BA04;
	font-style: Narrow;
	font-size: 18px;
	padding-left: 20px;
	border: 1px solid #fff; 
	color: #08072b;
	background-color: #eaa22f;
}
.register table {
	background-image: url(images/banner_10.jpg);
	background-position: center;
	background-size: cover;
}
.register table tr th {
	color: #fff;
	padding: 15px;
	text-align: left;
	box-sizing: border-box;
	font-size: 16px;
}
.register table tr td {
	font-size: 15px;
	color: #000;
	line-height: 18px;
	border-radius: 3px;
	padding: 15px;
	border: 1px solid transparent;
	text-align: left; 
}
  
.table_r {
	width: 100%;
	height: auto;
}
.table_r .table_r1 {
	width: 64.5%;
	height: 200px;
	background: #fff;
	float: left;
	font-family: 'Courgette', cursive;
	border-radius: 0px;
	margin: 0px 0px 0px 0px;
}
.table_r .table_r1 .left {
	float: left;
	width: 44%;
	margin: 10px 0px 0px 0px;
}
.table_r .table_r1 .left img {
	max-width: 100%;
}
.table_r .table_r1 .right {
	float: left;
	width: 50%;
	margin: 0px 0px 0px 0px;
}
.table_r .table_r1 .right .text1 {
	color: #fff;
	font-family: 'Courgette', cursive;
	font-size: 25px;
	text-transform: uppercase;
	padding: 55px 0px 0px 0px;
	font-weight: bold;
}
.table_r .table_r1 .right .text2 {
	color: #fff;
	font-family: 'Open Sans', sans-serif;
	font-size: 25px;
	font-weight: 600;
	text-transform: inherit;
	padding: 13px 0px 0px 20px;
	font-weight: bold;
}
.table_r .table_r1 .reg {
	float: left;
	width: 50%;
	background: #3f78ea;
	height: 75px;
	border-radius: 0px 0px 0px 0px;
	margin: 20px 0px 0px 0px;
}
.table_r .table_r1 .reg .title {
	font-family: 'Ubuntu', sans-serif;
	font-size: 18px;
	text-transform: inherit;
	color: #fff;
	font-weight: 500;
	text-align: center;
	margin: 16px 0px 0px 0px;
}
.table_r .table_r1 .reg .subtitle {
	font-family: 'Ubuntu', sans-serif;
	font-size: 18px;
	text-transform: inherit;
	color: #fff;
	font-weight: 500;
	text-align: center;
	margin: 2px 0px 0px 0px;
}
.table_r .table_r1 .last {
	float: left;
	width: 50%;
	background: #003399;
	height: 75px;
	border-radius: 0px 0px 0px 0px;
	margin: 20px 0px 0px 0px;
}
.table_r .table_r1 .last .title {
	font-family: 'Ubuntu', sans-serif;
	font-size: 18px;
	text-transform: inherit;
	color: #fff;
	font-weight: 500;
	text-align: center;
	margin: 16px 0px 0px 0px;
}
.table_r .table_r1 .last .subtitle {
	font-family: 'Ubuntu', sans-serif;
	font-size: 18px;
	text-transform: inherit;
	color: #fff;
	font-weight: 500;
	text-align: center;
	margin: 2px 0px 0px 0px;
}
.table_r .table_center {
	float: left;
	width: 20%;
}
.table_r .table_r2 {
	width: 30%;
	float: left;
	font-family: 'Roboto', sans-serif;
	border-radius: 5px;
	margin: -10px 0px 0px 7px;
}
.table_r .table_r2 .button {
	float: left;
	width: 100%;
}
.table_r .table_r2 .button .but1 {
	text-align: center;
	width: 100%;
	margin: 0px 0px 0px 0px;
}
.table_r .table_r2 .button .but1 a {
	text-decoration: none;
	font-family: 'Roboto', sans-serif;
	font-size: 20px;
	color: #fff;
	background: #3f78ea;
	padding: 5px 29px;
	text-transform: inherit;
	font-weight: 500;
	box-shadow: inset 0 0 0 0 #003399;
	-webkit-transition: all ease 0.8s;
	-moz-transition: all ease 0.8s;
	transition: all ease 0.8s;
}
.table_r .table_r2 .button .but1 a:hover {
	color: #fff;
	box-shadow: inset 0px 100px 0px 0px #003399;
}
.table_r .table_r2 .button .but2 {
	text-align: center;
	width: 100%;
	margin: 71px 0px 0px 0px;
}
.table_r .table_r2 .button .but2 a {
	text-decoration: none;
	text-decoration: none;
	font-family: 'Roboto', sans-serif;
	font-size: 20px;
	color: #ffffff;
	background: #003399;
	padding: 5px 29px;
	text-transform: inherit;
	font-weight: 500;
	box-shadow: inset 0 0 0 0 #3f78ea;
	-webkit-transition: all ease 0.8s;
	-moz-transition: all ease 0.8s;
	transition: all ease 0.8s;
}
.table_r .table_r2 .button .but2 a:hover {
	color: #fff;
	box-shadow: inset 0px 100px 0px 0px #3f78ea;
}
.table_r .table_r2 .button .but3 {
	text-align: center;
	width: 100%;
	margin: 141px 0px 0px 0px;
}
.table_r .table_r2 .button .but3 a {
	text-decoration: none;
	font-family: 'Roboto', sans-serif;
	font-size: 20px;
	color: #fff;
	background: #3f78ea;
	padding: 5px 29px;
	text-transform: inherit;
	font-weight: 500;
	box-shadow: inset 0 0 0 0 #003399;
	-webkit-transition: all ease 0.8s;
	-moz-transition: all ease 0.8s;
	transition: all ease 0.8s;
}
.table_r .table_r2 .button .but3 a:hover {
	color: #fff;
	box-shadow: inset 0px 100px 0px 0px #003399;
}
.table_r .table_r2 .button .but4 {
	text-align: center;
	width: 100%;
	margin: 213px 0px 0px 0px;
}
.table_r .table_r2 .button .but4 a {
	text-decoration: none;
	font-family: 'Roboto', sans-serif;
	font-size: 20px;
	color: #fff;
	background: #003399;
	padding: 5px 29px;
	text-transform: inherit;
	font-weight: 500;
	box-shadow: inset 0 0 0 0 #3f78ea;
	-webkit-transition: all ease 0.8s;
	-moz-transition: all ease 0.8s;
	transition: all ease 0.8s;
}
.table_r .table_r2 .button .but4 a:hover {
	color: #fff;
	box-shadow: inset 0px 100px 0px 0px #3f78ea;
}
.table_r .table_r3 {
	width: 30%;
	height: 235px;
	background: #212424;
	float: left;
	font-family: 'Roboto', sans-serif;
	border-radius: 5px;
	margin: 0px 0px 0px 7px;
}
.table_rr1 {
	width: 100%;
	float: left;
	height: auto;
}
.valids td {
	font-family: Arial, Helvetica, sans-serif;
	color: #606362;
	font-style: Narrow;
	font-size: 20px;
	padding-left: 17px;
 
}
.valids td.plan {
	background: url('../images/plan_bg.png') no-repeat;
	height: 93px;
}
.valids td.plan1 {
	background: #CFD6E6;
	height: 50px;
}
.valids td.plan b {
	font-size: 20px;
	color: #1B1B1B;
	text-transform: uppercase;
}
.valids b {
	font-family: Arial, Helvetica, sans-serif;
	font-style: Narrow;
	font-size: 18px;
	color: #2BB8DA;
}
.valids a {
 color::#2BB8DA;
	font-family: Arial, Helvetica, sans-serif;
	font-style: Narrow;
	font-size: 16px;
	text-decoration: none;
}
.maketb {
	float: left;
	width: 100%;
}
.maketb .tb1 {
	width: 50%;
	float: left;
}
.maketb .tb1 {
	width: 50%;
	float: right;
}
.icon {

}
h1 {
	text-align: center;
	font-family: Tahoma, Arial, sans-serif;
	color: #06D85F;
	margin: 80px 0;
}
.box {
	width: 40%;
	margin: 0 auto;
	background: rgba(255,255,255,0.2);
	padding: 35px;
	border: 2px solid #fff;
	border-radius: 20px/50px;
	background-clip: padding-box;
	text-align: center;
}
.button {
	font-size: 1em;
	padding: 10px;
	color: #fff;
	border-radius: 20px/50px;
	text-decoration: none;
	cursor: pointer;
	transition: all 0.3s ease-out;
}
 
.overlay {
	position: fixed;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	background: rgba(0, 0, 0, 0.7);
	transition: opacity 500ms;
	visibility: hidden;
	opacity: 0;
}
.overlay:target {
	visibility: visible;
	opacity: 1;
}
.popup {
	margin: 70px auto;
	padding: 20px;
	background: #fff;
	border-radius: 5px;
	width: 30%;
	position: relative;
	transition: all 5s ease-in-out;
}
.popup h2 {
	margin-top: 0;
	color: #333;
	font-family: Tahoma, Arial, sans-serif;
}
.popup .close {
	position: absolute;
	top: -1px;
	right: 13px;
	transition: all 200ms;
	font-size: 30px;
	font-weight: bold;
	text-decoration: none;
	color: #333;
}
.popup .close:hover {
	color: #10e1d5;
}
.popup .content {
	max-height: 100%;
	overflow: auto;
}
 @media screen and (max-width: 700px) {
.box {
	width: 70%;
}
.popup {
	width: 70%;
}
.bounceInDown {
	-webkit-animation-name: bounceInDown;
	animation-name: bounceInDown;
}
.animated {
	-webkit-animation-duration: 1s;
	animation-duration: 1s;
	-webkit-animation-fill-mode: both;
	animation-fill-mode: both;
}
.signupalign {
	width: 100%;
}
.signupalign .tab1 {
	float: left;
	width: 50%;
}
.signupalign .tab2 {
	float: right;
	width: 40%;
}
.supportcon {
	float: left;
	width: 100%;
}
.supportcon .sup1 {
	float: left;
	width: 50%;
}
.supportcon .sup2 {
	float: left;
	width: 45%;
}
/*************login redirect style **************/
  
  
  
.loginrebg {
	background: #000000;
	height: 700px;
}
.loginrecontainer {
	float: left;
	width: 100%;
}
/*************login redirect style **************/
  
  
  
  
  
  
  
  
  
  
  
  /*****poput calc***********************/
  
  
  
h1 {
	text-align: center;
	font-family: Tahoma, Arial, sans-serif;
	color: #06D85F;
	margin: 80px 0;
}
.box {
	width: 40%;
	margin: 0 auto;
	background: rgba(255,255,255,0.2);
	padding: 35px;
	border: 2px solid #fff;
	border-radius: 20px/50px;
	background-clip: padding-box;
	text-align: center;
}
.button {
	font-size: 1em;
	padding: 10px;
	color: #fff;
	/* border: 2px solid #06D85F;*/
  
  
  
	border-radius: 20px/50px;
	text-decoration: none;
	cursor: pointer;
	transition: all 0.3s ease-out;
}
/*.button:hover {
  
  
  
  background: #06D85F;
  
  
  
  }
  
  
  
  */
  
  
  
.overlay {
	position: fixed;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	background: rgba(0, 0, 0, 0.7);
	transition: opacity 500ms;
	visibility: hidden;
	opacity: 0;
}
.overlay:target {
	visibility: visible;
	opacity: 1;
}
.popup {
	margin: 70px auto;
	padding: 20px;
	background: #000;
	border-radius: 5px;
	width: 30%;
	position: relative;
	transition: all 5s ease-in-out;
	opacity: 0.8;
}
.popup h2 {
	margin-top: 0;
	color: #333;
	font-family: Tahoma, Arial, sans-serif;
}
.popup .close {
	position: absolute;
	top: -1px;
	right: 13px;
	transition: all 200ms;
	font-size: 30px;
	font-weight: bold;
	text-decoration: none;
	color: #369223;
}
.popup .close:hover {
	color: #000;
}
.popup .content {
	max-height: 100%;
	overflow: auto;
}
 @media screen and (max-width: 700px) {
 .box {
 width: 70%;
}
 .popup {
 width: 70%;
}
 .bounceInDown {
 -webkit-animation-name: bounceInDown;
 animation-name: bounceInDown;
}
 .animated {
 -webkit-animation-duration: 1s;
 animation-duration: 1s;
 -webkit-animation-fill-mode: both;
 animation-fill-mode: both;
}

  /*****poput calc***********************/

  @-webkit-keyframes zoomIn {
 0% {
 opacity: 0;
 -webkit-transform: scale3d(.3, .3, .3);
 transform: scale3d(.3, .3, .3);
}
 50% {
 opacity: 1;
}
}
 @keyframes zoomIn {
 0% {
 opacity: 0;
 -webkit-transform: scale3d(.3, .3, .3);
 transform: scale3d(.3, .3, .3);
}
 50% {
 opacity: 1;
}
}