/*---------------------------------- BACKGROUNDS ----------------------------------*/

/* Needed as are grey in mobile and white in fullscreen */

.bg-personal-details-cookie, .bg-personal-details, .bg-people-manager, .bg-trustees, .bg-home, .bg-created, .bg-options, .bg-basket, .bg-payment, .bg-logout, .bg-share {
	background-color: #fbfbfb;
}
/* Needed as they outside main app and thus aren't 1st child of page wrapper in UI.css and aren't 100vh as result */

.bg-login-submit {
	min-height: 100vh;
}
.bg-personal-details-cookie {
	min-height: calc(100vh - 66px);
}	
@media screen and (min-width: 769px) {
	/* Needed as are grey in mobile and white in fullscreen */
	.bg-created, .bg-options, .bg-basket, .bg-payment, .bg-personal-details-cookie, .bg-login-submit, .bg-logout, .bg-share {
		background-color: #fff;
	}
	.bg-login-submit {
		background-image: url(../img/home/icons/bg-13.png);
		background-position: center center;
		background-size: cover;
		background-repeat: no-repeat;
		background-origin: padding-box;
		min-height: 100vh;
	}
	.bg-logout {
		background-image: url(../img/home/icons/bg-13.png);
		background-position: center center;
		background-size: cover;
		background-repeat: no-repeat;
		background-origin: padding-box;
		min-height: 100vh;
	}
	.bg-home {
		background-image: url(../img/home/icons/bg-1.png);
		background-position: bottom right;
		background-size: auto 50%;
		background-repeat: no-repeat;
		background-origin: padding-box;
		background-clip: border-box;
	}
	.bg-personal-details {
		background-image: url(../img/home/icons/bg-2.png);
		background-position: bottom left;
		background-size: auto 50%;
		background-repeat: no-repeat;
		background-origin: padding-box;
		background-clip: border-box;
	}
	.bg-trustees {
		background-image: url(../img/home/icons/bg-6.png);
		background-position: bottom left;
		background-size: auto 50%;
		background-repeat: no-repeat;
		background-origin: padding-box;
		background-clip: border-box;
	}
	.bg-payment {
		background-image: url(../img/home/icons/bg-1.png);
		background-position: bottom right;
		background-size: auto 60%;
		background-repeat: no-repeat;
		background-origin: padding-box;
		background-clip: border-box;
	}
	.bg-share {
		background-image: url(../img/home/icons/bg-1.png);
		background-position: bottom -350px right;
		background-size: auto 100%;
		background-repeat: no-repeat;
		background-origin: padding-box;
		background-clip: border-box;
	}	
	.bg-basket {
		background-image: url(../img/home/icons/bg-13.png);
		background-position: center center;
		background-size: cover;
		background-repeat: no-repeat;
		background-origin: padding-box;
		min-height: 100vh;
	}
	.bg-personal-details-cookie:before {
		height: 105vh;
		margin-top: 80px;
		-webkit-transform: skewY(-12deg);
		-ms-transform: skewY(-12deg);
		transform: skewY(-12deg);
		border-radius: 40% 20% 40% 0%;
		content: "";
		position: absolute;
		width: 120%;
		background-color: #faf9fe;
		z-index: 0;
		right: -0px;
		display: block;
		top: 0
	}
	.bg-home:before {
		position: absolute;
		left: 13%;
		width: 396px;
		height: 297px;
		content: "";
		background-image: url(../img/home/icons/dots-4.png);
		background-size: cover;
		top: 28%;
	}
	.bg-personal-details:before {
		position: absolute;
		left: 0;
		bottom: 0;
		height: 257px;
		width: 262px;
		background-image: url(../img/home/icons/dots-2.png);
		background-repeat: no-repeat;
		content: "";
		background-size: cover;
	}
	.bg-trustees:before {
		position: absolute;
		left: -18%;
		bottom: 6%;
		height: 314px;
		width: 439px;
		background-image: url(../img/home/icons/dots-5.png);
		background-repeat: no-repeat;
		background-position: center;
		content: "";
		background-size: cover;
	}
	.bg-payment:before {
		position: absolute;
		left: 13%;
		top: 18%;
		height: 272px;
		width: 381px;
		background-image: url(../img/home/icons/dots-5.png);
		background-repeat: no-repeat;
		background-position: center;
		content: "";
		background-size: cover;
	}
	.bg-share:before {
		position: absolute;
		left: -10%;
		top: 30%;
		height: 272px;
		width: 381px;
		background-image: url(../img/home/icons/dots-5.png);
		background-repeat: no-repeat;
		background-position: center;
		content: "";
		background-size: cover;
	}	
    .bg-created:after {
        position: absolute;
        left: 20%;
        width: 421px;
        height: 314px;
        content: "";
        background-image: url(../img/home/icons/dots-4.png);
        background-size: cover;
        top: 18%;
        z-index: 0;
    }
    .bg-created:before {
        position: absolute;
        right: 50%;
        width: 878px;
        height: 722px;
        content: "";
        background-image: url(../img/home/icons/bg-12.png);
        background-size: cover;
        top: 119px;
        -webkit-transform: translateX(51%);
        -ms-transform: translateX(-51%);
        transform: translateX(51%);
    }
	.bg-options:before {
		position: absolute;
		right: 79%;
		width: 1803px;
		height: 1484px;
		content: "";
		background-image: url(../img/home/icons/bg-12.png);
		background-size: cover;
		bottom: 23%;
	}
	.bg-options:after {
		position: absolute;
		right: 1%;
		width: 366px;
		height: 269px;
		content: "";
		background-image: url(../img/home/icons/dots-4.png);
		background-size: cover;
		bottom: 52%;
	}
}
.bg-personal-details-cookie {
	padding-top: 20px
}
@media screen and (min-width: 769px) {
	.bg-personal-details-cookie {
		padding-top: 160px;
		min-height: 100vh;
	}			
}
.bg-desk {
	background-image: url(../img/checkout-checking.png);
	background-repeat: no-repeat;
	background-attachment: fixed;
	background-origin: padding-box;
	background-clip: border-box;
	background-color: #fff;
	background-size: auto 80%;
}
@media screen and (min-width: 1700px) {
	.bg-desk {
		background-position: bottom right;
	}
}
@media screen and (max-width: 1699px) {
	.bg-desk {
		background-position: left 550px bottom;
	}
}
@media screen and (max-width: 570px) {
	.bg-desk {
		background-image: none;
	}
}

/*------------- #BUTTONS --------------*/

.btn {
	cursor: pointer;
	display: inline-block;
	text-decoration: none;
	padding: 25px 50px;
	font-size: 15px;
	line-height: 1;
	font-family: "Muli", "Helvetica Neue", Helvetica, sans-serif;
	color: #fff;
	text-transform: uppercase;
	border-radius: 50px;
	position: relative;
	-webkit-transition: all .3s ease;
	-o-transition: all .3s ease;
	transition: all .3s ease;
	text-align: center;
	font-weight: 600;
	border: unset;
	vertical-align: unset;
}
.btn:after {
	display: block;
	width: 100%;
	height: 100%;
}
@media (max-width: 768px) {
	.btn {
		padding: 15px 35px;
		font-size: 13px;
	}
}
.btn.disabled {
	pointer-events: none;
	filter: alpha(opacity=65);
	-webkit-box-shadow: none;
	box-shadow: none;
	opacity: .65;
}
.btn[disabled] {
	opacity: 0.5;
}
.element-disabled {
	pointer-events: none;
}
.btn+.btn {
	margin-left: 30px;
}
.btn img {
	position: absolute;
	left: 10px;
	top: 10px;
}
.btn i {
	margin-left: 10px;
	font-size: 12px;
}
.btn-small {
	padding: 13px 40px;
	text-transform: none;
	font-size: 16px;
}
@media (max-width: 768px) {
	.btn-small {
		padding: 15px 25px;
		font-size: 13px;
	}
}
.btn-medium {
	padding: 20px 40px;
}
@media (max-width: 768px) {
	.btn-medium {
		padding: 15px 25px;
		font-size: 13px;
	}
}
.btn-large {
	padding: 25px 70px;
	font-size: 18px;
}
@media (max-width: 768px) {
	.btn-large {
		padding: 17px 40px;
		font-size: 13px;
	}
}
.btn-leftpart, .btn-male {
	border-bottom-right-radius: 0;
	border-top-right-radius: 0;
	border-bottom-left-radius: 10px;
	border-top-left-radius: 10px;
}
.btn-rightpart, .btn-female {
	border-bottom-left-radius: 0;
	border-top-left-radius: 0;
	border-bottom-right-radius: 10px;
	border-top-right-radius: 10px;
	margin-left: 3px !important;
}
.btn-leftpart, .btn-rightpart, .btn.btn-male, .btn.btn-female {
	padding: 19px 0;
	font-size: 16px;
	line-height: 1.7;
	text-transform: capitalize;
	width: 49%;
	font-weight: 600;
	margin-bottom: 25px;
}
@media screen and (max-width: 570px) {
	.btn-leftpart, .btn-rightpart, .btn.btn-male, .btn.btn-female {
		padding: 15px 0;
		margin-bottom: 18px;
	}
}
.btn-unselected {
	color: #6a6a6a;
	background-color: #f9f9f9;
}
.btn-border {
	border: 2px solid;
}
.btn-border.btn-small {
	padding: 12px 35px;
}
@media (max-width: 768px) {
	.btn-border.btn-small {
		padding: 15px 25px;
	}
}
.btn-border.btn-medium {
	padding: 21px 34px;
}
@media (max-width: 768px) {
	.btn-border.btn-medium {
		padding: 15px 25px;
	}
}
.btn-border.btn-large {
	padding: 25px 64px;
}
@media (max-width: 768px) {
	.btn-border.btn-large {
		padding: 17px 40px;
	}
}
.semicircle {
	display: none;
	position: absolute;
	top: 12px;
	left: 12px;
	width: 18px;
	height: 18px;
	overflow: hidden;
}
.semicircle:after {
	content: '';
	display: block;
	position: absolute;
	width: 35px;
	height: 35px;
	border: 1px solid #fff;
	border-radius: 100%;
}
.semicircle--right {
	display: none;
	position: absolute;
	top: 12px;
	right: 12px;
	width: 18px;
	height: 18px;
	overflow: hidden;
}
.semicircle--right:after {
	content: '';
	display: none;
	position: absolute;
	width: 35px;
	height: 35px;
	border: 1px solid #fff;
	border-radius: 100%;
	right: 0;
}
@media (max-width: 768px) {
	.semicircle {
		top: 10px;
		left: 10px;
		width: 12px;
		height: 12px;
	}
	.semicircle:after, .semicircle--right:after {
		width: 20px;
		height: 20px;
	}
	.semicircle--right {
		top: 10px;
		right: 10px;
		width: 12px;
		height: 12px;
	}
}
.btn-arrow i {
	font-size: 12px;
	line-height: 18px;
	width: 13px;
	position: absolute;
	top: 50%;
	right: 30px;
	margin-top: -9px;
	opacity: 0;
	-ms-filter: "alpha(opacity=0)";
	-o-transition: all .45s cubic-bezier(0.25, 1, 0.33, 1);
	transition: all .45s cubic-bezier(0.25, 1, 0.33, 1);
	-webkit-transition: all .45s cubic-bezier(0.25, 1, 0.33, 1);
}
.btn-arrow:hover i {
	opacity: 1 !important;
	-ms-filter: "alpha(opacity=100)";
	-ms-transform: translateX(10px);
	-webkit-transform: translateX(10px);
	transform: translateX(10px);
}
.btn-arrow .text {
	left: 0px;
	display: inline-block;
	-webkit-transform: translateX(0);
	-ms-transform: translateX(0);
	transform: translateX(0);
	transition: opacity .45s cubic-bezier(0.25, 1, 0.33, 1), -webkit-transform .45s cubic-bezier(0.25, 1, 0.33, 1);
	-o-transition: opacity .45s cubic-bezier(0.25, 1, 0.33, 1), transform .45s cubic-bezier(0.25, 1, 0.33, 1);
	transition: opacity .45s cubic-bezier(0.25, 1, 0.33, 1), transform .45s cubic-bezier(0.25, 1, 0.33, 1);
	transition: opacity .45s cubic-bezier(0.25, 1, 0.33, 1), transform .45s cubic-bezier(0.25, 1, 0.33, 1), -webkit-transform .45s cubic-bezier(0.25, 1, 0.33, 1);
	-webkit-transition: opacity .45s cubic-bezier(0.25, 1, 0.33, 1), -webkit-transform .45s cubic-bezier(0.25, 1, 0.33, 1);
	position: relative;
}
.btn-arrow:hover .text {
	-ms-transform: translateX(-13px);
	-webkit-transform: translateX(-13px);
	transform: translateX(-13px);
}
@media (max-width: 768px) {
	.btn-arrow:hover i {
		-ms-transform: translateX(15px);
		-webkit-transform: translateX(15px);
		transform: translateX(15px);
	}
}
/*------------- #Color-scheme for buttons --------------*/

.btn--primary {
	background-color: #e56781;
}
.btn--primary:hover {
	background-color: #e0647d;
}
.btn--secondary {
	background-color: #345a7a;
}
.btn--secondary:hover {
	background-color: #32788a;
}
.btn--green {
	background-color: #4f9b7e;
}
.btn--green:hover {
	background-color: #4f9b7e;
}
.btn--dark {
	background-color: #2f2c2c;
	-webkit-box-shadow: 0 18px 22px rgba(0, 0, 0, .1);
	box-shadow: 0 18px 22px rgba(0, 0, 0, .1);
}
.btn--dark:hover, .btn--dark:focus {
	background-color: #0d0d0d;
	color: #fff
}
.btn--dark.btn--outline {
	background-color: #0d0d0d;
	border: 2px solid transparent;
	color: #fff;
	-webkit-box-shadow: 0 18px 22px rgba(0, 0, 0, .1);
	box-shadow: 0 18px 22px rgba(0, 0, 0, .1);
}
.btn--dark.btn--outline:hover {
	background-color: #fff;
	border: 2px solid #0d0d0d;
	color: #0d0d0d;
}
.btn--primary.btn--outline {
	background-color: #e56781;
	border: 2px solid transparent;
	color: #fff;
	-webkit-box-shadow: 0 18px 22px rgba(0, 0, 0, .1);
	box-shadow: 0 18px 22px rgba(0, 0, 0, .1);
}
.btn--primary.btn--outline:hover {
	background-color: #fff;
	border: 2px solid #e56781;
	color: #e56781;
}
.btn--dark.btn--outline {
	background-color: #0d0d0d;
	border: 2px solid transparent;
	color: #fff;
	-webkit-box-shadow: 0 18px 22px rgba(0, 0, 0, .1);
	box-shadow: 0 18px 22px rgba(0, 0, 0, .1);
}
.btn--dark.btn--outline:hover {
	background-color: #fff;
	border: 2px solid #0d0d0d;
	color: #0d0d0d;
}
.btn--green.btn--outline {
	background-color: #4f9b7e;
	border: 2px solid transparent;
	color: #fff;
	-webkit-box-shadow: 0 18px 22px rgba(0, 0, 0, .1);
	box-shadow: 0 18px 22px rgba(0, 0, 0, .1);
}
.btn--green.btn--outline:hover {
	background-color: #fff;
	border: 2px solid #4f9b7e;
	color: #4f9b7e;
}
.btn--upload {
	width: 100%;
	border-radius: 10px;
}
/*------------- #INPUT --------------*/

input, select {
	padding: 18px 25px;
	border-color: transparent;
	-webkit-transition: all .3s ease;
	-o-transition: all .3s ease;
	transition: all .3s ease;
	font-size: 16px;
	color: #2f2c2c;
	margin-bottom: 25px;
	font-weight: 600;
}
@media screen and (max-width: 570px) {
	input {
		padding: 15px 20px 15px 25px;
	}
}
input.input-standard-grey, select.input-standard-grey {
	border-radius: 10px;
	background-color: #f9f9f9;
	-webkit-transition: 0.3s ease-in;
	-o-transition: 0.3s ease-in;
	transition: 0.3s ease-in;
}
input.input-standard-grey:focus, select.input-standard-grey:focus {
	background-color: #fff;
	color: #e56781;
	-webkit-box-shadow: 9px 0px 30px rgba(0, 0, 0, 0.1);
	-webkit-appearance: none;
	box-shadow: 9px 0px 30px rgba(0, 0, 0, 0.1);
}
input.input-standard-white, select.input-standard-white {
	border-radius: 10px;
	background-color: #fff;
	-webkit-transition: 0.3s ease-in;
	-o-transition: 0.3s ease-in;
	transition: 0.3s ease-in;
}
input.input-standard-white:focus, select.input-standard-white:focus {
	background-color: #fff;
	color: #e56781;
	-webkit-box-shadow: 9px 0px 30px rgba(0, 0, 0, 0.1);
	-webkit-appearance: none;
	box-shadow: 9px 0px 30px rgba(0, 0, 0, 0.1);
}
input.input-standard-search {
	border-radius: 3px;
	background-color: transparent;
	margin-bottom: 0;
	padding: 6px 15px 6px 35px;
	color: #2f2c2c;
	margin-left: -15px;
	background-image: url("data:image/svg+xml;charset=utf8,%3C?xml version='1.0' encoding='UTF-8'?%3E%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' viewBox='0 0 24 24' version='1.1' width='18px' height='18px'%3E%3Cg id='surface1'%3E%3Cpath style='fill:%23e7e5e1 ' d='M 13.261719 14.867188 L 15.742188 17.347656 C 15.363281 18.070313 15.324219 18.789063 15.722656 19.1875 L 20.25 23.714844 C 20.820313 24.285156 22.0625 23.972656 23.015625 23.015625 C 23.972656 22.058594 24.285156 20.820313 23.714844 20.25 L 19.191406 15.722656 C 18.789063 15.324219 18.070313 15.363281 17.347656 15.738281 L 14.867188 13.261719 Z M 8.5 0 C 3.804688 0 0 3.804688 0 8.5 C 0 13.195313 3.804688 17 8.5 17 C 13.195313 17 17 13.195313 17 8.5 C 17 3.804688 13.195313 0 8.5 0 Z M 8.5 15 C 4.910156 15 2 12.089844 2 8.5 C 2 4.910156 4.910156 2 8.5 2 C 12.089844 2 15 4.910156 15 8.5 C 15 12.089844 12.089844 15 8.5 15 Z '/%3E%3C/g%3E%3C/svg%3E");
	background-repeat: no-repeat;
	background-position: 10px center;
	border: thin solid #e1e1e1;
	-webkit-appearance: none;	
	color: #ffffff;
}
input.input-standard-search:hover {
	background-color: #fff;
	color: #2f2c2c;	
	background-repeat: no-repeat;
	background-image: url("data:image/svg+xml;charset=utf8,%3C?xml version='1.0' encoding='UTF-8'?%3E%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' viewBox='0 0 24 24' version='1.1' width='18px' height='18px'%3E%3Cg id='surface1'%3E%3Cpath style='fill:%23000000 ' d='M 13.261719 14.867188 L 15.742188 17.347656 C 15.363281 18.070313 15.324219 18.789063 15.722656 19.1875 L 20.25 23.714844 C 20.820313 24.285156 22.0625 23.972656 23.015625 23.015625 C 23.972656 22.058594 24.285156 20.820313 23.714844 20.25 L 19.191406 15.722656 C 18.789063 15.324219 18.070313 15.363281 17.347656 15.738281 L 14.867188 13.261719 Z M 8.5 0 C 3.804688 0 0 3.804688 0 8.5 C 0 13.195313 3.804688 17 8.5 17 C 13.195313 17 17 13.195313 17 8.5 C 17 3.804688 13.195313 0 8.5 0 Z M 8.5 15 C 4.910156 15 2 12.089844 2 8.5 C 2 4.910156 4.910156 2 8.5 2 C 12.089844 2 15 4.910156 15 8.5 C 15 12.089844 12.089844 15 8.5 15 Z '/%3E%3C/g%3E%3C/svg%3E");	
}
input.input-standard-search:focus, 
input.input-standard-search:active {
	padding: 6px 15px 6px 10px;
    background-position: -50px center;
    border-color: #d1d1d1;
    background: #ffffff;
    outline: none;
	color: #e56781;       
}
input.input-standard-search:focus+label {
    opacity: 1;
    -webkit-transform: translatex(-10%);
    transform: translatex(-10%);
    z-index: 11;
    pointer-events: none;
    cursor: default;
}
input.input-standard-search::-webkit-input-placeholder { /* Chrome/Opera/Safari */
  color: rgba(255,255,255,0.5);
}
input.input-standard-search::-moz-placeholder { /* Firefox 19+ */
  color: rgba(255,255,255,0.5);
}
input.input-standard-search:-ms-input-placeholder { /* IE 10+ */
  color: rgba(255,255,255,0.5);
}
input.input-standard-search:-moz-placeholder { /* Firefox 18- */
  color: rgba(255,255,255,0.5);
}
input.input-standard-search:focus::-webkit-input-placeholder { /* Chrome/Opera/Safari */
	color: #2f2c2c;
}
input.input-standard-search:focus::-moz-placeholder { /* Firefox 19+ */
	color: #2f2c2c;
}
input.input-standard-search:focus:-ms-input-placeholder { /* IE 10+ */
	color: #2f2c2c;
}
input.input-standard-search:focus:-moz-placeholder { /* Firefox 18- */
	color: #2f2c2c;
}
input.input-standard-search:hover::-webkit-input-placeholder { /* Chrome/Opera/Safari */
	color: #2f2c2c;
}
input.input-standard-search:hover::-moz-placeholder { /* Firefox 19+ */
	color: #2f2c2c;
}
input.input-standard-search:hover:-ms-input-placeholder { /* IE 10+ */
	color: #2f2c2c;
}
input.input-standard-search:hover:-moz-placeholder { /* Firefox 18- */
	color: #2f2c2c;
}
select.input-standard-search {
	border-radius: 3px;
	background-color: #fbfbfb;
	margin-bottom: 0;
	padding: 6px 15px;
	color: #2f2c2c;
	margin-left: -15px;
	background-image: url("data:image/svg+xml;charset=utf8,%3C?xml version='1.0' encoding='iso-8859-1'?%3E%3C!-- Generator: Adobe Illustrator 16.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 0) --%3E%3C!DOCTYPE svg PUBLIC '-//W3C//DTD SVG 1.1//EN' 'http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd'%3E%3Csvg version='1.1' id='Capa_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' width='18px' height='18px' viewBox='0 0 402.577 402.577' style='enable-background:new 0 0 402.577 402.577;' xml:space='preserve'%3E%3Cg%3E%3Cpath d='M400.858,11.427c-3.241-7.421-8.85-11.132-16.854-11.136H18.564c-7.993,0-13.61,3.715-16.846,11.136 c-3.234,7.801-1.903,14.467,3.999,19.985l140.757,140.753v138.755c0,4.955,1.809,9.232,5.424,12.854l73.085,73.083 c3.429,3.614,7.71,5.428,12.851,5.428c2.282,0,4.66-0.479,7.135-1.43c7.426-3.238,11.14-8.851,11.14-16.845V172.166L396.861,31.413 C402.765,25.895,404.093,19.231,400.858,11.427z'/%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3C/svg%3E");
	background-repeat: no-repeat;
	background-position: right 10px center;  
}
select.input-standard-search:hover {
	background-color: #fff;
}
select.input-standard-search:focus {
	color: #e56781;
	-webkit-appearance: none;
}
input.input-dark {
	background-color: #373434;
	color: #797686;
}
input.input-white {
	background-color: #fff;
}
textarea {
	padding: 18px 25px;
	border-color: transparent;
	-webkit-transition: all .3s ease;
	-o-transition: all .3s ease;
	transition: all .3s ease;
	font-size: 16px;
	color: #2f2c2c;
	height: 100%;
	width: 100%;
	margin-bottom: 30px;
	font-weight: 600;
	min-height: 120px;
}
textarea.input-standard-grey {
	border-radius: 10px;
	background-color: #f9f9f9;
}
textarea.input-standard-white {
	border-radius: 10px;
	background-color: #fff;
}
@media screen and (max-width: 570px) {
	textarea.input-standard-grey {
		border-radius: 10px;
	}
	textarea {
		padding: 15px 25px;
	}
}
textarea.input-standard-grey:focus {
	background-color: #fff;
	color: #e56781;
	-webkit-box-shadow: 9px 0px 30px rgba(0, 0, 0, 0.1);
	box-shadow: 9px 0px 30px rgba(0, 0, 0, 0.1);
}
textarea.input-standard-grey.focus-white:focus {
	background-color: #fff;
	-webkit-box-shadow: 25px 20px 20px -15px rgba(0, 0, 0, 0.3);
	box-shadow: 25px 20px 20px -15px rgba(0, 0, 0, 0.3);
}
textarea.input-dark {
	background-color: #373434;
	color: #797686;
}
textarea.input-white {
	background-color: #fff;
}
/*------------- #input date combo --------------*/

.input-date-combo {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	max-width: 400px;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
}
select.input-day, select.input-month, select.input-year {
	padding: 18px 0 18px 7%;
}
select.input-day {
	border-bottom-right-radius: 0;
	border-top-right-radius: 0;
	margin-right: 3px;
	-ms-flex-preferred-size: 25%;
	flex-basis: 25%;
}
select.input-month {
	border-radius: 0;
	margin-right: 3px;
	-ms-flex-preferred-size: 45%;
	flex-basis: 45%;
}
select.input-year {
	border-bottom-left-radius: 0;
	border-top-left-radius: 0;
	-ms-flex-preferred-size: 30%;
	flex-basis: 30%;
}
@media screen and (max-width: 570px) {
	select.input-day, select.input-month, select.input-year {
		padding: 15px 0 15px 7%;
	}
}

/*------------- #input multiselect --------------*/

.v-select .vs__dropdown-toggle {
    background: #ffffff;
    border: none;
    padding: 18px 16px;
    border-radius: 10px;
    margin-bottom: 34px;
}

.v-select .vs__selected {
    background-color: #4f9b7e;
    border: none;
    border-radius: 4px;
    color: #ffffff;
    margin: 0 5px 0 0;
    padding: 3px 8px;
}

.v-select .vs__deselect {
    margin-left: 9px;
    fill: rgba(255, 255, 255, 0.5);
    text-shadow: none;
}
.v-select .vs__dropdown-toggle input:focus {
    color: #e56781;
}

.v-select .vs__dropdown-menu {
	background-color: #fff;
	border-radius: 0 0 10px 10px;
	border: 1px solid #f9f9f9;
	-webkit-box-shadow: 0 15px 46px rgba(0, 0, 0, .1);
	box-shadow: 0 15px 46px rgba(0, 0, 0, .1);
	padding: 0;
	-webkit-transition: all 0.3s cubic-bezier(0.5, 0, 0, 1.25), opacity 0.15s ease-out;
	-o-transition: all 0.3s cubic-bezier(0.5, 0, 0, 1.25), opacity 0.15s ease-out;
	transition: all 0.3s cubic-bezier(0.5, 0, 0, 1.25), opacity 0.15s ease-out;
}

/*------------- #styled_selects --------------*/

