/*!
Theme Name: Ecommerce Awards 2024
Theme URI: http://underscores.me/
Author: IWM Network
Author URI: https://www.iwmnetwork.com/
Description: Description
Version: 1.0.0
Tested up to: 5.4
Requires PHP: 5.6
License: GNU General Public License v2 or later
License URI: LICENSE
Text Domain: ecommerce-awards
Tags: custom-background, custom-logo, custom-menu, featured-images, threaded-comments, translation-ready

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned.

Ecommerce Awards is based on Underscores https://underscores.me/, (C) 2012-2020 Automattic, Inc.
Underscores is distributed under the terms of the GNU GPL v2 or later.

Normalizing styles have been helped along thanks to the fine work of
Nicolas Gallagher and Jonathan Neal https://necolas.github.io/normalize.css/
*/

/*--------------------------------------------------------------
>>> TABLE OF CONTENTS:
----------------------------------------------------------------
# Base
	- Typography
	- Elements
	- Links
	- Forms
## Layouts
# Components
	- Navigation
	- Posts and pages
	- Comments
	- Widgets
	- Media
	- Captions
	- Galleries
# plugins
	- Jetpack infinite scroll
# Utilities
	- Accessibility
	- Alignments

--------------------------------------------------------------*/

/*--------------------------------------------------------------
# Base
--------------------------------------------------------------*/

/* Typography
--------------------------------------------- */
@font-face {
	font-family: "TTNorms-Light";
	src: url(./fonts/TTNorms-Light.otf);
}

@font-face {
	font-family: "TTNorms-Regular";
	src: url(./fonts/TTNorms-Regular.otf);
}

@font-face {
	font-family: "TTNorms-Bold";
	src: url(./fonts/TTNorms-Bold.otf);
}

@font-face {
	font-family: "TTNorms-BoldItalic";
	src: url(./fonts/TTNorms-BoldItalic.otf);
}

@font-face {
	font-family: "TTNorms-Black";
	src: url(./fonts/TTNorms-Black.otf);
}

@font-face {
	font-family: "TTNorms-BlackItalic";
	src: url(./fonts/TTNorms-BlackItalic.otf);
}

@font-face {
	font-family: "TTNorms-Italic";
	src: url(./fonts/TTNorms-Italic.otf);
}


h1,
.h1,
h2,
.h2,
h3,
.h3,
h4,
.h4,
h5,
.h5,
h6,
.h6 {
	font-family: "Manrope", serif;
}

strong,
b {
	font-family: "Manrope", serif;
}

em {
	font-family: "Manrope", serif;
}

.color-green {
	color: #00ffae;
}

.weightBlack {
	font-family: "Manrope", serif;
}

.weightLight {
	font-family: "Manrope", serif;
}

/* Elements
--------------------------------------------- */
html,
body,
#page {
	font-family: "Manrope", serif;
	height: 100%;
}

body {
	background: #fff;
	display: flex;
	flex-direction: column;
}

#page {
	display: flex;
	flex-direction: column;
}

.container.position-relative {
	flex: 1 0 auto;
}

footer.site-footer {
	flex-shrink: 0;
}

hr {
	background-color: #ccc;
	border: 0;
	height: 1px;
	margin-bottom: 1.5em;
}

ul,
ol {
	margin: 0 0 1.5em 2em;
	padding: 0;
}

ul {
	list-style: disc;
}

ol {
	list-style: decimal;
}

li>ul,
li>ol {
	margin-bottom: 0;
	margin-left: 1.5em;
}

dt {
	font-weight: 700;
}

dd {
	margin: 0 1.5em 1.5em;
}

strong,
b {
	font-family: "Manrope", serif;
}

em {
	font-family: "Manrope", serif;
	font-weight: 300;
}

.modal {
	z-index: 999999;
}

.modal-content {
	border-radius: 0;
}

.modal-header {
	position: relative;
	border-bottom: transparent;
}

.modal-header .btn-close {
	position: absolute;
	top: -7px;
	right: -4px;
	background: #000;
	opacity: 1;
	color: #fff;
	border-radius: 0;
	padding: 0;
	right: 0;
	width: 35px;
	height: 35px;
}

.modal-content .btn-close::after {
	content: "\f00d";
	font-family: "Font Awesome 5 Pro";
	color: #fff;
	display: flex;
	justify-content: center;
	align-items: center;
}

/* Links
--------------------------------------------- */
a {
	color: #2a2c78;
}

.nav-pills {
	margin: 0;
	padding-right: 20px;
	padding-bottom: 10px;
	margin-bottom: 60px !important;
	position: relative;
}

.nav-pills .nav-link {
	display: inline-block;
	margin: 0 5px 5px 0;
	padding: 5px 10px;
	border-radius: 2px;
	font-family: "TTNorms-Light", sans-serif;
	background: rgba(0, 0, 0, 0.3);
	color: #fff;
	font-size: 14px;
}

.nav-pills .nav-link.active {
	color: #000;
	background: linear-gradient(32deg,
	rgba(0, 255, 174, 1) 0%,
	rgba(226, 231, 50, 1) 100%);
	font-family: "Manrope", serif;
}

.nav-pills .nav-link+span {
	display: none;
}

.nav-pills .nav-link.active+span {
	display: block;
	position: absolute;
	top: 100%;
	left: 0px;
	color: #fff;
}

@media (max-width: 991px) {
	.nav-pills {
		padding-right: 0px;
		margin-bottom: 20px !important;
	}

	.nav-pills .nav-item {
		width: 100%;
	}

	.nav-pills .nav-link {
		margin: 0 0px 5px 0;
		padding: 4px 8px;
		width: 100%;
		font-size: 13px;
		text-align: left;
	}

	.nav-pills .nav-link.active+span {
		position: inherit;
		left: 0px;
		line-height: 1.3;
		padding: 0 0 0 8px;
		margin-bottom: 15px;
		margin-top: 3px;
		font-size: 13px;
	}
}

.grid-nominirani {
	display: grid;
	grid-template-columns: repeat(5, 1fr);
	grid-template-rows: 1fr;
	grid-column-gap: 15px;
	grid-row-gap: 15px;
	margin-bottom: 30px;
}

.grid-nominirani .nom {}

.grid-nominirani .nom figure {
	position: relative;
	border-radius: 2px;
	margin-bottom: 1px;
	background-color: #fff;
	overflow: hidden;
	-webkit-transition: all 200ms ease-in-out;
	-moz-transition: all 200ms ease-in-out;
	-ms-transition: all 200ms ease-in-out;
	-o-transition: all 200ms ease-in-out;
	transition: all 200ms ease-in-out;
}

.grid-nominirani .nom figure img {
	opacity: 1;
	-webkit-transition: all 200ms ease-in-out;
	-moz-transition: all 200ms ease-in-out;
	-ms-transition: all 200ms ease-in-out;
	-o-transition: all 200ms ease-in-out;
	transition: all 200ms ease-in-out;
}

