/*
	CSS layout and common styles used on all pages
	©Duncan Weaver, Three Degrees West, 2012 - 2017

	Colours: main accent, buttons: #c03, button hover: #e03; tint: #FFF0F4
*/


@font-face {
	font-family: "Roboto";
	font-style: normal;
	font-weight: 400;
	src: url("/fonts/roboto-regular.woff") format("woff");
}
@font-face {
	font-family: "Roboto";
	font-style: italic;
	font-weight: 400;
	src: url("/fonts/roboto-regular-italic.woff") format("woff");
	size-adjust: 105%;
}
@font-face {
	font-family: "Roboto";
	font-style: normal;
	font-weight: 700;
	src: local("Roboto"), url("/fonts/roboto-bold.woff") format("woff");
}
@font-face {
	font-family: "Roboto Condensed";
	font-style: normal;
	font-weight: 400;
	src: local("Roboto Condensed"), url("/fonts/roboto-condensed.woff") format("woff");
}
@font-face {
	font-family: "Roboto Condensed";
	font-style: normal;
	font-weight: 700;
	src: local("Roboto Condensed"), url("/fonts/roboto-condensed-bold.woff") format("woff");
}

/*	STANDARD TAG STYLING */

body { 
	font-size: 16px;
	font-weight: normal;
	color: #444;
	padding: 0;
	margin: 0;
	/*line-height: 1.3em;*/
	font-family: Roboto, Calibri, Arial, Helvetica, sans-serif;
}

h1, h2, h3, h4 { 
	color: #c03;
	padding: 0 0 10px 0;
	margin: 0; 
	font-weight: normal;
	font-family: "URW Franklin Gothic W01", Roboto, Calibri, Arial, Helvetica, sans-serif; 
}
h1	{
	font-size: 2.1em;
	line-height: 1em;
	padding: 0 0 20px 0;
	font-weight: bold;
}
h2	{
	font-size: 1.7em;
	line-height: 1em;
	margin-top: 20px;
}
h3	{
	font-size: 1.7em;
	line-height: 1.3em;
	padding: 0;
	margin: 0;
}
h4	{
	font-size: 1.3em;
	line-height: 1.3em;
	padding: 0;
	margin: 0;
}
.ec-pagetitle h4 {
	font-weight: bold;
	font-size: 1.2em;
	line-height: 1.2em;
	margin: -20px 0 20px 0;
	color: inherit;
	font-family: inherit;
}
#ecc-content h5 {
	font-size: 1em;
	font-weight: bold;
	margin: 20px 0 4px 0;
}


img	{border:none}
p {
	margin: 0 0 8px 0;
	padding: 0;
/*	font-weight: normal;
	font-size: 14px;*/
}
.public p {
	font-size: 18px;
}

p:last-child {
	margin-bottom: 0;
}
td, th {
	font-weight: normal;
	/*font-size: 14px;*/
	font-size: 1em;
}
a {
	color:#cc0033;
	text-decoration: none;
}
a:hover {
	text-decoration: underline;
	color: #39c;
}
a:hover #ecc-header {
	text-decoration: none !important;
}
hr {
	width: 100%;
	padding: 0;
	margin: 6px 0;
	height: 1px;
	border: 0 none;
	background-color: #ccc;
	color: #ccc;
}
ul li {
	margin-bottom: 10px;
	list-style-image: url(/images/bulletGreyCCC.gif);
}
/*li {
	padding-bottom: 8px;
}*/
ul.tight li {
	margin-bottom: 0;
}



.redact {
	color: #999;
}
.grey {
	color: #666;
}
.grey a {
	color: #aaa;
	text-decoration: underline;
}
.grey a:hover {
	text-decoration: underline;
	color: #39c;
}
.red {
	color: #c03;
}
.alert {
	color:#cc0033;
}
.smalltext, .ec-smalltext {
	font-size: 0.85em !important;
}

/*	General site button - supports input, link and span usage */

input::-moz-focus-inner { border:0; padding:0 }
input.pw-button, button.pw-button {
	font: inherit;
	font-weight: bold;
}