.nice-select {
	-webkit-tap-highlight-color: transparent;
	padding: 18px 25px;
	-webkit-transition: all .3s ease;
	-o-transition: all .3s ease;
	transition: all .3s ease;
	font-size: 16px;
	margin-bottom: 25px;
	border-radius: 10px;
	position: relative;
	background-color: #f9f9f9;
	color: #2f2c2c;
	font-weight: 600;
	min-width: 100px;	
}
.nice-select {
	background-image: -webkit-linear-gradient(45deg, transparent 50%, #6a6a6a 50%), -webkit-linear-gradient(315deg, #6a6a6a 50%, transparent 50%);
	background-image: -o-linear-gradient(45deg, transparent 50%, #6a6a6a 50%), -o-linear-gradient(315deg, #6a6a6a 50%, transparent 50%);
	background-image: linear-gradient(45deg, transparent 50%, #6a6a6a 50%), linear-gradient(135deg, #6a6a6a 50%, transparent 50%);
	background-position: calc(100% - 34px) 50%, calc(100% - 30px) 50%;
	background-size: 5px 5px, 5px 5px;
	background-repeat: no-repeat;
}
.nice-select.white {
	background-color: #fff;
}
.nice-select:focus {
	background-image: -webkit-linear-gradient(315deg, transparent 50%, #e56781 50%), -webkit-linear-gradient(45deg, #e56781 50%, transparent 50%);
	background-image: -o-linear-gradient(315deg, transparent 50%, #e56781 50%), -o-linear-gradient(45deg, #e56781 50%, transparent 50%);
	background-image: linear-gradient(135deg, transparent 50%, #e56781 50%), linear-gradient(45deg, #e56781 50%, transparent 50%);
}
@media screen and (max-width: 570px) {
	.nice-select {
		padding: 15px 5px 15px 25px;
	}
}
.nice-select:focus {
	background-color: #fff;
	-webkit-box-shadow: 9px 0px 40px rgba(0, 0, 0, 0.1);
	box-shadow: 9px 0px 40px rgba(0, 0, 0, 0.1);
}
.nice-select.focus-white:focus {
	background-color: #fff;
	-webkit-box-shadow: 25px 20px 20px -15px rgba(0, 0, 0, 0.3);
	box-shadow: 25px 20px 20px -15px rgba(0, 0, 0, 0.3);
}
.nice-select:after {
	border-bottom: 2px solid #ccc;
	border-right: 2px solid #ccc;
	content: '';
	display: block;
	height: 10px;
	margin-top: -8px;
	pointer-events: none;
	position: absolute;
	right: 20px;
	top: 50%;
	-webkit-transform-origin: 66% 66%;
	-ms-transform-origin: 66% 66%;
	transform-origin: 66% 66%;
	-webkit-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	transform: rotate(45deg);
	-webkit-transition: all 0.15s ease-in-out;
	-o-transition: all 0.15s ease-in-out;
	transition: all 0.15s ease-in-out;
	width: 10px;
}
.nice-select.open:after {
	-webkit-transform: rotate(-135deg);
	-ms-transform: rotate(-135deg);
	transform: rotate(-135deg);
}
.nice-select.open .list {
	opacity: 1;
	pointer-events: auto;
	-webkit-transform: scale(1) translateY(0);
	-ms-transform: scale(1) translateY(0);
	transform: scale(1) translateY(0);
}
.nice-select .list {
	background-color: #fff;
	border-radius: 10px;
	border: 1px solid #f9f9f9;
	-webkit-box-shadow: 0 15px 46px rgba(0, 0, 0, .1);
	box-shadow: 0 15px 46px rgba(0, 0, 0, .1);
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	margin-top: 4px;
	opacity: 0;
	overflow: hidden;
	padding: 0;
	pointer-events: none;
	position: absolute;
	top: 100%;
	left: 0;
	right: 0;
	-webkit-transform-origin: 50% 0;
	-ms-transform-origin: 50% 0;
	transform-origin: 50% 0;
	-webkit-transform: scale(0.75) translateY(-40px/2);
	-ms-transform: scale(0.75) translateY(-40px/2);
	transform: scale(0.75) translateY(-40px/2);
	-webkit-transition: all 0.3s cubic-bezier(0.5, 0, 0, 1.25), opacity 0.15s ease-out;
	-o-transition: all 0.3s cubic-bezier(0.5, 0, 0, 1.25), opacity 0.15s ease-out;
	transition: all 0.3s cubic-bezier(0.5, 0, 0, 1.25), opacity 0.15s ease-out;
	z-index: 9;
}
.nice-select .list:hover .option:not(:hover) {
	background-color: transparent !important;
}
.nice-select .option {
	cursor: pointer;
	font-weight: 400;
	line-height: 38px;
	list-style: none;
	min-height: 38px;
	outline: none;
	color: #6a6a6a;
	padding-left: 40px;
	padding-right: 60px;
	-webkit-transition: all 0.3s;
	-o-transition: all 0.3s;
	transition: all 0.3s;
	margin: 0;
	font-size: 16px;
}
.nice-select .option:hover, .nice-select .option.focus, .nice-select .option.selected.focus {
	background-color: #f9f9f9;
}
.nice-select .option:hover {
	color: #e56781;
}
.nice-select .option.disabled {
	background-color: transparent;
	cursor: default;
}
.nice-select .option.selected {
	color: #e56781;
}
.nice-select .option.disabled:hover {
	color: #6a6a6a;
}
.no-csspointerevents .nice-select .list {
	display: none;
}
.no-csspointerevents .nice-select.open .list {
	display: block;
}
/*------------- #input icons --------------*/

.input-container .input-icon {
	color: #848282;
	font-size: 15px;
	top: 0;
	left: 14px;
	position: absolute;
	z-index: 2;
	line-height: 60px;
}
@media screen and (max-width: 570px) {
	.input-container .input-icon {
		line-height: 55px;
	}
}
.input-container .password-view-icon {
	color: #848282;
	font-size: 23px;
	top: calc(50% - 24px);
	right: 20px;
	position: absolute;
	z-index: 2;
}
.input-container .lock-name {
	color: #848282;
	font-size: 23px;
	top: calc(50% - 25px);
	right: 20px;
	position: absolute;
	z-index: 2;
	line-height: 23px;
}
/*---------------------------------- ANIMATIONS ----------------------------------*/

#modal.is-active .modal-card {
	-webkit-animation: moveUp 0.4s;
	animation: moveUp 0.4s;
}
#modalintro.is-active .modal-card {
	-webkit-animation: scaleDown .4s ease;
	animation: scaleDown .4s ease;
}
.modal.is-active {
	-webkit-animation: modalUp 0.4s forwards;
	animation: modalUp 0.4s forwards;
}
.fadeIn {
	-webkit-animation: fadeIn 0.6s;
	animation: fadeIn 0.6s;
}
@-webkit-keyframes scaleDown {
	from {
		opacity: 0;
		-webkit-transform: scale(1.1);
	}
}
@keyframes scaleDown {
	from {
		opacity: 0;
		-webkit-transform: scale(1.1);
		transform: scale(1.1);
	}
}
@-webkit-keyframes scaleUp {
	from {
		opacity: 0;
		-webkit-transform: scale(.98);
	}
}
@keyframes scaleUp {
	from {
		opacity: 0;
		-webkit-transform: scale(.98);
		transform: scale(.98);
	}
}
@-webkit-keyframes moveUp {
	0% {
		-webkit-transform: translateY(10%);
		transform: translateY(10%);
	}
	100% {
		-webkit-transform: none;
		transform: none;
	}
}
@keyframes moveUp {
	0% {
		-webkit-transform: translateY(10%);
		transform: translateY(10%);
	}
	100% {
		-webkit-transform: none;
		transform: none;
	}
}
-webkit @keyframes moveUp {
	0% {
		-webkit-transform: translateY(10%);
		-ms-transform: translateY(10%);
		transform: translateY(10%);
	}
	100% {
		-webkit-transform: none;
		-ms-transform: none;
		transform: none;
	}
}
@-webkit-keyframes slideLeft {
	0% {
		-webkit-transform: translateX(100%);
		transform: translateX(100%);
	}
	100% {
		-webkit-transform: none;
		transform: none;
	}
}
@keyframes slideLeft {
	0% {
		-webkit-transform: translateX(100%);
		transform: translateX(100%);
	}
	100% {
		-webkit-transform: none;
		transform: none;
	}
}
-webkit @keyframes slideLeft {
	0% {
		-webkit-transform: translateX(100%);
		-ms-transform: translateX(100%);
		transform: translateX(100%);
	}
	100% {
		-webkit-transform: none;
		-ms-transform: none;
		transform: none;
	}
}
@-webkit-keyframes modalUp {
	0% {
		-webkit-transform: none;
		transform: none;
		opacity: 0;
	}
	100% {
		-webkit-transform: none;
		transform: none;
		opacity: 1;
	}
}
@keyframes modalUp {
	0% {
		-webkit-transform: none;
		transform: none;
		opacity: 0;
	}
	100% {
		-webkit-transform: none;
		transform: none;
		opacity: 1;
	}
}
-webkit @keyframes modalUp {
	0% {
		-webkit-transform: none;
		-ms-transform: none;
		transform: none;
		opacity: 0;
	}
	100% {
		-webkit-transform: none;
		-ms-transform: none;
		transform: none;
		opacity: 1;
	}
}
-webkit @keyframes fadeIn {
	0% {
		opacity: 0;
	}
	100% {
		opacity: 1;
	}
}
@-webkit-keyframes fadeIn {
	0% {
		opacity: 0;
	}
	100% {
		opacity: 1;
	}
}
@keyframes fadeIn {
	0% {
		opacity: 0;
	}
	100% {
		opacity: 1;
	}
}
-webkit @keyframes pulse_animation {
	0% {
		-webkit-transform: scale(1);
		-ms-transform: scale(1);
		transform: scale(1);
	}
	30% {
		-webkit-transform: scale(1);
		-ms-transform: scale(1);
		transform: scale(1);
	}
	40% {
		-webkit-transform: scale(1.08);
		-ms-transform: scale(1.08);
		transform: scale(1.08);
	}
	50% {
		-webkit-transform: scale(1);
		-ms-transform: scale(1);
		transform: scale(1);
	}
	60% {
		-webkit-transform: scale(1);
		-ms-transform: scale(1);
		transform: scale(1);
	}
	70% {
		-webkit-transform: scale(1.05);
		-ms-transform: scale(1.05);
		transform: scale(1.05);
	}
	80% {
		-webkit-transform: scale(1);
		-ms-transform: scale(1);
		transform: scale(1);
	}
	100% {
		-webkit-transform: scale(1);
		-ms-transform: scale(1);
		transform: scale(1);
	}
}
@-webkit-keyframes pulse_animation {
	0% {
		-webkit-transform: scale(1);
		transform: scale(1);
	}
	30% {
		-webkit-transform: scale(1);
		transform: scale(1);
	}
	40% {
		-webkit-transform: scale(1.08);
		transform: scale(1.08);
	}
	50% {
		-webkit-transform: scale(1);
		transform: scale(1);
	}
	60% {
		-webkit-transform: scale(1);
		transform: scale(1);
	}
	70% {
		-webkit-transform: scale(1.05);
		transform: scale(1.05);
	}
	80% {
		-webkit-transform: scale(1);
		transform: scale(1);
	}
	100% {
		-webkit-transform: scale(1);
		transform: scale(1);
	}
}
@keyframes pulse_animation {
	0% {
		-webkit-transform: scale(1);
		transform: scale(1);
	}
	30% {
		-webkit-transform: scale(1);
		transform: scale(1);
	}
	40% {
		-webkit-transform: scale(1.08);
		transform: scale(1.08);
	}
	50% {
		-webkit-transform: scale(1);
		transform: scale(1);
	}
	60% {
		-webkit-transform: scale(1);
		transform: scale(1);
	}
	70% {
		-webkit-transform: scale(1.05);
		transform: scale(1.05);
	}
	80% {
		-webkit-transform: scale(1);
		transform: scale(1);
	}
	100% {
		-webkit-transform: scale(1);
		transform: scale(1);
	}
}
-webkit @keyframes selected {
	to {
		-webkit-transform: translateY(-5px);
		-ms-transform: translateY(-5px);
		transform: translateY(-5px);
	}
}
@-webkit-keyframes selected {
	to {
		-webkit-transform: translateY(-5px);
		transform: translateY(-5px);
	}
}
@keyframes selected {
	to {
		-webkit-transform: translateY(-5px);
		transform: translateY(-5px);
	}
}
/*---------------------------------- BREADCRUMBS ----------------------------------*/

.page-breadcrumb {
	display: none
}
@media (max-height: 900px) {
	.page-breadcrumb {
		display: none
	}
}
.page-breadcrumb .page-title {
	display: none
}
.page-breadcrumb .breadcrumb {
	padding: 0;
	margin: 0 20px 0 0;
	background: transparent;
	font-size: 14px;
	color: #7c8787;
	list-style: none;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
}
.page-breadcrumb .breadcrumb a {
	color: #7c8787;
}
.breadcrumb-item.active {
	color: #345a7a;
}
.page-breadcrumb .breadcrumb .breadcrumb-item+.breadcrumb-item::before {
	content: "\e649";
	font-family: themify;
	color: #ced4da;
	font-size: 11px;
	padding-right: 5px;
}
.breadcrumb-item+.breadcrumb-item {
	padding-left: 5px;
}
@media (max-width: 800px) {
	.page-breadcrumb {
		display: none;
	}
}

/*---------------------------------- DEVICE ROTATE ----------------------------------*/

.phone-wrapper {
	position: fixed;
	z-index: 999;
	-webkit-box-pack: center;
	    -ms-flex-pack: center;
	        justify-content: center;
	-webkit-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	    -ms-flex-direction: column;
	        flex-direction: column;
	background-color: rgba(10, 10, 10, 0.8);
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	display: none;
}
.phone-wrapper .phone {
	height: 50px;
	width: 100px;
	border: 3px solid white;
	border-radius: 10px;
	-webkit-animation: rotate 1.5s ease-in-out infinite alternate;
	        animation: rotate 1.5s ease-in-out infinite alternate;
}
.phone-wrapper .message {
	color: white;
	font-size: 1em;
	margin-top: 40px; 
}
@-webkit-keyframes rotate {
	0% {
		-webkit-transform: rotate(0deg);
		        transform: rotate(0deg)
	}
	50% {
		-webkit-transform: rotate(-90deg);
		        transform: rotate(-90deg)
	}
	100% {
		-webkit-transform: rotate(-90deg);
		        transform: rotate(-90deg)
	}
}
@keyframes rotate {
	0% {
		-webkit-transform: rotate(0deg);
		        transform: rotate(0deg)
	}
	50% {
		-webkit-transform: rotate(-90deg);
		        transform: rotate(-90deg)
	}
	100% {
		-webkit-transform: rotate(-90deg);
		        transform: rotate(-90deg)
	}
}
@media only screen and (max-device-width: 812px) and (orientation: landscape) {
	.phone-wrapper {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
	}
}

/*---------------------------------- MAIN MENU ----------------------------------*/

.main-menu-start {
	width: 80%;
	margin-left: 10%;
	text-align: center;
	margin-bottom: 30px;
}
.main-menu-end {
	text-align: center;
	position: relative;
	margin-top: 100px;
}
@media (max-width: 570px) {
	.main-menu-end.btn-fixed {
		position: fixed;
		bottom: 0;
		left: 0;
		z-index: 18;
		-webkit-transition: 0.5s;
		-o-transition: 0.5s;
		transition: 0.5s;
		width: 100%;
		margin: 0;
		padding: 0 0 15px 15px;
		background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(235, 240, 242, 0)), color-stop(80%, rgba(235, 240, 242, 1)));
		background-image: -webkit-linear-gradient(top, rgba(235, 240, 242, 0), rgba(235, 240, 242, 1) 80%);
		background-image: -o-linear-gradient(top, rgba(235, 240, 242, 0), rgba(235, 240, 242, 1) 80%);
		background-image: linear-gradient(to bottom, rgba(235, 240, 242, 0), rgba(235, 240, 242, 1) 80%);
	}
}
.main-menu-end-btn i {
	right: 50px;
}
.menu-item-block {
	position: relative;
	margin: 50px 0;
}
.menu-item-block::after {
	clear: both;
	content: "";
	display: table;
}
.menu-item-block:first-child {
	margin-top: 0;
}
.menu-item-block:last-child {
	margin-bottom: 0;
}
.menu-item-bullet {
	position: absolute;
	top: 17px;
	left: 0;
	width: 40px;
	height: 40px;
	border-radius: 50%;
	-webkit-box-shadow: 0 10px 15px rgba(0, 0, 0, .1);
	box-shadow: 0 10px 15px rgba(0, 0, 0, .1);
	background: #e56781;
}
.menu-item-bullet:after {
	color: #ffffff;
	font-size: 18px;
	font-weight: 600;
	font-family: 'Font Awesome 5 Free';
	text-align: center;
	display: block;
	width: 60px;
	height: 60px;
	position: relative;
	left: 50%;
	top: 92%;
	margin-left: -30px;
	margin-top: -30px;
}
.menu-item-bullet .menu-item-time {
	color: #ffffff;
	line-height: 12px;
	text-align: center;
	margin-top: 8px;
	font-weight: 200;
	font-size: 12px;
}
.menu-item-bullet .menu-item-time span {
	font-size: 20px;
	font-weight: 600;
}
.menu-item-content {
	position: relative;
	margin-left: 60px;
	background: #ffffff;
	padding: 30px 20px 10px 20px;
	box-shadow: 0 3px 0 #d7e4ed;
	-webkit-box-shadow: 0 20px 20px -10px rgba(0, 0, 0, .05);
	box-shadow: 0 20px 20px -10px rgba(0, 0, 0, .05);
	float: left;
	-webkit-transition: all .3s ease;
	-o-transition: all .3s ease;
	transition: all .3s ease;
	cursor: pointer;
	border-bottom: 10px solid #e56781;
}
.menu-item-content::before {
	content: '';
	position: absolute;
	top: 28px;
	right: 100%;
	height: 0;
	width: 0;
	border: 10px solid transparent;
	border-right: 10px solid #ffffff;
	-webkit-transition: all .3s ease;
	-o-transition: all .3s ease;
	transition: all .3s ease;
}
.menu-item-content::after {
	content: '';
	width: 5px;
	height: calc(100% - 29px);
	left: -45px;
	top: 81px;
	display: block;
	position: absolute;
	border-right: 3px dotted #e2e2e2;
}
.menu-item-content h3 {
	line-height: 1.2;
	width: 90%;
}
.menu-item-content .overlay-box {
	position: absolute;
	left: 0;
	top: 0;
	height: 0;
	width: 100%;
	background-color: #e56781;
	border-radius: 5px 5px 0 0;
	-webkit-transition: all 300ms ease;
	-o-transition: all 300ms ease;
	-webkit-transition: all 500ms ease;
	-o-transition: all 500ms ease;
	transition: all 500ms ease;
}
.menu-item-content .overlay-box .content {
	position: absolute;
	top: 50%;
	width: 100%;
	text-align: center;
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);
	opacity: 0;
	visibility: hidden;
	-webkit-transition: all 300ms ease;
	-o-transition: all 300ms ease;
	transition: all 300ms ease;
}
.menu-item-content.overlay-box .content:after {
	position: absolute;
	left: 0;
	right: 0;
	margin: 0 auto;
	bottom: -20px;
	height: 3px;
	width: 40px;
	background-color: #fff;
	content: "";
}
.menu-item-content .overlay-box .content h4 {
	font-size: 45px;
	color: #fff;
	-webkit-transition: all 300ms ease;
	-o-transition: all 300ms ease;
	transition: all 300ms ease;
	text-transform: capitalize;
}
.menu-item-content .overlay-box .content div {
	color: #fff;
	margin-top: -5px;
	font-weight: 400;
	font-size: 15px;
}
.menu-item-content .overlay-box .content h4:hover {
	color: #d9ece5;
}
.menu-item-content p {
	margin-top: 15px;
	font-size: 14px;
}
.menu-item-content .cd-date {
	display: inline-block;
	float: left;
	padding: .8em 0;
	opacity: .7;
	display: none;
}
.menu-item-content .tick-wrapper {
	opacity: 0;
	width: 90px;
	height: 90px;
	overflow: hidden;
	position: absolute;
	top: -9px;
	right: -9px;
	z-index: 1;
}
.menu-item-content .tick-wrapper span {
	position: absolute;
	display: block;
	width: 267px;
	padding: 18px 0;
	background-color: #4f9b7e;
	-webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, .05);
	box-shadow: 0 5px 10px rgba(0, 0, 0, .05);
	color: #fff;
	text-transform: uppercase;
	text-align: center;
	left: -59px;
	top: 31px;
	-webkit-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	transform: rotate(45deg);
}
.menu-item-content .tick-wrapper::before, .menu-item-content .tick-wrapper::after {
	position: absolute;
	z-index: -1;
	content: '';
	display: block;
	border: 5px solid #478a70;
	border-top-color: transparent;
	border-right-color: transparent;
}
.menu-item-content .tick-wrapper::before {
	top: -1px;
	left: 0;
}
.menu-item-content .tick-wrapper::after {
	bottom: 0;
	right: -1px;
}
.menu-item-content .tick-text {
	color: #fff;
	position: absolute;
	text-transform: uppercase;
	-webkit-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	transition: all 0.3s ease;
	transform: rotate(45deg);
	-webkit-transform: rotate(45deg);
	-moz-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	text-align: center;
	width: 100px;
	font-size: 11px;
	text-transform: uppercase;
    top: 16px;
    right: -26px;
	font-weight: 600;
	z-index: 2;
	opacity: 0;
}
.menu-item-content img {
	display: none;
}
.menu-item-block.completed .menu-item-content .overlay-box {
	background-color: #4f9b7e;
}
.menu-item-block.completed .menu-item-bullet {
	background: #4f9b7e;
	-webkit-box-shadow: none;
	box-shadow: none;
}
.menu-item-block.completed .menu-item-bullet:after {
	content: "\f00c";
}
.menu-item-block.completed .menu-item-time {
	display: none
}
.menu-item-block.completed .tick-text, .menu-item-block.completed .tick-wrapper {
	opacity: 1;
}
.menu-item-block.completed .menu-item-content {
	border-bottom: 6px solid #4f9b7e;
}
@media screen and (max-width: 570px) {
	.menu-item-content p:last-child:after {
		content: 'BEGIN';
		font-size: 16px;
		margin-top: 20px;
		color: #2f2c2c;
		font-weight: 600;
		border-top: 1px solid #f4f5f7;
		display: block;
		text-align: center;
		padding-top: 20px
	}
	.menu-item-block.completed .menu-item-content p:after {
		content: 'EDIT';
	}
	.main-menu-end {
		text-align: left;
		margin-top: 60px;
	}
}
@media screen and (min-width: 571px) {
	.menu-item-content:hover {
		-webkit-box-shadow: 0 25px 35px -10px rgba(0, 0, 0, .1);
		box-shadow: 0 25px 35px -10px rgba(0, 0, 0, .1);
	}
	.menu-item-content:hover::before {
		left: 90%;
	}
	.show-first-section .menu-item-content {
		padding-bottom: 50px
	}
	.show-first-section .menu-item-content:hover p:after {
		color: #e56781;
		height: 0;
	}
	.show-first-section .menu-item-content p:after {
		content: 'Next Section';
		font-size: 15px;
		text-transform: uppercase;
		font-weight: 600;
		color: #ffffff;
		display: block;
		text-align: right;
		padding: 4px 20px 0;
		background-color: #e56781;
		position: absolute;
		bottom: 0;
		left: 0;
		right: 0;
		height: 24px;
		-webkit-transition: all .3s ease;
		-o-transition: all .3s ease;
		transition: all .3s ease;
		overflow: hidden;
	}
	.menu-item-block:hover:nth-child(even) .menu-item-content::before {
		right: 90%;
	}
	.menu-item-content:hover .tick-wrapper, .menu-item-content:hover .tick-text {
		opacity: 0;
	}
	.menu-item-content:hover {
		border-radius: 5px;
	}
	.menu-item-content:hover .overlay-box {
		height: 100%;
	}
	.menu-item-content:hover .overlay-box .content {
		opacity: 1;
		visibility: visible;
		-webkit-transition-delay: 200ms;
		-o-transition-delay: 200ms;
		transition-delay: 200ms;
	}
}
@media only screen and (min-width: 1170px) {
	.main-menu-start {
		width: 27%;
		margin-left: 8%;
		margin-bottom: 0;
	}
	.menu-item-block {
		margin: 4em 0;
	}
	.menu-item-block:first-child {
		margin-top: 0;
	}
	.menu-item-block:last-child {
		margin-bottom: 0;
		margin-top: 160px;
	}
	.menu-item-block.completed .menu-item-bullet {
		background: #e6e6e6;
		-webkit-box-shadow: none;
		box-shadow: none;
		width: 60px;
		height: 60px;
		margin-left: -30px;
		top: 50px;
		color: #ffffff;
	}
	.menu-item-bullet:after {
		color: #ffffff;
		font-size: 33px;
		top: 60%;
	}
	.menu-item-bullet {
		left: 50%;
		margin-left: -30px;
		top: 45px;
		width: 60px;
		height: 60px;
	}
	.menu-item-bullet .menu-item-time {
		line-height: 14px;
		margin-top: 15px;
		font-size: 15px;
	}
	.menu-item-bullet .menu-item-time span {
		font-size: 33px;
	}
	.menu-item-bullet.item-is-hidden {
		visibility: hidden;
	}
	.menu-item-bullet.bounce-in {
		visibility: visible;
		-webkit-animation: cd-bounce 0.6s;
		animation: cd-bounce 0.6s;
	}
	.menu-item-content {
		margin-left: 0;
		padding: 40px 40px 25px 45px;
		width: 42%;
		margin-top: -61px;
	}
	.menu-item-content::before {
		display: none;
	}	
	.menu-item-content p {
		font-size: 16px;
	}
	.menu-item-content img {
		position: absolute;
		height: 85px;
		bottom: -13px;
		left: -11px;
		display: block;
		z-index: 1;
	}
	.menu-item-content .cd-date {
		position: absolute;
		width: 100%;
		left: 122%;
		top: 80px;
	}
	.menu-item-content::after {
		height: 154px;
		width: 185px;
		right: -35%;
		bottom: -186px;
		left: auto;
		border:none;
		top: auto;
		content: "";
		background-image: url(../img/arrow-line-4.png);
		background-size: cover;
		opacity: 0.6;
	}
	.menu-item-block:nth-child(even) .menu-item-content::after {
		right: auto;
		left: -35%;
		background-image: url(../img/arrow-line-5.png);
	}
	.menu-item-block:nth-child(even) .menu-item-content {
		float: right;
	}
	.menu-item-block:nth-child(even) .menu-item-content::before {
		top: 120px;
		left: auto;
		right: 100%;
		border-color: transparent;
		border-right-color: #ffffff;
	}
	.menu-item-block:nth-child(even) .menu-item-content .cd-date {
		left: auto;
		right: 122%;
		text-align: right;
	}
	.menu-item-block:nth-child(7):before {
		position: absolute;
		left: -36px;
		bottom: -29px;
		height: 247px;
		width: 430px;
		background-image: url(../img/home/icons/dots-3.png);
		background-repeat: no-repeat;
		background-size: cover;
		content: "";
	}
	.menu-item-content.item-is-hidden {
		visibility: hidden;
	}
	.menu-item-content.bounce-in {
		visibility: visible;
		-webkit-animation: cd-fade 0.6s;
		animation: cd-fade 0.6s;
	}
}
@-webkit-keyframes cd-bounce {
	0% {
		opacity: 0;
		-webkit-transform: scale(0.5);
	}
	60% {
		opacity: 1;
		-webkit-transform: scale(1.2);
	}
	100% {
		-webkit-transform: scale(1);
	}
}
@keyframes cd-bounce {
	0% {
		opacity: 0;
		-webkit-transform: scale(0.5);
		-ms-transform: scale(0.5);
		transform: scale(0.5);
	}
	60% {
		opacity: 1;
		-webkit-transform: scale(1.2);
		-ms-transform: scale(1.2);
		transform: scale(1.2);
	}
	100% {
		-webkit-transform: scale(1);
		-ms-transform: scale(1);
		transform: scale(1);
	}
}
@-webkit-keyframes cd-fade {
	0% {
		opacity: 0;
	}
	100% {
		opacity: 1;
	}
}
@keyframes cd-fade {
	0% {
		opacity: 0;
	}
	100% {
		opacity: 1;
	}
}
@keyframes pulse-red {
	0% {
		-webkit-box-shadow: 0 0 0 0 rgb(229, 103, 129);
		box-shadow: 0 0 0 0 rgb(229, 103, 129);
	}
	30% {
		-webkit-box-shadow: 0 0 0 15px rgba(0, 0, 0, 0);
		box-shadow: 0 0 0 15px rgba(0, 0, 0, 0);
	}
	100% {
		-webkit-box-shadow: 0 0 0 0 rgba(0, 0, 0, 0);
		box-shadow: 0 0 0 0 rgba(0, 0, 0, 0);
	}
}
@-webkit-keyframes pulse-red {
	0% {
		-webkit-box-shadow: 0 0 0 0 rgb(229, 103, 129);
	}
	30% {
		-webkit-box-shadow: 0 0 0 15px rgba(0, 0, 0, 0);
	}
	100% {
		-webkit-box-shadow: 0 0 0 0 rgba(0, 0, 0, 0);
	}
}
@keyframes pulse-dark {
	0% {
		-webkit-box-shadow: 0 0 0 0 rgb(47, 44, 44);
		box-shadow: 0 0 0 0 rgb(47, 44, 44);
	}
	30% {
		-webkit-box-shadow: 0 0 0 15px rgba(0, 0, 0, 0);
		box-shadow: 0 0 0 15px rgba(0, 0, 0, 0);
	}
	100% {
		-webkit-box-shadow: 0 0 0 0 rgba(0, 0, 0, 0);
		box-shadow: 0 0 0 0 rgba(0, 0, 0, 0);
	}
}
@-webkit-keyframes pulse {
	0% {
		-webkit-box-shadow: 0 0 0 0 rgb(47, 44, 44);
	}
	30% {
		-webkit-box-shadow: 0 0 0 15px rgba(0, 0, 0, 0);
	}
	100% {
		-webkit-box-shadow: 0 0 0 0 rgba(0, 0, 0, 0);
	}
}
/*******************
	Main Menu Tooltip
*******************/

.show-first-section .menu-item-content .overlay-box {
	-webkit-animation: show-first-section-1 0.5s;
	animation: show-first-section-1 0.5s;
	-webkit-animation-delay: 5s;
	animation-delay: 5s;
	-webkit-animation-fill-mode: forwards;
	animation-fill-mode: forwards;
}
.show-first-section .menu-item-content .overlay-box .content {
	-webkit-animation: show-first-section-2 0.3s;
	animation: show-first-section-2 0.3s;
	-webkit-animation-delay: 5s;
	animation-delay: 5s;
	-webkit-animation-fill-mode: forwards;
	animation-fill-mode: forwards;
}
.show-first-section .menu-item-content p:after {
	-webkit-animation: show-first-section-3 0.3s;
	animation: show-first-section-3 0.3s;
	-webkit-animation-delay: 5s;
	animation-delay: 5s;
	-webkit-animation-fill-mode: forwards;
	animation-fill-mode: forwards;
}
.show-first-section .menu-item-content {
	-webkit-animation: 0.3s linear 5s forwards show-first-section-4, 2s linear 5s infinite pulse-red;
	animation: 0.3s linear 5s forwards show-first-section-4, 2s linear 5s infinite pulse-red;
}
.show-first-section .btn-large {
	-webkit-animation: 2s linear infinite pulse-dark;
	animation: 2s linear infinite pulse-dark;
}

@-webkit-keyframes show-first-section-1 {
	100% {
		height: 100%;
	}
}
@keyframes show-first-section-1 {
	100% {
		height: 100%;
	}
}
@-webkit-keyframes show-first-section-2 {
	100% {
		opacity: 1;
		visibility: visible;
	}
}
@keyframes show-first-section-2 {
	100% {
		opacity: 1;
		visibility: visible;
	}
}
@-webkit-keyframes show-first-section-3 {
	100% {
		color: #e56781;
		height: 0;
	}
}
@keyframes show-first-section-3 {
	100% {
		color: #e56781;
		height: 0;
	}
}
@-webkit-keyframes show-first-section-4 {
	100% {
		border-radius: 5px;
	}
}
@keyframes show-first-section-4 {
	100% {
		border-radius: 5px;
	}
}
/*******************
	Main Menu Tooltip OLD

.show-first-section .overlay-box::before, .show-first-section .overlay-box::after {
    pointer-events: none;
    outline: none;
    display: block;
    position: absolute;
    bottom: 100%;
    left: 50%;
    margin: 0;
    padding: 0;
    opacity: 0;   
    -webkit-transform: translate(-50%, 0);
    -ms-transform: translate(-50%, 0);
    transform: translate(-50%, 0);
    animation: fadeIn 0.5s;
    animation-delay: 5s;
    animation-fill-mode: forwards;
}

.show-first-section .overlay-box::before {
    content: "";
    z-index: 999;
    width: 0;
    height: 0;
    line-height: 0;
    border-top: 8px solid #302c2c;
    border-left: 8px solid transparent;
    border-right: 8px solid transparent;
    border-bottom: transparent;
    overflow: hidden;
    margin-bottom: 14px;
}

.show-first-section .overlay-box::after {
    content: "Next incomplete section";
    width: 210px;
    z-index: 998;
    margin-bottom: 22px;
    text-align: center;
    word-wrap: normal;
    font-style: normal;
    word-break: normal;
    line-height: 1.4;
    font-size: 17px;
    padding: 8px;
    min-height: 18px;
    color: #fff;
    background-color: #302c2c;
    border-radius: 0.2em;
    -webkit-box-shadow: 0 2px 30px rgba(0, 0, 0, 0.07);
    box-shadow: 0 2px 30px rgba(0, 0, 0, 0.07);
}

*******************/

/*******************
	People Manager
*******************/

.person-item {
	width: 100%;
	background-color: #fff;
	margin-bottom: 30px;
	-webkit-box-shadow: 2px 2px 0px rgb(233, 232, 232);
	box-shadow: 2px 2px 0px rgb(233, 232, 232);
	position: relative;
	z-index: 2;
	-webkit-transition: all .3s ease;
	-o-transition: all .3s ease;
	transition: all .3s ease;
}
.person-item .person-item-body {
	padding: 45px 50px 30px 50px;
}
.person-item .person-item-left {
	text-align: center;
	background: #fff;
	position: absolute;
	right: 15px;
	top: 0;
	padding: 35px;
}
.person-item .person-item-left img {
	height: 100px;
}
.person-item .person-item-title {
	text-transform: uppercase;
	position: relative;
    min-height: 45px;
}
.person-item .person-item-title h5, .person-item .person-item-title-sub h6 {
	max-width: 100%;
	-o-text-overflow: ellipsis;
	text-overflow: ellipsis;
	overflow: hidden;
}
.person-item .person-item-title-sub {
	margin-bottom: 43px;
}
.person-item .person-item-title-sub h6 {
	font-weight: 600;
	text-transform: capitalize;
}
.person-item .person-item-title span {
	font-weight: 600;
}
.person-item .dropdown-divider {
	margin: 10px 0;
}
.person-item .person-details-left, .person-item .person-details-right {
	text-transform: capitalize;
	line-height: 30px;
}
.person-item .person-details-left {
	color: #302d2c;
	font-weight: 600;
	-ms-flex-item-align: start;
	align-self: flex-start;
}
.person-item .person-details-right {
	overflow: hidden;
}
.person-item .person-details-right a {
	color: #6a6a6a;
	display: block;
	margin-left: 20px;
	-o-text-overflow: ellipsis;
	text-overflow: ellipsis;
	white-space: nowrap;
	cursor: pointer;
	overflow: hidden;
}
.person-item .person-details-right a .fa-pen, .person-item .person-item-title i, .person-item .person-item-title-sub i {
	opacity: 0;
	color: #f97b92;
	margin-left: 20px;
	-webkit-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	transition: all 0.3s ease;
	cursor: pointer;
	display: inline-block;
	font-size: 14px;
	position: absolute;
	line-height: 30px;
}
.person-item .person-details-right a:hover i, .person-item .person-item-title:hover i, .person-item .person-item-title-sub:hover i {
	opacity: 1;
}
.person-item .person-item-roles {
	position: absolute;
	right: 50px;
	top: 150px;
}
.person-item .person-item-roles a {
	padding: 4px 0;
	background-color: #345a7a;
	display: block;
	color: #fff;
	text-align: center;
	margin-bottom: 0px;
	width: 100px;
	position: relative;
	font-size: 13px;
}
.person-item .person-item-roles a::before {
	content: "";
	z-index: 999;
	width: 0;
	height: 0;
	line-height: 0;
	border-bottom: 5px solid #345a7a;
	border-left: 5px solid transparent;
	border-right: 5px solid transparent;
	border-top: transparent;
	overflow: hidden;
	position: absolute;
	top: -4px;
	left: 45%;
}
.person-item .person-item-roles a:first-child {
	border-top-left-radius: 3px;
	border-top-right-radius: 3px;	
}
.person-item .person-item-roles a:last-child {
	border-bottom-left-radius: 3px;
	border-bottom-right-radius: 3px;	
}
.person-item .person-item-roles a:nth-child(2){
	background-color: #4f9b7e;
}
.person-item .person-item-roles a:nth-child(2)::before {
	border-bottom: 5px solid #4f9b7e;
}
.person-item .person-item-roles a:nth-child(3){
	background-color: #e56781;
}
.person-item .person-item-roles a:nth-child(3)::before {
	border-bottom: 5px solid #e56781;
}
.person-item .person-item-roles a:nth-child(4){
	background-color: #f1dd6b;
}
.person-item .person-item-roles a:nth-child(4)::before {
	border-bottom: 5px solid #f1dd6b;
}
.person-item .person-item-roles i {
	display: none;
}
.person-item .person-item-footer {
	padding: 0px 30px;
	background-color: #345a7a;
	text-align: center;
}
.person-item .person-item-footer button {
	background-color: transparent;
	padding: 23px 10px;
	cursor: pointer;
}
@media screen and (max-width: 570px) {
	.person-item .person-item-body {
		padding: 30px 35px 25px 35px;
	}
	.person-item .person-item-title, .person-item .person-item-title-sub {
		text-align: center;
	}
	.person-item .person-item-title h5 {
		font-size: 22px;
	}
	.person-item .person-item-title-sub h6 {
		font-size: 16px;
	}
	.person-item .person-item-footer i {
		color: #fff;
		font-size: 18px;
	}
	.person-item .person-item-footer button {
		padding: 20px 25px;
	}
}
@media screen and (min-width: 571px) {
	.person-item .person-item-title h5, .person-item .person-item-title-sub h6 {
		cursor: pointer;
		display: inline-block;
		max-width: 70%;
	}
	.person-item .person-item-title h5 {
		position: absolute;
		bottom: 0;
		left: 0;
		font-weight: 600;
	}	
	.person-item .person-item-footer i {
		color: rgba(255, 255, 255, 0.2);
		font-size: 22px;
		-webkit-transition: all .3s ease;
		-o-transition: all .3s ease;
		transition: all .3s ease;
	}
	.person-item .person-item-footer {
		opacity: 0;
		position: absolute;
		top: 0;
		left: -70px;
		width: 70px;
		padding: 0;
		-webkit-transition: all .3s ease;
		-o-transition: all .3s ease;
		transition: all .3s ease;
	}
	.person-item:hover {
		z-index: 4;
		-webkit-box-shadow: 10px 10px 45px 0px rgba(0, 0, 0, 0.1);
		box-shadow: 10px 10px 45px 0px rgba(0, 0, 0, 0.1);
		-webkit-transform: translateY(-5px);
		-ms-transform: translateY(-5px);
		transform: translateY(-5px);
	}
	.person-item:hover .person-item-footer {
		opacity: 1;
	}
	.person-item:hover .person-item-footer i {
		color: rgba(255, 255, 255, 1);
	}
	.person-item .person-item-footer button:hover i {
		color: rgba(255, 255, 255, 0.7);
	}
}
/*------------- #MODALS --------------*/

.modal {
	position: fixed;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	height: 100%;
	width: 100%;
	top: 0;
	left: 0;
	-webkit-transform: scale(0);
	-ms-transform: scale(0);
	transform: scale(0);
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	z-index: 101;
}
.modal-background {
	background-color: rgba(10, 10, 10, 0.1);
	bottom: 0;
	left: 0;
	position: absolute;
	right: 0;
	top: 0;
}
.is-active .modal-background {
	background-color: rgba(10, 10, 10, 0.85);
}
.modal-card {
	margin: 0 10px;
	position: relative;
	width: 100%;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
	-webkit-box-shadow: 10px 10px 45px 0px rgba(0, 0, 0, 0.2);
	box-shadow: 10px 10px 45px 0px rgba(0, 0, 0, 0.2);
	border-radius: 0 0 10px 10px;	
}
.modal-card-head {
	background-color: #fff;
	position: relative;
}
.modal-card-title {
	padding: 15px 55px;
	margin-top: 28px;
	margin-bottom: 10px;
}
.modal-close {
	position: absolute;
	cursor: pointer;
	border: none;
	background-color: transparent;
	fill: rgba(255, 255, 255, 0.5);
	top: -30px;
	right: -10px;
}
.modal-close:hover {
	border: none;
	fill: #ffffff;
}
.modal-big-close {
	position: absolute;
	cursor: pointer;
	border: none;
	background-color: #ffffff08;
	fill: rgba(47, 44, 44, 0.8);
	top: -1px;
	right: 0px;
	z-index: 2;
	border-radius: 0 0 0 11px;
	padding: 10px;
}
.modal-big-close:hover {
	border: none;
	fill: #2f2c2c;
}
.modal-card-body {
	background-color: #fff;
	padding: 20px 65px 30px;
	max-height: calc(100vh - 290px);
	overflow-y: auto;
	counter-reset: section;
}
.modal-card-divider:before {
	background-color: #ebebeb;
	display: block;
	content: '';
	position: absolute;
	width: 100%;
	height: 1px;
	left: 0;
	bottom: 30%;
	z-index: 0;
}
.modal-card-divider-wrapper {
	background-color: #fff;
	z-index: 1;
	position: relative;
	padding: 0 12px;
	color: #302c2c;
	font-size: 22px;
}
.modal-card-divider {
	margin: 20px 40px 40px;
	text-align: center;
	position: relative;
	z-index: 1;
}
.modal-card-footer.btn {
	color: #e56781;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	background-color: #e56781;
	padding: 5px 20px;
	border-radius: 0 0 10px 10px;
	width: 100%;
	z-index: 4;
    opacity: 1;	
}
.modal-card-footer.validated, .modal-card-footer.plain-modal-card-footer.validated {
	margin-top: 4px;
	padding: 25px 20px;
	color: white;
	background-color: #4f9b7e;
}
.modal-card-footer:not(.validated):after {
	content: ' INCOMPLETE';
	font-size: 13px;
	top: 0;
	right: 60px;
	position: absolute;
	line-height: 24px;
	font-weight: 600;
	color: #fff;
	width: auto;
}
.modal-card-footer:not(.validated):before {
	content: '- HELP';
	font-size: 13px;
	top: 0;
	position: absolute;
	line-height: 24px;
	font-weight: 600;
	color: #ebb3bf;
	width: auto;
	z-index: 1;
	right: 10PX
}
.modal-card-footer.plain-modal-card-footer {
	padding: 0;
	overflow: hidden;
}
.modal-card-footer.plain-modal-card-footer:before, .modal-card-footer.plain-modal-card-footer:after {
	content: none;
}
.modal-card-footer:not(.validated):hover:before {
	color: #fff;
}
.modal-card-footer.btn-arrow i {
	right: auto;
}
@media screen and (min-width: 571px) {
	.modal-card-footer.validated, .modal-card-footer.plain-modal-card-footer.validated {
		padding: 35px 20px;
	}
}
@media screen and (min-width: 769px) {
	.modal-card {
		width: 700px;
	}
	.modal-big-close {
		background-color: #ffffff08;
		fill: rgb(255, 255, 255, 0.8);
	}
	.modal-big-close:hover {
		fill: #ffffff;
	}	
}
@media screen and (min-width: 1200px) {
	#modal.is-active .modal-card {
		-webkit-animation: slideLeft 0.6s;
		animation: slideLeft 0.6s ease-out;
	}	
	#modal .modal-card {
		margin: 0;
		position: fixed;
		top: 0;
		bottom: 0;
		right: 0;
		width: 610px;
		overflow: hidden;
		-webkit-box-shadow: 0 0 12rem rgba(0,0,0,.5);		
		box-shadow: 0 0 12rem rgba(0,0,0,.5);	
		border-radius: 0;			
	}
	#modal .modal-card-title {
		padding: 10px 0px 10px 75px;
		font-size: 32px;
		position: relative;
	}
	#modal .modal-card-title:before {
		color: #2f2c2c;
		content: "\f060";
		font-size: 19px;
		left: 46px;
		position: absolute;
		font-weight: 600;
		font-family: 'Font Awesome 5 Free';
		top: 17px;
	}
	#modal .modal-card-body {
		padding: 45px 40px 40px;
		max-height: 100vh;
		position: absolute;
		top: 98px;
		bottom: 23px;
		width: 100%;
		border-top: thin solid #f4f5f7;		
	}
	#modal .modal-close {
		top: 36px;
		right: 34px;
		fill: #d3d3d3;
		padding: 7px;
		border-radius: 50px;
		stroke: #d3d3d3;
		stroke-width: 10px;
	}
	#modal .modal-card-footer {
		position: absolute;
		z-index: 2;
		bottom: 0;
	}
	#modal .modal-card-footer.btn {
		border-radius: 0;
	}
}
@media screen and (max-width: 570px) {
	.modal-card {
		margin: 0;
		position: fixed;
		top: 0;
		bottom: 0;
		left: 0;
		right: 0;
		width: auto;
		overflow: hidden;
		border-radius: 0;			
	}
	.modal-card-title {
		padding: 0 0 0 25px;
		border: none;
		font-size: 28px;
	}
	.modal-card-body {
		padding: 25px 20px 40px;
		max-height: 100vh;
		position: absolute;
		top: 74px;
		bottom: 23px;
		width: 100%;
	}
	.modal-close {
		top: 31px;
		right: 25px;
		fill: #2f2c2c;
		padding: 0;
		border-radius: 50px;
		stroke: #2f2c2c;
		stroke-width: 30;
	}
	.modal-close svg {
		padding: 5px;
	}
	.modal input, .modal select {
		margin-bottom: 18px;
	}
	.modal-card-divider {
		margin: 0 20px 30px;
	}
	.modal-card-divider-wrapper {
		font-size: 14px;
	}
	.modal-card-footer {
		position: absolute;
		z-index: 2;
		bottom: 0;
	}
	.modal-card-footer.btn {
		border-radius: 0;
	}
}
.is-clipped {
	height: 100%;
	overflow: hidden;
	width: 100%;
	position: fixed;
}
/* this is a fix the div need not exist JA?? */

#ajax_form, #ajax_form2, #ajax_form3, #ajax_form4 {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
}

/*------------- #MODALS - SLIDER --------------*/

.slider-wrapper {
  overflow: hidden;
}
.slider-wrapper .inner-wrapper {
  width: 300%;
  height: 100%;
  position: relative;
  left: -100%;
}
.slider-wrapper .inner-wrapper .slide {
  width: calc(100% / 3);
  height: 100%;
  float: left;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  position: relative;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
}

/*------------- #MODALS - EXPLAINER --------------*/

