/*---- Off canvas ----*/
.elementor-element.elementor-section.elementor-sticky .plus-offcanvas-wrapper .plus-canvas-content-wrap {
    display: none;
}
.plus-offcanvas-wrapper {
    position: relative;
    display: block;
    width: 100%;
}
.plus-offcanvas-wrapper .offcanvas-toggle-wrap {
    position: relative;
    display: block;
}
.plus-offcanvas-wrapper .toggle-button-style {
    font-size: 16px;
	line-height: 20px;
    font-weight: 500;
    padding: 10px 25px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    position: relative;
    display: inline-block;
    background: #8072fc;
    color: #fff;
	cursor:pointer;
	-o-transition: all .3s ease-in-out;
    -webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -ms-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
}
.plus-offcanvas-wrapper .offcanvas-toggle-btn.humberger-custom{	
	cursor:pointer;
}
.plus-offcanvas-wrapper .toggle-button-style span.btn-text, .plus-offcanvas-wrapper .toggle-button-style .btn-icon {
    display: inline-block;
    vertical-align: middle;
    position: relative;
}
.plus-offcanvas-wrapper .toggle-button-style .btn-icon{
	font-size:15px;
	-o-transition: all .3s ease-in-out;
    -webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -ms-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
}
.plus-offcanvas-wrapper .toggle-button-style .btn-icon.button-before{
	padding-right: 7px;
}
.plus-offcanvas-wrapper .toggle-button-style .btn-icon.button-after{
	padding-left: 7px;
}
.plus-offcanvas-wrapper .offcanvas-toggle-btn.toggle-button-style.btn_full_width {
    width: 100%;
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: flex;
    flex-wrap: wrap;
	-webkit-align-items: center;
	-moz-align-items: center;
	-ms-align-items: center;
	align-items: center;
    justify-content: space-between;
	-webkit-justify-content: space-between;
	-moz-justify-content: space-between;
	-ms-justify-content: space-between;
	justify-content: space-between;
}
/*humberger style-1*/
.plus-offcanvas-wrapper .offcanvas-toggle-btn.humberger-style-1,.plus-offcanvas-wrapper .offcanvas-toggle-btn.humberger-style-2,.plus-offcanvas-wrapper .offcanvas-toggle-btn.humberger-style-3{
	position: relative;
    width: 50px;
    height: 50px;
    padding: 15px;
    background: #d3d3d3;
    border-radius: 30px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: inline-flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column-reverse;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin-top: 0px;
	cursor:pointer;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}
.plus-offcanvas-wrapper .offcanvas-toggle-btn.humberger-style-1 span.menu_line.menu_line--bottom {
    -webkit-transform: scaleX(.33) translateZ(0);
    transform: scaleX(.33) translateZ(0);
}

.plus-offcanvas-wrapper .offcanvas-toggle-btn.humberger-style-1 span.menu_line.menu_line--center {
    -webkit-transform: scaleX(.66) translateZ(0);
    transform: scaleX(.66) translateZ(0);
}

.plus-offcanvas-wrapper .offcanvas-toggle-btn.humberger-style-1:hover span.menu_line.menu_line--bottom {
    -webkit-transform: scaleX(1) translateZ(0);
    transform: scaleX(1) translateZ(0);
}

.plus-offcanvas-wrapper .offcanvas-toggle-btn.humberger-style-1:hover span.menu_line.menu_line--top {
    -webkit-transform: scaleX(.66) translateZ(0);
    transform: scaleX(.33) translateZ(0);
}
.plus-offcanvas-wrapper .offcanvas-toggle-btn.humberger-style-1 span.menu_line,.plus-offcanvas-wrapper .offcanvas-toggle-btn.humberger-style-2 span.menu_line,.plus-offcanvas-wrapper .offcanvas-toggle-btn.humberger-style-3 span.menu_line{
    height: 1px;
    background: #212121;
    transition: opacity .5s,background .5s,-webkit-transform .5s;
    transition: opacity .5s,transform .5s,background .5s;
    transition: opacity .5s,transform .5s,background .5s,-webkit-transform .5s;
    display: block;
    width: 100%;
}

