/* ===================================
	LIGHT COLORS
====================================== */

:root {

	--custom-gutter: 40px;

	/* Mobile menu + modals on small viewports — one inset knob for both side buffers */
	--soi-overlay-edge-inset: 24px;
	--soi-overlay-max-width: 500px;

	--pdf-divider-icon-size: 1.25em;

	/* Tippy tooltips — admin tuning (see also css/custom.css .tippy-box) */
	--soi-tippy-font-size: 12px;
	--soi-tippy-line-height: 1.35;
	--soi-tippy-font-family: 'Open Sans', sans-serif;
	--soi-tippy-max-width: 280px;
	--soi-tippy-padding: 4px 8px;
	--soi-tippy-edge-threshold: 72px;
	--soi-tippy-offset-skidding: 0;
	--soi-tippy-offset-distance: 16px;
	/* Shared motion — side panel, overlays, left icon rail (~500–600ms) */
	--soi-motion-duration: 550ms;
	--soi-motion-easing: cubic-bezier(0.4, 0, 0.2, 1);
	/* Modal entrance (readModal + sliderModal) — offset, fade, pause, then settle */
	--soi-modal-enter-offset: 80px;
	--soi-modal-enter-fade: 0.38s;
	--soi-modal-enter-move-delay: 0.32s;
	--soi-modal-enter-move: 0.62s;
	--soi-modal-enter-close-move: 0.35s;
	--soi-side-panel-duration: var(--soi-motion-duration);
	--soi-side-panel-easing: var(--soi-motion-easing);
	/* Light pages → dark tooltips (contrast against light UI) */
	--tippy-bg-color: rgb(28 28 30 / 96%);
	--tippy-text-color: rgb(245 245 245);
	--tippy-border-color: rgb(255 255 255 / 14%);
	--tippy-shadow: 0 4px 16px rgb(0 0 0 / 45%);

	/* Native scrollbars (page, modals, mobile menu) */
	--soi-native-scrollbar-size: 8px;
	--soi-native-scrollbar-thumb: rgb(149 169 176);
	--soi-native-scrollbar-thumb-hover: rgb(99 117 147);
	--soi-native-scrollbar-track: rgb(50 50 50 / 10%);

	/* font color */
	--light-col-base: rgb(10, 5, 0);
	--light-col-box: rgb(70, 65, 65);
	--light-bul: rgb(150, 110, 100);
	--light-bul-txt: rgb(120, 90, 80);
	--light-bul-ico: rgb(156, 136, 120);
	--light-col-btn: rgb(78, 82, 100);
	--light-col-drop: rgb(150, 110, 100);

	--light-col-head: rgb(127, 94, 87);
	--light-col-lnk: rgb(0, 100, 160);
	--light-col-quote: rgb(120, 90, 80);
	--light-col-span: rgb(125, 110, 115);
	--light-col-msg: rgb(0, 30, 60);

	--light-col-hov: rgb(126, 86, 14);
	--light-col-hov-hov: rgb(255, 255, 255);
	--light-col-alert: rgb(255, 66, 54);

	--light-col-ttl-clips: rgb(240, 230, 220);
	--light-col-ttl-clips-hov: rgb(255, 255, 255);

	--light-col-ttl-foot: rgb(255, 245, 235);
	--light-col-foot: rgb(240, 243, 245);
	--light-col-span-foot: rgb(250, 225, 210);

	--light-col-yt: rgb(180, 48, 43);

	/* text-shadow */
	--light-ts: 1px 1px 2px rgba(255, 255, 255, 0.55);
	--light-ts-span: 1px 1px 2px rgba(255, 255, 255, 0.25);
	--light-ts-round: 0 0 2px rgba(255, 255, 255, 0.60);
	--light-ts-ttl: 1px 1px 3px rgba(255, 255, 255, 0.65);
	--light-ts-ttl-hov: 1px 1px 3px rgba(0, 0, 0, 0.20);
	--light-ts-ttl-clips: 1px 1px 2px rgba(0, 0, 0, 0.35);
	--light-ts-ttl-clips-hov: 1px 1px 3px rgba(0, 0, 0, 0.20);

	/* clearview */
	--light-col-clear-foot: rgb(250, 245, 243);
	--light-span-clear-foot: rgb(200, 195, 190);
	--light-border-clear-foot: rgba(93, 108, 118, 0.70);

	/* box-shadow */
	--light-bs: 4px 6px 9px -4px rgba(0, 0, 0, 0.20);
	--light-bs-darker: 4px 6px 12px -4px rgba(0, 0, 0, 0.40);
	--light-bs-hov: 0px 0px 3px 1.5px rgba(107, 55, 35, 0.70);
	--light-bs-thin: 3px 4px 5px -5px rgba(0, 0, 0, 0.20);
	--light-bs-around: 0 0 12px 6px rgba(0, 0, 0, 0.18);
	--light-bs-thin-hov: 0 0 2px 1px rgba(107, 55, 35, 0.70);
	--light-bs-inset: inset 0 0 2px 0 rgba(0, 0, 0, 0.30);
	--light-bs-btn: inset 0px 0px 9px rgb(160, 160, 180);

	/* backgrounds */
	--light-bg-base: rgb(255, 250, 248);

	--light-bg-0: rgb(250, 253, 255);
	--light-bg-1: rgb(255, 248, 245);
	--light-bg-2: rgb(245, 242, 240);
	--light-bg-3: rgb(240, 242, 243);
	--light-bg-4: rgb(235, 230, 225);
	--light-bg-5: rgb(220, 215, 210);
	--light-bg-6: rgb(200, 190, 180);
	--light-bg-7: rgb(230, 218, 206);

	--light-bg-8: rgb(230, 225, 220);

	--light-bg-o25: rgba(255, 254, 253, 0.25);
	--light-bg-o50: rgba(255, 254, 253, 0.50);
	--light-bg-o75: rgba(255, 254, 253, 0.75);

	--light-bg-msg: rgb(60, 255, 215);

	--light-bg-img: rgba(0, 0, 0, 0.60);

	--light-bg-btn: linear-gradient(var(--light-bg-base) 0%, var(--light-bg-6) 100%);
	--light-bg-btn-hov: linear-gradient(var(--light-bg-6) 0%, var(--light-bg-base) 50%);

	--light-bg-ctnr: linear-gradient(var(--light-bg-7) 0%, var(--light-bg-base) 60px, var(--light-bg-base) 90%, var(--light-bg-7) 100%);

	--light-bg-box: linear-gradient(var(--light-bg-4) 0%, var(--light-bg-base) 70px, var(--light-bg-base) 90%, var(--light-bg-4) 100%);
	--light-bg-panel: linear-gradient(var(--light-bg-4) 0%, var(--light-bg-base) 60px, var(--light-bg-base) 90%, var(--light-bg-4) 100%);

	--light-bg-thead: linear-gradient(rgba(81, 96, 119, 0.80) 0%, rgba(146, 162, 168, 0.80) 59%, rgba(146, 162, 168, 0.80) 82%, rgba(136, 149, 153, 0.80) 90%, rgba(122, 127, 124, 0.80) 99%, rgba(102, 88, 81, 0.80) 100%);

	/* border color */
	--light-border: rgb(167, 165, 163);

	--light-border-o00: rgba(167, 165, 163, 0.0);
	--light-border-o25: rgba(167, 165, 163, 0.25);
	--light-border-o50: rgba(165, 165, 163, 0.50);
	--light-border-o75: rgba(165, 165, 163, 0.75);

	--light-btn-t: rgb(195, 220, 230);
	--light-btn-b: rgb(130, 140, 145);

	--light-btn: linear-gradient(to bottom, var(--light-btn-t) 0%, var(--light-btn-b) 100%);
	--light-btn-focus: linear-gradient(to bottom, var(--light-btn-b) 0%, var(--light-btn-t) 100%);

	--light-head: rgb(212, 218, 221);
	--light-head-focus: rgb(220, 215, 205);
	--light-list: rgb(246, 240, 236);
	--light-list-focus: rgb(245, 245, 245);

	--light-head-t: rgb(252, 254, 255);
	--light-head-b: rgb(170, 157, 147);

	--light-head-t-focus: rgb(233, 217, 203);
	--light-head-b-focus: rgb(104, 125, 137);


	--light-head-list: linear-gradient(to bottom, var(--light-head-t) 0%, var(--light-head-b) 100%);
	--light-head-list-focus: linear-gradient(to bottom, var(--light-head-t-focus) 0%, var(--light-head-b-focus) 100%);

	--light-border-focus: rgba(0, 0, 0, 0.50);

	--light-border-block: linear-gradient(to bottom, rgba(120, 90, 80, 0.0), rgb(120, 90, 80)) 25 100%;

	/* Popovers */

	--light-head-po: rgb(200, 190, 180);
	--light-body-po: rgb(235, 230, 225);
	--light-body-bottom-po: rgb(220, 210, 200);

	--light-head-body-po: linear-gradient(var(--light-head-po) 0%, var(--light-body-po) 100%);
	--light-body-head-po: linear-gradient(var(--light-body-po) 0%, var(--light-body-po) 30%, var(--light-body-po) 80%, var(--light-body-bottom-po) 100%);

	--light-border-po: rgb(135, 152, 158);


	/* ===================================
		DARK COLORS
	====================================== */

	/* font color */
	--dark-col-base: rgb(255, 253, 250);
	--dark-col-box: rgb(255, 253, 250);
	--dark-bul: rgb(190, 135, 110);
	--dark-bul-txt: rgb(205, 160, 128);
	--dark-bul-ico: rgb(212, 148, 102);
	--dark-bul-num: rgb(176, 124, 100);
	--dark-col-btn: rgb(230, 215, 200);
	--dark-col-drop: rgb(190, 135, 110);
	--dark-col-head: rgb(240, 220, 200);
	--dark-col-lnk: rgb(155, 210, 200);
	--dark-col-quote: rgb(230, 210, 200);
	--dark-col-span: rgb(182, 180, 176);
	--dark-col-msg: rgb(0, 30, 60);

	--dark-col-hov: rgb(250, 180, 132);
	--dark-col-hov-hov: rgb(235, 230, 226);
	--dark-col-alert: rgb(355, 80, 32);

	--dark-col-ttl: rgb(245, 235, 225);
	--dark-col-ttl-hov: rgb(255, 255, 255);
	--dark-col-ttl-clips: rgb(240, 230, 220);
	--dark-col-ttl-clips-hov: rgb(255 255 255 / 100%);

	--dark-col-ttl-foot: rgb(250, 240, 230);
	--dark-col-foot: rgb(230, 235, 240);
	--dark-col-span-foot: rgb(250, 225, 210);

	--dark-col-yt: rgb(190, 48, 43);


	/* text-shadow */
	--dark-ts: 1px 1px 2px rgba(0, 0, 0, 0.45);
	--dark-ts-round: 0 0 2px rgb(0 0 0 / 60px);
	--dark-ts-ttl: 1px 1px 3px rgba(245, 250, 255, 0.45);
	--dark-ts-ttl-hov: 1px 1px 3px rgba(0, 0, 0, 0.20);
	--dark-ts-ttl-clips: 1px 1px 2px rgba(0, 0, 0, 0.35);
	--dark-ts-ttl-clips-hov: 1px 1px 3px rgba(0, 0, 0, 0.20);

	/* clearview */
	--dark-col-clear-foot: rgb(230, 220, 210);
	--dark-span-clear-foot: rgb(200, 195, 190);
	--dark-border-clear-foot: rgba(93, 108, 118, 0.80);

	/* box-shadow */
	--dark-bs: 4px 6px 9px -4px rgba(0, 0, 0, 0.35);
	--dark-bs-darker: 4px 6px 12px -4px rgba(0, 0, 0, 0.55);
	--dark-bs-hov: 0 0 3px 1.5px rgba(255, 255, 255, 0.75);
	--dark-bs-thin: 3px 4px 5px -5px rgba(0, 0, 0, 0.35);
	--dark-bs-around: 0 0 12px 6px rgba(0, 0, 0, 0.36);
	--dark-bs-thin-hov: 0 0 2px 1px rgba(255, 255, 255, 0.75);
	--dark-bs-inset: inset 0 0 2px 0 rgba(0, 0, 0, 0.50);
	--dark-bs-btn: inset 0px -1px 16px rgb(80, 140, 170);


	/* backgrounds */
	--dark-bg-0: rgb(0, 26, 36);
	--dark-bg-base: rgb(35, 40, 45);
	--dark-bg-o25: rgba(95, 110, 115, 0.25);
	--dark-bg-o50: rgba(95, 110, 115, 0.50);
	--dark-bg-o75: rgba(95, 110, 115, 0.75);

	--dark-bg-1: rgb(45, 50, 55);
	--dark-bg-2: rgb(95, 110, 115);
	--dark-bg-3: rgb(60, 70, 75);
	--dark-bg-4: rgb(50, 55, 60);

	--dark-bg-8: rgb(50, 55, 58);

	--dark-bg-msg: rgb(60, 255, 215);

	--dark-bg-img: rgba(0, 0, 0, 0.50);

	/* gradient backgrounds */
	--dark-bg-view-more: linear-gradient(transparent 0%, var(--dark-bg-3) 60%);
	--dark-bg-btn: linear-gradient(var(--dark-bg-2) 0%, var(--dark-bg-1) 100%);
	--dark-bg-btn-hov: linear-gradient(var(--dark-bg-1) 0%, var(--dark-bg-2) 60%);
	--dark-bg-ctnr: linear-gradient(var(--dark-bg-4) 0%, var(--dark-bg-2) 70px, var(--dark-bg-2) 80%, var(--dark-bg-4) 100%);
	--dark-bg-box: linear-gradient(var(--dark-bg-4) 0%, var(--dark-bg-3) 70px, var(--dark-bg-3) 80%, var(--dark-bg-4) 100%);
	--dark-bg-panel: linear-gradient(var(--dark-bg-4) 0%, var(--dark-bg-3) 70px, var(--dark-bg-3) 80%, var(--dark-bg-4) 100%);

	--dark-bg-thead: linear-gradient(rgb(81, 96, 119) 0%, rgb(146, 162, 168) 59%, rgb(146, 162, 168) 82%, rgb(136, 149, 153) 90%, rgb(122, 127, 124) 99%, rgb(102, 88, 81) 100%);

	/* border color */
	--dark-border: rgb(95, 110, 115);

	--dark-border-o25: rgba(95, 110, 115, 0.25);
	--dark-border-o50: rgba(95, 110, 115, 0.50);
	--dark-border-o75: rgba(95, 110, 115, 0.70);

	--dark-border-focus: rgba(255, 255, 255, 0.70);

	--dark-border-block: linear-gradient(to bottom, rgba(230, 210, 200, 0.0), rgb(230, 210, 200)) 25 100%;

	--dark-head: rgb(140, 155, 160);
	--dark-head-focus: rgb(193, 135, 95);
	--dark-list: rgb(65, 70, 80);
	--dark-list-focus: rgb(46, 48, 50);

	--dark-head-t: rgb(140, 155, 160);
	--dark-head-b: rgb(65, 70, 80);

	--dark-head-t-focus: rgb(193, 135, 95);
	--dark-head-b-focus: rgb(46, 48, 50);


	--dark-head-list: linear-gradient(to bottom, var(--dark-head-t) 0%, var(--dark-head-b) 100%);
	--dark-head-list-focus: linear-gradient(to bottom, var(--dark-head-t-focus) 0%, var(--dark-head-b-focus) 100%);

	/* Popovers */

	--dark-head-po: rgb(200, 135, 95);
	--dark-body-po: rgb(45, 50, 55);
	--dark-body-bottom-po: rgb(0, 10, 20);

	--dark-head-body-po: linear-gradient(var(--dark-head-po) 0%, var(--dark-body-po) 100%);
	--dark-body-head-po: linear-gradient(var(--dark-body-po) 0%, var(--dark-body-po) 30%, var(--dark-body-po) 80%, var(--dark-body-bottom-po) 100%);

	--dark-border-po: rgb(95, 110, 115);


	/* ===================================
		OTHER / SHARED COLORS
	====================================== */

	--color-light-green: rgb(60, 255, 235);
	--color-dark-green: rgb(35, 100, 50);
	--color-yt-red: rgb(180, 48, 43);
	--color-yt-red-hov: rgb(220, 48, 43);
	--color-dark-yellow: rgb(218, 165, 32);
	--color-bright-yellow: rgb(255, 200, 0);

	--black-t00: rgba(0, 0, 0, 0.0);
	--black-t10: rgba(0, 0, 0, 0.10);
	--black-t15: rgba(0, 0, 0, 0.15);
	--black-t20: rgba(0, 0, 0, 0.20);
	--black-t30: rgba(0, 0, 0, 0.30);
	--black-t40: rgba(0, 0, 0, 0.40);
	--black-t50: rgba(0, 0, 0, 0.50);
	--black-t60: rgba(0, 0, 0, 0.60);
	--black-t70: rgba(0, 0, 0, 0.70);
	--black-t80: rgba(0, 0, 0, 0.80);
	--black-t90: rgba(0, 0, 0, 0.90);
	--black-t100: rgb(0, 0, 0);


	/* ===================================
		OTHER STUFF
	====================================== */

	--yim-br0: 0;
	--yim-br1: 1px;
	--yim-br2: 2px;
	--yim-br3: 3px;
	--yim-br4: 4px;
	--yim-br5: 5px;
	--yim-br5-top: 5px 5px 0 0;
	--yim-br5-top-right: 0 5px 0 0;
	--yim-br5-top-left: 5px 0 0 0;
	--yim-br5-bottom: 0 0 5px 5px;
	--yim-br5-bottom-right: 0 0 5px 0;
	--yim-br5-bottom-left: 0 0 0 5px;
	--yim-br45-left: 4.5px 0 0 4.5px;

	--yim-br: 6px;
	--yim-br-top: 6px 6px 0 0;
	--yim-br-bottom: 0 0 6px 6px;
	--yim-br-left: 6px 0 0 6px;
	--yim-br-right: 0 6px 6px 0;
	--yim-br-top-right: 0 6px 0 6px;
	--yim-br-top-left: 6px 0 6px 0;

	--yim-br8: 8px;
	--yim-br8-top: 8px 8px 0 0;
	--yim-br8-bottom: 0 0 8px 8px;


	--yim-br10: 10px;
	--yim-br10-top: 10px 10px 0 0;
	--yim-br10-bottom: 0 0 10px 10px;

	--yim-br12: 12px;
	--yim-br12-top: 12px 12px 0 0;
	--yim-br12-bottom: 0 0 12px 12px;

	--yim-bs-pdf: 3px 4px 6px -4px rgba(0, 0, 0, 0.16);

	--soi-pdf-header-gradient: linear-gradient(rgb(81, 96, 119) 0%,
			rgb(146, 162, 168) 59%,
			rgb(146, 162, 168) 82%,
			rgb(136, 149, 153) 90%,
			rgb(122, 127, 124) 99%,
			rgb(102, 88, 81) 100%);

	/* Page transition loader (see css/custom.css .animsition-loading) */
	--soi-loader-stack-gap: 3rem;
	--soi-loader-fade-ms: 400;
	--soi-loader-spinner-size: 16px;
	--soi-loader-spinner-gap: 12px;
	--soi-loader-spinner-color: linear-gradient(rgba(255, 254, 253, 1) 0%, rgba(200, 100, 75, 0.55) 100%);

	/* gotoTop button — scroll-to-top duration in ms (see js/soi-functions.js goToTop) */
	--soi-goto-top-duration-ms: 900;

	/* Uniform clearance between column content and #footer (#content .content-wrap) */
	--soi-content-footer-gap: 80px;

}

