@charset "utf-8";
/* CSS Document */

@media only screen and (max-device-width: 1024px) and (min-device-width: 641px), (max-width: 1024px) and (min-width: 641px) {
	
	@font-face {
	font-family: 'icomoon';
	src:url('../fonts/icomoon.eot');
	src:url('../fonts/icomoon.eot?#iefix') format('embedded-opentype'),
		url('../fonts/icomoon.woff') format('woff'),
		url('../fonts/icomoon.ttf') format('truetype'),
		url('../fonts/icomoon.svg#icomoon') format('svg');
	font-weight: normal;
	font-style: normal;
}

/* Common styles of menus */

.dl-menuwrapper {
	top: 25px;
	width: 100%;
	max-width: 300px;
	float: left;
	position: relative;
	-webkit-perspective: 1000px;
	perspective: 1000px;
	-webkit-perspective-origin: 50% 200%;
	perspective-origin: 50% 200%;
	display:block;
	 z-index: 100000;
}

.dl-menuwrapper:first-child {
	margin-right:0px;
	margin-left:20px;
}

.dl-menuwrapper button {
	background: #c4151a;
	border: none;
	width: 60px;
	height: 45px;
	text-indent: -900em;
	overflow: hidden;
	position: relative;
	cursor: pointer;
	outline: none;
}

.dl-menuwrapper button:hover,
.dl-menuwrapper button.dl-active,
.dl-menuwrapper ul {
	background: #585858;
}

.dl-menuwrapper button:after {
	content: '';
	position: absolute;
	width: 68%;
	height: 5px;
	background: #fff;
	top: 10px;
	left: 16%;
	box-shadow: 
		0 10px 0 #fff, 
		0 20px 0 #fff;
}

.dl-menuwrapper ul {
	padding: 0;
	list-style: none;
	-webkit-transform-style: preserve-3d;
	transform-style: preserve-3d;
}

.dl-menuwrapper li {
	position: relative;
}

.dl-menuwrapper li a {
	display: block;
	position: relative;
	padding: 15px 20px;
	font-size: 14px;
	line-height: 20px;
	text-transform:uppercase;
	font-family: 'Roboto', sans-serif;
	font-weight: 400;
	border-bottom:1px solid #434343;
	
	color: #fff;
	outline: none;
}

.no-touch .dl-menuwrapper li a:hover {
	background: rgba(196,21,26,1);
}

.dl-menuwrapper li.dl-back > a {
	padding-left: 30px;
	background: rgba(0,0,0,0.1);
}

.dl-menuwrapper li.dl-back:after,
.dl-menuwrapper li > a:not(:only-child):after {
	position: absolute;
	top: 0;
	line-height: 50px;
	font-family: 'icomoon';
	speak: none;
	-webkit-font-smoothing: antialiased;
	content: "\e000";
}

.dl-menuwrapper li.dl-back:after {
	left: 10px;
	color: rgba(212,204,198,0.3);
	-webkit-transform: rotate(180deg);
	transform: rotate(180deg);
}

.dl-menuwrapper li > a:after {
	right: 10px;
	color: rgba(0,0,0,0.15);
}

.dl-menuwrapper .dl-menu {
	margin: 5px 0 0 0;
	position: absolute;
	width: 100%;
	opacity: 0;
	pointer-events: none;
	-webkit-transform: translateY(10px);
	transform: translateY(10px);
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
}

.dl-menuwrapper .dl-menu.dl-menu-toggle {
	transition: all 0.3s ease;
}

.dl-menuwrapper .dl-menu.dl-menuopen {
	opacity: 1;
	pointer-events: auto;
	-webkit-transform: translateY(0px);
	transform: translateY(0px);
}

/* Hide the inner submenus */
.dl-menuwrapper li .dl-submenu {
	display: none;
}

/* 
When a submenu is openend, we will hide all li siblings.
For that we give a class to the parent menu called "dl-subview".
We also hide the submenu link. 
The opened submenu will get the class "dl-subviewopen".
All this is done for any sub-level being entered.
*/
.dl-menu.dl-subview li,
.dl-menu.dl-subview li.dl-subviewopen > a,
.dl-menu.dl-subview li.dl-subview > a {
	display: none;
}

.dl-menu.dl-subview li.dl-subview,
.dl-menu.dl-subview li.dl-subview .dl-submenu,
.dl-menu.dl-subview li.dl-subviewopen,
.dl-menu.dl-subview li.dl-subviewopen > .dl-submenu,
.dl-menu.dl-subview li.dl-subviewopen > .dl-submenu > li {
	display: block;
}

/* Dynamically added submenu outside of the menu context */
.dl-menuwrapper > .dl-submenu {
	position: absolute;
	width: 100%;
	top: 50px;
	left: 0;
	margin: 0;
}

/* Animation classes for moving out and in */

.dl-menu.dl-animate-out-1 {
	-webkit-animation: MenuAnimOut1 0.4s;
	animation: MenuAnimOut1 0.4s;
}

.dl-menu.dl-animate-out-2 {
	-webkit-animation: MenuAnimOut2 0.3s ease-in-out;
	animation: MenuAnimOut2 0.3s ease-in-out;
}

.dl-menu.dl-animate-out-3 {
	-webkit-animation: MenuAnimOut3 0.4s ease;
	animation: MenuAnimOut3 0.4s ease;
}

.dl-menu.dl-animate-out-4 {
	-webkit-animation: MenuAnimOut4 0.4s ease;
	animation: MenuAnimOut4 0.4s ease;
}

.dl-menu.dl-animate-out-5 {
	-webkit-animation: MenuAnimOut5 0.4s ease;
	animation: MenuAnimOut5 0.4s ease;
}

@-webkit-keyframes MenuAnimOut1 {
	0% { }
	50% {
		-webkit-transform: translateZ(-250px) rotateY(30deg);
	}
	75% {
		-webkit-transform: translateZ(-372.5px) rotateY(15deg);
		opacity: .5;
	}
	100% {
		-webkit-transform: translateZ(-500px) rotateY(0deg);
		opacity: 0;
	}
}

@-webkit-keyframes MenuAnimOut2 {
	0% { }
	100% {
		-webkit-transform: translateX(-100%);
		opacity: 0;
	}
}

@-webkit-keyframes MenuAnimOut3 {
	0% { }
	100% {
		-webkit-transform: translateZ(300px);
		opacity: 0;
	}
}

@-webkit-keyframes MenuAnimOut4 {
	0% { }
	100% {
		-webkit-transform: translateZ(-300px);
		opacity: 0;
	}
}

@-webkit-keyframes MenuAnimOut5 {
	0% { }
	100% {
		-webkit-transform: translateY(40%);
		opacity: 0;
	}
}

@keyframes MenuAnimOut1 {
	0% { }
	50% {
		-webkit-transform: translateZ(-250px) rotateY(30deg);
		transform: translateZ(-250px) rotateY(30deg);
	}
	75% {
		-webkit-transform: translateZ(-372.5px) rotateY(15deg);
		transform: translateZ(-372.5px) rotateY(15deg);
		opacity: .5;
	}
	100% {
		-webkit-transform: translateZ(-500px) rotateY(0deg);
		transform: translateZ(-500px) rotateY(0deg);
		opacity: 0;
	}
}

@keyframes MenuAnimOut2 {
	0% { }
	100% {
		-webkit-transform: translateX(-100%);
		transform: translateX(-100%);
		opacity: 0;
	}
}

@keyframes MenuAnimOut3 {
	0% { }
	100% {
		-webkit-transform: translateZ(300px);
		transform: translateZ(300px);
		opacity: 0;
	}
}

@keyframes MenuAnimOut4 {
	0% { }
	100% {
		-webkit-transform: translateZ(-300px);
		transform: translateZ(-300px);
		opacity: 0;
	}
}

@keyframes MenuAnimOut5 {
	0% { }
	100% {
		-webkit-transform: translateY(40%);
		transform: translateY(40%);
		opacity: 0;
	}
}

.dl-menu.dl-animate-in-1 {
	-webkit-animation: MenuAnimIn1 0.3s;
	animation: MenuAnimIn1 0.3s;
}

.dl-menu.dl-animate-in-2 {
	-webkit-animation: MenuAnimIn2 0.3s ease-in-out;
	animation: MenuAnimIn2 0.3s ease-in-out;
}

.dl-menu.dl-animate-in-3 {
	-webkit-animation: MenuAnimIn3 0.4s ease;
	animation: MenuAnimIn3 0.4s ease;
}

.dl-menu.dl-animate-in-4 {
	-webkit-animation: MenuAnimIn4 0.4s ease;
	animation: MenuAnimIn4 0.4s ease;
}

.dl-menu.dl-animate-in-5 {
	-webkit-animation: MenuAnimIn5 0.4s ease;
	animation: MenuAnimIn5 0.4s ease;
}

@-webkit-keyframes MenuAnimIn1 {
	0% {
		-webkit-transform: translateZ(-500px) rotateY(0deg);
		opacity: 0;
	}
	20% {
		-webkit-transform: translateZ(-250px) rotateY(30deg);
		opacity: 0.5;
	}
	100% {
		-webkit-transform: translateZ(0px) rotateY(0deg);
		opacity: 1;
	}
}

@-webkit-keyframes MenuAnimIn2 {
	0% {
		-webkit-transform: translateX(-100%);
		opacity: 0;
	}
	100% {
		-webkit-transform: translateX(0px);
		opacity: 1;
	}
}

@-webkit-keyframes MenuAnimIn3 {
	0% {
		-webkit-transform: translateZ(300px);
		opacity: 0;
	}
	100% {
		-webkit-transform: translateZ(0px);
		opacity: 1;
	}
}

@-webkit-keyframes MenuAnimIn4 {
	0% {
		-webkit-transform: translateZ(-300px);
		opacity: 0;
	}
	100% {
		-webkit-transform: translateZ(0px);
		opacity: 1;
	}
}

@-webkit-keyframes MenuAnimIn5 {
	0% {
		-webkit-transform: translateY(40%);
		opacity: 0;
	}
	100% {
		-webkit-transform: translateY(0);
		opacity: 1;
	}
}

@keyframes MenuAnimIn1 {
	0% {
		-webkit-transform: translateZ(-500px) rotateY(0deg);
		transform: translateZ(-500px) rotateY(0deg);
		opacity: 0;
	}
	20% {
		-webkit-transform: translateZ(-250px) rotateY(30deg);
		transform: translateZ(-250px) rotateY(30deg);
		opacity: 0.5;
	}
	100% {
		-webkit-transform: translateZ(0px) rotateY(0deg);
		transform: translateZ(0px) rotateY(0deg);
		opacity: 1;
	}
}

@keyframes MenuAnimIn2 {
	0% {
		-webkit-transform: translateX(-100%);
		transform: translateX(-100%);
		opacity: 0;
	}
	100% {
		-webkit-transform: translateX(0px);
		transform: translateX(0px);
		opacity: 1;
	}
}

@keyframes MenuAnimIn3 {
	0% {
		-webkit-transform: translateZ(300px);
		transform: translateZ(300px);
		opacity: 0;
	}
	100% {
		-webkit-transform: translateZ(0px);
		transform: translateZ(0px);
		opacity: 1;
	}
}

@keyframes MenuAnimIn4 {
	0% {
		-webkit-transform: translateZ(-300px);
		transform: translateZ(-300px);
		opacity: 0;
	}
	100% {
		-webkit-transform: translateZ(0px);
		transform: translateZ(0px);
		opacity: 1;
	}
}

@keyframes MenuAnimIn5 {
	0% {
		-webkit-transform: translateY(40%);
		transform: translateY(40%);
		opacity: 0;
	}
	100% {
		-webkit-transform: translateY(0);
		transform: translateY(0);
		opacity: 1;
	}
}

.dl-menuwrapper > .dl-submenu.dl-animate-in-1 {
	-webkit-animation: SubMenuAnimIn1 0.4s ease;
	animation: SubMenuAnimIn1 0.4s ease;
}

.dl-menuwrapper > .dl-submenu.dl-animate-in-2 {
	-webkit-animation: SubMenuAnimIn2 0.3s ease-in-out;
	animation: SubMenuAnimIn2 0.3s ease-in-out;
}

.dl-menuwrapper > .dl-submenu.dl-animate-in-3 {
	-webkit-animation: SubMenuAnimIn3 0.4s ease;
	animation: SubMenuAnimIn3 0.4s ease;
}

.dl-menuwrapper > .dl-submenu.dl-animate-in-4 {
	-webkit-animation: SubMenuAnimIn4 0.4s ease;
	animation: SubMenuAnimIn4 0.4s ease;
}

.dl-menuwrapper > .dl-submenu.dl-animate-in-5 {
	-webkit-animation: SubMenuAnimIn5 0.4s ease;
	animation: SubMenuAnimIn5 0.4s ease;
}

@-webkit-keyframes SubMenuAnimIn1 {
	0% {
		-webkit-transform: translateX(50%);
		opacity: 0;
	}
	100% {
		-webkit-transform: translateX(0px);
		opacity: 1;
	}
}

@-webkit-keyframes SubMenuAnimIn2 {
	0% {
		-webkit-transform: translateX(100%);
		opacity: 0;
	}
	100% {
		-webkit-transform: translateX(0px);
		opacity: 1;
	}
}

@-webkit-keyframes SubMenuAnimIn3 {
	0% {
		-webkit-transform: translateZ(-300px);
		opacity: 0;
	}
	100% {
		-webkit-transform: translateZ(0px);
		opacity: 1;
	}
}

@-webkit-keyframes SubMenuAnimIn4 {
	0% {
		-webkit-transform: translateZ(300px);
		opacity: 0;
	}
	100% {
		-webkit-transform: translateZ(0px);
		opacity: 1;
	}
}

@-webkit-keyframes SubMenuAnimIn5 {
	0% {
		-webkit-transform: translateZ(-200px);
		opacity: 0;
	}
	100% {
		-webkit-transform: translateZ(0);
		opacity: 1;
	}
}

@keyframes SubMenuAnimIn1 {
	0% {
		-webkit-transform: translateX(50%);
		transform: translateX(50%);
		opacity: 0;
	}
	100% {
		-webkit-transform: translateX(0px);
		transform: translateX(0px);
		opacity: 1;
	}
}

@keyframes SubMenuAnimIn2 {
	0% {
		-webkit-transform: translateX(100%);
		transform: translateX(100%);
		opacity: 0;
	}
	100% {
		-webkit-transform: translateX(0px);
		transform: translateX(0px);
		opacity: 1;
	}
}

@keyframes SubMenuAnimIn3 {
	0% {
		-webkit-transform: translateZ(-300px);
		transform: translateZ(-300px);
		opacity: 0;
	}
	100% {
		-webkit-transform: translateZ(0px);
		transform: translateZ(0px);
		opacity: 1;
	}
}

@keyframes SubMenuAnimIn4 {
	0% {
		-webkit-transform: translateZ(300px);
		transform: translateZ(300px);
		opacity: 0;
	}
	100% {
		-webkit-transform: translateZ(0px);
		transform: translateZ(0px);
		opacity: 1;
	}
}

@keyframes SubMenuAnimIn5 {
	0% {
		-webkit-transform: translateZ(-200px);
		transform: translateZ(-200px);
		opacity: 0;
	}
	100% {
		-webkit-transform: translateZ(0);
		transform: translateZ(0);
		opacity: 1;
	}
}

.dl-menuwrapper > .dl-submenu.dl-animate-out-1 {
	-webkit-animation: SubMenuAnimOut1 0.4s ease;
	animation: SubMenuAnimOut1 0.4s ease;
}

.dl-menuwrapper > .dl-submenu.dl-animate-out-2 {
	-webkit-animation: SubMenuAnimOut2 0.3s ease-in-out;
	animation: SubMenuAnimOut2 0.3s ease-in-out;
}

.dl-menuwrapper > .dl-submenu.dl-animate-out-3 {
	-webkit-animation: SubMenuAnimOut3 0.4s ease;
	animation: SubMenuAnimOut3 0.4s ease;
}

.dl-menuwrapper > .dl-submenu.dl-animate-out-4 {
	-webkit-animation: SubMenuAnimOut4 0.4s ease;
	animation: SubMenuAnimOut4 0.4s ease;
}

.dl-menuwrapper > .dl-submenu.dl-animate-out-5 {
	-webkit-animation: SubMenuAnimOut5 0.4s ease;
	animation: SubMenuAnimOut5 0.4s ease;
}

@-webkit-keyframes SubMenuAnimOut1 {
	0% {
		-webkit-transform: translateX(0%);
		opacity: 1;
	}
	100% {
		-webkit-transform: translateX(50%);
		opacity: 0;
	}
}

@-webkit-keyframes SubMenuAnimOut2 {
	0% {
		-webkit-transform: translateX(0%);
		opacity: 1;
	}
	100% {
		-webkit-transform: translateX(100%);
		opacity: 0;
	}
}

@-webkit-keyframes SubMenuAnimOut3 {
	0% {
		-webkit-transform: translateZ(0px);
		opacity: 1;
	}
	100% {
		-webkit-transform: translateZ(-300px);
		opacity: 0;
	}
}

@-webkit-keyframes SubMenuAnimOut4 {
	0% {
		-webkit-transform: translateZ(0px);
		opacity: 1;
	}
	100% {
		-webkit-transform: translateZ(300px);
		opacity: 0;
	}
}

@-webkit-keyframes SubMenuAnimOut5 {
	0% {
		-webkit-transform: translateZ(0);
		opacity: 1;
	}
	100% {
		-webkit-transform: translateZ(-200px);
		opacity: 0;
	}
}

@keyframes SubMenuAnimOut1 {
	0% {
		-webkit-transform: translateX(0%);
		transform: translateX(0%);
		opacity: 1;
	}
	100% {
		-webkit-transform: translateX(50%);
		transform: translateX(50%);
		opacity: 0;
	}
}

@keyframes SubMenuAnimOut2 {
	0% {
		-webkit-transform: translateX(0%);
		transform: translateX(0%);
		opacity: 1;
	}
	100% {
		-webkit-transform: translateX(100%);
		transform: translateX(100%);
		opacity: 0;
	}
}

@keyframes SubMenuAnimOut3 {
	0% {
		-webkit-transform: translateZ(0px);
		transform: translateZ(0px);
		opacity: 1;
	}
	100% {
		-webkit-transform: translateZ(-300px);
		transform: translateZ(-300px);
		opacity: 0;
	}
}

@keyframes SubMenuAnimOut4 {
	0% {
		-webkit-transform: translateZ(0px);
		transform: translateZ(0px);
		opacity: 1;
	}
	100% {
		-webkit-transform: translateZ(300px);
		transform: translateZ(300px);
		opacity: 0;
	}
}

@keyframes SubMenuAnimOut5 {
	0% {
		-webkit-transform: translateZ(0);
		transform: translateZ(0);
		opacity: 1;
	}
	100% {
		-webkit-transform: translateZ(-200px);
		transform: translateZ(-200px);
		opacity: 0;
	}
}

/* No JS Fallback */
.no-js .dl-menuwrapper .dl-menu {
	position: relative;
	opacity: 1;
	-webkit-transform: none;
	transform: none;
}

.no-js .dl-menuwrapper li .dl-submenu {
	display: block;
}

.no-js .dl-menuwrapper li.dl-back {
	display: none;
}

.no-js .dl-menuwrapper li > a:not(:only-child) {
	background: rgba(0,0,0,0.1);
}

.no-js .dl-menuwrapper li > a:not(:only-child):after {
	content: '';
}

/* Colors for demos */

/* Demo 1 */
.demo-1 .dl-menuwrapper button {
	background: #c62860;
}

.demo-1 .dl-menuwrapper button:hover,
.demo-1 .dl-menuwrapper button.dl-active,
.demo-1 .dl-menuwrapper ul {
	background: #9e1847;
}

/* Demo 2 */
.demo-2 .dl-menuwrapper button {
	background: #e86814;
}

.demo-2 .dl-menuwrapper button:hover,
.demo-2 .dl-menuwrapper button.dl-active,
.demo-2 .dl-menuwrapper ul {
	background: #D35400;
}

/* Demo 3 */
.demo-3 .dl-menuwrapper button {
	background: #08cbc4;
}

.demo-3 .dl-menuwrapper button:hover,
.demo-3 .dl-menuwrapper button.dl-active,
.demo-3 .dl-menuwrapper ul {
	background: #00b4ae;
}

/* Demo 4 */
.demo-4 .dl-menuwrapper button {
	background: #90b912;
}

.demo-4 .dl-menuwrapper button:hover,
.demo-4 .dl-menuwrapper button.dl-active,
.demo-4 .dl-menuwrapper ul {
	background: #79a002;
}

/* Demo 5 */
.demo-5 .dl-menuwrapper button {
	background: #744783;
}

.demo-5 .dl-menuwrapper button:hover,
.demo-5 .dl-menuwrapper button.dl-active,
.demo-5 .dl-menuwrapper ul {
	background: #643771;
}

	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	#container {
	width: 100%;
	height: auto;
	margin: 0 auto;
	overflow: hidden;
}
.span_sec {
	width: 100%;
	height: 100px;
	float: left;
}
.span_sec_logo {
	width: 224px;
	height: 100px;
	float: left;
	padding-left: 20px;
	display: block;
}
.span_sec_nav {
	
	float: left;
    display:none;
}
.span_sec_banner_02{
	width:382px;
	height:511px;
	margin:0 auto;
	background-color: rgba(196, 21, 26, 0.8);
	
}
.span_sec_banner_text{
	font-size:18px;
	font-family: 'Roboto', sans-serif;
	position:absolute;
	text-transform:uppercase;
	color:#fff;
	top:330px;
	width:316px;
	padding:0px 33px 0px 33px;
	
}
.rslides_tabs {
display:none;
  }
  .span_sec_bd_01{
	width:100%;
	height:auto;
	float:left;
	
}
.span_sec_bd_02{
	width:100%;
	height:325px;
	margin:0 auto;
	margin-top:30px;
	margin-bottom:30px;
	display:block;
}
.span_sec_bd_03{
	width:100%;
	height:40px;
	border-bottom:1px solid #e6e6e6;
	float:left;
}
.span_sec_service_02{
	width:100%;
	 height: 263px;
	float:left;
	border-bottom:1px solid #e6e6e6;
	border-left:1px solid #e6e6e6;
}
.span_sec_service_01{
	display: block;
    float: left;
    height: auto;
    width: 100%;
	
}
.span_sec_icon_service{
	background:url(../images/juice.png) no-repeat center center  #c4151a;
	
	 float: left;
    height: 42px;
    margin-bottom: 20px;
    margin-left: -1px;
    position: relative;
    text-align: center;
    width: 100%;
    z-index: 33;
}
.span_sec_service_02:hover .span_sec_icon_service{
    background:url(../images/juice_hv.png) no-repeat   center  center  #fff;
	
}
.span_sec_service_hd{
	text-align:center;
	float:left;
	font-size:16px;
	color:#333333;
	font-weight:bold;
	text-transform:uppercase;
	width:100%;
	margin-top:20px;
	margin-bottom:20px;
	line-height:18px;
}
.span_sec_service_text{
	width:100%;
	text-align:center;
	font-size:15px;
	font-family: 'Roboto', sans-serif;
	color:#585858;
	padding:0px 15px 20px 15px;
	float:left;
}
.span_sec_service_red{
	width:100%;
	height:50px;
	float:left;
	text-align:center;
	background:url(../images/red_service.png) no-repeat center center;
	display:block;
	 margin: 0;
	transition: all 0.5s ease 0s;
}

