/*

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

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

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







light - 300

regular - 400

medium - 500

semi-bold  - 600

bold - 700

extra-bold - 800

black - 900

*/



body {

	

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

	color: #fff;

	font-size: 14px;

	font-weight: 400;

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

    background-size: cover;

    background-attachment: fixed;

}



a {

	

	cursor:pointer !important;

	text-decoration:none !important;

}



.heartbeat {

	-webkit-animation: heartbeat 1.5s ease-in-out infinite boths;

	        animation: heartbeat 1.5s ease-in-out infinite both;

}

@-webkit-keyframes heartbeat {

  from {

    -webkit-transform: scale(1);

            transform: scale(1);

    -webkit-transform-origin: center center;

            transform-origin: center center;

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

            animation-timing-function: ease-out;

  }

  10% {

    -webkit-transform: scale(0.91);

            transform: scale(0.91);

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

            animation-timing-function: ease-in;

  }

  17% {

    -webkit-transform: scale(0.98);

            transform: scale(0.98);

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

            animation-timing-function: ease-out;

  }

  33% {

    -webkit-transform: scale(0.87);

            transform: scale(0.87);

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

            animation-timing-function: ease-in;

  }

  45% {

    -webkit-transform: scale(1);

            transform: scale(1);

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

            animation-timing-function: ease-out;

  }

}

@keyframes heartbeat {

  from {

    -webkit-transform: scale(1);

            transform: scale(1);

    -webkit-transform-origin: center center;

            transform-origin: center center;

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

            animation-timing-function: ease-out;

  }

  10% {

    -webkit-transform: scale(0.91);

            transform: scale(0.91);

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

            animation-timing-function: ease-in;

  }

  17% {

    -webkit-transform: scale(0.98);

            transform: scale(0.98);

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

            animation-timing-function: ease-out;

  }

  33% {

    -webkit-transform: scale(0.87);

            transform: scale(0.87);

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

            animation-timing-function: ease-in;

  }

  45% {

    -webkit-transform: scale(1);

            transform: scale(1);

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

            animation-timing-function: ease-out;

  }

}

.rotating {

	-webkit-animation: rotating 3s linear infinite;

	animation: rotating 14s linear infinite;

}

.rotating.fast {

	-webkit-animation: rotating 0.5s linear infinite;

	animation: rotating 0.5s linear infinite;

}



@-webkit-keyframes rotating {

    from{

        -webkit-transform: rotate(0deg);

    }

    to{

        -webkit-transform: rotate(360deg);

    }

}



@-moz-keyframes rotating {

    from{

        -moz-transform: rotate(0deg);

    }

    to{

        -moz-transform: rotate(360deg);

    }

}



.floater-2 {

	

    -webkit-animation: floater-2 infinite 4s ease-in-out;

    -moz-animation: floater-2 infinite 4s ease-in-out;

    animation: floater-2 infinite 4s ease-in-out;

    animation-fill-mode: forwards;

}



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



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



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

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



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



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



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



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



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

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



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



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

@keyframes move {



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



	5% {opacity: 0.0}



	48% {opacity: 0.2}



	80% {opacity: 0.0}



	100% { left: 82%}

}

.banner-bg

{

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

    background-size: cover;

    padding: 0px 0px 50px;

	overflow: hidden !important;

    position: relative;

}



header {

	

    width: 100%;

    background: #222547a8;

    background-size: cover;

    padding:10px 0px 10px 0px;

}



header .navbar-inverse { 



	margin:0; 

	min-height:auto; 

	border-radius:0; 

	border:0;

	background:none;

}

 

header .navbar-collapse {

	

	 padding:0;

}



header .navbar-right {

	

	margin: 17px;

	margin-right: 0px;

}



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



	padding:10px 10px;

	display:inline-block; 

	vertical-align:middle; 

	float:none;

}



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

   

	font-size: 16px;

    color: #fff;

    text-transform:capitalize;

    transition: 0.3s;

    vertical-align: middle;

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

	font-weight: 500;

	padding: 4px 0px 4px 0px;

	position:relative;

	display:inline-block;

}

	

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



	transition:0.3s; 

	color:#6bdbe1;

}



header .head-but:after {

	

    border:none !important;

}



header .head-but:before {

	

  border:none !important;

}



header .head-but:hover:after {

	

	border:none !important;

}



header .head-but:hover:before {

	

	border:none !important;

}



header .head-but {

	

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

	font-size: 16px !important;

    color: #fff !important;

    background:transparent !important;

    border-radius: 5px;

    border: none !important;

    outline: none;

    display: inline-block !important;

    padding: 10px 20px !important;

    box-shadow: inset 0 0 0 0 #3d4683;

    text-transform: uppercase !important;

	transition: 0.7s !important;

	font-weight:600 !important;

    border: 2px solid #7054c1 !important;



}

header .head-but i {

    position: absolute;

    opacity: 0;

    top: -1px;

    left: 0;

    background: #fff;

    width: 12%;

    height: 103%;

    transform: skew(-30deg,0deg);

    animation: move 3s;

    animation-iteration-count: infinite;

    animation-delay: 1s;

}

header .head-but:hover {

	color: #fff !important;

  /*  background: #178697 !important;*/

    transition: 0.7s !important;

    box-shadow: inset 0 39px 0 0 #1f2478;

    border: 2px solid #6cd7e1 !important;

}



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



	height:43px;

	line-height:40px; 

	padding:0 20px !important;

}



header .navbar-inverse .navbar-header {

	padding: 0;

	width: 40%;

}



header .navbar-inverse .navbar-header a { 



	display:inline-block; 

}



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

	display:inline-block;

	transform-origin: 100% 0;

    width: 40% !important;

   padding: 20px 0px 0px 0px;

    margin: 0px 0px 0px 0px;

}



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

	

	animation-name: bounce;

	animation-duration: 1s;

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

	animation-iteration-count: 1;

}

@-webkit-keyframes bounce {



  0%, 20%, 50%, 80%, 100% {



    -webkit-transform: translateY(0);



    transform: translateY(0);



  }







  40% {



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



    transform: translateY(-30px);



  }







  60% {



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



    transform: translateY(-15px);



  }



}







@keyframes bounce {



  0%, 20%, 50%, 80%, 100% {



    -webkit-transform: translateY(0);



    -ms-transform: translateY(0);



    transform: translateY(0);



  }







  40% {



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



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



    transform: translateY(-30px);



  }







  60% {



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



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



    transform: translateY(-15px);



  }



}







.bounce {



  -webkit-animation-name: bounce;



  animation-name: bounce;



}

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: #09ab42 !important;

}

.banner-bg .banner {

	

	padding: 100px 0px 20px;

}



.banner-bg .banner .banner-text {

	

	padding: 30px 0px 30px;

	text-align:center;

}



.banner-bg .banner .banner-text h2 {

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

    font-size: 25px;

	font-weight:500;

	color: #fff;

	margin:0px 0px 0px 0px;

	text-transform:uppercase;

}

.banner-bg .banner .banner-text h3 {

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

    font-size: 50px;

	font-weight:700;

	color: #fff;

	margin:10px 0px 30px 0px;

	text-transform:uppercase;

}



.banner-bg .banner .banner-text p {

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

    font-size: 18px;

    font-weight: 500;

    color: #fff;

    margin: 0px 0px 0px 0px;

    line-height: 26px;

}

.banner-bg .banner .banner-but {

	

	padding:50px 0px 30px;

}



.banner-bg .banner .banner-but .banner-but1 {

	

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

    font-size: 22px;

    font-weight: 500;

    color: #1e1d2d;

    background: #fff;

    border: 1px solid #0aaa48;

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

    padding: 14px 30px;

    border-radius: 5px;

    transition: 0.7s;

    margin: 0px 10px 0px 0px;

    display: inline-block;

    text-transform: uppercase;

	position:relative;

}

.banner-bg .banner .banner-but .banner-but1 i {

    position: absolute;

    opacity: 0;

    top: -1px;

    left: 0;

    background: #fff;

    width: 12%;

    height: 103%;

    transform: skew(-30deg,0deg);

    animation: move 3s;

    animation-iteration-count: infinite;

    animation-delay: 1s;

}



.banner-bg .banner .banner-but .banner-but1:hover {

	

	background:#3dcfd7;

	border:1px solid #3dcfd7;

	color: #f0f0f4;

	box-shadow:inset 0 35px 0 0 #3dcfd7;

	transition:0.7s;

}



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

.about-bg {

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

    background-size: cover;

    padding: 20px 0px 20px;

	min-height:1400px;

}

.about-bg .stat-head {

    padding: 0px 0px 0px 0px;

    text-align: center;

}

.about-bg .stat-head .stat-title {

     display: block;

    position: relative;

    margin: 0px 0px 0px 0px;

}

