@charset "utf-8";



/* CSS Document */



@import url('https://fonts.googleapis.com/css?family=Poppins:300,400,500,600,700&display=swap');

@import url('https://fonts.googleapis.com/css2?family=Oswald:wght@200;300;400;500;600;700&display=swap');

@import "engine1/style.css";

header {

	float: left;

	width: 100%;

	position:relative;

	z-index:100;

}

.wrapper{

	float: left;

	width: 100%;

}



section{

padding:80px 0px;

float:left;

width:100%;

}







.header-contact {

	float: left;

	width: 100%;

	margin: 11px 0px;

}



.header-contact ul {

	float: left;

	width: 100%;

	padding: 0px;

	margin: 0px;

	list-style: none;

}



.header-contact ul li {

	float: left;

	width: 100%;

	border-top: solid 1px #e9e9e9;

	color: #888080;

	padding: 5px 10px;

}



.header-contact ul li p,

.header-contact ul li a {

	color: #888080;

	margin: 0px;

	font-weight: 300;

}



.header-contact ul li:first-child {

	border: none;

}







/*==================================BANNER SECTION==================================*/



.banner {

	float: left;

	width: 100%;

	background-color: #dfdfdf;

	background-image: url(images/banner-bg3.png);

	background-repeat: no-repeat;

	background-size: cover;

	background-position: center;

}



.banner .text {

	float: left;

	position: absolute;

	left: 50%;

	top: 35%;

	margin-left: -600px;

}



.banner .banner-img {

	position: absolute;

	top: 50%;

	right: 45%;

	margin-right: -500px;

	transform: translate(0, -50%);

}



.banner .text h2 {

	margin: 0px;

	font-size: 80px;

	text-transform: uppercase;

	font-weight: bold;

	color: #000;

	padding: 10px 20px;

	background: #fff000;

	display: inline-block;



}

.banner .text h2:before,

.banner .text h2:after, 

.banner .text p:after{

	content: "";

	display: table;

	clear: both;

}



.banner .text p {

	font-size: 30px;

	color: #fff;

	letter-spacing: 2px;

	text-transform: uppercase;

	padding: 10px 20px;

	display: inline-block;

	background: #005ba8;

}



.banner .text a.view-more {

	display: inline-block;

	padding: 16px 40px;

	font-size: 20px;

	border-radius: 5px;

	font-weight: bold;

	color: #fff;

	background-color: #23418B;

	text-transform: uppercase;

}



.banner .text a.view-more:hover {

	text-decoration: none;

}



.banner .bx-wrapper img {

	width: auto;

	height:650px;

}



.banner .bxslider li {

	min-height: 650px;

	background-size: cover;

}







.banner .bx-pager {

	display: none;

}



.bx-wrapper .bx-controls-direction a {

	height: 60px;

	text-indent: 0px;

	width: 60px;

	left: 0px;

}



.bx-wrapper .bx-controls-direction a.bx-next {

	left: auto;

	right: 0px;

}



.bx-wrapper .bx-controls-direction a:before {

	content: "\f104";

	position: absolute;

	left: 0px;

	width: 100%;

	text-align: center;

	font-family: FontAwesome;

	font-size: 40px;

	top: 0px;

	color: #666;

}



.bx-wrapper .bx-controls-direction a.bx-next:before {

	content: "\f105";

}











/*==================================SMALL BANNER SECTION==================================*/











	/* Wobble Vertical */

@-webkit-keyframes hvr-wobble-vertical {

  16.65% {

    -webkit-transform: translateY(8px);

    transform: translateY(8px);

  }

  33.3% {

    -webkit-transform: translateY(-6px);

    transform: translateY(-6px);

  }

  49.95% {

    -webkit-transform: translateY(4px);

    transform: translateY(4px);

  }

  66.6% {

    -webkit-transform: translateY(-2px);

    transform: translateY(-2px);

  }

  83.25% {

    -webkit-transform: translateY(1px);

    transform: translateY(1px);

  }

  100% {

    -webkit-transform: translateY(0);

    transform: translateY(0);

  }

}

@keyframes hvr-wobble-vertical {

  16.65% {

    -webkit-transform: translateY(8px);

    transform: translateY(8px);

  }

  33.3% {

    -webkit-transform: translateY(-6px);

    transform: translateY(-6px);

  }

  49.95% {

    -webkit-transform: translateY(4px);

    transform: translateY(4px);

  }

  66.6% {

    -webkit-transform: translateY(-2px);

    transform: translateY(-2px);

  }

  83.25% {

    -webkit-transform: translateY(1px);

    transform: translateY(1px);

  }

  100% {

    -webkit-transform: translateY(0);

    transform: translateY(0);

  }

}