.span_sec_icon_service1{
	background:url(../images/tobacco.png) no-repeat center center  #c4151a;
	
	 float: left;
    height: 42px;
    margin-bottom: 20px;
    margin-left: -1px;
    position: relative;
    text-align: center;
    width: 100%;
    z-index: 33;
}
.span_sec_service_02:hover .span_sec_icon_service1{
    background:url(../images/tobacco_hv.png) no-repeat   center  center   #fff;
	
}
.span_sec_icon_service2{
	background:url(../images/car.png) no-repeat center center  #c4151a;
	
	 float: left;
    height: 42px;
    margin-bottom: 20px;
    margin-left: -1px;
    position: relative;
    text-align: center;
    width: 100%;
    z-index: 33;
}
.span_sec_service_02:hover .span_sec_icon_service2{
    background:url(../images/car_hv.png) no-repeat   center  center   #fff;
	
}
.span_sec_icon_service3{
	background:url(../images/manufacturing.png) no-repeat center center  #c4151a;
	
	 float: left;
    height: 42px;
    margin-bottom: 20px;
    margin-left: -1px;
    position: relative;
    text-align: center;
    width: 100%;
    z-index: 33;
}
.span_sec_service_02:hover .span_sec_icon_service3{
    background:url(../images/manufacturing_hv.png) no-repeat   center  center   #fff;
	
}
.span_enquiry_sec{
	width:100%;
	height:auto;
	float:left;
	background-image:none;
	
	
}
.span_enquiry_sec_mid{
	width:100%;
	height:auto;
	padding:40px 0px 0px 0px;
	margin:0 auto;
}
.span_enquiry_sec_01{
	width:auto;
	height:344px;
	float:left;
	margin:0px;
	border:3px solid #c4151a;
	background-color: rgba(0, 0, 0, 0.2);
	
}
h1.span_sec_email_enquiry{
	font-size:22px;
	font-family: 'Roboto', sans-serif;
	float:left;
	margin-left:24px;
	margin-bottom:24px;
	line-height:28px;
	color:#fff;
	width:100%;
	text-transform:uppercase;
}
.span_sec_enquiry_002{
	padding:30px;
	float:left;
	width:100%;
	margin:0px;
	height:290px;
	background-color: rgba(0, 0, 0, 0.5);
}
.span_sec_video{
	width:100%;
	height:auto;
	margin:0px;
	float:left;
	background-color: rgba(0, 0, 0, 0.5);
}
.span_sec_video_player{
	width:100%;
	height:177px;
	margin:0 auto;
	margin-top:11px;
	display:block;
}
.span_sec_footer_mid{
	width:600px;
	margin:0 auto;
	height:auto;
}
.span_sec_footer_06{
	width:321px;
	height:auto;
	float:left;
}
.span_sec_footer_bootm{
	width:600px;
	float:left;
	border-top:1px solid #e8e6e1;
	padding-top:20px;
	padding-bottom:20px;
}
.span_sec_fooet_top_text{
	float:left;
	margin-left:20px;
	font-size:13px;
	font-weight:bolder;
	color:#999999;
	text-align:left;
	 line-height: 48px;
}
.span_sec_social_icon {
	width: 170px;
	height: auto;
	float: right;
	padding-top: 45px;
	padding-right: 31px;
	display: block;
}
.span_sec_enquiry_{
	width:94%;
	height:36px;
	float:left;
	background:#f3f3f3;
	border:none;
	color:#999999;
	font-family: 'Roboto', sans-serif;
	text-indent:15px;
	font-size:13px;
	margin-bottom:1px;
	padding:0px;
}
.span_sec_enquiry_commnt{
	width:94%;
	height:90px;
	border:none;
	border:none;
	color:#999999;
	font-family: 'Roboto', sans-serif;
	text-indent:15px;
	background:#f3f3f3;
	padding-top:6px;
	font-size:13px;
	padding-left:0px;
	padding-right:0px;
	margin:0px;
}
.span_sec_sumbit{
	border:none;
	width:94%;
	height:40px;
	float:left;
	padding:0px;
	color:#fff;
	background:#c4151a;
	font-family: 'Roboto', sans-serif;
	font-weight:bolder;
	font-size:14px;
	text-transform:uppercase;
	cursor:pointer;
	padding:0px;
	transition: all 0.5s ease 0s;
}
.span_sec_sumbit:hover{
	background:#448565;
	
}
.span_sec_04{
	background:url(../images/bg_hdg.png) no-repeat center center;
	width:100%;
	height:74px;
	float:left;
	margin-bottom:30px;
	display:block;
}
.span_sec_05{
	width:600px;
	height:auto;
	margin:0 auto;
}
.span_sec_06{
	width:100%;
	height:auto;
	float:left;
	background:url(../images/slide_inner.png) no-repeat center top;
	display:block;
}
.span_sec_09{
	width:340px;
	height:auto;
	float:right;
}
.span_sec_07{
	width:340px;
	height:54px;
	float:left;
	margin-left:0px;
	border-bottom:1px solid rgba(255, 255, 255, 0.2);
}
p.span_sec_015{
	padding:30px;
	background:#3d3d3d;
	font-size:17px;
	font-weight:bold;
	height: 195px;
	
	color:#fff;
}
.span_sec_footer_01{
	width:320px;
	height:auto;
	float:left;
	display:block;
}
.span_sec_footer_03{
	width:250px;
	height:auto;
	float:left;
}
.span_sec_footer_05 h3{
	font-size:14px;
	text-align:left;
	font-weight:bolder;
	text-transform:uppercase;
	color:#999999;
	padding-left:10px;
	margin-left:0px;
	background:url(../images/dot.png) no-repeat center left;
}
.span_sec_footer_05 ul li a{
	font-size:13px;
	color:#999;
	float:left;
	display:block;
	background:url(../images/dot.png) no-repeat center left;
	padding-left:10px;
	margin-left:0px;
	line-height:22px;
	transition: all 0.5s ease 0s;
}
.span_sec_016{
	display:none;
}
.imag_span_01 img{
	width:235px;
	height:235px;
	float:left;
	display:block;
	transition: all 0.5s ease 0s;
	border:2px solid #fff;
	margin-top:11px;
	margin-right:11px;
}
.imag_span_01{
	width:235px;
	height:235px;
	float:left;
	display:block;
	transition: all 0.5s ease 0s;
	border:2px solid #fff;
	margin-top:11px;
	margin-right:11px;
}
.span_sec_para img{
	width:405px;
}
.span_sec_form{
	padding: 30px 10px 50px;
    width: 320px;
}
.span_sec_enquiry_form{
	width:320px;
}
.span_sec_enquiry_form_rit{
	width:320px;
}
.span_sec_enquiry_commnt_form{
	width:320px;
}
.span_sec_products_02{
	background:url(../images/products_01_0.png) no-repeat center left;
	float:right;
	display:block;
	width:264px;
	height:251px;
	top: -43px;
	position:relative;
}
.span_sec_products_01{
	width:auto;
	height:auto;
	margin-bottom:1px;
	float:left;
	display:block;
}
.span_sec_products_02__{
	background:url(../images/products_01_1.png) no-repeat center left;
	float:left;
	display:block;
	width:264px;
	height:251px;
	top: -43px;
	position:relative;
}
}


