/* CSS Document */

/* CSS UNIVERSAL RESET VALUES */

* {
    margin: 0;
    padding: 0;
}

html,
body,
div,
span,
applet,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
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,
img,
header,
hgroup,
menu,
nav,
output,
ruby,
section,
summary,
time,
mark,
audio,
video {
    text-decoration: none;
    outline: 0;
    focus: 0;
    border: 0;
    outline: none;
    list-style-type: none;
    margin: 0;
    padding: 0;
    border: 0;
    font-size: 100%;
    font: inherit;
    vertical-align: baseline;
    border-spacing: none;
    border-collapse: none;
}

body {
    margin: 10px 0px 0px 0px;
    padding: 0px;
    background: url(images/bg.jpg);
    font-family: Verdana, Geneva, sans-serif;
    font-size: 14px;
}

.wrapper {
    margin: 0px auto;
    padding: 0px;
    width: 1000px;
}

/*----------------------------------------------------------------------------------------------*/

/* CSS FOR HEADER STARTS HERE */

.headerouter {
    margin: 0px;
    padding: 0px;
    width: 100%;
    height: 170px;
    clear: both;
}

.headerouter .header {
    margin: 0px auto 0px auto;
    padding: 0px;
    width: 1000px;
    height: 170px;
    border: none;
}

.headeroute .header .logo {
    margin: 0px;
    padding: 0px;
    float: left;
}

.logo img {
    margin: 27px 0px 0px 10px;
    padding: 0px 0px 0px 0px;
    float: left;
    width: 17%;
    height: auto;
    border: 1px solid none;
    border-radius: 5px;
}

.socialmedia {
    margin: 0px -183px 0px 20px;
    padding: 0px;
    float: right;
    width: 282px;
}

.socialmedia ul {
    margin: -10px 0px 0px 90px;
    padding: 0px;
    float: left;
    display: block;
}

.socialmedia ul li {
    margin: 0px;
    padding: 0px;
    float: left;
    list-style: none;
}

.socialmedia ul li img {
    margin: 0px;
    padding: 0px;
    float: left;
    border: none;
    width: 64px;
    height: 64px;
}

.socialmedia img:hover {
    transform: rotate(50deg);
    -webkit-transform: rotate(50deg);
    -o-transform: rotate(50deg);
    -moz-transform: rotate(50deg);
}

/*---------------------------------------------------------------------------------------------*/

/* CSS  FOR NAVIGATION MENU STARTS HERE */

.navigation {
    margin: 55px 0px 0px 20px;
    padding: 0px;
    float: left;
    width: 682px;
    display: block;
    height: 60px;
}

/*----------------------------------------------------------------------------------------------*/

/* CSS  FOR SLIDER STARTS HERE   */

.sliderouter {
    margin: 0px;
    padding: 0px;
    clear: both;
    width: 100%;
    float: left;
    height: 350px;
    background-color: #FFFFFF;
}

.sliderouter .slider-main {
    margin: 0px;
    padding: 0px;
    height: 350px;
    overflow: hidden;
    background-color: #FFFFFF;
}

/*----------------------------------------------------------------------------------------------*/

/* CSS FOR CONTENT WRAPPER STARTS HERE   */

.contentouter {
    margin: 0px 0px 0px 0px;
    padding: 0px;
    width: 100%;
    clear: both;
    height: 300px;
}

.content-wrapper {
    margin: 0px auto;
    padding: 0px;
    width: 995px;
}

.content {
    margin: 10px 0px 0px 0px;
    padding: 0px;
    float: left;
    width: 980px;
    float: left;
}

.content h1 {
    margin: 0px 0px 0px 0px;
    padding: 0px;
    float: left;
    width: 980px;
}

.maintext {
    margin: 0px;
    padding: 0px;
    float: left;
    width: 980px;
}

.maintext p {
    margin: 0px 0px 0px 5px;
    color: #fff;
    padding: 0px;
    float: left;
    width: 980px;
    text-align: justify;
    line-height: 35px;
}