.about-bg .stat-head .stat-title b {

	position: relative;

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

    z-index: 1;

    font-size: 55px;

    text-transform: uppercase;

    font-weight: 400;

    line-height: 102px;

    letter-spacing: 0px;

    background: -webkit-linear-gradient(to bottom, rgba(152, 158, 172, 0.05), rgba(152, 158, 172, 0.1));

    background: -o-linear-gradient(to bottom, rgba(152, 158, 172, 0.05), rgba(152, 158, 172, 0.1));

    background: linear-gradient(to bottom, rgba(152, 158, 172, 0.05), rgba(152, 158, 172, 0.1));

    -webkit-background-clip: text;

    -moz-background-clip: text;

    background-clip: text;

    -webkit-text-fill-color: #2c2c39;

}

.about-bg .stat-head .stat-title .stat-title1 {

     padding: 0px 0px 0px 0px;

    text-align: center !important;

    position: relative;

    top: -65px;

    z-index: 1;

}

.about-bg .stat-head .stat-title .stat-title1 small {

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

    display: contents;

    color: #fff;

    font-size: 30px;

    font-weight: 400;

    position: absolute;

    z-index: 1;

    top: 77px;

    text-align: center;

	text-transform:uppercase;



}

.about-bg .static

{

    padding: 10px 10px 10px 10px;

	margin: 0px 0px 0px 0px;

}

.about-bg .static .stat

{

	 /*float: left;*/

      margin: 0px 0px 0px 0px;

	  text-align:center;

}

.about-bg .static .stat ul

{

	list-style-type:none;

	padding:0px;

	margin:0px;

}

.about-bg .static .stat ul li

{

	display: inline-block;

    padding: 0px 3px;

	margin: 0.15em;

    position: relative;

    font-size: 1.2em;



   

}

.about-bg .static .stat ul li .stat1

{

	text-align: center;

    position: relative;

    display: inline-block;

    margin: 0px 0px 0px 0px;

    position: relative;

    z-index: 9;

}

.about-bg .static .stat ul li .stat1 img

{

    position: relative;

    z-index: 99;

    padding: 25px 0px 13px 0px;

}



.about-bg .static .stat ul li .stat1 p

{

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

	font-size: 25px;

    color: #fff;

    font-weight: 700;

    margin: 3px 0px 3px 0px;

}

.about-bg .static .stat ul li .stat1 h1

{

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

    font-size: 18px;

    color: #fff;

    font-weight: 500;

    margin: 3px 0px 3px 0px;

	text-transform:capitalize;

}



.about-bg .static .stat ul li .stat1:hover

{

		animation-name: pulse;

		animation-duration: 1s;

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

		animation-iteration-count: 1;

}

.about-bg .static .stat ul li .stat1:hover.stat1 p,.about-bg .static .stat ul li .stat1 p:hover

{

	color:#3dcfd7;

}

.about-bg .about-com

{

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

    background-size: cover;

    width: 100%;

    min-height: 550px;

    padding: 50px;

}

.about-bg .about-com .about-head

{

	padding: 16px 0px 0px 0px;

}

.about-bg .about-com .about-head p

{

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

	font-size: 16px;

    color: #6bdbe1;

    font-weight: 600;

    margin: 5px 0px 5px 0px;

}

.about-bg .about-com .about-head h1

{

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

    font-size: 37px;

    color: #fff;

    font-weight: 400;

    margin: 3px 0px 3px 0px;

	text-transform:uppercase;

}

.about-bg .about-com .about-para

{

}

.about-bg .about-com .about-para p

{

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

    font-size: 16px;

    color: #c2d4f8;

    font-weight: 500;

    line-height: 28px;

    margin: 30px 0px 3px 0px;

}

.about-bg .about-but

{

	padding:30px 0px 10px 0px;

}

.about-bg .about-but .about-but1 {

	

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

    font-size: 22px;

    font-weight: 500;

    color: #fff;

    background: linear-gradient( 90deg, #6cd7e1 0%, #8961e8 72%);

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

    padding: 17px 39px;

    border-radius: 5px;

    transition: 0.7s;

    margin: 0px 10px 0px 0px;

    display: inline-block;

    text-transform: capitalize;

    position: relative;

}

.about-bg .about-but .about-but1 i {

    position: absolute;

    opacity: 0;

    top: -1px;

    left: 0;

    background: #fff;

    width: 12%;

    height: 103%;

    transform: skew(-30deg,0deg);

    animation: move 3s;

    animation-iteration-count: infinite;

    animation-delay: 1s;

}



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

	

	background:#3dcfd7;

	color: #f0f0f4;

	box-shadow:inset 0 35px 0 0 #3dcfd7;

	transition:0.7s;

}

.about-bg .about-star

{

	margin: 41px 0px 0px 0px;

}

.about-bg .about-star ul

{

	padding-left: 0;

    margin-bottom: 0;

    list-style: none;

	text-align:center;

}

.about-bg .about-star ul li

{

    display: inline-block;

    padding: 7px 7px;

}

.about-bg .about-star ul li i

{

	color: #f9a450;

    font-size: 18px;

}

.about-bg .about-left

{

	padding: 121px 0px 0px 0px;

}

.about-bg .about-left img

{

	

}

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

.plan-bg {

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

    background-size: cover;

    padding: 20px 0px 20px;

}

.plan-bg .plan

{

	position: relative;

    margin: -381px 0px 0px 0px;

}

.plan-bg .plan .plan-head {

    padding: 0px 0px 0px 0px;

    text-align: center;

}

.plan-bg .plan .plan-head .plan-title {

     display: block;

    position: relative;

    margin: 0px 0px 0px 0px;

}

.plan-bg .plan .plan-head .plan-title b {

	position: relative;

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

    z-index: 1;

    font-size: 55px;

    text-transform: uppercase;

    font-weight: 400;

    line-height: 102px;

    letter-spacing: 0px;

    background: -webkit-linear-gradient(to bottom, rgba(152, 158, 172, 0.05), rgba(152, 158, 172, 0.1));

    background: -o-linear-gradient(to bottom, rgba(152, 158, 172, 0.05), rgba(152, 158, 172, 0.1));

    background: linear-gradient(to bottom, rgba(152, 158, 172, 0.05), rgba(152, 158, 172, 0.1));

    -webkit-background-clip: text;

    -moz-background-clip: text;

    background-clip: text;

    -webkit-text-fill-color: #2c2c39;

}

.plan-bg .plan .plan-head .plan-title .plan-title1 {

     padding: 0px 0px 0px 0px;

    text-align: center !important;

    position: relative;

    top: -65px;

    z-index: 1;

}

.plan-bg .plan .plan-head .plan-title .plan-title1 small {

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

    display: contents;

    color: #fff;

    font-size: 30px;

    font-weight: 400;

    position: absolute;

    z-index: 1;

    top: 77px;

    text-align: center;

	text-transform:uppercase;



}

.plan-bg .plan .planbg

{

    background: #292845 no-repeat bottom center;

    background-size: cover;

    max-width: 300px;

    min-height: 539px;

    margin: 0px auto 20px;

    transition: 0.7s;

    cursor: pointer;

    position: relative;

    border-radius: 10px;

	top:0px;

	

}

.plan-bg .plan .planbg .plan-top

{

	

}

.plan-bg .plan .planbg .plan-top h2

{

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

    font-size: 24px;

    color: #fff;

    font-weight: 500;

	padding: 30px 0px 30px 0px;

    margin: 0px 0px 0px 0px;

	text-transform:uppercase;

	text-align:center;

}

.plan-bg .plan .planbg .plan-mid

{

	background:#3dcfd7;

	margin:0px 0px 0px 0px;

	padding:30px 0px 20px 0px;

	text-align:center;

}

.plan-bg .plan .planbg .plan-mid h2

{

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

    font-size: 45px;

    color: #fff;

    font-weight: 600;

    margin: 5px 0px 5px 0px;

}

.plan-bg .plan .planbg .plan-mid h2 span

{

	 font-size: 30px;

}

.plan-bg .plan .planbg .plan-mid p

{

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

    font-size: 16px;

    color: #fff;

    font-weight: 500;

    line-height: 28px;

    margin: 3px 0px 3px 0px;

	text-transform:uppercase;

}

.plan-bg .plan .planbg .plan-bot

{

	margin:0px 30px 0px 30px;

	text-align:center;

	border-bottom:1px solid #56566c;

}

.plan-bg .plan .planbg .plan-bot p

{

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

    font-size: 17px;

    color: #c2d4f8;

    font-weight: 500;

    line-height: 28px;

    margin: 20px 0px 20px 0px;

	text-transform:capitalize;

}

.plan-bg .plan .planbg .plan-but

