.tri-right.left-in:after{
	content: ' ';
	position: absolute;
	width: 0;
	height: 0;
	left: -20px;
	right: auto;
	top: 39px;
	bottom: auto;
    border: 12px solid;
    border-color: white white transparent transparent;
}
a.see-more.hover-both.close {
    padding: 10px 25px;
    font-size: 15px;
}
.talk-bubble {
    display: inline-block;
    height: auto;
    background-color: white;
}
.span {
    color: #01fdff;
    font-size: 20px;
    position: relative;
    top: 32px;
}
#des_not{
	overflow-y:auto !important;
	max-height:336px !important;
}
.round{
  border-radius: 30px;
	-webkit-border-radius: 30px;
	-moz-border-radius: 30px;

}
.tri-right.right-in:after {
    content: ' ';
    position: absolute;
    width: 0;
    height: 0;
    left: auto;
    right: -19px;
    top: 22px;
    bottom: auto;
    border: 12px solid;
    border-color: white transparent transparent white;
}
#animate-right .span, #animate-left3 .span{
    color: #edff01;
    font-size: 17px;
    position: absolute;
    right: -8px;
    top: 18px;
}
.content {
    position: relative;
	overflow:hidden;
    border: 1px solid black;
    width: 100%;
    height: 100%;
	border: none !important;
}
#animate-right {
    position: absolute;
    width: 85%;
    right: -1000px;
    -webkit-animation: slide1 0.5s forwards;
    -webkit-animation-delay: 2s;
    animation: slide1 0.5s forwards;
    animation-delay: 2s;
    top: 155px;
}
#animate-left2{ position:absolute; width:100%;left: -1000px;-webkit-animation: slide2 0.5s forwards;  -webkit-animation-delay: 2s; animation: slide2 0.5s forwards;  animation-delay: 3s;top:250px;}
#animate-left3{ position:absolute; width:85%;right: -1000px;-webkit-animation: slide3 0.5s forwards;  -webkit-animation-delay: 3s; animation: slide3 0.5s forwards;  animation-delay: 4s;top:422px;}
#animate-left4{ position:absolute; width:100%;left: -1000px;-webkit-animation: slide4 0.5s forwards;  -webkit-animation-delay: 4s; animation: slide4 0.5s forwards;  animation-delay: 5s;top:560px;}
#animate-left {
	position:absolute;
	width:100%;height:200px;
    left: -200px;
    -webkit-animation: slide 0.5s forwards;
    -webkit-animation-delay: 2s;
    animation: slide 0.5s forwards;
    animation-delay: 0s;
}
@-webkit-keyframes slide1 {
    100% { right: 20px; }
}

@keyframes slide1 {
    100% { right: 20px; }
}
@-webkit-keyframes slide2 {
    100% { left: 0; }
}

@keyframes slide2 {
    100% { left: 0; }
}
@-webkit-keyframes slide3 {
    100% { right: 0; }
}

@keyframes slide3 {
    100% { right: 0; }
}
@-webkit-keyframes slide4 {
    100% { left: 0; }
}

@keyframes slide4 {
    100% { left: 0; }
}
@-webkit-keyframes slide {
    100% { left: 0; }
}

@keyframes slide {
    100% { left: 0; }
}