.explainer-wrapper {
	background-color: #fff;
	max-height: calc(100vh - 100px);
	position: relative;
	height: 800px;
}
.explainer-wrapper .explainer {
	height: 100%;
	overflow: hidden;
}
.explainer-wrapper .tick-wrapper {
	width: 130px;
	height: 130px;
	overflow: hidden;
	position: absolute;
	top: -13px;
	right: -13px;
	z-index: 1;
}
.explainer-wrapper .tick-wrapper span {
	position: absolute;
	display: block;
	width: 281px;
	padding: 26px 0;
	background-color: #4f9b7e;
	-webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, .05);
	box-shadow: 0 5px 10px rgba(0, 0, 0, .05);
	color: #fff;
	text-transform: uppercase;
	text-align: center;
	left: -46px;
	top: 31px;
	-webkit-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	transform: rotate(45deg);
}
.explainer-wrapper .tick-wrapper::before, .explainer-wrapper .tick-wrapper::after {
	position: absolute;
	z-index: -1;
	content: '';
	display: block;
	border: 7px solid #377d62;
	border-top-color: transparent;
	border-right-color: transparent;
}
.explainer-wrapper .tick-wrapper::before {
	top: -1px;
	left: 0;
}
.explainer-wrapper .tick-wrapper::after {
	bottom: 0;
	right: -1px;
}
.explainer-wrapper .tick-text {
	color: #fff;
	position: absolute;
	text-transform: uppercase;
	-webkit-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	transition: all 0.3s ease;
	transform: rotate(45deg);
	-webkit-transform: rotate(45deg);
	-moz-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	text-align: center;
	width: 113px;
	font-size: 15px;
	text-transform: uppercase;
	top: 14px;
	right: -23px;
	font-weight: 600;
	z-index: 2;
	line-height: 1.3em;
}
.explainer-wrapper .explainer .inner-wrapper {
  width: 400%;
  height: 100%;
  position: relative;
  left: -100%;
}
.explainer-wrapper .explainer .inner-wrapper .slide {
  width: calc(100% / 4);
  height: 100%;
  float: left;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  position: relative;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
.explainer-wrapper .explainer .explainer-top {
	background-color: #345a7a;
	position: relative;
	-ms-flex-preferred-size: 45%;
	flex-basis: 45%;
	width: 100%;
}
.explainer-wrapper .explainer .explainer-top img {
	height: 105%;
	position: absolute;
	left: 50%;
	-webkit-transform: translateX(-51%);
	-ms-transform: translateX(-51%);
	transform: translateX(-51%);
	bottom: -13%;
	max-width: unset;
}
.explainer-wrapper .explainer .explainer-bottom {
	padding: 0 10%;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	text-align: center;
	-ms-flex-preferred-size: 55%;
	flex-basis: 55%;
	width: 100%;
}
.explainer-wrapper .explainer .explainer-bottom-inner {
	padding-bottom: 60px;
}
.explainer-wrapper .explainer .explainer-bottom h3 {
	margin-bottom: 15px;
	font-weight: 600;
}
.explainer-wrapper .explainer .explainer-bottom p span {
	font-weight: 600;
	color: black
}
#modalguide .modal-card-footer.btn {
    background-color: #ffffff;
    color: transparent
}
#modalguide .modal-card-footer.btn.validated {
    background-color: #4f9b7e;
    color: #fff;	
}
.explainer-wrapper .explainer .coupon-reminder {
    position: fixed;
    text-align: left;
    width: 100%;
    color: #cbc8c8;
    margin-top: 10px;
    bottom: -8px;
    left: 13px;
}
.explainer-wrapper .explainer .star-rating {
    position: absolute;
    top: 10px;
    left: 10px;
}
.explainer-wrapper .explainer .star-rating i {
	background-color: #4f9b7e;
	margin-left: 3px;
	padding: 4px;
	font-size: 11px;
	color: #ffffff;
}
.explainer-wrapper .explainer .star-rating  p {
	margin-left: 3px;
	font-size: 13px;
	color: #ffffff;
}
.explainer-wrapper .explainer .coupon-reminder span {
	font-weight: 600;
	color: #fff;
}
.explainer-wrapper .explainer .explainer-button-wrapper {
	position: absolute;
	bottom: 27px;
	width: 100%;
	text-align: center;
	z-index: 7;
}
#slider-nav {
	position: relative;
}
#slider-nav .button.prev, #slider-nav .button.next {
	cursor: pointer;
	border-radius: 10px;
	padding: 15px 20px;
	border: none;
	background: rgba(255, 255, 255, 0.1);
	color: #fff;
	-webkit-transition: all ease-in-out .1s;
	-o-transition: all ease-in-out .1s;
	transition: all ease-in-out .1s;
	position: absolute;
	margin-top: 21%;
	opacity: .5;
	font-size: 16px;
	z-index: 1;
}
#slider-nav  .prev {
	left: 30px
}
#slider-nav .next {
	right: 30px
}
#slider-nav button:hover {
	opacity: 1;
}
@media screen and (max-width: 570px) {
	#slider-nav .button {
		display: none;
	}
	.explainer-wrapper {
		max-height: unset;
		height: 100%;
		overflow: hidden; 
	}
	.explainer-wrapper .explainer .explainer-top {
		min-height: unset;
		-ms-flex-preferred-size: 35%;
		flex-basis: 35%;
	}
	.explainer-wrapper .explainer .explainer-top img {
		bottom: -11%;
		height: 91%;
	}
	.explainer-wrapper .explainer .explainer-bottom {
		-ms-flex-preferred-size: 65%;
		flex-basis: 65%;
		padding: 20px;
	}	
	.explainer-wrapper .explainer .explainer-bottom h3 {
		margin-bottom: 10px;
		line-height: 1.1em;
		font-weight: 700;		
	}		
	.explainer-wrapper .explainer .coupon-reminder {
		bottom: -5px;
		color: #6a6a6a;
	}	
	.explainer-wrapper .explainer .coupon-reminder span {
		color: black;
	}
	#modalguide .modal-card-footer.btn {
		background-color: transparent;
	}	
}
@media screen and (max-width: 768px) {
	.explainer-wrapper .explainer .explainer-button-wrapper .btn {
		padding: 20px 40px;
	}			
}
@media screen and (max-width: 320px) {	
	.explainer-wrapper .explainer .explainer-bottom h3 {
		margin-bottom: 10px;
		font-size: 23px;
	}
	.explainer-wrapper .explainer .coupon-reminder {
		font-size: 13px;
		margin-top: 14px;
	}
}
@media (max-height: 900px) and (min-width: 571px) { 
	.explainer-wrapper .explainer .explainer-button-wrapper {
		bottom: 20px
	}	
	.explainer-wrapper .explainer .explainer-bottom h3 {
		font-size: 34px;
		margin-bottom: 5px;
	}		
	.modal-card.small {
		width: 730px !important;
	}		
}
@media (max-height: 700px) and (min-width: 571px) { 
	.explainer-wrapper .explainer .explainer-top {
		min-height: unset;
		-ms-flex-preferred-size: 35%;
		flex-basis: 35%;
	}
	.explainer-wrapper .explainer .explainer-top img {
		bottom: -27px;
		height: 110%;
	}
	.explainer-wrapper .explainer .explainer-bottom {
		-ms-flex-preferred-size: 65%;
		flex-basis: 65%;
	}		
}
@media (min-height: 800px) and (max-width: 570px) { 
	.explainer-wrapper .explainer .explainer-bottom h3 {
		margin-bottom: 20px;
		font-size: 32px;
	}
	.explainer-wrapper .explainer .explainer-bottom-inner {
		padding-bottom: 100px;
	}		
	.explainer-wrapper .explainer .explainer-bottom-inner p {
		font-size: 16px
	}
}
/*------------- #MODALS - OPTIONS ACCORDIAN --------------*/

.modal-question {
	position: relative;
}
.modal-accordion-wrapper {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: horizontal;
	-webkit-box-direction: normal;
	-ms-flex-direction: row;
	flex-direction: row;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	margin: 0 -15px 60px;
}
.modal-accordion-head-wrapper {
	-ms-flex-preferred-size: 0;
	flex-basis: 0;
	-webkit-box-flex: 1;
	-ms-flex-positive: 1;
	flex-grow: 1;
	padding: 0 15px;
	position: relative;
}
.modal-accordion-head-wrapper img {
	width: 90px;
	margin: 0 auto -5px;
	-webkit-filter: drop-shadow(1px 1px 0 rgba(255, 255, 255, 0.2)) drop-shadow(-1px -1px 0 rgba(255, 255, 255, 0.2));
	filter: drop-shadow(1px 1px 0 rgba(255, 255, 255, 0.2)) drop-shadow(-1px -1px 0 rgba(255, 255, 255, 0.2));
}
.modal-accordion-head {
	cursor: pointer;
	-webkit-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	transition: all 0.3s ease;
	display: block;
	overflow: hidden;
	min-height: 75px;
	background-color: #4f9b7e;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	text-align: center;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
	border-radius: 10px;
	padding: 15px 0;
}
.modal-accordion-head:after {
	content: "";
	position: absolute;
	-webkit-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	transition: all 0.3s ease;
	left: 19px;
	bottom: -9px;
	width: 82%;
	height: 10px;
	background: #4f9b7e;
	-webkit-clip-path: polygon(0 0, 100% 0, 50% 100%);
	clip-path: polygon(0 0, 100% 0, 50% 100%);
	width: calc(100% - 38px);
}
.modal-accordion-head.collapsed {
	background-color: #f9f9f9;
	border-radius: 10px;
	min-height: 65px;
	margin-top: 5px;
	padding: 10px 0;
}
.modal-accordion-head.collapsed:after {
	-webkit-clip-path: polygon(0 0, 100% 0, 50% 0);
	clip-path: polygon(0 0, 100% 0, 50% 0);
	background: #f9f9f9;
	bottom: -4px;
}
.modal-accordion-head h5 {
	font-size: 16px;
	color: #ffffff;
	-webkit-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	transition: all 0.3s ease;
	font-weight: 600;
	position: relative;
	text-align: center;
	min-height: 41px;
	padding: 0 5px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
}
.modal-accordion-head.collapsed h5 {
	color: #6a6a6a;
}
@media screen and (min-width: 571px) {
	.modal-accordion-head.collapsed:hover {
		background-color: #4f9b7e;
	}
	.modal-accordion-head.collapsed:hover h5 {
		color: #fff;
	}
}
@media screen and (max-width: 570px) {
	.modal-accordion-wrapper {
		margin: 0 -4px 40px;
	}
	.modal-accordion-head-wrapper {
		padding: 0 4px;
	}
	.modal-accordion-head:after {
		left: 8px;
		width: calc(100% - 16px);
		bottom: -9px;
	}
	.modal-accordion-head-wrapper img {
		width: 54px;
		margin: 0 auto;
	}
}

/*------------- #MODALS - SPLASH/CHECKING MODAL --------------*/

#modallocked {
	z-index: 104
}
#modallocked .modal-card-wrapper {
	position: relative;
}
#modallocked .modal-card {
	border-radius: 5px;
	overflow: hidden;
}
#modallocked .modal-card-advice-body {
	height: 100%;
	background: #fff;
	padding: 65px 55px 20px 380px;
}
#modallocked .modal-card-advice-body div {
	margin-top: 20px;
}
#modallocked .modal-below {
	text-align: right;
	margin-top: 15px;
}
#modallocked .modal-below a {
	color: #ffffff;
	margin-right: 20px
}
#modallocked .modal-below a:hover {
	color: #c1cfd3;
}
#modallocked .splash-will-img {
    height: 450px;
    position: absolute;
    left: -40px;
    top: -50px;
    z-index: 102;
}
#modallocked .splash-glass {
	height: 269px;
	position: absolute;
	left: 0;
	bottom: -10px;
	z-index: 103;
	-webkit-animation: myOrbit 6s linear infinite;
	-moz-animation: myOrbit 6s linear infinite;
	-o-animation: myOrbit 6s linear infinite;
	animation: myOrbit 6s linear infinite;
}
@-webkit-keyframes myOrbit {
	from {
		-webkit-transform: rotate(0deg) translateX(5px) rotate(0deg);
	}
	to {
		-webkit-transform: rotate(360deg) translateX(5px) rotate(-360deg);
	}
}
@-moz-keyframes myOrbit {
	from {
		-moz-transform: rotate(0deg) translateX(15px) rotate(0deg);
	}
	to {
		-moz-transform: rotate(360deg) translateX(5px) rotate(-360deg);
	}
}
@-o-keyframes myOrbit {
	from {
		-o-transform: rotate(0deg) translateX(5px) rotate(0deg);
	}
	to {
		-o-transform: rotate(360deg) translateX(5px) rotate(-360deg);
	}
}
@keyframes myOrbit {
	from {
		transform: rotate(0deg) translateX(5px) rotate(0deg);
	}
	to {
		transform: rotate(360deg) translateX(5px) rotate(-360deg);
	}
}
#modallocked .modal-card-footer.btn {
	height: 0;
	padding: 0;
}
#modallocked .modal-card-footer.validated {
	height: unset;
	padding: 25px 20px;
}
@media screen and (max-width: 768px) {
	#modallocked .modal-card {
		width: 95%;
		margin: 0 auto;
		position: relative;
		left: unset;
		right: unset;
		top: unset;
		bottom: unset;
		max-width: 372px;
	}
	#modallocked .modal-card-advice-body {
		padding: 50px 25px 35px;
		text-align: center;
	}
	#modallocked .modal-card-advice-body h3 {
		text-align: right;
		font-size: 26px;
		width: 200px;
		margin-left: auto;
	}	
	#modallocked .modal-card-advice-body div {
		margin-top: 35px;
	}	
	#modallocked .modal-card-advice-body .advice-body-left {
		padding: 15px 20px 40px !important;
	}
	#modallocked .splash-will-img {
		left: 3%;
		height: 184px;
		top: -43px;
	}
	#modallocked .splash-glass {
		left: 5%;
		top: 33px;
		height: 105px;
	}
	#modallocked .modal-below {
		text-align: center;
		padding-left: 20px;
	}
}
@media screen and (min-width: 769px) {
	#modallocked .modal-card {
		width: 740px;
		height: 350px;
		border-radius: 118px 15px 15px 200px;
	}
	#modallocked .modal-card-footer.validated {
		padding: 35px 20px;
	}
}

/*------------- #MODALS - CONTACT ACCORDIAN --------------*/

.modal-card-body .add-dropdown-header {
	text-align: center;
	position: relative;
	width: 100%;
	z-index: 1;
	margin-top: -10px;
}
.modal-card-body .add-dropdown-header:before {
	display: block;
	content: '';
	position: absolute;
	height: 1px;
	left: 10px;
	top: 65%;
	z-index: -1;
	right: 10px;
    border-top: 1px solid #f4f5f7;	
}
.modal-card-body .add-dropdown-button {
	display: inline-block;
	background-color: #ffffff;
	padding: 0 15px;
	-webkit-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	transition: all 0.3s ease;
	font-weight: 600;
	position: relative;
	color: #817a7a;
	font-size: 14px;
	max-width: 80%;
}
.modal-card-body .add-dropdown .show+.add-dropdown-header, .modal-card-body .add-dropdown .collapsing+.add-dropdown-header {
	opacity: 0;
}
.modal-card-body .add-dropdown-button span {
	color: #2f2c2c;
	cursor: pointer;
}
@media screen and (max-width: 570px) {
	.modal-card-body .add-dropdown-button {
		margin-top: 10px;
		max-width: unset;
		padding: 5px;
	}
}
.modal-card-body .friend-text {
	margin: 0 5px 30px
}
/*------------- .mODALS - ADVICE MODAL --------------*/