{

	text-align:center;

}

.plan-bg .plan .planbg .plan-but .plan-but1 {

	

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

    font-size: 19px;

    font-weight: 600;

    color: #fff;

    background: transparent;

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

    border: 3px solid #fff;

    padding: 15px 34px;

    border-radius: 5px;

    transition: 0.7s;

    margin: 0px 10px 0px 0px;

    display: inline-block;

    text-transform: capitalize;

    position: relative;

}

.plan-bg .plan .planbg .plan-but .plan-but1 i {

    position: absolute;

    opacity: 0;

    top: -1px;

    left: 0;

    background: #fff;

    width: 12%;

    height: 103%;

    transform: skew(-30deg,0deg);

    animation: move 3s;

    animation-iteration-count: infinite;

    animation-delay: 1s;

}

.plan-bg .plan .planbg .plan-but .plan-but1:hover {

	



}

.plan-bg .plan .planbg:hover

{

	top:10px;

}

.plan-bg .plan .planbg:hover .plan-but1,.plan-bg .plan .planbg .plan-but .plan-but1:hover

{

		background:#3dcfd7;

	color: #f0f0f4;

	border: 3px solid #3dcfd7;

	box-shadow:inset 0 35px 0 0 #3dcfd7;

	transition:0.7s;

}

.plan-bg .plan .planbg .plan-mid1

{

	background:#5c9ddd;

}

.plan-bg .plan .planbg .plan-mid2

{

	background:#7c69e3;

}

.plan-bg .pass-com

{

	background: url(images/video-bg-back.png)no-repeat top center;

    background-size: cover;

    width: 100%;

    min-height: 460px;

    padding: 50px;

	margin:50px 0px 30px 0px;

}

.plan-bg .pass-com .pass-img {

	padding: 239px 0px 0px;

}

.plan-bg .pass-com .pass-img img {

    margin: auto;

}

.m-video__video {

	 position: relative;

}

.m-video__video img {

    -o-object-fit: contain;

    object-fit: contain;

	margin: auto;

}

.m-video__play {

	

    position: absolute;

    left: 50%;

    top: 53%;

    -webkit-transform: translate(-50%, -50%);

    -ms-transform: translate(-50%, -50%);

    transform: translate(-50%, -50%);

    width: 80px;

    height: 80px;

    background-image: url(images/video.png);

    background-repeat: no-repeat;

    -webkit-background-size: cover;

    background-size: cover;

    -webkit-transition: all 0.2s linear;

    -o-transition: all 0.2s linear;

    transition: all 0.2s linear;

}

.plan-bg .pass-com .pass-img:before {

    content: "";

    position: absolute;

    z-index: 0;

    left: 50%;

    top: 50%;

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

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

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

    display: block;

    width: 80px;

    height: 80px;

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

    border-radius: 50%;

    -webkit-animation: pulse-border 1500ms ease-out infinite;

    animation: pulse-border 1500ms ease-out infinite;

    z-index: -1;

}

.plan-bg .pass-com .pass-img .video-play-btn i {

	top: 38px;

    position: relative;

	color:#1f9fe7;

}

.plan-bg .pass-com .pass-img .video-play-btn {

	display: inline-block;

    width: 84px;

    height: 84px;

    line-height: 70px;

    text-align: center;

    font-size: 28px;

    background-color: transparent;

    border-radius: 50%;

    color: #000942;

    position: absolute;

    z-index: 1;

}

.plan-bg .pass-com .pass-img .video-play-btn:before {

	  

	content: "";

    position: absolute;

    z-index: 0;

    left: 50%;

    top: 50%;

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

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

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

    display: block;

    width: 100px;

    height: 100px;

    background: #4bd0f194;

    border-radius: 50%;

    -webkit-animation: pulse-border 1500ms ease-out infinite;

    animation: pulse-border 1500ms ease-out infinite;

    z-index: -1;

}

.plan-bg .pass-com .pass-img .video-play-btn:hover {

    color: #313131; 

}



@-webkit-keyframes pulse-border {

  0% {

    -webkit-transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1);

    transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1);

    opacity: 1; }

  100% {

    -webkit-transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1.3);

    transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1.3);

    opacity: 0; } }



@-moz-keyframes pulse-border {

  0% {

    transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1);

    opacity: 1; }

  100% {

    transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1.3);

    opacity: 0; } }



@-o-keyframes pulse-border {

  0% {

    transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1);

    opacity: 1; }

  100% {

    transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1.3);

    opacity: 0; } }



@keyframes pulse-border {

  0% {

    -webkit-transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1);

    transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1);

    opacity: 1; }

  100% {

    -webkit-transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1.3);

    transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1.3);

    opacity: 0;} 

}

.plan-bg .pass-com .pass-head

{

	 padding: 0px 0px 0px 20px;

}

.plan-bg .pass-com .pass-head h1 {

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

    font-size: 37px;

    color: #fff;

    font-weight: 400;

    margin: 3px 0px 3px 0px;

	text-transform:uppercase;

}

.plan-bg .pass-com .pass-para

{

	 padding: 0px 0px 0px 20px;

}

.plan-bg .pass-com .pass-para p

{

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

    font-size: 16px;

    color: #c2d4f8;

    font-weight: 500;

    line-height: 28px;

    margin: 30px 0px 3px 0px;

}

.plan-bg .pass-com .pass

{

	margin: 40px 0px 40px 0px;

	border-top: 1px solid #302f3e;

    width: 113%;

}

.plan-bg .pass-com .pass-but

{

	padding:0px 0px 10px 20px;

}

