@charset "utf-8";
/* CSS Document */

html {
  font-size: 0.9rem; 
  line-height: 1.5; 
}

.cookie-message {
 position:fixed;
 bottom:0;
 left:0;
 right:0;
	padding-top:20px;
 background:#000;
 border-bottom:1px solid #ccc;
 box-shadow:0 0 3px #ccc;
 z-index:99;
  color:#fff;
 background-color:rgba(0,0,0,0.8)
}

.link-red a:link, .link-red a:visited {
 color:red;
 text-decoration:none;
 cursor:pointer
}
.link-red a:hover,.link-red a:visited:hover {
 color:#fff !important;
 text-decoration:none
}
.cursor-pointer{
  cursor: pointer;
}
body {
 text-align:left;
 color:#404040;
 font-family:Arial,Helvetica,sans-serif;
	 
}



.direct-chat-messages {
font-size: 0.87rem;
}
.content a:link {
 color:red;
 text-decoration:none;
 cursor:pointer
}
.content a:hover,.content a:visited:hover {
 color:#0b2f5b;
 text-decoration:none
}
.content a:visited {
 color:red;
 text-decoration:none;
}
.content-header{
padding: 15px 0.5rem 5px 0.5rem;
}

.content-header h1 {
  font-size: 1.5rem;
}
 h2 {
  font-size: 1.0rem;  !important;
}
.card-header{
  font-size: 1.1rem;
	background-color:#f8f9fa;
}
#content img {
 outline:0;
 max-width:100%;
 height:auto !important;

}
#content iframe {
 outline:0;
 max-width:100%;
 
}
h1,h2,h3 {
 font-weight:bold
}