.hvr-wobble-vertical {

  display: inline-block;

  vertical-align: middle;

  -webkit-transform: perspective(1px) translateZ(0);

  transform: perspective(1px) translateZ(0);

  box-shadow: 0 0 1px rgba(0, 0, 0, 0);

}















.small-banner h2 {

	

}



.small-banner h2.small {

	font-size: 30px;

	font-family: 'Poppins', sans-serif;

	font-weight: normal;

}



.small-banner .text a.view-more {

	display: inline-block;

	padding: 13px 30px;

	font-size: 14px;

	font-weight: bold;

	color: #fff;

	background-color: #000;

	text-transform: uppercase;

}



.small-banner .text a.view-more {

	text-decoration: none;

}



.small-banner .caption {

	float: left;

	width: 100%;

	padding: 15px 20px;

	width: 100%;

	z-index: 10;

}
.small-banner .caption h2{
	margin: 0px;
	color: #242424;
}

.padding-0{

	padding: 0px !important;

}





/*==================================FEATURED PRODUCTS SECTION==================================*/









/*.heading h2:before{	content:"";	position:absolute;	left:0px;	right:0px;	margin:auto;	bottom:0px;	background-position:center;	background-repeat:no-repeat;	height:12px;	width:100%;}*/









/*==================================ONLINE STORE SECTION==================================*/











/*==================================TESTIMONIALS SECTION==================================*/









/*==================================TESTIMONIALS SECTION==================================*/









/*==================================FOOTER==================================*/



footer {

	float: left;

	width: 100%;

	padding: 100px 0px;

	background-color: #00193F;

}



footer .widget {

	float: left;

	width: 100%;

}



footer .widget iframe {

	height: 150px;

	width: 100%;

	border: none;

}



footer h2 {

	font-size: 20px;

	text-transform: uppercase;

	color: #eff3f5;

	margin: 0px 0px 10px 0px;

}



footer p {

	color: #ccd5da;

}



.sitemap-widget ul {

	list-style: none;

	margin: 0px;

	padding: 0px;

	float: left;

	width: 100%;

}



.sitemap-widget ul li {

	float: left;

	width: 100%;

	margin: 5px 0px;

	padding: 0px 0px 0px 20px;

	position: relative

}



.sitemap-widget ul li:before {

	content: "\f105";

	position: absolute;

	left: 0px;

	top: 0px;

	font-family: FontAwesome;

	color: #8b8b8b;

}



.sitemap-widget ul li a {

	display: inline-block;

	color: #ccd5da;

}



.sitemap-widget ul li a:hover {

	text-decoration: none;

}



.contact-widget {}



.contact-widget ul {

	list-style: none;

	margin: 0px;

	padding: 0px;

	float: left;

	width: 100%;

}



.contact-widget ul li {

	float: left;

	width: 100%;

	margin: 5px 0px;

}



.contact-widget ul li i {

	height: 30px;

	width: 30px;

	border-radius: 100%;

	background-color: #697176;

	color: #8f8f8f;

	float: left;

	text-align: center;

	line-height: 30px;

}



.contact-widget ul li .text {

	padding: 0px 0px 0px 40px;

}



.contact-widget ul li p {

	display: inline-block;

	margin: 0px;

}



.contact-widget ul li a {}



.social-icons {

	float: left;

	width: 100%;

}



.social-icons ul {

	list-style: none;

	margin: 8px 0px 0px 0px;

	padding: 0px;

	float: left;

	width: 100%;

}



.social-icons ul li {

	display: inline-block;

}



.social-icons ul li a {

	display: block;

	height: 40px;

	width: 40px;

	border-radius: 100%;

	color: #000;

	background-color: #fff;

	font-size: 18px;

	text-align: center;

	line-height: 40px;

}



.copyrights {

	float: left;

	width: 100%;

	padding: 15px 0px;

	background-color: #000;

}



.copyrights p {

	margin: 0px;

	color: #ccd5da;

	font-size: 12px;

	text-transform: uppercase;

	float: left;

	margin: 12px 0px;

}



.copyrights img {

	float: right;

}



.sub-banner {

	float: left;

	width: 100%;

	background-size: cover;

	background-position: center;

	position: relative;

}

/*

.sub-banner:before{

	content: "";

	position: absolute;

	left: 0px;

	top: 0px;

	height: 100%;

	width: 100%;

	background-color: #000;

	opacity: 0.5;

}

*/



.sub-banner h2 {

	font-size: 50px;

	color: #fff;

	text-transform: uppercase;

	margin: 120px 0px;

	text-align: left;

	line-height: 50px;

	font-weight: bold;

	text-shadow: 3px 3px 5px rgba(0, 0, 0, 0.5);

	position: relative;

}





/*.sub-banner:before{	content:"";	position:absolute;	left:0px;	top:0px;	height:100%;	width:100%;	background-color:rgba(0,0,0,0.5)}*/



.sub-heading {

	width: 100%;

	margin-bottom: 30px;

	display: inline-block;

}



