@font-face {
	font-family: 'CordiaUPC';
	src: url('fonts/Miriam.eot');
	src: url('fonts/CordiaUPC.eot?#iefix') format('embedded-opentype'),
		url('fonts/CordiaUPC.svg#IcoMoon') format('svg'),
		url('fonts/CordiaUPC.woff') format('woff'),
		url('fonts/CordiaUPC.ttf') format('truetype');
	font-weight: normal;
	font-style: normal;
}


@font-face {
	font-family: 'Miriam';
	src: url('fonts/mriamc.eot');
	src: url('fonts/mriamc.eot?#iefix') format('embedded-opentype'),
		url('fonts/mriamc.svg#IcoMoon') format('svg'),
		url('fonts/mriamc.woff') format('woff'),
		url('fonts/mriamc.ttf') format('truetype');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'miriam-fixed';
	src: url('fonts/miriam-fixed.eot');
	src: url('fonts/miriam-fixed.eot?#iefix') format('embedded-opentype'),
		url('fonts/miriam-fixed.svg#IcoMoon') format('svg'),
		url('fonts/miriam-fixed.woff') format('woff'),
		url('fonts/miriam-fixed.ttf') format('truetype');
	font-weight: normal;
	font-style: normal;
}


img{
	border:none;
	}
*{
	margin:0;
	padding:0;	
	}
/* Helper classes */	
	

.flt{
	float:left;
	}	
.flr{
	float:right;
	}	
.clearboth{
	clear:both;
	}	
.p_relative{
	position:relative;	
	}	
.w_100pr{
	width:100%;
	}	
.displaynone{
	display:none;
	}	
.m_t_0{
	margin-top:0px;
	}	
.m_t_10px{
	margin-top:10px;
	}	
.m_t_15px{
	margin-top:15px;
	}	
.m_t_20px{
	margin-top:20px;
	}	
.m_t_30px{
	margin-top:30px;
	}	
.m_t_40px{
	margin-top:40px;
	}	
.m_t_50px{
	margin-top:50px;
	}	
.m_t_60px{
	margin-top:60px;
	}	
.m_t_70px{
	margin-top:70px;
	}	
.m_t_80px{
	margin-top:80px;
	}	
.m_t_90px{
	margin-top:90px;
	}

.m_b_0{
	margin-bottom:0px;
	}	
.m_b_10px{
	margin-bottom:10px;
	}	
.m_b_20px{
	margin-bottom:20px;
	}	
.m_b_30px{
	margin-bottom:30px;
	}	
.m_b_40px{
	margin-bottom:40px;
	}	
.m_b_50px{
	margin-bottom:50px;
	}	
.m_b_60px{
	margin-bottom:60px;
	}	
.m_b_70px{
	margin-bottom:70px;
	}	
.m_b_80px{
	margin-bottom:80px;
	}	
.m_b_90px{
	margin-bottom:90px;
	}

.m_l_10px{
	margin-left:10px;
	}	
.m_l_20px{
	margin-left:20px;
	}	
.m_l_30px{
	margin-left:30px;
	}	
.m_l_40px{
	margin-left:40px;
	}	
.m_l_50px{
	margin-left:50px;
	}	
.m_l_60px{
	margin-left:60px;
	}	
.m_l_70px{
	margin-left:70px;
	}	
.m_l_80px{
	margin-left:80px;
	}	
.m_l_90px{
	margin-left:90px;
	}
	
.m_r_10px{
	margin-right:10px;
	}	
.m_r_20px{
	margin-right:20px;
	}	
.m_r_30px{
	margin-right:30px;
	}	
.m_r_40px{
	margin-right:40px;
	}	
.m_r_50px{
	margin-right:50px;
	}	
.m_r_60px{
	margin-right:60px;
	}	
.m_r_70px{
	margin-right:70px;
	}	
.m_r_80px{
	margin-right:80px;
	}	
.m_r_90px{
	margin-right:90px;
	}			
	
/* Helper classes end */	
	
body{
	margin:0;
	padding:0;
	font-family:Arial, Helvetica, sans-serif;
	color:#3d3d3d;
	}
.main_body{
	float:left;
	width:100%;
	}
	
.center{
	width:1050px; 
	margin:0 auto;
	}
.header .center{
	height:100%;
	}	
.header{
	float:left;
	z-index:1;
	width:100%;
	background-image:url(../images/white_bg.png);
	background-position:0 bottom;
	background-repeat:repeat;
	height:90px;
	position:fixed;
	box-shadow: 0 2px 1px #EAEAEA;
	background-color:#fff;
	-webkit-transition: all 0.6s ease-out;  /* Chrome 1-25, Safari 3.2+ */
     -moz-transition: all 0.6s ease-out;  /* Firefox 4-15 */
       -o-transition: all 0.6s ease-out;  /* Opera 10.50–12.00 */
          transition: all 0.6s ease-out; 
	
	}
