html{scroll-behavior:smooth}
*{margin:0;padding:0;box-sizing:border-box;transition:all ease .3s;}
body{font-family:'Segoe UI',Tahoma,Geneva,Verdana,sans-serif;overflow-x:hidden;scroll-behavior:smooth}
section{width:100%;height:100vh;display:flex;align-items:center;justify-content:center;padding:2rem;position:relative;}
#hero{background-image:url(tackice.jpg);background-size:45%;background-position:bottom right;background-repeat:no-repeat;background-color:#ed1b3c;padding:0}
.mtsImgDesk{width: 90%;margin: 0 5%;max-width:880px;}
.mtsImgmob{width: 80%;margin: 0 10%;display:none}
.content{max-width:800px;text-align:center}
.content h1{font-size:clamp(2rem,5vw,3.5rem);margin-bottom:1.5rem;color:#333}
.content h4{font-size:clamp(1.2rem,3vw,2.4rem);margin:1rem auto .5rem auto;color:#333}
.content p{font-size:clamp(1rem,2vw,1.25rem);line-height:1.8;color:#666}
.cta{padding:15px 30px;background:linear-gradient(135deg,#e31337,#d00024);color:#fff;border:none;border-radius:50px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .3s ease;margin:1rem auto;display:block;max-width:200px;box-shadow:0 5px 15px #667eea4d}
#greet{background:#fff;}
#greet .content h1,#greet .content h4,#greet .content p{color:#000}
#contact{background:linear-gradient(135deg,#eee 0%,#fafafa 100%)}
#contact .content h1,#contact .content h4,#contact .content p{color:#000}
div#online{width:100%;height:auto;display:flex;align-items:center;justify-content:center;padding:6rem 2rem!important;background: #e31337;}
#online .content h1,#online .content h4,#online .content p{color:#fff}
.OnlinePlacanjeSetIkona img{float:none;margin-right:20px;max-height:50px;background:#fff;display:inline-block;padding:5px;border-radius:5px;}
div#terms{width:100%;height:auto;display:flex;align-items:center;justify-content:center;padding:6rem 2rem!important;}
.terms-body{text-align:left;}
.terms-body h4{font-size:1.4em;margin:1rem auto;color:#e31337}
.nav-dots{position:fixed;right:2rem;top:50%;transform:translateY(-50%);z-index:100}
.nav-dots a{display:block;width:12px;height:12px;margin:1rem 0;background:#ffffff80;border-radius:50%;transition:all .3s;border:2px solid transparent}
.nav-dots a:hover,.nav-dots a.active{background:#fff;transform:scale(1.3)}
.top-nav, .bottom-nav{right:0;left:0;z-index:2;width:100%;background:#000;text-align:center;}
.top-nav{position:fixed;top:0;}
.bottom-nav{position:fixed;bottom:0;}
.top-nav a, .bottom-nav a{text-decoration:none;color:#fff;width:155px;display:inline-block;text-align:center;padding:10px 0;}
.bottom-nav a{padding:11px 0;}
.top-nav a:hover,.bottom-nav a:hover{font-weight:bold;}
#up {opacity:0;position:fixed;right:8px;bottom:50px;width:50px!important;height:43px;line-height:26px;font-size:2em;background:#e31337 url('/images/novi_up.png') no-repeat center center;box-sizing:border-box;}
#contact table{border-collapse:collapse;width:100%;margin:20px 0;display:inline-table;}
#contact td{border:1px solid #000;padding:8px 20px;}
#online table{border-collapse:collapse;width:100%;margin:20px 0;display:inline-table;}
#online td, #online th{border:1px solid #eee;padding:8px 20px;color:#fff;}
#online td a{color:#fff;}
.gray{font-weight:bold;background:#ccc;}
.scroll-arrow {position: absolute;bottom: 5em;left: 50%;transform: translateX(-50%);width: 30px;height: 30px;border-left: 3px solid #999;border-bottom: 3px solid #999;transform: translateX(-50%) rotate(-45deg);animation: bounce 2s infinite;cursor: pointer;opacity: 0.8;}
#hero .scroll-arrow {bottom: 9%;}
.textInfo{text-align: center; margin-top:43px;font-size: 16pt;}
 @keyframes bounce {
	0%, 20%, 50%, 80%, 100% {transform: translateX(-50%) translateY(0) rotate(-45deg);}
	40% {transform: translateX(-50%) translateY(-10px) rotate(-45deg);}
	60% {transform: translateX(-50%) translateY(-5px) rotate(-45deg);}
}

@media (max-width: 768px) {
section{padding:1.5rem}
.content p {line-height: 1.4;}
.content h1{margin-top:-1.2em;}
.nav-dots{right:1rem}
.nav-dots a{width:10px;height:10px}
.scroll-arrow {width:25px;height:25px;bottom:6.5rem;}
#hero .scroll-arrow {bottom: 11%;}
}
@media (max-width: 600px) {
.mtsImgDesk{display:none}
.mtsImgmob{display:block}
#hero{background-size:70%;margin-top: -20px;}
.brdrH4{border-top:20px solid #ed1b3c}
#contact table{display:table;}
#contact td{border:1px solid #000;padding:8px 15px;}
div#terms{width:100%;height:auto;display:block;padding:10px;}
/*#hero .scroll-arrow {bottom: 18%;} */
}

.red-links-row {color: #ed1b3c;text-transform: uppercase;font-weight: bold;}
.red-links-row td {background-color: #ffffff;padding:15px 54px;}
.white-paragraph-row{background-color: #ed1b3c; color: #ffffff}
.red-links-row a, .white-paragraph-row a { color: inherit;  text-decoration: none;}
.red-links-row a:hover,.white-paragraph-row a:hover { text-decoration: underline}

.no-markers li {list-style: none;padding-left: 0;margin-left: 0;}

table.responsive {font-size: 1.3em; width: 100%; margin-top: 1rem;padding:0;}
table.responsive td {font-family: 'Segoe UI',Tahoma,Geneva,Verdana,sans-serif; border: 2x solid #ed1b3c; font-size: 18pt;width: 50%;margin:0;padding:0;}
table.responsive td:nth-child(1)  {border-right: 50px solid #ed1b3c;}
table.responsive td:nth-child(2)  {border-left: 50px solid #ed1b3c;}

.slike {width:100%;max-width:1330px;}
.responsive h4 {border-bottom:2px solid #ed1b3c; width:100%;padding:10px;text-align:center}
.no-markers li {margin:0;padding:3px 15px 3px 35px;}

@media (max-width: 768px) {
  table.responsive {
    display: block;
    width: 100%;
    font-size: 1em;
  }

  table.responsive tr {
    padding: 0.75rem;
    display: table;
    width: 100%;
  }

  table.responsive td {
    text-align: left;
    position: relative;
	border: 2px solid #ed1b3c!important;
	display: table-row;
	width: 100%;
	clear:both;
	margin-bottom:20px;
	font-size: .9em;
  }
  
  .slike {width:90%;margin:10px 5%;max-width:auto;display:block;}
  .no-markers li {margin:0;padding:3px 15px;}
   .responsive h4, .no-markers {padding:15px;}
  
  .textInfo{font-size: 1em; margin-top: 0px}

}