html, body {
	margin: 0;
	padding: 0;
	font-family: 'Maven Pro';
	font-weight: 400;
	color:rgba(0,0,0,.85);
	-webkit-print-color-adjust: exact !important;
}

/* Chrome, Safari, Edge, Opera */
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

/* Firefox */
input[type=number] {
  -moz-appearance: textfield;
}

a, a:link, a:active, a:visited, a:focus, a:hover {
	text-decoration: none;
	outline: none !important;
	box-shadow: none;
}

ul, ol, form, h1, h2, h3, h4, h5, h6 {
	margin: 0;
	padding: 0;
}

h3, h4, h5, h6, p, ul li, ol li, td, a, span{
	font-family: "Roboto";
}

h1, h2, a h1, a h2{
	font-family: 'Maven Pro';
}

.main-menu ul li{
	font-family: 'Maven Pro';
}

ul li, ul {
	list-style: none;
}

.red-light {
	color: red;
	font-style: normal;
}

#stored-cards .list-group-item.active {
    background-color: #ed1c24;
    border-color: #ed1c24;
}

#add-card-button {
	color: #ed1c24;
}

#add-card-button:hover {
	text-decoration: underline;
}

#eu_cookie_notice{
	z-index: 5000000 !important;
}

.apps-wrapper {
	margin-bottom: 20px;
}

.apps-wrapper a {
		display: inline-block;
		margin: 0 5px 0;
	}

.cut-it {
	width: 100%;
	overflow: hidden;
}

.backtonormal {
	display: none;
}

.pattern {
	position: absolute;
	top: 0;
	height: 100%;
	right: 0;
	z-index: 5;
}

.custom-page-modal .close {
	position: absolute;
	top: 0;
	right: 0;
	padding: 10px;
	z-index: 5;
}

.modal-backdrop {
	opacity: 0.85 !important;
}

textarea:focus,
input[type="text"]:focus,
input[type="password"]:focus,
input[type="datetime"]:focus,
input[type="datetime-local"]:focus,
input[type="date"]:focus,
input[type="month"]:focus,
input[type="time"]:focus,
input[type="week"]:focus,
input[type="number"]:focus,
input[type="email"]:focus,
input[type="url"]:focus,
input[type="search"]:focus,
input[type="tel"]:focus,
input[type="color"]:focus,
.uneditable-input:focus {   
	border-color: rgba(0, 0, 0, 0.05);
	box-shadow: 0 1px 1px rgba(0, 0, 0, 0.015) inset, 0 0 28px rgba(0, 0, 0, 0.1);
	outline: 0 none;
}

.btn.active.focus, .btn.active:focus,
.btn.focus, .btn:active.focus, 
.btn:active:focus, .btn:focus {
      outline: 0 none!important;
      box-shadow: none!important;
}

.table-price {
	width: 200px;
}

.note-table {
	 color: #acacac;
	 max-width: 300px;
}

.style-content .table.note-table td {
	font-size: 11px;
	padding: 5px;
}

.sub-menu {
	width: 100%;
	height: 57px;
	background: #fff url(bg-top-nav.png) no-repeat bottom center;
}

.sub-menu ul {
	margin-bottom: 0!important;
}

.sub-menu ul li a {
	display: block;
	text-transform: uppercase;
	font-size: 12px;
	color:rgba(0,0,0,.85);
	font-weight: 400;
	font-family: 'Roboto Condensed';
}

.sub-menu ul li.float-left a {
	padding: 21px 10px 17px 10px;
}

.sub-menu ul li.float-right a, .main-btn a {
	padding: 21px 8px 17px 8px;
}

.sub-menu ul li.float-left a:hover {
	text-decoration: underline;
}

.sub-menu ul li.float-right a:hover {
	color: #ed1c24;
}

.sub-menu ul li.main-btn {
	float: right;
}

.sub-menu ul li.float-left.active a {
    font-weight: 600;
    text-decoration: underline;
    background: #fff;
}

.sub-menu ul li.float-right.active a {
	color: #ed1c24;
}

.sub-menu ul li.float-right:nth-child(4) a, .sub-menu ul li.float-right:nth-child(5) a, .sub-menu ul li.float-right:nth-child(6) a {
	padding-left: 2.3em;
}

.sub-menu ul li.float-right:nth-child(3) {
	padding-left: 1.4em;
}


.sub-menu ul li.float-right:nth-child(4) a:before, .sub-menu ul li.float-right:nth-child(3) a:before, .sub-menu ul li.float-right:nth-child(5) a:before, .sub-menu ul li.float-right:nth-child(6) a:before  {
	content: "\f007";
	font-family: 'Font Awesome 5 Pro';
	font-weight: 300;
	display: inline-block;
	font-size: 18px;
	float: left;
	margin-top: -5px;
	margin-left: -1.3em;
	width: 1.3em;
}

/*.sub-menu ul li.float-right:nth-child(1) a:before {
	content: "\f02d";
}*/

.sub-menu ul li.float-right:nth-child(3) a:before {
	content: "\f02d";
}

.sub-menu ul li.float-right:nth-child(4) a:before {
	content: "\f025";
}

.sub-menu ul li.float-right:nth-child(6) a:before {
	content: "";
	content: "\f140";
}

.sub-menu ul li a i {
	font-size: 16px;
}

.sub-menu ul li.red-submenu-li a{
	color: #ed1c24;
}

.sub-menu ul li.float-right.red-submenu-li a:hover{
	color:rgba(0,0,0,.85);
}

.sub-menu ul li.link-list a i {
	font-size: 17px;
}

.link-cart a, .link-list a {
	position: relative;
}

.link-cart a span, .link-list a span {
	display: block;
	width: 16px;
	height: 16px;
	border-radius: 50%;
	background: #ed1c24;
	color: #fff;
	text-align: center;
	padding: 0;
	font-size: 11px;
	position: absolute;
	top: 9px;
	right: -1px;
}

.btn-prst {
	display: inline-block;
	margin: 25px auto 30px;
	max-width: 330px;
}

/*.main-menu {
	position: relative;
	height: 96px;
}*/

/*.main-menu:before {
	content: '';
	max-width: 1110px;
	position: absolute;
	bottom: 0;
	left: 0;
	right: 0;
	margin: 0 auto;
	height: 1px;
	background:  #e5e5e5;
}*/

.main-menu ul {
	float: left;
}

.main-menu ul li  {
	float: left;
	position: relative;
	margin: 0 25px 0 0;
}

/*.main-menu ul li:last-child {
	margin: 0;
}*/

.main-menu ul li a {
	font-size: 24px;
	color:rgba(0,0,0,.85);
	padding: 32px 0 31px 0;
	display: block;
	text-transform: lowercase;
	position: relative;
	font-weight: 500;
}

.main-menu ul li:hover a {
	color:  #ed1c24;
}

.main-menu ul li:hover a:after {
	content: '';
	width: 100%;
	height: 8px;
	background: #ed1c24;
	position: absolute;
	bottom: 0;
	left: 0;
}

.main-menu ul ul {
	float: none;
	display: none;
	position: absolute;
	width: 300px;
	left: 0;
	top: 97px;
	border-top: 2px solid #ed1c24;
	border-left: 1px solid #e8e8e8;
	border-right: 1px solid #e8e8e8;
	border-bottom: 1px solid #e8e8e8;
	background: #fff;
	padding: 10px 0;
	z-index: 1000;
	-webkit-box-shadow: 17px 3px 32px 0px rgba(0,0,0,0.05);
	-moz-box-shadow: 17px 3px 32px 0px rgba(0,0,0,0.05);
	box-shadow: 17px 3px 32px 0px rgba(0,0,0,0.05);
}

.main-menu ul li:hover ul {
	display: block;
}

.main-menu ul ul li {
	float: none;
	margin: 0;
}

.main-menu ul ul li a {
	font-size: 16px;
	line-height: 19px;
	padding: 6px 20px;
	text-transform: initial;
	display: block;
}

.main-menu ul li:hover ul li a {
	color:rgba(0,0,0,.85);
	font-family: 'Roboto';
	font-weight: 400;
}

.main-menu ul ul li:hover a, .main-menu ul li:hover ul li:hover a {
	color: #ed1c24;
}

.main-menu ul ul li a:after {
	display: none;
}

.logo {
	float: right;
	margin-right: -22px;
}

.logo img {
	width: 125px;
}

.logo a {
	display: block;
	padding: 0 0 11px;
}

.main-content {
	padding: 50px 0;
	position: relative;
}

.main-content.page {
	padding: 50px 0 50px;
}

p.memo {
	font-size: 14px;
	line-height: 17px;
	margin: 0;
}

.modal .main-content.page {
	padding: 25px 0 0;
}

.modal {
	z-index: 1000000;
}

.main-content.product-details {
	padding: 0px 0 0;
}

.main-content.product-details.horizontal-product {
	padding: 65px 0 0;
}

.main-title {
	/* text-align: center; */
	padding: 0 0 50px;
}

.main-title.kosarica {
	text-align: center;
	padding: 0;
	margin: 0 0 20px;
	position: relative;
}

.main-title h1 {
	text-transform: uppercase;
	font-size: 55px;
	line-height: 55px;
	font-weight: 300;
	margin: 0;
}

.summary-text .main-title {
	padding: 0;
	margin: 0 0 30px;
}

.summary-text .main-title h1 {
	float: left;
	font-size: 40px;
	line-height: 40px;
}

.loading-window {
	position: fixed;
	width: 100%;
	height: 100%;
	overflow: hidden;
	background: black;
	z-index: 1000;
	top: 0;
	left: 0;
	color: #fff;
	text-align: center;
	display: none;
}

.loading-window h2 {
	text-transform: uppercase;
	margin: 10px 0 10px;
}

.loading-window .center-this {
	position: absolute;
	width: 100%;
	top: 50%;
	left: 50%;
	transform: translateY(-50%) translateX(-50%);
}

.loading-window img {
	max-width: 125px;
}

.summary-text .credit-cards-wrapper-inner {
    float: right;
    margin: 7px 0 0;
}

.main-title.succ h1 {
	font-size: 45px;
	line-height: 45px;
}

.main-title.succ h1 i {
	color: green;
}

.main-title.kosarica h1 span {
	display: block;
	font-size: 20px;
	line-height: 20px;
	text-transform: none;
	margin: 10px 0 0;
}

.main-title.small h1 {
	font-size: 30px;
	line-height: 30px;
}

.main-title p.intro {
	max-width: 650px;
	margin: 0 auto;
	font-size: 24px;
	line-height: 28px;
	font-weight: 300;
}

.product-box {
	margin: 0 0 80px;
}

.product-list.home {
	margin: 85px 0 80px;
}

.home .product-box {
	margin: 0;
}

.home-video-embeed {
	max-width: 1600px;
	margin: 0 auto;
}
.video-home {
	position: relative;
}
.video-home, .video-home iframe {
	width: 100%;
}
.home-video-overlay {
	height: 100%;
    position: absolute;
    width: 100%;
    z-index: 100;
}
.home-video-volume {
	position: absolute;
    right: 50px;
    bottom: 30px;
    z-index: 1000;
    color: #fff;
	font-size: 50px;
	cursor: pointer;
}
.home-video-mobile {
	height: calc(100vh - 61px);
	width: 100%;
	margin-top: 61px;
	overflow: hidden;
	position: relative;
}
.home-video-mobile video {
	width: 100%;
	top: 50%;
	position: absolute;
	transform: translateY(-50%)
}
.product-box a, .style-content .product-box a h2, .product-box, .style-content .product-box h2 {
	text-align: center;
	display: block;
	color:rgba(0,0,0,.85);
}

.product-box a h2, .product-box h2 {
	font-size: 28px;
	line-height: 30px;
	font-weight: 300;
	margin: 0 0 2px;
}

.product-box a h2 strong, .product-box h2 strong {
	display: block;
	font-weight: 600;
	text-transform: uppercase;
	font-size: 18px;
}



.product-box a figure, .product-box figure {
	height: 385px;
	position: relative;
}

.product-box a figure:before {
	content: '';
	position: absolute;
	bottom: 0;
	left: 0;
	right: 0;
	margin: 0 auto;
	width: 178px;
	height: 29px;
	opacity: 0;
	background: url(shadow.png) no-repeat 0 0;
	-webkit-transition: all .25s ease-in-out;
	-moz-transition: all .25s ease-in-out;
	-o-transition: all .25s ease-in-out;
	transition: all .25s ease-in-out;
}

.product-box.horizontal-product a figure:before, .product-box.horizontal-product figure:before {
	display: none;
}

.product-box a:hover figure:before, .product-box figure:hover:before {
	bottom: -15px;
	opacity: 1;
}

.product-box a figure img, .product-box figure img {
	position: absolute;
	left: 0;
	right: 0;
	margin: 0 auto;
	bottom: 0;
	max-width: 100%;
	max-height: 100%;
	-webkit-transition: all .25s ease-in-out;
	-moz-transition: all .25s ease-in-out;
	-o-transition: all .25s ease-in-out;
	transition: all .25s ease-in-out;
}

.product-box.horizontal-product a figure, .product-box.horizontal-product figure {
	/*border-left: 1px solid #eee;*/
	/*-webkit-box-shadow: inset 30px 0px 40px -20px rgba(0,0,0,0.18);
	-moz-box-shadow: inset 30px 0px 40px -20px rgba(0,0,0,0.18);
	box-shadow: inset 30px 0px 40px -20px rgba(0,0,0,0.18);*/
	-webkit-transition: all .25s ease-in-out;
	-moz-transition: all .25s ease-in-out;
	-o-transition: all .25s ease-in-out;
	transition: all .25s ease-in-out;
}

.product-box.horizontal-product a figure .owrlf, .product-box.horizontal-product figure .owrlf {
	overflow: hidden;
	width: 100%;
    position: relative;
    height: 100%;
}

.product-box.horizontal-product a:hover figure, .product-box.horizontal-product figure:hover {
	/*-webkit-box-shadow: inset 30px 0px 40px -20px rgba(0,0,0,0);
	-moz-box-shadow: inset 30px 0px 40px -20px rgba(0,0,0,0);
	box-shadow: inset 30px 0px 40px -20px rgba(0,0,0,0);*/
}

.product-box.horizontal-product a:hover figure .owrlf, .product-box.horizontal-product figure:hover .owrlf {
	/*position: static;*/
}

.product-box.horizontal-product a figure, .product-box.horizontal-product figure {
	right: 0;
	-webkit-transition: all .25s ease-in-out;
	-moz-transition: all .25s ease-in-out;
	-o-transition: all .25s ease-in-out;
	transition: all .25s ease-in-out;
}

.product-box.horizontal-product a figure img, .product-box.horizontal-product figure img {
	max-width: 165%;
	max-height: 85%;
	margin: 0;
	right: 30px;
	left: auto;
	bottom: 35px;
}

.img-shadow {
	overflow: hidden;
    width: 100%;
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
	z-index: 1;
    background: url(img-shadow.png) no-repeat top left;
}

.product-box a:hover figure img {
	bottom: 20px;
}

.product-box.horizontal-product a:hover figure {
	/*right: -20px;*/
}

.product-box.horizontal-product a:hover figure img {
	bottom: 35px;
	right: 0;
}

.product-box a .price-box, .product-box .price-box {
	font-size: 32px;
	line-height: 32px;
	font-weight: 300;
	color: #ed1c24;
}

.product-box a .price-box small, .product-box .price-box small {
	font-weight: 600;
	font-size: 17px;
	text-transform: uppercase;
	padding-left: 3px;
}

.product-box a p strong, .product-box p strong {
	display: block;
	text-transform: uppercase;
	font-weight: 600;
}

.product-box hr {
	margin: 1px 65px 5px;
}

.product-list-dd .dropdown {
	margin-left: 10px;
	float: left;
}

.product-list-dd .brands .dropdown-menu {
	height: 250px;
	overflow-y: auto;
}


.label-box {
	padding: 5px 8px;
	text-transform: uppercase;
	color: #fff;
	display: inline-block;
	margin: 4px auto 10px;
	font-size: 12px;
	line-height: 15px;
	font-weight: 600;
	border-radius: 4px;
}

.info-text .label-box, .horizontal-product .main-img .label-box {
	margin: 0 0 30px;
	font-size: 16px;
	line-height: 16px;
	padding: 8px 12px 6px;
}

.horizontal-product .main-img .label-box {
	position: absolute;
	top: -12px;
	left: 30px;
	z-index: 5;
}

.label-box.novo {
	background: #4c4ccf;
}

.label-box.snizeno {
	background: #ed1c24;
}

.label-box.akcija {
	background: #cd0f1b;
}

.label-box.uskoro {
	background: #666;
}