.grid-nominirani .nom:hover figure img {
	opacity: 0.2;
}

.grid-nominirani .nom figure .buttons {
	position: absolute;
	top: 0;
	width: 100%;
	height: 100%;
	display: flex;
	align-items: center;
	justify-content: center;
	left: 0;
	opacity: 0;
	z-index: -1;
	-webkit-transition: all 200ms ease-in-out;
	-moz-transition: all 200ms ease-in-out;
	-ms-transition: all 200ms ease-in-out;
	-o-transition: all 200ms ease-in-out;
	transition: all 200ms ease-in-out;
}

.grid-nominirani .nom:hover figure .buttons {
	z-index: 1;
	opacity: 1;
}

.grid-nominirani .nom figure .buttons .btn {
	color: #000;
	background: linear-gradient(32deg,
	rgba(0, 255, 174, 1) 0%,
	rgba(226, 231, 50, 1) 100%);
	font-family: "TTNorms-Bold", sans-serif;
	border-radius: 2px;
	margin: 0 2px;
	border: 0;
	min-width: 28px;
}

.grid-nominirani .nom figure .buttons .btn.glasaj {
	background: #fff;
	text-transform: uppercase;
	padding-right: 15px;
	padding-left: 15px;
}

.grid-nominirani .nom .naslov {
	background: rgba(0, 0, 0, 0.25);
	color: #fff;
	margin-top: 1px;
	font-size: 15px;
	padding: 0.75em;
	border-radius: 2px;
}

@media (max-width: 991px) {
	.grid-nominirani {
		display: grid;
		grid-template-columns: repeat(2, 1fr);
		grid-template-rows: 1fr;
		grid-column-gap: 15px;
		grid-row-gap: 15px;
	}
}

/* Forms
--------------------------------------------- */
.form-control {
	border-radius: 0;
}

.btn {
	border-radius: 0;
}

.btn-yellow {
	background-color: #BB2649 !important;
	border: 1px solid #BB2649 !important;
	font-family: "Manrope", serif;
	transition: all 200ms ease-in-out;
}

.btn-yellow:hover,
.btn-yellow:focus,
.btn-yellow:active {
	background-color: #fff !important;
	border: 1px solid #fff !important;
}

.select2-container {
	width: 100% !important;
}

.select2-container .select2-selection--multiple .select2-selection__rendered {
	margin: 0;
}

.select2-container--default .select2-selection--multiple .select2-selection__choice {
	border-radius: 0;
}

.select2-container--default .select2-selection--multiple {
	border: 1px solid #ced4da;
	border-radius: 0;
}

.accordion-button:not(.collapsed) {
	color: #ffffff;
	background-color: #ab3e44;
	background-image: url(images/header-bg.png);
	background-size: cover;
	background-position: center;
}

.accordion-button:focus {
	border-color: transparent;
	outline: 0;
	box-shadow: none;
}

.accordion-button:not(.collapsed)::after {
	filter: grayscale(1) invert(1) brightness(200%);
}

/*--------------------------------------------------------------
# Layouts
--------------------------------------------------------------*/

/*--------------------------------------------------------------
# Components
--------------------------------------------------------------*/

header#masthead {
	background: #a21d2d;
	background-size: cover;
	background-repeat: no-repeat;
	display: flex;
	justify-content: space-between;
	align-items: center;
	padding: 0 25px;
}

header .logo {
	height: 105px;
}

header .btn-yellow {
	background-color: #BB2649 !important;
	border: 1px solid #BB2649 !important;
	font-family: "Manrope", serif;
	transition: all 200ms ease-in-out;
}

header .btn-yellow:hover,
header .btn-yellow:focus,
header .btn-yellow:active {
	background-color: #fff !important;
	border: 1px solid #fff !important;
}

.page-template-template-ziri .btn-yellow,
.page-template-template-sponzori .btn-yellow,
.page-template-template-glasaj .btn-yellow,
.page-template-template-nominirani .btn-yellow {
	padding: 0.5rem 1rem !important;
	font-size: 1.25rem !important;
	margin-bottom: 0 !important;
}

@media (max-width: 992px) {

	header .btn-yellow,
	.page-template-template-ziri .btn-yellow,
	.page-template-template-sponzori .btn-yellow,
	.page-template-template-glasaj .btn-yellow,
	.page-template-template-nominirani .btn-yellow {
		position: absolute;
		right: 95px !important;
	}
}

@media (max-width: 576px) {
	header#masthead {
		padding: 0 10px;
	}

	header .logo {
		height: 90px;
	}

	header .btn-yellow,
	.page-template-template-ziri .btn-yellow,
	.page-template-template-sponzori .btn-yellow,
	.page-template-template-glasaj .btn-yellow,
	.page-template-template-nominirani .btn-yellow {
		font-size: 13px !important;
		max-width: 150px;
		line-height: 1;
	}

	header .btn-yellow,
	.page-template-template-ziri .btn-yellow,
	.page-template-template-sponzori .btn-yellow,
	.page-template-template-glasaj .btn-yellow,
	.page-template-template-nominirani .btn-yellow {
		right: 85px !important;
	}
}

footer.site-footer {
	background: #fff;
	color: #000;
	position: relative;
	z-index: 2;
	padding: 20px 0;
	box-shadow: inset 0px 5px 15px #858585;
}

footer.site-footer a {
	color: #000;
	text-decoration: none;
}

footer.site-footer {
	font-size: 90%;
}

footer.site-footer .GIZLogo {
	width: 145px;
	position: relative;
	display: block;
}

@media (max-width: 768px) {
	footer.site-footer .GIZLogo {
		width: 200px;
		margin: auto;
		text-align: center;
	}
}

/* Navigation
--------------------------------------------- */
@media only screen and (max-width: 992px) {
	#mega-menu-wrap-menu-1 .mega-menu-toggle+#mega-menu-menu-1 {
		color: #ffffff;
		background-color: #BB2649;

	}

	#mega-menu-wrap-menu-1 #mega-menu-menu-1>li.mega-menu-item.mega-current-menu-item>a.mega-menu-link,
	#mega-menu-wrap-menu-1 #mega-menu-menu-1>li.mega-menu-item.mega-current-menu-ancestor>a.mega-menu-link,
	#mega-menu-wrap-menu-1 #mega-menu-menu-1>li.mega-menu-item.mega-current-page-ancestor>a.mega-menu-link {
		background: #BB2649;
	}

	#mega-menu-wrap-menu-1 .mega-menu-toggle+#mega-menu-menu-1 {
		z-index: 25;
	}
}

@media (max-width: 576px) {
	#mega-menu-wrap-menu-1 .mega-menu-toggle+#mega-menu-menu-1 {
		margin-top: 25px;
	}
}

.ml-field-group input[type="email"] {
	background: #e7af32 !important;
}

