/* 

**********

CSS List:

**********


1. Header CSS

2. Live Wins CSS



*/



/* 

===================

1. Header CSS

===================

*/

.inner-item.box_shadow { border: 2px solid #070707;}

.diamond .box_shadow{border: 2px solid #2AD4F8;}
.diamond .box_shadow:after{background-image: url(../images/dimond.png);}
.gold .box_shadow{border: 2px solid #F7BA1E;}
.gold .box_shadow:after{background-image: url(../images/gold.png);}
.silver .box_shadow{border: 2px solid #A0B4C8;}
.silver .box_shadow:after{background-image: url(../images/silver.png);}
.bronze .box_shadow{border: 2px solid #B46030;}
.bronze .box_shadow:after{background-image: url(../images/bronze.png);}

.box_shadow{
    border-radius: 20px;
    box-shadow: -6px 8px;
    padding: 15px;
    height: 270px;
    position:relative;

}

.box_shadow:after{
    position: absolute;
    display: block;
    content: '';
    transform: translate(-50%);
    width: 23%;
    left: 50%;
    top: -22px;
    height: 16%;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
}
.select_view_btn_part{margin-top: 20px;}
.select_view_btn_part ul{width:60% !important;}

.box-view-items ul li a{display: block;}
.box-view-items ul li a figure{width:50px; margin:0 auto; padding-bottom:10px;}
.box-view-items ul li a figure img{width:100%;}

a:hover{text-decoration: none;}

body.menuIsOpened{

	position: relative;

	z-index: 1;

	overflow-y: hidden

}

body.menuIsOpened:before{

	width: 100%;

	height: 100%;

	content: '';

	position: fixed;

	top: 0;

	left: 0;

	display: block;

	background-color: rgba(0, 0, 0, 0.5);

	z-index: 9999;

}


.box_heading {
    margin-left: 15px;
}
.box_heading h4{
    background-color: rgba(255, 137, 228, 0.58);
    padding:4px;
    text-align:center;
    width:11%;
    position:relative;
}
.box_heading h4:after{
   content: '';
    top: -4px;
    left: -4px;
    width: 100%;
    height: 100%;
    position: absolute;
    background-color: red;
    padding: 5px 10px;
    font-size: 20px;
    text-align: center;
    z-index: -2;
    color: #FFFFFF;
    background-color: #B7F6FF;
}

.width_incr{width:100% !important; max-width:1000px !important;}
.inner-items-opens{width:90%;}

.perfect-bg{

	background-position: center;

	background-size: cover;

	background-repeat: no-repeat;

}



.perfect-bg.bg-size100{

	background-size: 100%;

}
.error{color: red;font-size: 12px;border-color: red;}

input[type=number]::-webkit-inner-spin-button, 
input[type=number]::-webkit-outer-spin-button { 
  -webkit-appearance: none;
}

input[type=number] {
    -moz-appearance:textfield;
}

.perfect-bg.bg-repeatX{

	background-repeat: repeat-x;

}

.perfect-bg.bg-repeatY{

	background-repeat: repeat-y;

}

.perfect-bg.bg-repeat{

	background-repeat: repeat;

}





.my_btn{

	position: relative;

	z-index: 1;

	text-decoration: none;

}

.my_btn:hover{

	text-decoration: none;

}

.my_btn:after{

	content: '';

	position: absolute;

	width: 100%;

	height: 100%;

	bottom: -3px;

	right: -3px;

	background-color: white;

	border: 1.2px solid black;

}

.my_btn span{

	border: 1.2px solid black;

	width: 100%;

	/*height: 100%;*/

	display: block;

	position: relative;

	z-index: 2;

	-webkit-user-select: none;

	-moz-user-select: none;

	-ms-user-select: none;

	-o-user-select: none;

	user-select: none;
	font-family: 'monument_extendedregular';
	font-size: 16px;

}

.my_btn.my_btn_pink span{

	background-color: #FF64DB

}

.my_btn.my_btn_green span{

	background-color: #00D058;

}

.back_front_btn{

	text-decoration: none;

	text-transform: uppercase;

	color: #FFFFFF;

	font-family: 'monument_extendedregular';

	font-size: 13px;

	width: 215px;

	height: 50px;

	position: relative;

	display: inline-block;

	max-width: 100%;

	letter-spacing: 1px;

}

.back_front_btn:hover{

	color: #FFFFFF;

}

.back_front_btn span{

	width: calc(100% - 5px);

	height: calc(100% - 5px);

	position: absolute;

	border: 1px solid #000000;

	display: -webkit-flex;

	display: -moz-flex;

	display: -ms-flex;

	display: -o-flex;

	display: flex;

	-webkit-flex-wrap: wrap;

	-moz-flex-wrap: wrap;

	-ms-flex-wrap: wrap;

	-o-flex-wrap: wrap;

	flex-wrap: wrap;

	align-items: center;

	justify-content: center;

	z-index: 1;

} 

.back_front_btn .front{

	top: 0;

	left: 0;

	background-color: #D00088;

	z-index: -1;

}

.back_front_btn .back{

	bottom: 0px;

	right: 0px;

	z-index: -2;

}



.front_back_btn{

	position: relative;

	z-index: 1;

}

.front_back_btn span{

	display: -webkit-flex;

	display: -moz-flex;

	display: -ms-flex;

	display: -o-flex;

	display: flex;

	-webkit-flex-wrap: wrap;

	-moz-flex-wrap: wrap;

	-ms-flex-wrap: wrap;

	-o-flex-wrap: wrap;

	flex-wrap: wrap;

	align-items: center;

	justify-content: center;

	width: calc(100% - 5px);

	height: calc(100% - 5px);

	position: absolute;

	-webkit-user-select: none;

	-moz-user-select: none;

	-ms-user-select: none;

	-o-user-select: none;

	user-select: none;

}



.front_back_btn .back{

	top: 0px;

	left: 0px;

	z-index: -2;

	color: #FFFFFF;

	background-color: #B7F6FF

}

.front_back_btn .front{

	background-color: rgba(255, 137, 228, 0.58);

	bottom: 0;

	right: 0;

	z-index: -1;

}



#header{

	background-color: #250061;

	padding: 10px 0;

	font-family: 'd-din_expregular';

}



.mobile-header{

	width: 100%;

	position: fixed;

	bottom: 0;

	left: 50%;

	z-index: 9999;

	background-color: #250061;

	-webkit-transform: translateX(-50%);

	   -moz-transform: translateX(-50%);

	    -ms-transform: translateX(-50%);

	     -o-transform: translateX(-50%);

	        transform: translateX(-50%);

}



.mobile-header #header .menu-container{

	box-shadow: 0px 0px 5px rgba(0,0,0,0.5);

}

.mobile-header #header .menu-container .menu-list li a{

	padding: 15px 25px;

}





.mobile-menu{

	display: flex;

	width: 44px;

	height: 44px;

	align-items: center;

	justify-content: center

}



.mobile-menu a{

	display: -webkit-flex;

	display: flex;

	-webkit-align-items: center;

	align-items: center;

}



.mobile-menu a span{

	width: 23px;

	height: 2px;

	background-color: #FFFFFF;

	position: relative;

	display: inline-block;

	vertical-align: middle;

	-webkit-transition: all ease 0.3s;

	transition: all ease 0.3s;

}



.mobile-menu a span:before,

.mobile-menu a span:after{

	content: '';

	position: absolute;

	display: inline-block;

	vertical-align: middle;

	width: 100%;

	height: 2px;

	background-color: #FFFFFF;

	left: 0;

	-webkit-transition: all ease .3s;

	-moz-transition: all ease .3s;

	-o-transition: all ease .3s;

	transition: all ease .3s;

	-webkit-transform: translate3d(0, 0, 0) rotate(0deg);

	-moz-transform: translate3d(0, 0, 0) rotate(0deg);

	-ms-transform: translate3d(0, 0, 0) rotate(0deg);

	-o-transform: translate3d(0, 0, 0) rotate(0deg);

	transform: translate3d(0, 0, 0) rotate(0deg);

}



.mobile-menu a span:before{

	top: -8px;

}

.mobile-menu a span:after{

	bottom: -8px;

}



body.menuIsOpened .mobile-menu a span{

	background-color: transparent

}



body.menuIsOpened .mobile-menu a span:before{

	-webkit-transform: translate3d(0, 8px, 0) rotate(-45deg);

	-moz-transform: translate3d(0, 8px, 0) rotate(-45deg);

	-ms-transform: translate3d(0, 8px, 0) rotate(-45deg);

	-o-transform: translate3d(0, 8px, 0) rotate(-45deg);

	transform: translate3d(0, 8px, 0) rotate(-45deg);

}

body.menuIsOpened .mobile-menu a span:after{

	-webkit-transform: translate3d(0, -8px, 0) rotate(45deg);

	-moz-transform: translate3d(0, -8px, 0) rotate(45deg);

	-ms-transform: translate3d(0, -8px, 0) rotate(45deg);

	-o-transform: translate3d(0, -8px, 0) rotate(45deg);

	transform: translate3d(0, -8px, 0) rotate(45deg);

}



.logo-container .logo{

	width: 150px;

	height: auto;

	overflow: hidden;

	position: relative;

	display: inline-block;

	vertical-align: top;

	-webkit-user-select: none;

	-moz-user-select: none;

	-ms-user-select: none;

	-o-user-select: none;

	user-select: none;

}





#header .menu-container .logo-container{

	padding: 20px;

	display: none

}



#header .menu-container .menu-list li{

	display: inline-block;

	vertical-align: middle;

	margin-right: 20px;

}