.label-box.web-popust {
	background: black;
}

.label-box.super-ponuda {
	background: #219921;
}

.info-mobile {
	background: #fff;
	padding: 80px 0 0;
	position: relative;
	z-index: 2;
}

.info-mobile figure {
	margin: 0 0 -20px;
	text-align: right;
}

.info-mobile .horizontal-product figure {
	margin: 0 0 -20px;
	text-align: left;
}

.info-text {
	/*position: absolute;
	bottom: 20px;*/
	margin-bottom: 20px;
}

.label-box.izdvojeno {
	background: #ed1c24;
}

.product-details.horizontal-product .info-text {
	margin-bottom: 50px;
}

.info-text h1 {
	font-weight: 300;
	margin: 0 0 10px;
	font-size: 35px;
	line-height: 35px;
}

.info-text h1 strong {
	display: block;
	text-transform: uppercase;
	font-size: 18px;
	font-weight: 600;
}

.info-text ul li {
	font-size: 18px;
	line-height: 24px;
	margin: 8px 0 0 17px;
	font-weight: 300;
}

.info-text ul li::before {
	content: "\2022";  /* Add content: \2022 is the CSS Code/unicode for a bullet */
	color: red; /* Change the color */
	font-weight: bold; /* If you want it to be bold */
	display: inline-block; /* Needed to add space between the bullet and the text */ 
	width: 1em; /* Also needed for space (tweak if needed) */
	margin-left: -1em; /* Also needed for space (tweak if needed) */
}

.info-text ul li strong {
	font-weight: 600;
}

.info-text hr {
	margin: 20px 0;
}

.info-text p {
	font-size: 14px;
	margin: 0;
}

.gallery-box {
	margin: 35px 0 0;
}

.gallery-box.gallery-normal {
	margin-bottom: 0;
}

.gallery-box a {
	display: inline-block;
	float: left;
	border: 1px solid #7A7A7A;
	padding: 10px;
	width: 65px;
	height: 65px;
	margin: 0 10px 0 0;
	font-size: 30px;
	line-height: 30px;
	text-align: center;
	position: relative;
	border-radius: 6px;
}

.gallery-box a i {
	top: 50%;
	left: 50%;
	transform: translateY(-50%) translateX(-50%);
	position: absolute;
	color: #ed1c24;
}

.mjn {
	text-align: center;
}

.mjn h2 {
	font-size: 52px;
	color: #ed1c24;
	font-weight: 700;
	line-height: 1;
}

.mjn h2 span {
	text-transform: uppercase;
	font-size: 16px;
	font-weight: 400;
	padding-left: 4px;
}

.mjn h2 strong {
	display: block;
	font-size: 12px;
	text-transform: uppercase;
	font-weight: 400;
	color: #212529;
}

.mjn-resp {
	background: #f8f8f8;
    position: relative;
    padding: 12px;
    border-radius: 12px;
    width: 50%;
    margin-top: 15px;
}

.mjn-resp a {
	font-size: 13px;
    text-decoration: underline;
    color: rgba(0,0,0,.85);
    display: inline-block;
    margin-top: 10px;
}

.ill-cstm {
	max-width: 1600px;
	height: 551px;
	margin: 0 auto;
	position: relative;
}

.ill-cstm .container {
	height: 100%;
    position: absolute;
    margin: 0 auto;
    left: 0;
    right: 0;
    z-index: 2;
}

.ill-cstm h1 {
    color: #fff;
    position: absolute;
    font-weight: 300;
    font-size: 55px;
    line-height: 55px;
    top: 50%;
    transform: translateY(-50%);
    max-width: 650px;
}

.intro-cstm {
	text-align: center;
	font-weight: 700;
	font-size: 29px;
	margin-top: -25px;
}

.btn-cstm {
	background-color: #ed1c24;
	border-radius: 16px;
	text-transform: uppercase;
	color: #fff;
	padding: 7px 25px;
	display: inline-block;
	font-size: 20px;
	font-weight: 700;
	cursor: pointer;
	margin: 10px 0 0;
}

.cstm-modal h2 {
	font-size: 18px;
	font-weight: 700;
	margin: 0 0 7px;
}

.cstm-modal p {
	font-size: 14px;
	margin-bottom: 0;
}

.cstm-modal .modal-xl {
	max-width: 1140px;
}

.cstm-modal .close {
	position: absolute;
	top: -15px;
	right: -15px;
	padding: 0;
	z-index: 5;
	font-size: 2.5rem;
	color: #fff;
	border-radius: 50%;
	width: 40px;
	height: 40px;
	background-color: #ed1c24;
	opacity: 1;
	outline: none;
	box-shadow: none;
}

.cstm-modal .modal-body {
	padding: 2rem;
}

.cstm-modal .close span {
	display: block;
}

.summary-box {
	width: 100%;
	/*height: 100%;*/
	background: #f8f8f8;
	position: relative;
	padding-bottom: 12px;
	border-radius: 12px;
}

.summary-box table {
	border-collapse: collapse;
	width: 100%;
}

.summary-box table td {
	vertical-align: top;
	font-size: 15px;
	line-height: 15px;
}

.summary-box table td strong {
	font-weight: 600;
	display: block;
	text-transform: uppercase;
	font-size: 11px;
}

.summary-box table td small {
	font-weight: 600;
	text-transform: uppercase;
	font-size: 11px;
	padding-left: 3px;
}

.summary-box.hej table td small {
	line-height: 11px;
}

.summary-box table td span {
	/*display: block;*/
	font-size: 13px;
	line-height: 12px;
}

.summary-box table tr td:nth-child(2), .summary-box table tr td:nth-child(3) {
	text-align: right;
	width: 90px;
}

.tariff-info {
	padding: 25px 15px;
	background: #b4b4b4;
}

.summary-box .tariff-info table td {
	font-size: 20px;
	line-height: 21px;
}

.products-info {
	padding: 12px 15px;
}

.hej .products-info {
	padding-bottom: 5px;
	padding-top: 40px;
}

.products-info table tr td {
	border-bottom: 1px solid #5e5e5e;
}

.products-info table tr td.full-price {
	border-bottom: none;
	padding-bottom: 27px;
	padding-top: 20px;
	font-size: 19px;
	font-weight: 300;
}
.products-info table tr td.title-rata {
	font-size: 16px;
	border-top-left-radius: 12px;
	border-top-right-radius: 12px;
	border-top: none;
	text-transform: uppercase;
	border-color: #ed1c24;
	background-color: #ed1c24;
	color: #fff;
	padding: 10px 0;
	text-align: center;
	font-weight: 500;
}
.hej .products-info table tr td {
	text-align: center;
	font-size: 35px;
	line-height: 32px;
}

.is-hej {
	position: absolute;
	top: -50px;
	left: 20px;
	width: 80px;
	height: 80px;
	left: 0;
	right: 0;
	margin: auto;
}

.products-info table tr:last-child td {
	border-bottom: none;
}

.products-info table tr:first-child td:first-child, .total-info table tr:first-child td:first-child {
	padding-right: 15px;
}

.products-info table td {
	padding: 8px 0;
}

.products-info .total-info td {
	padding-top: 15px;
}

.products-info th {
	text-align: right;
	font-size: 12px;
	text-transform: uppercase;
	padding-bottom: 0;
}

.hej .products-info th {
	text-align: center;
}

.total-info {
	padding: 0 15px 0;
}

.summary-box .total-info {
	padding: 0 15px 0;
}

.total-info td:first-child {
	font-size: 22px;
	line-height: 22px;
}

.total-info  td:first-child strong {
	font-size: 22px;
	line-height: 22px;
}

.btns-wrapper a {
	display: block;
}

.share-info {
	margin: 0 0 0;
	height: 35px;
}

.news .share-info {
	margin: 0 0 30px;
}

.share-info .at-style-responsive .at-share-btn {
	margin-right: 0;
}

.icons-info {
	padding: 0;
}

.icon-info {
	position: relative;
	font-weight: 300;
}

.icon-info h2 {
	font-size: 12px;
	line-height: 15px;
	font-weight: 600;
	color: #2b2b2b;
	margin: 0 0 5px;
	padding-right: 20px;
}

.icon-info p {
	font-size: 11px;
	line-height: 15px;
	color: #848484;
	margin: 0 0 3px;
}

.icon-info i {
	font-size: 30px;
	line-height: 30px;
	color: #ed1c24;
	display: block;
}

.icon-wrap {
	margin: 0 10px 0 0;
	float: left;
}

.icon-wrap img {
	max-height: 26px;
}

.icon-info a {
	color: #2b2b2b;
	font-size: 11px;
	display: block;
}

.icon-info h2 a {
	font-size: 13px;
	line-height: 14px;
	color: #2b2b2b;
}

.icon-info a:hover {
	opacity: .75;
}

.product-details-article {
	max-width: 1600px;
	margin: 0 auto;
	overflow: hidden;
	background-position: center center!important;
	background-repeat: no-repeat!important;
	background-size: cover!important;
}

.product-details-article.mobile {

}

.product-details-article a {
	display: block;
	width: 100%;
	height: 100%;
}

.text-box, .img-box {
	top: 50%;
	transform: translateY(-50%);
	position: absolute;
	width: 100%;
	left: 0;
	padding: 0 20px;
}

.text-box.text-top {
	top: 10%;
	transform: inherit;
}

.text-box.text-bottom {
	bottom: 10%;
	top: auto;
	transform: inherit;
}

.img-box {
	width: 100%;
	text-align: center;
}

.white-text {
	color: #fff;
}

.text-box h2, .tech h2 {
	font-size: 42px;
	line-height: 1.2;
	font-weight: 300;
	overflow: hidden;
	text-transform: uppercase;
	margin: 0 0 20px;
}

.text-box h3 {
	text-transform: uppercase;
	font-size: 30px;
	line-height: 34px;
	font-weight: 300;
	margin: 0 0 10px;
}

.text-box p {
	font-size: 21px;
	line-height: 28px;
	font-weight: 300;
	max-height: 225px;
	overflow: hidden;
}

.text-box p:last-child {
	margin: 0;
}

.text-box p.intro {
	font-size: 27px;
	line-height: 34px;
	font-weight: 600;
}

.big-img-left .img-box img {
	float: right;
}

.big-img-right .text-box {
	padding-right: 50px;
}

.big-img-left .text-box {
	padding-left: 80px;
}

.big-img-left .img-box img, .big-img-right .img-box img {
	height: 100%;
}

.big-img-left .img-box, .big-img-right .img-box {
	padding: 0;
}

.search-box.inner {
	margin-bottom: 60px;
}

.search-box input {
	border-radius: 0;
	padding: 26px 80px 25px 40px;
	font-size: 30px;
	font-weight: 400;
	border-color: rgba(0, 0, 0, 0);
	box-shadow: 0 1px 1px rgba(0, 0, 0, 0.015) inset, 0 0 8px rgba(0, 0, 0, 0.1);
}

.search-box input:focus {
	border-color: rgba(0, 0, 0, 0);
}

.search-box .form-group {
	position: relative;
}

.search-box button {
	position: absolute;
	font-size: 40px;
	line-height: 40px;
	right: 0;
	top: 0;
	padding: 28px;
	color: #ed1c24;
}

.search-box button:hover {
	color: #ed1c24;
	opacity: .75;
}

.form-control:focus::-webkit-input-placeholder {
	color: #fff;
}

.form-group .error {
	display: block;
	color: red;
	font-size: 15px;
	width: 100%;
}

.g-recaptcha {
	margin: 20px 0;
}

#frm-wishlist .captcha .g-recaptcha {
	margin: 0;
}

#frm-wishlist .btn-go {
	margin-top: 30px;
}

.captcha-error {
	display: block;
    color: red;
    font-size: 12px;
}

#transferForm .actions ul li a {
    padding-left: 18px;
    margin-right: 20px;
}

#transferForm .actions ul li {
    list-style: none;
    margin: 0;
}

#transferForm .actions ul li a {
    display: inline-block;
    margin-bottom: 0;
    font-size: 14px;
    font-weight: 600;
    line-height: 1.5;
    border-radius: 4px;
    color: #fff;
    background: #ed1c24;
    padding: .375rem .75rem;
    text-transform: uppercase;
    border-color: #ed1c24;
    text-decoration: none;
    float: left;
}

#transferForm label.label-title {
    font-size: 16px;
    line-height: 16px;
    font-weight: 600;
}

#transferForm label.label-title span {
    color: red;
}

#transferForm label.label-title span.label-info {
	display: block;
    font-size: 14px;
    font-weight: 300;
    color:rgba(0,0,0,.85);
}

#transferForm .form-group label.error {
	display: block;
	font-size: 14px;
}

#transferForm .form-group .radio input .error {
	display: inline-block;
}

#transferForm p.alert-field {
	color: red;
	font-size: 14px;
}

.style-content #transferForm h2 {
	margin-bottom: 40px;
}

#transferForm .steps ul {
	display: none;
}

.style-text.postpaid-warning, .style-text.prepaid-warning {
	border: #ed1c24 2px solid;
    padding: 5px 15px;
    margin: -10px 0 25px 0;
}

#transferForm .style-text.postpaid-warning ul {
    margin: 2px 0 0 25px;
}

#transferForm .style-text.postpaid-warning ul li {
    font-size: 16px;
    line-height: 20px;
    margin: 0 0 2px 20px;
}

.main-content.trans-form-content {
	padding-top: 0;
}

.main-content.trans-form-content.sms-login {
	padding: 0;
	height: calc(100vh - 8vw);
	position: relative;
}


#transferForm > .actions > ul > li.disabled {
  display: none;
}


#transferForm .btn-default {
    color: #333;
    background-color: #fff;
	border-color: #ccc;
	font-weight: 300;
}


#transferForm .style-text.smaller ol span {
	padding-left: 50px;
	display: block;
}

#transferForm .style-text.smaller ol {
	margin-bottom: 20px;
}

#transferForm .style-text.smaller p, #transferForm .style-text.smaller ol li {
	font-size: 15px;
	line-height: 20px;
}

#transferForm .style-text.smaller p {
	margin-bottom: 10px;
}

.hide-onprint.btn-go {
	background: #9E9E9E;
}

.hide-onprint.btn-go i {
	margin-left: 5px;
}

.support-cnt {
	margin: 80px 0 0;
}

.support-title {
	background: #ed1c24;
	padding: 40px 20px;
	text-align: center;
	color: #fff;
	font-size: 21px;
	line-height: 26px;
	font-weight: 400;
	text-transform: uppercase;
	border-radius: 12px;
}

.support-box.half {
	margin: 0 0 30px;
}

.support-box.half .support-title {
	padding: 20px;
	background: #7c7c7c;
	font-size: 18px;
}

.support-icon {
	display: block;
	margin: 0 0 30px;
	text-align: center;
}

.support-box.half .support-icon {
	margin: 0 0 10px;
}

.support-title i {
	font-size: 50px;
	line-height: 50px;
}

.video-instruction{
	background: #850f40; 
	padding: 26px; 
	font-size: 21px; 
	line-height: 22px;
}

.support-icon.fix i {
	font-size: 47px;
	line-height: 48px;
	margin: 0 5px;
}

.support-icon.fix i:last-child {
	font-size: 40px;
}

.support-box ul {
	margin: 20px 0 0;
}

.tool-box {
	margin: 20px 0 0;
}

.tool-box ul {
	margin: 5px 0 0;
}

.red-text {
	color: #ed1c24;
}

.support-box ul li a, .tool-box ul li a {
	font-size: 23px;
	line-height: 23px;
	border-bottom: 1px dotted #ccc;
	display: block;
	padding: 10px 0;
	color: #ed1c24;
	font-weight: 300;
}

.support-box.half ul li a {
	color: #777777;
	font-size: 19px;
	line-height: 19px;
}

.support-box ul li:last-child a, .tool-box ul li:last-child a {
	border-bottom: none;
}

.support-box ul li:hover a, .tool-box ul li:hover a {
	opacity: .75;
}

.support-box ul li a img {
	width: 24px;
	float: left;
	margin: 0 7px 0 0;
}

.tool-box.other ul li {
	/*float: left;
	width: 46%;
	margin: 0 0 0 4%;*/
}

.tool-box.other ul li:nth-child(odd){
	margin: 0 4% 0 0;
}

.support-box ul li.small a {
	text-transform: none;
}

.tool-box ul li a {
	font-size: 15px;
	line-height: 16px;
	padding: 8px 0 8px 22px;
	text-transform: none;
	color:rgba(0,0,0,.85);
	position: relative;
}

.tool-box ul li a:before {
	content: '\f055';
	font-family: 'Font Awesome 5 Pro';
	font-weight: 300;
	position: absolute;
	top: 9px;
	left: 0;
	color: #aeaeae;
}

