@charset "utf-8";
/* CSS Document */

.cool-but {
    display: inline;
    padding: 4px 20px;
    border-radius: 60px;
    background: transparent;
    border: 1px #FFF solid;
    color: #fff;
    text-align: center;
	cursor:pointer;
	
}
.modal-backdrop.in {opacity: 0.9 !important;}
.hl-pink{color:#fff;  border-bottom:2px #FFF solid;}

#language-notification .modal-content, #talk-notification .modal-content{background-color:transparent !important; box-shadow:none;font-family:'Open Sans', Helvetica, Arial, sans-serif !important; 
    font-weight:100;}
#language-notification .modal-title, #talk-notification .modal-title{font-size:40px; text-align:center; color:#FFF;font-weight: 100; line-height:normal;}
#language-notification .modal-footer, #talk-notification .modal-footer{border:0; text-align:center;}
#language-notification .modal-header, #talk-notification .modal-header{border-bottom:0;}
.modal-sub-txt{color: #fff; font-weight: 100;  font-size:26px;  text-align: center; padding-bottom:0px; line-height:normal;}
.modal_sub_italic{color: #a7a7a7;
    font-weight: 100;
    font-size: 18px;
    text-align: center;
    padding-bottom: 20px;
    line-height: normal;
    font-style: italic;
    margin: 0 auto;}
	
.whatsnew-title {
    display: table;
    vertical-align: middle;
    border-radius: 60px;
    background: #d30f47;
    color: #FFF;
    text-align: center;
    margin: 5px auto 20px auto;
    padding: 4px 20px;
    font-size: 12pt;
	
}
#language-notification.modal-body,#talk-notification.modal-body{text-align:center;}


.whatsnew-features{    display: block;
    text-align: center;  
    margin:0px auto;}
.feature-points{    display: inline-block;
    text-align: left;
    padding: 2%;
    vertical-align: middle;
    color: #fff;
    font-size: 12pt;
    width:20%;}
.feature-points i{color: #d30f47;
    vertical-align: middle;
    margin-right: 10px;
    font-size: 20px;}
.whatsnew-footer{padding-top:30px;padding-bottom:20px; text-align:center; margin:0 20px;}
.bt_link{display:inline-block; margin:0 20px;}
.bt_link a{display: block;  text-decoration: none;  font-size: 11pt;  color: #fff;  padding: 8px 10px;  border-radius: 4px; cursor:pointer;}
.bt_link a.red{color:#fff; text-decoration:none; background:#d50e49; border:1px #333232 solid;}
.bt_link a.black{color:#fff; text-decoration:none; background:#000; border:1px #333232 solid;}
.whatsnew-footer-title{color:#a7a7a7; text-align:center; font-size:14pt;}


	#language-notification .modal-dialog,#talk-notification .modal-dialog  {
    width:auto;
    margin: 30px auto;}
	
.beta_bar {background: #F00;  border-radius: 3px;  padding: 0px 8px;  color: #fff;   font-size: 9pt;  display: inline-block;
    vertical-align: top;   margin-left: 10px; margin-top: 0px;   font-weight: 400;   line-height: 22px;}
	
.txt_width{max-width:800px;}
.whatsnew-features img{width:70%; height:auto; border:0;}

@media (max-width: 600px){
		.feature-points{text-align:center; width: auto;margin-bottom:10px;}
	.modal-sub-txt{font-size:16px;}
	#language-notification .modal-title,#talk-notification .modal-title{font-size:24px;}
	.whatsnew-footer-title{font-size:12pt;}
	.whatsnew-features{margin:0px auto;}
	.whatsnew-footer{padding-top:0px; padding-bottom:0px;}
	.bt_link{padding-bottom:20px;}
	.whatsnew-footer{margin:0 auto;}
	.modal_sub_italic{font-size:14px;}
}