@charset "utf-8";
/* CSS Document*/
:root{
	--color: #444;
	--color-main: #1070ff;
	--color-hover: #1070ff;
	--color-black: #333;
	--color-red: #ed1c24;
	--bg-focus:rgb(2, 89, 219);
}
body{
	font:400 15px/28px 'Roboto', sans-serif;	color:#000;
	overflow-x:hidden;
	background-repeat:no-repeat;
	background-position: center top; background-size:cover;

  transition: all 0.3s ease; -moz-transition: all 0.3s ease; -webkit-transition: all 0.3s ease;
}
/**
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}
input[type=number] {
    -moz-appearance:textfield;
}

 * Owl Carousel v2.2.1
 * Copyright 2013-2017 David Deutsch
 * Licensed under  ()
 */
.owl-carousel,.owl-carousel .owl-item{-webkit-tap-highlight-color:transparent;position:relative}.owl-carousel{display:none;width:100%;z-index:1}.owl-carousel .owl-stage{position:relative;-ms-touch-action:pan-Y;-moz-backface-visibility:hidden}.owl-carousel .owl-stage:after{content:".";display:block;clear:both;visibility:hidden;line-height:0;height:0}.owl-carousel .owl-stage-outer{position:relative;overflow:hidden;-webkit-transform:translate3d(0,0,0)}.owl-carousel .owl-item,.owl-carousel .owl-wrapper{-webkit-backface-visibility:hidden;-moz-backface-visibility:hidden;-ms-backface-visibility:hidden;-webkit-transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0)}.owl-carousel .owl-item{min-height:1px;float:left;-webkit-backface-visibility:hidden;-webkit-touch-callout:none}.owl-carousel .owl-item img{display:block;width:100%}.owl-carousel .owl-dots.disabled,.owl-carousel .owl-nav.disabled{display:none}.no-js .owl-carousel,.owl-carousel.owl-loaded{display:block}.owl-carousel .owl-dot,.owl-carousel .owl-nav .owl-next,.owl-carousel .owl-nav .owl-prev{cursor:pointer;cursor:hand;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.owl-carousel.owl-loading{opacity:0;display:block}.owl-carousel.owl-hidden{opacity:0}.owl-carousel.owl-refresh .owl-item{visibility:hidden}.owl-carousel.owl-drag .owl-item{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.owl-carousel.owl-grab{cursor:move;cursor:grab}.owl-carousel.owl-rtl{direction:rtl}.owl-carousel.owl-rtl .owl-item{float:right}.owl-carousel .animated{animation-duration:1s;animation-fill-mode:both}.owl-carousel .owl-animated-in{z-index:0}.owl-carousel .owl-animated-out{z-index:1}.owl-carousel .fadeOut{animation-name:fadeOut}@keyframes fadeOut{0%{opacity:1}100%{opacity:0}}.owl-height{transition:height .5s ease-in-out}.owl-carousel .owl-item .owl-lazy{opacity:0;transition:opacity .4s ease}.owl-carousel .owl-item img.owl-lazy{transform-style:preserve-3d}.owl-carousel .owl-video-wrapper{position:relative;height:100%;background:#000}.owl-carousel .owl-video-play-icon{position:absolute;height:80px;width:80px;left:50%;top:50%;margin-left:-40px;margin-top:-40px;background:url(owl.video.play.png) no-repeat;cursor:pointer;z-index:1;-webkit-backface-visibility:hidden;transition:transform .1s ease}.owl-carousel .owl-video-play-icon:hover{-ms-transform:scale(1.3,1.3);transform:scale(1.3,1.3)}.owl-carousel .owl-video-playing .owl-video-play-icon,.owl-carousel .owl-video-playing .owl-video-tn{display:none}.owl-carousel .owl-video-tn{opacity:0;height:100%;background-position:center center;background-repeat:no-repeat;background-size:contain;transition:opacity .4s ease}.owl-carousel .owl-video-frame{position:relative;z-index:1;height:100%;width:100%}
/**
 * Owl Carousel v2.2.1
 * Copyright 2013-2017 David Deutsch
 * Licensed under  ()
 */
.owl-theme .owl-dots,.owl-theme .owl-nav{text-align:center;-webkit-tap-highlight-color:transparent}.owl-theme .owl-nav{margin-top:10px}.owl-theme .owl-nav [class*=owl-]{color:#FFF;font-size:14px;margin:5px;padding:4px 7px;background:#D6D6D6;display:inline-block;cursor:pointer;border-radius:3px}.owl-theme .owl-nav [class*=owl-]:hover{background:#869791;color:#FFF;text-decoration:none}.owl-theme .owl-nav .disabled{opacity:.5;cursor:default}.owl-theme .owl-nav.disabled+.owl-dots{margin-top:10px}.owl-theme .owl-dots .owl-dot{display:inline-block;zoom:1}.owl-theme .owl-dots .owl-dot span{width:10px;height:10px;margin:5px 7px;background:#D6D6D6;display:block;-webkit-backface-visibility:visible;transition:opacity .2s ease;border-radius:30px}.owl-theme .owl-dots .owl-dot.active span,.owl-theme .owl-dots .owl-dot:hover span{background:#869791}
/************/
/* Bounce To Right */
.hover,
.hover-red {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(0px) translateZ(0);
  transform: perspective(0px) translateZ(0);
  position: relative;
  -webkit-transition-property: color;
  transition-property: color;
  -webkit-transition-duration: 0.5s;
  transition-duration: 0.5s;
}
.hover:before,
.hover-red::before {
  content: "";
  position: absolute;
  z-index: -1;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background:var( --color-main);
  -webkit-transform: scaleX(0);
  transform: scaleX(0);
  -webkit-transform-origin: 0 50%;
  transform-origin: 0 50%;
  -webkit-transition-property: transform;
  transition-property: transform;
  -webkit-transition-duration: 0.5s;
  transition-duration: 0.5s;
  -webkit-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
}
.hover:hover, .hover:focus, .hover:active,
.hover-red:hover, .hover-red:focus, .hover-red:active {
  color: white;
}
.hover:hover:before, .hover:focus:before, .hover:active:before,
.hover-red:hover:before, .hover-red:focus:before, .hover-red:active:before{
  -webkit-transform: scaleX(1);
  transform: scaleX(1);
  -webkit-transition-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66);
  transition-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66);
}
.hover-red::before{
	background:var( --color-red);
}
.img-responsive{
	max-width: 100%;	height: auto;
	display: inline-block;
}
/************/
/************/
.container{
	width: 90%;
	max-width: 1350px;
}
.plugin-container{
	position: static;
}
.overlay{
	position:fixed; left:0; top:0; z-index:999;
	width:100%; height:100%; overflow:hidden;
	background:url(../img/loader.gif) no-repeat center center rgba(0, 0, 0, 0.3);
}
.f-title{
	font-weight: bold;
}
.text-upp{
	text-transform:uppercase !important;
}
.text-cap{
	text-transform: capitalize !important;
}
.img-full{
	display:block; width:100%;
}
.transition{
	transition:all 0.3s ease-in 0s;
	-moz-transition:all 0.3s ease-in 0s;
	-webkit-transition:all 0.3s ease-in 0s;
}
.trans_dis{
	transition:none; -moz-transition:none; -webkit-transition:none;
}
.img-hover-zoom .img-zoom{
	transition:all 0.5s ease-in-out 0s; -webkit-transition:all 0.5s ease-in-out 0s; -moz-transition:all 0.5s ease-in-out 0s;
}
.img-hover-zoom:hover .img-zoom{
	transform:scale(1.05); -moz-transform:scale(1.05); -webkit-transform:scale(1.05);
}
.text_hide{
    text-overflow: ellipsis;    white-space: nowrap;	overflow:hidden;
}
.tooltip {
	text-transform:capitalize
}
.bold{
	font-weight:bold !important;
}
.b500{
	font-weight: 500 !important;
}
#btn-scrolltop{
	position:fixed; right:25px; bottom:100px; z-index:9999;
	width:36px; height:36px; overflow:hidden; cursor:pointer;
	padding:0; margin:0; border:none; background:none; display:none;
}
/***********/
.alert p:last-child{
	margin-bottom: 0;
}
/***********/
#call_mobile{
	position:fixed; right:0px; bottom:0px; z-index:9999;
	width:100%;	min-height:40px; overflow:hidden; cursor:pointer;
	text-decoration:none;

	padding:5px 10px 5px 10px; margin:0; border:none;
	font-size:15px; font-weight:bold; line-height:30px; text-transform:uppercase;

	background:#045195; color:#FFF; display:none;
	text-align:center;
	border-top:3px double #FFF;

}
#call_mobile span{
	display:inline-block; position:relative;
	padding-left:40px;
}
#call_mobile span::before{
	position:absolute; left:0%; top:1px;
	width:50px; height:20px;
	text-align:center;
	font-size: 25px;

	content: "\f2a0";
	-moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  display: inline-block;
  font-style: normal;
  font-variant: normal;
  text-rendering: auto;
  line-height: 1;
	font-family: 'Font Awesome 5 Free';
  font-weight: 900; }

}