@media only screen and (max-device-width: 640px) and (min-device-width: 220px), (max-width: 640px) and (min-width: 220px) {
@font-face {
	font-family: 'icomoon';
	src:url('../fonts/icomoon.eot');
	src:url('../fonts/icomoon.eot?#iefix') format('embedded-opentype'),
		url('../fonts/icomoon.woff') format('woff'),
		url('../fonts/icomoon.ttf') format('truetype'),
		url('../fonts/icomoon.svg#icomoon') format('svg');
	font-weight: normal;
	font-style: normal;
}

/* Common styles of menus */

.dl-menuwrapper {
	top: 25px;
	width: 100%;
	max-width: 300px;
	float: left;
	position: relative;
	-webkit-perspective: 1000px;
	perspective: 1000px;
	-webkit-perspective-origin: 50% 200%;
	perspective-origin: 50% 200%;
	display:block;
	 z-index: 100000;
}

.dl-menuwrapper:first-child {
	margin-right:0px;
	margin-left:10px;
}

.dl-menuwrapper button {
	background: #c4151a;
	border: none;
	width: 60px;
	height: 45px;
	text-indent: -900em;
	overflow: hidden;
	position: relative;
	cursor: pointer;
	outline: none;
}

.dl-menuwrapper button:hover,
.dl-menuwrapper button.dl-active,
.dl-menuwrapper ul {
	background: #585858;
}

.dl-menuwrapper button:after {
	content: '';
	position: absolute;
	width: 68%;
	height: 5px;
	background: #fff;
	top: 10px;
	left: 16%;
	box-shadow: 
		0 10px 0 #fff, 
		0 20px 0 #fff;
}

.dl-menuwrapper ul {
	padding: 0;
	list-style: none;
	-webkit-transform-style: preserve-3d;
	transform-style: preserve-3d;
}

.dl-menuwrapper li {
	position: relative;
}

.dl-menuwrapper li a {
	display: block;
	position: relative;
	padding: 15px 20px;
	font-size: 14px;
	line-height: 20px;
	text-transform:uppercase;
	font-family: 'Roboto', sans-serif;
	font-weight: 400;
	border-bottom:1px solid #434343;
	
	color: #fff;
	outline: none;
}

.no-touch .dl-menuwrapper li a:hover {
	background: rgba(196,21,26,1);
}

.dl-menuwrapper li.dl-back > a {
	padding-left: 30px;
	background: rgba(0,0,0,0.1);
}

.dl-menuwrapper li.dl-back:after,
.dl-menuwrapper li > a:not(:only-child):after {
	position: absolute;
	top: 0;
	line-height: 50px;
	font-family: 'icomoon';
	speak: none;
	-webkit-font-smoothing: antialiased;
	content: "\e000";
}

.dl-menuwrapper li.dl-back:after {
	left: 10px;
	color: rgba(212,204,198,0.3);
	-webkit-transform: rotate(180deg);
	transform: rotate(180deg);
}

.dl-menuwrapper li > a:after {
	right: 10px;
	color: rgba(0,0,0,0.15);
}

.dl-menuwrapper .dl-menu {
	margin: 5px 0 0 0;
	position: absolute;
	width: 100%;
	opacity: 0;
	pointer-events: none;
	-webkit-transform: translateY(10px);
	transform: translateY(10px);
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
}

.dl-menuwrapper .dl-menu.dl-menu-toggle {
	transition: all 0.3s ease;
}

.dl-menuwrapper .dl-menu.dl-menuopen {
	opacity: 1;
	pointer-events: auto;
	-webkit-transform: translateY(0px);
	transform: translateY(0px);
}

/* Hide the inner submenus */
.dl-menuwrapper li .dl-submenu {
	display: none;
}

/* 
When a submenu is openend, we will hide all li siblings.
For that we give a class to the parent menu called "dl-subview".
We also hide the submenu link. 
The opened submenu will get the class "dl-subviewopen".
All this is done for any sub-level being entered.
*/
.dl-menu.dl-subview li,
.dl-menu.dl-subview li.dl-subviewopen > a,
.dl-menu.dl-subview li.dl-subview > a {
	display: none;
}

.dl-menu.dl-subview li.dl-subview,
.dl-menu.dl-subview li.dl-subview .dl-submenu,
.dl-menu.dl-subview li.dl-subviewopen,
.dl-menu.dl-subview li.dl-subviewopen > .dl-submenu,
.dl-menu.dl-subview li.dl-subviewopen > .dl-submenu > li {
	display: block;
}

/* Dynamically added submenu outside of the menu context */
.dl-menuwrapper > .dl-submenu {
	position: absolute;
	width: 100%;
	top: 50px;
	left: 0;
	margin: 0;
}

/* Animation classes for moving out and in */

.dl-menu.dl-animate-out-1 {
	-webkit-animation: MenuAnimOut1 0.4s;
	animation: MenuAnimOut1 0.4s;
}

.dl-menu.dl-animate-out-2 {
	-webkit-animation: MenuAnimOut2 0.3s ease-in-out;
	animation: MenuAnimOut2 0.3s ease-in-out;
}

.dl-menu.dl-animate-out-3 {

	-webkit-animation: MenuAnimOut3 0.4s ease;
	animation: MenuAnimOut3 0.4s ease;
}

.dl-menu.dl-animate-out-4 {
	-webkit-animation: MenuAnimOut4 0.4s ease;
	animation: MenuAnimOut4 0.4s ease;
}

.dl-menu.dl-animate-out-5 {
	-webkit-animation: MenuAnimOut5 0.4s ease;
	animation: MenuAnimOut5 0.4s ease;
}

@-webkit-keyframes MenuAnimOut1 {
	0% { }
	50% {
		-webkit-transform: translateZ(-250px) rotateY(30deg);
	}
	75% {
		-webkit-transform: translateZ(-372.5px) rotateY(15deg);
		opacity: .5;
	}
	100% {
		-webkit-transform: translateZ(-500px) rotateY(0deg);
		opacity: 0;
	}
}

@-webkit-keyframes MenuAnimOut2 {
	0% { }
	100% {
		-webkit-transform: translateX(-100%);
		opacity: 0;
	}
}

@-webkit-keyframes MenuAnimOut3 {
	0% { }
	100% {
		-webkit-transform: translateZ(300px);
		opacity: 0;
	}
}

@-webkit-keyframes MenuAnimOut4 {
	0% { }
	100% {
		-webkit-transform: translateZ(-300px);
		opacity: 0;
	}
}

@-webkit-keyframes MenuAnimOut5 {
	0% { }
	100% {
		-webkit-transform: translateY(40%);
		opacity: 0;
	}
}

@keyframes MenuAnimOut1 {
	0% { }
	50% {
		-webkit-transform: translateZ(-250px) rotateY(30deg);
		transform: translateZ(-250px) rotateY(30deg);
	}
	75% {
		-webkit-transform: translateZ(-372.5px) rotateY(15deg);
		transform: translateZ(-372.5px) rotateY(15deg);
		opacity: .5;
	}
	100% {
		-webkit-transform: translateZ(-500px) rotateY(0deg);
		transform: translateZ(-500px) rotateY(0deg);
		opacity: 0;
	}
}

@keyframes MenuAnimOut2 {
	0% { }
	100% {
		-webkit-transform: translateX(-100%);
		transform: translateX(-100%);
		opacity: 0;
	}
}

@keyframes MenuAnimOut3 {
	0% { }
	100% {
		-webkit-transform: translateZ(300px);
		transform: translateZ(300px);
		opacity: 0;
	}
}

@keyframes MenuAnimOut4 {
	0% { }
	100% {
		-webkit-transform: translateZ(-300px);
		transform: translateZ(-300px);
		opacity: 0;
	}
}

@keyframes MenuAnimOut5 {
	0% { }
	100% {
		-webkit-transform: translateY(40%);
		transform: translateY(40%);
		opacity: 0;
	}
}

.dl-menu.dl-animate-in-1 {
	-webkit-animation: MenuAnimIn1 0.3s;
	animation: MenuAnimIn1 0.3s;
}

.dl-menu.dl-animate-in-2 {
	-webkit-animation: MenuAnimIn2 0.3s ease-in-out;
	animation: MenuAnimIn2 0.3s ease-in-out;
}

.dl-menu.dl-animate-in-3 {
	-webkit-animation: MenuAnimIn3 0.4s ease;
	animation: MenuAnimIn3 0.4s ease;
}

.dl-menu.dl-animate-in-4 {
	-webkit-animation: MenuAnimIn4 0.4s ease;
	animation: MenuAnimIn4 0.4s ease;
}

.dl-menu.dl-animate-in-5 {
	-webkit-animation: MenuAnimIn5 0.4s ease;
	animation: MenuAnimIn5 0.4s ease;
}

@-webkit-keyframes MenuAnimIn1 {
	0% {
		-webkit-transform: translateZ(-500px) rotateY(0deg);
		opacity: 0;
	}
	20% {
		-webkit-transform: translateZ(-250px) rotateY(30deg);
		opacity: 0.5;
	}
	100% {
		-webkit-transform: translateZ(0px) rotateY(0deg);
		opacity: 1;
	}
}

@-webkit-keyframes MenuAnimIn2 {
	0% {
		-webkit-transform: translateX(-100%);
		opacity: 0;
	}
	100% {
		-webkit-transform: translateX(0px);
		opacity: 1;
	}
}

@-webkit-keyframes MenuAnimIn3 {
	0% {
		-webkit-transform: translateZ(300px);
		opacity: 0;
	}
	100% {
		-webkit-transform: translateZ(0px);
		opacity: 1;
	}
}

@-webkit-keyframes MenuAnimIn4 {
	0% {
		-webkit-transform: translateZ(-300px);
		opacity: 0;
	}
	100% {
		-webkit-transform: translateZ(0px);
		opacity: 1;
	}
}

@-webkit-keyframes MenuAnimIn5 {
	0% {
		-webkit-transform: translateY(40%);
		opacity: 0;
	}
	100% {
		-webkit-transform: translateY(0);
		opacity: 1;
	}
}

@keyframes MenuAnimIn1 {
	0% {
		-webkit-transform: translateZ(-500px) rotateY(0deg);
		transform: translateZ(-500px) rotateY(0deg);
		opacity: 0;
	}
	20% {
		-webkit-transform: translateZ(-250px) rotateY(30deg);
		transform: translateZ(-250px) rotateY(30deg);
		opacity: 0.5;
	}
	100% {
		-webkit-transform: translateZ(0px) rotateY(0deg);
		transform: translateZ(0px) rotateY(0deg);
		opacity: 1;
	}
}

@keyframes MenuAnimIn2 {
	0% {
		-webkit-transform: translateX(-100%);
		transform: translateX(-100%);
		opacity: 0;
	}
	100% {
		-webkit-transform: translateX(0px);
		transform: translateX(0px);
		opacity: 1;
	}
}

@keyframes MenuAnimIn3 {
	0% {
		-webkit-transform: translateZ(300px);
		transform: translateZ(300px);
		opacity: 0;
	}
	100% {
		-webkit-transform: translateZ(0px);
		transform: translateZ(0px);
		opacity: 1;
	}
}

@keyframes MenuAnimIn4 {
	0% {
		-webkit-transform: translateZ(-300px);
		transform: translateZ(-300px);
		opacity: 0;
	}
	100% {
		-webkit-transform: translateZ(0px);
		transform: translateZ(0px);
		opacity: 1;
	}
}

@keyframes MenuAnimIn5 {
	0% {
		-webkit-transform: translateY(40%);
		transform: translateY(40%);
		opacity: 0;
	}
	100% {
		-webkit-transform: translateY(0);
		transform: translateY(0);
		opacity: 1;
	}
}

.dl-menuwrapper > .dl-submenu.dl-animate-in-1 {
	-webkit-animation: SubMenuAnimIn1 0.4s ease;
	animation: SubMenuAnimIn1 0.4s ease;
}

.dl-menuwrapper > .dl-submenu.dl-animate-in-2 {
	-webkit-animation: SubMenuAnimIn2 0.3s ease-in-out;
	animation: SubMenuAnimIn2 0.3s ease-in-out;
}

.dl-menuwrapper > .dl-submenu.dl-animate-in-3 {
	-webkit-animation: SubMenuAnimIn3 0.4s ease;
	animation: SubMenuAnimIn3 0.4s ease;
}

.dl-menuwrapper > .dl-submenu.dl-animate-in-4 {
	-webkit-animation: SubMenuAnimIn4 0.4s ease;
	animation: SubMenuAnimIn4 0.4s ease;
}

.dl-menuwrapper > .dl-submenu.dl-animate-in-5 {
	-webkit-animation: SubMenuAnimIn5 0.4s ease;
	animation: SubMenuAnimIn5 0.4s ease;
}

@-webkit-keyframes SubMenuAnimIn1 {
	0% {
		-webkit-transform: translateX(50%);
		opacity: 0;
	}
	100% {
		-webkit-transform: translateX(0px);
		opacity: 1;
	}
}

@-webkit-keyframes SubMenuAnimIn2 {
	0% {
		-webkit-transform: translateX(100%);
		opacity: 0;
	}
	100% {
		-webkit-transform: translateX(0px);
		opacity: 1;
	}
}

@-webkit-keyframes SubMenuAnimIn3 {
	0% {
		-webkit-transform: translateZ(-300px);
		opacity: 0;
	}
	100% {
		-webkit-transform: translateZ(0px);
		opacity: 1;
	}
}

@-webkit-keyframes SubMenuAnimIn4 {
	0% {
		-webkit-transform: translateZ(300px);
		opacity: 0;
	}
	100% {
		-webkit-transform: translateZ(0px);
		opacity: 1;
	}
}

@-webkit-keyframes SubMenuAnimIn5 {
	0% {
		-webkit-transform: translateZ(-200px);
		opacity: 0;
	}
	100% {
		-webkit-transform: translateZ(0);
		opacity: 1;
	}
}

@keyframes SubMenuAnimIn1 {
	0% {
		-webkit-transform: translateX(50%);
		transform: translateX(50%);
		opacity: 0;
	}
	100% {
		-webkit-transform: translateX(0px);
		transform: translateX(0px);
		opacity: 1;
	}
}

@keyframes SubMenuAnimIn2 {
	0% {
		-webkit-transform: translateX(100%);
		transform: translateX(100%);
		opacity: 0;
	}
	100% {
		-webkit-transform: translateX(0px);
		transform: translateX(0px);
		opacity: 1;
	}
}

@keyframes SubMenuAnimIn3 {
	0% {
		-webkit-transform: translateZ(-300px);
		transform: translateZ(-300px);
		opacity: 0;
	}
	100% {
		-webkit-transform: translateZ(0px);
		transform: translateZ(0px);
		opacity: 1;
	}
}

@keyframes SubMenuAnimIn4 {
	0% {
		-webkit-transform: translateZ(300px);
		transform: translateZ(300px);
		opacity: 0;
	}
	100% {
		-webkit-transform: translateZ(0px);
		transform: translateZ(0px);
		opacity: 1;
	}
}

@keyframes SubMenuAnimIn5 {
	0% {
		-webkit-transform: translateZ(-200px);
		transform: translateZ(-200px);
		opacity: 0;
	}
	100% {
		-webkit-transform: translateZ(0);
		transform: translateZ(0);
		opacity: 1;
	}
}

.dl-menuwrapper > .dl-submenu.dl-animate-out-1 {
	-webkit-animation: SubMenuAnimOut1 0.4s ease;
	animation: SubMenuAnimOut1 0.4s ease;
}

.dl-menuwrapper > .dl-submenu.dl-animate-out-2 {
	-webkit-animation: SubMenuAnimOut2 0.3s ease-in-out;
	animation: SubMenuAnimOut2 0.3s ease-in-out;
}

.dl-menuwrapper > .dl-submenu.dl-animate-out-3 {
	-webkit-animation: SubMenuAnimOut3 0.4s ease;
	animation: SubMenuAnimOut3 0.4s ease;
}

.dl-menuwrapper > .dl-submenu.dl-animate-out-4 {
	-webkit-animation: SubMenuAnimOut4 0.4s ease;
	animation: SubMenuAnimOut4 0.4s ease;
}

.dl-menuwrapper > .dl-submenu.dl-animate-out-5 {
	-webkit-animation: SubMenuAnimOut5 0.4s ease;
	animation: SubMenuAnimOut5 0.4s ease;
}

@-webkit-keyframes SubMenuAnimOut1 {
	0% {
		-webkit-transform: translateX(0%);
		opacity: 1;
	}
	100% {
		-webkit-transform: translateX(50%);
		opacity: 0;
	}
}

@-webkit-keyframes SubMenuAnimOut2 {
	0% {
		-webkit-transform: translateX(0%);
		opacity: 1;
	}
	100% {
		-webkit-transform: translateX(100%);
		opacity: 0;
	}
}

@-webkit-keyframes SubMenuAnimOut3 {
	0% {
		-webkit-transform: translateZ(0px);
		opacity: 1;
	}
	100% {
		-webkit-transform: translateZ(-300px);
		opacity: 0;
	}
}

@-webkit-keyframes SubMenuAnimOut4 {
	0% {
		-webkit-transform: translateZ(0px);
		opacity: 1;
	}
	100% {
		-webkit-transform: translateZ(300px);
		opacity: 0;
	}
}

@-webkit-keyframes SubMenuAnimOut5 {
	0% {
		-webkit-transform: translateZ(0);
		opacity: 1;
	}
	100% {
		-webkit-transform: translateZ(-200px);
		opacity: 0;
	}
}

@keyframes SubMenuAnimOut1 {
	0% {
		-webkit-transform: translateX(0%);
		transform: translateX(0%);
		opacity: 1;
	}
	100% {
		-webkit-transform: translateX(50%);
		transform: translateX(50%);
		opacity: 0;
	}
}

@keyframes SubMenuAnimOut2 {
	0% {
		-webkit-transform: translateX(0%);
		transform: translateX(0%);
		opacity: 1;
	}
	100% {
		-webkit-transform: translateX(100%);
		transform: translateX(100%);
		opacity: 0;
	}
}

@keyframes SubMenuAnimOut3 {
	0% {
		-webkit-transform: translateZ(0px);
		transform: translateZ(0px);
		opacity: 1;
	}
	100% {
		-webkit-transform: translateZ(-300px);
		transform: translateZ(-300px);
		opacity: 0;
	}
}

@keyframes SubMenuAnimOut4 {
	0% {
		-webkit-transform: translateZ(0px);
		transform: translateZ(0px);
		opacity: 1;
	}
	100% {
		-webkit-transform: translateZ(300px);
		transform: translateZ(300px);
		opacity: 0;
	}
}

@keyframes SubMenuAnimOut5 {
	0% {
		-webkit-transform: translateZ(0);
		transform: translateZ(0);
		opacity: 1;
	}
	100% {
		-webkit-transform: translateZ(-200px);
		transform: translateZ(-200px);
		opacity: 0;
	}
}

/* No JS Fallback */
.no-js .dl-menuwrapper .dl-menu {
	position: relative;
	opacity: 1;
	-webkit-transform: none;
	transform: none;
}

.no-js .dl-menuwrapper li .dl-submenu {
	display: block;
}

.no-js .dl-menuwrapper li.dl-back {
	display: none;
}

.no-js .dl-menuwrapper li > a:not(:only-child) {
	background: rgba(0,0,0,0.1);
}

.no-js .dl-menuwrapper li > a:not(:only-child):after {
	content: '';
}

/* Colors for demos */

/* Demo 1 */
.demo-1 .dl-menuwrapper button {
	background: #c62860;
}

.demo-1 .dl-menuwrapper button:hover,
.demo-1 .dl-menuwrapper button.dl-active,
.demo-1 .dl-menuwrapper ul {
	background: #9e1847;
}

/* Demo 2 */
.demo-2 .dl-menuwrapper button {
	background: #e86814;
}

.demo-2 .dl-menuwrapper button:hover,
.demo-2 .dl-menuwrapper button.dl-active,
.demo-2 .dl-menuwrapper ul {
	background: #D35400;
}

/* Demo 3 */
.demo-3 .dl-menuwrapper button {
	background: #08cbc4;
}

.demo-3 .dl-menuwrapper button:hover,
.demo-3 .dl-menuwrapper button.dl-active,
.demo-3 .dl-menuwrapper ul {
	background: #00b4ae;
}

/* Demo 4 */
.demo-4 .dl-menuwrapper button {
	background: #90b912;
}

.demo-4 .dl-menuwrapper button:hover,
.demo-4 .dl-menuwrapper button.dl-active,
.demo-4 .dl-menuwrapper ul {
	background: #79a002;
}

/* Demo 5 */
.demo-5 .dl-menuwrapper button {
	background: #744783;
}

.demo-5 .dl-menuwrapper button:hover,
.demo-5 .dl-menuwrapper button.dl-active,
.demo-5 .dl-menuwrapper ul {
	background: #643771;
}

	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	#container {
	width: 100%;
	height: auto;
	margin: 0 auto;
	overflow: hidden;
}
.span_sec {
	width: 100%;
	height: 100px;
	float: left;
}
.span_sec_logo {
	width: 224px;
	height: 100px;
	position:absolute;
	padding-left: 80px;
	display: block;
}
.span_sec_nav {
	
	float: left;
    display:none;
}
.span_sec_banner_02{
	width:320px;
	height:511px;
	margin:0 auto;
	background-color: rgba(196, 21, 26, 0.8);
	
}
.span_sec_banner_text{
	font-size:18px;
	font-family: 'Roboto', sans-serif;
	position:absolute;
	text-transform:uppercase;
	color:#fff;
	top:330px;
	width:316px;
	padding:0px 33px 0px 33px;
	
}
.rslides_tabs {
display:none;
  }
  .span_sec_bd_01{
	width:100%;
	height:auto;
	float:left;
	
}
.span_sec_bd_02{
	width:100%;
	height:325px;
	margin:0 auto;
	margin-top:30px;
	margin-bottom:30px;
	display:block;
}
.span_sec_bd_03{
	width:100%;
	height:40px;
	border-bottom:1px solid #e6e6e6;
	float:left;
}
.span_sec_service_02{
	width:100%;
	 height: 263px;
	float:left;
	border-bottom:1px solid #e6e6e6;
	border-left:1px solid #e6e6e6;
}
.span_sec_service_01{
	display: block;
    float: left;
    height: auto;
    width: 100%;
	
}
.span_sec_icon_service{
	background:url(../images/juice.png) no-repeat center center  #c4151a;
	
	 float: left;
    height: 42px;
    margin-bottom: 20px;
    margin-left: -1px;
    position: relative;
    text-align: center;
    width: 100%;
    z-index: 33;
}
.span_sec_service_02:hover .span_sec_icon_service{
    background:url(../images/juice_hv.png) no-repeat   center  center  #fff;
	
}
.span_sec_service_hd{
	text-align:center;
	float:left;
	font-size:16px;
	color:#333333;
	font-weight:bold;
	text-transform:uppercase;
	width:100%;
	margin-top:20px;
	margin-bottom:20px;
	line-height:18px;
}
.span_sec_service_text{
	width:90%;
	text-align:center;
	font-size:15px;
	font-family: 'Roboto', sans-serif;
	color:#585858;
	padding:0px 15px 20px 15px;
	float:left;
}
.span_sec_service_red{
	width:100%;
	height:50px;
	float:left;
	text-align:center;
	background:url(../images/red_service.png) no-repeat center center;
	display:block;
	 margin: 0;
	transition: all 0.5s ease 0s;
}