.plus-offcanvas-wrapper .offcanvas-toggle-btn.humberger-style-1 span.menu_line {
    -moz-transform-origin: right;
    -ms-transform-origin: right;
    -o-transform-origin: right;
    -webkit-transform-origin: right;
    transform-origin: right;
}
.plus-offcanvas-wrapper .offcanvas-toggle-btn.humberger-style-1 span.menu_line.menu_line--center,.plus-offcanvas-wrapper .offcanvas-toggle-btn.humberger-style-2 span.menu_line.menu_line--center,.plus-offcanvas-wrapper .offcanvas-toggle-btn.humberger-style-3 span.menu_line.menu_line--center{
    margin: .3125em 0;
    position: relative;
    background: #212121;
}
/*humberger style-1*/
/*humberger style-2*/
.plus-offcanvas-wrapper .offcanvas-toggle-btn.humberger-style-2 span.menu_line.menu_line--top,.plus-offcanvas-wrapper .offcanvas-toggle-btn.humberger-style-2 span.menu_line.menu_line--bottom {
    -webkit-transform: scaleX(.75) translateZ(0);
    transform: scaleX(.75) translateZ(0);
}

.plus-offcanvas-wrapper .offcanvas-toggle-btn.humberger-style-2:hover span.menu_line.menu_line--top,.plus-offcanvas-wrapper .offcanvas-toggle-btn.humberger-style-2:hover span.menu_line.menu_line--bottom {
    -webkit-transform: scaleX(1) translateZ(0);
    transform: scaleX(1) translateZ(0);
}
/*humberger style-2*/
/*humberger style-3*/
.plus-offcanvas-wrapper .offcanvas-toggle-btn.humberger-style-3 span.menu_line.menu_line--center{
	margin:6px 0;
}
/*humberger style-3*/
/*Fixed Button Canvas*/
.offcanvas-toggle-wrap .offcanvas-toggle-btn.position-fixed {
    position: fixed;
    top: 32px;
    right: 0;
    margin: 0 auto;
	z-index:11;
}
/*Fixed Button Canvas*/
.plus-offcanvas-container{
  position: relative;
  left: 0;
  z-index: 99;
  -webkit-transition: -webkit-transform 0.5s;
  transition: transform 0.5s;
}
.plus-offcanvas-container:after {
  content: '';
  position: absolute;
  top: 0;
  right: 0;
  width: 0;
  height: 0;  
  opacity: 0;
  z-index: 100001;
  -webkit-transition: opacity 0.5s, width 0.1s 0.5s, height 0.1s 0.5s;
  transition: opacity 0.5s, width 0.1s 0.5s, height 0.1s 0.5s;
}