.ec-button {
	font-size: 16px;
	background-color: #c03;
	color: #fff !important;
	
	padding: 4px 12px;
	border-radius: 1px;
	text-decoration: none !important;
	border: none;
	border-radius: 2px;
	margin: 0 4px 4px 0;
}
a.ec-button {
	line-height: 2.2em;
}
.ec-button.small {
	font-size: 13px;
	padding: 1px 4px;
}
.ec-button.loading {
	padding-left: 42px;
	opacity: 0.5;
	background-image: url(/images/css/loading-dots.gif);
	background-repeat: no-repeat;
	background-position: 10px 7px;
}

.ec-button.pdf { 
	background-image: url(/images/css/pdf-icon.png);
	background-repeat: no-repeat;
	background-position: 4px 2px;
	padding-left: 30px;
}

.ec-button:hover {
	cursor: pointer;
	text-decoration: none !important;
	background-color: #FF0946;
	color: #fff !important;
}
.ec-button:disabled {
	background-color: #FF93AE;
}
.pdf {
	background-image: url(/images/css/pdf-icon.png);
	background-repeat: no-repeat;
	background-position: 0 -2px;
	padding-left: 24px;
	line-height: 20px;
}

.ec-year {
	font-weight: bold;
	color: #999;
	font-size: 16px;
	margin: 6px 0;
	padding: 0;
}


/*	Picture xbutton styles */

.ec-xbuttonset {
	padding: 20px 0;
}
.ec-xbuttonset:after {
	visibility: hidden;
	display: block;
	font-size: 0;
	content: " ";
	clear: both;
	height: 0;
}
.ec-xbuttonset a {
	display: block;
	float: left;
	margin: 0 20px 10px 0;
	background-color: #c03;
	color: #fff;
	/*background-color: #FF9DB6;*/

}
.ec-xbuttonset a .img {
	width: 300px;
	height: 200px;
	position: relative;
	background-color: #eee;
	overflow: hidden;
}
.ec-xbuttonset a .img img {
	position: absolute;
}
.ec-xbuttonset a .img .buttonset {
	display: none;
	z-index: 5;
	position: absolute;
	right: 10px;
	bottom: 10px;
	text-align: right;
}
.ec-xbuttonset a .lab {
	text-decoration: none;
	padding: 8px 10px;
	width: 300px;
	min-height: 60px;
}
.ec-xbuttonset a .lab h4 {
	color: #fff;
	font-weight: bold;
}
.ec-xbuttonset a:hover  {
	/*background-color: #e03;*/	
	background-color: #FF0946;
	/*color: #FF9DB6;*/
	text-decoration: none !important;
}
/*.ec-xbuttonset a:hover .lab h4 {
	color: #FF9DB6;
}*/


/*	Event box styles */

input:disabled, select:disabled {
    background-color: #eee;
}
.ec-eventbox {
	display: block;
	background-color: #FFF0F4;
	padding: 10px 20px;
	margin-bottom: 10px;
	border-radius: 4px;
	text-decoration: none;
	color: inherit;
}
.ec-eventbox:last-child {
	margin-bottom: 0;
}
.ec-textbox.h {
	/*margin-left: -10000px;*/
	display: none;
}
.ec-eventbox hr {
	background-color: #c03;
}
.ec-eventbox .key {
	font-family: "Roboto Condensed", Georgia, "Times New Roman", Times, serif; 
	font-weight: bold;
	float: right;
	color: #aaa;
	font-size: 20px;
	padding: 2px 8px;
	background-color: #fff;
	border-radius: 2px;
	line-height: 1em;
}

.ec-eventbox .evbutton {
	font-size: 13px;
	background-color: #c03;
	padding: 1px 8px;
	color: #fff !important;
	text-decoration: none !important;
	border: none;
	border-radius: 2px;
}
.ec-eventbox .evbutton:hover {
	background-color: #e03;
}
.ec-eventbox .icon {
	width: 100px;
	height: 70px;
	overflow: hidden;
	position: relative;
}
.ec-eventbox .icon img {
	position: absolute;
}



.ec-eventbox.budget {
	background-color: #E6FFD9;
}
.ec-eventbox.budget a, .ec-eventbox.budget h3, .ec-eventbox.budget h4 {
	color: #390;
}
.ec-eventbox.budget .evbutton {
	background-color: #390;
}
.ec-eventbox.budget .evbutton:hover {
	background-color: #3C0;
}



.ec-eventbox.historic {
	background-color: #eee;
}
.ec-eventbox.historic a, .ec-eventbox.historic h3, .ec-eventbox.historic h4 {
	color: #444;
}
.ec-eventbox.historic .evbutton {
	background-color: #444;
}
.ec-eventbox.historic .evbutton:hover {
	background-color: #666;
}