#call_mobile:hover{
	background:#00324a;
}
/************/
.box-mobile{
	display: none;
	position: absolute; right: 0;
	padding-right: 15px;
}
.btn_mobile,
.cart_mobile{
	height:36px; width:45px; line-height:30px; text-align:center;
	padding:5px 10px; margin-left: 10px;
}
.btn_mobile{
	background: #FFF; color:#000;
	border: 1px solid #DDD;
}
.btn_mobile .fa{
	font-size:19px; line-height:1;
}
.btn_mobile:hover{
	color:#FFF;
}
.cart_mobile{
	border:none; background:var( --color-main); color:#FFF;
	position: relative;
}
.cart_mobile .cart_total{
	position: absolute; left: 50%; top: 3px; z-index: 1;
	transform: translateX( -50%); margin-left:2px;
	background: #000; color: #FFF;
	padding: 1px 3px;
	border-radius: 50%; overflow: hidden;
	font-size: 13px; line-height: 1;
}
/************/
.page-home{
	background:#FFF;
}
/************/
#pagination{
	text-align:center; margin-top:20px; margin-bottom:30px;
}
#pagination *{
	margin:0 5px; min-width: 32px; text-align: center;
	position:relative; font-weight: 500;
	border-color: #ddd;
}
#pagination *:last-child::after{
	display:none;
}
#pagination b{
	color:#FFF; font-weight:bold;
	background-color: var( --color-main);
	border-color: var( --color-main);
}
#pagination a:hover{
	color:#000;
}
/*************/
/*************/
#button-share{
	margin:30px 0 20px; padding:15px;
	background:#f5f5f5;
}
#button-share > a{
	display: inline-block;
	margin-right: 15px; height: auto;
}
#button-share .share-item{
	display: inline-block;
	color:#FFF; font-size:10px; font-weight:bold; position:relative;
	display:inline-block; padding-right:0px; background:#de4501;
	line-height:1;
	border-radius:3px; -moz-border-radius:3px; -webkit-border-radius:3px;
}
#button-share a:last-child .share-item{
	margin-right:0;
}
#button-share .share-item b{
	font-weight:bold;
}
#button-share .share-item i{
	display:inline-block; padding:0;
	margin:0 0px 0 0; color:#FFF;
	text-align:center; color:#5d72a4;
	width:50px; height:35px; line-height:35px;
	font-size:17px;
}
/********/
#button-share .share-item:hover{
	background:#000; color:#FFF
}
#button-share .share-item:hover i:after{
    border-color: rgba(229, 229, 229, 0) rgba(229, 229, 229, 0) rgba(229, 229, 229, 0) #000;
}
/********/
#button-share .share-sheet{
	background:#ec1e25;
}
#button-share .share-sheet i{
	background:#000; color:#FFF;
}
#button-share .share-sheet i::after{
	border-color:rgba(229, 229, 229, 0) rgba(229, 229, 229, 0) rgba(229, 229, 229, 0) #000;
}
#button-share .share-fb{
	background:#5d72a4;
}
#button-share .share-fb i{
	color:#FFF;
}
#button-share .share-google{
	background:#db5c4b;
}
#button-share .share-google i{
	color:#FFF;
}
#button-share .share-twitter{
	background:#00baff;
}
#button-share .share-twitter i{
	color:#FFF;
}
#button-share .share-pinterest{
	background:#f20000;
}
#button-share .share-pinterest i{
	color:#FFF;
}
#button-share .share-link{
	background:#2f70b0;
}
#button-share .share-link i{
	color:#FFF;
}
/********/
/***********/
#bg-main{
	display:block; width:100%; position:relative;
	padding-top: 35px; padding-bottom: 35px;
	margin-bottom:30px;
	background-color:rgb(240, 240, 240);
	transition:all 0.5s ease-in-out 0s; -webkit-transition:all 0.5s ease-in-out 0s; -moz-transition:all 0.5s ease-in-out 0s;
}
/********/
.breadcrumb {
		background: none; margin: 0; padding: 0;
		font-size: 13px; line-height: 1;
		text-transform: capitalize;
}
.breadcrumb a{
    color:inherit;
}
.breadcrumb a:hover{
    color:var( --color-hover); text-decoration:none;
}
/*************/
/*******************/
.is-sticky #header > div{
	display:none;
}
.is-sticky #header .header-nav{
	display:block; border-top:none;
}
.sticky-wrapper{
	 height:auto !important;
}
/*********
************
**********/
#header{
	position:relative; left:0; top:0; width:100%;	z-index:1000;
	background:#FFF; width:100%; height:auto !important;
	font-size:13px; vertical-align:text-top;
	padding:0px;
	transition:all 0.3s ease-in 0s;	-moz-transition:all 0.3s ease-in 0s;	-webkit-transition:all 0.3s ease-in 0s;
}
#header .header-top{
	padding:10px 0 9px; font-size: 11px;
	background:var( --color-black); color:#FFF;
	line-height:1; font-weight: 400;
	transition:all 0.3s ease-in 0s;	-moz-transition:all 0.3s ease-in 0s;	-webkit-transition:all 0.3s ease-in 0s;
}
#header .header-top span{
	display:inline-block;
	padding-right:15px;
	border-right:1px solid #FFF; margin-right:15px;
}
#header .header-top span:last-child{
	padding-right:0px;
	border-right:none; margin-right:0px;
}
#header .header-top span b{
	font-weight:600;
}
#header .header-top a{
	color:#FFF;
}
#header .header-top ul{
	margin: 0; padding: 0; list-style-type: none;
}
#header .header-top ul li:first-child{
	margin-left: 0;
}
#header .header-top li{
	margin: 0 0px 0 20px; padding: 0; list-style-type: none;
	display: inline-block;
}
/******/
#header .logo .logo-img{
	display:block;
}
#header .logo .box-mobile{
	display:none;
	padding:1px 0;
}
/********/
#header .logosearch{
	padding:10px 0 10px;
}
#header .logosearch .search{
	margin-top:26px;
}
#header .header__logo{
	margin:0;
}
#header .header__logo img{
	display:inline-block; height:80px;
}
/******/
.header__search{
	padding-left: 70px;
}
/*****/
.header__fsearch{
	margin:0px;
	position:relative;
	border:1px solid #CCC;
	border-radius: 6px; overflow: hidden;
}
.header__fsearch:focus-within{
	border-color: var( --color-main);
}
.header__fsearch input{
	border:none; background:#FFF;
	width:100%; height:40px; line-height:40px;
	padding:5px 140px 5px 10px; text-align:left;
	font-size:13px;
	border-radius: 6px 0 0 6px; overflow: hidden;
}
.header__fsearch button{
	position:absolute; right:0; top:0; bottom:0;
	height:100%; width:130px; text-align:center;
	background:var( --color-main) ; border: none;
	color:#FFF;
	text-transform:uppercase;
	border-radius: 0 6px 6px 0; overflow: hidden;
}
.header__fsearch button .fa{
	font-size:15px;
}
.header__fsearch button span{
	font-size:13px; font-weight:bold;
}
.header__fsearch button::before{
	background-color:var( --color-main)
}
/***********/
.header__boxaction{
	margin: 0; padding: 0; list-style-type: none;
	display:inline-block;
}
.header__boxaction li{
	margin: 0 0 0 15px; padding: 0; list-style-type: none;
	display:inline-block;
}
.header__boxaction_user,
.header__boxaction_cart{
	position:relative; display:inline-block;
	color:inherit; text-align:left;
	height:40px; text-decoration:none;
	font-size: 13px; line-height: 1;
}
.header__boxaction_user .far,
.header__boxaction_cart > *{
	display: inline-block;
	vertical-align: middle;
}
.header__boxaction_user button.btn,
.header__boxaction_cart strong{
	font-weight: 500;
	font-size: 13px; line-height: 1;
	text-transform: capitalize;

}
.header__boxaction_cart .cart_total{
	position: absolute; right:0; top: -5px; z-index: 1;
	background: var( --color-main); color: #fff;
	min-width: 16px; height: 16px; line-height: 18px;
	border-radius: 50%; overflow: hidden; text-align: center;
	font-size: 11px;
}
.header__boxaction_user .far,
.header__boxaction_user .fa,
.header__boxaction_cart .fa{
	font-size: 22px; margin-right: 3px;
	vertical-align: middle;
}
.header__boxaction_user:hover button,
.header__boxaction_cart:hover{
	color: var( --color-hover) !important;
	text-decoration: none;
}
.header__boxaction_user .fa{
	color: var( --color-hover);
}
/**************/
.header__boxaction_user .dropdown-menu a{
		font-size: 13px; line-height: 22px;
		padding: 4px 10px;
}

