#elementor-preview-iframe html body,html.elementor-html body{
	overflow-y: scroll!important;	
}
.e-preview--show-hidden-elements[data-elementor-device-mode=desktop] .elementor-edit-area-active .elementor-hidden-desktop, .e-preview--show-hidden-elements[data-elementor-device-mode=laptop] .elementor-edit-area-active .elementor-hidden-laptop, .e-preview--show-hidden-elements[data-elementor-device-mode=mobile] .elementor-edit-area-active .elementor-hidden-mobile, .e-preview--show-hidden-elements[data-elementor-device-mode=mobile_extra] .elementor-edit-area-active .elementor-hidden-mobile_extra, .e-preview--show-hidden-elements[data-elementor-device-mode=tablet] .elementor-edit-area-active .elementor-hidden-tablet, .e-preview--show-hidden-elements[data-elementor-device-mode=tablet_extra] .elementor-edit-area-active .elementor-hidden-tablet_extra, .e-preview--show-hidden-elements[data-elementor-device-mode=widescreen] .elementor-edit-area-active .elementor-hidden-widescreen{
	display: none!important;
}
.elementor-element.elementor-widget-empty .elementor-widget-empty-icon{
	position: absolute;
}
.aiok-row-fitheightyes .elementor-column-gap-no .elementor-column,.aiok-row-fitheightyes .elementor-column{
    min-height: 0!important;
}
html.notscroll{
	overflow: hidden;
}
.ux-pos-topleft{
	position: absolute;
	top:0;
	left: 0;
	bottom: auto;
	right: auto;
}
.ux-pos-botleft{
	position: absolute;
	top:auto;
	left: 0;
	bottom: 0;
	right: auto;
}
.ux-pos-topright{
	position: absolute;
	top:0;
	left: auto;
	bottom: auto;
	right: 0;
}
.ux-pos-botright{
	position: absolute;
	top:auto;
	left: auto;
	bottom: 0;
	right: 0;
}
/* Work around: editor scroll issue 
html.elementor-html{
	overflow: hidden!important;
}
*/

/* Turn off form input suggestion */
.ipuval.animated,span.ipuval.animated{
	display: none!important;
}
html{
	overflow-x:hidden; 
}
.elementor-container.elementor-column-gap-no .elementor-widget:not(:last-child) {
    margin-bottom: 0;
}
.elementor-section-full_width .elementor-column-gap-no .ux-header .container,.elementor-section-full_width .elementor-column-gap-no  .container{
	max-width: 100%!important;
}
.elementor-editor-active .wpmega-openblock,.elementor-editor-active .wpmega-closeblock{
	margin-top: -2px;
}
.elementor-editor-active div.cursor.default{
	display: none;
}
.ux-overhidden{
	overflow: hidden;
}
/* Animate Shape */

.ux-anishape::before {
    position: absolute;
    content: "";
    left: 6%;
    bottom: 10%;
    width: 480px;
    height: 480px;
    border: 1px solid #999;
    border-radius: 62% 47% 82% 35% / 45% 45% 80% 66%;
    will-change: border-radius, transform, opacity;
    animation: aniShape 10s linear infinite;
    display: block;
    -webkit-animation: aniShape 10s linear infinite;
}
@keyframes aniShape{
    0%,100%{
    border-radius: 44% 61% 72% 33% / 48% 48% 58% 58%;
        transform: translate3d(0,0,0) rotateZ(0.01deg);
    }
    34%{
        border-radius: 72% 32% 47% 55% / 31% 28% 72% 71%;
        transform:  translate3d(0,6px,0) rotateZ(0.02deg);
    }
    50%{
        transform: translate3d(0,0,0) rotateZ(0.01deg);
    }
    67%{
        border-radius: 100% 62% 62% 100% / 100% 100% 62% 62% ;
        transform: translate3d(0,-4px,0) rotateZ(0.02deg);
    }
}
.ux-anishape::after {
    position: absolute;
    content: "";
    left: -5%;
    bottom: 15%;
    width: 480px;
    height: 460px;
    border: 1px solid #ff6600;
    border-radius: 64% 47% 86% 34% / 46% 46% 82% 67%;
    will-change: border-radius, transform, opacity;
    animation: aniShape2 5s linear infinite;
    display: block;
    -webkit-animation: aniShape2 5s linear infinite;
}
@keyframes aniShape2{
    0%,100%{
        border-radius: 43% 59% 71% 31% / 43% 43% 53% 53%;
        transform: translate3d(0,0,0) rotateZ(0.01deg);
    }
    34%{
        border-radius: 71% 31% 48% 56% / 31% 28% 72% 71%;
        transform:  translate3d(0,6px,0) rotateZ(0.02deg);
    }
    50%{
        transform: translate3d(0,0,0) rotateZ(0.02deg);
    }
    67%{
        border-radius: 100% 62% 62% 100% / 100% 100% 62% 62% ;
        transform: translate3d(0,-3px,0) rotateZ(0.01deg);
    }
}

 
/* Control CSS */
.ux-hide.animated.mhv-out{
	display: none;	
	-webkit-animation-duration: 2.25s;
    animation-duration: 2.25s;
} 
.ux-textwhite a,.ux-textwhite p, .ux-textwhite h1,.ux-textwhite,.ux-textwhite h2,.ux-textwhite h3 , .ux-textwhite h4, .ux-textwhite h5, .ux-textwhite h6{
	color: #fff!important;
}
.ux-textwhite svg,.ux-textwhite svg path{
	fill:#fafafa!important;	
} 
.ux-textwhite .mc4wp-form label{
	color: #a09c94!important;
}
.ux-textwhite .etn-title,.ux-textwhi .etn-date, .ux-textwhi .etn-nav .etn-date,.ux-textwhite .schedule-tab-wrapper .etn-nav li a span{
	color: #fff!important;
}
.ux-textwhite p{
	color: #fbfbfb!important;
}
.schedule-tab-wrapper .etn-nav li a{
	padding: 5px 15px 15px;
}
.elementor-widget-wrap .etn-schedule-wrap .etn-single-schedule-item .etn-schedule-info{
	border-right: 1px solid #ffffff3b;
}
.elementor-widget-wrap  .etn-schedule-wrap .etn-schedule-info .etn-schedule-location{
	margin-top: 10px;
	font-size: 16px;
	padding-right: 35px;
}
.etn-schedule-wrap .etn-schedule-info .etn-schedule-location {
    padding-left: 25px;
}
.ux-textwhite .etn-schedule-wrap .etn-single-schedule-item {
    border-bottom: 1px solid #b5b5b56b;
}
.etn-schedule-wrap .etn-single-schedule-item{
	padding: 55px 0; 
}
.etn-schedule-wrap .etn-single-schedule-item:last-child{
	border-bottom:none;
}
.elementor-widget-wrap .etn-schedule-wrap .etn-single-schedule-item .etn-schedule-content{
	padding-left: 45px;
}
.uxtext-hightlight{
	position: absolute;
    top: 0;
    left: 0;
    margin-top: 15px;
    transform: scaleX(0);
    opacity: 0;
    transition: transform .85s,opacity .85s,height .45s,bottom .45s,color .45s;
    transition-timing-function: cubic-bezier(.3,.8,.35,1);
    transition-delay: inherit;
    transform-origin: left center;
    z-index: -1;
    transition-delay:800ms;
    transition-duration:1200ms;
}
.uxtext-hightlight svg{
	max-height: 50px;
	left: 0;
    right: 0;
    text-align: center;
    margin: 0 auto;
	margin-top: 37px;
} 
.svg-handdraw-ho2 .uxtext-hightlight svg {
    max-height: 36px;
    left: 0;
    right: 0;
    text-align: center;
    margin: 0 auto;
    margin-top: 47px;
}
.textinview{
	position: relative;
}
.rotated-right-arrow-with-broken-line .uxtext-hightlight svg {
    max-height: 63px;    
    margin-top: 10px;
}
.svg-handdraw-ho3 .uxtext-hightlight  svg {
    max-height: 25px;
    margin-top: 45px;
    margin-left: -45px;
}
.svg-handdraw-ho3 .uxtext-hightlight svg {
    max-height: 35px;
    left: 0;
    right: 0;
    text-align: center;
    margin: 0 auto;
    margin-top: 47px;
    margin-left: -55px;
}
.color.art{
	position: relative;
	z-index: 2;
}
.showsvghl-yes .color.art{
	color: inherit!important;
}
.textinview .uxtext-hightlight,body.elementor-editor-active .uxtext-hightlight{
    opacity: 1;
    transform: scale(1,1)!important;
}
body.elementor-editor-active .uxtext-hightlight{
	z-index: 1;
}
body.elementor-editor-active .svg-handdraw-ho2,body.elementor-editor-active .svg-handdraw-ho3,body.elementor-editor-active .rotated-right-arrow,body.elementor-editor-active .rotated-right-arrow-with-broken-line,body.elementor-editor-active .rotating-arrows,body.elementor-editor-active .rotated-right-arrow,body.elementor-editor-active .svg-underline{
	position: relative;
}
/* common class */
h1, h2, h3, h4, h5, h6, .ux-title, .ux-title a, a.ux-title, .entry-title a, span.ux-title, li.ux-title, .ux-add-cart, .add_to_cart_button.product_type_variable, .woocommerce form .form-row label, .woocommerce-page form .form-row label, .newsbycatajax-widget .list-medthumb h3, .social-count-plus .flat.vertical span.count, .jTscroller a, .footer-wdg.tags-clould a, .pnav-tit, .jThumbnailScroller .jTscroller a, .ycp .belah .handap div.title, p.ux-title, .ux-block p.ux-title, .nbcaj-listnews .text a.ux-title, .nbcaj_thumbnail .text p, .elementor-widget-container .nbcaj_thumbnail p, .jssort121 .p .t, .entry-title-right a.ux-title, .nbcaj-listnews .text p{
	margin: 0;
}
.uxpos-topcenter{
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	margin: 0 auto;
	bottom: auto;	
}
.uxpos-botcenter{
	position: absolute;
	bottom: 0;
	top:auto;
	left: 0;
	right: 0;
	margin: 0 auto;	
}
.uxpos-topleft{
	position: absolute;
	top: 0;
	left: 0;	
	right: auto;
}
.uxpos-topright{
	position: absolute;
	top: 0;
	right: 0;	
	left: auto;
}
.uxpos-botleft{
	position: absolute;
	bottom: 0;
	left: 0;
	right: auto;
	top: auto;	
}
.uxpos-botleft .tit-mask,.uxpos-topleft .tit-mask{
	right: auto;
} 
.uxpos-botright{
	position: absolute;
	bottom: 0;
	left: 0;	
	right: auto;
}
.opac25{
	opacity: 0.25!important;
	transition: opacity 0.13s linear 1s!important;
}
/* reveal */
.isrevealyes{
	 visibility: hidden;
	 position: relative;
	 overflow: hidden;
}
.elementor-editor-active .isrevealyes{
	 visibility: visible;
}
.isrevealyes img,.uxreveal {
  	object-fit: cover;
  	transform-origin: left;
}
/* Thumbnail Hove [New] */
.blog__three-item-image::before {
    position: absolute;
    top: 0;
    left: -75%;
    z-index: 0;
    display: block;
    content: "";
    width: 30%;
    height: 100%;
    transform: skewX(-25deg);
    background: #fff;
    opacity: 0.4;
    z-index: 1;
}

/* ------------------------------------------------------------- *
 * Magic cursor
/* ------------------------------------------------------------- */

#magic-cursor {
	position: absolute;
	display: none;
	width: 10px;
	height: 10px;
	pointer-events: none;
	z-index: 99999;
	opacity: 0;
}
body.tt-magic-cursor #magic-cursor {
	display: block;
}

#ball {
	position: fixed;
	display: flex;
	justify-content: center;
	align-items: center;
	color: #FFF;
	pointer-events: none;
	border-style: solid;
	border-color: #FFF;
	border-radius: 50%;
	/* Note: border width handled through JS */
}


/* Ball view 
============= */
#ball .ball-view {
	position: absolute;
	opacity: 0;
	visibility: hidden;
	padding: 0 5px;
	font-size: 14px;
	font-weight: 500;
	color: #222;
	line-height: 1.3;
	text-align: center;
	transform: scale(0);
}

#ball .ball-view i {
	font-size: 19px;
}

/* Ball drag 
============= */
#ball .ball-drag {
	position: absolute;
	display: block;
	width: 100%;
	padding: 0 5px;
	font-size: 15px;
	font-weight: 600;
	color: #FFF;
	line-height: 1.2;
	text-align: center;
	transition: all 0.3s;
}
#ball .ball-drag::before,
#ball .ball-drag::after {
	position: absolute;
	top: 50%;
	margin-top: -5px;
	font-size: 19px;
	color: #FFF;
	height: 10px;
	line-height: 10px;
	/* Font Awesome */
	font-family: "Font Awesome 5 Free";
	font-weight: 900;
	display: inline-block;
	font-style: normal;
	font-variant: normal;
	text-rendering: auto;
	-webkit-font-smoothing: antialiased;
}
#ball .ball-drag::before {
	content: "\f104"; /* Font Awesome */
	left: 0;
	transform: translate3d(-30px, 0, 0);
	transition: all 0.25s;
}
#ball .ball-drag::after {
	content: "\f105"; /* Font Awesome */
	right: 0;
	transform: translate3d(30px, 0, 0);
	transition: all 0.25s;
}

/* Ball close 
============== */
#ball.ball-close-enabled {
	opacity: 1 !important;
}
#ball .ball-close {
	position: absolute;
	padding: 0 5px;
	font-size: 14px;
	font-weight: 600;
	color: #FFF;
	line-height: 1;
	text-align: center;
}
/* Title Hover underline */
.panel-rsbcontent h3 a,.cat-grid h3.ux-title a,.continue-reading a span,.quicksort-item a,.uxovl-ol-submenu-wrap a, .item  h3 a,.nav-shopcat .wpmm-orientation-vertical ul.wpmm-mega-wrapper > li > a.wp-mega-menu-link{
	display: inline;
    padding: 0;
	background-image: -webkit-gradient(linear,left top,right top,from(currentColor),to(currentColor));
    background-image: -webkit-linear-gradient(left,currentColor 0%,currentColor 100%);
    background-image: -o-linear-gradient(left,currentColor 0%,currentColor 100%);
    background-image: linear-gradient(to right,currentColor 0%,currentColor 100%);
    background-position: 0 90%;
    background-repeat: no-repeat;
    background-size: 0 1px;
    -webkit-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-transition: background-size .8s cubic-bezier(.25,.8,.25,1);
    -o-transition: background-size .8s cubic-bezier(.25,.8,.25,1);
    transition: background-size .8s cubic-bezier(.25,.8,.25,1);	    
}

.panel-rsbcontent h3 a:hover,.cat-grid h3.ux-title a:hover,.continue-reading a:hover span:not(.nounderline),.quicksort-item a:hover,.quicksort-item ul li a.active,.uxovl-ol-submenu-wrap a:hover,.item  h3 a:hover,.nav-shopcat .wpmm-orientation-vertical ul.wpmm-mega-wrapper > li > a.wp-mega-menu-link:hover{
	-webkit-background-size: 100% 1px;
    background-size: 100% 1px;
}
.ux-service .continue-reading a span{
	background-size: 100% 0!important;
}
.continue-reading.link-circle.s3 .readmore i:before,.continue-reading.link-circle.s3 .readmore i{
	line-height:15px!important;
}
.author-avatar a{
	 background-size: 0 0;
}
.ux-header.nav-vertical .uxovl-ol-submenu-wrap a{
	display: inline;
    padding: 0;
	background-image: -webkit-gradient(linear,left top,right top,from(currentColor),to(currentColor));
    background-image: -webkit-linear-gradient(left,currentColor 0%,currentColor 100%);
    background-image: -o-linear-gradient(left,currentColor 0%,currentColor 100%);
    background-image: linear-gradient(to right,currentColor 0%,currentColor 100%);
    background-position: 0 100%;
    background-repeat: no-repeat;
    background-size: 0 1px;
    -webkit-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-transition: background-size .8s cubic-bezier(.25,.8,.25,1)!important;
    -o-transition: background-size .8s cubic-bezier(.25,.8,.25,1)!important;
    transition: background-size .8s cubic-bezier(.25,.8,.25,1)!important;	
}
.sub-menu.mega-menu-row ul.sub-menu{
	background: transparent!important;
} 
.ux-header.hdtool-only .menu-warpper .hd-utility{
	margin-top: 0;
}
.hd-svgicon svg{	 
    width: 27px;
    line-height: 50px;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}
  
.ux-header.nav-vertical .uxovl-ol-submenu-wrap a:hover{
   -webkit-background-size: 100% 1px;
    background-size: 100% 1px;
}
#header-wrapper .bghv-hveffect ul.sub-menu.mega-menu-row > li > a:hover {
    background: transparent!important;
    color: inherit!important;
    padding-left: 0!important;
}
.nav-shopcat{
	width: 280px;
    position: absolute;
    margin-top: 0;
}
.nav-shopcat .nav-catstate{
	position: absolute;
    right: 0;
    color: white;
    margin-right: 22px;
    font-size: 12px;
    transform: translateY(-50%);
    top: 50%;
}
body.elementor-editor-active .navcat-warper ux-hide.animated.fadeOutLeft{
	display: none;
}
.nav-shopcat .nav-header h3{
	margin-right: 5px;
    font-size: 13px;
    margin-top:auto!important;
    margin-bottom:auto!important;
}
.nav-shopcat .navcat-warper{
	width: 280px;
}
.wpmm-orientation-vertical ul.wpmm-mega-wrapper > li {
    border-bottom: 1px solid #ddd!important;
    text-align: left;
    padding: 0 10px;
}
.nav-shopcat .nav-header{
	text-align: left;
    background: #1c1c1c;
   	height: 50px;
    display: block;
    color: white;
    top: 60px;
	cursor:pointer;
}
.nav-shopcat .nav-header .hd-svgicon{
    padding-right: 15px;
    width: 35px;
    display: block;
    height: 100%;
    min-height: 35px;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
}

.nav-shopcat .nav-header span{
	position: absolute;
    top: 50%;
    transform: translateY(-50%);
    left: 65px;
}
    
.nav-shopcat .nav-header h3{
	color: #fff;
    font-size: 18px;
    font-size: 14px;
    line-height: 50px;
    text-transform: uppercase;
    margin-left: 20px;
}
.navcat-warper ul li.item-tit{
	width: 100%;
    padding: 10px;
    border-bottom: 1px solid #e1e1e1;
    text-align: left;
    position: static;
}
.navcat-warper ul li.item-tit>a{
	position: relative;
    display: inline-block;
    width: 100%;
}
.navcat-warper ul li a span.navcat-svgicon svg{
	max-width: 19px;
}

.navcat-warper .ver-submenu{
    background: #fff;
    width: 800px;
    position: absolute;
    z-index: 999888;
    height: 500px;
    left: 279px;
    top:0;    
    transform: translateX(-15px) translateY(0) translateZ(0);
}
.elementor-editor-active .navcat-warper .ux-hide.animated.fadeOutRight{
	display: none;		
}
.ronav-submenu{
	    position: absolute;
    width: 600px;
    left: 0;
}
.nav-header{
	cursor:pointer;
	width: 100%;
	display: block;
}
.dropdownac- .navcat-warper{
	display: none;
}
.dropdownac-yes .navcat-warper{
	display: block;
}

.navcat-warper>div>ul>li.has-child-item>a:after {
        -webkit-font-smoothing: antialiased;
    /*content: "\e874";*/
    content: "\e876";
    display: inline-block;
    font: normal 8px / 1 Linearicons-Free;
    right: 15px;
    top: 0;
    vertical-align: text-bottom;
    font-weight: 100;
    margin-bottom: 5px;
    margin-left: 5px;
    font-size: 10px;
    color: #333;
    position:absolute;    
    top: 50%;
    transform: translateY(-50%);
}

.nav-shopcat .nav-header h3 i{
	margin-right: 5px;
}
.nav-shopcat .wpmm-orientation-vertical ul.wpmm-mega-wrapper > li > a.wp-mega-menu-link {  
    padding:0;
}
.nav-shopcat .wp-megamenu-main-wrapper.wpmm-orientation-vertical ul.wpmm-mega-wrapper > li {
    float: none;
    list-style: none;
    padding: 8px 20px;
}
.nav-shopcat .navcat-warper {
    position: absolute;
    top: 100%;
    left: 0;
    z-index: 9;
    background: #fff;
    height: 500px;    
    border-right: 1px solid #efefef;
    border-left: 1px solid #efefef;
}
.nav-shopcat .wpmm-orientation-vertical ul.wpmm-mega-wrapper > li > a.wp-mega-menu-link:hover{
	color:#CC3366!important;
}
.nav-shopcat .navcat-warper .wpmm-orientation-vertical  ul.wpmm-mega-wrapper > li ,.nav-shopcat .navcat-warper  .wp-megamenu-main-wrapper.wpmm-orientation-vertical{
    border: none;
    width: 280px;
}
.nav-shopcat .navcat-warper ul{
	margin: 0!important;
}
.hd-storefront .menu-warpper{
	margin-left: 280px;
}
.vline-hveffect ul.sub-menu.mega-menu-row > li:after{
	display: none!important;
}
.underline-hveffect ul.sub-menu.mega-menu-row > li > a{
	background: none!important;
}
.underline-hveffect ul.sub-menu.mega-menu-row > li > a,ul.sub-menu.mega-menu-row > li > a,ul.sub-menu.mega-menu-row li:hover>a{
	padding-left: 0!important;
}
.elementor-widget-wrap .navcat-warper .primary-navigation {
    margin-top: 0px!important;
}
.uxitem-hvmovev:hover{
    -webkit-transform: translateY(-15px);
    -khtml-transform: translateY(-15px);
    -moz-transform: translateY(-15px);
    -ms-transform: translateY(-15px);
    -o-transform: translateY(-15px);
    transform: translateY(-15px);
    -webkit-box-shadow: 0 20px 24px rgb(12 12 12 / 8%);
    -khtml-box-shadow: 0 20px 24px rgba(12,12,12,8%);
    -moz-box-shadow: 0 20px 24px rgba(12,12,12,8%);
    -ms-box-shadow: 0 20px 24px rgba(12,12,12,8%);
    -o-box-shadow: 0 20px 24px rgba(12,12,12,8%);
    box-shadow: 0 20px 24px rgb(12 12 12 / 8%);
    -webkit-transition: all .3s cubic-bezier(.645,.045,.355,1);
    -khtml-transition: all .3s cubic-bezier(.645,.045,.355,1);
    -moz-transition: all .3s cubic-bezier(.645,.045,.355,1);
    -ms-transition: all .3s cubic-bezier(.645,.045,.355,1);
    -o-transition: all .3s cubic-bezier(.645,.045,.355,1);
    transition: all .3s cubic-bezier(.645,.045,.355,1);
}
/* Header Big */
.hdbig-101 .hdbig-logo .logo,.ux-header .hdbig-101 #hd-logo{
	position: absolute;
    display: block;
    width: 180px;
    height: 115px;
    text-align: center;
    vertical-align: middle;
    top: 0;
    margin-top: 0;
    height: 100%;
}
.ux-header .hdbig-101 .menu-warpper .hd-utility{ 
    margin-top: auto;
    height: 100%;
}
.ux-header .hdbig-101 .hd-logo  img {
    height: 50px;
    top: 50%;
    transform: translateY(-50%);
}
.ux-header .hdbig-101 .menu-warpper{
	position: relative!important;
}
.ux-header  .header.hdbig-101 {
    height: 115px;
}
.elementor-widget-wrap .ux-header .hdbig-101 .primary-navigation{
	text-align: left;
}
.header.hdbig-101 .left-part{
	padding-left: 180px;
}
.header.hdbig-101 ul.hdtb-social{
	text-align: right;
    float: right;
    position: absolute;
    top: 0;
    right: 15px;
}
.header.hdbig-101 ul.hdtb-social li{
	display: inline-block;
	width: 40px;
	height: 40px;
	line-height: 40px;
	text-align: center;
}
.header.hdbig-101a .callus{
	position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
    min-width: 240px;
    height: 100%;
}
.header .callus-content{
	position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
    min-width: 240px;
   
}
.ux-header  .hdbig-logo.logo-bottom #hd-logo{
	top: auto;
    margin-top: inherit;
}
.ux-header  .hdbig-logo.logo-bottom #hd-logo img{
    top: 100%;
    transform: translateY(-100%);
}
.header.hdbig-101b .callus,.header .callus{
    top: 50%;
    position: absolute;
    transform: translateY(-50%);
}
.header .callus .phonenum p{
	line-height: 20px!important;
    margin-bottom: 5px;
    font-size: 13px;
}
.header.hdbig-101 .call-icon{
	float: left;
    margin-right: 45px;
    text-align: center;
    width: 50px;
    display: block;
    height: 50px;
}
.header.hdbig-101 .call-icon i, .header.hdbig-101 .call-icon .hd-svgicon{
	font-size: 18px;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    background: #0000002e;
    width: 45px;
    height: 45px;
    line-height: 45px;
    border-radius: 100%;
}
.elementor-widget-wrap .header.hdbig-101 .primary-navigation {
    margin-top: 0!important;
}
/*
.ux-header .header.hdbig-101a  .menu-warpper .hd-utility{
	padding-right: 230px!important;
} 
*/
.hdtoolbar{
	position: relative;
}
.ux-header .header .showcounter-yes .nav-menu.main-menu > li {
    counter-increment: number;
}
.ux-header .header .showcounter-yes .nav-menu.main-menu > li > a::before{
	content: "0" counter(number);
    display: inline-block;
    font-weight: 600;
    width: auto;
    right: 16px;
    top: 5px;
    line-height: .6em;
    font-size: .6em;
    position: absolute;
    height: auto;
    opacity: 0.65;
    background: transparent!important;
}
.ux-header .header.hdbig-101a .primary-navigation .nav-menu > li > a:before, .primary-navigation .nav-menu > li.current-menu-item > a:before{
	background: transparent!important;
}
 
.hdtoolbar{
	min-height: 40px;
    line-height: 40px;
    display: block;
    background: #e1e1e1;
    position: relative;
}
.hdtoolbar p{
	margin-bottom: 0;
}
.tb-content{
	position: relative; 
	  top: 50%;
    transform: translateY(-50%); 
}
.hdtoolbar p{
	height: 40px;
    line-height: 40px!important;
    padding-left: 13px;
    font-size: 13px;
}
.hdtoolbar p i {
    font-size: 13px;
    padding-right: 7px;
    display: inline;
}
.hdtoolbar i{
	font-size: 13px;
}
.hdtoolbar p span{
	margin-right: 15px;
}
.ux-header.style-1 .hdbig-101 .primary-navigation .main-menu > li:first-child {
    margin-left: 0;
    padding-left: 0;
}
.ux-ourteam .items,.testo-item {
	margin-top: 17px;
}
.hvbgfullcapyes.animated{
	-webkit-animation-duration: 0.5s;
    animation-duration: 0.5s;
}
.hdnav-left.hd680 .body-wrapper, .hdnav-left.hd680 .copyright-warpper, .hdnav-left.hd680 footer {
    padding-left: 60px;
}



/* Dropdown Menu Hover: BG Color Hover */
.bghv-hveffect ul.sub-menu li a{
	padding: 5px 15px;
    border-radius: 7px;
    width: 100%;
}
.bghv-hveffect ul.sub-menu li a:hover{
	background: #aadddd59;
}

/* Block SB Sort */
.bn-cats.sb-sort{
	background: #221e1e;
    position: fixed;
    height: 100%;
    width: 320px;
    left: 0;
    top: 0;
    bottom: 0;
    z-index: 9999;
}

.grayscale{
	-webkit-filter: grayscale(100%);
    filter: grayscale(100%);
    -webkit-transition: .3s ease-in-out;
    transition: .3s ease-in-out;
}
 
.logo-mobil,.hd-mobilenav{		
	display: none;
}

.navmobilstyle-accord .hdnavmobil-acc{
	display: none!important;
} 
html.uxovl-no-scroll{
	overflow: hidden;
}
.navmobilstyle-accord .wpmegamenu-toggle {
	display: none!important;
}
.navmobilstyle-accord .uxovl-ol-menu-toggle-btn span::before,.navmobilstyle-accord  .uxovl-ol-menu-toggle-btn span::after{
	background: #151515;
}
body.uxovl-ol-menu-open .navmobilstyle-accord .uxovl-ol-menu-toggle-btn span::before,body.uxovl-ol-menu-open  .navmobilstyle-accord  .uxovl-ol-menu-toggle-btn span::after{
	background: #fff!important;
}
.navmobilstyle-accord .hdnavmobil-acc{
	top: 10px;	
}
.uxscrollto nav {
	background: #fff;
	position: fixed;
	top: 10px;
	right: 10px;
	padding: 0;
	cursor: pointer;
	border-left: 0;
	border-radius: 0;
	-webkit-box-shadow: 0 5px 40px rgb(0 0 0 / 7%);
	-moz-box-shadow: 0 5px 40px rgba(0,0,0,7%);
	box-shadow: 0 5px 40px rgb(0 0 0 / 7%);
	padding: 0;
	border-top-left-radius: 5px;
	border-bottom-left-radius: 5px;
	border: 1px solid #eaeaea;
	border-right: 0;
	z-index: 9999999;
}
.uxscrollto .ux-tooltip{
	position: absolute;
    right: 50px;
    width: max-content;
    background: #181616;
    padding: 0 15px;
    font-size: 16px;
    line-height: 35px;
    margin-top: -5px;
}
.uxscrollto .sb-mycv{
	padding: 30px;
}
.uxscrollto .mycv-content{
	overflow-y:hidden; 
}
.uxscrollto nav a i:before{
	font-size: 22px;
}
.uxscrollto .ux-tooltip:before {
    content: "";
    position: absolute;
    top: 50%;
    left: 100%;
    margin-top: -5px;
    border-width: 5px 0 5px 5px;
    position: absolute;
    width: 0;
    height: 0;
    border-style: solid;
    border-color: transparent;
    border-left-color: #181616;
} 
.uxscrollto nav a {
	font-size: 1.3em;
	line-height: 1.7;
	text-decoration: none;
	position: relative;
	display: flex;
	justify-content: center;
	height: 44px;
	align-items: center;
	transition: all .3s ease-in;
	border-top: 1px solid #eaeaea;
	width: 40px;
}
.uxscrollto nav div:first-child a{
	border-top: none;
}
.uxscrollto nav a:hover {
  text-decoration: underline;
}
.uxscrollto nav{
	position: fixed;
	right: 0;
	top: 50%;
	transform: translateY(-50%);
	z-index: 1;
}

.ux-willview{
	opacity: 0;
}
.ux-hvaniinout{
	opacity: 0;
	display: inline-block;
}
.ux-hvaniinout.animated{
    display: inline-block;
    opacity: 1;
}
.prod-uxtool .ux-hvaniinout.animated{
	display: block;
}
.ux-portfolio .ic-posticon,.ux-portfolio   .ic-posticon.left-top {
    background: rgba(4,4,4,0.14)!important;
}
.ux-portfolio .box-container {
    padding: 0;
    background: transparent;
}
.ux-portfolio .ux-boxtit {
	height:auto; 
	margin-bottom: 60px!important;	
	    border: 2px solid #ccc0 !important;
	    display: inline-block;
}
.ux-loadmore span{
	text-align: center;
    margin: 0 auto;
    position: absolute;
    padding-left: 0;
    cursor: pointer;
}
.ux-boxtit {   
    margin-bottom: 30px!important;  
}
.ux-portfolio .ux-boxtit span,.ux-portfolio .bn-cats{
	margin-bottom: 0px!important
}
.uxpull-left-right-50{
	margin-left: -60px;
	margin-right: -60px;
	z-index: 99999;
}

.no-padding.padding-1  .isotope .item  {   
    margin:1px;  
}
 .ux-block address,.ux-block blockquote,.ux-block dl,.ux-block fieldset,.ux-block figure,.ux-block ol,.ux-block p,.ux-block pre,.ux-block ul{
 	margin: 0;
 }
.ux-block.padding-2{
 	margin: -2px;
}
.no-padding.padding-2  .isotope .item {   
    margin:2px;  
}

.ux-block.padding-3{
 	margin: -3px;
}
.no-padding.padding-3  .isotope .item {   
    margin:3px; 
}

.ux-block.padding-4{
 	margin: -4px;
}
.no-padding.padding-4  .isotope .item {   
     margin:4px; 
}

.ux-block.padding-5{
 	margin: -5px;
}
.no-padding.padding-5  .isotope .item  {   
     margin:5px;  
}

.ux-block.padding-6{
 	margin: -6px;
}
.no-padding.padding-6  .isotope .item {   
     margin:6px;  
}

.ux-block.padding-7{
 	margin: -7px;
}
.no-padding.padding-7  .isotope .item {   
     margin:7px;  
}

.ux-block.padding-10{
 	margin: -10px;
}
.no-padding.padding-10  .isotope .item {   
     margin:10px;  
}

.ux-block.padding-13{
 	margin: -13px;
}
.no-padding.padding-13  .isotope .item  {   
    margin:13px;  
}

.ux-block.padding-15{
 	margin: -15px;
}
.ux-block.padding-15 .ic-posticon.left-top{
	margin-left: -10px;  
    margin-top: 20px;
}

.no-padding.padding-17  .isotope .item {   
    margin:17px;  
}

.ux-block.padding-17{
 	margin: -17px;
}
.ux-block.padding-17 .ic-posticon.left-top{
	margin-left: -17px;  
    margin-top: 20px;
}

.no-padding.padding-17  .isotope .item {   
    margin:17px;  
}

.ux-block.padding-20{
 	margin: -20px;
}
.ux-block.padding-20 .ic-posticon.left-top{
	margin-left: -5px;  
    margin-top: 20px;
}
.no-padding.padding-20  .isotope .item .item-content {   
    margin:20px;  
}
.no-padding.padding-20  .isotope .item .dark-screen{
	border: 20px solid transparent!important;
}
.ux-block.padding-25{
 	margin: -25px;
}
.no-padding.padding-25  .isotope .item  {   
    margin:25px;  
}

