* { padding:0; margin:0; outline:0; }
body {
	background:#000;
	/*font-family: 'Yanone Kaffeesatz', sans-serif !important;*/
	font-weight:300;
	line-height:30px;
	color:#252525;
}
input, textarea, select { font-family: Arial, sans-serif; font-size:12px; }

.notext { font-size:0; line-height:0; text-indent: -4000px; display:block; }

a img { border:0; }
p {text-align:justify}
a:link, a:visited { font-family: 'Hind', sans-serif; color: #039; text-decoration: none; font-weight: none;} 
a:active, a:hover { color: #ffffff; } 

.left, .alignleft { float:left; display:inline; }
.right, .alignright { float:right; display:inline; }

.cl { font-size:0; line-height:0; clear:both; display:block; height:0; }

.al { text-align: left; }
.ar { text-align: right; }
.ac { text-align: center; }

h2 { font-size:34px; line-height:34px; text-transform: uppercase; color:#fff; }
h2 span{ color:#f4d359; }
h3 { font-size:22px; line-height:24px; }

h2, h3,
#navigation,
#slider-navigation,
#footer { font-family: 'Hind', sans-serif;}
h1#num { /*margin-top:100px;*/ font-size:20px;line-height: 0; font-weight: bold;
    padding-top:1%;}
h1#logo { font-size:0; line-height:0; width:300px; height:150px; float:left; }
h1#logo a{ display:block; height:150px; text-indent: -4000px; background:url(images/logo.gif); }
.shell { width:980px; margin:0 auto; }
#header { height:150px; background-color:#fff;}
#navigation {float:right; /*height:75px;*/ }
#navigation ul{ float:left; list-style-type: none; padding-top:37px; font-size:14px;}
#navigation ul li{ float:left; display:inline; height:21px; background:url(images/nav-border.gif) repeat-y right 0; padding:0 20px 0 0; margin-right:20px; position:relative; }
#navigation ul li.last{background:transparent; padding-right:0; margin-right:0; }
#navigation ul li a{ float:left; color:#000; text-decoration: none;}

#navigation ul li a em { width:90px; height:20px; position:absolute; top:33px; left:-55px;}
#navigation ul li.last a em { left:-45px;}
#navigation ul li a span { font-size:0; line-height:0; width:0; height:0; position:absolute; left:50%;}

#navigation ul li a.hover{ color:#f6cb44;}

#navigation ul li a.hover em{ background-position:0 0}

#slider {/* height:298px;height: 300px;  */   height: auto;background:url(images/slider.gif); padding:0;}

.slider2 {
	padding:0px;
	position:relative;
	height:298px;
	background:url(images/slider.gif);
}

.slides {width:980px; height:298px;position:relative; overflow:hidden; color:#b6b6b6; }
.slides .jcarousel-clip { width:980px; height:298px; position:relative; overflow:hidden; }
.slides ul { width:980px; height:298px; position:relative; overflow:hidden; list-style-type: none;}
.slides ul li{ float:left; display:inline; width:980px; height:298px;position:relative; overflow:hidden; padding-top:0px;}

.slide-info { float:left; width:720px; padding-top:0px;}
.slide-image { float:right; width:219px; height:240px; }
.image1 { background:url(images/slide-image.png); }

#slider-navigation { height:67px; background:url(images/slider-nav.gif); }
#slider-navigation ul{ list-style-type: none; position:relative; width:1003px; margin-right:-23px; height:67px;}
#slider-navigation ul li{ float:left; display:inline; position:relative; margin:-35px 95px -22px 0;}
#slider-navigation ul li.last{ margin-right:0;}
#slider-navigation ul li a{ float:left; width:171px; height:79px; background:url(images/slide-button.png) no-repeat 0 0; position:relative; 
	left:-10px; color:#686767; font-size:14px; text-decoration: none; font-weight: bold; padding:45px 0 0 100px;    width: 261px;
    height: 132px;}
	
#slider-navigation ul li a strong { display:block; font-size:23px; line-height:23px; color:#fff;}
#slider-navigation ul li a em{ position:absolute; top:43px; left:20px; }

#slider-navigation ul li a em.ico1 { width:58px; height:59px; background:url(images/ico1.png); left:28px;}
#slider-navigation ul li a em.ico2 { width:41px; height:61px; background:url(images/ico2.png); left:36px;}
#slider-navigation ul li a em.ico3 { width:71px; height:64px; background:url(images/ico3.png)}

#slider-navigation ul li a.active,
#slider-navigation ul li a:hover { background:url(images/slide-button-active.png); color:#a6a6a6; }

#slider-navigation ul li a.active strong,
#slider-navigation ul li a:hover strong{ color:#000; }


#main { width:100%; background:#d3d4ce; padding:5px 0;}
#main h3{ padding-bottom:10px; }
#main p{ padding-bottom:15px; }
/*
#contact_form { 
	padding-top:5px; 
	width: 300px; 
}

#contact_form form { 
	margin: 0px; 
	padding: 0px; 
}
*/
/*#contact_form form .input_field { 
	width: 250px; 
	color: #333; 
	padding: 5px; 
	border: 1px solid #ccc;  
	background: #39F; 
	font-family: Verdana,Geneva,sans-serif;
	font-size: 12px;
	margin-top: 5px;
}

#contact_form form label { 
	display: block; 
	width: 280px; 
	margin-right: 2px; 
	font-size: 14px; 
	color: #000; 
}

#contact_form form textarea { 
	width: 250px; 
	height: 100px; 
	padding: 5px; 
	color: #333; 
	border: 1px solid #ccc;  
	background:#39F; 
	font-family: Verdana,Geneva,sans-serif;
	font-size: 12px;
	margin-top: 5px;
}

#contact_form form .submit_btn {
	border: 1px solid #ccc;
	background: #fff;
	font-size: 14px;
	margin: 10px 0px;
	padding: 5px 14px;
}*/
#boxes
{		
	font-family: 'Hind', sans-serif;
	font-weight:700;
	font-size:20px; color:#CF0; text-transform:uppercase;
	margin-bottom:10px;
	line-height:100px;
}
#boxes .first
	{
		border: 1px solid #333;
		display:block;
		border-radius:15px;
		padding-left:5px;			
		height:240px;
		width:240px;
		background:url(../images/packing.gif) no-repeat 0 center;
	}

#boxes .second
	{
		border: 1px solid #333;
		display:block;
		border-radius:15px;
		padding-left:5px;			
		height:240px;
		width:240px;		
		background:url(../images/packing2.jpg) no-repeat 0 center;
	}
#boxes .third
	{
		border: 1px solid #333;
		display:block;
		border-radius:15px;
		padding-left:5px;			
		height:240px;
		width:240px;		
		background:url(../images/ware.jpg) no-repeat 0 center;
	}
#boxes .fourth
	{
		border: 1px solid #333;
		display:block;
		border-radius:15px;
		padding-left:5px;			
		height:240px;
		width:240px;		
		background:url(../images/loading.jpg) no-repeat 0 center;
	}
#boxes .fifth
	{
		border: 1px solid #333;
		display:block;
		border-radius:15px;
		padding-left:5px;			
		height:240px;
		width:240px;		
		background:url(../images/support.jpg) no-repeat 0 center;
	}		
a.more { font-size:18px; background:url(images/more.gif) no-repeat 0 center; padding-left:10px; }

.cols {}
/*.col { float:left; width:250px; margin-right:115px;}*/
.collink { float:left; /*width:350px; */margin-right:0px;}
.collinklast { float:right; /*width:250px; */margin-right:0px;}
.collinklast ul{ list-style:none;}
.collinklast li{ padding: 0 0 3px 0; font-size:12px;}
.collink ul{ list-style:none;}
.collink li{ padding: 0 0 3px 0; font-size:12px;}
.col-last { margin-right:0;}
/*.clr {
	clear:both;
	padding:0;
	margin:0;
	width:100%;
	font-size:0;
	line-height:0;
}*/

#footer {/* height:92px;background:url(images/footer.gif); */     background-color: #2F2F2F;color:#6d6d6d; }
#footer .shell{ padding-top:8px;}
#footer .right { /*white-space:nowrap; */font-size:14px; text-align: right;    padding-top: 1%;}
#footer .right span{ padding:0 1px;}
#footer .right a{ text-decoration: none; color:#939393;}
#footer .right a:hover{ color:#f6cb44;}
.footer-logo { float:left; width:148px; height:62px; background:url(images/footer-logo.gif); }

.contactcol { float:left; }
/*
.contactbox
{
	display:block;
	width:600px;
	height:450px;
	line-height:30px;
	padding:25px;
	border:1px solid #000;
	border-radius:15px;
	font-size:20px;
	margin-bottom:20px;
}
.contactlogo
{
	padding:35px 0 0 280px;	
	height:100px;
	width:300px;
	background:url(images/contactlogo.jpg);
	background-position:top center;
	background-repeat:no-repeat;
}
.contactcontent
{
	text-align:center;	
}
*/
.aboutcol { float:left; width:600px; margin-right:115px;}

.aboutbox
{
	display:block;
	width:600px;
	height:450px;
	line-height:30px;
}
.aboutcontent
{
	text-align:justify;	
}
.container{margin:0 auto;/*width:75% !important;width: 83% !important;*/}
.call_p{    float: left;
    font-size: 20px;
    font-weight: bold;
    padding-top: 6%;}
	.b_grey{     width: 100%;
    background: #d3d4ce;
    padding: 50px 0;padding-top: 7%;}
	.heading_h1{    font-size: 21px;
    font-weight: 600;
    line-height: 30px;color:#000;position: absolute;}
	.heading_img{    border-radius: 15px;
    border: 1px solid #333333;}
	.col_h1 {
    font-size: 21px;
    font-weight: 600;
    line-height: 30px;font-family: 'Yanone Kaffeesatz', sans-serif !important;
}
.col_p{line-height: 25px;
    font-size: 17px;}
	.car{    font-size: 21px;
    font-weight: 600;
    line-height: 30px;
    color: #000;
    position: absolute;
    margin-top: 0%;}
	.listul{line-height: 25px;}
	.enquiry{padding-bottom: 10px;/*font-family: 'Hind', sans-serif;*/ font-size: 22px;
    line-height: 24px;    font-weight: bold;}
	.enquiry_p{    padding-bottom: 15px;
    padding-top: 10px;}

.contact-form p {
    margin-bottom: 10px;
    position: relative;
}
.widget label[for], .comment-form label[for], .contact-form label[for], .order-form label[for] {
    display: none;
}
/*
label {
    display: inline-block;
    max-width: 100%;
    margin-bottom: 5px;
    font-weight: 700;
}
.form-control {
    display: block;
    width: 100% !important;
        color: rgb(51, 51, 51) !important;
    font-family: Verdana, Geneva, sans-serif;
    font-size: 12px !important;
    margin-top: 5px !important;
    padding: 5px !important;
    border: 1px solid rgb(204, 204, 204);
    background: rgb(255, 255, 255);
    -webkit-transition: border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;
    -o-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
}
.form_height {
    height: 38px !important;
}
*/
.contact_input{     margin-top: 5%  !important;   width: 100% !important;}
.Name{    display: block;
    width: 100% !important;
       color: rgb(51, 51, 51) !important;
    font-family: Verdana, Geneva, sans-serif;
    font-size: 12px !important;
    margin-top: 5px !important;
    padding: 5px !important;
    border: 1px solid rgb(204, 204, 204);
    background: rgb(255, 255, 255);}

	#contact_form form .submit_btn {
    border: 1px solid #ccc !important;
    background: #fff !important;
    font-size: 14px !important;
    margin: 10px 0px !important;
    padding: 5px 14px !important;
}

.support_h3{font-size: 22px;
    line-height: 24px;    padding-bottom: 10px;    font-family: 'Hind', sans-serif;}
	.branch_h3{font-size: 22px;
    line-height: 24px;    padding-bottom: 10px;color: #000;
    font-weight: bold;    font-family: 'Hind', sans-serif;}
	.collink ul {
    list-style: none;
}
.branch_ul{line-height: 25px;
    font-family: 'Hind', sans-serif;
    color: #039;
    text-decoration: none !important;}
	
	a:active, a:hover {
    color: #ffffff !important;  text-decoration: none !important;
}
.collink li {
    padding: 0 0 3px 0;
    font-size: 12px;
}
#main p {
    padding-bottom: 15px;
    padding-top: 10px;
}
#contact_form form .submit_btn {
    border: 1px solid #ccc;
    background: #fff;
    font-size: 14px;
    margin: 10px 0px;
    padding: 5px 14px;
}
.about_h3{    font-size: 21px;
    font-weight: 600;
    line-height: 30px;}
	.about_p{    padding-bottom: 15px;
    padding-top: 10px;    line-height: 25px;
    font-family: 'Yanone Kaffeesatz', sans-serif !important;font-size: 18px;}
.services_p{    font-family: 'Hind', sans-serif;
  
    font-size: 22px;
    line-height: 24px;    font-weight: bold;}
	.packing{    font-size: 19px;
    /* font-weight: 600; */
    line-height: 30px;
    color: #000;
    position: absolute;
    margin-top: 0%;    padding-left: 4%;}
	
	.contactbox {
    display: block;
    /*width: 600px;
    height: 450px;margin-bottom: 20px; */
    line-height: 30px;
      padding: 25px;
    border: 1px solid #000;
    border-radius: 15px;
    font-size: 20px;
    
}
.contactlogo {
    padding: 35px 0 0 280px;
    height: 100px;
    width: 300px;
    background: url(images/contactlogo.jpg);
    background-position: top center;
    background-repeat: no-repeat;
}
.contactcontent {
    text-align: center;
}
.imgleftpad{    padding-left: 22%;}
.contact_p{    font-size: 20px;}
  .contact_h3{    font-weight: bold;}
   .contact_add{  font-size: 20px;
    line-height: 30px;}
	#navigation ul li a:hover{
    float: left;
    color: #f6cb44 !important;
    text-decoration: none;
}
#main h3 {
    padding-bottom: 10px;
}
h3{    font-family: 'Hind', sans-serif  !important;
    font-size: 22px  !important; 
    font-weight: bold  !important;}
	.p_allpage{    font-size: 16px !important;}
	.ul_allpages{    font-size: 16px;}
	.callnum{    padding-left: 22%;}
