@charset "utf-8";



.san

{

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

    background-size: cover;

    padding: 0px 0px 40px 0px;

    position: relative;

    margin: 0px 0px 0px 0px;



}



@keyframes landingBg {

  0% {

    background-position-y: 0px;

  }

  100% {

    background-position-y: -100px;

  }

}



.landing-banner {

   min-height: 92vh; 

  background: linear-gradient(

      to left,

      rgba(255, 145, 0, 0.74),

      rgba(9, 20, 168, 0.9)

    ),

    url("images/banner-bg1.jpg");

  background-position: center;

  background-size: cover;

  background-attachment: fixed;

  transition: 1s ease-in-out;

  animation: landingBg ease-in 3s infinite;

}

body {

	

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

	color: #fff;

	font-size: 14px;

	font-weight: 400;

	background: url(images/bg.html) no-repeat top center;

	background-size:cover;

	background-attachment:fixed;

}

.san {

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

    background-size: cover;

    padding: 0px 0px 30px 0px;

}



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

    }

}

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

}

@keyframes move {



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



	5% {opacity: 0.0}



	48% {opacity: 0.2}



	80% {opacity: 0.0}



	100% { left: 82%}

}

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

	}

}



#starfield {

	

    display: inline-block;

    vertical-align: baseline;

    position: absolute;

    overflow: hidden;

    width: 100%;

    height: 900px;

}



.cursor {

	

	position: fixed;

	width: 40px;

	height: 40px;

	margin: -20px 0 0 -20px;

	border-radius: 50%;

	background: url(images/favicon.png);

	z-index: 1000;

	animation: appear .5s;

	-webkit-animation: appear .5s;

}



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

@keyframes rotateBack { from { transform: rotate(360deg); } to { transform: rotate(0deg); } }



@-webkit-keyframes flash {

  from,

  50%,

  to {

    box-shadow: 0px -20px 40px #3d1820;

	 

	  box-shadow: inset 0px 0px 40px rgba(0,0,0, 1.0);

  }



  25%,

  75% {

    box-shadow: 0px -20px 40px #b03337;

	  

	  box-shadow: inset 0px 0px 40px rgba(0,0,0, 0.0);

  }

}



@keyframes flash {

  from,

  50%,

  to {

    box-shadow: 0px -20px 40px #3d1820;

	

	  box-shadow: inset 0px 0px 40px rgba(0,0,0, 1.0);

  }



  25%,

  75% {

     box-shadow: 0px -20px 40px #b03337;

	 

	  box-shadow: inset 0px 0px 40px rgba(0,0,0, 0.0);

  }

}

.banner-bg1

{

    background: #1e1e2a no-repeat top center;

    background-size: cover;

	/*padding:20px 0px 20px 0px;*/

}

.banner-bg1 .topmenu

{

	/* float: left;*/

    margin: 0px 0px 0px 0px;

}

 .banner-bg1 .topmenu ul

{

	list-style-type:none;

	padding:0px;

	margin:0px;

	text-align: center;

}

 .banner-bg1 .topmenu ul li

{

	display:inline-block;

    padding: 18px 0px;

   

}

.banner-bg1 .topmenu ul li p

{

	/*display: block;*/

    font-family: 'Source Sans Pro', sans-serif;

    font-size: 16px;

    color: #ed3b47;

    line-height: 20px;

    font-weight: 600;

	text-align:center;

}

.banner-bg1 .topmenu ul li p span

{

	  color: #fff;

}

.banner-bg1 .social-media

{

	 /*float: left;*/

      margin: -19px 0px 0px 0px;

}

 .banner-bg1 .social-media ul

{

	list-style-type:none;

	padding:0px;

	margin:0px;

}

 .banner-bg1 .social-media ul li

{

	display: inline-block;

    padding: 5px 4px;

	margin: 0.15em;

    position: relative;

    font-size: 1.2em;



   

}

.banner-bg1 .social-media ul li a

{

	display: inline-block; 

}

.banner-bg1 .social-media ul li a i

{

	font-size: 30px;

    color: #ed3b47;

    background-color:transparent;

    padding: 12px 12px;

    border-radius: 33px;

    position: absolute;

    top: 21px;

    left: 10px;

	display: inline-block;



}



.banner-bg1 .social-media 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;

	overflow: hidden;



}



.banner-bg1 .social-media ul li a:hover:before {



  transform: scale(0);



  transition: all 265ms ease-in;



}



.banner-bg1 .social-media ul li a:hover i {



	color: #fff;

    -moz-transition: all 600ms cubic-bezier(0.68, -0.55, 0.265, 1.55);

    -o-transition: all 600ms cubic-bezier(0.68, -0.55, 0.265, 1.55);

    -webkit-transition: all 600ms cubic-bezier(0.68, -0.55, 0.265, 1.55);

    transition: all 600ms cubic-bezier(0.68, -0.55, 0.265, 1.55);

    -moz-transform: translateY(-10px);

    -ms-transform: translateY(-10px);

    -webkit-transform: translateY(-10px);

    transform: translateY(-10px);



}



.banner-bg1 .social-media ul li a i:hover



{



}



.banner-bg1 .war {

    padding: 9px 0px 0px 0px;

    text-align: center;

}

.banner-bg1 .war button

{

	border: none;

	background: transparent;

	padding: 0px;

	margin-right: 5px;

}

.banner-bg1 .war button:hover

{

	position: relative;

}

.banner-bg1 .war .warbut

{

  	width: 143px;

    color: #fff;

    border: 0px;

    line-height: 40px;

    background: #400188;

    outline: none;

    background: #1e1e2a url(images/login.png) no-repeat 4% 64% !important;

    font-size: 16px;

    font-weight: 400;

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

    margin-bottom: 13px;

    display: inline-block;

    transition: 0.7s;

    transition-duration: .5s;

    transition-property: transform;

    position: relative;

    text-transform: uppercase;



}

.banner-bg1 .war .warbut:hover

{

    background: #ed3b47 url(images/login.png) no-repeat 90% 50% !important;

    color: #fff !important;

    padding-right: 10px !important;



}

.banner-bg1 .war .warbut1

{

    width: 156px;

    color: #fff;

    border: 0px;

    line-height: 40px;

    outline: none;

    background: #1e1e2a url(images/signup.png) no-repeat 3% 60% !important;

    font-size: 16px;

    font-weight: 400;

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

    margin-bottom: 10px;

    display: inline-block;

    transition: 0.7s;

    transition-duration: .5s;

    transition-property: transform;

    position: relative;

    text-transform: uppercase;

}

.banner-bg1 .war .warbut1:hover

{

    background: #090019 url(images/signup.png) no-repeat 97% 50% !important;

    color: #fff !important;

    padding-right: 10px !important;



}



/****************************************/

.banner-bg2

{

    background: #fff no-repeat top center;

    background-size: cover;



}



header {

	

    width: 100%;

    background: transparent;

    background-size: cover;

    padding: 0px 0px 0px 0px;

}



header .navbar-inverse { 



	margin:0; 

	min-height:auto; 

	border-radius:0; 

	border:0;

	background:none;

}

 

header .navbar-collapse {

	

	 padding:0;

}



header .navbar-center {

	

    margin: 0;

    margin-right: 0px;

    border-bottom: 1px solid transparent;

    padding: 0px 0px 0px 0px;

}



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



	padding: 12px 6px;

    display: inline-block;

    vertical-align: middle;

    float: none;

}



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

   

	font-size: 16px;

    font-weight: 700;

    color: #000;

    text-transform: uppercase;

    transition: .3s;

    vertical-align: middle;

    padding: 0px 0px 0px 0px;

    font-family: 'Source Sans Pro', sans-serif;

    padding: 9px 12px;

    border: 2px solid transparent;

    display: inline-block;

}

	

header .navbar-inverse .navbar-nav > li > a:hover { 

    transition: .3s;

    color: #fff;

    background-color: #ed3b47;

    border-radius: 23px;

    border: 2px solid #1e1e2a;

}



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



	height:43px;

	line-height:40px; 

	padding:0 20px !important;

}



header .navbar-inverse .navbar-header {

	

	padding: 0;

}



header .navbar-inverse .navbar-header a { 



	display:inline-block; 

}



header .navbar-inverse .navbar-header a img { 

	display: inline-block;

    transform-origin: 100% 0;

    margin: -64px 0px 0px 0px;

    z-index: 999;

    position: relative;

}



header .navbar-inverse .navbar-header a img:hover{

	

		animation-name: pulse;

		animation-duration: 1s;

		animation-timing-function: ease-in-out;

		animation-iteration-count: 1;

}



@-webkit-keyframes pulse {



  0% {



    -webkit-transform: scale(1);



    transform: scale(1);



  }







  50% {



    -webkit-transform: scale(1.1);



    transform: scale(1.1);



  }







  100% {



    -webkit-transform: scale(1);



    transform: scale(1);



  }



}







@keyframes pulse {



  0% {



    -webkit-transform: scale(1);



    -ms-transform: scale(1);



    transform: scale(1);



  }







  50% {



    -webkit-transform: scale(1.1);



    -ms-transform: scale(1.1);



    transform: scale(1.1);



  }







  100% {



    -webkit-transform: scale(1);



    -ms-transform: scale(1);



    transform: scale(1);



  }



}







.pulse {



  -webkit-animation-name: pulse;



  animation-name: pulse;



}



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

	

	

	padding: 17px 3px;

}

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



	min-width:128px; 

	height:43px; 

	line-height:43px; 

	box-shadow:none;

}



.navbar-inverse .navbar-collapse, .navbar-inverse .navbar-form {

	

    border-color: #fff !important;

}