/************/
#header .header-nav{
	background-color: var( --color-main);
	transition:all 0.5s ease-in-out 0s; -webkit-transition:all 0.5s ease-in-out 0s; -moz-transition:all 0.5s ease-in-out 0s;
}
#header .navigation{
	margin:0; padding:0; list-style-type:none;
	display:block;	position:relative;
}
#header .navigation .navctl{
		background: #333;
}
#header .navigation li{
	margin:0px 0 0 0; padding:0; list-style-type:none;
	display:inline-block; float:left;
	text-transform:uppercase; position:relative;
}
#header .navigation li:last-child, #header .box-search li:last-child{
	margin-right:0;
}
#header .navigation li > a{
	float:left;
	display:block; padding:11px 24px 9px;
	font-weight: 500;	font-size:13px;
	text-transform:uppercase; line-height:26px;
	color:#FFF; text-decoration:none;
	position:relative;
}
#header .navigation li > a:hover{
	color:var( --color-red);
}
#header .navigation li.selected > a,
#header .navigation li:hover > a{
	background:var( --bg-focus); color:#FFF;
	position:relative;
}
#header .navigation li.selected > a,
#header .navigation li:hover > a{
	color:#FFF;
}
#header .navigation li.selected > a::before{
	position:absolute; left:0; top:100%;
	content:""; display:block;
	width:100%; height:6px;
	background:var( --color-main_bold);
}
/***************/
#header .navigation li.navfull{
	position: static;
}
.navsub_full__container a{
	display: block;	padding: 5px 0;
	color: #000;
	border: 1px solid #DDD;
	border-radius: 5px;
	overflow: hidden;
	transition: all 0.3s ease; -moz-transition: all 0.3s ease; -webkit-transition: all 0.3s ease;
}
#header .navigation li.navfull .navsub{
	width: 100%;
	background: #FFF;
}
.navfull__img{
	display: inline-block;
	text-transform: capitalize; font-size: 13px;
	font-weight: 500;	line-height: 1.3;	margin: 0;
	white-space: nowrap;
}
.navfull__img img{
		display: inline-block;
		width: 42px; height: 42px;
		object-fit: contain; object-position: center;
		margin: 0 7px 0 ;
		vertical-align: middle;
		border-radius: 5px; overflow: hidden;
}
.navsub_full__container{
	margin-left: -5px; margin-right: -5px;
	padding: 5px 10px;
}
.navsub_full__container > .col{
	padding-left: 5px; padding-right: 5px;
	margin-top: 5px; margin-bottom: 5px;
}
.navsub_full__container a:hover{
	border-color: var( --color-hover); color: var( --color-hover);
	transition: all 0.3s ease; -moz-transition: all 0.3s ease; -webkit-transition: all 0.3s ease;
}
/***************/
#header .navigation li .navsub{
	display:none; z-index: 999;
	position:absolute; left:0px; top:100%;
	background: #FFF; padding:0px 0 0;
	width:280px;
}
#header .navigation li:hover .navsub{
	display:block;
}
#header .navigation li .navsub li{
	margin:0; display:block; clear:both;
	padding:10px 10px 10px 15px;
	width:100%; position:relative;
	border-bottom:1px solid #DDD;
}
#header .navigation li .navsub li:last-child{
	border-bottom:none;
}
#header .navigation li .navsub li a{
	line-height:22px; font-size:13px; display:block;
	padding:0; text-transform:capitalize; font-weight:500;
	width:100%; text-align:left;
	color:#000;
	transition: all 0.3s ease; -moz-transition: all 0.3s ease; -webkit-transition: all 0.3s ease;
}
#header .navigation li .navsub li:hover{
	color: #FFF; background: var( --color-hover);
	transition: all 0.3s ease; -moz-transition: all 0.3s ease; -webkit-transition: all 0.3s ease;
}
#header .navigation li .navsub li:hover a{
	color: #FFF;
	background: none;
}
/******************************
****************/
#footer{
	font-size:13px; line-height:22px; color:#333;
	position:relative; overflow: hidden;
	margin-top: 30px; background: #FFF;
}
#footer .footer__title{
	margin:0 0 10px; padding:0;
	font-size:17px; text-transform:capitalize; line-height:20px;
	font-weight:500; color:#000;
}
#footer .footer__text,
#footer .footer__info{
	font-size: 13px; line-height: 20px;
}
#footer .footer__info p{
	margin-bottom: 7px;
}
#footer .footer__text{
	line-height: 22px;
}
#footer  ul{
	margin:0; padding:0; list-style-type:none;
}
#footer  ul li{
	margin:0 0 5px; padding:0 0 0 0; list-style-type:none;
	position:relative;
}