.ec-eventbox.frozen {
	background-color: #DCEDF5;
}
.ec-eventbox.frozen a, .ec-eventbox.frozen h3, .ec-eventbox.frozen h4 {
	color: #39c;
}
.ec-eventbox.frozen .evbutton {
	background-color: #39c;
}
.ec-eventbox.frozen .evbutton:hover {
	background-color: #58ADD6;
}

/*	Image handling */

.ec-newimageset {
	margin: 0 auto;
	text-align: center;
}
.ec-newimageset img { 
	width: 100%;
}

.ec-newimageset.w300 img { max-width: 300px }
.ec-newimageset.w400 img { max-width: 400px }
.ec-newimageset.w500 img { max-width: 500px }
.ec-newimageset.w600 img { max-width: 600px }
.ec-newimageset.w800 img { max-width: 800px }

.ec-newimageset.h100 img { max-height: 100px }
.ec-newimageset.h200 img { max-height: 200px }
.ec-newimageset.h300 img { max-height: 300px }
.ec-newimageset.h400 img { max-height: 400px }

.ec-newimageset div {
	display: inline-block;
	margin: 10px;
	text-align: center;
	font-size: 0.8em;
	color: #666;
}

.ec-image-1 {
	text-align: center;
	margin: 20px 0;
	font-size: 0.8em;
	color: #666;
	line-height: 1.3em;
}
.ec-image-1.left {
	text-align: left;
}
.ec-image-1 img {
	width: 100%;
	max-width: 800px;
}
.ec-image-1.full img {
	max-width: 100%;
}
.ec-image-1.x600 img {
	max-width: 600px;
}
.ec-image-1.x400 img {
	max-width: 400px;
}
.ec-image-1.x300 img {
	max-width: 300px;
}

.ec-image-2 {
	margin: 10px 0;
}
.ec-image-2:after {
	visibility: hidden;
	display: block;
	font-size: 0;
	content: " ";
	clear: both;
	height: 0;
}
.ec-image-2.left {
	text-align: left;
}
.ec-image-2 div {
	float: left;
	text-align: center;
	font-size: 0.8em;
	color: #999;
	line-height: 1.3em;
	margin: 0 0 10px -10px;
}
.ec-image-2 div img {
	height: 320px;
	max-width: 100%;
	margin: 0 10px;
}
.ec-image-2.pair div img {
	height: auto;
	width: 100%;
	max-width: 490px;
}
.ec-image-2.small div img {
	height: 180px;
}
.ec-bio {
	border: 1px solid #ccc;
	padding: 3px;
	margin-bottom: 10px;
}
.ec-bio div {
	display: table-cell;
	vertical-align: bottom;
	font-size: 0.9em;
}
.ec-bio div.top {
	display: table-cell;
	vertical-align: top;
}

.ec-bio img {
	width: 120px;
	/*height: 120px;*/
	margin-right: 10px;
	font-size: 0;
	display: block;
}

.ec-newsignup {
	display: block;
/*	max-width: 400px;
*/	padding: 4px 20px 4px 44px;
	margin: 10px 0;
/*	background-color: #888; 
	border-width: 1px;
	border-style: solid;
	border-color: #eee;
	border-radius: 3px;*/
	font-size: 1.4em;
	line-height: 1.4em;
	/*font-weight: bold;*/
	color: #fff !important;
	text-decoration: none;
	background-image: url(/images/css/echeart-40-70.png);
	background-repeat: no-repeat;
	background-position: 10px -8px;
}
.ec-newsignup:hover {
	text-decoration: none !important;
	background-color: #c03;
}

.pic-grid {
	font-size: 0;
	line-height: 0;
	text-align: center;
}
.pic-grid img {
	margin: 4px;
	padding: 0;
	height: 200px;
}


@media screen and (min-width: 600px) {
	.ec-eventbox .icon {
		float: left;
		margin-right: 10px;
	}
}


/*	Make Booking styles */

