/*
font-family: 'Poppins', sans-serif;
font-family: 'Source Sans Pro', sans-serif;
font-family: 'Oswald', sans-serif;
font-family: 'Roboto', sans-serif;
font-family: 'Sanuk-Medium';
font-family: 'Noto Serif', serif;
font-family: 'Montserrat', sans-serif;
font-family: 'Open Sans', sans-serif;
font-family: 'Rajdhani', 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: #000;
	font-size: 14px;
	font-weight: 400;
	background: #f3f3f3 url("images/plan-bg.jpg") no-repeat top center;
	background-attachment: fixed;
	background-size: cover;
}

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

#google_translate_element {
	
	color: transparent;
}

#google_translate_element a {
	
  display: none;
}

select.google_translate_element {
	
  color: black;
}

div.goog-te-gadget {
	
  color: transparent;
}

div.goog-te-gadget {
	
  color: transparent !important;
}

.goog-te-gadget .goog-te-combo {
	
    margin: 0px 0 !important;
    padding: 8px 10px;
    background: #7423fe;
    border: 1px solid #7423fe;
    color: #ffffff;
    border-radius: 5px;
    cursor: pointer;
    font-weight: 600;
    outline: none;
    font-family: 'Rajdhani', sans-serif;
    font-size: 15px;
}

.banner-bg {
	
	background: #0a7466 url("images/banner-bg.jpg") no-repeat top center;
	background-attachment: fixed;
	background-size: cover;
	min-height:800px;
	padding: 30px 0px 30px;
	z-index:1;
	/*position:relative;
	overflow:hidden;*/
}

.banner-bg .banner-logo {
	
	padding:0px 0px 0px 0px;
}

.banner-bg .banner-logo img {
	
    display: inline-block;
    transform-origin: 100% 0;
}

.banner-bg .banner-logo img:hover{
	
		animation-name: wobble-bottom;
		animation-duration: 1s;
		animation-timing-function: ease-in-out;
		animation-iteration-count: 1;
}

/* Wobble Bottom */
@keyframes wobble-bottom {
	16.65% {
		transform: skew(-12deg);
	}

	33.3% {
		transform: skew(10deg);
	}

	49.95% {
		transform: skew(-6deg);
	}

	66.6% {
		transform: skew(4deg);
	}

	83.25% {
		transform: skew(-2deg);
	}

	100% {
		transform: skew(0);
	}
}
/* Wobble Bottom */


.banner-bg .banner-time {
	
	padding:10px 0px 30px 0px;
}

.banner-bg .banner-time img {
	
	float: left;
    padding-right: 20px;
}

.banner-bg .banner-time h6 {
	
    font-family: 'Rajdhani', sans-serif;
    color: #ffffff;
    font-size: 18px;
    font-weight:600;
    margin: 0px 0px 0px 0px;
}

.banner-bg .banner-time p {
	
    font-family: 'Rajdhani', sans-serif;
    color: #ffffff;
    font-size: 14px;
    font-weight:500;
    margin: 5px 0px 0px 0px;
}

.banner-bg .banner .banner-but  {
	
    background: transparent;
    padding:10px 0px 30px 0px;
    border-radius: 50px;
    float: left;
}

.banner-bg .banner .banner-but .banner-but1  {
	
	float:left;
}

.banner-bg .banner .banner-but .banner-but1 a {
	
    font-family: 'Saira Semi Condensed', sans-serif;
    font-size: 18px;
    color: #000000;
    text-decoration: none;
    display: inline;
    background: #ffffff;
    border: 2px solid #ffffff;
    transition: 0.7s;
    padding: 6px 40px;
    border-radius: 50px;
    font-weight: 500;
}

.banner-bg .banner .banner-but .banner-but1 a:hover {
	
    background: transparent;
    color: #fff;
    transition: 0.7s;
    border: 2px solid #ff5746;
}

.banner-bg .banner .banner-but .banner-but2  {
	
	float:left;
	padding-left:15px;
}

.banner-bg .banner .banner-but .banner-but2 a {
	
    font-family: 'Saira Semi Condensed', sans-serif;
    font-size: 18px;
    color: #fff;
    text-decoration: none;
    display: inline;
    background: transparent;
    border: 2px solid #ff5746;
    transition: 0.7s;
    padding: 6px 40px;
    border-radius: 50px;
    font-weight: 500;
}

.banner-bg .banner .banner-but .banner-but2 a:hover {
	
	background: #fff;
    color: #000;
    transition: 0.7s;
    border: 2px solid #fff;
}

.banner-bg .banner .banner-lang {
	
	padding:10px 0px 0px 0px;
}

.levelTwoNav {
	
	clear: both;
	padding-top: 15px;
	overflow: hidden;
}

.topNav {
	
	/*float: left;*/
    padding: 15px;
    background: #ffffff3d;
}

.topNav ul {
	
	margin: 0px;
	padding: 0px;
	list-style-type: none;
}

.topNav ul li {
	
	display: inline-block;
	padding: 0px 32px 0px 0px;
}

.topNav ul li a {
	
    text-decoration: none;
    font-family: 'Rajdhani', sans-serif;
    color: #ffffff;
    font-size: 18px;
    font-weight: 600;
    text-transform: uppercase;
    display: block;
    transition: 0.7s;
    border: 1px solid transparent;
    padding: 10px 15px;
}

.topNav ul li a:hover {
	
    color: #ff5746;
    transition: 0.7s;
    border: 1px solid #ff5746;
	animation-name: wobble-horizontal;
    animation-duration: 1s;
    animation-timing-function: ease-in-out;
    animation-iteration-count: 1;
}

@keyframes wobble-horizontal {
	16.65% {
		transform: translateX(8px);
	}

	33.3% {
		transform: translateX(-6px);
	}

	49.95% {
		transform: translateX(4px);
	}

	66.6% {
		transform: translateX(-2px);
	}

	83.25% {
		transform: translateX(1px);
	}

	100% {
		transform: translateX(0);
	}
}

.topNav ul li:last-child a {
	
	/*padding-right: 0px;*/
}

.mobileMenu {
	
	position: absolute;
	top: 0px;
	left: -49px;
	z-index: 999;
	display: none;
}

.mobileMenu a {
	
	display: block;
	float: right;
	color: #ffffff;
	text-align: center;
	padding: 8px 17px;
	text-decoration: none;
	font-size: 17px;
	background-color: #13033f;
	border-radius: 7px 0 0 7px;
	transition:0.7s;
}

.mobileMenu a:hover {
	
	transition:0.7s;
	color: #ff5746;
}

.banner-text {
	
	padding:130px 0px 0px 0px;
}

.banner-text p {
	
	font-family: 'Rajdhani', sans-serif;
    color: #ffffff;
    font-size: 18px;
    font-weight:500;
    margin: 0px 0px 0px 0px;
}

.banner-text h2 {
	
	font-family: 'Oswald', sans-serif;
	color: #ffffff;
    font-size:56px;
    font-weight:700;
    margin: 30px 0px 0px 0px;
}

.banner-text h2 b {
	
	color: #ffff00;
	-webkit-animation-name: blinker;
    -webkit-animation-duration: 1.6s;
    -webkit-animation-timing-function: linear;
    -webkit-animation-iteration-count: infinite;
    -moz-animation-name: blinker;
    -moz-animation-duration: 1.6s;
    -moz-animation-timing-function: linear;
    -moz-animation-iteration-count: infinite;
    animation-name: blinker;
    animation-duration: 1.6s;
    animation-timing-function: linear;
    animation-iteration-count: infinite;
}

