/* framework.css - v1.55 - 2018/28/05 */
@charset "UTF-8";

html{
	font-size:62.5%
}

html,textarea{
	font-family:arial,sans-serif
}

html,body{
	height:100%
}

a,address,button,caption,cite,code,dd,dt,figcaption,h1,h2,h3,h4,h5,h6,img,input,label,legend,li,p,pre,select,span,sub,sup,td,textarea,time,th,.font-size_reset,[class*="icon-"],ul,ol{
	word-wrap:break-word;
	font-size:1.3rem;
	line-height:140%;
	vertical-align:baseline
}

time{
	display:block
}

object,svg,img,video,.responsive_wrapper{
	max-width:100%;
	height:auto
}

.responsive-container,.responsive_wrapper{
	position:relative;
	padding-bottom:56.25%;
	padding-top:3.5rem;
	height:0;
	overflow:hidden
}

.responsive-container iframe,.responsive_wrapper iframe{
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%
}

.center_vertical_wrapper{
	display:table;
	height:100%;
	width:100%
}

.center_vertical_container{
	display:table-cell;
	vertical-align:middle
}

.full_width,.full_height{
	display:block;
	float:none;
	width:100%
}

.full_height{
	height:100%
}

.border{
	border:.1rem solid #000
}

table.full_width{
	display:table
}

h1,h2,h3,h4,h5,h6,p,ul,ol,dl,table,fieldset,address,label,input,select,textarea,.input_wrapper{
	margin-bottom:1rem
}

h1,h2,h3,h4,h5,h6{
	font-weight:bold;
	margin-top:2rem;
	clear:both
}

h1,h1 + h2,h2 + h3,h3 + h4,h4 + h5,h5 + h6,h2:first-child,h3:first-child,h4:first-child,h5:first-child,h6:first-child{
	margin-top:0
}

h1,h2,h3,h4,h5,h6,h1 > a,h2 > a,h3 > a,h4 > a,h5 > a,h6 > a{
	line-height:130%
}

h1,h1 > a,h1 > span,h1 > span[class*="icon-"]{
	font-size:2.4rem
}

h2,h2 > a,h2 > span,h2 > span[class*="icon-"]{
	font-size:2rem
}

h3,h3 > a,h3 > span,h3 > span[class*="icon-"]{
	font-size:1.8rem
}

h4,h4 > a,h4 > span,h4 > span[class*="icon-"]{
	font-size:1.7rem
}

h5,h5 > a,h5 > span,h5 > span[class*="icon-"]{
	font-size:1.6rem
}

h6,h6 > a,h6 > span,h6 > span[class*="icon-"]{
	font-size:1.5rem
}

strong,.strong{
	font-weight:bold
}

em,cite,.italic{
	font-style:italic
}

small,.small,small > a,.small > a,small > span,.small > span{
	font-size:90%
}

blockquote,q{
	quotes:none
}

hr{
	border:0;
	height:.1rem;
	margin:2rem;
	clear:both;
	background:#000
}

form hr{
	margin:1rem
}

figure{
	margin:0
}

a img,a figcaption{
	display:block;
	text-align:center;
	margin:0 auto
}

.clearfix:after{
	content:".";
	visibility:hidden;
	display:block;
	clear:both;
	height:0
}

.clearfix{
	display:block
}

.clear,.clear_left,.clear_right,.clear_both{
	visibility:hidden;
	clear:both;
	height:0;
	line-height:0
}

.background-image_none{
	background-image:none
}

.background-repeat_no-repeat{
	background-repeat:no-repeat
}

.background-repeat_repeat-x{
	background-repeat:repeat-x
}

.background-repeat_repeat-y{
	background-repeat:repeat-y
}

.border_none{
	border:none!important
}

.border-collapse_collapse{
	border-collapse:collapse
}

.clear_both{
	clear:both
}

.cursor_pointer{
	cursor:pointer
}

.display_block{
	display:block
}

.display_flex{
	display:flex
}

.display_inline{
	display:inline
}

.display_inline-block{
	display:inline-block
}

.display_none{
	display:none!important
}

.display_table{
	display:table
}