.MBEventBox, .MBEventBoxStatic {
	display: block;
	border: 1px solid #eee;
	padding: 10px;
	margin-bottom: 10px;
	border-radius: 4px;
	color: inherit;
	border-color: #cc0033;
	background-color: #FFF0F4;
}
.MBEventBox h3, .MBEventBoxStatic h3 {
	font-weight: bold;
}
.MBEventBox:hover {
	border-color: #cc0033;
	background-color: #FFF0F4;
	cursor: pointer;
	text-decoration: none;
	color: inherit;
}

.MBEventBox .MBbutton {
	display: none;
	float: right;
}
.MBEventBox:hover .MBbutton {
	display: block;
}

/*	Booking Acknowledgement */

.BRbookingrefBox, .BRgeneralBox {
	border: 1px solid #cc0033;
	padding: 10px;
	margin-bottom: 10px;
	border-radius: 4px;
}
.BRbookingrefBox {
	background-color: #FFF0F4;
}

/*	Mobile-friendly form */

.mobform input[type="text"], .mobform input[type="textarea"] {
	margin-bottom: 4px;
	width: 100%;
}
.mobform input[type="select"], .mobform input[type="checkbox"] {
	margin-bottom: 4px;
}
.mobblock {
	display: inline-block;
	margin-right: 20px;
}

#captcha-reload:hover {
	cursor:pointer;
}

.scaleofcharges {
	margin-left: 60px;
	margin-right: 60px;
	font-family: "Roboto Condensed", Georgia, "Times New Roman", Times, serif; 
}

.launch-images {
	cursor: pointer;
}

/*	Ajax form handling */

.xform-intro {
	padding-bottom: 10px;
	margin-bottom: 20px;
	border-bottom: 1px solid #ebedf3;
}
.xform-request {
	/*line-height: 1em;*/
}
.xform-request.loading {
	opacity: 0.5;
}
.xform-request.loading .ec-button[type=submit] {
	padding-left: 42px;
	opacity: 0.5;
	background-image: url(/images/css/loading-dots.gif);
	background-repeat: no-repeat;
	background-position: 10px 7px;
}
.xform-response {
	display: none;
}
.xform-success {
	padding: 20px;
	background-color: #E7F2DB;
	border-color: #B1D88B;
	padding-left: 65px;
	background-image: url(/images/css/icon-success.png);
	background-repeat: no-repeat;
	background-position: 10px 10px;
	color: #693;
}
.xform-error {
	margin: 10px 0;
}


@media only screen and (max-width: 600px), only screen and (max-device-width: 600px) {

	.scaleofcharges {
		margin-left: 0;
		margin-right: 0;
	}

}

/*	Forms */

.ec-panel {
	position: relative;
	border: 1px solid #eee;
	padding: 10px 20px;
	margin-bottom: 10px;
	-webkit-border-radius: 4px; -khtml-border-radius: 4px;
	border-radius: 4px;
	background-color: #f8f8f8;
}
.ec-panel-list {
	position: relative;
	border: 1px solid #eee;
	padding: 10px;
	margin-bottom: 10px;
	-webkit-border-radius: 4px; -khtml-border-radius: 4px;
	border-radius: 4px;
	background-color: #fff;
}
.ec-panel-alert {
	position: relative;
	border: 1px solid #c03;
	color: #c03;
	padding: 10px;
	margin-bottom: 10px;
	-webkit-border-radius: 4px; -khtml-border-radius: 4px;
	border-radius: 4px;
	background-color: #FFF0F4;
}
.ec-panel-eventbook {
	border: 1px solid #c03;
	padding: 10px 20px;
	margin-bottom: 10px;
	background-color: #FFF0F4;
}
.ec-panel-eventbook hr {
	background-color: #c03;
}

.eccb-status {
/*	padding: 6px 10px !important;
	background-color: #FFD2DE !important;*/
	color: #c03 !important;
	font-weight: bold;
	font-size: 1.1em;
	margin-bottom: 10px;
/*	line-height: 1em;
	border-radius: 3px;*/
}
.eccb-status .sub {
	font-weight: normal;
	font-size: 0.8em;
}
.eccb-booking-status {
	background-color: #fff;
	padding: 10px 20px;
	border-radius: 3px;
	margin: 10px 0;
}
.eccb-booking-status .hdr {
	text-align: center;
}


.ec-panel-eventstatus {
	background-color: #c03;
	color: #fff;
	padding: 4px 10px;
	margin: 10px 0;
}
.ec-panel-eventstatus a {
	color: #fff;
	font-size: 0.9em;
	float: right;
}
.ec-panel-alert.inside {
	margin: 10px 0 0 0;
	background-color: #fff;
}