@-moz-keyframes blinker {  
    0% { opacity: 1.0; }
    50% { opacity: 0.0; }
    100% { opacity: 1.0; }
}

@-webkit-keyframes blinker {  
    0% { opacity: 1.0; }
    50% { opacity: 0.0; }
    100% { opacity: 1.0; }
}

@keyframes blinker {  
    0% { opacity: 1.0; }
    50% { opacity: 0.0; }
    100% { opacity: 1.0; }
}

.banner-text h4 {
	
	font-family: 'Oswald', sans-serif;
	color: #ffffff;
    font-size:56px;
    font-weight:700;
    margin: 0px 0px 0px 0px;
}

.banner-text .banner-buts {
	
	padding:80px 0px 0px 0px;
}

.banner-text .banner-buts a
{
	color: #034456;
    background: #ff5746;
    font-size: 18px;
    font-family: 'Saira Semi Condensed', sans-serif;
    float: left;
    padding: 0px 55px;
    line-height: 50px;
    border: 1px solid #ff5746;
    display: inline-block;
    transition: 0.7s;
    transition-duration: .5s;
    transition-property: transform;
    border-bottom-left-radius: 30px;
    border-bottom-right-radius: 30px;
	font-weight:bold;
	position: relative;
}

.banner-text .banner-buts a:hover
{
	color:#040404;
	background:#ffffff3d;
	border:1px solid #ffffff3d;
	transition: 0.7s;
	transform: translateY(15px);
    animation-name: hang;
    animation-duration: 1.5s;
    animation-delay: $defaultDuration;
    animation-timing-function: linear;
    animation-iteration-count: infinite;
    animation-direction: alternate;
}

.banner-text .banner-buts .start3
{
    color: #040404 !important;
    background: #ffffff3d !important;
    margin-left: 20px;
    border: 1px solid #ffffff3d !important;
    transition: 0.7s;
    border-top-left-radius: 30px !important;
    border-top-right-radius: 30px !important;
    border-bottom-right-radius: 0px !important;
    border-bottom-left-radius: 0px !important;
}

.banner-text .banner-buts .start3:hover
{  
	color:#034456 !important;
	transition: 0.7s;
    border: 1px solid #ff5746 !important;
	background:#ff5746 !important;
}