/* ===================================
	TRANSITIONS
====================================== */

.disable-transitions {
	-webkit-transition: none !important;
	transition: none !important;
}

a,
.fs-button i,
.fs-audio i {
	-webkit-transition: color 0.3s ease;
	transition: color 0.3s ease;
}

body:not(.device-touch) .scroll-container,
body:not(.device-touch) .sidenav li,
body:not(.device-touch) .menu-item,
body:not(.device-touch) .sub-menu,
body:not(.device-touch) a,
body:not(.device-touch) .fs-audio i,
body:not(.device-touch) .fs-button i,
body:not(.device-touch) .smlmenu li,
body:not(.device-touch) .vmenu li,
body:not(.device-touch) #leftSideLinks li,
body:not(.device-touch) .portfolio-item .item-container *,
body:not(.device-touch) .portfolio-item .pf-title,
body:not(.device-touch) .item-container .pf-head .review,

body:not(.device-touch) .news-column .tblsort,
body:not(.device-touch) .news-column .tblsort *,
body:not(.device-touch) .icons-ctnr,
body:not(.device-touch) .exlink,
body:not(.device-touch) .jsLink,
body:not(.device-touch) .jsLink *,
body:not(.device-touch) .hoverable,
body:not(.device-touch) .hoverable *,
body:not(.device-touch) .news-entry,
body:not(.device-touch) .news-entry a,
body:not(.device-touch) .cancelsearch i,

