@font-face {
    font-family: 'font1';
    src:url(font/albr65w.ttf);
}
@font-face {
    font-family: 'font2';
    src:url(font/open.ttf);
}
a{text-decoration:none;}
body{margin:0px;}
html, body{
    font-family: font2;
    font-size: 100%;
}
body{margin:0px;}
#container{width:100%;height:auto;margin:auto;overflow:hidden;background-color: #e7e7e7;}
.bghalf{width: 100%;height: auto;overflow: hidden;background: #a7ca47; background:-moz-linear-gradient(top, #a7ca47 70%, #e5e5e5 30%);	background:-webkit-linear-gradient(top, #a7ca47 70%, #e5e5e5 30%);}
.header{width: 80%;height: auto;margin: auto;box-sizing: border-box;overflow: hidden;}
.logo{width: 75%;float: left;overflow: hidden;}
.logo>a img{float: left;}
.logo>h3{    font-size: 35px;  color: #005aab;float: left;width: 80%;margin-top: 7%;margin-bottom: 1%;}

#google_translate_element{margin-bottom: 4%;}
.info{    width: 24%;  float: right;   overflow: hidden;   margin: auto;    height: auto;margin-top: 1%;text-align: right;}
.info>h3{color: #cc3300;font-family: font2;font-size: 15px;margin: 0px;text-align: right;}
.info>h3>span{color: #FFF;}
.info>a>img{width: 25px;}

.navi{width: 100%;height: auto;background-color: #52710f;box-sizing: border-box; padding: 10px 10%;margin: auto;}

.slide{width: 80%;height: auto;margin: auto;overflow: hidden;border-radius: 10px;border: 5px solid #FFF;margin-top: 1%;
       margin-bottom: 1%;}

.about{width: 80%;height: auto;margin: auto;overflow: hidden;}
.about>h2{color: #534141;font-family: font1;font-size: 24px;margin: 1%;}
.about>p{color: #534141;font-family: font2;font-size: 15px;margin: 1%;text-align: justify;}

.read{width: 15%;height: auto;text-align: center;color: #FFF;background-color: #e44554;overflow: hidden;padding: .5% 1%;font-size: 15px;margin-top: 1%;}
.read>a{color: #FFF;}
.read1{width: 100%;height: auto;text-align: center;color: #FFF;background-color: #e44554;overflow: hidden;padding: .5% 1%;font-size: 15px;margin-top: 1%;}

.service{width:80%;margin: auto;overflow: hidden; margin-top: 2%;}
.servc>h2{color: #3e3e3e;font-size: 25px;text-align: center;text-transform: uppercase;background-image: url(../images/title-bg.png);background-repeat: repeat-x;background-size: auto 100%;padding: 5px 0px;margin: 0px;height: 40px;}
.servc{width: 29%;float: left;overflow: hidden;border: 1px solid #c0c0c0;}
.servc>ul{margin: 1% 0px;list-style-image:url(../images/arw.png);padding-right: 1%; }
.servc>ul li{border-bottom: 1px solid #c0c0c0;font-size: 14px;margin-bottom: 1%;padding-bottom: 1%;}

.newsbox{width: 70%;float: right;overflow: hidden;border: 1px solid #c0c0c0;}
.newsbox>h2{color: #3e3e3e;font-size: 25px;text-align: center;text-transform: uppercase;background-image: url(../images/title-bg.png);background-repeat: repeat-x;background-size: auto 100%;padding: 5px 0px;margin: 0px;height: 40px; }
.news{width: 30%;float: left;overflow: hidden;margin-left: 2%;margin-top: 2%;padding-bottom: 2%;text-align: center;}
.news>img{width: 100%;height: 195px}
.news>h3{color: #534141;text-align: center;margin: 0px;font-size: 14px;}
.news>p{font-size: 13px;margin: 0px;text-align: center;}
.news>a{color: #ff6600;text-align: center;}

.pjt{width: 31%;height: auto;overflow: hidden;float: left;margin-right: 2%;border: 1px solid #005aab;margin-bottom: 2%;text-align: center;}
.pjt>img{width: 70%;height: auto;margin-top: 2%;}
.pjt>h3{margin: 0px;text-align: center;color: #000;font-size: 19px;margin-bottom: 1%;}
.pjt>h5{margin: 0px;text-align: center;color: #000;font-size: 16px;}


.gallery{width: 80%;height: auto;overflow: hidden;margin: auto;margin-top: 2%;margin-bottom: 2%;}
.gallery>h2{color: #3e3e3e;font-size: 25px;text-align: center;text-transform: uppercase;background-image: url(../images/title-bg.png);background-repeat: repeat-x;background-size: auto 100%;padding: 5px 0px;margin: 0px;height: 40px;width: 40%;margin: auto;margin-bottom: 2%; }
.gal{width: 18%;float: left;margin-right: 1%;margin-left: 1%;margin-bottom: 2%;overflow: hidden;}
.gal>img{width: 100%;}


.banner{width: 80%;height: 250px;border: 4px solid #fff;margin: auto;border-radius: 10px;margin-top: 1%;overflow: hidden;}

/*****************Footer***********************/
.fo{width: 100%;height: auto;margin: auto;overflow: hidden;background-color:#525c66;border-top: 8px solid #adce4b;padding-top: 1%;padding-bottom: 1%;}
#footer{width:80%;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:#fff;font-size:20px;text-align:center;margin:1% 0px;font-weight:100;}
.foot2{width:20%;height:auto;float:left;overflow:hidden;}
.foot2>h2{color:#fff;font-size:20px;text-align:center;margin:1% 0px;font-weight:100;}
.foot2>a{color:#ffffff;font-size:16px;text-align:center;margin:1px 0px;float:left;width:100%;}
.foot2>a:hover{color:#d1c718;}
.foot2>h3{color:#ffffff;font-size:14px;text-align:center;margin:1px 0px;font-weight:100;}
.foot2>h4{color:#ffffff;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:#fff;font-size:20px;text-align:center;margin:1% 0px;font-weight:100;}
.srk{width:90%;height:25px;border:none;background-color:#e7e9ea;margin-top:2%;text-align:center;}
.buton3{background-color:#d1c718;border:none;width:45%;height:30px;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:#444c54;padding:1% 0px;}
#power>h2{color:#fff;font-size:13px;text-align:center;margin:0px;font-weight:100;}
#power>h2>a{color:#f8941e;}
#power>h2>a:hover{color:#ff00ff;}

.anshad{width: 80%;height: auto;margin: auto;background-color: #ffffff;margin-top: 1%;margin-bottom: 1%;border: 1px solid #d1d1d1;box-sizing: border-box;padding: 2%;overflow: hidden;}
.anshad>h2{font-size: 30px;margin-top: 0px;}
.anshad>p{font-size: 16px;text-align: justify;}

.ggl{width: 30%;float: left;margin-bottom: 2%;margin-right: 2%;text-align: center;overflow: hidden;}
.ggl>a>img{width: 100%;height: 180px;}
.ggl>h3{font-size: 16px;text-align: center;margin: 0px;color: #262626;text-transform: capitalize;}


#co{color:#005aab;font-size:22px;}
#cotr{color:#005aab;}
#contact{width:50%;height:auto;overflow:hidden;text-align:left;float:left;padding:1%;margin-top:3%;}
#contact>h2{color:#005aab;font-family:font1;font-size:32px;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;border:1px solid #d6d6d6;padding-bottom:2%;}
#enquiry_box>h2{color:#fff;font-size:25px;margin:auto;font-weight:100; text-align:center;background-color:#005aab;margin-bottom:1%;text-transform:uppercase;}
.searchh{border:1px solid #005aab;padding:1%;color:#000;width:80%;margin-top:2%;height:30px;}
.message{border:1px solid #005aab;padding:1%;color:#000;width:80%;margin-top:2%;height:50px;}
.btn{background-color:#005aab;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%;}


.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;
    background-image:url(images/tooltip.PNG);
    text-align:center;
    box-shadow: 5px 5px 5px #888888;	border-radius:10px;
}
#cssmenu,
#cssmenu ul,
#cssmenu ul li,
#cssmenu ul li a,
#cssmenu #menu-button {
    margin: 0;
    padding: 0;
    border: 0;
    list-style: none;
    line-height: 1;
    display: block;
    position: relative;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
#cssmenu:after,
#cssmenu > ul:after {
    content: ".";
    display: block;
    clear: both;
    visibility: hidden;
    line-height: 0;
    height: 0;
}
#cssmenu #menu-button {
    display: none;
}
#cssmenu {
    font-family: Montserrat, sans-serif;

}
#cssmenu > ul > li {
    float: left;
}
#cssmenu.align-center > ul {
    font-size: 0;
    text-align: center;
}
#cssmenu.align-center > ul > li {
    display: inline-block;
    float: none;
}
#cssmenu.align-center ul ul {
    text-align: left;
}
#cssmenu.align-right > ul > li {
    float: right;
}
#cssmenu > ul > li > a {
    padding: 15px;
    font-size: 12px;
    letter-spacing: 1px;
    text-decoration: none;
    color: #dddddd;
    font-weight: 700;
    text-transform: uppercase;
}
#cssmenu > ul > li:hover > a {
    color: #ffffff;
}
#cssmenu > ul > li.has-sub > a {
    padding-right: 30px;
}
#cssmenu > ul > li.has-sub > a:after {
    position: absolute;
    top: 22px;
    right: 11px;
    width: 8px;
    height: 2px;
    display: block;
    background: #dddddd;
    content: '';
}
#cssmenu > ul > li.has-sub > a:before {
    position: absolute;
    top: 19px;
    right: 14px;
    display: block;
    width: 2px;
    height: 8px;
    background: #dddddd;
    content: '';
    -webkit-transition: all .25s ease;
    -moz-transition: all .25s ease;
    -ms-transition: all .25s ease;
    -o-transition: all .25s ease;
    transition: all .25s ease;
}
#cssmenu > ul > li.has-sub:hover > a:before {
    top: 23px;
    height: 0;
}
#cssmenu ul ul {
    position: absolute;
    left: -9999px;
}
#cssmenu.align-right ul ul {
    text-align: right;
}
#cssmenu ul ul li {
    height: 0;
    -webkit-transition: all .25s ease;
    -moz-transition: all .25s ease;
    -ms-transition: all .25s ease;
    -o-transition: all .25s ease;
    transition: all .25s ease;
}
#cssmenu li:hover > ul {
    left: auto;
}
#cssmenu.align-right li:hover > ul {
    left: auto;
    right: 0;
}
#cssmenu li:hover > ul > li {
    height: 35px;
}
#cssmenu ul ul ul {
    margin-left: 100%;
    top: 0;
}
#cssmenu.align-right ul ul ul {
    margin-left: 0;
    margin-right: 100%;
}
#cssmenu ul ul li a {
    border-bottom: 1px solid rgba(150, 150, 150, 0.15);
    padding: 11px 15px;
    width: 170px;
    font-size: 12px;
    text-decoration: none;
    color: #dddddd;
    font-weight: 400;
    background: #333333;
}
#cssmenu ul ul li:last-child > a,
#cssmenu ul ul li.last-item > a {
    border-bottom: 0;
}
#cssmenu ul ul li:hover > a,
#cssmenu ul ul li a:hover {
    color: #ffffff;
}
#cssmenu ul ul li.has-sub > a:after {
    position: absolute;
    top: 16px;
    right: 11px;
    width: 8px;
    height: 2px;
    display: block;
    background: #dddddd;
    content: '';
}
#cssmenu.align-right ul ul li.has-sub > a:after {
    right: auto;
    left: 11px;
}
#cssmenu ul ul li.has-sub > a:before {
    position: absolute;
    top: 13px;
    right: 14px;
    display: block;
    width: 2px;
    height: 8px;
    background: #dddddd;
    content: '';
    -webkit-transition: all .25s ease;
    -moz-transition: all .25s ease;
    -ms-transition: all .25s ease;
    -o-transition: all .25s ease;
    transition: all .25s ease;
}
#cssmenu.align-right ul ul li.has-sub > a:before {
    right: auto;
    left: 14px;
}
#cssmenu ul ul > li.has-sub:hover > a:before {
    top: 17px;
    height: 0;
}
@media all and (max-width: 800px), only screen and (-webkit-min-device-pixel-ratio: 2) and (max-width: 1024px), only screen and (min--moz-device-pixel-ratio: 2) and (max-width: 1024px), only screen and (-o-min-device-pixel-ratio: 2/1) and (max-width: 1024px), only screen and (min-device-pixel-ratio: 2) and (max-width: 1024px), only screen and (min-resolution: 192dpi) and (max-width: 1024px), only screen and (min-resolution: 2dppx) and (max-width: 1024px) {
    #cssmenu {
        width: 100%;
    }
    #cssmenu ul {
        width: 100%;
        display: none;
    }
    #cssmenu.align-center > ul {
        text-align: left;
    }
    #cssmenu ul li {
        width: 100%;
        border-top: 1px solid rgba(120, 120, 120, 0.2);
    }
    #cssmenu ul ul li,
    #cssmenu li:hover > ul > li {
        height: auto;
    }
    #cssmenu ul li a,
    #cssmenu ul ul li a {
        width: 100%;
        border-bottom: 0;
    }
    #cssmenu > ul > li {
        float: none;
    }
    #cssmenu ul ul li a {
        padding-left: 25px;
    }
    #cssmenu ul ul ul li a {
        padding-left: 35px;
    }
    #cssmenu ul ul li a {
        color: #dddddd;
        background: none;
    }
    #cssmenu ul ul li:hover > a,
    #cssmenu ul ul li.active > a {
        color: #ffffff;
    }
    #cssmenu ul ul,
    #cssmenu ul ul ul,
    #cssmenu.align-right ul ul {
        position: relative;
        left: 0;
        width: 100%;
        margin: 0;
        text-align: left;
    }
    #cssmenu > ul > li.has-sub > a:after,
    #cssmenu > ul > li.has-sub > a:before,
    #cssmenu ul ul > li.has-sub > a:after,
    #cssmenu ul ul > li.has-sub > a:before {
        display: none;
    }
    #cssmenu #menu-button {
        display: block;
        padding: 17px;
        color: #dddddd;
        cursor: pointer;
        font-size: 12px;
        text-transform: uppercase;
        font-weight: 700;
    }
    #cssmenu #menu-button:after {
        position: absolute;
        top: 22px;
        right: 17px;
        display: block;
        height: 4px;
        width: 20px;
        border-top: 2px solid #dddddd;
        border-bottom: 2px solid #dddddd;
        content: '';
    }
    #cssmenu #menu-button:before {
        position: absolute;
        top: 16px;
        right: 17px;
        display: block;
        height: 2px;
        width: 20px;
        background: #dddddd;
        content: '';
    }
    #cssmenu #menu-button.menu-opened:after {
        top: 23px;
        border: 0;
        height: 2px;
        width: 15px;
        background: #ffffff;
        -webkit-transform: rotate(45deg);
        -moz-transform: rotate(45deg);
        -ms-transform: rotate(45deg);
        -o-transform: rotate(45deg);
        transform: rotate(45deg);
    }
    #cssmenu #menu-button.menu-opened:before {
        top: 23px;
        background: #ffffff;
        width: 15px;
        -webkit-transform: rotate(-45deg);
        -moz-transform: rotate(-45deg);
        -ms-transform: rotate(-45deg);
        -o-transform: rotate(-45deg);
        transform: rotate(-45deg);
    }
    #cssmenu .submenu-button {
        position: absolute;
        z-index: 99;
        right: 0;
        top: 0;
        display: block;
        border-left: 1px solid rgba(120, 120, 120, 0.2);
        height: 46px;
        width: 46px;
        cursor: pointer;
    }
    #cssmenu .submenu-button.submenu-opened {
        background: #262626;
    }
    #cssmenu ul ul .submenu-button {
        height: 34px;
        width: 34px;
    }
    #cssmenu .submenu-button:after {
        position: absolute;
        top: 22px;
        right: 19px;
        width: 8px;
        height: 2px;
        display: block;
        background: #dddddd;
        content: '';
    }
    #cssmenu ul ul .submenu-button:after {
        top: 15px;
        right: 13px;
    }
    #cssmenu .submenu-button.submenu-opened:after {
        background: #ffffff;
    }
    #cssmenu .submenu-button:before {
        position: absolute;
        top: 19px;
        right: 22px;
        display: block;
        width: 2px;
        height: 8px;
        background: #dddddd;
        content: '';
    }
    #cssmenu ul ul .submenu-button:before {
        top: 12px;
        right: 16px;
    }
    #cssmenu .submenu-button.submenu-opened:before {
        display: none;
    }
}