header .head-but {

    font-size: 15px;

    font-weight: 500;

    color: #ffffff !important;

    text-transform: uppercase !important;

    transition: .3s;

    vertical-align: middle;

    padding: 0px 0px 0px 0px;

    font-family: 'Source Sans Pro', sans-serif;

    background: linear-gradient(90deg, #f25442 0%,#e93446 72%) !important;

}



header .head-but:hover {

	

/*    color: #fff !important;

    background: #ff9500 !important;

    border: 1px solid #b52a36 !important;

    transition: 0.7s !important;

    box-shadow: inset 0 59px 0 0 #824fc2;*/

}

.banner-bg3

{

    background: url(images/banner-bg1.jpg) no-repeat top center;

    background-size: cover;

    padding: 0px 0px 40px 0px;

    position: relative;

    margin: -35px 0px 0px 0px;

	   min-height: 92vh; 

/*  background: linear-gradient(

      to left,

      rgba(255, 145, 0, 0.74),

      rgba(9, 20, 168, 0.9)

    ),*/

    url("images/banner-bg1.jpg");

  background-position: center;

  background-size: cover;

  background-attachment: fixed;

  transition: 1s ease-in-out;

  animation: landingBg ease-in 6s infinite;

}



.banner-bg3 .welcommon

{

}

.banner-bg3 .welcommon .wel1

{

	  padding-top: 69px;

}

.banner-bg3 .welcommon .wel1 h1

{

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

    font-size: 50px;

    color: #fff;

    font-weight: bold;

    text-transform: uppercase;

    line-height: 62px;

    padding: 25px 0px 0px 0px;

	margin:0px 0px 0px 0px;

}

.banner-bg3 .welcommon .wel1 h2

{

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

    font-size: 29px;

    color: #fff;

    font-weight: bold;

    text-transform: uppercase;

    line-height: 40px;

	padding: 25px 0px 0px 0px;

	margin:0px 0px 0px 0px;

}

.banner-bg3 .welcommon .wel1 p

{

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

    font-size: 18px;

    color: #fff;

    font-weight: 600;

    line-height: 30px;

    padding: 15px 0px 0px 0px;

    margin: 0px 0px 0px 0px;

}



.banner-bg3 .slide1 {

    padding: 80px 0px 0px 0px;

}



.banner-bg3  .slide1  .signupbut {

    width: 205px;

    border: 0px;

    line-height: 59px;

   background: linear-gradient(135deg, #f25442 0%, #ed3c47 100%);

	margin-bottom: 39px;

	margin-right: 28px;

	 display: inline-block;

    transition-duration: 0.3s;

    transition-property: transform;

    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);

    transform: translateZ(0);

    box-shadow: 0 0 1px rgba(0, 0, 0, 0);

	font-size: 24px;

    font-weight: 400;

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

    text-transform:capitalize;

	color: #fff;

	font-weight: 500;

	outline: none;



}

.banner-bg3  .slide1  .signupbut:before {

    pointer-events: none;

    position: absolute;

    z-index: -1;

    content: '';

    top: 100%;

    left: 5%;

    height: 10px;

    width: 90%;

    opacity: 0;

    background: radial-gradient(ellipse at center, rgb(236, 100, 68) 0%, rgba(0, 0, 0, 0) 80%);

    transition-duration: 0.3s;

    transition-property: transform opacity;

	color:#000;

}

.banner-bg3  .slide1  .signupbut:hover {

	color: #000;

   background: linear-gradient(135deg, #f25941 0%, #fdaf2b 100%);

    transition: 0.7s;

    transform: translateY(-5px);

}

.banner-bg3  .slide1  .signupbut:hover:before {

    opacity: 1;

    transform: translateY(5px);

	color:#000;

}

.banner-bg3  .slide1  .signupbut:hover {

    position: relative;

}



.banner-bg3  .slide1 .loginbut {

    width: 205px;

    border: 0px;

    line-height: 59px;

    background: linear-gradient(135deg, #f25941 0%, #fdaf2b 100%);

	 margin-bottom: 39px;

	margin-right: 28px;

	outline: none;

    font-size: 24px;

    font-weight: 400;

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

    text-transform:capitalize;;

	color: #28272c;

	font-weight: 500;

}

.banner-bg3  .slide1 .loginbut:before {

    pointer-events: none;

    position: absolute;

    z-index: -1;

    content: '';

    top: 100%;

    left: 5%;

    height: 10px;

    width: 90%;

    opacity: 0;

    background: radial-gradient(ellipse at center, rgb(244, 102, 61) 0%, rgba(0, 0, 0, 0) 80%) !important;

    transition-duration: 0.3s;

    transition-property: transform opacity;

	color:#000;

}

.banner-bg3 .slide1 .loginbut:hover {

	color: #fff;

    background: linear-gradient(135deg, #f25442 0%, #ed3c47 100%);

    transition: 0.7s;

    transform: translateY(-5px);

}

.banner-bg3  .slide1 .loginbut:hover:before {

    opacity: 1;

    transform: translateY(5px);

	color:#000;

}

.banner-bg3  .slide1 .loginbut:hover {

    position: relative;

}

/***************************************************************/

.about-bg

{

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

    background-size: cover;

    padding: 50px 0px 30px 0px;

	background-attachment:fixed;

    min-height: 890px;

}

.about-bg .about-left

{

}

.about-bg .about-left img

{

}

#image_block_one .image-box {

    position: relative;

    display: block;

    padding-right: 35px;

    margin-right: 20px;

    padding-bottom: 30px;

}

#image_block_one .image-box .pattern-layer {

    position: absolute;

    top: 0px;

    right: 0px;

    width: 35px;

    height: 96%;

    background-repeat: repeat-y;

    animation: slide 60s linear infinite;

    -webkit-animation: slide 60s linear infinite;

}

#image_block_one .image-box .image-1 {

    position: relative;

    display: block;

}

#image_block_one .image-box .image-2:before {

    position: absolute;

    content: '';

    left: 0px;

    top: -20px;

    width: calc(100% - 20px);

    height: 20px;

}

#image_block_one .image-box .image img {

    width: 100%;

}

@keyframes slide{

  from { background-position: 0 1920px; }

    to { background-position: 0 0; }

}



@-webkit-keyframes slide{

  from { background-position: 0 1920px; }

    to { background-position: 0 0; }

}

.about-bg .about-head

{

    text-align: left;

    padding: 5px 0px 0px 0px;

}

.about-bg .about-head p

{

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

    font-size: 18px;

    color: #f25743;

    font-weight: 500;

    text-transform: uppercase;

	padding:0px 0px 0px 0px;

}

.about-bg .about-head h1

{

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

    font-size: 45px;

    color: #1e1e2a;

    font-weight: bold;

    text-transform:capitalize;

    line-height: 49px;

    padding: 0px 0px 0px 0px;

    margin: 20px 0px 0px 0px;

}

.about-bg .about-para

{

	padding:30px 0px 30px 0px;

}

.about-bg .about-para p

{

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

    font-size: 16px;

    color: #888888;

    font-weight: 500;

    line-height: 28px;

}

.about-bg .about-but {

	

    text-align: left;

    padding: 15px 0px 20px 0px;

}