.header_fixed.header{
	height:57px;
	}
.header_fixed.header .logo {
    margin-top: 6px;
}
.header_fixed.header .logo img{
	}	
.header_fixed.header .navigation li a{
	padding: 6px 12px;
	cursor:pointer;
	}	
	
.logo{
	 float: left;
    margin-top: 13px;
	-webkit-transition: all 0.6s ease-out;  /* Chrome 1-25, Safari 3.2+ */
     -moz-transition: all 0.6s ease-out;  /* Firefox 4-15 */
       -o-transition: all 0.6s ease-out;  /* Opera 10.50–12.00 */
          transition: all 0.6s ease-out; 
		  height:72%;
	
	}
.logo img{
	-webkit-transition: all 0.6s ease-out;  /* Chrome 1-25, Safari 3.2+ */
     -moz-transition: all 0.6s ease-out;  /* Firefox 4-15 */
       -o-transition: all 0.6s ease-out;  /* Opera 10.50–12.00 */
          transition: all 0.6s ease-out; 
		  height:100%;
		  width:auto;
}
.navigation{
	float:right;
	margin:0;
	padding:0;
	}	
.navigation li{
	float:left;
	list-style:none;
	}	
.navigation li a{
	color: #8C8C8C;
	cursor:pointer;
    float: left;
    font-family: CordiaUPC;
    font-size: 31px;
    padding: 24px 12px;
    text-decoration: none;
    text-shadow: 0 0 0 #8C8C8C;
	-webkit-transition: all 0.6s ease-out;  /* Chrome 1-25, Safari 3.2+ */
     -moz-transition: all 0.6s ease-out;  /* Firefox 4-15 */
       -o-transition: all 0.6s ease-out;  /* Opera 10.50–12.00 */
          transition: all 0.6s ease-out; 
	
	}	
.navigation li.active a{
	color:#68b3e3;		
}
.navigation li a:hover{
	color:#68b3e3;		
}
.banner_section{
	text-align:center;
	margin-top:74px;
	position:relative;
	}		
.banner_title{
	 background-image: url("../images/white_bg.png");
    background-position: 0 0;
    background-repeat: repeat;
    border-bottom: 1px solid #DFDFDF;
    bottom: 0;
    color: #3895D1;
    float: left;
    font-size: 40px;
    padding: 36px 0;
    position: absolute;
    text-align: center;
    width: 100%;	
	}
.banner_title sup{
	font-size:15px;
	}		
.heading_1{
	color: #3895D1;
    float: left;
    font-size: 45px;
    font-weight: normal;
    padding: 0;
    text-align: center;
    text-shadow: 2px 3px 0.6px rgba(64, 64, 64, 0.21);
    width: 100%;
	}	
.shadow{
	 background-image: url("../images/shadow.png");
    background-position: center 0;
    background-repeat: no-repeat;
	padding-top:20px;
	}	
.text_1{
	color: #413F3F;
    float: left;
    font-size: 19px;
    padding: 0 8%;
    text-align: center;
    width: 84%;
	}	
.extra_links{
	float:left;
	width:100%;
	padding-bottom:30px;
	border-bottom:1px solid #ececec;
	}	
.extra_links ul{
	width:520px;
	margin:0 auto;
	}	
.extra_links ul li{
	float:left;
	list-style:none;
	text-align:center;
	position:relative;
	margin:0 6%;
	}
.extra_links ul li div{
	display:inline-block;
	width:61px;
	height:61px;
	margin:auto;
	
}
.rotateonscroll .rotation{
	 -moz-animation-name: rotate; 
    -moz-animation-duration: 2s; 
    -moz-animation-iteration-count: infinite;
    -moz-animation-timing-function: linear;
	 -webkit-animation-name: rotate; 
    -webkit-animation-duration: 2s; 
    -webkit-animation-iteration-count: infinite;
    -webkit-animation-timing-function: linear;
	display:block;
	
	}
.extra_links ul li:hover .rotation{
	 -moz-animation-name: rotate; 
    -moz-animation-duration: 2s; 
    -moz-animation-iteration-count: infinite;
    -moz-animation-timing-function: linear;
	 -webkit-animation-name: rotate; 
    -webkit-animation-duration: 2s; 
    -webkit-animation-iteration-count: infinite;
    -webkit-animation-timing-function: linear;
	display:block;
	}
.rotation{
	border: 2px inset #AEAEAE;
    border-radius: 60px;
    height: 65px;
    left: 0;
    margin: 0 auto;
    position: absolute;
    right: 0;
    top: -4px;
    width: 65px;
	display:none;
	}
.icon1{
	background-image:url(../images/forklift.png);
	background-position:0 0;
	background-repeat:no-repeat;
	transition:0.6s;
	}
.icon2{
	background-image:url(../images/truck.png);
	background-position:0 0;
	background-repeat:no-repeat;
	}
.icon3{
	background-image:url(../images/Barcode.png);
	background-position:0 0;
	background-repeat:no-repeat;
	}