#footer  ul li a{
	color:#333; text-decoration:none;
}
#footer  ul li a:hover{
	text-decoration:underline;
}
/***/

#footer .social{
	display:block; margin: 0;
	text-align: center;
}
.social a{
	display:inline-block; margin-right:12px;
	width: 45px; height: 45px;
	background: #FFF;
	text-align: center;
	font-size: 17px; line-height: 45px;
	border-radius: 6px;
	transition: all 0.3s ease; -moz-transition: all 0.3s ease; -webkit-transition: all 0.3s ease;
}
.social a:last-child{
	margin-right:0;
}
.social .fa{
}
.social a:hover{
	background: var( --color-hover); color: #FFF !important;
	transition: all 0.3s ease; -moz-transition: all 0.3s ease; -webkit-transition: all 0.3s ease;
}
/***/
#footer .author{
	background:#111; color:#EEE; padding:10px 0 7px; margin-top:20px;
	font-size:11px; line-height:20px;
	text-transform:capitalize;
}
#footer a{
	color:inherit;
}
/*************/
.owl-theme .owl-nav{
	margin:0 !important;
}
/**************/
/*************/
.home-newsletter{
		background: #f2f2f2;
    margin-bottom:30px;
		padding-bottom:30px; padding-top:30px;
		font-size: 14px;

}
.newsletter__title {
    font-weight: 500; font-size:23px; color: #000;
		line-height:1.5;    margin:0 0 5px;
}
.home-newsletter .form{
	position: relative; background: #FFF;
	border: 1px solid #DDD;
}
.home-newsletter .form:focus-within{
	border-color: var( --color-hover);

}
.home-newsletter .newsletter input.input-email {
    display: block;    font-style: normal;
    height: 45px;    margin: 0;
    font-size: 15px;
    padding: 0 165px 0 15px;
    vertical-align: middle;
		border: none; width: 100%;
}
.home-newsletter  .button-email {
	position: absolute; right: 0; top: 0; bottom: 0;
    background: var( --color-hover);
    font-size: 13px;    font-weight: bold;
		text-transform: uppercase;
    line-height: 1;
    padding: 15px 10px;
		width: 150px;
    border: medium none;    color: #fff;
    vertical-align: middle;
}
.home-newsletter  .newsletter .response.success{
	color:#045195
}
.home-newsletter  .newsletter .response.error{
	color:#f00
}
/*********
**************
*********/
.title-page-box{
	display:block; position:relative;
	padding: 0 0 30px 30px;
}
.title-page-box::before{
	position:absolute; left:30px; top:54px; z-index:-1;
	width:100px; height:100%;
	content:"01"; display:block; font-weight:bold;
	font-size:91px;
	color:rgba(255, 255, 255, 0.14);
	font-family:"Ubuntu","Helvetica","Arial","sans-serif";
}
.title-page-box .sub{
	display:block;
	margin:0; padding:0; position:relative;
	font-size:14px; font-weight:400; line-height:16px;
	color:#4D4D4D;
}
.title-page-box .sub::before{
	position:absolute; left:-30px; top:90%;
	content:""; display:block; width:25px; height:1px;
	background:#045195;
}
.title-page-box .title{
	display:block; margin:7px 0 0;
	font-size:22px; text-transform:uppercase;
	font-weight:bold; line-height:26px;
	color:#000;
}
.title-page .link-right{
	float:right; display:inline-block;
	font-size:12px; color:#000; line-height:22px;
	padding-left:10px; padding-right:10px;
	position:relative; top:12px; text-transform:capitalize;
	background:#EEE; border:1px solid #DDD;
}
.title-page .link-right:hover{
	border-color:#000; background-color:#000; color:#FFF;
}
/***********/
.title-page-sub{
	font-size:17px;
}
.title-page-sub::before{
	position:absolute; left:0px; bottom:15%;
	content:""; display:block; width:25px; height:2px;
	background:#045195;
}
/********/
.title-page{
	position:relative;
	margin:0 0 15px; padding:0 8vw 0 0;
	font-size:25px; font-weight:bold;
	line-height:1.5; color:var( --color) ;
}
.title-page::after{
	position: absolute; left: 0; top: 20px;
	content: ""; display: block;
	width: 100%; height: 1px;
	background: #CCC;
}
.title-page span,
.title-page a{
	display: inline-block; background: #FFF;
	position: relative; z-index: 2;
	padding-right: 15px;
}
.title-page a{
	color:inherit; text-decoration:none;
}
.title-page.text-sm{
	font-size:21px; padding-bottom:7px;
}
.title-page.text-sm::before{
	width:50px;
}
.quote-page{
	margin:0 0 15px; padding:0;
	font-size:16px; line-height:28px; font-weight:500;
}
.dcontent,
.dcontent pre{
	font-size:14px; line-height:28px; font-weight: normal;
	color: #000;
}
.dcontent pre{
	word-wrap: break-word;      /* IE 5.5-7 */
	white-space: -moz-pre-wrap; /* Firefox 1.0-2.0 */
	white-space: pre-wrap;
	background:none; border:none;
	border-radius:0; -moz-border-radius:0; -webkit-border-radius:0;
	padding:0; margin-bottom:15px;
}
.dcontent a{
	color:inherit; text-decoration: underline;
	border-bottom:1px dotted #222;
}
.dcontent a:hover{
	color:var( --color-main); text-decoration:none;
}
.dcontent img{
	display:inline-block;
	max-width:100%; height:auto !important;
}
.dcontent h1,
.dcontent h2,
.dcontent h3,
.dcontent h4,
.dcontent h5,
.dcontent h6{
	line-height:120%;
}
.dcontent img{
	display:inline-block;
	max-width:100%; height:auto !important;
}
.dcontent h1{
	font-size:115%;
	line-height:170%;
}
.dcontent h2{
	font-size:110%; font-weight:bold;
	line-height:160%;
}
.dcontent h3{
	font-size:105%; font-weight:bold;
	line-height:150%;
}
.dcontent h4{
	font-size:14px; font-weight:normal;
	line-height:24px;
}
.dcontent h5{
	font-size:95%; font-weight:normal;
	line-height:95%;
}
.dcontent h6{
	font-size:90%; font-weight:normal;
	line-height:90%;
}
.dcontent p{
	margin-bottom:15px;
}
.dcontent img,
.dcontent *{
	max-width:100%;
}
.dcontent ul li p:last-child{
	margin: 0;
}
.dcontent table{
	border-collapse: collapse !important;
	width: 100% !important;
	max-width: 100%;
	margin-bottom: 20px;
}
.dcontent table > thead > tr > th,
.dcontent table > tbody > tr > th,
.dcontent table > tfoot > tr > th,
.dcontent table > thead > tr > td,
.dcontent table > tbody > tr > td,
.dcontent table > tfoot > tr > td {
	padding: 8px;
	line-height: 1.42857143;
	vertical-align: middle;
}
.dcontent table > thead > tr > th {
	vertical-align: bottom; background-color:#EEE;
}
/****************
************/
.border__container{
	border: 1px solid #DDD;
	padding: 15px 30px 0; margin-bottom: 35px;
	border-radius: 10px; overflow: hidden;
	box-shadow: 0 .125rem .5rem rgba(0,0,0,.075);
}
.border__container,
.border__container .title-page span{
	background: rgb( 254, 254, 254);
}
.border__container #button-share{
	margin: 0 -30px; padding: 20px 30px;
	border-top: 1px solid #DDD;
	background: #FFF;
}
/*********************/
.plugin-boxnav{
	padding:0px; overflow:hidden;
	display:block; margin-bottom: 30px;
	border: 1px solid #DDD;
	background-color: #FFF;
	border-radius: 10px; overflow: hidden;
	padding: 20px 20px 0px;
	font-size: 13px; line-height: 22px;
}
.plugin-boxnav .title,
.plugin-boxnav .navlist{
	margin: 0; padding: 0;
}
.plugin-boxnav .title{
		position: relative; margin-bottom: 15px;
    font-size: 18px;    font-weight: 700;
		line-height: 1.45;
    text-transform: capitalize;
		color: #000;;
		background: var( --color-main_bold) ;
}
.plugin-boxnav .title::after{
	position: absolute; left: 0; top: 12px; z-index: 1;
	content: ""; display: block;
	width: 100%; height: 1px;
	background: #CCC;
}
.plugin-boxnav .title a,
.plugin-boxnav .title span{
	position: relative; z-index: 2;
	display: inline-block;
	background: #FFF; padding-right: 15px;
}
.plugin-boxnav .title a{
	color: inherit;
}
.plugin-boxnav .title a:hover{
	text-decoration: none; color: var( --color-hover);
}
.plugin-boxnav .navlist{
	clear: both;
	margin:0 0 30px; padding: 0;
	list-style-type:none;
}
.plugin-boxnav .navlist li{
	margin-bottom:11px; padding-left: 23px;
	position: relative; cursor: pointer;
}
.plugin-boxnav .navlist li::before{
		position: absolute; left: 0; top: 5px;
		width: 25px; height: 20px;
		-moz-osx-font-smoothing: grayscale;
	  -webkit-font-smoothing: antialiased;
	  display: inline-block;
	  font-style: normal;	  font-variant: normal;
	  text-rendering: auto;	  line-height: 1;
		font-size: 14px;
		content: "\f0c8";
		font-family: 'Font Awesome 5 Free';
	  font-weight: 400;
}
.plugin-boxnav .navlist li.selected::before,
.plugin-boxnav .navlist li.focus::before{
	content: "\f14a";
	color: var( --color-hover);
}
.plugin-boxnav .navlist li a{
	text-decoration:none; text-transform: capitalize;
	display: inline-block;
	color: inherit;
}
.plugin-boxnav .navlist li.selected a,
.plugin-boxnav .navlist li.focus a,
.plugin-boxnav .navlist li:hover{
	color: var( --color-hover);
}
.plugin-boxnav .navlist li:hover::before{
	font-weight: 900;
}
.plugin-boxnav .navlist li.selected a,
.plugin-boxnav .navlist li.focus a{
	font-weight:500;
}
/********/
.probrand__focus{
	background: var( --color-hover);
	border-color: var( --color-hover);
	color: #FFF;
}
.probrand__focus .title a{
	background: var( --color-hover);
	color: #FFF;
}
.probrand__focus .title::after{
	background: #FFF;
}
.probrand__focus .navlist li{
	padding-left: 17px;
	font-weight: 500;
}
.probrand__focus .navlist li.focus::before,
.probrand__focus .navlist li::before{
	content: "\f111"; top: 8px;
	font-weight: 900;
	font-size: 8px;
}
.probrand__focus .navlist li.focus::before,
.probrand__focus .navlist li.focus a,
.probrand__focus .navlist li a:hover,
.probrand__focus .navlist li:hover::before{
	color: #FF0;
}
/****************
************/
/***************/