/* Posts and pages
--------------------------------------------- */
article.page {
	margin-top: 45px;
}

article header.entry-header {
	margin-bottom: 30px;
}

.error-404,
.search-no-results .site-main {
	margin: 50px 0;
}

.page-template-template-kategorii article.kategorija {
	background: #f0f0f0;
	padding: 30px;
	margin: 50px 0;
}

article.page .entry-content {
	/* min-height: calc(100vh - 220px); */
}

.page-template-template-kategorii article.page .entry-content {
	min-height: auto;
}

.page-template-template-ziri footer,
.page-template-template-sponzori footer,
.page-template-template-glasaj footer,
.page-template-template-nominirani footer {
	position: relative;
	z-index: 3333 !important;
}

.page-template-template-ziri header#masthead,
.page-template-template-sponzori header#masthead,
.page-template-template-glasaj header#masthead,
.page-template-template-nominirani header#masthead {
	position: relative;
	z-index: 4;
	background: transparent;
	padding: 0 25px;
}

.ziri-grid {
	display: flex;
	margin-top: 85px;
	flex-wrap: wrap;
}

.ziri-grid .item:nth-of-type(even) {
	margin-top: 50px;
}

.ziri-grid .item:nth-of-type(odd) {
	margin-bottom: 50px;
}

.ziri-grid .item {
	position: relative;
	transition: all 200ms ease-in-out;
	cursor: pointer;
	flex: 0 1 25%;
}

.ziri-grid .item .overlay {
	transition: all 200ms ease-in-out;
	background-image: -webkit-linear-gradient(-59deg, rgba(252, 255, 0, 0.6) 0%, rgb(104 19 29 / 10%) 0%, rgb(112 20 29) 100%);
	background-image: -webkit-linear-gradient(-59deg, rgba(252, 255, 0, 0.6) 0%, rgb(104 19 29 / 10%) 0%, rgb(112 20 29) 100%);
	background-image: -webkit-linear-gradient(-59deg, rgba(252, 255, 0, 0.6) 0%, rgb(104 19 29 / 10%) 0%, rgb(112 20 29) 100%);
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	width: 100%;
	height: 100%;
	position: absolute;
}

.ziri-grid .item:hover .overlay {
	opacity: 0;
}

.ziri-grid .item .info {
	position: absolute;
	bottom: 0px;
	left: 0;
	right: 0;
	width: 100%;
	z-index: 2;
	padding: 30px;
}

.ziri-grid .item:hover .info {
	background-image: -webkit-linear-gradient(-59deg, rgb(252, 255, 0) 0%, rgb(137 36 46) 0%, rgb(75 9 17) 100%);
	background-image: -webkit-linear-gradient(-59deg, rgb(252, 255, 0) 0%, rgb(137 36 46) 0%, rgb(75 9 17) 100%);
	background-image: -webkit-linear-gradient(-59deg, rgb(252, 255, 0) 0%, rgb(137 36 46) 0%, rgb(75 9 17) 100%);
}

.ziri-grid .item .info .name {
	color: #fff;
	font-family: "Manrope", serif;
	font-size: 27px;
	margin-bottom: 5px;
	line-height: 1;
}

.ziri-grid .item .info .linkedin {
	visibility: hidden;
}

.ziri-grid .item:hover .linkedin {
	visibility: visible;
}

.ziri-grid .item .info .job-title {
	color: #00ffae;
	font-size: 16px;
	line-height: 1.2;
}

@media (max-width: 1200px) {
	.ziri-grid .item .info .name {
		font-size: 20px;
	}

	.ziri-grid .item .info .job-title {
		font-size: 13px;
	}
}

@media (max-width: 992px) {
	.ziri-grid {
		flex-wrap: wrap;
	}

	.ziri-grid .item:nth-of-type(odd) {
		margin-bottom: 0px;
	}

	.ziri-grid .item:nth-of-type(even) {
		margin-top: 0px;
	}

	.ziri-grid .item {
		flex: 1 0 33.33333%;
	}
}

@media (max-width: 767px) {
	.ziri-grid {
		justify-content: center;
	}

	.ziri-grid .item {
		flex: 0 1 auto;
		margin-bottom: 15px !important;
	}
}

/* Comments
--------------------------------------------- */
.comment-content a {
	word-wrap: break-word;
}

.bypostauthor {
	display: block;
}

/* Widgets
--------------------------------------------- */
.widget {
	margin: 0 0 1.5em;
}

.widget select {
	max-width: 100%;
}

/* Media
--------------------------------------------- */
.page-content .wp-smiley,
.entry-content .wp-smiley,
.comment-content .wp-smiley {
	border: none;
	margin-bottom: 0;
	margin-top: 0;
	padding: 0;
}

/* Make sure logo link wraps around logo image. */
.custom-logo-link {
	display: inline-block;
}

/* Captions
--------------------------------------------- */
.wp-caption {
	margin-bottom: 1.5em;
	max-width: 100%;
}

.wp-caption img[class*="wp-image-"] {
	display: block;
	margin-left: auto;
	margin-right: auto;
}

.wp-caption .wp-caption-text {
	margin: 0.8075em 0;
}

.wp-caption-text {
	text-align: center;
}

/* Galleries
--------------------------------------------- */
.gallery {
	margin-bottom: 1.5em;
	display: grid;
	grid-gap: 1.5em;
}

.gallery-item {
	display: inline-block;
	text-align: center;
	width: 100%;
}

.gallery-columns-2 {
	grid-template-columns: repeat(2, 1fr);
}

.gallery-columns-3 {
	grid-template-columns: repeat(3, 1fr);
}

.gallery-columns-4 {
	grid-template-columns: repeat(4, 1fr);
}

.gallery-columns-5 {
	grid-template-columns: repeat(5, 1fr);
}

.gallery-columns-6 {
	grid-template-columns: repeat(6, 1fr);
}

.gallery-columns-7 {
	grid-template-columns: repeat(7, 1fr);
}

.gallery-columns-8 {
	grid-template-columns: repeat(8, 1fr);
}

.gallery-columns-9 {
	grid-template-columns: repeat(9, 1fr);
}

.gallery-caption {
	display: block;
}

/*--------------------------------------------------------------
# Plugins
--------------------------------------------------------------*/
#moove_gdpr_cookie_info_bar {
	z-index: 99999 !important;
}

.wpcf7-spinner {
	display: block;
}

/* Jetpack infinite scroll
--------------------------------------------- */

/* Hide the Posts Navigation and the Footer when Infinite Scroll is in use. */
.infinite-scroll .posts-navigation,
.infinite-scroll.neverending .site-footer {
	display: none;
}

/* Re-display the Theme Footer when Infinite Scroll has reached its end. */
.infinity-end.neverending .site-footer {
	display: block;
}

/*--------------------------------------------------------------
# Utilities
--------------------------------------------------------------*/

/* Accessibility
--------------------------------------------- */