#header .menu-container .menu-list li:last-child{

	margin-right: 0;

}



#header .menu-container .menu-list li a{

	display: -webkit-flex;

	display: -moz-flex;

	display: -ms-flex;

	display: -o-flex;

	display: flex;

	-webkit-flex-wrap: wrap;

	-moz-flex-wrap: wrap;

	-ms-flex-wrap: wrap;

	-o-flex-wrap: wrap;

	flex-wrap: wrap;

	align-items: center;

	padding: 10px 15px;

	color: white;

	position: relative;

	text-transform: uppercase;

	text-decoration: none;

	font-size: 16px;

	letter-spacing: 1px;

	font-family: 'd-din_expdinexp-italic';

	-webkit-user-select: none;

	-moz-user-select: none;

	-ms-user-select: none;

	-o-user-select: none;

	user-select: none;

}



#header .menu-container .menu-list li a .menu-icon{

	width: 18px;

	height: 18px;

	overflow: hidden;

	margin-right: 8px;

}



#header .menu-container .menu-list li a.menu-dropdown{

	padding-right: 20px;

}

#header .menu-container .menu-list li a.menu-dropdown:after{

	content: '\f0d7';

	font-family: 'Font Awesome 5 Free';

	font-weight: 900;

	position: absolute;

	right: 0;

}



.profile-menu-container .profile-menu-list li{

	display: inline-block;

	vertical-align: middle;

	margin-right: 20px;

}

.profile-menu-container .profile-menu-list li:last-child{

	margin-right: 0

}

.profile-menu-container .profile-menu-list li a{

	color: white;

	text-decoration: none;

	font-size: 19px;

	font-family: 'd-din_expdinexp-italic';

	letter-spacing: 1px;

	display: block;

	-webkit-user-select: none;

	-moz-user-select: none;

	-ms-user-select: none;

	-o-user-select: none;

	user-select: none;

}

.profile-menu-container .profile-menu-list .edit_profile .user-image{

	width: 40px;

	height: 40px;

	overflow: hidden;
    border-radius: 50%;
	display: block;
	position: relative;

}

.profile-menu-container .profile-menu-list .edit_profile .user-image img{
    width: 100%;
    height: 100%;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
}



.deposit_amount .deposit_img{

	color: black;

	padding: 15px 25px;

	text-transform: uppercase;

	font-size: 10px;

	font-family: 'monument_extendedregular';

}





/* 

===================

2. Live Wins CSS

===================

*/



#winsItems{

	position: relative;

	overflow: hidden;

	background-image: url('../images/wins_bg.png');

    background-position: center top;

    background-size: 100%;

    background-repeat: repeat;

}



#winsItems .winsItems-container{

	position: relative;

	padding: 50px 0 20px;

}



#winsItems .winsItems-status{

	position: absolute;

	top: 10px;

	left: 10px;

	width: 120px;

	height: 30px;

	display: block;

}

#winsItems .inner-status{

	width: 100%;

	height: 100%;

	text-transform: uppercase;

}









.winsItems-slider{

	position: relative;

}



.winsItems-slider .main-slider-nav{

	position: absolute;

	top: -15px;

	right: 0;

}
.winsItems-slider .main-slider-nav [class^="owl-"]{
    background-color: transparent;
    border: 0;
    padding: 0;
    outline: 0;
}

/*.winsItems-slider .main-slider-nav [class^="owl-"]{*/

/*	width: 25px;*/

/*	height: 25px;*/

/*	display: inline-block;*/

/*	border-radius: 50%;*/

/*	box-shadow: none;*/

/*	background-color: #9a85f3;*/

/*	outline: 0;*/

/*	border: 0;*/

/*	margin: 0 3px;*/

/*	color: #FFFFFF;*/

/*}*/



.winsItems-slider .main-slider{

	display: -webkit-flex;

	display: -moz-flex;

	display: -ms-flex;

	display: -o-flex;

	display: flex;

	justify-content: start;

	left: 0;

	position: relative;

}



.winsItems-slider .wins_item a{

	color: #000000;

	text-decoration: none;

	display: block;

}

.winsItems-slider .wins_item .wins_item_data figure{

	width: 150px;

	height: 150px;

	max-width: 100%;

	max-height: 100%;

	overflow: hidden;

	margin: 0 auto;

	position: relative;

	z-index: 1;

	display: -webkit-flex;

	display: -moz-flex;

	display: -ms-flex;

	display: -o-flex;

	display: flex;

	justify-content: center;

	align-items: center;

}

.winsItems-slider .wins_item .wins_item_data figure img{

	width: auto;

}

.winsItems-slider .wins_item .wins_item_data figure:before{

	content: '';

	position: absolute;

	width: 120px;

	height: 120px;

	top: 50%;

	left: 50%;

	border-radius: 50%;

	background-color: #DDDDDD;

	z-index: -1;

	-webkit-transform: translate(-50%,-50%);

	   -moz-transform: translate(-50%,-50%);

	    -ms-transform: translate(-50%,-50%);

	     -o-transform: translate(-50%,-50%);

	        transform: translate(-50%,-50%);

}



.winsItems-slider .owl-item:nth-child(4n+1) .wins_item .wins_item_data figure:before{

	background-color: #F3859E

}

.winsItems-slider .owl-item:nth-child(4n+2) .wins_item .wins_item_data figure:before{

	background-color: #9A85F3

}

.winsItems-slider .owl-item:nth-child(4n+3) .wins_item .wins_item_data figure:before{

	background-color: #85F3DE

}

.winsItems-slider .owl-item:nth-child(4n+4) .wins_item .wins_item_data figure:before{

	background-color: #F3DA85

}

.winsItems-slider .wins_item .wins_item_data .wins_item_name{

	text-align: center;

	font-size: 16px;

	line-height: 1.5em;
    height: 3em;
    overflow: hidden;
    white-space: normal;
    text-overflow: ellipsis;
    width: 80%;
    margin:0 auto;
    font-family: 'd-din_expregular';
    text-transform: uppercase;
}





#boxes{

	padding: 50px 0;

}



.boxs-tab .tabs-list-header{

	text-align: center;

	margin-bottom: 25px;

}

.boxs-tab .tabs-list-header .tabs-list-title{

	display: inline-block;

	color: white;

	font-family: 'monument_extendedregular';

	font-size: 13px;

	padding: 15px 20px;

	text-transform: uppercase;

	position: relative;

	z-index: 1;

	width: 210px;

	height: 45px;

	-webkit-user-select: none;

	-moz-user-select: none;

	-ms-user-select: none;

	-o-user-select: none;

	user-select: none;

}

.boxs-tab .tabs-list-header .tabs-list-title span{

	display: block;

	position: absolute;

	width: 100%;

	height: 100%;

	top: 0;

	left: 0;

	z-index: -1;

	background-color: black;

	display: -webkit-flex;

	display: -moz-flex;

	display: -ms-flex;

	display: -o-flex;

	display: flex;

	-webkit-flex-wrap: wrap;

	-moz-flex-wrap: wrap;

	-ms-flex-wrap: wrap;

	-o-flex-wrap: wrap;

	flex-wrap: wrap;

	align-items: center;

	justify-content: center;

}

.boxs-tab .tabs-list-header .tabs-list-title:after{

	content: '';

	position: absolute;

	width: 100%;

	height: 100%;

	background-color: #FFFFFF;

	border: 1px solid black;

	right: -5px;

	bottom: -5px;

	z-index: -2;

}

.boxs-tab .tabs-list ul{

	text-align: center;

    justify-content: center;

}

.boxs-tab .tabs-list ul li{

	display: inline-block;

	vertical-align: middle;

	margin: 0 5px 10px;

}

.boxs-tab .tabs-list ul li a{

	display: -webkit-flex;

	display: -moz-flex;

	display: -ms-flex;

	display: -o-flex;

	display: flex;

	-webkit-flex-wrap: wrap;

	-moz-flex-wrap: wrap;

	-ms-flex-wrap: wrap;

	-o-flex-wrap: wrap;

	flex-wrap: wrap;

	align-items: center;

	justify-content: center;

	color: #B5B5B5;

	font-size: 13px;

	text-transform: uppercase;

	text-decoration: none;

	font-family: 'd-din_expregular';

	background-color: white;

	border: 1px solid #707070;

	width: 150px;

	height: 55px;

	max-width: 100%;

	-webkit-user-select: none;

	-moz-user-select: none;

	-ms-user-select: none;

	-o-user-select: none;

	user-select: none;

}

.boxs-tab .tabs-list ul li a span{

	width: 85px;

	height: 25px;

	display: -webkit-flex;

	display: -moz-flex;

	display: -ms-flex;

	display: -o-flex;

	display: flex;

	-webkit-flex-wrap: wrap;

	-moz-flex-wrap: wrap;

	-ms-flex-wrap: wrap;

	-o-flex-wrap: wrap;

	flex-wrap: wrap;

	align-items: center;

	justify-content: center;

}

.boxs-tab .tabs-list ul li a:hover,

.boxs-tab .tabs-list ul li a.active{

	color: #000000;

	background-image: url('../images/tab_bg.png');

	background-position: center;

	background-size: cover;

	background-repeat: no-repeat;

	border-color: #FFE000;

}