#subscribe .modal-dialog {
    z-index: 100000000;
    background: #fff;
    padding: 30px;
    box-shadow: 0 0 1px #fff;
}
.content p {
    font-family: initial;
    font-size: 23px;
    font-style: italic;
    line-height: 35px;
    padding: 16px;
    margin-top: 0;
}
.content p:nth-child(odd) strong{
	color:rgb(255, 234, 0);
}
.content p:nth-child(even) strong{
	color:rgb(0, 255, 228);
}
#subscribe .close{color:#fff; opacity:1 !important;margin-top:-15px ; }
#subscribe .modal-dialog {
    background-attachment: scroll;
    background-clip: border-box;
    background-color: gray;
	height: 750px;
    /* background-image: url("http://il6.picdn.net/shutterstock/videos/14228258/thumb/8.jpg") !important; */
    background-origin: padding-box;
    background-position: 0 0;
    background-repeat: no-repeat;
    background-size: cover;
    transform: translate(0px, 0px);
}
@media screen and (max-width:480px){
	.content > p {
    font-size: 19px !important;
    width: 100% !important;
}
}
.social_relative p.social {
    width: 60px;
    height: 60px;
    padding: 8px;
	font-size: 14px;
    padding-top: 0px;
    font-weight: 600;
}
.dropdown-menu{
	background-color:#282A2D;
}
.line{
	/* background-color: #c4c2c2; */
	content: "";
	height: 50px;
	position: absolute;
	transition: all 0.6s ease 0s;
	width: 1px;
	margin-right :5px;
}
.col-md-10 #canvas{
	width:100% !important;
	height:435px !important;

}
#level_font p{
	font-family:Helvetica Neue,Helvetica,Arial,sans-serif;
}
.table_design, th, tr{
	text-align:center;
}
#categoryModal td,th{
	text-align:left;
	padding: 5px; 10px;
}
.table_design{
	width: 70%;
	margin-bottom: 20px;
	margin-left: 15px;
	text-align:center;
}
.table_design th {
	background: #b6b6b6; 
	font-weight: bold;
	color:#fff;
	font-size
}
.table_design tr{
	font-family:"bushcraftdistress";
	font-size:18px;
	font-color:#fff;
}
figure img{
	height:100%;
}
#categoryModal .modal-body{
	height:500px;
}
#categoryModal .modal-body {
	height: 500px;
	font-style: italic;
}
.modal_right {
	right: 0;
	float: right;
	background: #fff; 
}	
#error-modal .modal-body.red > h3 {
	font-family: Georgia;
}

#error-modal .modal-dialog {
	margin-top:4%;
	width: 70%;
	margin-left:15%;
}
#error-modal .modal-content{
	background : none !important;
}

#error-modal .modal-body.red {
	background: red none repeat scroll 0 0;
	color: #fff;
	 border-radius:10px 33px;
}

#error-modal .modal-body.green {
	background: green none repeat scroll 0 0;
	color: #fff;
}

.modal_left {
	min-height:622px !important;
	background-image: url('https://www.triviadice.com/img/team/categorydice.jpg');
	background-size: cover;
	float: left;
	background-position: center;
}
.team .member-thumb .mask{height:0 !important;}
.lock {
	opacity:0;
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0px;
    background: rgba(235, 117, 19, 0.5);
}
.team-mate:hover .lock{opacity:1 !important;} 
.lock img {
    position: absolute;
    top: 25%;
    left: 25%;
	height:auto !important;
}
.modal-header.margin1 {
	padding: 0px !important;
	text-align: center;
	margin: 40px 0px 5px !important;
}

a.btn.btn-dark.hover-both.margin2 {
	margin: 20px;
	text-align: center;
}

#error-modal .modal-dialog {
	text-align:center;
	position: absolute;
	border-radius: 15px 50px:
}


@media (min-width: 300px) and (max-width: 1000px) {
	#categoryModal .modal-dialog {
		width: 95% !important;
		height:auto !important;
		box-shadow: -13px 11px 23px 0px rgba(0, 0, 0, 0.35);
	}
	.modal_left {
		display : none !important;
	}	
	#categoryModal .modal-body.margin{
		height:100% !important;
	}
	#start{
		display:none;
	}
}	
@media (min-width: 1000px) {
	#categoryModal .modal-dialog {
		width: 50% !important;
		box-shadow: -13px 11px 23px 0px rgba(0, 0, 0, 0.35);
	}
	
}
.blur{
	  -webkit-filter: blur(5px); /* Chrome, Safari, Opera */
	  filter: blur(5px);
}
.image_1{
	background:url('https://www.triviadice.com/img/banner_1.jpg');
	background-size:cover;
}
.image_2{
	background:url('https://www.triviadice.com/img/banner_2.jpg');
	background-size:cover;
}