.modaladvice .modal-card {
	overflow: hidden;
}
.modaladvice .modal-card-advice-body {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: horizontal;
	-webkit-box-direction: normal;
	-ms-flex-flow: row wrap;
	flex-flow: row wrap;
    overflow: hidden;	
    height: calc(100vh - 150px);	
}
.modaladvice .modal-card-advice-body .advice-body-right {
    height: 100%;	
	-ms-flex-preferred-size: 35%;
	flex-basis: 35%;
	padding: 50px 5%;
	-webkit-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	transition: all 0.3s ease;
	background-color: #345a7a;
	background: -webkit-linear-gradient(#345a7a 20%, #274965);
	background: -o-linear-gradient(#345a7a 20%, #274965);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(20%, #345a7a), to(#274965));
	background: linear-gradient(#345a7a 20%, #274965);
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-flow: column;
	flex-flow: column;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	overflow: auto;
}
.modaladvice .modal-card-advice-body .advice-body-right .advice-intro {
	color: #fff
}
.modaladvice .modal-card-advice-body.intro .advice-body-right .advice-intro {
	opacity: 0;
}
.modaladvice .modal-card-advice-body .advice-body-right .advice-box-wapper {
	margin-top: 20px;
	-ms-flex-item-align: end;
	align-self: flex-end;
}
.modaladvice .modal-card-advice-body .advice-body-right .advice-box {
	margin-top: 50px;
	position: relative;
}
.modaladvice .modal-card-advice-body .advice-body-right .advice-box h5 {
	color: #fff;
	background: #3a5f7f;
	padding: 15px 20px;
	border-radius: 5px 5px 0 0;
}
.modaladvice .modal-card-advice-body .advice-body-right .advice-box-content {
	color: #fff;
	background: #345a7a;
	padding: 15px 20px;
	font-size: 14px
}
.modaladvice .modal-card-advice-body .advice-body-left {
    height: 100%;	
	padding: 50px 5%;
	-ms-flex-preferred-size: 65%;
	flex-basis: 65%;
	position: relative;
	overflow-x: auto;
	background: #fff;
	-webkit-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	transition: all 0.3s ease;
}
.modaladvice .modal-card-advice-body .advice-body-right .input-container:first-child {
	margin-top: 40px
}
.modaladvice .modal-card-advice-body .advice-body-left .advice-intro {
	position: absolute;
	left: 10%;
	right: 10%;
	top: 10%;
	-webkit-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	transition: all 0.3s ease;
	opacity: 0;
}
.modaladvice .modal-card-advice-body.intro .advice-body-left .advice-intro {
	opacity: 1;
	z-index: 2;
}
.modaladvice .modal-card-advice-body .advice-body-left .advice-intro h6 {
	margin-bottom: 20px;
	color: #4f9b7d;
	font-style: italic;
}
.modaladvice .modal-card-advice-body .advice-body-left .advice-intro ol {
	margin: 20px 0;
	color: #2f2c2c;
	font-style: italic;
}
.modaladvice .modal-card-advice-body .advice-body-left .advice-intro ol li {
	display: list-item;
	list-style-type: decimal;
}
.modaladvice .modal-card-advice-body .advice-body-left .advice-intro .button-wrapper {
	margin-top: 50px;
}
.modaladvice .modal-card-advice-body.intro .advice-body-left #accordionAdvice {
	opacity: 0
}
.modaladvice .modal-card-advice-body .advice-body-left .advice-card {
	border-top: 1px solid #f4f5f7;
}
.modaladvice .modal-card-advice-body .advice-body-left .advice-card:first-child {
	border-top: none;
}
.modaladvice .modal-card-advice-body .advice-body-left .advice-card-header {
	position: relative;
}
.modaladvice .modal-card-advice-body .advice-body-left .advice-card-header .advice-card-btn {
	cursor: pointer;
}
.modaladvice .modal-card-advice-body .advice-body-left .advice-card-header h5 {
	text-transform: capitalize;
	font-weight: 600;
	padding: 45px 0 10px 0;
	font-family: "Vollkorn", serif;
	-webkit-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	transition: all 0.3s ease;
	position: relative;
}
.modaladvice .modal-card-advice-body .advice-body-left .advice-card-header h5:before {
	color: #2f2c2c;
	content: "\f35a";
	font-size: 18px;
	left: -2px;
	position: absolute;
	font-weight: 600;
	font-family: 'Font Awesome 5 Free';
	opacity: 1;
	-webkit-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	transition: all 0.3s ease;
	margin-top: 1px;
}	
.modaladvice .modal-card-advice-body .advice-body-left .advice-card-header .collapsed h5:before {
	opacity: 0;
}
.modaladvice .modal-card-advice-body .advice-body-left .advice-card-header h5 {
	padding-left: 30px;
}	
.modaladvice .modal-card-advice-body .advice-body-left .advice-card-header .collapsed h5 {
	padding-left: 0
}
.modaladvice .modal-card-advice-body .advice-body-left .advice-card-header h6, .modaladvice .modal-card-advice-body .advice-body-left .advice-card-header .status .btn {
	color: #ffffff;
	text-transform: capitalize;
	padding: 12px 5px;
	font-size: 16px;
	font-weight: 600;
	display: inline-block;
	margin-bottom: 10px;
	text-align: center;
	position: absolute;
	right: 0;
	top: 11px;
	width: 150px;
	border-radius: 5px;
}
.modaladvice .modal-card-advice-body .advice-body-left .advice-card-header h6 {
	opacity: 1;
	margin-bottom: 10px;
	background: #3a8497;
}
.modaladvice .modal-card-advice-body .advice-body-left .advice-card-header .status .btn {
	opacity: 0;
	line-height: 1.3;
	border-radius: 5px;
	z-index: 2;
}
.modaladvice .modal-card-advice-body .advice-body-left .advice-card-header .collapsed .status .btn {
	opacity: 1;
}
.modaladvice .modal-card-advice-body .advice-body-left .advice-card-body {
	padding: 10px 0 20px;
	position: relative;
}
.modaladvice .modal-card-advice-body .advice-body-left .advice-option-wrapper {
	margin-top: 40px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between
}
.modaladvice .modal-card-advice-body .advice-body-left .advice-option-wrapper .input-option-big {
	background-color: #fbfbfb;
}
.modaladvice .modal-card-advice-body .advice-body-left .advice-option-wrapper .input-option-big .tick {
	color: #fbfbfb;
}
.modaladvice .modal-card-advice-body .advice-body-left .advice-option-wrapper .input-option-big:first-child {
	-ms-flex-preferred-size: 430px;
	flex-basis: 380px;
	margin-right: 20px;
}
.modaladvice .modal-card-advice-body .advice-body-left .advice-option-wrapper .input-option-big:first-child .input-option-inner-wrapper {
	-ms-flex-preferred-size: auto;
	flex-basis: auto;
	padding: 30px;
}
.modaladvice .modal-card-advice-body .advice-body-left .advice-option-wrapper .input-option-big:nth-child(2) {
	-ms-flex-preferred-size: auto;
	flex-basis: auto;
}
.modaladvice .modal-card-advice-body .advice-body-left .advice-option-wrapper .input-option-big:nth-child(2) .image-wrapper {
	-ms-flex-preferred-size: 25%;
	flex-basis: 25%;
	margin-left: 30px
}
.modaladvice .modal-card-advice-body .advice-body-left .advice-option-wrapper .input-option-big:nth-child(2) .input-option-inner-wrapper {
	-ms-flex-preferred-size: 75%;
	flex-basis: 75%;
	padding: 30px;
}
.modaladvice .modal-card-advice-body .advice-body-left .advice-option-wrapper .label {
	padding-left: 35px;
}
.modaladvice .modal-card-footer.btn {
	height: 0;
	padding: 0;
}
.modaladvice .modal-card-footer.validated {
	height: unset;
	padding: 25px 20px;
}
.modaladvice.validated .modal-card-advice-body .advice-body-right {
	display: none;
}
.modal-advice .modal-card-advice-body .advice-body-right .advice-box-wapper {
	margin-top: 20px;
	-ms-flex-item-align: end;
	align-self: flex-end;
}
.modal-advice .modal-card-advice-body .advice-body-right .advice-box {
	margin-top: 50px;
	position: relative;
}
.modal-advice .modal-card-advice-body .advice-body-right .advice-box h5 {
	color: #fff;
	background: #3a5f7f;
	padding: 15px 20px;
	border-radius: 5px 5px 0 0;
}
.modal-advice .modal-card-advice-body .advice-body-right .advice-box-content {
	color: #fff;
	background: #345a7a;
	padding: 15px 20px;
	font-size: 14px
}

.modaladvice.validated .modal-card-advice-body .advice-body-left {
	-ms-flex-preferred-size: 100%;
	flex-basis: 100%;
}
@media screen and (max-width: 570px) {
	.modaladvice .modal-card-advice-body {
		height: 100vh;	
	}	
	.modaladvice .modal-card-advice-body .advice-body-left .advice-card-header h6, .modaladvice .modal-card-advice-body .advice-body-left .advice-card-header .status .btn {
		padding: 6px 3px;
		font-size: 12px;
		width: 90px;
		top: 4px;
	}
	.modaladvice .modal-card-advice-body .advice-body-left .advice-card-header h5 {
		padding: 20px 0 10px 25px;
	}
	.modaladvice .modal-card-advice-body .advice-body-left .advice-card-header .collapsed h5 {
		padding: 20px 0 10px 0;
	}	
	.modaladvice .modal-card-advice-body .advice-body-left .advice-card-header h5:before {
		margin-top: -3px;
	}	
	.modaladvice .modal-card-advice-body .advice-body-left .advice-option-wrapper .input-option-big:nth-child(2) .image-wrapper {
		display: none;
	}
	.modaladvice .modal-card-advice-body .advice-body-left .advice-option-wrapper {
		margin-top: 20px;
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		-ms-flex-flow: column wrap;
		flex-flow: column wrap;
		justify-content: space-between
	}
	.modaladvice .modal-card-advice-body .advice-body-left .advice-option-wrapper .input-option-big:first-child, .modaladvice .modal-card-advice-body .advice-body-left .advice-option-wrapper .input-option-big:nth-child(2) {
		-ms-flex-preferred-size: 100%;
		flex-basis: 100%;
		margin-right: 0;
		text-align: left;		
	}
	.modaladvice .modal-card-advice-body .advice-body-left .advice-option-wrapper .input-option-big:first-child .input-option-inner-wrapper, .modaladvice .modal-card-advice-body .advice-body-left .advice-option-wrapper .input-option-big:nth-child(2) .input-option-inner-wrapper {
		padding: 15px 20px;
		width: 100%;
	}
}
@media screen and (max-width: 768px) {
	.modaladvice .modal-card-advice-body .advice-body-right {
		display: none;
	}
	.modaladvice .modal-card-advice-body .advice-body-left {
		-ms-flex-preferred-size: 100%;
		flex-basis: 100%;
		padding: 15px 20px 40px !important;
	}
	.modaladvice .modal-card-advice-body .advice-body-left .advice-option-wrapper .input-option-big:first-child .letter, .modaladvice .modal-card-advice-body .advice-body-left .advice-option-wrapper .input-option-big:nth-child(2) .letter {
		display: inline-block;		
	}		
	.modaladvice .modal-card-advice-body .advice-body-left .advice-card-body-content {
		font-size: 13px;
	}
}
@media screen and (min-width: 571px) {
	.modaladvice .modal-card {
		width: 100%;
		overflow: hidden;
		max-width: 1700px;
	}
	.modaladvice .modal-card-advice-body .advice-body-left.advice {
		background-image: url(../img/advice-modal.png);
		background-position: bottom left;
		background-size: 400px auto;
		background-repeat: no-repeat;
		background-origin: padding-box;
		background-clip: border-box;
	}
	.modaladvice .modal-card-advice-body .advice-body-left.broker {
		background-image: url(../img/broker-send-modal.png);
		background-size: 250px auto;
		background-position: bottom left;
		background-repeat: no-repeat;
		background-origin: padding-box;
		background-clip: border-box;				
	}
	.modaladvice .modal-card-footer.validated {
		padding: 35px 20px;
	}
}
@media (max-height: 900px) {
	.modaladvice .modal-card-advice-body .advice-body-right .advice-box {
		margin-top: 20px;
		position: relative;
	}
	.modaladvice .modal-card-advice-body .advice-body-right {
		padding: 20px 30px;
	}
	.modaladvice .modal-card-advice-body .advice-body-right .input-standard-grey, 	.modaladvice .modal-card-advice-body .advice-body-right .nice-select {
		margin-bottom: 15px
	}		
	.modaladvice .modal-card-advice-body .advice-body-left {
		padding: 20px 3%;
	}
	.modaladvice .modal-card-advice-body .advice-body-left {
		background-image: none !important;
	}
	.modaladvice .modal-card-advice-body .advice-body-left .advice-intro {
		left: 5%;
		right: 5%;
		top: 5%;
	}
	.modaladvice .modal-card-advice-body .advice-body-left .advice-intro .button-wrapper {
		margin: 35px 0 20px;
		margin-right: 20px;
	}
}

/*------------- Modal Advice NEW --------------*/

/* Modal Mechanics */

:root {
 --max-size: 85vh;
}

.modal-advice .modal-card {
	overflow: visible !important;
}
.modal-advice .modal-card-advice-body {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: horizontal;
	-webkit-box-direction: normal;
	-ms-flex-flow: row wrap;
	flex-flow: row wrap;
	height: 85vh;
	justify-content: flex-end;
	position: relative;
}
.modal-advice .modal-card-advice-body .advice-body-menu {
    background-color: #345a7a;
    background: linear-gradient(#1f415d, #345a7a);
    position: relative;
    flex-direction: column;
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 35%;
    overflow: auto;
}
.modal-advice .modal-card-advice-body .advice-body-left {
    height: 100%;
    -ms-flex-preferred-size: 85%;
    flex-basis: 85%;
    position: relative;
    background: #ffffff;
    -webkit-transition: all 0.6s ease;
    -o-transition: all 0.6s ease;
    transition: all 0.6s ease;
    z-index: 2;
}
.modal-advice .moal-card-advice-body .advice-body-left {
	background-image: url(https://i.ibb.co/mJxpbWK/advice-modal.png);
	background-position: bottom right;
	background-size: 100% auto;
	background-repeat: no-repeat;
	background-origin: padding-box;
	background-clip: border-box;
}
.modal-advice .modal-card-advice-body .advice-body-left:before {
	position: absolute;
	left: 0;
	bottom:0;
	height: 40%;
	width: 100vw;
	max-width: 100%;
	background-image: url(https://i.ibb.co/mJxpbWK/advice-modal.png);
	background-repeat: no-repeat;
	background-position: center;
	content: "";
	background-size: cover;
	-webkit-transition: all .3s ease;
	-o-transition: all .3s ease;
	transition: all .3s ease;
	z-index: 3;
    opacity: 0;	
}
.modal-advice .modal-card-advice-body.menu .advice-body-left:before {
	opacity: 0.5;
}
.modal-advice .modal-card-advice-body .advice-body-right {
    -ms-flex-preferred-size: 15%;
    flex-basis: 15%;
    background-color: #345a7a;
    background: linear-gradient(#1f415d, #345a7a);
    position: relative;
    z-index:1;
    overflow: hidden;
    -webkit-transition: all .6s ease;
    -o-transition: all .6s ease;
    transition: all .6s ease;
    padding: 40px;
}
.modal-advice .modal-card-advice-body .advice-body-right:before {
	position: absolute;
	content: "";
	top: -9px;
	right: 0;
	width: 300px;
	height: 32%;
	background-color: transparent;
	background-image: radial-gradient(#254865 6px, transparent 6px);
	background-size: 30px 30px;
	z-index: 0;
}
.modal-advice .modal-card-advice-body.menu .advice-body-right {
    -ms-flex-preferred-size: 0;
    flex-basis: 0;
    padding: 0;
}
.modal-advice .modal-card-advice-body.menu .advice-body-left {
    -ms-flex-preferred-size: 65%;
    flex-basis: 65%;
}

/* Advice Menu */

.modal-advice .modal-card-advice-body .advice-center-heading {
	position: absolute;
	color: #fff;
	font-size: 30px;
	left: -25px;
	width: 300px;
	height: 70px;
	text-align: center;
	line-height: 70px;
	padding-left: 10px;
	-webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, .05);
	box-shadow: 0 5px 10px rgba(0, 0, 0, .05);
	top: 50px;
	z-index: 2;
	background-color: #3a5f7f;
}
.modal-advice .modal-card-advice-body .advice-center-heading:after {
	position: absolute;
	content: '';
	display: block;
	left: 0px;
	bottom: -26px;
	border: 13px solid;
	border-color: #294862;
	border-bottom-color: transparent;
	border-left-color: transparent;
}
.modal-advice .modal-card-advice-body .tick-wrapper {
	width: 195px;
	height: 195px;
	overflow: hidden;
	position: absolute;
	top: -25px;
	left: -25px;
	z-index: 5;
}
.modal-advice .modal-card-advice-body .tick-wrapper span {
	position: absolute;
	display: block;
	width: 370px;
	padding: 35px 0;
	background-color: #345a7a;
	-webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, .05);
	box-shadow: 0 5px 10px rgba(0, 0, 0, .05);
	color: #fff;
	text-transform: uppercase;
	text-align: center;
	left: -86px;
	top: 11px;
	-webkit-transform: rotate(-45deg);
	-ms-transform: rotate(-45deg);
	transform: rotate(-45deg);
}
.modal-advice .modal-card-advice-body .tick-wrapper::before, .modal-advice .modal-card-advice-body .tick-wrapper::after {
	position: absolute;
	z-index: -1;
	content: '';
	display: block;
	border: 13px solid #1f3b52;
	border-top-color: transparent;
	border-left-color: transparent;
}
.modal-advice .modal-card-advice-body .tick-wrapper::before {
	top: -1px;
	right: 0;
}
.modal-advice .modal-card-advice-body .tick-wrapper::after {
	bottom: 0;
	left: -1px;
}
.modal-advice .modal-card-advice-body .tick-text {
	color: #ffffff;
	position: absolute;
	text-transform: uppercase;
	-webkit-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	transition: all 0.3s ease;
	transform: rotate(45deg);
	-webkit-transform: rotate(-45deg);
	-moz-transform: rotate(-45deg);
	-ms-transform: rotate(-45deg);
	text-align: center;
	width: 113px;
	font-size: 34px;
	text-transform: uppercase;
	top: 32px;
	left: -16px;
	font-weight: 600;
	z-index: 6;
	line-height: 1.3em;
}
.modal-advice .modal-card-advice-body .advice-body-menu .advice-intro	 {
	padding: 13vh 9% 15px 10%;
	color: white;
	width: 100%;
	font-size: 17px;
}
.modal-advice .modal-card-advice-body .advice-body-menu .advice-intro .advice-intro-name {
	padding-bottom: 5%;
	color: white;
}
.modal-advice .modal-card-advice-body .advice-body-menu .advice-box-wrapper {
	margin-top: auto;
	width: 100%;
}
.modal-advice .modal-card-advice-body .advice-body-menu .advice-box-wrapper .advice-box {
	position: relative;
	padding: 0 10%;
	margin-bottom: 5vh;
}
.modal-advice .modal-card-advice-body .advice-body-menu .advice-box-wrapper .advice-box h5 {
	color: #fff;
	background: #375d7d;
	padding: 5% 6% 5% 8%;
	border-radius: 5px 5px 0 0;
}
.modal-advice .modal-card-advice-body .advice-body-menu .advice-box-wrapper .advice-box .advice-box-content {
	background: #345a7a;
	padding: 5% 6% 5% 8%;
}
.modal-advice .modal-card-advice-body .advice-body-menu .advice-box-wrapper .advice-box .advice-box-content .advice-box-text {
	color: #fff;
	font-size: 14px;
}
.modal-advice .modal-card-advice-body .advice-body-menu .advice-box-wrapper .advice-box .advice-box-content .advice-box-logos {
	flex-direction: row
}
.modal-advice .modal-card-advice-body .advice-body-menu .advice-box-wrapper .advice-box .advice-box-content .advice-box-logo-container {
	-ms-flex-preferred-size: 50%;
	flex-basis: 50%;
	padding: 8% 3% 3%;
	text-align: center
}
/* Advice Cards */

.modal-advice .modal-card-advice-body .advice-body-left .advice-card-wrapper {
  will-change: width, left, z-index, height;
  position: absolute;
  width: 20%;
  height: 100%;
  overflow: hidden;
  cursor: pointer;
  -webkit-transition: all .6s ease;
  -o-transition: all .6s ease;
  transition: all .6s ease;
  z-index: 3;
  opacity: 0;
}
.modal-advice .modal-card-advice-body .advice-body-left .advice-card-wrapper.not-selected:nth-child(even) {
  background: #ffffff;
}
.modal-advice .modal-card-advice-body .advice-body-left .advice-card-wrapper.not-selected:nth-child(odd) {
  background: #fafafa;
}
.modal-advice .modal-card-advice-body.menu .advice-body-left .advice-card-wrapper {
  opacity: 1;
}
.modal-advice .modal-card-advice-body .advice-body-left .advice-card-wrapper.selected {
  opacity: 1;
}
.modal-advice .modal-card-advice-body .advice-body-left .advice-card-wrapper:nth-child(1) {
  left: 0;
}
.modal-advice .modal-card-advice-body .advice-body-left .advice-card-wrapper:nth-child(2) {
  left: 20%;
}
.modal-advice .modal-card-advice-body .advice-body-left .advice-card-wrapper:nth-child(3) {
  left: 40%;
}
.modal-advice .modal-card-advice-body .advice-body-left .advice-card-wrapper:nth-child(4) {
  left: 60%;
}
.modal-advice .modal-card-advice-body .advice-body-left .advice-card-wrapper:nth-child(5) {
  left: 80%;
}
.modal-advice .modal-card-advice-body .advice-body-left .advice-card-wrapper.selected {
  width: 100%;
  top: 0 !important;
  left: 0 !important;
  z-index: 15;
  cursor: default;
  overflow: visible;
}
.modal-advice .modal-card-advice-body .advice-body-left .advice-card-wrapper.not-selected:hover .advice-title h1 {
    transform: translateX(10px);
}
.modal-advice .modal-card-advice-body .advice-body-left .advice-card-wrapper.not-selected .advice-title {
    margin-bottom: 0;
}
.modal-advice .modal-card-advice-body .advice-body-left .advice-card-wrapper.not-selected .advice-title h1 {
    font-size: 3vh;
    color: transparent;
}
.modal-advice .modal-card-advice-body .advice-body-left .advice-card-wrapper.not-selected .advice-title h1 span {
	color: #2f2c2c;
	display: block;
	position: relative;
}
.modal-advice .modal-card-advice-body .advice-body-left .advice-card-wrapper.not-selected .advice-title h1 span:before {
	position: absolute;
	top: -100%;
	font-family: "Muli", "Helvetica Neue", Helvetica, sans-serif;
	font-size: 2vh;
	color: #9a9a9a;
	font-weight: 400;
}
.modal-advice .modal-card-advice-body .advice-body-left .advice-card-wrapper.not-selected:first-child .advice-title h1 span:before {
	content: 'RECOMMENDATION 1';
}
.modal-advice .modal-card-advice-body .advice-body-left .advice-card-wrapper.not-selected:nth-child(2) .advice-title h1 span:before {
	content: 'RECOMMENDATION 2';
}
.modal-advice .modal-card-advice-body .advice-body-left .advice-card-wrapper.not-selected:nth-child(3) .advice-title h1 span:before {
	content: 'RECOMMENDATION 3';
}
.modal-advice .modal-card-advice-body .advice-body-left .advice-card-wrapper.not-selected:nth-child(4) .advice-title h1 span:before {
	content: 'RECOMMENDATION 4';
}
.modal-advice .modal-card-advice-body .advice-body-left .advice-card-wrapper.not-selected:nth-child(5) .advice-title h1 span:before {
	content: 'RECOMMENDATION 5';
}
.modal-advice .modal-card-advice-body .advice-body-left .advice-card-wrapper.not-selected:nth-child(6) .advice-title h1 span:before {
	content: 'RECOMMENDATION 6';
}
.modal-advice .modal-card-advice-body .advice-body-left .advice-card-wrapper.not-selected:nth-child(7) .advice-title h1 span:before {
	content: 'RECOMMENDATION 7';
}
.modal-advice .modal-card-advice-body .advice-body-left .advice-card-wrapper.not-selected:nth-child(8) .advice-title h1 span:before {
	content: 'RECOMMENDATION 8';
}
.modal-advice .modal-card-advice-body .advice-body-left .advice-card-wrapper.selected .advice-step-wrapper {
    opacity: 1;
    height: 100%;
    overflow: visible;
}
.modal-advice .modal-card-advice-body .advice-body-left .advice-card-wrapper.selected .advice-card {
    padding-top: 5%;
}
.modal-advice .modal-card-advice-body .advice-body-left .advice-card {
    height: 100%;
    -webkit-transition: all 0.6s ease;
    -o-transition: all 0.6s ease;
    transition: all 0.6s ease;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-pack: distribute;
    padding: 0px;
    z-index:2;
}
.modal-advice .modal-card-advice-body .advice-body-left .advice-title {
	width: 100%;
	padding: 0 6%;
	height: 20%;
	height: calc(var(--max-size) / var(--data-x));
	justify-content: space-between;
}
.modal-advice .modal-card-advice-body .advice-body-left .advice-title h1 {
	font-size: 50px;
	line-height: 1.2;
	font-weight: 400;
	-webkit-transition: all .3s ease;
	-o-transition: all .3s ease;
	transition: all .3s ease;
	flex-basis: 70%;
	padding-top: 3vh;
}
.modal-advice .modal-card-advice-body .advice-body-left .advice-title h1 span{
	font-weight: 600;
}
.modal-advice .modal-card-advice-body .advice-body-left .advice-img {
	font-size: 18px;
	line-height: 1.2;
	font-weight: 400;
	-webkit-transition: all .3s ease;
	-o-transition: all .3s ease;
	transition: all .3s ease;
	flex-basis: 25%;
	background-color: #345a7a;
	height: 65%;
	color: white;
	text-align: center;
	border-radius: 2px;
	display: table;
	position: relative;
	max-width: 135px;
	overflow: hidden;
	width: 100%;
}
.modal-advice .modal-card-advice-body .advice-body-left .advice-card-wrapper.not-selected .advice-img:before {
	position: absolute;
	top: 0;
	right: 0;
	width: 100%;
	height: 100%;
	display:flex;
	flex-direction:row;
	align-items: center;
	justify-content: center;
	content: "Please Make Selection";	
}
.modal-advice .modal-card-advice-body .advice-body-left .advice-card-wrapper.not-selected .advice-img.requested:before {
	content: "Advice Requested";
}
.modal-advice .modal-card-advice-body .advice-body-left .advice-card-wrapper.not-selected .advice-img.declined:before {
	content: "No Advice Requested";
}
.modal-advice .modal-card-advice-body .advice-body-left .advice-card-wrapper.not-selected .advice-img.requested:hover:before,
.modal-advice .modal-card-advice-body .advice-body-left .advice-card-wrapper.not-selected .advice-img.declined:hover:before {
	content: "EDIT";
}
.modal-advice .modal-card-advice-body .advice-body-left .advice-card-wrapper.not-selected .advice-img:hover:before {
	content: "BEGIN";
}
.modal-advice .modal-card-advice-body .advice-body-left .advice-card-wrapper.selected .advice-img {
	display: none;
}
.modal-advice .modal-card-advice-body .advice-body-left .advice-img:after {
	color: #ffffff0f;
	font-size: 10vh;
	right: -10%;
	bottom: -35%;
	position: absolute;
	font-weight: 600;
	font-family: 'Font Awesome 5 Free';
}
.modal-advice .modal-card-advice-body .advice-body-left .advice-img.declined {
	background-color: #e56781;
}
.modal-advice .modal-card-advice-body .advice-body-left .advice-img.requested {
	background-color: #4f9b7e;
}
.modal-advice .modal-card-advice-body .advice-body-left .advice-img.declined:after {
	content: "\f00d";
}
.modal-advice .modal-card-advice-body .advice-body-left .advice-img.requested:after {
	content: "\f00c";
}
.modal-advice .modal-card-advice-body .advice-body-left .advice-step-wrapper {
	width: 100%;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
	-ms-flex-pack: distribute;
	justify-content: space-around;
	transition: height .6s ease, opacity .2s ease;
	opacity: 0;
	height: 0;
	overflow: hidden;
}
.modal-advice .modal-card-advice-body .advice-body-left .advice-step {
	position: relative;
	-ms-flex-item-align: start;
	align-self: flex-start;
	max-width: 800px;
}
.modal-advice .modal-card-advice-body .advice-body-left .advice-step.goal {
	max-width: 750px;
	margin-top: 5vh;
}
.modal-advice .modal-card-advice-body .advice-body-left .advice-step.solution {
	max-width: 800px;
}
.modal-advice .modal-card-advice-body .advice-body-left .advice-step .advice-content {
	padding-left: 200px;
	padding-right: 20px;
	font-size: 16px;
	padding-top: 10px;
	padding-bottom: 10px;
	z-index: 2;
}
.modal-advice .modal-card-advice-body .advice-body-left .advice-step.goal .advice-content {
	font-size: 22px;
	font-weight: 700;
}
.modal-advice .modal-card-advice-body .advice-body-left .advice-step.problem .advice-content {
	padding-left: 20px;
	padding-right: 200px;
}
.modal-advice .modal-card-advice-body .advice-body-left .advice-step .advice-content span {
	color: #2f2c2c;
	font-weight: 700
}
.modal-advice .modal-card-advice-body .advice-body-left .advice-step.goal .advice-content:before, 
.modal-advice .modal-card-advice-body .advice-body-left .advice-step.problem .advice-content:before {
	position: absolute;
	width: 15vh;
	height: 16.5vh;
	content: "";
	background-size: cover;
	bottom: -4.5vh;
	opacity: 0.4;
}
.modal-advice .modal-card-advice-body .advice-body-left .advice-step.problem .advice-content:before {
	left: -17vh;
	background-image: url(https://i.ibb.co/KDTrTdc/arrow-left90.png);
}
.modal-advice .modal-card-advice-body .advice-body-left .advice-step.goal .advice-content:before {
	right: -17vh;
	background-image: url(https://i.ibb.co/YZc9m3p/arrow-right90.png);
}
.modal-advice .modal-card-advice-body .advice-body-left .advice-step.problem {
	-ms-flex-item-align: end;
	    align-self: flex-end;
}
.modal-advice .modal-card-advice-body .advice-body-left .advice-step .advice-heading {
	position: absolute;
	color: #fff;
	font-size: 20px;
	left: -25px;
	width: 175px;
	height: 51px;
	text-align: center;
	line-height: 50px;
	padding-left: 10px;
	-webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, .05);
	box-shadow: 0 5px 10px rgba(0, 0, 0, .05);
	top: 25px;
	z-index: 2;
}
.modal-advice .modal-card-advice-body .advice-body-left .advice-step.goal .advice-heading {
	background-color: #345a7a;
}
.modal-advice .modal-card-advice-body .advice-body-left .advice-step.problem .advice-heading {
	background-color: #e56781;
	left: auto;
	right: -25px;
	padding-left: 0;
	padding-right: 10px;
}
.modal-advice .modal-card-advice-body .advice-body-left .advice-step.solution .advice-heading {
	background-color: #4f9b7e;
}
.modal-advice .modal-card-advice-body .advice-body-left .advice-step .advice-heading:after {
	position: absolute;
	content: '';
	display: block;
	left: 0px;
	bottom: -24px;
}
.modal-advice .modal-card-advice-body .advice-body-left .advice-step.goal .advice-heading:after {
	border: 12px solid;
	border-color: #294862;
	border-bottom-color: transparent;
	border-left-color: transparent;	
}
.modal-advice .modal-card-advice-body .advice-body-left .advice-step.problem .advice-heading:after {
	border: 12px solid ;
	border-color: #c6566d;	
	border-bottom-color: transparent;
	border-right-color: transparent;
	left: auto;
	right: 0;
}
.modal-advice .modal-card-advice-body .advice-body-left .advice-step.solution .advice-heading:after {
	border: 12px solid;
	border-color: #3d7a62;
	border-bottom-color: transparent;
	border-left-color: transparent;
}

.modal-advice .modal-card-advice-body .advice-body-left .advice-step .advice-heading-point:before {
	position: absolute;
	content: '';
	display: block;
	right: -10px;
	bottom: 0;
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 26px 0 24px 10px;
}
.modal-advice .modal-card-advice-body .advice-body-left .advice-step.goal .advice-heading .advice-heading-point:before {
	border-color: transparent transparent transparent #345a7a;
}
.modal-advice .modal-card-advice-body .advice-body-left .advice-step.problem .advice-heading .advice-heading-point:before {
	border-width: 26px 10px 24px 0;
	border-color: transparent  #e56781 transparent transparent;
	right: auto;
	left: -10px;
}
.modal-advice .modal-card-advice-body .advice-body-left .advice-step.solution .advice-heading .advice-heading-point:before {
	border-color: transparent transparent transparent #4f9b7e;
}

/* Right Menu */

.modal-advice .modal-card-advice-body .advice-body-right .advice-area-number {
    color: #ffffffad;
    font-size: 4vh;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translateX(-50%) translateY(-50%) rotate(90deg);
    -ms-transform:  translateX(-50%) translateY(-50%) rotate(90deg);
    transform:  translateX(-50%) translateY(-50%) rotate(90deg);
    white-space: nowrap;
    text-transform: uppercase;
}

/* Footer */

.modal-advice .modal-advice-footer-wrapper {
	width: 100%;
	height: 0;
	overflow: hidden;
	-webkit-transition: all .6s ease;
	-o-transition: all .6s ease;
	transition: all .6s ease;
	z-index: 2;
}
.modal-advice .modal-advice-footer-wrapper.validated {
	height: 90px;
}
.modal-advice .modal-advice-footer-btn-no-wrapper {
	width: 25%;
	display: inline-block;
	height: 100%;
}
.modal-advice .modal-advice-footer-btn-yes-wrapper {
	width: 75%;
	display: inline-block;
	height: 100%;	
}
.modal-advice .modal-advice-footer-btn-yes-wrapper {
	padding-left: 2px;
	padding-top: 4px;
}
.modal-advice .modal-advice-footer-btn-no-wrapper {
	padding-right: 2px;
	padding-top: 4px;	
}
.modal-advice .modal-advice-footer-wrapper .btn {
	width:100%;
	border-radius: 0 0 10px 10px;
	padding: 35px 0 !important;
	height: 100%;
}
.modal-advice .modal-advice-footer-wrapper .btn.btn-arrow i {
    right: 45%;
}
.modal-advice .modal-advice-footer-btn-no-wrapper .btn {
	background-color: #e56781;	
	border-radius: 0 0 0 10px;
}
.modal-advice .modal-advice-footer-btn-yes-wrapper .btn {
	background-color: #4f9b7e;	
	border-radius: 0 0 10px 0;
}
.modal-advice .modal-card-footer.btn:nth-child(2) {
	float:right;
}
.modal-advice .modal-card-footer.validated {
	height: unset;
	padding: 25px 20px;
}

/* Responsive */

@media (max-height: 900px) {
	.modal-advice .modal-card-advice-body .tick-wrapper,
	.modal-advice .modal-card-advice-body .tick-text {
		display: none
	}		
	.modal-advice .modal-card-advice-body .advice-body-menu .advice-intro	 {
		padding: 4vh 9% 15px 10%;
	}
	.modal-advice .modal-card-advice-body .advice-body-menu .advice-intro p	 {
		font-size: 16px;
	}	
	.modal-advice .modal-card-advice-body .advice-body-left .advice-title h1 {
		font-size: 40px;
	}	
	.modal-advice .modal-card-advice-body .advice-body-left .advice-step.goal .advice-content {
		font-size: 18px;
	}	
	.modal-advice .modal-card-advice-body .advice-body-left .advice-step .advice-content {
		font-size: 15px;
	}	
}
@media screen and (max-width:1199px) {
	.modal-advice .modal-card-advice-body .advice-body-left .advice-title h1 {
		font-size: 45px;
	}	
	.modal-advice .modal-card-advice-body .advice-body-left .advice-step .advice-content {
		font-size: 16px;
	}	
}
@media screen and (max-width: 992px) {
	.modal-advice .modal-card-advice-body .advice-body-left .advice-step.goal .advice-content:before {
		left: 80px;
		right: auto;
		-webkit-transform: scaleX(-1);
		-ms-transform: scaleX(-1);
		    transform: scaleX(-1);
		bottom: -45px;
	}
	.modal-advice .modal-card-advice-body .advice-body-left .advice-step.problem .advice-content:before {
		left: auto;
		right: 80px;
		-webkit-transform: scaleX(-1);
		-ms-transform: scaleX(-1);
		    transform: scaleX(-1);
		bottom: -45px;
	}	
	.modal-advice .modal-card-advice-body .advice-body-right,
	.modal-advice .modal-card-advice-body .advice-body-menu {
		display: none;
	}
	.modal-advice .modal-card-advice-body .advice-body-left {
		-ms-flex-preferred-size: 100% !important;
		flex-basis: 100% !important;
	}
	.modal-advice .modal-card-advice-body .advice-body-left .advice-title h1 {
		-ms-flex-preferred-size: 100%;
		font-size: 40px;
	}		
}
@media screen and (max-width: 570px) {
	.modal-advice .modal-card-advice-body {
		height: 100vh;	
	}	
	.modal-advice .modal-card-advice-body .tick-wrapper,
	.modal-advice .modal-card-advice-body .tick-text {
		display: none
	}	
	.modal-advice .modal-card-advice-body .advice-body-left {
		background-position: bottom left;
	}	
	.modal-advice .modal-card-advice-body .advice-body-left .advice-img {
		font-size: 3.5vw;
	}
	.modal-advice .modal-card-advice-body .advice-body-left .advice-card-wrapper.selected .advice-card {
		padding-top: 0;
	}	
	.modal-advice .modal-card-advice-body .advice-body-left .advice-step .advice-content {
		padding-left: 20px !important;
		padding-right: 20px !important;
		padding-top: 65px !important;
		font-size: 14px;
		padding-bottom: 50px !important;
	}
	.modal-advice .modal-card-advice-body .advice-body-left .advice-step.solution .advice-content {
		padding-bottom: 80px !important;
	}	
	.modal-advice .modal-card-advice-body .advice-body-left .advice-step.goal .advice-content:before {
		left: 20%;
		right: auto;
		-webkit-transform: scaleX(-1);
		-ms-transform: rotate(20de);
		    transform: rotate(20de);
		bottom: -60px;
	}
	.modal-advice .modal-card-advice-body .advice-body-left .advice-step.problem .advice-content:before {
		left: auto;
		right: 20%;
		-webkit-transform: scaleX(-1);
		-ms-transform: scaleX(-1);
		    transform: scaleX(-1);
		bottom: -60px;
	}		
	.modal-advice .modal-card-advice-body .advice-body-left .advice-title {
		padding: 0 15px;
	}
	.modal-advice .modal-card-advice-body .advice-body-left .advice-card-wrapper.not-selected .advice-title h1 {
		font-size: 5vw;
	}	
	.modal-advice .modal-card-advice-body .advice-body-left .advice-card-wrapper .advice-title h1 {
		font-size: 6vw;
	}	
	.modal-advice .modal-card-advice-body .advice-body-left .advice-card-wrapper.selected .advice-title h1 {
		font-size: 7vw;
	}		
	.modal-advice .modal-card-advice-body .advice-body-left .advice-card,
	.modal-advice .modal-card-advice-body .advice-body-left .advice-step-wrapper {
		overflow: scroll;
		display: block;
	}	
	.modal-advice .modal-card-advice-body .advice-body-left .advice-step.goal .advice-content {
		font-size: 16px;
	}	
	.modal-advice .modal-card-advice-body .advice-body-left .advice-step .advice-heading {
		top: 0px;
		height: 40px;
		line-height: 41px;
		left: 0;
		padding-left: 0;
	}	
	.modal-advice .modal-card-advice-body .advice-body-left .advice-step.problem .advice-heading {
		right: 0;
		padding-right: 0;
	}
	.modal-advice .modal-card-advice-body .advice-body-left .advice-step .advice-heading-point {
		display: none;
	}	
	.modal-advice .modal-card-advice-body .advice-body-left .advice-step .advice-heading:after {
		display: none;
	}		
	.modal-advice .modal-card-advice-body .advice-body-left .advice-step.solution {
		padding-bottom: 0;
	}
	.modal-advice .modal-advice-footer-wrapper.validated {
		height: 60px;
		position: fixed;
		z-index: 2;
		bottom: 0;
	}	
	.modal-advice .modal-advice-footer-btn-no-wrapper {
		padding: 0;
	}
	.modal-advice .modal-advice-footer-btn-yes-wrapper {
		padding: 0;
	}
	.modal-advice .modal-advice-footer-wrapper .btn {
		border-radius: 0;
		padding: 25px 0 !important;
	}
}
@media screen and (min-width: 571px) {
	.modal-advice .modal-card {
		width: 100%;
		border-radius: 10px;
		overflow: hidden;
		max-width: 1500px;
		margin: 0 30px;
	}
	.modal-advice .modal-card-footer.validated {
		padding: 35px 20px;
	}
}

/*------------- Advice Card Positioning --------------*/

.modal-advice .modal-card-advice-body .advice-body-left .advice-card-wrapper {
	height: 20%;
	height: calc(var(--max-size) / var(--data-x));
}
.modal-advice .modal-card-advice-body .advice-body-left .advice-card-wrapper:nth-child(1) {
	top: 0;
	left: 0;
	width: 100%;
}
.modal-advice .modal-card-advice-body .advice-body-left .advice-card-wrapper:nth-child(2) {
	top: 20%;
	top: calc(var(--max-size) / var(--data-x));
	left: 0;
	width: 100%;
}
.modal-advice .modal-card-advice-body .advice-body-left .advice-card-wrapper:nth-child(3) {
	top: 40%;
	top: calc(var(--max-size) / var(--data-x) * 2);    
	left: 0;
	width: 100%;
}
.modal-advice .modal-card-advice-body .advice-body-left .advice-card-wrapper:nth-child(4) {
	top: 60%;
	top: calc(var(--max-size) / var(--data-x) * 3);        
	left: 0;
	width: 100%;
}
.modal-advice .modal-card-advice-body .advice-body-left .advice-card-wrapper:nth-child(5) {
	top: 80%;
	top: calc(var(--max-size) / var(--data-x) * 4);        
	left: 0;
	width: 100%;
}
.modal-advice .modal-card-advice-body .advice-body-left .advice-card-wrapper:nth-child(6) {
	top: 80%;
	top: calc(var(--max-size) / var(--data-x) * 5);        
	left: 0;
	width: 100%;
}
.modal-advice .modal-card-advice-body .advice-body-left .advice-card-wrapper:nth-child(7) {
	top: 80%;
	top: calc(var(--max-size) / var(--data-x) * 6);        
	left: 0;
	width: 100%;
}    
.modal-advice .modal-card-advice-body .advice-body-left .advice-card-wrapper:nth-child(8) {
	top: 80%;
	top: calc(var(--max-size) / var(--data-x) * 7);        
	left: 0;
	width: 100%;
}      
.modal-advice .modal-card-advice-body .advice-body-left .advice-card-wrapper:nth-child(9) {
	top: 80%;
	top: calc(var(--max-size) / var(--data-x) * 8);        
	left: 0;
	width: 100%;
}      

.modal-advice .modal-card-advice-body .advice-body-left .advice-card-wrapper.selected {
	height: 100%;
}

/*------------- Advice Card Animation --------------*/

.modal-advice .modal-card-advice-body .advice-body-left .advice-card-wrapper:nth-child(1) .advice-card {
  -webkit-transform: translate3d(-100%, 0, 0);
          transform: translate3d(-100%, 0, 0);
  -webkit-animation-name: strip1;
          animation-name: strip1;
  -webkit-animation-delay: 0.1s;
          animation-delay: 0.1s;
}
.modal-advice .modal-card-advice-body .advice-body-left .advice-card-wrapper:nth-child(2) .advice-card {
  -webkit-transform: translate3d(0, 100%, 0);
          transform: translate3d(0, 100%, 0);
  -webkit-animation-name: strip2;
          animation-name: strip2;
  -webkit-animation-delay: 0.2s;
          animation-delay: 0.2s;
}
.modal-advice .modal-card-advice-body .advice-body-left .advice-card-wrapper:nth-child(3) .advice-card {
  -webkit-transform: translate3d(0, -100%, 0);
          transform: translate3d(0, -100%, 0);
  -webkit-animation-name: strip3;
          animation-name: strip3;
  -webkit-animation-delay: 0.3s;
          animation-delay: 0.3s;
}
.modal-advice .modal-card-advice-body .advice-body-left .advice-card-wrapper:nth-child(4) .advice-card {
  -webkit-transform: translate3d(0, 100%, 0);
          transform: translate3d(0, 100%, 0);
  -webkit-animation-name: strip4;
          animation-name: strip4;
  -webkit-animation-delay: 0.4s;
          animation-delay: 0.4s;
}
.modal-advice .modal-card-advice-body .advice-body-left .advice-card-wrapper:nth-child(5) .advice-card {
  -webkit-transform: translate3d(100%, 0, 0);
          transform: translate3d(100%, 0, 0);
  -webkit-animation-name: strip5;
          animation-name: strip5;
  -webkit-animation-delay: 0.5s;
          animation-delay: 0.5s;
}
.modal-advice .modal-card-advice-body .advice-body-left .advice-card-wrapper .advice-card {
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-timing-function: cubic-bezier(0.23, 1, 0.32, 1);
  animation-timing-function: cubic-bezier(0.23, 1, 0.32, 1);
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
@-webkit-keyframes strip1 {
  0% {
    -webkit-transform: translate3d(-100%, 0, 0);
            transform: translate3d(-100%, 0, 0);
  }
  100% {
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
  }
}

@keyframes strip1 {
  0% {
    -webkit-transform: translate3d(-100%, 0, 0);
            transform: translate3d(-100%, 0, 0);
  }
  100% {
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
  }
}
@-webkit-keyframes strip2 {
  0% {
    -webkit-transform: translate3d(0, 100%, 0);
            transform: translate3d(0, 100%, 0);
  }
  100% {
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
  }
}
@keyframes strip2 {
  0% {
    -webkit-transform: translate3d(0, 100%, 0);
            transform: translate3d(0, 100%, 0);
  }
  100% {
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
  }
}
@-webkit-keyframes strip3 {
  0% {
    -webkit-transform: translate3d(0, -100%, 0);
            transform: translate3d(0, -100%, 0);
  }
  100% {
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
  }
}
@keyframes strip3 {
  0% {
    -webkit-transform: translate3d(0, -100%, 0);
            transform: translate3d(0, -100%, 0);
  }
  100% {
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
  }
}
@-webkit-keyframes strip4 {
  0% {
    -webkit-transform: translate3d(0, 100%, 0);
            transform: translate3d(0, 100%, 0);
  }
  100% {
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
  }
}
@keyframes strip4 {
  0% {
    -webkit-transform: translate3d(0, 100%, 0);
            transform: translate3d(0, 100%, 0);
  }
  100% {
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
  }
}
@-webkit-keyframes strip5 {
  0% {
    -webkit-transform: translate3d(100%, 0, 0);
            transform: translate3d(100%, 0, 0);
  }
  100% {
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
  }
}
@keyframes strip5 {
  0% {
    -webkit-transform: translate3d(100%, 0, 0);
            transform: translate3d(100%, 0, 0);
  }
  100% {
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
  }
}

/*------------- Goal / Problem / Solution Animation --------------*/

.modal-advice .modal-card-advice-body .advice-body-left .advice-card-wrapper.selected .advice-step.goal {
  -webkit-animation-delay: 0.4s;
          animation-delay: 0.4s;
}
.modal-advice .modal-card-advice-body .advice-body-left .advice-card-wrapper.selected .advice-step.problem {
  -webkit-animation-delay: 0.6s;
          animation-delay: 0.6s;
}
.modal-advice .modal-card-advice-body .advice-body-left .advice-card-wrapper.selected .advice-step.solution {
  -webkit-animation-delay: 1s;
          animation-delay: 1s;
}
.modal-advice .modal-card-advice-body .advice-body-left .advice-card-wrapper.selected .advice-card .advice-step {
  -webkit-transform: translate3d(0, 50%, 0);
          transform: translate3d(0, 50%, 0);
  -webkit-animation-name: advice;
          animation-name: advice;	
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-timing-function: cubic-bezier(0.23, 1, 0.32, 1);
  animation-timing-function: cubic-bezier(0.23, 1, 0.32, 1);
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
		opacity: 0;
}
@-webkit-keyframes advice {
  0% {
  -webkit-transform: translate3d(0, 50%, 0);
          transform: translate3d(0, 50%, 0);
  }
  100% {
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
			opacity: 1;            
  }
}
@keyframes advice {
  0% {
  -webkit-transform: translate3d(0, 50%, 0);
          transform: translate3d(0, 50%, 0);
  }
  100% {
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
			opacity: 1;                   
  }
}

/*------------- Modal Checking --------------*/

.modaladvice .modal-card-advice-body .advice-body-left.checking-left {
	padding: 0 !important;
}
.modaladvice .modal-card-advice-body .advice-body-left.checking-left .ckeditor {
	height: 100%;
}
.modaladvice .modal-card-advice-body .advice-body-left.checking-left .ckeditor .cke_reset {
    height: calc(100% - 15px) !important;
}
.modaladvice .modal-card-advice-body .advice-body-right.checking-right {
	padding: 2% !important;
}
.modaladvice .modal-card-advice-body .advice-body-right.checking-right .advice-box {
    margin-top: 0;
    margin-bottom: 40px
}

/*------------- .mODALS - INTRO --------------*/

.modalintro .intro-card-head {
	background-color: #fff;
	position: relative;
}
.modalintro .intro-card-head .modal-close {
	display: none;
}
.modalintro .intro-thumb {
	padding-top: 50px;
}
.modalintro .intro-thumb img {
	margin: auto;
	display: block;
	height: 70px;
	display: none
}
.modalintro .intro-title {
	text-align: center;
	margin-bottom: 20px;
}
.modalintro .intro-body {
    background-color: #fff;
    padding: 15px 7% 25px 7%;
    max-height: calc(100vh - 250px);
    margin-top: -1px;
    overflow: auto;
}
.modalintro .intro-body:after {
	content: "";
	position: absolute;
	z-index: 1;
	bottom: 89px;
	left: 0;
	pointer-events: none;
	background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(255, 255, 255, 0)), color-stop(60%, rgba(255, 255, 255, 1)));
	background-image: -webkit-linear-gradient(top, rgba(255, 255, 255, 0), rgba(255, 255, 255, 1) 60%);
	background-image: -o-linear-gradient(top, rgba(255, 255, 255, 0), rgba(255, 255, 255, 1) 60%);
	background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0), rgba(255, 255, 255, 1) 60%);
	width: 100%;
	height: 60px;
}
.modalintro .intro-body>div {
	overflow-y: auto;
	height: 100%;
	padding-bottom: 20px;
	padding-right: 20px;
}
.modalintro .intro-body div h5:first-of-type {
	display: none;
}
.modalintro .intro-body h5+p:first-of-type {
	padding: 15px;
	background-color: #faf9fe;
	color: #2f2c2c;
}
.modalintro .intro-body div h5 {
	font-weight: 600;
	margin-top: 35px;
	margin-bottom: 10px;
	text-transform: uppercase;
}
.modalintro .intro-body div ul {
	list-style: none;
	padding-left: 35px;
	list-style-position: outside;
}
.modalintro .intro-body div ul li {
	position: relative;
	margin-bottom: 3px
}
.modalintro .intro-body li p {
	margin: 0;
}
.modalintro .intro-body div ul li::before {
	color: #e56781;
	content: "\f35a";
	font-size: 15px;
	left: -30px;
	top: 2px;
	position: absolute;
	font-weight: 600;
	font-family: 'Font Awesome 5 Free';
}
.modalintro .css-checkbox {
	margin-top: 20px;
	text-align: right;
	position: absolute;
	bottom: -45px;
	right: 0px;
}
@media screen and (min-width: 571px) {
	.modalintro .intro-body p {
		font-size: 16px;
	}
}
@media screen and (min-width: 769px) {
	.modalintro .modal-card {
		width: 900px;
	}
	.modal-card.small {
		width: 900px;
	}	
	.modal-card.Xsmall {
		width: 500px;
	}		
}
@media screen and (max-width: 570px) {
	.modalintro .modal-card {
		border-radius: 0;
	}
	.modalintro .intro-card-head {
		-webkit-box-align: center;
		-ms-flex-align: center;
		align-items: center;
		padding: 5px 15px 25px;
	}
	.modalintro .intro-thumb {
		padding: 0;
		display: inline-block;
		vertical-align: middle;
	}
	.modalintro .intro-thumb img {
		height: 60px;
	}
	.modalintro .intro-title {
		margin: 0;
		line-height: 1.2;
		vertical-align: middle;
	}
	.modalintro .css-checkbox {
		margin-top: 10px;
		display: none;
	}
	.modalintro .intro-body {
		padding: 0 0 50px 0;
		position: relative;
		max-height: unset;
		height: 100%;
		overflow: hidden;
	}
	.modalintro .intro-body>div {
		padding: 0 20px 60px 20px;
		height: 100%;
		width: 100%;
	}
	.modalintro .intro-body:after {
		bottom: 63px;
	}
}
/*------------- #TERMS --------------*/

.terms-container .terms-intro {
	border-bottom: 1px solid #ccd6dd;
	padding-bottom: 40px;
}
.terms-container .terms-intro span {
	color: #2f2c2c;
}
.terms-container .terms-intro .terms-intro-hidden {
	display: none;
}
.terms-container .section {
	padding-top: 30px;
}
.terms-container .section br {
	display: none;
}
.terms-container .section h1 {
	font-size: 21px;
}
.terms-container .section p {
	margin-top: 15px;
}
.terms-container .section ul {
	margin-top: 30px;
}
.terms-container .section li {
	font-size: 14px;
}
.terms-container .section li span {
	color: #2f2c2c;
}
.terms-container .terms-sec {
	position: relative;
}
.terms-container .terms-sec .title {
	position: relative;
	display: block;
	font-size: 13px;
	font-weight: 400;
	line-height: 20px;
	color: #999999;
	margin-bottom: 10px;
	letter-spacing: .5px;
	text-transform: uppercase;
	padding-left: 80px;
}
.terms-container .terms-sec .title:before {
	position: absolute;
	left: 0;
	top: 8px;
	width: 65px;
	height: 4px;
	background-color: #e56781;
	border-radius: 0 2px 2px 0;
	content: "";
}
.modal-card-footer.btn.terms {
	background-color: #345a7a;
	color: #3d889b;
}
.modal-card-footer.btn.terms.validated {
	background-color: #345a7a;
	color: #fff;
}
.modal-card-footer.terms:not(.validated):after {
	content: 'PLEASE SCROLL DOWN';
}
@media only screen and (min-width: 571px) {
	.terms-container .section h1 {
		font-size: 28px;
	}
	.terms-container .section li {
		font-size: 16px;
	}
	.terms-container .terms-intro {
		margin-bottom: 30px;
		padding-bottom: 60px;
	}
}

/*------------- #FORMS --------------*/

.questions {
	position: relative;
	list-style: none;
}
.questions ul {
	padding: 0;
	list-style: none;
}
.questions>li {
	position: relative;
}
.questions .wrapper {
	padding: 70px 0 0 0;
	position: relative;
}
.questions .input-option-wrapper {
	max-width: 950px
}
.questions .item {
	color: #000;
	position: absolute;
	padding: 0;
	text-align: right;
	width: 120px;
	left: -100px;
	margin-top: -11px;
}
.questions .item h6 {
    line-height: 60px;
    color: #f0f0f0;
    font-size: 75px;
    font-weight: 700;
}
.questions .item i {
	position: absolute;
	right: -27px;
	top: 21px;
	color: #2f2c2c;
}
.questions .question {
	padding-left: 60px;
}
.questions h3 {
	line-height: 1.1;
	font-weight: 700;	
}
.questions .content {
	position: relative;
	padding: 30px 60px 0 60px;
}
@media (max-height: 900px) {
	.questions .content {
		padding-top: 20px;
	}
}
.questions .content img.charity {
	float: right;
	height: 116px;
	background: white;
	padding: 10px;
	border-radius: 5px;
	margin: 0 0 20px 50px;
	-webkit-box-shadow: 3px 3px 0px rgba(0, 0, 0, 0.02);
	box-shadow: 3px 3px 0px rgba(0, 0, 0, 0.02);
}
.questions .content .input-area-wrapper {
	min-height: 420px;
}
.input-tip {
	margin-bottom: 40px;
	display: block;
}
.input-tip .charity-description {
	margin-top: 10px;
}
.collapseCoupon {
	color: #6a6a6a;
	text-decoration: underline;	
}
.collapseCoupon:hover {
	color: #e56781;
	text-decoration: none;	
}
@media screen and (max-height: 900px) {
	.questions .wrapper {
		padding: 20px 0 0 0;
	}
	.questions .content .input-area-wrapper {
		min-height: 250px;
	}
}
@media screen and (max-width: 768px) {
	.questions .question {
		padding: 23px 10px 0px 45px;
		margin: 0 -15px 0;
	}
	.questions .item {
		margin-left: -10px;
		padding: 32px 0 0 0;
		z-index: 1;
	}
	.questions .item h6 {
		line-height: 32px;
		color: #2f2c2c;
		font-size: 20px;
	}
	.questions .item i {
		position: absolute;
		right: -14px;
		top: 40px;
	}
	.questions .item i:before {
		content: "\f0da";
	}
	.input-tip {
		margin-bottom: 30px;
		font-size: 14px;
	}
	.questions .wrapper {
		padding: 0 0 80px 0;
	}
	.questions .content {
		padding: 18px 0 0;
	}
	.questions .content img.charity {
		margin: 0 0 20px 30px;
	}	
	#collapseCoupon {
		float: none;
	}		
}
.questions .fadeIn-1, .questions .fadeIn-2, .questions .fadeIn-3, .questions .fadeIn-4, .questions .fadeIn-5, .questions .fadeIn-6, .questions .fadeIn-7, .questions .fadeIn-8, .questions .fadeIn-9, .questions .input-tip, .questions :not(.animate-once) .option-padding, .questions .control {
	-webkit-animation: fade-in-right ease 0.3s forwards;
	animation: fade-in-right ease 0.3s forwards;
	opacity: 0;
}
.questions .fadeIn-1, .questions .input-tip {
	-webkit-animation-delay: 0.1s;
	animation-delay: 0.1s;
}
.questions .fadeIn-2, .questions .option-padding:first-of-type, .questions .control {
	-webkit-animation-delay: 0.2s;
	animation-delay: 0.2s;
}
.questions .fadeIn-3, .questions .option-padding:nth-of-type(2) {
	-webkit-animation-delay: 0.3s;
	animation-delay: 0.3s;
}
.questions .fadeIn-4, .questions .option-padding:nth-of-type(3) {
	-webkit-animation-delay: 0.4s;
	animation-delay: 0.4s;
}
.questions .fadeIn-5, .questions .option-padding:nth-of-type(4) {
	-webkit-animation-delay: 0.5s;
	animation-delay: 0.5s;
}
.questions .fadeIn-6, .questions .option-padding:nth-of-type(5) {
	-webkit-animation-delay: 0.6s;
	animation-delay: 0.6s;
}
.questions .fadeIn-7, .questions .option-padding:nth-of-type(6) {
	-webkit-animation-delay: 0.7s;
	animation-delay: 0.7s;
}
.questions .fadeIn-8, .questions .option-padding:nth-of-type(7) {
	-webkit-animation-delay: 0.8s;
	animation-delay: 0.8s;
}
.questions .fadeIn-9, .questions .option-padding:nth-of-type(8) {
	-webkit-animation-delay: 0.9s;
	animation-delay: 0.9s;
}
.questions .option-padding:nth-of-type(9) {
	-webkit-animation-delay: 1s;
	animation-delay: 1s;
}
.questions .option-padding:nth-of-type(10) {
	-webkit-animation-delay: 1.1s;
	animation-delay: 1.1s;
}
.questions .option-padding:nth-of-type(11) {
	-webkit-animation-delay: 1.3s;
	animation-delay: 1.3s;
}
.questions .option-padding:nth-of-type(12) {
	-webkit-animation-delay: 1.3s;
	animation-delay: 1.3s;
}
.questions .option-padding:nth-of-type(13) {
	-webkit-animation-delay: 1.4s;
	animation-delay: 1.4s;
}
.questions .animate-once .input-tip, .questions .animate-once .option-padding, .questions .animate-once .check-and-finish {
	-webkit-animation: unset;
	animation: unset;
	opacity: 1;
}
@-webkit-keyframes fade-in-right {
	from {
		opacity: 0;
		-webkit-transform: translateX(-15px);
		transform: translateX(-15px);
	}
	to {
		opacity: 1;
		-webkit-transform: translateX(0);
		transform: translateX(0);
	}
}
@keyframes fade-in-right {
	from {
		opacity: 0;
		-webkit-transform: translateX(-15px);
		transform: translateX(-15px);
	}
	to {
		opacity: 1;
		-webkit-transform: translateX(0);
		transform: translateX(0);
	}
}

/*------------- #QUESTION LAYOUT VUEVUEVUEVUEVUEVUEVUEVUEVUEVUEVUEVUE --------------*/

.question-section {
	padding: 70px 0 0 40px;
}
.question-section .question-section-number {
	color: #000;
	position: absolute;
	padding: 0;
	text-align: right;
	width: 120px;
	left: -115px;
	margin-top: -11px;
}
.question-section .question-section-number h6 {
    line-height: 60px;
    color: #f0f0f0;
    font-size: 75px;
    font-weight: 700;
}
.question-section .question-section-number i {
	position: absolute;
	right: -27px;
	top: 21px;
	color: #2f2c2c;
}
.question-section .question-section-question {
	line-height: 1.1;
	font-weight: 700;
	margin-bottom: 30px
}
.question-section .question-section-intro {
	margin-bottom: 40px;
	display: block;
	min-height: 60px;		
}
.question-section img.charity {
	float: right;
	height: 116px;
	background: white;
	padding: 10px;
	border-radius: 5px;
	margin: 0 0 20px 50px;
	-webkit-box-shadow: 3px 3px 0px rgba(0, 0, 0, 0.02);
	box-shadow: 3px 3px 0px rgba(0, 0, 0, 0.02);
}
.question-section .charity-description {
	margin-top: 10px;
}
.question-section-options {
	max-width: 920px;
	min-height: 420px;		
}
.share-section-options {
	padding-top: 60px;
}
.question-section .collapseCoupon {
	color: #6a6a6a;
	text-decoration: underline;	
    display: block;	
    padding-top: 10px;	
}
.question-section .collapseCoupon:hover {
	color: #e56781;
	text-decoration: none;	
}

@media screen and (max-height: 900px) {
	.question-section {
		padding-top: 20px;
	}
	.question-section .question-section-options {
		min-height: 250px;
	}
}
@media screen and (max-width: 768px) {
	.question-section {
		padding: 0 0 80px 0;
	}	
	.question-section .question-section-question {
		padding: 23px 15px 0px 45px;
		margin: 0 -15px 0;
		margin-bottom: 30px		
	}	
	.question-section .question-section-number {
		padding: 33px 0 0 0;
		z-index: 1;
		left: -95px;		
	}
	.question-section .question-section-number h6 {
		line-height: 32px;
		color: #2f2c2c;
		font-size: 20px;
	}
	.question-section .question-section-number i {
		position: absolute;
		right: -13px;
		top: 41px;
	}
	.question-section .question-section-number i:before {
		content: "\f0da";
	}
	.question-section .question-section-intro {
		margin-bottom: 30px;
		font-size: 14px;
	}
	.share-section-options {
		padding-top: 0;
	}
	.question-section img.charity {
		margin: 0 0 20px 30px;
	}	
	.question-section-options {
		padding-left: 10px;
		padding-right: 10px;	
	}	
	.question-section #collapseCoupon {
		float: none;
	}		
}

/*------------- #QUESTION FADING VUEVUEVUEVUEVUEVUEVUEVUEVUEVUEVUEVUE --------------*/

.question-section .question-section-intro, .question-section .option-padding, .question-section .control {
	-webkit-animation: fade-in-right ease 0.3s forwards;
	animation: fade-in-right ease 0.3s forwards;
	opacity: 0;
}
.question-section .question-section-intro {
	-webkit-animation-delay: 0.1s;
	animation-delay: 0.1s;
}
.question-section .option-padding:first-of-type, .question-section .control {
	-webkit-animation-delay: 0.2s;
	animation-delay: 0.2s;
}
.question-section .option-padding:nth-of-type(2) {
	-webkit-animation-delay: 0.3s;
	animation-delay: 0.3s;
}
.question-section .option-padding:nth-of-type(3) {
	-webkit-animation-delay: 0.4s;
	animation-delay: 0.4s;
}
.question-section .option-padding:nth-of-type(4) {
	-webkit-animation-delay: 0.5s;
	animation-delay: 0.5s;
}
.question-section .option-padding:nth-of-type(5) {
	-webkit-animation-delay: 0.6s;
	animation-delay: 0.6s;
}
.question-section .option-padding:nth-of-type(6) {
	-webkit-animation-delay: 0.7s;
	animation-delay: 0.7s;
}
.question-section .option-padding:nth-of-type(7) {
	-webkit-animation-delay: 0.8s;
	animation-delay: 0.8s;
}
.question-section .option-padding:nth-of-type(8) {
	-webkit-animation-delay: 0.9s;
	animation-delay: 0.9s;
}
.question-section .option-padding:nth-of-type(9) {
	-webkit-animation-delay: 1s;
	animation-delay: 1s;
}
.question-section .option-padding:nth-of-type(10) {
	-webkit-animation-delay: 1.1s;
	animation-delay: 1.1s;
}
.question-section .option-padding:nth-of-type(11) {
	-webkit-animation-delay: 1.3s;
	animation-delay: 1.3s;
}
.question-section .option-padding:nth-of-type(12) {
	-webkit-animation-delay: 1.3s;
	animation-delay: 1.3s;
}
.question-section .option-padding:nth-of-type(13) {
	-webkit-animation-delay: 1.4s;
	animation-delay: 1.4s;
}
@-webkit-keyframes fade-in-right {
	from {
		opacity: 0;
		-webkit-transform: translateX(-15px);
		transform: translateX(-15px);
	}
	to {
		opacity: 1;
		-webkit-transform: translateX(0);
		transform: translateX(0);
	}
}
@keyframes fade-in-right {
	from {
		opacity: 0;
		-webkit-transform: translateX(-15px);
		transform: translateX(-15px);
	}
	to {
		opacity: 1;
		-webkit-transform: translateX(0);
		transform: translateX(0);
	}
}

/*------------- #CONTINUE ON LAPTOP --------------*/

.collapseLaptop-wrapper {
	display: none;
}
.collapseLaptop {
    color: #9c9b9b;
    width: 100%;
    text-align: right;
    display: block;
    font-size: 10px;
    padding-right: 10px;
    text-decoration: none;
    text-transform: uppercase;
}
.collapseLaptop:focus, .collapseLaptop:hover {
    color: #2f2c2c;
    text-decoration: none;
}
#collapseLaptop {
	background: #4f9b7e;
	margin: 10px 12px 0 12px;
	position: relative;
	-webkit-box-shadow: 0 18px 22px rgba(0, 0, 0, .1);
	box-shadow: 0 18px 22px rgba(0, 0, 0, .1);
}
#collapseLaptop::before {
	content: "";
	z-index: 999;
	width: 0;
	height: 0;
	line-height: 0;
	border-bottom: 8px solid #4f9b7e;
	border-left: 8px solid transparent;
	border-right: 8px solid transparent;
	border-top: transparent;
	overflow: hidden;
	top: -8px;
	position: absolute;
	right: 60px;
}
#collapseLaptop a.close-notice {
	-ms-flex-align: center;
	-webkit-box-align: center;
	align-items: center;
	border-radius: 50%;
	display: -ms-flexbox;
	display: -webkit-box;
	display: flex;
	height: 25px;
	-ms-flex-pack: center;
	-webkit-box-pack: center;
	justify-content: center;
	position: absolute;
	right: 14px;
	top: 16px;
	-webkit-transition: background-color 0.3s;
	-o-transition: background-color 0.3s;
	transition: background-color 0.3s;
	width: 25px;
	cursor: pointer;
}
#collapseLaptop a.close-notice i {
	color: #ffffff;
	text-align: center;
	font-size: 14px;
}
#collapseLaptop .collapseLaptopMsg {
    color: #e8e4e4;
    font-size: 15px;
    padding: 50px 30px 50px 30px;
}
#collapseLaptop .collapseLaptopMsg span {
	color: #ffffff;
	font-weight: 800
}
#collapseLaptop img {
	max-width: 104%;
}
@media screen and (max-width: 768px) {
	.collapseLaptop-wrapper {
		display: block;
		position: absolute;
		z-index: 3;
		right: 0;
		margin-top: 10px;
	}	
}

