/******* Do not edit this file *******
Simple Custom CSS and JS - by Silkypress.com
Saved: Aug 28 2025 | 05:52:13 */
.sakrijOvo{
	display: none!important;
	width: 0!important;
	height: 0!important;
	opacity: 0!important;
	visibility: hidden!important;
}

.zeroOpacity,
.page-id-385 #page,
.page-id-386 #page{
	opacity: 0!important
}

.elementor-button,
.elementor-button span,
.elementor-button-content-wrapper, 
.elementor-button-content-wrapper span {
	text-decoration: none!important
}

/* Removing ligatures from text */
* {
	font-variant-ligatures: none!important;
}

.elementor-widget-heading h1.elementor-heading-title {
    line-height: 1.2em;
}

#homeTestimonials .qodef-e-inner {
	padding: 0 30px
}

#homeTestimonials .qodef-e-inner,
#homeTestimonials h3,
#homeTestimonials .qodef-e-author {
	text-align: left
}

#homeTestimonials img {
	filter: drop-shadow(0px 12px 20px rgba(52, 99, 134, 0.12))
}

#homePricing .qodef-qi-pricing-table {
	border-radius: 8px;
	background: 0 0;
	box-shadow: 0 3px 20px rgba(0, 0, 0, .08);
	backdrop-filter: blur(14.039799690246582px);
	--webkit-backdrop-filter: blur(14.039799690246582px);
	background-color: rgba(255, 255, 255, .03)
}

#homePricing>div>div>div.elementor-element.e-child>div.pricingPlan>div>div>div>div>ul>li:nth-child(1) .qodef-e-icon,
#homePricing>div>div>div.elementor-element.e-child>div.pricingPlan>div>div>div>div>ul>li:nth-child(2) .qodef-e-icon,
#homePricing>div>div>div.elementor-element.e-child>div.pricingPlan>div>div>div>div>ul>li:nth-child(3) .qodef-e-icon {
	display: none;
	width: 0
}

#homePricing>div>div>div.elementor-element.e-child>div.pricingPlan>div>div>div>div>ul>li:nth-child(1) {
	color: var(--e-global-color-primary);
	font-family: pp woodland, Sans-serif;
	font-size: 30px;
	font-weight: 500;
	line-height: 35px
}

#homePricing>div>div>div.elementor-element.e-child>div.pricingPlan>div>div>div>div>ul>li:nth-child(2) {
	color: var(--e-global-color-primary);
	font-size: 18px;
	font-weight: 400;
	line-height: 28px;
	margin-bottom: 20px
}

#homePricing>div>div>div.elementor-element.e-child>div.pricingPlan>div>div>div>div>ul>li:nth-child(3) {
	color: var(--e-global-color-primary);
	font-size: 14px !important;
	font-weight: 600;
	line-height: 28px !important
}

#homePricing>div>div>div.elementor-element>div.pricingPlan:nth-child(2)>div>div>div>div>ul>li:last-child,
#homePricing>div>div>div.elementor-element>div.pricingPlan:nth-child(3)>div>div>div>div>ul>li:last-child,
#homePricing>div>div>div.elementor-element>div.pricingPlan:nth-child(4)>div>div>div>div>ul>li:last-child,
#homePricing>div>div>div.elementor-element>div.pricingPlan:nth-child(5)>div>div>div>div>ul>li:last-child,
#homePricing>div>div>div.elementor-element>div.pricingPlan:nth-child(5)>div>div>div>div>ul>li:nth-child(5),
#homePricing>div>div>div.elementor-element>div.pricingPlan:nth-child(5)>div>div>div>div>ul>li:nth-child(4),
#homePricing>div>div>div.elementor-element>div.pricingPlan:nth-child(5)>div>div>div>div>ul>li:nth-child(6) {
	opacity: 0
}

#homePricing>div>div>div.elementor-element>div.pricingPlan:nth-child(5)>div>div>div>div>ul>li:nth-child(5) {
	display: none
}

#homePricing>div>div>div.elementor-element>div.pricingPlan:nth-child(5) li,
#homePricing>div>div>div.elementor-element>div.pricingPlan:nth-child(5) li .qodef-e-text {
	color: var(--e-global-color-primary);
	font-size: 14px !important;
	font-weight: 400;
	line-height: 28px !important
}

#homePricing>div>div>div.elementor-element>div.pricingPlan div.qodef-m-price {
	width: 100%;
	padding-top: 20px
}