.sub-heading h2 {

	font-size: 24px;

	color: #eee;

	text-transform: uppercase;

	margin: 0px;

}



.sidebar {

	margin-bottom: 30px;

}



.sidebar h2 {

	font-size: 24px;

	color: #eee;

	text-transform: uppercase;

	margin: 0px 0px 30px 0px;

}





/*==================================PRODUCT CATEGORIES==================================*/





















.product-section .pagination {

	float: left;

	width: 100%;

	text-align: center;

}



.product-section .pagination>li {

	display: inline-block;

	margin: 0px;

}



.products-large {

	float: left;

	width: 100%;



}

.product-section ul{

	float: left;

	width: 100%;

}



/*.large-view {

	float: left;

	width: 100%;

	margin-bottom: 30px;

	position: relative;

	padding: 0;

	background: #141414;

}*/



.large-view a.zoom {

	position: absolute;

	right: 20px;

	bottom: 20px;

	display: inline-block;

	text-transform: uppercase;

	color: #333;

	font-size: 12px;

	padding: 5px 10px;

	color: #fff;

}

.large-view {

	float: left;

	width: 100%;

	margin-bottom: 30px;

	position: relative;

    text-align:center;

	padding: 0;



}

.large-view .thumb {

	display: inline-block;

	width: 60%;

	position: relative;

	text-align: center;

	padding: 20;

	background: #fff;

}

.large-view .thumb ul li{

	margin: 0px;

}

.cart-form{

	float: left;

	width: 100%;

	padding:30px;

}



.large-view .thumb img {

	display: inline-block;

}



.large-view .text {

	float: left;

	width: 100%;

	text-align: left;

}



.large-view .text h4 {

	font-size: 26px;

	margin: 0px 0px 15px 0px;

	text-transform: uppercase;

}



.large-view .text p {

	margin: 0px 0px 30px 0px;

}



.buttons {

	float: left;

	width: 100%;

}



/*.buttons a, 

.basket {

	display: inline-block;

	padding: 15px 30px;

	color: #fff;

	text-transform: uppercase;

	font-weight: bold;

	background: #015eea;

    background: -moz-linear-gradient(left, #015eea 0%, #00c0fa 100%);

    background: -webkit-linear-gradient(left, #015eea 0%, #00c0fa 100%);

    background: linear-gradient(to right, #015eea 0%, #00c0fa 100%);

    border:none;

}



.buttons a:hover, 

.basket:hover {

	text-decoration: none;

}*/



/*.quantity {

	float: left;

	width: 100%;

	margin-bottom: 30px;

}



.large-view .quantity h4 {

	float: left;

	text-transform: uppercase;

	margin: 4px 30px 10px 0px;

	font-size: 16px;

	font-weight: bold;

}



.quantity select {

	float: left;

	border: none;

	background-color: #000;

	height: 50px;

	width: 100px;

	border-radius: 5px;

	color: #fff;

	border: solid 1px #2c2c2c;

	padding: 0px 10px;

}

.quantity select:focus{

	outline: none;

}*/

.quantity input[type="text"]{

	height: 50px;

}

.small-slider {

	float: left;

	width: 100%;

}



.small-slider .caption {

	position: absolute;

	bottom: 0px;

	width: 100%;

	float: left;

	text-align: center;

	padding: 15px 20px;

	display: none;

}



.small-slider .caption h2 {

	text-transform: uppercase;

	color: #fff;

	font-size: 20px;

	font-weight: bold;

	margin: 0px;

}



.small-slider .bx-controls-direction {

	display: none;

}



.inquiry-form {

	float: left;

	width: 100%;

}



.contact-info {

	float: left;

	width: 100%;

}



.inquiry-form .inquiry {

	float: left;

	margin: 0 0 0 4%;

	width: 48%;

}



.inquiry-form div.inquiry:first-child {

	margin: 0px;

}



.contact-info .inquiry label,

.ur-business .inquiry label,

.feedback label {

	float: left;

	font-weight: normal;

	font-size: 14px;

	text-transform: capitalize;

	margin: 20px 0px 10px 0px;

}



.contact-info .inquiry input,

.contact-info .inquiry select {

	float: left;

	width: 100%;

	margin-bottom: 20px;

	border: solid 1px #CCC;

	height: 44px;

	padding: 6px 10px;

}

.textareaRequiredMsg{

	float: left;

}



.contact-info .inquiry textarea,

.send-comments textarea {

	border: solid 1px #CCC;

	width: 100%;

	height: 214px;

}



.ur-business {

	float: left;

	width: 100%;

}



.ur-business .inquiry span {

	float: left;

	width: 100%;

	margin: 10px 0px;

}



.ur-business .inquiry input[type="checkbox"] {

	margin: 3px 10px 0 0;

	float: left;

}