/*------------- #FORMS - CONFIRM BUTTONS --------------*/

.question-nav {
	margin-top: 30px
}
@media (max-height: 900px) {
	.question-nav {
		margin-top: 10px
	}
}
.question-nav .btn-forwards, .text-enter {
	-khtml-opacity: 0;
	-moz-opacity: 0;
	opacity: 0;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
	visibility: hidden;
	-webkit-transition: all .3s ease;
	-o-transition: all .3s ease;
	transition: all .3s ease;
}
.question-nav .btn-backwards:hover, .question-nav .btn-forwards:hover {
	color: #fff
}
.question-nav .text-enter {
	color: #000;
	float: left;
	font-size: 11px;
	margin: 20px 8px 0 10px;
}
.question-nav .button-wrapper {
	position: relative;
	float: left;
}
.question-nav .btn-backwards {
	padding-left: 12px;
	padding-right: 26px;	
}
.validated .btn-backwards, .check-and-finish-content .btn-backwards {
	border-bottom-right-radius: 0;
	border-top-right-radius: 0;
	padding-left: 5px;
	padding-right: 15px;
}
.validated .btn-forwards {
	border-bottom-left-radius: 0;
	border-top-left-radius: 0;
	margin-left: 2px !important;
}
.validated .btn-forwards, .validated .text-enter {
	-khtml-opacity: 1;
	-moz-opacity: 1;
	opacity: 1;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
	visibility: visible;
}
@media (max-width: 768px) {
	.question-nav {
		position: fixed;
		bottom: 0;
		left: 0;
		z-index: 18;
		-webkit-transition: 0.5s;
		-o-transition: 0.5s;
		transition: 0.5s;
		width: 100%;
		padding: 0 0 15px 15px;
		background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(235, 240, 242, 0)), color-stop(80%, rgba(235, 240, 242, 1)));
		background-image: -webkit-linear-gradient(top, rgba(235, 240, 242, 0), rgba(235, 240, 242, 1) 80%);
		background-image: -o-linear-gradient(top, rgba(235, 240, 242, 0), rgba(235, 240, 242, 1) 80%);
		background-image: linear-gradient(to bottom, rgba(235, 240, 242, 0), rgba(235, 240, 242, 1) 80%);
	}
	.question-nav .btn-backwards {
		padding: 18px 22px 18px 10px;
	}
	.question-nav .btn-forwards {
		padding: 18px 26px;
	}
	.question-nav .text-enter {
		display: none;
	}
}
@media (min-width: 769px) {
	.question-nav .button-wrapper {
		margin-bottom: 30px;
	}
	.question-nav .button-wrapper.centered {
		float: none;
	}
}

/*------------- #QUESTION PROGRESS --------------*/
.q-progress {
	position: fixed;
    top: 0;
    height: 10px;
    display: block;
    width: 100%;
    background-color: #faf9fe;
    background-clip: padding-box;
    overflow: hidden;
    z-index: 1;
}
.q-progress .determinate {
	position: absolute;
	background-color: inherit;
	top: 0;
	bottom: 0;
	background-color: #f1dd6b;
	-webkit-transition: width .3s linear;
	-o-transition: width .3s linear;
	transition: width .3s linear;
}
@media screen and (max-width: 768px) {
	.q-progress {
		position: relative;
		background-color: #527693;
		height: 6px;
	}
}
/*------------- #FORMS - FINISH AND CHECK --------------*/

.check-and-finish {
	position: relative;
}
.check-and-finish .check-and-finish-thumb {
	z-index: 4;
	position: relative;
	margin-top: 120px;
}
.check-and-finish .check-and-finish-content {
	padding: 95px 15px 160px;
}
.check-and-finish .check-and-finish-content .heading .heading-title {
	line-height: 1;
    font-weight: 600;	
}
.check-and-finish .check-and-finish-content .heading p {
	margin-bottom: 50px;
}
.check-and-finish .check-and-finish-content .heading p:last-child {
	margin-bottom: auto;
}
.check-and-finish .check-and-finish-border {
	position: absolute;
	height: 90%;
	width: 80%;
	top: 0;
	left: 0;
	background: white;
	-webkit-box-shadow: -27.1px 62.5px 125px -25px rgba(9, 9, 9, 0.1), -16.2px 37.5px 75px -37.5px rgba(0, 0, 0, 0.1);
	box-shadow: -27.1px 62.5px 125px -25px rgba(9, 9, 9, 0.1), -16.2px 37.5px 75px -37.5px rgba(0, 0, 0, 0.1);
}
.check-and-finish-thumb {
	-webkit-animation: MagnifyGlass 2s linear;
	animation: MagnifyGlass 2s linear;
}
@-webkit-keyframes MagnifyGlass {
	0% {
		opacity: 0;
	}
	40% {
		-webkit-transform: rotate(0deg) translateX(10px) translateY(10px) rotate(0deg);
		opacity: 1;
	}
	100% {
		-webkit-transform: rotate(360deg) translateX(0px) translateY(0px) rotate(-360deg);
	}
}
@keyframes MagnifyGlass {
	0% {
		opacity: 0;
	}
	40% {
		-webkit-transform: rotate(0deg) translateX(10px) translateY(10px) rotate(0deg);
		opacity: 1;
	}
	100% {
		-webkit-transform: rotate(360deg) translateX(0px) translateY(0px) rotate(-360deg);
	}
}
.check-and-finish .check-name {
	color: #2f2c2c;
	font-weight: 600;
}
@media (min-width: 601px) {
	.check-and-finish .check-and-finish-content .heading p {
		font-size: 16px
	}
}
@media (max-width: 768px) {
	.check-and-finish {
		padding-left: 20px;
	}
	.check-and-finish .check-and-finish-thumb img {
		margin-bottom: -80px;
		margin-left: 95px;
	}
	.check-and-finish .check-and-finish-thumb {
		margin-top: -20px;
		margin-left: 0;
	}
	.check-and-finish .check-and-finish-content {
		padding: 45px 15px 0 10px;
	}
	.check-and-finish .check-and-finish-border {
		width: 100%;
	}
}

/*------------- #FORMS - ALERTS --------------*/

.input-alert {
	position: relative;
}
.input-alert::before, .input-alert span {
	display: block;
	position: absolute;
	-webkit-transform: scale(0);
	-ms-transform: scale(0);
	transform: scale(0);
	opacity: 0;
	-webkit-animation: input-alert 4s;
	animation: input-alert 4s;
}
/* Tooltip arrow */

.input-alert::before {
	top: -18px;
	left: 35px;
	content: "";
	z-index: 41;
	width: 0;
	height: 0;
	line-height: 0;
	border-bottom: 8px solid #e56781;
	border-left: 8px solid transparent;
	border-right: 8px solid transparent;
	border-top: transparent;
	overflow: hidden;
}
/* Tooltip bubble */

.input-alert span {
	top: -10px;
	left: 10px;
	max-width: 300px;
	z-index: 40;
	text-decoration: none;
	padding: 12px 18px;
	color: #fff;
	background-color: #e56781;
	border-radius: 0.2em;
	-webkit-box-shadow: 0 2px 30px rgba(0, 0, 0, 0.2);
	box-shadow: 0 2px 30px rgba(0, 0, 0, 0.2);
}
.input-alert span a {
	color: #fff;
	text-decoration: underline;
}
/* Tooltip green on success */

.input-alert.info::before {
	border-bottom: 8px solid #4f9b7e;
}
.input-alert.info span {
	background-color: #4f9b7e;
}
@keyframes input-alert {
	0% {
		-webkit-transform: translateY(2rem);
		-ms-transform: translateY(2rem);
		transform: translateY(2rem);
		opacity: 0;
		-webkit-transform: scale(1);
		-ms-transform: scale(1);
		transform: scale(1);
	}
	10% {
		-webkit-transform: perspective(1px) translateY(0);
		-ms-transform: translateY(0);
		transform: perspective(1px) translateY(0);
		opacity: 1;
		-webkit-transform: scale(1);
		-ms-transform: scale(1);
		transform: scale(1);
	}
	90% {
		-webkit-transform: perspective(1px) translateY(0);
		-ms-transform: translateY(0);
		transform: perspective(1px) translateY(0);
		opacity: 1;
		-webkit-transform: scale(1);
		-ms-transform: scale(1);
		transform: scale(1);
	}
	100% {
		-webkit-transform: translateY(2rem);
		-ms-transform: translateY(2rem);
		transform: translateY(2rem);
		opacity: 0;
		-webkit-transform: scale(1);
		-ms-transform: scale(1);
		transform: scale(1);
	}
}
@-webkit-keyframes input-alert {
	0% {
		-webkit-transform: translateY(2rem);
		-ms-transform: translateY(2rem);
		transform: translateY(2rem);
		opacity: 0;
		-webkit-transform: scale(1);
		-ms-transform: scale(1);
		transform: scale(1);
	}
	10% {
		-webkit-transform: perspective(1px) translateY(0);
		-ms-transform: translateY(0);
		transform: perspective(1px) translateY(0);
		opacity: 1;
		-webkit-transform: scale(1);
		-ms-transform: scale(1);
		transform: scale(1);
	}
	90% {
		-webkit-transform: perspective(1px) translateY(0);
		-ms-transform: translateY(0);
		transform: perspective(1px) translateY(0);
		opacity: 1;
		-webkit-transform: scale(1);
		-ms-transform: scale(1);
		transform: scale(1);
	}
	100% {
		-webkit-transform: translateY(2rem);
		-ms-transform: translateY(2rem);
		transform: translateY(2rem);
		opacity: 0;
		-webkit-transform: scale(1);
		-ms-transform: scale(1);
		transform: scale(1);
	}
}
/*------------- #FORMS - LABELS --------------*/

.input-container {
	position: relative;
	margin: 0 0 10px;
}
.input-container input, .input-container select {
	z-index: 1;
	position: relative;
}
.input-container input:focus~.bar:before, .card .input-container input:focus~.bar:after {
	width: 50%;
}
.input-container input:not(:placeholder-shown)~label {
	-webkit-transform: translate(-25px, -67%) scale(0.9);
	-ms-transform: translate(-25px, -67%) scale(0.9);
	transform: translate(-25px, -67%) scale(0.9);
	z-index: 3;
}

.input-container select:valid:not(.has-placeholder)~label {
	-webkit-transform: translate(-25px, -67%) scale(0.9);
	-ms-transform: translate(-25px, -67%) scale(0.9);
	transform: translate(-25px, -67%) scale(0.9);
	z-index: 3;
}
.input-container label {
	position: absolute;
	top: 0;
	left: 25px;
	color: #817a7a;
	font-size: 16px;
	line-height: 65px;
	-webkit-transition: all .3s ease;
	-o-transition: all .3s ease;
	transition: all .3s ease;
	font-weight: 600;
	text-transform: capitalize;
}
.input-container label.label-white {
	color: #ffffff;
}
.input-container .fakelabel {
	left: 21px;
	color: #817a7a;
	font-size: 14px;
	position: absolute;
	top: -23px;
	font-weight: 600;
}

/*------------- #FORMS - CLICK OPTIONS / ADD BUTTONS / GIFT BUTTONS --------------*/

.input-option, .add_button, .gift-option {
	cursor: pointer;
	-webkit-transition: all .3s ease;
	-o-transition: all .3s ease;
	transition: all .3s ease;
	max-height: 229px;
	margin-bottom: 30px;
	z-index: 1;
	position: relative;
	outline: none;
	-webkit-box-shadow: 3px 3px 0px rgba(0, 0, 0, 0.02);
	box-shadow: 3px 3px 0px rgba(0, 0, 0, 0.02);
}
.input-option {
	background-color: #fff;
}
.input-option.input-option-big {
	height: auto;
	max-height: 1000px;
}
.input-option .image-wrapper {
	padding-top: 40px;
	-webkit-transition: all .3s ease;
	-o-transition: all .3s ease;
	transition: all .3s ease;
}
@media (max-height: 900px) {
	.input-option .image-wrapper {
		padding-top: 25px;
	}
}
.input-option .image-wrapper.left {
	padding-top: 0;
	-ms-flex-preferred-size: 30%;
	flex-basis: 30%;
}
.input-option .image-wrapper img, .add_button .image-wrapper img {
	display: block;
	margin-left: auto;
	margin-right: auto;
	height: 90px;
}
.input-option.input-option-big .image-wrapper img {
	height: 100px;
}
.input-option .image-wrapper img {
	opacity: 0.6;
	-webkit-transition: all .3s ease;
	-o-transition: all .3s ease;
	transition: all .3s ease;
	-webkit-filter: grayscale(0.7);
	filter: grayscale(0.7);
}
.input-option-inner-wrapper {
	-ms-flex-preferred-size: 70%;
	flex-basis: 70%;
	padding: 40px 30px 40px 0;
}
@media (max-height: 900px) {
	.input-option-inner-wrapper {
		padding: 30px 30px 30px 0;
	}
}
.input-option .text {
	text-align: center;
	padding: 30px 25px 45px;
}
@media (max-height: 900px) {
	.input-option .text {
		text-align: center;
		padding-bottom: 25px;
	}
}
.input-option .label {
	color: #2f2c2c;
	position: relative;
	display: -moz-inline-stack;
	display: inline-block;
	line-height: 20px;
	font-size: 18px;
	font-weight: 600;
	padding: 0 0 30px 35px;
}
.input-option .letter {
	color: #fff;
	background: #dfdfdf;
	display: -moz-inline-stack;
	height: 24px;
	border-radius: 2px;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	text-align: center;
	line-height: 25px;
	-webkit-transition: all .3s ease;
	-o-transition: all .3s ease;
	transition: all .3s ease;
	min-width: 24px;
	padding: 0 5px;
	position: absolute;
	left: 0;
	top: -2px;
}
.input-option .caption {
	display: inline-block;
}
.input-option .tick-wrapper {
	opacity: 0;
	-webkit-transition: all .3s ease;
	-o-transition: all .3s ease;
	transition: all .3s ease;
	z-index: 3;
	position: absolute;
	top: -4px;
	right: -4px;
	border-style: solid;
	border-width: 0 60px 60px 0;
	border-color: transparent #4e9d7f transparent transparent;
	position: absolute;
}
.input-option .tick-wrapper::before, .input-option .tick-wrapper::after {
	position: absolute;
	z-index: -1;
	content: '';
	display: block;
	border: 2px solid #3d7a62;
	border-top-color: transparent;
	border-right-color: transparent;
}
.input-option .tick-wrapper::before {
	top: 0px;
	right: -4px;
}
.input-option .tick-wrapper::after {
	top: 56px;
	bottom: 0;
	right: -60px;
}
.input-option .tick:before,.input-option .tick:after {
    content: "";
    display: block;
    height: 20%;
    width: 85%;
    position: absolute;
    top: 37%;
    left: 8%;
    -webkit-transition: .3s;
    -o-transition: .3s;
    transition: .3s;
    background: #f1f1f1;
}
.input-option .tick:before {
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
        transform: rotate(45deg);
}
.input-option .tick:after {
    -webkit-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
        transform: rotate(-45deg);
}
.input-option .tick {
	position: absolute;
	top: 5px;
	right: 5px;
	width: 20px;
	height: 20px;
	z-index:3;
}
.input-option.selected .tick:before {
	-webkit-transform: rotate(-45deg) translate(5%, -15%);
	-ms-transform: rotate(45deg) translate(-10%, 50%);
	    transform: rotate(45deg) translate(-10%, 50%);
	top: 50%;
	width: 55%;
	background: #ffffff
}
.input-option.selected .tick:after {
	-webkit-transform: rotate(-45deg) translate(20%, 10%);
	-ms-transform: rotate(-45deg) translate(25%, 15%);
	    transform: rotate(-45deg) translate(25%, 15%);
	top: 50%;
	width: 85%;
	background: #ffffff
}
.input-option .person-details {
	text-align: center;
	padding: 20px 2px 40px 2px;
}
.input-option .person-details p {
	margin: 0 5px;
	-webkit-transition: all .3s ease;
	-o-transition: all .3s ease;
	transition: all .3s ease;
	font-weight: 600;
	line-height: 1.2em;		
}
.input-option .sub-label {
	color: #302d2c;
	font-weight: 600;
}
.input-option .text-long {
	font-size: 15px;
}
.input-option .text-long-heading {
	position: relative;
	margin: 20px 0 5px 0;
	font-weight: 600;
	color: #2f2c2c;
	display: inline-block
}
.input-option .text-long-heading::before {
	color: #e56781;
	content: "\f055";
	font-size: 15px;
	left: -23px;
	top: 0px;
	position: absolute;
	font-weight: 600;
	font-family: 'Font Awesome 5 Free';
}
.input-option .person-details .relationship, .input-option .sub-label {
	font-size: 13px;
}
.input-option .sub-label {
	padding-top: 5px;
}
.input-option.selected {
	-webkit-animation: selected .3s cubic-bezier(0.175, 0.885, 0.32, 1.275) forwards;
	animation: selected .3s cubic-bezier(0.175, 0.885, 0.32, 1.275) forwards;
	z-index: 2;
	-webkit-box-shadow: 0 20px 20px -10px rgba(0, 0, 0, .1);
	box-shadow: 0 20px 20px -10px rgba(0, 0, 0, .1);
}
.input-option.selected .tick-wrapper {
	opacity: 1;
}
.input-option.selected .image-wrapper img {
	opacity: 1;
	-webkit-filter: grayscale(0);
	filter: grayscale(0);
}
.input-option.selected .letter {
	background-color: #345a7a;
}
.input-option.selected .person-details p {
	color: #302d2c;
}
.input-option .partner-invite {
	margin-top: 20px;
}
.gift-option {
	background-color: #fff;
}
.gift-option .image-wrapper {
	padding-top: 20px;
}
.gift-option .image-wrapper img {
	display: block;
	margin-left: auto;
	margin-right: auto;
	height: 65px;
}
.gift-option .text {
	text-align: center;
	position: relative;
	padding: 7px 2px 15px;
}
.gift-option .text i {
	font-size: 32px;
	line-height: 18px;
	width: 13px;
	color: #fff;
	position: absolute;
	top: -19px;
	left: calc(50% - 15px);
	margin-top: -9px;
	opacity: 0;
	-webkit-transition: all .3s ease;
	-o-transition: all .3s ease;
	transition: all .3s ease;
	-ms-filter: "alpha(opacity=0)";
}
.gift-option .text p {
	margin: 0;
	color: #302d2c;
	text-transform: capitalize;
	left: 0px;
	display: inline-block;
	position: relative;
	font-size: 15px;
}
@media screen and (min-width: 1200px) {
	.input-option .image-wrapper.left {
		-ms-flex-preferred-size: 25%;
		flex-basis: 25%;
	}
	.input-option-inner-wrapper {
		-ms-flex-preferred-size: 75%;
		flex-basis: 75%;
	}
}
@media screen and (min-width: 571px) {
	.input-option:not(.selected):hover .image-wrapper img {
		opacity: 1;
		-webkit-filter: grayscale(0);
		filter: grayscale(0);
	}
	.input-option:not(.selected):hover .letter {
		background-color: #345a7a;
	}
	.input-option:not(.selected):hover .person-details p {
		color: #302d2c;
	}
	.add_button:hover {
		-webkit-box-shadow: 0 2px 30px rgba(0, 0, 0, 0.07);
		box-shadow: 0 2px 30px rgba(0, 0, 0, 0.07);
	}
	.questions .option-padding:last-of-type:before {}
	.gift-option:hover {
		background-color: #345a7a;
		-webkit-transform: translateY(-3px);
		-ms-transform: translateY(-3px);
		transform: translateY(-3px);
		z-index: 2;
		-webkit-box-shadow: 0 20px 20px -10px rgba(0, 0, 0, .1);
		box-shadow: 0 20px 20px -10px rgba(0, 0, 0, .1);
	}
	.gift-option:hover img {
		opacity: 0;
	}
	.gift-option:hover .text i {
		opacity: 1 !important;
		-ms-filter: "alpha(opacity=100)";
		-ms-transform: translateY(-10px);
		-webkit-transform: translateY(-10px);
		transform: translateY(-10px);
	}
	.gift-option:hover .text p {
		color: #fff;
	}
	.add_button:hover {
		-webkit-transform: scale(1.02);
		-ms-transform: scale(1.02);
		transform: scale(1.02);
	}
}
@media screen and (min-width: 993px) {
	.input-option.input-option-big .label {
		padding: 0 0 30px 40px;
	}
}
@media screen and (max-width: 992px) {
	.input-option-wrapper {
		padding: 0 10px;
	}
	.option-padding {
		padding-right: 10px;
		padding-left: 10px;
	}
	.input-option, .add_button, .gift-option {
		margin-bottom: 20px;
	}
	.input-option .text {
		text-align: center;
		padding: 26px 2px 30px 2px;
	}
	.input-option .image-wrapper {
		padding-top: 34px;
	}
	.add_button .image-wrapper {
		padding-top: 13px;
	}
	.input-option .person-details {
		text-align: center;
		padding: 20px 2px 15px 2px;
	}
	.input-option .letter {
		display: none;
	}
	.input-option .label, #basket_contents .input-option .label {
		padding-left: 0;
		font-size: 16px;
		padding-bottom: 15px;		
	}
	.input-option .person-details .relationship, .input-option .sub-label {
		padding-top: 0;
	}
}
@media screen and (max-width: 570px) {
	.input-option .image-wrapper.left {
		padding-top: 25px;
	}
	.input-option.input-option-big {
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		-ms-flex-direction: column;
		flex-direction: column;
		text-align: center;
	}
	.input-option, .add_button {
		height: 135px;
	}
	.input-option.input-option-big .image-wrapper img {
		height: 90px;
	}
	.input-option .image-wrapper img {
		height: 60px;
	}
	.add_button .image-wrapper img {
		height: 75px;
	}
	.gift-option .image-wrapper img {
		height: 45px;
	}
	.input-option .image-wrapper {
		padding-top: 20px;
	}
	.add_button .image-wrapper {
		padding-top: 18px;
	}
	.input-option-inner-wrapper {
		padding: 15px 15px 20px;
	}
	.input-option .text {
		padding: 5px 2px 25px 2px;
	}
	.input-option .text .label, .input-option .text-long {
		font-size: 14px;
	}
	.input-option .person-details .relationship, .input-option .sub-label {
		font-size: 10px;
		line-height: 12px;
	}
	.input-option .person-details {
		padding: 8px 2px 15px 2px;
	}
	.gift-option .image-wrapper {
		padding-top: 15px;
	}
	.gift-option .text {
		padding: 3px 2px 7px;
	}
}
/* Sharing Options */
.input-option.input-option-share {
	max-height: 1000px;
	height: unset;
    border-top: thin solid #fafafa;
    border-left: thin solid #fafafa;	
}
.input-option.input-option-share .image-wrapper {
	padding-top: 25px;
}
.input-option.input-option-share .image-wrapper img {
	height: 60px;
}
.input-option.input-option-share .person-details {
	padding: 15px 20px 20px;
}
.input-option.input-option-share .contact-details input{
	margin: 13px 0 0;
	padding: 10px 15px;
	border-radius: 3px;
	font-size: 15px;
}
.input-option.input-option-share .contact-details input.phone {
	background-repeat: no-repeat;
	background-position: right 10px center;
  background-image: url("data:image/svg+xml;charset=utf8,%3C?xml version='1.0' encoding='iso-8859-1'?%3E%3C!-- Generator: Adobe Illustrator 18.1.1, SVG Export Plug-In . SVG Version: 6.00 Build 0) --%3E%3Csvg version='1.1' id='Capa_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 27.442 27.442' width='25px' height='25px' style='enable-background:new 0 0 27.442 27.442;fill:%236a6a6a2;' xml:space='preserve'%3E%3Cg%3E%3Cpath d='M19.494,0H7.948C6.843,0,5.951,0.896,5.951,1.999v23.446c0,1.102,0.892,1.997,1.997,1.997h11.546 c1.103,0,1.997-0.895,1.997-1.997V1.999C21.491,0.896,20.597,0,19.494,0z M10.872,1.214h5.7c0.144,0,0.261,0.215,0.261,0.481 s-0.117,0.482-0.261,0.482h-5.7c-0.145,0-0.26-0.216-0.26-0.482C10.612,1.429,10.727,1.214,10.872,1.214z M13.722,25.469 c-0.703,0-1.275-0.572-1.275-1.276s0.572-1.274,1.275-1.274c0.701,0,1.273,0.57,1.273,1.274S14.423,25.469,13.722,25.469z M19.995,21.1H7.448V3.373h12.547V21.1z'/%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3C/svg%3E");
}
.input-option.input-option-share .contact-details input.email {
	background-repeat: no-repeat;
	background-position: right 10px center;
  background-image: url("data:image/svg+xml;charset=utf8,%3C?xml version='1.0' encoding='iso-8859-1'?%3E%3C!-- Generator: Adobe Illustrator 16.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 0) --%3E%3C!DOCTYPE svg PUBLIC '-//W3C//DTD SVG 1.1//EN' 'http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd'%3E%3Csvg version='1.1' id='Capa_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' width='22px' height='22px' viewBox='0 0 612 612' style='enable-background:new 0 0 612 612;fill:%236a6a6a2;' xml:space='preserve'%3E%3Cg%3E%3Cpath d='M306.768,346.814h0.131c4.615,0,9.176-1.339,12.866-3.777l1.001-0.643c0.218-0.142,0.446-0.271,0.675-0.424l11.658-9.645 l278.259-229.624c-0.576-0.795-1.557-1.339-2.602-1.339H3.233c-0.751,0-1.448,0.272-2.003,0.729l291.125,239.954 C296.024,345.083,301.259,346.814,306.768,346.814z M0,133.899v340.37l208.55-168.471L0,133.899z M403.668,306.941L612,474.356 V135.031L403.668,306.941z M337.431,361.585c-8.305,6.814-19.168,10.57-30.576,10.57c-11.451,0-22.304-3.734-30.587-10.516 l-47.765-39.394L0,506.806v0.587c0,1.753,1.502,3.244,3.276,3.244h605.491c1.741,0,3.232-1.491,3.232-3.255v-0.544L383.693,323.4 L337.431,361.585z'/%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3C/svg%3E");
}
.share-img {
    max-width: 115%;
    margin-left: -30%;
}
@media screen and (max-width: 1199px) {
	.share-img {
		display: none;
	}
}

/* Pricing Options */

.input-option.popular-option:after {
	background-color: #355b7b;
	position: absolute;
	color: #fff;
	font-size: 18px;
	left: -10px;
	width: 180px;
	height: 35px;
	text-align: center;
	line-height: 35px;
	padding-left: 5px;
	-webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, .05);
	box-shadow: 0 5px 10px rgba(0, 0, 0, .05);
	bottom: 25px;
	z-index: 2;
	content: "Popular Option"
}
.input-option.popular-option:before {
	border: 6px solid;
	border-color: #2a4861;
	border-top-color: transparent;
	border-left-color: transparent;
	position: absolute;
	content: '';
	display: block;
	left: -10px;
	bottom: 60px;
}
.pricing-option .input-option-inner-wrapper {
	padding: 40px 30px 60px 0;
}

.input-option.pricing-option .tick-wrapper {
	border-width: 0 90px 90px 0;
}
.input-option.pricing-option .tick-wrapper::after {
	top: 86px;
	bottom: 0;
	right: -90px;
}
.input-option.pricing-option .pricing-text, .input-option.pricing-option .pricing-text-frequency, .pricing-text, .input-option.pricing-option .pricing-text-discount {
	position: absolute;
	-webkit-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	transition: all 0.3s ease;
	transform: rotate(45deg);
	-webkit-transform: rotate(45deg);
	-moz-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	text-align: center;
	width: 100px;
	font-size: 22px;
	font-weight: 600;
	z-index: 4;
	color: #ffffff;
}
.input-option.pricing-option .pricing-text {
	font-size: 22px;
	top: 8px;
	right: -25px;
}
.input-option.pricing-option .pricing-text-frequency, .input-option.pricing-option .pricing-text-discount {
	font-size: 13px;
	top: 23px;
	right: -17px;
	font-weight: 400;
}
.input-option.pricing-option .pricing-text-discount  {
	display: none
}
.input-option.pricing-option.discounted .pricing-text-discount  {
	display: block
}
.input-option.pricing-option .pricing-text.package, .input-option.pricing-option.discounted .pricing-text {
	top: 3px;
	right: -29px;
}
.input-option.pricing-option .btn.btn-female, .input-option.pricing-option .btn.btn-male {
	margin-bottom: 0
}
.input-option.pricing-option .text-long-heading {
	margin: 20px 6px 0 25px;
}
.input-option.pricing-option .pricing-sub-text {
	display: inline;
}
.input-option.pricing-option .pricing-sub-text::after {
	content: "";
	clear: both;
	display: table;
}
@media screen and (max-width: 570px) {
	.pricing-option .input-option-inner-wrapper {
		padding: 15px 15px 70px;
	}

	.input-option.pricing-option .tick-wrapper {
		border-width: 0 70px 70px 0;
	}
	.input-option.pricing-option .tick-wrapper::after {
		top: 66px;
		bottom: 0;
		right: -70px;
	}	
	.input-option.pricing-option .pricing-text {
		font-size: 19px;
		top: 5px;
		right: -30px;
	}
	.input-option.pricing-option .pricing-text-frequency, .input-option.pricing-option .pricing-text-discount {
		font-size: 10px;
		top: 19px;
		right: -24px;
	}
	.input-option.pricing-option .pricing-text.package, .input-option.pricing-option.discounted .pricing-text {
		top: 1px;
		right: -34px;
	}
}

/* Person Edit */

.person-edit-dots {
	position: absolute;
	padding: 5px 10px 10px 7px;
	z-index: 3;
	cursor: pointer;
}
.person-edit-dots .circle {
	width: 6px;
	height: 6px;
	margin: 4px;
	background: #c1cfd3;
	border-radius: 50%;
	display: block;
	-webkit-animation: dotty 0.6s;
	animation: dotty 0.6s;
	-webkit-transition: all .3s ease;
	-o-transition: all .3s ease;
	transition: all .3s ease;
}
@media (max-width: 768px) {
	.person-edit-dots .circle {
		width: 5px;
		height: 5px;
		margin: 3px;
		-webkit-animation: dotty-small 0.6s;
		animation: dotty-small 0.6s;
	}
}
@media (min-width: 768px) {
	.person-edit-dots:hover .circle {
		background: #6a6a6a;
	}
}
@keyframes dotty {
	0% {
		margin: 9px 4px;
		opacity: 0;
	}
	100% {
		margin: 4px;
		opacity: 1;
	}
}
@keyframes dotty-small {
	0% {
		margin: 7px 3px;
		opacity: 0;
	}
	100% {
		margin: 3px;
		opacity: 1;
	}
}
@-webkit-keyframes dotty {
	0% {
		margin: 9px 4px;
		opacity: 0;
	}
	100% {
		margin: 4px;
		opacity: 1;
	}
}
@-webkit-keyframes dotty-small {
	0% {
		margin: 7px 3px;
		opacity: 0;
	}
	100% {
		margin: 3px;
		opacity: 1;
	}
}
.delete-person {
	position: absolute;
	z-index: 3;
	cursor: pointer;
	top: 2px;
	right: 5px;
	color: #c1cfd3;
	-webkit-transition: all .3s ease;
	-o-transition: all .3s ease;
	transition: all .3s ease;
	padding: 10px;
	opacity: 0;
}
@media (min-width: 768px) {
	.delete-person:hover {
		color: #6a6a6a;
	}
	.input-option:hover .delete-person {
		opacity: 1;
	}	
}
/*------------- #COUPON --------------*/

.coupon input, .option-button select {
	width: 68%;
	border-radius: 50px 0 0 50px;
	background-color: #fff;
	margin-bottom: 0;
	line-height: 17px;
}
#basket_contents .coupon input {
	background-color: #f9f9f9;
}
#basket_contents .coupon input:focus {
	background-color: #fff;
}
.coupon .btn-medium, .option-button .btn-medium {
	border-radius: 0 50px 50px 0;
	width: 30%;
	margin-left: -3px;
	padding: 19px 40px 18px 30px;
}
@media (max-width: 570px) {
	.coupon .btn {
		padding: 17px 20px;
	}
	.coupon {
		width: 100%;
	}
	#basket_contents .coupon input {
		background-color: #fff;
	}
}
@media (max-width: 980px) {
	.coupon {
		margin-bottom: 30px;
	}
}
/*------------- #QUESTIONNAIRE TABLE --------------*/

/* Table */