.about-bg .about-but a {

	

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

    font-size: 18px;

    color: #fff;

    padding: 2px 2px;

    background: linear-gradient(135deg, #f25542 0%, #e94e4b 100%);

    text-transform: uppercase;

    display: inline-block;

    transition: 0.7s;

    transition-duration: .5s;

    transition-property: transform;

    position: relative;

    font-weight: bold;

    font-weight: 600;

    width: 169px;

    text-align: center;

    line-height: 55px;

}

.about-bg .about-but a:hover {

		

	color: #eb5049;

    background: #000;

    transition: 0.7s;

    transform: translateY(15px);

    animation-name: hang;

    animation-duration: 1.5s;

    text-decoration: none;

    animation-delay: $defaultDuration;

    animation-timing-function: linear;

    animation-iteration-count: infinite;

    animation-direction: alternate;

}

.about-bg  .certi-head

{

}

.about-bg  .certi-head p

{

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

    font-size: 18px;

    color: #f25743;

    font-weight: bold;

    text-transform: uppercase;

    padding: 10px 0px 20px 0px;

    margin: 0px 0px 0px 0px;

    line-height: 28px;

}

.about-bg .certi-img

{

}

.about-bg .certi-img a

{

}

.about-bg .certi-img a img

{

	 border: 1px solid #333244;

}

.about-bg  .certi-text

{

}

.about-bg  .certi-text h1

{

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

    font-size: 16px;

    color: #343434;

    font-weight: bold;

    padding: 10px 0px 0px 0px;

    margin: 0px 0px 0px 0px;

    line-height: 28px;

}

.about-bg  .certi-text p

{

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

    font-size: 14px;

    color: #f25743;

    font-weight: bold;

    text-transform: uppercase;

    padding: 24px 0px 0px 0px;

    margin: 0px 0px 0px 0px;

    line-height: 28px;

    display: inline-flex;

}

.about-bg  .certi-text p a

{

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

    font-size: 27px;

    color: #f25743;

    font-weight: bold;

    text-transform: uppercase;

    padding: 0px 0px 0px 1px;

    margin: 0px 0px 0px 0px;

    line-height: 28px;

}

.about-bg  .certi-text p a:hover

{

	color: #000;

}

/***********************************************************/

.plan-bg

{

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

    background-size: cover;

    padding: 50px 0px 30px 0px;

	/*background-attachment:fixed;*/

    /*min-height: 948px;*/

}

.plan-bg .pro

{

	padding-top: 0px;

    position: relative;

    margin: -211px 0px 0px 0px;

}

.pro ul 

{

	list-style: none;

    padding: 0px;

    margin: 0px;

	text-align: center;

}

.pro ul li

{

    display: inline-block;

    padding: 16px 0px;

}

.plan-bg .pro .pro1 {

	

	margin: 0px auto 0px;

    width: 285px;

    padding: 0px 15px 3px 15px;

    background: linear-gradient(180deg, #f25442 0%, #ed3c47 100%);

	    min-height: 240px;

}



.plan-bg .pro .pro2 {

	

	margin: 0px auto 0px;

    width: 285px;

    padding: 0px 15px 3px 15px;

    background: linear-gradient(180deg, #f6f6f6 0%, #f6f6f6 100%);

	min-height: 240px;

}

.plan-bg .pro .pro3 {

	

	margin: 0px auto 0px;

    width: 285px;

    padding: 0px 15px 3px 15px;

    background: linear-gradient(180deg, #333244 0%, #333244 100%);

	min-height: 240px;

}

.plan-bg .pro .pro4 {

	

	margin: 0px auto 0px;

    width: 285px;

    padding: 0px 15px 3px 15px;

    background: linear-gradient(180deg, #f25743 0%, #f25743 100%);

	min-height: 240px;

}

.plan-bg .pro .static {

    background: url(images/static.png) no-repeat top center;

    background-size: contain;

    height: 8px;

    position: relative;

    z-index: 1;

    top: 42px;

    text-align: right !important;

    width: 62px;

    -webkit-animation: mymove 5s infinite;

    animation: mymove 5s infinite;

    margin-left: -12px;

}

.plan-bg .pro .static11 {

    background: url(images/static1.png) no-repeat top center;

    background-size: contain;

    height: 8px;

    position: relative;

    z-index: 1;

    top: 42px;

    text-align: right !important;

    width: 62px;

    -webkit-animation: mymove 5s infinite;

    animation: mymove 5s infinite;

    margin-left: -12px;

}

@-webkit-keyframes mymove {

  from {left: 0px;}

  to {left: 200px;}

}



@keyframes mymove {

  from {left: 0px;}

  to {left: 50px;}

}

/*.plan-bg .pro .static img

{

	padding: 42px 0px 0px 0px;

}*/

.plan-bg .pro .static1 img

{

	padding: 20px 0px 0px 0px;

}

.plan-bg .pro .pro-invest1 {

	

    background: transparent !important;

    outline-offset: -7px;

    border-radius: 9px;



}



.plan-bg .pro .pro-invest1 h1 {

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

    font-size: 30px;

    color: #fff;

    border: 1px solid transparent;

    background: transparent;

    outline: none;

    font-weight: bold;

    padding: 109px 0px 0px 21px;

	text-align:left;

}

.plan-bg .pro .pro-title {

	

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

    font-size: 18px;

    color: #fff;

    font-weight: 500;

    text-transform: uppercase;

    padding: 14px 0px 30px 21px;

	text-align:left;



}

.plan-bg .pro .pro-invest2 {

	

    background: transparent !important;

    outline-offset: -7px;

    border-radius: 9px;



}



.plan-bg .pro .pro-invest2 h1 {

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

    font-size: 30px;

    color: #333244;

    border: 1px solid transparent;

    background: transparent;

    outline: none;

    font-weight: bold;

    padding: 109px 0px 0px 21px;

	text-align:left;

}

.plan-bg .pro .pro-title2 {

	

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

    font-size: 18px;

    color: #333244;

    font-weight: 500;

    text-transform: uppercase;

    padding: 14px 0px 30px 21px;

	text-align:left;



}

.plan-bg .plan-head

{

    text-align: center;

    padding: 100px 0px 0px 0px;

}

.plan-bg .plan-head p

{

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

    font-size: 18px;

    color: #f25743;

    font-weight: 500;

    text-transform: uppercase;

	padding:0px 0px 0px 0px;

}

.plan-bg .plan-head h1

{

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

    font-size: 45px;

    color: #fff7ff;

    font-weight: bold;

    text-transform:capitalize;

    line-height: 49px;

    padding: 0px 0px 0px 0px;

    margin: 20px 0px 0px 0px;

}



.plan-bg .plan {

	

    padding: 30px 0px 30px;

}



.plan-bg .plan .plans {

	

    padding: 30px 0px 30px;

}



.plan-bg .plan .plans .plan-head1 {

	

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

    font-size: 36px;

    font-weight:400;

    color: #fafafa;

    padding: 0px 0px 30px 0px;

}



.plan-bg .plan .plans .planbg {

	

    padding: 30px 63px 30px 0px;

    margin: auto;

    background: url(images/plan-back1.png) no-repeat top center;

    background-size: cover;

    display: inline-block;

    width: 536px;

    min-height: 439px;

}



/*.plan-bg .plan .plans .graph2 { 



	height:500px;

	background:url(images/planbg1.png) repeat-x 0 100%;

	animation:graph 130s linear infinite;

	-webkit-animation:graph 100s linear infinite;

}



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

} 



.plan-bg .plan .plans .graph-top2 { 



	margin-top:-440px;

	z-index:1;

}*/



.plan-bg .plan .plans .planbg .plan-left {

	

	padding: 41px 0px 10px 20px;

    float: left;

    text-align: center;

}



.plan-bg .plan .plans .planbg .plan-left h2 {

	

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

	font-size: 70px;

    font-weight:bold;

    color: #fff;

	margin:0px 0px 10px 0px;



}



.plan-bg .plan .plans .planbg .plan-left p {

	

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

	font-size: 30px;

    font-weight:bold;

    color: #fff;

	margin:0px 0px 10px 0px;

}

.plan-bg .plan .plans .planbg .plan-right {

    padding: 30px 27px 0px 0px;

    float: right;

    text-align: right;

}



.plan-bg .plan .plans .planbg .plan-right h1 {

	

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

    font-size: 16px;

    font-weight: bold;

    color: #fff;

    padding: 19px 0px 0px 0px;

    line-height: 30px;

    margin: 0px 0px 0px 0px;

}



.plan-bg .plan .plans .planbg .plan-right p {

	

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

    font-size: 36px;

    font-weight: bold;

    color: #fff;

    padding: 0px 0px 0px 0px;

    line-height: 30px;

	margin:0px 0px 0px 0px;

}





.plan-bg .plan .cal {

	

	padding:40px 0px 30px 0px;

}



.plan-bg .plan .cal .cal-bg {

	

	background: transparent;

    padding: 20px 20px 10px 30px;

    border-radius: 20px;

    position: relative;

    top: 0px;

    right: 40px;

    display: inline-block;

    width: 90%;

}



.plan-bg .plan .cal .cal1 {

	

    padding: 0px 0px 0px 20px;

    float: left;

    width: 50%;

}



.plan-bg .plan .cal .cal1 h4 {

	

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

	font-size: 16px;

    font-weight:400;

    color: #fff;

	margin:0px 0px 20px 0px;

}



.plan-bg .plan .cal .cal1 select {

	

	width: 200px;

    height: 50px;

    background: transparent;

    border: 1px solid #353541;

    text-align: right;

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

    font-weight: 500;

    font-size: 16px;

    color: #fff;

    outline: none;

    padding: 0px 0px 0px 10px;

	box-shadow: none !important;

}

.plan-bg .plan .profitCalc

{

	padding: 85px 0px 0px 0px;

}

.plan-bg .plan .profitCalc p

{

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

    font-size: 18px;

    color: #fff;

    text-decoration: none;

    padding: 0px 0px;

    margin: 0px 0px 0px 0px;

    position: relative;

    text-align: justify;

    font-weight: 500;

}

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



	color: #542ea8;

}



.plan-bg .plan .cal .cal1 input {

	

    width: 200px;

    height: 50px;

    background: transparent;

    border: 1px solid #353541;

    text-align: left;

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

    font-weight: 500;

    font-size: 16px;

    color: #fff;

    outline: none;

    padding: 0px 0px 0px 10px;

}



.plan-bg .plan .cal .cal2 {

	

	padding: 30px 0px 0px 20px;

    float: left;

    width: 50%;

}



.plan-bg .plan .cal .cal2 h4 {

	

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

	font-size: 16px;

    font-weight:400;

    color: #fff;

	margin:0px 0px 0px 0px;

}



.plan-bg .plan .cal .cal2 input {

	

	width: 200px;

    height: 50px;

    background: transparent;

    border: 1px solid transparent;

    text-align: left;

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

    font-weight:700;

    font-size: 30px;

    color: #fff;

    outline: none;

    border-radius: 10px;

    padding: 0px 0px 0px 10px;

}



.plan-bg .plan .cal-but {

	

	padding: 30px 0px 30px 0px;

    text-align: center;

}



.plan-bg .plan .cal-but p {

	

	background: transparent;

    margin: 0;

    padding: 2px 0px 2px 0px;

    border-radius: 50px;

    display: inline-block;

    transition: 0.7s;

    outline: 2px solid #15151f;

    outline-offset: 15px;

}



.plan-bg .plan .cal-but p a {

	

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

    font-size: 24px;

    font-weight: bold;

    color: #fff;

    background: transparent;

    border: 2px solid #15151f;

    padding: 12px 31px;

    position: relative;

    display: inline-block;

    transition: 0.7s;

    outline: 2px solid #353541;

    outline-offset: 6px;

}



.plan-bg .plan .cal-but p:hover {

 

}



.plan-bg .plan .cal-but p a:hover {

	

    color: #fff;

    background-image: linear-gradient(to right, #f04e43, #ed3d46, #f25743, #f25743);

    background-size: 300% 100%;

    border: 2px solid #ed3d46;

    transition: 0.7s;

}

/***********************************************************/

.why-bg

{

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

    background-size: cover;

    padding: 50px 0px 50px 0px;

    background-attachment: fixed;

}

.why-bg .why-head

{

    text-align: left;

    padding: 5px 0px 55px 0px;

}

.why-bg .why-head p

{

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

    font-size: 18px;

    color: #f25743;

    font-weight: 500;

    text-transform: uppercase;

	padding:0px 0px 0px 0px;

}

.why-bg .why-head h1

{

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

    font-size: 45px;

    color: #1e1e2a;

    font-weight: bold;

    text-transform:capitalize;

    line-height: 49px;

    padding: 0px 0px 0px 0px;

    margin: 20px 0px 0px 0px;

}

.why-bg .why-head h2

{

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

    font-size: 45px;

    color: #1e1e2a;

    font-weight: 500;

    text-transform:capitalize;

    line-height: 49px;

    padding: 0px 0px 0px 0px;

    margin: 20px 0px 0px 0px;

}

.why-bg .company-img

{

	 padding: 41px 0px 0px 0px;

}

.why-bg .company-img1

{

	min-height:210px;

}

.why-bg .compay-comman

{

	background-color: #ffffff;

    text-align: center;

    margin: 5px auto;

    width: 191px;

    cursor: pointer;

    padding: 20px 20px 20px 20px;

	position: relative;

    display: inline-block;

    margin-bottom: 14px;

    z-index: 99;

}



.why-bg .compay-comman h1

{

    padding: 0px 0px 0px 0px;

    margin: auto;

    background: url(images/comp1.png) no-repeat top center;

    background-size: cover;

    display: inline-block;

    width: 58px;

    min-height: 55px;

	position: relative;

    margin-bottom: 14px;

    z-index: 1;

}

.why-bg .compay-comman h3

{

    padding: 0px 0px 0px 0px;

    margin: auto;

    background: url(images/comp2.png) no-repeat top center;

    background-size: cover;

    display: inline-block;

    width: 58px;

    min-height: 55px;

	position: relative;

    margin-bottom: 14px;

    z-index: 1;

}

.why-bg .compay-comman h4

{

    padding: 0px 0px 0px 0px;

    margin: auto;

    background: url(images/comp3.png) no-repeat top center;

    background-size: cover;

    display: inline-block;

    width: 58px;

    min-height: 55px;

	position: relative;

    margin-bottom: 14px;

    z-index: 1;

}

.why-bg .compay-comman h5

{

    padding: 0px 0px 0px 0px;

    margin: auto;

    background: url(images/comp4.png) no-repeat top center;

    background-size: cover;

    display: inline-block;

    width: 58px;

    min-height: 55px;

	position: relative;

    margin-bottom: 14px;

    z-index: 1;

}

.why-bg .compay-comman h6

{

    padding: 0px 0px 0px 0px;

    margin: auto;

    background: url(images/comp5.png) no-repeat top center;

    background-size: cover;

    display: inline-block;

    width: 58px;

    min-height: 55px;

	position: relative;

    margin-bottom: 14px;

    z-index: 1;

}

.why-bg .compay-comman h7

{

    padding: 0px 0px 0px 0px;

    margin: auto;

    background: url(images/comp6.png) no-repeat top center;

    background-size: cover;

    display: inline-block;

    width: 58px;

    min-height: 55px;

	position: relative;

    margin-bottom: 14px;

    z-index: 1;

}

.why-bg .compay-comman h8 {

	position: absolute;

    content: '';

    background: #eeeef5;

    height: 54px;

    width: 54px;

    border-radius: 50%;

    top: 13px;

    right: 40px;

    z-index: -1;

}

.why-bg .compay-comman h2

{

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

    font-size: 18px;

    color: #1f1c27;

    text-decoration: none;

    padding: 2px 0px;

    margin: 19px 0px 10px 0px;

    position: relative;

    text-align: center;

    font-weight: 500;

    text-transform: capitalize;

}

.why-bg .compay-comman p

{

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

    font-size: 16px;

    color: #858484;

    text-decoration: none;

    padding: 0px 16px;

    margin: 0px 0px 10px 0px;

    position: relative;

    text-align: center;

    font-weight: 500;

    line-height: 28px;

}

.why-bg .compay-comman:hover

{

	box-shadow:0px 0px 10px #555;

	background:#ffffff;

	transition-delay: .1s;

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

    transition-duration: .7s;

    transition-property: all;

	animation-name: pulse;

    animation-duration: 1s;

    animation-timing-function: ease-in-out;

    animation-iteration-count: 1;

}



.why-bg .compay-comman:hover.compay-comman h2, .why-bg .compay-comman h2:hover  

{

	color: #f25542;

}

.why-bg .compay-comman:hover.compay-comman h8, .why-bg .compay-comman h8:hover  

{

	display:none;

}

.why-bg .compay-comman:hover.compay-comman h1, .why-bg .compay-comman h1:hover  

{

	background: url(images/comp1hover.png) no-repeat top center;

}

.why-bg .compay-comman:hover.compay-comman h3, .why-bg .compay-comman h3:hover  

{

	background: url(images/comp2hover.png) no-repeat top center;

}

.why-bg .compay-comman:hover.compay-comman h4, .why-bg .compay-comman h4:hover  

{

	background: url(images/comp3hover.png) no-repeat top center;

}

.why-bg .compay-comman:hover.compay-comman h5, .why-bg .compay-comman h5:hover  

{

	background: url(images/comp4hover.png) no-repeat top center;

}

.why-bg .compay-comman:hover.compay-comman h6, .why-bg .compay-comman h6:hover  

{

	background: url(images/comp5hover.png) no-repeat top center;

}

.why-bg .compay-comman:hover.compay-comman h7, .why-bg .compay-comman h7:hover  

{

	background: url(images/comp6hover.png) no-repeat top center;

}

/***********************************************************/

.ref-bg

{

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

    background-size: cover;

    padding: 50px 0px 50px 0px;

    background-attachment: fixed;

}

.ref-bg .ref-head

{

    text-align: left;

    padding: 5px 0px 0px 0px;

}

.ref-bg .ref-head p

{

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

    font-size: 18px;

    color: #f25743;

    font-weight: 500;

    text-transform: uppercase;

	padding:0px 0px 0px 0px;

}

.ref-bg .ref-head h1

{

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

    font-size: 45px;

    color: #1e1e2a;

    font-weight: bold;

    text-transform:capitalize;

    line-height: 49px;

    padding: 0px 0px 0px 0px;

    margin: 20px 0px 0px 0px;

}

.ref-bg .ref-para

{

}

.ref-bg .ref-para p

{

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

    font-size: 15px;

    color: #191924;

    text-decoration: none;

    padding: 2px 0px;

    margin: 30px 0px 10px 0px;

    position: relative;

    text-align:justify;

    font-weight: 500;

}

.ref-bg .refer-com {
	
	padding:100px 0px 0px 0px;
	text-align:center;
}

.ref-bg .refer-com h4 {
	
	font-family: 'Roboto', sans-serif;
    font-size: 28px;
    font-weight: 500;
    color: #191924;
    margin: 0px 0px 0px 0px;
}

.ref-bg .refer-com h2  {
	
	font-family: 'Roboto', sans-serif;
	font-size: 120px;
    font-weight: 800;
    color: #f25542;
    margin: 0px 0px 0px 0px;
}



.ref-bg .level

{

	padding: 18px 0px 20px 0px;

}

.ref-bg .level img

{

    float: left;

    margin: 0px 25px 0px 40px;



}

.ref-bg .level h1

{

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

    font-size: 28px;

    color: #888888;

    padding: 10px 0px 10px 0px;

    font-weight: 500;

    text-align: left;

    line-height: 34px;

    margin: 0px 0px 0px 0px;

}

.ref-bg .level p

{

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

    font-size: 45px;

    color: #191924;

    padding: 0px 0px 0px 0px;

    font-weight: bold;

    text-align: left;

    line-height: 25px;

	margin: 0px 0px 0px 0px;

}

.ref-bg .payment-head 

{

	padding: 85px 0px 0px 0px;

}

.ref-bg .payment-head h1

{

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

    font-size: 45px;

    color: #585861;

    font-weight: 500;

    text-transform:capitalize;

    line-height: 49px;

    padding: 0px 0px 0px 0px;

    margin: 20px 0px 0px 0px;

}

.ref-bg .payment-head h2

{

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

    font-size: 45px;

    color: #1e1e2a;

    font-weight: bold;

    text-transform:capitalize;

    line-height: 49px;

    padding: 0px 0px 0px 0px;

    margin: 3px 0px 0px 0px;

}

.ref-bg .payment {

	text-align: left;

    padding: 80px 0px 23px 0px;

}

.ref-bg .payment ul {

    list-style-type: none;

    margin: 0px;

    padding: 0px;

}

.ref-bg  .payment ul li {

	position: relative;

    padding: 1px 1px;

    display: inline-block;

}

/***********************************************************/

.foot-bg

{

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

    background-size: cover;

    padding: 0px 0px 0px 0px;

    background-attachment: fixed;

}

.foot-bg .foot-common

{

	background-color:#272734;

	padding:0px 20px 20px 20px;

}

.foot-bg .foot-common .headerLevelTwo1

{



}

.foot-bg .foot-common .headerLevelTwo1 .foot-logo

{	



	display: inline-block;

	transform-origin: 100% 0;

	padding-top: 0px;

}

.foot-bg .foot-common .headerLevelTwo1 .foot-logo img

{

	display: inline-block;

	transform-origin: 100% 0;

}

.foot-bg .foot-common .headerLevelTwo1 .foot-logo img:hover

{

        animation-name: pulse;

		animation-duration: 1s;

		animation-timing-function: ease-in-out;

		animation-iteration-count: 1;

}

.foot-bg .foot-common .foot-text

{

      padding: 20px 15px 20px 15px;

}

.foot-bg .foot-common .foot-text p

{

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

    font-size: 18px;

    color: #e4e4e4;

    font-weight: 500;

    text-transform:capitalize;

    line-height: 25px;

    padding: 0px 0px 0px 0px;

    margin: 3px 0px 0px 0px;

}

.foot-bg .foot-but {

	

    text-align:center;

    padding: 25px 0px 30px 0px;

}



.foot-bg .foot-but a {

	

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

    font-size: 18px;

    color: #fff;

    padding: 2px 2px;

    background: linear-gradient(135deg, #ed3b47 0%, #ed3b47 100%);

    text-transform:capitalize;

    display: inline-block;

    transition: 0.7s;

    transition-duration: .5s;

    transition-property: transform;

    position: relative;

    font-weight: bold;

    font-weight: 600;

    width: 169px;

    text-align: center;

    line-height: 55px;

}

.foot-bg .foot-but a:hover {

		

	color: #eb5049;

    background: #000;

    transition: 0.7s;

    transform: translateY(15px);

    animation-name: hang;

    animation-duration: 1.5s;

    text-decoration: none;

    animation-delay: $defaultDuration;

    animation-timing-function: linear;

    animation-iteration-count: infinite;

    animation-direction: alternate;

}

.foot-bg .foot-top

{
    padding:60px 0px 0px 0px;
}

.pattern-scale {

    position: absolute;

    top: 50px;

    right: 0px;

    width: 760px;

    height: 35px;

    background-repeat: repeat-x;

    animation: slide-2 60s linear infinite;

    -webkit-animation: slide-2 60s linear infinite;

}

@keyframes slide-2{

  from { background-position: 0 0; }

    to { background-position: 1920px 0; }

}



@-webkit-keyframes slide-2{

  from { background-position: 0 0; }

    to { background-position: 1920px 0; }

}

.foot-bg .foot-head

{

}

.foot-bg .foot-head p

{

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

    font-size: 24px;

    color: #fff;

    font-weight: 400;

    margin: 50px 0px 10px 0px;

    line-height: 26px;

}

.foot-bg .footmenu

{

	padding: 15px 0px 20px;

}

.foot-bg .footmenu ul

{

	list-style-type: none;

	margin: 0px;

	padding:0px;

}

.foot-bg .footmenu ul li

{

    position: relative;

    padding: 9px 5px;

    display: block;

}

.foot-bg .footmenu ul li a

{

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

    font-size: 18px;

    color: #fff;

    text-decoration: none;

    padding: 9px 8px;

    position: relative;

    text-align: center; 

	font-weight:400; 



}

.foot-bg .footmenu ul li a:hover

{



	transition: 0.8s;

    color: #ed3b47;

	

}

.foot-bg .social

{

	padding: 15px 0px 0px;

}

.foot-bg .social ul

{

	list-style-type: none;

	margin: 0px;

	padding:0px;

}

.foot-bg .social ul li

{

    position: relative;

    padding: 9px 5px;

    display: block;

}

.foot-bg .social ul li a

{

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

    font-size: 18px;

    color: #f25542;

    text-decoration: none;

    padding: 9px 8px;

    position: relative;

    text-align: center; 

	font-weight:bold;

	text-transform:uppercase; 



}

.foot-bg .social ul li a:hover

{



	transition: 0.8s;

    color: #ffffff;

	

}

/***********************************************************/

.foot-bg1

{

    background: #13131c;

    background-size: cover;

    padding: 20px 0px 20px 0px;

    background-attachment: fixed;

}

.foot-bg1 .copy

{

	padding: 8px 0px 0px 0px;

}

.foot-bg1 .copy p

{

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

    font-size: 16px;

    color: #fff;

    text-decoration: none;

    position: relative;

    text-align: left; 

	font-weight:500;

}

.foot-bg1 .sec

{

	padding: 0px 0px 0px;

}

.foot-bg1 .sec ul

{

	list-style-type: none;

	margin: 0px;

	padding:0px;

}

.foot-bg1 .sec ul li

{

	position: relative;

    padding: 5px 21px;

    display: inline-block;

}

/***********************************************************/

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

	header .navbar-inverse .navbar-header a {

	  width:unset;

	}

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

	  padding: 17px 0;

	}

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

	  padding: 0 0px;

	}

	header .navbar-inverse .navbar-header {

	  padding: 0px 0;

	}

	header .navbar-inverse .navbar-header {

		margin-left: 0;

	}

	header .navbar-inverse .navbar-header {

		margin-left: 0;

	}

	header .navbar-center {

		margin-right: 0;

	}

	header .navbar-inverse .navbar-header a img {

		margin: 0px 0px 0px 0px;

	}

	.banner-bg3 {

		padding: 0px 0px 0px 0px;

		margin: 0px 0px 0px 0px;

	}



}



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

	.banner-bg1 .live {

		 margin: 10px auto; 

	}

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

		    padding: 0px 0px;

	}

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

		font-size: 14px;

	}

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

		min-width: 190px;

	}

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

		min-width: 110px;

	}

	header .navbar-center {

		border-bottom: 1px solid transparent;

		margin: 35px 0px 0px 0px;

	}

	.about-bg .certi-text p

	{

		display: unset;

	}

	.about-bg

	{

		min-height: 0px;

	}

	.plan-bg .pro {

		margin: 0px 0px 0px 0px;

	}

	.plan-bg .plan-head {

		padding: 30px 0px 30px;

		text-align: center;

	}

	.plan-bg .plan .cal {

		padding:30px 0px 30px 0px;

	}

	.plan-bg .plan .profitCalc

	{

		padding: 20px 0px 0px 0px;

	}

	.plan-bg .plan .cal .cal-bg {

		background: transparent;

		padding: 30px 20px 30px 30px;

		border-radius: 20px;

		position: relative;

		top: 0px;

		right: 0px;

		display: inline-block;

		width: 100%;

		text-align:center;

	}

	.plan-bg .plan .cal .cal2 input {

		text-align:center;

	}

	.plan-bg .plan .cal-but {

		text-align:center;

		padding:30px 0px 0px 0px;

	}

	.why-bg .company-img

	{

		 display:none;

	}

	.why-bg .company-img1

	{

		display:none;

	}

	.foot-bg .foot-common .headerLevelTwo1 {

		text-align: center;

	}

}



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

	.banner-bg1 .topmenu ul {

		text-align: center;

	}

	.banner-bg1 .social-media {

		margin: -19px 0px 0px 0px;

		text-align: center;

	}

	 .banner-top .top-lang {

		padding: 20px 0px 20px;

		text-align:center;

	}

	header .navbar-inverse {

	  text-align: center;

	}

	header .navbar-inverse .navbar-header {

	  width: 100%;

	}

	header .navbar-center {

		border-bottom: 1px solid transparent;

		margin: 0px 0px 0px 0px;

	}

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

	  padding: 4px 0;

	}

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

		padding: 10px 1px;

	}

	.banner-bg1 .social-media ul li a i {

		top: 4px;

	}

	.about-bg .certi-text h1 {

		padding: 10px 0px 12px 0px;

	}

	.why-bg .why-head {

		text-align: center;

		padding: 5px 0px 55px 0px;

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

	.ref-bg .payment {

		text-align: center;

	}

	.ref-bg .payment-head 

	{

		text-align:center;

	}

	.foot-bg .foot-common .foot-text p {

		text-align:center;

	}

	.foot-bg1 .copy p {

		text-align: center;

	}

	.foot-bg1 .sec {

		padding: 25px 0px 0px;

	}

	.foot-bg1 .sec ul {

		text-align: center;

	}



}

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

	.banner-bg1 .social-media ul li {

		padding: 12px 4px;

	}

		.banner-top .top-add {

		padding: 20px 0px 0px;

		text-align:center;

	}

	.banner-top .top-lang {

		padding: 20px 0px 20px;

		text-align:center;

	}

	header .navbar-inverse .navbar-header a img{

		width: 190px;

	}

	header .navbar-inverse {

	  text-align: left;

	}

	header .navbar-toggle{ margin: 33px 0; border:0; background: #ed3b47; border-radius:0;}

	header .navbar-inverse .navbar-toggle:hover, 

	header .navbar-inverse .navbar-toggle:focus{  background: #1e1e2a;}

	header .navbar-inverse .navbar-toggle:hover .icon-bar, 

	header .navbar-inverse .navbar-toggle:focus .icon-bar{ background-color:#fff;}

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

	  padding: 6px;

	  width: 100%;

	}

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

	{

		    padding: 4px 12px;

	}

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

		/*width: 121px;*/

	}

	header .navbar-inverse .navbar-nav > li > a:hover {

		/*width: 121px;*/

    	text-align: center;

	}

	.plan-bg .plan .plans .planbg {

		padding: 20px 0px 20px 0px;

		margin: auto;

		background: #f25542;

		background-size: cover;

		display: inline-block;

		min-height: 439px;

		width: 315px;

	}

	.plan-bg .plan .plans {

		padding: 70px 0px 30px;

		margin: auto;

		text-align: center;

	}

	.plan-bg .plan .plans .plan-head1 {

	    padding: 0px 0px 30px 0px;

    	text-align: center;

	}

	.plan-bg .plan .plans .planbg .plan-left {

		    padding: 0px 0px 0px 0px;

			float: unset;

			text-align: center;

	}

	.plan-bg .plan .plans .planbg .plan-right {

		padding: 0px 0px 0px 0px;

		float: unset;

		text-align: center;

	}

	.plan-bg .plan .plans .planbg .plan-left h2 {

		margin: 0px 0px 1px 0px;

		font-size: 40px;

	}

	.plan-bg .plan .plans .planbg .plan-left p {

		margin: 0px 0px 0px 0px;

		font-size: 24px;

	}

	.plan-bg .plan .plans .planbg .plan-right h1 {

		padding: 8px 0px 0px 0px;

	}

	.plan-bg .plan .plans .planbg .plan-right p {

		padding: 0px 0px 0px 20px;

		font-size: 24px;

	}

	.plan-bg .plan .plans .planbg .plan-right p img {

		position: relative;

		right: 0px;

	}

	.plan-bg .plan .cal .cal1 {

		padding: 20px 0px 20px 0px;

		float: unset;

		width: unset;

	}

	.plan-bg .plan .cal .cal2 {

		padding: 30px 0px 0px 0px;

		float: unset;

		width: unset;

	}

	.ref-bg .level img {

		float: none;

		margin: auto;

		display: none;

	}

	.foot-bg .foot-head {

		text-align: center;

	}

	.foot-bg .footmenu ul li {

		padding: 4px 5px;

		text-align: center;

	}

	.foot-bg .social ul li {

		text-align: center;

	}





}

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





}

  .section-table.table-statistic td:first-child, .section-table.table-statistic th:first-child {

    width: 100%;

  }

  .section-table.table-statistic td:last-child, .section-table.table-statistic th:last-child {

    width: 15%;

  }

  .section-table.table-vip td:last-child, .section-table.table-vip th:last-child {

  width: 40%;

}



