@charset "utf-8";
/* CSS Document */
body{margin:0px; padding:0px; font-family:Arial, Helvetica, sans-serif; font-size:12px;}
#top-container{width:100%; float:left; margin:0px; padding:0px; background:#0089e2;}
#top-header{width:100%; margin:0px; padding:0px; float:left;}
.main{width:80%; margin:0 auto; padding:0px;}
.cllus1 {

    background: url("../images/phone2.png") no-repeat;



    color: #fff;



    float: left;



    font-size: 13px;



    height: 20px;



    margin:8px 0px 8px 0px;



    padding:0px 0px 0px 39px;



    width: 153px;



}

.eml a {



    background: url("../images/e.png") no-repeat;



    color: #fff;



    float: left;



    font-size: 13px;



    list-style: outside none none;



    padding:4px 0px 4px 30px;



	margin:3px 0px 3px 0px;



    text-decoration: none;



    width: 190px;



}


.skype {



    background: url("../images/sky.png") no-repeat;



    color: #fff;



    float: left;



    font-size: 13px;



    height: 25px;



    margin:2px 0px 0px 20px;



    padding:4px 0px 4px 25px;



    width: 150px;



}


.socialBoxNav{width:135px; float:right; margin:2px 0px 0px 0px; padding:0px;}



.socialBoxNav ul{width:100%; height:auto; float:right; margin:0px; padding:0px;}

.socialBoxNav ul li {



    float: left;



    height: 31px;



    margin: 0;



    padding: 0;



    text-decoration: none;



	list-style:none;



    width: 33px;



}

.socialBoxNav a {



    float: left;



    height: 31px;



    margin: 0;



    padding: 0;



    text-decoration: none;



	list-style:none;



    width: 33px;



}


.socialBoxNav ul li a:hover{float:left; margin:0px; padding:0px; list-style:none; text-decoration:none; color:#fff;



	 -webkit-transition:all 0.5s ease-in-out;



	-moz-transition:all 0.5s ease-in-out;



	-o-transition:all 0.5s ease-in-out;



	-ms-transition:all 0.5s ease-in-out;



	transition:all 0.5s ease-in-out;



	-webkit-transform:rotate(360deg);



	-moz-transform:rotate(360deg);



	-o-transform:rotate(360deg);



	-ms-transform:rotate(360deg);



}

#menu-top{width:250px; margin:0px; padding:0px; float:right;}



#menu-top ul{width:100%; float:left; margin:0px; padding:0px;}



#menu-top ul li{float:left; text-decoration:none; list-style:none; margin:0px; padding:0px;}



#menu-top ul li a{float:left; text-decoration:none; list-style:none; margin:8px; padding:0px; color:#fff; font-weight:bold;}



#menu-top ul li a:hover{float:left; text-decoration:none; list-style:none; margin:8px; padding:0px; color:#fff; font-weight:bold;}


#header{width:100%; float:left; margin:0px; padding:0px;}



#logo{width:200px; float:left; margin:5px 0px 0px 0px; padding:0px;}



#logo img{width:100%;}


#menu{width:750px; margin:0px; padding:0px; float:right;}



#menu ul{width:100%; float:left; margin:0px; padding:0px;}



#menu ul li{float:left; text-decoration:none; list-style:none; margin:0px; padding:0px;}



#menu ul li a{float:left; text-decoration:none; list-style:none; margin:0px; padding:45px 22px 45px 22px; color:#000; font-size:15px;}



#menu ul li a:hover{float:left; text-decoration:none; list-style:none; margin:0px; padding:45px 22px 45px 22px; color:#0089e2; font-size:15px;}