#homePricing>div>div>div.elementor-element>div.pricingPlan:nth-child(2) div.qodef-m-price:before {
	content: "$1425";
	position: absolute;
	height: 100%;
	width: 100%;
	width: 100%;
	font-family: work sans;
	font-weight: 400;
	font-size: 18px;
	letter-spacing: .03em;
	line-height: 28px;
	text-align: left;
	color: #d52e4e;
	text-decoration: line-through;
	margin-top: -30px
}

#homePricing>div>div>div.elementor-element>div.pricingPlan:nth-child(3) div.qodef-m-price:before {
	content: "$2850";
	position: absolute;
	height: 100%;
	width: 100%;
	width: 100%;
	font-family: work sans;
	font-weight: 400;
	font-size: 18px;
	letter-spacing: .03em;
	line-height: 28px;
	text-align: left;
	color: #d52e4e;
	text-decoration: line-through;
	margin-top: -30px
}

#homePricing>div>div>div.elementor-element>div.pricingPlan:nth-child(4) div.qodef-m-price:before {
	content: "$5700";
	position: absolute;
	height: 100%;
	width: 100%;
	width: 100%;
	font-family: work sans;
	font-weight: 400;
	font-size: 18px;
	letter-spacing: .03em;
	line-height: 28px;
	text-align: left;
	color: #d52e4e;
	text-decoration: line-through;
	margin-top: -30px
}

#homePricing>div>div>div.elementor-element>div.pricingPlan:nth-child(1)>div>div>div>div>ul>li:nth-child(4):after {
	content: "New";
	font-family: work sans;
	font-weight: 600;
	font-size: 14px;
	line-height: 14px;
	color: #fff;
	background-color: #346386;
	border-radius: 15px;
	padding: 3px 8px;
	float: right;
	margin-top: 5px
}

#homePricing>div>div>div.elementor-element>div.pricingPlan:nth-child(3)>div>div>div>div>ul>li:nth-child(6):after {
	content: "New";
	font-family: work sans;
	font-weight: 600;
	font-size: 14px;
	line-height: 14px;
	color: #fff;
	background-color: #346386;
	border-radius: 15px;
	padding: 3px 8px;
	float: right;
	margin-top: 5px
}

#homePricing>div>div>div.elementor-element>div.pricingPlan:nth-child(3)>div>div>div>div>ul>li:nth-child(7):after {
	content: "New";
	font-family: work sans;
	font-weight: 600;
	font-size: 14px;
	line-height: 14px;
	color: #fff;
	background-color: #346386;
	border-radius: 15px;
	padding: 3px 8px;
	float: right;
	margin-top: 5px
}

#homePricing>div>div>div.elementor-element>div.pricingPlan:nth-child(4)>div>div>div>div>ul>li:nth-child(5):after {
	content: "New";
	font-family: work sans;
	font-weight: 600;
	font-size: 14px;
	line-height: 14px;
	color: #fff;
	background-color: #346386;
	border-radius: 15px;
	padding: 3px 8px;
	float: right;
	margin-top: 5px
}

#homePricing>div>div>div.elementor-element>div.pricingPlan:nth-child(4)>div>div>div>div>ul>li:nth-child(7):after {
	content: "New";
	font-family: work sans;
	font-weight: 600;
	font-size: 14px;
	line-height: 14px;
	color: #fff;
	background-color: #346386;
	border-radius: 15px;
	padding: 3px 8px;
	float: right;
	margin-top: 5px
}

#homePricing .pricingPlan .added_to_cart.wc-forward {
	display: none!important
}

#nlForm .nlCols {
	display: grid;
	grid-auto-flow: row;
	grid-template-columns: repeat(4, 1fr);
	column-gap: 10px;
	row-gap: 10px
}

#nlForm .nlCol{
    padding-bottom: 10px;
}

#nlForm .nlCols input[type=text],
#nlForm .nlCols input[type=email] {
	border-left: none;
	border-right: none;
	border-top: none;
	border-bottom: 1px solid rgba(44, 52, 66, 0.30196078431372547)!important;
	border-radius: 0;
	width: 100%;
	padding-left: 0;
	background: 0 0
}

#nlForm .nlCols input[type=submit] {
	padding: 0;
	line-height: 1;
	min-height: 0
}

#nlForm .nlAgg{
	text-align: left!important;
}

#nlForm .nlCols input::placeholder,
.nlAgreeTxt{
	font-family: work sans;
	font-weight: 300;
	font-size: 18px;
	letter-spacing: .03em;
	line-height: 28px;
	text-align: left;
	color: #2c3442
}

#nlForm .nlCol1 {
	margin-right: 10px;
	text-align:center;
}

