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

/*
font-family: 'PT Sans', sans-serif;
font-family: 'Open Sans', sans-serif;
font-family: 'Poppins', 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: #fff url(images/our-bg.jpg) no-repeat top center fixed;
	background-size:cover;
}

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

.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;
  }
}

.rotating {

	-webkit-animation: rotating 3s linear infinite;

	animation: rotating 3s 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);

    }

}



@-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; }

}



 /*rotating*/

#spinner {

	-webkit-animation: rotatings 3s linear infinite;

	animation: rotating 3s linear infinite;

}

#spinner.fast {

	-webkit-animation: rotatings 1s linear infinite;

	animation: rotating 1s linear infinite;

}



@-webkit-keyframes rotatings {

    from{

        -webkit-transform: rotatez(0deg);

    }


    to{

        -webkit-transform: rotatey(360deg);

    }

}



@-moz-keyframes rotatings {

    from{

        -moz-transform: rotatex(0deg);

    }

    to{

        -moz-transform: rotatey(360deg);

    }

}

@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);

	}

}

/*----floater start----*/
@-webkit-keyframes to Top FromBottom {
	49% {
		-webkit-transform: translateY(-100%);
	}
	50% {
		opacity: 0;
		-webkit-transform: translateY(100%);
	}
	51% {
		opacity: 1;
	}
}
@-moz-keyframes to Top FromBottom {
	49% {
		-moz-transform: translateY(-100%);
	}
	50% {
		opacity: 0;
		-moz-transform: translateY(100%);
	}
	51% {
		opacity: 1;
	}
}
@keyframes to Top FromBottom {
	49% {
		transform: translateY(-100%);
	}
	50% {
		opacity: 0;
		transform: translateY(100%);
	}
	51% {
		opacity: 1;
	}
}

@-webkit-keyframes floater-2 {0% {transform: translate3d(0px, 0px, 0px);}50% {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);}}

.gt-start-earning-anim-m2 {
    margin: 0 auto;
}
.ad-3-5 {
    animation-duration: 1.3s !important;
}

.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 graphic {
	from {background-position-x: 0;}
	to {background-position-x: -1920px;}
}
@-moz-keyframes graphic {
	from {background-position-x: 0;}
	to {background-position-x: -1920px;}
}
@keyframes graphic {
	from {background-position-x: 0;}
	to {background-position-x: -1920px;}
} /*----floater end----*/

/*----shrink start----*/
@keyframes shrink {
  0% {
    background-size: 100% 100%;
  }
  100% {
    background-size: 110% 110%;
  }
}
/*----shrink end----*/

.top-bg {

	background: #011747 url(images/banner-bg.jpg) no-repeat top center;
	background-size:cover;
	background-attachment:fixed;
	padding:30px 0px 30px;
	overflow: hidden;
	min-height: 952px;
}

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

.top-bg .top .logo {
	
}

.top-bg .top .logo a {
	
}

.top-bg .top .logo a img {

    display: inline-block;
    padding: 0px 0px 0px 0px;
}

.top-bg .top .logo a img:hover {
}

.top-bg .top .top-time {
	
    padding:20px 0px 0px 0px;
	text-align:end;
}

.top-bg .top .top-time p {
	
	font-family: 'Open Sans', sans-serif;
    font-size: 16px;
    color: #3dbbfc;
    font-weight: 400;
    text-transform: capitalize;
	margin:0px 0px 0px;
}

.top-bg .top .top-time p img { 

	position:relative;
	top:-3px;
}

.top-bg .top .top-time span {
	
	color:#f9f60b;
	text-transform:uppercase;
}

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

.top-bg .top .top-mail p {
	
	font-family: 'Open Sans', sans-serif;
    font-size: 16px;
    color: #3dbbfc;
    font-weight: 400;
	margin:0px 0px 0px;
}

.top-bg .top .top-mail p img { 

	position:relative;
	top:-3px;
}

/*-----menu-------*/

.menu-bg {
	
    background: transparent;
    background-size: cover;
    padding: 0px 0px 0px;
    border-top: 1px solid #09507a;
}

.menu-bg .navbar-inverse {

    margin: 0;
    min-height: auto;
    border-radius: 0;
    border: 0;
    background: none;
}
.menu-bg .navbar-inverse .navbar-header p {
	
    font-size: 18px;
    color: #f9f60b;
    text-transform: uppercase;
    transition: 0.7s;
    vertical-align: middle;
    padding: 0px 0px 0px 0px;
	font-family: 'Open Sans', sans-serif;
    font-weight: 600;
    margin: 10px 0px 10px 0px;
}