/* Text meant only for screen readers. */
.screen-reader-text {
	border: 0;
	clip: rect(1px, 1px, 1px, 1px);
	clip-path: inset(50%);
	height: 1px;
	margin: -1px;
	overflow: hidden;
	padding: 0;
	position: absolute !important;
	width: 1px;
	word-wrap: normal !important;
}

.screen-reader-text:focus {
	background-color: #f1f1f1;
	border-radius: 3px;
	box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
	clip: auto !important;
	clip-path: none;
	color: #21759b;
	display: block;
	font-size: 0.875rem;
	font-weight: 700;
	height: auto;
	left: 5px;
	line-height: normal;
	padding: 15px 23px 14px;
	text-decoration: none;
	top: 5px;
	width: auto;
	z-index: 100000;
}

/* Do not show the outline on the skip link target. */
#primary[tabindex="-1"]:focus {
	outline: 0;
}

/* Alignments
--------------------------------------------- */

.cat-selector {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	margin: 50px 0;
	grid-template-rows: 1fr;
	grid-column-gap: 15px;
	grid-row-gap: 15px;
}

.cat-selector li {
	display: flex;
	text-decoration: none;
	flex-wrap: wrap;
	flex-direction: column;
	padding: 0;
}

.cat-selector li a {
	flex: 1 1 auto;
	border: 3px solid rgba(255, 255, 255, 0);
}

.cat-selector li a:hover {
	border: 3px solid rgba(255, 255, 255, 0);
}

.cat-selector li a.active {
	border: 3px solid #BB2649;
}

.cat-selector a {
	display: flex;
	border: 3px solid #fff;
	background: rgba(0, 0, 0, 0.2);
	color: #fff;
	text-decoration: none;
	flex-wrap: wrap;
	flex-direction: column;
	padding: 50px 25px 30px 35px;
	-webkit-transition: all 200ms ease-in-out;
	-moz-transition: all 200ms ease-in-out;
	-ms-transition: all 200ms ease-in-out;
	-o-transition: all 200ms ease-in-out;
	transition: all 200ms ease-in-out;
}

.cat-selector a:hover,
.cat-selector a.active {
	border: 3px solid #BB2649;
	background: rgba(0, 0, 0, 0.35);
}

.cat-selector:hover>a,
.cat-selector:focus-within>a {
	opacity: 0.3;
	filter: blur(2px);
}

.cat-selector:hover> :hover,
.cat-selector:focus-within> :focus {
	filter: blur(0px);
	opacity: 1;
}

.cat-selector a img {
	max-height: 85px;
}

.cat-selector a h2 {
	font-size: 29px;
	-webkit-transition: all 200ms ease-in-out;
	-moz-transition: all 200ms ease-in-out;
	-ms-transition: all 200ms ease-in-out;
	-o-transition: all 200ms ease-in-out;
	transition: all 200ms ease-in-out;
}

.cat-selector a:hover h2,
.cat-selector a.active h2 {
	color: #00ffae;
}

.cat-selector a h2 span {
	font-size: 18px;
	display: block;
	font-family: "Manrope", serif;
	-webkit-transition: all 200ms ease-in-out;
	-moz-transition: all 200ms ease-in-out;
	-ms-transition: all 200ms ease-in-out;
	-o-transition: all 200ms ease-in-out;
	transition: all 200ms ease-in-out;
}

.cat-selector a:hover h2,
.cat-selector a.active h2 span {
	color: #00ffae;
}

.cat-selector a h4 {
	font-size: 16px;
	text-transform: uppercase;
	opacity: 0;
	color: #BB2649;
	font-family: "Manrope", serif;
	-webkit-transition: all 200ms ease-in-out;
	-moz-transition: all 200ms ease-in-out;
	-ms-transition: all 200ms ease-in-out;
	-o-transition: all 200ms ease-in-out;
	transition: all 200ms ease-in-out;
}

.cat-selector a:hover h4,
.cat-selector a.active h4 {
	font-size: 16px;
	text-transform: 900;
	opacity: 1;
}

@media (max-width: 991px) {
	.cat-selector {
		grid-template-columns: repeat(1, 1fr);
		grid-row-gap: 5px;
		margin: 0 0 20px 0;
	}

	.cat-selector a {
		padding: 15px 20px 10px 20px;
		display: flex;
		flex-wrap: nowrap;
		flex-direction: row;
	}

	.cat-selector a figure {
		margin-right: 15px;
		margin-bottom: 0;
	}

	.cat-selector a img {
		margin-bottom: 0px;
		max-height: 55px;
	}

	.cat-selector a h2,
	.cat-selector a h2 span {
		font-size: 17px;
		line-height: 1.2;
		margin: 0;
		font-family: "Manrope", serif;
		display: inline-block;
	}

	.cat-selector a h4 {
		font-size: 12px !important;
		opacity: 1;
	}

	.cat-selector a h3 {
		margin-bottom: 0;
	}
}

.cat-active {
	display: flex !important;
	width: calc(100% + 14px) !important;
	margin-left: -7px !important;
	margin: 50px 0 !important;
	align-items: center !important;
	text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.4) !important;
	flex-direction: row !important;
}

.cat-active .wrap {
	display: flex !important;
	flex-direction: row !important;
	flex: 1 1 auto !important;
	margin: 0 7px !important;
	align-items: center !important;
	color: #fff !important;
}

.cat-active .wrap.disabled {
	text-decoration: none !important;
	padding: 15px 20px !important;
	align-items: flex-start !important;
	opacity: 0.25 !important;
	border: 3px solid #fff !important;
	background: rgba(0, 0, 0, 0.55) !important;
	flex: 0 1 270px !important;
	background: rgba(0, 0, 0, 0.2) !important;
	min-height: 100px !important;
}

.cat-active .wrap figure {
	margin-bottom: 0 !important;
}

.cat-active .wrap img {
	margin-right: 20px !important;
	margin-left: 10px !important;
	margin-bottom: 0 !important;
	max-height: 65px !important;
}

.cat-active .wrap h2 {
	margin-bottom: 5px !important;
	margin-top: 0 !important;
	font-size: 29px !important;
}

.cat-active .wrap h3 {
	font-family: "Manrope", serif!important;
	font-size: 18px !important;
}

.cat-active .wrap h4 {
	text-transform: uppercase !important;
	color: #BB2649 !important;
	margin-bottom: 0 !important;
	font-family: "Manrope", serif!important;
	font-size: 16px !important;
}

.cat-active .wrap.disabled h2 {
	margin-bottom: 5px !important;
	font-size: 18px !important;
}

.cat-active .wrap.disabled h4 {
	color: #fff !important;
	margin-bottom: 0 !important;
	font-family: "Manrope", serif!important;
	font-size: 13px !important;
}