/*----------------------------------------------------------------------------------------------*/

/* CSS FOR CONTENT WRAPPER2 STARTS HERE   */

.content-aboutus {
    margin: 0px auto;
    padding: 0px;
    float: left;
    width: 995px;
    border: 1px solid white;
    border-radius: 5px 5px 0px 0px;
    background-color: #FFFFFF;
}

/*---------------------------------------------------------------------------------------------*/

/*  CSS FOR INFOBOXES STARTS HERE   */

.infoboxes {
    margin: 0px auto;
    padding: 0px;
    width: 1000px;
}

.infoboxes .boxes-div {
    margin: 5px 0px 20px 0px;
    padding: 0px;
    height: 280px;
}

.left-bnct {
    margin: 0px 0px 0px 200px;
    float: left;
    width: 400px;
    background-color: #FFFFFF;
    height: 300px;
    border: 1px solid white;
    border-radius: 10px;
}

.left-bnct:hover {
    box-shadow: 0px 10px 10px 0px #333;
}

.left-bnct h1 {
    margin: 0px;
    padding: 0px;
    float: left;
    width: 400px;
    height: 60px;
}

.left-bnct img {
    margin: 0px;
    padding: 0px;
    float: left;
    width: 400px;
    height: 60px;
    border-radius: 10px;
}

.bnct-list {
    margin: 0px;
    padding: 0px;
    float: left;
    width: 400px;
}

.bnct-list p {
    margin: 0px 0px 0px 5px;
    padding: 0px;
    color: #000;
    width: 390px;
    float: left;
    text-align: justify;
    line-height: 30px;
}

.spacediv {
    margin: 0px 0px 0px 5px;
    padding: 0px;
    float: left;
    border-radius: 10px;
    height: 300px;
    width: 220px;
    background-color: #FFFFFF;
    border: 1px solid white;
}

.spacediv:hover {
    box-shadow: 0px 10px 10px 0px #333;
}

.spacediv img {
    margin: 0px;
    padding: 0px;
    float: left;
    border-radius: 10px;
    height: 300px;
    width: 220px;
    background-color: #FFFFFF;
    border: 1px solid white;
}

.left-bncs {
    margin: 0px 0px 0px 5px;
    padding: 0px;
    border-radius: 10px;
    float: left;
    width: 350px;
    background-color: #FFF;
    height: 300px;
    border: 1px solid white;
}

.left-bncs:hover {
    box-shadow: 0px 10px 10px 0px #333;
}

.left-bncs h1 {
    margin: 0px;
    padding: 0px;
    float: left;
    width: 350px;
    height: 60px;
}

.left-bncs img {
    margin: 0px;
    padding: 0px;
    float: left;
    border-radius: 10px;
    width: 350px;
    height: 60px;
}

.about-bncs {
    margin: 0px;
    padding: 0px;
    float: left;
    width: 284px;
}

.about-bncs p {
    margin: 0px 0px 0px 5px;
    padding: 0px;
    color: #000;
    width: 340px;
    float: left;
    text-align: justify;
    line-height: 30px;
}

.readmore {
    margin: 0px;
    padding: 0px;
    float: left;
    width: 276px;
}

.readmore img {
    margin: 10px 0px 0px 0px;
    padding: 0px;
    float: left;
    width: auto;
    height: auto;
}

.certificateaboutus img {
    margin: 10px 0px 0px 430px;
    padding: 0px;
    float: left;
    width: auto;
    height: auto;
}

/*----------------------------------------------------------------------------------------------*/

/* CSS FOR BNCT PAGE  STARTS  HERE  */

.box2 {
    margin: 10px 0px 0px 0px;
    padding: 0px;
    float: left;
    width: 1000px;
    height: 1000px;
    background-color: #FFFFFF;
    border: 1px solid white;
    border-radius: 10px;
    box-shadow: 0px 10px 10px 0px #333;
}

.boxgrid {
    margin: 10px 0px 0px 0px;
    padding: 0px;
    float: left;
    width: 1000px;
    height: 530px;
    background-color: #195fa5;
    border-radius: 10px;
    box-shadow: 0px 10px 10px 0px #333;
}