.menu-bg .navbar-inverse .navbar-.menu-bg {

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

.menu-bg .navbar-inverse .navbar-.menu-bg p {

    font-size: 20px;
    color: #ffffff;
    text-transform: uppercase;
    transition: 0.7s;
    vertical-align: middle;
    padding: 0px 0px 0px 0px;
	font-family: "Calibri";
    font-weight: 600;
    margin: 18px 0px 0px 0px;
}

.menu-bg .navbar-inverse .navbar-collapse {

    border-color: #195a8f  !important;
    background: none;
    border-radius: 0px;
    padding: 0px 0px 0px 0px;	
}

.menu-bg .navbar-right {
	
    margin: 0;
    margin-right: 0px;
}

.menu-bg .navbar-inverse .navbar-nav > li {

    padding: 0px 23px;
    display: inline-block;
    vertical-align: middle;
    float: none;
}

.menu-bg .navbar-inverse .navbar-nav>li>a {
	
    font-size: 18px;
    color: #ffffff;
    transition: 0.7s;
    vertical-align: middle;
    padding: 20px 5px;
    font-family: 'PT Sans', sans-serif;
    font-weight: 400;
    background: transparent;
    text-transform: capitalize;
    transition: 0.7s;
    border-top: 5px solid transparent;
}

.menu-bg .navbar-inverse .navbar-nav>li>a:hover {

    border-top: 5px solid #3ae1ff;
    color: #3ae1ff;
    transition: 0.7s;
    background: transparent;
}

.menu-bg .navbar-inverse .navbar-nav>li> .a1 {
	
    font-family: 'PT Sans', sans-serif;
    font-weight: 400;
    font-size: 16px;
    display: inline-block;
    color: #1d1c1a;
    border: 1px solid #f5a00c;
    border-radius: 0px;
    padding: 7px 25px !important;
    background: #f5a00c;
    text-transform: uppercase;
    transition: 0.7s;
    box-shadow: inset 0 0 0 #f5a00c;
}

.menu-bg .navbar-inverse .navbar-nav>li> .a1:hover {

	transition: 0.7s;
    color: #f9f60b;
    border: 1px solid #f9f60b;
    background: transparent;
    box-shadow: inset 0 35px 0px 0 transparent;	
}

.menu-bg .navbar-inverse .navbar-nav>li> .a2 {
	
    font-family: 'PT Sans', sans-serif;
    font-weight: 400;
    font-size: 16px;
    display: inline-block;
    color: #f9f60b;
    border: 1px solid #f9f60b;
    border-radius: 0px;
    padding: 7px 25px !important;
    background: transparent;
    text-transform: uppercase;
    transition: 0.7s;
	box-shadow:inset 0 0px 0px 0 #transparent;
}

.menu-bg .navbar-inverse .navbar-nav>li> .a2:hover {

	transition: 0.7s;
    color: #1d1c1a;
    border: 1px solid #f5a00c;
    background: #f5a00c;
	box-shadow: inset 0 35px 0 0 #f5a00c;	
}

.top-bg .banner-bg {
	
    background:url(images/banner-dot.png) no-repeat top center;
    background-size: cover;
}

.top-bg .banner-bg .banner {
}

.top-bg .banner-bg .banner .banner-left {
	
    padding: 100px 0px 0px 0px;
}

.top-bg .banner-bg .banner .banner-left h3 {
	
	font-family: 'Open Sans', sans-serif;
	font-size: 27px;
	color: #3dbbfc;
    font-weight: 600;
	margin:0px 0px 15px 0px;    
}

.top-bg .banner-bg .banner .banner-left h2 {
	
    font-family: 'Open Sans', sans-serif;
    font-size: 45px;
    color: #fff;
    font-weight: bold;
    margin: 0px 0px 0px 0px;
    text-transform: uppercase;
}

.top-bg .banner-bg .banner .banner-para {

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

.top-bg .banner-bg .banner .banner-para p {
	
    font-family: 'Open Sans', sans-serif;
    font-size: 18px;
    color: #fff;
    font-weight: 400;
    margin: 0px 0px 0px 0px;
    line-height: 42px;
}

.top-bg .banner-bg .banner .banner-para p span {
	
    color: #f9f60b;
}

.top-bg .banner-bg .banner .banner-but {

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

.top-bg .banner-bg .banner .banner-but a {

    font-family: 'Open Sans', sans-serif;
    font-size: 19px;
    font-weight: 600;
    color: #fff;
    background: #306ce9;
    border: 4px solid #828c97;
    padding: 12px 20px;
    margin: 0px 10px 10px 10px;
    border-radius: 45px;
    transition: 0.7s;
    display: inline-block;
    text-transform: uppercase;
    transition-duration: .5s;
    transition-property: transform;
    position: relative;
}

.top-bg .banner-bg .banner .banner-but a:hover {
	
	color: #f9f60b;
    background: transparent;
    border: 4px solid #f9f60b;
    transition: 0.7s;
    box-shadow: 0px 0px 10px #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;
}

.top-bg .banner-bg .banner .banner-but a i {

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

.top-bg .banner-bg .banner .banner-img {
	
    padding: 150px 0px 0px 0px;
}

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

/*---------------------------------*/

.plan-bg {

	background: #fff no-repeat top center;
	background-size:cover;
	background-attachment:fixed;
	padding:30px 0px 30px;
    min-height: 650px;
}

.plan-bg .sta {
	
	text-align: center;
    position: relative;
    margin: -100px 0px 0px;
}

.plan-bg .sta .sta1 {
	
    background: #fff;
    border-radius: 91px;
    display: inline-block;
    min-height: 157px;
    width: 157px;
}

.plan-bg .sta .sta1 .sta-bg1 {
	
    background: #2a68e9;
    border-radius: 91px;
    display: inline-block;
    min-height: 101px;
    width: 101px;
    margin: 28px;
}

.plan-bg .sta .sta1 .sta-bg1 img {
	
    margin: 20px;
}

.plan-bg .sta .sta-text {
	
	padding:0px 0px 0px 0px;
}

.plan-bg .sta .sta-text h3 {
	
	font-family: 'Open Sans', sans-serif;
    font-size: 24px;
    color: #040d13;
    font-weight: 600;
    margin: 0px 0px 0px 0px;
}

.plan-bg .sta .sta-text p {
	
	font-family: 'Open Sans', sans-serif;
    font-size: 16px;
    color: #0d7cfa;
    font-weight: 600;
    margin: 10px 0px 0px 0px;
	text-transform:uppercase;
}

/*---------------------------------*/

.calc-bg {

	background: #011747 url(images/calc-bg.png) no-repeat top center;
	background-size:cover;
	padding:30px 0px 30px;
	min-height:454px;
}

/*------plan------*/

.calc-bg .plan {
	
    padding: 0px 0px 30px 0px;
    position: relative;
    margin-top: -487px;
}

.calc-bg .plan .plan-bg1 {
	
    background: url(images/plan-bg1.png) no-repeat top center;
    width: 272px;
    min-height: 500px;
    margin: 20px auto 20px;
    transition: 0.7s;
    text-align: center;
    position: relative;
    z-index: 9999;
    cursor: pointer;
    box-shadow: 0 0px 15px 2px #000000;
    border-radius: 10px;
}

.calc-bg .plan .plan-bg1 .graph2 { 

	height:180px;
	background:url(images/plan-shadow.png) repeat-x 0 100%;
	animation:graph 130s linear infinite;
	-webkit-animation:graph 100s linear infinite;
    border-radius: 10px;
}

@keyframes graph { 

	from {background-position:-2765px 100%,0 0}
	to {background-position:0 100%,0 0}
}

@-webkit-keyframes graph {
	 
	from {background-position:-2765px 100%,0 0}
	to {background-position:0 100%,0 0}
} 

.calc-bg .plan .plan-bg1 .graph-top2 { 

	margin-top:0px;
	z-index:1;
}

.calc-bg .plan .plan-bg1 .plan-head {
	
    padding: 20px 0px 0px 0px;
}

.calc-bg .plan .plan-bg1 .plan-head h4 {

    font-family: 'Open Sans', sans-serif;
    font-size: 17px;
    color: #fff;
    font-weight: 600;
    margin: 0px 0px 0px;
    background: #1964e0;
    display: inline-block;
    padding: 10px 20px;
    border-radius: 5px;
}

.calc-bg .plan .plan-bg1 .plan-per {
	
	padding: 10px 0px 0px 0px;	
}

.calc-bg .plan .plan-bg1 .plan-per h2 {
	
	font-family: 'Open Sans', sans-serif;
    font-size: 37px;
    color: #f9f60b;
    font-weight: 700;
    margin: 0px 0px 0px;
}

.calc-bg .plan .plan-bg1 .plan-per p {
	
	font-family: 'Open Sans', sans-serif;
    font-size: 17px;
    color: #00edff;
    font-weight: 400;
    margin: 0px 0px 0px;
}

.calc-bg .plan .plan-bg1 .plan-midimg img {
	
    margin: 8px auto 0px;
}

.calc-bg .plan .plan-bg1 .plan-text {
	
    padding: 50px 0px 0px 0px;
}

.calc-bg .plan .plan-bg1 .plan-text p {
	
	font-family: 'Open Sans', sans-serif;
    font-size: 14px;
    color: #696c6e;
    font-weight: 400;
	margin:0px 0px 0px;
    text-align: initial;
    padding: 0px 0px 0px 20px;
    line-height: 30px;
}

.calc-bg .plan .plan-bg1 .plan-text p span {
	
    color: #1964e0;
    font-weight: 600;
    float: right;
    width: 35%;
    text-align: end;
	padding: 0px 25px 0px 0px;
}

.calc-bg .plan .plan-bg1 .plan-inc {
	
    padding: 20px 0px 0px 0px;
}

.calc-bg .plan .plan-bg1 .plan-inc h5 {
	
    font-family: 'Open Sans', sans-serif;
    font-size: 14px;
    color: #f9f60b;
    font-weight: 600;
    margin: 0px 0px 0px;
    line-height: 27px;
    text-transform: uppercase;
}

.calc-bg .plan .plan-bg1 .plan-bot {
	
    padding: 20px 0px 0px 0px;
}

.calc-bg .plan .plan-bg1 .plan-bot h4 {
	
    font-family: 'Open Sans', sans-serif;
    font-size: 14px;
    color: #0b7ecb;
    font-weight: 500;
    margin: 0px 0px 16px;
}

.calc-bg .plan .plan-bg1 .plan-bot a {
	
	font-family: 'Open Sans', sans-serif;
    font-size: 17px;
    color: #fff;
    font-weight: 600;
    margin: 0px 0px 0px;
    background: #0c51ac;
    display: inline-block;
    padding: 7px 35px;
    border-radius: 5px;
	border:1px solid #0c51ac;
	text-transform:uppercase;
	transition-duration: .5s;
    transition-property: transform;
    position: relative;
}

.calc-bg .plan .plan-bg1 .plan-bot a:hover {
	
	color: #f9f60b;
    background: #0c51ac;
    border: 1px solid #0c51ac;
    transition: 0.7s;
    box-shadow: 0px 0px 10px #0a1369;
    transform: translateY(10px);
    animation-name: hang;
    animation-duration: 1.5s;
    animation-delay: $defaultDuration;
    animation-timing-function: linear;
    animation-iteration-count: infinite;
    animation-direction: alternate;
}

.calc-bg .plan .plan-bg1 .plan-bot a i {

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

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

.calc-bg .calc-img img {
	
	margin:auto;
}

.calc-bg .calc-img h4 {
	
	font-family: 'Open Sans', sans-serif;
    font-size: 24px;
    color: #f9f60b;
    font-weight: bold;
    margin: 10px 0px 0px;
	text-transform:uppercase;
}

.calc-bg .calc .calc-cal1 {

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

.calc-bg .calc .calc-cal1 h4 {

   	font-family: 'Open Sans', sans-serif;
    font-size: 18px;
    color: #ffffff;
    margin: 0px 0px 14px 0px;
    font-weight: 600;
	text-transform:uppercase;
}

.calc-bg .calc .calc-cal1 select {

   	font-family: 'Open Sans', sans-serif;
    font-size: 20px;
    color: #0c51ac !important;
    min-height: 45px;
    text-align: center;
    width: 65%;
    background: #fff no-repeat top center;
    font-weight: 400;
    padding: 8px 15px;
    border: 1px solid #fff;
	border-radius:5px;
	background-size:cover;
}

.calc-bg .calc .calc-cal1 select option {
	
	position:relative;
    color: #0c51ac !important;
    background: #fff;

}

.calc-bg .calc .calc-cal1 input {

   	font-family: 'Open Sans', sans-serif;
    font-size: 20px;
    color: #0c51ac;
    text-align: center;
    background: #fff no-repeat top center;
    width: 65%;
    border: transparent;
    min-height: 45px;
    font-weight: 400;
	border: 1px solid #fff;
    border-radius: 5px;
    padding: 0px 30px 0px 0px;
}

.calc-bg .calc .calc-cal2 {

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

.calc-bg .calc .calc-cal2 h4 {

    font-family: 'Open Sans', sans-serif;
    font-size: 18px;
    color: #ffffff;
    margin: 0px 0px 14px 0px;
    font-weight: 600;
	text-transform:uppercase;
}

.calc-bg .calc .calc-cal2 input {

    font-family: 'Open Sans', sans-serif;
    font-size: 17px;
    color: #fff;
    text-align: center;
	background: #0c51ac no-repeat top center;
    width: 28%;
    min-height: 45px;
    font-weight: 400;
	border: 1px solid #0c51ac;
    border-radius: 5px;
    padding: 0px 30px 0px 0px;
    
}

/*---------------------------------*/

.about-bg {

	background: #fff no-repeat top center;
	background-size:cover;
	padding:30px 0px 30px;
}

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

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

.about-bg .about .about-1 h3 {
	
    font-family: 'Open Sans', sans-serif;
    font-size: 32px;
    color: #f87806;
    font-weight: 600;
    margin: 0px 0px 15px;
}

.about-bg .about .about-1 h4 {
	
    font-family: 'Open Sans', sans-serif;
    font-size: 20px;
    color: #0c51ac;
    font-weight: 400;
    margin: 0px 0px 15px;
    line-height: 27px;
}

.about-bg .about .about-1 p {
	
    font-family: 'Open Sans', sans-serif;
    font-size: 17px;
    color: #01143d;
    font-weight: 400;
    margin: 0px 0px 0px;
    line-height: 30px;
}

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

.about-bg .about .about-but a {
	
	font-family: 'Open Sans', sans-serif;
    font-size: 19px;
    font-weight: 600;
    color: #fff;
    background: #306ce9;
    border: 4px solid #306ce9;
    padding: 12px 20px;
    margin: 0px 10px 10px 10px;
    border-radius: 45px;
    transition: 0.7s;
    display: inline-block;
    text-transform: uppercase;
    transition-duration: .5s;
    transition-property: transform;
    position: relative;
}

.about-bg .about .about-but a:hover {
	
	color: #f9f60b;
    background: #091777;
    border: 4px solid transparent;
    transition: 0.7s;
    box-shadow: 0px 0px 10px #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;
}

.about-bg .about .about-but a i {

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

.about-bg .about .about-img {
}

.about-bg .about .about-img img {
	
	margin:0px auto 0px;
}

/*---------------------------------*/

.how-bg {
	
	background: #082f68 url(images/how-bg.jpg) no-repeat top center;
	background-size:cover;
	padding:30px 0px 30px;
	background-attachment:fixed;
	animation: shrink 5s infinite alternate;
}

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

.how-bg .how-img img {
	
	margin:auto;
}

.how-bg .how-img h4 {
	
	font-family: 'Open Sans', sans-serif;
    font-size: 24px;
    color: #f9f60b;
    font-weight: bold;
    margin: 10px 0px 0px;
	text-transform:uppercase;
}

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

.how-bg .how .how-bg1 {
	
    background: #fff;
    width: 181px;
    min-height: 181px;
    border-radius: 95px;
    border: 1px solid #fff;
    text-align: center;
	float: left;
}

.how-bg .how .how-bg1 img {
	
    margin: 20px 0px 0px 0px;
}

.how-bg .how .how-bg1 h3 {
	
	font-family: 'Open Sans', sans-serif;
    font-size: 17px;
    color: #1a1917;
    font-weight: bold;
    margin: 15px 0px 0px;
    text-transform: uppercase;
	line-height:23px;
}

.how-bg .how .how-line1 {
	
    position: relative;
    top: 80px;
    left: 15px;
}

.how-bg .how .how-line1 img {
	
    margin: auto;
}

.how-bg .how .how-bg2 {
	
    background: #2b7bf8;
    width: 181px;
    min-height: 181px;
    border-radius: 95px;
    border: 1px solid #2b7bf8;
    text-align: center;
	float: left;
}

.how-bg .how .how-bg2 img {
	
    margin: 20px 0px 0px 0px;
}

.how-bg .how .how-bg2 h3 {
	
	font-family: 'Open Sans', sans-serif;
    font-size: 17px;
    color: #fff;
    font-weight: bold;
    margin: 15px 0px 0px;
    text-transform: uppercase;
	line-height:23px;
}

.how-bg .how .how-line2 {

	position: relative;
    top: 80px;
    left: 15px;
}

.how-bg .how .how-line2 img {
}

/*---------------------------------*/

.our-bg {

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

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

.our-bg .our-img img {
	
	margin:auto;
}

.our-bg .our-img h4 {
	
	font-family: 'Open Sans', sans-serif;
    font-size: 27px;
    color: #f87806;
    font-weight: bold;
    margin: 10px 0px 0px;
	text-transform:uppercase;
}

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

.our-bg .our .our-1 {
	
    padding: 50px 0px 0px 0px;
}

.our-bg .our .our-1 .our-imgbg {
	
    background: #177dec;
    display: inline-block;
    border-radius: 72px;
    padding: 28px 26px;
}

.our-bg .our .our-1 .our-imgbg img {
}

.our-bg .our .our-1 .our-text {
	
    padding: 30px 0px 0px 0px;
}

.our-bg .our .our-1 .our-text h4 {
	
	font-family: 'Open Sans', sans-serif;
    font-size: 20px;
    color: #177dec;
    font-weight: 600;
    margin: 0px 0px 0px;
}

.our-bg .our .our-1 .our-text p {
	
	font-family: 'Open Sans', sans-serif;
    font-size: 15px;
    color: #606568;
    font-weight: 400;
    margin: 15px 0px 0px;
    line-height: 25px;
}

/*---------------------------------*/

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

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

.depo-bg .depo-img img {
	
	margin:auto;
}

.depo-bg .depo-img h4 {
	
	font-family: 'Open Sans', sans-serif;
    font-size: 24px;
    color: #f9f60b;
    font-weight: bold;
    margin: 10px 0px 0px;
	text-transform:uppercase;
}

.depo-bg .depo-text {
	
    padding: 130px 0px 30px 0px;
    margin: 0px 0px 0px 0px;
    position: relative;
    left: 40px;
}

.depo-bg .depo-text h2 {
	
    font-family: 'Open Sans', sans-serif;
    font-size: 30px;
    font-weight: 600;
    color: rgba(255,255,255,1.00);
    text-shadow: 0px 0px 5px rgb(160, 160, 160);
    margin: 30px 0px 0px 0px;
    padding: 0;
    text-transform: uppercase;
	text-align:center;
}

.depo-bg .depo-img1 {
	
    padding: 30px 0px 30px 0px;
}

.depo-bg .depo-img2 {
	
    padding: 30px 0px 30px 0px;
}

.depo-bg .depo {

	text-align:center;
}

.depo-bg .depo-head1 {

	padding: 30px 0px 30px;
}

.depo-bg .depo-head1 h4 {
	
    font-family: 'Open Sans', sans-serif;
    font-size: 18px;
    color: #ffffff;
    margin: 0px 0px 14px 0px;
    font-weight: 600;
    text-transform: uppercase;
}

.depo-bg .depo-main {

	padding: 0px 0px 30px;
}

.depo-bg .depo1 {
	
    padding: 0px;
    background: url(images/depo-bg1.png) no-repeat top center;
    background-size: cover;
    width: 258px;
    min-height: 185px;
    text-align: center;
    margin: auto;
}

.depo-bg .depo1 img {
	
    padding: 6px 7px;
    background: #fff;
    border-radius: 35px;
    display: inline-block;
    margin-top: 10px;
}

.depo-bg .depo1 p {
	
    font-family: 'Open Sans', sans-serif;
    font-size: 20px;
    font-weight: 400;
    color: #fff;
    padding: 0px 0px 0px 0px;
    margin: 10px 0px 5px 0px;
	text-transform:capitalize;
}

.depo-bg .depo1 h4 {
	
    font-family: 'Open Sans', sans-serif;
    font-size:25px;
    font-weight:600;
    color: #fff;
    margin: 0px 0px 0px 0px;
}

.depo-bg .depo1 h4 span {
	
	color: #f9fd0c;
	font-size:20px;
}

.depo-bg .depo1 .depo-bot {
	
	padding:20px 0px 0px 0px;
}

.depo-bg .depo1 .depo-bot p {
	
	font-family: 'Open Sans', sans-serif;
    font-size:17px;
    font-weight:400;
    color: #f87806;
    margin: 10px 0px 0px 0px;
}

/*---------------------------------*/

.foot-bg
{
	background: #020d27 url(images/foot-bg.jpg) no-repeat top center;
    background-size: cover;
    padding: 40px 0px 0px 0px;
	min-height: 428px;
}
.foot-bg .pay
{
	 padding: 20px 0px 0px 0px;
}
.foot-bg .pay ul
{
	margin:0;
	padding:0;
	text-align:center;
}
.foot-bg .pay ul li
{
	display: inline-block;
    padding: 8px 21px;
}
.foot-bg .foot
{
	padding: 75px 0px 0px 0px;
}
.foot-bg .foot .foot-text
{
	padding: 12px 0px 0px 0px;
}
.foot-bg .foot .foot-text img
{
    padding: 0px 16px 2px 0px;
    float: left;
}

.foot-bg .foot .foot-text p {
    margin: 0px 0px 0px 0px;
    font-family: 'Open Sans', sans-serif;
    font-size: 15px;
    color: #dde8fd;
    line-height: 25px;
    padding: 0px 0px 0px 0px;
    text-align: left;
	width: 89%;
}
.foot-bg .foot-logo
{
	text-align: center;
    padding: 75px 0px 0px 0px;
}
.foot-bg .foot-logo img {
}
.foot-bg .foot-logo img:hover
{
}

.foot-bg .foot-logo p {
	
    font-family: 'Open Sans', sans-serif;
    font-size: 14px;
    color: #fff;
    font-weight: 400;
    margin: 20px 0px 0px;
}

.foot-bg .foot-social
{    text-align: right;
    padding: 60px 17px 0px 0px;
}
.foot-bg .foot-social ul {
	list-style-type: none;
    margin: 0px;
    padding: 0px;
}
.foot-bg .foot-social ul li {
    display: inline-block;
    padding: 13px 2px;
    margin: 0.15em;
    position: relative;
    font-size: 1.2em;
}
.foot-bg .foot-social ul li a
{
	display: inline-block; 
}
.foot-bg .foot-social ul li a i
{
	font-size: 15px;
    color: #bcbec0;
    background-color: #3742549e;
    padding: 11px 12px;
    position: absolute;
    top: 21px;
    width: 36px;
    border-radius: 30px;
    left: 10px;
    transition: all $timing ease-out;
}
.foot-bg .foot-social ul li a:before {
  	transform: scale(1);
	-ms-transform: scale(1);
	-webkit-transform: scale(1);
	content: " ";
	width: 41px;
	height: 41px;
	border-radius: 100%;
	display: block;
	transition: all 265ms ease-out;
}
.foot-bg .foot-social ul li a:hover:before {
  	transform: scale(0);
	transition: all 265ms ease-in;
}
.foot-bg .foot-social ul li a:hover i {
	transform: scale(2.2);
    -ms-transform: scale(2.2);
    -webkit-transform: scale(2.2);
    color: #fff;
    background: -webkit-linear-gradient(45deg, #3dbbfc, #3dbbfc);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    transition: all 265ms ease-in;
    border: none;
}
.foot-bg .foot-social ul li a i:hover
{
}
.foot-bg .foot-phone
{
    padding: 15px 0px 0px 0px;
    text-align: right;
}
.foot-bg .foot-phone p
{
	font-family: 'Poppins', sans-serif;
    font-size: 15px;
    color: #fff;
    font-weight: 400;
    margin: 0px 0px 5px 0px;
	padding:0px 0px 0px 0px;
}
.foot-bg .foot-phone a
{
	font-family: 'Poppins', sans-serif;
    font-size: 15px;
    color: #fff;
    font-weight: 400;
    margin: 0px 0px 5px 0px;
	padding:0px 0px 0px 0px;
}
.foot-bg .foot-phone a:hover
{
	color: #ffea00;
}
.foot-bg .foot-bg1
{
    background: transparent;
    background-size: cover;
    padding: 20px 0px 20px 0px;
    border-top: 1px solid #0b345f;
    margin: 60px 0px 0px 0px;
}
.foot-bg .foot-bg1 .copy
{
	text-align:center;
}
.foot-bg .foot-bg1 .copy p
{
    font-family: 'Poppins', sans-serif;
    font-size: 15px;
    color: #2058aa;
    font-weight: 400;
    margin: 15px 0px 15px 0px;
    padding: 0px 0px 0px 0px;
}

/*---------------------------------*/



/*---------------------------------*/
/*<mouse>*/
.cursor {
	
	position: fixed;
	width:53px;
	height: 55px;
	margin: -20px 0 0 -20px;
	border-radius: 0;
	background: url(images/favicon.png);
	z-index: 1000;
	animation: appear .5s;
	-webkit-animation: appear .5s;
}

@keyframes appear {
	0%{
		opacity: .9;
		transform: scale(.5, .5);
	}
	70%{
		opacity: .3;
		transform: scale(1, 1);
	}
	100%{
		opacity: 0;
		transform: scale(.5, .5);
	}
}
/*<mouse>*/

/*---------------------------------*/

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


@media only screen and (max-width: 1199px){
	.top-bg .top .logo a img {
		width: 300px;
	}
	.top-bg .top .top-time {
		padding: 10px 0px 0px 0px;
		text-align: end;
	}
	.top-bg .top .top-mail {
    	padding: 10px 0px 0px 0px;
	}
	.menu-bg .navbar-inverse .navbar-nav > li {
    	padding: 0px 11px;
	}
	.menu-bg .navbar-inverse .navbar-nav > li > a {
		font-size: 18px;
	}
	.menu-bg .navbar-inverse .navbar-nav > li .btn {
		min-width: 115px;
	}
	.menu-bg .navbar-inverse .navbar-nav > li a.btn.btn-primary {
		min-width: 110px;
	}
	.plan-bg .sta {
		position: unset;
		margin: 0px 0px 0px;
    	padding: 30px 0px 30px;
	}
	.plan-bg .sta .sta1 {
		border: 1px solid #2465eb;
		margin: 30px auto 30px;
	}
	.calc-bg {
		background: #011747 url(images/plan-bg2.jpg) no-repeat top center fixed;
		background-size: cover;
		padding: 30px 0px 30px;
		min-height: unset;
	}
	.calc-bg .plan {
		padding: 30px 0px 30px 0px;
		position: unset;
		margin-top: unset;
	}
	.about-bg .about .about-img img {
    	margin: 50px auto 0px;
	}
	.how-bg .how {
		padding: 30px 0px 20px 0px;
		text-align: center;
	}
	.how-bg .how .how-line1 {
	    display: none;
	}
	.how-bg .how .how-line2 {
	    display: none;
	}
	.how-bg .how .how-bg1 {
		float: unset;
		margin: 20px auto 20px;
	}
	.how-bg .how .how-bg2 {
		float: unset;
		margin: 20px auto 20px;
	}
	.foot-bg .foot .foot-text img {
	    padding: 0px 6px 2px 0px;
	}
	
}

@media only screen and (max-width: 991px){
	.top-bg .top {
    	padding: 0px 0px 30px 0px;
    	text-align: center;
	}
	.top-bg .top .logo a img {
	    margin: auto;
	}
	.top-bg .top .top-time {
    	padding: 25px 0px 15px 0px;
    	text-align: center;
	}
	.menu-bg .navbar-inverse {
	  text-align: center;
	}
	.menu-bg .navbar-inverse .navbar-.menu-bg {
	  width: 100%;
	}
	.menu-bg .navbar-inverse .navbar-nav > li.btn_menu {
	  padding: 4px 0;
	}
	.menu-bg .navbar-inverse .navbar-nav > li {
		padding: 20px 9px;
	}
	.menu-bg .navbar-inverse .navbar-nav > li > a {
		line-height:26px;
	    padding: 3px 5px;
	}
	.menu-bg .navbar-inverse .navbar-header {
	    float: unset;
		background: #01152d9e;
		box-shadow: 0px 0px 4px 1px #3dbbfc;
	}
	.top-bg .banner-bg .banner {
    	text-align: center;
	}
	.top-bg .banner-bg .banner .banner-left {
    	padding: 50px 0px 0px 0px;
	}
	.top-bg .banner-bg .banner .banner-img {
    	padding: 50px 0px 30px 0px;
	}
	.top-bg .banner-bg .banner .banner-img img {
    	margin: auto;
	}
	.about-bg .about {
    	text-align: center;
    	padding: 10px 0px 0px;
	}
	.about-bg .about .about-img img {
    	margin: 30px auto 10px;
	}
	.foot-bg .foot {
    	padding: 30px 0px 0px 0px;
    	text-align: center;
	}	
	.foot-bg .foot .foot-text img {
		padding: 0px 6px 2px 0px;
		margin: auto;
		float: unset;
	}	
	.foot-bg .foot .foot-text p {
		line-height: 35px;
		text-align: center;
		width: unset;
	}
	.foot-bg .foot-logo {
    	text-align: center;
    	padding: 30px 0px 0px 0px;
	}
	.foot-bg .foot-logo img {
    	margin: auto;
	}
	.foot-bg .foot-social {
    	text-align: center;
    	padding: 30px 0px 0px 0px;
	}
	.foot-bg .foot-phone {
    	padding: 15px 0px 0px 0px;
    	text-align: center;
	}
	.foot-bg .foot-bg1 {
	    margin: 30px 0px 0px 0px;
	}
	
}

@media only screen and (max-width: 767px){
	.menu-bg {
		padding: 12px 0px 12px 0px;
	}
	.menu-bg .navbar-inverse {
	  text-align: left;
	}
	.menu-bg .navbar-inverse .navbar-nav > li > a {
		    padding: 3px 3px;
    		display: inline-block;
	}
	.menu-bg .navbar-inverse .navbar-nav > li > a:hover {
		
	}
	.menu-bg .navbar-inverse .navbar-collapse {
    background: none;
	}
	.menu-bg .navbar-toggle{ margin: 12px 5px; border:0; background:#3dbbfc; border-radius:0;}
	.menu-bg .navbar-inverse .navbar-toggle:hover, 
	.menu-bg .navbar-inverse .navbar-toggle:focus{  background:#f9f60b;}
	.menu-bg .navbar-inverse .navbar-toggle:hover .icon-bar, 
	.menu-bg .navbar-inverse .navbar-toggle:focus .icon-bar{ background-color:#001834;}
	.menu-bg .navbar-inverse .navbar-nav > li {
	  padding: 5px;
	  width: 100%;
	  text-align:center;
      background: #3dbbfc26;
	}
	.menu-bg .navbar-inverse .navbar-toggle .icon-bar {
    	background-color: #001834;
	}
	.menu-bg .navbar-inverse .navbar-toggle .icon-bar:hover {
    	background-color: #001834;
	}
	.menu-bg .navbar-inverse .navbar-header p {
	    margin: 15px 0px 10px 10px;
	}
}

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


@media only screen and (max-width: 420px){
	.calc-bg .calc .calc-cal1 select {
		width: 92%;
	}
	.calc-bg .calc .calc-cal1 input {
		width: 92%;
	}
	.calc-bg .calc .calc-cal2 input {
    	width: 40%;
	}
}










/**



* 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 { 



    /* Behave  like a "row" */



    border: none;



    border-bottom: 1px solid #eee; 



    position: relative;



    padding-left: 50%; 



  }



  



  .cart-page td:before { 



    /* Now like a table header */



    /* Top/left values mimic padding */



      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*/











/***************** login starts ************/



.innerpage_banner {

    min-height: 150px;

    width: 100%;

    background: #0c51ac no-repeat top center;

	background-attachment:fixed;

	background-size: cover;

}

 .inner_page_info {

    margin-top: 35px;

    width: auto;

    padding-left: 35px;

    background: transparent;

    padding-right: 35px;

    padding-bottom: 60px;

    display: inline-block;

    background: url(images/heading-img1.png) no-repeat center;

}

 .inner_page_info h3 {

     font-size:36px;

     color: #f9f60b;

     font-weight:800;

     margin: 0px 0px 30px 0px;

     line-height: normal;

	 font-family:'PT Sans', sans-serif;

	 text-transform: uppercase;

}



.inner_page_info h3 span {

	

	color:#f5a00c;

}



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

		.inner_page_info h3 {

		 font-size:26px !important;

	}

}



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

	 .inner_page_info h3 {

     font-size:30px;

}

}



.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: 'PT Sans', sans-serif;

    text-transform: uppercase;

}

.heading_main span {

    color: #550ae7;

    font-family: 'PT Sans', 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: "open Sans", sans-serif; }

.main_title span {

	font-size: 33px;

	font-weight: 400;

	font-family: "open Sans", 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;

	color:#fff;

}



.form_block span a {

	

	color: #f9f60b;

    font-size: 16px;

    font-weight: bold;

	transition:0.7s;

}



.form_block span a:hover {

	

	color: #f5a00c;

	transition:0.7s;

    font-size: 16px;

    font-weight: bold;

}



.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: 10px 60px 0 20px;

}





.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_box {

	width: 100%;

    display: inline-block;

    padding: 20px 70px 50px;

    margin-bottom: 40px;

    background: #011747 url(images/depo-bg.jpg) no-repeat top center fixed;

    background-size: cover;

    font-family: "open Sans", sans-serif;

    border-radius: 30px;

}



.form_box h2 {

	text-align: center;

	padding: 15px 0;

	color: #fff;

}



.forgot_pwd span {

	font-size: 14px;

	color: #fff;

	text-transform: capitalize;

}

.forgot_pwd span a {

	font-size: 14px;

	color: #eded13;

	float: right;

}



.inner-bg  {



    background: #fff url(images/our-bg.jpg) no-repeat top center;

    background-size: cover;

    background-attachment: fixed;

	padding:30px 0px 30px 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: #000;

    font-weight: 600;

}

.after_reg h3 {

  color:#0c51ac;

  font-size: 26px;

      font-weight: 600;

}



.after_reg p{ margin-bottom:10px;

}



.msg .error i {

  background-color: #b93b37;

  color: #fff;



}



.msg .success i {

  background-color: #2b792b;

  color: #fff;



}

.msg i {



  margin-right: 5px;

  padding: 10px;

}



.after_reg p{ margin-bottom: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  {



/*background-color: #e9e9e9;*/



}







.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 #f43001;

    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);



  position:absolute;



  bottom:0;



}



::-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  {



/* background-image:url(images/banner-2.jpg);



background-position:center;



background-size: cover;*/



  /*  background-color: #e9e9e9;*/



}





.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 #f43001;

    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 #f43001;

    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 {



/*border:none;*/



}























/***************** 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 {



/*min-width:240px;



max-width:460px;*/



width:100%;



height:180px;



/*display:inline-block;*/



/*background: -webkit-linear-gradient(135deg , #1498dc , #0572ab , rgba(69, 20, 220, 0.75));



background: -o-linear-gradient(135deg , #1498dc , #0572ab , rgba(69, 20, 220, 0.75));



background: -moz-linear-gradient(135deg , #1498dc , #0572ab , rgba(69, 20, 220, 0.75));



background: linear-gradient(135deg , #1498dc , #0572ab , rgba(69, 20, 220, 0.75));*/



margin-bottom:30px;



/*box-sizing: border-box;*/



padding: 15px;



color:#fff;



    border: 1px solid #137b60;



    background: #323254;



}



.user_page .list:first-child {



/*margin-right:20px;*/



}



.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: #f43001;



    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;



	/*background-color: #c8c8c8;*/



	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: 'Muli', sans-serif;



font-size:100%;



line-height:24px;



color: #000;



padding:15px 0;



border:none;



}















input, textarea {



width:auto;



height:auto;



}







input[type=submit] {



width: auto;



background: #137b60;



border: 1px solid #137b60;



color:#fff;



}







input[type=submit] {



width: auto;



background: #137b60;



border: 1px solid #137b60;



color:#fff;



}



input[type=submit]:hover {



background:#fff;    



color: #137b60;



border: 1px solid #137b60;



}







}















/********** 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%;



}







.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;



    /* 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 #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;



}







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







.navigation .menutxt:before {



    position: absolute;



    width: 100%;



    height: 100%;



    content: "";



    background-color: #3e3343;



    left: 0;



    top: -53px;



	transition:0.8s;



	z-index:-1;



}







.navigation .menutxt:hover:before {



    position: absolute;



    width: 100%;



    height: 100%;



    content: "";



    background-color: #3e3343;



    left: 0;



    top: 0px;



	transition:0.8s;



}







.navigation .menutxt {



position:relative;



overflow:hidden;



}







.navigation .menutxt



{



    font-size: 16px;



    width: 240px;



    display: inline-block;



    text-align: left;



    text-decoration: none;



    line-height: 50px;



    color: #101010;



    font-weight: 600;



    border: 1px solid #f43001;



    margin-bottom: 5px;



    background-color: #f43001;







}







.navigation .menutxt:hover



{



	color: #f43001;

    text-decoration: none;



    border: 1px solid #101010;



    background-color: #101010;



	transition: 0.8s;



}







@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);



  /* older webkit */



  -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;



}











}















@media (min-width:992px) {







.box6{



width:100%;



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



font-size:14px;



line-height:24px;



color: #000;



padding:30px 0;



border:none;



}











#formname{



text-align: center;



    text-transform: uppercase;



    color:#000000;



    font-size: 21px;



	border:3px solid #09b719;



	}



#formname_main



{



    color: #f87806;



    text-transform: uppercase;



    font-size: 24px;



    text-align: center;



    /* background: #f85c37; */



    border-radius: 0px;



    padding: 10px 0;



    margin: 0 auto;



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



    font-weight: bold;



}



















}







.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: #3dbbfc;

    color: #040535 !important;

    border: 1px solid #3dbbfc;

    padding: 10px 42px;

    font-size: 16px;

    outline: none;

    /*box-shadow: inset 0 0 0 0 #37f706;*/

    -webkit-transition: all ease 0.8s;

    -moz-transition: all ease 0.8s;

    transition: all ease 0.8s;

    font-size: 20px;

    text-transform: uppercase;

    font-weight: 600;

    font-family: 'Saira Condensed', sans-serif;

    border-radius: 50px;

	margin-top:15px;



}



input.sbmt:hover



{

    background: #306ce9;
    color: #f9f60b !important;
    /* box-shadow: inset 100px 0px 0px 0px #37f706; */
    border: 1px solid #3dbbfc;
    transition: all ease 0.8s;

}





.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;



/*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  {



	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;



        background: rgba(0, 0, 0, 0.1);



    box-sizing: border-box;



	/*border-radius: 15px;*/
	text-align:center;



}











@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:20px;



    padding: 0;



}



.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 {



background-image:url(images/banner_10.jpg); 



background-position:center;



background-size:cover;



}



.register table tr th {



color: #fff;



    padding: 10px 0;



    text-align: center;



    border: 1px solid #054b49;



    background-color: #054b49;



    box-sizing: border-box;



}



	.register table tr td



	{



    font-family: "Roboto",sans-serif;



    font-size: 16px;



    /*background: #00a085;*/



    color: #000;



    line-height: 18px;



    border-radius: 3px;



    padding: 10px 0px;



    border:1px solid #054b49;



text-align: center;



/*background: linear-gradient( to bottom , #ffffff, #dfdfdf);*/



	}



/*



.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.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 {



    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***********************/











@-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;



}



}