@media (max-width: 991px) {
	div#totalpoll.totalpoll-wrapper .totalpoll-question-choices-item {
		width: calc(100% / 2) !important;
	}

	.cat-active {
		width: 100% !important;
		margin: 0 !important;
		align-items: flex-start !important;
		flex-direction: column !important;
	}

	.cat-active .wrap {
		margin: 20px 0 !important;
	}

	.cat-active .wrap.disabled {
		flex: 1 1 100% !important;
		width: 100% !important;
		border: 2px solid #fff !important;
		padding: 8px 13px !important;
		margin: 5px 0 !important;
		min-height: auto !important;
	}

	.cat-active .wrap img {
		margin-right: 20px !important;
		margin-left: 0px !important;
		margin-bottom: 0 !important;
		max-height: 60px !important;
		max-width: 50px !important;
	}

	.cat-active .wrap h2 {
		font-size: 22px !important;
	}

	.cat-active .wrap.disabled h2 {
		font-family: "Manrope", serif!important;
		margin-bottom: 3px !important;
		font-size: 15px !important;
	}

	.cat-active .wrap.disabled h4 {
		font-family: "Manrope", serif!important;
		font-size: 11px !important;
	}
}

.list-cat {
	list-style-type: none !important;
	margin: 0 0 10px 0 !important;
	padding: 0 !important;
	font-size: 14px !important;
	display: flex !important;
	flex-wrap: wrap;
	color: #fff;
	flex: 1 1 auto !important;
}

.list-cat.mobile {
	display: none !important;
}

.list-cat.desktop {
	display: flex !important;
}

.list-cat li {
	display: inline-block;
	margin: 0 5px 5px 0 !important;
	padding: 5px 10px !important;
	border-radius: 2px;
	font-family: "Manrope", serif!important;
	background: rgba(0, 0, 0, 0.3) !important;
}

.list-cat li.active {
	color: #000 !important;
	background: linear-gradient(32deg,
	rgba(0, 255, 174, 1) 0%,
	rgba(226, 231, 50, 1) 100%) !important;
	font-family: "Manrope", serif!important;
}

.desc {
	color: #fff !important;
	margin: 0 0 30px 0 !important;
	font-family: "TTNorms-Light", sans-serif !important;
	text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.4) !important;
}

.desc.mobile {
	display: none !important;
}

.desc.desktop {
	display: block !important;
}

.desc p.color-green {
	display: block !important;
	width: 100% !important;
}

@media (max-width: 991px) {
	.list-cat.mobile {
		display: block !important;
	}

	.list-cat.desktop {
		display: none !important;
	}

	.desc.mobile {
		display: block !important;
		font-size: 13px !important;
		line-height: 1.3;
		background: none !important;
		padding: 0 0 0 8px !important;
		margin-bottom: 15px !important;
		margin-top: 3px !important;
	}

	.desc.desktop {
		display: none !important;
	}

	.list-cat {
		margin: 0 0 10px 0 !important;
		line-height: 1.2;
		font-size: 12px !important;
	}

	.list-cat li {
		padding: 4px 8px !important;
		width: 100% !important;
		margin: 0 0px 5px 0 !important;
	}
}

div#totalpoll.totalpoll-wrapper.is-ltr .totalpoll-question-choices-item {
	cursor: pointer !important;
}

div#totalpoll.totalpoll-wrapper.is-ltr .totalpoll-question-choices-item-selector {
	padding-left: 0.75em;
	position: absolute !important;
	top: 20px !important;
}

div#totalpoll.totalpoll-wrapper .totalpoll-question-choices-item-control {
	background: rgba(0, 0, 0, 0.25) !important;
	color: #fff !important;
	margin-top: 1px !important;
	border: 0 !important;
}

div#totalpoll.totalpoll-wrapper .totalpoll-question-choices-item-checked .totalpoll-question-choices-item-control {
	background: #BB2649 !important;
	background: linear-gradient(32deg,
	rgba(0, 255, 174, 1) 0%,
	rgba(226, 231, 50, 1) 100%) !important;
	color: #000 !important;
	border-radius: 2px !important;
	border: 0 !important;
}

div#totalpoll.totalpoll-wrapper .totalpoll-buttons {
	position: -webkit-sticky;
	position: sticky;
	left: 0;
	width: 100%;
	z-index: 111;
	justify-content: center !important;
	bottom: 0;
	padding: 15px 0 !important;
	margin: 0 0 -15px 0 !important;
}

div#totalpoll.totalpoll-wrapper .totalpoll-buttons:before {
	position: absolute;
	width: 200vw;
	height: 100%;
	backdrop-filter: blur(4px);
	border-top: 1px solid #fff;
	z-index: -1;
	top: 0;
	left: -100%;
	background: linear-gradient(32deg,
	rgba(0, 255, 174, 1) 0%,
	rgba(226, 231, 50, 1) 100%) !important;
	content: "";
	-webkit-box-shadow: 0 -50px 70px 0 rgba(0, 0, 0, 0.2);
	box-shadow: 0 -50px 70px 0 rgba(0, 0, 0, 0.2);
}

.totalpoll-question-container {
	margin-bottom: 50px !important;
}

.totalpoll-question-number {
	display: none;
}

.totalpoll-questions {
	/* min-height:	60vh; */
}

.totalpoll-wrapper.is-screen-results .totalpoll-buttons,
.totalpoll-wrapper.is-screen-thankyou .totalpoll-buttons {
	display: none !important;
}

.totalpoll-form-page {
	background: #fff !important;
	padding: 25px !important;
}

@media (max-width: 767px) {
	div#totalpoll.totalpoll-wrapper .totalpoll-buttons:before {
		width: calc(100% + 20px);
		left: -10px;
	}

	.totalpoll-questions {
		/* min-height:	20vh; */
	}
}

#welcome-wrap {
	color: #fff !important;
	margin: 50px 0 !important;
	max-width: 90% !important;
	text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.4) !important;
}

#welcome-wrap h1 {
	font-size: 2.5rem !important;
}

#welcome-wrap h2 {
	font-size: 2rem !important;
}

#welcome-wrap h3 {
	font-size: 1.425rem !important;
	font-weight: 300 !important;
}

#welcome-wrap .list {
	counter-reset: list-number !important;
	list-style-type: none !important;
	margin: 0 !important;
	font-size: 16px !important;
	position: relative !important;
	padding: 0 !important;
	font-family: "Manrope", serif!important;
	text-shadow: none !important;
}

#welcome-wrap .list li {
	position: relative !important;
	padding: 0 0 0 40px !important;
	min-height: 29px !important;
	margin: 0 0 12px 0 !important;
}