.app-table {
	border-radius: 0 0 10px 10px;
	overflow: hidden;
	-webkit-box-shadow: 10px 10px 45px 0px rgba(0, 0, 0, 0.1);
	box-shadow: 10px 10px 45px 0px rgba(0, 0, 0, 0.1);
	margin-top: 20px;
	margin-bottom: 50px;
	-webkit-transition: all 0.5s ease;
	-o-transition: all 0.5s ease;
	transition: all 0.5s ease;
	max-height: 3000px;
	position: relative;
    -webkit-touch-callout: text;
    -webkit-user-select: text;
    -khtml-user-select: text;
    -moz-user-select: text;
    -ms-user-select: text;
    user-select: text;	
}
.app-table-wrapper {
	margin-bottom: 50px;
}
.app-table-wrapper .app-table {
	max-height: 1000px;
}
.app-table-wrapper.thead-only .app-table {
	max-height: 155px;
	cursor: pointer;
	border-bottom-left-radius: 0;
	border-bottom-right-radius: 0;
}
.app-table-wrapper.thead-only .app-table:before {
	content: "";
	position: absolute;
	z-index: 1;
	bottom: 0;
	left: 0;
	pointer-events: none;
	background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(255, 255, 255, 0)), color-stop(95%, rgba(255, 255, 255, 1)));
	background-image: -webkit-linear-gradient(top, rgba(255, 255, 255, 0), rgba(255, 255, 255, 1) 95%);
	background-image: -o-linear-gradient(top, rgba(255, 255, 255, 0), rgba(255, 255, 255, 1) 95%);
	background-image: -o-linear-gradient(top, rgba(255, 255, 255, 0), rgba(255, 255, 255, 1) 95%);
	background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0), rgba(255, 255, 255, 1) 95%);
	background-position: bottom center;
	width: 100%;
	height: 70px;
}
.app-table-wrapper .bg-jaggy {
	margin-top: -50px;
	-webkit-transition: all 0.5s ease;
	-o-transition: all 0.5s ease;
	transition: all 0.5s ease;
	background-image: -webkit-linear-gradient(315deg, #fff 0%, #fff 50%, rgba(255, 255, 255, 0) 50%, rgba(255, 255, 255, 0) 100%), -webkit-linear-gradient(225deg, #fff 0%, #fff 50%, rgba(255, 255, 255, 0) 50%, rgba(255, 255, 255, 0) 100%);
	background-image: -o-linear-gradient(315deg, #fff 0%, #fff 50%, rgba(255, 255, 255, 0) 50%, rgba(255, 255, 255, 0) 100%), -o-linear-gradient(225deg, #fff 0%, #fff 50%, rgba(255, 255, 255, 0) 50%, rgba(255, 255, 255, 0) 100%);
	background-image: linear-gradient(135deg, #fff 0%, #fff 50%, rgba(255, 255, 255, 0) 50%, rgba(255, 255, 255, 0) 100%), linear-gradient(-135deg, #fff 0%, #fff 50%, rgba(255, 255, 255, 0) 50%, rgba(255, 255, 255, 0) 100%);
	background-position: bottom center, bottom center;
	background-size: 20px 20px, 20px 20px;
	background-repeat: repeat-x;
	width: 100%;
	height: 0;
	position: relative;
	overflow: hidden;
}
.app-table-wrapper.thead-only .bg-jaggy {
	height: 10px;
}
.app-table table {
	border: none;
}
.app-table tbody {
	background-color: #fff;
}
.app-table tr>th {
	color: #fff;
	font-size: 14px;
	text-transform: uppercase;
	background-color: #345a7a;
	padding: 25px 10px;
	vertical-align: top;	
}
.app-table tr>th.sorting {
  background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA4AAAAcCAMAAAERj07lAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAABRUExURQAAAO7q3uzs4v///////+/v3///1O/v3/Hq3P///+Li4u7p3uzs4Onp6fHs3uzs4+/r3/Dr3O7p3e/p3/Dp2/Pn3O7q3fPo3fDw4e3p4Ozs3zm7ey4AAAAbdFJOUwA/GwQBEAYgJQMJLyoMNxxANDwwJBY9FxE6KYEU2DwAAAAJcEhZcwAAFxEAABcRAcom8z8AAAC2SURBVBhXTZCNEoIwDIODIio6CPgD+P4PatJOj+9upO26sQaGKASGDEGiVTQqfFCJC8CamxclLnp1nKPmnVcKeU4hP1EJGue9go28RmWKL3BKWfIWHTxYzmrPlHwCd6sKIbx5J8i8oLc0KrylnfRIbtEx0JOI3//EtIvRDuRQe3RO79PRfCI6XydmX4k+hjCNJik1Dkq077Btf/TeHCAIV2RiouGM5xW2LhidhRPJwupvZQ3bgC+rIAyhzhnuFgAAAABJRU5ErkJggg==");
  background-repeat: no-repeat;
  background-position: 90% 25px;
  background-size: 10px;
  cursor: pointer;
}
.app-table tr>th.sort-asc {
  background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA4AAAAbCAMAAAEMin5dAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAABmUExURQAAAO7s4e3r4e7u3fDo4e7q3u7s4f///+np3////+7r4O/v3+vr3///1O7r4e/s4ezs3+/q4O7o3e7r4eLi4u3r4O3t4vTp3/Dw4u3r4PHs3u/r3+7p3fDp4u3s4O3s4Ozs2u3p4JZqwHUAAAAidFJOUwDn7x4iP/8EGAG3ECgGx2A4Mi54CZ9IGBL7N0A8JNuHDjrQKwopAAAACXBIWXMAABcRAAAXEQHKJvM/AAAAuUlEQVQYV1WOjRKCMAyDA2r5EUVARK2gvP9LmnbV0+9ulybd2sEQnBXYeLmH7jwcxYUom7jwMMkkxWqhdjxuZUgicgRmisjNE2flbS1YND6KXJP4VDLELpHR5MjnlL2NyYCbqczW+WNnY/WMwmRl0FG9o9q4bmLddx9QLIv9JChzkbwMg5MvklNybXIirblnGPIE6iid2q//0NuHPvTANkqytf4URie/jldyr+SAw0P1cQhDqvu9ogBvJs4M8ymKhN4AAAAASUVORK5CYII=");
}
.app-table tr>th.sort-desc {
  background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA8AAAAbCAMAAAHjSBVjAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAABUUExURQAAAO7r4O3s4O3t3/Hq3e7q3u7s4f////Dr4e3n3P///+vr1+3r4O/s4f///+7s4O7s4O3r4Onp6e3s4Ozs4+/r3/Dr4fDp2+7q3e/r4vLy5f7a2v92718AAAAcdFJOUwDjrzkmP/8EMywBDY9wA5fz+wzLHEA0JD1QFAdlh4NeAAAACXBIWXMAABcRAAAXEQHKJvM/AAAAtElEQVQYV02O2RaCQAxDI0pRWQSdyvb//2m6cPC+pMskU+AJKIoAI4jeIazJpi7EB3zG7Qbc9ViISMmte4FlCVVC2U1V9xg6H5rkY9UqsvoITROKW8iejgjBTJ15gGc9sbjmR3+MliwjGldGdpTONlR/Uexc4xViFM1Z8GD0I2tguPpf1yHatvZWtW6tLdkZDDHryRlyUPldBxXQZ2n09uI7ZTd93YH3xdvLO1piIbSe9GEFfntnC695pYVaAAAAAElFTkSuQmCC");
}
.app-table .filters td {
	padding: 10px 20px;
	background-color: #d1d1d1;
}
.app-table .no-wrap {
	white-space: nowrap;
}
.app-table .app-table-row {
	position: relative;
}
.app-table .app-table-row.no-border {
	border-bottom: none;
}
.app-table .app-table-row:hover {
	background-color: #fbfbfb
}
.app-table tr>th {
	padding: 20px 20px;
}
.app-table td {
	padding: 30px 20px;
	position: relative;
}
.app-table td h4 .payment-frequency {
	font-size: 16px;
	display: block;
}
.app-table td:first-of-type, .app-table th:first-of-type {
	padding-left: 50px !important;
	text-align: left;
}
.app-table td:last-of-type, .app-table th:last-of-type {
	padding-right: 50px !important;
    text-align: center;	
}
.app-table .app-table-row h5 {
	position: relative;
}

.app-table .app-table-row h5 span {
	font-size: 8pt;
	font-style: italic;
}

.app-table .app-table-row .asset-sub {
	font-size: 13px;
	line-height: 18px;
	margin-top: 5px;
}
.app-table .gift-del {
	position: absolute;
	font-size: 20px;
	cursor: pointer;
	color: #e56781;
	-webkit-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	transition: all 0.3s ease;
	bottom: -3px;
	right: -25px;
}
@media (min-width: 980px) {
	.app-table .gift-del {
		opacity: 0.3;
		bottom: 3px;
		right: -35px;
	}
	.app-table-row td:hover .gift-del {
		opacity: 1;
	}
}
@media (max-width: 980px) {
	.app-table td:first-of-type, .app-table th:first-of-type {
		padding-left: 30px !important;
	}
	.app-table td:last-of-type, .app-table th:last-of-type {
		padding-right: 30px !important;
	}
	.app-table td {
		padding: 20px 15px;
	}
	.app-table .app-table-row .gift-editdelete .gift-del {
		padding: 0 25px 0 0;
		font-size: 17px;
	}
	.app-table .app-table-row img {
		margin-right: 0;
		height: 80px;
		margin-bottom: 20px;
	}
}
@media (max-width: 570px) {
	.app-table td:first-of-type, .app-table th:first-of-type {
		padding-left: 15px !important;
	}
	.app-table td:last-of-type, .app-table th:last-of-type {
		padding-right: 15px !important;
	}
	.app-table tr>th {
		padding: 20px 15px;
	}	
	.app-table td {
		padding: 20px 15px;
	}
	.app-table .app-table-row .gift-editdelete .gift-del {
		padding: 0 7px;
		font-size: 14px;
	}
}
/* Table Rows */

.app-table .app-table-row.liability-row {
	background-color: #fefafb;
}
.app-table .app-table-row .item-name p {
	margin: 0;
}
.app-table .app-table-row img {
	margin-right: 40px;
	height: 90px;
}
.app-table .app-table-row img.go-cardless {
	margin-right: auto;
	height: auto;
	position: absolute;
	left: 40px
}
.app-table .app-table-row .item-benefit {
	width: 196px;
	display: inline-block;
	margin-top: 20px
}
.app-table .app-table-row .item-benefit+.item-benefit {
	margin-top: 0px
}
.app-table .app-table-row .item-benefit i {
	margin-right: 11px;
}
.app-table .app-table-row .fa-info-circle {
	margin-left: 15px;
	cursor: pointer;
}
.app-table .assets-liabilities-table .app-table-row:hover img {
	opacity: 1;
	-webkit-filter: grayscale(0);
	filter: grayscale(0);
}
.app-table .assets-liabilities-table .app-table-row img {
	opacity: 0.6;
	-webkit-transition: all .3s ease;
	-o-transition: all .3s ease;
	transition: all .3s ease;
	-webkit-filter: grayscale(0.7);
	filter: grayscale(0.7);
}
@media (max-width: 570px) {
	.app-table .app-table-row img {
		display: none;
	}
	.app-table .app-table-row .item-name div {
		font-size: 14px;
	}
	.app-table .app-table-row .item-benefit {
		width: unset;
		display: block;
	}
}
/* Counter for Gifts */

.app-table {
	counter-reset: h6;
}
.gift-number h6:before {
	color: #2f2c2c;
	counter-increment: h6;
	content: counter(h6);
}
/* Totals Row (distribution) */

.app-table .totals {
	background-color: #fbfbfb;
	border-bottom: 1px solid #eaf1f2;
	text-align: center !important;
}
.app-table .totals .share-total {
	float: left;
	text-align: left;
	margin: 5px 0;
}
.app-table .totals .share-total>span {
	font-size: 12px;
	position: absolute;
	line-height: 18px;
	font-weight: 600;
	text-transform: uppercase;
	color: #6a6a6a;
}
.app-table .totals .btn {
	float: right;
}
@media (max-width: 786px) {
	.app-table .totals .btn {
		margin-right: 25px;
	}
	.app-table .totals .share-total>span {
		position: relative;
	}
}
@media (max-width: 570px) {
	.app-table .totals .btn, .app-table .totals .share-total {
		float: none;
		text-align: center;
		margin-right: 0;
	}
	.app-table .totals .btn {
		margin-top: 30px;
	}
}
/* Actions Row (checkout) */

.app-table .actions {
	background-color: #fbfbfb;
	border-bottom: 1px solid #eaf1f2;
	text-align: center !important;
}
.app-table .actions .coupon {
	width: 50%;
}
.app-table .actions .coupon .input-container {
	margin: 0;
}
.app-table .actions .btn--dark {
	float: right;
}
@media (max-width: 570px) {
	.app-table .actions .btn--dark {
		float: none;
	}
	.app-table .actions .coupon {
		width: 100%;
	}
}
/* Table Percentage ---------------------------------------------------------------- fix */

.app-table .app-table-row .quantity {
	display: -webkit-box;
	display: -ms-flexbox;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: flex-end;
    display: inline-flex;	
}
.app-table .app-table-row .quantity .quantity-minus, .app-table .app-table-row .quantity .quantity-plus {
	display: block;
	background-color: #eaeaea;
	font-size: 40px;
	color: #fff;
	-webkit-transition: all .3s ease;
	-o-transition: all .3s ease;
	transition: all .3s ease;
	line-height: 59px;
	cursor: pointer;
}
.app-table .app-table-row .quantity .quantity-plus {
	border-radius: 0 50px 50px 0;
	padding: 0 15px 0 12px;
}
.app-table .app-table-row .quantity .quantity-minus {
	border-radius: 50px 0 0 50px;
	padding: 0 12px 0 15px;
}
.app-table .app-table-row .quantity .quantity-plus:hover, .app-table .app-table-row .quantity .quantity-minus:hover {
	background-color: #e56781;
}
.app-table .app-table-row .quantity input {
	background-color: #fbfbfb;
	padding: 15px 0;
	margin-bottom: 0;
    min-width: 60px;	
	max-width: 100px;
	border-left: 3px solid #fff;
	border-right: 3px solid #fff;
	font-size: 23px;
	text-align: center;
}
.app-table .app-table-row:hover .quantity input {
	background-color: #fff;
}
.app-table .assets-liabilities-table .app-table-row.liability-row .quantity input {
	background-color: #ffffff;
}
.app-table .assets-liabilities-table .app-table-row .quantity input {
	padding: 15px 0 15px 25px;
	text-align: left;
	font-size: 20px;
	max-width: 140px;
}
.app-table .liability-row .quantity input {
	color: #e56781;
}
.app-table .assets-liabilities-table .app-table-row .quantity .quantity-minus {
	position: relative;
}
.app-table .assets-liabilities-table .app-table-row .quantity-minus:after {
	content: '£';
	font-size: 20px;
	top: 1px;
	right: -25px;
	position: absolute;
	z-index: 2;
	line-height: 58px;
	font-weight: 600;
}
.app-table .assets-liabilities-table .app-table-row .quantity-minus:before {
	content: '(APPROXIMATE)';
	font-size: 8px;
	bottom: -20px;
	right: -175px;
	position: absolute;
	z-index: 2;
	line-height: 18px;
	font-weight: 600;
	width: 170px;
	text-align: left;
}
.app-table .assets-liabilities-table .quantity-minus:before, .app-table .assets-liabilities-table .quantity-minus:after {
	color: #2f2c2c;
}
.app-table .assets-liabilities-table .liability-row .quantity-minus:after {
	color: #e56781;
}
@media (max-width: 570px) {
	.app-table .app-table-row .quantity input {
		padding: 7px 0;
		font-size: 16px;
		max-width: 70px;
	}
	.app-table .assets-liabilities-table .app-table-row .quantity input {
		padding: 10px 0 10px 15px;
		font-size: 12px;
		min-width: 70px;
	}
	.app-table .app-table-row .quantity .quantity-minus, .app-table .app-table-row .quantity .quantity-plus {
		font-size: 30px;
		line-height: 33px
	}
	.app-table .app-table-row .quantity .quantity-plus {
		padding: 0 9px 0 6px;
	}
	.app-table .app-table-row .quantity .quantity-minus {
		padding: 0 6px 0 9px;
	}
	.app-table .assets-liabilities-table .app-table-row .quantity-minus:after {
		font-size: 12px;
		right: -16px;
		line-height: 37px;
	}
}
/*------------- #CHECKBOX --------------*/

.css-checkbox input[type="checkbox"] {
	display: none;
}
.css-checkbox label {
	display: inline-block;
	cursor: pointer;
	position: relative;
	-webkit-transition: .3s ease;
	-o-transition: .3s ease;
	transition: .3s ease;
}
.css-checkbox label span {
	display: inline-block;
	position: relative;
	background-color: transparent;
	width: 25px;
	height: 25px;
	-webkit-transform-origin: center;
	-ms-transform-origin: center;
	transform-origin: center;
	border-radius: 50%;
	vertical-align: -6px;
	margin-left: 10px;
	-webkit-transition: background-color 150ms 200ms, -webkit-transform 350ms cubic-bezier(0.78, -1.22, 0.17, 1.89);
	transition: background-color 150ms 200ms, -webkit-transform 350ms cubic-bezier(0.78, -1.22, 0.17, 1.89);
	-o-transition: background-color 150ms 200ms, transform 350ms cubic-bezier(0.78, -1.22, 0.17, 1.89);
	transition: background-color 150ms 200ms, transform 350ms cubic-bezier(0.78, -1.22, 0.17, 1.89);
	transition: background-color 150ms 200ms, transform 350ms cubic-bezier(0.78, -1.22, 0.17, 1.89), -webkit-transform 350ms cubic-bezier(0.78, -1.22, 0.17, 1.89);
}
.css-checkbox label span:before {
	content: "";
	width: 0px;
	height: 2px;
	border-radius: 2px;
	position: absolute;
	-webkit-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	transform: rotate(45deg);
	top: 11px;
	left: 7px;
	-webkit-transition: width 50ms ease 50ms;
	-o-transition: width 50ms ease 50ms;
	transition: width 50ms ease 50ms;
	-webkit-transform-origin: 0% 0%;
	-ms-transform-origin: 0% 0%;
	transform-origin: 0% 0%;
}
.css-checkbox label span:after {
	content: "";
	width: 0;
	height: 2px;
	border-radius: 2px;
	position: absolute;
	-webkit-transform: rotate(305deg);
	-ms-transform: rotate(305deg);
	transform: rotate(305deg);
	top: 14px;
	left: 9px;
	-webkit-transition: width 50ms ease;
	-o-transition: width 50ms ease;
	transition: width 50ms ease;
	-webkit-transform-origin: 0% 0%;
	-ms-transform-origin: 0% 0%;
	transform-origin: 0% 0%;
}
.css-checkbox input[type="checkbox"]:checked+label span {
	-webkit-transform: scale(1.25);
	-ms-transform: scale(1.25);
	transform: scale(1.25);
}
.css-checkbox input[type="checkbox"]:checked+label span:after {
	width: 10px;
	-webkit-transition: width 150ms ease 100ms;
	-o-transition: width 150ms ease 100ms;
	transition: width 150ms ease 100ms;
}
.css-checkbox input[type="checkbox"]:checked+label span:before {
	width: 5px;
	-webkit-transition: width 150ms ease 100ms;
	-o-transition: width 150ms ease 100ms;
	transition: width 150ms ease 100ms;
}
@media (min-width: 571px) {
	.css-checkbox label:hover span:before {
		width: 5px;
		-webkit-transition: width 100ms ease;
		-o-transition: width 100ms ease;
		transition: width 100ms ease;
	}
	.css-checkbox label:hover span:after {
		width: 10px;
		-webkit-transition: width 150ms ease 100ms;
		-o-transition: width 150ms ease 100ms;
		transition: width 150ms ease 100ms;
	}
	.css-checkbox input[type="checkbox"]:checked+label:hover span {
		-webkit-transform: scale(1);
		-ms-transform: scale(1);
		transform: scale(1);
	}
}
/* Light Styles */

.css-checkbox.light label span {
	border: 2px solid #2f2c2c;
}
.css-checkbox.light label span:before {
	background: #2f2c2c;
}
.css-checkbox.light label span:after {
	background: #2f2c2c;
}
.css-checkbox.light input[type="checkbox"]:checked+label span {
	background-color: #fff;
	border: 2px solid #fff;
}
.css-checkbox.light input[type="checkbox"]:checked+label span:after {
	background: #4f9b7e;
}
.css-checkbox.light input[type="checkbox"]:checked+label span:before {
	background: #4f9b7e;
}
@media (min-width: 571px) {
	.css-checkbox.light label:hover {
		color: #000;
	}
	.css-checkbox.light label a:hover {
		text-decoration: underline;
	}
}
/* Dark Styles */

.css-checkbox.dark label {
	color: #c1cfd3;
}
.css-checkbox.dark label span {
	border: 2px solid #fff;
}
.css-checkbox.dark label span:before {
	background: #fff;
}
.css-checkbox.dark label span:after {
	background: #fff;
}
.css-checkbox.dark input[type="checkbox"]:checked+label span {
	background-color: #fff;
}
.css-checkbox.dark input[type="checkbox"]:checked+label span:after {
	background: #4f9b7e;
}
.css-checkbox.dark input[type="checkbox"]:checked+label span:before {
	background: #4f9b7e;
}
@media (min-width: 571px) {
	.css-checkbox.dark label:hover {
		color: #fff;
	}
}
/*------------- #TOGGLE SWITCH --------------*/

.switch {
	position: relative;
	display: inline-block;
	width: 115px;
	height: 64px;
}
.switch input {
	display: none;
}
.slider {
	position: absolute;
	cursor: pointer;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background-color: #e56781;
	-webkit-transition: .4s;
	-o-transition: .4s;
	transition: .4s;
}
.slider:before {
	position: absolute;
	content: "No";
	height: 52px;
	width: 52px;
	line-height: 50px;
	text-align: center;
	color: #2f2c2c;
	left: 6px;
	bottom: 6px;
	background-color: white;
	-webkit-transition: .4s;
	-o-transition: .4s;
	transition: .4s;
	font-size: 16px;
	pointer-events: none;
	font-weight: 600;
}
input:checked+.slider {
	background-color: #4f9b7e;
}
input:checked+.slider:before {
	content: "Yes";
	-webkit-transform: translateX(51px);
	-ms-transform: translateX(51px);
	transform: translateX(51px);
	font-weight: 600;
}
.slider.round {
	border-radius: 36px;
}
.slider.round:before {
	border-radius: 50%;
}
.inflation:after {
	position: absolute;
	content: "Increase  amount with inflation?";
	top: 6px;
	left: -160px;
	width: 150px;
	text-align: center;
}
@media screen and (max-width: 570px) {
	.slider {
		pointer-events: none;
	}
	.inflation.switch, .app-table-row .switch {
		width: 85px;
		height: 54px;
	}
	.inflation.switch .slider:before, .app-table-row .slider:before {
		height: 42px;
		width: 42px;
		line-height: 40px;
		font-size: 14px;		
	}
	.inflation input:checked+.slider:before, .app-table-row input:checked+.slider:before {
		-webkit-transform: translateX(31px);
		-ms-transform: translateX(31px);
		transform: translateX(31px);
	}
}
/* Slider Joint + Sole */

.sole-joint .slider:before {
	content: "Sole";
}
.sole-joint input:checked+.slider:before {
	content: "Joint";
}

.myself-multiple .slider:before {
	content: "Myself";
}
.myself-multiple input:checked+.slider:before {
	content: "Multiple";
}
/* Slider Tooltip */
.questions .switch::before, .questions .switch::after {
	pointer-events: none;
	outline: none;
	display: block;
	position: absolute;
	bottom: 15px;
	left: 115%;
	margin: 0;
	padding: 0;
	opacity: 0;
	-webkit-animation: show-tip 0.5s;
	animation: show-tip 0.5s;
	-webkit-animation-delay: 5s;
	animation-delay: 5s;
	-webkit-animation-fill-mode: forwards;
	animation-fill-mode: forwards;	
}
.questions .switch::before {
	content: "";
	z-index: 999;
	width: 0;
	height: 0;
	line-height: 0;
	border-right: 10px solid #302c2c;
	border-top: 7px solid transparent;
	border-bottom: 7px solid transparent;
	border-left: transparent;
	overflow: hidden;
	margin-left: -10px;
	bottom: 25px;
}
.questions .switch::after {
	width: 150px;
	z-index: 998;
	text-align: center;
	word-wrap: normal;
	font-style: normal;
	word-break: normal;
	font-size: 17px;
	color: #fff;
	background-color: #302c2c;
	border-radius: 5px;
	padding: 5px 10px;
	-webkit-box-shadow: 9px 0px 40px rgba(0, 0, 0, 0.1);
	box-shadow: 9px 0px 40px rgba(0, 0, 0, 0.1);	
}
@media screen and (min-width: 571px) {
	.questions .switch::after {
		content: "Click to change";
	}
}
@media screen and (max-width: 570px) {
	.questions .switch::after {
		content: "Tap to change";
	}
}
.questions .app-table .switch::after, .questions .app-table .switch::before {
	display: none;
}
@-webkit-keyframes show-tip {
	100% {
		opacity: 1;
	}
}
@keyframes show-tip {
	100% {
		opacity: 1;
	}
}
/*------------- #RANGE-SLIDER --------------*/

#slider {
	width: 450px;
	padding: 0 5px;
	height: 64px;
	position: relative;
	background-color: #f7f9f9;
	border-radius: 40px;
}
#slider .bar {
	width: 100%;
	padding: 0;
	height: 64px;
	position: relative;
	background-color: #f7f9f9;
	border-radius: 40px;
	-webkit-appearance: none;
}
#slider:hover {
	background-color: #fff;
	-webkit-box-shadow: 9px 0px 40px rgba(0, 0, 0, 0.1);
	-webkit-appearance: none;
	box-shadow: 9px 0px 40px rgba(0, 0, 0, 0.1);
}
input[type="range"] {
	-webkit-appearance: none;
	background-color: white;
	height: 2px;
}
input[type="range"]::-webkit-slider-thumb {
	-webkit-appearance: none;
	position: relative;
	top: 0px;
	z-index: 1;
	width: 55px;
	height: 55px;
	cursor: pointer;
	border-radius: 50%;
	background-color: #e56781;
}
input[type="range"]:hover~#rangevalue, input[type="range"]:active~#rangevalue {
	opacity: 1;
	right: -80px;
}
/* Value */

#rangevalue {
	font-size: 20px;
	display: block;
	color: #302c2c;
	margin: 20px 0;
	position: absolute;
	top: -20px;
	right: -50px;
	line-height: 64px;
	opacity: 0;
	-webkit-transition: all 0.5s ease;
	-o-transition: all 0.5s ease;
	transition: all 0.5s ease;
	text-right: left;
}
/*------------- #CHARITY DROP-DOWN --------------*/

.ui-widget {
	z-index: 1000;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	list-style: none;
	padding: 8px 0;
	border-radius: 10px;
	background: #fff;
	border: 1px solid #f9f9f9;
	-webkit-box-shadow: 0 20px 20px -10px rgba(0, 0, 0, .1);
	box-shadow: 0 20px 20px -10px rgba(0, 0, 0, .1);
	text-shadow: none;
	width: calc(100% - 49px) !important;
	max-height: 200px;
	overflow-y: auto;
}
.ui-widget li {
	position: relative;
	padding: 4px 20px;
	cursor: pointer;
}
@media (min-width: 571px) {
	.ui-widget {
		width: 570px !important;
		max-height: 400px;
	}
	.ui-widget li:hover {
		background: #67ab8c;
		color: #fff
	}
}
.ui-widget li [aria-selected=true] {
	background: #67ab8c;
	color: #fff
}
.ui-helper-hidden-accessible {
	display: none;
}
/*------------- #HIDE / SHOW FAQ ACCORDION --------------*/

.tool-tip__icon {
	isplay: block;
	height: 24px;
	line-height: 24px;
	width: 63px;
	color: #302c2c;
	cursor: help;
	position: relative;
	-webkit-transition: opacity 0.5s ease;
	-o-transition: opacity 0.5s ease;
	transition: opacity 0.5s ease;
	text-transform: capitalize;
	font-style: normal;
	font-weight: 600;
	margin-top: 20px;
	-webkit-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	transition: all 0.3s ease;
	
	display: none;
}
.tool-tip__icon.collapsed:before, .tool-tip__icon.collapsed:after {
	position: absolute;
	font-family: 'Font Awesome 5 Free';
	-webkit-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	transition: all 0.3s ease;
	top: 0;
}
.tool-tip__icon.collapsed:before {
	content: "?";
	font-size: 20px;
	right: -8px;
	color: white;
	background-color: #e56781;
	border-radius: 50%;
	padding: 1px 8px;
	font-family: Muli;
	top: -1px;
}
.tool-tip__icon.collapsed:after {
	color: #e56781;
	content: "\f0d7";
	font-size: 16px;
	right: 0;
	opacity: 0;
	font-family: 'Font Awesome 5 Free';
}
@media screen and (min-width: 570px) {
	.tool-tip__icon.collapsed:hover:after {
		opacity: 1;
	}
	.tool-tip__icon.collapsed:hover:before {
		opacity: 0;
	}
}
.tool-tip__icon:before {
	color: #e56781;
	position: absolute;
	font-family: 'Font Awesome 5 Free';
	content: "\f0d8";
	font-size: 16px;
	right: 5px;
	-webkit-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	transition: all 0.3s ease;
}
/*------------- #FAQ ACCORDION--------------*/

.accordionFaq {
	margin-top: 15px;
	width: 90%;
}
.accordionFaq-wrapper {
	position: relative;
}
.accordionFaq-heading {
	cursor: pointer;
	font-weight: 600;
	-webkit-transition: all .3s ease;
	-o-transition: all .3s ease;
	transition: all .3s ease;
	color: #2f2c2c;
	padding: 15px 0 15px 35px;
	-webkit-touch-callout: none;
	/* iOS Safari */
	-webkit-user-select: none;
	/* Safari */
	/* Konqueror HTML */
	-moz-user-select: none;
	/* Firefox */
	-ms-user-select: none;
	/* Internet Explorer/Edge */
	user-select: none;
	position: relative;
	display: inline-block;
}
.accordionFaq-heading:not(.collapsed) {
	padding: 15px 0 15px 45px;
	font-weight: 600;
}
.accordionFaq-heading:before, .accordionFaq-heading:after {
	content: '';
	position: absolute;
	width: 16px;
	height: 3px;
	top: 27px;
	left: 12px;
	margin-left: -9px;
	margin-top: -2px;
	background-color: #345a7a;
	border-radius: 2px;
	-webit-transition: all 0.3s ease;
	-webkit-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	transition: all 0.3s ease;
}
.accordionFaq-heading:not(.collapsed)::after {
	width: 10px;
	top: 30px;
	left: 15px;
	-ms-transform: rotate(-40deg);
	-webkit-transform: rotate(-40deg);
	transform: rotate(-40deg);
}
.accordionFaq-heading:not(.collapsed)::before {
	width: 10px;
	top: 25px;
	left: 15px;
	-ms-transform: rotate(40deg);
	-webkit-transform: rotate(40deg);
	transform: rotate(40deg);
}
.accordionFaq-heading.collapsed:after {
	-ms-transform: rotate(-90deg);
	-webkit-transform: rotate(-90deg);
	transform: rotate(-90deg);
}
.accordionFaq-text {
	padding: 5px 20px 10px 45px;
	border-radius: 3px;
}
.FaqFootnote {
	padding-top: 15px;
}
@media screen and (min-width: 570px) {
	.accordionFaq-heading {
		font-size: 16px;
	}
	.accordionFaq-heading.collapsed:hover {
		color: #345a7a;
	}
}
@media screen and (max-width: 570px) {
	.accordionFaq {
		width: 100%;
	}
	.accordionFaq-heading {
		padding: 10px 0 10px 30px;
	}
	.accordionFaq-heading:before, .accordionFaq-heading:after {
		left: 12px;
		width: 12px;
		top: 23px;
	}
	.accordionFaq-heading:not(.collapsed)::after {
		width: 8px;
		top: 26px;
		-ms-transform: rotate(-40deg);
		-webkit-transform: rotate(-40deg);
		transform: rotate(-40deg);
	}
	.accordionFaq-heading:not(.collapsed)::before {
		width: 8px;
		top: 22px;
		-ms-transform: rotate(40deg);
		-webkit-transform: rotate(40deg);
		transform: rotate(40deg);
	}
	.accordionFaq-text {
		padding-left: 5px;
	}
	.accordionFaq-heading:not(.collapsed) {
		padding: 10px 0 10px 30px;
	}
}
/*------------- #TOOL TIPS HOVER --------------*/

*[data-tooltip] {
	position: relative;
	cursor: help;
}
*[data-tooltip]::before, *[data-tooltip]::after {
	pointer-events: none;
	outline: none;
	display: block;
	position: absolute;
	bottom: 100%;
	left: 50%;
	margin: 0;
	padding: 0;
	opacity: 0;
	-webkit-transition: all 0.3s ease-out 0.1s;
	-o-transition: all 0.3s ease-out 0.1s;
	transition: all 0.3s ease-out 0.1s;
	-webkit-transform: translate(-50%, -1rem);
	-ms-transform: translate(-50%, -1rem);
	transform: translate(-50%, -1rem);
}
/* Tooltip arrow */

*[data-tooltip]::before {
	content: "";
	z-index: 999;
	width: 0;
	height: 0;
	line-height: 0;
	border-top: 8px solid #302c2c;
	border-left: 8px solid transparent;
	border-right: 8px solid transparent;
	border-bottom: transparent;
	overflow: hidden;
	margin-bottom: 14px;
}
/* Tooltip bubble */

*[data-tooltip]::after {
	content: attr(data-tooltip);
	width: 200px;
	z-index: 998;
	margin-bottom: 22px;
	text-align: center;
	word-wrap: normal;
	font-style: normal;
	word-break: normal;
	line-height: 1.4;
	font-size: 17px;
	padding: 8px;
	min-height: 18px;
	color: #fff;
	background-color: #302c2c;
	border-radius: 0.2em;
	-webkit-box-shadow: 0 2px 30px rgba(0, 0, 0, 0.07);
	box-shadow: 0 2px 30px rgba(0, 0, 0, 0.07);
}
/* :hover & :focus states */

*[data-tooltip]:hover::before, *[data-tooltip]:focus::before, *[data-tooltip]:hover::after, *[data-tooltip]:focus::after {
	-webkit-transform: perspective(1px) translate(-50%, 0);
	-ms-transform: translate(-50%, 0);
	transform: perspective(1px) translate(-50%, 0);
	pointer-events: auto;
	opacity: 1;
}
/* #Nav theme */

*[data-tooltip][data-tooltip-theme~="nav"]::after, [data-tooltip-theme~="nav"] *[data-tooltip]::after {
	width: 80px;
}
*[data-tooltip][data-tooltip-theme~="nav"]:hover::before, *[data-tooltip][data-tooltip-theme~="nav"]:focus::before, *[data-tooltip][data-tooltip-theme~="nav"]:hover::after, *[data-tooltip][data-tooltip-theme~="nav"]:focus::after, *[data-tooltip-theme~="nav"][data-tooltip]:hover::before, *[data-tooltip-theme~="nav"][data-tooltip]:focus::before, *[data-tooltip-theme~="nav"][data-tooltip]:hover::after, *[data-tooltip-theme~="nav"][data-tooltip]:focus::after {
	-webkit-transition-delay: 0.6s;
	-o-transition-delay: 0.6s;
	transition-delay: 0.6s;
}
a[data-tooltip] {
	cursor: pointer;
}
/*******************
	Tutorial
*******************/

.tutorial-background {
	/*******************
    background-color: rgba(10, 10, 10, 0.3);
    bottom: 0;
    left: 0;
    position: fixed;
    right: 0;
    top: 0;
    z-index: 997;
*******************/
	-webkit-transform: scale(0);
	-ms-transform: scale(0);
	transform: scale(0);
}
.tutorial-background.show {
	-webkit-animation: modalUp 0.6s forwards;
	animation: modalUp 0.6s forwards;
}
.show-tutorial {
	z-index: 998 !important;
	pointer-events: none;
}
.tutorial-element {
	position: relative;
}
.tutorial-element .tutorial-close {
	position: absolute;
	cursor: pointer;
	border: none;
	background-color: transparent;
	fill: rgba(255, 255, 255, 0.5);
	top: 0;
	right: 0;
}
.tutorial-element a.tutorial-close {
	-ms-flex-align: center;
	-webkit-box-align: center;
	align-items: center;
	border-radius: 50%;
	display: -ms-flexbox;
	display: -webkit-box;
	display: flex;
	height: 25px;
	-ms-flex-pack: center;
	-webkit-box-pack: center;
	justify-content: center;
	position: absolute;
	right: 15px;
	top: 18px;
	background-color: rgba(255, 255, 255, 0.1);
	-webkit-transition: background-color 0.3s;
	-o-transition: background-color 0.3s;
	transition: background-color 0.3s;
	width: 25px;
}
.tutorial-element a.tutorial-close:hover, .tutorial-element a.tutorial-close:focus {
	background-color: rgba(255, 255, 255, 0.3)
}
.tutorial-element a.tutorial-close:active {
	background-color: #e5e8e8
}
.tutorial-element a.tutorial-close i {
	color: #f7f9f9;
	text-align: center;
	font-size: 10px;
}
.tutorial-element-content::before, .tutorial-element-content {
	pointer-events: none;
	outline: none;
	display: block;
	position: absolute;
	left: 50%;
	margin: 0;
	padding: 0;
	opacity: 0;
	-webkit-transition: all 0.3s ease-out 0.1s;
	-o-transition: all 0.3s ease-out 0.1s;
	transition: all 0.3s ease-out 0.1s;
	-webkit-transform: translate(-50%, -1rem);
	-ms-transform: translate(-50%, -1rem);
	transform: translate(-50%, -1rem);
}
/* Tooltip arrow */

.tutorial-element-content:before {
	content: "";
	z-index: 999;
	width: 0;
	height: 0;
	line-height: 0;
	border-top: 8px solid #302c2c;
	border-left: 8px solid transparent;
	border-right: 8px solid transparent;
	border-bottom: transparent;
	overflow: hidden;
	bottom: -8px;
}
/* Tooltip bubble */

.tutorial-element-content {
	bottom: 100%;
	width: 300px;
	z-index: 998;
	margin-bottom: 18px;
	line-height: 1.3;
	font-size: 17px;
	padding: 18px 60px 18px 30px;
	min-height: 18px;
	color: #fff;
	background-color: #302c2c;
	border-radius: 5px;
	-webkit-box-shadow: 0 2px 30px rgba(0, 0, 0, 0.07);
	box-shadow: 0 2px 30px rgba(0, 0, 0, 0.07);
	-webkit-animation: pulse 5s 5s infinite;
	animation: pulse 5s 5s infinite;
	text-transform: none;
	font-weight: 500;
}
/* :hover & :focus states */

.show-tutorial .tutorial-element-content:before, .show-tutorial .tutorial-element-content {
	-webkit-transform: perspective(1px) translate(-50%, 0);
	-ms-transform: translate(-50%, 0);
	transform: perspective(1px) translate(-50%, 0);
	pointer-events: auto;
	opacity: 1;
}
/* left */

.tutorial-element.tutorial-element-left .tutorial-element-content:before {
	bottom: 30%;
	right: -11px;
	left: auto;
	border-left: 8px solid #302c2c;
	border-top: 8px solid transparent;
	border-bottom: 8px solid transparent;
	border-right: transparent;
}
.tutorial-element.tutorial-element-left .tutorial-element-content {
	left: -184px;
	bottom: -77px;
	right: 0;
}
@media screen and (max-width: 570px) {
	.tutorial-element.tutorial-element-left .tutorial-element-content:before {
		border-top: 8px solid #302c2c;
		border-left: 8px solid transparent;
		border-right: 8px solid transparent;
		border-bottom: transparent;
		overflow: hidden;
		bottom: -8px;
		right: 20px;
	}
	.tutorial-element.tutorial-element-left .tutorial-element-content {
		left: -110px;
		bottom: 40px;
		right: 0;
	}
}
/* Right */