.ur-business .inquiry input[type="text"] {

	float: left;

	margin-bottom: 20px;

	border: solid 1px #CCC;

	height: 40px;

	padding: 6px 10px;

	width: 100%;

}



.send-comments {

	float: left;

	width: 100%;

}



.send-comments textarea {

	margin-bottom: 30px;

}



.send-comments .send-inq,

.feedback .submit {

	float: right;

	padding: 10px 20px;

	font-size: 16px;

	text-transform: uppercase;

	color: #fff;

	border: none;

}



.send-comments .send-inq:hover,

.feedback .submit:hover {

	background-color: #000;

}



.contact-info2 {

	float: left;

	width: 100%;

	margin-bottom: 30px;

}



.contact-info2 p {

	margin: 5px 0px;

}



.feedback {

	float: left;

	width: 100%;

	margin: 0px 0px 30px 0px;

}



.feedback input[type="text"] {

	float: left;

    width: 100%;

    height: 60px;

    border: solid 1px #454545;

    padding: 5px 15px;

    color: #999;

    background: #242424;

    padding: 6px 90px 6px 30px;

}



.feedback textarea {

	float: left;

	width: 100%;

	border: solid 1px #454545;

	margin: 0px 0px 30px 0px;

	padding: 6px 10px;

	height: 250px;

	color: #999;

    background: #242424;

}



.location-map {

	float: left;

	width: 100%;

}



.location-map iframe {

	float: left;

	width: 100%;

	border: none;

	height: 500px;

}





/*font-family: 'Roboto Slab', serif;*/





/* Common styles of menus */



.dl-menuwrapper {

	float: right;

	position: relative;

	z-index: 1000;

	padding: 10px 0;

	display: none;

}



.dl-menuwrapper button {

	border: none;

	width: 40px;

	height: 40px;

	text-indent: -900em;

	overflow: hidden;

	position: relative;

	cursor: pointer;

	outline: none;

	background: #fff;

	padding: 0px;

	border-radius: 0;

}



.dl-menuwrapper ul {

	/* background-color:#000; */

}



.dl-menuwrapper button:hover,

.dl-menuwrapper button.dl-active {

	background: #666;

}



.dl-menuwrapper button:after {

	content: '';

	position: absolute;

	width: 50%;

	height: 3px;

	background: #fff;

	top: 12px;

	left: 0;

	right: 0px;

	margin: auto;

	box-shadow: 0 7px 0 #fff, 0 14px 0 #fff;

}



.dl-menuwrapper button:hover:after,

.dl-menuwrapper button.dl-active:after {

	background-color: #fff;

}



.dl-menuwrapper button:hover:after,

.dl-menuwrapper button.dl-active:after {

	box-shadow: 0 7px 0 #fff, 0 14px 0 #fff;

}



.dl-menuwrapper ul {

	margin: 0;

	padding: 0;

	list-style: none;

	-webkit-transform-style: preserve-3d;

	-moz-transform-style: preserve-3d;

	transform-style: preserve-3d;

}



.dl-menuwrapper li {

	position: relative;

	list-style: none;

	text-align: left;

	width: 100%;

	padding: 0;

}



.dl-menuwrapper li a {

	display: block;

	position: relative;

	list-style: none;

	padding: 10px 20px !important;

	font-size: 16px !important;

	line-height: 20px !important;

	font-weight: 300 !important;

	color: #fff;

	outline: none;

}



.no-touch .dl-menuwrapper li a:hover {

	color: #fff;

	text-decoration: none;

	/* background-color: #333; */

}



.dl-menuwrapper li.dl-back>a {

	padding-left: 38px !important;

	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: 40px;

	font-family: FontAwesome;

	speak: none;

	-webkit-font-smoothing: antialiased;

	content: "\f105";

	font-size: 16px;

	color: #fff;

}



.dl-menuwrapper li.dl-back:after {

	left: 20px;

	-webkit-transform: rotate(180deg);

	-moz-transform: rotate(180deg);

	transform: rotate(180deg);

}



.dl-menuwrapper li>a:after {

	right: 15px;

	color: rgba(0, 0, 0, 0.15);

}



.dl-menuwrapper .dl-menu {

	margin: 0;

	position: absolute;

	width: 230px;

	opacity: 0;

	pointer-events: none;

	-webkit-backface-visibility: hidden;

	-moz-backface-visibility: hidden;

	backface-visibility: hidden;

	right: 0px;

}



.dl-menuwrapper .dl-menu.dl-menu-toggle {

	-webkit-transition: all 0.3s ease;

	-moz-transition: all 0.3s ease;

	transition: all 0.3s ease;

}



.dl-menuwrapper .dl-menu.dl-menuopen {

	opacity: 1;

	pointer-events: auto;

}





/* 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: 200px;

	left: 0;

	margin: 0;

}





/* Animation classes for moving out and in */



