@font-face {
	font-family: 'Montserrat UltraLight';
	src: url('https://vukrankovic.rs/wp-content/themes/thegem-elementor/fonts/montserrat-ultralight.eot'),
	     url('https://vukrankovic.rs/wp-content/themes/thegem-elementor/fonts/montserrat-ultralight.eot?#iefix') format('embedded-opentype'),
	     url('//vukrankovic.rs/wp-content/themes/thegem-elementor/fonts/montserrat-ultralight.ttf') format('truetype'),
	     url('//vukrankovic.rs/wp-content/themes/thegem-elementor/fonts/montserrat-ultralight.svg#montserratultra_light') format('svg');
	font-weight: 400;
	font-style: normal;
}

/* GENERATED BY THEGEM THEME OPTIONS */




@media (min-width: 768px) and (max-width: 979px) {
	#site-header .header-main {
		position: relative;
		display: table;
		width: 100%;
		z-index: 11;
	}
	#primary-navigation .menu-toggle,
	#perspective-menu-buttons .menu-toggle {
		display: inline-block;
	}
	.mobile-cart-position-top #site-header .mobile-cart {
		display: table-cell;
	}
	.mobile-cart-position-top #site-header .site-title {
		text-align: center;
		width: 99%;
	}
	.mobile-cart-position-top #site-header .site-title .site-logo {
		margin: 0 auto;
	}
	.mobile-cart-position-top #site-header .primary-navigation,
	.mobile-cart-position-top #site-header #perspective-menu-buttons {
		width: auto;
	}
	#perspective-menu-buttons .perspective-toggle,
	#perspective-menu-buttons .hamburger-minicart {
		display: none;
	}
	#primary-navigation .hamburger-toggle,
	#primary-navigation .overlay-toggle {
		display: none;
	}
	.primary-navigation .dl-menu {
		position: absolute;
		left: 0;
		right: 0;
		opacity: 0;
	}
	.mobile-menu-layout-overlay #primary-navigation .overlay-menu-wrapper {
		visibility: hidden;
		height: 0;
		position: fixed;
	}
	#page.vertical-header #site-header-wrapper{
		position: static;
		width: 100%;
		padding: 0;
	}
	#page.vertical-header{
		padding-left: 0;
	}
	#page.vertical-header #site-header .site-title {
		display: table-cell;
	}
	#page.vertical-header #site-header .primary-navigation,
	#page.vertical-header #site-header #perspective-menu-buttons {
		display: table-cell;
	}
	.vertical-menu-item-widgets{display: none;}
	#page #site-header .site-title {
		display: table-cell;
		padding-top: 15px;
		padding-bottom: 15px;
	}
	#page #site-header .primary-navigation,
	#page #site-header #perspective-menu-buttons {
		display: table-cell;
		text-align: right;
	}
	#page #site-header .logo-position-right .primary-navigation,
	#page #site-header .logo-position-right #perspective-menu-buttons {
		text-align: left;
	}
	#page.vertical-header .vertical-toggle {
		display: none;
	}
	#page.vertical-header {
		padding-left: 0;
	}
	#page.vertical-header #site-header-wrapper {
		margin-left: 0;
	}
	#page.vertical-header #site-header-wrapper .header-main {
		display: table;
		visibility: visible;
	}
	#site-header .site-title a img.default,
	#site-header .menu-item-logo a img.default {
		display: none;
	}
	#site-header .site-title a img.small,
	#site-header .menu-item-logo a img.small {
		-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
		filter: alpha(opacity=100);
		-moz-opacity: 1;
		-khtml-opacity: 1;
		opacity: 1;
		display: inline-block !important;
		margin: 0 !important;
	}
	#site-header .site-title a img.small.light,
	#site-header .menu-item-logo a img.small.light {
		display: inline-block !important;
	}
	#site-header .site-title a img.small.light ~ img.small,
	#site-header .menu-item-logo a img.small.light ~ img.small {
		display: none !important;
	}
	#site-header.fixed.shrink .site-title a img.small.light,
	#site-header.fixed.shrink .menu-item-logo a img.small.light {
		display: none !important;
	}
	#site-header.fixed.shrink .site-title a img.small.light ~ img.small,
	#site-header.fixed.shrink .menu-item-logo a img.small.light ~ img.small {
		display: inline-block !important;
	}
	.mobile-menu-layout-slide-horizontal #primary-navigation .mobile-menu-slide-wrapper,
	.mobile-menu-layout-slide-vertical #primary-navigation .mobile-menu-slide-wrapper {
		position: fixed;
		opacity: 0;
	}
}

@media (min-width: 980px) and (max-width: 1212px) {
	#site-header .header-main:not(.header-layout-fullwidth_hamburger):not(.logo-position-menu_center) .site-title,
	#site-header .header-main:not(.header-layout-fullwidth_hamburger) .primary-navigation,
	#site-header .header-main:not(.header-layout-fullwidth_hamburger) #perspective-menu-buttons {
		display: block;
		text-align: center;
	}
	#site-header .header-main:not(.header-layout-fullwidth_hamburger):not(.logo-position-menu_center):not(.no-menu) .site-title {
		padding-top: 30px;
		padding-bottom: 0;
	}
	#site-header .header-main:not(.header-layout-fullwidth_hamburger).logo-position-right:not(.no-menu) .site-title {
		padding-top: 0;
		padding-bottom: 30px;
	}
	#site-header.fixed.shrink .header-main:not(.header-layout-fullwidth_hamburger):not(.no-menu) .site-title {
		display: none;
	}
	#site-header .header-main:not(.no-menu) .site-title a img.small,
	#site-header .menu-item-logo {
		display: none !important;
	}
}


:root {
	--thegem-to-menu-font-family: Montserrat;
}
.main-menu-item,
.title-main-menu,
#primary-menu.no-responsive > li > a,
#primary-menu.nav-menu.no-responsive > li.megamenu-enable > ul > li span.megamenu-column-header a,
.widget_nav_menu > div > ul > li > a,
.widget_submenu > div > ul > li > a,
.widget_pages > ul > li > a,
.widget_categories > ul > li > a,
.widget_product_categories > ul > li > a{
	font-family: 'Montserrat';
}

:root {
	--thegem-to-menu-font-style: normal;
	--thegem-to-menu-font-weight: 700;
}
.main-menu-item,
.title-main-menu,
#primary-menu.no-responsive > li > a,
#primary-menu.nav-menu.no-responsive > li.megamenu-enable > ul > li span.megamenu-column-header a,
.widget_nav_menu > div > ul > li > a,
.widget_submenu > div > ul > li > a,
.widget_pages > ul > li > a,
.widget_categories > ul > li > a,
.widget_product_categories > ul > li > a {
	font-style: normal;
	font-weight: 700;
}

:root {
	--thegem-to-menu-font-size: 14px;
}
.main-menu-item,
.title-main-menu,
#primary-menu.no-responsive > li > a,
#primary-menu.nav-menu.no-responsive > li.megamenu-enable > ul > li span.megamenu-column-header a,
.widget_nav_menu > div > ul > li > a,
.widget_submenu > div > ul > li > a,
.widget_pages > ul > li > a,
.widget_categories > ul > li > a,
.widget_product_categories > ul > li > a {
	font-size: 14px;
}

:root {
	--thegem-to-menu-line-height: 25px;
}
.main-menu-item,
.title-main-menu,
#primary-menu.no-responsive > li > a,
#primary-menu.nav-menu.no-responsive > li.megamenu-enable > ul > li span.megamenu-column-header a,
.widget_nav_menu > div > ul > li > a,
.widget_submenu > div > ul > li > a,
.widget_pages > ul > li > a,
.widget_categories > ul > li > a,
.widget_product_categories > ul > li > a {
	line-height: 25px;
}

:root {
	--thegem-to-menu-text-transform: uppercase;
}
.main-menu-item,
.title-main-menu,
#primary-menu.no-responsive > li > a,
#primary-menu.nav-menu.no-responsive > li.megamenu-enable > ul > li span.megamenu-column-header a,
.widget_nav_menu > div > ul > li > a,
.widget_submenu > div > ul > li > a,
.widget_pages > ul > li > a,
.widget_categories > ul > li > a,
.widget_product_categories > ul > li > a {
	text-transform: uppercase;
}


:root {
	--thegem-to-submenu-font-family: Source Sans Pro;
}
.submenu-item,
#primary-menu.nav-menu.no-responsive > li.megamenu-enable > ul li > a,
#primary-menu.no-responsive > li:not(.megamenu-template-enable):not(.menu-item-type-template) li > a,
#primary-menu.no-responsive > li:not(.megamenu-template-enable) .minicart-product-title,
.portfolio-filters-resp ul li a,
.widget_nav_menu ul.menu,
.widget_submenu > div > ul,
.widget_categories > ul,
.widget_product_categories > ul,
.widget_pages > ul {
	font-family: 'Source Sans Pro';
}
.primary-navigation.responsive li a {
	font-family: 'Source Sans Pro';
}

:root {
	--thegem-to-submenu-font-style: normal;
	--thegem-to-submenu-font-weight: normal;
}
.submenu-item,
#primary-menu.nav-menu.no-responsive > li.megamenu-enable > ul li > a,
#primary-menu.no-responsive > li:not(.megamenu-template-enable):not(.menu-item-type-template) li > a,
#primary-menu.no-responsive > li:not(.megamenu-template-enable) .minicart-product-title,
.portfolio-filters-resp ul li a,
.widget_nav_menu ul.menu,
.widget_submenu > div > ul,
.widget_categories > ul,
.widget_product_categories > ul,
.widget_pages > ul {
	font-style: normal;
	font-weight: normal;
}
.primary-navigation.responsive li a {
	font-style: normal;
	font-weight: normal;
}


:root {
	--thegem-to-submenu-font-size: 16px;
}
.submenu-item,
#primary-menu.nav-menu.no-responsive > li.megamenu-enable > ul li > a,
#primary-menu.no-responsive > li:not(.megamenu-template-enable):not(.menu-item-type-template) li > a,
#primary-menu.no-responsive > li:not(.megamenu-template-enable) .minicart-product-title,
.portfolio-filters-resp ul li a,
.widget_nav_menu ul.menu,
.widget_submenu > div > ul,
.widget_categories > ul,
.widget_product_categories > ul,
.widget_pages > ul {
	font-size: 16px;
}
.primary-navigation.responsive li a {
	font-size: 16px;
}

:root {
	--thegem-to-submenu-line-height: 20px;
}
.submenu-item,
#primary-menu.nav-menu.no-responsive > li.megamenu-enable > ul li > a,
#primary-menu.no-responsive > li:not(.megamenu-template-enable):not(.menu-item-type-template) li > a,
#primary-menu.no-responsive > li:not(.megamenu-template-enable) .minicart-product-title,
.portfolio-filters-resp ul li a,
.widget_nav_menu ul.menu,
.widget_submenu > div > ul,
.widget_categories > ul,
.widget_product_categories > ul,
.widget_pages > ul {
	line-height: 20px;
}
.primary-navigation.responsive li a {
	line-height: 20px;
}

:root {
	--thegem-to-submenu-text-transform: none;
}
.submenu-item,
#primary-menu.nav-menu.no-responsive > li.megamenu-enable > ul li > a,
#primary-menu.no-responsive > li:not(.megamenu-template-enable):not(.menu-item-type-template) li > a,
#primary-menu.no-responsive > li:not(.megamenu-template-enable) .minicart-product-title,
.portfolio-filters-resp ul li a,
.widget_nav_menu ul.menu,
.widget_submenu > div > ul,
.widget_categories > ul,
.widget_product_categories > ul,
.widget_pages > ul,
.primary-navigation.responsive li a {
	text-transform: none;
}


:root {
	--thegem-to-overlay-menu-font-family: 'Montserrat';
}
.header-layout-overlay #primary-menu.nav-menu.no-responsive > li > a,
.header-layout-overlay #primary-menu.nav-menu.no-responsive > li:not(.menu-item-type-template) li > a,
.page-additional-menu.header-layout-overlay .nav-menu.no-responsive > li:not(.menu-item-type-template) li > li > a,
.page-additional-menu.header-layout-overlay .nav-menu.no-responsive > li:not(.menu-item-type-template) li > li li > a {
	font-family: 'Montserrat';
}

:root {
	--thegem-to-overlay-menu-font-style: normal;
	--thegem-to-overlay-menu-font-weight: 700;
}
.header-layout-overlay #primary-menu.nav-menu.no-responsive > li > a,
.header-layout-overlay #primary-menu.nav-menu.no-responsive > li:not(.menu-item-type-template) li > a,
.page-additional-menu.header-layout-overlay .nav-menu.no-responsive > li:not(.menu-item-type-template) li > li > a,
.page-additional-menu.header-layout-overlay .nav-menu.no-responsive > li:not(.menu-item-type-template) li > li li > a {
	font-style: normal;
	font-weight: 700;
}

:root {
	--thegem-to-overlay-menu-font-size: 32px;
}
.header-layout-overlay #primary-menu.nav-menu.no-responsive > li > a,
.header-layout-overlay #primary-menu.nav-menu.no-responsive > li:not(.menu-item-type-template) li > a,
.page-additional-menu.header-layout-overlay .nav-menu.no-responsive > li:not(.menu-item-type-template) li > li > a,
.page-additional-menu.header-layout-overlay .nav-menu.no-responsive > li:not(.menu-item-type-template) li > li li > a,
.header-layout-overlay #primary-navigation #primary-menu.no-responsive li .menu-item-parent-toggle:before,
.page-additional-menu.header-layout-overlay #primary-navigation #primary-menu.no-responsive li .menu-item-parent-toggle:before {
	font-size: 32px;
}
@media (max-width: 767px) {
	:root {
	    --thegem-to-overlay-menu-font-size: 24px;
	}
	.header-layout-overlay #primary-menu.nav-menu.no-responsive > li > a,
	.header-layout-overlay #primary-menu.nav-menu.no-responsive > li:not(.menu-item-type-template) li > a,
	.page-additional-menu.header-layout-overlay .nav-menu.no-responsive > li:not(.menu-item-type-template) li > li > a,
	.page-additional-menu.header-layout-overlay .nav-menu.no-responsive > li:not(.menu-item-type-template) li > li li > a,
	.header-layout-overlay #primary-navigation #primary-menu.no-responsive li .menu-item-parent-toggle:before,
	.page-additional-menu.header-layout-overlay #primary-navigation #primary-menu.no-responsive li .menu-item-parent-toggle:before {
		font-size: 24px;
	}
}

:root {
	--thegem-to-overlay-menu-line-height: 64px;
}
.header-layout-overlay #primary-menu.nav-menu.no-responsive > li > a,
.header-layout-overlay #primary-menu.nav-menu.no-responsive > li:not(.menu-item-type-template) li > a,
.page-additional-menu.header-layout-overlay .nav-menu.no-responsive > li:not(.menu-item-type-template) li > li > a,
.page-additional-menu.header-layout-overlay .nav-menu.no-responsive > li:not(.menu-item-type-template) li > li li > a,
.header-layout-overlay #primary-navigation #primary-menu.no-responsive li .menu-item-parent-toggle:before,
.page-additional-menu.header-layout-overlay #primary-navigation #primary-menu.no-responsive li .menu-item-parent-toggle:before {
	line-height: 64px;
}
@media (max-width: 767px) {
	:root {
	    --thegem-to-overlay-menu-line-height: 48px;
	}
	.header-layout-overlay #primary-menu.nav-menu.no-responsive > li > a,
	.header-layout-overlay #primary-menu.nav-menu.no-responsive > li:not(.menu-item-type-template) li > a,
	.page-additional-menu.header-layout-overlay .nav-menu.no-responsive > li:not(.menu-item-type-template) li > li > a,
	.page-additional-menu.header-layout-overlay .nav-menu.no-responsive > li:not(.menu-item-type-template) li > li li > a,
	.header-layout-overlay #primary-navigation #primary-menu.no-responsive li .menu-item-parent-toggle:before,
	.page-additional-menu.header-layout-overlay #primary-navigation #primary-menu.no-responsive li .menu-item-parent-toggle:before {
		line-height: 48px;
	}
}

:root {
	--thegem-to-overlay-menu-text-transform: uppercase;
}
.header-layout-overlay #primary-menu.nav-menu.no-responsive > li > a,
.header-layout-overlay #primary-menu.nav-menu.no-responsive > li:not(.menu-item-type-template) li > a,
.page-additional-menu.header-layout-overlay .nav-menu.no-responsive > li:not(.menu-item-type-template) li > li > a,
.page-additional-menu.header-layout-overlay .nav-menu.no-responsive > li:not(.menu-item-type-template) li > li li > a,
.header-layout-overlay #primary-navigation #primary-menu.no-responsive li .menu-item-parent-toggle:before,
.page-additional-menu.header-layout-overlay #primary-navigation #primary-menu.no-responsive li .menu-item-parent-toggle:before {
	text-transform: uppercase;
}


:root {
	--thegem-to-styled-subtitle-font-family: 'Source Sans Pro';
}
.styled-subtitle,
.diagram-circle .text div span.title,
.diagram-circle .text div span.summary,
.gem_chart .gem_chart_value,
form.cart .quantity .qty,
.shop_table .quantity .qty,
.woocommerce-before-cart .cart-short-info,
input[type="text"].coupon-code,
.cart_totals table th,
.order-totals table th,
.cart_totals table .shipping td,
.woocommerce-message,
.woocommerce-info,
.woocommerce ul.woocommerce-error li,
.woocommerce table.checkout-cart-info-table tr th,
.woocommerce table.checkout-cart-info-table tr.shipping td,
.widget_calendar caption,
.blog-style-timeline .post-time,
.gem-dropcap.gem-dropcap-style-medium,
body .elementor-widget-text-editor .elementor-drop-cap,
.project-info-shortcode-style-default .project-info-shortcode-item .title,
.project_info-item-style-2 .project_info-item .title,
.diagram-legend .legend-element .title,
.single-product-content .price,
.widget_shopping_cart ul li .quantity,
.widget_shopping_cart .total span.amount {
	font-family: 'Source Sans Pro';
}

:root {
	--thegem-to-styled-subtitle-font-style: normal;
	--thegem-to-styled-subtitle-font-weight: 300;
}
.styled-subtitle,
.diagram-circle .text div,
.diagram-circle .text div span.title,
.diagram-circle .text div span.summary,
.gem_chart .gem_chart_value,
form.cart .quantity .qty,
.shop_table .quantity .qty,
.woocommerce-before-cart .cart-short-info,
input[type="text"].coupon-code,
.cart_totals table th,
.order-totals table th,
.cart_totals table .shipping td,
.woocommerce-message,
.woocommerce-info,
.woocommerce ul.woocommerce-error li,
.woocommerce table.checkout-cart-info-table tr th,
.woocommerce table.checkout-cart-info-table tr.shipping td,
.widget_calendar caption,
.blog-style-timeline .post-time,
.gem-dropcap.gem-dropcap-style-medium,
body .elementor-widget-text-editor .elementor-drop-cap,
.project-info-shortcode-style-default .project-info-shortcode-item .title,
.project_info-item-style-2 .project_info-item .title,
.diagram-legend .legend-element .title,
.single-product-content .price,
.widget_shopping_cart ul li .quantity,
.widget_shopping_cart .total span.amount {
	font-style: normal;
	font-weight: 300;
}

:root {
	--thegem-to-styled-subtitle-font-size: 24px;
}
.styled-subtitle,
body .gem-style-text.styled-subtitle,
.gem_chart,
form.cart .quantity .qty,
.shop_table .quantity .qty,
.woocommerce-before-cart .cart-short-info,
input[type="text"].coupon-code,
.cart_totals table th,
.order-totals table th,
.cart_totals table .shipping td,
.woocommerce-message,
.woocommerce-info,
.woocommerce ul.woocommerce-error li,
.woocommerce table.checkout-cart-info-table tr th
.woocommerce table.checkout-cart-info-table tr.shipping td,
.widget_calendar caption,
.blog-style-timeline .post-time,
.gem-dropcap.gem-dropcap-style-medium,
body .elementor-widget-text-editor .elementor-drop-cap,
.project-info-shortcode-style-default .project-info-shortcode-item .title,
.project_info-item-style-2 .project_info-item .title,
.diagram-legend .legend-element .title,
.widget_shopping_cart .total span.amount {
	font-size: 24px;
}
@media (max-width: 600px) {
	.styled-subtitle,
	body .gem-style-text.styled-subtitle,
	.gem_chart,
	form.cart .quantity .qty,
	.shop_table .quantity .qty,
	.woocommerce-before-cart .cart-short-info,
	input[type="text"].coupon-code,
	.cart_totals table th,
	.order-totals table th,
	.cart_totals table .shipping td,
	.woocommerce-message,
	.woocommerce-info,
	.woocommerce ul.woocommerce-error li,
	.woocommerce table.checkout-cart-info-table tr th
	.woocommerce table.checkout-cart-info-table tr.shipping td,
	.widget_calendar caption,
	.blog-style-timeline .post-time,
	.gem-dropcap.gem-dropcap-style-medium,
	body .elementor-widget-text-editor .elementor-drop-cap,
	.project-info-shortcode-style-default .project-info-shortcode-item .title,
	.project_info-item-style-2 .project_info-item .title,
	.diagram-legend .legend-element .title,
	.widget_shopping_cart .total span.amount{
		font-size: 4vw;
	}
}

:root {
	--thegem-to-styled-subtitle-line-height: 37px;
}
.styled-subtitle,
.woocommerce-before-cart .cart-short-info,
.cart_totals table th,
.order-totals table th,
.cart_totals table .shipping td,
.woocommerce-message,
.woocommerce-info,
.woocommerce ul.woocommerce-error li,
.woocommerce table.checkout-cart-info-table tr th,
.woocommerce table.checkout-cart-info-table tr.shipping td,
.widget_calendar caption,
.blog-style-timeline .post-time,
.project-info-shortcode-style-default .project-info-shortcode-item .title,
.project_info-item-style-2 .project_info-item .title,
.diagram-legend .legend-element .title,
.elementor-widget-heading .styled-subtitle.elementor-heading-title {
	line-height: 37px;
}
@media (max-width: 600px) {
	.styled-subtitle,
	.woocommerce-before-cart .cart-short-info,
	.cart_totals table th,
	.order-totals table th,
	.cart_totals table .shipping td,
	.woocommerce-message,
	.woocommerce-info,
	.woocommerce ul.woocommerce-error li,
	.woocommerce table.checkout-cart-info-table tr th,
	.woocommerce table.checkout-cart-info-table tr.shipping td,
	.widget_calendar caption,
	.blog-style-timeline .post-time,
	.project-info-shortcode-style-default .project-info-shortcode-item .title,
	.project_info-item-style-2 .project_info-item .title,
	.diagram-legend .legend-element .title,
	.elementor-widget-heading .styled-subtitle.elementor-heading-title {
		line-height: 6.1666666666667vw;
	}
}


:root {
	--thegem-to-styled-subtitle-text-transform: none;
}
.styled-subtitle,
.woocommerce-before-cart .cart-short-info,
.cart_totals table th,
.order-totals table th,
.cart_totals table .shipping td,
.woocommerce-message,
.woocommerce-info,
.woocommerce ul.woocommerce-error li,
.woocommerce table.checkout-cart-info-table tr th,
.woocommerce table.checkout-cart-info-table tr.shipping td,
.widget_calendar caption,
.blog-style-timeline .post-time,
.project-info-shortcode-style-default .project-info-shortcode-item .title,
.project_info-item-style-2 .project_info-item .title,
.diagram-legend .legend-element .title {
	text-transform: none;
}


:root {
	--thegem-to-h1-font-family: 'Montserrat';
}
h1,
body .pricing-table-style-8 .pricing-cost,
.title-h1 {
	font-family: 'Montserrat';
}

:root {
	--thegem-to-h1-font-style: normal;
	--thegem-to-h1-font-weight: 700;
}
h1,
body .pricing-table-style-8 .pricing-cost,
.title-h1 {
	font-style: normal;
	font-weight: 700;
}

:root {
	--thegem-to-h1-font-size: 50px;
}
h1,
.title-h1,
body .gem-style-text.title-h1 {
	font-size: 50px;
}
@media (max-width: 1000px) {
	h1,
	.title-h1,
	body .gem-style-text.title-h1 {
		font-size: 5vw;
	}
}

:root {
	--thegem-to-h1-line-height: 69px;
}
h1,
.title-h1,
.elementor-widget-heading h1.elementor-heading-title,
.elementor-widget-heading .title-h1.elementor-heading-title {
	line-height: 69px;
}
@media (max-width: 1000px) {
	h1,
	.title-h1,
	.elementor-widget-heading h1.elementor-heading-title,
	.elementor-widget-heading .title-h1.elementor-heading-title {
		line-height: 6.9vw;
	}
}

@media (max-width: 1199px) {
	:root {
	    --thegem-to-h1-font-size: 36px;
	}
	h1,
	.title-h1,
	body .gem-style-text.title-h1 {
		font-size: 36px;
	}
}
@media (max-width: 1199px) {
	:root {
	    --thegem-to-h1-line-height: 53px;
	}
	h1,
	.title-h1,
	.elementor-widget-heading h1.elementor-heading-title,
	.elementor-widget-heading .title-h1.elementor-heading-title {
		line-height: 53px;
	}
}
@media (max-width: 767px) {
	:root {
	    --thegem-to-h1-font-size: 36px;
	}
	h1,
	.title-h1,
	body .gem-style-text.title-h1 {
		font-size: 36px;
	}
}
@media (max-width: 767px) {
	:root {
	    --thegem-to-h1-line-heigh: 53px;
	}
	h1,
	.title-h1,
	.elementor-widget-heading h1.elementor-heading-title,
	.elementor-widget-heading .title-h1.elementor-heading-title {
		line-height: 53px;
	}
}

:root {
	--thegem-to-h1-text-transform: uppercase;
}
h1,
.title-h1 {
	text-transform: uppercase;
}


:root {
	--thegem-to-h2-font-family: 'Montserrat';
}
h2,
.title-h2,
h3.comment-reply-title,
body .pricing-table-style-6 .pricing-price-title {
	font-family: 'Montserrat';
}

:root {
	--thegem-to-h2-font-style: normal;
	--thegem-to-h2-font-weight: 700;
}
h2,
.title-h2,
h3.comment-reply-title,
body .pricing-table-style-6 .pricing-price-title {
	font-style: normal;
	font-weight: 700;
}

:root {
	--thegem-to-h2-font-size: 36px;
}
h2,
.title-h2,
body .gem-style-text.title-h2,
body .pricing-table-style-5  .pricing-price-title,
body .pricing-table-style-6 .pricing-price-title,
body .pricing-table-style-6 .pricing-price-subtitle,
h3.comment-reply-title,
body .pricing-table-style-2 .pricing-price-title {
	font-size: 36px;
}
@media (max-width: 1000px) {
	h2,
	.title-h2,
	body .gem-style-text.title-h2,
	body .pricing-table-style-5  .pricing-price-title,
	body .pricing-table-style-6 .pricing-price-title,
	body .pricing-table-style-6 .pricing-price-subtitle,
	h3.comment-reply-title,
	body .pricing-table-style-2 .pricing-price-title {
		font-size: 3.6vw;
	}
}

:root {
	--thegem-to-h2-line-height: 53px;
}
h2,
.title-h2,
body .pricing-table-style-6 .pricing-price-title,
h3.comment-reply-title,
.elementor-widget-heading h2.elementor-heading-title,
.elementor-widget-heading .title-h2.elementor-heading-title {
	line-height: 53px;
}
@media (max-width: 1000px) {
	h2,
	.title-h2,
	body .pricing-table-style-6 .pricing-price-title,
	h3.comment-reply-title,
	.elementor-widget-heading h2.elementor-heading-title,
	.elementor-widget-heading .title-h2.elementor-heading-title {
		line-height: 5.3vw;
	}
}

@media (max-width: 1199px) {
	:root {
	    --thegem-to-h2-font-size: 36px;
	}
	h2,
	.title-h2,
	body .gem-style-text.title-h2,
	body .pricing-table-style-6 .pricing-price-title,
	h3.comment-reply-title {
		font-size: 36px;
	}
}
@media (max-width: 1199px) {
	:root {
	    --thegem-to-h2-line-height: 53px;
	}
	h2,
	.title-h2,
	body .pricing-table-style-6 .pricing-price-title,
	h3.comment-reply-title,
	.elementor-widget-heading h2.elementor-heading-title,
	.elementor-widget-heading .title-h2.elementor-heading-title {
		line-height: 53px;
	}
}
@media (max-width: 767px) {
	:root {
	    --thegem-to-h2-font-size: 36px;
	}
	h2,
	.title-h2,
	body .gem-style-text.title-h2,
	body .pricing-table-style-6 .pricing-price-title,
	h3.comment-reply-title {
		font-size: 36px;
	}
}
@media (max-width: 767px) {
	:root {
	    --thegem-to-h2-line-height: 53px;
	}
	h2,
	.title-h2,
	body .pricing-table-style-6 .pricing-price-title,
	h3.comment-reply-title,
	.elementor-widget-heading h2.elementor-heading-title,
	.elementor-widget-heading .title-h2.elementor-heading-title {
		line-height: 53px;
	}
}

:root {
	--thegem-to-h2-text-transform: uppercase;
}
h2,
.title-h2,
body .pricing-table-style-6 .pricing-price-title,
h3.comment-reply-title {
	text-transform: uppercase;
}


:root {
	--thegem-to-h3-font-family: 'Montserrat';
}
h3,
.title-h3,
.cart_totals table .order-total td,
.woocommerce table.shop_table.order-details tr.cart_item td.product-total .amount,
.woocommerce table.shop_table.order-details tr.order_item td.product-total .amount,
.gem-dropcap,
.woocommerce .woocommerce-checkout-one-page #order_review table thead th {
	font-family: 'Montserrat';
}

:root {
	--thegem-to-h3-font-style: normal;
	--thegem-to-h3-font-weight: 700;
}
h3,
.title-h3,
.cart_totals table .order-total td,
.woocommerce table.shop_table.order-details tr.cart_item td.product-total .amount,
.woocommerce table.shop_table.order-details tr.order_item td.product-total .amount,
.gem-dropcap,
.woocommerce .woocommerce-checkout-one-page #order_review table thead th {
	font-style: normal;
	font-weight: 700;
}

:root {
	--thegem-to-h3-font-size: 28px;
}
h3,
.title-h3,
body .gem-style-text.title-h3,
.portfolio.columns-1 .portfolio-item .caption .title,
.cart_totals table .order-total td,
.woocommerce table.shop_table.order-details tr.cart_item td.product-total .amount,
.woocommerce table.shop_table.order-details tr.order_item td.product-total .amount,
.gem-dropcap,
.woocommerce .woocommerce-checkout-one-page #order_review table thead th,
.thegem-fullscreen-search .sf-input.thegem-fullscreen-searchform-input {
	font-size: 28px;
}

:root {
	--thegem-to-h3-line-height: 42px;
}
h3,
.title-h3,
.portfolio.columns-1 .portfolio-item .caption .title,
.cart_totals table .order-total td,
.woocommerce table.shop_table.order-details tr.cart_item td.product-total .amount,
.woocommerce table.shop_table.order-details tr.order_item td.product-total .amount,
.woocommerce .woocommerce-checkout-one-page #order_review table thead th,
.elementor-widget-heading h3.elementor-heading-title,
.elementor-widget-heading .title-h3.elementor-heading-title,
.thegem-fullscreen-search .sf-input.thegem-fullscreen-searchform-input {
	line-height: 42px;
}

@media (max-width: 1199px) {
	:root {
	    --thegem-to-h3-font-size: 28px;
	}
	h3,
	.title-h3,
	body .gem-style-text.title-h3,
	.portfolio.columns-1 .portfolio-item .caption .title,
	.cart_totals table .order-total td,
	.woocommerce table.shop_table.order-details tr.cart_item td.product-total .amount,
	.woocommerce table.shop_table.order-details tr.order_item td.product-total .amount,
	.woocommerce .woocommerce-checkout-one-page #order_review table thead th,
	.thegem-fullscreen-search .sf-input.thegem-fullscreen-searchform-input {
		font-size: 28px;
	}
}
@media (max-width: 1199px) {
	:root {
	    --thegem-to-h3-line-height: 42px;
	}
	h3,
	.title-h3,
	.portfolio.columns-1 .portfolio-item .caption .title,
	.cart_totals table .order-total td,
	.woocommerce table.shop_table.order-details tr.cart_item td.product-total .amount,
	.woocommerce table.shop_table.order-details tr.order_item td.product-total .amount,
	.woocommerce .woocommerce-checkout-one-page #order_review table thead th,
	.elementor-widget-heading h3.elementor-heading-title,
	.elementor-widget-heading .title-h3.elementor-heading-title,
	.thegem-fullscreen-search .sf-input.thegem-fullscreen-searchform-input {
		line-height: 42px;
	}
}
@media (max-width: 767px) {
	:root {
	    --thegem-to-h3-font-size: 28px;
	}
	h3,
	.title-h3,
	body .gem-style-text.title-h3,
	.portfolio.columns-1 .portfolio-item .caption .title,
	.cart_totals table .order-total td,
	.woocommerce table.shop_table.order-details tr.cart_item td.product-total .amount,
	.woocommerce table.shop_table.order-details tr.order_item td.product-total .amount,
	.woocommerce .woocommerce-checkout-one-page #order_review table thead th,
	.thegem-fullscreen-search .sf-input.thegem-fullscreen-searchform-input {
		font-size: 28px;
	}
}
@media (max-width: 767px) {
	:root {
	    --thegem-to-h3-line-height: 42px;
	}
	h3,
	.title-h3,
	.portfolio.columns-1 .portfolio-item .caption .title,
	.cart_totals table .order-total td,
	.woocommerce table.shop_table.order-details tr.cart_item td.product-total .amount,
	.woocommerce table.shop_table.order-details tr.order_item td.product-total .amount,
	.woocommerce .woocommerce-checkout-one-page #order_review table thead th,
	.elementor-widget-heading h3.elementor-heading-title,
	.elementor-widget-heading .title-h3.elementor-heading-title,
	.thegem-fullscreen-search .sf-input.thegem-fullscreen-searchform-input {
		line-height: 42px;
	}
}

:root {
	--thegem-to-h3-text-transform: uppercase;
}
h3,
.title-h3,
.portfolio.columns-1 .portfolio-item .caption .title,
.cart_totals table .order-total td,
.woocommerce table.shop_table.order-details tr.cart_item td.product-total .amount,
.woocommerce table.shop_table.order-details tr.order_item td.product-total .amount,
.woocommerce .woocommerce-checkout-one-page #order_review table thead th {
	text-transform: uppercase;
}


:root {
	--thegem-to-h4-font-family: 'Montserrat';
}
h4,
.title-h4,
.widget .gem-teams-name,
body .pricing-table-style-3 .pricing_row_title,
body .pricing-table-style-8 .pricing_row_title,
body .pricing-table-style-4 .pricing_row_title,
.gem-gallery-hover-gradient .gem-gallery-item-title,
.gem-gallery-grid.hover-gradient .gallery-item .overlay .title,
.gem-gallery-hover-gradient .gem-gallery-preview-carousel-wrap .gem-gallery-item .gem-gallery-item-title,
.product-page__wrapper #thegem-reviews .woocommerce-Reviews .comment-reply-title{
	font-family: 'Montserrat';
}
@media only screen and (min-width: 992px) and (max-width: 1150px) {
	.with-sidebar .portfolio.hover-horizontal-sliding .overlay .links .caption .title {
		font-family: 'Montserrat';
	}
}

:root {
	--thegem-to-h4-font-style: normal;
	--thegem-to-h4-font-weight: 700;
}
h4,
.title-h4,
.widget .gem-teams-name,
body .pricing-table-style-3 .pricing_row_title,
body .pricing-table-style-4  .pricing_row_title,
body .pricing-table-style-8 .pricing_row_title,
.gem-gallery-hover-gradient .gem-gallery-item-title,
.gem-gallery-grid.hover-gradient .gallery-item .overlay .title,
.gem-gallery-hover-gradient .gem-gallery-preview-carousel-wrap .gem-gallery-item .gem-gallery-item-title,
.product-page__wrapper #thegem-reviews .woocommerce-Reviews .comment-reply-title{
	font-style: normal;
	font-weight: 700;
}
@media only screen and (min-width: 992px) and (max-width: 1150px) {
	.with-sidebar .portfolio.hover-horizontal-sliding .overlay .links .caption .title {
		font-style: normal;
		font-style: normal;
	font-weight: 700;
	}
}

:root {
	--thegem-to-h4-font-size: 24px;
}
h4,
.title-h4,
body .gem-style-text.title-h4,
body .pricing-table-style-7 .pricing-price-title,
body .pricing-table-style-4 .pricing_row_title,
body .pricing-table-style-3 .pricing_row_title,
body .pricing-table-style-2 .pricing-cost,
body .pricing-table-style-2 .time,
body .pricing-table-style-1 .pricing-price-title,
.widget .gem-teams-name,
body .pricing-table-style-8 .pricing_row_title,
.gem-gallery-hover-gradient .gem-gallery-item-title,
.gem-gallery-grid.hover-gradient .gallery-item .overlay .title,
.gem-gallery-hover-gradient .gem-gallery-preview-carousel-wrap .gem-gallery-item .gem-gallery-item-title,
body .vc_separator h4,
.product-page__wrapper #thegem-reviews .woocommerce-Reviews .comment-reply-title{
	font-size: 24px;
}
@media only screen and (min-width: 992px) and (max-width: 1150px) {
	.with-sidebar .portfolio.hover-horizontal-sliding .overlay .links .caption .title {
		font-size: 24px;
	}
}

:root {
	--thegem-to-h4-line-height: 38px;
}
h4,
.title-h4,
body .pricing-table-style-7 .pricing-price-title,
body .pricing-table-style-5 .pricing-price-title,
body .pricing-table-style-4 .pricing_row_title,
body .pricing-table-style-3 .pricing_row_title,
body .pricing-table-style-2 .pricing-cost,
body .pricing-table-style-2 .time,
body .pricing-table-style-2 .pricing-price-title,
body .pricing-table-style-1 .pricing-price-title,
.widget .gem-teams-name,
.portfolio.columns-1 .portfolio-item .caption .title,
.gem-gallery-hover-gradient .gem-gallery-item-title,
.gem-gallery-grid.hover-gradient .gallery-item .overlay .title,
.gem-gallery-hover-gradient .gem-gallery-preview-carousel-wrap .gem-gallery-item .gem-gallery-item-title,
body .vc_separator h4,
.elementor-widget-heading h4.elementor-heading-title,
.elementor-widget-heading .title-h4.elementor-heading-title,
.product-page__wrapper #thegem-reviews .woocommerce-Reviews .comment-reply-title {
	line-height: 38px;
}
@media only screen and (min-width: 992px) and (max-width: 1150px) {
	.with-sidebar .portfolio.hover-horizontal-sliding .overlay .links .caption .title {
		line-height: 38px;
	}
}

@media (max-width: 1199px) {
	:root {
	    --thegem-to-h4-font-size: 24px;
	}
	h4,
	.title-h4,
	body .gem-style-text.title-h4,
	body .pricing-table-style-7 .pricing-price-title,
	body .pricing-table-style-4 .pricing_row_title,
	body .pricing-table-style-3 .pricing_row_title,
	body .pricing-table-style-2 .pricing-cost,
	body .pricing-table-style-2 .time,
	body .pricing-table-style-1 .pricing-price-title,
	.widget .gem-teams-name,
	body .pricing-table-style-8 .pricing_row_title,
	.gem-gallery-hover-gradient .gem-gallery-item-title,
	.gem-gallery-grid.hover-gradient .gallery-item .overlay .title,
	.gem-gallery-hover-gradient .gem-gallery-preview-carousel-wrap .gem-gallery-item .gem-gallery-item-title,
	body .vc_separator h4,
	.product-page__wrapper #thegem-reviews .woocommerce-Reviews .comment-reply-title{
		font-size: 24px;
	}
}
@media (max-width: 1199px) {
	:root {
	    --thegem-to-h4-line-height: 38px;
	}
	h4,
	.title-h4,
	body .pricing-table-style-7 .pricing-price-title,
	body .pricing-table-style-4 .pricing_row_title,
	body .pricing-table-style-3 .pricing_row_title,
	body .pricing-table-style-2 .pricing-cost,
	body .pricing-table-style-2 .time,
	body .pricing-table-style-1 .pricing-price-title,
	.widget .gem-teams-name,
	body .pricing-table-style-8 .pricing_row_title,
	.gem-gallery-hover-gradient .gem-gallery-item-title,
	.gem-gallery-grid.hover-gradient .gallery-item .overlay .title,
	.gem-gallery-hover-gradient .gem-gallery-preview-carousel-wrap .gem-gallery-item .gem-gallery-item-title,
	body .vc_separator h4,
	.elementor-widget-heading h4.elementor-heading-title,
	.elementor-widget-heading .title-h4.elementor-heading-title,
	.product-page__wrapper #thegem-reviews .woocommerce-Reviews .comment-reply-title {
		line-height: 38px;
	}
}
@media (max-width: 767px) {
	:root {
	    --thegem-to-h4-font-size: 24px;
	}
	h4,
	.title-h4,
	body .gem-style-text.title-h4,
	body .pricing-table-style-7 .pricing-price-title,
	body .pricing-table-style-4 .pricing_row_title,
	body .pricing-table-style-3 .pricing_row_title,
	body .pricing-table-style-2 .pricing-cost,
	body .pricing-table-style-2 .time,
	body .pricing-table-style-1 .pricing-price-title,
	.widget .gem-teams-name,
	body .pricing-table-style-8 .pricing_row_title,
	.gem-gallery-hover-gradient .gem-gallery-item-title,
	.gem-gallery-grid.hover-gradient .gallery-item .overlay .title,
	.gem-gallery-hover-gradient .gem-gallery-preview-carousel-wrap .gem-gallery-item .gem-gallery-item-title,
	body .vc_separator h4,
   .product-page__wrapper #thegem-reviews .woocommerce-Reviews .comment-reply-title{
		font-size: 24px;
	}
}
@media (max-width: 767px) {
	:root {
	    --thegem-to-h4-line-height: 38px;
	}
	h4,
	.title-h4,
	body .pricing-table-style-7 .pricing-price-title,
	body .pricing-table-style-4 .pricing_row_title,
	body .pricing-table-style-3 .pricing_row_title,
	body .pricing-table-style-2 .pricing-cost,
	body .pricing-table-style-2 .time,
	body .pricing-table-style-1 .pricing-price-title,
	.widget .gem-teams-name,
	body .pricing-table-style-8 .pricing_row_title,
	.gem-gallery-hover-gradient .gem-gallery-item-title,
	.gem-gallery-grid.hover-gradient .gallery-item .overlay .title,
	.gem-gallery-hover-gradient .gem-gallery-preview-carousel-wrap .gem-gallery-item .gem-gallery-item-title,
	body .vc_separator h4,
	.elementor-widget-heading h4.elementor-heading-title,
	.elementor-widget-heading .title-h4.elementor-heading-title,
	.product-page__wrapper #thegem-reviews .woocommerce-Reviews .comment-reply-title {
		line-height: 38px;
	}
}

:root {
	--thegem-to-h4-text-transform: uppercase;
}
h4,
.title-h4,
body .vc_separator h4,
.product-page__wrapper #thegem-reviews .woocommerce-Reviews .comment-reply-title{
	text-transform: uppercase;
}


:root {
	--thegem-to-h5-font-family: 'Montserrat';
}
h5,
.gem-table thead th,
.title-h5,
.header-layout-overlay #primary-menu.nav-menu.no-responsive > li.menu-item-search > .minisearch input[type="text"],
.mobile-menu-layout-overlay #primary-navigation.responsive #primary-menu > li.menu-item-search > .minisearch input[type="text"],
.gem-teams-phone,
.shop_table td.product-price,
.shop_table td.product-subtotal,
.cart_totals table .cart-subtotal td,
.woocommerce-cart-form.responsive .cart-item .gem-table .shop_table td.product-subtotal,
.woocommerce table.shop_table.order-details thead tr th.product-name,
.woocommerce table.shop_table.order-details thead tr th.product-total,
.widget-gem-portfolio-item.gem-portfolio-dummy:after,
.resp-tabs-list li,
.gem-quote.gem-quote-style-4,
.gem-quote.gem-quote-style-5,
.blog-style-styled_list1 .post-time,
.gem-teams-phone,
blockquote.wp-block-quote.is-large,
blockquote.wp-block-quote.is-style-large,
.woocommerce .woocommerce-checkout.woocommerce-checkout-one-page .shop_table.woocommerce-checkout-payment-total th {
	font-family: 'Montserrat';
}

:root {
	--thegem-to-h5-font-style: normal;
	--thegem-to-h5-font-weight: 700;
}
h5,
.title-h5,
.header-layout-overlay #primary-menu.nav-menu.no-responsive > li.menu-item-search > .minisearch input[type="text"],
.mobile-menu-layout-overlay #primary-navigation.responsive #primary-menu > li.menu-item-search > .minisearch input[type="text"],
.gem-teams-phone,
.shop_table td.product-price,
.shop_table td.product-subtotal,
.cart_totals table .cart-subtotal td,
.woocommerce-cart-form.responsive .cart-item .gem-table .shop_table td.product-subtotal,
.woocommerce table.shop_table.order-details thead tr th.product-name,
.woocommerce table.shop_table.order-details thead tr th.product-total,
.widget-gem-portfolio-item.gem-portfolio-dummy:after,
.resp-tabs-list li,
.gem-quote.gem-quote-style-4,
.gem-quote.gem-quote-style-5,
.blog-style-styled_list1 .post-time,
.gem-teams-phone,
blockquote.wp-block-quote.is-large,
blockquote.wp-block-quote.is-style-large,
.woocommerce .woocommerce-checkout.woocommerce-checkout-one-page .shop_table.woocommerce-checkout-payment-total th {
	font-style: normal;
	font-weight: 700;
}

:root {
	--thegem-to-h5-font-size: 19px;
}
h5,
.title-h5,
body .gem-style-text.title-h5,
.header-layout-overlay #primary-menu.nav-menu.no-responsive > li.menu-item-search > .minisearch input[type="text"],
.mobile-menu-layout-overlay #primary-navigation.responsive #primary-menu > li.menu-item-search > .minisearch input[type="text"],
.gem-teams-phone,
.shop_table td.product-price,
.shop_table td.product-subtotal,
.cart_totals table .cart-subtotal td,
.woocommerce-cart-form.responsive .cart-item .gem-table .shop_table td.product-subtotal,
.woocommerce table.shop_table.order-details thead tr th.product-name,
.woocommerce table.shop_table.order-details thead tr th.product-total,
.widget-gem-portfolio-item.gem-portfolio-dummy:after,
.resp-tabs-list li,
.gem-quote.gem-quote-style-4,
.gem-quote.gem-quote-style-5,
.blog-style-styled_list1 .post-time,
.gem-teams-phone,
blockquote.wp-block-quote.is-large,
blockquote.wp-block-quote.is-style-large,
.woocommerce .woocommerce-checkout.woocommerce-checkout-one-page .shop_table.woocommerce-checkout-payment-total th {
	font-size: 19px;
}

:root {
	--thegem-to-h5-line-height: 30px;
}
h5,
.title-h5,
.gem-teams-phone,
.shop_table td.product-price,
.shop_table td.product-subtotal,
.cart_totals table .cart-subtotal td,
.woocommerce-cart-form.responsive .cart-item .gem-table .shop_table td.product-subtotal,
.woocommerce table.shop_table.order-details thead tr th.product-name,
.woocommerce table.shop_table.order-details thead tr th.product-total,
.widget-gem-portfolio-item.gem-portfolio-dummy:after,
.resp-tabs-list li,
.gem-quote.gem-quote-style-4,
.gem-quote.gem-quote-style-5,
.gem-teams-phone,
blockquote.wp-block-quote.is-large,
blockquote.wp-block-quote.is-style-large,
.woocommerce .woocommerce-checkout.woocommerce-checkout-one-page .shop_table.woocommerce-checkout-payment-total th,
.elementor-widget-heading h5.elementor-heading-title,
.elementor-widget-heading .title-h5.elementor-heading-title {
	line-height: 30px;
}

@media (max-width: 1199px) {
	:root {
	    --thegem-to-h5-font-size: 19px;
	}
	h5,
	.title-h5,
	body .gem-style-text.title-h5,
	.gem-teams-phone,
	.shop_table td.product-price,
	.shop_table td.product-subtotal,
	.cart_totals table .cart-subtotal td,
	.woocommerce-cart-form.responsive .cart-item .gem-table .shop_table td.product-subtotal,
	.woocommerce table.shop_table.order-details thead tr th.product-name,
	.woocommerce table.shop_table.order-details thead tr th.product-total,
	.widget-gem-portfolio-item.gem-portfolio-dummy:after,
	.resp-tabs-list li,
	.gem-quote.gem-quote-style-4,
	.gem-quote.gem-quote-style-5,
	.gem-teams-phone,
	blockquote.wp-block-quote.is-large,
	blockquote.wp-block-quote.is-style-large,
	.woocommerce .woocommerce-checkout.woocommerce-checkout-one-page .shop_table.woocommerce-checkout-payment-total th {
		font-size: 19px;
	}
}
@media (max-width: 1199px) {
	:root {
	    --thegem-to-h5-line-height: 30px;
	}
	h5,
	.title-h5,
	.gem-teams-phone,
	.shop_table td.product-price,
	.shop_table td.product-subtotal,
	.cart_totals table .cart-subtotal td,
	.woocommerce-cart-form.responsive .cart-item .gem-table .shop_table td.product-subtotal,
	.woocommerce table.shop_table.order-details thead tr th.product-name,
	.woocommerce table.shop_table.order-details thead tr th.product-total,
	.widget-gem-portfolio-item.gem-portfolio-dummy:after,
	.resp-tabs-list li,
	.gem-quote.gem-quote-style-4,
	.gem-quote.gem-quote-style-5,
	.gem-teams-phone,
	blockquote.wp-block-quote.is-large,
	blockquote.wp-block-quote.is-style-large,
	.woocommerce .woocommerce-checkout.woocommerce-checkout-one-page .shop_table.woocommerce-checkout-payment-total th,
	.elementor-widget-heading h5.elementor-heading-title,
	.elementor-widget-heading .title-h5.elementor-heading-title {
		line-height: 30px;
	}
}
@media (max-width: 767px) {
	:root {
	    --thegem-to-h5-font-size: 19px;
	}
	h5,
	.title-h5,
	body .gem-style-text.title-h5,
	.gem-teams-phone,
	.shop_table td.product-price,
	.shop_table td.product-subtotal,
	.cart_totals table .cart-subtotal td,
	.woocommerce-cart-form.responsive .cart-item .gem-table .shop_table td.product-subtotal,
	.woocommerce table.shop_table.order-details thead tr th.product-name,
	.woocommerce table.shop_table.order-details thead tr th.product-total,
	.widget-gem-portfolio-item.gem-portfolio-dummy:after,
	.resp-tabs-list li,
	.gem-quote.gem-quote-style-4,
	.gem-quote.gem-quote-style-5,
	.gem-teams-phone,
	blockquote.wp-block-quote.is-large,
	blockquote.wp-block-quote.is-style-large,
	.woocommerce .woocommerce-checkout.woocommerce-checkout-one-page .shop_table.woocommerce-checkout-payment-total th {
		font-size: 19px;
	}
}
@media (max-width: 767px) {
	:root {
	    --thegem-to-h5-line-height: 30px;
	}
	h5,
	.title-h5,
	.gem-teams-phone,
	.shop_table td.product-price,
	.shop_table td.product-subtotal,
	.cart_totals table .cart-subtotal td,
	.woocommerce-cart-form.responsive .cart-item .gem-table .shop_table td.product-subtotal,
	.woocommerce table.shop_table.order-details thead tr th.product-name,
	.woocommerce table.shop_table.order-details thead tr th.product-total,
	.widget-gem-portfolio-item.gem-portfolio-dummy:after,
	.resp-tabs-list li,
	.gem-quote.gem-quote-style-4,
	.gem-quote.gem-quote-style-5,
	.gem-teams-phone,
	blockquote.wp-block-quote.is-large,
	blockquote.wp-block-quote.is-style-large,
	.woocommerce .woocommerce-checkout.woocommerce-checkout-one-page .shop_table.woocommerce-checkout-payment-total th,
	.elementor-widget-heading h5.elementor-heading-title,
	.elementor-widget-heading .title-h5.elementor-heading-title {
		line-height: 30px;
	}
}

:root {
	--thegem-to-h5-text-transform: uppercase;
}
h5,
.title-h5,
.gem-table thead th,
.gem-teams-phone,
.shop_table td.product-price,
.shop_table td.product-subtotal,
.cart_totals table .cart-subtotal td,
.woocommerce-cart-form.responsive .cart-item .gem-table .shop_table td.product-subtotal,
.woocommerce table.shop_table.order-details thead tr th.product-name,
.woocommerce table.shop_table.order-details thead tr th.product-total,
.widget-gem-portfolio-item.gem-portfolio-dummy:after,
.resp-tabs-list li,
.gem-quote.gem-quote-style-4,
.gem-quote.gem-quote-style-5,
.gem-teams-phone,
blockquote.wp-block-quote.is-large,
blockquote.wp-block-quote.is-style-large,
.woocommerce .woocommerce-checkout.woocommerce-checkout-one-page .shop_table.woocommerce-checkout-payment-total th {
	text-transform: uppercase;
}


:root {
	--thegem-to-h6-font-family: 'Montserrat';
}
h6,
.title-h6,
body .woocommerce .shop_table thead tr th,
table.shop_table_responsive td[data-title]:before,
.project_info-item-style-1 .project_info-item .title,
.project-info-shortcode-style-2 .project-info-shortcode-item .title,
.gem_accordion_header a,
#wp-calendar caption,
.hamburger-minicart .minicart-item-count,
.wpb_toggle,
.vc_toggle_title h4,
.testimonials-style-1-name.gem-testimonial-name,
.testimonials-style-2-name.gem-testimonial-name,
.diagram-wrapper .digram-line-box .skill-amount,
.diagram-wrapper.style-3 .digram-line-box .skill-title,
.row .vc_progress_bar .vc_label,
.woocommerce .shop_table thead tr th,
.pricing-column-top-choice .pricing-column-top-choice-text {
	font-family: 'Montserrat';
}

:root {
	--thegem-to-h6-font-style: normal;
	--thegem-to-h6-font-weight: 700;
}
h6,
.title-h6,
body .woocommerce .shop_table thead tr th,
table.shop_table_responsive td[data-title]:before,
.project_info-item-style-1 .project_info-item .title,
.gem_accordion_header a,
#wp-calendar caption,
.hamburger-minicart .minicart-item-count,
.wpb_toggle,
.gem-table-responsive .tabletolist.rh > li > .titles,
.vc_toggle_title h4,
.testimonials-style-1-name.gem-testimonial-name,
.testimonials-style-2-name.gem-testimonial-name,
.diagram-wrapper .digram-line-box .skill-amount,
.diagram-wrapper.style-3 .digram-line-box  .skill-title,
.row .vc_progress_bar .vc_label {
	font-style: normal;
	font-weight: 700;
}

:root {
	--thegem-to-h6-font-size: 16px;
	--thegem-to-h6-font-size-small: 14px;
	--thegem-to-h6-font-size-tiny: 7.04px;
}
h6,
.title-h6,
body .gem-style-text.title-h6,
body .woocommerce .shop_table thead tr th,
table.shop_table_responsive td[data-title]:before,
.project_info-item-style-1 .project_info-item .title,
.gem_accordion_header a,
#wp-calendar caption,
.wpb_toggle,
.gem-table-responsive .tabletolist.rh > li > .titles,
.vc_toggle_title h4,
.diagram-wrapper.style-3 .digram-line-box  .skill-title,
.row .vc_progress_bar .vc_label {
	font-size: 16px;
}

:root {
	--thegem-to-h6-line-height: 25px;
	--thegem-to-h6-line-height-small: 21.875px;
}
h6,
.title-h6,
body .woocommerce .shop_table thead tr th,
table.shop_table_responsive td[data-title]:before,
.project_info-item-style-1 .project_info-item .title,
.gem_accordion_header a,
#wp-calendar caption,
.wpb_toggle,
.gem-table-responsive .tabletolist.rh > li > .titles,
.vc_toggle_title h4,
.diagram-wrapper.style-3 .digram-line-box  .skill-title,
.row .vc_progress_bar .vc_label,
.elementor-widget-heading h6.elementor-heading-title,
.elementor-widget-heading .title-h6.elementor-heading-title {
	line-height: 25px;
}

.thegem-fullscreen-search .pages-list .page-item article a .title {
	max-height: calc( 25px * 2 );
}

@media (max-width: 1199px) {
	:root {
	    --thegem-to-h6-font-size: 16px;
	}
	h6,
	.title-h6,
	body .gem-style-text.title-h6,
	body .woocommerce .shop_table thead tr th,
	table.shop_table_responsive td[data-title]:before,
	.project_info-item-style-1 .project_info-item .title,
	.gem_accordion_header a,
	#wp-calendar caption,
	.wpb_toggle,
	.gem-table-responsive .tabletolist.rh > li > .titles,
	.vc_toggle_title h4,
	.diagram-wrapper.style-3 .digram-line-box  .skill-title,
	.row .vc_progress_bar .vc_label {
		font-size: 16px;
	}
}
@media (max-width: 1199px) {
	:root {
	    --thegem-to-h6-line-height: 25px;
	}
	h6,
	.title-h6,
	body .woocommerce .shop_table thead tr th,
	table.shop_table_responsive td[data-title]:before,
	.project_info-item-style-1 .project_info-item .title,
	.gem_accordion_header a,
	#wp-calendar caption,
	.wpb_toggle,
	.gem-table-responsive .tabletolist.rh > li > .titles,
	.vc_toggle_title h4,
	.diagram-wrapper.style-3 .digram-line-box  .skill-title,
	.row .vc_progress_bar .vc_label,
	.elementor-widget-heading h6.elementor-heading-title,
	.elementor-widget-heading .title-h6.elementor-heading-title {
		line-height: 25px;
	}
}
@media (max-width: 767px) {
	:root {
	    --thegem-to-h6-font-size: 16px;
	}
	h6,
	.title-h6,
	body .gem-style-text.title-h6,
	body .woocommerce .shop_table thead tr th,
	table.shop_table_responsive td[data-title]:before,
	.project_info-item-style-1 .project_info-item .title,
	.gem_accordion_header a,
	#wp-calendar caption,
	.wpb_toggle,
	.gem-table-responsive .tabletolist.rh > li > .titles,
	.vc_toggle_title h4,
	.diagram-wrapper.style-3 .digram-line-box  .skill-title,
	.row .vc_progress_bar .vc_label {
		font-size: 16px;
	}
}
@media (max-width: 767px) {
	:root {
	    --thegem-to-h6-line-height: 25px;
	}
	h6,
	.title-h6,
	body .woocommerce .shop_table thead tr th,
	table.shop_table_responsive td[data-title]:before,
	.project_info-item-style-1 .project_info-item .title,
	.gem_accordion_header a,
	#wp-calendar caption,
	.wpb_toggle,
	.gem-table-responsive .tabletolist.rh > li > .titles,
	.vc_toggle_title h4,
	.diagram-wrapper.style-3 .digram-line-box  .skill-title,
	.row .vc_progress_bar .vc_label,
	.elementor-widget-heading h6.elementor-heading-title,
	.elementor-widget-heading .title-h6.elementor-heading-title {
		line-height: 25px;
	}
}

:root {
	--thegem-to-h6-text-transform: uppercase;
}
h6,
.title-h6,
body .woocommerce .shop_table thead tr th,
table.shop_table_responsive td[data-title]:before,
.project_info-item-style-1 .project_info-item .title,
.gem_accordion_header a,
#wp-calendar caption,
.wpb_toggle,
.gem-table-responsive .tabletolist.rh > li > .titles,
.vc_toggle_title h4,
.diagram-wrapper.style-3 .digram-line-box  .skill-title,
.row .vc_progress_bar .vc_label {
	text-transform: uppercase;
}


:root {
	--thegem-to-xlarge-title-font-family: 'Great Vibes';
}
.title-xlarge {
	font-family: 'Great Vibes';
}

:root {
	--thegem-to-xlarge-title-font-style: normal;
	--thegem-to-xlarge-title-font-weight: normal;
}
.title-xlarge {
	font-style: normal;
	font-weight: normal;
}

:root {
	--thegem-to-xlarge-title-font-size: 40px;
}
.title-xlarge,
body .gem-style-text.title-xlarge {
	font-size: 40px;
}
@media (max-width: 1000px) {
	.title-xlarge,
	body .gem-style-text.title-xlarge {
		font-size: 4vw;
	}
}

:root {
	--thegem-to-xlarge-title-line-height: 50px;
}
.title-xlarge,
.elementor-widget-heading .title-xlarge.elementor-heading-title {
	line-height: 50px;
}
@media (max-width: 1000px) {
	.title-xlarge,
	.elementor-widget-heading .title-xlarge.elementor-heading-title {
		line-height: 5vw;
	}
}

@media (max-width: 1199px) {
	:root {
	    --thegem-to-xlarge-title-font-size: 40px;
	}
	.title-xlarge {
		font-size: 40px;
	}
}
@media (max-width: 1199px) {
	:root {
	    --thegem-to-xlarge-title-line-height: 50px;
	}
	.title-xlarge {
		line-height: 50px;
	}
}
@media (max-width: 767px) {
	:root {
	    --thegem-to-xlarge-title-font-size: 40px;
	}
	.title-xlarge,
	body .gem-style-text.title-xlarge {
		font-size: 40px;
	}
}
@media (max-width: 767px) {
	:root {
	    --thegem-to-xlarge-title-line-height: 50px;
	}
	.title-xlarge,
	.elementor-widget-heading .title-xlarge.elementor-heading-title {
		line-height: 50px;
	}
}

:root {
	--thegem-to-xlarge-title-text-transform: uppercase;
}
.title-xlarge {
	text-transform: uppercase;
}


:root {
	--thegem-to-light-title-font-family: 'Montserrat UltraLight';
}
h1 .light,
h2 .light,
h3 .light,
h4 .light,
h5 .light,
h6 .light,
.title .light,
.title-h1 .light,
.title-h2 .light,
.title-h3 .light,
.title-h4 .light,
.title-h5 .light,
.title-h6 .light,
.title-xlarge .light,
.main-menu-item .light,
.title-main-menu .light,
h1.light,
h2.light,
h3.light,
h4.light,
h5.light,
h6.light,
.title-h1.light,
.title-h2.light,
.title-h3.light,
.title-h4.light,
.title-h5.light,
.title-h6.light,
.title-xlarge.light,
.main-menu-item.light,
.title-main-menu.light,
.widget .gem-teams-name,
.gem-counter-style-2 .gem-counter-number,
.gem-gallery-grid .gallery-item .overlay .title,
.gem-quote.gem-quote-style-3 blockquote,
.row  .vc_pie_wrapper span,
.blog-style-styled_list1 .post-title,
.blog-style-styled_list2 .post-time,
.blog-style-styled_list2 .post-title,
.blog-style-timeline .post-title,
body .pricing-table-style-1 .pricing-price-title,
body .pricing-table-style-1  .pricing-cost,
body .pricing-table-style-2 .pricing-price-title,
body .pricing-table-style-2  .pricing-cost,
body .pricing-table-style-2 .time,
body .pricing-table-style-5  .pricing-price-title,
body .pricing-table-style-6 .pricing-price-subtitle,
body .pricing-table-style-7 .pricing-price-title,
body .pricing-table-style-7 .pricing-cost,
body .vc_grid-container ul.vc_grid-filter li.vc_grid-filter-item > span,
.gem-media-grid .vc_gitem-post-data-source-post_title a,
.gem-media-grid-2 .vc_gitem-post-data-source-post_title a,
body.woocommerce-cart-layout-modern .woocommerce .shop_table thead tr th,
.woocommerce .woocommerce-checkout-one-page #order_review table thead th,
.woocommerce .woocommerce-checkout.woocommerce-checkout-one-page .shop_table.woocommerce-checkout-payment-total th,
.thegem-fullscreen-search .sf-input.thegem-fullscreen-searchform-input {
	font-family: 'Montserrat UltraLight';
}

:root {
	--thegem-to-light-title-font-style: normal;
	--thegem-to-light-title-font-weight: normal;
}
h1 .light,
h2 .light,
h3 .light,
h4 .light,
h5 .light,
h6 .light,
.title .light,
.title-h1 .light,
.title-h2 .light,
.title-h3 .light,
.title-h4 .light,
.title-h5 .light,
.title-h6 .light,
.title-xlarge .light,
.main-menu-item .light,
.title-main-menu .light,
h1.light,
h2.light,
h3.light,
h4.light,
h5.light,
h6.light,
.title-h1.light,
.title-h2.light,
.title-h3.light,
.title-h4.light,
.title-h5.light,
.title-h6.light,
.title-xlarge.light,
.main-menu-item.light,
.title-main-menu.light,
.widget .gem-teams-name,
.gem-counter-style-2 .gem-counter-number,
.gem-quote.gem-quote-style-3 blockquote,
.row  .vc_pie_wrapper span,
.blog-style-styled_list1 .post-title,
.blog-style-styled_list2 .post-time,
.blog-style-timeline .post-title,
body .vc_grid-container ul.vc_grid-filter li.vc_grid-filter-item > span,
.gem-media-grid .vc_gitem-post-data-source-post_title a,
body .pricing-table-style-1 .pricing-price-title,
body .pricing-table-style-1 .pricing-cost,
body .pricing-table-style-2 .pricing-price-title,
body .pricing-table-style-2 .pricing-cost,
body .pricing-table-style-2 .time,
body .pricing-table-style-5 .pricing-price-title,
body .pricing-table-style-6 .pricing-price-subtitle,
body .pricing-table-style-7 .pricing-price-title,
body .pricing-table-style-7 .pricing-cost,
.gem-media-grid-2 .vc_gitem-post-data-source-post_title a,
body.woocommerce-cart-layout-modern .woocommerce .shop_table thead tr th,
.woocommerce .woocommerce-checkout-one-page #order_review table thead th,
.woocommerce .woocommerce-checkout.woocommerce-checkout-one-page .shop_table.woocommerce-checkout-payment-total th,
.product-page__wrapper #thegem-reviews .woocommerce-Reviews .comment-reply-title,
.thegem-fullscreen-search .sf-input.thegem-fullscreen-searchform-input {
	font-style: normal;
	font-weight: normal;
}

:root {
	--thegem-to-body-font-family: Source Sans Pro;
	--thegem-to-body-tiny-font-family: Source Sans Pro;
}
body,
.text-body,
.text-body-tiny,
.title-text-body,
.title-text-body-tiny,
option,
.gem-table thead th,
.portfolio.columns-1 .portfolio-item .caption .subtitle,
.gallery-item .overlay .subtitle,
.cart_totals table .shipping td label,
.widget_archive li,
.woocommerce-cart-form.responsive .cart-item .gem-table .shop_table td.product-price,
.gem-media-grid-2 .vc_gitem-animated-block .vc_gitem-zone-b .vc_gitem-post-data-source-post_excerpt > div,
body .hamburger-minicart > .minicart .total strong,
body .hamburger-minicart > .minicart ul li .quantity,
.thegem-tabs__nav-item sup,
.thegem-accordion__item-title sup,
.page-breadcrumbs ul li,
#primary-navigation #primary-menu > li.menu-item-cart > a.circle-count .minicart-item-count,
.product-page__wrapper .product-page__nav .product-page__nav-preview .nav-preview__info-title,
.thegem-combobox-wrap .thegem-combobox,
.product-page__wrapper .reset_variations,
.product-page__wrapper .size-guide,
.single-product-content-right .compare,
.single-product-content-right .yith-ywraq-add-to-quote{
	font-family: 'Source Sans Pro';
}

:root {
	--thegem-to-body-font-style: normal;
	--thegem-to-body-font-weight: normal;
	--thegem-to-body-tiny-font-style: normal;
	--thegem-to-body-tiny-font-weight: normal;
}
body,
.text-body,
.text-body-tiny,
.title-text-body,
.title-text-body-tiny,
option,
.gem-table thead th,
.portfolio.columns-1 .portfolio-item .caption .subtitle,
.gallery-item .overlay .subtitle,
.cart_totals table .shipping td label,
.woocommerce-cart-form.responsive .cart-item .gem-table .shop_table td.product-price,
.gem-media-grid-2 .vc_gitem-animated-block .vc_gitem-zone-b .vc_gitem-post-data-source-post_excerpt > div,
body .hamburger-minicart > .minicart .total strong,
body .hamburger-minicart > .minicart ul li .quantity,
.thegem-tabs__nav-item sup,
.thegem-accordion__item-title sup,
.page-breadcrumbs ul li,
#primary-navigation #primary-menu > li.menu-item-cart > a.circle-count .minicart-item-count,
.product-page__wrapper .product-page__nav .product-page__nav-preview .nav-preview__info-title,
.thegem-combobox-wrap .thegem-combobox,
.product-page__wrapper .reset_variations,
.product-page__wrapper .size-guide,
.single-product-content-right .compare,
.single-product-content-right .yith-ywraq-add-to-quote{
	font-style: normal;
	font-weight: normal;
}

:root {
	--thegem-to-body-font-size: 16px;
	--thegem-to-body-tiny-font-size: 14px;
	--thegem-to-body-sup-font-size: 11px;
}
body,
.text-body,
.title-text-body,
.gem-table thead th,
.inline-column,
.inline-inside > *,
option,
.portfolio.columns-1 .portfolio-item .caption .subtitle,
.gallery-item .overlay .subtitle,
.cart_totals table .shipping td label,
.woocommerce-cart-form.responsive .cart-item .gem-table .shop_table td.product-price,
.gem-media-grid-2 .vc_gitem-animated-block .vc_gitem-zone-b .vc_gitem-post-data-source-post_excerpt > div,
body .hamburger-minicart > .minicart .total strong,
body .hamburger-minicart > .minicart ul li .quantity,
.page-breadcrumbs ul li:not(:last-child):after,
.product-page__wrapper .product-page__nav .product-page__nav-preview .nav-preview__info-title,
.product-page__wrapper .product-page__nav .product-page__nav-preview .nav-preview__info del,
.thegem-combobox-wrap .thegem-combobox,
.single-product-content-right .compare,
.single-product-content-right .yith-ywraq-add-to-quote{
	font-size: 16px;
}

.text-body-tiny,
.title-text-body-tiny{
	font-size: 14px;
}

.page-breadcrumbs ul li,
.product-page__wrapper .reset_variations,
.product-page__wrapper .size-guide,
.product-page__wrapper #thegem-reviews .woocommerce-Reviews .woocommerce-review__author{
	font-size: 14px;
}

.thegem-tabs__nav-item sup,
.thegem-accordion__item-title sup{
	font-size: 11px;
}

:root {
	--thegem-to-body-line-height: 25px;
	--thegem-to-body-tiny-line-height: 21.875px;
}
body,
.text-body,
.title-text-body,
option,
.inline-column,
.inline-inside > *,
.related-element-info > a,
.gallery-item .overlay .subtitle,
.cart_totals table .shipping td label,
.woocommerce-cart-form.responsive .cart-item .gem-table .shop_table td.product-price,
.gem-media-grid-2 .vc_gitem-animated-block .vc_gitem-zone-b .vc_gitem-post-data-source-post_excerpt > div,
body .hamburger-minicart > .minicart .total strong,
body .hamburger-minicart > .minicart ul li .quantity,
.thegem-combobox-wrap .thegem-combobox,
.single-product-content-right .compare,
.single-product-content-right .yith-ywraq-add-to-quote{
	line-height: 25px;
}

.text-body-tiny,
.title-text-body-tiny{
	line-height: 21.875px;
}

.page-breadcrumbs ul li,
.product-page__wrapper .product-page__nav .product-page__nav-preview .nav-preview__info-title,
.product-page__wrapper .reset_variations,
.product-page__wrapper .size-guide{
	line-height: 21.875px;
}

	@media (max-width: 1199px) {
		body,
		.text-body,
		.title-text-body,
		option,
		.inline-column,
		.inline-inside > *,
		.related-element-info > a,
		.gallery-item .overlay .subtitle,
		.cart_totals table .shipping td label,
		.woocommerce-cart-form.responsive .cart-item .gem-table .shop_table td.product-price,
		.gem-media-grid-2 .vc_gitem-animated-block .vc_gitem-zone-b .vc_gitem-post-data-source-post_excerpt > div,
		body .hamburger-minicart > .minicart .total strong,
		body .hamburger-minicart > .minicart ul li .quantity,
		.thegem-combobox-wrap .thegem-combobox,
		.single-product-content-right .compare,
		.single-product-content-right .yith-ywraq-add-to-quote{
			font-size: 16px;
		}
	}
	@media (max-width: 1199px) {
		body,
		.text-body,
		.title-text-body,
		option,
		.inline-column,
		.inline-inside > *,
		.related-element-info > a,
		.gallery-item .overlay .subtitle,
		.cart_totals table .shipping td label,
		.woocommerce-cart-form.responsive .cart-item .gem-table .shop_table td.product-price,
		.gem-media-grid-2 .vc_gitem-animated-block .vc_gitem-zone-b .vc_gitem-post-data-source-post_excerpt > div,
		body .hamburger-minicart > .minicart .total strong,
		body .hamburger-minicart > .minicart ul li .quantity,
		.thegem-combobox-wrap .thegem-combobox,
		.single-product-content-right .compare,
		.single-product-content-right .yith-ywraq-add-to-quote{
			line-height: 25px;
		}
	}
	@media (max-width: 767px) {
		body,
		.text-body,
		.title-text-body,
		option,
		.inline-column,
		.inline-inside > *,
		.related-element-info > a,
		.gallery-item .overlay .subtitle,
		.cart_totals table .shipping td label,
		.woocommerce-cart-form.responsive .cart-item .gem-table .shop_table td.product-price,
		.gem-media-grid-2 .vc_gitem-animated-block .vc_gitem-zone-b .vc_gitem-post-data-source-post_excerpt > div,
		body .hamburger-minicart > .minicart .total strong,
		body .hamburger-minicart > .minicart ul li .quantity,
		.thegem-combobox-wrap .thegem-combobox,
		.single-product-content-right .compare,
		.single-product-content-right .yith-ywraq-add-to-quote{
			font-size: 16px;
		}
	}
	@media (max-width: 767px) {
		body,
		.text-body,
		.title-text-body,
		option,
		.inline-column,
		.inline-inside > *,
		.related-element-info > a,
		.gallery-item .overlay .subtitle,
		.cart_totals table .shipping td label,
		.woocommerce-cart-form.responsive .cart-item .gem-table .shop_table td.product-price,
		.gem-media-grid-2 .vc_gitem-animated-block .vc_gitem-zone-b .vc_gitem-post-data-source-post_excerpt > div,
		body .hamburger-minicart > .minicart .total strong,
		body .hamburger-minicart > .minicart ul li .quantity,
		.thegem-combobox-wrap .thegem-combobox,
		.single-product-content-right .compare,
		.single-product-content-right .yith-ywraq-add-to-quote{
			line-height: 25px;
		}
	}

:root {
	--thegem-to-body-text-transform: none;
	--thegem-to-body-tiny-text-transform: none;
}
body,
.text-body,
.text-body-tiny,
.title-text-body,
.title-text-body-tiny,
option,
.portfolio.columns-1 .portfolio-item .caption .subtitle,
.gallery-item .overlay .subtitle,
.cart_totals table .shipping td label,
.woocommerce-cart-form.responsive .cart-item .gem-table .shop_table td.product-price,
.gem-media-grid-2 .vc_gitem-animated-block .vc_gitem-zone-b .vc_gitem-post-data-source-post_excerpt > div,
body .hamburger-minicart > .minicart .total strong,
body .hamburger-minicart > .minicart ul li .quantity,
.thegem-tabs__nav-item sup,
.thegem-accordion__item-title sup,
.thegem-combobox-wrap .thegem-combobox,
.product-page__wrapper .reset_variations,
.product-page__wrapper .size-guide,
.single-product-content-right .compare,
.single-product-content-right .yith-ywraq-add-to-quote{
	text-transform: none;
}


.page-title-excerpt,
.custom-title-excerpt {
	font-family: 'Great Vibes';
}

.page-title-excerpt,
.custom-title-excerpt {
	font-style: normal;
	font-weight: normal;
}

.page-title-excerpt,
.custom-title-excerpt {
	font-size: 40px;
}
@media (max-width: 600px) {
	.page-title-excerpt,
	.custom-title-excerpt {
		font-size: 6.6666666666667vw;
	}
}

.page-title-excerpt,
.custom-title-excerpt {
	line-height: 50px;
}
@media (max-width: 600px) {
	.page-title-excerpt,
	.custom-title-excerpt {
		line-height: 8.3333333333333vw;
	}
}

@media (max-width: 1199px) {
	.page-title-excerpt,
	.custom-title-excerpt {
		font-size: 40px;
	}
}
@media (max-width: 1199px) {
	.page-title-excerpt,
	.custom-title-excerpt {
		line-height: 50px;
	}
}
@media (max-width: 767px) {
	.page-title-excerpt,
	.custom-title-excerpt {
		font-size: 40px;
	}
}
@media (max-width: 767px) {
	.page-title-excerpt,
	.custom-title-excerpt {
		line-height: 50px;
	}
}

.page-title-excerpt,
.custom-title-excerpt {
	text-transform: none;
}


.widget-title {
	font-family: 'Montserrat';
}

.widget-title {
	font-style: normal;
	font-weight: 700;
}

.widget-title {
	font-size: 19px;
}

.widget-title {
	line-height: 30px;
}

.widget-title {
	text-transform: uppercase;
}


:root {
	--thegem-to-button-font-family: 'Montserrat';
}
.gem-button,
input[type='submit'],
.gem-pagination a,
.gem-pagination .current,
.gem-pagination .dots,
.blog-load-more button,
body .wp-block-button .wp-block-button__link,
body .vc_grid-pagination .vc_grid-pagination-list li.vc_grid-page a,
.single-product-content-right .yith-ywraq-add-to-quote a.button,
.single-product-content-right .compare.button{
	font-family: 'Montserrat';
}

:root {
	--thegem-to-button-font-style: normal;
	--thegem-to-button-font-weight: 700;
}
.gem-button,
input[type='submit'],
.gem-pagination a,
.gem-pagination .current,
.gem-pagination .dots,
.blog-load-more button,
body .wp-block-button .wp-block-button__link,
body .vc_grid-pagination .vc_grid-pagination-list li.vc_grid-page a,
.single-product-content-right .yith-ywraq-add-to-quote a.button,
.single-product-content-right .compare.button{
	font-style: normal;
	font-weight: 700;
}

:root {
	--thegem-to-button-text-transform: uppercase;
}
.gem-button,
input[type='submit'],
.gem-pagination a,
.gem-pagination .current,
.blog-load-more button,
body .wp-block-button .wp-block-button__link,
body .vc_grid-pagination .vc_grid-pagination-list li.vc_grid-page a,
.single-product-content-right .yith-ywraq-add-to-quote a.button,
.single-product-content-right .compare.button{
	text-transform: uppercase;
}


.gem-button.gem-button-text-weight-thin {
	font-family: 'Montserrat UltraLight';
}

.gem-button.gem-button-text-weight-thin {
	font-style: normal;
	font-weight: normal;
}

.gem-button.gem-button-text-weight-thin {
	text-transform: uppercase;
}



.portfolio-item-title,
.portfolio-item .wrap > .caption .title,
.fancybox-title .slide-info-title,
.blog.blog-style-masonry article .description .title {
	font-family: 'Montserrat';
}

.portfolio-item-title,
.portfolio-item .wrap > .caption .title,
.fancybox-title .slide-info-title,
.blog.blog-style-masonry article .description .title {
	font-style: normal;
	font-weight: 700;
}

.portfolio-item-title,
.portfolio-item .wrap > .caption .title,
.fancybox-title .slide-info-title,
.blog.blog-style-masonry article .description .title {
	font-size: 16px;
}

.portfolio-item-title,
.portfolio-item .wrap > .caption .title,
.fancybox-title .slide-info-title,
.blog.blog-style-masonry article .description .title {
	line-height: 24px;
}


.portfolio-item-title,
.portfolio-item .wrap > .caption .title,
.fancybox-title .slide-info-title,
.blog.blog-style-masonry article .description .title {
	letter-spacing: 0px;
}

.portfolio-item-description,
.portfolio-item .caption .subtitle,
.fancybox-title .slide-info-summary,
.blog.blog-style-masonry article .description .summary {
	font-family: 'Source Sans Pro';
}

.portfolio-item-description,
.portfolio-item .caption .subtitle,
.fancybox-title .slide-info-summary,
.blog.blog-style-masonry article .description .summary {
	font-style: normal;
	font-weight: normal;
}

.portfolio-item-description,
.portfolio-item .caption .subtitle,
.fancybox-title .slide-info-summary,
.blog.blog-style-masonry article .description .summary {
	font-size: 16px;
}

.portfolio-item-description,
.portfolio-item .caption .subtitle,
.fancybox-title .slide-info-summary,
.blog.blog-style-masonry article .description .summary {
	line-height: 24px;
}
.portfolio:not(.columns-1):not(.portfolio-style-masonry):not(.list-style) .portfolio-item .wrap > .caption .subtitle {
	max-height: 24px;
}


.portfolio-item-description,
.portfolio-item .caption .subtitle,
.fancybox-title .slide-info-summary,
.blog.blog-style-masonry article .description .summary {
	letter-spacing: 0px;
}

.quickfinder-item-title {
	font-family: 'Montserrat';
}

.quickfinder-item-title {
	font-style: normal;
	font-weight: 700;
}

.quickfinder-item-title {
	font-size: 19px;
}

.quickfinder-item.col-md-2 .quickfinder-item-title,
.quickfinder-item.col-md-3 .quickfinder-item-title {
	font-size: 15.2px;
}

.quickfinder-item-title {
	line-height: 30px;
}

.quickfinder-item.col-md-2 .quickfinder-item-title,
.quickfinder-item.col-md-3 .quickfinder-item-title {
	line-height: 24px;
}

.quickfinder-item-title {
	text-transform: uppercase;
}


.quickfinder.quickfinder-title-thin .quickfinder-item-title {
	font-family: 'Montserrat UltraLight';
}

.quickfinder.quickfinder-title-thin .quickfinder-item-title {
	font-style: normal;
	font-weight: normal;
}

.quickfinder.quickfinder-title-thin .quickfinder-item-title {
	font-size: 24px;
}

.quickfinder.quickfinder-title-thin .quickfinder-item.col-md-2 .quickfinder-item-title,
.quickfinder.quickfinder-title-thin .quickfinder-item.col-md-3 .quickfinder-item-title {
	font-size: 19.2px;
}

.quickfinder.quickfinder-title-thin .quickfinder-item-title {
	line-height: 38px;
}

.quickfinder.quickfinder-title-thin .quickfinder-item.col-md-2 .quickfinder-item-title,
.quickfinder.quickfinder-title-thin .quickfinder-item.col-md-3 .quickfinder-item-title {
	line-height: 30.4px;
}

.quickfinder.quickfinder-title-thin .quickfinder-item-title {
	text-transform: uppercase;
}


.quickfinder-item-text {
	font-family: 'Source Sans Pro';
}

.quickfinder-item-text {
	font-style: normal;
	font-weight: normal;
}

.quickfinder-item-text {
	font-size: 16px;
}

.quickfinder-item-text {
	line-height: 25px;
}

.quickfinder-item-text {
	text-transform: none;
}


.gem-gallery-hover-zooming-blur .gem-gallery-item-title,
.gem-gallery-grid .gallery-item .overlay .title,
.gem-gallery .gem-gallery-caption .gem-gallery-item-title{
	font-family: 'Montserrat UltraLight';
}

.gem-gallery-hover-zooming-blur .gem-gallery-item-title,
.gem-gallery-grid .gallery-item .overlay .title,
.gem-gallery .gem-gallery-caption .gem-gallery-item-title{
	font-style: normal;
	font-weight: normal;
}

.gem-gallery-hover-zooming-blur .gem-gallery-item-title,
.gem-gallery-grid .gallery-item .overlay .title,
.gem-gallery .gem-gallery-caption .gem-gallery-item-title{
	font-size: 24px;
}

.gem-gallery-hover-zooming-blur .gem-gallery-item-title,
.gem-gallery-grid .gallery-item .overlay .title,
.gem-gallery .gem-gallery-caption .gem-gallery-item-title {
	line-height: 30px;
}

body .gem-gallery-hover-zooming-blur .gem-gallery-item-title,
body .gem-gallery-grid .gallery-item .overlay .title,
body .gem-gallery .gem-gallery-caption .gem-gallery-item-title{
	text-transform: uppercase;
}


.gem-gallery-grid.hover-default .gallery-item .overlay .title,
.gem-gallery-hover-default .gem-gallery-item .gem-gallery-item-title{
	font-family: 'Montserrat';
}

.gem-gallery-grid.hover-default .gallery-item .overlay .title,
.gem-gallery-hover-default .gem-gallery-item .gem-gallery-item-title {
	font-weight: 700;
}

.gem-gallery-grid.hover-default .gallery-item .overlay .title,
.gem-gallery-hover-default .gem-gallery-item .gem-gallery-item-title {
	font-size: 24px;
}

.gem-gallery-grid.hover-default .gallery-item .overlay .title,
.gem-gallery-hover-default .gem-gallery-item .gem-gallery-item-title {
	line-height: 31px;
}


.gem-gallery-grid.hover-default .gallery-item .overlay .title,
.gem-gallery-hover-default .gem-gallery-item .gem-gallery-item-title {
	letter-spacing: 0px;
}


.gallery-description,
.gem-gallery-item-description,
.gallery-item .overlay .subtitle{
	font-family: 'Source Sans Pro';
}

.gallery-description,
.gem-gallery-item-description,
.gallery-item .overlay .subtitle{
	font-style: normal;
	font-weight: 300;
}

.gallery-description,
.gem-gallery-item-description,
.gallery-item .overlay .subtitle{
	font-size: 17px;
}

.gallery-description,
.gem-gallery-item-description,
.gallery-item .overlay .subtitle{
	line-height: 24px;
}




body .gem-testimonial-text,
body .testimonials-style-1-text {
	font-family: 'Source Sans Pro';
}
body .gem-testimonial-text,
body .testimonials-style-1-text {
	font-style: normal;
	font-weight: 300;
}
body .gem-testimonial-text,
body .testimonials-style-1-text {
	font-size: 24px;
}
@media (max-width: 600px) {
	body .gem-testimonial-text,
	body .testimonials-style-1-text {
		font-size: 4vw;
	}
}
body .gem-testimonial-text,
body .testimonials-style-1-text {
	line-height: 36px;
}
@media (max-width: 600px) {
	body .gem-testimonial-text,
	body .testimonials-style-1-text {
		line-height: 6vw;
	}
}
body .gem-testimonial-text,
body .testimonials-style-1-text {
	text-transform: none;
}

body .gem-testimonial-content .gem-testimonial-name{
	font-family: 'Montserrat';
}
body .gem-testimonial-content .gem-testimonial-name{
	font-style: normal;
	font-weight: 700;
}
body .gem-testimonial-content .gem-testimonial-name{
	font-size: 14px;
}
body .gem-testimonial-content .gem-testimonial-name{
	line-height: 25px;
}
body .gem-testimonial-content .gem-testimonial-name{
	text-transform: uppercase;
}

body .gem-testimonial-company{
	font-family: 'Source Sans Pro';
}
body .gem-testimonial-company{
	font-style: normal;
	font-weight: 300;
}
body .gem-testimonial-company{
	font-size: 14px;
}
body .gem-testimonial-company{
	line-height: 25px;
}
body .gem-testimonial-company{
	text-transform: none;
}

body .gem-testimonial-position{
	font-family: 'Source Sans Pro';
}
body .gem-testimonial-position{
	font-style: normal;
	font-weight: 300;
}
body .gem-testimonial-position{
	font-size: 14px;
}
body .gem-testimonial-position{
	line-height: 25px;
}
body .gem-testimonial-position{
	text-transform: none;
}


.gem-counter-number,
.diagram-circle .text div span {
	font-family: 'Montserrat UltraLight';
}

.gem-counter-number,
.diagram-circle .text div span {
	font-style: normal;
	font-weight: normal;
}

.gem-counter-number {
	font-size: 50px;
}

.gem-counter-number {
	line-height: 69px;
}

.gem-counter-number {
	text-transform: uppercase;
}


@media (max-width: 1199px) {
	.gem-counter-number {
		font-size: 40px;
	}
}
@media (max-width: 1199px) {
	.gem-counter-number {
		line-height: 50px;
	}
}
@media (max-width: 767px) {
	.gem-counter-number {
		font-size: 40px;
	}
}
@media (max-width: 767px) {
	.gem-counter-number {
		line-height: 50px;
	}
}

.gem-counter-number.thin-font {
	font-family: 'Montserrat UltraLight';
}


.gem-counter-number.thin-font {
	font-size: 16px;
}

.gem-counter-number.thin-font {
	line-height: 18px;
}


.gem-counter-number.thin-font {
	letter-spacing: px;
}


:root {
	--thegem-to-tabs-title-font-family: Montserrat UltraLight;
}
body .gem-tta.gem-tta-tabs .gem-tta-tab.gem-tta-active > a,
body .gem-tta.gem-tta-tabs.gem-tta-style-outline .gem-tta-tab a,
body .gem-tta.gem-tta-tabs.gem-tta-style-modern .gem-tta-tab a,
body .gem-tta.gem-tta-tabs .gem-tta-panel.gem-tta-active .gem-tta-panel-title,
body .gem-tta.gem-tta-accordion .gem-tta-panel.gem-tta-active .gem-tta-panel-title,
body .gem-tta.gem-tta-tabs.gem-tta-style-outline .gem-tta-panel .gem-tta-panel-title,
body .gem-tta.gem-tta-accordion.gem-tta-style-outline .gem-tta-panel .gem-tta-panel-title
body .gem-tta.gem-tta-tabs .gem-tta-panel.gem-tta-style-modern .gem-tta-panel-title,
body .gem-tta.gem-tta-accordion.gem-tta-style-modern .gem-tta-panel .gem-tta-panel-title,
body .gem-tta.gem-tta-accordion.gem-tta-style-simple_solid .gem-tta-panel .gem-tta-panel-title,
body .gem-tta.gem-tta-accordion.gem-tta-style-simple_dashed .gem-tta-panel .gem-tta-panel-title,
.thegem-tabs__nav-item.thegem-tabs__nav-item--active,
.thegem-accordion__item-title.thegem-accordion__item--active,
.portfolio-filter-tabs ul.portfolio-filter-tabs-list li.active {
	font-family: 'Montserrat UltraLight';
}

:root {
	--thegem-to-tabs-title-font-style: normal;
	--thegem-to-tabs-title-font-weight: normal;
}
body .gem-tta.gem-tta-tabs .gem-tta-tab.gem-tta-active > a,
body .gem-tta.gem-tta-tabs.gem-tta-style-outline .gem-tta-tab a,
body .gem-tta.gem-tta-tabs.gem-tta-style-modern .gem-tta-tab a,
body .gem-tta.gem-tta-tabs .gem-tta-panel.gem-tta-active .gem-tta-panel-title,
body .gem-tta.gem-tta-accordion .gem-tta-panel.gem-tta-active .gem-tta-panel-title,
body .gem-tta.gem-tta-tabs.gem-tta-style-outline .gem-tta-panel .gem-tta-panel-title,
body .gem-tta.gem-tta-accordion.gem-tta-style-outline .gem-tta-panel .gem-tta-panel-title
body .gem-tta.gem-tta-tabs .gem-tta-panel.gem-tta-style-modern .gem-tta-panel-title,
body .gem-tta.gem-tta-accordion.gem-tta-style-modern .gem-tta-panel .gem-tta-panel-title,
body .gem-tta.gem-tta-accordion.gem-tta-style-simple_solid .gem-tta-panel .gem-tta-panel-title,
body .gem-tta.gem-tta-accordion.gem-tta-style-simple_dashed .gem-tta-panel .gem-tta-panel-title,
.thegem-tabs__nav-item.thegem-tabs__nav-item--active,
.thegem-accordion__item-title.thegem-accordion__item--active,
.portfolio-filter-tabs ul.portfolio-filter-tabs-list li.active {
	font-style: normal;
	font-weight: normal;
}

:root {
	--thegem-to-tabs-title-font-size: 16px;
}
body .gem-tta.gem-tta-tabs .gem-tta-tab.gem-tta-active > a,
body .gem-tta.gem-tta-tabs.gem-tta-style-outline .gem-tta-tab a,
body .gem-tta.gem-tta-tabs.gem-tta-style-modern .gem-tta-tab a,
body .gem-tta.gem-tta-tabs .gem-tta-panel.gem-tta-active .gem-tta-panel-title,
body .gem-tta.gem-tta-accordion .gem-tta-panel.gem-tta-active .gem-tta-panel-title,
body .gem-tta.gem-tta-tabs.gem-tta-style-outline .gem-tta-panel .gem-tta-panel-title,
body .gem-tta.gem-tta-accordion.gem-tta-style-outline .gem-tta-panel .gem-tta-panel-title
body .gem-tta.gem-tta-tabs .gem-tta-panel.gem-tta-style-modern .gem-tta-panel-title,
body .gem-tta.gem-tta-accordion.gem-tta-style-modern .gem-tta-panel .gem-tta-panel-title,
body .gem-tta.gem-tta-accordion.gem-tta-style-simple_solid .gem-tta-panel .gem-tta-panel-title,
body .gem-tta.gem-tta-accordion.gem-tta-style-simple_dashed .gem-tta-panel .gem-tta-panel-title,
.thegem-tabs__nav-item.thegem-tabs__nav-item--active,
.thegem-accordion__item-title.thegem-accordion__item--active,
.portfolio-filter-tabs ul.portfolio-filter-tabs-list li.active {
	font-size: 16px;
}

:root {
	--thegem-to-tabs-title-line-height: 18px;
}
body .gem-tta.gem-tta-tabs .gem-tta-tab.gem-tta-active > a,
body .gem-tta.gem-tta-tabs.gem-tta-style-outline .gem-tta-tab a,
body .gem-tta.gem-tta-tabs.gem-tta-style-modern .gem-tta-tab a,
body .gem-tta.gem-tta-tabs .gem-tta-panel.gem-tta-active .gem-tta-panel-title,
body .gem-tta.gem-tta-accordion .gem-tta-panel.gem-tta-active .gem-tta-panel-title,
body .gem-tta.gem-tta-tabs.gem-tta-style-outline .gem-tta-panel .gem-tta-panel-title,
body .gem-tta.gem-tta-accordion.gem-tta-style-outline .gem-tta-panel .gem-tta-panel-title
body .gem-tta.gem-tta-tabs .gem-tta-panel.gem-tta-style-modern .gem-tta-panel-title,
body .gem-tta.gem-tta-accordion.gem-tta-style-modern .gem-tta-panel .gem-tta-panel-title,
body .gem-tta.gem-tta-accordion.gem-tta-style-simple_solid .gem-tta-panel .gem-tta-panel-title,
body .gem-tta.gem-tta-accordion.gem-tta-style-simple_dashed .gem-tta-panel .gem-tta-panel-title,
.thegem-tabs__nav-item.thegem-tabs__nav-item--active,
.thegem-accordion__item-title.thegem-accordion__item--active,
.portfolio-filter-tabs ul.portfolio-filter-tabs-list li.active {
	line-height: 18px;
}

:root {
	--thegem-to-tabs-title-text-transform: uppercase;
}
body .gem-tta.gem-tta-tabs .gem-tta-tab.gem-tta-active > a,
body .gem-tta.gem-tta-tabs.gem-tta-style-outline .gem-tta-tab a,
body .gem-tta.gem-tta-tabs.gem-tta-style-modern .gem-tta-tab a,
body .gem-tta.gem-tta-tabs .gem-tta-panel.gem-tta-active .gem-tta-panel-title,
body .gem-tta.gem-tta-accordion .gem-tta-panel.gem-tta-active .gem-tta-panel-title,
body .gem-tta.gem-tta-tabs.gem-tta-style-outline .gem-tta-panel .gem-tta-panel-title,
body .gem-tta.gem-tta-accordion.gem-tta-style-outline .gem-tta-panel .gem-tta-panel-title
body .gem-tta.gem-tta-tabs .gem-tta-panel.gem-tta-style-modern .gem-tta-panel-title,
body .gem-tta.gem-tta-accordion.gem-tta-style-modern .gem-tta-panel .gem-tta-panel-title,
body .gem-tta.gem-tta-accordion.gem-tta-style-simple_solid .gem-tta-panel .gem-tta-panel-title,
body .gem-tta.gem-tta-accordion.gem-tta-style-simple_dashed .gem-tta-panel .gem-tta-panel-title,
.thegem-tabs__nav-item.thegem-tabs__nav-item--active,
.thegem-accordion__item-title.thegem-accordion__item--active,
.portfolio-filter-tabs ul.portfolio-filter-tabs-list li.active {
	text-transform: uppercase;
}


:root {
	--thegem-to-tabs-title-thin-font-family: 'Montserrat UltraLight';
}
body .gem-tta.gem-tta-tabs .gem-tta-tab a,
body .gem-tta.gem-tta-tabs .gem-tta-panel .gem-tta-panel-title,
body .gem-tta.gem-tta-accordion .gem-tta-panel .gem-tta-panel-title,
.thegem-tabs__nav-item,
.thegem-accordion__item-title,
.portfolio-filter-tabs ul.portfolio-filter-tabs-list li:not(.active) {
	font-family: 'Montserrat UltraLight';
}

:root {
	--thegem-to-tabs-title-thin-font-style: normal;
	--thegem-to-tabs-title-thin-font-weight: normal;
}
body .gem-tta.gem-tta-tabs .gem-tta-tab a,
body .gem-tta.gem-tta-tabs .gem-tta-panel .gem-tta-panel-title,
body .gem-tta.gem-tta-accordion .gem-tta-panel .gem-tta-panel-title,
.thegem-tabs__nav-item,
.thegem-accordion__item-title,
.portfolio-filter-tabs ul.portfolio-filter-tabs-list li:not(.active) {
	font-style: normal;
	font-weight: normal;
}

:root {
	--thegem-to-tabs-title-thin-font-size: 16px;
}
body .gem-tta.gem-tta-tabs .gem-tta-tab a,
body .gem-tta.gem-tta-tabs .gem-tta-panel .gem-tta-panel-title,
body .gem-tta.gem-tta-accordion .gem-tta-panel .gem-tta-panel-title,
.thegem-tabs__nav-item,
.thegem-accordion__item-title,
.portfolio-filter-tabs ul.portfolio-filter-tabs-list li:not(.active) {
	font-size: 16px;
}

:root {
	--thegem-to-tabs-title-thin-line-height: 18px;
}
body .gem-tta.gem-tta-tabs .gem-tta-tab a,
body .gem-tta.gem-tta-tabs .gem-tta-panel .gem-tta-panel-title,
body .gem-tta.gem-tta-accordion .gem-tta-panel .gem-tta-panel-title,
.thegem-tabs__nav-item,
.thegem-accordion__item-title,
.portfolio-filter-tabs ul.portfolio-filter-tabs-list li:not(.active) {
	line-height: 18px;
}

:root {
	--thegem-to-tabs-title-thin-text-transform: uppercase;
}
body .gem-tta.gem-tta-tabs .gem-tta-tab a,
body .gem-tta.gem-tta-tabs .gem-tta-panel .gem-tta-panel-title,
body .gem-tta.gem-tta-accordion .gem-tta-panel .gem-tta-panel-title,
.thegem-tabs__nav-item,
.thegem-accordion__item-title,
.portfolio-filter-tabs ul.portfolio-filter-tabs-list li:not(.active) {
	text-transform: uppercase;
}




:root {
	--thegem-to-main-bg-color: #262626;
	--main-bg-color: #262626;
	--main-bg-color-08: rgba(38, 38, 38, 0.8);
}
.combobox-wrapper,
#page .woocommerce .select2-container .select2-selection--single,
.select2-container .select2-dropdown,
.gem-team-style-5 .team-person:hover .team-person-hover,
.gem-table td,
body .gem-table-style-2 thead,
body .gem-table-style-2 tr:nth-child(2n) td,
.gem-table .tabletolist.nrh > li > ul > li,
.resp-tabs-container,
.resp-tab-content,
.resp-tab-active,
.gem-clients-type-carousel-grid .gem-client-item a:hover,
.gem_client-carousel .gem-client-item a:hover,
.products .product-inner,
.gem-table .shop_table tbody tr,
.widget_product_search input.search-field,
.woocommerce-message:before,
.woocommerce-info:before,
.woocommerce table.shop_table.order-details tr.cart_item,
.woocommerce table.shop_table.order-details tr.order_item,
body .woocommerce .woocommerce-checkout.woocommerce-checkout-one-page-modern #order_review .woocommerce-checkout-payment .payment_methods .woocommerce-notice,
.woocommerce-checkout-one-page-modern .woocommerce-terms-and-conditions,
.triangle-with-shadow:after,
.blog-style-default article .post-image .gem-dummy,
.blog-style-default article.sticky .post-image .gem-dummy:after,
.blog-style-timeline.blog-style-styled_list1 .item-post .post-text,
.blog-style-default article.no-image .post-image .gem-dummy,
.wpb_toggle,
.vc_toggle_title,
.page-title-style-2,
.post-tags-list a:after,
.portfolio .portfolio-item .overlay-line,
.portfolio-item .wrap > .caption,
.portfolio.portfolio-grid.background-style-dark:not(.disabled-hover):not(.list-style) .portfolio-item:hover .wrap > .caption,
.portfolio.portfolio-grid.background-style-dark:not(.disabled-hover).list-style .portfolio-item .wrap > .caption:hover,
.portfolio.background-style-dark .caption-bottom-line .project-button .gem-button,
.quickfinder-item .quickfinder-animation,
.gem-counter .gem-counter-animation,
.mc4wp-form input[type='email'],
.page-title-block.page-title-style-2,
.page-title-block.has-background-image,
body .widget .tagcloud a,
.wpcf7-form.gem-contact-form-white .combobox-wrapper,
.wpcf7-form.gem-contact-form-white  input:not(.gem-button-wpcf-custom),
.wpcf7-form.gem-contact-form-white .combobox-wrapper .combobox-button,
.wpcf7-form.gem-contact-form-white .combobox-wrapper .combobox-text,
.wpcf7-form.gem-contact-form-white .checkbox-sign,
.wpcf7-form.gem-contact-form-white  span.radio-sign,
.wpcf7-form.gem-contact-form-white textarea,
.diagram-wrapper.style-1 .digram-line-box .skill-line,
.blog-style-styled_list1 .post-item,
.blog-style-styled_list2 article,
.blog-style-styled_list2 .post-item,
.blog-style-styled_list2 .sticky,
.blog-style-timeline .post-item,
.blog-style-timeline .post-img,
.blog-style-timeline .post-img a .dummy,
.gem-basic-grid .vc_grid-item-mini,
.gem-basic-grid .vc_gitem-zone-c,
.shop-widget-area .widget .gem-products-content,
.blog-style-compact article,
.gem-search-form.gem-search-form-style-light .search-field,
.page-title-block.custom-page-title,
.custom-footer,
.portfolio-top-panel .portfolio-top-panel-right .portfolio-search-filter .portfolio-search-filter-form,
.portfolio-filters-list.style-standard:not(.single-filter, .style-standard-mobile) .portfolio-filter-item .portfolio-filter-item-list,
.portfolio-sorting-select ul,
.thegem-popup-notification .notification-message,
body .gem-tta.gem-tta-color-thegem.gem-tta-style-classic .gem-tta-panel.gem-tta-active .gem-tta-panel-heading,
body .gem-tta.gem-tta-color-thegem.gem-tta-style-classic .gem-tta-panel .gem-tta-panel-body,
body .gem-tta.gem-tta-color-thegem.gem-tta-style-classic .gem-tta-tab.gem-tta-active > a,
body .gem-tta.gem-tta-color-thegem.gem-tta-style-classic .gem-tta-tab.gem-tta-active > a:focus,
.thegem-combobox-wrap .thegem-combobox__trigger,
.thegem-combobox-wrap .thegem-combobox__options,
.thegem-combobox-wrap .thegem-combobox__options-item,
.product-page__wrapper .product-page__nav .product-page__nav-preview,
.product-page__wrapper form.cart .quantity,
.thegem-fullscreen-search,
.thegem-fullscreen-search .search-results-section:nth-child(even) .pages-list .page-item article a,
table.variations .thegem-select {
	background-color: #262626;
}
.portfolio.hover-gradient .portfolio-item .image .overlay .links a.icon:before,
.gem-gallery-grid.hover-gradient .gallery-item .overlay a.icon::before,
.gem-gallery-hover-gradient .gem-gallery-preview-carousel-wrap .gem-gallery-item a:after {
	background-color: rgba(38, 38, 38, 0.8);
}
.portfolio-item .wrap > .caption .caption-sizable-content:after,
.portfolio.background-style-dark:not(.disabled-hover):not(.list-style) .portfolio-item:hover .wrap > .caption .caption-sizable-content:after,
.portfolio.background-style-dark:not(.disabled-hover).list-style .portfolio-item .wrap > .caption:hover .caption-sizable-content:after {
	box-shadow: 0 0 30px 45px #262626;
}
.blog-style-compact article .gem-compact-item-content:after {
	box-shadow: 0 5px 15px 15px #262626;
}
.fullwidth-block .marker-direction-inside svg,
.blog-style-styled_list1 .wrap-style,
.blog-style-styled_list2 .wrap-style,
.blog-style-timeline .wrap-style {
	fill: #262626;
}
.gem-image a:after,
.gem-textbox-picture a:after,
.blog-style-default article.sticky .sticky-label,
.blog-style-masonry article.sticky .sticky-label,
.blog-style-styled_list1 article.sticky .sticky-label,
.blog-style-styled_list2 article.sticky .sticky-label,
.blog-style-timeline article.sticky .sticky-label,
.justified-style-1 article.sticky .sticky-label,
.justified-style-2 article.sticky .sticky-label,
.blog-style-multi-author article.sticky .sticky-label,
.blog article .post-featured-content > a:after,
.blog .gem-simple-gallery .gem-gallery-item a:after,
.blog-style-styled_list1 .wrap-style,
.blog-style-styled_list2 .wrap-style,
.blog-style-styled_list1 article a.default:after,
.blog-style-styled_list2 article a.default:after,
.blog-style-compact article a.default:after,
.blog-style-compact-tiny-1 article a.default:after,
.blog-style-timeline .wrap-style,
#primary-navigation #primary-menu > li.menu-item-cart > a .minicart-item-count,
.mobile-cart-position-top #site-header .mobile-cart .minicart-item-count,
body .hamburger-minicart > a .minicart-item-count,
body #primary-navigation #primary-menu > li.menu-item-cart > a.circle-count .minicart-item-count,
.woocommerce ul.woocommerce-error li:before,
.pricing-column-top-choice .pricing-column-top-choice-text,
.widget .onsale:after,
.widget_shopping_cart ul li.sale .minicart-image:before,
#wp-calendar caption,
.widget_calendar .wp-calendar-nav .wp-calendar-nav-prev a,
.widget_calendar .wp-calendar-nav .wp-calendar-nav-prev a:hover,
.widget_calendar .wp-calendar-nav .wp-calendar-nav-next a,
.widget_calendar .wp-calendar-nav .wp-calendar-nav-next a:hover,
.widget.widget_calendar a:hover,
.shop-widget-area .onsale,
.socials-sharing li a:hover:after,
.wpb_wrapper .vc_progress_bar .vc_label_units,
.portfolio-item .image .overlay .links a.icon:before,
.portfolio.hover-title .portfolio-item .caption .title,
.portfolio.hover-title .portfolio-item .caption .details,
.portfolio.hover-title.columns-4 .portfolio-item .caption .title,
.portfolio.hover-title .portfolio-item .caption .subtitle,
.portfolio.hover-title .portfolio-item .caption .info,
.portfolio.hover-title .portfolio-item .caption .info a,
.portfolio.hover-default .portfolio-item .image .overlay .links .caption .info a,
.portfolio .portfolio-item .image .overlay .links .portfolio-sharing-pane .socials-item,
.portfolio.products .portfolio-item .image .overlay .portfolio-icons.product-bottom a.added_to_cart,
.portfolio.products .portfolio-item .image .overlay .portfolio-icons.product-bottom .yith-wcwl-wishlistaddedbrowse a,
.news-grid.portfolio.hover-title .portfolio-item .caption .title > *,
.news-grid.portfolio.hover-default .comments-link a,
.news-grid.portfolio.hover-vertical-sliding .comments-link a,
.news-grid.portfolio.hover-gradient .comments-link a,
.news-grid.portfolio.hover-circular .comments-link a,
.news-grid.portfolio.hover-default .zilla-likes,
.news-grid.portfolio.hover-vertical-sliding .zilla-likes,
.news-grid.portfolio.hover-gradient .zilla-likes,
.news-grid.portfolio.hover-circular .zilla-likes,
.news-grid.hover-default .portfolio-item .image .links .caption .author .author-name,
.news-grid.hover-default .portfolio-item .image .links .caption .author .author-name a,
.news-grid.hover-vertical-sliding .portfolio-item .image .links .caption .author .author-name,
.news-grid.hover-vertical-sliding .portfolio-item .image .links .caption .author .author-name a,
.news-grid.hover-default .portfolio-item .image .links .caption .description .subtitle,
.news-grid.hover-vertical-sliding .portfolio-item .image .links .caption .description .subtitle,
.news-grid.hover-horizontal-sliding .portfolio-item .image .links .caption .description .subtitle,
.news-grid.hover-vertical-sliding .portfolio-item .image .links .caption .post-date,
.news-grid.hover-horizontal-sliding .portfolio-item .image .links .caption .post-date,
.news-grid.hover-gradient .portfolio-item .image .links .caption .post-date,
.news-grid.hover-circular .portfolio-item .image .links .caption .post-date,
.news-grid.portfolio.hover-vertical-sliding .portfolio-item .image .overlay .links .caption .info a,
.news-grid.portfolio.hover-vertical-sliding .portfolio-item .image .overlay .links .caption .info span.sep,
.news-grid.hover-gradient .portfolio-item .image .links .caption .author .author-name,
.news-grid.hover-gradient .portfolio-item .image .links .caption .author .author-name a,
.news-grid.hover-circular .portfolio-item .image .links .caption .author .author-name,
.news-grid.hover-circular .portfolio-item .image .links .caption .author .author-name a,
.news-grid.hover-gradient.title-on-page.title-style-dark .portfolio-item .image .overlay .links .caption .subtitle,
.news-grid.hover-circular.title-on-page.title-style-dark .portfolio-item .image .overlay .links .caption .subtitle,
.news-grid.hover-circular .portfolio-item .image .links .caption .post-date,
.news-grid .portfolio-item.double-item-style-alternative .highlight-item-alternate-box .post-date,
.news-grid .portfolio-item.double-item-style-alternative .highlight-item-alternate-box .title > *,
.news-grid .portfolio-item.double-item-style-alternative .highlight-item-alternate-box .info a,
.portfolio-filters a:hover,
.portfolio-filters a.active,
.portfolio.background-style-gray:not(.disabled-hover):not(.list-style) .portfolio-item:hover .wrap > .caption .title,
.portfolio.background-style-gray:not(.disabled-hover).list-style .portfolio-item .wrap > .caption:hover .title,
.portfolio.background-style-dark .portfolio-item .wrap > .caption .title,
.gallery-item .overlay .title,
.gallery-item .overlay .subtitle,
.gallery-item .overlay a.icon:before,
.gem-gallery .gem-gallery-preview-carousel-wrap:hover .gem-prev:after,
.gem-gallery .gem-gallery-preview-carousel-wrap:hover .gem-next:after,
.gem-gallery .gem-gallery-preview-carousel-wrap .gem-gallery-item a:after,
.gem-gallery .gem-gallery-preview-carousel-wrap .gem-gallery-item .gem-gallery-caption,
.gem-gallery-hover-zooming-blur .gem-gallery-preview-carousel-wrap .gem-gallery-item a:after,
.gem-gallery-hover-gradient .gem-gallery-preview-carousel-wrap .gem-gallery-item a:after,
.gem-simple-gallery .gem-gallery-item a:after,
.post-tags-list a:hover,
div.blog article a.youtube:after,
div.blog article a.vimeo:after,
div.blog article a.self_video:after,
#colophon  .recentcomments .comment-author-link a:hover,
#colophon .project_info-item-style-1 .project_info-item-title,
#colophon .gem-contacts-item a:hover,
#colophon .widget_calendar td a,
#colophon .widget.widget_search .gem-button:hover,
#colophon .wpcf7 .wpcf7-form .contact-form-footer .wpcf7-submit:hover,
#colophon #mc4wp_submit:hover,
body .widget .tagcloud a:hover,
.gem-table-responsive.gem-table-style-3 .tabletolist > li .titles,
.gem-table-style-3 thead tr th,
.gem-table-style-3 thead h6,
.breadcrumbs a,
.bc-devider:before,
body .vc_grid-container ul.vc_grid-filter li.vc_grid-filter-item.vc_active > span,
body .vc_grid-container ul.vc_grid-filter li.vc_grid-filter-item:hover > span,
.vc_grid-item.gem-media-grid .vc_gitem-post-data-source-post_title a,
.gem-media-grid-2 .midia-grid-item-post-author,
.gem-media-grid-2 .midia-grid-item-post-author span a,
.widget .gem-dummy:after,
.portfolio.hover-gradient .portfolio-item .image .overlay .links .caption .info a,
.portfolio.hover-gradient .portfolio-item .image .overlay .links .caption .info span.sep,
.portfolio.hover-gradient .portfolio-item .image .overlay .links .caption .subtitle,
.portfolio.hover-gradient .portfolio-item .image .overlay .links .caption .info,
.portfolio.hover-gradient .portfolio-item .image .overlay .links .caption .title,
.portfolio.hover-gradient .portfolio-item .image .overlay .links .portfolio-sharing-pane .socials-item,
.diagram-wrapper.style-3 .digram-line-box  .skill-title,
.gem-blog-slider .post-title a,
#primary-menu.nav-menu.no-responsive > li.megamenu-enable > ul > li .mega-label,
.gem-search-form.gem-search-form-style-dark .search-submit,
.gem-attribute-selector .gem-attribute-options li .text,
.gem-attribute-selector.type-label .gem-attribute-options li.selected .label,
.gem-attribute-selector.type-label .gem-attribute-options li.selected:hover .label,
body .portfolio-filters-list .portfolio-filter-item.attribute-type-label ul li a.active,
body .portfolio-filters-list .portfolio-filter-item.attribute-type-label ul li a.active:hover,
body .portfolio-filters-list .widget_layered_nav ul li.chosen a.attribute-type-label {
	color: #262626;
}
.news-grid.portfolio.hover-default .portfolio-item .grid-post-meta .comments-link,
.news-grid.portfolio.hover-vertical-sliding .portfolio-item .grid-post-meta .comments-link,
.news-grid.portfolio.hover-gradient .portfolio-item .grid-post-meta .comments-link,
.news-grid.portfolio.hover-circular .portfolio-item .grid-post-meta .comments-link {
	border-right-color: #262626;
}
.portfolio.hover-default .portfolio-item .image .overlay .links .caption .info span.sep,
.portfolio.hover-vertical-sliding .portfolio-item .image .overlay .links .caption .info span.sep,
.portfolio.hover-gradient .portfolio-item .image .overlay .links .caption .info span.sep,
.portfolio.hover-circular .portfolio-item .image .overlay .links .caption .info span.sep,
.news-grid .portfolio-item.double-item-style-alternative .highlight-item-alternate-box .info span.sep,
.news-grid.portfolio.hover-circular .portfolio-item .image .overlay .links .caption .info span.sep {
	border-left-color: #262626;
}
@media (min-width: 768px) {
	.blog-style-timeline .item-post .post-text:after {
		border-right: 20px solid #262626;
	}
}
@media (max-width: 768px) {
	.blog-style-timeline .item-post .post-text:after {
		border-bottom: 30px solid #262626;
	}
}
@media (max-width: 768px) {
	.blog-style-timeline .post-text:after,
	.blog-style-timeline.blog-style-styled_list1 .post-text:after,
	.blog-style-timeline.blog-style-styled_list2 .post-text:after {
		border-bottom: 30px solid #262626;
	}
}
.blog-style-styled_list1 .post-img a,
.blog-style-styled_list2 .post-img a,
.blog-style-timeline .post-img a {
	border: 3px solid #262626;
}
@media (min-width: 768px) {
	body .gem-tta.gem-tta-color-thegem.gem-tta-style-classic.gem-tta-tabs .gem-tta-panels {
		background-color: #262626;
	}
}
.preloader .skeleton .widget:after,
.preloader .skeleton .portfolio-item:after,
.preloader .skeleton .skeleton-sorting:after,
.preloader .skeleton .products-category-item:after {
	background-image: linear-gradient(90deg, rgba(38, 38, 38, 0) 20%, rgba(38, 38, 38, 0.8) 50%, rgba(38, 38, 38, 0) 80%);
}


#colophon .gem-custom-mailchimp input[type="email"] {
	background-color: #424242;
}

:root {
	--styled-bg-color: #161513;
}
.gem-dummy,
.default-background,
.gem-table thead,
.pricing-title-new,
.highlighted .pricing-title,
.gem-clients-type-carousel-grid .gem-client-item a,
.gem_client-carousel .gem-client-item a,
.before-products-list,
.shipping-calculator-form-wrap,
.woocommerce-message,
.woocommerce-info,
ul.woocommerce-error li,
#primary-menu.no-responsive > li.menu-item-cart .widget_shopping_cart_content .minicart-bottom,
.hamburger-minicart .widget_shopping_cart_content .minicart-bottom,
.woocommerce .checkout #payment .payment_methods li .payment_box,
.checkout-cart-info > td,
.woocommerce table.shop_table.order-details thead tr th,
.woocommerce #customer_login .col .login-box,
.widget_recently_viewed_products ul.product_list_widget,
.widget .searchform,
.gem-tabs-style-1 .gem_tabs_nav li,
.gem-tour-style-1 .gem_tabs_nav li,
.gem-tabs-style-1 .resp-accordion.resp-tab-active,
.gem-tour-style-1 .resp-accordion.resp-tab-active,
.gem-tabs-style-2 .resp-accordion.resp-tab-active,
.blog-style-timeline.blog-style-styled_list1 .item-post,
.blog-style-default article .post-image .gem-dummy:after,
.blog-style-default article.sticky .post-image .gem-dummy,
.widget_recent_reviews .product_list_widget .wp-post-image,
.price_slider.ui-slider.ui-slider-horizontal.ui-widget.ui-widget-content.ui-corner-all,
.post-author-block,
.digram-line-box,
#calendar_wrap,
.widget_recent_comments li,
.project_info-item-style-1,
.widget_mc4wp_widget form,
.widget_submenu  ul ul,
.widget_nav_menu  ul ul,
.widget_pages ul ul,
.widget_categories ul ul,
.widget_product_categories ul ul,
.widget_recent_entries ul,
body .testimonials-style-2-text.gem-testimonial-text,
.gem-teams-item-wrap,
.gem-picturebox-text,
body .testimonials-style-1-image,
body .testimonials-style-1-text.gem-testimonial-text,
body .testimonials-style-1-name,
body .testimonials-style-1-post,
body .testimonials-style-1-teg,
body .gem-table-style-3 tr:nth-child(odd) td:nth-child(odd),
.blog-style-masonry  .description,
.style2.gem-testimonials,
.style2.gem-testimonials.fullwidth-block  .container,
.diagram-wrapper.style-3 .digram-line-box .skill-line,
.blog-style-styled_list1 article,
.blog-style-styled_list1 .post-img a .dummy,
.blog-style-styled_list1 .sticky .post-item,
.blog-style-styled_list2 .sticky .post-item,
.blog-style-timeline .sticky .post-item,
.project-info-shortcode-style-default .project-info-shortcode-item,
.project_info-item-style-2 .project_info-item,
.gem-basic-grid-2 .vc_gitem-zone-c .vc_gitem-col,
.quickfinder-style-vertical-1 .quickfinder-item-info,
.quickfinder-style-vertical-2 .quickfinder-item-info,
.justified-style-2 .post-content-wrapper,
.blog-style-multi-author .post-item,
.project-info-shortcode-style-2 .project-info-shortcode-item,
.portfolio:not(.background-style-transparent):not(.disabled-hover):not(.list-style) .portfolio-item:hover .wrap > .caption,
.portfolio:not(.background-style-transparent):not(.disabled-hover):not(.background-style-transparent).list-style .portfolio-item .wrap > .caption:hover,
.portfolio.background-style-gray .portfolio-item .wrap > .caption,
.products .product-inner:hover,
.portfolio-filters-list .portfolio-filter-item .portfolio-filter-item-list ul li span.count,
.portfolio-filters-list .widget ul li span.count,
.portfolio-selected-filters .portfolio-selected-filter-item,
.portfolio-filters-list .portfolio-search-filter .portfolio-search-filter-form input,
.portfolio-top-panel-right .portfolio-search-filter .portfolio-search-filter-form input,
.portfolio-filters-list .widget_product_search input,
.portfolio-filters-list.style-standard:not(.style-standard-mobile) .portfolio-filter-item .portfolio-filter-item-list .price-range-slider .slider-amount,
body .gem-tta.gem-tta-color-thegem.gem-tta-style-classic .gem-tta-panel .gem-tta-panel-heading,
body .gem-tta.gem-tta-color-thegem.gem-tta-style-classic .gem-tta-panel .gem-tta-panel-heading:hover,
body .gem-tta.gem-tta-color-thegem.gem-tta-style-classic .gem-tta-panel .gem-tta-panel-heading:focus,
body .gem-tta.gem-tta-color-thegem.gem-tta-style-classic .gem-tta-tab > a,
body .gem-tta.gem-tta-color-thegem.gem-tta-style-classic .gem-tta-tab > a:hover,
body .gem-tta.gem-tta-color-thegem.gem-tta-style-classic .gem-tta-tab > a:focus,
body .woocommerce .shop_table tr.cart_item:nth-child(2n) td,
body .woocommerce .cart_totals table th,
body .woocommerce-checkout-one-page .checkout-payment,
#page-title.woocommerce-cart-checkout,
body .gem-woocommerce-tabs #tab-additional_information .shop_attributes tr:nth-child(odd) th,
body .mobile-cart-position-top #site-header .mobile-cart > .minicart,
body #primary-menu.no-responsive > li.menu-item-cart > .minicart .total,
body #primary-menu.no-responsive > li.menu-item-cart > .minicart .buttons,
body .hamburger-minicart > .minicart .total,
body .hamburger-minicart > .minicart .buttons,
body .mobile-cart-position-top #site-header .mobile-cart .total,
body .mobile-cart-position-top #site-header .mobile-cart .buttons,
body .gdpr-privacy-preferences-footer,
body .btn-gdpr-privacy-save-preferences,
.thegem-fullscreen-search .top-searches .top-search-item,
.thegem-fullscreen-search .search-results-section:nth-child(even),
.thegem-fullscreen-search .search-results-section:nth-child(odd) .pages-list .page-item article a,
.thegem-fullscreen-search .search-results-section:nth-child(odd).search-results-post .portfolio-item .wrap > .caption {
	background-color: #161513;
}
.portfolio-item:hover .wrap,
.portfolio-items-masonry .portfolio-item:hover .caption {
	border-bottom-color: #161513;
}
.default-fill,
.default-fill svg,
.testimonials_svg svg,
.blog-style-styled_list1 .sticky .wrap-style,
.blog-style-styled_list2 .sticky .wrap-style,
body .blog-style-timeline .sticky .wrap-style,
body .testimonials-style-2-item .wrap-style,
body .testimonials-style-1-item .wrap-style,
.qf-svg-arrow-left,
.qf-svg-arrow-right,
body .blog-style-multi-author .wrap-style {
	fill: #161513;
}
.blog-style-styled_list2 .sticky .wrap-style {
	stroke: #161513;
}
.default-background-border,
.gem-team-style-1 .team-person,
.gem-team-style-6 .team-person,
.gem-wrapbox.gem-wrapbox-style-2,
.gem-team-style-5 .team-person:hover .image-hover,
.products .product-inner:hover {
	border-color: #161513;
}
.portfolio:not(.disabled-hover):not(.list-style) .portfolio-item:hover .wrap > .caption .caption-sizable-content:after,
.portfolio:not(.disabled-hover).list-style .portfolio-item .wrap > .caption:hover .caption-sizable-content:after,
.portfolio.background-style-gray .portfolio-item .wrap > .caption .caption-sizable-content:after {
	box-shadow: 0 0 30px 45px #161513;
}

:root {
	--thegem-to-styled-color1: #D3AF37FF;
	--thegem-to-styled-color1-03: #D3AF37FF4d;
}
.gem-styled-color-1,
.gem-date-color,
.gem-table thead th,
.woocommerce table.shop_table.order-details thead tr th,
.gem_accordion_header a,
.gem-testimonial-name,
.post-author-avatar:after,
.comments-link a:hover,
.shipping_calculator .shipping-calculator-button:before,
.widget_calendar caption,
.widget.widget_search .gem-button,
#wp-calendar thead tr th,
.widget.widget_calendar a:hover,
.gem-teams-phone,
.resp-tab-active,
.wpb_toggle,
.vc_toggle_title h4,
.account-tittle,
.blog-style-timeline .post-time span,
.blog.blog-style-masonry article .description .tags a.active,
.widget_tweets .twitter-box .jtwt_tweet:before,
.jtwt_tweet_text.icon-twitter a,
.gem-pp-posts-date,
.gem-latest-news-title span,
.widget.widget_search .gem-button:hover,
.mc-text span,
.blog-style-styled_list1 .post-time,
.blog-style-styled_list2 .post-time,
.blog-style-multi-author .post-date,
.comment-form label em,
.comment-awaiting-moderation,
.woocommerce-before-cart .cart-short-info .items-count,
.shop_table td.product-remove .remove,
.products .product-info .price ins,
.products .product-info .price .amount,
.comment-form-rating .stars a.active,
.comment-form-rating .stars a:hover,
.woocommerce .checkout .woocommerce-billing-collumn .form-row label abbr,
.woocommerce .edit-address-form .woocommerce-billing-collumn .form-row label abbr,
.woocommerce ul.woocommerce-error li,
.woocommerce .checkout-login-box .login .form-row label .required,
.woocommerce .checkout-lost-password-box .form-row label .required,
.woocommerce #customer_login .col .login-box .form-row label .required,
body .mobile-cart .mobile-cart-header .mobile-cart-header-title:before,
body .woocommerce .woocommerce-checkout .shop_table.woocommerce-checkout-payment-total .order-total td .amount,
body .woocommerce ul.order_details li:before,
.read-more-link:before,
.post-related-posts h2:before,
.gem_accordion_header.ui-accordion-header-active .ui-accordion-header-icon:before,
.form-edit-adress abbr,
.post-author-info .categories a,
.post-author-info .categories,
.block-navigation-prev a:before,
.block-navigation-next a:after,
h4.wpb_toggle_title_active:after,
.vc_toggle_active .vc_toggle_title:after,
.resp-accordion.resp-tab-active:after,
.portfolio.hover-zooming-blur .portfolio-item .image .overlay .links .caption .info a,
.portfolio.hover-zooming-blur .portfolio-item .image .overlay .links .caption .info span.sep,
.blog.blog-style-masonry article .description .info .more-link:before,
.portfolio.hover-new-horizontal-sliding .portfolio-item .image .overlay .links .caption .info a,
.portfolio.hover-new-horizontal-sliding .portfolio-item .image .overlay .links .caption .info span.sep,
.version-new.news-grid.hover-new-horizontal-sliding .portfolio-item .links .caption .grid-post-meta .grid-post-meta-comments-likes a,
.portfolio.hover-default-horizontal-sliding .portfolio-item .image .overlay .links .caption .info a,
#colophon .widget_nav_menu ul.menu li.menu-item-current > a,
#colophon .widget_submenu > div > ul li.menu-item-current > a,
#colophon .widget_nav_menu ul.menu li.menu-item-active > a,
#colophon .widget_submenu > div > ul li.menu-item-active > a {
	color: #D3AF37FF;
}

.portfolio.hover-default-horizontal-sliding .portfolio-item .image .overlay .links .caption .info span.sep {
	border-left-color: #D3AF37FF;
}

.portfolio-filters a.active,
.post-tags-list a:hover,
.portfolio .portfolio-item .caption .caption-separator,
.portfolio .portfolio-item .caption .caption-separator-line:after,
.portfolio .portfolio-item .caption .caption-separator-line-hover:after,
.widget_pages > ul li.current_page_item  > a:before,
.widget_pages > ul  li li .current_page_item > a:before,
.widget_nav_menu li li .current-menu-item  > a:before,
.widget_submenu li li .menu-item-active  > a:before,
.widget_nav_menu .current-menu-ancestor > a:before,
.widget_submenu .menu-item-active> a:before,
.widget_submenu .current-menu-ancestor > a:before,
.widget_nav_menu li li a:hover:before,
.widget_submenu li li a:hover:before,
.widget_categories li li a:hover:before,
.widget_categories .current-cat a:before,
.widget_categories > ul li.current-cat-parent > a:before,
.widget_product_categories li li a:hover:before,
.widget_product_categories .current-cat a:before,
.widget_product_categories > ul li.current-cat-parent > a:before,
.widget_pages > ul li li.page_item_has_children.current_page_ancestor > a:before,
.widget_pages  ul li li a:hover:before,
#colophon .widget_calendar td a,
body .widget .tagcloud a:hover,
.gem-table-responsive.gem-table-style-3 .tabletolist > li:nth-child(odd) .titles,
.gem-table-style-3 thead tr th:nth-child(odd),
.site-footer .widget_text ul li:before,
.page-content.content-none .searchform .searchform-submit .gem-button,
.wpcf7-form .gem-button:not(.gem-button-wpcf-custom),
.wpcf7-form input[type='submit']:not(.gem-button-wpcf-custom),
.wpcf7-form.gem-contact-form-white input[type='submit']:not(.gem-button-wpcf-custom),
.wpcf7-form.gem-contact-form-dark input[type='submit']:not(.gem-button-wpcf-custom),
body .vc_grid-container ul.vc_grid-filter li.vc_grid-filter-item.vc_active,
.gem-media-grid-2 .vc_gitem-animated-block .vc_gitem-zone-b,
.ui-slider-handle.ui-state-default.ui-corner-all,
body #primary-menu.no-responsive > li.menu-item-cart > .minicart ul li.sale .minicart-image:before,
body .hamburger-minicart > .minicart ul li.sale .minicart-image:before,
body.mobile-cart-position-top #site-header .mobile-cart ul li.sale .minicart-image:before,
.products .product-info .rating-empty,
.woocommerce-cart-form .actions .checkout-button,
.wc-proceed-to-checkout .checkout-button,
.widget_shopping_cart_content .buttons a.checkout,
body .products .category-overlay-separator,
#primary-menu.no-responsive > li.menu-item-cart .widget_shopping_cart_content .buttons a.checkout,
.hamburger-minicart .widget_shopping_cart_content .buttons a.checkout,
.woocommerce ul.woocommerce-error li:before,
.widget .product_list_widget .onsale,
.shop-widget-area .onsale,
.widget_shopping_cart ul li.sale .minicart-image:before,
.gem-team-style-5 .team-person:hover .image-hover,
.blog-style-default article.sticky .sticky-label,
.blog-style-default article.sticky .sticky-label:after,
.blog-style-masonry article.sticky .sticky-label,
.blog-style-masonry article.sticky .sticky-label:before,
.blog-style-masonry article.sticky .sticky-label:after,
.blog-style-styled_list1 article.sticky .sticky-label,
.blog-style-styled_list1 article.sticky .sticky-label:before,
.blog-style-styled_list1 article.sticky .sticky-label:after,
.blog-style-styled_list2 article.sticky .sticky-label,
.blog-style-styled_list2 article.sticky .sticky-label:before,
.blog-style-styled_list2 article.sticky .sticky-label:after,
.blog-style-timeline article.sticky .sticky-label,
.blog-style-timeline article.sticky .sticky-label:before,
.blog-style-timeline article.sticky .sticky-label:after,
.justified-style-1 article.sticky .sticky-label,
.justified-style-2 article.sticky .sticky-label,
.justified-style-1 article.sticky .sticky-label:before,
.justified-style-2 article.sticky .sticky-label:before,
.justified-style-1 article.sticky .sticky-label:after,
.justified-style-2 article.sticky .sticky-label:after,
.blog-style-multi-author article.sticky .sticky-label,
.blog-style-multi-author article.sticky .sticky-label:before,
.blog-style-multi-author article.sticky .sticky-label:after,
.mc-form #mc4wp_submit:hover,
#primary-navigation #primary-menu > li.menu-item-cart > a .minicart-item-count,
#primary-navigation #primary-menu > li.menu-item-cart > a .minicart-item-count:after,
body.mobile-cart-position-top #site-header .mobile-cart .minicart-item-count,
.hamburger-minicart > a .minicart-item-count,
body .woocommerce .checkout-signin .checkout-create-account button,
.gem-featured-posts-slider-dots a.selected > span,
.thegem-tabs__nav-item sup,
.thegem-accordion__item-title sup,
.thegem-combobox-wrap .thegem-combobox__options-item:hover,
.thegem-combobox-wrap .thegem-combobox__options-item.selection,
.gem-attribute-selector.type-label .gem-attribute-options li.selected,
body .portfolio-filters-list .portfolio-filter-item.attribute-type-label ul li a.active,
body .portfolio-filters-list .widget_layered_nav ul li.chosen a.attribute-type-label {
	background-color: #D3AF37FF;
}
.header-style-2 #primary-menu.no-responsive > li:not(.megamenu-template-enable):not(.menu-item-type-template) li.menu-item-current > a,
.header-style-2 #primary-menu.no-responsive > li:not(.megamenu-template-enable):not(.menu-item-type-template) li.menu-item-active > a,
.header-style-2 #primary-menu.no-responsive > li:not(.megamenu-template-enable):not(.menu-item-type-template) li:hover > a,
.header-style-3 #primary-menu.no-responsive > li:not(.megamenu-template-enable):not(.menu-item-type-template) li.menu-item-current > a,
.header-style-3 #primary-menu.no-responsive > li:not(.megamenu-template-enable):not(.menu-item-type-template) li.menu-item-active > a,
.header-style-3 #primary-menu.no-responsive > li:not(.megamenu-template-enable):not(.menu-item-type-template) li:hover > a,
.header-style-2 #primary-menu.nav-menu.no-responsive > li.megamenu-enable.megamenu-style-grid > ul li.menu-item-current > a,
.header-style-2 #primary-menu.nav-menu.no-responsive > li.megamenu-enable.megamenu-style-grid > ul li.menu-item-active > a,
.header-style-3 #primary-menu.nav-menu.no-responsive > li.megamenu-enable.megamenu-style-grid > ul li.menu-item-current > a,
.header-style-3 #primary-menu.nav-menu.no-responsive > li.megamenu-enable.megamenu-style-grid > ul li.menu-item-active > a,
.header-layout-fullwidth_hamburger.logo-position-right #primary-menu.no-responsive > li:not(.megamenu-template-enable):not(.menu-item-type-template) li.menu-item-current > a,
.header-layout-fullwidth_hamburger.logo-position-right #primary-menu.no-responsive > li:not(.megamenu-template-enable):not(.menu-item-type-template) li.menu-item-active > a,
.header-layout-fullwidth_hamburger.logo-position-right #primary-menu.no-responsive > li:not(.megamenu-template-enable):not(.menu-item-type-template) li:hover > a,
.header-layout-fullwidth_hamburger.logo-position-left #primary-menu.no-responsive > li:not(.megamenu-template-enable):not(.menu-item-type-template) li.menu-item-current > a,
.header-layout-fullwidth_hamburger.logo-position-left #primary-menu.no-responsive > li:not(.megamenu-template-enable):not(.menu-item-type-template) li.menu-item-active > a,
.header-layout-fullwidth_hamburger.logo-position-left #primary-menu.no-responsive > li:not(.megamenu-template-enable):not(.menu-item-type-template) li:hover > a,
#thegem-perspective .perspective-navigation #primary-menu.no-responsive > li:not(.megamenu-template-enable):not(.menu-item-type-template) li.menu-item-current > a,
#thegem-perspective .perspective-navigation #primary-menu.no-responsive > li:not(.megamenu-template-enable):not(.menu-item-type-template) li.menu-item-active > a,
#thegem-perspective .perspective-navigation #primary-menu.no-responsive > li:not(.megamenu-template-enable):not(.menu-item-type-template) li:hover > a,
.mobile-menu-layout-default .primary-navigation.responsive ul > li.menu-item-current > a,
.mobile-menu-layout-default .primary-navigation.responsive ul > li.menu-item.menu-item-active a,
body .widget .tagcloud a:hover,
.gem-media-grid .vc_gitem-animated-block .vc_gitem-zone-b .vc_separator .vc_sep_holder .vc_sep_line,
.products .product .product-info .product-rating .empty-rating:before,
.gem-attribute-selector.type-label .gem-attribute-options li.selected,
body .portfolio-filters-list .portfolio-filter-item.attribute-type-label ul li a.active,
body .portfolio-filters-list .widget_layered_nav ul li.chosen a.attribute-type-label,
.thegem-fullscreen-search .pages-list .page-item article:hover a {
	border-color: #D3AF37FF;
}
body .woocommerce-checkout-one-page #customer_details > div:after {
	border-bottom-color: #D3AF37FF;
}


:root {
	--thegem-to-styled-color2: #b3b3b3;
}
.gallery-item .overlay .subtitle a,
.portfolio.background-style-gray:not(.disabled-hover):not(.list-style) .portfolio-item:hover .wrap > .caption .zilla-likes:hover,
.portfolio.background-style-gray:not(.disabled-hover).list-style .portfolio-item .wrap > .caption:hover .zilla-likes:hover,
.single-product-content .price del,
.shop_table td.product-subtotal,
.page-content.content-none .searchform input,
.woocommerce table.shop_table.order-details tr.cart_item td.product-name .product-info .styled-subtitle,
.woocommerce table.shop_table.order-details tr.order_item td.product-name .product-info .styled-subtitle,
.woocommerce table.shop_table.order-details tr.cart_item td.product-name .product-info h4 a,
.woocommerce table.shop_table.order-details tr.order_item td.product-name .product-info h4 a,
.widget_shopping_cart_content .quantity,
.woocommerce .checkout_coupon .styled-subtitle,
.woocommerce table.shop_table.order-details tr.cart_item td.product-total .amount,
.woocommerce table.shop_table.order-details tr.order_item td.product-total .amount,
.woocommerce .gem-products-price ins,
.gem-products-price > span,
.widget-area .reviewer,
.widget_shopping_cart_content .quantity,
.widget_shopping_cart_content .total .amount,
.zilla-likes.active,
.zilla-likes.active:hover,
body .pricing-table-style-1 .pricing-price-subtitle,
.post-tags-list a,
.version-default.news-grid.hover-default-horizontal-sliding .portfolio-item .image .links .caption .grid-post-meta a.icon.share:before,
.version-default.news-grid.hover-default-horizontal-sliding .portfolio-item .links .caption .grid-post-meta .comments-link a,
.version-default.news-grid.hover-default-horizontal-sliding .portfolio-item .links .caption .grid-post-meta .portfolio-sharing-pane .socials-item,
.version-default.news-grid.hover-default-zooming-blur .portfolio-item .image .overlay .links .caption .grid-post-meta a.icon.share:before,
.version-default.news-grid.hover-default-zooming-blur .portfolio-item .image .overlay .links .portfolio-sharing-pane .socials-item,
.version-default.news-grid.hover-default-zooming-blur .portfolio-item .links .caption .grid-post-meta .comments-link a {
	color: #b3b3b3;
}
.version-default.news-grid.hover-default-horizontal-sliding .portfolio-item .image .links .caption .grid-post-meta .comments-link + .post-meta-likes,
.version-default.news-grid.hover-default-horizontal-sliding .portfolio-item .image .links .caption .grid-post-meta .grid-post-share + .grid-post-meta-comments-likes .comments-link,
.version-default.news-grid.hover-default-horizontal-sliding .portfolio-item .image .links .caption .grid-post-meta .grid-post-share + .grid-post-meta-comments-likes .post-meta-likes,
.version-default.news-grid.hover-default-zooming-blur .portfolio-item .image .links .caption .grid-post-meta .comments-link + .post-meta-likes,
.version-default.news-grid.hover-default-zooming-blur .portfolio-item .image .links .caption .grid-post-meta .grid-post-share + .grid-post-meta-comments-likes .comments-link,
.version-default.news-grid.hover-default-zooming-blur .portfolio-item .image .links .caption .grid-post-meta .grid-post-share + .grid-post-meta-comments-likes .post-meta-likes {
	border-left-color: #b3b3b3;
}
.widget.widget_search .gem-button,
.widget_nav_menu li li a:before,
.widget_submenu li li a:before,
.widget_pages li li a:before,
.widget_categories li li a:before,
.widget_product_categories li li a:before,
#wp-calendar caption,
body .vc_grid-container ul.vc_grid-filter li.vc_grid-filter-item:hover {
	background-color: #b3b3b3;
}
body .vc_grid-pagination .vc_grid-pagination-list li.vc_grid-page a {
	border: 2px solid #b3b3b3;
}
body .widget .tagcloud a{
	border: 1px solid #b3b3b3;
}

:root {
	--thegem-to-styled-color3: #f44336;
	--thegem-to-styled-color3-03: #f443364d;
}

.zilla-likes,
span.req,
#wp-calendar thead tr th:last-child,
.widget_pages > ul  li li li.current_page_item > a,
.widget_nav_menu li li li a:hover,
.widget_nav_menu li li li.current-menu-item > a,
.widget_submenu li li li.menu-item-active > a,
.widget_submenu li li li a:hover,
.widget_pages ul li li li a:hover,
.widget_categories li li li a:hover,
.widget.widget_categories > ul li li.current-cat > a,
.widget_product_categories li li li a:hover,
.widget.widget_product_categories > ul li li.current-cat > a,
.products .product-bottom .yith-wcwl-wishlistexistsbrowse a:before,
.portfolio.products .portfolio-item .image .overlay .portfolio-icons.product-bottom .yith-wcwl-wishlistexistsbrowse a:before,
.news-grid.portfolio.hover-zooming-blur .zilla-likes.active,
.version-new.news-grid.hover-new-zooming-blur .portfolio-item .links .caption .grid-post-meta .post-meta-likes a,
.version-default.news-grid.hover-default-zooming-blur .portfolio-item .links .caption .grid-post-meta .post-meta-likes a,
.version-new.news-grid .portfolio-item .wrap > .caption .grid-post-meta .zilla-likes:before,
.version-default.news-grid.hover-default-horizontal-sliding .portfolio-item .links .caption .grid-post-meta .grid-post-meta-comments-likes .zilla-likes {
	color: #f44336;
}
.widget_pages > ul  li li li.current_page_item > a:before,
.widget_nav_menu li li li.current-menu-item > a:before,
.widget_submenu li li li.menu-item-active > a:before,
.widget_nav_menu li li li a:hover:before,
.widget_submenu li li li a:hover:before,
.widget_pages li li li a:hover:before,
.widget_categories li li li a:hover:before,
.widget_product_categories li li li a:hover:before,
.widget_nav_menu div ul li li li a:hover:before,
.widget_submenu div ul li li li a:hover:before,
.widget_pages  ul li li li a:hover:before,
.widget_categories ul li li li a:hover:before,
.widget.widget_categories > ul li.current-cat > a:before,
.widget_product_categories ul li li li a:hover:before,
.widget.widget_product_categories > ul li.current-cat > a:before,
#primary-menu.nav-menu.no-responsive > li.megamenu-enable > ul > li .mega-label {
	background-color: #f44336;
}

:root {
	--thegem-to-styled-color4: #D3AF37FF;
}

#primary-menu.no-responsive .vertical-minisearch .sf-submit-icon:after,
body .woocommerce .woocommerce-cart-form .actions .submit-buttons .checkout-button-button .checkout-button,
body .woocommerce .wc-proceed-to-checkout .checkout-button-button .checkout-button,
body .woocommerce .payment_methods .radio-sign:before,
body .products .product-category a:hover .category-overlay,
.related-posts-carousel .related-posts-navigation .gem-button.related-posts-prev:hover,
.related-posts-carousel .related-posts-navigation .gem-button.related-posts-next:hover,
.portfolio.background-style-gray:not(.disabled-hover):not(.list-style) .portfolio-item:hover .wrap > .caption,
.portfolio.background-style-gray:not(.disabled-hover).list-style .portfolio-item .wrap > .caption:hover,
.portfolio.background-style-dark .portfolio-item .wrap > .caption,
.gem-attribute-selector .gem-attribute-options li .text,
.gem-attribute-selector .gem-attribute-options li .image-hover {
	background-color: #D3AF37FF;
}
body .woocommerce .woocommerce-cart-form .actions .submit-buttons .checkout-button-button .checkout-button:hover,
body .woocommerce .wc-proceed-to-checkout .checkout-button-button .checkout-button:hover,
.related-posts-carousel .related-posts-navigation .gem-button.related-posts-prev:hover,
.related-posts-carousel .related-posts-navigation .gem-button.related-posts-next:hover,
body .woocommerce-cart-checkout-steps-content .step.active,
body .gem-attribute-selector.type-color .gem-attribute-options li.selected,
body .gem-attribute-selector.type-image .gem-attribute-options li.selected,
body .portfolio-filters-list .portfolio-filter-item.attribute-type-color ul li a.active .color:before,
body .portfolio-filters-list .portfolio-filter-item.attribute-type-color ul li a:hover .color:before,
body .portfolio-filters-list .widget_layered_nav ul li.chosen a.attribute-type-color .color:before,
body .portfolio-filters-list .widget_layered_nav ul li a.attribute-type-color:hover .color:before,
body .portfolio-filters-list .portfolio-filter-item.attribute-type-image ul li a.active .image:before,
body .portfolio-filters-list .portfolio-filter-item.attribute-type-image ul li a:hover .image:before,
body .portfolio-filters-list .widget_layered_nav ul li.chosen a.attribute-type-image .image:before,
body .portfolio-filters-list .widget_layered_nav ul li a.attribute-type-image:hover .image:before {
	border-color: #D3AF37FF;
}
.zilla-likes:hover,
body .woocommerce .woocommerce-cart-form .actions .submit-buttons .checkout-button-button .checkout-button:hover,
body .woocommerce .wc-proceed-to-checkout .checkout-button-button .checkout-button:hover,
body.woocommerce-cart-layout-modern .woocommerce .woocommerce-order .woocommerce-order-overview li strong,
.news-grid.portfolio.hover-default .zilla-likes:hover,
.news-grid.portfolio.hover-vertical-sliding .zilla-likes:hover,
.news-grid.portfolio.hover-gradient .zilla-likes:hover,
.news-grid.portfolio.hover-circular .zilla-likes:hover,
.news-grid.portfolio.hover-default .comments-link a:hover,
.news-grid.portfolio.hover-vertical-sliding .comments-link a:hover,
.news-grid.portfolio.hover-gradient .comments-link a:hover,
.news-grid.portfolio.hover-circular .comments-link a:hover,
.version-new.news-grid .portfolio-item .wrap > .caption .author,
.gem-featured-posts-slider-nav.style-icon-1 a:hover,
.gem-featured-posts-slider-nav.style-icon-2 a:hover,
.gem-featured-posts-slider-nav.style-icon-3 a:hover,
#primary-menu.no-responsive .vertical-minisearch.menu-item-ajax-search .sf-submit-icon:after,
.vertical-menu-item-widgets .vertical-minisearch.menu-item-ajax-search .sf-submit-icon:after,
#primary-menu.no-responsive .vertical-minisearch.menu-item-ajax-search .sf-input,
.vertical-menu-item-widgets .vertical-minisearch.menu-item-ajax-search .sf-input {
	color: #D3AF37FF;
}
body .gem-attribute-selector .gem-attribute-options li .text:after,
body .gem-attribute-selector .gem-attribute-options li .image-hover:after {
	border-top-color: #D3AF37FF;
}


:root {
	--thegem-to-divider-color: #464646;
}

.gem-default-divider,
.portfolio-filters-list.style-hidden .portfolio-filters-area-scrollable .portfolio-filter-item,
.portfolio-filters-list.style-sidebar .portfolio-filters-area-scrollable .portfolio-filter-item,
.portfolio-filters-list .widget-area .widget,
.thegem-accordion__item{
	border-top: 1px solid #464646;
}
.portfolio-filters-list.style-standard-mobile .portfolio-filters-area-scrollable .portfolio-filter-item {
	border-top: 1px solid #464646;
}
.blog-style-default article:not(.sticky),
.thegem-accordion__item:last-child,
.thegem-fullscreen-search .sf-input.thegem-fullscreen-searchform-input,
.ajax-minisearch-results .search-results-section {
	border-bottom: 1px solid #464646;
}
@media (min-width: 992px) {
	.portfolio-filter-tabs.style-alternative.separator {
		border-bottom: 1px solid #464646;
	}
}
@media (max-width: 991px) {
	.portfolio-filter-tabs.style-alternative.separator .portfolio-filter-tabs-list {
	border-top: 1px solid #464646;
	}
}
.skill-line,
.portfolio-filters-list .portfolio-filter-item .portfolio-filter-item-list .price-range-slider .slider-range,
.thegem-tabs__nav-line,
.ajax-minisearch-results::-webkit-scrollbar-thumb {
	background-color: #464646;
}

:root {
	--thegem-to-box-border-color: #464646;
}
.bordered-box,
.portfolio.columns-1.background-style-white .portfolio-item .wrap > .caption,
.gem-table-responsive .tabletolist.nrh > li > ul,
*:not(.gem-table):not(.cart_totals) > table:not(.shop_table):not(.group_table):not(.variations) td,
*:not(.gem-table):not(.cart_totals) > table:not(.shop_table):not(.group_table):not(.variations) th,
.products .product-inner,
.widget_recent_reviews ul.product_list_widget li,
.widget_shopping_cart_content ul.product_list_widget li,
form.cart .quantity .minus,
form.cart .quantity .plus,
.shop_table .quantity .minus,
.shop_table .quantity .plus,
.woocommerce-cart-form.responsive .cart-item,
.form-edit-adress-fields,
.woocommerce .checkout_coupon,
.woocommerce .checkout-login-box .login-message-box,
.triangle-with-shadow:after,
.gem-tabs-style-1 .resp-tabs-container,
.gem-tabs-style-1 .gem_tabs_nav li,
.gem-tour-style-1 > .gem_tour_tabs_wrapper,
.gem-tour-style-1 .gem_tabs_nav li,
.gem-tabs-style-2 .resp-accordion,
.blog-style-timeline .post-text,
.widget_layered_nav ul,
.gem-table,
.gem-table-style-1 td,
.blog-style-styled_list1 .post-item,
.blog-style-styled_list2 .post-item,
.blog-style-timeline .post-item,
.gem-basic-grid .vc_grid-item-mini,
.gem-media-grid-2 .vc_grid-item-mini,
.justified-style-1 .post-content-wrapper,
.widget-area .widget_recently_viewed_products .gem-products-image,
form.cart .quantity .qty,
body.woocommerce-cart-layout-modern .woocommerce .shop_table .product-quantity .quantity {
	border: 1px solid #464646;
}
.blog-style-styled_list1 .wrap-style,
.blog-style-styled_list1 .sticky .wrap-style,
.blog-style-styled_list2 .wrap-style,
.blog-style-timeline .wrap-style {
	stroke: #464646;
}
.gem-wrapbox.gem-wrapbox-style-1,
.gem-wrapbox.gem-wrapbox-style-4,
.gem-wrapbox.gem-wrapbox-style-5,
.gem-wrapbox.gem-wrapbox-style-6,
.gem-wrapbox.gem-wrapbox-style-7,
.gem-wrapbox.gem-wrapbox-style-8,
.gem-wrapbox.gem-wrapbox-style-11,
.gem-wrapbox.gem-wrapbox-style-10,
.gem-wrapbox.gem-wrapbox-style-3,
body .woocommerce-cart-checkout-steps-content .step,
body .woocommerce .shop_table tbody tr td,
body .woocommerce .woocommerce-checkout .shop_table.woocommerce-checkout-payment-total th,
body .woocommerce .woocommerce-checkout .shop_table.woocommerce-checkout-payment-total td,
body .woocommerce .woocommerce-checkout .shop_table tfoot > tr > td,
body .woocommerce .cart_totals table th,
body .woocommerce .cart_totals table td,
body .woocommerce .woocommerce-checkout #order_review .woocommerce-checkout-payment .payment_methods li,
body .woocommerce .woocommerce-checkout .thegem-te-checkout-payment .woocommerce-checkout-payment .payment_methods li,
body .woocommerce-checkout-one-page #order_review table tbody th,
body .woocommerce-checkout-one-page #order_review table tbody td,
body #primary-menu.no-responsive > li.menu-item-cart > .minicart,
body .hamburger-minicart > .minicart,
.portfolio.extended-products-grid .portfolio-item.product .wrap > .image,
.portfolio.extended-products-grid .portfolio-item.product .wrap > .caption,
body .gem-tta.gem-tta-color-thegem.gem-tta-style-classic .gem-tta-panel .gem-tta-panel-heading,
body .gem-tta.gem-tta-color-thegem.gem-tta-style-classic .gem-tta-panel.gem-tta-active .gem-tta-panel-heading,
body .gem-tta.gem-tta-color-thegem.gem-tta-style-classic .gem-tta-panel .gem-tta-panel-body,
body .gem-tta.gem-tta-color-thegem.gem-tta-style-classic .gem-tta-panel .gem-tta-panel-body::before,
body .gem-tta.gem-tta-color-thegem.gem-tta-style-classic .gem-tta-panel .gem-tta-panel-body::after,
body .gem-tta.gem-tta-color-thegem.gem-tta-style-classic .gem-tta-controls-icon::before,
body .gem-tta.gem-tta-color-thegem.gem-tta-style-classic .gem-tta-controls-icon::after,
body .gem-tta.gem-tta-color-thegem.gem-tta-style-classic .gem-tta-active .gem-tta-panel-heading .gem-tta-controls-icon::before,
body .gem-tta.gem-tta-color-thegem.gem-tta-style-classic .gem-tta-active .gem-tta-panel-heading .gem-tta-controls-icon::after,
body .gem-tta.gem-tta-color-thegem.gem-tta-style-classic .gem-tta-tab > a,
body .gem-tta.gem-tta-color-thegem.gem-tta-style-classic .gem-tta-tab.gem-tta-active > a,
body .portfolio-filters-list .portfolio-filter-item.attribute-type-color ul li a .color:before,
body .portfolio-filters-list .widget_layered_nav ul li a.attribute-type-color .color:before,
body .portfolio-filters-list .portfolio-filter-item.attribute-type-label ul li a,
body .portfolio-filters-list .widget_layered_nav ul li a.attribute-type-label,
body .portfolio-filters-list .portfolio-filter-item.attribute-type-image ul li a .image:before,
body .portfolio-filters-list .widget_layered_nav ul li a.attribute-type-image .image:before {
	border-color: #464646;
}
.gem-table-style-2 td,
.gem-table-style-2 thead {
	border: 2px solid #464646;
}
.shop_table .quantity .qty,
.woocommerce table.shop_table.order-details,
.woocommerce table.shop_table.order-details tr.cart_item,
.woocommerce table.shop_table.order-details tr.order_item,
.widget .product-dummy-wrapper,
.post-related-posts,
.sidebar .widget .gem-contacts-item.gem-contacts-address,
.gem-tabs-style-2 .resp-tabs-container,
.gem-tabs-style-1 .resp-accordion.resp-tab-active,
.gem-tour-style-1 .resp-accordion.resp-tab-active,
.widget_submenu > div > ul,
.widget_nav_menu > div > ul,
.widget.widget_pages > ul,
.widget_categories > ul,
.widget_product_categories > ul,
.widget_nav_menu ul.menu,
.portfolio-item .wrap,
.Custom_Recent_Posts ul li,
.Custom_Popular_Posts ul li,
.widget_recent_entries li,
.widget_meta li,
.gem-latest-news,
.gem-latest-news ul,
.widget .gem-products-content,
.widget-area .gem-products-image,
.widget.widget_shopping_cart ul li .minicart-image,
.project_info-item-style-1  .project_info-item.iconed,
.widget_tweets .twitter-box .jtwt_tweet,
.blog-style-default article:not(.sticky),
.project-info-shortcode-style-2 .project-info-shortcode-item,
.single-product-content .rating-divider {
	border-bottom: 1px solid #464646;
}

.gem_accordion_section + .gem_accordion_section,
.shop_table .quantity .qty,
.gem-table .shop_table tr + tr td,
body.woocommerce-cart-layout-modern .gem-table .shop_table tr td,
.cart_totals table tr + tr td,
.cart_totals table tr + tr th,
.order-totals table tr + tr td,
.order-totals table tr + tr th,
.woocommerce table.checkout-cart-info-table tr,
.mobile-cart-position-top #site-header .mobile-cart .widget_shopping_cart_content ul.cart_list > li,
.gem-tabs-style-2 .resp-tabs-container,
.gem-tour-style-2 .gem_tabs_nav li + li,
.gem-tour-style-1 .resp-accordion,
.gem-tour-style-2 .resp-accordion,
.gem-tabs-style-1 .resp-accordion,
.wpb_toggle_content + .wpb_toggle,
.vc_toggle + .vc_toggle .vc_toggle_title,
.widget .product-dummy-wrapper,
.widget_layered_nav ul li,
.widget_submenu li,
.widget_nav_menu li,
.widget.widget_pages li,
.widget_categories li,
.widget_product_categories li,
.widget_recently_viewed_products ul.product_list_widget li + li,
.widget .gem-products-content,
.widget-area .gem-products-image,
.widget.widget_shopping_cart ul li .minicart-image,
#colophon .widget_nav_menu ul.menu > li > ul,
#colophon .widget_submenu > div > ul > li > ul,
.single-product-content .rating-divider {
	border-top: 1px solid #464646;
}
.widget_submenu > div > ul,
.widget_nav_menu > div > ul,
.widget.widget_pages > ul,
.widget_categories > ul,
.widget_product_categories > ul,
.gem-tour-style-2 .resp-tabs-container,
.gem-tabs-style-2 .gem_tabs_nav li + li,
.widget-area .gem-products-image,
.widget.widget_shopping_cart ul li .minicart-image,
#colophon .widget_nav_menu ul.menu > li > ul,
#colophon .widget_submenu > div > ul > li > ul {
	border-left: 1px solid #464646;
}
.widget_submenu > div > ul,
.widget_nav_menu > div > ul,
.widget.widget_pages > ul,
.widget_categories > ul,
.widget_product_categories > ul,
.widget .gem-products-content,
.gem-table-style-2 .tabletolist .row_headers,
#colophon .widget_nav_menu ul.menu > li > ul,
#colophon .widget_submenu > div > ul > li > ul {
	border-right: 1px solid #464646;
}
.portfolio-filters a,
body .testimonials-style-2-item,
.widget_calendar td a,
.widget-area .widget.widget_search form,
form.cart .quantity .minus,
form.cart .quantity .plus,
.shop_table .quantity .minus,
.shop_table .quantity .plus,
body.woocommerce-cart-layout-modern .woocommerce .shop_table .product-quantity .quantity button:before,
body .woocommerce-checkout-one-page.woocommerce-checkout-one-page-modern .shop_table .product-name .product-quantity,
body.woocommerce-cart-layout-modern .woocommerce-empty-cart:before,
.blog-style-timeline article:after,
#colophon .widget_calendar td a:hover,
.diagram-wrapper.style-2 .digram-line-box .skill-line,
.blog-style-styled_list1 .sticky,
.blog-style-styled_list1 .sticky .post-img a .dummy,
.widget .gem-dummy,
.quickfinder-style-vertical .quickfinder-item:first-child .quickfinder-item-connector.connector-bot,
body .quickfinder-item .quickfinder-item-connector,
.sharing-popup,
.widget-gem-portfolio-item.gem-portfolio-dummy,
.blog-style-timeline article:before,
.post-tags-list a {
	background-color: #464646;
}
.sharing-popup .sharing-styled-arrow {
	fill: #464646;
}
@media (min-width: 768px) {
	.blog-style-timeline .item-post .post-text:before {
		border-right: 20px solid #464646;
	}
}
.blog-style-styled_list1 .post-img,
.blog-style-styled_list2 .post-img,
.blog-style-timeline .post-img {
	border: 3px solid #464646;
}
@media (max-width: 768px) {
	.gem-table-responsive .tabletolist > li span {
		border-top: 1px solid #464646;
	}
	.gem-table-responsive .tabletolist > li {
		border: 1px solid #464646;
	}
	.gem-table-responsive .tabletolist .row_headers {
		border-right: 1px solid #464646;
	}
	.gem-table-responsive.gem-table-style-2 .tabletolist > li {
		border: 2px solid #464646;
	}
	.gem-table-responsive.gem-table-style-2 .tabletolist > li span {
		border-top: 2px solid #464646;
	}
	.gem-table-responsive.gem-table-style-2 .tabletolist .row_headers,
	.gem-table-responsive.gem-table-style-2 .tabletolist .row_headers {
		border-right: 2px solid #464646;
	}
	.blog-style-timeline .item-post .post-text:before,
	.blog-style-timeline .post-text:before,
	.blog-style-timeline.blog-style-styled_list1 .post-text:before,
	.blog-style-timeline.blog-style-styled_list2 .post-text:before {
		border-bottom: 30px solid #464646;
	}
}
.comments-title:before,
.comment-reply-title:before,
body .gem-tta.gem-tta-color-thegem.gem-tta-style-classic .gem-tta-controls-icon::before,
body .gem-tta.gem-tta-color-thegem.gem-tta-style-classic .gem-tta-controls-icon::after {
	color: #464646;
}
@media (min-width: 768px) {
	body .gem-tta.gem-tta-color-thegem.gem-tta-style-classic.gem-tta-tabs .gem-tta-panels,
	body .gem-tta.gem-tta-color-thegem.gem-tta-style-classic.gem-tta-tabs .gem-tta-panels::before,
	body .gem-tta.gem-tta-color-thegem.gem-tta-style-classic.gem-tta-tabs .gem-tta-panels::after {
		border-color: #464646;
	}
}

@media (max-width: 992px) {
	body:not(.woocommerce-cart-layout-modern) .woocommerce table.shop_table_responsive.shop_table.woocommerce-cart-form__contents tbody tr {
		border: 1px solid #464646;
	}
}
body.woocommerce-cart-layout-modern .woocommerce form.woocommerce-cart-form.compact table.shop_table_responsive.shop_table.woocommerce-cart-form__contents tbody tr + tr {
	border-top: 1px solid #464646;
}
@media (max-width: 768px) {
	body.woocommerce-cart-layout-modern .woocommerce table.shop_table_responsive.shop_table.woocommerce-cart-form__contents tbody tr + tr {
		border-top: 1px solid #464646;
	}
}


:root {
	--thegem-to-mobile-menu-font-family: Source Sans Pro;
}
#primary-navigation.responsive #primary-menu li > a,
#primary-navigation.responsive #primary-menu li > span.megamenu-column-header > a {
	font-family: 'Source Sans Pro';
}

:root {
	--thegem-to-mobile-menu-font-style: normal;
	--thegem-to-mobile-menu-font-weight:normal;
}
#primary-navigation.responsive #primary-menu li > a,
#primary-navigation.responsive #primary-menu li > span.megamenu-column-header > a {
	font-style: normal;
	font-weight: normal;
}

:root {
	--thegem-to-mobile-menu-font-size: 16px;
}
#primary-navigation.responsive #primary-menu li > a,
#primary-navigation.responsive #primary-menu li > span.megamenu-column-header > a {
	font-size: 16px;
}

:root {
	--thegem-to-mobile-menu-line-height: 20px;
}
#primary-navigation.responsive #primary-menu li > a,
#primary-navigation.responsive #primary-menu li > span.megamenu-column-header > a {
	line-height: 20px;
}

:root {
	--thegem-to-mobile-menu-text-transform: none;
}
#primary-navigation.responsive #primary-menu li > a,
#primary-navigation.responsive #primary-menu li > span.megamenu-column-header > a {
	text-transform: none;
}


:root {
	--thegem-to-mobile-menu-bg-color: #ffffff;
}
body .menu-overlay.mobile {
	background-color: #ffffff;
}

:root {
	--thegem-to-mobile-menu-level1-color: #5f727f;
}
#primary-navigation.responsive #primary-menu > li > a,
#primary-navigation.responsive #primary-menu > li > .menu-item-parent-toggle,
#primary-navigation.responsive ul.dl-submenu.level1 > li > a,
.primary-navigation.responsive .minisearch .sf-input,
.mobile-menu-layout-overlay #primary-navigation.responsive #primary-menu > li.menu-item-search > .minisearch input[type="text"],
.mobile-menu-layout-overlay #primary-navigation.responsive #primary-menu > li.menu-item-search > .minisearch .sf-submit-icon:before,
.mobile-cart-position-top .menu-overlay.mobile.active + #site-header .mobile-cart > a:before {
	color: #5f727f;
}
.primary-navigation.responsive .minisearch .sf-input::placeholder,
.mobile-menu-layout-overlay #primary-navigation.responsive #primary-menu > li.menu-item-search > .minisearch input[type="text"]::placeholder {
	color: #5f727f;
}
.primary-navigation.responsive .minisearch .sf-input::-webkit-input-placeholder,
.mobile-menu-layout-overlay #primary-navigation.responsive #primary-menu > li.menu-item-search > .minisearch input[type="text"]::-webkit-input-placeholder{
	color: #5f727f;
}

#page #site-header.mobile-menu-layout-overlay .header-main #primary-navigation.overlay-active:not(.close) .menu-toggle .menu-line-1,
#page #site-header.mobile-menu-layout-overlay .header-main #primary-navigation.overlay-active:not(.close) .menu-toggle .menu-line-2,
#page #site-header.mobile-menu-layout-overlay .header-main #primary-navigation.overlay-active:not(.close) .menu-toggle .menu-line-3,
#page #site-header.mobile-menu-layout-overlay .header-main #perspective-menu-buttons.overlay-active:not(.close) .menu-toggle .menu-line-1,
#page #site-header.mobile-menu-layout-overlay .header-main #perspective-menu-buttons.overlay-active:not(.close) .menu-toggle .menu-line-2,
#page #site-header.mobile-menu-layout-overlay .header-main #perspective-menu-buttons.overlay-active:not(.close) .menu-toggle .menu-line-3 {
	background-color: #5f727f;
}

.mobile-menu-layout-overlay #primary-navigation.responsive #primary-menu > li.menu-item-search > .minisearch input[type="text"] {
	border-color: #5f727f;
}

:root {
	--thegem-to-mobile-menu-level1-bg-color: #dfe5e8;
}
.mobile-menu-layout-slide-horizontal #primary-navigation.responsive .mobile-menu-slide-wrapper,
.mobile-menu-layout-slide-vertical #primary-navigation.responsive .mobile-menu-slide-wrapper,
.mobile-menu-layout-slide-horizontal #primary-navigation.responsive #primary-menu,
.mobile-menu-layout-slide-vertical #primary-navigation.responsive #primary-menu,
#primary-navigation.responsive #primary-menu > li > a,
#primary-navigation.responsive ul.dl-submenu.level1 > li > a,
#primary-navigation.responsive #primary-menu li.menu-item-search,
#primary-navigation.responsive #primary-menu li.menu-item-search .minisearch {
	background-color: #dfe5e8;
}

:root {
	--thegem-to-mobile-menu-level1-active-color: #3c3950;
}
#primary-navigation.responsive #primary-menu > li.menu-item-current > a,
#primary-navigation.responsive #primary-menu > li.menu-item-active > a,
#primary-navigation.responsive #primary-menu > li.opened > a,
#primary-navigation.responsive #primary-menu > li.menu-item-current > .menu-item-parent-toggle,
#primary-navigation.responsive #primary-menu > li.menu-item-active > .menu-item-parent-toggle,
#primary-navigation.responsive #primary-menu > li.opened > .menu-item-parent-toggle,
#primary-navigation.responsive ul.dl-submenu.level1 > li.menu-item-current > a,
#primary-navigation.responsive ul.dl-submenu.level1 > li.menu-item-active > a,
#primary-navigation.responsive #primary-menu > li.menu-overlay-item-open > a,
#primary-navigation.responsive #primary-menu > li.menu-overlay-item-open > .menu-item-parent-toggle {
	color: #3c3950;
}

:root {
	--thegem-to-mobile-menu-level1-active-bg-color: #dfe5e8;
}
#primary-navigation.responsive #primary-menu > li.menu-item-current > a,
#primary-navigation.responsive #primary-menu > li.menu-item-active > a,
#primary-navigation.responsive #primary-menu > li.opened > a,
#primary-navigation.responsive ul.dl-submenu.level1 > li.menu-item-current > a,
#primary-navigation.responsive ul.dl-submenu.level1 > li.menu-item-active > a {
	background-color: #dfe5e8;
}

:root {
	--thegem-to-mobile-menu-level2-color: #5f727f;
}
#primary-navigation.responsive #primary-menu > li > ul > li > a,
#primary-navigation.responsive #primary-menu > li > ul > li > .menu-item-parent-toggle,
#primary-navigation.responsive #primary-menu > li > ul > li > span.megamenu-column-header > a,
#primary-navigation.responsive ul.dl-submenu.level2 > li > a,
#primary-navigation.responsive ul.dl-submenu.level2 > li > span.megamenu-column-header > a,
.mobile-menu-layout-default .primary-navigation.responsive li.dl-back > a,
.mobile-menu-layout-default .primary-navigation.responsive li.dl-back:after{
	color: #5f727f;
}

:root {
	--thegem-to-mobile-menu-level2-bg-color: #f0f3f2;
}
#primary-navigation.responsive #primary-menu > li > ul > li > a,
#primary-navigation.responsive #primary-menu > li > ul > li > span.megamenu-column-header > a,
#primary-navigation.responsive ul.dl-submenu.level2 > li > a,
#primary-navigation.responsive ul.dl-submenu.level2 > li > span.megamenu-column-header > a,
.mobile-menu-layout-slide-horizontal #primary-navigation.responsive #primary-menu li.menu-item-search .minisearch input[type="text"],
.mobile-menu-layout-slide-vertical #primary-navigation.responsive #primary-menu li.menu-item-search .minisearch input[type="text"] {
	background-color: #f0f3f2;
}

:root {
	--thegem-to-mobile-menu-level2-active-color: #3c3950;
}
#primary-navigation.responsive #primary-menu > li > ul > li.menu-item-current > a,
#primary-navigation.responsive #primary-menu > li > ul > li.menu-item-active > a,
#primary-navigation.responsive #primary-menu > li > ul > li.opened > a,
#primary-navigation.responsive #primary-menu > li > ul > li.menu-item-current > .menu-item-parent-toggle,
#primary-navigation.responsive #primary-menu > li > ul > li.menu-item-active > .menu-item-parent-toggle,
#primary-navigation.responsive #primary-menu > li > ul > li.opened > .menu-item-parent-toggle,
#primary-navigation.responsive #primary-menu > li > ul > li.menu-item-current > span.megamenu-column-header > a,
#primary-navigation.responsive #primary-menu > li > ul > li.menu-item-active > span.megamenu-column-header > a,
#primary-navigation.responsive #primary-menu > li > ul > li.opened > span.megamenu-column-header > a,
#primary-navigation.responsive ul.dl-submenu.level2 > li.menu-item-current > a,
#primary-navigation.responsive ul.dl-submenu.level2 > li.menu-item-active > a,
#primary-navigation.responsive ul.dl-submenu.level2 > li.menu-item-current > span.megamenu-column-header > a,
#primary-navigation.responsive ul.dl-submenu.level2 > li.menu-item-active > span.megamenu-column-header > a,
#primary-navigation.responsive #primary-menu > li > ul > li.menu-overlay-item-open > a,
#primary-navigation.responsive #primary-menu > li > ul > li.menu-overlay-item-open > span.megamenu-column-header > a,
#primary-navigation.responsive #primary-menu > li > ul > li.menu-overlay-item-open > .menu-item-parent-toggle {
	color: #3c3950;
}

:root {
	--thegem-to-mobile-menu-level2-active-bg-color: #f0f3f2;
}
#primary-navigation.responsive #primary-menu > li > ul > li.menu-item-current > a,
#primary-navigation.responsive #primary-menu > li > ul > li.menu-item-active > a,
#primary-navigation.responsive #primary-menu > li > ul > li.opened > a,
#primary-navigation.responsive #primary-menu > li > ul > li.menu-item-current > span.megamenu-column-header > a,
#primary-navigation.responsive #primary-menu > li > ul > li.menu-item-active > span.megamenu-column-header > a,
#primary-navigation.responsive #primary-menu > li > ul > li.opened > span.megamenu-column-header > a,
#primary-navigation.responsive ul.dl-submenu.level2 > li.menu-item-current > a,
#primary-navigation.responsive ul.dl-submenu.level2 > li.menu-item-active > a,
#primary-navigation.responsive ul.dl-submenu.level2 > li.menu-item-current > span.megamenu-column-header > a,
#primary-navigation.responsive ul.dl-submenu.level2 > li.menu-item-active > span.megamenu-column-header > a {
	background-color: #f0f3f2;
}

:root {
	--thegem-to-mobile-menu-level3-color: #5f727f;
}
#primary-navigation.responsive #primary-menu > li > ul > li > ul li > a,
#primary-navigation.responsive #primary-menu > li > ul > li > ul li > .menu-item-parent-toggle,
#primary-navigation.responsive #primary-menu > li > ul > li > ul li > span.megamenu-column-header > a,
#primary-navigation.responsive ul.dl-submenu.level3 > li > a {
	color: #5f727f;
}

:root {
	--thegem-to-mobile-menu-level3-bg-color: #ffffff;
}
#primary-navigation.responsive #primary-menu > li > ul > li > ul li > a,
#primary-navigation.responsive #primary-menu > li > ul > li > ul li > span.megamenu-column-header > a,
#primary-navigation.responsive ul.dl-submenu.level3 > li > a {
	background-color: #ffffff;
}

:root {
	--thegem-to-mobile-menu-level3-active-color: #ffffff;
}
#primary-navigation.responsive #primary-menu > li > ul > li > ul li.menu-item-current > a,
#primary-navigation.responsive #primary-menu > li > ul > li > ul li.menu-item-active > a,
#primary-navigation.responsive #primary-menu > li > ul > li > ul li.opened > a,
#primary-navigation.responsive #primary-menu > li > ul > li > ul li.menu-item-current > .menu-item-parent-toggle,
#primary-navigation.responsive #primary-menu > li > ul > li > ul li.menu-item-active > .menu-item-parent-toggle,
#primary-navigation.responsive #primary-menu > li > ul > li > ul li.opened > .menu-item-parent-toggle,
#primary-navigation.responsive #primary-menu > li > ul > li > ul li.menu-item-current > span.megamenu-column-header > a,
#primary-navigation.responsive #primary-menu > li > ul > li > ul li.menu-item-active > span.megamenu-column-header > a,
#primary-navigation.responsive #primary-menu > li > ul > li > ul li.opened > span.megamenu-column-header > a,
#primary-navigation.responsive ul.dl-submenu.level3 > li.menu-item-current > a,
#primary-navigation.responsive ul.dl-submenu.level3 > li.menu-item-active > a,
#primary-navigation.responsive #primary-menu > li > ul > li > ul li.menu-overlay-item-open > a,
#primary-navigation.responsive #primary-menu > li > ul > li > ul li.menu-overlay-item-open > span.megamenu-column-header > a,
#primary-navigation.responsive #primary-menu > li > ul > li > ul li.menu-overlay-item-open > .menu-item-parent-toggle {
	color: #ffffff;
}

:root {
	--thegem-to-mobile-menu-level3-active-bg-color: #494c64;
}
#primary-navigation.responsive #primary-menu > li > ul > li > ul li.menu-item-current > a,
#primary-navigation.responsive #primary-menu > li > ul > li > ul li.menu-item-active > a,
#primary-navigation.responsive #primary-menu > li > ul > li > ul li.opened > a,
#primary-navigation.responsive #primary-menu > li > ul > li > ul li.menu-item-current > span.megamenu-column-header > a,
#primary-navigation.responsive #primary-menu > li > ul > li > ul li.menu-item-active > span.megamenu-column-header > a,
#primary-navigation.responsive #primary-menu > li > ul > li > ul li.opened > span.megamenu-column-header > a,
#primary-navigation.responsive ul.dl-submenu.level3 > li.menu-item-current > a,
#primary-navigation.responsive ul.dl-submenu.level3 > li.menu-item-active > a {
	background-color: #494c64;
}

:root {
	--thegem-to-mobile-menu-border-color: #dfe5e8;
}
.mobile-menu-layout-default #primary-navigation.responsive ul li.menu-item,
.mobile-menu-layout-default #primary-navigation.responsive ul li.dl-back,
.mobile-menu-layout-default #primary-navigation.responsive ul,
.mobile-menu-layout-slide-horizontal #primary-navigation.responsive #primary-menu li,
.mobile-menu-layout-slide-vertical #primary-navigation.responsive #primary-menu li,
.mobile-menu-layout-slide-horizontal #primary-navigation.responsive #primary-menu li.menu-item-search .minisearch input[type="text"],
.mobile-menu-layout-slide-vertical #primary-navigation.responsive #primary-menu li.menu-item-search .minisearch input[type="text"] {
	border-color: #dfe5e8;
}

:root {
	--thegem-to-mobile-menu-socials-color: #99a9b5;
}
#primary-navigation.responsive #primary-menu li.menu-item-widgets .menu-item-socials a {
	color: #99a9b5;
}

#primary-navigation.responsive .mobile-menu-slide-wrapper .mobile-menu-slide-close:before,
#primary-navigation.responsive .mobile-menu-slide-wrapper .mobile-menu-slide-close:after {
	background-color: #3c3950;
}

:root {
	--thegem-to-mobile-menu-hide-color: #3c3950;
}
body #primary-menu.no-responsive > li.menu-item-cart > .minicart ul li a.remove,
body .hamburger-minicart > .minicart ul li a.remove,
body.mobile-cart-position-top #site-header .mobile-cart ul li a.remove {
	color: #3c3950;
}

:root {
	--thegem-to-menu-level1-color: #ffffff;
}
.main-menu-item,
.main-menu-item a,
.title-main-menu,
#primary-menu.no-responsive > li > a {
	color: #ffffff;
}


:root {
	--thegem-to-menu-level1-color-hover: #F2B949C4;
}
.main-menu-item:hover a,
a.main-menu-item:hover,
#primary-menu.no-responsive > li:hover > a {
	color: #F2B949C4;
}
#primary-menu.nav-menu.no-responsive > li.megamenu-enable.megamenu-style-default > ul li > a:hover,
#primary-menu.nav-menu.no-responsive > li.megamenu-enable.megamenu-style-default > ul li.menu-item-current > a,
#primary-menu.nav-menu.no-responsive > li.megamenu-enable.megamenu-style-default > ul li.menu-item-active > a {
	background-color: #F2B949C4;
}


:root {
	--thegem-to-menu-level1-active-color: #F2B949C4;
}
.main-menu-item.active,
#primary-menu.no-responsive > li.menu-item-current > a,
#primary-menu.no-responsive > li.menu-item-active > a {
	color: #F2B949C4;
}


:root {
	--thegem-to-menu-level2-color: #a7a7a7;
}
.submenu-item,
#primary-menu.no-responsive > li > ul > li > a,
#primary-menu.nav-menu.no-responsive > li.megamenu-enable.megamenu-style-grid > ul li > a {
	color: #a7a7a7;
}

:root {
	--thegem-to-menu-level2-bg-color: #424242;
}
#primary-menu.no-responsive > li > ul > li > a,
#primary-menu.nav-menu.no-responsive > li.megamenu-enable > ul,
#primary-menu.nav-menu.no-responsive > li.megamenu-enable.megamenu-style-grid > ul li > a,
#primary-menu.nav-menu.no-responsive > li.megamenu-enable.megamenu-style-grid > ul li > span.megamenu-column-header > a,
.header-style-2 .minisearch .sf-input,
.header-style-3 .minisearch .sf-input,
.header-style-1 .minisearch,
.header-style-4 .minisearch {
	background-color: #424242;
}

:root {
	--thegem-to-menu-level2-hover-color: #ffffff;
}
.submenu-item:hover a,
#primary-menu.no-responsive > li > ul > li:hover > a,
#primary-menu.nav-menu.no-responsive > li.megamenu-enable.megamenu-style-grid > ul li:hover > a {
	color: #ffffff;
}

:root {
	--thegem-to-menu-level2-hover-bg-color: #393939;
}
#primary-menu.no-responsive > li > ul > li:hover > a,
#primary-menu.nav-menu.no-responsive > li.megamenu-enable.megamenu-style-grid > ul li:hover > a {
	background-color: #393939;
}

:root {
	--thegem-to-menu-level2-active-color: #ffffff;
}
.submenu-item.active a,
#primary-menu.no-responsive > li > ul > li.menu-item-current > a,
#primary-menu.no-responsive > li > ul > li.menu-item-active > a,
#primary-menu.nav-menu.no-responsive > li.megamenu-enable.megamenu-style-grid > ul li.menu-item-current > a,
#primary-menu.nav-menu.no-responsive > li.megamenu-enable.megamenu-style-grid > ul li.menu-item-active > a,
.minisearch .sf-submit-icon:before,
.minisearch .sf-input {
	color: #ffffff;
}

:root {
	--thegem-to-menu-level2-active-bg-color: #393939;
}
#primary-menu.no-responsive > li > ul > li.menu-item-current > a,
#primary-menu.no-responsive > li > ul > li.menu-item-active > a,
#primary-menu.nav-menu.no-responsive > li.megamenu-enable.megamenu-style-grid > ul li.menu-item-current > a,
#primary-menu.nav-menu.no-responsive > li.megamenu-enable.megamenu-style-grid > ul li.menu-item-active > a,
.header-style-2 .minisearch,
.header-style-3 .minisearch,
.header-style-1 .minisearch .sf-input,
.header-style-4 .minisearch .sf-input {
	background-color: #393939;
}










:root {
	--thegem-to-menu-level2-border-color: #424242;
}
#primary-menu.no-responsive > li:not(.megamenu-template-enable) ul > li,
#primary-menu.nav-menu.no-responsive > li.megamenu-enable > ul > li span.megamenu-column-header,
.minisearch,
.minisearch .sf-input {
	border-top: 1px solid #424242;
}
#primary-menu.no-responsive > li:not(.megamenu-template-enable) ul,
#primary-menu.nav-menu.no-responsive > li.megamenu-enable.megamenu-style-grid > ul > li,
.minisearch,
.minisearch .sf-input {
	border-bottom: 1px solid #424242;
	border-left: 1px solid #424242;
	border-right: 1px solid #424242;
}
#primary-menu.nav-menu.no-responsive > li.megamenu-enable > ul > li span.megamenu-column-header {
	border-bottom: 1px solid #424242;
}
#primary-menu.nav-menu.no-responsive > li.megamenu-enable > ul {
	border-top: 1px solid #424242;
}
#primary-menu.no-responsive > li:not(.megamenu-template-enable) ul ul {
	margin-top: -1px;
}
@media (-webkit-device-pixel-ratio: 1.25) {
	#primary-menu.no-responsive > li:not(.megamenu-template-enable) ul > li,
	#primary-menu.nav-menu.no-responsive > li.megamenu-enable > ul > li span.megamenu-column-header,
	.minisearch,
	.minisearch .sf-input {
		border-top: 0.8px solid #424242;
	}
	#primary-menu.no-responsive > li:not(.megamenu-template-enable) ul,
	#primary-menu.nav-menu.no-responsive > li.megamenu-enable.megamenu-style-grid > ul > li,
	.minisearch,
	.minisearch .sf-input {
		border-bottom: 0.8px solid #424242;
		border-left: 0.8px solid #424242;
		border-right: 0.8px solid #424242;
	}
	#primary-menu.nav-menu.no-responsive > li.megamenu-enable > ul > li span.megamenu-column-header {
		border-bottom: 0.8px solid #424242;
	}
	#primary-menu.nav-menu.no-responsive > li.megamenu-enable > ul {
		border-top: 0.8px solid #424242;
	}
	#primary-menu.no-responsive > li:not(.megamenu-template-enable) ul ul {
		margin-top: -0.8px;
	}
}


:root {
	--thegem-to-menu-level1-light-color: #ffffff;
}
#site-header:not(.shrink) .header-colors-light:not(.header-layout-fullwidth_hamburger):not(.header-layout-overlay) #primary-menu.no-responsive > li > a {
	color: #ffffff;
}

:root {
	--thegem-to-menu-level1-light-hover-color: #F2B949C4;
}
#site-header:not(.shrink) .header-colors-light:not(.header-layout-fullwidth_hamburger) #primary-menu.no-responsive > li:hover > a {
	color: #F2B949C4;
}

:root {
	--thegem-to-menu-level1-light-active-color: #F2B949C4;
}
#site-header:not(.shrink) .header-colors-light:not(.header-layout-fullwidth_hamburger):not(.header-layout-overlay) #primary-menu.no-responsive > li.menu-item-current > a,
#site-header:not(.shrink) .header-colors-light:not(.header-layout-fullwidth_hamburger):not(.header-layout-overlay) #primary-menu.no-responsive > li.menu-item-active > a {
	color: #F2B949C4;
}
#site-header:not(.shrink) .header-colors-light.header-style-3:not(.header-layout-overlay) #primary-menu.no-responsive > li.menu-item-current > a,
#site-header:not(.shrink) .header-colors-light.header-style-3:not(.header-layout-overlay) #primary-menu.no-responsive > li.menu-item-active > a,
#site-header:not(.shrink) .header-colors-light.header-style-4:not(.header-layout-overlay) #primary-menu.no-responsive > li.menu-item-current > a,
#site-header:not(.shrink) .header-colors-light.header-style-4:not(.header-layout-overlay) #primary-menu.no-responsive > li.menu-item-active > a {
	border: 2px solid #F2B949C4;
}


:root {
	--thegem-to-overlay-menu-bg-color: #212331;
}
body .menu-overlay {
	background-color: #212331;
}

:root {
	--thegem-to-overlay-menu-color: #ffffff;
}
.header-layout-overlay #primary-menu.nav-menu.no-responsive > li > a,
.header-layout-overlay #primary-navigation #primary-menu.no-responsive > li:not(.menu-item-type-template) li > a,
.page-additional-menu.header-layout-overlay .nav-menu.no-responsive > li:not(.menu-item-type-template) li > li > a,
.page-additional-menu.header-layout-overlay .primary-navigation .nav-menu.no-responsive > li li > a,
.header-layout-overlay #primary-navigation #primary-menu.no-responsive li .menu-item-parent-toggle:before,
.page-additional-menu.header-layout-overlay #primary-navigation #primary-menu.no-responsive li .menu-item-parent-toggle:before,
.header-layout-overlay #primary-menu.nav-menu.no-responsive > li.menu-item-search > .minisearch input[type="text"],
.header-layout-overlay #primary-menu.nav-menu.no-responsive > li.menu-item-search > .minisearch .sf-submit-icon:before {
	color: #ffffff;
}
.header-layout-overlay #primary-menu.nav-menu.no-responsive > li.menu-item-search > .minisearch input[type="text"]::placeholder {
	color: #ffffff;
}
.header-layout-overlay #primary-menu.nav-menu.no-responsive > li.menu-item-search > .minisearch input[type="text"]::-webkit-input-placeholder {
	color: #ffffff;
}
.header-layout-overlay #primary-menu.nav-menu.no-responsive > li.menu-item-search > .minisearch input[type="text"] {
	border-color: #ffffff;
}
#primary-navigation.overlay-active .overlay-toggle > span {
	background-color: #ffffff;
}

:root {
	--thegem-to-overlay-menu-hover-color: #b3ae8d;
}
.header-layout-overlay #primary-menu.nav-menu.no-responsive > li > a:hover,
.header-layout-overlay #primary-navigation #primary-menu.no-responsive > li:not(.menu-item-type-template) li > a:hover,
.page-additional-menu.header-layout-overlay .primary-navigation .nav-menu.no-responsive li > a:hover,
.header-layout-overlay #primary-navigation #primary-menu.no-responsive li .menu-item-parent-toggle:hover:before,
.page-additional-menu.header-layout-overlay #primary-navigation #primary-menu.no-responsive li .menu-item-parent-toggle:hover:before {
	color: #b3ae8d;
}

:root {
	--thegem-to-overlay-menu-active-color: #b3ae8d;
}
.header-layout-overlay #primary-navigation #primary-menu.no-responsive > li.menu-item-current > a,
.header-layout-overlay #primary-navigation #primary-menu.no-responsive > li.menu-item-active > a,
.header-layout-overlay #primary-navigation #primary-menu.no-responsive > li.menu-overlay-item-open > a,
.header-layout-overlay #primary-navigation #primary-menu.no-responsive > li:not(.menu-item-type-template) li.menu-item-current > a,
.header-layout-overlay #primary-navigation #primary-menu.no-responsive > li:not(.menu-item-type-template) li.menu-item-active > a,
.header-layout-overlay #primary-navigation #primary-menu.no-responsive > li:not(.menu-item-type-template) li.menu-overlay-item-open > a,
.page-additional-menu.header-layout-overlay .primary-navigation .nav-menu.no-responsive > li.menu-item-current > a,
.page-additional-menu.header-layout-overlay .primary-navigation .nav-menu.no-responsive > li.menu-item-active > a,
.page-additional-menu.header-layout-overlay .primary-navigation .nav-menu.no-responsive > li.menu-overlay-item-open > a,
.page-additional-menu.header-layout-overlay .primary-navigation .nav-menu.no-responsive > li li.menu-item-current > a,
.page-additional-menu.header-layout-overlay .primary-navigation .nav-menu.no-responsive > li li.menu-item-active > a,
.page-additional-menu.header-layout-overlay .primary-navigation .nav-menu.no-responsive > li li.menu-overlay-item-open > a,
.header-layout-overlay #primary-navigation #primary-menu.no-responsive li.menu-item-current > .menu-item-parent-toggle:before,
.header-layout-overlay #primary-navigation #primary-menu.no-responsive li.menu-item-active > .menu-item-parent-toggle:before,
.header-layout-overlay #primary-navigation #primary-menu.no-responsive li.menu-overlay-item-open > .menu-item-parent-toggle:before,
.page-additional-menu.header-layout-overlay #primary-navigation #primary-menu.no-responsive li.menu-item-current > .menu-item-parent-toggle:before,
.page-additional-menu.header-layout-overlay #primary-navigation #primary-menu.no-responsive li.menu-item-active > .menu-item-parent-toggle:before,
.page-additional-menu.header-layout-overlay #primary-navigation #primary-menu.no-responsive li.menu-overlay-item-open > .menu-item-parent-toggle:before {
	color: #b3ae8d;
}

:root {
	--thegem-to-hamburger-menu-icon-color: #F2B949CC;
}
.hamburger-minicart > a,
.hamburger-minicart:hover > a {
	color: #F2B949CC;
}
#primary-navigation .hamburger-toggle > span,
#primary-navigation .overlay-toggle > span,
#primary-navigation.overlay-active.close .overlay-toggle > span,
#perspective-menu-buttons.primary-navigation .perspective-toggle span,
#page.vertical-header .vertical-toggle > span,
#thegem-perspective #primary-navigation .perspective-menu-close:before,
#thegem-perspective #primary-navigation .perspective-menu-close:after {
	background-color: #F2B949CC;
}

:root {
	--thegem-to-hamburger-menu-icon-light-color: #F2B949CC;
}
#site-header:not(.shrink) .header-colors-light .hamburger-minicart > a,
#site-header:not(.shrink) .header-colors-light .hamburger-minicart:hover > a {
	color: #F2B949CC;
}
#site-header:not(.shrink) .header-colors-light #primary-navigation .hamburger-toggle > span,
#site-header:not(.shrink) .header-colors-light #primary-navigation:not(.overlay-active) .overlay-toggle > span,
#site-header:not(.shrink) .header-colors-light #primary-navigation.overlay-active.close .overlay-toggle > span,
#site-header:not(.shrink) .header-colors-light #perspective-menu-buttons.primary-navigation .perspective-toggle span {
	background-color: #F2B949CC;
}

:root {
	--thegem-to-mobile-menu-btn-color: #D3AF37FF;
}
#primary-navigation .menu-toggle .menu-line-1,
#primary-navigation .menu-toggle .menu-line-2,
#primary-navigation .menu-toggle .menu-line-3,
#perspective-menu-buttons.primary-navigation .menu-toggle .menu-line-1,
#perspective-menu-buttons.primary-navigation .menu-toggle .menu-line-2,
#perspective-menu-buttons.primary-navigation .menu-toggle .menu-line-3 {
	background-color: #D3AF37FF;
}
body.mobile-cart-position-top #site-header .mobile-cart > a:before {
	background-color: #D3AF37FF;
}

:root {
	--thegem-to-mobile-menu-btn-light-color: #D3AF37FF;
}
#site-header:not(.shrink) .header-colors-light #primary-navigation .menu-toggle .menu-line-1,
#site-header:not(.shrink) .header-colors-light #primary-navigation .menu-toggle .menu-line-2,
#site-header:not(.shrink) .header-colors-light #primary-navigation .menu-toggle .menu-line-3,
#site-header:not(.shrink) .header-colors-light #perspective-menu-buttons.primary-navigation .menu-toggle .menu-line-1,
#site-header:not(.shrink) .header-colors-light #perspective-menu-buttons.primary-navigation .menu-toggle .menu-line-2,
#site-header:not(.shrink) .header-colors-light #perspective-menu-buttons.primary-navigation .menu-toggle .menu-line-3 {
	background-color: #D3AF37FF;
}
body.mobile-cart-position-top #site-header:not(.shrink) .header-colors-light .mobile-cart > a:before {
	background-color: #D3AF37FF;
}


:root {
	--thegem-to-body-color: #ffffff;
	--thegem-to-body-color-07: rgba(255, 255, 255, 0.7);
}
body,
.text-body,
.text-body-tiny,
.title-text-body,
.title-text-body-tiny,
.portfolio.background-style-gray:not(.disabled-hover):not(.list-style) .portfolio-item:hover .wrap > .caption .info,
.portfolio.background-style-gray:not(.disabled-hover).list-style .portfolio-item .wrap > .caption:hover .info,
.portfolio.background-style-dark .portfolio-item .wrap > .caption .info,
.gem-gallery-hover-zooming-blur .gem-gallery-preview-carousel-wrap .gem-gallery-item .gem-gallery-caption,
.gem-gallery-grid.hover-zooming-blur .gallery-item .overlay .title,
.gem-gallery-grid.hover-zooming-blur .gallery-item .overlay .subtitle,
.widget.widget_contacts a:hover,
.widget_recent_comments a,
.digram-line-box  .skill-title,
.shipping_calculator .shipping-calculator-button,
.widget_shopping_cart_content ul.cart_list li a,
.shop-widget-area .gem-products-title a,
.woocommerce-page ul.product_list_widget li a,
.portfolio.hover-zooming-blur .portfolio-item .image .overlay .links .caption .subtitle,
.portfolio.hover-zooming-blur .portfolio-item .image .overlay .links .caption .details,
.portfolio.hover-zooming-blur .portfolio-item .image .overlay .links .caption .info,
.portfolio.hover-horizontal-sliding .overlay .links .caption .info span.sep,
.version-new.news-grid.hover-new-zooming-blur .portfolio-item .image .overlay .links .caption .subtitle,
.version-new.news-grid.hover-new-zooming-blur .portfolio-item .image .overlay .links .caption .details,
.version-new.news-grid.hover-new-zooming-blur .portfolio-item .image .overlay .links .caption .post-date,
.version-new.news-grid.hover-new-zooming-blur .portfolio-item .image .overlay .links .caption .grid-post-meta a.icon.share:before,
.version-new.news-grid.hover-new-zooming-blur .portfolio-item .image .overlay .links .portfolio-sharing-pane .socials-item,
.version-new.news-grid.hover-new-zooming-blur .portfolio-item .links .caption .grid-post-meta .comments-link a,
.version-default.news-grid.hover-default-zooming-blur .portfolio-item .image .overlay .links .caption .subtitle,
.version-default.news-grid.hover-default-zooming-blur .portfolio-item .image .overlay .links .caption .details,
.version-default.news-grid.hover-default-zooming-blur .portfolio-item .image .overlay .links .caption .post-date,
.version-new.news-grid .portfolio-item .wrap > .caption .grid-post-meta .comments-link a,
.version-new.news-grid .portfolio-item .wrap > .caption .grid-post-meta .zilla-likes,
.version-new.news-grid .portfolio-item .wrap > .caption .grid-post-meta .grid-post-share .icon,
#colophon .jtwt_tweet:before,
#colophon .project_info-item-style-1 .project_info-item .icon,
#colophon .widget_recent_comments li:before,
#colophon .widget_recent_entries ul li:before,
#colophon .portfolio-filters a .icon,
#colophon .comment-form label:before,
#colophon .socials-sharing a:after,
#colophon .widget_archive li:before,
#colophon .widget_nav_menu ul.menu li > a:before,
#colophon .widget_submenu > div > ul li > a:before,
#colophon .widget_categories > ul li > a:before,
#colophon .widget_product_categories > ul li > a:before,
#colophon .widget_product_categories > ul li:before,
#colophon .widget_pages > ul li > a:before,
#colophon .widget_meta li:before,
#colophon .widget_rss li:before,
#colophon .project_info-item-style-2 .icon,
#colophon .gem_accordion_header,
#colophon .widget_layered_nav ul li a:before,
#colophon .widget .gem-contacts-address:before,
#colophon .widget .gem-contacts-phone:before,
#colophon .widget .gem-contacts-fax:before,
#colophon .widget .gem-contacts-email:before,
#colophon .widget .gem-contacts-website:before,
#colophon .widget_meta li:before,
#colophon .widget .mc-text.small-body,
#colophon .widget.widget_search input, #colophon #mc4wp_email,
blockquote,
.widget_price_filter .price_label span,
.gem-quote.gem-quote-style-default blockquote,
.gem-quote.gem-quote-style-1,
.wpcf7-form.gem-contact-form-white span,
.wpcf7-form.gem-contact-form-white .wpcf7-list-item-label,
.wpcf7-form.gem-contact-form-dark span,
.wpcf7-form.gem-contact-form-dark .wpcf7-list-item-label,
.blog-style-styled_list1 .post-content,
.blog-style-styled_list2 .post-content,
.blog-style-timeline .post-content,
body .thegem_testimonial a .gem-testimonial-text,
body .gem-tta.gem-tta-color-thegem.gem-tta-style-classic .gem-tta-panel .gem-tta-panel-title > a,
body .gem-tta.gem-tta-color-thegem.gem-tta-style-classic .gem-tta-panel.gem-tta-active .gem-tta-panel-title > a,
body .gem-tta.gem-tta-color-thegem.gem-tta-style-classic .gem-tta-tab > a,
body .gem-tta.gem-tta-color-thegem.gem-tta-style-classic .gem-tta-tab.gem-tta-active > a,
body .widget .gem-tta.gem-tta-color-thegem.gem-tta-style-classic .gem-tta-tab.gem-tta-active > a,
.thegem-tabs__nav-item,
.product-page__wrapper .product-page__nav .product-page__nav-preview .nav-preview__info-title,
.product-page__wrapper .reset_variations,
.product-page__wrapper .size-guide a,
.ajax-minisearch-results .ajax-search-item {
	color: #ffffff;
}
#colophon .widget.widget_search .gem-button:hover,
#colophon .wpcf7 .wpcf7-form .contact-form-footer .wpcf7-submit:hover,
.wpcf7-form.gem-contact-form-dark input[type='submit']:hover {
	background-color: #ffffff;
}
.wpcf7-form.gem-contact-form-dark input[type='submit']:hover {
	border-color: #ffffff;
}

:root {
	--thegem-to-h1-color: #ffffff;
}
h1,
.title-h1,
.title-xlarge,
.gem-counter-number,
body .gem-testimonial-item:after,
blockquote p:after,
body .testimonials-style-1-teg,
body .testimonials-style-2-teg,
.pricing-title {
	color: #ffffff;
}

:root {
	--thegem-to-h2-color: #cccccc;
}
h2,
.title-h2,
.blog-style-multi-author .post-title a,
.single-product-content .price {
	color: #cccccc;
}
.skill-line > div {
	background-color: #cccccc;
}

:root {
	--thegem-to-h3-color: #cccccc;
}
h3,
.title-h3,
.blog-style-styled_list1 .post-title a,
.blog-style-styled_list2 .post-title a,
.blog-style-timeline .post-title a,
.woocommerce .woocommerce-checkout-one-page #order_review table thead th,
.thegem-fullscreen-search .sf-input.thegem-fullscreen-searchform-input,
.thegem-fullscreen-search .sf-close {
	color: #cccccc;
}

:root {
	--thegem-to-h4-color: #cccccc;
}
h4,
.title-h4,
.team-person-name,
.widget .gem-teams-name,
body .testimonials-style-2-item .testimonials-style-2-text.gem-testimonial-text,
.diagram-wrapper.style-3 .digram-line-box .skill-title span,
.portfolio.hover-zooming-blur .portfolio-item .image .overlay .links .caption .title,
.portfolio.hover-zooming-blur .portfolio-item .image .overlay .links .caption .product-variations,
.portfolio.hover-zooming-blur .portfolio-item .image .overlay .links .portfolio-sharing-pane .socials-item,
.blog-style-masonry .entry-title.title-h4 a,
.gem-basic-grid .post-title h4.entry-title a,
.gem-basic-grid-2 .vc_gitem-zone-c .post-title a,
.justified-style-1 .entry-title.title-h4 a,
.justified-style-2 .entry-title.title-h4 a,
.portfolio.hover-gradient .portfolio-item .image .overlay .links a.icon:before,
.gem-gallery-grid.hover-gradient .gallery-item .overlay a.icon::before,
.gem-gallery-hover-gradient .gem-gallery-preview-carousel-wrap .gem-gallery-item a:after,
.news-grid.portfolio.hover-zooming-blur .portfolio-item .image .overlay .caption .title > *,
.news-grid.portfolio.hover-new-zooming-blur .portfolio-item .image .overlay .caption .title > *,
.version-new.news-grid.hover-new-zooming-blur .portfolio-item .image .links .caption .author,
.news-grid.portfolio.hover-default-zooming-blur .portfolio-item.double-item-squared:hover .image .overlay .caption .title > *,
.version-new.news-grid .portfolio-item .wrap > .caption .title a,
.product-page__wrapper #thegem-reviews .woocommerce-Reviews .comment-reply-title{
	color: #cccccc;
}
.portfolio.hover-zooming-blur .portfolio-item .image .overlay .links a.icon:before,
.portfolio.hover-new-zooming-blur .portfolio-item .image .overlay .links .portfolio-icons a.icon:before,
.portfolio.hover-new-zooming-blur .portfolio-item .gem-simple-gallery .gem-gallery-item a:after,
.portfolio.hover-default-zooming-blur .portfolio-item .image .overlay .links .portfolio-icons a.icon:before,
.portfolio.hover-default-zooming-blur .portfolio-item .gem-simple-gallery .gem-gallery-item a:after,
.gem-gallery-hover-zooming-blur .gem-gallery-preview-carousel-wrap .gem-gallery-item a:after,
.portfolio.news-grid.hover-zooming-blur .portfolio-item .gem-simple-gallery .gem-gallery-item a:after,
.gem-gallery-grid.hover-zooming-blur .gallery-item .overlay a.icon:before,
.blog article .post-featured-content > a:after,
.blog .gem-simple-gallery .gem-gallery-item a:after,
body .blog-style-styled_list1 article a.default:after,
body .blog-style-styled_list2 article a.default:after,
body .blog-style-compact article a.default:after,
body .blog-style-compact-tiny-1 article a.default:after {
	background-color: #cccccc;
}

:root {
	--thegem-to-h5-color: #ffffff;
}
h5,
.title-h5,
blockquote.wp-block-quote.is-large,
blockquote.wp-block-quote.is-style-large,
.woocommerce .woocommerce-checkout.woocommerce-checkout-one-page .shop_table.woocommerce-checkout-payment-total th,
.news-grid.hover-default .portfolio-item .image .links .caption .post-date,
.news-grid.portfolio.hover-zooming-blur .portfolio-item .image .overlay .caption .title > *,
.news-grid.portfolio.hover-new-zooming-blur .portfolio-item .image .overlay .caption .title > *,
.news-grid.portfolio.hover-default-zooming-blur .portfolio-item:hover .image .overlay .caption .title > *,
.news-grid.version-default.portfolio.hover-default-zooming-blur .portfolio-item:hover .image .overlay .caption .title > *,
.news-grid.version-default.portfolio.hover-default-zooming-blur .portfolio-item .image .overlay .links .caption .post-date,
.news-grid.portfolio.hover-gradient .portfolio-item .image .overlay .links .caption .info a,
.version-new.news-grid.hover-new-zooming-blur .portfolio-item .image .links .caption .author,
.version-default.news-grid.portfolio.hover-default-zooming-blur .portfolio-item .image .links .caption .info a {
	color: #ffffff;
}
.news-grid.portfolio.hover-gradient .portfolio-item .image .overlay .links .caption .info span.sep,
.version-default.news-grid.portfolio.hover-default-zooming-blur .portfolio-item .image .links .caption .info .sep {
	border-left-color: #ffffff;
}

:root {
	--thegem-to-h6-color: #cccccc;
}
h6,
.title-h6,
.widget_nav_menu > div > ul > li > a,
.widget_submenu > div > ul > li > a,
.widget_pages > ul > li > a,
.widget_categories > ul > li > a,
.widget_product_categories > ul > li > a,
.project_info-item-style-1 .project_info-item .title,
.portfolio:not(.disabled-hover):not(.list-style) .portfolio-item:hover .wrap > .caption .title,
.portfolio:not(.disabled-hover).list-style .portfolio-item .wrap > .caption:hover .title,
.thegem-tabs__nav-item,
.thegem-accordion__item-title,
.product-page__wrapper #thegem-additional_information table th,
.portfolio-filter-tabs ul.portfolio-filter-tabs-list li {
	color: #cccccc;
}

.thegem-tabs__nav-slide {
	background-color: #cccccc;
}

:root {
	--thegem-to-link-color: #D3AF37FF;
}
a,
.widget_recent_comments .comment-author-link a,
.widget .team-person-email a:hover:before,
.gem-team-style-5 .team-person:hover .team-person-name,
.portfolio.hover-vertical-sliding .overlay .links .caption .info a,
.portfolio.hover-horizontal-sliding .overlay .links .caption .info a,
.portfolio-set-comma,
.blog-style-masonry .entry-title.title-h4 a:hover,
.portfolio-item .caption .title a:hover,
.version-new.news-grid:not(.disabled-hover):not(.list-style) .portfolio-item:hover .wrap > .caption .title a,
.version-new.news-grid:not(.disabled-hover).list-style .portfolio-item .wrap > .caption:hover .title a,
.version-new.news-grid .portfolio-item .wrap > .caption .title a:hover,
.news-grid.portfolio.background-style-dark:not(.disabled-hover) .portfolio-item:hover .wrap > .caption .title a,
.version-default.news-grid .portfolio-item:hover .wrap > .caption .title a,
.blog-style-styled_list1 .post-title a:hover,
.blog-style-styled_list2 .post-title a:hover,
.blog-style-timeline .post-title a:hover,
.products .product-info .product-title a:hover,
.products .portfolio-item .wrap > .caption .title a:hover,
.gem-basic-grid .post-title h4.entry-title a:hover,
.gem-basic-grid-2 .vc_gitem-zone-c .post-title a:hover,
.gem-media-grid .midia-grid-item-post-author span a:hover,
.justified-style-1 .entry-title.title-h4 a:hover,
.justified-style-2 .entry-title.title-h4 a:hover,
.blog-style-multi-author .post-title a:hover,
.reverse-link-color a:hover,
a.reverse-link-color:hover,
.gem-blog-slider .post-title a:hover,
.socials-list.socials-colored a:hover .socials-item-icon,
#footer-navigation li a:hover,
.custom-footer li a:hover,
body.woocommerce-cart .custom-header .breadcrumbs span a,
body.woocommerce-checkout .custom-header .breadcrumbs span a,
body.woocommerce-wishlist .custom-header .breadcrumbs span a,
body.woocommerce-account .page-title-block .breadcrumbs span a,
body #primary-menu.no-responsive > li.menu-item-cart > .minicart ul li a:hover,
body .hamburger-minicart > .minicart ul li a:hover,
.news-grid.portfolio.background-style-dark .portfolio-item .wrap > .caption .title a:hover,
.version-default.news-grid.hover-default-vertical-sliding .portfolio-item .image .links .caption .info a,
.product-page__wrapper .product-page__nav .product-page__nav-preview:hover .nav-preview__info-title,
.product-quick-view__wrapper .product-page__right-column .woocommerce-review-link:hover{
	color: #D3AF37FF;
}
.version-default.news-grid.hover-default-vertical-sliding .portfolio-item .image .links .caption .info .sep {
	border-left-color: #D3AF37FF;
}

:root {
	--thegem-to-link-color-hover: #ffffff;
}
a:hover,
body.woocommerce-cart .custom-header .breadcrumbs span a:hover,
body.woocommerce-checkout .custom-header .breadcrumbs span a:hover,
body.woocommerce-wishlist .custom-header .breadcrumbs span a:hover,
body.woocommerce-account .page-title-block .breadcrumbs span a:hover,
body .shop_table.cart .product-name .product-title a:hover,
body .checkout .shop_table .product-name .product-title a:hover,
.product-page__wrapper .reset_variations:hover,
.product-page__wrapper .size-guide a:hover,
.product-page__wrapper .product-page__nav .product-page__nav-list a:hover:before,
.gem-pagination.gem-pagination-arrows a.prev:not(.disabled):hover,
.gem-pagination.gem-pagination-arrows a.next:not(.disabled):hover {
	color: #ffffff;
}

:root {
	--thegem-to-link-color-active: #FFFFFFFF;
}
a:active {
	color: #FFFFFFFF;
}

#footer-navigation,
#footer-navigation li a,
.custom-footer,
.custom-footer li a {
	color: #ffffff;
}

.footer-site-info {
	color: #ffffff;
}

.footer-site-info a {
	color: #b1ac8b;
}













#footer-navigation li a {
	color: #ffffff;
}

#footer-navigation li a:hover {
	color: #b3ae8d;
}

#footer-menu li + li:before {
	border-right-color: #ffffff;
}

#footer-nav {
	border-top-color: #616161;
}

:root {
	--thegem-to-date-filter-subtitle-color: #b3b3b3;
}
.gem-news-item-date,
.related-element-info .gem-post-date,
.date-color,
.combobox-wrapper .combobox-text,
.socials-sharing a.socials-item,
body .gem-testimonial-position,
.gem-testimonial-company,
.jtwt_date,
.blog.blog-style-timeline .comments,
.entry-date,
.portfolio-filters a,
.comments-link a,
.widget_recent_entries .post-date,
.post-author-info .date,
.block-date,
.block-tags .sep,
.styled-blog-meta .comments:after,
.related-element-info .date,
.login label,
.register label,
.woocommerce-password-hint,
body .woocommerce .shop_table.wishlist_table td.product-price del,
body .woocommerce .wishlist_table .product-info .product-info-content .product-price del,
body .woocommerce .woocommerce-checkout .checkout-payment .shop_table td.product-total .amount,
body .checkout-login .woocommerce-form-login.login .form-row .checkout-login-remember label,
body .shop_table .product-name dl.variation,
body.woocommerce-cart .custom-header .breadcrumbs .current,
body.woocommerce-checkout .custom-header .breadcrumbs .current,
body.woocommerce-wishlist .custom-header .breadcrumbs .current,
body.woocommerce-account .page-title-block .breadcrumbs .current,
body .woocommerce .woocommerce-checkout.woocommerce-checkout-one-page #order_review .woocommerce-checkout-payment .payment_methods .payment_box,
body .woocommerce .woocommerce-checkout.woocommerce-checkout-one-page .thegem-te-checkout-payment .woocommerce-checkout-payment .payment_methods .payment_box,
body #primary-menu.no-responsive > li.menu-item-cart > .minicart ul li .quantity,
body #primary-menu.no-responsive > li.menu-item-cart > .minicart .total,
body #primary-menu.no-responsive > li.menu-item-cart > .minicart ul li.empty,
body .hamburger-minicart > .minicart .total,
body .hamburger-minicart > .minicart ul li.empty,
body .hamburger-minicart > .minicart .total strong,
body .hamburger-minicart > .minicart ul li .quantity,
body.mobile-cart-position-top #site-header .mobile-cart ul li .quantity,
body.mobile-cart-position-top #site-header .mobile-cart .total,
body.mobile-cart-position-top #site-header .mobile-cart ul li.empty,
.form-edit-adress label,
.teaser_grid_container .gem-post-date,
.gem-post-grid-item-date,
.page-title-style-2 .page-title-excerpt,
.blog.blog-style-masonry article .description .info .date,
.blog.blog-style-masonry article .description .info .sep,
.blog.blog-style-masonry article .description .info .comments,
.widget_categories > ul li,
.widget_product_categories > ul li,
.widget_pages > ul,
.gem-teams-position.body-small,
.widget .mc-text.small-body,
.widget .team-person-email,
.widget .jtwt_date,
.widget_recent_comments li,
.widget_price_filter .price_label,
.project_info-item-style-2 .project_info-item .title,
.mc4wp-form input[type='email'],
.gallery-caption,
#colophon .widget_tweets .jtwt_tweet a:hover,
#colophon .gem-contacts .gem-contacts-item.gem-contacts-website a:hover,
#colophon .gem-contacts .gem-contacts-item.gem-contacts-email a:hover,
#colophon .widget_calendar td a:hover,
.widget_meta li:before,
#colophon .skill-title,
#colophon .widget.widget_search .gem-button,
#colophon .wpcf7 .wpcf7-form .contact-form-footer .wpcf7-submit,
#colophon #mc4wp_submit,
#colophon .widget_meta li:before,
.gem-quote.gem-quote-style-5 blockquote,
.blog-style-masonry .post-meta-likes:hover,
.wpcf7-form .combobox-wrapper .combobox-text,
.blog-style-styled_list1 .post-date,
.blog-style-styled_list1 .post-author,
.blog-style-styled_list2 .post-date,
.blog-style-styled_list2 .post-author,
.gem-media-grid .vc_gitem-animated-block .vc_gitem-zone-b .vc_gitem-post-data-source-post_excerpt > div,
.midia-grid-item-post-author,
body .vc_grid-pagination .vc_grid-pagination-list li.vc_grid-page a,
.project-info-shortcode-style-default .project-info-shortcode-item .title,
.woocommerce-variation-availability,
.gem-search-form.gem-search-form-style-dark .search-field,
.version-new.news-grid .portfolio-item .wrap > .caption .post-date,
.version-new.news-grid .portfolio-item .wrap > .caption .post-author-date-separator,
.portfolio-selected-filters .portfolio-selected-filter-item,
.portfolio-filters-list .portfolio-search-filter .portfolio-search-filter-form input,
.portfolio-top-panel-right .portfolio-search-filter .portfolio-search-filter-form input,
.portfolio-filters-list .widget_product_search input,
.portfolio-filters-list .portfolio-filter-item .portfolio-filter-item-list .price-range-slider .slider-amount .text,
.product-page__wrapper .product-page__attribute,
.product-page__wrapper .product-meta .date-color,
.product-page__wrapper .socials-sharing .socials-item-title,
.thegem-combobox-wrap .thegem-combobox__trigger,
.thegem-combobox-wrap .thegem-combobox__options-item,
.portfolio-filters-list .portfolio-filter-item .portfolio-filter-item-list .price-range-slider .slider-amount .slider-amount-text,
table.variations .thegem-select {
	color: #b3b3b3;
}

.version-default.news-grid.title-on-page.hover-horizontal-sliding .portfolio-item .image .links .caption .grid-post-meta .comments-link + .post-meta-likes,
.version-default.news-grid.title-on-page.hover-zooming-blur .portfolio-item .image .links .caption .grid-post-meta .comments-link + .post-meta-likes {
	border-left-color: #b3b3b3;
}
body .woocommerce input[type="text"].coupon-code::placeholder,
body .woocommerce .woocommerce-shipping-calculator .form-row input.input-text::placeholder,
body .woocommerce .checkout .form-row .input-text::placeholder,
body .woocommerce .edit-address-form .form-row .input-text::placeholder,
body .woocommerce .checkout .form-row textarea.input-text::placeholder,
body .woocommerce .edit-address-form .form-row textarea.input-text::placeholder {
	color: #b3b3b3;
}
body .woocommerce input[type="text"].coupon-code::-webkit-input-placeholder,
body .woocommerce .woocommerce-shipping-calculator .form-row input.input-text::-webkit-input-placeholder,
body .woocommerce .checkout .form-row .input-text::-webkit-input-placeholder,
body .woocommerce .edit-address-form .form-row .input-text::-webkit-input-placeholder,
body .woocommerce .checkout .form-row textarea.input-text::-webkit-input-placeholder,
body .woocommerce .edit-address-form .form-row textarea.input-text::-webkit-input-placeholder {
	color: #b3b3b3;
}

:root {
	--thegem-to-system-icons-font-color: #b3b3b3;
}
.blog.blog-style-timeline article .comments:before,
.widget .gem-contacts-email:before,
.widget .gem-contacts-phone:before,
.widget .gem-contacts-address:before,
.widget .gem-contacts-fax:before,
.top-area-search .searchform button:before,
.blog.blog-style-masonry article .description .info .comments:before,
.blog-style-default .post-image .gem-dummy:after,
.widget_product_search button,
.products .product-bottom .bottom-product-link,
.products .product-bottom .add_to_cart_button,
.products .product-bottom .added_to_cart,
.products .product-bottom .add_to_wishlist,
.products .product-bottom .button:is(.product_type_grouped, .product_type_external),
.products .product-bottom .yith-wcwl-wishlistaddedbrowse a,
.combobox-wrapper .combobox-button:before {
	color: #b3b3b3;
}

.thegem-combobox-wrap .thegem-combobox__trigger:after {
	border-color: #b3b3b3;
}

:root {
	--thegem-to-system-icons-font2-color: #b3b3b3;
}
.project_info-item-style-1 .project_info-item .icon,
.widget_recent_comments li:before,
.widget_recent_entries ul li:before,
.portfolio-filters a .icon,
.comment-form label:before,
.jtwt_tweet:before,
.post-related-posts .gem-dummy:after,
.socials-sharing a:after,
.product-page__wrapper .product-page__nav .product-page__nav-list a:before,
.gem-pagination.gem-pagination-arrows a.prev,
.gem-pagination.gem-pagination-arrows a.next {
	color: #b3b3b3;
}

:root {
	--thegem-to-button-basic-color: #161513;
}
.gem-button,
body .wp-block-button .wp-block-button__link,
.caption-bottom-line .post-footer-sharing .gem-button,
input[type='submit'],
.page-links a,
.blog-load-more button span,
.blog-load-more button span:before,
.widget a.gem-button,
#wp-calendar #prev a:after,
#wp-calendar #next a:after,
#wp-calendar caption:after,
#primary-menu.no-responsive > li.menu-item-cart .widget_shopping_cart_content .buttons a.checkout,
.hamburger-minicart .widget_shopping_cart_content .buttons a.checkout {
	color: #161513;
}
.gem-button svg {
	fill:  #161513;
}
.single-product-content-right .yith-ywraq-add-to-quote a.button,
.single-product-content-right .compare.button{
	color: #161513 !important;
}

:root {
	--thegem-to-button-basic-color-hover: #161513;
}
.gem-button:hover,
body .wp-block-button .wp-block-button__link:hover,
input[type='submit']:hover,
.caption-bottom-line .project-button .gem-button,
.portfolio.background-style-dark:not(.disabled-hover):not(.list-style) .portfolio-item:hover .caption-bottom-line .project-button .gem-button,
.page-links a,
.blog-load-more button span:hover,
.widget a.gem-button:hover,
#wp-calendar #prev a:hover:after,
#wp-calendar #next a:hover:after,
#primary-menu.no-responsive > li.menu-item-cart .widget_shopping_cart_content .buttons a:hover,
.hamburger-minicart .widget_shopping_cart_content .buttons a:hover {
	color: #161513;
}
.gem-button:hover svg {
	fill: #161513;
}
.single-product-content-right .yith-ywraq-add-to-quote a.button:hover,
.single-product-content-right .compare.button:hover{
	color: #161513 !important;
}

:root {
	--thegem-to-button-basic-background-color: #D3AF37FF;
}
.gem-button,
body .wp-block-button .wp-block-button__link,
.caption-bottom-line .post-footer-sharing .gem-button,
.portfolio-filters a:hover,
input[type='submit'],
.radio-sign.checked:before,
.page-links a,
.widget a.gem-button,
#wp-calendar #prev a,
#wp-calendar #next a,
.blog-load-more button,
.ui-slider-range.ui-widget-header.ui-corner-all,
.gem-blog-slider .gem-blog-slider-prev:hover,
.gem-blog-slider .gem-blog-slider-next:hover {
	background-color: #D3AF37FF;
}
.single-product-content-right .yith-ywraq-add-to-quote a.button,
.single-product-content-right .compare.button{
	background-color: #D3AF37FF !important;
}
.comment-form .comment-author-input:after,
.comment-form .comment-email-input:after,
.comment-form .comment-url-input:after,
.team-person-socials .socials-item,
.checkbox-sign.checked:before,
body .wpcf7-form .combobox-button:before,
.wpcf7-form .phone:after,
.wpcf7-form .website:after,
.wpcf7-form .email:after,
.wpcf7-form  .name:after,
.wpcf7-form .gem-form-icon-phone:after,
.wpcf7-form .gem-form-icon-website:after,
.wpcf7-form .gem-form-icon-email:after,
.wpcf7-form .gem-form-icon-name:after,
.blog-style-styled_list1 .post-img a .dummy,
.blog-style-styled_list2 .post-img a .dummy,
.blog-style-timeline article:before,
.blog-style-timeline .post-img a .dummy {
	color: #D3AF37FF;
}
.checkbox-sign,
.radio-sign {
	border: 1px solid #D3AF37FF;
}

:root {
	--thegem-to-button-basic-background-color-hover: #cccccc;
}
.gem-button:hover,
body .wp-block-button .wp-block-button__link:hover,
input[type='submit']:hover,
.comment-form .form-submit .gem-button.submit:hover,
.caption-bottom-line .project-button .gem-button,
.portfolio.background-style-dark:not(.disabled-hover):not(.list-style) .portfolio-item:hover .caption-bottom-line .project-button .gem-button,
.page-links a,
.widget a.gem-button:hover,
#wp-calendar #prev a:hover,
#wp-calendar #next a:hover,
.widget_calendar .wp-calendar-nav .wp-calendar-nav-prev a:hover,
.widget_calendar .wp-calendar-nav .wp-calendar-nav-next a:hover,
.blog-load-more button:hover,
.page-content.content-none .searchform .searchform-submit .gem-button:hover,
.wpcf7-form.gem-contact-form-white input[type='submit']:hover,
.wpcf7-form .gem-button:not(.gem-button-wpcf-custom):hover,
.wpcf7-form input[type='submit']:not(.gem-button-wpcf-custom):hover,
.wpcf7-form.gem-contact-form-white input[type='submit']:not(.gem-button-wpcf-custom):hover,
.wpcf7-form.gem-contact-form-dark input[type='submit']:not(.gem-button-wpcf-custom):hover,
.gem-blog-slider .gem-blog-slider-prev,
.gem-blog-slider .gem-blog-slider-next,
.gem-search-form.gem-search-form-style-dark .search-field,
body .woocommerce .checkout-signin .checkout-create-account button:hover {
	background-color: #cccccc;
}
.single-product-content-right .yith-ywraq-add-to-quote a.button:hover,
.single-product-content-right .compare.button:hover{
	background-color: #cccccc !important;
}
.portfolio.background-style-dark .caption-bottom-line .project-button .gem-button {
	color: #cccccc;
}

.gem-button.gem-button-style-outline,
body .woocommerce .woocommerce-cart-form .actions .submit-buttons .update-cart button:not([aria-disabled="true"]):hover,
body.woocommerce-cart-layout-modern .woocommerce-empty-cart .return-to-shop .gem-button:hover,
body .checkout-navigation-buttons .checkout-place-order button:hover,
.woocommerce-checkout-layout-one-page-modern #checkout-login-popup .checkout-login .checkout-login-button button:hover {
	color: #D3AF37FF;
}
.gem-button.gem-button-style-outline svg {
	fill: #D3AF37FF;
}

.gem-button.gem-button-style-outline:hover,
#colophon.wpcf7 .wpcf7-form .contact-form-footer .wpcf7-submit:hover,
body #colophon .tagcloud a:hover,
body .woocommerce .woocommerce-cart-form .actions .submit-buttons .update-cart button,
body.woocommerce-cart-layout-modern .woocommerce-empty-cart .return-to-shop .gem-button,
body .checkout-navigation-buttons .checkout-place-order button,
.woocommerce-checkout-layout-one-page-modern #checkout-login-popup .checkout-login .checkout-login-button button {
	color: #161513;
}
.gem-button.gem-button-style-outline:hover svg {
	fill: #161513;
}

.gem-button.gem-button-style-outline,
body .woocommerce .woocommerce-cart-form .actions .submit-buttons .update-cart button:hover,
body .woocommerce .woocommerce-cart-form .actions .submit-buttons .update-cart button:not([aria-disabled="true"]):hover,
body.woocommerce-cart-layout-modern .woocommerce-empty-cart .return-to-shop .gem-button:hover,
body .checkout-navigation-buttons .checkout-place-order button:hover,
body .checkout-navigation-buttons .checkout-place-order button,
.woocommerce-checkout-layout-one-page-modern #checkout-login-popup .checkout-login .checkout-login-button button:hover,
.woocommerce-checkout-layout-one-page-modern #checkout-login-popup .checkout-login .checkout-login-button button {
	border-color: #D3AF37FF;
}
.gem-button.gem-button-style-outline:hover,
.comment-form .form-submit .gem-button.submit,
.portfolio-item:hover .caption-bottom-line .project-button .gem-button,
#colophon #mc4wp_submit:hover,
#colophon.wpcf7 .wpcf7-form .contact-form-footer .wpcf7-submit:hover,
body #colophon .tagcloud a:hover,
.portfolio-item-page-bottom .project-button .gem-button,
body .woocommerce .woocommerce-cart-form .actions .submit-buttons .update-cart button,
body.woocommerce-cart-layout-modern .woocommerce-empty-cart .return-to-shop .gem-button,
body .checkout-navigation-buttons .checkout-place-order button,
.woocommerce-checkout-layout-one-page-modern #checkout-login-popup .checkout-login .checkout-login-button button {
	background-color: #D3AF37FF;
}







.widget-title,
.woocommerce .widget .gem-products-price ins,
.woocommerce .widget .gem-products-price .amount,
.widget_shopping_cart ul li .quantity,
.widget_shopping_cart .total span.amount {
	color: #ffffff;
}

.widget a {
	color: #cccccc;
}

:root {
	--thegem-to-widget-hover-link_color: #D3AF37D1;
}

.widget a:hover,
.gem-contacts-item.gem-contacts-email a,
.gem-contacts-item.gem-contacts-website a,
.widget_nav_menu li a:hover,
.widget_submenu li a:hover,
.widget_pages ul li a:hover,
.widget_categories > ul > li > a:hover,
.widget_product_categories > ul > li > a:hover,
.widget_nav_menu .current-menu-ancestor > a,
.widget_submenu .menu-item-active> a,
.widget_submenu .current-menu-ancestor > a,
.widget_categories > ul li.current-cat > a,
.widget_categories > ul > li.cat-parent.current-cat-ancestor:after,
.widget_categories > ul > li.cat-parent.current-cat-parent:after,
.widget_categories > ul > li.cat-parent.current-cat:after,
.widget_categories > ul li.cat-parent.current-cat-ancestor > a,
.widget_categories > ul li.cat-parent.current-cat-parent > a,
.widget_product_categories > ul li.current-cat > a,
.widget_product_categories > ul > li.cat-parent.current-cat-ancestor:after,
.widget_product_categories > ul > li.cat-parent.current-cat-parent:after,
.widget_product_categories > ul > li.cat-parent.current-cat:after,
.widget_product_categories > ul li.cat-parent.current-cat-ancestor > a,
.widget_product_categories > ul li.cat-parent.current-cat-parent > a,
.widget_pages > ul li li.current_page_item > a,
.widget_pages > ul li li.page_item_has_children.current_page_ancestor > a,
.widget_pages > ul li li.page_item_has_children.current_page_ancestor > a:after,
.portfolio-filters-list .portfolio-filter-item .portfolio-filter-item-list ul li a:not(.disable):hover,
.portfolio-filters-list .portfolio-filter-item .portfolio-filter-item-list ul li a.active,
.portfolio-filters-list .widget.widget_product_categories ul li a:hover,
.portfolio-filters-list .widget.widget_product_categories ul li.chosen > a,
.portfolio-filters-list .widget.widget_product_categories ul li.current-cat > a,
.portfolio-filters-list .widget.woocommerce-widget-layered-nav ul li a:hover,
.portfolio-filters-list .widget.woocommerce-widget-layered-nav ul li.chosen > a,
.portfolio-filters-list .widget.woocommerce-widget-layered-nav ul li.current-cat > a,
.portfolio-sorting-select ul li:hover,
.portfolio-sorting-select ul li.portfolio-sorting-select-current,
.thegem-popup-notification .notification-message:before,
.portfolio-filters-list .widget_recently_viewed_products ul.product_list_widget li .gem-products-title a:hover,
.portfolio-filters-list .widget_products ul.product_list_widget li .gem-products-title a:hover,
.portfolio-filters-list .widget_top_rated_products ul.product_list_widget li .gem-products-title a:hover,
body .gem-attribute-selector.type-label .gem-attribute-options li:hover .label,
.ajax-minisearch-results .ajax-search-item a:hover {
	color: #D3AF37D1;
}
.portfolio-filters-list .portfolio-filter-item .portfolio-filter-item-list ul li a:not(.disable):hover .count,
.portfolio-filters-list .portfolio-filter-item .portfolio-filter-item-list ul li a.active .count,
.portfolio-filters-list .widget ul li a:hover .count,
.portfolio-filters-list .widget ul li a:hover + .count,
.portfolio-filters-list .widget ul li.chosen .count,
.portfolio-filters-list .widget ul li.current-cat > .count,
.portfolio-filters-list .portfolio-filter-item .portfolio-filter-item-list .price-range-slider .slider-range .ui-slider-range,
.portfolio-filters-list .portfolio-filter-item .portfolio-filter-item-list .price-range-slider .slider-range .ui-slider-handle,
.portfolio-filters-list .portfolio-filter-item .portfolio-filter-item-list .price-range-slider .slider-range .ui-slider-handle + span,
.portfolio-filters-list .widget .price_slider .ui-slider-range,
.portfolio-filters-list .widget .price_slider .ui-slider-handle,
.portfolio-filters-list .widget .price_slider .ui-slider-handle + span,
.thegem-fullscreen-search .top-searches .top-search-item:hover {
	background: #D3AF37D1;
}

.widget a:active {
	color: #D3AF37D9;
}

#colophon .widget-title {
	color: #ffffff;
}

#colophon .widget,
body #colophon .widget .gem-testimonial-position,
#colophon .widget.widget_recent_entries .post-date {
	color: #a7a7a7;
}

#colophon .widget a,
#colophon .gem-contacts .gem-contacts-item:before {
	color: #b3ae8d;
}

#colophon .widget a:hover,
#colophon .gem-contacts .gem-contacts-item.gem-contacts-website a,
#colophon .gem-contacts .gem-contacts-item.gem-contacts-email a,
#colophon #wp-calendar #prev a:hover:after,
#colophon #wp-calendar #next a:hover:after,
#colophon  .widget_tweets .jtwt_tweet a,
#colophon  .recentcomments .comment-author-link a,
#colophon .widget .jtwt_date,
#colophon  .widget_tweets .twitter-box .jtwt_tweet:before,
#colophon .recentcomments .comment-author-link,
#colophon .comment-author-link,
#colophon .gem-latest-news-title span,
#colophon .gem-pp-posts-date,
#colophon .gem-contacts a:before {
	color: #ffffff;
}

#colophon .widget a:active {
	color: #b3ae8d;
}

#colophon .widget-title:after {
	color: #b3ae8d;
	display: inline-block;
}


.portfolio-item .caption .title,
.portfolio-item .caption .title a {
	color: #e5e5e5;
}

.portfolio-item .caption .subtitle {
	color: #e5e5e5;
}

:root {
	--thegem-to-portfolio-date-color: #b3b3b3;
}
.portfolio-item .caption .info,
.portfolio.background-style-gray:not(.disabled-hover):not(.list-style) .portfolio-item:hover .wrap > .caption .subtitle,
.portfolio.background-style-gray:not(.disabled-hover).list-style .portfolio-item .wrap > .caption:hover .subtitle,
.portfolio.background-style-gray.version-alternative:not(.disabled-hover):not(.list-style) .portfolio-item:hover .wrap > .caption .zilla-likes,
.portfolio.background-style-dark:not(.list-style) .portfolio-item:not(:hover) .wrap > .caption .subtitle,
.portfolio.background-style-dark.list-style .portfolio-item .wrap > .caption:not(:hover) .subtitle,
.portfolio.background-style-dark.version-alternative:not(.list-style) .portfolio-item:not(:hover) .wrap > .caption .zilla-likes,
.news-grid.hover-horizontal-sliding .portfolio-item .image .links .caption .author .author-name,
.news-grid.hover-horizontal-sliding .portfolio-item .image .links .caption .author .author-name a {
	color: #b3b3b3;
}




.portfolio-sorting .portfolio-sorting-sep {
	background-color: #666666;
}

.portfolio .portfolio-filters a,
.portfolio-top-panel-row.filter-style-buttons .portfolio-filters-more-button {
	color: #D3AF37FF;
}

.portfolio .portfolio-filters a,
.portfolio-top-panel-row.filter-style-buttons .portfolio-filters-more-button {
	background-color: #000000;
}

.portfolio .portfolio-filters a:hover,
.portfolio-top-panel-row.filter-style-buttons .portfolio-filters-more-button:hover {
	color: #ffffff;
}

.portfolio .portfolio-filters a:hover,
.portfolio-top-panel-row.filter-style-buttons .portfolio-filters-more-button:hover {
	background-color: #7e7e7e;
}

.portfolio .portfolio-filters a.active {
	color: #ffffff;
}

.portfolio .portfolio-filters a.active {
	background-color: #D3AF37FF;
}
.portfolio-top-panel-row.filter-style-buttons .portfolio-filters-more-dropdown a:hover {
	color: #D3AF37FF;
}

.slideinfo .fancybox-title {
	background-color: #262626;
	background-color: rgba(38, 38, 38, 0.8);
}

.fancybox-title .slide-info-title,
.fancybox-title .gem-gallery-item-title {
	color: #ffffff;
}

.fancybox-title .slide-info-summary,
.fancybox-title .gem-gallery-item-description {
	color: #ffffff;
}

.nivo-directionNav .gem-prev:after,
.nivo-directionNav .gem-next:after,
.ls-thegem a.ls-nav-prev:after,
.ls-thegem a.ls-nav-next:after {
	background-color: #262626;
	font-size: 27px;
}

.vc_images_carousel .vc_carousel-control .icon-prev:before,
.vc_images_carousel .vc_carousel-control .icon-next:before,
.nivo-directionNav .gem-prev:after,
.nivo-directionNav .gem-next:after,
.ls-thegem a.ls-nav-prev:after,
.ls-thegem a.ls-nav-next:after {
	color: #ffffff;
}

.gem-prev:after,
.gem-next:after,
.row .wpb_gallery .wpb_flexslider .flex-direction-nav a,
.row .theme-default .nivo-directionNav a,
.row .vc_carousel-control .icon-next,
.row .vc_carousel-control .icon-prev,
.thegem_pf_item .post-meta-navigation a,
.thegem_pf_item .post-meta-left .post-meta-date:before,
.extended-carousel-grid .owl-carousel .owl-nav .owl-prev div,
.extended-carousel-grid .owl-carousel .owl-nav .owl-next div {
	color: #D3AF37FF;
}

.gem-prev:after,
.gem-next:after,
.row .theme-default .nivo-directionNav a,
.row .vc_images_carousel .vc_carousel-control .icon-prev,
.row .vc_images_carousel .vc_carousel-control .icon-next,
.portfolio.portfolio-slider .portolio-slider-prev span,
.portfolio.portfolio-slider .portolio-slider-next span,
.gem-gallery .gem-gallery-thumbs-navigation .gem-prev:not(:hover):after,
.gem-gallery .gem-gallery-thumbs-navigation .gem-next:not(:hover):after,
.extended-carousel-grid .owl-carousel .owl-nav .owl-prev div.position-on,
.extended-carousel-grid .owl-carousel .owl-nav .owl-next div.position-on {
	background-color: #262626;
}

.gem-prev:hover:after,
.gem-next:hover:after,
.row .wpb_gallery .wpb_flexslider .flex-direction-nav a:hover,
.row .theme-default .nivo-directionNav a:hover,
.row .vc_images_carousel .vc_carousel-control .icon-prev:hover,
.row .vc_images_carousel .vc_carousel-control .icon-next:hover,
.row .vc_images_carousel .vc_carousel-control .icon-prev:hover:before,
.row .vc_images_carousel .vc_carousel-control .icon-next:hover:before,
.portfolio.portfolio-slider .portolio-slider-prev span,
.portfolio.portfolio-slider .portolio-slider-next span,
.portfolio.portfolio-slider .portolio-slider-prev:hover span,
.portfolio.portfolio-slider .portolio-slider-next:hover span,
.extended-carousel-grid .owl-carousel .owl-nav .owl-prev:hover div.position-on,
.extended-carousel-grid .owl-carousel .owl-nav .owl-next:hover div.position-on {
	color: #D3AF37FF;
}

.gem-prev:hover:after,
.gem-next:hover:after,
.gem-testimonials.fullwidth-block .gem-prev:hover:after,
.gem-testimonials.fullwidth-block .gem-next:hover:after,
.row .wpb_gallery .wpb_flexslider .flex-direction-nav a:hover,
.row .theme-default .nivo-directionNav a:hover,
.row .vc_images_carousel .vc_carousel-control .icon-prev:hover,
.row .vc_images_carousel .vc_carousel-control .icon-next:hover,
.portfolio.portfolio-slider .portolio-slider-prev:hover span,
.portfolio.portfolio-slider .portolio-slider-next:hover span,
.extended-carousel-grid .owl-carousel .owl-nav .owl-prev:hover div.position-on,
.extended-carousel-grid .owl-carousel .owl-nav .owl-next:hover div.position-on {
	background-color: #ffffff;
}

.portfolio.portfolio-slider .portolio-slider-next span,
.portfolio.portfolio-slider .portolio-slider-prev span {
	color: #D3AF37FF;
}

.portfolio.portfolio-slider .portolio-slider-next:hover span,
.portfolio.portfolio-slider .portolio-slider-prev:hover span {
	color: #262626;
}

.portfolio.portfolio-slider .portolio-slider-next span,
.portfolio.portfolio-slider .portolio-slider-prev span {
	background-color: #262626;
}

.portfolio.portfolio-slider .portolio-slider-next:hover span,
.portfolio.portfolio-slider .portolio-slider-prev:hover span {
	background-color: #D3AF37FF;
}

:root {
	--thegem-to-hover-default-color: #D3AF37FF;
	--thegem-to-hover-default-color-03: rgba(211, 175, 55, 0.3);
	--thegem-to-hover-default-color-08: rgba(211, 175, 55, 0.8);
}
.gem-image a:before,
.gem-textbox-picture a:before,
.team-person-image a:before,
.team-person-image span:before,
.gem-gallery .gem-gallery-preview-carousel-wrap .gem-gallery-item a:before,
.gem-simple-gallery .gem-gallery-item a:before,
.portfolio-item .image .overlay:before,
.gallery-item .overlay:before,
.widget .flickr-item a:before,
.widget-gem-portfolio-item .widget-gem-portfolio-item-hover,
div.blog article a.youtube:before,
div.blog article a.vimeo:before,
div.blog article a.self_video:before,
div.blog article a.default:before,
.widget .gem-pp-posts a:before,
.widget .gem-latest-news-image a:before {
		background-color: rgba(211, 175, 55, 0.8);
	}
.gem-gallery .gem-gallery-thumbs-carousel-wrap .gem-gallery-item a:before,
.gem-gallery-hover-default .active .gem-gallery-item-image:after {
	background-color: #D3AF37FF;
}
.gem-gallery .gem-gallery-thumbs-carousel-wrap .gem-gallery-item svg {
	fill: #D3AF37FF;
}
.gem-gallery-hover-default .active .gem-gallery-item-image:after {
	background-color: #D3AF37FF;
}
.portfolio.products.hover-zooming-blur .portfolio-item .overlay .product-rating .star-rating > span:before,
.portfolio.products.hover-zooming-blur .portfolio-item .image .links .caption .product-price .amount,
.portfolio.products.hover-zooming-blur .portfolio-item .image .links .caption .product-price,
.portfolio.products.hover-zooming-blur .portfolio-item .image .overlay .portfolio-icons.product-bottom a.added_to_cart,
.portfolio.products.hover-zooming-blur .portfolio-item .image .overlay .portfolio-icons.product-bottom .yith-wcwl-wishlistaddedbrowse a {
	color: #D3AF37FF;
}
body .products .product-image .woo-product-overlay,
body #primary-menu.no-responsive > li.menu-item-cart > .minicart ul li .minicart-image:after,
body .hamburger-minicart > .minicart ul li .minicart-image:after,
body.mobile-cart-position-top #site-header .mobile-cart ul li .minicart-image:after,
body .widget_shopping_cart ul li .minicart-image:after,
body ul.product_list_widget .gem-products-image a:before,
.product-page__wrapper .product-page__nav .product-page__nav-preview .nav-preview__image:after{
	background-color: rgba(211, 175, 55, 0.3);
}

.gem-gallery-hover-zooming-blur .gem-gallery-preview-carousel-wrap .gem-gallery-item a:before,
.gem-gallery-hover-zooming-blur .gem-gallery-preview-carousel-wrap:hover .gem-gallery-item a:before,
.portfolio.hover-zooming-blur .portfolio-item .image .overlay:before,
.portfolio.hover-new-zooming-blur .portfolio-item .image .overlay:before,
.hover-new-zooming-blur .portfolio-item .gem-simple-gallery .gem-gallery-item a:before,
.portfolio.hover-default-zooming-blur .portfolio-item .image .overlay:before,
.hover-default-zooming-blur .portfolio-item .gem-simple-gallery .gem-gallery-item a:before,
.hover-zooming-blur .portfolio-item .gem-simple-gallery .gem-gallery-item a:before,
.gem-gallery-grid.hover-zooming-blur .gallery-item .overlay:before,
.gem-gallery-hover-zooming-blur .gem-gallery-item .gem-gallery-item-image a:before,
body .blog-style-styled_list1 article a.default:before,
body .blog-style-styled_list2 article a.default:before,
body .blog-style-compact article a.default:before,
body .blog-style-compact-tiny-1 article a.default:before,
.blog article .post-featured-content > a:before,
.blog .gem-simple-gallery .gem-gallery-item a:before {
		background-color: rgba(204, 204, 204, 0.8);
	}
.gem-gallery.gem-gallery-hover-zooming-blur .gem-gallery-thumbs-carousel-wrap .gem-gallery-item svg,
.gem-gallery.gem-gallery-hover-gradient .gem-gallery-thumbs-carousel-wrap .gem-gallery-item svg{
	fill: #cccccc;
}
.gem-gallery.gem-gallery-hover-zooming-blur .active .gem-gallery-item-image:after,
.gem-gallery.gem-gallery-hover-gradient .active .gem-gallery-item-image:after
{
	background-color: #cccccc;
}
.portfolio.products.hover-zooming-blur .portfolio-item .overlay .product-rating .star-rating:before {
	color: #cccccc;
}

.gem-gallery-hover-horizontal-sliding .gem-gallery-item .gem-gallery-item-image a:before,
.portfolio.hover-horizontal-sliding .overlay:before,
.gem-gallery-grid.hover-horizontal-sliding .gallery-item .overlay:before,
.hover-new-horizontal-sliding .portfolio-item .image .overlay:before,
.hover-new-horizontal-sliding .portfolio-item .gem-simple-gallery .gem-gallery-item a:before,
.hover-default-horizontal-sliding .portfolio-item .image .overlay:before,
.hover-default-horizontal-sliding .portfolio-item .gem-simple-gallery .gem-gallery-item a:before,
.hover-horizontal-sliding .portfolio-item .gem-simple-gallery .gem-gallery-item a:before {
		background-color: rgba(38, 38, 38, 0.8);
	}
.gem-gallery-hover-horizontal-sliding .active .gem-gallery-item-image:after {
	background-color: #262626;
}
.gem-gallery.gem-gallery-hover-horizontal-sliding .gem-gallery-thumbs-carousel-wrap .gem-gallery-item svg{
	fill: #262626;
}
.team-person-image span:before,
.gem-team-style-5 .team-person-image a:before,
.gem-team-style-5 .team-person-image span:before {
		background-color: rgba(38, 38, 38, 0.7);
	}



.gem-gallery-hover-vertical-sliding .gem-gallery-item .gem-gallery-item-image a:before,
.portfolio.hover-vertical-sliding .overlay:before,
.portfolio.hover-new-vertical-sliding .overlay:before,
.portfolio.hover-new-vertical-sliding .portfolio-item .gem-simple-gallery .gem-gallery-item a:before,
.portfolio.hover-default-vertical-sliding .overlay:before,
.portfolio.hover-default-vertical-sliding .portfolio-item .gem-simple-gallery .gem-gallery-item a:before,
.hover-vertical-sliding .portfolio-item .gem-simple-gallery .gem-gallery-item a:before,
.gem-gallery-grid.hover-vertical-sliding .gallery-item .overlay:before {
		background-color: rgba(211, 175, 55, 0.8);
	}
.gem-gallery-hover-vertical-sliding .active .gem-gallery-item-image:after {
	background-color: #D3AF37FF;
}
.gem-gallery.gem-gallery-hover-vertical-sliding .gem-gallery-thumbs-carousel-wrap .gem-gallery-item svg{
	fill: #D3AF37FF;
}



.gem-testimonials .gem-prev:after,
.gem-testimonials .gem-next:after {
	color: #464646;
}

.gem-testimonials .gem-prev:hover:after,
.gem-testimonials .gem-next:hover:after {
	color: #464646;
}

body .gem-testimonials .gem-prev:after,
body .gem-testimonials.fullwidth-block .gem-prev:after,
body .gem-testimonials .gem-next:after,
body .gem-testimonials.fullwidth-block .gem-next:after {
	background-color: #D3AF37FF;
}

body .gem-testimonials .gem-prev:hover:after,
body .gem-testimonials.fullwidth-block .gem-prev:hover:after,
body .gem-testimonials .gem-next:hover:after,
body .gem-testimonials.fullwidth-block .gem-next:hover:after {
	background-color: #ffffff;
}

.widget_archive li:before,
.widget_nav_menu ul.menu li > a:before,
.widget_submenu > div > ul li > a:before,
.widget_categories > ul li > a:before,
.widget_product_categories > ul li > a:before,
.widget_pages > ul li > a:before,
.widget_meta li:before,
.widget_rss li:before,
.project_info-item-style-2 .icon,
.gem_accordion_header .ui-accordion-header-icon:before,
.wpb_toggle:after,
.vc_toggle_title:after,
.widget_layered_nav ul li a:before,
.widget .gem-contacts-address:before,
.widget .gem-contacts-phone:before,
.widget .gem-contacts-fax:before,
.widget .gem-contacts-email:before,
.widget .gem-contacts-website:before,
.resp-accordion:after {
	color: #D3AF37FF;
}

.gem-icon,
.widget .team-person-email a:before,
.woocommerce-message:before,
.woocommerce-info:before {
	color: #D3AF37FF;
}

:root {
	--thegem-to-icons-portfolio-gallery-color-hover: #ffffff;
}
.gem-image a:after,
.gem-image a i,
.portfolio-item .image .overlay .links a.icon:before,
.portfolio-item .image .overlay .links a.icon i,
.portfolio.hover-title .portfolio-item .caption .title,
.portfolio.hover-title .portfolio-item .caption .product-variations,
.portfolio.hover-title.columns-4 .portfolio-item .caption .title,
.portfolio.hover-title .portfolio-item .caption .subtitle,
.portfolio.hover-title .portfolio-item .caption .info,
.portfolio.hover-title .portfolio-item .caption .info a,
.portfolio.hover-default .portfolio-item .image .overlay .links .caption .info a,
.portfolio .portfolio-item .image .overlay .links .portfolio-sharing-pane .socials-item,
.portfolio.products .portfolio-item .image .overlay .portfolio-icons.product-bottom a.added_to_cart,
.portfolio.products .portfolio-item .image .overlay .portfolio-icons.product-bottom .yith-wcwl-wishlistaddedbrowse a,
.news-grid.portfolio.hover-title .portfolio-item .caption .title > *,
.news-grid.portfolio.hover-default .comments-link a,
.news-grid.portfolio.hover-vertical-sliding .comments-link a,
.news-grid.portfolio.hover-gradient .comments-link a,
.news-grid.portfolio.hover-circular .comments-link a,
.news-grid.portfolio.hover-default .zilla-likes,
.news-grid.portfolio.hover-vertical-sliding .zilla-likes,
.news-grid.portfolio.hover-gradient .zilla-likes,
.news-grid.portfolio.hover-circular .zilla-likes,
.news-grid.hover-default .portfolio-item .image .links .caption .author .author-name,
.news-grid.hover-default .portfolio-item .image .links .caption .author .author-name a,
.news-grid.hover-vertical-sliding .portfolio-item .image .links .caption .author .author-name,
.news-grid.hover-vertical-sliding .portfolio-item .image .links .caption .author .author-name a,
.news-grid.hover-default .portfolio-item .image .links .caption .description .subtitle,
.news-grid.hover-vertical-sliding .portfolio-item .image .links .caption .description .subtitle,
.news-grid.hover-horizontal-sliding .portfolio-item .image .links .caption .description .subtitle,
.news-grid.hover-vertical-sliding .portfolio-item .image .links .caption .post-date,
.news-grid.hover-horizontal-sliding .portfolio-item .image .links .caption .post-date,
.news-grid.hover-gradient .portfolio-item .image .links .caption .post-date,
.news-grid.hover-circular .portfolio-item .image .links .caption .post-date,
.news-grid.portfolio.hover-vertical-sliding .portfolio-item .image .overlay .links .caption .info a,
.news-grid.portfolio.hover-vertical-sliding .portfolio-item .image .overlay .links .caption .info span.sep,
.news-grid.hover-gradient .portfolio-item .image .links .caption .author .author-name,
.news-grid.hover-gradient .portfolio-item .image .links .caption .author .author-name a,
.news-grid.hover-circular .portfolio-item .image .links .caption .author .author-name,
.news-grid.hover-circular .portfolio-item .image .links .caption .author .author-name a,
.news-grid.hover-gradient.title-on-page.title-style-dark .portfolio-item .image .overlay .links .caption .subtitle,
.news-grid.hover-circular.title-on-page.title-style-dark .portfolio-item .image .overlay .links .caption .subtitle,
.news-grid.hover-circular .portfolio-item .image .links .caption .post-date,
.news-grid .portfolio-item.double-item-style-alternative .highlight-item-alternate-box .post-date,
.news-grid .portfolio-item.double-item-style-alternative .highlight-item-alternate-box .title > *,
.news-grid .portfolio-item.double-item-style-alternative .highlight-item-alternate-box .info a,
.portfolio.background-style-gray:not(.disabled-hover):not(.list-style) .portfolio-item:hover .wrap > .caption .title,
.portfolio.background-style-gray:not(.disabled-hover).list-style .portfolio-item .wrap > .caption:hover .title,
.portfolio.background-style-gray:not(.disabled-hover):not(.list-style) .portfolio-item:hover .wrap > .caption .product-variations,
.portfolio.background-style-gray:not(.disabled-hover).list-style .portfolio-item .wrap > .caption:hover .product-variations,
.portfolio.background-style-dark .portfolio-item .wrap > .caption .title,
.news-grid.portfolio.background-style-gray:not(.disabled-hover):not(.list-style) .portfolio-item:hover .wrap > .caption .title,
.news-grid.portfolio.background-style-gray:not(.disabled-hover).list-style .portfolio-item .wrap > .caption:hover .title,
.news-grid.portfolio.background-style-gray:not(.disabled-hover):not(.list-style) .portfolio-item:hover .wrap > .caption .title a,
.news-grid.portfolio.background-style-gray:not(.disabled-hover).list-style .portfolio-item .wrap > .caption:hover .title a,
.news-grid.portfolio.background-style-dark .portfolio-item .wrap > .caption .title,
.news-grid.portfolio.background-style-dark .portfolio-item .wrap > .caption .title a,
.gallery-item .overlay .title,
.gallery-item .overlay .subtitle,
.gallery-item .overlay a.icon:before,
.gallery-item .overlay a.icon i,
.gem-gallery .gem-gallery-preview-carousel-wrap:hover .gem-prev:after,
.gem-gallery .gem-gallery-preview-carousel-wrap:hover .gem-next:after,
.gem-gallery .gem-gallery-preview-carousel-wrap .gem-gallery-item a:after,
.gem-gallery .gem-gallery-preview-carousel-wrap .gem-gallery-item a i,
.gem-gallery .gem-gallery-preview-carousel-wrap .gem-gallery-item .gem-gallery-caption,
.gem-gallery-hover-zooming-blur .gem-gallery-preview-carousel-wrap .gem-gallery-item a:after,
.gem-gallery-hover-zooming-blur .gem-gallery-preview-carousel-wrap .gem-gallery-item a i,
.gem-gallery-hover-gradient .gem-gallery-preview-carousel-wrap .gem-gallery-item a:after,
.gem-gallery-hover-gradient .gem-gallery-preview-carousel-wrap .gem-gallery-item a i,
.gem-simple-gallery .gem-gallery-item a:after,
.gem-simple-gallery .gem-gallery-item a i,
.portfolio.hover-gradient .portfolio-item .image .overlay .links .caption .info a,
.portfolio.hover-gradient .portfolio-item .image .overlay .links .caption .info span.sep,
.portfolio.hover-gradient .portfolio-item .image .overlay .links .caption .subtitle,
.portfolio.hover-circular .portfolio-item .image .overlay .links .caption .subtitle,
.portfolio.hover-gradient .portfolio-item .image .overlay .links .caption .info,
.portfolio.hover-circular .portfolio-item .image .overlay .links .caption .info,
.portfolio.hover-gradient .portfolio-item .image .overlay .links .caption .title,
.portfolio.hover-circular .portfolio-item .image .overlay .links .caption .title,
.portfolio.hover-gradient .portfolio-item .image .overlay .links .caption .product-variations,
.portfolio.hover-circular .portfolio-item .image .overlay .links .caption .product-variations,
.portfolio.hover-gradient .portfolio-item .image .overlay .links .portfolio-sharing-pane .socials-item,
.version-new.news-grid .portfolio-item .image .links .caption .post-date,
.version-new.news-grid .portfolio-item .image .links .caption .author,
.version-new.news-grid .portfolio-item .links .caption .grid-post-meta .grid-post-meta-comments-likes a,
.version-new.news-grid.hover-new-horizontal-sliding .portfolio-item .links .caption .grid-post-meta .grid-post-meta-comments-likes a:before,
.version-new.news-grid.hover-new-horizontal-sliding .portfolio-item .links .caption .grid-post-meta .grid-post-meta-comments-likes a i,
.version-default.news-grid .portfolio-item .image .links .caption .post-date,
.version-default.news-grid.title-on-hover .portfolio-item .image .links .caption .author,
.version-default.news-grid .portfolio-item .links .caption .grid-post-meta .grid-post-meta-comments-likes a,
.version-new.news-grid.portfolio.title-on-page .portfolio-item .image .links .caption .info a,
.version-new.news-grid.portfolio.title-on-page .portfolio-item .image .links .caption .info span,
.version-new.news-grid.portfolio.title-on-page .portfolio-item .image .links .caption .info .sep,
.news-grid.portfolio.hover-default-zooming-blur .portfolio-item .image .overlay .caption .title > *,
.version-default.news-grid.hover-default-zooming-blur .portfolio-item .image .links .caption .author,
.thegem-tabs__nav-item sup,
.thegem-accordion__item-title sup{
	color: #ffffff;
}

.version-default.news-grid .portfolio-item .image .links .caption .grid-post-meta .comments-link + .post-meta-likes,
.version-default.news-grid .portfolio-item .image .links .caption .grid-post-meta .grid-post-share + .grid-post-meta-comments-likes .comments-link,
.version-default.news-grid .portfolio-item .image .links .caption .grid-post-meta .grid-post-share + .grid-post-meta-comments-likes .post-meta-likes,
.version-default.news-grid .portfolio-item .image .links .caption .sep {
	border-left-color: #ffffff;
}

:root {
	--thegem-to-pagination-color: #b3b3b3;
}
.gem-pagination a,
.gem-pagination .current,
.gem-pagination .dots {
	color: #b3b3b3;
}
body .vc_grid-pagination .vc_grid-pagination-list li.vc_grid-page a {
	border: 2px solid #b3b3b3 !important;
}
body .vc_grid-pagination .vc_grid-pagination-list li.vc_grid-prev a,
body .vc_grid-pagination .vc_grid-pagination-list li.vc_grid-next a {
	background-color: #b3b3b3 !important;
}
body .vc_grid-pagination .vc_grid-pagination-list li.vc_grid-page a {
	color: #b3b3b3 !important;
}

:root {
	--thegem-to-pagination-background-color: #262626;
}
.gem-pagination a,
.gem-pagination .current,
.gem-pagination .dots {
	background-color: #262626;
}
.gem-pagination a:hover,
.gem-pagination .current {
	color: #262626;
}
body .vc_grid-pagination .vc_grid-pagination-list li.vc_grid-page a {
	background-color: #262626 !important;
}
body .vc_grid-pagination .vc_grid-pagination-list li.vc_grid-page a:hover,
body .vc_grid-pagination .vc_grid-pagination-list li.vc_grid-prev a:hover,
body .vc_grid-pagination .vc_grid-pagination-list li.vc_grid-next a:hover,
body .vc_grid-pagination .vc_grid-pagination-list li.vc_grid-prev a,
body .vc_grid-pagination .vc_grid-pagination-list li.vc_grid-next a,
body .vc_grid-pagination .vc_grid-pagination-list li.vc_grid-page.vc_grid-active a {
	color: #262626 !important;
}

:root {
	--thegem-to-pagination-color-hover: #D3AF37FF;
}
.gem-pagination a:hover {
	background-color: #D3AF37FF;
}
.gem-pagination a:hover {
	border-color: #D3AF37FF;
}
body .vc_grid-pagination .vc_grid-pagination-list li.vc_grid-page a:hover,
body .vc_grid-pagination .vc_grid-pagination-list li.vc_grid-prev a:hover,
body .vc_grid-pagination .vc_grid-pagination-list li.vc_grid-next a:hover {
	background-color: #D3AF37FF;
}

:root {
	--thegem-to-pagination-color-active: #D3AF37FF;
}
.gem-pagination .current {
	background-color: #D3AF37FF;
}
body .vc_grid-pagination .vc_grid-pagination-list li.vc_grid-page.vc_grid-active a {
	background-color: #D3AF37FF !important;
}
body .vc_grid-pagination .vc_grid-pagination-list li.vc_grid-page.vc_grid-active a{
	background-color: #D3AF37FF !important;
}

.gem-mini-pagination a,
.flexslider .flex-control-paging li a,
.flexslider .flex-control-paging li a:hover,
.vc_carousel-indicators li,
.row .gem-mini-pagination a,
.row .flexslider .flex-control-paging li a,
.row .flexslider .flex-control-paging li a:hover,
.row .vc_carousel-indicators li,
.vc_pagination.vc_pagination-style-thegem.vc_pagination-shape-circle .vc_pagination-trigger,
.vc_pagination.vc_pagination-style-thegem.vc_pagination-shape-circle .vc_pagination-trigger:hover,
.row .theme-default .nivo-controlNav a,
.product-gallery .owl-dots .owl-dot span,
.extended-carousel-grid .owl-carousel .owl-dots .owl-dot span {
	background-color: #b3b3b3;
}
.portfolio-filters-list .portfolio-filter-item.single .portfolio-filter-item-list ul li a:before {
	border-color: #b3b3b3;
}

.gem-mini-pagination a.selected,
.gem-mini-pagination a.active,
.flexslider .flex-control-paging li a.flex-active,
.flexslider .flex-control-paging li a.flex-active:hover,
.vc_carousel-indicators .vc_active,
.row .flexslider .flex-control-paging li a.flex-active,
.row .flexslider .flex-control-paging li a.flex-active:hover,
.row .vc_carousel-indicators .vc_active,
.vc_pagination.vc_pagination-style-thegem.vc_pagination-shape-circle .vc_active .vc_pagination-trigger,
.row .theme-default .nivo-controlNav a.active,
.product-gallery .owl-dots .owl-dot.active span,
.extended-carousel-grid .owl-carousel .owl-dots .owl-dot.active span {
	background-color: #D3AF37FF;
}



.top-area a.socials-item {
	color: #ffffff;
}

#footer-socials a.socials-item {
	color: #ffffff;
}

:root {
	--thegem-to-socials-sharing-color: #b3b3b3;
}
.socials-sharing a.socials-item {
	color: #b3b3b3;
}

.single-product-content .socials-sharing a.socials-item {
	color: #b3b3b3;
}

:root {
	--thegem-to-form-elements-background-color: #161513;
}
input[type="text"],
input[type="password"],
input[type="color"],
input[type="date"],
input[type="datetime"],
input[type="datetime-local"],
input[type="email"],
input[type="number"],
input[type="range"],
input[type="search"],
input[type="tel"],
input[type="time"],
input[type="url"],
input[type="month"],
input[type="week"],
textarea,
.chosen-container,
.select2-container,
.checkbox-sign,
.radio-sign {
	background-color: #161513;
}
.chosen-container-single .chosen-single div:before,
.select2-container .select2-choice .select2-arrow:before {
	color: #161513;
}

:root {
	--thegem-to-form-elements-text-color: #b3b3b3;
}
input[type="text"],
input[type="password"],
input[type="color"],
input[type="date"],
input[type="datetime"],
input[type="datetime-local"],
input[type="email"],
input[type="number"],
input[type="range"],
input[type="search"],
input[type="tel"],
input[type="time"],
input[type="url"],
input[type="month"],
input[type="week"],
textarea,
select,
.chosen-container-single .chosen-single,
.select2-container .select2-choice,
.widget_product_search form:before {
	color: #b3b3b3;
}

:root {
	--thegem-to-form-elements-border-color: #161513;
}
input[type="text"],
input[type="password"],
input[type="color"],
input[type="date"],
input[type="datetime"],
input[type="datetime-local"],
input[type="email"],
input[type="number"],
input[type="range"],
input[type="search"],
input[type="tel"],
input[type="time"],
input[type="url"],
input[type="month"],
input[type="week"],
textarea,
.combobox-wrapper,
#page .woocommerce .select2-container .select2-selection--single,
.select2-container .select2-dropdown,
.chosen-container-single .chosen-single,
.select2-container .select2-choice,
select.wpcf7-form-control.wpcf7-select,
.thegem-combobox-wrap .thegem-combobox__trigger,
.thegem-combobox-wrap .thegem-combobox__options,
.product-page__wrapper .product-page__nav .product-page__nav-preview,
.product-page__wrapper form.cart .quantity,
.gem-attribute-selector .gem-attribute-options li,
table.variations .thegem-select {
	border: 1px solid #161513;
}
.chosen-container-single .chosen-single div,
.edit-address-form .form-row .chosen-container-single .chosen-single div,
.select2-container .select2-choice .select2-arrow,
.product-page__wrapper form.cart .quantity button:before{
	background-color: #161513;
}




.products .product .product-inner:not(:hover) .product-info .product-title,
.products .portfolio-item:not(:hover) .wrap > .caption .title {
	color: #5f727f;
}

:root {
	--thegem-to-product-title-color: #3c3950;
}
.single-product-content .product_title {
	color: #3c3950;
}

.widget .gem-products-content .gem-products-title,
.widget .gem-products-content .gem-products-title a {
	color: #5f727f;
}

:root {
	--thegem-to-product-title-cart-color: #00bcd4;
}
body .shop_table.cart .product-name .product-title,
body .shop_table.cart .product-name .product-title a {
	color: #00bcd4;
}

body .checkout .shop_table .product-name .product-title,
body .checkout .shop_table .product-name .product-title a {
	color: #ffffff;
}

.products .product-info .price ins,
.products .product-info .price .amount {
	color: #00bcd4;
}

:root {
	--thegem-to-product-price-color: #3c3950;
}
.single-product-content .price,
.single-product-content .price del{
	color: #3c3950;
}

.product-page__wrapper .price del:before{
	background-color: #3c3950;
}

.widget .gem-products-content .gem-products-price ins,
.widget .gem-products-content .gem-products-price .amount {
	color: #3c3950;
}

:root {
	--thegem-to-product-price-cart-color: #3c3950;
}
.woocommerce .shop_table tr td.product-price,
.woocommerce .shop_table tr td.product-subtotal,
.woocommerce .wishlist_table .product-info .product-info-content .product-price,
body .woocommerce .shop_table td.product-price,
body .woocommerce .shop_table td.product-subtotal,
body .woocommerce .wishlist_table .product-info .product-info-content .product-price,
body .woocommerce .woocommerce-cart-form.responsive .cart-item .gem-table .shop_table td.product-price,
body .woocommerce .woocommerce-cart-form.responsive .cart-item .gem-table .shop_table td.product-subtotal,
body .woocommerce .cart_totals table td .amount,
body .woocommerce .cart_totals table tr.order-total td .amount,
body .woocommerce .cart_totals table tr td,
body .woocommerce .woocommerce-checkout .shop_table.woocommerce-checkout-payment-total .cart-subtotal td .amount,
body .woocommerce .woocommerce-checkout #order_review .woocommerce-checkout-payment .payment_methods .payment_box,
body .woocommerce .woocommerce-checkout #order_review .woocommerce-checkout-payment .payment_methods .payment_box:before,
body .woocommerce .woocommerce-checkout .thegem-te-checkout-payment .woocommerce-checkout-payment .payment_methods .payment_box,
body .woocommerce .woocommerce-checkout .thegem-te-checkout-payment .woocommerce-checkout-payment .payment_methods .payment_box:before,
body .woocommerce .woocommerce-checkout.woocommerce-checkout-one-page .checkout-payment .shop_table td.product-total .amount,
body .woocommerce .woocommerce-checkout.woocommerce-checkout-one-page .shop_table.woocommerce-checkout-payment-total .order-total td .amount,
body #primary-menu.no-responsive > li.menu-item-cart > .minicart ul li .quantity span.amount,
body #primary-menu.no-responsive > li.menu-item-cart > .minicart .total span.amount,
body .hamburger-minicart > .minicart ul li .quantity span.amount,
body .hamburger-minicart > .minicart .total span.amount,
body.mobile-cart-position-top #site-header .mobile-cart .total span.amount,
.product-page__wrapper .product-page__nav .product-page__nav-preview .nav-preview__info-price{
	color: #3c3950;
}


.portfolio.item-separator .portfolio-item:before,
.portfolio.item-separator .portfolio-item:after,
.portfolio.item-separator .portfolio-item .item-separator-box:before,
.portfolio.item-separator .portfolio-item .item-separator-box:after,
.products-categories-widget.item-separator .products-category-item:before,
.products-categories-widget.item-separator .products-category-item:after,
.products-categories-widget.item-separator .products-category-item .item-separator-box:before,
.products-categories-widget.item-separator .products-category-item .item-separator-box:after {
	border-color: #000000;
}








.wpcf7-form.gem-contact-form-white input[type="text"],
.wpcf7-form.gem-contact-form-white input[type="password"],
.wpcf7-form.gem-contact-form-white input[type="color"],
.wpcf7-form.gem-contact-form-white input[type="date"],
.wpcf7-form.gem-contact-form-white input[type="datetime"],
.wpcf7-form.gem-contact-form-white input[type="datetime-local"],
.wpcf7-form.gem-contact-form-white input[type="email"],
.wpcf7-form.gem-contact-form-white input[type="number"],
.wpcf7-form.gem-contact-form-white input[type="range"],
.wpcf7-form.gem-contact-form-white input[type="search"],
.wpcf7-form.gem-contact-form-white input[type="tel"],
.wpcf7-form.gem-contact-form-white input[type="time"],
.wpcf7-form.gem-contact-form-white input[type="url"],
.wpcf7-form.gem-contact-form-white input[type="month"],
.wpcf7-form.gem-contact-form-white input[type="week"],
.wpcf7-form.gem-contact-form-white textarea,
.wpcf7-form.gem-contact-form-white .combobox-wrapper .combobox-text,
.wpcf7-form.gem-contact-form-white select,
#colophon .wpcf7-form.gem-contact-form-white input[type="text"],
#colophon .wpcf7-form.gem-contact-form-white input[type="password"],
#colophon .wpcf7-form.gem-contact-form-white input[type="color"],
#colophon .wpcf7-form.gem-contact-form-white input[type="date"],
#colophon .wpcf7-form.gem-contact-form-white input[type="datetime"],
#colophon .wpcf7-form.gem-contact-form-white input[type="datetime-local"],
#colophon .wpcf7-form.gem-contact-form-white input[type="email"],
#colophon .wpcf7-form.gem-contact-form-white input[type="number"],
#colophon .wpcf7-form.gem-contact-form-white input[type="range"],
#colophon .wpcf7-form.gem-contact-form-white input[type="search"],
#colophon .wpcf7-form.gem-contact-form-white input[type="tel"],
#colophon .wpcf7-form.gem-contact-form-white input[type="time"],
#colophon .wpcf7-form.gem-contact-form-white input[type="url"],
#colophon .wpcf7-form.gem-contact-form-white input[type="month"],
#colophon .wpcf7-form.gem-contact-form-white input[type="week"],
#colophon .wpcf7-form.gem-contact-form-white textarea,
#colophon .wpcf7-form.gem-contact-form-white .combobox-wrapper .combobox-text,
#colophon .wpcf7-form.gem-contact-form-white select {
	color: #909090;
}

.wpcf7-form.gem-contact-form-white input[type="text"],
.wpcf7-form.gem-contact-form-white input[type="password"],
.wpcf7-form.gem-contact-form-white input[type="color"],
.wpcf7-form.gem-contact-form-white input[type="date"],
.wpcf7-form.gem-contact-form-white input[type="datetime"],
.wpcf7-form.gem-contact-form-white input[type="datetime-local"],
.wpcf7-form.gem-contact-form-white input[type="email"],
.wpcf7-form.gem-contact-form-white input[type="number"],
.wpcf7-form.gem-contact-form-white input[type="range"],
.wpcf7-form.gem-contact-form-white input[type="search"],
.wpcf7-form.gem-contact-form-white input[type="tel"],
.wpcf7-form.gem-contact-form-white input[type="time"],
.wpcf7-form.gem-contact-form-white input[type="url"],
.wpcf7-form.gem-contact-form-white input[type="month"],
.wpcf7-form.gem-contact-form-white input[type="week"],
.wpcf7-form.gem-contact-form-white textarea,
.wpcf7-form.gem-contact-form-white .combobox-wrapper,
.wpcf7-form.gem-contact-form-white .combobox-wrapper .combobox-button,
.wpcf7-form.gem-contact-form-white .combobox-wrapper .combobox-text,
.wpcf7-form.gem-contact-form-white select,
.wpcf7-form.gem-contact-form-white .checkbox-sign,
#colophon .wpcf7-form.gem-contact-form-white input[type="text"],
#colophon .wpcf7-form.gem-contact-form-white input[type="password"],
#colophon .wpcf7-form.gem-contact-form-white input[type="color"],
#colophon .wpcf7-form.gem-contact-form-white input[type="date"],
#colophon .wpcf7-form.gem-contact-form-white input[type="datetime"],
#colophon .wpcf7-form.gem-contact-form-white input[type="datetime-local"],
#colophon .wpcf7-form.gem-contact-form-white input[type="email"],
#colophon .wpcf7-form.gem-contact-form-white input[type="number"],
#colophon .wpcf7-form.gem-contact-form-white input[type="range"],
#colophon .wpcf7-form.gem-contact-form-white input[type="search"],
#colophon .wpcf7-form.gem-contact-form-white input[type="tel"],
#colophon .wpcf7-form.gem-contact-form-white input[type="time"],
#colophon .wpcf7-form.gem-contact-form-white input[type="url"],
#colophon .wpcf7-form.gem-contact-form-white input[type="month"],
#colophon .wpcf7-form.gem-contact-form-white input[type="week"],
#colophon .wpcf7-form.gem-contact-form-white textarea,
#colophon .wpcf7-form.gem-contact-form-white .combobox-wrapper,
#colophon .wpcf7-form.gem-contact-form-white .combobox-wrapper .combobox-button,
#colophon .wpcf7-form.gem-contact-form-white .combobox-wrapper .combobox-text,
#colophon .wpcf7-form.gem-contact-form-white select,
#colophon .wpcf7-form.gem-contact-form-white .checkbox-sign {
	background-color: transparent;
}

.thegem-combobox-wrap .thegem-combobox__options-item:hover,
.thegem-combobox-wrap .thegem-combobox__options-item.selected{
	color: transparent;
}

.wpcf7-form.gem-contact-form-white input[type="text"],
.wpcf7-form.gem-contact-form-white input[type="password"],
.wpcf7-form.gem-contact-form-white input[type="color"],
.wpcf7-form.gem-contact-form-white input[type="date"],
.wpcf7-form.gem-contact-form-white input[type="datetime"],
.wpcf7-form.gem-contact-form-white input[type="datetime-local"],
.wpcf7-form.gem-contact-form-white input[type="email"],
.wpcf7-form.gem-contact-form-white input[type="number"],
.wpcf7-form.gem-contact-form-white input[type="range"],
.wpcf7-form.gem-contact-form-white input[type="search"],
.wpcf7-form.gem-contact-form-white input[type="tel"],
.wpcf7-form.gem-contact-form-white input[type="time"],
.wpcf7-form.gem-contact-form-white input[type="url"],
.wpcf7-form.gem-contact-form-white input[type="month"],
.wpcf7-form.gem-contact-form-white input[type="week"],
.wpcf7-form.gem-contact-form-white textarea,
.wpcf7-form.gem-contact-form-white .combobox-wrapper,
.wpcf7-form.gem-contact-form-white select,
.wpcf7-form.gem-contact-form-white .checkbox-sign,
#colophon .wpcf7-form.gem-contact-form-white input[type="text"],
#colophon .wpcf7-form.gem-contact-form-white input[type="password"],
#colophon .wpcf7-form.gem-contact-form-white input[type="color"],
#colophon .wpcf7-form.gem-contact-form-white input[type="date"],
#colophon .wpcf7-form.gem-contact-form-white input[type="datetime"],
#colophon .wpcf7-form.gem-contact-form-white input[type="datetime-local"],
#colophon .wpcf7-form.gem-contact-form-white input[type="email"],
#colophon .wpcf7-form.gem-contact-form-white input[type="number"],
#colophon .wpcf7-form.gem-contact-form-white input[type="range"],
#colophon .wpcf7-form.gem-contact-form-white input[type="search"],
#colophon .wpcf7-form.gem-contact-form-white input[type="tel"],
#colophon .wpcf7-form.gem-contact-form-white input[type="time"],
#colophon .wpcf7-form.gem-contact-form-white input[type="url"],
#colophon .wpcf7-form.gem-contact-form-white input[type="month"],
#colophon .wpcf7-form.gem-contact-form-white input[type="week"],
#colophon .wpcf7-form.gem-contact-form-white textarea,
#colophon .wpcf7-form.gem-contact-form-white .combobox-wrapper,
#colophon .wpcf7-form.gem-contact-form-white select,
#colophon .wpcf7-form.gem-contact-form-white .checkbox-sign {
	border: 1px solid #797979;
}

.wpcf7-form.gem-contact-form-white input[type="text"]::placeholder,
.wpcf7-form.gem-contact-form-white input[type="password"]::placeholder,
.wpcf7-form.gem-contact-form-white input[type="color"]::placeholder,
.wpcf7-form.gem-contact-form-white input[type="date"]::placeholder,
.wpcf7-form.gem-contact-form-white input[type="datetime"]::placeholder,
.wpcf7-form.gem-contact-form-white input[type="datetime-local"]::placeholder,
.wpcf7-form.gem-contact-form-white input[type="email"]::placeholder,
.wpcf7-form.gem-contact-form-white input[type="number"]::placeholder,
.wpcf7-form.gem-contact-form-white input[type="range"]::placeholder,
.wpcf7-form.gem-contact-form-white input[type="search"]::placeholder,
.wpcf7-form.gem-contact-form-white input[type="tel"]::placeholder,
.wpcf7-form.gem-contact-form-white input[type="time"]::placeholder,
.wpcf7-form.gem-contact-form-white input[type="url"]::placeholder,
.wpcf7-form.gem-contact-form-white input[type="month"]::placeholder,
.wpcf7-form.gem-contact-form-white input[type="week"]::placeholder,
.wpcf7-form.gem-contact-form-white textarea::placeholder,
#colophon .wpcf7-form.gem-contact-form-white input[type="text"]::placeholder,
#colophon .wpcf7-form.gem-contact-form-white input[type="password"]::placeholder,
#colophon .wpcf7-form.gem-contact-form-white input[type="color"]::placeholder,
#colophon .wpcf7-form.gem-contact-form-white input[type="date"]::placeholder,
#colophon .wpcf7-form.gem-contact-form-white input[type="datetime"]::placeholder,
#colophon .wpcf7-form.gem-contact-form-white input[type="datetime-local"]::placeholder,
#colophon .wpcf7-form.gem-contact-form-white input[type="email"]::placeholder,
#colophon .wpcf7-form.gem-contact-form-white input[type="number"]::placeholder,
#colophon .wpcf7-form.gem-contact-form-white input[type="range"]::placeholder,
#colophon .wpcf7-form.gem-contact-form-white input[type="search"]::placeholder,
#colophon .wpcf7-form.gem-contact-form-white input[type="tel"]::placeholder,
#colophon .wpcf7-form.gem-contact-form-white input[type="time"]::placeholder,
#colophon .wpcf7-form.gem-contact-form-white input[type="url"]::placeholder,
#colophon .wpcf7-form.gem-contact-form-white input[type="month"]::placeholder,
#colophon .wpcf7-form.gem-contact-form-white input[type="week"]::placeholder,
#colophon .wpcf7-form.gem-contact-form-white textarea::placeholder {
	color: #909090;
}
.wpcf7-form.gem-contact-form-white input[type="text"]::-webkit-input-placeholder,
.wpcf7-form.gem-contact-form-white input[type="password"]::-webkit-input-placeholder,
.wpcf7-form.gem-contact-form-white input[type="color"]::-webkit-input-placeholder,
.wpcf7-form.gem-contact-form-white input[type="date"]::-webkit-input-placeholder,
.wpcf7-form.gem-contact-form-white input[type="datetime"]::-webkit-input-placeholder,
.wpcf7-form.gem-contact-form-white input[type="datetime-local"]::-webkit-input-placeholder,
.wpcf7-form.gem-contact-form-white input[type="email"]::-webkit-input-placeholder,
.wpcf7-form.gem-contact-form-white input[type="number"]::-webkit-input-placeholder,
.wpcf7-form.gem-contact-form-white input[type="range"]::-webkit-input-placeholder,
.wpcf7-form.gem-contact-form-white input[type="search"]::-webkit-input-placeholder,
.wpcf7-form.gem-contact-form-white input[type="tel"]::-webkit-input-placeholder,
.wpcf7-form.gem-contact-form-white input[type="time"]::-webkit-input-placeholder,
.wpcf7-form.gem-contact-form-white input[type="url"]::-webkit-input-placeholder,
.wpcf7-form.gem-contact-form-white input[type="month"]::-webkit-input-placeholder,
.wpcf7-form.gem-contact-form-white input[type="week"]::-webkit-input-placeholder,
.wpcf7-form.gem-contact-form-white textarea::-webkit-input-placeholder,
#colophon .wpcf7-form.gem-contact-form-white input[type="text"]::-webkit-input-placeholder,
#colophon .wpcf7-form.gem-contact-form-white input[type="password"]::-webkit-input-placeholder,
#colophon .wpcf7-form.gem-contact-form-white input[type="color"]::-webkit-input-placeholder,
#colophon .wpcf7-form.gem-contact-form-white input[type="date"]::-webkit-input-placeholder,
#colophon .wpcf7-form.gem-contact-form-white input[type="datetime"]::-webkit-input-placeholder,
#colophon .wpcf7-form.gem-contact-form-white input[type="datetime-local"]::-webkit-input-placeholder,
#colophon .wpcf7-form.gem-contact-form-white input[type="email"]::-webkit-input-placeholder,
#colophon .wpcf7-form.gem-contact-form-white input[type="number"]::-webkit-input-placeholder,
#colophon .wpcf7-form.gem-contact-form-white input[type="range"]::-webkit-input-placeholder,
#colophon .wpcf7-form.gem-contact-form-white input[type="search"]::-webkit-input-placeholder,
#colophon .wpcf7-form.gem-contact-form-white input[type="tel"]::-webkit-input-placeholder,
#colophon .wpcf7-form.gem-contact-form-white input[type="time"]::-webkit-input-placeholder,
#colophon .wpcf7-form.gem-contact-form-white input[type="url"]::-webkit-input-placeholder,
#colophon .wpcf7-form.gem-contact-form-white input[type="month"]::-webkit-input-placeholder,
#colophon .wpcf7-form.gem-contact-form-white input[type="week"]::-webkit-input-placeholder,
#colophon .wpcf7-form.gem-contact-form-white textarea::-webkit-input-placeholder {
	color: #909090;
}

:root {
	--thegem-to-contact-form-light-input-icon-color: #797979;
}
.wpcf7-form.gem-contact-form-white .wpcf7-form-control-wrap:after ,
.wpcf7-form.gem-contact-form-white .combobox-wrapper .combobox-button:before,
.wpcf7-form.gem-contact-form-white .checkbox-sign:before,
.wpcf7-form.gem-contact-form-white .gem-form-icon-phone:after,
.wpcf7-form.gem-contact-form-white .gem-form-icon-website:after,
.wpcf7-form.gem-contact-form-white .gem-form-icon-email:after,
.wpcf7-form.gem-contact-form-white .gem-form-icon-name:after,
#colophon .wpcf7-form.gem-contact-form-white .wpcf7-form-control-wrap:after ,
#colophon .wpcf7-form.gem-contact-form-white .combobox-wrapper .combobox-button:before,
#colophon .wpcf7-form.gem-contact-form-white .checkbox-sign:before,
#colophon .wpcf7-form.gem-contact-form-white .gem-form-icon-phone:after,
#colophon .wpcf7-form.gem-contact-form-white .gem-form-icon-website:after,
#colophon .wpcf7-form.gem-contact-form-white .gem-form-icon-email:after,
#colophon .wpcf7-form.gem-contact-form-white .gem-form-icon-name:after {
	color: #797979;
}

.wpcf7-form.gem-contact-form-white label,
#colophon .wpcf7-form.gem-contact-form-white label {
	color: #797979;
}







.yikes-mailchimp-container form.yikes-easy-mc-form input[type="text"],
.yikes-mailchimp-container form.yikes-easy-mc-form input[type="email"],
.yikes-mailchimp-container form.yikes-easy-mc-form input[type="number"],
.yikes-mailchimp-container form.yikes-easy-mc-form input[type="url"],
.yikes-mailchimp-container form.yikes-easy-mc-form textarea,
.yikes-mailchimp-container form.yikes-easy-mc-form .combobox-wrapper .combobox-text,
.yikes-mailchimp-container form.yikes-easy-mc-form select,
form.mc4wp-form input[type="text"],
form.mc4wp-form input[type="email"],
form.mc4wp-form input[type="tel"],
form.mc4wp-form input[type="number"],
form.mc4wp-form input[type="url"],
form.mc4wp-form input[type="date"],
form.mc4wp-form textarea,
form.mc4wp-form .combobox-wrapper .combobox-text,
form.mc4wp-form select {
	color: #ffffff;
}

.yikes-mailchimp-container form.yikes-easy-mc-form input[type="text"],
.yikes-mailchimp-container form.yikes-easy-mc-form input[type="email"],
.yikes-mailchimp-container form.yikes-easy-mc-form input[type="number"],
.yikes-mailchimp-container form.yikes-easy-mc-form input[type="url"],
.yikes-mailchimp-container form.yikes-easy-mc-form textarea,
.yikes-mailchimp-container form.yikes-easy-mc-form .combobox-wrapper,
.yikes-mailchimp-container form.yikes-easy-mc-form .combobox-wrapper .combobox-button,
.yikes-mailchimp-container form.yikes-easy-mc-form .combobox-wrapper .combobox-text,
.yikes-mailchimp-container form.yikes-easy-mc-form select,
.yikes-mailchimp-container form.yikes-easy-mc-form .checkbox-sign,
form.mc4wp-form input[type="text"],
form.mc4wp-form input[type="email"],
form.mc4wp-form input[type="tel"],
form.mc4wp-form input[type="number"],
form.mc4wp-form input[type="url"],
form.mc4wp-form input[type="date"],
form.mc4wp-form textarea,
form.mc4wp-form .combobox-wrapper,
form.mc4wp-form .combobox-wrapper .combobox-button,
form.mc4wp-form .combobox-wrapper .combobox-text,
form.mc4wp-form select,
form.mc4wp-form .checkbox-sign {
	background-color: #8b8b8b;
}

.yikes-mailchimp-container form.yikes-easy-mc-form input[type="text"],
.yikes-mailchimp-container form.yikes-easy-mc-form input[type="email"],
.yikes-mailchimp-container form.yikes-easy-mc-form input[type="number"],
.yikes-mailchimp-container form.yikes-easy-mc-form input[type="url"],
.yikes-mailchimp-container form.yikes-easy-mc-form textarea,
.yikes-mailchimp-container form.yikes-easy-mc-form .combobox-wrapper,
.yikes-mailchimp-container form.yikes-easy-mc-form select,
.yikes-mailchimp-container form.yikes-easy-mc-form .checkbox-sign,
form.mc4wp-form input[type="text"],
form.mc4wp-form input[type="email"],
form.mc4wp-form input[type="tel"],
form.mc4wp-form input[type="number"],
form.mc4wp-form input[type="url"],
form.mc4wp-form input[type="date"],
form.mc4wp-form textarea,
form.mc4wp-form .combobox-wrapper,
form.mc4wp-form select,
form.mc4wp-form .checkbox-sign {
	border: 1px solid #8b8b8b;
}

.yikes-mailchimp-container form.yikes-easy-mc-form input[type="text"]::placeholder,
.yikes-mailchimp-container form.yikes-easy-mc-form input[type="email"]::placeholder,
.yikes-mailchimp-container form.yikes-easy-mc-form input[type="number"]::placeholder,
.yikes-mailchimp-container form.yikes-easy-mc-form input[type="url"]::placeholder,
.yikes-mailchimp-container form.yikes-easy-mc-form textarea::placeholder,
form.mc4wp-form input[type="text"]::placeholder,
form.mc4wp-form input[type="email"]::placeholder,
form.mc4wp-form input[type="tel"]::placeholder,
form.mc4wp-form input[type="number"]::placeholder,
form.mc4wp-form input[type="url"]::placeholder,
form.mc4wp-form input[type="date"]::placeholder,
form.mc4wp-form textarea::placeholder {
	color: #ffffff;
}
.yikes-mailchimp-container form.yikes-easy-mc-form input[type="text"]::-webkit-input-placeholder,
.yikes-mailchimp-container form.yikes-easy-mc-form input[type="email"]::-webkit-input-placeholder,
.yikes-mailchimp-container form.yikes-easy-mc-form input[type="number"]::-webkit-input-placeholder,
.yikes-mailchimp-container form.yikes-easy-mc-form input[type="url"]::-webkit-input-placeholder,
.yikes-mailchimp-container form.yikes-easy-mc-form textarea::-webkit-input-placeholder,
form.mc4wp-form input[type="text"]::-webkit-input-placeholder,
form.mc4wp-form input[type="email"]::-webkit-input-placeholder,
form.mc4wp-form input[type="tel"]::-webkit-input-placeholder,
form.mc4wp-form input[type="number"]::-webkit-input-placeholder,
form.mc4wp-form input[type="url"]::-webkit-input-placeholder,
form.mc4wp-form input[type="date"]::-webkit-input-placeholder,
form.mc4wp-form textarea::-webkit-input-placeholder {
	color: #ffffff;
}

.yikes-mailchimp-container form.yikes-easy-mc-form,
form.mc4wp-form {
	color: #a7a7a7;
}

.yikes-mailchimp-container form.yikes-easy-mc-form label,
form.mc4wp-form label {
	color: #a7a7a7;
}

.yikes-easy-mc-form .yikes-easy-mc-submit-button.gem-button,
form.mc4wp-form input[type="submit"] {
	color: #ffffff;
}

.yikes-easy-mc-form .yikes-easy-mc-submit-button.gem-button:hover,
form.mc4wp-form input[type="submit"]:hover {
	color: #ffffff;
}

.yikes-easy-mc-form .yikes-easy-mc-submit-button.gem-button,
form.mc4wp-form input[type="submit"] {
	background-color: #535353;
}

.yikes-easy-mc-form .yikes-easy-mc-submit-button.gem-button:hover,
form.mc4wp-form input[type="submit"]:hover {
	background-color: #D3AF37FF;
}

























body {
	background-color: #b3b3b3;
}

body {
	background-color: #262626;
}



.header-background:before {
	background-color: #262626;
}
#site-header-wrapper {
	background-color: #262626;
}

:root {
	--thegem-to-navigation-background-image: none;
	--thegem-to-navigation-background-color: #262626;
}
.header-layout-fullwidth_hamburger #primary-menu.no-responsive,
#thegem-perspective .perspective-navigation:not(.responsive),
#page.vertical-header #site-header-wrapper,
.vertical-minisearch.menu-item-ajax-search .vertical-minisearch-shadow {
	background-color: #262626;
}



.block-content,
.gem-slideshow,
.slideshow-preloader {
	background-color: #262626;
}

#footer-nav {
	background-color: #424242;
}

#colophon {
	background-image: url('https://vukrankovic.rs/wp-content/uploads/2018/12/26.jpg');
	background-repeat: no-repeat;
	background-size: cover;
	background-position-x: center;
	background-position-y: top;
	background-color: #424242;
}

	
#page-preloader {
	background-color: #262626;
}

#page-preloader .page-preloader-spin,
.block-preloader .page-preloader-spin,
.preloader-spin {
	border-top-color: #b3ae8d;
}

#page-preloader .page-preloader-spin:before,
.block-preloader .page-preloader-spin:before,
.preloader-spin:before {
	border-top-color: #b3b3b3;
}
.preloader-spin-new {
	border-color: #b3b3b3;
}

#page-preloader .page-preloader-spin:after,
.block-preloader .page-preloader-spin:after,
.preloader-spin:after,
.gem-fancybox-preloader .preloader-spin:after {
	border-top-color: #505050;
}

.preloader:after,
.loading:after {
	display: none;
}
.preloader .preloader-spin,
.loading .preloader-spin {
	display: block;
}

.preloader:after,
.loading:after {
	display: none;
}
.preloader .preloader-spin,
.loading .preloader-spin {
	display: block;
}













	.widget-title:after{
		color: #f44336;
		display: inline-block;
	}

	body .hover-gradient .portfolio-item .image .overlay:before,
	body .hover-gradient .gallery-item .overlay-wrap .overlay:before,
	body .hover-new-gradient .portfolio-item .image .overlay:before,
	body .portfolio.hover-new-gradient .portfolio-item .gem-simple-gallery .gem-gallery-item a:before,
	body .hover-default-gradient .portfolio-item .image .overlay:before,
	body .portfolio.hover-default-gradient .portfolio-item .gem-simple-gallery .gem-gallery-item a:before{
			background: linear-gradient(
			90deg,
			rgba(255,43,88,0.8) 0%,
			rgba(255,216,0,0.8) 100%
		) !important;
	
	}

	body .hover-circular .portfolio-item .image .overlay .overlay-circle,
	body .hover-circular .gallery-item .overlay-wrap .overlay .overlay-circle,
	body .hover-new-circular .portfolio-item .image .overlay .overlay-circle,
	body .portfolio.hover-new-circular .portfolio-item .gem-simple-gallery .gem-gallery-item a:before,
	body .hover-default-circular .portfolio-item .image .overlay .overlay-circle,
	body .portfolio.hover-default-circular .portfolio-item .gem-simple-gallery .gem-gallery-item a:before{
			background: linear-gradient(
		90deg,
		rgba(0, 188, 212,0.75) 0%,
		rgba(53, 64, 147,0.75) 100%
		) !important;
	
		}


	:root {
	--thegem-to-product-grid-title-color: #5F727FFF;
	}
	.portfolio.extended-products-grid.caption-position-page .portfolio-item .caption .title {
	color: #5F727FFF;
	}

	:root {
	--thegem-to-product-grid-title-hover-color: #3C3950FF;
	}
	.portfolio.extended-products-grid.caption-position-page:not(.disabled-hover) .portfolio-item:hover .caption .title,
	.portfolio.extended-products-grid.caption-position-page.disabled-hover .portfolio-item .caption .title:hover {
	color: #3C3950FF;
	}

	:root {
	--thegem-to-product-grid-title-on-image-color: #212227FF;
	}
	.portfolio.extended-products-grid.caption-container-preset-light .portfolio-item .image .overlay .links .caption .title,
	.portfolio.extended-products-grid.caption-container-preset-solid .portfolio-item .image .overlay .links .caption .title,
	.portfolio.extended-products-grid.caption-container-preset-transparent .portfolio-item .image .overlay .links .caption .title,
	.portfolio.extended-products-grid.caption-container-preset-light .portfolio-item .caption .cart.type_button.simple-type-button .button,
	.portfolio.extended-products-grid.caption-container-preset-solid .portfolio-item .caption .cart.type_button.simple-type-button .button,
	.portfolio.extended-products-grid.caption-container-preset-transparent .portfolio-item .caption .cart.type_button.simple-type-button .button,
	.portfolio.extended-products-grid.caption-container-preset-light .portfolio-item .caption .cart.type_button.variable-type-button .button,
	.portfolio.extended-products-grid.caption-container-preset-solid .portfolio-item .caption .cart.type_button.variable-type-button .button,
	.portfolio.extended-products-grid.caption-container-preset-transparent .portfolio-item .caption .cart.type_button.variable-type-button .button {
	color: #212227FF;
	}

	.portfolio.extended-products-grid.caption-container-preset-light .portfolio-item .caption .cart.type_button.simple-type-button .button,
	.portfolio.extended-products-grid.caption-container-preset-solid .portfolio-item .caption .cart.type_button.simple-type-button .button,
	.portfolio.extended-products-grid.caption-container-preset-transparent .portfolio-item .caption .cart.type_button.simple-type-button .button,
	.portfolio.extended-products-grid.caption-container-preset-light .portfolio-item .caption .cart.type_button.variable-type-button .button,
	.portfolio.extended-products-grid.caption-container-preset-solid .portfolio-item .caption .cart.type_button.variable-type-button .button,
	.portfolio.extended-products-grid.caption-container-preset-transparent .portfolio-item .caption .cart.type_button.variable-type-button .button {
	border-color: #212227FF;
	}

	.portfolio.extended-products-grid.caption-container-preset-light .portfolio-item .image .caption .categories,
	.portfolio.extended-products-grid.caption-container-preset-solid .portfolio-item .image .caption .categories,
	.portfolio.extended-products-grid.caption-container-preset-transparent .portfolio-item .image .caption .categories {
	background-color: #212227FF;
	}


	:root {
	--thegem-to-product-grid-category-color: #99A9B5FF;
	}
	.portfolio.extended-products-grid.caption-position-page .portfolio-item .caption .categories {
	color: #99A9B5FF;
	}

	:root {
	--thegem-to-product-grid-category-hover-color: #00BCD4FF;
	}
	.portfolio.extended-products-grid.caption-position-page .portfolio-item .caption .categories a:hover {
	color: #00BCD4FF;
	}

	.portfolio.extended-products-grid.caption-container-preset-light .portfolio-item .image .caption .categories,
	.portfolio.extended-products-grid.caption-container-preset-solid .portfolio-item .image .caption .categories,
	.portfolio.extended-products-grid.caption-container-preset-transparent .portfolio-item .image .caption .categories {
	color: #FFFFFFFF;
	}

	:root {
	--thegem-to-product-grid-price-font-family: 'Source Sans Pro';
	}
	.portfolio.extended-products-grid .portfolio-item .caption .price-wrap.default .product-price .price {
	font-family: 'Source Sans Pro';
	}

	:root {
	--thegem-to-product-grid-price-font-style: normal;
	--thegem-to-product-grid-price-font-weight: normal;
	}
	.portfolio.extended-products-grid .portfolio-item .caption .price-wrap.default .product-price .price {
	font-style: normal;
	font-weight: normal;
	}
		
	:root {
	--thegem-to-product-grid-price-font-size: 16px;
	}
	.portfolio.extended-products-grid .portfolio-item .caption .price-wrap.default .product-price .price {
	font-size: 16px;
	}
	@media (min-width: 992px) {
		.portfolio.extended-products-grid .portfolio-item.bigger .caption .price-wrap.default .product-price .price {
		font-size: calc(16px * 1.2);
		}
	}

	:root {
	--thegem-to-product-grid-price-line-height: 25px;
	}
	.portfolio.extended-products-grid .portfolio-item .caption .price-wrap.default .product-price .price {
	line-height: 25px;
	}
	@media (min-width: 992px) {
		.portfolio.extended-products-grid .portfolio-item.bigger .caption .price-wrap.default .product-price .price {
		line-height: calc(25px * 1.2);
		}
	}



	:root {
	--thegem-to-product-grid-price-color: #5F727FFF;
	}
	.portfolio.extended-products-grid.caption-position-page .portfolio-item .caption .product-price .price,
	.portfolio-filters-list .widget_products .gem-products-price .amount,
	.portfolio-filters-list .widget_top_rated_products .gem-products-price .amount,
	.portfolio-filters-list .widget_recently_viewed_products .gem-products-price .amount {
	color: #5F727FFF;
	}

	.portfolio.extended-products-grid.caption-container-preset-light .portfolio-item .image .caption .product-price .price,
	.portfolio.extended-products-grid.caption-container-preset-solid .portfolio-item .image .caption .product-price .price,
	.portfolio.extended-products-grid.caption-container-preset-transparent .portfolio-item .image .caption .product-price .price {
	color: #212227FF;
	}

	.portfolio.extended-products-grid .portfolio-item .caption .cart.type_button .button,
	.thegem-te-loop-product-add-to-cart .cart.type_button .button,
	.thegem-popup-notification .notification-message a.button {
	border-width: 1px;
	border-style: solid;
	}

	.portfolio.extended-products-grid .portfolio-item .caption .cart.type_button .button,
	.thegem-te-loop-product-add-to-cart .cart.type_button .button,
	.thegem-popup-notification .notification-message a.button {
	border-radius: 30px;
	}

	.portfolio.extended-products-grid.caption-position-page .portfolio-item .caption .cart.type_button.simple-type-button .button,
	.thegem-te-loop-product-add-to-cart .cart.type_button.simple-type-button .button {
	color: #5F727FFF;
	}

	.portfolio.extended-products-grid .portfolio-item .caption .cart.type_button.simple-type-button .button:hover,
	.thegem-te-loop-product-add-to-cart .cart.type_button.simple-type-button .button:hover {
	color: #FFFFFFFF;
	}

	.portfolio.extended-products-grid.caption-position-page .portfolio-item .caption .cart.type_button.simple-type-button .button,
	.thegem-te-loop-product-add-to-cart .cart.type_button.simple-type-button .button {
	background-color: #DFE5E8FF;
	}

	.portfolio.extended-products-grid .portfolio-item .caption .cart.type_button.simple-type-button .button:hover,
	.thegem-te-loop-product-add-to-cart .cart.type_button.simple-type-button .button:hover {
	background-color: #00BCD4FF;
	}

	.portfolio.extended-products-grid.caption-position-page .portfolio-item .caption .cart.type_button.simple-type-button .button,
	.thegem-te-loop-product-add-to-cart .cart.type_button.simple-type-button .button {
	border-color: #DFE5E8FF;
	}

	.portfolio.extended-products-grid .portfolio-item .caption .cart.type_button.simple-type-button .button:hover,
	.thegem-te-loop-product-add-to-cart .cart.type_button.simple-type-button .button:hover {
	border-color: #00BCD4FF;
	}

	.portfolio.extended-products-grid.caption-position-page .portfolio-item .caption .cart.type_button.variable-type-button .button,
	.thegem-te-loop-product-add-to-cart .cart.type_button.variable-type-button .button,
	.thegem-popup-notification .notification-message a.button {
	color: #5F727FFF;
	}

	.portfolio.extended-products-grid .portfolio-item .caption .cart.type_button.variable-type-button .button:hover,
	.thegem-te-loop-product-add-to-cart .cart.type_button.variable-type-button .button:hover,
	.thegem-popup-notification .notification-message a.button:hover {
	color: #FFFFFFFF;
	}


	.portfolio.extended-products-grid .portfolio-item .caption .cart.type_button.variable-type-button .button:hover,
	.thegem-te-loop-product-add-to-cart .cart.type_button.variable-type-button .button:hover,
	.thegem-popup-notification .notification-message a.button:hover {
	background-color: #00BCD4FF;
	}

	.portfolio.extended-products-grid.caption-position-page .portfolio-item .caption .cart.type_button.variable-type-button .button,
	.thegem-te-loop-product-add-to-cart .cart.type_button.variable-type-button .button,
	.thegem-popup-notification .notification-message a.button {
	border-color: #5F727FFF;
	}

	.portfolio.extended-products-grid .portfolio-item .caption .cart.type_button.variable-type-button .button:hover,
	.thegem-te-loop-product-add-to-cart .cart.type_button.variable-type-button .button:hover,
	.thegem-popup-notification .notification-message a.button:hover {
	border-color: #00BCD4FF;
	}



	.portfolio.extended-products-grid .portfolio-item .wrap .product-bottom.on-page-caption a.icon,
	.portfolio.extended-products-grid .portfolio-item .wrap .product-bottom.on-page-caption .icon a,
	.thegem-te-loop-product-add-to-cart .cart.icon a,
	.portfolio.extended-products-grid:is(.caption-position-hover, .caption-position-image):is(.hover-slide, .hover-fade) .portfolio-item .image .overlay .links .portfolio-icons a.icon,
	.portfolio.extended-products-grid:is(.caption-position-hover, .caption-position-image):is(.hover-slide, .hover-fade) .portfolio-item .image .overlay .links .portfolio-icons .icon a,
	.portfolio-top-panel .portfolio-top-panel-right .portfolio-search-filter .portfolio-search-filter-button {
	border-radius: 20px;
	}

:root {
	--thegem-to-product-grid-icon-color: #5F727FFF;
}
	.portfolio.extended-products-grid .portfolio-item .wrap .product-bottom.on-page-caption a.icon,
	.portfolio.extended-products-grid .portfolio-item .wrap .product-bottom.on-page-caption .icon a,
	.thegem-te-loop-product-add-to-cart .cart.icon a,
	.portfolio.extended-products-grid.caption-position-hover:is(.hover-slide, .hover-fade) .portfolio-item .image .overlay .links .portfolio-icons a.icon,
	.portfolio.extended-products-grid.caption-position-hover:is(.hover-slide, .hover-fade) .portfolio-item .image .overlay .links .portfolio-icons .icon a,
	.portfolio-top-panel .portfolio-top-panel-right .portfolio-search-filter .portfolio-search-filter-button {
	color: #5F727FFF;
	}

	.portfolio.extended-products-grid .portfolio-item .wrap .product-bottom.on-page-caption a.icon:hover,
	.portfolio.extended-products-grid .portfolio-item .wrap .product-bottom.on-page-caption .icon a:hover,
	.thegem-te-loop-product-add-to-cart .cart.icon a:hover,
	.portfolio.extended-products-grid.caption-position-hover:is(.hover-slide, .hover-fade) .portfolio-item .image .overlay .links .portfolio-icons a.icon:hover,
	.portfolio.extended-products-grid.caption-position-hover:is(.hover-slide, .hover-fade) .portfolio-item .image .overlay .links .portfolio-icons .icon a:hover,
	.portfolio-top-panel .portfolio-top-panel-right .portfolio-search-filter .portfolio-search-filter-button:hover {
	color: #FFFFFFFF;
	}

	.portfolio.extended-products-grid.caption-position-image .portfolio-item .image .overlay .links .portfolio-icons a.icon,
	.portfolio.extended-products-grid.caption-position-image .portfolio-item .image .overlay .links .portfolio-icons .icon a {
	color: #212227FF;
	}

	.portfolio.extended-products-grid.caption-position-image .portfolio-item .image .overlay .links .portfolio-icons a.icon:hover,
	.portfolio.extended-products-grid.caption-position-image .portfolio-item .image .overlay .links .portfolio-icons .icon a:hover {
	color: #FFFFFFFF;
	}

	.portfolio.extended-products-grid .portfolio-item .wrap .product-bottom.on-page-caption a.icon,
	.portfolio.extended-products-grid .portfolio-item .wrap .product-bottom.on-page-caption .icon a,
	.thegem-te-loop-product-add-to-cart .cart.icon a,
	.portfolio.extended-products-grid:is(.caption-position-hover, .caption-position-image):is(.hover-slide, .hover-fade) .portfolio-item .image .overlay .links .portfolio-icons a.icon,
	.portfolio.extended-products-grid:is(.caption-position-hover, .caption-position-image):is(.hover-slide, .hover-fade) .portfolio-item .image .overlay .links .portfolio-icons .icon a,
	.portfolio-top-panel .portfolio-top-panel-right .portfolio-search-filter .portfolio-search-filter-button {
	background-color: #DFE5E8FF;
	}

	.portfolio.extended-products-grid .portfolio-item .wrap .product-bottom.on-page-caption a.icon:hover,
	.portfolio.extended-products-grid .portfolio-item .wrap .product-bottom.on-page-caption .icon a:hover,
	.thegem-te-loop-product-add-to-cart .cart.icon a:hover,
	.portfolio.extended-products-grid:is(.caption-position-hover, .caption-position-image):is(.hover-slide, .hover-fade) .portfolio-item .image .overlay .links .portfolio-icons a.icon:hover,
	.portfolio.extended-products-grid:is(.caption-position-hover, .caption-position-image):is(.hover-slide, .hover-fade) .portfolio-item .image .overlay .links .portfolio-icons .icon a:hover,
	.portfolio-top-panel .portfolio-top-panel-right .portfolio-search-filter .portfolio-search-filter-button:hover {
	background-color: #00BCD4FF;
	}




	.product .onsale,
	.product .new-label,
	.product .out-of-stock-label,
	.product-gallery-labels .product-labels .onsale,
	.product-gallery-labels .product-labels .new-label,
	.product-gallery-labels .product-labels .out-of-stock-label{
		color: #262626;
	}

	.product .onsale,
	.product-gallery-labels .product-labels .onsale{
		background-color: #b3ae8d;
	}
	.product .onsale:after,
	.product-gallery-labels .product-labels .onsale:after{
		border-left-color: #b3ae8d;
		border-right-color: #b3ae8d	}
	.product .onsale svg,
	.product-gallery-labels .product-labels .onsale svg{
		fill: #b3ae8d;
	}

	.product .new-label,
	.product-gallery-labels .product-labels .new-label{
		background-color: #b3ae8d;
	}
	.product .new-label:after,
	.product-gallery-labels .product-labels .new-label:after{
		border-left-color: #b3ae8d;
		border-right-color: #b3ae8d	}
	.product .new-label svg,
	.product-gallery-labels .product-labels .new-label svg{
		fill: #b3ae8d;
	}

	.product .out-of-stock-label,
	.product-gallery-labels .product-labels .out-of-stock-label{
		background-color: #F44336FF;
	}
	.product .out-of-stock-label:after,
	.product-gallery-labels .product-labels .out-of-stock-label:after{
		border-left-color: #F44336FF;
		border-right-color: #F44336FF;
	}
	.product .out-of-stock-label svg,
	.product-gallery-labels .product-labels .out-of-stock-label svg{
		fill: #F44336FF;
	}

	.quick-view-button {
	color: #FFFFFFFF;
	}

	.quick-view-button {
	background-color: #00BCD4A6;
	}

.product-page__wrapper .gem-button-style-outline.single_add_to_cart_button {
	background-color: #D3AF37FF !important;
}
.product-page__wrapper .gem-button-style-outline.single_add_to_cart_button:hover {
	background-color: #cccccc !important;
}

	.products-categories-widget .category-title {
	font-family: 'Montserrat';
	}

	.products-categories-widget .category-title {
	font-size: 14px;
	}

	.products-categories-widget .category-title {
	font-style: normal;
	font-weight: 700;
	}
		
	.products-categories-widget .category-title {
	line-height: 19.6px;
	}

	.products-categories-widget .category-title {
	text-transform: uppercase;
	}

	.products-categories-widget .category-title {
	letter-spacing: 0.7px;
	}

	.products-categories-widget.caption-container-preset-solid.caption-container-preset-color-light .category-title,
	.products-categories-widget.caption-container-preset-transparent.caption-container-preset-color-dark .category-title,
	.products-categories-widget.caption-container-preset-bold.caption-container-preset-color-light .category-title {
	color: #212227FF;
	}
	.products-categories-widget.caption-container-preset-bold.caption-container-preset-color-dark .category-title {
	background-color: #212227FF;
	}

	.products-categories-widget.caption-container-preset-solid.caption-container-preset-color-dark .category-title,
	.products-categories-widget.caption-container-preset-transparent.caption-container-preset-color-light .category-title,
	.products-categories-widget.caption-container-preset-bold.caption-container-preset-color-dark .category-title {
	color: #FFFFFFFF;
	}
	.products-categories-widget.caption-container-preset-bold.caption-container-preset-color-light .category-title {
	background-color: #FFFFFFFF;
	}

	.products-categories-widget.caption-position-below .category-title {
	color: #5F727FFF;
	}


	.products-categories-widget.caption-container-preset-solid.caption-container-preset-color-light  .category-count,
	.products-categories-widget.caption-container-preset-transparent.caption-container-preset-color-dark .category-count,
	.products-categories-widget.caption-container-preset-bold.caption-container-preset-color-dark .category-count {
	color: #212227FF;
	}

	.products-categories-widget.caption-container-preset-solid.caption-container-preset-color-dark .category-count,
	.products-categories-widget.caption-container-preset-transparent.caption-container-preset-color-light .category-count,
	.products-categories-widget.caption-container-preset-bold.caption-container-preset-color-light .category-count {
	color: #FFFFFFB3;
	}

	.products-categories-widget.caption-position-below .category-count {
	color: #5F727FB3;
	}


:root {
	--thegem-to-cart-icon-font: 'thegem-icons';
	--thegem-to-cart-icon-icon: '\e67d';
}
body .woocommerce-wishlist .wishlist_table .product-add-to-cart .add_to_cart_button.simple a.gem-button:before,
body .portfolio.products-grid .portfolio-item .portfolio-icons.product-bottom .add_to_cart_button:before,
body #primary-navigation #primary-menu > li.menu-item-cart > a:before,
body .hamburger-minicart > a:before,
body .mobile-cart-position-top #site-header .mobile-cart > a:before,
body .mobile-cart .mobile-cart-header .mobile-cart-header-title:before,
body .single-product-content form.cart .gem-button .gem-icon-cart:before,
body .woocommerce-wishlist .wishlist_table .product-add-to-cart .add_to_cart_button.simple a.gem-button:before {
	content: '\e67d';
}
body .products .product-bottom .add_to_cart_button:before,
body .portfolio.extended-products-grid .product-bottom .cart i.default:before,
body .portfolio.extended-products-grid.hover-default .portfolio-item .caption .cart i.default:before,
body .portfolio.extended-products-grid.hover-default .image .portfolio-icons.product-bottom .cart i.default:before,
body .portfolio.extended-products-grid:not(.hover-default) .portfolio-item .caption .cart i.default:before,
body .portfolio.extended-products-grid:not(.hover-default) .portfolio-item .image .portfolio-icons.product-bottom .cart i.default:before,
body .portfolio.extended-products-grid:not(.hover-default) .portfolio-item .image .portfolio-icons.product-bottom .cart i.default:before {
	content: '\e67e';
}
body.mobile-cart-position-top #site-header .mobile-cart > a:before {
	-webkit-mask-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='utf-8'%3F%3E%3Csvg version='1.1' id='Layer_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 24 24' style='enable-background:new 0 0 24 24;' xml:space='preserve'%3E%3Cg%3E%3Cpath d='M8,18c-0.6,0-1,0.2-1.4,0.6S6,19.4,6,20s0.2,1.1,0.6,1.4S7.4,22,8,22s1-0.2,1.4-0.6S10,20.6,10,20s-0.2-1-0.6-1.4 S8.6,18,8,18z'/%3E%3Cpath d='M18,18c-0.6,0-1.1,0.2-1.5,0.6S16,19.4,16,20s0.2,1.1,0.6,1.4S17.4,22,18,22s1.1-0.2,1.4-0.6S20,20.6,20,20s-0.2-1-0.6-1.4 S18.6,18,18,18z'/%3E%3Cpath d='M21.8,6.4C21.6,6.2,21.3,6,21,6H10v2h9.6l-2.3,6H8.8L6,2.8C5.9,2.3,5.5,2,5,2H2v2h2.2L7,15.3C7.1,15.7,7.5,16,8,16h10 c0.4,0,0.8-0.3,0.9-0.6l3-8C22.1,7.1,22,6.7,21.8,6.4z'/%3E%3C/g%3E%3C/svg%3E");
	mask-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='utf-8'%3F%3E%3Csvg version='1.1' id='Layer_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 24 24' style='enable-background:new 0 0 24 24;' xml:space='preserve'%3E%3Cg%3E%3Cpath d='M8,18c-0.6,0-1,0.2-1.4,0.6S6,19.4,6,20s0.2,1.1,0.6,1.4S7.4,22,8,22s1-0.2,1.4-0.6S10,20.6,10,20s-0.2-1-0.6-1.4 S8.6,18,8,18z'/%3E%3Cpath d='M18,18c-0.6,0-1.1,0.2-1.5,0.6S16,19.4,16,20s0.2,1.1,0.6,1.4S17.4,22,18,22s1.1-0.2,1.4-0.6S20,20.6,20,20s-0.2-1-0.6-1.4 S18.6,18,18,18z'/%3E%3Cpath d='M21.8,6.4C21.6,6.2,21.3,6,21,6H10v2h9.6l-2.3,6H8.8L6,2.8C5.9,2.3,5.5,2,5,2H2v2h2.2L7,15.3C7.1,15.7,7.5,16,8,16h10 c0.4,0,0.8-0.3,0.9-0.6l3-8C22.1,7.1,22,6.7,21.8,6.4z'/%3E%3C/g%3E%3C/svg%3E");
}



	.preloader .skeleton .widget:before {
	background-image: linear-gradient(#161513 20px, transparent 0), linear-gradient(#161513 12px, transparent 0), linear-gradient(#161513 12px, transparent 0), linear-gradient(#161513 12px, transparent 0), linear-gradient(#161513 12px, transparent 0), linear-gradient(#161513 12px, transparent 0), linear-gradient(#161513 12px, transparent 0), linear-gradient(#161513 12px, transparent 0), linear-gradient(#161513 12px, transparent 0), linear-gradient(#161513 12px, transparent 0), linear-gradient(#161513 12px, transparent 0), linear-gradient(#161513 12px, transparent 0), linear-gradient(#161513 12px, transparent 0), linear-gradient(#161513 12px, transparent 0), linear-gradient(#161513 12px, transparent 0), linear-gradient(#161513 12px, transparent 0), linear-gradient(#161513 12px, transparent 0);
	}
	.preloader .skeleton .portfolio-item:before {
	background-image: linear-gradient(#161513 100%, transparent 0), linear-gradient(#161513 12px, transparent 0), linear-gradient(#161513 12px, transparent 0), linear-gradient(#161513 12px, transparent 0), linear-gradient(#161513 12px, transparent 0);
	}
	.preloader .skeleton .caption-position-image .products-category-item:before {
	background-image: linear-gradient(#161513 100%, transparent 0);
	}
	.preloader .skeleton .caption-position-below .products-category-item:before {
	background-image: linear-gradient(#161513 100%, transparent 0), linear-gradient(#161513 12px, transparent 0), linear-gradient(#161513 12px, transparent 0);
	}

:root {
	--header-builder-light-color: #FFFFFF;
}
:root {
	--header-builder-light-color-hover: #b3ae8d;
}

:root {
	--thegem-to-breadcrumbs-color: #99A9B5FF;
}
:root {
	--thegem-to-breadcrumbs-color-hover: #3C3950FF;
}
:root {
	--thegem-to-breadcrumbs-color-active: #3C3950FF;
}







/* ==========================================
   VUK RANKOVIC – PRICING CARDS
========================================== */

:root {
  --vr-gold: #F2B949;
  --vr-card-bg: #111111;
  --vr-section-bg: #171717;
  --vr-border: rgba(242, 185, 73, 0.30);
  --vr-text: #ffffff;
  --vr-muted: rgba(255, 255, 255, 0.67);
}


/* ==========================================
   CARDS CONTAINER
========================================== */

.vr-pricing-cards {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  align-items: stretch;
  gap: 30px;

  width: 100%;
  max-width: 1400px;
  margin: 0 auto;
}


/* ==========================================
   INDIVIDUAL CARD
========================================== */

.vr-plan-card {
  position: relative;
  display: flex;
  flex-direction: column;
  min-width: 0;
  overflow: hidden;

  color: var(--vr-text);
  background: var(--vr-card-bg);
  border: 1px solid rgba(255, 255, 255, 0.16);
  border-radius: 17px;

  box-shadow:
    0 22px 60px rgba(0, 0, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.025);

  transition:
    transform 0.35s ease,
    border-color 0.35s ease,
    box-shadow 0.35s ease;
}

.vr-plan-card:hover {
  transform: translateY(-8px);
  border-color: rgba(242, 185, 73, 0.65);

  box-shadow:
    0 30px 80px rgba(0, 0, 0, 0.60),
    0 0 34px rgba(242, 185, 73, 0.08);
}


/* ==========================================
   FEATURED CARD
========================================== */

.vr-plan-card--featured {
  border-color: rgba(242, 185, 73, 0.80);
}

.vr-popular-badge {
  position: relative;
  z-index: 10;

  display: flex;
  align-items: center;
  justify-content: center;
  min-height: 36px;
  padding: 7px 18px;

  color: #111111;
  background: linear-gradient(
    90deg,
    #d8a73e,
    #F2B949,
    #e0b457
  );

  font-size: 12px;
  font-weight: 700;
  line-height: 1.2;
  letter-spacing: 0.13em;
  text-align: center;
  text-transform: uppercase;
}


/* ==========================================
   UPPER IMAGE AND TEXT AREA
========================================== */

.vr-plan-header {
  position: relative;
  min-height: 245px;
  overflow: hidden;

  background:
    radial-gradient(
      circle at 80% 35%,
      rgba(242, 185, 73, 0.06),
      transparent 45%
    ),
    #101010;
}

.vr-plan-card--featured .vr-plan-header {
  min-height: 230px;
}

.vr-plan-image {
  position: absolute;
  z-index: 1;
  top: 0;
  right: 0;

  display: block;
  width: 64%;
  height: 100%;

  object-fit: cover;
  object-position: center top;

  filter: contrast(1.06) brightness(0.86);

  transition:
    transform 0.65s ease,
    filter 0.65s ease;
}

.vr-plan-card:hover .vr-plan-image {
  transform: scale(1.045);
  filter: contrast(1.08) brightness(0.92);
}


/* Fade image into card background */

.vr-plan-image-shade {
  position: absolute;
  z-index: 2;
  inset: 0;
  pointer-events: none;

  background:
    linear-gradient(
      90deg,
      #101010 0%,
      #101010 30%,
      rgba(16, 16, 16, 0.91) 43%,
      rgba(16, 16, 16, 0.30) 72%,
      rgba(16, 16, 16, 0.05) 100%
    ),
    linear-gradient(
      180deg,
      rgba(16, 16, 16, 0.03) 0%,
      rgba(16, 16, 16, 0.05) 60%,
      #101010 100%
    );
}


/* Text inside upper area */

.vr-plan-intro {
  position: relative;
  z-index: 3;

  width: 61%;
  padding: 78px 20px 24px 27px;
}

.vr-plan-card--featured .vr-plan-intro {
  padding-top: 60px;
}

.vr-plan-name {
  margin: 0 0 5px;

  color: #ffffff;

  font-size: clamp(27px, 2.4vw, 37px);
  font-weight: 500;
  line-height: 1;
  letter-spacing: 0.01em;
  text-transform: uppercase;
}

.vr-plan-subtitle {
  margin: 0;

  color: var(--vr-gold);

  font-size: 13px;
  font-weight: 600;
  line-height: 1.35;
  letter-spacing: 0.05em;
  text-transform: uppercase;
}

.vr-plan-divider {
  display: block;
  width: 38px;
  height: 1px;
  margin: 16px 0 11px;

  background: var(--vr-gold);
}

.vr-plan-summary {
  max-width: 225px;
  margin: 0;

  color: rgba(255, 255, 255, 0.69);

  font-size: 13px;
  font-weight: 400;
  line-height: 1.5;
}


/* ==========================================
   FEATURES
========================================== */

.vr-plan-features {
  flex: 1;
  padding: 21px 26px 24px;

  background:
    linear-gradient(
      180deg,
      rgba(255, 255, 255, 0.018),
      rgba(255, 255, 255, 0)
    ),
    var(--vr-section-bg);

  border-top: 1px solid rgba(255, 255, 255, 0.13);
}

.vr-plan-features ul {
  display: grid;
  gap: 12px;

  margin: 0;
  padding: 0;

  list-style: none;
}

.vr-plan-features li {
  position: relative;
  padding-left: 28px;

  color: rgba(255, 255, 255, 0.76);

  font-size: 14px;
  font-weight: 400;
  line-height: 1.45;
}

.vr-plan-features li::before {
  content: "✓";
  position: absolute;
  top: 0;
  left: 0;

  display: grid;
  place-items: center;

  width: 17px;
  height: 17px;

  color: var(--vr-gold);
  border: 1px solid rgba(242, 185, 73, 0.88);
  border-radius: 50%;

  font-size: 10px;
  font-weight: 600;
  line-height: 1;
}


/* ==========================================
   FOOTER
========================================== */

.vr-plan-footer {
  padding: 22px 24px 20px;

  background:
    linear-gradient(
      180deg,
      rgba(0, 0, 0, 0.08),
      rgba(0, 0, 0, 0.32)
    ),
    #111111;
}

.vr-plan-price {
  display: flex;
  align-items: baseline;
  gap: 6px;
  margin-bottom: 17px;
}

.vr-plan-price strong {
  color: var(--vr-gold);

  font-size: 33px;
  font-weight: 600;
  line-height: 1;
}

.vr-plan-price span {
  color: rgba(255, 255, 255, 0.45);

  font-size: 13px;
  font-weight: 400;
}


/* ==========================================
   BUTTONS
========================================== */

.vr-plan-button {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 18px;

  width: 100%;
  min-height: 52px;
  padding: 10px 20px;

  color: #ffffff;
  background: rgba(0, 0, 0, 0.18);
  border: 1px solid rgba(242, 185, 73, 0.82);
  border-radius: 6px;

  font-size: 13px;
  font-weight: 600;
  line-height: 1.2;
  letter-spacing: 0.03em;
  text-align: center;
  text-decoration: none;
  text-transform: uppercase;

  transition:
    color 0.3s ease,
    background 0.3s ease,
    border-color 0.3s ease,
    transform 0.3s ease;
}

.vr-plan-arrow {
  margin-left: auto;

  color: var(--vr-gold);

  font-size: 20px;
  font-weight: 300;
  line-height: 1;

  transition:
    color 0.3s ease,
    transform 0.3s ease;
}

.vr-plan-button:hover {
  color: #111111;
  background: var(--vr-gold);
  border-color: var(--vr-gold);
}

.vr-plan-button:hover .vr-plan-arrow {
  color: #111111;
  transform: translateX(5px);
}


/* Featured button */

.vr-plan-button--featured {
  color: #111111;
  background: var(--vr-gold);
  border-color: var(--vr-gold);
}

.vr-plan-button--featured .vr-plan-arrow {
  color: #111111;
}

.vr-plan-button--featured:hover {
  background: #ffffff;
  border-color: #ffffff;
}


/* ==========================================
   TABLET
========================================== */

@media (max-width: 1100px) {
  .vr-pricing-cards {
    gap: 20px;
  }

  .vr-plan-header {
    min-height: 235px;
  }

  .vr-plan-intro {
    width: 68%;
    padding-right: 12px;
    padding-left: 22px;
  }

  .vr-plan-image {
    width: 67%;
  }

  .vr-plan-summary {
    max-width: 195px;
  }

  .vr-plan-features {
    padding-right: 21px;
    padding-left: 21px;
  }

  .vr-plan-footer {
    padding-right: 21px;
    padding-left: 21px;
  }
}


/* ==========================================
   MOBILE AND SMALL TABLET
========================================== */

@media (max-width: 850px) {
  .vr-pricing-cards {
    grid-template-columns: 1fr;
    gap: 24px;

    max-width: 520px;
  }

  .vr-plan-card {
    width: 100%;
  }

  .vr-plan-header,
  .vr-plan-card--featured .vr-plan-header {
    min-height: 265px;
  }

  .vr-plan-image {
    width: 61%;
  }

  .vr-plan-intro,
  .vr-plan-card--featured .vr-plan-intro {
    width: 63%;
    padding-top: 82px;
    padding-left: 28px;
  }

  .vr-plan-card--featured .vr-plan-intro {
    padding-top: 65px;
  }

  .vr-plan-name {
    font-size: 34px;
  }

  .vr-plan-summary {
    max-width: 230px;
  }
}


/* ==========================================
   SMALL MOBILE
========================================== */

@media (max-width: 520px) {
  .vr-plan-card {
    border-radius: 14px;
  }

  .vr-plan-header,
  .vr-plan-card--featured .vr-plan-header {
    min-height: 245px;
  }

  .vr-plan-image {
    width: 72%;
    object-position: 60% top;
  }

  .vr-plan-image-shade {
    background:
      linear-gradient(
        90deg,
        #101010 0%,
        #101010 30%,
        rgba(16, 16, 16, 0.90) 49%,
        rgba(16, 16, 16, 0.20) 82%,
        rgba(16, 16, 16, 0.04) 100%
      ),
      linear-gradient(
        180deg,
        transparent 45%,
        #101010 100%
      );
  }

  .vr-plan-intro,
  .vr-plan-card--featured .vr-plan-intro {
    width: 72%;
    padding: 70px 15px 20px 22px;
  }

  .vr-plan-card--featured .vr-plan-intro {
    padding-top: 54px;
  }

  .vr-plan-name {
    font-size: 29px;
  }

  .vr-plan-subtitle {
    font-size: 11px;
  }

  .vr-plan-summary {
    max-width: 190px;
    font-size: 12px;
  }

  .vr-plan-features {
    padding: 20px 21px 23px;
  }

  .vr-plan-features li {
    font-size: 13px;
  }

  .vr-plan-footer {
    padding: 20px;
  }

  .vr-plan-price strong {
    font-size: 30px;
  }

  .vr-plan-button {
    min-height: 50px;
    font-size: 12px;
  }
}

/* ==========================================
   VUK RANKOVIC – PRICING SECTION HEADING
========================================== */

.vr-pricing-heading {
  width: 100%;
  max-width: 900px;
  margin: 0 auto 42px;
  padding: 0 24px;

  color: #ffffff;
  text-align: center;
}

.vr-section-label {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 20px;

  margin-bottom: 17px;

  color: #F2B949;

  font-family: inherit;
  font-size: 12px;
  font-weight: 600;
  line-height: 1.3;
  letter-spacing: 0.32em;
  text-transform: uppercase;
}

.vr-section-label span {
  display: block;
  width: 45px;
  height: 1px;

  background: linear-gradient(
    90deg,
    transparent,
    rgba(242, 185, 73, 0.9)
  );
}

.vr-section-label span:last-child {
  background: linear-gradient(
    90deg,
    rgba(242, 185, 73, 0.9),
    transparent
  );
}

.vr-pricing-heading-title {
  margin: 0;

  color: #ffffff;

  font-family: inherit;
  font-size: clamp(38px, 5vw, 62px);
  font-weight: 400;
  line-height: 1.05;
  letter-spacing: 0.025em;
  text-transform: uppercase;
}

.vr-pricing-heading-line {
  width: 68px;
  height: 1px;

  margin: 22px auto 23px;

  background: linear-gradient(
    90deg,
    transparent,
    #F2B949,
    transparent
  );
}

.vr-pricing-heading-description {
  max-width: 740px;
  margin: 0 auto;

  color: rgba(255, 255, 255, 0.68);

  font-family: inherit;
  font-size: 16px;
  font-weight: 400;
  line-height: 1.65;
}


/* ==========================================
   VUK RANKOVIC – PACKAGE GUARANTEE STRIP
========================================== */

.vr-package-guarantee {
  display: grid;
  grid-template-columns: minmax(40px, 1fr) auto minmax(40px, 1fr);
  align-items: center;
  gap: 25px;

  width: 100%;
  margin: 26px auto 0;
  padding: 0 5px;
}

.vr-package-guarantee-line {
  width: 100%;
  height: 1px;

  background: linear-gradient(
    90deg,
    transparent,
    rgba(242, 185, 73, 0.75)
  );
}

.vr-package-guarantee-line:last-child {
  background: linear-gradient(
    90deg,
    rgba(242, 185, 73, 0.75),
    transparent
  );
}

.vr-package-guarantee-content {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 13px;
}

.vr-package-guarantee-icon {
  display: flex;
  align-items: center;
  justify-content: center;

  width: 28px;
  min-width: 28px;
  height: 32px;

  color: #F2B949;
}

.vr-package-guarantee-icon svg {
  width: 100%;
  height: 100%;

  fill: none;
  stroke: currentColor;
  stroke-width: 1.4;
  stroke-linecap: round;
  stroke-linejoin: round;
}

.vr-package-guarantee-content p {
  margin: 0;

  color: rgba(255, 255, 255, 0.67);

  font-family: inherit;
  font-size: 14px;
  font-weight: 400;
  line-height: 1.5;
  white-space: nowrap;
}

.vr-package-guarantee-content strong {
  color: rgba(255, 255, 255, 0.88);
  font-weight: 500;
}

.vr-package-guarantee-content span {
  color: #F2B949;
  font-weight: 600;
}


/* ==========================================
   TABLET
========================================== */

@media (max-width: 1024px) {
  .vr-pricing-heading {
    margin-bottom: 35px;
  }

  .vr-pricing-heading-description {
    max-width: 650px;
  }

  .vr-package-guarantee {
    gap: 18px;
  }
}


/* ==========================================
   MOBILE
========================================== */

@media (max-width: 767px) {
  .vr-pricing-heading {
    margin-bottom: 30px;
    padding: 0 12px;
  }

  .vr-section-label {
    gap: 12px;

    font-size: 10px;
    letter-spacing: 0.22em;
  }

  .vr-section-label span {
    width: 28px;
  }

  .vr-pricing-heading-title {
    font-size: 35px;
    line-height: 1.1;
  }

  .vr-pricing-heading-line {
    margin: 18px auto;
  }

  .vr-pricing-heading-description {
    font-size: 14px;
    line-height: 1.65;
  }

  .vr-package-guarantee {
    grid-template-columns: 1fr;
    gap: 14px;

    padding: 0 20px;
    text-align: center;
  }

  .vr-package-guarantee-line {
    background: linear-gradient(
      90deg,
      transparent,
      rgba(242, 185, 73, 0.75),
      transparent
    );
  }

  .vr-package-guarantee-line:last-child {
    display: none;
  }

  .vr-package-guarantee-content {
    align-items: center;
  }

  .vr-package-guarantee-content p {
    font-size: 13px;
    white-space: normal;
  }
}

/* ==========================================
   VUK RANKOVIC – CONTACT SECTION
========================================== */

:root {
  --vr-gold: #F2B949;
  --vr-black: #0D0D0D;
  --vr-card: #111111;
  --vr-panel: #151515;
  --vr-border: rgba(242, 185, 73, 0.30);
  --vr-white: #ffffff;
  --vr-muted: rgba(255, 255, 255, 0.64);
}


/* ==========================================
   OUTER SECTION
========================================== */

.vr-contact-area {
  position: relative;
  width: 100%;
  max-width: 1450px;
  margin: 0 auto;
  overflow: hidden;

  color: var(--vr-white);
  background:
    radial-gradient(
      circle at 50% 0%,
      rgba(242, 185, 73, 0.045),
      transparent 40%
    ),
    var(--vr-black);

  border: 1px solid rgba(255, 255, 255, 0.10);
  border-radius: 20px;

  box-shadow:
    0 30px 90px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.025);
}


/* ==========================================
   BENEFITS STRIP
========================================== */

.vr-contact-benefits {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));

  margin: 34px 34px 30px;
  overflow: hidden;

  background:
    linear-gradient(
      180deg,
      rgba(255, 255, 255, 0.025),
      rgba(255, 255, 255, 0)
    ),
    #111111;

  border: 1px solid rgba(255, 255, 255, 0.10);
  border-radius: 10px;
}

.vr-contact-benefit {
  position: relative;
  display: grid;
  grid-template-columns: 52px 1fr;
  align-items: center;
  gap: 15px;

  min-width: 0;
  min-height: 125px;
  padding: 23px 24px;
}

.vr-contact-benefit:not(:last-child)::after {
  content: "";
  position: absolute;
  top: 22px;
  right: 0;
  bottom: 22px;

  width: 1px;

  background: linear-gradient(
    180deg,
    transparent,
    rgba(242, 185, 73, 0.30),
    transparent
  );
}

.vr-contact-benefit-icon {
  display: flex;
  align-items: center;
  justify-content: center;

  width: 48px;
  height: 48px;

  color: var(--vr-gold);
  border: 1px solid rgba(242, 185, 73, 0.70);
  border-radius: 50%;

  transition:
    color 0.3s ease,
    background 0.3s ease,
    box-shadow 0.3s ease,
    transform 0.3s ease;
}

.vr-contact-benefit:hover .vr-contact-benefit-icon {
  color: #111111;
  background: var(--vr-gold);

  box-shadow:
    0 0 28px rgba(242, 185, 73, 0.16);

  transform: translateY(-3px);
}

.vr-contact-benefit-icon svg {
  width: 26px;
  height: 26px;

  fill: none;
  stroke: currentColor;
  stroke-width: 1.6;
  stroke-linecap: round;
  stroke-linejoin: round;
}

.vr-contact-benefit-copy {
  min-width: 0;
}

.vr-contact-benefit-copy h3 {
  margin: 0 0 7px;

  color: var(--vr-gold);

  font-size: 11px;
  font-weight: 700;
  line-height: 1.35;
  letter-spacing: 0.07em;
  text-transform: uppercase;
}

.vr-contact-benefit-copy p {
  margin: 0;

  color: rgba(255, 255, 255, 0.58);

  font-size: 12px;
  font-weight: 400;
  line-height: 1.55;
}


/* ==========================================
   MAIN CONTACT LAYOUT
========================================== */

.vr-contact-main {
  display: grid;
  grid-template-columns: minmax(320px, 41%) minmax(0, 59%);

  border-top: 1px solid rgba(255, 255, 255, 0.10);
  border-bottom: 1px solid rgba(255, 255, 255, 0.10);
}


/* ==========================================
   COACH PHOTO
========================================== */

.vr-contact-photo {
  position: relative;
  min-height: 570px;
  height: 100%;
  overflow: hidden;

  background:
    radial-gradient(
      circle at center,
      rgba(242, 185, 73, 0.05),
      transparent 60%
    ),
    #151515;

  border-right: 1px solid rgba(242, 185, 73, 0.25);
}

.vr-contact-photo img {
  position: bottom center;
  inset: 0;

  display: block;
  width: 100%;
  height: 100%;

  object-fit: cover;
  object-position: bottom;

  filter:
    contrast(1.04)
    brightness(0.86);
}

.vr-contact-photo-overlay {
  position: absolute;
  z-index: 2;
  inset: 0;
  pointer-events: none;

  background:
    linear-gradient(
      180deg,
      rgba(13, 13, 13, 0.02) 45%,
      rgba(13, 13, 13, 0.18) 82%,
      rgba(13, 13, 13, 0.35) 100%
    ),
    linear-gradient(
      90deg,
      transparent 78%,
      rgba(13, 13, 13, 0.18) 100%
    );
}


/* Image placeholder */

.vr-contact-photo-placeholder {
  position: absolute;
  inset: 28px;

  display: flex;
  align-items: center;
  justify-content: center;

  color: rgba(255, 255, 255, 0.32);
  border: 1px dashed rgba(242, 185, 73, 0.40);
  border-radius: 12px;

  font-size: 13px;
  font-weight: 500;
  letter-spacing: 0.08em;
  text-align: center;
  text-transform: uppercase;
}


/* ==========================================
   CONTACT CONTENT
========================================== */

.vr-contact-content {
  min-width: 0;
  padding: 42px 45px 40px;

  background:
    radial-gradient(
      circle at 80% 15%,
      rgba(242, 185, 73, 0.035),
      transparent 38%
    ),
    #101010;
}

.vr-contact-heading {
  margin-bottom: 28px;
}

.vr-contact-eyebrow {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  gap: 14px;

  margin-bottom: 12px;

  color: var(--vr-gold);

  font-size: 11px;
  font-weight: 600;
  line-height: 1.3;
  letter-spacing: 0.25em;
  text-transform: uppercase;
}

.vr-contact-eyebrow span {
  display: block;
  width: 36px;
  height: 1px;

  background: linear-gradient(
    90deg,
    transparent,
    rgba(242, 185, 73, 0.90)
  );
}

.vr-contact-eyebrow span:last-child {
  background: linear-gradient(
    90deg,
    rgba(242, 185, 73, 0.90),
    transparent
  );
}

.vr-contact-heading h2 {
  margin: 0 0 10px;

  color: #ffffff;

  font-size: clamp(32px, 4vw, 47px);
  font-weight: 400;
  line-height: 1.05;
  letter-spacing: 0.025em;
  text-transform: uppercase;
}

.vr-contact-heading > p {
  max-width: 730px;
  margin: 0;

  color: rgba(255, 255, 255, 0.62);

  font-size: 14px;
  line-height: 1.65;
}


/* ==========================================
   DETAILS + FORM GRID
========================================== */

.vr-contact-content-grid {
  display: grid;
  grid-template-columns: minmax(210px, 0.82fr) minmax(300px, 1.4fr);
  align-items: start;
  gap: 40px;
}


/* ==========================================
   CONTACT DETAILS
========================================== */

.vr-contact-details {
  display: grid;
  gap: 18px;
}

.vr-contact-detail {
  display: grid;
  grid-template-columns: 34px minmax(0, 1fr);
  align-items: start;
  gap: 12px;

  color: inherit;
  text-decoration: none;
}

a.vr-contact-detail {
  transition:
    transform 0.3s ease,
    opacity 0.3s ease;
}

a.vr-contact-detail:hover {
  transform: translateX(4px);
}

.vr-contact-detail-icon {
  display: flex;
  align-items: center;
  justify-content: center;

  width: 30px;
  height: 30px;

  color: var(--vr-gold);
}

.vr-contact-detail-icon svg {
  width: 24px;
  height: 24px;

  fill: none;
  stroke: currentColor;
  stroke-width: 1.5;
  stroke-linecap: round;
  stroke-linejoin: round;
}

.vr-contact-detail span {
  display: block;
  margin-bottom: 4px;

  color: rgba(255, 255, 255, 0.45);

  font-size: 10px;
  font-weight: 600;
  line-height: 1.3;
  letter-spacing: 0.11em;
  text-transform: uppercase;
}

.vr-contact-detail strong {
  display: block;

  color: rgba(255, 255, 255, 0.88);

  font-size: 13px;
  font-weight: 500;
  line-height: 1.45;
  overflow-wrap: anywhere;
}

.vr-contact-detail small {
  display: block;
  margin-top: 3px;

  color: rgba(255, 255, 255, 0.42);

  font-size: 11px;
  line-height: 1.45;
}


/* ==========================================
   CONTACT FORM
========================================== */

.vr-contact-form {
  display: grid;
  gap: 12px;
}

.vr-contact-field {
  position: relative;
}

.vr-contact-field label {
  position: absolute;
  width: 1px;
  height: 1px;
  overflow: hidden;

  clip: rect(0 0 0 0);
  white-space: nowrap;
}

.vr-contact-field input,
.vr-contact-field select,
.vr-contact-field textarea {
  width: 100%;

  color: rgba(255, 255, 255, 0.88);
  background:
    linear-gradient(
      180deg,
      rgba(255, 255, 255, 0.015),
      rgba(255, 255, 255, 0)
    ),
    rgba(0, 0, 0, 0.22);

  border: 1px solid rgba(255, 255, 255, 0.20);
  border-radius: 5px;
  outline: none;

  font-family: inherit;
  font-size: 13px;

  transition:
    border-color 0.3s ease,
    background 0.3s ease,
    box-shadow 0.3s ease;
}

.vr-contact-field input,
.vr-contact-field select {
  min-height: 48px;
  padding: 0 15px;
}

.vr-contact-field textarea {
  min-height: 120px;
  padding: 14px 15px;

  line-height: 1.55;
  resize: vertical;
}

.vr-contact-field input::placeholder,
.vr-contact-field textarea::placeholder {
  color: rgba(255, 255, 255, 0.37);
}

.vr-contact-field select {
  appearance: none;

  background-image:
    linear-gradient(
      45deg,
      transparent 50%,
      rgba(242, 185, 73, 0.85) 50%
    ),
    linear-gradient(
      135deg,
      rgba(242, 185, 73, 0.85) 50%,
      transparent 50%
    );

  background-position:
    calc(100% - 19px) 21px,
    calc(100% - 14px) 21px;

  background-size:
    5px 5px,
    5px 5px;

  background-repeat: no-repeat;
}

.vr-contact-field select option {
  color: #ffffff;
  background: #111111;
}

.vr-contact-field input:focus,
.vr-contact-field select:focus,
.vr-contact-field textarea:focus {
  border-color: rgba(242, 185, 73, 0.85);
  background-color: rgba(242, 185, 73, 0.025);

  box-shadow:
    0 0 0 3px rgba(242, 185, 73, 0.07);
}


/* ==========================================
   SUBMIT BUTTON
========================================== */

.vr-contact-submit {
  display: flex;
  align-items: center;
  justify-content: center;

  width: 100%;
  min-height: 52px;
  padding: 10px 19px;

  color: #111111;
  background:
    linear-gradient(
      90deg,
      #dca93f,
      var(--vr-gold),
      #e5b94e
    );

  border: 1px solid var(--vr-gold);
  border-radius: 5px;
  cursor: pointer;

  font-family: inherit;
  font-size: 12px;
  font-weight: 700;
  line-height: 1.2;
  letter-spacing: 0.08em;
  text-transform: uppercase;

  transition:
    transform 0.3s ease,
    background 0.3s ease,
    box-shadow 0.3s ease;
}

.vr-contact-submit-arrow {
  margin-left: auto;

  font-size: 20px;
  font-weight: 300;
  line-height: 1;

  transition: transform 0.3s ease;
}

.vr-contact-submit:hover {
  transform: translateY(-2px);

  box-shadow:
    0 12px 32px rgba(242, 185, 73, 0.17);
}

.vr-contact-submit:hover .vr-contact-submit-arrow {
  transform: translateX(5px);
}


/* ==========================================
   FOOTER STRIP
========================================== */

.vr-contact-footer {
  display: grid;
  grid-template-columns: minmax(100px, 0.7fr) minmax(220px, 1.8fr) minmax(130px, 0.7fr);
  align-items: center;
  gap: 25px;

  min-height: 105px;
  padding: 25px 38px;

  background:
    radial-gradient(
      circle at center,
      rgba(242, 185, 73, 0.025),
      transparent 55%
    ),
    #0D0D0D;
}

.vr-contact-logo-placeholder {
  display: flex;
  align-items: center;
  justify-content: center;

  width: 78px;
  min-height: 150px;

  color: rgba(255, 255, 255, 0.30);
  border: 1px dashed rgba(242, 185, 73, 0.45);
  border-radius: 6px;

  font-size: 9px;
  letter-spacing: 0.08em;
  text-align: center;
  text-transform: uppercase;
}

.vr-contact-logo {
  display: inline-flex;
  width: fit-content;
}

.vr-contact-logo img {
  display: block;
  width: auto;
  max-width: 110px;
  max-height: 75px;
}

.vr-contact-motto {
  margin: 0;

  color: var(--vr-gold);

  font-size: 11px;
  font-weight: 500;
  line-height: 1.5;
  letter-spacing: 0.20em;
  text-align: center;
  text-transform: uppercase;
}

.vr-contact-socials {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: 19px;
}

.vr-contact-socials a {
  display: flex;
  align-items: center;
  justify-content: center;

  width: 32px;
  height: 32px;

  color: var(--vr-gold);
  border: 1px solid transparent;
  border-radius: 50%;

  transition:
    color 0.3s ease,
    background 0.3s ease,
    border-color 0.3s ease,
    transform 0.3s ease;
}

.vr-contact-socials a:hover {
  color: #111111;
  background: var(--vr-gold);
  border-color: var(--vr-gold);

  transform: translateY(-3px);
}

.vr-contact-socials svg {
  width: 19px;
  height: 19px;

  fill: none;
  stroke: currentColor;
  stroke-width: 1.6;
  stroke-linecap: round;
  stroke-linejoin: round;
}


/* ==========================================
   LARGE TABLET
========================================== */

@media (max-width: 1100px) {
  .vr-contact-benefits {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .vr-contact-benefit:nth-child(2)::after {
    display: none;
  }

  .vr-contact-benefit:nth-child(-n + 2) {
    border-bottom: 1px solid rgba(255, 255, 255, 0.09);
  }

  .vr-contact-main {
    grid-template-columns: minmax(300px, 38%) minmax(0, 62%);
  }

  .vr-contact-content {
    padding-right: 32px;
    padding-left: 32px;
  }

  .vr-contact-content-grid {
    grid-template-columns: 1fr;
    gap: 30px;
  }

  .vr-contact-details {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}


/* ==========================================
   TABLET
========================================== */

@media (max-width: 850px) {
  .vr-contact-area {
    border-radius: 16px;
  }

  .vr-contact-benefits {
    margin: 24px;
  }

  .vr-contact-main {
    grid-template-columns: 1fr;
  }

  .vr-contact-photo {
    min-height: 520px;
    border-right: none;
    border-bottom: 1px solid rgba(242, 185, 73, 0.25);
  }

  .vr-contact-content {
    padding: 40px 30px;
  }

  .vr-contact-footer {
    grid-template-columns: 1fr;
    justify-items: center;
    gap: 20px;

    padding: 30px;
  }

  .vr-contact-socials {
    justify-content: center;
  }
}


/* ==========================================
   MOBILE
========================================== */

@media (max-width: 600px) {
  .vr-contact-benefits {
    grid-template-columns: 1fr;
    margin: 18px;
  }

  .vr-contact-benefit {
    min-height: 0;
    padding: 20px;
  }

  .vr-contact-benefit:not(:last-child)::after {
    top: auto;
    right: 20px;
    bottom: 0;
    left: 20px;

    width: auto;
    height: 1px;

    background: linear-gradient(
      90deg,
      transparent,
      rgba(242, 185, 73, 0.30),
      transparent
    );
  }

  .vr-contact-benefit:nth-child(-n + 2) {
    border-bottom: none;
  }

  .vr-contact-photo {
    min-height: 430px;
  }

  .vr-contact-content {
    padding: 34px 21px;
  }

  .vr-contact-heading h2 {
    font-size: 32px;
  }

  .vr-contact-eyebrow {
    gap: 9px;

    font-size: 9px;
    letter-spacing: 0.18em;
  }

  .vr-contact-eyebrow span {
    width: 23px;
  }

  .vr-contact-content-grid {
    gap: 28px;
  }

  .vr-contact-details {
    grid-template-columns: 1fr;
  }

  .vr-contact-footer {
    min-height: 0;
    padding: 28px 20px;
  }

  .vr-contact-motto {
    font-size: 9px;
    letter-spacing: 0.14em;
  }
}
/* ==========================================
   VUK RANKOVIC – CLIENT FEEDBACK SECTION
========================================== */

:root {
  --vr-feedback-gold: #F2B949;
  --vr-feedback-black: #090909;
  --vr-feedback-panel: #101010;
  --vr-feedback-white: #ffffff;
  --vr-feedback-muted: rgba(255, 255, 255, 0.64);
  --vr-feedback-border: rgba(242, 185, 73, 0.55);
}


/* ==========================================
   MAIN SECTION
========================================== */

.vr-feedback-section {

    position: relative;

    width: 100%;

    padding:
        80px
        clamp(24px,5vw,90px)
        50px;

    overflow: hidden;

    color: var(--vr-feedback-white);

    background:

    radial-gradient(
        circle at 50% 18%,
        rgba(255,255,255,.035),
        transparent 45%
    ),

    radial-gradient(
        circle at 10% 50%,
        rgba(255,255,255,.018),
        transparent 38%
    ),

    radial-gradient(
        circle at 90% 40%,
        rgba(255,255,255,.018),
        transparent 38%
    ),

    linear-gradient(
        180deg,
        #2d2d2d 0%,
        #262626 18%,
        #202020 45%,
        #191919 70%,
        #111111 100%
    );

    font-family: inherit;
}

/* ==========================================
   GRAPHITE TEXTURE
========================================== */

.vr-feedback-section::before{

    content:"";

    position:absolute;
    inset:0;

    pointer-events:none;

    opacity:.18;

    background:

    /* soft top highlight */
    linear-gradient(
        180deg,
        rgba(255,255,255,.035),
        transparent 18%
    ),

    /* subtle vertical brushed lines */
    repeating-linear-gradient(
        90deg,
        rgba(255,255,255,.008) 0px,
        rgba(255,255,255,.008) 1px,
        transparent 1px,
        transparent 4px
    ),

    /* slight diagonal variation */
    repeating-linear-gradient(
        -45deg,
        rgba(255,255,255,.004) 0px,
        rgba(255,255,255,.004) 2px,
        transparent 2px,
        transparent 8px
    );

    mix-blend-mode:soft-light;
}


/* ==========================================
   SECTION HEADER
========================================== */

.vr-feedback-header {
  position: relative;
  z-index: 2;

  max-width: 920px;
  margin: 0 auto 52px;

  text-align: center;
}

.vr-feedback-eyebrow {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 18px;

  margin-bottom: 24px;

  color: var(--vr-feedback-gold);

  font-size: 15px;
  font-weight: 500;
  line-height: 1.3;
  letter-spacing: 0.18em;
  text-transform: uppercase;
}

.vr-feedback-eyebrow span {
  display: block;
  width: 62px;
  height: 1px;

  background: linear-gradient(
    90deg,
    transparent,
    var(--vr-feedback-gold)
  );
}

.vr-feedback-eyebrow span:last-child {
  background: linear-gradient(
    90deg,
    var(--vr-feedback-gold),
    transparent
  );
}

.vr-feedback-header h2 {
  margin: 0;

  color: #ffffff;

  font-size: clamp(42px, 5vw, 76px);
  font-weight: 300;
  line-height: 1.03;
  letter-spacing: 0.03em;
  text-transform: uppercase;
}

.vr-feedback-header h2 strong {
  display: block;

  color: var(--vr-feedback-gold);

  font-weight: 400;
}

.vr-feedback-heading-line {
  width: 136px;
  height: 1px;
  margin: 27px auto;

  background: linear-gradient(
    90deg,
    transparent,
    var(--vr-feedback-gold),
    transparent
  );
}

.vr-feedback-header > p {
  max-width: 720px;
  margin: 0 auto;

  color: rgba(255, 255, 255, 0.67);

  font-size: 17px;
  font-weight: 300;
  line-height: 1.65;
}


/* ==========================================
   TESTIMONIAL GRID
========================================== */

.vr-feedback-grid {
  position: relative;
  z-index: 2;

  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 18px;

  margin-bottom: 32px;
}


/* ==========================================
   TESTIMONIAL CARD
========================================== */

.vr-feedback-card {
  position: relative;
  min-width: 0;
  overflow: hidden;

  background:
    linear-gradient(
      145deg,
      rgba(255, 255, 255, 0.025),
      rgba(255, 255, 255, 0)
    ),
    rgba(12, 12, 12, 0.96);

  border: 1px solid rgba(242, 185, 73, 0.55);
  border-radius: 18px;

  box-shadow:
    0 22px 50px rgba(0, 0, 0, 0.36),
    inset 0 1px 0 rgba(255, 255, 255, 0.025);

  transition:
    transform 0.4s ease,
    border-color 0.4s ease,
    box-shadow 0.4s ease;
}

.vr-feedback-card:hover {
  transform: translateY(-7px);

  border-color: rgba(242, 185, 73, 0.90);

  box-shadow:
    0 28px 65px rgba(0, 0, 0, 0.50),
    0 0 34px rgba(242, 185, 73, 0.065);
}

.vr-feedback-card-glow {
  position: absolute;
  top: -2px;
  left: 50%;

  width: 180px;
  height: 3px;

  pointer-events: none;

  background: linear-gradient(
    90deg,
    transparent,
    var(--vr-feedback-gold),
    transparent
  );

  filter: blur(1px);
  transform: translateX(-50%);
}

.vr-feedback-card-inner {
  display: grid;
  grid-template-columns: minmax(185px, 0.95fr) minmax(190px, 1.05fr);
  gap: 22px;

  height: 100%;
  padding: 38px 25px 28px;
}


/* ==========================================
   CLIENT TRANSFORMATION IMAGES
========================================== */

.vr-feedback-transformation {
  position: relative;
  min-width: 0;
  padding-bottom: 34px;
}

.vr-feedback-photo-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 4px;

  height: 100%;
  min-height: 295px;
}

.vr-feedback-photo,
.vr-feedback-photo-placeholder {
  position: relative;
  min-width: 0;
  overflow: hidden;

  background:
    radial-gradient(
      circle at center,
      rgba(242, 185, 73, 0.06),
      transparent 60%
    ),
    #171717;

  border: 1px solid rgba(242, 185, 73, 0.60);
}

.vr-feedback-photo img {
  display: block;
  width: 100%;
  height: 100%;

  object-fit: cover;
  object-position: center top;

  filter:
    contrast(1.04)
    brightness(0.88);

  transition:
    transform 0.5s ease,
    filter 0.5s ease;
}

.vr-feedback-card:hover .vr-feedback-photo img {
  transform: scale(1.035);

  filter:
    contrast(1.06)
    brightness(0.94);
}

.vr-feedback-photo-placeholder {
  display: flex;
  align-items: center;
  justify-content: center;

  padding: 12px;

  color: rgba(255, 255, 255, 0.28);
  border-style: dashed;

  font-size: 10px;
  line-height: 1.4;
  letter-spacing: 0.10em;
  text-align: center;
  text-transform: uppercase;
}


/* ==========================================
   RESULT BADGE
========================================== */

.vr-feedback-result-badge {
  position: absolute;
  right: 50%;
  bottom: 0;
  z-index: 4;

  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;

  width: 90px;
  height: 90px;
  padding: 10px;

  color: var(--vr-feedback-gold);

  background:
    radial-gradient(
      circle at 50% 35%,
      rgba(242, 185, 73, 0.12),
      transparent 65%
    ),
    #101010;

  border: 2px solid var(--vr-feedback-gold);
  border-radius: 50%;

  box-shadow:
    0 10px 28px rgba(0, 0, 0, 0.50),
    inset 0 0 18px rgba(242, 185, 73, 0.05);

  text-align: center;

  transform: translateX(50%);
}

.vr-feedback-result-badge strong {
  display: block;

  font-size: 20px;
  font-weight: 500;
  line-height: 1;
}

.vr-feedback-result-badge span {
  display: block;
  margin-top: 5px;

  font-size: 10px;
  font-weight: 600;
  line-height: 1.2;
  letter-spacing: 0.05em;
  text-transform: uppercase;
}

.vr-feedback-result-badge-small strong {
  font-size: 10px;
  line-height: 1.25;
  text-transform: uppercase;
}

.vr-feedback-result-badge-small span {
  font-size: 10px;
}


/* ==========================================
   TESTIMONIAL CONTENT
========================================== */

.vr-feedback-content {
  display: flex;
  flex-direction: column;
  min-width: 0;
}

.vr-feedback-stars {
  margin-bottom: 20px;

  color: var(--vr-feedback-gold);

  font-size: 21px;
  line-height: 1;
  letter-spacing: 0.04em;
}

.vr-feedback-content blockquote {
  flex-grow: 1;

  margin: 0;

  color: rgba(255, 255, 255, 0.88);

  font-size: 15px;
  font-style: italic;
  font-weight: 300;
  line-height: 1.72;
}

.vr-feedback-author-line {
  width: 48px;
  height: 1px;
  margin: 22px 0 20px;

  background: var(--vr-feedback-gold);
}

.vr-feedback-author h3 {
  margin: 0 0 5px;

  color: #ffffff;

  font-size: 16px;
  font-weight: 500;
  line-height: 1.3;
  letter-spacing: 0.06em;
  text-transform: uppercase;
}

.vr-feedback-author p {
  margin: 0;

  color: var(--vr-feedback-gold);

  font-size: 11px;
  font-weight: 500;
  line-height: 1.35;
  letter-spacing: 0.07em;
  text-transform: uppercase;
}


/* ==========================================
   RESULTS / CREDIBILITY STRIP
========================================== */

.vr-feedback-stats {
  position: relative;
  z-index: 2;

  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));

  align-items: stretch;

  overflow: hidden;

  background:
    linear-gradient(
      180deg,
      rgba(255, 255, 255, 0.018),
      rgba(255, 255, 255, 0)
    ),
    rgba(13, 13, 13, 0.94);

  border: 1px solid rgba(255, 255, 255, 0.10);
  border-radius: 15px;

  box-shadow:
    0 18px 45px rgba(0, 0, 0, 0.30);
}

.vr-feedback-stat {
  position: relative;

  display: grid;
  grid-template-columns: 56px minmax(0, 1fr);
  align-items: start;
  gap: 16px;

  min-width: 0;
  padding: 35px 27px;
}

.vr-feedback-stat:not(:last-child)::after {
  content: "";
  position: absolute;
  top: 27px;
  right: 0;
  bottom: 27px;

  width: 1px;

  background: linear-gradient(
    180deg,
    transparent,
    rgba(242, 185, 73, 0.35),
    transparent
  );
}


.vr-feedback-stat-icon {
  display: flex;
  align-items: flex-start;
  justify-content: center;

  color: var(--vr-feedback-gold);
}

.vr-feedback-stat-icon svg {
  width: 42px;
  height: 42px;

  fill: none;
  stroke: currentColor;
  stroke-width: 1.5;
  stroke-linecap: round;
  stroke-linejoin: round;
}

.vr-feedback-stat-copy {
  min-width: 0;
}

.vr-feedback-stat-copy > strong {
  display: block;
  margin-bottom: 8px;

  color: var(--vr-feedback-gold);

  font-size: 33px;
  font-weight: 400;
  line-height: 1;
}

.vr-feedback-stat-copy h3 {
  margin: 0 0 15px;

  color: rgba(255, 255, 255, 0.93);

  font-size: 13px;
  font-weight: 500;
  line-height: 1.35;
  letter-spacing: 0.07em;
  text-transform: uppercase;
}

.vr-feedback-stat-copy p {
  margin: 0;

  color: rgba(255, 255, 255, 0.55);

  font-size: 13px;
  font-weight: 300;
  line-height: 1.6;
}

.vr-feedback-stat-copy .vr-feedback-text-stat {
  margin-bottom: 18px;

  font-size: 15px;
  font-weight: 500;
  line-height: 1.3;
  letter-spacing: 0.05em;
  text-transform: uppercase;
}


/* ==========================================
   PORTFOLIO BUTTON
========================================== */

.vr-feedback-stat-button-wrap {
  display: flex;
  align-items: center;
  justify-content: center;

  min-width: 0;
  padding: 30px;
}

.vr-feedback-button {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 25px;

  width: 100%;
  min-height: 57px;
  padding: 14px 22px;

  color: var(--vr-feedback-gold);
  background: rgba(242, 185, 73, 0.015);

  border: 1px solid var(--vr-feedback-gold);
  border-radius: 5px;

  font-size: 11px;
  font-weight: 600;
  line-height: 1.3;
  letter-spacing: 0.06em;
  text-decoration: none;
  text-transform: uppercase;

  transition:
    color 0.3s ease,
    background 0.3s ease,
    box-shadow 0.3s ease,
    transform 0.3s ease;
}

.vr-feedback-button-arrow {
  font-size: 21px;
  font-weight: 300;
  line-height: 1;

  transition: transform 0.3s ease;
}

.vr-feedback-button:hover {
  color: #111111;
  background: var(--vr-feedback-gold);

  box-shadow:
    0 12px 30px rgba(242, 185, 73, 0.17);

  transform: translateY(-2px);
}

.vr-feedback-button:hover .vr-feedback-button-arrow {
  transform: translateX(5px);
}


/* ==========================================
   BOTTOM MOTTO
========================================== */

.vr-feedback-motto {
  position: relative;
  z-index: 2;

  display: flex;
  align-items: center;
  justify-content: center;
  gap: 23px;

  margin-top: 33px;

  text-align: center;
}

.vr-feedback-motto span {
  display: block;
  width: 76px;
  height: 1px;

  background: linear-gradient(
    90deg,
    transparent,
    var(--vr-feedback-gold)
  );
}

.vr-feedback-motto span:last-child {
  background: linear-gradient(
    90deg,
    var(--vr-feedback-gold),
    transparent
  );
}

.vr-feedback-motto p {
  margin: 0;

  color: var(--vr-feedback-gold);

  font-size: 13px;
  font-weight: 500;
  line-height: 1.5;
  letter-spacing: 0.25em;
  text-transform: uppercase;
}


/* ==========================================
   RESPONSIVE – LARGE DESKTOP
========================================== */

@media (max-width: 1400px) {
  .vr-feedback-card-inner {
    grid-template-columns: minmax(150px, 0.85fr) minmax(175px, 1.15fr);
    gap: 18px;
    padding-right: 20px;
    padding-left: 20px;
  }

  .vr-feedback-photo-grid {
    min-height: 270px;
  }

  .vr-feedback-content blockquote {
    font-size: 14px;
  }

  .vr-feedback-stats {
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }

  .vr-feedback-stat-button-wrap {
    grid-column: 1 / -1;
    padding-top: 0;
  }

  .vr-feedback-button {
    max-width: 360px;
  }

  .vr-feedback-stat:nth-child(4)::after {
    display: none;
  }
}


/* ==========================================
   RESPONSIVE – TABLET
========================================== */

@media (max-width: 1100px) {
  .vr-feedback-grid {
    grid-template-columns: 1fr;
    max-width: 850px;
    margin-right: auto;
    margin-left: auto;
  }

  .vr-feedback-card-inner {
    grid-template-columns: minmax(260px, 0.85fr) minmax(0, 1.15fr);
    padding: 32px;
  }

  .vr-feedback-photo-grid {
    min-height: 340px;
  }

  .vr-feedback-content blockquote {
    font-size: 16px;
  }

  .vr-feedback-stats {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .vr-feedback-stat:nth-child(2)::after,
  .vr-feedback-stat:nth-child(4)::after {
    display: none;
  }

  .vr-feedback-stat:nth-child(-n + 2) {
    border-bottom: 1px solid rgba(255, 255, 255, 0.08);
  }
}


/* ==========================================
   RESPONSIVE – SMALL TABLET
========================================== */

@media (max-width: 750px) {
  .vr-feedback-section {
    padding: 60px 20px 36px;
  }

  .vr-feedback-header {
    margin-bottom: 38px;
  }

  .vr-feedback-eyebrow {
    font-size: 11px;
  }

  .vr-feedback-header h2 {
    font-size: 42px;
  }

  .vr-feedback-header > p {
    font-size: 15px;
  }

  .vr-feedback-card-inner {
    grid-template-columns: 1fr;
  }

  .vr-feedback-transformation {
    max-width: 440px;
    margin: 0 auto;
  }

  .vr-feedback-photo-grid {
    min-height: 390px;
  }

  .vr-feedback-content {
    padding-top: 8px;
  }

  .vr-feedback-stars {
    text-align: center;
  }

  .vr-feedback-content blockquote {
    text-align: center;
  }

  .vr-feedback-author-line {
    margin-right: auto;
    margin-left: auto;
  }

  .vr-feedback-author {
    text-align: center;
  }

  .vr-feedback-stats {
    grid-template-columns: 1fr;
  }

  .vr-feedback-stat {
    padding: 27px 25px;
  }

  .vr-feedback-stat:not(:nth-last-child(2))::after {
    top: auto;
    right: 25px;
    bottom: 0;
    left: 25px;

    width: auto;
    height: 1px;

    background: linear-gradient(
      90deg,
      transparent,
      rgba(242, 185, 73, 0.32),
      transparent
    );
  }

  .vr-feedback-stat:nth-child(-n + 2) {
    border-bottom: none;
  }

  .vr-feedback-stat-button-wrap {
    padding: 25px;
  }

  .vr-feedback-motto {
    gap: 12px;
  }

  .vr-feedback-motto span {
    width: 30px;
  }

  .vr-feedback-motto p {
    font-size: 10px;
    letter-spacing: 0.15em;
  }
}


/* ==========================================
   RESPONSIVE – MOBILE
========================================== */

@media (max-width: 520px) {
  .vr-feedback-section {
    padding-right: 14px;
    padding-left: 14px;
  }

  .vr-feedback-eyebrow {
    gap: 10px;
  }

  .vr-feedback-eyebrow span {
    width: 32px;
  }

  .vr-feedback-header h2 {
    font-size: 35px;
  }

  .vr-feedback-card-inner {
    padding: 26px 17px 24px;
  }

  .vr-feedback-photo-grid {
    min-height: 310px;
  }

  .vr-feedback-result-badge {
    width: 78px;
    height: 78px;
  }

  .vr-feedback-result-badge strong {
    font-size: 17px;
  }

  .vr-feedback-content blockquote {
    font-size: 14px;
  }

  .vr-feedback-stat {
    grid-template-columns: 47px minmax(0, 1fr);
    gap: 13px;
  }

  .vr-feedback-stat-icon svg {
    width: 36px;
    height: 36px;
  }

  .vr-feedback-stat-copy > strong {
    font-size: 28px;
  }

  .vr-feedback-button {
    padding-right: 18px;
    padding-left: 18px;
  }
}
/* ==========================================
   FIX THEGEM BLOCKQUOTE OVERRIDES
========================================== */

.vr-feedback-content blockquote {
  position: relative !important;

  display: block !important;
  width: 100% !important;
  max-width: none !important;
  min-width: 0 !important;
  min-height: 0 !important;
  height: auto !important;

  margin: 0 !important;
  padding: 0 !important;

  color: rgba(255, 255, 255, 0.88) !important;
  background: transparent !important;
  background-color: transparent !important;
  background-image: none !important;

  border: none !important;
  border-left: none !important;
  border-right: none !important;

  box-shadow: none !important;

  font-family: inherit !important;
  font-size: 15px !important;
  font-style: italic !important;
  font-weight: 300 !important;
  line-height: 1.72 !important;
  letter-spacing: normal !important;
  text-align: left !important;
  text-transform: none !important;

  overflow: visible !important;
}

/* Remove quotation graphics added by the theme */

.vr-feedback-content blockquote::before,
.vr-feedback-content blockquote::after {
  content: none !important;
  display: none !important;

  width: 0 !important;
  height: 0 !important;

  margin: 0 !important;
  padding: 0 !important;

  background: none !important;
  border: none !important;
}

/* ==========================================
   VUK RANKOVIC – SOCIAL MEDIA SECTION
========================================== */

:root {
  --vr-social-gold: #F2B949;
  --vr-social-white: #ffffff;
  --vr-social-muted: rgba(255, 255, 255, 0.62);
  --vr-social-card: #111111;
}


/* ==========================================
   MAIN SECTION
========================================== */

.vr-social-section {
  position: relative;
  width: 100%;
  overflow: hidden;

  color: var(--vr-social-white);

  background:
    radial-gradient(
      circle at 50% 10%,
      rgba(255, 255, 255, 0.035),
      transparent 44%
    ),
    radial-gradient(
      circle at 50% 80%,
      rgba(242, 185, 73, 0.025),
      transparent 40%
    ),
    linear-gradient(
      180deg,
      #292929 0%,
      #242424 13%,
      #1d1d1d 37%,
      #151515 67%,
      #0c0c0c 100%
    );

  font-family: inherit;
}


/* Subtle graphite texture */

.vr-social-section::before {
  content: "";
  position: absolute;
  inset: 0;
  z-index: 0;

  pointer-events: none;
  opacity: 0.10;

  background:
    repeating-linear-gradient(
      90deg,
      rgba(255, 255, 255, 0.012) 0,
      rgba(255, 255, 255, 0.012) 1px,
      transparent 1px,
      transparent 4px
    ),
    repeating-linear-gradient(
      -45deg,
      rgba(255, 255, 255, 0.006) 0,
      rgba(255, 255, 255, 0.006) 2px,
      transparent 2px,
      transparent 9px
    );

  mix-blend-mode: soft-light;
}


/* ==========================================
   INNER CONTAINER
========================================== */

.vr-social-inner {
  position: relative;
  z-index: 1;

  width: 100%;
  padding:
    80px
    clamp(24px, 5vw, 90px)
    48px;
}


/* ==========================================
   SECTION HEADER
========================================== */

.vr-social-header {
  width: 100%;
  max-width: 1060px;
  margin: 0 auto 48px;

  text-align: center;
}

.vr-social-eyebrow {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 17px;

  margin-bottom: 22px;

  color: var(--vr-social-gold);

  font-size: 13px;
  font-weight: 500;
  line-height: 1.3;
  letter-spacing: 0.22em;
  text-transform: uppercase;
}

.vr-social-eyebrow span {
  display: block;
  width: 58px;
  height: 1px;

  background: linear-gradient(
    90deg,
    transparent,
    rgba(242, 185, 73, 0.72)
  );
}

.vr-social-eyebrow span:last-child {
  background: linear-gradient(
    90deg,
    rgba(242, 185, 73, 0.72),
    transparent
  );
}

.vr-social-header h2 {
  margin: 0;

  color: #ffffff;

  font-size: clamp(38px, 4.5vw, 68px);
  font-weight: 400;
  line-height: 1.05;
  letter-spacing: 0.015em;
  text-transform: uppercase;
}

.vr-social-header h2 strong {
  display: block;

  margin-top: 5px;

  color: var(--vr-social-gold);

  font-weight: 400;
}

.vr-social-header > p {
  max-width: 790px;
  margin: 20px auto 0;

  color: rgba(255, 255, 255, 0.65);

  font-size: 17px;
  font-weight: 300;
  line-height: 1.65;
}


/* ==========================================
   SOCIAL GRID
========================================== */

.vr-social-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 28px;

  width: 100%;
  max-width: 1450px;
  margin: 0 auto;
}


/* ==========================================
   SOCIAL CARD
========================================== */

.vr-social-card {
  position: relative;
  min-width: 0;
  overflow: hidden;

  background:
    linear-gradient(
      145deg,
      rgba(255, 255, 255, 0.025),
      transparent 45%
    ),
    var(--vr-social-card);

  border: 1px solid rgba(242, 185, 73, 0.38);
  border-radius: 17px;

  box-shadow:
    0 24px 55px rgba(0, 0, 0, 0.34),
    inset 0 1px 0 rgba(255, 255, 255, 0.025);

  transition:
    transform 0.4s ease,
    border-color 0.4s ease,
    box-shadow 0.4s ease;
}

.vr-social-card:hover {
  transform: translateY(-7px);

  border-color: rgba(242, 185, 73, 0.78);

  box-shadow:
    0 30px 65px rgba(0, 0, 0, 0.48),
    0 0 24px rgba(242, 185, 73, 0.055);
}


/* ==========================================
   CARD PLATFORM HEADING
========================================== */

.vr-social-card-heading {
  display: flex;
  align-items: center;
  gap: 18px;

  min-height: 96px;
  padding: 20px 28px;

  background:
    linear-gradient(
      180deg,
      rgba(255, 255, 255, 0.022),
      transparent
    );
}

.vr-social-platform-icon {
  display: flex;
  align-items: center;
  justify-content: center;

  flex: 0 0 auto;
  width: 60px;
  height: 60px;

  border-radius: 13px;

  box-shadow:
    0 9px 22px rgba(0, 0, 0, 0.34);
}

.vr-social-platform-icon svg {
  width: 34px;
  height: 34px;

  fill: none;
  stroke: currentColor;
  stroke-width: 2;
  stroke-linecap: round;
  stroke-linejoin: round;
}


/* Instagram */

.vr-instagram-icon {
  color: #ffffff;

  background:
    radial-gradient(
      circle at 68% 68%,
      #ffd600 0 18%,
      transparent 19%
    ),
    linear-gradient(
      140deg,
      #515bd4,
      #8134af 30%,
      #dd2a7b 58%,
      #f58529 78%,
      #feda77
    );
}


/* YouTube */

.vr-youtube-icon {
  color: #ffffff;
  background: #e21b1b;
}

.vr-youtube-icon svg path:first-child {
  fill: currentColor;
  stroke: none;
}


/* TikTok */

.vr-tiktok-icon {
  color: #ffffff;
  background: #050505;

  box-shadow:
    -3px 0 0 rgba(37, 244, 238, 0.85),
    3px 0 0 rgba(254, 44, 85, 0.80),
    0 9px 22px rgba(0, 0, 0, 0.34);
}

.vr-social-platform-copy {
  min-width: 0;
}

.vr-social-platform-copy h3 {
  margin: 0 0 5px;

  color: #ffffff;

  font-size: 23px;
  font-weight: 500;
  line-height: 1.2;
  letter-spacing: 0.035em;
  text-transform: uppercase;
}

.vr-social-platform-copy p {
  margin: 0;

  color: var(--vr-social-gold);

  font-size: 16px;
  font-weight: 400;
  line-height: 1.3;
}


/* ==========================================
   SOCIAL IMAGE
========================================== */

.vr-social-image,
.vr-social-image-placeholder {
  position: relative;
  width: 100%;
  height: 355px;
  overflow: hidden;

  background:
    radial-gradient(
      circle at center,
      rgba(242, 185, 73, 0.05),
      transparent 60%
    ),
    #171717;
}

.vr-social-image img {
  display: block;
  width: 100%;
  height: 100%;

  object-fit: cover;
  object-position: center top;

  filter:
    brightness(0.86)
    contrast(1.05);

  transition:
    transform 0.65s ease,
    filter 0.65s ease;
}

.vr-social-card:hover .vr-social-image img {
  transform: scale(1.035);

  filter:
    brightness(0.93)
    contrast(1.07);
}


/* Image placeholder */

.vr-social-image-placeholder {
  display: flex;
  align-items: center;
  justify-content: center;

  color: rgba(255, 255, 255, 0.30);

  border-top: 1px dashed rgba(242, 185, 73, 0.35);
  border-bottom: 1px dashed rgba(242, 185, 73, 0.35);

  font-size: 11px;
  font-weight: 500;
  line-height: 1.4;
  letter-spacing: 0.10em;
  text-align: center;
  text-transform: uppercase;
}


/* ==========================================
   CARD CONTENT
========================================== */

.vr-social-card-content {
  padding: 23px 28px 19px;
}

.vr-social-card-content > p {
  min-height: 60px;
  margin: 0 0 20px;

  color: rgba(255, 255, 255, 0.70);

  font-size: 15px;
  font-weight: 300;
  line-height: 1.6;
}

.vr-social-link {
  display: flex;
  align-items: center;
  justify-content: space-between;

  padding-top: 17px;

  color: var(--vr-social-gold);

  border-top: 1px solid rgba(242, 185, 73, 0.30);

  font-size: 15px;
  font-weight: 600;
  line-height: 1.3;
  letter-spacing: 0.04em;
  text-decoration: none;
  text-transform: uppercase;

  transition:
    color 0.3s ease,
    padding-left 0.3s ease;
}

.vr-social-arrow {
  font-size: 28px;
  font-weight: 200;
  line-height: 1;

  transition: transform 0.3s ease;
}

.vr-social-link:hover {
  color: #ffffff;
  padding-left: 4px;
}

.vr-social-link:hover .vr-social-arrow {
  color: var(--vr-social-gold);
  transform: translateX(6px);
}


/* ==========================================
   SMALL, SUBTLE BOTTOM DIVIDER
========================================== */

.vr-social-divider {
  position: relative;

  width: min(260px, 40%);
  height: 1px;
  margin: 48px auto 0;

  background: linear-gradient(
    90deg,
    transparent,
    rgba(242, 185, 73, 0.18) 18%,
    rgba(242, 185, 73, 0.55) 50%,
    rgba(242, 185, 73, 0.18) 82%,
    transparent
  );
}

/* Very restrained center highlight */

.vr-social-divider::after {
  content: "";
  position: absolute;
  top: 0;
  left: 50%;

  width: 42px;
  height: 1px;

  background: rgba(242, 185, 73, 0.55);

  box-shadow:
    0 0 5px rgba(242, 185, 73, 0.16);

  transform: translateX(-50%);
}


/* ==========================================
   RESPONSIVE – TABLET
========================================== */

@media (max-width: 1050px) {
  .vr-social-grid {
    gap: 18px;
  }

  .vr-social-card-heading {
    padding-right: 20px;
    padding-left: 20px;
  }

  .vr-social-platform-icon {
    width: 52px;
    height: 52px;
  }

  .vr-social-platform-copy h3 {
    font-size: 19px;
  }

  .vr-social-platform-copy p {
    font-size: 14px;
  }

  .vr-social-image,
  .vr-social-image-placeholder {
    height: 310px;
  }

  .vr-social-card-content {
    padding-right: 21px;
    padding-left: 21px;
  }
}


/* ==========================================
   RESPONSIVE – SMALL TABLET
========================================== */

@media (max-width: 800px) {
  .vr-social-inner {
    padding-top: 65px;
  }

  .vr-social-header {
    margin-bottom: 38px;
  }

  .vr-social-header h2 {
    font-size: 43px;
  }

  .vr-social-header > p {
    font-size: 15px;
  }

  .vr-social-grid {
    grid-template-columns: 1fr;

    max-width: 560px;
  }

  .vr-social-card-heading {
    padding: 20px 25px;
  }

  .vr-social-image,
  .vr-social-image-placeholder {
    height: 430px;
  }

  .vr-social-card-content > p {
    min-height: 0;
  }
}


/* ==========================================
   RESPONSIVE – MOBILE
========================================== */

@media (max-width: 520px) {
  .vr-social-inner {
    padding:
      55px
      15px
      36px;
  }

  .vr-social-eyebrow {
    gap: 10px;

    font-size: 10px;
    letter-spacing: 0.16em;
  }

  .vr-social-eyebrow span {
    width: 34px;
  }

  .vr-social-header h2 {
    font-size: 34px;
  }

  .vr-social-header > p {
    font-size: 14px;
  }

  .vr-social-card-heading {
    min-height: 82px;
    padding: 16px 18px;
  }

  .vr-social-platform-icon {
    width: 48px;
    height: 48px;
  }

  .vr-social-platform-icon svg {
    width: 28px;
    height: 28px;
  }

  .vr-social-platform-copy h3 {
    font-size: 18px;
  }

  .vr-social-platform-copy p {
    font-size: 13px;
  }

  .vr-social-image,
  .vr-social-image-placeholder {
    height: 330px;
  }

  .vr-social-card-content {
    padding: 20px 18px 17px;
  }

  .vr-social-divider {
    width: 170px;
    margin-top: 38px;
  }
}
/* ==========================================
   UNIFIED MAIN SECTION HEADINGS
========================================== */

.vr-pricing-heading h2,
.vr-feedback-header h2,
.vr-social-header h2,
.vr-contact-heading h2 {

    margin: 0;

    color: #ffffff;

    font-size: clamp(34px, 3.2vw, 52px);

    font-weight: 300;

    line-height: 1.08;

    letter-spacing: 0.025em;

    text-transform: uppercase;
}

.vr-pricing-heading h2 strong,
.vr-feedback-header h2 strong,
.vr-social-header h2 strong,
.vr-contact-heading h2 strong {

    display: block;

    margin-top: 4px;

    color: #F2B949;

    font-size: inherit;

    font-weight: 300;
}
@media (max-width:850px){

.vr-pricing-heading h2,
.vr-feedback-header h2,
.vr-social-header h2,
.vr-contact-heading h2{

    font-size:clamp(30px,6vw,44px);
}

}

@media (max-width:520px){

.vr-pricing-heading h2,
.vr-feedback-header h2,
.vr-social-header h2,
.vr-contact-heading h2{

    font-size:28px;

    line-height:1.15;
}

}

/* ==========================================================
   VUK RANKOVIC – ABOUT PAGE
========================================================== */

:root {
  --vr-about-gold: #F2B949;
  --vr-about-black: #090909;
  --vr-about-dark: #111111;
  --vr-about-card: #171717;
  --vr-about-graphite: #252525;
  --vr-about-white: #ffffff;
  --vr-about-muted: rgba(255, 255, 255, 0.64);
  --vr-about-border: rgba(242, 185, 73, 0.28);
}


/* ==========================================================
   GLOBAL PAGE
========================================================== */

.vr-about-page,
.vr-about-page * {
  box-sizing: border-box;
}

.vr-about-page {
  width: 100%;
  overflow: hidden;

  color: var(--vr-about-white);
  background: var(--vr-about-black);

  font-family: inherit;
}

.vr-about-page img {
  max-width: 100%;
}


/* ==========================================================
   SHARED TYPOGRAPHY
========================================================== */

.vr-about-page p {
  color: rgba(255, 255, 255, 0.67);

  font-size: 15px;
  font-weight: 300;
  line-height: 1.75;
}

.vr-about-label {
  display: flex;
  align-items: center;
  gap: 13px;

  color: var(--vr-about-gold);

  font-size: 11px;
  font-weight: 600;
  line-height: 1.3;
  letter-spacing: 0.22em;
  text-transform: uppercase;
}

.vr-about-label span {
  display: block;
  width: 42px;
  height: 1px;

  background: linear-gradient(
    90deg,
    transparent,
    rgba(242, 185, 73, 0.75)
  );
}

.vr-about-label span:last-child {
  background: linear-gradient(
    90deg,
    rgba(242, 185, 73, 0.75),
    transparent
  );
}


/* ==========================================================
   HERO
========================================================== */

.vr-about-hero {
  position: relative;
  width: 100%;

  background:
    radial-gradient(
      circle at 40% 10%,
      rgba(242, 185, 73, 0.045),
      transparent 38%
    ),
    linear-gradient(
      180deg,
      #101010,
      #080808
    );

  border-bottom: 1px solid rgba(255, 255, 255, 0.08);
}

.vr-about-hero-inner {
  display: grid;
  grid-template-columns: minmax(0, 0.95fr) minmax(420px, 1.05fr);

  min-height: 720px;
}

.vr-about-hero-content {
  display: flex;
  flex-direction: column;
  justify-content: center;

  padding:
    80px
    clamp(30px, 5vw, 95px);
}

.vr-about-hero-content h1 {
  margin: 18px 0 18px;

  color: #ffffff;

  font-size: clamp(58px, 6vw, 96px);
  font-weight: 700;
  line-height: 0.92;
  letter-spacing: -0.025em;
  text-transform: uppercase;
}

.vr-about-hero-content h1 strong {
  display: block;

  color: var(--vr-about-gold);

  font-weight: 700;
}

.vr-about-hero-credentials {
  margin: 0 !important;

  color: rgba(255, 255, 255, 0.92) !important;

  font-size: 13px !important;
  font-weight: 600 !important;
  line-height: 1.6 !important;
  letter-spacing: 0.035em;
  text-transform: uppercase;
}

.vr-about-hero-credentials span {
  margin: 0 7px;
  color: var(--vr-about-gold);
}

.vr-about-hero-divider {
  width: 78px;
  height: 1px;
  margin: 25px 0 12px;

  background: var(--vr-about-gold);
}

.vr-about-hero-content > p:not(.vr-about-hero-credentials) {
  max-width: 720px;
  margin: 13px 0 0;
}

.vr-about-hero-photo {
  position: relative;
  min-height: 720px;
  overflow: hidden;

  background: #151515;
}

.vr-about-hero-photo img,
.vr-about-center-photo img,
.vr-about-info-photo img,
.vr-about-media-photo img,
.vr-about-lectures-photo img,
.vr-about-why-photo img {
  position: absolute;
  inset: 0;

  width: 100%;
  height: 100%;

  object-fit: cover;
  object-position: center top;
}

.vr-about-photo-shade {
  position: absolute;
  z-index: 2;
  inset: 0;

  pointer-events: none;

  background:
    linear-gradient(
      90deg,
      rgba(9, 9, 9, 0.36),
      transparent 25%
    ),
    linear-gradient(
      180deg,
      transparent 55%,
      rgba(9, 9, 9, 0.50)
    );
}


/* ==========================================================
   IMAGE PLACEHOLDERS
========================================================== */

.vr-about-photo-placeholder {
  position: absolute;
  inset: 22px;

  display: flex;
  align-items: center;
  justify-content: center;

  color: rgba(255, 255, 255, 0.30);

  border: 1px dashed rgba(242, 185, 73, 0.38);
  border-radius: 8px;

  font-size: 11px;
  font-weight: 500;
  line-height: 1.5;
  letter-spacing: 0.10em;
  text-align: center;
  text-transform: uppercase;
}


/* ==========================================================
   AUTHORITY STRIP
========================================================== */

.vr-about-authority {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));

  padding: 0 clamp(24px, 5vw, 90px);

  background:
    linear-gradient(
      180deg,
      #1e1e1e,
      #151515
    );

  border-bottom: 1px solid rgba(255, 255, 255, 0.09);
}

.vr-about-authority-item {
  position: relative;

  padding: 30px 25px;

  text-align: center;
}

.vr-about-authority-item:not(:last-child)::after {
  content: "";
  position: absolute;
  top: 23px;
  right: 0;
  bottom: 23px;

  width: 1px;

  background: linear-gradient(
    180deg,
    transparent,
    rgba(242, 185, 73, 0.35),
    transparent
  );
}

.vr-about-authority-item strong {
  display: block;
  margin-bottom: 7px;

  color: var(--vr-about-gold);

  font-size: 35px;
  font-weight: 400;
  line-height: 1;
}

.vr-about-authority-item span {
  color: rgba(255, 255, 255, 0.70);

  font-size: 11px;
  line-height: 1.45;
  letter-spacing: 0.06em;
  text-transform: uppercase;
}


/* ==========================================================
   GENERAL SECTIONS
========================================================== */

.vr-about-section {
  width: 100%;
  padding:
    65px
    clamp(24px, 5vw, 90px);

  background: #0d0d0d;
}

.vr-about-section-graphite {
  background:
    radial-gradient(
      circle at 50% 0%,
      rgba(255, 255, 255, 0.035),
      transparent 45%
    ),
    linear-gradient(
      180deg,
      #2b2b2b,
      #1c1c1c 48%,
      #111111
    );
}


/* ==========================================================
   SHARED SECTION HEADINGS
========================================================== */

.vr-about-section-heading {
  display: flex;
  align-items: flex-start;
  gap: 17px;

  margin-bottom: 27px;
}

.vr-about-heading-icon {
  display: flex;
  align-items: center;
  justify-content: center;

  flex: 0 0 auto;
  width: 43px;
  height: 43px;

  color: var(--vr-about-gold);
}

.vr-about-heading-icon svg,
.vr-about-service-icon svg {
  width: 100%;
  height: 100%;

  fill: none;
  stroke: currentColor;
  stroke-width: 1.55;
  stroke-linecap: round;
  stroke-linejoin: round;
}

.vr-about-section-heading span {
  display: block;
  margin-bottom: 4px;

  color: var(--vr-about-gold);

  font-size: 9px;
  font-weight: 600;
  letter-spacing: 0.15em;
  text-transform: uppercase;
}

.vr-about-section-heading h2 {
  margin: 0;

  color: #ffffff;

  font-size: clamp(25px, 2.5vw, 39px);
  font-weight: 400;
  line-height: 1.12;
  letter-spacing: 0.01em;
  text-transform: uppercase;
}


/* ==========================================================
   ABOUT / ACHIEVEMENTS THREE-COLUMN
========================================================== */

.vr-about-two-column {
  display: grid;
  grid-template-columns:
    minmax(0, 1fr)
    minmax(280px, 0.70fr)
    minmax(0, 1fr);

  align-items: stretch;

  max-width: 1650px;
  margin: 0 auto;

  border: 1px solid rgba(255, 255, 255, 0.09);
}

.vr-about-panel {
  padding: 42px 38px;

  background:
    linear-gradient(
      145deg,
      rgba(255, 255, 255, 0.015),
      transparent
    ),
    #111111;
}

.vr-about-panel > p {
  margin: 0 0 18px;
}

.vr-about-center-photo {
  position: relative;
  min-height: 670px;
  overflow: hidden;

  background: #171717;

  border-right: 1px solid rgba(242, 185, 73, 0.20);
  border-left: 1px solid rgba(242, 185, 73, 0.20);
}


/* ==========================================================
   LISTS
========================================================== */

.vr-about-check-list,
.vr-about-gold-list {
  display: grid;
  gap: 12px;

  margin: 25px 0 0;
  padding: 0;

  list-style: none;
}

.vr-about-check-list li,
.vr-about-gold-list li {
  position: relative;

  color: rgba(255, 255, 255, 0.70);

  font-size: 13px;
  line-height: 1.60;
}

.vr-about-check-list li {
  padding-left: 27px;
}

.vr-about-check-list li::before {
  content: "✓";
  position: absolute;
  top: 0;
  left: 0;

  color: var(--vr-about-gold);
  font-weight: 700;
}

.vr-about-gold-list li {
  padding-left: 18px;
}

.vr-about-gold-list li::before {
  content: "";
  position: absolute;
  top: 10px;
  left: 0;

  width: 4px;
  height: 4px;

  background: var(--vr-about-gold);
  border-radius: 50%;
}


/* ==========================================================
   EDUCATION + PHILOSOPHY
========================================================== */

.vr-about-info-grid {
  display: grid;
  grid-template-columns:
    minmax(0, 0.9fr)
    minmax(0, 1.15fr)
    minmax(320px, 0.85fr);

  max-width: 1650px;
  margin: 0 auto;

  border: 1px solid rgba(255, 255, 255, 0.09);
}

.vr-about-info-card {
  padding: 42px 38px;

  background: rgba(10, 10, 10, 0.55);
}

.vr-about-info-card:not(:last-child) {
  border-right: 1px solid rgba(242, 185, 73, 0.18);
}

.vr-about-philosophy-card blockquote {
  margin: 25px 0 0;
  padding: 19px 22px;

  color: var(--vr-about-gold);
  background: rgba(242, 185, 73, 0.035);

  border-left: 2px solid var(--vr-about-gold);

  font-size: 15px;
  font-style: normal;
  font-weight: 500;
  line-height: 1.65;
}

.vr-about-philosophy-card blockquote::before,
.vr-about-philosophy-card blockquote::after {
  display: none !important;
  content: none !important;
}

.vr-about-info-photo {
  position: relative;
  min-height: 520px;
  overflow: hidden;

  background: #141414;
}


/* ==========================================================
   MAIN SECTION HEADINGS
========================================================== */

.vr-about-main-heading {
  max-width: 900px;
  margin: 0 auto 45px;

  text-align: center;
}

.vr-about-main-heading .vr-about-label {
  justify-content: center;
}

.vr-about-main-heading h2 {
  margin: 14px 0 12px;

  color: #ffffff;

  font-size: clamp(38px, 3.2vw, 52px);
  font-weight: 300;
  line-height: 1.08;
  letter-spacing: 0.025em;
  text-transform: uppercase;
}

.vr-about-main-heading > p {
  max-width: 680px;
  margin: 0 auto;
}


/* ==========================================================
   SERVICES
========================================================== */

.vr-about-services-section {
  width: 100%;
  padding:
    75px
    clamp(24px, 5vw, 90px);

  background:
    radial-gradient(
      circle at 50% 0%,
      rgba(242, 185, 73, 0.045),
      transparent 34%
    ),
    #0b0b0b;
}

.vr-about-services-grid {
  display: grid;
  grid-template-columns: repeat(6, minmax(0, 1fr));
  gap: 12px;

  max-width: 1700px;
  margin: 0 auto;
}

.vr-about-service-card {
  overflow: hidden;

  background:
    linear-gradient(
      145deg,
      rgba(255, 255, 255, 0.025),
      transparent
    ),
    #151515;

  border: 1px solid rgba(242, 185, 73, 0.30);

  transition:
    transform 0.35s ease,
    border-color 0.35s ease;
}

.vr-about-service-card:hover {
  transform: translateY(-5px);
  border-color: rgba(242, 185, 73, 0.70);
}

.vr-about-service-icon {
  width: 43px;
  height: 43px;
  margin: 25px auto 13px;

  color: var(--vr-about-gold);
}

.vr-about-service-card h3 {
  min-height: 53px;
  margin: 0;
  padding: 0 15px 18px;

  color: #ffffff;

  font-size: 13px;
  font-weight: 600;
  line-height: 1.40;
  letter-spacing: 0.03em;
  text-align: center;
  text-transform: uppercase;
}

.vr-about-service-photo {
  position: relative;
  height: 220px;

  background: #202020;

  border-top: 1px solid rgba(255, 255, 255, 0.08);
  border-bottom: 1px solid rgba(255, 255, 255, 0.08);
}

.vr-about-service-photo .vr-about-photo-placeholder {
  inset: 12px;
}

.vr-about-service-card > p {
  margin: 0;
  padding: 19px 17px 22px;

  font-size: 11px;
  line-height: 1.65;
}


/* ==========================================================
   MEDIA
========================================================== */

.vr-about-media-section {
  padding:
    75px
    clamp(24px, 5vw, 90px);

  background:
    linear-gradient(
      180deg,
      #292929,
      #1b1b1b 40%,
      #101010
    );
}

.vr-about-media-layout {
  display: grid;
  grid-template-columns: minmax(320px, 0.75fr) minmax(0, 1.6fr);

  max-width: 1650px;
  margin: 0 auto;

  border: 1px solid rgba(255, 255, 255, 0.10);
}

.vr-about-media-photo {
  position: relative;
  min-height: 620px;
  overflow: hidden;

  background: #151515;

  border-right: 1px solid rgba(242, 185, 73, 0.20);
}

.vr-about-media-content {
  padding: 43px;
}

.vr-about-media-programs {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 13px;

  margin-top: 28px;
}

.vr-about-program-card {
  padding: 25px 22px;

  background: rgba(8, 8, 8, 0.58);

  border: 1px solid rgba(242, 185, 73, 0.26);
}

.vr-about-program-card > span {
  color: var(--vr-about-gold);

  font-size: 9px;
  letter-spacing: 0.13em;
  text-transform: uppercase;
}

.vr-about-program-card h3 {
  margin: 8px 0 13px;

  color: #ffffff;

  font-size: 20px;
  font-weight: 500;
  line-height: 1.20;
  text-transform: uppercase;
}

.vr-about-program-card p {
  min-height: 125px;
  margin: 0 0 18px;

  font-size: 12px;
  line-height: 1.65;
}

.vr-about-program-card a {
  display: flex;
  align-items: center;
  justify-content: space-between;

  padding-top: 13px;

  color: var(--vr-about-gold);

  border-top: 1px solid rgba(242, 185, 73, 0.25);

  font-size: 10px;
  font-weight: 600;
  letter-spacing: 0.05em;
  text-decoration: none;
  text-transform: uppercase;
}


/* ==========================================================
   LECTURES
========================================================== */

.vr-about-lectures-section {
  padding:
    65px
    clamp(24px, 5vw, 90px);

  background: #0c0c0c;
}

.vr-about-lectures-inner {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(420px, 1fr);

  max-width: 1500px;
  margin: 0 auto;

  border: 1px solid rgba(255, 255, 255, 0.10);
}

.vr-about-lectures-content {
  display: flex;
  flex-direction: column;
  justify-content: center;

  padding: 55px;
}

.vr-about-lectures-content h2 {
  margin: 16px 0 18px;

  color: #ffffff;

  font-size: clamp(34px, 3vw, 49px);
  font-weight: 300;
  line-height: 1.08;
  text-transform: uppercase;
}

.vr-about-lectures-photo {
  position: relative;
  min-height: 450px;
  overflow: hidden;

  background: #161616;

  border-left: 1px solid rgba(242, 185, 73, 0.20);
}


/* ==========================================================
   WHY WORK WITH ME
========================================================== */

.vr-about-why-section {
  padding:
    75px
    clamp(24px, 5vw, 90px)
    55px;

  background:
    radial-gradient(
      circle at 50% 0%,
      rgba(242, 185, 73, 0.045),
      transparent 38%
    ),
    linear-gradient(
      180deg,
      #242424,
      #151515 50%,
      #0b0b0b
    );
}

.vr-about-why-layout {
  display: grid;
  grid-template-columns: minmax(320px, 0.85fr) minmax(0, 1.7fr);

  max-width: 1600px;
  margin: 0 auto;

  border: 1px solid rgba(255, 255, 255, 0.10);
}

.vr-about-why-photo {
  position: relative;
  min-height: 590px;
  overflow: hidden;

  background: #161616;

  border-right: 1px solid rgba(242, 185, 73, 0.22);
}

.vr-about-why-list {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));

  padding: 28px;
}

.vr-about-why-item {
  display: grid;
  grid-template-columns: 45px minmax(0, 1fr);
  align-items: center;
  gap: 13px;

  min-width: 0;
  padding: 18px 20px;

  border-bottom: 1px solid rgba(255, 255, 255, 0.08);
}

.vr-about-why-item:nth-child(odd) {
  border-right: 1px solid rgba(242, 185, 73, 0.15);
}

.vr-about-why-item span {
  color: var(--vr-about-gold);

  font-size: 20px;
  font-weight: 300;
}

.vr-about-why-item p {
  margin: 0;

  color: rgba(255, 255, 255, 0.82);

  font-size: 12px;
  font-weight: 400;
  line-height: 1.55;
}

.vr-about-final-quote {
  position: relative;

  display: flex;
  align-items: center;
  justify-content: center;
  gap: 26px;

  max-width: 1500px;
  margin: 30px auto 0;
  padding: 27px 35px;

  background: rgba(8, 8, 8, 0.58);

  border: 1px solid rgba(242, 185, 73, 0.38);
}

.vr-about-quote-mark {
  color: var(--vr-about-gold);

  font-family: Georgia, serif;
  font-size: 75px;
  line-height: 0.70;
}

.vr-about-final-quote p {
  margin: 0;

  color: #ffffff;

  font-size: clamp(20px, 2vw, 31px);
  line-height: 1.35;
  letter-spacing: 0.02em;
  text-align: center;
  text-transform: uppercase;
}

.vr-about-final-quote strong {
  color: var(--vr-about-gold);
  font-weight: 400;
}


/* ==========================================================
   LARGE TABLET / SMALL LAPTOP
========================================================== */

@media (max-width: 1280px) {
  .vr-about-hero-inner {
    grid-template-columns: 1fr 1fr;
  }

  .vr-about-two-column {
    grid-template-columns: 1fr 0.75fr;
  }

  .vr-about-achievements {
    grid-column: 1 / -1;
  }

  .vr-about-center-photo {
    border-right: none;
  }

  .vr-about-info-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .vr-about-info-photo {
    grid-column: 1 / -1;
    min-height: 470px;

    border-top: 1px solid rgba(242, 185, 73, 0.18);
  }

  .vr-about-services-grid {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
}


/* ==========================================================
   TABLET
========================================================== */

@media (max-width: 950px) {
  .vr-about-hero-inner {
    grid-template-columns: 1fr;
  }

  .vr-about-hero-content {
    order: 2;
    padding-top: 55px;
    padding-bottom: 60px;
  }

  .vr-about-hero-photo {
    order: 1;
    min-height: 620px;
  }

  .vr-about-authority {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .vr-about-authority-item:nth-child(2)::after {
    display: none;
  }

  .vr-about-authority-item:nth-child(-n + 2) {
    border-bottom: 1px solid rgba(255, 255, 255, 0.08);
  }

  .vr-about-two-column,
  .vr-about-info-grid,
  .vr-about-media-layout,
  .vr-about-lectures-inner,
  .vr-about-why-layout {
    grid-template-columns: 1fr;
  }

  .vr-about-center-photo,
  .vr-about-info-photo,
  .vr-about-media-photo,
  .vr-about-lectures-photo,
  .vr-about-why-photo {
    min-height: 560px;

    border: none;
    border-top: 1px solid rgba(242, 185, 73, 0.18);
    border-bottom: 1px solid rgba(242, 185, 73, 0.18);
  }

  .vr-about-media-photo,
  .vr-about-why-photo {
    order: -1;
  }

  .vr-about-media-programs {
    grid-template-columns: 1fr;
  }

  .vr-about-program-card p {
    min-height: 0;
  }

  .vr-about-why-list {
    grid-template-columns: 1fr;
  }

  .vr-about-why-item:nth-child(odd) {
    border-right: none;
  }
}


/* ==========================================================
   MOBILE / SMALL TABLET
========================================================== */

@media (max-width: 700px) {
  .vr-about-page p {
    font-size: 14px;
    line-height: 1.70;
  }

  .vr-about-hero-content {
    padding:
      44px
      22px
      50px;
  }

  .vr-about-hero-content h1 {
    font-size: 54px;
  }

  .vr-about-hero-credentials {
    font-size: 10px !important;
  }

  .vr-about-hero-credentials span {
    display: none;
  }

  .vr-about-hero-photo {
    min-height: 520px;
  }

  .vr-about-authority {
    grid-template-columns: 1fr;
    padding: 0 18px;
  }

  .vr-about-authority-item {
    padding: 23px 15px;
  }

  .vr-about-authority-item:not(:last-child)::after {
    top: auto;
    right: 18px;
    bottom: 0;
    left: 18px;

    width: auto;
    height: 1px;

    background: linear-gradient(
      90deg,
      transparent,
      rgba(242, 185, 73, 0.30),
      transparent
    );
  }

  .vr-about-authority-item:nth-child(-n + 2) {
    border-bottom: none;
  }

  .vr-about-section,
  .vr-about-services-section,
  .vr-about-media-section,
  .vr-about-lectures-section,
  .vr-about-why-section {
    padding:
      50px
      16px;
  }

  .vr-about-panel,
  .vr-about-info-card,
  .vr-about-media-content,
  .vr-about-lectures-content {
    padding: 29px 22px;
  }

  .vr-about-center-photo,
  .vr-about-info-photo,
  .vr-about-media-photo,
  .vr-about-lectures-photo,
  .vr-about-why-photo {
    min-height: 470px;
  }

  .vr-about-section-heading {
    gap: 12px;
  }

  .vr-about-heading-icon {
    width: 35px;
    height: 35px;
  }

  .vr-about-section-heading h2 {
    font-size: 27px;
  }

  .vr-about-services-grid {
    grid-template-columns: 1fr;
    gap: 16px;
  }

  .vr-about-service-card {
    max-width: 520px;
    margin: 0 auto;
  }

  .vr-about-service-card h3 {
    min-height: 0;
  }

  .vr-about-service-photo {
    height: 320px;
  }

  .vr-about-main-heading {
    margin-bottom: 34px;
  }

  .vr-about-main-heading h2 {
    font-size: 36px;
  }

  .vr-about-why-list {
    padding: 10px 16px 20px;
  }

  .vr-about-why-item {
    grid-template-columns: 37px minmax(0, 1fr);
    padding: 16px 7px;
  }

  .vr-about-final-quote {
    align-items: flex-start;
    gap: 12px;

    padding: 22px 18px;
  }

  .vr-about-quote-mark {
    font-size: 48px;
  }

  .vr-about-final-quote p {
    font-size: 18px;
    text-align: left;
  }
}


/* ==========================================================
   SMALL MOBILE
========================================================== */

@media (max-width: 430px) {
  .vr-about-label {
    gap: 8px;
    font-size: 9px;
  }

  .vr-about-label span {
    width: 27px;
  }

  .vr-about-hero-content h1 {
    font-size: 44px;
  }

  .vr-about-hero-photo {
    min-height: 440px;
  }

  .vr-about-hero-content > p:not(.vr-about-hero-credentials) {
    font-size: 13px;
  }

  .vr-about-center-photo,
  .vr-about-info-photo,
  .vr-about-media-photo,
  .vr-about-lectures-photo,
  .vr-about-why-photo {
    min-height: 410px;
  }

  .vr-about-section-heading h2 {
    font-size: 24px;
  }

  .vr-about-main-heading h2,
  .vr-about-lectures-content h2 {
    font-size: 30px;
  }

  .vr-about-service-photo {
    height: 260px;
  }

  .vr-about-authority-item strong {
    font-size: 30px;
  }
}
/* ==========================================================
   VUK RANKOVIC – PORTFOLIO PAGE
========================================================== */

:root {
  --vr-gold: #F2B949;
  --vr-black: #090909;
  --vr-dark: #101010;
  --vr-card: #151515;
  --vr-graphite: #242424;
  --vr-white: #ffffff;
  --vr-muted: rgba(255,255,255,.66);
}


/* ==========================================
   GLOBAL
========================================== */

.vr-portfolio-page,
.vr-portfolio-page * {
  box-sizing: border-box;
}

.vr-portfolio-page {
  width: 100%;
  overflow: hidden;

  color: #ffffff;
  background: #090909;

  font-family: inherit;
}


/* ==========================================
   HERO
========================================== */

.vr-portfolio-hero {
  position: relative;

  display: flex;
  align-items: center;
  justify-content: center;

  width: 100%;
  min-height: 520px;

  overflow: hidden;

  background:
    linear-gradient(
      rgba(0,0,0,.52),
      rgba(0,0,0,.72)
    ),
    url("YOUR-HERO-IMAGE-URL") center / cover no-repeat;
}

.vr-portfolio-hero-overlay {
  position: absolute;
  inset: 0;

  background:
    radial-gradient(
      circle at center,
      transparent 15%,
      rgba(0,0,0,.32) 65%,
      rgba(0,0,0,.70) 100%
    );
}

.vr-portfolio-hero-content {
  position: relative;
  z-index: 2;

  width: 100%;
  max-width: 1000px;

  padding: 80px 30px;

  text-align: center;
}

.vr-portfolio-label {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 17px;

  color: var(--vr-gold);

  font-size: 11px;
  font-weight: 600;
  letter-spacing: .25em;
  text-transform: uppercase;
}

.vr-portfolio-label span {
  width: 48px;
  height: 1px;

  background:
    linear-gradient(
      90deg,
      transparent,
      rgba(242,185,73,.7)
    );
}

.vr-portfolio-label span:last-child {
  background:
    linear-gradient(
      90deg,
      rgba(242,185,73,.7),
      transparent
    );
}

.vr-portfolio-hero h1 {
  margin: 19px 0 0;

  color: #ffffff;

  font-size: clamp(42px,4.6vw,70px);
  font-weight: 600;
  line-height: 1.02;
  letter-spacing: .01em;
  text-transform: uppercase;
}

.vr-portfolio-hero h1 strong {
  display: block;

  color: var(--vr-gold);
  font-weight: 600;
}

.vr-portfolio-hero-line {
  width: 90px;
  height: 1px;

  margin: 25px auto;

  background:
    linear-gradient(
      90deg,
      transparent,
      var(--vr-gold),
      transparent
    );
}

.vr-portfolio-hero-content p {
  max-width: 680px;
  margin: 0 auto;

  color: rgba(255,255,255,.72);

  font-size: 15px;
  line-height: 1.7;
}


/* ==========================================
   PROGRAMS SECTION
========================================== */

.vr-portfolio-programs {
  padding:
    75px
    clamp(22px,5vw,90px)
    80px;

  background:
    radial-gradient(
      circle at 50% 0%,
      rgba(255,255,255,.035),
      transparent 32%
    ),
    linear-gradient(
      180deg,
      #282828,
      #1b1b1b 22%,
      #101010 65%,
      #090909
    );
}

.vr-portfolio-heading {
  max-width: 850px;
  margin: 0 auto 45px;

  text-align: center;
}

.vr-portfolio-heading h2 {
  margin: 15px 0 15px;

  color: #ffffff;

  font-size: clamp(34px,3.2vw,52px);
  font-weight: 300;
  line-height: 1.08;
  letter-spacing: .02em;
  text-transform: uppercase;
}

.vr-portfolio-heading p {
  max-width: 650px;
  margin: 0 auto;

  color: rgba(255,255,255,.62);

  font-size: 15px;
  line-height: 1.7;
}


/* ==========================================
   GRID
========================================== */

.vr-portfolio-grid {
  display: grid;
  grid-template-columns: repeat(4,minmax(0,1fr));
  gap: 18px;

  width: 100%;
  max-width: 1650px;
  margin: 0 auto;
}


/* ==========================================
   PROGRAM CARD
========================================== */

.vr-program-card {
  position: relative;

  overflow: hidden;

  background:
    linear-gradient(
      145deg,
      rgba(255,255,255,.025),
      transparent
    ),
    #121212;

  border: 1px solid rgba(242,185,73,.29);
  border-radius: 8px;

  box-shadow:
    0 18px 40px rgba(0,0,0,.25);

  transition:
    transform .35s ease,
    border-color .35s ease,
    box-shadow .35s ease;
}

.vr-program-card:hover {
  transform: translateY(-6px);

  border-color: rgba(242,185,73,.70);

  box-shadow:
    0 25px 55px rgba(0,0,0,.45),
    0 0 22px rgba(242,185,73,.04);
}


/* ==========================================
   PROGRAM IMAGE
========================================== */

.vr-program-image {
  position: relative;

  width: 100%;
  height: 220px;

  overflow: hidden;

  background: #181818;
}

.vr-program-image img {
  width: 100%;
  height: 100%;

  display: block;

  object-fit: cover;
  object-position: center;

  filter:
    brightness(.73)
    contrast(1.08)
    saturate(.78);

  transition:
    transform .5s ease,
    filter .5s ease;
}

.vr-program-card:hover .vr-program-image img {
  transform: scale(1.04);

  filter:
    brightness(.83)
    contrast(1.08)
    saturate(.88);
}

.vr-program-image-overlay {
  position: absolute;
  z-index: 2;
  inset: 0;

  pointer-events: none;

  background:
    linear-gradient(
      180deg,
      transparent 35%,
      rgba(12,12,12,.18) 60%,
      #121212 100%
    );
}


/* IMAGE PLACEHOLDER */

.vr-program-image-placeholder {
  position: absolute;
  inset: 13px;

  display: flex;
  align-items: center;
  justify-content: center;

  color: rgba(255,255,255,.27);

  border:
    1px dashed
    rgba(242,185,73,.34);

  font-size: 10px;
  letter-spacing: .1em;
  text-transform: uppercase;
}


/* ==========================================
   PROGRAM CONTENT
========================================== */

.vr-program-content {
  position: relative;

  padding: 22px;
}

.vr-program-number {
  display: block;

  margin-bottom: 7px;

  color: var(--vr-gold);

  font-size: 11px;
  font-weight: 600;
  letter-spacing: .13em;
}

.vr-program-content h3 {
  margin: 0 0 10px;

  color: #ffffff;

  font-size: 20px;
  font-weight: 600;
  line-height: 1.15;
  text-transform: uppercase;
}

.vr-program-content p {
  min-height: 75px;

  margin: 0 0 20px;

  color: rgba(255,255,255,.61);

  font-size: 12px;
  line-height: 1.65;
}

.vr-program-link {
  display: flex;
  align-items: center;
  justify-content: space-between;

  padding-top: 14px;

  color: var(--vr-gold);

  border-top:
    1px solid
    rgba(242,185,73,.22);

  font-size: 10px;
  font-weight: 600;
  letter-spacing: .08em;
  text-decoration: none;
  text-transform: uppercase;
}

.vr-program-link span {
  font-size: 19px;

  transition: transform .3s ease;
}

.vr-program-link:hover span {
  transform: translateX(5px);
}


/* ==========================================
   CONTACT
========================================== */

.vr-portfolio-contact {
  width: 100%;
  padding:
    45px
    clamp(24px, 5vw, 90px)
    80px;

  background:
    linear-gradient(
      180deg,
      #242424 0%,
      #1c1c1c 35%,
      #111111 100%
    );
}

.vr-portfolio-contact-inner {
  display: grid;

  grid-template-columns:
    minmax(240px,.72fr)
    minmax(250px,.82fr)
    minmax(440px,1.5fr);

  align-items: stretch;

  width: 100%;
  max-width: none;
  margin: 0;

  overflow: hidden;

  background:
    radial-gradient(
      circle at 50% 20%,
      rgba(242,185,73,.035),
      transparent 45%
    ),
    linear-gradient(
      135deg,
      #191919,
      #101010
    );

  border: 1px solid rgba(242,185,73,.25);
  border-radius: 15px;
}


/* CONTACT PHOTO */

.vr-portfolio-contact-photo {
  position: relative;

  min-height: 410px;

  overflow: hidden;

  background: #141414;
}

.vr-portfolio-contact-photo img {
  position: absolute;
  inset: 0;

  width: 100%;
  height: 100% !important;

  max-width: none;

  object-fit: cover;
  object-position: center center;

  display: block;
}

.vr-portfolio-contact-photo-overlay {
  position: absolute;
  inset: 0;
  z-index: 2;

  background:
    linear-gradient(
      90deg,
      transparent 68%,
      rgba(14,14,14,.50)
    ),
    linear-gradient(
      180deg,
      transparent 60%,
      rgba(14,14,14,.55)
    );
}

.vr-portfolio-contact-photo-placeholder {
  position: absolute;
  inset: 0;

  width: 100%;
  height: 100%;

  display: block;

  overflow: hidden;

  border: none;

  margin: 0;
  padding: 0;
}


/* CONTACT COPY */

.vr-portfolio-contact-copy {
  display: flex;
  flex-direction: column;
  justify-content: center;

  padding: 40px;
}

.vr-portfolio-contact-copy .vr-portfolio-label {
  justify-content: flex-start;
}

.vr-portfolio-contact-copy h2 {
  margin: 17px 0 15px;

  color: #ffffff;

  font-size: clamp(30px,2.8vw,46px);
  font-weight: 300;
  line-height: 1.08;
  text-transform: uppercase;
}

.vr-portfolio-contact-copy h2 strong {
  display: block;

  color: var(--vr-gold);
  font-weight: 400;
}

.vr-portfolio-contact-copy p {
  margin: 0;

  color: rgba(255,255,255,.62);

  font-size: 14px;
  line-height: 1.7;
}


/* ==========================================
   CONTACT FORM
========================================== */

.vr-portfolio-form {
  display: flex;
  flex-direction: column;
  justify-content: center;
  gap: 12px;

  padding: 40px;
}

.vr-portfolio-form-row {
  display: grid;
  grid-template-columns: repeat(2,minmax(0,1fr));
  gap: 12px;
}

.vr-portfolio-form input,
.vr-portfolio-form select,
.vr-portfolio-form textarea {
  width: 100%;

  color: #ffffff;
  background: rgba(7,7,7,.65);

  border:
    1px solid
    rgba(255,255,255,.17);

  border-radius: 4px;

  outline: none;

  font-family: inherit;
  font-size: 13px;

  transition:
    border-color .3s ease,
    background .3s ease;
}

.vr-portfolio-form input,
.vr-portfolio-form select {
  height: 52px;

  padding: 0 15px;
}

.vr-portfolio-form textarea {
  min-height: 120px;

  padding: 15px;

  resize: vertical;
}

.vr-portfolio-form input:focus,
.vr-portfolio-form select:focus,
.vr-portfolio-form textarea:focus {
  border-color: rgba(242,185,73,.75);

  background: rgba(10,10,10,.85);
}

.vr-portfolio-form select {
  color: rgba(255,255,255,.72);
}

.vr-portfolio-form button {
  display: flex;
  align-items: center;
  justify-content: space-between;

  width: 100%;
  min-height: 54px;

  padding: 0 20px;

  cursor: pointer;

  color: #111111;
  background: var(--vr-gold);

  border: none;
  border-radius: 4px;

  font-family: inherit;
  font-size: 11px;
  font-weight: 700;
  letter-spacing: .09em;
  text-transform: uppercase;

  transition:
    transform .3s ease,
    box-shadow .3s ease;
}

.vr-portfolio-form button:hover {
  transform: translateY(-2px);

  box-shadow:
    0 12px 28px
    rgba(242,185,73,.15);
}


/* ==========================================
   TABLET
========================================== */

@media (max-width: 1200px) {

  .vr-portfolio-grid {
    grid-template-columns:
      repeat(3,minmax(0,1fr));
  }

  .vr-portfolio-contact-inner {
    grid-template-columns:
      minmax(280px,.8fr)
      minmax(0,1.2fr);
  }

  .vr-portfolio-contact-copy {
    grid-column: 2;
    grid-row: 1;
  }

  .vr-portfolio-form {
    grid-column: 2;
    grid-row: 2;
    padding-top: 0;
  }

  .vr-portfolio-contact-photo {
    grid-row: 1 / 3;

    min-height: 600px;
  }

}


/* ==========================================
   SMALL TABLET
========================================== */

@media (max-width: 900px) {

  .vr-portfolio-grid {
    grid-template-columns:
      repeat(2,minmax(0,1fr));
  }

  .vr-portfolio-hero {
    min-height: 450px;
  }

  .vr-portfolio-contact-inner {
    grid-template-columns: 1fr;
  }

  .vr-portfolio-contact-photo,
  .vr-portfolio-contact-copy,
  .vr-portfolio-form {
    grid-column: 1;
    grid-row: auto;
  }

  .vr-portfolio-contact-photo {
    min-height: 520px;
  }

}


/* ==========================================
   MOBILE
========================================== */

@media (max-width: 600px) {

  .vr-portfolio-hero {
    min-height: 420px;
  }

  .vr-portfolio-hero-content {
    padding:
      65px
      18px;
  }

  .vr-portfolio-hero h1 {
    font-size: 38px;
  }

  .vr-portfolio-hero-content p {
    font-size: 13px;
  }

  .vr-portfolio-programs {
    padding:
      55px
      15px
      60px;
  }

  .vr-portfolio-heading h2 {
    font-size: 34px;
  }

  .vr-portfolio-grid {
    grid-template-columns: 1fr;

    gap: 15px;
  }

  .vr-program-card {
    max-width: 500px;
    width: 100%;
    margin: 0 auto;
  }

  .vr-program-image {
    height: 260px;
  }

  .vr-program-content {
    padding: 20px;
  }

  .vr-program-content p {
    min-height: 0;
  }

  .vr-portfolio-contact {
    padding:
      0
      15px
      55px;
  }

  .vr-portfolio-contact-photo {
    min-height: 430px;
  }

  .vr-portfolio-contact-copy {
    padding:
      32px
      22px
      20px;
  }

  .vr-portfolio-contact-copy h2 {
    font-size: 32px;
  }

  .vr-portfolio-form {
    padding:
      15px
      22px
      30px;
  }

  .vr-portfolio-form-row {
    grid-template-columns: 1fr;
  }

}


/* ==========================================
   VERY SMALL MOBILE
========================================== */

@media (max-width: 390px) {

  .vr-portfolio-hero h1 {
    font-size: 32px;
  }

  .vr-portfolio-label {
    gap: 9px;

    font-size: 9px;
  }

  .vr-portfolio-label span {
    width: 28px;
  }

  .vr-program-image {
    height: 225px;
  }

  .vr-program-content h3 {
    font-size: 18px;
  }

}
/* ==========================================================
   PORTFOLIO PAGE – FULL WIDTH OVERRIDE
========================================================== */

.vr-portfolio-page {
  width: 100%;
  max-width: none;
  margin: 0;
  padding: 0;
}


/* HERO – FULL WIDTH */

.vr-portfolio-hero {
  width: 100%;
  max-width: none;
  margin: 0;
}

.vr-portfolio-hero-content {
  width: 100%;
  max-width: none;

  padding:
    80px
    clamp(24px, 5vw, 90px);

  margin: 0;
}


/* PROGRAM SECTION – FULL WIDTH */

.vr-portfolio-programs {
  width: 100%;
  max-width: none;
  margin: 0;

  padding:
    75px
    clamp(24px, 5vw, 90px)
    80px;
}


/* PROGRAM HEADING */

.vr-portfolio-heading {
  width: 100%;
  max-width: 900px;

  margin:
    0
    auto
    45px;
}


/* PROGRAM GRID */

.vr-portfolio-grid {
  width: 100%;
  max-width: none;

  margin: 0;

  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));

  gap: 18px;
}


/* CONTACT SECTION – FULL WIDTH BACKGROUND */

.vr-portfolio-contact {
  width: 100%;
  max-width: none;

  margin: 0;

  padding:
    60px
    clamp(24px, 5vw, 90px)
    80px;

  background:
    radial-gradient(
      circle at 50% 10%,
      rgba(255,255,255,.025),
      transparent 45%
    ),
    linear-gradient(
      180deg,
      #252525 0%,
      #1c1c1c 40%,
      #111111 100%
    );
}


/* CONTACT INNER BLOCK */

.vr-portfolio-contact-inner {
  width: 100%;
  max-width: none;

  margin: 0;

  display: grid;

  grid-template-columns:
    minmax(250px, .75fr)
    minmax(300px, .90fr)
    minmax(500px, 1.55fr);

  align-items: stretch;

  overflow: hidden;

  background:
    radial-gradient(
      circle at 50% 20%,
      rgba(242,185,73,.035),
      transparent 45%
    ),
    linear-gradient(
      135deg,
      #191919,
      #101010
    );

  border:
    1px solid
    rgba(242,185,73,.25);

  border-radius: 15px;
}


/* CONTACT PHOTO */

.vr-portfolio-contact-photo {
  width: 100%;
  min-height: 440px;
}


/* CONTACT TEXT */

.vr-portfolio-contact-copy {
  width: 100%;

  padding:
    45px
    40px;
}


/* CONTACT FORM */

.vr-portfolio-form {
  width: 100%;

  padding:
    45px
    40px;

  display: flex;
  flex-direction: column;
  justify-content: center;
}


/* ==========================================================
   TABLET
========================================================== */

@media (max-width: 1200px) {

  .vr-portfolio-grid {
    grid-template-columns:
      repeat(3, minmax(0, 1fr));
  }

  .vr-portfolio-contact-inner {
    grid-template-columns:
      minmax(280px, .85fr)
      minmax(0, 1.3fr);
  }

  .vr-portfolio-contact-photo {
    grid-row: 1 / 3;

    min-height: 620px;
  }

  .vr-portfolio-contact-copy {
    grid-column: 2;
    grid-row: 1;
  }

  .vr-portfolio-form {
    grid-column: 2;
    grid-row: 2;

    padding-top: 0;
  }
}


/* ==========================================================
   SMALL TABLET
========================================================== */

@media (max-width: 900px) {

  .vr-portfolio-programs {
    padding-left: 25px;
    padding-right: 25px;
  }

  .vr-portfolio-grid {
    grid-template-columns:
      repeat(2, minmax(0, 1fr));
  }

  .vr-portfolio-contact {
    padding-left: 25px;
    padding-right: 25px;
  }

  .vr-portfolio-contact-inner {
    grid-template-columns: 1fr;
  }

  .vr-portfolio-contact-photo,
  .vr-portfolio-contact-copy,
  .vr-portfolio-form {
    grid-column: 1;
    grid-row: auto;
  }

  .vr-portfolio-contact-photo {
    min-height: 520px;
  }
}


/* ==========================================================
   MOBILE
========================================================== */

@media (max-width: 600px) {

  .vr-portfolio-hero-content {
    padding:
      60px
      18px;
  }

  .vr-portfolio-programs {
    padding:
      55px
      15px
      60px;
  }

  .vr-portfolio-grid {
    grid-template-columns: 1fr;

    gap: 15px;
  }

  .vr-portfolio-contact {
    padding:
      45px
      15px
      55px;
  }

  .vr-portfolio-contact-copy {
    padding:
      30px
      22px
      18px;
  }

  .vr-portfolio-form {
    padding:
      15px
      22px
      30px;
  }

  .vr-portfolio-contact-photo {
    min-height: 430px;
  }
}
.vr-portfolio-page {
    width: 100%;
    max-width: none;
    margin: 0;
    padding: 0;
}
/* Remove TheGem content spacing on About page */

body .block-content {
    padding-top: 0 !important;
}

body .container {
    margin-top: 0;
}
/* ==========================================
   PROGRAMI PAGE - NORMAL HEADER SPACING
========================================== */

.vr-portfolio-page {
    width: 100%;
    max-width: none;
    margin: 0 !important;
    padding: 0 !important;
}

.vr-portfolio-hero {
    margin-top: 0;
}
.vr-about-final-quote {
    width: 90%;
    margin-left: auto;
    margin-right: auto;
    box-sizing: border-box;
}
/* ==========================================
   VUK RANKOVIC – BLOG HERO
========================================== */

.vr-blog-hero {
  width: 100%;
  padding: 85px 5% 75px;

  text-align: center;

  color: #ffffff;

  background:
    radial-gradient(
      circle at 50% 15%,
      rgba(242, 185, 73, 0.055),
      transparent 38%
    ),
    #090909;

  border-bottom: 1px solid rgba(242, 185, 73, 0.14);

  box-sizing: border-box;
}


/* SMALL BLOG LABEL */

.vr-blog-hero-eyebrow {
  display: flex;
  align-items: center;
  justify-content: center;

  gap: 18px;

  color: #F2B949;

  font-family: inherit;
  font-size: 11px;
  font-weight: 700;

  line-height: 1.3;

  letter-spacing: 0.32em;
  text-transform: uppercase;
}

.vr-blog-hero-eyebrow span {
  display: block;

  width: 48px;
  height: 1px;

  background: linear-gradient(
    90deg,
    transparent,
    rgba(242, 185, 73, 0.72)
  );
}

.vr-blog-hero-eyebrow span:last-child {
  background: linear-gradient(
    90deg,
    rgba(242, 185, 73, 0.72),
    transparent
  );
}


/* MAIN TITLE */

.vr-blog-hero-title {
  margin: 24px 0 0;

  color: #ffffff;

  font-family: inherit;

  font-size: clamp(42px, 5.2vw, 72px);
  font-weight: 700;

  line-height: 0.98;

  letter-spacing: -0.02em;

  text-transform: uppercase;
}

.vr-blog-hero-title strong {
  color: #F2B949;
  font-weight: 700;
}


/* SMALL GOLD DIVIDER */

.vr-blog-hero-line {
  width: 82px;
  height: 1px;

  margin: 28px auto 25px;

  background: linear-gradient(
    90deg,
    transparent,
    #F2B949,
    transparent
  );
}


/* DESCRIPTION */

.vr-blog-hero-description {
  width: 100%;
  max-width: 760px;

  margin: 0 auto;

  color: rgba(255, 255, 255, 0.65);

  font-family: inherit;

  font-size: 15px;
  font-weight: 400;

  line-height: 1.75;
}


/* ==========================================
   TABLET
========================================== */

@media (max-width: 900px) {

  .vr-blog-hero {
    padding:
      70px
      5%
      65px;
  }

  .vr-blog-hero-title {
    font-size: clamp(40px, 7vw, 58px);
  }

}


/* ==========================================
   MOBILE
========================================== */

@media (max-width: 600px) {

  .vr-blog-hero {
    padding:
      55px
      18px
      50px;
  }

  .vr-blog-hero-eyebrow {
    gap: 11px;

    font-size: 9px;
    letter-spacing: 0.25em;
  }

  .vr-blog-hero-eyebrow span {
    width: 30px;
  }

  .vr-blog-hero-title {
    margin-top: 20px;

    font-size: 36px;

    line-height: 1.02;
  }

  .vr-blog-hero-line {
    width: 60px;

    margin:
      22px
      auto;
  }

  .vr-blog-hero-description {
    max-width: 440px;

    font-size: 13px;
    line-height: 1.7;
  }

}
/* BLOG GRID - LEFT ALIGNMENT */

.portfolio-item .title,
.portfolio-item .title .title-h4,
.portfolio-item .title .title-h4 a {
    text-align: left !important;
}

.portfolio-item .description,
.portfolio-item .description.text-body {
    text-align: left !important;
}
/* BLOG GRID - CAPTION SPACING */

.portfolio-item .post-author-date,
.portfolio-item .title,
.portfolio-item .description {
    padding-left: 20px !important;
    padding-right: 20px !important;
}

.portfolio-item .post-author-date {
    margin-top: 18px !important;
    margin-bottom: 14px !important;
}

.portfolio-item .title {
    margin-top: 0 !important;
    margin-bottom: 12px !important;
}

.portfolio-item .description {
    margin-top: 0 !important;
}
/* ==========================================
   BLOG GRID - UNIFORM FEATURED IMAGES
========================================== */

.portfolio-item .image {
    height: 400px !important;
    overflow: hidden !important;
}

.portfolio-item .image img {
    width: 100% !important;
    height: 100% !important;

    object-fit: cover !important;
    object-position: center center !important;

    display: block !important;
}
/* TABLET */

@media (max-width: 1024px) {
    .portfolio-item .image {
        height: 340px !important;
    }
}


/* MOBILE */

@media (max-width: 767px) {
    .portfolio-item .image {
        height: 300px !important;
    }
}
object-position: center center !important;
/* VUK RANKOVIC - SINGLE BLOG POST CONTENT */

/* SINGLE BLOG POST CONTENT */

.vr-post-content,
.vr-post-content .post-content,
.vr-post-content .entry-content {
    font-size: 18px !important;
    line-height: 1.75 !important;
    color: #d0d0d0 !important;
}

.vr-post-content p,
.vr-post-content .post-content p,
.vr-post-content .entry-content p {
    font-size: 18px !important;
    line-height: 1.75 !important;
    color: #d0d0d0 !important;
    margin-bottom: 24px;
}

.vr-post-content h2 {
    font-size: 32px !important;
    line-height: 1.25 !important;
    font-weight: 700 !important;
    color: #ffffff !important;
    margin-top: 50px;
    margin-bottom: 20px;
}

.vr-post-content h3 {
    font-size: 25px !important;
    line-height: 1.3 !important;
    font-weight: 700 !important;
    color: #ffffff !important;
    margin-top: 40px;
    margin-bottom: 16px;
}

.vr-post-content strong,
.vr-post-content b {
    color: #ffffff !important;
}

.vr-post-content a {
    color: #F2B949 !important;
}
/* ==============================
   VUK RANKOVIC - BLOG CONTENT
   ============================== */

.single-post .post-content h2 {
    font-size: 28px;
    line-height: 1.3;
    font-weight: 700;
    color: #ffffff;
    margin-top: 50px;
    margin-bottom: 18px;
    padding-left: 18px;
    position: relative;
}

.single-post .post-content h2::before {
    content: "";
    position: absolute;
    left: 0;
    top: 5px;
    bottom: 5px;
    width: 3px;
    background: #F2B949;
}

.single-post .post-content p {
    margin-bottom: 24px;
}

.single-post .post-content ul,
.single-post .post-content ol {
    margin: 10px 0 30px 0;
    padding-left: 28px;
}

.single-post .post-content li {
    margin-bottom: 8px;
    line-height: 1.7;
}

.single-post .post-content strong {
    color: #ffffff;
}
/* BLOG LISTS */

.single-post .post-content ul {
    list-style: none;
    padding-left: 0;
    margin-top: 18px;
    margin-bottom: 32px;
}

.single-post .post-content ul li {
    position: relative;
    padding-left: 22px;
    margin-bottom: 10px;
}

.single-post .post-content ul li::before {
    content: "";
    position: absolute;
    left: 2px;
    top: 0.75em;
    width: 6px;
    height: 6px;
    background: #F2B949;
    transform: translateY(-50%);
}
.single-post .post-content p:first-child + h2 {
    margin-top: 40px;
}
/* BLOG H3 */

.single-post .post-content h3 {
    font-size: 24px;
    line-height: 1.35;
    font-weight: 700;
    color: #ffffff;
    margin-top: 38px;
    margin-bottom: 14px;
}


/* BLOG LINKS */

.single-post .post-content a {
    color: #F2B949;
    text-decoration: none;
    transition: opacity 0.2s ease;
}

.single-post .post-content a:hover {
    opacity: 0.75;
}


/* BLOG BLOCKQUOTE / CALLOUT */

.single-post .post-content blockquote {
    margin: 40px 0;
    padding: 22px 26px;
    border-left: 3px solid #F2B949;
    background: rgba(255,255,255,0.03);
    color: #ffffff;
    font-size: 20px;
    line-height: 1.6;
}

.single-post .post-content blockquote p:last-child {
    margin-bottom: 0;
}
/* ==========================================================
   VR BLOG POST CONTENT - FINAL OVERRIDE
   NE BRISATI - GLAVNI STIL ZA SVE BLOG POSTOVE
========================================================== */


/* ===== OBICAN TEKST ===== */

.single-post .vr-post-content,
.single-post .vr-post-content p {
    font-size: 18px !important;
    line-height: 1.7 !important;
    font-weight: 400 !important;
    color: #d0d0d0 !important;
}

.single-post .vr-post-content p {
    margin-top: 0 !important;
    margin-bottom: 24px !important;
}


/* ===== H2 - GLAVNE SEKCIJE ===== */

.single-post .vr-post-content h2 {
    position: relative !important;

    font-size: 28px !important;
    line-height: 1.3 !important;
    font-weight: 700 !important;

    color: #ffffff !important;

    margin-top: 50px !important;
    margin-bottom: 20px !important;

    padding-left: 18px !important;
}

.single-post .vr-post-content h2::before {
    content: "" !important;

    position: absolute !important;
    left: 0 !important;
    top: 5px !important;
    bottom: 5px !important;

    width: 3px !important;
    background: #F2B949 !important;
}


/* ===== H3 - PODNASLOVI ===== */

.single-post .vr-post-content h3 {
    font-size: 23px !important;
    line-height: 1.35 !important;
    font-weight: 700 !important;

    color: #ffffff !important;

    margin-top: 38px !important;
    margin-bottom: 16px !important;
}


/* ===== H4 ===== */

.single-post .vr-post-content h4 {
    font-size: 20px !important;
    line-height: 1.4 !important;
    font-weight: 700 !important;

    color: #ffffff !important;

    margin-top: 30px !important;
    margin-bottom: 14px !important;
}


/* ===== BOLD ===== */

.single-post .vr-post-content strong,
.single-post .vr-post-content b {
    color: #ffffff !important;
    font-weight: 700 !important;
}


/* ===== LINKOVI ===== */

.single-post .vr-post-content a {
    color: #F2B949 !important;
    text-decoration: none !important;
}

.single-post .vr-post-content a:hover {
    opacity: 0.7;
}


/* ===== BULLET LISTA ===== */

.single-post .vr-post-content ul {
    list-style: none !important;
    padding-left: 0 !important;

    margin-top: 18px !important;
    margin-bottom: 30px !important;
}

.single-post .vr-post-content ul li {
    position: relative !important;

    padding-left: 22px !important;
    margin-bottom: 10px !important;

    font-size: 18px !important;
    line-height: 1.7 !important;

    color: #d0d0d0 !important;
}

.single-post .vr-post-content ul li::before {
    content: "" !important;

    position: absolute !important;

    left: 2px !important;
    top: 0.85em !important;

    width: 6px !important;
    height: 6px !important;

    background: #F2B949 !important;

    transform: translateY(-50%);
}


/* ===== NUMERISANA LISTA ===== */

.single-post .vr-post-content ol {
    padding-left: 26px !important;

    margin-top: 18px !important;
    margin-bottom: 30px !important;
}

.single-post .vr-post-content ol li {
    padding-left: 5px !important;
    margin-bottom: 10px !important;

    font-size: 18px !important;
    line-height: 1.7 !important;

    color: #d0d0d0 !important;
}

.single-post .vr-post-content ol li::marker {
    color: #F2B949 !important;
    font-weight: 700 !important;
}


/* ===== QUOTE / VAZNA PORUKA ===== */

.single-post .vr-post-content blockquote {
    margin: 40px 0 !important;

    padding: 22px 26px !important;

    border-left: 3px solid #F2B949 !important;

    background: rgba(255, 255, 255, 0.03) !important;

    color: #ffffff !important;

    font-size: 20px !important;
    line-height: 1.6 !important;
}

.single-post .vr-post-content blockquote p {
    color: #ffffff !important;
    font-size: 20px !important;
    line-height: 1.6 !important;

    margin-bottom: 0 !important;
}


/* ===== SLIKE UNUTAR TEKSTA ===== */

.single-post .vr-post-content img {
    display: block !important;

    max-width: 100% !important;
    height: auto !important;

    margin: 35px auto !important;
}


/* ===== CAPTION ISPOD SLIKE ===== */

.single-post .vr-post-content figcaption {
    text-align: center !important;

    font-size: 13px !important;
    line-height: 1.5 !important;

    color: #888888 !important;

    margin-top: -20px !important;
    margin-bottom: 35px !important;
}


/* ==========================================================
   TABLET
========================================================== */

@media (max-width: 1024px) {

    .single-post .vr-post-content,
    .single-post .vr-post-content p,
    .single-post .vr-post-content ul li,
    .single-post .vr-post-content ol li {
        font-size: 17px !important;
    }

    .single-post .vr-post-content h2 {
        font-size: 26px !important;
        margin-top: 45px !important;
    }

    .single-post .vr-post-content h3 {
        font-size: 22px !important;
    }
}


/* ==========================================================
   MOBILE
========================================================== */

@media (max-width: 767px) {

    .single-post .vr-post-content,
    .single-post .vr-post-content p,
    .single-post .vr-post-content ul li,
    .single-post .vr-post-content ol li {
        font-size: 17px !important;
        line-height: 1.65 !important;
    }

    .single-post .vr-post-content p {
        margin-bottom: 20px !important;
    }

    .single-post .vr-post-content h2 {
        font-size: 23px !important;
        line-height: 1.3 !important;

        margin-top: 38px !important;
        margin-bottom: 16px !important;

        padding-left: 15px !important;
    }

    .single-post .vr-post-content h3 {
        font-size: 20px !important;

        margin-top: 30px !important;
        margin-bottom: 14px !important;
    }

    .single-post .vr-post-content blockquote {
        margin: 30px 0 !important;
        padding: 18px 20px !important;
    }

    .single-post .vr-post-content blockquote,
    .single-post .vr-post-content blockquote p {
        font-size: 18px !important;
    }
}
@media (max-width: 991px) {

    /* GLAVNI SLIDE PANEL */
    #primary-navigation.responsive .mobile-menu-slide-wrapper {
        background: #111111 !important;
    }

    /* OTVORENI PANEL */
    #primary-navigation.responsive .mobile-menu-slide-wrapper.opened {
        background: #111111 !important;
    }

    /* SAMA LISTA MENIJA */
    #primary-navigation.responsive #primary-menu {
        background: #111111 !important;
    }

    #primary-navigation.responsive #primary-menu > li,
    #primary-navigation.responsive #primary-menu > li > a {
        background: transparent !important;
    }

    /* LINKOVI */
    #primary-navigation.responsive #primary-menu > li > a {
        color: #ffffff !important;
    }

    /* AKTIVNA STRANICA */
    #primary-navigation.responsive #primary-menu > li.current-menu-item > a,
    #primary-navigation.responsive #primary-menu > li.current_page_item > a {
        color: #F2B949 !important;
    }

    /* HOVER */
    #primary-navigation.responsive #primary-menu > li > a:hover {
        color: #F2B949 !important;
    }

    /* CLOSE X */
    #primary-navigation.responsive .mobile-menu-slide-close {
        color: #ffffff !important;
    }

    #primary-navigation.responsive .mobile-menu-slide-close:hover {
        color: #F2B949 !important;
    }

    /* SOCIAL IKONICE */
    #primary-navigation.responsive .socials-item-icon {
        color: #F2B949 !important;
    }
}
/* UKLONI LINIJE IZMEĐU MOBILE MENU STAVKI */
@media (max-width: 991px) {

    #primary-navigation.responsive #primary-menu > li,
    #primary-navigation.responsive #primary-menu > li > a {
        border-top: none !important;
        border-bottom: none !important;
        border-left: none !important;
        border-right: none !important;
        box-shadow: none !important;
    }

}
/* =========================================
   MOBILE MENU - SAMO INSTAGRAM + YOUTUBE
========================================= */

@media (max-width: 991px) {

    /* Sakrij sve social ikonice */
    #primary-navigation.responsive
    .menu-item-socials
    .socials-item {
        display: none !important;
    }

    /* Instagram */
    #primary-navigation.responsive
    .menu-item-socials
    .socials-item[title="Instagram"] {
        display: inline-block !important;
    }

    /* YouTube */
    #primary-navigation.responsive
    .menu-item-socials
    .socials-item[title="YouTube"] {
        display: inline-block !important;
    }

}
/* =========================================================
   SOCIAL SECTION — 2 CARDS CENTERED
========================================================= */

.vr-social-section {
    width: 100%;
}

.vr-social-inner {
    width: 100%;
    max-width: 1400px;
    margin: 0 auto;
    padding-left: 40px;
    padding-right: 40px;
}


/* =========================================================
   HEADER
========================================================= */

.vr-social-header {
    width: 100%;
    max-width: 900px;
    margin-left: auto;
    margin-right: auto;
    text-align: center;
}


/* =========================================================
   SOCIAL GRID
========================================================= */

.vr-social-grid {
    width: 100%;

    display: grid;

    grid-template-columns:
        repeat(2, minmax(0, 350px));

    justify-content: center;

    align-items: stretch;

    gap: 24px;

    margin-left: auto;
    margin-right: auto;
}


/* =========================================================
   CARDS
========================================================= */

.vr-social-card {
    width: 100%;
    min-width: 0;
}


/* =========================================================
   TABLET
========================================================= */

@media (max-width: 1024px) {

    .vr-social-inner {
        padding-left: 30px;
        padding-right: 30px;
    }

    .vr-social-grid {
        grid-template-columns:
            repeat(2, minmax(0, 330px));

        gap: 20px;
    }

}


/* =========================================================
   SMALL TABLET
========================================================= */

@media (max-width: 767px) {

    .vr-social-inner {
        padding-left: 22px;
        padding-right: 22px;
    }

    .vr-social-grid {
        grid-template-columns: 1fr;

        max-width: 440px;

        gap: 24px;

        margin-left: auto;
        margin-right: auto;
    }

}


/* =========================================================
   MOBILE
========================================================= */

@media (max-width: 480px) {

    .vr-social-inner {
        padding-left: 16px;
        padding-right: 16px;
    }

    .vr-social-grid {
        width: 100%;
        max-width: 100%;
        grid-template-columns: minmax(0, 1fr);
    }

    .vr-social-card {
        width: 100%;
        max-width: 100%;
    }

}
/* =====================================================
   FORCE FIX — CENTER ABOUT PHOTO
===================================================== */

/* Centralna kolona */
.vr-about-center-photo {
    width: 100% !important;
    max-width: 420px !important;

    height: 520px !important;
    min-height: 0 !important;

    margin: 0 auto !important;
    padding: 0 !important;

    position: relative !important;
    overflow: hidden !important;

    display: flex !important;
    justify-content: center !important;
    align-items: center !important;

    align-self: start !important;

    background: #080808 !important;
}


/* OVO JE BITNO — stari placeholder */
.vr-about-photo-placeholder {
    width: 100% !important;
    max-width: 100% !important;

    height: 520px !important;
    min-height: 0 !important;

    margin: 0 auto !important;
    padding: 0 !important;

    display: flex !important;
    justify-content: center !important;
    align-items: center !important;

    position: relative !important;
    overflow: hidden !important;

    background: transparent !important;
}


/* Fotografija */
.vr-about-center-photo img,
.vr-about-photo-placeholder img {
    display: block !important;

    width: 100% !important;
    height: 100% !important;

    max-width: 420px !important;
    max-height: 520px !important;

    margin: 0 auto !important;
    padding: 0 !important;

    object-fit: contain !important;
    object-position: center center !important;

    position: relative !important;
}


/* Ukloni eventualni stari tekst placeholdera */
.vr-about-photo-placeholder > span {
    display: none !important;
}


/* Shade mora biti samo overlay */
.vr-about-photo-shade {
    position: absolute !important;
    inset: 0 !important;

    width: 100% !important;
    height: 100% !important;

    pointer-events: none !important;
}


/* =====================================================
   TABLET
===================================================== */

@media (max-width: 1024px) {

    .vr-about-center-photo,
    .vr-about-photo-placeholder {
        max-width: 380px !important;
        height: 470px !important;
    }

    .vr-about-center-photo img,
    .vr-about-photo-placeholder img {
        max-width: 380px !important;
        max-height: 470px !important;
    }
}


/* =====================================================
   MOBILE
===================================================== */

@media (max-width: 767px) {

    .vr-about-center-photo {
        width: calc(100% - 30px) !important;
        max-width: 400px !important;

        height: auto !important;

        margin: 30px auto !important;
    }

    .vr-about-photo-placeholder {
        width: 100% !important;
        max-width: 400px !important;

        height: auto !important;
    }

    .vr-about-center-photo img,
    .vr-about-photo-placeholder img {
        width: 100% !important;
        max-width: 400px !important;

        height: auto !important;
        max-height: none !important;

        object-fit: contain !important;
    }
}
/* =========================================
   CENTRAL PHOTO - LIGHT ZOOM WITHOUT CUTTING
========================================= */

.vr-about-center-photo {
    position: relative !important;
    overflow: hidden !important;
}

.vr-about-center-photo .vr-about-photo-img {
    width: 100% !important;
    height: 100% !important;

    object-fit: cover !important;

    /* Blagi zoom */
    transform: scale(1.08) !important;

    /* Fokus malo niže da ostanu pehar + diploma */
    transform-origin: center 58% !important;

    object-position: center 58% !important;
}
.vr-social-image {
    width: 100%;
    height: 355px;
    overflow: hidden;
}

.vr-social-image img {
    width: 100%;
    height: 100%;
    display: block;
    object-fit: cover;
    object-position: center;
}
.vr-social-image {
    width: 100%;
    height: 355px;
    overflow: hidden;
}

.vr-social-image img {
    width: 100%;
    height: 100%;
    display: block;
    object-fit: cover;
    object-position: center;
}
/* =========================================================
   SOCIAL CARD IMAGES - FORCE SAME SIZE
========================================================= */

.vr-social-image {
    width: 100% !important;
    height: 355px !important;

    overflow: hidden !important;

    position: relative !important;
}


/* BOTH IMAGES */
.vr-social-image img {
    position: absolute !important;
    inset: 0 !important;

    width: 100% !important;
    height: 100% !important;

    max-width: none !important;
    max-height: none !important;

    display: block !important;

    object-fit: cover !important;
    object-position: center center !important;

    margin: 0 !important;
    padding: 0 !important;
}


/* YOUTUBE - slightly zoom horizontal source */
.vr-youtube-cover img {
    object-fit: cover !important;
    object-position: center center !important;

    transform: scale(1.08);
}
/* =========================================================
   ABOUT SECTION - CENTER PHOTO FULL HEIGHT
========================================================= */

.vr-about-two-column {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) 400px minmax(0, 1fr) !important;
    align-items: stretch !important;
}


/* CENTRALNA KOLONA */
.vr-about-center-photo {
    position: relative !important;

    width: 100% !important;
    max-width: 400px !important;

    height: 100% !important;
    min-height: 100% !important;

    margin: 0 auto !important;
    padding: 0 !important;

    overflow: hidden !important;

    background: #000 !important;
}


/* FOTOGRAFIJA */
.vr-about-center-photo .vr-about-photo-img {
    position: absolute !important;
    inset: 0 !important;

    width: 100% !important;
    height: 100% !important;

    max-width: none !important;
    max-height: none !important;

    margin: 0 !important;
    padding: 0 !important;

    display: block !important;

    object-fit: cover !important;

    /* OVDE POMERAŠ KADAR */
    object-position: center 50% !important;

    transform: none !important;
}


/* BLAGI SHADE AKO GA ŽELIŠ */
.vr-about-photo-shade {
    position: absolute !important;
    inset: 0 !important;

    pointer-events: none !important;

    background: linear-gradient(
        to bottom,
        rgba(0,0,0,0) 75%,
        rgba(0,0,0,0.10) 100%
    ) !important;
}


/* PANELI LEVO I DESNO */
.vr-about-panel {
    min-width: 0 !important;
}


/* =========================================================
   TABLET
========================================================= */

@media (max-width: 1100px) {

    .vr-about-two-column {
        grid-template-columns: minmax(0, 1fr) 320px minmax(0, 1fr) !important;
    }

    .vr-about-center-photo {
        max-width: 320px !important;
    }

}


/* =========================================================
   MOBILE
========================================================= */

@media (max-width: 767px) {

    .vr-about-two-column {
        grid-template-columns: 1fr !important;
    }

    .vr-about-center-photo {
        position: relative !important;

        width: 100% !important;
        max-width: 420px !important;

        height: 620px !important;
        min-height: 620px !important;

        margin: 30px auto !important;
    }

    .vr-about-center-photo .vr-about-photo-img {
        width: 100% !important;
        height: 100% !important;

        object-fit: cover !important;
        object-position: center 50% !important;
    }

}
.vr-about-info-photo {
    position: relative;
    overflow: hidden;
    align-self: stretch;
    height: 100%;
}

.vr-about-info-photo img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.vr-about-info-grid > .vr-about-info-photo-full {
    position: relative;
    align-self: stretch;
    height: auto;
    overflow: hidden;
}

.vr-about-info-photo-full img {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    max-width: none;
    max-height: none;
    object-fit: cover;
    object-position: center center;
    display: block;
}
.vr-about-info-grid > .vr-about-info-photo-full {
    position: relative;
    align-self: stretch;
    height: auto;
    overflow: hidden;
}

.vr-about-info-photo-full img {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    max-width: none;
    max-height: none;
    object-fit: cover;
    object-position: center center;
    display: block;
}
.vr-about-service-photo {
    width: 100%;
    height: 280px;
    overflow: hidden;
    position: relative;
}

.vr-about-service-photo img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
    display: block;
}
/* =========================================================
   SERVICE CARD IMAGES
   ========================================================= */

.vr-about-service-photo {
    width: 100%;
    height: 280px;
    position: relative;
    overflow: hidden;
}

.vr-about-service-photo img {
    width: 100%;
    height: 100%;
    display: block;
    object-fit: cover;

    /* DESKTOP */
    object-position: center center;
}


/* =========================================================
   MOBILE
   ========================================================= */

@media (max-width: 768px) {

    .vr-about-service-photo {
        width: 100%;
        height: 280px;
        overflow: hidden;
    }

    .vr-about-service-photo img {
        width: 100%;
        height: 100%;
        display: block;
        object-fit: cover;

        /* Pomera vidljivi deo slike više nagore */
        object-position: center 30%;
    }

}
.vr-about-program-card {
    display: flex;
    flex-direction: column;
    height: 100%;
}

.vr-about-program-card p {
    flex-grow: 1;
}

.vr-about-program-card > a {
    margin-top: auto;
}
/* =========================================
   MEDIA SECTION - PHOTO FULL COVER
========================================= */

.vr-about-media-layout {
    align-items: stretch !important;
}

/* Ceo levi prostor */
.vr-about-media-photo {
    position: relative !important;
    overflow: hidden !important;
    min-height: 100% !important;
    padding: 0 !important;
}

/* Wrapper oko slike mora popuniti panel */
.vr-about-photo-placeholder {
    position: absolute !important;
    inset: 0 !important;

    width: 100% !important;
    height: 100% !important;

    margin: 0 !important;
    padding: 0 !important;

    overflow: hidden !important;
}

/* Sama slika */
.vr-about-photo-placeholder img {
    width: 100% !important;
    height: 100% !important;

    max-width: none !important;
    max-height: none !important;

    display: block !important;

    object-fit: cover !important;
    object-position: center center !important;
}
/* =========================================
   MOBILE - FORCE MEDIA PHOTO TO SHOW
========================================= */

@media (max-width: 767px) {

    .vr-about-media-photo {
        display: block !important;
        visibility: visible !important;
        opacity: 1 !important;

        position: relative !important;
        width: 100% !important;
        height: 500px !important;
        min-height: 500px !important;

        overflow: hidden !important;
    }

    .vr-about-media-photo .vr-about-photo-placeholder {
        display: block !important;
        visibility: visible !important;
        opacity: 1 !important;

        position: absolute !important;
        inset: 0 !important;

        width: 100% !important;
        height: 100% !important;
    }

    .vr-about-media-photo .vr-about-photo-placeholder img {
        display: block !important;
        visibility: visible !important;
        opacity: 1 !important;

        width: 100% !important;
        height: 100% !important;

        object-fit: cover !important;
        object-position: center center !important;

        max-width: none !important;
    }
}
/* ==========================================
   PREDAVANJA I EDUKACIJA — IMAGE FULL COVER
========================================== */

.vr-about-lectures-inner {
    align-items: stretch !important;
}

.vr-about-lectures-photo {
    position: relative !important;
    overflow: hidden !important;
    min-height: 450px !important;
}

.vr-about-lectures-photo .vr-about-photo-placeholder {
    position: absolute !important;
    inset: 0 !important;

    width: 100% !important;
    height: 100% !important;

    margin: 0 !important;
    padding: 0 !important;

    overflow: hidden !important;
}

.vr-about-lectures-photo .vr-about-photo-placeholder img {
    position: absolute !important;
    inset: 0 !important;

    width: 100% !important;
    height: 100% !important;

    max-width: none !important;
    max-height: none !important;

    object-fit: cover !important;
    object-position: center center !important;

    margin: 0 !important;
    padding: 0 !important;
    display: block !important;
}

/* Shade mora da ostane preko slike */
.vr-about-lectures-photo .vr-about-photo-shade {
    position: absolute !important;
    inset: 0 !important;
    pointer-events: none !important;
}
/* ==========================================
   EDUCATION SECTION — FORCE FULL COVER
========================================== */

.vr-about-lectures-inner {
    align-items: stretch !important;
}

.vr-about-lectures-photo {
    position: relative !important;
    overflow: hidden !important;

    min-height: 500px !important;

    background-image:
        url("https://vukrankovic.rs/wp-content/uploads/2026/09/O-meni-sekcija-Edukacija.png") !important;

    background-size: cover !important;
    background-position: center center !important;
    background-repeat: no-repeat !important;
}


/* Sakrij originalni img jer sada koristimo background */
.vr-about-lectures-photo .vr-about-photo-placeholder {
    position: absolute !important;
    inset: 0 !important;

    width: 100% !important;
    height: 100% !important;

    opacity: 0 !important;
    pointer-events: none !important;
}


/* Shade ostaje preko background slike */
.vr-about-lectures-photo .vr-about-photo-shade {
    position: absolute !important;
    inset: 0 !important;
    z-index: 2 !important;
    pointer-events: none !important;
}
/* =========================================
   WHY WORK WITH ME - FINAL LAYOUT
========================================= */

.vr-about-why-layout {
    display: grid;
    grid-template-columns: 30% 70%;
    width: 100%;
    align-items: stretch;
    gap: 0;
}


/* LEVA STRANA - FOTOGRAFIJA */

.vr-about-why-photo {
    position: relative;
    width: 100%;
    height: 100%;
    min-height: 600px;
    overflow: hidden;
    margin: 0;
    padding: 0;
}


/* Placeholder mora da ispuni celu levu kolonu */

.vr-about-why-photo .vr-about-photo-placeholder {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    margin: 0;
    padding: 0;
}


/* Sama fotografija */

.vr-about-why-photo .vr-about-photo-placeholder img {
    position: absolute;
    inset: 0;

    width: 100%;
    height: 100%;

    object-fit: cover;
    object-position: center center;

    display: block;
}


/* DESNA STRANA */

.vr-about-why-list {
    width: 100%;
    height: 100%;
    margin: 0;
    padding: 0 30px;

    display: grid;
    grid-template-columns: repeat(2, 1fr);
}


/* SHADE */

.vr-about-why-photo .vr-about-photo-shade {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    pointer-events: none;
}
.vr-about-why-layout {
    grid-template-columns: 26% 74% !important;
    gap: 0 !important;
}

.vr-about-why-photo {
    width: 100% !important;
}

.vr-about-why-photo .vr-about-photo-placeholder {
    width: 100% !important;
    height: 100% !important;
}

.vr-about-why-photo img {
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
}
/* =========================================
   WHY WORK WITH ME - MOBILE STACK FIX
========================================= */

@media (max-width: 767px) {

    .vr-about-why-layout {
        display: flex !important;
        flex-direction: column !important;

        width: 100% !important;
        gap: 0 !important;
    }


    /* SLIKA IDE PRVA */

    .vr-about-why-photo {
        order: 1 !important;

        position: relative !important;

        width: 100% !important;
        max-width: 100% !important;

        height: 520px !important;
        min-height: 520px !important;

        margin: 0 0 30px 0 !important;

        overflow: hidden !important;
    }


    .vr-about-why-photo .vr-about-photo-placeholder {
        position: absolute !important;
        inset: 0 !important;

        width: 100% !important;
        height: 100% !important;
    }


    .vr-about-why-photo .vr-about-photo-placeholder img {
        position: absolute !important;
        inset: 0 !important;

        width: 100% !important;
        height: 100% !important;

        object-fit: cover !important;

        /* Podešavanje kadra na telefonu */
        object-position: center 35% !important;

        display: block !important;
    }


    /* LISTA IDE ISPOD SLIKE */

    .vr-about-why-list {
        order: 2 !important;

        display: flex !important;
        flex-direction: column !important;

        width: 100% !important;

        margin: 0 !important;
        padding: 0 !important;
    }


    /* SVAKI RAZLOG IDE U SVOJ RED */

    .vr-about-why-item {
        width: 100% !important;

        display: grid !important;
        grid-template-columns: 42px 1fr !important;
        align-items: center !important;

        gap: 14px !important;

        padding: 18px 6px !important;

        border-bottom: 1px solid rgba(255,255,255,0.08) !important;
    }


    /* BROJ */

    .vr-about-why-item > span {
        display: block !important;

        font-size: 18px !important;
        line-height: 1 !important;

        color: #F2B949 !important;

        margin: 0 !important;
    }


    /* TEKST */

    .vr-about-why-item p {
        width: 100% !important;

        margin: 0 !important;

        font-size: 14px !important;
        line-height: 1.55 !important;

        white-space: normal !important;
        word-break: normal !important;
        overflow-wrap: normal !important;

        color: #fff !important;
    }

}
.vr-about-lectures-photo {
    background-image: none !important;

    position: relative !important;
    overflow: hidden !important;
    min-height: 500px !important;
}

.vr-about-lectures-photo .vr-about-photo-placeholder {
    position: absolute !important;
    inset: 0 !important;

    width: 100% !important;
    height: 100% !important;

    opacity: 1 !important;
    visibility: visible !important;
}

.vr-about-lectures-photo .vr-about-photo-placeholder img {
    width: 100% !important;
    height: 100% !important;

    object-fit: cover !important;
    object-position: center center !important;

    display: block !important;
    opacity: 1 !important;
}
/* =========================================
   PREDAVANJA I EDUKACIJA — FULL COVER IMAGE
========================================= */

.vr-about-lectures-inner {
    display: grid;
    grid-template-columns: 1fr 1fr;
    align-items: stretch;
}

/* Desna polovina */
.vr-about-lectures-photo {
    position: relative;
    width: 100%;
    height: 100%;
    min-height: 500px;
    overflow: hidden;
}

/* Placeholder mora da ispuni roditelja */
.vr-about-lectures-photo .vr-about-photo-placeholder {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    margin: 0;
    padding: 0;
}

/* Sama slika */
.vr-about-lectures-photo .vr-about-photo-placeholder img {
    position: absolute;
    inset: 0;
    width: 100% !important;
    height: 100% !important;

    object-fit: cover !important;
    object-position: center center !important;

    display: block;
    max-width: none !important;
    margin: 0 !important;
    padding: 0 !important;
}

/* Ako postoji overlay */
.vr-about-lectures-photo .vr-about-photo-shade {
    position: absolute;
    inset: 0;
    pointer-events: none;
    z-index: 2;
}
/* =========================================
   FORCE IMAGE TO FILL ENTIRE RIGHT COLUMN
========================================= */

.vr-about-lectures-inner {
    display: grid !important;
    grid-template-columns: 1fr 1fr !important;
    align-items: stretch !important;
    gap: 0 !important;
}

.vr-about-lectures-photo {
    position: relative !important;

    width: 100% !important;
    max-width: none !important;

    height: 100% !important;
    min-height: 500px !important;

    overflow: hidden !important;

    margin: 0 !important;
    padding: 0 !important;
}


/* OVO JE KLJUCNO */
.vr-about-lectures-photo .vr-about-photo-placeholder {
    position: absolute !important;
    inset: 0 !important;

    width: 100% !important;
    max-width: none !important;

    height: 100% !important;
    min-height: 100% !important;

    margin: 0 !important;
    padding: 0 !important;

    overflow: hidden !important;
}


/* SAMA SLIKA */
.vr-about-lectures-photo .vr-about-photo-placeholder img {
    position: absolute !important;

    top: 50% !important;
    left: 50% !important;

    width: 100% !important;
    height: 100% !important;

    min-width: 100% !important;
    min-height: 100% !important;

    max-width: none !important;
    max-height: none !important;

    object-fit: cover !important;
    object-position: center center !important;

    transform: translate(-50%, -50%) !important;

    margin: 0 !important;
    padding: 0 !important;

    display: block !important;
}


/* SHADE */
.vr-about-lectures-photo .vr-about-photo-shade {
    position: absolute !important;
    inset: 0 !important;

    width: 100% !important;
    height: 100% !important;

    pointer-events: none !important;
}
/* =========================================
   PREDAVANJA I EDUKACIJA — MOBILE ONLY
   Slika gore / tekst ispod
========================================= */

@media (max-width: 767px) {

    .vr-about-lectures-inner {
        display: flex !important;
        flex-direction: column !important;
        width: 100% !important;
        gap: 0 !important;
    }

    /* SLIKA PRVA */
    .vr-about-lectures-photo {
        order: 1 !important;
        position: relative !important;

        width: 100% !important;
        max-width: 100% !important;

        height: 300px !important;
        min-height: 300px !important;

        margin: 0 !important;
        padding: 0 !important;

        overflow: hidden !important;
    }

    .vr-about-lectures-photo .vr-about-photo-placeholder {
        position: absolute !important;
        inset: 0 !important;

        width: 100% !important;
        height: 100% !important;
        max-width: none !important;

        margin: 0 !important;
        padding: 0 !important;

        overflow: hidden !important;
    }

    .vr-about-lectures-photo .vr-about-photo-placeholder img {
        position: absolute !important;
        inset: 0 !important;

        width: 100% !important;
        height: 100% !important;

        max-width: none !important;
        max-height: none !important;

        object-fit: cover !important;
        object-position: center center !important;

        display: block !important;

        margin: 0 !important;
        padding: 0 !important;
    }


    /* TEKST DRUGI */
    .vr-about-lectures-content {
        order: 2 !important;

        width: 100% !important;
        max-width: 100% !important;

        box-sizing: border-box !important;

        padding: 35px 25px !important;
        margin: 0 !important;
    }
}
/* =========================================
   MOBILE — SLIKA 100% PROSTORA + CENTRIRANA
========================================= */

@media (max-width: 767px) {

    .vr-about-lectures-photo {
        position: relative !important;
        width: 100% !important;
        height: 300px !important;
        min-height: 300px !important;
        overflow: hidden !important;
        padding: 0 !important;
        margin: 0 !important;
    }

    .vr-about-lectures-photo .vr-about-photo-placeholder {
        position: absolute !important;
        inset: 0 !important;

        width: 100% !important;
        height: 100% !important;
        max-width: none !important;

        padding: 0 !important;
        margin: 0 !important;
        overflow: hidden !important;
    }

    .vr-about-lectures-photo .vr-about-photo-placeholder img {
        position: absolute !important;
        inset: 0 !important;

        width: 100% !important;
        height: 100% !important;

        max-width: none !important;
        max-height: none !important;

        object-fit: cover !important;

        /* DRŽI SREDINU ORIGINALNE SLIKE U FOKUSU */
        object-position: 50% 50% !important;

        display: block !important;
        margin: 0 !important;
        padding: 0 !important;

        transform: none !important;
    }
}
/* =========================================
   CONTACT IMAGE - FULL COVER
========================================= */

.vr-contact-photo {
    position: relative;
    overflow: hidden;
    width: 100%;
    height: 100%;
    min-height: 650px;
}

.vr-contact-photo-placeholder {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    margin: 0;
    padding: 0;
}

.vr-contact-photo-placeholder img {
    position: absolute;
    inset: 0;

    width: 100% !important;
    height: 100% !important;

    max-width: none !important;
    max-height: none !important;

    object-fit: cover !important;
    object-position: center center;

    display: block;
}

.vr-contact-photo-overlay {
    position: absolute;
    inset: 0;
    pointer-events: none;
}
.vr-contact-photo-placeholder img {
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;

    /* pomera kadar nagore */
    object-position: center 55% !important;

    display: block;
}.vr-program-group-women {
    margin-top: 100px;
}@media (max-width: 767px) {
    .vr-program-group-women {
        margin-top: 70px;
    }
}
.ppl-image {
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
    object-position: center top !important;
/* PROSTOR ZA SLIKU */
.vr-program-image {
    position: relative !important;
    padding: 12px 12px 0 12px !important;
    box-sizing: border-box !important;
    overflow: hidden !important;
}

/* SLIKA MORA OSTATI UNUTAR OKVIRA */
.vr-program-image img {
    width: 100% !important;
    height: 100% !important;
    max-width: 100% !important;

    object-fit: cover !important;
    display: block !important;

    box-sizing: border-box !important;
}

/* ZLATNA ISPREKIDANA LINIJA:
   GORE + LEVO + DESNO */
.vr-program-image::after {
    content: "";
    position: absolute;

    top: 12px;
    left: 12px;
    right: 12px;
    bottom: 0;

    border-top: 1px dashed rgba(242, 185, 73, 0.65);
    border-left: 1px dashed rgba(242, 185, 73, 0.65);
    border-right: 1px dashed rgba(242, 185, 73, 0.65);
    border-bottom: none;

    box-sizing: border-box;
    pointer-events: none;
    z-index: 10;
}/* PUSH / PULL / LEGS - ISTO KAO OSTALE SLIKE */
.vr-program-image .ppl-image {
    width: 100% !important;
    height: 100% !important;

    object-fit: cover !important;
    object-position: center center !important;

    display: block !important;
    margin: 0 !important;
    padding: 0 !important;

    max-width: 100% !important;
    max-height: none !important;
.ppl-image {
    object-position: center top !important;
}
  /* =========================================
   PUSH / PULL / LEGS - FORCE SAME AS OTHERS
========================================= */

.vr-program-image:has(.ppl-image) {
    position: relative !important;
    padding: 12px 12px 0 12px !important;
    overflow: hidden !important;
    box-sizing: border-box !important;
}

.vr-program-image:has(.ppl-image) .vr-program-image-placeholder {
    position: absolute !important;
    top: 12px !important;
    left: 12px !important;
    right: 12px !important;
    bottom: 0 !important;

    width: auto !important;
    height: auto !important;

    margin: 0 !important;
    padding: 0 !important;
    border: none !important;
    overflow: hidden !important;
}

.vr-program-image:has(.ppl-image) .ppl-image {
    position: absolute !important;
    inset: 0 !important;

    width: 100% !important;
    height: 100% !important;

    max-width: none !important;
    max-height: none !important;

    margin: 0 !important;
    padding: 0 !important;

    object-fit: cover !important;
    object-position: center center !important;

    display: block !important;
}

/* Zlatni okvir preko slike */
.vr-program-image:has(.ppl-image)::after {
    content: "";
    position: absolute !important;

    top: 12px !important;
    left: 12px !important;
    right: 12px !important;
    bottom: 0 !important;

    border-top: 1px dashed rgba(242,185,73,.65) !important;
    border-left: 1px dashed rgba(242,185,73,.65) !important;
    border-right: 1px dashed rgba(242,185,73,.65) !important;
    border-bottom: none !important;

    pointer-events: none;
    z-index: 20;
}
  .vr-feedback-stats {
    display: grid !important;
    grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
    width: 100% !important;
}

.vr-feedback-stat {
    width: 100% !important;
    min-width: 0 !important;
    box-sizing: border-box !important;
}

@media (max-width: 767px) {
    .vr-feedback-stats {
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    }
}
  .vr-feedback-stat:nth-child(4) {
    border-left: 1px solid rgba(242, 185, 73, 0.35) !important;
 /* ==========================================
   NEW COACHING CARD CONTENT
========================================== */


/* DODATNA NAPOMENA ISPOD LISTE */

.vr-plan-note {
    margin: 30px 0 0;
    padding-top: 22px;

    border-top: 1px solid rgba(255,255,255,0.07);

    color: rgba(255,255,255,0.48);

    font-size: 11px;
    font-style: italic;
    font-weight: 300;
    line-height: 1.55;
}


/* DVE CENE — ONLINE KONSULTACIJE */

.vr-plan-price--consultation {
    display: flex;
    align-items: center;
    gap: 18px;
}

.vr-plan-price--consultation > div {
    display: flex;
    align-items: baseline;
    gap: 4px;
}

.vr-plan-price--consultation > div + div {
    padding-left: 18px;

    border-left: 1px solid rgba(242,185,73,0.28);
}

.vr-plan-price--consultation strong {
    font-size: 26px;
}

.vr-plan-price--consultation span {
    font-size: 11px;
}


/* CENA NA UPIT */

.vr-plan-price--request strong {
    font-size: 22px;
    text-transform: uppercase;
    letter-spacing: 0.04em;
}


/* FOOTER NAPOMENA */

.vr-plan-footer-note {
    margin: 22px 0 0;

    color: rgba(255,255,255,0.38);

    font-size: 10px;
    font-weight: 300;
    line-height: 1.5;
}

.vr-plan-availability {
    position: relative;

    margin: 22px 0 0;
    padding-left: 13px;

    color: rgba(255,255,255,0.46);

    font-size: 10px;
    font-weight: 300;
    line-height: 1.5;
}


/* OGRANIČEN BROJ KLIJENATA */

.vr-plan-availability {
    position: relative;

    margin: 14px 0 0;
    padding-left: 13px;

    color: rgba(255,255,255,0.46);

    font-size: 10px;
    font-weight: 300;
    line-height: 1.5;
}

.vr-plan-availability > span {
    position: absolute;

    left: 0;
    top: 5px;

    width: 5px;
    height: 5px;

    border-radius: 50%;

    background: #F2B949;

    box-shadow: 0 0 8px rgba(242,185,73,0.4);
}


/* DUŽI NASLOVI */

.vr-plan-name {
    line-height: 1.05;
}


/* MOBILE */

@media (max-width: 767px) {

    .vr-plan-price--consultation {
        gap: 12px;
    }

    .vr-plan-price--consultation > div + div {
        padding-left: 12px;
    }

    .vr-plan-price--consultation strong {
        font-size: 23px;
    }

}
    /* ==========================================
   COACHING NOTES - FINAL OVERRIDE
========================================== */

section.vr-pricing-cards p.vr-plan-note {
    margin: 28px 0 0 0 !important;
    padding: 20px 0 0 0 !important;

    border-top: 1px solid rgba(242, 185, 73, 0.22) !important;

    color: rgba(255, 255, 255, 0.48) !important;

    font-size: 11px !important;
    font-weight: 300 !important;
    font-style: italic !important;
    line-height: 1.6 !important;
}


/* TEKST ISPOD DUGMETA - KONSULTACIJE */

section.vr-pricing-cards p.vr-plan-footer-note {
    margin: 22px 0 0 0 !important;
    padding: 0 !important;

    color: rgba(255, 255, 255, 0.40) !important;

    font-size: 10px !important;
    font-weight: 300 !important;
    line-height: 1.6 !important;
}


/* TEKST ISPOD DUGMETA - ONLINE COACHING */

section.vr-pricing-cards p.vr-plan-availability {
    margin: 22px 0 0 0 !important;
    padding: 0 0 0 14px !important;

    color: rgba(255, 255, 255, 0.42) !important;

    font-size: 10px !important;
    font-weight: 300 !important;
    line-height: 1.6 !important;
}