/*
To change this license header, choose License Headers in Project Properties.
To change this template file, choose Tools | Templates
and open the template in the editor.
*/
/* 
    Created on : Oct 10, 2016, 11:55:37 AM
    Author     : ANSHAD
*/
@font-face {
    font-family: 'font1';
	src:url(font/open.ttf);
}
@font-face {
    font-family: 'font2';
	src:url(font/LCALLIG.TTF);
}
@font-face {
    font-family: 'font3';
	src:url(font/ML_Kairali.TTF);
}
a{text-decoration:none;}
body{margin:0px;}
html, body{
	font-family: font1;       
}
body{margin:0px;}
#container{width:100%;height:auto;margin:auto;overflow:hidden;}
.header{width: 90%;height: auto;margin: auto;overflow: hidden;padding: 0px;}
.logo{width: 70%;float: left;overflow: hidden;}
.logo>a>img{float: left;}
.logodet{width: 73%;float: left;height: auto;}
.logodet>h1{font-size: 26px;color: #005825;font-family: font1;margin-bottom: 0px;}
.logodet>h3{font-size:16px;color: #7aa71e;font-family: font2;margin: 0px;}
.logodet>h3>span{font-size: 22px;}


.clear{width:100%;height:1px;margin:auto;overflow:hidden;}
.headright{width: 30%;float: right;overflow: hidden;text-align: right;margin-top: 1%}
.headright>a img{float: right;margin-left: 2%;}
.headright>h3{text-align: right;margin: 0px;color: #000;font-size: 15px;font-weight: 100;}
.headright>h3>span{font-weight: bold;color: #7aa71e;}
.navi{width: 100%;height: auto;background-color: #7ba71e;overflow: hidden;box-sizing: border-box; padding: 0px 5%;margin: auto;}
#menu{width:100%;margin: auto;height: auto;}
#menu>ul{margin: 0px;padding: 0px;list-style: none;}
#menu>ul>li a{float: left;padding: 1% 2%;color: #fff;font-size: 16px;border-left: 1px solid #fff;}
#menu>ul>li a:hover{background-color: #005825;}
/*Style 'show menu' label button and hide it by default*/
.show-menu {
    font-weight: bold;font-size:22px;text-decoration: none;color: #fff;color: #fff;background-image: url(../images/slide-bg.jpg);background-repeat: repeat;text-align: center;padding: 2% 0px;display: none;transition:all ease-in-out 1s;
}
/*Hide checkbox*/
input[type=checkbox]{
    display: none;
}
/*Show menu when invisible checkbox is checked*/
input[type=checkbox]:checked ~ #menu1{
    display: block;
}
.inbody{width: 80%;height: auto;overflow: hidden;margin: auto;}

.slide{width: 100%;height: auto;margin: auto;overflow: hidden;position: relative;}
.slide>img{width: 100%;}

.sidebox{width: 40%;position: absolute;left: 0px;top: 0px;height: 100vh;overflow: hidden;background:rgba(0, 0, 0, 0.7);box-sizing: border-box;padding: 8% 2% 2% 2%;text-align: center;}
.sidebox>h3{font-family:font2;font-size: 40px;color: #fff;}
.buton1{border: 3px solid #7aa71e;padding: 10px 20px;color: #fff;font-size: 20px;background-color: transparent;cursor: pointer;}
.buton1:hover{background-color: #7aa71e;}
.buton2{padding: 5px 20px;color: #fff;font-size: 17px;background-color: #7aa71e;cursor: pointer;border: none;}
.buton2:hover{background-color: #7aa71e;}

.banner{width: 100%;height: auto;margin: auto;overflow: hidden;}
.banner>img{width: 100%;}

.inbody{width: 90%;margin: auto;overflow: hidden;margin-bottom: 1%;margin-top: 1%;}
.about{width: 30%;float: left;overflow: hidden;box-sizing: border-box;padding-right: 3%;}
.about>h2{color: #7aa71e;font-size: 24px;margin-bottom: 0px;}
.about>p{font-size: 16px;text-align: justify;margin-top: 1%;}

.profile{width: 25%;float: left;overflow: hidden;background-color:#a34200;}
.profile>img{width: 100%;overflow: hidden;}
.prdf{width: 95%;margin: auto;}
.prdf>h3{font-size: 20px;margin: 0px;color: #fff}
.prdf>p{font-size: 13px;margin: 0px;color: #fff;text-align: justify;}

.group{width: 44%;float: right;border: 1px solid #ccc;overflow: hidden}
.box{width: 50%;float: left;overflow: hidden;text-align: center;box-sizing: border-box; padding: 6% 2%;}
.box>h3{color: #7aa71e;margin: 0px;font-size: 18px;text-align: center;}
.box1{width: 50%;float: left;overflow: hidden;text-align: center;background-color: #7aa71e;box-sizing: border-box;padding:  6% 2%;}
.box1>h3{color: #fff;margin: 0px;font-size: 18px;text-align: center;}

.inrbg{width: 100%;margin: auto;overflow: hidden;box-sizing: border-box; padding: 2% 5%;background-image: url(../images/bger.jpg);background-size: cover;height: auto;}
.abt{width: 50%;float: left;overflow: hidden;color: #fff;}

.hosp{width: 45%;float: right;overflow: hidden;color: #fff;}
.hosp>img{width: 100%;height: auto;}

.tratbody{width: 90%;margin: auto;overflow: hidden;margin-bottom: 1%;margin-top: 1%;}
.galbody{float: left;overflow: hidden;}
.galbody>h2{color: #7aa71e;font-size: 25px;margin-top: 0px;}
.gal{width: 22%;float: left;overflow: hidden;margin-right: 3%;height: 180px;margin-bottom: 2%;}
.gal>h3{margin: 0px;font-size: 16px;}
.gal>img{width: 100%;}

.dbody{background-color: #7aa71e;box-sizing: border-box;padding: 1%;overflow: hidden;margin-top:3%;}
.dbody>h2{color: #fff;margin-top: 0px;}
.dbody>ul{margin-left: 0px;padding-left: 5%;}
.dbody>ul>li{color: #fff;font-size: 16px;}

/*****************Footer***********************/
.fo{width: 100%;height: auto;margin: auto;overflow: hidden;background-color:#fff;border-top:5px solid #7aa71e;padding-bottom: 1%;}
#footer{width:85%;height:auto;margin:auto;overflow:hidden;text-align:center;}
#foot1{width:30%;height:auto;float:left;overflow:hidden;margin-right:1%;}
#foot1>iframe {width:100%; height:140px;border:none;}
#foot1>h2{color:#313131;font-size:20px;text-align:center;margin:1% 0px;font-weight:100;}
.foot2{width:20%;height:auto;float:left;overflow:hidden;}
.foot2>h2{color:#313131;font-size:20px;text-align:center;margin:1% 0px;font-weight:100;}
.foot2>a{color:#313131;font-size:16px;text-align:center;margin:1px 0px;float:left;width:100%;}
.foot2>a:hover{color:#d1c718;}
.foot2>h3{color:#313131;font-size:14px;text-align:center;margin:1px 0px;font-weight:100;}
.foot2>h4{color:#313131;font-size:16px;text-align:center;margin:1px 0px;font-weight:100;}
#foot3{width:25%;height:auto;float:right;overflow:hidden;margin-right:1%;}
#foot3>h2{color:#313131;font-size:20px;text-align:center;margin:1% 0px;font-weight:100;}
.srk{width:90%;height:22px;border:none;background-color:#e7e9ea;margin-top:2%;text-align:center;}
.buton3{background-color:#d1c718;border:none;width:45%;height:25px;margin:auto;margin-top:2%;color:#FFF;font-size:14px;font-weight:bold;}

#power{width:100%;height:auto;margin:auto;overflow:hidden;text-align:center;background-color:#7aa71e;padding:1% 0px;}
#power>h2{color:#fff;font-size:13px;text-align:center;margin:0px;font-weight:100;}
#power>h2>a{color:#000;}
#power>h2>a:hover{color:#ffffff;}

.textmo{width: 90%;overflow: hidden;margin: auto;margin-bottom: 2%;margin-top: 2%;}

.news{width: 49%;float: right;overflow: hidden;background-color: #fff;box-sizing: border-box;height:300px;border: 1px solid #d6d6d6;}
.news>h2{font-size: 25px;text-align: center;background-color:#7aa71e;color: #fff;;margin: 0px;}
.news>ul{list-style: none;margin: 0px;padding: 0px;}
.news>ul>marquee{height: 250px;}
.news>ul>marquee>li{border-bottom: 1px solid #313131;padding-bottom: 2%;}
.news>ul>marquee>li>a{color: #313131;font-size: 15px;}

.testi{width:49%;float: left;background-color: #fff;box-sizing: border-box;height:300px;border: 1px solid #d6d6d6;}
.testi>h2{font-size: 25px;text-align: center;background-color:#7aa71e;color: #fff;;margin: 0px;}
.testi>marquee>p{font-family: font3;}
.client{width:85%;overflow: hidden;margin: auto;text-align: center;border: 1px solid #d6d6d6;margin-top: .5%;margin-bottom: .5%; }
.client>img{width: 100%}
.anshad{width:80%;overflow: hidden;margin: auto;padding: 2% 0px;}
.anshad>h2{color: #fff;background-color: #7aa71e;border-left: 9px solid #005825;text-indent: 30px;padding: 5px 0px;font-size: 30px;margin-top: 0px;overflow: hidden;font-family: font2;}
.anshad>h3{font-size: 20px;margin-bottom: 0px;color: #7aa71e}
.anshad>p{font-size: 17px;text-align: justify;}

.ansleft{width: 25%;float: left;overflow: hidden;}
.ansleft>img{width: 100%;}

.ansrght{width: 73%;float: right;overflow: hidden;}
.ansrght>p{font-size: 16px;text-align: justify;margin-top: 0px;}
.anshle{width: 68%;float: left;overflow: hidden;}

.anshle>p{font-size: 16px;text-align: justify;margin-top: 0px;}
.anshri>img{width: 100%;}

.anshri{width: 30%;float: right;overflow: hidden;}

.line{width: 100%;height: 1px;border: 1px solid #ccc;margin: 1% 0px;overflow: hidden;}

#contact{width:50%;height:auto;overflow:hidden;text-align:left;float:left;padding:1%;}
#contact>h2{color:#b21117;font-size:22px;margin:0px;font-weight:100;}
#contact>h3{color:#333232;font-size:18px;margin:0px;font-weight:100;}
#ab-rght{width:40%;height:auto;overflow:hidden;float:right;margin-top:3%;}
#enquiry{text-align:center;}
#enquiry_box{width:80%;height:auto;text-align:center;padding-bottom:2%;}
#enquiry_box>h2{color:#fff;font-size:25px;margin:auto;font-weight:100; text-align:center;background-color:#7aa71e;margin-bottom:1%;text-transform:uppercase;margin-top: 1%;width: 86%;}
.searchh{border:1px solid #7aa71e;padding:1%;color:#000;width:80%;margin-top:2%;height:30px;}
.message{border:1px solid #7aa71e;padding:1%;color:#000;width:80%;margin-top:2%;height:50px;}
.btn{background-color:#7aa71e;border:none;padding:1% 6%;color:#fff;margin-top:4%;font-size:20px;}
#map{width:100%;height:auto;overflow:hidden;margin:auto;padding-top:3%;padding-bottom:3%;}




.galery{width: 100%;margin: auto;overflow: hidden;height: auto;padding-bottom: 2%;}
.jssorb03 div, .jssorb03 div:hover, .jssorb03 .av{ background: url(../images/b03.png) no-repeat;overflow:hidden;  cursor: pointer;}
.jssorb03 div { background-position: -5px -4px; }
.jssorb03 div:hover, .jssorb03 .av:hover { background-position: -35px -4px; }
.jssorb03 .av { background-position: -65px -4px; }
.jssorb03 .dn, .jssorb03 .dn:hover { background-position: -95px -4px; }
.jssora03l, .jssora03r, .jssora03ldn, .jssora03rdn
{
    position: absolute;
    cursor: pointer;
    display: block;
    background: url(../images/a03.png) no-repeat;
    overflow:hidden;
}
.jssora03l { background-position: -3px -33px; }
.jssora03r { background-position: -63px -33px; }
.jssora03l:hover { background-position: -123px -33px; }
.jssora03r:hover { background-position: -183px -33px; }
.jssora03ldn { background-position: -243px -33px; }
.jssora03rdn { background-position: -303px -33px; }
/*Sucessfull*/
.success, .warning, .error, .validation {
    margin: 10px 0px;
    padding:15px 10px 15px 50px;
    background-repeat: no-repeat;
    background-position: 10px center;
}

.success {

    background-image:url('../images/sucess.png');
    width:550px;
    height:auto;
    padding:20px;
    position:fixed;
    top:170px;
    left:28%;
    background-color: #DFF2BF;
    min-height:20px;
    font-size: 20px;color: #FF6600;
    overflow:hidden;
    z-index:200000;
    background-image:url(images/tooltip.PNG);
    text-align:center;
    box-shadow: 5px 5px 5px #888888;	border-radius:10px;
}

#ne{font-size: 18px;}


@media screen and (max-width:1200px){
    .box > h3{font-size: 16px;}
}
@media screen and (max-width:1024px){
    .header{width: 96%;}
    .logo > a > img{width: 20%;}
    .logodet > h1{font-size: 20px;}
    .logodet > h3 > span{font-size: 18px;}
    .logo{width: 65%;}
    .headright {width: 34%;margin-top: 0px;}
    .navi{padding: 0px 2%;}
    .sidebox > h3{font-size: 30px;}
    .about > p{font-size: 15px;}
    .about > h2{font-size: 19px;}
   .inbody,.anshad{width: 96%;}
   .abt>p{font-size: 14px;}
   .abt>h2{margin: 1%;}
}
@media screen and (max-width:900px){
   
}
@media screen and (max-width:768px){
    .logo{float: none;margin: auto;width: 100%;text-align: center;}
    .header{width: 90%;}
    .logo > a > img{width: 26%;}
    .header > a > img{float: none;width: 50%;}
    .sidebox,.headright,.hosp{display: none;}
    .about{width: 90%;float: none;margin: auto;margin-bottom: 2%;margin-top: 1%;}
    .profile{width: 90%;float: none;margin: auto;margin-bottom: 2%;margin-top: 1%;}
    .profile>img{width: 30%;float: left;}
    .prdf{width: 65%;float:right;margin-top: 5%;margin-right: 2%;}
    .group{width: 90%;float: none;margin: auto;}
    .inrbg{background-image: none;background-color: #5d7a0c;padding: 2% 1%;}
    .galbody{width: 100%;float: none;margin: auto;margin-bottom: 2%;margin-top: 1%;}
    .gal{width: 43%;margin-right: 4%;height: auto;}
    .abt{width: 90%;float: none;margin: auto;margin-bottom: 2%;}
    .news,.testi{width:98%;float: none;margin: auto;margin-bottom: 4%; }
    .video{width:98%;float: none;margin: auto;margin-bottom: 4%; }
    .menu > ul marquee > li a{margin-right: 2%;padding: 1.5% 6%;}
    .client{margin-top: 2%;margin-bottom: 2%;}
    #contact,#ab-rght{width:98%;float: none;margin: auto;margin-bottom: 2%; }
   .anshad > h2{font-size: 20px;}
     #menu{margin: 0px;}
     .abt > p{text-align: justify;}
    #menu > ul li a {font-size:18px}
    #menu > ul li{padding:1%;text-align:center;float:none;}
    #menu{width:100% !important;}
    #menu ul li a {margin:1% 0;border-right:none;}
    /*Make dropdown links appear inline*/
    #menu ul {
        position: static;
        display: none;
    }
    /*Create vertical spacing*/
    #menu li {
        margin:0;margin-bottom: 2%;
    }
    /*Make all menu links full width*/
    #menu ul li a{
        float:none;width: 100%;border:none;text-align: center;
    }
    #menu ul li:hover{color: #fff;}

    /*Display 'show menu' link*/
    .show-menu {
        display:block;
    }
     #foot1,#foot3,.foot2{width: 90%; height: auto;float: none;margin: auto;;margin-bottom: 2%;}
     .ansrght > p,.anshle > p,.anshad > p{font-size: 14px;}
}
@media screen and (max-width:550px){
    .logo > a > img{width: 50%;float: none;}
    .logodet{width: 100%;float: none;}
    .about,.profile,.group{width: 98%;}
    .box,.box1,.gal{float:none;width: 100%;margin-bottom:3%;}
   .about > h2,.news > h2,#enquiry_box > h2,.btn,#contact > h2{font-size: 18px;}
   .about > p ,.news > ul > li > a,.read > h2,.anshad > p{font-size: 13px;}
   .ser > h3,#contact > h3,.anshad > h3{font-size: 15px;}
   .anshad > h2{font-size: 22px;}
   .dbody{padding: 2% 4% };
   .profile{text-align: center;overflow: hidden;}
   .profile>img{width: 100%;float:none;margin: auto;text-align: center;}
    .prdf{width: 90%;float:none;margin:auto;overflow: hidden;}
    .ansleft,.anshri{width: 60%;float:none;margin:auto;}
    .ansrght,.anshle{width: 100%;float: none;}
}
@media screen and (max-width:400px){
  .logodet > h1{font-size: 16px;}
  .logodet > h3 > span{font-size: 14px;}
}