body:not(.device-touch) .miscTitle,

body:not(.device-touch) .likelink,
body:not(.device-touch) .ytlink,
body:not(.device-touch) .ytlink::before,
body:not(.device-touch) .ytlink i,
body:not(.device-touch) .media-pl li,
body:not(.device-touch) .media-pl li *,
body:not(.device-touch) .media-pl li .title-wrap,
body:not(.device-touch) .heading,
body:not(.device-touch) .view-more div,
body:not(.device-touch) .view-more div i,
body:not(.device-touch) .watch-modal,
body:not(.device-touch) .video-show-clip,
body:not(.device-touch) .show-modal,
body:not(.device-touch) .show-modal div,
body:not(.device-touch) .watch-modal::before,
body:not(.device-touch) .slide-anim::before,
body:not(.device-touch) .show-modal::before,
body:not(.device-touch) .social-icon,
body:not(.device-touch) .social-icon i,
body:not(.device-touch) .switch-slider.round::before,
body:not(.device-touch) #dlNew *,
body:not(.device-touch) #dlNew::after,
#yilivSlider .slide a div,
#yilivSlider .slide a img,
.full-slider #yilivSlider .flex-prev,
.full-slider #yilivSlider .flex-next,
.full-slider #yilivSlider:not(.f-screen) #yilivSlides .flex-prev i,
.full-slider #yilivSlider:not(.f-screen) #yilivSlides .flex-next i,
#yilivThumbs .flex-prev i,
#yilivThumbs .flex-next i,
#yilivThumbs .slide.flex-active-slide .yilivflex-thumbs-caption,
body:not(.device-touch) #lotusControls div i,
body:not(.device-touch) #lotusScroll div i {
	-webkit-transition: all 0.35s ease;
	transition: all 0.35s ease;
}