.boxs-tab .tabs-list ul li a:hover span,

.boxs-tab .tabs-list ul li a.active span{

	background-color: #FFE000;

}



.boxs-tab-content .tab-pane{

	padding: 20px 0;

}





.boxs-items .box-item{

	cursor: pointer;

	padding: 10px;

	position: relative;

}

.boxs-items .box-item .item-image{

	width: 100%;

	padding-top: 100%;

	height: 0;

	position: relative;

}

.boxs-items .box-item .item-image figure:not(.bg_none){
    background-image: url('../images/box_items_bg.png');
}

.boxs-items .box-item .item-image figure{

	width: 100%;

	height: 100%;

	text-align: center;

	margin: 0 auto;

	position: absolute;

	/*background-image: url('../images/box_items_bg.png');*/

	background-position: center;

	background-size: 100%;

	background-repeat: no-repeat;

	top: 0%;

	left: 50%;

	/*background: none !important;*/

	-webkit-transform: translate(-50%,0%);

	   -moz-transform: translate(-50%,0%);

	    -ms-transform: translate(-50%,0%);

	     -o-transform: translate(-50%,0%);

	        transform: translate(-50%,0%);

}

.box-view-items .inner-view-items{text-align: center;}
.box-view-items .inner-view-items .select_view_btn_part .heading{font-size: 25px;text-transform: uppercase;display: inline-block;border-bottom: 1.2px solid#707070;padding: 0 20px 10px;line-height: 1;margin-bottom: 15px;}
.box-view-items .inner-view-items .select_view_btn_part ul li:nth-child(2){margin: 0 15px;}
.box-view-items .inner-view-items .select_view_btn_part ul li p{font-size: 12px;text-transform: uppercase;letter-spacing: 1;color: #000;font-family: 'd-din_expregular';}
.box-view-items .inner-view-items .select_view_btn_part ul li .toggleInput{display: none;}
.box-view-items .inner-view-items .select_view_btn_part ul li .toggle_switch{width: 45px;height: 22px;border-radius: 50px;background-color: #250061;position: relative;display: block;cursor: pointer;}
.box-view-items .inner-view-items .select_view_btn_part ul li .toggle_switch:after{content: '';display: block;width: 16px;height: 16px;background-color: #fff;border-radius: 50%;position: absolute;top: 50%;left: 5px;transform: translateY(-50%);transition: 0.5s all;}
.box-view-items .inner-view-items .select_view_btn_part ul li .toggleInput:checked + label .toggle_switch{background-color: #CF0BC2;}
.box-view-items .inner-view-items .select_view_btn_part ul li .toggleInput:checked + label .toggle_switch:after{left: 25px;}

.boxs-items .box-item .item-image figure img{

	position: absolute;

	max-width: 100%;

	height: auto;

	max-height: 100%;

	top: 50%;

	left: 50%;

	-webkit-transform: translate(-50%,-50%);

	   -moz-transform: translate(-50%,-50%);

	    -ms-transform: translate(-50%,-50%);

	     -o-transform: translate(-50%,-50%);

	        transform: translate(-50%,-50%);

}

.boxs-items .box-item .item-details {
	text-align: center;
}
.boxs-items .box-item .item-details .cup {
	text-align: center;
}

.boxs-items .box-item .item-details .items-name{

	color: #000000;

	font-size: 13px;

	font-family: 'monument_extendedregular';

	margin-bottom: 10px;

}

.items-price{

	display: -webkit-flex;

	display: -moz-flex;

	display: -ms-flex;

	display: -o-flex;

	display: flex;

	-webkit-flex-wrap: wrap;

	-moz-flex-wrap: wrap;

	-ms-flex-wrap: wrap;

	-o-flex-wrap: wrap;

	flex-wrap: wrap;

	align-items: center;

	justify-content: center;

}

.items-price .my_btn span{

	padding: 5px 25px;

	font-size: 13px;

	font-family: 'Arial';

	color: black;

	margin: 0 auto;

	letter-spacing: 1px;

	background-color: #FFFFFF;

	-webkit-user-select: none;

	-moz-user-select: none;

	-ms-user-select: none;

	-o-user-select: none;

	user-select: none;
	text-align: center;
	font-family: 'monument_extendedregular';

}

.items-price .my_btn p{font-size: 11px;}



.items-opens{

	width: 100%;

	height: 100%;

	display: -webkit-flex;

	display: -moz-flex;

	display: -ms-flex;

	display: -o-flex;

	display: flex;

	-webkit-flex-wrap: wrap;

	-moz-flex-wrap: wrap;

	-ms-flex-wrap: wrap;

	-o-flex-wrap: wrap;

	flex-wrap: wrap;

	align-items: center;

	justify-content: center;

	background-color: rgba(255,255,255,0.8);

}



.items-opens .items-price .my_btn span{

	background-color: #FF64DB

}



.items-opens .items-chances{

	font-size: 36px;

	font-family: 'Arial';

	font-weight: bold;

	text-align: center;

}

.items-opens .items-chances .chance-sign{

	display: block;

}

.items-opens .items-price{

	font-size: 14px;
	display: flex;
    flex-direction: column;

}

.items-opens .items-price a:before{

	background-color: #FF64DB;

}



.boxs-items .box-item .items-opens{

	opacity: 0;

	visibility: hidden;

	position: absolute;

	z-index: 2;

	top: 50%;

	left: 50%;

	-webkit-transform: translate(-50%,-50%);

	   -moz-transform: translate(-50%,-50%);

	    -ms-transform: translate(-50%,-50%);

	     -o-transform: translate(-50%,-50%);

	        transform: translate(-50%,-50%);

	-webkit-transition: all 0.5s;

	   -moz-transition: all 0.5s;

	    -ms-transition: all 0.5s;

	     -o-transition: all 0.5s;

	        transition: all 0.5s;

}

.box-item:hover .items-opens,

.box-item .items-opens.active{

	opacity: 1;

	visibility: visible;

}





.view_items_body .box-item:hover .items-opens{

	opacity: 0;

	visibility: hidden;

}





.box-header .box-title{

	text-align: center;

}

.box-header .box_description{
    text-align: center;
    padding: 0 25%;
    line-height: 22px;
    margin-top: 20px;
    color: #707070;
    font-family: 'd-dinregular';
    font-size: 18px;
}
.box-header .box-title a.how_bg{background-image: url('../images/how_bg2.png') !important;padding: 20px 70px 15px 56px !important;}
.box-header .box-title a.how_bg:after{content: "";display: block;width: 75px;height: 80px;background-image: url('../images/how_bg2_after.png');background-size: 100% 100%;background-repeat: no-repeat;position: absolute;top: 0;right: 0;}
.box-header .box-title a.how_bg{font-size: 20px;}
.box-header .box-title a.how_bg span{ width: 100%; }

.box-header .box-title a{

    display: flex;
    max-width: 385px;
    min-height: 45px;
    align-items: center;
    margin: 0 auto;
    text-decoration: none;
    font-size: 18px;
    padding: 15px 20px;
    color: #000000;
    /*background-image: url(../images/title_bg.png);*/
    background-position: center top;
    background-size: 100% 100%;
    background-repeat: no-repeat;
    border-color: #FFE000;
    font-family: 'monument_extendedregular';
    letter-spacing: 1px;
    line-height: 1;
    position: relative;

}
.box-header .box-title a span span{color: #CF0BC2;}

/*.box-header .box-title a span{*/

/*	display: -webkit-flex;*/

/*	display: -moz-flex;*/

/*	display: -ms-flex;*/

/*	display: -o-flex;*/

/*	display: flex;*/

/*	-webkit-flex-wrap: wrap;*/

/*	-moz-flex-wrap: wrap;*/

/*	-ms-flex-wrap: wrap;*/

/*	-o-flex-wrap: wrap;*/

/*	flex-wrap: wrap;*/

/*	justify-content: center;*/

/*	align-items: center;*/

/*	background-color: #FFE000;*/

/*	min-width: 150px;*/

/*	min-height: 35px;*/

/*}*/





.box_items_header{

	background-image: url('../images/box_header_bg.png');

	background-position: center left;

	background-size: cover;

	background-repeat: no-repeat;

}

.box_items_header .boxs-items .box-item{

	cursor: default;

}

.box_items_header .boxs-items .box-item .items-opens{

	opacity: 1;

    visibility: visible;

    background-color: transparent;

    height: auto;

    top: auto;

    bottom: -40px;

    -webkit-transform: translateX(-50%);

       -moz-transform: translateX(-50%);

        -ms-transform: translateX(-50%);

         -o-transform: translateX(-50%);

            transform: translateX(-50%);

}





.boxs-items2.boxs-items .box-item .item-details .items-name{

	font-family: 'd-din_expregular';

}



.boxs-items2.boxs-items .box-item .item-image figure{

	/*background-image: url('../images/view_items_bg.png');*/

	background-position: center;

	background-size: 100%;

	background-repeat: no-repeat

}







.box-view-items{

	padding: 0px 0 20px;

}

.box-view-items .view-items-buttons .buttons-field a{

	text-transform: uppercase;

	color: #000000;

	text-decoration: none;

	font-size: 18px;

	font-family: 'd-din_expdinexp-italic';

	position: relative;

	width: 200px;

	height: 55px;

	display: inline-block;

	vertical-align: middle;

	z-index: 1;

}



.box-view-items .view-items-buttons .buttons-field a span{

	display: -webkit-flex;

	display: -moz-flex;

	display: -ms-flex;

	display: -o-flex;

	display: flex;

	-webkit-flex-wrap: wrap;

	-moz-flex-wrap: wrap;

	-ms-flex-wrap: wrap;

	-o-flex-wrap: wrap;

	flex-wrap: wrap;

	align-items: center;

	justify-content: center;

	width: 100%;

	height: 100%;

}



.box-view-items .view-items-buttons .buttons-field a .back{

	top: -5px;

	left: -5px;

	position: absolute;

	z-index: -1;

	color: #FFFFFF;

	background-color: #E1E1E1;

}

.box-view-items .view-items-buttons .buttons-field a .front{

	background-color: rgba(255,255,255,0.58);

	border: 1px solid #000000;

}

.box-view-items .view-items-buttons .buttons-field a.active .back{

	background-color: #B7F6FF;

}



.box-view-items .view-items-buttons .buttons-field a.active .front{

	background-color: rgba(255, 137, 228, 0.58);

	border-color: transparent;

}



.boxs-items.show-chances .items-opens{

	opacity: 1;

    visibility: visible;

}







.profile-section{

	padding: 50px 0;

	position: relative;

}



.profile-section .profile-title{

	text-transform: uppercase;

	font-size: 19px;

	color: #000000;

}

.profile-section .profile-title .front_back_btn{

	width: 205px;

	height: 56px;

	max-width: 100%;

}





.profile-image{

	width: 225px;

	height: 225px;

	max-width: 100%;

	overflow: hidden;

	border-radius: 50%;

	background-image: url('../images/user_image_bg.png');

	background-position: center center;

	background-size: cover;

	background-repeat: no-repeat;

	margin: 0 auto;

	position: relative;

}





.profile-image figure{

	width: calc(100% - 30px);

	height: calc(100% - 30px);

	position: absolute;

	top: 50%;

	left: 50%;

	display: -webkit-flex;

	display: -moz-flex;

	display: -ms-flex;

	display: -o-flex;

	display: flex;

	-webkit-flex-wrap: wrap;

	-moz-flex-wrap: wrap;

	-ms-flex-wrap: wrap;

	-o-flex-wrap: wrap;

	flex-wrap: wrap;

	justify-content: center;

	align-items: center;

	border-radius: 50%;

	overflow: hidden;

	-webkit-transform: translate(-50%,-50%);

	   -moz-transform: translate(-50%,-50%);

	    -ms-transform: translate(-50%,-50%);

	     -o-transform: translate(-50%,-50%);

	        transform: translate(-50%,-50%);

}



.personal-info{

	padding: 50px 20px 0;

}



.personal-info .user_name{

	font-size: 24px;

	margin: 15px 0;

	font-family: 'monument_extendedregular';

	width: 100%;

	overflow: hidden;

	text-overflow: ellipsis;

	white-space: nowrap;

}

.personal-info .user_wallet{

	font-size: 34px;

	font-family: 'd-din_expdinexp-italic';

}





.personal-info .add_balance_btn{

	margin-top: 20px;

	display: block;

}



.profile-data{

	padding: 0 20px;

}



.profile-tabs .nav{

	border: 0;

}

.profile-tabs .profile-menu li a{

	padding: 30px 10px 10px;

	display: block;

	text-transform: uppercase;

	text-decoration: none;

	color: #9CE7EA;

	font-family: 'd-din_expdinexp-italic';

	position: relative;

	z-index: 1;

}

.profile-tabs .profile-menu li a .tabs-icon{

	display: none;

}



.profile-tabs .profile-menu li a.active:before{

	content: '';

	position: absolute;

	background-image: url('../images/tabs_bg.png');

	background-position: top center;

	background-repeat: no-repeat;

	background-size: 100%;

	width: 25px;

	height: 25px;

	color: #000000;

	top: 0;

	left: 50%;

	z-index: -1;

	-webkit-transform: translateX(-50%);

	   -moz-transform: translateX(-50%);

	    -ms-transform: translateX(-50%);

	     -o-transform: translateX(-50%);

	        transform: translateX(-50%);

}



.profile-tabs .profile-tabs2 li{

	margin-bottom: 15px;

	max-width: 100%

}

.profile-tabs .profile-tabs2 li:last-child{

	margin-bottom: 0;

}

.profile-tabs .profile-tabs2 li a{

	padding: 8px 10px;

	display: block;

	text-transform: uppercase;

	text-decoration: none;

	color: #000000;

	width: 100%;

	font-size: 14px;

	font-family: 'd-din_expdinexp-italic';

	text-align: center;

	background-color: #FFFFFF;

	border: 1px solid #000000;

	position: relative;

}

.profile-tabs .profile-tabs2 li a:after{

	content: '';

	position: absolute;

	bottom: 0;

	left: 0;

	width: 100%;

	height: 7px;

	background-color: #FFE029;

	opacity: 0;

	visibility: hidden;

}

.profile-tabs .profile-tabs2 li a.active{

	background-size: 25px;

	color: #CF0BC2;

}

.profile-tabs .profile-tabs2 li a.active:after{

	opacity: 1;

	visibility: visible;

}

.profile-content{

	margin-top: 30px;

}

.profile-content .data-field{

	position: relative;

	margin-bottom: 40px;

}

.profile-content .data-field:last-child{

	margin-bottom: 0;

}

.profile-content .field-header{

	position: absolute;

	top: -10px;

	left: 10px;

}

.profile-content .field-header .field-title > span{

	min-width: 210px;

	height: 30px;

	background-color: #FFE029;

	display: -webkit-flex;

	display: -moz-flex;

	display: -ms-flex;

	display: -o-flex;

	display: flex;

	-webkit-flex-wrap: wrap;

	-moz-flex-wrap: wrap;

	-ms-flex-wrap: wrap;

	-o-flex-wrap: wrap;

	flex-wrap: wrap;

	align-items: center;

	font-size: 16px;

	font-family: 'd-din_expdinexp-italic';

	letter-spacing: 1px;

	user-select: none;

	padding: 0 10px;

	overflow: hidden;

	max-width: 100%;

	white-space: nowrap;

	text-overflow: ellipsis;

}



.profile-content .field-header .field-title > span .fa{

	margin-right: 10px;

}



.profile-content .field-body{

	background-image: url('../images/tab_body_bg.png');

	background-position: center top;

    background-size: 100%;

    background-repeat: repeat-y;

	padding: 20px 0;

}





#delivery-slider{

	padding: 0 50px;

}



#delivery-slider .main-slider{

	padding: 0 40px;

}

#delivery-slider .owl-nav [class^="owl-"]{

	position: absolute;

	top: 50%;

	width: 40px;

	height: 40px;

	display: -webkit-flex;

	display: -moz-flex;

	display: -ms-flex;

	display: -o-flex;

	display: flex;

	-webkit-flex-wrap: wrap;

	-moz-flex-wrap: wrap;

	-ms-flex-wrap: wrap;

	-o-flex-wrap: wrap;

	flex-wrap: wrap;

	justify-content: center;

	align-items: center;

	background-color: #FFE200;

	border-radius: 50%;

	font-size: 24px;

}

#delivery-slider .owl-nav .owl-prev{

	left: 0;

}

#delivery-slider .owl-nav .owl-next{

	right: 0;

}





#delivery-slider .boxs-items .box-item .item-details .items-name{

	font-size: 14px;

}





