* {box-sizing: border-box; margin:0; padding:0; list-style:none; outline:none; border:none; font-family: 'osh'; vertical-align:top; text-decoration:none; font-smoothing:antialiased; text-rendering:optimizeLegibility; /*-webkit-appearance: none;*/ border-radius: 0;}
.clearfix:before, .clearfix:after {content:" ";display: table}.clearfix:after {clear:both}.clearfix {*zoom: 1}

@font-face {
	font-family: 'osh';
	src: url('/wp-content/themes/costa/fonts/osh.eot');
	src: url('/wp-content/themes/costa/fonts/osh.eot?#iefix') format('embedded-opentype'),
		 url('/wp-content/themes/costa/fonts/osh.woff') format('woff'),
		 url('/wp-content/themes/costa/fonts/osh.ttf') format('truetype'),
		 url('/wp-content/themes/costa/fonts/osh.svg#OSH-Regular') format('svg');
}
	
@font-face {
  font-family:"hamara";
  src:url("/wp-content/themes/costa/fonts/hamara.eot");
  src:url("/wp-content/themes/costa/fonts/hamara.eot?#iefix") format("embedded-opentype"),
	url("/wp-content/themes/costa/fonts/hamara.woff") format("woff"),
	url("/wp-content/themes/costa/fonts/hamara.ttf") format("truetype"),
	url("/wp-content/themes/costa/fonts/hamara.svg#hamara") format("svg");
  font-weight: normal;
  font-style: normal;
}

.sfont {font-style:normal; font-family: "hamara";}
.noselect {user-select: none; -moz-user-select: none; -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -ms-user-select: none;}

body {padding: 10px; direction: rtl; text-align: right;}

.head {padding: 10px 0; border-bottom: 1px solid #d5d5d5;}
	.head > h1 {font-size: 20px; color: #009FE4;}
	
.fields {}
	.fields > table {width: 100%; border-collapse: collapse;}
		.fields > table > tbody > tr {}
		.fields > table > tbody > tr > td {padding: 10px 0; vertical-align: middle; border-bottom: 1px solid #d5d5d5;}
		.fields > table > tbody > tr > td:nth-child(1) {}
		.fields > table > tbody > tr > td:nth-child(2) {}
		.fields > table > tbody > tr:last-child > td {border-bottom: 0;}
			.fields > table > tbody > tr > td:nth-child(2) > input,
			.fields > table > tbody > tr > td:nth-child(2) > select {width: 100%; font-weight: bold;}
		
.buttons {}
	.buttons > input {width: 100%; padding: 10px; text-align: center; font-size: 18px; font-weight: bold; color: #444444; background: #FFFFFF; border: 1px solid #d5d5d5; box-shadow: 0 5px 0 rgba(0,0,0,0.05); cursor: pointer;}

.result {color: #FFFFFF; background: #009FE4;}
	.result > table {width: 100%; border-collapse: collapse;}
		.result > table > tbody > tr {}
		.result > table > tbody > tr > td {padding: 10px; vertical-align: middle;}
		.result > table > tbody > tr > td:nth-child(1) {text-align: right; font-size: 14px;}
		.result > table > tbody > tr > td:nth-child(2) {text-align: left; direction: ltr; font-size: 20px;}
		.result > table > tbody > tr > td:nth-child(2) > #ResultTargetAmount {font-weight: bold;}

.credits {padding: 3px 10px; background: #8DC7E9; font-size: 14px; color: #FFFFFF;}
	.credits > a {}