.support-box ul li a:hover, .tool-box ul li a:hover, .ask-box a:hover {
	color: #ed1c24;
}

.ask-cnt, .tool-cnt {
	margin: 20px 0 0;
}

.ask-box h2, .tool-box h2 {
	text-transform: uppercase;
	font-weight: 600;
	font-size: 14px;
	line-height: 14px;
	padding: 6px 10px;
	background: #eee;
	color: #343434;
	border-radius: 4px;
}

.ask-box a {
	display: block;
	padding: 0 0 0 30px;
	color:rgba(0,0,0,.85);
	font-size: 14px;
	line-height: 18px;
	margin: 15px 0 0;
	position: relative;
}

.ask-box a:before {
	content: '\f055';
	font-family: 'Font Awesome 5 Pro';
	font-weight: 300;
	position: absolute;
	top: 4px;
	left: 0;
	font-size: 20px;
	line-height: 20px;
	color: #ed1c24;
}

.support-banner {
	display: block;
	border: 1px dotted #ccc;
	color:rgba(0,0,0,.85);
	padding: 20px;
	margin: 0 0 30px;
	text-transform: uppercase;
}
.support-banner:hover {
	color: #ed1c24;
}

.support-banner i {
	font-size: 20px;
	line-height: 20px;
	float: left;
	margin: 2px 8px 0 0;
	color: #ed1c24;
}

#main-footer {
	padding: 70px 0 70px;
	margin: 0;
	background: #fff;
	position: relative;
	z-index: 1;
}

#main-footer ul li ul {
	display: none;
}

#main-footer ul li ul {
	padding: 0 0 0 3px;
	margin: 0 0 15px;
}

#main-footer ul li ul li a {
	padding-left: 1em;
	font-size: 12px;
}

#main-footer ul li ul li a:before {
	content: '\f0da';
	font-family: 'Font Awesome 5 Pro';
	display: inline-block;
	margin-left: -1em; /* same as padding-left set on li */
	width: 1em; /* same as padding-left set on li */
}

#main-footer:before {
	content: '';
	max-width: 1110px;
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	margin: 0 auto;
	height: 1px;
	background:  #eee;
}

#main-footer p {
	text-align: center;
	font-size: 14px;
	margin: 0;
	color: #959595;
}
#main-slider .slider-pattern {
	overflow: hidden;
	width: 100%;
}
.main-slider-cnt {
	max-width: 1600px;
	margin: -1px auto 0;
	position: relative;
}

.modal .main-slider-cnt {
	max-width: 100%;
}

.main-slider-cnt .container {
	height: 100%;
	position: absolute;
	margin: 0 auto;
	left: 0;
	right: 0;
	z-index: 2;
}

.main-slider-cnt .container h1 {
	color: #fff;
	position: absolute;
	font-weight: 300;
	font-size: 80px;
	line-height: 80px;
	top: 50%;
	transform: translateY(-50%);
	max-width: 550px;
}

.main-slider-cnt .black-text h1 {
	color: #2b2b2b;
	font-size: 120px;
	line-height: 120px;
	font-weight: 600;
}

.main-slider-cnt .container h1 strong {
	font-size: 21px;
	line-height: 24px;
	font-weight: normal;
	display: block;
	max-width: 430px;
}

.main-slide {
	height: 550px;
	background-repeat: no-repeat!important;
	background-position: center center!important;
	background-size: cover!important
}

.modal .main-slide {
	height: 270px;
}

.main-slide a {
	display: block;
	width: 100%;
	height: 100%;
}

.bx-wrapper {
	box-shadow: none;
	border: none;
	background: none;
	margin: 0;
}

.banners-content {
	margin: 30px 0 50px;
}

.banner-small, .banner.big {
	border-radius: 22px;
	overflow: hidden;
	-webkit-mask-image: -webkit-radial-gradient(white, black);
}

.banner-small.bottom {
	margin: 30px 0 0;
}

.banner.big {
	margin: 0 0 15px;
}

.banner-small a, .banner.big a {
	width: 100%;
	height: 100%;
	position: relative;
	display: block;
	overflow: hidden;
}

.banner-small a:before, .banner.big a:before {
	content: '';
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	bottom: 0;
	right: 0;
	left: 0;
	background: rgba(0,0,0,0);
	-webkit-transition: background 1s ease-in-out;
	-moz-transition: background 1s ease-in-out;
	-o-transition: background 1s ease-in-out;
	transition: background 1s ease-in-out;
	z-index: 5;
}

.banner-small a:hover:before, .banner.big a:hover:before {
	background: rgba(0,0,0,0.09);
}

.banner-small a img, .banner.big a img {
	-webkit-transition: transform .5s ease-in-out;
	-moz-transition: transform .5s ease-in-out;
	-o-transition: transform .5s ease-in-out;
	transition: transform .5s ease-in-out;
	overflow: hidden;
}

.banner-small a:hover img, .banner.big a:hover img {
	transform: scale(1.05);
}

.title-cool {
	position: relative;
	text-align: center;
	margin: 0 0 50px;
}

.title-cool:before {
	content: '';
	width: 100%;
	height: 1px;
	left: 0;
	top: 50%;
	position: absolute;
	background: #282828;
	transform: translateY(-50%);
}

.title-cool span {
	display: inline-block;
	padding: 0 30px;
	background: #fff;
	text-transform: uppercase;
	font-size: 32px;
	line-height: 32px;
	font-weight: 300;
	position: relative;
	z-index: 2;
}

.carousel-control-next-icon, .carousel-control-prev-icon {
	width: auto;
	height: auto;
	background-image: none;
	background-size: inherit;
	font-size: 100px;
	line-height: 100px;
	padding: 0 15px;
	background: rgba(0,0,0,.5);
}

.carousel-indicators li {
	background: rgba(0,0,0,.25);
}

.carousel-indicators .active {
	background: rgba(237,28,36,.75);
}

.carousel-indicators {
	bottom: 20px;
}

.page .carousel-indicators {
	bottom: -20px;
}

.style-content h1 {
    font-weight: 300;
    font-size: 46px;
    line-height: 56px;
    margin: 0 0 20px;
}

.style-content.news h1 {
	font-size: 55px;
	line-height: 55px;
	margin: 0 0 30px;
}

.modal .style-content h1 {
	font-size: 60px;
	line-height: 60px;
}

.style-content h2 {
	font-weight: 600;
	font-size: 30px;
	line-height: 28px;
	margin: 25px 0 10px;
	color: #ed1c24;
}

.style-content p a {
	color: #ed1c24; 
}

.style-content p strong {
	font-weight: 500;
}

.style-content p a:hover {
	opacity: .75;
}

.style-content.outer h2 {
	color: #2b2b2b;
	margin: 0 0 20px;
}

.style-content h3 {
	font-weight: 600;
	font-size: 20px;
	line-height: 24px;
	margin: 10px 0 5px;
}

.odmakni-mob-prijenos.last {
	margin-top: 30px;
}

.style-content h4 {
	font-size: 36px;
	font-weight: 300;
	text-align: center;
	text-transform: uppercase;
	position: relative;
}

.style-content h4.table-heading {
	font-size: 16px;
	text-align: left;
}

.style-content .table h4 {
	text-align: left;
	font-size: 17px;
	line-height: 20px;
}

.style-content .pictured-blocks h4:before {
	content: '';
	top: 50%;
	background: #eee;
	width: 100%;
	height: 1px;
	position: absolute;
	left: 0;
}

.style-content h4 span {
	display: inline-block;
	margin: 0 30px;
	padding: 0 30px;
	background: #fff;
	z-index: 5;
	position: relative;
}

.pictured-blocks {
	margin: 50px 0 0;
}

.style-content .pictured-blocks h3 {
	margin: 0 0 5px;
}

.style-content .pictured-blocks h4 {
	margin: 0 0 40px;

}

.style-content p {
	font-size: 18px;
	line-height: 28px;
	margin: 0 0 20px;
	font-weight: 300;
}

.style-content a.arrow-link {
	padding-left: 1.3em;
	text-transform: uppercase;
	font-weight: 600;
}

.style-content a.arrow-link:before {
	content: '\f0a9';
	font-family: 'Font Awesome 5 Pro';
	display: inline-block;
	margin-left: -1.3em; /* same as padding-left set on li */
	width: 1.3em; /* same as padding-left set on li */
}

.outer.style-content p {
	margin: 0 0 20px;
	font-size: 15px;
	line-height: 25px;
}

.style-content li a {
	color: #2b2b2b;
}

.style-content li.docs:hover {
	opacity: .55;
}

.style-content li a:hover {
	text-decoration: underline;
}

.style-content li.docs {
	border-bottom: 1px solid #e5e5e5;
	margin: 0;
	padding: 10px 0;
	color: #ed1c24;
	list-style: none;
	padding-left: 1.3em;
}

.style-content li.docs:before {
	content: '\f34a';
	font-family: 'Font Awesome 5 Pro';
	display: inline-block;
	margin-left: -1.3em; /* same as padding-left set on li */
	width: 1.3em; /* same as padding-left set on li */
	float: left;
}

.style-content li.docs:first-child {
	padding: 0 0 10px;
	padding-left: 1.3em;
}

.style-content li.docs:last-child {
	border-bottom: none;
	padding-bottom: 0;
}

.style-content.outer li.docs {
	font-size: 18px;
	line-height: 24px;
	list-style: none;
	margin-left: 0;
}

.style-content .outer li.docs strong {
	display: block;
	margin: 5px 0 0;
	font-size: 14px;
}

.style-content li.docs strong {
	font-weight: 400;
	color: #969696;
}

.style-content p.small {
	font-size: 11px;
	line-height: 20px;
	color: #acacac;
	margin-top: -10px;
	display: block;
	font-family: Arial, sans-serif;
}

.style-content ul, .style-content ol {
	margin: 0 0 40px;
}

.style-content.outer ul {
	margin: 0 0 20px;
}

.style-content ol li {
	font-size: 18px;
	line-height: 28px;
	margin: 0 0 7px 20px;
	font-weight: 400;
}

.style-content ul li {
	font-size: 18px;
	line-height: 28px;
	margin: 0 0 7px 20px;
	list-style: disc;
	font-weight: 400;
}

.style-content .table ul {
	margin-top: 10px;
	margin-bottom: 15px;
}

.style-content .table h3 {
	margin: 0;
}

.style-content .table ul li {
	font-size: 14px;
	line-height: 18px
}

.style-content ul li strong{
	font-weight: 600;
}

.style-content h2.intro {
	font-weight: 600;
	font-size: 26px;
	line-height: 36px;
	color:rgba(0,0,0,.85);
	margin: 0 0 30px;
}

.style-content.news h2.intro {
	font-size: 20px;
	line-height: 33px;
}

.style-content .table {
	margin: 10px 0 25px;
	width: 100%;
	border-bottom: 1px solid #dee2e6;
}

.style-content .table th, .table_head_dark td {
	background: #eee;
	font-size: 15px;
	font-weight: 600;
	vertical-align: bottom;
}

.main-gallery {
	position: relative;
}

.main-gallery-box {
	margin: 10px 0 0;
}

.date-box {
	position: absolute;
	bottom: 0;
	left: 0;
	z-index: 2;
	background: rgba(255,255,255,.75);
	padding: 5px 10px;
	font-size: 13px;
	line-height: 15px;
}

a.more-btn {
	background: #ed1c24;
	border-radius: 8px;
	padding: 7px 25px;
	color: #fff;
	display: inline-block;
}

a.more-btn:hover {
	opacity: .75;
}

.outer a.more-btn {
	margin-bottom: 30px;
}

.outer a.more-btn.last {
	margin-bottom: 0;
}

.outer hr  {
	margin: 30px 0;
}

.table_head_dark td {
	vertical-align: bottom;
	text-align: left;
}

.style-content .table td {
	font-size: 14px;
	line-height: 18px;
	text-align: left;
}

.style-content .table td .red-big {
	color: #d52b1e;
	font-weight: 700;
	font-size: 18px;
	display: block;
}

.style-content .table td s {
	color: #ed1c24;
    text-decoration-thickness: 2px;
}

.style-content .table td s strong {
	color: #000;
	font-weight: normal;
}

.style-content .table td p {
	margin: 0;
}

.style-content .table tr.table_head_light td {
	font-size: 22px;
/*	color: #828282;
*/	font-weight: 400;
	background-color: #f8f8f8;
}

.step-by-step {
	margin: 20px 0 0;
}

.step-title {
	font-size: 36px;
	line-height: 46px;
	padding-right: 50px;
}

.step-title a, .step-title big {
	color: #ed1c24;
}

.step-title div {
	font-size: 20px;
	line-height: 20px;
	margin: -10px 0 20px;
}

.wrapper {
	position: relative;
}

.home-tv-nice-wrapper .nice-box{
	width: 25%;
}

.nice-wrapper {
	width: 100%;
	clear: both;
	margin: 0 0 30px;
	/*display: flex;*/
	flex-wrap: wrap;
}

.nice-wrapper.d-f {
	display: flex;
}

.nice-wrapper.d-f.small-size {
	padding: 0 10%;
}

.custom-hej-col{
	position: relative;
	top: 75px;
}

.section-5, .section-6{
	position: relative;
	background-color: #000;
}

.white-bottom-text{
	color: #fff;
	position: relative;
	bottom: 50px;
	left: 50%;
	transform: translateX(-50%);
	line-height: 1;
}

.see-more-link{
	position: relative;
	bottom: 50px;
}

.see-more-wrapper{
	position: absolute;
    bottom: 100px;
    left: 50%;
    transform: translateX(-50%);
}

.see-more-button, .see-more-button:hover, .see-more-button:visited, .see-more-button:active, .see-more-button:focus{
	background-color: #d52b1e;
	border-color: #d52b1e;
	border-radius: 5px;
}

.see-more-link, .see-more-link:hover, .see-more-link:visited, .see-more-link:active, .see-more-link:focus{
	background-color: #d52b1e;
	border-color: #d52b1e;
}

.nice-box {
	border: 1px solid rgba(0,0,0,0.1);
	padding: 20px 20px 10px;
	width: 23%;
	/*float: left;*/
	margin: 2% 2% 0 0;
	position: relative;
}

#main-slider.carousel {
	position: relative;
    overflow: hidden;
    width: 100%;
}

.four-img {
	text-align: center;
}

.nice-box.fourbox {
	width: 32%;
}
.nice-box.twobox {
	width: 48%;
	overflow: hidden;
}

.twobox .four-img {
	margin-left: -160px;
	margin-top: -50px;
}

.nice-box.fourbox p {
	margin: 20px 0 0;
}

.nice-box.w-col-5 {
	width: 18.4%;
}

.nice-box.w-275 {
	width: 275px;
}

.prenesi-box {
	border: 1px solid rgba(0,0,0,0.1);
	padding: 20px 20px 55px;
	height: 100%;
}

.nice-box.big {
	width: 100%;
	float: none;
	margin: 0 0 30px;
	padding: 20px;
	border-radius: .25rem;
}

.nice-box.big.cat {
	padding: 0;
}

.nice-box.big.cat .nice-text {
	padding: 0 20px;
}

.nice-box.big.cat .nice-text p {
	margin: 0;
}

.nice-box.overview-box {
	padding: 0;
	overflow: hidden;
	margin: 10px 0 0;
}

.nice-box.has-logo {
	padding: 20px;
}

.nice-box.has-btn {
	padding: 20px 20px 55px;
}

.nice-box.has-btn.cat {
	padding: 20px;
}

.nice-wrapper .nice-box:last-child {
	margin: 2% 0 0;
}

.statuses {
	margin: 0 0 30px;
}

.style-content .text-side h2 {
	font-size: 24px;
}

.nice-box h2, .nice-price {
	margin: 0 0 20px;
	text-transform: uppercase;
	font-size: 21px;
	line-height: 26px;
	font-weight: 600;
	color: #000;
}

.nice-box.overview-box h2 {
	font-size: 19px;
	margin: 0;
}

.nice-box.overview-box h2.thin {
	font-weight: 300;
}

.nice-box.overview-box .nice-title {
	background: #eeeeee;
	padding: 10px 15px;
}

.nice-text {
	padding: 15px;
}

.nice-box.overview-box .nice-price {
	font-size: 22px;
	line-height: 22px;
	margin: 0;
	text-transform: none;
	font-weight: 500;
}

.nice-box.overview-box .nice-price span {
	display: block;
	font-size: 13px;
	font-weight: 300;
	color: rgba(0,0,0,.85);
}

.nice-box h2 i{
	color: #ed1c24;
}