.sell_buy_btn a{

	position: relative;

    width: 121px;

    height: 40px;
    margin:0 auto;

    max-width: 100%;

    display: -webkit-flex;

    display: -moz-flex;

    display: -ms-flex;

    display: -o-flex;

    display: flex;

    -webkit-flex-wrap: wrap;

    -moz-flex-wrap: wrap;

    -ms-flex-wrap: wrap;

    -o-flex-wrap: wrap;

    flex-wrap: wrap;

    align-items: center;

    justify-content: center;

    color: #FFFFFF;

    text-decoration: none;

    text-transform: uppercase;

    z-index: 1;

    font-family: 'monument_extendedregular';

    font-size: 11px;

    letter-spacing: 1px;

}



.sell_buy_btn a:before{
	content: '';

	position: absolute;

	width: calc(100% - 5px);

	height: calc(100% - 5px);

	background-color: #F5F5F5;

	border: 1px solid #000000;

}



.sell_buy_btn a:before{

	top: 0;

	left: 0;

	z-index: -1;

}

.sell_buy_btn a:after{

	right: 0;

	bottom: 0;

	background-color: #FFFFFF;

	z-index: -2;

}



.sell_buy_btn .sell_btn{

	margin-bottom: 25px;

}

.sell_buy_btn .sell_btn a:before{

	background-color: #CB0D7A;

}



.sell_buy_btn .order_btn a:before{

	background-color: #00D058

}



.sold_table thead{

	display: table;

	width: 100%;

	table-layout: fixed;

}

.sold_table thead th{

	text-align: center;

	font-family: 'd-din_expdinexp-italic';

	font-size: 15px;

	font-weight: normal;

	padding: 15px;

}



.sold_table .inner-table{

	background-color: white;

	border: 1px solid #000000;

}

.sold_table .product_name figure{

	min-width: 70px;

	height: 70px;

	position: relative;

}

.sold_table .product_name figure img{
    max-height: 100%;
	position: absolute;

	top: 50%;

	left: 50%;

	-webkit-transform: translate(-50%,-50%);

	   -moz-transform: translate(-50%,-50%);

	    -ms-transform: translate(-50%,-50%);

	     -o-transform: translate(-50%,-50%);

	        transform: translate(-50%,-50%);

}