.plan-bg .pass-com .pass-but .pass-but1 {

	

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

    font-size: 22px;

    font-weight: 500;

    color: #fff;

    background: linear-gradient( 90deg, #6cd7e1 0%, #8961e8 72%);

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

    padding: 17px 39px;

    border-radius: 5px;

    transition: 0.7s;

    margin: 0px 10px 0px 0px;

    display: inline-block;

    text-transform: capitalize;

    position: relative;

}

.plan-bg .pass-com .pass-but .pass-but1 i {

    position: absolute;

    opacity: 0;

    top: -1px;

    left: 0;

    background: #fff;

    width: 12%;

    height: 103%;

    transform: skew(-30deg,0deg);

    animation: move 3s;

    animation-iteration-count: infinite;

    animation-delay: 1s;

}

.plan-bg .pass-com .pass-but .pass-but1:hover {

	

	background:#3dcfd7;

	color: #f0f0f4;

	box-shadow:inset 0 35px 0 0 #3dcfd7;

	transition:0.7s;

}





.brochure{

   padding: 15px 0px;

   text-align:center;

}

.brochure h2{ 

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

    font-size: 37px;

    color: #fff;

    font-weight: 400;

    margin: 3px 0px 3px 0px;

    text-transform: uppercase;  

    text-align:left;

}

.brochure .but1{ 

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

    font-size: 16px;

    font-weight: 500;

    color: #fff;

    background: linear-gradient( 90deg, #6cd7e1 0%, #8961e8 72%);

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

    padding: 9px 12px;

    border-radius: 5px;

    transition: 0.7s;

    margin: 5px 10px 5px 20px;

    display: inline-block;

    text-transform: capitalize;

    position: relative;

    transition-duration:1s

}

.brochure .but1:hover{

    box-shadow:inset 350px 0 0 0 #6cd7e1;

    transition-duration:1s;

    color:#000;

}

.brochure .but1 i {

    position: absolute;

    opacity: 0;

    top: -1px;

    left: 0;

    background: #fff;

    width: 12%;

    height: 103%;

    transform: skew(-30deg,0deg);

    animation: move 3s;

    animation-iteration-count: infinite;

    animation-delay: 1s;



}





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

.cert-bg {

   background: linear-gradient( 90deg, #8961e8  0%, #6cd7e1 72%);

    background-size: cover;

    padding: 50px 0px 50px;

}

.cert-bg .cert-com {

	background: #292845 no-repeat top center;

	background-size: cover;

	width: 100%;

	min-height: 100px;

	padding: 50px;

	display: inline-block;

	border-radius:10px;

}

.cert-bg .cert-com .cert-head

{

	 padding: 0px 0px 0px 0px;

}

.cert-bg .cert-img img{

    border-radius:10px;

}

.cert-bg .cert-com .cert-head h1 {

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

    font-size: 37px;

    color: #fff;

    font-weight: 400;

    margin: 3px 0px 3px 0px;

	text-transform:uppercase;

}

.cert-bg .cert-com .cert-para

{

	 padding: 0px 0px 0px 0px;

}

.cert-bg .cert-com .cert-para p

{

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

    font-size: 16px;

    color: #c2d4f8;

    font-weight: 400;

    line-height: 35px;

    margin: 30px 0px 3px 0px;

}

.cert-bg .cert-com .cert-num

{

	 padding: 45px 0px 0px 0px;

}

.cert-bg .cert-com .cert-num h2

{

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

    font-size: 20px;

    color: #c2d4f8;

    font-weight: 400;

    margin: 0px 0px 0px 0px;

	text-transform:uppercase;

}

.cert-bg .cert-com .cert-num p

{

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

    font-size: 16px;

    color: #fff;

    font-weight: 400;

    margin: 15px 0px 0px 0px;

	text-transform:capitalize;

}

.cert-bg .cert-com .cert-num p a{

    color:#6bdbe1;

    font-size:20px !important;

    font-weight:600 !important;

}

.cert-bg .cert-com .cert-num p a:hover{

    color:#fff;

}

.cert-bg .cert-com  .cert-but

{

	padding: 30px 0px 10px 0px;

}

.cert-bg .cert-com  .cert-but .cert-but1 {

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

    font-size: 22px;

    font-weight: 500;

    color: #fff;

    background: transparent;

    outline: none;

    display: inline-block !important;

    border: double 2px transparent;

    background-image: linear-gradient(#292845, #292845), radial-gradient(circle at top left, #77a9e3,#8867e8);

    background-origin: border-box;

    background-clip: padding-box, border-box;

    text-align: center;

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

    padding: 13px 36px;

    border-radius: 5px;

    transition: 0.7s;

    margin: 0px 30px 20px 0px;

    display: inline-block;

    text-transform: capitalize;

    position: relative;

}

.cert-bg .cert-com  .cert-but .cert-but1:hover {

	

	background:#3dcfd7;

	color: #f0f0f4;

	box-shadow:inset 0 35px 0 0 #3dcfd7;

	transition:0.7s;

}

.cert-bg .cert-com  .cert-but .cert-but2 {

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

    font-size: 22px;

    font-weight: 500;

    color: #fff;

    background: transparent;

    outline: none;

    display: inline-block !important;

    border: double 2px transparent;

    background-image: linear-gradient(#292845, #292845), radial-gradient(circle at top left, #77a9e3,#8867e8);

    background-origin: border-box;

    background-clip: padding-box, border-box;

    text-align: center;

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

    padding: 13px 36px;

    border-radius: 5px;

    transition: 0.7s;

    margin: 0px 30px 20px 0px;

    display: inline-block;

    text-transform: capitalize;

    position: relative;

}

.cert-bg .cert-com  .cert-but .cert-but2:hover {

	

	background:#8867e8;

	color: #f0f0f4;

	box-shadow:inset 0 35px 0 0 #8867e8;

	transition:0.7s;

}



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

.feature-bg {

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

    background-size: cover;

    padding: 20px 0px 40px;

}



.feature-bg .fea-head {

    padding: 0px 0px 0px 0px;

    text-align: center;

}

.feature-bg .fea-head .fea-title {

     display: block;

    position: relative;

    margin: 0px 0px 0px 0px;

}

.feature-bg .fea-head .fea-title b {

	position: relative;

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

    z-index: 1;

    font-size: 55px;

    text-transform: uppercase;

    font-weight: 400;

    line-height: 102px;

    letter-spacing: 0px;

    background: -webkit-linear-gradient(to bottom, rgba(152, 158, 172, 0.05), rgba(152, 158, 172, 0.1));

    background: -o-linear-gradient(to bottom, rgba(152, 158, 172, 0.05), rgba(152, 158, 172, 0.1));

    background: linear-gradient(to bottom, rgba(152, 158, 172, 0.05), rgba(152, 158, 172, 0.1));

    -webkit-background-clip: text;

    -moz-background-clip: text;

    background-clip: text;

    -webkit-text-fill-color: #2c2c39;

}

.feature-bg .fea-head .fea-title .fea-title1 {

     padding: 0px 0px 0px 0px;

    text-align: center !important;

    position: relative;

    top: -65px;

    z-index: 1;

}

.feature-bg .fea-head .fea-title .fea-title1 small {

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

    display: contents;

    color: #fff;

    font-size: 30px;

    font-weight: 400;

    position: absolute;

    z-index: 1;

    top: 77px;

    text-align: center;

	text-transform:uppercase;



}

.feature-bg .fea-com

{

	padding:30px 0px 30px;

}

.feature-bg .fea-com .feabg {

	

    margin: 10px auto 10px;

    padding: 20px 10px 20px 10px;

    background: transparent;

    display: inline-block;

    width: 100%;

    cursor: pointer;

    min-height: 189px;

}



.feature-bg .fea-com .feabg .fea-img1 {

	

	padding: 20px 20px 0px 20px;

    float: left;

    width: 25%;

}

.feature-bg .fea-com .feabg .fea-img1 .sub-img1 {

	

    padding: 0px 0px 0px 0px;

	position:absolute;

	z-index: 99;

}



.feature-bg .fea-com .feabg .fea-img1 .sub-img2 {

	

    padding: 0px 0px 0px 0px;

}



.feature-bg .fea-com .feabg .fea-img1 .sub-img2 {

	

    position: relative;

    left: -16px;

    top: -16px;

    -webkit-transition-property: -webkit-transform;

    -webkit-transition-duration: 1s;

    -moz-transition-property: -moz-transform;

    -moz-transition-duration: 1s;

}



.feature-bg .fea-com .feabg:hover .fea-img1 .sub-img2, .feature-bg .fea-com .feabg .fea-img1 .sub-img2:hover {

    -webkit-animation-name: bounce;

    -webkit-animation-duration: 2s;

    -webkit-animation-iteration-count: infinite;

    -webkit-animation-timing-function: linear;

}



@-webkit-keyframes rotate {

    from {-webkit-transform: rotate(0deg);}

    to {-webkit-transform: rotate(360deg);}

}



@-moz-keyframes rotate {

    from {-moz-transform: rotate(0deg);}

    to {-moz-transform: rotate(360deg);}

}



.feature-bg .fea-com .feabg .fea-para {

	

    padding: 10px 0px 10px 0px;

    float: left;

    width: 73%;

	text-align:left;

}

.feature-bg .fea-com .feabg .fea-para h2 {



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

    font-size: 22px;

    font-weight: 500;

    color: #fff;

    margin: 0px 0px 10px 0px;

    padding: 10px 0px 10px 10px;

    text-transform: uppercase;

}



.feature-bg .fea-com .feabg .fea-para p {

	

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

    font-size: 16px;

    font-weight: 400;

    line-height: 25px;

    color: #c2d4f8;

    margin: 0px 0px 0px 0px;

}

.feature-bg .fea-com .feabg1 {

	

    margin: 10px auto 10px;

    padding: 20px 10px 20px 10px;

    background: transparent;

    display: inline-block;

    width: 100%;

    cursor: pointer;

	 min-height: 189px;

}



.feature-bg .fea-com .feabg1 .fea-img2 {

	

    padding: 20px 24px 0px 28px;

    float: right;

    width: 24%;

}

.feature-bg .fea-com .feabg1 .fea-img2 .sub-img3 {

	

    padding: 0px 0px 0px 0px;

	position:absolute;

	z-index: 99;

}



.feature-bg .fea-com .feabg1 .fea-img2 .sub-img4 {

	

    padding: 0px 0px 0px 0px;

}



.feature-bg .fea-com .feabg1 .fea-img2 .sub-img4 {

	

    position: relative;

    left: -16px;

    top: -16px;

    -webkit-transition-property: -webkit-transform;

    -webkit-transition-duration: 1s;

    -moz-transition-property: -moz-transform;

    -moz-transition-duration: 1s;

}



.feature-bg .fea-com .feabg1:hover .fea-img2 .sub-img4, .feature-bg .fea-com .feabg1 .fea-img2 .sub-img4:hover {

	

    -webkit-animation-name: bounce;

    -webkit-animation-duration: 2s;

    -webkit-animation-iteration-count: infinite;

    -webkit-animation-timing-function: linear;

}

.feature-bg .fea-com .feabg1 .fea-para1 {

    padding: 10px 0px 10px 0px;

    float: right;

    width: 73%;

    text-align: right;

}

.feature-bg .fea-com .feabg1 .fea-para1 h2 {



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

    font-size: 22px;

    font-weight: 500;

    color: #fff;

    margin: 0px 0px 10px 0px;

    padding: 10px 0px 10px 10px;

    text-transform: uppercase;

}



.feature-bg .fea-com .feabg1 .fea-para1 p {

	

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

    font-size: 16px;

    font-weight: 400;

    line-height: 25px;

    color: #c2d4f8;

    margin: 0px 0px 0px 0px;

}

.left-col1 {

    border-right: 1px solid rgba(194, 212, 248, 0.2);

    border-bottom: 1px solid rgba(194, 212, 248, 0.2);

}

.right-col1 {

    border-bottom: 1px solid rgba(194, 212, 248, 0.2);

}

.left-col2 {

    border-right: 1px solid rgba(194, 212, 248, 0.2);

}

.feature-bg .ref-head {

    padding: 0px 0px 0px 0px;

    text-align: center;

}

.feature-bg .ref-head .ref-title {

     display: block;

    position: relative;

    margin: 0px 0px 0px 0px;

}

.feature-bg .ref-head .ref-title b {

	position: relative;

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

    z-index: 1;

    font-size: 55px;

    text-transform: uppercase;

    font-weight: 400;

    line-height: 102px;

    letter-spacing: 0px;

    background: -webkit-linear-gradient(to bottom, rgba(152, 158, 172, 0.05), rgba(152, 158, 172, 0.1));

    background: -o-linear-gradient(to bottom, rgba(152, 158, 172, 0.05), rgba(152, 158, 172, 0.1));

    background: linear-gradient(to bottom, rgba(152, 158, 172, 0.05), rgba(152, 158, 172, 0.1));

    -webkit-background-clip: text;

    -moz-background-clip: text;

    background-clip: text;

    -webkit-text-fill-color: #2c2c39;

}

.feature-bg .ref-head .ref-title .ref-title1 {

     padding: 0px 0px 0px 0px;

    text-align: center !important;

    position: relative;

    top: -65px;

    z-index: 1;

}

.feature-bg .ref-head .ref-title .ref-title1 small {

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

    display: contents;

    color: #fff;

    font-size: 30px;

    font-weight: 400;

    position: absolute;

    z-index: 1;

    top: 77px;

    text-align: center;

	text-transform:uppercase;



}

.feature-bg .ref-bg1 {

	

    margin: 0px auto 0px;

    transition: 0.7s;

	text-align:center;

    position: relative;

    min-width: 101px;

    min-height: 131px;

	overflow: hidden;

}



.feature-bg .ref-bg1:after {

    content: "";

    position: absolute;

    top: 0;

    bottom: 0;

    left: 0;

    right: 0;

	background: url(images/ref.png) no-repeat;

    background-repeat: no-repeat;

    background-position: center;

    -webkit-animation: fa-spin 14s infinite linear;

    animation: fa-spin 14s infinite linear;

}



.feature-bg .ref-bg2 {

	

    margin: 0px auto 0px;

    transition: 0.7s;

	text-align:center;

    position: relative;

    min-width: 127px;

    min-height: 131px;

	overflow: hidden;

}

.feature-bg .ref-bg2:after {

    content: "";

    position: absolute;

    top: 0;

    bottom: 0;

    left: 0;

    right: 0;

	background: url(images/ref.png) no-repeat;

    background-repeat: no-repeat;

    background-position: center;

    -webkit-animation: fa-spin 10s infinite linear;

    animation: fa-spin 10s infinite linear;

}

.feature-bg .ref-bg3 {

	

    margin: 0px auto 0px;

    transition: 0.7s;



	text-align:center;

    position: relative;

    min-width: 127px;

    min-height: 131px;

	overflow: hidden;

}

.feature-bg .ref-bg3:after {

    content: "";

    position: absolute;

    top: 0;

    bottom: 0;

    left: 0;

    right: 0;

	background: url(images/ref.png) no-repeat;

    background-repeat: no-repeat;

    background-position: center;

    -webkit-animation: fa-spin 12s infinite linear;

    animation: fa-spin 12s infinite linear;

}

.feature-bg .ref-bg1 .ref-text {

	position: relative;

    z-index: 999;

    padding: 0px 0px 0px 0px;

}

.feature-bg .ref-bg1 .ref-text h4 {

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

    color: #fff;

    font-size: 30px;

    font-weight: 500;

    margin: 37px 0px 0px;

}

.feature-bg .ref-bg1 .ref-text p {

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

    color: #fff;

    font-size: 16px;

    font-weight: 400;

    margin: 0px 0px 0px;

}

.feature-bg .refs

{

	padding:0px 0px 0px 0px;

	margin:0px 0px 0px 0px;

}

.feature-bg .refs p

{

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

    font-size: 16px;

    font-weight: 500;

    color: #c2d4f8;

	line-height:26px;

	padding:20px 0px 0px 0px;

	margin:0px 0px 0px 0px;

}

.feature-bg .refs-but

{

	 padding: 20px 0px 10px 0px;

}

.feature-bg .refs-but .refsbut1 {

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

    font-size: 22px;

    font-weight: 500;

    color: #fff;

    background: linear-gradient( 90deg, #6cd7e1 0%, #8961e8 72%);

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

    padding: 9px 32px;

    border-radius: 5px;

    transition: 0.7s;

    margin: 0px 10px 0px 0px;

    display: inline-block;

    text-transform: capitalize;

    position: relative;

}

.feature-bg .refs-but .refsbut1 i {

    position: absolute;

    opacity: 0;

    top: -1px;

    left: 0;

    background: #fff;

    width: 12%;

    height: 103%;

    transform: skew(-30deg,0deg);

    animation: move 3s;

    animation-iteration-count: infinite;

    animation-delay: 1s;

}

.feature-bg .refs-but .refsbut1:hover {

	

	background:#3dcfd7;

	color: #f0f0f4;

	box-shadow:inset 0 35px 0 0 #3dcfd7;

	transition:0.7s;

}



.feature-bg .reward-head {

    padding: 30px 0px 0px 0px;

    text-align: center;

}

.feature-bg .reward-head .reward-title {

     display: block;

    position: relative;

    margin: 0px 0px 0px 0px;

}

.feature-bg .reward-head .reward-title b {

	position: relative;

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

    z-index: 1;

    font-size: 55px;

    text-transform: uppercase;

    font-weight: 400;

    line-height: 102px;

    letter-spacing: 0px;

    background: -webkit-linear-gradient(to bottom, rgba(152, 158, 172, 0.05), rgba(152, 158, 172, 0.1));

    background: -o-linear-gradient(to bottom, rgba(152, 158, 172, 0.05), rgba(152, 158, 172, 0.1));

    background: linear-gradient(to bottom, rgba(152, 158, 172, 0.05), rgba(152, 158, 172, 0.1));

    -webkit-background-clip: text;

    -moz-background-clip: text;

    background-clip: text;

    -webkit-text-fill-color: #2c2c39;

}

.feature-bg .reward-head .reward-title .reward-title1 {

     padding: 0px 0px 0px 0px;

    text-align: center !important;

    position: relative;

    top: -65px;

    z-index: 1;

}

.feature-bg .reward-head .reward-title .reward-title1 small {

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

    display: contents;

    color: #fff;

    font-size: 30px;

    font-weight: 400;

    position: absolute;

    z-index: 1;

    top: 77px;

    text-align: center;

	text-transform:uppercase;



}

.feature-bg .rewimg {

    text-align: center;

}

.feature-bg .rewimg img {

     padding: 0px 0px 30px;

    min-width: 200px;

    max-width: 460px;

    margin: auto;

}



.feature-bg .rewimg a {

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

    font-size: 20px;

    color: #fffeff;

    font-weight: 600;

    line-height: 26px;

    padding: 12px 0px 0px 0px;

    margin: 0px 0px 0px 0px;

}

.feature-bg .rewimg a:hover {

    color:#6ed1e2;

}



.feature-bg .rewimg a span {

    color:#fff;

}



.feature-bg .rewtext {

padding: 50px 0px 0px;

}



.feature-bg .rewtext h2 {

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

    color: #fff;

    font-size: 30px;

    font-weight: 400;

    text-transform: uppercase;

    margin: 0 0 30px;

}

.feature-bg .rewtext p {

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

    font-size: 18px;

    font-weight: 500;

    color: #c2d4f8;

    line-height: 26px;

    padding: 12px 0px 0px 0px;

    margin: 0px 0px 0px 0px;



}

.feature-bg .rewtext p a{

    color: #8961e8;

}

.feature-bg .rewtext p a:hover {

    color: #6ed1e2;

}

/************************* trans_bg*******************************************/





.trans_bg{

    padding: 25px 0px;

    margin:0px;

}

.trans_bg .trans{

    padding:0px 0px;

    margin:0px;

}

.trans_bg .trans .trans_head{

   text-align:center;

}

.trans_bg .trans .trans_head .trans_title{

    display: block;

    position: relative;

    margin: 0px 0px 0px 0px;

}

.trans_bg .trans .trans_head .trans_title b{

     position: relative;

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

    z-index: 1;

    font-size: 55px;

    text-transform: uppercase;

    font-weight: 400;

    line-height: 102px;

    letter-spacing: 0px;

    background: -webkit-linear-gradient(to bottom, rgba(152, 158, 172, 0.05), rgba(152, 158, 172, 0.1));

    background: -o-linear-gradient(to bottom, rgba(152, 158, 172, 0.05), rgba(152, 158, 172, 0.1));

    background: linear-gradient(to bottom, rgba(152, 158, 172, 0.05), rgba(152, 158, 172, 0.1));

    -webkit-background-clip: text;

    -moz-background-clip: text;

    background-clip: text;

    -webkit-text-fill-color: #2c2c39;

}

.trans_bg .trans .trans_head .trans_title1{

    padding: 0px 0px 0px 0px;

    text-align: center !important;

    position: relative;

    top: -65px;

    z-index: 1; 

}

.trans_bg .trans .trans_head .trans_title1 small{

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

    display: contents;

    color: #fff;

    font-size: 30px;

    font-weight: 400;

    position: absolute;

    z-index: 1;

    top: 77px;

    text-align: center;

    text-transform: uppercase; 

}

.trans_bg .trans .trans_detail{ 

    padding: 0px 0px 40px 0px;

    margin:0px;

} 

.trans_bg .trans .trans_detail .tab{ 

    text-align:center;

    padding:10px 0px;

    margin:0px;

}

.trans_bg .trans .trans_detail .tab .tablinks{ 

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

    font-size: 16px;

    font-weight: 500;

    color: #fff;

    background: transparent !important;

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

    padding: 8px 20px;

    border-radius: 5px;

    transition: 0.7s;

    margin: 5px 10px 5px 20px;

    display: inline-block;

    text-transform: capitalize;

    position: relative;

    transition-duration: 1s;

    border:1px solid #6fcae2 !important;

}

.trans_bg .trans .trans_detail .tab .tablinks.active{ 

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

    font-size: 16px;

    font-weight: 500;

    color: #fff;

    background: linear-gradient( 90deg, #6cd7e1 0%, #8961e8 72%) !important;

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

    padding: 8px 20px;

    border-radius: 5px;

    transition: 0.7s;

    margin: 5px 10px 5px 20px;

    display: inline-block;

    text-transform: capitalize;

    position: relative;

    transition-duration: 1s;

    border:1px solid transparent !important;

}

.trans_bg .trans .trans_detail .tabcontent{

    padding:20px 0px;

    margin:0px;

}

.trans_bg .trans .trans_detail .tabcontent .trans_text{

    margin:auto;

}

.trans_bg .trans .trans_detail .tabcontent .trans_text::-webkit-scrollbar{

   display:none; 

}

.trans_bg .trans .tabcontent .trans_text{

    text-align:center;

}

.trans_bg .trans .tabcontent .trans_text li{

   display:inline-block;

   padding: 10px 15px;

   margin:0px;

   position:relative;

}

.trans_bg .trans .tabcontent .trans_text li .trans_text1{

    background:#292845;

    padding:20px;

    margin:0px;

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

    text-align: start;

    position: relative;

    overflow: hidden;

}

.trans_bg .trans .tabcontent .trans_text li .trans_text1 h2{

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

    font-size: 16px;

    color: #fff;

    font-weight: 500; 

    padding:0px 0px 10px 0px;

    margin:0px;

}

.trans_bg .trans .tabcontent .trans_text li .trans_text1 h3{

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

    font-size: 15px;

    font-weight:500;

    color: #c2d4f8;

    padding:0px;

    margin:0px 0px 5px 0px;

}

.trans_bg .trans .tabcontent .trans_text li .trans_text1 p{

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

    font-size: 13px;

    font-weight:500;

    color: #c2d4f8;

    padding:0px;

    margin:0px 0px 5px 0px; 

}

.trans_bg .trans .tabcontent .trans_text li .trans_text1 .pay{

    float:right;

    margin:0px 0px;

    width: 35px;

}

.trans_bg .trans .tabcontent .trans_text li .trans_text1 i{

    position: absolute;

    opacity: 0;

    top: -1px;

    left: 0;

    background: #fff;

    width: 12%;

    height: 103%;

    transform: skew(-30deg,0deg);

    animation: move 3s;

    animation-iteration-count: infinite;

    animation-delay: 1s;

}









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

.foot-bg {

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

    background-size: cover;

    padding: 30px 0px 20px;

}

.foot-bg .headerLevelTwo1

{



}

.foot-bg .headerLevelTwo1 .foot-logo

{	

	display: inline-block;

	transform-origin: 100% 0;

}

.foot-bg .headerLevelTwo1 .foot-logo img

{

	display: inline-block;

	transform-origin: 100% 0;

	width: 60% !important;

    padding: 30px 0px 0px 0px;

}

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

{

	animation-name: bounce;

	animation-duration: 1s;

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

	animation-iteration-count: 1;

}

.foot-bg .footmenu

{

	padding: 34px 0px 0px;

	text-align:right;

}

.foot-bg .footmenu ul

{

	list-style-type: none;

	margin: 0px;

	padding:0px;

	

}

.foot-bg .footmenu ul li

{

    position: relative;

    padding: 12px 36px;

    display: inline-block;

}

.foot-bg .footmenu ul li a

{

    font-size: 16px;

    color: #fff;

    text-transform:capitalize;

    transition: .3s;

    vertical-align: middle;

    padding: 10px 0px 8px 0px;

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

    font-weight: 500; 



}

.foot-bg .footmenu ul li a:hover

{

	transition: .3s;

    color: #6bdbe1;

	

}

.foot-bg .foot-text

{

	text-align:right;

}

.foot-bg .foot-text p

{

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

    font-weight: 500; 

	font-size: 16px;

	color: #c2d4f8;

	padding: 10px 0px 8px 0px;

	line-height:26px;



}

.foot-bg .pay

{

    padding: 0px 0px 0px;

    text-align: left;

}

.foot-bg .pay ul

{

	list-style-type: none;

	margin: 0px;

	padding:0px;

	

}

.foot-bg .pay ul li

{

    position: relative;

    padding: 12px 18px;

    display: inline-block;

}

.foot-bg .pay ul li img

{

    background-color: #fff;

    border: 1px solid #e8e0fa;

    border-radius: 26px;

    width: 45px;

	transform-origin: 100% 0;

}

.foot-bg .pay ul li img:hover

{

	animation-name: tada;

	animation-duration: 1s;

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

	animation-iteration-count: 1;

}

@-webkit-keyframes tada {



  0% {



    -webkit-transform: scale(1);



    transform: scale(1);



  }







  10%, 20% {



    -webkit-transform: scale(0.9) rotate(-3deg);



    transform: scale(0.9) rotate(-3deg);



  }







  30%, 50%, 70%, 90% {



    -webkit-transform: scale(1.1) rotate(3deg);



    transform: scale(1.1) rotate(3deg);



  }







  40%, 60%, 80% {



    -webkit-transform: scale(1.1) rotate(-3deg);



    transform: scale(1.1) rotate(-3deg);



  }







  100% {



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



    transform: scale(1) rotate(0);



  }



}







@keyframes tada {



  0% {



    -webkit-transform: scale(1);



    -ms-transform: scale(1);



    transform: scale(1);



  }







  10%, 20% {



    -webkit-transform: scale(0.9) rotate(-3deg);



    -ms-transform: scale(0.9) rotate(-3deg);



    transform: scale(0.9) rotate(-3deg);



  }







  30%, 50%, 70%, 90% {



    -webkit-transform: scale(1.1) rotate(3deg);



    -ms-transform: scale(1.1) rotate(3deg);



    transform: scale(1.1) rotate(3deg);



  }







  40%, 60%, 80% {



    -webkit-transform: scale(1.1) rotate(-3deg);



    -ms-transform: scale(1.1) rotate(-3deg);



    transform: scale(1.1) rotate(-3deg);



  }







  100% {



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



    -ms-transform: scale(1) rotate(0);



    transform: scale(1) rotate(0);



  }



}







.tada {



  -webkit-animation-name: tada;



  animation-name: tada;



}

.foot-bg .social

{

	padding: 0px 0px 0px;

}

.foot-bg .social ul

{

	list-style-type: none;

	margin: 0px;

	padding:0px;

	text-align:center;

}

.foot-bg .social ul li

{

    position: relative;

    padding: 12px 10px;

    display: inline-block;

}

.foot-bg .social ul li a

{

	display: inline-block; 

}

.foot-bg .social ul li a i

{

	font-size: 40px;

    color: #fff;

    padding: 2px 12px;

    border-radius: 0px;

    position: absolute;

    top: 21px;

    left: 10px;

	display: inline-block;

}

.foot-bg .social ul li a:before {

	transform: scale(1);

    -ms-transform: scale(1);

    -webkit-transform: scale(1);

    content: " ";

    width: 41px;

    height: 41px;

    border-radius: 100%;

    display: block;

    transition: all 265ms ease-out;

	overflow: hidden;

}

.foot-bg .social ul li a:hover:before {

  transform: scale(0);

  transition: all 265ms ease-in;

}



.foot-bg .social ul li a:hover i {

	background: -webkit-gradient(linear, left top, left bottom, from(#6cd7e1), to(#8961e8));

    -webkit-background-clip: text;

    -webkit-text-fill-color: transparent;

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

}

.foot-bg .social ul li a i:hover

{

}



.foot-bg .social  img{

    max-width: 98px;

    margin: 0px 0px 0px 20px;

}

.foot-bg .copy

{

    margin: 15px 0px 15px 0px;

    padding: 15px 0px 0px 0px;

    border-top: 1px solid #393a4d;

    text-align: center;

}

.foot-bg .copy p

{

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

    font-weight: 500; 

	font-size: 16px;

	color: #c2d4f8;

	padding: 0px 0px 0px 0px;

	line-height:26px;

}

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

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

	header .navbar-inverse .navbar-header a {

	  width: 180px;

	}

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

	  padding: 17px 0;

	}

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

	  padding: 0 6px;

	}

	header .navbar-inverse .navbar-header {

	  padding: 9px 0;

	}

	header .navbar-inverse .navbar-header {

		margin-left: 0;

	}

	header .navbar-inverse .navbar-header {

		margin-left: 0;

	}

	header .navbar-right {

		margin-right: 0;

	}

}



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

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

		padding: 16px 10px;

	}

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

		min-width: 115px;

	}

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

		min-width: 110px;

	}

	header .navbar-inverse .navbar-header{

	    width:20%;

	}

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

	    width:80% !important;

	}

	

	

	.banner-bg .banner .banner-img {

		display:none;

	}

	.banner-bg .banner {

		padding: 20px 0px 20px;

		text-align:center;

	}

	.about-bg .about-com {

		background: #292845 no-repeat top center;

		background-size: cover;

		width: 100%;

		min-height: 550px;

		padding: 50px;

		border-radius: 10px;

	}

	.plan-bg .pass-com {

		background: #181728 no-repeat top center;

		background-size: cover;

		width: 100%;

		min-height: 100px;

		padding: 20px;

		display: inline-block;

	}

	.plan-bg .pass-com .pass-para

	{

		 padding: 0px 0px 0px 0px;

	}

	.plan-bg .pass-com .pass-img {

		padding: 0px 0px 0px;

	}

	.plan-bg .pass-com .pass {

		display: none;

	}

	.plan-bg .pass-com .pass-but

	{

		padding:30px 0px 10px 0px;

	}

	.cert-bg .cert-com  {

		padding: 20px;

	}

	.foot-bg .footmenu ul li {

		padding: 12px 22px;

	}

.feature-bg .rewimg img {

    max-width: 400px;

}

.feature-bg .rewtext p {

    font-size: 16px;

}

}



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

	header .navbar-inverse {

	  text-align: center;

	}

	header .navbar-inverse .navbar-header {

	  width: 100%;

	}

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

	  padding: 4px 0;

	}

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

		padding: 10px 15px;

	}

	.about-bg .about-com {

		width: 100%;

		min-height: 100px;

		padding: 20px;

		display: inline-block;

		text-align:center;

	}

	.plan-bg .plan {

		position: relative;

		margin: -234px 0px 0px 0px;

	}

	.plan-bg .pass-com {

		text-align:center;

	}

	.plan-bg .pass-com .pass-head

	{

		 padding: 20px 0px 0px 0px;

	}

	.brochure h2{

	    text-align:center;

	}

	

	.cert-bg .cert-com  {

		text-align:center;

	}

	.cert-bg .cert-img img {

        margin: auto;

	}

	.cert-bg .cert-com .cert-head

	{

		 padding: 20px 0px 0px 0px;

	}

	.left-col1 {

		border-right:none;

		border-bottom: none;

	}

	.right-col1 {

		border-bottom:none;

	}

	.left-col2 {

		border-right:none;

	}

	.feature-bg .refs {

		text-align: center; 

	}

	.feature-bg .refs-but {

		text-align: center; 

	}

	.foot-bg .headerLevelTwo1 {

		text-align: center;

	}

	.foot-bg .footmenu {

		padding: 20px 0px 0px;

		text-align: center;

	}

	.foot-bg .foot-text {

		text-align: center;

	}

	.foot-bg .pay

	{

		padding: 10px 0px 0px;

		text-align:center;

	}