.icon1:hover{
	background-image:url(../images/forklifthover.png);
		transition:0.6s;
	}
.icon2:hover{
	background-image:url(../images/truckhover.png);
	
	}
.icon3:hover{
	background-image:url(../images/Barcodehover.png);
	
	}
.extra_links ul li p{
	font-size:20px;
	color:#000;
	margin-top:20px;
	}	
.services_section{
	float:left;
	width:100%;
	}	
.border_div{
	width:100%;
	float:left;
		border-bottom:1px solid #ececec;
	height:1px;
	}	
.services_section img{
	float:left;
	box-shadow:0 0 13px #a2d2f0;
	}	
.services_section li img{
	box-shadow: none;
    margin-top: 6px;
}
.service_right{
	float:left;
	width:54%;
	margin-left:30px;
	}	
.service_right h3{
	 color: #5AA8DD;
    float: left;
    font-size: 32px;
    font-weight: normal;
    text-transform: uppercase;
    width: 100%;
	}	
.service_right ul{
	float:left;
	margin-top:30px;	
	margin-left: 40px;
	}	
.service_right li{
	clear: both;
	 font-family: 'Comic Sans MS';
    color: #272727;
    float: left;
    font-size: 24px;
    list-style: none outside none;
    margin-bottom: 18px;
    margin-top: -7px;
	}	
.change1{
	line-height: 22px;
    margin-top: 63px;
    width: 42%;
	}	
.contact_left{
	float:left;	
	width:534px;
	text-align:center;
	 margin-top: 80px;
	}	
.contact_header{
	color: #349CDF;
    float: left;
    font-size: 82px;
    font-weight: normal;
    margin-bottom: 30px;
    text-shadow: 0 2px 0.3px #404040;
    width: 100%;
	text-align:center;
	}	
.label1{
	float:left;
	width:100%;
	font-size:37px;
	color:#413f3f;
	}	
.text_2{
	color: #413F3F;
    float: left;
    font-size: 23px;
    margin-bottom: 30px;
    text-indent: -11px;
    width: 100%;
	}	
.contact_left ul{
	float:left;
	    margin-left: 27%;
	width:100%;
	margin-bottom:30px;
	}	
.contact_left ul li{
clear: both;
    color: #413F3F;
    float: left;
    font-size: 26px;
    list-style: none outside none;
    margin-bottom: 3px;
	}	
.contact_left ul li img{
	float:left;
	 margin-top: 6px;
}
.contact_left ul li label{
	float: left;

	margin-left:10px;

}
.text_3{
	float:left;
		font-size:27px;
	width:100%;
	}
.footer{
	float:left;
	width:100%;
	background-color:#f9f9f9;
	border-top:1px solid #ececec;
	height:135px;
	}	
.footer-text{
	float:left;
	width:100%;
	font-size:13px;
	color:#bfaecc;
	text-align:center;
	}	
.thumbimg{
	float:left;
	box-shadow:0px 3px 15px rgba(56, 149, 209, 1.00);
			width:445px;
	overflow:hidden;
	}	
.thumbimg img{
	width:100%;
	-webkit-transition: all 0.6s ease-out;  /* Chrome 1-25, Safari 3.2+ */
     -moz-transition: all 0.6s ease-out;  /* Firefox 4-15 */
       -o-transition: all 0.6s ease-out;  /* Opera 10.50–12.00 */
          transition: all 0.6s ease-out; 
	}	
.thumbimg img:hover{
	width:120%;
-webkit-transition: all 0.6s ease-out;  /* Chrome 1-25, Safari 3.2+ */
     -moz-transition: all 0.6s ease-out;  /* Firefox 4-15 */
       -o-transition: all 0.6s ease-out;  /* Opera 10.50–12.00 */
          transition: all 0.6s ease-out; 
	}	
 .text_center{
	 text-align:center;
	 }




.elem{
    position:absolute;
    top:20%;
    left:20%;
    width:0; 
    height:0;
    border-style: solid;
    border-width: 75px;
    border-color: red blue green orange;
    -webkit-transition-property: -webkit-transform;
    -webkit-transition-duration: 1s;
    -moz-transition-property: -moz-transform;
    -moz-transition-duration: 1s;
}
.elem:hover {
    -webkit-animation-name: rotate; 
    -webkit-animation-duration: 2s; 
    -webkit-animation-iteration-count: infinite;
    -webkit-animation-timing-function: linear;
    -moz-animation-name: rotate; 
    -moz-animation-duration: 2s; 
    -moz-animation-iteration-count: infinite;
    -moz-animation-timing-function: linear;
}
@-webkit-keyframes rotate {
    from {-webkit-transform: rotate(0deg);}
    to {-webkit-transform: rotate(360deg);}
}

@-moz-keyframes rotate {
    from {-moz-transform: rotate(0deg);}
    to {-moz-transform: rotate(360deg);}
}