.banner-text .banner-buts a i {

    position: absolute;
    opacity: 0;
    top: -1px;
    left: 0;
    background: #000;
    /* 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%}
}


@keyframes wobble-vertical {



  16.65% {

    transform: translateY(8px);
}



  33.3% {

    transform: translateY(-6px);
}



  49.95% {

    transform: translateY(4px);

}

  66.6% {

    transform: translateY(-2px);
}

  83.25% {

    transform: translateY(1px);

}

  100% {

    transform: translateY(0);

  }
}


.why-bg {
	
	background: #efefef  no-repeat top center;
	background-attachment: fixed;
	background-size: cover;
	padding: 30px 0px 30px;
}

.why-bg .why-head {

	padding: 30px 0px 30px 0px;
	text-align:center;
}

.why-bg .why-head h2 {

	font-family: 'Saira Semi Condensed', sans-serif;
	font-size:40px;
	color:#2f2f2f;
	font-weight:400;
	margin:0px 0px 0px 0px;
}

.why-bg .why-head p {

	font-family: 'Rajdhani', sans-serif;
	font-size:18px;
	color:#707070;
	font-weight:400;
	margin:20px 0px 0px 0px;
}

.why-bg .why {
	
	padding:30px 0px 30px 0px;
}

.why-bg .why .why-text {
	
	padding:30px 0px 0px 0px;
	text-align:center;
}

.why-bg .why .why-text img {
	
	margin:0px 0px 20px 0px;
}

.why-bg .why .why-text h4 {

	font-family: 'Saira', sans-serif;
	font-size:18px;
	color:#2f2f2f;
	font-weight:600;
	text-transform:uppercase;
	margin:0px 0px 10px 0px;
}

.why-bg .why .why-text p {
	
	font-family: 'Rajdhani', sans-serif;
	font-size:16px;
	color:#707070;
	font-weight:400;
	margin:10px 0px 0px 0px;
	line-height:26px;
}

.heartbeat {
	-webkit-animation: heartbeat 1.5s ease-in-out infinite both;
	        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;
  }
}

.about-bg {
	
	background: #0a7466 url("images/about-bg.jpg") no-repeat top center;
	background-attachment: fixed;
	background-size: cover;
	padding: 30px 0px 30px;
}

.about-bg .about-head {

	padding: 30px 0px 30px 0px;
	text-align:center;
}

.about-bg .about-head h2 {

	font-family: 'Saira Semi Condensed', sans-serif;
	font-size:40px;
	color:#fff;
	font-weight:400;
	margin:0px 0px 0px 0px;
}

.about-bg .about {

	padding: 30px 0px 30px 0px;
}

.about-bg .about .about-img {
	
	padding: 30px 0px 0px 0px;
}

.about-bg .about .about-text {
	
	padding: 30px 0px 20px 0px;
}

.about-bg .about .about-text h4 {

	font-family: 'Saira Semi Condensed', sans-serif;
	font-size:18px;
	color:#ffffff;
	font-weight:500;
	margin:0px 0px 20px 0px;
	line-height:26px;
}

.about-bg .about .about-text p {
	
	font-family: 'Rajdhani', sans-serif;
	font-size:16px;
	color:#acd3d8;
	font-weight:400;
	margin:10px 0px 0px 0px;
	line-height:26px;
}

.about-bg .about .about-text .about-but {
	
	padding:30px 0px 50px 0px;
}

.about-bg .about .about-text .about-but a {
	
	color: #034456;
    background: #ff5746;
    font-size: 18px;
    font-family: 'Saira Semi Condensed', sans-serif;
    float: left;
    padding: 0px 50px;
    line-height:50px;
    border: 1px solid #ff5746;
    transition: 0.7s;
    display: inline-block;
    box-shadow: inset 0 0 0 0 #ffffff3d;
    font-weight: bold;
}

.about-bg .about .about-text .about-but a:hover {
	
    color: #040404;
    background: #ffffff3d;
    border: 1px solid #ffffff3d;
    transition: 0.7s;
    box-shadow: inset 0 0 0 42px #ffffff3d;
}

.plan-bg {
	
	background: #f3f3f3 url("images/plan-bg.jpg") no-repeat top center;
	background-attachment: fixed;
	background-size: cover;
	padding: 30px 0px 30px;
	min-height:850px;
}

.plan-bg .plan-head {

	padding: 30px 0px 30px 0px;
	text-align:center;
}

.plan-bg .plan-head h2 {

	font-family: 'Saira Semi Condensed', sans-serif;
	font-size:40px;
	color:#2f2f2f;
	font-weight:400;
	margin:0px 0px 0px 0px;
}

.plan-bg .planbg {

	padding: 30px 0px 30px 0px;
}

.plan-bg .planbg .planbg1 {
	
	background: url("images/planbg.png") no-repeat top center;
	background-size: cover;
    width: 320px;
    min-height: 520px;
    margin:20px auto 20px;
    transition: 0.7s;
    border-radius:8px;
	text-align:center;
}

.plan-bg .planbg .planbg1:hover {
	
	background: url("images/planbg-1.png") no-repeat top center;
	background-size: cover;
    width: 320px;
    min-height: 520px;
    margin:20px auto 20px;
    transition: 0.7s;
    border-radius:8px;
}

.plan-bg .planbg .planbg1:hover .plan-per h2, .plan-bg .planbg .planbg1 .plan-per h2:hover  {
	
	color: #fff;
	transition:0.7s;
	transform: translateX(10px);
	transform: translateX(-10px);
}

.plan-bg .planbg .planbg1:hover .plan-per p, .plan-bg .planbg .planbg1 .plan-per p:hover  {
	
	color: #fff;
	transition:0.7s;
}

.plan-bg .planbg .planbg1:hover .plan-min h6, .plan-bg .planbg .planbg1 .plan-min h6:hover {
	
    font-family: 'Rajdhani', sans-serif;
    font-size: 16px;
    color: #fff;
    font-weight: 600;
    background: url(images/plan-round1.png) no-repeat 31px 12px;
    padding: 10px 0px 0px 0px;
    line-height: 24px;
    margin: 0px 0px 0px 30px;
	transition:0.7s;
}

.plan-bg .planbg .planbg1:hover .plan-min p, .plan-bg .planbg .planbg1 .plan-min p:hover {
	
    font-family: 'Rajdhani', sans-serif;
    font-size: 16px;
    color: #fff;
    font-weight: 600;
    background: url(images/plan-round1.png) no-repeat 60px 12px;
    padding: 10px 0px 0px 0px;
    line-height: 24px;
	margin:0px 0px 0px 0px;
	transition:0.7s;
}

.plan-bg .planbg .planbg1:hover .plan-but a, .plan-bg .planbg .planbg1 .plan-but a:hover {
	
    color: #034456;
    background: #e5c908;
    border: 1px solid #e5c908;
    transition: 0.7s;
}

.plan-bg .planbg .planbg1 .plan-img {
	
	padding:22px 0px 0px 0px;
}

.plan-bg .planbg .planbg1 .plan-per {
	
	padding:30px 0px 0px 0px;
}

.plan-bg .planbg .planbg1 .plan-per h2 {
	
	font-family: 'Oswald', sans-serif;
	color: #034456;
    font-size:48px;
    font-weight:700;
    margin: 0px 0px 10px 0px;
	transition:0.7s;
}

.plan-bg .planbg .planbg1 .plan-per h2 span {
	
	font-size:40px;
}

.plan-bg .planbg .planbg1 .plan-per p {
	
	font-family: 'Saira Semi Condensed', sans-serif;
	color: #754a84;
    font-size:16px;
    font-weight:500;
	font-style:italic;
    margin: 0px 0px 0px 0px;
	transition:0.7s;
}

.plan-bg .planbg .planbg1 .plan-per img {
	
	margin:20px 0px 0px 0px;
}

.plan-bg .planbg .planbg1 .plan-min {
	
	padding:20px 0px 0px 0px;
}

.plan-bg .planbg .planbg1 .plan-min h6 {
	
    font-family: 'Rajdhani', sans-serif;
    font-size: 16px;
    color: #606060;
    font-weight: 600;
    background: url(images/plan-round.png) no-repeat 31px 12px;
    padding: 10px 0px 0px 0px;
    line-height: 24px;
    margin: 0px 0px 0px 30px;
	transition:0.7s;
}

.plan-bg .planbg .planbg1 .plan-min p {
	
    font-family: 'Rajdhani', sans-serif;
    font-size: 16px;
    color: #606060;
    font-weight: 600;
    background: url(images/plan-round.png) no-repeat 60px 12px;
    padding: 10px 0px 0px 0px;
    line-height: 24px;
	margin:0px 0px 0px 0px;
	transition:0.7s;
}

.plan-bg .planbg .planbg1 .plan-but {
	
	padding:30px 0px 0px 0px;
}

.plan-bg .planbg .planbg1 .plan-but a {
	
    font-family: 'Saira Semi Condensed', sans-serif;
    font-size: 18px;
    color: #ffffff;
    font-weight: bold;
    background: #150342;
    border: 1px solid #150342;
    padding:10px 40px;
    border-radius: 5px;
	text-transform:uppercase;
    display: inline-block;
    transition-duration: .5s;
    transition-property: transform;
}

.plan-bg .planbg .planbg1 .plan-but a:hover {
	
    color: #034456;
    background: #e5c908;
    border: 1px solid #e5c908;
    transition: 0.7s;
    transform: translateY(10px);
    animation-name: hang;
    animation-duration: 1.5s;
    animation-delay: $defaultDuration;
    animation-timing-function: linear;
    animation-iteration-count: infinite;
    animation-direction: alternate;
}

.refer-bg {
	
	background: #1e7f66 url("images/refer-bg.jpg") no-repeat top center;
	background-attachment: fixed;
	background-size: cover;
	padding:0px 0px 30px;
}

.refer-bg .refer-cal {
	
	background: #f1f1f1 no-repeat center;
    min-height: 140px;
    border-radius: 0px 0px 30px 30px;
}

.refer-bg .refer-cal .refer-cal1 {

   	padding: 30px 0px 30px 0px;
	text-align:center;
}

.refer-bg .refer-cal .refer-cal1 h4 {

    font-family: 'Saira Semi Condensed', sans-serif;
    font-size: 20px;
    color: #034456;
    margin: 0px 0px 10px 0px;
    text-align: center;
    font-weight: bold;
}

.refer-bg .refer-cal .refer-cal1 select {

   	font-family: 'Rajdhani', sans-serif;
    font-size:18px;
	color:#034456;
    height:45px;
    text-align: center;
    width: 90%;
    border: 1px solid #ff5746;
    background: #ff5746;
	outline: none;
	font-weight:bold;
	padding: 8px 15px;
	border-radius: 0px 0px 30px 30px;
}

.refer-bg .refer-cal .refer-cal1 input {

    font-family: 'Rajdhani', sans-serif;
    font-size: 16px;
    color: #25313d;
    height: 45px;
    text-align: center;
    width: 90%;
    border: 1px solid #034456;
    background: transparent;
    outline: none;
    font-weight: bold;
    border-radius: 0px 0px 30px 30px;
}

.refer-bg .refer-head {

	padding: 80px 0px 0px 0px;
	text-align:center;
}

.refer-bg .refer-head h2 {

	font-family: 'Saira Semi Condensed', sans-serif;
	font-size:40px;
	color:#fff;
	font-weight:400;
	margin:0px 0px 0px 0px;
}

.refer-bg .refer {

	padding:50px 0px 30px 0px;
}

.refer-bg .refer .refer-img {
	
	padding: 30px 0px 0px 0px;
}

.refer-bg .refer .refer-text {
	
	padding: 30px 0px 20px 0px;
}

.refer-bg .refer .refer-text h6 {

	font-family: 'Rajdhani', sans-serif;
	font-size:24px;
	color:#ffffff;
	font-weight:500;
	margin:0px 0px 20px 0px;
	line-height:26px;
}

.refer-bg .refer .refer-text p {
	
	font-family: 'Rajdhani', sans-serif;
	font-size:18px;
	color:#ffffff;
	font-weight:400;
	margin:10px 0px 0px 0px;
	line-height:26px;
}

.refer-bg .refer .refer-text .refer-but {
	
	padding:50px 0px 50px 0px;
}

.refer-bg .refer .refer-text .refer-but a {
	
	color: #fff;
    background: #ffffff3d;
    font-size: 18px;
    font-family: 'Saira Semi Condensed', sans-serif;
    float: left;
    padding: 0px 60px;
    line-height:50px;
    border: 1px solid #ffffff3d;
    transition: 0.7s;
    display: inline-block;
    box-shadow: inset 0 0 0 0 #ff5746;
    font-weight: bold;
}

.refer-bg .refer .refer-text .refer-but a:hover {
	
    color: #034456;
    background: #ff5746;
    border: 1px solid #ff5746;
    transition: 0.7s;
    box-shadow: inset 0 0 0 42px #ff5746;
}

.advan-bg {
	
	background: #f0f0f0 url("images/advan-bg.jpg") no-repeat top center;
	background-attachment: fixed;
	background-size: cover;
	padding:30px 0px 30px;
	position:relative;
	z-index:1;
}

.advan-bg .advan-head {

	padding:30px 0px 30px 0px;
	text-align:center;
}

.advan-bg .advan-head h2 {

	font-family: 'Saira Semi Condensed', sans-serif;
	font-size:40px;
	color:#1f1f1f;
	font-weight:400;
	margin:0px 0px 0px 0px;
}

.advan-bg .advan {

	padding:50px 0px 30px 0px;
}

.advan-bg .advan .advans {

	padding:0px 0px 30px 0px;
	min-height:150px;
}


.advan-bg .advan .advan1 {

    padding: 0px 20px 0px 0px;
    text-align: center;
    float: left;
}

.advan-bg .advan .advan1 .advan-img {

    float: left;
    position: relative;
    min-width: 90px;
    min-height: 85px;
}

.advan-bg .advan .advan1 .advan-img:after {

    content: "";
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background: url(images/advanbg.png);
	background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    -webkit-animation: fa-spin 4s infinite linear;
    animation: fa-spin 4s infinite linear;
}

.advan-bg .advan .advan1 .advan-img img {
	
	position: relative;
    z-index: 9999;
    top: 16px;
}

.advan-bg .advan .advan-text {
	
	padding:10px 0px 0px 0px;
}

.advan-bg .advan .advan-text h6 {

	font-family: 'Rajdhani', sans-serif;
	font-size:18px;
	color:#049467;
	font-weight:800;
	margin:0px 0px 0px 0px;
	text-transform:uppercase;
}

.advan-bg .advan .advan-text p {
	
	font-family: 'Rajdhani', sans-serif;
	font-size:16px;
	color:#3a1b0a;
	font-weight:400;
	margin:10px 0px 0px 0px;
}

.sta-bg {
	
	background: #f0f0f0 url("images/sta-bg.jpg") no-repeat top center;
	background-attachment: fixed;
	background-size: cover;
	padding:30px 0px 30px;
}

.sta-bg .sta-head {

	padding:30px 0px 30px 0px;
	text-align:center;
}

.sta-bg .sta-head h2 {

	font-family: 'Saira Semi Condensed', sans-serif;
	font-size:40px;
	color:#fff;
	font-weight:400;
	margin:0px 0px 0px 0px;
}

.sta-bg .sta {

	padding:30px 0px 30px 0px;
	text-align: center;
}

.sta-bg .sta ul {

	margin: 0px;
	padding: 0px;
	list-style-type: none;
}

.sta-bg .sta ul li {

    display: inline-block;
    padding: 0px 45px 0px 45px;
    text-align: center;
}

.sta-bg .sta ul li h6 {

	font-family: 'Rajdhani', sans-serif;
	font-size:28px;
	color:#fff;
	font-weight:800;
	margin:0px 0px 10px 0px;
	text-transform:uppercase;
}

.sta-bg .sta ul li p {

	font-family: 'Rajdhani', sans-serif;
	font-size:18px;
	color:#fff;
	font-weight:500;
	margin:0px 0px 0px 0px;
	text-transform:uppercase;
}

.depo-bg {
	
	background: #f0f0f0 url("images/depo-bg.jpg") no-repeat top center;
	background-attachment: fixed;
	background-size: cover;
	padding:30px 0px 30px;
}

.depo-bg .lastFiveDetails {
	
	padding:30px 0px 30px 0px;
	text-align: center;
}

.depo-bg .lastFiveDetails h3 {
	
	font-size: 30px;
	color: #2f2f2f;
	margin-bottom: 30px;
	font-weight:800;
	text-transform:uppercase;
	font-family: 'Rajdhani', sans-serif;
	display:-webkit-inline-box;
}

.depo-bg .lastFiveDetails h3 img {
	
	position: relative;
    margin: 0px 0px 0px 20px;
}

.depo-bg .lastFiveDetails h3 span {
	
	color: #2f2f2f;
	font-weight:500;
}

.depo-bg .lastFiveDetails table {
	
	width: 100%;
	text-align: left;
	max-width: 460px;
	margin: auto;
	font-family: 'Rajdhani', sans-serif;
	font-size: 16px;
	color: #ffffff;
	font-weight:600;
}

.depo-bg .lastFiveDetails table td {
	
	padding-left: 50px;
	height: 40px;
	width: 33%;
}

.depo-bg .lastFiveDetails table td:nth-child(2) {
	
	text-align: center;
	/*padding-left: 0px;*/
}

