@font-face {
    font-family: 'rudaregular';
	src: url('fonts/ruda/ruda-regular-webfont.eot');
	src: url('fonts/ruda/ruda-regular-webfont.eot?#iefix') format('embedded-opentype'),
	 url('fonts/ruda/ruda-regular-webfont.woff') format('woff'),
	 url('fonts/ruda/ruda-regular-webfont.ttf') format('truetype'),
	 url('fonts/ruda/ruda-regular-webfont.svg#rudaregular') format('svg');
    font-weight: normal;
    font-style: normal;

}

@media screen and (-webkit-min-device-pixel-ratio:0) {
	@font-face {
		font-family: 'rudaregular';
		src: url('fonts/ruda/ruda-regular-webfont.svg') format('svg');
	}
}

@font-face {
    font-family: 'rudabold';
	src: url('fonts/ruda/ruda-bold-webfont.eot');
	src: url('fonts/ruda/ruda-bold-webfont.eot?#iefix') format('embedded-opentype'),
	 url('fonts/ruda/ruda-bold-webfont.woff') format('woff'),
	 url('fonts/ruda/ruda-bold-webfont.ttf') format('truetype'),
	 url('fonts/ruda/ruda-bold-webfont.svg#rudaregular') format('svg');
    font-weight: bold;
    font-style: bold;

}

@media screen and (-webkit-min-device-pixel-ratio:0) {
	@font-face {
		font-family: 'rudabold';
		src: url('fonts/ruda/ruda-bold-webfont.svg') format('svg');
	}
}

a {
	text-decoration: none;
}

.abo {
	background: #373737;
	color: #ffffff;
	font-family: 'rudabold';
}

body {
	background: #fafafa;
	font-family: 'rudaregular', sans-serif !important;
}

.bt > a{
	background: #f966b7;
	color: #ffffff;
	padding: 15px 25px 15px 25px;
	line-height: 60px;
	font-size: 24px;
	text-decoration: none;
	text-transform: uppercase;
	font-weight: bold;
}

.b {
	font-family: "rudabold";
	font-weight: bold;
}

.bc {
	background: #fafafa;
	color: #f966b7;
	height: 40px;
	line-height: 25px;
}

.bcn li {
	display: inline;
	padding: 0px 10px 0px 10px;
}

.bcn a {
	color: #373737;
}

.bcn a:hover{
	color: #f966b7;
}

.bcn a:active{
	color: #f966b7;
}

.br {
	color: #373737;
	display: inline;
	padding: 0px 20px 0px 20px;
	font-size: 14px;
	text-transform: uppercase;
	text-align: center;
	padding: 10px 0;
	position: relative;
	border: 1px solid #ccc;
	background: #fafafa;
}

.c {
	text-align: center;
}

.cel {
	background: #f966b7;
	color: #ffffff;
	font-family: 'rudabold';
}


.current {
	background: #f966b7;
	color: #ffffff!important;

}

.dt {
	padding-top: 100px;
}

.em {
	font-family: 'rudabold';
	font-size: 56px;
	line-height: 56px;
	padding-left: 20px;
}

.fs {
	margin-top: 70px;
}

.gal {
	background: #fafafa;
	color: #787878;
	font-family: 'rudabold';
}


.ga a {

	text-align: center;
	padding: 10px 0;
	border: solid 1px #ddd;
}

.ga .active {
	background: #f966b7;
	color: #ffffff;
}

.ga a{
	color: #323232;
	display: inline-block;
	height: 39px;
	line-height: 37px;
	padding: 0 15px;
}

.h {
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	height: auto;
	padding: 0;
	margin: 0;
	background: #ffffff;
	z-index: 100;
	border-bottom: 1px solid #cccccc;
	border-top: 3px solid #f977b8;
}

.hn {
	margin: 0;
	padding-top: 15px;
}

.hn li{
	color: #373737;
	display: inline-block;
	padding: 0px 15px 0px 15px;
	font-size: 16px;
	height: 100%;
	text-transform: uppercase;
}

.hn a {
	color: #373737;
	text-decoration: none;
}

.hn a:hover {
	color: #f977b8;
}

hr {
	border: none;
}