.feature-bg .rewtext p {

    text-align: center;

}



.feature-bg .rewtext {

    padding: 12px 0px 0px;

}

}



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

	header {

		background: #222547e0;

		padding: 10px 0px 10px 0px;

		position: fixed;

		top: 0;

		z-index: 11111;

	}

	header .navbar-inverse {

	  text-align: left;

	}

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

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

	header .navbar-inverse .navbar-toggle:focus{      background: #8769e7;}

	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 {

		border: none;

	}

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

		border: none;

	}

	.banner-bg .banner {

		padding: 130px 0px 20px;

	}

	.cert-bg .cert-com .cert-but .cert-but1 {

    	font-size: 18px;

	}

	.cert-bg .cert-com .cert-but .cert-but2 {

    	font-size: 18px;

	}

	.feature-bg .fea-com .feabg .fea-img1 {

		padding: 0px 0px 0px 0px;

		float: unset;

		width: 100%;

		text-align: center;

	}

	.feature-bg .fea-com .feabg .fea-para {

		padding: 10px 0px 10px 0px;

		float: unset;

		width: 100%;

		text-align: center;

	}

	.feature-bg .fea-com .feabg1 .fea-img2 {

		padding: 0px 0px 0px 0px;

		float: unset;

		width: 100%;

		text-align: center;

	}

	.feature-bg .fea-com .feabg1 .fea-para1 {

		padding: 10px 0px 10px 0px;

		float: unset;

		width: 100%;

		text-align: center;

	}

	.foot-bg .footmenu {

		padding: 0px 0px 0px;

	}



