@font-face {
	font-family: "Johnston ITC Bold";
	src: url("fonts/johnston-itc-bold.ttf");
}
@font-face {
	font-family: "Johnston ITC Bold OS";
	src: url("fonts/johnston-itc-bold-os.ttf");
}
@font-face {
	font-family: "Johnston ITC Bold SC";
	src: url("fonts/johnston-itc-bold-sc.ttf");
}

@font-face {
	font-family: "Johnston ITC Light";
	src: url("fonts/johnston-itc-light.ttf");
}
@font-face {
	font-family: "Johnston ITC Light OS";
	src: url("fonts/johnston-itc-light-os.ttf");
}

@font-face {
	font-family: "Johnston ITC Light SC";
	src: url("fonts/johnston-itc-light-sc.ttf");
}

@font-face {
	font-family: "Johnston ITC Medium";
	src: url("fonts/johnston-itc-medium.ttf");
}
@font-face {
	font-family: "Johnston ITC Medium SC";
	src: url("fonts/johnston-itc-medium-sc.ttf");
}

@font-face {
	font-family: "Johnston ITC Medium OS";
	src: url("fonts/johnston-itc-medium-os.ttf");
}

/*======================================
14. HEADER (top part of page)
======================================*/
.site-header {position:relative; 	z-index:999; }
@media only screen and (max-width:1200px) {
.site-header .container { 	width:auto;}
}
.site-header ul,
.site-header ol{margin-bottom:0;}
@media only screen and (max-width:991px) {
.sticky-wrapper {    height: auto !important;}
}
/*-------------------------------------
	1. header full screen
-------------------------------------*/
.nav-wide .container {width:100%; max-width: 100%;}

/*-------------------------------------
	2. without top bar
-------------------------------------*/
.extra-nav { display:table; float:right;  height:70px; position:relative; z-index:9;}
.extra-nav .extra-cell{ display:table-cell; padding-left:20px; vertical-align:middle;}

/*-------------------------------------
	3. map page header
-------------------------------------*/
#header-part.fix-map-header{	height:90px;}
#header-part.fix-map-header .main-bar{position:fixed;	top:0;	left:0;	z-index:1;}

@media only screen and (max-width:480px) {
#header-part.fix-map-header{	height:160px;}
}

/*======================================
16. LOGO ( company identify  symbol )
======================================*/

