@font-face {
    font-family: 'font1';
    src:url(font/open.ttf);
}
@font-face {
    font-family: 'font2';
    src:url(font/Roboto-Bold.ttf);
}
@font-face {
    font-family: 'font3';
    src:url(font/Roboto-Regular.ttf);
}
@font-face {
    font-family: 'font5';
    src:url(font/baskerville-old-face.ttf);
}
@font-face {
    font-family: 'font4';
    src:url(font/Roboto-Thin.ttf);
}
a{text-decoration:none;}
body{margin:0px;}
html, body{
    font-family: font1;
    font-size: 100%;
}
body{margin:0px;}


#container{width:100%;height:auto;margin:auto;overflow:hidden;}
.slide{width:100%;height:auto;margin:auto;overflow:hidden;z-index: 100;box-sizing: border-box;}
.slide>img{width:100%;height:auto;}
.banner{width:100%;height:auto;margin:auto;overflow:hidden;}
.banner>img{width:100%;height:auto;}
.flexslider{width:100% !important; margin:auto !important;}
.slides>li{width:100%; margin:auto;}
.tophead{width: 100%;position: absolute;top:0px;z-index: 2000;}

#header{width:100%;height:auto;margin:auto;background-color:#fff;box-sizing: border-box;padding: 4px 10%;overflow: hidden}
#header>img{float:left;width:auto;height:auto;}
.info{width:42%;float: right;margin: auto;overflow: hidden; }
.info>h5{font-size: 20px;margin: 0px;text-align: right;color: #21b3d7;margin-top:3px;font-family: font2;font-weight:bold;}
.info>a{float: right;margin-top:3px;margin-right: 1%;}
.info>a>img{width: 30px;height: auto;}
.reg1{width: 30%;float: left;overflow: hidden;margin-right: 3%;margin-bottom: 2%;}

#menu{width:100%;height:auto;box-sizing: border-box;z-index: 2000;float: left;padding: 1px 10%;background-color: #49b5ec;overflow: hidden;}
#menu>ul{margin: 0px;padding: 0px;list-style: none;}
#menu>ul>li a{float: left;padding: 1% 2%;color: #fff;font-size: 16px;}
#menu>ul>li a:hover{background-color: #3a81c3;}
/*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;text-align: center;padding: 2% 0px;display: none;transition:all ease-in-out 1s;margin: 1% 0px;
}
/*Hide checkbox*/
input[type=checkbox]{
    display: none;
}
/*Show menu when invisible checkbox is checked*/
input[type=checkbox]:checked ~ #menu1{
    display: block;
}

.clear{width: 100%;height: 1px;overflow: hidden;}