.feature-bg .rewimg img {

    width: 260px;

}

}



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

	.banner-bg .banner .banner-text h2 {

		font-size:46px;

	}

	.feature-bg .fea-head .fea-title b {

		line-height: 45px;

	}

	.trans_bg .trans .tabcontent .trans_text li .trans_text1{

	    text-align:center;

	     padding: 10px 5px;

	}

	.trans_bg .trans .tabcontent .trans_text li{

	    width: 48%;

	    padding: 10px 3px;

	}

	.trans_bg .trans .tabcontent .trans_text li .trans_text1 .pay {

       float: unset;

       margin: 0px 0px 12px;

    }

    .trans_bg .trans .tabcontent .trans_text li .trans_text1 h2 {

        padding: 0px 0px 3px 0px;

    }

    .trans_bg .trans .tabcontent .trans_text li .trans_text1 h3 {

        margin: 0px 0px 5px 0px;

    }

	

}



.innerpage_banner {

    min-height: 150px;

    width: 100%;

    background-size: cover;

    margin: -94px 0px 0px 0px;

    position: absolute;

}

.inner_page_info {

    background: transparent;

    text-align: center;

}

.inner_page_info h3 {

	font-size: 30px;

	color: #6dd5e1;

	font-weight: 600;

	margin: 0px 0px 0px 0px;

	line-height: normal;

	text-transform: uppercase;

}

