.ptop{float: left;
margin-top: 60px;
width: 59%;}
#overflowTest {
  color: #fff;
  padding: 15px;
  width: 80%;
  height: 250px;
  overflow: scroll;
  border: 1px solid #4bffd5;
}
.hs_title_img_wrapper img{ width:100%}
.hs_title_img_wrapper li {
    float: left;
    width: 100px;
    height: 50px;
    line-height: 50px;
    text-align: center;
    background:#75429c;
color: #ffffff;
    position: absolute;
    font-size: 22px;
    font-weight: bold;
    bottom: 0;
    left: 0;
    -webkit-transition: all 0.5s;
    -o-transition: all 0.5s;
    -ms-transition: all 0.5s;
    -moz-transition: all 0.5s;
    transition: all 0.5s;
}
.dropdown-menu{ font-size:14px !important}
.circlecolor{padding-bottom: 50px;
    float: left;
    width: 100%;}
.daymonth{width: 32.1%;
    float: left;
    margin-right: 5px;}
   
    

.mainmain{background-image:url(../images/image-content-dot.png); background-position:right;margin-top: -73px;

float: left;

width: 100%;

height: 523px;

background-repeat: no-repeat;}
.circlecolor .anim-circle-double-dashed::after{border: 10px dashed rgba(19, 109, 67, 0.8);}
.circlecolor .anim-circle-double-dashed::before {border: 6px dashed rgba(216, 30, 30, 0.8);}
.topsecond{ width:50%; float:left}
.topone{ width:50%; float:left}
.hs_title_img_wrapper {
    float: left;
    width: 100%;
    position: relative;
}
.clear{ clear:both}
.hs_title_img_cont_wrapper h2 {
    font-size: 20px;
    font-weight: bold;
}
.hs_title_img_cont_wrapper {
    float: left;
    width: 100%;
    padding: 30px;
    border: 1px solid 
    #ebebeb;
        border-top-color: rgb(235, 235, 235);
        border-top-style: solid;
        border-top-width: 1px;
    border-top: 0;
}
.topul{ float:right; margin-right:10%}
.hs_title_box_main_wrapper {
    float: left;
    width: 100%;
    -webkit-box-shadow: 0px 0px 35px -20px;
    box-shadow: 0px 0px 35px -20px;
    margin-top: 60px;
    overflow: hidden;
	background-color:#fff;
	margin-bottom:30px;
}
.ast_vedic_astrology {
    float: left;
    width: 100%;
	padding:15px;
    
    border: 1px solid #e1e1e1;
margin-bottom: 30px;
background-color:#ffffff;
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    -ms-transition: all 0.5s;
    -o-transition: all 0.5s;
    transition: all 0.5s;
}
.ast_vedic_astro_box img{ width:100%}
.ast_vedic_astro_box {
    float: left;
    width: 100%;
    text-align: center;
    border-top: 1px solid 
    #e1e1e1;
    padding-top: 15px;
}
.ast_vedic_astrology h4 {
    float: left;
    width: 100%;
    font-size: 20px;
    margin: 0px 0px 15px 0px;
    text-transform: capitalize;
}
.ast_vedic_astro_box p {
    float: left;
    width: 100%;
    text-align: left;
    margin: 10px 0px;
}
.ast_about_info h4 {
    float: left;
    width: 100%;
    font-size: 20px;
    margin-top: 0px;
    margin-bottom: 15px;
    text-transform: capitalize;
}
.ast_btn {
    display: inline-block;
    height: 45px;
    line-height: 43px;
    padding: 0px 20px;
    min-width: 130px;
    background-color:#ff6f00;
color:#ffffff;
text-transform: capitalize;
border: 1px solid #ff6f00;
    border-radius: 3px;
    text-align: center;
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    -ms-transition: all 0.5s;
    -o-transition: all 0.5s;
    transition: all 0.5s;
	margin-top:10px;
}
.heading__line > div {
    background-color: #ff6f00;
    width: 100px;
    height: 2px;
    margin: 0 auto;
        margin-bottom: 0px;
    vertical-align: top;
    position: relative;
    text-align: center;
   
    margin-bottom: 20px;
}
.hs_title_img_cont_wrapper h5 a {
    font-size: 16px;
    color: #75429c;
    padding-top: 20px;
    float: left;
}
.hs_title_img_cont_wrapper h2 a{ color:#ff6f00}
.spancolor {
    color:#ff6f00;
    font-size: 28px;
    font-weight: bold;
}
.onebox h2 {
    font-size: 20px;
    padding-bottom: 8px;
	font-weight: 600;
}

.about {
    background-color: 
    #f8f8f8;
    background-image:url(../images/slide3.jpg);
    background-position: auto;
    background-attachment: fixed;
    background-repeat: no-repeat;
    background-size: auto;
    content: "";
    height: 100%;
    left: 0;
    position:fixed;
    top: 0;
    width: 100%;
    z-index: -1;
}
.navbar-toggler-icon {
    background-image:url(../images/List_menu_toggle-512.png) !important;
}
.btn-outline-success {
    color:#fff !important;
background-color:
transparent;
background-image: none;
border-color:#5d10bf !important;
}


#myTopnav::before {
    position: absolute;
content: '';
height: 100%;
width: 15%;
background:
#ea5454;
top: 0;
left: -70px;
transform: skew(45deg);
}
.aplus{display: block;
float: right;
margin-top: -24px;
background-color:
#0ab315;
color:#fff !important;
padding-top: 0px;
border-radius: 100%;
z-index: 999999999999999999999;
position: absolute;
right: 24px;
width: 25px;
height: 25px;
text-align: center;}
.modal-header{background-color: #ffc06f;}
.styleshmenu{ background-color:#fff;}
.apportmentbutton{background-color:
#37a4dd;
padding: 8px 24px;
color:
#fff;
font-size: 18px;
font-weight: bold;
text-align: center;
border-radius: 50px;
float: left;}
h1,
h2,
h3,
h4,
h5,
h6,
.h1,
.h2,
.h3,
.h4,
.h5,
.h6 {
  font-family: 'Open Sans', sans-serif;
}
p {
  font-family: 'Open Sans', sans-serif;
}

button {
  outline: none!important;
  text-decoration: none!important;
  color: #ff7e00;
  transition: all 0.4s ease-in-out 0s;
}
a:hover,
button:hover,
a:focus,
button:focus,
a.active,
button.active {
  color: #303030;
  outline: none!important;
  text-decoration: none!important;
}
ul {
  padding: 0px;
  margin:0;
}
li {
  list-style: none;
}

/*-- Preloader css start --*/
#preloader {
	background-color: #090014;
	bottom: 0;
	left: 0;
	position: fixed;
	right: 0;
	top: 0;
	z-index: 2147483647;
	width: 100%;
	height: 100%;
}
#status {
    background-position: center center;
    background-repeat: no-repeat;
    height: auto;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%,-50%);
    -webkit-transform: translate(-50%,-50%);
    -ms-transform: translate(-50%,-50%);
    -moz-transform: translate(-50%,-50%);
    -o-transform: translate(-50%,-50%);
}
#status img {
}