/**************
***************
******************/
body.menu-open{
	overflow:hidden;
}
#btn_menu_close{
	position:fixed; left:78%; top:0; display:none;
	padding:0 20px; height:53px;
	border:none; background:#FFF; color:#000;
	border-radius:0 2px 2px 0; -moz-border-radius:0 2px 2px 0; -webkit-border-radius:0 2px 2px 0;
	box-shadow:0 0 10px #000;
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	transition: all 0.3s ease;

}
#btn_menu_close .fa{
	color:#000; font-size:30px;
}
#btn_menu_close:hover, #btn_menu_close:focus, #btn_menu_close:active{
	background-color:#ec1e25;
}
#btn_menu_close:hover .fa,
#btn_menu_close:focus .fa,
#btn_menu_close:active .fa{
	color:#FFF;
}
/******/
#menu_mobile{
	position:fixed; left:-100%; top:0; z-index:9999;
	width:100%; height:100vh; overflow-x:hidden; overflow-y:scroll;
	background:rgba(0, 0, 0, 0.9); color:#000;

	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	transition: all 0.3s ease;
}
#menu_mobile.open{
	left:0;
}
#menu_mobile.open #btn_menu_close{
	display:block;
}
#menu_mobile .menu-container{
	display:block; width:80%; min-height:100vh;
	float:left; background:#EEE;
	position:relative;
	line-height:22px; font-size:14px;
}
#menu_accordion{
	margin-bottom:0; padding-bottom:150px;
}
/**********/
#menu_accordion > .panel.userlogin .coll-main-title{
	background: #666; color: #FFF;
}
#menu_accordion .userlogin .coll-main-title a{
	color: #FFF;
}
//------------
#menu_accordion > .panel.logo .coll-main-title{
	background: #FFF; color:#FFF; padding-right:15px;
}
#menu_accordion > .panel.logo img{
	height:35px; display:inline-block;
}
#menu_accordion > .panel.lang .coll-main-title{
	background:#DDD;
}
#menu_accordion > .panel.lang a{
	line-height:26px;
}
#menu_accordion > .panel.lang img{
	height:20px; margin-right:5px;
	border-radius:3px; -moz-border-radius:3px; -webkit-border-radius:3px;
}
#menu_accordion > .panel.lang a{
	color:#000; font-weight:bold; text-transform:uppercase;
	font-size:13px;
}
#menu_accordion > .panel.lang a:first-child{
	border-right:none;
}
/**********/
#menu_accordion > .panel{
	background:none; border:none; border-bottom:1px solid #DDD;
	border-radius:0; -moz-border-radius:0; -webkit-border-radius:0;
	box-shadow:none; -moz-box-shadow:none; -webkit-box-shadow:none;
}
#menu_accordion > .panel + .panel{
	margin-top:0;
}
#menu_accordion .panel-body{
	padding:5px 10px 5px;
	border-left: 5px solid var( --color-hover);
	background: #FFF;
	border-top: 1px solid #CCC;
}
#menu_accordion .coll-main-title{
	margin:0; padding:9px 30px 9px 10px; position:relative;
	font-size:14px; line-height:26px; font-weight:normal;
	text-transform:capitalize;
}
#menu_accordion .panel-title a{
	display:block;
}
#menu_accordion .coll-main-title,
#menu_accordion .coll-main-title a{
	color:#000;
}
#menu_accordion > .panel > .panel-heading{
	margin:0; padding:0;
}
#menu_accordion .menu-nav{
	padding-left:15px; color:#000; margin-bottom:0;
}
#menu_accordion .menu-nav li{
	margin-bottom:5px;
}
#menu_accordion .menu-nav li a{
	color:#000;
}
#menu_accordion .menu-nav li a:hover{
	color:#e72c3f;
}
/********/
#menu_accordion #menu_pro_group,
#menu_accordion #menu_pro_main,
#menu_accordion #menu_pro_ctl{
	margin-bottom:0;
}
#menu_accordion #menu_pro_group > .panel,
#menu_accordion #menu_pro_main > .panel,
#menu_accordion #menu_pro_ctl > .panel{
	border:none; border-bottom:1px solid #DDD;
	border-radius:0; -moz-border-radius:0; -webkit-border-radius:0;
	box-shadow:none; -moz-box-shadow:none; -webkit-box-shadow:none;
}
#menu_accordion #menu_pro_group > .panel + .panel,
#menu_accordion #menu_pro_main > .panel + .panel,
#menu_accordion #menu_pro_ctl > .panel + .panel{
	margin-top:3px;
}
#menu_accordion #menu_pro_group > .panel > .panel-heading,
#menu_accordion #menu_pro_main > .panel > .panel-heading,
#menu_accordion #menu_pro_ctl > .panel > .panel-heading{
	padding:7px 15px 7px 30px; position:relative;
	background-color:#f9f9f9;
}
#menu_accordion #menu_pro_group > .panel > .panel-heading .panel-title,
#menu_accordion #menu_pro_main > .panel > .panel-heading .panel-title,
#menu_accordion #menu_pro_ctl > .panel > .panel-heading .panel-title{
	margin:0; padding:0;
	font-size:14px; line-height:20px; font-weight:normal;
	text-transform:capitalize;
}
#menu_accordion #menu_pro_group .panel-body,
#menu_accordion #menu_pro_main .panel-body,
#menu_accordion #menu_pro_ctl .panel-body{

}
#menu_accordion #menu_pro_main .panel-body{
	background:#f7f7f7
}
#menu_accordion #menu_pro_ctl .panel-body{
	background:#FFF
}
#menu_accordion #menu_pro_ctl > .panel > .panel-heading{
	background:#FFF;
}
#menu_accordion #menu_pro_ctl .menu-nav.navone{
	background:none;
}
/********/
#menu_accordion #menu_pro_nav{
	margin-bottom:5px;
}
#menu_accordion #menu_pro_nav > .panel{
	background:none; border:none;
	border-radius:0; -moz-border-radius:0; -webkit-border-radius:0;
	box-shadow:none; -moz-box-shadow:none; -webkit-box-shadow:none;
}
#menu_accordion #menu_pro_nav > .panel + .panel{
	margin-top:0px;
}
#menu_accordion #menu_pro_nav > .panel > .panel-heading{
	background:none; padding:5px 15px 5px 20px;
	position:relative;
}
#menu_accordion #menu_pro_nav > .panel > .panel-heading::before{
	position:absolute; left:0; top:5px;
	width:25px; height:100%;

	content: "\f0da"; color:#000;
	display: inline-block; text-align:center;
	font: normal normal normal 13px/20px FontAwesome;
	text-rendering: auto;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}