body:not(.device-touch) .portfolio:not(.imgitems).txtitems .portfolio-item .pf-head::before,
body:not(.device-touch) .media-pl .title-wrap::before,
body:not(.device-touch) .news-column:not(.clips) .tblsort .title-wrap::before,
body:not(.device-touch) .portfolio.imgitems .portfolio-item .pf-title::before,
body:not(.device-touch) .portfolio.vdoitems .portfolio-item .pf-title::before,
body:not(.device-touch) .portfolio.notxt .portfolio-item .item-container::before {
	-webkit-transition: opacity .45s ease-in-out;
	transition: opacity .45s ease-in-out;
}

body:not(.device-touch) .portfolio-overlay:hover .item-controls {
	-webkit-transition: opacity 0.45s ease-in-out;
	transition: opacity 0.45s ease-in-out;
}

#lotusControls {
	-webkit-transition: margin-right 0.65s ease-in-out;
	transition: margin-right 0.65s ease-in-out;
}

body:not(.device-touch) .select-dropdown * {
	-webkit-transition: color 0.4s ease, background-color 0.3s ease-in-out;
	transition: color 0.4s ease, background-color 0.3s ease-in-out;
}

body:not(.device-touch) button,
body:not(.device-touch) .button,
body:not(.device-touch) button *,
body:not(.device-touch) .button * {
	-webkit-transition: all 0.35s ease, background-size 0.25s ease-in-out;
	transition: all 0.35s ease, background-size 0.25s ease-in-out;
}