.active{color:#0089e2 !important;}


#menu ul li ul{ display:none;}



#menu ul :hover ul{ display:block; background:#eeeeee; border-top:3px #0089e2 solid; width:250px; height:auto; margin:108px 0px 0px 0px; position:absolute; z-index:1000;}



#menu ul ul li{width:100%; text-decoration:none; list-style:none; display:block;  border-top:#fff 1px solid; z-index: 1000;}



#menu ul ul li a{width:100%; text-decoration:none; list-style:none; color:#666666; padding:10px 20px 10px 20px; display:block; z-index: 1000; font-size:14px; }



#menu ul ul li a:hover{width:100%; text-decoration:underline; list-style:none; color:#666666; z-index: 1000; padding:10px 20px 10px 20px; font-size:14px;}

#banner{width:100%; float:left; margin:0px; padding:0px;}



#banner img{width:100%;}

#srvs{width:100%; float:left; margin:0px; padding:0px; background:#eeeeee; border-bottom:1px #dbdbdb solid; border-top:1px #dbdbdb solid;}



.sjm{width:100%; float:left; margin:20px 0px 20px 0px; padding:0px;}



.sjm img{width:100%; }

#services{width:100%; float:left; margin:0px; padding:0px;}



#services1{width:100%; float:left; margin:0px; padding:0px;}



#services2{width:100%; float:left; margin:0px; padding:20px 0px 20px 0px; background:#eeeeee; border-bottom:1px #dbdbdb solid; border-top:1px #dbdbdb solid;}



#testi{width:100%; float:left; margin:0px; padding:0px;}{width:100%; float:left; margin:0px; padding:0px;}



#testi img{width:100%;}

.service{width:calc(25% - 22px); float:left; line-height:22px; font-size:14px; margin:30px 13px 13px 8px; padding:0px; border-left:1px #dbdbdb solid;}

.bdr{border:none !important;}



.service-img{width:120px; float:none; margin:10px auto; padding:0px;}



.service-img img{width:100%;}



.cont-box{width:90%; margin:20px auto; padding:0px;}



p{text-align:justify;}



h2{text-align:center;}

.readmore{width:80px; margin:10px auto 10px auto; padding:8px 0px 8px 0px; background:#0089e2; border-radius:8px 0px; text-align:center;}



.readmore a{text-decoration:none; list-style:none; color:#fff;}

.top_add_box_1 {



    float: left;



    margin:30px 0px 0px 55px;



    padding: 0;



    width: calc(33% - 52px);



}

.top_add_box_1 img{width:100%;}

.brands_catagories { background-color: #ffffff; border: 5px solid #949494;border-radius:5px;box-shadow:0 0 18px #949494; float: left; margin: 0 12px; width: 97%;}



#left {clear: both;height: 125px; overflow: hidden;  padding: 2px 0px 0px 0px; width: 100%;}	



#left img {border:2px #0099FF solid; border-radius:5px; margin-left:3px;}	



.caption_column{width:375px;}

#footer{width:100%; margin:0px; padding:20px 0px 20px 0px; background:  url(../images/ftr.png) no-repeat; float:left; background-size:100% 100%;}



.ftbox{width:calc(20% - 2px); float:left; margin-left:02px; padding:0px;}



.footerNavigation{width:100%; margin:0px 0 0; padding:0px; float:left;}



.footerNavigation ul {margin:0px; padding:0px; width:100%;}



.footerNavigation ul li{ width:100%; margin:0px; padding:0px; float:left; text-decoration:none; display:block;}



.footerNavigation a{ width:100%;  margin:5px 0; padding:0px; float:left; text-decoration:none; display:block; font-family:Arial, Helvetica, sans-serif; color:#fff; font-size:14px;}



.footerNavigation a:hover{ text-decoration:underline; color:#fff;}



#footerNavigation1{width:100%; margin-left:41px; padding:0px; float:left;}



#footerNavigation1 ul {margin:0px; padding:0px;}



#footerNavigation1 ul li{ margin:0px; padding:5px; float:left; text-decoration:none; display:block;}



#footerNavigation1 a{ margin:5px 0; padding:0px; float:left; text-decoration:none; display:block; font-family:Arial, Helvetica, sans-serif; color:#999999; font-size:14px;}



#footerNavigation1 a:hover{ text-decoration:underline; color:#fff;}

.allrgt{width:100%; float:left; text-align:center; padding:8px 0px 8px 0px; color:#fff; background:#0089e2; border-top:1px #2b89cd solid;}

.allrgt1{width:100%; text-align:center; color:#fff;}



.xxx{color:#fff;}



h3{color:#fff;}


.contnt{width:100%; float:left; line-height:22px; font-size:14px; margin:30px 0px 30px 0px; padding:0px; /*border-left:1px #dbdbdb solid;*/}



.cont-left{width:68%; float:left; margin:0px; padding:0px;}



.cont-right{width:30%; float:left; margin:30px 0px 0px 20px; padding:0px;}



.cont-right img{ width:95%;}



#getform{width:95%; margin:40px 0;padding:15px 5px; float:left; background:#0089e2;}



 #getform h2{width:95%; margin:0px;padding:0px; float:left; color: #FFFFFF;  font-size:35px; font-weight:bold; font-family:Arial, Helvetica, sans-serif;}



.getformtbox{width:285px; margin:5px;padding:0px; float:left;}



.getname{ width:320px; margin:0px; padding:0px; float:left; color:#000; font-size:12px;}



.getquaryform{ width:320px; margin:0px; padding:0px; float:left; color:#000; font-size:12px;}



.getfieldBox{ width:268px; height:30px; border: 1px solid #D7D7D7;  border-radius: 4px;   color: #636363;   line-height: 1.5;    padding: 3px 8px;	float:left;  background:none repeat scroll 0 0 #fff;}



.getfieldtextarea{ width:268px;  border: 1px solid #D7D7D7;  border-radius: 4px;   color: #636363;   line-height: 1.5;    padding: 3px 8px;	float:left; background:none repeat scroll 0 0 #fff; margin:0 5px;}



.getsubmitbutton{font-size: 0.9em;  height: 30px; letter-spacing: 1px;padding-bottom: 2px; text-shadow: 0 1px 1px #FFFFFF; text-transform: uppercase;	float:left; margin:9px 5px;
 border: 1px solid #D7D7D7;  border-radius: 4px;   color: #636363; cursor:pointer;}

#packagestt {color: #fff;  font: bold 17px Arial,Helvetica,sans-serif; left:34px; position:relative;  text-shadow: 0 1px #000;  top: 5px; width: 300%;
z-index: 300; text-align:center;}

#order1 a{



    background:url(../images/yellow-btn.jpg) repeat-x scroll left top rgba(0, 0, 0, 0);



    border-radius: 5px;



    color: #fff;



    display: block;



    height: 33px;



    line-height: 33px;



    margin: 10px 3px 3px;



   outline: medium none;



    padding: 0 !important;



    text-align: center;



    transition: none 0s ease 0s ;



    width: 165px;



	text-decoration:none;



}

#order2 a{



    background:url(../images/blue-btn.jpg) repeat-x scroll left top rgba(0, 0, 0, 0);



    border-radius: 5px;



    color: #fff;



    display: block;



    height: 33px;



    line-height: 33px;



    margin: 10px 3px 3px;



   outline: medium none;



    padding: 0 !important;



    text-align: center;



    transition: none 0s ease 0s ;



    width: 165px;



	text-decoration:none;



}





#contactBox{width:95%; margin-left:15px; padding:0px; float:left;}

.contnatus{width:85%;  line-height:22px; font-size:14px; margin:0 auto; padding:0px;}

.contntTT{width:95%; margin:0px;padding:0px; float:left; color: #FFFFFF;  font-size:35px; font-weight:bold; font-family:Arial, Helvetica, sans-serif; text-align:left;}

.contactHead{width:100%; margin:0px; padding:0px; float:left; font-family:Arial, Helvetica, sans-serif; color:#666; font-size:34px;}

.mapbox{width:100%; margin:10px 0; padding:5px; float:left; border:1px solid #666;}

.addbox{width:45%; margin:30px 0px; padding:0px; float:left; }

.addTT{ width:100%; height:30px; font-size:25px; font-weight:bold; font-family:Arial, Helvetica, sans-serif; color:#666; margin:0px; padding-left:26px; float:left; background:url(../images/address.jpg) 0 -2px no-repeat;}

.oppTT{ width:100%; height:30px; font-size:18px; font-family:Arial, Helvetica, sans-serif; color:#666; margin:0px; padding-left:25px; float:left; background:url(../images/timming.jpg) 0 0 no-repeat;}

.addblock{width:100%; margin-top:10px; padding:0px; float:left;}

.addblock ul{margin:0px; padding:0px;}

.addblock ul li{ width:100%; margin:0px; padding:0px; text-decoration:none; display:block; float:left; font-size:14px; color:#666; line-height:22px;}

.addblock .home{ width:70%;  margin:0px; padding-left:20px; padding-bottom:8px; text-decoration:none; display:block; float:left; border-bottom:1px solid rgba(171, 171, 171, 0.2); font-size:16px; color:#666; background:url(../images/home.png) 0 5px no-repeat;}

.addblock .ph{ width:70%; ; margin:10px 0; padding-left:20px; padding-bottom:8px; text-decoration:none; display:block; float:left; border-bottom:1px solid rgba(171, 171, 171, 0.2); font-size:16px; color:#666; background:url(../images/ph.png) 0 5px no-repeat;}

.addblock .email{ width:70%; margin:10px 0; padding-left:20px; padding-bottom:8px; text-decoration:none; display:block; float:left; border-bottom:1px solid rgba(171, 171, 171, 0.2); font-size:12px; color:#666; background:url(../images/infocome.png) 0 5px no-repeat;}

.addblock .www{ width:70%;  margin:10px 0; padding-left:20px; padding-bottom:8px; text-decoration:none; display:block; float:left; border-bottom:1px solid rgba(171, 171, 171, 0.2); font-size:12px; color:#666; background:url(../images/www.png) 0 5px no-repeat;}

#getInconect{width:50%; margin:30px 0 30px 30px; padding-left:20px; float:left; border-left:1px solid #ececec;}

.getIntt{ width:100%; height:30px; font-size:26px; font-weight:bold; font-family:Arial, Helvetica, sans-serif; color:#666; margin:0px; padding:0px; float:left;}

#formBox2{width:100#; margin:10px 0; padding:0px; float:left;}

.inputbox {border: 1px solid #0089E2; border-radius: 5px; box-shadow: none; color: #000; font: 14px/21px Arial; margin: 10px 0 4px; outline: medium none; padding: 10px 10px 10px 14px; width: 99%;}

.btns {float: right;margin-top: 18px;margin-right:20px;}

.btns > a { margin-left: 26px;}

.more_btn {background: none repeat scroll 0 0 #323232;border-radius: 15px;color: #d7d7d7;font: 13px/13px "Georgia",Arial,"Helvetica Neue",Helvetica,sans-serif; margin-top: 10px;

 padding: 8px 15px;text-transform: uppercase;text-decoration:none;}

.more_btn:hover{background:#000000; color:#fff;}







#menu select {



      display: none;



    }

@media all and (max-width: 1150px) and (min-width: 850px){

* {



         -moz-box-sizing: border-box;



         -webkit-box-sizing: border-box;



         box-sizing: border-box;



    }

	 #menu ul     { display: none; }



     #menu select {width: 100%; display: inline-block; margin:0px 0px 20px 0px; border:2px #C0C0C0 solid; border-radius:5px; }



    #menu{width:70%; margin:50px auto 20px auto; padding:0px; float:right;}



}











@media all and (max-width: 1140px) and (min-width: 200px){

* {



         -moz-box-sizing: border-box;



         -webkit-box-sizing: border-box;



         box-sizing: border-box;



    }


.eml {



    float: none;



    margin:5px auto;



    width: 190px;



}

.eml a {



    float: none;

}


.cllus1 {



    background: url("../images/phone2.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0);



    color: #fff;



    float: none;



    font-size: 13px;



    height: 20px;



    margin: 20px auto 10px auto;



    padding: 0 0 0 39px;



    width: 153px;



}


.skype {



    background: url("../images/sky.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0);



    color: #fff;



    float: none;



    font-size: 13px;



    height: 25px;



    margin: 2px auto;



    padding: 4px 0 4px 25px;



    width: 150px;



}


#menu-top {



    float: left;



    margin: 0;



    padding: 0;



    width: 100%;



}

#menu-top ul {



    float: left;



    margin: 0;



    padding: 0;



    width: 100%;



}


#menu-top ul li {



    float: left;



    list-style: outside none none;



    margin: 0;



    padding: 0;



    text-decoration: none;



	width:100%;



}



.socialBoxNav {



    float: none;



    margin: 2px auto;



    padding: 0;



    width: 135px;



}

#menu-top ul li a {



    color: #fff;



    float: left;



    font-weight: bold;



    list-style: outside none none;



    margin: 8px;



    padding: 0;



    text-decoration: none;



	width:100%;



	text-align:center;



}

.cont-left{width:100%; margin:0px; padding:0px;}	



.cont-right{width:100%; margin:0px; padding:0px;}	

	}















@media all and (max-width: 850px) and (min-width: 200px){

* {



         -moz-box-sizing: border-box;



         -webkit-box-sizing: border-box;



         box-sizing: border-box;



    }

	 #menu ul     { display: none; }



     #menu select {width: 100%; display: inline-block; margin:0px 0px 20px 0px; border:2px #C0C0C0 solid; border-radius:5px; }



    #menu{width:100%; margin:10px auto 10px auto; padding:0px; float:none;}

	#logo {



  width: 200px;



  float: none;



  margin:0px auto;



  padding: 0px;



}

.ftbox {



    float: none;



    margin:0 auto;



    padding: 0;



    width: 210px;



}



h3{margin: 20px 0 10px;



    text-align: center;



    float: left;



    width: 100%;}	

.footerNavigation a {



    color: #fff;



    display: block;



    float: left;



    font-family: Arial,Helvetica,sans-serif;



    font-size: 14px;



    margin: 5px 0;



    padding: 0;



    text-decoration: none;



    width: 100%;



	text-align:center;



}

	}



















@media all and (max-width: 665px) and (min-width: 200px){

* {



         -moz-box-sizing: border-box;



         -webkit-box-sizing: border-box;



         box-sizing: border-box;



    }


.service {



    border-left: none;



    float: left;



    margin: 30px 0px;



    padding: 0;



    width: 100%;



}


.top_add_box_1 {



    float: left;



    margin: 30px 0px;



    padding: 0;



    width: 100%;



}	


	}











<!-----banner----->

          

                .share-icon {

                    display: inline-block;

                    float: left;

                    margin: 4px;

                    width: 32px;

                    height: 32px;

                    cursor: pointer;

                    vertical-align: middle;

                    background-image: url(images/share/share-icons.png);

                }



                .share-facebook {

                    background-position: 0px 0px;

                }



                    .share-facebook:hover {

                        background-position: 0px -40px;

                    }



        .share-twitter {

            background-position: -40px 0px;

        }



            .share-twitter:hover {

                background-position: -40px -40px;

            }



        .share-pinterest {

            background-position: -80px 0px;

        }



            .share-pinterest:hover {

                background-position: -80px -40px;

            }



                .share-linkedin {

                    background-position: -240px 0px;

                }



                    .share-linkedin:hover {

                        background-position: -240px -40px;

                    }





                .share-googleplus {

                    background-position: -120px 0px;

                }



                    .share-googleplus:hover {

                        background-position: -120px -40px;

                    }





        .share-stumbleupon {

            background-position: -360px 0px;

        }



            .share-stumbleupon:hover {

                background-position: -360px -40px;

            }



                .share-email {

                    background-position: -320px 0px;

                }



                    .share-email:hover {

                        background-position: -320px -40px;

                    }

           

            

           

      

            .jssorb21 div, .jssorb21 div:hover, .jssorb21 .av

            {

                background: url(images/b21.png) no-repeat;

                overflow:hidden;

                cursor: pointer;

            }

            .jssorb21 div { background-position: -5px -5px; }

            .jssorb21 div:hover, .jssorb21 .av:hover { background-position: -35px -5px; }

            .jssorb21 .av { background-position: -65px -5px; }

            .jssorb21 .dn, .jssorb21 .dn:hover { background-position: -95px -5px; }

       

    

     

       

       

            .jssora21l, .jssora21r, .jssora21ldn, .jssora21rdn

            {

            	position: absolute;

            	cursor: pointer;

            	display: block;

                background: url(images/a21.png) center center no-repeat;

                overflow: hidden;

            }

            .jssora21l { background-position: -3px -33px; }

            .jssora21r { background-position: -63px -33px; }

            .jssora21l:hover { background-position: -123px -33px; }

            .jssora21r:hover { background-position: -183px -33px; }

            .jssora21ldn { background-position: -243px -33px; }

            .jssora21rdn { background-position: -303px -33px; }

    

	<!-----------end banner---------->

.port{width:300px; height:200px; margin:25px; float:left;}
.port1{width:300px; height:200px; margin:25px; float:left; border:double; border-color:#ccc;}
.port1 img{width:100%; height:100%;}


.port1:hover img {
   -webkit-transform: scale(1.1,1.1);
   -moz-transform: scale(1.1,1.1);
   -o-transform: scale(1.1,1.1);
   -ms-transform: scale(1.1,1.1);
   transform: scale(1.1,1.1);
    border:3px #ccc solid;
}
 .port1 img {
   -webkit-transition: all 0.2s linear;
   -moz-transition: all 0.2s linear;
   -o-transition: all 0.2s linear;
   -ms-transition: all 0.2s linear;
   transition: all 0.2s linear;
   width:100%;
  
}