.section-table.table-statistic td:first-child, .section-table.table-statistic th:first-child {

  width: 20%;

      padding: 10px;

}



.section-table.table-statistic td:last-child, .section-table.table-statistic th:last-child {

  width: 8%;

}



.section-table th {

    color: #ffffff;

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

    font-size: 16px;

    font-weight: 700;

    text-transform: uppercase;

    background: #e84c3a;

}



.section-table th, .section-table td {

  padding: 5px;

}



.section-table th:first-child, .section-table td:first-child {

  padding-left: 0;

}



.section-table td {

/*padding-left: 0px;

    height: 40px;

    width: 20%;

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

    font-size: 16px;

    color: #2d2c6b;

    border-bottom: none !important;

    background: none !important;*/

      text-align: left;

    font-size: 14px;

        color: #252525;

    font-weight: normal;

    padding: 15px 15px;

    white-space: nowrap;

    border-bottom: 1px solid rgba(0, 0, 0, 0.2);

    background: #fff;

}



.section-table tr {

/*      border-bottom: 1px solid #254ce9;

  transition: background 0.4s ease-in-out;*/

      border: 1px solid #bab9c4;

}



.section-table tr:first-child {

  border-bottom: none;

}



.section-table tr:first-child:hover {

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

}



.section-table tr:hover {

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

}