#logo img {
	-webkit-transition: height .4s ease, padding .4s ease, margin .4s ease, opacity .3s ease;
	transition: height .4s ease, padding .4s ease, margin .4s ease, opacity .3s ease;
}

#header-wrap {
	-webkit-transition: height .2s ease 0s, background-image .3s ease 0s;
	transition: height .2s ease 0s, background-image .3s ease 0s;
}


/* All Bootstrap modals — same 1s dialog slide as contactModal (overrides bootstrap.css 0.3s) */
.modal.fade .modal-dialog {
	-webkit-transition: all 1.0s ease-in-out;
	transition: all 1.0s ease-in-out;
}
/* #mobileMenu: modal-like fade in css/custom.css — not transition:all (breaks close) */

#page-title .title,
#page-title #titleContainer {
	-webkit-transition: margin-bottom 0.75s ease-in-out, margin-left 0.9s ease-in-out, bottom 0.95s ease, border-radius 0.5s ease;
	transition: margin-bottom 0.75s ease-in-out, margin-left 0.9s ease-in-out, bottom 0.95s ease, border-radius 0.5s ease;
}

body.clearview #page-title .title {
	-webkit-transition: font-size 0.25s ease-in-out, height 0.25s ease-in-out, bottom 0.95s ease-in-out;
	transition: font-size 0.25s ease-in-out, height 0.25s ease-in-out, bottom 0.95s ease-in-out;
}

