.thegem-menu-custom .menu-custom-header{margin-top:0;margin-bottom:11px;}
.thegem-menu-custom .menu-custom-header.main-menu-item{color:var(--thegem-to-h6-color);}
.thegem-menu-custom .menu-custom-header a, .thegem-menu-custom .menu-custom-header > span{display:flex;align-items:center;}
.thegem-menu-custom .menu-custom-header:not(:hover) a{color:inherit;}
.thegem-menu-custom .menu-custom-header .separator{display:flex;font-size:0;line-height:0;margin-top:14px;}
.thegem-menu-custom .menu-custom-header .separator span{width:200px;display:block;background-color:var(--thegem-to-divider-color, #dfe5e8);}
.thegem-menu-custom .menu-custom-header.light{font-family:var(--thegem-to-light-title-font-family);font-style:var(--thegem-to-light-title-font-style);font-weight:normal;}
.thegem-menu-custom ul.nav-menu-custom, .thegem-menu-custom ul.nav-menu-custom ul{list-style-type:none;padding:0;margin:0;}
.thegem-menu-custom.thegem-menu-custom--vertical.thegem-menu-custom--flex-start ul.nav-menu-custom ul{padding-left:30px;}
.thegem-menu-custom.thegem-menu-custom--vertical.thegem-menu-custom--flex-end ul.nav-menu-custom ul{padding-right:30px;}
.thegem-menu-custom.thegem-menu-custom--vertical.thegem-menu-custom--center ul.nav-menu-custom ul{padding-top:20px;padding-bottom:20px;}
.thegem-menu-custom ul.nav-menu-custom li{margin:0;}
.thegem-menu-custom ul.nav-menu-custom li.default-colors{color:#3c3950;}
.thegem-menu-custom ul.nav-menu-custom li a, .thegem-menu-custom ul.nav-menu-custom li > span{display:flex !important;align-items:center;padding:0.5em 0.7em;margin-left:-0.7em;margin-right:-0.7em;transition:all 0.3s;}
.thegem-menu-custom ul.nav-menu-custom li:not(:hover) a{color:inherit;}
.thegem-menu-custom .icon{display:block;width:16px;margin-right:12px;text-align:center;flex:none;}
.thegem-menu-custom .icon i{display:block;font-size:inherit;}
.thegem-menu-custom .label{color:#ffffff;background-color:var(--thegem-to-styled-color1, #00BCD4);font-size:var(--thegem-to-h6-font-size-tiny, 7px);line-height:1;padding:0.3em 0.5em;margin:0 0 0 10px;vertical-align:middle;}
.thegem-menu-custom.thegem-menu-custom--horizontal ul.nav-menu-custom{display:flex;flex-wrap:wrap;}
.thegem-menu-custom.thegem-menu-custom--horizontal ul.nav-menu-custom li{position:relative;}
.thegem-menu-custom.thegem-menu-custom--horizontal.menu-separator ul.nav-menu-custom li:not(:last-child):before{content:'';position:absolute;top:50%;transform:translateY(-50%);right:0;width:1px;height:100%;background-color:var(--thegem-to-box-border-color);z-index:2;}
.thegem-menu-custom.thegem-menu-custom--vertical.vertical-menu-separator ul.nav-menu-custom > li{position:relative;}
.thegem-menu-custom.thegem-menu-custom--vertical.vertical-menu-separator ul.nav-menu-custom > li:not(:last-child):before{content:'';position:absolute;left:50%;transform:translate(-50%, 50%);bottom:0;height:1px;width:100%;background-color:var(--thegem-to-box-border-color);z-index:2;}
.thegem-menu-custom.thegem-menu-custom--horizontal ul.nav-menu-custom li a, .thegem-menu-custom.thegem-menu-custom--horizontal ul.nav-menu-custom li > span{margin:0;}
.thegem-menu-custom.thegem-menu-custom--horizontal.thegem-menu-custom--left ul.nav-menu-custom li:first-child a, .thegem-menu-custom.thegem-menu-custom--horizontal.thegem-menu-custom--left ul.nav-menu-custom li:first-child > span{margin-left:-0.7em;}
.thegem-menu-custom.thegem-menu-custom--horizontal.thegem-menu-custom--right ul.nav-menu-custom li:last-child a, .thegem-menu-custom.thegem-menu-custom--horizontal.thegem-menu-custom--right ul.nav-menu-custom li:last-child > span{margin-right:-0.7em;}
.thegem-menu-custom.menu-indicator ul.nav-menu-custom li a i.indicator{position:relative;display:flex;align-items:center;}
.thegem-menu-custom.menu-indicator ul.nav-menu-custom li a i.indicator:before{content:"\e601";font-family:"thegem-icons";font-weight:normal;font-style:normal;line-height:inherit;font-size:inherit;}
.thegem-menu-custom .menu-custom-header .icon{width:auto;}
.thegem-menu-custom ul.nav-menu-custom li > a{position:relative;z-index:1;}
.thegem-menu-custom ul.nav-menu-custom li > a .text{position:relative;display:inline-flex;}
.thegem-menu-custom ul.nav-menu-custom li > a:after, .thegem-menu-custom ul.nav-menu-custom li > a:before, .thegem-menu-custom ul.nav-menu-custom li > a .text:before, .thegem-menu-custom ul.nav-menu-custom li > a .text:after{display:block;position:absolute;-webkit-transition:.3s;-o-transition:.3s;transition:.3s;-webkit-transition-timing-function:cubic-bezier(.58,.3,.005,1);-o-transition-timing-function:cubic-bezier(.58,.3,.005,1);transition-timing-function:cubic-bezier(.58,.3,.005,1);}
.thegem-menu-custom ul.nav-menu-custom li > a:before{z-index:-1;}
.thegem-menu-custom ul.nav-menu-custom li:not(:hover):not(:focus):not(.highlighted):not(.menu-item-active):not(.menu-item-current):not(.collapsed) > a:after,
.thegem-menu-custom ul.nav-menu-custom li:not(:hover):not(:focus):not(.highlighted):not(.menu-item-active):not(.menu-item-current):not(.collapsed) > a:before,
.thegem-menu-custom ul.nav-menu-custom li:not(:hover):not(:focus):not(.highlighted):not(.menu-item-active):not(.menu-item-current):not(.collapsed) > a .text:before,
.thegem-menu-custom ul.nav-menu-custom li:not(:hover):not(:focus):not(.highlighted):not(.menu-item-active):not(.menu-item-current):not(.collapsed) > a .text:after{opacity:0;}
.thegem-menu-custom ul.nav-menu-custom li:hover > a{background-color:transparent;}
.thegem-menu-custom.style-hover-background ul.nav-menu-custom li:not(.menu-item-active):not(.menu-item-current):not(.collapsed) > a:before,
.thegem-menu-custom.style-active-background ul.nav-menu-custom li.menu-item-active > a:before, .thegem-menu-custom.style-active-background ul.nav-menu-custom li.menu-item-current > a:before, .thegem-menu-custom.style-active-background ul.nav-menu-custom li.collapsed > a:before, .thegem-menu-custom.style-hover-background ul.nav-menu-custom li:not(.menu-item-active):not(.menu-item-current):not(.collapsed) > a:after,
.thegem-menu-custom.style-active-background ul.nav-menu-custom li.menu-item-active > a:after, .thegem-menu-custom.style-active-background ul.nav-menu-custom li.menu-item-current > a:after, .thegem-menu-custom.style-active-background ul.nav-menu-custom li.collapsed > a:after{content:'';transition:0.3s;}
.thegem-menu-custom.style-hover-background ul.nav-menu-custom li:not(.menu-item-active):not(.menu-item-current):not(.collapsed):hover > a,
.thegem-menu-custom.style-active-background ul.nav-menu-custom li.menu-item-active > a, .thegem-menu-custom.style-active-background ul.nav-menu-custom li.menu-item-current > a, .thegem-menu-custom.style-active-background ul.nav-menu-custom li.collapsed > a{color:var(--thegem-to-menu-level1-light-active-color);}
.thegem-menu-custom.style-hover-background ul.nav-menu-custom li:not(.menu-item-active):not(.menu-item-current):not(.collapsed):hover > a:before{top:0;left:0;right:0;bottom:0;background:var(--thegem-to-menu-level1-color-hover);z-index:-1;}
.thegem-menu-custom.style-active-background ul.nav-menu-custom li.menu-item-active > a:before, .thegem-menu-custom.style-active-background ul.nav-menu-custom li.menu-item-current > a:before, .thegem-menu-custom.style-active-background ul.nav-menu-custom li.collapsed > a:before{top:0;left:0;right:0;bottom:0;background:var(--thegem-to-menu-level1-color-hover);z-index:-1;}
.thegem-menu-custom.style-hover-background.style-hover-type-background-underline ul.nav-menu-custom li:not(.menu-item-active):not(.menu-item-current):not(.collapsed) > a:after,
.thegem-menu-custom.style-active-background.style-active-type-background-underline ul.nav-menu-custom li.menu-item-active > a:after, .thegem-menu-custom.style-active-background.style-active-type-background-underline ul.nav-menu-custom li.menu-item-current > a:after, .thegem-menu-custom.style-active-background.style-active-type-background-underline ul.nav-menu-custom li.collapsed > a:after{height:2px;left:0;right:0;bottom:0;background-color:var(--thegem-to-menu-level2-border-color, #DFE5E8);z-index:2;}
.thegem-menu-custom.style-hover-background.style-hover-type-background-underline ul.nav-menu-custom li:not(.menu-item-active):not(.menu-item-current):not(.collapsed):hover > a,
.thegem-menu-custom.style-active-background.style-active-type-background-underline ul.nav-menu-custom li.menu-item-active > a, .thegem-menu-custom.style-active-background.style-active-type-background-underline ul.nav-menu-custom li.menu-item-current > a, .thegem-menu-custom.style-active-background.style-active-type-background-underline ul.nav-menu-custom li.collapsed > a{color:var(--thegem-to-menu-level1-color-hover, #00BCD4);}
.thegem-menu-custom.style-hover-background.style-hover-type-background-rounded ul.nav-menu-custom li:not(.menu-item-active):not(.menu-item-current):not(.collapsed):hover > a,
.thegem-menu-custom.style-active-background.style-active-type-background-rounded ul.nav-menu-custom li.menu-item-active > a, .thegem-menu-custom.style-active-background.style-active-type-background-rounded ul.nav-menu-custom li.menu-item-current > a, .thegem-menu-custom.style-active-background.style-active-type-background-rounded ul.nav-menu-custom li.collapsed > a{color:var(--thegem-to-menu-level1-light-active-color);}
.thegem-menu-custom.style-hover-background.style-hover-type-background-rounded ul.nav-menu-custom li:not(.menu-item-active):not(.menu-item-current):not(.collapsed):hover > a:before,
.thegem-menu-custom.style-active-background.style-active-type-background-rounded ul.nav-menu-custom li.menu-item-active > a:before, .thegem-menu-custom.style-active-background.style-active-type-background-rounded ul.nav-menu-custom li.menu-item-current > a:before, .thegem-menu-custom.style-active-background.style-active-type-background-rounded ul.nav-menu-custom li.collapsed > a:before{background-color:var(--thegem-to-menu-level1-color-hover, #00BCD4);border-radius:20px;}
.thegem-menu-custom.style-hover-background.style-hover-animation-grow ul.nav-menu-custom li:not(.menu-item-active):not(.menu-item-current):not(.collapsed) > a:before,
.thegem-menu-custom.style-hover-background.style-hover-animation-grow ul.nav-menu-custom li:not(.menu-item-active):not(.menu-item-current):not(.collapsed) > a:after{transform:scale(0.5);}
.thegem-menu-custom.style-hover-background.style-hover-animation-grow ul.nav-menu-custom li:not(.menu-item-active):not(.menu-item-current):not(.collapsed):hover > a:before,
.thegem-menu-custom.style-hover-background.style-hover-animation-grow ul.nav-menu-custom li:not(.menu-item-active):not(.menu-item-current):not(.collapsed):hover > a:after{transform:scale(1);opacity:1;}
.thegem-menu-custom.style-hover-background.style-hover-animation-shrink ul.nav-menu-custom li:not(:hover):not(:focus):not(.highlighted):not(.menu-item-active):not(.menu-item-current):not(.collapsed) > a:before,
.thegem-menu-custom.style-hover-background.style-hover-animation-shrink ul.nav-menu-custom li:not(:hover):not(:focus):not(.highlighted):not(.menu-item-active):not(.menu-item-current):not(.collapsed) > a:after{transform:scale(1.2);transition:0.3s;}
.thegem-menu-custom.style-hover-background.style-hover-animation-shrink ul.nav-menu-custom li:not(.menu-item-active):not(.menu-item-current):not(.collapsed):hover > a:before,
.thegem-menu-custom.style-hover-background.style-hover-animation-shrink ul.nav-menu-custom li:not(.menu-item-active):not(.menu-item-current):not(.collapsed):hover > a:after{transition:opacity 0.15s, transform 0.4s;}
.thegem-menu-custom.style-hover-background.style-hover-animation-sweep-left ul.nav-menu-custom li:not(:hover):not(:focus):not(.highlighted):not(.menu-item-active):not(.menu-item-current):not(.collapsed) > a:before,
.thegem-menu-custom.style-hover-background.style-hover-animation-sweep-left ul.nav-menu-custom li:not(:hover):not(:focus):not(.highlighted):not(.menu-item-active):not(.menu-item-current):not(.collapsed) > a:after{left:100%;}
.thegem-menu-custom.style-hover-background.style-hover-animation-sweep-right ul.nav-menu-custom li:not(:hover):not(:focus):not(.highlighted):not(.menu-item-active):not(.menu-item-current):not(.collapsed) > a:before,
.thegem-menu-custom.style-hover-background.style-hover-animation-sweep-right ul.nav-menu-custom li:not(:hover):not(:focus):not(.highlighted):not(.menu-item-active):not(.menu-item-current):not(.collapsed) > a:after{right:100%;}
.thegem-menu-custom.style-hover-background.style-hover-animation-sweep-up ul.nav-menu-custom li:not(:hover):not(:focus):not(.highlighted):not(.menu-item-active):not(.menu-item-current):not(.collapsed) > a:before,
.thegem-menu-custom.style-hover-background.style-hover-animation-sweep-up ul.nav-menu-custom li:not(:hover):not(:focus):not(.highlighted):not(.menu-item-active):not(.menu-item-current):not(.collapsed) > a:after{top:100%;}
.thegem-menu-custom.style-hover-background.style-hover-animation-sweep-down ul.nav-menu-custom li:not(:hover):not(:focus):not(.highlighted):not(.menu-item-active):not(.menu-item-current):not(.collapsed) > a:before,
.thegem-menu-custom.style-hover-background.style-hover-animation-sweep-down ul.nav-menu-custom li:not(:hover):not(:focus):not(.highlighted):not(.menu-item-active):not(.menu-item-current):not(.collapsed) > a:after{bottom:100%;}
.thegem-menu-custom.style-hover-background.style-hover-animation-none, .thegem-menu-custom.style-hover-background.style-hover-animation-none ul.nav-menu-custom li:not(.menu-item-active):not(.menu-item-current):not(.collapsed) > a{transition-duration:0s;}
.thegem-menu-custom.style-hover-background.style-hover-animation-none:before, .thegem-menu-custom.style-hover-background.style-hover-animation-none:after, .thegem-menu-custom.style-hover-background.style-hover-animation-none:hover, .thegem-menu-custom.style-hover-background.style-hover-animation-none:focus, .thegem-menu-custom.style-hover-background.style-hover-animation-none ul.nav-menu-custom li:not(.menu-item-active):not(.menu-item-current):not(.collapsed) > a:before,
.thegem-menu-custom.style-hover-background.style-hover-animation-none ul.nav-menu-custom li:not(.menu-item-active):not(.menu-item-current):not(.collapsed) > a:after{transition-duration:0s;}
.thegem-menu-custom.style-hover-text ul.nav-menu-custom li:not(.menu-item-active):not(.menu-item-current):not(.collapsed):hover > a{color:var(--thegem-to-menu-level1-color-hover);}
.thegem-menu-custom.style-active-text ul.nav-menu-custom li.menu-item-active > a, .thegem-menu-custom.style-active-text ul.nav-menu-custom li.menu-item-current > a, .thegem-menu-custom.style-active-text ul.nav-menu-custom li.collapsed > a{color:var(--thegem-to-menu-level1-color-hover);}
.thegem-menu-custom.style-hover-lined ul.nav-menu-custom li:not(.menu-item-active):not(.menu-item-current):not(.collapsed) > a .text:before,
.thegem-menu-custom.style-active-lined ul.nav-menu-custom li.menu-item-active > a .text:before, .thegem-menu-custom.style-active-lined ul.nav-menu-custom li.menu-item-current > a .text:before, .thegem-menu-custom.style-active-lined ul.nav-menu-custom li.collapsed > a .text:before{content:'';top:0;}
.thegem-menu-custom.style-hover-lined ul.nav-menu-custom li:not(.menu-item-active):not(.menu-item-current):not(.collapsed) > a .text:after,
.thegem-menu-custom.style-active-lined ul.nav-menu-custom li.menu-item-active > a .text:after, .thegem-menu-custom.style-active-lined ul.nav-menu-custom li.menu-item-current > a .text:after, .thegem-menu-custom.style-active-lined ul.nav-menu-custom li.collapsed > a .text:after{content:'';bottom:0;}
.thegem-menu-custom.style-hover-lined.style-hover-type-line-underline-1 ul.nav-menu-custom li:not(.menu-item-active):not(.menu-item-current):not(.collapsed) > a .text:before,
.thegem-menu-custom.style-hover-lined.style-hover-type-line-underline-2 ul.nav-menu-custom li:not(.menu-item-active):not(.menu-item-current):not(.collapsed) > a .text:before,
.thegem-menu-custom.style-hover-lined.style-hover-type-line-overline-1 ul.nav-menu-custom li:not(.menu-item-active):not(.menu-item-current):not(.collapsed) > a .text:after,
.thegem-menu-custom.style-hover-lined.style-hover-type-line-overline-2 ul.nav-menu-custom li:not(.menu-item-active):not(.menu-item-current):not(.collapsed) > a .text:after,
.thegem-menu-custom.style-active-lined.style-active-type-line-underline-1 ul.nav-menu-custom li.menu-item-active > a .text:before, .thegem-menu-custom.style-active-lined.style-active-type-line-underline-2 ul.nav-menu-custom li.menu-item-active > a .text:before, .thegem-menu-custom.style-active-lined.style-active-type-line-overline-1 ul.nav-menu-custom li.menu-item-active > a .text:after, .thegem-menu-custom.style-active-lined.style-active-type-line-overline-2 ul.nav-menu-custom li.menu-item-active > a .text:after, .thegem-menu-custom.style-active-lined.style-active-type-line-underline-1 ul.nav-menu-custom li.menu-item-current > a .text:before, .thegem-menu-custom.style-active-lined.style-active-type-line-underline-2 ul.nav-menu-custom li.menu-item-current > a .text:before, .thegem-menu-custom.style-active-lined.style-active-type-line-overline-1 ul.nav-menu-custom li.menu-item-current > a .text:after, .thegem-menu-custom.style-active-lined.style-active-type-line-overline-2 ul.nav-menu-custom li.menu-item-current > a .text:after, .thegem-menu-custom.style-active-lined.style-active-type-line-underline-1 ul.nav-menu-custom li.collapsed > a .text:before, .thegem-menu-custom.style-active-lined.style-active-type-line-underline-2 ul.nav-menu-custom li.collapsed > a .text:before, .thegem-menu-custom.style-active-lined.style-active-type-line-overline-1 ul.nav-menu-custom li.collapsed > a .text:after, .thegem-menu-custom.style-active-lined.style-active-type-line-overline-2 ul.nav-menu-custom li.collapsed > a .text:after{content:none;}
.thegem-menu-custom.style-hover-lined ul.nav-menu-custom li:not(.menu-item-active):not(.menu-item-current):not(.collapsed):hover > a{color:var(--thegem-to-menu-level1-color-hover);}
.thegem-menu-custom.style-active-lined ul.nav-menu-custom li.menu-item-active > a, .thegem-menu-custom.style-active-lined ul.nav-menu-custom li.menu-item-current > a, .thegem-menu-custom.style-active-lined ul.nav-menu-custom li.collapsed > a{color:var(--thegem-to-menu-level1-color-hover);}
.thegem-menu-custom.style-hover-lined ul.nav-menu-custom li:not(.menu-item-active):not(.menu-item-current):not(.collapsed):hover > a .text:before,
.thegem-menu-custom.style-hover-lined ul.nav-menu-custom li:not(.menu-item-active):not(.menu-item-current):not(.collapsed):hover > a .text:after{height:2px;width:100%;left:0;background-color:var(--thegem-to-menu-level1-color-hover, #00BCD4);z-index:2;}
.thegem-menu-custom.style-active-lined ul.nav-menu-custom li.menu-item-active > a .text:before, .thegem-menu-custom.style-active-lined ul.nav-menu-custom li.menu-item-current > a .text:before, .thegem-menu-custom.style-active-lined ul.nav-menu-custom li.collapsed > a .text:before, .thegem-menu-custom.style-active-lined ul.nav-menu-custom li.menu-item-active > a .text:after, .thegem-menu-custom.style-active-lined ul.nav-menu-custom li.menu-item-current > a .text:after, .thegem-menu-custom.style-active-lined ul.nav-menu-custom li.collapsed > a .text:after{height:2px;width:100%;left:0;background-color:var(--thegem-to-menu-level1-color-hover, #00BCD4);z-index:2;}
.thegem-menu-custom.style-hover-lined.style-hover-type-line-top-bottom ul.nav-menu-custom li:not(.menu-item-active):not(.menu-item-current):not(.collapsed) > a .text:before,
.thegem-menu-custom.style-active-lined.style-active-type-line-top-bottom ul.nav-menu-custom li.menu-item-active > a .text:before, .thegem-menu-custom.style-active-lined.style-active-type-line-top-bottom ul.nav-menu-custom li.menu-item-current > a .text:before, .thegem-menu-custom.style-active-lined.style-active-type-line-top-bottom ul.nav-menu-custom li.collapsed > a .text:before, .thegem-menu-custom.style-hover-lined.style-hover-type-line-top-bottom ul.nav-menu-custom li:not(.menu-item-active):not(.menu-item-current):not(.collapsed) > a .text:after,
.thegem-menu-custom.style-active-lined.style-active-type-line-top-bottom ul.nav-menu-custom li.menu-item-active > a .text:after, .thegem-menu-custom.style-active-lined.style-active-type-line-top-bottom ul.nav-menu-custom li.menu-item-current > a .text:after, .thegem-menu-custom.style-active-lined.style-active-type-line-top-bottom ul.nav-menu-custom li.collapsed > a .text:after{background-color:var(--thegem-to-menu-level1-color-hover, #00BCD4);}
.thegem-menu-custom.style-hover-lined.style-hover-animation-grow ul.nav-menu-custom li:not(:hover):not(:focus):not(.highlighted):not(.menu-item-active):not(.menu-item-current):not(.collapsed) > a .text:before,
.thegem-menu-custom.style-hover-lined.style-hover-animation-grow ul.nav-menu-custom li:not(:hover):not(:focus):not(.highlighted):not(.menu-item-active):not(.menu-item-current):not(.collapsed) > a .text:after{height:0;width:0;left:50%;}
.thegem-menu-custom.style-hover-lined.style-hover-animation-drop-out ul.nav-menu-custom li:not(:hover):not(:focus):not(.highlighted):not(.menu-item-active):not(.menu-item-current):not(.collapsed) > a .text:before{top:10px;}
.thegem-menu-custom.style-hover-lined.style-hover-animation-drop-out ul.nav-menu-custom li:not(:hover):not(:focus):not(.highlighted):not(.menu-item-active):not(.menu-item-current):not(.collapsed) > a .text:after{bottom:10px;}
.thegem-menu-custom.style-hover-lined.style-hover-animation-drop-in ul.nav-menu-custom li:not(:hover):not(:focus):not(.highlighted):not(.menu-item-active):not(.menu-item-current):not(.collapsed) > a .text:before{top:-10px;}
.thegem-menu-custom.style-hover-lined.style-hover-animation-drop-in ul.nav-menu-custom li:not(:hover):not(:focus):not(.highlighted):not(.menu-item-active):not(.menu-item-current):not(.collapsed) > a .text:after{bottom:-10px;}
.thegem-menu-custom.style-hover-lined.style-hover-animation-none, .thegem-menu-custom.style-hover-lined.style-hover-animation-none ul.nav-menu-custom li:not(.menu-item-active):not(.menu-item-current):not(.collapsed) > a .text{transition-duration:0s;}
.thegem-menu-custom.style-hover-lined.style-hover-animation-none:before, .thegem-menu-custom.style-hover-lined.style-hover-animation-none:after, .thegem-menu-custom.style-hover-lined.style-hover-animation-none:hover, .thegem-menu-custom.style-hover-lined.style-hover-animation-none:focus, .thegem-menu-custom.style-hover-lined.style-hover-animation-none ul.nav-menu-custom li:not(.menu-item-active):not(.menu-item-current):not(.collapsed) > a .text:before,
.thegem-menu-custom.style-hover-lined.style-hover-animation-none ul.nav-menu-custom li:not(.menu-item-active):not(.menu-item-current):not(.collapsed) > a .text:after,
.thegem-menu-custom.style-hover-lined.style-hover-animation-none ul.nav-menu-custom li:not(.menu-item-active):not(.menu-item-current):not(.collapsed) > a .text:hover,
.thegem-menu-custom.style-hover-lined.style-hover-animation-none ul.nav-menu-custom li:not(.menu-item-active):not(.menu-item-current):not(.collapsed) > a .text:focus{transition-duration:0s;}
.thegem-menu-custom.style-hover-lined.style-hover-animation-slide-right ul.nav-menu-custom li:not(:hover):not(:focus):not(.highlighted):not(.menu-item-active):not(.menu-item-current):not(.collapsed) > a .text:before,
.thegem-menu-custom.style-hover-lined.style-hover-animation-slide-right ul.nav-menu-custom li:not(:hover):not(:focus):not(.highlighted):not(.menu-item-active):not(.menu-item-current):not(.collapsed) > a .text:after{width:10px;left:-20px;}
.thegem-menu-custom.style-hover-lined.style-hover-animation-slide-left ul.nav-menu-custom li:not(:hover):not(:focus):not(.highlighted):not(.menu-item-active):not(.menu-item-current):not(.collapsed) > a .text:before,
.thegem-menu-custom.style-hover-lined.style-hover-animation-slide-left ul.nav-menu-custom li:not(:hover):not(:focus):not(.highlighted):not(.menu-item-active):not(.menu-item-current):not(.collapsed) > a .text:after{width:10px;left:calc(100% + 20px);}
.thegem-menu-custom.style-hover-framed.style-hover-type-frame-rounded ul.nav-menu-custom li:not(.menu-item-active):not(.menu-item-current):not(.collapsed) > a,
.thegem-menu-custom.style-active-framed.style-active-type-frame-rounded ul.nav-menu-custom li.menu-item-active > a, .thegem-menu-custom.style-active-framed.style-active-type-frame-rounded ul.nav-menu-custom li.menu-item-current > a, .thegem-menu-custom.style-active-framed.style-active-type-frame-rounded ul.nav-menu-custom li.collapsed > a, .thegem-menu-custom.style-hover-framed.style-hover-type-frame-rounded ul.nav-menu-custom li:not(.menu-item-active):not(.menu-item-current):not(.collapsed) > a:before,
.thegem-menu-custom.style-active-framed.style-active-type-frame-rounded ul.nav-menu-custom li.menu-item-active > a:before, .thegem-menu-custom.style-active-framed.style-active-type-frame-rounded ul.nav-menu-custom li.menu-item-current > a:before, .thegem-menu-custom.style-active-framed.style-active-type-frame-rounded ul.nav-menu-custom li.collapsed > a:before, .thegem-menu-custom.style-hover-framed.style-hover-type-frame-rounded ul.nav-menu-custom li:not(.menu-item-active):not(.menu-item-current):not(.collapsed) > a:after,
.thegem-menu-custom.style-active-framed.style-active-type-frame-rounded ul.nav-menu-custom li.menu-item-active > a:after, .thegem-menu-custom.style-active-framed.style-active-type-frame-rounded ul.nav-menu-custom li.menu-item-current > a:after, .thegem-menu-custom.style-active-framed.style-active-type-frame-rounded ul.nav-menu-custom li.collapsed > a:after{border-radius:20px;}
.thegem-menu-custom.style-hover-framed ul.nav-menu-custom li:not(.menu-item-active):not(.menu-item-current):not(.collapsed):hover > a,
.thegem-menu-custom.style-active-framed ul.nav-menu-custom li.menu-item-active > a, .thegem-menu-custom.style-active-framed ul.nav-menu-custom li.menu-item-current > a{color:var(--thegem-to-menu-level1-color-hover, #00BCD4);}
.thegem-menu-custom.style-hover-framed ul.nav-menu-custom li:not(.menu-item-active):not(.menu-item-current):not(.collapsed) > a:before,
.thegem-menu-custom.style-active-framed ul.nav-menu-custom li.menu-item-active > a:before, .thegem-menu-custom.style-active-framed ul.nav-menu-custom li.menu-item-current > a:before, .thegem-menu-custom.style-active-framed ul.nav-menu-custom li.collapsed > a:before, .thegem-menu-custom.style-hover-framed ul.nav-menu-custom li:not(.menu-item-active):not(.menu-item-current):not(.collapsed) > a:after,
.thegem-menu-custom.style-active-framed ul.nav-menu-custom li.menu-item-active > a:after, .thegem-menu-custom.style-active-framed ul.nav-menu-custom li.menu-item-current > a:after, .thegem-menu-custom.style-active-framed ul.nav-menu-custom li.collapsed > a:after{background:transparent;left:0;top:0;bottom:0;right:0;border:2px solid var(--thegem-to-menu-level1-color-hover, #00BCD4);}
.thegem-menu-custom.style-hover-framed ul.nav-menu-custom li:not(.menu-item-active):not(.menu-item-current):not(.collapsed) > a:before,
.thegem-menu-custom.style-active-framed ul.nav-menu-custom li.menu-item-active > a:before, .thegem-menu-custom.style-active-framed ul.nav-menu-custom li.menu-item-current > a:before, .thegem-menu-custom.style-active-framed ul.nav-menu-custom li.collapsed > a:before{content:'';}
.thegem-menu-custom.style-hover-framed.style-hover-animation-grow ul.nav-menu-custom li:not(:hover):not(:focus):not(.highlighted):not(.menu-item-active):not(.menu-item-current):not(.collapsed) > a:before{transform:scale(0.75);}
.thegem-menu-custom.style-hover-framed.style-hover-animation-shrink ul.nav-menu-custom li:not(:hover):not(:focus):not(.highlighted):not(.menu-item-active):not(.menu-item-current):not(.collapsed) > a:before{transform:scale(1.25);}
.thegem-menu-custom.style-hover-framed.style-hover-animation-grow ul.nav-menu-custom li:not(.menu-item-active):not(.menu-item-current):not(.collapsed) > a:before,
.thegem-menu-custom.style-hover-framed.style-hover-animation-shrink ul.nav-menu-custom li:not(.menu-item-active):not(.menu-item-current):not(.collapsed) > a:before{transition:opacity 0.2s, transform 0.4s;}
.thegem-menu-custom.style-hover-framed.style-hover-animation-draw ul.nav-menu-custom li:not(.menu-item-active):not(.menu-item-current):not(.collapsed) > a:before,
.thegem-menu-custom.style-hover-framed.style-hover-animation-draw ul.nav-menu-custom li:not(.menu-item-active):not(.menu-item-current):not(.collapsed) > a:after{width:2px;height:2px;}
.thegem-menu-custom.style-hover-framed.style-hover-animation-draw ul.nav-menu-custom li:not(.menu-item-active):not(.menu-item-current):not(.collapsed) > a:before{border-width:0 0 2px 2px;transition:width 0.1s 0.2s, height 0.1s 0.3s, opacity 0.12s 0.22s;}
.thegem-menu-custom.style-hover-framed.style-hover-animation-draw ul.nav-menu-custom li:not(.menu-item-active):not(.menu-item-current):not(.collapsed) > a:after{content:'';top:initial;bottom:0;left:initial;right:0;border-width:2px 2px 0 0;transition:width 0.1s, height 0.1s 0.1s, opacity 0.02s 0.18s;}
.thegem-menu-custom.style-hover-framed.style-hover-animation-draw ul.nav-menu-custom li:not(.menu-item-active):not(.menu-item-current):not(.collapsed):hover > a:before,
.thegem-menu-custom.style-hover-framed.style-hover-animation-draw ul.nav-menu-custom li:not(.menu-item-active):not(.menu-item-current):not(.collapsed):hover > a:after{width:100% !important;height:100% !important;}
.thegem-menu-custom.style-hover-framed.style-hover-animation-draw ul.nav-menu-custom li:not(.menu-item-active):not(.menu-item-current):not(.collapsed):hover > a:before{transition:opacity 0.02s, height 0.1s, width 0.1s 0.1s;}
.thegem-menu-custom.style-hover-framed.style-hover-animation-draw ul.nav-menu-custom li:not(.menu-item-active):not(.menu-item-current):not(.collapsed):hover > a:after{transition:opacity 0.02s 0.2s, height 0.1s 0.2s, width 0.1s 0.3s;}
.thegem-menu-custom.style-hover-framed.style-hover-animation-corners ul.nav-menu-custom li:not(.menu-item-active):not(.menu-item-current):not(.collapsed) > a:before,
.thegem-menu-custom.style-hover-framed.style-hover-animation-corners ul.nav-menu-custom li:not(.menu-item-active):not(.menu-item-current):not(.collapsed) > a:after{width:2px;height:2px;}
.thegem-menu-custom.style-hover-framed.style-hover-animation-corners ul.nav-menu-custom li:not(.menu-item-active):not(.menu-item-current):not(.collapsed) > a:before{border-width:2px 0 0 2px;}
.thegem-menu-custom.style-hover-framed.style-hover-animation-corners ul.nav-menu-custom li:not(.menu-item-active):not(.menu-item-current):not(.collapsed) > a:after{content:'';top:initial;bottom:0;left:initial;right:0;border-width:0 2px 2px 0;}
.thegem-menu-custom.style-hover-framed.style-hover-animation-corners ul.nav-menu-custom li:not(.menu-item-active):not(.menu-item-current):not(.collapsed):hover > a:before,
.thegem-menu-custom.style-hover-framed.style-hover-animation-corners ul.nav-menu-custom li:not(.menu-item-active):not(.menu-item-current):not(.collapsed):hover > a:after{width:100% !important;height:100% !important;transition:opacity 0.002s, width 0.4s, height 0.4s;}
.thegem-menu-custom.style-hover-framed.style-hover-animation-none, .thegem-menu-custom.style-hover-framed.style-hover-animation-none ul.nav-menu-custom li:not(.menu-item-active):not(.menu-item-current):not(.collapsed) > a{transition-duration:0s;}
.thegem-menu-custom.style-hover-framed.style-hover-animation-none:before, .thegem-menu-custom.style-hover-framed.style-hover-animation-none:after, .thegem-menu-custom.style-hover-framed.style-hover-animation-none:hover, .thegem-menu-custom.style-hover-framed.style-hover-animation-none:focus, .thegem-menu-custom.style-hover-framed.style-hover-animation-none ul.nav-menu-custom li:not(.menu-item-active):not(.menu-item-current):not(.collapsed) > a:before,
.thegem-menu-custom.style-hover-framed.style-hover-animation-none ul.nav-menu-custom li:not(.menu-item-active):not(.menu-item-current):not(.collapsed) > a:after,
.thegem-menu-custom.style-hover-framed.style-hover-animation-none ul.nav-menu-custom li:not(.menu-item-active):not(.menu-item-current):not(.collapsed):hover > a{transition-duration:0s;}
.thegem-menu-custom.thegem-menu-custom--clickable ul.nav-menu-custom ul{display:none;list-style-type:none;}
.thegem-menu-custom.thegem-menu-custom--clickable ul.nav-menu-custom a .text{position:relative;display:inline-flex;align-items:center;}
.thegem-menu-custom.thegem-menu-custom--clickable ul.nav-menu-custom li.menu-item-has-children > a .indicator, .thegem-menu-custom.thegem-menu-custom--clickable ul.nav-menu-custom li.menu-item-has-children > ul > li.show-parent > a .indicator{position:relative;display:flex;align-items:center;}
.thegem-menu-custom.thegem-menu-custom--clickable:not(.hide-indicator) ul.nav-menu-custom li.menu-item-has-children > a .indicator:before,
.thegem-menu-custom.thegem-menu-custom--clickable:not(.hide-indicator) ul.nav-menu-custom li.menu-item-has-children > ul > li.show-parent > a .indicator:before{content:"\e602";font-family:"thegem-icons";font-weight:normal;font-style:normal;line-height:inherit;font-size:inherit;width:1em;}
.thegem-menu-custom.thegem-menu-custom--clickable:not(.hide-indicator) ul.nav-menu-custom li.menu-item-has-children > ul > li.show-parent > a .indicator:before{content:"\e601";}
.thegem-menu-custom.thegem-menu-custom--clickable:not(.hide-indicator).submenu-inlicator-alignment-before ul.nav-menu-custom li > a .indicator,
.thegem-menu-custom.thegem-menu-custom--clickable:not(.hide-indicator).thegem-menu-custom--flex-end.submenu-inlicator-alignment-stretch ul li > a .indicator{order:-1;}
.thegem-menu-custom.thegem-menu-custom--clickable:not(.hide-indicator).submenu-inlicator-alignment-stretch ul.nav-menu-custom li > a .text{width:100%;justify-content:space-between;}
@media(min-width:768px){
.thegem-menu-custom.thegem-menu-custom--clickable:not(.hide-indicator) ul.nav-menu-custom li.menu-item-has-children > ul > li.show-parent{display:none;}
} .thegem-menu-custom.thegem-menu-custom--dropdown ul.nav-menu-custom ul{position:absolute;opacity:0;visibility:hidden;top:100%;left:0;transition:all 0.3s;width:240px;border:1px solid var(--thegem-to-menu-level2-border-color, #dfe5e8);border-top:0 none;}
.thegem-menu-custom.thegem-menu-custom--dropdown ul.nav-menu-custom li:hover > ul{opacity:1;visibility:visible;}
.thegem-menu-custom.thegem-menu-custom--dropdown ul.nav-menu-custom ul ul{top:-1px;left:100%;}
.thegem-menu-custom.thegem-menu-custom--dropdown.thegem-menu-custom--flex-start ul.nav-menu-custom > li:first-child > ul{margin-left:-0.7em;}
.thegem-menu-custom.thegem-menu-custom--dropdown ul.nav-menu-custom ul li{border-top:1px solid var(--thegem-to-menu-level2-border-color, #dfe5e8);}
.thegem-menu-custom.thegem-menu-custom--dropdown ul.nav-menu-custom ul li:before{display:none;}
.thegem-menu-custom.thegem-menu-custom--dropdown ul.nav-menu-custom ul a{margin-left:0 !important;margin-right:0 !important;padding:0.8em 1.5em;background:#fff;}
.thegem-menu-custom.thegem-menu-custom--dropdown:not(.hide-indicator) ul.nav-menu-custom li.menu-item-has-children > a .indicator:before{content:"\e602";font-family:"thegem-icons";font-weight:normal;font-style:normal;line-height:inherit;font-size:inherit;width:1em;vertical-align:top;}
.thegem-menu-custom.thegem-menu-custom--dropdown:not(.hide-indicator) ul.nav-menu-custom ul li.menu-item-has-children > a .indicator:before{content:"\e601";}
.thegem-menu-custom.thegem-menu-custom--dropdown ul.nav-menu-custom ul li > a .text{width:100%;justify-content:space-between;}
.thegem-menu-custom.list-inlicator-alignment-after ul.nav-menu-custom li .icon, .thegem-menu-custom.thegem-menu-custom--flex-end.list-inlicator-alignment-stretch ul.nav-menu-custom li .icon{order:1;margin-right:0;}
.thegem-menu-custom.list-inlicator-alignment-stretch ul.nav-menu-custom li > a, .thegem-menu-custom.list-inlicator-alignment-stretch ul.nav-menu-custom li > span{width:100%;justify-content:space-between !important;}
.thegem-menu-custom.list-inlicator-alignment-stretch ul.nav-menu-custom li icon {
margin-right: 0;
}.hover-fade .portfolio-item .image .image-inner.fallback-zooming img, .hover-fade .gallery-item .overlay-wrap .image-wrap.fallback-zooming img{overflow:hidden;-webkit-transform:translate(0,0) scale(1);transform:translate(0,0) scale(1);-webkit-transition:-webkit-transform 0.5s;transition:transform 0.5s;}
.hover-fade .portfolio-item:is(:hover, .hover-effect) .image .image-inner.fallback-zooming img,
.hover-fade .gallery-item:is(:hover, .hover-effect) .overlay-wrap .image-wrap.fallback-zooming img{-webkit-transform:translate(0,0) scale(1.12);transform:translate(0,0) scale(1.12);-webkit-transition:-webkit-transform 0.5s;transition:transform 0.5s;}
.hover-fade .portfolio-item .image .image-inner.fallback-sliding img, .hover-fade .gallery-item .overlay-wrap .image-wrap.fallback-sliding img{overflow:hidden;-webkit-transform:translateX(0);transform:translateX(0);-webkit-transition:-webkit-transform 0.5s;transition:transform 0.5s;}
.hover-fade .portfolio-item:is(:hover, .hover-effect) .image .image-inner.fallback-sliding img,
.hover-fade .gallery-item:is(:hover, .hover-effect) .overlay-wrap .image-wrap.fallback-zooming img{-webkit-transform:translateX(-5%);transform:translateX(-5%);-webkit-transition:-webkit-transform 0.5s;transition:transform 0.5s;}
.news-grid.hover-fade .portfolio-item:is(:hover, .hover-effect) .image.format-video.has-post-thumbnail .image-inner img{-webkit-transform:translate(0, 0) scale(1);transform:translate(0, 0) scale(1);}
.hover-fade .portfolio-item .image .overlay, .hover-fade .portfolio-item:is(:hover, .hover-effect) .image .overlay,
.hover-fade .gallery-item .overlay-wrap .overlay, .hover-fade .gallery-item:is(:hover, .hover-effect) .overlay-wrap .overlay{display:block;-webkit-transition:background 0.5s 0.2s;transition:background 0.5s 0.2s;}
.hover-fade .portfolio-item .image .overlay:before, .hover-fade .gallery-item .overlay-wrap .overlay:before{content:'';position:absolute;width:100%;height:100%;bottom:0;left:0;z-index:-2;opacity:0;-webkit-transition:opacity 0.5s 0.2s;transition:opacity 0.5s 0.2s;background:transparent;}
.hover-fade .portfolio-item:is(:hover, .hover-effect) .image .overlay:before,
.hover-fade .gallery-item:is(:hover, .hover-effect) .overlay-wrap .overlay:before{opacity:1;-webkit-transition:opacity 0.5s;transition:opacity 0.5s;}
.hover-fade .portfolio-item .image .overlay:after, .hover-fade .gallery-item .overlay-wrap .overlay:after{content:'';position:absolute;top:0;bottom:0;left:0;right:0;z-index:-1;opacity:1;background:none;}
.hover-fade.title-on-page.title-style-dark .portfolio-item .image .overlay:after{display:none;}
.hover-fade .portfolio-item .image .overlay .links .portfolio-icons > .icon, .hover-fade .portfolio-item .image .overlay .links .portfolio-icons-inner > .icon, .hover-fade .gallery-item .overlay .overlay-content-inner a.icon, .portfolio.products.hover-fade .portfolio-item .image .overlay .portfolio-icons.product-bottom a.added_to_cart{opacity:0;display:inline-block;vertical-align:middle;position:relative;will-change:transform;-webkit-transform:scale(0);transform:scale(0);-webkit-transition:opacity 0.3s 0.2s, -webkit-transform 0s 0.5s, top 0.3s 0.2s;transition:opacity 0.3s 0.2s, transform 0s 0.5s, top 0.3s 0.2s;}
.hover-fade .gallery-item .overlay .overlay-content-inner a.icon.link{margin-left:10px;}
.hover-fade .portfolio-item:is(:hover, .hover-effect) .image .overlay .links .portfolio-icons > .icon,
.hover-fade .portfolio-item:is(:hover, .hover-effect) .image .overlay .links .portfolio-icons-inner > .icon,
.hover-fade .gallery-item:is(:hover, .hover-effect) .overlay .overlay-content-inner a.icon,
.portfolio.products.hover-fade .portfolio-item:is(:hover, .hover-effect) .image .overlay .portfolio-icons.product-bottom a.added_to_cart{opacity:1;-webkit-transform:scale(1);transform:scale(1);-webkit-transition:top 0s;transition:top 0s;}
.portfolio.hover-fade .portfolio-item:is(:hover, .hover-effect) .image .overlay .links .portfolio-icons > .yith-wcwl-add-to-wishlist.added.icon:hover,
.portfolio.hover-fade .portfolio-item:is(:hover, .hover-effect) .image .overlay .links .portfolio-icons-inner > .yith-wcwl-add-to-wishlist.added.icon:hover{-webkit-transform:none;transform:none;}
.hover-fade .portfolio-item:is(:hover, .hover-effect) .image .overlay .links .portfolio-icons > .icon:nth-child(1),
.hover-fade .portfolio-item:is(:hover, .hover-effect) .image .overlay .links .portfolio-icons-inner > .icon:nth-child(1),
.hover-fade .gallery-item:is(:hover, .hover-effect) .overlay .overlay-content-inner a.icon:nth-child(1){-webkit-transition:opacity 0.5s 0s, background-color 0.3s 0s, color 0.3s 0s, -webkit-transform 0.4s 0s;transition:opacity 0.5s 0s, background-color 0.3s 0s, color 0.3s 0s, transform 0.4s 0s;}
.hover-fade .portfolio-item:is(:hover, .hover-effect) .image .overlay .links .portfolio-icons > .icon:nth-child(2),
.hover-fade .portfolio-item:is(:hover, .hover-effect) .image .overlay .links .portfolio-icons-inner > .icon:nth-child(2),
.hover-fade .gallery-item:is(:hover, .hover-effect) .overlay .overlay-content-inner a.icon:nth-child(2){-webkit-transition:opacity 0.5s 0.05s, background-color 0.3s 0s, color 0.3s 0s, -webkit-transform 0.4s 0.05s;transition:opacity 0.5s 0.05s, background-color 0.3s 0s, color 0.3s 0s, transform 0.4s 0.05s;}
.hover-fade .portfolio-item:is(:hover, .hover-effect) .image .overlay .links .portfolio-icons > .icon:nth-child(3),
.hover-fade .portfolio-item:is(:hover, .hover-effect) .image .overlay .links .portfolio-icons-inner > .icon:nth-child(3),
.hover-fade .gallery-item:is(:hover, .hover-effect) .overlay .overlay-content-inner a.icon:nth-child(3),
.portfolio.hover-fade .portfolio-item:is(:hover, .hover-effect) .image .overlay .links .portfolio-icons > .yith-wcwl-add-to-wishlist a.icon,
.portfolio.hover-fade .portfolio-item:is(:hover, .hover-effect) .image .overlay .links .portfolio-icons-inner > .yith-wcwl-add-to-wishlist a.icon{-webkit-transition:opacity 0.5s 0.1s, background-color 0.3s 0s, color 0.3s 0s, -webkit-transform 0.4s 0.1s;transition:opacity 0.5s 0.1s, background-color 0.3s 0s, color 0.3s 0s, transform 0.4s 0.1s;}
.hover-fade .portfolio-item:is(:hover, .hover-effect) .image .overlay .links .portfolio-icons > .icon:nth-child(4),
.hover-fade .portfolio-item:is(:hover, .hover-effect) .image .overlay .links .portfolio-icons-inner > .icon:nth-child(4),
.hover-fade .gallery-item:is(:hover, .hover-effect) .overlay .overlay-content-inner a.icon:nth-child(4){-webkit-transition:opacity 0.5s 0.15s, background-color 0.3s 0s, color 0.3s 0s, -webkit-transform 0.4s 0.15s;transition:opacity 0.5s 0.15s, background-color 0.3s 0s, color 0.3s 0s, transform 0.4s 0.15s;}
.hover-fade .portfolio-item:is(:hover, .hover-effect) .image .overlay .links .portfolio-icons > .icon:nth-child(5),
.hover-fade .portfolio-item:is(:hover, .hover-effect) .image .overlay .links .portfolio-icons-inner > .icon:nth-child(5),
.hover-fade .gallery-item:is(:hover, .hover-effect) .overlay .overlay-content-inner a.icon:nth-child(5){-webkit-transition:opacity 0.5s 0.2s, background-color 0.3s 0s, color 0.3s 0s, -webkit-transform 0.4s 0.2s;transition:opacity 0.5s 0.2s, background-color 0.3s 0s, color 0.3s 0s, transform 0.4s 0.2s;}
.hover-fade .portfolio-item .image .links .caption .title, .hover-fade .portfolio-item .image .links .caption .categories, .products.hover-fade.title-on-hover .portfolio-item .image .links .caption .product-info{opacity:0;top:200px;vertical-align:middle;position:relative;-webkit-transition:-webkit-transform 0s 0.5s, opacity 0.3s 0.1s, top 0.3s 0.1s;transition:transform 0s 0.5s, opacity 0.3s 0.1s, top 0.3s 0.1s;}
.hover-fade .gallery-item .overlay .overlay-content-inner .title{opacity:0;top:200px;display:block;vertical-align:middle;position:relative;margin-top:35px;will-change:transform;-webkit-transform:scale(0);transform:scale(0);-webkit-transition:-webkit-transform 0s 0.5s, opacity 0.3s 0.1s, top 0.3s 0.1s;transition:transform 0s 0.5s, opacity 0.3s 0.1s, top 0.3s 0.1s;}
.hover-fade .portfolio-item:is(:hover, .hover-effect) .image .links .caption .title,
.hover-fade .portfolio-item:is(:hover, .hover-effect) .image .links .caption .categories,
.products.hover-fade.title-on-hover .portfolio-item:is(:hover, .hover-effect) .image .links .caption .product-info{opacity:1;top:0;-webkit-transform:scale(1);transform:scale(1);-webkit-transition:-webkit-transform 0.3s 0.1s, opacity 0.3s 0.1s, top 0s;transition:transform 0.3s 0.1s, opacity 0.3s 0.1s, top 0s;}
.products.hover-fade.title-on-page .portfolio-item.has-rating .image .links .caption .product-info{position:relative;-webkit-transition:padding 0.3s;transition:padding 0.3s;}
.hover-fade .gallery-item:is(:hover, .hover-effect) .overlay .overlay-content-inner .title{opacity:1;top:0;-webkit-transform:scale(1);transform:scale(1);-webkit-transition:-webkit-transform 0.3s 0.1s, opacity 0.3s 0.1s, top 0s;transition:transform 0.3s 0.1s, opacity 0.3s 0.1s, top 0s;}
.hover-fade .portfolio-item .image .links .caption .info{opacity:0;top:200px;display:inline-block;vertical-align:middle;position:relative;will-change:transform;-webkit-transform:scale(0);transform:scale(0);-webkit-transition:-webkit-transform 0s 0.5s, opacity 0.3s 0.1s, top 0.3s 0.1s;transition:transform 0s 0.5s, opacity 0.3s 0.1s, top 0.3s 0.1s;}
.hover-fade .portfolio-item:is(:hover, .hover-effect) .image .links .caption .info{opacity:1;top:0;-webkit-transform:scale(1);transform:scale(1);-webkit-transition:-webkit-transform 0.3s 0.1s, opacity 0.3s 0.1s, top 0s;transition:transform 0.3s 0.1s, opacity 0.3s 0.1s, top 0s;}
.hover-fade .portfolio-item .image .links .caption .description{opacity:1;position:static;}
.portfolio.hover-fade.fullwidth-columns-4 .fullwidth-block .portfolio-item .image .overlay .links .caption .subtitle{opacity:0;top:320px;position:absolute;will-change:transform;-webkit-transform:scale(0);transform:scale(0);-webkit-transition:-webkit-transform 0s 0.5s, opacity 0.3s 0.1s, top 0.3s 0.1s;transition:transform 0s 0.5s, opacity 0.3s 0.1s, top 0.3s 0.1s;}
.portfolio.hover-fade.fullwidth-columns-4 .fullwidth-block .portfolio-item.double-item .image .overlay .links .caption .subtitle{top:350px;}
.portfolio.hover-fade.fullwidth-columns-4 .fullwidth-block .portfolio-item:is(:hover, .hover-effect) .image .overlay .links .caption .subtitle{opacity:1;top:120px;display:block;-webkit-transform:scale(1);transform:scale(1);-webkit-transition:-webkit-transform 0.3s 0.1s, opacity 0.3s 0.1s, top 0s;transition:transform 0.3s 0.1s, opacity 0.3s 0.1s, top 0s;}
.portfolio.hover-fade.fullwidth-columns-4 .fullwidth-block .portfolio-item.double-item:is(:hover, .hover-effect) .image .overlay .links .caption .subtitle{top:150px;}
.hover-fade .portfolio-item .image .overlay .links .portfolio-sharing-pane{opacity:0;margin-top:0;margin-bottom:0;will-change:transform;-webkit-transform:translateY(-1000px);transform:translateY(-1000px);-webkit-transition:opacity 0.3s, margin 0.3s 0.3s, -webkit-transform 0s;transition:opacity 0.3s, margin 0.3s 0.3s, transform 0s;}
.hover-fade .portfolio-item:is(:hover, .hover-effect) .image .overlay .links .portfolio-sharing-pane{visibility:hidden;-webkit-transform:translateY(0);transform:translateY(0);-webkit-transition:opacity 0.5s, -webkit-transform 0s, margin 0.3s;transition:opacity 0.5s, transform 0s, margin 0.3s;}
.hover-fade .portfolio-item:is(:hover, .hover-effect) .image .overlay .links .portfolio-sharing-pane.active{opacity:1;visibility:visible;margin-top:20px;margin-bottom:0;-webkit-transition:opacity 0.5s, margin 0.3s;transition:opacity 0.5s, margin 0.3s;}
.gem-gallery-grid.hover-fade.fullwidth-columns-4 .gallery-item .overlay .overlay-content-inner .subtitle{opacity:0;display:inline-block;vertical-align:middle;top:280px;max-width:70%;overflow:hidden;position:absolute;will-change:transform;-webkit-transform:scale(0);transform:scale(0);-webkit-transition:-webkit-transform 0s 0.5s, opacity 0.3s 0.1s, top 0.3s 0.1s;transition:transform 0s 0.5s, opacity 0.3s 0.1s, top 0.3s 0.1s;}
.gem-gallery-grid.hover-fade.fullwidth-columns-4 .gallery-item.double-item .overlay .overlay-content-inner .subtitle{top:310px;}
.gem-gallery-grid.hover-fade.fullwidth-columns-4 .gallery-item:is(:hover, .hover-effect) .overlay .overlay-content-inner .subtitle{opacity:1;top:80px;-webkit-transform:scale(1);transform:scale(1);-webkit-transition:-webkit-transform 0.3s 0.1s, opacity 0.3s 0.1s, top 0s;transition:transform 0.3s 0.1s, opacity 0.3s 0.1s, top 0s;}
.gem-gallery-grid.hover-fade.fullwidth-columns-4 .gallery-item.double-item:is(:hover, .hover-effect) .overlay .overlay-content-inner .subtitle {
top: 110px;
}