#welcome-wrap .list li:before {
	counter-increment: list-number !important;
	content: counter(list-number) !important;
	width: 29px !important;
	height: 29px !important;
	display: inline-flex !important;
	align-items: center !important;
	justify-content: center !important;
	background: #00ffae !important;
	font-family: "Manrope", serif!important;
	font-size: 14px !important;
	-webkit-box-shadow: 0 -50px 70px 0 rgba(0, 0, 0, 0.2) !important;
	box-shadow: 0 -50px 70px 0 rgba(0, 0, 0, 0.2) !important;
	border-radius: 50% !important;
	color: #fff !important;
	position: absolute !important;
	top: -3px !important;
	color: #000 !important;
	left: 0 !important;
}

@media (max-width: 767px) {
	#welcome-wrap {
		margin: 10px 0 !important;
		max-width: 100% !important;
	}

	#welcome-wrap h1 {
		font-size: 2rem !important;
	}

	#welcome-wrap h2,
	#welcome-wrap h3 {
		font-size: 1.375rem !important;
	}

	#welcome-wrap .list {
		font-size: 14px !important;
		margin: -10px 0 10px 0 !important;
		line-height: 1.4 !important;
	}

	#welcome-wrap .list li {
		padding: 0 0 0 35px !important;
		min-height: 25px !important;
		margin: 0 0 10px 0 !important;
	}

	#welcome-wrap .list li:before {
		width: 25px !important;
		height: 25px !important;
		font-size: 12px !important;
		top: -3px !important;
	}
}

.totalpoll-form {
	min-height: calc(100vh - 200px) !important;
	display: flex !important;
	flex-direction: column !important;
}

#welcome-wrap,
.totalpoll-form-custom-fields,
.totalpoll-questions {
	flex: 1 0 auto !important;
}

.totalpoll-buttons {
	flex-shrink: 0 !important;
}

div#totalpoll.totalpoll-wrapper .totalpoll-form-field-input {
	background: #f5f3f4 !important;
	box-shadow: inset 0px 0px 2px rgb(92 28 70 / 30%) !important;
}

.totalpoll-form-page {
	display: flex !important;
	margin-bottom: 60px !important;
}

.totalpoll-form-page .totalpoll-form-field.totalpoll-form-field-type-email {
	order: 1 !important;
}

.totalpoll-form-page .totalpoll-form-field.totalpoll-form-field-type-unknown {
	order: 2 !important;
}

@media (max-width: 1199px) {
	#welcome-wrap {
		max-width: 100%;
	}
}

@media (max-width: 767px) {
	.totalpoll-form-page {
		margin-bottom: -15px !important;
		width: calc(100% + 20px) !important;
		margin-left: -10px !important;
		padding: 15px !important;
	}

	#welcome-wrap {
		margin: 0 0 20px 0;
	}
}

div#totalpoll.totalpoll-wrapper .totalpoll-button {
	padding-top: 0.75em !important;
	padding-bottom: 0.75em !important;
}

.totalpoll-form-field-checkbox-item {
	display: flex;
}

.totalpoll-form-field-input {
	margin-top: 4px !important;
}

.totalpoll-buttons-slider-next {
	font-family: "TTNorms-Bold", sans-serif !important;
	text-transform: uppercase !important;
}

.totalpoll-buttons-vote {
	background: #000 !important;
	border-color: #000 !important;
	font-family: "Manrope", serif!important;
	text-transform: uppercase !important;
}

.totalpoll-buttons-slider-previous {
	opacity: 0.5 !important;
	text-transform: uppercase !important;
}

.totalpoll-buttons-slider-previous:hover {
	opacity: 1 !important;
}

div#totalpoll.totalpoll-wrapper .totalpoll-message {
	background: none !important;
	border: none !important;
	padding: 0 !important;
}

.gold-sponsor img {
	width: 350px;
}

.silver-sponsor img {
	width: 300px;
}

.communication-sponsor img {
	width: 150px;
}

.media-sponsor li {
	margin: 20px 30px;
}

.media-sponsor li img {
	height: 45px;
}

/**
 * Sponsors
 * ----------------------------------------------------------------------------
 */
.sponsored {
	z-index: 5;
}

.sponsors {
	padding: 100px 0 30px 0;
	z-index: 1;
}

.sponsors .sponsor {
	float: left;
	background: #ffffff;
	position: relative;
}

.sponsors .sponsor a {
	display: block;
	width: 100%;
	height: 100%;
	position: relative;
	z-index: 2;
}

.sponsors .sponsor ul {
	list-style: none;
	padding: 0;
	margin: 25px 0 0 0;
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	justify-content: center;
}

.sponsors .sponsor ul li {
	margin: 10px 20px;
}

.sponsors .sponsor img {
	margin: 0 auto;
}

.sponsors .title {
	font-size: 16px;
	font-weight: 100;
	margin: 20px 0 0 20px;
	color: #c3c3c3;
	text-transform: uppercase;
}

.sponsors .sponsor.general {
	width: calc(50% - 6px);
	margin: 3px;
	height: 260px;
}

.sponsors .sponsor.vip {
	width: calc(50% - 6px);
	margin: 3px;
	height: 260px;
}

.sponsors .sponsor.gold {
	width: calc(32% - 6px);
	margin: 3px;
	height: 250px;
}

.sponsors .sponsor.gold ul {}

.sponsors .sponsor.gold li img {
	max-height: 90px;
}

.sponsors .sponsor.silver {
	width: calc(68% - 6px);
	margin: 3px;
	height: 250px;
}

.sponsors .sponsor.silver ul {}

.sponsors .sponsor.silver li img {
	max-width: 235px;
	max-height: 65px;
}

.sponsors .sponsor.komunikaciski {
	width: calc(280px - 6px);
	margin: 3px;
	min-height: 220px;
}

.sponsors .sponsor.komunikaciski li img {
	max-height: 100px;
}

.sponsors .sponsor.bronze {
	width: calc(100% - 566px);
	margin: 3px;
	min-height: 220px;
}

.sponsors .sponsor.bronze ul {
	margin-top: 45px;
}

.sponsors .sponsor.bronze img {
	max-height: 50px;
	max-width: 190px;
}

.sponsor.partner {
	width: calc(280px - 6px);
	margin: 3px;
	min-height: 220px;
}

@media (max-width: 1399px) {
	.sponsors .sponsor.bronze ul {
		margin-top: 25px;
	}
}

@media (max-width: 1299px) {
	.sponsors .sponsor.gold {
		width: calc(350px - 6px);
	}

	.sponsors .sponsor.silver {
		width: calc(100% - 356px);
	}
}

@media (max-width: 1199px) {
	.sponsors .sponsor.komunikaciski {
		width: calc(465px - 6px);
	}

	.sponsor.partner {
		width: calc(472px - 6px);
	}

	.sponsors .sponsor.bronze {
		width: calc(100% - 6px);
	}
}

