@media(max-width: 720px) {
	.mobile-view {
		display: inline-block !important;
	}
	.desktop-view {
		display: none !important;
	}
	.welcome-view {
		width: 100%;
		height: 100%;
		position: fixed;
		z-index: 1;
		left: 0;
	}
	.svg-container {
	    position: relative;
	}
	.svg-container svg {
	      position: absolute;
	      display: block;
	}
	

	.logo-container {
		position: fixed;
		z-index: 2;
		margin-top : 18%;
		left: 0;
		width: 100%;
		opacity: 0;
		animation: logo 0.5s linear alternate;
	    animation-fill-mode: forwards;
	    -webkit-animation-delay: 1s; /* Safari 4.0 - 8.0 */
	    animation-delay: 1s;
	}
	.logo-container img {
		height: 50px;
	}
	.logo-container .text {
		font-family: 'gotham-book';
		color: #555;
		font-size: 14px;
		margin-bottom: 10px;
	}

	@keyframes logo {
	  to {
	    top : 10%;
	    opacity: 1;
	  },
	  from {
	  	top : 12%;
	    opacity: 0;
	  }
	}

	.desc-container {
		position: fixed;
		z-index: 2;
		margin-top : 60%;
		left: 0;
		width: 100%;
		opacity: 0;
		animation: desc 0.5s linear alternate;
	    animation-fill-mode: forwards;
	    -webkit-animation-delay: 1.5s; /* Safari 4.0 - 8.0 */
	    animation-delay: 1.5s;
	}
	.desc-container .text {
		font-family: 'gotham-book';
		color: #222;
		font-size: 16px;
		margin-bottom: 20px;
		line-height: 1.3;
	}
	.desc-container button.yellow {
		background: #ffcc00;
		padding: 18px 20px;
		font-family: 'gotham-book';
		font-size: 18px;
		border : none;
		outline: none;
		border-radius: 30px;
	}

	@keyframes desc {
	  to {
	    opacity: 1;
	  },
	  from {
	    opacity: 0;
	  }
	}

	.link-container {
		position: fixed;
		z-index: 2;
		bottom : 10%;
		left: 0;
		width: 100%;
		opacity: 0;
		animation: desc 0.5s linear alternate;
	    animation-fill-mode: forwards;
	    -webkit-animation-delay: 1s; /* Safari 4.0 - 8.0 */
	    animation-delay: 1s;
	}
	.link-container a {
		font-family: 'gotham-book';
		color: #ccc;
		font-size: 14px;
	}
	.survey-pop-area {
		position: fixed;
		z-index: 999;
		overflow-y: scroll;
		top : 0;
		left: 0;
		width: 100%;
		height: 100%;
		background: #fff;
		display: none;
	}
	.survey-pop-area .loader {
		position: fixed;
		z-index: 20;
		top : 0;
		left: 0;
		width: 100%;
		height: 100%;
		border : none;
		outline: none;
		background: #fff;
		color: #ffcc00;
		font-size: 23px;
		display: block;
	}
	.survey-pop-area .wrapper {
		width: 90%;
		padding: 5%;
	}
	.survey-pop-area .wrapper .logo-area {
		border-bottom: none;
		padding-bottom: 10px;
		margin-bottom: 20px;
		width: 100%;
	}
	.survey-pop-area .wrapper .logo-area img {
		height: 30px;
	}
	.step-container {
		width: 100%;
		position: relative;
		height: 40px;
	}
	.step-container .baseline {
		width: 0;
		height: 5px;
		background: #e6e6e6;
		position: absolute;
		left: 0;
		top : 40%;
		z-index: 1;
	}
	.step-container .progressline {
		width: 0;
		height: 5px;
		background: #ffcc00;
		position: absolute;
		left: 0;
		top : 40%;
		z-index: 2;
	}
	.step-container .bullet {
		background: #e6e6e6;
		width: 30px;
		height: 30px;
		border-radius: 15px;
		outline: none;
		border: none;
		position: absolute;
		top : 3px;
		z-index: 3;
		color: #fff;
		font-family: 'gotham-book';
		font-size: 14px;
		padding: 0;
		transition: all 0.5s;
		-moz-transition: all 0.5s;
		-ms-transition: all 0.5s;
		-webkit-transition: all 0.5s;
		-o-transition: all 0.5s;
		opacity: 0;
	}
	.step-container .bullet.on {
		opacity: 1;
	}
	.step-container .bullet.active {
		background: #ffcc00;
	}
	.question-area {
		margin-top: 20px;
	}
	.question-area .question {
		margin-bottom: 20px;
		color: #272727;
		font-family: 'gotham-book';
		line-height: 1.4;
		font-size: 16px;
		width: 100%;
	}
	.question-area .box-option {
		width: 120px;
		height: 120px;
		overflow: hidden;
		margin: 5px 3px;
		border-radius: 10px;
		position: relative;
	}
	.question-area .box-option input  {
		position: absolute;
		z-index: 1;
		top : 20px;
		left: 20px;
	}
	.question-area .box-option img {
		position: absolute;
		z-index: 2;
		top : 0;
		left: 0;
		width: 100%;
	}
	.question-area .box-option .check {
		position: absolute;
		z-index: 3;
		top : 0;
		left: 0;
		width: 100%;
		height: 100%;
		background: rgba(0,0,0,0.3);
		outline: none;
		border : none;
		color: #ffcc00;
		font-size: 32px;
		display: none;
		border : solid 5px #ffcc00;
		border-radius: 10px;
	}
	.global-notif {
		position: fixed;
		z-index: 99999;
		top : 0;
		left: 0;
		width: 90%;
		padding: 15px 5%;
		font-family: 'gotham-book';
		font-size: 14px;
		display: none;
	}
	.global-notif.error {
		background: #ec272a;
		color: #fff;
	}
	.global-notif.success {
		background: #57AD68;
		color: #fff;
	}
	.result-area  {
		width: 320px;
		height: 476px;
		background: url(../images/score_background.png);
		background-position: center;
		background-size: 100%;
		background-repeat: no-repeat;
	}
	.result-area.fullyellow {
		width: 320px;
		height: 295px;
		background: url(../images/score_background_yellow.png);
		background-position: center;
		background-size: 100%;
		background-repeat: no-repeat;
	}
	.result-area.fullyellow .wrapper {
		padding-top: 100px;
	}	
	.result-area .wrapper {
		width: 80%;
		padding: 10% 10% 10px 10%;
	}
	.result-area .wrapper .title {
		font-family: 'gotham-medium';
		font-size: 20px;
		margin-bottom: 10px;
		color: #000;
	}
	.result-area .wrapper .desc {
		font-family: 'gotham-book';
		font-size: 16px;
		margin-bottom: 0px;
		color: #000;
		line-height: 1.2;
	}
	.result-area .wrapper .points {
		margin: 10px 0 10px 0;
		font-family: 'gotham-black';
		font-size: 72px;
		color: #000;
		text-shadow: 0 4px 0 rgba(0,0,0,0.3);
	}
	.result-area .wrapper .points div {
		margin: 10px 0 10px 0;
		font-family: 'gotham-book';
		font-size: 23px;
		color: #000;
		text-shadow: none;
		line-height: 0.2;
	}
	.result-area .wrapper button.share {
		margin: 10px 0;
		padding: 7px 20px;
		background: #000;
		outline: none;
		border : none;
		color: #fff;
		font-family: 'gotham-medium';
		font-size: 18px;
		border-radius: 20px;
	}
	button.red {
		margin: 10px 0;
		padding: 7px 20px;
		background: #ec272a;
		outline: none;
		border : none;
		color: #fff;
		font-family: 'gotham-medium';
		font-size: 16px;
		border-radius: 20px;
		box-shadow: 0px 0px 30px rgba(233,34,38,0.9);
	}
	button.red.grey {
		background: #f0f0f0;
		color: #000;
		box-shadow: 0px 0px 30px rgba(0,0,0,0.3);
		margin: 0 10px 0 0;
	}
	.result-area .wrapper .arrow {
		margin-top: 10px;
	}
	.result-area .wrapper .arrow button {
		background : none;
		outline: none;
		border : none;
		font-size: 18px;
	}
	.share-dialog-popup {
		position: fixed;
		z-index: 9999;
		top : 10%;
		left: 0;
		width: 100%;
		display: none;
	}
	.share-dialog-popup .box-dialog {
		background : #fff;
		width: 300px;
		min-height: 150px;
		position: relative;
	}
	.share-dialog-popup .box-dialog .close {
		position: absolute;
		z-index: 2;
		top : 5px;
		right: 10px;
		font-size: 32px;
		color: #fff;
		padding: 0;
		outline: 0;
		margin: 0;
		border : none;
		background: none;
		line-height: 0.8;
	}
	.share-dialog-popup .box-dialog .banner {
		width: 100%;
		padding: 30px 0;
		background: #ffcc00;
	}
	.share-dialog-popup .box-dialog .banner .back-area {
		width: 90%;
		padding: 0 5%;
		color: #000;
		font-family: 'gotham-book';
		font-size: 14px;
	}
	.share-dialog-popup .box-dialog .banner .back-area button {
		background : none;
		border : none;
		outline: none;
	}
	.share-dialog-popup .box-dialog .banner .icon {
		font-size: 23px;
		margin-bottom: 10px;
		color: #000;
	}
	.share-dialog-popup .box-dialog .banner .text {
		color: #000;
		font-size: 12px;
		font-family: 'gotham-book';
	}
	.share-dialog-popup .box-dialog .btn-container {
		padding: 20px 0 10px 0;
	}
	.share-dialog-popup .box-dialog .btn-container .item {
		width: 30%;
		margin: 2px;
	}
	.share-dialog-popup .box-dialog .btn-container .item button {
		background: none;
		outline: none;
		border : none;
		font-size: 18px;
		color: #aaa;
		width: 50px;
		height: 50px;
		border : solid 1px #aaa;
		border-radius: 25px;
		padding: 0;
	}
	.share-dialog-popup .box-dialog .btn-container .item .text {
		color: #aaa;
		margin-top: 10px;
		font-family: 'gotham-book';
		font-size: 10px;
		min-height: 30px;
		line-height: 1.2;
	}
	.share-dialog-popup .box-dialog .btn-container .form-wrapper {
		width: 90%;
		padding: 0 5%;
	}
	.share-dialog-popup .box-dialog .btn-container .field {
		margin-bottom: 10px;
	}
	.share-dialog-popup .box-dialog .btn-container .field input {
		width: 90%;
		padding: 5%;
		border : solid 1px #ffcc00;
		color: #000;
		background: none;
		outline: none;
		font-family: 'gotham-book';
		font-size: 14px;
		border-radius: 5px;
	}
	.share-dialog-popup .box-dialog .btn-container .field button.submit-email {
		padding: 15px 20px;
		border-radius: 22px;
		font-family: 'gotham-medium';
		color: #000;
		background: #ffcc00;
		font-size: 12px;
		outline: none;
		border : none;
		margin-top: 5px;
	}
	.common-image-area {
		padding-bottom: 40px;
		position: relative;
	}
	.common-image-area .text {
		position: absolute;
		z-index: 2;
		top : 30%;
		left: 0;
		width: 90%;
		padding: 5%;
		color: #fff;
		font-family: 'gotham-medium';
		font-size: 23px;
		text-shadow: 0 4px 0 rgba(0,0,0,0.3);	
	}
	.common-image-area .svg-area {
		position: absolute;
		z-index: 4;
		bottom: 0;
		width: 100%;
		height: 50px;
	}
	.common-segment-area {
		padding: 20px 0 10px 0;
	}
	.common-segment-area .title {
		font-family: 'gotham-medium';
		color: #000;
		font-size: 23px;
		margin-bottom: 20px;
		line-height: 1.3;
	}
	.common-segment-area .icon-area {
		position: relative;
		width: 100%;
		height: 130px;
	}
	.common-segment-area .icon-area .icon {
		position: absolute;
		z-index: 2;
		top : 20px;
		left: 0;
		width: 100%;
		font-family: 'gotham-medium';
		color: #000;
		font-size: 16px;
		font-family: 'gotham-medium';
	}
	.common-segment-area .icon-area .icon .box {
		width: 70px;
		height: 70px;
		background: #fff;
		border-radius: 40px;
		padding: 5px;
		margin-bottom: 15px;
	}
	.common-segment-area .icon-area .icon.red {
		color: #ec272a;
	}
	.common-segment-area .icon-area .icon.purple {
		color: #51256f;
	}
	.common-segment-area .icon-area .icon.orange {
		color: #f49e47;
	}
	.common-segment-area .icon-area .icon.green {
		color: #51e3c2;
	}
	.common-segment-area .icon-area .icon .box img {
		width: 100%;
	}
	.common-segment-area .black {
		padding: 15px 30px;
		color: #fff;
		font-family: 'gotham-book';
		font-size: 14px;
		background: #000;
		border-radius: 30px;
		outline: none;
	}
	.common-segment-area .svg-area {
		width: 100%;
		height: 130px;
		position: absolute;
		z-index: 1;
		top : 0;
		left: 0;
	}
	.common-segment-area .desc {
		color: #4a4a4a;
		font-family: 'gotham-book';
		font-size: 16px;
		width: 80%;
		padding: 10%;
		line-height: 1.3;
	}
	.footer-area {
		width: 320px;
		height: 317px;
		background: url(../images/footer_background.png);
		background-position: center;
		background-size: 100%;
		background-repeat: no-repeat;
		position: relative;
	}
	.footer-area .footer-wrapper {
		width: 80%;
		padding:  20% 10% 10px 10%;
	}
	.footer-area .footer-wrapper .text {
		font-family: 'gotham-medium';
		color: #000;
		font-size: 16px;
		line-height: 1.3;
		margin-bottom: 10px;
	}
	.footer-area .footer-wrapper .btn-area {
		margin: 10px 0;
	}
	.footer-area .footer-wrapper .btn-area button.black {
		background: #000;
		padding: 15px 30px;
		color: #ffcc00;
		border-radius: 30px;
		border : none;
		outline: none;
		font-family: 'gotham-book';
		font-size: 18px;
	}
	.footer-area .footer-wrapper .copyright {
		margin-top: 10px;
		color: #000;
		font-family: 'gotham-book';
		font-size: 10px;
		line-height: 1.3;
		position: absolute;
		z-index: 2;
		left: 0;
		width: 100%;
		bottom: 20px;
	}
	.header-point {
		position: fixed;
		z-index: 99;
		top : -100px;
		left: 0;
		width: 100%;
		background: #ffcc00;
		transition: all 0.3s;
		-moz-transition: all 0.3s;
		-ms-transition: all 0.3s;
		-webkit-transition: all 0.3s;
		-o-transition: all 0.3s;
	}
	.header-point.on {
		top : 0;
	}
	.header-point .wrapper {
		width: 90%;
		padding: 10px 5%;
	}
	.header-point .wrapper .avatar {
		width: 30px;
		height: 30px;
		border-radius: 15px;
		background: #51256f;
		color: #ffcc00;
		padding: 0;
		border :none;
		outline: none;
	}
	.header-point .wrapper .text {
		font-family: 'gotham-book';
		color: #51256f;
		margin-left: 5px;
		font-size: 12px;
	}
	.header-point .wrapper .text b {
		font-family: 'gotham-black';
		font-size: 16px;
	}
	.register-container {}
	.register-container .register-header {
		background : #ffcc00;
		width: 90%;
		padding: 15px 5%;
		margin-bottom: 20px;
		color: #000;
		font-family: 'gotham-medium';
		font-size: 14px;
		position: fixed;
		z-index: 999;
		top : 0;
		left: 0;
	}
	.register-container .register-header .back {
		background: none;
		outline: none;
		border : none;
		outline: none;
		color: #000;
		font-size: 18px;
		padding: 0;
	}
	.register-container .register-header .text {
		margin-left: 10px;
	}
	.register-container .register-header .step {
		float: right;
		margin-top: 3px;
	}
	.register-container .logo-area {
		margin-bottom: 50px;
		margin-top: 75px;
	}
	.register-container .form-container {
		width: 90%;
		padding: 5px 5%;
	}
	.register-container .form-container .title {
		font-family: 'gotham-medium';
		color: #000;
		font-size: 18px;
		margin-bottom: 20px;
	}

	.register-container .form-container .subtitle {
		font-family: 'gotham-medium';
		color: #0009;
		font-size: 12px;
		margin-bottom: 20px;
	}

	.register-container .form-container .field {
		margin-bottom: 15px;
	}
	.register-container .form-container .field .caption {
		color: #000;
		font-family: 'gotham-medium';
		font-size: 14px;
		margin-bottom: 10px;
	}
	.register-container .form-container .field .input-area {
		width: 90%;
		padding: 0 5%;
		border: solid 1px #ffcc00;
		background: none;
		border-radius: 5px;
		position: relative;
		height: 50px;
	}
	.register-container .form-container .field .input-area.error {
		border-color : #ec272a;
	}
	.register-container .form-container .field .input-area .label {
		position: absolute;
		z-index: 2;
		top : 20px;
		font-family: 'gotham-book';
		color: #5f4c00;
		font-size: 16px;
		transition: all 0.2s;
		-moz-transition: all 0.2s;
		-webkit-transition: all 0.2s;
		-o-transition: all 0.2s;
		-ms-transition: all 0.2s;
	}
	.register-container .form-container .field .input-area.on .label {
		top : 10px;
		font-size: 10px;
	}
	.register-container .form-container .field .input-area.error .label {
		color: #ec272a;
	}
	.register-container .form-container .field .input-area input {
		position: absolute;
		z-index: 3;
		top : 10px;
		left: 0;
		width: 90%;
		padding: 0 5%;
		background: none;
		outline: none;
		border : none;
		font-family: 'gotham-medium';
		color: #5f4c00;
		font-size: 16px;
		height: 30px;
		transition: all 0.2s;
		-moz-transition: all 0.2s;
		-webkit-transition: all 0.2s;
		-o-transition: all 0.2s;
		-ms-transition: all 0.2s;
	}
	.register-container .form-container .field .input-area.on input {
		top : 15px;
	}
	.register-container .form-container .field .input-area.error input {
		color: #ec272a;
	}
	.register-container .form-container .field .option {
		width: 46%;
		margin-right: 5px;
		border : solid 1px #ffcc00;
		color: #5f4c00;
		height: 50px;
		border-radius: 5px;
		overflow: hidden;
		position: relative;
		transition: all 0.2s;
		-moz-transition: all 0.2s;
		-webkit-transition: all 0.2s;
		-o-transition: all 0.2s;
		-ms-transition: all 0.2s;
	}
	.register-container .form-container .field .input-area .icon {
		position: absolute;
		z-index: 3;
		top : 15px;
		right : 10px;
		background : none;
		outline: none;
		border: none;
		font-size: 16px;
		color: #ccc;
		display: none;
	}
	.register-container .form-container .field .msg-error {
		color: #ec272a;
		font-size: 10px;
		font-family: 'gotham-book';
		display: none;
	}
	.register-container .form-container .field .input-area .icon.check {
		color: #5f4c00;
	}
	.register-container .form-container .field .option input {
		top : -20px;
		position: absolute;	
	}
	.register-container .form-container .field .option.on {
		background: #ffcc00;
	}
	.register-container .form-container .field .option .placeholder {
		position: absolute;
		z-index: 2;
		top : 17px;
		left: 0;
		font-size: 16px;
		width: 100%;
		transition: all 0.2s;
		-moz-transition: all 0.2s;
		-webkit-transition: all 0.2s;
		-o-transition: all 0.2s;
		-ms-transition: all 0.2s;
	}
	.register-container .form-container .field .option .placeholder .check-icon {
		opacity: 0;
	}
	.register-container .form-container .field .option.on .placeholder .check-icon {
		opacity: 1;
	}
	.register-container .form-container .field button.black {
		background: #000;
		padding: 15px 30px;
		border: none;
		outline: none;
		color: #fff;
		font-family: 'gotham-medium';
		font-size: 14px;
		border-radius: 5px;
		margin-top: 10px;
	}
	.register-container .form-container .field .avatar {
		width: 80px;
		height: 80px;
		padding: 0;
		border : none;
		outline: none;
		background: #ffcc00;
		color: #fff;
		font-family: 'gotham-medium';
		font-size: 23px;
		border-radius: 40px;
	}
	.register-container .footer-area .footer-wrapper {
		padding-top: 30%;
	}
	.register-container .form-container .field .desc-area {
		width: 90%;
		padding: 5%;
		margin : 10px 0;
		background: none;
		border : solid 1px #ffcc00;
		border-radius: 5px;
	}
	.register-container .form-container .field .desc-area .desclimer {
		width: 70%;
		margin-left: 10px;
		color: #5f4c00;
		font-family: 'gotham-book';
		font-size: 14px;
		line-height: 1.3;
	} 

	.register-container .profile-container {
		width: 90%;
		padding: 0 5% 10px 5%;
	}
	.register-container .profile-container .avatar-area {
		width: 30%;
		float: left;
	}
	.register-container .profile-container .bio-area {
		width: 65%;
		float: right;
		margin-top: 10px;
	}
	.register-container .profile-container .avatar-area .avatar {
		width: 80px;
		height: 80px;
		padding: 0;
		border : none;
		outline: none;
		background: #ffcc00;
		color: #fff;
		font-family: 'gotham-medium';
		font-size: 23px;
		border-radius: 40px;
	}
	.register-container .profile-container .avatar-area .point {
		font-family: 'gotham-book';
		color: #000;
		margin-top: 15px;
		font-size: 11px;
	}
	.register-container .profile-container .bio-area .name{
		font-family: 'gotham-black';
		color: #000;
		font-size: 14px;
		margin-bottom: 5px;
	}
	.register-container .profile-container .bio-area .username {
		font-family: 'gotham-book';
		color: #000;
		font-size: 12px;
		margin-bottom: 15px;
	}
	.register-container .profile-container .bio-area .stat-area {
		font-family: 'gotham-book';
		color: #000;
	}
	.register-container .profile-container .bio-area .stat-area .row {
		margin-bottom: 5px;
	}
	.register-container .profile-container .bio-area .stat-area b {
		font-family: 'gotham-black';
	}
	.activation-msg {
		margin: 20px 0;
	}
	.activation-msg .title {
		font-family: 'gotham-book';
		font-size: 23px;
		color: #000;
		margin-bottom: 20px;
	}
	.activation-msg .desc {
		font-family: 'gotham-book';
		font-size: 14px;
		color: #777;
		line-height: 1.3;
		width: 80%;
		padding: 0 10%;
	}
	.welcome-popup {
		position: fixed;
		z-index: 9999;
		top : 10%;
		left: 0;
		width: 100%;
		display: none;
	}
	.welcome-popup .box-welcome {
		width: 300px;
		background: #fff;
	}
	.welcome-popup .box-welcome .banner-area {
		background: #ffcc00;
		width: 100%;
		padding: 30px 0;
	}
	.welcome-popup .box-welcome .banner-area img {
		width: 200px;
	}
	.welcome-popup .box-welcome .text-area {
		width: 90%;
		padding: 20px 5%;
	}
	.welcome-popup .box-welcome .text-area .name {
		font-family: 'gotham-book';
		font-size: 18px;
		color: #000;
		margin-bottom: 10px;
	}
	.welcome-popup .box-welcome .text-area .text {
		font-family: 'gotham-book';
		font-size: 14px;
		color: #666;
	}
	.welcome-popup .box-welcome .text-area .btn-area {
		margin-top: 20px;
	}
	.welcome-popup .box-welcome .text-area .btn-area .black {
		background: #000;
		color: #fff;
		padding: 10px 20px;
		border-radius: 5px;
		border:none;
		outline: none;
		font-family: 'gotham-book';
		font-size: 16px;
	}
	.g-recaptcha {
		transform:scale(0.95) !important;
		-webkit-transform:scale(0.95) !important;
		transform-origin:0 0;
		-webkit-transform-origin:0 0;
		margin-bottom: 10px;
	}	
	.survey-pop-area .exit-survey {
	    position: absolute;
	    z-index: 19;
	    top: 11px;
	    left: 9px;
	    width: 300px;
	    color: #777;
	    font-family: 'gotham-book';
	}
	.register-container .form-container.profile {
		width: 90%;
	}
	.common-dialog .dialog-box.share {
	    width: 300px;
	}
	.common-dialog .dialog-box .text-wrapper .title {
	    font-family: 'gotham-medium';
	    color: #333;
	    font-size: 16px;
	    margin-bottom: 40px;
	}
	.dialog-box .btn-container .item {
	    margin: 0px 0;
	}
	.dialog-box .link-area .link-containers {
	    width: 90%;
	    height: 35px;
	    background: #f5f5f5;
	    border-radius: 40px;
	}
	.dialog-box .link-area .link-containers input {
	    float: left;
	    width: 65%;
	    height: 35px;
	    padding-left: 5%;
	    border-radius: 40px 0 0 40px;
	    border: none;
	    outline: none;
	    background: none;
	    color: #aaa;
	    font-family: 'gotham-book';
	    font-size: 10px;
	}
	.dialog-box .link-area .link-containers button.copy {
	    background: #ffcc00;
	    color: #fff;
	    width: 30%;
	    height: 35px;
	    border: none;
	    outline: none;
	    border-radius: 0 40px 40px 0;
	    font-size: 9px;
	}
	.common-dialog .dialog-box .notif {
	    position: absolute;
	    z-index: 4;
	    top: 0;
	    left: 0;
	    width: 90%;
	    padding: 5%;
	    color: #fff;
	    font-family: 'gotham-book';
	    font-size: 12px;
	    border-radius: 10px 10px 0 0;
	    display: none;
	}
	.lang-btn {
		position: absolute;
		z-index: 99;
		margin-top:10px;
		left: 10px;
	}
	.lang-btn button.grey {
		padding: 8px 15px;
		border-radius: 15px;
		color: #666;
		background: #f0f0f0;
		border : none;
		outline: none;
	}
	.lang-btn button.yellow {
		padding: 8px 15px;
		border-radius: 15px;
		color: #333;
		background: #ffcc00;
		border : none;
		outline: none;
	}	
}