.dl-menu.dl-animate-out-1 {

	-webkit-animation: MenuAnimOut1 0.4s;

	-moz-animation: MenuAnimOut1 0.4s;

	animation: MenuAnimOut1 0.4s;

}



.dl-menu.dl-animate-out-2 {

	-webkit-animation: MenuAnimOut2 0.3s ease-in-out;

	-moz-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;

	-moz-animation: MenuAnimOut3 0.4s ease;

	animation: MenuAnimOut3 0.4s ease;

}



.dl-menu.dl-animate-out-4 {

	-webkit-animation: MenuAnimOut4 0.4s ease;

	-moz-animation: MenuAnimOut4 0.4s ease;

	animation: MenuAnimOut4 0.4s ease;

}



.dl-menu.dl-animate-out-5 {

	-webkit-animation: MenuAnimOut5 0.4s ease;

	-moz-animation: MenuAnimOut5 0.4s ease;

	animation: MenuAnimOut5 0.4s ease;

}



@-webkit-keyframes MenuAnimOut1 {

	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 {

	100% {

		-webkit-transform: translateX(-100%);

		opacity: 0;

	}

}



@-webkit-keyframes MenuAnimOut3 {

	100% {

		-webkit-transform: translateZ(300px);

		opacity: 0;

	}

}



@-webkit-keyframes MenuAnimOut4 {

	100% {

		-webkit-transform: translateZ(-300px);

		opacity: 0;

	}

}



@-webkit-keyframes MenuAnimOut5 {

	100% {

		-webkit-transform: translateY(40%);

		opacity: 0;

	}

}



@-moz-keyframes MenuAnimOut1 {

	50% {

		-moz-transform: translateZ(-250px) rotateY(30deg);

	}

	75% {

		-moz-transform: translateZ(-372.5px) rotateY(15deg);

		opacity: .5;

	}

	100% {

		-moz-transform: translateZ(-500px) rotateY(0deg);

		opacity: 0;

	}

}



@-moz-keyframes MenuAnimOut2 {

	100% {

		-moz-transform: translateX(-100%);

		opacity: 0;

	}

}



@-moz-keyframes MenuAnimOut3 {

	100% {

		-moz-transform: translateZ(300px);

		opacity: 0;

	}

}



@-moz-keyframes MenuAnimOut4 {

	100% {

		-moz-transform: translateZ(-300px);

		opacity: 0;

	}

}



@-moz-keyframes MenuAnimOut5 {

	100% {

		-moz-transform: translateY(40%);

		opacity: 0;

	}

}



@keyframes MenuAnimOut1 {

	50% {

		transform: translateZ(-250px) rotateY(30deg);

	}

	75% {

		transform: translateZ(-372.5px) rotateY(15deg);

		opacity: .5;

	}

	100% {

		transform: translateZ(-500px) rotateY(0deg);

		opacity: 0;

	}

}



@keyframes MenuAnimOut2 {

	100% {

		transform: translateX(-100%);

		opacity: 0;

	}

}



@keyframes MenuAnimOut3 {

	100% {

		transform: translateZ(300px);

		opacity: 0;

	}

}



@keyframes MenuAnimOut4 {

	100% {

		transform: translateZ(-300px);

		opacity: 0;

	}

}



@keyframes MenuAnimOut5 {

	100% {

		transform: translateY(40%);

		opacity: 0;

	}

}



.dl-menu.dl-animate-in-1 {

	-webkit-animation: MenuAnimIn1 0.3s;

	-moz-animation: MenuAnimIn1 0.3s;

	animation: MenuAnimIn1 0.3s;

}



.dl-menu.dl-animate-in-2 {

	-webkit-animation: MenuAnimIn2 0.3s ease-in-out;

	-moz-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;

	-moz-animation: MenuAnimIn3 0.4s ease;

	animation: MenuAnimIn3 0.4s ease;

}



.dl-menu.dl-animate-in-4 {

	-webkit-animation: MenuAnimIn4 0.4s ease;

	-moz-animation: MenuAnimIn4 0.4s ease;

	animation: MenuAnimIn4 0.4s ease;

}



.dl-menu.dl-animate-in-5 {

	-webkit-animation: MenuAnimIn5 0.4s ease;

	-moz-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;

	}

}



@-moz-keyframes MenuAnimIn1 {

	0% {

		-moz-transform: translateZ(-500px) rotateY(0deg);

		opacity: 0;

	}

	20% {

		-moz-transform: translateZ(-250px) rotateY(30deg);

		opacity: 0.5;

	}

	100% {

		-moz-transform: translateZ(0px) rotateY(0deg);

		opacity: 1;

	}

}



@-moz-keyframes MenuAnimIn2 {

	0% {

		-moz-transform: translateX(-100%);

		opacity: 0;

	}

	100% {

		-moz-transform: translateX(0px);

		opacity: 1;

	}

}