#nlForm .nlCol2 {
	margin-left: 10px;
	text-align:center;
}
#nlForm .nlCol3 {
	text-align:center;
}
#nlForm .nlCol3 input {
	background-color: transparent;
	color: #2c3442;
	padding: 15px 50px !important;
	border: solid 1px #2c3442 !important;
	text-align:center;
	width: 90%;
	text-transform: uppercase;
	font-size: 18px;
	letter-spacing: .03em;
}

#nlForm .nlCol3 input:hover {
	background-color: #2c3442;
	color: #ffffff;
}

#nlForm .nlCol3a {
	position: absolute;
	right: 0
}

#nlForm .nlCol3a input {
	position: absolute;
	right: 0;
	bottom: -10px;
	height: 50px;
	width: 100px;
	background-color: transparent1;
	color: transparent;
	opacity: 0;
	z-index: 9
}

#nlForm .nlCol3a:hover svg {
	transform: translateX(30%);
	transform: translateX(30%)
}

#nlForm .nlCol3a svg {
	transition: .5s;
	z-index: 1
}

#nlForm .nlColTerms {
	float: right;
	margin-top: 20px;
}

#nlForm .nlColTerms input {
	margin-right: 10px
}

#nlForm .nlColTerms label {
	font-family: work sans;
	font-weight: 300;
	font-size: 16px;
	letter-spacing: .6px;
	line-height: 0;
	text-align: left;
	color: #2c3442
}


#ast-scroll-top {
  background-color: #2C3442;
  font-size: 25px !important;
  border-radius: 100px;
}

/* skrivam cart page */
.page-id-385 #post-385,
.page-id-386 #post-386,
.page-id-385 #footerTop,
.page-id-386 #footerTop {
	display: none!important;
}

/* stilisem loader */
.page-id-385 #main,
.page-id-386 #main{
  text-align: center;
  min-height: 30vh;
  display: flex;
  align-items: center;
  justify-content: center;
}

.animated-text {
    white-space: nowrap;
    overflow: hidden;
    line-height: 1.3!important;
    display: inline-block; /* Da centriramo tekst kao blok */
    border-right: 1px solid;
    transform-origin: center; /* Skala kreće iz sredine */
    animation: typing 1.75s steps(40, end), blink 0.75s step-end infinite;
    animation-iteration-count: infinite; /* Animacija se ponavlja beskonačno */
}

@keyframes typing {
    from { width: 0; } /* Početno stanje - ništa nije vidljivo */
    to { width: 100%; } /* Postepeno otkrivanje teksta do 100% */
}

@keyframes blink {
    from, to { border-color: transparent; }
    50% { border-color: black; }
}

/* thank you page */
.page-id-804 #footerTop{
  display: none
}

#odredDetails .xlwcty_wrap {
    max-width: 1400px;
    width: 100%;
}

#odredDetails .xlwcty_in_wrap {
    display: flex;
    flex-wrap: wrap;
    column-gap: 26px; /* Razmak između kolona */
}

#odredDetails .xlwcty_order_info {
    width: 100%; /* Ovaj element zauzima celu širinu */
}


#odredDetails .xlwcty_Box.xlwcty_customer_info {
    width: 60%; /* Ostali elementi zauzimaju 48% širine */
    box-sizing: border-box; /* Osigurava da padding ne poveća širinu */
}

#odredDetails .xlwcty_order_details_2_col {
    width: 38%; /* Ostali elementi zauzimaju 48% širine */
    box-sizing: border-box; /* Osigurava da padding ne poveća širinu */
}

#odredDetails .xlwcty_Box.xlwcty_customer_info .xlwcty_2_colLeft {
  width: 60%;
}
#odredDetails .xlwcty_Box.xlwcty_customer_info .xlwcty_2_colRight {
  width: 36%;
}

#odredDetails .xlwcty_Box.xlwcty_subscription.xlwcty_minicart{
    width: 100%; /* Ostali elementi zauzimaju 48% širine */
    box-sizing: border-box; /* Osigurava da padding ne poveća širinu */
}

#odredDetails .xlwcty_Box.xlwcty-wc-thankyou{
    width: 100%; /* Ostali elementi zauzimaju 48% širine */
    box-sizing: border-box; /* Osigurava da padding ne poveća širinu */
}

.registerLink,
.registerLink a{
  font-size: 15px
}

.registerLink a {
  font-weight: 500;
  text-decoration: underline;
}

.elementor-message.elementor-message-danger::before{
	display: none;
}

.elementor-message.elementor-message-danger {
    font-size: 14px;
    line-height: 1.3;
}

