@import url('https://fonts.googleapis.com/css?family=Lato:300,400,700&display=swap');

@import url('https://fonts.googleapis.com/css?family=Oswald:300,400,500,700&display=swap');

.oswald{font-family: 'Oswald', sans-serif;}

.top_line{ border-bottom:solid 1px #7d838b; height:1px;}

.top_text{ font-family: 'Lato', sans-serif; font-size:14px; font-weight:400; color:#fff; padding:10px 0;}

.top_text a{ color:#fff;}

.top_text a:hover{ color:#ff5e00; text-decoration:underline;}

.top_text i{ color:#ff5e00;}

.top_bar{ position:absolute; width:100%; z-index:999;}

.top_icons{ text-align:right; padding-top:10px;}

.top_icons a{ color:#fff; padding-left:15px;}

.top_icons a:hover{color:#ff5e00;}

.logo{ padding:10px 0;}

.nav_bar{ padding-top:10px;}

.search_con{ text-align:right; padding-top:25px;}

.search_con a{ color:#fff; padding-left:10px;}

.search_con a:hover{color:#ff5e00;}



.m_name{ font-family: 'Oswald', sans-serif; font-size:14px; font-weight:500; color:#000; padding:5px 0 10px 0; text-transform:uppercase;}

.s_menu a{  font-family: 'Lato', sans-serif; font-size:12px; font-weight:400; color:#000; display:block; padding-bottom:5px; transition:all 0.3s;}

.s_menu a:hover{ padding-left:5px; color:#ff5e00; transition:all 0.3s;}



.cats_bg{ background:#f0f0f0;}

.cats_box{ background:#FFF; padding:30px; z-index:9999; margin-top:-40px;}

.featured_head{ font-family: 'Oswald', sans-serif; font-size:26px; font-weight:500; color:#343434; text-align:center; margin-top:30px; text-transform:uppercase;}

.featured_text{font-family: 'Lato', sans-serif; font-size:14px; font-weight:400; color:#343434; text-align:center; padding-bottom:20px;}



.video_banner{ background:#000000 url(../images/video_img.jpg) center top no-repeat; background-size:cover; position:relative; height:642px;}

.parallaxx{ background-attachment:fixed; background-position:center; background-repeat:no-repeat; background-size:cover;}



.catalogue_head{font-family: 'Oswald', sans-serif; font-size:26px; font-weight:500; color:#343434; text-align:center; text-transform:uppercase;}

.pdf_head{font-family: 'Oswald', sans-serif; font-size:26px; font-weight:500; color:#343434; text-transform:uppercase; padding-bottom:20px;}

.pdf_text{font-family: 'Lato', sans-serif; font-size:14px; font-weight:400; color:#7c7c7c; padding-bottom:20px; line-height:30px;}

.pdf_btn a{ background:#ff5e00; font-family: 'Lato', sans-serif; font-size:14px; font-weight:700; color:#fff; padding:10px 15px; border-radius:20px;}

.pdf_btn a:hover{ text-decoration:none; background:#000;}



.welcome_bg{ background:#000000 url(../images/welcome_bg.jpg) center top no-repeat; background-size:cover; position:relative; padding:30px 0;}

.parallaxxx{ background-attachment:fixed; background-position:center; background-repeat:no-repeat; background-size:cover;}



.welcome_head{ font-family: 'Oswald', sans-serif; font-size:26px; font-weight:500; color:#fff; text-align:center; margin:20px 0; text-transform:uppercase;}

.welcome_text{font-family: 'Lato', sans-serif; font-size:14px; font-weight:400; color:#fff; padding-bottom:20px; line-height:30px; text-align:center;}

.welcome_btn{ text-align:center; margin-bottom:60px;}

.welcome_btn a{ background:#ff5e00; font-family: 'Lato', sans-serif; font-size:14px; font-weight:700; color:#fff; padding:10px 15px; border-radius:20px;}

.welcome_btn a:hover{ text-decoration:none; background:#000;}



.footer_box{ background:#000; padding:30px; z-index:9999; margin-top:-40px;}

.footer_head{font-family: 'Oswald', sans-serif; font-size:26px; font-weight:500; color:#fff; text-transform:uppercase; padding-bottom:20px;}

.footer_heading{ background:url(../images/footer.png) left bottom no-repeat; font-family: 'Work Sans', sans-serif; font-size:20px; color:white; font-weight:400; text-transform:uppercase; padding:15px 0; margin-bottom:20px;}



.footer{ font-family: 'Lato', sans-serif; color:#5a5959; font-size:16px;}

.footer a{ color:#5a5959; text-decoration:none;}

.footer a:hover{ color:#ff5e00; text-decoration:underline;}

.footer li a{font-family: 'Lato', sans-serif; color:#5a5959; font-size:13px; font-weight:400; display:block; transition:all 0.3s; text-transform:uppercase; padding-bottom:8px;}

.footer li a:hover{ text-decoration:none; color:#ff5e00; padding-left:15px; transition:all 0.3s;}



.footers{ font-family: 'Lato', sans-serif; color:#5a5959; font-size:16px;}

.footers li a{font-family: 'Lato', sans-serif; color:#5a5959; font-size:13px; display:block; transition:all 0.3s; text-transform:uppercase; padding-bottom:15px;}

.footers li a:hover{ text-decoration:none; color:#ff5e00; padding-left:15px; transition:all 0.3s;}

.footers li i{ font-size:25px;}



.copy_text{font-family: 'Lato', sans-serif; color:#5a5959; font-size:16px; text-align:center; padding:10px 0;}



.content_head{ background:url(../images/heading_line.png) left bottom no-repeat; font-family: 'Oswald', sans-serif; font-size:20px; font-weight:500; color:#333; padding:30px 0 20px 0; margin-bottom:20px; text-transform:uppercase;}

.content_text{ font-family: 'Lato', sans-serif; font-size:14px; font-weight:400; color:#333; padding-bottom:80px;}



.left_menu_main a{ font-family: 'Oswald', sans-serif; font-size:14px; font-weight:700; color:#363636; text-transform:uppercase; display:block; padding:6px 0; transition:all 0.3s; margin-bottom:5px; border-radius:5px;text-decoration:none;}

.left_menu_main a:hover{text-decoration:none; transition:all 0.3s;}

.left_menu_main a i{ float:right;}



.left_sub_menu a{ font-family: 'Lato', sans-serif; font-size:12px; color:#363636; display:block; padding:5px 0 5px 5px;  transition:all 0.3s; margin-bottom:2px; border-radius:5px;}

.left_sub_menu a:hover{ background:#ff5e00; color:#fff; text-decoration:none; padding-left:15px; transition:all 0.3s;}

.left_sub_menu i{ font-size:6px;}



.detail_box{ background:#f2f2f2; padding:20px; text-align:center;}

.d_name{background:url(../images/heading_line.png) left bottom no-repeat; font-family: 'Oswald', sans-serif; font-size:18px; font-weight:500; color:#333; padding:10px 0 20px 0; margin-bottom:20px; text-transform:uppercase;}

.d_art{ font-family: 'Lato', sans-serif; font-size:14px; color:#333; padding-bottom:20px;}

.d_detail{font-family: 'Lato', sans-serif; font-size:14px; color:#333; padding-bottom:10px;}

.d_qty{ font-family: 'Lato', sans-serif; font-size:18px; color:#333; font-weight:500; padding:15px 0;margin-bottom:20px; text-transform:uppercase;}



.baskets{padding:10px 20px 10px 20px; background:#222; border:1px #222 solid; border-radius:5px; color:#fff; text-decoration:none; margin-bottom:20px;}

.baskets:hover{padding:10px 20px 10px 20px; background:#ff5e00; border:1px #ff5e00 solid; border-radius:5px; color:#fff; text-decoration:none; margin-bottom:20px;}

.baskets a{padding:10px 20px 10px 20px; background:#222; border:1px #222 solid; border-radius:5px; color:#fff; text-decoration:none; margin-bottom:20px;}

.baskets a:hover{padding:10px 20px 10px 20px; background:#ff5e00; border:1px #ff5e00 solid; border-radius:5px; color:#fff; text-decoration:none; margin-bottom:20px;}



.sub_banner{ text-align:center;}

.g_box{ background:#FFFFFF; border:solid 1px #999999; padding:15px; margin-bottom:10px;}

.g_name{ font-family: 'Lato', sans-serif; font-size:15px; color:#565656; margin-bottom:20px; text-align:center; font-weight:700;}

.google_map{ margin:20px 0 80px 0;}

.padding{ padding-left:5px !important; padding-right:5px !important;}

.top_lng{ text-align:right; padding-top:7px;}

.goog-te-gadget-simple { background-color: transparent !important; border:0px !important;  border-radius: 4px; font-size: 11pt !important;}

.goog-te-gadget-simple a { text-decoration: none; }

.goog-te-gadget-simple .goog-te-menu-value span { margin-right: 3px !important;color:white !important;font-family: 'Oswald', sans-serif !important; font-size:15px !important; text-transform:uppercase !important; /*  color: #fff !important;*/

border: none !important; }

.goog-te-gadget img { display: none; }

.container.highmob { display: none; }

.container.highdesk { display: block; }



.middle_bg{ margin-bottom:80px;}

.paging_con{ margin-bottom:20px;}

.footer_margin{ margin-bottom:50px;}





@media (max-width:768px){

	.top_bar{ background:#262f3d; position:relative;}

	.top_text{ text-align:center; padding:5px 0;}

	.top_icons{ text-align:center; padding:10px 0;}

	.logo{ padding:15px 0; text-align:center;}

	.search_con{ text-align:center; padding:0 0 20px 0;}

	.footer_margin{ margin-bottom:20px;}

	.cats_box{margin-top:0px;}

	.footer_box{ margin-top:0px;}

}



/* Underline From Center */

.hvr-underline-from-center {

  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);

  position: relative;

  overflow: hidden;

}

.hvr-underline-from-center:before {

  content: "";

  position: absolute;

  z-index: -1;

  left: 51%;

  right: 51%;

  bottom: 0;

  background: #ff5e00;

  height: 4px;

  -webkit-transition-property: left, right;

  transition-property: left, right;

  -webkit-transition-duration: 0.3s;

  transition-duration: 0.3s;

  -webkit-transition-timing-function: ease-out;

  transition-timing-function: ease-out;

}

.hvr-underline-from-center:hover:before, .hvr-underline-from-center:focus:before, .hvr-underline-from-center:active:before {

  left: 0;

  right: 0;

}



.common-prd-wrapper{text-align:center; margin-top:10px; border:1px solid #d5d5d5; margin-bottom:20px;}

.common-prd-wrapper .prd-img{ max-height:350px; line-height:350px; min-height:350px; padding:15px; background:#FFF;}

.common-prd-wrapper .prd-img a{display:block;}

.common-prd-wrapper .prd-img a img{}

.common-prd-wrapper .showonfront{position:relative;}

.common-prd-wrapper .showcarts{position:absolute; top:0%; left:0px; right:0px; opacity:0; background:#ff5e00; padding:20px 0px; transition: 0.5s all;}

.common-prd-wrapper:hover .showcarts{top:70%; opacity:1; transform:translateY(-70%);}

.common-prd-wrapper .showcarts a{font-family: 'Oswald', sans-serif; text-decoration:none; display:inline-block; color:#fff; font-size:15px; font-weight:500; text-transform:uppercase;}

.common-prd-wrapper .showcarts a img{display:inline-block; margin-right:5px;}

.common-prd-wrapper .prd-deteil{padding-top:15px;}

.common-prd-wrapper .prd-deteil p{color:#ff5e00; font-size:18px; font-family: 'Poppins', sans-serif; font-weight:600;}

.common-prd-wrapper .prd-deteil strong{display:block; font-family: 'Poppins', sans-serif; font-size:16px; color:#111; font-weight:600; padding-bottom:15px;}

.sale_tag {

	position: absolute;

	z-index: 3

}

.sale_tag.product-featured .ribbon {

	padding-top: 45px;

	padding-bottom: 25px

}

.sale_tag .ribbon {

	position: absolute;

	display: block;

	text-align: center;

	background: #ff5e00;

	padding: 30px 0;

	width: 35px;

	top: -10px;

	left: 10px

}

.sale_tag.product-featured .ribbon .ribbon-content span {

	font-size: 13px;

	font-family: 'Roboto', sans-serif;

	text-transform:uppercase;

}

.sale_tag .ribbon span {

	display: block;

	font-size: 16px;

	color: #fff;

	margin: 0;

	padding: 0;

	font-weight: 400;

	white-space: nowrap;

	-webkit-transform: rotate(-90deg);

	transform: rotate(-90deg)

}

.sale_tag .ribbon .ribbon-content:after {

	position: absolute;

	right: -5px;

	top: 0;

	width: 0;

	height: 0;

	border-style: solid;

	border-width: 10px 0 0 5px;

	border-color: transparent transparent transparent #e85702;

	display: block;

	content: ''

}

.paging{

	font-family:Arial;

	font-size:12px;

	font-weight:bold;

	color:#fff;

	text-valign:center;

	text-decoration:none;

	background:#000;

	PADDING-top:3px;

	PADDING-bottom:3px;

	PADDING-right: 7px;

	PADDING-left: 7px;

	width:25px;

	height:25px;

	-moz-border-radius:3px;

	-webkit-border-radius:3px;

	border:solid 1px #000;

}

.paging:hover{

	font-family:Arial;

	font-size:12px;

	font-weight:bold;

	color:#fff;

	text-valign:center;

	text-decoration:none;

	background:#ff5e00;

	PADDING-top:3px;

	PADDING-bottom:3px;

	PADDING-right: 7px;

	PADDING-left: 7px;

	width:25px;

	height:25px;

	-moz-border-radius:3px;

	-webkit-border-radius:3px;

	border:solid 1px #ff5e00;

}

.paging_act{

	font-family:Arial;

	font-size:11px;

	font-weight:bold;

	background-color:#ff5e00;

	color:#fff;

	text-valign:center;

	text-decoration:none;

	PADDING-top:3px;

	PADDING-bottom:3px;

	PADDING-right: 7px;

	PADDING-left: 7px;

	width:35px;

	height:20px;

	-moz-border-radius:3px;

	-webkit-border-radius:3px;

	border:solid 1px #ff5e00;

}

.paging_act:hover{

	font-family:Arial;

	font-size:11px;

	font-weight:bold;

	background-color:#ff5e00;

	color:#fff;

	text-valign:center;

	text-decoration:none;

	PADDING-top:3px;

	PADDING-bottom:3px;

	PADDING-right: 7px;

	PADDING-left: 7px;

	width:35px;

	height:20px;

	-moz-border-radius:3px;

	-webkit-border-radius:3px;

	border:solid 1px #ff5e00;

}