@-moz-keyframes MenuAnimIn3 {

	0% {

		-moz-transform: translateZ(300px);

		opacity: 0;

	}

	100% {

		-moz-transform: translateZ(0px);

		opacity: 1;

	}

}



@-moz-keyframes MenuAnimIn4 {

	0% {

		-moz-transform: translateZ(-300px);

		opacity: 0;

	}

	100% {

		-moz-transform: translateZ(0px);

		opacity: 1;

	}

}



@-moz-keyframes MenuAnimIn5 {

	0% {

		-moz-transform: translateY(40%);

		opacity: 0;

	}

	100% {

		-moz-transform: translateY(0);

		opacity: 1;

	}

}



@keyframes MenuAnimIn1 {

	0% {

		transform: translateZ(-500px) rotateY(0deg);

		opacity: 0;

	}

	20% {

		transform: translateZ(-250px) rotateY(30deg);

		opacity: 0.5;

	}

	100% {

		transform: translateZ(0px) rotateY(0deg);

		opacity: 1;

	}

}



@keyframes MenuAnimIn2 {

	0% {

		transform: translateX(-100%);

		opacity: 0;

	}

	100% {

		transform: translateX(0px);

		opacity: 1;

	}

}



@keyframes MenuAnimIn3 {

	0% {

		transform: translateZ(300px);

		opacity: 0;

	}

	100% {

		transform: translateZ(0px);

		opacity: 1;

	}

}



@keyframes MenuAnimIn4 {

	0% {

		transform: translateZ(-300px);

		opacity: 0;

	}

	100% {

		transform: translateZ(0px);

		opacity: 1;

	}

}



@keyframes MenuAnimIn5 {

	0% {

		transform: translateY(40%);

		opacity: 0;

	}

	100% {

		transform: translateY(0);

		opacity: 1;

	}

}



.dl-menuwrapper>.dl-submenu.dl-animate-in-1 {

	-webkit-animation: SubMenuAnimIn1 0.4s ease;

	-moz-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;

	-moz-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;

	-moz-animation: SubMenuAnimIn3 0.4s ease;

	animation: SubMenuAnimIn3 0.4s ease;

}



.dl-menuwrapper>.dl-submenu.dl-animate-in-4 {

	-webkit-animation: SubMenuAnimIn4 0.4s ease;

	-moz-animation: SubMenuAnimIn4 0.4s ease;

	animation: SubMenuAnimIn4 0.4s ease;

}



.dl-menuwrapper>.dl-submenu.dl-animate-in-5 {

	-webkit-animation: SubMenuAnimIn5 0.4s ease;

	-moz-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;

	}

}



@-moz-keyframes SubMenuAnimIn1 {

	0% {

		-moz-transform: translateX(50%);

		opacity: 0;

	}

	100% {

		-moz-transform: translateX(0px);

		opacity: 1;

	}

}



@-moz-keyframes SubMenuAnimIn2 {

	0% {

		-moz-transform: translateX(100%);

		opacity: 0;

	}

	100% {

		-moz-transform: translateX(0px);

		opacity: 1;

	}

}



@-moz-keyframes SubMenuAnimIn3 {

	0% {

		-moz-transform: translateZ(-300px);

		opacity: 0;

	}

	100% {

		-moz-transform: translateZ(0px);

		opacity: 1;

	}

}



@-moz-keyframes SubMenuAnimIn4 {

	0% {

		-moz-transform: translateZ(300px);

		opacity: 0;

	}

	100% {

		-moz-transform: translateZ(0px);

		opacity: 1;

	}

}



@-moz-keyframes SubMenuAnimIn5 {

	0% {

		-moz-transform: translateZ(-200px);

		opacity: 0;

	}

	100% {

		-moz-transform: translateZ(0);

		opacity: 1;

	}

}



@keyframes SubMenuAnimIn1 {

	0% {

		transform: translateX(50%);

		opacity: 0;

	}

	100% {

		transform: translateX(0px);

		opacity: 1;

	}

}



@keyframes SubMenuAnimIn2 {

	0% {

		transform: translateX(100%);

		opacity: 0;

	}

	100% {

		transform: translateX(0px);

		opacity: 1;

	}

}



@keyframes SubMenuAnimIn3 {

	0% {

		transform: translateZ(-300px);

		opacity: 0;

	}

	100% {

		transform: translateZ(0px);

		opacity: 1;

	}

}



@keyframes SubMenuAnimIn4 {

	0% {

		transform: translateZ(300px);

		opacity: 0;

	}

	100% {

		transform: translateZ(0px);

		opacity: 1;

	}

}



@keyframes SubMenuAnimIn5 {

	0% {

		transform: translateZ(-200px);

		opacity: 0;

	}

	100% {

		transform: translateZ(0);

		opacity: 1;

	}

}



