@charset "utf-8";
/* CSS Document */
@font-face {
    font-family: 'Barlow Condensed';
    src: url('BarlowCondensed-Bold.woff2') format('woff2'),
        url('BarlowCondensed-Bold.woff') format('woff');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'Barlow Condensed';
    src: url('BarlowCondensed-SemiBold.woff2') format('woff2'),
        url('BarlowCondensed-SemiBold.woff') format('woff');
    font-weight: 600;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'Barlow Condensed';
    src: url('BarlowCondensed-Regular.woff2') format('woff2'),
        url('BarlowCondensed-Regular.woff') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Graphik';
    src: url('Graphik-Regular.woff2') format('woff2'),
        url('Graphik-Regular.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'Graphik';
    src: url('Graphik-Semibold.woff2') format('woff2'),
        url('Graphik-Semibold.woff') format('woff');
    font-weight: 600;
    font-style: normal;
}
@font-face {
    font-family: 'Graphik';
    src: url('Graphik-Medium.woff2') format('woff2'),
        url('Graphik-Medium.woff') format('woff');
    font-weight: 500;
    font-style: normal;
}

@font-face {
    font-family: 'Graphik';
    src: url('Graphik-Bold.woff2') format('woff2'),
        url('Graphik-Bold.woff') format('woff');
    font-weight: bold;
    font-style: normal;
}
.s5btn, .s9btn{
	width:570px;
	background:#3ca326;
	margin:5px auto 0 auto;
	display:block;
	border-radius:5px;
	border:none;
	outline:none;
	font-family: 'Barlow Condensed';
	font-weight:bold;
	font-size:43px;
	line-height:43px;
	color:#fff;
	text-align:left;
	text-transform:uppercase;
	position:relative;
	text-shadow:2px 2px #379024;
	padding:12px 5px 12px 148px;
}
.s5btn span{
	position:absolute;
	left:30px;
	top:33px;
	font-size:56px;
	color:#f4ec07;
	text-transform:uppercase;
}
.s9btn{
	width:962px;
	margin:20px auto 0 auto;
	display:block;
	padding:22px 10px;
	font-size:50px;
	line-height:52px;
	text-align:center;
	box-shadow: 4px 5px 5px #bebbbc;
}
.s9btn span{color:#f4ec07;}
.s9btn img{margin:0 0 0 12px;}
.s14btn{margin-top:40px;}
.stocktxt{
	font-family: 'Barlow Condensed';
	font-size:28px;
	line-height:32px;
	text-align:center;
	text-transform:uppercase;
	margin:10px 0 0 0;
}
.stocktxt span{
	font-weight:600;
	color:#ff0000;
}
.stockbar{
	width:570px;
	display:table;
	margin:8px auto 0 auto;
}
ul.stock-list{padding:0;}
ul.stock-list li{
	float:left;
	display:inline-block;
	width:3.5%;
	height:40px;
	margin:0 0.69% 0 0;
	background:#434343;
}
ul.stock-list li:last-child{margin:0;}
ul.stock-list li.active{
	background:#b0d949 url(../images/tick.png?v=2) center no-repeat;
    background-size: 135%;
}
ul.stock-list li.active.blink{
    background:#b0d949 url(../images/tick-blink.gif?v=2) center no-repeat;
    background-size: 135%;
}
.white{color:#fff;}
.strikeout {
  position: relative;
}
.strikeout::after {
  border-bottom: 0.12em solid #F00;
  content: "";
  left: 0;
  margin-top: calc(0.120em / 2 * -1);
  position: absolute;
  right: 0;
  top: 54%;
  transform:rotate(-9deg);
  -webkit-  transform:rotate(-9deg);
}
@media only screen and (max-width: 1020px){
.s9btn{width:100%;font-size:40px;line-height:41px;margin:15px auto 0 auto;}
.s9btn img {
    margin: 0 0 0 6px;
	width:15px;
}
}
@media only screen and (max-width: 767px){
.s5btn, .stockbar{width:100%;}
.s5btn {
    font-size: 37px;
    line-height: 37px;
    padding: 12px 5px 12px 128px;
}
.s5btn span{
	left:15px;
	top:30px;
	font-size:56px;
}
.stocktxt {
    font-size: 23px;
    line-height: 27px;
}
.s9btn{padding:12px 10px;font-size:36px;line-height:37px;margin:10px auto 0 auto;}
.s9btn img{display:none;}
}
@media only screen and (max-width: 479px){
.s5btn {
    font-size: 27px;
    line-height: 27px;
    padding: 12px 5px 12px 98px;
}
.s5btn span{
	left:10px;
	top:25px;
	font-size:46px;
}
.stocktxt {
    font-size: 17px;
    line-height: 22px;
}
ul.stock-list li{height:30px;}
.s9btn{font-size:29px;line-height:30px;}
}
@media only screen and (max-width: 359px){
.s5btn {
    font-size: 24px;
    line-height: 24px;
    padding: 10px 5px 10px 78px;
}
.s5btn span{
	top:22px;
	font-size:36px;
}
.stocktxt {
    font-size: 15px;
    line-height: 20px;
}
ul.stock-list li{height:25px;}
.s9btn {
    font-size: 25px;
    line-height: 26px;
}
}
/*===============================*/
.show-479, .show-tab, .show-767, .show-400, .show-340, .show-359, .show-1190, .show-359 {display:none;}
.hide-400{display:block;}
@media only screen and (max-width: 1190px){
.hide-1190{display:none;}
.show-1190{display:block;}
}
@media only screen and (max-width: 1020px){
.show-tab{display:block;}
.hide-tab{display:none;}
}
@media only screen and (max-width: 767px){
.hide-767{display:none;}
.show-767{display:block;}
}
@media only screen and (max-width: 479px){
.show-479{display:block;}
.hide-479{display:none;}
}
@media only screen and (max-width: 400px){
.show-400{display:block;}
.hide-400{display:none;}
}
@media only screen and (max-width: 359px){
.hide-359{display:none;}
.show-359{display:block;}
}
/*
==============================================
pulse
==============================================
*/

.pulse{
    animation-name: pulse;
    -webkit-animation-name: pulse;

    animation-duration: 1.5s;
    -webkit-animation-duration: 1.5s;

    animation-iteration-count: infinite;
    -webkit-animation-iteration-count: infinite;
}

@keyframes pulse {
    0% {
        transform: scale(0.9);
        opacity: 0.7;
    }
    50% {
        transform: scale(1);
        opacity: 1;
    }
    100% {
        transform: scale(0.9);
        opacity: 0.7;
    }
}

@-webkit-keyframes pulse {
    0% {
        -webkit-transform: scale(0.95);
        opacity: 0.7;
    }
    50% {
        -webkit-transform: scale(1);
        opacity: 1;
    }
    100% {
        -webkit-transform: scale(0.95);
        opacity: 0.7;
    }
}