.section-table tr:hover .table-link {

  color: #ff7287;

  text-decoration: underline;

}



.section-table span.color-green {

  color: #ffffff;

}



.section-table .flag-icon {

  display: inline-block;

  margin-right: 6px;

}



.section-table .table-link {

  color: #ffc324;

  transition: color 0.4s ease-in-out;

}



.section-table .table-link:hover {

  color: #ff7287;

} 



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

    	.section-table.table-statistic td:last-child, .section-table.table-statistic th:last-child {

		width: 100%;

	}

	table.responsive.table-vip tr:first-child, table.responsive.table-statistic tr:first-child, table.responsive.history-table tr:first-child {

    display: none;

  }

  .section-table.table-vip td {

    font-size: 0.8em;

  }

  .section-table td {

    font-size: 0.8em;

  }

  .section-table th:first-child, .section-table td:first-child {

    padding-left: 5%;

  }

  .section-table.table-vip td:last-child, .section-table.table-vip th:last-child {

    width: 100%;

  }

  .section-table-block .el-table {

    display: none;

  }

  .section-table.table-statistic td:first-child, .section-table.table-statistic th:first-child {

    width: 100%;

	padding: 4px 1%;

  }

  .section-table.table-statistic td:last-child, .section-table.table-statistic th:last-child {

    width: 100%;

  }

	table.responsive,

    table.responsive thead,

    table.responsive tbody,

    table.responsive th,

    table.responsive td,

    table.responsive tr {display:block;}

    table.responsive thead tr {position:absolute; top:-9999px; left:-9999px;}

    table.responsive tr {border:1px solid #ccc; margin-bottom:20px;}

    table.responsive td {    border: none;

    border-bottom: 1px solid #eee;

    position: relative;

    padding: 4px 1%;

    width: 100%;

    font-size: 13px;}

    table.responsive td::before,

    table.responsive td .td-text {width:100%;    font-size: 13px;}

    table.responsive td::before {width:50%; padding-right:15px; text-align:left; content:attr(data-content); display:block;text-transform: uppercase;}

    table.responsive td::after {content:""; display:table; clear:both;}

}

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

	.section-table .table-link {

		font-size: 10px;

	}

}

















/**







* 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.html);







width:32px;







height:32px;







}







.dash_security input[type=radio]:checked + span:before {







content:url(images/enabled.html);







}







.dash_security .dash_btn {







margin-top:30px;







}















.dash_edit {







position:relative;







margin:0;







}







.dash_edit .dash_acc_detail {







background-color:#1498dc;







color:#fff;







padding:30px 0;







}







.dash_edit .dash_acc_detail .cont {







display:inline-flex;







width: 100%;







align-items: center;







}







.dash_edit .dash_acc_detail .tie {







width:50%;







padding: 6px 0;







font-size:18px;







}







.dash_edit .dash_acc_detail .form-control {







    display: block;







    width: 100%;







    height: 36px;







	padding:0 0 0 12px;







    font-size: 18px;







	line-height:inherit;







    color: #fff;







    margin: 0;







    background-color: transparent;







    background-image: none;







    border: none;







    border-radius: 0;







    -webkit-box-shadow: inset 0px 0px 6px rgba(255, 255, 255, 0.30);







    box-shadow: inset 0px 0px 6px rgba(255, 255, 255, 0.30);







    -webkit-transition: border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;







    -o-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;







    transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;







}







.dash_edit .dash_acc_detail .form-control:focus {







    border-color: #66afe9;







    outline: 0;







    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102,175,233,.6);







    box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102,175,233,.6);







}























/*register ends*/



















.get-started {







    min-height: 1080px;



	padding: 30px 0 90px;



    overflow: hidden;



}







.get-started .tablet {



	



    position: relative;



}







.get-started .tablet::after {



	



    content: '';



    display: block;



    width: 1046px;



    height: 918px;



    background: url(images/tablet.html) center no-repeat;



    position: absolute;



    top: 55px;



    right: 0;



}







.get-started .polygon-wrapper {



	



    position: relative;



    margin-top: 355px;



    min-height: 220px;



}







.get-started .polygon-wrapper::before {



	



    width: 714px;



    height: 823px;



    top: -375px;



    left: -71px;



    background: url(images/polygon-wrapper.html) center no-repeat;



}







.get-started .polygon {



	



    position: absolute;



    width: 170px;



    height: 196px;



}







.get-started .polygon:hover::before {



	



    transform: scale(1);



}







.get-started .polygon-1 {



	



    left: 50%;



    margin-left: -85px;



    top: -310px;



}







.get-started .polygon-1::before {



	



    background: url(images/polygon-1-hover.html) center no-repeat;



}







.get-started .polygon::before {



	



    left: -8px;



    width: 186px;



    height: 216px;



    background: url(images/polygon-1-hover.html) center no-repeat;



    z-index: 2;



    transform: scale(.9);



    transition: all .3s ease;



}







.get-started .polygon::after, .get-started .polygon::before {



	



    top: 0;



    right: 0;



    margin: auto;



    position: absolute;



    bottom: 0;



    content: '';



}







.get-started .polygon-wrapper::after, .get-started .polygon-wrapper::before {



	



    content: '';



    display: block;



    position: absolute;



}







.get-started .polygon-1 span {



	



    top: 0;



    left: 50%;



    margin-left: -21px;



}







.get-started .polygon span {



	



    position: absolute;



    display: block;



    color: #fff;



    font-family: 'Bai Jamjuree', sans-serif;



    font-size: 30px;



    width: 42px;



    height: 42px;



    z-index: 12;



    text-align: center;



}







.get-started .polygon-1::after {



	



    background: url(images/polygon-1.html) center no-repeat;



}







.get-started .polygon::after {



	



    width: 100%;



    height: 100%;



    left: 0;



    z-index: 10;



}







.get-started .polygon-wrapper::after {



	



    width: 553px;



    height: 520px;



    background: url(images/arrow-bg.html) center no-repeat;



    top: -161px;



    right: 49px;



}