.dl-menuwrapper>.dl-submenu.dl-animate-out-1 {

	-webkit-animation: SubMenuAnimOut1 0.4s ease;

	-moz-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;

	-moz-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;

	-moz-animation: SubMenuAnimOut3 0.4s ease;

	animation: SubMenuAnimOut3 0.4s ease;

}



.dl-menuwrapper>.dl-submenu.dl-animate-out-4 {

	-webkit-animation: SubMenuAnimOut4 0.4s ease;

	-moz-animation: SubMenuAnimOut4 0.4s ease;

	animation: SubMenuAnimOut4 0.4s ease;

}



.dl-menuwrapper>.dl-submenu.dl-animate-out-5 {

	-webkit-animation: SubMenuAnimOut5 0.4s ease;

	-moz-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;

	}

}



@-moz-keyframes SubMenuAnimOut1 {

	0% {

		-moz-transform: translateX(0%);

		opacity: 1;

	}

	100% {

		-moz-transform: translateX(50%);

		opacity: 0;

	}

}



@-moz-keyframes SubMenuAnimOut2 {

	0% {

		-moz-transform: translateX(0%);

		opacity: 1;

	}

	100% {

		-moz-transform: translateX(100%);

		opacity: 0;

	}

}



@-moz-keyframes SubMenuAnimOut3 {

	0% {

		-moz-transform: translateZ(0px);

		opacity: 1;

	}

	100% {

		-moz-transform: translateZ(-300px);

		opacity: 0;

	}

}



@-moz-keyframes SubMenuAnimOut4 {

	0% {

		-moz-transform: translateZ(0px);

		opacity: 1;

	}

	100% {

		-moz-transform: translateZ(300px);

		opacity: 0;

	}

}



@-moz-keyframes SubMenuAnimOut5 {

	0% {

		-moz-transform: translateZ(0);

		opacity: 1;

	}

	100% {

		-moz-transform: translateZ(-200px);

		opacity: 0;

	}

}



@keyframes SubMenuAnimOut1 {

	0% {

		transform: translateX(0%);

		opacity: 1;

	}

	100% {

		transform: translateX(50%);

		opacity: 0;

	}

}



@keyframes SubMenuAnimOut2 {

	0% {

		transform: translateX(0%);

		opacity: 1;

	}

	100% {

		transform: translateX(100%);

		opacity: 0;

	}

}



@keyframes SubMenuAnimOut3 {

	0% {

		transform: translateZ(0px);

		opacity: 1;

	}

	100% {

		transform: translateZ(-300px);

		opacity: 0;

	}

}



@keyframes SubMenuAnimOut4 {

	0% {

		transform: translateZ(0px);

		opacity: 1;

	}

	100% {

		transform: translateZ(300px);

		opacity: 0;

	}

}



@keyframes SubMenuAnimOut5 {

	0% {

		transform: translateZ(0);

		opacity: 1;

	}

	100% {

		transform: translateZ(-200px);

		opacity: 0;

	}

}





/* No JS Fallback */



.no-js .dl-menuwrapper .dl-menu {

	position: relative;

	opacity: 1;

	-webkit-transform: none;

	-moz-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: '';

}





/*large view css*/



.large-carousel .flex-control-nav {

	margin: 0px;

	padding: 0px;

	float: left;

	width: 100%;

	list-style: none;

}



.large-carousel .flex-control-nav li {

	float: left;

	width: 25%;

	cursor: pointer;

	position: relative;

	background-color: #000;

}



.large-carousel .flex-control-nav li:hover img {

	opacity: 0.5;

}



.large-carousel .flex-control-nav li img {

	transition: all 0.3s ease-in-out;

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

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

}



.flex-direction-nav {

	display: none;

}





/*new css for inquiry form*/



.cart-detail {

	float: left;

	width: 100%;

	margin-bottom: 30px;



}



.cart-detail .form-header {

	float: left;

	width: 100%;

	display: flex;

	text-transform: uppercase;

	color: #fff;

	background: #5439DF;

}



.cart-detail .form-header .p-description {

	width: 40%;

	padding: 15px;

	font-weight: 500;

	color: #fff;

	text-align: left;

}



.cart-detail .form-header .p-image,

.cart-detail .form-header .p-quantity,

.cart-detail .form-header .p-remove {

	width: 20%;

	padding: 15px;

	font-weight: 500;

	text-align: center;

}



.form-body {

	float: left;

	width: 100%;

	border: solid rgba(0,0,0,0.2) 1px;



}



.form-row:nth-child(even) {

	background-color: #fff;

}



.form-row:hover {

	box-shadow: 0px 5px 10px 0px rgba(0, 0, 0, 0.1);

	position: relative;

	z-index: 1;

}



