:root {
	--main-blue: #2980b9;
	--plus-bg: #ebf5fb;
	--plus-border: #3498db;
	--btn-green: #27ae60;
	--btn-green-hover: #219150;
	--text-dark: #2c3e50;
	--text-muted: #576574;
	--card-blue: #3498db;
}

body{
	margin-top:100px;
	font-size: 1.6rem !important; /* Podiže osnovni tekst na modernih 16px */
	line-height: 1.6;
	/*font-family: 'Roboto', sans-serif;
    */
	font-family: 'Inter', sans-serif;

	color: var(--text-dark);
	background-color: #f8fafc;
	scroll-behavior: smooth;
}
.content-section-a {
	padding: 30px 0px;
	background-color: #F8F8F8;
	background-color:#EEF1F2;
	background-color:#fff;
}
.content-section-b {
	padding: 50px 0px;
	background-color: #fff;
	font-family: 'Segoe UI', Arial, sans-serif;
}

.content-section-c {
	padding: 50px 0px;
	background-color: #F2F2F6;
}
.content-section-d {
	padding: 50px 0px;
	background-color: #1D8BCE;
	color: #fff;
}
.content-section-e {
	padding: 50px 0px;
	background-color:#DCF1FF;
}
.content-section-f{
	background-color:#fff;
	padding-bottom:40px;
	padding-top:30px;
}
.content-section-g{
	/*background-color:#0D8BCC;*/
	padding-top: 50px;
	padding-bottom: 50px;
	font-size:18px;
	color:#fff;
	background-image: linear-gradient(315deg,#72BDFF,#FFF);
}
.content-section-g .text{
	margin-top:30px;
	margin-bottom:15px;
}
.content-section-g h3{
	font-size:1.5em;
}
.content-section-h{
	border-top:1px solid #e7e7e7;
	padding-top: 50px;
	padding-bottom: 20px;
}
.content-section-k{
	background-color:#0496D1;
	padding-top: 50px;
	padding-bottom: 50px;
	font-size:20px;
	color:#fff;
	font-weight:300;
	/*background-image: linear-gradient(315deg,#51C3FA,#3BA3FD);*/
}
.content-section-k h3{
	font-size:1.5em;
	font-weight: 400;
}
.content-section-k .text{
	margin-top:30px;
	margin-bottom:15px;
}
h1{
	font-size:3.6rem;
	font-weight: 600;
}
h2{
	font-size:3.2rem;
	margin-bottom: 30px;
	font-weight:bold;
}

h3{
	font-size:2.6rem;
	font-weight: 600;
}

.carousel-inner h1{
	font-size: 3.3rem!important;
	font-weight: bold;
}

.carousel-inner h2{
	font-size: 2.8rem!important;
}



.box1{
	padding-top:30px;
	padding-bottom:30px;
	height:500px;
}
.navbar-default {
	background-color: #fff;
	border-bottom:4px solid #44ACE3;
	/*#E7E7E7;
    */
	padding:6px;
}
.navbar-default .navbar-brand {
	color:#2A6496;
	color:#278ABC;
}
.dac td{
	font-weight:bold;
	background-color:#fff;
	padding:20px;
}
.dac-notice{
	padding: 2rem;
	background-color: #257cbb;
	color: #fff;
	line-height: 2.4rem;
}
.news-headline{
	padding-bottom: 8px;
	/*border-bottom: 1px solid #000;*/
}

.lead{
	font-size:16px;
}
.panel-body{
	min-height:250px;
	font-size:1.6rem;
}
footer{
	background-color:#1166AE;
	padding:50px;
	color:#fff;
}
footer a{
	color:#fff;
}
footer a:hover{
	color:#fff;
}
.text-muted{
	color:#fff;
}
/* Home Page Carousel */
header.carousel {
	height: 486px;
	/*background-color:#3BA0D6;
    */
}
header.carousel .item, header.carousel .item.active, header.carousel .carousel-inner {
	height: 100%;
}
header.carousel .fill {
	width: 100%;
	height: 100%;
	background-position: center;
	background-size: cover;
}
.header-blue{
	background-color:#208CC3;
	/*background-image:url(../images/bggrad.png);
    */
	/*background-image:url(../images/footer-bg.jpg);
    */
	background-repeat:repeat-x;
	background-position: top;
}
.carousel-caption{
	left:10%;
	right:10%
}
.blue{
	color:#56B7E9;
}
.gray{
	color:#ffca7b;
}
.social-margin{
	margin-left:5px;
}
.carousel-caption h1{
	/*font-family: Days One;
     font-family: Varela Round;
     font-family: Hammersmith One;
     */
	font-size:3em;
	text-shadow: 2px 2px 4px #3c3c3c;
}
.carousel-caption h2{
	/*font-family: Days One;
     font-family: Varela Round;
     font-family: Hammersmith One;
     */
	font-size:1.8em;
	text-shadow: 2px 2px 4px #3c3c3c;
}
table.features {
	border-collapse: collapse !important;
	border-spacing: 0 !important;
}

table.features th,
table.features td {
	border: 1px solid #C1C1C1 !important;
}

.features tbody tr:nth-child(odd) {
	background-color: #f9f9f9;
}

.features tbody tr:nth-child(even) {
	background-color: #ffffff;
}


.panel-body {
	padding-bottom: 50px;
}
.row-equal {
	display: flex;
	flex-wrap: wrap;
	/* Allows wrapping on smaller screens */
}
.row-equal > [class*='col-'] {
	display: flex;
	flex-direction: column;
}
.panel {
	flex: 1;
	box-shadow: 0 4px 6px rgba(0,0,0,0.05);
	border-radius: 14px;
	overflow: hidden;    /* Ovo će "iseći" ćoškove unutrašnjeg plavog diva */
	margin-bottom: 40px;
	/* Make the panels stretch equally */
}
.bullet{
	/*background-color:#fff;
    */
	text-align:center;
}
.compare-section{
	font-family: Arial,Helvetica,sans-serif;
	font-size: 22px;
	color: #464646;
	text-align: left;
	line-height: 45px;
}
.features-prices{
	background-color:#fff;
	font-size:16px;
	font-weight:bold;
	text-align:center;
}
.header2 {
	height:468px;
}
.header-text{
	padding-top: 20px;
	padding-bottom: 30px;
	color: #fff;
}
.video-box {
	margin-top:20px;
	/*background-color:#D0B8B8;
    */
}
.video-info {
	height:100px;
	/*background-color:#CCCCCC;
    */
	padding-left:15px;
	padding-right:15px;
}
.video-info h2{
	font-size:1.4em;
}
.video-section{
	margin-top:50px;
	margin-bottom:100px;
	padding: 20px 0px;
}
#download td {
	font-size:14px;
	border:1px solid #fff;
	padding:12px;
}
.bigblack {
	font-weight:bold;
	font-size:1.2em;
}
#download a {
	color: #FFF;
}
.header-text a{
	color:#fff;
}
#lista2 li {
	padding-top: 0px;
	padding-bottom: 3px;
	color: #1977AA;
	font-size: 14px;
	font-weight: 400;
	text-transform: uppercase;
	font-family: arial,helvetica;
}
.popust{
	float:left;
	margin-left:330px;
}
.old-price{
	text-decoration:line-through;
	color:#1675A5;
}
.program-name {
	font-family: Arial,Helvetica,sans-serif;
	font-size: 14px;
	color: #1675A5;
	font-weight: bold;
}
.price {
	font-family: Arial,Helvetica,sans-serif;
	font-size: 30px;
	color: #A4850D;
	font-weight: bold;
	margin-top: -10px;
	margin-bottom: 20px;
}
#botom {
}
#bottom_nav li {
	display: inline;
	margin-right: 30px;
}
#links{
	padding-bottom:40px;
	line-height:1.5em;
}
.buy-box{
	margin:auto;
	margin-top:50px;
	margin-bottom:50px;
	width:250px;
}
.standout-text{
	font-weight: bold;
	color: white;
	font-size: large;
}
#lista2 li{
	font-weight:bold;
}
.google-add{
	text-align:center;
	padding:50px;
}
#memberinfo-page{
	height:800px;
	padding:50px;
}
#memberinfo th, #memberinfo td{
	padding:20px 30px;
}
#memberinfo th {
	background-color:#F5F5F5;
}
#myform1{
	background-color:#F1F1F1;
	padding:20px;
}
#myform1 label{
	display: block;
	vertical-align: bottom;
	color: #333;
	text-align: right;
	width: 140px;
	float: left;
	margin-right:10px;
}
#myform1 input {
	padding: 6px 15px;
	border: 1px solid #AACFE4;
}
.result-table{
	border-collapse:collapse;
}
.result-table th{
	border:1px solid #C0C0C0;
	padding:5px;
	background-color:#F1F1F1;
}
.result-table td{
	border:1px solid #C0C0C0;
	padding:5px;
}
.header-section{
	padding-top:50px;
	padding-bottom:10px;
}
.compare-prodname{
	width:12%;
}
.compare-section {
	font-size:1.8em;
}
#buy-table{
	border-collapse:collapse;
	width:500px;
}
#buy-table td{
	background-color:#fff;
	text-align:center;
	padding:15px;
	color:#1675A5;
	line-height:2em;
}
#buy-table th {
	/*color:#468847;
     background-color:#DFF0D8;
    */
	font-size:16px;
	padding:20px;
	text-align:center;
}
.header-upgrade{
	background-color:#FCF8E3;
	color:#8E6D3F;
}
.header-fm1{
	background-color:#D9EDF7;
	color:#3A87AD;
}
.header-fm2{
	background-color:#DFF0D8;
	color:#468847;
}
.header-fm3{
	background-color:#FCF8E3;
	color:#8E6D3F;
}
.header-fm4{
	background-color:#ECD4D2;
	color:#8F4928;
}
.panel-price{
	height:230px;
	color:#CBA26D;
}
.panel-price h3{
	font-size:18px;
}
.section-blue-header{
	background-color:#208CC3;
	padding-top:40px;
	padding-bottom:20px;
	color: white;
}
#lista-faq {
	color:#2A80C9;
}
#lista-faq li{
	padding-bottom:10px;
}
@media (max-width:992px){
	.navbar-header {
		float: none;
	}
	.navbar-left,.navbar-right {
		float: none !important;
	}
	.navbar-toggle {
		display: block;
	}
	.navbar-collapse {
		border-top: 1px solid transparent;
		box-shadow: inset 0 1px 0 rgba(255,255,255,0.1);
	}
	.navbar-fixed-top {
		top: 0;
		border-width: 0 0 1px;
	}
	.navbar-collapse.collapse {
		display: none!important;
	}
	.navbar-nav {
		float: none!important;
		margin-top: 7.5px;
	}
	.navbar-nav>li {
		float: none;
	}
	.navbar-nav>li>a {
		padding-top: 10px;
		padding-bottom: 10px;
	}
	.collapse.in{
		display:block !important;
	}
}
.sellers-login{
	margin-top:150px;
	margin-bottom:250px;
}
.imgshow {
	padding:5px;
	border:1px solid #EDE7E7;
}
.main-box{
	height:200px;
}
.lead1{
	color:#fff;
	font-size:20px;
	font-weight:bold;
}
.color-blue{
	color:#2277C0;
}
.navbar-brand {
	padding-top:3px;
}
.faq-list{
	font-weight:bold;
	font-size:15px;
}
.faq{
	/*border-top:1px solid #D5D5D5;
    */
	margin-bottom: 25px;
}
.copyright{
	text-align:left;
}
.design-by{
	text-align:right;
}
.info-message{
	color:#0073B1;
	font-size:16px;
	font-weight:bold;
	padding-top:5px;
	padding-bottom:15px;
}
.error-message{
	color:#a94442;
	font-size:16px;
	font-weight:bold;
	padding-top:5px;
	padding-bottom:15px;
}
.features-link a{
	color:#4F4F4E;
}
.carousel-control.left{
	background:none;
}
.carousel-control.right{
	background:none;
}
.carousel-content{
	height:200px;
	font-size:20px;
	font-weight:400;
	letter-spacing: 1px;
	margin-top:50px;
	margin-bottom:50px;
	color:#707071;
	font-style: italic;
}
.panel-container {
	display: flex;
	justify-content: space-between;
}
.panel-container .panel {
	flex: 1;
	/* Allows panels to grow equally */
	margin: 10px;
}
.panel-default > .panel-heading-blue{
	color: #fff;
	background-color: #199be8;
	border-color: #ddd;
}
.panel-default > .panel-heading-price{
	color: #fff;
	background-color: #c4210f;
	border-color: #ddd;
}
.text-bold{
	font-weight: bold;
}
.panel-heading h4{
	font-size: 2.2rem;
	font-weight: 600;
}
.btn-info {
	color: #fff;
	border-color: #fff;
	border:2px solid;
	border-radius: 4px;
	font-size:15px;
}
.btn-info:hover {
	border-color: #fff;
	border:2px solid;
	/*background-color:#337AB7;
    */
}
.btn-call-to-action {
	padding: 15px 40px;
	margin: 20px 15px 0;
	margin-left: 15px;
	line-height: 1.15em;
	color: #fff;
	background-color: Transparent;
	white-space: normal !important;
}
.btn-call-to-action1 {
	padding: 15px 50px;
	margin: 20px 15px 0;
	margin-left: 15px;
	line-height: 1.15em;
	color: #fff;
	white-space: normal !important;
}
.mainico{
	margin-bottom:20px;
	margin-top:10px;
}
.textParticlesContainer{
	height:250px;
	/*border:1px solid #000;
    */
}
.btn-white{
	box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
}
.faq-title{
	background-color: #2e94d2;
	padding-top: 18px;
	padding-bottom: 18px;
	padding-left: 20px;
	font-size: 20px;
	color: #fff;
}
.faq-answer{
	padding:20px;
	padding-top:40px;
	padding-bottom:40px;
	border: 1px solid #d0e3ee;
}
.download-item{
	padding: 12px;
	border-bottom: 1px dotted #d2d2d2;
}
#lista2 li {
	border-bottom: 1px dotted #c2c2c2;
	padding: 6px;
}
table{
	border-collapse:collapse;
}
.table1 th{
	padding:8px;
	border:1px solid #9C9898;
	/*background-color:#F2F2F6;
    */
}
.table1 td{
	padding:8px;
	border:1px solid #9C9898;
	/*background-color:#fff;
    */
}
.news-title {
	padding:15px;
	padding-top:15px;
	padding-bottom:15px;
	font-size:35px;
	/*background-color: #FFF9F3;*/
}
.news-title h2 {
	font-size:25px;
}
.news-date {
	padding:15px;
	padding-top:0px;
	padding-bottom:10px;
	font-weight:bold;
	/*border-bottom:solid 1px #ECECEC;*/
	/*background-color: #fdf0e0;*/
}
.news-text {
	padding:15px;
	padding-top:30px;
	padding-bottom:70px;
}
.news-home-title h3 {
	font-size:28px;
}
.news-home-text {
	padding-top:20px;
	padding-bottom:30px;
}
.reasons-to-buy{
	font-size: 18px;
	color: #000;
	font-family: 'Segoe UI', Arial, sans-serif;
}
.reasons-to-buy li{
	padding:3px;
}
.reasons-to-buy h2{
	font-size:32px;
	font-family: 'Inter', sans-serif;
	font-weight: bold;
}
 .img-center {
	 display: block !important;
	 margin-left: auto !important;
	 margin-right: auto !important;
 }