/*	wrapper for use with text boxes etc that need to be 100% of panel width */
.ec-panel .wrapper {
	margin-right: 6px;
}

.ec-panel .floater {
	min-width: 300px;
	margin-bottom: 20px;
}



/*	Questionnaire only */
.ec-qpanel {
	padding: 10px;
	margin: 10px 0;
	border-radius: 4px;
	background-color: #FEF7CD;
}


.ec-textbox {
	border: 1px solid #ccc;
	background-color: #fff;
	font-size: 0.9em;
	padding: 2px 4px;
	font-family: Arial, Helvetica, sans-serif;
}
.ec-textbox.stacked {
	margin-bottom: 2px;
}

.ec-textbox.right {
	text-align: right;
}
.ec-textbox.italic {
	font-style: italic;
}
.ec-moneybox {
	width: 80px;
	text-align: right;
}
.ec-numberbox {
	width: 60px;
	text-align: right;
}

input.error, select.error {
	border-color: #c03;
	color: #c03;
	/*background-color: #FFE6EC;*/
}
.e-box {
	color: #c03;
	font-size: 0.9em;
}
.e-box div {
	margin-bottom: 4px;
}
.e-box div span {
	background-color: #FFCEDC;
	padding: 0 6px;
}

/*	Modifications when using ec-button as an inline link or button tag () */

a.ec-button {color: #fff}

a.ec-button:hover, span.ec-button:hover, button.ec-button:hover
  {
	cursor: pointer;
	text-decoration: none;
	color: #fff;
}

/* Payment class added 2024 */

.pc-selector {
	display: inline-block;
	padding: 4px 10px;
	border: solid 1px #ccc;
	border-radius: 5px;
	color: #999;
	cursor: pointer;
	margin: 4px 20px 4px -10px;
	font-weight: bold;
}
.pc-selector.selected {
	color: #000;
	border-color: transparent;
	color: inherit;
}








/*	Error panel */

/*	Error panel styles */

.errors-top {
	background-color: #FFCEDC;
	color: #c03;
	font-weight: bold;
	padding: 16px 16px 4px 16px;
	margin: 0;
	border-radius: 3px 3px 0 0;
}
.errors {
	margin: 0 0 10px 0;
	padding: 4px 16px 16px 16px;
	background-color: #FFCEDC;
	color: #c03;
	border-radius: 0 0 3px 3px;
}
.errors ul, .errors li, .errors ul {
	padding: 0 0 0 10px;
	margin: 0;
}
.errors li, #ContentPanel .errors li {
	margin: 0 30px; 
	list-style-image: url(/images/css/bullet-error.png);
}
.errors a, .errors a:visited, .errors a:hover {
	color: #c03;
}
.errors-close {
	width: 24px;
	height: 24px;
	float: right;
	margin: -10px;
	background-image: url(/images/css/close.png);
	background-repeat: no-repeat;
	background-position: 5px 5px;
	cursor: pointer;
	border-radius: 3px;
}
.errors-close:hover {
	background-color: #c03;
}


/*	Basic Layout table for forms */

.ec-grid {
	border-style: none;
	border-spacing: 0;
	border-collapse: collapse;
}
.ec-grid td, .ec-grid th {
	padding: 3px 10px;
	vertical-align: top;
	text-align: left;
	font-size: 1em;
}
.ec-grid.nosp td, .ec-grid td.nosp {padding: 3px;}
.ec-grid td.bottom {vertical-align: bottom}
.ec-grid td.middle {vertical-align: middle}
.ec-grid td.center {text-align: center}
.ec-grid td.right  {text-align: right}
.ec-grid td.smalltext, .ec-grid th.smalltext  {font-size:11px}