.box3 {
    margin: 10px 0px 0px 0px;
    padding: 0px;
    float: left;
    width: 1000px;
    height: 320px;
    background-color: #FFFFFF;
    border: 1px solid white;
    border-radius: 10px;
    box-shadow: 0px 10px 10px 0px #333;
}

.mission {
    margin: 10px 0px 0px 0px;
    padding: 0px;
    float: left;
    width: 1000px;
    height: 450px;
    background-color: #FFFFFF;
    border: 1px solid white;
    border-radius: 10px;
    box-shadow: 0px 10px 10px 0px #333;
}

.box4 {
    margin: 10px 0px 0px 0px;
    padding: 0px;
    float: left;
    width: 1000px;
    height: 440xpx;
    background-color: #FFFFFF;
    border: 1px solid white;
    border-radius: 10px;
    box-shadow: 0px 10px 10px 0px #333;
}

.box5 {
    margin: 10px 0px 0px 0px;
    padding: 0px;
    float: left;
    width: 1000px;
    height: 700px;
    background-color: #FFFFFF;
    border: 1px solid white;
    border-radius: 10px;
    box-shadow: 0px 10px 10px 0px #333;
}

.box6 {
    margin: 10px 0px 0px 0px;
    padding: 0px;
    float: left;
    width: 1000px;
    height: 800px;
    background-color: #FFFFFF;
    border: 1px solid white;
    border-radius: 10px;
    box-shadow: 0px 10px 10px 0px #333;
}

.boxdoc {
    margin: 10px 0px 0px 0px;
    padding: 0px;
    float: left;
    width: 1000px;
    height: 2350px;
    background-color: #FFFFFF;
    border: 1px solid white;
    border-radius: 10px;
    box-shadow: 0px 10px 10px 0px #333;
}

.boxbnct {
    margin: 10px 0px 0px 0px;
    padding: 0px;
    float: left;
    width: 1000px;
    height: 1983px;
    background-color: #FFFFFF;
    border: 1px solid white;
    border-radius: 10px;
    box-shadow: 0px 10px 10px 0px #333;
}

.boxaboutbnct {
    margin: 10px 0px 0px 0px;
    padding: 0px;
    float: left;
    width: 1000px;
    height: 1474px;
    background-color: #FFFFFF;
    border: 1px solid white;
    border-radius: 10px;
    box-shadow: 0px 10px 10px 0px #333;
}

.mainbox {
    margin: 10px 0px 0px 0px;
    padding: 0px;
    float: left;
    width: 1000px;
    background-color: #FFFFFF;
    height: 330px;
    border: 1px solid white;
    border-radius: 10px;
    box-shadow: 0px 10px 10px 0px #333;
}

.aboutusbox {
    margin: 10px 0px 0px 0px;
    padding: 0px;
    float: left;
    width: 1000px;
    background-color: #FFFFFF;
    height: 410px;
    border: 1px solid white;
    border-radius: 10px;
    box-shadow: 0px 10px 10px 0px #333;
}

.newsbox {
    margin: 10px 0px 0px 0px;
    padding: 0px;
    float: left;
    width: 1000px;
    background-color: #FFFFFF;
    height: 675px;
    border: 1px solid white;
    border-radius: 10px;
    box-shadow: 0px 10px 10px 0px #333;
}

.smilebox {
    margin: 10px 0px 0px 0px;
    padding: 0px;
    float: left;
    width: 1000px;
    background-color: #FFFFFF;
    height: 1180px;
    border: 1px solid white;
    border-radius: 10px;
    box-shadow: 0px 10px 10px 0px #333;
}

.adnewsbox {
    margin: 10px 0px 0px 0px;
    padding: 0px;
    float: left;
    width: 1000px;
    background-color: #FFFFFF;
    height: 535px;
    border: 1px solid white;
    border-radius: 10px;
    box-shadow: 0px 10px 10px 0px #333;
}