.plus-open .plus-offcanvas-container:after {
  width: 100%;
  height: 100%;
  opacity: 1;
  -webkit-transition: opacity 0.5s,cursor 0.5s;
  transition: opacity 0.5s,cursor 0.5s;
  cursor: url(../../plugins/theplus_elementor_addon/assets/images/overlay-close-icon.png),pointer;
  filter: alpha(opacity=60);
  background: rgba(0, 0, 0, 0.4);
  visibility: visible;
}
.plus-canvas-content-wrap {
	position: fixed;
	top: 0;
	left: 0;
	z-index: 100;
	width: 300px;
	height: 100%;
	overflow-y: auto;
	background: #fff;
	visibility:hidden;
	-webkit-transition: all 0.4s;
	transition: all 0.4s;
	-webkit-transition-timing-function: cubic-bezier(0.7,0,0.3,1);
	transition-timing-function: cubic-bezier(0.7,0,0.3,1);
}
.plus-canvas-content-wrap.plus-right {
  left: auto;
  right: 0;
}
.plus-canvas-content-wrap.plus-top, .plus-canvas-content-wrap.plus-bottom {
  width: 100%;
  height: 300px;
}
.plus-canvas-content-wrap.plus-bottom {
  top: auto;
  bottom: 0;
}
.plus-canvas-content-wrap .plus-offcanvas-header {
    width: 60px;
    height: 60px;
    position: absolute;
    right: 0px;
    top: 0px;
}
.plus-canvas-content-wrap .plus-offcanvas-header.sticky-close-btn{
	width: 60px;
    height: 0;
    position: sticky;
    position: -webkit-sticky;
    position: -moz-sticky;
    position: -ms-sticky;
    position: -o-sticky;
    right: 0px;
    top: 0px;
    z-index: 1;
    width: 100%;
}
/* close icon */
.plus-canvas-content-wrap .plus-offcanvas-close {
    position: absolute;
    cursor: pointer;
    top: 10px;
    right: 10px;
    line-height: 1;
    z-index: 1;
    font-style: normal;    
    font-weight: 100;
    font-size: 25px;
    width: 40px;
    text-align: center;
    height: 40px;
    line-height: 38px;
    background: #fff;
    border-radius: 24px;
    box-shadow: 0px 3px 20px -8px rgba(0, 0, 0, 0.4);
	-webkit-transition: all 0.8s ease-in-out;
    transition: all 0.8s ease-in-out;
}
.plus-canvas-content-wrap .plus-offcanvas-close:before,.plus-canvas-content-wrap .plus-offcanvas-close:after {
    display: block;
    width: 20px;
    height: 2px;
    content: '';
    position: absolute;
    top: 50%;
    left: 50%;
    margin: -5px;
    border-bottom: 2px solid #000;
    transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    -webkit-transition: border-bottom .4s linear;
    -moz-transition: border-bottom .4s linear;
    -ms-transition: border-bottom .4s linear;
    -o-transition: border-bottom .4s linear;
    transition: border-bottom .4s linear;
}
.plus-canvas-content-wrap .plus-offcanvas-close:before,.plus-canvas-content-wrap .plus-offcanvas-close:after {
    margin: 0px;
    transform: rotate(45deg) translate(-50%,-50%);
    -ms-transform: rotate(45deg) translate(-50%,-50%);
    -moz-transform: rotate(45deg) translate(-50%,-50%);
    -webkit-transform: rotate(45deg) translate(-50%,-50%);
    -o-transform: rotate(45deg) translate(-50%,-50%);
    transform-origin: left;
}
.plus-canvas-content-wrap .plus-offcanvas-close:after {
    transform: rotate(-45deg) translate(-50%,-50%);
    -ms-transform: rotate(-45deg) translate(-50%,-50%);
    -moz-transform: rotate(-45deg) translate(-50%,-50%);
    -webkit-transform: rotate(-45deg) translate(-50%,-50%);
    -o-transform: rotate(-45deg) translate(-50%,-50%);
    transform-origin: left;
    margin-left: 0.5px;
}
.plus-canvas-content-wrap .direction-left .plus-offcanvas-close {
    left: 10px;
    right: auto;
}
.plus-canvas-content-wrap .plus-offcanvas-header.direction-left,.plus-canvas-content-wrap .plus-offcanvas-header.direction-left.sticky-close-btn{
    left: 0;
    right: auto;
}
/* close icon*/
.plus-canvas-content-wrap .plus-content-editor{
    float: left;
    width: 100%;
    overflow: hidden;
    padding: 20px;
}
.plus-offcanvas-content-widget .plus-canvas-content-wrap::-webkit-scrollbar-track
{
	-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
	border-radius: 10px;
	background-color: #F5F5F5;
}
.plus-offcanvas-content-widget .plus-canvas-content-wrap::-webkit-scrollbar
{
	width: 10px;
	background-color: #F5F5F5;  
}
.plus-offcanvas-content-widget .plus-canvas-content-wrap::-webkit-scrollbar-thumb
{
	border-radius: 10px;
	-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,.3);
	background-color: #555;
}
.plus-offcanvas-content-widget .plus-canvas-content-wrap.scroll-bar-disable::-webkit-scrollbar{
	display:none;
}
/*slide effect*/
.plus-canvas-content-wrap.plus-slide {
  -webkit-transform: translate3d(-100%, 0, 0);
  transform: translate3d(-100%, 0, 0);
}
.plus-canvas-content-wrap.plus-slide.plus-right {
  -webkit-transform: translate3d(100%, 0, 0);
  transform: translate3d(100%, 0, 0);
}
.plus-canvas-content-wrap.plus-slide.plus-top {
  -webkit-transform: translate3d(0, -100%, 0);
  transform: translate3d(0, -100%, 0);
}
.plus-canvas-content-wrap.plus-slide.plus-bottom {
  -webkit-transform: translate3d(0, 100%, 0);
  transform: translate3d(0, 100%, 0);
}
.plus-slide.plus-open .plus-canvas-content-wrap.plus-visible {    
    -webkit-transition: all 0.8s;
    transition: all 0.8s;
    -webkit-transition-timing-function: cubic-bezier(0.7,0,0.3,1);
    transition-timing-function: cubic-bezier(0.7,0,0.3,1);
}
/*slide effect*/
/*reveal effect*/
.plus-reveal.plus-canvas-content-wrap {
	z-index: 1;
	visibility: hidden;
}
.plus-reveal .plus-offcanvas-container {
	overflow: hidden;
}
.plus-reveal.plus-open .plus-canvas-content-wrap.plus-visible{
	visibility: visible;
	-webkit-transition: all 0.5s;
	transition: all 0.5s;
}
.plus-reveal.plus-open.plus-left .plus-offcanvas-container {
	-webkit-transform: translate3d(300px, 0, 0);
	transform: translate3d(300px, 0, 0);
}
.plus-reveal.plus-open.plus-right .plus-offcanvas-container {
	-webkit-transform: translate3d(-300px, 0, 0);
	transform: translate3d(-300px, 0, 0);
}
.plus-reveal.plus-open.plus-top .plus-offcanvas-container {
	-webkit-transform: translate3d(0, 300px, 0);
	transform: translate3d(0, 300px, 0);
}
.plus-reveal.plus-open.plus-bottom .plus-offcanvas-container {
	-webkit-transform: translate3d(0, -300px, 0);
	transform: translate3d(0, -300px, 0);
}
html.plus-offcanvas-content-widget.plus-reveal.plus-reset{
    overflow: hidden;
}
/*reveal effect*/
/*slide-along effect*/
.plus-canvas-content-wrap.plus-slide-along{
	-webkit-transition: all 0.5s,opacity 0.3s;
    transition: all 0.5s,opacity 0.3s;
}
.plus-slide-along.plus-canvas-content-wrap {
	z-index: 1;
	opacity:0;
	visibility:hidden;
}
.plus-slide-along.plus-canvas-content-wrap.plus-bottom.plus-visible {
	z-index: 100;
}
.plus-slide-along.plus-canvas-content-wrap.plus-left {
	-webkit-transform: translate3d(-50%, 0, 0);
    transform: translate3d(-50%, 0, 0);
}
.plus-slide-along.plus-canvas-content-wrap.plus-right {
	-webkit-transform: translate3d(50%, 0, 0);
    transform: translate3d(50%, 0, 0);
}
.plus-slide-along.plus-canvas-content-wrap.plus-top {
	-webkit-transform: translate3d(0,-50%, 0);
    transform: translate3d(0,-50%, 0);
}
.plus-slide-along.plus-canvas-content-wrap.plus-bottom {
	-webkit-transform: translate3d(0,50%, 0);
    transform: translate3d(0,50%, 0);
}
.plus-slide-along .plus-offcanvas-container {
	overflow: hidden;
}
.plus-slide-along.plus-open .plus-canvas-content-wrap.plus-visible{
	opacity:1;
	visibility: visible;
	-webkit-transition: all 0.5s,opacity 0.1s;
    transition: all 0.5s,opacity 0.1s;
}
.plus-slide-along.plus-open.plus-left .plus-offcanvas-container {
	-webkit-transform: translate3d(300px, 0, 0);
	transform: translate3d(300px, 0, 0);
}
.plus-slide-along.plus-open.plus-right .plus-offcanvas-container {
	-webkit-transform: translate3d(-300px, 0, 0);
	transform: translate3d(-300px, 0, 0);
}
.plus-slide-along.plus-open.plus-top .plus-offcanvas-container {
	-webkit-transform: translate3d(0, 300px, 0);
	transform: translate3d(0, 300px, 0);
}
.plus-slide-along.plus-open.plus-bottom .plus-offcanvas-container {
	-webkit-transform: translate3d(0, -300px, 0);
	transform: translate3d(0, -300px, 0);
}
html.plus-offcanvas-content-widget.plus-slide-along.plus-reset{
    overflow: hidden;
}
/*slide-along effect*/