.sold_table table td{

	text-align: center;

	padding: 0 15px;

}



.sold_table table td h3{

	font-family: 'd-din_expregular';

	font-size: 14px;

	font-weight: normal

}



.sold_table table tbody tr{

	background-color: #FFFFFF;

	border: 1px solid #000000;

	display: table;

	width: 100%;

	table-layout: fixed;

	margin-bottom: 15px;

}

.sold_table table td.product_name h3{

	overflow: hidden;

	height: 18px;

	text-overflow: ellipsis;

	-webkit-line-clamp: 1;

    -webkit-box-orient: vertical;

}



.sold_table table tbody td{

	vertical-align: middle

}





.sold_table .product_name{

	width: 260px;

}



.sold_table .product_price{

	width: 150px;

}



.sold_table .product_date{

	width: 100px;

}



.sold_table .product_status{

	width: 100px;

}





.profile-form form .form-title h3{

	font-size: 16px;

	color: #000000;

	font-family: 'd-din_expdinexp-italic';

	margin-bottom: 20px;

}



.profile-form .form-control{

	height: auto;

	border-radius: 0;

	text-transform: uppercase;

	font-size: 13px;

}

.profile-form .form-control[type="number"]::-webkit-inner-spin-button{

	-webkit-appearance: none;

	appearance: none;

}

.profile-form .form-control:focus{

	outline: 0;

	box-shadow: none

}

.profile-form .input-group .input-group-text{

	background-color: white;

	text-transform: uppercase;

	position: relative;

	user-select: none;

	font-size: 13px;

	color: #828282;

	font-family: 'd-din_expdinexp-italic';

}

.profile-form .input-group .form-control{

	border-left: 0

}

.profile-form .input-group .input-group-append .input-group-text{

	border-right: 0;

}

.profile-form .input-group .input-group-append .input-group-text:before{

	content: '';

	position: absolute;

	right: 0;

	top: 50%;

	width: 1px;

	height: calc(100% - 10px);

	background-color: #707070;

	-webkit-transform: translateY(-50%);

	   -moz-transform: translateY(-50%);

	    -ms-transform: translateY(-50%);

	     -o-transform: translateY(-50%);

	        transform: translateY(-50%);

}



.profile-submit{

	font-size: 13px;

	text-transform: uppercase;

	color: #FFFFFF;

	display: inline-block;

	background: none;

	border: 0;

	outline: 0;

	box-shadow: 0;

	padding: 0;

	font-family: 'monument_extendedregular';

	letter-spacing: 2px;

}

.profile-submit span{

	padding: 8px 20px;

}







.transactions-table table th,

.transactions-table table td{

	text-align: center;

	padding: 20px;

}



.transactions-table table th{

	font-family: 'd-din_expdinexp-italic';

	font-size: 16px;

	font-weight: normal

}



.transactions-table table td{

	background-color: white;

}



.transactions-table table .details{

	width: 350px;

	max-width: 350px;

}



.transactions-table table td.details{

	white-space: nowrap;

	overflow: hidden;

	text-overflow: ellipsis

}





.table-pagination .pagination{

	margin-top: 20px;

}

.table-pagination .pagination .pagination-title h3{

	text-align: center;

	text-transform: uppercase;

	font-family: 'monument_extendedregular';

	font-size: 13px;

	letter-spacing: 2px;

}

.table-pagination .pagination ul{

	position: relative;

	z-index: 1;

}

.table-pagination .pagination ul:before,

.table-pagination .pagination ul:after{

	content: '';

	position: absolute;

	background-color: white;

	border: 1px solid black;

	width: 100%;

	height: 100%;

	z-index: -1;

	display: block;

}

.table-pagination .pagination ul:after{

	right: -5px;

	bottom: -5px;

	z-index: -2;

}

.table-pagination .pagination ul li{
	display: inline-block;

	vertical-align: middle;

}



.table-pagination .pagination ul li a{

	padding: 15px 10px;

	color: black;

	font-family: 'monument_extendedregular';

	display: block;

	text-decoration: none;

}





.product_modal .modal-content{

	border-radius: 0;

}



.product_modal .modal-body{

	padding: 0;

}





.openBox-section{

	background-image: url('../images/open_box_bg.png');

	position: relative;

	overflow: hidden;

	z-index: 1;

	background-position: center top;

	padding: 50px 0;

}



.openBox-section .inner-openBg{

	position: absolute;

	width: 100%;

	height: 100%;

	z-index: -1;

	top: 50%;

	left: 50%;

	background-image: url('../images/open_box_bg1.png');

	-webkit-transform: translate(-50%,-50%);

	   -moz-transform: translate(-50%,-50%);

	    -ms-transform: translate(-50%,-50%);

	     -o-transform: translate(-50%,-50%);

	        transform: translate(-50%,-50%);

}





.gift_box_contain{

	position: relative;

	z-index: 1;

}

.gift_box_contain .gift_images figure{

	position: relative;

	height: 500px;

	overflow: hidden;

}



.gift_box_contain .gift_images figure img{

	position: absolute;

	max-width: 100%;

	max-height: 100%;

	left: 0;

	top: 50%;

	display: none;

	-webkit-transform: translateY(-50%);

	   -moz-transform: translateY(-50%);

	    -ms-transform: translateY(-50%);

	     -o-transform: translateY(-50%);

	        transform: translateY(-50%);

}

.gift_box_contain .gift_images figure img.active{

	display: block;

}





.gift_box_contain .gift_data{

	width: 100%;

	top: 0;

	left: 0;

	position: absolute;

	z-index: 2;

	display: none;

}



.gift_box_contain.show_data .gift_data{

	display: block;

}



.gift_data .win_items .win_item_name{

	text-align: center;

}

.gift_data .win_items .win_item_name h3 span{

	display: inline-block;

	background-color: #000000;

	color: #FFE029;

	font-size: 20px;

	text-transform: uppercase;

	padding: 5px 15px;

	border-radius: 15px;

	overflow: hidden;

	white-space: nowrap;

	text-overflow: ellipsis;

	max-width: 100%;

}

.gift_data .win_items .win_items{
    width:95%;
    text-align:center;
}

.gift_data .win_items .win_items_ico .win_items_image{
    
    width: 100%;
    height: 430px;
    max-width: 390px;
    position: relative;
    margin: 0 auto;

	/*width: 450px;*/

	/*height: 450px;*/

	/*max-width: 100%;*/

	/*position: relative;*/

	/*margin: 0 auto;*/

}



.gift_data .win_items .win_items_ico .win_items_image figure{

	position: absolute;

	top: 50%;

	left: 50%;

	width: 100%;

	height: 0;

	padding-top: 100%;

	overflow: hidden;

	-webkit-transform: translate(-50%,-50%);

	   -moz-transform: translate(-50%,-50%);

	    -ms-transform: translate(-50%,-50%);

	     -o-transform: translate(-50%,-50%);

	        transform: translate(-50%,-50%);

}

/*.gift_data .win_items .win_items_ico .win_items_image figure:before{*/
    
/*    content: '';*/
/*    position: absolute;*/
/*    top: 0;*/
/*    width: 100%;*/
/*    left: 0;*/
/*    border-radius: 50%;*/
/*    background-color: #F3859E;*/
/*    height: 100%;*/

	/*content: '';*/

	/*position: absolute;*/

	/*width: calc(100% - 50px);*/

	/*height: calc(100% - 50px);*/

	/*top: 0;*/

	/*left: 0;*/

	/*border-radius: 50%;*/

	/*background-color: #F3859E;*/

/*}*/



.gift_data .win_items .win_items_ico .win_items_image figure img{

	position: absolute;

	top: 50%;

	left: 50%;

	max-height: 100%;

	max-width: 100%;

	-webkit-transform: translate(-50%,-50%);

	   -moz-transform: translate(-50%,-50%);

	    -ms-transform: translate(-50%,-50%);

	     -o-transform: translate(-50%,-50%);

	        transform: translate(-50%,-50%);

}



.gift_data .win_items_revise .win_revise_btn{

	margin-bottom: 25px;

}

.gift_data .win_items_revise .win_revise_btn a{

	width: 300px;

	max-width: 100%;

	height: 50px;

	border-radius: 35px;

	color: #FFFFFF;

	font-size: 12px;

	padding: 5px 15px;

	line-height: 1.2;

	letter-spacing: 1px;

	position: relative;

	text-align: center;

	font-family: 'monument_extendedregular';

	display: -webkit-flex;

	display: -moz-flex;

	display: -ms-flex;

	display: -o-flex;

	display: flex;

	-webkit-flex-wrap: wrap;

	-moz-flex-wrap: wrap;

	-ms-flex-wrap: wrap;

	-o-flex-wrap: wrap;

	flex-wrap: wrap;

	align-items: center;

	justify-content: center;

	text-decoration: none;

	text-transform: uppercase;

}



.gift_data .win_items_revise .win_revise_btn.win_try_again a{

	background-color: #ED45CD;

}



.gift_data .win_items_revise .win_revise_btn.win_sell_it a{

	background-color: #5845ED;

}

.gift_data .win_items_revise .win_revise_btn.win_sell_it a:before{

	content: '';

	position: absolute;

	left: -10px;

    bottom: -10px;

    width: 40px;

    height: 40px;

	background-image: url('../images/win_sell_btn.png');

	background-position: center;

	background-repeat: no-repeat;

	background-size: 100%;

}