/*    Global
-------------------*/
.no-padding {
  padding: 0px;
}
.no-margin {
  margin: 0px;
}
.section-padding {
  padding: 100px 0px;
}
.color-green {
  color: #23c0e9;
}
.color-white {
  color: #ffffff;
}
.bg-m-light {
  background: #23c0e9 !important;
}
.bg-m-dark {
  background: #10dcb7!important;
}
.pattern-overlay {
  background-color: rgba(0, 0, 0, 0.7);
}
.img-brightness {
  filter: brightness(30%);
}
.heading {
  padding: 0px 15px;
  padding-bottom: 50px;
}
.heading .sup-head {
  font-size: 26px;
  color: #ffffff;
  text-transform: uppercase;
  padding-bottom: 10px;
  line-height: 45px;
  font-weight: 700;
  letter-spacing: 1px;
  font-family: 'Open Sans', sans-serif;
  position: relative;
}
.heading h1,
.heading h2 {
  font-size: 36px;
  color: #ffffff;
  position: relative;
  font-weight: 700;
  margin-top: 30px;
}
.custom-input {
  box-shadow: none;
  border: none;
}
.custom-input:hover,
.custom-input:focus,
.custom-input.active {
  border: none;
  box-shadow: none;
}
.heading-underline {
  background: #ffffff;
  height: 1px;
  margin: 0 auto;
  max-width: 150px;
  position: relative;
}
.heading-underline:before {
  background: #ffffff;
  content: "";
  height: 1px;
  left: 0;
  margin: 0 auto;
  position: absolute;
  right: 0;
  top: -5px;
  width: 75px;
}
.heading-underline:after {
  background: #ffffff;
  content: "";
  height: 1px;
  left: 0;
  margin: 0 auto;
  position: absolute;
  right: 0;
  bottom: -5px;
  width: 75px;
}
.more-btn {
  display: block;
  font-size: 16px;
  font-weight: 700;
  padding-top: 15px;
  text-transform: uppercase;
  font-family: 'Open Sans', sans-serif;
  color: #03a9f5;
  transition: all 0.4s ease-in 0s;
}
.more-btn:hover,
.more-btn:focus,
.more-btn.active {
  color: #303030;
}
/*    Youtube Video
-------------------------*/
.buttonBar {
  display: none;
}
/*    header
----------------*/
.header {
  border-bottom: 1px solid #e7e7e7;
  position: fixed;
  width: 100%;
  z-index: 1;
  background: #ffffff;
  transition: all 0.4s ease 0s;
      -webkit-box-shadow: 0px 0px 25px -10px;
    box-shadow: 0px 0px 25px -10px;
}
.header.sticky {
  z-index:999;
}
.header.sticky .menizord-brand {
  margin-top: 5px;
}
.menuzord .showhide em {
  background: #03a9f5;
}
.admin-nav {
  top: 0px;
}
.admin-nav ul li {
  padding: 10px 0px;
}
.admin-nav ul li a {
  overflow: hidden;
  padding: 0 15px;
  font-weight: 700;
  color: #101010;
  line-height: 20px;
}
.admin-nav ul li a span {
  font-weight: 700;
  position: relative;
  display: inline-block;
  font-family: 'Open Sans', sans-serif;
  transition: transform 0.3s;
  text-transform: none;
  -moz-transition: -moz-transform 0.3s;
  -webkit-transition: -webkit-transform 0.3s;
}
.admin-nav ul li a span::before {
  position: absolute;
  top: 100%;
  content: attr(data-hover);
  transform: translate3d(0, 0, 0);
  -moz-transform: translate3d(0, 0, 0);
  -webkit-transform: translate3d(0, 0, 0);
}
.admin-nav ul li a:hover ,
.admin-nav ul li a:focus ,
.admin-nav ul li a.active {
  color: #03a9f5;
}
.admin-nav ul li .buy-now{
	height: 50px;
    width: 150px;
    background: #eb6d6d;
	color:#fff;
    line-height: 50px;
    text-align: center;
    border-radius: 60px;
    position: relative;
    top: -17px;
}
.admin-nav ul li .buy-now:hover{
	background:#666;
	color:#fff;
}
.download-btn {
  padding: 5px 0px!important;
}
.download-btn a {
  line-height: 18px;
  background: #03a9f5;
  padding: 10px 30px!important;
  border-radius: 50px;
  color: #ffffff !important;
  padding: 10px 30px !important;
}
/*    Home Banner
---------------------*/
/*        .home-banner {
            background: url(../images/bg/screenshot-bg.jpg) no-repeat center center;
            -webkit-background-size: cover;
            -moz-background-size: cover;
            -o-background-size: cover;
            background-size: cover;
            position: relative;
            background-position: center;
            background-attachment: fixed;
        }
        
        .screenshot-overlay {
            background: @primary;
            height: 100%;
            left: 0;
            opacity: 0.3;
            position: absolute;
            width: 100%;
            z-index: 0;
            top: 0;
        }*/
