@button-colour: #009ED8;
@button-text: #ffffff;
@regular-text: #333;
@button-tint: fadeout(#000, 90%);
@background: #303036;

/*body {
	background: @background;
	text-align: center;
	text-rendering: auto;
	font-size: 17px;
	line-height: 1.6em;
	height: 100vh;
	overflow: hidden;
	padding: 18%;
	padding-top: 25vh; 
}*/ 

* {
	box-sizing: border-box;
}

.button {
	display: inline-block;
	font-family: "Montserrat", "Trebuchet MS", Helvetica, sans-serif;
	-webkit-font-smoothing: antialiased;
	position: relative;
	padding: .8em 1.4em;
	padding-right: 4.7em;
	background: @button-colour;
	border: none;
	color: white;
	transition: .2s;
}

.button:after{
		position: absolute;
		top: 0;
		bottom: 0;
		right: 0;
		padding-top: inherit;
		padding-bottom: inherit;
		width: 2.8em;
		content: "\00a0";
		font-family: 'FontAwesome', sans-serif;
		font-size: 1.2em;
		text-align: center;
		transition: .2s;
		transform-origin: 50% 60%;

		}
.button:before{
		background: @button-tint;
		position: absolute;
		top: 0;
		bottom: 0;
		right: 0;
		padding-top: inherit;
		padding-bottom: inherit;
		width: 2.8em;
		content: "\00a0";
		font-family: 'FontAwesome', sans-serif;
		font-size: 1.2em;
		text-align: center;
		transition: .2s;
		transform-origin: 50% 60%;
}

.button:hover {
		background: darken(@button-colour, 10%);
	}
.button:active,:focus {
		background: darken(@button-colour, 30%);
		outline: none !important;
	}

.button {
	min-width: 10em;
}


.confirm_yes {background: #2ac51a;}
.confirm_yes:hover {background: #27B517;}

.confirm_yes:before {background: #219614; }
.confirm_yes:after {content:"\f00c";}
.confirm_yes:active {background: #27B517;}
.confirm_yes:focus{background:#27B517;}
.confirm_yes:hover:after {
	-webkit-animation: bounceright .3s alternate ease infinite;
		animation: bounceright .3s alternate ease infinite;
	}


.confirm_no{background:#d21729;}
.confirm_no:hover{background:#AE1C35;}
.confirm_no:before{background: #BA1425;}
.confirm_no:after{content:"\f00d";}
.confirm_no:active{background:#AE1C35;}
.confirm_no:focus{background:#AE1C35;}
.confirm_no:hover:after{
	-webkit-animation: bounceright .3s alternate ease infinite;
		animation: bounceright .3s alternate ease infinite;

}

.reg_go{background:#139675;}
.reg_go:hover{background:#118669;}

.reg_go:after{content:"\f00c";}
.reg_go:active{background:#118669;}
.reg_go:focus{background:#118669;}
.reg_go:hover:after{
	-webkit-animation: wiggle .05s alternate ease infinite;
	animation: wiggle .05s alternate ease infinite;

}

.reg_next{background:#2ac51a; height:60px; font-size:20px;}
.reg_next:hover{background: #28BA18;}
.reg_next:before{background:#209513;}
.reg_next:after{content:"\f054";}
.reg_next:active{background:#28BA18;}
.reg_next:focus{background:#28BA18;}
.reg_next:hover:after{
	-webkit-animation: bounceright .3s alternate ease infinite;
		animation: bounceright .3s alternate ease infinite;
}

.add_parts_next{background:#2ac51a; height:60px; font-size:20px; display:none;}
.add_parts_next:hover{background: #28BA18;}
.add_parts_next:before{background:#209513;}
.add_parts_next:after{content:"\f054";}
.add_parts_next:active{background:#28BA18;}
.add_parts_next:focus{background:#28BA18;}
.add_parts_next:hover:after{
	-webkit-animation: bounceright .3s alternate ease infinite;
		animation: bounceright .3s alternate ease infinite;
}

.details_go{background:#2ac51a; height:60px; font-size:20px;}
.details_go:hover{background: #28BA18;}
.details_go:before{background:#209513;}
.details_go:after{content:"\f054";}
.details_go:active{background:#28BA18;}
.details_go:focus{background:#28BA18;}
.details_go:hover:after{
	-webkit-animation: bounceright .3s alternate ease infinite;
		animation: bounceright .3s alternate ease infinite;
}

.view_details{background:#558ED5; height:60px; width:160px;  font-size:16px; padding-top:5px;}
.view_details:hover{background: #2963A9;}
.view_details:before{background: #1b60a7;}
.view_details:after{content:"\f078"; top:10px;}
.view_details:active{background:#2963A9;}
.view_details:focus{background:#2963A9;}
.view_details:hover:after{
	-webkit-animation: bouncedown .3s alternate ease infinite;
		animation: bouncedown .3s alternate ease infinite;
}

.view_details_open{background:#558ED5; height:60px; width:160px; font-size:16px; padding-top:5px;}
.view_details_open:hover{background: #2963A9;}
.view_details_open:before{background: #2C5783;}
.view_details_open:after{content:"\f077"; top:10px;}
.view_details_open:active{background:#2963A9;}
.view_details_open:focus{background:#2963A9;}
.view_details_open:hover:after{
	-webkit-animation: bouncedown .3s alternate ease infinite;
		animation: bouncedown .3s alternate ease infinite;
}

.view_details_mobile{background:#558ED5; height:40px; width:100%; font-size:1.2em; padding-top:6px; margin-bottom:10px;}
.view_details_mobile:hover{background: #2963A9;}
.view_details_mobile:before{background: #2C5783;}
.view_details_mobile:after{content:"\f078"; top:0px;padding-top:2px}
.view_details_mobile:active{background:#2963A9;}
.view_details_mobile:focus{background:#2963A9;}
.view_details_molbile:hover:after{
	-webkit-animation: bouncedown .3s alternate ease infinite;
		animation: bouncedown .3s alternate ease infinite;
}



.view_details_open_mobile{background:#558ED5; height:40px; width:100%; font-size:1.2em; padding-top:6px; margin-bottom:0px;}
.view_details_open_mobile:hover{background: #2963A9;}
.view_details_open_mobile:before{background: #2C5783;}
.view_details_open_mobile:after{content:"\f077"; top:0px;padding-top:2px;}
.view_details_open_mobile:active{background:#2963A9;}
.view_details_open_mobile:focus{background:#2963A9;}
.view_details_open_molbile:hover:after{
	-webkit-animation: bouncedown .3s alternate ease infinite;
		animation: bouncedown .3s alternate ease infinite;
}


.view_tips{background: #b9bbbd;	height:auto; width:250px; font-size:1.5rem; color:#fff; padding-top:7px; padding-bottom:6px;}
.view_tips:hover{background: #525252;}
.view_tips:before{background: #131313;}
.view_tips:after{content:"\f129"; padding-top:0.35em}
.view_tips:active{background:#131313;}
.view_tips:focus{background:#525252;}
.view_tips:hover:after{
	-webkit-animation: bouncedown .3s alternate ease infinite;
		animation: bouncedown .3s alternate ease infinite;
}

.view_tips_mobile{background: #b9bbbd;	height:auto; width:250px; font-size:1.5rem; color:#fff; padding-top:7px; padding-bottom:6px;}
.view_tips_mobile:hover{background: #525252;}
.view_tips_mobile:before{background: #131313;}
.view_tips_mobile:after{content:"\f129";}
.view_tips_mobile:active{background:#131313;}
.view_tips_mobile:focus{background:#525252;}
.view_tips_mobile:hover:after{
	-webkit-animation: bouncedown .3s alternate ease infinite;
		animation: bouncedown .3s alternate ease infinite;
}

.contact_supplier{background: #558ED5; height:30px; font-size:1em; color:#fff; padding-top:6px; padding-bottom:6px;}
.contact_supplier:hover{background: #2E6CB8;}
.contact_supplier:before{background: #3D7ECF;}
.contact_supplier:after{content:"\f078";}
.contact_supplier:active{background:#2E6CB8;}
.contact_supplier:focus{background:#2E6CB8;}
.contact_supplier:hover:after{
	-webkit-animation: bouncedown .3s alternate ease infinite;
		animation: bouncedown .3s alternate ease infinite;
}

.bttn_dism{background: #558ED5; height:auto;width:250px;  font-size:1.5rem; color:#fff; padding-top:0.2em; padding-bottom:0.2em;}
.bttn_dism:hover{background: #2963A9;}
.bttn_dism:before{background: #1b60a7;padding-top:3px;}
.bttn_dism:after{padding-top:0.3em;}
.bttn_dism:active{background:#2963A9;}
.bttn_dism:focus{background:#2963A9;}
.bttn_dism:hover:after{
	-webkit-animation: bouncedown .3s alternate ease infinite;
		animation: bouncedown .3s alternate ease infinite;
	padding-top:0.2em;
}

.bttn_dism_prev_contact{background: #558ED5; height:auto; width:100%;  font-size:1.18rem; color:#fff; padding-top:0.2em; padding-bottom:0.2em;border-bottom:#cccccc 1px solid;}
.bttn_dism_prev_contact:hover{background: #2963A9;}
.bttn_dism_prev_contact:before{background: #1b60a7;padding-top:3px;}
.bttn_dism_prev_contact:after{padding-top:0em;}
.bttn_dism_prev_contact:active{background:#2963A9;}
.bttn_dism_prev_contact:focus{background:#2963A9;}
.bttn_dism_prev_contact:hover:after{
	-webkit-animation: bouncedown .4s alternate ease infinite;
		animation: bouncedown .4s alternate ease infinite;
	padding-top:0.1em;
}

.bttn_dism_prev_clicked{background: #00b050 !important; height:auto; width:100%;  font-size:1.20rem; color:#fff; padding-top:0.2em; padding-bottom:0.2em;}
.bttn_dism_prev_clicked:hover{background: #036931;}
.bttn_dism_prev_clicked:before{background: #038c41 !important;padding-top:3px;}
.bttn_dism_prev_clicked:after{padding-top:0em;}
.bttn_dism_prev_clicked:active{background:#036931;}
.bttn_dism_prev_clicked:focus{background:#036931;}
.bttn_dism_prev_clicked:hover:after{
	-webkit-animation: bouncedown .4s alternate ease infinite;
		animation: bouncedown .4s alternate ease infinite;
	padding-top:0.1em;
}
.bttn_dism_prev_whatsapp:after{content:"\f232";}
.bttn_dism_call:after{content:"\f095";}
.bttn_dism_prev_call:after{content:"\f095";}
.bttn_dism_email:after{content:"\f0e0";}
.bttn_dism_prev_email:after{content:"\f0e0";}
.bttn_dism_whatsapp:after{content:"\f232";}
.bttn_dism_text:after{content:"\f086";}
.bttn_dism_website:after{content:"\f245";}
.bttn_dism_buyitnow:after{content:"\f108";}
.bttn_dism_tips:after{content:"\f129";}
.bttn_dism_sms_sent:after{content:"\f27a";}
.bttn_dism_email_sent:after{content:"\f0e0";}
.bttn_dism_sms_email_sent:before{content:"\f0e0";text-align:left; width:3.6em; padding-left:10px; padding-top:0.3em; }
.bttn_dism_sms_email_sent:after{content:"\f27a"; padding-right:10px; text-align:right;}
.bttn_dism_sms_email_sent:hover:after{}




.bttn_dism_clicked{background: #00b050 !important; height:auto;width:250px;  font-size:1.5rem; color:#fff; padding-top:0.2em; padding-bottom:0.2em;}
.bttn_dism_clicked:hover{background: #036931;}
.bttn_dism_clicked:before{background: #038c41 !important;padding-top:3px;}
/*.bttn_dism_clicked:after{padding-top:0.3em;} */
.bttn_dism_clicked:active{background:#036931;}
.bttn_dism__clicked:focus{background:#036931;}
.bttn_dism_clicked:hover:after{
	-webkit-animation: bouncedown .3s alternate ease infinite;
		animation: bouncedown .3s alternate ease infinite;
}

.bttn_dism_mobile{background: #558ED5; height:auto;width:250px;  font-size:1.5rem; color:#fff; padding-top:0.2em; padding-bottom:0.2em;}
.bttn_dism_mobile:hover{background: #2963A9;}
.bttn_dism_mobile:before{background: #1b60a7;padding-top:3px;}
.bttn_dism_mobile:after{padding-top:0.1em;}
.bttn_dism_mobile:active{background:#2963A9;}
.bttn_dism_mobile:focus{background:#2963A9;}
.bttn_dism_mobile:hover:after{
	-webkit-animation: bouncedown .3s alternate ease infinite;
		animation: bouncedown .3s alternate ease infinite;
}




.bttn_dism_call_mobile:after{content:"\f095";}
.bttn_dism_email_mobile:after{content:"\f0e0";}
.bttn_dism_whatsapp_mobile:after{content:"\f232";}
.bttn_dism_text_mobile:after{content:"\f086";}
.bttn_dism_website_mobile:after{content:"\f245";}
.bttn_dism_buyitnow_mobile:after{content:"\f108";}
.bttn_dism_tips_mobile:after{content:"\f129";}


.bttn_dism_mobile_clicked{background: #00b050; height:auto;width:250px;  font-size:1.5rem; color:#fff; padding-top:0.3em; padding-bottom:0.2em;}
.bttn_dism_mobile_clicked:hover{background: #099046;}
.bttn_dism_mobile_clicked:before{background: #038c41;padding-top:3px;}
/*.bttn_dism_mobile_clicked:after{padding-top:0.1em;}*/
.bttn_dism_mobile_clicked:active{background:#099046;}
/*.bttn_dism_mobile_clicked:focus{background:#036931;}*/
.bttn_dism_mobile_clicked:focus{background:#00b050;}
.bttn_dism_mobile_clicked:hover:after{
	-webkit-animation: bouncedown .3s alternate ease infinite;
		animation: bouncedown .3s alternate ease infinite;
}

.more_search{background: #00B050; height: auto;font-size: 2.2em; color:#fff;padding-right:1.4em;}
.more_search:hover{background: #008A3F;}
/*.more_search:before{background: #CCE0F2;}
.more_search:after{content:"\f078";}*/
.more_search:active{background:#008A3F;}
.more_search:focus{background:#008A3F;}
/*.more_search:hover:after{
	-webkit-animation: bouncedown .3s alternate ease infinite;
		animation: bouncedown .3s alternate ease infinite;
}*/


.dism_addquote{background:#2ac51a;  font-size:17px; width:260px;}
.dism_addquote:hover{background: #28BA18;}
.dism_addquote:before{background:#209513;}
.dism_addquote:after{content:"\f078";}
.dism_addquote:active{background:#28BA18;}
.dism_addquote:focus{background:#28BA18;}
.dism_addquote:hover:after{
	-webkit-animation: bouncedown .3s alternate ease infinite;
		animation: bouncedown .3s alternate ease infinite;
}

.dism_addquote_lock{background:#aaadaf;  font-size:17px; width:260px;}
.dism_addquote_lock:hover{background: #aaadaf;}
.dism_addquote_lock:before{background:#868e96;}
.dism_addquote_lock:after{content:"\f023";}
.dism_addquote_lock:active{background:#aaadaf;}
.dism_addquote_lock:focus{background:#aaadaf;}
.dism_addquote_lock:hover:after{
	-webkit-animation: bouncedown .3s alternate ease infinite;
		animation: bouncedown .3s alternate ease infinite;
}

.dism_autoquote_button{width:30px; height: 30px; background:#aaadaf;  font-size:17px;padding-right:2.1em; padding-top:0.3em; padding-bottom:0.2em;}
.dism_autoquote_button:hover{background:#aaadaf;}
.dism_autoquote_button:before{background:#868e96;width:30px;}
.dism_autoquote_button:after{content:"\f129";right:-12px;top:-3px;}
.dism_autoquote_button{padding-left:8px;}
.dism_autoquote_button:active{background:#aaadaf;}
.dism_autoquote_button:focus{background:#aaadaf;}


/*.dism_addquote_nocontact_call:after{content:"\f095";}*/
.dism_addquote_nocontact_call:after{content:"\f129";}
.dism_addquote_nocontact_call{padding-left:8px;}
.dism_addquote_nocontact_call:active{background:#aaadaf;}
.dism_addquote_nocontact_call:focus{background:#aaadaf;}
.dism_addquote_nocontact_whatsapp:after{content:"\f232";}
.dism_addquote_nocontact:hover{background:#aaadaf;}
.dism_addquote_nocontact:before{background:#868e96;}

.bttn_dism_message_sent_tick{background:#00b050; font-size:17px; width:260px;margin-top:10px; height:40px;}
.bttn_dism_message_sent_tick:hover{background:#00b050;}
.bttn_dism_message_sent_tick:before{background: #00b050 !important;}
.bttn_dism_message_sent_tick:after{content:"\f00c";}
.bttn_dism_message_sent_tick:active{background:#00b050;}
.bttn_dism_message_sent_tick:focus{background:#00b050;}


.dism_confirmquote{background:#2ac51a;  font-size:17px; height:50px;}
.dism_confirmquote:hover{background: #28BA18;}
.dism_confirmquote:before{background:#209513;}
/*.dism_confirmquote:after{content:"\f078";}*/
.dism_confirmquote:after{content:"\f00c"; top:-5px;}
.dism_confirmquote:active{background:#28BA18;}
.dism_confirmquote:focus{background:#28BA18;}
.dism_confirmquote:hover:after{
	-webkit-animation: bouncedown .3s alternate ease infinite;
		animation: bouncedown .3s alternate ease infinite;
}

.dism_additionalquote{background:#2ac51a; height:50px; font-size:17px;}
.dism_additionalquote:hover{background: #28BA18;}
.dism_additionalquote:before{background:#209513;}
.dism_additionalquote:after{content:"\f078"; top:-5px;}
.dism_additionalquote:active{background:#28BA18;}
.dism_additionalquote:focus{background:#28BA18;}
.dism_additionalquote:hover:after{
	-webkit-animation: bouncedown .3s alternate ease infinite;
		animation: bouncedown .3s alternate ease infinite;
}

.dism_editquote{background:#2ac51a;  font-size:17px; height:50px;}
.dism_editquote:hover{background: #28BA18;}
.dism_editquote:before{background:#209513;}
.dism_editquote:after{content:"\f00c"; top:-5px;}
.dism_editquote:active{background:#28BA18;}
.dism_editquote:focus{background:#28BA18;}
.dism_editquote:hover:after{
	-webkit-animation: bouncedown .3s alternate ease infinite;
		animation: bouncedown .3s alternate ease infinite;
}

.dism_searchquote{background:#2ac51a;  font-size:25px; width:100%; height:56px;font-size:20px; padding-top:14px;}
.dism_searchquote:hover{background: #28BA18;}
.dism_searchquote:before{background:#209513;}
.dism_searchquote:after{content:"\f002";padding-top:8px;}
.dism_searchquote:active{background:#28BA18;}
.dism_searchquote:focus{background:#28BA18;}
.dism_searchquote:hover:after{}

.bttn_qs { color:#1b1d1b; background-color:transparent; font-weight:bold; border:none; width:31px; height:31px;margin-right:8px; font-family:'FontAwesome';}
.bttn_qs:after {content:"\f002";}

.dism_contact_details{background:#558ED5; height:50px; width:100%; font-size:1em; padding-top:6px;font-family: "Montserrat", "Trebuchet MS", Helvetica, sans-serif;}
.dism_contact_details:hover{background: #2963A9;}
.dism_contact_details:before{background: #2C5783;}
.dism_contact_details:after{content:"\f078"; top:5px;padding-top:8px}
.dism_contact_details:active{background:#2963A9;}
.dism_contact_details:focus{background:#2963A9;}
.dism_contact_details:hover:after{
	-webkit-animation: bouncedown .3s alternate ease infinite;
		animation: bouncedown .3s alternate ease infinite;
}


.bttn_cross{background-color:transparent; height:30px; width:10px; font-size:10px; padding-top:0px; margin-bottom:0px;	display: inline-block;	font-family: "Montserrat", "Trebuchet MS", Helvetica, sans-serif;
	-webkit-font-smoothing: antialiased;	position: relative;	margin-right:10px;	border: none;	color: white;	transition: .2s;}

.bttn_cross:before{background-color:transparent; position: absolute;top: 0;	bottom: 0;right: 0;	padding-top: inherit;padding-bottom: inherit;	width: 10px;	content: "\f00d";
		font-family: 'FontAwesome', sans-serif;	font-size: 20px;text-align: center;	transition: .2s;transform-origin: 50% 60%;}
.bttn_cross:after{	position: absolute;	top: 0;	bottom: 0;	right: 0;	padding-top: inherit;padding-bottom: inherit;width: 10px;	
		font-family: 'FontAwesome', sans-serif;	font-size: 20px;text-align: center;	transition: .2s;transform-origin: 50% 60%;}
.bttn_cross:active{}
.bttn_cross:focus{}
.bttn_cross:hover{color: darken(@button-colour, 10%);}
.bttn_cross:hover:after{	-webkit-animation: bouncedown .3s alternate ease infinite;	animation: bouncedown .3s alternate ease infinite;}


.bttn_msg_cross{background-color:transparent; height:30px; width:10px; font-size:10px; padding-top:0px; margin-bottom:0px;	display: inline-block;	font-family: "Montserrat", "Trebuchet MS", Helvetica, sans-serif;
	-webkit-font-smoothing: antialiased;	position: relative;	margin-right:10px;	border: none;	color: white;	transition: .2s;}

.bttn_msg_cross:before{background-color:transparent;position: absolute;top: 0;	bottom: 0;right: 0;	padding-top: inherit;padding-bottom: inherit;	width: 10px;	content: "\f00d";
		font-family: 'FontAwesome', sans-serif;	font-size: 20px;text-align: center;	transition: .2s;transform-origin: 50% 60%;}
.bttn_msg_cross:after{	position: absolute;	top: 0;	bottom: 0;	right: 0;	padding-top: inherit;padding-bottom: inherit;width: 10px;	
		font-family: 'FontAwesome', sans-serif;	font-size: 20px;text-align: center;	transition: .2s;transform-origin: 50% 60%;}
.bttn_msg_cross:active{}
.bttn_msg_cross:focus{}
.bttn_msg_cross:hover{color: darken(@button-colour, 10%);}
.bttn_msg_cross:hover:after{	-webkit-animation: bouncedown .3s alternate ease infinite;	animation: bouncedown .3s alternate ease infinite;}

.bttn_notes{background:unset; color: #FDB439; height:17px; width:10px; font-size:19px;
	padding-top:0px;
	margin-bottom:0px;
	display: inline-block;
	font-family: "Montserrat", "Trebuchet MS", Helvetica, sans-serif;
	-webkit-font-smoothing: antialiased;
	position: relative;
	margin-right:10px;	
	border: none;
	transition: .2s;}

.bttn_notes:before{background: unset;position: absolute;top: 0;	bottom: 0;right: 0;	padding-top: inherit;padding-bottom: inherit;	width: 10px;	content: "\f328";
		font-family: 'FontAwesome', sans-serif;	font-size: 20px;text-align: center;	transition: .2s;transform-origin: 50% 60%;}
.bttn_notes:after{	position: absolute;	top: 0;	bottom: 0;	right: 0;	padding-top: inherit;padding-bottom: inherit;width: 10px;	
		font-family: 'FontAwesome', sans-serif;	font-size: 20px;text-align: center;	transition: .2s;transform-origin: 50% 60%;}
.bttn_notes:active{}
.bttn_notes:focus{}
.bttn_notes:hover{color: darken(@button-colour, 10%);}
.bttn_notes:hover:after{	-webkit-animation: bouncedown .3s alternate ease infinite;	animation: bouncedown .3s alternate ease infinite;}


.bttn_edit_quote{
	background:unset; height:17px; width:10px; font-size:19px; padding-top:0px; margin-bottom:0px;
	display: inline-block;
	font-family: "Montserrat", "Trebuchet MS", Helvetica, sans-serif;
	-webkit-font-smoothing: antialiased;
	position: relative;
	margin-right:10px;
	border: none;
	color: #FDB439;
	transition: .2s;
}

.bttn_edit_quote:before{
	background: unset;
		position: absolute;
		top: 0;
		bottom: 0;
		right: 0;
		padding-top: inherit;
		padding-bottom: inherit;
		width: 10px;
		content: "\f044";
		font-family: 'FontAwesome', sans-serif;
		font-size: 19px;
		text-align: center;
		transition: .2s;
		transform-origin: 50% 60%;

}

bttn_edit_quote:after{
		position: absolute;
		top: 0;
		bottom: 0;
		right: 0;
		padding-top: inherit;
		padding-bottom: inherit;
		width: 10px;
		font-family: 'FontAwesome', sans-serif;
		font-size: 19px;
		text-align: center;
		transition: .2s;
		transform-origin: 50% 60%;
}

.bttn_edit_quote:hover{color: darken(@button-colour, 10%);}
.bttn_edit_quote:hover:after{
	-webkit-animation: bouncedown .3s alternate ease infinite;
		animation: bouncedown .3s alternate ease infinite;
}
.bttn_buyitnow{
	background:unset; height:17px; width:10px; font-size:19px; padding-top:0px; margin-bottom:0px;
	display: inline-block;
	font-family: "Montserrat", "Trebuchet MS", Helvetica, sans-serif;
	-webkit-font-smoothing: antialiased;
	position: relative;
	margin-right:10px;
	border: none;
	color: #FDB439;
	transition: .2s;
}

.bttn_buyitnow:before{
	background: unset;
		position: absolute;
		top: 0;
		bottom: 0;
		right: 0;
		padding-top: inherit;
		padding-bottom: inherit;
		width: 10px;
		content: "\f108";
		font-family: 'FontAwesome', sans-serif;
		font-size: 19px;
		text-align: center;
		transition: .2s;
		transform-origin: 50% 60%;

}

bttn_buyitnow:after{
		position: absolute;
		top: 0;
		bottom: 0;
		right: 0;
		padding-top: inherit;
		padding-bottom: inherit;
		width: 10px;
		font-family: 'FontAwesome', sans-serif;
		font-size: 19px;
		text-align: center;
		transition: .2s;
		transform-origin: 50% 60%;
}

.bttn_buyitnow:hover{color: darken(@button-colour, 10%);}
.bttn_buyitnow:hover:after{
	-webkit-animation: bouncedown .3s alternate ease infinite;
		animation: bouncedown .3s alternate ease infinite;
}

.bttn_addnotes{
	background:unset; height:17px; width:10px; font-size:19px; padding-top:0px; margin-bottom:0px;
	display: inline-block;
	font-family: "Montserrat", "Trebuchet MS", Helvetica, sans-serif;
	-webkit-font-smoothing: antialiased;
	position: relative;
	margin-right:10px;
	border: none;
	color: #FDB439;
	transition: .2s;
}

.bttn_addnotes:before{
	background: unset;
		position: absolute;
		top: 0;
		bottom: 0;
		right: 0;
		padding-top: inherit;
		padding-bottom: inherit;
		width: 10px;
		content: "\f108";
		font-family: 'FontAwesome', sans-serif;
		font-size: 19px;
		text-align: center;
		transition: .2s;
		transform-origin: 50% 60%;

}

bttn_addnotes:after{
		position: absolute;
		top: 0;
		bottom: 0;
		right: 0;
		padding-top: inherit;
		padding-bottom: inherit;
		width: 10px;
		font-family: 'FontAwesome', sans-serif;
		font-size: 19px;
		text-align: center;
		transition: .2s;
		transform-origin: 50% 60%;
}

.bttn_addnotes:hover{color: darken(@button-colour, 10%);}
.bttn_addnotes:hover:after{
	-webkit-animation: bouncedown .3s alternate ease infinite;
		animation: bouncedown .3s alternate ease infinite;
}

.bttn_dism_notes_comp{
	height:60px;width:160px; margin-top:5px;background:#aaadaf; font-size:17px;color:#fff;padding:0.2em 0px; min-width:7em;

}
.bttn_dism_notes_comp:hover{background-color:#838383;}

.bttn_dism_notes_comp_mobile{
	height:40px;width:100%; margin-bottom:10px;background:#aaadaf; font-size:1.2em;color:#fff;padding:0.2em 0px; min-width:4em;

}
.bttn_dism_notes_comp_mobile:hover{background-color:#838383;}
.bttn_dism_pref_add_note{
	background:unset; 
	background-color:#d1d1d1;
	height:60px; width:245px; 
	font-size:18px; padding-top:0px; margin-bottom:0px;
	display: inline-block;
	font-family: wf_segoe-ui_light,Segoe UI Light,Segoe WP Light,Segoe UI,Segoe WP,Tahoma,Arial,sans-serif;
	font-weight:bold;	
	-webkit-font-smoothing: antialiased;
	position: relative;
	padding:3px;
	border: none;
	color: #000;
	transition: .2s;
}
.bttn_dism_pref_add_note:hover{background-color:#a5a5a5;}
.bttn_dism_pref_add_note:hover:after{
	-webkit-animation: bouncedown .3s alternate ease infinite;
		animation: bouncedown .3s alternate ease infinite;
}

.bttn_dism_pref_view_note{
	background:unset; 
	background-color:#2ac51a;	
	height:60px; width:245px; font-size:18px; padding-top:0px; margin-bottom:0px;
	display: inline-block;
	font-family: wf_segoe-ui_light,Segoe UI Light,Segoe WP Light,Segoe UI,Segoe WP,Tahoma,Arial,sans-serif;
	font-weight:bold;
	-webkit-font-smoothing: antialiased;
	position: relative;
	margin-top:5px;
	padding:3px;
	border: none;
	color: #fff;
	transition: .2s;

}

.bttn_bin{background-color:transparent; height:30px; width:10px; font-size:10px; padding-top:0px; margin-bottom:0px;
	display: inline-block;
	font-family: "Montserrat", "Trebuchet MS", Helvetica, sans-serif;
	-webkit-font-smoothing: antialiased;
	position: relative;
	margin-right:10px;
	
	border: none;
	color: white;
	transition: .2s;
}

.bttn_bin:before{background: unset;
		position: absolute;
		top: 0;
		bottom: 0;
		right: 0;
		padding-top: inherit;
		padding-bottom: inherit;
		width: 10px;
		content: "\f1f8";
		font-family: 'FontAwesome', sans-serif;
		font-size: 20px;
		text-align: center;
		transition: .2s;
		transform-origin: 50% 60%;
}
.bttn_bin:after{
		position: absolute;
		top: 0;
		bottom: 0;
		right: 0;
		padding-top: inherit;
		padding-bottom: inherit;
		width: 10px;
		
		font-family: 'FontAwesome', sans-serif;
		font-size: 20px;
		text-align: center;
		transition: .2s;
		transform-origin: 50% 60%;
		}
.bttn_bin:active{}
.bttn_bin:focus{}
.bttn_bin:hover{color: darken(@button-colour, 10%);}
.bttn_bin:hover:after{
	-webkit-animation: bouncedown .3s alternate ease infinite;
		animation: bouncedown .3s alternate ease infinite;
}




@-webkit-keyframes bounceright {
	from { -webkit-transform: translateX(0); }
	to   { -webkit-transform: translateX(3px); }
}

@-webkit-keyframes bouncedown {
	from { -webkit-transform: translateY(0); }
	to   { -webkit-transform: translateY(3px); }
}


@-webkit-keyframes wiggle {
	from { -webkit-transform: rotate(0deg); }
	to   { -webkit-transform: rotate(30deg); }
}

@keyframes bounceright {
	from { transform: translateX(0); }
	to   { transform: translateX(3px); }
}

@keyframes bouncedown {
	from { transform: translateY(0); }
	to   { transform: translateY(3px); }
}


@keyframes wiggle {
	from { transform: rotate(0deg); }
	to   { transform: rotate(30deg); }
}

@keyframes pulse { from { transform: scale(1); } 50% { transform: scale(0.85); } to { transform: scale(1); } } .fe-pulse-w-pause { animation-name: pulse; animation-duration: 3s; animation-iteration-count: infinite; } .fe-pulse-w-pause:hover, .fe-pulse-w-pause:focus { animation-name: unset; }