.latestnewsbox {
    margin: 10px 0px 0px 0px;
    padding: 0px;
    float: left;
    width: 1000px;
    background-color: #FFFFFF;
    height: 300px;
    border: 1px solid white;
    border-radius: 10px;
    box-shadow: 0px 10px 10px 0px #333;
}

.adbox {
    margin: 10px 0px 0px 0px;
    padding: 0px;
    float: left;
    width: 1000px;
    background-color: #FFFFFF;
    height: 260px;
    border: 1px solid white;
    border-radius: 10px;
    box-shadow: 0px 10px 10px 0px #333;
}

.heading {
    margin: 0px;
    padding: 0px;
    float: left;
    width: auto;
}

.hr {
    margin: 0px;
    padding: 0px;
    float: left;
    width: 1000px;
}

.heading h2 {
    margin: 10px;
    padding: 0px;
    float: left;
}

.text2 {
    margin: 0px;
    padding: 0px;
    width: 1000px;
    float: left;
}

.text2 p {
    margin: 0px 0px 0px 10px;
    padding: 0px;
    float: left;
    width: 970px;
    color: #000;
    text-align: justify;
    line-height: 30px;
    font-family: Verdana, Geneva, sans-serif;
}

.bnct-div {
    margin: 0px;
    padding: 0px;
    width: 1000px;
    float: left;
}

.trust-divs {
    margin: 2px 0px 0px 2px;
    padding: 0px;
    background-color: #FFFFFF;
    float: left;
    width: 498px;
    height: 500px;
}

.pharmacy-divs {
    margin: 2px 0px 0px 2px;
    padding: 0px;
    background-color: #FFFFFF;
    float: left;
    width: 498px;
    height: 200px;
}

.aashrayee-divs {
    margin: 2px 0px 0px 2px;
    padding: 0px;
    background-color: #FFFFFF;
    float: left;
    width: 498px;
    height: 410px;
}

.logot {
    margin: 0px;
    padding: 0px;
    float: left;
}

.logot img {
    margin: 0px 0px 0px 0px;
    padding: 0px;
    width: 498px;
    float: left;
}

.contents-div {
    margin: 10px 0px 0px 0px;
    padding: 0px;
    float: left;
    width: 500px;
}

.contents-div p {
    margin: 0px 0px 0px 10px;
    padding: 0px;
    float: left;
    text-align: justify;
    width: 470px;
    line-height: 30px;
}

.readmore {
    margin: 0px;
    padding: 0px;
    float: left;
}

.readmore p {
    margin: 20px 0px 0px 10px;
    padding: 0px;
    float: left;
    color: #666666;
    cursor: pointer;
}

#info {
    color: #990000;
    font-size: 16px;
    cursor: auto;
}

/*----------------------------------------------------------------------------------------------*/

/* CSS FOR CONTACT US STARTS HERE */

.contactus {
    margin: 0px;
    padding: 0px;
    float: left;
    width: 1000px;
}

.contactus img {
    margin: 0px;
    padding: 0px;
    float: left;
    border: none;
}

.contactdetails {
    margin: 0px 0px 0px 220px;
    padding: 0px 0px 0px 0px;
    height: auto;
}

.contactdetails img {
    margin: 0px 0px 0px 60px;
    padding: 0px;
}

/*----------------------------------------------------------------------------------------------*/

/* CSS FOR FOOTER  STARTS  HERE  */

.footerouter {
    margin: 0px 0px 0px 0px;
    padding: 0px;
    clear: both;
    height: 175px;
    width: 100%;
}

.footer {
    margin: 0px auto 0px auto;
    padding: 0px;
    top: 20px;
    width: 1000px;
    height: 130px;
    background: url(images/f3.png);
    background-size: 1000px 130px;
}

.footer p {
    margin: 0px 0px 0px 0px;
    padding: 90px 0px 0px 0px;
    text-align: center;
    color: #FFFFFF;
}

.nic {
    font-size: 15px;
    font-weight: bold;
    color: #FFCC00;
}