.ux-block.padding-30{
 	margin: -30px;
}
.no-padding.padding-30  .isotope .item {   
    margin:30px;  
}

.ux-block.padding-35{
 	margin: -35px;
}
.ux-block.no-padding.padding-35  .isotope .item{   
    margin:35px;  
}

.ux-block.padding-40{
 	margin: -40px;
}
.no-padding.padding-40  .isotope .item {   
    margin:40px;  
}
.zoominout-icon{
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    z-index: 2;
    width: 40px;
    width: 40px;
    padding: 0;
    text-align: center;
    cursor: pointer;

}
.zoominout-icon i{
	line-height: 40px;
	height: 40px;
	font-size: 25px;
	color: #fff;
}
.ux-block.no-padding .padding-1  .isotope .item,.ux-block.no-padding .padding-2  .isotope .item,.ux-block.no-padding .padding-3  .isotope .item,
.ux-block.no-padding .padding-4  .isotope .item,.ux-block.no-padding .padding-5  .isotope .item,.ux-block.no-padding .padding-6  .isotope .item ,
.ux-block.no-padding .padding-7  .isotope .item,.ux-block.no-padding .padding-10  .isotope .item,.ux-block.no-padding .padding-15  .isotope .item,
.ux-block.no-padding .padding-20  .isotope .item,.ux-block.no-padding .padding-25  .isotope .item,.ux-block.no-padding .padding-30  .isotope .item,
.ux-block.no-padding .padding-35  .isotope .item,.ux-block.no-padding .padding-40  .isotope .item,.ux-block.no-padding .padding-45  .isotope .item,
.ux-block.no-padding .padding-50  .isotope .item ,
.ux-block.no-padding .padding-1  ,.ux-block.no-padding .padding-2  ,.ux-block.no-padding .padding-3  ,
.ux-block.no-padding .padding-4  ,.ux-block.no-padding .padding-5  ,.ux-block.no-padding .padding-6  .isotope .item ,
.ux-block.no-padding .padding-7  ,.ux-block.no-padding .padding-10  ,.ux-block.no-padding .padding-15  ,.ux-block.no-padding .padding-17  ,
.ux-block.no-padding .padding-20  ,.ux-block.no-padding .padding-25  ,.ux-block.no-padding .padding-30  ,
.ux-block.no-padding .padding-35  ,.ux-block.no-padding .padding-40  ,.ux-block.no-padding .padding-45  ,
.ux-block.no-padding .padding-50  .isotope .item {   
    border: none!important;  
}
/* animate Hide Button */
.uxclose-button {
    z-index: 9;
    display: block;
    width: 40px;
    height: 40px;
    font-size: 0;
    cursor: pointer;
    transition: .4s;
}
.uxclose-button:after, .uxclose-button:before ,.uxclose-button:after, .uxclose-button:before,section.bl-expand .bl-icon-close:before,section.bl-expand .bl-icon-close:after{
    position: absolute;
    top: 19px;
    left: 11px;
    display: block;
    width: 20px;
    height: 1px;
    background: currentColor;
    content: "";
    transition: transform .25s;
    background: #010101;
    
}
.hdsearchform  .uxclose-button:after,.hdsearchform .uxclose-button:before{
	background: #fff;
}
.uxclose-button:before {
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
}
.uxclose-button:after {
    -webkit-transform: rotate(135deg);
    -ms-transform: rotate(135deg);
    transform: rotate(135deg);
}
.uxclose-button:hover:before,section.bl-expand .bl-icon-close:hover:before {
    -webkit-transform: rotate(0);
    -ms-transform: rotate(0);
    transform: rotate(0);
}
.uxclose-button:hover:after,section.bl-expand .bl-icon-close:hover:after {
    -webkit-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg);
}
.hd-utility .uk-icon.uk-close{
	position: absolute;
    right: 0;
    top: 0;
    margin-top: 15px;
    margin-right: 15px;
    opacity: 1;
}
/* Button Hhover */
.ux-btn:before {
    content: '';
    position: absolute;
    width: 101%;
    height: 101%;
    top: 0;
    left: 0;
    margin: auto;
    background-color: #FF5722;
    transform-origin: right center;
    -webkit-transform-origin: right center;
    -webkit-transform: scale(0,1);
    -khtml-transform: scale(0,1);
    -moz-transform: scale(0,1);
    -ms-transform: scale(0,1);
    -o-transform: scale(0,1);
    transform: scale(0,1);
    -webkit-transition: transform .3s cubic-bezier(.37,.31,.2,.85);
    -khtml-transition: transform .3s cubic-bezier(.37,.31,.2,.85);
    -moz-transition: transform .3s cubic-bezier(.37,.31,.2,.85);
    -ms-transition: transform .3s cubic-bezier(.37,.31,.2,.85);
    -o-transition: transform .3s cubic-bezier(.37,.31,.2,.85);
    transition: transform .3s cubic-bezier(.37,.31,.2,.85);
    z-index: -1; 
}
/* Hover */
.snip1543 {
  background-color: #fff;
  color: #ffffff;
  font-size: 16px;
  margin: 10px;
 
  overflow: hidden;
  position: relative;
  text-align: left;
  width: 100%;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
}

.snip1543 *,
.snip1543 *:before,
.snip1543 *:after {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-transition: all 0.45s ease;
  transition: all 0.45s ease;
}

.snip1543 img {
  backface-visibility: hidden;
  max-width: 100%;
  vertical-align: top;
}

.snip1543:before,
.snip1543:after {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  content: '';
  background-color: #b81212;
  opacity: 0.5;
  -webkit-transition: all 0.45s ease;
  transition: all 0.45s ease;
}

.snip1543:before {
  -webkit-transform: skew(30deg) translateX(-80%);
  transform: skew(30deg) translateX(-80%);
}

.snip1543:after {
  -webkit-transform: skew(-30deg) translateX(-70%);
  transform: skew(-30deg) translateX(-70%);
}

.snip1543 figcaption {
  position: absolute;
  top: 0px;
  bottom: 0px;
  left: 0px;
  right: 0px;
  z-index: 1;
  bottom: 0;
  padding: 15px 40% 25px 35px;
}

.snip1543 figcaption:before,
.snip1543 figcaption:after {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background-color: #b81212;
  box-shadow: 0 0 20px rgba(0, 0, 0, 0.7);
  content: '';
  opacity: 0.5;
  z-index: -1;
}

.snip1543 figcaption:before {
  -webkit-transform: skew(30deg) translateX(-100%);
  transform: skew(30deg) translateX(-100%);
}

.snip1543 figcaption:after {
  -webkit-transform: skew(-30deg) translateX(-90%);
  transform: skew(-30deg) translateX(-90%);
}

.snip1543 h3,
.snip1543 p,.snip1543 .meta {
  margin: 0;
  opacity: 0;
}

.snip1543 h3 {
  font-size: 36px;  
  position: relative;
  margin-top: 0!important;
  color: #fff;
}
.snip1543 h3 a{
	color: #fff;
}
.snip1543 .meta span,.snip1543 .meta a{
	display: inline-block;
	float:none;	
	position: relative;	
	color: #fff!important;
	 
}
.snip1543 .cap-text{
	position: relative;
    width: 100%;
    height: 100%;
}
.snip1543 .meta span.art,.snip1543 .meta a.art{
	color: #ccc!important;
}
.snip1543 .meta{	
    position: absolute;
    bottom: 0;
    margin-bottom: 10px!important;
}

.snip1543 a {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 1;
}

.snip1543:hover h3,
.snip1543.hover h3,
.snip1543:hover p,
.snip1543.hover p {
  -webkit-transform: translateY(0);
  transform: translateY(0);
  opacity: 0.9;
  -webkit-transition-delay: 0.2s;
  transition-delay: 0.2s;
}

.snip1543:hover:before,
.snip1543.hover:before {
  -webkit-transform: skew(30deg) translateX(-20%);
  transform: skew(30deg) translateX(-20%);
  -webkit-transition-delay: 0.05s;
  transition-delay: 0.05s;
}

.snip1543:hover:after,
.snip1543.hover:after {
  -webkit-transform: skew(-30deg) translateX(-10%);
  transform: skew(-30deg) translateX(-10%);
}

.snip1543:hover figcaption:before,
.snip1543.hover figcaption:before {
  -webkit-transform: skew(30deg) translateX(-40%);
  transform: skew(30deg) translateX(-40%);
  -webkit-transition-delay: 0.15s;
  transition-delay: 0.15s;
}

.snip1543:hover figcaption:after,
.snip1543.hover figcaption:after {
  -webkit-transform: skew(-30deg) translateX(-30%);
  transform: skew(-30deg) translateX(-30%);
  -webkit-transition-delay: 0.1s;
  transition-delay: 0.1s;
}
/* Marques */
mmain::before {
	animation: grain 8s steps(10) infinite;
	background-image: url(../img/noise.png);
	content: '';
	height: 300%;
	left: -50%;
	opacity: 0.6;
	position: fixed;
	top: -100%;
	width: 300%;
}

@keyframes grain {
  0%, 100% { transform:translate(0, 0); }
  10% { transform:translate(-5%, -10%); }
  20% { transform:translate(-15%, 5%); }
  30% { transform:translate(7%, -25%); }
  40% { transform:translate(-5%, 25%); }
  50% { transform:translate(-15%, 10%); }
  60% { transform:translate(15%, 0%); }
  70% { transform:translate(0%, 15%); }
  80% { transform:translate(3%, 35%); }
  90% { transform:translate(-10%, 10%); }
}
.mframe {
	padding: 3rem 5vw;
	text-align: center;
	position: relative;
	z-index: 1000;
	line-height: 1;
}

.mframe__title {
	font-size: 1rem;
	margin: 0 0 1rem;
	font-weight: 700;
}

.mframe__links {
	display: inline;
}

.mframe__links a:not(:last-child),
.mframe__demos a:not(:last-child) {
	margin-right: 1rem;
}

.mframe__demos {
	margin: 1rem 0;
}

.mframe__demo--current,
.mframe__demo--current:hover {
	color: var(--color-text);
}

.mmenu {
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	padding: 10vh 0 25vh;
	--marquee-width: 100vw;
	--offset: 20vw;
	--move-initial: calc(-25% + var(--offset));
	--move-final: calc(-50% + var(--offset));
	--item-font-size: 10vw;
	counter-reset: menu;
}

.mmenu__item {
	cursor: default;
	position: relative;
	padding: 0 5vw;
}

.mmenu__item-link {
	display: inline-block;
	cursor: pointer;
	position: relative;
	-webkit-text-stroke: 1.5px #000;
	text-stroke: 1.5px #000;
	-webkit-text-fill-color: transparent;
	text-fill-color: transparent;
	color: transparent;
	transition: opacity 0.4s;
}

.mmenu__item-link::before {
	all: initial;
	font-family: sofia-pro, sans-serif;
	counter-increment: menu;
	content:  counter(menu);
	position: absolute;
	bottom: 60%;
	left: 0;
	pointer-events: none;
}

.mmenu__item-link:hover {
	transition-duration: 0.1s;
	opacity: 0;
}

.mmenu__item-img {
	pointer-events: none;
	position: absolute;
	height: 50vh;
	max-height: 400px;
	opacity: 0;
	left: 100%;
	top: 50%;
	transform: translate3d(calc(-100% - 6vw),-30%,0) translate3d(0,20px,0);
}

.mmenu__item-link:hover + .mmenu__item-img {
	opacity: 1;
	transform: translate3d(calc(-100% - 6vw),-30%,0) rotate3d(0,0,1,4deg);
	transition: all 0.4s;
}

/* Make sure 3 items are visible in the viewport by setting suitable font size. */

.marquee {
	position: absolute;
	top: 0;
	left: 0;
	width: var(--marquee-width);
	overflow: hidden;
	pointer-events: none;
	mix-blend-mode: color-burn;
}

.marquee__inner {
	width: fit-content;
	display: flex;
	position: relative;
	transform: translate3d(var(--move-initial), 0, 0);
	animation: marquee 5s linear infinite;
	animation-play-state: paused;
	opacity: 0;
	transition: opacity 0.1s;
}

.mmenu__item-link:hover ~ .marquee .marquee__inner {
	animation-play-state: running;
	opacity: 1;
	transition-duration: 0.4s;
}

.marquee span {
	text-align: center;
}

.mmenu__item-link,
.marquee span {
	white-space: nowrap;
	font-size: var(--item-font-size);
	padding: 0 1vw;
	font-weight: 900;
	line-height: 1.15;
}

.marquee span {
	font-style: italic;
}

@keyframes marquee {
	0% {
		transform: translate3d(var(--move-initial), 0, 0);
	}

	100% {
		transform: translate3d(var(--move-final), 0, 0);
	}
}