@media (max-width: 991px) {

	.sponsors .sponsor.general,
	.sponsors .sponsor.vip,
	.sponsors .sponsor.gold,
	.sponsors .sponsor.silver,
	.sponsors .sponsor.komunikaciski,
	.sponsors .sponsor.bronze,
	.sponsor.partner {
		width: 100%;
		height: auto;
		min-height: auto;
		margin: 3px 0;
	}

	.sponsors .sponsor.general ul,
	.sponsors .sponsor.vip ul,
	.sponsors .sponsor.gold ul,
	.sponsors .sponsor.silver ul,
	.sponsors .sponsor.komunikaciski ul,
	.sponsors .sponsor.partner ul,
	.sponsors .sponsor.bronze ul {
		margin: 15px 0 25px 0;
	}

	.sponsors .title {
		text-align: center;
		margin: 20px 0 0 0;
		color: #c3c3c3;
	}

	.sponsors .sponsor.partner ul img {
		height: 70px;
	}
}


body.page-template-template-pobednici header#masthead {
	background: url(./images/bg-hero-shamioni.jpg?=v2);
	background-position: bottom center;
}

.shampioni-hero {
	background-image: url(images/bg-hero-shamioni.jpg?v=2);
	background-position: center;
	background-size: cover;
	position: relative;
	margin-bottom: 100px;
	padding: 150px 0;
}

.shampioni-hero:before {
	background-image: url(images/trophy2.png);
	position: absolute;
	bottom: -30px;
	left: 50%;
	margin-left: -50px;
	width: 532px;
	height: 491px;
	content: "";
}

.shampioni-hero:after {
	background-image: url(images/logo-shape-opaque.png);
	position: absolute;
	top: 50%;
	left: 50%;
	margin-top: -110px;
	margin-left: -450px;
	width: 310px;
	height: 223px;
	content: "";
}

.shampioni-hero h2 {
	text-transform: uppercase;
	color: #fff;
	position: relative;
	z-index: 2;
	font-family: "TTNorms-Regular", sans-serif;
}

.shampioni-hero h2 span {
	font-family: "TTNorms-Bold", sans-serif;
}

@media (max-width: 1199px) {
	.shampioni-hero:before {
		margin-left: -150px;
	}

	.shampioni-hero:after {
		margin-left: -310px;
	}
}

@media (max-width: 767px) {
	.shampioni-hero {
		margin-bottom: 50px;
		min-height: 210px;
		padding: 60px 0 40px 0;
	}

	.shampioni-hero:before {
		bottom: -20px;
		left: auto;
		right: 0;
		margin-left: 0;
		background-size: cover;
		background-repeat: no-repeat;
		background-position: top right -20px;
		width: 266px;
		height: 245px;
	}

	.shampioni-hero:after {
		background-size: cover;
		margin-top: -56px;
		margin-left: 0;
		left: 10%;
		width: 155px;
		height: 112px;
	}

	.shampioni-hero h2 {
		font-size: 18px;
		margin: 0;
	}
}


.accordion-flush.alt .accordion-item {
	border: 0;
	margin-bottom: 10px;
}

.accordion-flush.alt .accordion-body {
	padding-left: 0;
	padding-right: 0;
}

.accordion-button.alt1 {
	color: #ffffff;
	background-color: #ab3e44;
	background-image: url(images/header-bg.png);
	background-size: cover;
	background-position: center;
	padding: 1.75rem 2.25rem;
	font-size: 1.4rem;
	text-transform: uppercase;
}

.accordion-button.alt1::after {
	display: none;
}

.accordion-button.alt1::before {
	flex-shrink: 0;
	width: 1.25rem;
	height: 1.25rem;
	margin-right: 30px;
	content: "";
	background-repeat: no-repeat;
	background-size: 1.25rem;
	transition: transform .2s ease-in-out;
	transform: rotate(0deg);
	filter: brightness(8.5);
	background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB2ZXJzaW9uPSIxLjEiIHdpZHRoPSIyNTYiIGhlaWdodD0iMjU2IiB2aWV3Qm94PSIwIDAgMjU2IDI1NiIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSIgZnVsbD0iIzAwZmZiNCI+CjxkZXNjPkNyZWF0ZWQgd2l0aCBGYWJyaWMuanMgMS43LjIyPC9kZXNjPgo8ZGVmcz4KPC9kZWZzPgo8ZyB0cmFuc2Zvcm09InRyYW5zbGF0ZSgxMjggMTI4KSBzY2FsZSgwLjcyIDAuNzIpIiBzdHlsZT0iIj4KCTxnIHN0eWxlPSJzdHJva2U6IG5vbmU7IHN0cm9rZS13aWR0aDogMDsgc3Ryb2tlLWRhc2hhcnJheTogbm9uZTsgc3Ryb2tlLWxpbmVjYXA6IGJ1dHQ7IHN0cm9rZS1saW5lam9pbjogbWl0ZXI7IHN0cm9rZS1taXRlcmxpbWl0OiAxMDsgZmlsbDogIzAwZmZiNDsgZmlsbC1ydWxlOiBub256ZXJvOyBvcGFjaXR5OiAxOyIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoLTE3NS4wNSAtMTc1LjA1MDAwMDAwMDAwMDA0KSBzY2FsZSgzLjg5IDMuODkpIiBmaWxsPSIjMDBmZmI0IiA+Cgk8cGF0aCBkPSJNIDU4LjkyMSA5MCBIIDMxLjA3OSBjIC0xLjE1NSAwIC0yLjA5MiAtMC45MzYgLTIuMDkyIC0yLjA5MiBWIDIuMDkyIEMgMjguOTg4IDAuOTM2IDI5LjkyNCAwIDMxLjA3OSAwIGggMjcuODQxIGMgMS4xNTUgMCAyLjA5MiAwLjkzNiAyLjA5MiAyLjA5MiB2IDg1LjgxNyBDIDYxLjAxMiA4OS4wNjQgNjAuMDc2IDkwIDU4LjkyMSA5MCB6IiBzdHlsZT0ic3Ryb2tlOiBub25lOyBzdHJva2Utd2lkdGg6IDE7IHN0cm9rZS1kYXNoYXJyYXk6IG5vbmU7IHN0cm9rZS1saW5lY2FwOiBidXR0OyBzdHJva2UtbGluZWpvaW46IG1pdGVyOyBzdHJva2UtbWl0ZXJsaW1pdDogMTA7IGZpbGw6ICMwMGZmYjQ7IGZpbGwtcnVsZTogbm9uemVybzsgb3BhY2l0eTogMTsiIHRyYW5zZm9ybT0iIG1hdHJpeCgxIDAgMCAxIDAgMCkgIiBzdHJva2UtbGluZWNhcD0icm91bmQiIC8+Cgk8cGF0aCBkPSJNIDkwIDMxLjA3OSB2IDI3Ljg0MSBjIDAgMS4xNTUgLTAuOTM2IDIuMDkyIC0yLjA5MiAyLjA5MiBIIDIuMDkyIEMgMC45MzYgNjEuMDEyIDAgNjAuMDc2IDAgNTguOTIxIFYgMzEuMDc5IGMgMCAtMS4xNTUgMC45MzYgLTIuMDkyIDIuMDkyIC0yLjA5MiBoIDg1LjgxNyBDIDg5LjA2NCAyOC45ODggOTAgMjkuOTI0IDkwIDMxLjA3OSB6IiBzdHlsZT0ic3Ryb2tlOiBub25lOyBzdHJva2Utd2lkdGg6IDE7IHN0cm9rZS1kYXNoYXJyYXk6IG5vbmU7IHN0cm9rZS1saW5lY2FwOiBidXR0OyBzdHJva2UtbGluZWpvaW46IG1pdGVyOyBzdHJva2UtbWl0ZXJsaW1pdDogMTA7IGZpbGw6ICMwMGZmYjQ7IGZpbGwtcnVsZTogbm9uemVybzsgb3BhY2l0eTogMTsiIHRyYW5zZm9ybT0iIG1hdHJpeCgxIDAgMCAxIDAgMCkgIiBzdHJva2UtbGluZWNhcD0icm91bmQiIC8+CjwvZz4KPC9nPgo8L3N2Zz4=");
}

