body { background: #ededed; }

.header, .footer 	{ position: relative; z-index: 1002; }
.anaortadiv 		{ position: relative; z-index: 1001; }

.anaortadiv {  }
.footer 	{ background: #fff; min-height: 300px; }

.container-fluid, .anaortadiv { width: 1000px !important; padding-left: 0px; padding-right: 0px; margin-left: auto; margin-right: auto; }


.header 	{ background: #fff; }

.header .navbar { position: relative; height: 72px; }
.header-logo 	{ width: 114px; height: 28px; margin-right: 1rem; }

.header-nav 				{ font-family: 'Roboto', sans-serif; font-size: 16px; font-weight: 700; letter-spacing: .25px; }
.header-nav .nav-link 		{ color: #171717; line-height: 72px; padding: 0px .5rem !important; }
.header-nav .nav-link:hover,
.header-nav .nav-link:focus,
.header-nav .nav-link:active { background: #f7f7f7; }

.header-sub 				{ background: #da451b; height: 36px; overflow: hidden; font-family: 'Roboto', sans-serif; font-size: 13px; }
.header-sub .nav-link 		{ color: #fff; line-height: 36px; padding: 0px 1rem !important; }
.header-sub .nav-link:hover,
.header-sub .nav-link:focus,
.header-sub .nav-link:active { background: #fff; color: #da451b; }

.dropdown-menu 					{ background: #f7f7f7; border: 0px; margin-top: 0px; border-radius: 0px; }
.dropdown-fluid  .dropdown-menu { width: 100%; }

.header-login a { color: #171717; }

.border 	{ border-color: #e1e1e1!important; }
.border-sx 	{ border-color: #da451b!important; }

.row-main { margin-left: 0; margin-right: 0; }
.col-682, .col-300 { padding-left: 0; padding-right: 0; }
.col-682 { max-width: 682px; } 
.col-300 { max-width: 300px; margin-left: 18px; } 

.banner 		{ position: relative; background: black; margin: 0 auto; }
.banner-970x250 { width: 970px; height: 250px; margin: 18px auto; }
.banner-300x250 { width: 300px; height: 250px; margin-bottom: 18px; }

.banner:before 	{ display: block; text-align: center; content: 'REKLAM';line-height: 250px; font-size: 80px; color: white; opacity: .2;}

.btn-outline-sporx 			{ border: 1px solid #e1e1e1; background: #fff; color: #da451b; }
.btn-outline-sporx:hover 	{ background: #da451b; color: #fff; }

#mainpointer 					{ position: absolute; top: 0; z-index: 1000; left: 50% }
#sagbannerdiv 					{ right: -668px }


.box-title 		{ padding: 10px 15px; font-family: 'Roboto', sans-serif; font-size: 18px; color: #171717; font-weight: 700; }
.box-title a 	{ color: #000; text-decoration: none; }

.icon-soccer:before 	{ content: '\f1e3'; font-family: 'Font Awesome 5 Free'; }
.icon-basketball:before { content: '\f434'; font-family: 'Font Awesome 5 Free'; }
.icon-globe:before 		{ content: '\f0ac'; font-family: 'Font Awesome 5 Free'; }
.icon-basketball:before { content: '\f434'; font-family: 'Font Awesome 5 Free'; }

.fa-facebook { color: #3C5A99; }
.fa-twitter { color: #1da1f2; }

.footer-title 			{ font-family: 'Roboto', sans-serif; font-size: 18px; font-weight: 700; color: #444; padding-top: 8px; text-transform: uppercase; position: relative; margin-left: 43px; border-bottom: 1px solid #767676; }
.footer-title:before 	{ font-size: 36px; color: #da451b; position: absolute; left: -41px; top: 0; }
.footer-title:after 	{ content: ''; width: 120px; height: 3px; background-color: #444; position: absolute; bottom: -2px; left: 0; }

.footer-list 		{ margin: 20px; }
.footer-list > a 	{ display: block; padding: 2px 0px; font-family: 'Roboto', sans-serif; font-size: 14px; color: #171717; }

.footer-sub  	{ padding-top: 20px; padding-bottom: 20px; }
.footer-sub h6 	{ font-size: 18px; color: #171717; margin-bottom: 20px; }

.social-icons > a { display: inline-block; font-size: 32px; line-height: 32px; padding: 0px 8px; }

#toTop 		{ display: none; position: fixed; right: 15px; bottom: 15px; z-index: 999; background: #da451b; color: #fff !important; padding: 3px 9px; font-size: 11px; z-index: 10001; }
#toTop > i 	{ display: block; font-size: 24px; }


.modal-iframe { width: 100%; height: 100%; min-height: 400px; }
#pdModal .modal-iframe { height: 800px; overflow: hidden; }
#fsModal .modal-iframe { height: 800px; overflow: hidden; }

.search-form { border-bottom: 2px solid #828282; }
.search-form .form-control, .search-form .input-group-append { border: 0px; border-radius: 0; background: transparent; }


/* --- --- */
.ttl-nav{ margin: 0 10px 10px 10px; }
.ttl-nav .nav-link { font-family: 'Roboto', sans-serif; font-size: 14px; color: #777; border-bottom: 3px solid transparent; }

.ttl-nav .nav-link.active,
.ttl-nav .nav-link:hover,
.ttl-nav .nav-link:focus { color: #da451b; border-bottom: 3px solid #da451b }

.ttl-content { display: table; width: 100%; font-family: 'Roboto',sans-serif; font-size: 14px; color: #171717; }
.ttl-content > a { display: table-cell; width: 1%; text-align: center; color: #171717; }
.ttl-content > a > img { display: block; margin: 2px auto; }


.tti-nav .nav-link { font-family: 'Roboto', sans-serif; font-size: 14px; color: #da451b; }

.shContent 					{ position: relative; height: 505px; overflow: hidden }
.shList 					{ display: block; position: absolute; top: 0; left: 0; width: 100%; height: 505px; }
.shList > li 				{ display: table; width: 100%; padding: 8px 0px; font-family: 'Roboto', sans-serif; font-size: 14px; font-weight: 700; }
.shList > li > span 		{ display: block; float: left; width: 70px; color: #da451b; text-align: center; }
.shList > li > a 			{ display: block; float: left; width: 225px; color: #171717; }
.shList > li:nth-child(odd) { background: #f7f7f7; }


.ns-container 	{ position: relative; min-height: 112px; }
.ns-nav 		{ position: absolute; top: 35%; z-index: 11; width: 36px; height: 36px; line-height: 32px; padding: 0; text-align: center; background: #fff; border: 2px solid #da451b; color: #da451b; border-radius: 50%; font-size: 21px; }
.ns-nav:hover 	{ color: #da451b; }
.ns-nav.prev 	{ left: -18px; }
.ns-nav.next 	{ right: -18px; }

.ns-viewport 		{ position: relative; z-index: 10; margin: 0 0; height: 112px; overflow: hidden; }
.ns-viewport-inner 	{ position: absolute; top: 0; left: 0; height: 112px; display: block; -webkit-transition: all 1s ease; -moz-transition: all 1s ease; -ms-transition: all 1s ease; -o-transition: all 1s ease; transition: all 1s ease; }


.cart-news { position: absolute; display: block; width: 236px; height: 112px; padding: 10px 15px; overflow: hidden; background: #fff; border: 1px solid #e1e1e1; border-bottom: 6px solid #da451b; font-family: 'Roboto', sans-serif; font-size: 16px; color: #171717; }
.cart-news:first-child { margin-left: 0px; }
/*
.video-box { position: relative; }
.video-box .vimage 		{ width: 682px; height: 384px; }
.video-box .vbody 		{ position: relative; z-index: 2; }
.video-box .vbody > img { width: 682px; height: 384px; }
.video-box .vbody > h5 	{ background: #171717; padding: 10px 15px; font-family: Impact; font-size: 32px; font-weight: 400; color: #fff; position: absolute; bottom: 100px; left: 6px; }
.video-box .vbody > a 	{ display: block; position: absolute; top: 0; left: 0; width: 682px; height: 384px; }

.video-box .vrow 		{ position: absolute; z-index: 3; bottom: 6px; left: 0; right: 0; margin-left: 3px; margin-right: 3px; }
.video-box .vrow > div 	{ padding-left: 3px; padding-right: 3px; }

.video-box .vrow a 		{ display: block; border: 1px solid #313131; position: relative;  }
.video-box .vrow a:before{ content: ''; background: rgba(23, 23, 23, .5); position: absolute; top: 0; width: 100%; height: 100%; }
.video-box .vrow img 	{ width: 100%; }
.video-box .vrow h5 	{ font-family: 'Roboto', sans-serif; font-size: 12px; color: #fff; position: absolute; bottom: 3px; left: 3px; right: 3px; margin: 0; }

.video-box .vrow a.active:before { background: transparent; }
*/