.about{width:80%;margin:auto;height:auto;overflow:hidden;box-sizing: border-box;padding: 2%;border-bottom: 4px solid #fec20b;}
.abdet{width: 70%;float: left;overflow: hidden;}
.abdet>h1{text-align:left;margin-top: 0px;color:#26b4d7;font-size:22px;font-family: font2;margin-bottom:2%;font-weight: 100;text-transform: uppercase;}
.abdet>h1>span{color: #fec20b;}
.abdet>p{color:#625f60;font-size:14px;text-align:justify;line-height:20px;}
.abdet>a{color: #fff;font-size: 14px; border-radius: 6px;text-align: center;width: 150px;margin-top: 2%;padding: 8px 5px;background-color: #fec20b;display: block;text-transform: uppercase;}
.abdet>a:hover{background-color: #26b4d7;}
.about>img{width: 28%;float: right;}

.anbody{width: 80%;margin: auto;overflow: hidden;padding: 2% 0px;}
.anbox{width: 30%;float: left;overflow: hidden;background-color: #fff;margin: 1% 1.5%;height: auto;border-radius: 8px;border: 1px solid #ccc;padding: 2% 2%;box-sizing: border-box;text-align: center;}
.anbox>h2{text-align: center;color: #21b3d7;font-size: 22px;margin: 2% 0px;}
.anbox>h2>img{width: 25px;}
.anbox>p{text-align: center;margin: auto;font-size: 14px;}

.service{width:80%;margin:auto;height:auto;overflow:hidden;box-sizing: border-box;padding: 2% 0px;border-bottom: 4px solid #fec20b;}
.service>h2{text-align:center;margin-top: 0px;color:#26b4d7;font-size:25px;font-family: font2;margin-bottom:2%;font-weight: 100;text-transform: uppercase;}
.service>h2>span{color: #fec20b;}
.ser{width: 30%;float: left;overflow: hidden;background-color: #fff;margin: 1% 1.5%;height: auto;border-radius: 5px;border: 1px solid #ccc;padding: 1%;box-sizing: border-box;text-align: left;}
.ser>img{float: left;width: 15%;}
.serdet{width: 83%;float: right;}
.serdet>h2{color: #21b3d7;font-size: 20px;margin: 0px;font-family: font2;}
.serdet>p{text-align: left;margin: auto;font-size: 13px;}

.register{width: 80%;margin:auto;height:auto;overflow:hidden;box-sizing: border-box;padding: 2% 0px;margin-top: 2%;background-color: #26b4d7;background-image: url(../images/dot.png);border-radius: 10px;text-align: center ;margin-bottom: 2%;}
.register>h2{text-align:center;margin-top: 0px;color:#fff;font-size:30px;font-family: font2;margin-bottom:2%;font-weight: 100;text-transform: uppercase;}
.register>h2>span{color: #fec20b;}
.register>p{color:#fff;font-size:18px;text-align:center;width: 70%;margin: auto;}
.register>a{color: #fff;font-size: 14px; border-radius: 6px;text-align: center;width: 150px;margin: auto;margin-top: 2%;padding: 8px 5px;background-color: #fec20b;display: block;text-transform: uppercase;}
.register>a:hover{background-color: #fd8e00;}



.galeryyt{width: 100%;height: auto;overflow: hidden;margin: auto;margin-bottom: 1%;}
.galeryy{width: 100%;height: auto;overflow: hidden;margin: auto;background: url(../images/bg.jpg) no-repeat center fixed; background-size: cover;}
.galery>h2{font-size:30px;color:#fff;font-family: font2;text-align: center;margin-bottom: 1%;}
.galery>p{color: #fff;text-align: center;}

.b1{border: none;color: #fff;font-size: 15px;padding: 5px 15px;margin: auto;text-align: center;background-color: #f6ba02;border-radius: 5px;margin-top: 20px;}


.gbox{width: 23%;float: left;overflow: hidden;background-color: #c9a500;margin: 1%;height: 200px;border: 1px solid #231f20;box-sizing: border-box;}
.gbox>img{width: 100%;height: 100%;}

.gal{width: 23%;float: left;overflow: hidden;margin: 1%;border: 1px solid #ccc;box-sizing: border-box;height: auto;}
.gal>img{width: 100%;height: auto;}
/*****************Footer***********************/
.fo{width: 100%;height: auto;margin: auto;overflow: hidden;background-color:#fff;padding-top: 1%;border-bottom: 4px solid #fec20b;}
.fo>img{width: 100%;height: 107px;}
#footer{width:80%;height:auto;margin:auto;overflow:hidden;text-align:center;}

#footer>a{color:#26b4d7;font-size:16px;text-align:center;margin:1px 0px;padding: 2px 20px;font-family: font2;}
#footer>a:hover{color:#fec20b;}


#power{width:100%;height:auto;margin:auto;overflow:hidden;text-align:center;padding:1% 0px;}
#power>h2{color:#fec20b;font-size:13px;text-align:center;margin:0px;font-weight:100;}
#power>h2>a{color:#f8941e;}
#power>h2>a:hover{color:#ff00ff;}

.fullbody{width: 100%;overflow: hidden;}
.anshad{width: 80%;height: auto;margin: auto;background-color: #ffffff;margin-top: 1%;margin-bottom: 1%;box-sizing: border-box;padding: 2% 0px;overflow: hidden;border-bottom: 4px solid #fec20b;}
.anshad>h2{font-size: 30px;margin-top: 0px;color: #26b4d7;text-align: center;margin: auto;margin-bottom: 3%;padding: 5px 0px;font-family: font2;text-transform: uppercase;}
.anshad>p{font-size: 16px;text-align: justify;}
.anshad>h3{font-size: 25px;color: #26b4d7;margin-bottom:1%;border-bottom: 1px solid #ccc;}
.anshad>h4{font-size: 20px;color: #26b4d7;margin-bottom:1%;}
.wi{width: 50%;}
.anshad>ul{}



#contact{width:40%;height:auto;overflow:hidden;text-align:left;float:left;box-sizing: border-box;padding:1%;padding-right: 1%;}
#contact>h2{color:#21b3d7;font-size:27px;margin:0px;font-weight:bold;font-family: font2;}
#contact>h3{color:#333232;font-size:16px;margin:0px;font-weight:100;font-family: font2;}
#ab-rght{width:40%;height:auto;overflow:hidden;float:right;border: 1px solid #2f3192;}
#enquiry{text-align:center;}
#enquiry_box{width:100%;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:#2f3192;margin-bottom:1%;text-transform:uppercase;}
.searchh{border:1px solid #ccc;padding:1%;color:#000;width:96%;margin-top:2%;height:30px;font-family: font1;}
.message{border:1px solid #ccc;padding:1%;color:#000;width:94%;margin-top:2%;height:50px;font-family: font1;}
.btn{background-color: #21b3d7;text-transform: uppercase;border:none;padding:1% 6%;color:#fff;margin-top:2%;font-size:20px;}
#map{width:60%;height:auto;overflow:hidden;margin:auto;float: right;}
.clr{color: red;}

.intext{width: 85%;margin: auto;overflow: hidden;padding: 2% 0px;}
.what{width: 28%;float: left;overflow: hidden;border: 1px solid #1a4d8d;border-radius: 5px;box-sizing: border-box;height: 290px;}
.what>h2{font-size: 20px;color: #f4bd00;margin:0px;border-bottom: 1px solid #ccc;font-family: font2;background-color: #1a4d8d;padding: 8px 10px;text-transform: uppercase;}
.what>ul{list-style-image: url(../images/arw.png);margin-top: 0px;}
.what>ul>li{font-size: 16px;}
.testi{width: 37%;float: left;overflow: hidden;background-color: #fff;border: 1px solid #1a4d8d;border-radius: 5px;box-sizing: border-box;height: 290px;margin-left: 2%;}
.testi>h2{font-size: 20px;color: #f4bd00;margin:0px;border-bottom: 1px solid #ccc;font-family: font2;background-color: #1a4d8d;padding: 8px 10px;text-transform: uppercase;}
.slides>li p{margin: auto;font-size: 15px;text-align: justify;width: 96%;margin: auto;margin-top: 2%;}
.ticon{width: 100px;height: 100px;float: left;overflow: hidden;margin-top: 1%;border: 1px solid #1a4d8d;border-radius: 50%;}
.ticon>img{width: 100%;}
.tbody{width: 96%;height: auto;margin: auto;overflow: hidden;}
.tbody>h3{font-size: 20px;color: #1a4d8d;margin-bottom: 0px;}
.tbody>h5{font-size: 16px;margin: 0px;font-weight: 100;}

.news{width: 30%;float: right;overflow: hidden;background-color: #fff;border: 1px solid #1a4d8d;border-radius: 5px;box-sizing: border-box;height: 290px;}
.news>h2{font-size: 20px;color: #f4bd00;margin:0px;border-bottom: 1px solid #ccc;font-family: font2;background-color: #1a4d8d;padding: 8px 10px;text-transform: uppercase;}
.news>marquee{height: 250px;width: 96%;margin: auto;}
.news>marquee a{margin: auto;font-size: 15px;text-align: justify;display: block;color: #000;padding-bottom: 1%;border-bottom: 1px solid #1a4d8d;margin-bottom: 2%;}
.news>marquee>img{width: 100%;}

.imgleft{width: 40%;height: auto;overflow: hidden;border: 1px solid #C30;margin-right: 2%;float: left;}
.imgleft>img{width: 100%}
.det{width: 57%;height: auto;overflow: hidden;border: 1px solid #ccc;float: right;}

.galery{width: 80%;margin: auto;overflow: hidden;height: auto;padding-bottom: 2%;}

/*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){
    
}
@media screen and (max-width:1000px){
#header > img{width: 40%;}
.info > h5 {    font-size: 15px;}
.info > a > img {    width: 20px;}
.ser{}
.anbody,.about,.service,.register{width: 90%;}
}

@media screen and (max-width:1000px){
   
}
@media screen and (max-width:850px){
  
}
@media screen and (max-width:790px){
    
}
@media screen and (max-width:700px){
    #menu{margin: 0px;}
    #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:1% 0px;
    }
    /*Make all menu links full width*/
    #menu ul li a{
        float:none;width: 100%;border:none;text-align: center;
    }
    #menu ul li:hover{background-color: #3981c3;}
    #menu > ul > li a:hover {
        color: #ffffff;
    }
    /*Display 'show menu' link*/
    .show-menu {
        display:block;
    }
    #header > img{float: none;width: auto;}
    .info{float: none;width: 100%;}
    .info > a{float: none;text-align: center;}
    .info > a>img{width:30px;}
    #header,.info > h5{text-align: center;}
    .anbox,.abdet{width: 98%;float: none;margin: auto;margin-bottom: 2%;}
    .about > img{float: none;width: auto;}
    .ser{float: none;width: 98%;}
    .ser > img{width: auto;}
    .serdet{float: left;padding-right: 2%;}
    .register > h2,.service > h2,.anshad > h2{font-size: 22px;}
    .abdet > h1{font-size: 20px;}
    .abdet > p{text-align: justify;}
    .register > p{font-size: 15px;}
    .gal{width: 30%;}
}
@media screen and (max-width:650px){
    .reg1{float: none;width: 98%;}
    .anshad > h2{font-size: 20px;}
       #header > img,.about > img{float: none;width: 90%;}
       .gal{width: 45%;}
       .fo>img{width: auto;}
}
@media screen and (max-width:600px){
   .show-menu,.anbox > h2,.abdet > h1,.register > h2, .service > h2{font-size: 19px;}
   .gal{width: 80%;float: none;margin: auto;margin-bottom: 2%;}
}
@media screen and (max-width:400px){
    

}