.cart-detail .form-row {

	float: left;

	width: 100%;

	display: flex;

	display: -ms-flexbox;

	display: -webkit-flex;

	display: flex;

	-ms-flex-align: center;

	-webkit-align-items: center;

	-webkit-box-align: center;

	align-items: center;

	margin: 0px;

}



.cart-detail .form-body .p-description {

	width: 40%;

	padding: 20px;

	vertical-align: middle;

	text-align: left;

}



.cart-detail .form-body .p-image,

.cart-detail .form-body .p-quantity,

.cart-detail .form-body .p-remove {

	width: 20%;

	padding: 20px;

	vertical-align: middle;

	text-align: center;

}



.cart-detail .form-body input[type="number"] {

	width: 100px;

	display: inline-block;

	border-radius: 0px;

	border: solid 1px #000;

	height: 40px;

	padding: 10px 15px;

	background-color: #fff;

	border:solid 1px rgba(0,0,0,0.1);

}



.cart-detail .form-body input[type="number"]:focus {

	outline: none;

	box-shadow: 0px 5px 10px 0px rgba(0, 0, 0, 0.1);

}



.cart-detail a.delete {

	height: 40px;

	text-align: center;

	padding: 10px 10px;

	color: #fff;

	display: block;

	background: #5439DF;



}



.cart-detail a.delete:hover {

	text-decoration: none;

	box-shadow: 0px 5px 10px 0px rgba(0, 0, 0, 0.1);

}



.cart-detail .form-footer {

	float: left;

	width: 100%;

	background: #fff;

	display: flex;

	display: -ms-flexbox;

	display: -webkit-flex;

	display: flex;

	-ms-flex-align: center;

	-webkit-align-items: center;

	-webkit-box-align: center;

	align-items: center;

}



.cart-detail .form-footer .p-description {

	width: 40%;

	padding: 20px;

	vertical-align: middle;

	text-align: left;

}



.cart-detail .form-footer .p-image,

.cart-detail .form-footer .p-quantity,

.cart-detail .form-footer .p-remove {

	width: 20%;

	padding: 20px;

	vertical-align: middle;

	text-align: center;

}



.p-remove input[type="button"]{

	color: #fff;

	border:none;

	font-weight: bold;

	padding: 8px 10px;

	background: #5439DF;

}



/*new css*/



.view-card-ic{

	float: right;

	height: 50px;

	width: 50px;

	background: #0057a0;

	border-radius: 0;

	line-height: 50px;

	color: #fff;

	display: inline-block;

	font-size: 18px;

	text-align: center;

	position: relative;
	margin: 28px 0px;

}

.view-card-ic span{

	color: #000;

	position: absolute;

	top: -5px;

	right: -5px;

	font-size: 10px;

	background-color: #fff;

	height: 15px;

	width: 15px;

	border-radius: 50px;

	line-height: 15px;

	font-weight: bold;

}
.view-card-ic:hover{
	background-color: #eee;
	color: #0057a0;
}





.dark-theme {

	background-color: #000;

}



.dark-theme .logo-container {

	background-color: #000;

}



{

	/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#015eea+0,00c0fa+100 */

	background: #015eea;

	/* Old browsers */

	background: -moz-linear-gradient(left, #015eea 0%, #00c0fa 100%);

	/* FF3.6-15 */

	background: -webkit-linear-gradient(left, #015eea 0%, #00c0fa 100%);

	/* Chrome10-25,Safari5.1-6 */

	background: linear-gradient(to right, #015eea 0%, #00c0fa 100%);



}



#google_translate_element .goog-te-gadget, 

#google_translate_element .goog-logo-link{

	font-size: 0px

}

#google_translate_element .goog-te-gadget img{

	display: none;

}





.services{

	float: left;

	width: 100%;

	text-align: center;

}

.services i{

	height: 108px;

	width: 108px;

	border-radius: 100%;

	line-height: 108px;

	font-size: 40px;

	color: #fff;

	border: solid 2px #fff;

	margin-bottom: 30px;

	transition: all ease-in-out 0.3s;

}

.services:hover i{

	transform: rotateY(180deg);

}

.services h3{

	font-size: 24px;

	font-weight: bold;

	color: #fff;

	text-transform: uppercase;

	margin:0px 0px 15px 0px;

}

.services p{

	font-size: 14px;

	color: #fff;

	margin: 0px;

}











.zoom {

			display:inline-block;

			position: relative;

		}

		

		/* magnifying glass icon */

		.zoom:after {

			content:'';

			display:block; 

			width:33px; 

			height:33px; 

			position:absolute; 

			top:0;

			right:0;

			background:url(icon.png);

		}



		.zoom img {

			display: block;

		}



		.zoom img::selection { background-color: transparent; }



		#ex2 img:hover { cursor: url(grab.cur), default; }

		#ex2 img:active { cursor: url(grabbed.cur), default; }