.inner_page_info h3 span {

	color: #fff;

}















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

.inner_page_info h3 {

	font-size: 30px;

}

}

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

.innerpage_banner {

    text-align: center;

}

.inner_page_info h3 {

    margin: 33px 0px 0px 0px;

}

}

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

.inner_page_info h3 {

    margin: 98px 0px 0px 0px;

}

}

.pagination>li>a, .pagination>li>span {

	position: relative;

	float: left;

	padding: 6px 12px;

	margin-left: -1px;

	line-height: 1.42857143;

	color: #000;

	text-decoration: none;

	background-color: #fff;

	border: 1px solid #ddd;

	margin: 0px 0px 10px 0px;

}

.pagination>.active>a, .pagination>.active>a:focus, .pagination>.active>a:hover, .pagination>.active>span, .pagination>.active>span:focus, .pagination>.active>span:hover {

	z-index: 3;

	color: #283546;

	cursor: default;

	background-color: #8961e8;

	border-color: #283546;

}

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







form {

	margin-top: 0px;

	margin-bottom: 0px;

	margin-left: 0px;

	margin-right: 0px;

}

.toptable {

	background-color: FF8D00;

}

a.toplink, a.toplink:hover, a.toplink:visited, a.toplink:active {

	color: white;

	text-decoration: none;

}