/*------------------- Deposit Css ------------------*/
#depositSection{padding-top: 50px;padding-bottom: 50px;background-image: url('../images/wins_bg.png');background-size: contain;}
#depositSection .deposit_section .deposit_content .depostion_box_part{margin-bottom: 35px;}
#depositSection .deposit_section .deposit_content .depostion_box_part .deposit_box{width: 25%;position: relative;color: #fff;text-align: center;height: 220px;overflow: hidden;cursor: pointer;}
#depositSection .deposit_section .deposit_content .depostion_box_part .deposit_box.deposit_box_big{width: 27%;height: 250px;}
#depositSection .deposit_section .deposit_content .depostion_box_part .deposit_box:after{content: "";display: block;background-color: #fff;width: 97%;height: 97%;border: 1px solid#000;position: absolute;left: 0;bottom: 0;z-index: 1;}
#depositSection .deposit_section .deposit_content .depostion_box_part .deposit_box .front{background-color: #000;padding-top: 50px;padding-bottom: 15px;width: 98%;height: 97.5%;position: absolute;top: 0;right: 0;z-index: 2;}
#depositSection .deposit_section .deposit_content .depostion_box_part .deposit_box .front .usd{font-size: 26px;letter-spacing: 2px;width: 100%;}
#depositSection .deposit_section .deposit_content .depostion_box_part .deposit_box .front .usd span{font-size: 18px;display: block;}
#depositSection .deposit_section .deposit_content .depostion_box_part .deposit_box .front p{font-size: 12px;width: 100%;}
#depositSection .deposit_section .deposit_content .depostion_box_part .deposit_box .front .more{font-size: 18;color: #22E7EF;font-weight: 600;letter-spacing: 1px;}
#depositSection .deposit_section .deposit_content .depostion_box_part .deposit_box .front .more span{font-size: 14px;color: #EAEA9C;}
#depositSection .deposit_section .deposit_content .depostion_box_part .deposit_box .front .popular{font-size: 13px;color: #F7FF00;background-color: #EA3579;text-transform: uppercase;padding: 10px;width: 150px;letter-spacing: 1;position: absolute;top: 27;left: -38px;transform: rotate(-45deg);}

#depositSection .deposit_section .deposit_content .deposit_form{text-align: center;}
#depositSection .deposit_section .deposit_content .deposit_form .amount_input{width: 50%;display: block;margin: 0 auto 20px;}
#depositSection .deposit_section .deposit_content .deposit_form .form-control{border-radius: 0;text-align: center;}
#depositSection .deposit_section .deposit_content .deposit_form .agree_btn_part{display: flex;justify-content: center;margin-bottom: 25px;}
#depositSection .deposit_section .deposit_content .deposit_form .agree_btn_part .agree_input{display: none;}
#depositSection .deposit_section .deposit_content .deposit_form .agree_btn_part .agree_checkbox{width: 20px;height: 20px;border: 1.2px solid#000;border-radius: 4px;display: block;cursor: pointer;position: relative;}
#depositSection .deposit_section .deposit_content .deposit_form .agree_btn_part .agree_checkbox i{font-size: 12px;position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%);opacity: 0;}
#depositSection .deposit_section .deposit_content .deposit_form .agree_btn_part .agree_input:checked + label .agree_checkbox i{opacity: 1;}
#depositSection .deposit_section .deposit_content .deposit_form .agree_btn_part .agree_text{font-size: 14px;padding-left: 10px;width: calc(100% - 20px);}
#depositSection .deposit_section .deposit_content .deposit_form .agree_btn_part .agree_text a{color: #000;text-decoration: underline;}
#depositSection .deposit_section .deposit_content .deposit_form .payment_btn .stripe-button-el{overflow: unset;z-index: 2;}
#depositSection .deposit_section .deposit_content .deposit_form .payment_btn .stripe-button-el span{background-color: #00d058 !important;color: #fff !important;text-transform: uppercase;letter-spacing: 2px;border: 1.1px solid #000 !important;padding: 0px 30px;height: 38px;line-height: 38px;}
#depositSection .deposit_section .deposit_content .deposit_form .payment_btn .stripe-button-el span:after{background-color: #fff !important;bottom: -5px !important;right: -5px !important;}

#depositSection .deposit_section .deposit_content .deposit_form .payment_type_part{margin-top: 50px;}
#depositSection .deposit_section .deposit_content .deposit_form .payment_type_part p{font-size: 13px;text-transform: uppercase;letter-spacing: 3;border-bottom: 1px solid#000;padding: 0 0 10px;margin-bottom: 15px;}

#depositThankyou{padding-top: 40px;padding-bottom: 40px;}
#depositThankyou .modal-header{padding: 25px 35px 45px;}
#depositThankyou .product-details{padding-bottom: 20px;}
#depositThankyou .product-details p{font-size: 18px;padding: 0 20%;margin-top: 25px;line-height: 25px;letter-spacing: 2px;}
#depositThankyou .product-details p a{color: #000;text-decoration: underline;}
#depositThankyou .modal-footer{padding: 30px 25px 60px;}
#depositThankyou .modal-footer .unboxing_btn{width: 160px;text-align: center;line-height: 15px;}
#depositThankyou .modal-footer .unboxing_btn:hover{color: #fff;}
#depositThankyou .modal-footer .unboxing_btn span{padding: 8px 15px;}
/*------------------- / Deposit Css ------------------*/



/* ------------ Popup Css ------------- */



#popupSection .modal .modal-dialog{max-width: 600px;}

#popupSection .modal .modal-dialog .modal-content{border-radius: 0;background-image: url('../images/wins_bg.png');background-size: contain;background-position: center top;}

#popupSection .modal .modal-dialog .modal-content .modal-header{display: flex;justify-content: center;position: relative;padding: 25px;border: 0;}

#popupSection .modal .modal-dialog .modal-content .modal-header .modal-title{font-size: 25px;font-family: 'monument_extendedregular';line-height: 1;}

#popupSection .modal .modal-dialog .modal-content .modal-header .close{margin: 0;padding: 0;color: #000;opacity: 1;font-size: 40px;position: absolute;top: 50%;right: 15px;transform: translateY(-50%);outline: 0;}



#popupSection .modal .modal-dialog .modal-content .modal-body{padding: 25px 30px;}

#popupSection .modal .modal-dialog .modal-content .modal-body .modal_form_part .form-group{margin-bottom: 20px;}

#popupSection .modal .modal-dialog .modal-content .modal-body .modal_form_part .form-group .form-control{font-size: 20px;color: #A8A8A8;font-family: 'd-din_expregular';height: auto;border-radius: 0;line-height: 1;padding: 18px;border-color: #000;}

#popupSection .modal .modal-dialog .modal-content .modal-body .modal_form_part .form-group .label-after{position: relative;width: 100%;z-index: 1;}

#popupSection .modal .modal-dialog .modal-content .modal-body .modal_form_part .form-group .label-after:after{content: "";display: block;width: 100%;height: 100%;border: 1px solid#000;position: absolute;top: 4px;left: 4px;z-index: -1;}

#popupSection .modal .modal-dialog .modal-content .modal-body .modal_form_part .btn_part{text-align: center;}

#popupSection .modal .modal-dialog .modal-content .modal-body .modal_form_part .btn_part ul li{list-style: none;margin-bottom: 25px;}

#popupSection .modal .modal-dialog .modal-content .modal-body .modal_form_part .btn_part ul li:last-child{margin-bottom: 0;}

#popupSection .modal .modal-dialog .modal-content .modal-body .modal_form_part .btn_part .login_btn{display: inline-block;position: relative;width: 135px;background-color: transparent;border: 0;outline: 0;padding: 0;z-index: 1;}

#popupSection .modal .modal-dialog .modal-content .modal-body .modal_form_part .btn_part .login_btn span{font-size: 15px;color: #fff;display: block;background-color: #000;font-family: 'monument_extendedregular';text-transform: uppercase;padding: 15px;border: 1px solid#000;}

#popupSection .modal .modal-dialog .modal-content .modal-body .modal_form_part .btn_part .login_btn:after{content: "";display: block;width: 100%;height: 100%;border: 1px solid#000;position: absolute;top: 4px;left: 4px;z-index: -1;}

#popupSection .modal .modal-dialog .modal-content .modal-body .modal_form_part .btn_part .login_btn:hover{text-decoration: none;}

#popupSection .modal .modal-dialog .modal-content .modal-body .modal_form_part .btn_part .sign_btn span{background-color: #fff;color: #000;}

#popupSection .modal .modal-dialog .modal-content .modal-body .modal_form_part .btn_part .forgate_password_btn{text-transform: uppercase;color: #CF0BC2;font-size: 18px;font-family: 'd-dindin-bold';margin: 40px 0 30px;display: inline-block;}

#popupSection .modal .modal-dialog .modal-content .modal-body .modal_form_part .btn_part .forgate_password_btn:hover{text-decoration: none;}

#popupSection .modal .modal-dialog .modal-content .modal-body .modal_form_part .btn_part .fb_btn_part .fb_btn{background-color: #4267B2;color: #fff;border-radius: 3px;font-size: 18px;padding: 8px 10px;display: flex;align-items: center;margin: 0 auto;max-width: 240px;}