.float_left{
	float:left!important;
	clear:none
}

.float_none{
	float:none!important
}

.float_right{
	float:right!important;
	clear:none
}

.font-size_large{
	font-size:large
}

.font-size_small{
	font-size:small
}

.font-style_italic{
	font-style:italic
}

.font-style_normal{
	font-style:normal
}

.font-weight_bold{
	font-weight:bold
}

.font-weight_normal{
	font-weight:normal
}

.line-height_normal{
	line-height:normal
}

.list-style-type_circle{
	list-style-type:circle
}

.list-style-type_decimal{
	list-style-type:decimal
}

.list-style-type_disc{
	list-style-type:disc
}

.list-style-type_none{
	list-style-type:none
}

.list-style-type_square{
	list-style-type:square
}

.margin_auto{
	margin:auto
}

.overflow_auto{
	overflow:auto
}

.overflow_hidden{
	overflow:hidden
}

.overflow_scroll{
	overflow:scroll
}

.position_absolute{
	position:absolute
}

.position_fixed{
	position:fixed
}

.position_relative{
	position:relative
}

.position_static{
	position:static
}

.text-align_center{
	text-align:center
}

.text-align_justify{
	text-align:justify
}

.text-align_left{
	text-align:left
}

.text-align_right{
	text-align:right
}

.text-decoration_none{
	text-decoration:none
}

.text-decoration_underline{
	text-decoration:underline
}

.text-transform_uppercase{
	text-transform:uppercase
}

.vertical-align_bottom{
	vertical-align:bottom
}

.vertical-align_middle{
	vertical-align:middle
}

.vertical-align_top{
	vertical-align:top
}

.visibility_hidden{
	visibility:hidden
}

.visibility_visible{
	visibility:visible
}

.flex-container{
	display:flex;
	flex-wrap:wrap
}

.flex-container > *{
	align-items:stretch;
	display:block!important;
	float:none!important;
	width:auto!important;
	flex-grow:1
}

ul ul,ul ol,ol ul,ol ol{
	margin:0 0 0 1rem
}

nav ul li{
	list-style-type:none;
	margin:0
}

ul li,ol li{
	list-style-type:disc;
	list-style-position:outside;
	margin-left:1.7rem
}

ol li{
	list-style-type:decimal
}

dt,dd{
	float:left
}

dt{
	clear:both;
	min-width:10rem
}

table{
	border:.1rem solid #000;
	border-right:0;
	border-bottom:0
}

th,td{
	padding:.5rem;
	border:.1rem solid #000;
	border-top:0;
	border-left:0
}

table a{
	display:block
}

table.centercontent td{
	text-align:center
}

table.centercontent td input{
	float:none;
	text-align:center
}

thead.word-wrap_normal th{
	word-wrap:normal
}

th{
	color:#fff;
	font-size:1.5rem;
	font-weight:bold;
	background:#000;
	border-right:.1rem solid #fff
}

th:last-child{
	border-right:0
}

td{
	vertical-align:middle
}

td form{
	margin-bottom:0
}

form br,fieldset br,form label,fieldset label{
	clear:both
}

fieldset{
	background:#eee;
	padding:1rem;
	border:.1rem solid #ccc
}

label[for="search"],label[for^="content_type"],label.float_right,label.clear_none{
	clear:none
}

label input,label span{
	float:left;
	display:block
}

label{
	float:left;
	display:block;
	padding:.6rem .6rem .6rem 0
}

td label{
	width:100%;
	width:auto;
	padding:0
}

label > span{
	line-height:100%
}

label:last-of-type,fieldset > :last-child{
	margin-bottom:0
}

form sup{
	top:0
}

label[class*="large"],input[class*="large"]{
	max-width:none!important
}

legend{
	font-weight:bold;
	padding:0 .3rem .3rem .3rem
}

input,select,textarea,.input_wrapper{
	float:right;
	min-width:2rem;
	border:.1rem solid #999;
	border-radius:0
}

.input_wrapper{
	border:0;
	padding:0
}

input:focus,select:focus,textarea:focus{
	border-color:#000
}