.accordion-button.alt1:not(.collapsed)::before {
	transform: rotate(45deg);
}


.accordion-button.alt2 {
	text-transform: uppercase;
	color: #000;
	font-family: "TTNorms-Black";
	padding-left: 2.25em;
	padding-right: 2.25em;
	border: 1px solid #312b79;
}

.accordion-button.alt2:not(.collapsed) {
	color: #000;
	background: #ffffff;
}

.accordion-button.alt2:not(.collapsed)::after {
	filter: grayscale(1) invert(0);
}


@media (max-width: 767px) {

	.accordion-button.alt1 {
		padding: 1rem 1rem;
		font-size: 1rem;
	}

	.accordion-button.alt1::before {
		width: 1rem;
		height: 1rem;
		margin-right: 20px;
		background-size: 1rem;
	}

	.accordion-button.alt2 {
		font-size: 14px;
		padding: 0.5em 1em;
	}

	.before-canvas {
		background: url('images/e-mob2.png')!important;
		background-size: contain!important;
		background-position: top!important;

	}

	body:not(.home) .before-canvas {
		background: url('images/e-mob-pages.png')!important;
		position: fixed!important;
	}



}

.color-black {
	color: #000;
}

.winner {
	display: flex;
	align-items: center;
	box-shadow: 0 1px 1px rgb(16 27 30 / 5%), 0 2px 2px rgb(16 27 30 / 5%), 0 4px 4px rgb(16 27 30 / 5%), 0 8px 8px rgb(16 27 30 / 5%), 0 0 4px rgb(16 27 30 / 5%), 0 0 9px rgb(16 27 30 / 5%);
	padding: 0 15px;
	margin: 0 0 15px 0;
}

.winner a {
	text-decoration: none;
}

.winner figure {
	flex: 0 1 70%;
	margin: 0;
	padding: 0 15px 0 0;
}

.winner .desno {
	flex: 0 1 30%;
}

.winner .h5 {
	font-family: "Manrope", serif;
	margin-top: 10px;
	display: block;
}

.winner .h6 {
	font-family: "Manrope", serif;
}

.winner .bottom {
	display: flex;
	align-items: center;
	min-height: 45px;

	background-position: center;
	background-repeat: no-repeat;
	padding-right: 55px;
	margin-top: 0px;
}

.accordion-body .col-lg-4:nth-child(1) .bottom {
	background-image: url(images/p-no-1.png);
}

.accordion-body .col-lg-4:nth-child(2) .bottom {
	background-image: url(images/p-no-2.png);
}


.accordion-body .col-lg-4:nth-child(3) .bottom {
	background-image: url(images/p-no-3.png);
}

.winner .bottom img {
	margin-left: auto;
}

@media (max-width: 1199px) {

	.winner figure {
		flex: 0 1 70%;
	}

	.winner .desno {
		flex: 0 1 30%;
	}
}

.content {
	z-index: 5;
	position: relative;
}

.frame__title {
	z-index: 5;
}

.before-canvas {
	position: fixed;
	top: 0;
	left: 0;
	width: 100vw;
	height: 100vh;
	z-index: 2;
	background: url('images/e.png');
	background-size: contain;
	background-repeat: repeat;
}

body:not(.home) .before-canvas {
	background: url('images/e-pages.png');
	position: fixed!important;
	background-size: cover;
}


.totalpoll-question-content p {
	color: #fff;
	font-family: "Manrope", serif;
	text-shadow: 1px 1px 1px rgb(0 0 0 / 40%) !important;
	margin-bottom: 20px;
	font-size: 1.5rem !important;
}

body li.coming-soon:hover a:before {
	content: 'Coming soon' !important;
	position: absolute !important;
	top: 20px !important;
	left: 50% !important;
	margin-left: -60px !important;
	width: 120px !important;
	color: #fff !important;
	background-color: #ab3e44 !important;
	background-image: url(images/header-bg.png) !important;
	background-size: cover !important;
	padding: 5px 6px !important;
	font-size: 10px !important;
	border-radius: 3px !important;
	z-index: 999 !important;
	line-height: 20px !important;
	text-align: center;
	padding: 7px !important;
	font-size: 12px !important;
}

body:not(.home) li.coming-soon:hover a:before {
	top: 30px !important;
}

body li.coming-soon a {
	pointer-events: none !important;
}

body li.coming-soon:hover a {
	position: relative;
	text-decoration: line-through !important;
}


.content__logo {
	max-width: 400px;
}

.mega-menu .mega-menu-item a,
.list-inline .list-inline-item a {
	text-transform: uppercase !important;
}

.select2-container--default .select2-selection--multiple {
    position: static!important;
}

.site-footer{
	overflow:hidden;
}

body .container .totalpoll-question-choices-item-content{
	width: 100%!important;
}
body .container .totalpoll-question-choices-item-content .totalpoll-embed-container{
	/*padding-bottom: 50%!important;*/
	width: 100%!important;
	position: relative;
	background:#fff!important;
}
body .container .totalpoll-question-choices-item-content .totalpoll-embed-container img{
	height: 130px;
	object-fit: contain;
	background: #fff;
	padding: 10px 10px;
	width: 100%;
}


body {
	font-family: "Manrope", serif;
}

body p {
	font-family: "Manrope", serif;
}


.totalpoll-question-content {
	color: #fff;
}

body .totalpoll-question-content h3 {
	margin-top: 0!important;
	margin-bottom: 40px!important;
	text-align: center;
	font-size: 18px!important;
}



body .totalpoll-question-content p {
	font-size: 15px!important;
	text-align: center;
	margin-bottom: 10px!important;
	font-weight: bold;
	color: #00d084
}

@media all and (min-width: 768px) {
	body .totalpoll-question-content h3 {
		font-size: 22px!important;
	}
	body .totalpoll-question-content p {
		font-size: 17px!important;
	}
}