.get-started .polygon-2 {



	



    top: -155px;



    right: -30px;



}







.get-started .polygon-2::before {



	



    background: url(images/polygon-2-hover.html) center no-repeat;



}







.get-started .polygon-2::after {



	



    background: url(images/polygon-2.html) center no-repeat;



}







.get-started .polygon-2 span {



	



    top: 50px;



    right: 0;



}







.get-started .polygon-3 {



	



    top: 155px;



    right: -30px;



}







.get-started .polygon-3::before {



	



    background: url(images/polygon-3-hover.html) center no-repeat;



}







.get-started .polygon-3::after {



	



    background: url(images/polygon-3.html) center no-repeat;



}







.get-started .polygon-3 span {



    top: 110px;



    right: 0;



}







.get-started .polygon-4 {



	



    left: 50%;



    margin-left: -85px;



    top: 310px;



}







.get-started .polygon-4::before {



	



    background: url(images/polygon-4-hover.html) center no-repeat;



}







.get-started .polygon-4::after {



	



    background: url(images/polygon-4.html) center no-repeat;



}







.get-started .polygon-4 span {



    bottom: 0;



    left: 50%;



    margin-left: -21px;



}







.get-started .polygon-5 {



	



    top: 155px;



    left: -28px;



}







.get-started .polygon-5::before {



	



    background: url(images/polygon-5-hover.html) center no-repeat;



}







.get-started .polygon-5::after {



	



    background: url(images/polygon-5.html) center no-repeat;



}







.get-started .polygon-5 span {



	



    top: 110px;



    left: 0;



}







.get-started .polygon-6 {



	



    top: -155px;



    left: -28px;



}







.get-started .polygon-6::before {



	



    background: url(images/polygon-6-hover.html) center no-repeat;



}







.get-started .polygon-6::after {



	



    background: url(images/polygon-6.html) center no-repeat;



}







.get-started .polygon-6 span {



	



    top: 50px;



    left: 0;



}







.get-started .get-started-content {



	



    position: relative;



    z-index: 10;



    width: 100%;



    max-width: 460px;



    text-align: center;



    color: #000;



    margin: 0 auto;



    display: none;



}







.get-started .get-started-content .title {



	



    font-size: 24px;



    font-family: 'Bai Jamjuree', sans-serif;



    margin-bottom: 30px;



}







.get-started .get-started-content .content {



	



    font-size: 16px;



    color: #333;



    margin-bottom: 30px;



	font-family: 'Bai Jamjuree', sans-serif;



}







.btn-title-block {



	



	font-size: 16px;



    color: #fff;



	text-transform:uppercase;



    background: linear-gradient(135deg, #5561b2 40%, #b225f1 100%);



    border-radius: 50px;



    border: 1px solid #9b33e1;



    outline: none;



    display: inline-block;



    box-shadow: inset 0 0 0 0 #eca334;



    transition: 0.7s;



	font-family: 'Bai Jamjuree', sans-serif;



	padding: 10px 30px;



	font-weight:700;



	margin-top: 10px;



}







.btn-title-block:hover {



	



    color: #071c56 !important;



    background: #eca334 !important;



    border: 1px solid #eca334 !important;



    transition: 0.7s;



    box-shadow: inset 0 35px 0 0 #eca334;



}







#education {



    padding: 100px 0;



    overflow: hidden;



}







#education .img-wrapper {



	



    position: relative;



    margin-bottom: 70px;



}







/*#education .img-wrapper::before {



	



    content: '';



    display: block;



    background: url(images/after-img.png) center no-repeat;



    width: 278px;



    height: 274px;



    position: absolute;



    left: -197px;



    top: -90px;



}







#education .img-wrapper.right::before {



	



    width: 286px;



    height: 384px;



    left: auto;



    right: -181px;



    top: -96px;



    background: url(images/after-img-right.png) center no-repeat;



}*/







#education .img-wrapper img {



	



    margin: 0 auto;



    box-shadow: 3px 3px 20px 3px rgba(0,0,0,.5);



}







#education .text-wrapper {



	



    margin-bottom: 70px;



	font-family: 'Bai Jamjuree', sans-serif;



}







#education .text-wrapper .education-title {



	



    margin: 85px 0 25px 100px;



    font-size: 30px;



    color: #260a8c;



}







#education .text-wrapper .education-title span {



	



    display: inline-block;



    width: 100%;



    position: relative;



}







#education .text-wrapper .education-title span::after {



	



    content: '';



    display: block;



    position: absolute;



    width: 33px;



    height: 38px;



    background: url(images/title-after.html) center no-repeat;



    left: -60px;



    top: 50%;



    margin-top: -19px;



    z-index: 10;



}







#education .text-wrapper .education-description {



	



    color: #333;



    font-size: 16px;



    margin: 0 0 25px 100px;



}







#education .text-wrapper.right {



	



    text-align: right;



}







#education .text-wrapper.right .education-title {



	



    margin: 85px 100px 25px 0;



}







#education .text-wrapper.right .education-title span::after {



	



    transform: rotate(180deg);



    right: -60px;



    left: auto;



}







#education .text-wrapper.right .education-description {



	



    margin: 0 100px 25px 0;



}







@media (max-width: 1199px) {



	



.get-started .polygon::before{display:none;}



	



.get-started .polygon {



    width: 150px;



}



.get-started .polygon-1 {



    top: -290px;



    margin-left: -75px;



}







.get-started .polygon-1::after {



	



    background-size: 100%;



}







.get-started .polygon-2 {



    top: -143px;



    right: -20px;



}







.get-started .polygon-2::after {



	



    background-size: 100%;



}







.get-started .polygon-3 {



    top: 143px;



    right: -20px;



}







.get-started .polygon-3::after {



	



    background-size: 100%;



}







.get-started .polygon-4 {



    top: 290px;



    margin-left: -75px;



}







.get-started .polygon-4::after {



	



    background-size: 100%;



}







.get-started .polygon-5 {



    top: 143px;



    left: -20px;



}







.get-started .polygon-5::after {



	



    background-size: 100%;



}







.get-started .polygon-6 {



    top: -143px;



    left: -20px;



}



.get-started .polygon-6::after {



	



    background-size: 100%;



}



.get-started .polygon-1 span {



    top: 18px;



}



.get-started .polygon-4 span {



    bottom: 18px;



}







#education .text-wrapper .education-title {



    margin: 20px 0 25px 100px;



}







#education .text-wrapper.right .education-title {



    margin: 20px 100px 25px 0;



}



}







@media (min-width: 768px){



.col-sm-push-6 {



    left: 50%;



}



}







@media (min-width: 768px){



.col-sm-pull-6 {



    right: 50%;



}



}







@media (max-width:991px){



	



.get-started .tablet{



	display:none;



}







#education .text-wrapper .education-title {



    margin: 20px 0 25px;



    font-size: 24px;



}







#education .text-wrapper .education-title span::after {



	



	display:none;



}







#education .text-wrapper .education-description {



    margin: 0 0 25px;



}







#education .text-wrapper.right .education-title {



    margin: 20px 0 25px;



}







#education .text-wrapper.right .education-description {



    margin: 0 0 25px;



}







}







@media (max-width:767px){



	#education .img-wrapper::before{



		display:none;



	}



	#education .text-wrapper.right {



    text-align: left;



	}



}







@media (max-width:680px){.get-started{min-height:790px}.get-started .get-started-content{margin:0 auto}}







@media (max-width:540px){.get-started .get-started-content .btn-title-block{max-width:100%;margin-left:13px}}







@media (max-width:680px){.get-started .polygon{float:left}.get-started .polygon-1,.get-started .polygon-2,.get-started .polygon-3,.get-started .polygon-4,.get-started .polygon-5,.get-started .polygon-6{position:relative;left:auto;right:auto;top:auto;bottom:auto;margin-left:10px;margin-right:10px}.get-started .polygon-wrapper-next{display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center;-ms-flex-align:center;align-items:center;-ms-flex-wrap:wrap;flex-wrap:wrap}}







@media (max-width: 680px){



.get-started .polygon-wrapper {



    width: 100%;



    margin: 0 auto;



	



}







.get-started .polygon-wrapper::before {



	



   	background: transparent;



}







.get-started .polygon-wrapper::after {



	



   	background: transparent;



}



}















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







.innerpage_banner1 {



	



    min-height: 150px;



    width: 100%;



   background: #32323e url(images/plan-bg.jpg) no-repeat top center fixed;



	background-size: cover;



}







 .inner_page_infos {



    margin-top: 40px;



    width: auto;



    padding-left: 35px;



    background: transparent;



    padding-right: 35px;



    padding-bottom:40px;



    display: inline-block;



}







.inner_page_infos h3 {



	



     font-size:36px;



     color: #fff;



     font-weight:700;



     margin: 0px 0px 30px 0px;



	 font-family: 'Bai Jamjuree', sans-serif;



	 text-transform: uppercase;



}







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



	 .inner_page_infos h3 {



     font-size:30px;



     color: #fff;



     font-weight:700;



     margin: 0px 0px 30px 0px;



     line-height: normal;



	 font-family: 'Bai Jamjuree', sans-serif;



	 text-transform: uppercase;



}



}







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



		.section-table.table-statistic td:last-child, .section-table.table-statistic th:last-child {



		width: 100%;



	}



	table.responsive.table-vip tr:first-child, table.responsive.table-statistic tr:first-child, table.responsive.history-table tr:first-child {



    display: none;



  }



  .section-table.table-vip td {



    font-size: 0.8em;



  }



  .section-table td {



    font-size: 0.8em;



  }



  .section-table th:first-child, .section-table td:first-child {



    padding-left: 5%;



  }



  .section-table.table-vip td:last-child, .section-table.table-vip th:last-child {



    width: 100%;



  }



  .section-table-block .el-table {



    display: none;



  }



  .section-table.table-statistic td:first-child, .section-table.table-statistic th:first-child {



    width: 100%;



	padding: 4px 1%;



  }



  .section-table.table-statistic td:last-child, .section-table.table-statistic th:last-child {



    width: 100%;



  }



	table.responsive,



    table.responsive thead,



    table.responsive tbody,



    table.responsive th,



    table.responsive td,



    table.responsive tr {display:block;}



    table.responsive thead tr {position:absolute; top:-9999px; left:-9999px;}



    table.responsive tr {border:1px solid #ccc; margin-bottom:20px;}



    table.responsive td {    border: none;



    border-bottom: 1px solid #eee;



    position: relative;



    padding: 4px 1%;



    width: 100%;



    font-size: 13px;}



    table.responsive td::before,



    table.responsive td .td-text {width:100%;    font-size: 13px;}



    table.responsive td::before {width:50%; padding-right:15px; text-align:left; content:attr(data-content); display:block;text-transform: uppercase;}



    table.responsive td::after {content:""; display:table; clear:both;}



}







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



	.section-table .table-link {



		font-size: 10px;



	}



}







.inner_page_infos h4 {



	



	font-size: 20px;



    font-weight:500;



    color: #ccc;



	 margin: 0px 0px 30px 0px;



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



	text-transform: uppercase;



}







.inner_page_infos p {



	



	font-size:18px;



    font-weight: 400;



    color: #4d4b4b;



	margin: 0px 0px 0px 0px;



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



}