.image_3{
	background:url('https://www.triviadice.com/img/banner_3.jpg');
	background-size:cover;
	
}
.image_4{
	background:url('https://www.triviadice.com/img/banner_4.jpg');
	
	background-size:cover;
	
}
.image_3 h2,.image_3 h3{
	color:#000;
}
.image_1 h2,.image_1 h3{
	color:#A40000;
}
.dropdown a:hover {
   color: green !important;
   font-weight: 600 !important;
}
@media (min-width: 300px) and (max-width: 1000px) {
	
	#OtherCategoryModal .modal-dialog {
		width: 95% !important;
		height:auto !important;
		box-shadow: -13px 11px 23px 0px rgba(0, 0, 0, 0.35);
	}
	.modal_left {
		display : none !important;
	}	
	#OtherCategoryModal .modal-body.margin{
		height:100% !important;
	}
	#start{
		display:none;
	}
}	
@media (min-width: 1000px) {
	#terms_popup .modal-dialog.login.animated.container {
    width: 28%;
}
	#OtherCategoryModal .modal-dialog {
		width: 50% !important;
		box-shadow: -13px 11px 23px 0px rgba(0, 0, 0, 0.35);
	}
	
}
.modal_left {
	min-height:622px !important;
	background-image: url('https://www.triviadice.com/img/team/categorydice.jpg');
	background-size: cover;
	float: left;
	background-position: center;
}

.modal-header.margin1 {
	padding: 0px !important;
	text-align: center;
	margin: 20px 0px 5px !important;
}
#OtherCategoryModal .modal-body{
	height:500px;
}
#OtherCategoryModal .modal-body {
	height: 500px;
	font-style: italic;
}
#OtherCategoryModal td,th{
	text-align:left;
	padding: 3px; 5px;
}
#OtherCategoryModal .font_change {
    font-size: 23px !important;
}
.table_design, th, tr{
	text-align:center;
}
#OtherCategoryModal td,th{
	text-align:left;
	padding: 3px; 5px;
}
.table_design{
	width: 70%;
	margin-bottom: 20px;
	margin-left: 15px;
	text-align:center;
}
.table_design th {
	background: #b6b6b6; 
	font-weight: bold;
	color:#fff;
	font-size
}
.table_design tr{
	font-family:"bushcraftdistress";
	font-size:18px;
	font-color:#fff;
}
figure img{
	height:100%;
}
#OtherCategoryModal .modal-body{
	height:500px;
}
#OtherCategoryModal .modal-body {
	height: 500px;
	font-style: italic;
}
.modal_right {
	right: 0;
	float: right;
	background: #fff; 
}

.item-inner > h2 {
    font-size: 26px !important;
    font-weight: 600 !important;
    margin: 0 auto !important;
    width: 50% !important;
}
.item-inner {
    vertical-align: bottom !important;
}
.item-inner > h3 {
    margin-bottom: 20px;
}
.social_relative i {
    font-size: 18px;
    position: relative;
    bottom: -6px;
}

#css_ch{
	padding:0px !important;
	margin-top : 5px !important;
	margin-bottom:0 !important;
	border-radius: 
}
#css_ch p{
	margin:0px !important; 
	font-size: 10px;
}
#css_ch  img{
	margin: 5px;
}
.notification .col-md-8 p {
    line-height: 16px;
    font-size: 13px;
    margin: 7px 0px;
    color: #666;
    font-weight: 600;
}

.notification img.img-responsive {
    border-radius: 73px;
}