@media screen and (max-width:1200px){
    .menu > ul > li a {padding: 5px 20px;}
    .logo>h3 {   font-size: 30px;}
    .info > h3 {    font-size: 80%;}
}
@media screen and (max-width:1024px){
    .navi,.about,.msn,.client{padding: 1% 5%;}
    .menu > ul > li a {padding: 5px 10px;}
    .header,.service,#footer,.anshad,.gallery{    width: 90%;}
    .logo>h3{width: 70%;margin-top: 9%;}
    .logo > h3 {   font-size: 24px;}
    .info > h3 {    font-size: 70%;}
    .header > a img {    width: 12%;}
}
@media screen and (max-width:900px){

    .servc > h2,.newsbox > h2,.gallery > h2{font-size: 22px;height: auto;}
    .servc > ul li{font-size: 13px;}
    .anshad > h2{font-size: 20px}
    #contact > h2{font-size: 20px}
    #co{font-size: 20px}
    #enquiry_box > h2{font-size: 20px}
    .btn{font-size: 20px}
}

@media screen and (max-width:800px){
    .servc,.newsbox{width: 98%;float: none;}
    .news > img{height: 150px;}
    .anshad > p{font-size: 14px}
    #contact > h3{font-size: 14px}
    .info > h3 {    font-size: 55%;}
    .ggl > a > img {    height: 160px;}

}