.nice-box.overview-box h2 i {
	margin: 0 5px 0 0;
}

.nice-price {
	font-weight: 300;
	text-align: right;
	color: #ed1c24;
}

.nice-box h4 {
	margin: 0 0 20px;
	text-transform: uppercase;
	font-size: 25px;
	line-height: 26px;
	color: #ed1c24;
	font-weight: 600;
}

.nice-box.has-icon h2 {
	position: relative;
	padding: 0 0 0 30px;
}

.nice-box h2 span.fa {
	color: #ed1c24!important;
	margin: 0 5px 0 0;
}

.nice-box.has-icon h2 span.fa {
	position: absolute;
	left: 0;
}

.nice-box h3 {
	font-size: 14px;
	line-height: 18px;
	font-weight: 300;
}

.nice-box.big h3 {
	font-size: 17px;
	line-height: 22px;
	margin: 0 0 5px;
}

.nice-box.big h3:last-child {
	margin: 0;
}

.nice-box h3 strong {
	font-weight: 600;
}

.nice-box h3 strong.embe {
	font-size: 18px;
}

.nice-box h3.price strong {
	font-size: 24px;
	line-height: 24px;
}

.nice-box h3 span.sim-only {
	padding-top: 10px;
}

.nice-box h3 span.sim-only strong {
	font-size: 13px;
	line-height: 14px;
}

.buttons-top {
	display: flex;
	align-items: center;
	justify-content: center;
	margin-top: 20px;
}

.buttons-top a {
	display: block;
	margin: 0 5px!important;
	cursor: pointer;
	padding: 15px 25px!important;
	font-size: 24px!important;
	width: 30%;
}

a.custom-btn.btn-trigger {
	background: #fff;
	color: #282828!important;
	border: 1px solid #282828;
}

a.custom-btn.btn-trigger:hover {
	color: #fff!important;
}

.device-only {
	
}

.device-only.active {
	
}

.go-big-now {
	transform: scale(1);
	transform-origin: top left;
	margin-bottom: 12px;
	transition: all 0.3s ease;
}

.device-only.active .go-big-now {
	transform: scale(1.5);
}

.sim-only.active .go-big-now {
	transform: scale(1.5);
}

a.custom-btn.btn-trigger.active {
	background: #ed1c24!important;
	color: #fff!important;
	border: 1px solid #ed1c24;

}

.nice-box h3 span.sim-only strong.sim-price {
	font-size: 24px;
	line-height: 24px;
}

.nice-box h3.price small {
	font-size: 12px;
	line-height: 1.3;
	display: block;
}

.nice-box h3 span, .nice-box h3.price span {
	font-weight: 400;
	font-size: 13px;
	line-height: 14px;
	display: block;
	color: #ed1c24;
	text-transform: uppercase;
}

.nice-box.big h3 span {
	display: inline-block;
	float: left;
	font-size: 22px;
	margin: 0 8px 0 0;
}

 .nice-box h3.price span {
	color: #212529;
}

.nice-box p {
	font-size: 16px;
	line-height: 21px;
	margin: 0;
}

.nice-box.overview-box p {
	font-size: 22px;
	line-height: 22px;
}

.nice-box.overview-box p span {
	display: block;
	font-size: 13px;
	line-height: 1.2;
	font-weight: 300;
	margin: 2px 0 0;
}

.nice-block {
	border-top: 1px solid rgba(0,0,0,0.1);
	margin: 10px 0 0;
	padding: 10px 0 0;
}

.nice-block:first-child {
	border-top: 0;
	margin: 0;
	padding: 0;
}

.nice-box.overview-box p span strong, .nice-price strong {
	font-weight: 700;
}

.nice-box.has-btn p {
	margin: 0 0 5px;
}

.options-cont .nice-box.has-btn p {
    font-size: 13px;
    line-height: 1.2;
    font-weight: 300;
    margin: 2px 0 0;
}

a.custom-btn {
	display: inline-block;
	text-align: center;
	padding: 7px 15px;
	background-color: #ed1c24;
	color: #fff!important;
	text-transform: uppercase;
	margin: 20px 0 0;
	font-weight: 600;
	font-size: 13px;
	line-height: 13px;
	border-radius: 4px;
}

.activation-notes a.custom-btn{
	margin: 5px 0 5px;
}

.nice-box a.custom-btn {
	position: absolute;
	bottom: 20px;
}

.nice-box.has-btn-img a.custom-btn {
	position: relative;
	bottom: 0;
	margin: 10px 0 10px;
}

a.custom-btn.gray-btn {
	background: #d1d3d4;
	color:rgba(0,0,0,.85);
}

.nice-wrapper p.small.prenesi-small {
	margin-top: 40px;
	font-size: 13px;
}

.nice-wrapper p.small.prenesi-small a {
	color: #969696;
	text-decoration: underline;
}

.prenesi-box ul {
	margin-top: 30px;
	margin-bottom: 15px;
}

.nice-box a.custom-btn:hover, a.custom-btn:hover {
	background: #282828;
	text-decoration: none!important;
}

a.custom-btn.gray-btn:hover {
	background: #282828;
	color: #fff;
}

a.btn-go.prijenos-red-btn {
	color: white;
	padding: 20px 30px;
}

a.btn-go.prijenos-orange-btn {
	color: white;
	background-color: #eb700c;
	text-transform: none;
	padding: 20px 30px;
}

.prijenos-success {
	margin-top: 60px;
}

.ghost-menu {
	display: none;
	margin: 0 0 50px;
}

.tech {
	padding: 125px 0;
	background: #f8f8f8;
}

.videoteka_filmBox h2 a {
    color: #ed1c24;
    text-decoration: none;
    font-weight: 600;
}

.videoteka_filmBox h2 a {
    color: #ed1c24;
    text-decoration: none;
    font-weight: 600;
}

.videoteka_filmBox h2 {
	margin-top: 7px;
}

#videoteka_uvod .paging {
	text-align: center;
}

#videoteka_uvod .paging .pages, #videoteka_uvod .paging .pages a, #videoteka_uvod .paging .prev a, #videoteka_uvod .paging .prev, #videoteka_uvod .paging .next a, #videoteka_uvod .paging .next {
	display: inline-block;
	color:rgba(0,0,0,.85);
	padding: 5px;
}

#videoteka_uvod .paging .pages a:hover, #videoteka_uvod .paging .prev a:hover, #videoteka_uvod .paging .next a:hover {
	color: #ed1c24;
}

#videoteka_uvod .paging .pages a.current {
	font-weight: 900;
	color: #ed1c24;
}

#videoteka_uvod .paging {
	margin-top: 40px;
}

#imenik_head {
	padding: 0 10px;
	background: #fff;
	margin: 0 0 10px;
	border-radius: 12px;
	z-index: 3;
	border: 1px solid #ddd;
}

.float-menu {
	padding: 0 10px;
	background: #f4f4f4;
	margin: 0 0 50px;
	border-radius: 12px;
	z-index: 1;
	border: 1px solid #ddd;
	position: relative;
	min-height: 69px;
}

.float-menu.tarifa {
	text-align: center;
}

.float-menu.tarifa .tarifa-dd {
	display: inline-block;
}

.fix-it {
	position: fixed;
	top: 20px;
	right: 0;
	width: 100%!important;
	border-left: 0;
	border-right: 0;
	border-radius: 0;
}

.float-menu ul {
	text-align: center;
	margin: 0;
}

.float-menu span.main-title-tarifa {
	display: inline-block;
	font-size: 24px;
	line-height: 24px;
	text-transform: uppercase;
	color: #ED1C24;
	height: 35px;
	vertical-align: middle;
	margin-top: 16px;
	margin-right: 10px;
}

.float-menu.product-menu ul {
	text-align: center;
}

.float-menu ul li {
	display: inline-block;
	margin: 0;
}

.float-menu ul li a {
	color:rgba(0,0,0,.85);
	position: relative;
	display: block;
	padding: 25px 15px 25px 15px;
	font-size: 17px;
	line-height: 19px;
	font-weight: 600;
}

.float-menu.product-menu ul li a {
	text-transform: uppercase;
}

.float-menu ul li.active a {
	color: #ed1c24;
}

.float-menu ul li a:hover {
	text-decoration: underline;
}

.float-menu ul li.active a:hover {
	text-decoration: none;
}

/*.float-menu ul li a:first-letter {
	text-transform: uppercase;
}*/


.float-menu ul li a:after {
	content: '';
	width: 1px;
	height: 34px;
	position: absolute;
	background: #C4C4C4;
	right: -3px;
	top: 18px;
}

.float-menu ul li:last-child a:after  {
	display: none;
}

.tarifa .dropdown .btn {
	padding-left: 24px;
	padding-right: 24px;
	background: #ED1C24;
	border-color: #ED1C24;
}

.tarife-box-cont.poslovni-mix {
	margin-top: 10px;
}

.tarife-box-cont h5 {
	color: #fff;
	padding: 15px;
	background: #fff;
	color:rgba(0,0,0,.85);
	text-transform: uppercase;
	font-size: 20px;
	line-height: 20px;
	font-weight: 600;
	border-radius: 20px;
	position: relative;
	cursor: pointer;
	border: 2px solid #fff;
	margin-bottom: 5px;
}

.tarife-box-cont h5:after {
	content: '\f055';
	font-family: 'Font Awesome 5 Pro';
	position: absolute;
	right: 15px;
	top: 50%;
	font-size: 24px;
	line-height: 24px;
	transform: translateY(-50%);
}

.tarife-box-cont h5.active:after {
	content: '\f056';
}

.tarife-box-cont h5:hover, .tarife-box-cont h5.active {
	background: #282828;
	color: #fff;
}

.tarife-box-cont .tariff-wrapper {
	display: none;
}

.tarife-box-cont .tariff-wrapper.active {
	display: block;
}

.kontakt_privat_prodajna {
	float: right;
}

.kontakt_privat_prodajna span {
	color: #d10000;
}

#prodajna_mjesta select {
	padding: 5px 10px;
}

#prodajna_mjesta h2.intro {
	margin: 10px 0 20px;
}

.prodajna-gmap {
	color: #d10000;
	margin-left: 10px;
}

a.prodajna-gmap:hover {
	color: #ed1c24;
}

.menuLeft li {
	margin: 0 0 25px;
}

.menuLeft li a {
	font-size: 25px;
	line-height: 26px;
	font-weight: 400;
	display: block;
	padding: 5px 0;
	color:rgba(0,0,0,.85);
	text-transform: uppercase;
}

.menuLeft li.active a, .menuLeft li:hover a {
	color: #ed1c24;
}

.support-style h2 {
	font-size: 46px;
	line-height: 48px;
	color: #ed1c24;
	font-weight: 300;
	margin: 0 0 25px;
}


.support-style h3 {
	font-size: 19px;
	line-height: 21px;
	font-weight: 600;
	margin: 0 0 10px;
}

.support-style h3.upper-title {
	text-transform: uppercase;
	font-weight: 400;
	font-size: 14px;
	margin-bottom: 0;
}

.support-style {
	border-left: 1px solid #e5e5e5;
	padding-left: 50px;
	min-height: 400px;
}

.articlesList li a {
	display: block;
	position: relative;
	font-size: 24px;
	line-height: 26px;
	padding: 20px 50px 20px 0;
	border-bottom: 1px solid #e5e5e5;
	color:rgba(0,0,0,.85);
	font-weight: 400;
}

.articlesList li:last-child a {
	border-bottom: none;
}

.articlesList li a:hover {
	color: #ed1c24;
}

.articlesList li a:after {
	content: '\f105';
	font-family: 'Font Awesome 5 Pro';
	position: absolute;
	right: 0;
	top: 20px;
	color: #ed1c24;
	font-size: 30px;
}

.breads {
	font-size: 20px;
	line-height: 21px;
	position: absolute;
	top: -80px;
	left: 0;
	text-transform: uppercase;
}

.breads span {
	padding: 0 10px;
}

.breads a {
	color:rgba(0,0,0,.85);
}

.breads a:hover {
	text-decoration: underline;
}

#mm {
	display: none;
}

body.no-scroll {
	overflow: hidden;
}

a.back-link {
	display: inline-block;
	color: #afafaf;
	text-transform: uppercase;
	font-size: 11px;
	margin: 0 0 20px;
}

a.back-link i {
	font-size: 11px;
	margin: 0 2px 0 0;
}

a.back-link:hover {
	color: #BCBCBC;
}

.other-questions {
	margin: 100px 0 0;
	padding: 20px 0 0;
	border-top: 1px solid #e5e5e5;
}

.other-questions h3 {
	color: #707070;
	font-weight: 600;
	font-size: 16px;
}

.other-questions ul {
	margin-bottom: 0;
}

.style-content .other-questions ul li {
	color: #707070;
	margin: 0 0 7px 20px;
	line-height: 20px;
}

.other-questions ul li a {
	color: #707070;
	display: block;
	font-size: 14px;
	line-height: 16px;
}

.other-questions ul li:hover {
	opacity: .75;
}

/*.top-sm-nav a {
	display: inline-block;
	padding: 20px 10px 20px 10px;
	font-size: 15px;
	color: #a8a8a8;
	text-transform: uppercase;
}*/

.top-mm-nav {
	position: relative;
	overflow: hidden;
	height: 45px;
	background: url(bg-top-nav.png) repeat-x bottom left;
}

.top-mm-nav:before {
	content: '';
	width: 100%;
	height: 1px;
	background: #ccc;
	bottom: 0;
	left: 0;
	position: absolute;
}

.zopim {
	z-index: 4000!important;
}

.top-mm-nav a {
	display: inline-block;
	color: #636363;
	text-transform: uppercase;
	float: left;
	font-size: 13px;
	position: relative;
	z-index: 20;
	font-weight: 300;
}

.top-mm-nav a span {
	padding: 13px 10px 12px;
	/*border-bottom: 1px solid #ccc;*/
/*	border-left: 1px solid #fff;
	border-right: 1px solid #fff;
	border-top: 1px solid #fff;*/
	display: block;
	position: relative;
}

.top-mm-nav a i {
	/*display: block;*/
}

.top-mm-nav a.small {
	width: 24%;
	/*border-left: 1px solid #ccc;*/
	/*text-align: center;*/
}

.top-mm-nav a.active {
	font-weight: 600;
	text-decoration: underline;
}

.top-mm-nav a.active span {
	/*border-bottom: 1px solid #fff;
	border-left: 1px solid #ccc;
	border-right: 1px solid #ccc;
	border-top: 1px solid #ccc;*/
}

.top-mm-nav a.active span:before {
	/*content: '';
	width: 100%;
	height: 1px;
	background: #fff;
	bottom: 0;
	position: absolute;
	left: 0;*/
}

.top-mm-nav a:first-child.active span {
	/*border-left-color: #fff;*/
}

.space-me {
	margin: 60px 0 30px;
}

a.box-news {
	display: block;
}

a.box-news figure {
	margin: 0;
}

.outer a.box-news figure img {
	width: 100%;
}

a.box-news span.date {
	display: block;
	color: #ccc;
	margin: 0 0 3px;
}

a.small-news figure {
	margin: 0 0 15px;
}

a.box-news h2, a.box-news p {
	color:rgba(0,0,0,.85);
}

a.box-news h2 {
	font-weight: 600;
	color: #2b2b2b;
}

a.big-news h2 {
	font-size: 35px;
	line-height: 38px;
	padding-right: 20px;
}

.outer a.big-news {
	margin-bottom: 50px;
}

.outer a.big-news h2 {
	margin: 20px 0 10px;
	padding-right: 50px;
}

.outer.first a.big-news h2 {
	margin-top: 0;
}

a.small-news {
	margin: 30px 0 0;
}

.outer a.small-news {
	margin: 0 0 30px;
}

a.small-news h2 {
	font-size: 18px;
	line-height: 24px;
	overflow: hidden;
	display: -webkit-box;
	-webkit-line-clamp: 3;
	-webkit-box-orient: vertical;
	margin: 0 0 3px;
}

a.big-news p {
	font-size: 22px;
	line-height: 32px;
}

.outer a.big-news p {
	padding-right: 50px;
}

a.small-news p {
	overflow: hidden;
	display: -webkit-box;
	-webkit-line-clamp: 3;
	-webkit-box-orient: vertical;
	font-size: 15px;
	line-height: 22px;
}

.step-by-step .form-check.biggy {
	border: 1px solid #e5e5e5;
	padding: 30px 20px;
	text-align: center;
	height: 170px;
	position: relative;
	cursor: pointer;
}

.step-by-step .form-check.biggy img {
	max-height: 50px;
	margin: 0 0 10px;
}