.home-banner-content {
  max-width: 875px;
  margin: 0 auto;
  text-align: center;
}
.home-banner-content p {
	font-size: 20px;
    color: #ffffffa8;
	margin-top: 15px;
	line-height:30px;
}
.demo-btn{
  background: #03a9f5;
  font-size: 14px;
  font-weight: 700;
  color: #ffffff;
  font-family: 'Open Sans', sans-serif;
  display: inline-block;
  padding: 15px 50px;
  text-transform: uppercase;
  border-radius: 50px;
  margin: 30px 15px;
  transition: all 0.4s ease 0s;
  min-width: 200px;
}
.hs_logo_wrapper{
	float:left;
	padding-bottom:20px;
	width:100%;
}
.demo-btn:hover,
.demo-btn:focus,
.demo-btn.active {
  color: #23c0e9;
  background: #ffffff;
  border: 1px solid #23c0e9;
}
.bootstrap_four_btn, .bootstrap_three_btn{
  background: transparent;
  font-size: 14px;
  font-weight: 700;
  color: #fff;
  font-family: 'Open Sans', sans-serif;
  display: inline-block;
  padding: 15px 50px;
  text-transform: uppercase;
  border-radius: 50px;
  background:#ff7e00;
  margin: 30px 15px;
  transition: all 0.4s ease 0s;
  min-width: 200px;
}
.bootstrap_three_btn{
   background: #e04a4a;
}
.bootstrap_three_btn:hover,
.bootstrap_three_btn:focus,
.bootstrap_three_btn.active,
.bootstrap_four_btn:hover,
.bootstrap_four_btn:focus,
.bootstrap_four_btn.active  {
  background:#3b215a;
  color:#fff;
}