.depo-bg .lastFiveDetails table tr:nth-child(odd) {
	
	height:50px;
	background:url(images/depobg1.png) no-repeat center;
	background-size: cover;
}

.depo-bg .lastFiveDetails table tr:nth-child(even) {
	
	height:50px;
	background:url(images/depobg2.png) no-repeat center;
	background-size: cover;
}

.depo-bg .payment {
	
	padding:50px 0px 0px 0px;
	text-align:center;
}

.depo-bg .payment img {
	
    margin: 0px 30px 20px 30px;
}

.company-bg {
	
    padding:30px 0px 20px;
    background: #e3e3e3 no-repeat center;
    background-size: cover;
    background-attachment: fixed;
}

.company-bg .company {
	
	padding:0px 0px 0px 0px;
}

.company-bg .company p {
	
	font-family: 'Saira Condensed', sans-serif;
    font-size:20px;
    color: #707070;
    font-weight:500;
    margin:12px 0px 30px 0px;
}

.company-bg .company p b {
	
    color: #034456;
}

.company-bg .company .company-but {
	
	padding:0px 0px 0px 0px
}

.company-bg .company .company-but a {
	
	font-family: 'Saira Semi Condensed', sans-serif;
    font-size: 18px;
    color: #e3e3e3;
    font-weight: 500;
    background: linear-gradient(135deg, #764c82 40%, #249e59 100%);
    border: 1px solid #29995b;
    padding: 12px 30px;
    border-radius: 50px;
    text-decoration: none;
    transition: 0.7s;
    display: inline-block;
    text-transform: uppercase;
    margin: 0px 0px 20px 20px;
}

.company-bg .company .company-but a:hover {
	
    background:transparent;
    color: #034456;
    transition: 0.7s;
    border: 1px solid #034456;
}

.company-bg .company .company-but .com-but {
	
	color:#034456;
    background: transparent;
    border: 1px solid #034456;
	transition: 0.7s;
}

.company-bg .company .company-but .com-but:hover {
	
    background: linear-gradient(135deg, #764c82 40%, #249e59 100%);
    border: 1px solid #29995b;
    color: #fff;
    transition: 0.7s;
}

.foot-bg {
	
    padding: 30px 0px 30px;
    background:url(images/foot-bg.jpg) no-repeat center;
    background-size: cover;
    background-attachment: fixed;
}

.foot-bg .footerRow2 {
	
	padding-top: 20px;
}

.foot-bg .footerRow2 h2 {
	
    font-family: 'Saira Condensed', sans-serif;
    font-size: 24px;
    text-transform: uppercase;
    color: #ececec;
    font-weight: 600;
	margin: 20px 0px 10px 0px;
}

.foot-bg .footerRow2 .address {
	
	background: url("images/contactIcon1.png") no-repeat 0 6px;
	font-family: 'Rajdhani', sans-serif;
	font-size: 16px;
	line-height: 24px;
	color: #fff;
	padding-left: 30px;
	margin-bottom: 20px;
}

.foot-bg .footerRow2 .mail {
	
	background: url("images/contactIcon2.png") no-repeat 0 4px;
	font-family: 'Rajdhani', sans-serif;
	font-size: 16px;
	line-height: 24px;
	color: #fff;
	padding-left: 30px;
	margin-bottom: 20px;
}

.foot-bg .footerRow2 .mail a {
	
	color: #fff;
}

.foot-bg .footerRow2 .mail a:hover {
	
	color: #fff;
	text-decoration: underline;
}

.foot-bg .footerRow2 .phone {
	
	background: url("images/contactIcon3.png") no-repeat 0 2px;
	font-family: 'Rajdhani', sans-serif;
	font-size: 16px;
	line-height: 24px;
	color: #fff;
	padding-left: 30px;
	margin-bottom: 20px;
}

.foot-bg .latestNews {
	
	margin:20px 20px 20px 0px;	
	float:left;
}


.foot-bg .news-text {
	
    float:left;
	margin: 20px 0px 20px 0px;
}

.foot-bg .news-text p {
	
   	font-family: 'Rajdhani', sans-serif;
    font-size: 15px;
    color: #fff;
    font-weight:500;
	margin:0px 0px 0px 0px; 
}

.foot-bg .news-text p span {
	
	font-style:italic;
	font-size:13px;	 
}

.foot-bg .news-links {
	
	padding: 20px 0px 0px 0px;
}

.foot-bg .news-links a {
	
	font-family: 'Rajdhani', sans-serif;
	font-weight:500;
	font-size: 16px;
	line-height: 30px;
	color: #fff;
	text-decoration:none;
	transition:0.7s;
}

.foot-bg .news-links a:hover {
	
	color: #e5c908;
	transition:0.7s;
}

.foot-bg .news-links .mobHide {
	
	font-family: 'Rajdhani', sans-serif;
	font-weight:500;
	font-size:20px;
	color: #fff;
}

.foot-bg .abo-text img {
	
    transform-origin: 100% 0;
}

.foot-bg .abo-text img:hover{
	
		animation-name: wobble-bottom;
		animation-duration: 1s;
		animation-timing-function: ease-in-out;
		animation-iteration-count: 1;
}

.foot-bg .abo-text button {
	
	border: none;
	background: transparent;
	outline:none;
	display: inline-block;
	transform-origin: 100% 0;
	margin-top:40px;
}

.foot-bg .abo-text button:hover {
	
	animation-name: wobble-bottom;
	animation-duration: 1s;
	animation-timing-function: ease-in-out;
	animation-iteration-count: 1;
}

.foot-bg .abo-text {
	
	margin: 20px 0px 0px 0px;
}

.foot-bg .abo-text p {
	
	margin: 20px 0px 20px 0px;
	font-family: 'Source Sans Pro', sans-serif;
	font-size: 16px;
	line-height: 24px;
	color: #fff;
}

@keyframes wobble-bottom {
	16.65% {
		transform: skew(-12deg);
	}

	33.3% {
		transform: skew(10deg);
	}

	49.95% {
		transform: skew(-6deg);
	}

	66.6% {
		transform: skew(4deg);
	}

	83.25% {
		transform: skew(-2deg);
	}

	100% {
		transform: skew(0);
	}
}

.foot-bg1 {
	
    padding: 20px 0px 20px;
    border-top: 1px solid #ffffff3b;
    background: url(images/foot-bg.jpg) no-repeat center;
    background-size: cover;
    background-attachment: fixed;
}

.foot-bg1 .footerBottom .footerBottomLeft {
	
	font-family: 'Saira Condensed', sans-serif;
	font-weight:500;
	font-size: 15px;
	line-height: 30px;
	color: #fff;
	text-transform:uppercase;
	letter-spacing:0.5px;
}

.foot-bg1 .footerBottom .footerBottomRight {
	
	text-align: right;
	padding-right: 20px;
	color: #201e36;
}

.foot-bg1 .footerBottom .footerBottomRight a {
	
	font-family: 'Saira Condensed', sans-serif;
	font-weight:500;
	font-size: 18px;
	line-height: 30px;
	color: #fff;
	text-decoration:none;
	transition:0.7s;
	padding: 0px 10px 0px 0px;
}

.foot-bg1 .footerBottom .footerBottomRight a:hover {
	
	color: #e5c908;
	transition:0.7s;
}

.foot-bg1 .mobHide1 {
	
	font-weight:500;
	font-size: 16px;
	color: #fff;
}


























@media only screen and (max-width: 1199px) {
	
	.banner-bg .banner-logo {
	
	padding:0px 0px 0px 0px;
	}
	
	.banner-bg .banner-time {
	
	padding:0px 0px 30px 0px;
	}
	.banner-bg .banner .banner-but  {
	
    background: transparent;
    padding:30px 0px 0px 0px;
    float: left;
	}
	
	.banner-bg .banner .banner-lang {
    padding: 30px 0px 0px 0px;
	}
	
	.levelTwoNav .logo {
		width: 300px;
	}
	.topNav {
		margin-right: 0px;
		margin-top: 20px;
	}
	.topNav ul li a {
		padding: 4px 4px;
	}
	
	.loginContainer {
		float: right;
		margin-top: 25px;
	}
	.topNav ul li {
	
	padding: 0px 32px 0px 0px;
	}
	.sta-bg .sta ul li {
    display: inline-block;
    padding: 0px 20px 0px 20px;
    text-align: center;
	}
	.foot-bg1 .footerBottom .footerBottomRight a {

	padding: 0px 0px 0px 0px;
	}

}

@media only screen and (max-width: 1023px) {
	
	.mobileMenu {
		display: block;
	}
	.topNav {
		position: fixed;
		right: -270px;
		top:30px;
		background-color: #13033f;
		width: 270px;
		padding-left: 30px;
		z-index: 999;
		transition:0.7s;
	}
	.topNav.mobileNav {
		right: 0px;
	}
	.topNavLinks {
		border: none;
	}
	.topNavLinks ul li {
		display: block;
	}
	.topNavLinks ul li a, .topNavLinks ul li a:hover {
		border: none;
	}
	.topNavLinks ul li a {
		padding: 10px 0px 10px;
		color: #ffffff;
		font-weight: 400;
	}
	.loginContainer {
		position: fixed;
		top: 298px;
		right: -270px;
		background-color: #5e3390;
		width: 270px;
		z-index: 999;
		margin-top: 0px;
	}
	.loginContainer.mobileNav {
		right: 0px;
		text-align: left;
	}
}

@media only screen and (max-width: 992px) {

.sta-bg .sta ul li {
    display: block;
    padding: 20px 0px 20px 0px;
    text-align: center;
	}
	.depo-bg .lastFiveDetails table {
		margin-bottom: 40px;
	}
	.foot-bg1 .footerBottom .footerBottomLeft,
	.foot-bg1 .footerBottom .footerBottomRight {
		text-align: center;
	}
	.foot-bg1 .footerBottom {
		padding-top: 15px;
		padding-bottom: 10px;
	}
}

@media only screen and (max-width: 767px) {
	
	.banner-bg .banner-time {
	
	padding:30px 0px 0px 0px;
	}
	.banner-bg .banner .banner-lang {
    padding:40px 0px 0px 0px;
	}
	
	.banner-text {
		
		padding:50px 0px 0px 0px;
	}
	.banner-text h2 {
	
	font-family: 'Oswald', sans-serif;
	color: #ffffff;
    font-size:38px;
    font-weight:700;
    margin: 30px 0px 0px 0px;
}

.banner-text h4 {
	
	font-family: 'Oswald', sans-serif;
	color: #ffffff;
    font-size:38px;
    font-weight:700;
    margin: 0px 0px 0px 0px;
	line-height:44px;
	}
}
@media only screen and (max-width: 480px) {
	
	.foot-bg1 .footerBottom {
		
		margin-top:20px;
		padding-top:20px;
	}
	.foot-bg1 .footerBottom .footerBottomRight a {
		display: block;
	}
	.mobHide1 {
		display: none;
	}
}

@media only screen and (max-width: 430px) { 	

	.depo-bg .lastFiveDetails table td {
		padding-left: 20px;
	}
	
}


/********** registration part Media query **********/
.plncont1{
	background: #034456 no-repeat top center;
	background-size: cover;
    width: 320px;
    min-height: 360px;
    margin:20px auto 20px;
    transition: 0.7s;
    border-radius:8px;
    position: relative;
    text-align: right;
    overflow: hidden;
	font-family:'Rajdhani', sans-serif;
}

.plncont1:hover{
	
	background:linear-gradient(135deg, #764c82 40%, #249e59 100%);
	transition:0.7s;
}
.ban{
    
}
.plncont1:after {
content: "";
position: absolute;
top: -110%;
left: -210%;
width: 200%;
height: 200%;
opacity: 0;
transform: rotate(30deg);
background: -moz-linear-gradient(left, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 48%, rgba(255,255,255,1) 52%, rgba(255,255,255,0) 100%);
background: -webkit-linear-gradient(left, rgba(255,255,255,0) 0%,rgba(255,255,255,1) 48%,rgba(255,255,255,1) 52%,rgba(255,255,255,0) 100%);
background: linear-gradient(to right, rgba(255,255,255,0) 0%,rgba(255,255,255,1) 48%,rgba(255,255,255,1) 52%,rgba(255,255,255,0) 100%);
}
.plncont1:hover:after {
  opacity: 0.4;
  top: -30%;
  left: 150%;
  transition-property: left, top, opacity;
  transition-duration: 0.7s, 0.7s, 0.15s;
  transition-timing-function: ease;
}

.plncont1 h5{
	
	font-size: 26px;
    color: #29d06c;
    text-transform: uppercase;
    padding: 0px 0px;
    text-align: center;
    font-weight:700;
    margin:50px 0px 20px 0px;
}
.plncont1 p{    font-size: 18px;
    color: #fff;
    line-height: 30px;
    padding: 0 0px;
    text-align: center;
    margin: 10px 0px 0px 0px;}
.plncont1 p span{ color: #29d06c;
    /* display: block; */
    font-weight: 700;}
.plncont1 a{     font-size: 27px;
    color: #fec303;
    text-decoration: none;
    text-transform: uppercase;
    display: block;
    padding: 9px 25px;
    background: url(images/plncal.html) no-repeat center;
    background-size: 100% 100%;
    text-align: center;
    font-weight: bold;
	transition:0.7s;
}

.plncont1 a:hover{     

    color: #29d06c;
	transition:0.7s;
}
	
	
.plncont1 > h6 {
    color: #ff5746;
    font-size: 22px;
    margin: 10px 20px 20px 0px;
    text-align: center;
    font-weight: 700;
    border-bottom: 1px solid #1ed06c;
    padding-bottom: 15px;
    display: inline-block;
    width: 85%;
}


@media only screen and (max-width: 540px){
.inner_page_info h3 {
    font-size:30px !important;
}
}

.form_body {
	
    width: 100%;
    background:#f0f0f0 url("images/advan-bg.jpg") no-repeat center fixed;
    background-size: cover;
    padding: 50px 0 30px;
}

.main_title {
	
    width: 100%;
    display: inline-block;
}

.main_title h2 {
	
    width: 100%;
    display: inline-block;
    text-transform: uppercase;
    text-align: center;
    font-size: 34px;
    font-family: 'Saira', sans-serif;
    font-weight: 700;
}

.mb-30 {
	
    margin-bottom: 30px;
}

.text-red {
	
    color: #1c8567 !important;
}

.text-dark {
	
    color: #764c82 !important;
}

.login_form { 

	width:100%;
	margin-top:10px;
}

.login_form .form_box { 

	margin-bottom:30px;
}

.form_box label {
	
    width: 100%;
    display: inline-block;
    font-size: 20px;
    color: #034456;
    margin-bottom: 10px;
    text-transform: capitalize;
    font-weight: 600;
    font-family: 'Rajdhani', sans-serif;
}

.form_box label i {
	
    font-size: 24px;
    color: #034456;
    width: 45px;
    height: 45px;
    background: #ffe502;
    text-align: center;
    line-height: 40px;
    border-radius: 50%;
    margin-right: 5px;
    border-bottom: 5px solid #034456;
}

.forgot_link { 

    width: 100%;
    display: inline-block;
    text-align: left;
    margin-bottom: 30px;
    margin-top: 45px;
}

.forgot_link span { 

	display:inline-block;
}

.forgot_link span a { 

    background: #034456;
    color: #ff5746;
    border: 1px solid #034456;
    padding: 10px 40px;
    outline: none;
    box-shadow: inset 0 0 0 0 #ff5746;
    -webkit-transition: all ease 0.8s;
    -moz-transition: all ease 0.8s;
    transition: all ease 0.8s;
    font-size: 18px;
    font-weight: bold;
    border-radius: 30px 30px 0px 0px;
    text-transform: uppercase;
    font-family: 'Saira Semi Condensed', sans-serif;
}

.forgot_link span a:hover { 

    background: #ff5746;
    color: #034456;
    box-shadow: inset 200px 0px 0px 0px #ff5746;
    border: 1px solid #ff5746;
}

.forgot_link b { 

	display:inline-block; 
	float:right;
}

.forgot_link b a { 

    font-size: 16px;
    color: #ffffff;
    text-transform: capitalize;
    font-weight: 600;
    transition: .3s;
    background: #fb5810;
    padding: 14px 30px;
    font-family: 'Oswald', sans-serif;
}

.forgot_link b a:hover { 

	color: #fff;
    transition: .3s;
    background: #554cb9;
}

.invest { 

	width:100%; 
	text-align:left;
}

.invest ul { 

	list-style:none;
}

.invest ul li {
	
	 display:inline-block; 
	 width:100%; font-size:14px; 
	 color:#333; 
	 line-height:24px; 
	 margin-bottom:21px;
	 font-family: 'Poppins', sans-serif;
}

/*.invest ul li:before{ content:"\f101"; font-family: 'Font Awesome 5 Free'; font-weight: 900; font-size:20px; color:#FFC947; margin-right:10px; }*/

.invest ul li i {
	
    font-weight: bold;
    font-size: 20px;
    color: #554cb9;
    margin-right: 10px; 
}

.invest ul li b {
	
	color: #392757;
    margin-right: 10px; 
}

.invest_login ul li{
	
	font-size: 16px;
	color: #333;
	font-family:'Poppins', sans-serif;
	line-height: 28px;
	margin-bottom: 10px;
}

.certification { 

	width:100%;
}

.certification a{ 
   
	-webkit-box-shadow: 0px 0px 0px 2px rgb(162, 61 ,65);
    -moz-box-shadow: 0px 0px 0px 2px rgba(175,110,111,1);
    box-shadow: 0px 0px 0px 1px #2d965e;
	border: 2px solid #2d965e;
    display: inline-block;
	position:relative;
	z-index:1;
	transition:0.7s;
	width:70%;
}

.certification a img {
	
	display:inline-block; 
	
}

.certification a i {
	
	display:inline-block; 
	position:absolute; 
	left:0; right:0; 
	top:0; 
	bottom:0; 
	margin:auto; 
	transition-property:opacity; opacity:0;
	-webkit-box-shadow: 0px 0px 0px 8px rgba(255,255,255,0.35);
	-moz-box-shadow: 0px 0px 0px 8px rgba(255,255,255,0.35);
	box-shadow: 0px 0px 0px 8px rgba(255,255,255,0.35);
	display:inline-block; 
	line-height:60px; 
	font-size:18px; 
	color:#034456; 
	width:60px; 
	height:60px; 
	border-radius:50%; 
	text-align:center; 
	background:#ffe502; 
	-webkit-transition: all .3s ease 0s;
	-moz-transition: all .3s ease  0s;
	transition: all .3s ease 0s;
}

.certification a:hover i {
	
	opacity:1;
}

.certification a:hover {
	
	-webkit-box-shadow: 0px 0px 10px 2px rgba(0,0,0,0.12);
	-moz-box-shadow: 0px 0px 10px 2px rgba(0,0,0,0.12);
    box-shadow: 0px 0px 20px 0px #747171;
    border: 2px solid #feb632;
    transition: 0.7s;
}

.invest_login ul li b {

	color: #A23D41;	
}

.invest_login_invest ul l i{
	
	font-size: 16px;
	color: #333;
	font-family: 'Oswald', sans-serif;
	line-height: 36px;
	padding: 20px 0;

}

.invest_login_invest ul li b{
	
	font-size: 20px;
	color: #A23D41;
	margin-right:10px;	
	background: url(images/reg/ul-bg.html) no-repeat center center;
	background-size: auto;
	padding: 20px;
}

.main_headline{    background: #1e1f21 url(images/refer-bg.jpg) no-repeat center;
    min-height: 150px;
    position: relative;
    bottom: 0px;
    left: 0px;
    width: 100%;
    background-attachment: fixed; background-size:cover;}

.innerpage_banner {
    min-height: 150px;
    /*background-size: auto 100%;*/
    width: 100%;
    background: #000000 url("images/plan-bg.jpg") no-repeat center;
	background-attachment:fixed;
	background-size: cover;
}
 .inner_page_info {
    margin-top: 30px;
    width: auto;
    border-bottom: solid #29d36b 3px;
    padding-left: 35px;
    background: transparent;
    padding-right: 35px;
    padding-bottom: 5px;
    padding-top: 10px;
    display: inline-block;
}
 .inner_page_info h3 {
     font-size:38px;
     color: #fff;
     font-weight: 500;
     margin: 0;
     line-height: normal;
	 font-family:'Oswald', sans-serif;
	 text-transform: uppercase;
}

.inner_page_info h3 span {
	
	color:#e3ce14;
}
 .inner_page_info ul {
     list-style: none;
     float: left;
     width: 100%;
     padding: 0;
     margin: 0;
}
 .inner_page_info ul li {
     float: left;
     margin-right: 10px;
}
 .inner_page_info ul li, .inner_page_info ul li a {
     color: #fff;
     font-size: 13px;
}
 .inner_page_info ul li a:hover, .inner_page_info ul li a:focus {
     color: #e9d16f;
}
 .heading_style2 {
    font-size: 30px;
    line-height: 54px;
    position: relative;
    color: #1b334d;
    margin-bottom: 15px;
    margin-top: 10px;
}

.layout_padding {
     padding: 50px 0;
}
.full {
    /* width: 100%;
     float: left;
     margin: 0;
     padding: 0;*/
	 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: 'Oswald', sans-serif;
    text-transform: uppercase;
}
.heading_main span {
    color: #03795f;
    font-family: 'Oswald', sans-serif;
    font-weight:700;
    font-size: 38px;
	text-transform: uppercase;
}
.heading_main span::after {
    border-bottom: solid #4e368c 4px;
    color: #fff;
    padding-bottom: 15px;
    content: "";
    display: block;
    width: 120px;
    margin: 0 auto -10px;
} 

@media (max-width:992px) {

.box6 , .box6 a  {
width:100%;
font-family: 'Roboto', sans-serif;
font-size:100%;
line-height:24px;
color: #fff;
padding:20px 0px 30px 0px;
}

#formname_main {
	
	color: #fff;
    text-transform: uppercase;
    font-size: 24px;
    font-weight: bold;
    text-align: center;
    background: #fa620d;
    border-bottom-right-radius: 30px;
    border-bottom-left-radius: 30px;
    padding: 30px;
    margin: 0px 0px 0px 0px;
    width: 100%;
    font-family: 'Roboto', sans-serif;
}

input, select, textarea {
width:auto;
height:auto;
}

input[type=submit]{
    background: #ff5746;
    color: #034456;
    border: 1px solid #ff5746;
    padding: 10px 50px;
    outline: none !important;
    box-shadow: inset 0 0 0 0 #034456;
    -webkit-transition: all ease 0.8s;
    -moz-transition: all ease 0.8s;
    transition: all ease 0.8s;
    font-size: 20px;
    font-weight: bold;
    border-radius: 0px 0px 30px 30px;
    text-transform: uppercase;
    font-family: 'Saira Semi Condensed', sans-serif;
}
input[type=submit]:hover
{
    background: #034456;
    color: #ff5746;
    box-shadow: inset 100px 0px 0px 0px #034456;
    border: 1px solid #034456;
}

}



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


@media (max-width:420px) {

 
.member_detail , .member_detail table {
font-size:100%;
}


}

.menu ul li a {
padding:20px;
}

.tik , .users{
width:100%;
}

.menu ul li a {
padding:20px;
}

.tik , .users{
width:100%;
}

.tik .contents1 p {
    position: relative;
    width: 100%;
    color: #fff;
    font-size: 18px;
}
.tik .contents1 span {
    height: 100px;
    width: 100px;
    border-radius: 50%;
    background-color: #000;
    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: #ff5600;
    width: 180px;
	margin: 10px 0px 30px 10px;
    display: inline-block;
}

.member_detail {
    font-family: 'Roboto', sans-serif;
    /* background: #212424; */
    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 #542abe;
    box-sizing: border-box;
    padding: 15px;
    border-radius: 5px;
    width: 100%;
    background: #542abe38;
}
.member_detail .left .memtitlebox , .member_detail .rightmembox .memtitlebox{
    background: #000;
    color: #ff5600;
    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 #000;
    /* border-left: 1px solid #ffcc00; */
    color: #000;
    line-height: 32px;
}

.member_detail table tr td b {
	
	 color: #ff5600;
}

/********** registration part **********/


table {
    border: 6px solid transparent;
    border-collapse: initial;
}

button, input, select, textarea {
color:#000;
}

@media (min-width:1200px) {

.navigation .menutxt
{
    font-size: 16px;
    width: 240px;
    float: left;
    text-decoration: none !important;
    line-height: 50px;
    color:#fff;
	background-color: #542abe;
	margin-bottom:5px;
	transition:0.7s;

}
.navigation .menutxt:hover
{
color:#ff5600;
transition:0.7s;
background-color: #000;
}

.dropdownnav {
display:none;
}

}


@media (max-width:1200px) {


.dropdownnav {
display:block;
}

.fullnav{
display:none;
}

 .accordion {
 	width: 100%;
 	max-width: 360px;
 	margin: 30px auto 20px;
 	background: #FFF;
 	-webkit-border-radius: 4px;
 	-moz-border-radius: 4px;
 	border-radius: 4px;
 }

.accordion .link {
	cursor: pointer;
	display: block;
	padding: 15px 15px 15px 42px;
	color: #4D4D4D;
	font-size: 14px;
	font-weight: 700;
	border: 1px solid #CCC;
	position: relative;
	-webkit-transition: all 0.4s ease;
	-o-transition: all 0.4s ease;
	transition: all 0.4s ease;
}

/*.accordion li:last-child .link {
	border-bottom: 0;
}*/

.accordion li i {
	position: absolute;
	top: 16px;
	left: 12px;
	font-size: 18px;
	color: #595959;
	-webkit-transition: all 0.4s ease;
	-o-transition: all 0.4s ease;
	transition: all 0.4s ease;
}

.accordion li i.fa-chevron-down {
	right: 12px;
	left: auto;
	font-size: 16px;
}

.accordion li.open .link {
	color: #ff5600;
}

.accordion li.open i {
	color: #ff5600;
}
.accordion li.open i.fa-chevron-down {
	-webkit-transform: rotate(180deg);
	-ms-transform: rotate(180deg);
	-o-transform: rotate(180deg);
	transform: rotate(180deg);
}

.accordion li.default .submenu {display: block;}
/**
 * Submenu
 -----------------------------*/
 .submenu {
 	display: none;
 	background: #000;
 	font-size: 14px;
 }

 .submenu li {
 	border-bottom: 1px solid #4b4a5e;
 }

 .submenu a {
 	display: block;
 	text-decoration: none;
 	color: #d9d9d9;
 	padding: 12px;
 	padding-left: 42px;
 	-webkit-transition: all 0.25s ease;
 	-o-transition: all 0.25s ease;
 	transition: all 0.25s ease;
 }

 .submenu a:hover {
	background: #4b1ead;
    color: #fff;
	transition:0.7s;
 }



}


@media (min-width:992px) {

.box6{
width:100%;
font-family: 'Roboto', sans-serif;
font-size:14px;
line-height:24px;
color: #fff;
padding:20px 0px 30px 0px;
}


#formname{
text-align: center;
    text-transform: uppercase;
    color:#000000;
    font-size: 22px;
	border:3px solid #09b719;
	}
#formname_main
{
	color: #fff;
    text-transform: uppercase;
    font-size: 24px;
    font-weight: bold;
    text-align: center;
    background: #fa620d;
    border-bottom-right-radius: 30px;
    border-bottom-left-radius: 30px;
    padding: 30px;
    margin: 0px 0px 0px 0px;
    width: 100%;
    font-family: 'Roboto', sans-serif;
}

input.sbmt{
    background: #ff5746;
    color: #034456;
    border: 1px solid #ff5746;
    padding: 10px 50px;
    outline: none !important;
    box-shadow: inset 0 0 0 0 #034456;
    -webkit-transition: all ease 0.8s;
    -moz-transition: all ease 0.8s;
    transition: all ease 0.8s;
    font-size: 20px;
    font-weight: bold;
    border-radius: 0px 0px 30px 30px;
    text-transform: uppercase;
    font-family: 'Saira Semi Condensed', sans-serif;
}
input.sbmt:hover
{
    background: #034456;
    color: #ff5746;
    box-shadow: inset 100px 0px 0px 0px #034456;
    border: 1px solid #034456;
}

}


.form-control {
    display: block;
    width: 86%;
    height: 45px;
    padding: 6px 12px;
    font-size: 14px;
    line-height: 1.42857143;
    color: #fff;
    background-color: #034456;
    background-image: none;
    border: 1px solid #034456;
    border-radius: 4px;
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
    box-shadow: 0px 0px 10px 0px #ffffff;
    -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;
	    margin: 0 auto;
}


#formname_sub
{
color:#222;
text-transform:uppercase;
font-size:18px;
text-align:center;
/*background:#D1A703;*/
padding: 10px;
width:400px;
border-bottom: 5px solid #222;
margin:5px 0px;
font-family: 'Roboto', sans-serif;
}

.alls{
height:auto !important;
}
span#menu-icon{
height: 51px;
float: left;
width: 55px;
/*border-right: 5px solid #FFFFFF;*/
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: 'Roboto', sans-serif;
	
}
.memberuser
{
float:left;
width:100%;
  /*  background: #D1A703;*/
	height:100px;
}
.memberuser table tr td
{
color:#FF0000;
font-family: 'Roboto', sans-serif;
font-size:16px;
}