.bounty_card-top {



	



	background:#1f0a6b;



	padding:25px 0px 45px 0px;



	color:#fff;



	margin:20px 0;



	border-radius:3px;



}







.bounty_card-top--bonus {







	font-family: 'Bai Jamjuree', sans-serif;



	text-align:right;



}







.bounty_card-top--title {



	



	font-size:20px;



	font-family: 'Bai Jamjuree', sans-serif;



	font-weight:600;



	text-align:left;



}







.bounty_card-body--description {



	



	



}







.bounty_card-body--description p {



	



    font-size: 14px;



    font-family: 'Bai Jamjuree', sans-serif;



    font-weight: 400;



    color: #444;



    text-align: left;



    margin: 0px 0px 0px 0px;



}







.bounty-img {



	



	padding:50px 0px 30px 0px;



	text-align: center;



}







.bounty-img img {



	



	 width: 200px;



	 margin:0px auto 40px;



}







.bounty-img a {



	



	font-size: 14px !important;



    color: #071c56 !important;



    background: #eca334;



    border-radius: 5px;



    border: 1px solid #eca334 !important;



    outline: none;



    box-shadow: inset 0 0 0 0 #1f0a6b;



    transition: 0.7s;



    text-transform: uppercase;



    padding: 10px 40px !important;



    font-weight: 600;



	margin-left: 5px;



}







.bounty-img a:hover {



	



    color: #fff !important;



    background: #1f0a6b;



    border: 1px solid #1f0a6b !important;



    transition: 0.7s;



    box-shadow: inset 0 35px 0 0 #1f0a6b;



}







.card_content-text {



	



    padding: 0;



    line-height: 20px;



}







.card_content-text--list {



	



    margin-top: 25px;



    border-top: 1px solid #c6c2c2;



    padding-top: 25px;



}







.card_content-text--list p {



	



	font-family: 'Bai Jamjuree', sans-serif;



    font-weight:600;



    color: #444 !important;



	font-size:18px !important;



	margin:0px 0px 10px 0px;



}







.card_content-text--list ul {



	



    padding: 0;



}







.card_content-text--list ul li {



	



    list-style: none;



    padding:2px 0px !important;



	font-family: 'Bai Jamjuree', sans-serif;



    font-weight: 400;



    color: #444;



}







.card_content-text--list1 {



	



	    padding-top: 15px;



}







.card_content-text--list1 p {



	



    margin:2px 0px 0px 0px;



	font-family: 'Bai Jamjuree', sans-serif;



    font-weight: 400;



    color: #444;



	font-size:14px;



}







.card_content-text--list1 p span {







	color:#9636de;



}







.card_content-text--list1 p span:hover {



	



    color: #444;



}







.bounty-review {



	



	text-align: center;



}







.bounty_review-block-title {



	



	text-align: center;



    background: #444;



    color: #fff;



    display: inline-block;



    margin: 60px auto 60px auto;



    padding: 20px 25px;



    border-radius: 100px;



}







.innerpage_banner {



	width: 100%;

    background: #757581 url(images/banner-bg1.jpg) no-repeat top center fixed;

    background-size: cover;



}



 .inner_page_info {



    /*margin-top: 30px;



    width: auto;



    padding-left: 35px;



    background: transparent;



    padding-right: 35px;



    padding-bottom: 0px;



    padding-top: 10px;



    display: inline-block;*/



}







.inner_page_info h3 {



	

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

	font-size: 34px;

    color: #fff;

    font-weight: 500;

    padding-left: calc(55% - 640px);

    line-height: 100px;

    display: inline-block;

    min-width: 60%;

    background: linear-gradient(to right, #f15143, #ee4047);

    margin-top: 80px;

    margin-left: -10%;

    padding-left: 10%;

    margin-bottom: 0;

    letter-spacing: 0.04em;

    text-transform: uppercase;



}







.inner_page_info h3:after {



	position: relative;



    content: "";



    float: right;



    left: 2.0724em;



    width: 2.0724em;



    height: 0;



       border-color: #ee4046 transparent;



    border-style: solid;



    border-width: 0 2.0724em 3em 0;



    z-index: 1;



}







.inner_page_info h3 span {



	



	    color: #32323e;



}







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



	 .inner_page_info h3 {



     font-size:30px;



     color: #fff;



	     line-height: 90px;



	}



}







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



	 .inner_page_info h3 {



             font-size: 27px;



    color: #fff;



    line-height: 40px;



    padding-top: 30px;



    padding-bottom: 20px;



    text-align: center;



    margin-left: 0%;



    width: 100%;



	}



	.inner_page_info h3:after {



		display:none;



	}



}







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



    text-transform: uppercase;



}



.heading_main span {



    color: #550ae7;



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



    font-weight:700;



    font-size: 38px;



	text-transform: uppercase;



}



.heading_main span::after {



    border-bottom: solid #ff7300 4px;



    color: #fff;



    padding-bottom: 15px;



    content: "";



    display: block;



    width: 120px;



    margin: 0 auto -10px;



} 







.main_title{ width:100%; margin-bottom:30px;}



.main_title h2{ font-size:33px;    font-family: 'Rubik', sans-serif; }



.main_title span {



	font-size: 33px;



	font-weight: 400;



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



	padding-top: 20px;



	display: inline-block;



	width: 100%;



	color: #6f8ef3;



}











.form_block {



	width: 100%;



	display: inline-block;



	margin-bottom: 30px;



}



.form_block span {



	width: 100%;



	display: inline-block;



	position: relative;



}







.form_block span a {



	



	 color: #272734;



    font-size: 16px;



    font-weight: bold;



	transition:0.7s;



}







.form_block span a:hover {



	



	 color: #f14e44;



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



}











.form_block.dark span [type="text"], .form_block.dark span [type="email"], .form_block.dark span [type="password"], .form_block span.dark [type="number"], .form_block span.dark textarea