.notification .col-md-12.no-padding {
    background: rgba(241, 238, 238, 0.42);
    margin-bottom: 5px;
    padding: 5px;
    border-radius: 5px;
}
ul.dropdown-menu.pull-right.fff.two-column {
    padding: 15px !important;
}
.notification .fff a {
    width: 100%;
    white-space: normal !important;
    color: #666 !important;
    text-transform: inherit !important;
    font-size: 13px;
    height: 62px;
    padding: 0px;
}
.notification span {
    font-size: 10px;
    background: red;
    position: absolute;
    height: 15px;
    width: 15px;
    border-radius: 31px;
    bottom: 29px;
    right: 1px;
}
.notification i{font-size:17px}
.notification .p {
    position: absolute;
    top: -18px;
    left: 4px;
}
.fff {
    background-color: #fff !important;
}
.two-column {
    width: 350px;
    padding: 24px 15px 5px !important;
}
.no-padding{padding:0px;}
.no-notification i {
    font-size: 60px !important;
    padding: 15px;
}

.no-notification {
    color: #b3b3b3;
    padding: 0px 10px 10px;
}

.no-notification p {
    font-size: 17px;
    letter-spacing: 0.5px;
}

/*v2*/
input.d_button {
    padding: 5px 25px;
    font-weight: 600;
    font-size: 15px !important;
    text-transform: uppercase;
}

.daily_btn {
    margin: 25px 0px;
}
#daily_confirm .modal-dialog.login.animated.container {
    width: 25%;
}

#daily_confirm .modal_left.col-md-4 {
    min-height: 465px !important;
}

.daily_share.animated {
    position: absolute;
    top: -115px;
    right: 150px;
}

.dailychallenge .section-head {
    margin: 0px;
}
.dailychallenge h2 {
    line-height: 37px;
	    margin-top: 60px;
}
.dailychallenge img.img-responsive.pull-right {
    margin-right: 20px;
}
.about-content h2 {
    margin-top: 0;
}
div#countup {
    margin: 45px 0px;
}
p.counter_para {
    font-weight: 600;
}
.dice_para p {
    margin-top: 5px;
    line-height: 32px;
}

.dice_para {
    margin-top: 45px;
}
.extra a.btn.btn-dark.hover-both.margin2 {
    padding: 2px;
    font-size: 14px;
    font-weight: 600;
    width: 85%;
    text-transform: none;
}
.section-head .extra p{
	margin-top:15px !important
}

.category_points p{
    line-height: 36px;
    font-size: 17px;
}
.cat_play_new {
    margin: 15px 0;
}
.modal-body.daily_confirm_body.margin
 b {
    font-size: 15px !important;
    line-height: 30px;
}

#daily_confirm a#start_cl {
    margin: 0 10px 0;
    padding: 5px 10px;
    font-size: 15px !important;
}

#daily_confirm button.btn.btn-dark.hover-both {
    padding: 5px 12px;
    font-size: 15px;
}
#daily_confirm .modal-header.margin1 {
       background: rgba(68, 68, 68, 0.97);
    margin-top: 0 !important;
    margin-bottom: 0 !important;
    padding: 10px 0px 0px !important;
}

#daily_confirm .modal-body.daily_confirm_body.margin {
    background: rgba(221, 221, 221, 0.39);
}

#daily_confirm h2.modal-title.daily_confirm_title.font_change {
    text-align: center;
	color: #fdfbfb;
	padding-top: 5px;
}
.br_rad img.img-responsive {
    text-align: right;
    float: right;
    max-width: 85% !important;
}

.category_points {
    margin: 30px 0px;
}
.dailychallenge .font_change {
    font-size: 26px;
    padding: 20px;
    box-shadow: 0 0 6px rgba(221, 221, 221, 0.56);
	text-align:justify !important;
	    line-height: 30px;
}
.special_rad img.main_img{
	margin: 0 auto;
    width: 35%;
}
.special_rad  .count_play{
	width:35% !important;
	margin:0 auto;
}
.contact_errror {
    font-size: 15px;
    font-weight: 600;
    margin: 4px;
    text-align: center;
}
.daily_time{text-align:center;width:100%;position:absolute;top:85px;}