@charset "utf-8";
body{ background-color:#fff;}
.topper{text-align:right;color:#4555a5;padding:0;margin:0;position:absolute;top:5px;right:11%;z-index:1000;font-family:"Roboto", sans-serif;}
.insta{font-size:20px; color:#4555a5;}
.yout{font-size:22px; color:#ed1c24;}
.shopnow a:link, a:visited {background:#4555a5; color:#fff; padding:5px 20px; text-align:center; font-family:"Roboto", sans-serif;text-decoration:none; border-radius:5px 5px 0 0;}
.shopnow a:hover, a:active {background:#eeeeee;color:#4555a5;}
.clicknow a:link, a:visited {background:#4555a5; color:#fff; padding:5px 20px; text-align:center; font-family:"Roboto", sans-serif;text-decoration:none; border-radius: 0 0 5px 5px;}
.clicknow a:hover, a:active {background:#eeeeee;color:#4555a5;}
.headermain {border: none;-webkit-box-shadow:1px 5px 7px 1px rgba(220,220,220,1);box-shadow:0px 9px 7px 1px rgba(220,220,220,1);border-radius:0 0 10px 10px; background-color:#fff;}

.moonbg{ margin-top:50px; background: url("images/moonbg3.jpg");background-repeat:no-repeat;background-position-y:30px;background-size:cover;overflow:hidden;padding-bottom:2%;}
.offmargin{margin:0;padding:0;}

.maincontent{float:right;background:#fff;border-radius:20px 0px 0px 20px;border:solid thin #EBE7E7;height:600px; width:98%;}

.maincontent h4{text-align: center;font-weight:400;line-height:1.5em;font-family: "Montserrat", sans-serif; color:#4555a5; padding:2% 4%; margin-bottom:0;}
.maincontent p{font-family: "Montserrat", sans-serif;font-weight:300;font-size:1.1em; text-align:justify;padding:2% 3%;line-height:1.5em;font-kerning: normal;}
.oneword{font-weight:200;}
.heroimg{float:left;width:98%;height:600px;background: url("images/picmoon1.png");border-radius:0px 20px 20px 0px;background-repeat: no-repeat;background-position:top; background-color:#cbcfea;}
.maincontent a:link, a:visited {background:#4555a5; color:#fff; padding:2px 4px; text-align:center; font-family:"Roboto", sans-serif; float:right;text-decoration:none; border-radius:5px;font-size:0.9em;}
.maincontent a:hover, a:active {background:#eeeeee;}

/*calender.html*/
.chead{width:90%;font-family: "Montserrat", sans-serif;border-radius:20px;}
.chead aside{background:#fff; margin: 0 0 2% 0;border-radius:20px;border:solid thin #EBE7E7;}
.forcalender{font-weight:300;text-align:center;color:#4555a5;font-family: "Montserrat", sans-serif;}
.forh1{font-weight:300;text-align:center;color:#4555a5; font-size:28px;}
.forh5{margin-top:2%;color:#4555a5;font-weight:500; padding:0 5%;}
.forp{padding:2% 2% 0 2%;}
.psize{font-size:20px;color:#4555a5;padding:0 1%;background:#eeeeee;border-radius:6px;}
.bgwhite{ background:#fff;}
.bigdata{padding:5% 1%;text-align:justify;}   
.bigdata h3{color:#4555a5;padding-left:5%; text-align:left;}
.bigdata h5{color:#4555a5;padding-left:5%; text-align:left;}
.bigdata p{padding:0 5%;margin:0;}
.bigdata bax{padding:5%;margin:0; }
.boldtext{color:#4555a5;font-family: "Montserrat", sans-serif;border-radius:20px;}
.forhr{ width:50%;border:3px solid ;border-radius: 5px;}
.forh4{font-weight:400;text-align:center;color:#4555a5;background:#F1EFEF;margin:0; padding:0.5%;width:90%; border-radius:0 0 15px 15px;}
.culture{width:100%;height:90%;text-align:center;padding:5%;float:left;}
.culture img{width:70%;}
.base{font-weight:300;text-align:center;color:#4555a5;font-family: "Montserrat", sans-serif;}
/* calender */

.video-container {position: relative;width: 100%;padding-bottom: 56.25%; /* 16:9 aspect ratio (height / width = 9 / 16 = 0.5625) */height: 0;overflow:hidden;}
.video-container iframe {position: absolute;top:0;left:0;right:0;margin:auto;width:90%;height:90%;border:0;}

/*about*/
h4{font-weight:400;line-height:1.5em;font-family: "Montserrat", sans-serif; color:#4555a5; padding:2% 4%; margin-bottom:0;}
  .abt{font-family:"Montserrat",sans-serif;font-weight:300;font-size:1.1em; text-align: justify; text-justify: inter-word;word-spacing:-1px;line-height:1.5em; padding:2%;} 
.abttx{font-family:"Montserrat",sans-serif;font-weight:300;font-size:1.1em; text-align: justify;text-justify: inter-word;
  word-spacing:-2px;line-height:1.4em; padding:2%;}
.abtsmall{font-family:"Montserrat",sans-serif;font-weight:300;font-size:0.9em; text-align:justify;line-height:1.5em; padding:2% 5%;}
.abth1{font-family: "Montserrat", sans-serif; color:#4555a5;font-weight:300; padding:2%;margin:0;}
.forabth4{font-family:"Montserrat",sans-serif;font-weight:400; text-align:center;line-height:1.5em; padding:2% 10%;}

.forimgbox{padding:2%; text-align:center;}
.forimg{width:52%;box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);border-radius:3%;}
.forimg1{width:90%;box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);border-radius:3%;}
/* projects */
.proheads{color:#4555a5;margin-top:5px;}
.centerbox1 div{width:100%;float:left;text-align:center;}
.centerbox1{font-family: "Montserrat",sans-serif; padding:2%;}
.centerbox1 p{ width:80%;font-size:1.1em;line-height:1.5em;text-align:justify;margin-top:20px;font-weight:300; margin-bottom:0; padding-bottom:0;}
.centerbox1 img{width:50%;box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);border-radius:3%; float:right;}
.centerbox1 a:link, a:visited {background:#4555a5; color:#fff; padding:2px 4px; text-align:center; font-family:"Roboto", sans-serif; float:left;text-decoration:none; border-radius:5px;font-size:0.9em;}
.centerbox1 a:hover, a:active {background:#eeeeee;}

.centerbox{fot-family: "Montserrat",sans-serif; padding:2%;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}
.centerbox div{width:80%;float:right;}
.centerbox p{font-size:1.1em;line-height:1.5em;text-align:justify;margin-top:20px;font-weight:300;}
.centerbox img{width:50%;box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);border-radius:3%;float:left;}
.centerbox a:link, a:visited {background:#4555a5; color:#fff; padding:1px 4px; text-align:center; font-family:"Roboto", sans-serif; float:right;text-decoration:none; border-radius:5px;font-size:0.8em;}
.centerbox a:hover, a:active {background:#eeeeee;}

/* go to top button*/
#myBtn1 {display: none;position: fixed;bottom: 20px;right: 30px;z-index: 99;font-size: 18px;border: none;background-color:#fff;color:#4555a5;cursor:pointer;padding:5px;border-radius: 4px;}

#myBtn1:hover { background-color: #fff;}

/*spandan page */
.bbone{border-radius:10px;}
.amzan{font-weight:500;font-style:italic;}
#more {display: none; margin:0;padding:0;}
#MyBtn {border:none; color:#4555a5;text-decoration:underline;text-underline-offset: 5px;background:none;float;left;margin-left:5%; margin-bottom:10px; font-weight:500;padding:0;margin-top:0;}
.forbul{ margin-left:5%;list-style-image: url('images/blts.png'); color:#4555a5;font-size:16px;}

/*support*/
 a.join:link {color:#122EBB;;font-family:"Roboto", sans-serif;cursor:pointer;line-height:2px;}
a.join:visited {color:#122EBB;}
a.join:hover {color:#ffcc00;}


/* media query*/
    @media only screen and (max-width: 600px) {
    .moonbg{background-position-y:60px;margin-top:10px;overflow:hidden;padding-bottom:5%;}
    .maincontent{border-radius:20px 20px 0 0;width:98%;height:auto;float:left;margin:5% 1% 0 1%; overflow:hidden;padding-bottom:3%;}
    .maincontent h4{font-size:30px; margin-top:2%;line-height:1.4em;}
    .maincontent p{text-align: justify; text-justify: inter-word;word-spacing:-1px;font-size:1.1em;padding:1% 5% 0 5%;}
    .heroimg{width:98%;height:350px; border-radius:20px;float:none;background: url("images/mini_picmoon.png");border-radius:0px 0px 20px 20px;background-size:cover;margin:0 1% 0 1%;}
    .chead {width:100%;margin-top:20px;}
    .chead h1{ color:#4555a5;font-weight:300;}
    .forimg{ width:70%;}
     .abth1{padding:2%;text-align:left;font-weight:500;margin:0;}
      .centerbox1 div{width:100%;float:left;}
.centerbox1{font-family:"Montserrat",sans-serif; padding:2%;}
.centerbox1 p{width:90%;font-size:1.1em;line-height:1.5em;text-align:justify;margin-top:20px; margin-left:5%;}
.centerbox1 img{width:70%;box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);border-radius:3%; float:none;margin-left:5%;}
.centerbox1 a:link, a:visited {background:#4555a5; color:#fff; padding:1px 2px; text-align:center; font-family:"Roboto", sans-serif;float:right;text-decoration:none;margin-right:10%;}
.centerbox1 a:hover, a:active {background:#eeeeee;}
        
    .centerbox div{width:100%;float:right;text-align:center;}
    .centerbox img{width:70%;box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);border-radius:3%; float:none; margin-left:15%;margin-top:1%;}
        .centerbox p{width:90%;font-size:1.1em;line-height:1.5em;text-align:justify;margin-top:20px; margin-left:5%;}
        .centerbox a:link, a:visited {background:#4555a5; color:#fff; padding:1px 2px; text-align:center; font-family:"Roboto", sans-serif;float:right;text-decoration:none;margin-right:10%;}
        .shopnow a:link, a:visited {background:#4555a5; color:#fff;text-align:center; font-family:"Roboto", sans-serif;text-decoration:none; border-radius: 5px 5px 0 0 ; font-size:0.9em;}
.shopnow a:hover, a:active {background:#eeeeee;}
.topper{text-align:right;color:#4555a5;padding:0;margin:0;position:absolute;top:5px;right:8%;z-index:1000;font-family:"Roboto", sans-serif;font-size:14px;}
      }

.navbar{margin-top:0;}
.navbar-light .navbar-nav .nav-link{color:#4555a5;}

.navbar-light .navbar-nav .nav-link.active, .navbar-light .navbar-nav .show>.nav-link {color: #4555a5;border:none;}
.navbar-light .navbar-toggler {border:none;}
.navbar-toggler:focus{ box-shadow: none !important;}

#footer{width:100%; text-align:center;font-family: "Montserrat",sans-serif; font-weight:100; color:#fff;}