.l {
	background: url('../assets/ux/bl.jpeg') no-repeat center top;
	background-position-y: -250px;
	padding: 150px 0px 150px 0px;
	border-bottom: 1px solid #cccccc;
}

.memo {
	color: #787878;
}

.npm {
	padding: 0;
	margin: 0;
}

.p {
	color: #f966b7;
}

.pb {
	padding: 50px 0px 50px 0px;
}


.pr {
	color: #f966b7;
}

.q {
	font-size: 30px;
	color: #373737;
	margin-top: 50px;
}

.qa {
	margin-top: 50px;
	font-size: 24px;
	color: #787878;
}

.qaa {
	margin-top: 50px;
	font-size: 18px;
}

.r {
	text-align: right;
}


.s {
	background: #ffffff;
}

.ser {
	background: #f966b7;
	color: #ffffff !important;
	font-family: 'rudabold';
}

.sp {
	background: #fafafa;
}


.sl {
	background: #373737;
	color: #fafafa;
	width: 600px;
	padding: 0px 5px 0px 25px;
	line-height: 60px;
	margin: 3px 0px 3px 0px;
	opacity: .9;
}

.st {
	padding-top: 5px;
	font-family: 'rudabold';
}

.t {
	background: #fafafa;
	width: 31%;
	padding: 0px;
}

.tmm {
	background: #fafafa;
	width: 45%;
	padding: 0px;
}

.tww {
	background: #fafafa;
	width: 90%;
	padding: 0px;
}

.td {
	background: #f966b7;
	width: auto;
	height: 40px;
	line-height: 40px;
	display: block;
	padding: 0px 0px 0px 15px;
	color: #ffffff;
}

.tm {
	font-style: italic;
	padding: 10px;
}

.tab {
	font-size: 56px;
	line-height: 56px;
}

.tw {
	width: 940px;
	margin: 0 auto;
	position: relative;
	line-height: 0!important;
}

.twmod .tn{
	margin: 0 auto 10px auto!important;
}

.tw .tn {
	width: 700px;
	margin: 0 auto 60px auto;
}

.tw .tn li.ch, .tw .tn li.r, .tw .tn li.bu, .tw .tn li.my {
	float: left;
	width: 23%;
	text-align: center;
	position: relative;
}

.tw .tn li.ch:hover, .tw .tn li.r:hover, .tw .tn li.bu:hover, .tw .tn li.my:hover {
	background: #fafafa;
}

.tw .tn li.ch a, .tw .tn li.r a, .tw .tn li.bu a, .tw .tn li.my a{
	font-size: 16px;
	text-transform: uppercase;
	color: #373737;
	line-height: 30px;
	padding: 10px;
	display: block;
}

.tw .tn li.ch a:hover,  .tw .tn li.r a:hover, .tw .tn li.bu a:hover,  .tw .tn li.my a:hover {
	opacity: 1;
	-ms-filter: "alpha(opacity=100)";
}

.tw .tn li.ch a img, .tw .tn li.r a img, .tw .tn li.bu a img, .tw .tn li.my a img {
	width: 25px;
	height: 25px;
}

.tw .tn li.ch a span, .tw .tn li.r a span, .tw .tn li.bu a span, .tw .tn li.my a span {
	display: inline-block;
	vertical-align: top;
	padding-left: 10px;
}

.tw .tn li.ts {
	background: #fafafa!important;
}

.tw .tn li.ts a {
	opacity: 1;
	-ms-filter: "alpha(opacity=100)";
}

.tw .tn li.ch,.tw .tn li.bu {
	border: solid 1px #ddd;
}

.tw .tn li.r {
	border-top: solid 1px #ddd;
	border-bottom: solid 1px #ddd;
}

.tw .tn li.my {
	border-top: solid 1px #ddd;
	border-bottom: solid 1px #ddd;
	border-right: solid 1px #ddd;
}

ul, ol {
	padding: 0;
	margin: 0;
	list-style-type: none;
}

.w {
	background: #ffffff!important;
}


#container {
	display:block;
	overflow:hidden;
	width: 940px;
	margin:0 auto;
}

#container li{
	float: left;
	height: 192px;
	list-style: none outside none;
	margin: 6px;
	position: relative;
	width: 300px;
	-moz-box-shadow: 0 0 5px #000;
	-webkit-box-shadow: 0 0 5px #000;
	box-shadow: 0 0 5px #000;
	overflow: hidden;
}