/*push effect*/
.plus-canvas-content-wrap.plus-push,.plus-canvas-content-wrap.plus-reveal,.plus-canvas-content-wrap.plus-corner-box{
	-webkit-transition: all 0.5s;
    transition: all 0.5s;
}
.plus-canvas-content-wrap.plus-left.plus-push {
  -webkit-transform: translate3d(-100%, 0, 0);
  transform: translate3d(-100%, 0, 0);
}
.plus-canvas-content-wrap.plus-right.plus-push {
  -webkit-transform: translate3d(100%, 0, 0);
  transform: translate3d(100%, 0, 0);
}
.plus-canvas-content-wrap.plus-top.plus-push {
  -webkit-transform: translate3d(0, -100%, 0);
  transform: translate3d(0, -100%, 0);
}
.plus-canvas-content-wrap.plus-bottom.plus-push {
  -webkit-transform: translate3d(0, 100%, 0);
  transform: translate3d(0, 100%, 0);
}
.plus-push.plus-open .plus-canvas-content-wrap.plus-visible {
	visibility: visible;
	-webkit-transition: all 0.5s;
	transition: all 0.5s;
}
.plus-push.plus-open.plus-left .plus-offcanvas-container {
  -webkit-transform: translate3d(300px, 0, 0);
  transform: translate3d(300px, 0, 0);
}
.plus-push.plus-open.plus-right .plus-offcanvas-container {
  -webkit-transform: translateX(-300px);
  transform: translateX(-300px);
}
.plus-push.plus-open.plus-top .plus-offcanvas-container {
  -webkit-transform: translate3d(0, 300px, 0);
  transform: translate3d(0, 300px, 0);
}
.plus-push.plus-open.plus-bottom .plus-offcanvas-container {
  -webkit-transform: translate3d(0, -300px, 0);
  transform: translate3d(0, -300px, 0);
}