#popupSection .modal .modal-dialog .modal-content .modal-body .modal_form_part .btn_part .fb_btn_part .fb_btn i{font-size: 28px;margin-right: 10px;}

#popupSection .modal .modal-dialog .modal-content .modal-body .modal_form_part .btn_part .fb_btn_part .fb_btn:hover{text-decoration: none;}



#popupSection .modal .modal-dialog .modal-content .modal-body .modal_form_part .agree_checkbox_part{display: flex;justify-content: center;margin-bottom: 25px;}

#popupSection .modal .modal-dialog .modal-content .modal-body .modal_form_part .agree_checkbox_part .agree_input{display: none;}

#popupSection .modal .modal-dialog .modal-content .modal-body .modal_form_part .agree_checkbox_part .agree_input:checked + label .agree_checkbox i{opacity: 1;}

#popupSection .modal .modal-dialog .modal-content .modal-body .modal_form_part .agree_checkbox_part label .agree_checkbox{width: 25px;height: 25px;border: 1px solid#000;position: relative;cursor: pointer;}

#popupSection .modal .modal-dialog .modal-content .modal-body .modal_form_part .agree_checkbox_part label .agree_checkbox i{font-size: 15px;position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%);opacity: 0;}

#popupSection .modal .modal-dialog .modal-content .modal-body .modal_form_part .agree_checkbox_part label p{font-size: 15px;color: #0041AA;text-transform: uppercase;font-family: 'd-dindin-bold';padding-left: 10px;letter-spacing: 1px;}



.product_modal .modal-dialog{max-width: 550px;}

.product_modal .modal-dialog .modal-content .modal-header{border: 0;}

.product_modal .modal-dialog .modal-content .modal-header .close{opacity: 1;outline: 0;}

.product_modal .modal-dialog .modal-content .modal-body .product-details{background-image: url('../images/wins_bg.png');background-size: cover;text-align: center;padding-top: 20px;}

.product_modal .modal-dialog .modal-content .modal-body .product-details h2{font-size: 30px;font-family: 'monument_extendedregular';text-transform: uppercase;letter-spacing: 1px;line-height: 1;}

.product_modal .modal-dialog .modal-content .modal-body .product-details .product-img{width: 35%;margin: 30px auto 0;}



.product_modal .modal-dialog .modal-content .modal-body .product-info{text-align: center;margin: 15px 0 25px;}

.product_modal .modal-dialog .modal-content .modal-body .product-info .description{font-size: 18px;font-family: 'd-dinregular';padding: 0 25%;line-height: 28px;}

.product_modal .modal-dialog .modal-content .modal-body .product-info .price{font-size: 20px;font-family: 'monument_extendedregular';margin: 20px 0 15px;}

.product_modal .modal-dialog .modal-content .modal-footer{border: 0;padding: 0 25px 35px;display: flex;justify-content: center;}

.product_modal .modal-dialog .modal-content .modal-footer .modalBtn{display: inline-block;position: relative;width: 115px;background-color: transparent;border: 0;outline: 0;padding: 0;z-index: 1;margin-right: 50px;}

.product_modal .modal-dialog .modal-content .modal-footer .modalBtn:last-child{margin-right: 0;}

