@import url(fonts.css);

body { background-color: #ffffff; color: #000; font-family: 'Solomon Sans', sans-serif, Arial, Helvetica; font-weight: normal; }
a:hover { color: #3c61e5; text-decoration: none; }
a:focus { outline: none; }
*:focus { outline: none; }
button:active, button:focus, .btn:active, .btn:focus { outline: none !important; }
.img-responsive, .navbar-brand > img { display: inline-block; }
img { display: inline-block; height: auto; max-width: 100%; }
h1, h2, h3, h4, h5, h6 { font-family: 'Solomon Sans', sans-serif; font-weight: 600; }
h1 { font-size: 40px; letter-spacing: 1px; text-transform: capitalize; }
p, li { color: #4d557e; font-family: 'Solomon Sans', sans-serif, Arial, Helvetica; font-size: 20px; font-weight: normal; line-height: normal; overflow-wrap: break-word; word-wrap: break-word; }
.clearfix { clear: both; margin: 0px; padding: 0px; }
.center { text-align: center; }

.container { position: relative; }

header { clear: both; display: block; padding: 20px 0px; width: 100%; }

.ban { background: url("../../assets/images/ban_bg.jpg") no-repeat center top; clear: both; margin: 0px auto; max-width: 1920px; padding: 40px 0px 280px; width: 100%; }
.ban blockquote { margin: 0 0 4rem 5rem; }
.ban blockquote h4 { margin-bottom: 33px; }
.ban blockquote img { max-width: 318px; width: 100%; }
.ban h1 { color: #2672e7; font-size: 50px; line-height: 55px; margin-bottom: 25px; text-transform: capitalize; }
.ban h1 span { color: #16293b; font-size: 18px; text-transform: uppercase; }
.ban h4 { color: #16293b; font-size: 22px; line-height: 30px; text-transform: capitalize; }

.nema { clear: both; border-radius: 54px; box-shadow: 0px 0px 20px rgba(103,172,241,0.3); padding: 5% 4%; width: 100%; }
.nema h1 { color: #1e264c; }
.nema h2 { color: #1e264c; font-size: 30px; }
.nema p { color: #1e264c; font-weight: 600; line-height: 30px; }
.nema p span { color: #3c61e5; margin-left: 50px; }
.nema p.info { color: #4d557e; font-weight: normal; font-style: italic; }
.nema .calendar { margin: 96px 0px 47px; }

.btn-prijavite { background: #3c61e5; background: -moz-linear-gradient(left, #3c61e5 0%, #3a4c9f 100%); background: -webkit-linear-gradient(left, #3c61e5 0%,#3a4c9f 100%); background: linear-gradient(to right, #3c61e5 0%,#3a4c9f 100%); border: none; border-radius: 50px; box-shadow: 0px 5px 0px rgba(69,65,169,0.4);  color: #fff !important; font-size: 45px; font-weight: normal; line-height: 82px; margin: 40px 0px; max-width: 490px; width: 100%; }
.btn-prijavite:hover, .btn-prijavite:focus { color: #fff; }

.za-koga { clear: both; padding: 8% 0px; width: 100%; }
.za-koga h1 { color: #2672e7; margin-bottom: 8%; text-transform: capitalize; }
.za-koga ul { list-style: none; margin: 0px; padding: 0px; }
.za-koga ul li { background: url("../../assets/images/arrow.png") no-repeat left top; color: #4d557e; line-height: 28px; margin-bottom: 37px; padding-left: 70px; }

.sta-ce-te { background: url("../../assets/images/stace_bg.jpg") no-repeat center top / 100% 100%; clear: both; display: block; margin: -350px 0px 0px; padding: 300px 0px 180px; width: 100%; }
.sta-ce-te h1 { color: #fff; margin: 0px 0px 50px; width: 115%; }
.sta-ce-te ul { list-style: none; margin: 0px; padding: 0px; }
.sta-ce-te ul li { background: url("../../assets/images/check.png") no-repeat left top; color: #fff; line-height: 28px; margin-bottom: 37px; min-height: 48px; padding-left: 70px; }

.radion { position: relative; }
.radion blockquote { margin: 15px 0px 0px 1.8rem }
.radion h1 { color: #2672e7; }
.radion p { margin-bottom: 14%; width: 90%; }
.radion .arrow-top { margin: 60px 0px 0px -70px; }
.radion .arrow-btm { margin: 0px 0px -120px -90px; }

.voditelj  { clear: both; padding: 7% 0px 0px; width: 100%; }
.voditelj h1 { color: #2672e7; margin: 5% 0px; }
.voditelj h1 small { color: #1e264c; font-size: 18px; font-weight: 600; text-transform: uppercase; }
.voditelj p { line-height: 28px; margin-bottom: 5%; }
.voditelj img { position: relative; z-index: 1; }

.digital { background: url("../../assets/images/person.png") no-repeat 40px 0px; clear: both; border-radius: 54px; box-shadow: 0px 0px 20px rgba(103,172,241,0.3); padding: 3% 4% 3% 170px; position: relative; width: 100%; z-index: 1; }
.digital h4 { color: #3838d6; font-size: 29px; font-weight: 600; margin-bottom: 25px; }
.digital ul { list-style: none; margin: 0px; padding: 0px; }
.digital ul.last { margin-top: 40px; }
.digital ul li { background: url("../../assets/images/check1.png") no-repeat left top; color: #1e264c; font-weight: 600; line-height: 48px; margin-bottom: 15px; min-height: 48px; padding-left: 70px; }

.promotion { background: url("../../assets/images/promo_bg.jpg") no-repeat center top / 100% 100%; clear: both; display: block; margin: 0px 0px; padding: 290px 0px 190px; width: 100%; }
.promotion h3 { color: #fff; font-size: 35px; margin: 25px 0px 8%; }
.promotion p { color: #fff; line-height: 28px; margin-bottom: 5%; }

.about { clear: both; padding: 130px 0px 115px; width: 100%; }
.about h1 { color: #2672e7; margin-bottom: 6%; }
.video { background-color: #000; border-radius: 0px; box-shadow: 0px 3px 7px rgba(0,0,0,0.2); width: 100% }
.video video { height: 303px; width: 100%; }


.carousel { margin-bottom: 75px; }
.carousel-inner { padding: 5px 0px; }
.carousel .box { border-top: 5px solid #ff6066; border-radius: 0px 0px 5px 5px; box-shadow: 0px 1px 5px rgba(0,0,0,0.2); margin: 0px 3px; min-height: 550px; padding: 25px 23px 0px; }
.carousel .box img { border-radius: 100%; float: left; }
.carousel .box h4 { color: #1e264c; font-size: 18px; font-weight: normal; margin: 15px 0px; }
.carousel .box h4 span { color: #4d557e; font-size: 15px; }
.carousel .box p { font-size: 18px; font-style: italic; margin: 15px 0px; }
.carousel-indicators { margin-bottom: -45px; }
.carousel-indicators li { background-color: #c3c3f3; border: none; border-radius: 100%; height: 16px; opacity: 1; width: 16px; }
.carousel-indicators li.active { background-color: #fff; border: 2px solid #3838d6; height: 12px; width: 12px; }
.carousel-control-next, .carousel-control-prev { opacity: 1; width: 32px; }
.carousel-control-prev { margin-left: -45px; }
.carousel-control-next { margin-right: -45px; }

.sign { padding: 8% 0px 0px; }
.sign h3 { color: #1e264c; }
.sign p { font-style: italic; }

.iskoristite { background: url("../../assets/images/advnt_bg.png") no-repeat center top / 100% 100%; clear: both; display: block; margin: 0px 0px; padding: 340px 0px 190px; text-align: center; width: 100%; }
.iskoristite h1 { color: #fff; margin-bottom: 6%; }
.iskoristite p { color: #fff; font-size: 30px; line-height: 45px; margin-bottom: 35px; }
.iskoristite p span { color: #fff59d; }
.iskoristite p strong { font-weight: 600; }
.iskoristite ul { list-style: none; margin: 0px; padding: 0px; }
.iskoristite ul li { background: url("../../assets/images/check2.png") no-repeat left top; color: #fff; margin-bottom: 40px; min-height: 48px; padding-left: 70px; padding-top: 10px; text-align: left; }
.iskoristite .btn-prijavite { background: #05cdff; }

.faqs { padding: 7% 45px; }
.faqs h1 { color: #2672e7; margin-bottom: 7%; text-align: center; }
.faqs .card { border: none; }
.faqs .card-header { background-color: inherit; border: none; border-radius: 0px; }
.faqs .card-header .btn-link { color: #16293b; font-size: 22px; font-weight: 600; line-height: 48px; padding: 0px; text-decoration: none; }
.faqs .plus, .faqs .minus { display: block; float: left; height: 48px; margin-right: 18px; width: 48px; }
.faqs .plus { background: url("../../assets/images/plus.png") no-repeat left top; }
.faqs .minus { background: url("../../assets/images/minus.png") no-repeat left top; }

footer { border-top: 1px solid #e5e5e5; clear: both; color: #4d557e; display: block; font-size: 16px; font-weight: normal; padding: 20px 0px; width: 100%; }
footer .col:last-child { text-align: right; }
footer a { color: #4d557e; }

/*-------------------
	Popup
---------------------------*/

.modal { background-color: rgba(0,0,0,0.3); }
.modal-content { border: none; border-radius: 8px; }
.modal-body .close { color: #333; margin: -10px -8px 0px; z-index: 1; }
.modal-body h2 { color: #2672e7; font-size: 30px; font-weight: 600; margin: 10px 0px 0px; }
.modal-body p { font-size: 18px; margin: 25px 0px; }
.modal-body .form-control { border-color: #dcdcdc; border-radius: 5px; color: #828bb1; font-size: 16px; height: 48px; padding: 0px 12px; }
.modal-body .form-control::placeholder { color: #828bb1; }
.modal-body .form-control:focus { box-shadow: none; border-color: #999; }
.modal-body .btn-prijavite { color: #fff; font-size: 35px; line-height: 60px; margin: 5% 0px; ; text-transform: uppercase; }


/*-------------------
	Media Query
---------------------------*/

@media only screen and (max-width: 767px) {
	h1 { font-size: 30px; }
	h3 { font-size: 25px; }
	p, li { font-size: 14px; }
	.col { flex-basis: auto; }
	.ban { padding: 20px 0px 80px; }
	.ban blockquote { margin: 0px 20px 35px 0px; }
	.ban h1 { font-size: 25px; line-height: normal; }
	.ban h1 span, .voditelj h1 small { font-size: 14px; }
	.ban h4 { font-size: 14px; }
	.nema { border-radius: 20px; }
	.nema .calendar { margin: 30px 0px; }
	.nema p { line-height: 25px; }
	.nema p span { margin-left: 10px; }
	.btn-prijavite { font-size: 25px; line-height: normal; }
	.za-koga h1 { margin: 8% 0px; }
	.za-koga ul li { background-size: 30px; margin-bottom: 15px; padding-left: 40px; line-height: 30px; }
	.sta-ce-te { background: #3a8aed; margin: 0px 0px 40px; padding: 50px 0px; }
	.sta-ce-te h1 { width: auto; }
	.sta-ce-te ul li { background-size: 30px; margin-bottom: 15px; padding-left: 40px; line-height: 30px; }
	.radion .arrow-top, .radion .arrow-btm { margin-left: -10px; width: 50px; }
	.radion p { margin-bottom: 20px; }
	.digital { background: none; border-radius: 20px; margin-bottom: 25px; padding: 3% 4%; }
	.digital h4 { font-size: 21px; }
	.digital ul li { background-size: 30px; margin-bottom: 15px; padding-left: 40px; min-height: inherit; line-height: 30px; }
	.digital ul.last { margin: 0px; }
	.promotion { background: #194d5b; padding: 50px 0px; }
	.promotion h3 { font-size: 25px; }
	.about { padding: 50px 0px; }
	.video { margin-bottom: 25px; }
	.video video { height: 150px; width: 100%; }
	.carousel-control-prev, .carousel-control-next { margin: 0px; }
	.iskoristite { background: #3a8aed; padding: 50px 0px; }
	.iskoristite h1 { font-size: 25px; }
	.iskoristite p { font-size: 15px; line-height: 22px; }
	.iskoristite ul li { background-size: 30px; margin-bottom: 15px; padding: 0px 0px 0px 40px; min-height: inherit; line-height: 30px; }
	.faqs { padding: 7% 0px; }
	.faqs .plus, .faqs .minus { background-size: 30px; height: 30px; margin-right: 5px; width: 30px; }
	.faqs .card-header .btn-link { font-size: 16px; line-height: normal; text-align: left; }
	.card-body { padding: 5px 1.25rem; }
	footer, footer .col:last-child { text-align: center; }
	.modal-body h2 { font-size: 18px; }
	.modal-body p { font-size: 15px; }
	.modal-body .btn-prijavite { font-size: 25px; line-height: normal; }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
	p, li { font-size: 17px; }
	.ban h1 { font-size: 36px; }
	.btn-prijavite { font-size: 30px; line-height: 48px; }
	.za-koga h1 { width: auto; }
	.sta-ce-te { margin: -250px 0px 0px; padding: 300px 0px 150px; }
	.radion .arrow-top, .radion .arrow-btm { margin-left: -40px; width: 70px; }
	.radion h1 { font-size: 26px; }
	.digital ul li { padding: 10px 0px 10px 70px; line-height: normal; }
	.digital ul.last { margin: 0px; }
	.video video { height: 190px; width: 100%; }
	.carousel-control-prev { margin-left: -30px; }
	.carousel-control-next { margin-right: -30px; }
	.carousel .box  { padding: 10px 15px 0px; }
	.carousel .box h4, .carousel .box p { font-size: 14px; }
	.carousel .box h4 span { font-size: 12px; }
	.iskoristite h1 { font-size: 28px; }
	.iskoristite p { font-size: 20px; line-height: 25px; }
	.faqs { padding: 7% 0px }
	.faqs .card-header .btn-link { font-size: 17px; text-align: left; }
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
	p, li { font-size: 17px; }
	.ban h1 { font-size: 45px; }
	h1 { font-size: 36px; }
	.btn-prijavite { font-size: 40px; line-height: 62px; }
	.digital ul li { font-size: 15px; }
	.carousel .box p { font-size: 16px; }
	.sta-ce-te { padding: 40% 0px 180px; }
	.video video { height: 255px; width: 100%; }
}