/*-------------------------------------
	1. logo for header
-------------------------------------*/
.logo-header{ display:table; float:left;  width:220px; height:70px; vertical-align:middle;  padding:0;  font-size:36px;   color:#1bbce8; margin-top:0; margin-bottom:0; margin-left:0; margin-right:0; position:relative; z-index:11;}
.logo-header-inner {  display:table-cell; vertical-align:middle; height:100%;}
.logo-header-inner img{  max-width:100%; max-height:100%;width:230px;/*width:200px;*/}

@media only screen and (max-width:991px) {
.logo-header{  }
}
@media only screen and (max-width:480px) {
.logo-header{  width:180px; /*width:100px;*/}
}

.logo-footer{  display:table; width:170px; height:70px; vertical-align:middle;  padding:0;  font-size:36px;   color:#1bbce8; margin-top:0; margin-bottom:0; margin-left:0; margin-right:0; position:relative; z-index:9;}
.logo-footer-inner {  display:table-cell; vertical-align:middle; height:100%; }
.logo-footer-inner img{  max-width:100%; max-height:100%;}
/*-------------------------------------
	2. when header is sticky
-------------------------------------*/
.header-fixed .logo-header {	height:70px;	}

.header-fixed.site-header{	width:100%;	border:none; z-index:990;}
.header-fixed .page-content { 	position:relative;	z-index:1;	background-color:#fff;}

.header-fixed .main-bar {
	position:absolute;
	/*background:none;*/
	background: rgba(255,255,255,.7);
}

.fixed-header.site-header{
	position: fixed;
	-webkit-animation-duration: .5s;
		-moz-animation-duration: .5s;
		-o-animation-duration: .5s;
		animation-duration: .5s;
		-webkit-animation-fill-mode: both;
		-moz-animation-fill-mode: both;
		-o-animation-fill-mode: both;
		animation-fill-mode: both;
		will-change: transform, opacity
}
.color-fill .header-nav .nav > li > a
{
	color:#000;
}

.color-fill {
    background:#fff!important;
}

/*======================================
17. MAIN BAR ( place logo & main-navigation )
======================================*/
.top-bar{
	color:#262423;
	padding:0px;
	/*background-color:#212427;*/
}
.top-bar .fa {
	vertical-align: middle;
	border:1px solid rgba(0,0,0,0.01);
	padding:3px;
	width:22px;
	height:22px;
	text-align:center;
	border-radius:1px;
	-webkit-border-radius:1px;
	-moz-border-radius:1px;
}


.wt-topbar-left,
.wt-topbar-right,
.wt-topbar-center {
	padding-left:15px;
	padding-right:15px;
}
.wt-topbar-left {
	float:left;
}
.wt-topbar-right {
	float:right;
}
.wt-topbar-center {
	text-align:center;
}

@media only screen and (max-width: 991px) {
.wt-topbar-left,
.wt-topbar-right {
	float:none;
	padding-top:5px;
	padding-bottom:5px;
}

}
/*-------------------------------------
	1. eamil-phone (left)
-------------------------------------*/
.e-p-bx li {
	display: inline;
	font-size: 14px;
	padding-right: 10px;
}
.e-p-bx li a {
	color: #FFF;
}
.e-p-bx li i {
	margin-right:5px;
	vertical-align: middle;
}

/*-------------------------------------
	2. social-links (right)
-------------------------------------*/
.social-bx,
.login-bx {
	margin:0 0 0 15px;
	float:right;
}
@media only screen and (max-width: 480px) {
.social-bx,
.e-p-bx,
.login-bx {
	margin-top:5px;
	margin-bottom:5px !important;
}
}
.social-bx li,
.login-bx li {
	font-size:12px;
	margin:0;
	position:relative;
}
.social-bx li{
	padding-left:2px;
	padding-right:2px;
}
.social-bx li a,
.login-bx li a {
	color:#262423;
	font-size:14px;
}
.social-bx li i,
.login-bx li i {
	vertical-align:baseline;
	margin:0 5px 0 0;
}
.social-bx li span,
.login-bx li span {
	vertical-align:baseline;
	margin:0 2px 0;
	font-size:8px;
}
.login-bx li ul {
	top:25px;
	left:auto;
	right:0;
	border:none;
	padding:0;
}
.login-bx li ul li {
	border-bottom:1px solid #F7F7F7;
}
.login-bx li ul li a{
	color:#767676;
	padding:9px 15px;
}
.arrow-up-border:before,
.arrow-up:after {
	position: absolute;
	display: inline-block;
	content: '';
}
.arrow-up-border:before {
	top: -7px;
	right:19px;
	border-right: 7px solid transparent;
	border-bottom: 7px solid #F00;
	border-left: 7px solid transparent;
	border-bottom-color: rgba(0, 0, 0, 0.2);
}
.arrow-up:after {
	top: -6px;
	right:20px;
	border-right: 6px solid transparent;
	border-bottom: 6px solid #ffffff;
	border-left: 6px solid transparent;
}

.arrow-left:before {
	position: absolute;
	top: -7px;
	left: 9px;
	display: inline-block;
	border-right: 7px solid transparent;
	border-bottom: 7px solid #ccc;
	border-left: 7px solid transparent;
	border-bottom-color: rgba(0, 0, 0, 0.2);
	content: '';
}

.arrow-left:after {
	position: absolute;
	top: -6px;
	left: 10px;
	display: inline-block;
	border-right: 6px solid transparent;
	border-bottom: 6px solid #ffffff;
	border-left: 6px solid transparent;
	content: '';
}
/*------------- top share icon block ----------------------*/
.share-icon-btn{
	display:block;
}
.share-icon-btn .dropdown-menu{	padding:0px 20px;	min-width: 60px;	top: 53px;	left: -10px;}
.share-icon-btn .social-bx{	clear:both;	float:none;	margin-left:0px;}
.share-icon-btn .social-bx.list-inline > li{	display:block;	margin:10px 0px 15px 0px;}

.share-icon-btn2{	display:block;}
.share-icon-btn2 .dropdown-menu{	padding:0px 20px;	min-width: 60px;	top: 53px;	left: -10px;}
.share-icon-btn2 .social-bx{	clear:both;	float:none;	margin-left:0px;}
.share-icon-btn2 .social-bx.list-inline > li{	display:block;	margin:10px 0px;}


@media only screen and (max-width: 991px) {
.e-p-bx{	display:none;}
.header-top-info .wt-topbar-right{	padding-left:0px;	padding-right:0px;}
.header-top-info .social-bx{	margin-left:0px;}
}

@media only screen and (max-width:480px) {
.header-top-info{	display:none;}
}
/*-----------------------------------*/

.main-bar {
 position:relative;
 width:100%;
 padding:10px 25px;
 -webkit-transition: all 0.5s ease;
 -moz-transition: all 0.5s ease;
 -ms-transition: all 0.5s ease;
 -o-transition: all 0.5s ease;
 transition: all 0.5s ease;
}
.main-bar::after,
.main-bar::after {clear: both;    content: "";    display: table;}
/*main bar with box view*/

@media only screen and (max-width: 480px) {
.main-bar{padding-left:0px;	padding-right:0px;}
}
/*header info css*/
.header-info {float:right;	padding:10px 0;}
.header-info > ul {list-style:none;	display:table;}
.header-info > ul li {	display:table-cell;	padding:15px 10px;	vertical-align:middle;}
.header-info > ul li .icon-sm{	float:left;	margin-right:15px;}
.header-info > ul li strong{	display:block;	font-size:16px;	text-transform:uppercase;	color:#1a1a1a;}
@media only screen and (max-width: 991px) {
.header-info > ul li {	display:none;}
.header-info > ul li.btn-col-last {	display:block;	padding-left:0;	padding-right:0;}
}
@media only screen and (max-width:767px) {
.header-info > ul li.btn-col-last,
.header-info {	display:none;}
}
.header-botton {background-color:#1a1a1a;}
.header-botton .header-nav .nav {float:none;}
.header-botton .header-nav .nav > li > a {padding:20px 12px;	color:#fff;}
.header-botton .extra-nav {padding: 13px 0;}
.header-botton .extra-nav .site-search-btn {color:#fff;	padding:7px 15px;}
.header-botton .extra-nav .wt-cart .woo-cart-count {border: 2px solid #fff;    color: #fff;    min-width:36px;    padding: 5px 5px 5px;}
.header-botton .extra-nav .wt-cart .woo-cart-count::before {border-color:#fff;}
@media only screen and (max-width:991px) {
.header-botton .navbar-toggler {float:left;	margin:9px 0;}
.header-botton .navbar-toggler span {background-color:#fff;}
.header-botton .header-nav .nav > li > a {padding:12px 12px;	color:#777;}
}
@media only screen and (max-width:767px) {
.header-middle .logo-header {float:none;	margin:9px auto;}
}




/*======================================
18. NAVIGATIONS
======================================*/

/*-------------------------------------
	1. mega-menu
-------------------------------------*/
.navbar-toggler { 	border:none; 	margin-top:14px;	margin-bottom:14px;	margin-left:15px;	margin-right:-10px;	padding: 12px 10px; }
.navbar-toggler .icon-bar {
	background: #fff;
	height: 3px;
	border-radius: 0;
	-webkit-border-radius: 0;
	width: 22px;
	height: 3px;
	display: block;
}
.navbar-toggler .icon-bar + .icon-bar {
    margin-top: 4px;
}
@media only screen and (max-width:480px) {
.navbar-toggler { 	margin-left:10px;}
.extra-nav .extra-cell {margin-left:0;}
}



.header-nav {	position:relative;	padding:0px; z-index:7; right:0px;}
.header-nav .nav {float:right;display: flex; justify-content: flex-end; flex-direction: inherit;}
.header-nav .nav i {font-size:9px; 	margin-left:3px;	margin-top:-3px;	vertical-align:middle;	opacity:0.7;}
.header-nav .nav > li { font-weight:500; position:relative; text-transform:uppercase;padding:25px 0;font-family:'Johnston ITC Medium OS';}
.header-nav .nav > li > a { border-radius: 0; -webkit-border-radius:0; -moz-border-radius:0; color: #000; font-size: 14px; padding:11px 12px; cursor:pointer; letter-spacing:2px; margin:-10px 0;}
.header-nav .nav > li > a:hover {background-color: transparent;	color: #212427;}

.header-nav .nav > li > a:active,
.header-nav .nav > li > a:focus {	background-color: transparent;}

.header-nav .nav > li.active > a,
.header-nav .nav > li.current-menu-item > a {background-color: transparent;	color: #947334;}

.header-nav .nav > li:hover > a {color: #f7b906;}

.header-nav .nav > li:hover > .sub-menu,
.header-nav .nav > li:hover > .mega-menu {
	opacity: 1;
	visibility: visible;
	margin-top:0;
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-ms-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	transition: all 0.3s ease;
}

.header-nav .nav > li .sub-menu {background-color: #fff;
display: block;	left: 0;	top:100%;	list-style: none;	margin:8px 0px 0px 0px !important
;	opacity: 0;	padding: 0px;	position: absolute;	visibility: hidden;	width: 220px;	z-index: 10;}

.header-nav .nav > li .sub-menu li {position: relative;	text-transform:none;}


.header-nav .nav > li .sub-menu li a {color: #262423;	display: block;	font-size: 12px;	padding: 10px 20px;}
.header-nav .nav > li .sub-menu li a:hover {color: #262423;	text-decoration: none;}


.header-nav .nav > li .sub-menu li:hover > a {color: #fff; background-color: #141b1f;}
.header-nav .nav > li .sub-menu li:last-child {border-bottom: 0px;}
.header-nav .nav > li .sub-menu li .fa {	color: #363636;	display: block;	float: right;	position: absolute;	right: 10px;	top: 12px;}

.header-nav .nav > li .sub-menu li > .sub-menu {
	left:220px;
	top:0px;
	margin:0 0 0 20px;
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-ms-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	transition: all 0.3s ease;
}

.header-nav .nav > li .sub-menu li:hover > .sub-menu {left:220px;	margin:0px;	opacity:1;	top: -1px;	visibility: visible;}

.header-nav .nav > li .sub-menu li:hover > .sub-menu:before {
	background-color: transparent;
	bottom: 0px;
	content: '';
	display: block;
	height: 100%;
	left: -6px;
	position: absolute;
	top: 0px;
	width: 6px;
}
.header-nav .nav > li.has-mega-menu {position: inherit;}
.header-nav .nav > li .mega-menu li a > i{	font-size:13px;	margin-right:5px;	min-width:20px;}
.header-nav .nav > li .mega-menu {
	background-color: #ffffff;
	border: 1px solid #e9e9e9;
	display: table;
	left: 0px;
	list-style: none;
	opacity: 0;
	position: absolute;
	right: 0px;
	visibility: hidden;
	width: 100%;
	margin-top:20px;
	z-index:10;
}
.header-nav .nav > li .mega-menu > li {display: table-cell;	padding:10px 0;	position: relative;	vertical-align: top;	width: 25%;	text-transform:none;}
.header-nav .nav > li .mega-menu > li:after {
	content:"";
	background-color:rgba(204,204,204,0.4) ;
	position: absolute;
	right: 0px;
	top: 0px;
	display: block;
	width:1px;
	height: 100%;
}
.header-nav .nav > li .mega-menu > li:last-child:after {	display: none;}
.header-nav .nav > li .mega-menu > li > a {	color: #555555;	display: block;	font-size: 14px;	padding:0 20px;}
.header-nav .nav > li .mega-menu > li ul {list-style: none;	margin: 10px 0px 0px 0px;	padding: 0px;}

.header-nav .nav > li .mega-menu > li ul a {	color:#474747;	display: block;	font-size: 13px;	line-height: 34px;	padding:2px 20px;}
.header-nav .nav > li .mega-menu > li ul a:hover {	color: #1BBCE8;	background-color:#F2F2F2;}
.header-nav .nav > li.menu-item-has-children:before {
	content: "\f078";
	display: block;
	font-family: "FontAwesome";
	right: 4px;
	position: absolute;
	top: 50%;
	color:#999;
	margin-top:-8px;
	font-size:8px;
}
/*-- Submenu direction---*/
.header-nav .nav > li.submenu-direction .sub-menu {left: auto;	right: 0;}
.header-nav .nav > li.submenu-direction .sub-menu li > .sub-menu {	left:auto;	right:220px; 	margin:0 20px 0 0;}
.header-nav .nav > li.submenu-direction .sub-menu li:hover > .sub-menu {	left:auto;	right:220px;	margin:0 0 0 0;}
.has-child .submenu-toogle {
    position:absolute;
    right:4px;
    top:4px;
    color:#262423;
    background-color:transparent;
    z-index:900;
    cursor:pointer;
    padding:10px;
    font-size:14px;
    display:none;
}
.header-nav .has-child li .submenu-toogle  {opacity:0.9;}

.header-nav .has-child.nav-active > a+.submenu-toogle.glyphicon-chevron-right:before { content:"\e114";}
/*.header-nav .nav > li:last-child{display:none;}*/
.navbar-toggler {display: block; position:relative;z-index:10;float: right; outline:none !important}

@media only screen and (max-width: 991px) {
header .logo{	display:block;	padding:4px 0;}
.header-nav .nav i {	margin-top:6px;}
.header-nav .nav  li.has-child.nav-active > a{	color:#262423;}
}

@media only screen and (max-width: 991px) {
/* responsive strat when media screen [991px] css START*/
.header-fixed .header-nav .nav {
    overflow: auto;
    height: 200px;
	width:100%
}

.navbar-header {	float: none;}
.navbar-collapse.collapse{	display: none!important;}
.navbar-collapse.collapse.show {	display: block!important; }

/* Responsive strat when medai screen [991px] css END*/
.header-nav {	clear:both;	margin:0 -15px;	border-bottom:1px solid #E9E9E9 ;}
.header-nav .nav{
	float: none;
	margin: 0;
	background: #fff;
	display: block;
}
.header-nav .nav li {	float:none;}

.header-nav .nav > li .sub-menu > li,
.header-nav .nav > li .mega-menu > li {float:none;	display:block;	width:auto;}
.header-nav .nav  li .sub-menu > li a {	padding-left:30px;}
.header-nav .nav > li > a {	padding: 12px 15px;	border-top:1px solid #E9E9E9 ;	color: #777;}

.header-nav .nav > li.active > a,
.header-nav .nav > li.current-menu-item > a {    color: #262423;}
.header-nav .nav i{	float:right;	}

.header-nav .nav > li > a:hover,
.header-nav .nav > li > a:active,
.header-nav .nav > li > a:focus {
	background-color: #f0f0f0;
	text-decoration: none;
}
.header-nav .nav > li .mega-menu > li:after{	display:none;}
.header-nav .nav > li ul,
.header-nav .nav > li .sub-menu,
.header-nav .nav > li .mega-menu {
	display: none;
	position: static;
	visibility: visible;
	width:auto;
	background:#f9f9f9;
}
.header-nav .nav > li ul.mega-menu ul {display: block;}
.header-nav .nav > li .mega-menu > li {padding:0px;}
.header-nav .nav > li ul.mega-menu li:hover ul {	display: block;}
.header-nav .nav li.has-child {    position:relative;}
.header-nav .nav  li .sub-menu,
.header-nav .nav  li .mega-menu {
    opacity:1;
    margin:0 !important;
}
.has-child .submenu-toogle {    display:block;}

.header-nav .has-child.nav-active > a + .submenu-toogle.fa-plus:before {

    content: "\f068";

}
}

.right-nav-header{display:table-header-group; vertical-align:top;}
.right-nav-header .r-nav-h-content{vertical-align:middle; display:table-cell;}

.right-nav-footer{display:table-footer-group; }
.right-nav-footer .r-nav-f-content{vertical-align:bottom; display:table-cell;}


.social-rounded li a{
	font-size: 14px;
	color: black;
	width: 40px;
	height: 40px;
	line-height: 40px;
	border: 1px solid #262423;
	border-radius: 100%;
	-webkit-border-radius:100%;
	-moz-border-radius:100%;
	text-align:center;
}
.social-rounded li a:hover{
	background-color:#262423;
	color:#fff;
}

@media only screen and (max-width: 360px) {
	.social-rounded.list-inline > li{
		padding-right:0px;
	}
}

.vertical-content-wrap .right-nav-header,
.vertical-content-wrap .vertical-content-area,
.vertical-content-wrap .right-nav-footer{
position:relative;
top:20px;
opacity:0;
}

.vertical-content-wrap .right-nav-header{
-webkit-transition: all 0.5s ease-in;
-moz-transition: all 0.5s ease-in;
-ms-transition: all 0.5s ease-in;
-o-transition: all 0.5s ease-in;
transition: all 0.5s ease-in;
}

.vertical-content-wrap .vertical-content-area{
-webkit-transition: all 1s ease-in;
-moz-transition: all 1s ease-in;
-ms-transition: all 1s ease-in;
-o-transition: all 1s ease-in;
transition: all 1s ease-in;
}

.vertical-content-wrap .right-nav-footer{
-webkit-transition: all 1.5s ease-in;
-moz-transition: all 1.5s ease-in;
-ms-transition: all 1.5s ease-in;
-o-transition: all 1.5s ease-in;
transition: all 1.5s ease-in;
}

.nav-sidebar.open-sidebar .vertical-content-wrap .right-nav-header,
.nav-sidebar.open-sidebar .vertical-content-wrap .vertical-content-area,
.nav-sidebar.open-sidebar .vertical-content-wrap .right-nav-footer{
opacity:1;
top:0px;
}

/*-------------------------------------
	2. nav dark version
-------------------------------------*/
.nav-dark.header-nav .nav > li .sub-menu,
.nav-dark.header-nav .nav > li .mega-menu {
	background-color: #262423;
	border:1px solid rgba(0,0,0,0.2);
}
.nav-dark.header-nav .nav > li .sub-menu li {
	border-bottom: 1px solid #23282f;
}
.nav-dark.header-nav .nav > li .sub-menu li:last-child{
	border-bottom:0px;
}
.nav-dark.header-nav .nav > li .sub-menu li a,
.nav-dark.header-nav .nav > li .mega-menu > li ul a,
.nav-dark.header-nav .nav > li .mega-menu > li > a {
	color:#CCCCCC;
}
.nav-dark.header-nav .nav > li .sub-menu li a:hover {
	background-color: #222;
}
.nav-dark.header-nav .nav > li .mega-menu > li ul a:hover {
	background-color: #23282f;
	color: #FFBC13;
}
.nav-dark.header-nav .nav > li .mega-menu > li:after {
	background-color:rgba(0,0,0,0.2) ;
}

@media only screen and (max-width: 991px) {
.nav-dark.header-nav  {
	border-bottom:1px solid rgba(0,0,0,0.8);
}
.nav-dark.header-nav .nav {
	background-color: #2D3239;
}
.nav-dark.header-nav .nav > li > a {
	border-top: 1px solid rgba(0,0,0,0.2);
}
.nav-dark.header-nav .nav > li > a {
	color: #999;
}

.nav-dark.header-nav .nav > li > a:hover,
.nav-dark.header-nav .nav > li > a:active,
.nav-dark.header-nav .nav > li > a:focus {
	background-color: #23282F;
	color: #FFBC13;
}
.nav-dark.header-nav .nav > li ul,
.nav-dark.header-nav .nav > li .sub-menu,
.nav-dark.header-nav .nav > li .mega-menu {
	background-color: #23282F;
}
}



/*Nav bar animation*/

#mobile-side-drawer{
	border: none;
	background:none;
	margin-top: 14px;
	margin-bottom: 14px;
	margin-left: 0;
	margin-right: -6px;
	padding: 12px 10px;
	float:right;
}

#mobile-side-drawer  .icon-bar{
	display: block;
	width: 22px;
	/*background: #fff;*/
	background: #947334;
	height: 3px;
	border-radius: 0;
	-webkit-border-radius: 0;
}

#mobile-side-drawer  .icon-bar + .icon-bar {
    margin-top: 4px;
}


.mobile-sider-drawer-menu .header-nav{display:none;}
.mobile-sider-drawer-menu.active .header-nav{display:block;}
.mobile-sider-drawer-menu .icon-bar{
	-moz-transition: all 0.5s linear;
	-ms-transition: all 0.5s linear;
	-o-transition: all 0.5s linear;
	transition: all 0.5s linear;
}

#mobile-side-drawer{height:41px;width:41px; outline: none;}



.mobile-sider-drawer-menu .icon-bar.bar-two{
	position:relative;
	right:0%;
}

.mobile-sider-drawer-menu.active .icon-bar.bar-two{
	position:absolute;
	right:100px;
	opacity:0;
 }

.mobile-sider-drawer-menu.active .icon-bar.bar-one{
	transform: rotate(45deg) translateX(3px) translateY(2px);
}
.mobile-sider-drawer-menu.active .icon-bar.bar-three{
	 transform: rotate(-45deg) translateX(3px) translateY(-2px);
}

/*====Mobile Side =======*/
@media only screen and (max-width: 991px) {
.mobile-sider-drawer-menu .header-nav {
	position:fixed;
	width:250px !important;
	z-index:999;
	height:100vh !important;
	overflow-y: inherit !important;
	left:-250px;
	-moz-transition: all 0.5s linear;
	-ms-transition: all 0.5s linear;
	-o-transition: all 0.5s linear;
	transition: all 0.5s linear;
}
.mobile-sider-drawer-menu.active .header-nav {
	left:15px;
}
.mobile-sider-drawer-menu .header-nav .nav{
	height:100vh !important;
	width:100%;
	overflow: auto;
}
.mobile-sider-drawer-menu .header-nav .nav > li > a{
	padding:12px 15px !important;
}
.header-nav .nav > li .sub-menu{
	border:none;
}
}
/*header style 2*/
.header-style-2 .main-bar{background-color:#fff;}
.header-style-2 .header-nav .nav > li > a {color: #000;}
.extra-cell span {font-weight: 800;color: #947334;/*color: #fff;*/font-size: 14px;}

.header-fixed.header-style-2 .color-fill.main-bar {
    background: #fff;
}
/*-------------------------------------
	3. when header is sticky
-------------------------------------*/
.sticky-no .main-bar {position:static !important;}




@media only screen and (max-width:767px){
/* .main-bar {  padding: 0px;} */
}


/*-------------------------------------
	6. header with bg primary color 1
-------------------------------------*/
.site-bg-primary .header-nav .nav > li > a {	color:#fff;}

.site-bg-primary .header-nav .nav > li:hover > a,
.site-bg-primary .header-nav .nav > li.active > a,
.site-bg-primary .header-nav .nav > li.current-menu-item > a {color:#1a1a1a;}

.site-bg-primary .site-search-btn,
.site-bg-primary .wt-cart .woo-cart-total,
.site-bg-primary .wt-cart .woo-cart-count {color:#fff;}

.site-bg-primary .wt-cart .woo-cart-count,
.site-bg-primary .wt-cart .woo-cart-count::before {border-color:#fff;}

.site-bg-primary .navbar-toggler .icon-bar {background-color:#fff;}
@media only screen and (max-width:991px) {

.site-bg-primary .header-nav .nav > li > a {	color:#777;}

.site-bg-primary .header-nav .nav > li:hover > a,
.site-bg-primary .header-nav .nav > li.active > a,
.site-bg-primary .header-nav .nav > li.current-menu-item > a {color:#FFBC13;}

.header-nav .nav > li { margin:0; padding:0;}
.header-nav .nav > li > a { margin:0; padding:10px 12px; font-weight:600; display: block;}


}

/*======================================
23. PAGE-CONTENT
======================================*/
#bg {background-attachment:fixed;	background-size:cover;}

.page-wraper {background:#fff;}
.page-content {position:relative;}
.section-full {position:relative;}
/*-------------------------------------
	1. Section Head Part
-------------------------------------*/
.section-head {margin-bottom:50px; position:relative; z-index: 1;}
.section-head h1:after,
.section-head h2:after,
.section-head h3:after{
	position: absolute;
    content:attr(data-title);
	font-family: 'Oswald', sans-serif;
	opacity:0.1;
	color: #fff;
	font-weight: 900;
	font-size: 100px;
	text-transform: uppercase;
	top:-50px;
	left: 50%;
	width: 100%;
	z-index: -1;

	-webkit-transform: translateX(-50%);
	-ms-transform: translateX(-50%);
	transform: translateX(-50%);


	-webkit-text-fill-color: rgba(0,0,0,0);
	-ms-text-fill-color: rgba(0,0,0,0);
	-moz-text-fill-color: rgba(0,0,0,0);
	-o-text-fill-color: rgba(0,0,0,0);

	-webkit-text-stroke-width: 1px;
	-ms-text-stroke-width: 1px;
	-moz-text-stroke-width: 1px;
	-o-text-stroke-width: 1px;

	-webkit-text-stroke-color: #000;
	-ms-text-stroke-color: #000;
	-moz-text-stroke-color: #000;
	-o-text-stroke-color: #000;

}

.section-head.ouline-lite-title h1:after,
.section-head.ouline-lite-title h2:after,
.section-head.ouline-lite-title h3:after{
	-webkit-text-stroke-color: #fff;
	-ms-text-stroke-color: #fff;
	-moz-text-stroke-color: #fff;
	-o-text-stroke-color: #fff;
}


.section-head.no-margin {margin-bottom:0;}

.section-head h1,
.section-head h2,
.section-head h3 {margin-top:0;}

.wt-small-title{ font-size:22px; text-transform:uppercase;  font-family: 'Oswald', sans-serif;}

.wt-tilte-main{float:left; padding-right:50px;}
.title-right-detail{padding-left:50px; overflow:hidden}
.title-right-detail p{margin-bottom:0px;}

@media only screen and (max-width:1200px){
.section-head h1:after,
.section-head h2:after,
.section-head h3:after{
	font-size: 60px;
}
}

@media only screen and (max-width:991px){
.wt-tilte-main{float:none; padding-right:0px; border:none;}
.title-right-detail {padding-left: 0px;}
}

@media only screen and (max-width:767px){
.section-head h1:after,
.section-head h2:after,
.section-head h3:after{
	display:none;

}
}


.section-head p {padding-top:20px;	font-size:14px;}
.section-head p:last-child {	margin-bottom:0;}
.text-center.section-head p {max-width:800px;	margin-left:auto;	margin-right:auto;}

.text-white {color:#FFF; }
.text-white h1,
.text-white h2,
.text-white h3,
.text-white h4,
.text-white h5,
.text-white h6,
.text-white p,
.text-white .title-small {color:#FFF; }

/*-------------------------------------
	2. Section Content Part
-------------------------------------*/
@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px) 
and (orientation : landscape)
{ 
	.header-nav .nav > li > a
	{
		padding: 11px 10px;
	}

}



@media only screen and (max-width:1024px) {
.section-full{	background-attachment:scroll !important; }
.section-full{padding-top:40px;padding-bottom:40px;}
.section-full.p-b50{padding-bottom:10px;}
}

@media only screen and (max-width:480px) {
.section-head h1,
.section-head h2,
.section-head h3 {font-size:22px;}

h1,h2,h3,
.wt-post-title  h1,
.wt-post-title h2,
.wt-post-title  h3 {font-size:22px; line-height:28px;}

.wt-small-title {
    font-size: 16px;
}
}

.header-fixed .main-bar{
	background: transparent;
}