.tutorial-element.tutorial-element-right .tutorial-element-content:before {
	bottom: 40%;
	left: -4px;
	right: auto;
	border-right: 8px solid #302c2c;
	border-top: 8px solid transparent;
	border-bottom: 8px solid transparent;
	border-left: transparent;
}
.tutorial-element.tutorial-element-right .tutorial-element-content {
	right: -475px;
	bottom: -51px;
	left: auto;
}
@media screen and (max-width: 570px) {
	.tutorial-element.tutorial-element-right .tutorial-element-content:before {
		top: -8px;
		bottom: auto;
		border-bottom: 8px solid #302c2c;
		border-left: 8px solid transparent;
		border-right: 8px solid transparent;
		border-top: transparent;
		left: 60px
	}
	.tutorial-element.tutorial-element-right .tutorial-element-content {
		bottom: -135px;
		right: auto;
		left: 148px;
	}
}
/* bottom */

.tutorial-element.tutorial-element-bottom .tutorial-element-content:before {
	top: -8px;
	bottom: auto;
	border-bottom: 8px solid #302c2c;
	border-left: 8px solid transparent;
	border-right: 8px solid transparent;
	border-top: transparent;
}
.tutorial-element.tutorial-element-bottom .tutorial-element-content {
	bottom: -155px;
}
/*******************
	Notification
*******************/

.notification-popup {
	background: #4f9b7e;
	padding: 15px 35px;
	position: fixed;
	z-index: 10000000000;
	color: #fff;
	-webkit-transition: all 0.8s ease-out;
	-o-transition: all 0.8s ease-out;
	transition: all 0.8s ease-out;
	-webkit-box-shadow: 0 2px 20px rgba(0, 0, 0, 0.4);
	box-shadow: 0 2px 20px rgba(0, 0, 0, 0.4);
	top: 0;
	right: 0;
	bottom: auto;
	left: auto;
	padding: 20px 65px 20px 35px;
	border-radius: 5px;
	text-align: center;
	margin: 8px;

}
.notification-popup.warning {
	background: #e56781;
}
.notification-popup.active {
	-webkit-transform: none;
	-ms-transform: none;
	transform: none;
}
.notification-popup.disabled {
	-ms-transform: translateY(-220%);
	-webkit-transform: translateY(-220%);
	transform: translateY(-220%);
}
.notification-popup p {
	color: #fff;
	margin: 0;
	line-height: 1.5;
}
.notification-popup a.close-notice {
	-ms-flex-align: center;
	-webkit-box-align: center;
	align-items: center;
	border-radius: 50%;
	display: -ms-flexbox;
	display: -webkit-box;
	display: flex;
	height: 25px;
	-ms-flex-pack: center;
	-webkit-box-pack: center;
	justify-content: center;
	position: absolute;
	right: 16px;
	top: 20px;
	background-color: rgba(255, 255, 255, 0.1);
	-webkit-transition: background-color 0.3s;
	-o-transition: background-color 0.3s;
	transition: background-color 0.3s;
	width: 25px;
	cursor: pointer;
}
.notification-popup a.close-notice:hover, .notification-popup a.close-notice:focus {
	background-color: rgba(255, 255, 255, 0.3)
}
.notification-popup a.close-notice:active {
	background-color: #e5e8e8
}
.notification-popup a.close-notice i {
	color: #f7f9f9;
	text-align: center;
	font-size: 14px;
}
@media only screen and (max-width: 768px) {
	.notification-popup {
		top: 15px;
		bottom: auto;
		left: 15px;
		right: 15px;
		padding: 20px 10px;
		width: auto;
		margin: 0;
		border-radius: 13px;
	}
	.notification-popup a.close-notice {
		right: 6px;
		top: 6px;
	}
	.notification-popup p {
		margin: 0 auto;
		text-align: center;
		width: 80%;
		font-size: 16px;
	}
}
/*------------- #LOGIN/SIGNUP --------------*/

.card {
	-moz-transition: .3s ease;
	-webkit-transition: .3s ease;
	background: #fff;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	padding: 40px 0 0;
	position: relative;
	-o-transition: .3s ease;
	transition: .3s ease;
	border-radius: 10px 10px 5px 5px;
}
.card .input-container, .card .inset-container {
	margin: 0 60px 10px;
}
.card .input-container input {
	padding-left: 55px;
}
.card p {
	font-size: 15px;
	display: inline-block;
}
.card .title {
	margin: 0 0 55px;
	padding: 10px 0 10px 60px;
	position: relative;
	z-index: 1;
}
.card .input-container .input-icon {
	left: 26px;
	line-height: 64px;
}
@media screen and (max-width: 570px) {
	.card .input-container .input-icon {
		left: 20px;
		line-height: 57px;
	}
}
.card .facebook-divider:before {
	background-color: #ebebeb;
	display: block;
	content: '';
	position: absolute;
	width: 100%;
	height: 1px;
	left: 0;
	top: 50%;
	z-index: 0;
}
.card .facebook-divider {
	margin: 40px;
	text-align: center;
	position: relative;
	z-index: 1;
}
.card.alt .facebook-divider {
	margin: 50px 40px 30px 40px;
	position: relative;
	height: 1px;
}
.card .facebook-divider-wrapper {
	background-color: #fff;
	z-index: 1;
	position: relative;
	padding: 0 12px;
	color: #302c2c;
	font-size: 22px;
}
.card .loginwith.btn {
	padding: 0 60px;
	display: -webkit-inline-box;
	display: -ms-inline-flexbox;
	display: inline-flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	color: #6a6a6a;
	border-radius: 0;
	width: 100%;
	height: 70px;
	margin-left: 0;
}
.card .loginwith.btn.facebook {
	background: #4267b2;
}
.card .loginwith.btn.google {
	background: #db4437;
	border-radius: 0 0 5px 5px;	
}
.card .loginwith.btn.facebook:hover, .card .loginwith.btn.google:hover {
	opacity: 0.9
}
.card .loginwith.btn span {
	margin-left: auto;
	color: #fff;
}
.card .loginwith.btn span span {
	font-weight: 600;
}
.card .loginwith i {
	margin-right: 10px;
	margin-left: 0;
	font-size: 36px;
	color: #ffffff;	
}
.card.alt {
	-webkit-transition: .4s ease;
	-o-transition: .4s ease;
	transition: .4s ease;
	background: none;
	-webkit-box-shadow: none;
	box-shadow: none;
	height: 120px;
	overflow: hidden;
	padding: 0;
	position: absolute;
	top: 40px;
	width: 120px;
	z-index: 10;
}
.card.alt .button-container button:active:before, .card.alt .button-container button:focus:before {
	display: none;
}
.card.alt .input-container label {
	color: rgba(255, 255, 255, 0.8);
}
.card.alt .terms-holder {
	text-align: center
}
.card.alt p {
	color: #ece7e7;
	position: relative;
}
.card.alt a {
	color: #fff;
}
.card.alt .title {
	color: #fff;
	position: relative;
}
.card.alt .title .close {
	-moz-transition: .3s ease;
	-webkit-transition: .3s ease;
	color: rgba(255, 255, 255, 0.8);
	cursor: pointer;
	display: inline;
	font-size: 58px;
	position: absolute;
	right: 60px;
	top: 0;
	-o-transition: .3s ease;
	transition: .3s ease;
}
.card.alt .title .close:before {
	content: '\00d7';
}
.card.alt .title .close:hover, .card.alt .input-container input:focus~label, .card.alt .input-container input:valid~label {
	color: #fff;
}
.card.alt .title, .card.alt .input-container, .card.alt .inset-container {
	left: 100px;
	opacity: 0;
	visibility: hidden;
}
.card.alt .toggle {
	background: #345a7a;
	color: #fff;
	cursor: pointer;
	font-size: 45px;
	height: 120px;
	line-height: 120px;
	position: relative;
	text-align: center;
	width: 120px;
	-webkit-transform: scale(0);
	-ms-transform: scale(0);
	transform: scale(0);
}
.card:first-child {
	background: #f7f9f9;
	height: 10px;
	margin: 0 15px;
	padding: 0;
	border-radius: 10px 10px 0 0;
}
.sup-container {
	-webkit-box-shadow: 25px 35px 45px 0 rgba(0, 0, 0, 0.15);
	box-shadow: 25px 35px 45px 0px rgba(0, 0, 0, 0.15);
	margin: 110px auto 30px;
	max-width: 550px;
	position: relative;
	width: 100%;
	border-radius: 10px 10px 5px 5px;
}
.sup-container.active .card.alt {
	height: auto;
	min-width: 100%;
	overflow: hidden;
	padding: 40px 0 45px;
	right: 0;
	top: 20px;
	width: 100%;
}
.sup-container.active .card.alt .title, .sup-container.active .card.alt .input-container, .sup-container.active .card.alt .inset-container {
	-webkit-transition: all .3s ease;
	-o-transition: all .3s ease;
	transition: all .3s ease;
	left: 0;
	opacity: 1;
	visibility: visible;
}
.sup-container.active .card.alt .input-container {
	-webkit-transition-delay: .4s;
	-o-transition-delay: .4s;
	transition-delay: .4s;
}
.sup-container.active .card.alt .input-container:nth-child(2) {
	-webkit-transition-delay: .5s;
	-o-transition-delay: .5s;
	transition-delay: .5s;
}
.sup-container.active .card.alt .input-container:nth-child(3) {
	-webkit-transition-delay: .6s;
	-o-transition-delay: .6s;
	transition-delay: .6s;
}
.sup-container.active .card.alt .input-container:nth-child(4) {
	-webkit-transition-delay: .7s;
	-o-transition-delay: .7s;
	transition-delay: .7s;
}
.sup-container.active .card.alt .inset-container {
	-webkit-transition-delay: 1s;
	-o-transition-delay: 1s;
	transition-delay: 1s;
}
.sup-container.active .card.alt .title {
	-webkit-transition-delay: .3s;
	-o-transition-delay: .3s;
	transition-delay: .3s;
}
.sup-container.active .card.alt .toggle {
	-webkit-transform: scale(13);
	-ms-transform: scale(13);
	transform: scale(13);
	border-radius: 0;
	-webkit-box-shadow: none;
	box-shadow: none;
	display: block;
	position: absolute;
	right: -70px;
	top: 40px;
	-webkit-transition: all .6s ease;
	-o-transition: all .6s ease;
	transition: all .6s ease;
}
.sup-container.active .card.alt .toggle:before {
	content: '';
}
.sup-container.active .card:first-child {
	background: #f2f2f2;
	margin: 0 25px;
}
.sup-container.active .card:nth-child(2) {
	margin: 0 10px;
}
#terms-label {
	margin-bottom: 20px;
}
.login-back.btn {
	padding: 12px 16px 12px 6px;
	margin: 20px;
	float: left;
	background-color: #2f2c2c;
	color: #fff;
}
.card button {
	padding: 20px 0;
	width: 100%;
	border-radius: 5px;
}
.sup-footer {
	text-align: center;
	margin-top: 45px;
}
.sup-footer p {
	display: inline-block;
	color: #e56781;
	font-size: 14px;
}
.sup-footer p:nth-child(2) {
	margin-left: 30px;
}
.sup-footer a {
	-moz-transition: all .3s ease;
	-webkit-transition: all .3s ease;
	margin: 0 5px;
	-o-transition: all .3s ease;
	transition: all .3s ease;
}
.sup-footer a:hover {
	color: #cccccc;
}
@media screen and (min-width: 571px) {
	.sup-container:before {
		position: absolute;
		left: -10%;
		top: 44px;
		height: 243px;
		width: 416px;
		background-image: url(../img/home/icons/dots-3.png);
		background-repeat: no-repeat;
		background-size: cover;
		content: "";
	}
}
@media screen and (max-width: 570px) {
	.login-back {
		display: none;
	}
	.sup-footer {
		margin: 20px 0;
		color: #848282;
	}
	.sup-footer p:nth-child(2) {
		margin: 0;
	}
	.card {
		padding: 30px 0 20px;
		border-radius: 0;
	}
	.card .title {
		border-left: none;
		padding: 0 0 0 30px;
		margin-bottom: 45px;
	}
	.card .input-container, .card .inset-container {
		margin: 0 30px 5px;
	}
	.card .input-container input {
		padding-left: 45px;
	}
	.card.alt .title .close {
		font-size: 45px;
		right: 35px;
		top: -10px;
	}
	.card .button-container {
		margin: 0 30px;
	}	
	.card .loginwith i {
		font-size: 21px;
	}
	.sup-container {
		margin: -10px auto 0;
		-webkit-box-shadow: none;
		box-shadow: none;
	}
	.sup-container.active {
		margin: -20px auto 0;
	}
	.card .facebook-divider {
		margin: 30px 35px 20px;
	}
	.card.alt .facebook-divider {
		margin: 30px 35px 45px 35px;
	}
	.card .loginwith.btn {
		padding: 0 30px;
	    height: 53px;	
	}
	.card .loginwith.btn.facebook {
		border-radius: 5px 5px 0 0;	
	}
	.card .loginwith.btn.google {
		border-radius: 0 0 5px 5px;	
	}	
}
/*------------- #LOGIN - PASSWORD STRENGTH --------------*/

.card meter {
	/* Reset the default appearance */
	margin: 15px 0 25px 0;
	width: 100%;
	height: 2px;
	/* Applicable only to Firefox */
	background: none;
	background-color: rgba(255, 255, 255, 0.3);
}
.card meter::-webkit-meter-bar {
	background: none;
	background-color: rgba(255, 255, 255, 0.3);
}
.card meter[value="0"]::-webkit-meter-optimum-value, .card meter[value="1"]::-webkit-meter-optimum-value {
	background: red;
}
.card meter[value="2"]::-webkit-meter-optimum-value {
	background: yellow;
}
.card meter[value="3"]::-webkit-meter-optimum-value {
	background: orange;
}
.card meter[value="4"]::-webkit-meter-optimum-value {
	background: green;
}
.card meter[value="1"]::-moz-meter-bar, .card meter[value="1"]::-moz-meter-bar {
	background: red;
}
.card meter[value="2"]::-moz-meter-bar {
	background: yellow;
}
.card meter[value="3"]::-moz-meter-bar {
	background: orange;
}
.card meter[value="4"]::-moz-meter-bar {
	background: green;
}
.card meter::-webkit-meter-optimum-value {
	transition: width .4s ease-out;
}
@media screen and (max-width: 570px) {
	.card meter {
		margin: 15px 0 25px 0;
	}
}

/*------------- #WILL VIEW SCREEN --------------*/

.will-view-holder {
	position: relative;
	padding: 0 20px;
}
.will-view-holder:before {
	position: absolute;
	left: -63%;
	width: 305%;
	height: 159%;
	content: "";
	top: -23%;
}
.will-pdf {
	width: 100%;
	position: relative;
	top: 0px;
	display: block;
	-webkit-box-shadow: 0px 0px 0px 2px rgba(0, 0, 0, 0.15);
	box-shadow: 0px 0px 20px 2px rgba(0, 0, 0, 0.15);
	margin-bottom: 20px;
}
.will-pdf canvas {
	width: 100%;
	display: block;
}
.viewwill-btn-wrapper {
	margin-top: 30px;
	text-align: center;
}
.viewwill-btn-wrapper:first-child {
	margin-top: 60px;
}
.viewwill-btn-wrapper .btn {
	display: block;
	margin: 0 20%;
}
.viewwill-btn-wrapper .will-nav {
	display: none;
}
@media screen and (min-width: 800px) {
	.viewwill-btn-wrapper:first-child {
		margin-top: 0;
	}
	.viewwill-btn-wrapper .btn {
		margin: 0;
	}
}
@media screen and (min-width: 1200px) {
	.viewwill-btn-wrapper:first-child {
		margin-top: 65px;
	}
	.viewwill-btn-wrapper .will-nav {
		display: block;
	}
	.will-view-holder {
		padding: 0;
	}
	.will-view-holder:before {
		background-image: url(../img/View-Will-Bg.png);
		background-size: cover;
	}
	.will-view-holder.checking:before {
		background-image: url(../img/Check-Will-Bg.png);
		background-size: cover;
	}
	.will-pdf {
		position: absolute;
		margin-bottom: 0;
	}
	.will-pdf:first-child {
		z-index: 11;
		position: relative;
		-webkit-transform: rotate(0deg);
		-ms-transform: rotate(0deg);
		transform: rotate(0deg);
	}
	.will-pdf:nth-child(2) {
		z-index: 10;
		-webkit-transform: rotate(-0.5deg);
		-ms-transform: rotate(-0.5deg);
		transform: rotate(-0.5deg);
		left: 2px
	}
	.will-pdf:nth-child(3) {
		z-index: 9;
		-webkit-transform: rotate(-1deg);
		-ms-transform: rotate(-1deg);
		transform: rotate(-1deg);
		left: 3px
	}
	.will-pdf:nth-child(4) {
		z-index: 8;
		-webkit-transform: rotate(-1.5deg);
		-ms-transform: rotate(-1.5deg);
		transform: rotate(-1.5deg);
		left: 4px
	}
	.will-pdf:nth-child(5) {
		z-index: 7;
		-webkit-transform: rotate(-2deg);
		-ms-transform: rotate(-2deg);
		transform: rotate(-2deg);
		left: 5px
	}
	.will-pdf:nth-child(6) {
		z-index: 6;
		-webkit-transform: rotate(-2.5deg);
		-ms-transform: rotate(-2.5deg);
		transform: rotate(-2.5deg);
		left: 6px
	}
	.will-pdf:nth-child(7) {
		z-index: 5;
		-webkit-transform: rotate(-3deg);
		-ms-transform: rotate(-3deg);
		transform: rotate(-3deg);
		left: 7px
	}
	.will-pdf:nth-child(8) {
		z-index: 4;
		-webkit-transform: rotate(-3.5deg);
		-ms-transform: rotate(-3.5deg);
		transform: rotate(-3.5deg);
		left: 8px
	}
	.will-pdf:nth-child(9) {
		z-index: 3;
		-webkit-transform: rotate(-4deg);
		-ms-transform: rotate(-4deg);
		transform: rotate(-4deg);
		left: 9px
	}
	.will-pdf:nth-child(10) {
		z-index: 2;
		-webkit-transform: rotate(-4.5deg);
		-ms-transform: rotate(-4.5deg);
		transform: rotate(-4.5deg);
		left: 10px
	}
	.will-pdf:nth-child(11) {
		z-index: 1;
		-webkit-transform: rotate(-5deg);
		-ms-transform: rotate(-5deg);
		transform: rotate(-5deg);
		left: 11px
	}
	.will-pdf.view {
		z-index: 12;
	}
	.viewwill-btn-wrapper .btn {
		margin: 0 18% 0 -18%;
		background-color: #4f9b7e;
		border: 2px solid transparent;
		color: #fff;
		-webkit-box-shadow: 0 18px 22px rgba(0, 0, 0, .1);
		box-shadow: 0 18px 22px rgba(0, 0, 0, .1);
	}
	.viewwill-btn-wrapper .btn:hover {
		background-color: #fff;
		border: 2px solid #4f9b7e;
		color: #4f9b7e;
	}
	.viewwill-btn-wrapper .disclaimer {
		margin: 0 11% 0 -25%;
		color: #fff;
		padding-top: 50px;
	}
}
/*------------- #PAYMENT STEPS --------------*/

.tabs-steps {
	border-radius: 5px 5px 10px 10px;
	overflow: hidden;
	-webkit-box-shadow: 10px 30px 45px 0px rgba(0, 0, 0, 0.1);
	box-shadow: 10px 30px 45px 0px rgba(0, 0, 0, 0.1);
	margin-bottom: 50px;
	visibility: hidden;
}
.tabs-steps.show-steps {
	visibility: visible;
}
.tabs-steps-head {
	background-color: #3f8a9e;
	-webkit-transition: 0.3s ease-in;
	-o-transition: 0.3s ease-in;
	transition: 0.3s ease-in;
	text-align: center;
	position: relative;
	cursor: pointer;
}
.tabs-steps-head .heading h4 {
	color: #fff;
	position: relative;
	font-size: 14px;
	padding: 25px 5px;
	text-transform: uppercase;
	font-weight: 600;
}
.tabs-steps-head .heading .heading-line {
	display: none;
	margin-bottom: 0;
	position: absolute;
}
.tabs__head--is-active {
	background-color: #3f8a9e;
}
.tabs__head--is-active .heading h4 {}
.tabs__head--is-active .heading .heading-line {
	display: none;
	left: 0;
	right: 0;
	margin: auto;
}
.tabs-steps-body+.tabs-steps-head {
	border-top: 2px solid white;
}
.tabs-steps-body {
	background-color: white;
	overflow: hidden;
	max-height: 100vh;
}
.tabs-steps-body .animated-tick {
	position: absolute;
	right: -54px;
	bottom: -55px;
	width: 253px;
	opacity: 0.3;
}
.tabs-steps-body--is-hidden {
	max-height: 0 !important;
	margin-bottom: 0 !important;
}
@media (min-width: 571px) {
	.tabs-steps {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-orient: horizontal;
		-webkit-box-direction: normal;
		-ms-flex-flow: row wrap;
		flex-flow: row wrap;
		border-top-left-radius: 0;
		border-top-right-radius: 0;
		border-bottom-left-radius: 10px;
		border-bottom-right-radius: 10px;
	}
	.tabs-steps-head:first-child {
		border-top-left-radius: 5px;
	}
	.tabs-steps-head:nth-child(5) {
		border-top-right-radius: 5px;
	}
	.tabs-steps-head {
		-webkit-box-flex: 1;
		-ms-flex: 1 1 auto;
		flex: 1 1 auto;
		-webkit-box-ordinal-group: 2;
		-ms-flex-order: 1;
		order: 1;
		width: 32%;
	}
	.tabs-steps-head .heading h4 {
		color: #345a7a;
	}
	.tabs__head--is-active .heading h4 {
		color: #fff;
	}
	.tabs-steps-body+.tabs-steps-head {
		border-top: 0;
	}
	.tabs-steps-body {
		-webkit-box-flex: 0;
		-ms-flex: 0 0 100%;
		flex: 0 0 100%;
		-webkit-box-ordinal-group: 3;
		-ms-flex-order: 2;
		order: 2;
		margin-bottom: 20px;
	}
	.tabs-steps-body .row {
		padding: 63px;
		border-bottom: 1px solid #eaf1f2;
	}
}
@media (max-width: 570px) {
	.tabs-steps-body {             
		-webkit-transition: max-height .7s;
		-o-transition: max-height .7s;
		transition: max-height .7s;
	}
	.tabs-steps-body .row {
		padding: 20px;
	}
}
/*------------- #DOCUMENT SECTION --------------*/

.document-item {
	margin: 30px;
	position: relative;
}
.document-item .document-image {
	-webkit-filter: drop-shadow(3px 3px 0px rgba(0, 0, 0, 0.02));
	filter: drop-shadow(3px 3px 0px rgba(0, 0, 0, 0.02));
	margin-bottom: 20px;
	-webkit-transition: all .3s ease;
	-o-transition: all .3s ease;
	transition: all .3s ease;	
}
.document-item .document-image-holder {
	position: relative;
	overflow: hidden;
	-webkit-clip-path: polygon( 0% 0%, calc(100% - 17%) 0%, 100% 13%, 100% 100%, 0% 100%);
	clip-path: polygon( 0% 0%, calc(100% - 17%) 0%, 100% 13%, 100% 100%, 0% 100%);
}
.document-item .document-image-holder:before {
	content: "";
	position: absolute;
	background-color: #f5f5f5;
	height: 100%;
	top: 0;
	left: 0;
}
.document-item .document-image-holder:after {
	content: "";
	position: absolute;
	background-color: #f5f5f5;
	height: 13%;
	width: 17%;
	top: 0;
	right: 0;
}
.document-item .document-image-holder .animated-tick {
	position: absolute;
	bottom: -18%;
	right: -18%;
	width: 90%;
	opacity: 0.3;
}
.document-item .document-image .document-image-holder img {
	padding: 18% 13% 17%;
	background-color: #fff;
	width: 100%;
	min-height: 200px;
}
.document-options {
	height: 90px;
}
.document-item p, .document-item a {
	font-size: 14px;
	padding: 3px 30px;
	display: block;
	margin: 0;
	color: #6a6a6a;
	-webkit-transition: all .2s linear;
	-o-transition: all .2s linear;
	transition: all .2s linear;
	border-radius: 20px;
}
.document-item a:hover {
	font-weight: 800;
	padding: 3px 35px;
	color: #3e8a9e;
}
.document-item i {
	color: #2f2c2c;
}
.document-item .document-created-date span, .document-item .document-checked-date span, .document-item .document-notes span {
	color: #2f2c2c;
	font-weight: 600;
}
.document-item .document-created-date:before, .document-item .document-checked-date:before, .document-item .document-notes:before {
	color: #e56781;
	content: "\f35a";
	font-size: 15px;
	left: -1px;
	position: absolute;
	font-weight: 600;
	font-family: 'Font Awesome 5 Free';
}
@media screen and (max-width: 570px) {
	.document-item {
		margin: 0 0 90px 0;
	}
}
@media screen and (min-width: 571px) {
	.document-item:hover .document-image {
		-webkit-filter: drop-shadow(10px 10px 45px rgba(0, 0, 0, 0.1));
		filter: drop-shadow(10px 10px 45px rgba(0, 0, 0, 0.1));
		cursor: pointer;
		-webkit-transform: translateY(-10px);
		transform: translateY(-10px);		
	
	}
}
/*------------- #ANIMATED TICK --------------*/

.animated-tick {
	width: 139px;
}
.animated-tick .circ {
	opacity: 0;
	stroke-dasharray: 130;
	stroke-dashoffset: 130;
	-webkit-transition: all 2s;
	-o-transition: all 2s;
	transition: all 2s;
}
.animated-tick .tick {
	stroke-dasharray: 50;
	stroke-dashoffset: 50;
	-webkit-transition: stroke-dashoffset 2s 1s ease-out;
	-o-transition: stroke-dashoffset 2s 1s ease-out;
	transition: stroke-dashoffset 2s 1s ease-out;
}
.animated-tick .drawn+svg .path {
	opacity: 1;
	stroke-dashoffset: 0;
}
@media (max-width: 570px) {
	.animated-tick {
		margin: 40px auto 10px;
		width: 90px;
	}
}
.heading {
	position: relative;
	z-index: 5;
}
.heading .heading-line {
	margin-bottom: 30px;
	position: relative;
}
.heading .heading-line .short-line {
	display: inline-block;
	width: 30px;
	height: 4px;
	background-color: #e56781;
	position: relative;
	margin-right: 10px;
	-webkit-transition: all .4s linear;
	-o-transition: all .4s linear;
	transition: all .4s linear;
	border-radius: 0 2px 2px 0;
}
.heading .heading-line .long-line {
	display: inline-block;
	width: 100px;
	height: 4px;
	background-color: #e56781;
	position: relative;
	-webkit-transition: all .4s linear;
	-o-transition: all .4s linear;
	transition: all .4s linear;
	border-radius: 2px 0 0 2px;
}
.heading:hover .heading-line .short-line {
	width: 0;
	-webkit-animation: move-short 3.5s infinite linear;
	animation: move-short 3.5s infinite linear;
}
@-webkit-keyframes move-short {
	100% {
		width: 140px;
		margin-right: 0;
	}
}
@keyframes move-short {
	100% {
		width: 140px;
		margin-right: 0;
	}
}
.heading:hover .heading-line .long-line {
	width: 130px;
	-webkit-animation: move 3.5s infinite linear;
	animation: move 3.5s infinite linear;
}
@-webkit-keyframes move {
	100% {
		width: 0;
	}
}
@keyframes move {
	100% {
		width: 0;
	}
}
@media screen and (max-width: 768px) {
	.heading .heading-line {
		margin-bottom: 20px;
	}
}
/*------------- #BURGER --------------*/

.hamburger {
	padding: 0;
	display: inline-block;
	cursor: pointer;
	-webkit-transition-property: opacity, -webkit-filter;
	transition-property: opacity, -webkit-filter;
	-o-transition-property: opacity, filter;
	transition-property: opacity, filter;
	transition-property: opacity, filter, -webkit-filter;
	-webkit-transition-duration: 0.15s;
	-o-transition-duration: 0.15s;
	transition-duration: 0.15s;
	-webkit-transition-timing-function: linear;
	-o-transition-timing-function: linear;
	transition-timing-function: linear;
	font: inherit;
	color: inherit;
	text-transform: none;
	opacity: 0.6;
	background-color: transparent;
	border: 0;
	margin: 0;
	overflow: visible;
}
.hamburger:hover {
	opacity: 0.8;
}
.hamburger-box {
	width: 18px;
	height: 18px;
	display: inline-block;
	position: relative;
}
.hamburger-inner, .hamburger-inner::before, .hamburger-inner::after {
	width: 18px;
	height: 3px;
	background-color: #000;
	position: absolute;
	-webkit-transition-property: -webkit-transform;
	transition-property: -webkit-transform;
	-o-transition-property: transform;
	transition-property: transform;
	transition-property: transform, -webkit-transform;
	-webkit-transition-duration: 0.15s;
	-o-transition-duration: 0.15s;
	transition-duration: 0.15s;
	-webkit-transition-timing-function: ease;
	-o-transition-timing-function: ease;
	transition-timing-function: ease;
	content: "";
	display: block;
	border-radius: 1px;
}
.hamburger--collapse .hamburger-inner {
	bottom: -1px;
	-webkit-transition-duration: 0.13s;
	-o-transition-duration: 0.13s;
	transition-duration: 0.13s;
	-webkit-transition-delay: 0.13s;
	-o-transition-delay: 0.13s;
	transition-delay: 0.13s;
	-webkit-transition-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
	-o-transition-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
	transition-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
}
.hamburger--collapse .hamburger-inner::after {
	top: -12px;
	-webkit-transition: top 0.3s 0.3s cubic-bezier(0.33333, 0.66667, 0.66667, 1), opacity 0.1s linear;
	-o-transition: top 0.3s 0.3s cubic-bezier(0.33333, 0.66667, 0.66667, 1), opacity 0.1s linear;
	transition: top 0.3s 0.3s cubic-bezier(0.33333, 0.66667, 0.66667, 1), opacity 0.1s linear;
}
.hamburger--collapse .hamburger-inner::before {
	top: -6px;
	-webkit-transition: top 0.12s 0.3s cubic-bezier(0.33333, 0.66667, 0.66667, 1), -webkit-transform 0.13s cubic-bezier(0.55, 0.055, 0.675, 0.19);
	transition: top 0.12s 0.3s cubic-bezier(0.33333, 0.66667, 0.66667, 1), -webkit-transform 0.13s cubic-bezier(0.55, 0.055, 0.675, 0.19);
	-o-transition: top 0.12s 0.3s cubic-bezier(0.33333, 0.66667, 0.66667, 1), transform 0.13s cubic-bezier(0.55, 0.055, 0.675, 0.19);
	transition: top 0.12s 0.3s cubic-bezier(0.33333, 0.66667, 0.66667, 1), transform 0.13s cubic-bezier(0.55, 0.055, 0.675, 0.19);
	transition: top 0.12s 0.3s cubic-bezier(0.33333, 0.66667, 0.66667, 1), transform 0.13s cubic-bezier(0.55, 0.055, 0.675, 0.19), -webkit-transform 0.13s cubic-bezier(0.55, 0.055, 0.675, 0.19);
}
.hamburger--collapse.is-active .hamburger-inner {
	-webkit-transform: translate3d(0, -5px, 0) rotate(-45deg);
	transform: translate3d(0, -5px, 0) rotate(-45deg);
	-webkit-transition-delay: 0.22s;
	-o-transition-delay: 0.22s;
	transition-delay: 0.22s;
	-webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
	-o-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
	transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
}
.hamburger--collapse.is-active .hamburger-inner::after {
	top: 0;
	opacity: 0;
	-webkit-transition: top 0.3s cubic-bezier(0.33333, 0, 0.66667, 0.33333), opacity 0.1s 0.22s linear;
	-o-transition: top 0.3s cubic-bezier(0.33333, 0, 0.66667, 0.33333), opacity 0.1s 0.22s linear;
	transition: top 0.3s cubic-bezier(0.33333, 0, 0.66667, 0.33333), opacity 0.1s 0.22s linear;
}
.hamburger--collapse.is-active .hamburger-inner::before {
	top: 0;
	-webkit-transform: rotate(-90deg);
	-ms-transform: rotate(-90deg);
	transform: rotate(-90deg);
	-webkit-transition: top 0.1s 0.16s cubic-bezier(0.33333, 0, 0.66667, 0.33333), -webkit-transform 0.13s 0.25s cubic-bezier(0.215, 0.61, 0.355, 1);
	transition: top 0.1s 0.16s cubic-bezier(0.33333, 0, 0.66667, 0.33333), -webkit-transform 0.13s 0.25s cubic-bezier(0.215, 0.61, 0.355, 1);
	-o-transition: top 0.1s 0.16s cubic-bezier(0.33333, 0, 0.66667, 0.33333), transform 0.13s 0.25s cubic-bezier(0.215, 0.61, 0.355, 1);
	transition: top 0.1s 0.16s cubic-bezier(0.33333, 0, 0.66667, 0.33333), transform 0.13s 0.25s cubic-bezier(0.215, 0.61, 0.355, 1);
	transition: top 0.1s 0.16s cubic-bezier(0.33333, 0, 0.66667, 0.33333), transform 0.13s 0.25s cubic-bezier(0.215, 0.61, 0.355, 1), -webkit-transform 0.13s 0.25s cubic-bezier(0.215, 0.61, 0.355, 1);
}
/*------------- #SHARING BAR --------------*/

#sharing-bar {
	display: none;
	-webkit-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	transition: all 0.3s ease;
	position: fixed;
	bottom: 40%;
	right: -35px;
}
#sharing-bar>div {
	clear: right;
	float: right;
}
#sharing-bar .sharing-bar-btn {
	-webkit-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	transition: all 0.3s ease;
	cursor: pointer;
	display: inline-block;
	height: 45px;
	width: 45px;
	text-align: center;
	line-height: 52px;
	background-color: #345a7a;
	position: relative;
}
#sharing-bar .sharing-bar-btn:before {
	-webkit-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	transition: all 0.3s ease;
	cursor: pointer;
	position: absolute;
	display: inline-block;
	height: 65px;
	width: 110px;
	text-align: right;
	line-height: 20px;
	right: 64px;
	padding-right: 20px;
	top: 12px;
	color: #2f2c2c;
	opacity: 0;
	font-size: 14px;
	pointer-events: none;
}
#sharing-bar .sharing-bar-btn>svg {
	-webkit-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	transition: all 0.3s ease;
	height: 20px;
	width: 20px;
}
#sharing-bar .sharing-bar-btn svg path {
	fill: #666666;
	stroke: transparent;
	-webkit-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	transition: all 0.3s ease;
}
#sharing-bar .sharing-bar-btn:first-child {
	border-radius: 10px 10px 0 0;
}
#sharing-bar .sharing-bar-btn:nth-child(2):before {
	content: 'Follow us on Twitter';
}
#sharing-bar .sharing-bar-btn:nth-child(3):before {
	content: 'Share us by E-Mail';
}
#sharing-bar .sharing-bar-btn:nth-child(4) {
	border-radius: 0 0 10px 10px;
}
#sharing-bar .sharing-bar-btn:first-child:before {
	content: 'Like us on Facebook';
}
#sharing-bar .sharing-bar-btn:nth-child(2):before {
	content: 'Follow us on Twitter';
}
#sharing-bar .sharing-bar-btn:nth-child(3):before {
	content: 'Share us by E-Mail';
}
#sharing-bar .sharing-bar-btn:nth-child(4):before {
	content: 'Funk us on Funky';
}
#sharing-bar .sharing-bar-btn:hover:before {
	opacity: 1;
}
#sharing-bar:hover .sharing-bar-btn {
	background-color: white;
	-webkit-box-shadow: 5px 5px 20px rgba(0, 0, 0, 0.1);
	box-shadow: 5px 5px 20px rgba(0, 0, 0, 0.1);
	margin: 15px 0;
	border-radius: 50%;
	height: 65px;
	width: 65px;
	line-height: 82px;
}
#sharing-bar:hover .sharing-bar-btn:before {
	pointer-events: unset;
}
#sharing-bar .sharing-bar-btn:hover {
	border: none;
	border-radius: 20%;
}
#sharing-bar:hover {
	padding-right: 80px;
	padding-left: 140px;
}
#sharing-bar:hover .sharing-bar-btn svg {
	height: 30px;
	width: 30px;
}
#sharing-bar .sharing-bar-btn:hover svg path {
	fill: #fff;
}
#sharing-bar .sharing-bar-btn:hover:first-child {
	background-color: #3c5a9a;
}
#sharing-bar .sharing-bar-btn:hover:nth-child(2) {
	background-color: #5aace8;
}
#sharing-bar .sharing-bar-btn:hover:nth-child(3) {
	background-color: #dd4c3b;
}
#sharing-bar .sharing-bar-btn:hover:nth-child(4) {
	background-color: #12b004;
}
@media screen and (min-width: 769px) {
	#sharing-bar {
		isplay: block;
		z-index: 10;
	}
}
/*=====================================================
                Will-Incomplete
=======================================================*/

.will-incomplete {
	padding-top: 80px !important;
}
.will-incomplete ul {
	background: #fff;
	padding: 50px 70px 40px;
	-webkit-box-shadow: 10px 10px 45px 0px rgba(0, 0, 0, 0.1);
	box-shadow: 10px 10px 45px 0px rgba(0, 0, 0, 0.1);
}
.will-incomplete ul:before {
	position: absolute;
	right: -10px;
	bottom: -33px;
	height: 225px;
	width: 395px;
	background-image: url(../img/home/icons/dots-3.png);
	background-repeat: no-repeat;
	background-size: cover;
	content: "";
	z-index: -1;
}
.will-incomplete li {
	padding-top: 5px;
	font-size: 22px;
}
.will-incomplete .incomplete {
	background-color: #fff8f6;
	margin: 0 -35px 10px;
	padding: 15px 40px;
}
.will-incomplete .incomplete a {
	color: #2f2c2c;
}
.will-incomplete .incomplete:hover a {
	color: #e56781;
}
.will-incomplete li:hover a {
	color: #2f2c2c;
}
.will-incomplete li i {
	float: right;
	font-size: 25px;
	margin-right: 0;
	margin-top: 5px;
}
@media screen and (max-width: 768px) {
	.will-incomplete {
		padding-top: 30px !important;
		padding-bottom: 60px;
	}
	.will-incomplete ul {
		padding: 35px 40px 25px;
	}
	.will-incomplete li {
		padding-top: 0;
		font-size: 18px;
	}
	.will-incomplete li i {
		font-size: 20px;
	}
	.will-incomplete .incomplete {
		margin: 0 -15px 10px;
		padding: 15px 16px;
	}	
}
/*=====================================================
                Transition
=======================================================*/