.left-navigation .navigation ul {
	
	margin-bottom:0px;
}

.left-navigation .navigation ul , .register , 
.right-navigation {
    padding: 0;
	margin-bottom:15px;
}

.left-navigation .navigation ul li {
	
	list-style:none;
}

.navigation
{
opacity:1;
margin-top:0px;
    padding: 0;
	margin-bottom:40px;
}
.navigations td
{
font-family: 'Roboto', sans-serif;
    color: #E7BA04;
    font-size: 18px;
    border: 1px solid;
    border-color: #fff;
    padding: 0;
    background-color:#1f1f1f;
	   /* 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;
	/*    border-radius: 7px;*/
}
.navigations th
{
font-family: 'Roboto', sans-serif;
    color: #FFFFFF;
    font-size: 20px;
    border-color: #666a6b;
    background-color:#7545b4;
}
.navigations td:hover
{
	font-family: 'Roboto', sans-serif;color:#E7BA04;font-style: Narrow;
	font-size: 18px;padding-left:20px;border:1px solid #fff; /*border-color:#666a6b;*/     color: #08072b;
	/* box-shadow: inset 0 0 0 0 #003399;*/
	background-color:#eaa22f;
}

	.register table tr td
	{
    font-family: "Roboto",sans-serif;
    font-size: 16px;
    background: #02151c;
    color: #FFF;
    line-height: 18px;
    border-radius: 3px;
    padding: 10px 0px;
    border: 1px solid #fff;
    text-align: center;

}
/*
.inheader{
    background: #E4B704;	
}
.item {
    background: #F5F2DC;
	}*/
.table_r
{
width:100%;
height:auto;
}
.table_r .table_r1
{
width: 64.5%;
height: 200px;
background:#fff;
float: left;
font-family: 'Roboto', sans-serif;
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: "Open Sans",sans-serif;
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%;
/*height: 235px;
background: #212424;*/
    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;/*border:1px solid;*/
	font-size: 20px;padding-left:17px;/*border-color:#000000;*//*border-radius:10px;*/
/*	background:#18BD9B;*/
}
.valids td.plan
{
	background:url('images/plan_bg.html') 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 {
    position: relative;
    float: left;
    width: 40px;
    height: 40px;
    background: #e82b25;
    /*-webkit-border-radius: 2px 0 0 2px;
    -moz-border-radius: 2px 0 0 2px;*/
    border-radius: 0px 0 0 0px;
}
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: #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***********************/