/*****************************
*	horizontal news ticker
******************************/
.newswrapper {
    width:100%;
margin-left:auto;
margin-right:auto;
    margin-top:0px;
    border-bottom: 0px solid #333;
        border-top: 0px solid #333;
            border-right: 1px solid #333;
  font-weight: 400;
font-style: normal;  
        text-shadow: 5px 5px 5px #000;
background-color: #222;
    border-radius: 10px;


}

.newswrapper a

{
    
text-decoration: none; 
        border-radius: 10px;

    
}



.ticker-wrapper-h{
	display: flex;
	position: relative;
	overflow: hidden;
	top: 0px;
    box-shadow: 2px 2px 2px 0px rgba(0, 0, 0, 0.5) inset;
  font-weight: 400;
font-style: normal;  
    text-shadow: 1px 1px 1px #000;
background-color: #000000;
    background-image:url("wood.png");
      z-index:1;
    border-radius: 10px;

}


.ticker-wrapper-h .heading{
	background-color: #222;
	color: #AAA;
	     padding-left: 15px;
        padding-right: 5px;
        padding-top: 5px;
        padding-bottom: 5px;
	flex: 0 0 auto;
	z-index: 1000;
    border-right: 1px solid #333;
font-style: normal;  
background-image:url("wood.png");
  box-sizing: border-box;
      border-top-left-radius: 0px;
      border-bottom-left-radius: 0px;
    box-shadow: 1px 1px 1px 0px rgba(0, 0, 0, 0.5) inset;
font-family: expressway, sans-serif;
font-weight: 700;
        text-shadow: 5px 5px 5px #000;
    border-radius: 10px;


    
}
.ticker-wrapper-h .heading:after{
	content: "";
	position: absolute;
	top: 0;

    

}


.news-ticker-h{
	display: flex;
	margin:0;
	padding: 0;
	padding-left: 95%;
	z-index: 999;
	animation-iteration-count: 4;
	animation-timing-function: linear;
	animation-name: tic-h;
	animation-duration: 30s;
	
}
.news-ticker-h:hover { 
	animation-play-state: paused; 
}

.news-ticker-h li{
	display: flex;
	width: 100%;
	align-items: center;
	white-space: nowrap;
	padding-left: 10px;
    padding-right: 10px;
}

.news-ticker-h li a{
	color: #AAA;
         padding: 5px;
font-family: "punto", sans-serif;
font-weight: 700;
        text-shadow: 5px 5px 5px #000;

}

.news-ticker-h li a:hover

{
    color:#CCC;
    background-color: #000;

    
 }

@keyframes tic-h {
	0% {
		-webkit-transform: translate3d(0, 0, 0);
		transform: translate3d(0, 0, 0);
		visibility: visible;
	}
	100% {
		-webkit-transform: translate3d(-100%, 0, 0);
		transform: translate3d(-100%, 0, 0);
	}
}



/* Extra small devices (phones, 600px and down) */
@media only screen and (max-width: 600px) {
.newswrapper{ 
width:100%;

}
.hmove { animation-duration: 30s; }
    }

/* Small devices (portrait tablets and large phones, 600px and up) */
@media only screen and (min-width: 600px) {
.newswrapper{ 
width:100%;

}
    }
/* Medium devices (landscape tablets, 768px and up) */
@media only screen and (min-width: 768px) {
.newswrapper{ 
width:100%;


} 
    }
/* Large devices (laptops/desktops, 992px and up) */
@media only screen and (min-width: 992px) {
.newswrapper{ 
width:100%;



} 
    }
/* Extra large devices (large laptops and desktops, 1200px and up) */
@media only screen and (min-width: 1200px) {
.newswrapper{ 
width:100%;
}
.hmove { 
    }
    
    /* Extra large devices (large laptops and desktops, 1200px and up) */
@media only screen and (min-width: 1930px) {
.newswrapper{ 
width:100%;
}

    }
    }