.fade {
	opacity: 0;
	-webkit-transition: opacity .15s linear;
	-o-transition: opacity .15s linear;
	transition: opacity .15s linear;
}
.fade.in {
	opacity: 1;
}
.collapse {
	display: none;
}
.collapse.in, .collapse.show {
	display: block;
}
tr.collapse.in {
	display: table-row;
}
tbody.collapse.in {
	display: table-row-group;
}
.collapsing {
	position: relative;
	height: 0;
	overflow: hidden;
	-webkit-transition-timing-function: ease;
	-o-transition-timing-function: ease;
	transition-timing-function: ease;
	-webkit-transition-duration: .35s;
	-o-transition-duration: .35s;
	transition-duration: .35s;
	-webkit-transition-property: height, visibility;
	-o-transition-property: height, visibility;
	transition-property: height, visibility;
}
/*------------- #PAGINATION --------------*/

.styled-pagination, ul, li {
	list-style: none;
	padding: 0px;
	margin: 0px;
}
.styled-pagination {
	position: relative;
	display: block;
	margin-bottom: 50px;
	text-align: center;
}
.styled-pagination ul {
	position: relative;
	display: inline-block;
}
.styled-pagination ul:before {
	position: absolute;
	left: 0;
	height: 1px;
	width: 100%;
	bottom: 7px;
	background-image: url(../img/home/icons/dots-2.png);
	content: "";
	background-repeat: repeat-x;
}
.styled-pagination li {
	position: relative;
	float: left;
	margin-right: 40px;
}
.styled-pagination li:last-child {
	margin-right: 0;
}
.styled-pagination li a {
	position: relative;
	display: inline-block;
	font-size: 13px;
	color: #888888;
	font-weight: 500;
	line-height: 20px;
	padding: 0 1px;
	text-align: center;
	-webkit-transition: all 300ms ease;
	-ms-transition: all 300ms ease;
	-o-transition: all 300ms ease;
	-moz-transition: all 300ms ease;
	transition: all 300ms ease;
}
.styled-pagination li a:hover, .styled-pagination li a.active {
	color: #f44336;
}
.styled-pagination li .active {
	color: #f44336;
}
/*------------- #INPUT VALIDATION --------------*/

/*-------- Normal ----------*/

input.validation, select.validation {
	border-right: 5px solid transparent;
	border-top: 1px solid transparent;
	border-left: 1px solid transparent;
	border-bottom: 1px solid transparent;
}
input.validation:optional, select.validation:optional {
	border-right-color: transparent;
}
input.validation:required, select.validation:required {
	border-right-color: #4f9b7e;
}
input.validation:invalid, select.validation:invalid {
	border-right-color: #e56781;
}
.input-container input.validation:valid:not(:placeholder-shown):not(.fake-required), .input-container select.validation:valid:not(.has-placeholder) {
	border-right-color: #4f9b7e;
}
input.validation.fake-required.fake-validated, select.validation.fake-required.fake-validated {
	border-right-color: #4f9b7e !important;
}
input.validation.fake-required, select.validation.fake-required {
	border-right-color: #e56781;
}

/*--------- On Focus ----------*/
@media screen and (min-width: 769px) {
	input.validation:focus:required, select.validation:focus:required {
		border-top: 1px solid #4f9b7e;
		border-left: 1px solid #4f9b7e;
		border-bottom: 1px solid #4f9b7e;	
	}
	input.validation:focus:invalid, select.validation:focus:invalid {
		border-top: 1px solid #e56781;
		border-left: 1px solid #e56781;
		border-bottom: 1px solid #e56781;		
	}
	.input-container input.validation:focus:valid:not(:placeholder-shown):not(.fake-required), .input-container select.validation:focus:valid:not(.has-placeholder) {
		border-top: 1px solid #4f9b7e;
		border-left: 1px solid #4f9b7e;
		border-bottom: 1px solid #4f9b7e;		
	}
	input.validation.fake-required.fake-validated:focus, select.validation.fake-required.fake-validated:focus {
		border-top: 1px solid #4f9b7e !important;
		border-left: 1px solid #4f9b7e !important;
		border-bottom: 1px solid #4f9b7e !important;	
	}
	input.validation.fake-required:focus, select.validation.fake-required:focus {
		border-top: 1px solid #e56781;
		border-left: 1px solid #e56781;
		border-bottom: 1px solid #e56781;		
	}

	.password2-no-match {
		border-color: #e56781 !important;
	}
}

/*------------- #PAYMENT SECTION --------------*/

.payment-method-wrapper {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: horizontal;
	-webkit-box-direction: normal;
	-ms-flex-direction: row;
	flex-direction: row;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	padding: 5%;
	border-bottom: 1px solid #eaf1f2;
}
.payment-method {
	cursor: pointer;
	-webkit-transition: all .3s ease;
	-o-transition: all .3s ease;
	transition: all .3s ease;
	position: relative;
	-ms-flex-preferred-size: 30%;
	flex-basis: 30%;
	margin: 5px 0;
}
.payment-method:hover {
	background-color: #faf9fe;
}
.payment-method:first-child {
	border-radius: 70% 80% 60% 50%;
}
.payment-method:nth-child(2) {
	border-radius: 20% 70% 30% 60%;
}
.payment-method:nth-child(3) {
	border-radius: 70% 50% 40% 60%;
}
.payment-method:nth-child(4) {
	border-radius: 80% 40% 80% 60%;
}
.payment-method:nth-child(5) {
	border-radius: 10px;
}
#apple-pay-btn .image-wrapper {
	padding-top: 25%
}
.payment-method img {
	display: block;
	margin-left: auto;
	margin-right: auto;
	height: 54px;
}
.payment-method .image-wrapper {
	padding: 5% 20% 3%;
}
@media screen and (min-width: 769px) {
	.payment-method-wrapper {
		padding: 2% 6%;
	}
	.payment-method {
		-ms-flex-preferred-size: 20%;
		flex-basis: 20%;
	}
}
/*------------- #PAYMENT SECTION --------------*/

#card-form-container .modal-accordion-wrapper {
	display: none;
}
#card-form-container .hosted-fields--label {
	margin-left: 15px
}
#card-form-container .hosted-field {
	padding: 18px 25px;
	font-size: 16px;
	color: #2f2c2c;
	margin-bottom: 25px;
	font-weight: 600;
	border-radius: 10px;
	background-color: #f9f9f9;
	height: 60px;
	margin-top: 15px;
	margin-bottom: 35px;
	-webkit-transition: all .3s ease;
	-o-transition: all .3s ease;
	transition: all .3s ease;
}
#card-form-container .braintree-hosted-fields-focused {
	background-color: #fff;
	color: #e56781;
	-webkit-box-shadow: 9px 0px 40px rgba(0, 0, 0, 0.1);
	-webkit-appearance: none;
	box-shadow: 9px 0px 40px rgba(0, 0, 0, 0.1);
}
/*------------- #IMAGE PRE-LOAD--------------*/

div#preload-01 {
	background: url(../img/checkout-checking.png);
}
div#preload-02 {
	background: url(../img/View-Will-Bg.png);
}
div#preload-03 {
	background: url(../img/Check-Will-Bg.png);
}
/*------------- #LOCKED SCREEN --------------*/

#locked {
	top: 0;
	bottom: 0;
	right: 0;
	left: 0;
	background: rgba(1, 1, 1, 0.4);
	z-index: 49;
	color: #fff;
	position: absolute;
	font-size: 22px;
	text-align: center;
	padding: 40% 20%;
}
/*------------- #BROKER - IPHONE SCREEN --------------*/

.iphone {
	max-width: 520px;
	position: relative;
    min-width: 450px;	
	margin: 30px auto;	
}
.iphone.sms-preview {
	margin: 20px 0 70px;
}
.iphone.email-preview {
	float: right
}
.iphone .sms-stats, .iphone .email-stats {
	position: absolute;
	width: 220px;
	color: black;
}
.iphone .sms-stats p, .iphone .email-stats p {
	margin-top: 20px;
	font-size: 14px;
	line-height: 1.4em;
	margin-bottom: 10px;
}
.iphone .sms-stats {
	top: 0;
	right: -290px;
}
.iphone .email-stats {
	top: 0;
	left: -290px;
	text-align: right;
}
.iphone .email-stats-arrow, .iphone .sms-stats-arrow {
	position: absolute;
	width: 200px;
	color: #e66c85;
	text-align: right;
	font-size: 28px;
}
.iphone .email-stats-arrow {
	top: 36px;
	left: -224px;
}
.iphone .sms-stats-arrow {
	top: 35px;
	right: -50px;
}
.iphone .screen {
	color: #555;
	background-color: #ffffff;
	border-radius: 10px 10px 0 0;
	border: 1px #cfcfcf solid;
	overflow: hidden;
}
.iphone .left {
	width: 33%;
	float: left;
	text-align: left;
}
.iphone .center {
	width: 33%;
	float: left;
	text-align: center;
}
.iphone .right {
	width: 33%;
	float: right;
	text-align: right;
	padding-right: 5px;
}
.iphone .carrier {
	padding: 3px 5px;
	box-sizing: border-box;
	font-size: 12px;
	background: #fafafa;
}
.iphone .carrier:after, .iphone .text-title:after {
	content: "";
	display: block;
	height: 1px;
	clear: both;
}
.iphone .text-title {
	padding: 8px 3px;
	font-size: 16px;
	border-bottom: 1px solid #ccc;
	background: #fafafa;
}
.iphone .text-from {
	padding: 13px 3px;
	font-size: 16px;
	border-bottom: 1px solid #ccc;
	margin-left: 10px;
}
.iphone .text-from i {
	color: #bfbfbf;
}
.iphone .text-from .email-from {
	padding: 0 8px;
	color: #028dd0;
	font-weight: bold;
}
.iphone .text-from .email-subject {
	font-weight: bold;
	color: #000000;
}
.iphone .text-title .center {
	font-weight: bold;
}
.iphone .text-title .left, .iphone .text-title .right {
	color: #028dd0;
}
.iphone .text-title .left {
	padding-left: 6px;
}
.iphone .text-title .left i {
	font-size: 16px;
	padding-right: 6px;
}
.iphone .text-title .right .fa-chevron-up {
	color: #dbe1e5;
}
.iphone .text-title .right i {
	padding-right: 5px
}
.iphone .bubble {
	border-radius: 10px;
	margin: 15px 15px 55px 15px;
	width: 75%;
	padding: 10px;
	position: relative;
	line-height: 24px;
	display: none;
	font-size: 18px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	white-space: normal;
	clear: both;
	text-align: left;
}
.iphone .bubble img {
	width: 100%;
}
.iphone .bubble.active {
	display: block;
}
.iphone .bubble.bubble-left {
	background: #dbe1e5;
}
.iphone .bubble.bubble-left:after {
	right: 100%;
	bottom: 20%;
	border: solid transparent;
	content: " ";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
	border-color: rgba(219, 225, 229, 0);
	border-right-color: #dbe1e5;
	border-width: 8px 8px 0;
}
.iphone .battery {
  width: 21px;
  height: 11px;
  border: 1px solid #9a9a9a;
  border-radius: 2px;
  position: relative;
  padding: 1px;
  display: inline-block;
  margin-bottom: -1px;
}
.iphone .battery:before {
  content: '';
  display: block;
  position: absolute;
  top: 50%;
  right: -4px;
  margin-top: -3px;
  width: 5px;
  height: 6px;
  background: #9a9a9a;
  clip: rect(0, 6px, 6px, 3.9px);
  border-radius: 50%;
}
.iphone .battery .level {
  width: 43%;
  height: 100%;
  background: #93e138;
  border-radius: 1px;
}
.iphone .message-text {
	color: black;
}
.iphone .email-body {
	color: black;
	padding: 13px;
	font-size: 14px;
}
.iphone .email-body .email-subject {
	color: black;
	margin-bottom: 10px;
	font-weight: bold;
	display: block;
	font-size: 16px;
}
.iphone .email-signature {
	padding: 13px;
}
.iphone .message-text-link {
	color: #009ae5;
}
/*------------- #404 PAGE --------------*/

.whole404 {
	position: absolute;
	left: 50%;
	top: 46%;
	-webkit-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	width: 500px;
	height: 200px;
}
.whole404 .search {
	background: url(data:image/svg+xml,%3Csvg%20version%3D%221.1%22%0A%09%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20xmlns%3Axlink%3D%22http%3A//www.w3.org/1999/xlink%22%20xmlns%3Aa%3D%22http%3A//ns.adobe.com/AdobeSVGViewerExtensions/3.0/%22%0A%09%20x%3D%220px%22%20y%3D%220px%22%20width%3D%22125.3px%22%20height%3D%22125.3px%22%20viewBox%3D%220%200%20125.3%20125.3%22%0A%09%20overflow%3D%22scroll%22%20enable-background%3D%22new%200%200%20125.3%20125.3%22%20xml%3Aspace%3D%22preserve%22%3E%0A%3Cdefs%3E%0A%3C/defs%3E%0A%3Cpath%20fill%3D%22%239E9E9E%22%20d%3D%22M83.8%2C78.8l-2.1-2.2c7.2-7.9%2C11.4-18.6%2C11.4-30.1C93.1%2C20.8%2C72.3%2C0%2C46.5%2C0C20.8%2C0%2C0%2C20.8%2C0%2C46.5%0A%09c0%2C25.8%2C20.8%2C46.5%2C46.5%2C46.5c11.5%2C0%2C22.2-4.3%2C30.1-11.4l2.2%2C2.1v5.7l35.8%2C35.8l10.7-10.7L89.5%2C78.8H83.8z%20M46.5%2C78.8%0A%09c-17.9%2C0-32.2-14.3-32.2-32.2c0-17.9%2C14.3-32.2%2C32.2-32.2c17.9%2C0%2C32.2%2C14.3%2C32.2%2C32.2C78.8%2C64.4%2C64.4%2C78.8%2C46.5%2C78.8z%22/%3E%0A%3C/svg%3E%0A);
	width: 200px;
	height: 200px;
	background-repeat: no-repeat;
	background-position: top center;
	position: absolute;
	left: 50%;
	margin-left: -68px;
	-webkit-transform-origin: 35% 40%;
	transform-origin: 35% 40%;
	-webkit-transition: all 0.5s ease;
	transition: all 0.5s ease;
	background-size: cover;
	margin-top: 29px;
}
.whole404:hover .search {
	-webkit-transform: scale(2);
	transform: scale(2);
}
.whole404:hover .four, .whole404:hover .step-left, .whole404:hover .step-right {
	opacity: 0;
}
.whole404 .four {
	-webkit-transition: all 0.5s ease;
	transition: all 0.5s ease;
	font-size: 200px;
	line-height: 200px;
	color: #345a7a;
	font-weight: 600;
}
.whole404 .left {
	position: absolute;
	left: 35px;
	margin: auto;
}
.whole404 .right {
	position: absolute;
	right: 30px;
	margin: auto;
}
.whole404 p {
	font-size: 17px;
	padding: 40px 90px 15px 40px;
	text-transform: uppercase;
	color: #9e9e9e;
	text-align: center;
	font-weight: 600;
	line-height: 23px;
}
.whole404 .step-left {
	background: url(data:image/svg+xml,%3Csvg%20version%3D%221.1%22%0A%09%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20xmlns%3Axlink%3D%22http%3A//www.w3.org/1999/xlink%22%20xmlns%3Aa%3D%22http%3A//ns.adobe.com/AdobeSVGViewerExtensions/3.0/%22%0A%09%20x%3D%220px%22%20y%3D%220px%22%20width%3D%2222.6px%22%20height%3D%2252.3px%22%20viewBox%3D%220%200%2022.6%2052.3%22%20overflow%3D%22scroll%22%20enable-background%3D%22new%200%200%2022.6%2052.3%22%0A%09%20xml%3Aspace%3D%22preserve%22%3E%0A%3Cdefs%3E%0A%3C/defs%3E%0A%3Cg%3E%0A%09%3Cpath%20fill%3D%22%23E0E0E0%22%20d%3D%22M19.7%2C29.8c1-3.9%2C1.5-10.5%2C0.6-15.1C18.8%2C6.2%2C15.5%2C1.3%2C11%2C0.1C1.5-1.2%2C0.3%2C7.7%2C0.1%2C14.5%0A%09%09c-0.5%2C3.8%2C2.7%2C18.5%2C6.6%2C21.2c3.9-1%2C7.6-1.9%2C11.5-2.8C19.1%2C32.4%2C18.8%2C32.6%2C19.7%2C29.8z%22/%3E%0A%09%3Cpath%20fill%3D%22%23E0E0E0%22%20d%3D%22M19.2%2C35.3c-3.7%2C1.3-6.9%2C2.1-11.6%2C3.5C9.4%2C61.4%2C30.8%2C52.4%2C19.2%2C35.3z%22/%3E%0A%3C/g%3E%0A%3C/svg%3E%0A);
	width: 55px;
	height: 55px;
	background-repeat: no-repeat;
	background-position: center;
	-webkit-transition: all 0.5s ease;
	transition: all 0.5s ease;
}
.whole404 .step-right {
	background: url(data:image/svg+xml,%3Csvg%20version%3D%221.1%22%0A%09%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20xmlns%3Axlink%3D%22http%3A//www.w3.org/1999/xlink%22%20xmlns%3Aa%3D%22http%3A//ns.adobe.com/AdobeSVGViewerExtensions/3.0/%22%0A%09%20x%3D%220px%22%20y%3D%220px%22%20width%3D%2222.6px%22%20height%3D%2252.3px%22%20viewBox%3D%220%200%2022.6%2052.3%22%20overflow%3D%22scroll%22%20enable-background%3D%22new%200%200%2022.6%2052.3%22%0A%09%20xml%3Aspace%3D%22preserve%22%3E%0A%3Cdefs%3E%0A%3C/defs%3E%0A%3Cg%3E%0A%09%3Cpath%20fill%3D%22%23E0E0E0%22%20d%3D%22M22.5%2C14.5c-0.2-6.8-1.4-15.7-11-14.3C7.1%2C1.3%2C3.8%2C6.2%2C2.2%2C14.7c-0.9%2C4.7-0.4%2C11.2%2C0.6%2C15.1%0A%09%09c0.9%2C2.8%2C0.6%2C2.6%2C1.6%2C3.1c3.8%2C0.9%2C7.6%2C1.8%2C11.5%2C2.8C19.9%2C32.9%2C23.1%2C18.3%2C22.5%2C14.5z%22/%3E%0A%09%3Cpath%20fill%3D%22%23E0E0E0%22%20d%3D%22M15%2C38.7c-4.7-1.4-7.9-2.2-11.6-3.5C-8.2%2C52.4%2C13.2%2C61.4%2C15%2C38.7z%22/%3E%0A%3C/g%3E%0A%3C/svg%3E%0A);
	width: 25px;
	height: 55px;
	background-repeat: no-repeat;
	background-position: center;
	-webkit-transition: all 0.5s ease;
	transition: all 0.5s ease;
}
.whole404 .step-left-1 {
	position: absolute;
	-webkit-transform: rotate(60deg);
	transform: rotate(60deg);
	left: -50px;
	top: 300px;
}
.whole404 .step-right-1 {
	-webkit-transform: rotate(60deg);
	transform: rotate(60deg);
	position: absolute;
	left: 40px;
	top: 290px;
}
.whole404 .step-left-2 {
	-webkit-transform: rotate(80deg);
	transform: rotate(80deg);
	position: absolute;
	left: 60px;
	top: 230px;
}
.whole404 .step-right-2 {
	-webkit-transform: rotate(50deg);
	transform: rotate(50deg);
	position: absolute;
	left: 150px;
	top: 240px;
}
@media screen and (max-width: 768px) {
	.whole404 .search {
		width: 150px;
		height: 150px;
	}
	.whole404 .four {
		font-size: 150px;
		line-height: 160px;
	}
	.whole404 .left {
		position: absolute;
		left: 75px;
	}
	.whole404 .right {
		position: absolute;
		right: 100px;
	}
	.whole404 p {
		font-size: 12px;
		padding: 30px 65px 15px 30px;
		line-height: 16px;
	}
}
/*------------- #BROKER MENU --------------*/

#broker-menu .item-wrap {
	padding: 20px!important;
	transition: all 0.2s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}
#broker-menu .item {
	border-radius: 4px;
	background: #345a7a;
	color: #c7ccd1;
	padding: 30px 30px 15px;
	height: 200px;
	-webkit-box-shadow: 3px 3px 0px rgba(0, 0, 0, 0.02);
	box-shadow: 3px 3px 0px rgba(0, 0, 0, 0.02);
}
#broker-menu .item-wrap:not(.disabled):hover {
	transform: translateY(-10px);
}
#broker-menu .item-wrap:not(.disabled):hover .item {
	background: #ffffff;
	-webkit-box-shadow: 0 20px 20px -10px rgba(0, 0, 0, .1);
	box-shadow: 0 20px 20px -10px rgba(0, 0, 0, .1);
}
#broker-menu .item-wrap:not(.disabled):hover .item h2 {
	color: #2f2c2c;
}
#broker-menu .item h2 {
	font-size: 28px;
	font-weight: 700;
	margin-bottom: 8px;
	color: #fff;
}
#broker-menu .item-wrap.disabled {
	opacity: 0.5;
}
#broker-menu .item-wrap.disabled a {
	cursor: default;
}
#broker-menu .item-wrap.disabled .item {
	border: none;
}
#broker-menu .item-wrap.disabled:hover .item {
	background: #202225;
}
#broker-menu .item-wrap.disabled .notification {
	background: #e56781;
}
#broker-menu .notification {
	font-size: 0.92em;
	font-weight: 400;
	display: inline;
	margin-left: 5px;
	background: #4f9b7e;
	background: linear-gradient(135deg, #4f9b7e 0%, #4a9478 100%);
	color: #fff;
	padding: 6px 16px 6px 16px;
	border-radius: 0px 4px 0px 4px;
	position: absolute;
	top: 10px;
	right: 10px;
}
#broker-menu .notification.danger {
	background: #ca4a4a;
	background: linear-gradient(135deg, #ca4a4a 0%, #8c2e35 100%);
}

/*------------- #BACKEND TABLES --------------*/

.container-large .app-table tbody td {
	padding: 10px 20px;
	height: 80px;
	font-size: 15px;
}
.container-large .app-table .app-table-row:hover {
	color: #2f2c2c
}
.container-large .app-table .app-table-row:hover i {
	color: #e46780
}
.container-large .app-table .app-table-row span i {
	width: 15px;
	font-size: 16px;
}
.container-large .app-table .app-table-row span i.green {
	color: #4f9b7e;
}

/*------------- #WILL ANIMATION --------------*/

.will-created-img {
	max-height: 600px;
	max-width: none;
	position: absolute;
	bottom: 11px;
	left: 51.4%;
	-webkit-transform: translateX(-51%);
	-ms-transform: translateX(-51%);
	transform: translateX(-51%);
}
@media screen and (max-width: 768px) {
	.will-created-img {
		max-height: 267px;
		max-width: none;
		position: absolute;
		bottom: 40px;
		left: 52%;
		-webkit-transform: translateX(-51%);
		-ms-transform: translateX(-51%);
		transform: translateX(-51%);
	}
}

/*------------- #WILL ANIMATION --------------*/

.will-created-img {
	max-height: 600px;
	max-width: none;
	position: absolute;
	bottom: 11px;
	left: 51.4%;
	-webkit-transform: translateX(-51%);
	-ms-transform: translateX(-51%);
	transform: translateX(-51%);
    z-index: 1;	
}
@media screen and (max-width: 768px) {
	.will-created-img {
		max-height: 267px;
		bottom: 40px;
		left: 52%;
	}
}

/*------------- #WILL ANIMATION --------------*/

.doc {
	font-size: 0.7rem;
	width: 450px;
	max-height: 550px;
	position: absolute;
	bottom: 130px;
	left: 50.5%;
	-webkit-transform: translateX(-51%);
	-ms-transform: translateX(-51%);
	transform: translateX(-51%);
	background: #ffffff;
	-webkit-animation: scrollWill 3.5s linear forwards;
	animation: scrollWill 3.5s linear forwards;
	animation-delay: 1s;
	z-index: 39;
	-webkit-box-shadow: 10px 10px 45px 0px rgba(0, 0, 0, 0.1);
	box-shadow: 10px 10px 45px 0px rgba(0, 0, 0, 0.1);
	border-radius: 2px 2px 0 0;
	border: thin solid #e9e9e9;
	overflow: hidden;
	height: 0;
}
.loadProgress {
	left: 50.5%;
	-webkit-transform: translateX(-51%);
	-ms-transform: translateX(-51%);
	transform: translateX(-51%);
	width: 388px;
	bottom: 340px;
	position: absolute;
	content: '';
	height: 30px;
	z-index:2;
	background-color: #ffffff;
	border-radius: 2px;
	overflow: hidden;
}
.loadProgress:before {
	content: '';
	position: absolute;
	height: 100%;
	width: 0;
	display: block;
	-webkit-animation: loadWill 4.5s linear forwards;
	animation: loadWill 4.5s linear forwards;	
	background-color: #4f9b7e;
	animation-delay: 1s;	
}
.doc .typing-wrapper {
	padding: 4em 5em 4em 4.5em;
	position: relative;
}
.doc .typing-wrapper:after {
	content: 'Page 1 / 4';
	position: absolute;
	top: 10px;
	right: 13px;
	font-weight: 400;
	font-size: 1em;
	display: block;	
	color: black
}
.doc .typing {
	overflow: hidden;
	position: relative;
	-webkit-animation: typeIt 4s steps(40) forwards;
	animation: typeIt 4s steps(40) forwards;
	animation-delay: 1.5s;
	opacity: 0;
}
.doc .typing .text-cover {
	position: absolute;
	left: 0;
	bottom: 0;
	height: 1.2em;
	background: #ffffff;
	width: 100%;
	-webkit-animation: revealLine 0.1s steps(30) 30;
	animation: revealLine 0.1s steps(30) 30;
	animation-delay: 1.5s;
}
.typing {
	text-align: justify;
	white-space: normal;
	font-family: "Vollkorn", serif;
	-webkit-margin-before: 0;
	margin-block-start: 0;
	-webkit-margin-after: 0;
	margin-block-end: 0;
	font-weight: 400;
	font-size: 1em;
	line-height: 1.5em;
	display: block;
	margin: 0px;
	padding: 0px;
	color: black
}
.doc h1 {
	font-size: 26px;
	text-align: center;
	margin-bottom: 1.4em;
}
.typing p {
	text-align: justify;
	white-space: normal;
	font-family: "Vollkorn", serif;
	-webkit-margin-before: 0;
	margin-block-start: 0;
	-webkit-margin-after: 0;
	margin-block-end: 0;
	font-weight: 400;
	font-size: 1em;
	line-height: 1.5em;
	margin: 0px;
	padding: 0px;
	display: block;
	color: black
}
.typing strong {
	font-weight: 800;
}
.typing ol {
	list-style-type: none;
	counter-reset: item;
	margin: 0px;
	padding: 0px;
}
.typing ol>li {
	display: table;
	counter-increment: item;
	margin: 0;
	padding: 0;
	line-height: 1.5em;
}
.typing ol>li>ol>li>ol>li {
	margin: 1em 0 0;
	padding: 0px;
}
.typing ol>li>p {
	margin: 1.4em 0;
	padding: 0;
}
.typing ol>li:before {
	content: counters(item, ".") ". ";
	display: table-cell;
	padding-right: 2em;
	min-width: 2.5em;
}
.typing li ol>li {
	margin: 1.4em 0;
	padding: 0px;
}
.typing li ol>li:before {
	content: counters(item, ".") " ";
}
.typing li ol>li ol {
	margin: 0;
	padding: 0;
}
.typing li ol>li ol>li:before {
	content: counter(item, lower-alpha);
}
.typing .mb50 {
	margin-bottom: 1.4em;
}
@-webkit-keyframes revealLine {
	0% {
		left: 0%;
	}
	100% {
		left: 100%;
	}
}
@-webkit-keyframes typeIt {
	0% {
		height: 0em;
		opacity: 1;
	}
	100% {
		height: 58.5em;
		opacity: 1;
	}
}
@-webkit-keyframes scrollWill {
	0% {
		height: 0em;
	}
	100% {
		height: 58.5em;
	}
}
@-webkit-keyframes loadWill {
	0% {
		width: 0%
	}
	100% {
		width: 100%
	}
}
@media screen and (max-width: 768px) {
	.doc {
		font-size: 0.3rem;
		width: 220px;
		bottom: 93px;
	}
	.doc h1 {
		font-size: 14px;
		margin-bottom: 1.2em;
	}
	.loadProgress {
		width: 172px;
		bottom: 180px;
		position: absolute;
		content: '';
		height: 20px;
		z-index:2;
		background-color: #ffffff;
	}	
}

/*------------- #PERCENTAGE COMPLETE --------------*/

.percentage-completed-wrapper {
	-webkit-box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.05);
	box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.05);
	position: relative;
	background: #4f9b7e;
	height: 55px;
    margin: 10px 0;	
}
.percentage-completed-wrapper:before {
	position: absolute;
	content: '';
	display: block;
	background-color: #4f9b7e;
	width: 14px;
	height: 55px;
	right: -10px;
	top: -0;
	z-index: 1;
}
.percentage-completed-wrapper:after {
	position: absolute;
	content: '';
	display: block;
	border: 5px solid #407a63;
	border-bottom-color: transparent;
	border-right-color: transparent;
	right: -10px;
	bottom: -10px;
}
.percentage-completed-inner {
	height: 100%;
	overflow: hidden;
	position: relative;
}
.percentage-completed-wrapper .percentage-completed-inner .percentage-completed {
    font-size: 25px;
    font-weight: 600;
    color: #ffffff;
    flex-basis: 77px;
    text-align: right;
}
.percentage-completed-wrapper .percentage-completed-inner .percentage-completed-text {
	font-size: 20px;
	font-weight: 600;
	padding-left: 10px;
	color: #ffffff;
	position: absolute;
	left: 77px;
	padding-top: 1px;
}

/*------------- #SHARE iPHONE  -------------*/

.ipad.share {
	-webkit-transform: rotateZ(-2deg);
	transform: rotateZ(-2deg);
	margin-top: 30px;
	left: -20%;
	width: 105%;
	display: none;
}
@media screen and (min-width: 1201px) {
	.ipad.share {
		display: block;
	}
}
.ipad:after, .ipad:before {
	content: '';
	position: absolute
}
.ipad:before {
	width: 45px;
	height: 4px;
	left: 0;
	right: 0;
	-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .05);
	box-shadow: inset 0 1px 1px rgba(0, 0, 0, .05);
	border-radius: 30px;
	background: #e3e8eb;
	margin: -25px auto 0	
}
.ipad:after {
	left: 50%;
	width: 5px;
	height: 5px;
	-webkit-box-shadow: 0 0 0 2px rgba(0, 0, 0, .03);
	box-shadow: 0 0 0 2px rgba(0, 0, 0, .03);
	display: block;
	border-radius: 50%;
	top: 30px;
	margin-left: -45px;
	background: #e3e8eb	
}
.ipad .screen {
	margin: 0 auto;
	width: 90%	
}
.ipad .screen img {
	max-width: 100%;
	-webkit-box-shadow: 0 0 0 1px rgba(0, 17, 53, .06);
	box-shadow: 0 0 0 1px rgba(0, 17, 53, .06);	
}
.ipad {
	border: 1px solid #edf4f8;
	margin: 0 auto;
	position: relative;	
	background: #fff;
	border-radius: 15px;
	padding: 55px 0 35px;
	-webkit-box-shadow: inset 0 4px 10px 1px #fff, inset 0 0 6px 0 rgba(66, 77, 86, .1), 0 2px 0 #aeb5bb, 0 20px 50px -25px rgba(0, 0, 0, .5);
	box-shadow: inset 0 4px 10px 1px #fff, inset 0 0 6px 0 rgba(66, 77, 86, .1), 0 2px 0 #aeb5bb, 0 20px 50px -25px rgba(0, 0, 0, .5);
}
.ipad .button {
	-webkit-box-shadow: 0 0 1px 2px #e3e8eb inset;
	box-shadow: 0 0 1px 2px #e3e8eb inset;
	border: 1px solid #edf4f8;
	border-radius: 50%;
	bottom: 1.75%;
	height: 0;
	padding-top: 30px;
	width: 30px;
	position: absolute;
	left: 50%;
	-webkit-transform: translateX(-50%);
	transform: translateX(-50%);
}
.ipad.landscape {
	padding: 1rem 2rem 1rem 1rem;
}
.ipad.landscape:after {
	left: 13%;
	position: absolute;
	top: 50%;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
}
.ipad.landscape .button {
	left: 100%;
	margin-left: -40px;
	position: absolute;
	top: 50%;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
}
.ipad:before {
	content: none
}


/*** 

====================================================================
				Add Person Button 
====================================================================

***/

.quad-button {
	position: relative;
	color: #ffffff;
	transform-origin: center;
	transition: 0.3s;
	transition-property: transform;
	height: 229px;
	overflow: hidden;
}
.quad-button .letter-container {
	min-height: 80%;
	display: flex;
	flex-wrap: wrap;
	flex-direction: row;
	width: 80%;
	margin-top: 7%;
	margin-left: 10%;
	position: relative;
}
.quad-button .quad-option {
	position: relative;
	background: #2b4d6a;
	width: 50%;
	display: flex;
	align-items: center;
	justify-content: center;
	transition: 0.3s transform 0.4s, 0.15s background-color, 0.2s border-radius 0.4s;
	opacity: 1;
	box-sizing: border-box;
	cursor: pointer;
	-webkit-box-shadow: 0 10px 10px -5px rgba(0, 0, 0, .1);
	box-shadow: 0 10px 10px -5px rgba(0, 0, 0, .1);
}
.quad-button .quad-option span {
	font-size: 14px;
	opacity: 0;
	transition: opacity ease-in 0.3s;
}
.quad-button .plus-sign__vertical, .quad-button .plus-sign__horizontal {
	position: absolute;
	top: 50%;
	left: 50%;
	height: 5px;
	width: 20%;
	border-radius: 1px;
	background: #fbfbfb;
	transition: width 0.2s, 0.3s opacity 0.5s;
	transform-origin: center;
}
.quad-button .plus-sign__horizontal {
	transform: translate(-50%, -50%) rotate(90deg);
}
.quad-button .plus-sign__vertical {
	transform: translate(-50%, -50%);
}
@media screen and (max-width: 570px) {
	.quad-button {
		height: 135px;
	}
}
@media screen and (min-width: 571px) {
	.quad-button:hover .quad-option {
		background-color: #c1cfd3;
	}
	.quad-button:hover .quad-option span {
		opacity: 1;
	}	
	.quad-button .quad-option:hover span {
		color: #ffffff
	}
	.quad-button:hover .quad-option:first-child	 {
		transform: translate(-5px, -5px);
	}
	.quad-button .quad-option:first-child:hover {
		background-color: #2c4e6b;
	}
	.quad-button:hover .quad-option:nth-child(2) {
		transform: translate(5px, -5px);
	}
	.quad-button .quad-option:nth-child(2):hover {
		background-color: #2c4e6b;
	}
	.quad-button:hover .quad-option:nth-child(3) {
		transform: translate(-5px, 5px);
	}
	.quad-button .quad-option:nth-child(3):hover {
		background-color: #2c4e6b;
	}
	.quad-button:hover .quad-option:nth-child(4) {
		transform: translate(5px, 5px);
	}
	.quad-button .quad-option:nth-child(4):hover {
		background-color: #2c4e6b;
	}
	.quad-button:hover .plus-sign__horizontal, .quad-button:hover .plus-sign__vertical {
		width: 100%;
		opacity: 0;
	}
	.quad-button.dual:hover .plus-sign__vertical {
		width: 0%;
	}	
}

/*** 

====================================================================
				Profile Continue with Google / Facebook
====================================================================

***/

.continue-social {
	max-width: 350px;
	padding-bottom: 50px;
}

.continue-social .facebook-divider-wrapper {
	background-color: #faf9fe;
	z-index: 1;
	position: relative;
	padding: 0 12px;
	color: #302c2c;
	font-size: 22px;
}
.continue-social .facebook-divider {
	margin: 30px 10% 60px;
	text-align: center;
	position: relative;
	z-index: 1;
}
.continue-social .facebook-divider:before {
	background-color: #ebebeb;
	display: block;
	content: '';
	position: absolute;
	width: 100%;
	height: 1px;
	left: 0;
	top: 50%;
	z-index: 0;
}
.continue-social .loginwith.btn {
    padding: 0 40px 0 30px;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    color: #6a6a6a;
    width: 100%;
    height: 60px;
    margin-left: 0!important;
}

.continue-social .loginwith.btn i {
    margin-right: 10px;
    margin-left: 0;
    font-size: 30px;
    color: #ffffff;
}

.continue-social .loginwith.btn span {
    margin-left: auto;
    color: #fff;
}
.continue-social .loginwith.btn.facebook {
    background: #4267b2;
	border-radius: 5px 5px 0 0;
}

.continue-social .loginwith.btn.google {
    background: #db4437;
	border-radius: 0 0 5px 5px;
}

.continue-social .loginwith.btn.facebook:hover, .continue-social .loginwith.btn.google:hover {
	opacity: 0.9
}

@media screen and (max-width: 768px) {
	.continue-social {
		padding: 0 10px 30px;
		max-width: 100%;		
	}
	.continue-social .facebook-divider {
		margin: 0px 10% 30px;
	}	
	.continue-social .loginwith.btn {
		width: 100%;
	}	
	.continue-social .loginwith.btn {
		height: 60px;
  	 	padding: 0 30px;		
	}	
	.continue-social .loginwith.btn i {
		font-size: 26px;
	}	
	.continue-social .btn-small {
		font-size: 15px;
	}	
}

/*** 

====================================================================
				Should be site-wide
====================================================================

***/

#ie-warning {
	position: fixed;
    background: white;
    z-index: 2000;
    margin: auto;
    top: 0;
    left: 0;
    right: 0;
	box-shadow: 0 18px 22px rgba(0, 0, 0, .1);
    padding: 2em;
    top: 2em;
    max-width: 100%;
    overflow: hidden;
    background: #e56781;
    color: #ffffff;
    text-align: center;
}