.ec-grid td:first-child, .ec-grid th:first-child {
	padding-left: 0;
}
.ec-grid td p {
	margin: 0 0 4px 0;
}
.ec-grid tr.lineover {border-top: solid 1px #ccc;}
.ec-grid tr.lineunder {border-bottom: solid 1px #ccc;}
.ec-grid td.white {
	background-color: #fff;
	padding: 1px 8px;
	border: 2px solid #f8f8f8;
}
.ec-grid div {margin-bottom: 3px}

.ec-grid td.nosp {padding: 3px 0}

.ec-grid td.stacked input, .ec-grid td.stacked select {
	margin-bottom: 4px;
}
	
.clearing {
	height: 0;
	clear: both;
}
.testmodebg {
	background-image: url(/images/testmodebg.jpg);
}

.maintenancemode {
	background-color: #c03;
	text-align: center;
	padding: 8px 0;
	color: #fff;
	font-weight: bold;
	font-size: 16px;
	text-transform: uppercase;
	border-bottom: 1px solid #e03;
	letter-spacing: 4px;
}


.load-booking:hover {
	cursor: pointer;
}

/*	Simple grid  */

.simple-grid {
	border-collapse: collapse;
	border-spacing: 0;
	margin-bottom: 10px;
}
.simple-grid td, .simple-grid th {
	font-size: 1em;
	text-align: left;
	padding: 2px 16px 2px 0;
	line-height: 1.2em;
	vertical-align: top
}
.simple-grid td:first-child {
	color: #999;
}
.simple-grid .center {
	text-align: center;
}
.simple-grid .right {
	text-align: right;
}
.hint {
	font-size: 0.9em;
	color: #666;
	font-style: italic;
}
.event-center-images {
	text-align: center;
	padding: 10px 0;
}
.event-center-images img {
	margin: 0 8px;
}
.event-images {
	text-align: left;
	padding: 10px 0;
}
.event-images img {
	margin: 0 16px 0 0;
}


/*	Simple Facebook-style loader */

.loader div {
	height: 30px;
	width: 10px;
	margin-right: 4px;
	display: inline-block;
	background-color: #3399FF;
	border: 1px solid #3399FF;
	animation: loader 1.3s linear infinite;
	transform: scale(0.91);
}
.loader div:nth-child(1){
     animation-delay: 0.39s;
}
.loader div:nth-child(2){
     animation-delay: 0.52s;
}
.loader div:nth-child(3){
     animation-delay: 0.65s;
}
.launch-images {
	cursor: pointer;
}

.sharelinks {
    float: right;
    font-size: 0.85em;
    color: #999;
	margin-top: 4px;
}
.sharelinks iframe {
	margin: -4px 0;
}
.adminlinks {
	display: inline-block;
	padding: 1px 8px;
	background-color: #D1D9E4;
	/*border: 1px solid #36465d;
	border-color: #94A6C0;*/
	margin-right: 20px;
	color: #587298
}

.adminlinks a {
	color: #587298;
}

.shortcuts {
	text-align: right;
	background-color: #fff;
	padding-top: 4px;	font-family: Roboto, Calibri, Arial, Helvetica, sans-serif;
	font-size: 18px;
	line-height: 1.2em;
	font-weight: normal;
	color: #09F;
}
.shortcuts a {
	font-family: Roboto, Calibri, Arial, Helvetica, sans-serif;
	font-size: 14px;
	line-height: 1.2em;
	font-weight: normal;
	color: #09F;
	display: inline-block;
	padding: 2px 8px;
	border-radius: 8px;
	background-color: #D2EDFF;
}
.shortcuts a:hover {
	background-color: #09F;
	color: #fff;
	text-decoration:none;
}

.admin-hint {
	font-family: Roboto, Calibri, Arial, Helvetica, sans-serif;
	font-size: 18px;
	line-height: 1.2em;
	font-weight: normal;
	color: #09F;
}
.admin-button {
	font-family: Roboto, Calibri, Arial, Helvetica, sans-serif;
	font-size: 14px;
	line-height: 1.2em;
	font-weight: normal;
	color: #09F;
	display: inline-block;
	padding: 2px 8px;
	border-radius: 8px;
	background-color: #D2EDFF;
}
.admin-button:hover {
	background-color: #09F;
	color: #fff;
	text-decoration:none;
}



.corona-panel {
	background-color: #CFC;
	background-image: url(/images/css/coronabg.jpg);
	background-repeat: repeat-y;
	padding: 4px 10px 4px 110px;
	color: #060;
	margin-bottom: 10px;
}
.corona-panel a {
	color: #093;
}


@media screen and (min-width: 860px) {
	.ec-panel .floater {
		float: right;
	}
}



@keyframes loader{
     0%{
          transform: scale(1.2);
          opacity: 1
     }
     100%{
          transform: scale(0.8);
          opacity: 0.2
     }
}