@media screen and (max-width:700px){
    .slide {    display: none;}
    .banner {height: auto;width: 80%}
    .banner>img ,.logo{height: auto;width: 100%}
    .header,.info > h3{text-align: center;}
    .header>a img{width: 45%;float: none;}
    .info{width: 100%;float: none;text-align: center;}
    .bghalf{background: #a7ca47;}
    .about{width: 90%;padding: 1% 0px;}
    #foot1,.foot2,#foot3{width: 45%;height: 200px;}
    .read{width: 25%;}
    .anshad > h2{font-size: 18px}
    #contact > h2{font-size: 18px}
    #co{font-size: 18px}
    #enquiry_box > h2{font-size: 18px}
    .btn{font-size: 18px}

.ggl > a > img {    height: 140px;}
    .pjt {    height: auto;width: 100%}


    #ab-rght{width: 100%; margin: auto; text-align: center;}
    #enquiry_box {    width: 100%;}
    #contact{width: 100%; margin: auto; text-align: center;}
}

@media screen and (max-width:550px){
    .logo{text-align: center;}
    .logo>a>img{float: none;}
    .logo>h3{width: 100%;float: none;text-align: center;margin: auto;}
    #foot1,.foot2,#foot3{width: 98%;height: auto;float: none;margin-bottom: 2%;}
    .read{width: 25%;}
    .news{width: 96%;float: none;margin-bottom: 2%;}
    .news > img{height: auto;width: 70%}
    .anshad > h2{font-size: 16px}
    #contact > h2{font-size: 16px}
    #co{font-size: 16px}
    #enquiry_box > h2{font-size: 16px}
    .btn{font-size: 16px}
    .ggl{width: 80%;float: none;text-align: center;margin: auto;margin-bottom: 2%;}
    .ggl>a>img{height: auto;}
    #contact > h3{font-size: 12px}

    .anshad > p{font-size: 12px}
}