.store {
  margin-top: 20px;
}
.store span {
  font-size: 16px;
  font-weight: 500;
  margin-right: 20px;
  font-family: 'Open Sans', sans-serif;
}
.store i {
  font-size: 30px;
  padding: 0px 10px;
}
/*    Demo Section
-----------------------*/
.admin-demo {
	float:left;
	width:100%;
  text-align: center;
}
.admin-demo .heading h2 {
  color: #111;
}
.admin-demo .heading .sup-head {
  color: #111;
}
.admin-demo .heading .heading-underline {
  background: #ff7e00;
}
.admin-demo .heading .heading-underline:before,
.admin-demo .heading .heading-underline:after {
  background: #ff7e00;
}
.admin-demo-content {
  /*border: 1px solid #e9e9e9;*/
  border-radius: 0;
  margin-bottom: 50px;
  position: relative;
  overflow:hidden;
  -webkit-box-shadow: 0px 0px 25px -10px;
    box-shadow: 0px 0px 25px -10px;
}
.demo-content-desc {
  background: #ffffff;
  padding: 20px 30px;
}
.demo-content-desc h3 {
  color: #303030;
  font-size: 14px;
  font-weight: 700;
  line-height: 1.62em;
  margin: 0;
  transition: all 0.4s ease-in-out 0s;
  font-family: 'Open Sans', sans-serif;
}
.demo-content-desc p {
  font-family: 'Open Sans', sans-serif;
  color: #767676;
  font-size: 14px;
  font-weight: 400;
  margin: 0;
  transition: all 0.4s ease-in-out 0s;
  border: 1px solid #eee;
  display: inline-block;
  padding: 3px 10px;
  margin-top: 10px;
  margin-right: 10px;
}
.demo-content-title{
  font-family: 'Open Sans', sans-serif;
  background: #ff7e00;
  padding: 10px 30px;
  text-align: center;
  top: 10px;
  position: relative;
  font-size: 16px;
  font-weight: 700;
  color: White;
  bottom: 0;
  border: 1px solid #ff7e00;
  margin: 30px 15px;
  border-radius: 100px;
  display: inline-block;
  margin-bottom: 50px;
}
/*    admin Feature
-----------------------*/
.admin-feature {
  background: #f6f6f6;
}
.admin-feature .heading h2 {
  color: #303030;
}
.admin-feature .heading .sup-head {
  color: #909090;
}
.admin-feature .heading .heading-underline {
  background: #303030;
}
.admin-feature .heading .heading-underline:before,
.admin-feature .heading .heading-underline:after {
  background: #303030;
}
.admin-feature-content {
  text-align: center;
  margin-top: 100px;
  transition: all 0.4s ease 0s;
}
.admin-feature-content i {
  background: #03a9f5;
  color: #ffffff;
  font-size: 30px;
  padding: 20px;
  display: inline-block;
  border-radius: 5px;
  border: 1px solid transparent;
  transition: all 0.4s ease 0s;
}
.admin-feature-content h3 {
  margin-top: 35px;
  color: #03a9f5;
}
.admin-feature-content p {
  margin-top: 20px;
}
.admin-feature-content:hover i {
  background: transparent;
  color: #03a9f5;
  border: 1px solid #03a9f5;
}
/*    Footer
----------------*/
.footer {
	float:left;
	width:100%;
	background: #170034;
	padding: 10px 0px;
	color:#fff;
}
.quicklinek{ margin-top:30px}
.quicklinek li{ margin-top:10px; border-bottom:solid 1px #ccc; padding-bottom:10px;width: 90%;}
.footer-social {
  text-align: right;
}
.footer-social li {
  display: inline-block;
}
.footer-social li a {
  display: inline-flex;
  text-align: center;
}
.footer-social li a:hover i{
  background:#ff7e00;
  color:#fff;
}
.footer-social li a i {
  background: rgba(255, 255, 255, 0.20);
  color: rgba(255, 255, 255, 0.60);
  border-radius: 50px;
  height: 40px;
  margin: 0 5px;
  padding: 14px 5px;
  width: 40px;
  transition: all 0.4s ease 0s;
}
.con_pad .form-control {
    display: block;
    width: 100%;
    height: 45px;
    padding: 6px 12px;
    font-size: 15px;
    line-height: 1.6;
    color: 
#7e7e7e;
background-color:
#EBEBEB;
background-image: none;
border: 1px solid
#EBEBEB;
border-radius: 10px;
box-shadow: inset 0 1px 1px
    rgba(0, 0, 0, 0.075);
    transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
}
#contact_text{ height:215px}
.contact_block {
    background-color:#F4F4F4;
}
.btn-primary {
    color: 
#fff;
background-color:
#e36480;
border-color:
    #e36480;
	margin-bottom:25px
}
.hs_service_icon_main_wrapper {
    display: inline-block;
    border: 1px dashed 
    #cecece;
    -webkit-border-radius: 100%;
    -moz-border-radius: 100%;
    border-radius: 100%;
    padding: 10px;
}
.hs_service_icon_wrapper i::before {
    color: 
    #ff7e00;
    margin-left: 0;
    font-size: 40px;
    -webkit-transition: all 0.5s;
    -o-transition: all 0.5s;
    -ms-transition: all 0.5s;
    -moz-transition: all 0.5s;
    transition: all 0.5s;
}
.hs_service_icon_wrapper {
    position: relative;
    width: 90px;
    height: 90px;
    text-align: center;
    line-height: 90px;
    border: 1px dashed 
    #cecece;
    -webkit-border-radius: 100%;
    -moz-border-radius: 100%;
    border-radius: 100%;
    float: left;
    -webkit-transition: all 0.5s;
    -o-transition: all 0.5s;
    -ms-transition: all 0.5s;
    -moz-transition: all 0.5s;
    transition: all 0.5s;
}
.hs_contact_title_box_wrapper {
    float: left;
    width: 100%;
    border: 1px dashed 
    #acacac;
    padding-top: 60px;
    padding-bottom: 60px;
    margin-top: 40px;
    text-align: center;
	margin-bottom:40px;
}
.content_margin {
    margin-top: 25px;
	
}
.btn-sm, .btn-group-sm > .btn {
    padding: 7px 25px;
}

.btn-sm, .btn-group-sm > .btn {
    padding: 10px 30px;
    font-size: 13px;
    line-height: 1.5;
    border-radius: 25px;
	 font-size: 15px !important;
}
.contact_block .text-info{ font-size:16px; color:#4b3065 !important}
.innerpage{ background-image:url(../images/advert_bg.jpg);    padding-top: 60px;
    padding-bottom: 60px;
}
.dropdown-menu a{ color:#000 !important}
.copy-right p {
  color: #909090;
  margin: 0px;
  float: left;
  padding-top:10px;
}
.hs_indx_title_right_wrapper a { font-size:20px; color:#fff !important}
.hs_indx_title_left_wrapper span {
    font-size: 32px;
    color: #ffffff;
    text-transform: uppercase;
    font-weight: bold;
	margin:0px !important
}
.hs_indx_title_left_wrapper h2 {
    font-size: 32px;
    color: #ffffff;
    text-transform: uppercase;
    font-weight: bold;
	margin:0px !important
}
.hs_indx_title_right_wrapper {
    float: left;
    width: 100%;
}
.hs_indx_title_right_wrapper ul {
    float: right;
}
.hs_indx_title_right_wrapper li {
    float: left;
    color: 
    #ffffff;
}
.typeofy{margin-top:120px}
.hs_indx_title_right_wrapper li:last-child {
    color: 
    #ff7e00;
    margin-left: 10px;
	font-size:20px;
}
.readphone{font-size: 30px; margin-right:30px;
font-weight: bold;
color:#ff7e00 !important;
padding-top: 5px;}

/* home-banner start*/
.hs_slider_main_wrapper{
	float:left;
	width:100%;
	background-color: hsla(200,40%,30%,.4);
	background-image: url(../images/slide_bg.jpg),
		url('https://db.tt/vKBcgeOj');
	background-repeat: repeat-x;
	background-position: 
		0 20%,
		0 95%,
		0 0,
		0 100%,
		0 0;

	animation: 90s para infinite linear;
	position:relative;
	height:100%;
	min-height:954px;
	overflow:hidden;
}
@keyframes para {
	100% {
		background-position: 
			-5000px 20%,
			-800px 95%,
			500px 0,
			1000px 100%,
			400px 0;
		}
}
@keyframes spinsun {
  0% { transform: rotate(0); }
  100%   { transform: rotate(-360deg); }
}
@keyframes shadow {
  0% { background-position: 130% 0%; }
  33%{ background-position: 50% 0%; }
  55% { background-position: 0% 0%; }
  80%{ background-position: -50% 0%; }
  100%{ background-position: -50% 0%; }
}
@keyframes orbitmercury {
  0% { z-index:2; transform: rotateY(0); }
  49% { z-index:2; }
  50% { z-index:-2; }
  99% { z-index:-2; }
  100%   { z-index:2; transform: rotateY(360deg); }
}
@keyframes orbitvenus {
  0% { z-index:3; transform: rotateY(0); }
  49% { z-index:3; }
  50% { z-index:-3; }
  99% { z-index:-3; }
  100%   { z-index:3; transform: rotateY(360deg); }
}
@keyframes orbitearth {
  0% { z-index:4; transform: rotateY(0); }
  49% {z-index:4;}
  50% {z-index:-4;}
  99% {z-index:-4;}
  100%   { z-index:4; transform: rotateY(360deg);}
}
@keyframes orbitmars {
  0% { z-index:5; transform: rotateY(0); }
  49% { z-index:5; }
  50% { z-index:-5; }
  99% { z-index:-5; }
  100%   { z-index:5; transform: rotateY(360deg); }
}
@keyframes orbitjupiter {
  0% { z-index:6; transform: rotateY(270); }
  49% { z-index:6; }
  50% { z-index:-6; }
  99% { z-index:-6; }
  100%   { z-index:6; transform: rotateY(360deg); }
}
@keyframes orbitsaturn {
  0% { z-index:7; transform: rotateY(270); }
  49% { z-index:7; }
  50% { z-index:-7; }
  99% { z-index:-7; }
  100%   { z-index:7; transform: rotateY(360deg); }
}
/* Keep planet image flat */
@keyframes anti-spin {
  from { transform: rotateY(0); }
  to   { transform: rotateY(-360deg); }
}
@keyframes anti-spin-rings {
  from { transform: rotateY(0) rotateX(73deg); }
  to   { transform: rotateY(-360deg) rotateX(73deg); }
}
/* scene wrapper */
.hs_slider_cont_wrapper{
  position:absolute;
  top:128px;
  left:0;
 
  margin: 0 auto;
  display:block;
  perspective: 1000px;
    perspective-origin: 60% 50%;
  transform: rotate(-10deg);

}
.hs_slider_cont_wrapper > div {
  position: relative;
  margin: 0 auto;
  transform-style: preserve-3d;
  height: 0px;
}
.sun {
  width: 250px;
  position: absolute;
  top: 0px;
  z-index: 1;
  height: 125px !important;
}
.sun {
  width: 250px;
  height: 250px;
  background: url('../images/solar/sun.png') no-repeat;
  background-size: cover;
  border-radius: 250px;
  margin: 0 auto;
}
.star {
  width: 250px;
  height: 250px;
  background: url('../images/solar/sun.png') no-repeat;
  background-size: cover;
  border-radius: 250px;
  margin: 0 auto;
  animation: spinsun 40s infinite linear;
}
.star {
  width: 250px;
  height: 250px;
  background-image:url(../images/sun.png);

  background-size: cover;
  border-radius: 250px;
  margin: 0 auto;
  animation: spinsun 40s infinite linear;
}
.star1 {
 width: 330px;
  height: 330px;
  background-image:url(../images/about.png);

  background-size: cover;
  border-radius: 250px;
  margin: 0 auto;
  animation: spinsun 40s infinite linear;
  float:left;
  margin-right:30px
}
.planet {
  background-size: cover;
  background-repeat: no-repeat;
  background-color: transparent;
  animation-iteration-count: infinite;
  overflow:hidden;
}
.shadow {
  position: absolute;
  left: 0px;
  right: 0px;
  top: 0px;
  bottom: 0px;
  background: transparent url('../images/shadow.png') 0% 0% no-repeat;
  background-size: cover;
  border-radius: 100%;
}
.mercury {
  position: absolute;
  width: 400px;
  z-index:2;
  animation: orbitmercury 12s infinite linear;
  top: -7.5px; /*half of planets height to keep orbits in line*/
}
.mercury .planet {
  width:15px;
  height:15px;
  background-image: url('../images/mercury.png');
  animation: anti-spin 12s infinite linear;
}
.mercury .shadow {
  animation: shadow 12s infinite linear;
}
.venus {
  position: absolute;
  width: 506px;
  z-index:3;
  animation: orbitvenus 15s infinite linear;
  top: -19px;
}
.venus .planet {
  width:38px;
  height:38px;
  background-image: url('../images/venus.png');
  animation: anti-spin 15s infinite linear;
}
.venus .shadow {
  animation: shadow 15s infinite linear;
}
.earth {
  position: absolute;
  width: 610px;
  z-index:4;
  animation: orbitearth 20s infinite linear;
  top: -20px;
}
.earth .planet {
  width:40px;
  height:40px;
  background-image: url('../images/earth.png');
  animation: anti-spin 20s infinite linear;
}
.earth .shadow {
  animation: shadow 20s infinite linear;
}
.mars {
  position: absolute;
  width: 706px;
  z-index:5;
  animation: orbitmars 30s infinite linear;
  top: -11px;
}
.mars .planet {
  width:22px;
  height:22px;
  background-image: url('../images/mars.png');
  animation: anti-spin 30s infinite linear;
}
.mars .shadow {
  animation: shadow 30s infinite linear;
}
.jupiter {
  position: absolute;
  width: 1100px;
  z-index:6;
  animation: orbitjupiter 50s infinite linear;
  top: -64px;
}
.jupiter .planet {
  width:128px;
  height:128px;
  background-image: url('../images/jupiter.png');
  animation: anti-spin 50s infinite linear;
}
.jupiter .shadow {
  animation: shadow 50s infinite linear;
}
.hs_slider_heading_wrapper{
	float:left;
	width:100%;
	text-align:center;
	position:relative;
}
.hs_slider_logo_wraper{
	float:left;
	width:100%;
	display:inline-block;
}
.hs_slider_logo_wraper img{
	display:inline-block;
}
.hs_slider_logo_cont_wraper{
	float:left;
	width:100%;
	display:inline-block;
}
.hs_slider_logo_cont_wraper h2{
	color: #ffffff;
    font-weight: bold;
    text-transform: uppercase;
    font-size: 42px;
    padding-top: 10px;
    font-style: italic;
}
.hs_slider_logo_cont_wraper h2 span{
	color:#ff7e00;
}
.home-banner-main-wrapper{
	text-align:center;
	padding-top:485px;
}
.hs_waves2 {
    position: absolute;
    width: 100%;
    top: 120px;
    right: 0px;
    margin: 0px auto;
    left: 0px;
}
.hs_wave {
	width: 700px;
	height: 700px;
	background: rgba(0, 0, 0, 0.03);
	border: 1px solid rgba(255, 255, 255, 0.5);
	border-radius: 50%;
	margin-left: 50%;
	left: -350px;
	position: absolute;
	bottom: -350px;
    z-index: -1;
	-webkit-transform: scale(0.1, 0.1);
	-moz-transform: scale(0.1, 0.1);
	-ms-transform: scale(0.1, 0.1);
	-o-transform: scale(0.1, 0.1);
	transform: scale(0.1, 0.1);
	opacity: 0;
	-webkit-animation: pulse 3000ms ease-out infinite;
	-moz-animation: pulse 3000ms ease-out infinite;
	-ms-animation: pulse 3000ms ease-out infinite;
	-o-animation: pulse 3000ms ease-out infinite;
	animation: pulse 3000ms ease-out infinite;
}
.hs_wave:nth-of-type(2) {
	-webkit-animation-delay: 600ms;
	-moz-animation-delay: 600ms;
	-ms-animation-delay: 600ms;
	-o-animation-delay: 600ms;
	animation-delay: 600ms;
}
.hs_wave:nth-of-type(3) {
	-webkit-animation-delay: 1200ms;
	-moz-animation-delay: 1200ms;
	-ms-animation-delay: 1200ms;
	-o-animation-delay: 1200ms;
	animation-delay: 1200ms;
}
.hs_wave:nth-of-type(4) {
	-webkit-animation-delay: 1800ms;
	-moz-animation-delay: 1800ms;
	-ms-animation-delay: 1800ms;
	-o-animation-delay: 1800ms;
	animation-delay: 1800ms;
}
@-webkit-keyframes pulse {
  0% {
    -webkit-transform: scale(0.1, 0.1);
    -moz-transform: scale(0.1, 0.1);
    -ms-transform: scale(0.1, 0.1);
    -o-transform: scale(0.1, 0.1);
	transform: scale(0.1, 0.1);
    opacity: 0;
  }
  50% {
    opacity: 1;
  }
  100% {
    -webkit-transform: scale(1.2, 1.2);
    -moz-transform: scale(1.2, 1.2);
    -ms-transform: scale(1.2, 1.2);
    -o-transform: scale(1.2, 1.2);
	transform: scale(1.2, 1.2);
    opacity: 0;
  }
}
@keyframes pulse {
  0% {
    -webkit-transform: scale(0.1, 0.1);
    -moz-transform: scale(0.1, 0.1);
    -ms-transform: scale(0.1, 0.1);
    -o-transform: scale(0.1, 0.1);
	transform: scale(0.1, 0.1);
    opacity: 0;
  }
  50% {
    opacity: 1;
  }
  100% {
    -webkit-transform: scale(1.2, 1.2);
    -moz-transform: scale(1.2, 1.2);
    -ms-transform: scale(1.2, 1.2);
    -o-transform: scale(1.2, 1.2);
	transform: scale(1.2, 1.2);
    opacity: 0;
  }
}
@-webkit-keyframes pulse-text {
  0% {
    opacity: 1;
  }
  50% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@keyframes pulse-text {
  0% {
    opacity: 1;
  }
  50% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
.astyle{padding: 5px 10px;
border: solid 1px
#ccc;
margin-top: 7px;
float: left;margin-right: 15px;}


@media only screen and (min-width: 320px) and (max-width: 440px) {
.hs_indx_title_left_wrapper h2 {
    font-size: 15px;
    color: 
    #ffffff;
    text-transform: uppercase;
    font-weight: bold;
    margin: 0px !important;
}
#myHeader .container{ padding:0px !important}
.navbar-nav  li{ border-bottom: solid 1px #c2bebe;}
#main_navbar{ padding:0px !important}
.addimg img {
    width: 250px !important;
    border-radius: 100%;
    height: 250px !important;
    margin-top: 36px;
}
.typeofy {
    margin-top: 20px;
}
.hs_slider_main_wrapper {
    float: left;
    width: 100%;
    background-color: 
    hsla(200,40%,30%,.4);
    background-image: url(../images/slide_bg.jpg), url('https://db.tt/vKBcgeOj');
    background-repeat: repeat-x;
    background-position: 0 20%, 0 95%, 0 0, 0 100%, 0 0;
    animation: 90s para infinite linear;
    position: relative;
    height: 100%;
    min-height: 1449px !important;
    overflow: hidden;
}
.topsecond{ width:72%; float:left}
.topone{ width:28%; float:left}
.topbutton {
    border: solid 1px #fff;
    padding-right: 5px !important;
    padding-left: 5px !important;
	margin-right: 0px !important;
    
}
.choose-course .name-course {
    margin-top: 12px;
    color: 
    #fff;
    text-align: center;
    font-size: 16px;
    width: 169%;
    text-align: center;
    margin-bottom: 36px;
}
.hs_title_img_cont_wrapper h5 a {
    font-size: 16px;
    color: 
    #75429c;
    padding-top: 0px;
    float: left;
}
.mar56{ margin-right:60px;}
.bootstrap_four_btn, .bootstrap_three_btn {
    background: transparent;
    font-size: 14px;
    font-weight: 700;
    color: 
    #fff;
    font-family: 'Open Sans', sans-serif;
    display: inline-block;
    padding: 15px 8px;
    text-transform: uppercase;
    border-radius: 50px;
    background: #ff7e00;
    margin: 0px 6px;
    transition: all 0.4s ease 0s;
    min-width: 175px;
}
.mainmain .anim-circle-double-dashed {
    position: absolute;
    top: 16%;
    right: 7%;
    width: 320px !important;
    height: 320px !important;
    border-radius: 50%;
}
.hs_indx_title_right_wrapper a {
    font-size: 16px;
    color: 
    #fff !important;
}
.hs_indx_title_right_wrapper li:last-child {
    color: 
    #ff7e00;
    margin-left: 10px;
    font-size: 17px;
}
.innerpage {
    background-image: url(../images/advert_bg.jpg);
    padding-top: 50px;
    padding-bottom: 30px;
}
.hs_contact_title_box_wrapper {
    float: left;
    width: 100%;
    border: 1px dashed 
    #acacac;
    padding-top: 60px;
    padding-bottom: 60px;
    margin-top: 20px;
    text-align: center;
    margin-bottom: 20px;
}
.rightone{ display:none}
.home-banner-content p {
    font-size: 16px;
    color: 
    #ffffffa8;
    margin-top: 15px;
    line-height: 30px;
}
.bootstrap_three_btn {
    background: 
    #e04a4a;
}
.hs_slider_main_wrapper {
    float: left;
    width: 100%;
    background-color: 
    hsla(200,40%,30%,.4);
    background-image: url(../images/slide_bg.jpg), url('https://db.tt/vKBcgeOj');
    background-repeat: repeat;
    background-position: 0 20%, 0 95%, 0 0, 0 100%, 0 0;
    animation: 90s para infinite linear;
    position: relative;
    height: 100%;
    min-height: 530px;
    overflow: hidden;
}
.choose-course .choose-course-wrapper .col-md-4.col-xs-6 {
    margin-bottom: 10px;
}

.form-control {
    display: block;
    width: 76%;
    height: calc(2.25rem + 2px);
    padding: .375rem .75rem;
    font-size: 1rem;
    line-height: 1.5;
    color: 
#495057;
background-color:
#fff;
background-clip: padding-box;
border: 1px solid
    #ced4da;
    border-radius: .25rem;
    transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out;
    margin-right: 8px;
}
.item-course{margin-bottom: 31px !important;}
.modal-open .modal {
    overflow-x: hidden;
    overflow-y: auto;
    z-index: 99999999999999999;
}
.home-banner-main-wrapper {
    text-align: center;
    padding-top: 290px;
}
.hs_slider_cont_wrapper {
    position: absolute;
    top: 50px;
    left: 0;
    right: 0;
    margin: 0 auto;
    display: block;
    perspective: 1000px;
    perspective-origin: 60% 50%;
    transform: rotate(-10deg);
}
.logo img{ width:100%}
.hs_title_box_main_wrapper {
    float: left;
    width: 100%;
    -webkit-box-shadow: 0px 0px 35px -20px;
    box-shadow: 0px 0px 12px -20px;
    margin-top: 0px;
    overflow: hidden;
    background-color: 
    #fff;
    margin-bottom: 15px;
}
.displaynone{ display:none}
.hs_title_img_cont_wrapper {padding: 10px 30px;}
}