.tab-content h2 {
font-size: 1.3rem;
	margin:15px 0px;
}
.tab-content h1 {
 font-size: 1.5rem;
 margin:15px 0px;
}
.tab-content img {
 outline:0;
 max-width:100%;
 height:auto !important;
}
.navbar-dark{
  padding-top:10px;
	padding-bottom:5px;
  background-color: #000;
	border:0px;
}
.control-sidebar-dark{
  
}
footer, .footer-container {

	 color:#404040;
 background-color:#000;
 background-image: -ms-linear-gradient(top,#fff 0,#ebeef7 100%);
background-image: -moz-linear-gradient(top,#fff 0,#ebeef7 100%);
background-image: -o-linear-gradient(top,#fff 0,#ebeef7 100%);
background-image: -webkit-gradient(linear,left top,left bottom,color-stop(0,#fff),color-stop(1,#ebeef7));
background-image: -webkit-linear-gradient(top,#fff 0,#ebeef7 100%);
background-image: linear-gradient(to bottom,#fff 0,#ebeef7 100%);    

}
.footer-container {
	padding-top: 40px;
	padding-bottom: 20px;
	}
footer h1 {
 font-size:93%;

}
.footer-rest {
  padding:15px 10px 30px 15px;
 background-color:#000 !important;
	font-size:93%;
 color:#999
}
.footer-rest a:link, .footer-rest a:visited {
 color:red;
 text-decoration:none;
 cursor:pointer
}
.footer-rest a:hover,.footer-rest a:visited:hover {
 color:white;
 text-decoration:none
}
footer ul {
 list-style:none;
 padding:0;
 margin:1px 10px 0 0;
 padding-right:10px
}
.footer_details {
text-shadow: 1px 1px 1px rgba(0,0,0,.1); 
    margin-bottom: 10px;	
}
 
.main-footer {
  background-color: #343a40;
}
.footer-container {
 color:#404040;
 
}
.footer-container ul {
 list-style:none;
 padding:0;
 margin:1px 10px 0 0;
 padding-right:10px
}
.footer-container a:link, .footer-container a:visited {
 color:red;
 text-decoration:none;
 cursor:pointer
}
.footer-container a:hover,.footer-container a:visited:hover {
 color:#404040;
 text-decoration:none
}


.breadcrumbs {
  background-color: transparent;
  line-height: 1.5rem;
  margin-bottom: 0;
  padding: 0;
  color:#404040;
 vertical-align:middle;
}

.breadcrumbs h1 {
 font-weight:700;
 font-size:93%;
 color:#404040;
 padding:0;
 margin:5px
}

.strBreadCrumbStart {
 float:left;
 padding-right:5px
}
.strBreadCrumbStart a:link, .strBreadCrumbStart a:visited {
 color:#404040;
 text-decoration:none;
 cursor:pointer
}
.strBreadCrumbStart a:hover,.strBreadCrumbStart a:visited:hover {
 color:red;
 text-decoration:none
}
.strBreadCrumbTrail a:link, .strBreadCrumbTrail a:visited {
 color:red;
 text-decoration:none;
 cursor:pointer
}
.strBreadCrumbTrail a:hover,.strBreadCrumbTrail a:visited:hover {
 color:#404040;
 text-decoration:none
}
.strBreadCrumbTrail {
 float:left;
 background-image:url(https://www.avr.hr/cdnweb/image/avr/template/arrow_navigation.gif);
 background-repeat:no-repeat;
 background-position:0 center;
 padding-left:12px;
 padding-right:5px
}
/* CountMe */
        .flexCount {
            width: 80%;
            display: flex;
            justify-content: center;
            align-items: center;
            flex-wrap: wrap;
        }
        
 /**
 * Sections
 */
.section {
  width: 100%;
  float: left;
  overflow: hidden; }

.section-title {
  text-align: center;
  color: #FFF;
  text-transform: uppercase;
  font-weight: normal;
  padding: 30px 0;
  border-top: 1px solid rgba(255, 255, 255, 0.3);
  border-bottom: 1px solid rgba(255, 255, 255, 0.3);
  width: 100%;
  clear: both; }

.section .container {
  width: 970px;
  margin: 0 auto;
  max-width: 90%;
  -webkit-transform: translateZ(1000px);
          transform: translateZ(1000px); }

.code {
  width: 40%;
  clear: both;
  height: 200px;
  background: #ccc;
  border-radius: 2px;
  margin: 6vh 0;
  padding: 10px; }
  .code pre, .code code {
    height: 100%;
    margin: 0; }
  .code code {
    padding: 20px 0 0 20px; }
  .code--small code {
    padding-top: 50px; }
  .code--left {
    float: left; }
  .code--right {
    float: right; }
  .code--wider {
    width: 60%; }
    .code--wider code {
      padding-top: 60px; }

    

/* Countdown */
ul#ecountdown {
	list-style: none;
	margin: 5px 0 0 0;
	padding: 0;
	display: block;
	text-align: left;
	
}
ul#ecountdown li {
	display: inline-block;
}
ul#ecountdown li span {
	font-size: 2.2rem;
	font-weight: 300;
	line-height: 2.2rem;
}
ul#ecountdown li.seperator {
	font-size: 1.5rem;
	line-height: 1.9rem;
	vertical-align: top;
}
ul#ecountdown li p {
	color: #a7abb1;
	font-size: 0.8rem;
	text-align: center;
	line-height: 0.8rem;
}
/* -------- */
.brand-link .brand-image {
  line-height: .8;
  max-height: 40px;
  width: auto;
}



@media all and (min-width: 768px) {
	.dropdown-menu-mg{ min-width:400px; }
}

@media (min-width: 576px) {
  .dropdown-menu-mg-left {
    right: auto;
    left: 0;
  }
  .dropdown-menu-mg-right {
    right: 0;
    left: auto;
  }
}
.dropdown-menu-mg {
  max-width: 600px;
  min-width: 400px;
  padding:20px;
}

.dropdown-menu-mg .dropdown-divider {
  margin: 0;
}

.dropdown-menu-mg .dropdown-item {
  padding: 0.5rem 1rem;
}

.dropdown-menu-mg p {
  margin: 0;
  white-space: normal;
}


.layout-top-nav .wrapper .main-header .brand-image {
  margin-top: -.5rem;
  margin-right: .2rem;
  height: 70px;
}



.container,
.container-fluid,
.container-sm,
.container-md,
.container-lg,
.container-xl {
  width: 100%;
  padding-right: 7.5px;
  padding-left: 7.5px;
  margin-right: auto;
  margin-left: auto;
}

@media (min-width: 576px) {
  .container, .container-sm {
    max-width: 760px;
  }

}

@media (min-width: 768px) {
  .container, .container-sm, .container-md {
    max-width: 984px;
  }

}

@media (min-width: 992px) {
  .container, .container-sm, .container-md, .container-lg {
    max-width: 1100px;
  }
}

@media (min-width: 1102px) {
  .container, .container-sm, .container-md, .container-lg, .container-xl {
    max-width: 1140px;
  }
}
.nav-link {
  display: block;
  padding: 0.5rem 0.5rem;
font-size: 90%;
}
.navbar-text {
  display: inline-block;
  padding-top: 0rem;
  padding-bottom: 0rem;
}


/* */


.navbar .megamenu{ padding: 1rem; }

/* ============ desktop view ============ */
@media all and (min-width: 576px) {

  .navbar .has-megamenu{position:static!important;}
  .navbar .megamenu{left:0; right:0; width:100%; margin-top:0;  }

}
@media all and (min-width: 870px) {

  .navbar .megamenu{width:79%; }

}
/* ============ desktop view .end// ============ */

/* ============ mobile view ============ */
@media(max-width: 575px){
  .navbar.fixed-top .navbar-collapse, .navbar.sticky-top .navbar-collapse{
    overflow-y: auto;
      max-height: 90vh;
      margin-top:10px;
  }
}
/* ============ mobile view .end// ============ */

.megamenu-list li{
 text-align: left;
}




.ui-autocomplete {

 cursor:default;
background-color:#f8f9fa !important;
 text-align:left;
 font-size:90%;
 color:red;
 z-index: 99999 !important;
 font-weight:normal !important;
 list-style: none;
	border: 0px !important;
border-top:13px solid #000 !important;
	border-bottom:1px solid #bdc6d0 !important;
}
* html .ui-autocomplete {
 height:240px;
 
}
.ui-widget-content{background-image: none !important;
  background-color: #f8f9fa  !important;
 
}

/* ============ desktop view ============ */
@media all and (min-width: 576px) {
.ui-autocomplete {
	position: absolute;

 
 max-height:300px !important;
 overflow-y:auto;
 overflow-x:hidden;
 
 margin-left: 15px !important;
	margin-right: 15px !important;
	width:auto;
 max-width: 300px;
}
}	
/* ============ desktop view .end// ============ */

/* ============ mobile view ============ */
@media(max-width: 575px){
.ui-autocomplete {
 
 top: 0;
 right: 0;
	 left: auto !important;
 max-height:300px;
 overflow-y:auto;
 overflow-x:hidden;
 width:auto;
 margin-left: 5px !important;
 margin-right: 10px !important;
}
  }
}
/* ============ mobile view .end// ============ */

.ui-autocomplete a:hover,.ui-autocomplete a:visited:hover,.ui-autocomplete a:active {

 text-decoration:none;
	

}

.ui-autocomplete>li.ui-state-focus {
  background-color: #f8f9fa;
	
}

.ui-helper-hidden-accessible {
  display: none;
}

.ui-state-hover,
.ui-state-active,
.ui-state-focus {
  text-decoration: none;
  color: #262626 !important;
  background-color: #f8f9fa !important;
  cursor: pointer;
	background-image: none;
	
}
.ui-menu-item .ui-menu-item-wrapper.ui-state-active {
    background: #c8cbcf !important;
    font-weight: normal!important;
    color: #262626 !important;
	border-color: #bdc6d0;

}
.ui-menu-item {
border-left:1px solid #bdc6d0 !important;
border-right:1px solid #bdc6d0 !important;

}


.glossymenu {
 background-color:#f9f9f9;
 border:0 solid #d1d6dc;
 border-bottom:0;
 
}
.glossymenu ul li {
 list-style:none
}
.glossymenu ul li a {
 display:block;
 font-size:84%;
 text-decoration:none;
 padding:5px 0 0 5px
}
.glossymenu ul li a:hover {
 background-color:#404040;

}
.pagination {
 margin:0
}
.pagination>li>a,.pagination>li>a:visited {
 color:red
}
.pagination>li>a:hover,.pagination>li>a:focus {
 color:red;
 background-color:#f0f0f0;

}
.page-item.active .page-link {
  z-index: 3;
  color: #fff;
  background-color: #adb5bd;
  border-color: #dbdbdb;
}

.page-item.disabled .page-link {
  color: #6c757d;
  pointer-events: none;
  cursor: auto;
  background-color: #fff;
  border-color: #dee2e6;
}
.page-link:focus {
  z-index: 3;
  outline: 0;
  box-shadow: 0 0 0 0rem #dbdbdb;
}
.filter{
 margin:0;
	font-size: 93%;
}
.filter-button {
    font-size: 93%;
	padding-left: 10px;
	padding-right: 10px;
}

.filter-button::after {
    content: none;
}
.smText {
 font-weight:400;
  font-size:93%;
 color:#999
}
.card-title{
 font-weight:400;
 line-height:12px;
 font-size:93%;
 color:#999
}
.banner-title {
 font-weight:500;
 color:#FFF
}
.banner-text {
 font-weight:400;

font-size:1.2rem;
 color:#FFF
}
.banner-text-bg {
    background: rgba(0,0,0,0.7);
}
@media (max-width: 576px) {
	.banner-title {
    font-size:1.2rem;
  }
    .banner-text {
    font-size: 1rem;
  }
}
.lgText {
 font-size:85%;
 font-weight:400
}
.error {
 color:red
}

form.minimal input:required:invalid,input:focus:invalid {
 background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAABmJLR0QA/wD/AP+gvaeTAAABQUlEQVQ4jZ2TvU4CQRSFvzMu2lBAx7DBv6iPom7Uxsqn0GDvS+hLiLEwmBj0PdCCyh9YXkApJHNtwCwbf1ZPNXPznXPnJndETr1eb6FcLu+Z2RawKGkuhPAM3Epq1+v1tyyv7KXf7+9JOgWW88FTRNKx9/5iWnDTw2AwOJR09YMZIDaz8zRNT2ZekKbpjpm1s4G/ycwO4jhuqdvtzler1Qdgtah5otQ5t+4qlUryDzOADyHsO2DzH+aptiJJS9mKmdHpdBiNRjNkqVQiSRKiKMqWF52ZWZFWkvgCtQh4zINJkhQd4ckBd0XpL9SRmZWGw+G9ma39xSlpIGnDSXoHjoDwl4AQwnGtVnt1AN77G6BZMMSAkziOW5D7TJOVPgNWvjG/SGp67y8/R8kTk9XeBbaBJcBJegJux+PxdaPRmFmQD7wAcV61shalAAAAAElFTkSuQmCC);
 background-position:99% center;
 background-repeat:no-repeat;
 -moz-box-shadow:none
}
form.minimal-red input:required:invalid,input:focus:invalid {
 background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAABmJLR0QA/wD/AP+gvaeTAAABc0lEQVQ4ja2SP2tTURjGn9N7uehQMsSpe0VrBHGOXZxcmi4BoZ+g4NeRfgAJGRwSMxiHTOKSgh1aIUUy9ANIhnRJvOd5HofkhjQNqVLf5fzj9zvP4bzAPSus27yuHe2ZeQ3yY0iQ/DOR29u91mCjYFSvl7JpemLpraUACaZhCZYcpCYnPC73u+NbglG9Xsp+p99MVSxhBZ6tJZjxAkyqhWSrEGTT9ORumDD9XJq+v5Hguna0B8Yfa2KvwIJFgHKAnj06+zrYAgBHHv4DDJNBuWoAkAIAzN0Czt+8RvaiAhiADduzOYzJ6RnCx08zGePussAmZrcVwAoMG5aLBJDshUARwyJu2vmC2P68LjbCfLQEkMPFLyR2y5I3vHkem/NzCRHthWC71xoEqfmXMEQ2dq6+X97oA054bMaLu2CT5w+T7F3BLQTlfncMJlUrNkB5XWyRHx4k2avysH+7lZfr18v9p8p1YMYniobMQcjdKWL/1/oD9HfH6ABZ1S4AAAAASUVORK5CYII=);
 background-position:right center;
 background-repeat:no-repeat;
 -moz-box-shadow:none
}
form.minimal input:required:valid {
 background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAABmJLR0QA/wD/AP+gvaeTAAABg0lEQVQ4jaWSTUsbYRCAn9lku2hBsVGR0KsfEb0VXMWW/gLTi42t4F3w74h6luBR8SeUwCrkZA4R8dqICeQgaBPMvtPD5n0Rs+rBuc3sPM87Myy8MySteHZzNo9SRJnpd10perKcX66/Kqi2q6O9TrwHbKTIVeFIAt0Oc+HdgKDaro4+duKKwMIbQ9cIzKqVeLbc68R7b8GxMYAu0mXX1jy3czL2i3H70GS/dsDtQxOQzagRFZxAVH7wwkEtXK4fMeKP8CkYAxAhU3QCVZ22zd24S+tfawCe/DjBxtxP/IzfP0XCZJNFPEUVgD9/K1y0amwWfiGIg0sz6/ie78SqqBOI6rX2P3z//I3mffKqIKkwgCDXbgWDOYbE6Hs+pdl1poanGB/KUZoehAFj8E54eriocV4W+G3znumhaBoMcBjml7bcBAAS6DZIzeZZL5sOCxcEumNTJwhz4R2BWRUo23Wejw0c8kG/pv7KTyNqRAXUWxN0LmmSeiyZ05X8l8u0/nfFf1DDkSRci4KoAAAAAElFTkSuQmCC);
 background-position:99% center;
 background-repeat:no-repeat
}