.forCopyright {

	font-family: Verdana, Arial, Helvetica, sans-serif;

	font-size: 10px;

	color: #EDD1D7;

	text-align: center;

	background-color: ff8d00;

}

body, td, .forTexts {

/*	font-family: Verdana, Arial, Helvetica, sans-serif;

	font-size: 12px;

	color: #fff;*/

}

.title {

	font-family: Verdana, Arial, Helvetica, sans-serif;

	font-size: 11px;

	color: #FFFFFF;

	background-color: #FF8D00;

}















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

}

.register {

	padding: 30px;

	box-sizing: border-box;

}

input.sbmt {

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

    font-size: 18px;

    font-weight: 500;

    color: #fff;

    background: linear-gradient( 90deg, #6cd7e1 0%, #8961e8 72%);

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

    padding: 12px 35px;

    border-radius: 5px;

    transition: 0.7s;

    margin: 0px 10px 0px 0px;

    display: inline-block;

    text-transform:uppercase;

    position: relative;

}

input.sbmt:hover {

	background: #3dcfd7;

    color: #f0f0f4;

    box-shadow: inset 0 35px 0 0 #3dcfd7;

    transition: 0.7s;

}

#formname_main {

	color: #fff;

	text-transform: uppercase;

	font-size: 24px;

	text-align: center;

	border-radius: 0px;

	padding: 10px 10px 10px;

	margin: 0 auto;

	font-weight: 600;

	display: unset;

}

.form_block {

	width: 100%;

	display: inline-block;

	margin-bottom: 30px;

}

.form_block span {

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

	width: 100%;

	display: inline-block;

	position: relative;

	color: #fff;

	font-size: 17px;

}

.form_block span .turn {

	width: 50%;

}

.form_block span a {

	font-size: 17px;

	color: #fff;

}

.form_block span a:hover {

	color: #6ecfe2;

	transition: 0.7s;

}

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

	padding: 0 60px 0 0;

}

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

	color: #000000;

}

.form_block span i {



}

.after_reg {

	color: #fff;

	text-align: center;

	margin: 25px 0px 0px 0px;

	font-size: 18px;

	line-height: 48px;

}

.after_reg h3 {

	color: #fff;

	font-size: 23px;

}

.after_reg p {

	font-size: 13px !important;

	color: #fff !important;

	padding: 0px 0px 0px 0px !important;

	padding: 0px 0px 0px 0px !important;

	margin: 0px 0px 10px 0px !important;

}

.after_reg b {

	color: #6ed0e2;

	font-size: 18px;

}

.msg .error i {

	background-color: #b93b37;

	color: #000;

}

.msg .success i {

	background-color: #2b792b;

	color: #000;

}

.msg i {

	margin-right: 5px;

	padding: 10px;

}

 @media (max-width:992px) {





.box6 {

	width: 100%;

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

	font-size: 100%;

	line-height: 24px;

	color: #000;

	padding: 15px 0;

	border: none;

}

}

.form_box {

	width: 100%;

	display: inline-block;

	padding: 30px 0px 30px;

	margin-bottom: 0px;

	background: transparent;

	background-size: cover;

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

}

.form_box h2 {

	text-align: center;

	padding: 15px 0;

	color: #3ea584;

}

.forgot_pwd span {

	font-size: 14px;

	color: #fff;

	text-transform: capitalize;

}

.forgot_pwd span a {

	font-size: 14px;

	color: #fff;

	float: right;

	font-weight: 600;

}

.back {

	background: #222547a8;

    padding: 30px 20px 30px 20px;

    margin: 30px 0px 0px 0px;

    border-radius: 10px;

    /* box-shadow: 0px 0px 9px #ec398b;*/

}



.corner {

}

.corner a

{

	width: 100%;

    padding: 12px 20px 20px 0;

    color: #6cd7e1;

    font-size: 20px;

    text-transform: uppercase;

    float: left;

    font-weight: 600;

    text-align: center;

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

}



.corner a:hover

{

	color:#6cd7e1;

}

.loginheads {

	width: 100%;

	padding: 12px 20px 20px 0;

	color: #71c4e2;

	font-size: 30px;

	text-transform: uppercase;

	float: left;

	font-weight: 600;

	text-align: center;

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

}

.loginheads span {

	font-weight: 600;

	color: #fff;

}

.sup-img {

	padding: 50px 0px 0px 0px;

	width: 72%;

}

.form_box {

	width: 100%;

	display: block;

	padding: 0px 0px 0px;

	margin-bottom: 0px;

	background: transparent;

	background-size: cover;

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

}

.pull-left {

	float: left!important;

}

.pull-right {

	float: right!important;

	margin: 13px 0px 0px 0px;

}

.loginaction {

	padding: 10px;

	text-align: center;

	background: -moz-linear-gradient(top, rgba(23,58,234,1) 0%, rgba(28,55,206,1) 100%);

	background: -webkit-linear-gradient(top, rgba(23,58,234,1) 0%, rgb(77, 22, 140) 100%);

	background: transparent;

 filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#173aea', endColorstr='#1c37ce', GradientType=0 );

	border-radius: 0px;

	overflow: hidden;

	margin: 20px 20px 0px 20px;

}

.loginaction h4 {

	text-transform: uppercase;

	margin: 0px;

	font-weight: 500;

	font-size: 15px;

	float: left;

	line-height: 48px;

	padding-left: 20px;

	color: #fff;

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

}

.loginaction .signup {

    color: #fff;

    background: linear-gradient(to bottom, rgb(108 215 225) 0%, rgb(25 66 120) 100%);

    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fcb32b', endColorstr='#d18f14', GradientType=0 );

    border-radius: 36px;

    padding: 13px 27px;

    text-transform: uppercase;

    line-height: 50px;

    display: initial;

    font-weight: 700;

    font-size: 14px;

}

.loginaction .signup:hover {

	color: #fff;

    background: linear-gradient(to bottom, rgb(25 66 120) 0%, rgb(108 214 225) 100%);

	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fcb32b', endColorstr='#d18f14', GradientType=0 );

}

.headerLevelTwo2 {

}

.headerLevelTwo2 .foot-logo {

	display: inline-block;

	transform-origin: 100% 0;

	padding: 15px 0px 15px;

	text-align: center;

	display: block;

}

.headerLevelTwo2 .foot-logo img {

	display: inline-block;

	transform-origin: 100% 0;

	width: 40% !important;

}

.headerLevelTwo2 .foot-logo img:hover {

	animation-name: pulse;

	animation-duration: 1s;

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

	animation-iteration-count: 1;

}

 @media (max-width:1199px) {

.loginaction h4 {

	width: 100%;

}



}

 @media (min-width:991px) {

.sup-img {

	margin: auto;

	padding: 20px 0px 0px 0px;

}

.pull-left {

	float: none!important;

	text-align: center;

}

.pull-right {

	float: none!important;

	margin: 0px 0px 0px 0px;

	text-align: center;

}

.box6 {

	padding: 0px 0 !important;

}

.box6, .box6 p, .box6 a {

	width: 100%;

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

	font-size: 100%;

	line-height: 24px;

	color: #fff;

	padding: 15px 11px;

	border: none;

}

}

.inner-bg {

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

    background-size: cover;

    overflow: hidden;

	padding: 30px 0px 30px 0px;

}

a.hlp, a.hlp:active, a.hlp:visited, a.hlp:hover {

	font-family: verdana;

	font-size: 12px;

	color: black;

	text-decoration: none;

	cursor: help;

	z-index: 1000;

}



.bgcolorleft {

	background-color: white;

}

.bgcolormain {

	background-color: white;

}

.bgcolorright {

	background-color: white;

}

div.framebody {

	text-align: left;

}

h3 {

	font-weight: bold;

	font-size: 12px;

}

.calendartable {

	background-color: ff8d00;

	text-align: center;

}

.calendartablebg {

	background-color: white;

}

.calendarweek {

	background-color: ff8d00;

	text-align: center;

}

td.gray {

	color: gray;

}

ul.pagination {

	list-style: none;

	margin: auto;

}

ul.pagination li {

	display: inline-block;

	padding: 2px;

}

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

}

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

}

.str {

    width: 100%;

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

    font-size: 14px;

    line-height: 24px;

    color: #fff;

    padding: 20px 20px;

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

    background: transparent;

    background-size: cover;

    background-attachment: fixed;

    margin: 20px 0px 20px 0px;

    box-shadow: 0px 0px 8px #187b95;

}

.str h2

{

   text-align: center;

    font-size: 24px;

   background: linear-gradient(45deg, #8866e8 0%,#127c91 100%);

    margin: 0px 0px 20px 0px;

    padding: 10px;

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

    font-weight: 500;

    text-transform: capitalize;

    line-height: 30px;

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

    color: #faf1f8;

}