.one-time-fee {
	color: red; /* Postavlja boju teksta na crvenu */
	font-weight: bold; /* Opcionalno: Podebljava tekst za bolju vidljivost */
}

/* --- ZAJEDNIČKI STILOVI (OSNOVA) --- */
.modern-button {
	/* Uklanjanje podrazumevanog stila browsera */
	border: none;
	cursor: pointer;
	text-align: center;
	text-decoration: none;

	/* Oblikovanje dugmeta */
	padding: 12px 24px;
	border-radius: 8px; /* Zaobljene ivice */
	font-size: 16px;
	font-weight: 600;

	/* Gladak prelaz za sve efekte (hover) */
	transition: all 0.3s ease;
	box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1); /* Blaga senka */
}

/* --- 1. PLAVO DUGME (PRIMARNO) --- */
.blue-btn {
	background-color: #007bff; /* Jaka plava */
	color: white !important; /* Beli tekst */
}

/* Efekat prelaska mišem (Hover) */
.blue-btn:hover {
	background-color: #0056b3 !important; /* Tamnija plava */
	box-shadow: 0 8px 12px rgba(0, 0, 0, 0.2); /* Senka za 'podizanje' */
	transform: translateY(-2px); /* Lagano podizanje */
}

/* --- 2. SVETLOPLAVO DUGME (SEKUNDARNO/DISKRETNO) --- */
.light-blue-btn {
	background-color: #f0f8ff; /* Vrlo svetla, skoro bela plava */
	color: #007bff !important; /* Plavi tekst */
	border: 1px solid #b3d9ff; /* Svetloplavi obrub */
}

