/* Table of Content
/* Mega Menu */
/* MEGA menu responsive */
.breadcrumb ul{
	padding-left: 0;
}
a{
	color: #333;
}
.ux-header.style-2 .hd-search i {
    margin: 0px auto;
}
.nav-menu.main-menu ul.children li a{
	color: #444;
}
.nav-mobil-btnclose,.nav-mobil-btn.openning{
	display: none;
}
.nav-mobil-btnclose.openning{
	display: block;
}
.elementor-widget-container .nav-mobil-btnclose.openning {
    display: block;
    position: absolute;
    right: 0;
    top: 12px;
}
.elementor-widget-container .nav-mobil-btnclose.openning i{
	position: relative;
}
.hd-default .plus-hveffect ul.sub-menu li:hover>a{
	padding-left:32px!important
}
.plus-hveffect ul.sub-menu li a:before,
.plus-hveffect ul.wp-mega-sub-menu li a:before {
    content: "\e870";
    font-family: Linearicons-Free;
    speak: none;
    font-style: normal;
    font-weight: 600;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    position: absolute;
    top: 50%;
    left: 20px;
    -webkit-transform: translate(0, -50%);
    -khtml-transform: translate(0, -50%);
    -moz-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    -o-transform: translate(0, -50%);
    transform: translate(0, -50%);
    font-size: 13px;
    -webkit-transition: all 0.3s linear 0s;
    -khtml-transition: all 0.3s linear 0ms;
    -moz-transition: all 0.3s linear 0s;
    -ms-transition: all 0.3s linear 0s;
    -o-transition: all 0.3s linear 0s;
    transition: all 0.3s linear 0s;
    opacity: 0;
    margin-top: -8px;
}
.plus-hveffect ul.sub-menu li:hover > a:before,
.plus-hveffect ul.wp-mega-sub-menu li:hover > a:before {
    left: 30px;
    opacity: 1;
    transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
}
.plus-hveffect ul.sub-menu li:hover > a:before {
    left: 0;
}
.plus-hveffect ul.sub-menu li:hover > a,
.plus-hveffect ul.wp-mega-sub-menu li:hover > a {
    padding-left: 50px !important;
}
@media screen and (min-width: 961px) {	
	
	.site-navigation .nav-mobil-btn{
		display: none;
	}
	.menu-toggle i {
	    font-size: 25px;
	    width: 30px;
	    text-align: center;
	    line-height: 30px;
	    margin-top: 31px;
	}
	.primary-navigation {
		float: left;
		font-size: 15px;
		margin: 0;
		padding: 0;
		text-transform: uppercase;
	}
	.elementor-widget-wrap .primary-navigation {
	    float: left;
	    font-size: 15px;
	    padding: 0;
	    text-transform: uppercase;
	    text-align: center;
	    display: inline-block;
	}
	.menu-menu-1-container > ul{
		margin: 0;
	}
	.ux-header ul.wpmm-mega-wrapper li.wpmega-menu-flyout ul.wp-mega-sub-menu li a {
	    padding-top: 0;
	    padding-bottom: 0;
	    padding-left: 0;
	    padding-right: 0;
	}
	.wp-megamenu-main-wrapper.wpmm-orientation-horizontal ul.wpmm-mega-wrapper > li.wpmega-menu-flyout .wpmm-sub-menu-wrapper ul {
		padding-bottom: 25px;
	}
	.primary-navigation.toggled-on {
		border-bottom: 0;
		margin: 0;
		padding: 0;
	}
	
	.mobile-btn{
		display: none;
	}
	.primary-navigation .menu-toggle {
		display: none;
		padding: 0;
	}
	.primary-navigation .nav-menu {
		border-bottom: 0;
		display: block;
	}
	.primary-navigation a {
		padding: 0px 10px;
	    white-space: nowrap;
	    font-size: 15px;
	   text-transform: capitalize;
	    color: #333;

	}
	.primary-navigation a:before {
		position: relative;
		font-size: 16px;
		line-height: 0;
		top: 2px;
		font-weight: 100;
	}
	.primary-navigation ul ul{
		 min-width: 235px;
	}
	.elementor-widget-container .primary-navigation ul ul{
		 min-width: 215px;
	}
	.primary-navigation ul ul a {
	    white-space: normal;
	    display: inline-block;
	    margin: 0;
	    font-size: 15px;
	    line-height: 35px;
	}  
	ul.sub-menu.mega-menu-row > li:firt-child{
		text-transform: uppercase;
	}	
	.primary-navigation .menu-item-has-children > a,
	.primary-navigation .page_item_has_children > a {
		padding-right: 7px;
    	padding-left: 9px;
	}
	.primary-navigation .menu-item-has-children > a:after,
	.primary-navigation .page_item_has_children > a:after {		
		-webkit-font-smoothing: antialiased;
	    content: "\e874";
	    display: inline-block;
	    font: normal 8px/1 Linearicons-Free;
	    right: 0px;
	    top: 0;
	    vertical-align: text-bottom;
	    font-weight: 100;
	    margin-bottom: 5px;
	    margin-left: 5px;
	    font-size: 8px;
    	color: #333;
	}
	.hd-default .plus-hveffect ul.sub-menu li:hover > a {
        padding-left: 32px !important;
    }
    .hd-default .plus-hveffect ul.sub-menu li:hover > a:before {
        left: 8px;
    }
	.primary-navigation .menu-item-has-children li.menu-item-has-children > a:after,
	.primary-navigation .menu-item-has-children li.page_item_has_children > a:after,
	.primary-navigation .page_item_has_children li.menu-item-has-children > a:after,
	.primary-navigation .page_item_has_children li.page_item_has_children > a:after {
		content: "\e876";
	    right: 0;
	    top: 22px;
	    margin-right: 0;
	    float: right;
	    margin-top: 9px;
	    color: #fff;
	}
	.primary-navigation li .menu-item-has-children > a,
	.primary-navigation li .page_item_has_children > a {
		padding-right: 17px;
		width: 100%;		 
	}
	.primary-navigation li {
		border: 0;
	    display: inline-block;	 
	    position: relative;
	}
	.primary-navigation .nav-menu.main-menu > ul{
		text-align: center;
	}
	.primary-navigation li li {
		border: 0;
		display: block!important;
		height: auto;
		line-height: 30px;
		padding-top: 0;
		padding-bottom: 0;
	    margin-left: 0;
	    margin-right: 0;
	    text-align: left;
	}	
	ul.sub-menu li a, ul.ubermenu-submenu .ubermenu-target-text {
	    color: #333;
	}
	.primary-navigation li li:last-child{
		border: none;
	}
	.primary-navigation ul li:hover > ul,
	.primary-navigation ul li.focus > ul {
		left: auto;
		padding-left: 0;
	}

	.primary-navigation ul ul li:hover > ul,
	.primary-navigation ul ul li.focus > ul {
		left: 100%;
	}

	.primary-navigation ul ul {
		background-color: #fff;
		float: left;
		margin: 0;
		position: absolute;
		top: 100%; 
		left: -999em;
		z-index: 99999;
		padding: 15px 25px 20px 25px!important;
	}
	.elementor-widget-container .primary-navigation ul ul{
		padding: inherit;	
	}
	ul.sub-menu.mega-menu-row ul{
		padding-top: 10px;
		padding-bottom: 10px
	}

	.primary-navigation ul ul ul {
		left: -999em;
		top: 0!important;
	}

	.primary-navigation .mega-menu .menu-item {
		float: none;
	}

	.primary-navigation ul .mega-menu ul {
		position: static;
		float: none;
	}

	.primary-navigation .menu-item-has-mega-menu {
		position: relative;
	}
	.menu-item.menu-item-has-mega-menu{
		position: inherit!important;
	}
	.primary-navigation .mega-menu {
		display: none;
		position: absolute;		 
		top: 100%;
	 	width:1160px;
		z-index: 99999;
		left: 0;
		right: 0;
		margin: 0 auto;
		
	}
	.primary-navigation .mega-menu ul {
		background: none;
	}
	.primary-navigation .mega-menu a {	 
		position: relative;
	    text-transform: none;
	    font-size: 13px;
	    padding: 0;
	}
	.primary-navigation .mega-menu a:hover{
		color: #fff;
	}
	#masthead .primary-navigation .mega-menu .current-menu-item a {
		font-weight: normal;
		color: #333;
	}
	.primary-navigation .mega-menu a:hover,
	.primary-navigation .mega-menu a:focus {
		text-decoration: underline;
	}
	.primary-navigation .mega-menu p {
		margin: 0 0 1em 0;
	}
	.primary-navigation .mega-menu a:before {
		top: -2px;
		line-height: 22px;
		text-decoration: none;
	}
	.primary-navigation .mega-menu a:after {
		display: none !important;
	}
	.primary-navigation .mega-menu li,
	.primary-navigation .mega-menu li:hover {
		background: none;
	}
	.primary-navigation .menu-item-has-mega-menu:hover .mega-menu {
		display: block;
	}	 
	.primary-navigation .mega-menu .menu-item {
		color: white;
		text-transform: none;
		font-size: 13px;
		line-height: 30px;
		width: 200px;
		margin: 0;
   		border: none;
	}
	/* row */
	.primary-navigation .mega-menu-row {
		width: 100%!important;
		display: table;
		table-layout: fixed;
		padding: 25px 0;
	}
	.primary-navigation .mega-menu-row .widget-container {
	    margin-bottom: 15px;
	    margin-top: 15px;
	    padding-bottom: 5px;
	}
	.primary-navigation .mega-menu-row {
		border-top: 1px solid #484848; /* overrides from settings / styling / mega-menu */
	}
	.primary-navigation .mega-menu-row:first-child {
		border-top: none;
	}
	/* column */
	.primary-navigation ul.sub-menu.mega-menu-row .mega-menu-col {
		display: table-cell!important;
		width: 1px;
		padding: 0 30px;		
		border-left: 1px solid #eee;
	}	
	.primary-navigation ul.sub-menu.mega-menu-row .mega-menu-col:first-child {
		border-left: none;
	}	 
	.primary-navigation ul.sub-menu.mega-menu-row .mega-menu-col > a {
		display: inline-block;
		width: auto !important;
		padding: 0 !important;
		font-size:12px;
    	font-weight: 700!important;
		margin-top: 5px;		
		text-transform: uppercase;
		color: #313131;
		margin-bottom: -15px;
	}
	.primary-navigation .mega-menu-col > a:before {
		top: 2px;
	}
	/* column sub-menus */
	.primary-navigation .mega-menu-col .sub-menu .sub-menu {
		padding-left: 27px;
	}
	.primary-navigation .mega-menu-row .sub-menu-has-icons {
		padding-left: 27px;
	}
	.primary-navigation .mega-menu-row .menu-item-has-icon > p {
		margin-left: -27px;
	}
	.primary-navigation .mega-menu-row .sub-menu-has-icons a:before,
	.primary-navigation .mega-menu-row > .menu-item-has-icon > a:before {
		position: absolute;
		left: -27px;
		width: 18px;
		text-align: center;
		margin: 0;
	}
	.primary-navigation .mega-menu-row > .menu-item-has-icon > a {
		left: 27px;
	}
	 
	.primary-navigation .mega-menu-col p + .sub-menu {
		margin-top: 12px;
	}
}
@media (min-width: 960px){
	/* Header Mega Menu Dropdown Hover Effect */
	@keyframes navfadeInUp {
	  from {
	    transform: translate3d(0, 40px, 0);
	  }
	  to {
	    transform: translate3d(0, 0, 0);
	    opacity: 1;
	  }
	}
	@-webkit-keyframes navfadeInUp {
	  from {
	    transform: translate3d(0, 40px, 0);
	  }
	  to {
	    transform: translate3d(0, 0, 0);
	    opacity: 1;
	  }
	}
	.primary-navigation .menu-item-has-mega-menu .mega-menu,.primary-navigation  ul.nav-menu > li > ul.sub-menu{
		opacity: 0;
	}
	.primary-navigation .menu-item-has-mega-menu:hover .mega-menu,.primary-navigation ul.nav-menu > li:hover > ul.sub-menu{
		animation-name: navfadeInUp;
	  -webkit-animation-name: navfadeInUp;
		animation-duration: 0.35s;
	  animation-fill-mode: both;
	  -webkit-animation-duration: 0.35s;
	  -webkit-animation-fill-mode: both;
	}
}
@media screen and (max-width: 960px){
	.site-navigation .nav-mobil-btn,.primary-navigation .menu-toggle{
		display: block;
	}
	.ux-header .header.uxut-hdstyle .primary-navigation .nav-menu > li > a,.elementor-widget-container .primary-navigation .nav-menu > li > a{
	    line-height: 38px;
	}
	.primary-navigation .nav-menu>li>a:before, .nav-menu.main-menu>ul>li>a:before{
		display: none;
	}
	.nav-menu.animated{
		display: block!important;
	}
	.plus-hveffect ul.wp-mega-sub-menu li:hover >a, .plus-hveffect ul.sub-menu li:hover >a {
	    padding-left: 10px!important;
	} 
	.ux-header.style-2 .primary-navigation .nav-menu,.elementor-widget-container .primary-navigation .nav-menu {
    	margin-top: 0!important;
	    padding-top: 70px;
	    height: 500px;
	    position: fixed;
	    height: 100vh;
	    top: 0;
	    bottom: 0;
	    z-index: 9999;
	}
	.elementor-widget-container .primary-navigation .nav-menu {	
		padding-left: 10px;
	}
	.elementor-widget-container .primary-navigation  ul.sub-menu{
		margin-top: 0!important;
		padding-top: 15px;
	}
	.elementor-widget-container .primary-navigation .nav-menu{
		position: absolute;
	}
	.elementor-widget-container .ux-header .primary-navigation .nav-menu>li>a{
		padding-top: 2px!important;
		padding-bottom: 2px!important;
	}
	.nav-mobil-btnclose.openning i{
		color: #ffffff;
	    position: fixed;
	    z-index: 99999;
	    top: 0;
	    right: 20px;
	    font-size: 15px;
	}
	.primary-navigation .nav-menu, .primary-navigation .nav-menu ul{
		list-style: none;
		max-width: 360px;
	}
	.primary-navigation .nav-menu ul a{
		color: #fff!important;
		font-size: 15px;
		font-weight: 500!important;
		text-transform: capitalize;
	}
	
 
	/* MEGA menu responsive */
	.hd-style1 ul.nav-menu.main-menu >li:first-child > a, .hd-style1 ul.nav-menu.main-menu >li > a:hover, .hd-style1 ul.nav-menu.main-menu >li:first-child > a:after{
		background: none!important;
	}
	ul.sub-menu.mega-menu-row,ul.sub-menu{
		width: 100%!important;
	}
	ul.sub-menu.mega-menu-row li,ul.sub-menu li,.primary-navigation .nav-menu li{
		width: 100%;
        display: block;
        line-height: 50px;
        position: relative;
	}
	.mobile-btn{
		display: block;
	}
	.primary-navigation .nav-menu{		 
	    background: #222;
	    z-index: 999999;
	    position: relative;
	    margin-top: 36px;
	    padding: 30px 0;
	    border: none;
	    overflow: hidden;
	}
	.primary-navigation .nav-menu,.primary-navigation .nav-menu ul {
	    list-style: none;
	    width: 100%;
	   	float: none;
	}
	.primary-navigation .nav-menu li {
	    width: 100%;
	    display: block;
	    line-height: 40px;
	    position: relative;
	}
	.primary-navigation .nav-menu ul ul,.primary-navigation .nav-menu ul.sub-menu{
		display: none;
		padding-left: 0;
	}
	
	ul.nav-menu.main-menu >li,.hd-style1 ul.nav-menu.main-menu >li{
		border-left: none!important;
	}
	.nav-click {
	    display: block!important;
	}
	.nav-menu.main-menu .fa:before{
		display: none;
	}
	ul.nav-menu.main-menu >li{
		position: relative;
		line-height: 25px;
	}
	.nav-menu.main-menu ul.sub-menu li a{
		font-size: 15px!important;
    	text-transform: none!important;
    	padding-left: 5px;
    	font-weight: 400;
	}
	.nav-menu.main-menu .nav-rotate{
		border-top:1px solid rgba(43, 43, 43, 0.84)!important;
	}
	.nav-menu.main-menu ul.sub-menu li a{
		line-height: 34px;
	}
	.nav-menu.main-menu ul.sub-menu li .nav-click{
		right: 15px;
	}
	.hd-style1  ul.sub-menu li a {  	  
	    border-bottom: 1px solid rgba(43, 43, 43, 0.84)!important;
	}		
}


