*{text-decoration:none; outline:none;}
html, body, div, span, applet, object, iframe,
h2, h3, h4, h5, h6, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {margin: 0;padding: 0;border: 0;font-size: 100%;font: inherit;vertical-align: baseline;list-style:none;}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {display: block;}
body { font-family: 'Lato', sans-serif;}
a:hover{text-decoration:none;} 

ol, ul {list-style: none;}
blockquote, q {quotes: none;}
blockquote:before, blockquote:after,
q:before, q:after {content: '';content: none;}
table {border-collapse: collapse;border-spacing: 0;}

a{color:#fb990c;text-decoration:none;}
a:hover{}

.home-top-block{padding-top:1.5rem;}
/*bg*/
.star-main{ position: absolute;}
   
  
.wrapper {
    height:100vh;  -webkit-animation: slide 60s linear infinite; background:url(../images/bg.jpg) repeat; background-position:100% 100%;
    background-size:cover;   animation:animatebg 60s linear infinite;    min-height:700px;} 
@keyframes animate {  0% {width:200px; height:200px; opacity:1;}
}
/*

50% { opacity:1;}
100% {width:500px;height:500px;opacity:0;}
}
@keyframes animateEarth {0% { background-position:0 0;}
    100% {background-position:719px 0;}
}
@keyframes animatebg {0% {background-position:0 0; }
    100% {background-position:719px 0;}
}
*/

/*bg*/
.social ul{text-align: right;}
.social ul li{display:inline;padding: 0px 10px;}
.social li a{font-size:22px;color: #fff;}
    
@media (min-width: 1200px){
.container { max-width: 1072px !important;}}

.galaxy-main{ overflow: hidden;
    background: url(../images/boder-line.png) center center no-repeat;
    min-height: 100vh;
    width: 100%;
    background-size: 110% auto;
    position: relative;
    top:-70px; 
    z-index: 9999999;
    overflow: hidden;
    
         
}
.coursebox {
    position: absolute;
    font-size: 16px;
    color: #fff;
    font-weight: bold;
    letter-spacing: 0.8px;
    text-transform: uppercase;
    transition: all 9s ease;
    -webkit-transition: all 9s ease;
}


.coursebox1 {background: url(../images/sun.png) no-repeat;width: 299px;height: 298px;top: 23%;left: 14%;background-size: 100% 100%; cursor: auto;}
.coursebox2 {background: url(../images/mercury.png) no-repeat; width:34px;height:36px;top:44.4%;left: 39.5%;background-size: 100% 100%;}
.coursebox3 {background: url(../images/venus.png) no-repeat;width: 56px;height:56px;top: 44.4%;left: 43.2%;background-size: 100% 100%;}
.coursebox4 {background: url(../images/earth.png) no-repeat;width: 38px;height:39px;top: 34.3%;left: 46.5%; background-size: 100% 100%;}
.coursebox5 {background: url(../images/marsh.png) no-repeat;width: 59px;height: 58px;top: 45.5%;left: 54.8%; background-size: 100% 100%;}
.coursebox6 {background: url(../images/jupiter.png) no-repeat;width: 111px;height: 108px;top: 21.6%;left: 59%; background-size: 100% 100%;}
.coursebox7 {background: url(../images/saturn.png) no-repeat; width: 154px; height: 79px;top: 32%;left:71.5%; background-size: 100% 100%;}
.coursebox8 {background: url(../images/uranus.png) no-repeat;width: 143px;height: 77px;top: 65.2%;left: 49.7%;background-size: 100% 100%;}
.coursebox9 {background: url(../images/neptune.png) no-repeat;width: 43px;height: 42px;top: 9.2%;left: 88.5%;background-size: 100% 100%;}
.coursebox10 {background: url(../images/pluto.png) no-repeat;width: 50px;height: 50px;top: 62.5%;left:82%;background-size: 100% 100%;}

/*
.coursebox1:after{ content: "hi"; }

.coursebox1:after{ -webkit-animation: rrotation 55s infinite linear;}
 

@-webkit-keyframes rrotation {
		from {
				-webkit-transform: rotate(359deg);
		}
		to {
				-webkit-transform: rotate(0deg);
		}
}

 
*/
 


@-moz-document url-prefix() {
   .coursebox9 {top: 7.2%;}
   .coursebox4 {top: 32.3%;}
   .coursebox6 {top:19.6%;}
    
}




.footer{position: fixed;bottom: 10px; width: 100%;color: #fff; z-index: 99999999;font-size: 13px; }
.footer ul li{display: inline;}
.footer a{color: #fff;}
.footer a:hover{color: #f1cc2d;}
.footer-center-list-brack{padding: 0px 8px;}

/*
.modal-custom{z-index: 9999999999999;}
.modal-custom h4.modal-title{font-size: 18px; color: #d4901a;font-weight: 600;}
*/
.footer-center{text-align: center;}
.footer-right{text-align: right;}
/*

.modal-custom .modal-body h3{font-size: 15px;padding-bottom: 10px;font-weight: 700;color: #3d7fce;}
.modal-custom .modal-body p{    font-size: 14.5px;
    text-align: center;
    line-height: 20px;
    font-weight: 300; font-family: 'Source Sans Pro', sans-serif;}






 .modal-header .close-btn{position: absolute;right: 2px;color: #fff;background:#99895edb;padding: 0px;width: 30px;height: 30px;border-radius: 50%; opacity: 0.9;
    top: 6px;}
.modal-header .close-btn:hover { background: #917b40db !important;}
.modal-custom .modal-content {     background-color: #231f20cf;
    color: #fff;
   
    border: 1px solid #4a4646c4;
    border-radius: 0px;
    
}
*/
.popup-logo{    width: 100%;
    text-align: center;}

/*

.modal-custom .modal-header{border: none;    padding: 1.5rem 1rem 0rem 1rem;}

.modal-custom .modal-dialog.modal-md{ align-self: center;
    vertical-align: middle;
    align-items: center;
    justify-content: space-around;
    display: flex;
height: 100vh;}
*/

.modal-header {border: none;}
 .modal-header .close-btn{position: absolute;right:20px;color: #fff;background:#99895edb;padding: 0px;width: 30px;height: 30px;border-radius: 50%; opacity: 0.9;
    top:20px;}
.modal-header .close-btn:hover { background: #917b40db !important;}
.tada:hover {
  -webkit-animation-name: tada;
  animation-name: tada;
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
  }
  @-webkit-keyframes tada {
  0% {
  -webkit-transform: scale3d(1, 1, 1);
  transform: scale3d(1, 1, 1);
  }
  10%, 20% {
  -webkit-transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg);
  transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg);
  }
  30%, 50%, 70%, 90% {
  -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
  transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
  }
  40%, 60%, 80% {
  -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
  transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
  }
  100% {
  -webkit-transform: scale3d(1, 1, 1);
  transform: scale3d(1, 1, 1);
  }
  }
  @keyframes tada {
  0% {
  -webkit-transform: scale3d(1, 1, 1);
  transform: scale3d(1, 1, 1);
  }
  10%, 20% {
  -webkit-transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg);
  transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg);
  }
  30%, 50%, 70%, 90% {
  -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
  transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
  }
  40%, 60%, 80% {
  -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
  transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
  }
  100% {
  -webkit-transform: scale3d(1, 1, 1);
  transform: scale3d(1, 1, 1);
  }
  } 


#loading {
		-webkit-animation: rotation 55s infinite linear;
}

@-webkit-keyframes rotation {
		from {
				-webkit-transform: rotate(0deg);
		}
		to {
				-webkit-transform: rotate(359deg);
		}
}

 




a.tooltip {outline:none; }
a.tooltip strong { }
a.tooltip:hover {text-decoration:none;} 
a.tooltip span {
    
}
a.tooltip:hover span{
    display:inline; position:absolute; 
     
}

.callout {z-index:20;position:absolute;border:0;top:-14px;left:120px;}
    
/*CSS3 extras*/
a.tooltip span
{
    border-radius:2px;        
    
    /*opacity: 0.8;*/
}

.bs-tooltip-auto[x-placement^=top] .arrow, .bs-tooltip-top .arrow {
    bottom: -7px;
}

.tooltip{ background-color: #231f20cf;}
.tooltip.fade.bs-tooltip-top.show{width: 380px !important; z-index: 999999999999999999999999999999999999999999999999999999999999999999999999;     top: -15px !important; padding: 15px 0px;    
    color: #fff;    border-radius: 20px;  background-color: #231f20cf;
    /* box-shadow: 0px 0px 14px 3px #a8d4e496; */
    border: 1px solid #4a4646c4;}

.tooltip-inner{width: 100% !important; min-width: 380px; 
/*    background:  #231f20cf;*/
    background: transparent;
}


.tooltip-inner { padding: 15px;font-size: 15px;    border-radius:5px; text-align: left;}
.tooltip-inner h2{    
    font-size: 16px;
    font-weight: 600;
    border-bottom: 1px solid #ffffff40;
    margin-bottom: 5px;
    padding-bottom: 8px;}
.tooltip-inner > img{margin-bottom:8px;}
.bs-tooltip-auto[x-placement^=top] .arrow::before, .bs-tooltip-top .arrow::before {
    top: 0;
    border-width: .8rem .8rem 0;
    border-top-color: #4a4646c4;
}
.bs-tooltip-auto[x-placement^=bottom] .arrow::before, .bs-tooltip-bottom .arrow::before{ top: 0;
       border-width: 0 .8rem .8rem;
    border-top-color: #4a4646c4; border-bottom-color: #4a4646c4; }
.bs-tooltip-auto[x-placement^=bottom] .arrow, .bs-tooltip-bottom .arrow {
    top: -13px;
}

.tooltip.show {
    z-index: 999999999;
    opacity: .9;
     border-radius:5px;  background-color: #231f20cf;
}



.galaxy-main { min-height: 94vh;}
 


/* Safari 10.1+ */

@media screen and (-webkit-min-device-pixel-ratio:0) { 

    .galaxy-main { height:600px;}
}

.contact-bt-box .card{height: 100%;}

.contact-top h3{color: #fff; font-size: 25px; margin-bottom: 1rem; font-weight: 700;}
.contact-top {color: #fff;}

.contact-bt-box .card-body {color:#543c15; }
.contact-icon{height:90px; display: flex;align-items: center; justify-content: center;}
.contact-bt-box .card-body  h4{    color: #543c15;    font-weight: 700;    font-size: 17px;}
.contact-bt-box .card-body  p{color:#000; font-size: 15px; line-height: 22px;}
 


/*screen rotate css*/
/* style the elements with CSS */
/*
    #pleaserotate-graphic{
        fill: #fff;
    }

    #pleaserotate-backdrop {
        color: #fff;
        background-color: #000;
         
          z-index: 99999999999999999999999999999999999999999999999;
    }

*/





/* modec-css start*/



.sun-tl{font-family: 'Oswald', sans-serif; color: #171d41;   display: inline-block; position: absolute; left: 19%; top: 41%; z-index: 999;line-height: 30px; text-align: center; font-size: 22px; font-weight: 900;}