/* Efekat prelaska mišem (Hover) */
.light-blue-btn:hover {
	background-color: #e6f3ff !important; /* Malo tamnija svetloplava */
	box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
	transform: translateY(-1px);
}

/* --- 3. BELO DUGME (OBRUB/DUGME ZA POZADINU) --- */
.white-btn {
	background-color: white; /* Bela pozadina */
	color: #333 !important; /* Tamniji tekst */
	border: 1px solid #ccc; /* Svetlosivi obrub */
}

/* Efekat prelaska mišem (Hover) */
.white-btn:hover {
	background-color: #f5f5f5; /* Vrlo blago siva pozadina */
	color: #007bff !important; /* Plavi tekst pri hoveru (čini ga 'interaktivnijim') */
	border-color: #007bff; /* Plavi obrub pri hoveru */
	box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
}

@media (max-width:768px) {
	.copyright {
		text-align:center;
	}
	.design-by {
		text-align:center;
	}
}

.button-container {
	display: flex;
	flex-direction: column; /* Dugme ispod dugmeta */
	gap: 15px;              /* Razmak između njih */
	align-items: center;    /* Centriranje */
}

/* Na ekranima širim od 768px (Desktop) */
@media (min-width: 768px) {
	.button-container {
		flex-direction: row; /* Vrati ih u red */
		justify-content: center;
	}
}