#menu_accordion #menu_pro_nav > .panel > .panel-heading .panel-title{
	margin:0; padding:0;
	font-size:14px; line-height:20px; font-weight:normal;
	text-transform:capitalize;
}
#menu_accordion #menu_pro_nav .panel-body{
	padding-left:20px; padding-top:5px; padding-right:20px;
	border:none;
}
/************/
#menu_accordion .menu-nav{
	padding:0px; margin:0; list-style-type:none;
	background-color:#EEE;
}
#menu_accordion .menu-nav li{
	position:relative; margin-bottom:0;
	padding:5px 15px 5px 30px;
	border-bottom:1px solid #FFF;
}
#menu_accordion .menu-nav li::before{
	position:absolute; left:10px; top:8px;
	width:15px; height:100%;

	content: "\f111"; color:#000;
	display: inline-block; text-align:center;
	font: normal normal normal 7px/20px FontAwesome;
	text-rendering: auto;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}
#menu_accordion .menu-nav li:last-child{
	margin-bottom:0;
	border-bottom:none;
}
/**********/
#menu_accordion .menu-nav.navone{
	padding:0px; margin:0; list-style-type:none;
	background-color:#FFF;
}
#menu_accordion .menu-nav.navone li{
	position:relative; margin-bottom:0;
	padding:3px 0 3px 25px;
	border-bottom:none;
}
#menu_accordion .menu-nav.navone li::before{
	position:absolute; left:5px; top:9px;
	width:15px; height:100%;

	content: "\f111"; color:#000;
	-moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  display: inline-block;
  font-style: normal;
  font-variant: normal;
  text-rendering: auto;
  line-height: 1;
	font-family: 'Font Awesome 5 Free';
  font-weight: 900;
}
#menu_accordion .menu-nav.navone li:last-child{
	margin-bottom:0;
	border-bottom:none;
}