/* workaround for mega menu */
.primary-navigation .nav-menu > li > a{
	position: relative;
	display: block;
}

.primary-navigation ul.sub-menu.mega-menu-row .mega-menu-col .sub-menu li > a{
	padding-left: 0;
}
ul.sub-menu li a:hover{
	color: #999;
}

ul.sub-menu li a, ul.ubermenu-submenu .ubermenu-target-text {   
    text-transform: none;
}
.sub-menu.mega-menu-row ul.sub-menu{
	border-top:none;
}
li#ic-cart{	 
    margin-top: 5px;
}
.sub-menu.mega-menu-row >li:hover{
	background: none!important;	
}
.sub-menu.mega-menu-row li li:hover{
	transition:All 1s ease;
	-webkit-transition:All 1s ease;
	-moz-transition:All 1s ease;
	-o-transition:All 1s ease;	
}
.sub-menu.mega-menu-row li li:hover a{
	color: #007fd1;
}
.sub-menu.mega-menu-row li li:hover{
    background: none!important;
}
.vline-hveffect .sub-menu.mega-menu-row li li:after {
    content: "";
    position: absolute;
    left: 25px;
    left: 0;
    width: 3px;
    background: #ccc;
    height: 15px;
    top: 7px;
    bottom:0;
    -webkit-transform: scaleY(0);
    -ms-transform: scaleY(0);
    transform: scaleY(0);
    -webkit-transition: -webkit-transform .2s cubic-bezier(.22,.61,.36,1);
    transition: transform .2s cubic-bezier(.22,.61,.36,1);
}
.vline-hveffect .sub-menu.mega-menu-row li li:hover:after{
	-webkit-transform: scaleY(1);
    -ms-transform: scaleY(1);
    transform: scaleY(1);
	 -webkit-transition: all .95s;
    -moz-transition: all .95s;
    -o-transition: all .95s;
    transition: all .95s;
    background: #222;
}
.sub-menu.mega-menu-row .widget-top{
	display: none;
}
.sub-menu.mega-menu-row .nbcaj .loading {   
    top: 60px;
    margin-top: 20px;
}
.mega-menu-row .widget-container {
    border: none;
    background: #fff;
    padding: 0px 5px 0 25px;
}

