@import url(https://fonts.googleapis.com/css?family=Open+Sans:300italic,400italic,600italic,700italic,800italic,300,400,600,700,800);


/* DEFAULT TEMPLATE & EDITOR STYLES */
body, html {
	background: #fff;
}
body, input, textarea, select {
	font-family: 'Open Sans', sans-serif;
	font-size: 13px;
	line-height: 23px;
	color: #32393d;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}
sup, sub {
	font-size: 10px;
	line-height: 10px;
}
* {
	margin: 0px;
	padding: 0px;
	outline: none;
}


/* TABLE STYLES */
table, table td, table th {
	border-collapse: collapse;
	border: 1px solid #dde3e7;
	vertical-align: top;
	text-align: left;
}
.colortable {
	width: 100%;
}
.colortable td, .colortable th {
	border-bottom: 1px solid #dde3e7;
	border-bottom: 1px solid rgba(0,0,0,0,5);
	padding: 7px 0 7px 15px;
}
.colortable tr > td:first-child:not(.label),
.colortable tr > th:first-child:not(.label) {
	padding-left: 0;
}
.colortable td.label, .colortable th.label {
	background-color: #ecf1f4;
	border-bottom: 1px solid #fff;
	width: 100px;
	padding: 7px 15px;
}
.colortable tr.clickable:hover {
	background-color: #ecf1f4;
}
td[nowrap],
th[nowrap] {
	white-space: nowrap;
}
.colortable-light td {
	color: #b6c1c8;
}
	.colortable-light td a {
		color: inherit;
	}

/* DEFAULT LIST STYLES */
ul > li {
	list-style-position: outside;
	list-style-type: square;
}
ol > li {
	list-style-position: outside;
	list-style-type: decimal;
}
ul {
	margin-left: 15px;
}
ol {
	margin-left: 25px;
}


/* HORIZONTAL RULE */
hr {
	display: block;
	margin-top: 10px;
	margin-bottom: 10px;
	height: 0px;
	min-height: 0px;
	max-height: 0px;
	overflow: hidden;
	background: none;
	border-width: 0px;
	border-bottom: 1px solid #dde3e7;
	border-bottom-color: rgba(30,34,37,0.13);
}
hr.spacer {
	margin-top: 20px;
	margin-bottom: 20px;
}


/* LINK STYLES */
a {
	color: #850048;
	text-decoration: none;
}
a:hover,
a.hover,
.clickable:hover a,
.clickable.hover a {
	color: #00a6de;
	text-decoration: none;
}
a.sort {
	white-space: nowrap;
	color: #00a6de;
	display: inline-block;
	vertical-align: top;
	padding: 0 0 0 14px;
	background: left no-repeat url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABoAAAAoCAYAAADg+OpoAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAOlJREFUeNrs1zsOwyAMBmCwVFi79BQdev9jdOgpunhNFmoiJUpTHiYYlmLJEkv0DQFbv3bOKW7N86ystXc6XqifruBjOIHcqK/UD00lCh2QtYowOIkUY1CBFGFQibAxEEBYGAghWQwEkSQGwkgUgwZIENPTNLVA9oV+XHmtJbJhumSo1hSoTjWgAQ1oQP8AdVsTQIvvRYd3S8QvPjDGqIYYrmFg+UeNMNwnju0yCGN4jDVft04Iw1B2+rnelRjGAlrwHZ3EMJUCow+2EMNc1ExOBiaWRVgjKIOxEPasi2BsZJl1veL/R4ABAHwTsw8OhrWpAAAAAElFTkSuQmCC');
	background-size: 6px 9px;
}
a.sort.asc {
	background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABoAAAAoCAYAAADg+OpoAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAPFJREFUeNrs1zEOwjAMBdDEEu3CwMIpGDgBt2Jm4GocAHET1nYgOJWoaJs0dmKzkC9ZyhK9ocmPap1zhpq+703btgdcbnAejrEZMpA9zg7naDGi0Az5hIVBJsLGoABhYVCIkDEQQEgYCCFJDASRVQyEkSgGCkgQs13XaSDfefq68pomMmKWU6olAfOjVKhCFarQP0D+mbjinJSdO+DDd8HFTRPBOUPTNEYRGxB8817DN1LCRmRyGISxCbI4dULYAgke70IsiETvUSYWRVYvLBNbRZLNQMSSCKmCEhgJIXddBCMjQ9dl/P77btxyEJ+3AAMAer6ohOJ5Jg4AAAAASUVORK5CYII=');
}
a.sort.desc {
	background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABoAAAAoCAYAAADg+OpoAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAPRJREFUeNrs1zEOwjAMBdDYEu3CyimYOAC34gTM3A0xcAoW1nYgOJWoaJs0TmKzEEuuskRvqPOjgLXWcKvve9O27ZmWW+oT7X1x92IGcqQ+UF8AAEWhGfKpJAwzkWQMC5AkDAsRNoYCCAtDISSKoSCyiqEwEsRQAfFi0HWdBvJdVxdXQB9NZMQgJVRLCs2PqkIVqlCF/gFy18SeeqfsPJEuvjstHpoI9Q2bpjGK2IDQnWeHf6SEjchkGISxCbKYOiFsgXjHuxDzIsFzlIkFkdUDm4itItFkYGJRhBVBEYyFsLMugLGRIesynv8uGzcpiKu3AAMAUI+9WjTIRygAAAAASUVORK5CYII=');
}
a.sort:hover {
	color: inherit;
}
a.expandlink {
	white-space: nowrap;
	display: inline-block;
	vertical-align: top;
	padding: 0 0 0 18px;
	background: left no-repeat url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAsAAAALCAYAAACprHcmAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAElJREFUeNpiZGBgcGAgErCAiP///+8npJCRkdGRCYfEAWziTAwkAJIUs+CyGpkP9JMDimKYAEwhMp/2bsaqGJsTwM4jJQYBAgwAx14Um49xd7UAAAAASUVORK5CYII=');
}
a.expandlink.collapse {
	background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAsAAAALCAYAAACprHcmAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAD1JREFUeNpiZGBgcGAgErCAiP///+8npJCRkdGRiYEEQDvFLEhuOoBLEdBPDiiKYQID42aSFDOSEoMAAQYA86sL2G8pNz0AAAAASUVORK5CYII=');
}
.nextlink {
	display: inline-block;
	font-weight: 600;
}
.nextlink:before {
	content: "\e603\e603\00a0\00a0";
	font-size: 60%;
}
html.pageloaded.csstransitions #tpl_body .colortable .clickable .nextlink:before {
	-webkit-transition: all 0.25s;
	        transition: all 0.25s;
}
.colortable .clickable:hover .nextlink {
	-webkit-transform: translateX(5px);
	        transform: translateX(5px);
}
.colortable .clickable:hover .nextlink:before {
	opacity: 0;
}
.morelink {
	display: inline-block;
	font-weight: 600;
}
.morelink:after {
	content: "\00a0\00a0\e603\e603";
	font-size: 60%;
}
.prevlink {
	display: inline-block;
	font-weight: 600;
}
.prevlink:before {
	content: "\e600\e600\00a0\00a0";
	font-size: 60%;
}
.addlink,
.editlink,
.notifylink,
.weblink,
.dellink {
	display: inline-block;
	font-weight: 600;
	white-space: nowrap;
}
.addlink:after {
	content: "\00a0\e900";
}
.editlink:after {
	content: "\00a0\e610";
}
.notifylink:after {
	display: inline-block;
	vertical-align: top;
	content: "\00a0\e902";
}
.weblink:after {
	display: inline-block;
	vertical-align: top;
	content: "\00a0\e60c";
}
.dellink:after {
	content: "\00a0\e60e";
	font-size: 16.5px;
    position: relative;
    top: 1px;
}
.arlink {
	position: relative;
	display: block;
	font-size: 120%;
	line-height: 120%;
	font-weight: bold;
	color: #00a6de;
	margin: 0 0 10px 0;
	padding: 28px 28px 27px 28px;
}
.arlink:hover {
	color: #fff;
	background-color: #00a6de;
}
.arlink[data-count]:after {
	content: attr(data-count);
	display: block;
	position: absolute;
	z-index: 2;
	top: -5px;
	right: 0;
	width: 20px;
	text-align: center;
	line-height: 20px;
	height: 20px;
	-webkit-border-radius: 20px;
	border-radius: 20px;
	background: #850048;
	color: #fff;
	font-size: 12px;
	font-weight: bold;
}
.arlink[data-iconlabel] {
	padding-left: 75px;
}
.arlink[data-iconlabel]:before {
	content: attr(data-iconlabel);
	font-family: inherit;
	font-weight: inherit;
	width: 50px;
	height: 50px;
	line-height: 50px;
	-webkit-border-radius: 50px;
	border-radius: 50px;
	font-size: 24px;
	display: block;
	background: #fff;
	text-align: center;
	top: 11px;
	left: 12px;
	position: absolute;
	z-index: 2;
	color: #850048;
}
.managelinks {
	float: right;
	margin: -24px 0 0 0;
}
	.managelinks-separator {
		color: #b6c1c8;
		display: inline-block;
		vertical-align: top;
		margin: 0 10px;
	}
		.managelinks-separator:before {
			content: '|';
		}


/* BACKGROUND COLORS */
.backwh {
	background-color: #fff;
}
.backpu {
	background-color: #850048;
}
.backbl {
	background-color: #00a6de;
}
.backlg {
	background-color: #e6eaed;
}


/* IMAGE STYLES */
img {
	border-width: 0px;
}
.imageleft {
	float: left;
	margin-right: 25px;
}
.imageright {
	float: right;
	margin-left: 25px;
}
.imageleft, .imageright {
	display: inline;
}


/* FLOATS */
.floatr {
	float: right;
}
.floatl {
	float: left;
}


/* TEXT STYLES */
.texts {
	font-weight: bold;
}
.textc {
	text-align: center;
}
.textbl {
	color: #00a6de;
}
.textpu {
	color: #850048;
}
.texte {
	text-overflow: ellipsis;
	overflow: hidden;
	white-space: nowrap;
}


/* BOXES */
.boxpu {
	padding: 20px 25px;
	background: #850048;
	color: #fff;
}
.boxbl {
	padding: 20px 25px;
	background: #00a6de;
	color: #fff;
}
.boxbo {
	padding: 20px 25px;
	border: 1px solid #dde3e7;
}
.boxbo[data-list] {
	position: relative;
	z-index: 1;
	padding-left: 30px;
}
	.boxbo[data-list]:before {
		content: attr(data-list);
		position: absolute;
		z-index: 2;
		display: block;
		width: 24px;
		height: 24px;
		line-height: 24px;
		text-align: center;
		top: 21px;
		left: -13px;
		-webkit-border-radius: 24px;
		border-radius: 24px;
		border: 1px solid #d4dade;
		background: #fff;
		text-transform: uppercase;
		font-weight: bold;
		background-color: #32393d;
		border-color: #32393d;
		color: #fff;
	}
.boxar {
	background-position: right;
	background-repeat: repeat-y;
	background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz48c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkxhYWdfMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgeD0iMHB4IiB5PSIwcHgiIHdpZHRoPSIxMDAwcHgiIGhlaWdodD0iMTAwMHB4IiB2aWV3Qm94PSIwIDAgMTAwMCAxMDAwIiBlbmFibGUtYmFja2dyb3VuZD0ibmV3IDAgMCAxMDAwIDEwMDAiIHhtbDpzcGFjZT0icHJlc2VydmUiPjxwYXRoIGZpbGw9IiNGRkZGRkYiIGQ9Ik04MDAuMSwwSDEwMDB2MTAwMEg4MDAuMXYtMC4xYzcuOS0wLjksMTUuNS0zLjUsMjIuNC03LjRjMTMuMi05LjEsMjMuMy0yMi43LDI4LjItMzhjMzguMS0xMjEuOSw3Ni42LTI0My42LDExNS41LTM2NS4xYzcuMS0yMi4xLDE0LjQtNDQuMiwyMC44LTY2LjVjNC40LTE1LjgsNC4xLTMyLjgtMC42LTQ4LjVjLTYuMy0yMS40LTEzLjUtNDIuNC0yMC4xLTYzLjZjLTM4LjQtMTE5LjctNzYuMi0yMzkuNi0xMTQuNi0zNTkuM2MtMi4zLTcuNi00LjgtMTUuMy05LjItMjJjLTIuMi0zLjUtNS4yLTYuMy03LjYtOS42QzgyNi41LDkuMSw4MTMuOSwwLjksODAwLjEsMEw4MDAuMSwwTDgwMC4xLDB6Ii8+PC9zdmc+');
	/*background-size: contain;*/
	background-size: auto 100%;
}
.boxarl {
	background-position: left;
	background-repeat: repeat-y;
	background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz48c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkxhYWdfMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgeD0iMHB4IiB5PSIwcHgiIHdpZHRoPSIxMDAwcHgiIGhlaWdodD0iMTAwMHB4IiB2aWV3Qm94PSIwIDAgMTAwMCAxMDAwIiBlbmFibGUtYmFja2dyb3VuZD0ibmV3IDAgMCAxMDAwIDEwMDAiIHhtbDpzcGFjZT0icHJlc2VydmUiPjxwYXRoIGZpbGw9IiNGRkZGRkYiIGQ9Ik0xOTkuOSwwSDB2MTAwMGgxOTkuOXYtMC4xYy03LjktMC45LTE1LjUtMy41LTIyLjQtNy40Yy0xMy4yLTkuMS0yMy4zLTIyLjctMjguMi0zOEMxMTEuMiw4MzIuNiw3Mi44LDcxMC45LDMzLjgsNTg5LjRjLTcuMS0yMi4xLTE0LjQtNDQuMi0yMC44LTY2LjVjLTQuNC0xNS44LTQuMS0zMi44LDAuNi00OC41YzYuMy0yMS40LDEzLjUtNDIuNCwyMC4xLTYzLjZjMzguNC0xMTkuNyw3Ni4yLTIzOS42LDExNC42LTM1OS4zYzIuMy03LjYsNC44LTE1LjMsOS4yLTIyYzIuMi0zLjUsNS4yLTYuMyw3LjYtOS42QzE3My41LDkuMSwxODYuMSwwLjksMTk5LjksMEwxOTkuOSwwTDE5OS45LDB6Ii8+PC9zdmc+');
	/*background-size: contain;*/
	background-size: auto 100%;
}
.boxarpr {
	padding-right: 50px;
}
.boxarpr + .boxarpr {
	margin-top: 10px;
}
.boxpc3r {
	padding-right: 330px;
	padding-right: calc(33.33% + 10px);
}


/* DOTS */
.dottedr:after {
	display: block;
	content: '';
	position: absolute;
	z-index: 100;
	top: 0;
	right: -12px;
	width: 4px;
	bottom: 0;
	background: top repeat-y url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAwAAAAICAYAAADN5B7xAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAFRJREFUeNpi/P//PwMM3HvyAkR5AvFcqFAyEG9XkpGAq2FiwAQgxZJQPBddEpsGZMBIjIYUIAa57SnUSSiABYuGbVDnYLcS2dPEACYGEgHJGgACDAAQRA/beLcunAAAAABJRU5ErkJggg==');
	pointer-events: none;
}
.dottedl:before {
	display: block;
	content: '';
	position: absolute;
	z-index: 100;
	top: 0;
	left: -12px;
	width: 4px;
	bottom: 0;
	background: top repeat-y url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAwAAAAICAYAAADN5B7xAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAFRJREFUeNpi/P//PwMM3HvyAkR5AvFcqFAyEG9XkpGAq2FiwAQgxZJQPBddEpsGZMBIjIYUIAa57SnUSSiABYuGbVDnYLcS2dPEACYGEgHJGgACDAAQRA/beLcunAAAAABJRU5ErkJggg==');
	pointer-events: none;
}


/* EDITOR STYLES */
h1, .h1, h2, .h2, h3, .h3, h4, .h4, h5, .h5, div.title {
	display: block;
	margin-bottom: 5px;
}
h1, .h1, div.title {
	font-size: 200%;
	line-height: 110%;
	font-weight: bold;
	margin-bottom: 10px;
}
h1.light, .h1.light, div.title.light {
	font-weight: 300;
}
.webitem_4 h1, .webitem_4 h1 strong, webitem_4 h1 b {
	font-weight: 300;
}
h1[data-count]:after,
.h1[data-count]:after {
	content: attr(data-count);
	display: inline-block;
	vertical-align: top;
	margin: 5px 0 0 14px;
	padding: 0 7px;
	font-size: 50%;
	line-height: 20px;
	background: #850048;
	color: #fff;
	font-weight: normal;
}
h1[data-subname]:after,
.h1[data-subname]:after {
	content: attr(data-subname);
	display: inline-block;
	vertical-align: top;
	border-left: 1px solid rgba(0,0,0,0.25);
	margin: 6px 0 0 14px;
	padding: 0 0 0 14px;
	font-size: 75%;
	line-height: 100%;
}
h1.light-subname[data-subname]:after,
.h1.light-subname[data-subname]:after {
	font-weight: 300;
}
h2, .h2 {
	font-size: 150%;
	line-height: 140%;
	font-weight: bold;
	margin-bottom: 10px;
}
h2.light, .h2.light {
	font-weight: 300;
}
h3, .h3 {
	font-size: 150%;
	line-height: 140%;
	font-weight: 300;
	margin-bottom: 10px;
}
@media screen and (max-width: 1040px) { }
@media screen and (max-width: 900px) {
	h1, .h1, div.title {
		font-size: 185%;
	}
	h2, .h2,
	h3, .h3 {
		font-size: 140%;
	}
}
@media screen and (max-width: 720px) {
	h1, .h1, div.title {
		font-size: 170%;
	}
	h2, .h2,
	h3, .h3 {
		font-size: 130%;
	}
}
@media screen and (max-width: 640px) {
	h1, .h1, div.title {
		font-size: 155%;
	}
	h2, .h2,
	h3, .h3 {
		font-size: 120%;
	}
}
@media screen and (max-width: 480px) {
	h1, .h1, div.title {
		font-size: 140%;
	}
	h2, .h2,
	h3, .h3 {
		font-size: 110%;
	}
}


/* ICONS */
@font-face {
	font-family: 'icomoon';
	src: url('../image/web/font/icomoon4.eot');
	src: url('../image/web/font/icomoon4.eot#iefix') format('embedded-opentype'),
	     url('../image/web/font/icomoon4.woff') format('woff'),
	     url('../image/web/font/icomoon4.ttf') format('truetype'),
	     url('../image/web/font/icomoon4.svg#icomoon') format('svg');
	font-weight: normal;
	font-style: normal;
}
[class^="icon-"]:before,
[class*=" icon-"]:before,
[data-icon]:before,
[class^="icon-"]:after,
[class*=" icon-"]:after,
[data-icon]:after,
.nextlink:before,
.prevlink:before,
.morelink:after,
.addlink:after,
.editlink:after,
.notifylink:after,
.weblink:after,
.dellink:after,
.dropdown-trigger:before,
.dropdown-trigger:after {
	font-family: 'icomoon';
	speak: none;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}
.icon-mail:before,
[data-icon="mail"]:before {
    content: "\e902";
}
.icon-add:before,
[data-icon="add"]:before {
    content: "\e900";
}
.icon-info:before,
[data-icon="info"]:before {
	content: "\e612";
}
.icon-user:before,
[data-icon="user"]:before {
	content: "\e611";
}
.icon-user-right:after,
[data-icon="user-right"]:after {
	content: "\e611";
}
.icon-close:before,
[data-icon="close"]:before {
	content: "\e60e";
}
.icon-subtract:before,
[data-icon="substract"]:before {
	content: "\e60f";
}
.icon-edit:before,
[data-icon="edit"]:before {
	content: "\e610";
}
.icon-external:before,
[data-icon="external"]:before {
	content: "\e60d";
}
.icon-globe:before,
[data-icon="globe"]:before {
	content: "\e60c";
}
.icon-home:before,
[data-icon="home"]:before {
	content: "\e60b";
}
.icon-phone:before,
[data-icon="phone"]:before {
	content: "\e60a";
}
.icon-arrow-left:before,
[data-icon="arrow-left"]:before {
	content: "\e600";
}
.icon-arrow-down:before,
[data-icon="arrow-down"]:before {
	content: "\e601";
}
.icon-arrow-up:before,
[data-icon="arrow-up"]:before {
	content: "\e602";
}
.icon-arrow-right:after,
[data-icon="arrow-right"]:after {
	content: "\e603";
}
.icon-search:before,
[data-icon="search"]:before {
	content: "\f002";
}
.icon-youtube:before,
[data-icon="youtube"]:before {
	content: "\f167";
}
.icon-vimeo:before,
[data-icon="vimeo"]:before {
	content: "\e604";
}
.icon-twitter:before,
[data-icon="twitter"]:before {
	content: "\e605";
}
.icon-facebook:before,
[data-icon="facebook"]:before {
	content: "\e606";
}
.icon-googleplus:before,
[data-icon="googleplus"]:before {
	content: "\e607";
}
.icon-pinterest:before,
[data-icon="pinterest"]:before {
	content: "\e608";
}
.icon-linkedin:before,
[data-icon="linkedin"]:before {
	content: "\e609";
}


/* CSS3 ANIMATIONS */
html.pageloaded.csstransitions #tpl_body a,
html.pageloaded.csstransitions #tpl_body input,
html.pageloaded.csstransitions #tpl_body select,
html.pageloaded.csstransitions #tpl_body textarea,
html.pageloaded.csstransitions #tpl_body tr {
	-webkit-transition: all 0.25s;
	        transition: all 0.25s;
}


@media print {
	body {
		background-color: #f00;
	}
}