.step-by-step .form-check.biggy i {
	font-size: 50px;
	line-height: 50px;
	color: #ed1c24;
	margin: 0 0 10px;
}

.step-by-step .form-check.biggy input {
	display: block;
	width: 100%;
	margin: 20px 0 0;
	left: 0;
	right: 0;
	bottom: 20px;
}

.step-by-step .form-check.biggy label {
	display: block;
	cursor: pointer;
}

.step-info {
	margin: 90px 0 0;
}

.step-info h2 {
	font-size: 18px;
	line-height: 20px;
	font-weight: 600;
}

.answer-list li {
	padding: 20px 40px 20px;
	background: #f3f3f3!important;
	margin: 25px 0 0;
	position: relative;
}

.answer-list li div {
	font-weight: 400;
	font-size: 17px;
	line-height: 19px;
	color: #2b2b2b;
}

.answer-list li p {
	margin: 0;
	font-size: 18px;
	line-height: 20px;
}

.answer-list li span {
	background: #ed1c24;
	width: 30px;
	height: 30px;
	font-size: 15px;
	line-height: 30px;
	border-radius: 50%;
	text-align: center;
	color: #fff;
	position: absolute;
	left: -15px;
	top: 0px;
	bottom: 0;
	margin: auto 0;
	font-weight: 600;
} 

.answer-list li strong {
	color: #ed1c24;
	font-size: 20px;
	line-height: 22px;
}

.answer-list li i {
	font-size: 15px;
	line-height: 15px;
	position: absolute;
	top: 0;
	right:0;
	padding: 10px 15px 10px 10px;
	color: #c6c6c6;
	cursor: pointer;
}

.answer-list li i:hover {
	opacity: .55;
}

.step-links a {
	color: #797979;
	display: inline-block;
	margin: 0 0 0 10px;
	float: left;
}

.step-by-step .form-check input[type='radio'] {
	display: none;
}

.step-by-step .form-check label:before {
	content: " ";
	display: inline-block;
	position: absolute;
	top: 60px;
	left: 0;
	right: 0;
	margin: 0 auto 0;
	width: 17px;
	height: 17px;
	background: #e5e5e5;
	border-radius: 11px;
	border: 2px solid #dbdbdb;
}

.step-by-step .form-check.biggy label:before {
	display: none;
}

.step-by-step .form-check.smally {
	padding-left: 0;
}

.step-by-step .form-check.smally label:before {
	position: absolute;
	top: 4px;
	margin: 0px 10px 0 0;
	float: left;
	left: -25px;
}

.step-by-step .form-check label {
	position: relative;
	margin-left: 25px;
}

.step-by-step .form-check label input[type='radio']:checked+span {
	border-radius: 11px;
	width: 12px;
	height: 12px;
	position: absolute;
	top: 1px;
	left: 6px;
	display: block;
	background-color: blue;
}

.footer-cards {
	height: 25px;
}

.footer-payweb {
	height: 25px;
}

#main-footer .container {
	/* background: url(/assets/images/logo-footer-eronet.png) no-repeat bottom right; */
}

#main-footer.small-footer .container {
	/*height: 30px;*/
	background: none;
}

#main-footer h2 {
	font-size: 15px;
	line-height: 15px;
	text-transform: uppercase;
	color: #B2B2B2;
	margin: 0 0 10px;
	font-weight: 600;
}

.main-footer-links a {
	font-size: 13px;
	line-height: 14px;
	color: #969696;
	font-weight: 300;
	text-transform: uppercase;
	float: left;
	padding: 0 10px 0 10px;
	border-right: 1px solid #969696;
}

.main-footer-links a:first-child {
	padding: 0 10px 0 0;
}

.main-footer-links a:last-child {
	padding: 0 0 0 10px;
	border: none;
}

.main-footer-links a:hover {
	text-decoration: underline;
}

.sociala {
	/*float: right;*/
}

.sociala a {
	color: #969696;
	font-size: 30px;
	line-height: 30px;
	display: inline-flex;
	margin: 0 4px 0 0;
}

.sociala a:hover {
	opacity: .75;
}

#main-footer p {
	font-size: 11px;
	text-align: left;
	margin: 40px 0 0;
	width: 100%;
	font-weight: 300;
}

#main-footer.small-footer p {
	margin: 0;
}

#main-footer p a {
	color: #969696;
}

#main-footer p a.idea {
	text-decoration: none;
}

#main-footer p a:hover {
	color: #ADADAD;
}

.resultbox {
	background: #fff;
	padding: 30px;
	box-shadow: 0 1px 1px rgba(0, 0, 0, 0.015) inset, 0 0 8px rgba(0, 0, 0, 0.1);
	margin-top: -1px;
	position: absolute;
	width: 100%;
	z-index: 5;
}

.resultbox ul li a {
	font-size: 24px;
	line-height: 26px;
	color: #2b2b2b;
	padding: 10px 0;
	border-bottom: 1px solid #ccc;
	display: block;
}

.resultbox ul li a:hover {
	color: #ed1c24;
}

.resultbox ul li:last-child a {
	border-bottom: none;
}

#frmChange {
	margin-bottom: 80px;
}

.additionals {
	padding: 0 0 0 130px;
}

.additionals ul li {
	margin: 0 0 15px;
}

.additionals ul li a {
	padding-left: 1.3rem;
	display: block;
}

.additionals ul li a:before {
	content: '\f061';
	font-family: 'Font Awesome 5 Pro';
	display: inline-block;
	margin-left: -1.3em; /* same as padding-left set on li */
	width: 1.3em; /* same as padding-left set on li */
	float: left;
	font-weight: 600;
	color: #ed1c24;
}

.additionals ul li a strong {
	color: #ed1c24;
	font-size: 20px;
	line-height: 22px;
	font-weight: 600;
	display: inline-block;
	width: 360px;
	padding-right: 30px;
	float: left;
}

.additionals ul li a span {
	display: inline-block;
	color: #2b2b2b;
	float: left;
	width: 520px;
	font-weight: 300;
}

.additionals ul li a:hover {
	opacity: .55;
}

.modal-form .btn {
	text-transform: uppercase;
	background: #ed1c24;
	color: #fff;
	text-transform: uppercase;
	border: none;
	font-size: 14px;
	font-weight: 600;
}

.modal-form .alert {
	text-align: center;
	font-size: 15px;
	line-height: 20px;
}

.modal-form .alert i {
	display: block;
	font-size: 40px;
	line-height: 40px;
	margin: 10px 0 8px;
}

.modal-form .alert strong {
	display: block;
}

.alert a {
	color: #ed1c24;
	text-decoration: underline;
}

@font-face {
		font-family: 'Futura';
		src: url('Futura.eot');
		src: url('Futura.eot') format('embedded-opentype'),
				 url('Futura.woff2') format('woff2'),
				 url('Futura.woff') format('woff'),
				 url('Futura.ttf') format('truetype'),
				 url('Futura.svg') format('svg');
				 font-weight: 400;
}

@font-face {
		font-family: 'Futura';
		src: url('FuturaLight.eot');
		src: url('FuturaLight.eot') format('embedded-opentype'),
				 url('FuturaLight.woff2') format('woff2'),
				 url('FuturaLight.woff') format('woff'),
				 url('FuturaLight.ttf') format('truetype'),
				 url('FuturaLight.svg') format('svg');
				 font-weight: 100;
}

@font-face {
		font-family: 'Futura';
		src: url('FuturaBold.eot');
		src: url('FuturaBold.eot') format('embedded-opentype'),
				 url('FuturaBold.woff2') format('woff2'),
				 url('FuturaBold.woff') format('woff'),
				 url('FuturaBold.ttf') format('truetype'),
				 url('FuturaBold.svg') format('svg');
				 font-weight: 600;
}



/*** IMENIK ***/

.imenik-cnt {
	background: #eee;
	padding: 30px 30px 30px 30px;
	margin: 50px 0;
	border-radius: 9px;
	min-height: 350px;
}

.imenik-cnt button, input.btn, .float-menu .btn-buy, a.rounded-link, .btn-vise, .summary-box .btn-buy, .fixed-price-container .btn-buy, .btn-go, .btn-buy {
	background: #ed1c24;
	color: #fff!important;
	border: none;
	font-weight: 600;
	padding: 7px 20px;
	cursor: pointer;
	margin: 10px 0 0;
	border-radius: 5px;
	text-transform: uppercase;
}

.fixed-price-container .btn-buy {
	background: #282828;
}

.btn-go {
	margin: 20px 0 0;
}

.btn-go i {
	font-size: 14px;
}

a.rounded-link {
	display: inline-block;
	margin: 5px 0 0;
}

.float-menu .btn-buy {
	float: right;
	margin-left: 10px;
}

.float-menu .dropdown {
	margin: 14px 0 0 5px;
}

.shop-info-box {
	float: left;
	font-size: 16px;
	line-height: 15px;
	margin: 13px 15px 0 0;
}

.shop-info-box.title {
	text-align: right;
	border-right: 1px solid #C4C4C4;
	padding-right: 15px;
	margin: 13px 25px 0 0;
	position: relative;
}

.shop-info-box.title i {
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	right: -10px;
	font-size: 24px;
	color: #C4C4C4;
}

.shop-info-box small {
	font-weight: 600;
	text-transform: uppercase;
	font-size: 11px;
}

.shop-info-box.title small {
	font-size: 14px;
}

.shop-info-box span {
	display: block;
	font-size: 13px;
	line-height: 13px;
}

.shop-info {
	position: absolute;
    right: 13px;
    top: 5px;
    opacity: 0;
	-webkit-transition: opacity .5s linear;
	-moz-transition: opacity .5s linear;
	-o-transition: opacity .5s linear;
	transition: opacity .5s linear;
}

.float-menu.fix-it .shop-info {
	opacity: 1;
}

.imenik-cnt button:hover, input.btn:hover, .float-menu .btn-buy:hover, .imenik-cnt button:active, input.btn:active, .float-menu .btn-buy:active, .rounded-link:hover, .rounded-link:active, .btn-vise:hover, .btn-go:hover, .add-funds-btn:hover, .self-box button.btn-hej:hover, .reg-box .btn:hover, .self-box a.btn:hover, .overview ul li a:hover, .status-box a:hover, .btn-buy:hover {
	background: #282828!important;
	color: #fff!important;
}

.imenik_err {
	color: #ed1c24;
	margin: 0 0 10px;
	font-size: 24px;
    font-weight: 600;
    text-align: center;
}

#imenik_search ul li {
	display: inline-block;
	width: 32%;
}

#imenik_search ul li a:after {
	content: '';
    width: 1px;
    height: 34px;
    position: absolute;
    background: #C4C4C4;
    right: -3px;
    top: 18px;
}

#imenik_search ul li:last-child a:after  {
	display: none;
}

#imenik_search ul {
	text-align: center;
}

#imenik_search ul li a {
	color:rgba(0,0,0,.85);
	position: relative;
	display: block;
	padding: 25px 15px 25px 15px;
	font-size: 19px;
	position: relative;
	line-height: 19px;
	font-weight: 600;
}

#imenik_search ul li a:hover {
	text-decoration: underline;
}

#imenik_search ul li a.selected {
	text-decoration: none;
	color: #ed1c24;
}

.summary-box .label.big {
	font-size: 50px;
	line-height: 50px;
	text-align: center;
	margin: 25px 0 20px;
	font-weight: 600;
	color: #666;
	text-transform: uppercase;
}

.summary-box .btn-buy {
	font-size: 14px;
	line-height: 16px;
	margin: 0 0 10px;
	width: 250px;
	display: inline-block;
}

.summary-box.hej .btn-buy {
	margin: 0;
}

.summary-box .btn-buy.other {
	background: #515151;
}

.summary-box .btn-buy.btn-preorder{
	background: #7f1141;
}

.summary-box .btn-small {
	border-radius: 0;
	padding: 5px 0 3px;
	font-size: 9px;
	line-height: 9px;
	font-family: Arial, sans-serif;
	text-transform: uppercase;
	background: none;
	color: #ed1c24;
	display: block;
}

.summary-box .btn-small i {
	font-size: 10px;
	margin-right: 2px;
}

.summary-box .btn-buy:hover {
	background: #CA1019;
}

.summary-box .btn-buy.other:hover {
	background: #282828;
}

.summary-box .btn-centers {
	font-size: 13px;
	text-decoration: underline;
	color:rgba(0,0,0,.85);
	display: inline-block;
	margin-top: 10px;
}

.summary-box .btn-centers:hover {
	text-decoration: none;
}

.summary-box ul {
	margin: 0 0 8px;
}

.summary-box ul li {
	font-weight: 400;
}

.summary-box ul li small {
	text-transform: uppercase;
	font-weight: 600;
	padding-left: 3px;
	font-size: 10px;
}

.summary-box h4 {
	font-weight: 30px;
	line-height: 30px;
}

.summary-box h3 {
	font-weight: 600;
    display: block;
    text-transform: uppercase;
    font-size: 13px;
    margin: 5px 0 10px;
}

.summary-box h3:last-child {
	margin-bottom: 5px;
}

.summary-box h3 span {
	display: block;
	font-size: 22px;
    line-height: 22px;
    font-weight: 300;
}

.summary-box h3 span.price {
	font-size: 26px;
	line-height: 26px;
	font-weight: 600;
}

.summary-box h3 span.price small {
	font-size: 13px;
	line-height: 13px;
	font-weight: 600;
	padding-left: 3px;
}

.center-it {
	text-align: center;
}

.no-margin-top {
	margin-top: 0;
}

.results-imenik {
	font-weight: 600;
	margin-top: 40px;
	margin-bottom: 0;
	text-align: center;
    font-size: 22px;
    color: #ed1c24;
}

#imenik_results .table {
	margin-top: 20px;
}

.compare-wrapper {
	text-align: center;
}

.compare-checkbox {
	text-transform: uppercase;
	margin: 0 auto;
	display: inline-block;
}

.compare-checkbox input {
	width: 20px;
	height: 20px;
	float: left;
	margin: 1px 7px 0 0;
}

#compareContainer {
	display:none; 
	position: fixed; 
	bottom: 0; 
	background: #cac9c9; 
	padding: 30px 30px 60px; 
	width: 100%; 
	text-align: center;
	z-index: 3;
}

.mobile-wrapper {
	position: relative;
}

.mobile-wrapper img {
	float: left;
	margin: 0 10px 0 0;
	max-height: 80px;
}

.mobile-wrapper.ishor img {
	float: none;
	display: block;
}

.mobile-wrapper p {
	margin: 0;
	color: #fff;
	font-weight: 600;
	text-align: left;
	font-size: 18px;
	line-height: 22px;
}

.mobile-wrapper p span {
	display: block;
	overflow: hidden;
	display: -webkit-box;
	-webkit-line-clamp: 3;
	-webkit-box-orient: vertical;
}

.mobile-wrapper p a {
	display: block;
	color: #fff;
	font-size: 22px;
	line-height: 22px;
	margin: 0;
	position: absolute;
	top: -8px;
	left: -8px;
	background: #cac9c9;
	z-index: 20;
	border-radius: 40px;
	cursor: pointer;
}

#compareContainer .btn {
	background: #333;
	color: #fff;
	width: 100%;
	text-transform: uppercase;
}

#summary h2.red-title {
	font-weight: 100;
    font-size: 49px;
    line-height: 1;
    color: #ed1c24;
    margin: 0 0 18px;
}

.installments-summary h2.red-title {
	font-weight: 100;
    font-size: 32px;
    line-height: 1;
    color: #ed1c24;
    margin: 0 0 18px;
}

#summary .custom-radio .custom-control-input:checked~.custom-control-label::before, .installments-summary .custom-radio .custom-control-input:checked~.custom-control-label::before {
	background-color: #ed1c24;
	border-color: #ed1c24;
	background-color: #ed1c24;
	border-color: #ed1c24;
}

#summary .custom-control-label::before, .installments-summary .custom-control-label::before {
    width: 1.5rem;
    height: 1.5rem;
}

#summary .custom-control-label::after, .installments-summary .custom-control-label::after {
    width: 1.5rem;
    height: 1.5rem;
}

#summary .custom-control-input {
	z-index: 5;
}

.compare-table td {
	font-size: 14px;
}

.compare-table td strong {
	text-transform: uppercase;
}

.table .btn-vise {
	margin-top: 20px;
	text-transform: uppercase;
}

.call-management-center-table td p{
	font-size: 0.875rem;
	line-height: 1.5;
}

.call-management-center-lowertable td p{
	font-size: 0.875rem;
	line-height: 1.5;
}

big {
	font-family: 'HejHelveticaRegular';
}