.span_sec_icon_service1{
	background:url(../images/tobacco.png) no-repeat center center  #c4151a;
	
	 float: left;
    height: 42px;
    margin-bottom: 20px;
    margin-left: -1px;
    position: relative;
    text-align: center;
    width: 100%;
    z-index: 33;
}
.span_sec_service_02:hover .span_sec_icon_service1{
    background:url(../images/tobacco_hv.png) no-repeat   center  center   #fff;
	
}
.span_sec_icon_service2{
	background:url(../images/car.png) no-repeat center center  #c4151a;
	
	 float: left;
    height: 42px;
    margin-bottom: 20px;
    margin-left: -1px;
    position: relative;
    text-align: center;
    width: 100%;
    z-index: 33;
}
.span_sec_service_02:hover .span_sec_icon_service2{
    background:url(../images/car_hv.png) no-repeat   center  center   #fff;
	
}
.span_sec_icon_service3{
	background:url(../images/manufacturing.png) no-repeat center center  #c4151a;
	
	 float: left;
    height: 42px;
    margin-bottom: 20px;
    margin-left: -1px;
    position: relative;
    text-align: center;
    width: 100%;
    z-index: 33;
}
.span_sec_service_02:hover .span_sec_icon_service3{
    background:url(../images/manufacturing_hv.png) no-repeat   center  center   #fff;
	
}
.span_enquiry_sec{
	width:100%;
	height:auto;
	float:left;
	background-image:none;
	
	
}
.span_enquiry_sec_mid{
	width:100%;
	height:auto;
	padding:40px 0px 0px 0px;
	margin:0 auto;
}
.span_enquiry_sec_01{
	width:auto;
	height:344px;
	float:left;
	margin:0px ;
	border:3px solid #c4151a;
	background-color: rgba(0, 0, 0, 0.2);
	
}
h1.span_sec_email_enquiry{
	font-size:22px;
	font-family: 'Roboto', sans-serif;
	float:left;
	margin-left:24px;
	margin-bottom:24px;
	line-height:28px;
	color:#fff;
	width:100%;
	text-transform:uppercase;
}
.span_sec_enquiry_002{
	padding:30px;
	float:left;
	width:auto;
	margin:0px;
	height:290px;
	background-color: rgba(0, 0, 0, 0.5);
}
.span_sec_video{
	width:100%;
	height:auto;
	margin:0px;
	float:left;
	background-color: rgba(0, 0, 0, 0.5);
}
.span_sec_video_player{
	width:100%;
	height:177px;
	margin:0 auto;
	margin-top:11px;
	display:block;
}
.span_sec_footer_mid{
	width:600px;
	margin:0 auto;
	height:auto;
}
.span_sec_footer_06{
	width:275px;
	height:auto;
	float:left;
	margin-right:10px;
}
.span_sec_footer_bootm{
	width:300px;
	float:left;
	border-top:1px solid #e8e6e1;
	padding-top:20px;
	padding-left:10px;
	padding-right:10px;
	padding-bottom:20px;
}
.span_sec_fooet_top_text{
	float:left;
	margin-left:20px;
	font-size:13px;
	font-weight:bolder;
	color:#999999;
	text-align:left;
	 line-height: 48px;
}
.span_sec_social_icon {
	width: 170px;
	height: auto;
	float: right;
	padding-top: 45px;
	padding-right: 31px;
	display: none;
}
.span_sec_banner{
	display:none;
}
.span_sec_enquiry_button{
	height: 48px;
    width: 257px;
	float:left;
	margin-top:19px;
	background-color: rgba(0, 0, 0, 0.4);
}
.span_quick_enquiry{
	font-size:14px;
	text-align:left;
	padding-left:6px;
	transition: all 0.5s ease 0s;
	line-height:48px;
	font-weight:bold;
	background:url(../images/arro_enquiry.png) no-repeat center right 90px;
	display:block;
	padding-right:0px;
	padding-bottom:0px;
	padding-top:0px;
}
.span_quick_enquiry:hover{
	background:url(../images/arro_enquiry_hv.png) no-repeat center right 90px;
	color:#c4151a;
}
.footer_logo{
	width:100%;
	height:49px;
	float:left;
	margin-left:20px;
	display:block;
}
.span_sec_footer_003{
	width:100%;
	height:auto;
	float:left;
	margin-top:30px;
	margin-left:20px;
	margin-bottom:30px;
}
.span_sec_footer_01{
	width:300px;
	height:auto;
	float:left;
	display:block;
}
.span_sec_footer_03{
	width:320px;
	height:auto;
	float:left;
}
.span_sec_footer_05 h3{
	font-size:14px;
	text-align:left;
	font-weight:bolder;
	text-transform:uppercase;
	color:#999999;
	padding-left:10px;
	margin-left:0px;
	background:url(../images/dot.png) no-repeat center left;
}
.span_sec_footer_05 ul{
	list-style:none;
	margin:0px;
	padding:0px;
}
.span_sec_footer_05 ul li{
	font-size:13px;
	color:#999;
	float:left;
	display:block;
	
	
}
.span_sec_footer_05 ul li a{
	font-size:13px;
	color:#999;
	float:left;
	display:block;
	background:url(../images/dot.png) no-repeat center left;
	padding-left:10px;
	margin-left:0px;
	line-height:22px;
	transition: all 0.5s ease 0s;
}
.span_sec_footer_05 ul li a:hover{
	color:#438565;
	background:url(../images/dot_hv.png) no-repeat center left;
	padding-left:10px;
	margin-left:0px;
	line-height:22px;
}
.span_sec_footer_social{
	width:100%;
	float:left;
	margin-top:6px;
}
.pinterest_{
	width: 34px;
	height: 34px;
	float: left;
	margin-left: 10px;
	background: url(../images/pinterest_.png) no-repeat center right;
	transition: all 0.5s ease 0s;
	display: block;
}
.pinterest_:hover {
	opacity:0.6;
}
.google_ {
	width: 34px;
	height: 34px;
	float: left;
	margin-left: 10px;
	background: url(../images/google_.png) no-repeat center right;
	transition: all 0.5s ease 0s;
	display: block;
}
.google_:hover {
	opacity:0.6;
}
.twitter_ {
	width: 34px;
	height: 34px;
	float: left;
	margin-left: 10px;
	background: url(../images/twitter_.png) no-repeat center right;
	transition: all 0.5s ease 0s;
	display: block;
}
.twitter_:hover {
	opacity:0.6;
}
.facebook_ {
	width: 34px;
	height: 34px;
	float: left;
	margin-left: 10px;
	background: url(../images/facebook_.png) no-repeat center right;
	transition: all 0.5s ease 0s;
	display: block;
}
.facebook_:hover {
	opacity:0.6;
}
.span_sec_05 h1{
	color:#fff;
	text-align:left;
	font-size:24px;
	float:left;
	line-height:74px;
	margin-left:10px;
	text-transform:uppercase;
	font-family: 'Roboto', sans-serif;
	font-weight:bolder;
}
.span_sec_06{
	width:100%;
	height:auto;
	float:left;
	background:url(../images/slide_inner.png) no-repeat center top;
	display:block;
}
.span_sec_05{
	width:320px;
	height:auto;
	margin:0 auto;
}
.span_sec_08{
	width:100%;
	height:auto;
	float:left;
	margin-top:54px;
}
ul.span_sec_010 li a.span_active {
	background:#c4151a;
	width:320px;
	font-weight:bold;
	
}
ul.span_sec_010 li a {
	background-color: rgba(0, 0, 0, 0.5);
	padding:25px 0px 25px 14px;
	width:206px;
	float:left;
	width:320px;
	
	margin-bottom:1px;
	transition: all 0.5s ease 0s;
}
.span_sec_011{
	display:none;
}
.span_sec_contact_company{
	display:none;
}
.span_sec_09{
	 float: right;
    height: auto;
    margin-left: 10px;
    margin-right: 10px;
    width: 300px;
}
.span_sec_014 {
    float: left;
    height: auto;
    margin-top: 5px;
    width: 100%;
}
.span_sec_hd{
	font-size:20px;
	line-height:20px;
}
.span_sec_para{
	margin-top:26px;
}
.span_sec_para p{
	padding:10px;
	
}
.span_sec_para{
	width:285px;
}
p.span_sec_015{
	height:320px;
}
.span_sec_footer_mid{
	width:320px;
}
.span_sec_016{
	display:none;
}
.span_sec_07{
	display:none;
}
.imag_span_01 img{
	width:285px;
	height:285px;
	float:left;
	display:block;
	transition: all 0.5s ease 0s;
	border:2px solid #fff;
	margin-top:11px;
	margin-right:11px;
}
.imag_span_01{
	width:285px;
	height:285px;
	float:left;
	display:block;
	transition: all 0.5s ease 0s;
	border:2px solid #fff;
	margin-top:11px;
	margin-right:11px;
	margin-bottom:20px;
}
.imag_span{
	width:285px;
	height:285px;
	margin-bottom:20px;
}
.imag_span img{
	width:285px;
	height:285px;
}
.imag_span:hover span.span_sec_icon_00{
    
    background:url(../images/zoom.png) no-repeat center center rgba(0, 0, 0, 0.2);
	 
	   top: -284px;
	  display:block;
	  position: relative;
    transition: all 0.5s ease 0s;
    z-index: 10000;
}
.imag_span_01:hover span.span_sec_icon_00{
    
    background:url(../images/zoom.png) no-repeat center center rgba(0, 0, 0, 0.2);
	 
	   top: -284px;
	  display:block;
	  position: relative;
    transition: all 0.5s ease 0s;
    z-index: 10000;
}
.span_sec_para img{
	width:285px;
}
.span_sec_form{
	padding: 30px 10px 50px;
    width: 265px;
}
.span_sec_enquiry_form{
	width:265px;
}
.span_sec_enquiry_form_rit{
	width:265px;
}
.span_sec_enquiry_commnt_form{
	width:265px;
}
.span_sec_products_02{
	background:url(../images/products_01_0.png) no-repeat center left;
	float:right;
	display:block;
	width:264px;
	height:251px;
	top: -43px;
	position:relative;
}
.span_sec_products_01{
	width:auto;
	height:auto;
	margin-bottom:1px;
	float:left;
	display:block;
}
.span_sec_products_02__{
	background:url(../images/products_01_1.png) no-repeat center left;
	float:left;
	display:block;
	width:264px;
	height:251px;
	top: -43px;
	position:relative;
}
}