@media screen and (min-width: 53em) {
	.mframe {
		text-align: left;
		display: grid;
		align-content: space-between;
		width: 100%;
		padding: 2.5rem 6vw;
		pointer-events: none;
		grid-template-columns: 75% 25%;
		grid-template-rows: auto;
	}

	.mframe__title-wrap {
		display: flex;
		align-items: start;
	}

	.mframe__info {
		margin: 0;
	}

	.mframe__title {
		margin: 0 1rem 0 0;
	}

	.mframe__links {
		padding: 0;
		justify-self: end;
	}

	.mframe a {
		pointer-events: auto;
	}
}
/* End Marquee */
/* hover line */
.hover-line a,a.hover-line {
    position: relative;
    display: inline;
    background: linear-gradient(to right,currentColor 0%,currentColor 100%);
    background-size: 0px 2px;
    background-position: 0 95%;
    transition: background-size .25s cubic-bezier(.785,.135,.15,.86) 0s;
    padding: .1% 0;
    background-repeat: no-repeat;
    color: inherit;
}
.hover-line:hover  a,a.hover-line:hover {
     background-size: 100% 2px; 
}
ul.slick-slider{
	margin: 0;
}
.slick-dots li button{
	font-size: 0!important;
	padding: 0!important;
}
.ux-block  .slick-prev{
	left: 0;	
}
.ux-block  .slick-next{
	right: 0;	
}
.slick-initialized .slick-slide {
    outline: none;
}
.ux-block .slick-dots li {    
    margin: 0 10px!important;
}
ul.slick-dots{
	margin-top: -35px;
    position: relative;
}
.ux-block .slick-dots li button {
    font-size: 0;
    line-height: 0;
    display: block;
    width: 8px;
    height: 8px;
    padding: 0; 
    border-radius: 100%;
    transition: all 500ms ease;
}
.slick-dots li button:hover, .slick-dots li.slick-active button, .slick-dots li button:focus{
	width: 12px;
	height: 12px;
}
.slick-next:before,.slick-prev:before{
	font-family: 'Linearicons-Free';
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
.ux-block .slick-prev,.ux-block .slick-next {    
    width: 44px;
    height: 44px;
}
.slick-prev:before {
    content: "\e875";
}
.slick-prev:hover:before {
    content: "\e879";
}
.slick-next:before{
	content: "\e876";
}
.slick-next:hover:before{
	content: "\e87a";
}
.ux-block ul{
	padding: 0;
	list-style: none;
}
.ux-block.bg_transparent{
	box-shadow: none!important;
	background: transparent!important;	
}
.elementor-editor-active .ux-gridmannews .boxpreload,.elementor-editor-active .tryfirst-load .loading{
	display: none;	
}
.elementor-editor-active .tryfirst-load .grid-item{
	opacity: 1;
}
/* reset */
.slick-slide img {
    display: block;
    text-align: center;
    margin: 0 auto;
}
/* Curl */
.uxcurl {
	width:20px;
	height:20px;
	position: absolute;
	top:0;
	left:0;
	background : 
		linear-gradient(
			135deg, 
			#fff, 
			#f3f3f3 45%, 
			#ddd 50%, 
			#aaa 50%, 
			#bbb 56%, 
			#ccc 62%, 
			#f3f3f3 80%,
			#fff 100%
		);
	box-shadow : 0 0 10px rgba(0, 0, 0, .15);
	transition: all .5s ease;
}
.uxcurl:before,
.uxcurl:after {
	content: '';
	position: absolute;
	z-index: -1;
	left: 12.5%;
	bottom: 5.8%;
	width: 70%;
	max-width: 300px;
	max-height: 100px;
	height: 55%;
	box-shadow: 0 12px 15px rgba(0, 0, 0, .3);
	transform: skew(-10deg) rotate(-6deg);
}
.uxcurl:after {
	left: auto;
	right: 5.8%;
	bottom: auto;
	top: 14.16%;
	transform: skew(-15deg) rotate(-84deg);
}

.uxcurl:hover {
	width: 24px;
	height: 24px;
}
.uxcurl:hover:before,
.uxcurl:hover:after {
	box-shadow: 0 24px 30px rgba(0, 0, 0, .3);
}
/* Animation */
@-webkit-keyframes Floatingy{
    from {-webkit-transform:translate(0, 0px);}
    65% {-webkit-transform:translate(50px, 0);}
    to {-webkit-transform: translate(0, -0px);}
}
@-moz-keyframes Floatingy{
    from {-moz-transform:translate(0, 0px);}
    65% {-moz-transform:translate(50px, 0);}
    to {-moz-transform: translate(0, -0px);}
}
@-webkit-keyframes Floatingx{
    from {-webkit-transform:translate(50px, 0px);}
    65% {-webkit-transform:translate(0, 0);}
    to {-webkit-transform: translate(50px, -0px);}
}
@-moz-keyframes Floatingx{
    from {-moz-transform:translate(50px, 0px);}
    65% {-moz-transform:translate(0, 0);}
    to {-moz-transform: translate(50px, -0px);}
}

/* bounce-animate */
.bounce-animate {
  animation-name: float-uxani;
  animation-duration: 2s;
  animation-iteration-count: infinite;
  animation-timing-function: linear;
  -moz-animation-name: float-bob;
  -moz-animation-duration: 2s;
  -moz-animation-iteration-count: infinite;
  -moz-animation-timing-function: linear;
  -ms-animation-name: float-bob;
  -ms-animation-duration: 2s;
  -ms-animation-iteration-count: infinite;
  -ms-animation-timing-function: linear;
  -o-animation-name: float-bob;
  -o-animation-duration: 2s;
  -o-animation-iteration-count: infinite;
  -o-animation-timing-function: linear; }

@-webkit-keyframes float-uxani {
  0% {
    -webkit-transform: translateY(-20px);
    transform: translateY(-20px); }
  50% {
    -webkit-transform: translateY(-10px);
    transform: translateY(-10px); }
  100% {
    -webkit-transform: translateY(-20px);
    transform: translateY(-20px); } }
    
/* Button */
.ux-button a{
	display: inline-flex;
	padding: 10px 25px;
	overflow: hidden;		
}
.ux-button .icon-left span {
    padding: inherit;
    position: absolute;
    background: rgba(0,0,0,0.15);
    line-height: inherit;
    top: 0;
    left: 0;
    padding-left: 15px;
    padding-right: 15px;
}

.ux-button a.icon-left  {
    padding-left: 65px;
}

.ux-button .icon-right span {
    padding: inherit;
    position: absolute;
    right: 0;
    background: rgba(0,0,0,0.15);
    line-height: inherit;
    top: 0;
    padding-left: 15px;
    padding-right: 15px;
}
.ux-button a.icon-right  {
    padding-right: 65px;
}
.ux-button svg{
	width: 18px;
}
/* Header Block */
.logo-desktop img {
    z-index: 2;
}
.ux-header.nav-vertical.nav-left.custom-builder{
	width: 0;
}
.ux-header.nav-vertical.nav-left.custom-builder{
	 background: #000;
}

.ux-bgdark .sb-miniscicon ul li a {
	color: #fff;
}
.panel-rsb{
    position: fixed;
    z-index: 100001;
    top: 0;
    right: 0;
    max-width: 100%;
    height: 100%;
    width: 320px;
    background: #fff;    
}
/* Vertical header nice cursor issue */
 body.uxnicecursor.uk-offcanvas-page .cursor__inner--circle,body.uxnicecursor.uk-offcanvas-page .cursor__inner--dot{
 	left:-360px;
 }
 
.mobilnavpost-left .wp-mega-toggle-block{
	position: absolute;
	left: 0;
	right: auto;
}
.mobilnavpost-center .wp-mega-toggle-block{
	position: absolute;
	left: 0;
	right: 0;
	margin: 0 auto;
}
.mobilnavpost-right .wp-mega-toggle-block{
	position: absolute;
	left: auto;
	right: 0;
}
.showmobilnav-no .wpmegamenu-toggle{
	display: none;
}
.hdsb-panelright{
	z-index: 99999;
}
.hdpanelrightcontent{
	position: relative;
	box-sizing: border-box;
}
.panel-rsbsc{
	position: relative;
	z-index: 1;
}
.panel-rsbsc:after,.sbpanelopen:after{
	content: "";
	position: fixed;
	width: 100%;
	height: 100%;
	left: 0;
	top: 0;
	bottom: 0;
	right: 0;
	background: #0c043082;
	z-index: 99;
} 
.panel-rsb .uxclose-button { 
    right: 0;
    position: absolute;
    top: 0;
    margin-top: 10px;
    margin-right: 10px;
}
.hdutility-btn .btn-utilhd{
	width: 108px;
    display: inherit;
    padding: 7px;
    position: relative;
}
.hd-utility .uk-offcanvas {    
    background: rgb(21 15 15 / 77%);    
    margin-right: 415px;
}
.hd-borderline .menu-warpper:after{
	content: " ";
    position: absolute;
    border-bottom: 1px solid #e1e1e13b;
    height: 1px;
    left: -50%;
    right: -50%;	
}

.hd-borderline .hd-logo:after{
	content:"";
	width:1px;
	height:100%;
	position:absolute;
	background: rgba(255, 255, 255, 0.15);
	left: 100%;
	right: 0;
	bottom: 0;
	top: 0;
	 
}
 .hd-borderline .hd-utility{
 	margin: 0!important;
 	height: 100%;
 }
.hd-borderline .hd-utility:before{
	content:"";
	width:1px;
	height:100%;
	position:absolute;
	background: rgba(255, 255, 255, 0.15);
	left: 0;
	right: auto;
	bottom: 0;
	top: 0;
 
}
.hd-borderline .hd-logo {
    position: absolute;
    margin-top: 0;
    bottom: 0;
    height: 100%;
}
.hd-borderline .primary-navigation,.hd-borderline .menu-warpper{
	border-color: rgba(255, 255, 255, 0.15);
}
.style-5a .hdnavleft{
	position: absolute;
    left: 0;
    text-align: left;
    top: 0;
    z-index: 999999;
}
.style-5a .hdnavright{
    position: absolute;
    z-index: 99999;
    right: 0;  
}
.nicescroll-rails.nicescroll-rails-vr .nicescroll-cursors{
	width: 10px!important;
	border-radius:0!important; 
	max-height: 50px;
}
.ux-header .hd-utility svg{
	width:30px;
}
.ani-hamburger{
	position: absolute;
	left: 50%;
	top:50%;
	transform: translate(-50%,-50%);
	padding: 0;	
}
.hdhbb-logo{
	position: absolute;
    z-index: 9;
}
.hd-utility.hd-hbbtn > ul .hd-vline:before { 
    margin-top: 5px;
}
.hd-utility.hd-hbbtn{
	position: absolute;
    right: 95px;
    top: 47px;
    z-index: 10;
}
.hd-creative .hd-utility.hd-hbbtn {
    position: absolute;
    margin-right: 30px;
    top: 15px;
    z-index: 10;
}
.hd-hbbtn .ic-cart span {
	margin-top: -5px;
    top: 0;
    left: 0;
    margin-left: 20px;
    min-width: 16px;    
}
.cart-biglbl{
    min-width: 65px;
    display: block;
    top: 0;
    text-align: left;
    margin-left: 35px;
    position: absolute;
}
.cart-total span{
	left: 0!important;
}
.ic-cart h3.cart-total span{
	background: transparent!important;
}
h3.cart-label{
	font-size: 14px;
}
.woocommerce .widget_shopping_cart .total, .woocommerce.widget_shopping_cart .total {
    border-top: 1px double #ebe9eb;
    padding: 10px 0 0;
    margin-bottom: 45px;
}
.woocommerce-mini-cart__buttons.buttons a,.woocommerce-mini-cart__buttons.buttons a{
	color: #fff!important;
}
.navcart-content a:first-child.button.wc-forward{
	background:  none!important;
	color: #020215!important;  
}
.woocommerce .navcart-content  .widget_shopping_cart .total, .woocommerce.widget_shopping_cart .navcart-content .total {
    border-top: 3px double #ebe9eb;
    padding: 4px 0 0;
    margin-bottom: 35px;
}
.navcart-content a.button.wc-forward{	
    text-transform: uppercase;
    font-size: 14px;
    font-weight: 500!important;
    text-align: center;
}
.navcart-content a.button.wc-forward:hover{
	color: #fff!important;
}
.ani-hamburger{
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-item-align: center;
      align-self: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
          width: 18px;
    height: 14px;
  cursor: pointer;
}
.ani-hamburger div {
  -ms-flex-item-align: end;
      align-self: flex-end;
  height: 1px;
  width: 100%;
  background: #666;
}
.ani-hamburger .meat {
  width: 75%;
  -webkit-transition: all 200ms ease-in-out;
  transition: all 200ms ease-in-out;
}
.ani-hamburger .bottom-bun {
  width: 50%;
  -webkit-transition: all 400ms ease-in-out;
  transition: all 400ms ease-in-out;
}
.ani-hamburger:hover div,body.uk-offcanvas-page .ani-hamburger div{
  width: 100%;
}
.nav-button:hover .top-bun, .ani-hamburger:hover .top-bun,body.uk-offcanvas-page .ani-hamburger .top-bun{
  -webkit-animation: burger-hover 1s infinite ease-in-out alternate;
          animation: burger-hover 1s infinite ease-in-out alternate;
}
.nav-button:hover .meat,.ani-hamburger:hover .meat ,body.uk-offcanvas-page .ani-hamburger .meat {
  -webkit-animation: burger-hover 1s infinite ease-in-out alternate forwards 200ms;
          animation: burger-hover 1s infinite ease-in-out alternate forwards 200ms;
}
.nav-button:hover .bottom-bun, .ani-hamburger:hover .bottom-bun ,body.uk-offcanvas-page .ani-hamburger .bottom-bun{
  -webkit-animation: burger-hover 1s infinite ease-in-out alternate forwards 400ms;
          animation: burger-hover 1s infinite ease-in-out alternate forwards 400ms;
}

@-webkit-keyframes burger-hover {
  0% {
    width: 100%;
  }
  50% {
    width: 50%;
  }
  100% {
    width: 100%;
  }
}

@keyframes burger-hover {
  0% {
    width: 100%;
  }
  50% {
    width: 50%;
  }
  100% {
    width: 100%;
  }
}
.wpmm_megamenu.loaded  #header-wrapper.header .wpmega-horizontal-full-width ul.wp-mega-sub-menu li.wp-mega-menu-header:before{
	content: "";
	position: absolute;
	height: 100%;
	bottom: 0;
	left: 0;
	top: 0;
	width: 1px;
	background: #e1e1e1; 
}
.wpmm_megamenu.loaded  #header-wrapper.header .wpmega-horizontal-full-width ul.wp-mega-sub-menu li:first-child.wp-mega-menu-header:before{
	display: none;
}
.wpmm_megamenu .wp-megamenu-main-wrapper ul .wpmm-sub-menu-wrap ul.wp-mega-sub-menu li.menu-item-depth-1{
	position: relative;
	height: 100%;
}
.hdpanelrightcontent .elm-listing{
	position: relative;
}
.hdpanelrightcontent .lst-title{
	margin-top: 35px;
}
.hdpanelrightcontent h3{
	font-size: 20px;
}
.hd-utility > ul .hd-vline{
	width: 1px!important;
	position: relative;
	margin-left: 0;
	margin-right: 0;
	display: none;
}
.hd-utility.show_hdutilshapeyes:before{
	position: absolute;
    content: '';
    left: 0px;
    top: 0px;
    right: 0px;
    bottom: 0px;
    width: 30%;
    height: 100%;
}
.hd-utility.show_hdutilshapeyes:after{
	position: absolute;
    content: '';
    top: 0px;
    right: 0px;
    bottom: 0px;
    width: 30%;
    height: 100%;
}
.hd-utility > ul .hd-vline:before{
	content: "";
    position: absolute;
    height: 10px;
    width: 1px;
    top: 0;
    left: 0;
    background: #ccc;
    margin-top: 10px;
}
.hdpanel_yes .nav-button{
	position: absolute;
	z-index: 999999;	
}
.elementor-editor-active  .hdpanel_yes .nav-button {
    z-index: 999999;
}
.prodsaved-wishlst{
	cursor: pointer;
}
.ic-prodwishlst{
	position: relative;
}
.ux-hlyellowhi{
	background: -webkit-gradient(linear,left bottom,left top,color-stop(5%,transparent),color-stop(5%,#fdf4b4),color-stop(37%,#fdf4b4),color-stop(37%,transparent));
    background: -webkit-linear-gradient(bottom,transparent 5%,#fdf4b4 5%,#fdf4b4 37%,transparent 37%);
    background: linear-gradient(to top,transparent 5%,#fdf4b4 5%,#fdf4b4 37%,transparent 37%);
    float: left;
}
.ux-hllime{
	background: -webkit-gradient(linear,left bottom,left top,color-stop(5%,transparent),color-stop(5%,#c1fd33),color-stop(37%,#c1fd33),color-stop(37%,transparent));
    background: -webkit-linear-gradient(bottom,transparent 5%,#c1fd33 5%,#c1fd33 37%,transparent 37%);
    background: linear-gradient(to top,transparent 5%,#c1fd33 5%,#c1fd33 37%,transparent 37%);
    float: left;
}
.ux-hlpink{
	background: -webkit-gradient(linear,left bottom,left top,color-stop(5%,transparent),color-stop(5%,#fc5ab8),color-stop(37%,#fc5ab8),color-stop(37%,transparent));
    background: -webkit-linear-gradient(bottom,transparent 5%,#fc5ab8 5%,#fc5ab8 37%,transparent 37%);
    background: linear-gradient(to top,transparent 5%,#fc5ab8 5%,#fc5ab8 37%,transparent 37%);
    float: left;
}
.ux-hlviolet{
	float: left;
	background: -webkit-gradient(linear,left bottom,left top,color-stop(5%,transparent),color-stop(5%,#3714a4),color-stop(37%,#3714a4),color-stop(37%,transparent));
    background: -webkit-linear-gradient(bottom,transparent 5%,#3714a4 5%,#3714a4 37%,transparent 37%);
    background: linear-gradient(to top,transparent 5%,#3714a4 5%,#3714a4 37%,transparent 37%);
}
.ux-hlyellow{
	float: left;
	background: -webkit-gradient(linear,left bottom,left top,color-stop(5%,transparent),color-stop(5%,#feee35),color-stop(37%,#feee35),color-stop(37%,transparent));
    background: -webkit-linear-gradient(bottom,transparent 5%,#feee35 5%,#feee35 37%,transparent 37%);
    background: linear-gradient(to top,transparent 5%,#feee35 5%,#feee35 37%,transparent 37%);
}
.ux-hlyellow-green{
	float: left;
	background: -webkit-gradient(linear,left bottom,left top,color-stop(5%,transparent),color-stop(5%,#defd35),color-stop(37%,#defd35),color-stop(37%,transparent));
    background: -webkit-linear-gradient(bottom,transparent 5%,#defd35 5%,#defd35 37%,transparent 37%);
    background: linear-gradient(to top,transparent 5%,#defd35 5%,#defd35 37%,transparent 37%);
}
.ux-hlpurple{
	float: left;
		background: -webkit-gradient(linear,left bottom,left top,color-stop(5%,transparent),color-stop(5%,#af31f2),color-stop(37%,#af31f2),color-stop(37%,transparent));
    background: -webkit-linear-gradient(bottom,transparent 5%,#af31f2 5%,#af31f2 37%,transparent 37%);
    background: linear-gradient(to top,transparent 5%,#af31f2 5%,#af31f2 37%,transparent 37%);
}
.ux-hltan{
	float: left;
		background: -webkit-gradient(linear,left bottom,left top,color-stop(5%,transparent),color-stop(5%,#f2ddbf),color-stop(37%,#f2ddbf),color-stop(37%,transparent));
    background: -webkit-linear-gradient(bottom,transparent 5%,#f2ddbf 5%,#f2ddbf 37%,transparent 37%);
    background: linear-gradient(to top,transparent 5%,#f2ddbf 5%,#f2ddbf 37%,transparent 37%);
}
.ux-hlpeach{
	float: left;
		background: -webkit-gradient(linear,left bottom,left top,color-stop(5%,transparent),color-stop(5%,#FFE5B4),color-stop(37%,#FFE5B4),color-stop(37%,transparent));
    background: -webkit-linear-gradient(bottom,transparent 5%,#FFE5B4 5%,#FFE5B4 37%,transparent 37%);
    background: linear-gradient(to top,transparent 5%,#FFE5B4 5%,#FFE5B4 37%,transparent 37%);
}
.ux-hlblue{
	float: left;
	background: -webkit-gradient(linear,left bottom,left top,color-stop(5%,transparent),color-stop(5%,#2a82d7),color-stop(37%,#2a82d7),color-stop(37%,transparent));
    background: -webkit-linear-gradient(bottom,transparent 5%,#2a82d7 5%,#2a82d7 37%,transparent 37%);
    background: linear-gradient(to top,transparent 5%,#2a82d7 5%,#2a82d7 37%,transparent 37%);
}
.ux-hlbrown{
	float: left;
	background: -webkit-gradient(linear,left bottom,left top,color-stop(5%,transparent),color-stop(5%,#964B00),color-stop(37%,#964B00),color-stop(37%,transparent));
    background: -webkit-linear-gradient(bottom,transparent 5%,#964B00 5%,#964B00 37%,transparent 37%);
    background: linear-gradient(to top,transparent 5%,#964B00 5%,#964B00 37%,transparent 37%);
}
.ux-hlred{
	float: left;
	background: -webkit-gradient(linear,left bottom,left top,color-stop(5%,transparent),color-stop(5%,#fc0d1b),color-stop(37%,#fc0d1b),color-stop(37%,transparent));
    background: -webkit-linear-gradient(bottom,transparent 5%,#fc0d1b 5%,#fc0d1b 37%,transparent 37%);
    background: linear-gradient(to top,transparent 5%,#fc0d1b 5%,#fc0d1b 37%,transparent 37%);
}
.ux-hlsalmon{
	float: left;
	background: -webkit-gradient(linear,left bottom,left top,color-stop(5%,transparent),color-stop(5%,#f69e94),color-stop(37%,#f69e94),color-stop(37%,transparent));
    background: -webkit-linear-gradient(bottom,transparent 5%,#f69e94 5%,#f69e94 37%,transparent 37%);
    background: linear-gradient(to top,transparent 5%,#f69e94 5%,#f69e94 37%,transparent 37%);
}
.ux-hllight-red{
	float: left;
	background: -webkit-gradient(linear,left bottom,left top,color-stop(5%,transparent),color-stop(5%,#fc6a6c),color-stop(37%,#fc6a6c),color-stop(37%,transparent));
    background: -webkit-linear-gradient(bottom,transparent 5%,#fc6a6c 5%,#fc6a6c 37%,transparent 37%);
    background: linear-gradient(to top,transparent 5%,#fc6a6c 5%,#fc6a6c 37%,transparent 37%);
}
.ux-hlmidnight{
	float: left;
	background: -webkit-gradient(linear,left bottom,left top,color-stop(5%,transparent),color-stop(5%,#000066),color-stop(37%,#000066),color-stop(37%,transparent));
    background: -webkit-linear-gradient(bottom,transparent 5%,#000066 5%,#000066 37%,transparent 37%);
    background: linear-gradient(to top,transparent 5%,#000066 5%,#000066 37%,transparent 37%);
}
.ux-hlaqua{
	float: left;
	background: -webkit-gradient(linear,left bottom,left top,color-stop(5%,transparent),color-stop(5%,#0b57a4),color-stop(37%,#0b57a4),color-stop(37%,transparent));
    background: -webkit-linear-gradient(bottom,transparent 5%,#0b57a4 5%,#0b57a4 37%,transparent 37%);
    background: linear-gradient(to top,transparent 5%,#0b57a4 5%,#0b57a4 37%,transparent 37%);
}
.ux-hlblue-violet{
	float: left;
	background: -webkit-gradient(linear,left bottom,left top,color-stop(5%,transparent),color-stop(5%,#3714a4),color-stop(37%,#3714a4),color-stop(37%,transparent));
    background: -webkit-linear-gradient(bottom,transparent 5%,#3714a4 5%,#3714a4 37%,transparent 37%);
    background: linear-gradient(to top,transparent 5%,#3714a4 5%,#3714a4 37%,transparent 37%);
}
/*Header Logo Center */
.ux-header.style-5a .hd-logo{	
    left: 0;
    right: 0;
    margin: 0 auto;
    text-align: center;
}
 .ux-header.not-navright .hd-logo{
	position: relative;
}
/* Header Block: search form */
.hdsearchform{
	position: relative;
}
.hdsearchform.s1 .hd-searchform form .search-input {
    width: 100%;
    height: 100px;
    margin: 0 auto;
    margin-top: 0;
    text-align: center;
    background: transparent;
    border: none!important;
    color: #fff;
    font-size: 20px;
}

.hdsearchform.s1 .hd-searchform {
    position: absolute;
    width: 350px;
    height: 200px;
    left: 100%;
    bottom: 0;
    z-index: 999999;
    top: 0;
    background: rgba(0, 0, 0, 0.88);
    float: right;
    margin-left: -350px;
}
ul.wp-mega-sub-menu  li a ,ul.sub-menu  li a{
    -webkit-transition: all 300ms linear 0ms !important;
    -khtml-transition: all 300ms linear 0ms !important;
    -moz-transition: all 300ms linear 0ms !important;
    -ms-transition: all 300ms linear 0ms !important;
    -o-transition: all 300ms linear 0ms !important;
    transition: all 300ms linear 0ms !important;
}

.debug-bar-maximized .hdsearchform.s1 .close-hdsearchform {
    margin-top: 0;
}
/* Search Form 1 */
.hdsearchform.hds-style1 form .ipuval {
	width: 90%!important;
	display: none!important;
}
.hdsearchform.hds-style1 form .search-input {
    width: 90%!important;
    height: 100px;
    margin: 0 auto;
    text-align: center;
    background: transparent;
    border: none!important;
    color: #fff;
    font-size: 50px;
    max-width: 1000px;
    text-align: left;
    padding-left: 0;
}
.hdsb-panelright {
    width: 370px;
    height: 100%;
    position: fixed;
    background: white;
    right: 0;
    top: 0;
    z-index: 99999;
}
.hdsb-panelright .uxclose-button,.hdsb-panelright .rsbuxclose-button{
    position: absolute;
    top: 0;
    right: 0;
    margin-top: 15px;
    margin-right: 15px;
} 
.hdsearchform.hds-style1 .close-hdsearchform {   
    background-color: #553BF9!important;
}
.hdsearchform.hds-style1 .ux-position-r {
    position: absolute;
    right: 0px;
    margin-top: 0;
    margin-right: 0;
}
.searchform-perpective .hd-searchform {   
    width: 100%;
    height: 100%;
    left: 0;
    bottom: 0;
    z-index: 1;
    right: 0;
    top: 0;
    background: rgba(0, 0, 0, 0.95);
     
    position: absolute;
    bottom: 0;
}
.searchform-perpective .hd-searchform form{
	margin-top: 0;
}
.main-wrap{
	transform: perspective(1000px);
	transition: transform 0.6s;
	transition-timing-function: cubic-bezier(0.2,1,0.3,1);
	position: relative;
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 100%;
    height: 100vh;
    background-color: #22295f;
    background-repeat: no-repeat;
    background-position: 50% 10em;
    background-size: 75% auto;
    z-index: 9;
}
.searchform-perpective .ux-position-r {
    position: absolute;
    right: 0px;
    margin-top: 10px;
    margin-right: 10px;
}

.main-wrap--move {
	transform: perspective(1000px) translate3d(0,50vh,0) rotate3d(1,0,0,30deg);
}

.search-esc {
    font-size: 13px;
    display: block;
    margin: 0 auto;
    padding: 1em 0;
    text-align: right;
    color: #ccc;
}
.search-esc:hover{
	color: #fff;
}
 .searchform-perpective.hds-style3 .hd-searchform form .search-input, .searchform-perpective.hds-style4 .hd-searchform form .search-input {
    width: 90%;
    height: 110px;
    margin: 0 auto;
    margin-top: 10%;
    text-align: center;
    background: transparent;
    border: none!important;
    color: #fff;
    font-size: 35px;
    max-width: 900px;
    border-bottom: 2px solid #fff!important;
    text-align: left;
    padding-left: 0;
}
.searchform-perpective.hds-style3 .search-esc,.searchform-perpective.hds-style4 .search-esc{
	width: 90%;
	max-width: 900px;
	text-align: left;	
}

/* HD Search 4*/
.page-pp4 {
    position: relative;
    perspective: 1200px;
    perspective-origin: 50% -50%;
}
 .page__folder {
	transition: transform 1s;
	transition-timing-function: cubic-bezier(0.2, 1, 0.3, 1);
}

.page__folder--dummy {
	transform: translate3d(0px, 100vh, 0);
}

.page--move4 .page__folder:first-child {
	transform: translate3d(0px, 75vh, -300px);
	background: #E0E0E0;
}

.page--move4 .page__folder:nth-child(2) {
	transform: translate3d(0px, 75vh, -250px);
	background: #BDBDBD;
}

.page--move4 .page__folder:nth-child(3) {
	transform: translate3d(0px, 75vh, -200px);
	    background: #9e9e9e;
}

.page--move4 .page__folder:nth-child(4) {
	transform: translate3d(0px, 75vh, -150px);
}
.page__folder4 {
    transition: transform 1s;
    transition-timing-function: cubic-bezier(0.2, 1, 0.3, 1);
    transform: translate3d(0px, 75vh, -150px);
}
.page__folder--dummy {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
.searchform-perpective .hd-searchform{
	background: #101f26!important;
}
html.page-pp4.page--move4{
	background: #121212;
}
.main-wrap4 {
    position: relative;
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 100%;
    height: 100vh;
    background-color: #22295f;
    background-repeat: no-repeat;
    background-position: 50% 10em;
    background-size: 75% auto;
        z-index: 2;
}
/* Drop down menu item hover effect: horizon color line */

.hline-hveffect ul.wp-mega-sub-menu li a > span:after,.hline-hveffect ul.sub-menu li a > span:after {
    position: relative;
    bottom: 0;
    content: " ";
    display: block;
    height: 2px;
    transition: all 0.7s ease-in-out;
    -webkit-transition: all 0.7s ease-in-out;
    transform: scaleX(0);
    transform-origin: right center;
    width: 100%;
    left: 0;
}
.hline-hveffect ul.wp-mega-sub-menu li a > span:hover:after,.hline-hveffect ul.sub-menu li a > span:hover:after {
    width: 100%;
    transform: scaleX(1);
    transform-origin: left center;
    transition: transform 0.5s ease-in-out;
}
 
/* Drop down menu item hover effect: vertical color line */

.vline-hveffect  ul.wp-mega-sub-menu li:after,.vline-hveffect  ul.sub-menu li:after {
    content: '';
    display: inline-block;
    height: 0;
    width: 4px;
    vertical-align: middle;
    margin-right: 0;
    opacity: 0;
    visibility: hidden;
  
    -webkit-transition: height .4s,opacity .4s ease,top .4s ease;
    -o-transition: height .4s,opacity .4s ease,top .4s ease;
    -moz-transition: height .4s,opacity .4s ease,top .4s ease;
    transition: height .4s,opacity .4s ease,top .4s ease;
    position: absolute;
    top: 50%;
    left: 0;
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -ms-transform: translateX(0);
    -o-transform: translateX(0);
    transform: translateX(0);
    
}
.vline-hveffect ul.wp-mega-sub-menu li:hover:after,.vline-hveffect ul.sub-menu li:hover:after{
    top: 0;
    height: -webkit-calc(100%);
    height: -moz-calc(100%);
    height: calc(100%);
    visibility: visible;
    opacity: 1;
}  
.ux-header .menu-warpper .hd-utility ,.ux-header.hdtool-only .menu-warpper .hd-utility{
    margin-top: auto;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
}
/* Dashed */
.pushdash-hveffect  ul.wp-mega-sub-menu li a:before,.pushdash-hveffect  ul.sub-menu li a:before {
    -webkit-transition: all 300ms linear 0ms;
    -khtml-transition: all 300ms linear 0ms;
    -moz-transition: all 300ms linear 0ms;
    -ms-transition: all 300ms linear 0ms;
    -o-transition: all 300ms linear 0ms;
    transition: all 300ms linear 0ms;
    content: '';
    width: 9px;
    height: 2px;
    position: absolute;
    top: 50%;
    -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%);
    left: 0;
    opacity: 0;
    margin-left: 30px;
    margin-top: -1px;
}
.pushdash-hveffect  ul.wp-mega-sub-menu li:hover > a:before,.pushdash-hveffect  ul.sub-menu li:hover > a:before{
    opacity: 1;
}
.pushdash-hveffect  ul.wp-mega-sub-menu  li:hover >a,.pushdash-hveffect  ul.sub-menu  li:hover >a{
	padding-left: 20px;
}

/* Push Arrow */
.pusharrow-hveffect  ul.wp-mega-sub-menu  li a:before,.pusharrow-hveffect  ul.sub-menu  li a:before {
    content: "\e87a";
    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: 14px;
    -webkit-transition: all .2s linear 0ms;
    -khtml-transition: all .2s linear 0ms;
    -moz-transition: all .2s linear 0ms;
    -ms-transition: all .2s linear 0ms;
    -o-transition: all .2s linear 0ms;
    transition: all .2s linear 0ms;
    opacity: 0;
    margin-top: -1px;
}
.pusharrow-hveffect  ul.wp-mega-sub-menu li:hover > a:before,.pusharrow-hveffect   ul.sub-menu li:hover > a:before{
    left: 0;
    opacity: 1;
}
.pusharrow-hveffect  ul.wp-mega-sub-menu  li:hover >a,.pusharrow-hveffect  ul.sub-menu  li:hover >a{
	padding-left: 50px!important;
}

/* Push with Plus Icon */
.plus-hveffect  ul.wp-mega-sub-menu  li a:before,.plus-hveffect  ul.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 .3s linear 0ms;
    -khtml-transition: all .3s linear 0ms;
    -moz-transition: all .3s linear 0ms;
    -ms-transition: all .3s linear 0ms;
    -o-transition: all .3s linear 0ms;
    transition: all .3s linear 0ms;
    opacity: 0;
    margin-top: -8px;
}
.plus-hveffect  ul.wp-mega-sub-menu li:hover > a:before,.plus-hveffect  ul.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: 0px;
}
.plus-hveffect  ul.wp-mega-sub-menu  li:hover >a,.plus-hveffect  ul.sub-menu  li:hover >a{
	padding-left: 50px!important;
}

/* Text Animate Block */
.ux-textani h1{
	margin-top: 15px;
}
/* On Dark BG */
.on-darkbg .widget-top span{
	color: #fff;	
}
.form label{
	margin-bottom: 10px;
    color: #555;
   
}
.ondarkbg.form label{
	color:#fff;	
}
.on-darkbg input[type="text"],.on-darkbg input[type="email"],.on-darkbg   input[type="password"], .on-darkbg input[type="search"]{
	height:40px;
	line-height: 40px;	
}
/* Empty Block */
.ux-empty-block {
	min-height: 1px;
}
.box-loading{
	display: none;
}
/* Hd cart */
.hd-utility .widgettitle{
	display: none;
}
.photo-boxtilt img.photo-boxtilt{
	position: absolute;	
} 
/* Autosuggestion */
.displaysugg-warper{
	display: none;
	border: 30px solid #fff;
	position: absolute;
    background: #fff;
	 width: 320px;
	-webkit-box-shadow: 0px 0px 60px 0px rgba(0,0,0,0.15);
    -moz-box-shadow: 0px 0px 60px 0px rgba(0,0,0,0.15);
    box-shadow: 0px 0px 60px 0px rgba(0,0,0,0.15);
    right: 0px;
    z-index: 999;
    max-height: 320px;
     overflow: hidden;     
    min-height:100px;
    overflow-y: scroll;   
}
#displaysugg{
    width: 100%;
    margin-right: 0;   
    z-index: 999;  
    right: 0;    
}
.news-autosugestion .box-loading {    
    position: absolute;
    z-index: 9999;
    margin-left: -30px;
}
.news-autosugestion .nicescroll-cursors {
	background-color:#999; 
}
.news-autosugestion .form-close{
    margin-top: 25px;
    position: absolute;
    z-index: 9999;
    right: 0;
    margin-right: 10px;
    cursor: pointer;
}
.minibox.autosugg{
    margin: 0 auto;
}
.list-advance-search.autosugg .btn {
    padding: 0px 20px;
    margin: 0;
    margin-right: 5px!important;
    border-radius: 0 3px 3px 0;
    line-height: 40px;
    margin-top: 0px;
    margin-bottom: 0;
    bottom: 0;
}
.list-advance-search.autosugg input[type="text"]{
    border: 1px solid #ccc;
    color: #888;
    border-radius: 0;
    height: 40px;
    line-height: 40px;
}
#displaysugg .display_box:first-child{
	border-top: none!important;
}
.uxautosugg{
	min-width: 360px;
}
.list-advance-search.minibox.autosugg{
	padding-right: 5px;
}
.list-advance-search.minibox.autosugg .box-container{
	padding-right: 95px;
}
.autosugg .ux-hide{
	display: none;	
}
.display_box {
    display: block;
    width: 100%;
    padding-top: 5px;
    padding-bottom: 5px;
    position: relative; 
}
.display_box h3{
	font-size: 15px;
    margin-top: 5px;
}
.autosugg .text-r{
	position: absolute;
	margin-left: 90px;
	margin-top: 5px;
	padding-right: 15px;
}
.autosugg .text-r .property-info{
	border-top:none!important; 
	margin-top: -5px;
	margin-bottom: 10px;
}
.autosugg .text-r h3{
	font-size: 16px; 
}
.autosugg .text-r h3 b{
	 
}
#displaysugg .small-thumb{
	overflow: hidden;
    position: relative;
    margin-bottom: 10px;
    margin-top: 10px;
    margin-right: 25px;
    width: 65px!important;
}
#displaysugg .text-r{
	position: absolute;
    top: 0;
    margin-left: 85px;
    margin-top: 5px;
}

/* Contact form */
.ux-contac7.ux-box .single-line .wpcf7-not-valid-tip{
	position: relative;
}
.ux-contac7 .wpcf7  .wpcf7-response-output {
    margin: 50px 0 25px 0;
}
.ux-contac7 .wpcf7-form .single-line{
	position: relative;
    max-width: 360px;
    margin-bottom: 20px;
    width: 100%;
    padding-right: 0;
    display: contents;
} 
.ux-contac7 .wpcf7-form .single-line .icon-submit{
	position: absolute;
    top: 0;
    right: 0;
    line-height: 40px;
    bottom: 0;
}
.ux-contac7.btnicon-yes .wpcf7-form .single-line  .icon-submit:after {
    font-weight: 400;
    font-family: 'Font Awesome 5 Free';
    font-size: 22px;
    position: absolute;
    top: 0;
    right: 25px;
    color: #fff;
    text-align: center;
    z-index: 1;
    top: 0;
    right: 0;
    margin-top: 0;
    line-height: 40px;
}
.wrap-forms textarea {
    width: 100%;
    min-height: 150px;
}
.wrap-forms label {
   	font-size: 13px!important;
    margin-bottom: 5px!important;
    min-width: 100px!important;
    display: block;  
}
.wrap-forms .header.title h2{
	font-size: 15px;
    line-height: 23px;
    margin-top: 20px;
    margin-bottom: 10px;
    text-transform: uppercase; 
}
.form-wrapper input[type="submit"]{
    border: none;
    font-size: 12px;
    padding: 3px 25px;
    color: #fff;
    line-height: 30px;
    border-radius: 0;    
    text-transform: uppercase;
    background: #222;
    margin-top: 20px;
}
div.wpcf7 form > p{
	margin-bottom: 0;
}
.contac7.s1 label{
	width:100%;
}
.ux-contac7.s1 .wpcf7-submit {
    margin-top: 17px;
    font-size: 16px;
   line-height: 46px; 
   height: auto;      
}
.ux-contac7.s1 .wpcf7-submit,.ux-contac7.s1 .wpcf7-submit:active,.ux-contac7.s1 .wpcf7-submit:focus{
	outline:none;
}
.ux-contac7.s1 .contact-page .uk-width-medium-1-1 input[type="text"] {
    margin-top: 17px;
}
.ux-contac7.ux-box form{
	padding-bottom:1px;
}
.wpcf7-submit,.wpcf7-form-control.wpcf7-submit{
	   line-height: 46px;  
}
.ux-contac7.s1 input[type="text"],
.ux-contac7.s1 input[type="text"],.ux-contac7.s1 input[type="email"],
.ux-contac7.s1 input[type="password"],
.ux-contac7.s1 select,
.ux-contac7.s1 input[type="search"] ,.ux-contac7.s1 input[type="date"]{	 
	margin-bottom: 0;
    margin-top: 17px;
    outline: none;
}
 
.ux-contac7.s1 textarea,.ux-contac7 textarea{
	min-height: 100px;
	width: 100%;
	margin-top: 33px;
	outline: none;
	padding-top: 10px;
}


/* Contact 7 form Style 2: Dark BG, transparent */
.ux-contac7.ux-box.s2 input[type="text"],.ux-contac7.ux-box.s2 input[type="email"],.ux-contac7.ux-box.s2 textarea,.ux-contac7.ux-box.s2 input[type="password"],.ux-contac7.ux-box.s2 select,.ux-contac7.ux-box.s2 input[type="search"]{
	border: none;
	margin-bottom: 10px;
	margin-top: 5px;
}
.ux-contac7.ux-box.s2 .form-warper{
	max-width: 700px;
    margin: 0 auto;
    display: block;
    background: #00000052;
    padding: 35px;
}
.ux-contac7.s1 label{
	width: 100%;
}
.ux-contac7.ux-box.s2 .uk-width-1-1{
	width: 100%;
}
.ux-contac7.ux-box.s2 .uk-width-1-1 textarea{
	width: 100%;
	min-height: 100px;
    margin-bottom: 15px;
    border: none;
}
.ux-contac7.ux-box.s2 label{
	color: #ccc;
    line-height: 30px;
    width: 100%;
    float: left;
    text-transform: uppercase;
    font-size: 11px;
}
.ux-contac7.ux-box.s2 label{	 
    text-transform: uppercase;
    
 
}
.ux-contac7.ux-box.s2 label span{
	text-transform: capitalize;
	color: #999;
}
.ux-contac7.ux-box.s3 input[type="submit"]{
	position: absolute;
	top: 0;
	right: 0;
	margin-top: 20px;
	outline: none;
}
 
.wpcf7-submit {
    display: inline-block;
    padding: 10px 35px;
    margin-bottom: 0;   
    line-height: 1.42857143;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    -ms-touch-action: manipulation;
    touch-action: manipulation;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    background-image: none;
    border: 1px solid transparent;
    text-transform: uppercase;
}
.btnicon-yes .icon-submit:after{
	content: "\f1d8";
	position: absolute;
}
.btnicon-yes .wpcf7-submit{
	text-indent: -10000px;
    width: 70px;
    cursor: pointer;
    z-index: 3;
}
.btnicon-yes .icon-submit:before, .btnicon-yes .icon-submit:after {
    font-weight: 400;
    font-family: 'Font Awesome 5 Free';
    /* width: 75px; */
    font-size: 22px;
    position: absolute;
    top: 0;
    right: 25px;
    color: #fff;
    text-align: center;
    z-index: 1;
    margin-top: 40px;
}
/*
.btnicon-yes .icon-submit:hover:after{
	-o-animation: toRight .3s forwards;
    -ms-animation: toRight .3s forwards;
    -webkit-animation: toRight .3s forwards;
    animation: toRight .3s forwards;
 
}
*/
.ux-contac7.ux-box.btnicon-yes input[type="submit"],.ux-contac7.ux-box.btnicon-yes input[type="submit"]:hover{
	background: none!important;
}
.ux-contac7 .wpcf7-not-valid-tip{
	margin-top: 15px;
}
.ux-contac7 .wpcf7 form .wpcf7-response-output {
    margin: 15px 0 25px 0;
    padding: 0;
    border: none;
}
.ux-contac7 .wpcf7 .wpcf7-form.sent .ipuval.animated{
	display: none;
}
.gm-style-iw.resize-contacmap {
    width: 450px !important;
    margin-top:11px;
    padding-left: 25px;
}
.gm-svpc img{
	position: relative!important;
}
.ux-infowindow.contac-elm .thumbnail{
	    position: absolute;
    width: 50%;
    margin-left: -45px;
    margin-top:-27px;
}
.gm-style-iw-c.resize-contacmap button.gm-ui-hover-effect{
	top: 5px!important;
    right: 6px!important;
}
.ux-infowindow.contac-elm .text-info{
	margin: 0 0 0 49%;
    position: relative;
 
}
.ux-infowindow.contac-elm .text-info p{
	font-size: 15px!important;
	margin-bottom: 5px;
	
}
.ux-infowindow.contac-elm .thumbnail {    
    padding-right: 20px;
}
.ux-infowindow h3.ux-title,.ux-infowindow.contac-elm .text-info p,.ux-infowindow.contac-elm .text-info h3{
	padding-left: 55px!important;
}
.ux-infowindow h3.ux-title,.ux-infowindow.contac-elm .text-info p {
    margin-top: 15px;
    margin-bottom: 15px;
}
.ux-infowindow.contac-elm .text-info i{
	color: #999;
    position: absolute;
    left: 0;
    line-height: 23px;
    text-align: center;
    width: 35px;
    margin-right: 35px;
    text-align: center;
    background: #dddddd8f;
    height: 35px;
    line-height: 35px;
    border-radius: 100%;
    margin-top: -5px;
}
.ux-infowindow.contac-elm .text-info {
    margin: 0px 0 0 47%;
}
.gm-style-iw.resize-contacmap .gm-style-iw-c{
	padding: 20px;
}
.ux-infowindow.contac-elm .text-info h3{
	padding: 0;
}
/* Alert Box */
.box-container.uk-alert > div{
	padding: 15px 35px;
}
.uk-alert .uk-close:first-child {
    float: right;
}
/* Divide */
.ux-divide span{
	display: block;
}

/* Listing Pro*/
h3.ux-hlisting{
	font-size: 20px;
 	position: relative;
    display: block;
	margin:0;
}
.ux-hlisting h3{
	margin-top:0;
	margin-bottom: 0; 
}
 
h3.ux-hlisting.text-rev span.ux-ani.animated,h3.ux-hlisting.text-rev span{
	display: inline-block;
}

.elementor-editor-active h3.ux-hlisting.text-rev span span{
	position: relative;
}
.elementor-editor-active h3.ux-hlisting span span span{
	position: absolute;
}
.show-titmaskyes,.ux-hlisting{
	z-index: 2;
}
.titmask-warpper{
	position: absolute;
	width: 100%;
}
.titmask-warpper h2{	 
    -webkit-text-stroke-width: 1px;
    -webkit-text-stroke-color: #fff;
	}
.tit-mask {
    font-weight: 900;
    color: #cccccc;
    line-height: 1em;
    opacity: .6;
    margin: 0;
    /* z-index: -1; */
    font-size: 6em;
    position: absolute;
    text-align: center;
    margin: -65px auto 0;
    left: 0;
    right: 0;
    z-index: 1;

}

/* Our Client Logo */
.logo-behind{
	position: absolute;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
}
.ux-hvaniinout.fadeInDown{
	display: block;
	opacity: 1;
}
.ux-clientlogos .box-containers{
	padding: 0;
}
.ux-clientlogo ul li{
	list-style: none;
}
.ux-clientlogo .owl-carousel ul li a{
	margin: 0;
}
.crousel-style.item-padding-1{
	margin-left: -1px;
	margin-right: -1px;
}
.crousel-style.item-padding-1 .slick-slide{
	padding-left: 1px;
	padding-right: 1px;
}
.crousel-style.item-padding-5{
	margin-left: -5px;
	margin-right: -5px;
}
.crousel-style.item-padding-5 .slick-slide{
	padding-left: 5px;
	padding-right: 5px;
}
.crousel-style.item-padding-10{
	margin-left: -10px;
	margin-right: -10px;
}
.crousel-style.item-padding-10 .slick-slide{
	padding-left: 10px;
	padding-right: 10px;
}
.crousel-style.item-padding-15{
	margin-left: -15px;
	margin-right: -15px;
}
.crousel-style.item-padding-15 .slick-slide{
	padding-left: 15px;
	padding-right: 15px;
}
.crousel-style.item-padding-20{
	margin-left: -20px;
	margin-right: -20px;
}
.crousel-style.item-padding-20 .slick-slide{
	padding-left: 20px;
	padding-right: 20px;
}
.crousel-style.item-padding-25{
	margin-left: -25px;
	margin-right: -25px;
}
.crousel-style.item-padding-25 .slick-slide{
	padding-left: 25px;
	padding-right: 25px;
}

/* Our testomation */
.jq-ry-container>.jq-ry-group-wrapper>.jq-ry-group.jq-ry-rated-group { 
    color: #ffad00;
}
.ux-block .jq-ry-container{
	padding: 0;
}
.ux-itemrate{
	margin-top:15px; 
	margin-bottom:15px;
}
.ux-testomation.style2 .ux-itemrate {
    margin-top: 35px;
    margin-bottom: 20px;
}

.ux-testomation.style1 blockquote p,.ux-testomation.style1 .company .grey{
    color: #999;
}
.testo-item blockquote {
    outline: none;
    border: navajowhite;
}
.testo-item blockquote h3{
	font-size: 15px;	
	font-weight: 600;
}
.ux-testomation blockquote:before {
	font-size: 8em;
}
.ux-testomation.style1 blockquote,.ux-testomation .job{
	padding:45px 35px 65px;
    background: #f5f5f5;
    color: #fff;
    margin: 0 10px;
    border: none;
}
.ux-testomation blockquote{
	position: relative;
}
.ux-testomation.iconstyle-df blockquote:before {
    content: "\7b";
    position: absolute;  
    margin: 0 auto;  
    font-family: 'ElegantIcons';
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;     
    font-size: 100px;
    color: #ff6600;
    bottom: 0;
    right: 0;
    margin-right: 15px;
    color: rgba(0,0,0,0.15)!important;
}

.ux-testomation.iconstyle-df .testo-item blockquote:before {
    content: "\7b";
    position: absolute;   
    margin: 0 auto;    
    font-family: 'ElegantIcons';
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    /* margin-left: -40px; */
    font-size: 100px;
    color: #ff6600;
    bottom: 0;
    right: 0;
    margin-right: 15px;
    color: rgba(0,0,0,0.15)!important;
}
.ux-testomation .uxitem-bound{
	position: relative;
}
.ux-testomation .uxitem-bound blockquote,.ux-testomation .uxitem-bound h2,.ux-testomation .uxitem-bound h3,.ux-testomation .uxitem-bound p,.ux-testomation .uxitem-bound .testoma-right h3{
	z-index: 2;
    position: relative;
    
}
.ux-testomation .uxitem-bound .testoma-right h3 {    
    margin-bottom: 5px;
}
.ux-testomation.style1.a blockquote:before ,.ux-testomation.style2.a blockquote:before{
    text-align: center;
    top: 0;
    margin: 0 auto;
    left: 0;
    right: 0;
    bottom: auto;
}
.ux-testomation.style1.b blockquote:before,.ux-testomation.style2 blockquote:before {
    text-align: center;
    top: auto;
    margin: 0 auto;
    left: 0;
    right: 0;
    bottom: 0;
}
 .ux-testomation.style2c .testoma-right, .ux-testomation.style2c blockquote{
 	padding-left: 35px;
 	padding-right: 35px;
 }
  .ux-testomation.style2c .uxitem-bound {
  	padding-top: 35px;
  	padding-bottom: 35px;
  }
.ux-testomation.style1 .author-avatar{
	    float: left;
    margin-top: -50px;
    z-index: 1;
    position: relative;
    margin-left: 45px;
}
.ux-testomation.style1 .author-avatar  img{
	width: 100px;
    border-radius: 100%;
    height: 100px;
}
.ux-testomation.style1  .testoma-right{
	float: left;
    padding-left: 0;
    padding-top: 0;
    margin-top: 30px;
    margin-left: 20px;
}
.ux-testomation.style1  .testoma-right h3{
	margin-bottom: 5px;
    margin-top: 10px;
}
.ux-testomation.style1 .testoma-right h3.name{
	margin-bottom: 5px;
    margin-top: 5px;
}
.ux-testomation.style1 .ux-rateyo{
	float: right;
}
.ux-testomation.style1.a .author-avatar{
    float: left;
    z-index: 1;
    position: relative;
    margin-left: 45px;
    margin: 0 auto;
    text-align: center;
    float: none;
    top: -40px;
}
 .ux-testomation.style1.b .author-avatar {
    float: left;
    z-index: 1;
    position: relative;
    margin-left: 45px;
    margin: 0 auto;
    text-align: center;
    float: none;
    top: 35px;
}
.ux-testomation.style1.b blockquote {
    padding: 60px 35px 45px;
}
.ux-testomation.style1.a .testoma-right{
    padding-left: 0;
    padding-top: 0;
    margin-top: -20px;
    margin-left: 0;
    text-align: center;
    float: none;
}
.ux-testomation.style1.b .testoma-right {
    padding-left: 0;
    padding-top: 0;
    margin-top: 40px;
    margin-left: 0;
    text-align: center;
    float: none;
}
.ux-testomation.style1.a .uxitem-bound,.ux-testomation.style1.b .uxitem-bound{
	text-align: center;
}
.ux-testomation.style1.a .ux-rateyo{
    float: none;
    margin: 0 auto;    
    margin-bottom: 15px;
    margin-top: 15px;
}
.ux-testomation.style1.b .testo-icon {
    position: absolute;
    top: auto;
    right: 0;
    left: 0;
    bottom: -20px;
}
.ux-testomation.style1.b .ux-rateyo {
    float: none;
    margin: 0 auto;
    margin-top: 20px;
    color: #ccc;
}

.ux-testomation.style2 .ux-itemrate .ux-rateyo{
	margin: 0 auto;
	text-align: center;
}

.ux-testomation.style2 blockquote{
	padding: 45px 35px;
	text-align: center;
}
.ux-testomation.style2 .author-avatar{	
    z-index: 1;
    position: relative;
    margin-left: 15px;
    margin: 0 auto;
    width: 100%;
}
.ux-testomation.style2 .author-avatar  img{
	width: 100px;
    border-radius: 100%;
    margin: 0 auto;
    margin-bottom: -50px;
    height: 100px;
}
.ux-testomation.style2 .testo-icon,.ux-testomation.style2.a .testo-icon  {
    position: absolute;
    top: auto;
    right: 0;
    left: 0;
    bottom: -30px;
}
.ux-testomation.style2b .testo-icon {
    position: absolute;
    z-index: 1;
    right: 30px;
    bottom: 15px;
}
.ux-testomation.style2c .testo-icon {
    position: absolute;
    z-index: 1;
    right: 0;
    bottom: 35px;
}
.ux-testomation.style2  .testoma-right{
    padding-left: 0;
    padding-top: 15px;
    margin: 0 auto;
    text-align: center;
    width: 100%;
}
.ux-testomation.style2e .testo-iconwarper{
	position: relative;
	display: block;
    min-width: 150px;
    min-height: 150px;
}
.ux-testomation.style2e  .testo-icon {
       position: absolute;
    z-index: 1;
    right: 0;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    text-align: center;
    padding: 0;
}
 .ux-testomation.style2e  .avatar-thumb{
 	width: 60px;
    height: 60px;
    border-radius: 100%;
    float: left;
    margin-top: 20px;
    z-index: 1;
    position: relative;
    overflow: hidden;
 }
 .ux-testomation.style2e .text-desc{
  	position: absolute;
    margin-left: 85px;
    margin-top: 7px;
 }
  .ux-testomation.style2e .ux-itemrate {
    margin-top: 5px;
    margin-bottom: 15px;
}
.ux-testomation.style2d .uxitem-bound,.ux-testomation.style2e .uxitem-bound {
    position: relative;
    padding: 35px;
}
.ux-testomation.style2d blockquote,.ux-testomation.style2e blockquote {
    padding-left: 0;
}
.ux-testomation.style2  .testoma-right h3,.ux-testomation  .testoma-right h3{
	margin-bottom: 10px;
    margin-top: 10px;    
    
}
.ux-testomation.style2 .testoma-right h3.name{
	margin-bottom:10px;
	font-weight: 600;
}
.ux-testomation.style2.a .uxitem-bound{
	padding: 45px 35px; 
	margin-bottom: 35px;
}
.ux-testomation.style2.a blockquote{
	padding: 0; 
}
.ux-testomation.style2.a  .ux-itemrate{
        margin-top: 30px;
    margin-bottom: 15px;
}
.ux-testomation.style2b .uxitem-bound {
	padding: 40px;
	overflow: hidden;
}
.ux-testomation.style2b blockquote{
	padding: 0;
	margin-bottom: 20px;
}
.ux-testomation blockquote:before{
	margin: -50px -25px 0px 0px!important;
    top: 0;
    right: 0;
    font-size: 8em;
 
}
.ux-testomation.item-padding-1{
	margin-left: -1px;
	margin-right: -1px;
}

.ux-testomation.item-padding-1 .testo-item{
	padding-left: 1px;
	padding-right: 1px;
}

.ux-testomation.item-padding-5{
	margin-left: -5px;
	margin-right: -5px;
}
.ux-testomation.item-padding-5 .testo-item{
	padding-left: 5px;
	padding-right: 5px;
}

.ux-testomation.item-padding-10{
	margin-left: -10px;
	margin-right: -10px;
}
.ux-testomation.item-padding-10 .testo-item{
	padding-left: 10px;
	padding-right: 10px;
}

.ux-testomation.item-padding-15{
	margin-left: -15px;
	margin-right: -15px;
}
.ux-testomation.item-padding-15 .testo-item{
	padding-left: 15px;
	padding-right: 15px;
}
.ux-testomation.item-padding-20{
	margin-left: -20px;
	margin-right: -20px;
}
.ux-testomation.item-padding-20 .testo-item{
	padding-left: 20px;
	padding-right: 20px;
}
.ux-testomation.item-padding-25{
	margin-left: -25px;
	margin-right: -25px;
}
.ux-testomation.item-padding-25 .testo-item{
	padding-left: 25px;
	padding-right: 25px;
}

/* Testomation centered */
.uxtestoslider-dotted .flipster__item__content img{
	border-radius: 100%;
	max-width: 90px;
}
.uxtestoslider-dotted.news-slider .flipster__item__content img{
	border-radius: 3px;
	max-width: inherit;
}
.uxtestoslider-dotted.uxslick-sld{
	position: absolute;
    bottom: 0px;
    right: 0px;
    left: 0px;
    margin-bottom: 55px;
}
.testo-item.centered blockquote{
	position: relative;
}
.testo-item.centered  .testo-icon {
    position: absolute;
    z-index: 1;
    left: 0;
    right: 0;
    text-align: center;
}
.ux-testomationcentered .testo-item{
	text-align: center;	
	margin: 0 auto;
}
.ux-testomationcentered .testo-item h3{
	margin: 15px auto;
}
.ux-testomationcentered .testo-item h3.company {
	margin-bottom: 35px;
}
 
.ux-testomationcentered.style1  blockquote{
	padding-top: 75px;
    z-index: 2;
    margin-bottom: 40px;
}
.ux-testomationcentered.style1 .qoute-typedf .testo-item blockquote:before{
	content: "\7b";
    position: absolute;
    text-align: center;
    margin: 0 auto;
    top: 5px;
    font-family: 'ElegantIcons';
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    margin-left: -115px;
    font-size: 14em;
    color: #fff;
    -webkit-text-fill-color: #fff;
    -webkit-text-stroke-width: 1px;
    -webkit-text-stroke-color: #fff;
    z-index: 1;
    opacity:0.15;
}  

.uxslick-sld.style1 .uxsld-caption{
	position: absolute;
    width: 300px;
    height: 100%;
    background: #0000006b;
    text-align: center;
    padding: 35px;
}
.uxslick-sld.style1  .uxsld-captext{
	position: absolute;
    top: 50%;
    transform: translateY(-50%);
}
.uxslick-sld.arrowstyle-btl .slick-prev,.uxslick-sld.arrowstyle-btr .slick-prev,.uxslick-sld.arrowstyle-btl .slick-next,.uxslick-sld.arrowstyle-btr .slick-next{
	top: 100%;
	margin-top: -20px;
	z-index: 1;
}
.uxslick-sld.arrowstyle-btr .slick-prev{
	left: 100%;
    margin-left: -81px;
}
.uxslick-sld.arrowstyle-btl .slick-next{
	right: 100%;
    margin-right: -81px;
}
/* Special Heading */
.ux-listing{
	margin-top: 0;
}
.testo-icon svg{
	fill:#ff6600;
}
.testo-icon{
	position: absolute;
	z-index: 1;
}
.ux-testomation .intro {
	z-index: 2;
}
.ux-testomation.style1  .testo-icon{
	position: absolute;
	top: 0;
	right: 0;
}
.ux-testomation.style1.a  .testo-icon{
	position: absolute;
	top: 0;
	right: 0;	
	left: 0;
	text-align: center;
}

/* Our Skill */
.ux-ourskill ul li {
    list-style: none;
    margin: 10px 0;
}
.ux-ourskill.df .os-icon{
	position: absolute;
	width: 50px;
    text-align: center;
}
.ux-ourskill.df .os-icon i{
	font-size: 30px;
}
.ux-ourskill.df .os-icon img{
	max-height: 50px;
}
.ux-ourskill.df  .uxbar{
	margin-left: 55px;
}
.ux-ourskill.df  .bar-percent{
	margin-left: 5px;
}
/* Tab */
.ux-tabs ul li, .ux-tabs ol li{
	padding: 0;
}
.ux-tabs .uk-tab li a{
	font-size: 14px;
}
.ux-tabs i{
	margin: 0 5px;
}

.ux-tabs ul.tabcontent li{
	padding: 25px 10px;
}
.uk-tab>li>a {     
    border: 2px solid transparent;   
}
.uk-tab>li {
    margin-bottom: -2px;
}
.uk-tab {
    border-bottom: 2px solid #ddd;
}
.uk-tab.uk-tab-bottom{
	 border-top: 2px solid #ddd;
	 border-bottom: none!important;
}
.uk-tab-bottom>li {
    margin-top: -2px;
}


/* Pop video */
.photo-aniwarp{
	position: relative;
}
.ux-popvid h3{
	font-size: 20px;
	 
	line-height: 25px;
	margin-top: 25px;
	margin-bottom: 15px;
}
 .item-lefttop{
 	position: absolute;
 	top: 0;
 	left: 0;
 }
 .item-bottom{
 	position: absolute;
 	top: auto;
 	bottom: 0;
 	left: 0;
 	right: 0;
 }
 .item-top{
 	position: absolute;
 	top: 0;
 	bottom: auto;
 	left: 0;
 	right: 0;
 }
  .item-righttop{
 	position: absolute;
 	top: 0;
 	right: 0;
 	left: auto;
 }
  .item-center{
 	position: absolute;  
 	top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    width: 100%;
 }
 .item-leftcenter{
 	position: absolute;  
 	top: 50%;
    left: 0;
    transform: translateY(-50%);
 }
 .item-rightcenter{
 	position: absolute;  
 	top: 50%;
    left: auto;
    right:0;
    transform: translateY(-50%);
 }
 .item-leftbot{
 	position: absolute;
 	bottom: 0;
 	left: 0;
 	top: auto;
 }
  .item-rightbot{
 	position: absolute;
 	bottom: 0;
 	left: auto;
 	top: auto;
 	right: 0;
 }
.ux-popvid .popvid-thumb img{
	height: auto;
}
.ux-popvid .popvid-thumb .vid-icon{
	position: absolute;
    width: 100%;
    height: 60px;
    text-align: center;
    z-index: 1;
    top: 50%;
    margin-top: -20px;
}

.ux-popvid .popvid-thumb a {
    font-size: 15px;
    color: rgba(0,0,0,0.45);
    width: 50px;
    height: 50px;
    line-height: 53px;
    border-radius: 50px;
    text-align: center;
    background: #ff6600;
    display: block;
    margin: 0 auto;
    position: relative;
}
  
.sgvid-icon a i{
	padding-right: 5px;
}
@-webkit-keyframes 
	pulsate {  0% {
	 -webkit-transform: scale(1);
	 transform: scale(1);
	 opacity: 0.8;
	}
	 45% {
	 -webkit-transform: scale(1.75);
	 transform: scale(1.75);
	 opacity: 0;
	}
	}
	@keyframes 
	pulsate {  0% {
	 -webkit-transform: scale(1);
	 transform: scale(1);
	 opacity: 0.8;
	}
	 45% {
	 -webkit-transform: scale(1.75);
	 transform: scale(1.75);
	 opacity: 0;
	}
}
 
.ux-popvid .popvid-thumb a:after{
	content: "";
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 54px;
    height: 54px;
    -webkit-transform-origin: 50% 50%;
    transform-origin: 50% 50%;
    border-radius: 50%;
    border: 1px solid #fff;
    opacity: 0;
    -webkit-animation: pulsate 3s ease-out infinite;
    animation: pulsate 3s ease-out infinite;
    margin-top: -2px;
    margin-left: -2px;
	
}
.ux-popvid .popvid-thumb a:before{
	content: "";
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 70px;
    height: 70px;
    border-radius: 100%;
    border: 10px solid rgba(255,255,255,0.15);
    opacity: 1;
    margin-top: -10px;
    margin-left: -10px;
	
}
.popvid-thumb{
	position: relative;
    display: block;
    padding: 0;
    margin: 0; 
}
.ux-popvid.df .popvid-thumb{
	margin: 0 auto;
}
.popvid-thumbwarp{
	z-index: 999;
	position: relative;
	display: contents;
}
.vid-bgphoto >img{
	width: 85%;
}
.vid-bgphoto .vidthumb{
	position: absolute;
	width: 60%;
	right: 0;
	bottom: 0;
}
vid-bgphoto img,.vid-bgphoto.s3 img,.vid-bgphoto.s2 .img,.vid-bgphoto.s3 .img{
	border-right: 15px solid transparent;
}
.vid-bgphoto.s2 .img{
	background-size: contain!important;
}
.vid-bgphoto.s2 .img,.vid-bgphoto.s3 .img{
	height: 500px;
	background-repeat: no-repeat!important;
    background-position: center center!important;
    background-size: cover!important;
}

.vid-bgphoto.s2 img,.vid-bgphoto.s2 .img{
	border-right: 20px solid transparent;	
}
.vid-bgphoto.s2 .col1,.vid-bgphoto.s3 .col1{
	border-right:8px solid transparent; 
}
.vid-bgphoto.s2 .col2,.vid-bgphoto.s3 .col2{
	border-left:8px solid transparent; 
}
.vid-bgphoto.s2 .col1 img,.vid-bgphoto.s3 .col1 img,.vid-bgphoto.s2 .col2 img,.vid-bgphoto.s3 .col2 img{
	background-size: contain!important;
}
.ux-popvid.s2 .popvid-thumb,.ux-popvid.s3 .popvid-thumb{
	border-width:0;
	border-left: 10px solid transparent;
	left: 0;
    right: 0;
    transform: translateY(-50%);
    top: 50%;
}

.ux-popvid.s2 .vid-bgphoto .vidthumb,.ux-popvid.s2 .vid-bgphoto >img,.ux-popvid.s2 .vid-bgphoto .img,.ux-popvid.s3 .vid-bgphoto .vidthumb,.ux-popvid.s3 .vid-bgphoto >img,.ux-popvid.s3 .vid-bgphoto .img{
	width: calc(50% - 15px);
	
}
.ux-popvid.s2 .popvid-thumb .vid-icon {
    position: absolute;
    width: 60px;
    height: 60px;
    text-align: right;
    z-index: 1;
    top: 100%;
    margin-top: -60px;
    left: 0;
    margin-left:0;
}
.ux-popvid.s2 .play-lbl {
    position: absolute;
    width: 100px;
    margin: 10px 0 0 76px;
}
.ux-popvid.s3 .popvid-thumb .vid-icon ,.ux-popvid.s2 .popvid-thumb .vid-icon{
    position: absolute;
    width: 60px;
    height: 60px;
    text-align: right;
    z-index: 1;
    top: 50%;
    transform: translateY(-50%);
    left: 0;
    margin: 0 auto;
    left: 0;
    right: 0;
}
.vid-bgphoto.s3 >img.photo1 {     
    margin-top: 15%;
}
.vid-bgphoto.s3 .vidthumb {
    position: absolute;
    width: 60%;
    right: 0;
    bottom: 15%;
}
.ux-popvid .play-lbl{
	position: absolute;
    width: 100px;
    margin: -35px 0 0 65px;
}
.ux-popvid .vid-bgphoto.s2 div.img{
	background-size:contain!important;
}
.ux-popvid .img,.thumbnail img{
	overflow:hidden;
}
.ux-popvid .img:after,.thumbnail img:after{
	content: "";
	position: absolute;
    width: 200%;
    height: 0%;
    left: 50%;
    top: 50%;
    background-color: rgba(255,255,255,.3);
    transform: translate(-50%,-50%) rotate(-45deg);     
}
.ux-popvid .img:hover:after,.thumbnail img:hover:after{
    height: 250%;
    transition: all 600ms linear;
    background-color: transparent;
}
/* Text Block */
.ux-textblock h3{
	margin-top: 0;
	margin-bottom: 5px;
}
.ux-textblock .ux-subtit{
	margin-top:0;
	color: #999;
}
.elementor-text-editor p{
	margin: inherit;
}
/* UX Heading */
.ux-heading i{
	margin: 0 5px;
}
/* UX Arcodion */
.ux-arcoridon p{
	font-size: 15px!important;
	line-height: 25px!important;
}
.ux-arcoridon .uk-accordion-title{
	background: none;
    border: none;
    border-top: 1px dashed #e1e1e1;
    border-radius: 0;
    padding: 5px 0;
    line-height: 35px;
    margin-bottom: 0;
    margin-top: 0; 
}
.ux-arcoridon .uk-accordion-title i{
	margin-right: 15px;
	font-size: 15px;
	color: #999;
}

/* Accordion Simple */
.ux-block.ux-accordion .uk-accordion h3.uk-accordion-title{
    min-height: 50px;    
    padding: 16px 25px;
    padding-right: 35px!important;
    position: relative;
}
.ux-block.ux-accordion .uk-accordion-content {
    padding: 10px 25px 25px 25px;
}
.ux-block.ux-accordion .uk-accordion-title.uk-active:after{
	font-family: 'ElegantIcons';
    content: "\4b";
    speak: none;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    position: absolute;
    right: 0;
    margin-right: 15px;
    font-size: 25px;	
}
.uk-accordion-content p.continue-reading{
	margin-top: 15px;	
}
.ux-block.ux-accordion .uk-accordion-title:after{
	font-family: 'ElegantIcons';
    content: "\4c";
    speak: none;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    position: absolute;
    right: 0;
    margin-right: 15px;
    font-size: 25px;
    top: 50%;
    transform: translateY(-50%);
    padding-top: 0;

	
}
/* Photo Accordion */
.frame-closed .frame-content {
    display: none;
}
 
.frame-content {  
    padding: 50px;
    position: absolute;
    z-index: 1;
    bottom: 0;
}
.frame-closed .frame-content {display:none;}
.frame-open .frame-content {display:block;}
.uxaccord-styles1 li div.slider-info .ux-title{
	display: none;
}
.uxaccord-styles1 li div.slider-info .subtit.ux-hide {
	display: block;
}
.uxaccord-styles1 li {position:relative;}
.uxaccord-styles1 div.slider-bg {background:#000;top:300px;height:102px;width:100%;left:0;position:absolute;z-index:10;opacity:.5;}
.uxaccord-styles1 div.slider-info {top:300px;height:72px;left:0;position:absolute;width:105px;z-index:15;padding:25px;}
.uxaccord-styles1 div.slider-info strong {font-size:18px;color:#fff;margin-bottom:5px;}
.uxaccord-styles1 div.slider-info p {display:none;font-size:15px;line-height:14px;color:#fff;margin:0 !important;}
.uxaccord-styles1 li.slider-open div.slider-info {width:100%;}
.uxaccord-styles1 li.slider-open div.slider-info strong {font-size:22px;}
.uxaccord-styles1 li.slider-open div.slider-info p,.uxaccord-styles1 li.slider-open div.slider-info .ux-title {display:block;}
.uxaccord-styles1 li.slider-open div.slider-info .subtit.ux-hide {
	display: none;
}
/* Photos banner */
.box-left{
	position: relative;
	width: 100%;
	height: 100%;
	display: block;
}
.box-text{
	position: absolute;
    margin: 0 auto;
    top: 50%;
    transform: translateY(-50%);
}
.ux-popvid .box-text h3{
	font-size:35px;
}
.ux-popvid .box-text p{
	font-size:25px;
	margin-bottom: 35px;
}
.ux-popvid .box-text a{
	padding: 10px 25px;
    position: relative;
    font-size: 25px;
}
/*Our Team */
.ih-item.circle.effect1 .info{
	margin: 0;
}
.ih-item.square{
	border: 25px solid #fff;
}
.ux-ourteam h3{
	font-size: 18px;
}
.elementor-editor-active .ux-ourteam  .items{
	display: inline-block;
}
.ux-ourteam .isotope .item{
	height: auto!important;
	overflow: hidden;
	outline: none;
	background: #fff;
}
.ux-ourteam.grid{
	display: inline-block;
}
.ux-ourteam .ot-socialicon i,.ot-socialicon i{
	display: inline-block;
}
.ux-ourteam.ux-block .ih-item.circle {    
    margin: 0 auto 35px;
}

.ux-ourteam.ux-block{
	margin-top: 25px;
	position: relative;
	display: grid;
}
.elementor-editor-active .ux-ourteam.ux-block{
	display: block;
}
.ux-ourteam .style2.grid .item{
	position: relative;
}
.ux-ourteam{	 
    text-align: center!important;
    list-style: none;
}
.ux-ourteam .style2  .caption{
	background: #ffffff;
}
.ux-ourteam .info a i{
	display: inline-block;
} 
.ux-ourteam .circle.effect3 .info a i {
    display: inline-block;
    font-size: 14px;
    margin: 0 7px;
}
.ux-ourteam .style1   img{
	width: 100%;
}
.ot-caption-avar{
	position: relative;
}
.ux-ourteam .ot-socialicon{
	padding-bottom: 35px;	
}
.ux-ourteam .ot-socialicon .info a i {    
    display: inline-block;
}
.ux-ourteam .cap-hover-up .ot-socialicon {
    padding-bottom: 0;
}
.ux-ourteam  .cap-hover-up.ux-bgcolor a:hover,.ux-bgcolor a:hover{
	color: #fff!important;
}
.ux-ourteam .style1   .ot-caption{
	position: absolute;
	width: 100%;
	height: 100%;
 	background:none;
	z-index: 9;	
	overflow: hidden;
}
.ux-ourteam .style1   .ot-caption a{
	width: 35px;
    height: 35px;
    display: block;
    /* float: left; */
    text-align: center;
    background: rgba(255, 255, 255, 0.68);
    line-height: 35px;
    border-radius: 35px;
    margin: 0 1px;
    cursor: pointer;
    display: inline-block;
}
.ux-ourteam .style1   h3{
	margin-top: 25px;
    margin-bottom: 7px;
    text-align: left;
    font-size: 18px;
}
.ux-ourteam .style1  p{ 
    
    text-align: left;
    margin-top: 5px;
    margin-bottom: 5px;
    text-align: left;
}
.ux-ourteam  .style1 .ot-socialicon{
	top: 48%;
    text-align: center;
    position: absolute;
    left: 0;
    right: 0;
    z-index: 9;
    margin-top: -25px;
    margin: 0 auto;
    left: 0;
    right: 0;
}
.ux-ourteam .ot-navleft {
    background: url("../images/bg-otnav.png") repeat scroll -47px   #bbb;
    height: 187px;
    width: 37px;
    cursor: pointer;
    position: absolute;
    display: block;
    z-index: 9;
    left:0;
    margin-top: 0;
}
.ux-ourteam .ot-navright {
    background: url("../images/bg-otnav.png") repeat scroll -130px  #bbb;
    height: 187px;
    width: 37px;
    cursor: pointer;
    position: absolute;
    margin-top: 0;
    right: 0;
    display: block;
    z-index: 9;
}
.ux-ourteam  .style2 h3,.ux-ourteam  h3{
	margin-top: 25px;
}
.ux-ourteam  p.intro{
	margin-top: 20px;	 	
}
 .ux-ourteam .style2 .ot-socialicon i{
	font-size: 13px;
    margin: 0 5px;
    width: 30px;
    text-align: center; 
}
.cap-hover-up.ux-bgcolor h2{
	font-size: 25px;
}
.ux-ourteam  .uk-width-medium-1-4 .ux-radial{
	width: 200px!important;
    height: 200px!important;
} 
.ux-ourteam .style1.grid  h3{
	text-transform: uppercase;
}
.ux-ourteam .style1   p.intro{
    margin-top: 20px;
} 
.cap-hover-up{
	position: absolute;
    left: 0;
    bottom: 0;
    right: 0;
    -webkit-transform: scaleY(0);
    -khtml-transform: scaleY(0);
    -moz-transform: scaleY(0);
    -ms-transform: scaleY(0);
    -o-transform: scaleY(0);
    transform: scaleY(0);
    transform-origin: bottom;
    -webkit-transform-origin: bottom;
    -ms-transform-origin: bottom;
    -o-transform-origin: bottom;
    text-align: center;
    padding: 35px 30px;	
    z-index: 2;
    -webkit-transition: all 0.25s ease-in-out;
    -moz-transition: all 0.25s ease-in-out;
    -o-transition: all 0.25s ease-in-out;
    transition: all 0.25s ease-in-out;
}
.cap-hover-up.ux-bgcolor a,.cap-hover-up a,.cap-hover-up.ux-bgcolor a:hover,.cap-hover-up a:hover,.cap-hover-up p,.cap-hover-up.ux-bgcolor  p,.cap-hover-up.ux-bgcolor h2,.cap-hover-up.ux-bgcolor h3,.cap-hover-up.ux-bgcolor i,.cap-hover-up i,.cap-hover-up h2,.cap-hover-up h3{
	color: #fff!important;
}
 
.warp-cap-hover-up:hover .cap-hover-up{
	-webkit-transform: scaleY(1);
    -khtml-transform: scaleY(1);
    -moz-transform: scaleY(1);
    -ms-transform: scaleY(1);
    -o-transform: scaleY(1);
    transform: scaleY(1);	
}
/* Photo swap grid */
.uxswappphotolist {
  width: 100%;
  padding: 0;
  margin: 0;
}

.uxswappphotolist img { float: left; }
 @media screen and (max-width:991px) {

.uxswappphotolist div { width: 33.333333%; }
}
 @media screen and (max-width:768px) {
	.ux-photosupersize #controls-wrapper .ul#slide-list{
		display: none;
	}
	.hdsearchform.hds-style1 form .search-input {
	    width: 90%!important;
	    height: 60px;
	    line-height: 33px;
	    font-size: 20px;
	}
	.uxswappphotolist div { width: 50%; }
}
/* Hot spots*/
.photo-hotspots{
	height: 500px;
	width: 100%;
}
.lg-container.photo-hotspot{
	display: block;
}
.photo-hotspots .lg-image{
	height: 500px;
	width: 100%;
	background-size:cover;
	background-repeat: no-repeat; 
}
.prod-thumb{
	width: 100px;
	height: 100px;
} 
.prod-text{
	position: absolute;
	padding-left: 110px;
	top: 50%;
	 transform: translateY(-50%);
}
.top-left .lg-hotspot-label {    
    padding-bottom: 0;
}
.lg-hotspot-label .prod-text h4 {
    margin: 0;
    padding: 0;
    font-size: 15px;
    text-transform: capitalize;
}
.lg-hotspot-label{
	width:16em; 
}

/* Services */
.ux-service.show_boxshapeyes .front:before{
	position: absolute;
    content: '';
    left: 0px;
    top: 0px;
    right: 0px;
    bottom: 0px;
    background: #ffffff;
    -ms-transform: skewY(4deg);
    transform: skewY(
4deg
);
    transition: all 500ms ease;
    -moz-transition: all 500ms ease;
    -webkit-transition: all 500ms ease;
    -ms-transition: all 500ms ease;
    -o-transition: all 500ms ease;
}
.ux-service.show_boxshapeyes  .caption{
	position: relative;
}
.ux-service.hoverboxyes{
	overflow: hidden;
}
.sv-icon{
	z-index: 1;
}
.front .sv-icon{
	position: relative;
	z-index: 2;
}
.ux-hvaniinout.itemloaded{
	display: block;
	opacity: 1
}
.sv-icon{
	    -webkit-mask-repeat: no-repeat;
    -ms-mask-repeat: no-repeat;
    -o-mask-repeat: no-repeat;
    -webkit-mask-position: center center;
    -ms-mask-position: center center;
    -o-mask-position: center center;
	mask-size: contain;
	align-items: center;
    justify-content: center;
}
.icbgart{

    box-shadow: 0 0 1px transparent;
    width: 60px;
    height: 60px;
    position: absolute;
}
.sv-icon.icbgart-yes .icbg-tilt{
	position: absolute;
	width: 60px;
	height: 60px;
} 
.ux-service.ux-itemhvaniinout .item-warper{
	overflow: hidden;
}
.ux-service .continue-reading{
    z-index: 2;
    position: relative;
    margin-top: 20px;
}
.continue-reading.s1 .readmore.ux-hvaniinout,.continue-reading.s1 .readmore.ux-hvaniinout.animated.fadeOutRight{
	display: none;
}
.continue-reading.s1 .readmore.ux-hvaniinout.animated{
	display: inline-block;
}
.readmorefakehover.nounderline .fadeOutRight{
	display: none;
}
.ux-service.hoverboxyes .caption{
	z-index: 2;
    position: relative;	
}
 .continue-reading.s1 a:after{
	display: none;
}
.continue-reading.item-warper.s1{
	min-height: 60px;
}
.continue-reading.s2 .readmorefakehover{
	display: inline-block;
}
.ux-service:hover .continue-reading.s2 .readmorefakehover{
	display: none;
}
.ux-service:hover .continue-reading.s2  a:hover:after {
    margin-left: 10px;  
}
.continue-reading.s2 a:after {
	display: none;	
}
.continue-reading.item-warper.s1 i,.continue-reading.item-warper.s1 i:before {
    line-height: 15px!important;
    font-size: 25px!important;
}
.continue-reading.s2{
	text-align: center;
}
.continue-reading.s2 i.uxplus{
	font-size: 25px;
    margin-top: -25px;
    transform: rotate(45deg);
}
.continue-reading.s2 i.uxplus.ux-hvaniinout{
	display: block;
	opacity: 1;
}
.continue-reading.s2 a:before {
    margin-right: 10px;
    content: '[';
    -webkit-transform: translateX(20px);
    -moz-transform: translateX(20px);
    transform: translateX(20px);
}
.continue-reading.s2 a:after {
    margin-left: 10px;
    content: ']';
    -webkit-transform: translateX(-20px);
    -moz-transform: translateX(-20px);
    transform: translateX(-20px);
    margin-top: -3px;
}
.continue-reading.s2 .uxplus.fadeOut{
	display: none;
}
.continue-reading.s2 a:before, .continue-reading.s2 a:after {
    display: inline-block;
    opacity: 0;
    -webkit-transition: -webkit-transform 0.3s, opacity 0.2s;
    -moz-transition: -moz-transform 0.3s, opacity 0.2s;
    transition: transform 0.3s, opacity 0.2s;
}
.continue-reading.s2 a:hover:before, .continue-reading.s2 a:hover:after, .continue-reading.s2 a:focus:before, .continue-reading.s2 a:focus:after {    
    opacity: 1;
    -webkit-transform: translateX(0px);
    -moz-transform: translateX(0px);
    transform: translateX(0px);
}
.continue-reading.s2 i.lnr-arrow-right{
	margin-top: 5px;   
    position: absolute; 
}
.continue-reading.s2 .readmore.ux-hvaniinout {
    display: inline-block;
    text-transform: uppercase;
    font-size: 15px!important;
    letter-spacing: 2px;
}
.continue-reading.s3 .readmorefakehover i{
	margin-top: -27px;
    border: 2px solid #22af9873;
    width: 40px;
    height: 40px;
    display: block;
    border-radius: 100%;
    line-height: 38px;
    text-align: center;
}
.continue-reading.s3 .readmore {
	margin-top: 5px;   
}
.continue-reading.s3 span.readmore{
	background-image: none;
}
.continue-reading.s3 .readmore i{
	margin-top: 5px;
    /* top: 5px; */
    /* line-height: 23px; */
    position: absolute;
    padding-left: 5px;
    font-size: 16px;
}
.continue-reading.s4 .readmorefakehover i{	
    width: 43px;
    height: 43px;
    line-height: 40px;
    border-radius: 43px;
    border: 2px solid #f79534a3;
    margin-top: 25px;
    margin-left: 0;
    left: 0;
}
.continue-reading.s4 a:hover span{
	background-image: none;
}
 .continue-reading.s1 i{
 	position: absolute; 
 }
 .ux-service  .continue-reading.s1 i{
 	position: relative; 
 }
.ux-service.rtl p,.ux-service.rtl h3,.ux-service.rtl h2{
	text-align: right;
}
.ux-service  p.intro{
    margin-bottom: 20px;
    margin-top: 20px;
}
.ux-service.block_flipyes   .front {
	background: #fff;
}
.continue-reading.s1 .readmore i{
	position: absolute;
    margin-top: 6px;
    margin-left: 5px;
}
.elementor-editor-active .block_flipyes .back{
	position: absolute;
	z-index: -1;
}
.elementor-editor-active  .block_flipyes:hover .back{
	z-index: 1;
}
.elementor-editor-active .block_flipyes:hover .front{
	z-index: -2;
	display: none;
}
.ux-service.df .caption{
	width: 90%;
    background: #fff;
    margin-top: -65px;
    padding-left: 20px;
    z-index: 1;
    position: relative;
    padding-right: 15px;
    margin-left: 3%;
}
.ux-service.df .caption h2{
	padding-top: 23px;
    margin-bottom: 5px;
    font-size: 20px;
}
.ux-service.df p.intro{
	margin-bottom: 10px;
    color: #999;  
}
.ux-service .c1-effect-3  rect{
	stroke-dasharray: 10 99 19 15 18 99 18 14;
    stroke-dashoffset: 0;
    stroke-width: 6px;
    fill: transparent;
    stroke: #ed8730;
    border-bottom: 5px solid black;
    transition: stroke-width 1s, stroke-dashoffset 1s, stroke-dasharray 1s;
}
.ux-service .c1-effect-3.svg-wrapper:hover rect {
	stroke-dasharray: 10 99 19 15 18 99 18 14;
    stroke-dashoffset: 292;
 	stroke-width: 6px;
}
.ux-service .c1-effect-3  .text {
    top: -33px;
    position: relative;
    text-align: center;
}
.ux-service .c1-effect-3  .text a{
	font-size: 13px;
    
    color: #999;
}
.ux-service.df1 .caption h2{
	margin-top: 25px;
    font-size: 20px;
}

/* DF2 */
.ux-service.df2 .bn-caption {
    position: absolute;
    padding: 0px 30px;
    z-index: 2;
    bottom: 0;
    background: #275fe4;
    width: 100%;
}
/* Services: s1 */
.ux-service.s1 .sv-icon{
	position: absolute;
	width: 60px;
	height: 60px;
	text-align: center;
}
.sv-icon svg{
	height: auto;
}
.hvbgfullcapyes{	 
	position: absolute;
	left:0;
	bottom:0;
	top:0;
	right:0;
	width: 100%;
	height: 100%;
}
.hoverboxyes .front{
	overflow: hidden;
   	position: relative;
}
.ux-service.s1 .sv-icon i{
    font-size: 25px;
    text-align: center;
    display: block;
    padding: 0;
    margin-top: 15px;
}
.ux-service.s1 .caption{
	margin-top: 0;
	margin-left: 90px;	
}
.ux-service.s1 .caption h2{
	margin-top: 0;
    font-size: 25px;
    margin-bottom: 5px;
}
.ux-service.s2 .sv-icon{
	position: absolute;
	width: 60px;
	height: 60px;
	text-align: center;
}
.ux-service.s2 .sv-icon i{
    font-size: 25px;
    text-align: center;
    display: block;
    padding: 0;
    margin-top: 27px;
}
.ux-service.s2 .caption{
	margin-top: 0;
	margin-left: 80px;	
}
.ux-service.s2 .caption h2{
	margin-top: 0;
    font-size: 18px;
    margin-bottom: 10px;
    line-height: 17px;
}
.ux-service.s2 .sv-icon{
	position: absolute;
    width: 60px;
    height: 60px;
    text-align: center;
    background: #333;
    color: #fff;    
    line-height: 60px;
}
.ux-service.s2 .sv-icon i{
	line-height: 60px;
	margin-top: 0;
}
.ux-service.rtl .caption {
   	margin-top: 0;
    margin-right: 80px;
    margin-left: 20px;
}
.ux-service.photobox .caption{
	position: absolute;
    width: 100%;
    margin-left: 0;
    bottom: 0;
    background: rgba(0,0,0,0.25);
    padding: 20px 0;
}
.photobox .caption{ 
    background: rgba(0,0,0,0.25);
}

.ux-service.photobox.s1  .boxtext{
	padding-left: 90px;
}

/* Mid Logo */
.gall-logo {
		margin: 0 auto;
		height: 200px;		
		z-index: 1;
		top: 50%;
		position: absolute;
		left: 50%;
		width: 200px;
		 -webkit-transform: translate(-50%,-50%);
  		transform: translate(-50%,-50%);
	}
	.gall-logo .logotext {
		position: absolute;
		color: white;
		font: 3vw/3vw times;
		top: calc(50% - 4vw);
		width: 100%;
		height: 100px;
		text-align: center;
	}
	.gall-logo svg {
		-webkit-animation: rotate 10s linear infinite;
			  animation: rotate 10s linear infinite;
		width: 30vw;
		height: 30vw;
		position: absolute;
		top: calc(50% - 15vw);
  		left: calc(50% - 15vw);
		overflow: hidden;
		max-width: initial;
	}
	 
	.gall-logo svg .circle-text {
		letter-spacing: 15px;
	    width: 100%;
	    fill: red;
	    font-size: 30px;	    	    
	    text-transform: uppercase;
	}
	
	@-webkit-keyframes rotate {
	  to {
		-webkit-transform: rotate(360deg);
				transform: rotate(360deg);
	  }
	}
	
	@keyframes rotate {
	  to {
		-webkit-transform: rotate(360deg);
				transform: rotate(360deg);
	  }
	}
/* Photo Box */
.photobox .box-container{
	overflow: hidden;
}
.photobox.s1 .bn-caption{
    position: absolute;
    padding: 0px 30px;
    z-index: 2;
    bottom: 0;
    background: #275fe4;
    width: 100%;
}
.photobox.s1 .bn-caption h2{
	color: #fff;
    font-size: 18px;
    line-height: 20px;
    margin-top: 15px;
}
.photobox.s1  .bn-caption p.intro{
	color: #fff!important;
    margin-top: 30px;
    font-family: Ne;
    font-style: italic;
    font-size: 15px;
}
.photobox.s1  .bn-caption a.readmore{
	margin-top: -15px;
}
.photobox.s1  .bn-caption a.readmore:hover{
	color: #fff;
}
/* Divider */
.ux-divider span{
	width: 35px;
    height: 4px;
    display: block;
    background: #222;
    display: inline-block;     
}
 
.ux-divider.left-auto span{	
    left: auto;
}
.ux-divider.left-inherit span{	
    left: inherit;
}
 
.ux-divider.left-0 span{	
    left: 0;
}
/*ux Listing */
.elm-listing{
	margin: 15px 0;
}
.elm-listing h3 span.item-icon{
	background-size: 0 0;
	display:content;
}
.elm-listing ul{	 
    margin: 0;
    padding: 0;   
	list-style: none;
}
.elm-listing ul li{
	margin:0;
    padding: 0;   
	list-style: none;
	-webkit-transition: all 300ms linear 0ms;
    -khtml-transition: all 300ms linear 0ms;
    -moz-transition: all 300ms linear 0ms;
    -ms-transition: all 300ms linear 0ms;
    -o-transition: all 300ms linear 0ms;
    position: relative;
}
.ux-itemlisting.itemhv-yes ul li i:before,.ux-itemlisting.itemhv-yes ul li a,.ux-itemlisting.itemhv-yes ul li{
	webkit-transition: all 300ms linear 0ms!important;
    -khtml-transition: all 300ms linear 0ms!important;
    -moz-transition: all 300ms linear 0ms!important;
    -ms-transition: all 300ms linear 0ms!important;
    -o-transition: all 300ms linear 0ms!important;
    transition: all 300ms linear 0ms!important;
}
.ux-itemlisting.itemhv-yes ul li:hover,.ux-itemlisting.itemhv-yes ul li:hover i:before{
	padding-left: 15px;	
}
.elm-listing ul .li-icon{
	position: absolute;
	z-index: 1;
	width: 40px;
	height: 40px;
}
.elm-listing.liststyle-nav ul li i{   
    position: absolute;
    right: 0;
}
.elm-listing.liststyle-nav ul li span {
    margin-left: 0;
}
.elm-listing.liststyle-nav ul li{
	padding: 10px 20px;
	border: 2px solid;
}
.elm-listing ul li i{
 
    line-height: 35px;
    position: absolute;
 
}
.elm-listing ul li img {     
    z-index: 1;   
    max-width: 40px;   
    max-height: 40px;
    margin-top: 4px;
}
.elm-listing ul li span{	
    margin-left: 30px;
    position: relative;     
    word-break: break-word;
}
.elm-listing ul li span.lst-price{
	float: right;
}
.elm-listing ul li h3{
	font-size: 20px;
    margin-top: 0;
    margin-bottom: 0;
}
.hdpanelrightcontent .elm-listing ul li h3 a{
	font-size: 17px;
    margin: 7px 0;
    display: inline-block;
}
/* SVG Wave */
 .waves {
    width: 100%;
    height:15vh;
    margin-bottom:-7px; /*Fix for safari gap*/
    min-height:100px;
    max-height:150px;
    z-index: 1;
  }
  
   
  
  /* Animation */
  
  g.parallax > use {
    animation: move-forever 25s cubic-bezier(.55,.5,.45,.5)     infinite;
  }
  g.parallax > use:nth-child(1) {
    animation-delay: -2s;
    animation-duration: 7s;
  }
  g.parallax > use:nth-child(2) {
    animation-delay: -3s;
    animation-duration: 10s;
  }
  g.parallax > use:nth-child(3) {
    animation-delay: -4s;
    animation-duration: 13s;
  }
  g.parallax > use:nth-child(4) {
    animation-delay: -5s;
    animation-duration: 20s;
  }
  @keyframes move-forever {
    0% {
     transform: translate3d(-90px,0,0);
    }
    100% { 
      transform: translate3d(85px,0,0);
    }
  }
  /*Shrinking for mobile*/
  @media (max-width: 768px) {
    .waves {
      height:40px;
      min-height:40px;
    }
    
    
  }
/* Our listing: Restaurance Menu */
.ux-listing.restaurance-menu  ul li{
	margin: 15px 0;
}
.ux-listing.restaurance-menu  ul .li-icon {   
    width: auto;
    height: auto;
    border-radius:100%;     
}
.ux-listing.restaurance-menu  ul li h3,.ux-listing.restaurance-menu  ul li p {
    margin-left: 100px;    
}
.ux-listing.restaurance-menu  ul li h3{
    border-bottom: 1px dotted #ccc;
}
.ux-listing.restaurance-menu ul li img{
	max-width: 80px;
	max-height: 80px;
	border-radius: 100%;
}
.grid-style .box-container{
 
	border-top:1px solid #e1e1e1;
	border-left:  1px solid #e1e1e1;
	 
}
.grid-style .box-container ul{
	margin: 0;
	 
	padding: 0;
}
.grid-style .box-container ul li{
	float: left;	
    border-right: 1px solid #e1e1e1;
    border-bottom: 1px solid #e1e1e1;
    height: 120px;
    display: block;
    vertical-align: middle;
    margin: 0 auto;
    text-align: center;
    position: relative;
}
.ux-clientlogos.grid-style img{
	position: absolute;
	top:50%;
    transform: translateY(-50%);
    left: 0;
    right: 0;
    margin: 0 auto;
}
.crousel-style.border .thumbnail{
	border: 1px solid #e1e1e1;
	margin-bottom: 5px;
}
.ux-listing.restaurance-menu.rtl  ul li h3,.ux-listing.restaurance-menu.rtl  ul li p {
    margin-left: 0;
    margin-right: 100px;    
}
.ux-listing.restaurance-menu.rtl  .mn-price {
	left: 30px;
    margin-left: 0;
    right: 100%;
}
/* Counter up */
.ux-counter-up .uxcouterup-val{
   	font-size: 22px;
    line-height: 20px;
    margin-top: 5px;
    margin-bottom: 10px;
    
    text-transform: uppercase;
}
.ux-counter-up h3{
   	margin-top: 5px;
    margin-bottom: 0;
}
.ux-counter-up .uxicon{
	margin-top: 5px;
    margin-bottom: 15px;
}
.ux-counter-up .uxicon svg,.uxicon svg{
	height: auto;
}
.ux-counter-up.style1 .uxicon i{
	font-size: 35px;
}
.ux-counter-up.style1 .uxcouterup-val{
    text-transform: uppercase;
}
.ux-counter-up.style1 h3{
	 
    text-transform: uppercase;
    animation-delay: 0.15s;
    animation-duration: 1s;    
    margin-top: 5px;
}
.ux-counter-up.style1 p{
 
    line-height: 20px;   
}
.ux-counter-up.style2 .uxicon {
	position: absolute;
}
.ux-counter-up.style2 .uxcouterup-val,.ux-counter-up.style2 h3,.ux-counter-up.style2 p{
	margin-left: 50px;
}
.ux-counter-up.style2 h3 {
    margin-top: 0;
    
}
.ux-counter-up.style2 .uxcouterup-val{
	margin-bottom: 5px;
}
.ux-counter-up.style3 .uxcouterup-val{
	font-size: 25px;
    
}
.ux-counter-up.style4 .uxicon {
	position: absolute;
	right: 0;
}
.ux-counter-up.style4 .uxcouterup-val,.ux-counter-up.style4 h3,.ux-counter-up.style4 p{
	margin-right: 50px;
	text-align: right;
}
.ux-counter-up.style4 h3 {
    margin-top: 0;
}
.ux-counter-up.style4 .uxcouterup-val{
	margin-bottom: 0;
}
.ux-counter-up.style5 .uxcouterup-val{
	position: relative;
    float: left;
}
.ux-counter-up.style5 .counter-text{
	position: relative;
    display: flow-root;
}
/* Count down */
/* jQuery Countdown styles 1.6.3. */
.hasCountdown {
	max-width: 530px;
	margin: 0 auto 150px;
}
.countdown_rtl {
	direction: rtl;
}
.countdown_holding span {
	color: #888;
}
.countdown-show4 .countdown-section {
    min-width: 55px;
    padding: 10px;
    border-radius: 5px;
}
.countdown_row {
	clear: both;
	width: 100%;
	padding: 0px 2px;
	text-align: center;
}
.uxcountdown{
	display: inline-block;
}
.countdown_show1 .countdown_section {
	width: 98%;
}
.countdown_show2 .countdown_section {
	width: 48%;
}
.countdown_show3 .countdown_section {
	width: 32.5%;
}
.countdown_show4 .countdown_section {	  
    font-size: 15px;
    height: 75px;
    line-height: 25px;
    margin: 10px 5px 15px;
    padding-top: 25px;
    vertical-align: middle;
    width: 22%;   
    position: relative;      
}
.countdown_show4 .countdown_section:after{
	position: absolute;
	content: " ";
	background: #fff;
	height: 1px;
	width: 25px;
	text-align: center;
	display: block;
	bottom: 7px;
	left:45px;	
	text-align: center;
	left: 0;
	right: 0;
	margin: 0 auto;
}
.countdown_row{
	margin: 0 auto;
	display: block;
	position: relative;
}
.countdown_show4 .countdown_section:hover{
	box-shadow:none;
}
.countdown_show5 .countdown_section {
	width: 19.5%;
}
.countdown_show6 .countdown_section {
	width: 16.25%;
}
.countdown_show7 .countdown_section {
	width: 14%;
}
.countdown_section {
	display: block;
	float: left;
	font-size: 75%;
	text-align: center;
	text-shadow: none;
	color: #fff!important;	 
}
.countdown_amount {
    font-size: 35px;
    color: #fff!important;
    display: block;    
}
.countdown_descr {
	display: block;
	width: 100%;
}
/* New Countdown Style */
.ux-countdown.is-countdown{
	border:none;
	background: none;
}
.ux-countdown.is-countdown .countdown-section{
	position: relative;
}
.ux-countdown.is-countdown .countdown-section:before{
	content: "";
	width: 1px;
	height: 35%;
	background: #e1e1e1;
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	left: 0;
	
}
.ux-countdown.is-countdown .countdown-section:first-child:before{
	display: none;
}
/* Video List */
.ug-videoskin-right-thumb .ug-thumb-wrapper {
 
    border-bottom: 1px solid rgba(57, 57, 57, 0.27)!important;
}
.lightgallery ul{
	margin: 0;
}
.lightgallery ul.padding-1{
	margin-left: -1px;
	margin-right: -1px;
}
.lightgallery ul.padding-1 li{
	padding-left: 1px;
	padding-right: 1px;
}
.lightgallery ul.padding-5{
	margin-left: -5px;
	margin-right: -5px;
}
.lightgallery ul.padding-5 li{
	padding-left: 5px;
	padding-right: 5px;
}
.lightgallery ul.padding-10{
	margin-left: -10px;
	margin-right: -10px;
}
.lightgallery ul.padding-10 li{
	padding-left: 10px;
	padding-right: 10px;
}
.lightgallery ul.padding-15{
	margin-left: -15px;
	margin-right: -15px;
}
.lightgallery ul.padding-15 li{
	padding-left: 15px;
	padding-right: 15px;
}

.lightgallery ul.padding-17{
	margin-left: -17px;
	margin-right: -17px;
}
.lightgallery ul.padding-17 li{
	padding-left: 17px;
	padding-right: 17px;
}

.lightgallery ul.padding-20{
	margin-left: -20px;
	margin-right: -20px;
}
.lightgallery ul.padding-20 li{
	padding-left: 20px;
	padding-right: 20px;
}
.lightgallery ul.padding-25{
	margin-left: -25px;
	margin-right: -25px;
}
.lightgallery ul.padding-25 li{
	padding-left: 25px;
	padding-right: 25px;
}
.lightgallery .isotope .item{
	height: auto;
}
.lg-sub-html p {
    margin: 5px 0 0;
    color: #fff;
}
.lg-outer .lg-thumb-item{
	border: none;
}
/*Photo Swipe Simple */
.bn-caption.dark-grad h2,.bn-caption.dark-grad h3{
	color: #fff;
}


/* Photo split scroll */
.inner-text{
	padding-left: 20%;
	padding-right: 20%;
}
.ux-block .inner-text p.art,.ux-block .inner-text h2 ,.ux-block .inner-text h2 a ,.ux-block .inner-text p.intro{
	color: #fff;
}
/* grid pptype */
.grid-pptype .cat-count {
   	font-weight: 300;   
    background: #ffffff66;
    min-width: 25px;
    display: inline-block;
    text-align: center;
    position: relative;
    font-size: 15px;
    line-height: 20px;
}
.grid-pptype .cat-count:after {
    position: absolute;
    bottom: -5px;
    right: 0px;
    content: '';
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 0px 5px 5px 0px;
    border-color: transparent #ffffff66 transparent transparent;
}
.grid-pptype h2 a:hover .cat-count{  
    background: #fff; 
    color:#333!important; 
}
.grid-pptype h2  a:hover .cat-count:after {  
    border-color: transparent #fff transparent transparent; 
}

/*Subscribe Form */
.ondarkbg.subscribe.single-input,.ondarkbg.subscribe.single-input div {	
    position: relative;	
    display: inline-block;
}
 
.ondarkbg.subscribe.single-input p,.ondarkbg.subscribe.single-input label{
	margin-top: 30px;
	margin-bottom: 15px;
	
}
 
.ondarkbg.subscribe input[type="submit"]{
	height: 46px;
    line-height: 46px;	
    padding: 0 20px;
}
.ondarkbg.subscribe input[type="email"]{	 
	height: 46px;
    line-height: 46px;
	padding-left: 15px;	
	background: rgba(0,0,0,0.25);
    border-color: #4a4a4a!important;
}
.ondarkbg.subscribe.single-input input[type=submit]{
	position: absolute;
    bottom: 0;
    right: -1px;
}
.elementor-section-full_width .ondarkbg.subscribe.single-input input[type=submit] {  
    right: 0;
    color: #ccc;
}
.elementor-section-full_width .ondarkbg.subscribe.single-input {
    padding-right: 0;
}
.ondarkbg > div{
	width: 100%;
	color: #fff;
} 
.ondarkbg p{
	color: #fff;
} 
.ondarkbg label{
	color: #eee;
} 
.sb-area .widget-container {
	padding: 0;
	border: none;
}
/* Icon List */
.elm-iconlist{
	text-align: center;
	z-index: 1;
}
.elm-iconlist ul{
    margin: 0;
    list-style: none;
    display: block;
    width: 100%;
    padding: 0;
}
.elm-iconlist ul li{
	display:inline-block;
	margin: 0 2px;	
    list-style: none;
}
.elm-iconlist ul li i{     
    width: 30px;
    height: 30px;
    text-align: center;
    line-height: 30px;
	
}
.elm-iconlist.showtit-yes ul li i{ 
    display: inherit;
}
.elm-iconlist ul li svg {
    width: 15px;
    margin-right: 5px;
}
/* Header Footer Builder */
.hd-search,.ic-cart{
	position: relative;
    text-align: center;   
    width: 30px;
    display: block;   
}
.ic-cart span {
    left: 35px;
}
.hd-iconlist{
	left: 0;
    margin-left: -42px;
    margin-top: 5px;
    display: inline-block;
    margin-bottom: -43px;
}
.hd-iconlist li{
	float: left;
	width: 30px;
	height: 30px;
	line-height: 30px;
	text-align: center;		
}
/* Categories */
ul.hd-categories{
	margin: 0;
	padding: 0;
}
.hd-categories.boxstyle-df li>a:before{
	display: none!important;
}

 
ul.hd-categories li{
	position: relative;	
    list-style: none;
    line-height: 35px;
}
ul.hd-categories.showcaticon-yes li>a:before{
	display: none;
}
 ul.hd-categories li>a:before {
    font-family: FontAwesome;
    content: '\f105';
    position: absolute;
    top: 50%;
    left: 0;
    -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%);
    -webkit-transition: all 300ms linear 0ms;
    -khtml-transition: all 300ms linear 0ms;
    -moz-transition: all 300ms linear 0ms;
    -ms-transition: all 300ms linear 0ms;
    -o-transition: all 300ms linear 0ms;
    transition: all 300ms linear 0ms;
    font-size: 13px;
}
 ul.hd-categories li>a{
        -webkit-transition: all 300ms linear 0ms;
    -khtml-transition: all 300ms linear 0ms;
    -moz-transition: all 300ms linear 0ms;
    -ms-transition: all 300ms linear 0ms;
    -o-transition: all 300ms linear 0ms;
    position: relative;
        display: inline-block;
}
 
/*
 ul.hd-categories li>a:after{
	height: 1px;
    right: 0;
    content: '';
    position: absolute;
        bottom: -2px;
    background-color: #fff;
    opacity: 0;
    left: 14px;
    -webkit-transition: all 300ms linear 0ms;
    -khtml-transition: all 300ms linear 0ms;
    -moz-transition: all 300ms linear 0ms;
    -ms-transition: all 300ms linear 0ms;
    -o-transition: all 300ms linear 0ms;
    transition: all 300ms linear 0ms;
 }
 */
 ul.hd-categories li:hover>a:after {
    left: 21px;
    opacity: 1;
}
ul.hd-categories .cat-count{
	position: absolute;
    right: 0;
    margin-right: 5px;
    width: 24px;
    height: 22px;
    border-radius: 5px;
    display: block;
    box-sizing: border-box;
    line-height: 25px;
    text-align: center;
    top: 0;
    background: #e5e5e5;
    font-size: 11px;
}

/* PhotoMe*/
.ug-gallery-wrapper .ug-textpanel-title {
    font-size: 15px;
    color: white;
    text-align: left;
    z-index: 2;
}
.container.photome-single{
	padding-left: 0;
	padding-right: 0;	
}


/* Author Panel: Left */
.hd-author-bio{
	padding: 45px 35px 45px;
	text-align: center;
}
.hd-author-bio .hd-author-link p span.ux-title{
	font-size: 15px;
}
.hd-author-bio.center{
	text-align: center;
}
.hd-author-bio.left{
	text-align: left;
}
.hd-author-bio.right{
	text-align: right;
}
.hd-author-bio .author-intro ul {
    margin: 0 0 30px 0;
}
.hd-author-bio img{
	border-radius: 100%;
    margin-bottom: 35px; 
}
.hd-author-bio .author-avatar {
    width: 60px;
    height: 60px;
}
/* Elementor: Breadcumb */
.navxt-breadscrumb i{
	font-size: 10px;
}
/* Autosugesstion */
.ux-block.news-autosugestion{
	position: relative;
    max-width: 220px;
}
.ux-block.news-autosugestion input[type="text"]{  
    padding-left: 20px;
}
.news-autosugestion i{
	position: absolute;
    right: 0;
    top: 50%;
    right: 20px;
    margin-top: -7px;
    color: #999;
    
}
/* Simple Search Form */
.uxelm-searchform .searcharea {
    position: relative;
    max-width: 600px;
    margin: 0 auto;
    width: 80%;
}
.uxelm-searchform input[type="submit"] {
    background: #000000;
    line-height: 50px;
    height: 50px;
    width: 60px;
    border: none;
    display: block;
    top: 0;
    right: 0;
    position: absolute;
}
/* Photo Banner */
.photobanner.yes {
	position: relative;
}
.photobanner.sliceyes a:before, .photobanner.sliceyes a:after {
    background: rgba(255, 255, 255, .4) none repeat scroll 0 0;
    content: " ";
    height: 0;
    padding: 0;
    position: absolute;
    transition: all 0.5s ease-out 0s;
    -webkit-transition: all 0.5s ease-out 0s;
    -moz-transition: all 0.5s ease-out 0s;
    -ms-transition: all 0.5s ease-out 0s;
    -o-transition: all 0.5s ease-out 0s;
    width: 0;
    transform: rotate(180deg);
    -webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    z-index: 1;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -khtml-border-radius: 5px;
    -moz-border-radius: 5px;
}
.photobanner.sliceyes a:before {
    left: 0;
    top: 0;
}
.photobanner.sliceyes a:after {
    bottom: 0;
    right: 0;
}
.photobanner.sliceyes:hover a:before,
.photobanner.sliceyes:hover a:after{
    height: 100%;
    width: 100%;
    transform: rotatex(-180deg);
    -webkit-transform: rotatex(-180deg);
    -moz-transform: rotatex(-180deg);
    -ms-transform: rotatex(-180deg);
    -o-transform: rotatex(-180deg);
    opacity: 0;
}
.photobanner.sliceyes a {
    position: relative;
    z-index: 1;
    display: inline-block;
    vertical-align: top;
    max-width: 100%;
    background: #fff;
}
.photobanner a,.photobanner img{
	position: relative;
	z-index: 1;
	display: inline-block;
}
.photobanner.show-rotateyes img{
	z-index: 1;
	-webkit-animation: rotating 20s linear infinite; 
    -moz-animation: rotating 20s linear infinite;
    -moz-animation: rotating 20s linear infinite;
    -o-animation: rotating 20s linear infinite;
}
.photobanner:after{
	 content: "";
	webkit-transform: scale(1.15);
    -ms-transform: scale(1.15);
    transform: scale(1.15);
    left: 20%;
    bottom: -30px;
        background-color: #f2f3f3;
            position: absolute;
    width: 100%;
    height: 100%;
    display: none;
}
.photobanner.yes:after{
 	display: block;
   
}
.itemrotate img {
  animation: imgrotate 20s infinite linear;
}
/* Path Slider */
.caption-text{
	top: 100%;
	position: relative;
	margin-top: 100px;	
}
.caption-text h3{
	font-size: 30px;
    color: #fff;
    text-align: center;
}
/*Photo Intros */
.photo-intros .uk-grid{
    position: relative;
    height: 400px;
    width: 100%;
    overflow: hidden;
    z-index: 2;
}
.photo-intros{
    background-color: transparent;
    background-image: linear-gradient(90deg,#fff 0%,rgba(243,245,248,0) 44%);
    -webkit-transition: background .3s,border .3s,-webkit-border-radius .3s,-webkit-box-shadow .3s;
    transition: background .3s,border .3s,-webkit-border-radius .3s,-webkit-box-shadow .3s;
    -o-transition: background .3s,border .3s,border-radius .3s,box-shadow .3s;
    transition: background .3s,border .3s,border-radius .3s,box-shadow .3s;
    transition: background .3s,border .3s,border-radius .3s,box-shadow .3s,-webkit-border-radius .3s,-webkit-box-shadow .3s;
}
 .photo-intros .items {
 	padding: 3px!important;
 }
 
 .photo-intros .uk-grid{
 	padding: 0!important;
 	margin: 0!important; 	
    position: relative;
    z-index: 9;
    display: block;	
 
 }
 .photo-intros .items{
    transform: translate3d(0,-5%,0);
}
.photo-intros .items:nth-child(odd){
 	transform: translate3d(0,-0%,0);
 }
.photo-intros .items .img{
	animation: scroll_photos 70s linear infinite;
	width: 100%;
}
.photo-intros .items:nth-child(odd) .img{
	animation: scroll_photos 60s linear infinite;
	width: 100%;
}
.photo-intros:after  {
    content: "";
    webkit-transform: scale(1.15);
    -ms-transform: scale(1.15);
    transform: scale(1.15);
    left: 20%;
    bottom: -30px;
    background-color: #f2f3f3;
    position: absolute;
    width: 100%;
    height: 100%;
    display: none;
    z-index: 1;
}
.photo-intros.yes:after {
    display: block;
}
@keyframes scroll_photos{100%{transform:translateY(-100%)}}
  
@keyframes imgrotate {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(359deg);
  }
}


/* BG photo intro */
.ux-bgintrosldcover{
	position: relative;
    display: block;
    width: 100%;
    height: 100%;
    background-repeat: no-repeat;
    background-size: cover;
    background-attachment: fixed; 
}
.ux-bgintrosld  .slick-slide{
	position: relative;
	min-height: 300px;
	overflow: hidden;
}
.ux-bgintrosld li.slick-current:before{
	content: "";
	position: absolute;
	width: 1px;
	height:100%;
	background: #ccc;
	left: 0; 
	top: 0;
	bottom: 0;		
}
.ux-bgintrosld li.slick-current:after{
	content: "";
	position: absolute;
	width: 1px;
	height:100%;
	background: #ccc;
	right: 0; 
	top: 0;
	bottom: 0;		
}
.ux-bgintrosld .hvbgfullcapyes{
	    padding: 35px;
}
.ux-bgintrosld .hvbgfullcapyes .intro.ux-hide{
	  display: block;
}
.ux-bgintrosld .caption{
	position: absolute;
	bottom: 0;
	left: 0;
	right: 0;
	padding: 35px;
	cursor: pointer;
	z-index: 99999;		
} 
.ux-bgintrosld .caption h3 a span{
	font-size: 35px;
	color: #fff;
	
}
.ux-bgintrosld .caption{
	font-size: 35px;
	color: #fff;
}
.ux-bgintrosld i,.ux-bgintrosld svg{
	margin-right: 25px;
}
.ux-bgintrosld .hvbgfullcapyes .intro.ux-hide {
	margin-top: 15px;
    position: relative;
}
.ux-bgintrosld  .cap-hvcontent{
	margin-top: -10px;
}
.hvbgfullcapyes{
	background: #ff6600;
}
.ux-bgintrosldcover .sub-tit{
	top: 0;
    left: 0;
    font-size: 75px;
    color: rgba(255, 255, 255, 0.35);
    margin-top: 0;
    margin-left: 0;
    font-weight: bold;
    margin-bottom: -30px;
}

/* Photo Slick Split Slider */
.ux-block .slick-arrow{
	display: none!important;
}
.ux-block:hover .slick-arrow{
	display: block!important;
	-webkit-animation-name: fadeIn;
    animation-name: fadeIn;
    z-index: 1;
}
.ux-photoslicksplit{
	position: relative;
	display: block;
	z-index: 1;
	width: 100%;
	height: 100%;	
}
.ux-photoslicksplit .slideshow {
  position: absolute;
  z-index: 1;
  top: 0;
  left: 0;
  width: 100vw;
  height: 100vh;
  overflow: hidden;
}
.ux-photoslicksplit .slideshow .slider {
  width: 100vw;
  height: 100vw;
  z-index: 2;
}
.ux-photoslicksplit .slideshow .slider * {
  outline: none;
}
.ux-photoslicksplit .slideshow .slider .item {
  height: 100vh;
  width: 100vw;
  position: relative;
  overflow: hidden;
  border: none;
}
.ux-photoslicksplit .slideshow .slider .item .text {
  display: none;
}
.ux-photoslicksplit .slideshow .slider .item img {
  min-width: 101%;
  min-height: 101%;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
}
.ux-photoslicksplit .slideshow .slick-dots {
     position: absolute;
    z-index: 100;
    width: 40px;
    height: auto;
    bottom: auto;
    top: 25%;
    right: 0;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    left: auto;
    color: #fff;
    display: block;
}
.ux-photoslicksplit .slideshow .slick-dots li {
  display: block;
  width: 100%;
  height: auto;
}
.ux-photoslicksplit .slideshow .slick-dots li button {
  position: relative;
  width: 20px;
  height: 15px;
  text-align: center;
  background: none;
  
}
.ux-photoslicksplit .slideshow .slick-dots li button:before {
  content: '';
  background: #fff;
  color: #fff;
  height: 2px;
  width: 20px;
  border-radius: 0;
  position: absolute;
  top: 50%;
  right: 0;
  left: auto;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  transition: all .3s ease-in-out;
  opacity: 0.6;
}
.ux-photoslicksplit .slideshow .slick-dots li.slick-active button:before {
  width: 40px;
  opacity: 1;
}
.ux-photoslicksplit .slideshow.slideshow-right {
  left: 0;
  z-index: 1;
  width: 50vw;
  pointer-events: none;
}
.ux-photoslicksplit .slideshow.slideshow-right .slider {
  left: 0;
  position: absolute;
}

.ux-photoslicksplit .slideshow-text{
   position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  z-index: 100;
  font-size: 80px;
  width: 100vw;
  text-align: center;
  color: #fff;
  font-weight: 100;
  pointer-events: none;
  text-transform: uppercase;
  letter-spacing: 20px;
  line-height: 0.8;
  margin-top: 25%;
}
.ux-photoslicksplit .slideshow-text h2{
	font-size: 25px;
}
@media (max-width: 767px) {
  .ux-photoslicksplit .slideshow-text {
    font-size: 40px;
  }
}

.ux-photoslicksplit .the-most {
  position: fixed;
  z-index: 1;
  bottom: 0;
  left: 0;
  width: 50vw;
  max-width: 200px;
  padding: 10px;
}
.ux-photoslicksplit .the-most img {
  max-width: 100%;
}
/*3D Split Slider */
.skw-pages {
  overflow: hidden;
  position: relative;
  height: 100vh;
}
.skw-pages .continue-reading{
	margin-top: 25px;
}
.skw-page {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
}
.skw-page__half {
  position: absolute;
  top: 0;
  width: 50%;
  height: 100vh;
  transition: -webkit-transform 1s;
  transition: transform 1s;
  transition: transform 1s, -webkit-transform 1s;
}
.skw-page__half--left {
  left: 0;
  -webkit-transform: translate3d(-32.4vh, 100%, 0);
          transform: translate3d(-32.4vh, 100%, 0);
}
.skw-page__half--right {
  left: 50%;
  -webkit-transform: translate3d(32.4vh, -100%, 0);
          transform: translate3d(32.4vh, -100%, 0);
}
.skw-page.active .skw-page__half {
  -webkit-transform: translate3d(0, 0, 0);
          transform: translate3d(0, 0, 0);
}
.skw-page__skewed {
  overflow: hidden;
  position: absolute;
  top: 0;
  width: 140%;
  height: 100%;
  -webkit-transform: skewX(-18deg);
          transform: skewX(-18deg);
  background: #000;
}
.skw-page__half--left .skw-page__skewed {
  left: -40%;
}
.skw-page__half--right .skw-page__skewed {
  right: -40%;
}
.skw-page__content {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-flow: column wrap;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  padding: 0 30%;
  color: #fff;
  -webkit-transform: skewX(18deg);
          transform: skewX(18deg);
  transition: opacity 1s, -webkit-transform 1s;
  transition: transform 1s, opacity 1s;
  transition: transform 1s, opacity 1s, -webkit-transform 1s;
  background-size: cover;
}
.skw-page__half--left .skw-page__content {
	 padding-left: 30%;
    padding-right: 25%;
 
  -webkit-transform-origin: 100% 0;
          transform-origin: 100% 0;
}
.skw-page__half--right .skw-page__content {
  padding-left: 28%;
    padding-right: 33%;
  -webkit-transform-origin: 0 100%;
          transform-origin: 0 100%;
}
.skw-page.inactive .skw-page__content {
  opacity: 0.5;
  -webkit-transform: skewX(18deg) scale(0.95);
          transform: skewX(18deg) scale(0.95);
}
.skw-page__heading {
  margin-bottom: 20px;
  font-size: 25px;
  text-align: center;
  width: 100%;
  
}
.skw-page__description {
  font-size: 18px;
  text-align: center;
  width: 100%;
}
.skw-page__link {
  color: #FFA0A0;
}
.skw-pages .continue-reading,.skw-page__heading{
	width: 100%;
}
/* Circle*/
.ux-circle .icon{
	position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    margin: 0;
    padding: 0;	
}
.ux-circle .icon i{
	font-size: 20px;
}
/* From Blog */
.blog-item{
	overflow: hidden;
}
.ux-post-block-news.from-blog.s3  .meta span.art {
    text-transform: lowercase;
    color: #999!important;
}
.add-wlpost{
	z-index: 1;
}
.ux-position-l.add-wlpost{
    margin-left: 20px;
    margin-top: 20px;
    z-index: 9;
}
.add-wlpost  .icon_ribbon_alt{
	font-size: 22px;
	color: #fff;
	cursor: pointer;
}
.item-uxhv{
	position: relative;
	display: block;
	box-sizing: border-box;
}
.hor-lineani{
	width: 20px;
	height: 2px;
	background: #747474;
	left:0;
	bottom: 0;
	z-index: 2;
}
.blog-item .hor-lineani-thin:before,.hor-lineani-thin:before{
	width: 20px;
	height: 1px;
	background: #747474;
	left:0;
	bottom: 1px;
	content: "";
	position: absolute;
	display: block;	
	z-index: 1;
}
.catgrid-contentsb .sg-post-meta.sub-title .hor-lineani{
    bottom: 0;
    padding: 0;
    margin-top: 3px;
    z-index: 2;
    position: relative;
}
.catgrid-style9 .breadcrumb .post-title{ 
	display: none;
}
.from-blog .continue-reading{
	position: relative;
}
.from-blog .continue-reading span.color.readmore {
	margin-top: 15px;
    margin-bottom: -15px;
    display: inline-block;
    text-transform: uppercase;
    font-size: 14px!important;
    font-weight: 600;
}
.from-blog .continue-reading span.readmorefakehover{
	margin-top: 18px;
    position: absolute;
    left: 0;
    margin-left: 0;

}
.catgrid-contentsb ul.slick-dots {
    position: absolute;
    bottom: 15px;
}
.blog-item .meta li.ux-hvaniinout{
	margin-right: 0;
}
.blog-item .hor-lineani.animated {
	position: relative;
}
.blog-item .text{
	padding: 15px 25px 10px;
    background: #fff;
}

.from-blog.s3 .blog-item .text{
    margin-top: -40px;
    position: relative;
    width: 90%;
    z-index: 1;
    padding: 15px 25px 10px 0;
}
.ux-block .blog-item  .meta {
    margin-top: 5px;
}
.ux-ourteam.ux-block p.meta{
	margin-top: 5px;
	font-weight: 400;
	padding-top: 5px;
	padding-bottom: 10px;
}
.from-blog.s1 .blog-item{
    -webkit-transition: all 200ms linear 0ms;
    -khtml-transition: all 200ms linear 0ms;
    -moz-transition: all 200ms linear 0ms;
    -ms-transition: all 200ms linear 0ms;
    -o-transition: all 200ms linear 0ms;
    transition: all 200ms linear 0ms;   
    position: relative;
    overflow: hidden;
}
.ux-block.from-blog h3{
	font-size: 16px;
    margin: 0;   
}
.isotope .slick-dots li {
    margin: 0 10px;
}
.ux-block .slick-dots li{
	width: auto;
}
/*
.ux-block.from-blog .blog-item:hover{
	 -webkit-box-shadow: -6px 10px 24px 0px rgba(0, 0, 0, 0.15);
    -khtml-box-shadow: -6px 10px 24px 0px rgba(0, 0, 0, 0.15);
    -moz-box-shadow: -6px 10px 24px 0px rgba(0, 0, 0, 0.15);
    -ms-box-shadow: -6px 10px 24px 0px rgba(0, 0, 0, 0.15);
    -o-box-shadow: -6px 10px 24px 0px rgba(0, 0, 0, 0.15);
    box-shadow: -6px 10px 24px 0px rgba(0, 0, 0, 0.15);
}
*/
.from-blog.s1 .blog-item .text{
	padding:20px 25px 15px;
	position: relative;
}
.from-blog .timecircle{
	width: 50px;
    height: 50px;
    background: #ffb40f;
    border-radius: 50px;
    color: #fff;
    position: absolute;
    right: 0;
    top: 0;
    margin-top: -28px;
    margin-right: 25px;
    padding: 7px;
    z-index: 9999;
}
.from-blog .timecircle.timesquare{
	width: 50px;
    height: 50px;
    background: #ffb40f;
    color: #fff;
    position: absolute;
    right: 0;
    top: 0;
    margin-top:-50px;
    margin-right: 0;
    padding: 7px;
    z-index: 9999;
    border-radius: 0;
}
.from-blog.s2 .timecircle.timesquare{
	top: 0;
    margin-top: 0;
    
}
/*
.from-blog .timecircle:after{
	content: "...";
    position: absolute;
    left: 19px;
    right: 0;
    top: 10px;
    font-size: 13px;
    font-weight: bold;
    letter-spacing: 2px;
	
}
*/
.from-blog .timecircle span{
	width: 100%;
    display: block;
    text-align: center;
    color: #555;
    text-transform: uppercase;
    font-size: 12px;
    /* font-weight: 400; */
    line-height: 1.6;
}
.from-blog .continue-reading{
	position: relative;
}
.from-blog .timecircle a:hover{
	color: #fff!important;
}
.from-blog.s2 .blog-item .caption {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    padding: 25px;
    z-index: 1;
}
.from-blog.s2 .continue-reading a:hover span.readmorefakehover{
	background-size: 100% 0;
    background-image: none;
    transition: none;
}
.from-blog .meta ul li{
	display: inline-block;
	position: relative;
	display: inline-block;
    margin-right: 5px;
    position: relative;
    margin-left: 5px;
}
.from-blog .meta ul li:first-child{
	margin-left: 0;
}
.from-blog .meta ul li:last-child{
	margin-right: 0;
}
.from-blog .meta ul li span{
	margin-right: 2px;
}
.from-blog .meta ul li .skew-line:after {
    content: "";
    left: 0;
    top: 0;
    position: absolute;
    width: 1px;
    height: 13px;
    background: #b9b8b8;
    transform: rotate( 30deg );
    margin-top: 6px;
    margin-left: -8px;
}
.from-blog .comment-count{
	font-size: 14px;
}
.from-blog.s2 h2 {
    margin-top: -10px;
    font-size: 22px;
    margin-bottom: 5px;
    text-transform: capitalize;
    padding-right: 80px;
}

.from-blog .isotope .item{
	height: auto!important;
}
.from-blog.s3 .timecircle.timesquare {
    width: 60px;
    height: 60px;
    padding: 12px;    
    margin-top: 20px;
    margin-right: 20px;
    z-index: 9999;
    border-radius: 63% 37% 50% 50%/70% 68% 32% 30%;
}
/*
.from-blog.s3 .timecircle:after {
    content: "...";
    position: absolute;
    left: 24px;
    right: 0;
    top: 14px;
    font-size: 13px;
    font-weight: bold;
    letter-spacing: 2px;
}*/
.from-blog.s4 .timecircle.timesquare {
	margin-top: 0px;
}
.from-blog.s4 .timecircle.timesquare a:first-child{
	margin-top: 5px;
}
.from-blog.s4 .timecircle.timesquare a:last-child{
    margin-top: 5px;
}
/* BG Cool Slider */
 .ux-bgcool *,.ux-bgcool *:before,.ux-bgcool *:after {
	box-sizing: border-box;
	margin: 0;
	padding: 0;
}
.ux-bgcool.main {
	width: 100%;
	height: 100vh;
	overflow: hidden;
} 
/* Skew Carousel Slider */
.uxskewslider-carousel{
	overflow: hidden;
}
.uxslicksld  .item{
	height: 550px;
}
.uxcover {
    overflow: hidden;
    height: 100%;
    width: 125%;
    display: block;
    margin-left: -8px;
}
 .uxcover-img{
 	width: 100%;
 	height: 100%;
 	background-repeat: no-repeat;
 	background-size: cover;
 }
 .ux-anisld{
 	opacity: 0;
 	-vendor-animation-duration: 3s;
    -vendor-animation-delay: 2s;
    -vendor-animation-iteration-count: infinite;
 }
.ux-anisld.animated {
    opacity: 1;
}
.uxcover-revert{
	background: red;
    visibility: visible;
    transform-origin: center center;
    overflow: hidden;
    height: 100%;
    width: 110%;
}
.sld-content {
	padding: 10%;
    padding-right: 40%;
}
.sld-content p.intro{
	margin: 20px 0;
    
}

.uxslicksld.s2 .uxcover{
    width: 115%;
}
.uxslicksld.s2  .sld-content{
    margin-top: 65px;
    margin-bottom: 65px;
}
.uxslicksld.s2 {
	background: transparent;
}
.gridphoto-swap{
	 position: relative;
    display: contents;	
}
/* Distoration Slider */
.scene-nav.scene-nav--prev:hover i:before{
	content: "\e879";
}
.scene-nav.scene-nav--next:hover i:before{
	content: "\e87a";
}

/* Soccer */
.sp-event-blocks.ca .team-logo{
 	max-width: 50px;
}
.sp-event-blocks.ca .sp-event-results{
	font-size: 20px;
	margin: 0 auto 7px;
}
.sp-event-blocks .sp-event-date{
    text-align: center;
    display: block;
    margin: 10px 0;
    clear: none;
    font-size: 15px;
}
.sp-event-blocks.ca .item-uxhv {
       padding: 0 20px;
}
.headitem-content .sp-event-results{
	font-size: 35px;
}
h4.sp-event-title{
	font-size: 18px;
}
.headitem-content .sp_event_spec{
	font-size: 14px;
	margin-top: 10px;
}
.head-item.board .headitem-content{
	padding: 35px;
	background: #1816168a;
}
.sp-event-blocks .head-item {
	height: auto!important;
}
.sp-event-title h4 a{
	background: red;
    padding: 13px 85px;
    margin-bottom: 25px;
    display: inline-block;
    clip-path: polygon(75% 0%, 100% 50%, 75% 100%, 18% 99%, 0 50%, 22% 0);
    font-size: 17px;
    text-transform: uppercase;
    letter-spacing: 1px;
	
}
.sp-scrollable-table-wrapper table thead {
    background: #E00028;
    font-weight: 500;
}
.sp-event-blocks.ux-block-listing .head-item{
	padding: 0;
	box-shadow: none;
}
.item-uxhv.uk-width-medium-1-3:after,.item-uxhv.uk-width-medium-1-1:after{
	content: "";
    position: absolute;
    left: 0;
    right: 0;
    bottom: -16px;
    height: 1px;
    width: 80%;
    background: #e1e1e1;
    left: 220px;
    transform: translateX(-50%);
}
.item-uxhv.uk-width-medium-1-3:last-child:after,.item-uxhv.uk-width-medium-1-1:last-child:after{
	display: none;
}
.sp-event-blocks.ca .content-inner{
	font-size: 14px;
}
.sp-event-blocks.matchlist .item-uxhv.uk-width-medium-1-1 {  
    margin-bottom: 35px;
}
.headitem-content .headtable,.headitem-content{
	text-align: center;
}
.headitem-content .ux-countdown.is-countdown { 
    position: relative;
    display: inline-block;
}
.headitem-content .headtable span{
	color: #fff;
    padding: 15px 45px;
    /* font-weight: bold; */
    text-transform: uppercase;
    font-size: 14px;
   /* clip-path: polygon(15% -11%, 87% -4%, 100% 100%, 0% 100%);*/
    letter-spacing: 3px;
}
.board .headitem-content .headtable ux-title{
	margin-bottom: 10px;
}

.ux-post-block-news .item-uxhv.uk-width-medium-1-3 {
	font-size: 14px;
	margin-bottom: 25px;
}
.sp-event-blocks .item-uxhv.uk-width-medium-1-3  .sp-event-results{
	font-size: 18px;
}
.sp-event-blocks .head-item .team-logo img, .sp-event-blocks .head-item .team-logo {
    max-width: 100%!important;
    height: auto;
}
/* Light Gallery */
.ux-block .lSAction > a{
	width: 40px;
    display: block;
    top: 50%;
    height: 35px;
    margin-top: -25px;
    border: solid 1px;
    background: none;
}
.ux-block .lSAction > a.lSPrev:before{
    content: "\e877";
    font-family: 'Linearicons-Free';
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    position: absolute;
    left: 10px;
    top: 7px;
    font-size: 19px;
}
.ux-block .lSAction > a.lSNext:before{
	 content: "\e878";
    font-family: 'Linearicons-Free';
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
     position: absolute;     
    right: 9px;
    top: 7px;
    font-size: 19px;
	
}
.cs3-skin-no .cs3-slide-prev, .cs3-skin-no .cs3-slide-next,#prevslide, #nextslide{
	border: 2px solid;
}
/* Popup Login */
.prod-qvwarper.poplogin-form .prod-qvcontainer {
    width: 300px;
    height: 300px;
}
.hd-quicksignout{
	z-index: 2;
}
.hd-utility > ul > li .hd-share i{
	
	font: normal normal normal 14px/1 'FontAwesome'!important;
}
/* HD login form */
.hd-loginbtn{
	cursor: pointer;
} 
.hd-quicklogin,.hd-utility > ul > li.hd-quicklogin{
	width: 100px!important;
    padding-left: 35px;
}
.hd-quicklogin i,.hd-quicklogin svg{
	position: absolute;
	left: 0;
}
.hd-loginform.prod-qvwarper .prod-qvcontainer ,.hd-loginform .prod-qvcontainer{
    width: 400px;
    height: 450px;
}
.right-sb.hd-loginform.prod-qvwarper .prod-qvcontainer,.right-sb.hd-loginform .prod-qvcontainer ,.right-sb.hd-loginform .prod-qvcontainer{
    width: 400px;
    height: 100%;
    position: absolute;
    left: auto;
    right: 0;
    bottom: 0;
 }
 .hd-loginform .prod-qvcontainer {
    width: 1000px;
    height: 500px;
    position: absolute;
    margin: 0 auto;
    top: 50%;
    left: 0;
    right: 0;
    transform: translateY(-50%);
    background: #fff;
    padding: 35px;
    overflow: hidden;
}
.hd-loginform  input[type="text"], .hd-loginform  input[type="password"], .hd-loginform input[type="password"] {
    line-height: 47px;
    height: 47px!important;
    border-radius: 0;
    box-shadow: none;
    border: none;
    border-bottom: 1px solid #e1e1e1;
}
.hd-loginbtn.hd-login .hd-loginbig span.aut-text {
    display: inline-block;
    font-size: 11px!important;
    line-height: 20px;
    text-transform: uppercase;
    color: #999;
    letter-spacing: 1px;
    margin-top: -5px;
    text-align: left;
    padding-left: 5px;
}
.hd-loginbtn.hd-login .hd-loginbig span.aut-text .auth-lbl {
	text-transform: capitalize;
    margin-top: 9px;
}
.xoo-el-form-container ul.xoo-el-tabs li{
	margin-right: 10px;	
}
.xoo-el-form-container ul.xoo-el-tabs li:last-child{
	margin-right: 0;	
}
.xoo-aff-input-group .xoo-aff-input-icon,.xoo-aff-group input[type="email"]{
	border:none;
	background: transparent; 
	border-bottom: 1px solid #e1e1e1;
	position: relative;
	box-shadow: none;
}
.xoo-el-form-container ul.xoo-el-tabs li{
	border-radius: 35px;
}
.xoo-aff-input-group .xoo-aff-input-icon:after{
	content:"";
	position:absolute;
	width:1px;
	height: 20px;
	background: #e1e1e1;
	right: 0;
    top: 13px;
}
.xoo-aff-group .inputlinehv{
	z-index: 1;
	margin-top: -1px;
}
.hd-loginform input[type="text"]:focus, .hd-loginform input[type="password"]:focus ,.xoo-aff-group input[type="email"]:focus{
	background: transparent!important;
}
.xoo-aff-group input[type="email"]:focus{
	box-shadow: none;
}
.hd-loginform  .xoo-aff-group,.hd-loginform  .xoo-aff-input-group .xoo-aff-input-icon{
	border-radius:0; 	
}
.hd-loginform  .xoo-aff-group label{
	font-weight: inherit;
	text-align: left;
	margin: 0;
	padding: 0;
}
.hd-loginform  .xoo-el-form-container {
    padding-bottom: 0;
}
.hd-loginform .xoo-el-form-container button.button.btn.xoo-el-action-btn {
    clear: both;
    width: 160px;
    text-transform: uppercase;
    display: inline-block;
    cursor: pointer;
    margin: 0;
    line-height: 39px;
    border-radius: 5px;
    height: 50px;
}
.hd-loginform  xoo-el-tabs,.xoo-el-form-container ul.xoo-el-tabs li{
	text-transform: uppercase;
	font-size: 14px;
	font-weight: inherit;
}
.hd-quicksignout{
	position: absolute;
    background: rgba(255,255,255,0.9);
    padding: 5px 20px 0;
    line-height: 40px;
    height: 40px;
    font-size: 13px;
} 
.hd-quicksignout p a{
	font-size: 16px;
	font-weight: 500;	
}
.hd-loginform  .xoo-aff-group label {
    margin: 0;
    padding: 0;
    height: 30px;
    line-height: 30px;
    font-size: 16px;
}
a.xoo-el-lostpw-tgr{
	font-size: 14px;
    margin-top: 5px;
}
.hd-loginform  .xoo-el-form-container  .xoo-el-form-register  button.button.btn.xoo-el-action-btn{
	margin-top: 40px;
}
.hd-loginform  .prodqv-close,.hd-loginform .prodqv-close{
	margin-top: 0;
	margin-right: 0;
}
.customize-support .hd-loginform  .prodqv-close,.customize-support .uxpopup-close,.customize-support .hd-loginform .prodqv-close {
    margin-top: 35px;
}
.xoo-el-form-container ul.xoo-el-tabs li.xoo-el-active {
    font-weight: inherit;
    background: #4caf50!important;
}
.uxhdbtn{
	padding:10px 25px;
	background:#ff6600;
	color:#fff;
}
/* Grid V line */
.ux-gridvline{
	position: fixed;
    height: 100%;
    width: 100%;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
   
}
.ux-gridvline li{
	list-style: none;
	float: left;
	
}
.ux-gridvline li:first-child,.ux-gridvline li:last-child{
 	opacity: 0;
}
.ux-gridvline li:before{
	content:"";
	width:1px;
	position:absolute;
	background: #cccccc;	 
	top: 0;
	bottom: 0;
	height: 100%;	
	opacity: 0.15;
}
.ux-gridvline li:after{
	    left: 0;
    top: -50%;
    width: 100%;
    content: "";
    height: 15vh;
    display: block;
    position: absolute;
    -webkit-animation: run 7s 0s infinite;
    animation: run 7s 0s infinite;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
    -webkit-animation-timing-function: cubic-bezier(.4,.26,0,.97);
    animation-timing-function: cubic-bezier(.4,.26,0,.97);
    background: -webkit-gradient(linear,left top,left bottom,from(rgba(255,255,255,0)),color-stop(75%,var(--whiteColor)),to(var(--whiteColor)));
    background: linear-gradient(to bottom,rgba(255,255,255,0) 0%,#fff 75%,#fff 100%);
}
.triangwrap {
  -webkit-transform: rotate(45deg) translate3d(0, 0, 0);
  -moz-transform: rotate(45deg) translate3d(0, 0, 0);
  -ms-transform: rotate(45deg) translate3d(0, 0, 0);
  -o-transform: rotate(45deg) translate3d(0, 0, 0);
  transform: rotate(45deg) translate3d(0, 0, 0);
  display: inline-block;
  -webkit-transition: -webkit-transform 300ms ease-out;
  -moz-transition: -moz-transform 300ms ease-out;
  transition: transform 300ms ease-out;
  width: 100px;
}
.triangwrap :hover {
  -webkit-transition: -webkit-transform 500ms ease-out;
  -moz-transition: -moz-transform 500ms ease-out;
  transition: transform 500ms ease-out;
  -webkit-transform: rotate(45deg) translate3d(10px, 10px, 0);
  -moz-transform: rotate(45deg) translate3d(10px, 10px, 0);
  -ms-transform: rotate(45deg) translate3d(10px, 10px, 0);
  -o-transform: rotate(45deg) translate3d(10px, 10px, 0);
  transform: rotate(45deg) translate3d(10px, 10px, 0);
}
.triangwrap :nth-child(even) {
  width: 40px;
  -webkit-transform: rotate(225deg) translate3d(30px, 120px, 0);
  -moz-transform: rotate(225deg) translate3d(30px, 120px, 0);
  -ms-transform: rotate(225deg) translate3d(30px, 120px, 0);
  -o-transform: rotate(225deg) translate3d(30px, 120px, 0);
  transform: rotate(225deg) translate3d(30px, 120px, 0);
}
.triangwrap :nth-child(even) .triangcrop img {
  -webkit-transform: skew(-20deg, -20deg) rotate(-225deg);
  -moz-transform: skew(-20deg, -20deg) rotate(-225deg);
  -ms-transform: skew(-20deg, -20deg) rotate(-225deg);
  -o-transform: skew(-20deg, -20deg) rotate(-225deg);
  transform: skew(-20deg, -20deg) rotate(-225deg);
}
.triangwrap :nth-child(even):hover {
  -webkit-transform: rotate(225deg) translate3d(40px, 130px, 0);
  -moz-transform: rotate(225deg) translate3d(40px, 130px, 0);
  -ms-transform: rotate(225deg) translate3d(40px, 130px, 0);
  -o-transform: rotate(225deg) translate3d(40px, 130px, 0);
  transform: rotate(225deg) translate3d(40px, 130px, 0);
}

.triangcrop {
  position: relative;
  width: 160px;
  height: 160px;
  margin: 0;
  display: block;
  overflow: hidden;
  -webkit-transform: skew(20deg, 20deg) translate3d(0, 0, 0);
  -moz-transform: skew(20deg, 20deg) translate3d(0, 0, 0);
  -ms-transform: skew(20deg, 20deg) translate3d(0, 0, 0);
  -o-transform: skew(20deg, 20deg) translate3d(0, 0, 0);
  transform: skew(20deg, 20deg) translate3d(0, 0, 0);
}
.triangcrop img {
  width: 160px;
  height: 160px;
  position: absolute;
  left: -50%;
  margin-top: 36px;
  margin-left: 36px;
  top: -50%;
  -webkit-transform: skew(-20deg, -20deg) rotate(-45deg);
  -moz-transform: skew(-20deg, -20deg) rotate(-45deg);
  -ms-transform: skew(-20deg, -20deg) rotate(-45deg);
  -o-transform: skew(-20deg, -20deg) rotate(-45deg);
  transform: skew(-20deg, -20deg) rotate(-45deg);
  opacity: 0.7;
  -webkit-transition: opacity 300ms ease-in-out;
  -moz-transition: opacity 300ms ease-in-out;
  transition: opacity 300ms ease-in-out;
}
.triangcrop img:hover {
  opacity: 1;
}

.grid__item  .go-detail{
	position: absolute;
    right: 0;
    top: 0;
    margin-top: 35px;
    margin-right: 35px;
    z-index: 1;
    background: #00000078;
    width: 35px;
    height: 35px;
    line-height: 35px;
    color: #fff;
}
/* Mouse Flowing */
.cap-mouseflow{
	position: absolute;
    /* width: 100px; */
    /* height: 100px; */
    top: 50%;
    left: 50%;
    /* margin: -50px 0 0 -50px; */
    background: #CB4B16;
    /* border-radius: 80%; */
    backface-visibility: hidden;
    visibility: hidden;
    z-index: 1;
    padding: 10px 20px;
    text-align: left;
}
.cap-mouseflow h2,.cap-mouseflow h3{
	font-size: 22px!important;
	margin-bottom: 5px!important;
	margin-top: 7px!important;
	text-align: left;
}
.uxmansonygrid.photogalleries .cap-mouseflow h2{
   
    margin-bottom: 4px!important;
}
.cap-mouseflow p{
	font-size: 15px!important;
	margin-bottom: 5px!important;
	margin-top: 0!important;
	text-align: left;
}
.itemmouse-hit{
	position: relative;
	display: block;
	width: 100%;
	height: 100%;
}
/* Box Author Sign */

ul.author-sign li{
	float: left;
	text-align: left;
	position: relative;
}
.elementor-editor-active ul.author-sign li{	 
	width: 50%;
}
.show-avayes .author-signava{
	padding-left: 85px;
}
.show-avayes .author-signava h3{
	margin-bottom: 5px;
}
.show-avayes .author-signava p.ux-subtit{
	margin-top: 5px;
}
.author-signimg{
	padding-left: 50px;
}
.author-signimg:before{
	content: "";
    position: absolute;
    left: 0;
    top: -5px;
    width: 1px;
    height: 60px;
    background: #8e8e8e;
    margin-left: 30px;
}
.author-signava .author-ava{    
	position: absolute;
    left: 0;
}
.author-signava img{
	width: 60px;
	height: 60px;
	margin-top:-7px;
}
 
@-webkit-keyframes toRight{
	49%{-webkit-transform:translate(100%)}
	50%{opacity:0;-webkit-transform:translate(-100%)}
	51%{opacity:1}
	}
@-moz-keyframes toRight{
	49%{-moz-transform:translate(100%)}
	50%{opacity:0;-moz-transform:translate(-100%)}
	51%{opacity:1}
	}
@keyframes toRight{
	49%{transform:translate(100%)}
	50%{opacity:0;transform:translate(-100%)}
	51%{opacity:1}
	}


/* Post Tool */
.post-save .ux-spin{
	position: absolute;
}
.ux-block.from-blog  .post-save{
    width: 40px;
    height: 40px;
    border-radius: 100%;
    background: #3f51b529;
    text-align: center;
    line-height: 48px;
}
.post-save .lds-ripple{
	width: 35px;
    height: 35px;
    position: absolute;
    left: 0;
    top: 0;
    margin-left: -25px;
    margin-top: -25px;
}
.ux-position-r.add-wlpost{
	margin-top: 15px;
}

#post-vtool .post-save .lds-ripple {    
    margin-left: -10px;
    margin-top: -35px;
}
.uxpopup-content .item-remove,.item-wishlst .item-remove{
	position: absolute;
    z-index: 9;
    font-size: 17px;
    top: 1px;
    left: 1px;
    font-weight: 500;
    background: #222;
    width: 28px;
    height: 28px;
    text-align: center;
    line-height: 29px;
    display: block;
}
.hd-minispin{
	position: absolute;
}
.item-wishlst .cat-tag{
	position: relative;
    margin-bottom: 8px;
    background: transparent;
    padding: 0;
    width: 100%;
    margin-top: -10px;
}
.item-wishlst .item-media img{
	border: 1px solid #33333312;
}
.item-wishlst .cat-tag a{
	background: transparent;
    padding: 0;
    margin-right: 5px;
}
.item-wishlst{
	position: relative;
}
.item-wishlst{
	position: relative;
    width: 100%;
    display: inline-block;
    margin-bottom: 20px;
    }
.uxpopup-content.ux-gridnews  ul.ux-title{
	position: absolute;
	left: 75px;
	top: 40px!important;
}
.uxpopup-content.ux-gridnews .item-media ,.panel-rsbcontent .post-item .item-media{
    position: relative;
    overflow: hidden;
    height: 85px;
    margin-bottom: 35px;
    width: 85px;
    float: left;
}
.item-wishlst .post-title {
    margin-bottom: 25px;
    margin-top: 5px;
    position: absolute;
    margin-left: 105px;
}
.uxpopup-content .item-remove a ,.item-wishlst .item-remove a {
	width: 100%;
    height: 100%;
    display: block;
    color: #fff;
}
.panel-rsbcontent{
	padding: 35px;
}
.panel-rsb{
	overflow-y: scroll;
}
.uxpopup-content .item-remove:hover a i,.item-wishlst .item-remove:hover a i{
	color: red;	
}
.uxpopup-content.ux-gridnews.df .item-media .dark-grad,.item-wishlst  .item-media .dark-grad {
    position: absolute;
    left: 0;
    bottom: 0;
    right: 0;
    padding: 15px 15px 5px;
}
.ux-prodhotspots{
	height:400px; 
}


/* ------------------------------------------------------------- *
 * Overlay menu 
/* ------------------------------------------------------------- */

/* Overlay menu 
================ */

.uxovl-overlay-menu {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100vh;
	background-color: #0a0a0a;
	visibility: hidden;
	opacity: 0;
	pointer-events: initial;
	z-index: 999;
}

.uxovl-ol-menu-holder {
	position: relative;
	height: 100%;
	width: calc(100% + 17px);
	padding-right: 17px;
	overflow-y: scroll;
	z-index: 2;
}
.uxovl-ol-menu-inner {
	display: table;
	width: 100%;
	height: 100%;
	padding-left: 0;
	padding-right: 0;
}
.uxovl-ol-menu-content {
	display: table-cell;
	vertical-align: middle;
	height: 100%;
	padding: 120px 5% 120px 5%;
}
@media (max-width: 767px) {
	.uxovl-ol-menu-content {
		padding-top: 25%;
		padding-bottom: 35%;
		padding-left: 15px;
		padding-right: 15px;
	}
	.hd-mobilnav .uxovl-ol-menu-content {
		padding-top: 0;
		padding-bottom: 0;
		padding-left: 15px;
		padding-right: 15px;
	}
	.hd-mobilnav .uxovl-ol-menu-holder {
		height: auto;
		padding-top: 35px;
	}
	.hd-mobilnav .uxovl-ol-menu-list > li > a,.hd-mobilnav .uxovl-ol-menu-list > li > .uxovl-ol-submenu-trigger > a {
	    font-size: 30px;
	    font-weight: inherit;
	}
}

/* Disable page scroll if overlay menu is open */
body:not(.uxovl-smooth-scroll).uxovl-ol-menu-open {
	overflow-y: hidden;
}

/* Hide smooth scrollbar if overlay menu is open */
body.uxovl-smooth-scroll.uxovl-ol-menu-open .scrollbar-track {
	display: none !important;
}

/* Overlay menu list */
.uxovl-ol-menu-list {
	display: inline-block;
	margin: 0;
	padding: 0;
	list-style: none;
}
.uxovl-ol-menu-list > li {
	position: relative;
	margin-top: 20px;
	margin-bottom: 20px;
}
@media (max-width: 767px) {
	.uxovl-ol-menu-list > li {
		margin-top: 15px;
		margin-bottom: 15px;
	}
}
.uxovl-ol-menu-list > li:first-child {
	margin-top: 0;
}
.uxovl-ol-menu-list > li:last-child {
	margin-bottom: 0;
}

/* Overlay menu list item counter */
@media (min-width: 992px) {
	.uxovl-overlay-menu.uxovl-ol-menu-count .uxovl-ol-menu-list {
		counter-reset: ol-menu-list-counter;
	}
	.uxovl-overlay-menu.uxovl-ol-menu-count .uxovl-ol-menu-list > li > a::before,
	.uxovl-overlay-menu.uxovl-ol-menu-count .uxovl-ol-menu-list > li > .uxovl-ol-submenu-trigger > a::before {
		position: absolute;
		counter-increment: ol-menu-list-counter;
		content: "" counter(ol-menu-list-counter, decimal-leading-zero);
		top: 9px;
		left: -20px;
		line-height: 1;
		font-size: 14px;
		font-weight: normal;
		color: #FFF;
		opacity: 0.4;
	}
}

/* Overlay menu list links (master parent) */
.uxovl-ol-menu-list > li > a,
.uxovl-ol-menu-list > li > .uxovl-ol-submenu-trigger > a {
	position: relative;
	display: inline-block;
	font-size: 35px;	 
	line-height: 1.2;
	color: #eaeaea!important;
	transition: opacity 0.3s ease-in-out;
}

/* Overlay menu list hover/active (master parent). Note: no effect on mobile devices! */
body:not(.is-mobile) .uxovl-ol-menu-list.uxovl-ol-menu-hover > li > a,
body:not(.is-mobile) .uxovl-ol-menu-list.uxovl-ol-menu-hover > li > .uxovl-ol-submenu-trigger > a,
body:not(.is-mobile) .uxovl-ol-menu-list.uxovl-ol-menu-hover > li > .uxovl-ol-submenu-trigger .uxovl-ol-submenu-caret {
	opacity: .5;
}
body:not(.is-mobile) .uxovl-ol-menu-list > li.active > a,
body:not(.is-mobile) .uxovl-ol-menu-list > li.active > .uxovl-ol-submenu-trigger > a,
body:not(.is-mobile) .uxovl-ol-menu-list > li.active > .uxovl-ol-submenu-trigger .uxovl-ol-submenu-caret,
body:not(.is-mobile) .uxovl-ol-menu-list > li > a:hover,
body:not(.is-mobile) .uxovl-ol-menu-list > li > .uxovl-ol-submenu-trigger:hover > a,
body:not(.is-mobile) .uxovl-ol-menu-list > li > .uxovl-ol-submenu-trigger:hover .uxovl-ol-submenu-caret,
body:not(.is-mobile) .uxovl-ol-menu-list > li > .uxovl-ol-submenu-trigger.uxovl-ol-submenu-open > a,
body:not(.is-mobile) .uxovl-ol-menu-list > li > .uxovl-ol-submenu-trigger.uxovl-ol-submenu-open .uxovl-ol-submenu-caret {
	opacity: 1;
}

/* Overlay menu submenu */
.uxovl-ol-submenu-wrap {
	position: relative;
}
.uxovl-ol-submenu-trigger {
	position: relative;
	display: inline-block;
}
.uxovl-ol-submenu {
	display: none;
	position: relative;
	height: auto;
	margin-left: 20px;
	color: #8a8a8a;
}
.uxovl-ol-menu-list > li > .uxovl-ol-submenu {
	margin-top: 20px;
	margin-bottom: 20px;
}

/* Overlay menu submenu list */
.uxovl-ol-submenu-list {
	padding: 0;
	list-style: none;
}
.uxovl-ol-submenu-list .uxovl-ol-submenu {
	margin-top: 15px;
	margin-bottom: 20px;
}

/* Overlay menu submenu list links */
.uxovl-ol-submenu-list > li a,
.uxovl-ol-submenu-list > li > .uxovl-ol-submenu-trigger > a {
	display: inline-block;
	padding-top: 6px;
	padding-bottom: 6px;
	font-size: 19px;
	color: #AAA;
	transition: color 0.3s ease-in-out;
}

/* Overlay menu submenu list hover/active */
.uxovl-ol-submenu-list > li > .uxovl-ol-submenu-trigger.uxovl-ol-submenu-open > a,
.uxovl-ol-submenu-list > li > .uxovl-ol-submenu-trigger.uxovl-ol-submenu-open .uxovl-ol-submenu-caret,
.uxovl-ol-submenu-list > li.active > a,
.uxovl-ol-submenu-list > li.active > .uxovl-ol-submenu-trigger > a,
.uxovl-ol-submenu-list > li.active > .uxovl-ol-submenu-trigger .uxovl-ol-submenu-caret,
.uxovl-ol-submenu-list > li a:hover,
.uxovl-ol-submenu-list > li > .uxovl-ol-submenu-trigger:hover > a,
.uxovl-ol-submenu-list > li > .uxovl-ol-submenu-trigger:hover .uxovl-ol-submenu-caret {
	color: #FFF;
}

/* Submenu caret (requires FontAwesome: https://fontawesome.com/) */
.uxovl-ol-submenu-caret-wrap {
	position: absolute;
	top: 60%;
	right: -40px;
	transform: translate3d(0, -50%, 0);
	display: none;
}
@media (max-width: 767px) {
	.uxovl-ol-submenu-caret-wrap {
		right: -40px;
	}
}
.uxovl-ol-submenu-caret {
	position: relative;
	width: 40px;
	height: 40px;
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: 18px;
	color: #eaeaea;
	cursor: pointer;
	z-index: 2;
	border-radius: 100%;
	transition: opacity 0.3s ease-in-out;
}
.uxovl-ol-submenu-caret::after {
	font-family: "Font Awesome 5 Free";
	content: "\f107";
	font-weight: 900;
	display: inline-block;
	font-style: normal;
	font-variant: normal;
	text-rendering: auto;
	-webkit-font-smoothing: antialiased;
	transition: all 0.2s ease-in-out;
}
.uxovl-ol-submenu-trigger.uxovl-ol-submenu-open .uxovl-ol-submenu-caret::after {
	transform: rotate(180deg);
}

/* Sub-submenu caret */
.uxovl-ol-menu-list > li li .uxovl-ol-submenu-caret-wrap {
	top: 50%;
	right: -40px;
}
.uxovl-ol-menu-list > li li .uxovl-ol-submenu-caret {
	font-size: 16px;
	color: #8a8a8a;
}


/* Overlay menu toggle button 
============================== */
#uxovl-ol-menu-toggle-btn-wrap {
	position: relative;
    display: flex;
    align-items: center;
    pointer-events: initial;
    cursor: pointer;
    z-index: 1000;
    position: absolute;
    right: 0;
}
.uxovl-ol-menu-toggle-btn-holder {
	float: left;
}

/* Toggle button */
.uxovl-ol-menu-toggle-btn {
	position: relative;
	display: block;
	width: 50px;
	height: 50px;
}
.uxovl-ol-menu-toggle-btn span {
	position: absolute;
	display: block;
	top: 54%;
	left: 50%;
	height: 2px;
	width: 24px;
	background-color: transparent;
	transform: translate(-50%, -50%);
	transition: all 0.3s ease-in-out;
}
.uxovl-ol-menu-toggle-btn span::before,
.uxovl-ol-menu-toggle-btn span::after {
	position: absolute;
	display: block;
	content: '';
	height: 2px;
	width: 24px;
	background-color: #FFF;
	transition: all 0.3s ease-in-out;
}
.uxovl-ol-menu-toggle-btn span::before {
	top: -4px;
	width: 24px;
}
.uxovl-ol-menu-toggle-btn span::after {
	top: auto;
	bottom: -4px;
	width: 18px;
}

/* Toggle button text */
.uxovl-ol-menu-toggle-btn-text {
	float: left;
	padding-right: 5px;
	overflow: hidden;
	text-align: right;
	font-size: 15px;
	color: #FFF;
}

/* Toggle button text hover */
.uxovl-ol-menu-toggle-btn-text .text-menu {
	position: relative;
	display: inline-block;
	text-align: right;
	transition: transform 0.3s;
}
body.uxovl-ol-menu-open .uxovl-ol-menu-toggle-btn-text .text-menu {
	display: none;
}

body:not(.is-mobile) .uxovl-ol-menu-toggle-btn-text .text-menu::before {
	position: absolute;
	top: 100%;
	right: 0;
	content: attr(data-hover);
}
body:not(.is-mobile) #uxovl-ol-menu-toggle-btn-wrap:hover .uxovl-ol-menu-toggle-btn-text .text-menu {
	transform: translate3d(0, -100%, 0);
}

/* Toggle button close */
body.uxovl-ol-menu-open .uxovl-ol-menu-toggle-btn span {
	width: 20px;
	background-color: transparent;
}
body.uxovl-ol-menu-open .uxovl-ol-menu-toggle-btn span::before {
	top: 0;
	width: 20px;
	transform: rotate(45deg);
}
body.uxovl-ol-menu-open .uxovl-ol-menu-toggle-btn span::after {
	bottom: 0;
	width: 20px;
	transform: rotate(-45deg);
}

.uxovl-ol-menu-toggle-btn-text .text-close {
	display: none;
}
body.uxovl-ol-menu-open .uxovl-ol-menu-toggle-btn-text .text-close {
	display: block;
}

/* Disable menu toggle button click until the animations last */
body.olm-toggle-no-click .uxovl-ol-menu-toggle-btn-text,
body.olm-toggle-no-click .uxovl-ol-menu-toggle-btn {
	pointer-events: none;
}


/* Overlay menu position center 
================================ */
.uxovl-overlay-menu.uxovl-ol-menu-center .uxovl-ol-menu-content {
	text-align: center;
}
.uxovl-overlay-menu.uxovl-ol-menu-center .uxovl-ol-submenu {
	margin-left: 0;
} 
.uxovl-overlay-menu.hd-navacc{
    position: relative;
    top: 0;
    left: 0;
    width: auto;
    height: auto;
    background-color: transparent;
    visibility: visible;
    opacity: 1;
    pointer-events: initial;
    z-index: 9;
}
.hd-navacc .uxovl-ol-menu-content {
    display: block;
    vertical-align: middle; 
     height: auto;
   padding: 0;
}
.hd-navacc  .uxovl-ol-menu-inner {
    display: block;
    width: auto;
    height: auto;
    padding-left: 0;
    padding-right: 0;
}
.hd-navacc  .uxovl-ol-menu-holder {
    position: relative;
    height: 320px;
    width: auto;
    padding-right: 0;
    overflow-y: hiden;
    z-index: 2;
    top: 0;
    margin-top: 0;
}
 .uxovl-overlay-menu.uxovl-ol-menu-count.hd-navacc .uxovl-ol-menu-list > li > a::before,
 .uxovl-overlay-menu.uxovl-ol-menu-count.hd-navacc .uxovl-ol-menu-list > li > .uxovl-ol-submenu-trigger > a::before {
    position: absolute;
    counter-increment: ol-menu-list-counter;
    content: "" counter(ol-menu-list-counter, decimal-leading-zero);
    top: 0;
    left: -20px;
    line-height: 1;
    font-size: 11px;
    font-weight: normal;
    color: #FFF;
    opacity: 0.4;
}
.hd-navacc .uxovl-ol-menu-list > li > .uxovl-ol-submenu {
    margin-top: 10px;
    margin-bottom: 10px;
}
.hd-navacc  .uxovl-ol-submenu-caret {
    position: relative;
    width: 40px;
    height: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 13px;
    color: #eaeaea;
    cursor: pointer;
    z-index: 2;
    border-radius: 100%;
    transition: opacity 0.3s ease-in-out;
}
.hd-navacc .uxovl-ol-menu-content{
	height: 360px;
	overflow: hidden;	
}
.hd-navacc  .uxovl-ol-submenu-list > li a,.hd-navacc  .uxovl-ol-submenu-list > li > .uxovl-ol-submenu-trigger > a {
    display: inline-block;
    padding-top: 3px;
    padding-bottom: 3px;
    font-size: 15px;
    color: #bbbaba;
    transition: color 0.3s ease-in-out;
}
.hd-navacc  .uxovl-ol-menu-list > li > a, .hd-navacc  .uxovl-ol-menu-list > li > .uxovl-ol-submenu-trigger > a {
    position: relative;
    display: inline-block;
    font-size: 20px;
    /* font-weight: bold; */
    font-weight: inherit;
    line-height: 1.2;
    color: #f5f5f5;
    transition: opacity 0.3s ease-in-out;
}
.ux-block.ux-horthumbsld .lSAction > a{
	height: 40px;
}
.ux-block.ux-horthumbsld .lSAction > a.lSPrev:before{
    content: "\e879";
    font-weight: 600;
    color: #ccc;
    line-height: 24px;
}
.ux-block.ux-horthumbsld .lSAction > a.lSNext,.ux-block.ux-horthumbsld .lSAction > a.lSPrev{
	border:2px solid #ccc;
}

.ux-block.ux-horthumbsld .lSAction > a.lSNext:before{
	font-weight: 600;
    content: "\e87a";
    color: #ccc;
    line-height: 24px;
}
.ux-block .ux-horthumbsld .lSAction > a {    
    border: solid 2px #ccc;
}
/* Scroll Loco */
.text-parallel h1{
	font-size: 5vw;
	text-align: center; 
}
/* Overwrite Scroll Loco */
html.has-scroll-smooth body,html.has-scroll-smooth{
	overflow-y:auto!important; 	
}

/* Fancy workaround */
.fancybox__container{
	z-index: 99999;
}
/* Scroll Trigger */
.itemscroll.item-gallery li {
    flex-shrink: 0;
    width: clamp(500px, 60vw, 800px);
    padding-right: 1rem;
}
.itemscroll .wrapper {
    display: flex;
} 
.itemscroll h1{
	font-size: 50px;
	text-align: center;
}
.itemscroll p,.elementor-widget-container .itemscroll p{
	font-size: 50px;
	text-align: center;
}
/*
.counter-box.ux-position-r:after{
    position: absolute;
    bottom: -44px;
    right: 0px;
    content: '';
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 0px 45px 45px 0px;
    border-color: transparent #fff transparent transparent;
}
*/
.uxodometer {
	font-size: 45px
}
.counter-box{
	background: #fff;
	padding: 35px;
	z-index: 1;
}

.delayed-section.item1,.delayed-section.item2{
	z-index: 1;
}

/* Logo Creative*/
.logo-creative .gall-logo{
	position: relative;
}
.logo-creative .gall-logo a{
	position: absolute;
    top: 50%;
    transform: translateY(-50%);
    left: 0;
    right: 0;
    text-align: center;
}
/* CSS Spiner Master */
/* ux animation 2 */
/* Common Animation for Elementor Row Effect Also AIO Kit plugin */
@keyframes seczoominout{from{transform:scale(1)}50%{transform:scale(.9)}to{transform:scale(1)}}
@keyframes secmovetriang{0%{transform:translate(0px,0px)}50%{transform:translate(100px,0px)}100%{transform:translate(50px,50px)}}
@-webkit-keyframes animationFramesOne {
    0% {
        -webkit-transform: translate(0px, 0px) rotate(0deg);
    }

    20% {
        -webkit-transform: translate(73px, -1px) rotate(36deg);
    }

    40% {
        -webkit-transform: translate(141px, 72px) rotate(72deg);
    }

    60% {
        -webkit-transform: translate(83px, 122px) rotate(108deg);
    }

    80% {
        -webkit-transform: translate(-40px, 72px) rotate(144deg);
    }

    100% {
        -webkit-transform: translate(0px, 0px) rotate(0deg);
    }
}
@-webkit-keyframes animationFramesTwo {
    0% {
        -webkit-transform: translate(0px, 0px) rotate(0deg) scale(1);
    }

    20% {
        -webkit-transform: translate(73px, -1px) rotate(36deg) scale(0.9);
    }

    40% {
        -webkit-transform: translate(141px, 72px) rotate(72deg) scale(1);
    }

    60% {
        -webkit-transform: translate(83px, 122px) rotate(108deg) scale(1.2);
    }

    80% {
        -webkit-transform: translate(-40px, 72px) rotate(144deg) scale(1.1);
    }

    100% {
        -webkit-transform: translate(0px, 0px) rotate(0deg) scale(1);
    }
}
@keyframes animationFramesThree {
    0% {
        transform: translate(165px, -179px);
    }

    100% {
        transform: translate(-346px, 617px);
    }
}
@keyframes waveBtn {
    0% {
        box-shadow: 0 0 0 0 rgba(255, 255, 255, .3)
    }
    50% {
        box-shadow: 0 0 0 40px transparent
    }
    100% {
        box-shadow: 0 0 0 0 transparent
    }
}

@-webkit-keyframes uxmarque {
  0% {
    -webkit-transform: translateX(-100px);
    transform: translateX(-100px);
  }

  50% {
    -webkit-transform: translateX(-10px);
    transform: translateX(-10px);
  }

  100% {
    -webkit-transform: translateX(-100px);
    transform: translateX(-100px);
  }
}

@keyframes uxmarque {
  0% {
    -webkit-transform: translateX(-100px);
    transform: translateX(-100px);
  }

  50% {
    -webkit-transform: translateX(-10px);
    transform: translateX(-10px);
  }

  100% {
    -webkit-transform: translateX(-100px);
    transform: translateX(-100px);
  }
}
.uxani-marque {
    animation-name: uxmarque;
    animation-duration: 17s;
    animation-iteration-count: infinite;
    animation-timing-function: linear;
    -webkit-animation-name: uxmarque;
    -webkit-animation-duration: 17s;
    -webkit-animation-iteration-count: infinite;
    -webkit-animation-timing-function: linear;
    -moz-animation-name: uxmarque;
    -moz-animation-duration: 17s;
    -moz-animation-iteration-count: infinite;
    -moz-animation-timing-function: linear;
    -ms-animation-name: uxmarque;
    -ms-animation-duration: 17s;
    -ms-animation-iteration-count: infinite;
    -ms-animation-timing-function: linear;
    -o-animation-name: uxmarque;
    -o-animation-duration: 17s;
    -o-animation-iteration-count: infinite;
    -o-animation-timing-function: linear;
}
.uxani-shape-1 {
    position: absolute;
    left: 0;
    right: 0;
    margin: auto;
    text-align: center;
    -webkit-animation: animationFramesOne 20s infinite linear;
    animation: animationFramesOne 20s infinite linear;
}

.uxani-shape-2 {
    position: absolute;
    
    -webkit-animation: animationFramesTwo 20s infinite linear;
    animation: animationFramesTwo 20s infinite linear;
}

.uxani-shape-3 {
    position: absolute;    
    -webkit-animation: animationFramesThree 20s infinite linear;
    animation: animationFramesThree 20s infinite linear;
}

.uxani-shape-4 {
    position: absolute;  
    -webkit-animation: animationFramesTwo 20s infinite linear;
    animation: animationFramesTwo 20s infinite linear;
}
.sec-zoominout{
	 animation: seczoominout 2s infinite;
}
.sec-movetriang{
	 animation: secmovetriang 15s infinite;
}
.secani-plus,.sectilts-plus{
	position: absolute;
	left: 0;
	top: 0;
	right: 0;
	bottom: 0;
	width: 100%;
	height: 100%;
	 z-index: 1;
	 overflow: hidden;
}
.elementor-editor-active .aiok-aniplus-yes .secani-plus{
	z-index: 1
}
 
.parallax-viewport {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    top: 0;
    z-index: 1;
     overflow: hidden;
}
.parallaxblock-viewport {
    left: 0;
    right: 0;
    bottom: 0;
    top: 0;
    z-index: 1;
     overflow: hidden;
     height: 100%;
}
.sectilts-plusblock{
	 left: 0;
    right: 0;
    bottom: 0;
    top: 0;
    z-index: 1;
     overflow: hidden;
     height: 100%;
     width: 100%;
}
section.has_aiok_slider{
	overflow: hidden;
}
.has_aiok_bgparallax .parallax-layer,.parallax-layer {
  position:absolute;
}
.pricing_price_title ,.ux-counter-up .uxcouterup-val,.ux-counter-up  .uxcouterup-val span{
    display: inline-block;
    font-size: -webkit-calc(45px + 25 * ( (100vw - 576px) / 1024));
    font-size: calc(45px + 25 * ( (100vw - 576px) / 1024));
    line-height: 1.1;
    margin: 0;
    position: relative;
    -webkit-transition: all cubic-bezier(0.4, 0, 0.2, 1) 0.4s;
    -o-transition: all cubic-bezier(0.4, 0, 0.2, 1) 0.4s;
        transition: all cubic-bezier(0.4, 0, 0.2, 1) 0.4s;
}
/* Event Support */
.etn-title{
	font-weight: inherit;
}
.elementor-widget-container .etn-schedule-wrap .etn-schedule-info .etn-schedule-location i{
	top: 4px!important;
}
.ux-textwhite .etn-schedule-wrap .etn-schedule-info .etn-schedule-location i{
	color: #fff!important;
}
.schedule-tab-wrapper .etn-nav li a.etn-active:after{
	display: none;
}
.schedule-tab-wrapper .etn-schedule-speaker .etn-schedule-single-speaker img {
    border-radius: 4px;
}
.etn-schedule-location i.fa-map-marker-alt:before, .etn-event-location i:before {
    content: '\e81a'!important;
}
.etn-schedule-wrap .etn-schedule-content .etn-title {
    margin-bottom: 10px;
    font-weight: inherit!important;
}
.etn-schedule-location i.fa-map-marker-alt, .etn-event-location i {
    font-family: uxicon;
    font-style: normal;
    font-weight: 400;
    speak: never;
    display: inline-block;
    text-decoration: inherit;
    width: 1em;
    margin-right: 0.2em;
    text-align: center;
    font-variant: normal;
    text-transform: none;
    line-height: 1em;
    margin-left: 0.2em;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-size: 18px!important;
    line-height: 15px;
}
/* ux animate Set 2 */
@-webkit-keyframes uxani_rotating {
    from {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }
    to {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}
@keyframes uxani_rotating {
    from {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }
    to {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}
.uxanima-rotating {
    -webkit-animation: uxani_rotating 50s linear infinite;
    animation: uxani_rotating 50s linear infinite;
}
.uxanima-rotating {
    -webkit-animation-name: uxani_rotating;
    animation-name: uxani_rotating;
    -webkit-animation-duration: 50s;
    animation-duration: 50s;
    -webkit-animation-timing-function: linear;
    animation-timing-function: linear;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
    will-change: transform;
}
@-webkit-keyframes uxani_rotating_inverse {
    from {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }
    to {
        -webkit-transform: rotate(-360deg);
        transform: rotate(-360deg);
    }
}
@keyframes uxani_rotating_inverse {
    from {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }
    to {
        -webkit-transform: rotate(-360deg);
        transform: rotate(-360deg);
    }
}
.uxanima-rotating-inverse {
    will-change: transform;
    -webkit-animation-name: uxani_rotating_inverse;
    animation-name: uxani_rotating_inverse;
    -webkit-animation-duration: 50s;
    animation-duration: 50s;
    -webkit-animation-timing-function: linear;
    animation-timing-function: linear;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
}
.uxanima-rotating-inverse.uxanima-duration-fast,
.uxanima-rotating.uxanima-duration-fast {
    -webkit-animation-duration: 20s;
    animation-duration: 20s;
}
.uxanima-rotating-inverse.uxanima-duration-md,
.uxanima-rotating.uxanima-duration-md {
    -webkit-animation-duration: 50s;
    animation-duration: 50s;
}
.uxanima-rotating-inverse.uxanima-duration-slow,
.uxanima-rotating.uxanima-duration-slow {
    -webkit-animation-duration: 80s;
    animation-duration: 80s;
}
@-webkit-keyframes uxani_bounce_sm {
    0% {
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }
    50% {
        -webkit-transform: translateY(10%);
        transform: translateY(10%);
    }
    100% {
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }
}
@keyframes uxani_bounce_sm {
    0% {
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }
    50% {
        -webkit-transform: translateY(10%);
        transform: translateY(10%);
    }
    100% {
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }
}
@-webkit-keyframes uxani_bounce_md {
    0% {
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }
    50% {
        -webkit-transform: translateY(20%);
        transform: translateY(20%);
    }
    100% {
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }
}
@keyframes uxani_bounce_md {
    0% {
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }
    50% {
        -webkit-transform: translateY(20%);
        transform: translateY(20%);
    }
    100% {
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }
}
@-webkit-keyframes uxani_bounce_lg {
    0% {
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }
    50% {
        -webkit-transform: translateY(40%);
        transform: translateY(40%);
    }
    100% {
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }
}
@keyframes uxani_bounce_lg {
    0% {
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }
    50% {
        -webkit-transform: translateY(40%);
        transform: translateY(40%);
    }
    100% {
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }
}


.uxanima-bounce-sm {
    will-change: transform;
    -webkit-animation-name: uxani_bounce_sm;
    animation-name: uxani_bounce_sm;
    -webkit-animation-duration: 5s;
    animation-duration: 5s;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
}
.uxanima-bounce-md {
    will-change: transform;
    -webkit-animation-name: uxani_bounce_md;
    animation-name: uxani_bounce_md;
    -webkit-animation-duration: 5s;
    animation-duration: 5s;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
}
.uxanima-bounce-lg {
    will-change: transform;
    -webkit-animation-name: uxani_bounce_lg;
    animation-name: uxani_bounce_lg;
    -webkit-animation-duration: 5s;
    animation-duration: 5s;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
}

@-webkit-keyframes uxani_bounce_ho_sm {
    0% {
        -webkit-transform: translateX(0);
        transform: translateX(0);
    }
    50% {
        -webkit-transform: translateX(10%);
        transform: translateX(10%);
    }
    100% {
        -webkit-transform: translateX(0);
        transform: translateX(0);
    }
}
@keyframes uxani_bounce_ho_sm {
    0% {
        -webkit-transform: translateX(0);
        transform: translateX(0);
    }
    50% {
        -webkit-transform: translateX(10%);
        transform: translateX(10%);
    }
    100% {
        -webkit-transform: translateX(0);
        transform: translateX(0);
    }
}
@-webkit-keyframes uxani_bounce_ho_md {
    0% {
        -webkit-transform: translateX(0);
        transform: translateX(0);
    }
    50% {
        -webkit-transform: translateX(20%);
        transform: translateX(20%);
    }
    100% {
        -webkit-transform: translateX(0);
        transform: translateX(0);
    }
}
@keyframes uxani_bounce_ho_md {
    0% {
        -webkit-transform: translateX(0);
        transform: translateX(0);
    }
    50% {
        -webkit-transform: translateX(20%);
        transform: translateX(20%);
    }
    100% {
        -webkit-transform: translateX(0);
        transform: translateX(0);
    }
}
@-webkit-keyframes uxani_bounce_ho_lg {
    0% {
        -webkit-transform: translateX(0);
        transform: translateX(0);
    }
    50% {
        -webkit-transform: translateX(40%);
        transform: translateX(40%);
    }
    100% {
        -webkit-transform: translateX(0);
        transform: translateX(0);
    }
}
@keyframes uxani_bounce_ho_lg {
    0% {
        -webkit-transform: translateX(0);
        transform: translateX(0);
    }
    50% {
        -webkit-transform: translateX(40%);
        transform: translateX(40%);
    }
    100% {
        -webkit-transform: translateX(0);
        transform: translateX(0);
    }
}
.uxanima-bounce-ho-sm {
    will-change: transform;
    -webkit-animation-name: uxani_bounce_ho_sm;
    animation-name: uxani_bounce_ho_sm;
    -webkit-animation-duration: 5s;
    animation-duration: 5s;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
}
.uxanima-bounce-ho-md {
    will-change: transform;
    -webkit-animation-name: uxani_bounce_ho_md;
    animation-name: uxani_bounce_ho_md;
    -webkit-animation-duration: 5s;
    animation-duration: 5s;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
}
.uxanima-bounce-ho-lg {
    will-change: transform;
    -webkit-animation-name: uxani_bounce_ho_lg;
    animation-name: uxani_bounce_ho_lg;
    -webkit-animation-duration: 5s;
    animation-duration: 5s;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
}


@-webkit-keyframes uxani_fade {
    0% {
        opacity: 1;
    }
    50% {
        opacity: 0.6;
    }
    100% {
        opacity: 1;
    }
}
@keyframes uxani_fade {
    0% {
        opacity: 1;
    }
    50% {
        opacity: 0.6;
    }
    100% {
        opacity: 1;
    }
}
@-webkit-keyframes uxani_scale_sm {
    0% {
        -webkit-transform: scale(1);
        transform: scale(1);
    }
    50% {
        -webkit-transform: scale(1.1);
        transform: scale(1.1);
    }
    100% {
        -webkit-transform: scale(1);
        transform: scale(1);
    }
}
@keyframes uxani_scale_sm {
    0% {
        -webkit-transform: scale(1);
        transform: scale(1);
    }
    50% {
        -webkit-transform: scale(1.1);
        transform: scale(1.1);
    }
    100% {
        -webkit-transform: scale(1);
        transform: scale(1);
    }
}
@-webkit-keyframes uxani_scale_md {
    0% {
        -webkit-transform: scale(1);
        transform: scale(1);
    }
    50% {
        -webkit-transform: scale(1.4);
        transform: scale(1.4);
    }
    100% {
        -webkit-transform: scale(1);
        transform: scale(1);
    }
}
@keyframes uxani_scale_md {
    0% {
        -webkit-transform: scale(1);
        transform: scale(1);
    }
    50% {
        -webkit-transform: scale(1.4);
        transform: scale(1.4);
    }
    100% {
        -webkit-transform: scale(1);
        transform: scale(1);
    }
}
@-webkit-keyframes uxani_scale_lg {
    0% {
        -webkit-transform: scale(1);
        transform: scale(1);
    }
    50% {
        -webkit-transform: scale(1.8);
        transform: scale(1.8);
    }
    100% {
        -webkit-transform: scale(1);
        transform: scale(1);
    }
}
@keyframes uxani_scale_lg {
    0% {
        -webkit-transform: scale(1);
        transform: scale(1);
    }
    50% {
        -webkit-transform: scale(1.8);
        transform: scale(1.8);
    }
    100% {
        -webkit-transform: scale(1);
        transform: scale(1);
    }
}
.uxanima-scale-sm {
    will-change: transform;
    -webkit-animation-name: uxani_scale_sm;
    animation-name: uxani_scale_sm;
    -webkit-animation-duration: 5s;
    animation-duration: 5s;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
}
.uxanima-scale-md {
    will-change: transform;
    -webkit-animation-name: uxani_scale_md;
    animation-name: uxani_scale_md;
    -webkit-animation-duration: 5s;
    animation-duration: 5s;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
}
.uxanima-scale-lg {
    will-change: transform;
    -webkit-animation-name: uxani_scale_lg;
    animation-name: uxani_scale_lg;
    -webkit-animation-duration: 5s;
    animation-duration: 5s;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
}
.uxanima-fade {
    will-change: transform;
    -webkit-animation-name: uxani_fade;
    animation-name: uxani_fade;
    -webkit-animation-duration: 5s;
    animation-duration: 5s;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
}
.uxanima-bounce-sm.uxanima-duration-fast,
.uxanima-bounce-md.uxanima-duration-fast,
.uxanima-bounce-lg.uxanima-duration-fast,
.uxanima-scale-sm.uxanima-duration-fast,
.uxanima-scale-md.uxanima-duration-fast,
.uxanima-scale-lg.uxanima-duration-fast,
.uxanima-fade.uxanima-duration-fast {
    -webkit-animation-duration: 2s;
    animation-duration: 2s;
}
.uxanima-bounce-sm.uxanima-duration-md,
.uxanima-bounce-md.uxanima-duration-md,
.uxanima-bounce-lg.uxanima-duration-md,
.uxanima-scale-sm.uxanima-duration-md,
.uxanima-scale-md.uxanima-duration-md,
.uxanima-scale-lg.uxanima-duration-md,
.uxanima-fade.uxanima-duration-md {
    -webkit-animation-duration: 5s;
    animation-duration: 5s;
}
.uxanima-bounce-sm.uxanima-duration-slow,
.uxanima-bounce-md.uxanima-duration-slow,
.uxanima-bounce-lg.uxanima-duration-slow,
.uxanima-scale-sm.uxanima-duration-slow,
.uxanima-scale-md.uxanima-duration-slow,
.uxanima-scale-lg.uxanima-duration-slow,
.uxanima-fade.uxanima-duration-slow {
    -webkit-animation-duration: 10s;
    animation-duration: 10s;
}
.uxanima-bg-slide-left {
    -webkit-animation-name: uxani_scroll_left;
    animation-name: uxani_scroll_left;
}
.uxanima-bg-slide-right {
    -webkit-animation-name: uxani_scroll_right;
    animation-name: uxani_scroll_right;
}
.uxanima-bg-slide-up {
    -webkit-animation-name: uxani_scroll_up;
    animation-name: uxani_scroll_up;
}
.uxanima-bg-slide-down {
    -webkit-animation-name: uxani_scroll_down;
    animation-name: uxani_scroll_down;
}
.uxanima-bg-slide-left,
.uxanima-bg-slide-right,
.uxanima-bg-slide-up,
.uxanima-bg-slide-down {
    background-repeat: repeat;
    -webkit-animation-timing-function: linear;
    animation-timing-function: linear;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
    will-change: transform;
}
.uxanima-bg-slide-left.uxanima-duration-fast,
.uxanima-bg-slide-right.uxanima-duration-fast,
.uxanima-bg-slide-up.uxanima-duration-fast,
.uxanima-bg-slide-down.uxanima-duration-fast {
    -webkit-animation-duration: 15s;
    animation-duration: 15s;
}
.uxanima-bg-slide-left.uxanima-duration-md,
.uxanima-bg-slide-right.uxanima-duration-md,
.uxanima-bg-slide-up.uxanima-duration-md,
.uxanima-bg-slide-down.uxanima-duration-md {
    -webkit-animation-duration: 30s;
    animation-duration: 30s;
}
.uxanima-bg-slide-left.uxanima-duration-slow,
.uxanima-bg-slide-right.uxanima-duration-slow,
.uxanima-bg-slide-up.uxanima-duration-slow,
.uxanima-bg-slide-down.uxanima-duration-slow {
    -webkit-animation-duration: 60s;
    animation-duration: 60s;
}
@-webkit-keyframes uxani_scroll_left {
    0% {
        background-position: 0 0;
    }
    100% {
        background-position: -300vw 0;
    }
}
@keyframes uxani_scroll_left {
    0% {
        background-position: 0 0;
    }
    100% {
        background-position: -300vw 0;
    }
}
@-webkit-keyframes uxani_scroll_right {
    0% {
        background-position: 0 0;
    }
    100% {
        background-position: 300vw 0;
    }
}
@keyframes uxani_scroll_right {
    0% {
        background-position: 0 0;
    }
    100% {
        background-position: 300vw 0;
    }
}
@-webkit-keyframes uxani_scroll_up {
    0% {
        background-position: 0 0;
    }
    100% {
        background-position: 0 -300vw;
    }
}
@keyframes uxani_scroll_up {
    0% {
        background-position: 0 0;
    }
    100% {
        background-position: 0 -300vw;
    }
}
@-webkit-keyframes uxani_scroll_down {
    0% {
        background-position: 0 0;
    }
    100% {
        background-position: 0 300vw;
    }
}
@keyframes uxani_scroll_down {
    0% {
        background-position: 0 0;
    }
    100% {
        background-position: 0 300vw;
    }
}

/* gsap animate button */
/* Widget Button Pro 2*/
.uxbtn-pro2 *,
.uxbtn-pro2 *:before,
.uxbtn-pro2 *:after {
  box-sizing: border-box;
  transition: 0.5s ease-in-out;
}
.uxbtn-pro2 i, .uxbtn-pro2 em,
.uxbtn-pro2 b, .uxbtn-pro2 strong,
.uxbtn-pro2 span {
  transition: none;
}

.uxbtn-pro2 *:before,
.uxbtn-pro2 *:after {
  z-index: -1;
}
a.btn{
	line-height: inherit;
} 

[class^=btnpro2-] {
  position: relative;
  display: block;
  overflow: hidden;
  width: 100%;
  height: 50px;
  max-width: 250px; 
  text-transform: uppercase;
  border: 2px solid;
}

.btnpro2-0 {
  color: #6db362;
}
.btnpro2-0:after{
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background-color: #32642a;
  transform: translateX(-100%);
}
.btnpro2-0:after {
  color: #d4e9d1;
}
.btnpro2-0:hover:after {
  transform: translateX(0);
    z-index: 1;
}

.btnpro2-1 {
  color: #71a2a7;
}
.btnpro2-1:before {
  content: "";
  position: absolute;
  top: 0;
  right: -50px;
  bottom: 0;
  left: 0;
  border-right: 50px solid transparent;
  border-bottom: 80px solid #35585b;
  transform: translateX(-100%);
}
.btnpro2-1:hover {
  color: #d5e4e5;
}
.btnpro2-1:hover:before {
  transform: translateX(0);
  z-index: 1;
}

.btnpro2-1-2 {
  color: #d03c3c;
}
.btnpro2-1-2:before, .btnpro2-1-2:after {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  border-bottom: 80px solid #780f10;
}
.btnpro2-1-2:before {
  right: -50px;
  border-right: 50px solid transparent;
  transform: translateX(-100%);
}
.btnpro2-1-2:after {
  left: -50px;
  border-left: 50px solid transparent;
  transform: translateX(100%);
}
.btnpro2-1-2:hover {
  color: #f1c6c6;
}
.btnpro2-1-2:hover:before {
  transform: translateX(-40%);
  z-index: 1;
}
.btnpro2-1-2:hover:after {
  transform: translateX(40%);
  z-index: 1;
}

.btnpro2-2 {
  color: #81b158;
}
.btnpro2-2:before, .btnpro2-2:after {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}
.btnpro2-2:before {
  right: -50px;
  border-right: 50px solid transparent;
  border-bottom: 80px solid #406223;
  transform: translateX(-100%);
}
.btnpro2-2:after {
  left: -50px;
  border-left: 50px solid transparent;
  border-top: 80px solid #406223;
  transform: translateX(100%);
}
.btnpro2-2:hover {
  color: #dae8ce;
}
.btnpro2-2:hover:before {
  transform: translateX(-49%);
  z-index: 1;
}
.btnpro2-2:hover:after {
  transform: translateX(49%);
  z-index: 1;
}

.btnpro2-3:before, .btnpro2-3:after {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  border-top: 25px solid #785f4d;
  border-bottom: 25px solid #785f4d;
}
.btnpro2-3:before {
  border-right: 40px solid transparent;
  transform: translateX(-100%);
}
.btnpro2-3:after {
  border-left: 40px solid transparent;
  transform: translateX(100%);
}
.btnpro2-3:hover {
  color: #f1e7e0;
}
.btnpro2-3:hover:before {
  transform: translateX(-30%);
  z-index: 1;
}
.btnpro2-3:hover:after {
  transform: translateX(30%);
  z-index: 1;
}

.btnpro2-4 {
  color: #6f7a44;
}
.btnpro2-4:before, .btnpro2-4:after,
.btnpro2-4 span:before,
.btnpro2-4 span:after {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background-color: #333b15;
}
.btnpro2-4:before {
  transform: translate(-100%, -100%);
}
.btnpro2-4:after {
  transform: translate(-100%, 100%);
}
.btnpro2-4 span:before {
  transform: translate(100%, -100%);
}
.btnpro2-4 span:after {
  transform: translate(100%, 100%);
}
.btnpro2-4:hover {
  color: #d5d8c8;
}
.btnpro2-4:hover:before {
  transform: translate(-50%, -50%);
  z-index: 1;
}
.btnpro2-4:hover:after {
  transform: translate(-50%, 50%);
  z-index: 1;
}
.btnpro2-4:hover span:before {
  transform: translate(50%, -50%);
  z-index: 1;
}
.btnpro2-4:hover span:after {
  transform: translate(50%, 50%);
  z-index: 1;
}

.btnpro2-5 {
  color: #aa8543;
}
.btnpro2-5:after {
  content: "";
  width: 0;
  height: 0;
  -webkit-transform: rotate(360deg);
  border-style: solid;
  border-width: 0 0 0 0;
  border-color: transparent #5d4314 transparent transparent;
  position: absolute;
  top: 0;
  right: 0;
}
.btnpro2-5:before {
  content: "";
  width: 0;
  height: 0;
  -webkit-transform: rotate(360deg);
  border-style: solid;
  border-width: 0 0 0 0;
  border-color: transparent transparent transparent #5d4314;
  position: absolute;
  bottom: 0;
  left: 0;
}
.btnpro2-5:before, .btnpro2-5:after {
  content: "";
  position: absolute;
  width: 0;
  height: 0;
  border: 0 solid;
  transform: rotate(360deg);
}
.btnpro2-5:before {
  bottom: 0;
  left: 0;
  border-color: transparent transparent transparent #5d4314;
}
.btnpro2-5:after {
  top: 0;
  right: 0;
  border-color: transparent #5d4314 transparent transparent;
}
.btnpro2-5:hover {
  color: #e6dbc8;
}
.btnpro2-5:hover:before, .btnpro2-5:hover:after {
  border-width: 40px 262.5px;
  z-index: 1;
}

.btnpro2-6 {
  color: #a4642e;
}
.btnpro2-6 span {
  position: absolute;
  display: block;
  width: 0;
  height: 0;
  border-radius: 50%;
  background-color: #592c05;
  transition: width 0.4s ease-in-out, height 0.4s ease-in-out;
  transform: translate(-50%, -50%);
  z-index: -1;
}
.btnpro2-6:hover {
  color: #e4d2c2;
}
.btnpro2-6:hover span {
  width: 225%;
  height: 562.5px;
  z-index: 1;
}
.btnpro2-6:active {
  background-color: #944909;
}

.btnpro2-7 {
  color: #3b3f6b;
}
.btnpro2-7:before, .btnpro2-7:after,
.btnpro2-7 span:before,
.btnpro2-7 span:after {
  content: "";
  position: absolute;
  top: 0;
  width: 25.25%;
  height: 0;
  background-color: #0e1131;
}
.btnpro2-7:before {
  left: 0;
}
.btnpro2-7:after {
  left: 50%;
}
.btnpro2-7 span:before, .btnpro2-7 span:after {
  top: auto;
  bottom: 0;
}
.btnpro2-7 span:before {
  left: 25%;
}
.btnpro2-7 span:after {
  left: 75%;
}
.btnpro2-7:hover {
  color: #c5c7d4;
}
.btnpro2-7:hover:before, .btnpro2-7:hover:after,
.btnpro2-7:hover span:before,
.btnpro2-7:hover span:after {
  height: 80px;
  z-index: 1;
}

.btnpro2-8 {
  color: #b88d7b;
}
.btnpro2-8:before, .btnpro2-8:after {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background-color: #67493c;
}
.btnpro2-8:before {
  transform: translateY(-100%);
}
.btnpro2-8:after {
  transform: translateY(100%);
}
.btnpro2-8:hover {
  color: #eaded8;
}
.btnpro2-8:hover:before {
  transform: translateY(-50%);
  z-index: 1;
}
.btnpro2-8:hover:after {
  transform: translateY(50%);
  z-index: 1;
}

.btnpro2-9 {
  color: #7958aa;
}
.btnpro2-9:before, .btnpro2-9:after,
.btnpro2-9 span:before,
.btnpro2-9 span:after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 0;
  background-color: rgba(58, 35, 93, 0.25);
  transition: 0.4s ease-in-out;
}
.btnpro2-9:after,
.btnpro2-9 span:before {
  top: auto;
  bottom: 0;
}
.btnpro2-9 span:before,
.btnpro2-9 span:after {
  transition-delay: 0.4s;
}
.btnpro2-9:hover {
  color: #d8cee6;
}
.btnpro2-9:hover:before, .btnpro2-9:hover:after,
.btnpro2-9:hover span:before,
.btnpro2-9:hover span:after {
  height: 80px;
  z-index: 1;
}
.btnpro2-9:active {
  background-color: #613a9b;
}

.btnpro2-10 {
  color: #b947b7;
}
.btnpro2-10:before, .btnpro2-10:after,
.btnpro2-10 span:before,
.btnpro2-10 span:after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 0;
  height: 80px;
  background-color: rgba(104, 23, 102, 0.25);
  transition: 0.4s;
}
.btnpro2-10:after,
.btnpro2-10 span:before {
  left: auto;
  right: 0;
}
.btnpro2-10 span:before,
.btnpro2-10 span:after {
  transition-delay: 0.4s;
}
.btnpro2-10:hover {
  color: #ebc9ea;
}
.btnpro2-10:hover:before, .btnpro2-10:hover:after,
.btnpro2-10:hover span:before,
.btnpro2-10:hover span:after {
  width: 250px;
  z-index: 1;
}
.btnpro2-10:active {
  background-color: #ad27aa;
}
.uxbtn-pro2 a {    
    position: absolute;
    height: 100%;
    width: 100%;
    border: none;
    text-align: center;
    z-index: 2;
    line-height: 43px;
}

.uxbtn-pro2 a {
	text-decoration: none!important;
}
.uxbtn-pro2 a svg{
	position: absolute;
    right: 0;
    top: 0;
    bottom: 0;
}
.uxbtn-pro2 .btnpro2-10,.uxbtn-pro2 .btnpro2-9,.uxbtn-pro2 .btnpro2-7,.uxbtn-pro2 .btnpro2-4,.uxbtn-pro2 .btnpro2-3{
	height: 45px;
	height: 45px;
}

@-webkit-keyframes criss-cross-left {
  0% {
    left: -20px;
  }
  50% {
    left: 50%;
    width: 20px;
    height: 20px;
  }
  100% {
    left: 50%;
    width: 375px;
    height: 375px;
  }
}

@keyframes criss-cross-left {
  0% {
    left: -20px;
  }
  50% {
    left: 50%;
    width: 20px;
    height: 20px;
  }
  100% {
    left: 50%;
    width: 375px;
    height: 375px;
  }
}
@-webkit-keyframes criss-cross-right {
  0% {
    right: -20px;
  }
  50% {
    right: 50%;
    width: 20px;
    height: 20px;
  }
  100% {
    right: 50%;
    width: 375px;
    height: 375px;
  }
}
@keyframes criss-cross-right {
  0% {
    right: -20px;
  }
  50% {
    right: 50%;
    width: 20px;
    height: 20px;
  }
  100% {
    right: 50%;
    width: 375px;
    height: 375px;
  }
}
.btnpro2-11 {
  position: relative;
  color: #c761bf;
}
.btnpro2-11:before, .btnpro2-11:after {
  position: absolute;
  top: 50%;
  content: "";
  width: 20px;
  height: 20px;
  background-color: #bd45b4;
  border-radius: 50%;
}
.btnpro2-11:before {
  left: -20px;
  transform: translate(-50%, -50%);
}
.btnpro2-11:after {
  right: -20px;
  transform: translate(50%, -50%);
}
.btnpro2-11:hover {
  color: #efd1ec;
}
.btnpro2-11:hover:before {
  -webkit-animation: criss-cross-left 0.8s both;
          animation: criss-cross-left 0.8s both;
  -webkit-animation-direction: alternate;
          animation-direction: alternate;
          z-index: 1;
}
.btnpro2-11:hover:after {
  -webkit-animation: criss-cross-right 0.8s both;
          animation: criss-cross-right 0.8s both;
  -webkit-animation-direction: alternate;
          animation-direction: alternate;
          z-index: 1;
}

/* Improve performance */
.elementor-widget-container .primary-navigation .nav-menu>li>a:before,.elementor-widget-container  .nav-menu.main-menu>ul>li>a:before{
	top: auto;
}

@media (max-width: 960px){
	
	body .elementor-column-gap-default>.elementor-row>.elementor-column>.elementor-element-populated,body .elementor-column-gap-default>.elementor-column>.elementor-element-populated {
	    padding-left: 25px!important;
	    padding-right: 25px!important;
	}
	body .elementor-inner-section.elementor-section-full_width .elementor-column-gap-default>.elementor-column>.elementor-element-populated {
	    padding-left: 0!important;
	    padding-right: 0!important;
	}
	body .elementor-inner-section.elementor-section-full_width .elementor-column-gap-default>.elementor-column>.elementor-element-populated .uxhd-mobilnav.nav-open{
	    right: 0;
	}
	.ux-hide-ipad-potrail{
		display: none!important;
	}
		
	.hdnavmobil-acc{
		display: block;
	} 
	 .bl-box h2 {	  
	    transform: rotate(-90deg);
	} 
	#wpmega-menu-main_menu.wpmm-mega-wrapper{
		margin-top: 0;
	    margin-left: auto;
	    position: fixed;
	    left: auto;
	    right: 0;
	    padding-top: 90px!important;
	    width: calc(100% - 90px);
	    max-width: 450px;
	    height: 100vh;
	    top: 0;
	    bottom: 0;
	    overflow-y: auto;

	}
	.primary-navigation .nav-menu li ul li ,.elementor-element .primary-navigation .nav-menu li ul li{
    	line-height: 30px!important;
	}
	.primary-navigation .nav-menu li ul li a,.elementor-element .primary-navigation .nav-menu li ul li a,
	body .elementor-element  ul.sub-menu.mega-menu-row .mega-menu-col > a{
		color: #a7a7a7;
	}
	.elementor-widget-wrap .etn-schedule-wrap .etn-schedule-info .etn-schedule-location {
	    padding-right: 0;
	}
	.elementor-widget-wrap .etn-schedule-wrap .etn-single-schedule-item .etn-schedule-content {
	    padding-left: 35px;
	}
}


/* Mini Horizon Box loading */
.lds-ellipsis {
  display: inline-block;
  position: relative;
  width: 80px;
  height: 80px;
}
.lds-ellipsis div {
  position: absolute;
  top: 33px;
  width: 13px;
  height: 13px;
  border-radius: 50%;
  background: #fff;
  animation-timing-function: cubic-bezier(0, 1, 1, 0);
}
.lds-ellipsis div:nth-child(1) {
  left: 8px;
  animation: lds-ellipsis1 0.6s infinite;
}
.lds-ellipsis div:nth-child(2) {
  left: 8px;
  animation: lds-ellipsis2 0.6s infinite;
}
.lds-ellipsis div:nth-child(3) {
  left: 32px;
  animation: lds-ellipsis2 0.6s infinite;
}
.lds-ellipsis div:nth-child(4) {
  left: 56px;
  animation: lds-ellipsis3 0.6s infinite;
}
@keyframes lds-ellipsis1 {
  0% {
    transform: scale(0);
  }
  100% {
    transform: scale(1);
  }
}
@keyframes lds-ellipsis3 {
  0% {
    transform: scale(1);
  }
  100% {
    transform: scale(0);
  }
}
@keyframes lds-ellipsis2 {
  0% {
    transform: translate(0, 0);
  }
  100% {
    transform: translate(24px, 0);
  }
}


/* Soft Disable */
#play-button{
	display: none!important;
}
/* Improve Theme */
.layout3 .index-grid #conteninner.content  .post p:first-child {
    margin-bottom: 13px;
}
.post.sticky .ux-title.category {
    position: absolute;
    top:0;
}
.index-lst .index-grid .post.sticky .post-title h2 {
    margin-top: 6px;
}
.index-lst .index-grid .post .post-title h2 {
    margin-top: 5px;
}
.apsw-search-wrap .apsw-category-items{
	font-family: inherit !important;
	font-size: inherit!important;
}
.elementor-section .elementor-container.elementor-column-gap-no{
	max-width: 100%!important;
}
@media (min-width: 1220px){
	/*
	.elementor-widget-wrap .elementor-widget-container #header-wrapper .uk-grid>*{
		padding-left: 0;
	}
	*/
}
@media (min-width: 1100px){
	.sticky-header .aiok-row-stickyyes{
		position:fixed;
	    left: 0;
	    right: 0;
	    top: 0;
	    transition: all 0.3s ease-in-out;
	    background: #fff;
	    margin-top: 0 !important;
	    -webkit-box-shadow: 0 2px 40px hsl(0deg 0% 6% / 5%);
	    -moz-box-shadow: 0 2px 40px hsl(0deg 0% 6% / 5%);
	    box-shadow: 0 2px 40px hsl(0deg 0% 6% / 5%);
	    z-index: 99999;
	}
	.sticky-header .navcat-warper{
		display: none;
		/*opacity:0 !important;*/
		z-index: -999999 !important;
	}	 
} 
@media (min-width: 1024px){
	.hdpanel_yes .hd-logo{
		margin-left: 100px;
	}
	.elementor-column-gap-default>.elementor-column>.elementor-element-populated {
	    padding: 10px 35px;
	}
	/* 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: 1s;
	  animation-fill-mode: both;
	  -webkit-animation-duration: 1s;
	  -webkit-animation-fill-mode: both;
	}
	.header.hdbig-101 .mega-menu > ul.sub-menu {
	    margin-left: -145px!important;
	    margin-right: 10px!important;
	    width: calc(100% - 20px)!important;
	}	
	.header.hdbig-101  .nav-menu.main-menu > .mega-menu{
		background: transparent;
	}
	.etn-schedule-wrap .etn-single-schedule-item {
	    padding: 35px 0;
	}
	.sticky-header .big-logosticky{
		float: left;
		margin-right: 50px;
	}
	.sticky-header .big-logosticky.hdbig-101sticky{
		position: absolute;
	}	 
	.hdbig-101a #primary-navigation{
		float: none;
		width: auto;
	}
	.sticky-header .header.hdbig-101 .nav-menu.main-menu > li:first-child{
		padding-left: 155px;
	}
	/* DropDown Menu effect */
	.nav-menu.main-menu li .sub-menu li {
	    opacity: 0;
	    -webkit-transition: all 0.4s cubic-bezier(0.39, 0.66, 0.56, 1.05);
	    -o-transition: all 0.4s cubic-bezier(0.39, 0.66, 0.56, 1.05);
	    transition: all 0.4s cubic-bezier(0.39, 0.66, 0.56, 1.05);
	    transform: translateY(14px);
	}
	.nav-menu.main-menu > li:hover .sub-menu > li {
	    opacity: 1;
	    transform: translateY(0);
	}
	 .nav-menu.main-menu > li:hover .sub-menu > li:nth-child(2) {
          transition-delay: 60ms; 
     }
     .nav-menu.main-menu > li:hover .sub-menu > li:nth-child(3) {
          transition-delay: 100ms; 
     }
     .nav-menu.main-menu > li:hover .sub-menu > li:nth-child(4) {
          transition-delay: 140ms; 
     }
     .nav-menu.main-menu > li:hover .sub-menu > li:nth-child(5) {
          transition-delay: 180ms; 
     }
     .nav-menu.main-menu > li:hover .sub-menu > li:nth-child(6) {
          transition-delay: 220ms; 
     }
     .nav-menu.main-menu > li:hover .sub-menu > li:nth-child(7) {
          transition-delay: 260ms; 
     }
     .nav-menu.main-menu > li:hover .sub-menu > li:nth-child(8) {
          transition-delay: 300ms; 
     }
     .nav-menu.main-menu > li:hover .sub-menu > li:nth-child(9) {
          transition-delay: 340ms; 
     }
     .nav-menu.main-menu > li:hover .sub-menu > li:nth-child(10) {
          transition-delay: 380ms; 
     }
     .nav-menu.main-menu > li:hover .sub-menu > li:nth-child(11) {
          transition-delay: 420ms; 
     }
     .nav-menu.main-menu > li:hover .sub-menu > li:nth-child(12) {
          transition-delay: 460ms; 
     }
     .nav-menu.main-menu > li:hover .sub-menu > li:nth-child(13) {
          transition-delay: 500ms; 
     }
     .nav-menu.main-menu > li:hover .sub-menu > li:nth-child(14) {
          transition-delay: 540ms; 
     }
     .nav-menu.main-menu > li:hover .sub-menu > li:nth-child(15) {
          transition-delay: 580ms; 
     }
     .nav-menu.main-menu > li:hover .sub-menu > li:nth-child(16) {
          transition-delay: 620ms; 
     }
     .nav-menu.main-menu > li:hover .sub-menu > li:nth-child(17) {
          transition-delay: 660ms; 
     }
     .nav-menu.main-menu > li:hover .sub-menu > li:nth-child(18) {
          transition-delay: 700ms; 
     }
     .nav-menu.main-menu > li:hover .sub-menu > li:nth-child(19) {
          transition-delay: 740ms; 
     }
     .nav-menu.main-menu > li:hover .sub-menu > li:nth-child(20) {
          transition-delay: 800ms; 
     }
     .nav-menu.main-menu > li:hover .sub-menu > li:nth-child(21) {
          transition-delay: 820ms; 
     }
     .nav-menu.main-menu > li:hover .sub-menu > li:nth-child(22) {
          transition-delay: 840ms; 
     }
     .nav-menu.main-menu > li:hover .sub-menu > li:nth-child(23) {
          transition-delay: 860ms; 
     }
     .nav-menu.main-menu > li:hover .sub-menu > li:nth-child(24) {
          transition-delay: 880ms; 
     }
     .nav-menu.main-menu > li:hover .sub-menu > li:nth-child(25) {
          transition-delay: 900ms; 
     }
     .nav-menu.main-menu > li:hover .sub-menu > li:nth-child(26) {
          transition-delay: 920ms; 
     }
     .nav-menu.main-menu > li:hover .sub-menu > li:nth-child(27) {
          transition-delay: 940ms; 
     }
     .nav-menu.main-menu > li:hover .sub-menu > li:nth-child(28) {
          transition-delay: 960ms; 
     }
     .nav-menu.main-menu > li:hover .sub-menu > li:nth-child(29) {
          transition-delay: 980ms; 
     }
     .nav-menu.main-menu > li:hover .sub-menu > li:nth-child(30) {
          transition-delay: 1000ms; 
     }
     .nav-menu.main-menu > li:hover .sub-menu > li:nth-child(31) {
          transition-delay: 1010ms; 
     }
      .nav-menu.main-menu > li:hover .sub-menu > li:nth-child(32) {
          transition-delay: 1020ms; 
     }
     .nav-menu.main-menu > li:hover .sub-menu > li:nth-child(33) {
          transition-delay: 1030ms; 
     }
     .nav-menu.main-menu > li:hover .sub-menu > li:nth-child(34) {
          transition-delay: 1040ms; 
     }
     .nav-menu.main-menu > li:hover .sub-menu > li:nth-child(35) {
          transition-delay: 1050ms; 
     }
     .nav-menu.main-menu > li:hover .sub-menu > li:nth-child(36) {
          transition-delay: 1060ms; 
     }
     .nav-menu.main-menu > li:hover .sub-menu > li:nth-child(37) {
          transition-delay: 1070ms; 
     }
     .nav-menu.main-menu > li:hover .sub-menu > li:nth-child(38) {
          transition-delay: 1080ms; 
     }
     .nav-menu.main-menu > li:hover .sub-menu > li:nth-child(39) {
          transition-delay: 1090ms; 
     }
     .nav-menu.main-menu > li:hover .sub-menu > li:nth-child(40) {
          transition-delay: 1100ms; 
     }
     .nav-menu.main-menu > li:hover .sub-menu > li:nth-child(41) {
          transition-delay: 1110ms; 
     }
     .nav-menu.main-menu > li:hover .sub-menu > li:nth-child(42) {
          transition-delay: 1120ms; 
     }
     .nav-menu.main-menu > li:hover .sub-menu > li:nth-child(43) {
          transition-delay: 1130ms; 
     }
     .nav-menu.main-menu > li:hover .sub-menu > li:nth-child(44) {
          transition-delay: 1140ms; 
     }
     .nav-menu.main-menu > li:hover .sub-menu > li:nth-child(45) {
          transition-delay: 1150ms; 
     }
     .nav-menu.main-menu > li:hover .sub-menu > li:nth-child(46) {
          transition-delay: 1160ms; 
     }
     .nav-menu.main-menu > li:hover .sub-menu > li:nth-child(47) {
          transition-delay: 1170ms; 
     }
     .nav-menu.main-menu > li:hover .sub-menu > li:nth-child(48) {
          transition-delay: 1180ms; 
     }
     .nav-menu.main-menu > li:hover .sub-menu > li:nth-child(49) {
          transition-delay: 1190ms; 
     }
     .nav-menu.main-menu > li:hover .sub-menu > li:nth-child(50) {
          transition-delay: 1200ms; 
     }
}
@media (max-width: 1024px){
	/* Mega Menu Responsive */
	.site-navigation .nav-menu{
		display: none;	 
	    right: 0;
	    float: right;
	    margin: 15px 0 0 0;
	    padding-left: 20px;
	    position: absolute;
	    height: 100%;
	    overflow-y: scroll;
	    left: auto;
	    box-sizing: border-box;
	}
	.ux-hide-ipad{
		display: none!important;
	}
	.ux-header .nav-menu.main-menu li > ul,.ux-header .nav-menu.main-menu li > ol {
	    padding-left: 25px !important;
	}
	.ux-header .nav-menu.main-menu {
	    padding: 0px!important;
	}
	.ux-header .header .showcounter-yes .nav-menu.main-menu > li > a::before,	
	.nav_right .swiper-button-next,.nav_right .swiper-button-prev,.nav-midline:after,.nav-midline:after{
		display: none!important;
	} 
	.wpmega-openblock i.dashicons-menu:before,.wpmega-closeblock i.dashicons-no-alt,.wp-mega-toggle-block .dashicons,.wp-mega-toggle-block .dashicons-before:before{
		    font-family: 'Linearicons-Free'!important;
		    speak: none;
		    font-style: normal;
		    font-weight: normal;
		    font-variant: normal;
		    text-transform: none;
		    line-height: 1;
		    -webkit-font-smoothing: antialiased;
		    -moz-osx-font-smoothing: grayscale;
	}
	.wpmega-openblock i.dashicons-menu:before{
		content: "\e871";
	}
	.wpmega-closeblock i.dashicons-no-alt:before{
		content: "\e870";
	}
	.hd-storefront .menu-warpper {
	    margin-left: 0;
	}	 
	.logo-desktop{
		display: none;
	}
	 
	.logo-mobil{
		display: block;
	}
	.hdpanel_yes .hd-logo{
		margin-left: 15px;
	}
	.ux-header.showmobilnav-yes .hd-utility {   
    	right: 50px;
	}
	.ux-header.showmobilnav- .hd-utility {   
    	right: 35px!important;
	}
	.elementor-widget-container .nav-menu.main-menu li .expandsub {
        right: 55px;
    }
	.ux-header .primary-navigation .nav-menu>li>a {
		padding-left: 30px!important;
	}
 
	.elementor-widget-container .nav-open{
		 right: 20px;
		 background: transparent!important;
	}
	 .wpcf7-form  .form-warper.sg-line .uk-width-medium-2-5{
	    max-width: 38%;
	}
	.uxhd-mobilnav.nav-open{
		width: 35px;
	}
	.hd-borderline .site-navigation,#primary-navigation {
	    height: 93px;
	}
	#primary-navigation {
	    min-height: 55px;
	}
 
	
	.hd-logo{
		display: block;
	}
	.hdsearchform.hds-style1 form .search-input{
		font-size: 35px;
		margin-top: 0;
	}
	body.wpmm_megamenu #header-wrapper .wp-megamenu-main-wrapper.wpmm-orientation-horizontal ul.wpmm-mega-wrapper > li > a{
		color: #ffffff!important;
	}
	.ux-header .hdbig-101 #hd-logo .logo-desktop,.ux-header .hdbig-101 .hdtoolbar{
		display: none;
	}
	.ux-header.nav-vertical.nav-left.custom-builder{
		display: block;
		width: auto;
	}
	.hdnavmobil-acc,.navmobilstyle-accord .hdnavmobil-acc,.uxovl-overlay-menu{
		display: block!important;
	}
	.hd-creative .hd-searchform.hd-searchformdf .searcharea button.searchbutton{
		font-size: 30px;
		top: 50%;
    	transform: translateY(-50%);
	}
	
	.hd-utility > ul > li.uk-hidden-small,.uk-hidden-small{
		display: none!important;
	}
	.hdnav-left.hd680 .hdsbright{
		right: auto;
		    position: fixed;
		    left: 0;
	}
	.ani-hamburger {
    	top: 0;
	    margin-top: 75px;
	}
	.uxbgsld .sld-caption{
		width: 90%;	
	}
	 .ux-anishape::before,
    .ux-anishape::after{
        display: none;
    }
    .site-navigation.primary-navigation{
    	background: transparent!important;
    	background-color: transparent!important;
    }
    .elementor-widget-container .ux-header ul.sub-menu,.elementor-widget-container .ux-header .primary-navigation .nav-menu {
	    background-color: #1c1b1b!important;
	}
	.elementor-widget-container .ux-header .primary-navigation .nav-menu {
        position: fixed;
        top: 0;
        right: 0;
        bottom: 0;
		padding-top: 50px !important;
    }
    ul#menu-main-menu > li > ul.sub-menu{
    	margin: 0 !important;
    	padding: 0px 0px 0px 15px !important;    	
    }
    .hd-borderline .site-navigation, #primary-navigation{
        height: 60px;
    }
 
	
     
        
}
@media (min-width: 961px){
	.hdtool-only  #primary-navigation{
		display: none;
	}
}
@media (max-width: 960px){	 
	.max-width75{
		max-width: 75%;
	}
	.style-5a .hdnavleft,.style-5a .hdnavright{
		display: none;
	}
	.hd-mobilenav{		
	    display: block;
   		z-index: 999999;
    	position: absolute;
    	width: 100%;		
	}	
	.hdnavleft #wpmm-wrap-main_menu ,.hdnavright #wpmm-wrap-main_menu {
		display: none;
	}
	.ux-header.style-5a .hd-logo{
		text-align: left;	
	}
	.wp-megamenu-main-wrapper.wpmm-orientation-horizontal ul.wpmm-mega-wrapper > li {
 	   padding: 0!important;
	} 
	.wp-mega-toggle-block {
	    cursor: pointer;
	    position: relative;
	    z-index: 9999;
	    float: right;
	}
	.ux-header .hd-utility {   
   		 z-index: 9;
	}

	.ux-block.uxbgsld{
		margin-top: -20px;
	}
}
@media (max-width: 896px){
	.author-signimg:before{
		display: none;
	}
	.author-signimg {
	    padding-left: 80px;
	    margin-top: 10px;
	}
	.elementor-widget-wrap .etn-schedule-wrap .etn-single-schedule-item .etn-schedule-info{
		padding-right: 35px;
	}
	 .wpcf7-form  .form-warper.sg-line  .uk-width-medium-2-5{
	    max-width: 37%;
	}
}


@media (max-width: 844px){
	.author-signimg:before{
		display: none;
	}
}
@media (max-width: 768px){
	.elementor-widget-wrap .etn-schedule-wrap .etn-schedule-info .etn-schedule-location{
		padding-left: 25px!important;
	}
	.elementor-widget-wrap .etn-schedule-wrap .etn-single-schedule-item .etn-schedule-info {
	    padding-right: 25px;
	}
	.elementor-widget-wrap .etn-schedule-wrap .etn-schedule-info .etn-schedule-location {
	    margin-top: 10px;
	    font-size: 16px;
	    padding-right: 15px;
	}
	 .wpcf7-form  .form-warper.sg-line  .uk-width-medium-2-5{
	    max-width: 100%;
	} 

	/* Editor Issue */
	.elementor-editor-active .wpmega-openblock,.elementor-editor-active .wpmega-closeblock{
		margin-top: -6px;
	}
	.hdsearchform.hds-style1 form .search-input{
		font-size: 25px;
	}
	.additional-text, .section-heading {
	    text-align: center;
	    font-size: 23px;
	}
	.uxbgsld .sld-caption{
		width: 100%;	
	}
	.author-signimg {
	    padding-left: 77px;
	    margin-top: 15px;
	}
	.author-signimg:before{
		display: none;
	}
	.hd-creative .hd-searchform.hd-searchformdf .searcharea button.searchbutton{
		font-size: 28px;
	}
	.hd-creative  .hd-searchform form .search-input{
		font-size: 30px;
	}
	.uxcover-img,.uxcover ,.uxcover-revert,.uxcover-revertcontent {
	 	transform:none!important;
	}
	.uxovl-ol-menu-list > li > a,
	.uxovl-ol-menu-list > li > .uxovl-ol-submenu-trigger > a {
		font-size: 25px;		
	}
	.photo-aniwarp{
		display: none;
	}	
}
@media (max-width: 736px){
	 .grid-style .box-container ul li,.grid-style .box-container{
	 	border: none;
	 }
}
@media (max-width: 667px){
	.elementor-widget-wrap .etn-schedule-wrap .etn-single-schedule-item .etn-schedule-info{
		padding-right: 0;
		border: none;
		width: 100%;
		max-width: 100%!important;
    	display: block;
    	flex: inherit;
    	padding-left: 0;
	}
	.elementor-widget-wrap .etn-single-schedule-item.etn-row .etn-col-sm-3{
		width: 100%;
		max-width: 100%!important;
    	display: block;
    	flex: inherit;
	}
	.elementor-widget-wrap .etn-schedule-wrap .etn-single-schedule-item .etn-schedule-content {
	    padding-left: 0;
	    width: 100%;
	    max-width: 100%!important;
	    display: block;
	    flex: inherit;
	}
	
}

@media (max-width: 568px){
	.elementor-widget-wrap .etn-schedule-wrap .etn-schedule-info .etn-schedule-location {
	    padding-left: 0!important;
	}
 
	.hd-creative .hd-searchform.hd-searchformdf .searcharea button.searchbutton{
		font-size: 22px;
	}
	.hd-creative .hd-searchform form .search-input {
	    font-size: 20px;
	}
	.ux-hide-mobile{
		display: none!important;
	}
	/* Editor Issue */
	.elementor-editor-active .wpmega-openblock,.elementor-editor-active .wpmega-closeblock{
		margin-top: -2px;
	}
	
	.bn-cats{
	    margin-right: 0;	    
	    width: 100%;
	}
	.slick-dots {  
	    margin-top: -5px;
	}			
	.photosupersize .gall-logo,.gall-logo{
		display: none;
	}
	.ux-testomation.style2e .uxitem-bound.uk-width-2-3{		
		width: 100%;
	}
}
@media (max-width: 420px){
	.ux-gridvline{
		display: none;
	}
	.author-signimg {
	    padding-left: 80px;
	    margin-top: 20px;
	    margin-bottom: 35px;
	}
	.author-signimg:before{
		display: none;
	}
	.hd-borderline .hd-utility:before{
		display: none;
	}

}
@media (max-width: 414px){
	.ux-hide-mobile-potrail{
		display: none!important;
	}
	.hdsearchform.hds-style1 form .search-input,.hd-searchform form .search-input {
	    font-size: 20px;
	}
	.elementor-section-full_width .ondarkbg.subscribe.single-input input[type=submit] {  
	    right: -75px;
	}
	ul.hd-categories .cat-count{	   
	    margin-right: 0;
	}
	.uxbgsld .sld-caption{
		display: none;
	}
	.hd-borderline .hd-utility:before{
		display: none;
	}
	.ux-ourteam.ux-block{
		display: block;
	}	
	
}
@media (max-width: 375px){
	.ux-hide-xmobile-potrail{
		display: none!important;
	}
}
@media (max-width: 300px){
	.hd-utility{
		display: none;
	}
}