.cbutton {
	position: relative;
	padding: 0;
	background: none;
	overflow: visible;
	-webkit-transition: color 0.7s;
	transition: color 0.7s;
	-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
.cbutton.cbutton--click, .cbutton:focus {
	outline: none;
}
.cbutton__icon {
	display: block;
}
.cbutton__text {
	position: absolute;
	opacity: 0;
	pointer-events: none;
}
.cbutton::after {
	/*position: absolute;
	top: 50%;
	left: 50%;
	margin: -35px 0 0 -35px;
	width: 70px;
	height: 70px;
	border-radius: 50%;
	content: '';
	opacity: 0;
	pointer-events: none;*/
}
.cbutton--box {
	width: 24px;
	height: 24px;
	border: 4px solid rgb(22, 35, 47);
}
.cbutton--box-color-1 {
	background: #ff8b00;
}
.cbutton--box-color-2 {
	background: #b61854;
}
.cbutton--box-color-3 {
	background: #1d5cab;
}
.cbutton--box-color-4 {
	background: #f2438c;
}
.cbutton--box-color-5 {
	background: #ff6414;
}
.cbutton--box-color-6 {
	background: #5ed500;
}
.cbutton--box-color-7 {
	background: #0077ff;
}
.cbutton--box-color-8 {
	background: #7bff00;
}
.cbutton--box-color-9 {
	background: #fff;
}
/* Individual Effects */

/* click effect */
.cbutton--effect-tamara::after {
	box-shadow: 0 0 0 3px rgba(255,255,255,0.05);
}
.cbutton--effect-tamara.cbutton--click::after {
	-webkit-animation: anim-effect-tamara 0.5s ease-out forwards;
	animation: anim-effect-tamara 0.5s ease-out forwards;
}
 @-webkit-keyframes anim-effect-tamara {
	0% {
		box-shadow: 0 0 0 3px rgba(255,255,255,0.3);
		opacity: 1;
		-webkit-transform: scale3d(0.6, 0.6, 1);
		transform: scale3d(0.6, 0.6, 1);
	}
	100% {
		box-shadow: 0 0 0 100px rgba(255,255,255,0);
		opacity: 0;
		-webkit-transform: scale3d(1, 1, 1);
		transform: scale3d(1, 1, 1);
	}
}
 @keyframes anim-effect-tamara {
	0% {
		box-shadow: 0 0 0 3px rgba(255,255,255,0.3);
		opacity: 1;
		-webkit-transform: scale3d(0.6, 0.6, 1);
		transform: scale3d(0.6, 0.6, 1);
	}
	100% {
		box-shadow: 0 0 0 100px rgba(255,255,255,0);
		opacity: 0;
		-webkit-transform: scale3d(1, 1, 1);
		transform: scale3d(1, 1, 1);
	}
}
/* START Page inner-shadow  - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
#rightPage::before, #leftPage::before {
	display: block;
	position: absolute;
	width: 100%;
	height: 100%;
	content: ' ';
}
#rightPage::before {
	-moz-box-shadow: inset 50px 0px 100px 0px rgba(0,0,0,0.125);
	-webkit-box-shadow: inset 50px 0px 100px 0px rgba(0,0,0,0.125);
	box-shadow: inset 50px 0px 100px 0px rgba(0,0,0,0.125);
}
#leftPage::before {
	-moz-box-shadow: inset 50px -50px 100px 0px rgba(0,0,0,0.125);
	-webkit-box-shadow: inset 50px -50px 100px 0px rgba(0,0,0,0.125);
	box-shadow: inset -50px -50px 100px 0px rgba(0,0,0,0.125);
}
/* END Page inner-shadow  - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
.brand {
	float: left;
	padding: 24px;
	font-size: 0.55em;
	position: relative;
	margin-top: -16px;
	display: inline-block;
}
.modalTitle span:nth-child(2), .modalTitle span:nth-child(3) {
}
.modalTitle span:nth-child(3) {
	max-width: 80vh;
}