input.error,select.error,textarea.error{
	background:linear-gradient(#fff3f3 5%,#eee1e1 100%);
	border:.1rem solid #c00
}

select{
	word-wrap:normal
}

input:not(type="hidden") + input,select:not(type="hidden") + input,input:not(type="hidden") + select,select + select{
	border-left:0
}

td input,td select,td textarea{
	width:100%;
	float:none;
	margin:0
}

.input_wrapper > label,.input_wrapper > input,.input_wrapper > select,.input_wrapper > textarea{
	margin-bottom:0
}

.input_wrapper > label{
	clear:none;
	width:auto;
	margin-right:1rem
}

.input_wrapper > label:last-of-type{
	margin:0
}

input[type="radio"],input[type="checkbox"]{
	margin-bottom:0
}

input,input[class*="large"]{
	padding:.5rem .1rem .5rem .5rem
}

label > input{
	margin-top:0;
	margin-left:0
}

select,select[class*="large"]{
	padding:.5rem .1rem .6rem .5rem
}

textarea{
	overflow-x:hidden;
	overflow-y:scroll;
	min-height:16.5rem;
	padding:.5rem
}

input[type="image"]{
	width:auto;
	height:auto;
	padding:0;
	margin:0 .3rem;
	border:0
}

input[type="checkbox"],input[type="radio"],input[type="image"]{
	background:none;
	border:0;
	width:auto
}

input[type="range"]{
	border:0
}

input[type="radio"]{
	float:left
}

input[type="date"],input[type="text"].date{
	width:12rem;
	float:left
}

input[type="submit"]:hover,input[type="submit"]:active,input[type="submit"]:focus{
	cursor:pointer
}

a.disabled,a.disabled:hover,a.disabled:active,a.disabled:focus,input[readonly="readonly"],input[readonly="readonly"]:hover,input[readonly="readonly"]:active,input[readonly="readonly"]:focus,button[readonly="readonly"],button[readonly="readonly"]:hover,button[readonly="readonly"]:active,button[readonly="readonly"]:focus,input[disabled="disabled"],input[disabled="disabled"]:hover,input[disabled="disabled"]:active,input[disabled="disabled"]:focus,button[disabled="disabled"],button[disabled="disabled"]:hover,button[disabled="disabled"]:active,button[disabled="disabled"]:focus,input[type="submit"]:disabled,input[type="submit"]:disabled:hover,input[type="submit"]:disabled:active,input[type="submit"]:disabled:focus,.onoffswitch-inner .onoffswitch-active.disabled,.onoffswitch-inner .onoffswitch-inactive.disabled{
	cursor:not-allowed
}

button,.button,input[type="submit"]{
	display:block;
	border-radius:.5rem;
	color:#fff;
	float:right;
	padding:1rem;
	font-weight:bold;
	text-decoration:none;
	background:#000;
	border:.1rem solid #000;
	width:auto;
	margin:0 0 0 1rem
}

button.float_left,.button.float_left,input[type="submit"].float_left{
	margin-right:1rem;
	margin-left:0
}

button.center,.button.center,input[type="submit"].center{
	float:none;
	margin:0 auto;
	display:table
}

button:last-child .button:last-child,input[type="submit"]:last-child{
	margin:0
}

button:hover,button:active,button:focus,.button:hover,.button:active,.button:focus,input[type="submit"]:hover,input[type="submit"]:active,input[type="submit"]:focus{
	background:#666
}

button[class*="icon-"],button [class*="icon-"],[class*="icon-"].button,.button [class*="icon-"]{
	color:#fff;
	font-weight:normal;
	line-height:90%
}

[class*="icon-"] + span,[class*="icon-"] + span{
	margin-left:.5rem
}

.box{
	padding:1rem;
	background:#eee;
	border:.1rem solid #ddd;
	display:block
}

.box_wrapper .box{
	margin-right:1rem
}

.box_wrapper .box:last-of-type{
	margin-right:0
}

.box > *:last-child{
	margin-bottom:0
}

[class*="icon-"]{
	font-weight:normal;
	font-size:1.8rem;
	vertical-align:middle;
	text-decoration:none!important
}

[class*="icon-"].button,button[class*="icon-"]{
	min-width:3rem;
	text-align:center;
	line-height:100%
}

.message{
	font-weight:bold;
	padding:.5rem 3rem;
	text-align:center;
	background-image:repeating-linear-gradient(-45deg,transparent,transparent .7rem,rgba(255,255,255,.15) .7rem,rgba(255,255,255,.15) 1.4rem);
	box-shadow:#333 0 .2rem .2rem;
	display:table;
	top:0;
	left:0
}

.message,.message a{
	color:#fff
}

p.red,p.error,p.warning{
	border:.1rem solid #e00;
	background-color:#b81900
}

p.yellow,p.information,body.el-rte-structure p.information{
	border:.1rem solid #e3e319;
	background-color:#a8a816
}

p.green,p.success{
	border:.1rem solid #0c0;
	background-color:#09a509
}

.message .icon-warning{
	margin-right:.5rem
}

.message a[class*="icon"]{
	font-size:1rem;
	text-decoration:none;
	padding:0;
	position:absolute;
	top:.3rem;
	right:.6rem
}

.center,.margin_0_auto{
	margin:0 auto;
	display:table
}

.no-padding{
	padding:0!important
}

.no-padding-x,.no-padding-horizontal{
	padding-right:0!important;
	padding-left:0!important
}

.no-padding-y,.no-padding-vertical{
	padding-top:0!important;
	padding-bottom:0!important
}

.no-padding-top{
	padding-top:0
}

.no-padding-right{
	padding-right:0
}

.no-padding-bottom{
	padding-bottom:0
}

.no-padding-left{
	padding-left:0
}

.no-margin{
	margin:0!important
}

.no-margin-x,.no-margin-horizontal{
	margin-right:0!important;
	margin-left:0!important
}

.no-margin-y,.no-margin-vertical{
	margin-top:0!important;
	margin-bottom:0!important
}

.no-margin-top{
	margin-top:0
}

.no-margin-right{
	margin-right:0
}

.no-margin-bottom{
	margin-bottom:0
}

.no-margin-left{
	margin-left:0
}

.align-to-top{
	margin-top:0;
	padding-top:0
}

.row{
	clear:both;
	margin:0 -1rem
}

*[class*="large-"],*[class*="medium-"],*[class*="small-"],*[class*="golden-ratio"]{
	display:block;
	float:left
}

body.flex-box *[class*="large-"], body.flex-box *[class*="medium-"], body.flex-box *[class*="small-"], body.flex-box *[class*="golden-ratio"] {
	float:none;
}

*[class*="large-"], *[class*="golden-ratio"] {
	padding:1rem;
}

*[class*="large-"]:after, *[class*="golden-ratio"]:after {
	clear:both;
}

.row.heightfix *[class*="large-"] {
	display:table-cell;
}

input[type="search"]{
	width:65%;
	margin-bottom:0;
	float:left
}

.hide-for-small-up,.hide-for-medium-up,.hide-for-large{
	display:none!important;
	float:none
}

.golden-ratio-long{
	width:61.8%
}

.golden-ratio-short{
	width:38.2%
}

.large-12{
	width:100%;
	float:none;
	clear:both
}

.large-11{
	width:91.6666666%
}

.large-10{
	width:83.3333333%
}

.large-9{
	width:75%
}

.large-8,input,select,textarea,.input_wrapper{
	width:66.6666666%
}

.large-7{
	width:58.3333333%
}

.large-6,.large-2nd{
	width:50%
}

.large-5{
	width:41.6666666%
}

.large-4,.large-3rd,label{
	width:33.3333333%
}

.large-3,.large-4th{
	width:25%
}

.large-5th{
	width:20%
}

.large-2,.large-6th{
	width:16.6666666%
}

.large-7th{
	width:14.28571428%
}

.large-8th{
	width:12.5%
}

.large-9th{
	width:11.11111111%
}

.large-10th{
	width:10%
}

.large-11th{
	width:9.0909090909%
}

.large-1,.large-12th{
	width:8.3333333%
}

.flex-container .golden-ratio-long{
	flex-basis:61.8%
}

.flex-container .golden-ratio-short{
	flex-basis:38.2%
}

.flex-container .large-12{
	flex-basis:100%
}

.flex-container .large-11{
	flex-basis:91.6666666%
}

.flex-container .large-10{
	flex-basis:83.3333333%
}

.flex-container .large-9{
	flex-basis:75%
}

.flex-container .large-8,input,select,textarea,.input_wrapper{
	flex-basis:66.6666666%
}

.flex-container .large-7{
	flex-basis:58.3333333%
}

.flex-container .large-6,.flex-container .large-2nd{
	flex-basis:50%
}

.flex-container .large-5{
	flex-basis:41.6666666%
}

.flex-container .large-4,.flex-container .large-3rd{
	flex-basis:33.3333333%
}

.flex-container .large-3,.flex-container .large-4th{
	flex-basis:25%
}

.flex-container .large-5th{
	flex-basis:20%
}

.flex-container .large-2,.flex-container .large-6th{
	flex-basis:16.6666666%
}

.flex-container .large-7th{
	flex-basis:14.28571428%
}

.flex-container .large-8th{
	flex-basis:12.5%
}

.flex-container .large-9th{
	flex-basis:11.11111111%
}

.flex-container .large-10th{
	flex-basis:10%
}

.flex-container .large-11th{
	flex-basis:9.0909090909%
}

.flex-container .large-1,.flex-container .large-12th{
	flex-basis:8.3333333%
}

[class*="grid-container"]{
	display:grid;
	grid-template-rows:auto;
	grid-gap:10px;
	grid-template-columns:repeat(12,1fr)
}

.grid-container-12{
	grid-template-columns:repeat(12,1fr)
}

@media screen and (-webkit-min-device-pixel-ratio:0) {
	input[type="color"],input[type="date"],input[type="datetime-local"],input[type="email"],input[type="month"],input[type="number"],input[type="range"],input[type="search"],input[type="tel"],input[type="time"],input[type="url"],input[type="week"]{
		-webkit-appearance:none
	}
}

@media only screen and (max-width: 768px){
	.hide-for-medium,.hide-for-small-up,.hide-for-large-down	{
		display:none!important
	}
	
	.hide-for-medium-up{
		display:block!important
	}
	
	.float_right_medium_only{
		float:right!important
	}
	
	.float_left_medium_only{
		float:left!important
	}
	
	.medium-12{
		width:100%;
		float:none;
		clear:both
	}
	
	.medium-11{
		width:91.6666666%
	}
	
	.medium-10{
		width:83.3333333%
	}
	
	.medium-9{
		width:75%
	}
	
	.medium-8{
		width:66.6666666%
	}
	
	.medium-7{
		width:58.3333333%
	}
	
	.medium-6{
		width:50%
	}
	
	.medium-5{
		width:41.6666666%
	}
	
	.medium-4,.medium-3rd{
		width:33.3333333%
	}
	
	.medium-3,.medium-4th{
		width:25%
	}
	
	.medium-5th{
		width:20%
	}
	
	.medium-2,.medium-6th{
		width:16.6666666%
	}
	
	.medium-7th{
		width:14.28571428%
	}
	
	.medium-8th{
		width:12.5%
	}
	
	.medium-9th{
		width:11.11111111%
	}
	
	.medium-10th{
		width:10%
	}
	
	.medium-11th{
		width:9.0909090909%
	}
	
	.medium-1,.large-12th{
		width:8.3333333%
	}
	
	.flex-container .medium-12{
		flex-basis:100%
	}
	
	.flex-container .medium-11{
		flex-basis:91.6666666%
	}
	
	.flex-container .medium-10{
		flex-basis:83.3333333%
	}
	
	.flex-container .medium-9{
		flex-basis:75%
	}
	
	.flex-container .medium-8{
		flex-basis:66.6666666%
	}
	
	.flex-container .medium-7{
		flex-basis:58.3333333%
	}
	
	.flex-container .medium-6{
		flex-basis:50%
	}
	
	.flex-container .medium-5{
		flex-basis:41.6666666%
	}
	
	.flex-container .medium-4,.flex-container .medium-3rd{
		flex-basis:33.3333333%
	}
	
	.flex-container .medium-3,.flex-container .medium-4th{
		flex-basis:25%
	}
	
	.flex-container .medium-5th{
		flex-basis:20%
	}
	
	.flex-container .medium-2,.flex-container .medium-6th{
		flex-basis:16.6666666%
	}
	
	.flex-container .medium-7th{
		flex-basis:14.28571428%
	}
	
	.flex-container .medium-8th{
		flex-basis:12.5%
	}
	
	.flex-container .medium-9th{
		flex-basis:11.11111111%
	}
	
	.flex-container .medium-10th{
		flex-basis:10%
	}
	
	.flex-container .medium-11th{
		flex-basis:9.0909090909%
	}
	
	.flex-container .medium-1,.flex-container .large-12th{
		flex-basis:8.3333333%
	}
	
	input[type="search"]{
		width:50%
	}
}

@media only screen and (max-width: 480px) {
	html,body{
		min-height:100%
	}
	
	main{
		padding-left:0;
		padding-right:0
	}
	
	.hide-for-small,.hide-for-medium-down,.hide-for-large-down{
		display:none!important;
		float:none
	}
	
	.hide-for-small-up{
		display:block!important
	}
	
	.float_right_small_only{
		float:right!important
	}
	
	.float_left_small_only{
		float:left!important
	}
	
	button,.button,input[type="submit"]{
		margin:0 0 1rem 0;
		text-align:center
	}
	
	button:not([class*="icon-"]),.button:not([class*="icon-"]),input[type="submit"]:not([class*="icon-"]){
		width:100%;
		float:none
	}
	
	button[class*="icon-"],.button[class*="icon-"],input[type="submit"][class*="icon-"]{
		display:table
	}
	
	.box_wrapper .box{
		margin-bottom:1rem
	}
	
	.flex-container > *{
		align-items:start
	}
	
	.flex-container{
		flex-direction:column
	}
	
	.no-padding-small,.no-padding-small .small-12{
		padding-top:0;
		padding-bottom:0
	}
	
	.small-12{
		width:100%;
		float:none;
		clear:both
	}
	
	.small-11{
		width:91.6666666%
	}
	
	.small-10{
		width:83.3333333%
	}
	
	.small-9{
		width:75%
	}
	
	.small-8{
		width:66.6666666%
	}
	
	.small-7{
		width:58.3333333%
	}
	
	.small-6{
		width:50%
	}
	
	.small-5{
		width:41.6666666%
	}
	
	.small-4,.small-3rd{
		width:33.3333333%
	}
	
	.small-3,.small-4th{
		width:25%
	}
	
	.small-5th{
		width:20%
	}
	
	.small-2,.small-6th{
		width:16.6666666%
	}
	
	.small-7th{
		width:14.28571428%
	}
	
	.small-8th{
		width:12.5%
	}
	
	.small-9th{
		width:11.11111111%
	}
	
	.small-10th{
		width:10%
	}
	
	.small-11th{
		width:9.0909090909%
	}
	
	.small-1,.small-12th{
		width:8.3333333%
	}
	
	label{
		margin:0;
		padding-bottom:.5rem
	}
	
	label:not(.onoffswitch-label),label:not(.float_right),label:not([for^="content_type"]),input,select,textarea:not(.richtexteditor),.input_wrapper{
		width:100%;
		float:none;
		max-width:none
	}
	
	label:not(.onoffswitch-label),label:not(.float_right),label[for="content_type"]{
		width:100%;
		margin-bottom:0
	}
	
	fieldset > label:first-child{
		margin-top:0
	}
	
	div.onoffswitch{
		float:left
	}
	
	label.float_right input{
		margin-left:0
	}
	
	input[type="search"]{
		width:73%
	}
}

@media only print {
	*{
		color:#000
	}
	
	a[href]:after{
		content:" <"attr(href)">";
		font-style:italic
	}
	
	img[alt]:after{
		content:"\A ("attr(alt)")"
	}
	
	*[cite]:after{
		content:close-quote" (Source: "attr(cite)")"
	}
}