html.plus-offcanvas-content-widget.plus-push.plus-reset{
    overflow: hidden;
}
/*push effect*/
/*corner box effect*/
.plus-canvas-content-wrap.plus-corner-box {
    width: 300px;
    height: 300px;
}
.plus-canvas-content-wrap.plus-top-left.plus-corner-box {
  -webkit-transform: translate3d(-300px,-300px,0);
  transform: translate3d(-300px,-300px,0);
}
.plus-canvas-content-wrap.plus-top-right.plus-corner-box {
  -webkit-transform: translate3d(-300px,-300px,0);
  transform: translate3d(-300px,-300px,0);
}
.plus-corner-box.plus-open .plus-canvas-content-wrap.plus-visible {
	visibility: visible;
	-webkit-transition: all 0.5s;
	transition: all 0.5s;
}
.plus-canvas-content-wrap.plus-top-right.plus-corner-box {
    right: 0;
    left: auto;
}
.plus-corner-box.plus-open.plus-top-left .plus-canvas-content-wrap.plus-visible , .plus-corner-box.plus-open.plus-top-right .plus-canvas-content-wrap.plus-visible {
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
}
/*corner box effect*/
.plus-canvas-content-wrap.plus-visible{
	visibility:visible;
}
.plus-offcanvas-wrapper.scroll-view {
    opacity: 0;
    visibility: hidden;
	-webkit-transition: all .2s ease 0s;
    -moz-transition: all .2s ease 0s;
    -o-transition: all .2s ease 0s;
    transition: all .2s ease 0s;
}
.plus-offcanvas-wrapper.scroll-view.show {
    opacity: 1;
    visibility: visible;
}
/*---- Off canvas ----*/
.plus-offcanvas-close.off-close-image:before {
    display:none;
}
.plus-offcanvas-close.off-close-image:after {
    display:none;
}
.plus-content-editor a {outline: none !important}