/*********/
#menu_accordion .coll-main .coll-main-title:after,
#menu_accordion #menu_pro_group > .panel > .panel-heading::after,
#menu_accordion #menu_pro_main > .panel > .panel-heading::after,
#menu_accordion #menu_pro_ctl > .panel > .panel-heading::after{
	position:absolute; right:0; top:17px;
	width:30px; height:15px;

	content: "\f0fe"; color: var( --color-hover);
	-moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  display: inline-block;
  font-style: normal;
  font-variant: normal;
  text-rendering: auto;
  line-height: 1;
	font-family: 'Font Awesome 5 Free';
  font-weight: 900;
}
#menu_accordion .coll-main > .panel-heading.focus .coll-main-title:after,
#menu_accordion #menu_pro_group > .panel > .panel-heading.focus:after,
#menu_accordion #menu_pro_main > .panel > .panel-heading.focus:after,
#menu_accordion #menu_pro_ctl > .panel > .panel-heading.focus:after{
	content: "\f068";
}

#menu_accordion #menu_pro_group > .panel > .panel-heading::after,
#menu_accordion #menu_pro_main > .panel > .panel-heading::after,
#menu_accordion #menu_pro_ctl > .panel > .panel-heading::after{
	top:7px; left:0; right:auto;
}
#menu_accordion #menu_pro_nav > .panel > .panel-heading.focus::before{
	content: "\f068";
}
/****************/
#menu_accordion .search .panel-body{
	background: var( --color-hover);
}
#menu_mobile .form_search{
	margin-top:0; padding-top:5px; padding-bottom:5px;
}
#menu_mobile .form_search > div{
	position:relative;
	border:1px solid #CCC;
}
#menu_mobile .form_search > div input{
	border:none; background:#FFF;
	width:100%; height:36px; line-height:36px;
	padding:5px 10px; color:#000;
	font-size:13px;
}
#menu_mobile .form_search > div button{
	position:absolute; right:0; top:0; bottom:0;
	height:100%; width:50px; text-align:center;
	background:var( --color-main); border:1px solid #FFF;
	color:#FFF;
	text-transform:uppercase; font-size:21px;
}
#menu_mobile .form_search > div button:hover{
	background-color:#ec1f24
}
/***********/
#mymodal{
	z-index: 9999;
}
#mymodal .modal-dialog{
	margin-top: 16vh;
}
#mymodal .modal-header{
		background: var( --color-hover); color: #FFF;
		padding-top: 13px; padding-bottom: 7px;
}
#mymodal .modal-title{
	margin: 0; padding: 0;
	font-size: 14px; color: #FFF;
	text-transform: uppercase; font-weight: 700;
}
#mymodal .close{
	opacity: 1; color: #FFF;
	padding-top: 10px; padding-bottom: 10px;
}
#mymodal  .addcart_res{
	font-size: 13px; line-height: 20px;
}
#mymodal  .addcart_res p{
	margin-bottom: 8px;
}
#mymodal  .addcart_res .btn{
	font-size: 13px; font-weight: 500;
	margin-right: 8px; border: none;
	overflow: hidden;
	padding-left: 20px; padding-right: 20px;
	border-radius: 20px;
}
#mymodal  .addcart_res .btn::before{
	border-radius: 20px;
}