#elementor-popup-modal-4020 button{
  text-transform: uppercase;
	background-color: transparent !important;
	border: 1px solid #363940;
	color: #363940 !important;
	font-family: work sans, Sans-serif;
	font-size: 12px;
	font-weight: 500;
	line-height: 20px;
	letter-spacing: 1.2px;
	text-decoration: none;
	height: 54px;
	border-radius: 50px 50px 50px 50px;
	width: 170px;
}

#elementor-popup-modal-4020 button:hover {
  color: #fff !important;
  background-color: #363940 !important;
}

/* partnership */
#gform_13 input{
	height: 46px;
	font-size: 16px;
	line-height: 22px;
	border: 1px solid #363940;
	border-radius: 5px;
	background-color: transparent;
}

#gform_13 input::placeholder,
#gform_13 input:-ms-input-placeholder,
#gform_13 input::-ms-input-placeholder{
	color: #363940;
	opacity: 1;
}

#gform_submit_button_13 {
	text-transform: uppercase!important;
	background-color: transparent !important;
	border: 1px solid #363940!important;
	color: #363940 !important;
	font-family: work sans, Sans-serif!important;
	font-size: 12px!important;
	font-weight: 500!important;
	line-height: 20px!important;
	letter-spacing: 1.2px!important;
	text-decoration: none;
	height: 54px!important;
	border-radius: 50px 50px 50px 50px!important;
	width: 170px!important;
}
#gform_submit_button_13:hover {
	color: #fff !important;
	background-color: #363940 !important;
}

/* FAQ */
.e-n-accordion-item .e-con-full.e-flex.e-con.e-child {
	border: 0;
}

.e-n-accordion-item p{
	font-weight: 400
}

/* shop */
.single_add_to_cart_button,
.button.fpd-catalog-customize.product_type_variable {
	font-size: 14px !important;
	font-weight: 600 !important;
	text-transform: uppercase !important;
	text-decoration: none !important;
	line-height: 22px !important;
	letter-spacing: 2px !important;
	border-style: solid;
	border-width: 1px 1px 1px 1px !important;
	border-radius: 30px 30px 30px 30px !important;
	padding: 14px 30px !important;
	margin-left: 20px !important;
	color: #ffffff !important;
	border-color: #2C3442 !important;
	background-color: #2C3442 !important;
	min-width: 166px !important;
}

.single_add_to_cart_button:hover,
.button.fpd-catalog-customize.product_type_variable:hover {
	background-color: transparent !important;
	color: #2C3442 !important;
}

.wapf input[type="email"],
.wapf input[type="number"],
.wapf input[type="text"],
.wapf input[type="url"],
.wapf select,.wapf textarea,
.quantity input[type="email"],
.quantity input[type="number"],
.quantity input[type="text"] {
    font-size: 16px;
	line-height: 22px;
	border: 1px solid #363940;
	border-radius: 5px;
	background-color: transparent;
}

@media (max-width: 768px) {
    #odredDetails .xlwcty_Box {
        flex: 1 1 100%!important; /* Na manjim ekranima, sve kolone idu jedna ispod druge */
    }
}

@media(max-width: 767px) {
	.leftReadMore {
		width: 80%
	}

	.rightReadMore {
		width: 20%;
		text-align: left
	}

	.rightReadMore svg {
		transform: scale(.7);
		margin-left: -20px;
		margin-top: 10px
	}

	#nlForm .nlCols {
		grid-template-columns: repeat(1, 1fr)
	}

	#nlForm .nlCols {
		grid-template-columns: repeat(1, 1fr);
		column-gap: 10px;
		row-gap: 10px
	}

	#nlForm .nlColTerms label {
		font-family: work sans;
		font-weight: 300;
		margin-top: 15px;
		font-size: 12px;
		letter-spacing: .6px;
		line-height: 0;
		text-align: left;
		color: #2c3442
	}

	#nlForm .nlColTerms {
		float: right;
		margin-top: 20px;
		text-align: left;
		float: left
	}

	#nlForm .nlCol2 {
		margin-left: 0
	}
	.zoBA .twentytwenty-handle:after, 
	.zoBA .twentytwenty-handle::before {
		height: 115px!important;
	}
		.btnBgrad,
	.btn2{
		max-width: 240px!important;
		width: 100%!important;
		line-height: 2!important;
	}
	.btnBgrad a,
	.btn2 a{
		height: 44px;
	}
	.zoFullskrin .menu-item,
	.zoFullskrin .menu-item a{
		text-align: center;
		font-size: 24px
	}
}