.jcarousel img {
    display: block;
    max-width: 100%;
    height: auto !important;
}



        /* jssor slider bullet navigator skin 03 css */
        /*
        .jssorb03 div           (normal)
        .jssorb03 div:hover     (normal mouseover)
        .jssorb03 .av           (active)
        .jssorb03 .av:hover     (active mouseover)
        .jssorb03 .dn           (mousedown)
        */
        .jssorb03 {
            position: absolute;
        }
        .jssorb03 div, .jssorb03 div:hover, .jssorb03 .av {
          /*  position: absolute;*/
            /* size of bullet elment */
            width: 21px;
            height: 21px;
            text-align: center;
            line-height: 21px;
            color: white;
            font-size: 12px;
           /* background: url('img/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; }

        /* jssor slider thumbnail navigator skin 16 css */
        /*
        .jssort16 .p            (normal)
        .jssort16 .p:hover      (normal mouseover)
        .jssort16 .pav          (active)
        .jssort16 .pav:hover    (active mouseover)
        .jssort16 .pdn          (mousedown)
        */
        .jssort16 .p {
            position: absolute;
            top: 0;
            left: 0;
            width: 200px;
            height: 100px;
        }
        
        .jssort16 .t {
            position: absolute;
            top: 0;
            left: 0;
            width: 200px;
            height: 100px;
            border: none;
        }
        
        .jssort16 .p img {
            
            top: 0;
            left: 0;
            width: 200px;
            height: 100px;    padding-left: 40%;
    z-index: 99999999999999999;
    padding-right: 82%;
        
        }
        
        .jssort16 .pav img, .jssort16 .pav:hover img, .jssort16 .p:hover img {
         
        }
        
        .jssort16 .pav:hover img, .jssort16 .p:hover img {
            filter: alpha(opacity=70);
            opacity: .7;
        }
        
        .jssort16 .title, .jssort16 .title_back {
            position: absolute;
            bottom: 0px;
            left: 0px;
            width: 200px;
            height: 30px;
            line-height: 30px;
            text-align: center;
            color: #000;
            font-size: 20px;
        }
        
        .jssort16 .title_back {
            background-color: #fff;
          /*  filter: alpha(opacity=50);
            opacity: .5;*/
        }
        
        .jssort16 .pav .title_back {
            background-color: #000;
          /*  filter: alpha(opacity=50);
            opacity: .5;*/
        }
        
        .jssort16 .pav .title {
            color: #fff;
        }
        
        .jssort16 .p.pav:hover .title_back, .jssort16 .p:hover .title_back {
           /* filter: alpha(opacity=40);
            opacity: .4;*/
        }
        
        .jssort16 .p.pdn img {
           /* filter: alpha(opacity=100);
            opacity: 1;*/
        }
		
		.grey_box{ /*background: url(../images/gey_box.jpg) repeat-x;  
		height: 67px;border-bottom: 1px solid #999999;*/}
		.padding_lr{    padding-left: 0px !important;
    padding-right: 0px !important;}
	.local_shift{  /*  padding-left: 17% ;padding-left: 65%;bottom: 13px; bottom: 81px;  */
    position: relative;
         bottom: 6px;}

div .slider-navigation  a {
    float: left;
    width: 171px;
    height: 79px;
    background: url(images/slide-button.png) no-repeat 0 0;
    position: relative;
    left: -10px;
    color: #686767;
    font-size: 14px;
    text-decoration: none;
    font-weight: bold;
    padding: 45px 0 0 100px;
    width: 261px;
    height: 132px;
}

div .slider-navigation  a.active, .slider-navigation  a:hover {
    background: url(images/slide-button-active.png);
    color: #a6a6a6;
}
.social_color{    font-size: 33px !important;
    color: #428bca;
    padding-top: 4%;}
.logo_pad{    padding-top: 1%;}

@media only screen and (max-width: 480px) and (min-width: 200px){
  .call_p {font-size: 13px !important; }
}

@media only screen and (max-width: 1200px) and (min-width: 200px){
  .fbimg {width:30% !important; }
}