.menu-link {

	-webkit-transition: padding 0.3s ease, margin 0.3s ease;
	transition: padding 0.3s ease, margin 0.3s ease;
}

#leftSideLinks {

	-webkit-transition: left var(--soi-side-panel-duration) var(--soi-side-panel-easing);
	transition: left var(--soi-side-panel-duration) var(--soi-side-panel-easing);

}

.sidenav li i {
	-webkit-transition: opacity 0.9s ease, right 0.6s ease;
	transition: opacity 0.9s ease, right 0.6s ease;
}

#side-panel {
	-webkit-transition: right var(--soi-side-panel-duration) var(--soi-side-panel-easing);
	transition: right var(--soi-side-panel-duration) var(--soi-side-panel-easing);
}

.side-panel-left #side-panel {

	-webkit-transition: left var(--soi-side-panel-duration) var(--soi-side-panel-easing);
	transition: left var(--soi-side-panel-duration) var(--soi-side-panel-easing);
}

#yimJewels div:not(.dl-new) div {

	-webkit-transition: margin-top 1s ease;
	transition: margin-top 1s ease;
}

#yimJewels,
#geoLocation,
#footStyles,
.portfolio-overlay,
.scrollUp div,
.scrollDn div {
	-webkit-transition: opacity 0.6s ease-in-out;
	transition: opacity 0.6s ease-in-out;
}

#footerNewsColumn,
.smcontainer.varheight,
.portfolio {
	-webkit-transition: height .3s ease;
	transition: height .3s ease;
}

.portfolio-item .scroll-wrap,
.portfolio-item .scroll-container {
	-webkit-transition: height .25s ease;
	transition: height 0.25s ease;
}

.select-button .arrow {
	-webkit-transition: transform .3s ease-in-out;
	transition: transform .3s ease-in-out;
}

body:not(.device-touch) .sm-form-control,
body:not(.device-touch) .g-recaptcha-outer {
	-webkit-transition: border-color ease-in-out .3s;
	transition: border-color ease-in-out .3s;
}

body:not(.device-touch) .plyr--full-ui input[type="range"] {
	-webkit-transition: box-shadow 0.3s ease;
	transition: box-shadow 0.3s ease;
}