@charset "utf-8";
body{ background-color:#fff;}
.shopnow a:link, a:visited {background:#4653A3; 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:#32AAB6;}
.clicknow a:link, a:visited {background:#4653A3; 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:#32AAB6;}
.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/moonbg1.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%;}
.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:#4653A3; color:#fff; padding:1px 2px; text-align:center; font-family:"Roboto", sans-serif; float:right;text-decoration:none;}
.maincontent a:hover, a:active {background:#32AAB6;}

/*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;}
.forh1{font-weight:300;text-align:center;color:#649e9c;}
.forh5{margin-top:2%;color:#4555a5;font-weight:500; padding:0 5%;}
.forp{padding:2% 2% 0 2%;}
.bgwhite{ background:#fff;}
.bigdata{padding:5% 1%;text-align:justify;}   
.bigdata h3{color:#649e9c;padding-left:5%;}
.bigdata p{padding:0 5% 0 5%;}
.forhr{ width:50%;border:3px solid green;border-radius: 5px;}
/* 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*/
.abt{font-family:"Montserrat",sans-serif;font-weight:300;font-size:1.1em; text-align:justify;line-height:1.5em; padding:2% 4%;}
.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% 0 0 4%;}
.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;}
.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;}
.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:right;}
.centerbox1 a:link, a:visited {background:#4653A3; color:#fff; padding:1px 2px; text-align:center; font-family:"Roboto", sans-serif; float:left;text-decoration:none;}
.centerbox1 a:hover, a:active {background:#32AAB6;}

.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: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:left;}
.centerbox a:link, a:visited {background:#4653A3; color:#fff; padding:1px 2px; text-align:center; font-family:"Roboto", sans-serif; float:right;text-decoration:none;}
.centerbox a:hover, a:active {background:#32AAB6;}

/* go to top button*/
#myBtn {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;
}

#myBtn:hover {
  background-color: #fff;
}
/* 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;font-size:0.9em;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;text-align:center;}
    .forimg{ width:70%;}
     .abth1{padding:2% 0;text-align:left;font-weight:500;margin:0;}
      .centerbox1 div{width:100%;float:left;text-align:center; }
    .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;}
        .centerbox1 p{width:80%;font-size:1.1em;line-height:1.5em;text-align:justify;margin-top:20px; margin-left:10%;font-weight:300;}
        .centerbox1 a:link, a:visited {background:#4653A3; color:#fff; padding:1px 2px; text-align:center; font-family:"Roboto", sans-serif; float:left;text-decoration:none;margin-left:10%;}
        
    .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:80%;font-size:1.1em;line-height:1.5em;text-align:justify;margin-top:20px; margin-left:10%;font-weight:300;}
        .centerbox a:link, a:visited {background:#4653A3; color:#fff; padding:padding:1px; text-align:center; font-family:"Roboto", sans-serif; float:right;text-decoration:none;margin-right:10%;} 
        .shopnow a:link, a:visited {background:#4653A3; 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:#32AAB6;}
      }


.navbar-light .navbar-nav .nav-link{
  color: #32AAB6;
}

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

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