.btn-default {
 padding:5px 10px;
 border:1px solid #ddd;
 border-radius:3px;
 color:red;
 background-color:#f8f9fa;
 font-weight:600;
}
.btn-default:hover,.btn-default:focus,.btn-default:active,.btn-default.active,.open>.dropdown-toggle.btn-default {
 color:#0b2f5b;
 background-color:#fff;
 border-color:#ddd
}
.filter {
 background-color:#f9f9f9;
 padding:10px 20px 15px 20px;
}
.filterHeader {
 color:#455169;
 font-family:Arial;
 font-size:86%;
 font-weight:700;
 display:block;
 padding:0px;

}
.filterText {
 color:#455169;
 font-family:Arial;
 font-size:86%;
 font-weight:700
}
.filterSelect {
 background-color:#f9f9f9;
 border-color:#ddd;
 border-radius:3px;
 width:99%
}
.filterSelected {
 background-color:#FFF;
 border-color:#ddd;
 border-radius:3px;
 width:99%
}
.filter option {
 background-color:#FFF
}
.filter input {
 padding-top:5px;
}
.filter input:hover {
 background-color:#FFF
}
.filter select:hover {
 background-color:#FFF;
 cursor:pointer
}
.filter .help-block {
 margin-bottom:5px
}
.filelinkList {
 margin-top:10px
}
.filelinkList li {
 padding:10px 5px;

}
ol {
 list-style-type:none;
 margin:0;
 padding:0
}
.tempclas ol li {
 display:block
}
.shortBullets li,ol li {
 display:block;
 font-weight:700;
 background-image:url(https://www.avr.hr/cdnweb/image/avr/icons/shortBullet.png);
 background-repeat:no-repeat;
 background-position:0 3px;
 padding:1px 0 5px 20px
}
.saleprice {
 font-size:93%;
 font-weight:700;
 color:#c33;
 font-family:Verdana,Arial,Helvetica,sans-serif
}
.cardprice {
 font-size:93%;
 font-weight:700;
 color:#003;
 font-family:Verdana,Arial,Helvetica,sans-serif
}
.saveprice {
 font-size:93%;
 font-weight:700;
 color:#090;
 font-family:Verdana,Arial,Helvetica,sans-serif
}


/* ===LIST_GRID=== */
.item.grid-group-item .thumbnail,.item.list-group-item .thumbnail {
 margin:0;
 padding:0;
border:0
}
.item.list-group-item {
 float:none;
 width:100%;
 background-color:#fff;
 margin:0;
 padding:0;
 border:0
}
.item.grid-group-item {
 margin:0;
 padding:0
}
.item.gid-group-item:nth-of-type(odd):hover,.item.grid-group-item:hover {
 
}
.item.list-group-item:before,.item.list-group-item:after {
 display:table;
 content:" "
}
.item.list-group-item img {
 float:left
}
.item.list-group-item:after {
 clear:both
}
.products-group {
 padding:0;
}
.item.list-group-item p {
 margin:1px;
 padding:10px
}
.item.grid-group-item p {
 margin:1px;
 padding:10px;
 padding-top:5px
}
.item.list-group-item .group-item-heading,.item.grid-group-item .group-item-heading {
 margin:0
}
.item.list-group-item .caption,.item.grid-group-item .caption {
 padding:1px;
 height:100%;
 margin:0px;
}
.item.grid-group-item .caption {
 padding:0px;
margin:2px;
 
}
	
@media (min-width: 575px) {
  .grid-group-item .caption {
 border:2px solid #f8f9fa; 
}
  }
.item.list-group-item .list-rater {
 float:right
}
.item.grid-group-item .list-rater {
 margin:auto;
 display:none;
 visibility:hidden
}
.item.list-group-item .list-price {
 display: table-cell;
	float:right;
 text-align:right;
 padding-right:8px;
 margin-left:10px;
 margin-top:12px;
	margin-bottom:8px;
 font-size:93%
}
.item.grid-group-item .list-price {
 display:none;
 visibility:hidden
}
.item.grid-group-item .grid-price {
 float:none;
 text-align:center;
 margin:0;
 padding:10px 0
}
.item.list-group-item .grid-price {
 display:none;
 visibility:hidden;
}
.item.list-group-item .list-cart {
 float:none;
 margin-top:5px;
 padding-bottom:5px:
	 height:100%;
}
.item.grid-group-item .list-cart {
 margin-top:5px;
 padding-bottom:10px
}
.item.grid-group-item .grid-hidden {
 display:none;
 visibility:hidden
}
.item.list-group-item .list-hidden {
 display:none;
 visibility:hidden
}
.item.grid-group-item .thumbnail-box {
 float:none;
 min-height:100px;
 padding:2px 10px;
 max-width:170px;
 margin:0 auto;
 vertical-align:middle
}
.item.list-group-item .thumbnail-box {
 float:left;
 min-height:115px;
 padding:10px;
 padding-right:20px;
width:170px;
 margin:0
}
@media (max-width: 576px) {
 .item.list-group-item .thumbnail-box {
 float:none;
 
}
}
.item.grid-group-item h4 {
 font-size:15px;
 text-align:center;
 padding-top:5px;
 min-height:50px !important;
 background-color:#f8f9fa !important;
 padding:10px 10px 9px 10px
}
.item.list-group-item h4 {
 font-size:15px;
 text-align:left;
 background-color:#f8f9fa !important;
 padding:10px 10px 9px 10px
}


.rater-box {
 float:right;
 padding-right:10px;

}
.item.list-group-item .rater-box {
 padding-top:14px
}
.list-group-item-heading {
 color:red;
 font-weight:700;
 text-decoration:none;
 font-size:100%;
 cursor:pointer;

}
.list-group-item-heading:hover {
 color:#0b2f5b;
 font-weight:700;
 text-decoration:none
}
.list-group-item-text {
 font-weight:normal
}

.product-image-thumbs{

}
.item.list-group-item .product-thumbnail {
  margin:auto;
	max-height:105px;
	width:auto;
}
.hidden {
 display:none;
 visibility:hidden;
}
.productbox {
 text-align:left;
 background-color:#fbfbfd;
 border:1px solid #ddd;
 padding:15px
}
.checkoutTable {
 width:100%;
 font-size:93%
}
.checkoutRow1 {
 background-color:#f9f9f9;
 font-weight:700
}
.checkoutRow2 {
 background-color:#fbfbfd
}
.checkoutRow3 {
 background-color:#fff
}
.checkoutBodyTextBold {
 font-family:Tahoma,Arial,Helvetica,sans-serif;
 font-size:85%;
 font-weight:700;
 color:#333
}
.bodyText {
 font-size:100%
}
.bodyTextError {
 font-size:93%;
 color:#C00
}
.bodyTextSmall {
 font-size:93%
}
.bodyTextBold {
 font-weight:700
}
.table-grid td{padding:0px;border:0px;}
.bootstrap-autocomplete{
height: auto;
    max-height: 245px;
    overflow-x: hidden;
}

.bootstrap-autocomplete.dropdown-item:hover,.bootstrap-autocomplete.dropdown-item:focus, .bootstrap-autocomplete.dropdown-item.active, .bootstrap-autocomplete.dropdown-item:active {
 color:#0b2f5b;
 background-color:#f9f9f9;
 
}
.dropdown-item.active, .dropdown-item:active {
  color: #444;
  text-decoration: none;
  background-color: #f9f9f9;
}

.login-box,
.register-box {
  width: 420px;
}

@media (max-width: 576px) {
  .login-box,
  .register-box {
    margin-top: .5rem;
    width: 90%;
  }
}

/** RESET AND LAYOUT
===================================*/
.bx-wrapper {
  position: relative;
  margin-bottom: 60px;
  padding: 0;
  *zoom: 1;
  -ms-touch-action: pan-y;
  touch-action: pan-y;
}
.bx-wrapper img {
  max-width: 100%;
  display: block;
}
.bxslider {
  margin: 0;
  padding: 0;
}
ul.bxslider {
  list-style: none;
}
.bx-viewport {
  /*fix other elements on the page moving (on Chrome)*/
  -webkit-transform: translatez(0);
}
/** THEME
===================================*/
.bx-wrapper {
 
  border: 0px solid #fff;
  
}
.bx-wrapper .bx-pager,
.bx-wrapper .bx-controls-auto {
  position: absolute;
  bottom: -30px;
  width: 100%;
}
/* LOADER */
.bx-wrapper .bx-loading {
  min-height: 50px;
  background: url('../img/bx_loader.gif') center center no-repeat #ffffff;
  height: 100%;
  width: 100%;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 2000;
}
/* PAGER */
.bx-wrapper .bx-pager {
  text-align: center;
  font-size: .85em;
  font-family: Arial;
  font-weight: bold;
  color: #666;
  padding-top: 20px;
}
.bx-wrapper .bx-pager.bx-default-pager a {
  background: #666;
  text-indent: -9999px;
  display: block;
  width: 10px;
  height: 10px;
  margin: 0 5px;
  outline: 0;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
}
.bx-wrapper .bx-pager.bx-default-pager a:hover,
.bx-wrapper .bx-pager.bx-default-pager a.active,
.bx-wrapper .bx-pager.bx-default-pager a:focus {
  background: #000;
}
.bx-wrapper .bx-pager-item,
.bx-wrapper .bx-controls-auto .bx-controls-auto-item {
  display: inline-block;
  vertical-align: bottom;
  *zoom: 1;
  *display: inline;
}
.bx-wrapper .bx-pager-item {
  font-size: 0;
  line-height: 0;
}
/* DIRECTION CONTROLS (NEXT / PREV) */
.bx-wrapper .bx-prev {
  left: 10px;
  background: url('../img/controls.png') no-repeat 0 -32px;
}
.bx-wrapper .bx-prev:hover,
.bx-wrapper .bx-prev:focus {
  background-position: 0 0;
}
.bx-wrapper .bx-next {
  right: 10px;
  background: url('../img/controls.png') no-repeat -43px -32px;
}
.bx-wrapper .bx-next:hover,
.bx-wrapper .bx-next:focus {
  background-position: -43px 0;
}
.bx-wrapper .bx-controls-direction a {
  position: absolute;
  top: 90%;
  margin-top: -10px;
  outline: 0;
  width: 32px;
  height: 32px;
  text-indent: -9999px;
  z-index: 9999;
}
.bx-wrapper .bx-controls-direction a.disabled {
  display: none;
}
/* AUTO CONTROLS (START / STOP) */
.bx-wrapper .bx-controls-auto {
  text-align: center;
}
.bx-wrapper .bx-controls-auto .bx-start {
  display: block;
  text-indent: -9999px;
  width: 10px;
  height: 11px;
  outline: 0;
  background: url('../img/controls.png') -86px -11px no-repeat;
  margin: 0 3px;
}
.bx-wrapper .bx-controls-auto .bx-start:hover,
.bx-wrapper .bx-controls-auto .bx-start.active,
.bx-wrapper .bx-controls-auto .bx-start:focus {
  background-position: -86px 0;
}
.bx-wrapper .bx-controls-auto .bx-stop {
  display: block;
  text-indent: -9999px;
  width: 9px;
  height: 11px;
  outline: 0;
  background: url('../img/controls.png') -86px -44px no-repeat;
  margin: 0 3px;
}
.bx-wrapper .bx-controls-auto .bx-stop:hover,
.bx-wrapper .bx-controls-auto .bx-stop.active,
.bx-wrapper .bx-controls-auto .bx-stop:focus {
  background-position: -86px -33px;
}
/* PAGER WITH AUTO-CONTROLS HYBRID LAYOUT */
.bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-pager {
  text-align: left;
  width: 80%;
}
.bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-controls-auto {
  right: 0;
  width: 35px;
}
/* IMAGE CAPTIONS */
.bx-wrapper .bx-caption {
  position: absolute;
  bottom: 0;
  left: 0;
  background: #666;
  background: rgba(80, 80, 80, 0.75);
  width: 100%;
}
.bx-wrapper .bx-caption span {
  color: #fff;
  font-family: Arial;
  display: block;
  font-size: .85em;
  padding: 10px;
	
}
.bx-wrapper .bx-viewport { 
        background:rgba(255,255,255, 0);   
    }
.bx-wrapper  { 
        background:rgba(0,0,0, 0);   
    }
  .jumbotron-default {
  background-image: url("/../img/streaming-home.jpg");
  background-size: cover;
}
.card-body .list-group-item-light {
  color: #818182;
  background-color: #fdfdfe;
}

.card-body .list-group-item-light.list-group-item-action:hover, .list-group-item-light.list-group-item-action:focus {
  color: #404040;
 background-color:#E5EBF0;
}

.adaptiveChatButtonContainer img {
  max-width: 160px;
}

/* ===Lightbox=== */

.ekko-lightbox-nav-overlay a {

 color:red;
}
.ekko-lightbox-nav-overlay a:empty {
	color:red;
}
.ekko-lightbox .glyphicon-chevron-left {
color:red;
}
.ekko-lightbox .glyphicon-chevron-right {
color:red;
}
.ekko-lightbox .modal-header h4{
font-size:93%;
}
ekko-lightbox-item {
	padding:20px
}