@media print {
	@page {
	    size: auto;   /* auto is the initial value */
	    margin: 0 30px;  /* this affects the margin in the printer settings */
	}
	.main-content {
		padding: 30px 0 0;
	}
}

.table .head td {
	text-transform: uppercase;
	font-weight: 600;
}
.bckbtn-additional {
	color: black;
    float: right;
}

.bckbtn-additional:hover {
	color: #ED1C32;
}

.sorting-wrapper {
	margin: 0 0 30px;
}

.videoteka-sort select {
	float: left;
	width: 200px;
}

.videoteka-sort select.last {
	margin-left: 20px;
}

.custom-dropdown-menu .main-link {
	font-weight: 600;
}

.custom-dropdown-menu li ul {
	display: none;
}

.custom-dropdown-menu li ul.active {
	display: block;
}

.custom-dropdown {
	position: relative;
	border: 1px solid #ced4da;
	display: inline-block;
	height: calc(2.25rem + 2px);
    line-height: 1.5;
    color: #495057;
    vertical-align: middle;
    background: #fff;
    min-width: 300px;
    border-radius: .25rem;
}

.dropdown-text {
	display: inline-block;
	width: 100%;
	height: 100%;
	padding: .375rem 1.75rem .375rem .75rem;
	cursor: pointer;
	position: relative;
}

.dropdown-text:before {
	content: '\f0dd';
	font-family: 'Font Awesome 5 Pro';
	font-size: 15px;
	position: absolute;
	right: 20px;
	top: 5px;
	color: #495057;
	font-weight: 600;
}

.custom-dropdown-menu {
	width: 100%;
	position: absolute;
	top: 37px;
	left: 0;
	z-index: 4;
	background: #fff;
	padding: 10px 20px;
	border: 1px solid #ced4da;
	border-radius: .25rem;
	display: none;
}

.custom-dropdown-menu.active {
	display: block;
}

.custom-dropdown-menu li {
	border-bottom: 1px solid #eee;
}

.custom-dropdown-menu li a {
	font-size: 14px;
	color: #495057;
	padding: 7px 0;
	display: block;
}

.custom-dropdown-menu li ul {
	margin: -5px 0 10px;
}

.custom-dropdown-menu li ul li {
	border-bottom: none;
}

.custom-dropdown-menu li ul li a {
	padding: 2px 0;
}

.custom-dropdown-menu li:last-child {
	border-bottom: none;
}

.videoteka_filmBox {
	padding: 10px;
	background: #fff;
	box-shadow: 0 1px 1px rgba(0, 0, 0, 0.015);
}

.videoteka_filmBox img {
	border-radius: 1em;
}

@font-face {
    font-family: 'HejHelveticaRegular';
    src: url('hejhelbol-webfont.eot');
    src: url('hejhelbol-webfont.eot@') format('embedded-opentype'),
         url('hejhelbol-webfont.woff') format('woff'),
         url('hejhelbol-webfont.ttf') format('truetype'),
         url('hejhelbol-webfont.svg') format('svg');
    font-weight: normal;
    font-style: normal;

}

.swal2-container {
	z-index: 2000000!important;
}

.swal2-modal .swal2-title, .swal2-modal .swal2-content, .swal2-actions .btn {
	font-family: 'Futura'!important;
}

.custom-row {
	margin-left: -3px;
	margin-right: -3px;
}

.custom-col {
	padding-left: 3px;
	padding-right: 3px;
}

.swal2-modal .swal2-content a {
	color: #ED1C32;
	text-decoration: underline;
}

.swal2-modal .swal2-content a:hover {
	text-decoration: none;
}

/* SHOP PP */
.cancel-it {
	color: #fff;
	text-decoration: underline;
	cursor: pointer;
	text-align: center;
	font-family: Arial, sans-serif;
	margin: 30px 0;
}

.show-pp {
	width: 100%;
	height: 100%;
	position: fixed;
	z-index: 500000;
	top: 0;
	left: 0;
	background: rgba(0,0,0,.85);
	display: none;
	overflow-y: auto;
}

.show-pp h6 {
	color: #fff;
	text-transform: uppercase;
	font-weight: 600;
	font-size: 50px;
	line-height: 50px;
	margin: 0 0 30px;
	width: 100%;
	text-align: center;
}

.show-pp .container {
	position: absolute;
	top: 50%;
	left: 0;
	right: 0;
	margin: auto;
	transform: translateY(-50%);
}

.show-pp .container.active {
	top: 100px;
	transform: inherit;
}

.tarifa-wrapper {
	padding: 20px;
	background: #fff;
	margin: 3px 0;
	border-radius: 12px;
}

.tarifa-wrapper h2 {
	font-weight: 600;
	margin: 0 0 5px;
	font-size: 21px;
	line-height: 18px;
}

.tarifa-wrapper .h2-price {
	margin-bottom: 5px;
	font-weight: 700;
}

.tarifa-wrapper h2 span {
	display: block;
	text-transform: uppercase;
	font-size: 14px;
	font-weight: 600;
	font-family: Arial, sans-serif;
}

.tarifa-wrapper h3 {
	font-weight: 600;
	font-size: 14px;
	line-height: 20px;
	margin: 0 0 5px;
	font-family: Arial, sans-serif;
}

.tarifa-wrapper h3 span {
	display: block;
	font-size: 14px;
	line-height: 13px;
	font-weight: 400;
}

.tarifa-wrapper h3 span strong {
	text-transform: none;
}

.tarifa-wrapper hr {
	margin: 3px 0 10px;
}

.tarifa-wrapper .btn {
	background: #ED1C32;
	border: none;
	text-transform: uppercase;
	font-size: 17px;
	line-height: 17px;
	color: #fff;
	padding: 6px 20px;
	font-weight: 600;
	width: 100%;
	margin: 10px 0 0;
}

.tarifa-wrapper .btn:hover {
	background: #292920;
	color: #fff;
}

.pretitle {
	display: block;
	font-weight: 600;
}

.prices-both {
	float: left;
}

.prices-both strong {
	display: block;
}

.modal-form th {
	background: #eee;
}

.modal-form td:last-child {
	text-align: center;
	vertical-align: middle;
}

.modalsection {
	font-size: 16px; 
	line-height: 16px;
	text-transform: uppercase; 
	color: #ed1c24; 
	font-weight: 900; 
	display: block;
	margin: 25px 0;
}

.modalsection:hover {
	color: #EF3D46; 
}

.modalsection span {
	font-size: 14px; 
	text-transform: lowercase; 
	color: black; 
	font-weight: 200; 
	display: block;
}

.summary-status {
	background: red;
	text-align: center;
	padding: 20px 30px;
	color: #fff;
	text-transform: uppercase;
	font-weight: 500;
	display: inline-block;
	font-size: 20px;
	line-height: 20px;
	margin: 0 0 40px;
}

.summary-status strong {
	font-weight: 600;
}

h2.empty-block {
	font-size: 19px;
	line-height: 20px;
	color: red;
	margin: 0 0 30px;
}

.bon, .alert-box-bon, .bon-error {
	margin: 0 auto 50px;
	max-width: 600px;
}

.bon.inner {
	margin: 0;
}

.form-group .error.custom-error {
	display: none;
}

.bon label {
	display: block;
	font-size: 16px;
	line-height: 16px;
	font-weight: 600;
}

.bon h5.white-color {
    margin: 0 0 5px;
}


/*.cvv input {
	max-width: 120px;
}*/

.summary-text hr {
	margin: 15px 0 25px;
}

.bon label.error {
	clear: both;
	padding-top: 10px;
	font-size: 13px;
	line-height: 13px;
	color: red;
	font-weight: 500;
}

.dropdown.bons {
	float: left;
}

.dropdown-item {
	font-weight: 400;
}

#amount-selector.custom-select {
	border-color: #ed1c24;
    color: #ed1c24;
    height: calc(2.25rem + 4px);
    float: left; 
    width: 19.2%;
}

.bons-wrapper .btn {
	background: none;
	border-color: #ed1c24;
	color: #ed1c24;
	font-size: 18px;
	line-height: 18px;
	padding: 10px 10px;
	float: left;
	margin: 0 1% 0 0;
	width: 19.2%;
	text-transform: uppercase;
}

.bons-wrapper .btn.dropdown-toggle {
	margin-right: 0;
}

.bons-wrapper .btn:hover, .bons-wrapper .btn.active {
	background: #ed1c24;
	color: #fff;
}

.bons-wrapper .dropdown-menu {
	height: 300px;
	overflow: auto;
}

.bons-wrapper.tel .dropdown-menu {
	height: auto;
}

.bons-wrapper .form-control {
	float: left;
	/*width: 79.8%;*/
	padding: 8px 20px 9px;
	font-size: 18px;
	line-height: 18px;
	margin-left: 1%;
}

.bons-wrapper .choose-nr {
	width: 19.2%;
	margin-left: 0;
	float: left;
	height: calc(2.25rem + 4px)!important;
}

.bons-wrapper .form-control.nr-input {
	width: 79.8%!important;
}

.btn-buy {
    background: #ed1c24;
    font-weight: 600;
    text-transform: uppercase;
    margin: 0;
    color: #fff;
}

.btn-buy.uplati-btn {
	margin: 10px 0 0;
}

.btn-buy:hover {
	color: #fff;
	background-color: #000;
}

.btn-cancel {
	color:rgba(0,0,0,.85);
	line-height: 1.5;
	text-decoration: underline;
}

.btn-cancel:hover {
	text-decoration: none;
	color:rgba(0,0,0,.85);
}

.btn-buy:hover {
	background: #CA1019;
}

.small-cards {
	float: right;
	margin-top: 13px;
}

.user-box {
	font-size: 22px;
}

.accstate-box {
	font-size: 17px;
}

.alert-box-bon {
	border: 1px solid #e5e5e5;
	padding: 40px 30px;
	background: #fff;
	border-radius: .25rem;
}

.alert-box-bon.alert-box-bon-modal {
	border: none;
	margin-top: 30px;
}

.alert-box-bon label strong {
	display: block;
	font-size: 30px;
	line-height: 40px;
	color: #ed1c24;
	margin: 0 0 20px;
}

.alert-box-bon p {
	margin: 40px 0 0;
	font-size: 15px;
	line-height: 18px;
}

.alert-box-bon p a {
	color:rgba(0,0,0,.85);
	text-decoration: underline;	
}

.alert-box-bon p a:hover {
	text-decoration: none;
}

.summary-text .alert-box-bon {
	margin-bottom: 15px;
	border-color: #ced4da;
	padding-bottom: 5px;
}

/* KOŠARICA */

.amount-wrapper {
	float: right;
}

.amount-wrapper button {
	float: left;
}

.amount-wrapper .form-control {
	width: 50px;
	text-align: center;
	float: left;
	margin: 0 5px;
	padding: .375rem .25rem
}

.table-price, .table-pricev2 {
	font-size: 20px;
	line-height: 24px;
	text-align: right;
}

.table-price span, .table-pricev2 span {
	display: block;
	text-transform: uppercase;
	font-weight: 600;
	font-size: 12px;
	line-height: 15px;
}

.table-price small, .card-title-box small, .table-pricev2 small{
	font-weight: 600;
	font-size: 12px;
	line-height: 12px;
	text-transform: uppercase;
	padding-left: 3px;
}

.cart-table tr td {
	vertical-align: middle;
}

.cart-table tr td a {
	color:rgba(0,0,0,.85);
}

.cart-table tr.shipping-row td {
	border-top-width: 3px;
}

.cart-table tr td:last-child {
	text-align: right;
}

.cart-table tr.summary-price td {
	padding: 1.8rem .75rem;
}

.cart-table tr.summary-price.colored td {
	background: #faf8f8;
}

.cart-table .btn-delete {
	font-size: 25px;
	line-height: 25px;
	color: #bcbcbc;
}

.card-title-box {
	font-size: 19px;
	line-height: 22px;
}

.summary-price .card-title-box.big {
	font-size: 30px;
	line-height: 30px;
}

.card-title-box strong {
	font-weight: 600;
	text-align: right;
	display: inline-block;
}

.card-title-box span {
	font-size: 14px;
	line-height: 20px;
	display: block;
	font-weight: 600;
}

.card-title-box.card-title-box-wishlist {
    font-size: 22px;
}

.card-title-box.card-title-box-red a {
	color: #ed1c24;
}

.card-title-box.card-title-box-red a span {
	color: rgba(0,0,0,.85);
}

.form-wrapper {
	background: #eee;
	padding: 25px 20px 25px;
	/*display: none;*/
}

.form-wrapper h2 {
	margin: 0 0 15px;
	text-transform: uppercase;
	font-size: 20px;
	line-height: 20px;
	font-weight: 600;
}

.add-top {
	margin-top: 117px;
}

.nice-title-wrp {
	margin-top: -117px;
    margin-bottom: 34px;
	margin-left: -20px;
}

.nice-title-wrp.normal {
	margin-top: 0;
    margin-bottom: 0;
	margin-left: 0;
}

.btn-mdl {
	padding: 0;
	font-size: 14px;
	text-decoration: underline!important;
	margin: -5px 0 15px;
}

.btn-mdl:hover {
	text-decoration: none!important;
}

.nice-title-wrp h5 {
	font-weight: 700;
	font-size: 26px;
}

.nice-icons img {
	width: 100px;
}

.nice-title-wrp.normal img {
	width: 150px;
}

.img-side {
	width: 100px;
	margin: 0 0 0 0;
	background-repeat: no-repeat!important;
	background-position: 4px 10px!important;
	background-size: contain!important;
}

.nice-box.d-flex {
	width: 32%;
	padding: 0;
}

.nice-box .text-side {
	padding: 20px 0 10px 20px;
}

.nice-box.fourbox .text-side {
	padding: 0;
}

.tourist-options-wrapper h3{
	font-size: 16px;
	font-weight: 400;
}

.tourist-options-wrapper h3 a{
	color: #ed1c24;
}

.tourist-options-wrapper td h3{
	font-size: 14px;
	font-weight: 400;
}

.tourist-options-wrapper td h3 span.red-big {
	font-size: 14px;
	line-height: 1;
	font-weight: 600;
	background: #ed1c24;
	color: #fff;
	border-radius: 5px;
	display: inline-block;
	padding: 5px 6px 4px 6px;
}

.ict-heading a{
	font-size: 12px !important;
	color: #fff !important;
	text-transform: uppercase !important;
	text-decoration: none  !important;
	line-height: 1;
	padding-left: 5px;
	margin-bottom: 50px;
	display: flex;
	align-items: center;
}

.ict-heading a:hover{
	opacity: 0.75;
}

.ict-heading img{
	width: 18px;
}

.tourist-options-wrapper td h3 s {
	font-size: 14px;
	color: #ed1c24;
	text-decoration-thickness: 2px;
}

.tourist-options-wrapper h3 span.red-big {
	font-size: 16px;
	line-height: 1;
	font-weight: 600;
	background: #ed1c24;
	color: #fff;
	border-radius: 5px;
	display: inline-block;
	padding: 5px 6px 4px 6px;
}

.tourist-options-wrapper h3 s {
	font-size: 16px;
	color: #ed1c24;
	text-decoration-thickness: 2px;
}

.tourist-options-wrapper h3 s strong {
	color: #000;
}

#form-box .custom-control-label {
	font-size: 22px; 
	line-height: 20px; 
	padding: 3px 0;
	font-weight: 600;
}
#form-box .custom-control-label a {
	color: #ed1c24;
	text-decoration: underline;
}
#form-box .custom-control-label a:hover {
	text-decoration: none;
}

.credit-cards-wrapper {
	position: absolute;
	bottom: 3px;
	right: 0;
}

.credit-cards-wrapper img {
	width: 45px;
	float: left;
	margin: 0 0 0 5px;
}

.credit-cards-wrapper-inner {
	float: right;
	margin: 10px 0 0;
}

.credit-cards-wrapper-inner img {
	width: 45px;
	float: left;
	margin: 0 0 0 5px;
}


.funds-box {
	border: 1px solid #e5e5e5;
	padding: 20px 20px 50px;
	height: 100%;
	position: relative;
	border-radius: .25rem;
}

.funds-box a.custom-btn {
	margin: 0;
	bottom: 20px;
	position: absolute;
}

.funds-box h3 {
	font-size: 27px;
	line-height: 28px;
	font-weight: 600;
	margin: 20px 0 10px;
}

.funds-box i {
	font-size: 26px;
	line-height: 20px;
	color: #f2652b;
}

.alert-popover .popover-body {
	color: #ed1c24;
}

.success-info p {
	font-size: 16px;
	line-height: 23px;
}

.success-info p.intro {
	font-size: 20px;
	line-height: 28px;
}