#container ul{
	overflow:hidden;
}

#container ul.hidden{
	display:none;
}


#Myrequest{width:880px;height:180px;padding:5px;}

label {font-weight:bold;display:block;color:#000}
input[type=text], input[type=password], input.text, input.title, textarea {background-color:#fff;border:1px solid #bbb;}
input[type=text]:focus, input[type=password]:focus, input.text:focus, input.title:focus, textarea:focus {border-color:#666;}
select {background-color:#fff;border-width:1px;border-style:solid;}
input[type=text], input[type=password], input.text, input.title, textarea, select {margin:0.5em 0;}
input.text, input.title {width:260px;padding:5px;}
input.title {font-size:1.5em;}
textarea {width:450px;height:180px;padding:5px;}
form.inline {line-height:3;}
form.inline p {margin-bottom:0;}
.required{color:#ed1c24;}
.simple-error, .simple-alert, .simple-notice, .simple-success, .simple-info {padding:0.8em;margin-bottom:1em;border:2px solid #ddd;}
.simple-error, .simple-alert {background:#fbe3e4;color:#8a1f11;border-color:#fbc2c4;}
.simple-notice {background:#fff6bf;color:#514721;border-color:#ffd324;}
.simple-success {background:#e6efc2;color:#264409;border-color:#c6d880;}
.simple-info {background:#d5edf8;color:#205791;border-color:#92cae4;}
.simple-error a, .simple-alert a {color:#8a1f11;}
.simple-notice a {color:#514721;}
.simple-success a {color:#264409;}
.simple-info a {color:#205791;}
.fancy-button{display:block; float:left; margin:0 0.583em 0.667em 0; padding:5px 10px 5px 7px;   border:1px solid #dedede;border-top:1px solid #eee;border-left:1px solid #eee;background-color:#f5f5f5;  font-size:100%;  line-height:130%;text-decoration:none;font-weight:bold;color:#565656; cursor:pointer;}
.fancy-button:hover { background-color:#E6EFC2;border:1px solid #C6D880;color:#529214;}
.fancy-button:active {  background-color:#8dc63f; border:1px solid #529214; color:#fff;}
fieldset, img {
  border: 0;
}


table {
	width: 100%;
	border-spacing: 0px;
}
.legend table {
	width: auto;
	border-spacing: 2px;
}
td, th {
	padding: 0px;
	padding-left: 15px;
	padding-right: 15px;
	height: 50px;
	border-bottom: 1px solid #c7d2d2;
	border-right: 1px solid #c7d2d2;
}
.legend td {
	padding: 0px;
	height: auto;
	border: none;
}
th {
	text-align: left;
	font-size: 14px;
	background: #F3F6F6;
	background: -webkit-linear-gradient(#F3F6F6, #B4BFBF);
	background: -moz-linear-gradient(#F3F6F6, #B4BFBF);
	color: #666;
	text-shadow: white 0px 1px 0px;
	-moz-box-shadow: white 1px 0px 0px inset, white 0px 1px 0px;
	-webkit-box-shadow: white 1px 0px 0px inset, white 0px 1px 0px;
	box-shadow: white 1px 0px 0px inset, white 0px 1px 0px;
	border-bottom: 1px solid #8e9696;
	border-right: 1px solid #8e9696;
	position: relative;
}
th.asc:after, th.desc:after  {
	content: '';
	position: absolute;
	right: 20px;
	top: 20px;
	border-color: transparent;
	border-bottom-color: #666;
	border-style:solid;
	border-width:4px;
	width:0px;
	height:0px;
}
th.desc:after {
	border-color: transparent;
	border-top-color: #666;
	top: 24px;
}
th:active {
	background: #d6e0e0;
	background: -webkit-linear-gradient(#d6e0e0, #b4bfbf);
	background: -moz-linear-gradient(#d6e0e0, #b4bfbf);
}
td {
	color: #555;
}
td img {
	max-height: 22px;
}
tr:hover td {
	background: white;
}
tr:nth-child(odd) {
	background: #ecf5f5;
}
.legend tr:nth-child(odd) {
	background: none;
}
td:last-child, th:last-child {
	border-right: none;
}
tr:last-child td {
	border-bottom: none;
}
.carton {
	background: #FAFAFA;
	position: relative;
	background: -moz-linear-gradient(rgba(255,255,255,0.3), #FAFAFA);
	background: -webkit-linear-gradient(rgba(255,255,255,0.3), #FAFAFA);
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;
	border-radius: 2px;
	-moz-box-shadow: rgba(0, 0, 0, 0.2) 0px -45px 62px -62px inset, 0px 2px 1px rgba(0, 0, 0, 0.1), 0px 0px 0px 1px rgba(0, 0, 0, 0.2);
	-webkit-box-shadow: rgba(0, 0, 0, 0.2) 0px -45px 62px -62px inset, 0px 2px 1px rgba(0, 0, 0, 0.1), 0px 0px 0px 1px rgba(0, 0, 0, 0.2);
	box-shadow: rgba(0, 0, 0, 0.2) 0px -45px 62px -62px inset, 0px 2px 1px rgba(0, 0, 0, 0.1), 0px 0px 0px 1px rgba(0, 0, 0, 0.2);
}
.carton.color {
	background-image: -webkit-linear-gradient(rgba(0,0,0,0.0), rgba(0,0,0,0.1));
	background-image: -moz-linear-gradient(rgba(0,0,0,0.0), rgba(0,0,0,0.1));
	-webkit-box-shadow: rgba(0, 0, 0, 0.2) 0px -45px 62px -62px inset, 0px 2px 1px rgba(0, 0, 0, 0.2);
	-moz-box-shadow: rgba(0, 0, 0, 0.2) 0px -45px 62px -62px inset, 0px 2px 1px rgba(0, 0, 0, 0.2);
	box-shadow: rgba(0, 0, 0, 0.2) 0px -45px 62px -62px inset, 0px 2px 1px rgba(0, 0, 0, 0.2);
}
.carton.padding {
	background: transparent;
	box-shadow: none;
}
.carton .content {
	padding: 20px;
}
.carton.padding .content {
	padding: 0px;
}
.carton.multiple, .column.multiple {
	padding-bottom: 26px;
}
.carton.multiple.padding .content {
	padding-bottom: 18px;
}
.carton.multiple .content, .carton .column.multiple .content {
	display: none;
}
.carton.multiple .content.current, .carton .column.multiple .content.current {
	display: block;
}
.carton ul.round {
	margin: 0px;
	position: absolute;
	width: 100%;
	bottom: 17px;
}
.carton .content p {
	margin-top: 0px;
	margin-bottom: 10px;
}
.carton > h2 {
	font-size: 14px;
	color: #6a6f76;
	text-shadow: rgba(255,255,255,0.5) 0px 1px 0px;
	margin: 0px;
	line-height: 40px;
	padding-left: 20px;
	background-image: -webkit-linear-gradient(rgba(0,0,0,0),rgba(0,0,0,0.1));
	background-image: -moz-linear-gradient(rgba(0,0,0,0),rgba(0,0,0,0.1));
	border-bottom: 1px solid #ccc;
	-webkit-box-shadow: rgba(255,255,255,0.7) 0px 1px 0px inset, white 0px 1px 0px;
	-moz-box-shadow: rgba(255,255,255,0.7) 0px 1px 0px inset, white 0px 1px 0px;
	box-shadow: rgba(255,255,255,0.7) 0px 1px 0px inset, white 0px 1px 0px;
	-webkit-border-top-left-radius: 2px;
	-webkit-border-top-right-radius: 2px;
	-moz-border-radius-topright: 2px;
	-moz-border-radius-topleft: 2px;
	border-top-left-radius: 2px;
	border-top-right-radius: 2px;
	height: 40px;
}
.carton.color > h2 {
	-webkit-box-shadow: rgba(255,255,255,0.7) 0px 1px 0px inset;
	-moz-box-shadow: rgba(255,255,255,0.7) 0px 1px 0px inset;
	box-shadow: rgba(255,255,255,0.7) 0px 1px 0px inset;
	border-bottom: none;
	color: inherit;
	text-shadow: inherit;
	background: none;	
	border-bottom: 1px dashed;
}
.carton.color ul.round li {
	background-color: #fff;
	opacity: 0.6;
}
.carton.color ul.round li.current {
	background-color: #444;
}