/**
 * 2015-2020 Lucky Module
 *
 * Lucky Module Announcement banner, Moving / Scrolling Text and more
 *
 * NOTICE OF LICENSE
 *
 * This source file is subject to the General Public License (GPL 2.0)
 * that is bundled with this package in the file LICENSE.txt.
 * It is also available through the world-wide-web at this URL:
 * http://opensource.org/licenses/GPL-2.0
 *
 * DISCLAIMER
 *
 * Do not edit or add to this file if you wish to upgrade the module to newer
 * versions in the future.
 *
 *  @author    Webtet
 *  @copyright 2015-2020 Lucky Module
 *  @license   http://opensource.org/licenses/GPL-2.0 General Public License (GPL 2.0)
 */
.str_wrap {
	overflow:hidden;
	font-size:12px;
	line-height:16px;
	position:relative;
	-moz-user-select: none;
	-khtml-user-select: none;
	user-select: none;
	white-space:nowrap;
}

.str_move {
	white-space:nowrap;
	position:relative;
	top:0;
	left:0;
	cursor:move;
}
.str_move_clone {
	display:inline-block;
	vertical-align:top;
	position:absolute;
	left:100%;
	top:0;
}

.str_down .str_move_clone {
	left:0;
	bottom:100%;
}


.str_wrap img {
	max-width:none !important;
}


.tet_scrol .container {
	width: 40%;
}
.tet_scrol p {
    margin: 0;
    padding: 0;
	color: #fff;
	display:inline-block;
}
.tet_scrol div {
	display:inline-block;
	vertical-align: middle;
}
.tet_scrol {
    text-align: center;
    padding: 20px 0 10px;
    position: relative;
}
.tet_scrol_count > span {
	display:inline-block;
}
.tet_scrol_count > span > span {
	font-size: 24px;
	margin: 0 5px;
}
.tet_scrol_count  span  span {
	display:block
}

.tet_scrol_button  span {
	text-align: center;
}
.tet_scrol .tet_scrol_button {
	padding: 5px 14px 7px 8px;
	margin: 0 20px;
	border-radius: 5px;
}
.tet_scrol .tet_scrol_count {
	dispaly: block !important;
	width: 100%;
	margin: 0 10px;
}
.code_scrol{
	margin-left: 0px;
	margin-right: 25px;
}
.tet_scrol  .tet_scrol_close {
    position: absolute;
    vertical-align: middle;
}
.tet_scrol  .tet_scrol_close i {
    color: #fff;
	vertical-align: middle;
}
.tet_scrol  .tet_scrol_close:hover i {
    color: #777;
    cursor: pointer;
}
.scrol_banner{
	width: 100%;
}

@media (max-width: 359px) {
.tet_scrol .tet_scrol_button {
	padding: 5px 14px 7px 8px;
	margin: 10px 20px 5px;
	border-radius: 5px;
}
.tet_scrol  .tet_scrol_close {
    position: absolute;
    vertical-align: middle;
	padding: 5px 10px 0 5px;
	top: 18px;
	right: 15px;
}
.tet_scrol .tet_scrol_count {
    margin: 0 10px 6px;

}
}

@media (min-width: 360px) {
.tet_scrol .tet_scrol_button {
	padding: 5px 14px 7px 8px;
	margin: 10px 20px 5px;
	border-radius: 5px;
}
.tet_scrol  .tet_scrol_close {
    position: absolute;
    vertical-align: middle;
	padding: 5px 10px 0 5px;
	bottom: 18px;
	right: 5px;
}
.tet_scrol .tet_scrol_count {
    margin: 0 10px 6px;

}

}


@media (min-width: 375px) {
.tet_scrol .tet_scrol_button {
	padding: 5px 14px 7px 8px;
	margin: 10px 20px 5px;
	border-radius: 5px;
}
.tet_scrol  .tet_scrol_close {
    position: absolute;
    vertical-align: middle;
	padding: 5px 10px 0 5px;
	bottom: 18px;
	right: 5px;
}
.tet_scrol .tet_scrol_count {
    margin: 0 10px 6px;

}
}

@media (min-width: 411px) {
.tet_scrol .tet_scrol_button {
	padding: 5px 14px 7px 8px;
	margin: 10px 20px 5px;
	border-radius: 5px;
}
.tet_scrol  .tet_scrol_close {
    position: absolute;
    vertical-align: middle;
	padding: 5px 10px 0 5px;
	bottom: 18px;
	right: 15px;
}
.tet_scrol .tet_scrol_count {
    margin: 0 10px 6px;

}
}


@media (min-width: 414px) {
.tet_scrol .tet_scrol_button {
	padding: 5px 14px 7px 8px;
	margin: 10px 20px 5px;
	border-radius: 5px;
}
.tet_scrol  .tet_scrol_close {
    position: absolute;
    vertical-align: middle;
	padding: 5px 10px 0 5px;
	bottom: 18px;
	right: 3px;
}
.tet_scrol .tet_scrol_count {
    margin: 0 10px 6px;

}
}

@media (min-width: 768px){
.tet_scrol .tet_scrol_button {
	padding: 5px 14px 7px 8px;
	margin: 10px 20px 5px;
	border-radius: 5px;
}
.tet_scrol  .tet_scrol_close {
    position: absolute;
    vertical-align: middle;
	top: 9px;
	right: 190px;
}
.tet_scrol .tet_scrol_count {
    margin: 0 10px 6px;

}
}