.inp-big {
	padding: 20px;
	width: 170px;
	font-size: 25px;
	line-height: 25px;
	display: inline-block;
} 

.tarifa-wrapper h3 span.red-big {
	font-size: 14px;
	line-height: 1;
	font-weight: 600;
	background: #ed1c24;
	color: #fff;
	border-radius: 5px;
	display: inline-block;
	padding: 3px 6px 2px 6px;
}

.tarifa-wrapper h3 s {
	font-size: 13px;
	color: #ed1c24;
	text-decoration-thickness: 2px;
}

.tarifa-wrapper h3 s span {
	color: #000;
	font-weight: 600;
	font-size: 14px;
}

.tarifa-wrapper h3 s strong{
	color: #000;
	font-weight: 600;
	font-size: 14px;
}

.nice-box h3 span.red-big {
	font-size: 16px;
	line-height: 1;
	font-weight: 600;
	background: #ed1c24;
	color: #fff;
	border-radius: 5px;
	display: inline-block;
	padding: 5px 6px 4px 6px;
}

.nice-box h3 s {
	font-size: 16px;
	color: #ed1c24;
	text-decoration-thickness: 2px;
}

.nice-box h3 s strong {
	color: #000;
}

.km-span{
	font-size: 30px;
	margin-left: 5px;
}

.success-info p strong {
	font-weight: 600;
}

.success-info h2 {
	text-transform: uppercase;
	font-size: 20px;
	line-height: 20px;
	margin: 0 0 10px;
	font-weight: 600;
}

.success-info .cart-wrapper {
	margin: 20px 0 20px;
}

.success-info .cart-wrapper .table tr:first-child td {
	border-top: none;
}

.top-success-info {
	border: 1px solid #eee;
	margin-top: 30px;
	padding: 30px 30px 15px;
}

a.def-link {
	color: #ed1c24;
	text-decoration: underline;
}

a.def-link:hover {
	text-decoration: none;
}

#hr_form hr {
	margin-top: 5px;
}

#hr_form h6 {
	padding-top: 20px;
    color: #ed1c23;
}
 
#hr_form h2 {
	padding-top: 30px;
}

#hr_form label.error {
	color: red;
    font-weight: 400;
}

/* DD MENU MOBILE */

#mm {
	position: fixed;
	width: 100%;
    background: #fff;
    display: block;
    z-index: 1000000;
    height: 0;
    overflow-y: scroll;
	top: 61px;
    /*border-top: 1px solid #ccc;*/
	-moz-transition: height .6s ease;
	-webkit-transition: height .6s ease;
	-o-transition: height .6s ease;
	transition: height .6s ease;
	-webkit-overflow-scrolling: touch!important;
} 

#mm ul li a {
	padding: 15px 15px;
	display: block;
	text-transform: uppercase;
	font-size: 15px;
	background: #fff;
	border-top: 1px solid #ccc;
	font-weight: 500;
	color: #636363;
	line-height: 15px;
	position: relative;
}

#mm ul li:first-child a.parent-link-child {
	border-top: none;
}

#mm ul li.small a {
	font-weight: 400;
}

#mm ul li:last-child a {
	border-bottom: 0;
}

#mm ul li.parent-link.active {
	/*background: #eee;*/
}

#mm ul li.parent-link.active a {
	border-bottom-color: #fff;
	/*background: #eee;*/
}

#mm.active {
	height: calc(100% - 49px);
}

#mm ul li ul {
	display: none;
	padding: 0 0 15px;
	margin-top: -10px;
}

#mm ul li ul li a {
	border-top: none;
	text-transform: none!important;
	padding: 8px 15px 8px 15px;
	font-size: 15px;
	font-weight: 300;
	line-height: 15px;

}

#mm ul li ul li a:before {
	/*content: '\f32b';
	font-family: 'Font Awesome 5 Pro';
  	display: inline-block;
  	font-weight: 900;
  	font-size: 13px;
  	line-height: 13px;
  	margin-left: -18px;
  	width: 15px;
  	margin-top: 2px;
  	font-weight: 300;
  	float: left;*/
}

#mm ul li i {
	color: #e2001a;
}
#mm ul li ul.active {
	display: block;
}
#mm ul li.has-ul .parent-link-child {
	position: relative;
}
#mm ul li.has-ul.diff-li {
	position: relative;
}
#mm ul li.has-ul.diff-li:after {
	content: '';
	width: 46px;
	height: 46px;
	background: none;
	position: absolute;
	right: 0;
	top: 0;
	z-index: 500;
	cursor: pointer;
}
#mm ul li.has-ul .parent-link-child:after {
	content: '\f107';
	font-family: 'Font Awesome 5 Pro';
	position: absolute;
	right: 3px;
	top: 0;
	font-size: 22px;
	line-height: 22px;
	padding: 12px;
	z-index: 500;
}
#mm ul li.has-ul.active .parent-link-child:after {
	transform: rotate(-180deg);
}

.btn-link {
	color: #282828;
	text-decoration: underline;
}

.btn-link:hover {
	color: #282828;
	text-decoration: none;
}

.sub-nav ul li a{
	font-weight: 400;
	font-family: 'Roboto';
}

.style-content h2{
	font-weight: 500;
}

.style-content h2.head-alert {
	font-weight: 600;
	font-size: 40px;
	margin-bottom: 15px;
}

.hr-first {
	margin: 50px 0 10px;
}

.hr-second {
	margin: 40px 0 10px;
}

.nice-box h3, .style-content p, .style-content ul, .style-content li{
	font-weight: 400;
}

/* ACCESSIBILITY */
.accs .logo img {
    width: 220px;
}
.accs .sub-menu, .accs .summary-box, .accs .main-content.product-details, .accs .nice-box, .accs .imenik-cnt, .accs .form-wrapper, .accs .answer-list li, .accs .cart-table tr.summary-price.colored td, .accs .style-content .table th, .accs .table_head_dark td {
	background: #000!important;
}
body.accs, .accs .sub-menu ul li a, .accs .main-menu ul li a, .accs .main-footer-links a, .accs #main-footer p, .accs #main-footer p a, .accs .sociala a, .accs .product-box a, .accs .icon-info h2, .accs .icon-info p, .accs .icon-info a, .accs .btn-outline-secondary, .accs .summary-box .btn-centers, .accs .close, .accs .style-content h2.intro, .accs .additionals ul li a span, .accs .support-box.half ul li a, .accs .tool-box ul li a, .accs .menuLeft li a, .accs .tool-box ul li a, .accs .tool-box ul li a:before, .accs .articlesList li a, .accs .cart-table tr td a, .accs .breads a, .accs a.prst, .accs .summary-box.cloned a.x-btn, .accs #mm ul li a, .accs .top-mm-nav a {
	color: #fff;
}
.accs .sub-menu ul li.float-right.red-submenu-li a:hover {
    color: #fff;
}
.accs .sub-menu ul li.float-left.active a {
    color: #000;
}
body.accs, .accs #main-footer, .accs .title-cool span, .accs .info-mobile, .accs .tech, .accs .tarifa-wrapper, .accs .modal-form th, .accs .modal-content, .accs .main-menu, .accs #amount-selector.custom-select, .accs #mm, .accs #mm ul li a, .accs .top-mm-nav {
	background: #000;
}
.accs .float-menu {
	border-color: #000;
}
.accs .title-cool:before, .accs #main-content.home  {
	background: #000;
}
.logo a.accs-logo, .accs .logo a.normal-logo {
	display: none;
}
.accs .logo a.accs-logo {
	display: block;
}
.accs .main-footer-links a, .accs .btn-outline-secondary {
	border-color: #fff;
}
.accs .carousel-indicators .active, .accs .imenik-cnt button, .accs input.btn, .accs .float-menu .btn-buy, .accs a.rounded-link, .accs .btn-vise, .accs .summary-box .btn-buy, .accs .fixed-price-container .btn-buy, .accs .btn-go, .accs .tarifa-wrapper .btn, .accs .modal-form .btn, .accs a.btn-go.prijenos-orange-btn, .accs a.custom-btn, .accs .bons-wrapper .btn:hover, .accs .bons-wrapper .btn.active, .accs .btn-buy, .accs .answer-list li span {
	background: #fcff00;
}
.accs a.custom-btn {
	color: #000;
} 
.accs .imenik-cnt button, .accs input.btn, .accs .float-menu .btn-buy, .accs a.rounded-link, .accs .btn-vise, .accs .summary-box .btn-buy, .accs .fixed-price-container .btn-buy, .accs .btn-go, .accs .tarifa-wrapper .btn, .accs .modal-form .btn, .accs .mobile-wrapper p, .accs .bons-wrapper .btn:hover, .accs .bons-wrapper .btn.active, .accs .btn-buy, .accs .answer-list li span  {
	color: #000!important;
}
.accs .product-box label {
	color: #fff;
}
.accs .product-box a .price-box, .accs .icon-info i, .accs .summary-box .btn-small, .accs .info-text ul li:before, .accs .style-content p a, .accs .additionals ul li a strong, .accs .additionals ul li a:before, .accs .style-content h2, .accs .nice-box h3 span, .accs .nice-box h3.price span, .accs .nice-box h4, .accs .bons-wrapper .btn, .accs #amount-selector.custom-select, .accs .support-box ul li a, .accs .sub-menu ul li.float-right.active a, .accs .support-style h2, .accs .articlesList li a:after, .accs .style-content li.docs, .accs .answer-list li strong, .accs #mm ul li i {
	color: #fcff00;
}
.accs .style-content p a:hover {
    opacity: 1;
}
.accs .nice-box a.custom-btn:hover, .accs a.custom-btn:hover, .accs .custom-btn.gray-btn:hover {
	background: #fcff00;
	color: #000;
}
.accs .btn-go:hover, .accs .btn-buy:hover {
	background: #fcff00!important;
}
.accs .bons-wrapper .btn, .accs #amount-selector.custom-select, .accs .btn-buy {
	border-color: #fcff00;
}
.accs #main-footer .container {
	/* background: url(/assets/images/eronet-logo_white.png) no-repeat bottom right;
	background-size: 200px; */
}

.accs .illustration-home {
	background: none;
}

.accs #transferForm .btn-breadcrumb .btn {
	background: #fff!important;
}

.accs #transferForm .btn-breadcrumb .btn.act {
	background-color: #ed1c24!important;
}
.accs .summary-box .label.big, .accs .btn-link {
	color: #fff;
}
.accs .additionals ul li a:hover {
    opacity: 1;
}
.accs #content {
    background-color: #000;
}
.accs .kolona.kolona-hover {
	color: #000;
}
.accs .konfigurator .kolona.red-color.active {
    background: #fcff00;
    border-left: 1px solid #fcff00;
    border-right: 1px solid #fcff00;
}
.accs .kolona.grey-more-color, .accs .kolona.grey-color {
	color: #303030;
}
.accs .konfigurator .kolona.red-color {
    background-color: #fcff00;
    color: #000;
}
.accs a.box-news h2,
.accs a.box-news p {
    color: #fff;
}
.accs .prices .panel-heading {
    background-color: #fff;
}
.accs #content h2, .accs .selfcare-wrapper .more-options .custom-control-label span, .accs .selfcare-wrapper .nice-box h2 i {
    color: #fcff00;
}
.accs .nice-box h2, .accs .nice-price {
    color: #fff;
}
.accs .quest-box a {
    color: #fff;
}

.accs .imenik-cnt button, .accs input.btn, .accs .float-menu .btn-buy, .accs a.rounded-link, .accs .btn-vise, .accs .summary-box .btn-buy, .accs .fixed-price-container .btn-buy, .accs .btn-go, .accs .add-funds-btn, .accs .self-box .btn-hej, .accs .reg-box .btn, .accs .self-box a.btn.bigone, .accs .btn-buy {
	background: #fcff00;
	color: #000!important;
}

.accs .imenik-cnt button:hover, .accs input.btn:hover, .accs .float-menu .btn-buy:hover, .accs .imenik-cnt button:active, .accs input.btn:active, .accs .float-menu .btn-buy:active, .accs .rounded-link:hover, .accs .rounded-link:active, .accs .btn-vise:hover, .accs .btn-go:hover, .accs .add-funds-btn:hover, .accs .self-box button.btn-hej:hover, .accs .reg-box .btn:hover, .accs .self-box a.btn:hover, .accs .overview ul li a:hover, .accs .status-box a:hover, .accs .btn-buy:hover, .accs .selfcare-wrapper .top-info label a:hover, .accs .show-info, .accs .modal-custom .btn-danger, .accs .add-funds-btn.grey-one {
	background: #fcff00!important;
}

.accs a.password-link, .accs a.password-link, .accs #formSection .tab-data span, .accs .btn-breadcrumb .btn, .accs .text-muted {
	color: #fff!important;
}

.accs .more-options .custom-radio .custom-control-input:checked~.custom-control-label:before {
	background-color: #000!important;
}

.accs .more-options .custom-control-label, .accs .nice-box.overview-box .nice-price span {
	color: #fff!important;
}

.accs .modal-custom .modal-content {
	border: 5px solid #fff;
}

.accs .form-tooltip, .accs .form-tooltip:hover, .accs .selfcare-menu ul li a, .accs .active-options ul li.last, .accs .selfcare-wrapper .sprt-box ul li a, .accs label.terms-of-use-link a {
	color: #fcff00!important;
}

.accs .swal2-modal .swal2-title, .accs .swal2-modal .swal2-content {
	color: #000!important;
}

.accs .nice-box.overview-box .nice-title {
	background: #fcff00!important;
}

.accs .nice-box.overview-box {
	border: 1px solid #fff;
}

.accs .nice-box.overview-box h2, .accs .selfcare-wrapper .nice-box.overview-box h2 i {
	color: #000;
}

.accs .btn-breadcrumb .btn.act {
	background: #fcff00!important;
	color: #000!important;
}

.accs .btn-breadcrumb .btn.btn-default.act:not(:last-child):after {
	border-left: 10px solid  #fcff00!important
}

.accs .show-info {
	border-color: #fcff00!important;
}

.accs .status-bill {
	border: 1px solid rgba(255,255,255,1);
}

.accs .status-heading {
	color: #fff;
}

.accs .show-info .btn-fake {
	background: #000!important;
	color: #fff!important;
}

.shop-info-box .device-price,
.shop-info-box .device-monthly-price {
	display: inline-block;
}

.accs .status-box.status-box-aktivan, .accs .selfcare-wrapper .status-current .bigger span {
	color: #fff;
}

.accs .funds-box i {
	color: #fff;
}

.accs .status-bill a, .accs .btn-fake {
	background: #fff;
	color: #000!important;
}

.tooltip-inner {
	background-color: #d8353b;
}

.accs .alert-box-bon {
	color: #000;
}

.accs .more-options .custom-control-label {
	color: #fff;
}

.bs-tooltip-auto[x-placement^=top] .arrow::before, .bs-tooltip-top .arrow::before {
	border-top-color: #d8353b;
}
#tehnicke-karakteristike .table td { font-weight: 300; }
#tehnicke-karakteristike .table td strong { font-weight: 600; }

a.prst {
	font-size: 16px;
	color: #333;
	display: inline-block;
	font-weight: 400;
}

.ft-lg {
	margin-left: auto;
	max-width: 100px;
}

.product-list-dd .btn {
	font-size: 15px;
	line-height: 15px;
	padding: 10px 20px 8px;
}

h2.mainTitleVS{
	font-size: 50px; 
	font-weight: 900; 
	text-align: center;
}

.vr-store-loc h2{
	margin-bottom: 20px;
}

.vr-store-loc {
    text-align: center;
}

.vr-store-loc a{
    color: #fff;
    border: none;
    margin-top: 20px;
    text-transform: uppercase;   
    margin-bottom: 50px;     
}

	.vr-store-loc a:hover{
		opacity: 0.7;
		filter: alpha(opacity=70); /* For IE8 and earlier */
	}

.vr-store-loc img{
	border-radius: 23px;
}

.self-box {
	padding: 30px;
	min-height: 400px;
	position: relative;
}

.self-box.self-box-hej {
	min-height: auto;
	border: 1px solid #ccc;
	margin-top: 30px;
	border-radius: 4px;
	padding: 40px;
}

.self-box p strong {
	display: block;
}

.self-box figure {
	margin: 0 0 20px;
	min-height: 140px;
	position: relative;
}

.self-box img {
	max-height: 60px;
	position: absolute;
	bottom: 0;
	left: 0;
}

.self-box.first img {
	max-height: 80px;
}

.self-box a.btn-klub {
	background: #E2001A;
	color: #fff;
}

.self-box a.btn.orange {
	background: #F2652A;
}

.self-box a.btn.bigone {
	padding: 12px 30px;
	font-size: 23px;
	line-height: 25px;
}