{ color:#000000;}







.form_block span i {



	font-size: 28px;

    color: #ed3b47;

    position: absolute;

    left: -3px;

    top: -4px;

    width: 55px;

    height: 55px;

    line-height: 48px;

    text-align: center;

    background: #ffffff;

    border-radius: 28px;

    border: 1px solid #000;

    box-shadow: 4px 0px 0px #ed3b47;



}







.form_box {



    width: 100%;



    display: inline-block;



    padding: 0px 0px 30px;



    margin-bottom: 0px;



    background: transparent;



    background-size: cover;



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



}







.form_box h2 {



	text-align: center;



	padding: 15px 0;



	color: #0b4ea7;



}







.forgot_pwd span {



	font-size: 14px;



	color: #fff;



	text-transform: capitalize;



}



.forgot_pwd span a {



	font-size: 14px;



	color: #000;



	float: right;



}







.inner-bg  {







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



    background-size: cover;



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



}



.after_reg h3 {



  color:#000;



  font-size: 23px;



}







.after_reg p{ margin-bottom:10px;



}



.after_reg b{ 



    color: #ee4147;



    font-size: 18px;



}







.msg .error i {



  background-color: #b93b37;



  color: #fff;







}







.msg .success i {



  background-color: #2b792b;



  color: #fff;







}



.msg i {







  margin-right: 5px;



  padding: 10px;



}







@-webkit-keyframes AnimationName {



    0%{background-position:63% 0%}



    50%{background-position:38% 100%}



    100%{background-position:63% 0%}



}



@-moz-keyframes AnimationName {



    0%{background-position:63% 0%}



    50%{background-position:38% 100%}



    100%{background-position:63% 0%}



}



@keyframes AnimationName {



    0%{background-position:63% 0%}



    50%{background-position:38% 100%}



    100%{background-position:63% 0%}



}







::-webkit-input-placeholder { /* Chrome/Opera/Safari */







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







}







::-moz-placeholder { /* Firefox 19+ */







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







}







:-ms-input-placeholder { /* IE 10+ */







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







}







:-moz-placeholder { /* Firefox 18- */







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







}















































/***************** login ends ************/















/***************** signup starts ************/















.sign_bg  {







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



    border-radius: 20px;











}















.regpage .main_tie {







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







padding-bottom: 30px;







font-size:30px;







font-weight:bold;







    color: #000;







}















.regpage table tr td{







border-bottom: 20px solid transparent;







color: #3e3343;







}







.regpage table {







width:100%;







}







.regpage .table-responsive {







border:none;







}







.regpage table .inpts , .regpage table textarea {







position:relative;







max-width: 300px;







height:39px;







width:100%;







}







.regpage table tr td , .regpage table tr td a , .regpage table .sbmt{







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







    font-weight: 600;







    font-size: 18px;







}















::-webkit-input-placeholder { /* Chrome/Opera/Safari */







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







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



    box-shadow: 0px 1px 12px 6px;



    border-radius: 20px;



	margin-bottom:40px;



}







.supage .supageright img{



	



	max-width: 100%;



    padding-bottom: 18px;



}







.supage .supageright .sup-head{



	



	padding-top: 13px;



    line-height: 50px;



    text-align: center;



    font-size: 30px;



    font-weight: bold;



    color: #6b1d0b;



}







.supage .supageleft {







    width: 100%;



    min-width: 300px;



    max-width: 450px;



    background-color: #fff;



    padding: 30px;



    box-shadow: 0px 0px 12px 6px rgba(0, 0, 0, 0.3);



    background-color: #ff671e66;



    border: 5px solid #f54801;



    box-shadow: 0px 1px 12px 6px;



    border-radius: 20px;



	margin-bottom:40px;



}















.supage .main_tie {







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







padding-bottom: 30px;







font-size:30px;







font-weight:bold;







    color: #000;







}















.supage .supageleft .table-responsive {







border:none;







}







.supage .supageleft table {







    width: 100%;







}







.supage .supageleft table tr td{







border-bottom: 20px solid transparent;







color: #3e3343;







}







.supage .supageleft .inpts , .supage .supageleft table textarea {







position:relative;







max-width: 300px;







width:100%;







}







.supage .supageleft .inpts {







height:39px;







}







.supage .supageleft table tr td , .supage .supageleft table tr td a , .supage .supageleft table .sbmt{







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







    font-weight: 600;







    font-size: 18px;







}















.sup_bg .table-responsive {







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







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







    background-repeat: no-repeat;







    background-position-x: 93%;







    background-position-y: 69%;







}







.user_page .content .tie , .dash_referral .content .tie {







	font-size: 18px;







}







.user_page .content .num , .dash_referral .content .num {







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







	font-size: 27px;







    font-weight: 600;







	    color: #111930;;







}























.inner-content {







	padding: 45px 0 100px 0px;







	font-family: 'Source Sans Pro', sans-serif;







	font-size: 16px;







	line-height: 24px;







	color: #808080;







}







.innerContentTitle {







	font-family: 'Roboto Slab', serif;







	font-weight: 400;







	font-size: 30px;







	color: #1e1e1e;







	margin-bottom: 27px;







}







.innerContentTitle span {







	font-weight: 300;







}







.innerContentSubTitle {







	background: #101010;







	font-family: 'Source Sans Pro', sans-serif;







	color: #ffffff;







	font-size: 18px;







	text-transform: uppercase;







	padding: 10px 0px 10px 20px;







	margin: 0px;







	overflow: hidden;







}







.innerContentSubTitle label {







	float: right;







	text-align: right;







	font-weight: normal;







	padding-right: 20px;







}















.statusDis {







	max-width: 280px;







	height: 150px;







	width: 100%;







	margin-right: 15px;







	background-color: #f85c37;







	text-align: center;







	color: #fff;







	float: left;







	padding-top: 27px;







}







.adminStatusDisplay .statusDis h2 {







	font-family: 'Source Sans Pro', sans-serif;







	font-size: 30px;







	margin: 20px 0px;







}







.adminStatusDisplay .statusDis h4 {







	font-family: 'Source Sans Pro', sans-serif;







	font-size: 18px;







	margin: 5px 0px;







	text-transform: uppercase;







}







 h3.depositWithdrwaInfo {







    background: #f54801;







    font-family: 'Source Sans Pro', sans-serif;







    color: #ffffff;







    font-size: 18px;







    text-transform: uppercase;







    padding: 17px 10px 17px 10px;







    margin: 0px;







    overflow: hidden;







	text-align: center;







}







 h5.affiliateLink {







    background: #000;







    font-family: 'Source Sans Pro', sans-serif;







    color: #fff;







    font-size: 18px;







    padding: 25px 10px 30px 10px;







    margin: 0px;







    overflow: hidden;







	text-align: center;







	margin-bottom: 10px;







}















 h5.affiliateLink a {







 	







 	 color: #f2730b;







 }







.amtDetails {







	padding: 20px 0px;







}







.amtDetails .amtDis {







	width: 100%;







	height: 62px;







	border: 1px solid #969696;







	padding: 10px;







	overflow: hidden;







	margin-bottom: 10px;







}







.amtDetails .amtDis .nAme {







    width: 60%;







    height: 40px;







    float: left;







    background-color: #0d0625;







    color: #ef9043;







    font-family: 'Source Sans Pro', sans-serif;







    font-size: 16px;







    line-height: 38px;







    text-transform: uppercase;







    padding-left: 20px;







}







.amtDetails .amtDis .aMt {







	width: 40%;







	height: 40px;







	float: left;







	background-color: #c8c8c8;







	color: #06123c;







	font-family: 'Source Sans Pro', sans-serif;







	font-weight: 600;







	font-size: 18px;







	line-height: 38px;







	padding-left: 20px;







}







.inner-content h5.affiliateLink a {







    color: #ffffff;







	text-decoration: none;







}







.inner-content h5.affiliateLink a:hover {







    color: #ffffff;







	text-decoration: underline;







}























.adminStatusDisplay .statusDis:last-child {







	margin-right: 0px;







}















.adminStatusDisplay .statusDis {







    max-width: 280px;



    height: 150px;



    width: 100%;



    margin-right: 15px;



    background-color: orange;



    text-align: center;



    color: #101010;



    float: left;



    padding-top: 27px;







}















.adminStatusDisplay {















	padding: 20px 0px 20px 0px;







}























.amountDeposit {







	padding: 12px 0px 18px;







}







.amountDeposit .dollar {







	width: 77px;







	height: 52px;







	float: left;







	padding-left: 22px;







	font-family: 'Source Sans Pro', sans-serif;







	font-size: 30px;







	color: #18428c;







	line-height: 48px;







}







.amountDeposit .amt {







	width: 270px;







	height: 50px;







	float: left;







	/*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.html") 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.html") 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.html);







background-position: center;







margin-bottom:30px;







}







.dash_detail .dash_pic {







    position: absolute;







    left: -15%;







    width: 90px;







    height: 90px;







    top: 15px;







}







.dash_detail .dash_pic img {







max-width:100%;







border: 3px solid #16c9f6;







border-radius: 50%;







background-color: #324a5e;







}















.dash_detail .dash_text p {







    text-transform: inherit;







    color: #000;







    font-size: 15px;







    line-height: 30px;







    font-weight: 500;







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







	text-align:left;







}







.dash_detail .dash_text p span {







float:right;







}























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







































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















@media (min-width:1200px){	







	







.mega_tourch {







height:28%;







}	







.mega_tourch .touch {







left:12%;







}







	







}























@media (min-width:992px) and (max-width:1199px){	







	







.mega_tourch {







height:20%;







}	







.mega_tourch .touch {







left:12%;







}







	







}







































@media (min-width:600px) and (max-width:991px){	







	







.mega_tourch {







height:15%;







}	







.mega_tourch .touch {







left:9%;







}	















}















@media (max-width:600px){	







	







.mega_tourch {







height:9%;







}







.mega_tourch .touch {







left:6%;







}	







	







}















@media (max-width:992px) {















.box6 , .box6 p , .box6 a  {







width:100%;







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







font-size:100%;







line-height:24px;







color: #000;







padding:15px 0;







border:none;







}































input, textarea {







width:auto;







height:auto;







}















input[type=submit] {







width: auto;







background: #e41b05;







border: 1px solid #e41b05;







color:#fff;







}















input[type=submit] {







width: auto;







background: #0d91e4;







border: 1px solid #0d91e4;







color:#fff;







}







input[type=submit]:hover {







background:#fff;    







color: #e41b05;







border: 1px solid #fed98d;







}















}































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























@media (max-width:420px) {















 







.member_detail , .member_detail table {







font-size:100%;







}























}















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







    margin-bottom: 5px;







    background-color: #f54801;















}















.navigation .menutxt:hover







{







	color: #f54801;



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







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







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;







}























}











#formname_main







{







    color: #000;







    text-transform:capitalize;







    font-size: 32px;







    text-align: center;







    /* background: #f85c37; */







    border-radius: 0px;







   /* padding: 10px 0;*/







    margin: 0 auto;







    font-weight: bold;







}



















@media (min-width:992px) {















.box6{







width:100%;







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







font-size:15px;







line-height:24px;







color: #000;







padding:30px 0;







border:none;







}























#formname{







text-align: center;







    text-transform: uppercase;







    color:#000000;







    font-size: 21px;







	border:3px solid #09b719;







	}















































}















.btn-default.active.focus, .btn-default.active:focus, .btn-default.active:hover, .btn-default:active.focus, .btn-default:active:focus, .btn-default:active:hover, .open>.dropdown-toggle.btn-default.focus, .open>.dropdown-toggle.btn-default:focus, .open>.dropdown-toggle.btn-default:hover {







background:#fff;    color: #e05057;







	    border: 1px solid #e05057;







}











input.sbmt{







   background: #272734;

    color: #f14e44;

    box-shadow: 4px 5px 0px #f14e44;

    border: 1px solid #272734;

    padding: 10px 42px;

    font-size: 18px;

    outline: none;

    -webkit-transition: all ease 0.8s;

    -moz-transition: all ease 0.8s;

    transition: all ease 0.8s;

    text-transform: capitalize;

    font-weight: 500;

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

    border-radius: 0px;

    margin-top: 15px;

    outline: none;

    text-transform: uppercase;



}







input.sbmt:hover







{



	box-shadow: 4px 5px 0px #272734;

    background: #ed3b47;

    color: #fff !important;

    /* box-shadow: inset 100px 0px 0px 0px #0b4ea7; */

    border: 1px solid #ed3b47;



}











.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: 'Courgette', cursive;







}















.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: 'Courgette', cursive;







	







}







.memberuser







{







float:left;







width:100%;







  /*  background: #D1A703;*/







	height:100px;







}







.memberuser table tr td







{







color:#FF0000;







font-family: 'Courgette', cursive;







font-size:16px;







}























.left-navigation .navigation ul  {







	background-color: #10101059;







    box-sizing: border-box;







    padding: 20px 0;







	list-style:none;







}







.left-navigation .navigation , .right-navigation .navigation {







margin:0;







}







.right-navigation {







padding:30px 0;







}







.register {







    padding: 30px;







    /*background-color: #fff;*/







    box-sizing: border-box;







	/*border-radius: 15px;*/







}























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















.left-navigation {







min-width:270px;







max-width:315px;







}







}







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







.right-navigation {







padding:30px 0 30px 15px;







}







}















.navigation







{







opacity:1;







margin-top:0px;







    padding: 0;







}







.navigations td







{







font-family: 'Courgette', cursive;







    color: #E7BA04;







    font-size: 18px;







    border: 1px solid;







    border-color: #fff;







    padding: 0;







    background-color:#1f1f1f;







	   /* 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: 'Courgette', cursive;







    color: #FFFFFF;







    font-size: 20px;







    border-color: #666a6b;







    background-color:#7545b4;







}







.navigations td:hover







{







	font-family: 'Courgette', cursive;color:#E7BA04;font-style: Narrow;







	font-size: 18px;padding-left:20px;border:1px solid #fff; /*border-color:#666a6b;*/     color: #08072b;







	/* box-shadow: inset 0 0 0 0 #003399;*/







	background-color:#eaa22f;







}







.register table {







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







background-position:center;







background-size:cover;







}







.register table tr th {







color: #fff;



    padding: 15px;



    text-align: left;



    /* border: 1px solid #f1a52d; */



    /* background-color: #f1a52d; */



    box-sizing: border-box;



    



    font-size: 16px;







}







	.register table tr td







	{







    



    font-size: 15px;



    /* background: #00a085; */



    color: #000;



    line-height: 18px;



    border-radius: 3px;



    padding: 15px;



    border: 1px solid transparent;



    text-align: left;







/*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: 'Courgette', cursive;







border-radius: 0px;







 margin: 0px 0px 0px 0px;







}







.table_r .table_r1 .left







{







float:left;







width:44%;







    margin: 10px 0px 0px 0px;







}







.table_r .table_r1 .left img







{







max-width:100%;







}







.table_r .table_r1 .right







{







float:left;







width:50%;







    margin: 0px 0px 0px 0px;







}







.table_r .table_r1 .right .text1







{







color: #fff;







font-family: 'Courgette', cursive;







font-size: 25px;







text-transform: uppercase;







padding: 55px 0px 0px 0px;







font-weight: bold;







}







.table_r .table_r1 .right .text2







{







    color: #fff;







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







    font-size: 25px;







    font-weight: 600;







    text-transform: inherit;







    padding: 13px 0px 0px 20px;







    font-weight: bold;







}







.table_r .table_r1 .reg







{







    float: left;







    width: 50%;







    background: #3f78ea;







    height: 75px;







    border-radius: 0px 0px 0px 0px;







	    margin: 20px 0px 0px 0px;







}







.table_r .table_r1 .reg .title







{







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







    font-size: 18px;







    text-transform: inherit;







    color: #fff;







    font-weight: 500;







text-align:center;







    margin: 16px 0px 0px 0px;







}







.table_r .table_r1 .reg .subtitle







{







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







    font-size: 18px;







    text-transform: inherit;







    color: #fff;







    font-weight: 500;







text-align:center;







    margin: 2px 0px 0px 0px;







}







.table_r .table_r1 .last







{







    float: left;







    width: 50%;







    background: #003399;







    height: 75px;







    border-radius: 0px 0px 0px 0px;







	    margin: 20px 0px 0px 0px;







}







.table_r .table_r1 .last .title







{







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







    font-size: 18px;







    text-transform: inherit;







    color: #fff;







    font-weight: 500;







text-align:center;







    margin: 16px 0px 0px 0px;







}







.table_r .table_r1 .last .subtitle







{







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







    font-size: 18px;







    text-transform: inherit;







    color: #fff;







    font-weight: 500;







text-align:center;







    margin: 2px 0px 0px 0px;







}







.table_r .table_center







{







float:left;







width:20%;







}







.table_r .table_r2







{







    width: 30%;







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























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







}







}