@charset "utf-8";
/* CSS Document */
.quotes {display: none;}

.pg-canvas {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.noshow {
	display: none;
	visibility: hidden;
}

.text_small {font-size: 11px;}
.text_medium {font-size: 14px;}
.text_big {font-size: 18px;}
.text_extra {font-size: 21px;}
.text_inline {display: inline;}

.text_tag {
	font-size: 14px;
	font-weight: normal;
	display: inline;
}

.text_copy {font-size: 16px;}

@media (max-width: 480px) {
.text_copy {font-size: 14px;}
}

.blog-details p {
	font-size: 15px;
	font-weight: normal !important;
	text-align: justify;
	word-wrap: break-word;
	margin-bottom: 20px;
}

.blog-details a {
	color: #970c11;
}
.blog-details a:hover {
	color: #333333;
}

.blog-details p:empty {
	display: none;
	visibility: hidden;
}

@media (max-width: 480px) {
.blog-details p {
	font-size: 14px;
}
}

.blog-details img {
	width: 100%;
	height: 100%;
	/*aspect-ratio: 16 / 9;*/
	object-fit: cover;
	object-position: top center;
	border-radius: 5px;
}
						
.blog-details iframe { 
  width: 100%;
  height: 100%;
  aspect-ratio: 16 / 9;
  border-radius: 5px;
}

.blog-details ul, ol {
  margin-top: 0;
  margin-bottom: 10px;
}
		
.blog-details ol {
  display: block;
  margin-block-start: 1em;
  margin-block-end: 1em;
  margin-inline-start: 0px;
  margin-inline-end: 0px;
  padding-inline-start: 40px;
}

.blog-details ul {
  display: block;
  margin-block-start: 1em;
  margin-block-end: 1em;
  margin-inline-start: 0px;
  margin-inline-end: 0px;
  padding-inline-start: 40px;
}

.blog-details ol li {
  list-style: inherit;
  list-style-type: 1;
  display: list-item;
  text-align: -webkit-match-parent;
}

.blog-details ul li {
  list-style: inherit;
  list-style-type: disc;
  display: list-item;
  text-align: -webkit-match-parent;
}

.text_wrap {word-wrap: break-word;}

.break_text {
	text-align: center;
    background: linear-gradient(360deg, rgba(0,0,0,0.1) 0%, rgba(0,0,0,0) 100%);
    padding-top: 20px;
    padding-bottom: 20px;
	padding-left: 20px;
	padding-right: 20px;
    margin-bottom: 20px;
    border-radius: 0px 0px 6px 6px;
}

.border_radius_5 {border-radius: 5px;}
.border_radius_6 {border-radius: 6px;}
.border_radius_10 {border-radius: 10px;}
.border_radius_15 {border-radius: 15px;}
.border_radius_20 {border-radius: 20px;}

h1, h2, h3, h4, h5, b, strong {font-weight:500;}

.ar-1-1  {aspect-ratio: 1 / 1; object-fit: cover; object-position: top center;}
.ar-3-2  {aspect-ratio: 3 / 2; object-fit: cover; object-position: top center;}
.ar-4-3  {aspect-ratio: 4 / 3; object-fit: cover; object-position: top center;}
.ar-16-9 {aspect-ratio: 16 / 9; object-fit: cover; object-position: top center;}
.ar-2-3  {aspect-ratio: 2 / 3; object-fit: cover; object-position: top center;}
.ar-3-4  {aspect-ratio: 3 / 4; object-fit: cover; object-position: top center;}
.ar-9-16 {aspect-ratio: 9 / 16; object-fit: cover; object-position: top center;}

.owl-carousel .owl-item img {width: 100% !important;}


.bg-red {
    background: #F74B54 !important;	
}
	
/* Start Lotto Section */

.lotto_form {
	background: #333333;
	padding-top:15px;
	padding-right: 20px;
    padding-left: 20px;
	padding-bottom:0px;
	border-radius: 6px;
	border: 1px solid #ddd;
	/*margin-bottom:15px;*/
}
.lotto_form .col-sm-3 {
	padding-right: 7.5px;
    padding-left: 7.5px;
}
.lotto_form .col-6 {
	padding-right: 7.5px;
    padding-left: 7.5px;
}
.lotto_form .col-12 {
	padding-right: 7.5px;
    padding-left: 7.5px;
}
.lotto_form .form-group {
	margin-bottom: 15px;
}
.lotto_form .form-control {
	border: solid 1px #e8e8e8;
    border-radius: 6px;
    height: 42px;
    padding-left: 18px;
    font-size: 13px;
    background: #ffffff;
}
.lotto_form .nice-select {
  width: 100%;
  height: 42px;
  padding-left: 18px;
  font-size: 13px;
  margin-bottom: 15px;
}
.lotto_form .btn {
	padding: 15px;
}
.lotto {
	/*font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;*/
	background: #ffffff;
	border-collapse: collapse;
	border-radius: 6px;
	border-style: hidden; /* hide standard table (collapsed) border */
	/*box-shadow: 0 0 0 1px #666;*/ /* this draws the table border  */ 
	border: 1px solid #ddd;
	width: 100%;
	margin-bottom:20px;
}
.lotto table {
	border-collapse: collapse;
	border-style: hidden; /* hide standard table (collapsed) border */
	width: 100%
}
.lotto table caption {
	color: #000000;
	font-weight:bold;
	padding:10px;
	text-align: left;
	caption-side: inherit;
}
.lotto td, .lotto th {
	border: 1px solid #ddd;
	padding: 10px;
	text-align: center;
}

.lotto td {
	font-size: 18px;
	font-weight:600;
	color:#FF0000;
}
  
.lotto tr:nth-child(even){background-color: #f2f2f2;}
/*.lotto tr:hover {background-color: #ddd;}*/
.lotto th {
	padding: 10px;
	text-align: center;
	background-color: #333333;
	color: #ffffff;
	font-weight: 500;
}
.detail-1 {
	margin-bottom:10px;
}	
.detail-1 a {
	font-weight: 500;
}	
@media screen and (max-width: 767px) {
.table-responsive {
    width: 100%;
    margin-bottom: 0px !important;
    overflow-y: hidden;
    -ms-overflow-style: -ms-autohiding-scrollbar;
    border: 0px !important;
	}
}

.lotto-2 {
	border-radius: 6px 6px 0px 0px;
	border: 1px solid #333333;
	border-bottom: 0px;
	margin-bottom: 0px;
}
.lotto-2 table {
	border-collapse: collapse;
	border-style: hidden; /* hide standard table (collapsed) border */
	width: 100%
}
.lotto-2 table caption {
	color: #000000;
	font-weight:bold;
	padding:10px;
	text-align: left;
	caption-side: inherit;
	display:none;
}
.lotto-2 thead {
	border-radius: 6px 6px 0px 0px;
}
.lotto-2 td {
	font-size:30px;
	color:#FF0000;
	font-weight:600;
}
.lotto-2 th {
	font-size:14px;
}
.lotto-2 td, .lotto-2 th {
	border: 0.5px solid #333333;
	padding: 20px;
	text-align: center;
}
.lotto-2 tr:nth-child(even){background-color: #f2f2f2;}
/*.lotto tr:hover {background-color: #ddd;}*/
.lotto-2 th {
	padding: 10px;
	text-align: center;
	background-color: #333333;
	color: #ffffff;
	font-weight: 500;
}
@media (max-width: 480px) {
.lotto-2 th {
	font-size:12px;
}
.lotto-2 td {
	font-size:20px;
}
.lotto-2 td, .lotto-2 th {
	padding: 10px;
}
}

.lotto-top {
	border-radius: 6px;
	border: 0.5px solid #333333;
	background: #FFFFFF;
	margin-bottom: 0px;
}
.lotto-top table {
	border-collapse: collapse;
	border-style: hidden; /* hide standard table (collapsed) border */
	width: 100%
}
.lotto-top table caption {
	color: #000000;
	font-weight:bold;
	padding:10px;
	text-align: left;
	caption-side: inherit;
}
.lotto-top td {
	font-size : 30px;
	color : #F74B54;
	font-weight : 500;
}
.lotto-top th {
	font-size:14px;
}
.lotto-top td, .lotto-2 th {
	border: 0.5px solid #333333;
	padding: 20px;
	text-align: center;
}
.lotto-top tr:nth-child(even){background-color: #f2f2f2;}
/*.lotto tr:hover {background-color: #ddd;}*/
.lotto-top th {
	padding: 10px;
	text-align: center;
	background-color: #333333;
	color: #ffffff;
	font-weight: 500;
}
@media (max-width: 480px) {
.lotto-top th {
	font-size:12px;
}
.lotto-top td {
	font-size:20px;
}
.lotto-top td, .lotto-top th {
	padding: 10px;
}
.lucky .items-2 {
	width: 300px;
}
}

/* End Lotto Section */

.text_gray {color:#999999;}
.text_darkred {color: #970c11;}
.text_darkgreen {color: #03646d;}
.bg_darkred {background: #970c11;}
.bg_darkgreen {background: #03646d;}

.ver_top {vertical-align: top;}
.ver_middle {vertical-align: middle;}
.ver_bottom {vertical-align: bottom;}
.ver_text_top {vertical-align: text-top;}
.ver_text_bottom {vertical-align: text-bottom;}

.lh12 {line-height: 12px}
.lh14 {line-height: 14px}
.lh16 {line-height: 16px}
.lh18 {line-height: 18px}
.lh22 {line-height: 22px}
.lh24 {line-height: 24px}
.lh26 {line-height: 26px}
.lh28 {line-height: 28px}

.mg5 {margin: 5px;}
.mg10 {margin: 10px;}
.mg15 {margin: 15px;}
.mg20 {margin: 20px;}
.mg30 {margin: 30px;}
.mg40 {margin: 40px;}
.mg50 {margin: 50px;}
.mg100 {margin: 100px;}

.mt5 {margin-top: 5px;}
.mt10 {margin-top: 10px;}
.mt15 {margin-top: 15px;}
.mt20 {margin-top: 20px;}
.mt30 {margin-top: 30px;}
.mt40 {margin-top: 40px;}
.mt50 {margin-top: 50px;}
.mt100 {margin-top: 100px;}

.mb3 {margin-bottom: 3px;}
.mb5 {margin-bottom: 5px;}
.mb10 {margin-bottom: 10px;}
.mb15 {margin-bottom: 15px;}
.mb20 {margin-bottom: 20px;}
.mb30 {margin-bottom: 30px;}
.mb40 {margin-bottom: 40px;}
.mb50 {margin-bottom: 50px;}
.mb100 {margin-bottom: 100px;}

.ml5 {margin-left: 5px;}
.ml10 {margin-left: 10px;} 	
.ml20 {margin-left: 20px;}
.ml30 {margin-left: 30px;}
.ml40 {margin-left: 40px;}
.ml50 {margin-left: 50px;}
.ml100 {margin-left: 100px;}

.mr5 {margin-right: 5px;}
.mr10 {margin-right: 10px;} 	
.mr20 {margin-right: 20px;}
.mr30 {margin-right: 30px;}
.mr40 {margin-right: 40px;}
.mr50 {margin-right: 50px;}
.mr100 {margin-right: 100px;}

.pd5 {padding: 5px;}
.pd10 {padding: 10px;}
.pd13 {padding: 13px;}
.pd14 {padding: 14.3px;}
.pd15 {padding: 15px;}
.pd20 {padding: 20px;}
.pd30 {padding: 30px;}
.pd40 {padding: 40px;}
.pd50 {padding: 50px;}
.pd100 {padding: 100px;}

.pt5 {padding-top: 5px;}
.pt10 {padding-top: 10px;} 	
.pt20 {padding-top: 20px;}
.pt30 {padding-top: 30px;}
.pt40 {padding-top: 40px;}
.pt50 {padding-top: 50px;}
.pt100 {padding-top: 100px;}

.pb5 {padding-bottom: 5px;}
.pb10 {padding-bottom: 10px;} 	
.pb20 {padding-bottom: 20px;}
.pb30 {padding-bottom: 30px;}
.pb40 {padding-bottom: 40px;}
.pb50 {padding-bottom: 50px;}
.pb100 {padding-bottom: 100px;}

.pl5 {padding-left: 5px;}
.pl10 {padding-left: 10px;}
.pl13 {padding-left: 13px;}
.pl14 {padding-left: 14.3px;}
.pl15 {padding-left: 15px;}
.pl20 {padding-left: 20px;}
.pl30 {padding-left: 30px;}
.pl40 {padding-left: 40px;}
.pl50 {padding-left: 50px;}
.pl100 {padding-left: 100px;}

.pr5 {padding-right: 5px;}
.pr10 {padding-right: 10px;} 	
.pr20 {padding-right: 20px;}
.pr30 {padding-right: 30px;}
.pr40 {padding-right: 40px;}
.pr50 {padding-right: 50px;}
.pr100 {padding-right: 100px;}

.d-flex-center {
	display: flex!important;
    align-items: center;
    justify-content: center;
}

.card-body {
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    padding: 1rem;
}
.table thead th {
    vertical-align: middle;
    border-bottom: 2px solid #dee2e6;
}

.table td, .table th {
    padding: 1rem;
    vertical-align: top;
    border-top: 1px solid #dee2e6;
}

.tooltip_2 {
  position: relative;
  display: inline-block;
}

.tooltip_2 .tooltiptext {
  visibility: hidden;
  width: 150px;
  background-color: #333333;
  color: #fff;
  font-size:12px;
  font-weight:500;
  text-align: center;
  border-radius: 6px;
  padding: 10px;
  position: absolute;
  z-index: 1;
  bottom: 120%;
  left: 50%;
  margin-left: -75px;
  opacity: 0;
  transition: opacity 0.3s;
}

.tooltip_2 .tooltiptext::after {
  content: "";
  position: absolute;
  top: 100%;
  left: 50%;
  margin-left: -5px;
  border-width: 5px;
  border-style: solid;
  border-color: #333333 transparent transparent transparent;
}

.tooltip_2:hover .tooltiptext {
  visibility: visible;
  opacity: 1;
}

.inputURL {
	width:300px;
	display:inline-block;
	margin-right:5px;
}
.copyURL {
	width:150px;
	padding: 12px 22px;
}
@media (max-width: 480px) {
.inputURL {
	width:100% !important;
	margin-right:0px;
	margin-bottom:15px;
}
.copyURL {
	width:100% !important;
	padding: 12px 22px;
}
}

.videoWrapper {
	position: relative;
	padding-bottom: 56.25%; /* 16:9 */
	padding-top: 25px;
	height: 0;
	
}

.videoWrapper .yt_iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	border-radius: 6px;
}

.imageWrapper {
  position: relative;
  padding-bottom: 56.25%;
  padding-top: 25px;
  height: 0;
}

.imageWrapper img {
  position: absolute;
  object-fit: cover;
  object-position: 100% 0;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border-radius: 5px;
  /*border: 1px solid #eeeeee;
  padding : 5px;*/
}

.footer-basic {
  padding:40px 0;
  color:#444;
  font-weight: 500;
}

.footer-basic ul {
  padding:0;
  list-style:none;
  text-align:center;
  font-size:14px;
  line-height:1.6;
  margin-bottom:0;
}

.footer-basic li {
  padding:0 10px;
}

.footer-basic ul a {
  color:#444;
  text-decoration:none;
}

.footer-basic ul a:hover {
  color:#F74B54;
}

/* Wheel */

.castx{width:100%;margin: 0px auto;}
.mb-10 {
    margin-bottom: 10px!important;
}
.castx-box{width:100%;height:140px;}
.castx-wheel{width:450px;height:450px;position:relative;}
.castx-img{width:100%; height:100%;top:0px;left:0px;position: absolute;user-select: none;}
.castx-start{font-size:1.2em;margin-top:10px; text-align:center;}
.castx-result{width:100%;font-size:1.2em; text-align:center;}
@media (max-width:575px){.castx-wheel{width:/*350*/260px;height:/*350*/260px;}}
.cls {
    zoom: 1;
    clear: both;
    line-height: 0;
    height: 0;
}
.img-blink{animation:blink normal 1s infinite ease-in-out}@keyframes blink{0%{opacity:1}50%{opacity:0}100%{opacity:1}}

/* End Wheel */

/* Random */

.random {
  text-align: center;
}
.random-frame {
	border: 2px #970c11 solid;
	border-radius: 5px; 
	padding:10px;
}
.rand-item {
  font-size: 12px;
  color: #970c11;
  border: 2px #970c11 solid;
  /*height: 30px;*/
  display: inline-table;
  border-radius: 100%;
  margin: 0px 2.5px 0px 2.5px;
}

.rand-item.selected {
  background-color: #970c11;
  color: #FFFFFF;
}

.rand-item > span {
  display: table-cell;
  vertical-align: middle;
}
.box_30 {width:35px; height: 35px;}
.modal-content {
	border: 1px solid #970c11/*rgba(0,0,0,.2)*/;
}
.modal-title {color: #ffffff;}
.modal-header {
	background: #970c11;
    border-bottom: 1px solid #970c11;
	border-top-left-radius: 0rem;
    border-top-right-radius: 0rem;
}
.modal-footer {
    padding: 15px;
    text-align: center;
	display: block;
    border-top: 1px solid #970c11;
}
.text_red {color: #970c11;}
.modal {
  text-align: center;
  padding: 0!important;
}

.modal:before {
  content: '';
  display: inline-block;
  height: 100%;
  vertical-align: middle;
  margin-right: -4px;
}

.modal-dialog {
  display: inline-block;
  text-align: left;
  vertical-align: middle;
}

/* End Random */

.lucky .items {
    position: relative;
}
.lucky .items-2 {
    position: relative;
	width: 400px;
}
@media (max-width: 480px) {
.lucky .items-2 {
	position: relative;
	width: 300px;
}
}
.lucky a {
    color: #FFFFFF;
	opacity: 1;
}
.lucky a:hover {
    color: #FFFFFF;
	opacity: 1;
}
.lucky img {
    width: 100%;
    height: 100%;
    margin: 0 0 15px;
}
.lucky .items-image-overlay {
    position: absolute;
    top: 0;
    width: 100%;
    height: 100%;
    /*background-color: rgba(41, 128, 185, 0.4);*/
    color: #fff;
    -webkit-transition: all ease .5s;
    -moz-transition: all ease .5s;
    transition: all ease .5s;
}
.lucky .items-image-overlay:hover {
    background: rgba(0, 0, 0, 0.4);
}
.lucky .items-text {
	color: #FFFFFF;
	line-height: 18px;
	opacity: 1;
    position: absolute;
    width: 100%;
    bottom: 0;
    text-align: center;
	padding:15px;
	background: linear-gradient(360deg, rgba(0,0,0,1) 0%, rgba(0,0,0,0.8) 55%, rgba(255,255,255,0) 100%);
	border-radius: 0px 0px 5px 5px;
}