.self-box .btn-hej {
	background: #F2652A;
	color: #fff;
}

.col-1-mrg{
	margin-bottom: 100px;
}

.line {
	background: #e5e5e5;
	min-height: 350px;
	width: 1px;
	margin: 0 auto;
}

.self-care.login .line {
	min-height: 325px;
}

.logo-hej {
	height: 80px;
}

.self-box h2 {
	margin: 0 0 10px;
	font-size: 24px;
	font-weight: 600;
    padding: 88px 0 0 98px;
}

.self-box.self-box-hej h2 {
	padding: 0;
}

.dropdown .custom-row {
	margin-left: -3px;
	margin-right: -3px;
}

.dropdown .custom-col {
	padding-left: 3px;
	padding-right: 3px;
}

.modal-custom .modal-content {
	text-align: center;
}

.modal-custom .modal-body {
	padding-bottom: 1.5rem;
}

.modal-custom .modal-header {
	margin: 0 auto;
}

.toggle-notice {
	color: #f2652b;
	cursor: pointer;
}

.toggle-notice.active {
	color: #262626;
}

.samsung-first-text{
	font-size: 2rem !important;
	font-weight: bold;
}

.overview h2 {
	font-weight: 300;
	margin: 0 0 10px;
	font-size: 50px;
	line-height: 50px;
}

.overview ul li {
	font-size: 17px;
    line-height: 17px;
    margin: 0 0 10px;
    padding: 0 0 10px;
    position: relative;
    border-bottom: 1px solid #e3e3e3;
}

.overview ul li:last-child {
	border-bottom: none;
}

.overview ul li span {
	display: inline-block;
	margin-top: 5px;
}

.overview ul li a {
	display: inline-block;
	padding: 5px 10px;
	border-radius: 4px;
	color: #fff;
	font-size: 15px;
	line-height: 16px;
	background: #F2652A;
	font-weight: 400;
	margin: 0 0 0 10px;
	float: right;
}

.status-box.lbl a {
	margin: 0;
}

.overview ul li a i, .status-box a i, .status-bill a i {
	font-size: 12px;
}

.status-bill {
	border: 1px solid rgba(0,0,0,0.1);
	padding: 15px 15px 15px;
	margin: 10px 0 10px;
	border-radius: .25rem;
}

.status-bill small {
	font-size: 17px;
	font-weight: 500;
}

.status-bill small span {
	color: #ed1c24;
}

.status-first {
	display: inline-block;
	width: 100%;
}

.status-box {
	color: #E2001A;
	font-size: 19px;
	margin: 0 0 30px;
	font-weight: 600;
}

.status-box.status-box-aktivan {
	color: green;
}

.overview ul li:last-child {
	margin: 0;
}

.option-wrapper {
	margin: 20px 0 0;
}

.status-box p {
	font-size: 17px;
	margin: 0;
}

.sprt-box {
	margin: 0 0 50px;
}

.sprt-box a.custom-btn {
	margin: 10px 0 0;
}

.sprt-box p {
	margin: 0;
}

.sprt-box ul li a {
	color: #ed1c24;
	text-decoration: underline;
}

.sprt-box ul li a:hover {
	text-decoration: none;
}

.option-box {
	border: 1px solid #333;
	padding: 30px;
	margin: 0 0 30px;
	position: relative;
}

.option-box button {
	border-radius: 0;
	text-transform: uppercase;
	font-size: 12px;
	line-height: 11px;
	padding: 8px 14px;
	font-weight: 600;
}

.option-box button.btn-active {
	background: #E2001A;
}

.option-box h4 {
	text-transform: uppercase;
	font-weight: 600;
	margin: 0 0 10px;
}

.option-box:last-child {
	margin: 0;
}

.more-options {
	margin: 30px 0 0;
}

.more-options .custom-control {
	font-size: 32px;
	line-height: 33px;
	font-weight: 300;
	color: #ed1c24;
	margin: 0 0 10px;
	padding-left: 2.5rem;
}

.more-options .custom-control-label {
	cursor: pointer;
	font-size: 25px;
	color: #000;
}

.more-options .custom-control-label:before, .more-options .custom-control-label:after {
	width: 1.8rem;
	height: 1.8rem;
	left: -2.5rem;
}

.more-options .custom-radio .custom-control-input:checked~.custom-control-label:before {
	background-color: #ed1c24;
}

.modal-custom .btn-danger {
	background: #e2001a;
}

.reg-box {
	background: #F2652A;
	color: #fff;
	padding: 28px 10px 28px 20px;
    margin-top: 30px;
	border-radius: 4px;
	position: relative;
}

.reg-box img {
	/*position: absolute;
	bottom: 0;
	right: -35px;*/
	margin-bottom: -28px;
}

.reg-box .btn {
	background: #FED102;
	color: #333;
	font-size: 15px;
	text-transform: uppercase;
	border: none;
	font-weight: 600;
	padding: 8px 20px 7px;
}

.reg-box h2 {
	margin: 0 0 15px;
	font-size: 30px;
}

.myinfo_save {
	background: #6c757d;
	padding: 10px 20px;
	color: #fff;
}

.myinfo_save:hover,
.myinfo_save:focus,
.myinfo_save:active {
	background: #545b62;
	padding: 10px 20px;
	color: #fff;
}

.registration-page h2{
	margin-bottom: 40px;
}

.custom-checkbox .custom-control-input:checked~.custom-control-label::before {
	background-color: #ed1c24!important;
	border: 1px solid #ed1c24;
}

.bon .custom-control-label::before {
	background-color: #ded1a6;
	border: 1px solid #c1b385;
}

.custom-radio .custom-control-label::before {
	border-radius: .25rem;
}

.custom-radio .custom-control-input:checked~.custom-control-label::after {
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3E%3Cpath fill='%23fff' d='M6.564.75l-3.59 3.612-1.538-1.55L0 4.26 2.974 7.25 8 2.193z'/%3E%3C/svg%3E");
}

.more-options .custom-radio .custom-control-input:checked~.custom-control-label:before {
	background-color: #f2652b!important;
}

.form-row {
	margin-top: 15px;
}

#formSection .btn-form-next {
	background: #ed1c24;
	color: #fff;
}

#formSection .steps {
	display: none;
}

#formSection .actions ul li{
	list-style: none;
	margin: 0;
}

#formSection .actions ul li a {
    display: inline-block;
    margin-right: 15px;
    font-size: 14px;
    font-weight: 600;
    line-height: 1.5;
    border-radius: 4px;
    color: #fff;
    background: #ed1c24;
    padding: .375rem .75rem;
    text-transform: uppercase;
    border-color: #ed1c24;
    text-decoration: none;
    float: left;
}

.form-tooltip,
.form-tooltip:hover {
	font-size: 22px;
	color: #ed1c24;
	margin-left: 5px;
}

h1.netnine-h1 {
	font-size: 50px;
    line-height: 65px;
	color: #0a3559;
}

.banner-top {
	margin: 0 0 20px;
}

.banner-top img {
	border-radius: 22px;
}

.netnine-links a {
	color: #ed1c24;
}
.strikethrough{
	position: relative;
}
.strikethrough:before{
	position: absolute;
    content: "";
    left: -10%;
    top: 40%;
    right: -10%;
    border: 1px solid rgb(228, 35, 52);
    -webkit-transform: rotate(-10deg);
    transform: rotate(-10deg);
}

/*mostar-run*/
h2.mostar-run{
	color: #721e6c;
	font-size: 42px;	
	line-height: 45px;
	text-align: center;
	padding-bottom: 35px;
}
span.zasto{
	padding: 10px 10px 10px 15px;
	background: #ee7f00;
	color: white;
	font-size: 25px;
	display: block;

}
span.kako{
	padding: 10px 10px 10px 15px;
	background: #721e6c;
	color: white;
	font-size: 25px;
	display: block;

}
span.gdje{
	padding: 10px 10px 10px 15px;
	background: #c61d23;
	color: white;
	font-size: 25px;
	display: block;

}
p.runp{
	color: #4d4d4f;
	font-size: 24px;
	font-weight: 400;
	padding: 10px 0 0 15px;
	line-height: 30px;
}
a.mrun{
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
	background:  red;
	padding: 25px;
	text-align: center;
	font-size: 30px;
	color: white;
	display: block;
	line-height: 30px;
	margin: 20px 0;

}
a.mrun:hover{
	background:#ffed00;
	color: red; 
}

.kupi-bon-ckeditor {
	padding: 20px 0;
}

.kupi-bon-ckeditor p {
	font-size: 2rem;
	font-weight: 600;
	line-height: 1.2;
}

.kupi-bon-ckeditor p a {
	color: #ed1c24;
	text-decoration: underline;
}

.kupi-bon-ckeditor p a:hover {
	text-decoration: none;
}

#frmPayment .list-group-item small {
	visibility: hidden;
}
#frmPayment .list-group-item:hover small {
	visibility: visible;
}

h2.hejsocial{
	font-size: 45px;
	color: #58595b;
	line-height: 50px;
}

.modal.modal-poll.show .modal-dialog {
	transform: translate(-50%,-50%);
}

.modal.modal-poll .modal-dialog {
	position: absolute;
	left: 50%;
	top: 50%;
}

.modal-poll .modal-header {
	background: url('crvena-podloga.jpg') center / cover no-repeat;
}

.modal-poll .close {
	font-size: 2.1rem;
	color: #fff;
	opacity: 1;
}

.modal-poll .close:hover {
	color: #fff;
}

.modal-poll .modal-poll-logo {
	width: 75px;
}

.modal-poll .close:focus {
	outline: 0;
}

.modal-poll .btn-close {
	display: inline-block;
    text-align: center;
    padding: 7px 15px;
    background-color: #282828;
    color: #fff!important;
    text-transform: uppercase;
    margin: 20px 0 0;
    font-weight: 600;
    font-size: 13px;
    line-height: 13px;
    border-radius: 4px;
	cursor: pointer;
	box-shadow: none;
	border: 0;
}

.modal-poll .btn-close:hover {
	background-color: #282828;
}

.product-options-center {
	padding-bottom: 60px;
}

.icons-info.icons-info-custom {
	padding: 0;
}

.filters {
	padding-top: 20px;
}

.filters a {
	display: inline-block;
}

.filters a.btn.btn-outline-secondary.active {
	background: #ed1c24;
	color: #fff;
	border: 1px solid #ed1c24;
}

.filters a.active:before {
	content: "\f00d";
	font-family: 'Font Awesome 5 Pro';
	display: inline-block;
	font-size: 0.95rem;
	color: #fff;
	margin-right: 10px;
}

.channel-logo-img{
	width: 80%;
	border-top: 1px solid lightgray;
}

.channel-wrapper{
	border: 1px solid lightgray;
	border-radius: 5px;
	color: #fff;
	background: #c9061d;
}

.channel-name, .channel-number{
	font-size: 0.75rem;
	font-weight: 300;
}

.channel-number{
	display: block;
	width: 100%;
	padding: 2px 0;
	background: #8b1455db;
}

.channel-name, .name-col{
	line-height: 1 !important;
	padding-bottom: 4px;
	padding-top: 6px;
}

.channel-cat-name{
	font-size: 1.75rem;
}

.drop-box-questions-wrapper .drop-box-wrapper {
	border: 1px solid #aaa;
	padding: 10px 15px 0;
	margin-bottom: 15px;
	border-left: 10px solid #ed1c24;
}

.drop-box-questions-wrapper .drop-box-question {
	display: flex;
	justify-content: space-between;
	align-items: center;
	cursor: pointer;
}

.drop-box-questions-wrapper .drop-box-question p {
	font-size: 2rem;
	margin: 0;
	line-height: 1.25;
}

.drop-box-questions-wrapper .drop-box-question .icon {
	font-size: 1.75rem;
	transition: transform 0.3s ease;
}

/* Answer animation setup */
.drop-box-questions-wrapper .drop-box-answer {
	font-size: 1rem;
	overflow: hidden;
	max-height: 0;
	opacity: 0;
	transition: max-height 0.3s ease, opacity 0.3s ease, margin-bottom 0.3s ease, margin-top 0.3s ease;
	margin-bottom: 10px;
}

.drop-box-questions-wrapper .drop-box-answer h2{
	font-size: 1.5rem;
}

.drop-box-questions-wrapper .drop-box-answer p{
	margin-bottom: 0;
	line-height: 1.25;
}

.drop-box-questions-wrapper .drop-box-answer ul{
	margin-bottom: 15px;
	margin-left: 20px;
}

.drop-box-questions-wrapper .drop-box-answer a{
	color: #ed1c24;
}

/* Active state */
.drop-box-questions-wrapper .drop-box-wrapper.active .drop-box-answer {
	max-height: 1200px;
	opacity: 1;
	margin-bottom: 15px;
}

@font-face {
	font-family: "AkkoPro";
	src: url("Linotype-AkkoProBold.eot"); /* IE9 Compat Modes */
	src: url("Linotype-AkkoProBold.eot@") format("embedded-opentype"), /* IE6-IE8 */
	  url("Linotype-AkkoProBold.otf") format("opentype"), /* Open Type Font */
	  url("Linotype-AkkoProBold.svg") format("svg"), /* Legacy iOS */
	  url("Linotype-AkkoProBold.ttf") format("truetype"), /* Safari, Android, iOS */
	  url("Linotype-AkkoProBold.woff") format("woff"), /* Modern Browsers */
	  url("Linotype-AkkoProBold.woff2") format("woff2"); /* Modern Browsers */
	font-weight: 700;
	font-style: normal;
  }
  
  @font-face {
	font-family: "AkkoPro";
	src: url("Linotype-AkkoProMedium.eot"); /* IE9 Compat Modes */
	src: url("Linotype-AkkoProMedium.eot@") format("embedded-opentype"), /* IE6-IE8 */
	  url("Linotype-AkkoProMedium.otf") format("opentype"), /* Open Type Font */
	  url("Linotype-AkkoProMedium.svg") format("svg"), /* Legacy iOS */
	  url("Linotype-AkkoProMedium.ttf") format("truetype"), /* Safari, Android, iOS */
	  url("Linotype-AkkoProMedium.woff") format("woff"), /* Modern Browsers */
	  url("Linotype-AkkoProMedium.woff2") format("woff2"); /* Modern Browsers */
	font-weight: 600;
	font-style: normal;
  }
  
  @font-face {
	font-family: "AkkoPro";
	src: url("Linotype-AkkoProRegular.eot"); /* IE9 Compat Modes */
	src: url("Linotype-AkkoProRegular.eot@") format("embedded-opentype"), /* IE6-IE8 */
	  url("Linotype-AkkoProRegular.otf") format("opentype"), /* Open Type Font */
	  url("Linotype-AkkoProRegular.svg") format("svg"), /* Legacy iOS */
	  url("Linotype-AkkoProRegular.ttf") format("truetype"), /* Safari, Android, iOS */
	  url("Linotype-AkkoProRegular.woff") format("woff"), /* Modern Browsers */
	  url("Linotype-AkkoProRegular.woff2") format("woff2"); /* Modern Browsers */
	font-weight: 400;
	font-style: normal;
  }
  
  @font-face {
	font-family: "AkkoPro";
	src: url("Linotype-AkkoProLight.eot"); /* IE9 Compat Modes */
	src: url("Linotype-AkkoProLight.eot@") format("embedded-opentype"), /* IE6-IE8 */
	  url("Linotype-AkkoProLight.otf") format("opentype"), /* Open Type Font */
	  url("Linotype-AkkoProLight.svg") format("svg"), /* Legacy iOS */
	  url("Linotype-AkkoProLight.ttf") format("truetype"), /* Safari, Android, iOS */
	  url("Linotype-AkkoProLight.woff") format("woff"), /* Modern Browsers */
	  url("Linotype-AkkoProLight.woff2") format("woff2"); /* Modern Browsers */
	font-weight: 300;
	font-style: normal;
  }
  @font-face {
  font-family: "AkkoPro";
  src: url("Linotype-AkkoProThin.eot"); /* IE9 Compat Modes */
  src: url("Linotype-AkkoProThin.eot@") format("embedded-opentype"), /* IE6-IE8 */
    url("Linotype-AkkoProThin.otf") format("opentype"), /* Open Type Font */
    url("Linotype-AkkoProThin.svg") format("svg"), /* Legacy iOS */
    url("Linotype-AkkoProThin.ttf") format("truetype"), /* Safari, Android, iOS */
    url("Linotype-AkkoProThin.woff") format("woff"), /* Modern Browsers */
    url("Linotype-AkkoProThin.woff2") format("woff2"); /* Modern Browsers */
  font-weight: 100;
  font-style: normal;
}