.product_modal .modal-dialog .modal-content .modal-footer .modalBtn:after{content: "";display: block;width: 100%;height: 100%;border: 1px solid#000;position: absolute;top: 4px;left: 4px;z-index: -1;}

.product_modal .modal-dialog .modal-content .modal-footer .modalBtn span{font-size: 15px;color: #fff;display: block;background-color: #000;font-family: 'monument_extendedregular';text-transform: uppercase;padding: 20px 15px;border: 1px solid#000;}

.product_modal .modal-dialog .modal-content .modal-footer .noBtn span{background-color: #fff;color: #000;}





/* ------------ / Popup Css ------------- */

/* -------------- Footer Css -------------- */
#footer{background-color: #250061;padding-top: 10px;padding-bottom: 10px;}
#footer .footer_section .copyright_text{color: #fff;font-size: 14px;}
#footer .footer_section .footer_menu ul li:not(:last-child){margin-right: 30px;}
#footer .footer_section .footer_menu ul li a{color: #fff;font-size: 16px;display: inline-block;}
#footer .footer_section .footer_menu ul li a:hover{text-decoration: none;}


.gift_images .over-wrapper{

	max-width: 500px;

	max-height: 450px;

	width: 100%; 

	height: 100%; 

	position:relative;

    webkit-user-select: none; /* Safari 3.1+ */

	-moz-user-select: none; /* Firefox 2+ */

	-ms-user-select: none; /* IE 10+ */

	user-select: none; /* Standard syntax */

	/*cursor: url('assets/images/gift_box/nifeimage.png')  4 12, auto;*/

}

.gift_images .over-wrapper:before{

	position: absolute;

    top: 0;

    width: 100%;

    height: 100%;

    left: 0;

    top: 0;

	z-index: 2;

	content: "";

	display: block;



}



.inner-clip {

    position: absolute;

    top: 0;

    width: 100%;

    height: 89px;

    left: 5%;

    top: 44%;

    transform: translateY(-50%);

    z-index: 3;

}

.gift_box_contain .gift_images figure .over-wrapper img{

	width: 100%;

    height: 100%;

}





.slidecontainer {

  width: 100%;

}



/*.inner-clip{ opacity: 0; }*/



.slider {

  -webkit-appearance: none;

  width: 100%;

  height: 100%;

  background: none;

  outline: none;

}



.slider:hover {

  opacity: 1;

}



.slider::-webkit-slider-thumb {

  -webkit-appearance: none;

  appearance: none;

  width: 100px;

  height: 100px;

  cursor: pointer;

  background: url('../images/gift_box/nifeimage.png');

  background-size: contain;

  cursor: none;

}



.slider::-moz-range-thumb {

  width: 90px;

  height: 120px;

  cursor: pointer;

  margin-top: -20px;

  background: url('../images/gift_box/nifeimage.png'); background-size: contain; background-repeat: no-repeat;

  cursor: none;

  appearance: none;

}

.deposit_center{width:40%; margin:0 auto;}
.deposit_center h3{font-size:25px;}

.stripe-button-el span {
    position: relative !important;
    padding: 0 12px;
    height: 30px;
    line-height: 30px;
    background: #FF64DB !important;
    font-size: 14px;
    color: #000 !important;
    font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
    border-radius: 0px !important;
    border:none!important;
}

.stripe-button-el {
    border-radius:0px !important;
    border:none !important;
     background:none !important;
     box-shadow:none !important;
     position:relative !important;
}
.stripe-button-el span:after {
    display: block !important;
    content: '' !important;
    position: absolute !important;
    width: 100% !important;
    height: 100% !important;
    bottom: -3px !important;
    right: -3px !important;
    background-color: #B7F6FF !important;
    border: 1.2px solid black !important;
    z-index:-1 !important;
}

.table thead th {border:none;}

.deliver_bal{text-align:center; display:flex; flex-wrap:wrap; justify-content:space-between; align-items:center; margin-left:180px; width:30%;}
.deliver_bal figure{width:50px;} 
.deliver_bal figure > img {width:100%;}
.deliver_bal h2 {font-size:25px; font-weight:600;}

.deliver_body h3 {color:red; font-weight:600; font-size:20px; text-align:center;}
.delivery_btn{padding-top:20px;}
.delivery_btn a{display:inline-block; color:white; font-weight:600; font-size:18px; background:#00bd7d; padding:10px 20px; border-radius:5px; text-decoration:none;}

#deliver .modal-header{flex-wrap: wrap;position: relative;}
#deliver .modal-header .delivery-charge{color: red;width: 100%;text-align: center;font-weight: 600;font-size: 20px;margin-top: 15px;}
#deliver .modal-header .close{position: absolute;top: 50%;right: 25px;transform: translateY(-50%);padding: 0;margin: 0;}
#deliver .deliver_bal{width: 100%;margin: 0;}
#deliver .deliver_bal h2{margin-left: 15px;}
#deliver .modal-body{padding: 20px;}

.sellModal .sell_text{font-size: 16px !important;padding: 40px 20px;}
#saleBtn:hover{color: #fff;}

#deposit .payment_btn .disabled{opacity: 0.5;pointer-events: none;}
#deposit .span-error{font-size: 12px;padding-top: 5px;display: block;}

.deposit_btn{
height:42px;
}

/*------------- How to works Popup Css -----------*/

.how_its_work_popup .modal-dialog{max-width: 900px;}
.how_its_work_popup .modal-dialog .modal-content{border-radius: 0;}
.how_its_work_popup .modal-dialog .modal-content:after{content: '';display: block;width: 100%;height: 100%;background-image: url('../images/how_work_bg2.png');position: absolute;top: 0;left: 0;background-size: 100% 100%;background-repeat: no-repeat;background-position: top center;}
.how_its_work_popup .modal-body{padding: 15px 0;}
.how_its_work_popup .modal-body .how_it_heading_part{background-image: url('../images/how_work_bg.png');background-size: 100% 100%;background-repeat: no-repeat;padding-top: 40px;padding-bottom: 5px;}

.how_its_work_popup .step_box_part{padding: 0 50px;}
.how_its_work_popup .step_box_part .step_box{width: 28%;text-align: center;}
.how_its_work_popup .step_box_part .step_box .step_box_img{width: 45%;height: 0;position: relative;padding-top: 50%;margin: 0 auto 15px;}
.how_its_work_popup .step_box_part .step_box .step_box_img img{max-width: 100%;max-height: 100%;position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%);}
.how_its_work_popup .step_box_part .step_box .step_box_heading .my_btn{padding: 0;font-size: 13px;color: #fff;}
.how_its_work_popup .step_box_part .step_box .step_box_heading .my_btn span{background-color: #000;line-height: 1;}

.how_its_work_popup .step_box_part .step_box .step_box_heading .sub_heading{font-size: 14px;text-transform: uppercase;margin: 20px 0;line-height: 20px;height: 40px;overflow: hidden;padding: 0;}
.how_its_work_popup .step_box_part .step_box .step_box_description p{color: #0990CC;font-size: 14px;line-height: 18px;padding: 0;}

/*------------- / How to works Popup Css -----------*/

#inprogress_modal .box_detail_list table{margin: 0;}
#inprogress_modal .box_detail_list table tr td{padding: 8px;border: 0;width: 50%;}



/**/

#promo_code_sec button.close {
    padding: 6px 10px;
}

.apply_btn_sec .apply_btn{border:none !important; background: none; margin-top: 10px;} 
.apply_btn_sec .apply_btn span {
    background-color: #00d058 !important;
    color: #fff !important;
    text-transform: uppercase;
    letter-spacing: 2px;
    border: 1.1px solid #000 !important;
    padding: 0px 16px;
    height: 30px;
    line-height: 30px;
    font-size: 12px;

}
.apply_btn_sec .apply_btn span{ position: relative; }
/*.apply_btn_sec .apply_btn span:after {
    display: block !important;
    content: '' !important;
    position: absolute !important;
    width: 100% !important;
    height: 100% !important;
    bottom: -3px !important;
    right: -3px !important;
    background-color: #B7F6FF !important;
    border: 1.2px solid black !important;
    z-index: -1 !important;
}
.apply_btn_sec .apply_btn span:after {
    background-color: #fff !important;
    bottom: -5px !important;
    right: -5px !important;
}*/

.valid_promo_content{ margin-top: 20px; }
.valid_promo_content p {
    font-size: 18px;
    font-weight: 600;
}


.winsItems-slider .main-slider-nav {
    position: static;
    top: 0;
    right: 0;
}

.main-slider-nav .owl-prev {
    position: absolute;
    left: -50px;
    top: 50%;
}

.main-slider-nav .owl-next {
    position: absolute;
    right: -50px;
    top: 50%;
}

.more-boxes-home {
    display: block;
    margin-top: 60px;
}
/*.front_blue-btn {*/
/*    padding: 14px 60px;*/
/*    text-align: center;*/
/*    color: #fff !important;*/
/*    background: #250061;*/
/*    border-radius: 5px;*/
/*    font-size: 18px;*/
/*}*/
.how_it_work_bg{background-image: url('../images/how_work_banner_bg.png');background-size: 100% 100%;background-repeat: no-repeat;background-position: center center;padding-bottom: 30px;}

.front_blue-btn{width: 405px;display: block;text-align: left;}
.front_blue-btn span{
    padding: 15px 30px;
    text-align: center;
    background-color: #1473E6;
    color: #fff;
}

.like_box_opens{
	/*display: block;*/
    text-align: center;
}
.like_box {
    display: block;
    margin-top: 30px;
    margin-bottom: 20px;
    width: 100%;
}

.like_box a .fa {
    margin-right: 10px;
    font-size: 22px;
    color: #000 !important;
}


.like_box p {
    font-size: 20px !important;
    font-family: 'd-din_expregular';
}

.box_items_body{position: relative;}

.quick_answer_box{position: fixed;top: 50%;right: 0;transform: translate(calc(100% - 54px),-50%);z-index: 999;transition: 0.5s all;}
.quick_answer_box.openQuick{transform: translate(0,-50%);}
.quick_answer_box.openQuick .quick_answer_btn span{transform: rotate(-180deg);}
.quick_answer_box .quick_answer_btn{background-color: #250061;padding: 15px;width: 54px;height: 280px;position: relative;cursor: pointer;}
.quick_answer_box .quick_answer_btn .quick_answer_btn_inner{position: absolute;top: 50%;left: 50%; transform: translate(-50%,-50%) rotate(-90deg);}
.quick_answer_box .quick_answer_btn .quick_answer_btn_inner p{font-size: 14px;color: #fff;margin-right: 10px;width: 170px;letter-spacing: 4px;font-family: 'd-din_expregular';}
.quick_answer_box .quick_answer_btn .quick_img{width: 30px;margin-right: 15px;}
.quick_answer_box .quick_answer_btn .quick_img img{max-width: 100%;max-height: 100%;}
.quick_answer_box .quick_answer_btn span{font-size: 25px;height: 13px;color: #fff;}
.quick_answer_box .quick_answer_content{background-color: #491d91;padding: 25px;max-width: 500px;}
.quick_answer_box .quick_answer_content .quick_answer_content_box{color: #fff;width: 100%;}
.quick_answer_box .quick_answer_content .quick_answer_content_box .title{font-size: 18px;line-height: 1;margin-bottom: 15px;display: inline-block;border-bottom: 1px solid#fff;}
.quick_answer_box .quick_answer_content .quick_answer_content_box p{font-size: 14px;}
.quick_answer_box .quick_answer_content .quick_answer_content_box ul{margin-top: 20px;}
.quick_answer_box .quick_answer_content .quick_answer_content_box ul li figure{width: 23px;}
.quick_answer_box .quick_answer_content .quick_answer_content_box ul li figure img{max-width: 100%;max-height: 100%;}
.quick_answer_box .quick_answer_content .faq{color: #fff;font-size: 16px;display: inline-block;font-weight: 600;}

.liked_box{margin-top: 40px;width: 100%;}
.liked_box ul{margin-top: 20px;}
.liked_box ul li:not(:last-child){margin-right: 35px;}
.liked_box ul li figure{width: 25px;}
.liked_box ul li figure img{max-width: 100%;max-height: 100%;}
.liked_box ul li p{font-size: 14px;line-height: 1;padding-left: 10px;}

#loginBtn .my_btn span{background-color: #000;color: #fff;}
#loginBtn .my_btn:after{border: 0;}

/*------------- Contact Us Css ------------*/
.contact_form_part{margin: 50px 0;}
/*.contact_form_part .contact_form_box{border: 1px solid#000;}*/
.contact_form_part .contact_form_box .form_box{width: 50%;padding: 25px 20px;}
.contact_form_part .contact_form_box .form_box .form_heading{font-size: 18px;text-transform: uppercase;font-weight: 600;line-height: 1;margin-bottom: 20px;}
.contact_form_part .contact_form_box .form_box .desc{font-size: 18px;line-height: 22px;}
.contact_form_part .contact_form_box .form_box form{margin-top: 20px;}
.contact_form_part .contact_form_box .form_box .form-group .form_label{font-size: 13px;margin-bottom: 10px;line-height: 1;font-weight: 600;}
.contact_form_part .contact_form_box .form_box .form-group textarea{max-height: 150px;min-height: 100px;}
.contact_form_part .contact_form_box .form_box .social_media_part{margin-top: 20px;}
.contact_form_part .contact_form_box .form_box .social_media_part .title{font-size: 15px;margin-bottom: 10px;}
.contact_form_part .contact_form_box .form_box .my_btn{font-family: unset;}
.contact_form_part .contact_form_box .form_box .my_btn span{background-color: #000;font-family: unset;}
.social_icon_part li:not(:last-child){margin-right: 10px;}
.social_icon_part li .social_icon{width: 40px;height: 40px;border-radius: 50%;display: flex;align-items: center;justify-content: center;background-color: #ccc;color: #fff;font-size: 22px;}
.social_icon_part li .social_icon.fb{background-color: #3b5998;}
.social_icon_part li .social_icon.ins{background: #d6249f;background: radial-gradient(circle at 30% 107%, #fdf497 0%, #fdf497 5%, #fd5949 45%,#d6249f 60%,#285AEB 90%);}
.social_icon_part li .social_icon.yout{background-color:  #c4302b;}
.social_icon_part li .social_icon.tw{background-color: #00acee;}
.animImg{left: 35% !important;transform: translate(-50%,-50%)  !important;}

/*------------- / Contact Us Css ------------*/

#remove-promo{display: none;}

@-webkit-keyframes wobble {
	16.65% {
	  -webkit-transform: translateY(8px);
	}
	33.3% {
	  -webkit-transform: translateY(-6px);
	}
	49.95% {
	  -webkit-transform: translateY(4px);
	}
	66.6% {
	  -webkit-transform: translateY(-2px);
	}
	3.25% {
	  -webkit-transform: translateY(1px);
	}
	100% {
	  -webkit-transform: translateY(0);
	}
}
@keyframes wobble {
	16.65% {
	  transform: translateY(8px);
	}
	33.3% {
	  transform: translateY(-6px);
	}
	49.95% {
	  transform: translateY(4px);
	}
	66.6% {
	  transform: translateY(-2px);
	}
	3.25% {
	  transform: translateY(1px);
	}
	100% {
	  transform: translateY(0);
	}
}

.animation-wobble:hover {
	-webkit-animation-name: wobble;
	animation-name: wobble;
}

.animation-wobble{
	-webkit-animation-duration: 1s;
	animation-duration: 1s;
	-webkit-animation-fill-mode: both;
	animation-fill-mode: both;
}