/*UT Improve */
 .sg-post-meta li i{
 	margin-right:3px; 
 } 
 .alignleft,.alignright,.aligncenter,img.alignnone{   
    margin-top: 10px;
    margin-bottom: 10px;
}

img.alignnone,img.alignleft,img.alignright{	
	margin-top: 10px;
	margin-bottom: 10px;
}
.breadcrumb ul {
    padding-left: 0;
}
#body-wrapper{
	margin-top: 0;
} 

/*Improve UT*/
.break-dot:after {    
    margin-top: -17px;
}
.ux-header.style-2 .primary-navigation .nav-menu {
    margin-top: 24px;
    margin-bottom: 15px;
    padding-left: 45px;
}
.ux-header.style-2 .primary-navigation ul.nav-menu {
    margin-top: 16px;
    margin-bottom: 15px;
    padding-left: 15px;
    text-align: center;
}
.ux-header.style-2 .uxut-hdstyle .primary-navigation ul.nav-menu {
    margin-top: 16px;
}
.copyright-warpper.no-reduxp .copyright-message {
    margin-top: 0;
}
p.copyright-message {
    margin-top: 0;
    padding-left: 0;
    color: #999;
    padding-bottom: 30px;
    padding-top: 30px;
}
.ul.sub-menu.mega-menu-row{
	width: 100%!important;
}